@charset "utf-8";

/* CSS Document */

/*
   author:xinyan
*/

/* reset */
body, div, dl, dt, dd, ul, ol, li, p, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
/* common */
body{font:12px/1.5 "Microsoft Yahei",Arial,"宋体",Verdana; color:#333;}
a{color:#333;text-decoration:none;outline: none; blr:expression(this.onFocus=this.blur());}
a:hover{color:#009FB8;text-decoration:none;}
ul li{list-style:none;}
.clear{clear:both;*display:inline;overflow:hidden;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
img,input,select,button{vertical-align: middle;border:none;}
input,textarea{outline:none;border: 0;background:none;font-family:"Microsoft YaHei";-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);} 


.fl{float:left;}
.fr{float:right;}

.pos-r{position:relative;}
.pos-a{position:absolute;} 

.wrap{width:1200px;margin:0 auto;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}

.top{background:#009FB8;width:100%;min-width:1200px;height:35px;line-height:35px;color:#fff;font-size:12px;}

.menu{height:120px;}
.logo{height:80px;width:214px;margin-top:20px;}
.logo{height:80px;width:214px;margin-top:20px;background:url(../images/logo.png) no-repeat;}
.logo a{display:block;height:100%;width:100%;}
.nav{height:100px;margin:10px 0;line-height:100px;}
.nav li{float:left;font-size:16px;margin:0 4px;}
.nav li a{display:block;padding:0 8px;}
.nav li a:hover{border-bottom:2px solid #009FB8;color:#009FB8;}


.fullSlide{ width:100%;position:relative;height:556px;}
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;}
.fullSlide .bd ul{ width:100% !important;}
.fullSlide .bd li{ width:100% !important;height:556px; overflow:hidden; text-align:center;}
.fullSlide .bd li a{ display:block; height:556px;}
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:30px; left:0; height:30px; line-height:30px;}
.fullSlide .hd ul{ text-align:center;}
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:42px; height:8px; margin:1px; overflow:hidden; background:#000;filter:alpha(opacity=70);opacity:0.7; line-height:999px;}
.fullSlide .hd ul .on{ background:#009FB8;}
.fullSlide .prev,
.fullSlide .next{display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:2%; z-index:1; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px #009FB8 no-repeat;  cursor:pointer; filter:alpha(opacity=90);opacity:0.9; display:none;}
.fullSlide .next{left:auto; right:2%; background-position:-6px -137px; }

.bt{height:70px;text-indent:-9999em;}
.bt.b1{background:url(../images/b1.png) no-repeat center center;}


.case .slideTxtBox{width:100%;}
.case .slideTxtBox .hd{border-bottom:1px solid #ddd;margin:20px 0;}
.case .slideTxtBox .hd ul{width:360px;margin:0 auto;}
.case .slideTxtBox .hd li{float:left;width:100px;text-align:center;height:30px;line-height:30px;font-size:15px;margin:0 10px;}
.case .slideTxtBox .hd li a{display:block;width:100%;}
.case .slideTxtBox .hd li.on a {color: #009FB8;border-bottom:1px solid #009FB8;}

.case .slideTxtBox .bd .bigpic{width:592px;height:558px;}
.case .slideTxtBox .bd .smallpic{width:608px;height:558px;}
.case .slideTxtBox .bd .smallpic li{float:left;width:282px;height:266px;margin:0 0 26px 22px;}

.case .slideTxtBox .tab a{display:block;width:100%;height:100%;}
.case .slideTxtBox .tab a img{width:100%;height:100%;}
.case .slideTxtBox .tab a:hover img{opacity:.8;}
.case .slideTxtBox .tab a p{text-align:center;font-size:14px;position:absolute;bottom:0;width:100%;height:42px;line-height:42px;background: rgba(0, 159, 184, 0.7);color:#fff;}

.product{background:#F3F3F3;margin-top:60px;padding-bottom:45px;}
.product .pleft{width:190px;background:#009FB8;padding:0 43px 35px;margin-top:-40px;}
.product .pleft h3{width:190px;height:54px;background:url(../images/cpbg.jpg) no-repeat;text-indent:-9999em;margin-top:50px;}
.product .pleft li{height:44px;line-height:44px;margin-top:11px;font-size:15px;text-align:center;}
.product .pleft li a{display:block;color:#fff;border-bottom:1px solid #7ECEF4;}
.product .pleft li a:hover{color:#009FB8;border-bottom:1px solid #fff;background:#fff;}
.product .pleft li.on a{color:#009FB8;border-bottom:1px solid #fff;background:#fff;}
.product .pright{width:910px;}
.product .slideTxtBox{}

.product .sbt{font-size:16px;font-weight:800;margin:30px 0 10px 20px;border-bottom:1px solid #C9C9C9;padding-bottom:15px;}
.product .sbt a{margin-right:20px;}
.product .sbt a.on{color:#009FB8;}
.product .sbt a:hover{color:#009FB8;}

.product .slideTxtBox .bd li{float:left;width:206px;height:190px;margin:20px 0 20px 21px;}

.product .slideTxtBox .tab li a{display:block;width:100%;height:100%;}
.product .slideTxtBox .tab li a img{width:100%;height:100%;}
.product .slideTxtBox .tab li a:hover img{opacity:.8;}
.product .slideTxtBox .tab li a p{text-align:center;font-size:14px;position:absolute;bottom:0;width:100%;height:42px;line-height:42px;background: rgba(0, 159, 184, 0.7);color:#fff;}

.duibi{background:#009FB8;padding-bottom:10px;}
.duibi h3{height:153px;width:672px;margin:0 auto;padding:60px 0;background:url(../images/ys.jpg) no-repeat center center;text-indent:-9999em;}

.duibi .slideTxtBox .bd li{width:590px;height:310px;float:left;margin:0 5px;position:relative;}
.duibi .slideTxtBox .bd li img{width:100%;height:100%;}
.duibi .slideTxtBox .bd li div{bottom:0;position:absolute;width:100%;height:60px;padding:20px 0;background: rgba(0, 0, 0, 0.7) url(../images/no.png) no-repeat 40px center;}
.duibi .slideTxtBox .bd li div p{width:440px;line-height:25px;font-size:14px;color:#fff;margin-left:100px;}

.duibi .slideTxtBox .bd li.ok div{background: rgba(0, 0, 0, 0.7)  url(../images/yes.png) no-repeat 40px center;}
.duibi .slideTxtBox .bd .tab{position:relative;}
.duibi .slideTxtBox .bd i{z-index:9999;position:absolute;bottom:95px;left:542px;width:117px;height:117px;background:url(../images/pk.png) no-repeat #009FB8;text-indent:-9999em;border-radius:50%;}

.duibi .slideTxtBox .hd{margin:50px 0;}
.duibi .slideTxtBox .hd ul{margin-left:336px;}
.duibi .slideTxtBox .hd li{cursor:pointer;text-align:center;float:left;width:40px;height:40px;padding:8px;border:1px solid #fff;font-size:14px;color:#fff;margin:0 15px;border-radius:50%;}
.duibi .slideTxtBox .hd li.on{border:1px solid #fff;color:#009FB8;background:#fff;}

.good{background:url(../images/good.jpg) no-repeat center 60px;height:790px;}
.good h3{text-indent:-9999em;}
.good h4{width:100%;font-size:16px;text-align:center;top:234px;left:0;font-weight:400;}
.good p{font-size:14px;}
.good p.p1{top:406px;left:70px;width:200px;}
.good p.p2{top:588px;left:70px;width:200px;}
.good p.p3{top:406px;right:-8px;text-align:left;width:230px;}
.good p.p4{top:588px;right:-8px;text-align:left;width:230px;}


.zizhi{background:#009FB8;padding:60px 0 80px;}
.zizhi h3{text-indent:-9999em;height:68px;background:url(../images/b2.jpg) no-repeat center;margin-bottom:50px;}
.zizhi .picScroll ul li{margin:0 20px;width:300px;float:left;padding:5px;background:#fff;text-align:center;}
.zizhi .picScroll ul li a{display:block;width:100%;}
.zizhi .picScroll ul li a img{width:300px;height:220px;}
.zizhi .picScroll ul li div p.name{border-top:1px solid #aaa;margin-top:10px;width:100%;line-height:30px;font-size:14px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.zizhi .picScroll{position:relative;overflow:hidden;padding:0 75px;}
.zizhi .picScroll .prev{ position:absolute;  left:10px; top: 80px; display:block; width:50px; height:107px; overflow:hidden; background:url(../images/l.png) 0 0 no-repeat; cursor:pointer;  }
.zizhi .picScroll .next{ position:absolute;  right:10px; top: 80px; display:block; width:50px; height:107px; overflow:hidden; background:url(../images/r.png) 0 0 no-repeat; cursor:pointer;  }
.zizhi .picScroll a:hover img{opacity:.8;}


.team{width:206px;}
.video{width:950px;}
.team h3{text-indent:-9999em;width:100%;height:112px;background:url(../images/b3.png) no-repeat;}
.team img{margin:15px 0;}
.team a{display:block;width:100%;height:40px;line-height:40px;text-align:center;font-size:15px;background:#E5E5E5;margin:10px 0;}
.team a:hover{background:#009FB8;color:#fff;}
.video h3{text-indent:-9999em;width:100%;height:64px;background:url(../images/b4.png) no-repeat;}
.video li{width:460px;height:350px;float:left;margin:5px 0 0 15px;}
.video li a{display:block;width:100%;height:100%;position:relative;}
.video li a img{width:100%;height:100%;}
.video li a i{position:absolute;width:82px;height:82px;background:url(../images/v.png) no-repeat;top:120px;left:188px;}
.video li a p{text-align:center;font-size:14px;position:absolute;bottom:0;width:100%;height:42px;line-height:42px;background: rgba(0, 159, 184, 0.7);color:#fff;}
.video a:hover img{opacity:.8;}

.partner{background:#009FB8;padding:30px 0;margin-top:50px;}
.partner h3{text-indent:-9999em;height:72px;background:url(../images/b5.png) no-repeat center;}

.partner .slideTxtBox{width:100%;}
.partner .slideTxtBox .hd ul{width:340px;margin:0 auto;}
.partner .slideTxtBox .hd li{float:left;width:140px;text-align:center;font-size:15px;margin:0 15px;}
.partner .slideTxtBox .hd li a{display:block;width:100%;color:#007284;border:1px solid #007284;border-radius:16px;height:30px;line-height:30px;}
.partner .slideTxtBox .hd li.on a {color: #fff;border:1px solid #fff;}

.partner .slideTxtBox .bd{margin:30px 0;}
.partner .slideTxtBox .bd li{float:left;width:190px;height:74px;margin:0 5px;}
.partner .slideTxtBox .bd a img{width:100%;height:100%;}
.partner .slideTxtBox .bd a:hover img{opacity:.8;}


.jz{padding-top:70px;background:#f3f3f3;}
.jz h3{text-indent:-9999em;height:71px;background:url(../images/b6.jpg) no-repeat center;}
.jz .picScroll2 ul li{margin:0 13px;width:225px;float:left;padding:10px 5px 5px;background:#D2D2D2;}
.jz .picScroll2 ul li a{display:block;width:100%;color:#fff;padding-bottom:20px;}
.jz .picScroll2 ul li a img{width:225px;height:155px;}
.jz .picScroll2 ul li:hover{background:#009FB8;}
.jz .picScroll2 ul li a:hover{background:#009FB8;}
.jz .picScroll2 ul li div p.name{font-weight:800;margin-top:10px;width:100%;line-height:30px;font-size:16px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.jz .picScroll2 ul li div p.info{padding:0 10px;margin:20px 0;line-height:24px;height:48px;font-size:13px;overflow:hidden;}
.jz .picScroll2 ul li div p.more{width:72px;height:26px;margin:0 auto;background:#fff;text-align:center;line-height:26px;font-size:15px;color:#333;}

.jz .picScroll2{position:relative;overflow:hidden;padding:0 75px;}
.jz .picScroll2 .prev{ position:absolute;  left:10px; top: 100px; display:block; width:50px; height:107px; overflow:hidden; background:url(../images/l.png) 0 0 no-repeat; cursor:pointer;  }
.jz .picScroll2 .next{ position:absolute;  right:10px; top: 100px; display:block; width:50px; height:107px; overflow:hidden; background:url(../images/r.png) 0 0 no-repeat; cursor:pointer;  }
.jz .picScroll2 a:hover img{opacity:.8;}

.about{padding-top:100px;background:#fff;}
.about h3{text-indent:-9999em;height:67px;background:url(../images/b7.jpg) no-repeat center;margin-bottom:50px;}
.about .main{width:100%;height:332px;background:url(../images/bg.jpg) no-repeat;text-align:center;color:#fff;font-size:14px;}
.about .main .wrap{padding-top:56px;line-height:24px;}
.about .main .wrap a{display:inline-block;width:105px;height:28px;line-height:28px;text-align:center;background:#fff;margin-top:50px;}


.news{margin-top:80px;}
.news>h3{text-indent:-9999em;height:75px;background:url(../images/b8.jpg) no-repeat center;margin-bottom:45px;}
.news>.fl{width:365px;}
.news>.fl img{width:100%;}
.news>.fr{width:800px;}
.news>.fr .hd li{float:left;font-size:16px;margin:0 10px;font-weight:bold;line-height:30px;}
.news>.fr .hd li.on{color:#009FB8;border-bottom:2px solid #009FB8;}
.news>.fr .tab .fl{width:300px;margin-top:100px;}
.news>.fr .tab .fl h3{font-size:16px;font-weight:bold;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news>.fr .tab .fl p{font-size:14px;line-height:24px;height:120px;overflow:hidden;margin:30px 0 60px;}
.news>.fr .tab .fr{width:460px;}
.news>.fr .tab .fr li{width:460px;height:90px;}
.news>.fr .tab .fr li a{display:block;width:100%;height:100%;}
.news>.fr .tab .fr li a:hover{background:#009FB8;color:#fff;}
.news>.fr .tab .fr li a:hover span{border-right:1px solid #fff;}
.news>.fr .tab .fr li a span{line-height:20px;font-size:15px;display:block;width:105px;height:60px;border-right:1px solid #999;float:left;margin-top:15px;text-align:center;}
.news>.fr .tab .fr li a span b{display:block;font-size:24px;margin:1px auto;line-height:30px;}
.news>.fr .tab .fr li a h3{padding-top:20px;width:295px;padding-left:30px;font-size:15px;font-weight:bold;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news>.fr .tab .fr li a p{width:295px;font-size:14px;padding-left:30px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}


.link{height:50px;line-height:50px;margin-top:100px;background:#009FB8;color:#fff;font-size:16px;font-weight:800;}
.link a{color:#fff;font-weight:400;font-size:14px;margin-right:10px;}
.link a:hover{color:#fff;text-decoration:underline;}


.footer{background:#1B1B1B;padding-top:60px;}
.footer .wrap{background:url(../images/flogo.png) no-repeat left top;padding-bottom:20px;}
.footer .wrap p.navs{padding-left:270px;}
.footer .wrap p.navs a{color:#fff;font-size:14px;margin-right:30px;}
.footer .wrap p.navs a:hover{text-decoration:underline;}
.footer .wrap .info{padding-left:270px;color:#fff;margin-top:30px;font-size:14px;line-height:24px;}
.footer .wrap .info .h1{font-size:20px;line-height:32px;margin-bottom:15px;}
.footer .wrap .info img{right:0;top:-80px;}
.footer .foot{height:52px;line-height:52px;color:#fff;text-align:center;font-size:14px;border-top:1px solid #999;}


.banner{height:348px;background:url(../images/banner1.jpg) no-repeat center;}
.pageleft{width:300px;margin-bottom:30px;}
.pageright{width:860px;margin-bottom:30px;}

.pageright .subnav{border-bottom:2px solid #009FB8;height:40px; line-height:40px; padding:0 17px;  background:#fff; font-size:14px;}
.pageright .subnav h3{font-size:16px;color:#009FB8;}


.page-pic ul{ overflow:hidden; zoom:1; }
.page-pic ul li{ width:252px;margin:12px 17px; float:left;overflow:hidden; text-align:center;  }
.page-pic ul li .pic{ text-align:center; }
.page-pic ul li .pic img{ width:246px; height:168px; object-fit:cover;display:block; padding:2px; border:1px solid #ccc; }
.page-pic ul li .pic a:hover img{ border-color:#009FB8;filter: alpha(opacity=90);opacity: 0.9;}
.page-pic ul li .title{ line-height:24px;text-overflow: ellipsis;overflow: hidden;white-space:nowrap;font-size:14px;}

.fenye{margin:30px auto;text-align:center;font-size:13px;clear: both;}
.fenye a{display:inline-block;padding:4px 10px;border:1px solid #ddd;margin:0 2px;color:#333;border-radius:2px;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.fenye b{display:inline-block;font-weight:normal;background:#009FB8;color:#fff;padding:4px 10px;border:1px solid #009FB8;margin:0 5px;border-radius:2px;}
.fenye a b{display:inline-block;font-weight:normal;background:none;color:#333;display:inline-block;padding:0;border:none;border-radius:2px;}
.fenye a:hover b{color:#fff;}
.fenye a:hover{background:#009FB8;color:#fff;border:1px solid #009FB8;}

.page-bt{width:100%;height:40px;line-height:40px;background:#009FB8;font-size:15px;color:#fff;text-indent:20px;}
.page-bt2{height:100px;line-height:100px;font-size:24px;color:#fff;text-indent:50px;background:#009FB8;text-indent:50px;}

.page-nav{}
.page-nav li{line-height:40px;height:40px;font-size:14px;margin:10px 0;}
.page-nav li a{display:block;text-indent:2em;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;border: 1px solid #E5FBFF;background: rgba(242, 253, 255, 0.7);}
.page-nav li a:hover{display:block;text-indent:3em;background:#009FB8;color:#fff;border:1px solid #009FB8;}

.contact-tools{background:url(../images/contact.jpg) no-repeat right 100px;line-height:36px;padding:0 5px;margin-top:5px;font-size:14px;}

.news_pagelist{padding:10px 15px;}
.news_pagelist li{font-size:14px;text-indent:1px;line-height:42px;border-bottom: 1px dotted #D3D2CE;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news_pagelist li span{float:right;font-size:12px;color:#666;}


.adbts{width:96%;margin:40px auto 0;border-bottom:1px dashed #ccc;text-align:center;margin-bottom:15px;padding-bottom:10px;}
.adbts li{font-size:20px;color:#009FB8;clear:both;}
.adbts .date{color:#666;font-size:12px;font-weight:normal;margin-top:12px;}
.contents{line-height:2;font-size:14px;padding:20px;width:95%;overflow:hidden;margin:0 auto;min-height:280px;}
.contents img{max-width:100%!important;height:auto!important;display:block;margin:10px auto;}



.pages{width:88%;border-top: 1px dashed #999;text-align:left;font-size:12px;margin:30px auto;padding:15px 0 0 0;clear:both;line-height:2;}

.sharepost{width:88%;font-size:16px;margin:30px auto;}
.sharepost h4{font-weight:normal;line-height:30px;}

#service{width:161px;height:290px;position:fixed;top:350px;right:0px; z-index:100;}
*html #service{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#service li{width:161px;height:60px;}
#service li img{float:right;}
#service li a{height:49px;float:right;display:block;min-width:47px;max-width:161px;}
#service li a .shows{display:block;}
#service li a .hides{margin-right:-143px;cursor:pointer;cursor:hand;}
#service li a.weixin_area .hides{display:none;position:absolute;right:143px;}
#service li a.weixin_area .weixin{display:none;position:absolute;right:0;top:48px}
#p2{width:112px;background-color:#A7D2A9;height:47px;margin-left:47px;border:1px solid #8BC48D;text-align:center;line-height:47px}
#p3{width:112px;background-color:#EC9890;height:47px;margin-left:47px;border:1px solid #E6776C;text-align:center;line-height:47px}
#p1{width:47px;height:49px;float:left}