/* img scale */
.mode_bottom_pic img{
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.mode_bottom_pic:hover img{
	transform: scale(1.06);
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
	-o-transform: scale(1.06);
}

/* common */
.web_main{padding-bottom: 0;}

.web_th .title{text-transform: capitalize;}

.th_small{position: relative;}
.th_small::before{position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: rgba(var(--comColorRgb), 0.2); content: ''; z-index: 0;}
.th_small .title{display: inline-block; background: #fff; padding: 0 3.5%; position: relative; z-index: 1;}

/* service_box */
.service_inner{overflow: hidden;}
.service_inner .ser_pic_item{width: 50%; float: left; margin: 0 4% 20px 0; margin-top: 14px;}
.ser_pic_item .pic{padding-bottom: 62.5%;}
.service_inner .web_th .brief{margin-top: 2.4%;}

@media only screen and (max-width: 950px) {
	.th_small .title{max-width: 90%; padding: 0 15px;}
	.service_inner .ser_pic_item{width: 100%; float: none; margin: 0 0 20px;}
}


/* service_mold */
.mold_list{margin: 3% 0 0;}
.mold_item{width: 18.25%;}
.mold_item .pic{padding-bottom: 100%; border: 1px solid var(--commonColor);}
.mold_item .pic img{padding: 12px;}

.mold_item .title{text-align: center; font-size: 18px; line-height: 24px; margin-top: 14px; color: #000;}

.mold_icon{width: 9%;}
.mold_icon .icon{height: 0; position: relative; padding-bottom: 205%; background: url(../img/icon_ser.png) no-repeat center; background-size: 50px auto; width: 100%; display: block;}

.mold_list .mold_icon:last-child{display: none;}

@media only screen and (max-width: 1300px) {
	.mold_icon .icon{background-size: 40px auto;}
	.mold_item .pic img{padding: 8px;}
}
@media only screen and (max-width: 950px) {
	.mold_list{flex-wrap: wrap; margin-top: 15px;}
	.mold_item{width: 100%;}
	.mold_item:nth-of-type(n+2){margin-top: 20px;}
	.mold_icon{width: 9%; display: none;}
	.mold_icon .icon{background-size: 40px auto;}
}

/* service_photo */
.photo_inner{position: relative; margin: 2.6% 0 0;}
.photo_inner .swiper-slide{width: calc((100% - 100px) / 6); margin-right: 24px;}

.photo_item .pic{padding-bottom: 100%;}

.photo-next, .photo-prev{background: none; font-size: 42px; font-weight: bold;}
.photo-next:hover, .photo-prev:hover{background: none; color: var(--commonColor);}
.photo-pagination{display: none;}

.case_item{margin: 2.4% 2.4% 0 0; width: 23.2%;}
.case_item:nth-child(4n){margin-right: 0;}
.case_item .pic{padding-bottom: 100%;}

.mode_bottom_pic{margin-top: 2.4%; overflow: hidden;}


@media only screen and (max-width: 950px) {
	.case_list{padding-top: 6px;}
	.case_item{width: calc(50% - 8px); margin-right: 16px; margin-top: 16px;}
	.case_item:nth-child(2n){margin-right: 0;}
	.mode_bottom_pic{margin-top: 16px;}
}

@media only screen and (max-width: 950px) {
	.photo_inner{margin: 15px 0 0;}
	.photo_inner .swiper-slide{width: 100%;}
	.photo-next, .photo-prev{width: 36px; height: 36px; margin-top: -18px; line-height: 36px; font-size: 36px;}
	.photo-next{right: 0;}
	.photo-prev{left: 0;}
}

/* service_form */
.service_form{background: #EFEFEF;}
.form_left{width: 39%; padding: 3% 0;}
.form_left .web_th .title{text-transform: capitalize; font-family: 'AkzidenzGroteskBQ-XBold'; font-size: 30px;}
.form_right{width: 55%;}
.form_right .pic{height: 100%;}
.form_div{margin-top: 30px;}
.input_item{width: 100%; margin-bottom: 16px;}
.form_input .input_item:nth-child(-n+2){width: 48.6%;}
.form_input .input_item:last-child{margin-bottom: 0;}
.input_item p span{color: #ED2736; padding-right: 5px; margin-left: -11px;}
.input_item input, .input_item textarea{border-radius: 0; border: none;  width: 100%; font-size: 16px; height: 46px; line-height: 46px; margin-top: 4px; padding: 0 15px 0 28px; background: url(../img/icon_star.png) no-repeat 15px 19px; background-size: 6px auto; background-color: #fff; margin: 0;}
.input_item textarea{line-height: 28px; height: 140px; padding-top: 10px; padding-bottom: 10px; display: block;}

.form_btn .submit_btn{background: none; color: var(--commonColor); line-height: 28px; padding: 8px 80px; height: 44px; width: auto; font-size: 16px; margin: 26px 0 0; transition: all 0.3s ease; border: 1px solid var(--commonColor);}
.form_btn .submit_btn:hover{background: var(--commonColor); color: #fff;}

@media only screen and (max-width: 950px) {
	.service_form{padding-top: 30px;}
	.service_form .layout{flex-direction: column;}
	.form_left{width: 100%; order: 2; padding-top: 20px; padding-bottom: 30px;}
	.form_right{width: 100%; order: 1;}
	.form_right .pic{padding-bottom: 75%;}
	.form_input .input_item:nth-child(-n+2){width: 100%;}
	.input_item{width: 100%; margin-bottom: 15px;}
	.form_btn .submit_btn{margin-top: 15px;}
	.form_div{margin-top: 15px;}
	.form_left .web_th .title{font-size: 24px;}
}