a, img, button, input, textarea { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
ul li { list-style: none }
input, select, textarea { outline: 0 }
a { color: #333; text-decoration: none; outline: 0; transition: all 0.5s ease }
a:active, a:hover { text-decoration: none; color: #0d6fb8; outline: 0 }
a:hover {
text-decoration: none;
}
a:focus { text-decoration: none; }
img { vertical-align: middle; border: none; }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; height: 0; }
.hidden { overflow: hidden; }
 @keyframes ringScale { 0% {
 opacity: 1;
 -webkit-transform: scale(0.8);
 -moz-transform: scale(0.8);
 -ms-transform: scale(0.8);
 transform: scale(0.8);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(2.2);
 -moz-transform: scale(2.2);
 -ms-transform: scale(2.2);
 transform: scale(2.2);
}
}
 @keyframes lineScaleX { 0% {
 -webkit-transform: scaleX(0);
 -moz-transform: scaleX(0);
 -ms-transform: scaleX(0);
 transform: scaleX(0);
}
 100% {
 -webkit-transform: scaleX(1);
 -moz-transform: scaleX(1);
 -ms-transform: scaleX(1);
 transform: scaleX(1);
}
}
 @keyframes lineScaleY { 0% {
 -webkit-transform: scaleY(0);
 -moz-transform: scaleY(0);
 -ms-transform: scaleY(0);
 transform: scaleY(0);
}
 100% {
 -webkit-transform: scaleY(1);
 -moz-transform: scaleY(1);
 -ms-transform: scaleY(1);
 transform: scaleY(1);
}
}
 @keyframes ringScale {  0% {
 opacity: 1;
 -webkit-transform: scale(0.8);
 -moz-transform: scale(0.8);
 -ms-transform: scale(0.8);
 transform: scale(0.8);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(2.2);
 -moz-transform: scale(2.2);
 -ms-transform: scale(2.2);
 transform: scale(2.2);
}
}
 @keyframes scaleAni {  0% {
transform:scale(1);
}
 50% {
transform:scale(1.1);
}
 100% {
transform:scale(1);
}
}
 @keyframes mouseIcon {  0% {
 top:7px;
 opacity:1;
}
 80% {
 top:9px;
 opacity:1;
}
 100% {
 top:9px;
 opacity:0.1;
}
}
.bodyBg_color2 { background: #fff; }
.bgImg { background-position: center center; background-repeat: no-repeat; background-size: cover; }
.bgImg img { display: none; }
.mNoBgImg { background: none!important; }
.mNoBgImg img { display: inline-block; }
.overflowHide { overflow: hidden; position: relative; z-index: 0 }
.scaleImg .bgImg { transition: all 0.5s ease-in-out; position: absolute; height: 100%; width: 100%; left: 0; top: 0 }
.scaleImg:hover .bgImg { transform: scale(1.1); }
.scaleImg img { transition: all 0.5s ease; }
.scaleImg:hover img { transform: scale(1.1); }
.scaleImg:hover img.iOpacity, .scaleImg:hover img.noScaleImg { transform: scale(1); }
.bd_weixin_popup { box-sizing: content-box; }
#platform * { box-sizing: content-box; }
.coverBg { background-size: cover!important; }
.wOpacity { opacity: 0; }
.borRds2 { border-radius: 0.2em; }
.borRds3 { border-radius: 0.3em; }
.borRds18 { border-radius: 1.8em; }
.borRds50 { border-radius: 50%; }
.iOpacity { opacity: 0; transition: all 0.5s ease-in-out }
.hvrIopacity:hover .iOpacity { opacity: 1; }
.vhCenter { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.txtBox-wp, .picBox-wp { display: flex; align-items: center; }
.picBox-wp img { max-width: 100%; height: auto; }
.m2csContent { overflow-x: hidden; transition: all 0.1s ease-in-out; opacity: 0; padding-top:89px;}
.m2csContentIn { opacity: 1; }
.m2csTop { height: 100vh; }
.m2csTop .bgImg { height: 100vh; animation: scaleAni 12s linear infinite; transform: scale(1.1) }
.nextIcon { height: 48px; width: 30px; border: 2px solid #808080; display: inline-block; position: absolute; left: 50%; bottom: 6.11vh; border-radius: 1.6em; }
.nextIcon:after { content: ""; background: #E60011; height: 5px; width: 2px; margin-left: -1px; position: absolute; left: 50%; top: 7px; animation: mouseIcon 1.5s linear infinite; border-radius: 1.2em; }
.m2csCon1 { position: relative; padding: 8vh 0px 11vh; }
.m2csc1Box { margin: 0px auto; width: 81.25vw; position: relative; }
.m2csc2Lbg { width: 12.5vw; background: #fff; position: absolute; left: 0; top: 0; bottom: 0; z-index: 10; }
.m2csc2Rbg { width: 12.5vw; background: #fff; position: absolute; right: 0; top: 0; bottom: 0; z-index: 10; }
.m2csCon2 { width: 70.8vw; margin: 0px auto; padding: 12vh 0px; max-width: 1440px; }
.m2csc2L { float: left; width: 50%; position: relative; }
.m2csc2R { float: right; width: 50%; }
.m2csc2Year { font: 36px/40px 'DINPro-Regular'; color: #4a4a4a; position: absolute; top: 0px; right: 30px; display: inline-block; }
.m2csc2_nm { font: 30px/40px 'PingFang-Bold'; }
.m2csc2_des { font: 20px/34px 'PingFang-Bold'; color: #979797; margin: 4vw 0 5vw; }
.m2csc2_link a { display: inline-block; vertical-align: middle; font-size: 16px; color: #4a4a4a; font-family: 'PingFang-Medium'; text-transform: uppercase; padding-bottom: 3px; border-bottom: 1px solid #222222; }
.bodyBg_color1 .m2csc2_link a{ border-bottom: 1px solid #fff; }
.m2csc2_link:after { content: ''; display: inline-block; vertical-align: middle; width: 23px; height: 18px; background-position: center; background-repeat: no-repeat; background-image: url(../images/icon1.png); margin: -5px 0 0 10px; }
.m2csc2Endes { font-size: 20px; line-height: 32px; color: #4a4a4a; font-family: 'PingFang-Medium'; text-align: justify; }
.m2csc2Chdes { font-size: 20px; line-height: 34px; color: #4a4a4a; font-family: 'PingFang-Medium'; margin-top: 40px; text-align: justify; }
.m2csCon3 { padding-top:8.5vh; }
.m2csC3Pad { max-width: 1440px; width: 70.8vw; border: 2.08vw solid #000; display: block; margin: 0 auto; border-radius: 1.2em; background:#000; }
.m2csC3Pad img { display: none; }
.m2csC3Pad video { width: 100%; height: auto; display: block }
.m2csCon4 { padding: 10.5vh 0 18.5vh; }
.m2csC4box { width: 70.8vw; max-width: 1440px; position: relative; margin: 0 auto; border: 1px solid #000000; height: 62vh; padding: 0 3.7vh; transition: 0.5s ease-in-out; opacity: 0; }
.m2csC4box:before { content: ""; position: absolute; left: 3.7vh; top: 3.7vh; right: 3.7vh; bottom: 3.7vh; border: 1px solid #000; transition: 0.5s ease-in-out; opacity: 0; }
.m2csC4box ul { position: relative; display: block; height: 100%; }
.m2csC4box li { position: absolute; top: -3.7vh; height: 0; transition: all 0.3s ease-in-out; border-left: 1px solid rgba(0,0,0,0.2); }
.m2csC4box li:nth-child(1) { left: 0; width: 6.4%; }
.m2csC4box li:nth-child(2) { left: 6.4%; width: 32%; }
.m2csC4box li:nth-child(3) { left: 52.4%; width: 9.4%; }
.m2csC4box li:nth-child(4) { left: 62.8%; width: 37%; }
.m2csC4box li:nth-child(5) { right: -1px; width: 1px; }
.m2csC4box li span { position: absolute; left: 50%; top: 66%; transform: translate(-50%, -50%); font: 14px/28px 'DINPro-Bold'; transition: all 0.2s ease-in-out; opacity: 0 }
.m2csC4box.active { opacity: 1; }
.m2csC4box.active:before { opacity: 1; transition-delay: 0.2s }
.m2csC4box.active li:nth-child(1) { height: 70vh; transition-delay: 0.3s }
.m2csC4box.active li:nth-child(2) { height: 70vh; transition-delay: 0.4s }
.m2csC4box.active li:nth-child(3) { height: 70vh; transition-delay: 0.5s }
.m2csC4box.active li:nth-child(4) { height: 70vh; transition-delay: 0.6s }
.m2csC4box.active li:nth-child(5) { height: 70vh; transition-delay: 0.7s }
.m2csC4box.active li:nth-child(1) span { opacity: 1; top: 50%; transition-delay: 0.3s }
.m2csC4box.active li:nth-child(2) span { opacity: 1; top: 50%; transition-delay: 0.4s }
.m2csC4box.active li:nth-child(3) span { opacity: 1; top: 50%; transition-delay: 0.5s }
.m2csC4box.active li:nth-child(4) span { opacity: 1; top: 50%; transition-delay: 0.6s }
.m2csC4box.active li:nth-child(5) span { opacity: 1; top: 50%; transition-delay: 0.7s }
.bodyBg_color1 .m2csC4box { border: 1px solid #fff; }
.bodyBg_color1 .m2csC4box:before { border: 1px solid #fff; }
.bodyBg_color1 .m2csC4box li { border-left: 1px solid rgba(255,255,255,0.2); }
.bodyBg_color1 .m2csC4box li span { color: #fff; }
.bodyBg_color2 .m2csC4box li { height: 70vh!important; transition: none!important; }
.bodyBg_color2 .m2csC4box li span { transition: none!important; }
.m2csCon5 { height: 66vh; position: relative; }
.m2csCon6 { height: 16.6vh; position: relative; }
.m2csCon5 i { height: 0%; width: 1px; position: absolute; left: 50%; top: 0px; z-index: 5; transition: all 0.2s ease-in-out; }
.m2csCon5 i:nth-child(2) { width: 1px; position: absolute; left: 81.2%; top: 0px; z-index: 5; }
.m2csCon6:before { content: ""; width: 100%; height: 1px; position: absolute; left: 0; top: -1px; }
.m2csCon6 i { height: 0%; width: 1px; position: absolute; left: 50%; top: 0px; z-index: 5; transition: all 0.2s ease-in-out; }
.m2csCon6 i:nth-child(2) { height: 0%; width: 1px; position: absolute; left: 81.2%; top: 0px; z-index: 5; }
.m2cs6item { height: 100%; width: 0%; position: absolute; left: 0px; top: 0px; line-height: 16.6vh; font-size: 16px; padding-left: 0; font-weight: bold; transition: all 0.3s ease; }
.m2cs6item1 { width: 0%; }
.m2cs6item2 { width: 0%; left: 50%; }
.m2cs6item3 { width: 0%; left: 81.2%; }
.m2cs6item span { opacity: 0; transition: all 0.5s ease-in-out; }
.m2csc5_item { height: 100%; width: 0%; position: absolute; left: 0; top: 0; padding-left: 0vw; font-weight: bold; transition: all 0.3s ease; }
.m2csc5_item1 { width: 0%; }
.m2csc5_item2 { width: 0%; left: 50%; }
.m2csc5_item3 { width: 0%; left: 81.2%; }
.m2csCon5.active .m2csc5_item1 { width: 50%; padding-left: 5vw; transition-delay: 0.3s }
.m2csCon5.active .m2csc5_item2 { width: 31.2%; padding-left: 5vw; transition-delay: 0.5s }
.m2csCon5.active .m2csc5_item3 { width: 19.8%; padding-left: 5vw; transition-delay: 0.7s }
.m2csCon5.active .m2csc5_item1 .m2csc5_clr, .m2csCon5.active .m2csc5_item1 .m2csc5_clr2 { opacity: 1; transition-delay: 0.3s }
.m2csCon5.active .m2csc5_item2 .m2csc5_clr, .m2csCon5.active .m2csc5_item2 .m2csc5_clr2 { opacity: 1; transition-delay: 0.5s }
.m2csCon5.active .m2csc5_item3 .m2csc5_clr, .m2csCon5.active .m2csc5_item3 .m2csc5_clr2 { opacity: 1; transition-delay: 0.7s }
.m2csCon5.active i:nth-child(1) { height: 100%; transition-delay: 0.7s }
.m2csCon5.active i:nth-child(2) { height: 100%; transition-delay: 0.8s }
.m2csCon6.active .m2cs6item1 { width: 50%; padding-left: 5vw; transition-delay: 0.3s }
.m2csCon6.active .m2cs6item2 { width: 31.2%; padding-left: 5vw; transition-delay: 0.5s }
.m2csCon6.active .m2cs6item3 { width: 19.8%; padding-left: 5vw; transition-delay: 0.7s }
.m2csCon6.active .m2cs6item1 span { opacity: 1; transition-delay: 0.3s }
.m2csCon6.active .m2cs6item2 span { opacity: 1; transition-delay: 0.5s }
.m2csCon6.active .m2cs6item3 span { opacity: 1; transition-delay: 0.7s }
.m2csCon6.active i:nth-child(1) { height: 100%; transition-delay: 0.7s }
.m2csCon6.active i:nth-child(2) { height: 100%; transition-delay: 0.8s }
.m2csc5_clr { font-size: 16px; line-height: 24px; padding-top: 4.8vh; transition: all 0.2s ease-in-out; opacity: 0 }
.m2csc5_clr2 { position: absolute; left: 5vw; bottom: 4.8vh; height: 9.2vh; line-height: 9.2vh; font-size: 16px; transition: all 0.2s ease-in-out; opacity: 0 }
.m2csc5_s1 { width: 9.2vh; height: 9.2vh; float: left; border-radius: 50%; margin-right: 1.42vw; }
.m2csCon7 { position: relative; padding: 25vh 0px; }
.m2csc7Box { margin: 0px auto; width: 70.8vw; position: relative; max-width: 1440px; }
.m2csCon8 { padding: 18.5vh 0px; }
.m2cs89bg { background: url(../images/padBg.png) no-repeat center top; }
.m2csC8Pad { max-width: 1360px; width: 70.8vw; border: 2.08vw solid #000; display: block; margin: 0 auto; border-radius: 1.2em; position: relative }
.m2csC8Pad img { display: none; }
.m2csC8Pad video { width: 100%; max-width:1360px; height: auto; display: block }
.m2csCon9 { padding-bottom: 33vh; background-position: center bottom; background-size: 100% auto; background-repeat: no-repeat; animation: bgAni 30s linear infinite; overflow: hidden; position: relative }
.m2csImgBg { position: absolute; left: 0%; bottom: 0; animation: imgbgAni 30s linear infinite; width: 100%; height: auto; max-width: none!important; }
 @keyframes imgbgAni {  0% {
 width:100%;
 left:0%;
}
 50% {
 width:120%;
 left:-10%;
}
 100% {
 width:100%;
 left:0%;
}
}
.m2csC9Pad { max-width: 1360px; width: 70.8vw; border: 2.08vw solid #000; display: block; margin: 0 auto; border-radius: 1.2em; position: relative; z-index: 5; background:#000 }
.m2csC9Pad img { width: 100%; height: auto; display: block }
.m2csCon10 { padding-bottom: 15vh; background-position: center bottom; background-size: 100% auto; background-repeat: no-repeat; padding-top: 16.2vh; margin-bottom: 10vh; animation: bgAni 30s linear infinite; position: relative; overflow: hidden }
.m2csPhones { text-align: center; width: 70.8vw; position: relative; margin: 0 auto }
.m2csc9Phone { width: 20vw; margin: 10vh auto 0; position: relative; z-index: 5; }
.m2csc9Phone img { position: relative; z-index: 2; width: 100%; height: auto }
.m2csc9Phone video, .m2csc9Phone img.m2csc9_img { position: absolute; left: 0; top: 0.8vw; width: 17.46vw; height: auto; left: 1.33vw; }
.m2csBom_item1 { border-top: 2.7vw solid #000; border-right: 1.82vw solid #000; border-bottom: 2.7vw solid #000; border-left: 1.82vw solid #000; background: #FFF; position: absolute; left: 0px; top: 0px; width: 35.36vw; border-radius: 1.2em; background:#000; }
.autoImg img { width: 100%; height: auto; display: block }
.m2csc7Item1 .m2csc7_lybg { position: relative; z-index: 5; }
.m2csc7_lyImg { position: absolute; left: 0; top: 0; width: 100%; height: auto; }
.m2csPhones .ring span { width: 25vw; height: 25vw; position: absolute; top: 50%; left: 50%; margin: -6.5vw 0 0 -12.5vw; border-radius: 50%; background: rgba(0, 0, 0, 0.05); opacity: 0; z-index: 0; -webkit-animation: ringScale 4.2s linear infinite; -moz-animation: ringScale 4.2s linear infinite; -ms-animation: ringScale 4.2s linear infinite; animation: ringScale 4.2s linear infinite; }
.m2csPhones .ring span:nth-of-type(2) { animation-delay: 1.4s; }
.m2csPhones .ring span:nth-of-type(3) { animation-delay: 2.8s; }
.m2csBom_item2 { width: 14.58vw; position: absolute; right: 15.82vw; top: 5.8vw }
.m2csBom_item3 { width: 14.58vw; position: absolute; right: 0; top: 5.8vw }
.m2csBom_item4 { width: 14.58vw; position: absolute; right: 0; top: 37.08vw }
.m2csBom_item5 { width: 14.58vw; position: absolute; right: 0; bottom: 0 }
.m2csc7Item1 { border-right: 1.82vw solid #000; border-left: 1.82vw solid #000; border-top: 2.70vw solid #000; border-bottom: 2.70vw solid #000; position: absolute; left: 0; top: 0; width: 35.41vw; border-radius: 1.2em; overflow: hidden; background:#000; }
.m2csc7Item2 { border-right: 0.98vw solid #000; border-left: 0.98vw solid #000; border-top: 0.98vw solid #000; border-bottom: 1.77vw solid #000; position: absolute; right: 0; top: 10.78vw; width: 21.35vw; border-radius: 0.8em; background:#000 }
.m2csc1Item0 { width: 51.04vw; border: 1.04vw solid #000; border-radius: 1.0em; position: absolute; left: 15.78vw; top: 5.93vw; z-index: 5; background:#000; }
.m2csc1Item1 { position: absolute; left: 0; top: 20vw; width: 11.19vw; background: #000; border-radius: 2.2em; padding: 0.78vw; z-index: 8; }
.m2csc1Item1 img { border-radius: 1.2em; }
.m2csc1Item2 { width: 33.85vw; border: 1.04vw solid #000; border-radius: 1.0em; position: absolute; left: 10vw; bottom: 0; z-index: 8; background:#000 }
.m2csc1Item3 { width: 21.25vw; border: 1.04vw solid #000; border-radius: 1.0em; position: absolute; right: 0; top: 20vw; border-bottom: 1.16vw solid #000; z-index: 8; background:#000; }
body { transition: all 0.5s ease-in-out; }
.m2csCon2 * { transition: all 0.5s ease-in-out; }
.bodyBg_color1 .m2csCon2 * { color: #fff; }
.m2csText * { transition: all 0.5s ease-in-out; }
.bodyBg_color1 .m2csText * { color: #fff; }
.m2csText { text-align: center; font-size: 18px; line-height: 34px; padding: 16.5vh 0 0; width: 70.8vw; margin: 0 auto; transition: all 0.5s ease-in-out; opacity: 0; }
.m2csText.on { opacity: 1; }
.m2csText strong { font-size: 30px; margin-bottom: 30px; display: block; }
.m2csText strong br { display: none; }
.m2csText2 strong br { display: none; }
.m2csText2 { text-align: left; font-size: 18px; line-height: 34px; padding: 0 0 8.5vh; width: 70.8vw; margin: 0 auto; position: relative; z-index: 5; }
.m2csText2 strong { font-size: 30px; margin-bottom: 30px; display: block; text-align: center }
.m2csTxtCon { max-width: 1230px; margin: 0 auto; text-align: left; }
.m2csc9_img { display: none; }
.m2csTxtCon strong { text-align: center }
.bodyBg_color1 .m2csText2a {color:#fff;}
.m2csText2a {padding-top:16vh; padding-bottom:0}
.m2csCon2 .link{font-size:0;}
.m2csCon2 .link .box {display: inline-block;vertical-align: top;width: 36px;height: 36px;position: relative; overflow:visible}
.m2csCon2 .link .box:nth-child(1){margin-right:20px;}
.m2csCon2 .link .box a.icon {display: block;height: 36px;background-position: center;background-repeat: no-repeat; opacity:0.4; transition:all 0.5s ease-in-out;}
.m2csCon2 .link .box a.icon:hover{opacity:1;}
.m2csCon2 .link .box:nth-child(1) a.icon{background-image: url(../images/share.png);}
.m2csCon2 .link .box:nth-child(2) a.icon{background-image: url(../images/icon1.png);}
.m2csCon2 .link .share{white-space:nowrap;}
.m2csCon2 .link .share_box {position: absolute;padding-top: 10px;top: 100%;left: 50%;transform: translateX(-50%); opacity:0; visibility:hidden; transition:all 0.5s ease-in-out;}
.m2csCon2 .link .share_box a {display: inline-block;vertical-align: top;width: 54px;height: 54px;background-position: center;background-repeat: no-repeat;padding: 0;float: none;margin: 0 5px;border-radius: 50%;background-color: #ebebeb;transition: all 0.3s ease;}
.m2csCon2 .link .share_box a:nth-child(1){background-image: url(../images/share-1.png);}
.m2csCon2 .link .share_box a:nth-child(2){background-image: url(../images/share-2.png);}
.m2csCon2 .link .share_box a:nth-child(3){background-image: url(../images/share-3.png);}
.m2csCon2 .link .share_box a:nth-child(1):hover{background-color:#32B16C;}
.m2csCon2 .link .share_box a:nth-child(2):hover{background-color:#F55451;}
.m2csCon2 .link .share_box a:nth-child(3):hover{background-color:#34A8D5;}
.share_btn:hover .share_box{ opacity:1; visibility:visible; transition:all 0.5s ease-in-out;}
@media (max-width:1799px){
.m2csc2Year { font: 32px/36px 'DINPro-Regular';}
.m2csc2_nm { font: 28px/38px 'PingFang-Bold'; }
.m2csc2_des { font: 18px/32px 'PingFang-Bold';}
.m2csc2Endes{font-size:16px; line-height:28px;}
.m2csc2Chdes{font-size:18px; line-height:32px;}
.m2csText2a{padding-top:15vh;}
.m2csCon3{padding-top:11vh;}
.m2csText2 strong{font-size:28px;}
.m2csText2{line-height:32px;}
.m2csText{padding-top:15.5vh;}
.m2csCon4{padding-bottom:16.5vh;}
.m2csCon5{height:60vh;}
.m2csCon7{padding:22vh 0;}
.m2csCon8{padding:16.5vh 0;}
.m2csText2{padding-bottom:7vh;}
.m2csText2a{padding-bottom:0}
.m2csCon10{padding-top:14.2vh;}
}
@media (max-width:1379px) {
.m2csText strong, .m2csText2 strong { font-size: 24px; margin-bottom: 20px; }
.m2csText, .m2csText2 { font-size: 16px; line-height: 30px; }
.m2csc2_nm { font-size: 30px; line-height: 40px; }
.m2csc2_des { font-size: 16px; line-height: 30px; }
.m2csc2Year { font-size: 30px; }
.m2csc2Endes { font-size: 16px; line-height: 26px; margin-bottom:24px; }
.m2csc2Chdes { margin-top: 0px; font-size: 16px; line-height: 30px; }
}
@media (max-width:993px) {
.nextIcon { display: none; }
.m2csTop, .m2csTop .bgImg { height: 500px; }
.m2csc2Lbg, .m2csc2Rbg { display: none!important; }
.m2csCon1 { padding: 100px 0; }
.m2csc1Box { width: auto; margin: 0 60px; }
.m2csCon2 { padding: 70px 0px; width: auto; margin: 0 40px; }
.m2csc2L { float: none; width: 100%; margin-bottom: 50px; }
.m2csc2R { width: 100%; float: none; }
.m2csc2_nm { font-size: 20px; line-height: 30px; }
.m2csc2Year { font-size: 26px; right: 0px; }
.m2csc2Endes { font-size: 14px; line-height: 26px; }
.m2csc2Chdes { margin-top: 20px; font-size: 14px; line-height: 28px; }
.m2csC3Pad { width: auto; margin: 0 40px; }
.m2csText { padding-top: 60px; width: auto; margin: 0 40px; }
.m2csText strong, .m2csText2 strong { font-size: 20px; margin-bottom: 12px; }
.m2csText, .m2csText2 { font-size: 14px; line-height: 28px; }
.m2csCon4 { padding: 90px 0; }
.m2csC4box { height: 400px; }
.m2csC4box li { top: -30px; }
.m2csC4box.active li:nth-child(1), .m2csC4box.active li:nth-child(2), .m2csC4box.active li:nth-child(3), .m2csC4box.active li:nth-child(4), .m2csC4box.active li:nth-child(5) { height: 460px; }
.bodyBg_color2 .m2csC4box li { height: 460px!important; }
.m2csCon5 { height: 380px; }
.m2csCon6 { height: 100px; }
.m2cs6item { line-height: 100px; }
.m2csCon5.active .m2csc5_item1, .m2csCon5.active .m2csc5_item2, .m2csCon5.active .m2csc5_item3 { padding-left: 15px; }
.m2csc5_clr { font-size: 12px; font-weight: normal }
.m2csc5_s1 { width: 30px; height: 30px; }
.m2csc5_clr2 { left: 15px; height: 30px; line-height: 30px; }
.m2csc7Box { width: auto; margin: 0 80px; }
.m2csCon7 { padding: 120px 0px; }
.m2csc7Item1 { width: 42vw; margin-top: -4vw; }
.m2csc7Item2 { width: 25vw; margin-top: -2vw; }
.m2csc5_clr2, .m2cs6item { font-size: 14px; font-weight: normal; }
.m2csCon8 { padding: 70px 0px; }
.m2csText, .m2csText2 { width: auto; margin: 0 40px; }
.m2csC8Pad, .m2csC9Pad { width: auto; margin: 0 40px; }
.m2csc9Phone { margin: 30px auto 0; }
.m2csText2 { padding-bottom: 50px; }
.m2csCon9 { background-size: 160% auto; padding-bottom: 200px }
.m2csCon10 { padding: 70px 0; }
.m2csC3Pad video, .m2csC8Pad video { display: none; }
.m2csC3Pad img, .m2csC8Pad img { display: block; width: 100%; height: auto }
.m2csc9_img { display: block; width: 100%; height: auto; }
.m2csc9Phone video, .m2csc9Phone img.m2csc9_img { left: 1.36vw; }
.m2csCon2 .link{display:none;}
.m2csContent {padding-top:0;}
}
@media (max-width:767px) {
.m2csTop, .m2csTop .bgImg { height: 210px; }
.m2csc1Box { margin: 0 20px }
.m2csCon1 { padding: 50px 0 70px; }
.m2csc1Item1, .m2csc1Item0, .m2csc1Item2, .m2csc1Item3 { border-radius: 0.3em; }
.m2csc1Item1 img { border-radius: 0.1em; }
.m2csCon2 { margin: 0 18px; padding: 80px 0 40px }
.m2csc2_des { font-size: 15px; }
.m2csc2_link a { font-size: 14px; }
.m2csc2L { margin-bottom: 25px }
.m2csC3Pad, .m2csText, .m2csText2 { margin: 0 18px; }
.m2csText { padding-top: 40px; }
.m2csText strong, .m2csText2 strong { line-height: 30px; font-size: 18px; font-weight:normal; text-align:left }
.m2csTxtCon { font-size: 14px; line-height: 28px; }
.m2csCon4 { padding: 50px 0 70px; }
.m2csC4box { height: 200px; }
.m2csC4box li { top: -20px; }
.m2csC4box.active li:nth-child(1), .m2csC4box.active li:nth-child(2), .m2csC4box.active li:nth-child(3), .m2csC4box.active li:nth-child(4), .m2csC4box.active li:nth-child(5) { height: 240px; }
.bodyBg_color2 .m2csC4box li { height: 240px!important; }
.m2csCon5 { height: 280px; }
.m2csCon6 { height: 60px; }
.m2cs6item { line-height: 60px; }
.m2csC4box li span { font-size: 10px; }
.m2csC4box li:nth-child(1) { left: 0; width: 10.4%; }
.m2csC4box li:nth-child(2) { left: 10.4%; width: 32%; }
.m2csc7Box { margin: 0 38px; }
.m2csCon7 { padding: 80px 0; }
.m2csCon8 { padding: 58px 0px 40px; }
.m2csText2 { padding-bottom: 30px; }
.m2csC8Pad, .m2csC9Pad { margin: 0 18px; }
.m2csPhones { width: auto; margin: 0 18px; }
.m2csBom_item1 { width: 46vw; }
.m2csBom_item5 { bottom: auto; top: 69vw; }
.m2csc9Phone { width: 40vw; }
.m2csCon9 { padding-bottom: 120px; }
.m2csc9Phone video, .m2csc9Phone img.m2csc9_img { width: 35.26vw; left: 2.4vw; }
.m2csc5_item2, .m2cs6item2 { left: 33.33%; }
.m2csc5_item3, .m2cs6item3 { left: 66.66%; }
.m2csCon5.active .m2csc5_item1, .m2csCon6.active .m2cs6item1 { width: 33.33%; }
.m2csCon5.active .m2csc5_item2, .m2csCon6.active .m2cs6item2 { width: 33.33%; }
.m2csCon5.active .m2csc5_item3, .m2csCon6.active .m2cs6item3 { width: 33.33%; }
.m2csCon5.active .m2csc5_item1, .m2csCon5.active .m2csc5_item2, .m2csCon5.active .m2csc5_item3 { padding-left: 8px; }
.m2csCon5 i, .m2csCon6 i { left: 33.33%; }
.m2csCon5 i:nth-child(2), .m2csCon6 i:nth-child(2) { left: 66.66%; }
.m2csText strong br, .m2csText2 strong br { display: block; }
.m2csTxtCon { text-align: left; }
.m2csText2 strong { text-align: left; }
.m2csText2 strong span { display: none; }
.m2csc1Item0{width:55vw;}
.m2csc1Item2{width:35.5vw; bottom:3vw}
.m2csText2a {padding-top:50px; padding-bottom:0}
.m2csCon3{padding-top:30px;}
.m2csCon10{padding:60px 0;}
.ring{display:none;}
.m2csBom_item1{left:50%; transform:translateX(-50%); width:84.6vw;}
.m2csBom_item2{ top:126.8vw; width:42vw; right:47.71vw;}
.m2csBom_item3{ top:126.8vw; width:42vw; right:0.05vw;}
.m2csBom_item4{ width:42vw; right:0.05vw; top:217.08vw }
.m2csCon10{padding-bottom:200vw;}
.bodyBg_color1{background:#fff;}
.bodyBg_color1 .m2csText2a{color:#333;}
.m2csTextCon{ margin:60px 0 0;  padding:60px 18px; background: #0B3775!important; opacity:1!important}
.m2csTextCon *{color:#fff!important;}
.m2csCon4{ background: #0B3775!important; padding-top:0}
.m2csC4box { border: 1px solid #fff; }
.m2csC4box:before { border: 1px solid #fff; }
.m2csC4box li { border-left: 1px solid rgba(255,255,255,0.2); }
.m2csC4box li span { color: #fff; }
.m2csC4box li { height: 70vh!important; transition: none!important; }
.m2csC4box li span { transition: none!important; }
.m2csC4box li{height:58vw!important;}
.m2csImgBg{animation:none;}
.m2csc9Phone{display:none;}
}
@media (max-width:375px) {
.m2csC4box li{height:65vw!important;}
}
@media (max-width:360px) {
.m2csC4box li{height:67.5vw!important;} 
}
@media(min-width:993px) {
.m2csCon3, .m2csCon8 { text-align: center; }
.m2csC3Pad, .m2csC8Pad { text-align: center; display: inline-block; width: auto; height: auto; background: #000 }
.m2csC3Pad video, .m2csC8Pad video { display: block; max-width: 70.8vw; max-height: 70.8vw; width: auto; height: auto; }
}
@media (max-width:1799px) and (min-width:993px) {
.m2csc9Phone { width: 16.2vw; }
.m2csc9Phone video, .m2csc9Phone img.m2csc9_img { width: 14.10vw; left: 1.05vw; }
}
.m2csC3Pad { position: relative; }
.m2csShowLayer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0), black); background: -o-linear-gradient(180deg, rgba(0, 0, 0, 0), black); background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0), black); background: linear-gradient(180deg, rgba(0, 0, 0, 0), black); opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.m2csShowLayer a { position: absolute; bottom: 2.5vw; left: 50%; font-size: 24px; color: #fff; font-family: 'PingFang-Medium'; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.m2csShowLayer a:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #fff; transform-origin: left center; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: transform 0.3s ease; -moz-transition: transform 0.3s ease; -ms-transition: transform 0.3s ease; transition: transform 0.3s ease; }
.m2csShowLayer.active a { opacity: 1; bottom: 4.5vw; }
.m2csShowLayer.active { opacity: 1; visibility: visible; }
.m2csShowLayer a:hover:after { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); }
@media(min-width:993px) {
.m2csShowLayer a{font-size:20px;}	
}
@media (max-width:767px) {
.m2csShowLayer a{font-size:12px;}
.m2csc2Endes { display: none; }
}

.bodyBg_color1 { background: #408fbc; }
.m2csCon5 i,.m2csCon5 i:nth-child(2),.m2csCon6:before,.m2csCon6 i,.m2csCon6 i:nth-child(2) { background: #E60011;}
@media (max-width:993px){
.bodyBg_color1 { background: #fff; }
}