.common_ad{margin-top: 0;}

/* slider_banner */
.slider_banner .swiper-pagination {padding-bottom: 15px;}
.slide-page-box {display: none;}
.slider_banner {position: relative;}
.slider_banner .swiper-slide {overflow: hidden;}
.slider_banner .swiper-button-next, .slider_banner .swiper-button-prev {
    width: 56px; height: 56px; line-height: 54px; margin-top: -28px; 
	opacity: 0; background-image: none; border-radius: 50%;
}
.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-pagination {
	width: 100%; text-align: center; left: 0; bottom: 10px
}
.slider_banner .swiper-pagination .swiper-pagination-bullet {
	width: auto; height: auto; margin: 0 8px; border-radius: 0;
	padding: 8px 0; background: 0;
}
.slider_banner .swiper-pagination .swiper-pagination-bullet:before {
	content: ""; display: block; width: 36px; height: 6px;
	border-radius: 1em; background-color: rgba(0,0,0,.9)
}
.slider_banner .swiper-pagination .swiper-pagination-bullet-active:before {
	background-color: hsla(0,0%,100%,.9)
}
.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 .swiper-pagination-bullet {margin: 0 8px;}

.banner_txt{position: absolute; left: 0; bottom: 0; color: #fff; background: rgba(0,0,0,.4); padding: 0.78rem 0.6rem;}
.banner_txt .title{font-size: 0.56rem; line-height: 0.64rem;}
.banner_txt ul{float: left;}
.banner_txt ul li{line-height: 0.28rem; color: #fff; font-size: 0.24rem; margin-top: 0.25rem;}
.banner_txt ul li a{color: #fff;}

.slider_banner-phone {display: none;}
@media only screen and (max-width: 1023px) {
	.web_main{background: #fff;}
	.slider_banner-phone{display: block; margin-top: 50px;}
	.slider_banner-phone .swiper-slide img{width: 100%;}
	.slider_banner{margin-top: 50px; display: none;}
	.slider_banner .swiper-button-next, .slider_banner .swiper-button-prev{display: none;}
}

/* th_other */
.th_other{text-align: left;}
.th_other .title{position: relative; border-bottom: 1px solid #999; padding-bottom: 15px;}
.th_other .title::before{position: absolute; left: 0; bottom: -2px; height: 5px; background: var(--commonColor); content: ''; width: 15%;}
.th_other .brief{margin-top: 30px;}
@media only screen and (max-width: 980px) {
	.th_other{text-align: center;}
	.th_other .title{border-bottom: 0;}
	.th_other .title::before{left: 42.5%; border-radius: 30px; bottom: 0;}
	.th_other .brief{margin-top: 18px;}
}

/* home_popular */
.home_popular{overflow: hidden;}
.popular_inner .popular_item{background: #F7EFEC; border-radius: 12px; padding: 2.2%; width: 31.75%; margin-right: 2.25%;}
.popular_inner .popular_item:nth-child(3n){margin-right: 0;}
.popular_inner .popular_item:nth-child(n+4){margin-top: 2.75%;}
.popular_inner .popular_item .pic{width: 50%; padding-bottom: 40%;}
.popular_inner .popular_item .popular_info{width: 46%;}
.popular_inner .popular_item .popular_info .tag{line-height: 30px; padding: 0 15px; background: var(--commonColor); color: #fff; border-radius: 28px; font-weight: bold; display: inline-block;}
.popular_inner .popular_item .popular_info .title{font-size: 24px; font-weight: bold; line-height: 1.3; margin: 12px 0;}
.popular_inner .popular_item .popular_info .more{text-transform: uppercase; text-decoration: underline; display: inline-block; line-height: 30px;}

.popular_inner .popular_item:hover{background: #E6E9F0;}
.popular_inner .popular_item:hover .popular_info .more{background: var(--commonColor); color: #fff; text-decoration: none; padding: 0 10px;}

@media only screen and (max-width: 1450px) {
	.popular_inner .popular_item{padding: 20px;}
	.popular_inner .popular_item .popular_info .title{font-size: 22px;}
}
@media only screen and (max-width: 1300px) {
	.popular_inner{zoom: 0.9;}
	.popular_inner .popular_item{padding: 20px 16px;}
	.popular_inner .popular_item .popular_info .title{font-size: 20px;}
	.popular_inner .popular_item .popular_info .tag{padding: 0 10px;}
}
@media only screen and (max-width: 980px) {
	.popular_inner{zoom: 1;}
	.popular_inner .popular_item{width: 100%; margin-right: 0; align-items: center;}
	.popular_inner .popular_item:nth-child(n+2){margin-top: 20px;}
	.popular_inner .popular_item .pic{width: 48%;}
	.popular_inner .popular_item .width{width: 48%;}
	.popular_inner .popular_item .popular_info .title{font-size: 18px;}
}

/* home_about */
.home_about{overflow: hidden;}
.about_video{overflow: hidden; margin-top: 30px;}
.about_video lite-youtube{display: block; border-radius: 12px;}
lite-youtube>.lty-playbtn{width: 90px; height: 90px; margin: -45px 0 0 -45px; background-repeat: no-repeat; background-position: center; background-image: url(../img/play.png); background-size: 100% auto; border-radius: 50%; filter: unset; transition: all 0.4s ease; transform: none;}
lite-youtube:hover>.lty-playbtn{background-image: url(../img/play_b.png);}

@media only screen and (max-width: 1450px) {
	.about_video{margin-top: 24px;}
	lite-youtube>.lty-playbtn{width: 80px; height: 80px; margin: -40px 0 0 -40px;}
}
@media only screen and (max-width: 980px) {
	.about_video{margin-top: 20px;}
	lite-youtube>.lty-playbtn{width: 60px; height: 60px; margin: -30px 0 0 -30px;}
}

/* home_pro_sort */
.home_pro_sort{overflow: hidden;}
.home_pro_sort .web_th{position: relative;}
.home_pro_sort .web_th .title{align-items: center; padding-right: 60%;}
.home_pro_sort .web_th .sort_tab{position: absolute; right: 0; top: 50%; margin-top: -16px; max-width: 56%;}

.sort_tab .swiper-slide{width: auto;}
.sort_tab .tab_item{font-weight: bold; font-size: 20px; text-transform: uppercase; cursor: pointer; margin-left: 30px;}
.sort_tab .active .tab_item{color: var(--commonColor);}

.sort_con{position: relative; margin-top: 18px; animation: fadeInUpA 0.5s; display: none; padding: 0 2px; margin-top: 3%;}
.sort_con .swiper-slide{width: calc((100% - 60px) /4); margin-right: 20px; height: auto;}

.home_pro_item{border: 2px solid #D9D9D9; height: 100%; padding: 25px; border-radius: 12px; position: relative;}
.home_pro_item .pic{padding-bottom: 100%;}
.home_pro_item .pro_info{position: absolute; left: 0; width: 100%; top: 50%; opacity: 0; transition: all 0.5s ease; z-index: 1;}
.home_pro_item .item_icon{display: block; width: 66px; height: 66px;  border-radius: 50%; background: rgba(var(--comColorRgb), 0.8); background-repeat: no-repeat; background-position: center; background-image: url(../img/icon_plus.png); opacity: 1; background-size: 20px auto; margin: 0 auto;}
.home_pro_item .title{font-weight: bold; font-size: 24px; line-height: 1.3; flex: 1; margin: 15px 0;}
.home_pro_item .more{background: #EBEBEB; border-radius: 4px; height: 48px; line-height: 48px; text-align: center; text-transform: uppercase; font-weight: bold;}

.home_pro_item:hover .more{background: var(--commonColor); color: #fff;}
.home_pro_item:hover .pro_info{transform: translateY(-50%); opacity: 1;}

.sort-pagination{display: none;}

@media only screen and (max-width: 1450px) {
	.home_pro_item{padding: 20px;}
	.home_pro_item .title{font-size: 22px;}
}
@media only screen and (max-width: 1300px) {
	.home_pro_sort{zoom: 0.88;}
}
@media only screen and (max-width: 980px) {
	.home_pro_sort{zoom: 1;}
	.home_pro_sort .web_th .title{padding-right: 0;}
	.home_pro_sort .web_th .sort_tab{position: static; width: 100%; max-width: unset; margin: 20px 10px 0;}
	.sort_tab .tab_item{margin: 0 20px 0 0; font-size: 19px;}
	.sort_tab .swiper-slide:last-child .tab_item{margin-right: 0;}

	.tab_con{padding: 0 10px;}

	.sort_con{padding: 0 0 35px; animation: none; margin-top: 15px;}
	.home_pro_item{padding: 20px 15px; margin-top: 0;}
	.home_pro_item::before{opacity: 1; height: 12px; bottom: -12px;}
	.home_pro_item:hover::before{opacity: 1; height: 12px;}
	.home_pro_info .title{font-size: 16px;}
	.swiper-container-multirow>.swiper-wrapper{flex-wrap: nowrap;}

	.sort-next, .sort-prev{display: none;}
	.sort-pagination{display: block;}
	.sort_con .swiper{padding-top: 0;}

}

/* home_service */
.home_service{overflow: hidden; background-position: center; background-size: cover; background-repeat: no-repeat; padding: 5% 0;}
.service_inner .service_item{width: 31.2%; margin-right: 3.2%; background: #fff; border-radius: 12px; padding: 2.4%;}
.service_inner .service_th{background: transparent !important; border-radius: 0; padding: 0 !important; transform: none !important;}
.service_inner .service_item:nth-child(3n){margin-right: 0;}
.service_inner .service_item:nth-child(n+4){margin-top: 3.2%;}
.service_inner .service_item img{display: block; height: 64px; transition: all 0.5s ease;}
.service_inner .service_item img.hover{display: none;}
.service_inner .service_item .title{font-family: 'Archivo Black-Regular'; font-size: 24px; line-height: 1.5; margin: 10px 0 8px;}
.service_inner .service_item .brief{color: #666; line-height: 28px;}
.service_inner .service_th .title{font-size: 48px; line-height: 1.25; display: inline-block; margin: 0 0 16px;}
.service_inner .hoverItem:hover{background: var(--commonColor); transform: rotate(-4deg);}
.service_inner .hoverItem:hover img.def{display: none;}
.service_inner .hoverItem:hover img.hover{display: block;}
.service_inner .hoverItem:hover .title{color: #fff;}
.service_inner .hoverItem:hover .brief{color: #fff;}

@media only screen and (max-width: 1450px) {
	.service_inner .service_item{width: 32%; margin-right: 2%; padding: 2%;}
	.service_inner .service_item img{height: 60px;}
	.service_inner .service_item .title{font-size: 22px;}
	.service_inner .service_th .title{font-size: 40px;}
}
@media only screen and (max-width: 1300px) {
	.service_inner .service_th .title{font-size: 36px;}
	.home_service{zoom: 0.88;}
}
@media only screen and (max-width: 980px) {
	.home_service{zoom: 1; padding: 30px 0;}
	.service_inner .service_item{width: 100%; margin-right: 0; padding: 20px 16px;}
	.service_inner .service_item:nth-child(n+2){margin-top: 20px;}
	.service_inner .service_item img{height: 56px;}
	.service_inner .service_th .title{font-size: 26px; margin-bottom: 10px;}
}

/* home_review */
.home_review{background: #FAFAFA;}
.home_review .web_th .brief{margin-top: 20px;}
.home_review .web_th .brief img{height: 32px; width: auto; margin-right: 10px;}
.home_review .web_th .brief p{flex: 1; line-height: 28px; margin-top: 2px;}

.review_inner{margin-top: 3%; position: relative;}
.review_inner .review_th{width: 20%; padding-top: 50px; background: url(../img/icon1.png) no-repeat left top; background-size: 58px auto; margin-right: 20px;}
.review_inner .review_th .title{font-family: 'Archivo Black-Regular'; font-size: 36px; line-height: 1.35; margin: 20px 0;}

.review_inner .review_swiper{flex: 1; padding: 5px;}
.review_inner .swiper-slide{height: auto; width: calc((100% - 40px) / 3); margin-right: 20px;}
.review_item{display: flex; flex-direction: column; height: 100%;}
.review_item .review_info{box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.15); background: #fff; position: relative; padding: 8%; border-radius: 6px 6px 6px 0; margin-bottom: 40px; color: #777; flex: 1; display: flex; flex-direction: column;}
.review_item .review_info::before{position: absolute; content: '';
    left: -2px; bottom: -44px; background: url(../img/bg_review.png) no-repeat left bottom; height: 45px; width: 100px;
}
.review_item .review_info .brief{flex: 1;}
.review_item .review_info .star_div{display: flex; margin-top: 20px;}
.review_item .review_info .star_div .star{width: 28px; height: 28px; background: url(../img/star.png) no-repeat center; background-size: 100% auto; margin-right: 5px;}
.review_item .review_user{align-items: center; margin-left: 8%;}
.review_item .review_user img{width: 76px; height: 76px; border-radius: 50%; display: block; margin-right: 10px;}
.review_item .review_user>div{flex: 1;}
.review_item .review_user .name{font-family: 'Archivo Black-Regular'; font-size: 24px;}
.review_item .review_user .country{font-size: 20px;}

.review_item:hover .review_user img{animation: swing 0.5s;}

.swiper_tool{position: relative; padding: 0 42px; height: 32px; width: 86%;}
.swiper_tool .common-next, .swiper_tool .common-prev{width: 32px; height: 32px; margin-top: -16px; background-color: transparent; background-position: center; background-repeat: no-repeat; background-size: 26px auto; cursor: pointer; display: block !important;}
.swiper_tool .common-next{right: 0; background-image: url(../img/icon_right.png);}
.swiper_tool .common-prev{left: 0; background-image: url(../img/icon_left.png);}
.swiper_tool .common-next:hover{right: 0; background-image: url(../img/icon_right_h.png);}
.swiper_tool .common-prev:hover{left: 0; background-image: url(../img/icon_left_h.png);}
.swiper_tool .common-next::before,
.swiper_tool .common-prev::before{display: none;}
.swiper_tool .common-scrollbar{width: 100%; height: 2px; background: #D2D2D2; top: 15px;}
.swiper_tool .swiper-scrollbar-drag{height: 4px; top: -1px; background: #303030; cursor: pointer;}

@media only screen and (max-width: 1450px) {
	.review_inner .review_th .title{font-size: 32px;}
	.review_item .review_user .name{font-size: 22px;}
	.review_item .review_user .country{font-size: 18px; margin-top: 5px;}
	.review_item .review_info{padding: 20px;}
}
@media only screen and (max-width: 1300px) {
	.review_inner{zoom: 0.88;}
}
@media only screen and (max-width: 980px) {
	.home_review .web_th .brief{display: none;}
	.review_inner{zoom: 1; flex-direction: column; margin-top: 15px;}
	.review_inner .review_th{width: 100%; order: 2; padding-top: 0; background: none; margin: 0 20px;}
	.review_inner .review_swiper{width: 100%; order: 1;}
	.review_inner .review_th .title{display: none;}
	.swiper_tool{width: 100%; margin-top: 12px;}
	.review_item{background: #fff; padding: 20px; border: 2px solid #D9D9D9; border-radius: 8px;}
	.review_item .review_info{box-shadow: none; background: none; margin-bottom: 0; padding: 0; display: flex; flex-direction: column; order: 2;}
	.review_item .review_info::before{display: none;}
	.review_item .review_user{order: 1; margin-left: 0; margin-bottom: 15px;}
	.review_item .review_user img{height: 60px; width: 60px;}
	.review_item .review_user .name{font-size: 18px;}
	.review_item .review_user .country{font-size: 16px; margin-top: 5px;}
	.review_item .review_info .star_div{margin-top: 12px;}
}


/* home_news */
.home_news{overflow: hidden;}
.swiper_btns{position: relative; width: 80px; height: 32px;}
.swiper_btns .related_news-next, 
.swiper_btns .related_news-prev{width: 32px; height: 32px; border-radius: 4px; margin-top: -16px; background-color: #D9D9D9; color: #333;}
.swiper_btns .related_news-prev{left: 0;}
.swiper_btns .related_news-next{right: 0;}
.swiper_btns .related_news-prev::before,
.swiper_btns .related_news-next::before{font-size: 28px; line-height: 32px;}
.swiper_btns .related_news-next:hover, 
.swiper_btns .related_news-prev:hover{background-color: var(--commonColor); color: #fff;}

.home_news .common-pagination{display: none;}

@media only screen and (max-width: 980px) {
	.home_news .swiper_btns{display: none;}
	.home_news .web_th .title{width: 100%; display: block;}
	.home_news .common-pagination{display: block;}
}

/* home_images */
.home_images{overflow: hidden;}
.home_images_inner{padding: 0 15px; position: relative;}
.home_images_inner .swiper-slide{width: calc((100% - 80px) / 6); margin-right: 16px;}
.home_images_inner .image_item .pic{padding-bottom: 100%;}
.home_images_inner .common-pagination{display: none;}
@media only screen and (max-width: 980px) {
	.home_images_inner .swiper-slide{width: calc((100% - 32px) / 2.4);}
}
@media only screen and (max-width: 768px) {
	.home_images_inner .swiper-slide{width: calc((100% - 16px) / 1.5);}
}
.web_footer{margin-top: 18px;}