.tips_info, .tips_info::before{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
/* .class_item:hover .class_pic{
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-o-transform: scale(1.08);
	transform: scale(1.08);
}
.class_item:hover .class_pic img{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
} */
/* proType_class */
.pro_class_list{margin-top: 2.6%;}

.class_item{width: calc(50% - 13px); margin-right: 26px; background: rgba(var(--comColorRgb), 0.1); padding: 4% 30px 4% 3.6%; margin-bottom: 28px;}
.class_item:nth-child(2n){margin-right: 0;}

.class_info{width: 48%;}
.class_info .title{font-size: 28px; text-transform: uppercase; font-family: 'Chaparral Pro-Bold'; line-height: 1.25; height: 3.75em;}
.class_info .brief{line-height: 26px; height: 78px; color: #666; margin: 15px 0 20px;}
.class_info .pubMore{background: none; border-color: #333; color: #333; font-size: 16px; font-weight: bold; text-transform: uppercase; height: 42px; line-height: 42px;}
.class_info .pubMore:hover{border-color: var(--commonColor); color: #fff;}

.class_pic_item{width: 49%;}
.class_pic_item .class_pic{padding-bottom: 100%;}

.class_item:hover{background: rgba(var(--comColorRgb), 0.16);}
.class_item:hover .class_info .title{color: var(--commonColor);}

@media only screen and (max-width: 1450px) {
	.class_info .title{font-size: 26px;}
}
@media only screen and (max-width: 1200px) {
	.class_info .title{font-size: 24px;}
	.class_item{padding: 30px 20px 30px 30px;}
}
@media only screen and (max-width: 950px) {
	.class_info .title{font-size: 20px; height: auto; display: block;}
	.class_info .brief{height: auto; display: block; margin: 10px 0 14px;}
	.class_item{width: 100%; margin-right: 0; margin-bottom: 20px; padding: 24px 18px 24px; flex-direction: column;}
	.class_item:last-child{margin-bottom: 0;}
	.class_info{width: 100%; order: 2; margin-top: 20px;}
	.class_pic_item{width: 100%; order: 1; max-width: 400px; margin: 0 auto;}
}

/* proType_application */
.app_inner{position: relative; margin-top: 2%;}
.app_inner .swiper-slide{width: calc((100% - 44px) / 3); margin-right: 22px;}
.app_item .app_pic{padding-bottom: 100%;}
.app_item .title{font-size: 30px; font-weight: bold; margin-top: 15px; text-transform: uppercase; text-align: center;}
.app_item:hover .title{color: var(--commonColor);}

.app-pagination{display: none;}

@media only screen and (max-width: 1450px) {
	.app_item .title{font-size: 26px;}
}
@media only screen and (max-width: 1200px) {
	.app_item .title{font-size: 22px;}
}
@media only screen and (max-width: 950px) {
	.app_item .title{font-size: 20px;}
	.app_inner{padding: 0 0 35px; margin-top: 12px;}
	.app-next, .app-prev{display: none;}
	.app-pagination{display: block;}
}

/* proType_tips */
.proType_tips{background: rgba(var(--comColorRgb), 0.05);}
.tips_inner{position: relative; margin: 2% 0 0;}
.tips_inner .swiper-slide{height: auto;}
.tips_inner .swiper_tips{padding: 8px 6px 15px 2px;}

.tips_item{height: 100%;}
.tips_pic_item{width: 40%;}
.tips_pic_item .pic{height: 100%;}
.tips_info{width: calc(60% - 34px); position: relative; border-radius: 24px; padding: 4% 3%; box-shadow: 0 3px 8px 0 rgba(var(--comColorRgb), 0.2); background: #fff; min-height: 400px; height: 100%;}
.tips_info::before{font-family: fontawesome; position: absolute; left: -26px; top: 60px; height: 20px; line-height: 20px; 
	font-size: 64px; color: #fff; content: '\f0d9'; text-shadow: -3px 0px 3px rgba(var(--comColorRgb), 0.15); transform: scaleX(1.6);
}
.tips_info .title{font-size: 36px; font-weight: bold; line-height: 1.25; text-transform: uppercase;}
.tips_info .stitle{font-size: 32px; font-weight: bold; line-height: 1.25; text-transform: uppercase; margin-top: 6%;}
.tips_info .brief{color: #666; margin: 3% 0 0;  overflow-y: auto; line-height: 26px;}

.tip_list{padding-top: 10px;}
.tip_list li{margin-top: 12px;}
.tip_list li .txt{padding-left: 20px; position: relative; color: #666; line-height: 26px;}
.tip_list li .txt::before{position: absolute; content: ''; left: 0; top: 8px; width: 10px; height: 10px; background: var(--commonColor); border-radius: 50%;}

.tips_info:hover{box-shadow: 0 3px 8px 0 rgba(var(--comColorRgb), 0.4);}
.tips_info:hover::before{text-shadow: -3px 0px 3px rgba(var(--comColorRgb), 0.3);}

.tips-pagination{display: none;}


@media only screen and (max-width: 1450px) {
	.tips_info .title{font-size: 32px;}
	.tips_info .stitle{font-size: 30px;}
}
@media only screen and (max-width: 1350px) {
	.tips_info .title{font-size: 28px;}
	.tips_info .stitle{font-size: 26px;}
}
@media only screen and (max-width: 1200px) {
	.tips_info .title{font-size: 24px;}
	.tips_info .stitle{font-size: 24px;}
	.tip_list{padding-top: 0;}
}
@media only screen and (max-width: 950px) {
	.proType_tips .layout{padding: 0 10px;}
	.tips_inner{padding: 0 0 32px; margin-top: 20px;}
	.tips_inner .swiper_tips{padding: 0 5px 10px;}
	.tips-next, .tips-prev{display: none;}
	.tips-pagination{display: block;}
	
	.tips_item{flex-direction: column;}
	.tips_pic_item{width: 100%;}
	.tips_pic_item .pic{height: 0; padding-bottom: 75%;}
	.tips_info{width: 100%; margin-top: 20px; border-radius: 16px; padding: 24px 18px;}
	.tips_info::before{left: 30px; top: -18px; content: '\f0d8'; transform: scaleY(1.2); text-shadow: 0px -2px 2px rgba(var(--comColorRgb), 0.1); font-size: 42px;}
	.tips_info:hover::before{text-shadow: 0 -2px 2px rgba(var(--comColorRgb), 0.15);}
	.tips_info .title{font-size: 20px;}
	.tips_info .stitle{font-size: 20px;}
	.tips_info .brief{max-height: unset;}

	.tip_list li{margin-top: 10px;}
	.tip_list li .txt{line-height: 24px;}
}

.tips_info .title h3{ font-size: 36px;}