@charset "utf-8";
/* CSS Document */
.banner_sj{ display:none;}
.banner_pc{ margin-top:80px;}
.flexslider{ position:relative;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;border-radius: 0px;}
.flex-pauseplay span {text-transform: capitalize;}
.flex-control-nav {width: 100%; text-align: center; position:absolute; bottom:20px;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:12px; height:12px; display: block; background:#aaa; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}
.flex-control-paging li a:hover { background: #aaa; }
.flex-control-paging li a.flex-active { background: #5dc1cf; cursor:default;}


.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:10px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:10px;background:url(../images/next.png) center center no-repeat;}



.index-case{ width: 1280px; margin: 35px auto;}
.zmoduletitle { text-align: center; font-size: 14px;  padding: 20px 0;}
.zmoduletitle h4 { font-size: 35px; line-height: 35px; color: #333333; padding-bottom: 12px; }
.zmoduletitle p { color: #666666; padding-bottom: 12px;}

.index-case .case-box{ float: left; width: 400px; font-size: 13px; padding: 20px 40px 15px 0;}
.index-case .case-box .pic-box{ width: 400px; height: 300px; overflow: hidden; position: relative;}
.index-case .case-box .pic-box img{ display: block; width: 400px; height: 300px; position: absolute;transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.index-case .case-box .pic-box a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.03); }
.index-case .case-box .title{ border-bottom: 1px solid #efefef; padding: 14px 0 7px; line-height: 26px;}
.index-case .case-box .title a{ float: left; font-size: 16px; font-weight: bold; color: #333; display: block; width: 100%; line-height: 30px; overflow: hidden;}
.index-case .case-box .title .date{float: right; color: #999; font-size: 12px;}
.index-case .case-box .brief{ color: #666; padding-top: 11px; line-height: 25px; height: 75px; overflow: hidden;}
.index-case .case-box a:hover{ color: #5dc1cf;}

.index-case .case-box:nth-child(4),.index-case .case-box:nth-child(7){ padding-right: 0;}


.banner{ margin-top:80px;}
.banner .pic_er{ display:none;}
.banner img{ width:100%;}


.subnav{ text-align:center; background: #5dc1cf;}
.subnav .yiji{ max-width: 1280px; margin: 0 auto; }
.subnav .yiji li{display: inline-block; line-height:55px; font-size:16px; width: 165px; text-transform:none;}
.subnav .yiji li a{ color:#FFF; display:block;}
.subnav .yiji li a:hover{ color:#fff; display:block; text-decoration:none;}
.subnav .yiji li a.current{ background:#FFF; color:#5dc1cf;}

.subnav .erji{ padding:2% 3%; border-bottom:1px solid #EEE;}
.subnav .erji li{ float:left; line-height:30px; width:10%; margin-left:2%;}
.subnav .erji li a{ display:block; border:1px solid #EEE; border-radius:20px;}
.subnav .erji li a:hover{ display:block; text-decoration:none;}
.subnav .erji li a.current{ color:#71d127; border:1px solid #71d127;}

.about{max-width: 1280px; margin: 40px auto;overflow: hidden; }
.about .title{ width:270px; margin:0 auto; text-align:center; padding-bottom:4%;}
.about .title h2{ font-size:32px; padding-bottom:2%; font-weight:bold; padding:10% 0;}
.about .title .border{ height:1px; background:#CCC; position:relative;}
.about .title .border p{ width:40px; height:3px; background:#5dc1cf; position:absolute; left:50%; top:-1px; margin-left:-20px;}
.about .title .txt{ padding:10% 0; text-transform:uppercase; color:#999;}
.about .box{ line-height:35px; font-size: 15px; overflow: hidden; padding: 6px 0;}
.about .box img{ max-width:100%; margin: 15px auto; display: block;}


.about .box table{ border-collapse:collapse; border:1px solid #777;  width: 100%;}
.about .box td, .about .box th{ padding:5px 10px;}
.about .box td, .about .box th{border-right:1px solid #777; border-bottom:1px solid #777; line-height:32px; font-size: 14px;}

.contact{max-width: 1280px; margin: 40px auto;overflow: hidden; }
.contact .boxs{ line-height:35px; font-size: 15px; overflow: hidden; padding: 15px 0;}
.contact .boxs img{ max-width:100%; margin: 15px auto; display: block;}

/* 发展历程 */
.cntl{position: relative;width: 100%; margin-top: 50px;}
.cntl-center{left:0;right:0;margin-left:auto;margin-right:auto;}
.cntl-bar{position: absolute;width: 1px;top: -50px;bottom: 0;background-color: #d2d2d2;}
.cntl-bar-fill{background-color: #009ABB;position: absolute;left:0;right:0;top:0;height:0;}
.cntl-state{position: relative;width:100%;min-height: 185px;margin-bottom: 50px;}
.cntl-state::after{display:block;content: ' ';clear:both;}
.cntl-icon{border-radius: 50%;width:14px;height: 14px;background-color: #0068bd;border: solid 2px #d2d2d2;box-shadow: 0px 0px 19px -9px #000;position: absolute;top: 0;text-align: center;line-height:14px;font-size: 40px;color: #fff;}
.cntl-content{ font-size: 15px; line-height: 30px;  width: 44%;padding:0 2%;background-color: rgba(238, 238, 238, 0.25);border-radius: 8px;float:left;opacity:1;position:relative;margin-left:0; text-align: right;}
.cntl-state:nth-child(2n+2) .cntl-content{float:right;margin-right:0;  text-align: left;}
.cntl-image{opacity:1;width: 44%;padding: 2%;margin-top: -3%;}
.cntl-state:nth-child(2n+1) .cntl-image{float:right; margin-top: -3%;}
.cntl-image img{max-width:100%;}
.cntl-content h4{font-size:20px;font-weight: normal;margin-bottom: 10px;}

/*animations*/
.cntl-bar-fill,.cntl-content,.cntl-image{-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-o-transition: all 500ms ease;-ms-transition: all 500ms ease;transition: all 500ms ease;}
.cntl-state:nth-child(2n+2).cntl-animate .cntl-content{margin-right:0%;}
.cntl-animate .cntl-content{opacity:1;margin-left:0%;}
.cntl-animate .cntl-image{opacity:1;}


/* 证书 */
.zhengshu{width:100%;padding:15px 0; overflow: hidden;}
.zhengshu ul{ margin-right:-3%;}
.zhengshu ul li{float:left;width:22%; margin-right: 3%; margin-bottom: 10px; text-align:center;}
.zhengshu ul li img{max-width:96% !important; border: 1px solid #e1e2e2; padding: 4px;}
.zhengshu ul li span{ line-height:25px; font-size: 14px; padding: 5px 0; display: block;}

/* 产品中心页面 */
.con_neiye{width:100%; background:#f5f5f5; padding: 20px 0; overflow: hidden;}
.product {max-width: 1280px; margin: 40px auto;overflow: hidden; }
.product h2{ line-height:40px; font-size:24px; color: #222;  margin-bottom:2%; text-transform:uppercase;}
.product ul{ margin-left:-2%;}
.product li{ float:left; width:31.333%; margin-left:2%; background: #fff; position:relative; transition:all 0.3s; text-align:center; margin-bottom:2%;}
.product li:hover{ box-shadow:0 0 15px rgba(0,0,0,0.15);}
.product li .img-box{vertical-align: top;padding: 5%;overflow: hidden;}
.product li .img-box img{ max-width:100%;}
.product li .box{ padding:20px 0; }
.product li .box h3{line-height:45px;font-size: 25px; color: #666; text-align: center;margin-top: 50px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-top: 20px;position: relative;padding-bottom: 15px;}
.product li .box h3:after{content: "";display: block;width: 50%;height: 1px;background-color: #EEEEEE;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.product li .box p{ color: #e72129;font-size: 25px; padding-top: 15px; display: inline-block;width: 100%;text-align: center;}

/*渐变特效*/
.img-box-ease {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  overflow: hidden;
}
.img-box-ease:hover {
  transform: translateY(-6px);
  -webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.5);
  -webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.5);
  -moz-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.5);
}



/*产品图片*/
.Innav {  background:#fff; width:100%; margin-top: 80px; padding:54px 0 48px 0; overflow:hidden;position:fixed;} 
.InnavCon {  max-width:1280px; margin:0 auto; overflow:hidden;}
.InnavConTwo h3{ color:#555; font-size:22px; font-weight:bold; float:left; }
.InnavConTworight {  float:right;}
.InnavConTworight ul li{  color:#666; font-size:15px; float:left; padding-left:52px; line-height:35px; }
.InnavTwo {padding:22px 0; border-bottom:1px solid #e6e6e6; }
.InnavConTworight ul li a { color:#666;}
.InnavConTworight ul li a.cur{ color:#5dc1cf; }
.InnavConTworight ul li.cur a{ color:#5dc1cf;}

.InmainTwo {  background:#fff; margin:0; display:none;}
.InmainTwo img { max-width:100%;margin:0 auto;}



.InnavCon table{ border-collapse:collapse; border:1px solid #777;  width: 100%;}
.InnavCon td, .InnavCon th{padding:3px 20px !important; border-right:1px solid #777; border-bottom:1px solid #777; line-height:42px; font-size: 16px; color: #000;}


/* 专题页*/
.Topic .Topic-top{text-align: center;background-position: center;background-size: auto 100%;background-repeat:repeat;overflow: hidden;padding:65px 0 65px 0;}
.Topic .Topic-top h3{font-size: 45px;color: #fff;font-weight: 400;}
.Topic .Topic-item{padding: 45px 0;}
.Topic .Topic-item h3{font-size: 35px;color: #000;text-align: center;font-weight: 400;margin: 0;margin-bottom: 25px;}
.Topic .Topic-item .img-box{text-align: center;}
.Topic .Topic-item .img-box img { max-width:100%;display:block; margin:0 auto;}
.Topic .Topic-item .info{text-align: left; margin-top: 55px; line-height: 35px; font-size: 15px;}



.Param { margin-top:0; padding:60px 0 97px 0; overflow:hidden; display:none; }
.Param table{ border-collapse:collapse; border:1px solid #777;  width: 100%;}
.Param td, .Param th{ padding:5px 10px;}
.Param td, .Param th{border-right:1px solid #777; border-bottom:1px solid #777; line-height:40px; font-size: 17px; color: #000;}


/* 更新产品详情*/
.layout{max-width:1280px; margin:0 auto;}

.cpxx{ padding-bottom:35px; overflow:hidden;}
.cpxx .box1{ padding-top:35px;}
.cpxx .box1 .pic{ float:left; width:52%;}
.cpxx .box1 .pic img { max-width:100%;display:block; margin:0 auto;}

.cpxx .box1 .right{ width:40%; float:right;}
.cpxx .box1 .right .p1{ line-height:70px; padding-bottom:2px;  border-bottom:1px solid #ccc; font-size:30px; color:#666;}
.cpxx .box1 .right .p2{ font-size:14px; color:#666; line-height:32px; padding-top:18px;}

.cpxx table tr .wid{width:30%;}
.cpxx table tr td{text-align:center; /*background-color:floralwhite;*/ height:25px;}


.slideTxtBox3{ padding-top:40px;}
.slideTxtBox3 .hd{ height:65px; background:#f0f0f0;}
.slideTxtBox3 .hd ul{ height:40px;}
.slideTxtBox3 .hd ul li{ float:left; width:235px; height:63px; line-height:63px; text-align:center; font-size:18px; color:#333; cursor:pointer;}
.slideTxtBox3 .hd ul li.on{ border-bottom:2px solid #5dc1cf; color:#5dc1cf;}
.slideTxtBox3 .bd .pic{ float:left; width:678px;}
.slideTxtBox3 .bd .zi{ float:left; width:422px; margin-top:40px;}
.slideTxtBox3 .bd .zi h3{ font-size:24px; color:#333; font-weight:bold; line-height:84px;}
.slideTxtBox3 .bd .zi p{ font-size:16px; color:#333; line-height:48px;}
.slideTxtBox3 .bd .liss{ width:100%; overflow:hidden;}

.slideTxtBox3 .bd { margin-top:0; padding:30px 0; overflow:hidden; }
.slideTxtBox3 .bd table{ border-collapse:collapse; border:1px solid #777;  width: 100%;}
.slideTxtBox3 .bd table p{ line-height:48px !important; }
.slideTxtBox3 .bd td, .slideTxtBox3 .bd th{ padding:6px 10px;}
.slideTxtBox3 .bd td, .slideTxtBox3 .bd th{border-right:1px solid #777; border-bottom:1px solid #777; line-height:50px !important; font-size: 18px; color: #000;}


.case_lst{width:100%;padding:15px 0; overflow: hidden;}
.case_lst ul{ margin-right:-3%;}
.case_lst ul li{float:left;width:22%; margin-right: 3%; margin-bottom: 10px; text-align:center;}
.case_lst ul li img{max-width:96% !important; border: 1px solid #e1e2e2; padding: 4px;}
.case_lst ul li span{ line-height:25px; font-size: 14px; padding: 5px 0; display: block;}




/*新闻中心详细内容*/
.news{ margin-top: 2%;}
.news ul{}
.news li{ margin-bottom:2.5%; }
.news li .pic{ width:27%; float:left;}
.news li .pic img{ max-width:100%;}
.news li .titles{ width:70%; float:right;}
.news li .titles .rq{ font-size:12px; color:#999;}
.news li .titles .bt{ font-size:18px; color:#333; font-weight:bold; padding:10px 0; line-height:25px;}
.news li .titles p{font-size:14px; color:#666;  padding:10px 0; line-height:28px;}
.news li .titles .more{ width:130px; height:35px; line-height:35px; text-align:center; border:1px solid #aaa; border-radius:30px; margin-top:10px;}
.news li .titles .more a{ display:block;}
.news li .titles .more a:hover{ display:block; text-decoration:none;}


.NewsDetailed {margin:0px auto;width:100%;height:auto;padding-top:0px;text-align:center;clear:both;overflow:hidden;}
.NewsDetailed h3{line-height:40px;margin-bottom:10px;text-align:center;font-size:24px;font-weight:400;color:#000;}
.NewsShowHits{padding-bottom:16px;text-align:center;border-bottom:1px #DEDEDE dashed;color:#999999;font-size:14px;}
.NewsDetailed-content{line-height:34px;padding-top:15px;padding-bottom:10px;margin-bottom:10px;font-size:14px;text-align:left;border-bottom:1px #DEDEDE dashed; color: #555;}
.NewsDetailed-content img {max-width:100%;margin:10px auto;text-align:center;display:table-cell;clear:both;overflow:hidden;}

.fanhui{float:right;width:126px;margin:0 auto;position:relative;height:70px;}
.fanhui a{ position:absolute;z-index:2;width:125px;height:42px;line-height:42px;top:25px;right:0; text-align:center;background:#5dc1cf;font-size:16px;color:#fff;display:inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.fanhui a:hover{color:#fff;font-size:16px;font-weight:100;text-decoration:underline;}


.PreveNext {margin:0px auto;width:100%;height:auto;padding-top:10px;padding-bottom:10px;clear:both;overflow:hidden;}
.PreveNext ul{float:left;}
.PreveNext li{width:100%;float:left;line-height:32px;text-align:left;}


/*下载中心*/
.download { max-width:1280px;  padding:40px 50px; margin-bottom:75px;}
.downtit {  color:#1a1a1a; line-height:21px;}
.downselect { margin:10px 0 0 0; }
.downseUp{ width:328px; height:37px; margin-right:15px; border:1px solid #d9d9d9; float:left; position:relative; }
.downseUptext{  color:#666; font-size:12px; line-height:37px; text-indent:10px; background:url(../images/img15.jpg) no-repeat 295px  center; cursor:pointer;}
.downseUpDiv {  width:100%; position:absolute; left:0; top:38px; background:#fff; padding:10px 0; display:none;}
.downseUpDiv p {text-indent:10px;  line-height:24px;}
.downseUpDiv p a { color:#666; font-size:12px; display:block;}
.downright {  float:right;}
.downrighttext {  display:block; float:left; width:274px; height:37px; border:1px solid #d9d9d9; float:left;}
.downrighttext input{ font-family:"Microsoft YaHei"; width: 96%; padding:0 6px; font-size:12px; line-height:37px; color:#666; height:37px; line-height:37px;}
.downrightbut {  display:block;float:left; width:100px; height:39px; background:#5dc1cf; font-size:16px;}
.downrightbut input { color:#fff; line-height:37px; text-align:center; background:#5dc1cf;font-family:"Microsoft YaHei"; width:100%; cursor:pointer;}
.downquery {  background:#5dc1cf; width:100px; height:39px; display:block; float:left; line-height:39px; }
.downquery input { font-size:16px; font-family:"Microsoft YaHei"; color:#fff; text-align:center; width:100%; background:none; cursor:pointer;}

.Downloadlist{background:#fff;margin-top:30px;}
.Downloadlist dl{ margin:0px; padding:0px;}
.Downloadlist dl dd{ text-align:center; float:left; font-size:15px; border:1px solid #d9d9d9; color:#1a1a1a; height:55px; line-height:55px; margin-top:-1px; margin-right:-1px;}
.Downloadlist dl dd.Filename{ width:34%;}
.Downloadlist dl dd.Release{width:34%;}
.Downloadlist dl dd.Size{width:25%;}
.Downloadlist dl dd.FileDownload{width:6.5%; padding-top:8px; height:47px;}
.Downloadlist dl dd.FileDownload a{ display:block; margin:0px auto; width:35px; height:35px; }
.Downloadlist dl.cur dd{ background:#5dc1cf; color:#fff; height:50px; line-height:50px; border:1px solid #fff; padding:0px;}
.Downloadlist dl dd.FileDownload img {  width:35px; height:35px;}



/*feedback*/
.content_box{margin-top:0px;}
.content_box .messages_box{width:auto;padding:0 1% 10px 0;}
.content_box .messages_box ul{width:100%;}
.content_box .messages_box ul li{padding:5px 28px 5px 5px;}
.content_box .messages_box .text-input,.content_box .messages_box .summary-input,.content_box .messages_box .qq-input{width:100%;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px;}
.content_box .messages_box .cont-input{width:100%;height:130px;padding:10px;line-height:20px;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px;}
.content_box .messages_box .code-input{width:125px;vertical-align:middle;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;}
.content_box .messages_box .verify-pic{height:35px;vertical-align:middle;}
.content_box .messages_box .submitBtn{text-align:center;padding-top:10px;}
.content_box .messages_box .messages-button{width:125px;height:34px;line-height:34px;font-size:16px;color:#fff;text-align:center;background:none repeat scroll 0% 0% #ef8200;border:none;}