@charset "utf-8";
#product{
    padding-bottom: 50px;
}
.title{margin: 50px auto;}
.title:after{display:block;content:'';clear:both}
.title h3{font-size:40px;float:left;font-weight:normal}
.title span{font-weight:normal;color:#aeaeae;font-size:30px;padding-left:10px}
.product-controls{border:1px solid #d1d1d1;float:right;padding:5px 0;margin-top:30px}
.product-controls .swiper-button-prev,.product-controls .swiper-button-next{display:block;width:40px;height:30px;background-repeat:no-repeat;background-position:center;background-size:20px 30px;float:left}
.product-controls .swiper-button-prev{border-right:1px solid #d1d1d1}
.product-controls .swiper-button-next{}
.product{padding-bottom:50px}
.product ul{}
.product li{}
.product a{}
.product-img{padding: 0 0 20px;background: #f4f4f4;overflow: hidden;}
.product-img p{border: 1px solid #cdcdcd;display: inline-block;padding: 0 20px;margin: 20px 0 20px 20px;font-size: 14px;color: #ccc;}
.product-img img{display:block;max-width: 100%;margin:0 auto;transition: 0.5s all;}
.product li:hover img{
    transform: scale(1.04);
}
.product-con{}
.product-con h4{color: #005bac;border-bottom:1px solid #d6d6d6;font-size:20px;line-height:3;}
.product-con p{color:#666;font-size:18px}
.product .swiper-pagination{}
.product .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;border-radius:10px}
.product .swiper-pagination .swiper-pagination-bullet-active{width:50px;background:#cbcbcb}
#content1{background-image:linear-gradient(to right,#005bac,#00afec);}
#content1>div{display:flex;justify-content:space-between}
#content1>div:after{display:none}
.content1l{float:left;position:relative;margin-top:30px}
.content1c{color:#fff;font-size:36px;margin-top:60px}
.content1r{margin-top:60px}
.content1r li{float:left}
.content1r li:first-child{margin-right:20px}
.content1r img{display:block;max-width:100%;margin: 0 auto;}
.content1r p{color:#fff;text-align:center}

#product2{background:#f8f8f8;margin-top:-50px;padding-top:30px}
.product2-controls{border:1px solid #d1d1d1;float:right;padding:5px 0;margin-top:30px}
.product2-controls .swiper-button-prev,.product2-controls .swiper-button-next{display:block;width:40px;height:30px;background-repeat:no-repeat;background-position:center;background-size:20px 30px;float:left}
.product2-controls .swiper-button-prev{border-right:1px solid #d1d1d1}
.product2-controls .swiper-button-next{}
.product2{padding-bottom:50px}
.product2 ul{}
.product2 li{margin-bottom: 20px;}
.product2 a{background:#fff;display:block;padding:10px 0}
.product2-img{padding:0 0 20px;overflow: hidden;}
.product2-img img{display:block;max-width:100%;margin:0 auto;transition: 0.5s all;}
.product2 li:hover img{
    transform: scale(1.05);
}
.product2-con{text-align:center}
.product2-con h4{font-size:18px;line-height:2}
.product2-con p{color:#999;font-size:14px}

#application{padding-bottom: 50px;}
.application-controls{border:1px solid #d1d1d1;float:right;padding:5px 0;margin-top:30px}
.application-controls .swiper-button-prev,.application-controls .swiper-button-next{display:block;width:40px;height:30px;background-repeat:no-repeat;background-position:center;background-size:20px 30px;float:left}
.application-controls .swiper-button-prev{border-right:1px solid #d1d1d1}
.application-controls .swiper-button-next{}
.application{margin: 0 -10px;}
.application ul{}
.application li{}
.application-img{}
.application-img img{display: block;width: 100%;}
.application-con{font-size: 24px;line-height: 3;}
.application-con:after{display:block;content:'';width:80px;height:2px;background:#bfbfbf}

#jiameng{background: url(/uploads/image/simages/why-bg.jpg) no-repeat center top;overflow:hidden;padding-bottom:50px;}
.title2{font-size: 30px;margin: 50px 0;}
.jiameng{}
.jiameng li{}
.jiameng li>div{background:#fff;text-align:center;padding: 0 20px;transition: 0.5s all;}
.jiameng li:hover>div{background:#005bac;color:#fff}
.jiameng li:hover .jiamengt span{background:#fff}
.jiameng li:nth-child(2),.jiameng li:nth-child(4){margin-top:50px}
.jiamengt{padding: 50px 0 20px;}
.jiamengt span{display:inline-block;background:#ededed;border-radius:50%;margin:20px 0 10px}
.jiamengt img{display:block}
.jiamengt h4{font-size:20px}
.jiamengt p{font-size:14px}
.jiameng-text{height: 8em;overflow:hidden;font-size: 13px;border-top:1px solid #e9e9e9;padding: 20px 0 50px;}
#news{background:#f8f8f8;overflow: hidden;padding-bottom: 40px;}
#news .title{}
.more{float:right;color:#d1d1d1;border:1px solid #d1d1d1;padding:5px 20px;margin-top:18px}
.more:hover{background:#005bac;color:#fff;border-color:#005bac}
.newsl{}
.news-hot{margin-bottom:20px}
.news-hot a{display:block;position:relative}
.news-hot img{display:block;width:100%}
.news-t{position:absolute;bottom:0;background:rgba(0,0,0,0.5);color:#fff;width:100%}
.news-t p{float:left;line-height:60px;height:60px;padding-left:10px;max-width:80%;overflow:hidden}
.news-t div{float:right;text-align:center;line-height:1.2;padding:5px 10px}
.news-t span{display:block;font-size:26px}
.news-t i{font-style:normal;font-size:12px}
.newsr{}
.news{background:#fff;padding:33px 10px 33px 0;margin-bottom:20px}
.news:hover{background:#005bac;color:#fff}
.news:hover a{color:#fff}
.news a:hover{
    text-decoration: underline;
}
.news:after{display:block;content:'';clear:both}
.news-time{float:left;line-height:1.5;text-align:center;padding:0 15px;border-right:2px solid #c0c0c0}
.day{display:block;font-size:38px}
.year{font-style:normal;font-size:14px}
.news-con{float:right;width:80%}
.news-con a{font-size:20px;font-weight:bold}
.news-con p{font-size:14px;line-height:1.5}

#faq{float: left;width: 35%;}
.faq{margin-bottom: 18px;}
.faq li{border-bottom: 2px solid #f8f8f8;margin: 5px 0;}
.faq li a{display: block;max-height: 4em;margin-bottom: 10px;color: #000;line-height: 1.72;overflow: hidden;}
.faq li p{display: none;background: #f8f8f8;padding: 5px 10px;font-size: 14px;color: #666;height: 4em;overflow: hidden;}
.faq li.on p{display:block}
#faq .more{float: none;}
#video{float: right;width: 56%;}
.video{}
.video a{display: block;position: relative;}
.video a:before{display:block;content:"";position: absolute;width: 100%;height: 100%;background: url(/uploads/image/simages/play.png) no-repeat center;}
.video img{display: block;width: 100%;}

.about{height: 530px;margin-top: 50px;background: #f8f8f8;}
.aboutl{}
.aboutl img{position:absolute;right:50%}
.aboutr{width:50%;float:right;box-sizing:border-box;padding-left:50px}
.title5{line-height:1.2;margin: 50px 0 40px;}
.title5 h1{font-size:32px;color:#333}
.title5 p{font-size:14px;color:#666}
.about-text{height: 14em;color: #666;overflow: hidden;}
.about-text p{text-indent:2em;color:#666}
.aboutr a{float: left;background: #005bac;color: #fff;margin-top: 30px;}
.aboutr a:hover{background:#333}
#case{padding-top: 50px;padding-bottom: 50px;}
.case-top{margin-bottom:40px}
.case-category{}
.case-category li{float:left;margin-right:10px;line-height:40px}
.case-category li a{background:#e8e8e8;display:block;width:120px;text-align:center}
.case-category .on a{background: #005bac;color:#fff;}
.case-control{border:1px solid #d1d1d1;float:right;padding:5px 0;}
.case-control .swiper-button-prev,.case-control .swiper-button-next{display:block;width: 40px;height: 28px;background-repeat:no-repeat;background-position:center;background-size: 15px 20px;float:left;}
.case-control .swiper-button-prev{border-right:1px solid #d1d1d1}
.case-control .swiper-button-next{}
.case-bot{display:none}
.case-bot li{}
.case-img{}
.case-img img{display:block;width: 100%;}
.case-bot p{text-align:center;background:#e8e8e8;line-height:40px}
.case-bot a:hover p{background:#005bac;color:#fff}
.case-bottom{background:#222222;color:#fff;margin:50px auto;display:flex;justify-content:space-between;padding:50px 60px;box-sizing:border-box}
.case-bottom:after{display:none}
.case-bottom-l{line-height:1.5}
.case-bottom-l p:first-child{color:#f08300;font-size:30px}
.case-bottom-l p:last-child{font-size:24px}
.case-bottom-c{background:url(/uploads/image/simages/tel.png) no-repeat center left;padding-left:70px;line-height:1.5;margin-top:5px}
.case-bottom-c span{font-size:20px}
.case-bottom-c p{font-size:30px}
.case-bottom-r{background:#f08300;color:#fff;text-align:center;line-height:40px;height:40px;width:160px;border-radius:30px;margin-top:22px}

@media (max-width: 769px){
	#product{padding-bottom: 10px;}
	.title{margin:20px 0;line-height:1.5}
	.title h3{font-size:24px}
	.title span{font-size:16px}
	.product-controls{margin-top:0}
	.product-controls .swiper-button-prev,.product-controls .swiper-button-next{width:30px;height:24px;background-size:18px 26px}
	.product-controls .swiper-button-prev{}
	.product-controls .swiper-button-next{}
	.product{}
	.product ul{}
	.product li{}
	.product a{}
	.product-img{padding: 10px 40px;}
	.product-img p{display: none;}
	.product-img img{}
	.product-con{}
	.product-con h4{font-size:16px;line-height:2;height:2em;overflow:hidden}
	.product-con p{font-size:14px;line-height:1.5}
	.product .swiper-pagination{}
	.product .swiper-pagination .swiper-pagination-bullet{}
	.product .swiper-pagination .swiper-pagination-bullet-active{}
	#content1{overflow:hidden}
	#content1:before{display:none}
	#content1>div{display:block;justify-content:unset}
	#content1>div:after{display:block}
	.content1l{display:none}
	.content1c{font-size:20px;margin-top:10px}
	.content1r{margin-top:10px}
	.content1r li{width:49%}
	.content1r li:first-child{margin-right:2%}
	.content1r img{}
	.content1r p{}
	
	#product2{margin-top:0;padding-top:0;overflow:hidden}
	.product2-controls{margin-top:0}
	.product2-controls .swiper-button-prev,.product2-controls .swiper-button-next{width:30px;height:24px;background-size:18px 26px}
	.product2-controls .swiper-button-prev{}
	.product2-controls .swiper-button-next{}
	.product2{}
	.product2 ul{}
	.product2 li{}
	.product2 a{}
	.product2-img{padding:10px 40px}
	.product2-img img{}
	.product2-con{}
	.product2-con h4{height:2em;overflow:hidden}
	.product2-con p{}
	
	#application{padding-bottom: 10px;}
	.application{}
	.application-controls{margin-top:0}
	.application-controls .swiper-button-prev,.application-controls .swiper-button-next{width:30px;height:24px;background-size:18px 26px}
	.application-controls .swiper-button-prev{}
	.application-controls .swiper-button-next{}
	.application ul{}
	.application li{}
	.application-img{}
	.application-img img{}
	.application-con{line-height: 2;font-size: 16px;}
	
	#jiameng{background-position:bottom center;padding-bottom:10px;background-size: auto 100%;}
	.title2{font-size: 20px;margin: 10px 0;}
	.jiameng{}
	.jiameng li{padding:0 5px;margin-bottom:10px;box-sizing: border-box;}
	.jiameng li:nth-child(2),.jiameng li:nth-child(4){margin-top:0}
	.jiameng li:last-child{width: 100%;}
	.jiameng li:last-child .jiameng-text {min-height: unset;}
	.jiameng li>div{padding:0 10px}
	.jiamengt{padding:0}
	.jiamengt span{margin:10px 0 0}
	.jiamengt img{}
	.jiamengt h4{font-size: 16px;}
	.jiamengt p{font-size:12px}
	.jiameng-text{padding: 0 0 10px;min-height: 8em;font-size: 12px;height: auto;}
	.jiameng li:last-child .jiameng-text{height:auto}
	
	#news{}
	#news .title{}
	#news .title a{float:right;color:#d1d1d1;border:1px solid #d1d1d1;padding:5px 20px;margin-top:18px}
	.newsl{padding:0}
	.news-hot{}
	.news-hot a{}
	.news-hot img{}
	.news-t{}
	.news-t p{}
	.news-t div{}
	.news-t span{}
	.news-t i{font-style:normal}
	.newsr{padding:0}
	.news{padding:10px 0 10px 0;margin-bottom:10px}
	.news-time{padding:2px 10px;border-right-width:1px}
	.day{font-size:30px}
	.year{font-size:12px}
	.news-con{width:78%}
	.news-con a{font-size:16px;height:2em;overflow:hidden;display:block}
	.news-con p{height:3em;overflow:hidden}
	.title a{margin-top: 0 !important;}
	#faq{float: none;width: 100%;}
	.faq{}
	.faq li{}
	.faq li a{font-size: 16px;margin-bottom: 5px;}
	.faq li p{display: block;}
	.faq li:first-child p{}
	#video{float: none;width: 100%;}
	.video{}
	.video a{}
	.video a:before{}
	.video img{}
	
	.about{height:auto;margin-top: 10px;}
	.aboutl{}
	.aboutl img{position:unset;width:100%;right:0}
	.aboutr{width:100%;float:none;padding:0}
	.title5{margin:10px 0;font-style:normal}
	.title5 h1{font-size:20px}
	.title5 p{}
	.about-text{}
	.about-text p{font-size:14px}
	.aboutr a{margin:10px 0}
	#case{padding-bottom: 10px;padding-top: 20px;}
	.case-top{margin-bottom: 20px;}
	.case-category{}
	.case-category li{width: 33.3%;box-sizing: border-box;padding: 0 3px;margin: 0;}
	.case-category li a{width: 100%;}
	.case-category .on{}
	.case-control{}
	.case-control .swiper-button-prev{}
	.case-control .swiper-button-next{}
	.case-bot{}
	.case-bot li{}
	.case-bot a{}
	.case-img{}
	.case-img img{}
	.case-bot p{}
	.case-bottom{display:block;margin:20px auto 0;padding:10px}
	.case-bottom-l{}
	.case-bottom-l p:first-child{font-size:20px}
	.case-bottom-l p:last-child{font-size:16px}
	.case-bottom-c{}
	.case-bottom-c span{}
	.case-bottom-c p{font-size:20px}
	.case-bottom-r{display:block;margin-top:10px}
}