/* 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: 80px;}
	/* .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_search */
.home_search{overflow: hidden; position: relative; padding-bottom: 40px; background-position: center bottom; background-repeat: no-repeat; background-size: cover; padding-bottom: 8%;}
.home_search .layout{max-width: 800px; margin: 0 auto;}
.home_search .web_th .brief{color: #CCC;}

.home_search .form{height: 54px; width: 100%; background: rgba(255, 255, 255, 0.2); margin-top: 5%; overflow: hidden;}
.home_search .form input{border: 0; background: none; line-height: 54px; font-size: 16px; margin: 0;}
.home_search .form .txt{float: left; width: calc(100% - 68px); padding: 0 20px; color: #fff;}
.home_search .form .submit{width: 68px; float: right; height: 54px; font-size: 0; background: url(../img/icon_search_w.png) no-repeat center; background-size: 24px auto;}
.home_search .form .submit:hover{background-color: var(--secondColor);}

.home_search input::-webkit-input-placeholder {color: #CCC;}
.home_search input::-moz-placeholder {color: #CCC;}
.home_search input:-ms-input-placeholder {color: #CCC;}
.home_search input:-moz-placeholder {color: #CCC;}

@media only screen and (max-width: 980px) {
	.home_search{padding: 45px 0 76px;}
	.home_search .form{margin-top: 30px;}
}

/* home_category */
.home_category{overflow: hidden;}
.category_inner{margin-top: 2.5%; position: relative;}
.category_inner .swiper-slide{width: calc((100% - 100px) / 5); margin-right: 25px; height: auto;}
.home_class_item{height: 100%; border: 1px solid #F1F1F1; padding: 8px;}
.home_class_item .pic{padding-bottom: 100%;}
.home_class_item .class_info{flex: 1; margin-top: 8px;}
.home_class_item .class_info .title{background: #F1F1F1; padding: 6px 10px; text-align: center; line-height: 28px; height: 100%;}

.home_class_item:hover{border-color: var(--commonColor);}
.home_class_item:hover .pic img{transform: scale(1.2);}
.home_class_item:hover .class_info .title{color: #fff; background: var(--commonColor);}


.common_scroll{position: relative; width: 340px; margin: 0 auto; height: 5px; margin-top: 4%;}
.swiper_category .category-scrollbar{opacity: 1 !important; height: 3px; background: #E5E5E5;}
.swiper_category .swiper-scrollbar-drag{background: var(--commonColor);}

@media only screen and (max-width: 1400px) {
	.category_inner .swiper-slide{width: calc((100% - 80px) / 5); margin-right: 20px;}
}
@media only screen and (max-width: 1200px) {
	.category_inner .swiper-slide{width: calc((100% - 54px) / 4); margin-right: 18px;}
}
@media only screen and (max-width: 980px) {
	.category_inner{margin-top: 20px;}
	.category_inner .swiper-slide{width: calc((100% - 40px) / 2.6); margin-right: 20px;}
	.common_scroll{margin-top: 25px;}
}
@media only screen and (max-width: 768px) {
	.category_inner .swiper-slide{width: calc((100% - 16px) / 1.6); margin-right: 16px;}
}

/* home_brands */
.home_brands{overflow: hidden;}
.brands_inner{position: relative;}
.swiper_brands{padding: 4% 0 0;}
.brands_inner .swiper-wrapper{padding-bottom: 12px;}
.brands_inner .swiper-slide{width: calc((100% - 140px) / 5); margin-right: 35px; height: auto; border: 1px solid #F1F1F1; transition: 300ms;/*  transform: scale(0.8); */}
.brand_item{height: 125px;}
.brand_item img{max-width: 80%; max-height: 65%; margin: 0 auto;}

.brands_inner .swiper-slide-active,.swiper-slide-duplicate-active{transform: scale(1.2); background: #fff; box-shadow: 0px 0px 40px 0px rgba(0 ,0, 0, 0.14);}

.swiper_brands .brand-scrollbar{opacity: 1 !important; height: 3px; background: #E5E5E5;}
.swiper_brands .swiper-scrollbar-drag{background: var(--commonColor);}

/* .brands_inner .swiper-slide:hover{transform: scale(1.2); background: #fff; box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.14); z-index: 1;} */

@media only screen and (max-width: 1400px) {
	.brands_inner .swiper-slide{width: calc((100% - 120px) / 5); margin-right: 30px;}
}
@media only screen and (max-width: 1200px) {
	.brands_inner .swiper-slide{width: calc((100% - 70px) / 3); margin-right: 35px;}
}
@media only screen and (max-width: 980px) {
	.swiper_brands{padding: 35px 0 0;}
	.brands_inner .swiper-slide{width: calc((100% - 60px) / 3); margin-right: 30px;}
	.brands_inner .swiper-slide-active,.swiper-slide-duplicate-active{box-shadow: 0px 0px 20px 0px rgba(0 ,0, 0, 0.14);}
}
@media only screen and (max-width: 768px) {
	.brands_inner .swiper-slide{width: calc((100% - 50px) / 2); margin-right: 25px;}
	.brand_item{height: 100px;}
}


/* home_service */
.home_service{overflow: hidden; background: #FAFAFA; padding: 4.5% 0;}

.service_list{margin-top: 3%;}
.service_list .service_item{width: 31.8%; margin-right: 2.3%; position: relative; padding-bottom: 12px;}
.service_list .service_item:nth-child(3n){margin-right: 0;}
.service_list .service_item:nth-child(n+4){margin-top: 3%;}
.service_item::before{position: absolute; left: 50%; height: 2px; background: var(--commonColor); width: 0; content: ''; bottom: 0;}
.service_item .pic{padding-bottom: 60%;}
.service_item .service_info{text-align: center;}
.service_item .title{font-weight: bold; font-size: 18px; margin: 20px 0 5px;}
.service_item .brief{color: #666; line-height: 26px;}

.service_item:hover::before{width: 30%; left: 35%;}

@media only screen and (max-width: 980px) {
	.home_service{padding: 30px 0;}
	.service_list{margin-top: 20px;}
	.service_list .service_item{width: 100%; margin-right: 0; padding-bottom: 0;}
	.service_list .service_item:nth-child(n+2){margin-top: 24px;}
	.service_item::before{height: 0;}
	.service_item .title{margin-top: 16px;}
	.service_item .pic{padding-bottom: 70%;}
}

/* home_about */
.home_about{position: relative; overflow: hidden;}
.home_about_info{width: 47%;}
.home_about_info .web_th .title{font-family: Arial; font-weight: bold;}
.home_about_info .web_th .brief{margin: 4% 0 6%; line-height: 30px;}
.about_num{width: 47%;}
.about_num .num_item{width: 33.33%; text-align: center; padding: 5% 8px;}
.about_num .num_item .num_row{font-family: 'Arial-Black'; color: #000; font-size: 50px; line-height: 1.2; text-align: center; transition: all 0.5s ease;}
.about_num .num_item .title{color: #666; text-align: center; margin-top: 5px; font-weight: 400;}

.about_num .num_item:hover{box-shadow: 0px 0px 36px 0px rgba(0,0,0,0.14);}
.about_num .num_item:hover .num_row{color: var(--commonColor);}
.about_num .num_item:hover .title{color: var(--commonColor);}


@media only screen and (max-width: 1450px) {
	.about_num .num_item .num_row{font-size: 45px;}
}
@media only screen and (max-width: 1280px) {
	.home_about_info .web_th .title{font-size: 30px;}
	.about_num{width: 48%;}
	.about_num .num_item .num_row{font-size: 40px;}
}

@media only screen and (max-width: 980px) {
	.about_inner{flex-direction: column;}
	.home_about_info{width: 100%;}
	.home_about_info .web_th .title{font-size: 26px;}
	.home_about_info .web_th .brief{margin: 12px 0 20px;}
	.about_num{width: 100%; margin-top: 30px;}
	.about_num .num_item{width: 50%; padding: 22px 8px 26px;}
}

/* home_adv */
.adv_list{margin-top: 4%;}
.adv_list .adv_item{width: 23.2%; margin-right: 2.4%; border: 1px solid #F1F1F1; padding: 3% 2%; text-align: center;}
.adv_list .adv_item:nth-child(4n){margin-right: 0;}
.adv_item .item_icon{width: 90px; height: 90px; border-radius: 50%; background: #F1F1F1; margin: 0 auto; overflow: hidden;}
.adv_item .item_icon img{display: block; margin: 0 auto; max-height: 42px; transition: all 0.45s ease;}
.adv_item .item_icon .hover{display: none;}
.adv_item .title{font-size: 18px; font-weight: bold; margin: 30px 0 10px;}
.adv_item .brief{color: #666; line-height: 26px;}

.adv_item:hover{border-color: var(--commonColor); background: var(--commonColor);}
.adv_item:hover .item_icon{background: #fff;}
.adv_item:hover .item_icon .def{display: none;}
.adv_item:hover .item_icon .hover{display: block;}
.adv_item:hover .item_icon img{animation: swing 0.5s;}
.adv_item:hover .title{color: #fff;}
.adv_item:hover .brief{color: #fff;}

@media only screen and (max-width: 1160px) {
	.adv_list .adv_item{width: 48.5%; margin-right: 3%; padding: 35px 25px;}
	.adv_list .adv_item:nth-child(2n){margin-right: 0;}
	.adv_list .adv_item:nth-child(n+3){margin-top: 3%;}
	.adv_item .item_icon{width: 80px; height: 80px;}
	.adv_item .item_icon img{max-height: 36px;}
	.adv_item .title{margin-top: 25px;}
}
@media only screen and (max-width: 768px) {
	.adv_list{margin-top: 26px;}
	.adv_list .adv_item{width: 100%; margin-right: 0; padding: 28px 18px 24px;}
	.adv_list .adv_item:nth-child(n+2){margin-top: 22px;}
}

/* home_news */
.home_news{overflow: hidden; background: #FAFAFA;}
.home_news_ul .related_news_item{width: 31.4%; margin-right: 2.9%; height: auto; position: relative; padding-bottom: 78px;}
.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: 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: 24px;}
}

/* home_contact */
.home_contact{overflow: hidden;}
.home_contact .web_th .brief{margin-top: 10px;}
.contact_inner{margin-top: 2.5%; background: #FAFAFA;}
.contact_info{width: 50%; padding: 3% 5.6%;}
.contact_info .info_top img{display: block; height: 68px; margin-right: 12px;}
.contact_info .title{flex: 1; font-size: 28px; text-transform: uppercase; font-family: 'Arial-Black'; color: var(--commonColor); line-height: 1.2;}
.contact_info .info_ul{padding-top: 4%;}
.info_ul li{margin-top: 3%; position: relative; padding-left: 32px;}
.info_ul li::before{position: absolute; left: 0; top: 0; height: 26px; width: 20px; content: ''; background-position: left center; background-repeat: no-repeat; background-size: 18px auto;}
.info_ul li.tel::before{background-image: url(../img/icon_tel.png);}
.info_ul li.email::before{background-image: url(../img/icon_email.png);}
.info_ul li.address::before{background-image: url(../img/icon_add.png); background-size: 16px auto;}
.info_ul li a, .info_ul li p{color: #666; font-weight: 500; line-height: 26px;}
.info_ul li a:hover{color: var(--commonColor); text-decoration: underline;}
.info_ul li:hover::before{animation: swing 0.5s;}

.contact_form{width: 50%; background: var(--commonColor); padding: 2.6% 3%;}
.contact_form .ch_form{height: 100%;}
.form_wrap .input_item{width: 49%; position: relative;}
.form_wrap .input_item:nth-child(n+3){width: 100%;}
.form_wrap .input_item input,
.form_wrap .input_item textarea{border: none; background: #fff; height: 46px; line-height: 30px; padding: 8px 20px; padding-left: 30px; width: 100%; margin-bottom: 18px; font-size: 16px;}
.form_wrap .input_item textarea{height: 108px; min-height: 108px; max-height: 108px; min-width: 100%; max-width: 100%;}
.form_wrap .input_item p{position: absolute; left: 15px; top: 14px; color: #FF0000;}
.form_wrap .form_btn input{margin: 0; height: 40px; text-align: center; max-width: 240px; color: var(--commonColor); background: #fff; border: none; font-size: 16px; display: block; width: 49%;}


@media only screen and (max-width: 1300px) {
	.contact_info{padding: 30px 35px;}
	.contact_info .info_top img{height: 60px;}
	.contact_info .title{font-size: 24px;}
	.contact_form{padding: 25px 30px;}
}
@media only screen and (max-width: 980px) {
	.home_contact .layout{padding: 0;}
	.home_contact .web_th{padding: 0 20px;}
	.contact_inner{margin-top: 20px; flex-direction: column;}
	.contact_info{width: 100%; padding: 30px 20px;}
	.contact_info .title{font-size: 22px;}
	.contact_form{width: 100%; padding: 30px 20px;}

	.form_wrap .input_item{width: 100%;}
	.form_wrap .form_btn input{width: 60%;}
}