/* listApp_ul */
.listApp_ul{padding-top: 1%;}
.listApp_ul li{margin-top: 3.5%;}
.listApp_pic{width: 50%;}
.listApp_info{width: 50%; background: #E5DEC7; padding: 4.5% 2.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;}


.listApp_info .title{font-size: 36px; font-weight: bold; line-height: 1.15;}
.listApp_info .brief{line-height: 2; padding: 15px 0 20px;}

.listApp_info .more{display: inline-block; font-size: 18px; color: #fff; background: #000; padding: 2% 4%; line-height: 1; font-weight: bold;}

.listApp_ul li:hover .title a{color: var(--commonColor);}
.listApp_ul li:hover .more{background: var(--commonColor);}

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

@media only screen and (max-width: 1350px) {
	.listApp_info{padding: 3.5% 2.5%;}
	.listApp_info .title{font-size: 32px;}
}
@media only screen and (max-width: 1200px) {
	.listApp_info{padding: 3% 2.5%;}
	.listApp_info .title{font-size: 28px;}
	.listApp_info .brief{line-height: 1.75;}
}
@media only screen and (max-width: 950px) {
	.listApp_info{padding: 15px;}
	.listApp_info .title{font-size: 24px;}
	.listApp_info .brief{padding: 10px 0;}
	
	.listApp_ul li{flex-wrap: wrap; margin-top: 20px;}
	.listApp_pic, .listApp_info{width: 100%;}
	.listApp_pic .app_pic{padding-bottom: 80%; padding-bottom: 75%;}
	.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: var(--commonColor); 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;}
}