/* img scale */
.factory_list li .fac_pic img, .ser_pic_item .ser_pic img, .cer_item .cer_pic img, .top_right .top_pic img, .about_com_right .com_pic img, .right_item .pic img{
	transition: all 0.45s ease;
	-webkit-transition: all 0.45s ease;
	-moz-transition: all 0.45s ease;
	-o-transition: all 0.45s ease;
}
.s_about_pic:hover .about_pic img, .factory_list li:hover .fac_pic img, .cer_item:hover .cer_pic img, .top_right .top_pic:hover img, .about_com_right .com_pic:hover img, .right_item .photo_item:hover .pic img{
	transform: scale(1.06);
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
	-o-transform: scale(1.06);
}
.web_main{padding-bottom: 0;}
.web_th .title{font-size: 30px;}
.web_th .s_title{font-size: 16px; color: var(--commonColor);}

.s_about_top{overflow: hidden; padding-top: 3.5%;}
.about_top_div{background: #F8F8F8; margin-top: 20px; align-items: center;}

.top_left{flex: 1; position: relative;}
.about_con{/* position: absolute; left: 0; top: 0; right: 0; height: 100%; overflow-y: auto; */ padding-right: 20px; color: #666; line-height: 1.5;}
.top_con{padding: 3.5% 4%;}
.about_con a{color: var(--commonColor);}
.about_con a:hover{text-decoration: underline;}
.ab_s_img{float: left; margin: 0 15px 0 0; width: 80px; height: 80px; object-fit: cover; border-radius: 50%;}
.about_con .ab_s_img:hover{animation: swing 0.5s;}

.top_right{margin: 0 5.6% 0 6%;}
/* .top_right .top_pic{margin-top: -34px;} */

@media only screen and (max-width: 1200px) {
	.web_th .title{font-size: 26px;}
}
@media only screen and (max-width: 950px) {
	.web_th .title{font-size: 24px;}
	.s_about_top{padding-top: 30px;}
	.about_top_div{flex-direction: column; margin-top: 10px;}
	.top_right .top_pic{margin: 20px auto;}
	.top_right .top_pic img{display: block; max-width: 100%; margin: 0 auto;}
	.top_left{width: 100%; order: 2; padding: 0 15px 15px;}
	.top_right{width: 100%; order: 1; margin: 0;}
	.about_con{position: static; padding-right: 0;}
	.top_con{padding: 0;}
}

/* about_company */
.about_company{margin-top: 3%;}
.about_com_left{width: 59%; position: relative;}
/* .about_com_left .about_con{position: absolute; left: 0; top: 0; right: 0; height: 100%; overflow-y: auto; padding-right: 20px;} */
.about_com_right{width: 38.5%; height: auto;}
.about_com_right .com_pic{padding-bottom: 78%; overflow: hidden; border-radius: 12px;}

@media only screen and (max-width: 950px) {
	.about_company{margin-top: 30px; flex-direction: column;}
	.about_com_left{width: 100%; order: 2; margin-top: 15px;}
	.about_com_right{width: 100%; order: 1;}
}

/* about_photo */
.about_photo{margin-top: 4%; /* background: url(../img/bg_about.webp) no-repeat center; background-size: cover; padding: 4% 0; */}
.about_photo_inner{margin-top: 2.2%;}
.about_photo_inner .left_item{width: 38%;}
.about_photo_inner .left_item .title{line-height: 1.5; margin-bottom: 20px; text-transform: capitalize; text-align: center; font-size: 28px; background: #f6f6f6; border-radius: 50px;}
.about_photo_inner .left_item .title:last-child{margin-bottom: 0;}
.about_photo_inner .left_item .title span{display: inline-block; padding: 10px 14px; border-radius: 30px; cursor: pointer;}
.about_photo_inner .left_item .active{background: var(--commonColor);}
.about_photo_inner .left_item .active span{color: #fff;}
.about_photo_inner .right_item{width: 55%;}
.about_photo_inner .right_item .photo_item{height: 0; overflow: hidden;}
.about_photo_inner .right_item .photo_item .pic{padding-bottom: 66%; overflow: hidden;}
.about_photo_inner .right_item .photo_item .title{line-height: 28px; margin-top: 10px; text-transform: capitalize;}
.about_photo_inner .right_item .active{height: auto;}
@media only screen and (max-width: 1450px) {
	.about_photo_inner .left_item .title span{padding: 8px 14px;}
	.about_photo_inner .left_item .title{font-size: 24px;}
}
@media only screen and (max-width: 1300px) {
	.about_photo_inner .left_item .title span{padding: 6px 14px;}
	.about_photo_inner .left_item .title{font-size: 22px;}
}
@media only screen and (max-width: 950px) {
	.about_photo{margin-top: 30px;}
	.about_photo_inner{flex-direction: column; margin-top: 20px;}
	.about_photo_inner .left_item{width: 100%;}
	.about_photo_inner .right_item{width: 100%; margin-top: 15px;}
}


/* s_about_award */
.s_about_award{background: #FAFAFA; margin-top: 3.5%; padding: 4% 0;}

.about_award{position: relative; padding: 0 50px; margin-top: 2%; z-index: 0;}
.about_award::before{position: absolute; left: 0; right: 0; top: 42px; height: 4px; background: var(--commonColor); content: ''; z-index: -1;}
.about_award .swiper-container-horizontal{padding: 0 6px 6px;}
.about_award .swiper-slide{height: auto; width: calc((100% - 150px) / 4); margin-right: 50px;}

.award_item{height: 100%;}
.award_item .year{color: var(--commonColor);}
.award_item .year .icon{display: block; width: 42px; height: 42px; border: 2px solid var(--lightColor); background: url(../img/icon13.png) no-repeat center/21px auto; border-radius: 50%; margin-top: 3px; background-color: #F8F8F8;}

.award_info{background: #fff; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.09); padding: 16px 14px; margin-top: 32px; position: relative; flex: 1;}
.award_info::before{position: absolute; left: 18px; top: -15px;
	height: 20px; line-height: 20px; font-size: 32px; color: #fff;
	content: '\f0d8'; text-shadow: 0 -2px 4px rgba(0, 0, 0, 0.12);
}
.award_info .title{font-family: 'Poppins-Bold'; font-size: 18px; color: var(--commonColor); height: 108px; height: auto;}
.award_info .date{color: var(--lightColor); margin: 6px 0;}
.award_info .brief{color: #999;}

.award_item:hover .year .icon{animation: swing 0.5s;}
.award_item:hover .award_info{box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.25);}
.award_item:hover .award_info::before{text-shadow: 0 -3px 4px rgba(0, 0, 0, 0.3);}

.award-prev{left: 0;}
.award-next{right: 0;}
.award-next, .award-prev{width: 38px; height: 38px; background-repeat: no-repeat; background-position: center; background-size: 60% auto; border-radius: 0; margin-top: 20px; border: 2px solid #999; background: none; border-radius: 50%; color: var(--commonColor);}
.award-next:before, .award-prev:before{font-size: 20px; display: block; height: 38px; line-height: 38px;}
.award-prev:before{content: '\f104';}
.award-next:before{content: '\f105';}
.award-next:hover, .award-prev:hover{background-color: var(--lightColor); border-color: var(--lightColor); color: #fff;}

.award-pagination{display: none;}

@media only screen and (max-width: 950px) {
	.s_about_award{margin-top: 20px; padding: 30px 0 25px;}
	.about_award{margin-top: 20px; padding: 0 0 34px;}
	.about_award .swiper-slide{width: 100%; margin-right: 20px;}
	.award_info{margin-top: 25px;}
	.award_info .title{height: auto; min-height: 54px;}
	.award-next, .award-prev{display: none;}
	.award-pagination{display: block;}
}

/* s_about_factory */
.s_about_factory{padding-top: 3.5%;}

.factory_list{padding-top: 2%;}
.factory_list li{margin: 0 2% 0 0; width: 49%;}
.factory_list li:nth-child(2n){margin-right: 0;}
.factory_list li .fac_pic{padding-bottom: 56.3%; overflow: hidden;}
.factory_list li .title{text-align: center; padding: 10px 0 12px;}

@media only screen and (max-width: 950px) {
	.s_about_factory{padding-top: 30px;}
	.factory_list li{width: 100%; margin-right: 0; margin-bottom: 8px;}
}


/* s_about_cer */
.s_about_cer{padding-top: 3%;}
.about_ser_list li{width: 30%; margin-top: 3%;}
.cer_item .cer_pic{padding-bottom: 136.9%; overflow: hidden;}
.about_cer{padding: 2% 0 50px;}
.cer-prev, .cer-next{display: none;}
.about_cer .swiper-slide{width: 23%;}

@media only screen and (max-width: 950px) {
	.about_cer{padding: 10px 0 34px;}
	.cer_item:hover .cer_pic img{transform: none;}
}

/* s_about_form */
.s_about_form{position: relative; padding: 7% 0 5%; margin-top: 3.5%;}
.s_about_form::before{position: absolute; top: 0; left: 0; bottom: 0; width: 57%; background: #F3F3F3; content: ''; z-index: 0;}

.about_form{}
.about_form .web_th{width: 40%;}
.about_form .web_th .title{font-size: 45px; color: #333; text-transform: uppercase;}
.about_form .web_th .brief{font-family: 'MicrosoftPhagsPa'; margin: 5px 0 25px;}
.about_form .web_th .email a{color: var(--commonColor); font-size: 20px; font-family: 'MyriadPro-Semibold'; line-height: 30px; background: url(../img/icon14.png) no-repeat left center; padding-left: 40px; display: inline-block; height: 30px;}
.form_div{width: 50%;}
.about_form .web_th .email a:hover{color: var(--lightColor); background-image: url(../img/icon14_1.png);}

.form_input input, .form_input textarea{height: 48px; width: 100%; background: #D8D8D8; border: 0; font-size: 16px; margin-bottom: 18px; padding: 0 15px;}
.form_input textarea{height: 144px; line-height: 28px; padding: 10px 15px; margin-bottom: 14px;}

.form_btn .submit_btn{font-family: 'Poppins-Medium'; color: #fefefe; background: var(--commonColor); border: 0; margin: 0; height: 44px; width: 166px; font-size: 16px;}
.form_btn .submit_btn:hover{background: var(--lightColor);}

@media only screen and (max-width: 1450px) {
	.about_form .web_th .title{font-size: 40px;}
}
@media only screen and (max-width: 1350px) {
	.about_form .web_th .title{font-size: 35px;}
}
@media only screen and (max-width: 1200px) {
	.about_form .web_th .title{font-size: 30px;}
	.s_about_form{padding: 6% 0 5%;}
}
@media only screen and (max-width: 950px) {
	.s_about_form{padding: 30px 0;}
	.s_about_form::before{width: 100%;}
	.about_form .web_th .title{font-size: 24px;}
	.about_form{flex-direction: column;}
	.about_form .web_th{width: 100%;}
	.about_form .web_th .brief{margin-bottom: 15px;}
	.form_div{width: 100%; margin-top: 20px;}
	.form_input input, .form_input textarea{margin-bottom: 15px;}
}


/* 左图右文 */
.img_txt_div{display: flex; justify-content: space-between; align-items: center;}
.img_txt_div .pic{width: 48%; overflow: hidden; order: 1;}
.img_txt_div .pic img{display: block; width: 100%; height: auto; transition: all 0.5s ease;}
.img_txt_div .pic:hover img{transform: scale(1.08);}
.img_txt_div .txt_div{width: 48%; order: 2;}
.img_txt_div .txt_div .title{font-weight: bold; font-size: 22px; margin: 0 0 10px; color: #333;}
.img_txt_div .txt_div .brief{font-size: 16px; color: #666; line-height: 26px;}
.txt_img_div .pic{order: 3;}
.img_txt_div:nth-of-type(n+2){margin-top: 2.5%;}
@media only screen and (max-width: 980px) {
	.img_txt_div{flex-direction: column;}
	.img_txt_div:nth-of-type(n+2){margin-top: 20px;}
	.img_txt_div .pic{width: 100%; order: 1 !important;}
	.img_txt_div .txt_div{width: 100%; margin-top: 12px;}
}

/* 一行两图 */
.con_imgs_2{display: flex; justify-content: space-between; flex-wrap: wrap;}
.con_imgs_2 .con_item{width: 48.8%;}
.con_imgs_2 .con_item:nth-child(n+3){margin-top: 30px;}
.con_imgs_2 .pic{width: 100%; overflow: hidden; height: 0; padding-bottom: 70%; position: relative;}
.con_imgs_2 .pic img{display: block; width: 100%; height: 100%; transition: all 0.5s ease; object-fit: cover; position: absolute; left: 0; top: 0;}
.con_imgs_2 .con_item:hover img{transform: scale(1.08);}
.con_imgs_2 .con_item .title{font-weight: bold; font-size: 22px; margin: 18px 0 10px; color: #333;}
.con_imgs_2 .con_item .brief{font-size: 16px; color: #666; line-height: 26px;}
@media only screen and (max-width: 980px) {
	.con_imgs_2{flex-direction: column;}
	.con_imgs_2 .con_item{width: 100%;}
	.con_imgs_2 .con_item .title{font-size: 20px;}
	.con_imgs_2 .con_item:nth-child(n+2){margin-top: 20px;}
}

/* 一行三图 */
.con_imgs_3{display: flex; justify-content: space-between; flex-wrap: wrap;}
.con_imgs_3 .con_item{width: 32%; margin-right: 2%;}
.con_imgs_3 .con_item:nth-child(3n){margin-right: 0;}
.con_imgs_3 .con_item:nth-child(n+4){margin-top: 30px;}
.con_imgs_3 .pic{width: 100%; overflow: hidden; height: 0; padding-bottom: 70%; position: relative;}
.con_imgs_3 .pic img{display: block; width: 100%; height: 100%; transition: all 0.5s ease; object-fit: cover; position: absolute; left: 0; top: 0;}
.con_imgs_3 .con_item:hover img{transform: scale(1.08);}
.con_imgs_3 .con_item .title{font-weight: bold; font-size: 22px; margin: 18px 0 10px; color: #333;}
.con_imgs_3 .con_item .brief{font-size: 16px; color: #666; line-height: 26px;}
@media only screen and (max-width: 980px) {
	.con_imgs_3{flex-direction: column;}
	.con_imgs_3 .con_item{width: 100%;}
	.con_imgs_3 .con_item .title{font-size: 20px;}
	.con_imgs_3 .con_item:nth-child(n+2){margin-top: 20px;}
}

/* about_box */
.about_box{margin-top: 4.5%;}
.about_box:last-child{margin-bottom: 4.5%;}
.about_box .about_content{margin-top: 2%;}
/* about_img_swiper */
.swiper_about_system .swiper-slide{width: calc((100% - 40px) / 3); margin-right: 20px; height: auto;}
.swiper_about_system .li_item{text-align: center;}
.swiper_about_system .li_item .title{font-weight: bold; font-size: 20px; color: #333;}
.swiper_about_system .li_item .brief{flex: 1; margin: 8px 0 16px;}
.swiper_about_system .li_item .pic{padding-bottom: 70%;}

.about_btns{margin-top: 2%; display: flex; align-items: center; justify-content: center;}
.about_btns .more{display: inline-block; padding: 6px 20px; border-radius: 30px; background: var(--commonColor); color: #fff; border: 2px solid transparent;}
.about_btns .more:hover{border-color: var(--commonColor); background: #fff; color: var(--commonColor);}
.about_btns .more:nth-child(n+2){margin-left: 20px;}

.system-next, .system-prev, .system-pagination{display: none;}
@media only screen and (max-width: 980px) {
	.about_box{margin-top: 30px;}
	.about_box:last-child{margin-bottom: 30px;}
	.about_box .about_content{margin-top: 16px; position: relative; padding-bottom: 35px;}
	.swiper_about_system .swiper-slide{width: calc((100% - 20px) / 2);}
	.system-pagination{display: block;}
	.about_btns{margin-top: 20px;}
}
@media only screen and (max-width: 768px) {
	.swiper_about_system .swiper-slide{width: 100%; margin-right: 20px;}
}