@charset "utf-8";
/* CSS Document */

*{ box-sizing:inherit; -webkit-box-sizing:inherit;}
html{color:#3c3c3c;background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
body{font:12px/1.8 "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif; font-family: Arial,"Microsoft YaHei",sans-serif; width:100%;}
img{border:none; vertical-align:middle;}
em,b{font-style:normal;font-weight:normal;}
li{list-style:none;}
h1{font-size:24px; line-height:1;}
h2{font-size:30px; text-align:center; font-weight:normal;}
h3{font-size:14px;}
h4, h5, h6{font-size:100%;}

a{text-decoration:none; color:#3c3c3c}
a:hover,.bs{text-decoration:none; color:inherit;}
a:link,a:visited,a:active{ text-decoration:none;}

q:before,q:after{content:'';}/* 消除q前后的内容 */
button,input,select,textarea{font-size:100%;}/* 使得表单元素在 ie 下能继承字体大小 */

address,cite,dfn,em,var{font-style:normal;} /* 将斜体扶正 */

input{ outline:none;}
/* 通用样式 */
.clear{ clear:both;}



/*初始化样式*/
.w1480{ width:1480px; margin:0 auto;}
.w1250{ width:1250px; margin:0 auto;}
.w1200{ width:1200px; margin:0 auto;}
.w1050{ width:1050px; margin:0 auto;}
.w1000{ width:1000px; margin:0 auto;}
.w980{ width:980px; margin:0 auto;}

.w800{ width:800px; margin:0 auto;}
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}






/*头部*/
.header{ height: 130px;  width: 100%;  margin: 0 auto;  background: #18cedd;  padding: 0 5%;  box-sizing: border-box;}
.logo{ margin-top:24px;}
.logo img{ width:120px;}



/*导航*/
.header .fr{ margin-top:60px; position:relative;}
.nav{ }
.nav,.dianhua{ height:40px; line-height:40px;}
.nav ul li{ float:left; margin-left:50px; position:relative;}
.nav ul li .box{ display:none; width:130px; position:absolute; top:40px; left:-29px; padding-top:10px; z-index:99;     text-align: center;}
.nav ul li .box li{ margin-right:0; float:none; background:rgba(24,204,220,0.8); padding:0 10px; margin-left: 0;}
.nav ul li .box li a{ font-size:16px; color:#fff;}
.nav ul li:last-child{  }

.nav ul li ul li:last-child{  }

.nav ul li:last-child a{   }
.nav ul li a{ display:block; width:auto; height:100%; position:relative; padding:0 5px; font-size:16px; color: #fff;}
.nav ul li:hover a,.nav ul li .box li:hover a{ color:#fff;}

.zongbu{ position:absolute !important; top:-40px; right:0; margin-top:0 !important; background:url(../images/x-1.png) left center no-repeat; background-size:25px; height:25px; line-height:25px; font-size:16px; padding-left:35px; padding-right:5px;}
.zongbu a { color:#fff; }









/*首页轮播图*/
/*banner*/
	.device { position: relative;}
	.device .arrow-left {
	  background: url(../images/left.png) no-repeat center;
	  background-size:100%;
	  position: absolute;
	  left: 26.5px;
	  top: 50%;
	  margin-top: -12px;
	  width: 15px;
	  height: 42px;
	  z-index:8;
	  transition: background 0.1s; -webkit-transition: background 0.1s;
	}
	.device .arrow-right {
	  background: url(../images/right.png) no-repeat center;
	  background-size:100%;
	  position: absolute;
	  right: 26.5px;
	  top: 50%;
	  margin-top: -12px;
	  width: 15px;
	  height: 42px;
	  z-index:8;
	  transition: background 0.1s; -webkit-transition: background 0.1s;
	}
	.device .arrow-left:hover,.device .arrow-right:hover{ width: 48px; height: 48px; border-radius:50%; overflow:hidden; margin-top:-15px;}
	.device .arrow-left:hover{ background: url(../images/left-2.png) no-repeat center; background-size:100%; left:10px;}
	.device .arrow-right:hover{ background: url(../images/right-2.png) no-repeat center; background-size:100%; right:10px;}
	.device,.swiper-container { width:100% !important; height:auto !important;}
	.swiper-wrapper,.swiper-slide{ height:auto !important;}
	.swiper-slide img{ width:100% !important; height:auto !important;}
	.pagination {
	  position: absolute;
	  left: 0;
	  text-align: center;
	  bottom:30px;
	  width: 100%;
	  z-index:9;
	  margin:0;
	}
	.swiper-pagination-switch {
	  display: inline-block;
	  width: 10px;
	  height: 10px;
	  border-radius: 10px;
	  border:1px solid #fff;
	  margin: 0 8px;
	  cursor: pointer;
	}
	.swiper-active-switch {
	  background: #fff;
	}






/*banner*/
.banner,.banner img{ width:100%; height:auto;}





/*首页-1*/
.sy-1 .sy-1-n{ margin:100px auto; text-align:center;}
.sy-1 .sy-1-n .bt{ font-size:36px; font-weight:bold; color:#121212; line-height:1.2;}
.sy-1 .sy-1-n div p.z-1,.sy-1 .sy-1-n div p.z-2{ color:#333;}
.sy-1 .sy-1-n div p.z-1{ font-size:40px; padding:0 15px; line-height:1.2; margin-top:100px;}
.sy-1 .sy-1-n div p.z-2{ font-size:18px; margin-top:50px;}





/*首页-2*/
.sy-2 .bt{ width:100%; background-color:#17cfdd;}
.sy-2 .bt p{ font-size:36px; color:#fff; width:145px; line-height:1.2; margin:0 auto; padding:50px 0; font-weight:bold;}
.sy-2 .sy-2-n{ margin-top:50px;}
.sy-2 ul li{ padding:75px 0 45px; border-bottom:1px solid #17cfdd;}
.sy-2 ul li .fl{ float:left;}
.sy-2 ul li .fr{ float:right; width:670px;}
.sy-2 ul li:nth-child(odd) .fl{ float:right;}
.sy-2 ul li:nth-child(odd) .fr{ float:left;}
.sy-2 ul li .fr p{ color:#333;}
.sy-2 ul li .fr .z-1{ font-size:40px; font-weight:bold; margin-bottom:50px; line-height:1; display:-webkit-box; display: -ms-flexbox; /* IE 10 */ -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; -o-text-overflow: ellipsis; /* for Opera */}
.sy-2 ul li .fr .z-2{ font-size:18px; display:-webkit-box; display: -ms-flexbox; /* IE 10 */ -webkit-box-orient:vertical; -webkit-line-clamp:7; overflow:hidden; -o-text-overflow: ellipsis; /* for Opera */ text-align:justify;}
.sy-2 ul li .fr .z-2 a{ color:#17cfdd; margin-left:25px; border-bottom:1px solid #17cfdd;}



/*首页-3*/
.sy-3{ width:90%; margin:100px auto 150px;}
.sy-3 .bt{ margin-bottom:65px; font-size:36px; font-weight:bold; text-align:center; line-height:1.2; color:#000;}
.sy-3 ul li{ width:23.5%; margin-right:2%; float:left; margin-top:55px;}
.sy-3 ul li:nth-child(4n){ margin-right:0;}
.sy-3 ul li b{ display:block; overflow:hidden;}
.sy-3 ul li b img{ width:100%; transition: all 0.5s;}
.sy-3 ul li p{ width:100%; height:40px; line-height:40px; font-size:18px; color:#000; text-align:center;}
.sy-3 ul li a:hover b img{ transform: scale(1.1);}
.sy-3 ul li a:hover p{ background-color:#17cfdd; color:#fff;}
.sy-3 .more{ margin:90px auto 0; text-align:center;}
.sy-3 .more a{ font-size:24px; color:#17cfdd; line-height:1.5; border-bottom:2px solid #17cfdd;}




/*首页-4*/
.sy-4{ width:100%; background-color:#17cfdd; padding:30px 0 70px;}
.sy-4 .bt{ font-size:36px; font-weight:bold; text-align:center; line-height:1.2; color:#fff; margin-bottom:80px;}
.sy-4 ul{ width:90%; margin:0 auto;}
.sy-4 ul li{ float:left; width:15%; margin-right:2%;}
.sy-4 ul li:nth-child(6n){ margin-right:0;}
.sy-4 ul li img{ width:100%;}
.sy-4 ul li p{ font-size:18px; width:100%; padding:10px 0; text-align:center; background-color:#fff;}





/*首页-5*/
.sy-5{ width:90%; margin:150px auto;}
.sy-5 .bt{ font-size:36px; font-weight:bold; text-align:left; line-height:1.2; color:#000; margin-bottom:80px;}
.sy-5 ul li{ width:23.5%; margin-right:2%; float:left;}
.sy-5 ul li:nth-child(4n){ margin-right:0;}
.sy-5 ul li .t-1 img{ width:100%; height:200px;}
.sy-5 ul li p{ text-align:justify;}
.sy-5 ul li p.t-1{ height:200px;}
.sy-5 ul li p,.sy-5 ul li p a{ color:#121212;}
.sy-5 ul li .z-1{ font-size:20px; height:46px; margin-top:25px; line-height:1.2; display:-webkit-box; display: -ms-flexbox; /* IE 10 */ -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; -o-text-overflow: ellipsis; /* for Opera */}
.sy-5 ul li .z-2{ font-size:13px; margin:10px auto; color:#747474;}
.sy-5 ul li .z-3{ font-size:14px; color:#333; display:-webkit-box; display: -ms-flexbox; /* IE 10 */ -webkit-box-orient:vertical; -webkit-line-clamp:5; overflow:hidden; -o-text-overflow: ellipsis; /* for Opera */}
.sy-5 ul li .more{ font-size:14px; margin-top:10px; display:block; color:#2ed7ea;}




/*首页-6*/
.sy-6{ padding:50px 0 80px; width:100%;}
.sy-6 .bt,.sy-6 ul{ width:90%; margin:0 auto;}
.sy-6 .bt{ font-size:36px; font-weight:bold; text-align:left; line-height:1.2; color:#000; margin-bottom:45px;}
.sy-6 ul li{ float:left; width:15%; margin-right:2%;}
.sy-6 ul li:nth-child(6n){ margin-right:0;}
.sy-6 ul li img{ width:100%;}

.sy-6 .owl-prev,.sy-6 .owl-next{ background:none;}
.sy-6 .owl-carousel .owl-item{ text-align:center;}
.sy-6 .owl-carousel .owl-item img{ width:auto !important; transition: all 0s; max-width:100% !important; height:95px;}
.sy-6 .owl-item:hover img{ transform: scale(1);}














/*底部*/
.footer{ background-color:#17cfdd; padding:30px 0 25px;}
.footer .di-1,.footer .di-2{ width:90%; margin:0 auto;}
.footer .di-1 .fl{ float:left;}
.footer .di-1 .fl img{ width: 359px;}
.footer .di-1 .fr{ float:right;}
.footer .di-1 .fr p{ float:left;}
/*.footer .di-1 .fr p:first-child{ margin-right:20px;}*/
.footer .di-1 .fr p span{ font-size:18px; display:block; text-align:right; line-height:1.5; color:#fff;}
.footer .di-1 .fr p span:first-child{ font-weight:bold;}
.footer .di-2{ margin-top:20px;}
.footer .di-2 p{ text-align:center; color:#fff; font-size:12px; line-height:1.5;}
.footer .di-2 p a{ color:#fff; }



/*技术页*/
.jj-li{ width:30%; margin:0 1.5%; float:left;}
.jj-li img{ max-width:100%;}
.w-50{ width:47%; float:left; margin:0 1.5%; text-align:justify;}



/*产品页*/
.chanpin{ width:90%; margin:0 auto 130px;}
.chanpin .bt{ margin-top:80px; text-align:center;}
.chanpin .bt h1{ font-size:36px; line-height:1; font-weight:bold; color:#2ed7ea;}
.chanpin .bt small{ font-size:24px; line-height:1; color:#080808; display:block; margin:20px auto;}
.chanpin .bt span{ width:65px; height:3px; display:block; background-color:#080808; margin:0 auto;}
.chanpin .cp-fenlei{ margin:85px auto 0; width: 100%;  text-align: center;}
.chanpin .cp-fenlei.cp-fenleinews{ width:210px; }
.chanpin .cp-fenlei ul li{     display: inline-block;  margin-right:45px;}

.chanpin .cp-fenlei ul{ white-space: nowrap; }
.chanpin .cp-fenlei ul{  }
.chanpin .cp-fenlei ul li:hover a,.chanpin .cp-fenlei ul li.bs a{ color:#2ed7ea;}
.chanpin .cp-fenlei ul li:last-child{ margin-right:0;}
.chanpin .cp-fenlei ul li a{ font-size:20px; color:#000;}
.chanpin .cp-n{ margin-top:70px;}
.chanpin .cp-n ul li{ float:left; width:32%; margin-right:2%; margin-bottom:55px;}
.chanpin .cp-n ul li:nth-child(3n){ margin-right:0;}
.chanpin .cp-n ul li p.t-1{ overflow:hidden; height:auto;}
.chanpin .cp-n ul li p.t-1 img{ width:100%; transition: all 0.5s; height:auto;}
.chanpin .cp-n ul li p.z-1{ font-size:18px; text-align:center; padding:10px 0; color:#070707;}
.chanpin .cp-n ul li:hover p.t-1 img{ transform: scale(1.1);}
.chanpin .cp-n ul li:hover p.z-1{ background-color:#2ed7ea; color:#fff;}
.chanpin .fenye{ margin-top:80px; text-align:center;}
.chanpin .fenye a,.chanpin .fenye span{ display:inline-block; width:25px; height:25px; font-size:18px; color:#070707; margin:0 3px; line-height:25px;}
.chanpin .fenye a.a1{ width:auto;}
.chanpin .fenye a.a1:first-child{ display:none;}
.chanpin .fenye a.a1:nth-child(2){ margin-right:30px;}
.chanpin .fenye a.a1:last-child{ margin-left:30px;}
.chanpin .fenye span{ color:#2ed7ea;}




/*产品详情页*/
.chanpin-xq{ width:1000px; margin:80px auto 100px;}

.chanpin-xq.xinwen-new{ width: 100%;   margin: 0; box-sizing: border-box;   }

.chanpin-xq.xinwen-new .cpxq-n{ margin-top:0;     margin-bottom: 0; }
.chanpin-xq.xinwen-new .z-new{ background:#18cedd; padding:50px 5%; color:#fff;  padding-left: 20%; padding-top: 200px;padding-bottom: 200px;}
.chanpin-xq.xinwen-new .z-new h1{ font-size: calc((4 - 1) * 1.2vw + 1rem); margin-bottom:30px; }
.chanpin-xq.xinwen-new .z-new h3{ text-align: left;   font-size: calc((1.2 - 1) * 1.2vw + 1rem);  line-height: 1.4; font-weight: 200; margin-bottom:180px; }

.chanpin-xq.xinwen-new .z-new h2{ font-size: calc((4.2 - 1) * 1.2vw + 1rem);  text-align:left;}
.chanpin-xq.xinwen-new .z-new h4{ font-size: calc((1.1 - 1) * 1.2vw + 1rem); font-weight: 200;     position: relative;  padding-left: 20%; }
.chanpin-xq.xinwen-new .z-new h4::after{ content:''; display:block; position:absolute; left:0; top:12px; width:150px; height:1px; background:#fff;  }

.chanpin-xq.xinwen-new .z-2{ background:#e9f4f6; padding:100px 5%;  padding-left:5%;  position:relative;  padding-top: 240px;}
.chanpin-xq.xinwen-new .z-2 h1{ position: absolute;  left: 5%;   top: 100px;  font-size: calc((4.2 - 1) * 1.2vw + 1rem);   color: #3fc3d5; }
.chanpin-xq.xinwen-new .z-2 h2{ text-align: left;   line-height: 1.4;    color: #3fc3d5;  font-weight: bold; }
.chanpin-xq.xinwen-new .z-2 img{ margin:20px !important; margin-top:0!important; padding:0!important;  margin-left:0px !important; margin-bottom:0px !important;}


.chanpin-xq.xinwen-new .z-pic{ position: relative; height: 500px;  overflow: hidden;  }
.chanpin-xq.xinwen-new .z-pic img{ position: absolute; top: -90%; }
.chanpin-xq.xinwen-new .z-pic h1{  color: #fff;  text-align: center; position: relative;  z-index: 5;  font-size: calc((3 - 1) * 1vw + 1rem);  margin-top: 101px; }

.chanpin-xq.xinwen-new .z-txt{ padding: 5%; }
.chanpin-xq.xinwen-new .z-txt h1{ color: #3fc3d5;  font-size: calc((1.6 - 1) * 1.2vw + 1rem);   margin-bottom: 20px; }

.chanpin-xq img{ max-width:100% !important; height:auto !important;}
.chanpin-xq .dqwz{ font-size:18px; color:#080808;}
.chanpin-xq .cpxq-n{ margin:70px auto 140px;}
.chanpin-xq .cpxq-n .t-1{ text-align:center;}
.chanpin-xq .cpxq-n .z-1{ font-size:24px; font-weight:bold; line-height:1.2; margin:50px auto 30px;}
.chanpin-xq .cpxq-n .z-2{ font-size: 16px;   overflow: hidden;   line-height: 200%; }
.chanpin-xq .cpxq-n .z-3{font-size: 16px;  overflow: hidden;  line-height: 200%; background: #e9f4f6;  padding: 20px 5%;   padding-left: 5%;   position: relative;  overflow: hidden; }
	
.chanpin-xq .xiangguan span.x{ width:45px; height:2px; background-color:#000; margin-bottom:20px; display:block;}
.chanpin-xq .xiangguan .bt{ font-size:20px; line-height:1.2; color:#000; margin-bottom:60px;}
.owl-prev,.owl-next{ width:20px; height:165px; position:absolute; top:0;}
.owl-prev{ background:url(../images/xg-zuo.jpg) center no-repeat ; background-size:100%; -webkit-background-size:100%; left:-40px;}
.owl-next{ background:url(../images/xg-you.jpg) center no-repeat ; background-size:100%; -webkit-background-size:100%; right:-40px;}
.owl-carousel p{ font-size:16px; line-height:1.2; padding:10px 0; text-align:center;}
.owl-carousel small,.owl-carousel span,.xinwen ul li  small,.xinwen ul li span{ font-size:18px;}
.owl-carousel small,.xinwen ul li  small{ margin-top:10px; display:block;}
.owl-item .tu{ overflow:hidden;}
.owl-carousel .owl-item img{ width:auto; transition: all 0.5s;}
.owl-item:hover p,.owl-item:hover small,.owl-item:hover span{ background-color:#2ed7ea; color:#fff;}
.owl-item:hover .tu img{ transform: scale(1.1);}





/*新闻页*/
.xinwen .xw-n{ margin-top:80px;}
.xinwen .xw-n li{ float:left; display:block; margin:0 auto 50px; width:100%; text-align:justify; width:32%; margin-right:2%;}
.xinwen .xw-n li:nth-child(3n){ margin-right:0;}
.xinwen .xw-n li .t-1{ margin-bottom:15px; overflow:hidden; height:auto;}
.xinwen .xw-n li .t-1 img{ width:100%; height:335px;}
.xinwen .xw-n li .z-1{ display:block; color:#b0b0b0; font-size:13px;}
.xinwen .xw-n li .z-2{ margin:10px auto; height:41px; display:-webkit-box; display: -ms-flexbox; /* IE 10 */ -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; -o-text-overflow: ellipsis; /* for Opera */}
.xinwen .xw-n li .z-2 a{ font-size:18px; color:#070707; line-height:1.2; font-weight:bold;}
.xinwen .xw-n li .z-3,.xinwen .xw-n li .z-3-sj{ font-size:16px; height:84px; color:#333; display:-webkit-box; display: -ms-flexbox; /* IE 10 */ -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; -o-text-overflow: ellipsis; /* for Opera */}
.xinwen .xw-n li .z-3-sj{ display:none; -webkit-line-clamp:5;}
.xinwen .xw-n li .z-3 .more,.xinwen .xw-n li .z-3-sj .more{ color:#2ed7ea; margin-left:30px;}
.xinwen-xq div,.xinwen-xq p,.xinwen-xq span{ max-width:100% !important; margin-left:auto !important; margin-right:auto !important;}
.chanpin-xq .cpxq-n .z-1{ text-align:center;}



/*支持页*/
.zhichi .cp-fenlei ul li{ width:30%; margin-right:5%; text-align:center;}
.zhichi .cp-fenlei ul li:nth-child(3n){ margin-right:0;}
.zhichi .cp-n ul li p.z-1{ height:65px;}




/*联系页*/
.lianxi{ width:980px; margin:0 auto 150px;}
.lianxi .lx-n{ margin:80px auto 30px; padding:50px 0; font-size:16px;}
.lianxi .tijiao{ padding:50px 0; width:800px; margin:0 auto;}
.lianxi .lx-n{ border-bottom:1px solid #0cd6e9;}
.lianxi .tijiao .z-1{ font-size:18px; color:#121212; font-weight:bold; margin-bottom:30px; width:98%; margin-left:auto; margin-right:auto;}
.lianxi .tijiao form{ width:98%; margin:0 auto;}
.lianxi .tijiao form table tr{ margin-bottom:20px; display:block;}
.lianxi .tijiao form table tr th,.lianxi .tijiao form table tr td{ display:block;}
.lianxi .tijiao form table tr th{ font-size:16px; text-align:left; width:100%; font-weight:normal;}
.lianxi .tijiao form table tr td{ width:100%; height:40px; line-height:40px;}
.lianxi .tijiao form table tr td input{ width:100%; height:100%;}
.lianxi .tijiao form table tr td textarea{ width:100%; height:150px !important;}
.lianxi .tijiao form table tr:last-child{ height:150px !important;}
.lianxi .tijiao form #dosubmit{ display:block; width:150px; height:50px; line-height:50px; text-align:center; font-size:16px; color:#fff; background-color:#272727; border:none; cursor:pointer; margin-top:50px;}




/*解决方案页*/
.fangan{ width:1200px; margin:0 auto 100px;}
.fangan .bt .t-1{ margin:0 auto;}
.fangan .bt .z-1{ font-size:48px; color:#000; line-height:1; margin-top:50px;}
.fangan .fa-n{ font-size:16px; text-align:justify; border-bottom:1px solid #0cd6e9;}
.fangan .fa-n .z-2{ padding:30px 0;}




/*关于我们*/
.guanyu{ width:1000px; margin:0 auto 80px;}
.guanyu .gy-1-n{ font-size:16px; color:#333; margin-top:80px; padding-bottom:50px; border-bottom:1px solid #0cd6e9;}
.guanyu .gy-1-n p.z-1{ font-size:24px; color:#000; line-height:1; margin-bottom:50px;}














@media screen and (max-width: 1400px){

.w1200,.fangan,.chanpin-xq,.lianxi{ width:95%;}

}