.designServices2{padding-top: 70px;}
.designServices2 .content{padding: 0 100px;}
.designServices2 .content ul{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;margin: 0 -11.5px;}
.designServices2 .content ul li{-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;padding: 0 11.5px;}
.designServices2 .content ul li:nth-of-type(1) a .text2{background: #e31639;}
.designServices2 .content ul li:nth-of-type(1) a .text1{background: rgba(227, 22, 57, 0.8);}
.designServices2 .content ul li:nth-of-type(2) a .text2{background: #664ecc;}
.designServices2 .content ul li:nth-of-type(2) a .text1{background: rgba(102, 78, 204, 0.8);}
.designServices2 .content ul li:nth-of-type(3) a .text2{background: #16e3a7;}
.designServices2 .content ul li:nth-of-type(3) a .text1{background: rgba(22, 227, 167, 0.8);}
.designServices2 .content ul li:nth-of-type(4) a .text2{background: #fe7d04;}
.designServices2 .content ul li:nth-of-type(4) a .text1{background: rgba(254, 125, 4, 0.8);}
.designServices2 .content ul li a{position: relative;display: block;border-radius: 5px;overflow: hidden;}
.designServices2 .content ul li a:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.designServices2 .content ul li a .img{overflow: hidden;}
.designServices2 .content ul li a .img img{-webkit-transition: 0.5s ease all;transition: 0.5s ease all;}
.designServices2 .content ul li a:hover .text1{top: 0;}
.designServices2 .content ul li a:hover .text2{background: none;}
.designServices2 .content ul li a .title, .designServices2 .content ul li a .en{font-weight: bold;font-size: 50px;color: #fff;}
.designServices2 .content ul li a .en{font-size: 32px;}
.designServices2 .content ul li a .text1{position: absolute;width: 100%;height: 100%;left: 0;-webkit-transition: 0.5s ease all;transition: 0.5s ease all;top: 100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.designServices2 .content ul li a .text1 .desc{font-size: 16px;color: #fff;padding: 0 30px;line-height: 3;padding-bottom: 100px;}
.designServices2 .content ul li a .text2{position: absolute;bottom: 0;left: 0;-webkit-transition: 0.5s ease all;transition: 0.5s ease all;right: 0;width: 100%;padding: 30px 55px;}
@media (max-width: 1699px){
	.designServices2 .content ul li a .title, .designServices2 .content ul li a .en{font-size: 30px;}
}

@media (max-width: 1399px){
	.designServices2 .content ul li a .text2{padding-top: 20px;padding-bottom: 20px;}
	.designServices2 .content ul li a .title, .designServices2 .content ul li a .en{font-size: 24px;}
	.designServices2 .content ul li a .text1 .desc{line-height: 2;font-size: 14px;}
}

@media (max-width: 1199px){
	.designServices2 .content ul{margin: 0 -5px;}
	.designServices2 .content ul li{padding: 0 5px;}
}

@media (max-width: 991px){
	.designServices2 .content ul li{-webkit-box-flex: initial;-webkit-flex: initial;-ms-flex: initial;flex: initial;width: 50%;margin-bottom: 10px;}
	.designServices2 .content ul{-webkit-flex-flow: wrap;-ms-flex-flow: wrap;flex-flow: wrap;}
	.designServices2 .content ul li a .img img{width: 100%;}
}

@media (max-width: 575px){
	.designServices2 .content{margin-top: 10px; padding: 0 10px;}
	.designServices2 .content ul{margin: 0 -1.5px;}
	.designServices2 .content ul li{width: 50%;padding: 0 1.5px;margin-bottom: 3px;}
	.designServices2 .content ul li a{height: 100%;}
	.designServices2 .content ul li a .title, .designServices2 .content ul li a .en{font-size: 16px;}
	.designServices2 .content ul li a .text2{padding-left: 20px;padding-right: 20px;}
	.designServices2 .content ul li a .text1 .desc{padding-left: 20px;padding-right: 20px;}
	.designServices2{padding-top: 30px;}
	.designServices2 .content ul li a .text1 .desc{font-size: 12px;}
	.designServices2 .content ul li a .text2{padding-top: 10px;padding-bottom: 10px;}
	.designServices2 .content ul li a .title, 
	.designServices2 .content ul li a .en{font-size: 14px;}
	.designServices2 .content ul li a .text1 .desc{padding-bottom: 0;}
	.designServices2 .content ul li a .text1 .desc{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
	.designServices2 .content ul li a .text1{-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;padding-top: 50px;}
	.designServices2 .content ul li a .title, 
	.designServices2 .content ul li a .en{font-size: 18px;}
}







.ProductDesign{padding: 0 100px;padding-bottom: 80px;}
.ProductDesign ul li{margin-bottom: 10px;}
.ProductDesign ul li:nth-of-type(2n+0) a{-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-webkit-flex-direction: row-reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
.ProductDesign ul li:nth-of-type(2n+0) a .text .wrapper{margin-right: 70px;margin-left: auto;}
.ProductDesign ul li:last-child a .text .wrapper{width: 100%;}
.ProductDesign ul li a{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.ProductDesign ul li a:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.ProductDesign ul li a .img{overflow: hidden;}
.ProductDesign ul li a .img img{-webkit-transition: 0.5s ease all;transition: 0.5s ease all;}
.ProductDesign ul li a:hover .text .title{color: #f33142;}
.ProductDesign ul li a .img{-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}
.ProductDesign ul li a .text{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;min-width: 0;color: #000;font-weight: bold;}
.ProductDesign ul li a .text .wrapper{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;height: 100%;margin-left: 70px;width: 660px;}
.ProductDesign ul li a .text .title{font-size: 48px;-webkit-transition: 0.5s ease all;transition: 0.5s ease all;}
.ProductDesign ul li a .text .position{font-size: 24px;display:flex;flex-flow:wrap;padding-bottom: 30px;padding-top: 20px;border-bottom: 1px solid #ff1f35;}
.ProductDesign ul li a .text .position p{margin-right: 30px;}
.ProductDesign ul li a .text .position p:last-child{margin-right: 0;}
.ProductDesign ul li a .text .position span{margin-right: 30px;}
.ProductDesign ul li a .text .position span:last-child{margin-right: 0;}
.ProductDesign ul li a .text .desc{font-size: 16px;line-height: 3;font-weight: bold;margin-top: 20px;}
.designServices2{padding-top: 30px;padding-bottom: 70px;}

@media (max-width: 575px){
	.designServices2{padding-top: 20px;padding-bottom: 20px;}
}

@media (max-width: 1599px){
	.ProductDesign ul li a .text .wrapper{width: 500px;}
	.ProductDesign ul li a .text .position{font-size: 18px;}
	.ProductDesign ul li:nth-of-type(2n+0) a .text .wrapper{margin-right: 50px;}
	.ProductDesign ul li a .text .wrapper{margin-left: 50px;}
}

@media (max-width: 1199px){
	.ProductDesign ul li a .text .title{font-size: 30px;}
	.ProductDesign ul li a .text .wrapper{width: 100%;}
	.ProductDesign ul li a .text .position{font-size: 16px;}
	.ProductDesign ul li a .text .position span{margin-right: 10px;}
	.ProductDesign ul li a .text .position{padding-bottom: 10px;}
	.ProductDesign ul li a .text .desc{line-height: 2;font-size: 14px;}
}

@media (max-width: 991px){
	.ProductDesign ul li a{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
	.ProductDesign ul li:nth-of-type(2n+0) a{-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
	.ProductDesign ul li a .text .wrapper{margin-left: 0;padding: 20px 0;}
	.ProductDesign{padding-bottom: 30px;}
}

@media (max-width: 575px){
	.ProductDesign{padding: 0 10px;}
	.ProductDesign ul li a .text .title{font-size: 18px;}
	.ProductDesign ul li a .text .wrapper{padding: 10px 0;}
	.ProductDesign ul li a .text .position{padding-top: 10px;font-size: 14px;}
	.ProductDesign ul li a .text .desc{margin-top: 10px;}
	.ProductDesign ul li:nth-of-type(2n+0) a .text .wrapper{margin-right: 0;}
}

@media (max-width: 575px){
	.ProductDesign ul li a .text .position{display: flex;flex-flow:wrap;}
	.ProductDesign ul li a .text .position p{margin-right:10px;}
}


.designServices{margin-top: 25px;}

/* ===== 服务-左右图文（homeService）===== */
.homeService{padding: 50px 100px;color: #fff;}
.homeService .header-row{display: flex;align-items: center;gap: 30px;margin-bottom: 0;}
.homeService .label{flex: none;font-size: 32px;color: #fe0000;letter-spacing:0px;white-space: nowrap;font-weight: 600;}
.homeService .label span{margin: 0 6px;}
.homeService .IndexCommonTitleEnCn{flex: 1;padding: 0;text-align: left;color: #fff;font-weight: normal;}
.homeService .IndexCommonTitleEnCn .cn{font-size: 52px;padding-bottom: 10px;letter-spacing: 5px;}
.homeService .IndexCommonTitleEnCn .en{font-size: 22px;padding-bottom: 0;font-weight: normal;color: #fff;}

.homeService .services-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 20px;margin-top: 36px;position: relative;}
@media (min-width: 992px){.homeService .services-grid{padding: 0px;}}
.homeService .service-card{background-image: url("../images/server_bg.png");background-color: #000033;
	background-repeat: no-repeat;background-blend-mode: lighten;box-sizing: border-box;border: 1px #2d2a2a;border-radius: 8px;padding: 60px 15px 0 60px;position: relative;overflow: hidden;transition: 0.5s ease all;filter: brightness(1.15) saturate(1.3);aspect-ratio: 1/1.3;}
.homeService .service-card:nth-child(1){background-position: 0% 50%;}
.homeService .service-card:nth-child(2){background-position: 33.33% 50%;}
.homeService .service-card:nth-child(3){background-position: 66.67% 50%;}
.homeService .service-card:nth-child(4){background-position: 100% 50%;}
.homeService .service-card:hover{transform: scale(1.05);}

/* 内容层级在流光之上 */
.homeService .card-title,.homeService .card-list,.homeService .card-arrow{position: relative;z-index: 1;}
.homeService .card-title{font-size: 42px;color: #fff;margin-bottom: 50px;letter-spacing: 2px;font-weight: 600;}
.homeService .card-list{list-style: none;padding: 0;margin: 0 0 90px 0;}
.homeService .card-list li{font-size: 18px;color: #fff;line-height: 2;margin-bottom: 15px;}
.homeService .card-arrow{position: absolute;bottom: 24px;right: 24px;width: 36px;height: 36px;border-radius: 50%;border: 1px solid #fe0000;color: #fe0000;display: flex;align-items: center;justify-content: center;font-size: 18px;font-weight: bold;text-decoration: none;transform: rotate(-45deg);transition: 0.3s ease all;}
.homeService .card-arrow:hover{background: #fe0000;color: #fff;}

@media (max-width: 991px){
	.homeService{padding: 50px 20px;}
	.homeService .header-row{flex-direction: column;gap: 10px;align-items: center;margin-bottom: 0;}
	.homeService .label{margin-top: 0;}
	.homeService .IndexCommonTitleEnCn{text-align: center;}
	.homeService .services-grid{grid-template-columns: repeat(2,1fr);}
	.homeService .service-card{padding: 24px 20px;background-size: 200% 100%;}
	.homeService .service-card:nth-child(1){background-position: 0% 50%;}
	.homeService .service-card:nth-child(2){background-position: 100% 50%;}
	.homeService .service-card:nth-child(3){background-position: 0% 50%;}
	.homeService .service-card:nth-child(4){background-position: 100% 50%;}
	.homeService .card-title{font-size: 24px;}
	.homeService .card-list li{font-size: 14px;}
	.homeService .card-arrow{width: 30px;height: 30px;font-size: 16px;}
}

@media (max-width: 767px){
	.homeService{padding: 30px 15px;}
	.homeService .header-row{align-items: center;justify-content: center;margin-bottom: 25px;gap: 12px;}
	.homeService .label{font-size: 18px;}
	.homeService .IndexCommonTitleEnCn .cn{font-size: 24px;}
	.homeService .IndexCommonTitleEnCn .en{font-size: 14px;padding-bottom: 0;}

	.homeService .services-grid{grid-template-columns: repeat(2,1fr);gap: 10px;}
	.homeService .service-card{padding: 15px 12px;background-size: 400% 100%;}
	.homeService .service-card:nth-child(1){background-position: 0% 50%;}
	.homeService .service-card:nth-child(2){background-position: 33.33% 50%;}
	.homeService .service-card:nth-child(3){background-position: 66.67% 50%;}
	.homeService .service-card:nth-child(4){background-position: 100% 50%;}
	.homeService .card-title{font-size: 16px;margin-bottom: 12px;letter-spacing: 1px;}
	.homeService .card-list{margin-bottom: 45px;}
	.homeService .card-list li{font-size: 12px;line-height: 1.8;margin-bottom: 4px;}
	.homeService .card-arrow{width: 26px;height: 26px;font-size: 12px;bottom: 12px;right: 12px;}
}