
.sub_sort li a, .sort_info .title a, .sort_info, .proType_topic li:before{
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
/* img scale */
.c_pub_pic img{
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.sort_item:hover .sort_pic img, .adv_item:hover .adv_pic img{
	transform: scale(1.06);
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.06);
	-o-transform: scale(1.06);
}

/* .web_main{padding-bottom: 0;} */
.pad_tb{padding: 3.2% 0;}

@media only screen and (max-width: 950px) {
	.pad_tb{padding: 30px 0;}
}

/* proType_sort */
.sort_div{width: 32.9%;}
.sort_item{position: relative;}
.sort_div .sort_item:nth-child(n+2){margin-top: 12px;}
.sort_div:nth-child(2) .sort_item{height: 100%;}
.sort_item .sort_pic{padding-bottom: 100%; overflow: hidden;}
.sort_div:nth-child(1) .sort_item:nth-child(n+2) .sort_pic{padding-bottom: 48%;}
.sort_div:nth-child(2) .sort_item .sort_pic{height: 100%;}
.sort_div:nth-child(3) .sort_item:nth-child(1) .sort_pic{padding-bottom: 48%;}
.sort_item .sort_info{position: absolute; left: 20px; top: 38px; right: 20px; font-family: 'Poppins-Medium';}
.sort_div:nth-child(2) .sort_item .sort_info{text-align: center; top: 50%; transform: translateY(-50%);}
.sort_info .title{font-size: 24px; line-height: 1.3; margin-bottom: 5px;}
.sort_info .title, .sort_info .title a{color: #14457B;}

.sort_div:nth-child(2) .more_btn .more{background: #14457B; color: #fff; border: none; border-radius: 18px; display: inline-block; height: 36px; line-height: 36px; padding: 0 30px; font-family: 'Poppins-Regular'; margin-top: 10px;}

.sort_item:hover .title a{color: #2C6DF5;}
.sort_item:hover .more_btn .more{margin-left: 5px; color: #2C6DF5; border-color: #2C6DF5;}
.sort_div:nth-child(2) .sort_item:hover .more_btn .more{margin-left: 0; color: #fff; background: #2C6DF5;}

/* sort new */
.sort_div_new{width: 32.5%;}
.sort_item_new{position: relative;}
.sort_item_new .sort_pic{padding-bottom: 150%;}
.sort_item_new .sort_info{position: absolute; left: 20px; right: 20px; font-family: 'Poppins-Medium';text-align: center; top: 50%; transform: translateY(-50%);}
.sort_div_new .more_btn .more{background: #14457B; color: #fff; border: none; border-radius: 18px; display: inline-block; height: 36px; line-height: 36px; padding: 0 30px; font-family: 'Poppins-Regular'; margin-top: 10px;}

@media only screen and (max-width: 950px) {
	.sort_div_new{width: 100%;margin-top: 15px;}
	.sort_div_new:first-child{margin-top: 0;}
	.sort_item_new .sort_pic{padding-bottom: 80%;}
}

@media only screen and (max-width: 1200px) {
	.sort_item .sort_info{top: 24px;}
	.sort_info .title{font-size: 22px;}
}
@media only screen and (max-width: 950px) {
	.proType_sort .layout{flex-wrap: wrap;}
	.sort_div{width: 100%;}
	.sort_div .sort_item:nth-child(n+2){margin-top: 15px;}
	.sort_div:nth-child(2) .sort_item{margin: 15px 0;}
	.sort_item .sort_pic{padding-bottom: 70% !important;}
	.sort_item .sort_info{top: 20px; left: 15px; right: 15px;}
	.sort_info .title{font-size: 20px;}
	.sort_item .title a{color: #14457B;}
	
	/* sort_info center */
	.sort_item .sort_info{top: 50%; transform: translateY(-50%); text-align: center;}
	.sort_div .more_btn .more{background: #14457B; color: #fff; border: none; border-radius: 18px; display: inline-block; height: 36px; line-height: 36px; padding: 0 30px; font-family: 'Poppins-Regular'; margin-top: 10px;}
	.sort_item:hover .more_btn .more{margin-left: 0;}
}

/* proType_th */
.proType_th{flex: 1; text-align: left;}
.proType_th .s_title{color: #666; font-family: 'Poppins-Medium'; font-size: 24px; margin-bottom: 20px;}
.proType_th .title{font-size: 36px;}
.app_top .proType_th .title{font-size: 40px;}

@media only screen and (max-width: 1350px) {
	.proType_th .title{font-size: 32px;}
	.app_top .proType_th .title{font-size: 36px;}
}
@media only screen and (max-width: 1200px) {
	.proType_th .s_title{font-size: 22px;}
	.proType_th .title{font-size: 28px;}
	.app_top .proType_th .title{font-size: 30px;}
}
@media only screen and (max-width: 950px) {
	.proType_th{width: 100%;}
	.proType_th .s_title{font-size: 20px; margin-bottom: 10px;}
	.proType_th .title{font-size: 24px;}
	.app_top .proType_th .title{font-size: 24px;}
}

/* proType_adv */
.proType_adv{background: #F6FBFB;}
.proType_adv_top{align-items: flex-end;}
.swiper_btn{margin-left: 50px; width: 126px; height: 60px; position: relative;}

.proType_adv_inner{padding-top: 30px;}
.proType_adv_inner .swiper-slide{height: auto;}
.adv_item{background: #fff; border-radius: 20px; height: 100%; overflow: hidden;}
.adv_item .adv_pic{padding-bottom: 68%; overflow: hidden;}
.adv_item .adv_info{padding: 8% 8% 8%;}

.adv_info .title{font-size: 24px; font-family: 'Poppins-Medium'; color: #14457B; line-height: 1.25;}
.adv_info .title .name{color: #14457B; padding-left: 36px; background: url(../img/icon9.png) no-repeat left 0/auto 28px; display: inline-block;line-height: 1.3em;height: 3.9em;overflow: hidden;}
.adv_info  .info{line-height: 1.3em;height: 6.5em;overflow: hidden;}

.info_list{margin: 10px 0 20px;}
.info_list li{line-height: 20px; padding: 4px 0;}
.info_list li .name{color: #999; position: relative; padding-left: 14px; display: block;}
.info_list li .name::before{position: absolute; left: 0; width: 5px; height: 5px; background: #14457B; content: ''; top: 50%; margin-top: -2px;}

.adv_more .more{color: #14457B; font-size: 18px; font-family: 'Poppins-Medium'; position: relative; padding-right: 26px; background: url(../img/icon_plus.png) no-repeat right center/ 16px auto; display: inline-block;}

.adv_item:hover .adv_info .title .name{color: #2C6DF5; background-image: url(../img/icon9_1.png);}
.adv_item:hover .more{margin-left: 5px; color: #2C6DF5; background-image: url(../img/icon_plus_1.png);}

.adv-pagination{display: none;}
.adv-prev, .adv-next{background: #14457B;}
.adv-prev{left: 0;}
.adv-next{right: 0;}
.adv-prev:hover, .adv-next:hover{background: #2C6DF5;}
.adv-prev:before, .adv-next:before{content: ''; width: 20px; height: 20px; margin: 15px auto; display: block; background-repeat: no-repeat; background-position: center; background-size: 13px auto;}
.adv-prev:before{background-image: url(../img/icon_prev.png);}
.adv-next:before{background-image: url(../img/icon_next.png);}


@media only screen and (max-width: 1200px) {
	.adv_info .title{font-size: 22px;}
	.adv_info .title .name{background-size: auto 24px; padding-left: 30px;}
}
@media only screen and (max-width: 950px) {
	.proType_adv .web_th{width: 100%;}
	.adv_info .title{font-size: 20px;}
	.adv_info .title .name,.adv_info  .info{
		height: auto;
	}
	.proType_adv_top{flex-direction: column;}
	.swiper_btn{width: 90px; margin-left: 10px; display: none;}
	.adv-prev:before, .adv-next:before{margin: 10px auto;}
	.adv-pagination{display: block;}
	.proType_adv_inner{padding-bottom: 34px; padding-top: 16px;}
	.adv_item .adv_info{padding: 16px 16px;}
	.info_list{margin: 10px 0;}
	.adv_item:hover .more{margin-left: 0;}
}

/* proType_app */
.app_top{align-items: center;}
.app_top .line{ width: 23.5%; height: 1px; background: #14457B; margin: 0 3% 0 13%;}
.proType_app .web_th{position: relative; margin: 0;}

.proType_app_inner{padding-top: 3%;}
.app_div{align-items: center; margin-bottom: 30px;}
.app_pic_item{width: 50%;}
.app_info_item{width: 46%;}
.app_div:nth-child(even) .app_pic_item{order: 2;}
.app_div:nth-child(even) .app_info_item{order: 1;}
.app_pic_item .app_pic{padding-bottom: 55.15%; overflow: hidden; border-radius: 5px;}
.app_info_item .order{font-family: 'Poppins-Bold'; color: #14457B; font-size: 40px; margin-right: 20px; line-height: 1.25;}
.app_info_item .app_info{flex: 1;}
.app_info .title{font-family: 'Poppins-Medium'; font-size: 24px; line-height: 1.5;}

.app_list li{margin-top: 5%; position: relative; padding-left: 30px; background: url(../img/icon10.png) no-repeat 2px 2px;}
.app_list li .bt{font-size: 22px; font-family: 'Poppins-Medium'; line-height: 1.5;}
.app_list li .brief{color: #999; line-height: 24px;}

.app_bottom{align-items: center; padding: 16px 0 0;}
.app_bottom .line{width: 23.5%; position: relative; height: 1px; background: #14457B; margin-right: 5%;}
.app_bottom .brief{width: 73.5%; max-width: 700px; color: #999; line-height: 24px;}

@media only screen and (max-width: 1350px) {
	.app_info_item .order{font-size: 36px;}
	.app_info .title, .app_list li .bt{font-size: 23px;}
}
@media only screen and (max-width: 1200px) {
	.app_info_item .order{font-size: 32px;}
	.app_info .title, .app_list li .bt{font-size: 22px;}
}
@media only screen and (max-width: 950px) {
	.proType_app_inner{padding-top: 16px;}
	.app_info_item .order{font-size: 28px; margin-right: 12px;}
	.app_info .title, .app_list li .bt{font-size: 20px;}
	.app_top .line, .app_bottom .line{margin: 0 15px 0 0; width: 56px;}
	.app_div{flex-direction: column; margin-bottom: 24px;}
	.app_pic_item{width: 100%;}
	.app_info_item{width: 100%; margin-top: 16px;}
	.app_div:nth-child(even) .app_info_item{order: 3;}
	
	.app_list li{margin-top: 12px; padding-left: 24px; background-size: 14px auto;}
	.app_bottom{padding: 0;}
}

/* proType_faq */
.proType_faq{background: #F6FBFB; padding-bottom: 5%;}
.proType_faq .layout{align-items: center;}
.proType_faq_left{width: 46%;}
.proType_faq_pic{width: 46%;}

.proType_faq_pic .faq_pic{padding-bottom: 92.8%; overflow: hidden;}

.faq_list li{margin-top: 20px; background: #fff; border-radius: 18px;}
.faq_list li .th{position: relative; color: #000; padding: 20px 55px 20px 20px; cursor: pointer; line-height: 1.3;}
.faq_list li .th .title{font-size: 18px; font-family: 'Poppins-Medium'; color: #14457B;}

.faq_list li .right_icon{position: absolute; right: 14px; top: 50%; width: 36px; height: 36px; cursor: pointer; margin-top: -18px;}
.faq_list li .right_icon::before{position: absolute; right: 0; top: 0; font-family: fontawesome; font-size: 24px; color: #14457B; line-height: 36px; height: 100%; width: 100%; text-align: center; transition: all 0.3s ease; content: '\f107';}

.faq_list li .faq_con{padding: 10px 55px 20px 20px; line-height: 1.5; display: none; position: relative; color: #999;}

.faq_list li.sel_item .title{color: #2C6DF5;}
.faq_list li.sel_item .right_icon::before{content: '\f107'; transform: rotate(180deg); color: #2C6DF5;}
.faq_list li.sel_item .faq_con{display: block;}
.faq_list li:hover{box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.1);}


@media only screen and (max-width: 950px) {
	.proType_faq{padding-bottom: 30px;}
	.proType_faq .layout{flex-direction: column;}
	.proType_faq_left{width: 100%;}
	.proType_faq_pic{width: 100%; margin-top: 20px;}
	
	.faq_list li{box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.06);}
	.faq_list li .th{padding: 15px 40px 15px 15px;}
	.faq_list li .faq_con{padding: 0 20px 15px;}
	.faq_list li .right_icon{right: 6px;}
}
