
.listApp_box .web_th .title{font-family: Arial; font-weight: 500;}
.listApp_box .web_th .brief{font-family: Arial; font-weight: 500; color: #333;}

/* listApp_ul */
.listApp_ul{padding-top: 1%;}
.listApp_ul li{margin-top: 4%;}
.listApp_pic{width: 48%; height: auto;}
.listApp_info{width: 52%; font-family: 'Poppins-Regular'; padding: 4.2% 0 3.5%;}

.listApp_ul li:nth-child(even) .listApp_info{order: 1;}
.listApp_ul li:nth-child(even) .listApp_pic{order: 2;}

.listApp_pic .app_pic{
	height: 100%; overflow: hidden; 
	/* padding-bottom: 75%; */
}

.app_info_top{padding: 10px 6% 4%;}
.app_info_top .s_title{font-size: 30px; line-height: 1.15; text-transform: uppercase; font-size: 14px;}
.app_info_top .title{font-size: 30px; line-height: 1.15; text-transform: capitalize; color: #0D44A8; margin: 20px 0 0;}
.app_info_top .title a{color: inherit;}

.app_info_other{background: #F0F0F0; padding: 26px 6% 30px;}
.app_info_other .title{font-size: 24px; line-height: 1.15; text-transform: capitalize;}
 /* max-height: 180px;  */
.listApp_info .brief{line-height: 30px; margin: 12px 0 0;overflow-y: auto;}

.listApp_ul li:hover .title a{text-decoration: underline;}

@media only screen and (max-width: 1450px) {
	.app_info_top .title{font-size: 28px;}
}

@media only screen and (max-width: 1350px) {
	.app_info_top .title{font-size: 26px;}
}
@media only screen and (max-width: 1200px) {
	.app_info_top .title{font-size: 24px;}
	.app_info_other .title{font-size: 22px;}
}
@media only screen and (max-width: 950px) {
	.listApp_info{padding-top: 0;}
	.app_info_top .title{font-size: 22px;}
	.app_info_other .title{font-size: 20px;}
	.listApp_info .brief{max-height: unset;}
	
	.app_info_top{padding: 20px 0 15px;}
	.app_info_top .title{margin-top: 12px;}
	.app_info_other{padding: 20px 14px;}
	
	.listApp_ul li{flex-wrap: wrap; margin-top: 20px;}
	.listApp_pic, .listApp_info{width: 100%;}
	.listApp_pic .app_pic{height: 0; padding-bottom: 70%;}
	.listApp_ul li:nth-child(even) .listApp_info{order: 2;}
	.listApp_ul li:nth-child(even) .listApp_pic{order: 1;}
	.listApp_info .more{padding: 10px 20px;}
}


/* innerApp_box */
/* .innerApp_box{padding-top: 4%;}
.innerApp_box .web_th .title{font-size: 48px; text-transform: unset; font-family: 'Arial'; font-weight: bold; color: #000;}

.app_txt{margin-top: 15px; line-height: 1.5;}
.app_txt .app_th{font-weight: bold; font-size: 24px; position: relative; padding-left: 15px;}
.app_txt .app_th:before{position: absolute; left: 0; height: 8px; width: 8px; content: ''; background: #355E40; border-radius: 50%; top: 50%; margin-top: -4px;}
.app_txt .brief{line-height: 2; margin-top: 5px;}

.app_left, .app_right{width: calc(50% - 4px);}
.app_right{margin-top: 46px;}

.app_left .hot_pic, .app_right .hot_pic{padding-bottom: 79.3%; overflow: hidden;}
.app_left .hot_pic_l, .app_right .hot_pic_l{padding-bottom: 152.6%; overflow: hidden;}
.app_left .hot_pic_l{margin-top: 5%;}
.app_left .hot_pic_l, .app_right .hot_pic{margin-bottom: 8px;}

.app_txt_phone{display: none;}

@media only screen and (max-width: 1450px) {
	.innerApp_box .web_th .title{font-size: 42px;}
}

@media only screen and (max-width: 1350px) {
	.innerApp_box .web_th .title{font-size: 36px;}
}
@media only screen and (max-width: 1200px) {
	.innerApp_box .web_th .title{font-size: 30px;}
	.app_txt .brief{line-height: 1.5;}
}
@media only screen and (max-width: 950px) {
	.innerApp_box .web_th .title{font-size: 24px;}
	.app_txt_phone{display: block;}
	.app_left .app_txt{display: none;}
	.listApp_inner{margin-top: 15px;}
	.app_left{margin-top: 5%;}
	.app_right{margin-top: 0;}
} */