/* slider_banner */
.slider_banner .swiper-pagination {
    padding-bottom: 15px
}

.slide-page-box {
    display: none
}

.slider_banner {
    position: relative
}

.slider_banner, .swiper-slide {
    overflow: hidden
}

/* .swiper-container:hover .swiper-button-prev {
    left: 65px
}

.swiper-container:hover .swiper-button-next {
    right: 65px
} */

.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:hover .swiper-button-prev {
    left: 0
}

.slider_banner:hover .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
}

.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: 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; padding-bottom: 0.9rem; background: linear-gradient(to bottom, #f5f5f5, #eee);}

.proHome_product_top{align-items: center;}

.proHome_product .layout{z-index: 1;}
.proHome_product_bg{width: 100%; position: absolute; left: 0; bottom: -0.4rem;}

.proHome_product .bg_txt{position: absolute; left: 0; top: 3.5rem; z-index: 0; text-transform: uppercase; font-size: 1.2rem; line-height: 1.3rem; 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: 0.36rem; text-align: center; margin: 0.2rem 0 0.1rem;}
.product_left .title, .product_left .title a{font-size: max(18px, 0.26rem); 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); margin-bottom: 0.54rem; height: 0.8rem; position: relative; background: #e5e5e5; border-left: 4px solid var(--commonColor); padding-left: 1.3rem; z-index: 0; cursor: pointer;}
.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: 1.2rem; height: 1.2rem; position: absolute; left: 0.1rem; top: -0.2rem;}
.pro_item_pic img{height: 100%; width: 100%; object-fit: cover;}

.pro_small_item .title{line-height: 0.8rem; display: flex; align-items: center; height: 100%; padding: 0 10px;}
.pro_small_item .title, .pro_small_item .title a{color: #333; font-weight: bold; font-size: max(16px, 0.2rem); text-align: left; font-family: 'AKZIDENZGROTESK-BOLD';}
.pro_small_item .title span{line-height: 26px;}
.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: 1050px) {
    .pro_small_item{width: 100%;}
}
@media only screen and (max-width: 950px) {
	.proHome_product{padding: 20px 0 10px;}
	.proHome_product_top .c_sub_th{margin-top: 0;}
    .proHome_product_inner{flex-direction: column;}
	.product_left{width: 42%; width: 100%;}
	.product_right{width: 50%; width: 100%; margin-top: 20px;}
	.pro_small_item{width: 100%; padding-left: 1.2rem; height: 48px; margin-bottom: 25px;}
	/* .product_right .pro_small_item:nth-child(3){margin-bottom: 0;} */
	.pro_item_pic{width: 58px; height: 58px; top: -5px; }
	/* .product_right .pro_small_item:nth-child(n+4){display: none;} */
	
    .product_left .title{margin: 15px 0 10px;}
	.product_left .brief{display: block;}
    .pro_small_item .title span{line-height: 18px;}
	.proHome_product .bg_txt{top: 31%; 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: 0.4rem 0 0.3rem;}
.about_inner img{width: 100%;}
.about_inner lite-youtube > .lty-playbtn{display: none;}

@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.png) no-repeat left top/100% auto; padding: 6.5% 0 0;}
.proHome_case_inner{padding-left: 8.333%; padding-left: calc((100% - 1400px) / 2);}
.proHome_case_inner .swiper-slide{width: calc((100% - 90px) / 4); margin-right: 30px;}
.case_item{padding-top: 0.3rem; position: relative;}
.case_item .order{font-size: 0.66rem; line-height: 0.72rem; font-weight: bold; text-shadow: 0 3px 6px rgba(0,0,0,0.15); color: #fff; position: absolute; left: 0.24rem; top: -0.06rem; 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: 68px; line-height: 28px; position: absolute; bottom: 0.3rem; background: #040e27; padding: 0 0.26rem; 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;}
.case_item .title, .case_item .title a{font-weight: bold; font-size: 20px; color: #fff; font-family: 'OPENSANS-SEMIBOLD';}
.case_item .title{flex: 1;}
.case_item .case_txt img{width: 24px; 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: 1500px) {
	.proHome_case_inner{padding-left: 50px;}
	.case_item .case_txt{line-height: 26px; height: 66px; padding: 0 16px;}
    .case_item .title, .case_item .title a{font-size: 18px;}
}
@media only screen and (max-width: 1200px) {
    .case_item .case_txt img{width: 20px;}
    .case_item .title, .case_item .title a{font-size: 18px;}
}

@media only screen and (max-width: 950px) {
	.proHome_case_inner{padding-left: 15px;}
    .proHome_case_inner .swiper-slide{width: 100%;}
	.swiper_case{padding-right: 30px;}
	.proHome_case{padding-top: 1.1rem; background-size: auto 100%; padding-bottom: 60px; background-position: 21% top;}
	.case_item .case_txt img{width: 18px;}
	.case_item .title, .case_item .title a{font-size: 16px;}
}

/* proHome_faq */
.proHome_faq{padding: 0.2rem 0 0.3rem;}
.faq_left{width: 46%; margin-top: 0.3rem;}
.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: 6px 0 0; text-align: left; height: 52px; height: auto; display: block;}
.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{width: 1.5rem; min-width: 140px;}
.news_item .c_more_btn a{width: 1.4rem; font-size: 16px; min-width: 130px;}
.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{border-color: var(--commonColor);}
.news_item .date{color: #666; line-height: 24px; margin-top: 0.2rem;}
.news_item .brief{margin: 6px 0 0.26rem; 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: 0.26rem;}
.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;}
	.news_left .news_item:last-child{margin-top: 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;}
}