@charset "UTF-8";
.header{ background: #333333; height: 100px; position: fixed; width: 100%; left: 0px; top: 0px; z-index: 20; box-shadow: 0 2px 3px rgba(0,0,0,0.08); padding: 0px 2.6vw;}
.topSerBtn{}
.logo{ float:left; line-height: 100px;}
.headRx{float:right;}
.header .topSerBtn{     float: left;
    font-size: 20px;
   padding-left:8px;
    line-height: 100px;
    width: 170px; }

.headRx { float: right; }
.nav { float: left; }
.nav li { float: left;     margin-right: 13px;
    margin-left: 13px;position:relative; }
.nav_a { font-size: 18px; line-height: 100px; padding: 0px 12px; display:inline-block; position:relative }
.nav_a.on{ color:#fff;}
.nav_a:before{content:""; background:#fff; height:2px; width:0%; left:50%; transition:all 0.5s ease-in-out; position:absolute; top:0;}
.nav_a.on:before,.nav_a:hover:before{width:100%; left:0;}
.subMenu{width:160px; position:absolute; left:50%; transform:translate(-50%,15px); top:100px; background:rgba(255,255,255,0.95); padding:0px 0px 15px; border-radius:0.3em; visibility:hidden; opacity:0; transition:all 0.2s ease-in-out;}
.nav li:hover .subMenu{opacity:1; visibility:visible; transition:all 0.5s ease-in-out; transform:translate(-50%,0%); background: #676767;}
.nav_a2{font-size:16px; line-height:24px; display:block; padding:6px 15px;}
.nav_a2:hover{ background:#34383d; color:#fff;}
.topShareBtn { background: url(../images/rm_i2a.png) no-repeat center center; float: left; height: 40px; width: 40px; margin: 31px 0px 0px 20px; }
.topShareBtn:hover { background: url(../images/rm_i2a.png) no-repeat center center; }
.topEmpty{height:100px;}
@media (max-width:1799px){
.header{height: 100px;}
.subMenu{width:190px; top:86px;}
.nav_a { font-size: 16px; line-height: 100px; }
.nav_a2{font-size:15px;}
.header .topSerBtn{margin-top:0px;}
.topShareBtn{margin-top:30px; margin-left:15px;}
.logo img{height:56px; width:auto;}
.nav li{margin-right:13px;}
.topEmpty{height:86px;}
}
@media (max-width:1199px){
.nav li{margin-right:2px;}
}
@media (max-width:993px){
.topEmpty{height:56px;}
}


.footer { background: #0F0F0F; padding: 6.57vh 0px 0px; color: #49494B; }
.footer a{color: #49494B; }
.footer a:hover{ color: #888; }
.footLogo { float: left; margin-top: 2.22vh; }
.footLogo p{font-size:14px; line-height:28px; margin-top:12px;}
.foot_dl { float: left; margin-left: 95px; }
.foot_dl dt { font-size: 20px; line-height: 40px; color: #8b8c8f; margin-bottom: 10px; }
.foot_dl dt a{ color: #8b8c8f;}
.foot_dl dt a:hover{ color: #A9AAAB; }
.foot_dl dd { font-size: 15px; line-height: 22px; padding:10px 0; }
.footTopRx { float: right; text-align:right; }
.foot_gz { font-size: 20px; line-height: 40px; color: #8b8c8f; height: 40px; margin-bottom: 32px;     text-align: center;}
.foot_gz text,.foot_gz a{vertical-align:middle;}
.foot_wx{ display: inline-block; height: 40px; width: 30px; position: relative; background: url(../images/foot_i1.png) no-repeat center center; position:relative; opacity:0.6; }
.foot_sina{ display: inline-block; height: 40px; width: 30px; position: relative; background: url(../images/foot_i2.png) no-repeat center center; position:relative; opacity:0.6; display:none }
.foot_sina:hover,.foot_wx:hover{opacity:1;}
.foot_wx span,.foot_sina span{ height: 105px; width: 105px; position: absolute; display: inline-block; left: 50%; bottom:45px; margin-left: -52px; transition:all 0.5s ease-in-out; opacity:0; visibility:hidden; transform:translateY(-10px) }
.foot_wx span:after,.foot_sina span:after{content:""; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #fff; position:absolute; left:50%; bottom:-8px; margin-left:-8px;}
.foot_wx:hover span,.foot_sina:hover span{ opacity:1; visibility:visible; transform:translateY(0) }
.footDy{ text-align: center; display: inline-block; font-size: 16px; line-height: 36px; color: #4b4c4e; }
.footDy p{margin-top:12px;}
.footTop { padding-bottom: 7.22vh; }
.footBom{ line-height: 26px; padding: 2.4vh 0px; font-size: 16px; background: #000; }
.foot_a2{margin-left:12px;}
@media (max-width:1379px){
.footLogo img{height:66px; width:auto;}
.foot_dl dt{font-size:18px; margin-bottom:5px;}
.foot_dl dd{font-size:14px; line-height:36px;}
.foot_gz{margin-bottom:17px;}
}
@media (max-width:1199px){
.footLogo{display:none;}
.foot_dl{margin-left:0; margin-right:88px;}
}
@media (max-width:993px){
.foot_dl{display:none;}
.footTopRx{width:178px; margin:0 auto; float:none; text-align:center}
.footer{padding-top:40px; padding-bottom:0px;}
.footTop{padding-bottom:40px;}
.footBom span{width:100%; display:block; text-align:center; float:none; text-align:center; font-size:15px;}
}
@media (max-width:767px){
.foot_gz{font-size:16px; margin-bottom:7px;}
.footer{padding-top:36px;}
.footTop{padding-bottom:18px;}
.footDy{font-size:14px;}
.footBom span{font-size:12px;}
}


.rMenu{position:fixed; right:0; z-index:22; top:50%; transform:translateY(-50%);}
.rMenu li{ margin-bottom:1px;}
.rMenu_a{ display: block; height: 60px; width: 60px; position: relative; background-color: #EFEFEF; background-position:center center; background-repeat:no-repeat; }
.rMenu_a:hover{ background-color: #0058CD; }
.rMenu li:last-child .rMenu_a{height:30px;}
.rMenu_a1{background-image:url(../images/rm_i1.png);}
.rMenu_a1:hover{background-image:url(../images/rm_i1a.png);}
.rMenu_a2{background-image:url(../images/rm_i2.png);}
.rMenu_a2:hover{background-image:url(../images/rm_i2a.png);}
.rMenu_a3{background-image:url(../images/rm_i3.png);}
.rMenu_a3:hover{background-image:url(../images/rm_i3a.png);}
.rMenu_a4{background-image:url(../images/rm_i4.png);}
.rMenu_a4:hover{background-image:url(../images/rm_i4a.png);}
.rMenu_wx{ height: 105px; width: 105px; position: absolute; display: inline-block; top: 50%; right:78px; margin-top: -52px; transition:all 0.5s ease-in-out; opacity:0; visibility:hidden; transform:translateX(-15px) }
.rMenu_wx:after{content:""; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:8px solid #fff; position:absolute; top:50%; right:-8px; margin-top:-8px;}
.rMenu_a:hover .rMenu_wx{opacity:1; visibility:visible; transform:translateX(0)}
.rMenu_txt{ height: 60px; position: absolute; display: inline-block; top: 0; right:78px; background:#0058CD; white-space:nowrap; line-height:60px; padding:0 20px; font-size:20px; color:#fff; transition:all 0.5s ease-in-out; opacity:0; visibility:hidden; transform:translateX(-20px)}
.rMenu_txt:after{content:""; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:8px solid #0058CD; position:absolute; top:50%; right:-8px; margin-top:-8px;}
.rMenu_a:hover .rMenu_txt{opacity:1; visibility:visible; transform:translateX(0)}

.hmPage1{position:relative; z-index:3;}
.hmFocus_item{ overflow:hidden; position:relative; height:100vh; width:100vw;}
.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; text-align:center; top:50%; transform:translateY(-50%); color:#fff; padding-top:100px; padding-bottom:70px;}
.hmBanTxt strong{ font-size: 60px; line-height: 70px; font-weight: bold; display: block; opacity:0; transform:translateY(60px); transition:all 0.65s ease-in-out; margin-bottom:10px; }
.hmBanTxt p{ font-size: 22px; line-height: 34px; opacity:0; transform:translateY(60px); transition:all 0.65s ease-in-out; }
.hmBanTxt .mouseIcon{bottom:0;opacity:0; transform:translateY(0px); 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: #34383d; display: inline-block; height: 8px; width: 80px; margin: 0px 6px; position: relative;  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 .mouseIcon{opacity:1; transform:translateY(0); transition-delay:0.8s}
@media (max-width:1799px){
.hmBanTxt strong{ font-size: 50px; line-height: 66px; }
.hmBanTxt p{ font-size: 20px; line-height: 32px;}
.rMenu_txt{font-size:16px;}
}
@media (max-width:993px){
.hmFocus_item{height:550px;}
.hmFocus_item .bgImg{height:550px;}
.hmFocus .slick-dots{bottom:35px;}
.hmBanTxt strong{font-size:42px; line-height:56px;}
}
@media (max-width:767px){
.hmFocus .slick-dots li{width:9px; height:9px;}
.hmFocus_item{height:360px;}
.hmFocus_item .bgImg{height:360px;}
.hmFocus_item .hmBanTxt .mouseIcon{display:none;}
.hmBanTxt strong{ font-size: 26px; line-height:36px;  margin-bottom:5px; }
.hmBanTxt p{ font-size: 16px; line-height: 26px;}
.rMenu_txt{font-size:14px;}
.hmBanRimg{transform:translateY(-40%)!important; opacity:0.5!important;}
}


.hmPage2{width:100vw; height:100vh; overflow:hidden; position:relative; z-index:1;}
.hmc2Bg{ height: 100%; width: 100%; position: absolute; left: 0; top: 0; background: url(../images/hmc2bg.jpg) no-repeat center center; background-size:cover; }
.hmc2Box { height: 58.14vh; width: 58.14vh; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); margin-top:50px; }
.hmc2Bor_img1{position:absolute; left:0; top:0; width:100%; height:100%; animation:radiusRotate 45s linear infinite;}
.hmc2Bor_img2{position:absolute; left:0; top:0; width:100%; height:100%;}
.hmc2Txts{ width: 44.44vh; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(0.8); position: absolute; z-index: 3; text-align: center; color: #FFF; opacity:0; visibility:hidden;}
.hmc2Txts.on{ transition:all 0.5s ease-in-out; opacity:1; visibility:visible; transform: translate(-50%,-50%) scale(1);}
.hmc2Txts strong { font-size: 4.25vh; line-height: 5.55vh; display: block; }
.hmc2Txts strong br{display:none;}
.hmc2Txts p { font-size: 16px; line-height: 24px; margin: 2.4vh 0px 3.14vh; }
.hmc2More { line-height: 44px; text-align: center; display: block; margin: 0px auto; height: 46px; width: 130px; font-size: 16px; color: #FFF; border: 1px solid #FFF; border-radius:0.3em; }
.hmc2More:hover{color:#fff; transform:translateY(-2px); box-shadow:0 5px 8px rgba(0,0,0,0.2);}
.hmc2Icon{ background: #04acfa; display: inline-block; height: 8vh; width: 8vh; position:relative; border-radius:50%; transition:all 0.5s ease-in-out; opacity:0; }
.hmc2Icon img{ height: 5.25vh; width: 5.25vh; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);}
.hmc2Btn strong{ font-size: 16px; color: #FFF; line-height: 22px; position: absolute; bottom: 10vh; width: 80px; left: 0; font-weight:normal; width:120px;}
.hmc2Btn:hover .hmc2Icon,.hmc2Btn.on .hmc2Icon{opacity:1;}
.hmc2Btn1{ position: absolute; left: 25vh; top: -5.26vh; }
.hmc2Btn1 strong{ left:0vh}
.hmc2Btn2{ position: absolute; left: 52vh; top: 12vh; }
.hmc2Btn2 strong{ left:10vh; bottom:2.87vh}
.hmc2Btn3{ position: absolute; left: 52.98vh; top: 25.74vh; }
.hmc2Btn3 strong{ left:9vh; bottom:1.07vh;}
.hmc2Btn4{ position: absolute; left: 50vh; top: 41.74vh; }
.hmc2Btn4 strong{ left:11vh; bottom:2vh;}
.hmc2Btn5{ position: absolute; left: 33.28vh; top:52.24vh; }
.hmc2Btn5 strong{ left:5vh; bottom:-6.23vh;}
.hmc2Btn6{ position: absolute; right: 33.28vh; top:52.24vh; }
.hmc2Btn6 strong{ left:auto; right:5vh; bottom:-6.23vh; text-align:right;}
.hmc2Btn7{ position: absolute; right: 50vh; top: 41.74vh; }
.hmc2Btn7 strong{ left:auto; right:11vh; bottom:2vh; text-align:right;}
.hmc2Btn8{ position: absolute; right: 52.98vh; top: 25.74vh; }
.hmc2Btn8 strong{ left:auto; right:9vh; bottom:1.07vh; text-align:right;}
.hmc2Btn9{ position: absolute; right: 52vh; top: 12vh; }
.hmc2Btn9 strong{ left:auto; right:10vh; bottom:2.87vh; text-align:right;}
.hmc2Btn10{ position: absolute; right: 32.28vh; top: -2.26vh; }
.hmc2Btn10 strong{ left:auto; right:5vh; text-align:right;}
@media (max-width:1799px){
.hmc2Txts p{font-size:15px;}
}
@media (max-width:993px){
.hmc2Box{transform:scale(0.85) translate(-50%,-50%); transform-origin:left top; margin-top:-20px;}
.hmPage2{height:800px;}
}
@media (max-width:767px){
.hmc2Bor_img1{display:none;}
.hmc2Bor_img2{display:none;}
.hmc2Btns{display:none;}
.hmc2Box{transform:scale(1)!important; position:static; width:100%; height:auto}
.hmc2Txts{width:100%; position:static; transform:translate(0,0)!important; padding:0 15px; opacity:1!important; visibility:visible;}
.hmPage2{height:auto; padding:70px 0 60px;}
.hmc2Bg{background-size:cover;}
.hmc2Txts strong{font-size:24px; font-weight:normal}
.hmc2Txts p{font-size:14px; line-height:26px; margin-top:12px; margin-bottom:12px;}
.hmc2Txts{display:none;}
.hmc2First {margin-bottom:25px; display:block}
.hmu2_mul li a{ font-size:15px; padding:0px 2px; line-height:48px; height:48px; overflow:hidden; color:#fff; border:1px dotted rgba(255,255,255,0.6); margin-bottom:15px; display:block; text-align:center}
.hmu2_mul li a br{display:none;}
.hmu2_mul{padding-left:5px; padding-right:5px; overflow:hidden; padding-top:15px;}
.hmu2_mul li{width:50%; padding:0 5px; float:left}
}


.hmPage3{background:#f7f7f7; position:relative; z-index:3;}
.hmTbox{ text-align: center; }
.hmTbox strong{ font-size: 36px; line-height: 42px; display: block; }
.hmTbox p{ font-size: 18px; text-transform: uppercase; color: #666666; line-height: 20px; margin-top: 7px; }
.hmc3Swiper{ margin: 16px -10px 26px; }
.hmc3Swiper .swiper-slide{ padding: 10px; }
.hmc3aBox{ background: #FFF; display: block; color: #666; border-radius:0.4em; box-shadow:0 3px 8px rgba(0,0,0,0.1); overflow:hidden; position:relative; z-index:1;}
.hmc3aBox .overflowHide { height: 310px; }
.hmc3aBox p { line-height: 56px; padding: 0px 20px; text-align:center; height: 56px; margin-top: 2px; font-size: 18px; color: #fff;
    background: #34383d;}
.hmc3_m{ line-height: 48px; text-align: center; color:#333; display: block; height: 50px; width: 128px; border: 1px solid #DDDDDD; margin: 0px auto; border-radius: 0.3em; font-size: 16px; }
.hmc3_m:hover{ color: #FFF; background: #34383d; border: 1px solid #34383d; box-shadow:0 5px 8px rgba(0,0,0,0.15); transform:translateY(-5px);}
.hmc3Swiper .swiper-container{ padding-bottom:32px;}
.hmc3Swiper .swiper-pagination{bottom:0px;}
.hmc3Swiper .swiper-pagination-bullet{ background: #DDDDDD; height: 15px; width: 15px; opacity: 1; margin:0 8px!important; }
.hmc3Swiper .swiper-pagination-bullet-active{ background:#003E83; }
.hmc3Emtop{height:98px;}
.hmc3aBox:hover{ box-shadow:0 3px 10px rgba(0,0,0,0.15); transform:translateY(-6px)}
@media (max-width:1799px){
.hmTbox strong{ font-size: 28px; line-height: 32px;}
.hmTbox p{font-size:16px;}
.hmc3aBox .overflowHide{height:310px;}
.hmc3aBox p{height:46px; line-height:46px; font-size:16px;}
.hmc3Swiper .swiper-slide{padding:5px 10px;}
.hmc3Swiper .swiper-pagination-bullet{width:12px; height:12px;}
}
@media (max-width:1379px){
.hmc3aBox .overflowHide{height:310px;}
.hmc3Swiper{margin-top:10px; margin-bottom:10px;}
}
@media (max-width:993px){
.hmc3aBox .overflowHide { height: 201px; }
.hmc3Emtop{height:55px;}
.hmPage3{padding-bottom:80px;}
}
@media (max-width:767px){
.hmTbox strong{font-size:24px; font-weight:normal;}
.hmc3Swiper{margin-top:20px;}
.hmc3aBox:hover{transform:translateY(0);}
.hmc3Swiper .swiper-pagination-bullet{width:9px; height:9px;}
.hmc3_m:hover{transform:translateY(0);}
.hmc3Swiper{margin-bottom:20px;}
.hmPage3{padding-bottom:70px;}
.hmc3_m{line-height:44px; height:46px;}
}



.hmPage4{position:relative; background:#003c84;}
.hmc4Bg{ height: 100vh; width: 100vw; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: url(../images/hmc4bg.jpg) no-repeat center bottom; background-size:cover; }
.hmPage4 .container{position:relative; z-index:2; color:#fff;}
.hmc4Lx{ width:635px; float:left}
.hmc4Emtop{height:60px;}
.hmc4Rx { float: right; height: 503px; width: 700px; margin-top: 50px; position:relative; z-index:2; border-radius:0.8em; }
.hmc4Lx h4 { font-size: 46px; line-height: 46px; font-weight: bold; display: block; position: relative; padding-top: 46px; }
.hmc4Lx h4:before{ content: ""; background: #FFF; height: 4px; width: 68px; position:absolute; left:0; top:0}
.hmc4Lx h5 { font-size: 18px; line-height: 28px; font-weight: bold; display: block; margin: 25px 0px 30px; }
.hmc4Lx p { font-size: 16px; line-height: 32px; }
.hmc4_more { font-size: 16px; line-height: 56px; color: #FFF; height: 60px; width: 238px; border: 2px solid #FFF; background: url(../images/m2abt_i1a.png) no-repeat 163px center; padding-left: 38px; display: block; }
.hmc4_more:hover{color:#fff; transform:translateY(-10px); box-shadow:0 5px 8px rgba(0,0,0,0.15);}
.hmc4NumBox{margin:36px -20px 42px 0;}
.hmc4NumBox li{ margin-right: 45px; float: left; text-align: center; }
.hmc4NumBox li:last-chld{margin-right:0;}
.hmc4NumBox li p{ font-size: 14px; line-height: 30px; }
.hmc4NumBox li strong{ display: block; line-height: 70px; margin-bottom: 8px; font-size: 16px; font-weight: bold; height: 70px; font-family: "微软雅黑"; }
.hmc4Ns{ font: 66px/66px din; display: inline-block; margin-right:3px; }
.hmc4Plus{font-size:22px;} 
@media (max-width:1799px){
.hmc4Lx h4 { font-size: 40px; line-height: 40px; padding-top: 36px; }
.hmc4Rx{margin-top:30px;}
}
@media (max-width:1559px){
.hmc4Lx{width:580px; padding-top:40px;}
.hmc4Rx{width:580px; height:470px;}
.hmc4Lx h4 { font-size: 36px; line-height: 36px; padding-top: 46px; }
.hmc4Lx h5 { font-size: 16px; line-height: 26px; margin: 20px 0px 26px; }
.hmc4Lx p { font-size: 16px; line-height: 32px; }
.hmc4Ns{ font: 56px/56px din;}
.hmc4NumBox li strong{height:60px; line-height:60px;}
.hmc4_more { font-size: 16px; line-height: 52px; height: 54px; width: 218px; border: 1px solid #FFF; background: url(../images/m2abt_i1a.png) no-repeat 143px center; padding-left: 35px; }
.hmc4NumBox{margin:15px -20px 20px 0;}
.hmc4Lx h4{padding-top:20px;}
.hmc4Lx h4:before{height:3px; width:60px;}
}
@media (max-width:1229px){
.hmc4Rx{width:515px;}
}
@media (max-width:1199px){
.hmc4Rx{width:335px;}
}
@media (max-width:993px){
.hmc4Bg{height:100%;}
.hmc4Lx{width:100%; float:none; padding-top:15px;}
.hmc4Rx{width:100%; float:none;}
.hmPage4{padding-bottom:80px;}
}
@media (max-width:767px){
.hmc4Lx h4{font-size:24px; font-weight:normal; padding-top:15px;}
.hmc4Lx h5{line-height:28px;}
.hmc4Lx p{font-size:14px; line-height:28px;}
.hmc4NumBox li{width:48%; margin-right:0;}
.hmc4Ns{font-size:42px;}
.hmc4NumBox li strong{height:52px; line-height:52px;}
.hmc4_more { font-size: 14px; line-height: 46px; height: 48px; width: 168px; background: url(../images/m2abt_i1a.png) no-repeat 106px center; padding-left: 25px; }
.hmc4Rx{height:245px; margin-top:40px;}
.hmPage4{padding-bottom:70px;}
}


.hmPage5{ position:relative; z-index:3; background:#fff;}
.hmc5ul{ margin: 35px -15px 45px; }
.hmPage5 .container{position:relative; z-index:3;}
.hmc5ul.clearfix li { float: left; width: 50%; padding: 0px 15px; }
.hmc5aBox{ display: block; background:#EBEFF3; border-radius:0.5em; overflow:hidden; }
.hmc5aBox:hover{ background:#003c84; transform:translateY(-10px); box-shadow:0 8px 15px rgba(0,0,0,0.1);}
.hmc5bom{ padding: 0px 35px 0px; height: 150px; margin-bottom:9px;}
.hmc5bom strong { color: #0000002e; font-size: 46px; line-height: 46px; display: block; position: relative; transition:all 0.5s ease-in-out; }
.hmc5bom strong span { display: inline-block; position: absolute; left: 0px; top: 0px; font-size: 22px; color: #34383d;  transition:all 0.5s ease-in-out;}
.hmc5bom p { font-size: 16px; color: #696969; line-height: 26px; height: 30px; overflow: hidden; transition:all 0.5s ease-in-out; }
.hmc5aBox .overflowHide { height: 299px; }
.hmc5Emtop{height:80px;}
.hmc5aBox:hover .hmc5bom strong span,.hmc5aBox:hover .hmc5bom p{color:#fff;}
.hmc5aBox:hover .hmc5bom strong{ color:#00326e;}
.hmc5bg{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: url(../images/hmc5bg2.png) no-repeat center center; animation: animate-background 30s linear infinite; }
@media (max-width:1799px){
.hmc5ul{ margin: 25px -15px 25px; }
.hmc5aBox .overflowHide{height:270px;}
.hmc5bom{ padding: 0px 25px 0px; height: 132px;}
.hmc5bom strong { font-size: 42px; line-height: 60px; }
.hmc5bom strong span { font-size: 18px;}
}
@media (max-width:1379px){
.hmc5aBox .overflowHide{height:220px;}
.hmc5bom{ padding: 12px 20px 0px; height: 145px;}
.hmc5bom strong { font-size: 32px; line-height: 40px; }
.hmc5bom strong span { font-size: 17px;}
.hmc5bom{ padding: 0px 25px 0px; height: 125px;}
.hmc5bom p{font-size:14px; line-height:24px; height:30px;}
.hmc5ul{ margin: 20px -15px 20px; }
}
@media (max-width:993px){
.hmc5Emtop{height:65px;}
.hmPage5{padding-bottom:80px;}
.hmc5ul {margin-left:-10px; margin-right:-10px;}
.hmc5ul.clearfix li{padding:0 10px;}
}
@media (max-width:767px){
.hmc5ul.clearfix li{width:100%; margin-bottom:15px;}
.hmPage5{padding-bottom:70px;}
.hmc5bom strong span{font-size:16px;}
}

.hmPage6{position:relative; z-index:5;}

@media (min-width:993px){
.hmc2Bg {transition:all 6.0s ease-in-out; transform:translate(0px,0px); opacity:1; }
.active .hmc2Bg{opacity:1; transform:translate(0px,0px) scale(1.2); transition-delay:0.5s;}
.hmc4Bg {transition:all 6.0s ease-in-out; transform:translate(0px,0px); opacity:1; }
.active .hmc4Bg{opacity:1; transform:translate(0px,0px) scale(1.2); transition-delay:0.5s;}
.hmc2Box {transition:all 0.8s ease-in-out; transform:translate(-50%,-50%) scale(0.6); opacity:0; }
.active .hmc2Box{opacity:1; transform:translate(-50%,-50%) scale(1); transition-delay:0.5s;}
.hmTbox {transition:all 0.8s ease-in-out; transform:translate(0px,50px); opacity:0; }
.active .hmTbox,.active2 .hmTbox{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.hmc3Swiper {transition:all 0.8s ease-in-out; transform:translate(0px,50px); opacity:0; }
.active .hmc3Swiper{opacity:1; transform:translate(0px,0px); transition-delay:0.7s;}
.hmc3BtnBox {transition:all 0.8s ease-in-out; transform:translate(0px,50px); opacity:0; }
.active .hmc3BtnBox,.active2 .hmc3BtnBox{opacity:1; transform:translate(0px,0px); transition-delay:0.8s;}
.hmc4Lx {transition:all 0.8s ease-in-out; transform:translate(-150px,0px); opacity:0; }
.active .hmc4Lx{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.hmc4Rx {transition:all 0.8s ease-in-out; transform:translate(150px,0px); opacity:0; }
.active .hmc4Rx{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.hmc5ul {transition:all 0.8s ease-in-out; transform:translate(0px,50px); opacity:0; }
.active .hmc5ul,.active2 .hmc5ul{opacity:1; transform:translate(0px,0px); transition-delay:0.7s;}
}

.m2banner{ position:relative}
.m2banner .bgImg { height: 69.81vh; }
.m2banner2 .bgImg{height:calc(100vh - 86px);}
.m2banTxt{color:#fff; width:100%; top:50%; position:absolute; left:0; z-index:2; text-align:center; transform:translateY(-50%);}
.m2ban_ch { font-size: 42px; line-height: 50px; font-weight: bold; }
.m2baner2Wpr .m2ban_ch { font-size: 50px; line-height: 60px;}
.m2ban_ch2 { font-size: 46px; line-height: 60px;}
.m2ban_en { font-size: 20px; line-height: 24px; margin-top: 10px; text-transform: uppercase; }
.mouseIcon{ display: block; height: 29px; width: 17px; border: 2px solid #FFF; position: absolute; z-index: 3; left: 50%; margin-left: -8px; bottom: 9.25vh; border-radius:1.8em;}
.mouseIcon:before{content:""; width:3px; height:6px; background:#fff; border-radius:1.8em; position:absolute; left:5px; top:3px; animation:mouseIcon 1s infinite linear;}
.m2nSer { height: 52px; width: 498px; margin: 30px auto 0px; position: relative; padding-right:148px; }
.m2nSer input { line-height: 50px; background: #FFF url(../images/m2n_i1.png) no-repeat 12px center; padding: 0px 15px 0px 45px; height: 52px; border: 1px solid #FFF; color: #333; font-size: 16px; width:100%; border-radius:0.3em; }
.m2nSer input:focus{ border: 1px solid #0058CD; }
.m2nSer button{ font-size: 16px; color: #FFF; background: #0058CD; text-align: center; display: block; height: 52px; width: 143px; line-height: 52px; border-width: 0px; border-style: none; position: absolute; top: 0px; right: 0px; cursor: pointer; }
.m2nSer button:hover{ background: #004AAE; }
.m2posMenu{ background: #696969; border-bottom: 1px solid #E6E6E6; }
.m2pos { font-size: 20px; line-height: 40px; margin: 20px 0; background: url(../images/m2nav_i1.png) no-repeat left 7px; padding-left: 30px; float:left; color:#fff }
.m2pos_a{color:#666;}
.m2brk_a{position:relative; display:inline-block; margin-left:30px; color:#666;}
.m2brk_a:before{content:">"; position:absolute; left:-20px; top:0; color:#666;}
.m2menu { float: right; font-size:0 }
.m2menu_a{ display: inline-block; padding: 0px 26px; margin-left: 20px; font-size: 20px; line-height: 80px; }
.m2menu_a:hover,.m2menu_a.on{ color: #FFF; border-bottom: #fff solid 1px; }
@media (max-width:1799px){
.m2ban_ch { font-size: 34px; line-height: 40px; }
.m2pos{font-size:16px;}
.m2menu_a{font-size:18px; line-height:66px;}
.m2pos{margin:15px 0;}
.m2baner2Wpr .m2ban_ch { font-size: 42px; }
.m2ban_ch2 { font-size: 38px; line-height: 48px;}
}
@media (max-width:1199px){
.m2menu_a{padding:0 15px; font-size:15px;}
}
@media (max-width:993px){
.m2banner .bgImg{height:380px;}
.m2pos{font-size:14px;}
}
@media (max-width:767px){
.m2banner .bgImg{height:220px;}
.m2ban_ch {font-size:24px;line-height:32px;}
.m2ban_en{font-size:18px; margin-top:5px;}
.m2pos{display:none;}
.m2menu{float:none; width:100%; padding:15px 0 10px; text-align:center;}
.m2menu_a{line-height:46px; height:46px; font-size:14px; margin:0 10px 5px;}
}
@media (max-width:767px){
.m2baner2Wpr .m2ban_ch{ font-size:24px; line-height:36px;}
.m2ban_ch2 {font-size:22px; line-height:36px;}
.mouseIcon{display:none;}
}


.page{margin-bottom:8.92vh; text-align:center}
.page .pagination li { display: inline-block; }
.page .pagination li a { padding: 0px 10px; height: 42px; min-width: 42px; text-align: center; display: inline-block; margin: 0px 2px; vertical-align: middle; border: 1px solid #DEE2E6; font: 14px/40px "微软雅黑"; color: #666666; }
.page .pagination li.active a, .page .pagination li a:hover { color: #FFF; background: #2566D0; border: 1px solid #2566D0; }
@media (max-width:767px){
.page .pagination li{margin-bottom:8px;}
}

.m2nul { padding-top: 8.14vh; margin: 0px 2.6vw 2.62vh; }
.m2nul.clearfix li { margin-bottom: 3.7vh; }
.m2naBox { display: block; overflow: hidden; }
.m2naBox .overflowHide{ float: left; height: 217px; width: 310px; }
.m2nRx{ margin-left: 310px; padding: 30px 170px 0px 60px; height: 217px; border-bottom: 8px solid #EBEEF1; position: relative; border-top: 1px solid #F2F2F2; border-right: 1px solid #F2F2F2; transition: all 0.5s ease-in-out; }
.m2naBox:hover .m2nRx{ border-bottom: 8px solid #2566D0; }
.m2nRx_tag{ font-size: 16px; line-height: 38px; color: #0057cd; background: #E9ECF0; display: inline-block; padding: 0px 19px; height: 38px; position: absolute; top: 32px; right: 20px; border-radius:0.3em;}
.m2nRx_tm{ line-height: 35px; background: url(../images/m2n_i2.png) no-repeat left center; height: 35px; font-size: 16px; color: #92959c; padding-left: 27px; }
.m2nRx_t{ font-size: 20px; line-height: 40px; display: block; height: 40px; }
.m2nRx_des{ font-size: 16px; color: #666666; line-height: 32px; display: block; height: 32px; }
.m2nRx_m{ display: inline-block; font-size: 16px; line-height: 44px; background: url(../images/m2n_i3.png) no-repeat right center; padding-right: 18px; }
@media (max-width:1799px){
.m2nRx_t{font-weight:normal;}
}
@media (max-width:993px){
.m2nRx_tag{display:none;}
.m2nRx{ padding: 30px 20px 0px 20px; }
}
@media (max-width:767px){
.m2nul{margin-left:0; margin-right:0}
.m2naBox .overflowHide{width:100%; float:none;}
.m2nRx{margin-left:0; padding:8px 10px; height:auto; padding-bottom:20px;}
.m2nRx_t{font-size:16px; font-weight:bold;}
.m2nRx_des{font-size:14px; line-height:22px; height:auto; white-space:normal;}
.m2nRx_m{font-size:14px;}
.m2nul.clearfix li{margin-bottom:12px;}
}


.m3nWpr{ position:relative}
.m3nWpr .bgImg{position:absolute; left:0; top:0; width:100%; height:100%; max-height:78.51vh; right:0;}
.m3nWpr .bgImg:after{content:""; width:100%; height:100%; left:0; top:0; bottom:0; right:0; position:absolute; background:rgba(0,0,0,0.6);}
.m3nWpr .container{position:relative; z-index:1;padding-top: 17.59vh;}
.m3nEditor{ min-height: 800px; background: #fff; border-radius: 0.6em; padding: 5.55vh 2.6vw; font-size: 18px; line-height: 36px; color: #666; }
.m3nTag { color: #FFF; font-size: 22px; line-height: 46px; }
.m3n_tm { font-size: 14px; line-height: 58px; color: #FFF; }
.m3n_title { font-size: 44px; line-height: 76px; color: #FFF; font-weight: normal; display: block; }
.m3nSitms { color: #FFF; margin: 44px 0px 26px; }
.m3n_sstg1{ background: url(../images/m3n_i1.png) no-repeat left center; font-size: 14px; line-height: 40px; color: #FFF; display: inline-block; margin-right: 35px; padding-left: 36px; }
.m3n_sstg2{ background: url(../images/m3n_i2.png) no-repeat left center; font-size: 14px; line-height: 40px; color: #FFF; display: inline-block; margin-right: 35px; padding-left: 36px; }
.m3n_sstg3{ background: url(../images/m3n_i3.png) no-repeat left center; font-size: 14px; line-height: 40px; color: #FFF; display: inline-block; padding-left: 36px; }
.m3page{ margin:0 2.6vw; padding:4.16vh 155px 4.16vh 0; position:relative; border-top:1px solid #EDEDED;}
.m3page p{ font-size: 16px; line-height: 38px; display: block; height: 38px; }
.m3abck_a{ display: inline-block; font-size: 16px; line-height: 36px; color: #666; background: url(../images/m3n_i4.png) no-repeat left center; height: 36px; position: absolute; top: 50%; right: 0px; padding-left: 50px; margin-top:-18px;}
@media (max-width:1799px){
.m3n_title { font-size: 36px; line-height: 58px;}
.m3nEditor{font-size:16px; line-height:30px;}
}
@media (max-width:767px){
.m3nWpr .container{padding-top:60px;}
.m3n_tm{line-height:30px; height:30px;}
.m3n_title{font-size:22px; line-height:35px;}
.m3nSitms{margin:12px 0 15px;}
.m3n_sstg1{margin-right:15px;}
.m3n_sstg2{margin-right:15px;}
.m3nEditor{font-size:15px; line-height:30px; padding:32px 15px}
.m3page{padding-right:0; padding-bottom:90px; padding-top:12px;}
.m3abck_a{right:auto; left:0; bottom:42px; top:auto; margin-top:0}
.m3page p{font-size:15px;}
}


.m2cm{ padding: 11.29vh 0px 3.37vh; }
.m2cmLx { float: left; width: 62.84%; position: relative; height: 400px; position:relative }
.m2cmLx:before{ content: "IGP"; font-size: 300px; color: #f9f9f9; line-height: 300px; position: absolute; top: 28px; right: 35px; font-weight: bold; font-family: "微软雅黑"; }
.m2cmRx{ width: 37.16%; float: right; height: 408px; }
.m2cm_tbox{ position: relative; font: 80px/72px din; color: #d5e8ff; margin-bottom: 38px; }
.m2cm_tbox span{ font-size: 37px; color: #333; line-height: 72px; display: inline-block; position: absolute; left: 0px; top: 0px; }
.m2cmEditor{ position: relative; padding-right: 5.83vw; font-size: 16px; line-height: 32px; color: #666666; }
.m2cmEditor p{ margin-bottom:10px;}
@media (max-width:1799px){
.m2cm_tbox{font: 70px/72px din;} 
.m2cm_tbox span{font-size:32px;}
}
@media (max-width:1199px){
.m2cmEditor{font-size: 14px; line-height: 28px; }
.m2cm_tbox{margin-bottom:20px;}
}
@media (max-width:993px){
.m2cmLx{width:100%; float:none; padding-right:0; height:auto; margin-bottom:35px;}
.m2cmEditor{padding-right:0;}
.m2cmRx{ width:100%;}
.m2cm{padding-top:70px;}
}
@media (max-width:767px){
.m2cm{padding-top:40px;}
.m2cm_tbox{font-size:40px; margin-bottom:5px;}
.m2cm_tbox span{font-size:24px;}
.m2cmLx:before{font-size:150px;}
.m2cmRx{height:350px;}
}


.m2csWpr{ background: #f7fafb; padding: 4.37vh 0px 3.09vh; }
.m2csCon{position:relative;}
.m2csRx{width:100%; float:right}
.m2csLx { float: left; width: 288px; }
.m2cs_t { font-size: 24px; line-height: 42px; font-weight: 100; }
.m2csul{ margin: 25px -13px 12px; }
.m2csul li{ padding: 0px 13px; float: left; width: 33.33%; margin-bottom: 26px; }
.m2csAbox { display: block; background: #FFF; padding: 20px 20px 4px; box-shadow:0 1px 8px rgba(0,0,0,0.08); cursor:default; }
.m2csAbox .overflowHide{ height:240px; }
.m2csTnm{ font-size: 18px; line-height: 62px; height: 62px;  position: relative; color:#666;text-align: center;}
.m2csTnm img{ position: absolute; left: 0px; top: 15px; }
.m2csAbox:hover{ transform:translateY(-10px);}
.m2csMenu{ padding-top: 25px; }
.m2csMenu li{ margin-bottom: 14px; }
.m2csMenu_a{ display: block; padding: 15px 20px 15px 50px; border: 1px dashed #bbb; position: relative; font-size: 18px; line-height: 22px; border-radius:0.2em; }
.m2csMenu_a img{ position: absolute; left: 16px; top: 14px; transition:all 0.5s ease-in-out; }
.m2csMenu_a img.iOpacity{ background: #FFF; }
.m2csMenu_a:hover,.m2csMenu_a.on{ border: 1px dashed #2566D0; background:#fff; color:#34383d}
.m2csMenu_a:hover img,.m2csMenu_a.on img{opacity:0;}
.m2csMenu_a:hover img.iOpacity,.m2csMenu_a.on img.iOpacity{opacity:1;}
.m2csLxFixed{position:fixed; top:130px}
.m2csLxAbsolute{position:absolute; top:auto; bottom:24px; left:0; display:none!important}
.m2csul_moreBtn{width:150px; font-size:16px; display:block; text-align:center; margin:15px auto 50px;}
@media (max-width:1799px){
.m2cs_t{font-size:20px;}
.m2csMenu{padding-top:15px;}
.m2csul{ margin: 15px -10px 12px; }
.m2csul li{ padding: 0px 10px; margin-bottom: 20px; }
.m2csRx{width:100%;}
.m2csAbox {padding:12px 12px 4px; }
.m2csMenu_a{font-size:16px; padding: 12px 20px 12px 50px;}
.m2csMenu_a img{top:9px;}
.m2csTnm{font-size:16px;}
}
@media (max-width:1199px){
.m2csul li{width:50%;}
}
@media (max-width:993px){
.m2csLx{display:none;}
.m2csRx{width:100%; float:none;}
}
@media (max-width:767px){
.m2csul li{width:100%;}
}


.m2stCon1 { padding-top: 13.7vh; position: relative; }
.m2stc1Lx { float: left; width: 50%; font-size: 16px; line-height: 30px; color: #666; padding: 0px 3.75vw 18.51vh 0px; }
.m2st_t1 { font-size: 40px; line-height: 52px; padding-top: 10px; color: #333; font-weight: bold; }
.m2stc1Lx h4 { font-size: 20px; color: #333; line-height: 28px; display: block; margin: 15px 0px; }
.m2stc1Rx{ width: 661px; position: absolute; right: -125px; bottom: 0px; }
.m2stCon2 { background: url(../images/m2stc2bg.jpg) no-repeat center center; background-size: cover; padding: 7.87vh 0px 4.81vh; }
.m2stc1_item{ position: absolute; z-index: 2; height: 70px; width: 70px; }
.m2stc1_item1{ left: 0px; top: 106px; text-align:right; }
.m2stc1_item2{ left: 47px; top: 438px; text-align:right; display:none }
.m2stc1_item3{ left: 494px; top: 174px; text-align:center; }
.m2stc1Icon{ width:70px; height:70px; background:#fff; border-radius:50%; display:block; box-shadow:0 0 7px rgba(0,0,0,0.08); transition:all 0.5s ease-in-out;}
.m2stc1Icon img{ position:absolute; left:50%; top:50%; margin-left:-18px; margin-top:-18px; transition:all 0.5s ease-in-out;}
.m2stc1Ldes{ font-size: 20px; line-height: 24px; white-space: nowrap; position: absolute; right: 92px; top: 11px; }
.m2stc1_item:hover .m2stc1Icon img{ opacity:0;}
.m2stc1_item:hover .m2stc1Icon img.iOpacity{ opacity:1;}
.m2stc1_item:hover .m2stc1Icon{ background:#2566D0;}
.m2stc1_item3 .m2stc1Ldes{right:auto; left:50%; transform:translateX(-50%); top:-62px;}
.m2putT1 { text-align: center; line-height: 26px; text-transform: uppercase; font-size: 18px; color:#777; }
.m2putT1 strong { font-size: 40px; line-height: 52px; font-weight: bold; display: block; color:#333; }
.m2putT1 .cor_bs *{color:#fff;}
.m2stSwiper { margin-top: 4vh; margin-left:-10px; margin-right:-10px; }
.m2stSwiper .swiper-slide{padding:5px 10px;}
.m2stSwiper .swiper-container{padding-bottom:50px;}
.m2st_aBox{display:block; box-shadow:0 0 5px rgba(0,0,0,0.1);}
.m2st_aBox.scaleImg .overflowHide { height: 226px; border-radius:0.4em; }
.m2stSwiper .swiper-pagination{bottom:10px;}
.m2stSwiper .swiper-pagination-bullet{ background: #FFF; height: 12px; width: 12px; margin:0 6px!important; opacity:0.8; }
.m2stSwiper .swiper-pagination-bullet-active{ opacity:1; }
.m2stc2_tnm{ font-size: 18px; color: #FFF; line-height: 46px; height: 46px; background: rgba(0,0,0,0.6); text-align: center; padding: 0px 15px; z-index: 2; width: 100%; left: 0px; bottom: 0px; position: absolute; overflow:hidden; transition:all 0.5s ease-in-out; }
.m2stc2_layer{position:absolute; left:0; right:0; top:0; bottom:0; background: rgba(0,0,0,0.6); color:#fff; font-size:16px; line-height:32px; transition:all 0.5s ease-in-out; opacity:0;}
.m2stc2_layer div{ position:absolute; left:0; right:0; top:50%; transform:translateY(-50%); padding:0 30px;}
.m2st_aBox:hover .m2stc2_tnm{opacity:0;}
.m2st_aBox:hover .m2stc2_layer{opacity:1;}
.m2stCon3 { padding: 8.7vh 0px; }
.m2putT2 { font-size: 40px; line-height: 52px; text-align: center; padding-bottom: 24px; position: relative; font-weight: bold; }
.m2putT2a{font-weight:normal;}
.m2putT2:after{ content: ""; background: #0058CD; height: 3px; width: 94px; margin-left: -47px; position: absolute; left: 50%; bottom: 0px; }
.m2putT2a:after{width:34px; margin-left:-17px;}
.m2stFm { margin: 5.37vh 15px 0px; }
.m2stFm li { padding: 0px 10px; margin-bottom: 18px; }
.m2stFm_intx { position: relative; }
.m2stFm_intx input { width: 100%; font-size: 16px; line-height: 48px; color: #444; height: 50px; padding: 0px 15px 0px 50px; background: #F4F4F4; border: 1px solid #F4F4F4; transition:all 0.5s ease-in-out; border-radius:0.2em; }
.m2stFm_intx img{ top: 12px; left: 15px; position: absolute; }
.m2stFm_intx input:focus{border:1px solid #68A8FF;}
.m2stFm_intx textarea { width: 100%; font-size: 16px; line-height: 28px; color: #444; height: 268px; padding: 18px 15px 18px 50px; background: #F4F4F4; border: 1px solid #F4F4F4; transition: all 0.5s ease-in-out; font-family: "微软雅黑"; border-radius:0.2em; display:block}
.m2stFm_intx textarea:focus{border:1px solid #68A8FF;}
.m2stFm_intx2 img{top:20px;}
.m2stSubmit{ font-size: 16px; color: #FFF; line-height: 50px; text-align: center; display: block; height: 50px; width: 144px; border-width: 0px; border-style: none; cursor: pointer; margin: 3.88vh auto 0px; background: #0058CD; border-radius:0.3em; transition:all 0.5s ease-in-out;}
.m2stSubmit:hover{transform:translateY(-8px); box-shadow:0 5px 8px rgba(0,0,0,0.1);}
@media (max-width:1799px){
.m2putT2 { font-size: 32px; line-height: 42px; padding-bottom: 18px; font-weight:normal }
.m2jo_aBox.scaleImg .overflowHide{height:295px;}
.m2putT1 strong{font-size:34px; font-weight:normal}
.m2st_t1 { font-size: 34px; line-height: 42px; font-weight:normal }
.m2stc1Lx h4{font-size:18px;}
.m2stc1Rx{width:560px; right:-80px;}
.m2stc1_item1{top:76px;}
.m2stc1Ldes{font-size:18px;}
.m2stc1_item2{top:312px; left:-6px;}
.m2stc1_item3{top:80px; left:383px;}
.m2stFm_intx textarea{height:180px;}
.m2stc2_layer{font-size:15px; line-height:30px;}
.m2stc2_layer div{ padding:0 20px;}
}
@media (max-width:1199px){
.m2stc1_item1{top:35px; left:29px}
.m2stc1_item2{top:274px;}
}
@media (max-width:993px){
.m2stCon1{padding-top:70px;}
.m2stc1Lx{width:100%; float:none; padding-right:0; padding-bottom:80px;}
.m2stc1Rx{position:relative; right:auto; bottom:auto; left:180px;}
}
@media (max-width:767px){
.m2putT2{font-size:24px;}
.m2stCon1{padding-top:40px;}
.m2st_t1{font-size:24px;}
.m2stc1Lx h4{font-size:16px;}
.m2stc1Lx{font-size:16px; line-height:30px; padding-bottom:25px;}
.m2stc1Rx{display:none;}
.m2stMitems{ font-size:18px; line-height:28px; padding-bottom:35px;}
.m2stMitems li{margin-bottom:25px; padding-left:52px; position:relative;}
.m2stMitems li img{position:absolute; left:0; top:8px;}
.m2stMitems li:nth-child(2){display:none;}
.m2stCon3{padding:45px 0 60px;}
.m2stFm{margin:20px 0 0;}
.m2stSubmit,.m2stSubmit:hover{margin-top:15px; transform:translateY(0);}
.m2putT2:after{width:66px; margin-left:-33px; bottom:6px;}
.m2stc2_tnm{opacity:0;}
.m2stc2_layer{ opacity:1;}
}


.m2abtc1Wpr{ background: #f4f4f4; padding: 9.62vh 0px 9.25vh; }
.m2abtCon1{position:relative;}
.m2abt_c1t { font-size: 40px; line-height: 52px; font-weight: bold; text-align: center; position: relative; z-index: 1; }
.m2abt_c1des { font-size: 16px; line-height: 32px; max-width: 666px; position:relative; z-index:1; text-align: center; margin: 4.44vh auto 0px; }
.m2abtc1_timg{ position: absolute; left: 50%; top: 25px; transform:translateX(-50%);}
.m2abt_c1box { background: #FFF; margin-top: 6.29vh; height: 160px; padding: 26px 455px 0px 0px; position:relative; }
.m2abt_m1{ line-height: 58px; display: block; margin: 7.96vh auto 0px; height: 60px; width: 240px; border: 1px solid #0058CD; font-size: 16px; color: #0058CD; background: url(../images/m2abt_i1.png) no-repeat 164px center; padding-left: 29px; }
.m2abt_m1:hover{ color: #FFF; background: #0058CD url(../images/m2abt_i1a.png) no-repeat 164px center; border: 1px solid #0058CD; box-shadow:0 5px 8px rgba(0,0,0,0.1); transform:translateY(-5px);}
.m2abt_c1box img{ position: absolute; right: 0px; bottom: 0px; }
.m2abt_item li{ float: left; padding: 0px 50px; text-align: center; }
.m2abt_item li strong{ font-weight: 100; text-align: center; display: block; line-height: 75px; height:75px; font-family: "微软雅黑"; font-size: 58px; color: #34383d; }
.m2abt_item li p{ font-size: 16px; line-height: 28px; }
.m2abt_s1{ font-size: 14px; display: inline-block; margin-left: 5px; transform:translateY(-33px)}
.m2abtCon2 { background: url(../images/m2abt_bg2.jpg) no-repeat center center; padding: 7.87vh 0px 18.88vh; }
.m2abtc2Bom { position: relative; z-index: 2; margin-top: -174px; }
.m2abtc2Swiper .swiper-slide{ padding: 20px 15px; margin-top: 2.77vh; }
.m2abt_ryAbox{display:block; height:310px; position:relative; border-radius:0.6em; overflow:hidden; background:#fff;}
.m2abt_ryAbox:hover{transform:translateY(-10px); box-shadow:0 5px 8px rgba(0,0,0,0.1);}
.m2abt_ryAbox img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:90%; max-height:90%; width:auto; height:auto;}
.m2abt_ryAbox strong{ background:rgba(0,0,0,0.6); font-size:16px; display:block; text-align:center; padding:0 15px; position:absolute; left:0; bottom:0; line-height:50px; height:50px; width:100%; color:#fff;}
.m2abtc2Swiper{position:relative; margin-left:-15px; margin-right:-15px;}
.m2abtc2Swiper .prev{ background: #494949 url(../images/m2abt_arrow.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; left: -80px; top:143px; border-radius:50%;}
.m2abtc2Swiper .prev:hover,.m2abtc2Swiper .next:hover{ background-color:#0058CD;}
.m2abtc2Swiper .next{ background: #494949 url(../images/m2abt_arrow.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; right: -80px; top:143px; border-radius:50%; transform:rotate(180deg);}
.m2abtCon4{ position: relative; padding: 6.66vh 0px; }
.m2abtCon4 .container{position:relative; z-index:3;}
.m2pubBg{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: url(../images/m2pubbg.jpg) no-repeat center center; }
.m2abtc4Slick { padding-bottom: 4.81vh; margin:2.31vh -20px 0px; }
.m2abt_c4Abox.scaleImg .overflowHide { height: 275px; }
.m2abtc4_item { padding: 20px; }
.m2abt_c4Abox { background: #FFF; display: block; border-radius:0.2em; box-shadow:0 8px 15px rgba(0,0,0,0.1); }
.m2abt_c4Abox:hover{transform:translateY(-10px);}
.m2abt_c4Abox p { margin: 26px 35px 35px; font-size: 16px; line-height: 26px; height: 52px; overflow: hidden; font-weight: 100;      color: #49494b;}
.m2abt_c4tm { line-height: 64px; text-align: center; padding: 0px 10px; height: 65px; border-top: 1px solid #EFEFEF; }
.m2abt_c4tm span { background: url(../images/m2abt_si1.png) no-repeat left center; padding-left: 20px; font-size: 14px; color: #666666; }
.m2abtc4Slick .slick-dots{bottom:0;}
.m2abtc4Slick .slick-dots li button{display:none;}
.m2abtc4Slick .slick-dots li { background: #DDDDDD; display: inline-block; height: 16px; width: 16px; margin: 0px 10px; position: relative; border-radius: 50%; vertical-align: middle }
.m2abtc4Slick .slick-dots li.slick-active{ background: #0058CD; }
.m2abtCon5{ background: #e4e4e4; padding: 8.33vh 0px; }
.m2abtc5_ul { margin-top: 4.16vh; }
.m2abtc5_ul li { text-align: center; }
.m2abt_c5icon { display: inline-block; height: 100px; width: 100px; position: relative; background: #FFF; border-radius:50%; box-shadow:0 1px 5px rgba(0,0,0,0.1); transition:all 0.5s ease-in-out; }
.m2abt_c5icon img{transition:all 0.5s ease-in-out; position:absolute; left:25px; top:25px;}
.m2abtc5_ul li strong{ font-size: 24px; line-height: 32px; display: block; height: 32px; font-weight: normal; margin: 20px 0px 15px; }
.m2abtc5_ul li p{ font-size: 16px; color: #666; line-height: 24px; margin: 0px auto; max-width: 270px; }
.m2abtc5_ul li:hover .m2abt_c5icon{ transform:rotateY(180deg); background:#0058CD;}
.m2abtc5_ul li:hover .m2abt_c5icon img{opacity:0;}
.m2abtc5_ul li:hover .m2abt_c5icon img.iOpacity{opacity:1;}
.m2abtC6Lx{ float: left; width: 50%; height: 533px; background: url(../images/m2abt_bg4.jpg) no-repeat center center; position:relative; }
.m2abtC6con{ width: 720px; padding-right: 112px; position: absolute; top: 50%; right: 0px; transform: translateY(-50%); color: #FFF; }
.m2abt_c6t { padding-bottom: 2.96vh; border-bottom: 1px solid rgba(255,255,255,0.3); margin-bottom: 3.33vh; position:relative; }
.m2abt_c6t p { font-size: 18px; text-transform: uppercase; line-height: 28px; }
.m2abt_c6t strong { display: block; font-size: 40px; line-height: 52px; font-weight: 100; }
.m2abt_m{ background: url(../images/m2abt_ti.png) no-repeat center center; display: inline-block; height: 44px; width: 44px; position: absolute; top: 30px; right: 0px; }
.m2abt_c6ps { font-size: 18px; line-height: 40px; color:rgba(255,255,255,0.7); }
.m2abt_c6ps p { position: relative; padding-left: 30px; }
.m2abt_c6ps p img { position: absolute; left: 0px; top: 9px; }
.m2abtC6Rx{width:50%; height:533px; float:right; background:#00163a;}
.m2abtC6Rx .amap-icon{ position:relative }
.m2abtC6Rx .amap-icon:before{content:""; width:100%; height:100%; position:absolute; left:0; top:0; background: url(../images/m2lx_iconbg.png) no-repeat center center; animation:mapAni 2s linear infinite;}
.m2abtC6Rx .amap-icon img{ z-index:2;}
.amap-layer{opacity:0.4;}
.amap-drags, .amap-layers{ background:#213a63;}
.m2abtCon3 { background: url(../images/m2abt_bg3.jpg) no-repeat center bottom; padding-top: 6.66vh; position:relative; padding-bottom:105px; background-size:cover;}
.m2usCon3BoxWprx{position:relative; height:482px;}
.m2usCon3 { background: url(../images/m2us_bg2.jpg) no-repeat center center; padding: 9.72vh 0px 102px; position:relative; background-size:cover; }
.m2usC3clound{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/m2his_clund.png) repeat-x left center;  -webkit-animation: animate-cloud 30s linear infinite; animation: animate-cloud 30s linear infinite; }
.m2usCon3Box{ background: url(../images/m2us_hbg.png) no-repeat center center; height: 482px; width: 933px; margin: 9.51vh auto 0px; position: relative; transform:translateX(-25px) }
.m2usLine{ background: url(../images/m2us_hbg2.png) no-repeat left bottom; height: 0%; transition:all 2s linear; width: 100%; position: absolute; left: 0px; bottom: 0px; }
.m2usLine.on{height:100%;}
.m2usCon3BoxWprx{position:relative;}
.m2usUltm li strong{ display: inline-block; font: 30px/30px din; }
.m2usUltm li p{ font-size: 16px; line-height: 22px; width:295px; margin-top:4px;}
@media (min-width:993px){
.m2usUltm li p{font-size:14px;}
.m2usUltm li:nth-child(2n){text-align:right;}
.m2usUltm li{transition:all 0.5s ease-in-out;position:absolute; color:#666; white-space:nowrap;}
.m2usUltm li:hover{ color: #34383d; }
.m2us_li1{left:35px; bottom:-59px;}
.m2us_li2{right:828px; bottom:63px;}
.m2us_li3{left:215px; bottom:73px;}
.m2us_li4{right:670px; bottom:162px;}
.m2us_li5{left:397px; bottom:131px;}
.m2us_li6{right:486px; bottom:277px;}
.m2us_li7{left:652px; bottom:188px;}
.m2us_li8{right:-137px; bottom:277px; text-align:left!important;}
.m2us_li9{right:104px; bottom:414px; text-align:right!important;}
.m2us_li10{left:944px; bottom:426px; text-align:left!important;}
}
@media (max-width:1799px){
.m2abt_c1t{font-size:34px; font-weight:normal}
.m2abt_c1des { line-height:30px; }
.m2abt_item li{padding:0 35px;}
.m2abt_item li strong{font-size:54px;}
.m2abtCon2{padding-bottom:165px;}
.m2abt_ryAbox{height:260px;}
.m2abtc4_item{padding:15px;}
.m2abt_c4Abox{box-shadow:0 8px 10px rgba(0,0,0,0.1);}
.m2abt_c4Abox p { margin:18px 25px 20px; font-size: 15px;  }
.m2abt_c4Abox.scaleImg .overflowHide{height:225px;}
.m2abt_c4tm{height:54px; line-height:54px;}
.m2abtc5_ul li strong{font-size:20px;}
.m2abtc5_ul li p{font-size:15px;}
.m2abtc4Slick .slick-dots li{width:12px; height:12px;}
.m2abtC6con{width:600px; padding-right:35px;}
.m2abt_c6t strong{font-size:34px;}
.m2abt_c6ps{font-size:16px;}
.m2abtC6Lx{height:450px;}
.m2abtC6Rx{height:450px;}
}
@media (max-width:1379px){
.m2abtc2Swiper{ margin:0 50px;}
}
@media (max-width:1229px){
.m2abt_item li{padding:0 26px;}
}
@media (max-width:1199px){
.m2abt_item li{padding:0 15px;}
.m2abt_c1box{padding-right:345px;}
.m2abtC6con{width:475px;}
}
@media (max-width:993px){
.m2abt_c1box img{width:150px;}
.m2abt_c1box{padding-right:0;}
.m2abtc2Swiper .prev{left:-58px;}
.m2abtc2Swiper .next{right:-58px;}
.m2abtc5_ul li{margin-bottom:25px;}
.m2abtC6Lx{width:100%; float:none;}
.m2abtC6Rx {float:none; width:100%;}
.m2abtC6con{width:100%; padding:0 25px}

.m2usUltm li{width:100%; padding-right:calc(50% + 25px); text-align:right; margin-bottom:0; position:relative;}
.m2usUltm li:nth-child(2n){padding-right:0; padding-left:calc(50% + 25px); text-align:left;}
.m2usUltm:before{content:""; background:#34383d; width:2px; left:calc(50% + 1px); position:absolute; top:9px; bottom:0;}
.m2usUltm li p{font-size:12px; line-height:18px; color:#636363; margin-top:5px;}
.m2usUltm:after{ content: ""; display: inline-block; height: 23px; width: 23px; margin-left: -12px; position: absolute; left: calc(50% + 2px); top: -6px; }
.m2usUltm li:before{content:""; width:16px; height:16px; background:#fff; border:2px solid #34383d; border-radius:50%; position:absolute; left:calc(50% - 6px); z-index:2; top:7px;}
.m2usUltm li:last-child:after{ content: ""; display: inline-block; height: 30px; width: 30px; position: absolute; bottom: -18px; left:calc(50% - 13px);}
.m2usCon3{padding-bottom:75px;}
.m2usCon3Box{margin-top:35px; transform:translateX(0); padding-bottom:20px; height:auto}
.m2usLine{display:none;}
.m2usCon3Box{width:100%; background:none}
.m2usCon3BoxWprx{height:auto;}
.m2abtCon3{padding-bottom:70px;}
.m2usUltm li p{width:auto;}
}
@media (max-width:767px){
.m2abt_c1t{font-size:24px;}
.m2abt_c1des{font-size:16px; line-height:30px; margin-top:8px;}
.m2abtc1Wpr{padding-top:40px; padding-bottom:60px;}
.m2abt_c1box{height:292px; margin-top:25px;}
.m2abt_item li strong{font-size:36px;line-height:60px; height:60px;}
.m2abt_item li p{font-size:14px;}
.m2abt_item li{width:50%; text-align:center;}
.m2abt_m1{ line-height: 48px; margin: 10px auto 0px; height: 50px; width: 180px; font-size: 14px; background: url(../images/m2abt_i1.png) no-repeat 114px center; padding-left: 20px; }
.m2putT1 strong{font-size:24px; line-height:36px; height:36px;}
.m2abtCon2{padding-top:60px; padding-bottom:108px;}
.m2abtc2Swiper .prev{width:40px; height:40px; left:-36px; top:108px;}
.m2abtc2Swiper .next{width:40px; height:40px; right:-36px; top:108px;}
.m2abt_ryAbox{height:186px;}
.m2abtc2Swiper{margin:0 30px;}
.m2abtc2Bom{margin-top:-130px;}
.m2abt_ryAbox strong{font-size:15px;}
.m2abtCon3{padding-top:30px;}
.m2abtc4Slick .slick-dots li{width:9px; height:9px;}
.m2abtCon4{padding:55px 0;}
.m2abtCon5{padding:55px 0 30px;}
.m2abtc5_ul li strong{ margin:10px 0px 8px;}
.m2abt_c6t strong{font-size:24px; line-height:30px; height:30px;}
.m2abt_m{top:3px; transform:scale(0.8);}
.m2abt_c6ps{font-size:14px; line-height:30px;}
.m2abt_c6ps p img{top:4px;}
.m2abtC6con{padding:0 15px;}
.m2abtC6Lx{padding:50px 0; height:auto;} 
.m2abtC6con{position:static; transform:translateY(0);}
.m2abtC6Rx{height:350px;}
.m2abt_c6t{padding-bottom:17px; margin-bottom:12px;}
.m2usUltm li p br{display:none;}
}


.m2fwCon1{ padding: 7.4vh 0px 0px; }
.m2fw_sdes { font-size: 16px; line-height: 32px; color: #5b5b5b; text-align: center; margin: 28px auto 0px; max-width: 975px; }
.m2fwCon1Bom{ padding: 9.44vh 0px 8.14vh; position: relative; }
.m2fwBg { background: url(../images/m2fw_bg.png) no-repeat center center; height: 420px; width: 100%; position: absolute; left: 0px; top: 50%; margin-top:-210px; animation:animate-background 18s linear infinite; }
.m2fwCon1Bom .container { z-index: 2; }
.m2fwc1Items { background: url(../images/m2fw_qan.png) no-repeat center center; margin: 0px auto; height: 575px; width: 580px; position: relative; }
.m2fw_c1txt { font-size: 16px; line-height: 30px; color: #606060; width: 385px; position: absolute; top: 320px; left: 440px; opacity:0; visibility:hidden; transform:translateY(60px); }
.m2fw_c1txt.on{transform:translateY(0); visibility:visible; opacity:1; transition:all 0.8s ease-in-out; z-index:2;}
.m2fw_c1txt img { position: absolute; left: -317px; top: -220px; }
.m2fw_c1txt strong { font-size: 30px; color: #34383d; line-height: 54px; display: block; }
.m2fwc1_btn{ display: block; height: 78px; width: 78px; position: absolute; }
.m2fwc1_btn span{ display: block; text-align: center; line-height: 78px; font-size: 16px; color: #34383d; font-weight: bold; transition:all 0.5s ease-in-out; z-index:3; position:relative; }
.m2fwc1_btn:before{ content: ""; background: url(../images/m2fw_c1q.png) no-repeat center center; display: block; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; transition:all 0.5s ease-in-out; animation:roundAni 5s linear infinite; }
.m2fwc1_btn:after{ content: ""; background: url(../images/m2fw_c1q2.png) no-repeat center center; display: block; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; transition:all 0.5s ease-in-out; opacity:0; animation:roundAni 5s linear infinite; }
.m2fwc1_btn1{left:0; top:388px;}
.m2fwc1_btn2{left:0px; top:114px;}
.m2fwc1_btn3{left:254px; top:-34px;}
.m2fwc1_btn4{left:492px; top:108px;}
.m2fwc1_btn:hover:before,.m2fwc1_btn.on:before{opacity:0;}
.m2fwc1_btn:hover:after,.m2fwc1_btn.on:after{opacity:1;}
.m2fwc1_btn:hover span,.m2fwc1_btn.on span{color:#fff;}
.m2fwCon2 { background: url(../images/m2fw_img1.jpg) no-repeat center center; height: 645px; position:relative; }
.m2fwC2box{width:100%; left:0; top:50%; transform:translateY(-50%); position:absolute; color:#fff;}
.m2fwC2box .container *{max-width:656px;}
.m2fwC2box h3{ font-size: 40px; line-height: 56px; margin-bottom: 30px; padding-bottom: 16px; display: block; position: relative; font-weight: normal; }
.m2fwC2box h3:after{content:""; width:34px; height:4px; background:#fff; position:absolute; left:0; bottom:0;}
.m2fwC2box strong{ font-size: 26px; line-height: 44px; display: block; }
.m2fwC2box p{ font-size: 18px; line-height: 30px; margin-bottom: 30px; }
.m3fw_btn{ font-size: 18px; line-height: 44px; color: #FFF; background: #2566D0; height: 44px; width: 130px; text-align: center; display: inline-block; border-radius:1.8em;}
.m3fw_btn:hover{transform:translateY(-10px); box-shadow:0 5px 8px rgba(0,0,0,0.1); color:#fff;}
.m2fwCon3 { padding: 7.77vh 0px 9.25vh; }
.m2fwSlick { margin: 30px -15px 0px; padding-bottom:45px; }
.m2fwSitem { padding: 10px 15px; }
.m2fwSa { background: url(../images/m2fw_sbg1.png) no-repeat center center; height: 244px; padding-top: 104px; display: block; position: relative; box-shadow: 0 0 5px rgba(0,0,0,0.1); text-align: center; background-size:cover; border-radius:0.3em; }
.m2fwSa:before{ content: ""; background: url(../images/m2fw_i1.png) no-repeat center center; height: 54px; width: 62px; display: inline-block; position: absolute; left: 50%; top: 34px; margin-left: -31px; }
.m2fwSa strong { font-size: 22px; line-height: 28px; display:block; padding: 0px 15px; height: 56px; overflow: hidden; margin-bottom: 5px; font-weight: 100; }
.m2fwSa span{ line-height: 42px; text-align: center; display: block; height: 44px; width: 130px; border: 1px solid #898989; font-size: 16px; color: #666; margin: 0px auto; border-radius:1.8em; }
.m2fwSa:hover span{ color: #FFF; background: #2566D0; border: 1px solid #2566D0; }
.m2fwSlick .slick-dots{bottom:0;}
.m2fwSlick .slick-dots li button{display:none;}
.m2fwSlick .slick-dots li { background: #D6D6D6; display: inline-block; height: 12px; width: 12px; margin: 0px 10px; position: relative; border-radius: 50%; vertical-align: middle }
.m2fwSlick .slick-dots li.slick-active{ background: #2566D0;}
@media (max-width:1799px){
.m2fw_sdes{margin-top:20px; line-height:30px;}
.m2fw_c1txt strong{font-size:22px;}
.m2fw_c1txt{line-height:28px;}
.m2fwCon2{height:550px;}
}
@media (max-width:1559px){
.m2fwCon2{height:490px; background-size:auto 580px;}
.m2fwC2box h3{ font-size: 32px; line-height: 46px; margin-bottom: 20px; padding-bottom: 15px;}
.m2fwC2box h3:after{width:32px; height:2px;}
.m2fwC2box strong{ font-size: 20px; line-height: 42px; }
.m2fwC2box p{ font-size: 16px; line-height: 30px; margin-bottom: 20px; }
.m3fw_btn{ font-size: 16px; }
.m2fwSa strong{font-size:20px;}
}
@media (max-width:1199px){
.m2fwSa strong{font-size:16px;}
.m2fw_c1txt{left:385px; font-size:14px;}
}
@media (max-width:993px){
.m2fw_c1txt{left:316px;}
.m2fw_c1txt img{left:-275px;}
.m2fwC2box .container{max-width:525px; margin-left:0}
}
@media (max-width:767px){
.m2fw_sdes{font-size:14px;}
.m2fwCon1{padding-top:50px;}
.m2fwCon1Bom{padding-top:60px;}
.m2fwc1_btn{ display:none}
.m2fwc1Items{background:none; width:100%; height:auto}
.m2fw_c1txt img{position:static; display:none}
.m2fw_c1txt{position:static; visibility:visible; opacity:1; height:auto; transform:translateY(0); width:100%; margin-bottom:15px; text-align:center}
.m2fw_c1txt strong{font-size:16px; text-align:center;}
.m2fwCon1Bom{padding-top:30px;}
.m2fwC2box h3{font-size:24px;}
.m2fwC2box strong{font-size:16px;}
.m2fwC2box p{font-size:14px;}
.m2fwCon2{height:auto; padding:45px 0 60px;}
.m2fwC2box{position:static; transform:translate(0,0);}
.m2fwCon3{padding-top:50px; padding-bottom:60px;}
.m2fwSlick{margin-top:25px;}
.m2fwSlick .slick-dots li{width:9px; height:9px; margin:0 6px;}
}



.m2jobc1Wpr{ background: #f6f8fa; padding-bottom: 6.11vh; }
.m2usAr{ margin: 5.09vh auto 0px; height: 48px; width: 11px; overflow: hidden; font-size:0; line-height:0; cursor:pointer }
.m2usAr span{ background: url(../images/m2us_ar1.png) no-repeat center center; display: inline-block; height: 11px; width: 11px; margin-bottom: 7px; animation: arrowDown 1s infinite;}
.m2usAr span:nth-of-type(2) {animation-delay: .2s; }
.m2usAr span:nth-of-type(3) {animation-delay: .3s; }
.m2usAr span:nth-of-type(4) {animation-delay: .4s; }
.m2jo_u1 { margin: 3.88vh auto 4.62vh; max-width:1034px; }
.m2jo_u1 li { padding: 0px 13px; float: left; width: 50%; }
.m2jo_aBox.scaleImg .overflowHide { height: 312px; border-radius:0.3em; }
.m2joc2_item.bgImg { height: 500px; position:relative }
.m2joc2_snm{ background: rgba(44,69,94,0.7); line-height: 66px; display: none; height: 66px; padding: 0px 75px 0px 40px; position: absolute; right: 0px; bottom: 60px; font-size: 24px; color: #FFF; }
.m2jo_aBoxBtn.scaleImg .overflowHide:after{ content: ""; background: rgba(255,255,255,0.6) url(../images/m2jo_ar1.png) no-repeat 29px center; display: inline-block; height: 70px; width: 70px; position: absolute; left: 50%; top: 50%; margin-top: -35px; margin-left: -35px; border-radius:50%; transition:all 0.5s ease-in-out; border:2px solid rgba(255,255,255,0);}
.m2jo_aBoxBtn.scaleImg:hover .overflowHide:after{ background: #FFF url(../images/m2jo_ar1a.png) no-repeat 29px center; border:2px solid #2566D0;}
/*.mvLayer,.mvlayerBg{display:none!important;}*/
.m2jo_aBox{cursor:default;}
.mvlayerBg{ height: 100%; width: 100%; position: fixed; z-index: 82; left: 0px; top: 0px; right: 0px; bottom: 0px; background:rgba(0,0,0,0.8); }
.mvLayer {  width: 100%; transform:translateY(-50%); position: fixed; z-index: 85; left: 0px; top: 50%; }
.mvClose { background: url(../images/m2mvclose.png) no-repeat; height: 38px; width: 38px; position: absolute; top: -38px; right: 0; cursor: pointer; z-index: 5; }
.m2mvBox { width: 66%; height: 706px; position: relative; background: #000; margin:0 auto; }
@media (max-width:1799px){
.m2mvBox { width: 66%; height: 586px; }
}
@media (max-width:1559px){
.m2mvBox { height: 518px; }
}
@media (max-width:1199px){
.hmc7aBox.scaleImg .overflowHide { height:190px; }
}
@media (max-width:993px){
.mvLayer{margin-top:0; transform:translateY(-50%);height:auto;}
.mvLayer{ margin-left:auto; margin-right:auto; height:240px;}
.mvClose{top:12px; right:5px;}
}
@media (max-width:767px){
.mvLayer{ height:130px;}
.mvClose{top:auto; top:-40px; right:0px;}
.m2mvBox { width: 100%; height:200px;}
.m2jobc1Wpr{padding-bottom:50px;}
}


.m2jobCon2 { padding: 7.87vh 0px 18.05vh; }
.m2joSlick{ float: right; width: 55%; height: 500px;}
.m2joc1Txts{ width: 50%; position: absolute; height: 500px; left: 0px; top: 5.55vh; background: #0057cd; z-index:3 }
.m2joCon1{position:relative; margin:6.48vh 0 0; color:#fff; }
.m2joc1Txs{ position:absolute; left:4.06vw; top:12.25vh; right:4.06vw; opacity:0; transform:translateY(30px);}
.m2joc1Txs.on{opacity:1; transform:translateY(0); transition:all 0.8s ease-in-out;}
.m2joc1Txs strong{ font-size: 30px; line-height: 46px; display: block; margin-bottom: 20px; }
.m2joc1Txs p{ font-size: 16px; line-height: 36px; }
.m2joc2Btns{ height: 46px; left:4.06vw; bottom:9.25vh; width:110px; position:absolute }
.m2joc2Btns .prev{ background: url(../images/m2joc2_btn.png) no-repeat center center; height: 46px; width: 46px; border: 2px solid rgba(255,255,255,0.7); float: left; border-radius:50%; }
.m2joc2Btns .prev:hover{ background:rgba(255,255,255,0.1) url(../images/m2joc2_btn.png) no-repeat center center; border: 2px solid rgba(255,255,255,1); }
.m2joc2Btns .next{ background: url(../images/m2joc2_btn.png) no-repeat center center; height: 46px; width: 46px; border: 2px solid rgba(255,255,255,0.7); float: right; border-radius:50%; transform:rotate(180deg); }
.m2joc2Btns .next:hover{ background:rgba(255,255,255,0.1) url(../images/m2joc2_btn.png) no-repeat center center; border: 2px solid rgba(255,255,255,1); }
.m2jocNums{ right: 4.06vw; bottom: 9.25vh; font-size: 18px; color: #FFF; line-height: 46px; position:absolute}
#m2joId1{ font-size: 30px; display: inline-block; margin-right: 5px; }
#m2joId2{ display: inline-block; margin-left: 5px; }
@media (max-width:1799px){
.m2joc2_item.bgImg { height: 400px;}
.m2joc2_snm{font-size:22px;}
.m2joc1Txts { height: 400px;}
.m2joSlick { height: 400px;}
.m2joc1Txs strong{ font-size: 24px; line-height: 38px; margin-bottom: 15px; }
.m2joc1Txs p{ font-size: 15px; line-height: 30px; }
}
@media (max-width:993px){
.m2jo_aBox.scaleImg .overflowHide { height: 206px; }
.m2joc2Btns{bottom:30px;}
.m2jocNums{bottom:30px;}
.m2joc1Txs{top:40px;}
.m2jo_u2 li{width:50%;}
}
@media (max-width:767px){
.m2jo_u1 li{width:100%;}
.m2jo_u1 li:first-child{margin-bottom:15px;}
.m2joc1Txts{position:relative; width:100%; top:0}
.m2joSlick {display:none;}
.m2jobCon2{padding-top:50px; padding-bottom:70px;}
.m2joCon1{margin-top:25px;}
.m2joc1Txs strong{font-weight:normal; font-size:22px;}
}


.m2jobCon3{ padding: 7.77vh 0px 215px; background-size:cover; }
.m2jobCon3 .m2putT2a{color:#fff;}
.m2jobCon3 .m2putT2a:after{ background:#fff;}
.m2jobCon3 .m2fw_sdes{color:#fff;}
.m2jobCon3Bom{position:relative; z-index:2; margin-top:-160px;}
.m2job_c3ul { margin: 0px -15px; }
.m2job_c3ul li { padding: 0px 15px; }
.m2job_c3aBox .overflowHide { height: 308px; border-radius:0.4em; }
.m2jb_c3tag { display: inline-block; padding: 0px 30px; font-size: 18px; line-height: 50px; color: #FFF; background: #343636; height: 50px; position: absolute; left: 0px; top: 0px; transition:all 0.5s ease-in-out; }
.m2jb_c3lay { height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background:rgba(37,102,208,0.5); transition:all 0.5s ease-in-out; opacity:0; transform:scale(0.7) }
.m2jb_c3lay span{display:block; text-align:center; padding:0 25px; line-height:32px; font-size:24px; color:#fff; top:50%; transform:translateY(-50%); position:absolute; left:0; width:100%;}
.m2job_c3aBox:hover .m2jb_c3lay{transform:scale(1); opacity:1;}
.m2job_c3aBox:hover .m2jb_c3tag{transform:translateY(-50px);}
.m2jobCon4 { padding: 9.07vh 0px 9.25vh; border-bottom: 1px solid #EDEFF2; }
.m2jbc4Slick{ margin-top: 6.48vh; max-width:990px; margin-left:auto; margin-right:auto;}
.m2jbc4txt{ margin: 0px auto; width: 735px; }
.m2jbc4txt .overflowHide { float: left; height: 185px; width: 185px; border-radius:50%; }
.m2jbc4Txt { margin-left: 222px; padding-top: 38px; }
.m2jbc4Txt strong { font-size: 24px; color: #777777; line-height: 40px; display: block; height: 40px; margin-bottom: 15px; font-weight: 100; }
.m2jbc4Txt p { font-size: 22px; line-height: 32px; color: #333; font-weight: 100; }
.m2jbc4Slick .slick-prev{ background: #fff url(../images/m2jb_ar1.png) no-repeat center center; display: inline-block; height: 185px; width: 30px; position: absolute; left: 0px; top: 0px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; z-index: 3;outline:none!important; }
.m2jbc4Slick .slick-next{ background: #fff url(../images/m2jb_ar1.png) no-repeat center center; display: inline-block; height: 185px; width: 30px; position: absolute; right: 0px; top: 0px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; transform: rotate(180deg); z-index: 3;outline:none!important }
.m2jbc4Slick .slick-prev:hover,.m2jbc4Slick .slick-next:hover{ background-image: url(../images/m2jb_ar1a.png); }
.m2jbc4Slick .slick-prev:focus,.m2jbc4Slick .slick-next:focus{outline:none!important; border:none!important;}
::-moz-focus-inner{ border: 0; }
.m2jobCon5 { padding: 5.74vh 0px 6.66vh; background: url(../images/m2jb_bg2.jpg) no-repeat center bottom; }
.m2jb_c5t { font-size: 40px; line-height: 52px; text-align: center; padding-top: 28px; position:relative; font-weight:100;}
.m2jb_c5t:after{ content: ""; background: #0058CD; height: 4px; width: 32px; margin-left: -16px; position: absolute; left: 50%; top: 0px;}
.m2jb_c5m{ text-align: center; height: 54px; width: 122px; display: block; margin: 30px auto 0px; color: #FFF; background: #0058CD; font-size: 16px; line-height: 54px; border-radius:0.2em;}
.m2jb_c5m:hover{ color:#fff; box-shadow:0 5px 8px rgba(0,0,0,0.1); transform:translateY(-5px);}
.m2jobCon4 .slick-dots{display:none!important;}
@media (max-width:1799px){
.m2jb_c3lay span{font-size:20px;}
.m2job_c3aBox .overflowHide{height:270px;}
.m2jbc4Txt p{font-size:20px;}
.m2jb_c5t{font-size:28px;}
.m2jb_c5m{height:50px; line-height:50px;}
}
@media (max-width:993px){
.m2jbc4txt{width:600px;}
}
@media (max-width:767px){
.m2jobCon3{padding-top: 36px;
    padding-bottom: 136px;}
.m2job_c3ul li{margin-bottom:10px;}
.m2job_c3aBox .overflowHide{height:245px;}
.m2jobCon4{padding-top:38px; padding-bottom:50px;}
.m2jbc4txt .overflowHide{width:90px; height:90px; float:none; margin:0 auto;}
.m2jbc4txt{width:100%; height:auto; padding-left:40px; padding-right:40px;}
.m2jbc4Txt{margin-left:0; padding-top:18px;}
.m2jbc4Txt strong{font-size:18px; overflow:hidden; margin-bottom:5px;}
.m2jbc4Txt p{font-size:14px; line-height:26px;}
.m2jbc4Slick{margin-top:35px;}
.m2jb_c5t{padding-top:20px;}
.m2jb_c5t{font-size:22px;}
}



.m2proTop{ background-repeat:no-repeat; background-position:center center; background-size:cover; position: relative; width: 100%; height:calc(100vh - 100px); }
.m2proBan{ width:100%; max-width:1470px; padding:0 15px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.m2proBanTxt{color:#fff; position:absolute; top:50%; transform:translateY(-50%); left:15px}
.m2proBanTxt strong{ font-size: 56px; line-height: 76px; font-weight: bold; color: #FFF; display: block; }
.m2proBanTxt p{ font-size: 20px; line-height: 36px; margin-bottom: 22px; }
.m2pro_btnWpr{ display:block;}
.m2proBan_btn{ font-size: 20px; line-height: 50px; color: #FFF; text-align: center; display: inline-block; height: 52px; width: 160px; border: 1px solid #FFF; border-radius:0.3em;}
.m2proBan_btn:hover {color:#fff; transform:translateY(-2px); box-shadow:0 5px 8px rgba(0,0,0,0.2);}
.m2proBan_img{float:right;}
.m2proBan_img1{width:43.75vw; height:auto;}
.m2proBan_img2{ width:44.73vw; height:auto;}
.m2proBan_img3{ width:42.91vw; height:auto;}
.m2proBan_img4{ width:41.66vw; height:auto; transform:translateX(5.2vw)}
.m2proBan_img5{ width:49.11vw; height:auto; transform:translate(8.2vw,5.2vw);}
.m2proBan_img6{ width:39.89vw; height:auto;}
.m2proBan_img7{ width:36.97vw; height:auto;}
.m2proBan_img8{ width:35.26vw; height:auto;}

.m2proCon1{ padding: 9.07vh 0px 10.74vh; }
.m2pro_tBox { font-size: 40px; line-height: 52px; text-align: center; padding-bottom: 24px; position: relative; font-weight: bold; }
.m2pro_tBox:after{ content: ""; background: #0058CD; height: 4px; width:34px; margin-left:-17px; position: absolute; left: 50%; bottom: 0px; }
.m2proDes{ font-size: 18px; line-height: 32px; color: #666; margin: 3.51vh auto 1.16vh; max-width: 960px; text-align:center; }
.m2pro_fimg{text-align:center;}
.m2proCon2 .container{position:relative; z-index:3;}
.m2proCon2 { background-repeat:no-repeat; background-position:center center; background-size:cover; padding: 6.94vh 0px 8.33vh; position:relative; }
.m2proCon2a{ padding-bottom:15.5vh;}
.m2proCon2:before{ content: ""; background: url(../images/m2pro_c2bg1a.png) repeat-x center center; height: 109px; position: absolute; left: 0px; bottom: 0px; width: 100%; animation:animate-cloud_new 30s linear infinite;}
.m2proCon2:after{ content: ""; background: url(../images/m2pro_c2bg2a.png) repeat-x center center; height: 109px; width: 100%; position: absolute; left: 0px; bottom: 0px; animation:animate-cloud_new2 30s linear infinite; }
.m2pro_tBox2{color:#fff;}
.m2pro_tBox2:after{background:#fff;}
.m2pro_ul { margin-top: 7.4vh; }
.m2pro_ul.clearfix li { padding: 0px; float: left; width: 25%; margin-bottom: 3.24vh; position: relative; height: 126px; transition:all 0.5s ease-in-out; }
.m2pro_ul.clearfix li:hover{ background: #006cff; }
.m2proIcon { display: block; height: 60px; width: 60px; position: absolute; top: 50%; margin-top: -30px; left: 1.97vw; }
.m2proIcon img{position:absolute; transition:all 0.5s ease-in-out;}
.m2pro_ul.clearfix li:hover .m2proIcon img{opacity:0;}
.m2pro_ul.clearfix li:hover .m2proIcon img.iOpacity{opacity:1;}
.m2pro_ul.clearfix li p{ font-size: 18px; line-height: 26px; position: absolute; top: 50%; left: 115px; right: 35px; transform:translateY(-50%); color:#fff;}
.m2proCon4{ padding:0px 0px 11.11vh; text-align:center}
.m2proCon4{margin-top:4.2vh;}
.m2proCon3{ padding: 9.07vh 0px 25px; }
.m2pro_u2 .m2proIcon img{opacity:1!important;}
.m2pro_u2.clearfix li:hover{background:none;}
.m2pro_slay{ width: 408px; font-size: 18px; line-height: 32px; color: #FFF; padding: 32px 25px; background: #006CFF; position: absolute; left: 50%; top: 50%; z-index: 2; border-radius:0.8em; min-height:128px; transform:translate(-50%,-50%); opacity:0; transition:all 0.5s ease-in-out; visibility:hidden;}
.m2pro_u2.clearfix li:hover .m2pro_slay{opacity:1; visibility:visible;}
.m2pro2box{ width: 52.44vw; margin: 0px auto 8.33vh; position:relative; }
.m2pro3Btn{ background: #656565; display: inline-block; height: 80px; width: 80px; position: absolute; font-size: 18px; color: #FFF; line-height: 24px; text-align: center; padding-top: 17px; border-radius:50%; box-shadow:0 0 12px rgba(0,0,0,0.35); }
.m2pro3Btn:hover,.m2pro3Btn.on{ color: #FFF; background: #004fcf; box-shadow:0 0 12px rgba(0,79,207,0.65); }
.m2proc2Lay{ font-size: 16px; line-height: 30px; color: #FFF; background: #0051CF; padding: 16px 15px; width: 158px; position: absolute; top: 50%; right: 130px; top:50%; transform:translateY(-50%); text-align:left; border-radius:0.4em; transition:all 0.5s ease-in-out; visibility:hidden; opacity:0}
.m2pro3Btn.on .m2proc2Lay{opacity:1; visibility:visible;}
.m2pro3Btn1{ left: 6.35vw; bottom: 17.55vw; }
.m2pro3Btn2{ left: 23.9vw; bottom: 11.82vw; }
.m2pro3Btn3{ left: 796px; bottom: 17.55vw; }
.m2pro3Btn4{ left: 23.9vw; bottom: 23.43vw; }
.m2pro3Btn:before{ content: ""; background: url(../images/m2pro2_ar.png) no-repeat center center; display: inline-block; height: 16px; width: 24px; margin-top: -8px; position: absolute; top: 50%; right: 92px; transition:all 0.5s ease-in-out; opacity:0}
.m2pro3Btn.on:before{opacity:1;}
.m2pro_st{ font-size: 24px; line-height: 36px; padding-bottom: 12px; margin-bottom: 5.55vh; text-align: center; position: relative; }
.m2pro_st:after{ content: ""; background: #0058CD; height: 4px; width: 30px; display: inline-block; position: absolute; left: 50%; bottom: 0px; margin-left: -15px; }
.m2pro_st2{ margin-top: 5.55vh; }
@media (max-width:1799px){
.m2proBanTxt strong{font-size:52px;}
.m2proTop{height:calc(100vh - 86px); }
.m2proBan{ max-width:1370px;}
.m2pro_tBox { font-size: 34px; line-height: 46px; padding-bottom: 18px; font-weight:normal;  }
.m2pro_tBox:after{height: 3px; width:30px; margin-left:-15px; }
.m2proDes{font-size:16px; line-height:30px;}
.m2pro_ul.clearfix li p{font-size:16px;}
.m2pro_ul.clearfix li p{left:102px;}
.m2pro_st::after{height:3px;}
.m2pro_slay{ width: 308px; font-size: 15px; line-height: 30px; padding: 22px 20px;}
}
@media (max-width:1559px){
.m2proBan{ max-width:1230px;}
.m2proBanTxt strong{font-size:40px;}
.m2proBanTxt p{font-size:18px;}
.m2proBan_btn{font-size:18px;}
.m2proBan_img4{ transform:translateX(0)}
.m2proBan_img5{ transform:translateX(0); transform:translateY(3.2vw);}
}
@media (max-width:1229px){
.m2proBan{max-width:1100px;}
}
@media (max-width:993px){
.m2proTop{height:500px;}
.m2pro_ul.clearfix li{width:50%;}
}
@media (max-width:767px){
.m2proBanTxt strong{font-size:24px; line-height:36px; margin-bottom:5px;}
.m2proTop{height:auto; padding:50px 0;}
.m2proBan{position:static; transform:translate(0,0);}
.m2proBanTxt p{font-size:16px; line-height:24px;}
.m2proBan_btn{font-size:14px; width:100px; line-height:38px; height:40px;}
.m2proBanTxt{position:static; transform:translate(0,0);}
.m2proBan_img{width:100%; float:none; margin-top:15px;}
.m2pro_tBox{font-size:24px; line-height:38px; padding-bottom:12px;}
.m2proCon1{padding:30px 0 0 0;}
.m2proDes{font-size:15px; line-height:28px; margin:15px 0 20px}
.m2pro_ul.clearfix li{width:100%;}
.m2pro_ul{margin-top:30px;}
.m2pro_ul li{width:100%;}
.m2pro_ul.clearfix li{height:auto; min-height:80px; margin-bottom:10px;}
.m2pro_ul.clearfix li p{left:85px; font-size:15px;}
.m2proCon2{padding:50px 0 55px;}
.m2proCon3{padding:30px 0 20px}
.m2proCon4{padding-top:35px; padding-bottom:20px; margin-top:0;}
.m2pro3Btn4,.m2pro3Btn1,.m2pro3Btn2,.m2pro3Btn3{ transform:scale(0.6);}
.m2pro2box{margin-bottom:0px;}
}
@media (min-width:2200px){
.m2proBan_img {transform:translateX(10vw);}
}

/*02-27 CSS*/
@keyframes pro_aniYz {
0% {
	opacity:0;
}
50% {
	opacity:1;
}
100% {
    opacity:0;
}
}
.pro_aniYz{ animation:pro_aniYz 3s infinite linear;}
.pro_imgAniDx{position:absolute; left:0; top:0; bottom:0; right:0;}
.m2proBan_img{position:relative;}
.pro_imgAni{ position: absolute; left: 0px; top: 0px; }

/*2020-03-05 CSS*/
.hmFocus2 .hmBanTxt{ text-align:left}
.hmFocus2 .mouseIcon{left:15px; bottom:-70px; margin-left:0;}
.hmFocus2 .container{position:relative;}
.hmBanRimg{ display:inline-block; position:absolute; right:5.98vw; top:50%; transform:translateY(-36%); opacity:0; transition:all 0.8s ease-in-out; max-width:46.09vw; height:auto}
.hmFocus_item.on .hmBanRimg{opacity:1; transform:translateY(-48%); transition-delay:0.5s;}