/*banner*/
.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: 20px !important;}
.banner .swiper-pagination-bullet{margin: 0 15px !important;background: #FFFFFF;opacity: 1 !important;width: 16px !important;height: 16px !important;border-radius: 0 !important;}
.banner .swiper-pagination-bullet-active{background: #1E5AAE !important;}

@media screen and (min-width: 280px) and (max-width: 600px) {
	.banner .pagination-1{bottom: 5px !important;}
	.banner .swiper-pagination-bullet{margin: 0 5px !important;width: 8px !important;height: 8px !important;}
}

/*youshi*/
.youshi li{position: relative;float: left;width: 25%;box-sizing: border-box;padding: 50px 20px;border-left: 1px solid #ededed;}
.youshi li:last-child{border-right: 1px solid #EDEDED;}
.youshi li i{position: absolute;width: 2px;height: 12px;background-color: #dcdcdc;left: -1px;top: 50px;}
.youshi li img{height: 80px;display: block;}
.youshi li span{font-size: 18px;color: #707070;display: block;margin: 15px 0 10px;}
.youshi li p{color: #a7a7a7;line-height: 20px;}

@media screen and (min-width: 280px) and (max-width: 1200px) {
	.youshi li{padding: 20px;}
	.youshi li span{font-size: 14px;margin: 10px 0 5px;}
	.youshi li p{font-size: 12px;}
}
@media screen and (min-width: 280px) and (max-width: 600px) {
	.youshi li{width: 50%;border: none !important;padding: 10px;}
	.youshi li i{display: none;}
	.youshi li img{height: 60px;}
	.youshi li p{height: 60px;overflow: hidden;}
}

/*product*/
.product{padding: 50px 0 90px;background: url(../images/bg1.jpg)no-repeat center top;}

.product_lm p.fl{font-size: 32px;color: #FFFFFF;line-height: 50px;padding-left: 60px;background: url(../images/tb2.png)no-repeat center left;}
.product_lm ul{width: 750px;}
.product_lm ul li{width: 30%;margin-right: 5%;float: left;margin-bottom: 10px;box-sizing: border-box;border: 1px solid #FFFFFF;transition: ease-in-out 0.1s;}
.product_lm ul li:nth-child(3n){margin-right: 0;}
.product_lm ul li:hover{background-color: #1E5AAE;border-color: #1E5AAE;}
.product_lm ul li a{display: block;line-height: 40px;color: #FFFFFF !important;text-align: center;padding: 0 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 18px;}

.product_list li{float: left;width: 30%;margin-right: 5%;margin-top: 5%;}
.product_list li:nth-child(3n){margin-right: 0;}
.product_list li a{display: block;background-color: #FFFFFF;}
.product_list .img{position: relative;padding-top: 100%;overflow: hidden;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.24);}
.product_list .img img{position: absolute;width: auto;height: 100%;left: 50%;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);top: 0;}
.product_list .bt{border: 1px solid #E5E5E5;border-top: none;padding: 15px 10px;}
.product_list .bt p{font-size: 18px;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #4d4d4d;}
.product_list .bt span{display: block;color: #FFFFFF !important;width: 98px;line-height: 25px;text-align: center;background-color: #e60012;margin: 15px auto 0;transition: ease-in-out 0.1s;}
.product_list li a:hover span{background-color: #1E5AAE;}

@media screen and (min-width: 280px) and (max-width: 1200px) {
	.product{padding: 5%;}
	.product_lm ul li{width: 32%;margin-right: 2%;margin-bottom: 2%;}
	.product_lm ul li a{line-height: 30px;font-size: 14px;}
	.product_lm ul{width: 530px;}
	.product_lm p.fl{font-size: 25px;}
}
@media screen and (min-width: 280px) and (max-width: 800px) {
	.product_lm p.fl{width: 100%;padding: 0;background: none;text-align: center;line-height: 30px;margin-bottom: 5%;}
	.product_lm ul{width: 100%;}
	.product_list li{width: 32%;margin-right: 2%;margin-top: 2%;}
	.product_list .bt{padding: 5px;}
	.product_list .bt p{font-size: 14px;line-height: 25px;}
	.product_list .bt span{display: none;}
}
@media screen and (min-width: 280px) and (max-width: 500px) {
	.product_lm ul li{width: 49%;margin-right: 2% !important;}
	.product_lm ul li:nth-child(2n){margin-right: 0 !important;}
}

/*service*/
.service{padding: 30px 0;background: url(../images/bg2.jpg)no-repeat center;color: #FFFFFF;text-align: center;}
.service .p1{font-size: 40px;}
.service .p2{font-size: 26px;background-color: #1E5AAE;margin: 15px auto;line-height: 45px;width: 500px;}
.service .p3{display: inline-block;font-size: 18px;text-align: left;padding-left: 66px;background: url(../images/tel3.png)no-repeat center left;}
.service .p3 font{font-size: 26px;color: #f00000;display: block;}

@media screen and (min-width: 280px) and (max-width: 1200px) {
	.service{padding: 5%;}
	.service .p1{font-size: 25px;}
	.service .p2{font-size: 20px;margin: 10px auto;line-height: 35px;width: 400px;}
}
@media screen and (min-width: 280px) and (max-width: 600px) {
	.service .p2{width: auto;padding: 5px 10px;font-size: 16px;line-height: 25px;}
	.service .p3 font{font-size: 22px;}
}

/*about*/
.about{padding: 100px 0;position: relative;}
.about .bg{background-color: #fafafa;position: absolute;width: 50%;left: 50%;height: 100%;top: 0;z-index: -2;}
.about .info{width: 46%;}
.about .info .bt{display: inline-block;position: relative;}
.about .info .bt .span1{font-size: 32px;color: #191919;line-height: 60px;position: absolute;left: 0;top: 0;}
.about .info .bt .span2{font-size: 70px;color: #e8e8e8;line-height: 60px;font-weight: bold;display: block;}
.about .info .bt p{font-size: 22px;color: #cfcece;margin: 15px 0;}
.about .info .bt .i1{display: block;width: 60px;height: 1px;background-color: #E60012;}
.about .info .bt .i2{width: 400px;height: 5px;background-color: #E60012;position: absolute;top: 27px;left: 100%;margin-left: 30px;}
.about .info .text{margin: 40px 0;height: 200px;overflow: hidden;text-align: justify;}
.about .info .text *{font-size: 14px !important;line-height: 25px !important;}
.about .info .more{float: right;display: block;width: 170px;line-height: 50px;text-align: center;color: #FFFFFF !important;font-size: 16px;background-color: #E60012;transition: ease-in-out 0.3s;}
.about .info .more:hover{width: 220px;background-color: #1E5AAE;}

.about .img{width: 46%;height: 450px;position: relative;overflow: hidden;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.24);}
.about .img img{position: absolute;width: auto;height: 100%;left: 50%;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);top: 0;}

@media screen and (min-width: 280px) and (max-width: 1200px) {
	.about{padding: 5%;}
	.about .info .bt .span1{font-size: 25px;line-height: 40px;}
	.about .info .bt .span2{font-size: 40px;line-height: 40px;}
	.about .info .bt .i2{height: 2px;top: 19px;margin-left: 20px;}
	.about .info .bt p{font-size: 20px;margin: 5px 0;}
	.about .info .text{margin: 20px 0;}
	.about .info .more{width: 120px;line-height: 35px;font-size: 14px;}
	.about .img{height: 350px;}
}
@media screen and (min-width: 280px) and (max-width: 800px) {
	.about .img{display: none;}
	.about .info{width: 100%;}
	.about{overflow: hidden;}
	.about .info .text{height: auto;}
	.about .info .more{float: none;margin: 0 auto;}
}

/*honor*/
.honor{padding: 60px 0 40px;}
.honor .title{text-align: center;margin-bottom: 60px;position: relative;padding-top: 35px;}
.honor .title span{font-size: 70px;color: #dddddd;line-height: 60px;font-weight: bold;position: absolute;top: 0;left: 50%;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index: -1;}
.honor .title p{font-size: 32px;color: #191919;}
.honor .title i{display: block;width: 60px;height: 3px;background-color: #E60012;margin: 15px auto 0;}

.honor .box{position: relative;max-width: 1350px;margin: 0 auto;}
.honor .box .bg{display: block;width: 100%;}
.honor .box div{position: absolute;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.honor .box div > img{display: block;width: 100%;}
.honor .box div a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;box-sizing: border-box;padding: 11% 15% 15% 11%;}
.honor .box div a img{left: 50%;top: 50%;position: relative;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);width: auto;height: auto;max-height: 100%;max-width: 100%;}

.honor .box .honor1{width: 21.7%;left: 50%;top: 0;z-index: 10;}
.honor .box .honor2{width: 20.7%;left: 35%;top: 1%;z-index: 5;}
.honor .box .honor3{width: 20.7%;left: 65%;top: 1%;z-index: 5;}
.honor .box .honor4{width: 19%;left: 20%;top: 4%;}
.honor .box .honor5{width: 19%;left: 80%;top: 4%;}

@media screen and (min-width: 280px) and (max-width: 1200px) {
	.honor{padding: 5% 0;}
	.honor .title{margin-bottom: 5%;padding-top: 15px;}
	.honor .title span{font-size: 40px;line-height: 40px;}
	.honor .title p{font-size: 25px;}
	.honor .title i{margin-top: 10px;}
}

/*case*/
.case{padding: 100px 0;position: relative;}
.case .bg{position: absolute;width: 100%;height: 430px;background-color: #1b1b1b;top: 0;left: 0;}
.case .content{position: relative;}

.case .list{width: 68%;position: relative;}
.case .list li{width: 35%;}
.case .list li:nth-child(1){margin-bottom: 3%;}
.case .list li a{display: block;padding-top: 76%;overflow: hidden;position: relative;background-color: #fafafa;}
.case .list li a img{position: absolute;width: auto;height: 100%;left: 50%;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);top: 0;}
.case .list li:nth-child(3){width: 62%;position: absolute;height: 100%;right: 0;top: 0;}
.case .list li:nth-child(3) a{padding-top: 0;height: 100%;}

.case .title{width: 24%;position: absolute;height: 100%;top: 0;left: 0;background: url(../images/bg4.png)no-repeat center #1E5AAE;box-sizing: border-box;padding: 60px 0 0 35px;}
.case .title p{font-size: 26px;color: #FFFFFF;padding-bottom: 15px;border-bottom: 2px solid #FFFFFF;position: relative;margin-bottom: 35px;}
.case .title p i{position: absolute;width: 20%;height: 2px;background-color: #FFFFFF;right: -20%;bottom: -2px;}
.case .title span{display: block;font-size: 16px;color: #FFFFFF;background: url(../images/tb3.png)no-repeat left bottom;padding-bottom: 60px;}
.case .title a{position: absolute;width: 60%;bottom: 50px;left: 20%;box-sizing: border-box;line-height: 40px;text-align: center;font-size: 16px;color: #FFFFFF !important;border: 2px solid #FFFFFF;}

@media screen and (min-width: 280px) and (max-width: 1200px) {
	.case{padding: 5%;}
	.case .title{padding: 30px 0 0 15px;}
	.case .title a{bottom: 20px;line-height: 30px;font-size: 14px;}
	.case .title p{font-size: 20px;padding-bottom: 10px;margin-bottom: 10px;}
	.case .title span{padding-bottom: 40px;}
	.case .list{width: 72%;}
	.case .bg{height: 100%;}
}
@media screen and (min-width: 280px) and (max-width: 600px) {
	.case .title{width: 100%;position: relative;height: auto;background: none;padding: 0;}
	.case .title p i,.case .title span{display: none;}
	.case .title a{width: 80px;bottom: auto;left: auto;right: 0;top: 0;}
	.case .list{width: 100%;}
}

/*news*/
.news{padding-bottom: 100px;}
.news .title{border-top: 5px solid #1E5AAE;padding-top: 7px;font-weight: bold;}
.news .title p{font-size: 36px;color: #e3e2e2;}
.news .title p font{display: block;font-size: 18px;color: #1E5AAE;}
.news .title a{line-height: 60px;}

.news_box{width: 59%;}
.news_box .tt{margin: 30px 0 40px;}
.news_box .tt a{display: block;position: relative;padding-left: 365px;}
.news_box .tt .img{position: absolute;width: 350px;height: 100%;overflow: hidden;left: 0;top: 0;background-color: #FAFAFA;}
.news_box .tt .img img{position: absolute;width: auto;height: 100%;left: 50%;-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);top: 0;}
.news_box .tt a span{font-size: 16px;line-height: 30px;display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding-bottom: 10px;border-bottom: 1px solid #bfbfbf;font-weight: bold;}
.news_box .tt a p{color: #6a6a6a;line-height: 25px;height: 75px;overflow: hidden;margin: 10px 0 25px;text-align: justify;}
.news_box .tt a font{display: block;color: #858585;width: 120px;line-height: 28px;text-align: center;border: 1px solid #858585;border-radius: 30px;}
.news_box .tt a:hover font{border-color: #1E5AAE;color: #1E5AAE;}
.news_box .list li{margin-bottom: 30px;}
.news_box .list li:last-child{margin-bottom: 0;}
.news_box .list li a{display: block;padding-left: 100px;position: relative;}
.news_box .list li a .date{width: 86px;height: 100%;text-align: center;color: #000000;font-weight: bold;font-size: 26px;background-color: #F9F9F9;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);box-sizing: border-box;padding-top: 10px;position: absolute;top: 0;left: 0;transition: ease-in-out 0.1s;}
.news_box .list li a .date font{font-size: 14px;display: block;font-weight: 500;}
.news_box .list li a span{font-size: 16px;display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 5px;font-weight: bold;line-height: 25px;}
.news_box .list li a p{color: #8f8f8f;line-height: 22px;height: 44px;overflow: hidden;text-align: justify;}
.news_box .list li a:hover .date{background-color: #1E5AAE;color: #FFFFFF;}

.faq_box{width: 33.333%;}
.faq_box .list{margin-top: 30px;}
.faq_box .list li{margin-bottom: 25px;}
.faq_box .list li:last-child{margin-bottom: 0;}
.faq_box .list li a{display: block;}
.faq_box .list li a span{font-size: 16px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 35px;margin-bottom: 10px;font-weight: bold;position: relative;padding-left: 55px;}
.faq_box .list li a p{line-height: 18px;height: 36px;overflow: hidden;color: #868686;position: relative;padding-left: 55px;text-align: justify;}
.faq_box .list li a font{display: block;width: 35px;text-align: center;color: #FFFFFF;background: #bfbfbf;line-height: 35px;font-size: 16px;position: absolute;left: 0;top: 0;}
.faq_box .list li a span font{background-color: #1E5AAE;}

@media screen and (min-width: 280px) and (max-width: 1200px) {
	.news{padding: 5%;}
	.news .title{border-top-width: 3px;}
	.news .title p{font-size: 25px;}
	.news .title p font{font-size: 16px;}
	.news .title a{line-height: 50px;}
	.news_box .tt{margin: 20px 0;}
	.news_box .tt a p{margin: 10px 0;}
	.news_box .tt .img{width: 268px;}
	.news_box .tt a{padding-left: 280px;}
	.news_box .list li{margin-bottom: 15px;}
	.news_box .list li a span{font-size: 14px;}
	.news_box .list li a p{font-size: 12px;line-height: 20px;height: 40px;}
	.faq_box .list{margin-top: 20px;}
	.faq_box .list li a span{font-size: 14px;line-height: 30px;padding-left: 40px;margin-bottom: 5px;}
	.faq_box .list li a font{width: 30px;line-height: 30px;font-size: 14px;}
	.faq_box .list li a p{padding-left: 40px;font-size: 12px;}
	.faq_box .list li{margin-bottom: 15px;}
}
@media screen and (min-width: 280px) and (max-width: 800px) {
	.news_box{width: 100%;margin-bottom: 20px;}
	.faq_box{width: 100%;}
	.news_box .tt .img{width: 126px;}
	.news_box .tt a font{display: none;}
	.news_box .tt a{padding-left: 136px;}
}