/*animation*/
a{transition:all 0.3s ease-in-out;}
.max1440{ max-width:1440px; margin-left:auto; margin-right:auto; position:relative}
.container{ max-width:1440px; margin-left:auto; margin-right:auto; position:relative}
.welBox{ position:fixed; left:0; top:0; background:#1f1f1f; right:0; bottom:0; z-index:80;}
.welCtext{ width:100%; text-align:center; position:fixed; left:0; top:50%; transform:translateY(-50%); z-index:85;}
.welIframe{position:fixed; left:0; top:0; right:0; bottom:0; border:none; width:100vw; height:100vh;}
.welCtext p{ font-size: 32px; font-weight: 100; color: #FFF; line-height: 48px; letter-spacing: 6px; margin: 1.45vw 0px 3.75vw; }
.welCtext h5{ display:block; font-weight:normal; text-align:center;}
.welCtext span{ color: #FFF; display: inline-block; height: 72px; padding: 0px 56px; background: #F23804; font: 100 32px/72px "微软雅黑"; background-image: linear-gradient(115deg, #f23504 10%,#3a09c6 90%); }
.wel_enter,.wel_enter:hover{font-size:18px; color:#fff;}
.wel_enterWpr{margin-top:55px; text-align:center;}
@media (max-width:1799px){
.welCtext h4 img{ height:80px; width:auto;}
.welCtext p{ font-size: 28px; line-height: 38px; letter-spacing: 3px; }
.welCtext span{height: 60px; padding: 0px 46px; font: 100 28px/60px "微软雅黑";}
.container{ max-width:1180px;}
}
@media (max-width:993px){
.welCtext h4 img{ height:60px; width:auto;}
.welCtext p{ font-size: 20px; line-height: 38px; letter-spacing: 3px; margin: 4.45vw 0px 7.75vw; padding:0 15px  }
.welCtext span{height: 50px; padding: 0px 38px; font: 100 28px/50px "微软雅黑";}
}
@media (max-width:767px){
.welCtext h4 img{ width:90%; height:auto}
.welCtext p{ letter-spacing:2px; margin: 5.45vw 0px 8.75vw;  }
.welCtext span{height: 46px; padding: 0px 25px; font: 100 20px/46px "微软雅黑";}
}

.mspCon1{ height:calc(100vh - 72px); position:relative; overflow:hidden;}
.msp_video{position:absolute; left:0; top:0; bottom:0; right:0;}
.msp_video video{width:110%; height:auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.mspCon1 .bgImg{ position:absolute; left:0; top:0; right:0; bottom:0;}
.mspc1Txts{ text-align: center; width: 100%; position: absolute; left: 0px; top: 50%; transform:translateY(-50%); padding-bottom:90px;}
.mspc1Txts h5{ font-size: 32px; font-weight: 100; color: #FFF; line-height: 48px; margin: 1.56vw 0px 4.06vw; letter-spacing: 6px; }
.mspc1BtnWpr{ margin-top: -3vw; }
.mspc1Btn{ line-height: 3.75vw; font-weight: 100; color: #FFF; height: 3.75vw; font-size: 18px; display: inline-block; padding: 0px 4vw; background: #3a09c6;background-image: linear-gradient(38deg, #3217ff 10%,#0f7ffe 90%); box-shadow:0 15px 35px rgba(41,157,254,0.4);  }
.mspc1Btn:hover{transform:translateY(-10px);}
.mspc1Btxt{ font-size: 23px; line-height: 1.9vw; font-weight: 100; color: #FFF; height: 8.1vw; letter-spacing: 3px; text-align:center; width:100%; position:absolute; left:0; bottom:0; background: #F23804;background-image: linear-gradient(115deg, #0c2eff 10%,#0fc9fe 90%); opacity:0.9; padding-top:0.8vw; }
@media (max-width:1799px){
.mspc1Txts h4 img{height:250px; width:auto;}
.mspc1Txts{padding-bottom:20px;}
.mspc1Txts h5{ font-size: 28px; line-height: 38px; margin: 1.86vw 0px 4.06vw; letter-spacing: 3px; }
.mspc1Btxt{ font-size: 14px;}
}
@media (max-width:1500px){
.mspCon1{ height:calc(100vh - 45px);}
.mobile-office{padding-top:60px;}
.mspc2Txt {padding:0 15px;}
}
@media (max-width:1199px){
.mspCon1{height:600px;}
.mspc1Btxt{font-size:16px;}
}
@media (max-width:993px){
.msp_video{display:none;}
.mobile-office{padding-top:50px;}
.mspc1Txts h5{font-size:26px;}
.mspc1Btn{height:48px; line-height:48px;}
.mspc1Btxt{line-height:52px; height:52px; letter-spacing:1px; font-size:18px;}
.mspc1Txts{padding-bottom:100px;}
}
@media (max-width:767px){
.mspCon1{height:440px;}
.mspc1Txts h4 img{width:90%; height:auto;}
.mspc1Txts h5{letter-spacing:1px; font-size:20px; padding:0 15px; margin:20px 0 30px 0; line-height:32px;}
.mspc1Txts h6 img{width:90%; height:auto;}
.mspc1Btxt{font-size:15px; line-height:26px; padding:12px 15px; height:auto}
.mspc1Btxt span{white-space:nowrap;}
.mspc1Btn{transform:scale(0.8);}
}

.mspCon2 { padding: 6.87vw 0px 5.98vw; position: relative; }
.mspc2Bg { background: url(../images/page/osp_c1bg1.jpg) no-repeat center bottom; background-size:cover; position:absolute; left:0; top:0; right:0; bottom:0; opacity:0 }
.mspc2_et { font-size: 90px; font-weight: bold; text-transform: uppercase; text-align: center; line-height: 98px; color:rgba(0,0,0,0.05); }
.mspc2_t { color: #e91742; line-height: 62px; height: 62px; text-align: center; font-size: 48px; letter-spacing: 2px; font-weight: bold; margin: 10px 0px 0; }
.mspc2_t span{display:inline-block; background-image: -webkit-linear-gradient(left, rgb(50,23,255), rgb(15,127,254));
-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.mspc2Txt { font-size: 16px; line-height: 32px; color: #808080; text-align: left; margin-top:40px }
.mspc2_st{ text-align: center; line-height: 90px; height: 90px; margin-top: 3.38vw; font-size: 24px; letter-spacing: 2px; position:relative }
.mspc2_st:after{content:""; width:24px; height:4px; position:absolute; left:50%; bottom:0; margin-left:-12px; background: #3a09c6;background-image: linear-gradient(115deg, #3217ff 10%,#0f7ffe 90%);}
.mspc2ul{ padding-left: 0px; margin-top: 22px; }
.mspc2ul li{ float: left; width: 32.33%; line-height: 30px; height: 30px; font-size: 16px; color: #808080; letter-spacing: 1px; padding-left: 25px; margin-bottom: 22px; position:relative; }
.mspc2ul li img{ width: 430px; height: 260px; }
.mspc2ul li p:nth-child(0){ width: 430px; height: 30px; line-height: 30px; font-size: 16px; text-align: center; }
.mspc2ul li p:nth-child(1){ width: 430px; height: 20px; line-height: 20px; font-size: 12px; text-align: left; color:#8c8c8c; }
/*.mspc2ul li:before{ content: ""; height: 16px; width: 16px; margin-top: -8px; position: absolute; left: 0px; top: 50%; background: #3a09c6;background-image: linear-gradient(115deg, #bf2071 10%,#f23504 90%); }*/
/*.mspc2ul li:after{ content: ""; background: #FBFBFB; height: 8px; width: 8px; position: absolute; top: 50%; margin-top: -4px; left: 4px; }*/
@media (max-width:1799px){
.mspc2_et{font-size:70px; line-height:78px;}
.mspc2_t {line-height: 52px; height:52px; font-size: 38px;}
.mspc2Txt{font-size:15px; line-height:30px;}
}
@media (max-width:1559px){
.mspCon2 .mspc2Txt{max-width:1180px; margin-left:auto; margin-right:auto;}
}
@media (max-width:1379px){
.mspCon2 .mspc2Txt{max-width:1150px;}
}
@media (max-width:993px){
.mspc2_et{font-size:52px; line-height:60px;}
.mspc2ul{padding-left:25px; padding-right:15px; display:block;}
.mspc2ul li{width:50%; margin-bottom:12px;}
.mspc3_5a{position:absolute; left:92px; top:0;}
}
@media (max-width:767px){
.mspc2_et{font-size:30px; line-height:36px;}
.mspCon2{padding:50px 0;}
.mspc2_t{font-size:28px; line-height:32px;}
.mspc2Txt{margin-top:0;}
.mspc2_st{height:70px; line-height:70px;}
.mspc2ul li{width:100%;}
}


.mspCon3 { padding: 5.1vw 0px 5.1vw; position:relative; }
.mspCon3:before{content:""; background:rgba(0,0,0,0.02); width:120%; position:absolute; left:-10%; top:0; bottom:0; transform:rotate(-5deg)}
.mspCon3:after{ content: ""; background:#f2f4f7 url(../images/page/ospc2Bg.png) no-repeat center top; background-size:cover; width:120%; position:absolute; left:-10%; top:0; bottom:0; transform:rotate(3deg);}
.mspc3Box{position:relative; z-index:1;}
.mspc3ul{ margin: 2.7vw 3.12vw 0px; }
.mspc3ul li{ float: left; width: 20%; height: 33.33vw; background:#d62767; color:#fff; position:relative;}
.mspc3ul li:nth-child(1){background-image: linear-gradient(38deg, #1765fe 0%,#208efe 100%);}
.mspc3ul li:nth-child(2){background-image: linear-gradient(38deg, #1765fe 0%,#208efe 100%);}
.mspc3ul li:nth-child(3){background-image: linear-gradient(38deg, #1765fe 0%,#208efe 100%);}
.mspc3ul li:nth-child(4){background-image: linear-gradient(38deg, #1765fe 0%,#208efe 100%);}
.mspc3ul li:nth-child(5){background-image: linear-gradient(38deg, #1765fe 0%,#208efe 100%);}
.mspc3AniBox{ position:absolute; left:0; top:0; right:0; bottom:0; overflow:hidden}
.mspc3layer{ position:absolute; left:0; top:0; bottom:0; right:0; padding-top:33px; z-index:3}
.mspc3layer h6{ line-height: 36px; font-size: 24px; font-weight: normal; display: block; padding: 0px 2.08vw; }
.mspc3layer h5{ font-size: 30px; line-height: 46px; display: block; padding: 0px 2.08vw; height: 46px; margin-top:15px; }
.mspc3Bom{ position:absolute; left:1.5vw; right:1.5vw; bottom:45px;}
.mspc3Bom strong{ font-size: 36px; line-height: 52px; display: block; }
.mspc3Bom p{ font-size: 21px; line-height: 32px; font-weight: normal; display: block; min-height: 160px; }
.msp_imgAbs{position:absolute; left:0; top:0;}
.mspc3_1a{top:50%; left:50%; transform:translate(-50%,-50%); display:inline-block; position:absolute; margin-top:-50px; width:232px; height:auto}
.mspc3_1a img{width:100%; height:auto;}
.mspc3_1b{ display:inline-block; position:absolute; right:0; top:0;}
.mspc3_2a{ position:absolute; bottom:50px; left:82px;}
.mspc3_3a{ top:52px; left:90px; position:absolute;}
.mspc3_4a{position:absolute; top:105px; left:0}
.mspc3_5a{position:absolute; left:92px; top:0;}

@keyframes mspc3ani1 {
	0%{ opacity:0}
	50%{ opacity:1}
	100%{ opacity:0}
}
@keyframes mspc3ani3 {
	0%{ opacity:0; transform:scale(1)}
	50%{ opacity:1; transform:scale(1.05)}
	80%{ opacity:0; transform:scale(1.05)}
	100%{ opacity:0; transform:scale(1)}
}
@keyframes mspc3ani2 {
	0%{ opacity:0; transform:translate(80px,-100px)}
	100%{ opacity:1; transform:translate(0px,0px)}
}

@keyframes mspc3ani4 {
	0%{ opacity:0; transform:translate(40px,-30px)}
	50%{ opacity:1; transform:translate(0px,0px)}
	90%{ opacity:0; transform:translate(0px,0px)}
	100%{ opacity:0; transform:translate(0px,0px)}
}
@keyframes mspc3ani5 {
	0%{ opacity:0; transform:translate(-40px,30px)}
	50%{ opacity:1; transform:translate(0px,0px)}
	90%{ opacity:0; transform:translate(0px,0px)}
	100%{ opacity:0; transform:translate(0px,0px)}
}

@keyframes mspc3ani6 {
	0%{ opacity:0; transform:translate(0px,30px) scale(1)}
	50%{ opacity:1; transform:translate(0px,0px) scale(1.1)}
	100%{ opacity:0; transform:translate(0px,30px) scale(1)}
}

@keyframes mspc3ani7 {
	0%{ opacity:0; transform:translate(0px,-100px)}
	50%{ opacity:1;}
	80%{ opacity:0; transform:translate(0px,0px)}
	100%{ opacity:0; transform:translate(0px,0px)}
}

.ohide img{opacity:0;}
.mspc3ul li:hover .mspc3_1a img:nth-child(1){ animation:mspc3ani1 1.8s linear infinite; }
.mspc3ul li:hover .mspc3_1a img:nth-child(2){ animation:mspc3ani1 1.8s linear infinite; animation-delay:0.2s}
.mspc3ul li:hover .mspc3_1a img:nth-child(3){ animation:mspc3ani1 1.8s linear infinite; animation-delay:0.3s}
.mspc3ul li:hover .mspc3_1a img:nth-child(4){ animation:mspc3ani1 1.8s linear infinite; animation-delay:0.4s}
.mspc3ul li:hover .mspc3_1b img:nth-child(1){ animation:mspc3ani2 0.3s linear; animation-delay:0.2s}
.mspc3ul li:hover .mspc3_1b img:nth-child(2){ animation:mspc3ani2 0.4s linear; animation-delay:0.3s}
.mspc3ul li:hover .mspc3_1b img:nth-child(3){ animation:mspc3ani2 0.5s linear; animation-delay:0.4s}

.mspc3ul li:hover .mspc3_2a img:nth-child(1){ animation:mspc3ani3 2.8s linear infinite; animation-delay:0.1s}
.mspc3ul li:hover .mspc3_2a img:nth-child(2){ animation:mspc3ani3 3.2s linear infinite; animation-delay:0.3s}
.mspc3ul li:hover .mspc3_2a img:nth-child(3){ animation:mspc3ani3 3.7s linear infinite; animation-delay:0.4s}

.mspc3ul li:hover .mspc3_3a img:nth-child(1){ animation:mspc3ani4 2.5s linear infinite;}
.mspc3ul li:hover .mspc3_3a img:nth-child(2){ animation:mspc3ani5 2.5s linear infinite;}

.mspc3ul li:hover .mspc3_4a img:nth-child(1){ animation:mspc3ani6 3.8s linear infinite; }

.mspc3ul li:hover .mspc3_5a img:nth-child(1){ animation:mspc3ani3 3.5s linear infinite; }
.mspc3ul li:hover .mspc3_5a img:nth-child(2){ animation:mspc3ani7 2.5s linear infinite; animation-delay:0.1s}
.mspc3ul li:hover .mspc3_5a img:nth-child(3){ animation:mspc3ani7 1.9s linear infinite; animation-delay:0.3s}
@media (max-width:1799px){
.mspc3layer h6{font-size:21px;}
.mspc3layer h5{ font-size: 20px; line-height: 36px; height: 36px; margin-top:12px; }
.mspc3Bom{bottom:35px;}
.mspc3Bom strong{ font-size:26px; line-height: 42px; }
.mspc3Bom p{ font-size:18px; line-height: 28px; min-height: 140px; }
.mspc3ul li:nth-child(1) .mspc3_1b{ transform:scale(0.7); transform-origin:right top;}
.mspc3ul li:nth-child(1) .mspc3_1a{transform:scale(0.7) translate(-70%,-50%);}
.mspc3ul li:nth-child(2) .mspc3_2a{transform:scale(0.7); transform-origin:left bottom}
.mspc3ul li:nth-child(3) .mspc3_3a {transform:scale(0.7); transform-origin:left top}
.mspc3ul li:nth-child(4) .mspc3_4a {transform:scale(0.7); transform-origin:left top}
.mspc3ul li:nth-child(5) .mspc3_5a {transform:scale(0.6); transform-origin:left top}
.mspc3_5a{position:absolute; left:92px; top:0;}
}
@media (max-width:1379px){
.mspc3Bom p{ font-size:16px; }
.mspc3_5a{position:absolute; left:92px; top:0;}
}
@media (max-width:1199px){
.mspc3Bom p{ font-size:14px; }
.mspc3layer h5{font-size:18px;}
.mspc3Bom strong{font-size:20px;}
}
@media (max-width:993px){
.mspc3ul li{width:33.33%; height:400px;}
.mspc3ul li:nth-child(4){ margin-left:16.666%;}
}
@media (max-width:767px){
/*.mspc3ul li{width:50%; margin-left:0!important}*/
.mspc3ul li{width:20%;}
.mspc3ul li:nth-child(4){margin-left:0;}
.mspc3ulWpr{ overflow-x:auto; margin-right:3.12vw;}
.mspc3ul{width:1200px;}
.mspc3layer{left:5px; right:5px;}
.mspc3ul li{height:335px;}
.mspc3_5a{left:auto; right:0; transform:scale(0.8); right:-110px;}
.mspc3layer h5{font-size:24px; line-height:28px;}
.mspc3Bom strong{font-size:22px;}
.mspCon3{padding:50px 0;}
.mspc3layer h5{font-size:16px;}
.mspc3Bom strong{font-size:18px;}
.mspc3Bom p{font-size:12px; line-height:24px; min-height:120px;}
}


.mspCon4 { padding: 8.07vw 0px 8.89vw; position:relative; z-index:5; }
.mspc4ul{ margin: 1.97vw -1.56vw 0px; }
.mspc4ul li{ padding: 0px 1.56vw; width:49.33%; float:left;}
.mspc4_aBox{ display:block; position:relative;}
.mspc4_aBox .overflowHide{ height:22.91vw;}
.mspc4layer{ position: absolute; left: 2.08vw; top: 0; right: 2.08vw; bottom: 0; padding-top: 34px; }
.mspc4layer span{ font-size: 48px; font-weight: bold; color: #FFF; display: block; line-height: 50px; height: 50px; }
.mspc4_bm{ left: 0px; right: 0px; bottom: 32px; position:absolute; color:#fff; }
.mspc4_bm strong{ font-size: 36px; line-height: 55px; display: block; }
.mspc4_bm p{ font-size: 24px; line-height: 38px; }
.mspc4Blayer{ position: absolute; width: 100%; left: 10px; bottom: -60px; padding: 26px 30px 32px; background: #F23804;background-image: linear-gradient(180deg, #3217ff 0%,#0f7ffe 100%); color:#fff; transition:all .5s ease-in-out; opacity:0; transform:translate(-20px,-20px) }
.mspc4Blayer strong{ font-size: 36px; line-height: 55px; display: block; }
.mspc4Blayer p{ font-size: 24px; line-height: 38px; }
.mspc4Blayer div{ font-size: 16px; line-height: 32px; margin-top: 18px; }
.mspc4_aBox:hover .mspc4Blayer{ opacity:1; transform:translate(0,0)}
.mspc4ul li:nth-child(1) .mspc4_aBox:before{ content: ""; background: url(../images/page/osc4_sq.png) no-repeat center center; height: 173px; width: 198px; position: absolute; left: -47px; bottom: -47px; transition:all 0.5s ease-in-out; }
.mspc4ul li:nth-child(1) .mspc4_aBox:hover:before{ transform:translate(47px,-47px); opacity:0;}
.mspc4ul li:nth-child(2){ padding-top:3.12vw;}
.mspc4ul li:nth-child(3){ padding-top:6.24vw;}
.mspc4dBox{display:block; position:relative;}
@media (max-width:1799px){
.mspc4ul{margin:1.97vw 0 0px}
.mspc4layer span{ font-size: 32px; line-height: 40px; height: 40px; }
.mspc4_bm{ bottom: 1.66vw; }
.mspc4_bm strong{ font-size: 28px; line-height: 42px; }
.mspc4_bm p{ font-size: 20px; line-height: 30px; }
.mspc4Blayer{ bottom: -40px; padding: 18px 15px 20px;}
.mspc4Blayer strong{ font-size: 24px; line-height: 40px; }
.mspc4Blayer p{ font-size: 20px; line-height: 30px; }
.mspc4Blayer div{ font-size: 15px; line-height: 30px; margin-top: 12px; }
.mspc4ul li:nth-child(1) .mspc4_aBox:before{transform:scale(0.6); transform-origin:left bottom}
.mspc4ul li:nth-child(1) .mspc4_aBox:before{left:-28px; bottom:-26px;}
}
@media (max-width:993px){
.mspc4ul li{width:50%;}
.mspc4ul{margin-top:35px; padding-left:25px; padding-right:25px;}
.mspc4_aBox .overflowHide{height:250px;}
.mspc4ul li:nth-child(2){transform:translateY(100px);}
}
@media (max-width:767px){
.mspCon4{padding:50px 0;}
.mspc4ul li{padding-top:0!important; transform:translateY(0)!important; width:33.33%; margin-bottom:50px;}
.mspc4ul{margin-top:12px; padding-left:5px; padding-right:5px;}
.mspc4Blayer strong{ font-size: 20px; line-height: 32px; }
.mspc4Blayer p{ font-size: 18px; line-height: 26px; }
.mspc4Blayer div{ font-size: 14px; line-height: 24px; margin-top: 8px; }
.mspc4_bm{left:10px; bottom:12px;}
.mspc4_bm strong{font-size:24px; line-height:38px;}
.mspc4_bm p{font-size:16px;}
.mspc4Blayer{transform:translate(0px,-20px); left:0 }
.mspc4ulWpr{overflow-x:auto;}
.mspc4ul{width:960px;}
.mspc4_aBox .mspc4Blayer{ opacity:1; transform:translate(0,0)}
}


.mspCon5{ padding:14.2vw 0 9.89vw; position:relative; z-index:3;}
.mspc5Box{ position:relative; z-index:1;}
.mspc5Sps{height:9.37vw; background:rgba(255,255,255,1); width:120%; left:-10%; top:-5.72vw; position:absolute; z-index:5; /*transform:rotate(-4deg);*/ overflow:hidden}
.mspc5Sps:before{content:""; width:100%; left:-44%; top:0; bottom:0; background:rgba(0,0,0,0.05); position:absolute; transform:rotate(10deg)}
.mspCon5:after{ content: ""; background: #f2f4f7 url(../images/page/ospc5bg.jpg) no-repeat fixed center center; background-size: cover; width: 100%; position: absolute; left: 0%; top: 0; bottom: 0; }
.mspCon5 .mspc2_et{color:rgba(255,255,255,0.05);}
.mspc5ul{ margin: 4.47vw -1.56vw 0px; }
.mspc5ul li{ padding: 0px 1.56vw; width:25%; float:left;}
.mspc5aBox{ display:block;}
.mspc5aBox .overflowHide{ height: 10.41vw; }
.mspc5aBox strong{ font-size: 36px; color: #FFF; line-height: 82px; display: block; margin-top: 18px; }
.mspc5aBox p{ font-size: 24px; line-height: 36px; color: #FFF; }
.mspc5ul li:hover .mspc5aBox{transform:translateY(-15px);}
@media (max-width:1799px){
.mspc5ul{margin-left:0; margin-right:0;}
.mspc5ul li{padding:0px 1.26vw;}
.mspc5aBox strong{ font-size: 26px; line-height: 52px; margin-top: 12px; }
.mspc5aBox p{ font-size:18px; line-height: 30px; }
.mspc3_5a{position:absolute; left:92px; top:0;}
}
@media (max-width:993px){
.mspc5ul{padding-left:25px; padding-right:25px;}
.mspc5ul li{width:50%;}
.mspc5aBox .overflowHide{height:210px;}
.mspc5aBox p{height:120px;}
.mspc5aBox {transform:translateY(0)!important;}
.mspCon5:after{background-attachment:inherit;}
}
@media (max-width:767px){
.mspc5ul li{width:25%; margin-bottom:20px;}
.mspc5aBox strong{font-size:21px; line-height:44px;}
.mspc5aBox p{font-size:16px; line-height:28px; height:auto}
.mspc5ul{padding-left:5px; padding-right:5px;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal{margin-top:45px; transform:translateY(-25px);}
.mspc5ulWpr{overflow-x:auto;}
.mspc5ul{width:1200px;}
}


.mspCon6{margin-top:-3vw; position:relative; z-index:4; padding: 12.76vw 0px 18.33vw; }
.msp6_anibg{ background: #F23804; background-image: linear-gradient(115deg, #3217ff 0%,#0f7ffe 100%); position:absolute; left:-10%; top:0; bottom:0; width:120%; /*transform:rotate(-3deg); */overflow:hidden;}
.msp6_anibg:before{content:""; height:8.85vw; background:rgba(0,0,0,0.05); width:100%; transform:rotate(10deg); left:40%; top:0; position:absolute;}
.msp6Ifrme{position:absolute; left:0; top:0; bottom:0; right:0; z-index:1;}
.msp6Layer{height:100%; width:100%; position:absolute; z-index:1; left:0; top:0; background:#fff; opacity:0}
.canvasBg{height:60%; width:100%; border:none 0; position:absolute; left:0; bottom:0}
.mspc6Box{ position: relative; z-index: 2; background: url(../images/page/hmc6sbg.png) no-repeat right top; }
.mspCon6 .mspc2_et{color:rgba(255,255,255,0.05);}
.mspCon6 .mspc2_t i{ color: #fff; font-style: normal; }
.mspc6PboxWpr{}
.mspc6Pbox{ font-size:0; padding: 5.62vw 12.5vw; }
.mspc6ul{ display:block; position:relative;}
.mspc6ul:before{ content: ""; background: url(../images/page/osc8sq.png) no-repeat; height: 173px; width: 198px; position: absolute; left: -42px; bottom: -42px; }
.mspc6ul li{ display:inline-block; white-space:nowrap; text-align:center; position:relative;}
.mspc6_aBox{ display:block; position:relative; margin-right:1.56vw; font-size:18px;}
.mspc6_aBox:hover{transform:translateY(-20px);}
.mspc6Pimg{ width:240px; height:240px; display:inline-block; border-radius:50%; background:#880ecc; position:relative;}
.mspc6Pimg .overflowHide{ position:absolute; left:15px; top:15px; right:15px; bottom:15px; border-radius:50%; overflow:hidden; z-index:2;}
.mspc6Bom{ background: #FFF; text-align: center; padding: 2.5vw 25px 1.97vw; width: 315px; border-radius:1.0em; margin-top:-40px;}
.mspc6_aBox:hover .mspc6Bom{box-shadow:0 15px 25px rgba(0,0,0,0.1);}
.mspc6Bom strong{ font-size: 36px; line-height: 62px; display: block;}
.mspc6Bom p{ line-height: 24px; color: #808080; height: 48px; overflow: hidden; }
.mspc6ul li:nth-child(1) .mspc6Pimg,
.mspc6ul li:nth-child(6) .mspc6Pimg,
.mspc6ul li:nth-child(11) .mspc6Pimg
{ background: #2d9742;background-image: linear-gradient(180deg, #2e983f 0%, #2267b3 50%,#30998d 100%);}
.mspc6ul li:nth-child(2) .mspc6Pimg,
.mspc6ul li:nth-child(7) .mspc6Pimg,
.mspc6ul li:nth-child(12) .mspc6Pimg
{ background: #3faae0;background-image: linear-gradient(180deg, #3faae0 0%, #4027fb 50%,#e60189 100%);}
.mspc6ul li:nth-child(3) .mspc6Pimg,
.mspc6ul li:nth-child(8) .mspc6Pimg,
.mspc6ul li:nth-child(13) .mspc6Pimg
{ background: #50ebf6;background-image: linear-gradient(180deg, #50ebf6 0%, #2e3596 50%,#266ebb 100%);}
.mspc6ul li:nth-child(4) .mspc6Pimg,
.mspc6ul li:nth-child(9) .mspc6Pimg,
.mspc6ul li:nth-child(14) .mspc6Pimg
{ background: #f0db04;background-image: linear-gradient(180deg, #f0db04 0%, #3eab8d 50%,#f0db04 100%);}
.mspc6ul li:nth-child(5) .mspc6Pimg,
.mspc6ul li:nth-child(10) .mspc6Pimg,
.mspc6ul li:nth-child(15) .mspc6Pimg
{ background: #f03606;background-image: linear-gradient(180deg, #f03606 0%, #c51d6d 50%,#3c3093 100%);}
@media (max-width:1799px){
.mspc6Pimg{width:180px; height:180px;}
.mspc6Pimg .overflowHide{left:10px; top:10px; right:10px; bottom:10px;}
.mspc6Bom strong{font-size:26px; line-height:56px; padding-top:5px; height:auto}
.mspc6_aBox{font-size:16px;}
.mspc6Bom{width:238px;}
.mspc6ul:before{ transform:scale(0.6); left: -67px; bottom: -61px; }
}
@media (max-width:767px){
.mspCon6{padding:50px 0;}
.mspc6Pimg{width:120px; height:120px;}
.mspc6Bom{padding-top:42px; padding-bottom:30px;}
.mspc6Bom strong{font-size:22px; line-height:48px;}
.mspc6Bom p{font-size:15px;}
.mspc6_aBox{transform:translateY(0)!important;}
}


.mspCon7{ position: relative; padding: 2.5vw 0px 10.41vw; margin-top:-3vw; z-index:6 }
.mspCon7 .bg{height:200px; background:#f2f4f7; position:absolute; left:0; top:-5.5vw; width:100%;}
.mspCon7:before{content:""; background:rgba(0,0,0,0.02); width:120%; position:absolute; left:-10%; top:0; bottom:0; transform:rotate(-5deg)}
.mspCon7:after{ content: ""; background:#f2f4f7; background-size:cover; width:120%; position:absolute; left:-10%; top:0; bottom:0; transform:rotate(3deg);}
.mspCon7 .container{ position:relative; z-index:1;}
.mspc7ul{ margin: 55px -1.19vw 0px; }
.mspc7ul_m{display:none;}
.mspc7ul li{ padding: 0px 1.19vw; width:33.33%; float:left }
.mspc7aBox{ display: block; position: relative; padding: 0px 10px 10px 0px; }
.mspc7Dbox{ background: #fff; position: relative; z-index: 1; padding: 26px 38px 0px; }
.mspc7aBox1 .mspc7Dbox{ height: 320px; margin-top:40px; }
.mspc7aBox2 .mspc7Dbox{ height: 360px; }
.mspc7aBox3 .mspc7Dbox{ height: 282px; margin-top:78px; }
.mspc7aBox1 img{ position:absolute; right:25px; top:-40px;}
.mspc7aBox2 img{ position:absolute; right:20px; top:-42px;}
.mspc7aBox3 img{ position:absolute; right:25px; top:-36px;}
.mspc7Dbox strong{ font-size: 36px; line-height: 60px; display: block; }
.mspc7Bm{ position: absolute; left: 38px; right: 38px; bottom: 32px; }
.mspc7Bm p{ font-size: 16px; line-height: 24px; color: #808080; opacity:0 }
.mspc7_snum{ font-size: 24px; line-height: 66px; display: block; }
.mspc7_snum span{ font-size: 60px; font-weight: bold; display: inline-block; margin-right: 5px; position: relative; top: 3px; background-image: -webkit-linear-gradient(left, rgb(172,54,140), rgb(244,53,2));
-webkit-background-clip: text;-webkit-text-fill-color: transparent; }
.mspc7ul li:nth-child(1) .mspc7aBox:before{ content: ""; position: absolute; left:10px; top:10px; right: 0px; bottom: 0px; background: #F3947C;background-image: linear-gradient(115deg, #CF8DBC 10%,#F3957C 90%); transition:all 0.5s ease-in-out; }
.mspc7ul li:nth-child(2) .mspc7aBox:before{content:""; position: absolute; left:10px; top:10px; right: 0px; bottom: 0px; background: #A82984;background-image: linear-gradient(115deg, #A82984 10%,#F43901 90%); transition:all 0.5s ease-in-out;}
.mspc7ul li:nth-child(3) .mspc7aBox:before{content:""; position: absolute; left:10px; top:10px; right: 0px; bottom: 0px; background: #EBDFEB;background-image: linear-gradient(115deg, #EBDFEB 10%,#F2E0DE 90%); transition:all 0.5s ease-in-out;}
.mspc7ul li:nth-child(1):hover .mspc7aBox:before{content:""; left:20px; top:20px; right: -10px; bottom: -10px; }
.mspc7ul li:nth-child(2):hover .mspc7aBox:before{content:""; left:20px; top:20px; right: -10px; bottom: -10px; }
.mspc7ul li:nth-child(3):hover .mspc7aBox:before{content:""; left:20px; top:20px; right: -10px; bottom: -10px; }
@media (max-width:1799px){
.mspc7Dbox strong{font-size:24px;}
.mspc7aBox1 .mspc7Dbox{height:278px;}
.mspc7aBox2 .mspc7Dbox{height:318px;}
.mspc7aBox3 .mspc7Dbox{height:240px;}
.mspc7aBox1 .mspc7Dbox img{width:160px; height:auto}
.mspc7aBox2 .mspc7Dbox img{width:170px; height:auto}
.mspc7aBox3 .mspc7Dbox img{width:140px; height:auto}
}
@media (max-width:993px){
.mspc7Dbox img{right:0;}	
.mspc7aBox1 .mspc7Dbox img{width:110px;}
.mspc7aBox2 .mspc7Dbox img{width:120px;}
.mspc7aBox3 .mspc7Dbox img{width:90px;}
.mspc7ul{margin-left:15px; margin-right:15px;}
.mspc7Dbox strong{font-size:20px;}
.mspc7Bm p{font-size:14px;}
}
@media (max-width:767px){
.mspc7ul li{width:33.33%; margin-bottom:20px;}
.mspc7ul{margin-top:0;}
.mspc7ul li:nth-child(1){margin-top:40px;}
.mspc7ul{display:none;}
.mspc7ul_m{display:block;}
.mspCon7{padding-top:30px; padding-bottom:80px;}
.mspCon7 .bg{top:-3.5vw;}
.mspc7aBox2 .mspc7Dbox,.mspc7aBox1 .mspc7Dbox,.mspc7aBox3 .mspc7Dbox{height:240px;}
.mspc7ul li:nth-child(3){margin-top:-40px; margin-bottom:0}
.mspc7ul li:nth-child(2) .mspc7aBox:before{ content: ""; position: absolute; left:10px; top:10px; right: 0px; bottom: 0px; background: #F3947C;background-image: linear-gradient(115deg, #CF8DBC 10%,#F3957C 90%); transition:all 0.5s ease-in-out; }
.mspc7ul li:nth-child(1) .mspc7aBox:before{content:""; position: absolute; left:10px; top:10px; right: 0px; bottom: 0px; background: #A82984;background-image: linear-gradient(115deg, #A82984 10%,#F43901 90%); transition:all 0.5s ease-in-out;}
.mspc7ulWpr{overflow-x:auto; margin-right:5px;}
.mspc7ul_m {width:900px;}

.mspc7_snum{transform:translateY(85px);}
}


.mspCon8{ margin-top:80px; padding: 68px 38px 68px; background: #3909c7;background-image: linear-gradient(115deg, #3217ff 0%,#0f7ffe 100%); color:#fff; position:relative}
.mspc8Txt{ margin-bottom:0px;}
.mspc8Txt div.clearfix{}
.mspc8Txt div.clearfix p{width:50%; float:left; height:32px; overflow:hidden; position:relative; padding-left:22px;}
.mspc8Txt div.clearfix p:before{content:""; width:6px; height:6px; background:#fff; position:absolute; left:0; top:14px;}
.mspc8Txt strong{ font-size: 24px; line-height: 66px; font-weight: normal; display: block; }
.mspc8Txt p{ font-size: 16px; line-height: 32px; }
.mspc8Tags{ clear: both; position:relative; z-index:2; }
.mspc8Tag{ position: relative; float: left; margin-right: 24px; margin-bottom:25px; }
.mspc8Tag span{ line-height: 56px; text-align: center; display: inline-block; height: 60px; width: 236px; border: 2px solid #FFF; font-size: 24px; color: #FFF; cursor:pointer }
.mspc8Select{ padding-top: 40px; position: absolute; left: 0px; top: 60px; transition:all 0.5s ease-in-out; opacity:0; visibility:hidden; transform:translateY(10px); }
.mspc8Tag:hover .mspc8Select{opacity:1; visibility:visible; transform:translateY(0);}
.mspc8Select strong{ font-size: 24px; line-height: 86px; height: 86px; display: block; position: relative; margin-bottom: 22px; font-weight: normal; color: #333; }
.mspc8Select strong:before{ content: ""; background: #E6E6E6; height: 4px; width: 24px; position: absolute; left: 0px; bottom: 0px; }
.mspc8Select p{ line-height: 26px; margin-bottom: 18px; position: relative; padding-left: 25px; font-size: 16px; color: #808080; letter-spacing: 1px; }
.mspc8Select p:before{ content: ""; height: 16px; width: 16px; position: absolute; left: 0px; top: 6px; background: #3a09c6;background-image: linear-gradient(115deg, #3217ff 10%,#0f7ffe 90%); }
.mspc8Select p:after{ content: ""; background: #FBFBFB; height: 8px; width: 8px; position: absolute; top: 10px; left: 4px; }
.mspc8Tag:hover .mspc8Select{}
.mspc8Sbox{ background: #FFF; padding: 12px 38px 24px; border-radius: 1.0em; position:relative; box-shadow: 0 15px 25px rgba(0,0,0,0.1); width: 315px; }
.mspc8Sbox:before{content:""; border-left:13px solid transparent; border-right:13px solid transparent; border-bottom:13px solid #fff; position:absolute; left:105px; top:-13px;}
.mspCon8Wpr{position:relative;}
.mspCon8Wpr:before{ content: ""; background: url(../images/page/osc7bg.png) no-repeat center center; height: 149px; width: 457px; position: absolute; right: -43px; bottom: -43px; }
@media (max-width:1799px){
.mspc8Select strong{ font-size: 20px; line-height: 66px; height: 66px; margin-bottom: 16px; }
.mspc8Tag span{ line-height: 48px; height: 50px; width: 206px; border: 1px solid #FFF; font-size: 21px;}
.mspc8Select{ padding-top: 20px; top: 50px;}
.mspc8Sbox{ padding: 10px 28px 20px; width: 295px; }
.mspc8Sbox:before{border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #fff;left:85px; top:-10px;}
.mspc8Select p{ padding-left: 24px; font-size: 15px;letter-spacing: 1px; }
.mspCon8Wpr:before{ transform:scale(0.6); right: -120px; bottom:-57px; }
.mspc8Txt p{font-size:15px;}
}
@media (max-width:1199px){
.mspc8Tag span{width:195px;}
.mspc8Txt div.clearfix p{width:100%;}
}
@media (max-width:993px){
.mspc8Tag span{width:145px;}
.mspc8Tag{margin-right:5px;}
}
@media (max-width:767px){
.mspCon8{margin-top:62px; padding-left:15px; padding-right:15px;}
.mspc8Tag{width:100%; margin-right:0; margin-bottom:25px;}
.mspc8Tag span{width:100%;}
.mspc8Select{opacity:1; visibility:visible; transform:translate(0,0); position:relative; top:auto; left:auto; right:auto; bottom:0}
.mspc8Sbox{width:100%;}
.mspc8Select{padding-top:0; }
.mspc8Tag span{display:none;}
.mspc8Sbox{border-radius:0; background:none; border:1px solid #fff;}
.mspc8Sbox:before{display:none;}
.mspc8Select strong{color:#fff;}
.mspc8Select p{color:#fff;}
.mspc8Txt div.clearfix p{font-size:14px; line-height:24px; height:auto; padding-left:16px;}
.mspc8Txt div.clearfix p:before{top:9px;}
.mspc8Select p{margin-bottom:8px;}
}


.mspCon9{ background: url(../images/page/osc9bg.png) no-repeat center center; padding: 8.12vw 0px 8.85vw; }
.mspc9ulWpr{ position: relative; margin-top: 3.54vw; }
.mspc9_line{ background: #D9D9D9; height: 2px; width: 100%; margin-top: -1px; position: absolute; top: 50%; }
.mspc9_line i{ transition:all 0.5s ease-in-out; height:2px; background: #F23804;background-image: linear-gradient(115deg, #3217ff 0%,#0f7ffe 100%); width:0%; display:block;}
.mspc9ul{ max-width:1440px; height:660px; position:relative; margin:0 auto;display: flex; justify-content: space-between;}
.mspc9ul li{ width: 180px; position: relative; }
.mspc9ul li:nth-child(2n){ padding-top:420px;}
.mspc9Icon{ display: inline-block; height: 60px; width: 60px; position: absolute; left: 50%; top: 300px; margin-left: -30px; background: #D9D9D9; border-radius:50%;}
.mspc9Icon:before{content:""; position:absolute; left:0; top:0; right:0; bottom:0; border-radius:50%; background: #ab2782;background-image: linear-gradient(115deg, #3217ff 0%,#0f7ffe 100%); opacity:0; transition:all 0.5s ease-in-out;}
.mspc9Icon:after{ content: ""; background: url(../images/page/osc_c9line.png) no-repeat; height: 36px; width: 4px; position: absolute; left: 50%; top: -47px; margin-left: -2px; transition:all 0.5s ease-in-out;-webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:0.25; }
.mspc9ul li:nth-child(2n) .mspc9Icon:after{top:auto; bottom:-47px;}
.mspc9Icon img{ z-index:3; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:all 0.5s ease-in-out;}
.mspc9Icon em{ background:#fff; border-radius:50%; position:absolute; left:3px; top:3px; right:3px; bottom:3px;}
.mspc9aBox{ height: 240px; position:relative; z-index:1; overflow:hidden; border-radius:1em; text-align:center; padding-top:32px; transition:all 0.5s ease-in-out; }
.mspc9ul li.on .mspc9aBox{box-shadow:0 15px 25px rgba(41,157,254,0.3);}
.mspc9aBox:before{ content: ""; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; border-radius:1em; background:none; border:2px solid #363636; }
.mspc9aBox:after{ content: ""; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: #dc1757;background-image: linear-gradient(90deg, #3217ff 0%,#0f7ffe 100%); transition:all 0.5s ease-in-out; opacity:0 }
.mspc9aBox strong{ display:block; position:relative; z-index:1; font-size:48px; line-height:50px;transition:all 0.3s ease-in-out;}
.mspc9aBox h6{ display: block; position: relative; z-index: 1; font-size: 20px; text-transform: uppercase; color: #d8d8d8; line-height: 22px; margin-bottom: 16px;transition:all 0.5s ease-in-out; }
.mspc9aBox i{ display: block; position: relative; z-index: 1; margin: 0px auto; height: 24px; width: 140px; }
.mspc9aBox i:before{ content: ""; background: url(../images/page/osc9_line.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; transition:all 0.5s ease-in-out; }
.mspc9aBox i:after{ content: ""; background: url(../images/page/osc9_line2.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; transition:all 0.5s ease-in-out; opacity:0 }
.mspc9aBox p{ display: block; position: relative; z-index: 1; font-size: 16px; color: #808080; line-height: 24px; margin-top: 15px;transition:all 0.5s ease-in-out; }
.mspc9Doc{display:block;}
.mspc9ul li.on .mspc9aBox *{color:#fff;}
.mspc9ul li.on .mspc9aBox:before{opacity:0;}
.mspc9ul li.on .mspc9aBox:after{opacity:1;}
.mspc9ul li.on .mspc9aBox i:before{opacity:0;}
.mspc9ul li.on .mspc9aBox i:after{opacity:1;}
.mspc9ul li.on .mspc9Icon:before{opacity:1;}
.mspc9ul li.on .mspc9Icon:after{-webkit-filter: grayscale(0%); filter: grayscale(0%); opacity:1;}
.mspc9ul li.on .mspc9Icon img{opacity:0;}
.mspc9ul li.on .mspc9Icon img.iOpacity{ opacity: 1;}
@media (max-width:1799px){
.mspc9ul{max-width:1180px;height:500px;}
.mspc9aBox strong{font-size:32px; line-height:40px;}
.mspc9aBox{padding-top:20px; height:200px;}
.mspc9aBox i{transform:scale(0.8);}
.mspc9aBox p{font-size:15px; margin-top:8px;}
.mspc9aBox h6{margin-bottom:8px; font-size:18px;}
.mspc9ul li:nth-child(2n){ padding-top:298px;}
.mspc9Icon{top:222px;}
.mspc9Icon:after{ height: 10px; width: 4px; top: -12px;}
.mspc9ul li:nth-child(2n) .mspc9Icon:after{top:auto; bottom:-16px;}
}
@media (max-width:1199px){
.mspc9ulWpr{padding-left:15px; padding-right:15px; width:100%;}
.mspc9ul{ transform:translateX(-8px)}
}
@media (max-width:993px){
.mspc9ul li{width:107px;}
.mspc9aBox p{padding:0 8px}
.mspc9aBox p br{display:none;}
}
@media (max-width:767px){
.mspCon9{padding-top:50px;}
.mspc9ul li{width:150px;}
.mspc9ul li{float:left; padding:0 5px; margin-bottom:10px;}
.mspc9ul{display:block;height:auto; margin-left:-5px; margin-left:-5px; transform:translate(0,0)}
.mspCon9{padding-bottom:45px;}
.mspc9ulWprBox{overflow-x:auto;}
.mspc9ulWpr{width:1080px;}
}


.mspCon10{ padding: 9.87vw 0px 8.55vw; position: relative; z-index: 8; background: url(../images/page/osc10bg.png) no-repeat fixed center center; background-size:cover; }
.mspc10Bg{height:3.75vw; background:rgba(255,255,255,1); overflow:hidden; position:absolute; left:-10%; width:120%; top:-2.6vw; transform:rotate(-1deg)}
.mspc10Bg:before{ content: ""; width:50%; left:0; top:1.56vw; height:3.75vw; background:rgba(243,48,11,0.1); position:absolute; transform:rotate(4deg)}
.mspc10Bg:after{ content: ""; width:50%; right:0; top:1.56vw; height:3.75vw; background:rgba(168,40,132,0.1); position:absolute; transform:rotate(-4deg)}
.mspC10Box{ position:relative; text-align:center; z-index:5}
.mspC10Box strong{ font-size: 32px; font-weight: normal; color: #FFF; line-height: 52px; margin-bottom: 2.5vw; letter-spacing: 6px; display:block }
.mspc10Btn{ display: inline-block;font-size: 24px; line-height: 54px; color: #FFF; text-align: center; height: 60px; width: 300px; border: 2px solid #FFF; }
.mspc10Btn:hover{transform:translateY(-10px); box-shadow:0 10px 18px rgba(0,0,0,0.1);}
.footer{position:relative; z-index:2;}
@media (max-width:1799px){
.mspC10Box strong{ font-size: 26px; line-height: 44px; letter-spacing: 4px; }
.mspc10Btn{ font-size: 18px; line-height: 50px; height: 52px; width: 200px; border: 1px solid #FFF; }
}
@media (max-width:993px){
.mspCon10{background-attachment:inherit;}
}
@media (max-width:767px){
.mspC10Box strong{padding:0 15px; font-size:20px; line-height:32px; margin-bottom:20px;}
.mspCon10{padding:80px 0;}
.mspc10Btn{transform:translateY(0)!important;}
.mobile-office{width:100%; overflow:hidden;}
}
@media (max-width:3850px){
	.mspc1Txts h4 img{height:250px; width:auto;}
	.mspc3_4a{left: 70px;}
	.mspc3_5a{ left:160px; }
	.mspc5aBox p{ font-size: 16px; }
	}


/*.welBox{display:none;}*/