@charset "utf-8";
html{color:#000;background:#FFF; }
body { color:#666;font:12px/1.231 arial,helvetica,clean,sans-serif,"宋体";} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;font-family: "Microsoft YaHei"}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
i,em{ font-style:normal;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;font-family: "Microsoft YaHei"}
h3 { font-size:20px;font-family: "Microsoft YaHei"}
h4 { font-size:14px;font-family: "Microsoft YaHei"}
h5 { font-size:12px;}
h6 { font-size:10px;}


a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
.vam { vertical-align:middle;}
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1}
p{ word-spacing:-1.5px;font-family: "Microsoft YaHei";}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}

.fl{float: left;}
.fr{float: right;}
.clearfix,
.clear:after {
  width: 100%;
  clear: both;
  line-height: 0;
  display: block;
  overflow: hidden;
  zoom: 1;
  font-size: 0;
  content: '.';
}

.content{width: 1200px;margin: 0 auto;}
     
.header ,.content , .footer { width:1200px; margin:0 auto;font-family:"Microsoft Yahei";}
.h_top{height:229px;background:url(../images/t_bg.gif) repeat-x;position: relative;z-index: 2;}
.t_top{height:30px;line-height:30px;color: #999;  font-size: 14px;}
.t_top span{float: right;}
.t_top a:hover{ color: #333;}
.t_top a{color: #999;padding: 0 23px 0 15px; font-size: 14px;background:url(../images/lin3.gif)  no-repeat right 15px; display: inline-block; float: left;}
.t_top a:hover{ text-decoration: underline;}
.t_top a.nob{ background: no-repeat; padding-right: 0; background: none;}
.t_con{height:139px;overflow: hidden;clear: both;}
.t_text{font-size:18px;color: #666;padding:37px 0 0 15px;}
.t_text h2{  font-weight: bold; font-size: 34px; color: #333; font-weight: bold; line-height: 100%; padding-bottom: 15px;}
.t_pho{color: #666;padding:0 0 0 47px;font-size:14px;background:url(../images/tel.gif) no-repeat 0 5px; margin-top:40px; overflow: hidden;}
.t_pho b{color: #095db0;font-size:35px;display:block; font-family:Arial; font-weight: bold; line-height:100%;}
.menu{white-space:nowrap;font-size: 16px;}
.menu ul{  overflow: hidden;}
.menu li{float: left; position: relative; border-right: 1px solid #6e98c1;}
.menu li a{color:#fff;display:block; font-size: 16px; padding:16px 41px 0; height: 44px; text-align: center; line-height: 100%;}
.menu li a span{ display: block; font-size: 12px; text-transform: capitalize; padding-top: 2px; color: #6b9ed0;}
.menu li.cur a,.menu li a:hover{text-decoration:none;z-index: 1; background: #ffae00;}
.menu li.cur a span,.menu li a:hover span{ color: #fff;}
.menu li a:-webkit-any-link{ display:block;}
i,em{ font-style: normal;}
/*banner*/
.slideBox{ position:relative;margin:0 auto;  overflow:hidden;z-index: 9; }
.slideBox .hd{position: absolute;bottom: 38px;font-size: 0;left: 0;width: 100%;text-align: center;z-index: 2;}
.slideBox .hd ul{ overflow:hidden; zoom:1; }
.slideBox .hd ul li{ display: inline-block;width: 40px; height: 7px;margin: 0 10px;background-color: #585858;cursor: pointer;}
.slideBox .hd ul li.on{ background-color: #3f9dff; }
.slideBox .bd{ position:relative;  height:100%; z-index:0;  }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:100%; display:block;  }

.til{ text-align: center; font-weight: normal; font-size:36px; color: #333; line-height: 100%; margin-top: 60px; padding-bottom: 49px;background:url(../images/p_h2.png) no-repeat center 72px; }
.til i{ font-weight: bold;}
.til span{ display: block; color: #666; padding-top:10px;font-size:16px; line-height: 100%;}



.product{    overflow: hidden;margin-bottom: 60px;}
.pro{}
.pro .prbt{width:289px;height:415px;float:left;}
.pro .prbt h3{width:273px; height:71px; background:#095db0;  padding-top:23px; padding-left:16px; }
.pro .prbt h3 span{display:block;font-size: 27px; line-height: 27px; color:#FFF; font-weight: bold;}
.pro .prbt h3 span i{display: block;font-size: 14px; line-height: 14px; text-transform: uppercase; font-weight: normal; color:#FFF; opacity: 0.3; margin-top: 10px;}
.pro .prbt ul{width:289px; height:321px;background:#eaeff9;}
.pro .prbt ul li{height:52px; line-height: 52px; border-bottom:1px dashed #c8d9ff;padding-left:36px;}
.pro .prbt ul li a{padding-left:14px;background:url(../images/yd.png) no-repeat left; color:#FFF;color: #0c0c0c; font-size: 16px;}
.pro .prbt ul li.cur{ background:url(../images/wzbj3.png) no-repeat left center;}
.pro .prbt ul li.cur a{color: #ffffff;}
.pro .prbt ul li:last-child{border-bottom:0;}
.pro .produ{width:910px; height:415px; float:right; background:#f3f3f3;position: relative;}
.pro .prot{width:910px; height:415px; float:right;}
.pro .prot span{display: block; width:465px; height:415px;float:left;}
.pro .prot span img{width:465px; height:415px;}
.pro .prot i{display: block; width:72px; height:32px; line-height: 32px; padding-left:39px;float:left; font-size:14px; color:#FFF;margin-top:20px; margin-left: 334px;background:url(../images/wzbj4.png) no-repeat center;margin-bottom: 36px;}
.pro .prot .pro_sm{    float: right;  width: 402px;}
.pro .prot .pro_sm h4{font-size: 30px; color:#095db0; width:300px; font-weight: bold; line-height: 30px;padding-bottom:15px; border-bottom:1px solid #CDCDCD; margin-bottom: 25px;}
.pro .prot .pro_sm h4 b{display: block;font-size: 14px;width:294px; line-height: 14px; font-weight: normal; text-transform: uppercase; color:#333333; opacity: 0.5; margin-top: 13px;}
.pro .prot .pro_sm ul li{height:26px; margin-bottom: 4px;font-size: 14px; color:#666;width:90%;line-height:19px;}
.pro .prot .pro_sm ul li em{font-weight: bold; font-size: 14px; color:#666666;}

.pro .prot .pro_sm ul li:hover{color:#333;}
.pro .pro_hd{width:85px; height:15px; position: absolute;right:0;bottom:15px;}
.pro .pro_hd i{display: block;width:15px; height:15px;float:left; margin:0 5px; background:url(../images/y.png) no-repeat center;}
.pro .pro_hd i.cur{background:url(../images/y_h.png) no-repeat center;}
.pro .profl{height:279px; margin-top: 29px;}
.pro .profl ul li{float:left; background:#f3f3f3;margin-right:28px; height:240px; position: relative;border:1px solid #f0f0f0;}
.pro .profl ul li span{display: block; width:279px; height:196px; }
.pro .profl ul li span img{width:279px; height:185px; }
.pro .profl ul li em{display: block;height:43px; line-height: 33px; text-align: center; font-size: 14px; color:#333333;}

.pro .profl ul li p{display:none;width:279px;height:172px;padding-top:65px; background:url(../images/yy.png) no-repeat center;position: absolute; top:0; left:0;}
.pro .profl ul li p b{display: block; font-weight: normal; text-align: center; padding-top:51px; font-size: 14px; color:#FFF; background:url(../images/t1.png) no-repeat top center; }
.pro .profl ul li:hover{background: #f3f3f3;}
.pro .profl ul li:hover em{display: none;}
.pro .profl ul li:hover p{display: block;}


.hfbj{height:150px; background:#095db0;}
.hf{padding-top:27px;}
.hf .h{width:600px; float:left;}
.hf .h span{display: block; width: 900px;}
.hf .h span em{display: block; width:362px; height:36px;font-size:24px;color:#FFF;     margin-top: 29px;  margin-left: 23px; border-top:1px solid #FFFFFF; text-align: center; border-bottom:1px solid #FFFFFF; line-height:36px;float:left;}
.hf .h span i{display: block; float:left; font-size: 44px;color:#FFF;     margin-bottom: 20px; line-height: 86px; font-weight: bold; margin-left: 14px; font-family: "CHei3HKS-Bold";    margin-bottom: 20px;}
.hf .h p{font-size: 14px; color:#FFF; opacity: 0.3; font-family:"ArialMT"; text-transform: uppercase; width:525px; }
.hf .f{width:270px; height:80px; float:right;    margin-top: 11px;}
.hf .f a{display: block; width:173px; height:35px; background:#FFF; text-align: center; line-height: 35px; font-size: 14px; color:#333333; margin-bottom: 18px;border-radius:17px;}
.hf .f em{display:block;font-size: 14px; color:#FFF;padding-left:27px; height:20px; line-height: 16px; background:url(../images/phone2.png) no-repeat left;}
.hf .f em i{font-weight: bold; font-size: 18px;}



.ysy{ height: 1853px;background:url(../images/ys.gif) repeat-x left bottom;}
.ysy .til{ padding-bottom:56px;}
.ysy dl{ overflow: hidden; margin-bottom:30px; background: #f4f4f4;}
.ysy dl dt{ float: right; width: 600px;}
.ysy dl dd{ float: left; width: 600px; margin-top: 42px;}
.ysy dl dd h3{background:url(../images/y_dt1.gif) no-repeat; height: 81px; overflow: hidden;}
.ysy dl dd h3 span{ display: inline-block; float: left; width: 88px; height: 80px; line-height: 80px; text-align: center; font-size: 48px; font-family: Arial; color: #fff;}
.ysy dl dd h3 em{ display: inline-block; float: right; width: 490px; padding-top: 25px; color: #095db0; font-size: 24px;}
.ysy dl dd h3 em i{ color: #ffae00;}
.ysy dl dd p{ padding: 35px 42px 0 90px;}
.ysy dl dd p span{ display: block; padding-left: 17px; line-height: 22px; margin-bottom: 10px;background:url(../images/y_li.png) no-repeat 0 7px;font-size: 16px;}
.ysy dl.fan dt{ float: left;}
.ysy dl.fan dd h3{background:url(../images/y_dt1.gif) no-repeat; }
.ysy dl.bg3 dd h3{background:url(../images/y_dt2.gif) no-repeat; }
.ysy dl.fan2 dd h3{background:url(../images/y_dt2.gif) no-repeat; }
.ysy dl.bg3,.ysy dl.fan2{ background: #fff;}
.ysy h4{ text-align: center;}
.ysy h4 em{ display: block; margin-top: 7px;}
.ysy h4 em a{ display: inline-block;background:url(../images/ly_btn.png) no-repeat; padding-left: 60px; width: 108px; height: 36px; line-height: 33px; font-size: 18px; color: #fff; font-weight: bold; text-align: left;}
.ysy h4 span{ display: inline-block; font-weight: normal; font-size: 16px; color: #333; padding-left: 32px;background:url(../images/y_tel.gif) no-repeat; min-height:24px;}
.ysy h4 i{ font-family: Arial; font-size: 26px; color: #333;}
.case{background:url(../images/case.jpg) no-repeat center 0;height:469px; padding-top: 98px;}
.case .til{ margin-top: 0; color: #fff;background:url(../images/c_h2.png) no-repeat center 72px; padding-bottom:68px;}
.case .til span{ color: #fff;}
.case .content{ position: relative;}
.case .c_uua{ position: absolute; left: -75px; top: 241px;}
.case .c_dda{ position: absolute; right: -75px; top: 241px;}
.case ul li{ float: left; width: 370px; margin-right:39px;  }
.case ul li a{ font-size: 14px; color: #666; display: block;}
.case ul li img{ width: 370px;}
.case ul li i{ display: block; height: 57px; line-height: 57px; font-size: 16px; color: #fff;background:#095db0; padding: 0 18px;text-align: center;}

.g_zj{overflow: hidden;}
.g_zj dl{height: 412px;}
.g_zj dt{width: 600px;height: 332px;overflow: hidden;float: left;}
.g_zj dt img{width: 600px;height: 332px;display: block;}
.g_zj dd{float: right;width: 580px;}
.g_zj h3{background:url(../images/abtit.png) no-repeat;width: 580px;height: 110px;font-size: 30px;font-weight: bold;color: #222222;margin-bottom: 11px;}
.g_zj h3 a{color: #222222;}
.g_zj h3 em{display: block;width: 350px;height: 40px;line-height: 40px;text-align: center;font-size: 18px;font-weight: bold;color: #fff; margin-top: 13px;}
.g_zj p{font-size: 16px;line-height: 22px;color: #000000;    text-indent: 2em;overflow: hidden;}
.g_zj .ab_m{height:30px;line-height:30px;width:150px;color:#095db0;    font-size: 15px;}

.bhh{height:703px; overflow: hidden;padding-bottom: 60px;}
.bhh .til{ margin-top: 50px; padding-bottom: 50px; }
.new_l{ width: 705px;}
.new_l dl dt img{ width: 705px;height: 192px;}
.new_l dl dt{ padding-bottom: 20px;}
.new_l dl dd h4{ overflow: hidden;}
.new_l dl dd h4  span{ display: inline-block; width: 61px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #cc0000; font-size: 16px; color: #fff;font-weight: normal; margin-right: 14px; float: left;}
.new_l dl dd h4 a{ display: inline-block; font-size:18px; color: #333;font-weight: normal; width: 623px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; line-height: 30px;}
.new_l dl dd p{ font-size: 13px; color: #666; line-height: 24px; padding-top:9px; height: 65px; border-bottom: 1px solid #e5e5e5; margin-bottom: 13px;}
.new_l ul li{ height: 47px; line-height: 47px;padding-left:21px;background:url(../images/n_li.jpg) no-repeat 5px 19px;}
.new_l ul li span{ display: inline-block; float: right;}
.new_l ul li a{ display: block; font-size: 14px; color:#333333; border-bottom: 1px dashed #e0e0e0; }
.new_l ul li:hover{background:url(../images/n_lic.jpg) no-repeat 5px 19px;color: #0071db;}
.new_l ul li:hover a{ color: #0071db;}
.new_l ul li:last-child a{ border-bottom: none;}

.faqs{ width:450px;overflow: hidden; background: #f4f4f4; border-top: 3px solid #095db0; height: 510px;}
.faqs h3{ padding: 0 28px; height: 47px; line-height: 47px; border-bottom: 1px solid #dcdcdc;}
.faqs h3 a{ color: #232c35; font-size: 18px; font-weight: bold;}
.faqs h3 span{ display: inline-block; float: right; font-weight: normal;}
.faqs h3 span a{ font-weight: normal; color: #095db0; font-size: 14px;}
.faqs ul li{ border-bottom: 1px dashed #d8d8d8; margin: 0 28px; padding: 27px 0;}
.faqs ul li a{ display: block; height: 20px; line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size: 15px; color: #333;font-weight:bold;}
.faqs ul li a:hover{ color: #095db0;}
.faqs ul li span{ display: block; font-size: 13px; color: #666; line-height: 23px; padding-top:5px;}
.faqs ul li:last-child{ border-bottom: none;}


/*--底部样式--*/
.bot{ background:#10488f; padding:70px 0;    overflow: hidden;}
.bot .botL .bt{ width:161px; height:47px; background:url(../images/botnav.png) no-repeat;}
.bot .botL .menu{ width:280px; margin-top:20px;}
.bot .botL .menu a{ width:140px; line-height:40px; font-size:15px; color:#fff; display:block; float:left;}
.bot .botC { margin-left:142px;}
.bot .botC .bt{ width:190px; height:47px; background:url(../images/botgz.png) no-repeat;}
.bot .botC .tact{ margin-top:20px;}
.bot .botC .tact p{ color:#fff; line-height:40px;}
.bot .botC .tact a{ color:#fff;}
.bot .botC .tact a:hover{ color:#ffac2c; text-decoration:none;}
.bot .botR .bt{ width:220px; height:47px; background:url(../images/bottact.png) no-repeat;}
.bot .botR .ewm{ width:172px; height:132px; margin-top:28px;    float: left;  margin-right: 40px;}
.bot .botR .ewm img{ width:132px; height:132px; float:left;}
.bot .botR .ewm p{ width:19px; height:120px; float:left; text-align:center; border:1px solid #fff; border-left:none; color:#fff; font-size:15px; padding:5px 10px;}

.botB{ height:auto; background:#121212; line-height:50px; text-align:center;}
.botB,.botB a{ color:#999;}
.botB a:hover{ color:#ffac2c; text-decoration:none;}


.links{height:70px; line-height:70px; overflow: hidden; border-top: 1px solid #eaeaea;}
.links h3{ font-weight: normal;  font-size: 14px; color: #7a7c7f;  text-transform: uppercase;  float: left;  margin-right: 39px;}
.links p{ float: left;width: 960px;}
.links p a{ color: #7a7c7f; font-size: 14px; display: inline-block; padding-right: 35px;}
.drift{ width:50px; height:auto; position:fixed; bottom:3%; right:2px; z-index:999;_position: absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));-margin-top:350px;}
.drift li{ width:50px; height:49px; margin-bottom:3px;position: relative;}
.drift li a{ display:block;width:50px; height:49px; background:#ccc; overflow:hidden;}
.drift li a:hover{ background:#095db0;}
.drift #rolls a{background:#095db0;}
.drift li a:hover span{display:block;}
.drift li span{width:166px; right:51px;top: 0;height: 49px;line-height: 49px; background: #095db0;color: #fff;text-align: center;font-family:Arial;position: absolute;font-size: 22px;font-weight: bold;display: none;}
.drift li .ewm{background:#fff;height:203px;border:1px solid #EEEFF1;}
.drift li .ewm img{width:146px;display:block;overflow:hidden;padding:10px;width:146px;}
.drift li .ewm em{height:40px;line-height:18px;overflow:hidden;  font-family: "Microsoft YaHei";font-size:12px;font-weight:normal;color:#000;font-style:normal;}