/* 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; 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: 1023px) {
	.slider_banner{display: none;}
	.slider_banner-phone{display: block; margin-top: 60px;}
	/* .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_category */
.category_div{position: relative;}

.sort_pic_item{width: 61%; position: relative; column-count: 2; column-gap: 3.2%; order: 1;}
.sort_pic_item::after{content: ''; display: block; overflow: hidden; height: 0; clear: both;}

.sort_pic_item .pic_item{break-inside: avoid-column;}
.sort_pic_item .pic_item:nth-child(2n){margin-top: 8%;}
.sort_pic_item .pic_item:first-child{margin-top: 12%;}
.sort_pic_item .sort_info{display: none;}
.category_div .sort_pic{padding-bottom: 70%; border-radius: 26px; border: 1px solid #f5f5f5;}

.category_div .sort_info{line-height: 1.25; width: 34%; order: 2;}
.sort_info .title{font-size: 28px; font-family: 'Montserrat-Bold'; line-height: 1.25; overflow: hidden; text-transform: uppercase; color: #000;}
.sort_info .brief{color: #666; font-family: 'Montserrat-Light'; line-height: 1.75; margin: 5% 0;}
.sort_pic_item .current .pubPic,
.sort_pic_item .pic_item:hover .pubPic{border-color: var(--commonColor); box-shadow: 0 0 25px 5px rgba(var(--comColorRgb), 0.24);}
.category_div:hover .title{color: var(--commonColor);}
.category_div:hover .brief{color: #333;}


.category_div:nth-child(2n) .sort_pic_item{order: 3;}

@media only screen and (max-width: 1450px) {
	.sort_info .title{font-size: 26px;}
}
@media only screen and (max-width: 1300px) {
	.sort_info .title{font-size: 24px;}
	.category_div:nth-child(n+2){margin-top: 4%;}
	.category_div .sort_pic{border-radius: 20px;}
}
@media only screen and (max-width: 980px) {
	.sort_pic_item .pic_item:first-child{margin-top: 0;}
	.sort_pic_item{width: 100%; column-count: 1;}
	.sort_pic_item .pic_item:nth-child(n+2){margin-top: 20px !important;}
	.sort_pic_item .sort_info{display: block; width: 100% !important; padding-top: 20px;}
	.category_div .sort_pic{border-radius: 24px; height: 0; border-color: var(--commonColor); box-shadow: none !important;}
	.category_div .right_info{display: none;}
	.sort_info .title{font-size: 20px; height: auto; display: block;}
	.sort_info .brief{margin: 10px 0 15px; display: block;}
}

/* home_application */
.home_application{overflow: hidden; padding-top: 6%;}
.appli_about{margin-bottom: 6.5%; position: relative;}

.app_pic_item{width: 50%; position: relative;}
.app_pic_item::before{position: absolute; left: -16%; top: 0; width: 116%; height: 100%; content: ''; background: linear-gradient(to top, #A1DDFF, var(--commonColor)); transform: rotate(14deg); border-radius: 30px 60px 60px 30px;}
.app_pic_item .pic{padding-bottom: 91.5%; border-radius: 0 60px 60px 0; background: #f5f5f5;}

.appli_info{width: 42%;}
.appli_info .title{text-transform: uppercase;}
.appli_info .brief{color: #666; line-height: 28px; margin: 3.5% 0 4.5%;}

.appli_about:hover{border-color: var(--commonColor);}
.appli_about:hover .appli_info .brief{color: #333;}

.appli_item .app_pic_item::before{left: unset; right: -16%; border-radius: 60px 30px 30px 60px; transform: rotate(-15deg);}
.appli_item .app_pic_item .pic{border-radius: 60px 0 0 60px;}

@media only screen and (max-width: 1500px) {
	.app_pic_item::before,
	.app_pic_item .pic{border-radius: 0 50px 50px 0;}
	.appli_item .app_pic_item::before,
	.appli_item .app_pic_item .pic{border-radius: 50px 0 0 50px;}
}
@media only screen and (max-width: 1200px) {
	.app_pic_item::before,
	.app_pic_item .pic{border-radius: 0 40px 40px 0;}
	.appli_item .app_pic_item::before,
	.appli_item .app_pic_item .pic{border-radius: 40px 0 0 40px;}
	.appli_info .brief{margin: 12px 0 20px;}
}
@media only screen and (max-width: 980px) {
	.home_application{padding-top: 30px;}
	.home_application .layout{padding: 0;}
	.home_about .layout{padding: 0;}
	.about_div{padding-right: 15px;}
	.appli_item{padding-left: 15px;}
	
	.app_pic_item::before,
	.app_pic_item .pic{border-radius: 0 26px 26px 0;}

	.appli_item .app_pic_item::before,
	.appli_item .app_pic_item .pic{border-radius: 26px 0 0 26px;}
	.app_pic_item{width: 100%; margin: 6% 6% 6% 0; order: 1;}
	.app_pic_item::before{transform: rotate(12deg);}
	
	.appli_about{width: 100%; margin-bottom: 20px; flex-direction: column;}
	.appli_about:last-child{margin-bottom: 0;}
	.app_pic_item .pic{padding-bottom: 75%;}
	
	.appli_info{padding: 30px 0 0; padding-left: 15px; width: 100%; order: 2;}

	.appli_item .app_pic_item::before{transform: rotate(-12deg);}
	.appli_item .app_pic_item{order: 1; margin: 6% 0 6% 6%;}
	.appli_item .appli_info{padding-left: 0; padding-right: 15px;}
}

/* home_about */
.home_about{position: relative; overflow: hidden; padding-top: 6%;}
@media only screen and (max-width: 980px) {
	.home_about{padding-top: 30px;}
}

/* home_num */
.home_num{position: relative; overflow: hidden;}
.home_num_wrap{position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 24px 0 9%;}

.num_inner{margin: 8% auto 0; max-width: 1300px;}
.num_inner .num_item{width: 23%; text-align: center;}
.num_inner .num_item .num_row{font-family: 'Montserrat-Bold'; color: var(--commonColor); font-size: 80px; line-height: 1.2; text-align: center;}
.num_inner .num_item .num_row .suffix{font-size: 50px;}
.num_inner .num_item .title{color: #666; text-align: center; margin-top: 5px; font-family: 'Montserrat-Light'; font-size: 18px;}


@media only screen and (max-width: 1650px) {
	.num_inner .num_item .num_row{font-size: 72px;}
	.num_inner .num_item .num_row .suffix{font-size: 46px;}
}
@media only screen and (max-width: 1450px) {
	.num_inner .num_item .num_row{font-size: 66px;}
	.num_inner .num_item .num_row .suffix{font-size: 42px;}
}
@media only screen and (max-width: 1280px) {
	.num_inner .num_item .num_row{font-size: 60px;}
	.num_inner .num_item .num_row .suffix{font-size: 36px;}
	.num_inner .num_item .title{font-size: 17px;}
}

@media only screen and (max-width: 980px) {
	.home_num_wrap{padding: 10px 0;}
	.num_inner{margin: 20px 0 0;}
	.num_inner .num_item{width: 48%; text-align: center;}
	.num_inner .num_item:nth-child(n+3){margin-top: 20px;}
	.num_inner .num_item .num_row{font-size: 42px;}
	.num_inner .num_item .num_row .suffix{font-size: 26px;}
	.num_inner .num_item .title{margin-top: 5px; font-size: 16px;}
}

/* home_why */
.home_why{margin-top: 25px;}
.why_tab{position: relative; margin-top: 30px;}
.why_tab::before{position: absolute; left: 0; bottom: 0; height: 1px; content: ''; background: rgba(var(--comColorRgb), 0.2); width: 100%;}
.why_tab .swiper-slide{width: auto; display: inline-block;}
.why_tab_item{position: relative; height: 100%; padding: 8px 40px; text-align: center; cursor: pointer; transition: all 0.5s ease;}
.why_tab_item .title{line-height: 30px; position: relative; overflow: hidden; font-size: 20px;}

.why_tab_item.tab_current, .why_tab_item:hover{background: var(--commonColor); border-color: var(--commonColor);}
.why_tab_item.tab_current .title, .why_tab_item:hover .title{color: #fff;}


.why_div{margin-top: 4%;}
.why_con{position: relative; animation: fadeInUpA 0.5s; display: none;}
.why_con .why_left{width: 41%;}
.why_con .why_left .pic{padding-bottom: 65%; border-radius: 20px;}
.why_con .why_right{width: 54%;}
.why_con .why_right .title{font-size: 32px; color: #000;}
.why_con .why_right .brief{font-family: 'Montserrat-Light'; color: #666; line-height: 30px; margin-top: 10px;}
.why_con .why_right .more_div{margin-top: 25px;}

@media only screen and (max-width: 1400px) {
	.why_tab{margin-top: 25px;}
	.why_tab_item{padding: 8px 30px;}
	.why_tab_item .title{font-size: 19px;}
	.why_con .why_right .title{font-size: 28px;}
}
@media only screen and (max-width: 980px) {
	.why_con div.flex{flex-direction: column;}
	.why_con .why_left{width: 100%;}
	.why_con .why_right{width: 100%; margin-top: 15px;}
	.why_con .why_right .title{font-size: 24px;}
	.why_tab{margin-top: 15px;}
	.why_tab_item{padding: 8px 26px;}
	.why_tab_item .title{font-size: 18px; line-height: 28px;}
	.why_div{margin-top: 20px;}
	.why_con .why_right .more_div{margin-top: 15px;}
	.why_tab_item:hover{background-color: transparent;}
	.why_tab_item:hover .title{color: #333;}

	.why_tab_item.tab_current{background: var(--commonColor); border-color: var(--commonColor);}
	.why_tab_item.tab_current .title{color: #fff;}
}

/* home_catalog */
.home_catalog{overflow: hidden;}
.home_catalog .web_th{align-items: center;}

.swiper_btns{position: relative; width: 100px; margin-left: 20px;}
.swiper_btns .common-prev, .swiper_btns .common-next{width: 40px; height: 40px; background-position: center; background-color: transparent; background-size: 25px auto; margin-top: -20px;}
.swiper_btns .common-prev::before, .swiper_btns .common-next::before{content: ''; background: none;}
.swiper_btns .common-prev{background-image: url(../img/prev.png); left: 0;}
.swiper_btns .common-next{background-image: url(../img/next.png); right: 0;}
.swiper_btns .common-prev:hover{background-image: url(../img/prev_h.png);}
.swiper_btns .common-next:hover{background-image: url(../img/next_h.png);}

.swiper_catalog .swiper-slide{width: calc((100% - 120px) / 4); margin-right: 40px;}

.catalog_inner{margin-top: 3%;}
.catalog_item{position: relative;}
.catalog_item .pic{padding-bottom: 125%; border-radius: 20px;}
.catalog_item .pic::before{position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; border-radius: 20px; content: ''; background: rgba(0, 0, 0, 0.24);}
.catalog_item .title{position: absolute; left: 20px; right: 20px; top: 50%; transform: translateY(-50%); z-index: 1; font-family: 'Montserrat-Bold'; font-size: 24px; text-transform: uppercase; text-align: center; color: #fff; line-height: 1.3;}

.catalog_item:hover .pic::before{background: rgba(0, 0, 0, 0.26);}

@media only screen and (max-width: 1450px) {
	.catalog_item .title{font-size: 22px; line-height: 1.3;}
}
@media only screen and (max-width: 1300px) {
	.catalog_item .title{font-size: 18px; line-height: 1.4; left: 12px; right: 12px;}
}
@media only screen and (max-width: 1180px) {
	.home_catalog{margin-top: 0;}
}
@media only screen and (max-width: 980px) {
	.home_catalog{margin: 20px 0 20px;}
	.catalog_inner{margin-top: 18px;}
	.swiper_catalog .swiper-slide{width: calc((100% - 20px) / 1.3); margin-right: 16px;}
	.catalog_item .title{font-size: 20px; left: 15px; right: 15px;}
}

/* home_design */
.home_design .pic img{-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.home_design .pic:hover img{-webkit-transform: scale(1.08); -moz-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08);}

.home_design{overflow: hidden; position: relative; padding: 8% 0 5%;}
.home_design::before{position: absolute; left: 35%; top: 12%; content: ''; width: 15%; height: 55%; background: url(../img/icon.png) no-repeat left top; background-size: 100% auto; opacity: 0.06;}
.design_div{max-width: 710px; margin: 0 auto; text-align: center; width: 40%; position: relative;}
.design_div .pic{width: 170px; height: 170px; border-radius: 50%; border: 1px solid var(--commonColor); padding: 8px; box-sizing: border-box; margin: 0 auto; box-shadow: 0 0 50px 30px rgba(255, 255, 255, 0.8); background-color: #fff; overflow: hidden;}
.design_div .pic img{display: block; width: 100%; height: 100%;}
.design_div .brief{font-size: 20px; line-height: 30px; margin: 5% 0 3%;}
.design_div .name{color: #666; font-family: 'Montserrat-Light'; line-height: 30px;}

.design_pics .pic{position: absolute; overflow: hidden;}
.design_pics .pic img{display: block; width: 100%; height: 100%;}
.design_pics .pic1{left: 19.5%; top: 0; width: 118px; height: 118px;}
.design_pics .pic2{left: 5.2%; top: 23%; width: 96px; height: 96px;}
.design_pics .pic3{left: 18.8%; top: 47.6%; width: 156px; height: 156px;}
.design_pics .pic4{left: -2.1%; bottom: 20px; width: 206px; height: 206px;}
.design_pics .pic5{right: 23.4%; top: 18.1%; width: 118px; height: 118px;}
.design_pics .pic6{right: 1.1%; top: 0; width: 126px; height: 126px;}
.design_pics .pic7{right: 18.2%; bottom: 10.1%; width: 108px; height: 108px;}
.design_pics .pic8{right: 2.2%; bottom: 0; width: 152px; height: 152px;}

@media only screen and (max-width: 1400px) {
	.design_pics .pic img{width: 90%; height: 90%;}
	.design_div .brief{font-size: 19px;}
	.design_div{width: 38%;}
	.design_div .pic{width: 150px; height: 150px;}
	.design_pics .pic3{left: 16%;}
}
@media only screen and (max-width: 980px) {
	.home_design{padding: 50px 0 0;}
	.home_design::before{width: 50%; left: 15px; top: 0;}
	.design_pics{display: none;}
	.design_div{width: 100%; padding: 0 15px;}
	.design_div .brief{font-size: 18px;}
}


/* home_news */
.home_news{overflow: hidden;}
.home_news_ul .related_news_item{width: calc((100% - 56px) / 3); margin-right: 28px; height: auto; position: relative; padding-bottom: 84px;}
.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;}
.home_news_ul .related_news_item .brief{position: absolute; left: 0; bottom: 0; width: 100%;}

@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 .related_news_inner{padding-bottom: 0;}
	.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: 20px;}
}