
.con_form .send{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/* slider_banner */
.slider_banner .swiper-pagination {padding-bottom: 30px; left: unset; right: 30px; width: auto;}
.slider_banner .swiper-pagination .swiper-pagination-bullet{display: block; margin: 14px 0 0; width: 18px; height: 18px; background: none; position: relative;}
.slider_banner .swiper-pagination .swiper-pagination-bullet::before{display: inline-block; width: 10px; height: 10px; margin: 4px; border-radius: 50%; background: rgba(255, 255, 255, 0.5); content: '';}
.slider_banner .swiper-pagination .swiper-pagination-bullet-active{background: rgba(var(--comColorRgb), 0.2);}
.slider_banner .swiper-pagination .swiper-pagination-bullet-active::before{background: var(--commonColor);}
.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: 42px; height: 80px; line-height: 78px; margin-top: -40px; 
	opacity: 0; background-image: none; border-radius: 0;
}
.swiper-button-next:hover, .swiper-button-prev:hover,
.slider_banner:hover .swiper-button-next,.slider_banner:hover .swiper-button-prev {opacity: 1;}
.slider_banner .swiper-button-prev {left: 10px;}
.slider_banner .swiper-button-next {right: 10px;}
.slider_banner:hover .swiper-button-prev {left: 30px;}
.slider_banner:hover .swiper-button-next {right: 30px;}

.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);
}

.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-phone{display: block; margin-top: 62px;}
	.slider_banner-phone .swiper-slide{max-height: 420px;}
	.slider_banner-phone img{width: 100%; height: 100%;}
	.slider_banner{margin-top: 50px; display: none;}
	.slider_banner .swiper-button-next, .slider_banner .swiper-button-prev{display: none;}
}


/* home_product */
.home_product{overflow: hidden;}
.home_product:first-child{margin-top: 0;}

.product_left{width: 62%; margin: 50px 0; background: #fff; padding: 2.4% 30px; padding-left: 0; position: relative; margin-right: -5.5%; z-index: 1; box-shadow: 10px 5px 12px 2px rgba(0, 0, 0, 0.06);}
.product_left .web_th .title{font-family: 'Lato-Bold';}
.product_left .web_th .line{width: 160px; height: 2px; background: var(--commonColor); margin-left: 20px;}

.swiper_product{margin-top: 4%;}
.swiper_product .swiper-slide{width: calc((100% - 30px) / 3); margin-right: 15px;}
.swiper_product .pro-pagination{max-width: 510px; margin: 35px auto 0; position: relative;}
.swiper_product .pro-pagination::before{position: absolute; left: 0; top: 50%; height: 1px; width: 100%; background: rgba(var(--comColorRgb), 0.1); content: ''; transform: translateY(-50%);}
.swiper_product .pro-pagination .swiper-pagination-bullet{border-radius: 0; height: 5px; position: relative; z-index: 1; margin: -3px 0 0; background: none; width: calc(100% / 6);}
.swiper_product .pro-pagination .swiper-pagination-bullet-active{background: var(--commonColor);}

.swiper_product .swiper-pagination-progressbar{background: none; height: 5px;}
.swiper_product .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: var(--commonColor);}


.home_pro_item .pro_pic{padding-bottom: 120%;}
.home_pro_item .item_icon{display: block; width: 56px; height: 56px; position: absolute; left: 50%; top: 50%; margin: -16px 0 0 -28px; border-radius: 50%; background: rgba(0, 0, 0, 0.75); background-repeat: no-repeat; background-position: center; background-image: url(../img/icon_plus.png); background-size: 20px auto; opacity: 0;}
.home_pro_item .title{font-size: 22px; margin-top: 20px; text-align: center;}


.home_pro_item:hover .item_icon{margin-top: -28px; opacity: 1;}

.product_right{width: 43.5%; position: relative;}
.product_right .pic{padding-bottom: 0; height: 100%;}
.product_right .web_th{position: absolute; z-index: 2; left: 12.65%; top: 50%; transform: translateY(-50%); padding: 3% 11.5%;}

/* 2n样式 */
.home_product:nth-child(2n) .layout{padding-right: calc((100% - 1600px) / 2); padding-left: unset;}
.home_product:nth-child(2n) .product_left{order: 2; margin-right: 0; margin-left: -5.5%; padding-left: 3.2%; padding-right: 0; box-shadow: -10px 5px 12px 2px rgba(0, 0, 0, 0.06);}
.home_product:nth-child(2n) .product_right{order: 1;}
.home_product:nth-child(2n) .product_right .web_th{left: unset; right: 12.65%;}

@media only screen and (max-width: 1450px) {
	.home_pro_item .title{font-size: 20px; margin-top: 15px;}
}
@media only screen and (max-width: 1300px) {
	.product_left{margin-top: 35px; margin-bottom: 35px;}
	.swiper_product .pro-pagination{margin-top: 30px;}
	.home_pro_item .title{font-size: 18px;}
}
@media only screen and (max-width: 980px) {
	.home_product{margin-top: 30px;}
	.home_product:first-child{margin-top: 30px;}
	.home_product .layout{padding: 0;}
	/* .home_product .layout{padding-right: 0;} */
	.product_left .web_th .line{width: auto; flex: 1;}
	.product_inner{flex-direction: column;}
	.swiper_product{width: calc(100% + 15px); margin-right: 0; margin-top: 20px;}
	.product_left{width: 100%; order: 2; padding: 0 15px !important; margin: 20px 0 0 !important; box-shadow: none !important;}
	.product_right{width: 100%; order: 1;}
	.product_right .pic{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
	.product_right .web_th{position: relative; z-index: 2; transform: none; left: unset !important; right: unset !important; padding: 40px 30px;}

	.swiper_product .swiper-slide{width: calc((100% - 30px) / 2.6); margin-right: 15px;}
	.swiper_product .pro-pagination{display: none;}
}

@media only screen and (max-width: 768px) {
	.swiper_product .swiper-slide{width: calc((100% - 16px) / 1.6); margin-right: 16px;}
}

/* .swiper_product1{margin-top: 4%;}
.swiper_product1 .pro-pagination{max-width: 510px; margin: 35px auto 0; position: relative;}
.swiper_product1 .pro-pagination::before{position: absolute; left: 0; top: 50%; height: 1px; width: 100%; background: rgba(var(--comColorRgb), 0.1); content: ''; transform: translateY(-50%);}
.swiper_product1 .pro-pagination .swiper-pagination-bullet{border-radius: 0; height: 5px; position: relative; z-index: 1; margin: -3px 0 0; background: none; width: calc(100% / 6);}
.swiper_product1 .pro-pagination .swiper-pagination-bullet-active{background: var(--commonColor);}

.swiper_product1 .swiper-pagination-progressbar{background: none; height: 5px;}
.swiper_product1 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: var(--commonColor);} */


/* home_product1 */
.home_product1{overflow: hidden;}
.home_product1 .product_left{order: 2; margin-right: 0; margin-left: -5.5%; padding-left: 3.2%; padding-right: 0; box-shadow: -10px 5px 12px 2px rgba(0, 0, 0, 0.06);}
.home_product1 .product_right{order: 1;}
.home_product1 .product_right .web_th{left: unset; right: 12.65%;}

.swiper_product1{margin-top: 4%;}
.swiper_product1 .pro-pagination{max-width: 510px; margin: 35px auto 0; position: relative;}
.swiper_product1 .pro-pagination::before{position: absolute; left: 0; top: 50%; height: 1px; width: 100%; background: rgba(var(--comColorRgb), 0.1); content: ''; transform: translateY(-50%);}
.swiper_product1 .pro-pagination .swiper-pagination-bullet{border-radius: 0; height: 5px; position: relative; z-index: 1; margin: -3px 0 0; background: none; width: calc(100% / 6);}
.swiper_product1 .pro-pagination .swiper-pagination-bullet-active{background: var(--commonColor);}

.swiper_product1 .swiper-pagination-progressbar{background: none; height: 5px;}
.swiper_product1 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: var(--commonColor);}


/* home_choose */
.home_choose .layout{max-width: 1500px;}
.choose_list{margin-top: 3%;}
.choose_list .choose_item{width: 33.333%; padding: 2.6% 4.5% 3%; text-align: center;}
.choose_item .item_icon{display: block; margin: 0 auto; width: auto; height: 46px;}
.choose_item .title{font-family: 'Lato-Bold'; font-size: 24px; margin: 12px 0 6px;}
.choose_item .brief{color: #666; font-family: 'Lato-Light'; line-height: 28px;}

.choose_item:hover{background: #fff; box-shadow: 0px 12px 38px 5px rgba(0, 0, 0, 0.09);}
.choose_item:hover .item_icon{animation: swing 0.5s;}

@media only screen and (max-width: 1300px) {
	.choose_item .title{font-size: 22px;}
	.choose_list .choose_item{padding: 20px 24px 26px;}
}
@media only screen and (max-width: 980px) {
	.choose_list{flex-direction: column; margin-top: 20px;}
	.choose_list .choose_item{width: 100%;}
	.choose_item .title{font-size: 20px;}
	.choose_list .choose_item{padding: 20px 16px 20px; box-shadow: 0px 6px 16px 3px rgba(0, 0, 0, 0.08);}
	.choose_list .choose_item:nth-child(n+2){margin-top: 16px;}
}


/* home_about */
.home_about{overflow: hidden;}
.about_left{width: 43.5%;}
.about_right{width: 51.5%;}
.about_right .pic{padding-bottom: 68.5%;}

.about_num{margin: 30px 0 36px;}
.about_num .num_item .num_row{font-family: 'Lato-Bold'; color: #171717; font-size: 72px; line-height: 1.2; text-align: center;}
.about_num .num_item .num_row .suffix{font-size: 50px;}
.about_num .num_item .title{color: #666; text-align: center; margin-top: 10px;}


@media only screen and (max-width: 1450px) {
	.about_num .num_item .num_row{font-size: 60px;}
	.about_num .num_item .num_row .suffix{font-size: 42px;}
}
@media only screen and (max-width: 1280px) {
	.about_num{margin: 20px 0 26px;}
	.about_num .num_item .num_row{font-size: 50px;}
	.about_num .num_item .num_row .suffix{font-size: 36px;}
}

@media only screen and (max-width: 980px) {
	.about_inner{flex-direction: column;}
	.about_left{width: 100%;}
	.about_right{width: 100%; margin-top: 24px;}
	.about_num{margin: 12px 0 18px;}
	.about_num .num_item{width: 31.5%;}
	.about_num .num_item .num_row{font-size: 36px;}
	.about_num .num_item .num_row .suffix{font-size: 26px;}
	.about_num .num_item .title{margin-top: 5px; font-size: 15px;}
}


/* home_customer */
.home_customer{overflow: hidden; background: #F9F9F9; padding: 4% 0 5%; position: relative;}

.home_customer .web_th .title a.txt:hover{border-bottom: 2px solid var(--commonColor);}
.home_customer .web_th .title a.txt:hover::before{width: 0;}
.customer_txt{font-family: 'Lato-Black'; font-size: 168px; position: absolute; left: 5px; top: 0; line-height: 1.25; color: rgba(var(--comColorRgb), 0.05);}
.home_customer .web_th .brief{width: 40%;}

.customer_inner{margin-top: 4.5%; position: relative;}
.customer_inner .swiper-slide{width: calc((100% - 120px) / 3); margin-right: 60px; height: auto;}

.customer_item{background: #fff; padding: 8% 10%; height: 100%; position: relative;}
.customer_item::before{position: absolute; content: ''; left: 50%; bottom: 0; height: 2px; width: 0; background: var(--commonColor);}
.customer_item .item_icon{display: inline-block; width: 50px; height: 50px; background: url(../img/icon_c.png) no-repeat center;}
.customer_item .brief{font-family: 'Lato-Light'; color: #666; line-height: 28px; margin: 20px 0 0; flex: 1;}
.customer_item .star{margin: 6% 0 8%;}

.customer_item .user_info img{display: block; width: 88px; height: 88px; border-radius: 50%; margin-right: 20px;}
.customer_item .user_item .name{font-family: 'Lato-Bold'; font-size: 20px; line-height: 1.4;}
.customer_item .user_item .txt{font-family: 'Lato-Light'; line-height: 28px; color: #999;}

.customer_item:hover::before{width: 100%; left: 0;}
.customer_item:hover .item_icon{animation: bounceInA 0.5s;}
.customer_item:hover .user_info img{animation: swing 0.5s;}
.customer_item:hover .brief{color: #333;}

@media only screen and (max-width: 1600px) {
	.customer_txt{font-size: 140px;}
}
@media only screen and (max-width: 1450px) {
	.customer_txt{font-size: 120px; top: 2.5%;}
}
@media only screen and (max-width: 1300px) {
	.customer_txt{font-size: 96px;}
	.customer_inner .swiper-slide{width: calc((100% - 48px) / 3); margin-right: 24px;}
	.customer_item{padding: 25px 20px;}
	.customer_item .item_icon{background-size: 40px auto; height: 40px; width: 40px;}
	.customer_item .brief{margin-top: 12px;}
	.customer_item .user_info img{width: 56px; height: 56px; margin-right: 10px;}
	.customer_item .user_item .name{font-size: 18px;}
}
@media only screen and (max-width: 980px) {
	.home_customer{padding: 30px 0;}
	.customer_txt{font-size: 60px; top: 5px;}
	.home_customer .web_th{flex-direction: column; align-items: flex-start;}
	.home_customer .web_th .brief{width: 100%;}

	.customer_inner{padding-bottom: 35px;}
	.customer_inner .swiper-slide{width: 100%; margin-right: 16px;}
	.customer_item{padding: 20px 16px;}
	.customer_item .star{margin: 10px 0 16px;}
}

/* home_contact */
.home_contact{overflow: hidden;}
.contact_pic{width: 40%;}
.contact_pic .pic{padding-bottom: 80%;}
.contact_form{width: 56%;}
.con_form{margin-top: 10%;}
.con_form .txt, .con_form .send{margin: 0; height: 60px; font-size: 16px; font-family: 'Lato-light'; cursor: pointer;}
.con_form .txt{border: 1px solid rgba(var(--comColorRgb), 0.12); border-radius: 2px; padding: 0 24px; width: calc(100% - 210px); max-width: 460px;}
.con_form .send{background: var(--commonColor); font-size: 20px; color: #fff; border: none; margin-left: 20px; min-width: 180px; border: 2px solid var(--commonColor);}
.con_form .send:hover{opacity: 0.8;}

@media only screen and (max-width: 980px) {
	.contact_inner{flex-direction: column;}
	.contact_pic{width: 100%;}
	.contact_form{width: 100%; margin-top: 15px;}
	.con_form{margin-top: 20px; flex-direction: column;}
	.con_form .txt, .con_form .send{height: 52px;}
	.con_form .txt{width: 100%; padding: 0 15px;}
	.con_form .send{min-width: 130px; font-size: 18px; margin-left: 0; height: 42px; margin-top: 20px;}
}

/* home_news */
.home_news{overflow: hidden;}
.home_news_ul .related_news_item{width: calc((100% - 56px) / 3); margin-right: 28px; height: auto;}
.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 .related_news_inner{padding-bottom: 0;}
	.home_news_ul .related_news_item{width: 100%; margin-right: 0;}
	.home_news_ul .related_news_item:nth-child(n+2){margin-top: 25px;}
	.home_news_ul .related_news_info{margin-bottom: 14px;}
}




