/*banner*/
.support-banner {background-image: url('../img/support_banner_2x.jpg');}
.globalization-banner {background-image: url('../img/globalization_banner.jpg');}
.sales-banner {background-image: url('../img/sales_banner.jpg');}
h2{margin-bottom: 16px!important;}
/*solution*/
.solution .main-wrap{text-align: center;z-index: 20;position: relative;}
.solution{position: relative;background-repeat: no-repeat;background-size: contain;background-position: center;z-index: 20;}
.solution:before,.solution::after{content: '';display: block;width: 6rem;height: 5rem;position: absolute;background-repeat: no-repeat;background-size: contain;z-index: 10;}
.solution:before{left:0;top:1.93rem;background-image: url('../img/description-left.png');}
.solution::after{right:0;top: 0.73rem;background-image: url('../img/description-right.png');}
.solution h2{width: 90%;margin: 0 auto 16px auto;font-size: 28px;line-height: 39px;font-weight: 400;}
.solution .main-wrap>h2{margin-bottom: 16px;}
.solution p{font-size: 16px;line-height: 24px;color: #666666;margin: 0 auto;z-index: 20;}
.solution p img{width: 670px;height: auto;margin-top: 31px;transform: scale(1);transition: all 1s;}
.solution p img:hover{transform: scale(1.1);}
.solution .main-wrap>ul{margin-top: 64px;}
.solution .main-wrap>ul li{font-size: 20px;color: #000;background: #FFFFFF;padding: 32px 0 23px 0;
    box-shadow: 0px 2px 8px 2px rgb(0 0 0 / 5%);border-radius: 6px;}
.solution .main-wrap>ul li div{height: 70px;text-align: center;margin-bottom: 33px;}
.solution .main-wrap>ul li div img{height: 100%;width: auto;}
.solution .main-wrap>ul li p{font-size: 14px;font-weight: 300;margin-top: 8px;}

.solution .sales-service-box{display: grid;grid-template-columns: 1fr 1fr;margin-top: 78px;}
.solution dl{font-size: 28px;position: relative;}

#lan_en .solution dl p{font-size: 28px;}
#lan_en .solution dl dd,#lan_en .solution dl dt{display:flex;align-items:center;}

.solution dl dt{width: 262px;height: 124px;position: absolute;top: 35%;box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.05);
border-radius: 62px;line-height: 112px;color: #fff;}

.solution .left-box dt{background: #03B8EC;border: 6px solid #9AE4F9;}
.solution .right-box dt{background: #F8A844;border: 6px solid #FFEAA7;}

.solution dl dd{font-size: 18px;width: 239px;height: 58px;background: #FFFFFF;
box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.05);border-radius: 28px;line-height: 58px;position: relative;}
#lan_en .solution dl dd{width:290px;padding:0 20px;}
#lan_en .solution dl dt p{color:#fff;}
#lan_en .solution dl dd p{font-size:16px;line-height:20px;}

.solution dl dd:not(:last-child){margin-bottom: 14px;}
.solution .left-box dd{border: 1px solid #03B8EC;}
.solution .right-box dd{border: 1px solid #F8A844;}
.solution .left-box dd:nth-child(2),.solution .left-box dd:nth-child(7){right: -25%;}
.solution .left-box dd:nth-child(3),.solution .left-box dd:nth-child(6){right: -40%;}
.solution .left-box dd:nth-child(4),.solution .left-box dd:nth-child(5){right:-50%;}
.solution .right-box dt{right:0;}
.solution .right-box dd:nth-child(2),.solution .right-box dd:nth-child(7){right: -35%;}
.solution .right-box dd:nth-child(3),.solution .right-box dd:nth-child(6){right:-20%;}
.solution .right-box dd:nth-child(4),.solution .right-box dd:nth-child(5){right:-10%;}

#lan_en .solution .right-box dd:nth-child(2),.solution .right-box dd:nth-child(7){right: -25%;}
#lan_en .solution .right-box dd:nth-child(3),.solution .right-box dd:nth-child(6){right:-10%;}
#lan_en .solution .right-box dd:nth-child(4),.solution .right-box dd:nth-child(5){right:0;}
/*case*/
.case{font-size: 0;position: relative;z-index: 20;}
.case ul li{display: grid;position: relative;box-shadow: 0px 18px 40px 10px rgba(0, 0, 0, 0.05);background-color: #fff;}
.case ul li:not(:last-child){margin-bottom: 118px;}
.case ul li:nth-child(odd){grid-template-columns: 45% 55%;}
.case ul li:nth-child(odd) section:first-child{padding: 66px 138px 76px 47px;}
.case ul li:nth-child(even){grid-template-columns: 55% 45%;}
.case ul li:nth-child(even) section:last-child{padding: 66px 47px 76px 138px;}
.case ul li section{position: relative;}
.case ul li h3{font-size: 28px;font-weight: 400;color: #000;display: inline-block;border-bottom: 3px solid #4ABCE9;line-height: 45px;}
#lan_en .case ul li h3{font-size:26px;}
.case ul li p{font-size: 18px;font-weight: 400;color: #666666;margin-top: 66px;line-height:28px;}
.case ul li img{width: 100%;}
.case ul li a{position: absolute;bottom: 0.76rem;}
.case ul li:nth-child(even) a{right:47px;}

.case ul li div{position: absolute;top:1.1rem;left:1rem;}
.case ul li div p{position: relative;padding-left:24px;font-weight: 400;font-size: 26px;color: #fff;
border-bottom: 4px solid rgba(0,218,255,0.49);display: inline-block;line-height: 50px;margin-top: 45px;}
.case ul li div p:not(:first-child){margin-top: 20px;}
.case ul li div p:before{content: '';display: block;width: 16px;height: 16px;background-color: #fff;position: absolute;left: 0;
top:16px;}
/*service01*/
.service01-solution ul{display: grid;grid-template-columns:repeat(5, 1fr);grid-column-gap: 18px;}
.service02-solution ul{display: grid;grid-template-columns:repeat(4, 1fr);grid-column-gap: 22px;}
.service01-section3 .pc,.service01-section3 .mobile{margin-top: 72px;}
.service01-section3 p img{width: 100%;}
.service01-sction4{background:/* #F2FBFD*/#FBFBFB;padding: 69px 0;text-align: center;}
.service01-sction4 .section4-bg{background-image: url('../img/service01-jicheng.png');height:442px;margin-top: 1.35rem;
background-repeat: no-repeat;background-size: cover;background-position: center;}

.service01-sction4 .section4-bg-m{display: none;margin-top: 1.35rem;}
#lan_en .service01-sction4 .section4-bg{background-image: url('../img/service01_en_jicheng.png');}

/*service02*/
.service02-bushu{position: relative;z-index: 20;}
.service02-bushu-bg{
	font-weight: 400;margin-top: 64px;
	font-size: 18px;color: #fff;text-align: center;
	background-image: url('../img/service02-bushu.jpg');padding: 82px 0 100px 0;
	background-repeat: no-repeat;background-size: cover;background-position: center;
}
.service02-bushu-bg p{line-height: 35px;}

.service02-bushu .service-list{list-style: none;display: grid;grid-template-columns: 1fr 1fr;max-width: 1010px;width: 100%;margin:0 auto;
grid-column-gap:69px;grid-row-gap: 23px;}
.service02-bushu .service-list li{display: flex;align-items:center;}
.service02-bushu .service-list div{border: 1px solid #fff;padding: 14px;margin-right: 7px;height: 64px;width:73px;line-height: 64px;text-align: center;
border-radius: 6px;}
#lan_en .service02-bushu .service-list div{height:120px;line-height:120px;}
#lan_en .service02-bushu .service-list div:last-child{line-height:24px;display:flex;align-items:center;width:100%;}
#lan_en .service02-bushu .service-list span{text-align:left;border:none;line-height: 23px;height: auto;}
.service02-bushu .service-list span{border: 1px solid #fff;padding-left:29px;width: 100%;display: inline-block;height: 64px;line-height: 64px;
border-radius: 6px;}

.service02-section3 p img{max-width:1200px;margin-top: 64px;}


.service01-sction4 .section4-bg.big-screen{width:100%;height:auto;margin-top:1.35rem;background-image:unset!important;}

/*大于1200*/
@media only screen and (min-width: 1200px){
	
}
/*750-1199*/
@media only screen and (min-width: 750px) and (max-width: 1199px){
.case ul li p{margin-top: 0.66rem;}
.case ul li:nth-child(odd) section:first-child{padding: 0.66rem 0.7rem 0.76rem 0.47rem;}
}
@media only screen and (max-width: 860px){
.solution ul li{margin-bottom: 18px;}
.service02-solution ul li p{margin-bottom: 18px;padding: 0 5px;}
.solution dl dd{position: relative;}
.solution dl dt{position: relative;top:0;width: 90%;height: 90px;line-height: 80px;margin-bottom: 10px;margin-left: auto;margin-right: auto;}

.solution dl dd{width: 90%;left: 0;right: 0;margin-left: auto;margin-right: auto;font-size: 14px;}
#lan_en .solution dl dd{width: 90%;height:80px;}
#lan_en .solution dl dd p{font-size:14px;}
}
/*小于750*/
@media only screen and (max-width: 749px){
.main-item .main-wrap{width: 90%;margin-left:auto;margin-right: auto;}


#lan_en .service02-bushu .service-list div{height:120px;line-height:120px;}
#lan_en .service02-bushu .service-list div:last-child{line-height:24px;display:flex;align-items:center;width:100%;}
#lan_en .service02-bushu .service-list span{text-align:left;border:none;line-height: 23px;height: auto;}
.case ul li{display: block;}
.case ul li:nth-child(odd){grid-template-columns: 1fr;}
.case ul li:nth-child(odd) section:first-child{padding: 40px 0;text-align: center;}
.case ul li:nth-child(odd) section:first-child p{padding:0 15px;}
.case ul li:nth-child(odd) section:first-child a{position: relative;bottom:unset;}
.case ul li:nth-child(even){grid-template-columns: 1fr;}
.case ul li:nth-child(even) section:last-child{padding: 40px 0;text-align: center;}
.case ul li:nth-child(even) section:last-child p{padding:0 15px;}
.case ul li:nth-child(even) section:last-child a{position: relative;bottom:unset;left: 0;right: 0;}
.case ul li section .well-button{margin-top: 30px;}
.service01-sction4{background-color:#fff;}
.service01-sction4 .section4-bg{display: none;}
.service01-sction4-m{background-color:#F2FBFD;}
.service01-sction4-m .section4-bg-m{display: block;width: 80%;    margin-left: auto;    margin-right: auto;}
.service01-solution ul{grid-template-columns:repeat(3, 1fr);}
.service02-solution ul{grid-template-columns:repeat(2, 1fr);}
.service02-bushu-bg{font-size: 14px;}
.service02-bushu-bg p{line-height: 28px;}
.service02-section3 p{font-size: 14px!important;}
.service02-bushu-bg{padding: 50px 20px;}
.service02-bushu .service-list{grid-template-columns: 1fr;}
}
/*小于520*/
@media only screen and (max-width: 520px){
.case ul li div p{font-size: 18px;}
.case ul li div p:before{top:15px}
.service01-sction4{padding:0 0 69px 0;}
.service01-sction4 .section4-bg{height: 224px;}
.solution ul li{font-size: 16px;}
.solution ul li div{height: 40px;}
.solution .main-wrap>ul li h3{font-size: 14px;}
.service02-section3 img{width: 100%;}

}