/* CSS Document */
html{font-size: 14px}
body{ height:100%; border:none; padding:0; margin:0;text-align:left; font: normal 100% Microsoft YaHei,Helvetica, Arial, sans-serif; color:#2d2d2d; background:#FFF;}
div,ul,li,img,dl,dd,dt,p{ padding:0; margin:0; border:none;}
ul,dl{list-style-type:none;}
a{ color:#404040; text-decoration:none;}
a:hover{ text-decoration:none;}
h1,h2,h3,h4,h5{ margin: 0; padding: 0; font-weight: normal; }
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
.clear{clear: both;}
.fl{ float: left; display: inline; }
.fr{ float: right; display: inline; }
img{display: block;margin: 0}


@media (max-width: 767px) { 
	.container {padding: 0 10px}
}
@media (min-width: 768px) and (max-width: 991px) { 
	.container {width: 750px;margin: 0 auto;}
}
@media (min-width: 992px) and (max-width: 1199px) { 
	.container {width: 970px;margin: 0 auto;}
}
@media (min-width: 1200px) { 
	.container {width: 1170px;margin: 0 auto;}
}
@media (min-width: 1600px) { 
	.container {width: 1600px;margin: 0 auto;}
}
.top { overflow:hidden; width:100%; height:28px;line-height:28px; background:#ededed; color: #1b1b1b;}
.top .fr a{ color:#1b1b1b; padding: 0 5px; }
/*header*/
.header { overflow: hidden; width: 100%; height:135px; background: #FFF;}
.header .logo {float: left; display: inline; border-right: 1px solid #ccc; padding-right: 39px; margin-top: 14px;}
.header .logo img { margin-top: 10px;}
.header .text {font-size: 16px;color: #474747;margin-left: 55px;float: left;display: inline; padding-top: 40px; }
.header .text span {display: block;}
.header .tel {float: right;display: inline; margin-right: 80px;width: 230px; padding-top: 45px;}
.header .tel img{ display: inline; float: left; width: 40px; margin-top: 5px; }
.header .tel p{ display: inline; float: right;font-size: 16px; }
.header .tel p span{ font-size: 24px; display: block; color: #01b171; }
.header .wx{ float: right; padding-top: 13px; width: 140px; margin-right: 20px; }
.header .wx img{ height: 106px; float: left; }
.header .wx p{display: inline-block; width: 25px; float: right; padding-top: 15px;}
/*wap header*/
.yunu-header {background-color: #fff;padding: 5px 0;}
.yunu-header .logo {float: left;}
.yunu-header .logo img {display: block;height: 40px;width: auto;}
.yunu-header .menu {float: right;height: 20px;margin: 10px 0;}
.yunu-header .menu img {display: block;height: 100%;width: auto;}

.wap-no{display: none}
@media (max-width: 767px) { 
	.pc-no{display: none}
	.wap-no{display: block;}
}
@media (min-width: 768px) and (max-width: 991px) { 
	.header .tel{display: none}
	.header .wx{margin-right: 0}
}
@media (min-width: 992px) and (max-width: 1199px) { 
	.header .tel{display: none}
}
@media (min-width: 1200px) { 
	
}
/*nav*/
.nav {background:#01b171; height: 30px;line-height: 27px; width: 100%; font-size: 16px;color: #fff;}
.nav li {float: left; display: inline;width: 16.66%;text-align: center;}
.nav li a {padding: 6px 20px;color: #fff; letter-spacing:2px}
.nav li a:hover,.nav li a.on{ color: #FFF; border-bottom: 2px solid #FFF; }
.nav ul li dl{position:absolute;z-index:999;display: none;overflow: hidden; padding: 0;margin: 0;}
.nav ul li dl dt a{padding: 0 34px;text-align:center;background:#2454ac;color:#fff;font-size:14px; line-height:45px;}
.nav ul li dl dt a:hover{background:#7bcf36; padding: 0 34px; }
/*banner*/
.banner {height: auto;position: relative;overflow: hidden; text-align: center;}
.banner img{display: block;width: 100%;height: auto;}
.banner .swiper-pagination span{ background: #01b171; }
/*搜索*/
.search{ height: 52px; background: #ececec; width: 100%; border-bottom: 1px solid #cacaca; }
.search .fl{ margin-top:12px; margin-left: 80px; width: 580px;}
.search .fl input{ float:left; height: 29px; border:1px solid #01b171; border-radius: 8px 0 0 8px; width: 400px; padding-left: 10px; }
.search .fl button{ float:left; width:161px; height:33px; text-align:center;  background:#01b171; color: #FFF; border: none; border-radius:0 8px 8px 0;}
.search .fl button img{margin: 2px;float: left;}
.search .fr{ line-height:52px;font-size: 16px;color: #404040; margin-right: 80px;}
.search .fr a{  margin-right:15px; color: #404040; font-size: 14px;}
@media (max-width: 767px) { 
	
}
@media (min-width: 768px) and (max-width: 991px) { 
	.search .fl{width: 280px;margin-left: 0}
	.search .fl input{width: 178px;}
	.search .fl button{width: 90px}
	.search .fr{margin-right: 0}
}
@media (min-width: 992px) and (max-width: 1199px) { 
	.search .fl{width: 400px;margin-left: 0}
	.search .fl input{width: 288px;}
	.search .fl button{width: 100px}
	.search .fr{margin-right: 0}
}
@media (min-width: 1200px) { 
	.search .fl{width: 400px;margin-left: 20px}
	.search .fl input{width: 288px;}
	.search .fl button{width: 100px}
	.search .fr{margin-right: 20px}
}
.index-title{ text-align: center; padding: 50px 0 10px; height: auto; overflow: hidden; width: 100%; }
.index-title h3{ font-size: 48px; }
.index-title h4{ font-size: 12px; letter-spacing: 3px; text-transform: uppercase; color: #9f9f9f; }
.index-title .line{ width: 106px; height: 1px; margin: 39px auto; background: #80d8b8; }
@media (max-width: 767px) { 
	
}
@media (min-width: 768px) and (max-width: 991px) { 
	.index-title h3{font-size: 36px;}
}
@media (min-width: 992px) and (max-width: 1199px) { 
	.index-title h3{font-size: 40px;}
}
@media (min-width: 1200px) { 

}
/*产品*/
.index-pro{ width: 100%; height: auto; overflow: hidden; }
.index-pro .content{ padding-bottom: 4rem; position: relative; }
.index-pro .content .swiper-slide{ float: left; display: inline-block; width: 25%; text-align: center;}
.index-pro .content .swiper-slide a{display: block;padding: 0.8333rem}
.index-pro .content .swiper-slide .pic{ width: 100%;background: #f4f4f4;text-align: center;  }
.index-pro .content .swiper-slide img{width: 100%;height: auto;}
.index-pro .content .swiper-slide h2{line-height: 5rem; background: #494949;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;padding: 0 1.071rem;color: #fff;font-size: 1.285rem}
.index-pro .content .swiper-slide:hover h2{background: #01b171;}
.index-pro .content .swiper-slide:hover a h2 { color: #FFF; }
@media (min-width: 768px) and (max-width: 991px) { 
	.index-pro .content .swiper-slide{width: 50%;}
	.index-pro .content .swiper-slide a {padding: 1rem;}
	.index-pro .content .swiper-slide h2{font-size: 1.143rem;line-height: 2.857rem;}
}
@media (min-width: 992px) and (max-width: 1199px) { 
	.index-pro .content .swiper-slide a {padding: 0.5rem;}
	.index-pro .content .swiper-slide h2{font-size: 1.143rem;line-height: 3.571rem;}
}
/*案例*/
.ys{ background: #ececec; position: relative; }
.ys h3{line-height: 145px; font-size: 30px; color: #5d5d5d; z-index: 1; padding-left: 65px;}
.ys .ys-tab{height: auto; overflow: hidden;max-width: 1920px;margin: 0 auto;}
.ys .swiper-slide{ background: #ececec; max-height: 650px}
.ys .swiper-slide .fl{ text-align: center;max-width: 50%; float: left; display: inline;  }
.ys .swiper-slide .fr{ display: inline-block; width: 50%; float: right; }
.ys .swiper-slide .fl .img{display: table-cell; vertical-align: middle; width: 100%; text-align: center;}
.ys .swiper-slide .fl img{ max-width: 100%;display: block;height: auto;}
.ys .swiper-slide .fr .text{ padding:120px; color: #5d5d5d; }
.ys .swiper-slide .fr .text h2{ font-size: 24px; }
.ys .swiper-slide .fr .text h4{ font-size: 12px; color: #81ddc1;text-transform: uppercase; letter-spacing: 7px; margin-bottom: 35px; }
.ys .swiper-slide .fr .text p{ font-size: 18px; line-height: 30px; }
.ys .swiper-slide .fr .text .more{ width: 164px; height: 46px; margin-top: 6.666rem; border: 1px solid #FFF; line-height: 46px; text-align: center; }
.ys .swiper-slide .fr .text .more a{ font-size: 18px; color: #FFF; }
.ys .ys-prev{position: absolute;top: 0;left: 50%;height: 57px;transform: translateX(-50%);}
.ys .swiper-button-prev{ position:absolute; z-index: 1000; top:6.666rem; right:10rem; width:56px; height:34px; border: 1px solid #fff;background: url(../images/le.png) no-repeat center #333;}
.ys .swiper-button-next{ position:absolute; z-index: 1000; top:6.666rem; right:5rem; width:56px; height:34px; border: 1px solid #fff;background: url(../images/ri.png) no-repeat center #333;}
.ys .swiper-button-prev:hover{color: #FFF; border: 1px solid #01B171;background-color: #01B171;}
.ys .swiper-button-next:hover{color: #FFF; border: 1px solid #01B171;background-color: #01B171;}
@media (max-width: 767px) { 
	
}
@media (min-width: 768px) and (max-width: 991px) { 
	.ys h3{padding-left: 10px;}
	.ys .swiper-slide .fr .text h2{font-size: 18px}
	.ys .swiper-slide .fr .text{padding: 60px}
}
@media (min-width: 992px) and (max-width: 1199px) { 
	.ys h3{padding-left: 10px;}
	.ys .swiper-slide .fr .text h2{font-size: 22px}
	.ys .swiper-slide .fr .text{padding: 80px}
}
@media (min-width: 1200px) { 

}
/*公司简介*/
.index-about{ background: url(../images/adv.jpg) no-repeat top center; min-height: 462px; }
.index-about .content1{ width: 100%; height: auto; overflow: hidden; }
.index-about .content1 .fl{ width:50%;color: #FFF; }
.index-about .content1 .fr{ width:50%; padding-top: 80px;}
.index-about .content1 .fl .index-about-x{padding: 100px 100px 0 100px}
.index-about .content1 .fl h3{ font-size: 18px; }
.index-about .content1 .fl .line{ width: 72px; height: 1px; background: #FFF; margin:20px 0; }
.index-about .content1 .fl p{ line-height: 24px; }
.index-about .content1 .fr img{box-shadow:3px 3px 8px #999;}
.index-about .content2{ width: 100%; height: auto; overflow: hidden;  margin-top: 40px; padding-bottom: 50px;}
.index-about .content2 .fl{ width:50%;}
.index-about .content2 .fr{ width:50%;}
.index-about_2xo{padding: 20px 60px}
.index-about .content2 h2{ font-size: 36px; margin-bottom: 25px; }
.index-about .content2 h2 span{ font-size: 12px; color: #9f9f9f;text-transform: uppercase;}
.index-about .content2 .info{ font-size: 16px; line-height: 28px; }
.index-about .content2 .tu{ width: 100%; height: auto; overflow: hidden;margin-top: 40px; }
.index-about .content2 .tu ul li{ float: left;display: inline; margin:0 50px; text-align: center; }
.index-about .content2 .tu ul li p{ margin-top: 15px; }
.index-about .content2 .fr h3{ font-size: 16px; font-weight: bold; margin-bottom: 10px; }
.index-about .content2 .fr h3:before{ content:"●"; color: #01b171; display: inline-block; position: relative; left: 0px; margin-right: 15px; }
.index-about .content2 .fr p{ font-size: 16px; margin-left: 25px; line-height: 26px;margin-bottom: 10px; }
@media (max-width: 767px) { 
	
}
@media (min-width: 768px) and (max-width: 991px) { 
	.index-about .content1 .fl .index-about-x{padding: 80px 40px;}
	.index-about .content1 .fr img{max-width: 100%;height: auto;}
	.index-about .content2 .fl{ width:100%;}
	.index-about .content2 .fr{ width:100%;}
	.index-about_2xo{padding: 40px}
	.index-about .content2 h2{font-size: 32px}
}
@media (min-width: 992px) and (max-width: 1199px) { 
	.index-about .content1 .fl .index-about-x{padding: 80px}
	.index-about .content1 .fr img{max-width: 100%;height: auto;}
	.index-about .content2 .fl{ width:100%;}
	.index-about .content2 .fr{ width:100%;}
	.index-about_2xo{padding: 40px}
}
@media (min-width: 1200px) { 

}
/*资讯*/
.index-news{ padding-bottom: 90px; height: auto; overflow: hidden; background: #ececec;}
.index-news .hot{ width: 100%; height: auto; overflow: hidden; background: #FFF; }
.index-news .hot dl dt{ float: left; display: inline; width: 35%; }
.index-news .hot dl dt img{max-width: 100%;max-height: 280px;display: block;margin: 0 auto;}
.index-news .hot dl dd{ float: right; display: inline; width: 65%;}
.index-news .hot dl dd h2{ font-size: 24px; line-height: 30px; margin-top: 30px; }
.index-news .hot dl dd p{ font-size: 14px; margin-top: 15px; line-height: 25px; min-height: 120px; padding-right: 40px;}
.index-news .hot dl dd .mores{ width: 86px; height: 28px;  }
.index-news .hot dl dd .mores a{width: 84px; height: 26px; line-height: 26px; text-align: center; border: 1px solid #404040; display: block;}
.index-news .hot dl dd .mores a:hover{ border: 1px solid #01b171; background: #01b171; color: #FFF; }

.index-news .tuijian{ margin-top: 30px;height: auto; overflow: hidden; background: #FFF;padding-top: 30px; }
.index-news .tuijian dl{ float: left; display: inline-block; width: 33.33%;}
.index-news .tuijian dl:last-child{ margin-right: 0; }
.index-news .tuijian dl dt{ line-height:25px; padding: 0 30px}
.index-news .tuijian dl dt span{ display: inline-block; width:16px; height: 25px; background:url(../images/ico04.jpg) no-repeat left center; margin-right: 15px; position: relative; top:7px; }
.index-news .tuijian dl dd{padding: 0 30px}
.index-news .tuijian dl dd h2{ font-size: 16px; margin: 20px 0 10px }
.index-news .tuijian dl dd p{ line-height: 25px; color: #494949; }
.index-news .news{ padding-top: 10px;height: auto; overflow: hidden;background: #FFF; background: #FFF; padding-bottom: 30px; }
.index-news .news ul li{ float: left;display: inline;width: calc(33.33% - 60px); line-height: 24px; margin: 0 30px; font-size: 16px; }
.index-news .news ul li:nth-child(3n){ margin-right: 0; }
.index-news .news ul li span{ float: right; margin-top: 0;  }
@media (max-width: 767px) { 
	
}
@media (min-width: 768px) and (max-width: 991px) { 
	.index-news .hot dl dt{width: 25%;padding: 40px 10px;}
	.index-news .hot dl dt img {height: 150px;}
	.index-news .hot dl dd{width: 68%;padding: 20px 15px 40px;}
	.index-news .hot dl dd h2 {font-size: 20px;margin-top: 10px;}
	.index-news .hot dl dd p{margin-top: 5px;min-height: auto;padding-right: 10px;}
	.index-news .hot dl dd .mores{margin-top: 15px}


	.index-news .tuijian dl{width: 50%;}
	.index-news .tuijian dl:last-child{display: none}
	.index-news .news ul li{width: calc(50% - 60px);font-size: 14px}
	.index-news .news ul li:nth-child(3n){margin: 0 30px}
	.index-news .news ul li:nth-child(9){display: none}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.index-news .hot dl dt img{height: 250px;} 
	.index-news .hot dl dd h2{margin-top: 20px;}
	.index-news .hot dl dd p{margin-top: 10px;}
	.index-news .hot dl dd .mores{margin-top: 10px}

	.index-news .tuijian dl{width: 50%;}
	.index-news .tuijian dl:last-child{display: none}
	.index-news .news ul li{width: calc(50% - 60px)}
	.index-news .news ul li:nth-child(3n){margin: 0 30px}
	.index-news .news ul li:nth-child(9){display: none}
}
@media (min-width: 1200px) { 
}
/*合作*/
.index-links{ padding-bottom: 50px; height: auto; overflow: hidden; }
.index-links .content{margin-top: 10px; position: relative; }
.index-links ul li{text-align: center; float: left;width: 20%; height: 160px;}
.index-links ul li .pic_box{margin: 0 auto;width: 262px;height: 130px;}
.index-links ul li .pic{ border: 1px solid #404040;  width: 262px; height: 130px;display:table-cell; vertical-align: middle; }
.index-links ul li .pic img{max-width: 100%; max-height: 100%;margin: 0 auto;}
.index-links .prev{ position:absolute; top:30px; left:0%; width:44px; height:77px; background: url(../images/left4.png) no-repeat
center; }
.index-links .next{ position:absolute; top:30px; right:0%; width:44px; height:77px; background: url(../images/right4.png) no-repeat center;}
.index-links .prev:hover{ background:url(../images/left5.png) no-repeat center; color: #FFF;  }
.index-links .next:hover{ background:url(../images/right5.png) no-repeat center; color: #FFF;  }
@media (max-width: 767px) { 
	
}
@media (min-width: 768px) and (max-width: 991px) { 
	.index-links ul li{height: 100px}
	.index-links ul li .pic_box{width: 140px;height: 90px;}
	.index-links ul li .pic{width: 140px;height: 90px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.index-links ul li{height: 120px}
	.index-links ul li .pic_box{width: 180px;height: 100px;}
	.index-links ul li .pic{width: 180px;height: 100px;}
}
@media (min-width: 1200px) and (max-width: 1599px) { 
	.index-links ul li{height: 140px}
	.index-links ul li .pic_box{width: 220px;height: 120px;}
	.index-links ul li .pic{width: 220px;height: 120px;}
}
/*footer*/
.footer {background: #474747;color: #FFF;min-height: 244px;overflow: hidden; width: 100%;}
.footer .fl img{ margin-top:20px; }
.footer .fl{ margin-left: 190px; margin-right: 50px; font-size: 18px; line-height: 28px; padding-top:50px; }
.footer .fr{ padding-top: 75px; width: 220px; margin-right: 150px; }
.footer .fr img{ float: left; margin-right: 15px; height: 120px; }
.footer .fr p{ display: inline-block; padding-top: 30px; text-align: center; line-height: 25px; }
@media (max-width: 767px) { 
	
}
@media (min-width: 768px) and (max-width: 991px) { 
	.footer .fl{min-width: 33.33%;margin-left: 40px;}
	.footer .fl:first-of-type{display: none}
	.footer .fr{width: 30%;margin: 0}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.footer .fl{min-width: 33.33%;margin: 0;}
	.footer .fr{width: 20%;margin: 0}
}
@media (min-width: 1200px) { 
	.footer .fl{width: 33.33%;margin: 0;}
	.footer .fr{width: 20%;margin: 0}
}

.position{border-bottom:1px solid #e4e3e3;height:36px;line-height:36px;font-size:14px;}
.position a{color:#666;}
.position span{ padding-right: 5px; }

.category{ padding-top: 25px; text-align: center; }
.category .desc{ text-align: left; }
.category h2{ font-weight: bold; color: #01b171; font-size: 30px; }

.fenlei{ margin: 35px 0 ; text-align: center; }
.fenlei a{  border: 1px solid #ccc; color: #666; padding: 12px 30px; font-size:16px;margin-right: 15px;  }
.fenlei a:hover,.fenlei a.on{ border: 1px solid #01b171; background: #01b171; color: #FFF; text-decoration: none; }

.contents{ padding-top: 15px; padding-bottom: 45px;  height: auto; overflow: hidden;}
.contents h1{text-align:center; font-size: 24px;}
.contents h2{text-align:center; font-size: 24px; padding-top: 25px;}
.contents h4{text-align:center; font-size: 14px; line-height: 50px;}
.contents h4 span{ padding: 0 10px; }
.contents .info{font-size:16px; line-height: 35px; padding-top: 20px;}
.contents .info img{max-width: 100%;display: inline-block;}
.contents .info .fl{ width: 500px; margin-left: 150px; }
.contents .info .fr{ width: 800px; margin-right: 100px; }

.list-1{  height: auto; margin: 0 auto; overflow: hidden; }
.list-1 dl{ width: 100%; height: auto; overflow: hidden; border-bottom: 1px solid #ccc; padding: 20px 0; }
.list-1 dl dt{ float: left; width:28%; }
.list-1 dl dt img{max-width: 100%; max-height: 180px; height: auto;display: block;margin: 0 auto;}
.list-1 dl dd{ float: right; width:70%;  }
.list-1 dl dd h3{ font-size: 18px; padding-bottom: 8px; font-weight: bold;}
.list-1 dl dd h3 span{ float: right; font-weight: normal; color: #666; }
.list-1 dl dd p{ line-height: 25px; font-size: 16px; }
.list-1 dl dd p .more2{display: none;color: #01B171}
.list-1 dl dd .more{ text-align: left; margin: 15px 0 25px; width: 100%; display: block; }
.list-1 dl dd .more a{ width: 182px; height: 39px;display:inline-block;color: #FFF;background: #01b171; text-align: center; line-height: 39px; font-size: 16px; }
@media (max-width: 767px) { 
	.contents h1{font-size: 18px;padding: 20px 0 0;}
	.contents h4{font-size: 12px}
	.category{display: none}
	.contents .info{font-size:14px; line-height: 30px;}
	.contents .info .fl,.contents .info .fr{width: 100%;margin: 0}
	.list-1 dl{padding: 10px 0;display: block;border-bottom: 1px solid #eee;font-size: 14px;}
	.list-1 dl dt{display: none}
	.list-1 dl dd{width: 100%}
	.list-1 dl dd p{display: none}
	.list-1 dl dd .more{display: none}
	.list-1 dl dd h3{font-size: 14px;font-weight: initial;padding: 0}
}
@media (min-width: 768px) and (max-width: 991px) { 
	.list-1 dl dd h3{font-size: 16px;}
	.list-1 dl dd h3 span{font-size: 14px}
	.list-1 dl dd p{font-size: 14px;line-height: 24px}
	.list-1 dl dd p .more2{display: inline-block;}
	.list-1 dl dd .more{display: none}
}
@media (min-width: 992px) and (max-width: 1199px) {

}
@media (min-width: 1200px) { 

}

.list-2{height: auto; overflow: hidden; margin:0 auto; }
.list-2 ul li{ float: left; display: inline-block; text-align: center; margin-right: 24px; margin-bottom: 24px;width: calc(25% - 18px);}
.list-2 ul li:nth-child(4n){margin-right: 0;}
.list-2 ul li .pic{ width: 100%; height: auto; display: table-cell;background: #f4f4f4; vertical-align: middle; text-align: center;  }
.list-2 ul li img{ max-width: 100%; }
.list-2 ul li h2{padding: 15px; background: #ececec; white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
.list-2 ul li:hover h2{background: #01b171;}
.list-2 ul li:hover a h2 { color: #FFF; }
@media (max-width: 767px) { 
	.list-2 ul li{padding: 5px 0;margin: 0 0 0 2%;width: 48%;float: left;text-align: center;overflow: hidden;}
	.list-2 ul li .pic{width: 90%;display: block;background: initial;}
	.list-2 ul li img{width: 100%;height: auto;}
	.list-2 ul li h2{margin: 0;font-size: 16px;font-weight: normal;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding-bottom: 10px;width: 90%;padding: 0;background: initial;}
}
@media (min-width: 768px) and (max-width: 991px) { 
	.list-2 ul li{width: calc(33.33% - 12px);margin-right: 15px}
	.list-2 ul li:nth-child(3n) {margin-right: 0;}
	.list-2 ul li:nth-child(4n) {margin-right: 15px;}
	.list-2 ul li h2{font-size: 15px}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.list-2 ul li{width: calc(25% - 12px);margin-right: 15px}
	.list-2 ul li h2{font-size: 16px}
}
@media (min-width: 1200px) { 

}
.list-3{height: auto; overflow: hidden; margin:0 auto; }
.list-3 ul li{ float: left; display: inline-block; text-align: center;border: 1px solid #ccc;width: calc(25% - 2%);margin: 0.5% 1%;}
.list-3 ul li:nth-child(4n){margin-right: 0;}
.list-3 ul li .pic{ display: table-cell; vertical-align: middle; text-align: center;padding: 5px}
.list-3 ul li img{ max-width: 100%; }
.list-3 ul li h2{ background: #ececec; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding: 10px 15px;}
.list-3 ul li:hover h2{background: #01b171;}
.list-3 ul li:hover a h2 { color: #FFF; }
@media (max-width: 767px) { 
	.list-3 ul li{padding: 5px 0;margin: 0 0 0 2%;width: 48%;float: left;text-align: center;overflow: hidden;border: initial;}
	.list-3 ul li .pic{width: 90%;display: block;background: initial;}
	.list-3 ul li img{width: 100%;height: auto;}
	.list-3 ul li h2{margin: 0;font-size: 16px;font-weight: normal;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding-bottom: 10px;width: 90%;padding: 0;background: initial;}
}
@media (min-width: 768px) and (max-width: 991px) { 

}
@media (min-width: 992px) and (max-width: 1199px) {

}
@media (min-width: 1200px) { 

}
.area{width:100%;height:auto;overflow:hidden;}
.area .title{font-weight:bold;line-height:35px; font-size: 20px;}
.area .title span{float:right;margin-top:0;*margin-top:-35px;}
.area p a{margin-right:20px;}

.xgxw,.xgcp{margin-top:15px;padding-bottom:10px;}
.xgxw .title,.xgcp .title{font-weight:bold;line-height:35px; font-size: 20px;}
.xgxw ul,.xgcp ul{margin:0;padding:0;}
.xgxw ul li{list-style:none;}
.xgcp ul li{float:left;display:inline;width:20%;height:auto;overflow:hidden; text-align: center;}
.xgcp ul li img{border:1px solid #ccc; width: 90%; }
.xgcp ul li p{width:100%;height:30px;overflow:hidden;}

.pages{text-align:center; width: 100%; height: auto; overflow: hidden;}
.page{ padding-bottom: 20px; margin-top: 30px; font-size: 16px; }

.yunu-panel {background-color: #fff;padding: 20px;margin-bottom: 30px;}
.yunu-panel-title {margin-bottom: 20px;padding-bottom: 20px;text-align: center;border-bottom: 3px solid #eee;position: relative;font-size: 22px;color: #01b171;}
.yunu-panel-title:after {position: absolute;bottom: -3px;left: 50%;width: 200px;margin-left: -100px;content: '';background-color: #01b171;height: 3px;}
.yunu-panel-title small {display: block;text-transform: uppercase;font-size: 18px;color: #b4b4b4;}

.yunu-title-1 {padding-bottom: 15px;margin-bottom: 20px;border-bottom: 2px solid #ddd;font-size: 20px;font-weight: bold;}
.yunu-title-2 {border-bottom: 1px solid #ececeb;height: 44px;margin-bottom: 15px;font-size: 24px;}
.yunu-title-2 span {display: inline-block;padding-bottom: 10px;border-bottom: 3px solid #01b171;}

.yunu-showcase {border: 1px solid #eee;padding: 15px;margin-bottom: 20px;background-color: #fff; overflow: hidden;}
.yunu-showcase-pic {position: relative;width: 450px;height: 360px;overflow: hidden;float: left;}
.yunu-showcase-pic li {text-align: center;line-height: 360px;width: 450px;font-size: 0;}
.yunu-showcase-pic li img {display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;width: auto;height: auto;}
.yunu-showcase-pic .arr {position: absolute;top: 50%;width: 12px;height: 23px;margin-top: -11px;z-index: 2;}
.yunu-showcase-pic .prev {left: 15px;background: url(../images/p15-icon2.png) no-repeat 0 0;}
.yunu-showcase-pic .next {right: 15px;background: url(../images/p15-icon3.png) no-repeat 0 0;}
.yunu-showcase-info {float: right;width: calc(100% - 470px);}
.yunu-showcase-info h1 {margin: 0 0 15px;font-size: 24px;line-height: 40px;text-align: left;}
.yunu-showcase-info p {margin: 0;color: #666;padding: 3px 0;}
.yunu-showcase-info .tel {border-top: 2px solid #e6e6e6;margin-top: 15px;padding-top: 15px;background: url(../images/pc-xc-icon2.png) no-repeat 10px 15px;height: 42px;padding-left: 70px;line-height: 21px;font-size: 18px;}
.yunu-showcase-info .tel a {float: right;line-height: 42px;padding: 0 15px;background-color: #01b171;color: #fff;}
@media (max-width: 767px) { 
	.page{font-size: 12px}
	.yunu-panel{padding: 20px 0;}
	.yunu-title-2{border-bottom: 1px solid #ececeb;height: 27px;margin-bottom: 15px;font-size: 16px;}
	.yunu-title-2 span{padding-bottom: 5px;border-bottom: 1px solid #f28d16;}
	.yunu-showcase{border: initial;padding: 0;margin: 0}
	.yunu-showcase-pic{width: 100%;height: auto;}
	.yunu-showcase-pic li{width: 100%;line-height: initial;}
	.yunu-showcase-info,.yunu-showcase-pic .arr{display: none}
	.wap-list-1{display: block!important;}
}
@media (min-width: 768px) and (max-width: 991px) { 
	.yunu-showcase-info .tel a{margin: 30px auto;}
}
@media (min-width: 992px) and (max-width: 1199px) {

}
@media (min-width: 1200px) { 

}

/*分页标签*/
@media (max-width: 767px) { 
.pagination p{padding: 4px 5px!important;height: 18px!important;line-height: 18px!important;margin-right: 4px!important;}
.pagination a {padding: 4px 5px!important;height: 18px!important;line-height: 18px!important;margin-right: 4px!important;}
}

/*产品分类页*/
.pro_box{padding: 7rem 0}
.pro_box .pro_list{width: calc(33.33% - 20px);float: left;background: #F0F0F0;margin-right: 30px;margin-bottom: 2.142rem}
.pro_box .pro_list:nth-of-type(3n){margin-right: 0;}
.pro_box .pro_list .pro_title{background: #01B171;padding: 1rem 0;}
.pro_box .pro_list .pro_title h2{color: #fff;font-size: 2.166rem;font-weight: initial;}
.pro_box .pro_list .pro_title p{font-size: 0.571rem;color: rgba(255, 255, 255, 0.4);letter-spacing: 1px;text-transform: uppercase}

.pro_cat .pro_img{width: 50%;float: left;}
.pro_cat .pro_img img{padding: 1.5rem;height: auto;width: calc(100% - 3rem)}
.pro_cat .pro_a{width: 50%;float: left;padding: 1.5rem 0;}
.pro_cat .pro_a a{display: block;padding: 0.225rem 1rem;color: #474747;font-size: 1rem;background: url(../images/i.png) no-repeat top 0.5rem left;text-align: left;transition-duration:0.5s;}
.pro_cat .pro_a a:hover{color: #01B171;}
@media (max-width: 767px) { 
	.pro{display: block!important;}
	.pro_box{padding: 0;}
	.pro_box .pro_list{width: 100%;margin-right: 0}
	.pro_box .pro_list:last-of-type{margin-bottom: 6rem}
	.pro_box .pro_list .pro_title h2{font-size: 1.6rem}
}
@media (min-width: 768px) and (max-width: 991px) { 
	.pro_box .pro_list{width: calc(50% - 20px);}
	.pro_box .pro_list:nth-of-type(3n){margin-right: 30px}
	.pro_box .pro_list:nth-of-type(2n){margin-right: 0}
	.pro_box .pro_list .pro_title h2{font-size: 1.6rem}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.pro_box .pro_list{width: calc(50% - 20px);}
	.pro_box .pro_list:nth-of-type(3n){margin-right: 30px}
	.pro_box .pro_list:nth-of-type(2n){margin-right: 0}
}



/*管冰机*/

.yunu-showcase-pic .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.yunu-showcase-pic .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.yunu-showcase-pic .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.yunu-showcase-pic .hd ul li.on{ background:#f00; color:#fff; }
/* 下面是前/后按钮代码，如果不需要删除即可 */
		.yunu-showcase-pic .prev,
		.yunu-showcase-pic .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.yunu-showcase-pic .next{ left:auto; right:3%; background-position:8px 5px; }
		.yunu-showcase-pic .prev:hover,
		.yunu-showcase-pic .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.yunu-showcase-pic .prevStop{ display:none;  }
		.yunu-showcase-pic .nextStop{ display:none;  }

/*应用领域*/
.field{clear: both;}
.field_box h2{color: #474747;font-size: 2.857rem;line-height: 6rem}
.field_box .field_txt{text-align: center;padding: 1rem 0;font-size: 1.714rem;color: #01B171;}
.field_box .lingyu_fu{font-size: 1.285rem;text-align: center;color: #474747;padding: 1rem 0 6rem;}
.field_box img{max-width: 100%;height: auto;display: block;margin: 0 auto;}
@media (max-width: 767px) { 
	.field_box h2{font-size: 1.428rem;font-weight: bold;line-height: 2rem;}
	.field_box .field_txt{font-size: 1rem;margin: 0 0.214rem;}
	.field_box .lingyu_fu{font-size: 1rem;width: 90%;margin: 0 auto;padding: 1rem 0 2rem;}
}
@media (min-width: 768px) and (max-width: 991px) { 
	.field_box h2{font-size: 2.285rem;}
	.field_box .field_txt{font-size: 1.285rem;}
	.field_box p.lingyu_fu{font-size: 1.071rem;width: 85%;margin: 0 auto;}
}
/*原理*/
.yuanli h2{color: #474747;font-size: 2.857rem;line-height: 6rem}
.yuanli .yuanli_fu,.yuanli .field_txt{font-size: 1.285rem;text-align: center;color: #474747;padding: 1rem 0;}
.yuanli img{max-width: 100%;height: auto;display: block;margin: 0 auto;}
@media (max-width: 767px) { 
	.yuanli h2{font-size: 1.428rem;font-weight: bold;line-height: 2rem;}
	.yuanli .field_txt{font-size: 1rem;margin: 0 0.214rem;}
	.yuanli .lingyu_fu,.yuanli .field_txt{font-size: 1rem;width: 90%;margin: 0 auto;}
}
@media (min-width: 768px) and (max-width: 991px) { 
	.yuanli h2{font-size: 2.285rem;}
	.yuanli .yuanli_fu,.yuanli .field_txt{font-size: 1.071rem;width: 85%;margin: 0 auto;}
}
/*特点*/
.Advan{background: #01B171;max-width: 1920px;margin: 2.25rem auto;}
.Advan_box{width: 50%;float: left;background: #01B171;display: table;height: 600px;overflow: hidden;}
.Advan_box .Advan_con{display: table-cell;vertical-align: middle;padding: 5% 13% 0;color: #fff;}
.Advan_box .Advan_con h2{font-weight: bold;;text-align: left;font-size: 2.14rem;line-height: 5rem;padding-top: 0}
.Advan_box .Advan_con p{line-height: 2.25rem;font-size: 1.285rem;padding: 0.8rem 0;}
.Advan_img{width: 50%;float: left;position: relative;}
@media (max-width: 767px) { 
	.Advan_box{width: 100%;height: auto;}
	.Advan_box .Advan_con{padding:5% 7%;}
	.Advan_box .Advan_con h2{padding: 0;font-size: 1.428rem;font-weight: bold;line-height: 2rem;}
	.Advan_box .Advan_con p{font-size: 1rem;line-height: 1.6rem;padding: 0.5rem 0;}
	.Advan_img{width: 100%;}
	.Advan_img img{max-width: 100%;height: auto;}
}
@media (min-width: 768px) and (max-width: 991px) { 
	.Advan_box{width: 100%;height: auto;}
	.Advan_box .Advan_con{padding:5% 7%;}
	.Advan_box .Advan_con h2{padding: 0;}
	.Advan_img{width: 100%;}
	.Advan_img img{max-width: 100%;height: auto;}
}
/*管冰内页标题*/
.gb_title{background: url(../images/i64.jpg) no-repeat center right;margin: 2rem 0;}
.gb_title h2{font-size: 2.142rem;color: #474747;text-align: left;position: relative;text-indent: 30px;padding: 0}
.gb_title h2:before{position: absolute;content: '';left: 0;width: 6px;background: #01B171;height: 45px;bottom: 5px;}
.gb_title h2 p{font-size: 1rem;color: rgba(71, 71, 71, 0.4);text-align: left;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
@media (max-width: 767px) { 
	.gb_title{background: none}
	.gb_title h2{font-size: 1.228rem;text-indent: 20px;}
	.gb_title h2:before{width: 4px;height: 35px;}
}
@media (min-width: 768px) and (max-width: 991px) { 
	.gb_title{background: none}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.gb_title{background: none}
}
/*参数*/
.canshu{padding-top: 4rem}
.canshu_box img{max-width: 100%;height: auto;}
@media (max-width: 767px) { 
	.canshu{padding-top: 2rem}
}
/*流程*/
.liucheng_box{padding-top: 2rem}
.liucheng_box img{display: block;float: left;}
.liucheng_box img.liucheng_img1{width: 13.59%;}
.liucheng_box img.liucheng_img2{width: 3.69%;}
.liucheng .rem-x{height: 4rem;clear: both;}
.liucheng_box img.liucheng_img2b{display: none}
@media (max-width: 767px) { 
	.liucheng_box img.liucheng_img1{width: 28.59%;}
	.liucheng_box img.liucheng_img2{width: 6.69%;}
	.liucheng_box img.liucheng_img2x{display: none}
	.liucheng_box img.liucheng_img2b{display: block;transform: rotate(90deg);padding: 1rem;float: right;}
	.liucheng_box img.liucheng_img3{transform: rotate(180deg);float: right;}
	.liucheng_box img.liucheng_img4{float: right;}
	.liucheng_box img.liucheng_img4x{clear: both;}
	.liucheng .rem-x{height: 1rem;}
}
/*案例*/
.yycase_box ul li{width: calc(33.33% - 39px);float: left;margin-right: 58px;margin-bottom: 2.142rem;position: relative;}
.yycase_box ul li:last-of-type{margin-right: 0}
.yycase_box ul li img{width: 100%;height: auto;}
.yycase_box ul li p{position: absolute;bottom: 0;font-size: 1.07rem;text-align: center;width: 100%;line-height: 2rem;background: rgba(0, 0, 0, 0.4);color: #fff;padding: 1rem 0;opacity: 0;transition-duration:0.5s;}
.yycase_box ul li:hover p{opacity: 1;}
@media (max-width: 767px) { 
	.yycase_box ul li{width: 100%;margin: 0.5rem 0}
	.yycase_box ul li p{opacity: 1;}
}
/*相关*/
.xiangguan{margin-top: 5rem}
.xiangguan h2{color: #474747;font-size: 2.857rem;}
.xiangguan h2 p{color: rgba(71, 71, 71, 0.4);font-size: 1rem;}
.xiangguan_box{max-width: 1200px;margin: 0 auto;}
.xiangguan_box li{width: calc(50% - 3%);margin-right: 6%;float: left;}
.xiangguan_box li:last-of-type{margin-right: 0}
.xiangguan_box li img{width: 100%;height: auto;}
.xiangguan_box li p{text-align: center;font-size: 1.142rem;color: #474747;line-height: 5rem;}
@media (max-width: 767px) { 
	.xiangguan{margin-top: 0;}
	.xiangguan h2{font-size: 1.428rem;font-weight: bold;line-height: 2rem;}
	.xiangguan h2 p{font-weight: initial;}
}

/*图集*/
.game163{overflow:hidden}
.game163 .bigImg{position:relative;float:left;width:40%!important}
.game163 .bigImg li img{vertical-align:middle;width:100%;height:auto;max-height:460px}
.game163 .bigImg li{width:100%;height:auto;max-height:460px}
.game163 .smallScroll{margin-bottom:6px;width:48%;float:right;position: relative;margin-right: 4%;}
.game163 .sNext,.game163 .sPrev{float:left;display:block;width:38px;height:92px;text-indent:-9999px;position: absolute;top: 15px;}
.game163 .sPrev{background:url(../images/le.png) no-repeat center #01b171;left: 0}
.game163 .sNext{background:url(../images/ri.png) no-repeat center #01b171;right: 0}
.game163 .smallImg{margin:0 auto;width:83%;overflow:hidden}
.game163 .smallImg ul{width:100%;overflow:hidden}
.game163 .smallImg li{float:left;padding:0 12px 0 0;width:140px;height:122px;cursor:pointer;display:inline}
.game163 .smallImg img{border:1px solid #dcdddd;width:100%;height:120px}
.game163 .smallImg .on img{border-color:#01B171}

.tuji{background: #F3F2F3;padding: 3rem;}
.img_title{width: 48%;float: right;margin-right: 4%;}
.img_title h2{color: #01B171;font-size: 2.142rem;text-align: justify;line-height: 3.25rem;}
.img_title h2 p{color: #757575;font-size: 1rem;float: right;}
.img_title .img_desc{font-size: 1.285rem;color: #474747;text-align: justify;padding: 2rem 0}

@media (max-width: 767px) { 
	.tuji{padding: 1rem;}
	.game163 .bigImg{width: 100%!important;}
	.game163 .bigImg img{width: 100%;height: auto;}
	.game163 .smallScroll{width: 100%;margin: 1rem 0;clear: both;}
	.game163 .smallImg{width: 86%;}
	.game163 .sNext, .game163 .sPrev{width: 15px;height: 52px;top: 28px;}
	.game163 .smallImg li{width: 100px;height: 102px;padding:0 11px 0 0;}
	.game163 .smallImg li img{width: 100%;height: 100px;}
	.img_title{width: 100%;margin: 0}
	.img_title h2{padding: 0;font-size: 1.285rem;line-height: 1.714rem;}
	.img_title .img_desc{font-size: 1rem;padding: 2rem 0 1rem 0}
}
@media (min-width: 768px) and (max-width: 991px) { 
	.img_title h2{padding: 0;font-size: 1.285rem;line-height: 1.714rem;}
	.img_title .img_desc{font-size: 1rem;padding: 2rem 0 1rem 0}
	.game163 .sNext, .game163 .sPrev{width: 19px;height: 52px}
	.game163 .smallImg li{width: 80px;height: 82px;padding:0 11px 0 0;}
	.game163 .smallImg li img{width: 100%;height: 80px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.img_title h2{padding: 0;font-size: 1.714rem;line-height: 2.25rem;}
	.img_title .img_desc{font-size: 1.071rem;}
	.game163 .sNext, .game163 .sPrev{width: 28px;height: 72px}
	.game163 .smallImg li{width: 109px;height: 102px;}
	.game163 .smallImg li img{width: 100%;height: 100px;}
}

/*特点一*/
.tedian1{background: url(../images/td.jpg) no-repeat center #0DAB71;color: #fff;height: 922px;overflow: hidden;}
.tedian1 .container{position: relative;height: 922px}
.td-1{width: 48%;padding-top: 250px;float: left;}
.td-1 em{width: 168px;height: 11px;background: #fff;display: block;}
.td-1 h2{text-align: left;font-size: 3.6rem;line-height: 9rem;padding: 0}
.td-1 p{font-size: 1.6rem}
.td-1 h3{font-size: 2.857rem;line-height: 7rem;margin-top: 3rem;}
.td-1 h4{font-size: 1.285rem;line-height: initial;text-align: left;}
.td-1 ul{margin-top: 50px}
.td-1 ul li{width: 28%;background: #fff;float: left;border-radius: 15px;margin-right: 5%;padding: 5px;}
.td-1 ul li:last-of-type{margin-right: 0}
.td-1 ul li i{background: url(../images/1.jpg) no-repeat center;width: 100px;height: 100px;display: block;margin: 20px auto 8px}
.td-1 ul li:nth-of-type(2) i{background: url(../images/2.jpg) no-repeat center;}
.td-1 ul li:nth-of-type(3) i{background: url(../images/3.jpg) no-repeat center;}
.td-1 ul li p{color: #01B171;text-align: center;padding-bottom: 10px;}
.td-2{width: 48%;top: 50%;position: absolute;right: 0;transform: translateY(-50%);}
.td-2 img{max-width: 100%;height: auto;}
/*特点二*/
.tedian2 {background: url(../images/td2.jpg) no-repeat center #0DAB71;color: #fff;height: 922px;overflow: hidden}
.tedian2 .container{position: relative;height: 922px}
.tedian2 .td-1{float: right;}
.tedian2 .td-2{right: initial;left: 0}
.tedian2 .td-1 ul li i{background: url(../images/4.jpg) no-repeat center;width: 100px;height: 100px;display: block;margin: 20px auto 8px}
.tedian2 .td-1 ul li:nth-of-type(2) i{background: url(../images/5.jpg) no-repeat center;}
.tedian2 .td-1 ul li:nth-of-type(3) i{background: url(../images/6.jpg) no-repeat center;}
/*特点三*/
.tedian3 {background: url(../images/td3.jpg) no-repeat center;color: #fff;height: 922px;overflow: hidden}
.tedian3 .container{position: relative;height: 922px}
.tedian3 .td-1 ul li i{background: url(../images/7.jpg) no-repeat center;width: 100px;height: 100px;display: block;margin: 20px auto 8px}
.tedian3 .td-1 ul li:nth-of-type(2) i{background: url(../images/8.jpg) no-repeat center;}
.tedian3 .td-1 ul li:nth-of-type(3) i{background: url(../images/9.jpg) no-repeat center;}
/*特点四*/
.tedian4 {background: url(../images/td.jpg) no-repeat center #0DAB71;color: #fff;height: 922px;overflow: hidden}
.tedian4 .container{position: relative;height: 922px}
.tedian4 .td-1{float: right;}
.tedian4 .td-2{right: initial;left: 0}
.tedian4 .td-1 ul li i{background: url(../images/10.jpg) no-repeat center;width: 100px;height: 100px;display: block;margin: 20px auto 8px}
.tedian4 .td-1 ul li:nth-of-type(2) i{background: url(../images/11.jpg) no-repeat center;}
.tedian4 .td-1 ul li:nth-of-type(3) i{background: url(../images/12.jpg) no-repeat center;}
/*特点五*/
.tedian5 {background: url(../images/td4.jpg) no-repeat center;color: #fff;height: 922px;overflow: hidden}
.tedian5 .td-1{float: right;padding-top: 180px;}

@media (max-width: 767px) { 
	.tedian1,.tedian2,.tedian3,.tedian4{height: 700px}
	.tedian1 .container,.tedian2 .container,.tedian3 .container,.tedian4 .container{height: 700px}
	.td-1{padding-top: 40px;width: 100%}
	.td-1 ul li{padding: 4px;width: 27%;}
	.td-1 ul li i,.tedian2 .td-1 ul li i,.tedian3 .td-1 ul li i,.tedian4 .td-1 ul li i{width: 60px;height: 60px;margin: 10px auto 8px;background-size: 100%!important;}
	.td-1 ul li p{font-size: 1rem}
	.td-1 em {height: 3px;width: 80px}
	.td-1 h2 {font-size: 1.285rem;line-height: 4rem;}
	.td-1 p {font-size: 1rem;}
	.td-2{width: 100%;position: initial;transform: initial;clear: both;padding: 20px 0;}
	.td-2 img{width: 80%;margin: 0 auto;}
	.tedian5 {background: url(../images/td4.jpg) no-repeat center right;}
	.tedian5,.tedian5 .container{height: 550px}
	.tedian5 .td-1 {padding-top: 70px;}
	.td-1 h3 {font-size: 1.142rem;line-height: 5rem;margin-top: 2rem;}
	.td-1 h4 {font-size: 1rem;}
}
@media (min-width: 768px) and (max-width: 991px) { 
	.tedian1,.tedian2,.tedian3,.tedian4,.tedian5{height: 600px}
	.tedian1 .container,.tedian2 .container,.tedian3 .container,.tedian4 .container,.tedian5 .container{height: 600px}
	.td-1{padding-top: 100px}
	.td-1 ul li{padding: 4px;width: 27%;}
	.td-1 ul li i,.tedian2 .td-1 ul li i,.tedian3 .td-1 ul li i,.tedian4 .td-1 ul li i{width: 70px;height: 70px;margin: 10px auto 8px;background-size: 100%!important;}
	.td-1 ul li p{font-size: 1rem}
	.td-1 em {height: 5px;width: 120px}
	.td-1 h2 {font-size: 2rem;line-height: 6rem;}
	.td-1 p {font-size: 1.142rem;}
	.tedian5 .td-1 {padding-top: 70px;}
	.td-1 h3 {font-size: 1.714rem;line-height: 5rem;margin-top: 2rem;}
	.td-1 h4 {font-size: 1rem;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.tedian1,.tedian2,.tedian3,.tedian4,.tedian5{height: 700px}
	.tedian1 .container,.tedian2 .container,.tedian3 .container,.tedian4 .container,.tedian5 .container{height: 700px}
	.td-1{padding-top: 150px}
	.td-1 ul li{padding: 4px}
	.td-1 ul li i,.tedian2 .td-1 ul li i,.tedian3 .td-1 ul li i,.tedian4 .td-1 ul li i{width: 80px;height: 80px;margin: 10px auto 8px;background-size: 100%!important;}
	.td-1 ul li p{font-size: 1.258rem}
	.td-1 em {height: 5px;width: 120px}
	.td-1 h2 {font-size: 2.6rem;line-height: 7rem;}
	.td-1 p {font-size: 1.258rem;}
	.tedian5 .td-1 {padding-top: 100px;}
	.td-1 h3 {font-size: 2.142rem;line-height: 6rem;margin-top: 2rem;}
	.td-1 h4 {font-size: 1.142rem;}
}

table{
	    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
}
tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
td, th {
    display: table-cell;
    vertical-align: inherit;
}
.layui-table {
    display: table;
    border-collapse: collapse;
    border-color: grey;
    width: 100%;
}
.layui-table td, .layui-table th {
    position: relative;
    padding: 9px 15px;
    min-height: 20px;
    line-height: 20px;
    font-size: 14px;
    border-width: 1px;
    border-style: solid;
    border-color: #01B171;
}
.cs_ts{    text-align: center;
    font-size: 16px;
    line-height: 60px;
    color: #666;}
	
.footText a{ color:#FFFFFF;}