@charset "utf-8";
/* CSS Document */

html{min-width:1050px;}
*{margin:0px; padding:0px;}
*:focus{outline:none;}
body{color:#666; font-size:14px; font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
ul li{list-style:none;}
a{text-decoration:none;}
a:hover{transition-property:color; transition-duration:.6s}
img{border:none;}
h1{font-size:24px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}

.clr{clear:both;}
.w1050{width:1050px; margin:0 auto; clear:both}
.header{height:115px;}
.logo{float:left; padding-top:20px;}
.h_r{width:870px; float:right;}
.phone{width:100%; text-align:right; position:relative; z-index:9999; height:40px; line-height:40px; clear:both}
.phone a{padding:0px 8px; color:#999; cursor:pointer; font-size:12px;}
.phone a:hover{color:#2b9de6;}
.phone a img{margin-right:5px;}
.phone img{vertical-align:middle;}
#sjewm{display:none; height:120px; position:absolute; width:120px; left:250px; top:40px;}
#sjewm img{width:120px; height:120px;}
#wxewm{display:none; height:120px; position:absolute; width:120px; left:340px; top:40px;}
#wxewm img{width:120px; height:120px;}
#nav{width:860px; height:76px; background:url(../images/menu_line.jpg) no-repeat top right; text-align:center; float:right;}
#nav ul{width:100%; float:left}
#nav li{float:left; padding-top:20px; height:56px; margin-left:20px; position:relative; z-index:99;}
#nav li a{width:87px; display:block; float:left; height:40px; line-height:25px; color:#333; blr:expression(this.onFocus=this.blur());outline:none;position:relative;}
#nav li a span{font-size:10px;-webkit-text-size-adjust:none;line-height:12px; font-family:Arial; color:#b4b4b3; display:block; position:relative}
#nav li ul{width:87px; display:none; position:absolute; background:#2b9de6; top:76px; left:0px; padding:10px 0; z-index:99}
#nav li ul li{width:100%; line-height:30px; height:30px; margin:0; position:relative; padding:0px; background:none; z-index:2}
#nav li ul a,#nav li.active ul a,#nav li.sfhover ul a{width:87px; height:30px; line-height:30px; color:#fff; font-size:12px; float:none;}
#nav li:hover,#nav li.active{background:url(../images/menu_bg.png) no-repeat top center;}
#nav li:hover a,#nav li.active a{color:#2b9de6;}
#nav li:hover span,#nav li.active span{color:#a0d3f1;}
.banner{width:100%; height:560px; border-top:#2b9de6 4px solid; clear:both;}
.kjtd{padding:35px 0px;}
.kjtd li{width:220px; padding:0px 20px; text-align:center; float:left;}
.kjtd li h4{margin-top:10px; color:#666; clear:both}
.kjtd li p{font-family:Arial, Helvetica, sans-serif; color:#666; text-transform:uppercase; font-size:12px; clear:both}
.kjtd li div{color:#999; font-size:12px; margin-top:10px; clear:both}
.kjtd li img.img1{display:block; margin:0 auto;}
.kjtd li img.img2{display:none}
.kjtd li:hover img.img1{display:none}
.kjtd li:hover img.img2{display:block; margin:0 auto;}
.news_wrap{width:100%; background:url(../images/news_wrap.jpg) repeat; padding:40px 0px; clear:both}
.news_wrap h2{line-height:34px; text-align:center; color:#3598db; margin-bottom:30px; font-weight:normal; clear:both}
.news{width:1110px; margin:0 auto; clear:both}
.news li{width:320px; height:490px; margin:0px 22px; background:#fff; float:left}
.news li img{width:320px; height:200px; float:left;}
.news li h4{padding:20px 20px 0px; height:30px; line-height:30px; color:#666; overflow:hidden; font-weight:normal; clear:both}
.news li p{color:#999; line-height:28px; padding:0px 20px; font-size:12px; clear:both}
.news li p img{width:15px; height:19px; float:none; margin-right:10px; vertical-align:middle;}
.news li div{height:125px; line-height:18px; color:#999; margin:15px 0px; padding:0px 20px; font-size:12px; overflow:hidden;}
.news li a{width:117px; height:25px; line-height:25px; margin-left:20px; color:#3598db; font-size:12px; text-align:center; background:url(../images/more_v1.png) no-repeat center; display:block;}
.news li:hover a{background:url(../images/more_v2.png) no-repeat center; color:#fff;}
.more{width:100%; margin-top:40px; float:left;}
.more a{width:162px; height:42px; line-height:42px; text-align:center; color:#fff; background:#3598db; display:block; margin:0 auto;}
.pad50{padding:50px 0px;}
.video{width:583px; height:367px; float:left;}
.intro{width:425px; padding-top:10px; float:right;}
.intro h2{line-height:34px; color:#3598db; margin-bottom:30px; font-weight:normal; clear:both}
.intro h1{color:#000; line-height:50px; clear:both}
.intro div{font-size:12px; height:180px; line-height:24px; color:#000; margin-bottom:10px; overflow:hidden;}
.intro a{width:117px; height:25px; line-height:25px; color:#3598db; font-size:12px; text-align:center; background:url(../images/more_v1.png) no-repeat center; display:block;}
.cont_wrap{width:100%; height:340px; padding:60px 0px; color:#fff; background:url(../images/cont_wrap.jpg) no-repeat top center; clear:both;}
.cont_wrap h2{line-height:34px; color:#fff; text-align:center; margin-bottom:30px; font-weight:normal; clear:both}
.cont_l{width:300px; float:left;}
.cont_l h4{font-weight:normal; line-height:40px; margin-bottom:20px; clear:both;}
.cont_l div{background:url(../images/cont_icon.png) no-repeat left center; line-height:21px; padding-left:25px; font-size:12px;}
.cont_r{width:700px; float:right;}
.cont_r h3{line-height:35px; font-weight:normal; clear:both}
.in_v1{width:335px; height:50px; margin-top:10px; line-height:50px; background:none; color:#fff; font-size:12px; border:none; border-bottom:#62c0ff 1px solid; float:left}
.in_v2{width:700px; height:50px; font-family:"微软雅黑"; margin-top:10px; line-height:50px; border:none; color:#fff; font-size:12px; border-bottom:#62c0ff 1px solid; background:none;}
.in_v3{width:162px; height:35px; line-height:35px; background:url(../images/btn.png) no-repeat center; border:none; text-align:center; color:#fff; margin-top:25px; cursor:pointer; float:right}
.mar28{margin-right:28px;}
.footer_wrap{width:100%; background:#333; font-size:12px; color:#fff; clear:both;}
.f_l{float:left; line-height:56px;}
.f_r{float:right; line-height:56px;}
.yqlj{width:100%; border-top:#454545 1px solid; color:#666; line-height:48px; clear:both;}
.yqlj img{vertical-align:middle;}
.yqlj a{color:#666; padding:0px 10px;}
.yqlj a:hover{color:#fff;}

/*about*/
.ny_banner{width:100%; height:400px; border-top:#2b9de6 4px solid; position:relative; clear:both}
#about{background:url(../images/about_banner.jpg) no-repeat top center;}
#pro{background:url(../images/pro_banner.jpg) no-repeat top center;}
#news{background:url(../images/news_banner.jpg) no-repeat top center;}
#yeji{background:url(../images/yeji_banner.jpg) no-repeat top center;}
#sup{background:url(../images/sup_banner.jpg) no-repeat top center;}
#ser{background:url(../images/ser_banner.jpg) no-repeat top center;}
#con{background:url(../images/con_banner.jpg) no-repeat top center;}

.pos_wrap{width:100%; height:56px; line-height:56px; position:relative; margin-top:-12px; background:url(../images/pos_bg.png) no-repeat top center; clear:both}
.pos_l{float:left;}
.pos_l h2{width:100px; text-align:center; color:#444; padding-right:15px; float:left}
.pos_l ul{float:left;}
.pos_l ul li{width:98px; text-align:center; float:left;}
.pos_l ul li a{display:block; font-size:14px; color:#8a8a8a;}
.pos_l ul li a:hover,.pos_l ul li a.active{color:#fff; background:#2b9de6;}
.pos_r{float:right;}
.pos_r a{color:#666;}
.pad30{padding:30px 0px; line-height:24px;}

/*产品中心*/
.pro_list{width:100%; clear:both;}
.pro_list li{width:250px; margin:0px 6px 5px; float:left;}
.pro_list li img{width:250px; height:180px; outline:#ddd 1px solid; float:left;}
.pro_list li p{height:40px; line-height:40px; color:#666; text-align:center; clear:both}
.pro_list li:hover p{color:#43afea}

/*新闻动态*/
.news_z{width:100%; float:left;}
.news_z li{width:100%; padding:20px 0px; border-top:#ebebeb 1px solid; float:left}
.news_z li h3{height:35px; line-height:35px; clear:both}
.news_z li h3 a{color:#5c5c5c;}
.news_z li h3 a:hover{color:#3598db;}
.news_z li div{height:70px; line-height:22px; font-size:14px; color:#999; overflow:hidden; clear:both}
.news_z li a.gd{background:url(../images/more_bg.jpg) no-repeat center; width:77px; height:31px; line-height:30px; color:#8c8c8c; text-align:center; display:block;}
.news_y{width:300px; float:right;}
.news_y li{width:300px; float:left;}
.news_y li img{width:300px; height:188px; float:left}
.news_y li p{height:40px; line-height:40px; font-size:14px; text-align:center; overflow:hidden; color:#666; clear:both}

/*常见问题*/
.que{width:100%; border-bottom:#ebebeb 1px solid; float:left;}
.que li{width:100%; padding:10px 0px; border-top:#ebebeb 1px solid; float:left}
.que li h3{height:30px; line-height:30px; clear:both}
.que li h3 a{color:#5c5c5c;}
.que li h3 a:hover{color:#3598db;}
.que li div{height:40px; line-height:20px; font-size:12px; color:#999; overflow:hidden; clear:both}

/*联系我们*/
.lxwm_l{width:380px; line-height:26px; font-size:14px; float:left;}
.lxwm_l h3{line-height:35px; clear:both}
.lxwm_r{float:right;}
.lxwm_r li{width:130px; padding-left:10px; text-align:center; float:left;}
.lxwm_r li img{width:130px; height:130px; float:left;}
.lxwm_r li p{line-height:30px; clear:both}

.video_list li{width:220px; margin:0 5px; float:left;}
.video_list li img{width:220px; height:160px; float:left}
.video_list li p{height:30px; line-height:30px; text-align:center; color:#666; clear:both;}