@charset "UTF-8";
.header{ height: 86px; border-bottom: 1px solid rgba(255,255,255,0.4); position: fixed; left: 0; top: 0; width: 100%; z-index: 10; padding: 0px 6.14vw; }
.headerDown{ background:#fff; border-bottom:1px solid #fff; box-shadow:0 3px 5px rgba(0,0,0,0.08);}
.header a{transition:all 0.3s ease-in-out;}
.nav{position:absolute; left:0; width:100%; text-align:center; top:0;}
.nav li{ display: inline-block; font-size: 18px; color: #FFF; margin: 0px 1.82vw; }
.nav_a,.nav_a:hover{color:#fff; line-height:86px; display:inline-block; position:relative}
.nav_a:after{content:""; height:3px; background:#fff; position:absolute; left:50%; bottom:-1px; width:0%; transition:all 0.5s ease-in-out;}
.nav_a.on:after,.nav_a:hover:after{width:100%; left:0;}
.logo { float: left; /*margin-top: 26px; */position:relative; z-index:2; }
.logo img:nth-child(2){position:absolute; left:0; top:0;}
.logo img{ transition:all 0.5s ease-in-out;}
.headerDown .logo img{opacity:0;}
.headerDown .logo img.iOpacity{opacity:1;}
.headerDown .nav_a{color:#333;}
.headerDown .nav_a:hover,.headerDown .nav_a.on{ color: #0d98f4; }
.headerDown .nav_a:after{ display:none!important;}
.headRx { float: right; margin-top: 30px; position:relative; z-index:2; }
.topSerBtn { background: url(../images/head_i1.png) no-repeat center center; float: left; height: 31px; width: 31px; border: 1px solid #FFF; margin-right: 25px; border-radius:50%; }
.topEnBtn { background: url(../images/head_i2.png) no-repeat center center; float: left; height: 31px; width: 31px; border: 1px solid #FFF; margin-right: 25px; border-radius: 50%; }
.topWxBtn { background: url(../images/head_i3.png) no-repeat center center; float: left; height: 31px; width: 31px; border: 1px solid #FFF; border-radius: 50%; position: relative; }
.topWxBtn span{ display: inline-block; height: 100px; width: 100px; position: absolute; left: 50%; border: 2px solid #FFF; margin-left: -50px; top: 44px; transition:all 0.5s ease-in-out; opacity:0; visibility:hidden; transform:translateY(10px); }
.topWxBtn span:before{content:""; border-left:9px solid transparent; border-right:9px solid transparent; border-bottom:9px solid #fff; position:absolute; left:50%; top:-9px; margin-left:-9px;}
.topWxBtn:hover span{opacity:1; visibility:visible; transform:translateY(0px);}
.headerDown .topSerBtn{ background: url(../images/head_i1a.png) no-repeat center center; border: 1px solid #606060; }
.headerDown .topEnBtn{ background: url(../images/head_i2a.png) no-repeat center center; border: 1px solid #606060; }
.headerDown .topWxBtn{ background: url(../images/head_i3a.png) no-repeat center center; border: 1px solid #606060; }
@media (max-width:1799px){
.header{padding:0px 50px;}
}
@media (max-width:1199px){
.header{padding:0px 20px;}
.nav li{margin:0 10px; font-size:15px;}
}
@media (max-width:993px){
.topSerBtn{ background: url(../images/head_i1a.png) no-repeat center center; height: 30px; width: 30px; border: 1px solid #333; position: absolute; top: 13px; right: 33px; border-radius:50%;}
.topEnbtn{ background: url(../images/head_i2a.png) no-repeat center center; height: 30px; width: 30px; border: 1px solid #333; position: absolute; top: 13px; right: 60px; border-radius:50%;}
}
@media (max-width:767px){
.topSerBtn{display:none!important;}
}


.footer{ font-size: 18px; line-height: 30px; color:rgba(255,255,255,0.6); background: #0d98f4; text-align: center; padding: 2.77vh 0px;}
.footer a{ color:rgba(255,255,255,0.6);}
.footer a:hover{color:#fff;}
.m2banner .bgImg { height: 68.61vh; }
.m2banner { position: relative; }
.m2banTxt { text-align: center; width: 100%; position: absolute; left: 0px; top: 50%; font-size: 55px; color: #FFF; z-index: 5; transform: translateY(-50%); font-weight: 100; }
@media (max-width:1799px){
.m2banTxt {font-size: 45px;}
.footer{font-size:16px;}
}
@media (max-width:993px){
.m2banner .bgImg{height:550px;}
}
@media (max-width:767px){
.m2banTxt{font-size:26px; padding-top:40px;}
.m2banner .bgImg{height:266px;}
.footer{font-size:12px; line-height:24px; padding-left:15px; padding-right:15px;}
}


.m2abtc1_t { font-size: 44px; line-height: 62px; text-align: center;  }
.m2abtCon1 { padding-top: 7.4vh; padding-bottom: 10.92vh; position:relative}
.m2abtCon1:after{ content: ""; height: 5.27vh; width: 4px; margin-left: -2px; position: absolute; left: 50%; bottom: 0px; background:rgba(0,0,0,0.2);}
.m2abtc1_st { font-size: 30px; color: #0d98f4; line-height: 44px; text-align: center; margin: 2.96vh 0px 5.18vh; }
.m2abtEditor { font-size: 16px; line-height: 30px; }
.m2abtu1 { text-align: center; margin-top: 7.4vh; }
.m2abtu1 li{position:relative;}
.m2abtu1 li:after{ content: ""; background: #ECECEC; height: 88px; width: 1px; position: absolute; right: 0px; top: 24px; }
.m2abtu1 li:last-child:after{display:none;}
.m2abtu1 strong { font-weight: normal; display: block; font-size: 60px; font-family: "微软雅黑"; line-height: 80px; color: #0d98f4; }
.m2abtu1 strong span{ font-size: 70px; display: inline-block; margin-right: 5px; font-family: din; }
.m2abtu1 li:nth-child(1) strong{ font-size: 30px;}
.m2abtu1 p { font-size: 20px; color: #666666; line-height: 40px; }
.m2abtCon2 { background: url(../images/m2abt_bg1.jpg) no-repeat fixed center center; background-size:cover; }
.m2abtCon2 { color: #FFF; padding: 14.35vh 0px 16.66vh; text-align: center; }
.m2abt_t { font-size: 40px; line-height: 54px; text-align: center; }
.m2abt_bdes { font-size: 40px; line-height: 60px; margin: 4.16vh 0px 2.4vh; letter-spacing: 2px; }
.m2abtc2txt { font-size: 16px; line-height: 30px; }
.m2abtCon3 { padding: 15.74vh 0px 15.27vh; text-align: center; position:relative }
.m2abtCon3:before{ content: ""; height: 5.27vh; width: 4px; margin-left: -2px; position: absolute; left: 50%; top: 0px; background:rgba(0,0,0,0.2);}
.m2abtCon3:after{ content: ""; height: 5.27vh; width: 4px; margin-left: -2px; position: absolute; left: 50%; bottom: 0px; background:rgba(0,0,0,0.2);}
.m2abtCon4 { background: #f3f3f3; padding-top: 5.09vh; }
.m2abt4Box{position:relative;}
.m2abt4Box .fl { padding-left: 6.15vw; }
.m2abt4Box .fl img { float: right; width: 29.21vw; }
.m2abtc4Rx{ width: calc(100% - 38.62vw); position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 16px; line-height: 30px; padding-bottom:60px; }
.m2abtc4Rx strong { font-size: 20px; line-height: 58px; display: block; font-weight: normal; margin-bottom: 3.33vh; }
.m2abtc4Rx strong span { font-size: 40px; font-weight: normal; display: inline-block; margin-right: 25px; }
.m2abtCon5 { padding: 8.79vh 0px 7.03vh; }
.m2abt_tdes { font-size: 16px; line-height: 30px; text-align: center; margin-top: 26px; }
.cor_blue { color: #0d98f4; }
.m2abt_more { font-size: 16px; line-height: 30px; text-align: center; margin-top: 3.88vh; }
.m2abt_c5ul { margin: 3.88vh -12px 0px; }
.m2abt_c5ul.clearfix li { float: left; width: 16.666%; margin-bottom: 24px; padding:0 12px; }
.m2abtc5_a { height: 102px; display: block; position: relative; box-shadow:0 2px 9px rgba(0,0,0,0.1); }
.m2abtc5_a img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; width:auto; height:auto;}
.m2abtc5_a:hover{transform:translateY(-8px);}
.m2abtCon6 { background: #f6f6f6; padding: 8.11vh 0px 9.62vh; }
.m2abtSwiper { margin: 2.31vh 70px 0px; }
.m2abtSitem { padding: 15px 27px; }
.m2abt_c6a{display:block; background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.1);}
.m2abtSwiper .slick-prev{ background: url(../images/m2c6btn.png) no-repeat center center; display: inline-block; height: 48px; width: 48px; position: absolute; left: -60px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -24px; border: 1px solid #AFAFAF; border-radius:50%; transition:all 0.5s ease-in-out; }
.m2abtSwiper .slick-next{ background: url(../images/m2c6btn.png) no-repeat center center; display: inline-block; height: 48px; width: 48px; position: absolute; right: -60px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -24px; border: 1px solid #AFAFAF; border-radius:50%;  transform:rotate(180deg); transition:all 0.5s ease-in-out;}
.m2abtSwiper .slick-prev:hover,.m2abtSwiper .slick-next:hover{ background-image: url(../images/m2c6btna.png); background-color: #0d98f4; border: 1px solid #0d98f4; }
.m2abtCon7 { padding: 7.4vh 0px 6.66vh; background: url(../images/m2abt6bg.png) no-repeat center bottom; }
.m2abtMap{ width:100%; max-width:906px; margin:4.62vh auto 0; position:relative;}
.m2abt_mitem{ background: url(../images/m2abt_mi.png) no-repeat center center; display: inline-block; position: absolute; height: 24px; width: 20px; top: 58%; right: 17.43%; animation:mapAni 1.3s linear infinite; }
@media (max-width:1799px){
.m2abtc1_t { font-size: 34px; line-height: 52px; }
.m2abtc1_st { font-size: 26px; line-height: 40px;}
.m2abtEditor { font-size: 15px; }
.m2abtu1 p { font-size: 18px; line-height: 36px; }
.m2abtu1 strong{font-size:42px; line-height: 70px;}
.m2abtu1 li:nth-child(1) strong{font-size:26px;}
.m2abtu1 strong span{ font-size: 60px;}
.m2abtCon1:after,.m2abtCon3:before,.m2abtCon3:after{ width: 2px; margin-left: -1px;}
.m2abt_t { font-size: 32px; line-height: 44px;}
.m2abt_bdes { font-size: 28px; line-height: 50px; }
.m2abtc2txt { font-size: 15px;}
.m2abtc4Rx{ top:30%;}
.m2abtc4Rx strong span { font-size: 32px; margin-right: 20px; }
.m2abtc4Rx strong{line-height:44px;}
}
@media (max-width:1200px){
.m2abtc4Rx{ top:20%;}
}
@media (max-width:993px){
.m2abtu1 li{height:150px;}
.m2abtu1 li:nth-child(2):after{display:none;}
.m2abtCon4{padding-top:12vh;}
.m2abt_c5ul.clearfix li{width:33.33%;}
.m2abtc4Rx{ top:0;}
}
@media (max-width:767px){
.m2abtc1_t { font-size: 22px; line-height: 38px; }
.m2abtc1_st { font-size: 20px; line-height: 32px;}
.m2abtu1 li{width:50%; height:105px;}
.m2abtu1 strong span{font-size:32px;}
.m2abtu1 p{font-size:15px; line-height:30px;}
.m2abtu1 strong{font-size:32px; line-height: 60px;}
.m2abtu1 li:nth-child(1) strong{font-size:20px;}
.m2abt_t { font-size: 24px; line-height: 36px;}
.m2abt_bdes { font-size: 20px; line-height: 36px; }
.m2abtCon4{position:relative; padding-top:60px;}
.m2abtc4Rx{width:100%; position:static; transform:translate(0,0); font-size:15px; line-height:28px;}
.m2abt4Box .fl{position:absolute; left:15px; bottom:0; padding-left:0;}
.m2abt4Box{ padding-bottom:150px;}
.m2abtc4Rx strong{font-size:18px;}
.m2abtc4Rx strong span{font-size:26px;}
.m2abt4Box .fl img{width:180px;}
.m2abt_c5ul.clearfix li{width:50%;}
.m2abtSwiper{margin-left:30px; margin-right:30px;}
.m2abtSwiper .slick-prev{height: 38px; width: 38px; left: -30px; margin-top: -19px; }
.m2abtSwiper .slick-next{height: 38px; width: 38px; right: -30px; margin-top: -19px;transform:rotate(180deg);}
.m2abt_tdes{font-size:15px; line-height:28px;}
.m2abtc5_a{height:78px;}
.m2abt4Box .fl{display:none;}
.m2abt4Box{padding-bottom:0;}
}


.m3ywul {margin:0 -14px;}
.m3ywul .item{ border: 1px solid #fff; border-radius:0.2em; padding-left:14px;}
.m3ywCon{ max-width: 1200px; margin: 0 auto; padding: 6.48vh 0px 5.55vh; }
.m3yw_t { font-size: 40px; line-height: 56px; display: block; font-weight: normal; margin-bottom: 2.31vh; }
.m3yw_a { padding: 12px 18px 12px 12px; min-height:76px; position:relative; font-size: 16px; line-height: 26px; color: #8a8594; display:block; position:relative; }
.m3yw_a p:before{ content: ""; background: #0d98f4; display: block; height: 4px; width: 4px; left:0px; top:11px; border-radius:50%; position:absolute;}
.m3yw_a p{ position:absolute; padding-left:12px; left:0px; right:18px; top:50%; transform:translateY(-50%); max-height:52px; overflow:hidden;}
.m2ywList { display: block; padding: 8.51vh 5.93vw; }
.m2ywList li { overflow: hidden; position: relative; }
.m2ywList li .overflowHide { float: left; height: 40.1vw; width: 50%; }
.m2ywRx { width: 50%; position: absolute; top: 50%; right: 0px; padding-left: 5.62vw; transform:translateY(-50%); padding-bottom:40px; }
.m2ywNumt { text-align: center; position: relative; margin-bottom: 6.11vh; }
.m2ywNumt span { display: block; color: #eef6fe; font-size: 13.02vw; line-height: 10.41vw; font-weight: bold; }
.m2ywNumt p { font-size: 2.6vw; line-height: 3.22vw; position: absolute; height: 62px; width: 100%; left: 0px; bottom: 0px; z-index: 1; }
.m2ywdl { overflow: hidden; }
.m2ywdl dd { font-size: 20px; line-height: 42px; float: left; height: 42px; width: 50%; padding-left: 16px; position: relative; }
.m2ywdl dd:before{ content: ""; background: #0d98f4; position: absolute; left: 0px; top: 50%; height: 6px; width: 6px; margin-top: -3px; border-radius:50%;}
.m2ywList li:nth-child(2n) .overflowHide { float: right; }
.m2ywList li:nth-child(2n) .m2ywRx{right:auto; left:0;}
@media (max-width:1799px){
.m3yw_t { font-size: 32px; line-height: 46px; }
.m2ywList li .overflowHide{height:35.5vw;}
.m2ywRx{padding-left:3vw;}
.m2ywNumt span { font-size: 10.02vw; line-height: 9.41vw;}
.m2ywNumt p { font-size: 32px; line-height: 3.02vw; height: 58px;}
.m2ywNumt{margin-bottom:3.2vh;}
.m2ywdl dd { font-size: 17px; line-height: 36px; height: 36px; }
}
@media (max-width:993px){
.m2ywList li .overflowHide{width:100%; height:450px; float:none!important;}
.m2ywRx{width:100%; position:static; transform:translate(0,0)!important; padding:50px 0;}
}
@media (max-width:767px){
.m3yw_t{font-size:24px;}
.m3yw_a{font-size:13px;}
.m2ywList li .overflowHide{height:265px;}
.m2ywList{padding-left:15px; padding-right:15px;}
.m2ywNumt span{font-size:120px;}
.m2ywNumt p{bottom:-35px; font-size:24px;}
.m2ywdl dd{width:100%;}
.m2ywdl{margin-top:40px;}
}

.m3nCon { margin: 0px auto; max-width: 1200px; padding: 6.48vh 0px 9.44vh; }
.m3n_stop { font-size: 16px; color: #0d98f4; line-height: 30px; margin-bottom: 10px; }
.m3nt { font-size: 30px; line-height: 40px; margin-bottom: 3.33vh; }
.m3neditor { font-size: 16px; line-height: 28px; color: #8a8594; margin-bottom: 5.09vh; }
.m3page { line-height: 9.25vh; color: #FFF; background: #C7CACD; height: 9.25vh; font-size: 14px; padding: 0px 30px; }
.m3page span{width:48%;}
.m3page span.fr{text-align:right;}
.m3page a:hover{text-decoration:underline;}
@media (max-width:1799px){
.m3nt { font-size: 26px; line-height: 36px; }
.m3page{padding-left:15px; padding-right:15px;}
}
@media (max-width:767px){
.m3nt{font-size:20px; line-height:34px;}
.m3neditor{font-size:15px;}
}


.m2nWpr{ background: #f6f6f6; padding-top: 7.22vh; }
.m2nMenu { text-align: center; margin-bottom: 5.09vh; }
.m2nMenu_a { font-size: 22px; line-height: 48px; padding: 0px 30px; margin: 0px 10px; display: inline-block; border-radius:1.8em; }
.m2nMenu_a:hover,.m2nMenu_a.on{ color: #FFF; background: #0d98f4; }
.m2nMore { text-align: center; font-size: 18px; color: #888; padding-bottom: 7.96vh; line-height: 38px; }
.m2dsjul { margin: 0px -1.71vw; }
.m2dsjul li { padding: 0px 1.71vw; margin-bottom: 2.29vw; }
.m2dsj_aBox { background: #FFF; padding: 2.82vw 2.5vw 2.7vw; display:block; }
.m2dsj_at { line-height: 70px; font-size: 40px; color: #0d98f4; }
.m2dsj_ades { font-size: 16px; line-height: 30px; height: 90px; overflow: hidden; margin-bottom: 35px; color: #333; }
.m2dsjBom { border-top: 1px solid #ECECEC; height: 45px; padding-top: 12px; font-size: 16px; line-height: 32px; text-transform: uppercase; color: #CBCBCB; background: url(../images/m2dsj_m1.jpg) no-repeat right 18px; }
.m2dsj_aBox:hover{transform:translateY(-10px); box-shadow:0 15px 25px rgba(0,0,0,0.1);}
.m2nWpr2{background:#fff;}
.m2nul { margin: 0px -18px; }
.m2nul li{ padding: 0px 18px; width: 33.33%; margin-bottom: 7.59vh; float: left; }
.m2nul li.m2nImg{ width: 66.66%; }
.m2n_aBox.scaleImg .overflowHide { height: 554px; }
.m2n_tnm { font-size: 24px; line-height: 60px; color: #FFF; height: 60px; padding: 0px 180px 0px 40px; width: 100%; position: absolute; left: 0px; bottom: 0px; z-index: 2; background: rgba(0,0,0,0.5); }
.m2n_tnm .ellipsis { line-height: 60px; height: 60px; }
.m2n_tnm span { font-size: 20px; display: inline-block; position: absolute; top: 0px; right: 40px; }
.m2n_aBox2.scaleImg .overflowHide { height: 267px; }
.m2n_aBox2 { display: block; height: 554px; }
.m2n_aBox2 strong { font-size: 26px; line-height: 40px; font-weight: normal; max-height: 80px; overflow: hidden; display: block; margin: 36px 0px 15px; }
.m2n_aBox2 span { font-size: 20px; color: #048cd9; line-height: 36px; display: block; margin-bottom: 12px; }
.m2n_aBox2.scaleImg p { font-size: 18px; line-height: 30px; height: 90px; overflow: hidden; color: #666666; }
.m2ywTop { background: url(../images/m2topbg.jpg) no-repeat center center; height: 310px; padding-top: 86px; }
.m2ywMenuSwiper { margin: 0px 80px; }
.m2ywMa { text-align: center; display: block; height: 224px; padding-top: 65px; position:relative; }
.m2ywMa p { font-size: 20px; line-height: 56px; color: #FFF; }
.m2ywMa img { margin: 0px auto; transition:all 0.5s ease-in-out; }
.m2ywMa:hover img{ transform:rotateY(180deg);}
.m2ywMenuSwiper .slick-prev{ background: url(../images/m2yw_arbtn.png) no-repeat center center; display: inline-block; height: 48px; width: 48px; position: absolute; left: -80px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 1px solid #FFF; margin-top:-20px; border-radius:50%; }
.m2ywMenuSwiper .slick-next{ background: url(../images/m2yw_arbtn.png) no-repeat center center; display: inline-block; height: 48px; width: 48px; position: absolute; right: -80px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; border: 1px solid #FFF; margin-top:-20px; border-radius:50%; transform:rotate(180deg);}
.m2ywMa:after{content:""; border-left:16px solid transparent; border-right:16px solid transparent; border-bottom:16px solid #fff; position:absolute; left:50%; bottom:0px; margin-left:-16px; transition:all 0.5s ease-in-out; opacity:0}
.m2ywMa.on:after{opacity:1;}
@media (max-width:1799px){
.m2nMenu_a { font-size: 20px; line-height: 42px;}
.m2dsj_at { line-height: 60px; font-size: 32px;}
.m2dsj_ades { font-size: 15px; margin-bottom: 30px;}
.m2n_aBox.scaleImg .overflowHide{height:462px;}
.m2n_tnm { font-size: 20px; line-height: 54px; height: 54px; padding: 0px 160px 0px 20px;}
.m2n_tnm .ellipsis{line-height:54px; height:54px;}
.m2n_tnm span{font-size:18px; right:20px;}
.m2n_aBox2.scaleImg .overflowHide{height:196px;}
.m2n_aBox2 strong { font-size: 18px; line-height: 36px; max-height: 72px; margin: 26px 0px 12px; }
.m2n_aBox2 span { font-size: 16px; line-height: 32px; margin-bottom: 12px; }
.m2n_aBox2.scaleImg p { font-size: 16px; line-height: 28px; height: 84px;}
.m2n_aBox2{height:462px; overflow:hidden}
.m2ywMa p{font-size:19px;}
.m2nMore{font-size:17px;}
}
@media (max-width:993px){
.m2nul li{width:50%;}
.m2nul li.m2nImg{width:100%;}
}
@media (max-width:767px){
.m2nMenu_a{font-size:16px;}
.m2dsj_at{font-size:26px;}
.m2dsj_ades{font-size:14px; line-height:28px; height:84px;}
.m2dsjul {margin-bottom:15px;}
.m2n_aBox.scaleImg .overflowHide{height:188px;}
.m2n_tnm { font-size: 14px; line-height: 44px; height: 44px; padding: 0px 100px 0px 15px;}
.m2n_tnm .ellipsis{line-height:44px; height:44px;}
.m2n_tnm span{font-size:12px; right:15px;}
.m2nul li{ width:100%; margin-bottom:15px;}
.m2n_aBox2 strong{font-size:18px; line-height:30px; height:auto;}
.m2n_aBox2.scaleImg p{font-size:15px; height:auto;}
.m2n_aBox2{height:auto; padding-bottom:25px;}
.m2n_aBox2 span{line-height:20px;}
.m2ywMenuSwiper .slick-prev{ height: 38px; width: 38px; left: -40px; margin-top:-19px; }
.m2ywMenuSwiper .slick-next{ height: 38px; width: 38px; right: -40px; margin-top:-19px;  transform:rotate(180deg);}
.m2ywMenuSwiper{margin:0 38px;}
.m2ywMa img{width:42px; height:auto;}
.m2ywMa p{font-size:16px;}
.m2ywMa{padding-top:42px; height:172px;}
.m2ywTop{padding-top:55px; height:225px;}
}
@media (max-width:460px){
.m2ywMa p{ font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
}


.m2ywSitem { padding: 24px; }
.m2ywSwiper { margin: 0px -24px; }
.m2ywSa{ display: block; height: 318px; padding: 37px 110px 0px 88px; box-shadow: 0 0 22px rgba(0,0,0,0.1); }
.m2ywSlogo{width:310px; height:180px; float:left; margin-top:28px; position:relative}
.m2ywSlogo img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; width:auto; height:auto;}
.m2ywSrx { margin-left: 375px; padding-top:15px; }
.m2ywSrx .ellipsis { font-size: 30px; font-weight: normal; line-height: 56px; display: block; height: 56px; }
.m2ywStags { color: #0d98f4; font-size: 16px; line-height: 30px; height:30px; overflow:hidden; margin-bottom: 16px; }
.m2ywStags span { display: inline-block; margin-right: 24px; }
.m2ywSrx p { font-size: 16px; line-height: 28px; color: #888888; height: 28px; overflow: hidden; margin-bottom: 35px; }
.m2ywSa .transition{ padding: 0px 30px; line-height: 40px; color: #FFF; height: 40px; font-size: 16px; background: #0d98f4; display: inline-block; border-radius:1.8em;}
.m2ywSa:hover .transition{transform:translateY(-4px); box-shadow:0 3px 5px rgba(0,0,0,0.1);}
.m2ywSwiper .slick-prev{ background: url(../images/m2yw_btn2.png) no-repeat center center; display: inline-block; height: 50px; width: 50px; position: absolute; left: 46px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -25px; z-index: 3; }
.m2ywSwiper .slick-next{ background: url(../images/m2yw_btn2.png) no-repeat center center; display: inline-block; height: 50px; width: 50px; position: absolute; right: 46px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -25px; z-index: 3; transform:rotate(180deg);}
.m2ywSwiper .slick-prev:hover,.m2ywSwiper .slick-next:hover{background-image:url(../images/m2yw_btn2a.png);}
.m2ywux{margin-bottom:40px;}
.m2ywux.clearfix li { padding: 33px 0px; border-bottom: 1px solid #CFCFCF; }
.m2ywuLogo { float: left; height: 192px; width: 337px; border: 1px solid #C8C8C8; position: relative; transition:all 0.5s ease-in-out; }
.m2ywuLogo img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; width:auto; height:auto;}
.m2ywuRdes { margin-left: 392px; height:192px; position:relative; }
.m2ywRax{position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%;}
.m2ywuRdes .ellipsis { line-height: 42px; font-weight: normal; height: 42px; font-size: 30px; display: block; }
.m2ywuRdes p { font-size: 16px; line-height: 28px; color: #888888; max-height: 112px; overflow: hidden; margin: 12px 0px 0px; }
.m2ywuRdes i { background: url(../images/m2yw_mi.png) no-repeat; display: inline-block; height: 15px; width: 62px; display:none }
.m2ywux_a:hover .m2ywuLogo{ border: 1px solid #0d98f4; }
.cursorDefault{ cursor:default!important;}
@media (max-width:1799px){
.m2ywSrx .ellipsis { font-size: 24px; line-height: 48px; height: 48px; }
.m2ywStags { font-size: 15px; line-height:28px; margin-bottom: 12px; }
.m2ywSrx p{margin-bottom:20px;}
.m2ywSa{ height: 268px; padding: 25px 100px 0px 80px; }
.m2ywSlogo{width:290px; height:160px; margin-top:25px;}
.m2ywSrx{margin-left:308px;}
.m2ywuLogo{width:300px;}
.m2ywuRdes{margin-left:340px; padding-top:5px;}
.m2ywuRdes .ellipsis { line-height: 52px; height: 52px; font-size:24px; }
.m2ywuRdes i{transform:scale(0.8); transform-origin:left center;}
}
@media (max-width:993px){
.m2ywSlogo{width:212px;}
.m2ywSrx{margin-left:240px;}
}
@media (max-width:767px){
.m2ywSwiper .slick-prev{left:20px;}
.m2ywSwiper .slick-next{right:20px;}
.m2ywSlogo{height:88px; margin-top:0; float:none}
.m2ywSrx{margin-left:0;}
.m2ywSa{height:auto; padding:25px 45px;}
.m2ywSrx .ellipsis{font-size:18px;}
.m2ywSrx p{font-size:14px; line-height:26px; height:auto;}
.m2ywuLogo{width:100%; float:none; margin-bottom:5px; height:80px; border:none;}
.m2ywuRdes{margin-left:0; height:auto}
.m2ywuRdes .ellipsis{font-size:20px; line-height:40px; height:40px;}
.m2ywuRdes p{font-size:14px; line-height:26px; height:auto; max-height:none}
.m2ywuLogo img{max-height:50px;}
.m2ywRax{position:static; transform:translateY(0);}
.m2ywStags{height:auto;}
}


.m2fz_t{ font-size: 45px; text-align: center; padding-top: 7.03vh; line-height: 60px; font-weight: normal; margin-bottom: 9.25vh; position: relative; }
.m2fz_t:after{ content: ""; background: #0d98f4; height: 4.25vh; width: 2px; left: 50%; bottom: -6.2vh; margin-left: -1px; position:absolute;}
.m2fz_tdes { margin: 0px auto 4.44vh; max-width: 880px; text-align: center; font-size: 24px; line-height: 40px; color: #888888; font-weight: 100; }
.m2fza1Box.scaleImg .overflowHide { height: 262px; }
.m2fzSwiper{margin:0 55px;}
.m2fzSitem{ padding: 0px 11px; }
.m2fzSwiper .slick-prev{ background: url(../images/m2yw_btn2.png) no-repeat center center; display: inline-block; height: 50px; width: 50px; position: absolute; left: -55px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -25px; z-index: 3; }
.m2fzSwiper .slick-next{ background: url(../images/m2yw_btn2.png) no-repeat center center; display: inline-block; height: 50px; width: 50px; position: absolute; right: -55px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -25px; z-index: 3; transform:rotate(180deg);}
.m2fzSwiper .slick-prev:hover,.m2fzSwiper .slick-next:hover{background-image:url(../images/m2yw_btn2a.png);}
.m2fzTbox { background: url(../images/m2fz_bg1.jpg) no-repeat fixed center bottom; color: #FFF; padding: 12.96vh 15px 13.88vh; text-align: center; background-size:cover; }
.m2fzTbox strong { font-size: 58px; line-height: 96px; font-weight: normal; display: block; letter-spacing: 2px; }
.m2fzTbox p { font-size: 24px; line-height: 54px; letter-spacing: 8px; font-weight: 100; }
.m2fz_tdes2{ max-width:1235px;}
.m2faHsbox{ background:#f6f6f6;}
.m2faHsbox .m2dsj_at{ font-size: 30px; }
.m2faHsbox .m2dsj_ades{ color: #666; }
.m2faHsbox .m2fz_t:after{display:none}
.m2faHsbox .m2fz_t{ margin-bottom: 5.37vh; }
.m2fzTbox2 { background: url(../images/m2fz_bg2.jpg) no-repeat fixed center center; background-size:cover;  }
.m2fz_u2 { padding: 0px 31px; }
.m2fz_u2 li { float: left; width: 33.33%; padding: 0px 23px; }
.m2fzu2_a.scaleImg .overflowHide { height: 457px; }
.m2fzu2_a.scaleImg .overflowHide:after{content:""; width:100%; height:100%; position:absolute; left:0; top:0; transition:all 0.5s ease-in-out; background:#0d98f4; opacity:0;}
.m2fzLayer1{ position:absolute; left:0; text-align:center; top:50%; transform:translateY(-50%); z-index:3; transition:all 0.5s ease-in-out; width:100%;}
.m2fzLayer1 p{ font-size: 30px; color: #FFF; line-height: 42px; display: block; margin-top: 18px; font-weight: normal; }
.m2fzLayer1 img{transform:scale(1)!important; display:inline-block!important;}
.m2fzLayer2{ position: absolute; left: 0; text-align: center; top: 50%; transform: translateY(-50%); z-index: 4; transition: all 0.5s ease-in-out; width: 100%; color: #FFF; padding: 0px 3.9vw; opacity:0 }
.m2fzLayer2 strong{ line-height: 46px; font-weight: normal; display: block; font-size: 30px; }
.m2fzLayer2 p{ margin-top: 26px; font-size: 15px; line-height: 30px; }
.m2fzu2_a:hover .m2fzLayer1{opacity:0;}
.m2fzu2_a:hover .m2fzLayer2{opacity:1;}
.m2fzu2_a.scaleImg:hover .overflowHide:after{opacity:1;}
@media (max-width:1799px){
.m2fz_t{ font-size: 34px; line-height: 50px;}
.m2fz_tdes { font-size: 20px; line-height: 36px; }
.m2fza1Box.scaleImg .overflowHide { height: 200px; }
.m2fzTbox strong { font-size: 48px; line-height: 76px;}
.m2fzTbox p { font-size: 20px; line-height: 48px; letter-spacing: 6px; }
.m2fz_u2 li {padding: 0px 15px; }
.m2fzu2_a.scaleImg .overflowHide{height:388px;}
.m2fzLayer1 img{width:90px; height:auto;}
.m2fzLayer1 p{font-size:26px;}
.m2fzLayer2{ padding: 0px 2.5vw; }
.m2fzLayer2 strong{ line-height: 40px; font-size: 24px; }
.m2fzLayer2 p{ margin-top: 24px; font-size: 14px; line-height: 28px; }
.m2faHsbox .m2dsj_at{font-size:26px;}
}
@media (max-width:1199px){
.m2fz_tdes{font-size:18PX;}
}
@media (max-width:767px){
.m2fz_t{ font-size: 24px; line-height: 40px;}
.m2fz_tdes { font-size: 16px; line-height: 30px; }
.m2fzSwiper{margin:0 45px;}
.m2fzSitem{padding:0;}
.m2fza1Box.scaleImg .overflowHide{height:158px;}
.m2fzTbox strong { font-size: 26px; line-height: 38px; margin-bottom:18px}
.m2fzTbox p { font-size: 18px; line-height: 28px; letter-spacing: 2px; }
.m2fz_u2 li{width:100%; margin-bottom:15px;}
.m2fz_u2{padding:0;}
.m2fzLayer1 p{font-size:20px; line-height:30px;}
.m2fzLayer1 img{width:70px; height:auto;}
}


.m3fzCon{ max-width: 1200px; margin: 0 auto; padding: 5.37vh 0px 7.4vh; }
.m3fz_t { font-size: 30px; line-height: 42px; }
.m3fz_tags { margin: 2.68vh 0px; font-size: 18px; line-height: 32px; }
.m3fz_tags span { display: inline-block; margin-right: 6.25vw; white-space: nowrap; }
.m3fzCon h5 { font-size: 18px; line-height: 50px; background: #F8F8F8; padding: 0px 20px; font-weight: normal; }
.m2fzDes { font-size: 16px; line-height: 26px; padding: 20px 0px; }
.m3fz_bom { line-height: 30px; padding: 10px 20px; background: #F8F8F8; }
.m3fz_bom .fl { font-size: 18px; color: #0d98f4; }
.m3fz_bom .fr { font-size: 16px; }
@media (max-width:1799px){
.m3fz_t { font-size: 26px; line-height: 38px; }
.m3fz_tags { font-size: 16px; line-height: 30px; }
.m3fz_tags span { margin-right: 4.25vw;}
.m3fzCon h5{font-size:16px;}
.m2fzDes{font-size:15px;}
.m3fz_bom .fl { font-size: 16px;}
.m3fz_bom .fr { font-size: 15px; }
}
@media (max-width:767px){
.m3fz_t{font-size:24px;}
.m3fz_bom .fl { font-size: 14px;}
.m3fz_bom .fr { font-size: 12px; }
}


.m2lxCon1{ padding: 8.33vh 0px 7.87vh; }
.m2lxMap { background: #efefef; float: left; height: 447px; width: 680px; }
.m2lxRx { margin-left: 742px; padding-top: 32px; }
.m2lxRx h2 { font-size: 40px; color: #0d98f4; line-height: 60px; font-weight: normal; display: block; }
.m2lxRx h5 { font-weight: 100; font-size: 20px; line-height: 28px; color: #888888; margin: 18px 0px 32px; display: block; }
.m2lxEditor { font-size: 20px; line-height: 28px; }
.m2lxCon2 { padding: 6.29vh 0px 3.7vh; background: #f6f6f6; }
.m2lxul { margin: 0px -1.85vh; }
.m2lxul li { padding: 0px 1.85vh; margin-bottom:3.7vh; }
.m2lx_aBox { background: #FFF url(../images/m2lx_i.png) no-repeat 55px 36px; padding: 28px 30px 0px 100px; height: 173px; display: block; font-size: 18px; line-height: 28px; position: relative; }
.m2lx_aBox strong { font-size: 24px; font-weight: normal; line-height: 46px; display: block; }
.m2lx_aBox:hover{color:#333; box-shadow:0 5px 15px rgba(0,0,0,0.1); transform:translateY(-6px);}
@media (max-width:1799px){
.m2lxMap { height: 415px; width: 610px; }
.m2lxRx { margin-left: 655px; padding-top: 22px; }
.m2lxRx h2 { font-size: 30px; line-height: 50px;}
.m2lxRx h5 { font-size: 18px; margin: 18px 0px 22px;}
.m2lxEditor { font-size: 16px; line-height: 26px; }
.m2lx_aBox { background: #FFF url(../images/m2lx_i.png) no-repeat 45px 28px; padding: 22px 20px 0px 90px; height: 153px;  font-size: 16px; }
.m2lx_aBox strong { font-size: 22px; line-height: 44px; }
}
@media (max-width:1199px){
.m2lxMap{width:100%; float:none; margin-bottom:15px;}
.m2lxRx{margin-left:0;}
.m2lx_aBox{font-size:14px; background: #FFF url(../images/m2lx_i.png) no-repeat 25px 25px; padding: 22px 20px 0px 68px;}
}
@media (max-width:767px){
.m2lxMap { height: 315px; width: 100%; }
.m2lxRx h2 { font-size: 24px; line-height:40px;}
.m2lxRx h5 { font-size: 16px; margin: 12px 0px 20px;}
.m2lxEditor { font-size: 15px; line-height: 26px; }
.m2lx_aBox{ height:auto; padding-bottom:25px;}
.m2lx_aBox strong{font-size:20px;}
}


.hmPage2{ background:#0d98f4; height:100vh; overflow:hidden;}
.hmPage3,.hmPage4,.hmPage5{background-repeat:no-repeat; background-position:center center; background-size:cover;}
.hmc1Scroll{ font-size: 21px; color: #fff; line-height: 28px; display: inline-block; z-index: 8; position: absolute; left: 50%; transform:rotate(270deg); font-size: 12px; font-weight: 100; text-transform: uppercase; bottom:80px; margin-left:-22px;}
.hmc1Scroll i{ height: 66px; width: 1px; position: absolute; left: -43px; top: -17px; transform: rotate(90deg); overflow: hidden; }
.hmc1Scroll i:after{content:""; background: #fff; height:66px; width:1px; position:absolute; left:0; top:0; animation:hmc1ScrollAni 3.5s ease-out infinite;}
@keyframes hmc1ScrollAni {
0% {
	transform:translateY(-100%);
}
50% {
    transform:translateY(200%);
}
100% {
    transform:translateY(200%);
}
}

.hmFocus_item .bgImg{height:100vh;}
.hmFocus_item{width:100%; height:100vh; overflow:hidden; position:relative}
.hmFocus_item .bgImg{height:100vh; width:100vw;-webkit-transform:scale(1.12); transform:scale(1.12); overflow:hidden;}
.hmFocus_item.on .bgImg{ visibility: visible; -webkit-animation: scaleBg 6s linear forwards; animation: scaleBg 6s linear forwards;}
.hmBanTxt{ width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #fff; padding: 0px 6.14vw; letter-spacing: 2px; }
.hmBanTxt strong{ font-size: 72px; line-height: 90px; font-weight: normal; display: block; opacity: 0; transform: translateY(60px); transition: all 0.65s ease-in-out; margin-bottom: 10px; }
.hmBanTxt p{ font-size: 24px; line-height: 34px; opacity: 0; transform: translateY(60px); transition: all 0.65s ease-in-out; font-weight: 100; margin: 20px 0px 6.29vh; }
.hmBanTxt a{ line-height: 48px; padding: 0px 35px; height: 50px; border: 1px solid #FFF; letter-spacing: 0px; font-size: 16px; text-transform: uppercase; display: inline-block; border-radius: 1.8em; color: #FFF; opacity: 0; transform: translateY(60px); transition: all 0.65s ease-in-out; }
.hmFocus .slick-dots{bottom:9.25vh;}
.hmFocus .slick-dots li button{display:none;}
.hmFocus .slick-dots li { background: #fff; display: inline-block; height: 12px; width: 12px; margin: 0px 6px; position: relative; border-radius: 50%; vertical-align: middle; opacity:0.6 }
.hmFocus .slick-dots li.slick-active{ opacity:1;}
.hmFocus_item.on .hmBanTxt strong{opacity:1; transform:translateY(0); transition-delay:0.35s}
.hmFocus_item.on .hmBanTxt p{opacity:1; transform:translateY(0); transition-delay:0.5s}
.hmFocus_item.on .hmBanTxt a{opacity:1; transform:translateY(0); transition-delay:0.8s}
.hmFocusWpr{height:100vh; position:relative;}
.hmFocusWpr .ope{position: absolute;bottom: 65px;left:auto;right:6.14vw;font-size: 0; z-index:3}
.hmFocusWpr .ope ul {display: inline-block;vertical-align: middle;}
.hmFocusWpr .ope ul li {display: inline-block;vertical-align: top;width: 32px;height: 20px;position: relative;margin-left: 10px; cursor:pointer}
.hmFocusWpr .ope ul li:first-of-type {margin-left: 0;}
.hmFocusWpr .ope ul li::before {content: '';position: absolute;left: 0;right: 0;top: 7px;height: 3px;background-color: rgba(255, 255, 255, 0.5);}
.hmFocusWpr .ope ul li span {position: absolute;left: 0;top: 7px;height: 3px;background-color: #fff;}
.hmFocusWpr .ope a {display: inline-block;vertical-align: middle;width: 16px;height: 16px;background-position: center;background-repeat: no-repeat;background-image: url("../images/icon-2a.png");margin-left: 20px;}
.hmFocusWpr .ope a.play {background-image: url("../images/icon-3a.png");}
@media (max-width:1799px){
.hmBanTxt strong{ font-size: 52px; line-height: 70px;}
.hmBanTxt p{ font-size: 18px; line-height: 30px; margin: 16px 0px 6.29vh; }
.hmBanTxt a{ line-height: 44px; height: 46px; }
.hmFocusWpr .ope{right:50px;}
}
@media (max-width:993px){
.hmFocusWpr .ope{right:20px;}
}
@media (max-width:767px){
.hmBanTxt strong{ font-size: 28px; line-height: 36px;}
.hmBanTxt p{ font-size: 16px; line-height: 28px; margin: 12px 0px 6.29vh; }
.hmBanTxt a{ line-height: 40px; height: 42px; font-size:14px; }
.hmBanTxt{padding-left:15px; padding-right:15px;}
.hmc1Scroll{left:15px;}
.hmFocusWpr .ope{right:15px; bottom:25px;}
}


.hmc2ul li{width:20%; float:left;}
.hmc2aBox.scaleImg .overflowHide { height: 100vh; }
.hmc2aBox{display:block; position:relative;}
.hmc2aBox .overflowHide:before{ content: ""; height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background:rgba(0,0,0,0.4); transition:all 0.5s ease-in-out; z-index:2;}
.hmc2aBox:hover .overflowHide:before{ background:rgba(13,152,244,0.8); }
.hmc2icons{ text-align: center; position: absolute; z-index: 2; width: 100%; top: 50%; left: 0px; transform:translateY(-50%); transition:all 0.5s ease-in-out; padding-top:15px;}
.hmc2icons p{ font-size: 30px; color: #FFF; line-height: 44px; margin-top: 22px; }
.hmc2Layer{ width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: 17px; line-height: 28px; color: #FFF; padding: 0px 3.43vw; transition:all 0.5s ease-in-out; opacity:0; padding-top:35px; z-index:5; }
.hmc2Layer strong { font-size: 28px; line-height: 48px; font-weight: normal; display: block; margin: 0px 0px 3.51vh; }
.hmc2more { font-size: 16px; text-transform: uppercase; color: #FFF; line-height: 30px; }
.hmc2Layer dl{ margin-bottom:6.48vh;}
.hmc2Layer a:hover{ text-decoration: underline; }
.hmc2aBox:hover .hmc2icons{opacity:0;}
.hmc2aBox:hover .hmc2Layer{opacity:1;}
.hmc2icons span{ text-align: center; display: block; height: 132px; width: 132px; border: 1px solid #FFF; padding-top:31px; border-radius:50%; margin:0 auto;}
.hmc2icons span img{transform:scale(1)!important;}
@media (max-width:1799px){
.hmc2icons span{ height: 100px; width: 100px; padding-top:25px;}
.hmc2icons span img{width:50px; height:50px;}
.hmc2icons p{ font-size: 22px; line-height: 38px; margin-top: 18px; }
.hmc2Layer{ font-size: 16px; line-height: 26px; padding: 0px 35px; padding-top:30px; }
.hmc2Layer strong { font-size: 24px; line-height: 38px;}
.hmc2more { font-size: 15px; }
.hmc2Layer dl{ margin-bottom:4.48vh;}
}
@media (max-width:1199px){
.hmc2Layer{padding:0 15px; font-size:14px;}
.hmc2Layer strong{font-size:20px;}
.hmc2icons p{font-size:20px;}
}
@media (max-width:993px){
.hmc2ul li{width:33.33%; height:50vh;}
.hmc2aBox.scaleImg .overflowHide{height:50vh;}
.hmc2ul li:nth-child(4),.hmc2ul li:nth-child(5){width:50%;}
.hmc2Layer{display:none;}
}
@media (max-width:767px){
/*.hmc2icons span img{width:32px; height:32px;}
.hmc2icons span{height:66px; width:66px; padding-top:16px;}
.hmc2icons p{font-size:16px; line-height:26px; padding:0 10px;}
.hmc2ul{height:calc(100vh - 56px); margin-top:56px;}
.hmc2ul li{height:calc((100vh - 56px)/2);}
.hmc2aBox.scaleImg .overflowHide{height:calc((100vh - 52px)/2);}*/
.hmPage2 .dsPhone.bgImg{ height:100vh; width:100vw; position:absolute; left:0; top:0;}
.hmc2ul{ height:70vh; position:absolute; margin-top:20px; left:0; right:0; top:50%; transform:translateY(-50%); z-index:3;}
.hmc2ul li{width:100%!important; height:20%!important; transform:translate(0,0)!important; opacity:1!important; position:relative}
.hmc2aBox.scaleImg .overflowHide{ position:absolute; left:0; top:0; right:0; bottom:0}
.hmc2icons span{display:none;}
.hmc2aBox{ position:absolute; left:0; top:0; right:0; bottom:0}
.hmc2icons{padding:0!important; width:100%; top:50%; left:0; transform:translateY(-50%); z-index:5; opacity:1!important}
.hmc2icons p{ margin-top:0; color:#fff; opacity:1!important}
.hmc2aBox:before{content:""; left:15px; top:15px; bottom:15px; right:15px; border-radius:0.3em; border:1px dotted rgba(255,255,255,0.8); display:block; position:absolute; z-index:2;}
.hmc2aBox.scaleImg .overflowHide{display:none;}
}


.hmc3t { font-size: 40px; color: #FFF; line-height: 54px; margin-bottom: 6.94vh; text-align: center; }
.hmc3ul li { width:466px; float:left; padding:0 1px 1px 0; }
.hmc3a { display: block; text-align: center; height: 250px; padding-top: 52px; font-weight: 100; color: #FFF; background:rgba(0,0,0,0.2); }
.hmc3a img{transition:all 0.5s ease-in-out;}
.hmc3a:hover img{transform:rotateY(180deg);}
.hmc3a p{ font-size: 30px; line-height: 42px; margin-top: 13px; }
.hmc3a:hover{background:#0d98f4; color:#fff;}
@media (max-width:1799px){
.hmc3ul li { width:400px;}
.hmc3a img{width:70px; height:70px;}
.hmc3a {height: 190px; padding-top: 32px; }
.hmc3a p{ font-size: 24px; line-height: 36px; margin-top: 10px; }
.hmc3t{margin-bottom:5vh; padding-top:20px; font-size:32px;}
}
@media (max-width:1199px){
.hmc3ul li{width:313px;}
.hmc3a p{font-size:20px;}
}
@media (max-width:993px){
.hmc3ul li{width:50%;}
}
@media (max-width:767px){
.hmc3a img{width:42px; height:42px;}
.hmc3a p{font-size:16px;}
.hmc3a{height:140px; padding-top:28px;}
.hmc3t{margin-bottom:3vh; font-size:26px;}
}


.hmPage4{text-align:center; position:relative;}
.hmPage4:before{ content: ""; height: 100%; background: url(../images/hmbg4.jpg) repeat-x center center; width: 100%; position: absolute; left: 0; top: 0; -webkit-animation:animate-cloud 40s linear infinite; animation: animate-cloud 40s linear infinite; }
@-webkit-keyframes animate-cloud {
  from {
    background-position: 1920px 100%;
  }
  to {
    background-position: 0 100%;
  }
}
@keyframes animate-cloud {
  from {
    background-position: 1920px 100%;
  }
  to {
    background-position: 0 100%;
  }
}
.hmPage4 h4 { font-size: 60px; font-weight: normal; line-height: 72px; margin: 42px 0px 40px; }
.hmc4more { margin: 90px auto 0px; line-height: 48px; height: 48px; width: 155px; font-size: 16px; color: #FFF; background: #0d98f4; text-align: center; display: block; border-radius:1.8em; }
.hmc4more:hover{ transform: translateY(-5px); box-shadow: 0 5px 8px rgba(0,0,0,0.1); color: #FFF; }
.hmPage4 p { font-size: 24px; font-weight: 100; color: #666; line-height: 40px; padding: 0px 15px; }
.hmPage4 h4 strong{ font-weight: normal; display: inline-block; margin: 0px 8px; }
.hmp4Logo{padding-top:30px;}
@media (max-width:1799px){
.hmp4Logo{padding-top:40px;}
.hmp4Logo img{height:110px; width:auto;}
.hmPage4 p { font-size: 22px; }
.hmPage4 h4 { font-size: 42px; line-height: 62px; margin: 32px 0px 30px; }
}
@media (max-width:1199px){
.hmPage4 p{font-size:20px;}
}
@media (max-width:767px){
.hmp4Logo img{height:80px; width:auto;}
.hmPage4 p { font-size: 18px; line-height:32px; padding:0 25px; }
.hmPage4 h4 { font-size: 26px; line-height: 36px; margin: 30px 0px 20px; }
.hmc4more{margin-top:60px;}
}


.hmc5t { font-size: 40px; color: #FFF; line-height: 46px; font-weight: normal; margin-bottom: 36px; text-align: center; }
.hmc5tdes { font-size: 20px; line-height: 32px; color: #FFF; text-align: center; margin-bottom: 12.96vh; }
.hmc5ul{display: flex; justify-content: space-between; margin:0 -50px;}
.hmc5ul li{ position: relative; padding-left: 144px; font-size: 22px; line-height: 40px; color: #FFF; padding-bottom:100px;}
.hmc5icon{ height: 118px; width: 118px; border: 1px solid #FFF; position: absolute; left: 0px; top: 0px; border-radius:50%;}
.hmc5icon img{transition:all 0.5s ease-in-out; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
/*.hmc5ul li:first-child{padding-top:20px;}*/
.hmCopyRight { text-align: center; font-size: 18px; line-height: 30px; position: absolute; width: 100%; left: 0px; bottom: 8.33vh; color:#fff; opacity:0.6 }
@media (max-width:1799px){
.hmc5t { font-size: 32px; line-height: 42px; margin-bottom: 28px;}
.hmc5tdes { font-size: 18px; line-height: 30px; margin-bottom: 10.96vh; }
.hmc5ul li{ padding-left: 124px; font-size: 18px; line-height: 32px; padding-bottom:70px;}
.hmc5icon{ height: 98px; width: 98px; }
.hmc5icon img{ width:52px; height:52px;}
.hmCopyRight { font-size: 16px; line-height: 28px;}
}
@media (max-width:1199px){
.hmc5ul li{font-size:16px;}
}
@media (max-width:993px){
.hmc5ul{display:block; overflow:hidden; width:400px; margin:0 auto;}
.hmc5ul li{width:100%;}
}
@media (max-width:767px){
.hmc5icon img{width:36px; height:auto;}
.hmc5icon{width:66px; height:66px; top:14px;}
.hmc5ul{width:100%; padding-bottom:20px;}
.hmc5ul li{padding-left:89px; padding-bottom:10px; font-size:15px; line-height:28px}
.hmc5t{ font-size:26px; margin-bottom:8px;}
.hmc5tdes{font-size:15px; line-height:28px; margin-bottom:5px;}
.hmCopyRight{font-size:14px; line-height:26px; bottom:25px;}
.amap-container img[src="/images/mapLay.png"]{transform:scale(0.6) translateY(80px);}
.amap-icon img[src="/images/map_icon.png"]{transform:scale(0.6) translateY(10px);}
}


.hmc2ul li {transition:all 0.8s ease-in-out; transform:translate(0px,300px); opacity:0; }
.hmc2ul li:nth-child(2n) {transition:all 0.8s ease-in-out; transform:translate(0px,-300px); opacity:0; }
.active .hmc2ul li{opacity:1; transform:translate(0px,0px)!important; transition-delay:0.4s;}
.hmc3t {transition:all 0.8s ease-in-out; transform:translate(0px,0px); opacity:0; }
.active .hmc3t{opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}
.hmc3ul li {transition:all 0.8s ease-in-out; transform:translate(0px,100px); opacity:0; }
.hmc3ul li:nth-child(2n) {transition:all 0.8s ease-in-out; transform:translate(0px,-100px); opacity:0; }
.active .hmc3ul li{opacity:1; transform:translate(0px,0px)!important; transition-delay:0.4s;}
.active .hmc3ul li:nth-child(2n) {opacity:1; transform:translate(0px,0px)!important; transition-delay:0.4s;}
.hmc3t {transition:all 0.8s ease-in-out; transform:translate(0px,-120px); opacity:0; }
.active .hmc3t{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.hmp4Logo {transition:all 0.8s ease-in-out; transform:translate(0px,120px); opacity:0; }
.active .hmp4Logo{opacity:1; transform:translate(0px,0px); transition-delay:0.4s;}
.hmPage4 h4 {transition:all 0.8s ease-in-out; transform:translate(0px,120px); opacity:0; }
.hmPage4.active h4{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.hmPage4 p {transition:all 0.8s ease-in-out; transform:translate(0px,120px); opacity:0; }
.hmPage4.active p{opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}
.hmc4BtnMwrp {transition:all 0.8s ease-in-out; transform:translate(0px,120px); opacity:0; }
.active .hmc4BtnMwrp{opacity:1; transform:translate(0px,0px); transition-delay:0.7s;}
.hmc5t {transition:all 0.8s ease-in-out; transform:translate(0px,120px); opacity:0; }
.active .hmc5t{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.hmc5tdes {transition:all 0.8s ease-in-out; transform:translate(0px,120px); opacity:0; }
.active .hmc5tdes{opacity:1; transform:translate(0px,0px); transition-delay:0.4s;}
.hmc5ul  {transition:all 0.8s ease-in-out; transform:translate(0px,120px); opacity:0; }
.active .hmc5ul{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.hmCopyRight {transition:all 0.8s ease-in-out; transform:translate(0px,120px); opacity:0; }
.active .hmCopyRight{opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}