.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(--bgColor);}
.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; background: var(--bgColor);}
.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;}
@media only screen and (max-width: 950px) {
	.slider_banner{display: none;}
	.slider_banner-phone{display: block; margin-top: 0; background: var(--bgColor);}
	.slider_banner-phone .swiper-slide{max-height: 260px;}
	.slider_banner-phone img{width: 100%; height: 100%;}
	.slider_banner .swiper-button-next, .slider_banner .swiper-button-prev{display: none;}
}

/* home_catalog */
.catalog_inner{position: relative; margin: 30px 0 0;}

.swiper_catalog .swiper-slide{width: calc((100% - 48px) / 3); margin-right: 24px;}

.catalog_item{position: relative;}
.catalog_item .pic{border-radius: 16px; padding-bottom: 95%;}
.catalog_item .catalog_info{position: absolute; left: 25px; right: 25px; bottom: 16px;}
.catalog_item .catalog_info .item_icon{height: 64px; display: block;}
.catalog_item .catalog_info .title{color: #fff; font-family: 'Titillium Web-Bold'; font-size: 24px; margin-top: 10px;}

@media only screen and (max-width: 980px) {
	.catalog_inner{padding: 0 0 30px; margin-top: 20px;}
	.swiper_catalog .swiper-slide{width: calc(50% - 10px); margin-right: 20px;}
}
@media only screen and (max-width: 640px) {
	.swiper_catalog .swiper-slide{width: 100%;}
}

/* home_product */

.product_inner{margin-top: 30px; position: relative;}
.swiper_product .swiper-slide{width: calc((100% - 54px) / 4); margin-right: 18px; height: auto;}

.product_item{height: 100%; background: #fff; border-radius: 24px; border: 1px solid #ddd;}
.product_item>a{padding: 26px 32px; display: block;}
.product_item .pic{padding-bottom: 92%;}
.product_item .product_info{margin-top: 14px; text-align: center;}
.product_item .title{font-family: 'Arial-Bold'; line-height: 28px; height: 56px;}
.product_item .pro_btn{border-top: 1px solid #ddd; width: 95%; margin: 10px auto 0; padding-top: 10px; text-align: center; font-family: 'Arial-Regular';}
.product_item .pro_more{position: relative; text-transform: uppercase; border-bottom: 2px solid #666; padding-right: 24px; display: inline-block; line-height: 26px;}
.product_item .pro_more::before{position: absolute; top: 50%; width: 20px; height: 20px; content: ''; margin-top: -11px; right: 0; background: url(../img/icon_plus_b.png) no-repeat center; background-size: 16px auto;}

.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);}

@media only screen and (max-width: 1450px) {
	.product_item{border-radius: 16px;}
	.product_item>a{padding: 24px 22px;}
}

@media only screen and (max-width: 980px) {
	.product_inner{padding-bottom: 30px; margin-top: 20px;}
}

/* home_about */
.home_about{background: url(../img/bg1.jpg) no-repeat center top; background-color: #fff; background-size: auto 83%; position: relative;}
.home_about::before{position: absolute; content: ''; height: 66%; left: 0; top: 0; width: 100%; background: url(../img/icon_about.png) no-repeat right bottom; background-size: 14.6% auto;}
.about_inner{padding: 3% 0 0;}
.about_inner .web_th{width: 42%; padding: 3% 0;}
.about_inner .about_btn{margin: 5% 0 0;}
.about_inner .about_right{width: 50%; background: url(../img/icon_about1.png) no-repeat 2% 8.5%;}
.about_right .about_btn{display: none;}


@media only screen and (max-width: 980px) {
	.home_about{margin-top: 0; padding: 30px 0;}
	.home_about::before{height: 30px; border-radius: 0 0 32px 32px; background: var(--bgColor);}
	.about_inner{flex-direction: column; padding: 30px 0 0;}
	.about_inner .web_th{width: 100%; padding: 0;}
	.about_inner .web_th .title{text-align: center;}
	.about_inner .about_right{width: 100%; margin-top: 20px;}
	.about_inner .web_th .about_btn{display: none;}
	.about_right .about_btn{display: block; text-align: center;}
}

/* about_num */
.about_num{background: var(--commonColor); color: #fff; border-radius: 16px; padding: 5% 5%; margin-top: 3%;}
.about_num .num_item .num_icon{width: 64px; height: 64px; margin-right: 18px; margin-top: 6px;}
.about_num .num_item .num_icon img{width: 100%; height: 100%; display: block;}
.about_num .num_item .world-number{font-family: 'Arial-Bold'; font-size: 32px; padding-bottom: 5px;}
.about_num .num_item .world-number-l{font-family: 'Arial-Bold'; font-size: 20px; margin-left: 10px; text-transform: capitalize;}
.about_num .num_item:hover .num_icon{animation: swing 0.5s;}

@media only screen and (max-width: 1280px) {
	.about_num{padding: 4% 30px;}
	.about_num .num_item .num_icon{margin-right: 10px; width: 54px; height: 54px;}
	.about_num .num_item .world-number{font-size: 28px;}
}
@media only screen and (max-width: 1100px) {
	.about_num{padding: 30px;}
	.about_num .spaceEvenly{flex-wrap: wrap;}
	.about_num .num_item{width: 48%;}
	.about_num .num_item:nth-child(n+3){margin-top: 20px;}
}
@media only screen and (max-width: 980px) {
	.home_about{background: #fff;}
	.about_num{padding: 30px 18px; border-radius: 0; margin-left: -15px; width: calc(100% + 30px); margin-top: 24px;}
	.about_num .num_item{flex-direction: column; text-align: center;}
	.about_num .num_item .num_icon{margin: 0 auto 10px;}
	.about_num .num_item .num_row{align-items: center; justify-content: center;}
	.about_num .num_item .world-number{padding-bottom: 0; font-size: 22px;}
	.about_num .num_item .world-number-l{font-size: 18px;}
}

/* home_ad */
.home_ad{background-repeat: no-repeat; background-position: center; background-size: cover; padding: 8% 0; position: relative;}
.home_ad::before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .2); content: ''; z-index: 1;}
.home_ad .web_th{max-width: 1100px; margin: 0 auto; position: relative; z-index: 2;}
.home_ad .ad_btn{margin-top: 3%;}
.ad_btn .pubMoreBg{border: 2px solid #fff; border-radius: 5%; background: transparent; height: 54px; line-height: 52px; font-family: 'Titillium Web-SemiBold'; font-size: 24px;}
.ad_btn .pubMoreBg:hover{background: var(--commonColor); color: #fff; border-color: var(--commonColor);}

@media only screen and (max-width: 980px) {
	.home_ad{padding: 35px 0 35px;}
	.home_ad .ad_btn{margin-top: 20px;}
	.ad_btn .pubMoreBg{height: 42px; line-height: 40px; font-size: 18px;}
}


/* home_app */
.home_app_inner{padding: 2.5% 0 0; position: relative;}
.home_app_item:nth-child(n+2){margin-top: 3.5%;}
.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;}

.app_info_item .title{font-size: 36px; font-family: 'Cambria-Bold'; font-weight: bold; line-height: 1.25; position: relative; text-transform: uppercase; padding-bottom: 8px;}
.app_info_item .title::before{position: absolute; left: 50%; bottom: 0; height: 3px; background: #333; border-radius: 10px; width: 140px; transform: translateX(-50%); content: '';}
.app_info_item .brief{color: #666; line-height: 28px; margin: 24px 0 24px;}

.app_info_item .pubMoreBg{background: transparent; border: 1px solid #333; border-radius: 5px; color: #333; height: 46px; line-height: 46px; padding: 0 40px;}
.app_info_item:hover .title::before{background: var(--commonColor);}
.app_info_item:hover .brief{color: #333;}
.app_info_item:hover .pubMoreBg{color: #fff; background: var(--commonColor); border-color: var(--commonColor);}

.swiper_home_app{display: none;}

@media only screen and (max-width: 1350px) {
	.app_info_item .title{font-size: 32px;}
}
@media only screen and (max-width: 1200px) {
	.app_info_item .title{font-size: 30px;}
}
@media only screen and (max-width: 980px) {
	.home_app{background: #fff;}
	.home_app_inner{padding: 16px 0 30px;}
	.home_app_list{display: none;}
	.swiper_home_app{display: block;}
	.app_info_item{width: 100%; padding: 16px 0 0;}
	.app_info_item .title{font-size: 20px;}
	.app_info_item .brief{margin: 16px 0;}
}


/* home_news */
.home_news_inner{margin-top: 30px;}
.home_news_left{width: 63.5%;}
.home_news_right{width: 35%; height: auto; position: relative;}


.home_news_item{background: #fff; border-radius: 16px; padding: 36px 28px;}
.news_pic_item{width: 40%;}
.home_news_info{width: 56%;}
.home_news_item .pic{padding-bottom: 75%; border-radius: 12px;}

.home_news_info{padding: 0 0 0;}
.home_news_info .date{color: #666;}
.home_news_info .title{font-family: 'Titillium Web-Bold'; font-size: 18px; margin: 15px 0; line-height: 1.5; height: 3em; overflow: hidden;}
.home_news_info .brief{color: #666; line-height: 26px; max-height: 78px; overflow: hidden;}
.home_news_info .pubMoreBg{border-radius: 5px; margin-top: 20px; position: relative; padding-right: 60px;}
.home_news_info .pubMoreBg::before{content: ''; display: block; width: 24px; height: 24px; background: url(../img/icon_right.png) no-repeat center; background-size: 24px auto; position: absolute; right: 30px; top: 50%; margin-top: -12px;}

.home_news_item:hover .home_news_info .title{color: var(--commonColor);}

.home_news_right .pic{padding-bottom: 0; height: 100%; border-radius: 16px;}
.home_news_right .pic::before{position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: rgba(0, 0, 0, .2);}
.news_right_info{position: absolute; left: 10%; width: 80%; top: 50%; transform: translateY(-50%); z-index: 2; color: #fff; line-height: 28px; opacity: 0.9;}

.news_btns{position: relative; margin-top: 24px; height: 60px;}
.news_btns .common-prev, .news_btns .common-next{background: #fff; color: #333; border-radius: 4px;}
.news_btns .common-prev:hover, .news_btns .common-next:hover{background: var(--commonColor); color: #fff;}
.news_btns .common-prev{left: 0;}
.news_btns .common-next{left: 70px; right: unset;}

@media only screen and (max-width: 1200px) {
	.home_news_item{padding: 24px 20px;}
	.home_news_info .title{margin: 10px 0;}
	.home_news_info .pubMoreBg{margin-top: 12px;}
}
@media only screen and (max-width: 980px) {
	.home_news{background: #fff; padding-bottom: 30px;}
	.home_news_inner{margin-top: 20px;}
	.home_news_left{width: 100%; padding-bottom: 35px;}
	.home_news_right{display: none;}
	.home_news_item{flex-direction: column; padding: 0; background: transparent;}
	.news_pic_item{width: 100%;}
	.home_news_info{width: 100%; margin-top: 20px;}
	.home_news_info .title{height: auto; display: block; margin: 12px 0; font-size: 20px;}
}