/* public */
/* .web_head {position: fixed; top: 0; left: 0;}
.web_head .head_layer{padding: 25px 0 50px;}
.fixed-nav .head_layer{padding: 10px 0 12px;} */


@media only screen and (max-width: 980px) {
	
}

/* 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;}
	.slider_banner-phone{display: block; margin-top: 0;}
	/* .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;}
}

.web_th .title{text-transform: none;}
/* .web_th .title .txt{color: var(--commonColor);}
.th_white .title .txt{color: #fff;}
.home_bg_wrap{background: var(--commonColor); color: #fff;} */

/* home_product */
.home_product .web_th{padding: 6% 0 3%;}
.home_product .pro_th{position: relative;}
.home_product .pro_th .pro_bg_left,
.home_product .pro_th .pro_bg_right{background-repeat: no-repeat; background-position: center; background-size: 100%; auto}
.home_product .pro_th .pro_bg_left{width: 17%; display: block; height: auto; margin-right: 15px;}
.home_product .pro_th .pro_bg_right{width: 10.3%; display: block; height: auto; background-position: right top; margin-left: 6%;}
.home_product .pro_th .icon1{width: 17%; display: block; height: auto;}
.home_product .pro_th .icon2{width: 10.3%; display: block; height: auto;}

.product_inner{margin-top: 30px; position: relative;}
.swiper_product .swiper-wrapper{flex-wrap: wrap;}
.swiper_product .swiper-slide{width: calc((100% - 72px) / 4); margin-right: 24px; height: auto;}
.swiper_product .swiper-slide:nth-child(4n){margin-right: 0;}
.swiper_product .swiper-slide:nth-child(n+5){margin-top: 24px;}

.product_item{}
.product_item .pic{padding-bottom: 100%; border-radius: 12px; background: #EFF1F1;}
.product_item .title{font-family: 'Fredoka One-Regular'; font-size: 24px; line-height: 1.4; flex: 1; margin: 12px 0 8px; text-align: center;}
.product_item .pro_btn{text-align: center;}
.product_item .pro_more{position: relative; text-transform: uppercase; display: inline-block; line-height: 28px; font-weight: bold; color: var(--commonColor); padding-bottom: 2px;}
.product_item .pro_more::before{position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; content: ''; background: var(--commonColor); transition: all 0.5s ease;}

.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{width: 100%; left: 0;}

@media only screen and (max-width: 1450px) {
	.product_item .title{font-size: 22px;}
}
@media only screen and (max-width: 1300px) {
	.product_inner{zoom: 0.8;}
}
@media only screen and (max-width: 980px) {
	.home_product .web_th{padding-bottom: 0;}
	.home_product .pro_th{position: relative;}
	.home_product .pro_th .pro_bg_left,
	.home_product .pro_th .pro_bg_right{position: absolute; top: 10px; height: 100%;}
	.home_product .pro_th .pro_bg_left{margin-right: 0; left: 0; background-position: center top; width: 15%; background-size: 120% auto;}
	.home_product .pro_th .pro_bg_right{margin-left: 0; right: 0; width: 12%; background-size: 120% auto; top: 15px;}
	.product_item .title{font-size: 20px; margin: 14px 0 6px;}
	.swiper_product .swiper-wrapper{flex-wrap: unset;}
	.swiper_product .swiper-slide{width: 100%; margin-right: 16px; margin-top: 0 !important;}
	.product_inner{padding-bottom: 30px; margin-top: 20px; zoom: 1;}
}

/* home_class */
.home_class{overflow: hidden;}
.home_class .class_inner{margin-top: 35px; position: relative;}
.class_inner .swiper-slide{width: calc((100% - 160px) / 5); margin-right: 40px; height: auto;}
.home_class .class_item{height: 100%;}
.home_class .class_item .pic{padding-bottom: 100%; border-radius: 50%;}
.home_class .class_item .title{font-family: 'Fredoka One-Regular'; font-size: 22px; line-height: 1.2; text-align: center; margin-top: 30px; position: relative; min-height: 70px; color: #fff; background: url(../img/bg_title.png) no-repeat center; background-size: 100% 100%; background-color: var(--color5); display: flex; align-items: center; justify-content: center; padding: 10px 15px 8px; overflow: hidden; flex: 1;}
.home_class .swiper-slide:nth-child(5n + 1) .class_item .title{background-color: var(--color1);}
.home_class .swiper-slide:nth-child(5n + 2) .class_item .title{background-color: var(--color2);}
.home_class .swiper-slide:nth-child(5n + 3) .class_item .title{background-color: var(--color3);}
.home_class .swiper-slide:nth-child(5n + 4) .class_item .title{background-color: var(--color4);}

.home_class .class_item:hover .title{text-decoration: underline;}

@media only screen and (max-width: 1450px) {
	.class_inner .swiper-slide{width: calc((100% - 120px) / 5); margin-right: 30px;}
	.home_class .class_item .title{font-size: 20px; min-height: 64px;}
}
@media only screen and (max-width: 1300px) {
	.class_inner .swiper-slide{width: calc((100% - 80px) / 5); margin-right: 20px;}
	.home_class .class_inner{zoom: 0.8;}
}
@media only screen and (max-width: 980px) {
	.class_inner .swiper-slide{width: 100%; margin-right: 16px;}
	.home_class .class_inner{zoom: 1; padding-bottom: 35px;}
}
@media only screen and (max-width: 768px) {
	.class_inner .swiper-slide{width: 100%; margin-right: 16px;}
	.home_class .class_inner{max-width: 280px; margin: 15px auto 0;}
	.home_class .class_item .title{margin-top: 15px;}
}

/* home_catalog */
.home_catalog{overflow: hidden;}
.catalog_inner{position: relative;}
.swiper_catalog .swiper-wrapper{flex-wrap: wrap;}
.swiper_catalog .swiper-slide{width: calc((100% - 6px) / 3); margin-right: 3px; height: auto;}
.swiper_catalog .swiper-slide:nth-child(3n){margin-right: 0;}
.swiper_catalog .swiper-slide:nth-child(n+4){margin-top: 3px;}

.catalog_item{height: 100%; position: relative;}
.catalog_item .pic{padding-bottom: 62%;}
.catalog_item .pic::before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); content: ''; z-index: 1;}
.catalog_item .catalog_info{position: absolute; left: 0; bottom: 50%; padding: 0 20px; text-align: center; width: 100%; transform: translateY(50%); z-index: 2;}
.catalog_item .title{font-family: 'Fredoka One-Regular'; font-size: 24px; line-height: 1.4; flex: 1; margin: 12px 0 8px; text-align: center; color: #fff;}
.catalog_item .more{position: relative; text-transform: uppercase; display: inline-block; line-height: 32px; font-size: 14px; background: #fff; padding: 0 36px 0 20px; margin-top: 5px;}
.catalog_item .more::after{content: ''; display: block; width: 6px; height: 6px; border-top: 1px solid #333; border-right: 1px solid #333; transform: rotate(45deg); border-radius: 2px; vertical-align: middle; margin-left: 10px; position: absolute; right: 20px; top: 13px; transition: all 0.45s ease;}


.catalog_item:hover .more{background: var(--commonColor); color: #fff;}
.catalog_item:hover .more::after{border-color: #fff;}

@media only screen and (max-width: 1450px) {
	.catalog_item .title{font-size: 22px;}
}
@media only screen and (max-width: 1300px) {
	.catalog_inner{zoom: 0.8;}
}
@media only screen and (max-width: 980px) {
	.home_catalog .layout{padding: 0;}
	.catalog_inner{padding-bottom: 0; zoom: 1;}
	.catalog_item .catalog_info{transform: translateY(46%);}
	.catalog_item .title{font-size: 20px; margin: 14px 0 6px;}
	.catalog_inner .common-pagination{bottom: 10px;}
	.catalog_inner .swiper-pagination-bullet{background: #fff;}
	.catalog_inner .swiper-pagination-bullet-active{background: var(--commonColor);}
	.swiper_catalog .swiper-wrapper{flex-wrap: unset;}
	.swiper_catalog .swiper-slide{width: 100%; margin-right: 2px; margin-top: 0 !important;}
}

/* home_customer */
.home_customer_bg{overflow: hidden; background: url(../img/bg1.png) no-repeat center top; background-size: 100% auto; padding-top: 7%;}
.home_customer{background-color: var(--bgColor); padding-bottom: 6%; position: relative;}
.home_customer .left_icon{position: absolute; width: 5%; height: auto; display: block; left: 4.5%; top: 40%;}
.home_customer .right_icon{width: 18.5%;}
.home_customer .right_icon img{display: block; width: 100%; height: auto;}
.home_customer .web_th{width: 50%;}

.swiper_customer .swiper-slide{width: calc((100% - 80px) / 3); margin-right: 40px; height: auto;}
.customer_item{height: 100%; color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; position: relative; height: 0; padding-bottom: 70%;}
.swiper_customer .swiper-slide:nth-child(3n+1) .customer_item{background-image: url(../img/bc_1.png);}
.swiper_customer .swiper-slide:nth-child(3n+2) .customer_item{background-image: url(../img/bc_2.png);}
.swiper_customer .swiper-slide:nth-child(3n) .customer_item{background-image: url(../img/bc_3.png);}
.customer_item .customer_info{position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; color: #fff; padding: 22% 13% 8% 8%; display: flex; flex-direction: column; justify-content: space-between;}
.customer_item .customer_info .brief{line-height: 28px; flex: 1; max-height: calc(28px * 5); overflow-y: auto;}
.customer_item .customer_info .title{font-weight: bold; font-size: 18px; text-align: right; margin: 0 30px; display: flex; align-items: center; justify-content: flex-end;}
.customer_item .customer_info .title .line{height: 2px; border-top: 2px solid #fff; border-radius: 2px; width: 30px; margin-right: 10px;}

.customer_inner{padding-bottom: 60px;}
.customer_inner .swpier_page{position: absolute; bottom: 0; left: 0; width: 100%; display: flex; justify-content: center; align-items: center;}
.customer_inner .swpier_page .line{height: 2px; border-top: 2px solid var(--commonColor); width: 16px;}
.customer_inner .common-pagination{display: block; position: static; width: auto; margin: 0 6px;}
.customer_inner .swiper-pagination-bullet{width: 24px; height: 24px; background: none; border: 1px solid transparent; margin: 0 2px; position: relative; transition: all 0.5s ease;}
.customer_inner .swiper-pagination-bullet::before{position: absolute; width: 12px; height: 12px; background: var(--commonColor); border-radius: 50%; content: ''; border-radius: 50%; top: 5px; left: 5px;}
.customer_inner .swiper-pagination-bullet-active{position: relative; border: 1px solid var(--commonColor);}

@media only screen and (max-width: 1660px) {
	.home_customer .left_icon{width: 60px; left: 10px;}
}
@media only screen and (max-width: 1450px) {
	.customer_item .customer_info .brief{line-height: 28px; max-height: calc(28px * 4); overflow-y: auto;}
}
@media only screen and (max-width: 1300px) {
	.home_customer .web_th{width: 65%;}
	.home_customer .left_icon{width: 60px; top: 30%;}
	.customer_item .customer_info .brief{line-height: 28px; max-height: calc(28px * 5); overflow-y: auto;}
}
@media only screen and (max-width: 980px) {
	.home_customer_bg{background-size: 145% auto; padding-top: 40px;}
	.home_customer .customer_top{display: block;}
	.home_customer .web_th{width: 100%; text-align: center;}
	.home_customer .left_icon{width: 50px; top: 38%;}
	.home_customer .right_icon{position: absolute; width: 22%; right: 0; top: -20px;}
	.customer_inner{zoom: 0.9; padding-bottom: 48px;}
	.customer_item .customer_info{padding: 22% 13% 7% 7%;}
	.customer_item .customer_info .brief{line-height: 28px; max-height: calc(28px * 4); overflow-y: auto;}
}

/* home_nums */
.home_nums{background: var(--color2); color: #fff; padding: 4% 0; position: relative;}
.home_num_icon{position: absolute; right: 6px; bottom: 12px; width: 6.3%; display: block; height: auto;}
.home_nums .num_item{text-align: center; width: 20%;}
.home_nums .num_item .num_row{font-size: 70px; font-weight: bold; line-height: 1.1;}
.home_nums .num_item .title{font-weight: bold; font-size: 24px; margin-top: 10px;}

@media only screen and (max-width: 1650px) {
	.home_nums .num_item{width: 21%;}
	.home_nums .num_item .num_row{font-size: 62px;}
	.home_nums .num_item .title{font-size: 22px;}
}
@media only screen and (max-width: 1450px) {
	.home_nums .num_item{width: 23%;}
	.home_nums .num_item .num_row{font-size: 56px;}
	.home_nums .num_item .title{font-size: 21px;}
}
@media only screen and (max-width: 1300px) {
	.home_nums .num_item{width: 23.5%;}
	.home_nums .num_item .num_row{font-size: 50px;}
	.home_nums .num_item .title{font-size: 20px;}
}
@media only screen and (max-width: 980px) {
	.home_nums{padding: 30px 0;}
	.home_num_icon{display: none;}
	.home_nums .num_item{width: 48%;}
	.home_nums .num_item:nth-child(n+3){margin-top: 24px;}
	.home_nums .num_item .num_row{font-size: 32px;}
	.home_nums .num_item .title{font-size: 16px; margin-top: 8px;}
}


/* home_about */
.home_about{overflow: hidden; position: relative;}
.home_about .about_icon{position: absolute; top: 0; right: 11%; width: 12.5%; height: auto; display: block;}
.home_about .about_left{width: 41.5%;}
.home_about .about_left .web_th{display: none;}
.home_about .about_left .pic{padding-bottom: 120.5%;}
.home_about .about_right{width: 50%; margin-right: 4%;}
.home_about .about_right .brief{margin: 4.2% 0 4%; line-height: 30px; color: #666;}
.home_about .about_right .pubMore{text-decoration: none; font-family: 'Fredoka One-Regular'; font-size: 26px; text-transform: uppercase; position: relative; padding: 10px 62px 10px 24px; height: auto; border-radius: 12px; border: 2px solid transparent;}
.home_about .about_right .pubMore::before{position: absolute; width: 32px; height: 32px; right: 20px; top: 50%; margin-top: -16px; content: ''; background: url(../img/icon_right_w.png) no-repeat center; background-size: 32px auto;}
.home_about .about_right .pubMore:hover{color: var(--commonColor); border-color: var(--commonColor);}
.home_about .about_right .pubMore:hover::before{background-image: url(../img/icon_right.png);}

.home_about .contact_div{margin-top: 4%;}
.home_about .contact_div .contact_item{width: 48.5%;}
.home_about .contact_div .contact_item .item_icon{width: 56px; height: 56px; border-radius: 50%; background: #333; background-repeat: no-repeat; background-position: center; background-size: 28px auto; margin-right: 16px;}
.home_about .contact_div .contact_item .phone_icon{background-image: url(../img/icon_phone.png);}
.home_about .contact_div .contact_item .email_icon{background-image: url(../img/icon_email.png);}
.home_about .contact_div .contact_item .item_info{flex: 1;}
.home_about .contact_div .contact_item .item_info p{font-family: 'Fredoka One-Regular'; font-size: 18px; line-height: 30px; text-transform: uppercase; margin-bottom: 3px;}
.home_about .contact_div .contact_item .item_info a{font-weight: bold; font-size: 18px; color: #666; line-height: 30px; text-transform: none;}
.home_about .contact_div .contact_item .item_info a:hover{color: var(--commonColor);}
.home_about .contact_div .contact_item:hover .item_icon{background-color: var(--commonColor); animation: swing 0.5s;}

@media only screen and (max-width: 1450px) {
	.home_about .about_icon{right: 5%;}
	.home_about .about_right .pubMore{font-size: 24px; padding: 5px 62px 5px 24px;}
}
@media only screen and (max-width: 1300px) {
	.home_about .about_icon{right: 20px; width: 11%;}
	.home_about .about_right .brief{margin: 16px 0 20px; line-height: 28px;}
	.home_about .about_right .pubMore{font-size: 20px; padding: 2px 52px 2px 20px;}
	.home_about .about_right .pubMore::before{width: 26px; background-size: 24px auto;}

	.home_about .contact_div{margin-top: 8px;}
	.home_about .contact_div .contact_item{width: auto; margin-top: 15px;}
	.home_about .contact_div .contact_item:nth-child(1){margin-right: 20px;}
	.home_about .contact_div .contact_item .item_icon{width: 52px; height: 52px; background-size: 24px auto; margin-right: 12px;}
	.home_about .contact_div .contact_item .item_info p{line-height: 26px;}
	.home_about .contact_div .contact_item .item_info a{font-size: 16px;}
}

@media only screen and (max-width: 980px) {
	.home_about .about_left .web_th{display: block; text-align: center; padding-left: 15px; margin-bottom: 0px;}
	.home_about .about_right .title_small,
	.home_about .about_right .title{display: none;}
	.home_about .about_icon{width: 12%; right: 30px;}
	.home_about .layout{padding-left: 0;}
	.about_inner{flex-direction: column;}
	.about_inner .about_left{width: 100%;}
	.about_inner .about_right{width: 100%; margin: 0; padding-left: 15px;}
}


/* home_advantage */
.home_advantage{overflow: hidden;}
.advantage_ul{margin-top: 3%;}
.advantage_ul .adv_item{width: 22%; margin-right: 4%; text-align: center;}
.advantage_ul .adv_item:nth-child(4n){margin-right: 0;}
.advantage_ul .adv_item:nth-child(n+5){margin-top: 3%;}
.advantage_ul .adv_item .item_icon{width: 135px; height: 126px; background: url(../img/bg2.png) no-repeat center; background-size: 100% 100%; overflow: hidden; margin: 0 auto;}
.advantage_ul .adv_item .item_icon img{display: block; margin: 35px auto 0; height: 56px; width: auto;}
.advantage_ul .adv_item .title{font-size: 18px; line-height: 1.3; margin: 26px 0 10px; font-family: 'Fredoka One-Regular'; text-transform: uppercase;}
.advantage_ul .adv_item .brief{color: #666; line-height: 28px;}
.advantage_ul .adv_item:hover .item_icon{animation: swing 0.5s;}

@media only screen and (max-width: 1450px) {
	.advantage_ul .adv_item .item_icon{width: 120px; height: 112px;}
	.advantage_ul .adv_item .item_icon img{height: 48px; margin-top: 32px;}
}
@media only screen and (max-width: 1200px) {
	.advantage_ul .adv_item{width: 48%;}
	.advantage_ul .adv_item:nth-child(2n){margin-right: 0;}
	.advantage_ul .adv_item:nth-child(n+3){margin-top: 2.6%;}
	.advantage_ul .adv_item .title{margin: 20px 0 10px;}
	.advantage_ul .adv_item .item_icon{zoom: 0.9;}
}
@media only screen and (max-width: 980px) {
	.advantage_ul{margin-top: 22px;}
	.advantage_ul .adv_item{width: 100%; margin-right: 0;}
	.advantage_ul .adv_item:nth-child(n+2){margin-top: 20px;}
	.advantage_ul .adv_item .item_icon{width: 86px; height: 80px; zoom: 1;}
	.advantage_ul .adv_item .item_icon img{height: 35px; margin-top: 24px;}
	.advantage_ul .adv_item .title{margin: 16px 0 8px;}
}

/* home_faq */
.home_faq_inner{margin-top: 3%;}
.home_faq_inner .c_faq_list{width: 49%;}

.c_faq_list .faq_item:nth-child(3n+1){border-color: #50B8DC;}
.c_faq_list .faq_item:nth-child(3n+2){border-color: #FBB419;}
.c_faq_list .faq_item:nth-child(3n){border-color: #FF7162;}

.c_faq_list .sel_item:nth-child(3n+1) .faq_th{color: #50B8DC;}
.c_faq_list .sel_item:nth-child(3n+2) .faq_th{color: #FBB419;}
.c_faq_list .sel_item:nth-child(3n) .faq_th{color: #FF7162;}

.c_faq_list .sel_item:nth-child(3n+1) .right_icon::before{border-top-color: #50B8DC;}
.c_faq_list .sel_item:nth-child(3n+2) .right_icon::before{border-top-color: #FBB419;}
.c_faq_list .sel_item:nth-child(3n) .right_icon::before{border-top-color: #FF7162;}

@media only screen and (max-width: 1300px) {
	.home_faq_inner{zoom: 0.9;}
}
@media only screen and (max-width: 980px) {
	.home_faq_inner{flex-direction: column; zoom: 1; margin-top: 20px;}
	.home_faq_inner .c_faq_list{width: 100%;}
	.home_faq_inner .c_faq_list:nth-child(n+2){margin-top: 16px;}
}

/* home_news */
/* .home_news_ul .related_news_item{width: calc((100% - 60px) / 3); margin-right: 30px; height: auto; position: relative;}
.home_news_ul .related_news_item:nth-child(3n){margin-right: 0;}
.home_news_ul .related_news_item:nth-child(n+4){margin-top: 20px;}

@media only screen and (max-width: 1200px) {
	.home_news_ul .related_news_item{width: calc((100% - 48px) / 3); margin-right: 24px;}
}
@media only screen and (max-width: 980px) {
	.home_news_ul .related_news_item{width: 100%; margin-right: 0; padding-bottom: 0;}
	.home_news_ul .related_news_item:nth-child(n+2){margin-top: 25px;}
} */