/* proType_box */
.proType_box{padding-top: 2.6%;}
.proType_icon{position: absolute; width: 9.5%; left: -9.5%; top: 8%;}

.category_left{width: 47.5%; margin-right: 3%;}
.category_right{width: 49.5%; justify-content: space-between;}

.category_item{background: #F9F9F9; padding: 20px;}
.category_item>a{height: 100%;}
.category_item .pic{padding-bottom: 100%;}
.category_item .category_info{flex: 1; display: flex; flex-direction: column;}
.category_item .title{font-family: 'Fredoka One-Regular'; font-size: 24px; line-height: 1.4; flex: 1; margin: 12px 0 8px; text-align: center;}
.category_item .pro_btn{text-align: center;}
.category_item .pro_more{position: relative; text-transform: uppercase; display: inline-block; line-height: 28px; font-weight: bold; color: var(--commonColor); padding-bottom: 2px;}
.category_item .pro_more::before{position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; content: ''; background: var(--commonColor); transition: all 0.5s ease;}

.category_item:hover .title{color: var(--commonColor);}
.category_item:hover .pro_more{border-bottom-color: var(--commonColor); color: var(--commonColor);}
.category_item:hover .pro_more::before{width: 100%; left: 0;}

.category_left .category_item{height: 100%;}
.category_left .category_item .category_info{flex: unset;}
.category_left .category_item .title{margin-top: 20px;}

.category_right .category_item{width: 48%;}
.category_right .category_item:nth-child(n+3){width: 100%; margin-top: 4%;}
.category_right .category_item:nth-child(n+3)>a{flex-direction: row; justify-content: space-between;}
.category_right .category_item:nth-child(n+3) .pic{order: 2; width: 48%; padding-bottom: 48%;}
.category_right .category_item:nth-child(n+3) .category_info{order: 1; width: 48%; justify-content: center; flex: unset;}
.category_right .category_item:nth-child(n+3) .category_info .title{flex: unset;}


@media only screen and (max-width: 1620px) {
	.proType_icon{width: 95px; left: -15px; top: 8%;}
}
@media only screen and (max-width: 1024px) {
	.proType_icon{width: 50px; left: -10px; top: 8%;}
}
@media only screen and (max-width: 1450px) {
	.category_item .title{font-size: 22px;}
}
@media only screen and (max-width: 1300px) {
	.pro_category{zoom: 0.85;}
}
@media only screen and (max-width: 980px) {
	.proType_icon{display: none;}
	.proType_box{padding-top: 20px;}
	.pro_category{zoom: 1; flex-direction: column;}
	.category_left{width: 100%;}
	.category_right{width: 100%;}
	.category_item{padding: 16px 16px 18px;}
	.category_item .title{margin-top: 16px !important; font-size: 21px;}
	.category_right .category_item{width: 100%; margin-top: 16px;}
	.category_right .category_item:nth-child(n+3)>a{flex-direction: column;}
	.category_right .category_item:nth-child(n+3) .pic{width: 100%; order: 1; padding-bottom: 100%;}
	.category_right .category_item:nth-child(n+3) .category_info{width: 100%; order: 2;}
}





/* .category_div{position: relative;}
.category_div .sort_pic_item{width: 50%; position: relative; order: 1;}
.sort_pic_item::after{content: ''; display: block; overflow: hidden; height: 0; clear: both;}
.sort_pic_item .pic{padding-bottom: 65%;}

.category_div .sort_info_item{line-height: 1.25; width: 45%; order: 2;}

.sort_info_item .order{width: 50px; height: 50px; line-height: 48px; border: 1px dashed var(--commonColor); color: var(--commonColor); font-size: 22px; text-align: center; font-family: 'Montserrat-Light'; border-radius: 50%;}
.sort_info_item .title{font-size: 28px; font-family: 'Montserrat-Bold'; line-height: 1.25; overflow: hidden; text-transform: uppercase; color: var(--commonColor); margin: 36px 0 18px;}
.sort_info_item .brief{color: #666; font-family: 'Montserrat-Light'; line-height: 28px;}
.sort_info_item .more{display: inline-block; text-decoration: underline; color: var(--commonColor); font-family: 'Montserrat-Light'; height: 34px; line-height: 34px; transition: all 0.5s ease; margin-top: 6%;}
.sort_info_item:hover .title{text-decoration: underline;}
.sort_info_item:hover .more{padding: 0 12px; color: #fff; background: var(--commonColor); text-decoration: none;}
.sort_info_item:hover .order{animation: swing 0.5s;}

.category_div:nth-child(n+2){margin-top: 6%;}
.category_div:nth-child(2n) .sort_pic_item{order: 3;}

@media only screen and (max-width: 1450px) {
	.sort_info_item .title{font-size: 24px;}
}
@media only screen and (max-width: 1300px) {
	.category_div .sort_info_item{width: 46%;}
	.category_div:nth-child(n+2){margin-top: 4%;}
	.sort_info_item .order{width: 46px; height: 46px; line-height: 44px; font-size: 20px;}
	.sort_info_item .title{font-size: 22px; margin: 26px 0 12px;}
	.sort_info_item .more{margin-top: 16px;}
	.sort_info_item .brief{-webkit-line-clamp: 4;}
}
@media only screen and (max-width: 980px) {
	.pro_category{margin-top: 20px;}
	.category_div:nth-child(n+2){margin-top: 24px;}
	.category_div{flex-direction: column;}
	.category_div .sort_pic_item{width: 100%; order: 1 !important;}
	.category_div .sort_info_item{width: 100%; order: 2 !important; margin-top: 20px;}

	.sort_info_item .more{margin-top: 10px;}
	.sort_info_item:hover .more{padding: 0; background: none; color: var(--thirdColor); text-decoration: underline;}
	.sort_info_item .title{margin: 20px 0 10px;}
} */


/* proType_app */
.proType_app{overflow: hidden; background: #FAF9F5;}
.proType_app_inner{align-items: unset;}
.proType_app_inner .app_left{width: 58.5%;}
.proType_app_inner .app_left .pic{height: 100%; padding-bottom: 0;}
.proType_app_inner .app_right{width: 36.5%; padding: 20px 0 4.6%;}
.proType_app_inner .app_right .app_icon{width: 18%; height: auto; margin-left: 58%;}
.proType_app_inner .app_right .web_th{position: relative; z-index: 0; margin-top: -15px;}
.proType_app_inner .app_list{margin-top: 6%;}
.proType_app_inner .app_item:nth-child(n+2){margin-top: 6%;}
.proType_app_inner .app_item .pic{margin-right: 15px; width: 72px; height: 72px; border-radius: 50%; margin-top: 5px;}
.proType_app_inner .app_item .app_info{flex: 1;}
.proType_app_inner .app_item .title{font-family: 'Fredoka One-Regular'; font-size: 18px;}
.proType_app_inner .app_item .brief{color: #666; line-height: 26px; margin-top: 2px;}
.proType_app_inner .app_item:hover .pic{animation: swing 0.5s;}
@media only screen and (max-width: 1300px) {
	.proType_app_inner .app_right{width: 37.5%;}
	.proType_app_inner .app_right .app_icon{width: 20%;}
	.proType_app_inner .app_item .pic{width: 60px; height: 60px;}
	.proType_app_inner .app_list{margin-top: 20px;}
	.proType_app_inner .app_item:nth-child(n+2){margin-top: 20px;}
}
@media only screen and (max-width: 980px) {
	.proType_app_inner{flex-direction: column;}
	.proType_app_inner .app_left{width: 100%;}
	.proType_app_inner .app_left .pic{height: 0; padding-bottom: 66%;}
	.proType_app_inner .app_right{width: 100%; padding: 10px 0 30px;}
	.proType_app_inner .app_right .app_icon{margin-left: 70%;}
	.proType_app_inner .app_right .web_th{margin-top: -28px;}
	.proType_app_inner .app_item .pic{margin-right: 12px;}
	.proType_app_inner .app_item:nth-child(n+2){margin-top: 15px;}
}

/* proType_mission */
.proType_mission{}
.mission_left{width: 52%; position: relative;}
.mission_left .pic{width: 80%; padding-bottom: 80%; border-radius: 50%;}
.mission_left .item_icon{position: absolute; height: 0; border-radius: 50%;}
.mission_left .top_icon{width: 6.5%; height: 0; padding-bottom: 6.5%; background: #624DA0; top: -10px; right: 26%;}
.mission_left .bottom_icon{width: 14%; padding-bottom: 14%; background: #FF7162; bottom: 0; right: 10%;}
.mission_left .right_icon{width: 12%; height: auto; display: block; top: 40%; right: 0;}
.mission_right{width: 44.5%;}

.mission_right .txt_list{margin-top: 6%;}
.mission_right .txt_list .title{font-size: 16px; line-height: 1.5; text-transform: none;}
.mission_right .txt_list .title:nth-child(n+2){margin-top: 5%;}
.mission_right .txt_list .title .order{width: 28px; color: #fff; height: 28px; border-radius: 50%; margin-right: 8px; text-align: center; line-height: 30px; background: #FBB419;}
.mission_right .txt_list .title .txt{flex: 1;}

.mission_right .txt_list .title:nth-child(3n+2) .order{background: #43B3D9;}
.mission_right .txt_list .title:nth-child(3n) .order{background: #FF7162;}
.mission_right .txt_list .title:hover .order{animation: swing 0.5s;}

@media only screen and (max-width: 980px) {
	.mission_inner{flex-direction: column; margin-top: 20px;}
	.mission_left{width: 100%;}
	.mission_right{width: 100%; margin-top: 20px;}

	.mission_left .right_icon{width: 18%;}
}


/* proType_favorite */
.proType_favorite{background: url(../img/bg_pro.jpg) no-repeat center top; background-color: #71A7B3; background-size: 100% auto; padding: 6% 0 4%; position: relative;}
.proType_favorite .left_icon,
.proType_favorite .right_icon{position: absolute; display: block; top: -10%;}
.proType_favorite .left_icon{left: 8%; top: -10.5%; width: 8%;}
.proType_favorite .right_icon{right: 10%; width: 11.7%;}

.favorite_inner{margin-top: 2%; position: relative;}
/* .favorite_inner .swiper_favorite{padding: 0 calc(10% + 7px) 0;} */
.favorite_inner .swiper-wrapper{margin-left: 10%;}
.favorite_inner .swiper-slide{width: calc((100% - 70px) / 5); margin-right: 14px;}
.favorite_inner .favorite_item .pic{padding-bottom: 100%; border-radius: 16px;}
.favorite_inner .favorite_item .title{font-family: 'Fredoka One-Regular'; font-size: 20px; color: #fff; margin-top: 20px; line-height: 30px;}
@media only screen and (max-width: 1620px) {
	.proType_favorite .left_icon{left: 3.5%;}
}
@media only screen and (max-width: 1300px) {
	.favorite_inner .swiper-wrapper{margin-left: 12.5%;}
	.favorite_inner .swiper-slide{width: calc((100% - 56px) / 4);}
	.proType_favorite .left_icon{top: -8%;}
	.proType_favorite .right_icon{top: -8%;}
}
@media only screen and (max-width: 980px) {
	.proType_favorite{padding: 40px 0 30px; margin-top: 45px;}
	.proType_favorite .web_th{text-align: center;}
	.favorite_inner{margin-top: 20px;}
	.favorite_inner .swiper-wrapper{margin-left: calc((100%) / 1.5 * 0.25 + 3px);}
	.favorite_inner .swiper-slide{width: calc((100% - 28px) / 1.5);}
	.favorite_inner .common-pagination{display: none;}

	.proType_favorite .left_icon{top: -26px; width: 70px;}
	.proType_favorite .right_icon{top: -45px; width: 100px;}
}

/* proType_client */
.proType_client{overflow: hidden;}
.proType_client .client_list{margin-top: 3%;}
.client_list .client_item{border: 1px solid #D9D9D9; margin-right: 12px; width: calc((100% - 48px) / 5); display: flex; align-items: center; padding: 16px;}
.client_list .client_item:nth-child(5n){margin-right: 0;}
.client_list .client_item:nth-child(n+6){margin-top: 12px;}
.client_list .client_item img{display: block; margin: 0 auto; max-width: 85%; max-height: 100%;}
.client_list .client_item:hover img{animation: bounceInA 0.5s;}

@media only screen and (max-width: 980px) {
	.proType_client .client_list{margin-top: 16px;}
	.client_list .client_item{width: calc(50% - 6px); height: 110px;}
	.client_list .client_item:nth-child(5n){margin-right: 12px;}
	.client_list .client_item:nth-child(2n){margin-right: 0;}
	.client_list .client_item:nth-child(n+3){margin-top: 12px;}
}