<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
/* always display scrollbars */
body { font: 12px/1.8 "Microsoft YaHei New","Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color: #989898; background-color: #fff; _background-attachment: fixed; _background-image: url(about:blank); overflow: hidden; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select { vertical-align: middle; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; padding: 0; }
img { border: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; background: none; outline: none; padding: 0; margin: 0; border: none; }
::-moz-selection { background: #f7a300; color: #fff; text-shadow: none; }
::selection { background: #f7a300; color: #fff; text-shadow: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.conWidth { width: 1200px; margin: 0 auto; }
.inner { width: 1100px; margin: 0px auto; }

/*header*/
.header-box { width: 100%; height: 95px; background: url(../images/menu_bg.png) repeat-x left top; position: fixed; left: 0; top: 0; z-index: 99; }
.header-box:before { width: 100%; height: 0; content: ""; background: url(../images/menu_bg.png) repeat-x left bottom; position: absolute; left: 0; bottom: 0; opacity: 0; transition: 300ms; visibility: hidden; }
.logo { width: 160px; height: auto; line-height: 0; float: left; position: relative; z-index: 10; }
.logo img { width: 100%; height: auto; display: none; line-height: normal; }
.logo .pclogo { display: block; }
.nav { float: right; }
.nav &gt; li { float: left; position: relative; padding-top: 35px; margin:0 12px;}
.header-box.scoll { height: 68px; background: url(../images/menu_bg.png) repeat-x left bottom; background: #fff\9; filter: alpha(opacity=100); }
.header-box.scoll:before { visibility: visible; opacity: 1; }
.header-box.scoll .logo { overflow: hidden; height: 68px; width: auto; }
.header-box.scoll .pclogo { display: none; }
.header-box.scoll .scolllogo { display: block; width: 190px; height: auto; padding-top: 2px; }
.header-box.scoll .nav &gt; li { padding-top: 22px; }
.header-box.scoll .nav &gt; li &gt; a { padding-bottom: 21px; }
.header-box.scoll .menu-dwons { top: 65px; }

.nav &gt; li &gt; a:after { width: 100%; height: 4px; content: ""; background: #DA251C; position: absolute; opacity: 0; transition: 344ms ease-out; bottom: 0; width: 0; left: 50%; }
.nav &gt; li &gt; a { display: inline-block; padding: 0 20px 34px; line-height: normal; color: #6a6a6a; font-size: 16px; position: relative; }
.nav &gt; li:hover, .nav &gt; li.current { background: rgba(244,244,244,0.9); background: #11a1e1\9; filter: alpha(opacity=90); box-shadow: 0 0 2px rgba(0,0,0,.2);}
.nav &gt; li:hover &gt; a:after, .nav &gt; li.current &gt; a:after { left: 0; width: 100%; opacity: 1; }

.menu-dwons { position: absolute; left: 0; top: 90px; background: #ffffff; padding-top: 18px; padding-bottom: 10px; width: 100%; display: none; }
.menu-dwons li { position: relative; }
.menu-dwons li:before { content: ""; width: 0; left: 50%; height: 100%; background: #3D756C; position: absolute; top: 0; transition: 300ms ease-in-out; }
.menu-dwons li a { display: block; text-align: center; position: relative; line-height: 30px; color: #646464; font-size: 13px; }
.menu-dwons li:hover:before { left: 0; width: 100%; }
.menu-dwons li:hover a { color: #fff; }

.menubox { display: inline-block; float: right; width: 31px; height: 15px; margin-top: 8px; position: relative; cursor: pointer; display: none; }
.menubox:before, .menubox:after { content: ""; width: 100%; height: 2px; position: absolute; background: #DA251C; }
.menubox:before { left: 0; top: 0; }
.menubox:after { left: 0; bottom: 0; }
.iphone-mark { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(18,18,18,0.8); z-index: 101; opacity: 0; visibility: hidden; transition: 320ms 0ms; }
.iphone-mark.on { opacity: 1; visibility: visible; transition: 320ms 200ms; }
.iphone-menu { width: 198px; height: 100%; position: fixed; right: -198px; top: 0; background: #fff; z-index: 110; transition: 360ms 0ms; }
.iphone-menu.on { right: 0; transition: 360ms 0ms; }
.iphone-menu span { display: block; width: 25px; height: 25px; background: url(../images/index/close.png) center no-repeat; position: absolute; right: 18px; top: 22px; transition: 360ms ease-in-out; cursor: pointer; }
.iphone-menu span:hover { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); }
.menufix { padding-left: 34px; margin-top: 75px; }
.menufix li { margin-bottom: 20px; }
.menufix li a { display: inline-block; line-height: normal; color: #323232; font-size: 18px; }
.menufix li a:hover, .menufix li a:focus { color: #11a1e1; }


/*20180628*/
/*banner
.banner { width: 100%; margin: 0px auto; overflow: hidden; color: #fff; position: relative;}
.banner .slides{ position:relative; z-index:20;}
.banner .slides li{ -webkit-transition:opacity 1s cubic-bezier(.165, .74, .44, 1);transition:opacity 1s cubic-bezier(.165, .74, .44, 1);}
.banner .slides .bimg{ -webkit-transition:all 1s cubic-bezier(.165, .74, .44, 1);transition:all 1s cubic-bezier(.165, .74, .44, 1);}
.banner .slides li.sc-b-c .bimg{ transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0;}
.banner .slides li img{ display:block; width:100%; position:relative; height:auto;}
.banner .slides li.sc-b-c .bimg{ opacity: 0;}
.banner .bimg { width: 100%; display: block; }

.bannerText{ position:absolute; left:50%; height:254px; margin-left:-550px; top:50%; margin-top:-127px; z-index:200;}
.bann{ width:100%; height:100%; position:relative;}
.banne-list{ position:relative; height:100%;}
.banne-list li{ opacity:0; transform:translateY(30px); -webkit-transform:translateY(30px); -moz-transform:translateY(30px); transition:600ms 200ms;  position:absolute; left:0; top:0; width:100%; height:100%; visibility:hidden;}
.banne-list h3{ color:#323232; margin-bottom:60px; font-size:48px; line-height:normal; visibility:hidden; opacity:0; text-align:center;} 
.banne-list small{ width:600px; margin:auto; position:relative; visibility:hidden; opacity:0; text-align:center; color:#e14303; display:block; margin-top:6px; font-size:14px; font-family:"Verdana"; text-transform:uppercase; line-height:1.8;}
.banne-list b{ display:block; color:#e14303; font-size:90px; visibility:hidden; opacity:0; font-weight:normal; margin-top:54px; line-height:normal; margin:auto; font-family:"space_ageregular"; text-align:center; letter-spacing:60px;}

.banne-list li.on{ opacity:1; visibility:visible; transform:translateY(0); }
.banne-list li.on h3{ visibility:visible; opacity:1;}
.banne-list li.on small{ opacity:1; visibility:visible;}
.banne-list li.on b{ opacity:1; visibility:visible;}
.bamnline{ position:absolute; left:3.5%; top:88px; width:93%; height:1px; background:#cdcdcd;}
.bamnline span{ display:block; width:0; height:1px; background:#e14303;}
.bamnline.load span{ width:100%; transition:5s linear; -webkit-transition:5s linear; -moz-transition:5s linear; }
*/

.banner { width: 100%; margin: 0px auto; overflow: hidden; color: #fff; position: relative; }
.banner .slides { position: relative; z-index: 20; }

.banner .slides li { height: 100%; line-height: 0; opacity: 0; transition: opacity 2000ms linear; -webkit-transition: opacity 2000ms linear; overflow: hidden; }
.banner .slides .bimg { line-height: 0; width: 100%; position: relative; transition: transform 4s ease; -webkit-transition: transform 4s ease; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
.banner .slides li.imgIn { opacity: 1; }
.banner .slides li.imgIn a &gt; img { transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); }

.bannerText { position: absolute; width: 590px; height: 215px; left: 50%; margin-left: -295px; top: 50%; z-index: 30; margin-top: -107px; }
.bann { width: 100%; height: 100%; position: relative; }
.banne-list { position: relative; height: 100%; }
.banne-list li { opacity: 0; transform: translateY(20px); -webkit-transform: translateY(20px); -moz-transform: translateY(20px); transition: 800ms 200ms; position: absolute; left: 0; top: 0; width: 100%; height: 100%; visibility: hidden; }
.banne-list h3 { color: #ffffff; margin-bottom: 64px; line-height: normal; font-size: 52px; font-weight: bold; visibility: hidden; opacity: 0; text-align: center; }
.banne-list h3 i { display: inline-block; width: 9px; height: 8px; background: url(../images/dot.png) center no-repeat; position: relative; top: -8px; }
.banne-list h3 i:nth-child(1) { margin-right: 42px; }
.banne-list h3 i:nth-child(2) { margin-left: 42px; }
.banne-list li.noshow h3, .banne-list li.noshow b, .banne-list li.noshow small, .banne-list li.noshow span { display: none; }

.banne-list small { visibility: hidden; opacity: 0; text-align: center; color: #ffffff; display: block; font-size: 16px; text-transform: uppercase; line-height: normal; }
.banne-list b { display: block; color: #ffffff; font-size: 28px; visibility: hidden; opacity: 0; font-weight: normal; line-height: normal; text-align: center; margin-bottom: 12px; }
.banne-list span { display: block; margin-top: 14px; font-size: 12px; text-align: center; color: #ffffff; text-align: center; text-transform: uppercase; opacity: 0; visibility: hidden; }

.banne-list li.on { opacity: 1; visibility: visible; transform: translateY(0); }
.banne-list li.on h3 { visibility: visible; opacity: 1; }
.banne-list li.on small { opacity: 1; visibility: visible; }
.banne-list li.on b { opacity: 1; visibility: visible; }
.banne-list li.on span { opacity: 1; visibility: visible; }
.bamnline { position: absolute; left: 3.5%; top: 92px; width: 93%; height: 2px; background: #fff; }
.bamnline span { display: block; width: 0; height: 2px; background: #11a1e1; }
.bamnline.load span { width: 100%; transition: 3.6s linear; -webkit-transition: 3.6s linear; -moz-transition: 3.6s linear; }




.content-box { width: 100%; background: rgba(0,0,0,0.6); background: #000000\9; filter: alpha(opacity=60); z-index: 50; position: absolute; left: 0; bottom:35px; }
.guide-slider { height:180px;}
.guide-slider .guide-list { width: 100%; overflow:hidden; margin-right:-2px;}
.guide-slider .guide {width:160px;height:180px;float:left;-webkit-transition:all ease-in .3s;transition:all ease-in .3s;position:relative;overflow:hidden;}
.guide-slider .guide .display {width:159px;height:180px; background:url(../images/index/sub_bg.gif) repeat-y top right;text-align:center;float:left;position:relative;z-index:2;-webkit-transition:all ease-in .3s;transition:all ease-in .3s;}
.guide-slider .guide .display .icon {width:60px;height:60px;margin-top:20px;display:inline-block;background-image:url("../images/ico_i.png");}
.guide-slider .guide .display .icon.icon1 {background-position:0 0;}
.guide-slider .guide .display .icon.icon2 {background-position:-60px 0;}
.guide-slider .guide .display .icon.icon3 {background-position:-120px 0;}
.guide-slider .guide .display .icon.icon4 {background-position:-180px 0;}
.guide-slider .guide .display .icon.icon5 {background-position:-240px 0;}
.guide-slider .guide .display .title {height:40px;line-height:40px;font-size:16px;color:#FFF; font-weight:bold;}
.guide-slider .guide .display .introduction {width:80px;margin:0 auto;line-height:20px;border-top:1px solid #ddd;font-size:16px;color:#FFF;text-align:center; padding-top:10px;}
.guide-slider .guide .display::after {content:"";display:block;position:absolute;border-style:solid;border-color:transparent #FFF transparent transparent;border-width:10px 15px;top:100%;margin-top:0;right:-1px;-webkit-transition:all ease-in .3s;transition:all ease-in .3s;}
.guide-slider .guide .behind {display: none;}
.guide-slider .guide .behind .function-list-wrap {width:400px;margin:0 auto;}
.guide-slider .guide.on {width:560px;}
.guide-slider .guide.on .display {width:160px;background:#3D756C;border-right-color:transparent;}
.guide-slider .guide.on .display .title {color:#fff;}
.guide-slider .guide.on .display .introduction {color:#fff;}
.guide-slider .guide.on .display::after {top:50%;margin-top:-5px;}
.guide-slider .guide.on .display .icon.icon1 {background-position:0 0;}
.guide-slider .guide.on .display .icon.icon2 {background-position:-60px 0;}
.guide-slider .guide.on .display .icon.icon3 {background-position:-120px 0;}
.guide-slider .guide.on .display .icon.icon4 {background-position:-180px 0;}
.guide-slider .guide.on .display .icon.icon5 {background-position:-240px 0;}
.guide-slider .guide.on .behind {width:400px;height:180px;display:inline-block;background: #FFF url(../images/index/sub_bg.gif) repeat-y top right;overflow:hidden;position:absolute;right:0;top:0;z-index:1;}

/*main 1*/
.newindex { padding-top: 2px; position: relative; }
.new-list li { transition: 340ms; overflow: hidden; position: relative; }
.new-list li a:before { content: ""; width: 100%; height: 100%; background: #eeeeee; position: absolute; left: 0; top: 100%; transition: 320ms; }
.new-list li a:after { content: ""; width: 5px; height: 10px; position: absolute; right: 16px; top: 50%; margin-top: -5px; background: url(../images/li.png) center no-repeat; opacity: 0; visibility: hidden; transition: 320ms 0ms; }
.new-list li time { display: inline-block; float: right; margin-right: 10px; color: #969696; font-size: 12px; line-height: 35px; position: relative; z-index: 5; }
.new-list li span { width: 300px; display: inline-block; float: left; margin-left: 10px; color: #333; font-size: 14px; line-height: 35px; position: relative; z-index: 5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.new-list li:hover a:before { top: 0; }
.new-list li:hover a:after { opacity: 1; visibility: visible; right: 7px; transition: 320ms 200ms; }

/*main 2*/
.guide-slider .guide .behind .function-list {margin-top:5px; overflow: hidden;}
.guide-slider .guide .behind .function-list &gt; li {float:left;margin-left:6px;}
.guide-slider .guide .behind .function-list &gt; li &gt; a {width:90px;height:140px;line-height:140px; padding-top:30px;display:block;border:1px solid #ddd;text-align:center;color:#DA251C; font-size: 14px;}
.guide-slider .guide .behind .function-list &gt; li:nth-child(1) { background: url(../images/index/ico_cy.png) no-repeat left 0 bottom 60px; }
.guide-slider .guide .behind .function-list &gt; li:nth-child(2) { background: url(../images/index/ico_cy.png) no-repeat left -90px bottom 60px;}
.guide-slider .guide .behind .function-list &gt; li:nth-child(3) { background: url(../images/index/ico_cy.png) no-repeat left -180px bottom 60px;}
.guide-slider .guide .behind .function-list &gt; li:nth-child(4) { background: url(../images/index/ico_cy.png) no-repeat left -270px bottom 60px;}
.guide-slider .guide .behind .function-list &gt; li &gt; a:hover {text-decoration:none;border:1px solid #CC0000;color:#ffffff; }
.guide-slider .guide .behind .function-list &gt; li:nth-child(1):hover { background:#DA251C url(../images/index/ico_cy_h.png) no-repeat left 0 bottom 60px;}
.guide-slider .guide .behind .function-list &gt; li:nth-child(2):hover { background:#DA251C url(../images/index/ico_cy_h.png) no-repeat left -90px bottom 60px;}
.guide-slider .guide .behind .function-list &gt; li:nth-child(3):hover { background:#DA251C url(../images/index/ico_cy_h.png) no-repeat left -180px bottom 60px;}
.guide-slider .guide .behind .function-list &gt; li:nth-child(4):hover { background:#DA251C url(../images/index/ico_cy_h.png) no-repeat left -270px bottom 60px;}
.guide-slider .guide .behind .function-list &gt; li &gt; a.important {color:#f58914;}
.guide-slider .guide .behind .function-list &gt; li &gt; a.important:hover {border:1px solid #f58914;background:#f58914;color:#ffffff;}

/*main 3*/
.guide-slider .guide .behind .function-list-wrap p { margin-left:30px; margin-top:5px; font-size: 16px; line-height: 40px; color: #333;}
.guide-slider .guide .behind .function-list-wrap p span { font-size: 16px; color: #FF0000; font-weight:bold;}

/*main 4*/
.videoIbox{ position:relative; line-height:1;} 
.videoIbox{ padding:2px; background:#fff;}
.videoIbox .img{ display:block; width:100%; height:auto; transition:340ms; line-height:0;}
.videoIbox span{ display:block; width:29px; height:32px; background:url(../images/index/video.png) center no-repeat; position:absolute; left:50%; top:50%; margin-left:-6px; margin-top:-10px; z-index:30;}
.video-info b{ display:block; text-align:center; color:#7b6c64; font-size:18px; font-weight:normal; margin-top:22px; line-height:1.2; transition:330ms;}
.video-info:hover .videoIbox .img{ transform:scale(0.98); -webkit-transform:scale(0.98); -moz-transform:scale(0.98);}
.video-info:hover b{ color:#ee7133;}
.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; left:0; top:0; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox { z-index: 990; width: 860px; height: 480px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -240px; margin-left: -430px; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 24px; height: 24px; cursor: pointer; position: absolute; top: -28px; right: 0px; }
.vwrap .close i { display: block; width:24px; height:24px; background:url(../images/index/close.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button { background: none no-repeat!important; }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }


/*foot*/
.footer-boxs { width:100%; background: #000;  z-index: 50; position: absolute; left: 0; bottom:0;}
.footer-box { width:100%; background: #000;  z-index: 50; position: relative; }
.footeredite {height: 35px; }
.eadite-left { margin-left: 50px; }
.eadite-left p { display: inline-block; float: left; color: #ffffff; line-height: 35px; margin-right: 16px; }
.eadite-left a { float: left; color: #ffffff; line-height: 35px; margin-right: 16px; }
.eadite-left a:hover { color: #323232; }

.footeradd { display: block; font-style: normal; float: right; }
.footeradd span { display: inline-block; float: left; line-height: 35px; color: #FFF; font-size: 14px; padding-left: 22px; margin-right:30px; background: url(../images/addres.png) left center no-repeat;}
.footeradd span:nth-child(1) { background-position:0 0; }
.footeradd span:nth-child(2) { background-position:0 -35px; }
.footeradd span:nth-child(3) { background-position:0 -70px; }

/*class*/
/*banner*/
.pbanner { position: relative; overflow: hidden; margin-top: 82px; }
.pbanner img { width: 100%; height: auto; line-height: 0; display: block; }
.pbannertext { position: absolute; left: 50%; margin-left: -550px; top: 50%; }
.pbannertext h3 { color: #ffffff; font-family: "groteskiaregular"; font-size: 62px; font-weight: normal; line-height: 0.9; }
.pbannertext span { margin-top: 4px; display: block; color: #fff; font-size: 20px; font-weight:bold; line-height: normal; }
.pbannertext2 { width: 960px; margin-left: -430px; }
.pbannertext2 .f30 { font-size: 30px; }

.commonbg { position: relative; background: #f8f8f8; padding: 40px 0px; }

/*menu*/
.common-menu { width: 160px; position: absolute; z-index: 20; right: 12.5%; top: -70px; transition: 344ms ease-in-out; }
.common-menu.scoll1 { position: fixed; top: 66px; transition: 344ms ease-in-out; }
.common-menup .innmenu { border: none; }
.common-logo { height: 70px; background: #DA251C; background-size: cover; }
.aboutlogo { padding-left: 20px; padding-top: 10px; }
.aboutlogo h4 { color: #ffffff; font-size: 20px; position: relative; font-weight: bold; line-height: normal; padding-bottom: 16px; }
.aboutlogo h4:before { content: ""; width: 25px; height: 5px; background: #fff; position: absolute; left: 0; bottom: 0; }

.innmenu { padding: 18px 0 20px; border: 1px solid #253580; background: #fff; }
.innmenu li { position: relative; margin-bottom: 1px; }
.innmenu li:before { width: 0; height: 29px; line-height: 29px; content: ""; background: #3D756C; position: absolute; left: 50%; top: 0; transition: 310ms ease-in-out; }
.innmenu li a { display: block; line-height: 29px; position: relative; z-index: 5; color: #000000; font-size: 13px; text-align: center; }
.innmenu li a:before { content: ""; width: 6px; height: 11px; background: url(../images/class/arrow5.png) center no-repeat; position: absolute; left: 11px; top: 50%; margin-top: -5px; opacity: 0; visibility: hidden; transition: 260ms 0ms; }
.innmenu li:hover:before, .innmenu li.on:before { width: 100%; left: 0; }
.innmenu li:hover a, .innmenu li.on a { color: #fff; }
.innmenu li:hover a:before, .innmenu li.on a:before { opacity: 1; visibility: visible; transition: 280ms 220ms; }

.menusd { width: 960px; margin: auto; z-index: 30; display: none; position: relative; }
.menusd span { display: block; height: 58px; line-height: 58px; position: relative; background: #a0a0a0; text-align: center; cursor: pointer; color: #fff; font-size: 16px; transition: 430ms background; }
.menusd.on span { background: #DA251C; }
.menusd.on span:before { transform: rotate(180deg); }
.menusd span:before { content: ""; width: 17px; height: 10px; position: absolute; right: 24px; top: 50%; margin-top: -5px; background: url(../images/class/down2.png) center no-repeat; transition: 266ms ease-in-out; }
.menus-down { background: #fff; position: absolute; left: 0; top: 58px; width: 100%; display: none; }
.menus-down a { color: #fff; font-size: 14px; width: 50%; float: left; background: #3D756C; line-height: 46px; display: block; text-align: center; position: relative; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.menus-down a:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; z-index: 1; background-color: rgba(255,255,255,0.3); -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: ReturnToNormal; animation-name: ReturnToNormal; }

@-webkit-keyframes ReturnToNormal {
    0% { -webkit-transform: scale(0.1,1); -ms-transform: scale(0.1,1); transform: translate: scale(0.1,1); }


    100% { -webkit-transform: scaleX(1,1); -ms-transform: scale(1,1); transform: translate: scaleX(1,1); }
}

@-moz-keyframes ReturnToNormal {
    0% { -webkit-transform: scale(0.1,1); -ms-transform: scale(0.1,1); transform: translate: scale(0.1,1); }


    100% { -webkit-transform: scaleX(1,1); -ms-transform: scale(1,1); transform: translate: scaleX(1,1); }
}

@keyframes ReturnToNormal {
    0% { -webkit-transform: scale(0.1,1); -ms-transform: scale(0.1,1); transform: translate: scale(0.1,1); }


    100% { -webkit-transform: scaleX(1,1); -ms-transform: scale(1,1); transform: translate: scaleX(1,1); }
}

/*content*/
.introducts p, .sppechs p { color: #646464; font-size: 15px; text-indent:2em; line-height:30px; margin-bottom: 10px; }
.introducts img { max-width: 100%; margin: auto; display: inline; margin-top: 10px; }
.innerw { width: 960px; margin: auto; min-height:200px; }

/*news menu*/
.new-bg { background: #DA251C; padding-top: 6px; }
.news-list { text-align: center; }
.news-list li { display: inline-block; margin-right: 2px; position: relative; }
.news-list li:before { content: ""; width: 0; height: 100%; background: #f8f8f8; position: absolute; left: 50%; top: 0; opacity: 0; visibility: hidden; transition: 320ms ease-in-out; }
.news-list li:last-child { margin-right: 0; }
.news-list li a { line-height: normal; display: block; padding-top: 12px; height: 34px; width: 120px; text-align: center; color: #fff; font-size: 15px; position: relative; z-index: 5; }
.news-list li:hover:before, .news-list li.on:before { width: 100%; left: 0; opacity: 1; visibility: visible; }
.news-list li:hover a, .news-list li.on a { color: #DA251C; }

/*news list*/
.pagePadding { padding: 20px 0px; }
.newsList a:link, .newsList a:visited { color: #4a4a4a; }
.newsList a:active, .newsList a:hover { color: #e87b00; }
.newsList dd { position: relative; padding-left: 370px; height: 187px; color: #4a4a4a; padding-bottom: 38px; border-bottom: 1px solid #e5e5e5; margin-bottom: 30px; overflow: hidden; }
.newsList .tiemBox { width: 80px; background-color: #3D756C; text-align: center; font-family: arial, helvetica, sans-serif; position: absolute; left: 10px; top: 0; margin-top:20px; }
.newsList .tiemBox .day { font-size: 51px; color: #FFF; line-height: 1.5; }
.newsList .tiemBox .time { display: block; border-top: 1px solid #fff; font-size: 12px; color: #FFF; }
.newsList .img { width: 240px; position: absolute; left: 110px; top: 0; overflow: hidden; margin-top:20px; }
.newsList .img img { width: 100%; display: block; transition: all 0.6s 0s; -webkit-transition: all 0.6s 0s; }
.newsList .black-20 { opacity: 0; visibility: hidden; transition: all 0.3s 0s; -webkit-transition: all 0.3s 0s; }
.newsList .con h4 { font-weight: bold; font-size: 20px; line-height: 1.1; margin-top:20px; }
.newsList .con .c { margin: 24px 0px; height: 76px; line-height: 25px; overflow: hidden; color: #9b9b9b; padding:0 10px; }
.newsList dd .more { color: #333; border: 1px solid #e5e5e5; padding:5px; border-radius:2px; }
.newsList dd:hover { background: #FFF; box-shadow: 0 3px 3px 0 rgba(0,0,0,.2); }
.newsList dd:hover .more, .newsList dd:hover h4 { color: #DA251C; }
.newsList dd:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.newsList dd:hover .black-20 { opacity: 1; visibility: visible; }
.ilinkA { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; }
/* list page */
.paging { text-align: center; }
.paging a:link, .paging a:visited { color: #676767; }
.paging a:active, .paging a:hover { color: #fff; background-color: #DA251C; }
.paging a, .paging span { display: inline-block; margin: 0px 5px; border: 1px solid #bdbdbd; font-size: 14px; width: 52px; height: 52px; line-height: 52px; }
.paging .prev, .paging .next { display: inline-block; }
.paging .prev { background: url(../images/class/prev.png) no-repeat scroll center center; }
.paging .next { background: url(../images/class/next.png) no-repeat scroll center center; }
.paging a.active, .paging span { background-color: #DA251C; border-color: #FF9900; color: #fff!important; }

/*news show*/
.infoPage { background-color: #f2f2f2; position: relative; padding: 0px 0px 40px; overflow: hidden; width: 100%; }
.infoPage .ys1 { background: url(../images/class/ys.png) no-repeat; background-attachment: fixed; width: 405px; height: 100%; position: absolute; left: 0; top: 0; }
.infoPage .ys2 { background: url(../images/class/ys2.png) no-repeat scroll right bottom; background-attachment: fixed; width: 448px; height: 100%; position: absolute; right: 0; bottom: 0; }
.infoPage .inner { position: relative; }
.infoT { padding: 120px 0 30px 0; color: #212121; }
.infoT .t { font-size: 32px; font-weight:bold; line-height: 1.6; margin-bottom: 5px; }
.infoT .time { color: #828282; }
.infoC { background-color: #fff; padding: 70px 64px; }
.pageC { color: #676767; }

.pageC p { font-size: 15px; text-indent:2em; line-height:28px; margin-bottom: 10px; }
.pageC img { max-width: 100%; margin: auto; display: block; }

.pageC a:link, .pageC a:visited { color: #666; }
.pageC a:active, .pageC a:hover { color: #e98205; }
.pager { color: #212121; font-size:14px; text-align: center; margin-top: 25px; }
.pager a:link, .pager a:visited { color: #212121; }
.pager a:active, .pager a:hover { color: #fff; }
.pager a { height: 58px; line-height: 58px; }
.pager .list { background: url(../images/class/list.png) no-repeat scroll left center; padding-left: 32px; margin: 0px auto; display: inline-block; }
.pager .prev, .pager .next { border: 1px solid #898989; display: block; position: relative; }
.pager .prev { padding: 0px 38px 0px 0px; width: 138px; float: left; text-align: right; }
.pager .next { padding: 0px 0px 0px 38px; width: 138px; float: right; text-align: left; }
.pager .prev i { position: absolute; top: 0; height: 100%; background: url(../images/class/mjt1.png) no-repeat scroll left center; width: 31px; right: 108px; display: block; transition: all 0.3s 0s; -webkit-transition: all 0.3s 0s; }
.pager .next i { position: absolute; top: 0; height: 100%; background: url(../images/class/mjt2.png) no-repeat scroll right center; width: 31px; left: 108px; display: block; transition: all 0.3s 0s; -webkit-transition: all 0.3s 0s; }
.pager .prev:hover, .pager .next:hover { background-color: #DA251C; border-color: #DA251C; }
.pager .prev:hover i { background-image: url(../images/class/mjt3.png); width: 56px; }
.pager .next:hover i { background-image: url(../images/class/mjt4.png); width: 56px; }
.pager .list:hover { color: #e98205; }

/*chan ye*/
.projects-fix { margin-top: 0; }
.projected li { width: 10%; float: left; position: relative; padding-top: 80px; height: 290px; background: #DA251C; text-align: center; transition: 430ms ease-in-out; }
.projected li:hover { background: #3D756C; }
.projected li.on { width: 70%; }
.projected li.on h4 { opacity: 0; visibility: hidden; }
.projected li.on .project-t { opacity: 1; visibility: visible; width: 100%; left: 0; }
.projected li.on .project-t .project-wr { opacity: 1; visibility: visible; margin-top: 0; transition: 560ms 430ms; }

.projected li:before { content: ""; width: 1px; height: 100%; background: #FFFFFF; position: absolute; right: 0; bottom: 0; }
.projected li:last-child:before { display: none; }
.projected li b { display: block; width: 90px; height: 90px; position: absolute; left: 50%; top: 22px; margin-left:-50px; z-index: 10; transition: 300ms; }
.projected li:nth-child(1) b { background: url(../images/index/ico_cy_h.png) no-repeat 0 0; }
.projected li:nth-child(2) b { background: url(../images/index/ico_cy_h.png) no-repeat -90px 0; }
.projected li:nth-child(3) b { background: url(../images/index/ico_cy_h.png) no-repeat -180px 0; }
.projected li:nth-child(4) b { background: url(../images/index/ico_cy_h.png) no-repeat -270px 0; }
.projected li h4 { display: block; width: 18px; color: #ebecf4; font-family: "微软雅黑"; font-size: 18px; margin: auto; line-height: 1.1; transition: 300ms; }
.projected li h4 i { display: block; height: 15px; }
.project-t { position: absolute; left: 50%; top: 0; width: 0%; height: 100%; background: #3D756C; opacity: 0; visibility: hidden; transition: 520ms ease-in-out; }
.project-wr { padding: 94px 22% 0; text-align: center; opacity: 0; margin-top: 40px; visibility: hidden; transition: 360ms 0ms; }
.project-wr h3 { color: #ebecf4; font-size: 26px; font-family: "微软雅黑"; line-height: normal; margin-bottom: 30px; text-align: center; }
.project-wr p { color: #FFF; font-size: 14px; font-family: "微软雅黑"; line-height: 2; text-align: left; text-indent:2em; }
.project-wr i { width: 14px; height: 42px; display: block; background: url(../images/class/arro.png) center no-repeat; position: absolute; left: 42px; bottom: 40px; }

/*list
.member-box { padding: 62px 0; }
.member-list li { width: 30.6%; float: left; margin-right: 4.1%; margin-bottom: 28px; }
.member-list li:nth-child(3n+3) { margin-right: 0; }
.member-list li figure { display: block; position: relative; line-height: normal; overflow: hidden; }
.member-list li figure img { display: block; width: 100%; height: auto; line-height: 0; transition: 366ms; }
.member-list li figure mark { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(61,107,118,0.8); background: #253580\9; filter: alpha(opacity=80); opacity: 0; visibility: hidden; transition: 466ms 0ms; }
.member-list li figure mark span { display: block; width: 145px; height: 47px; border: 1px solid #fff; text-align: center; line-height: 47px; color: #fff; font-size: 14px; position: absolute; left: 50%; margin-left: -73px; top: 50%; margin-top: -25px; transform: translateY(30px); -webkit-transform: translateY(30px); -moz-transform: translateY(30px); visibility: hidden; transition: 384ms 0ms; opacity: 0; }
.member-list li figcaption { display: block; margin-top: 2px; position: relative; height: 38px; position: relative; overflow: hidden; }
.member-list li figcaption:before { content: ""; width: 100%; height: 100%; background: #3D756C; position: absolute; left: 0; top: 100%; transition: 388ms; }
.member-list li figcaption span { display: block; color: #646464; font-size: 15px; position: relative; line-height: 38px; text-align:center; }
.member-list li:hover figure mark { opacity: 1; visibility: visible; }
.member-list li:hover figure mark span { visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); opacity: 1; }
.member-list li:hover figcaption:before { top: 0; }
.member-list li:hover figcaption span { color: #fff; }
.member-list li:hover figcaption span:before { opacity: 0; visibility: hidden; }
.member-list li figure mark span:hover { background: #fff; color: #FF0000; }
*/
/*list*/
.companys{ padding:28px 0 28px;}
.company-li li{ background:#f3f3f3; position:relative;}
.company-li li figure{ display:block; width:50%; float:left; overflow:hidden;}
.company-li li figure img{ display:block; width:100%; height:auto; line-height:0; transition:0.5s;}
.companyf{ width:50%; float:right;}
.compawr{ padding:11% 10% 20px 10%;}
.compawr h3{ color:#333333; font-size:24px; line-height:1.2; margin-bottom:30px; transition:0.4s;}
.compawr p{ color:#666666; font-size:14px; line-height:2;}
.compawr .checkm{ margin-top:50px;}
.company-li li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.company-li li:hover .compawr h3{ color:#d12536;}
.company-li li:hover .dots,.prolist li:hover .dots{ background:#cf1c2e;}
.company-li li:hover .dots b:before,.prolist li:hover .dots b:before{ background:#fff;}
.company-li li:hover .dots:before,.prolist li:hover .dots:before{ opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);}
.company-li li:hover .dots span,.prolist li:hover .dots span{ opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);}
.company-li li:hover .dots span:nth-child(1),.prolist li:hover .dots span:nth-child(1){
	-webkit-transition-delay: 0.045s;
	transition-delay: 0.045s;
}
.company-li li:hover .dots span:nth-child(2),.prolist li:hover .dots span:nth-child(2){
	-webkit-transition-delay: 0.09s;
	transition-delay: 0.09s;
}
.company-li li:hover .dots span:nth-child(3),.prolist li:hover .dots span:nth-child(3){
	-webkit-transition-delay: 0.135s;
	transition-delay: 0.135s;
}
.company-li li:hover .dots span:nth-child(4),.prolist li:hover .dots span:nth-child(4){
	-webkit-transition-delay: 0.18s;
	transition-delay: 0.18s;
}
.company-li li:nth-child(2n+2) figure{ float:right;}
.company-li li:nth-child(2n+2) .companyf{ float:left;}
.company-li li:nth-child(2n+2) .compawr{ padding:11% 10% 20px 10%;}

.dots{ width:183px; margin:auto; height:40px; position:relative; transition:0.3s;}
.dots a,.dots b{ display:block; height:36px; line-height:36px; color:#cf1c2e; font-size:14px; font-weight:bold; padding-left:30px; text-align:left; position:relative; border:2px solid #cf1c2e;}
.dots a:before,.dots b:before{ content:""; width:21px; height:3px; background:#cf1c2e; position:absolute; right:0; top:16px; z-index:5; transition:0.3s;}
.dots a span,.dots b span{ display:inline-block; color:#cf1c2e; font-size:14px; font-weight:bold;
opacity: 0; color: #fff; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);-webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.dots:before{content: attr(data-text); position: absolute; top: 0; left: 0; width: 100%; height: 100%; line-height:40px; padding-left:30px; color:#cf1c2e; font-size:14px; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.dots:hover{ background:#cf1c2e;}
.dots:hover a:before,.dots:hover b:before{ background:#fff;}
.dots:hover:before{ opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);}
.dots:hover span{ opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);}
.dots:hover span:nth-child(1) {
	-webkit-transition-delay: 0.045s;
	transition-delay: 0.045s;
}
.dots:hover span:nth-child(2) {
	-webkit-transition-delay: 0.09s;
	transition-delay: 0.09s;
}
.dots:hover span:nth-child(3) {
	-webkit-transition-delay: 0.135s;
	transition-delay: 0.135s;
}
.dots:hover span:nth-child(4) {
	-webkit-transition-delay: 0.18s;
	transition-delay: 0.18s;
}
.dots:hover span:nth-child(5) {
	-webkit-transition-delay: 0.225s;
	transition-delay: 0.225s;
}
.dots:hover span:nth-child(6) {
	-webkit-transition-delay: 0.27s;
	transition-delay: 0.27s;
}
.dots:hover span:nth-child(7) {
	-webkit-transition-delay: 0.315s;
	transition-delay: 0.315s;
}
.dots:hover span:nth-child(8) {
	-webkit-transition-delay: 0.36s;
	transition-delay: 0.36s;
}
.checkm{ width:139px; height:40px; margin:0;}
.checkm a,.checkm b{ padding-left:36px;}

/*member-view*/
.member-v { background: #f8f8f8; padding-bottom: 50px; }
.member-view { position: relative; margin: auto; margin-top: -260px; }
.member-view h1 { font-weight: normal; font-size: 42px; text-align:center; line-height: normal; margin-bottom: 105px; padding-bottom: 20px; position: relative; color: #fff; }
.member-view h1:before { content: ""; width: 72px; height: 5px; background: #fff; position: absolute; left: 50%; bottom: 0; margin-left:-37px }
.member-b { padding: 62px 85px 70px; background: #fff; }
.member-banner { position: relative; padding: 0 10px; }
.member-banner li img { display: block; width: 100%; height: auto; }
.member-banner .flex-prev, .member-banner .flex-next { display: block; width: 21px; height: 39px; text-indent: 999px; overflow: hidden; transition: 344ms; position: absolute; top: 50%; margin-top: -20px; }
.member-banner .flex-prev { background: url(../images/class/prev.png) left center no-repeat; background-size: 100% 100%; left: -32px; }
.member-banner .flex-next { background: url(../images/class/next.png) left center no-repeat; background-size: 100% 100%; right: -32px; }
.member-banner .flex-prev:hover { background: url(../images/class/prev1.png) left center no-repeat; }
.member-banner .flex-next:hover { background: url(../images/class/next1.png) left center no-repeat; }

.member-tex { margin-top: 36px; color: #676767; margin-bottom: 30px; }
.member-tex p { font-size: 15px; text-indent:2em; line-height:28px; margin-bottom: 10px; }
.member-tex img { max-width: 100%; margin: auto; display: block; }


.member-add { margin-top: 66px; }
.member-add span { display: block; color: #646464; font-size: 13px; }
.hotnew-box { position: relative; }
.hotnew-box .flex-control-nav { position: absolute; left: 32%; text-align: center; bottom: 10px; z-index: 20; }
.hotnew-box .flex-control-nav li { display: inline-block; margin-right: 10px; }
.hotnew-box .flex-control-nav li:last-child { margin-right: 0; }
.hotnew-box .flex-control-nav li a span { display: block; width: 9px; height: 9px; border-radius: 50%; border: 1px solid #fff; transition: 310ms; text-indent: 999px; overflow: hidden; }
.hotnew-box .flex-control-nav li a.flex-active span { background: #fff; }

/*wen hua*/
.ideaList { padding-bottom: 30px; }
.ideaList ul { margin-left: -64px; }
.ideaList li { float: left; display: block; width: 528px; margin: 0px 0px 48px 64px; cursor: default; }
.ideaList li .itemBox { border: 1px solid #e5e5e5; }
.ideaList .itemBox .img { float: left; display: block; width: 240px; overflow: hidden; }
.ideaList .itemBox .img img { width: 100%; display: block; transition: 500ms; }
.ideaList .itemBox .con { padding: 0px 15px 0px 0px; width: 232px; float: right; display: block; font-size: 16px; color:#000; font-weight:bold; }
.ideaList .itemBox .con .t { padding: 20px 0px; font-size: 24px; color:#FF0000; }
.ideaList li:hover .itemBox { background-color: #3D756C; color: #fff; box-shadow: 0 5px 5px 0 rgba(0,0,0,.2);}
.ideaList li:hover .itemBox .con .t { color:#FF0; font-weight:bold; }
.ideaList li:hover .itemBox .img img { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); }
.ideaList.article-block li { transform: translate(0px,50px); -webkit-transform: translate(0px,50px); opacity: 0; }
.ideaList.articleShow li { transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; }
.ideaList.articleShow .item1 { transition: all 470ms ease-in-out 0s; }
.ideaList.articleShow .item2 { transition: all 570ms ease-in-out 0s; }
.ideaList.articleShow .item3 { transition: all 670ms ease-in-out 0s; }
.ideaList.articleShow .item4 { transition: all 770ms ease-in-out 0s; }

/*contact*/
.pusher{transition:400ms;}
.black{ position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background-color: #000; opacity: 0.5; display: none; z-index: 900;}
.mtop{ height: 50px;}
.mapbox{ height: 700px; width: 100%; background: url(../images/class/map_bg.jpg) no-repeat center;}
.addressList{ width: 1078px; margin: -65px auto 0px; position: relative; z-index: 10;}
.addressList dd{ float:left; width: 340px; margin-left: 29px; border-bottom: 3px solid #f5f3f0; height: 162px; text-align: center; font-size: 14px; color: #848484; background-color: #fff;}
.addressList dd.item1{ margin-left: 0px;}
.addressList dd .t{ background: url(../images/class/c_bg.png) no-repeat; width: 79px; height: 54px; padding-top: 25px; margin: 0px auto; position: relative; top: -37px;}
.addressList dd .t i{ background: url(../images/class/ci1.png) no-repeat; width: 31px; height: 28px; margin: 0px auto; display: block;}
.addressList dd.item2 .t i{ background-image: url(../images/class/ci2.png);}
.addressList dd.item3 .t i{ background-image: url(../images/class/ci3.png);}
.addressList dd .c{ width: 90%; overflow: hidden; margin: 0px auto;}
.addressList dd:hover{ border-bottom: 3px solid #DA251C; color: #DA251C;}
.addressList dd:hover .t i{ background-position:right 0; animation:myS 0.8s linear 0s infinite;-moz-animation:myS 0.8s linear 0s infinite;-webkit-animation:myS 0.8s linear 0s infinite;-o-animation:myS 0.8s linear 0s infinite;}

/*Video*/
.brand-list{ padding:30px 0 0;}
.brandfix li{ position:relative; width:48.5%; margin-bottom:40px; float:left;}
.brandfix li:nth-child(2n+2){ float:right;}
.brandfix li figure{ overflow:hidden; position:relative;}
.brandfix li figure img{ display:block; width:100%; height:auto; transition:588ms;}
.brandfix li figure span{ display:block; width:29px; height:32px; background:url(../images/index/video.png) center no-repeat; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.brandfix li b{ display:block; line-height:58px; color:#000000; font-size:16px; text-align:center; background:#E7E7E7; transition:455ms;}
.brandfix li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.brandfix li:hover b{ color:#fff; background:#DA251C;}

/*pic list*/
.pageTBox{ padding:30px 0px 0;}
.honorI{ float: left; padding: 12px; background-color: #fff; max-width: 212.5px; margin:0px 20px 20px 20px; transition: 300ms;}
.honorI a{ display: block; position: relative; overflow: hidden;}
.honorI img{ width: 100%; display: block;}
.honorI .black-bg{ background: url(../images/class/black_.png) repeat; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: none;}
.honorI .ico{ background: url(../images/class/ico_3.png) no-repeat; width: 26px; height: 27px; position: absolute; left: 50%; top: 50%; margin: 0px 0px 0px -13px; display: none;}
.honorI:hover{ box-shadow: 3px 3px 1px 0px #c7c7c7;}</pre></body></html>