/* 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: 48px;
    height: 106px;
    line-height: 106px;
    margin-top: -53px;
    font-size: 42px;
    opacity: 1;
	background-image: none;
	background: #040e27; top: 45%
}

.slider_banner .swiper-button-next:hover,.slider_banner .swiper-button-prev:hover {
    background-color: var(--commonColor);
}

.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 .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 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}
.slider_banner-phone {display: none;}
@media only screen and (max-width: 950px) {
	.slider_banner{margin-top: 52px;}
	.slider_banner .swiper-button-next, .slider_banner .swiper-button-prev{display: none;}
}

/* proHome_product */
.proHome_product{position: relative; background: #f5f5f5; background: linear-gradient(to bottom, #f5f5f5, #eee);}

.proHome_product_top{align-items: center;}

.proHome_product .layout{z-index: 1;}
.proHome_product_bg{width: 100%; display: block;}

.proHome_product .bg_txt{position: absolute; left: 0; top: 40%; z-index: 0; text-transform: uppercase; font-size: 120px; line-height: 1.1; color: rgba(0, 0, 0, 0.1); font-weight: bold; font-family: 'AKZIDENZGROTESK-BOLD';}

.proHome_product_inner{align-items: center;}
.product_left{width: 38%;}
.product_left .pro_pic{padding-bottom: 100%;}
.product_left .title{line-height: 30px; text-align: center; margin: 20px 0 10px;}
.product_left .title, .product_left .title a{font-size: 24px; color: var(--commonColor); font-family: 'AKZIDENZGROTESK-BOLD';}
.product_left .brief{line-height: 26px; color: #666; text-align: center;}

.product_right{flex-wrap: wrap; width: 55%;}
.pro_small_item{width: calc(50% - 16px); height: 100px; position: relative; background: #e5e5e5; border-left: 4px solid var(--commonColor); padding-left: 130px; z-index: 0; cursor: pointer;}
.pro_small_item:nth-child(n+3){margin-top: 4%;}
.pro_small_item::before{background: var(--commonColor); height: 100%; width: 0; left: 0; top: 0; content: ''; transition: 1s; position: absolute; z-index: -1;}
.pro_item_pic{width: 120px; height: 120px; position: absolute; left: 10px; top: -10px;}
.pro_item_pic img{height: 100%; width: 100%; object-fit: cover;}

.pro_small_item .title{line-height: 22px; font-size: 18px; display: flex; align-items: center; padding: 0 10px; height: 100%;}
.pro_small_item .title, .pro_small_item .title a{color: #333; text-align: center; font-family: 'AKZIDENZGROTESK-BOLD';}
.pro_small_item .brief{display: none;}

.pro_small_item:hover .title{color: #fff;}
.pro_small_item:hover .title a{color: #fff;}
.pro_small_item:hover::before{width: 100%;}

@media only screen and (max-width: 980px) {
	.proHome_product{padding: 20px 0 0;}
	.proHome_product_top .c_sub_th{margin-top: 0;}
    .proHome_product_inner{flex-direction: column;}
	.product_left{width: 100%;}
	.product_right{width: 100%; margin-top: 20px; padding-bottom: 30px;}
	.pro_small_item{width: 100%; padding-left: 86px; height: 70px;}
    .pro_small_item:nth-child(n+2){margin-top: 16px;}
	.pro_item_pic{width: 70px; height: 70px; top: 0; }
	
	.product_left .brief{display: block;}
	.proHome_product .bg_txt{top: 16%; font-size: 36px;}
	.pro_small_item .title, .pro_small_item .title a{font-size: 14px; font-weight: normal;}
	.pro_small_item .title{padding: 0 5px;}
	
}

/* proHome_about */
.about_inner{padding: 4% 0 3%;}
.about_inner img{width: 100%;}

@media only screen and (max-width: 950px) {
	.proHome_about{padding: 15px 0 0;}
	.about_inner{padding: 15px 0 0;}
}

/* proHome_case */
.proHome_case{background: url(../img/bac.webp) no-repeat left top/100% auto; padding: 6.5% 0 0;}
.proHome_case_inner{padding-left: 8.333%; padding-left: calc((100% - 1400px) / 2);}
.case_item{padding-top: 30px; position: relative;}
.case_item .order{font-size: 66px; line-height: 1.1; font-weight: bold; text-shadow: 0 3px 6px rgba(0,0,0,0.15); color: #fff; position: absolute; left: 24px; top: -6px; z-index: 5;}
.case_item .pro_pic{padding-bottom: 125%; overflow: hidden; box-sizing: border-box; overflow: hidden;}
.case_item .pro_pic img{transition: all 0.4s ease;}

.case_item .case_txt{align-items: center; height: 70px; line-height: 22px; position: absolute; bottom: 30px; background: #040e27; padding: 0 20px; left: 0; width: 100%; z-index: 0;}
.case_item .case_txt::before{z-index: -1; position: absolute; top: 0; left: 0; height: 100%; width: 0; background-color: var(--commonColor); content: ''; transition:width 0.4s ease;}
.case_item .title{text-align: left; display: flex; align-items: center; line-height: 20px;}
.case_item .title, .case_item .title a{font-size: 19px; color: #fff; font-family: 'AKZIDENZGROTESK-MEDIUM';}
.case_item .title{flex: 1;}
.case_item .case_txt img{width: 22px; margin-left: 10px;}

.case_item:hover .case_txt::before{width: 100%;}
.case_item:hover .pro_pic img{transform: scale(1.05);}

@media only screen and (max-width: 1540px) {
    .proHome_case_inner{padding-left: 70px;}
}
@media only screen and (max-width: 1450px) {
    .proHome_case_inner{zoom: 0.95;}
    .case_item .order{font-size: 56px; top: 0; left: 20px;}
    .case_item .case_txt{bottom: 20px; padding: 0 16px;}
}
@media only screen and (max-width: 1300px) {
    .proHome_case_inner{zoom: 0.86;}
    .case_item{padding-top: 25px;}
    .case_item .order{font-size: 46px; left: 16px;}
}
@media only screen and (max-width: 1100px) {
    .proHome_case_inner{padding-left: 30px;}
}
@media only screen and (max-width: 980px) {
    .proHome_case_inner{zoom: 1; padding-left: 15px; margin-bottom: 20px;}
	.proHome_case{padding-top: 70px; background-size: auto 100%; padding-bottom: 60px; background-position: 21% top;}
    .case_item .order{font-size: 42px;}
    .case_item .case_txt{bottom: 0; padding: 0 12px;}
	.case_item .case_txt img{width: 16px;}
	.case_item .title, .case_item .title a{font-size: 16px;}
}

/* proHome_faq */
.proHome_faq{padding: 20px 0 30px;}
.faq_left{width: 46%; margin-top: 30px;}
.faq_right{width: 46%;}
.proHome_faq_inner{position: relative;}
.proHome_faq_inner .proHome_faq_bac{position: absolute; right: 0; width: 50%; top: -10px; z-index: 0;}
.proHome_faq_inner .layout{align-items: center;}
.proHome_faq_img{width: 100%;}

@media only screen and (max-width: 950px) {
	.proHome_faq{padding-top: 0; padding-bottom: 30px;}
	.proHome_faq .c_sub_th{margin-top: 0;}
	.proHome_faq_inner .layout{flex-wrap: wrap;}
	.faq_left{width: 100%; margin-top: 0;}
	.faq_right{width: 100%; margin-top: 15px;}
	.proHome_faq_inner .proHome_faq_bac{top: auto; bottom: 42px; width: calc(100% - 15px);}
}

/* proHome_news */
.proHome_news_bg{width: 100%;}
.proHome_news{background: linear-gradient(to bottom, #f5f5f5, #fff); overflow: hidden;}
.proHome_news .c_sub_th{margin-top: 0;}
.proHome_news_inner{padding: 1.4% 0 5.8%; align-items: center;}
.news_left{width: 61%;}
.news_right{width: 37%;}

.news_item{padding-bottom: 30px;}
.news_right .news_item{padding-bottom: 0;}
.news_item .pro_pic{padding-bottom: 59.7%; overflow: hidden; box-sizing: border-box;}
.news_item .pro_pic img{transition: all 0.3s ease;}
.news_item .title{margin: 8px 0 0; text-align: left;}
.news_item .title, .news_item .title a{font-weight: bold; line-height: 26px; font-size: 20px; font-family: 'OPENSANS-BOLD';}
.news_item .c_more_btn a{font-size: 16px;}
.news_item:hover .pro_pic img{transform: scale(1.05);}
.news_item:hover .title a{color: var(--commonColor);}
.news_item:hover .c_more_btn a{background: var(--commonColor);}
.news_item:hover .c_more_btn a::before{border-color: var(--commonColor);}
.news_item .date{color: #666; line-height: 24px; margin-top: 20px;}
.news_item .brief{margin: 8px 0 14px; color: #333; line-height: 24px;}

.news_left .news_item{display: flex; justify-content: space-between; align-items: center;}
.news_left .news_item:last-child{margin-top: 12px; padding-bottom: 0;}
.news_left .news_item .news_item_pic{width: 38%; margin-right: 24px;}
.news_item .news_info{flex: 1; padding-bottom: 10px;}
.news_left .news_item .date{margin-top: 0;}

.news_right .news_item .pro_pic{padding-bottom: 52.9%;}

@media only screen and (max-width: 950px) {
	.proHome_news_inner{flex-wrap: wrap; padding: 0 0 30px;}
	.news_left{width: 100%;}
	.news_right{display: none; width: 100%;}
	.news_item{padding-bottom: 20px; flex-direction: column;}
	.news_left .news_item:last-child{margin-top: 0;}
    .news_left .news_item .news_item_pic{width: 100%; margin: 0;}
    .news_left .news_item .news_info{width: 100%; padding-bottom: 0;}
	.news_item .brief{display: none;}
	.news_item .title{margin-bottom: 14px; margin-top: 0;}
	.news_item .title, .news_item .title a{font-size: 18px;}
    .news_left .news_item .date{margin-top: 16px;}
}