.banner .swiper-slide{height: 800px;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.swiper-slide-active .fade-down {
	animation: fadeDown 0.5s linear;
}
.swiper-slide-active .fade-up {
	animation: fadeUp 0.6s linear;
}
@keyframes fadeDown {
	from{
		transform: translateY(-100px);
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
@keyframes fadeUp {
	from{
		transform: translateY(50px);
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
.banner{min-width: 1200px;}
.banner .banner1{background-image: url('../images/banner1.jpg');}
.banner .banner2{background-image: url('../images/banner2.jpg');}
.banner .banner-inner{display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;}
.banner .banner-inner p{font-size: 40px;line-height: 56px;color: #fff;}

.banner.swiper-container-horizontal>.swiper-pagination-bullets{font-size: 0;bottom: 42px;}
.banner .swiper-pagination-bullet{width: 14px;height: 14px;background-color: #fff;opacity: 1;}
.banner .swiper-pagination-bullet-active{background-color: #25ac65;}


.section-wrap:nth-child(even){background-color: #fff;}
.section-wrap:nth-child(odd){background-color: #F8F8F8;}
.section-inner{padding-top: 60px;padding-bottom: 80px;}
.section-inner .section-title{font-size: 28px;line-height: 68px;margin-bottom: 30px;color: #333;text-align: center;position: relative;}
.section-inner .section-title::after{content: '';position: absolute;width: 20px;height: 4px;background-color: #25ac65;bottom: 0;left: 50%;transform: translate(-50%, 100%);}
.section-inner .description{font-size: 14px;line-height: 25px;margin-bottom: 25px;color: #333;text-align: center;}
.section-inner .sub-title{font-size: 24px;line-height: 36px;margin: 55px 0;color: #333;text-align: center;}

.about-us{height: 520px;display: flex;justify-content: space-between;}
.about-us .left, .about-us .right{width: 585px;}
.about-us .right{display: flex;flex-direction: column;justify-content: space-between;}
.about-us .right div{height: 245px;}
.about-us .img-box{position: relative;overflow: hidden;}
.about-us .img-box img{display: block;width: 100%;height: 100%;transition: all 0.2s linear;}
.about-us .img-box:hover img{transform: scale(1.03);}
.about-us .img-box .text{position: absolute;left: 0;bottom: 0;width: 100%;height: 60px;line-height: 60px;text-align: center;font-size: 20px;color: #fff;background-color: rgba(0, 0, 0, 0.6);}

.agent-list{margin-top: -30px;}
.agent-list li{width: 216px;height: 140px;border: 2px solid #25ac65;border-radius: 4px;box-sizing: border-box;float: left;margin-right: 30px;margin-top: 30px;text-align: center;transition: all .2s linear;}
.agent-list li:hover{box-shadow: 0 15px 30px rgba(0,0,0,0.1);transform: translate3d(0, -2px, 0);}
.agent-list li:nth-child(5n){margin-right: 0;}
.agent-list li::after{
	content: '';
	display: inline-block;
	width: 0;
	height: 100%;
	overflow: hidden;
	visibility: hidden;
	vertical-align: middle;
}
.agent-list li img{
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}

.trouble-list{display: flex;justify-content: space-between;}
.trouble-list .trouble-item{width: 380px;border: 2px solid #e0e0e0;border-radius: 8px;overflow: hidden;box-sizing: border-box;text-align: center;transition: all .2s linear;}
.trouble-list .trouble-item:hover{
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    transform: translate3d(0, -2px, 0);
}
.trouble-item .trouble-img{height: 358px;overflow: hidden;position: relative;}
.trouble-item .trouble-img .trouble-bg{display: block;width: 100%;height: 100%;}
.trouble-item .trouble-img .icon-trouble{position: absolute;height: 88px;width: auto;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 2;animation: fade 2s infinite;}
@keyframes fade{
	from{}
	50%{opacity: 0.6;}
	to{}
}

.trouble-item .trouble-info{padding: 26px 0;}
.trouble-item .trouble-info .trouble-text{font-size: 20px;line-height: 1.5;margin-bottom: 15px;}
.trouble-item .trouble-info .tag-trouble{font-size: 16px;width: 116px;height: 36px;line-height: 32px;border: 2px solid #25ac65;border-radius: 18px;color: #25ac65;margin: 0 auto;}

.merit-list{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: -30px;}
.merit-list .merit-item{width: 277px;height: 300px;margin-top: 30px;border-radius: 6px;overflow: hidden;position: relative;}
.merit-item .merit-bg{display: block;width: 100%;height: 100%;transition: all 0.8s linear;}
.merit-list .merit-item:hover .merit-bg{transform: scale(1.03);}
.merit-item .merit-cover{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding-top: 97px;box-sizing: border-box;background-color: rgba(0, 0, 0, 0.4);color: #fff;text-align: center;transition: all .5s linear;}
.merit-list .merit-item:hover .merit-cover{background-color: rgba(0, 0, 0, 0.8);}
.merit-item .merit-cover .merit-text{font-size: 20px;line-height: 1.5;margin-bottom: 10px;}
.merit-item .merit-cover .merit-desc{font-size: 14px;line-height: 25px;margin-top: 20px;padding: 0 45px;}


.pro-list{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: -30px;}
.pro-list .pro-item{width: 278px;padding: 8px;margin-top: 30px;border: 2px solid #eaeaea;border-radius: 8px;box-sizing: border-box;transition: all .2s linear;}
.pro-list .pro-item:hover{box-shadow: 0 15px 30px rgba(0,0,0,0.1);transform: translate3d(0, -2px, 0);}
.pro-item .pro-img{height: 187px;background-color: #f8f8f8;text-align: center;}
.pro-item .pro-img::after{content: '';display: inline-block;width: 0;height: 100%;overflow: hidden;visibility: hidden;vertical-align: middle;}
.pro-item .pro-img img{max-width: 90%;max-height: 90%;vertical-align: middle;}
.pro-item .type-name{font-size: 20px;line-height: 1.5;color: #333;margin: 10px 0 5px;}
.pro-item .type-model{font-size: 14px;line-height: 24px;color: #666;margin-bottom: 10px;height: 48px;max-height: 48px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.pro-item .btn-more{font-size: 14px;color: #25ac65;}
.pro-item .btn-more span{font-family: serif;font-weight: bold;}
.more-item .pro-img{height: 100%;font-size: 24px;color: #333;}

.service-list{display: flex;justify-content: space-between;}
.service-list .service-item{width: 216px;background-color: #fff;padding: 10px;box-sizing: border-box;transition: all .2s linear;}
.service-list .service-item:hover{
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    transform: translate3d(0, -2px, 0);
}
.service-item .service-img{height: 140px;overflow: hidden;}
.service-item .service-img img{width: 100%;height: 100%;}
.service-item .service-info{font-size: 12px;}
.service-item .service-name{font-size: 18px;line-height: 1.5;margin: 15px 0 10px;color: #333;}
.service-item .service-desc{line-height: 22px;margin-bottom: 15px;color: #666;height: 66px;max-height: 66px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.service-item .btn-more{color: #25ac64;}
.service-item .btn-more span{font-family: serif;font-weight: bold;}