/* img scale */
.ser_pic_item .ser_pic img, .ser_txt_div .title, .ser_txt_div .title::before, .ser_txt_div .brief, .ser_blue_div, .ser_blue_div .brief{
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.ser_pic_item:hover .ser_pic 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;}

/* s_services_box */
.s_services_box{padding-top: 1%;}

.service_list li{background: #fff;}
.service_list li:nth-child(even){background: #FAFAFA;}

.service_item .th{font-family: 'MyriadPro-Bold'; line-height: 1.25;}
.service_item .th .order{font-size: 72px; color: #0D44A8;}
.service_item .th .txt{font-size: 45px;}

.ser_pic_div{margin-top: 10px;}
.ser_pic_item{width: 32.5%;}
.ser_pic_item .ser_pic{padding-bottom: 66%;}
.ser_pic_info{width: 64%;}
.ser_pic_info .brief{font-family: 'MyriadPro-Regular'; font-size: 18px; line-height: 32px; max-height: 224px; overflow-y: auto;}

.ser_txt_div{margin-top: 3%;}
.ser_txt_div .title{font-family: 'MyriadPro-Bold'; font-size: 20px; position: relative;}
.ser_txt_div .title::before{position: absolute; left: 0; top: 50%; margin-top: -1px; height: 2px; width: 0; background: #0D44A8; content: '';}
.ser_txt_div .title a{color: inherit;}
.ser_txt_div:hover .title{color: #0D44A8; padding-left: 40px;}
.ser_txt_div:hover .title::before{width: 28px;}

.ser_txt_div .brief{font-family: 'MyriadPro-Regular'; color: #666; line-height: 1.5; margin-top: 20px;}
.ser_txt_div:hover .brief{color: #333;}

.ser_blue_div{margin-top: 3%; background: #0D44A8; padding: 4% 7%;}
.ser_blue_div .brief{font-family: 'MyriadPro-Regular'; color: #fff; text-align: center; line-height: 1.5; opacity: 0.9;}
.ser_blue_div:hover{box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.5);}
.ser_blue_div:hover .brief{opacity: 1;}

@media only screen and (max-width: 1450px) {
	.service_item .th .order{font-size: 64px;}
	.service_item .th .txt{font-size: 42px;}
}
@media only screen and (max-width: 1350px) {
	.service_item .th .order{font-size: 56px;}
	.service_item .th .txt{font-size: 38px;}
	
}
@media only screen and (max-width: 1200px) {
	.service_item .th .order{font-size: 48px;}
	.service_item .th .txt{font-size: 34px;}
	.ser_pic_info .brief{line-height: 30px; max-height: 210px;}
}
@media only screen and (max-width: 950px) {
	.s_services_box{padding-top: 0;}
	.service_item .th .order{font-size: 40px;}
	.service_item .th .txt{font-size: 26px;}
	.ser_pic_info .brief{max-height: unset; margin-top: 16px; line-height: 28px;}
	.ser_pic_item, .ser_pic_info{width: 100%;}
	
	.ser_pic_div{margin-top: 5px;}
	
	.ser_txt_div{margin-top: 20px;}
	.ser_txt_div .brief{margin-top: 10px;}
	
	.ser_blue_div{margin-top: 20px; padding: 16px 16px;}
}