@charset "utf-8";
/* CSS Document */
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; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
body {font:13px/1.75 "Microsoft YaHei", arial,sans-serif; color: #333;  background:#fff;min-width: 1200px; overflow-x: hidden;}
a { text-decoration: none; color: #333;display: block;}
p{color: #434343;}
a:hover {text-decoration: none}
a img {border-bottom-style: none; border-right-style: none; border-top-style: none; border-left-style: none}
div {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
li {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
p,strong,em{padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
form {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
em{font-style: normal; font-weight: normal}
table {padding-bottom: 0px;list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
dt {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
dl {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
dd {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
tr {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
.cl{height: 0px; clear: both;}
.fl{float: left; display: block;}
.fr{float: right;}
.container{width:1200px; margin:0 auto; height: 100%;}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-l{ text-align: left;}
.txt-r{text-align: right;}
.bg-black{background: #000;}
.co-b{color: #000;}
.co-w{color: #fff;}
strong{ font-weight: normal;}
.m{ margin: 0 auto;}
b{display: block; font-weight: bold;}
/* CSS Document */



/*head*/
.head{padding:11px 0;background:#f4f4f4; }
.head-tel{margin-top:16px;background: url(../images/head-tel.png)no-repeat left;padding-left: 49px;}
.head-tel span{display: block;font-size: 14px;color: :#333;line-height: 14px;}
.head-tel b{font-weight: bold;font-size: 24px;color:#0cb097;line-height: 24px;margin-top: 6px;}

/*nav */
.nav{background: #f4f4f4;height:57px;border-top:solid 1px rgba(0,0,0,0.19);}
.nav .nav-list{overflow: hidden;}
.nav .nav-list li{float: left;position: relative;width:170px;text-align: center;}
.nav  .nav-list li a{line-height:57px;color:#333;font-size:15px;text-align: center;position: relative;}
.nav .nav-list li a:hover{background: #17cdb1;color: #fff;}
.nav .nav-list li.on>a{background: #17cdb1;color: #fff;}
.nav .nav-list  li>a:after{position: absolute; content: ''; width: 0; height: 2px; background: #fff; bottom: 11px; left: 31%;width: 63px;display: none;}
.nav .nav-list li:hover a:after,.nav .nav-list li.on a:after{ transition:0.6s;display: block;}
.nav .nav-list li .nav-hide{display:none;position: relative;background: rgb(0,72,146);z-index:1;width:160px;}
.nav  .nav-list li:hover .nav-hide{display: block;}
.nav  .nav-list li .nav-hide em{margin-top: 2px;}
.nav  .nav-list li .nav-hide em a{color:#fff;font-size: 13px;}
.nav  .nav-list li .nav-hide em a:hover{background:#17cdb1;}


.head-fixed{width:100%;position: fixed;top:0;background: rgb(244,244,244);z-index: 1000;}

/*banner*/
.banner{position:relative;z-index: 1;}
.banner-hd {height:570px;position: relative; overflow:hidden;}
.banner-hd  ul{height:100%;margin:0 auto;}
.banner-hd  ul li{height:100%;}
/*数字按钮样式*/
.banner-hd .num {overflow:hidden;position:absolute; bottom:16%; margin:0 auto;left:0;right:0;text-align:center;zoom:1; }
.banner-hd .num ul{display: inline-block;}
.banner-hd .num li {width:13px;height:13px; border-radius: 50%; color: #FFFFFF;margin:0 8px; cursor:pointer; float: left;background:#fff;}
.banner-hd .num li.on{ background:#17cdb1;} /*当前项*/
.ny-hd .num {overflow:hidden;position:absolute; bottom:5%; margin:0 auto;left:0;right:0;text-align:center;zoom:1; }


/*优势*/
.as{margin-bottom: 0px;height: 0;}
.pannel{background:#fbfbfb;width: 994px;padding-top:18px;padding-bottom: 15px;height: 135px;box-sizing:border-box;position: relative;top: -77px;z-index:99999;}
.pannel ul li{width: 247px;border-right: solid 1px rgba(190,190,190,0.5);text-align: center;float: left;}
.pannel ul li:last-child{border:none;}
.pannel ul li b{font-size: 20px;line-height: 20px;margin-bottom: 16px;display: block;}
.pannel ul li p{width: 184px;color: #808080;font-size: 12px;line-height: 20px;display: inline-block;}


/*首页产品*/
.title{text-align: center;}
.title span{font-size: 36px;color:#20dabe;line-height: 20px;text-transform: uppercase;font-weight: bold;font-family: arial;}
.title h2{font-size: 28px;color:#333;line-height: 28px;margin-top: 26px;font-weight: bold;margin-bottom: 29px;}
.title p{color:#9b9b9b;font-size: 14px;line-height: 14px;background: url(../images/p-bg.png)no-repeat center;}

a.more{display:block;text-align: center;font-size: 16px;color: #333!important;width: 172px;height: 35px;border: solid 1px #333;line-height: 35px;margin:0 auto;margin-top:48px;}
/*a.more:hover{background: #17cdb1;color: #fff;border: none;}*/
.more:hover,.more:focus,.more:active{color: white!important;border-color:#17cdb1!important;}
.more{-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;display:block;width:168px;height:44px;border:1px solid #fff;font-weight:normal;text-align:center;line-height:44px;color:#fff!important;font-size:16px;}
a.more:before{content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;background: #17cdb1;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
a.more:hover,a.more:focus, a.more:active{color: white;border-color:#17cdb1;}
a.more:hover:before, a.more:focus:before, a.more:active:before{-webkit-transform: scaleX(1);transform: scaleX(1);}


.pro{margin-top:26px;}
.pro .pro-list{margin-top: 45px;}
.pro .pro-list ul{width: 1221px;}
.pro .pro-list ul li{float:left;width:284px;margin-right:21px;overflow: hidden;margin-bottom: 30px;}
.pro .pro-list ul li .pic{width:284px;height:174px;position: relative;}
.pro .pro-list ul li .pic-info{display: block;font-size: 16px;text-align: center;line-height: 16px;margin-top: 19px;}
.pro .pro-list ul li .info-hide{top:-100%;position: absolute;width:100%;height:100%;left:0;text-align: center;transition: 0.5s;-moz-transition: 0.5s; -webkit-transition: 0.5s;-o-transition: 0.5s;background: rgba(23,205,177,0.7);text-align: center;}
.pro .pro-list ul li .info-hide p{font-size:13px;line-height: 22px; color:#fff;display: block;margin-top: 67px;width: 227px;display: inline-block;}
.pro .pro-list ul li .info-hide p:after{display: inline-block;content: "";width: 109px;height: 1px;background: rgba(255,255,255,0.7);margin-top: 12px;}
.pro .pro-list ul li:hover .info-hide{top:0; }


/*首页简介*/
.about{background: url(../images/about-bg.jpg)no-repeat center;height: 620px;margin-top: 64px;}
.about .title{padding-top: 74px;}
.about .title h2{color: #fff;}
.about p.content{text-indent: 2em;color:#fff;line-height: 38px;margin-bottom: 102px;font-size: 16px;margin-top: 59px;}
.about a.more{border:solid 1px#fff;color: #fff!important;}


/*案例*/
.case{margin-top:42px;}
.case .case-list{margin-top: 46px;position: relative;}
.case .case-list .bd{width: 1200px;overflow: hidden;}
.case .case-list ul{width: 1230px;}
.case .case-list ul li{float:left;width:380px;margin-right:30px;overflow: hidden;margin-bottom: 30px;}
.case .case-list ul li .pic{width:380px;height:230px;position: relative;}
.case .case-list ul li .pic-info{display: block;font-size: 16px;text-align: center;line-height: 16px;margin-top: 19px;}
.case .case-list ul li .info-hide{top:-100%;position: absolute;width:100%;height:100%;left:0;text-align: center;transition: 0.5s;-moz-transition: 0.5s; -webkit-transition: 0.5s;-o-transition: 0.5s;background:url(../images/plus.png)no-repeat center rgba(23,205,177,0.57);text-align: center;}
.case .case-list ul li .info-hide p{font-size:13px;line-height: 22px; color:#fff;display: block;margin-top: 67px;width: 227px;display: inline-block;}
.case .case-list ul li .info-hide p:after{display: inline-block;content: "";width: 109px;height: 1px;background: rgba(255,255,255,0.7);margin-top: 12px;}
.case .case-list ul li:hover .info-hide{top:0; }
.case .case-list ul li:hover .pic-info{color: #17cdb1;} 
.case a.prev ,.case a.next{position: absolute;width: 62px;height: 62px;cursor: pointer;top:87px;}
.case a.prev{background: url(../images/case-prev.png)no-repeat;left:-97px;}
.case a.next{background: url(../images/case-next.png)no-repeat;right:-97px;}

/*首页新闻*/
.news{margin-top: 48px;background: #fcfcfc;height: 792px;}
.news .title{padding-top: 36px;}
.news .news-list{margin-top: 54px;}
.latest  b{font-size: 17px;line-height: 17px;color: #333;margin-top: 25px;}
.latest span{line-height:46px;color: #a8a8a8; font-size: 14px;}
.latest p{font-size: 15px;color: #333;}
.news  ul li {border-bottom:dashed 1px rgba(176,176,176,0.4);padding-bottom: 17px;margin-bottom: 37px;}
.news  ul li b{margin-top: 0px;}
.news  ul li span{line-height: 30px;}
.news  ul li p{width: 580px;}
.news  ul li:last-child{margin-bottom: 0;}
.news a.more{margin-top:52px; }

/*地图*/
.map{background: url(../images/map.jpg)no-repeat center;height: 436px;margin-top: 63px;}
.map .container{position:relative;}
.map p{background: rgba(0,0,0,0.27);width: 297px;height: 36px;text-align: center;color: #fff;right: 257px;bottom: 184px;display: block;position: absolute;line-height: 36px;}


/*首页底部*/
.foot{background: #014339;}
.foot-nav{border-bottom: solid 1px #7d7d7d;height: 49px;}
.foot-nav ul{width: 776px;}
.foot-nav ul li {float: left;padding: 17px 0;}
.foot-nav ul li a{font-size: 14px;color:#fff;border-right:solid 1px #fff;padding: 0 27px;line-height: 14px;}
.foot-nav ul li:last-child a{border-right: none;}
.foot-nav ul li a:hover{color: #25cfb5}

.ser{width:296px;margin-right: 95px;}
.ser b{font-size: 16px;margin-top: 16px;margin-bottom: 18px;}
.ser p{color:#fff;font-size: 14px;line-height: 14px;margin-bottom: 37px;}
.ser form{position: relative;}
.ser .searchinput{width: 261px;height: 37px;border: solid 1px #999999;text-indent: 2em;color: #d5d5d5;background: none;}
.ser .searchbnt{width: 19px;height: 20px;background: url(../images/ser-btn.png)no-repeat center;border: none;outline: none;position: absolute;right: 50px;top:10px;}
.foot-logo{margin-top: 26px;margin-left: -29px;}

.con{margin-top: 29px;font-size: 15px;}
.con p{font-size: 14px;line-height: 23px;color: #d6d5d5;margin-top: 29px;}
.cp{border-top:solid 1px #4b5856;margin-top: 23px;}
.cp p{width: 800px;line-height: 48px;}
.cp a{display: inline-block;color: #fff;}
.cp a:hover{color: #25cfb5;}
.wechat{margin-top:28px;}
.wechat ul li{display: inline-block;margin-right: 90px;text-align: center;}
.wechat ul li p{color: #fff;font-size: 14px;line-height: 14px;margin-top:16px;}


/*内页*/
.ny-hd{ height: 400px;}
.ny-main {margin-top: 40px;margin-bottom: 60px;overflow: hidden;}

.position{height:52px; line-height:52px; font-size:14px; border-bottom: solid 1px #dfdfdf; margin-bottom: 30px;}
.position .container{background:url(../images/position-home.png) no-repeat 0 center; padding-left:30px; width: 1170px;}
.position a{background:url(../images/position-arrow.png) no-repeat right center; padding-right:20px; margin-right:10px;display: inline-block;}
.position a:last-child{background: transparent;}
.position .on{color: #17cdb1;}
.position a:hover{color: #17cdb1;}

.ny-right {width:1200px}

/*内页产品列表*/
.ny-product-list ul{width: 1256px;}
.ny-product-list ul li{float:left;width:284px;margin-right:21px;overflow: hidden;margin-bottom: 30px;}
.ny-product-list ul li .pic{width:284px;height:174px;position: relative;}
.ny-product-list ul li .pic-info{display: block;font-size: 16px;text-align: center;line-height: 16px;margin-top: 19px;}
.ny-product-list ul li .info-hide{top:-100%;position: absolute;width:100%;height:100%;left:0;text-align: center;transition: 0.5s;-moz-transition: 0.5s; -webkit-transition: 0.5s;-o-transition: 0.5s;background: rgba(23,205,177,0.7);text-align: center;}
.ny-product-list ul li .info-hide p{font-size:13px;line-height: 22px; color:#fff;display: block;margin-top: 67px;width: 227px;display: inline-block;}
.ny-product-list ul li .info-hide p:after{display: inline-block;content: "";width: 109px;height: 1px;background: rgba(255,255,255,0.7);margin-top: 12px;}
.ny-product-list ul li:hover .info-hide{top:0; }

/*产品详情*/
.ny-right  .pro1 .pro-list-pic{width: 332px;}
.ny-right  .pro1 .spec-preview img{display: block;}
.ny-right  .pro1 .descript1{width: 550px;}
.ny-right  .pro1 .descript1 strong.title1{line-height: 38px;font-size: 20px; color: #2d2d2d;display: block;border-bottom: 1px solid #c0ccd6; padding: 10px 0 15px; margin-bottom: 10px;}
.ny-right  .pro1 .descript1 p{width: 550px;font-size: 13px;color: #666;line-height: 28px;margin: 10px 0;text-align: justify;}
.ny-right  .pro1 .descript1 a.consult{display: block; width: 120px; height: 40px; font-size: 15px; color: #fff; line-height: 40px; text-align: center; background: #333; }
.ny-right  .pro1 .descript1 a.consult:hover{background-color:#17cdb1;}
.ny-right  .pro1 .descript1 p.haoma{ color: #333;font-size: 15px;display: block; margin: 20px 0;}
.ny-right  .pro1 .descript1 p.haoma em {display: inline-block;color:#17cdb1;font-size: 25px;font-weight: bold; vertical-align: middle;}
.ny-right  .pro1 .share{overflow: hidden;margin-top: 15px;}
.ny-right  .pro1 .share ul li{float: left;margin: 0 5px;}
.ny-right  .detail {margin-bottom: 20px;}
.ny-right  .detail .de-title{border-bottom: solid 3px#17cdb1; margin-bottom: 20px;}
.ny-right  .detail .de-title a{display: block;width: 130px; font-size: 16px;line-height: 45px;color: #fff; text-align: center; margin-top: 35px;background:#004892;}

/*内页客户案例*/
.ny-case-list{}
.ny-case-list ul li {position: relative;float:left;margin-right:30px; margin-bottom:30px; }
.ny-case-list ul li .pic{width:380px;height:236px;overflow: hidden;}
.ny-case-list ul li .info{height:56px;background: #f3f3f3;font-size: 16px;text-align: center;line-height: 56px;}
.ny-case-list ul li .info:hover{background: #289fa5;color:#fff;}

/*内页新闻列表页*/
.ny-news-list ul li{overflow: hidden;padding-bottom: 22px;border: none;border-bottom: solid 1px #f0f0f0; margin-bottom: 20px;}
.ny-news-list ul li .date{width: 82px;padding: 14px 7px;border:solid #dbdbdb 1px;border-radius: 5px;}
.ny-news-list ul li .date span{display: block;border-bottom: solid #dbdbdb 1px;font-size: 40px;line-height: 40px;color:#17cdb1; padding-bottom: 8px;}
.ny-news-list ul li .date p{font-size: 17px;line-height: 17px;color: #747474; margin-top: 15px;}
.ny-news-list ul li .descript{overflow: hidden;width: 1072px;}
.ny-news-list ul li .descript strong{font-size: 16px;line-height: 38px;color: #232323;font-weight: bold;display: block;}
.ny-news-list ul li .descript strong:hover{color:#17cdb1; }
.ny-news-list ul li .descript p{color: #5f5f5f;font-size: 14px;line-height: 22px;}




/*产品详情*/
.ny-right  .pro1 .pro-list-pic{width: 332px;}
.ny-right  .pro1 .spec-preview img{display: block;}
.ny-right  .pro1 .descript1{width: 656px;}
.ny-right  .pro1 .descript1 strong.title1{font-weight:bold;line-height: 38px;font-size: 20px; color: #2d2d2d;display: block;border-bottom: 1px solid #c0ccd6; padding: 10px 0 15px; margin-bottom: 10px;}
.ny-right  .pro1 .descript1 p{width: 550px;font-size: 13px;color: #666;line-height: 28px;margin: 10px 0;text-align: justify;}
.ny-right  .pro1 .descript1 a.consult{display: block; width: 120px; height: 40px; font-size: 15px; color: #fff; line-height: 40px; text-align: center; background: #333; }
.ny-right  .pro1 .descript1 a.consult:hover{background-color:#17cdb1;}
.ny-right  .pro1 .descript1 p.haoma{ color: #333;font-size: 15px;display: block; margin: 20px 0;}
.ny-right  .pro1 .descript1 p.haoma em {display: inline-block;color:#17cdb1;font-size: 25px;font-weight: bold; vertical-align: middle;}
.ny-right  .pro1 .share{overflow: hidden;margin-top: 15px;}
.ny-right  .pro1 .share ul li{float: left;margin: 0 5px;}
.ny-right  .detail {margin-bottom: 20px;}
.ny-right  .detail .de-title{border-bottom: solid 3px#17cdb1; margin-bottom: 20px;}
.ny-right  .detail .de-title a{display: block;width: 130px; font-size: 16px;line-height: 45px;color: #fff; text-align: center; margin-top: 35px;background:#17cdb1;}


/*内页图片列表页*/
.ny-case-list {overflow: hidden;}
.ny-case-list ul{width: 1230px;}
.ny-case-list ul li{float:left;width:380px;margin-right:30px;overflow: hidden;margin-bottom: 30px;}
.ny-case-list ul li .pic{width:380px;height:230px;position: relative;}
.ny-case-list ul li .pic-info{display: block;font-size: 16px;text-align: center;line-height: 16px;margin-top: 19px;}
.ny-case-list ul li .info-hide{top:-100%;position: absolute;width:100%;height:100%;left:0;text-align: center;transition: 0.5s;-moz-transition: 0.5s; -webkit-transition: 0.5s;-o-transition: 0.5s;background:url(../images/plus.png)no-repeat center rgba(23,205,177,0.57);text-align: center;}
.ny-case-list ul li .info-hide p{font-size:13px;line-height: 22px; color:#fff;display: block;margin-top: 67px;width: 227px;display: inline-block;}
.ny-case-list ul li .info-hide p:after{display: inline-block;content: "";width: 109px;height: 1px;background: rgba(255,255,255,0.7);margin-top: 12px;}
.ny-case-list ul li:hover .info-hide{top:0; }
.ny-case-list ul li:hover .pic-info{color: #17cdb1;}

/*内页分页样式*/
.ny-right  .pagelist {padding: 10px 0;margin-top:15px;overflow: hidden;border-top:0px solid #eee;text-align:center;}
.ny-right .pagelist a,.ny-right  .pagelist span {border: 1px solid #ccc; display: inline-block;padding: 2px 8px;margin-right:5px;}
.ny-right  .pagelist span.current {color: #f30;border: 1px solid #ddd;}