/*banner*/
@media screen and (min-width: 280px) and (max-width: 600px) {
	.banner .pagination-1{display: none;}
}

.banner .swiper-slide a{display: block;}
.banner .swiper-slide img{display: block;width: 100%;}
.banner .pagination-1{position: absolute;z-index: 10;text-align: center;bottom: 15px !important;}
.banner .swiper-pagination-bullet{width: 12px;height: 12px;background: #FFFFFF !important;opacity: 0.5;margin: 0 20px !important;}
.banner .swiper-pagination-bullet-active{opacity: 1 !important;}

/*youshi*/
@media screen and (min-width: 280px) and (max-width: 500px) {
	.youshi li{width: 50% !important;padding: 10px!important;box-sizing: border-box;}
	.youshi li .tb img{width: 50px !important;height: 50px !important;}
	.youshi li p{font-size: 16px !important;}
    .youshi li span{font-size: 14px !important;padding: 0 !important;line-height: 20px;height: 40px;overflow: hidden;}
}

.youshi li{float: left;width: 25%;position: relative;text-align: center;padding: 35px 0;}
.youshi li .tb img{width: 80px;height: 80px;}
.youshi li p{font-size: 20px;color: #000000;margin: 10px 0;}
.youshi li span{font-size: 16px;padding: 0 10px;display: block;}

/*products*/
@media screen and (min-width: 280px) and (max-width: 1200px) {
	.swiper-container-2{display: none;}
	.products_wap{display: block !important;}
	.products{padding-bottom: 0 !important;}
	.products .title{padding-top: 5% !important;margin-bottom: 5% !important;}
	.products .title p{font-size: 25px !important;line-height: 45px;}
	.products .title span{font-size: 14px !important;}
}

.products{background: url(../images/pro_bg.jpg)no-repeat center top;padding-bottom: 50px;}
.products .title{text-align: center;padding-top: 60px;margin-bottom: 50px;color: #333333;}
.products .title p{font-size: 40px;padding-left: 60px;background: url(../images/pro_tb.png)no-repeat center left;display: inline-block;}
.products .title span{font-size: 22px;display: block;}
.products .title .tb{position: relative;width: 290px;margin: 0 auto;}
.products .title .tb span{width: 3px;height: 3px;display: inline-block;margin: 0 5px;background: #207CB7;}
.products .title .tb i{display: block;width: 120px;height: 1px;background: #207CB7;position: absolute;bottom: 5px;}
.products .swiper-slide{box-sizing: border-box;border: 1px solid #207CB7;}
.products .swiper-slide a{display: block;position: relative;background: #FFFFFF;overflow: hidden;}
.products .swiper-slide .img{height: 388px;position: relative;overflow: hidden;}
.products .swiper-slide .img img{height: 388px;width: 626px;position: absolute;left: 50%;margin-left: -313px;}
.products .swiper-slide .bt{width: 100%;line-height: 50px;padding: 0 10px;box-sizing: border-box;text-align: center;font-size: 22px;color: #000000;position: absolute;bottom: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;background: rgba(255,255,255,0.5);transition: ease-in-out 0.3s;}
.products .swiper-slide .box{position: absolute;top: -100%;width: 100%;height: 100%;background: url(../images/pro_bg.png)no-repeat center rgba(0,0,0,0.8);z-index: 10;color: #FFFFFF !important;text-align: center;transition: ease-in-out 0.3s;}
.products .swiper-slide .box p{font-size: 20px;line-height: 25px;width: 220px;margin: 120px auto 0;height: 50px;overflow: hidden;}
.products .swiper-slide .box span{display: block;width: 220px;margin: 20px auto 0;line-height: 25px;height: 75px;overflow: hidden;}
.products .swiper-slide a:hover .box{top: 0;}
.products .swiper-slide a:hover .bt{bottom: -100%;}

.products_wap{padding: 0 5%;display: none;}
.products_wap li{float: left;width: 47.5%;margin-right: 5%;margin-bottom: 5%;box-sizing: border-box;border: 1px solid #207CB7;}
.products_wap li:nth-child(2n){margin-right: 0;}
.products_wap a{display: block;}
.products_wap .img{position: relative;overflow: hidden;padding-top: 62%;}
.products_wap .img img{width: 100%;display: block;position: absolute;top: 0;}
.products_wap p{line-height: 30px;padding: 0 10px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;background: #207CB7;color: #FFFFFF;}

/*service*/
@media screen and (min-width: 750px) and (max-width: 1200px) {
	.service{padding: 5% 0 !important;}
	.service .p1{font-size: 30px !important;}
    .service .p2{font-size: 16px !important;margin: 20px 0 !important;}
    .service .p3{font-size: 25px !important;}
}
@media screen and (min-width: 280px) and (max-width: 749px) {
	.service{padding: 5% 10px !important;}
	.service .p1{font-size: 18px !important;}
    .service .p2{font-size: 14px !important;margin: 10px 0 !important;}
    .service .p3{font-size: 14px !important;}
}

.service{background: url(../images/service_bg.jpg)no-repeat center;text-align: center;color: #FFFFFF;padding: 60px 0;}
.service .p1{font-size: 50px;}
.service .p2{color: #ebe66b;font-size: 26px;margin: 40px 0;}
.service .p3{font-size: 34px;}

/*case*/
@media screen and (min-width: 280px) and (max-width: 1200px) {
	.case{padding-bottom: 5% !important;}
	.case .title{padding-top: 5% !important;margin-bottom: 5% !important;}
	.case .title p{font-size: 25px !important;line-height: 45px;}
	.case .title span{font-size: 14px !important;}
	.case .swiper-slide img{height: auto !important;}
}
@media screen and (min-width: 280px) and (max-width: 600px) {
	.swiper-container-3{display: none;}
	.case_box{position: relative !important;z-index: 1 !important;padding: 0 5%;}
	.case .swiper-slide .cnt{padding: 15px !important;}
	.case .swiper-slide .cnt span{margin-bottom: 10px !important;}
}

.case{background: url(../images/case_bg.jpg)no-repeat center top;padding-bottom: 50px;position: relative;overflow: hidden;}
.case .title{text-align: center;padding-top: 60px;margin-bottom: 50px;color: #333333;}
.case .title p{font-size: 40px;padding-left: 60px;background: url(../images/case_tb.png)no-repeat center left;display: inline-block;}
.case .title span{font-size: 22px;display: block;}
.case .title .tb{position: relative;width: 290px;margin: 0 auto;}
.case .title .tb span{width: 3px;height: 3px;display: inline-block;margin: 0 5px;background: #207CB7;}
.case .title .tb i{display: block;width: 120px;height: 1px;background: #207CB7;position: absolute;bottom: 5px;}
.case .swiper-slide{box-sizing: border-box;padding: 0 15px 15px 0;}
.case .swiper-slide a{display: block;box-shadow: 6px 6px 10px #999;border-bottom: 4px solid #207CB7;background: #FFFFFF;}
.case .swiper-slide img{display: block;width: 100%;height: 240px;}
.case .swiper-slide .cnt{padding: 30px 15px;}
.case .swiper-slide .cnt span{display: block;font-size: 18px;font-weight: bold;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 20px;}
.case .swiper-slide .cnt p{line-height: 25px;color: #666666;text-indent: 2em;height: 100px;overflow: hidden;}
.case .pagination-3{text-align: center;margin-top: 35px;}
.case .swiper-pagination-bullet{width: 60px;height: 5px;background: #EEEEEE;opacity: 1;margin: 0 20px !important;border-radius: 0 !important;}
.case .swiper-pagination-bullet-active{background: #EBE66B;}
.case_box{position: absolute;top: 0;z-index: -100;}

/*news*/
@media screen and (min-width: 280px) and (max-width: 800px) {
	.news{padding: 5% 0 !important;}
	.news .content{padding: 0 5%;}
	.news-xwdt,.news-faq{float: none !important;width: 100% !important;}
	.news-xwdt{margin-bottom: 30px;}
	.news .title{margin-bottom: 15px !important;}
	.news .title .fl p{font-size: 25px !important;line-height: 30px !important;}
	.news .title .fr{line-height: 65px !important;}
}
@media screen and (min-width: 280px) and (max-width: 600px) {
	.news-xwdt .tt .img,.news-xwdt .tt .cnt{float: none !important;width: 100% !important;}
	.news-xwdt .tt{margin-bottom: 20px !important;}
	.news-xwdt .tt .cnt{margin-top: 10px !important;}
	.news-xwdt .list li{margin-top: 10px !important;}
	.news-faq .list li{margin-bottom: 20px !important;}
	.news-faq .list li b{margin-bottom: 10px !important;}
	.news-faq .list li:last-child{margin-bottom: 0 !important;}
	.news-xwdt .list .date{width: 24% !important;}
	.news-xwdt .list .cnt{width: 72% !important;}
}

.news{padding: 90px 0;background: #FFFFFF;}
.news .title{border-top: 5px solid #207CB7;margin-bottom: 30px;}
.news .title .fl p{color: #e3e2e2;font-size: 36px;font-weight: bold;padding-top: 5px;line-height: 50px;}
.news .title .fl span{font-size: 18px;color: #207CB7;font-weight: bold;display: block;line-height: 30px;padding-left: 35px;background: url(../images/news_tb1.png)no-repeat center left;}
.news .title .fr{line-height: 85px;font-size: 16px;}
.news-xwdt{width: 58.333333%;}
.news-xwdt .tt{display: block;margin-bottom: 50px;}
.news-xwdt .tt .img{width: 50%;}
.news-xwdt .tt .img .box{width: 100%;padding-top: 51.42%;position: relative;overflow: hidden;display: block;}
.news-xwdt .tt .img .box img{width: 100%;position: absolute;top: 0;}
.news-xwdt .tt .cnt{width: 48%;}
.news-xwdt .tt .cnt b{display: block;line-height: 35px;font-size: 16px;border-bottom: 1px solid #dfdfdf;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 5px;}
.news-xwdt .tt .cnt p{color: #666666;line-height: 25px;height: 75px;overflow: hidden;}
.news-xwdt .tt .cnt .span1{color: #858585;display: block;margin: 5px 0 10px;}
.news-xwdt .tt .cnt .span2{display: block;width: 122px;height: 28px;line-height: 28px;color: #858585;text-align: center;border: 1px solid #858585;border-radius: 30px;}
.news-xwdt .tt:hover .span2{color: #207CB7;border-color: #207CB7;}
.news-xwdt .list li{margin-top: 30px;}
.news-xwdt .list li a{display: block;}
.news-xwdt .list .date{width: 13%;background: #f9f9f9;box-shadow: #999 0px 0px 5px 0px;text-align: center;padding: 12px 0;transition: ease-in-out 0.1s;}
.news-xwdt .list .date b{font-size: 26px;}
.news-xwdt .list .cnt{width: 84%;}
.news-xwdt .list .cnt b{display: block;font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 8px;}
.news-xwdt .list .cnt p{line-height: 25px;color: #666666;height: 50px;overflow: hidden;}
.news-xwdt .list li a:hover .date{background: #207CB7;color: #FFFFFF !important;}
.news-faq{width: 33.3333%;}
.news-faq .title .fl span{background: url(../images/news_tb2.png)no-repeat center left;}
.news-faq .list li{margin-bottom: 30px;}
.news-faq .list li:last-child{margin-bottom: 0;}
.news-faq .list li a{display: block;}
.news-faq .list li b{font-size: 16px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 35px;margin-bottom: 15px;}
.news-faq .list li span{display: block;width: 35px;height: 35px;text-align: center;color: #FFFFFF;background: #bfbfbf;margin-right: 20px;float: left;line-height: 35px;font-size: 16px;}
.news-faq .list li b span{background: #207CB7;font-weight: 500;}
.news-faq .list li p{line-height: 18px;height: 36px;overflow: hidden;color: #666666;}