@charset "utf-8"; /* CSS Document */ /*CSS reset*/ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textatea, p, blockquote, th, td, input { margin: 0; padding: 0; } body { font-size: 12px; font-family: Arial, Helvetica, sans-serif, "微软雅黑"; width: 100%;} html,body { min-width:1240px} table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; } ol, ul, li { list-style: none; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } addr, acronym { border: 0; } a { color:#333; text-decoration:none} a:hover { text-decoration: none; color: #f88717 } .fl { float: left; } .fr { float: right; } .hui_9 { color:#999;} .hui_6 { color:#666} .white { color:#fff;} .red{ color:#F00} .org {color: #f88717} .text_decnone { text-decoration:underline} .eng { font-size: 12px; color: #bababa;text-transform: uppercase; font-weight: normal; } .w1200 { width:1200px; margin:0px auto} .oh { overflow:hidden} /*清除浮动*/ .clear{*zoom: 1;} .clear:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} .ft11 { font-size:11px} .ft12 { font-size:12px} .ft14 { font-size:14px} .ft16 { font-size:16px} .ft18 { font-size:18px} .ft20 { font-size:20px;} .ft22 { font-size:22px;} .ft24 { font-size:24px;} .ft26 { font-size:26px;} .ft30 { font-size:30px;} .padd50 { padding:50px 0px} .marlr15 { margin: 0px 15px; } .marlr08 { margin: 0px 8px; } .marl50{ margin-left: 75px } .marbot30 { margin-bottom:30px} .pa{ position: absolute } .pr{ position: relative } .header { width: 100%; margin: 0px; padding: 0px; background: url(../images/head_bg.png) repeat-x; position: absolute; left: 0px; top: 0px; z-index: 1000; } .header_top { height: 20px; height: 39px; padding: 0 } .header_top ul { width: 1200px; margin: 0px auto; color:#fff; line-height:39px; font-size:12px } .header_top ul li a.sina { width: 40px; height: 39px; display: block; text-indent: -9999px; background: url(../images/sina.png) no-repeat center center; float: left; margin: 0 } .header_top ul li a.sina:hover {background: url(../images/sina.png) no-repeat center center #f88717;} .header_top ul li a.Language {width: 40px; height: 39px; display: block; float:left; font-size:12px; font-weight:bold; text-align:center; color:#fff; background:url(../images/top_x.png) no-repeat left center} .header_top ul li a.Language:hover { background:#f88717} .head_menu { width: 1200px; height: 94px; margin: 0px auto; } .head_menu .logo { width: 230px; height: 60px; display: block; margin-top: 16px; } .inav{width:680px;float: left;} .inav .c {padding-bottom: 9999px; margin-bottom: -9999px; } .inav .nav_li{ float: left; padding: 0 15px; } .inav .nav_li a.nav_a{ display: block; color: #141414; font-size: 16px; line-height: 100px; height: 94px; } .inav .nav_li a.nav_a:hover { color:#f88717} .inav .nav_li a.nav_a span {display: block; color: #f88717; font-size: 16px; line-height:100px; height: 91px; border-bottom:#f88717 3px solid;} .inav .nav_li .setNav{ width: 100%; left: 0; right: 0; background-color: #fff; display: none; border-top: 1px #e5e5e5 solid; } .inav .nav_li .setNav .set-img{width:25%;padding-top:25px;} .inav .nav_li .setNav .set-img img{height:179px;width:100%;} .inav .nav_li .setNav .setCon .tit{font-size:22px;color:#4e4e4e; margin-bottom: 20px;font-weight: normal;} .inav .nav_li .setNav .setMenu{ width: 14%; padding-top: 20px; padding-right: 4%; padding-left: 4%; border-right: 1px #eee solid; border-left: 1px #eee solid; } .inav .nav_li .setNav .setMenu li{ height: 36px; line-height: 36px; border-bottom: 1px #e9ebed solid; } .inav .nav_li .setNav .setMenu li a{display:block;position:relative;color:#4a4a4a; font-size:14px} .inav .nav_li .setNav .setMenu li a:hover{color: #f88717;} .inav .nav_li .setNav .setCon{width: 42%;padding: 30px 5% 50px 2%;} .inav .nav_li .setNav .setCon .p{ color: #666; line-height: 28px; height: 120px; overflow: hidden; text-align: justify; letter-spacing: 0.5px; } .inav .nav_li .setNav .set_close{display:block;width:21px;height:21px;background:url(../images/icons.png) 0 0 no-repeat;right: 0;bottom:7%;} .inav .line {position: absolute;bottom:0px;width: 0px;height: 4px;font-size: 3px;background-color: #f88717;display: none;} .inav .nav_li .setNav .tech-menuItems{border:none;} .head_more{width: 136px;height: 35px;line-height: 33px;color: #636363;text-align: center;overflow: hidden;font-size: 14px;} .head_more a{display: block;position: relative;border:1px solid #ccc; height:33px} .head_more a span{position: relative;z-index: 1;} .head_more a:after{content:'';position: absolute;width: 0;height: 36px;background: #f88717;transition:all 0.5s ease;left: 0;bottom: 0;} .head_more a:hover{color: #fff; border:#f88717 1px solid;} .head_more a:hover:after{width: 139px;transition:all 0.5s ease;z-index: 0;} .search { padding-top: 35px; } .search_txt { width: 200px; height: 32px; line-height: 32px; border: 0px; background: url(../images/search_txt.png) no-repeat; padding-left: 12px; color: #999; font-size: 12px; display: block; float: left } .search a { width: 45px; height: 32px; display: block; text-indent: -9999px; background: url(../images/search_bg.png) no-repeat; float: left; padding: 0 } .search a:hover { background-position: -45px 0px } .weixin { width: 40px; position: relative; float: left; height: 39px; background:url(../images/top_x.png) no-repeat right center; } .weixin a { width:40px; height:39px; display: block; background: url(../images/weixin.png) no-repeat center center; text-indent: -9999px; } .weixin a:hover {background: url(../images/weixin.png) no-repeat center center #f88717} .wx_zicaidan{ right: -60px; top: 39px; padding: 10px; background: #fff; position: absolute; display: none; border: #dadada 1px solid; z-index: 1000; } .foot { background: #2c2c2c; width: 100%; margin: 0px; padding: 0px; } .foot ul { width: 1200px; margin: 0px auto; border-bottom: #262626 1px solid;} .foot ul.foot_link { color: #fff; padding: 50px 0px; border-bottom: #515151 1px solid; background: url(../images/foot_icon.jpg) no-repeat left 50px; } .foot ul.foot_link li { float: left; display: block; width: 90px; line-height: 32px; font-size: 14px; height: 200px; padding-left: 50px; } .foot ul.foot_link li.adress { padding-top: 129px; padding-left: 25px; font-size: 12px; line-height: 28px; padding-right: 24px; width: 260px; height: 88px; } .foot ul.foot_link li.last { border:0; margin-right:0; padding-right:0} .foot ul.foot_link li a { color: #bfbfbf; display: block } .foot ul.foot_link li a.ft_cp { width: 68px; float: left } .foot ul.foot_link li a:hover { color:#fff;} .foot ul.foot_link li span { font-weight: bold; display: block; margin-bottom: 10px; background: url(../images/foot_title_bg.jpg) no-repeat left bottom; padding-bottom: 10px; } .foot ul.foot_link li span a {color:#fff; } .foot ul.foot_link li span a:hover { border-bottom:#fff 1px dotted;} .foot ul.foot_link li.other { width: 273px; float: right; margin: 0; padding: 0; position:relative } .foot ul.foot_link li.other .erweima { padding-top:30px} .foot ul.copyright { padding: 20px 0px; color: #999; font-size: 12px; line-height: 20px; height: 20px; border-top: #000 1px solid; } .foot ul.copyright a { color:#fff} #goTopBtn { POSITION: fixed; TEXT-ALIGN: center; LINE-HEIGHT: 50px; WIDTH: 50px; BOTTOM:50px; HEIGHT: 50px; FONT-SIZE: 12px; CURSOR: pointer; RIGHT:80px; _position: absolute; _right: auto } #goTopBtn a { width:50px; height:50px; display:block; text-indent:-9999px; background:url(../images/Go_top.png) no-repeat} #goTopBtn a:hover { background-position:-50px 0px;} /* 等比填充 */ *[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;} *[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;*height: auto;} .rect-5625{ padding-bottom: 56.25%; }