/* public */
.web_th .title{text-transform: uppercase;}

/* slider_banner */
.slider_banner {position: relative; overflow: hidden;}
.slider_banner .swiper-slide {overflow: hidden;}
.slider_banner .swiper-button-next, .slider_banner .swiper-button-prev {
	opacity: 0;
}
.slider_banner:hover .swiper-button-next,.slider_banner:hover .swiper-button-prev {opacity: 1;}
.slider_banner .swiper-button-prev {left: 0;}
.slider_banner .swiper-button-next {right: 0;}
.slider_banner:hover .swiper-button-prev {left: 20px;}
.slider_banner:hover .swiper-button-next {right: 20px;}

.slider_banner .swiper-slide img+img {
	position: absolute; left: 0; top: 0
}
.slider_banner .swiper-slide img {
    width: 100%; /* transition: 3s linear; transform: scale(1.08); */
}
.slider_banner .swiper-slide.swiper-slide-active img {
	transform: scale(1);
}

.slider_banner-phone {display: none;}
@media only screen and (max-width: 1023px) {
	.slider_banner{display: none; margin-top: 88px;}
	.slider_banner-phone{display: block; margin-top: 88px;}
	/* .slider_banner-phone .swiper-slide{max-height: 260px;} */
	.slider_banner-phone img{width: 100%; height: auto;}
	.slider_banner .swiper-button-next, .slider_banner .swiper-button-prev{display: none;}
}


/* home_about */
.home_about{overflow: hidden;}
.home_about_inner{position: relative;}
.home_about_left{width: 48%; position: relative; padding-top: 14%; padding-left: 7%;}
.home_about_left .pic{padding-bottom: 134%;}
.home_about_right{width: 48%; padding-top: 10%;}
.home_about_right .web_th .brief{color: #333;}
.home_about_right .right_txt{line-height: 30px; margin-top: 24px;}
.home_about_right .right_txt .title{font-weight: bold; font-size: 24px; text-transform: uppercase; margin-bottom: 10px;}
.home_about_inner .num_item{text-align: center;}
.home_about_right .num_item{margin-top: 20px; min-width: 35%; max-width: 45%; margin-right: 5%;}
.home_about_inner .num_item .num{font-size: 72px; font-family: 'Arial-Black'; line-height: 1;}
.home_about_inner .num_item .suffix{font-size: 42px; font-family: 'Arial-Black';}
.home_about_inner .num_item .title{font-size: 18px; font-family: 'Arial-BoldMT'; text-transform: uppercase;}
.home_about_right .more_div{margin-top: 5%;}
.home_about_right .num_item .num{color: var(--commonColor);}
.home_about_right .num_item .suffix{color: var(--commonColor);}

.home_about_inner .home_about_left .left_num{position: absolute; left: 0; top: 12.5%; width: 38.5%; background: var(--commonColor); color: #fff; min-width: unset; max-width: unset; margin: 0; padding: 36% 3% 6%;}
.home_about_left .left_bg{position: absolute; left: 7%; top: 15px; width: 40%; padding-bottom: calc(40% * 1.21); background: url(../img/bg1.png) no-repeat center; background-size: 100% auto;}
@media only screen and (max-width: 1600px) {
	.home_about_inner .num_item .num{font-size: 64px;}
	.home_about_inner .num_item .suffix{font-size: 40px;}
}
@media only screen and (max-width: 1450px) {
	.home_about_inner .num_item .num{font-size: 56px;}
	.home_about_inner .num_item .suffix{font-size: 36px;}
	.home_about_inner .num_item .title{font-size: 17px;}
	.home_about_right .right_txt .title{font-size: 22px;}
}
@media only screen and (max-width: 1300px) {
	.home_about_inner .num_item .num{font-size: 44px;}
	.home_about_inner .num_item .suffix{font-size: 32px;}
	.home_about_inner .num_item .title{font-size: 16px;}
	.home_about_right .right_txt{margin-top: 20px;}
	.home_about_right .more_div{margin-top: 20px;}
	.home_about_inner .num_item{min-width: 40%;}
}
@media only screen and (max-width: 980px) {
	.home_about_inner{flex-direction: column;}
	.home_about_left{width: 100%; margin-top: 20px; padding-top: 100px; padding-left: 50px;}
	.home_about_inner .home_about_left .left_num{top: 60px; width: 40%; padding: 30% 15px 20px;}
	.home_about_left .left_bg{top: 0;}
	.home_about_right{width: 100%; padding-top: 30px;}
	.home_about_right .right_txt .title{font-size: 20px;}
	.home_about_right .num_item{min-width: unset; max-width: unset; width: 48.5%; margin-right: 3%; margin-top: 15px;}
	.home_about_right .num_item:nth-child(2n){margin-right: 0;}
}

/* home_feature */
.home_feature{overflow: hidden;}
.feature_inner{position: relative; margin-top: 3%; padding: 6% 0 4%;}
.feature_inner::before{position: absolute; content: ''; top: 0; width: 58%; height: 100%; left: 50%; border-radius: 50%; background: #F6F6F6; transform: translateX(-50%); z-index: 0;}
.feature_inner::after{position: absolute; content: ''; top: 8%; width: 48.5%; height: 84%; left: 50%; border-radius: 50%; background: #ECECEC; transform: translateX(-50%); z-index: 0;}
.feature_list{width: 36%; position: relative; z-index: 1;}
.feature_list .feature_item{padding-left: 90px; position: relative;}
.feature_list .feature_item:nth-child(n+2){margin-top: 5%;}
.feature_list .feature_item .order{position: absolute; left: 8px; top: 10px; height: 120px; width: 120px; color: #fff; z-index: 1; text-align: center; display: flex; align-items: center; justify-content: center; font-family: 'Arial-Black'; font-size: 50px;}
.feature_list .feature_item .order::before{content: ''; position: absolute; left: 0; width: 100%; top: 0; height: 100%; background: var(--commonColor); transform: skewX(172deg); z-index: -1;}
.feature_list .feature_item .info{border: 2px solid #000; background: #fff; padding: 24px 24px 24px 60px;}
.feature_list .feature_item .info .title{font-family: 'Arial-BoldMT'; font-size: 20px; color: #000;}
.feature_list .feature_item .info .brief{color: #333; line-height: 28px; margin-top: 5px;}
.feature_list .feature_item:hover .order{animation: jump 0.5s;}
.feature_pic{width: 23%; margin: 0 2.5%; position: relative; z-index: 1;}
.feature_pic .pic{padding-bottom: 208.3%;}
.feature_pic .pic .mobile{display: none;}
@media only screen and (max-width: 1450px) {
	.feature_list .feature_item .order{font-size: 42px; height: 110px;}
}
@media only screen and (max-width: 1300px) {
	.feature_inner{zoom: 0.9;}
	.feature_list .feature_item .order{font-size: 40px; width: 110px; height: 100px;}
	.feature_list .feature_item .info{padding: 18px 20px 18px 50px;}
}
@media only screen and (max-width: 980px) {
	.home_feature .layout{padding: 0;}
	.home_feature .web_th{padding: 0 14px;}
	.feature_inner{flex-direction: column; padding: 0; margin-top: 20px; zoom: 1;}
	.feature_inner::before{left: 0; width: 100%; height: 0; padding-bottom: 100%; top: 50%; transform: translateY(-50%);}
	.feature_inner::after{left: 7%; width: 86%; height: 0; padding-bottom: 86%; top: 50%; transform: translateY(-50%);}
	.feature_list{width: 100%; padding: 0 10px;}
	.feature_list .feature_item{padding-left: 82px;}
	.feature_list .feature_item .order{font-size: 36px; width: 100px; height: 100px;}
	.feature_list .feature_item .info{padding: 15px 15px 15px 40px; border-width: 2px;}
	.feature_list .feature_item .info .title{font-size: 18px;}
	.feature_pic{width: 100%; margin: 24px 0; padding: 0 15px;}
	.feature_pic .pic{padding-bottom: 48.1%;}
	.feature_pic .pic .pc{display: none;}
	.feature_pic .pic .mobile{display: block;}

}

/* home_product */
.home_product{overflow: hidden; background-color: #ECECEC; background-repeat: no-repeat; background-position: right center; background-size: 41% auto;}
.home_pro_list{margin-top: 2.5%;}
.home_pro_item{width: calc((100% - 45px) / 4); margin-right: 15px;}
.home_pro_item:nth-child(4n){margin-right: 0;}
.home_pro_item:nth-child(n+5){margin-top: 3%;}
.home_pro_item .pic{padding-bottom: 68.5%;}
.home_pro_item .title{text-align: center; background: #000; color: #fff; flex: 1; padding: 12px 12px; font-size: 18px; line-height: 28px; display: flex; align-items: center; justify-content: center;}
.home_pro_item:hover .title{background: var(--commonColor);}
@media only screen and (max-width: 1300px) {
	.home_pro_list{zoom: 0.9;}
	.home_pro_item .title{font-size: 16px; padding: 8px 10px; line-height: 26px;}
}
@media only screen and (max-width: 980px) {
	.home_pro_list{zoom: 1; margin-top: 20px;}
	.home_pro_item{width: calc(50% - 3px); margin-right: 6px;}
	.home_pro_item:nth-child(2n){margin-right: 0;}
	.home_pro_item:nth-child(n+3){margin-top: 12px;}
	.home_pro_item .title{font-size: 14px; padding: 5px 8px; line-height: 24px;}
}

/* home_service */
.home_service{overflow: hidden;}
.service_inner{margin-top: 2.6%;}
.service_inner .service_div{width: 22.75%; position: relative; margin-right: 3%; border: 1px solid #000; margin-bottom: 25px;}
.service_inner .service_div:nth-child(4n){margin-right: 0;}
.service_inner .service_div:nth-child(n+5){margin-top: 32px;}
.service_inner .service_div .pic{padding-bottom: 110%;}
.service_inner .service_info{text-align: center; padding: 20px 20px 45px; position: relative; flex: 1; border-top: 1px solid #000;}
.service_inner .service_info .title{font-family: 'Arial-BoldMT'; font-size: 20px; color: #000; flex: 1; line-height: 1.25;}
.service_inner .service_info .brief{margin: 10px 0 0; line-height: 28px; color: #333; height: 56px;}
.service_inner .service_info .more_div{position: absolute; left: 0; width: 100%; bottom: -25px;}
.service_inner .service_div:hover .service_info .title{color: var(--commonColor);}

@media only screen and (max-width: 1450px) {
	.service_inner .service_div{width: 23.5%; margin-right: 2%;}
	.service_inner .service_info{padding: 20px 16px 38px;}
}
@media only screen and (max-width: 1300px) {
	.service_inner{zoom: 0.9;}
}
@media only screen and (max-width: 980px) {
	.service_inner{zoom: 1; margin: 16px 0 0;}
	.service_inner .service_div{width: 48.5%; margin-right: 3%; margin-bottom: 20px;}
	.service_inner .service_div:nth-child(2n){margin-right: 0;}
	.service_inner .service_div:nth-child(n+3){margin-top: 20px;}
	.service_inner .service_info{padding: 16px 15px 32px;}
	.service_inner .service_info .more_div{bottom: -20px;}
}
@media only screen and (max-width: 768px) {
	.service_inner .service_div{width: 100%; margin-right: 0;}
	.service_inner .service_div:nth-child(n+2){margin-top: 20px;}
	.service_inner .service_info .brief{height: auto;}
}

/* home_contact */
.home_contact{overflow: hidden; position: relative;}
.home_contact::before{position: absolute; content: ''; left: 0; width: 100%; bottom: 0; height: 80%; background: var(--commonColor);}
.home_contact_inner{position: relative; padding: 4.5% 0;}
.home_contact_inner .title{color: #fff; font-family: 'Arial-BoldMT'; font-size: 40px; line-height: 1.3;}
.home_contact_inner .brief{color: #000; font-family: 'Arial-BoldMT'; font-size: 20px; line-height: 1.4; margin: 12px 0 24px;}
.home_contact_inner .pubMore:hover{color: var(--commonColor);}
.home_contact_inner .pubMore:hover::before{background: #fff;}

.home_contact .contact_img{width: 42%;}
@media only screen and (max-width: 1450px) {
	.home_contact::before{height: 86%;}
	.home_contact_inner .title{font-size: 36px;}
	.home_contact_inner .brief{font-size: 18px;}
}
@media only screen and (max-width: 1300px) {
	.home_contact .layout{zoom: 0.9;}
	.home_contact::before{height: 90%;}
	.home_contact_inner{padding: 40px 0 50px;}
	.home_contact_inner .title{font-size: 32px;}
}
@media only screen and (max-width: 980px) {
	.home_contact .layout{zoom: 1;}
	.home_contact::before{height: 100%;}
	.home_contact .layout{flex-direction: column;}
	.home_contact_inner{padding: 35px 0 25px; width: 100%;}
	.home_contact_inner .title{font-size: 26px;}
	.home_contact_inner .brief{font-size: 18px; margin: 12px 0 20px;}
	.home_contact .contact_img{width: 100%;}
}

/* home_partner */
.home_partner{overflow: hidden; margin-top: 3%;}
.partner_inner .partner_left{width: 50%; padding-top: 14%;}
.partner_inner .partner_left .web_th{padding-right: 6%;}
.partner_left .left_txt{margin-top: 20px; padding-top: 30px; border-top: 1px solid #000; width: 90%;}
.partner_left .left_txt .title{text-transform: uppercase; font-size: 20px; color: #000; font-family: 'Arial-BoldMT'; margin-bottom: 10px;}
.partner_left .left_txt .txt{line-height: 26px; margin-top: 4px; position: relative; padding-left: 16px;}
.partner_left .left_txt .txt::before{position: absolute; content: ''; width: 8px; height: 8px; left: 0; top: 8px; background: var(--commonColor);}

.partner_left .left_company{margin-top: 4%;}
.partner_left .left_company .company_item{border: 1px solid #000; width: 48%; margin-right: 4%; height: 108px;}
.partner_left .left_company .company_item:nth-child(2n){margin-right: 0;}
.partner_left .left_company .company_item:nth-child(n+3){margin-top: 4%;}
.partner_left .left_company .company_item img{display: block; max-width: 80%; margin: 0 auto; max-height: 70%;}
.partner_left .left_company .company_item:hover img{animation: bounceInA 0.5s;}

.partner_inner .partner_right{width: 50%; position: relative; padding-top: 14%; padding-left: 7%;}
.partner_right .pic{padding-bottom: 134%;}

.partner_right .num_item{position: absolute; left: 0; top: 12.5%; width: 38.5%; background: var(--commonColor); color: #fff; min-width: unset; max-width: unset; margin: 0; padding: 36% 3% 6%; text-align: center;}
.partner_right .num_item .num{font-size: 72px; font-family: 'Arial-Black'; line-height: 1;}
.partner_right .num_item .suffix{font-size: 42px; font-family: 'Arial-Black';}
.partner_right .num_item .title{font-size: 18px; font-family: 'Arial-BoldMT'; text-transform: uppercase;}
.partner_right .left_bg{position: absolute; left: 7%; top: 15px; width: 40%; padding-bottom: calc(40% * 1.21); background: url(../img/bg1.png) no-repeat center; background-size: 100% auto;}
@media only screen and (max-width: 1600px) {
	.partner_right .num_item .num{font-size: 64px;}
	.partner_right .num_item .suffix{font-size: 40px;}
}
@media only screen and (max-width: 1450px) {
	.partner_left .left_company .company_item{height: 96px;}
	.partner_right .num_item .num{font-size: 56px;}
	.partner_right .num_item .suffix{font-size: 36px;}
	.partner_right .num_item .title{font-size: 17px;}
}
@media only screen and (max-width: 1300px) {
	.partner_left .left_company .company_item{height: 85px;}
	.partner_left .left_txt{padding-top: 20px;}
	.partner_right .num_item .num{font-size: 44px;}
	.partner_right .num_item .suffix{font-size: 32px;}
	.partner_right .num_item .title{font-size: 16px;}
	.partner_inner{zoom: 0.9;}
}
@media only screen and (max-width: 980px) {
	.home_partner{margin-top: 30px;}
	.partner_inner{zoom: 1; flex-direction: column;}
	.partner_inner .partner_left{width: 100%; padding-top: 0;}
	.partner_inner .partner_left .web_th{padding-right: 0;}
	.partner_left .left_txt{padding-top: 15px; width: 100%;}
	.partner_left .left_company .company_item{height: 56px;}

	.partner_inner .partner_right{width: 100%; margin-top: 20px; padding-top: 100px; padding-left: 50px;}
	.partner_right .left_num{top: 60px; width: 40%; padding: 30% 15px 20px;}
	.partner_right .left_bg{top: 0;}
}

/* home_customer */
.home_customer{overflow: hidden;}
.customer_inner{position: relative; margin-top: 3%; margin-bottom: 50px;}
.customer_inner .swiper-slide{width: 50%; padding: 0 20px;}
.customer_item{position: relative; padding: 8% 30px;}
.customer_item::before{content: ''; position: absolute; left: 0; width: 100%; top: 0; height: 100%; background: #ECECEC; transform: skewX(172deg); z-index: -1;}
.customer_item .user_img{width: 19%; position: relative; height: 100%;}
.customer_item .user_img::before{position: absolute; left: 3px; top: 4px; width: 100%; height: 100%; content: ''; background: var(--commonColor); z-index: 0; border-radius: 50%;}
.customer_item .user_img .pic{padding-bottom: 100%; border-radius: 50%; z-index: 1;}
.customer_item .user_img .pic img{z-index: 1;}
.customer_item .customer_info{width: 77%;}
.customer_item .customer_info .title{font-size: 20px; color: #000;}
.customer_item .customer_info .brief{color: #333; line-height: 28px; margin-top: 10px;}
.customer_item:hover .user_img .pic{animation: swing 0.5s;}

.customer_inner .common-pagination{display: block !important; bottom: -50px;}
.customer_inner .common-pagination .swiper-pagination-bullet{width: 25px; height: 5px; border-radius: 0; margin: 0 5px;}
@media only screen and (max-width: 980px) {
	.home_customer .layout{padding: 0;}
	.home_customer .web_th{padding: 0 14px;}
	.customer_inner{margin-top: 20px; margin-bottom: 34px;}
	.customer_item{padding: 24px 16px;}
	.customer_inner .swiper-slide{padding: 0 20px; width: 100%; margin-right: 0;}
	.customer_item .customer_info .title{font-size: 16px;}
	.customer_item .customer_info .brief{font-size: 14px; line-height: 22px; margin-top: 5px;}
	.customer_inner .common-pagination{bottom: -34px;}
	.customer_inner .common-prev,
	.customer_inner .common-next{display: block !important;}
	.customer_inner .common-prev{left: 0;}
	.customer_inner .common-next{right: 0;}
}

/* home_news */
.home_news{overflow: hidden;}
.home_news_inner{margin-top: 2.6%;}
.home_news_inner .news_item{width: 31.5%; margin-right: 2.75%;}
.home_news_inner .news_item:nth-child(3n){margin-right: 0;}
.home_news_inner .news_item:nth-child(n+4){margin-top: 32px;}
.home_news_inner .news_item .pic{padding-bottom: 65%;}
.home_news_inner .news_item .date{color: #666; font-family: 'Roboto-Regular'; padding: 20px 12px 6px;}
.home_news_inner .news_item .title{font-size: 20px; text-transform: capitalize; line-height: 1.4; color: #000; padding: 0 12px;}
.home_news_inner .news_item .brief{line-height: 26px; color: #666; margin: 10px 0;}

.home_news_inner .news_item:hover .title{color: var(--commonColor); text-decoration: underline;}

@media only screen and (max-width: 1300px) {
	.home_news_inner{zoom: 0.9;}
}
@media only screen and (max-width: 980px) {
	.home_news_inner{zoom: 1; margin-top: 16px;}
	.home_news_inner .news_item{width: 100%; margin-right: 0;}
	.home_news_inner .news_item:nth-child(n+2){margin-top: 20px;}
	.home_news_inner .news_item .date{padding: 15px 0 6px;}
	.home_news_inner .news_item .title{padding: 0; font-size: 19px;}
}