.container {background-color: #fff;}
.process .title_warp{text-align: center;margin: 1% auto 3%;}
.process .title_warp .title{font-size: 45px;color: #000;text-transform: uppercase;}
.process .title_warp .desc{font-size: 16px;color: #666;}
.process_warp{position: relative;width: 100%;height: 820px;}
.process_warp .item{font-size: 20px;color: #fff;}
.process_warp .rhombus{transform: rotateZ(45deg) skew(-10deg, -10deg);background-color: #006DB8;width: 150px;height: 150px;position: absolute;}
.process_warp .rhombus span{transform: skew(10deg, 10deg) rotateZ(-45deg) ;position: absolute;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;text-align: center;}
.process_warp .rectangle{border-radius: 20px;display: flex;justify-content: center;align-items: center;padding: 25px 55px;background-color: #006DB8;width: 210px;height: 112px;text-align: center;position: absolute;}
.process_warp .jt{width: 100px;height: 22px;display: inline-block;background: url(../img/jt_b.webp) no-repeat center/100%;font-size: 20px;color: #006DB8;display: flex;justify-content: center;align-items: center;padding-left: 12px;text-transform: uppercase;position: absolute;}
.process_warp .sjt{position: absolute;width: 22px;height: 78px;display: inline-block;background: url(../img/jt-t.webp) no-repeat center/100%;}

.process_warp .rhombus:nth-child(1){left: 15%;top: 0;}
.process_warp .rhombus:nth-child(2){left: 36%;top: 0;}
.process_warp .rhombus:nth-child(3){left: 57%;top: 0;}
.process_warp .rhombus:nth-child(4){left: 82%;top: 40%;}
.process_warp .rhombus:nth-child(5){left: 36%;top: 78%;}
.process_warp .rectangle:nth-child(6){left: 2%; top: 26%;}
.process_warp .rectangle:nth-child(7){left: 23%;top: 26%;}
.process_warp .rectangle:nth-child(8){left: 44%;top: 26%;}
.process_warp .rectangle:nth-child(9){left: 65%;top: 26%;}
.process_warp .rectangle:nth-child(10){left: 65%;top: 57%;}
.process_warp .rectangle:nth-child(11){left: 44%;top: 57%;}
.process_warp .rectangle:nth-child(12){left: 23%;top: 57%;}
.process_warp .jt:nth-child(13){left: 16%;top: 32%;}
.process_warp .jt:nth-child(14){left: 37%;top: 32%;}
.process_warp .jt:nth-child(15){left: 58%;top: 32%;}
.process_warp .jt.d:nth-child(16){left: 69%;top: 47%;transform: rotate(90deg);}
.process_warp .jt.n:nth-child(17){left: 28%;top: 62%;background: url(../img/jt_l.webp) no-repeat center/100%;}
.process_warp .jt.l:nth-child(18){left: 37%;top: 62%;transform: rotate(180deg);}
.process_warp .jt.l span{transform: rotate(-180deg);}
.process_warp .sjt:nth-child(19){left: 19%;top: 21%;}
.process_warp .sjt:nth-child(20){left: 40%;top: 21%;}
.process_warp .sjt:nth-child(21){left: 61%;top: 21%;}
.process_warp .sjt.r:nth-child(22){left: 75%;top: 44%;transform: rotate(90deg);}
.process_warp .sjt:nth-child(23){left: 40%;top: 66%;transform: rotate(180deg);}
.process_warp .sjt:nth-child(24){left: 40%;top: 66%;transform: rotate(180deg);}
/* .process_warp .rhombus:nth-child(2){left: 15%;top: 0;}
.process_warp .rhombus:nth-child(3){left: 36%;top: 0;}
.process_warp .rhombus:nth-child(4){left: 57%;top: 0;}
.process_warp .rhombus:nth-child(5){left: 82%;top: 40%;}
.process_warp .rhombus:nth-child(6){left: 36%;top: 78%;}
.process_warp .rectangle:nth-child(7){left: 2%; top: 26%;}
.process_warp .rectangle:nth-child(8){left: 23%;top: 26%;}
.process_warp .rectangle:nth-child(9){left: 44%;top: 26%;}
.process_warp .rectangle:nth-child(10){left: 65%;top: 26%;}
.process_warp .rectangle:nth-child(11){left: 65%;top: 57%;}
.process_warp .rectangle:nth-child(12){left: 44%;top: 57%;}
.process_warp .rectangle:nth-child(13){left: 23%;top: 57%;}
.process_warp .jt:nth-child(14){left: 16%;top: 32%;}
.process_warp .jt:nth-child(15){left: 37%;top: 32%;}
.process_warp .jt:nth-child(16){left: 58%;top: 32%;}
.process_warp .jt.d:nth-child(17){left: 69%;top: 47%;transform: rotate(90deg);}
.process_warp .jt.n:nth-child(18){left: 28%;top: 62%;background: url(../img/jt_l.webp) no-repeat center/100%;}
.process_warp .jt.l:nth-child(19){left: 37%;top: 62%;transform: rotate(180deg);}
.process_warp .jt.l span{transform: rotate(-180deg);}
.process_warp .sjt:nth-child(20){left: 19%;top: 21%;}
.process_warp .sjt:nth-child(21){left: 40%;top: 21%;}
.process_warp .sjt:nth-child(22){left: 61%;top: 21%;}
.process_warp .sjt.r:nth-child(23){left: 75%;top: 44%;transform: rotate(90deg);}
.process_warp .sjt:nth-child(24){left: 40%;top: 66%;transform: rotate(180deg);} */
.process_list{margin-top: 3%;margin-bottom: 5%;}
.process_list .process_item{display: flex;justify-content: start;transition: all .3s;}
.process_list .process_item .img_warp{width: 50%;flex-shrink: 0;border: 1px solid #D9D9D9;border-right: none;}
.process_list .process_item .img_warp img{transform: translateX(-100%);width: 95%;height: auto;position: relative;}
.process_list .process_item .img_warp .title{font-size: 26px;color: #101010;left: 3%;top: 3%;position: absolute;transition: all .3s;}
.process_list .process_item .info{border: 1px solid #D9D9D9;padding: 2%;}
.process_list .process_item .info .title{font-size: 20px;color: #000;}
.process_list .process_item .info .desc{font-size: 16px;color: #666;line-height: 2;}
.process_list .process_item:hover .img_warp img{transform: translateX(0);}
.process_list .process_item:hover .img_warp .title{color: #fff;}
.process_list .process_item:hover {background-color: #F5F5F5;}
@media only screen and (max-width: 1400px) {
}
@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 1024px) {
	.process_list .process_item{flex-direction: column;}
	.process_list .process_item .img_warp{width: 100%;padding-bottom: 50%;}
	.process_list .process_item .img_warp img{transform: translateX(0);width: 100%;}
	.process_list .process_item .img_warp .title{color: #fff;}
}
@media only screen and (max-width: 950px) {
	.process .title_warp .title{font-size: 24px;}
	.process_list .process_item .img_warp{padding-bottom: 0;}
}
@media only screen and (max-width: 480px) {
}