.web_main{background: #F6FBFB;}

/* s_case_box */
.s_case_box{}
.s_case_box .web_th{max-width: 1400px; text-align: left;}
.s_case_box .web_th .brief{color: #333;}

.case_inner{padding: 2.8% 0 0;}
.case_div{width: 32%;}

.case_item{}
.case_item .case_pic{padding-bottom: 109%; overflow: hidden;}
.case_div_mid .case_item .case_pic{padding-bottom: 160%;}
.case_div_right .case_item .case_pic{padding-bottom: 58%;}
.case_div_mid .case_item:first-child .case_pic{padding-bottom: 58%;}
.case_div_right .case_item:first-child .case_pic{padding-bottom: 160%;}
.case_item .case_info{padding: 6% 0 5%;}
.case_div .case_item:first-child .case_info{margin-bottom: 20px;}
.case_item .title{font-size: 20px; color: var(--commonColor); line-height: 28px; height: 54px;}
.case_item .brief{color: #999; margin-top: 10px; height: 48px;}

@media only screen and (max-width: 1200px) {
	.case_item .title{font-size: 18px;}
}
@media only screen and (max-width: 1050px) {
	.case_item .title{height: 112px; -webkit-line-clamp: 4;}
	.case_div .case_item:nth-child(2n) .title{height: 84px; -webkit-line-clamp: 3;}
}
@media only screen and (max-width: 980px) {
	.case_inner{flex-direction: column; padding-top: 0;}
	.case_div{width: 100%;}
	/* .case_item .case_pic{padding-bottom: 75% !important;} */
	.case_div_right{display: flex; flex-direction: column;}
	.case_div_right .case_item:first-child{order: 1;}
	.case_item .case_info{padding: 15px 0 20px;}
	.case_div_right .case_item:last-child .case_info{padding-bottom: 10px;}
	.case_div .case_item:first-child .case_info{margin-bottom: 0;}
	.case_item .title{height: auto !important; display: block !important;}
	.case_item .brief{margin-top: 6px; height: auto; display: block;}
}

/* s_case_form */
.s_case_form{padding-bottom: 3%;}
.s_case_form .web_th .title{font-size: 30px; font-family: 'Poppins-Regular'; color: #333; margin-bottom: 10px;}

.case_form{text-align: center; padding-top: 2%;}
.case_form .txt{width: 400px; padding: 0 15px; border: 1px solid var(--commonColor); height: 48px; line-height: 48px; border-radius: 6px;}
.case_form .sub{background: var(--commonColor); color: #fff; font-size: 20px; height: 48px; border: none; border-radius: 6px; width: 150px;}
.case_form .sub:hover{background: var(--lightColor);}
.case_form .txt:focus{border-color: var(--lightColor);}


@media only screen and (max-width: 950px) {
	.s_case_form .web_th .title{font-size: 24px; margin-bottom: 5px;}
	.s_case_form{padding: 10px 0 0;}
	.case_form{padding-top: 15px;}
	.case_form .txt{width: 100%; box-sizing: border-box;}
	.case_form .sub{margin-top: 16px;}
	.case_form .txt, .case_form .sub{height: 45px; line-height: 45px;}
}

/* pro_mid_div */
.pro_title{font-size: 30px; font-family: 'Poppins-Medium'; color: var(--commonColor); line-height: 1.25; margin-bottom: 12px;}

@media only screen and (max-width: 1350px) {
	.pro_title{font-size: 26px;}
}
@media only screen and (max-width: 980px) {
	.pro_title{font-size: 24px;}
}
.pro_mid_div{align-items: center; margin-top: 5%;}

.pro_mid_div .pro_div{flex: 1;}
.pro_contact{max-width: 300px; margin-left: 4%; border: 1px solid #14457B; border-radius: 20px; background: #F2F7FD; text-align: center; padding: 3.5% 1.5%; line-height: 1.25;}
.pro_contact .title{font-family: 'Poppins-Medium'; color: #14457B; font-size: 30px; margin-bottom: 20px;}
.pro_contact .tel{color: #14457B; font-family: 'Poppins-Medium'; font-size: 18px; padding-left: 22px; background: url(../img/icon6.png) no-repeat left center/18px auto;}
.pro_contact .more{display: block; width: 180px; height: 44px; background: #14457B; color: #fff; font-size: 20px; line-height: 44px; border-radius: 22px; margin: 20px auto;}
.pro_contact .tel:hover{color: #2C6DF5;}
.pro_contact .more:hover{background-color: #2C6DF5;}
.pro_contact:hover .tel{color: #2C6DF5;}
.pro_contact:hover .more{background-color: #2C6DF5;}

.pro_brief{max-height: 224px; overflow-y: auto;}

@media only screen and (max-width: 1350px) {
	.pro_contact{padding: 2.5% 1.5%;}
	.pro_contact .title{font-size: 26px;}
}
@media only screen and (max-width: 950px) {
	.pro_mid_div{flex-direction: column; margin-top: 30px;}
	.pro_contact .title{font-size: 22px;}
	.pro_mid_div .pro_div{order: 2;}
	.pro_contact{max-width: 100%; width: 100%; order: 1; margin: 0 0 20px; padding: 20px 20px 0;}
	.pro_brief{max-height: none;}
}

/* pro_pic_list */
.pro_pic_list{margin-top: 4%;}
.pro_pic_list li{width: 23.8%; margin-right: 2.2%;}
.pro_pic_list li:nth-child(3){margin-right: 0; width: 48%;}
.pro_pic_list li .pro_pic{padding-bottom: 133.75%; overflow: hidden; border-radius: 16px;}
.pro_pic_list li:nth-child(3) .pro_pic{padding-bottom: 0; height: 100%;}

@media only screen and (max-width: 950px) {
	.pro_pic_list{margin-top: 30px; flex-wrap: wrap;}
	.pro_pic_list li{width: 48%; margin-right: 4%;}
	.pro_pic_list li:nth-child(2){margin-right: 0;}
	.pro_pic_list li:nth-child(3){width: 100%;}
	.pro_pic_list li:nth-child(3) .pro_pic{height: 0; padding-bottom: 65%; margin-top: 15px;}
}


/* pro_bot_div */
.pro_bot_div{}
.pro_bot_item{align-items: center; margin-top: 3.2%;}
.pro_pic_div{width: 50%; order: 1;}
.pro_pic_div .pro_pic{padding-bottom: 61.8%; overflow: hidden;}
.pro_info_div{width: 50%; box-sizing: border-box; padding: 0 5%; order: 2;}

.pro_bot_item:nth-child(even) .pro_pic_div{order: 3;}

.pro_info_div .title{font-family: 'Poppins-Medium'; font-size: 24px; color: #14457B;}
.pro_info_div .brief{color: #999; line-height: 1.5; margin: 4% 0;}
.pro_info_div .bt{font-size: 18px;}

.features_list{padding: 5px 0 0 20px;}
.features_list li{margin-top: 5px;}
.features_list li .txt{color: #999; line-height: 22px; position: relative; padding-left: 20px;}
.features_list li .txt::before{content: ''; position: absolute; left: 0; width: 6px; height: 6px; border-radius: 50%; background: #999; top: 8px;}

@media only screen and (max-width: 950px) {
	.pro_bot_div{padding-top: 10px;}
	.pro_bot_item{margin-top: 20px; flex-direction: column;}
	.pro_pic_div{width: 100%;}
	.pro_info_div{width: 100%; padding: 15px 0 5px;}
	.pro_info_div .brief{margin: 6px 0 10px;}
	.pro_bot_item:nth-child(even) .pro_pic_div{order: 1;}
	.pro_info_div .title{font-size: 20px;}
	.features_list{padding: 0 0 0 15px;}
	.features_list li .txt{padding-left: 16px;}
}