body *{ letter-spacing:0!important;}
.headerWpr{ height:100px; position:fixed; z-index:10; top:0; left:0; width:100%; transition:all 0.5s ease-in-out;}
.header{}
.headerWpr.out{ opacity:0; transform:translateY(-110px); visibility:hidden;}
.headerWpr.down{ background:#fff; border-bottom:1px solid #DCDCDC;}
.logo{ float:left; margin-top:14px; position:relative;}
.logo img{ transition:all 0.5s ease-in-out;}
.logo img.iOpacity{ position:absolute; left:0; top:0;}
.headRx{ float:right;}
.nav{ float:left;}
.nav li{ padding: 0px 8px; float:left; position:relative; }
.nav_a{ font-size: 16px; letter-spacing: 1px; line-height: 100px; display: inline-block; padding: 0px 8px; position: relative; color: #fff; font-weight: bold; }
.nav_a:hover,.nav_a.on{color:#fff;}
.subMenu{ position: absolute; left:50%; width: 200px; top: 90px; text-align:left; background: #fff; opacity: 0; visibility: hidden; padding-bottom:15px; margin-left:-100px; transition:all 0.5s ease; transform:scaleY(0); transform-origin:center top; border-radius:0.3em; padding-top:15px; }
.subMenu:before{content:""; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #fff; position:absolute; left:50%; margin-left:-4px; top:-8px;}
.nav li:hover .subMenu,.nav li:hover .proMenuWpr{ opacity:1; visibility:visible; transform:scale(1);}
.subMenu_a{ display: block; line-height: 20px; padding: 16px 60px 16px 30px; font-size: 15px; letter-spacing: 1px; position:relative; transition:all 0.3s ease-in-out; z-index:1; }
.subMenu_a:before{content:"";background:#0087c4; position:absolute; left:0; top:0; width:0; bottom:-1px; transition:all 0.3s ease-in-out;}
.subMenu_a:hover:before{ width:100%;}
.subMenu p{ position:relative;}
.subMenu p:before{content:""; height:1px; background:#E6E6E6; position:absolute; left:25px; right:25px; top:0px}
.subMenu p:nth-child(1):before{display:none;}
.subMenu_a:hover{color:#fff;}
.subMenu_a span{display:block; position:relative;}
.subMenu_a i{ background: url(../images/menu_ar.png) no-repeat center center; height: 16px; width: 25px; position: absolute; top: 50%; margin-top: -8px; right: 26px; transition:all 0.8s ease-in-out; transform:translateX(-45px); opacity:0; background-size:18px auto;}
.subMenu_a:hover i{ transform:translateX(0); opacity:1;}
.pc_serBtn{ background: url(../images/top_ser.png) no-repeat right center; float: left; height: 18px; margin-top: 43px; border-left: 1px solid rgba(255,255,255,0.3); width: 46px; margin-left:20px; transition:all 0.5s ease-in-out; }
.headerWpr .container{max-width:1300px;}
.headerWpr.down .container{width:100%; padding:0 50px; max-width:none}
.headerWpr.down .logo img{opacity:0;}
.headerWpr.down .logo img.iOpacity{opacity:1;}
.headerWpr.down .nav_a{color:#333; font-weight:normal}
.headerWpr.down .nav_a.on,.headerWpr.down .nav_a:hover,.headerWpr.down li:hover .nav_a{color:#0087c4;}
.headerWpr.down .pc_serBtn{ background: url(../images/top_ser2.png) no-repeat right center; border-style: none; margin-left:0}
.headerWpr.down .pc_serBtn:hover{ background: url(../images/top_ser2a.png) no-repeat right center; }
.headerWpr.down .subMenu{ border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; border-radius:0; top:99px; }
.headerWpr.down .nav_a:after{content:""; height:3px; background:#0087c4; transition:all 0.5s ease-in-out; left:50%; width:0%; position:absolute; bottom:0; z-index:2;}
.headerWpr.down .nav_a.on:after,.headerWpr.down .nav_a:hover:after,.headerWpr.down li:hover .nav_a:after{width:100%; left:0;}
@media (max-width:1799px){
.logo{margin-top:11px;}
.logo img{height:56px; width:auto;}
.headerWpr{height:80px;}
.nav_a{ font-size: 15px; line-height: 80px; }
.pc_serBtn{margin-top:33px;}
.subMenu{top:80px;}
.headerWpr.down .subMenu{top:79px;}
.subMenu_a{font-size:12px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.headerWpr.down .container{padding:0 25px;}
.nav_a{font-size:12px;}
.nav li{ padding: 0px 4px; }
}
@media (max-width:993px){
}
@media (max-width:767px){

}


.hmFocusWpr{position:relative;}
.hmFocus{ height:100vh; background:#086ee8;}
.hmFocus_item { height: 100vh; position: relative; overflow: hidden; }
.hmFs_bg { height: 100%; width: 100%; background-repeat:no-repeat; background-size:cover; background-position:center center;-webkit-transform:scale(1.12); transform:scale(1.12); }
.hmFocus_item video{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.hmFs_trsBg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/banLine.png) repeat-x left top; background-size:auto 100%; }
.hmFs_trsBg:after{content:"";position:absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/hmfs_2.png) repeat-x left bottom; }
.active .hmFs_bg{ visibility: visible; -webkit-animation: scaleBg 6s linear forwards; animation: scaleBg 6s linear forwards;}
.hmFocus .slick-prev{ background: url(../images/fsBtn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; left: 60px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 1px solid rgba(255,255,255,0.5); border-radius: 50%; z-index: 3; margin-top: -30px; transform:rotate(180deg); transition:all 0.5s ease-in-out; opacity:0.3; }
.hmFocus .slick-next{ background: url(../images/fsBtn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; right: 60px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 1px solid rgba(255,255,255,0.5); border-radius: 50%; z-index: 3; margin-top: -30px; transition:all 0.5s ease-in-out; opacity:0.3; }
.hmFocus .slick-prev:hover,.hmFocus .slick-next:hover{background-image:url(../images/fsBtn.png); opacity:1}
.hmFocus_doc{ width: 100%; position: absolute; left: 0px; bottom: 30px; z-index: 5; }
.hmFocus_doc ul{ text-align:center}
.hmFocus_doc ul li{ cursor:pointer; margin:0 5px; width:80px; display:inline-block;}
.hmFs_docx{ line-height: 50px; height: 51px; border-top: 2px solid rgba(255,255,255,0.3); transition: all 0.5s ease-in-out; font-size: 14px; color: #FFF; opacity:1; position:relative; }
.hmFs_docx.on{opacity:1;}
.hmFs_docx i{width:0; height:2px; background:#fff; position:absolute; left:0; top:-2px; transition:all 0.5s ease-in-out;}
.hmFs_docx.on i{width:100%; transition:all 5.5s linear;}
.hmFocus_doc ul li:first-child .hmFs_docx.on i{transition:all 14s linear;}
.hmBan_txt{ position:absolute; left:0; top:50%; transform:translateY(-50%); color:#fff; width:100%; text-align:center; text-shadow:0 2px 8px rgba(0,0,0,0.5);}
.hmBan_txt strong{ font-size: 60px; font-weight: bold; letter-spacing: 2px; display: block; line-height: 76px; display:block; transition:all 0.8s ease; transform:translateY(50px); opacity:0; }
.hmBan_txt p{ font-size: 26px; line-height: 42px; margin-top: 20px; transition:all 0.8s ease; transform:translateY(50px); opacity:0; }
.active .hmBan_txt strong{ opacity:1; transform:translateY(0);}
.active .hmBan_txt p{ opacity:1; transform:translateY(0); transition-delay:0.2s}
@media (max-width:1799px){
.hmBan_txt strong{font-size:48px; line-height:60px;}
.hmBan_txt p{font-size:22px; line-height:34px;}
.hmFocus_doc{bottom:10px;}
}
@media (max-width:1379px){
.hmBan_txt strong{font-size:40px; line-height:46px;}
.hmBan_txt p{font-size:20px; line-height:32px;}
.hmFocus_doc{bottom:0px;}
}
@media (max-width:1199px){

}
@media (max-width:993px){
.hmFocus{ height:500px;}
.hmFocus_item { height: 500px;}
.hmBan_txt strong{font-size:30px; line-height:36px;}
.hmBan_txt p{font-size:16px; line-height:26px; margin-top:12px;}
.hmFocus_doc ul li{width:40px;}
}
@media (max-width:767px){
.hmFocus{ height:400px;}
.hmFocus_item { height: 400px;}
.hmBan_txt strong{font-size:22px; line-height:32px;}
.hmBan_txt p{font-size:14px; line-height:22px;}
}


.hmCon2Wpr{ padding: 5.2vw 0px; background: #fcfcfc; }
.hmCon2{ position: relative; padding-right: 725px; }
.hmpt{ font-size:32px; letter-spacing: 2px; line-height: 40px; font-weight: bold; }
.hmc2img{ height: 400px; width: 610px; position: absolute; top: 50px; right:0}
.hmc2img:before{ content: ""; background: #0087c4; height: 332px; width: 20px; position: absolute; top: 50%; margin-top: -166px; right:0px; border-radius:0 0.8em 0.8em 0; }
.hmc2img .bgImg{ left:-20px; top:0; bottom:0; right: 20px; position:absolute; border-radius:0.8em; overflow:hidden;}
.hmc2txt{ font-size: 16px; line-height: 24px; color: #666666; position:relative; margin-top:3.95vw;}
.hmc2txt:after{ content:""; background: #0087c4; height: 4px; width: 60px; position: absolute; left: 0px; top: -2.29vw; }
.hmc2btn{ margin-top:2.6vw;}
.pubMoreBtn{ font-size: 14px; line-height: 50px; color: #FFF; background: #0087c4; height: 50px; width: 180px; text-align: center; border-radius:0.3em; display:inline-block; letter-spacing:1px;}
.pubMoreBtn:hover{ box-shadow:0 5px 20px rgba(0,135,196,0.3); transform:translateY(-5px); color:#fff;}
.hmc2Bom{ margin-top:32px; clear:both;display:flex; justify-content:space-between; padding-right:180px;}
.hmc2Bom li{ cursor:default}
.hmc2Bom li strong{ line-height: 76px; display: block; height: 76px; font-weight: normal; font-size: 18px;}
.hmc2Bom li strong span{ font: bold 60px din_b; margin-right:5px; display:inline-block; transition:all 0.5s ease-in-out;  }
.hmc2Bom li:hover strong span{ color:#0087c4}
.hmc2Bom li p{ line-height: 36px; height: 36px; font-size: 16px; color: #666666; padding-left:18px; margin-top:12px; }
.hmc2Bom li:nth-child(3) p{padding-left:72px;}
@media (max-width:1799px){
.hmpt{font-size:28px; line-height:42px;}
.hmc2txt{font-size:15px; margin-top:30px;}
.hmc2img{width:460px; height:360px; top:68px;}
.hmc2img::before{height:300px; margin-top:-150px}
.hmc2img .bgImg{right:15px;}
.hmc2txt:after{height:3px; top:-22px; }
.hmCon2{padding-right:525px;}
.hmc2btn{margin-top:2.2vw;}
.hmc2Bom li strong{line-height:66px;}
.hmc2Bom li strong span{font-size:66px;}
.hmc2Bom li p{padding-left:12px; margin-top:5px;}
.hmc2Bom li:nth-child(3) p{padding-left:53px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.hmpt{font-size:20px; line-height:40px;}
}
@media (max-width:993px){
.hmCon2{padding-right:0;}
.hmc2img{position:relative; right:auto; top:auto; margin:35px auto;}
.hmCon2 .hmpt{text-align:center;}
.hmc2txt:after{display:none;}
.hmc2btn{text-align:center; margin-top:35px;}
.hmc2Bom{padding-right:0;}
.hmpt{font-size:28px; line-height:40px;}
.hmc2Bom li strong span{font-size:50px;}
.hmc2Bom li p{margin-top:-15px;}
}
@media (max-width:767px){
.hmpt{font-size:18px; line-height:28px; font-weight:normal}
.hmCon2Wpr{padding:40px 0 50px;}
.hmc2img{margin-top:25px; height:285px; margin-bottom:20px;width:auto; left:8px; right:15px;}
.hmc2img .bgImg{left:-10px;}
.hmc2img:before{height:240px; margin-top:-120px;}
.hmc2txt{margin-top:25px; line-height:26px; font-size:14px;}
.pubMoreBtn{width:150px;}
.hmc2Bom li strong{font-size:14px; height:56px; overflow:hidden;}
.hmc2Bom li strong span{font-size:28px;}
.hmc2Bom li p{padding-left:0!important;}
}


.hmc3c4Wpr{background:#f5f5f5;}
.hmCon3Wpr{}
.hmc3Top{ background: url(../images/hmc2bg.jpg) no-repeat center center; padding: 6.25vw 0px 285px; color:#fff; text-align:center }
.hmpt_des{ font-size: 16px; line-height: 26px; letter-spacing:1px; margin-top:25px;}
.hmc3Bom{ position:relative; z-index:1; margin-top:-200px;}
.hmc3ul{ margin:0 -22px;}
.hmc3ul li{ width:33.33%; padding:0 22px; float:left;}
.hmc3item{ height: 400px; background-color: #fff; padding: 65px 15px 0px; border-radius:0.6em; overflow:hidden; box-shadow:0 3px 20px rgba(0,0,0,0.1); transition:all 0.5s ease-in-out; text-align:center; position:relative; }
.hmc3ul li:hover .hmc3item{transform:translateY(-10px); box-shadow:0 5px 30px rgba(0,0,0,0.3);}
.hmc3ico{ display:inline-block;}
.hmc3item dl{ margin-top: 55px; line-height:26px; }
.hmc3item dl dt{ font-size: 20px; font-weight: 100; display: block; }
.hmc3item dl dd{ font-size: 20px; font-weight: bold; }
.hmc3bm{ line-height: 70px; color: #FFF; background: #0087c4; height: 70px; width: 100%; position: absolute; left: 0px; right: 0px; bottom: 0px; font-size: 16px; letter-spacing: 1px; }
.hmc3bm span{ width:50%; float:left; text-align:center;}
.hmc3bm span:nth-child(1){border-right:1px solid rgba(255,255,255,0.2);}
.hmc3a1,.hmc3a1:hover{ color: #FFF;}
.hmc3a2,.hmc3a2:hover{ color: #FFF; background: url(../images/hmc2Di.png) no-repeat right center; display: inline-block; padding-right: 32px; }
@media (max-width:1799px){
.hmpt_des{ margin-top:15px;}
.hmc3Top{padding-bottom:205px;}
.hmc3Bom{margin-top:-150px;}
.hmc3ico{transform:scale(0.88);}
.hmc3item{padding-top:45px; height:340px;}
.hmc3item dl{margin-top:30px;}
.hmc3item dl dt{font-size:18px;}
.hmc3item dl dd{font-size:16px;}
.hmc3bm{line-height:62px; height:62px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.hmc3item dl dt{font-size:15px;}
.hmc3item dl dd{font-size:16px;}
}
@media (max-width:993px){
.hmc3ul{margin-left:-5px; margin-right:-5px;}
.hmc3ul li{padding:0 5px;}
.hmc3item{padding-top:35px;}
.hmc3item dl{margin-top:10px;}
.hmc3item dl dt{line-height:18px; font-size:12px;}
.hmc3ico{height:90px;}
.hmc3item dl dd{font-size:13px; line-height:20px;}
.hmc3item{height:290px; padding-top:26px;}
.hmc3bm{font-size:14px;}
}
@media (max-width:767px){
.hmc3Top{padding-top:40px; background-size:cover;}
.hmpt_des{font-size:14px; line-height:26px; margin-top:12px;}
.hmc3Bom{margin-top:-170px;}
.hmc3ul li{width:100%; margin-bottom:20px;}
.hmc3ul li:hover .hmc3item {transform: translateY(0px);}
}


.hmCon4Wpr{ padding: 5.72vw 0 0; } 
.hmc4Top{ margin-bottom:40px;}
.hmc4Top .hmpt_des{/*max-width:550px;*/}
.hmCon4{ position:relative}
.hmc4lx{ padding-top: 110px; float: left; max-width:600px; }
.hmc4lx li{ margin-bottom:45px; position:relative; padding-left:120px; min-height:108px;}
.hmc4lx li img{ position: absolute; left: 0px; top: 14px; }
.hmc4lx li strong{ display: block; font: normal 32px/80px din_b; }
.hmc4lx li strong span{ font-size: 78px; font-weight: bold; display: inline-block; margin-right: 14px; }
.hmc4lx li p{ font-size: 16px; line-height: 28px; color: #808080; letter-spacing:1px;}
.hmc4rx{float: right;}
.hmc4rx .container{ width: 100%;}
@media (max-width:1799px){
.hmc4lx li img{width:70px; height:70px;}
.hmc4lx li{padding-left:105px;}
.hmc4lx li strong span{font-size:66px;}
.hmc4lx li strong{line-height:70px;}
.hmc4rx{transform: translateX(10vw)}
.hmc4lx{max-width:340px;}
.hmc4lx li p{font-size:14px; line-height:24px;}
}
@media (max-width:1199px){
.hmc4lx li strong{font-size:20px;}
.hmc4lx li strong span{font-size:50px;}
.hmc4rx{position:absolute; right:-100px; top:-100px; transform:scale(0.8)}
.hmc4lx{padding-top:60px; padding-bottom:60px;}
}
@media (max-width:993px){
.hmc4Top{text-align:center;}
.hmc4Top .hmpt_des{max-width:none;}
.hmc4lx{width:100%; padding-top:0; overflow:hidden;display:flex; justify-content:space-between; max-width:none; margin-top:25px;}
.hmc4lx li img{width:60px; height:60px;}
.hmc4lx li{ float:left; padding-left:72px; text-align:left; margin-bottom:0;}
.hmc4lx li strong span{font-size:32px;}
.hmc4lx li strong{line-height:60px;}
.hmc4lx li p{font-size:14px; margin-top:-15px;}
.hmc4rx{ display:none;}
}
@media (max-width:767px){
.hmc4lx{display:block;}
.hmc4lx li{width:100%; height:88px;}
.hmc4lx li p{font-size:12px; line-height:22px;}
}


.hmCon5Wpr{ padding: 5.2vw 0px; }
.hmc5top{ margin-bottom:3.43vw;}
.hmc5top .hmpt{float:left;}
.hmc5ma{ line-height: 60px; color: #FFF; height: 60px; width: 210px; padding-left: 50px; background: #0087c4 url(../images/hmc3ar.png) no-repeat 157px center; font-size: 17px; border-radius:0.3em; text-align:left; float:right;}
.hmc5ma:hover{ box-shadow:0 5px 20px rgba(0,135,196,0.3); transform:translateY(-5px); color:#fff;}
.hmc5ul{ margin: 0px -29px; }
.hmc5ul li{ padding: 0px 29px; float: left; width: 50%; }
.hmc5a1{ display: block; padding-top: 1.77vw; border-top: 2px solid #E6E6E6; margin-bottom: 2.86vw; position:relative; }
.hmc5a1:after{content:""; height:2px; background:#0087c4; width:0%; left:0; position:absolute; top:-2px;}
.hmc5a1:hover:after{width:100%; transition:all 0.5s ease;}
.hmc5a1 span{ display: block; color: #8b95a0; font: 100 20px/30px "微软雅黑"; }
.hmc5a1 strong{ font-size: 24px; color: #2d3845; line-height: 38px; font-weight: 100; height: 76px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 1.36vw; transition:all 0.5s ease-in-out; }
.hmc5a1 p{ font-size: 16px; line-height: 30px; color: #8b95a0; height: 60px; overflow: hidden; margin: 0.62vw 0px 2.7vw;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.hmc5a1 i{ font-style: normal; display: inline-block; font-size: 16px; letter-spacing: 1px; border-bottom: 1px solid #0087c4; line-height: 36px; transition:all 0.5s ease-in-out; }
.hmc5a1:hover strong{ color:#0087c4;}
.hmc5ul2{ margin: 0px -14px; }
.hmc5ul2 li{ padding: 0px 14px; float: left; width: 25%; }
.hmc5a2{ display:block;}
.hmc5a2 .overflowHide{ height:190px;}
.hmc5a2 span{ font: 100 16px/2.91vw "微软雅黑"; color: #8b95a0; margin-top:15px;}
.hmc5a2 p{ font-size: 20px; line-height: 30px; height:60px; overflow:hidden; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; color: #535b65; transition:all 0.5s ease-in-out;}
.hmc5a2:hover p{ color:#0087c4}
@media (max-width:1799px){
.hmc5ma{ line-height: 52px; height: 52px; width: 170px; padding-left: 35px; background: #0087c4 url(../images/hmc3ar.png) no-repeat 125px center; font-size: 15px; background-size:10px auto;}
.hmc5a1 span{font-size:18px; line-height:24px;}
.hmc5a1 strong{font-size:24px; line-height:36px; height:72px; margin-top:12px;}
.hmc5a1 p{margin-bottom:1.6vw;}
.hmc5a1 i{font-size:15px;}
.hmc5a2 .overflowHide{height:168px;}
.hmc5a2 p{font-size:16px; line-height:28px; height:56px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.hmc5a1 strong{font-size:18px; line-height:32px; height:64px;}
}
@media (max-width:993px){
.hmc5ul li{width:100%; margin-bottom:25px;}
.hmc5ul2 li{width:50%; margin-bottom:25px;}
.hmc5a2 .overflowHide{height:178px; margin-bottom:10px;}
}
@media (max-width:767px){
.hmCon5Wpr{padding:50px 0 30px;}
.hmc5top .hmpt{line-height:46px;}
.hmc5ma{width:140px; padding-left:25px; line-height:46px; height:46px; background-position:105px center;}
.hmc5a1{padding-top:20px;}
.hmc5a1 span{font-size:16px; line-height:22px;}
.hmc5a1 strong{margin-top:6px; font-size:18px; line-height:30px; max-height:60px; height:auto}
.hmc5a1 p{font-size:14px; line-height:26px; height:52px;}
.hmc5ul2{margin-left:-5px; margin-right:-5px;}
.hmc5ul2 li{padding:0 5px;}
.hmc5a2 .overflowHide{height:100px;}
.hmc5a2 span{font-size:14px;}
.hmc5a2 p{font-size:14px; line-height:24px; height:48px; margin-top:6px;}
.hmc5a1 i{font-size:14px;}
.hmc5ma{font-size:13px;}
}


.footer{ background: #282828;}
.footTop{ padding: 4.42vw 0px 3.25vw; }
.footLx{ float: left; padding-top: 6px; color: #FFF; letter-spacing: 1px; }
.footLx strong{ font-size: 20px; font-weight: 100; line-height: 38px; display: block; margin-bottom: 9px; }
.footLx p{ font-size: 16px; line-height: 28px; margin-bottom: 2.7vw; }
.footSer{ position:relative; width: 350px;}
.footSer input{ line-height: 50px; height: 50px; width:100%; background: #FFF; padding: 0px 70px 0px 30px; font-size: 16px; color: #666; border-radius:2em; }
.footSer button{ background: url(../images/ft_i1.png) no-repeat center center; height: 50px; width: 72px; position: absolute; top: 0px; right: 0px; cursor: pointer; }
.footMenu{ float:right;}
.footMenu dl:nth-child(1){margin-left:0!important;}
.footMenu dl{ float:left; margin-left:18px;}
.footMenu dl dt{ margin-bottom:12px;}
.foot_a1{ font-size: 17px; color: #FFF; line-height: 48px; }
.foot_a2{ font-size: 13px; color: #808080; line-height: 32px; }
.foot_a2:hover{color:#fff;}
.foot_info{ padding: 1.56vw 0px; display:flex; justify-content:space-between;}
.foot_info li{ color: #FFF; font-size: 16px; line-height: 38px; }
.foot_info li img,.foot_info li text{vertical-align:middle;}
.foot_info li img{ margin-right:18px; position:relative; top:-3px;}
.foot_info a,.foot_info a:hover{color:#fff;}
.webInfo{ color: #646464; background: #1f1f1f; font-size: 16px; line-height: 26px; padding: 1.82vw 0px; }
.webInfo a{ color: #646464;}
.webInfo a:hover{color:#888;}
@media (max-width:1799px){
.footLx strong{font-size:18px; line-height:30px;}
.footSer{width:280px;}
.foot_a1{font-size:14px; line-height:30px;}
.foot_a2{font-size:12px; line-height:20px; margin-top:10px; display:block;}
.footMenu dl{margin-left:58px;}
.footLx{padding-top:1px;}
.footTop{padding-bottom:2.55vw;}
.foot_info li{font-size:14px;}
.webInfo{font-size:14px;}
.footLx{ max-width:280px;}
.footLx p{font-size:13px;}
.footMenu dl{max-width:140px; margin-left:20px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.footMenu dl{margin-left:27px;}
.footMenu dl{max-width:90px;}
.foot_a1{line-height:22px;}
}
@media (max-width:993px){
.footMenu{display:none;}
.footLx{width:100%; float:none; text-align:center; max-width:none}
.footSer{margin:0 auto;}
.foot_info{display:block; overflow:hidden;}
.foot_info li{ width:50%; float:left;}
.foot_info li:nth-child(3){width:100%;}
}
@media (max-width:767px){
.footTop{padding-top:35px;}
.footLx strong{font-size:18px; line-height:32px;}
.footLx p{margin-bottom:28px;}
.foot_info li{width:100%!important; position:relative; padding-left:32px; font-size:14px; line-height:24px; margin-bottom:12px;}
.foot_info li img{ position:absolute; left:0; top:3px; width:22px; height:auto;}
.footSer input{font-size:15px;}
.webInfo .fl,.webInfo .fr{width:100%; text-align:center; font-size:12px; line-height:22px;}
.webInfo{padding:12px 0;}
}


.m2banner{ position:relative;}
.m2banner .bgImg{ height:38.54vw;}
.m2banner .bgImg:after{ content: ""; background: url(../images/m2ban_line.png) repeat-x left top; width: 100%; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.m2banTxt{position:absolute; left:0; top:50%; width:100%; text-align:center; transform:translateY(-50%);}
.m2banTxt strong{ font-size: 42px; display: block; color: #FFF; line-height: 56px; text-shadow:0 3px 15px rgba(0,0,0,0.8); letter-spacing:3px; }
.page{ text-align:center; margin-bottom:2.6vw;}
.page .pagination li { display: inline-block; }
.page .pagination li a { padding: 0px 15px; height: 36px; min-width: 36px; text-align: center; display: inline-block; margin: 0px 4px; vertical-align: middle; font: 14px/36px "微软雅黑"; color: #767676; background:#F5F5F5; }
.page .pagination li.active a, .page .pagination li a:hover { color: #FFF; background: #0087c4; }
@media (max-width:1799px){
.m2banTxt strong{font-size:36px;}
}
@media (max-width:1379px){
.m2banTxt strong{font-size:30px;}
}
@media (max-width:1199px){
.m2banTxt{padding-top:35px;}
}
@media (max-width:993px){
.m2banTxt strong{font-size:22px;}
.m2banner .bgImg{height:36vw;}
}
@media (max-width:767px){
.m2banTxt strong{font-size:18px; letter-spacing:1px; line-height:28px;}
.m2banner .bgImg{height:220px;}
}


.max1280{max-width:1300px;}
.m2nPage{ padding: 4.68vw 0px 3.12vw; }
.m2nTop{}
.m2nTop span{ font-size: 42px; font-weight: bold; line-height: 56px; margin-top: 2.08vw; letter-spacing:2px;}
.m2menu{ float:right; margin-top:22px;}
.m2menu_a{ font-size: 18px; line-height: 34px; color: #666666; padding: 0px 16px; margin-left: 25px; display: inline-block; }
.m2menu_a.on{ color: #FFF; background: #0087c4; }
.m2nul{ margin: 2.86vw -20px 0; }
.m2nul li{ padding: 0px 20px; float: left; width: 33.33%; margin-bottom: 2.86vw; }
.m2naBox{ display:block;}
.m2naBox .overflowHide{ height:260px;}
.m2naBox span{ color: #8b95a0; font: 100 16px/2.18vw "微软雅黑"; margin-top: 1.0vw; display:block }
.m2naBox p{ font-size: 18px; line-height: 30px; height: 60px; overflow: hidden; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
@media (max-width:1799px){
.m2nul{margin-left:-15px; margin-right:-15px;}
.m2nul li{padding:0 15px;}
.m2naBox .overflowHide{height:230px;}
.m2naBox p{ font-size:17px;}
.m2nTop span{font-size:38px;}
.m2menu_a{font-size:17px;}
}
@media (max-width:1379px){
.m2nTop span{font-size:32px;}
}
@media (max-width:1199px){

}
@media (max-width:993px){
.m2nTop span{font-size:28px;}
}
@media (max-width:767px){
.page{margin-bottom:25px;}
.m2nul{margin-left:-5px; margin-right:-5px;}
.m2nul li{padding:0 5px; margin-bottom:10px;}
.m2naBox .overflowHide{height:115px;}
.m2naBox span{font-size:12px;}
.m2naBox p{font-size:15px; line-height:26px; height:52px;}
.m2nTop span{font-size:24px; text-align:center; width:100%; display:block; font-weight:normal;}
.m2menu{margin-top:12px; width:100%; float:none; text-align:center}
.m2menu_a{font-size:15px; margin:0 5px; padding:0 10px;}
.m2nul{margin-top:25px;}
.m2nul li{margin-bottom:25px;}
.m2nPage{padding-bottom:40px;}
}


.m3nEmpty{height:100px;}
.m3posWpr{ height: 50px; background: #F7F7F7; box-shadow: inset 0 10px 20px rgba(0,0,0,0.01); padding: 0px 60px; font-size: 14px; line-height: 50px; color: #666; }
.m3pos{ background: url(../images/m2pos_i.png) no-repeat left center; padding-left: 28px; color: #666; font-size: 14px; float:left; }
.m3menu{ float:right}
.m3menu_a{ display: inline-block; padding: 0px 5px; margin-left: 40px; color: #666; position:relative; }
.m3menu_a.on,.m3menu_a:hover{ color:#0087c4}
.m3menu_a:after{ content: ""; background: #0087c4; height: 2px; width:0%; position: absolute; left: 50%; bottom: 0px; transition:all 0.5s ease-in-out;}
.m3menu_a.on:after,.m3menu_a:hover:after{ width:100%; left:0;}
@media (max-width:1799px){
.m3nEmpty{height:80px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){

}
@media (max-width:993px){
.m3nEmpty{height:56px;}
.m3posWpr{padding:0 25px;}
.m3nShare{display:none!important;}
}
@media (max-width:767px){
.m3posWpr .m3pos{display:none;}
.m3menu{width:100%; float:none; text-align:center;}
.m3posWpr{padding:0 5px;}
.m3menu_a{margin:0 10px;}
}


.m3nBom{ margin-top:3.64vw; border-top:2px solid #E6E6E6;}
.m3nBm_t{ line-height:7.39vw; font-size:42px; letter-spacing:2px; padding-top:1.25vw;}
.m3nBom .m2nul li{ margin-bottom:0}
.m3nBom .m2nul{margin-top:0;}
@media (max-width:1799px){
.m3nBm_t{font-size:36px;}
}
@media (max-width:1379px){
.m3nBm_t{font-size:32px;}
}
@media (max-width:1199px){

}
@media (max-width:993px){
.m3nBom .m2nul{margin-top:15px;}
.m2nul li{width:50%;}
.m2nul li:nth-child(3){display:none;}
.m2naBox span{margin-top:20px;}
.m2naBox p{margin-top:5px;}
.m3nBm_t{font-size:28px;}
}
@media (max-width:767px){

}


.m3nWpr{ padding-top: 5.2vw; }
.m3nShare{ width: 42px; position: absolute; left: -90px; top: 150px; }
.m3nShare strong{ font-size: 14px; line-height: 32px; font-weight: normal; color: #808080; display:block; margin-bottom:15px; text-align:center}
.m3nShare_qq{ height: 46px; width: 46px; float: left; margin-bottom: 0px; border-radius: 50%; background: url(../images/m3nsi3.png) no-repeat center center; }
.m3nShare_qq:hover{ background: url(../images/m3nsi3a.png) no-repeat center center; }
.m3nShare_wechat{ height: 46px; width: 46px; float: left; margin-bottom: 20px; border-radius: 50%; background: url(../images/m3nsi1.png) no-repeat center center; }
.m3nShare_wechat:hover{ background: url(../images/m3nsi1a.png) no-repeat center center }
.m3nShare_sina{ height: 46px; width: 46px; float: left; margin-bottom: 20px; border-radius: 50%; background: url(../images/m3nsi2.png) no-repeat center center; }
.m3nShare_sina:hover{ background: url(../images/m3nsi2a.png) no-repeat center center; }
.m3nBkBtn{ background: url(../images/m3back.png) no-repeat center top; text-align: center; display: block; margin: 0px auto; height: 182px; width: 176px; font-size: 14px; line-height: 24px; padding-top: 75px; color: #FFF; }
.m3nBkBtn:hover{transform:translateY(-10px); color:#fff;}
.m3nBox{background:#fff; position:relative; padding-bottom:90px;}
.m3nEditor{ padding: 40px 0px 5.2vw; color: #808080; font: 18px/36px "微软雅黑"; }
.m3nEditor *{font-family:"Microsoft YaHei","PingFang SC","苹方"!important;}
.m3nPage{ padding: 25px 0px; border-top: 3px solid #e6e6e6; margin-top:50px; background:#fff; }
.m3nPage p{ font-size: 16px; line-height: 38px; height: 38px; }
.m3n_t{ font-size: 48px; line-height: 60px; font-weight: 100; display: block; letter-spacing:3px; }
.m3ninfo{ padding: 35px 0px 50px; border-bottom: 2px solid #E6E6E6; font-size: 18px; color: #808080; line-height: 30px; }
.m3ninfo .cor_red{ color: #0087c4; font-family: "微软雅黑"; font-weight: 100; }
.m3n_sline{ font-size: 14px; color: #ccc; transform:translateY(-4px); display:inline-block; margin:0 15px; }
@media (max-width:1799px){
.m3nShare{ left: -75px;}
.m3n_t{font-size:38px; line-height:52px;}
.m3ninfo{padding:25px 0px 30px;}
.m3ninfo{font-size:17px;}
.m3nEditor{font-size:16px; line-height:32px;}
}
@media (max-width:1379px){
.m3nShare{ left: -55px;}
}
@media (min-width:1199px){
.m3nShareFixed{position:fixed; top:130px;}	
}
@media (max-width:1199px){
.m3nShare{display:none;}
}
@media (max-width:993px){
.m3n_t{font-size:32px;}
}
@media (max-width:767px){
.m3nEditor{padding-left:15px; padding-right:15px; font-size:14px; line-height:28px;}
.m3nPage p{font-size:14px; line-height:28px; height:28px;}
.m3nPage{padding:18px 15px;}
.m3nShare{display:none!important;}
.m3n_t{font-size:21px; line-height:34px; letter-spacing:1px; text-align:center}
.m3nWpr{padding-top:30px;}
.m3ninfo{font-size:16px; padding-top:12px;}
.m3nEditor{padding-top:25px; padding-left:0; padding-right:0}
.m3nBkBtn{margin-top:35px;}
.m3nPage{margin-top:25px;}
.m3nBox{padding-bottom:65px;}
.m3n_sline{margin:0 3px; font-size:12px; position:relative; top:2px;}
.m3ninfo{font-size:12px; padding:10px 0 20px}
.m3nBm_t{padding-top:25px; font-size:22px;}
.m3nBox{padding-bottom:50px;}
.m3nBkBtn{transform:scale(0.8); margin-top:-5px;}
.m3nBom{margin-top:-5px;}
}


.m2lxCon1{ background: url(../images/m2lx_bg1.jpg) no-repeat center center; padding: 5.72vw 0px; background-size:cover;}
.m2pub_t{ font-size: 32px; line-height: 50px; letter-spacing: 2px; display: block; font-weight: bold; text-align:center }
.m2lxul{ margin: 3.12vw -20px 0px; }
.m2lxul li{ padding: 0px 20px; float: left; width: 25%; }
.m2lx_item{ padding: 44px 20px 0px; height: 290px; background: #FFF; transition:all 0.5s ease-in-out; box-shadow:0 0 20px rgba(0,0,0,0.06); text-align:center; cursor:default}
.m2lxul li:hover .m2lx_item{ box-shadow:0 0 20px rgba(0,135,196,0.3); transform:translateY(-10px); background:#0087c4; color:#fff;}
.m2lx_ico{ width:80px; height:80px; display:inline-block; position:relative;}
.m2lx_ico img{ transition:all 0.5s ease-in-out; position:absolute; left:0; top:0;}
.m2lx_ico img.iOpacity{}
.m2lxul li:hover .m2lx_ico img{opacity:0;}
.m2lxul li:hover .m2lx_ico img.iOpacity{opacity:1;}
.m2lx_item strong{ display: block; font-size: 17px; line-height: 24px; height:48px; margin: 15px 0px; font-weight: normal; }
.m2lx_item p{ font-size: 14px; line-height: 26px; color: #666666; transition:all 0.5s ease-in-out;}
.m2lxul li:hover .m2lx_item p{ color:#fff;}
.m2lxCon2{ padding: 5.72vw 0px; }
.m2lxfm{ margin: 3.12vw -15px 0px; }
.m2lxfm li{ padding: 0px 15px; float: left; width: 50%; margin-bottom:30px; }
.m2lx_intx{ position:relative;}
.m2lx_intx input{ line-height: 56px; background: #F7F7F7; height: 58px; width: 100%; border: 1px solid #F7F7F7; padding: 0px 55px 0px 25px; font-size: 14px; color: #444; }
.m2lx_intx input:focus{ border: 1px solid #0087c4; }
.m2lxfm li.m2lx_fli{ width:100%;}
.m2lx_intx span{ font-size: 14px; color: #888; display: inline-block; position: absolute; top: 20px; right: 25px; }
.m2lx_fli textarea{ padding: 15px 35px 15px 25px; font-size: 14px; line-height: 26px; color: #444; height: 200px; background: #F7F7F7; border: 1px solid #F7F7F7; width:100%; }
.m2lx_fli textarea:focus{ border: 1px solid #0087c4;}
.m2lxTip{ padding-top:15px;}
.m2lxTip span{ font-size: 14px; color: #666666; line-height: 40px; float:left;}
.m2lxTip button{ line-height: 40px; text-align: center; float: right; height: 40px; width: 160px; font-size: 14px; color: #FFF; background: #0087c4; letter-spacing: 2px; transition:all 0.5s ease-in-out; cursor:pointer}
.m2lxTip button:hover{ transform:translateY(-3px); box-shadow:0 8px 20px rgba(0,135,196,0.3);}
@media (max-width:1799px){
.m2pub_t{ font-size: 28px; line-height: 42px;}
.m2lxul{margin-left:-15px; margin-right:-15px;}
.m2lxul li{padding:0 15px;}
.m2lxfm{margin-left:-10px; margin-right:-10px;}
.m2lxfm li{padding:0 10px; margin-bottom:20px;}
}
@media (max-width:1379px){
.m2pub_t{ font-size: 26px; line-height: 40px;}
}
@media (max-width:1199px){
.m2lx_item p{font-size:14px; line-height:26px;}
.m2lx_item strong{font-size:14px;}
}
@media (max-width:993px){
.m2lxul li{width:50%; margin-bottom:30px;}
.m2pub_t{font-size:24px;}
.m2lxTip button{float:left;}
}
@media (max-width:767px){
.m2pub_t{font-size:18px; line-height:28px; font-weight:normal}
.m2lxCon1{padding:40px 0 50px;}
.m2lxul{margin:25px -5px 0;}
.m2lxul li{padding:0 5px; margin-bottom:10px;}
.m2lx_item{padding:25px 12px 0px; height:202px;}
.m2lx_ico{width:40px; height:40px;}
.m2lx_item strong{font-size:16px; line-height:22px;}
.m2lx_item p{font-size:12px;}
.m2lxul li:nth-child(1) br{display:none;}
.m2lxCon2{padding:40px 0 55px;}
.m2lxfm{margin-top:25px;}
.m2lxfm li{width:100%; margin-bottom:15px;}
.m2lx_intx input{line-height:52px; height:54px;}
.m2lxTip span{font-size:14px; line-height:28px; margin-bottom:15px;}
.m2lxTip button{width:100%; height:50px; line-height:50px;}
.m2lxul li{width:100%;}
.m2lx_item strong{height:auto;}
.m2lx_item{height:auto; padding-bottom:30px;}
}


.m2layerBg{position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:60}
.m2layerClose {position: fixed;width: 60px;height: 60px;top: 50px;right: 50px;cursor: pointer;transition: all 500ms ease;z-index: 62; cursor:pointer}
.m2layerClose:hover{transform:rotate(180deg);}
.m2layerClose:before, .m2layerClose:after {content: '';width: 60px;height: 2px;background: #fff;position: absolute;top: 30px;}
.m2layerClose:before {left: 0;transform: rotate(45deg);}
.m2layerClose:after {left: 0;transform: rotate(135deg);}
.m2Lay_video{position: fixed;top: 50%;left: 50%;max-height: 70vw;max-width: 70vw; transform:translate(-50%, -50%); z-index:75;}
.maoLink{height: 0; position: relative; overflow: hidden; top: -80px}
@media (max-width:767px){
.m2Lay_video{max-height: 90vw;max-width: 90vw;}
.m2layerClose{right:15px;}
}
.m2csWpr{position:relative; z-index:2; padding-bottom:3vw;}
.mful_menu{ height: 120px; background: #FFF; margin-top: -100px; box-shadow: 0 8px 20px rgba(0,0,0,0.1); padding: 37px 45px 0px;display:flex; justify-content:space-between;}
.m2ful_menu_a{ line-height: 46px; text-align: center; height: 46px; padding:0 20px; min-width: 150px; font-size: 20px; color: #666; border-radius:2em;}
.m2ful_menu_a.on{ color: #FFF; background: #0087c4; }
.m2csul{ margin: 3.64vw -20px 10px; }
.m2csul li{ padding: 0px 20px; float: left; width: 33.33%; margin-bottom:50px; }
.m2cs_aBox{ display:block;}
.m2cs_aBox p{ font-size: 20px; line-height: 38px; margin-top: 22px; text-align:center; height:38px;}
.m2cs_aBox .overflowHide{ height: 260px; }
.m2cs_aBox .overflowHide:after{ content: ""; background: url(../images/m2cs_play.png) no-repeat center bottom; height: 66px; width: 66px; position: absolute; left: 50%; top: 50%; background-size:cover; transform:translate(-50%,-50%);}
@media (max-width:1799px){
.mful_menu{padding:20px 20px 0px; height:90px; margin-top:-45px}
.m2ful_menu_a{font-size:17px;}
.m2csul{margin-left:-15px; margin-right:-15px;}
.m2csul li{padding:0 15px; margin-bottom:35px;}
.m2cs_aBox .overflowHide{height:225px;}
.m2cs_aBox p{font-size:17px; line-height:28px; height:28px; margin-top:18px;}
.m2layerClose { transform:scale(0.8); top:25px;}
.m2layerClose:hover{transform:rotate(180deg) scale(0.7);}
.m2cs_aBox .overflowHide:after{background-size:60px auto;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){

}
@media (max-width:993px){
.m2ful_menu_a{min-width:50px; font-size:15px; padding:0 15px; white-space:normal}
.mful_menu{padding-left:10px; padding-right:10px;}
.m2csul li{width:50%;}
}
@media (max-width:767px){
.mful_menu{height:auto; display:block; overflow:hidden; padding-bottom:15px;}
.m2ful_menu_a{display:inline-block; line-height:32px; height:32px; font-size:14px; margin-bottom:5px;}
.m2csul{margin-top:40px;}
.m2csul{margin-left:-5px; margin-right:-5px;}
.m2csul li{padding:0 5px; margin-bottom:22px;}
.m2cs_aBox .overflowHide:after{background-size:40px auto; width:40px; height:40px;}
.m2cs_aBox .overflowHide{height:115px;}
.m2cs_aBox p{font-size:15px; line-height:22px; height:22px; margin-top:12px;}
.m2csWpr{padding-bottom:35px;}
}


.m2yjCon1{ padding: 5.72vw 0; background:#f7f7f7; }
.m2pubTbox{text-align:center; max-width:900px; margin-left:auto; margin-right:auto}
.m2yjSwiper{ position: relative; margin: 3.64vw -14px 0px; }
.m2yj_item1{ padding: 0px 14px; }
.m2yj_item1 .overflowHide{ height: 200px; }
.m2yjSwiper .slick-prev{ background: #FFF url(../images/m2yj_btn1.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; left: -130px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -30px; transition:all 0.5s ease-in-out; box-shadow:0 0 15px rgba(0,0,0,0.1); border-radius:50%; }
.m2yjSwiper .slick-next{ background: #FFF url(../images/m2yj_btn1.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; right: -130px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -30px; transition:all 0.5s ease-in-out; box-shadow:0 0 15px rgba(0,0,0,0.1); border-radius:50%; transform:rotate(180deg);}
.m2yjSwiper .slick-prev:hover,.m2yjSwiper .slick-next:hover{ background: #0087c4 url(../images/m2yj_btn2.png) no-repeat center center; }
.m2yjCon2{ padding: 5.72vw 0;}
.m2yjc2Tag{ margin-top: 2.08vw; text-align:center;}
.m2yjc2Tag a{ font-size: 16px; display: inline-block; padding: 0px 48px; margin: 0px 16px; border: 1px solid #F0F0F0; line-height: 44px; border-radius:2em; }
.m2yjc2Tag a.on,.m2yjc2Tag a:hover{ color: #FFF; background: #0087c4; border: 1px solid #0087c4; }
.m2yjSwiper2{ margin-top:3.12vw; position:relative;}
.m2yj_c2item{ display:block;}
.m2yj_c2item img{width:100%; height:auto;}
.m2yjSwiper2 .slick-prev{ background: #FFF url(../images/m2yj_btn1.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; left: -144px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -30px; transition:all 0.5s ease-in-out; box-shadow:0 0 15px rgba(0,0,0,0.1); border-radius:50%; }
.m2yjSwiper2 .slick-next{ background: #FFF url(../images/m2yj_btn1.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; right: -144px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -30px; transition:all 0.5s ease-in-out; box-shadow:0 0 15px rgba(0,0,0,0.1); border-radius:50%; transform:rotate(180deg);}
.m2yjSwiper2 .slick-prev:hover,.m2yjSwiper2 .slick-next:hover{ background: #0087c4 url(../images/m2yj_btn2.png) no-repeat center center; }
@media (max-width:1799px){
.m2yjSwiper2{margin-left:50px; margin-right:50px;}
.m2yjSwiper2 .slick-prev{left:-110px;}
.m2yjSwiper2 .slick-next{right:-110px;}
.m2yjSwiper{margin-left:36px; margin-right:36px;}
.m2yjSwiper .slick-prev{left:-94px;}
.m2yjSwiper .slick-next{right:-94px;}
.m2yj_item1 .overflowHide{height:180px;}
}
@media (max-width:1379px){
.m2yjSwiper2{margin-left:100px; margin-right:100px;}
.m2yjSwiper{margin-left:84px; margin-right:84px;}
.m2yj_item1 .overflowHide{height:170px;}
}
@media (max-width:1199px){
.m2yjc2Tag a{padding:0 15px; margin:0 10px; font-size:15px;}
}
@media (max-width:993px){
.m2yjc2Tag a{font-size:13px;}
}
@media (max-width:767px){
.m2yjCon1{padding:40px 0 55px;}
.m2yjSwiper{margin:25px 0px 20px;}
.m2yjSwiper .slick-dots{bottom:-30px;}
.m2yjSwiper .slick-dots li button{display:none;}
.m2yjSwiper .slick-dots li { background: #D6D6D6; display: inline-block; height: 6px; width: 6px; margin: 0px 8px; position: relative; border-radius:50%; vertical-align:middle}
.m2yjSwiper .slick-dots li.slick-active{ background: #0087c4; height: 12px; width: 12px; }
.m2yjCon2{padding:40px 0 55px;}
.m2yjc2Tag{margin-top:25px;}
.m2yjSwiper2{margin:25px 0 20px;}
.m2yjSwiper2 .slick-dots{bottom:-30px;}
.m2yjSwiper2 .slick-dots li button{display:none;}
.m2yjSwiper2 .slick-dots li { background: #D6D6D6; display: inline-block; height: 6px; width: 6px; margin: 0px 8px; position: relative; border-radius:50%; vertical-align:middle}
.m2yjSwiper2 .slick-dots li.slick-active{ background: #0087c4; height: 12px; width: 12px; }
.m2yjc2Tag a{padding:0 28px; font-size:14px; line-height:38px; height:40px; margin:8px 10px;}
}


.m2case_list{}
.m2case_list li{ padding: 5.2vw 0px; }
.m2case_aBox{ display: block; position:relative; min-height:300px; padding-right:50%;}
.m2case_img{ position:absolute; right:0; top:50%; transform:translateY(-50%); padding-right:23px;}
.m2case_img:before{content:""; width:23px; position:absolute; top:30px; bottom:30px; right:0; background:#0087c4}
.m2case_img .overflowHide{ height:300px; width:440px;}
.m2case_st{ font-size: 30px; line-height: 42px; letter-spacing: 1px; display: block; color:#333; }
.m2caseDes{ font-size: 16px; line-height: 30px; min-height: 150px; margin: 58px 0px 30px; position: relative; color: #666666; max-width:480px; }
.m2caseDes:after{ content: ""; background: #0087c4; height: 4px; width: 50px; position: absolute; left: 0px; top: -35px; }
.m2case_aBox span{ font-size: 15px; line-height: 42px; color: #FFF; background: #0087c4; letter-spacing: 1px; display:inline-block; text-align:center; height: 42px; width: 130px; }
.m2case_aBox:hover span{ transform:translateY(-5px); box-shadow:0 10px 30px rgba(0,135,196,0.3);}
.m2case_list li:nth-child(2n) .m2case_img{ right:auto; left:0; padding-left:23px; padding-right:0;}
.m2case_list li:nth-child(2n) .m2case_aBox{ padding-right:0; padding-left:50%;}
.m2case_list li:nth-child(2n) .m2case_img:before{right:auto; left:0;}
.m2case_list li:nth-child(2n){background:#f7f7f7;}
@media (max-width:1799px){
.m2case_st{font-size:28px;}
.m2caseDes{max-width:none; font-size:14px; line-height:24px;}
}
@media (max-width:1379px){
.m2case_st{font-size:26px;}
}
@media (max-width:1199px){
.m2case_aBox{padding-right:52%;}
.m2case_list li:nth-child(2n) .m2case_aBox{padding-left:52%;}
}
@media (max-width:993px){
.m2case_aBox{padding-right:0;}
.m2case_img{position:relative; right:auto; transform:translateY(0)}
.m2case_img .overflowHide{width:auto; margin-bottom:30px;}
.m2case_list li:nth-child(2n) .m2case_aBox{padding-left:0;}
.m2case_st{font-size:26px;}
}
@media (max-width:767px){
.m2case_list li{padding:50px 0;}
.m2case_img .overflowHide{height:210px;}
.m2case_img{padding-right:15px;}
.m2caseDes:after{height:2px; top:-18px;}
.m2caseDes{margin-top:25px; font-size:14px; line-height:28px;}
.m2case_list li:nth-child(2n) .m2case_img{padding-left:15px;}
.m2caseDes{min-height:50px;}

}


.m2abtCon1{ padding: 4.68vw 0px; }
.m2abt_c1des{ font-size: 18px; line-height: 30px; color: #666666; margin-top: 3.95vw; position:relative }
.m2abt_c1des:after{ content:""; background: #0087c4; height: 4px; width: 60px; position: absolute; left: 0px; top: -2.29vw; }
.m2abtc1Bom{ margin-top:3.22vw;}
.m2abtc1Bom .hmc2Bom{ width:calc(100% - 612px); float:left; flex-wrap:wrap; padding-right:0}
.m2abtc1Bom .hmc2Bom li{width:50%;}
.m2abtc1Bom .hmc2Bom li:nth-child(3){margin-top:40px;}
.m2abtc1Bom .hmc2Bom li:nth-child(2) p{ padding-left:72px}
.m2abtc1Bom .hmc2Bom li:nth-child(3) p,.m2abtc1Bom .hmc2Bom li:nth-child(1) p{ padding-left:18px;}
.m2abtc1Bom .bgImg{ width:612px; float:right; height:360px;}
.m2abtCon2{ background: #f5f5f5 url(../images/m2abt_c2bg.jpg) no-repeat center bottom; padding: 6.25vw 0px 5.72vw; }
.m2abtSwiper1{ margin-top: 15px; }
.m2abtSwiper1 .slick-prev{ background: url(../images/m2abt_btn1.png) no-repeat center center; display: inline-block; height: 48px; width: 48px; position: absolute; left: -100px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 2px solid #CCCCCC; z-index: 2; border-radius: 50%; }
.m2abtSwiper1 .slick-next{background: url(../images/m2abt_btn1.png) no-repeat center center; display: inline-block; height: 48px; width: 48px; position: absolute; right: -100px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 2px solid #CCCCCC; z-index: 2; border-radius: 50%; transform:rotate(180deg);}
.m2abtSwiper1 .slick-prev:hover,.m2abtSwiper1 .slick-next:hover{ background: url(../images/m2abt_btn1a.png) no-repeat center center; border: 2px solid #0087c4; }
.m2abt_c2item{ padding: 0px 110px 46px; }
.m2abt_c2yr{ color:rgba(0,0,0,0.03); text-align: center; font: bold 200px/200px din_b; }
.m2abt_c2ibx{ background: #FFF; height: 240px; position: relative; z-index: 2; padding: 30px 38px 0px; margin-top:-75px; box-shadow:0 8px 25px rgba(0,0,0,0.08); }
.m2abt_c2ibx .bgImg{ float: left; height: 180px; width: 320px; }
.m2abt_c2rx{ margin-left: 362px; padding-top: 20px; }
.m2abt_c2rx strong{ font-size: 18px; line-height: 32px; font-weight: normal; display: block; margin-bottom:8px; }
.m2abt_c2rx p{ font-size: 14px; line-height: 26px; color: #666666; max-height:104px; overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4; }
.m2abtSwiper2Wpr{ height:165px; position:relative;}
.m2abtSwiper2{ background: url(../images/m2abt_line.png) no-repeat center 48px; height: 165px; width:1436px; position:absolute; left:50%; transform:translateX(-50%);}
.m2abt_c2sim{ text-align: center; padding-top:80px; height: 165px; position:relative; cursor:pointer }
.m2abt_c2sim span{ background: url(../images/m2abt_c2ico.png) no-repeat center center; height: 32px; width: 25px; margin-left: -15px; position: absolute; left: 50%; top: 0px; opacity:0; transition:all 0.5s ease-in-out;}
.m2abt_c2sim strong{ font: 24px/32px din; color: #1b92d1; margin-bottom: 7px; }
.m2abt_c2sim p{ font-size: 16px; line-height: 28px; max-width:280px; height:56px; margin:0 auto; }
.m2abt_c2sim.slick-current span{opacity:1;}
.m2abtCon3{ position:relative}
.m2abtSwiper3{}
.m2abt_c3item{ position:relative}
.m2abt_c3item .bgImg{ height:46.87vw;}
.m2abt_c3txt{ position:absolute; left:0; width:100%; top:9.89vw; color: #FFF; transition:all 0.5s ease-in-out; opacity:0; transform:translateY(50px)}
.m2abt_c3txt p{ font-size: 24px; line-height: 50px; letter-spacing: 1px; display: block; font-weight: bold; }
.m2abt_c3txt p span{ font-size: 50px;}
.m2abt_c3txt2{ color: #0087c4; }
.on .m2abt_c3txt{opacity:1; transform:translateY(0);}
.m2abt_c3tools{ width:100%; position:absolute; left:0; bottom:60px; z-index:1;}
.m2abt_c3tx{ background:#fff; overflow:hidden}
.m2abt_c3tx a{ width: 25%; text-align: center; float: left; position: relative; line-height: 100px; font-size: 20px; }
.m2abt_c3tx a.on{ color: #0087c4; }
.m2abt_c3tx a:after{ content: ""; background: #0087c4; height:6px; position: absolute; width: 0%; top: 0px; left: 50%; transition:all 0.5s ease-in-out;}
.m2abt_c3tx a.on:after{ width:100%; left:0;}
@media (max-width:1799px){
.m2abt_c1des{margin-top:3.0vw; font-size:16px; line-height:28px;}
.m2abt_c1des:after{height:3px; top:-1.59vw}
.m2abtc1Bom .bgImg{width:550px; height:320px;}
.m2abtc1Bom .hmc2Bom li:nth-child(3) p, .m2abtc1Bom .hmc2Bom li:nth-child(1) p{padding-left:12px;}
.m2abtc1Bom .hmc2Bom li:nth-child(2) p{padding-left:43px;}
.m2abt_c2sim p{font-size:15px;}
.m2abt_c3txt p{font-size:22px; line-height:52px;}
.m2abt_c3txt p span{font-size:36px;}
.m2abt_c3tx a::after {height: 4px;}
.m2abt_c3tx a{line-height:80px; font-size:18px;}
}
@media (max-width:1379px){
.m2abtSwiper1 .slick-prev{left:0;}
.m2abtSwiper1 .slick-next{right:0;}
}
@media (max-width:1199px){
.m2abtSwiper2{width:100%;}
.m2abt_c3txt{top:4.9vw;}
.m2abt_c3txt p{font-size:24px; line-height:48px;}
.m2abt_c2rx{padding-top:0;}
}
@media (max-width:993px){
.m2abt_c1des{ margin-top:40px;}
.m2abt_c1des:after{margin-top:-10px; left:50%; margin-left:-30px;}
.m2abtCon1 .hmpt{text-align:center;}
.m2abtc1Bom .hmc2Bom{width:100%; float:none;display:flex; justify-content:space-between; margin-top:12px;}
.m2abtc1Bom .hmc2Bom li{width:auto!important;}
.m2abtc1Bom .hmc2Bom li:nth-child(3){margin-top:0;}
.m2abtc1Bom .bgImg{width:100%; float:none; margin:20px auto 30px;}
.m2abt_c2yr{font: bold 120px/120px din_b; }
.m2abt_c2ibx{margin-top:-35px; padding-left:25px; padding-right:25px;}
.m2abt_c2item{padding-left:80px; padding-right:80px;}
.m2abt_c2ibx .bgImg{width:240px;}
.m2abt_c2rx{margin-left:262px;}
.m2abt_c2rx strong{font-size:16px; line-height:26px;}
.m2abt_c2rx p{font-size:15px; line-height:26px;}
.m2abt_c3item .bgImg{height:460px;}
.m2abt_c2rx strong{ font-size:16px; line-height:26px;}
.m2abt_c3tx a{font-size:15px;}
.m2abt_c3txt p{font-size:16px; line-height:32px;}
}
@media (max-width:767px){
.m2abtCon1{padding:40px 0 50px;}
.m2abt_c1des{font-size:14px; margin-top:36px;}
.m2abt_c1des:after{height:2px;}
.m2abtc1Bom .bgImg{height:220px; margin-bottom:10px}
.m2abtCon2{padding:50px 0;}
.m2abt_c2sim strong{font-size:18px;}
.m2abt_c2sim p{font-size:12px; line-height:22px; padding:0 10px;}
.m2abtSwiper1 .slick-prev,.m2abtSwiper1 .slick-next{display:none!important;}
.m2abt_c2item{padding-left:10px; padding-right:10px;}
.m2abt_c2yr{ font-size:60px; line-height:60px;}
.m2abt_c2ibx{margin-top:-15px; margin-left:-10px; margin-right:-10px; padding-left:15px; padding-right:15px;}
.m2abt_c2ibx .bgImg{width:100%; float:none;}
.m2abt_c2rx{margin-left:0;}
.m2abt_c2ibx{height:auto; padding-bottom:25px; padding-top:15px;}
.m2abt_c2rx strong{font-size:16px; font-weight:bold;}
.m2abt_c2rx p{font-size:14px; line-height:24px; max-height:96px; overflow-y:auto;}
.m2abtSwiper2Wpr{display:none;}
.m2abtSwiper1 .slick-dots{bottom:0;}
.m2abtSwiper1 .slick-dots li button{display:none;}
.m2abtSwiper1 .slick-dots li { background: #D6D6D6; display: inline-block; height: 6px; width: 6px; margin: 0px 8px; position: relative; border-radius:50%; vertical-align:middle}
.m2abtSwiper1 .slick-dots li.slick-active{ background: #0087c4; height: 12px; width: 12px; }
.m2abt_c3tx a{font-size:14px; line-height:56px;}
.m2abt_c3tools{bottom:50px;}
.m2abt_c3txt p{font-size:16px; line-height:36px;}
.m2abt_c3txt p span{ font-size:22px;}
.m2abt_c3txt{top:50px;}
.m2abt_c3item .bgImg{height:400px;}
.m2abt_c2rx{margin-top:5px;}
.m2abt_c3txt p{font-size:14px; line-height:26px;}
.m2abt_c3tx a{line-height:22px; padding:10px 3px;}
}


.m2proItem{ padding: 9.37vw 0px; }
.m2proCon{ position:relative;}
.m2proLx{ width:545px; float:left; position:relative; z-index:2;}
.m2pro_t{ font-size: 32px; color: #2550e5; line-height: 60px; letter-spacing: 2px; font-weight: bold; }
.m2pro_t *{vertical-align:middle;}
.m2pro_t img{ margin-left:2px; position:relative; top:-3px;}
.m2pro_st{ font-size: 18px; color: #666666; line-height: 32px; margin: 14px 0px 45px; position: relative; }
.m2pro_st:after{ content: ""; background: #2550E5; height: 4px; width: 50px; position: absolute; left: 0px; bottom: -29px; }
.m2pro_des{ font-size: 16px; line-height: 27px; color: #666666; }
.m2proItem .hmc2Bom{ padding-right:0;}
.m2proItem .hmc2Bom li p{ padding-left:0!important;}
.m2proItem .hmc2Bom li:hover strong span{ color:#2550e5}
.m2proRx{ width:50%; height:516px; position:relative; float:right;}
.m2proImgx{ position:absolute; left:125px; top:0;}
.m2proImgx:before{ content: ""; background: url(../images/m2pro_pbg.png) no-repeat; height: 560px; width: 793px; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); margin-left:20px}
.m2proImgx img{ position:relative; z-index:2;}
.m2proImgx span{ position:absolute; z-index:3; transition:all 0.8s ease; opacity:0; transform:scale(0)}
.m2proImgx span i{ font-style: normal;  border-radius:50%; background:#fff; text-align:center;display:flex; flex-direction:column; justify-content:center; border-style: solid; animation:paopao 3s ease-in-out infinite;}

.m2proImgx span.m2pro_tg1 i{ animation-delay:0.5s}
.m2proImgx span.m2pro_tg4 i{ animation-delay:0.8s}
.m2proImgx span.m2pro_tg5 i{ animation-delay:1.2s}
.m2proImgx span.m2pro_tg6 i{ animation-delay:0.2s}

.m2proItem1 .m2proRx span i{ color: #0089cf; border-color:#2550e5; box-shadow:0 3px 13px rgba(0,137,207,0.3)}
.m2proItem1 .m2pro_tg1{ right:70px; top:105px; }
.m2proItem1 .m2pro_tg1 i{ height: 90px; width: 90px; border-width: 5px; line-height: 20px; font-size: 16px;}
.m2proItem1 .m2pro_tg2{ left:70px; top:105px;}
.m2proItem1 .m2pro_tg2 i{ height: 90px; width: 90px; border-width: 5px; line-height: 20px; font-size: 16px;}
.m2proItem1 .m2pro_tg3{ left:70px; top:235px;}
.m2proItem1 .m2pro_tg3 i{ height:62px; width:62px; border-width:3px; font-size:14px; line-height:16px;}
.m2proItem1 .m2pro_tg4{ right:70px; top:182px;}
.m2proItem1 .m2pro_tg4 i{ height:62px; width:62px; border-width:3px; font-size:14px; line-height:20px;}
.m2proItem1 .m2pro_tg5{ left:70px; bottom:105px;}
.m2proItem1 .m2pro_tg5 i{ height: 90px; width: 90px; border-width: 5px; line-height: 20px; font-size: 16px;}
.m2proItem1 .m2pro_tg6{ right:70px; bottom:205px;  }
.m2proItem1 .m2pro_tg6 i{ height: 90px; width: 90px; border-width: 5px; line-height: 20px; font-size: 16px;}
.on.m2proItem1 .m2pro_tg1{ right:-114px; top:0; transition-delay:0.2s; }
.on.m2proItem1 .m2pro_tg2{ left:-110px; top:38px; transition-delay:0.3s; }
.on.m2proItem1 .m2pro_tg3{ left:-58px; top:225px; transition-delay:0.4s;}
.on.m2proItem1 .m2pro_tg4{ right:-22px; top:152px; transition-delay:0.5s;}
.on.m2proItem1 .m2pro_tg5{ left:-36px; bottom:-5px; transition-delay:0.6s; }
.on.m2proItem1 .m2pro_tg6{right:-43px; bottom:185px; transition-delay:0.7s; }
.on .m2proImgx span{opacity:1; transform:scale(1)}
.m2proBtns{ width: 180px; position: absolute; right: 0px; bottom: 32px; z-index: 5; }
.m2pro_dw1{ line-height: 50px; background: #FFF url(../images/m2pro_ssi1.png) no-repeat 15px center; height: 50px; padding-left: 48px; font-size: 12px; display: block; margin-bottom: 20px; border-radius:0.3em; border-radius:0.4em; box-shadow:0 3px 8px rgba(0,0,0,0.1); position:relative;}
.m2pro_dw1:hover{ color: #FFF; background: #2550e5 url(../images/m2pro_ssi1a.png) no-repeat 22px center; padding-left: 54px; }
.m2pro_dw2{ line-height: 50px; background: #FFF url(../images/m2pro_ssi2.png) no-repeat 15px center; height: 50px; padding-left: 48px; font-size: 12px; display: block; margin-bottom: 20px; border-radius:0.3em; border-radius:0.4em; box-shadow:0 3px 8px rgba(0,0,0,0.1); position:relative;}
.m2pro_dw2:hover{ color: #FFF; background: #2550e5 url(../images/m2pro_ssi2a.png) no-repeat 22px center; padding-left: 54px; }
.m2pro_dw1 span,.m2pro_dw2 span{ display:inline-block; position:absolute; left:50%; transform:translateX(-50%); bottom:60px; width:90px; height:90px; opacity:0; visibility:hidden; transition:all 0.5s ease-in-out;}
.m2pro_dw1:hover,.m2pro_dw2:hover{z-index:1;}
.m2pro_dw1:hover span,.m2pro_dw2:hover span{opacity:1; visibility:visible;}
.m2pro_p2ul{ margin-top:34px;}
.m2pro_p2ul li{ font-size: 18px; line-height: 32px; color: #666666; padding-left: 24px; position:relative;}
.m2pro_p2ul li:before{content:""; width:6px; height:6px; background:#ff0101; border-radius:50%; position:absolute; left:0; top:13px;}
.m2proItem2 .m2proRx span i{ color: #b73329; border-color:#ff0101; box-shadow:0 3px 13px rgba(255,1,1,0.3)}
.m2proItem2 .m2pro_t{color: #ff0101;}
.m2proItem2 .m2pro_st:after{ background: #ff0101;}
.m2proItem2 .m2pro_dw1:hover{ background: #ff0101 url(../images/m2pro_ssi1a.png) no-repeat 22px center;}
.m2proItem2 .m2pro_dw2:hover{ background: #ff0101 url(../images/m2pro_ssi1a.png) no-repeat 22px center;}
.m2proItem2 .hmc2Bom li:hover strong span{color: #ff0101;}
.m2proItem2{ background:#f7f7f7;}
.m2proItem2 .m2proImgx:before{background: url(../images/m2pro_pbg2.png) no-repeat;}
.m2proItem2 .m2proRx{ float:left;}
.m2proItem2 .m2proLx{float:right; width:580px;}
.m2proItem2 .m2proImgx{left:92px;}
.m2proItem2 .m2proBtns{right:auto; left:425px;}
.m2proItem2 .m2pro_tg2 i{ height: 90px; width: 90px; border-width: 5px; line-height: 20px; font-size: 16px;}
.m2proItem2 .m2pro_tg2{ right:70px; top:105px; }
.m2proItem2 .m2pro_tg1 i{ height: 90px; width: 90px; border-width: 5px; line-height: 20px; font-size: 16px;}
.m2proItem2 .m2pro_tg1{ left:70px; top:105px;}
.m2proItem2 .m2pro_tg4 i{ height:62px; width:62px; border-width:3px; font-size:14px; line-height:16px;}
.m2proItem2 .m2pro_tg4{ left:70px; top:235px;}
.m2proItem2 .m2pro_tg4a i{ height:62px; width:62px; border-width:3px; font-size:14px; line-height:16px;}
.m2proItem2 .m2pro_tg4a{ left:70px; top:235px;}
.m2proItem2 .m2pro_tg3 i{ height:62px; width:62px; border-width:3px; font-size:14px; line-height:20px;}
.m2proItem2 .m2pro_tg3{ right:70px; top:182px;}
.m2proItem2 .m2pro_tg6 i{ height: 90px; width: 90px; border-width: 5px; line-height: 20px; font-size: 16px;}
.m2proItem2 .m2pro_tg6{ left:70px; bottom:105px;}
.m2proItem2 .m2pro_tg5 i{ height: 90px; width: 90px; border-width: 5px; line-height: 20px; font-size: 16px;}
.m2proItem2 .m2pro_tg5{ right:70px; bottom:205px;  }
.on.m2proItem2 .m2pro_tg2{ right:-114px; top:0; transition-delay:0.2s; }
.on.m2proItem2 .m2pro_tg1{ left:-110px; top:38px; transition-delay:0.3s; }
.on.m2proItem2 .m2pro_tg4{ left:-8px; top:225px; transition-delay:0.4s;}
.on.m2proItem2 .m2pro_tg4a{ left:-55px; top:316px; transition-delay:0.5s;}
.on.m2proItem2 .m2pro_tg3{ right:-22px; top:152px; transition-delay:0.5s;}
.on.m2proItem2 .m2pro_tg6{ left:-36px; bottom:-5px; transition-delay:0.6s; }
.on.m2proItem2 .m2pro_tg5{right:-43px; bottom:185px; transition-delay:0.7s; }
.m2proItem3 .m2proRx span i{ color: #00ac13; border-color:#00ac13; box-shadow:0 3px 13px rgba(0,172,19,0.3)}
.m2proItem3 .m2pro_t{color: #00ac13;}
.m2proItem3 .m2pro_st:after{ background: #00ac13;}
.m2proItem3 .m2pro_dw1:hover{ background: #00ac13 url(../images/m2pro_ssi1a.png) no-repeat 22px center;}
.m2proItem3 .m2pro_dw2:hover{ background: #00ac13 url(../images/m2pro_ssi1a.png) no-repeat 22px center;}
.m2proItem3 .hmc2Bom li:hover strong span{color: #00ac13;}
.m2proItem3 .m2pro_p2ul li:before{ background:#00ac13;}
.m2pro_des2{ font-size: 16px; line-height: 27px; color: #666666; margin-top:34px;}
.m2proItem3 .m2pro_tg1 i{ height: 90px; width: 90px; border-width: 5px; line-height: 20px; font-size: 16px;}
.m2proItem3 .m2pro_tg1{ right:70px; top:105px; }
.m2proItem3 .m2pro_tg2 i{ height: 90px; width: 90px; border-width: 5px; line-height: 20px; font-size: 16px;}
.m2proItem3 .m2pro_tg2{ left:70px; top:105px;}
.m2proItem3 .m2pro_tg3 i{ height:62px; width:62px; border-width:3px; font-size:14px; line-height:16px;}
.m2proItem3 .m2pro_tg3{ left:70px; top:235px;}
.m2proItem3 .m2pro_tg4 i{ height:62px; width:62px; border-width:3px; font-size:14px; line-height:20px;}
.m2proItem3 .m2pro_tg4{ right:70px; top:182px;}
.m2proItem3 .m2pro_tg5 i{ height: 90px; width: 90px; border-width: 5px; line-height: 20px; font-size: 16px;}
.m2proItem3 .m2pro_tg5{ left:70px; bottom:105px;}
.m2proItem3 .m2pro_tg6 i{ height: 90px; width: 90px; border-width: 5px; line-height: 20px; font-size: 16px;}
.m2proItem3 .m2pro_tg6{ right:70px; bottom:205px;  }
.on.m2proItem3 .m2pro_tg1{ right:-114px; top:0; transition-delay:0.2s; }
.on.m2proItem3 .m2pro_tg2{ left:-110px; top:38px; transition-delay:0.3s; }
.on.m2proItem3 .m2pro_tg3{ left:-58px; top:225px; transition-delay:0.4s;}
.on.m2proItem3 .m2pro_tg4{ right:-22px; top:152px; transition-delay:0.5s;}
.on.m2proItem3 .m2pro_tg5{ left:-36px; bottom:-5px; transition-delay:0.6s; }
.on.m2proItem3 .m2pro_tg6{right:-50px; bottom:165px; transition-delay:0.7s; }


@media (max-width:1799px){
.m2pro_t{font-size:28px;}
.m2pro_st:after{height:3px; bottom:-24px}
.m2proLx{width:525px;}
.m2proImgx{left:95px;}
.m2proItem2 .m2proLx{width:498px;}
.m2proItem2 .m2proBtns{left:405px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.m2proLx{width:100%!important; float:none!important; margin-bottom:50px!important;}
.m2proRx{float:left!important; width:80%!important}
}
@media (max-width:993px){

}
@media (max-width:767px){
.m2pro_t{font-size:24px;}
.m2pro_t img{ transform:scale(0.8); transform-origin:left center;}
.m2pro_st{font-size:18px; line-height:28px;}
.m2pro_des{font-size:14px; line-height:26px;}
.m2proRx{width:635px!important; transform:scale(0.7); transform-origin:left center; top:-100px;}
.m2proBtns{right:auto!important; left:30px!important; bottom:-210px!important; transform:scale(1.2)!important;}
.m2pro_p2ul li{font-size:14px; line-height:26px;}
.m2pro_p2ul{margin-top:20px;}
.m2pro_des2{margin-top:25px;font-size:14px; line-height:26px;}
}


.m2hzglCon1{ margin: 5.72vw 0px 7.29vw;}
.m2hzglCon1 .overflowHide{ float: left; height: 360px; width: 600px; }
.m2hzgl_c1txt{ width:615px; height:360px; display:flex; flex-direction:column; justify-content:center; float:right}
.m2hzgl_c1txt p{ font-size: 18px; line-height: 36px; margin:18px 0 }
.m2hzgl_c1txt p strong{ font-weight: bold; color: #333; }
.m2hzgl_ul{ margin: 3.12vw -20px 4.68vw; }
.m2hzgl_ul li{ padding: 0px 20px; float: left; width: 33.33%; margin-bottom: 40px; }
.m2hzgl_aBox{ display:block; position:relative;}
.m2hzgl_aBox .overflowHide{ height:260px;}
.m2hzgl_aBox strong.ellipsis{ line-height: 50px; height: 50px; margin-top: 18px; font-size: 24px; font-weight: 100; text-align: center; letter-spacing: 1px; }
.m2hzgl_layer{ position:absolute; left:0; right:0; bottom:0; color:#fff; background:#0087c4; height:260px; padding:0 30px;display:flex; flex-direction:column; justify-content:center; text-align:center; opacity:0; transform:scaleY(0); transition:all 0.5s ease; transform-origin:center bottom;}
.m2hzgl_layer strong{ font-size: 24px; font-weight: 100; line-height: 32px; display: block; margin-bottom: 22px; }
.m2hzgl_layer p{ font-size: 18px; line-height: 28px; font-weight: 100; }
.m2hzgl_aBox:hover .m2hzgl_layer{ opacity:1; visibility:visible; transform:scaleY(1)}
@media (max-width:1799px){
.m2hzglCon1 .overflowHide{ height: 320px; width: 550px; }
.m2hzgl_c1txt{ width:535px; height:320px; }
.m2hzgl_c1txt p{ font-size: 16px; line-height: 30px; }
.m2hzgl_ul{ margin: 3.12vw -15px 4.68vw; }
.m2hzgl_ul li{ padding: 0px 15px; margin-bottom: 30px; }
.m2hzgl_aBox .overflowHide{ height:220px;}
.m2hzgl_aBox strong.ellipsis{ line-height: 40px; height: 40px; margin-top: 12px; font-size: 16px;}
.m2hzgl_layer{ height:220px; padding:0 25px;}
.m2hzgl_layer strong{ font-size: 20px; line-height: 28px; margin-bottom: 15px; }
.m2hzgl_layer p{ font-size: 16px; line-height: 22px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.m2hzglCon1 .overflowHide{width:440px;}
.m2hzgl_c1txt{width:465px;}
}
@media (max-width:993px){
.m2hzglCon1 .overflowHide{width:100%; height:400px; margin-bottom:20px;}
.m2hzgl_c1txt{width:100%; float:none; height:auto;}
.m2hzgl_ul li{width:50%;}
}
@media (max-width:767px){
.m2hzglCon1 .overflowHide{height:220px;}
.m2hzgl_c1txt p{margin-top:0; font-size:14px; line-height:28px;}
.m2hzglCon1{margin-top:50px;}
.m2hzgl_ul{margin:25px -5px 0;}
.m2hzgl_ul li{padding:0 5px;}
.m2hzgl_aBox .overflowHide{height:105px;}
.m2hzgl_aBox strong.ellipsis{font-size:14px; line-height:30px; height:30px;}
}


@keyframes m2yxcbani {
	0% {
		transform:translate(-50%,-50%) scale(0.9); opacity:1;
	}
    80% {
		transform:translate(-50%,-50%) scale(1.2); opacity:1;
	}
	100% {
		transform:translate(-50%,-50%) scale(1.3); opacity:0;
	}
}
.m2yxcb_ul{ margin-bottom:5.2vw;}
.m2yxcb_ul li{ padding: 5.2vw 0px; }
.m2yxcb_ul li .overflowHide{ float: left; height: 360px; width: 600px; }
.m2yxcb_des{ float: right; height: 360px; width: 600px; display: flex; flex-direction: column; justify-content: center; font-size: 14px; line-height: 28px; color: #666666; }
.m2yxcb_des strong{ font-size: 30px; font-weight: 100; line-height: 40px; letter-spacing: 1px; margin-bottom: 18px; display: block; color: #333; }
.m2yxcb_ul li:nth-child(2n){ background: #f7f7f7; }
.m2yxcb_ul li:nth-child(2n) .overflowHide{ float:right;}
.m2yxcb_ul li:nth-child(2n) .m2yxcb_des{ float:left}
.m2yxcb_bom{ margin: 4.27vw 0px 7.81vw; position:relative; min-height:250px; }
.m2yxcb_bx1{ float: left; width: 400px; font-size: 14px; line-height: 24px; color: #666666; }
.m2yxcb_bx1 strong{ font-size: 20px; line-height: 30px; font-weight: normal; display: block; margin-bottom: 16px; color: #333; letter-spacing: 1px; }
.m2yxcb_bx1 p{}
.m2yxcb_utg{ margin-top: 24px; overflow: hidden; }
.m2yxcb_utg li{ line-height: 42px; height: 42px; padding-left: 28px; font-size: 16px; color: #666666; float: left; width: 100%; position: relative; }
.m2yxcb_utg li:before{ content: ""; background: #0087c4; height: 8px; width: 8px; position: absolute; left: 0px; top: 18px; border-radius:50%;}
.m2yxcb_bx2{ width:312px; height:170px; position:absolute; left:50%; top:40px; transform:translateX(-50%);}
.m2yxcb_bx2 img{position:absolute; z-index:2; left:50%; top:50%; transform:translate(-50%,-50%);}
.m2yxcb_bx2:before,.m2yxcb_bx2:after{ content: ""; background: url(../images/m2yxcb_bg.png) no-repeat; height: 300px; width: 445px; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); animation:m2yxcbani 3s linear infinite;}
.m2yxcb_bx2:after{ animation-delay:1.5s}
.m2yxcb_bx3{ float:right;}
.m2yxcb_bimg{ text-align:center; margin-bottom:5.72vw}
@media (max-width:1799px){
.m2yxcb_ul li .overflowHide{height: 320px; width: 520px; }
.m2yxcb_des{ height: 320px; width: 570px; font-size: 13px; line-height: 26px; }
.m2yxcb_des strong{ font-size: 28px; line-height: 38px; margin-bottom: 28px; }
.m2yxcb_bx1{ width: 320px; line-height: 28px;}
.m2yxcb_bx1 strong{ font-size: 18px; }
.m2yxcb_utg li{font-size: 17px; }
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.m2yxcb_ul li .overflowHide{width:440px;}
.m2yxcb_des{width:460px;}
.m2yxcb_bx1{width:270px;}
}
@media (max-width:993px){
.m2yxcb_ul li .overflowHide{width:100%; float:none; height:380px;}
.m2yxcb_des{width:100%; float:none; height:auto; margin-top:25px;}
.m2yxcb_bx2{transform:scale(0.5) translateX(-50%); transform-origin:left center;}
.m2yxcb_bx1{width:240px;}
.m2yxcb_bx1 strong{font-size:16px; line-height:28px;}
.m2yxcb_bx1{font-size:15px; line-height:26px;}
.m2yxcb_utg li{padding-left:20px; line-height:32px; height:32px; font-size:15px; width:115px;}
.m2yxcb_utg{margin-top:10px;}
.m2yxcb_utg li:before{top:12px;}
.m2yxcb_bom{min-height:200px;}
.m2yxcb_utg li{width:100%;}
}
@media (max-width:767px){
.m2yxcb_ul li{padding:50px 0;}
.m2yxcb_ul li .overflowHide{height:200px;}
.m2yxcb_des{margin-top:20px; font-size:13px; line-height:24px;}
.m2yxcb_des strong{font-size:22px; line-height:32px; margin-bottom:8px;}
.m2yxcb_ul{margin-bottom:40px;}
.m2yxcb_bx1{width:100%; font-size:14px;}
.m2yxcb_bimg{margin-bottom:55px;}
.m2yxcb_bx1 strong{margin-bottom:8px; text-align:center;}
.m2yxcb_bx2{position:relative; transform:scale(0.7) translateX(-50%); left:50%;  top:0; margin-top:188px; margin-bottom:25px;}
}


.m2szylCon1{ padding: 5.98vw 0px; }
.m2szylCon1 .overflowHide{ width:600px; height:360px; float:left;}
.m2szylc1txt{ width:610px; float:right; padding-top:8px;}
.m2szylc1txt dl{ margin-bottom:20px;}
.m2szylc1txt dl:last-child{ margin-bottom:0;}
.m2szylc1txt dl dt{ font-size: 22px; line-height: 32px; letter-spacing: 1px; display: block; margin-bottom: 6px; }
.m2szylc1txt dl dd{ font-size: 14px; line-height: 26px; color: #666666; }
.m2szylCon2{ color: #FFF; background: #0087c4; padding: 5.98vw 0px 7vw; }
.m2szylc2Box{ margin-top:2.86vw;}
.m2szyl_c2bimg{ float:left; width:857px;}
.m2szyl_rimgs{ width:300px; float:right;}
.m2szyl_rimgs li{ margin-bottom:30px;}
.m2szyl_rimgs li:last-child{ margin-bottom:0}
.m2szyl_rimgs li .bgImg{ height:140px;}
.m2szylCon3{ background: #f5f5f5; padding: 5.98vw 0px 7vw; }
.m2szyl_c3swiper{ margin: 2.86vw -14px 0px; }
.m2szyl_c3item{ padding: 0px 14px; }
.m2szyl_c3item .bgImg{ height:200px;}
.m2pubSwiper .slick-prev{ background: #FFF url(../images/m2yj_btn1.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; left: -144px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -30px; transition:all 0.5s ease-in-out; box-shadow:0 0 15px rgba(0,0,0,0.1); border-radius:50%; }
.m2pubSwiper .slick-next{ background: #FFF url(../images/m2yj_btn1.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; right: -144px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -30px; transition:all 0.5s ease-in-out; box-shadow:0 0 15px rgba(0,0,0,0.1); border-radius:50%; transform:rotate(180deg);}
.m2pubSwiper .slick-prev:hover,.m2pubSwiper .slick-next:hover{ background: #0087c4 url(../images/m2yj_btn2.png) no-repeat center center; }
.m2szylCon4{ padding: 5.98vw 0px 7vw; }
.m2szyl_c4swiper{ margin-top:2.86vw}
.m2szyl_c4item{}
@keyframes m2zhyxani {
	0% {
		transform:scale(0.95); opacity:0.5;
	}
    80% {
		transform:scale(1.15); opacity:0.5;
	}
	100% {
		transform:scale(1.25); opacity:0;
	}
}
.m2szylc1txt .m2pub_t{text-align:left;}
.m2szylc1txt h6{ margin-top: 28px; font-size: 14px; line-height: 24px; color: #666666; letter-spacing: 1px; font-weight: normal; padding-right:60px; }
.m2szylc1txt h6 strong{ font-weight: bold; color: #333; }
.m2zhyxCon2{ color: #FFF; background: #0087c4; padding: 5.98vw 0px 6vw; }
.m2zhyx_c2ul{ margin: 0px -20px; }
.m2zhyx_c2ul li{ padding: 3.12vw 20px 0px; width:50%; float:left }
.m2zhyx_c2ul li .overflowHide{ height:200px;}
.m2zhyx_c2ul li strong{ font-size: 21px; font-weight: normal; line-height: 82px; }
.m2zhyxCon3{ padding: 5.98vw 0px 6vw;}
.m2zhyxc2Box{ height:435px; position:relative; margin-top:2.86vw;}
.m2zhyxImgs{ width:492px; height:492px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.m2zhyxImgs img{ position:relative; z-index:2;}
.m2zhyxImgs:before,.m2zhyxImgs:after{ content: ""; background: url(../images/m2xzyx_ibg.png) no-repeat center center; position: absolute; left: 0; top:0; right:0; bottom:0; animation:m2zhyxani 3s linear infinite; }
.m2zhyxImgs:after{ animation-delay:1.5s}
.m2zhyx_c3dl{ max-width:300px;}
.m2zhyx_c3dl dt{ font-size: 24px; font-weight: normal; letter-spacing: 1px; line-height: 46px; margin-bottom: 7px; }
.m2zhyx_c3dl dd{ font-size: 14px; color: #666666; line-height: 30px; padding-left:28px; position:relative;}
.m2zhyx_c3dl dd:before{ content: ""; background: #0087c4; height: 8px; width: 8px; position: absolute; left: 0px; top: 11px; border-radius:50%;}
.m2zhyxc2Box .m2zhyx_c3dl:nth-child(1){ position:absolute; left:0; top:0;}
.m2zhyxc2Box .m2zhyx_c3dl:nth-child(2){ position:absolute; right:0; top:0;}
.m2zhyxc2Box .m2zhyx_c3dl:nth-child(3){ position:absolute; left:0; top:290px;}
.m2zhyxc2Box .m2zhyx_c3dl:nth-child(4){ position:absolute; right:0; top:290px;}
@media (max-width:1799px){
.m2szylCon1 .overflowHide{ width:500px; height:300px;}
.m2szylc1txt{ width:610px; float:right; padding-top:8px;}
.m2szylc1txt h6{margin-top:20px; font-size:13px;}
.m2zhyx_c2ul li strong{font-size:20px; line-height:72px;}
.m2zhyx_c3dl dt{font-size:22px;}
.m2zhyx_c3dl dd{font-size:14px; line-height:24px; margin-bottom:5px;}
.m2zhyx_c3dl dd:before{top:7px;}
.m2szylc1txt dl dt{ font-size:20px; line-height:30px;}
.m2szylc1txt dl dd{font-size:13px; line-height:24px;}
.m2szylc1txt dl{margin-bottom:12px;}
.m2szyl_c2bimg{width:815px;}
.m2szyl_rimgs{width:298px;}
.m2szyl_rimgs li .bgImg{height:132px;}
.m2szyl_c4swiper{margin-left:50px; margin-right:50px;}
.m2szyl_c4swiper .slick-prev{left:-110px;}
.m2szyl_c4swiper .slick-next{right:-110px;}
.m2szyl_c3swiper{margin-left:36px; margin-right:36px;}
.m2szyl_c3swiper .slick-prev{left:-94px;}
.m2szyl_c3swiper .slick-next{right:-94px;}
.m2szyl_c3item .bgImg{height:170px;}
}
@media (max-width:1379px){
.m2zhyx_c3dl dt{font-size:20px;}
.m2szyl_c4swiper{margin-left:100px; margin-right:100px;}
.m2szyl_c3swiper{margin-left:84px; margin-right:84px;}
.m2szyl_c3item .bgImg{height:160px;}
}
@media (max-width:1199px){
.m2szylCon1 .overflowHide{width:440px;}
.m2szylc1txt{width:478px;}
.m2szyl_c2bimg{width:685px;}
.m2szyl_rimgs li{margin-bottom:15px;}
.m2szyl_rimgs{width:235px;}
.m2szyl_rimgs li .bgImg{height:118px;}
}
@media (max-width:993px){
.m2szylCon1 .overflowHide{width:100%; float:none; height:380px; margin-bottom:15px;}
.m2szylc1txt{width:100%; float:none;}
.m2zhyxImgs{transform:scale(0.8) translate(-50%,-50%); transform-origin:left top;}
.m2zhyx_c2ul li .overflowHide{height:120px;}
.m2szyl_c2bimg{width:513px;}
.m2szyl_rimgs{width:185px;}
.m2szyl_rimgs li .bgImg{height:86px;}
.m2zhyx_c3dl{max-width:255px;}
}
@media (max-width:767px){
.m2szylCon1{padding-top:50px; padding-bottom:50px;}
.m2szylCon1 .overflowHide{height:206px;}
.m2szylc1txt h6{padding-right:0; font-size:14px; line-height:28px; margin-top:12px;}
.m2zhyxCon2{padding:40px 0 20px;}
.m2zhyx_c2ul{margin:25px -5px 0;}
.m2zhyx_c2ul li{padding:0 5px; margin-bottom:15px; text-align:center}
.m2zhyx_c2ul li .overflowHide{height:85px;}
.m2zhyx_c2ul li strong{font-size:16px; line-height:52px;}
.m2zhyxCon3{padding:40px 0 50px;}
.m2zhyxImgs{position:relative; left:50%; top:0; transform:scale(0.6) translate(-50%,0);}
.m2zhyxc2Box{width:100%; height:940px; overflow:hidden;}
.m2zhyxc2Box .m2zhyx_c3dl{position:static!important; margin:15px 0}
.m2zhyx_c3dl dt{font-size:18px; line-height:30px; text-align:center}
.m2zhyx_c3dl dd{padding-left:20px; font-size:15px; }
.m2szylc1txt dl dt{text-align:center;}
.m2szylCon2{padding:50px 0;}
.m2szyl_c2bimg{width:auto; margin-top:15px;}
.m2szyl_rimgs{width:100%; margin-top:15px;display:flex; justify-content:space-between;}
.m2szyl_rimgs li{ width:32%;}
.m2szyl_rimgs li .bgImg{height:60px;}
.m2szylc1txt dl dt{font-size:18px;}
.m2szylCon3{padding:40px 0 55px;}
.m2szylCon4{padding:40px 0 55px;}
.m2szyl_c3swiper{margin:25px 0 20px;}
.m2szyl_c4swiper{margin:25px 0 20px;}
.m2szyl_c3swiper .slick-dots{bottom:-30px;}
.m2szyl_c3swiper .slick-dots li button{display:none;}
.m2szyl_c3swiper .slick-dots li { background: #D6D6D6; display: inline-block; height: 6px; width: 6px; margin: 0px 8px; position: relative; border-radius:50%; vertical-align:middle}
.m2szyl_c3swiper .slick-dots li.slick-active{ background: #0087c4; height: 12px; width: 12px; }
.m2szyl_c4swiper .slick-dots{bottom:-30px;}
.m2szyl_c4swiper .slick-dots li button{display:none;}
.m2szyl_c4swiper .slick-dots li { background: #D6D6D6; display: inline-block; height: 6px; width: 6px; margin: 0px 8px; position: relative; border-radius:50%; vertical-align:middle}
.m2szyl_c4swiper .slick-dots li.slick-active{ background: #0087c4; height: 12px; width: 12px; }
.m2szyl_c3item{padding:0;}
.m2zhyx_c3dl dd{font-size:14px; line-height:21px;}
}



#description { text-align: left; float: left; width: 49%; max-width: 500px; padding-top: 50px; padding-left: 20px; }
#showoff {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#container { position: relative; display: inline-block; width: 800px; height: 800px; top:-5vh; }
#sphere, #flights, #glow-shadows, #locations, #drag { position: absolute; top: 0px; left: 0px; width: 800px; height: 800px; }
#glow-shadows { top: 1px; left: 1px; }
#glow-shadows.earth { background: url(../images/earth-glow-shadows.png); }
#glow-shadows.mars { background: url(../images/mars-glow-shadows.png); }
.location { position: absolute; width: 10px; height: 10px; left: 10px; top: 10px; border: 0px solid #0087c4; margin-left: -5px; margin-top: -5px; cursor: pointer; background:#0087c4 }
.location span{width:100px; line-height:16px; font-size:12px; color:#666; text-align:center; position:absolute; left:50%; margin-left:-50px; top:17px;}
/*.location:hover { width: 8px; height: 8px; margin-left: -7.5px; margin-top: -7.5px; }*/
.flight { position: absolute; width: 24px; height: 25px; left: 10px; top: 10px; background: url(../images/plain.png); background-size: 100% 100%; margin-left: -12px; margin-top: -12.5px; cursor: pointer; }
.flight:hover { width: 36px; height: 37.5px; margin-left: -18px; margin-top: -18.75px; }
.choose_example { width: 35%; margin-left: 32.5%; }
#example_code { width: 100%; height: 200px; background-color: black; color: white; border: 0px; resize: none; display: none; }
.code { margin-top: 10px; }
.social { display: inline-block; }
.social.twitter { vertical-align: -3px; }
.social.google { vertical-align: -7px; }
.index4shx{ background: url(../images/map_shdow.png) no-repeat center center; height: 88px; width: 398px; position: absolute; left: 50%; bottom: 0px; transform:translateX(-50%);}
#locations .location{ background: url(../images/chicon.png) no-repeat center center; height: 20px; width: 15px; }
#locations .location span{ top:28px}


/*2022-03-01 CSS*/
.m2abtCon4{ padding: 6.41vw 0; background: url(../images/m2lx_bg1a.jpg) no-repeat center bottom; background-size:cover; }
.m2usc5box{margin-top:3.12vw; height:435px; position:relative;}
.m2usc5Swiper_s{padding:84px 45px 0;}
.m2usc5_sitem{ text-align:center; opacity:0;}
.m2usc5_sitem.slick-active{opacity:1;}
.m2usc5_sitem .bgImg{ height: 142px; width: 142px; display: inline-block; border-radius:50%; overflow:hidden;}
.m2usc5Swiper_s .slick-active1{ transform:translateX(-40px);}
.m2usc5Swiper_s .slick-active2{ transform:translateX(-60px);}
.m2usc5Swiper_s .slick-current + .slick-active{ transform:translateX(58px);}
.m2usc5Swiper_s .slick-current + .slick-active + .slick-active{ transform:translateX(38px);}
.m2usc5Swiper_s .slick-current{opacity:0;}
.m2usc5Swiper_s .slick-prev{ background: url(../images/m2abt_btn1.png) no-repeat center center; display: inline-block; height: 48px; width: 48px; position: absolute; left: -50px; top: 55%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 2px solid #CCCCCC; z-index: 2; border-radius: 50%; }
.m2usc5Swiper_s .slick-next{background: url(../images/m2abt_btn1.png) no-repeat center center; display: inline-block; height: 48px; width: 48px; position: absolute; right: -50px; top: 55%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 2px solid #CCCCCC; z-index: 2; border-radius: 50%; transform:rotate(180deg);}
.m2usc5Swiper_s .slick-prev:hover,.m2usc5Swiper_s .slick-next:hover{ background: url(../images/m2abt_btn1a.png) no-repeat center center; border: 2px solid #0087c4; }
.m2usc5Swiper_b{ height: 435px; width: 380px; margin-left: -190px; position: absolute; left: 50%; top: 0px; }
.m2usc5Swiper_b:before{ content: ""; background: url(../images/m2us_c3bor.png) no-repeat center center; height: 380px; width: 380px; position: absolute; left: 0px; top: -36px; animation:radiusRotate 10s linear infinite }
.m2usc5Bitem{ text-align:center; padding-top:35px;}
.m2usc5Pimg{ height:238px; width:238px; border-radius:50%; overflow:hidden; display:inline-block;}
.m2usc5Pinfo{ margin-top:45px;}
.m2usc5Pinfo strong{ line-height: 38px; height: 38px; display: block; font-size: 24px; }
.m2usc5Pinfo p{ font-size: 14px; color: #999999; line-height: 28px; }
@media (max-width:1799px){

}
@media (max-width:1379px){
.m2usc5Swiper_s .slick-prev{left: -20px;}
.m2usc5Swiper_s .slick-next{right: -20px;}
}
@media (max-width:1199px){
.m2usc5Swiper_s .slick-prev{left: 20px;}
.m2usc5Swiper_s .slick-next{right: 20px;}
}
@media (max-width:993px){
.m2usc5_sitem{opacity:0!important;}
}
@media (max-width:767px){
.m2abtCon4{padding-top:50px;}
.m2usc5Swiper_b{transform:scale(0.7);}
.m2usc5box{margin-top:-30px;}
.m2usc5Swiper_s .slick-prev,.m2usc5Swiper_s .slick-next{top:155px;}
.m2usc5Pinfo strong{font-size:28px; line-height:52px; height:52px;}
.m2usc5Pinfo p{font-size:20px;}
.m2usc5box{height:385px;}
.m2usc5Swiper_s .slick-prev{left: -5px; transform:scale(0.8);}
.m2usc5Swiper_s .slick-next{right: -5px; transform:scale(0.8) rotate(180deg);}
}

/*2022-03-03 CSS*/
.hmc4rx{position:relative;}
.hmc4Ritems{padding: 50px 30px;width: 505px;background: rgba(255,255,255,0);font-size: 14px;line-height: 18px;color: #808080;position: absolute;z-index: 10;left: -100px;top: 190px;box-shadow: 0 10px 30px rgba(0,0,0,0.1); display:none;}
.hmc4chLay{display:none;}
.hmc4chLay.on{display:block;}
.hmc4Close {background: url(../images/close-2.png) no-repeat center center;display: block;height: 20px;width: 20px;overflow: hidden;position: absolute;top: 20px;right: 20px;background-size: 20px auto;cursor: pointer;}
.hmc4chLay strong{ font-size:18px; color:#0087c4; display:block; line-height:28px; margin-bottom:8px;}
.hmc4chLay p{ font-size:16px; line-height:32px; letter-spacing:1px;}
.hmc4chLay p span{display:inline-block; position:relative; padding-left:15px; position:relative; min-width:125px;}
.hmc4chLay p span:before{content:""; width:4px; height:4px; background:#aaa; position:absolute; left:0; top:50%; margin-top:-2px;}


/*2022-03-09 CSS*/
.m2mapBom { background: #f3f3f3; padding: 15px 0px; }
.m2mapBmBox { height: 80px; padding: 0px 25px; position: relative; margin-right:105px; }
.m2mapBmBox .slick-prev{ background: url(../images/m2abt_btn1.png) no-repeat center center; height: 13px; width: 13px; margin-top: -6px; position: absolute; left: 0px; top: 50%; text-indent: 500px; white-space: nowrap; overflow: hidden; cursor:pointer; z-index:2; }
.m2mapBmBox .slick-next{ background: url(../images/m2abt_btn1.png) no-repeat center center; height: 13px; width: 13px; margin-top: -6px; position: absolute; right: 0px; top: 50%; text-indent: 500px; overflow: hidden; cursor:pointer; transform:rotate(180deg); z-index:2; }
.m2map_sAbox{ display:block; height:80px; position:relative; margin:0 7px; background:#fff;}
.m2map_sAbox img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; width:auto; height:auto;}
.m2mapBmBox .slick-prev:hover,.m2mapBmBox .slick-next:hover{ background: url(../images/m2abt_btn1a.png) no-repeat center center;}
@media (max-width:1799px){
.m2mapBmBox{margin-right:0;}
}