/* .head_layer .head_inner{background: rgba(255, 255, 255, 0.4);} */

/* .web_th .title{font-family: 'Cambria-Bold'; text-transform: uppercase;}
.web_th .brief{font-family: 'Titillium Web-Regular';} */
/* body, .web_main{background: var(--lightColor);} */
/* .web_main{font-family: 'Titillium Web-Regular';} */

@media only screen and (max-width: 980px) {
	/* .web_main{padding-bottom: 0;} */
	/* body{background: #fff;} */
}
/* slider_banner */
.slider_banner {position: relative; overflow: hidden;}
.slider_banner .swiper-slide {overflow: hidden; border-radius: 0 0 80px 80px;}
.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; border-radius: 0 0 32px 32px;}
@media only screen and (max-width: 950px) {
	.slider_banner{display: none;}
	.slider_banner-phone{display: block; margin-top: 0; background: var(--lightColor);}
	/* .slider_banner-phone .swiper-slide{max-height: 260px;} */
	.slider_banner-phone img{width: 100%; height: 100%; border-radius: 0 0 32px 32px;}
	.slider_banner .swiper-button-next, .slider_banner .swiper-button-prev{display: none;}
}


/* home_product */
.home_product{overflow: hidden;}
.home_product .web_th{flex: 1;}
.product_inner{margin-top: 30px; position: relative; overflow: hidden;}
.swiper_product .swiper-slide{width: calc((100% - 52px) / 3); margin-right: 26px; height: auto;}

.product_item{height: 100%;}
.product_item>a{height: 100%;}
.product_item .pic{padding-bottom: 75%; border-radius: 42px;}
.product_item .product_info{margin-top: 24px; padding: 0 16px; flex: 1;}
.product_item .title{font-family: 'Arial-Bold'; line-height: 28px; font-size: 22px; text-transform: uppercase;}
.product_item .pro_btn{margin-left: 15px;}
.product_item .pubMore{font-size: 16px;}

.product_item:hover .title{color: var(--commonColor);}
.product_item:hover .pro_more{border-bottom-color: var(--commonColor); color: var(--commonColor);}
.product_item:hover .pro_more::before{background-image: url(../img/icon_plus_h.png);}

.swiper_btns{position: relative; width: 220px; margin-left: 30px;}
.swiper_btns .common-next,.swiper_btns .common-prev{border: 2px solid #333; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: 52px auto; width: 90px; border-radius: 32px;}
.swiper_btns .common-next::before,.swiper_btns .common-prev::before{display: none;}
.swiper_btns .common-next{right: 0; background-image: url(../img/next.png);}
.swiper_btns .common-prev{left: 0; background-image: url(../img/prev.png);}

.swiper_btns .common-next:hover,.swiper_btns .common-prev:hover{border-color: var(--commonColor); background-color: var(--commonColor);}
.swiper_btns .common-next:hover{background-image: url(../img/next_h.png);}
.swiper_btns .common-prev:hover{background-image: url(../img/prev_h.png);}

.product_top_brief{display: none; line-height: 1.75; color: #666; margin-top: 15px;}

@media only screen and (max-width: 1600px) {
	.product_item .product_info{padding: 0;}
	.product_item .title{font-size: 20px;}
	.product_item .pic{border-radius: 36px;}
}
@media only screen and (max-width: 1450px) {
	.product_item .product_info{flex-direction: column; margin-top: 20px;}
	.product_item .title{font-size: 19px; text-align: center;}
	.product_item .pic{border-radius: 30px;}
	.product_item .pro_btn{margin: 12px 0 0;}
	.swiper_btns{width: 190px;}
	.swiper_btns .common-next,.swiper_btns .common-prev{width: 76px; background-size: 44px auto; height: 44px;}
}

@media only screen and (max-width: 980px) {
	.product_inner{padding-bottom: 32px; margin-top: 16px;}
	.swiper_product .swiper-slide{width: 100%; margin-right: 16px;}
	.product_item .pic{border-radius: 24px;}
	.product_item .title{font-size: 18px;}
	.swiper_btns{width: 110px; margin-left: 12px;}
	.swiper_btns .common-next,.swiper_btns .common-prev{width: 46px; background-size: 32px auto; height: 26px; display: block !important;}
	.top_div .web_th .brief{display: none;}
	.product_top_brief{display: block;}
}

/* home_about */
.home_about{position: relative; overflow: hidden;}
.about_inner .s_title{font-size: 26px; font-family: 'Rambla-Regular'; color: #666; margin-bottom: 10px;}
.about_inner .web_th{width: 45%; padding: 3% 0;}
.about_inner .about_btn{margin: 6% 0 0;}
.about_inner .about_right{width: 50%;}
.about_right .pic{padding-bottom: 85%; border-radius: 60px;}
.about_right .about_btn{display: none;}

.about_num{margin-top: 5%;}
.about_num .num_item{width: 48%;}
.about_num .num_item .num_icon{width: 100px; height: 100px; margin-right: 18px; background: var(--lightColor); padding: 14px;}
.about_num .num_item .num_icon img{width: 100%; height: 100%; display: block;}

.about_num .num_item .num_row{font-family: 'Arial-Bold'; font-size: 42px; line-height: 1.2; margin-top: 4px;}
.about_num .num_item .world-number{text-transform: capitalize;}
.about_num .num_item .world-suffix{margin: 0 2px;}
.about_num .num_item .world-unit{font-size: 16px; text-transform: none; padding-bottom: 8px;}
.about_num .num_item .world-tip-b{font-size: 20px; margin-top: 6px;}

.about_num .num_item:hover .num_icon img{animation: swing 0.5s;}


@media only screen and (max-width: 1450px) {
	.about_inner .s_title{font-size: 26px;}
	.about_right .pic{border-radius: 50px;}
	.about_num .num_item .num_icon{width: 86px; height: 86px; padding: 12px;}
	.about_num .num_item .num_row{font-size: 40px;}
	.about_num .num_item .world-tip-b{font-size: 18px;}
}
@media only screen and (max-width: 1300px) {
	.about_right .pic{border-radius: 40px;}
	.about_num .num_item{width: 100%;}
	.about_num .num_item:nth-child(n+2){margin-top: 18px;}
	.about_num .num_item .num_row{font-size: 36px; margin-top: 0;}
	.about_num .num_item .num_icon{width: 76px; height: 76px; padding: 10px; margin-right: 14px;}
}
@media only screen and (max-width: 980px) {
	.about_inner .s_title{font-size: 22px;}
	.about_inner{flex-direction: column;}
	.about_inner .web_th{width: 100%; padding: 0;}
	.about_inner .about_right{width: 100%; margin-top: 20px;}
	.about_right .pic{border-radius: 24px;}
	.about_inner .web_th .about_btn{display: none;}
	.about_right .about_btn{display: block; text-align: center;}
}

/* home_benefits */
.benefits_div{padding: 4.5% 5% 2%; position: relative; z-index: 0;}
.benefits_div::before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: var(--lightColor); border-radius: 60px 60px 60px 50%; z-index: -1;}

.benefits_inner{max-width: 1440px; margin: 3% auto 0; position: relative; z-index: 1;}
.benefits_pic{width: 50%;}
.benefits_info{width: 45%; padding: 0 0 4%;}
.benefits_ul .item:nth-child(n+2){margin-top: 24px;}
.benefits_ul .item:nth-child(2n){margin-left: 102px;}
.benefits_ul .item .icon{display: block; margin-right: 16px; height: 86px;}
.benefits_ul .item .title{font-size: 22px; line-height: 32px;}
.benefits_ul .item:hover .icon{animation: swing 0.5s;}

@media only screen and (max-width: 1450px) {
	.benefits_ul .item .title{font-size: 20px;}
	.benefits_div::before{border-radius: 50px 50px 50px 45%;}
	.benefits_ul .item .icon{height: 76px;}
	.benefits_ul .item:nth-child(2n){margin-left: 92px;}
}
@media only screen and (max-width: 1300px) {
	.benefits_ul .item .icon{height: 68px; margin-right: 12px;}
	.benefits_ul .item:nth-child(2n){margin-left: 80px;}
	.benefits_ul .item .title{font-size: 18px; line-height: 28px;}
}
@media only screen and (max-width: 980px) {
	.benefits_div::before{border-radius: 26px 26px 26px 30%;}
	.benefits_inner{margin-top: 16px;}
	.benefits_div{padding: 26px 16px;}
	.benefits_pic{width: 40%; margin-left: -15px; padding-bottom: 30px;}
	.benefits_info{width: 59.5%; padding-bottom: 0;}
	.benefits_ul .item .icon{width: 32px; height: 32px; margin-right: 10px;}
	.benefits_ul .item .title{font-size: 16px; line-height: 22px;}
	.benefits_ul .item:nth-child(n+2){margin-top: 16px;}
	.benefits_ul .item:nth-child(1){margin-left: -36px;}
	.benefits_ul .item:nth-child(5){margin-left: -36px;}
	.benefits_ul .item:nth-child(2){margin-left: -10px;}
	.benefits_ul .item:nth-child(4){margin-left: -10px;}
	.benefits_ul .item:nth-child(3){margin-left: 0;}
}

/* home_advantage */
.home_advantage{background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; z-index: 0; border-radius: 0 0 100px 100px; overflow: hidden;}
.home_advantage::before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: rgba(0, 0, 0, .56);}

.home_advantage .web_th .title{width: 45%;}
.home_advantage .web_th .brief{width: 45%;}

.advantage_inner{position: relative; margin: 3% 0 3%;}
.advantage_inner .swiper-slide{width: calc((100% - 66px) / 4); margin-right: 22px; height: auto;}
.home_adv_item{border: 2px solid #fff; border-radius: 24px; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(20px); color: #fff; height: 100%; padding: 11%; position: relative;}
.home_adv_item::after{position: absolute; left: 50%; width: 0; bottom: -2px; height: 2px; background: var(--commonColor); content: '';}

.home_adv_item .pic{width: 92px; height: 92px; border: 2px solid #fff; border-radius: 8px; background: var(--commonColor); padding: 12px;}
.home_adv_item .pic img{display: block; height: 100%; margin: 0 auto;}
.home_adv_item .title{font-family: 'Rambla-Bold'; font-size: 24px; line-height: 1.25; margin: 26px 0 16px;}
.home_adv_item .brief{line-height: 1.75;}

.home_adv_item:hover::after{width: calc(100% - 48px); left: 24px;}
.home_adv_item:hover .pic img{animation: bounceInA 0.5s;}


@media only screen and (max-width: 1450px) {
	.home_advantage{border-radius: 0 0 80px 80px;}
	.home_adv_item{padding: 30px;}
	.home_adv_item .title{font-size: 22px;}
}
@media only screen and (max-width: 1300px) {
	.home_advantage{border-radius: 0 0 60px 60px;}
	.home_adv_item .pic{width: 76px; height: 76px;}
	.home_adv_item{padding: 24px 20px; border-radius: 20px;}
	.home_adv_item:hover::after{width: calc(100% - 40px); left: 20px;}
	.home_adv_item .title{font-size: 20px; margin: 20px 0 12px;}
	.advantage_inner{padding-bottom: 50px;}
	.advantage_inner .common-pagination{display: block;}
}
@media only screen and (max-width: 980px) {
	.home_advantage{border-radius: 0 0 32px 32px;}
	.home_advantage .web_th .title{width: 100%;}
	.home_advantage .web_th .brief{width: 100%;}
	.advantage_inner{margin: 18px 0 0; padding-bottom: 35px;}
	.advantage_inner .swiper-slide{width: 100%; margin-right: 16px;}
	.home_adv_item{padding: 20px; backdrop-filter: blur(2px);}
	.home_adv_item .pic{width: 60px; height: 60px; padding: 10px;}
	.home_adv_item .title{font-size: 19px;}
}


/* home_service */
.service_inner{background: var(--lightColor); border-radius: 110px; position: relative; padding: 4.5% 6% 5.6%;}
.home_ser_item{width: 47.5%; border-radius: 50px; border: 1px solid #333; background: #fff; padding: 3.6% 3.2%; height: auto;}
.home_ser_item:nth-child(n+3){margin-top: 3%;}
.home_ser_item .pic{padding-bottom: 52%; border-radius: 40px;}
.service_info{flex: 1; margin-bottom: 14px;}
.service_info .title{font-family: 'Rambla-Bold'; font-size: 26px; line-height: 1.4;}
.service_info .brief{color: #666; line-height: 1.75; margin-top: 10px;}
.home_ser_item .service_btn{margin: 12px 0 20px;}

.ser_first{background: none; padding: 0; border: none; border-radius: 0;}
.ser_first .pubMore1{height: 52px; line-height: 50px; margin-top: 30px;}


.home_app_item .app_left_pic{width: 44%; order: 1;}
.home_app_item .pic{padding-bottom: 100%; border-radius: 15px;}
.home_app_item:nth-child(2n) .app_left_pic{order: 3;}
.app_info_item{position: relative; width: 56%; order: 2; padding: 0 6%; text-align: center;}

.swiper_home_ser{display: none;}

@media only screen and (max-width: 1450px) {
	.service_inner{border-radius: 90px;}
	.home_ser_item{border-radius: 42px;}
	.home_ser_item .pic{border-radius: 35px;}
}
@media only screen and (max-width: 1300px) {
	.service_inner{border-radius: 72px;}
	.home_ser_item{border-radius: 36px;}
	.home_ser_item .pic{border-radius: 30px;}
	.service_info .title{font-size: 24px;}
	.ser_first .pubMore1{margin-top: 20px;}
}
@media only screen and (max-width: 980px) {
	.service_inner{border-radius: 0; background: none; padding: 0 0 35px;}
	.home_ser_item{border-radius: 28px; width: 100%;}
	.home_ser_item .pic{border-radius: 20px;}
	.service_info .title{font-size: 20px;}
	.ser_first .pubMore1{margin-top: 14px; height: 48px; line-height: 46px;}

	.home_ser_list .home_ser_item{display: none;}
	.home_ser_list .ser_first{display: block;}
	.swiper_home_ser{display: block; margin-top: 24px;}
	.swiper_home_ser .swiper-slide{width: 100%; margin-right: 16px; height: auto;}
	.swiper_home_ser .home_ser_item{padding: 20px 18px; height: 100%;}
}