.page_product .desc{font-size: 16px;color: #666;}

.page_product .desc p{line-height: 1.8;margin: 20px;}

.img_warp{position: relative;overflow: hidden;}

.img_warp img{position: absolute;width: 100%;height: 100%;object-fit: cover;transition: all .3s;left: 0;top: 0;}

.class_list{display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 2%;margin-top: 4%;}

.class_list .class_item{border-radius: 45px;overflow: hidden;position: relative;}

.class_list .class_item .img_warp{padding-bottom: 88%;}

.class_list .class_item .img_warp::after{content: ' ';width: 100%;bottom: 0;left: 0;height: 86px;background: url(../image/bl.webp) no-repeat left 0;display: block;position: absolute;}

.class_list .class_item:nth-child(2) .img_warp::after{background: url(../image/bl.webp) no-repeat right 0;}

.class_list .info{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;justify-content: center;align-items: center;flex-direction: column;}

.class_list .info .title{font-size: 63px;color: #fff;text-align: center;line-height: 1.4;}

.class_list .info .link{border-radius: 22.5px 5px 22.5px 5px;color: #fff;border: 1px solid #fff;padding: 1% 5%;font-size: 22px;text-align: center;transition: all .3s;margin-top: 5%;}

.class_list .info .link:hover{background-color: #2A375E;color: #fff;border-color: #2A375E;}



.related_product .img_warp{padding-bottom: 100%;}

/* .related_product .img_warp .hover{opacity: 0;} */

.related_product .img_warp::after{content: ' ';width: 100%;background: url(../image/product_bl.webp) no-repeat left;display: block;position: absolute;bottom: -1px;left: 0;}

.related_product .info{padding: 5% 2%;border-bottom: 1px solid #79829A;}

.related_product .info .top{display: flex;justify-content: space-between;align-items: start;}

.related_product .info .title{font-size: 20px;color: #222E4A;min-height: 4em;}

.related_product .info .link{border-radius: 22.5px 5px 22.5px 5px;font-size: 18px;color: #fff;border: 1px solid #2A375E;background-color: #2A375E;padding: 5px 65px 5px 25px;position: relative;}

.related_product .info .link::after{content: ' ';display: block;width: 41px;height: 10px;background: url(../image/button_r.webp) no-repeat center/cover;position: absolute;right: 15px;top: 50%;transform: translateY(-50%);}

.related_product .info .link:hover{background-color: #fff;color: #2A375E;}

.related_product .info .link:hover::after{background-image: url(../image/button_r_h.png);}

.related_product .info .bottom{display: none;}
/* .related_product .img_warp:hover img{opacity: 0;}

.related_product .img_warp:hover .hover{opacity: 1;} */

.related_product .bottom span{display: inline-block;width: 6px;height: 6px;border-radius: 50%;background-color: rgba(42, 55, 94, .3);margin: 0 2px;}

.related_product .bottom span:nth-child(1){background-color: rgba(42, 55, 94, 1);}



.solution{position: relative;display: flex;justify-content: space-between;background-color: #2A375E;}

.solution::after{content: ' ';position: absolute;display: block;width: 100%;background: url(../image/page_bg.webp) no-repeat center top/100% auto;bottom: 0;left: 0;padding-bottom: 6%;}

.solution .img_warp{width: 50%;padding-bottom: 32%;}

.solution .info{width: 50%;padding: 5%;display: flex;justify-content: center;align-items: start;flex-direction: column;color: #fff;text-align: left;}

.solution .info .title{font-size: 50px;}

.solution .info .desc{font-size: 16px;line-height: 2;margin-top: 20px;max-width: 450px;}



.strengths .title{margin-top: 4%;font-size: 50px;color:#2A375E}

.strengths .strengths_list{margin-top: 2%;}

.strengths .strengths_item{display: flex;justify-content: space-between;margin-bottom: 4%;}

.strengths .strengths_item .imt_warp{width: 50%;padding-bottom: 32%;position: relative;border-radius: 30px;overflow: hidden;}

.strengths .strengths_item .imt_warp img{width: 100%;height: 100%;left: 0;top: 0;position: absolute;object-fit: cover;transition: all .5s;}

.strengths .strengths_item .info{width: 50%;padding-left: 5%;display: flex;justify-content: center;align-items: start;flex-direction: column;}

.strengths .strengths_item .info span{font-size: 116px;color: rgba(14, 102, 23, .1);margin-right: 10px;line-height: .2;}

.strengths .strengths_item .info .title{font-size: 35px;margin-top: 0;margin-bottom: 30px;}

.strengths .strengths_item .info .desc{font-size: 16px;color: #666;line-height: 1.8;}

.strengths .strengths_item:nth-child(2n){flex-direction: row-reverse;}

.strengths .strengths_item:nth-child(2n) .info{padding-left: 0;padding-right: 5%;}
.strengths .strengths_item:hover img{transform: scale(1.1);}


@media only screen and (max-width: 950px) {

	.class_list{grid-template-columns: repeat(1,1fr);}

	.class_list .info .title{font-size: 40px;}

	.related .title_warp .title{font-size: 30px;}

	.solution{flex-direction: column;}

	.solution .img_warp{width: 100%;padding-bottom: 64%;}

	.solution .info{width: 100%;padding: 5% 5% 10%;}

	.solution .info .title{font-size: 30px;}

	

	.strengths .title{font-size: 30px;}

	.strengths .strengths_item{flex-direction: column;}

	.strengths .strengths_item .imt_warp{width: 100%;padding-bottom: 64%;}

	.strengths .strengths_item .info{width: 100%;padding-left: 0;margin-top: 5%;}

	.strengths .strengths_item .info span{font-size: 50px;}

	.strengths .strengths_item .info .title{font-size: 28px;}

	.strengths .strengths_item:nth-child(2n){flex-direction: column;}

}