@charset "UTF-8";
.wrapper{height:100%;}
body{overflow-x:hidden;}
.hsBody{background:#f2f2f2;}
.hmFocus170324 .bgImg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.navPcser{ height: 32px; width: 160px; float: left; margin-right: 10px; background: #F2F2F2; border-radius: 1.8em; position: relative; }
.navLan_a{ font-size: 18px; display: inline-block; }
.nav_serInt { font-size: 14px; line-height: 20px; color: #666; height: 20px; width: 100px; border-width: 0px; border-style: none; position: absolute; left: 20px; top: 6px; background:none; }
.navTransparent .nav_serInt{color:#fff;}
.navPcbtn{ background: url(../images/serIcon.png) no-repeat; display: block; height: 16px; width: 16px; position: absolute; top: 8px; right: 16px; }
.navSerBox { float:left; height: 30px; position:relative; right:15px; width: 22px;}
.navSicon { background: url(../images/serIcon.png) no-repeat center center; height: 30px; width: 22px; display: block; }
.serBox { height: 50px; width: 310px; background:rgba(255,255,255,0.9); position: absolute; right: -26px; top: 36px; display:none; }
.serSubmit { background: url(../images/serIcon.png) no-repeat; height: 22px; width: 22px; border-width: 0px; border-style: none; position: absolute; top: 13px; right: 24px; cursor: pointer; }
.serIntBx { margin: 0px 20px; height: 39px; border-bottom: 1px solid #8EC43E; position: relative; padding: 8px 28px 0px 6px; }
.serIntBx:before{ content:""; width:1px; height:2px; background:#8EC43E; position:absolute; left:0; bottom:0}
.serIntBx:after{ content:""; width:1px; height:2px; background:#8EC43E; position:absolute; right:0; bottom:0}
.serInt { line-height: 30px; height: 30px; border-width: 0px; border-style: none; width: 100%; font-size: 14px; color: #000; background:none; }
.footer{ font-size: 14px; line-height: 24px; color: rgba(255, 255, 255, 0.6); text-align: center; padding: 18px 15px; background: rgba(0, 71, 139, 0.8); }
.footer a{color: rgba(255, 255, 255, 0.6)}
#fullPage .footer{background:rgba(0,0,0,0.5); color:rgba(255,255,255,0.3); position:absolute; left:0; bottom:0; width:100%;}
/*.navTransparent .navPcbtn{ background: url(../images/serIcon2.png) no-repeat; }
.navTransparent .navLan_a{color:#fff;}
.page a{vertical-align:middle;}*/
@media (max-width:993px){
.navRx{position:absolute; right:15px; height:30px; top:12px;}
.navLan_a{color:#8EC43E!important;}
.navSicon{position:relative; top:-2px;}
}

.tsBody{opacity:0; transition:all 0.5s ease-in-out;}
@-webkit-keyframes posAnimate { 0% {
bottom:25px;
opacity:0;
}
100% {
opacity:1;
bottom:18px;
}
}
@keyframes posAnimate { 0% {
bottom:25px;
opacity:0;
}
100% {
opacity:1;
bottom:18px;
}
}

.hmFocus170324 .swiper-wrapper,.hmFocus170324{height:100%;position: relative;}
.hmFocus170324 .bgImgsw{position:absolute;left:0;top:0;width:100%;height:100%}
.hmFocus170324 .bgImgsw img{
    display: none
}
.hmFocus170324 .swiper-pagination{height:12px;bottom:82px}
.hmFocus170324 .swiper-pagination-bullet{ margin: 0 5px; background: rgba(255,255,255,.7); opacity: 1; height: 12px; width: 12px; }
.hmFocus170324 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: rgba(0, 71, 139, 0.7) }
.hmBan1_box{width:100%; max-width:874px; transform:translate(-50%,-50%); left:50%; top:50%; position:absolute;}
.hmBan1_box img.ani{position:absolute; left:0; top:0; width:100%; height:auto;}
.ocNextBtn{  margin-left: -33px; position: absolute;text-align: center;color: #ffffff;font-size: 12px; left: 50%; bottom: 18px; animation: 1s linear 0s posAnimate infinite; -webkit-animation: 1s linear 0s posAnimate infinite; display: inline-block; z-index: 5; }
.ocNextBtn img{
    width: 24px;
}

@media (max-width:1599px){
.hmBan1_box{ max-width:600px;}
}
@media (max-width:767px){
.hmFocus170324{height:300px;}
.hmBan1_box{width:auto; left:15px; right:15px; transform:translate(0,-50%)}
.ocNextBtn{display:none;}
.hmFocus170324 .swiper-pagination{height:6px;bottom:20px}
.hmFocus170324 .swiper-pagination-bullet{ height: 6px; width: 6px; }
}

.hmc2Swiper,.hmc2Swiper .swiper-wrapper,.hmc2Swiper .swiper-slide,.hmc2Swiper .swiper-container{height:100%;}
.hmc2_aBox{display:block; position:relative; height:100%;}
.hmc2_aBox .bgImg{height:100%;}
.bgColor{height:100%; bottom:0; left:0; position:absolute; background:rgba(20,48,55,0.6); width:100%; transition:all 0.3s ease-in-out;}
.hmc2_aBox:hover .bgColor{height: 160px;}
.hmc2Swiper .nLink.prev { background:rgba(0,0,0,0.6)  url(../images/hmc2Btn.png) no-repeat center center;height: 120px;
    width: 60px;
    margin-top: -20px;
    position: absolute;
    z-index: 10;
    left: 0px;
    top: 50%;}
.hmc2Swiper .nLink.next { background:rgba(0,0,0,0.6)  url(../images/hmc2Btn.png) no-repeat center center; height: 120px;
    width: 60px;
    margin-top: -20px;
    position: absolute;
    z-index: 10;
    right: 0px;
    top: 50%;
    transform: rotate(180deg);}
.hmc2_bx1 { height: 100%; position: absolute; width: 100%; left: 0px; top:0px; text-align: center; color: #FFF; z-index: 5; display:flex; align-items:center; transition:all 0.5s ease-in-out; padding:0 60px; }
.hmc2_bx1 span { line-height: 48px; display: block; height: 48px; position: relative; font-size: 60px; margin-bottom: 66px; }
.hmc2_bx1 span:after{ content: ""; display: inline-block; height: 3px; width: 36px; margin-left: -18px; position: absolute; left: 50%; top: 64px; background:#fff; }
.hmc2_bx1 p{ font-size: 30px; line-height: 48px; height:96px; }
.hmc2_bx2 { font-size: 30px; line-height: 48px; padding: 0px 120px 0px 50px; height: 160px; position: absolute; width: 100%; left: 0px; bottom: 0px; z-index: 5; display: flex; align-items: center; color: #FFF; transition:all 0.5s ease-in-out;  opacity:0; bottom:-160px;}
.hmc2_bx2:after{ content: ""; background: url(../images/m2cs_arrow_03.png) no-repeat; height: 12px; width: 50px; position: absolute; top: 50%; right: 30px; margin-top: -6px; }
.hmc2_aBox:hover .hmc2_bx2 {opacity:1; bottom:0px;}
.hmc2_aBox:hover .hmc2_bx1{opacity:0; transform:scale(0);}




@media (max-height:850px){
.hmc2_bx1 span{font-size:50px;}
.hmc2_bx1 p{font-size:26px; line-height:40px; height:80px;}
.hmc2_bx2{font-size:26px; line-height:40px;}
}
@media (max-width:1599px){
.hmc2_bx1 {padding:0 35px;}
.hmc2_bx1 span{font-size:38px; margin-bottom:40px;}
.hmc2_bx1 p{font-size:20px; line-height:36px; height:72px;}
.hmc2_bx2{font-size:20px; line-height:36px; padding:0px 90px 0 25px; height:120px;}
.hmc2_bx2:after{right:24px;}
.hmc2_aBox:hover .bgColor{height: 120px;}
.hmc2_aBox .bgColor{height: 100%;}
}
@media (max-width:1199px){
.hmc2_bx1 p{font-size:18px; line-height:30px; height:60px;}
.hmc2_bx2{font-size:18px; line-height:30px;}
}
@media (max-width:767px){
.hmc2_aBox{ height:500px;}
.hmc2Swiper{margin-left:10px; margin-right:10px; margin-top:50px;}
}


.hmPage3{background:#F4F4F4; position:relative;}
.hmc3ul{top:110px; padding:0 5px;width: calc(100% - 280px);width: -webkit-calc(100% - 280px);right: 0; bottom:0; position:absolute; bottom:10px}
.hmc3lt{padding:0 5px;text-align: center;width: 280px;
    position: absolute;height: calc(100% - 120px);top: 110px;}
.hmc3lt .cont{
    display: flex;align-items: center;
    height: 100%;background-color: #175c93;
}
.hmc3lt a{height: 60px;
    border: solid 1px #ffffff;text-align: center;width: 200px;line-height: 60px;
    color: #fff;font-size: 18px;display: inline-block;margin: auto}
.hmc3ul li{padding:0 5px; margin-bottom:10px;}
.hmc3_aBox{display:block;}
.hmc3_aBox .overflowHide{height:100%;}
.hmc3ul li{height:calc(50% - 5px);}
.hmc3_aBox .overflowHide:before{ content: ""; width: 100%; height: 105px; position: absolute; left: 0; bottom: 0; z-index: 1; background: url(../images/zbg1.png) repeat-x left bottom; }
.hmc3_aBox .overflowHide:after{ content:""; height:100%; position:absolute; width:100%; z-index:2; background:rgba(20,48,55,0.6); left:0; top:0; transition:all 0.5s ease-in-out; opacity:0;}
.hmc3Des { z-index: 8; color: #FFF; position: absolute; left: 0px; bottom: 0px; transition: all 0.5s ease-in-out; padding: 0px 120px 22px 40px; right:0; }
.hmc3Des strong{ font-size: 18px; line-height: 50px; font-weight: normal; display: block; height: 50px; max-width:530px; }
.hmc3Des p{ font-size: 14px; line-height: 22px; height: 0px; overflow: hidden; transition:all 0.5s ease-in-out; color:rgba(255,255,255,0.6); max-width:530px;}
.hmc3_aBox:hover p{height:44px;}
.hmc3_aBox:hover .hmc3Des{padding-bottom:42px;}
.hmc3_aBox:hover .overflowHide:after{opacity:1;}
.hmc3Des:after{ content: ""; background: url(../images/m2cs_arrow_03.png) no-repeat; height: 12px; width: 50px; position: absolute; top:20px; right: 30px; transition:all 0.5s ease-in-out; opacity:0; }
.hmc3_aBox:hover .hmc3Des:after{opacity:1;}
.hmc3_aBox1{height:100%;}
.hmc3_aBox2{height:50%;}
.hmc3ul li ul{height:100%; margin:0 -5px;}
.hmc3ul li ul li{height: 100%}
@media (max-width:1599px){
.hmc3Des{ padding: 0px 90px 15px 25px;}
.hmc3_aBox:hover .hmc3Des{padding-bottom:15px;}
.hmc3Des strong{ font-size: 16px; line-height: 38px;height: 38px;}
}
@media (max-width:993px){
.hmc3ul li{height:calc(50% - 10px);}
    .hmc3lt{height: calc(100% - 78px);
        top: 58px;}
.hmc3ul{top:58px; bottom:10px; overflow:hidden}
.hmc3ul li ul li{height:100%;}
.hmc3ul li ul li .hmc3Des{bottom:10px;}
.hmc3ul li ul li:nth-child(2){padding-top:0;}
}
@media (max-width:767px){
.hmc3ul{position:relative; padding-bottom:40px;width: 100%}
.hmc3ul li{width:100%; float:none;}
.hmc3ul li ul li{width: 100%}
.hmc3_aBox .bgImg{background:none!important; position:static;}
.hmc3_aBox .bgImg img{display:block!important;}
.hmc3ul li ul li .hmc3Des{bottom:0px;}
.hmc3_aBox{height:auto!important;}
.hmc3Des{ padding: 0px 75px 12px 15px;}
.hmc3Des:after{right:20px;}
    .hmc3lt{position: relative;
        top:50px;
        width:100%;}
    .hmc3lt a{font-size: 14px;height: 36px;line-height: 36px;width: 140px}
    .hmc3lt .cont{padding: 10px;margin: 20px auto 0}
    .hmc4Rx a{transform: translate(-50%,0) !important;top: 20% !important;font-size: 12px !important;}
}

.hmPage4{background:#f6f5f5; position:relative;}
.hmc4Rx{ width: 50%; position:absolute; right:0; top:100px; bottom:0; }

.hmc4Rx a{
    color: #ffffff;
    font-size: 16px;width: 107px;
    height: 36px;
    border: solid 1px #ffffff;
    line-height: 36px;
    text-align: center;
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transform: -webkit-translate(-50%,-50%);
}
.hmc4Lx { float: left; height: 100%; width: 50%; padding-top: 100px; }
.hmc4ul{ height:100%;}
.hmc4ul li{height:25%;}
.hmc4_aBox{ display: block; height: 100%; display: flex; align-items: center; padding-right: 165px; padding-left: 6%; border-bottom: 1px solid #EBEBEB; position:relative; }
.hmc4_aBox:hover{ background: #175c93 no-repeat 82% center; background-size:auto 90%;}
.hmc4_aBox strong{ font-size: 18px; font-weight: normal; line-height: 24px; color: #333; height: 24px; }
.hmc4_tm { font-size: 14px; line-height: 20px; margin: 12px 0px 20px; }
.hmc4_aBox p { font-size: 14px; line-height: 24px; color: #7d7d7d; height: 48px; overflow: hidden; }
.hmc4_aBox:hover *{color:#fff;}
.hmc4_aBox i{ background: url(../images/2_03.png) no-repeat center center; height: 12px; width: 50px; margin-top: -6px; position: absolute; top: 50%; right: 50px; }
@media (max-height:750px){
.hmc4_tm { margin: 8px 0px 12px; }
}
@media (max-height:650px){
.hmc4_tm { margin: 4px 0px 4px; }
}
@media (max-height:600px){
.hmc4ul li:nth-child(4){ display:none;}
.hmc4ul li{height:33.33%;}
}
@media (max-width:1599px){
.hmc4_aBox strong{font-size:16px;}
.hmc4_aBox{padding-right:120px;}
}
@media (max-width:993px){
.hmc4_aBox p{height:96px;}
}
@media (max-width:767px){
.hmc4Rx{ width:auto; float:none; height:360px; position:static; margin-left:10px; margin-right:10px; margin-top:50px;}
.hmc4Lx{float:none; width:100%; padding-top:0}	
.hmc4ul li{ display:block;}
.hmc4_aBox i{display:none;}
.hmc4_aBox{ padding:25px 15px 0;}
}


.hmPage5{ background: url(../images/index16_02.png) no-repeat center center; background-size:cover; position:relative;}
.hmc5_t { font-size: 30px; color: #FFF; text-align: center; line-height: 42px; margin-bottom: 32px; position: relative; }
.hmc5_t:after{ content: ""; background: #8EC441; height: 3px; width: 30px; margin-left: -15px; position: absolute; left: 50%; bottom: -13px; }
.hmc5_des { font-size: 14px; line-height: 24px; text-align: center; margin-bottom: 120px; color:rgba(255,255,255,0.5);}
.hmc5_icon{ height: 120px; width: 120px; border: 1px solid rgba(255,255,255,0.5); border-radius:50%; margin:0 auto; position: relative; }
.hmc5_icon img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.hmc5ul{ margin:0 -70px;}
.hmc5ul li{ padding:0 70px;}
.hmc5ul li strong{ font-size: 14px; color: #FFF; margin: 32px 0px 24px; text-align:center; display:block; }
.hmc5ul li p{ line-height: 24px; font-size: 14px; color: #FFF; text-align: center; height: 80px;  border-bottom: 2px solid #8EC441; margin:0 auto;}
.hmc5_aBox{display:block;}
.hmc5_aBox:hover .hmc5_icon{  -moz-animation: icon-bounce 0.5s alternate;-o-animation: icon-bounce 0.5s alternate;-webkit-animation: icon-bounce 0.5s alternate;animation: icon-bounce 0.5s alternate;}
@media (max-height:850px){
.hmc5_des{margin-bottom:80px;}
}
@media (max-height:750px){
.hmc5_des{margin-bottom:50px;}	
}
@media (max-height:650px){
.hmc5_des{margin-bottom:30px;}	
.hmc5ul li strong{ margin:20px 0px 15px;}
}
@media (max-height:600px){
.hmc5_des{margin-bottom:20px;}	
.hmc5ul li strong{ margin:10px 0px 5px;}
}
@media (max-width:1599px){
.hmc5ul{ margin:0 -50px;}
.hmc5ul li{ padding:0 50px;}
.hmc5_t{font-size:24px;}
}
@media (max-width:993px){
.hmc5_des{margin-bottom:10px;}
.hmc5ul li{margin-top:30px;}
}
@media (max-width:767px){
.hmc5ul{ margin:0 0px;}
.hmc5ul li{ padding:0 5px;}
.hmPage5 {padding-top:50px; padding-bottom:125px;}
.hmc5_t{font-size:22px;}
.hmc5_icon{ height: 100px; width: 100px; }
}

@media (min-width:767px){
.hmc3ul>li:nth-child(1){transition:all 0.8s ease-in-out; transform:translate(-500px,0px); opacity:0; }
.active .hmc3ul>li:nth-child(1){opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.hmc3ul>li:nth-child(2){transition:all 0.8s ease-in-out; transform:translate(500px,0px); opacity:0; }
.active .hmc3ul>li:nth-child(2){opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.hmc2Swiper .swiper-slide{transition:all 0.8s ease-in-out; transform:translate(0px,200px); opacity:0; }
.hmc2Swiper .swiper-slide:nth-child(2n){transition:all 0.8s ease-in-out; transform:translate(0px,-200px); opacity:0; }
.active .hmc2Swiper .swiper-slide,.active .hmc2Swiper .swiper-slide:nth-child(2n){opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.hmc4Lx{transition:all 0.8s ease-in-out; transform:translate(-500px,0px); opacity:0; }
.active .hmc4Lx{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.hmc4Rx{transition:all 0.8s ease-in-out; transform:translate(500px,0px); opacity:0; }
.active .hmc4Rx{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.hmc5_t {transition:all 0.5s ease-in-out; transform:translate(180px,0px); opacity:0; }
.active .hmc5_t{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.hmc5_des {transition:all 0.5s ease-in-out; transform:translate(-180px,0px); opacity:0; }
.active .hmc5_des{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.hmc5ul li:nth-child(1) {transition:all 0.5s ease-in-out; transform:translate(0px,160px); opacity:0; }
.active .hmc5ul li:nth-child(1){opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.hmc5ul li:nth-child(2) {transition:all 0.5s ease-in-out; transform:translate(0px,160px); opacity:0; }
.active .hmc5ul li:nth-child(2){opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.hmc5ul li:nth-child(3) {transition:all 0.5s ease-in-out; transform:translate(0px,160px); opacity:0; }
.active .hmc5ul li:nth-child(3){opacity:1; transform:translate(0px,0px); transition-delay:0.7s;}
.hmc5ul li:nth-child(4) {transition:all 0.5s ease-in-out; transform:translate(0px,160px); opacity:0; }
.active .hmc5ul li:nth-child(4){opacity:1; transform:translate(0px,0px); transition-delay:0.9s;}
.hmPage5 .footer {transition:all 0.5s ease-in-out; transform:translate(0px,0px); opacity:0; }
.active.hmPage5 .footer{opacity:1; transform:translate(0px,0px); transition-delay:0.8s;}
}


.m2ban{height:280px; position:relative;}
.m2banTxt{ font-size: 40px; line-height: 80px; display: inline-block; text-transform: uppercase; color: #FFF; position: absolute; left: 0%; top: 60%;  width: 100%; padding: 0 60px; text-align: center; font-weight: bold; letter-spacing: 10px; }
.m2menu{ background: #fff; text-align: center; padding: 16px 0px; }
.m2menu2{ border-bottom:1px solid #F2F2F2;}
.m2menu_a{ display: inline-block; line-height: 26px; padding: 0px 40px 0 39px; height: 26px; font-size: 16px; position:relative; }
.m2menu_a:after{ content: ""; background: #C6C6C6; height: 14px; width: 1px; position: absolute; top: 50%; right: 0px; margin-top: -7px; }
.m2menu_a.on,.m2menu_a:hover{ color: #156f9b; }
.m2menu a:last-child:after{display:none;}
.page{ text-align: center; height: 130px; }
.page_a{ text-align: center; display: inline-block; margin: 0px 5px; height: 50px; width: 50px; background: #DADADA; border: 1px solid #DADADA; font-size: 14px; line-height: 48px; font-weight: bold; border-radius:50%; }
.page_a:hover,.page_a.on{ color: #FFF; background: #196B94; border: 1px solid #196B94; }
.page_prev,.page_next{ background: #FFF; border: 1px solid #AEAEAE; margin:0 20px; }
.backTop{ background: url(../images/backTop.png) no-repeat; height: 40px; width: 40px; z-index: 60; position: fixed; right: 10px; bottom: 70px; }
@media (max-width:1599px){

.m2banTxt{font-size:38px;}
}
@media (max-width:1199px){

.m2banTxt{font-size:32px; letter-spacing: 5px; }
}
@media (max-width:767px){
.m2ban{height:250px;}
.m2banTxt{font-size:20px; line-height:30px; letter-spacing: 1px; margin-top:5px; padding:0; height:auto; }
.m2menu a:nth-child(2n):after{display:none;}
.page{ height: 90px; }
.page_a{ margin: 0px 2px; height: 36px; width: 36px; font-size: 12px; line-height: 34px; font-weight:normal;}
.page_prev,.page_next{margin:0 8px; }
}

.m2esCon{padding:80px 6% 0;}
.m2esul{ margin:0 -23px;}
.m2esul li{padding:0 23px; margin-bottom:46px;}
.m2es_aBox{ display: block; position: relative; padding: 186px 55px 80px; background: #FFF; }
.m2es_tm { text-align: center; height: 158px; padding-top: 53px; font-size: 22px; line-height: 28px; color: #156f9b; position: absolute; width: 95px; left: 60px; top: 0px; }
.m2es_tm span { font-size: 60px; line-height: 60px; display: block; font-weight: bold; }
.m2es_aBox:hover .m2es_tm{ color: #FFF; background: #156f9b; }
.m2es_aBox i{ content: ""; background: url(../images/se_25.png) no-repeat;background-size: contain; height: 12px; width: 50px; position: absolute; top: 92px; right: 55px; }
.m2es_aBox i img{margin-bottom: 4px;}
.m2es_aBox .ellipsis { font-size: 22px; line-height: 32px; height: 32px; margin-bottom: 24px; font-weight: normal; display: block; }
.m2es_aBox p { color: #555; font-size: 16px; line-height: 30px; height: 150px; overflow: hidden; margin-bottom: 35px; }
.m2esSrx { height: 80px; padding-top: 21px; border-top: 1px solid #F2F2F2; position:absolute; left:78px; right:78px; bottom:0; z-index:3 }
.m2es_wx { background: url(../images/wxImg.png) no-repeat center center; height: 30px; width: 30px; margin-right: 15px; display: inline-block; }
.m2es_sina { background: url(../images/sinaBtn.png) no-repeat center center; height: 30px; width: 30px; margin-right: 15px; display: inline-block; }
@media (max-width:1599px){
.m2esul{ margin:0 -12px;}
.m2esul li{padding:0 12px; margin-bottom:24px;}
.m2es_aBox{ padding: 140px 25px 50px;}
.m2es_tm { height: 128px; padding-top: 28px; font-size: 18px; line-height: 24px; width: 80px; left: 25px; top: 0px; }
.m2es_tm span { font-size: 40px; line-height:40px;}
.m2es_aBox i{right:25px; top:62px;}
.m2esSrx{left:35px; right:35px; padding-top:12px; height:68px;}
.m2es_aBox .ellipsis { font-size:18px; line-height: 26px; height: 26px; margin-bottom: 15px;}
.m2es_aBox p { font-size: 14px; line-height: 26px; height: 130px;}
.m2esCon{padding:60px 6% 0;}
}
@media (max-width:767px){
.m2es_aBox .ellipsis{font-size:16px;}
.m2es_aBox p{font-size:13px;}
.m2es_tm { height: 115px; padding-top:24px;}
}

.m2khCon{padding:75px 6% 80px;}
.m2kh_des{ font-size: 16px; line-height: 30px; text-align: center; max-width:1050px; margin:0 auto;}
.m2khMore{ font-size: 16px; color: #9d9d9d; text-align: center; display: block; margin: 30px auto 0px; height: 50px; width: 160px; border: 1px solid #9D9D9D; line-height: 48px; }
.m2khMore:hover{ color: #FFF; background: #156f9b; border: 1px solid #156f9b; }
.m2khul{ margin: 70px -7px 28px; }
.m2khul li{ padding: 0px 7px; margin-bottom: 14px; float: left; width: 25%; }
.m2kh_aBox{ background: #FFF; display: block; height: 240px; position: relative; }
.m2kh_aBox img{ position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); max-width:70%; max-height:70%; width:auto; height:auto;}
.m2kh_layer{ position: absolute; z-index: 2; height: 100%; width: 100%; left: 0px; top: 0px; right: 0px; bottom: 0px; background: rgba(21,111,155,0.9); display: flex; align-items: center; text-align: center; font-size: 22px; line-height: 36px; color: #ffffff; padding: 0px 25%; transition:all 0.5s ease-in-out; transform:scale(0.2); opacity:0; transform-origin:center bottom; }
.m2kh_aBox:hover .m2kh_layer{ transform:scale(1); opacity:1;}
@media (max-width:1599px){
.m2kh_des{ font-size: 15px; line-height: 28px;}
.m2kh_layer{font-size:18px; line-height:30px; padding:0px 35px}
}
@media (max-width:1199px){
.m2kh_layer{ padding:0px 25px}
}
@media (max-width:993px){
.m2khul li{width:33.333%;}
}
@media (max-width:767px){
.m2kh_des{ font-size: 14px; line-height: 26px;}
.m2khCon{padding:55px 15px 60px;}
.m2khul{margin-top:25px;}
.m2khul li{width:50%;}
.m2kh_aBox{height:140px;}
.m2kh_layer{ padding:0px 15px; font-size:14px; line-height:26px;}
}

.m3time{
    color: #4a4a4a;
    text-align: center;
}
.m2fwBack { line-height: 48px; text-align: center; height: 50px; width: 160px; border: 1px solid #9D9D9D; font-size: 16px; color: #9d9d9d; display: block; margin: 40px auto 80px; }
.m2fwBack:hover{ color: #FFFFFF; background: #156f9b; border: 1px solid #156f9b; }
.m3conBox{ max-width: 1200px; margin: 0 auto 0; background: #fff;  padding: 70px 95px 100px; position: relative; z-index: 5; min-height:400px; }
.m3t { font-size: 36px; color: #333; line-height: 56px; margin-bottom: 10px; text-align: center; max-width:880px; margin-left:auto; margin-right:auto; }
.m3time{margin-bottom: 40px;}
.m3editor { font-size: 16px; line-height: 30px; }
.m2bm_info { font-size: 16px; color: #afafaf; line-height: 24px; margin: 6px 0px 45px; text-align: center; }
.m2bm_info span{display:inline-block; margin:0 12px;}
.m2bm_st { font-size: 22px; line-height: 30px; color: #494949; margin-bottom: 50px; }
.m2bmBtns { line-height: 50px; height: 50px; margin-top:40px; position:relative; top:15px; }
.m2bm_btn2,.m2bm_btn2:hover{ font-size: 16px; line-height: 50px; color: #FFF; background: #146F9B; text-align: center; float: left; height: 50px; width: 160px; }
.m2bmBtns .m2fwBack { margin: 0px; float: right; }
.m2bomEmpty{height:80px;}
.m2layBg { height: 100%; width: 100%; position: fixed; z-index: 70; left: 0px; top: 0px; right: 0px; bottom: 0px; background:rgba(0,0,0,0.8); }
.m2bmLayer { height: 660px; width: 800px; border-top: 10px solid #146F9B; background: #FFF; margin-top: -330px; margin-left: -400px; position: fixed; z-index: 75; left: 50%; top: 50%; padding: 0px 80px; }
.close { background: url(../images/close.png) no-repeat; display: block; height: 24px; width: 24px; position: absolute; top: 22px; right: 22px; cursor: pointer; }
.m2bm_lt { font-size: 30px; line-height: 40px; text-align: center; padding-top: 48px; color: #000; }
.m2bm_fm { margin: 60px -20px 0px; }
.m2bm_fm li { padding: 0px 20px; min-height: 94px; margin-bottom: 22px; }
.m2bm_snm { font-size: 16px; color: #333; line-height: 34px; height: 34px; }
.m2bm_int { font-size: 14px; line-height: 58px; color: #666; padding: 0px 15px; height: 60px; width: 100%; border: 1px solid #E8E8E8; }
.m2bm_area{ font-size: 14px; line-height: 24px; color: #666; padding: 8px 15px; height: 200px; width: 100%; border: 1px solid #E8E8E8; font-family: "微软雅黑"; }
.m2bmSubmit,.m2bmSubmit:hover{ font-size: 18px; line-height: 60px; color: #FFF; background: #146F9B; text-align: center; height: 60px; display: block; }
@media (max-height:680px){
.m2bmLayer { height: 480px; margin-top: -240px; }
.m2bm_lt { font-size:26px; line-height: 32px; padding-top: 40px; }
.m2bm_fm { margin:30px -15px 0px; }
.m2bm_fm li { padding: 0px 15px; min-height: 84px; margin-bottom: 12px; }
.m2bm_snm { font-size: 14px; line-height: 24px; height: 24px; }
.m2bm_int { line-height: 48px; height: 50px;}
.m2bm_area{ line-height: 24px; height:120px;}
.m2bmSubmit,.m2bmSubmit:hover{ font-size: 16px; line-height: 50px; height: 50px;}
}
@media (max-width:1599px){
.m3t { font-size: 26px; }
.m2bm_st{font-size:18px; line-height:28px;}
.m3editor { font-size: 15px; line-height: 28px; }
}
@media (max-width:1230px){

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

.m3t{font-size:24px;}
.m2bm_lt { font-size:20px; line-height: 20px; padding-top: 30px; }
.m2bm_fm { margin:30px -15px 0px; }
.m2bm_fm li { padding: 0px 15px; min-height: 84px; margin-bottom: 12px; }
.m2bm_snm { font-size: 14px; line-height: 24px; height: 24px; }
.m2bm_int { line-height: 48px; height: 50px;}
.m2bm_area{ line-height: 24px; height:120px;}
.m2bmSubmit,.m2bmSubmit:hover{ font-size: 16px; line-height: 50px; height: 50px;}
.m2bmLayer{width:auto; margin-left:0; left:10px; right:10px;padding-left:15px; padding-right:15px; height:480px; margin-top:-240px;}
}
@media (max-width:767px){
.close{right:15px;}

.m3conBox{padding:45px 15px 45px;}
.m3t{font-size:18px; line-height:28px;}
.m2bm_info{font-size:13px; margin-bottom:24px;}
.m2bm_st{font-size:15px; line-height:26px; margin-bottom:25px;} 
.m3editor { font-size: 14px; line-height: 26px; }
.m2bm_btn2,.m2bm_btn2:hover{ font-size: 14px; line-height: 40px;height: 40px; width: 110px; }
.m2fwBack { line-height: 38px; height: 40px; width: 110px; font-size: 14px; margin: 40px auto 80px; }
.m2bmBtns{margin-top:25px;}
.m2bomEmpty{height:60px;}
.m2bm_int { line-height: 38px; height: 40px;}
.m2bm_fm li{min-height:64px;}
.m2bm_fm{margin-top:15px;}
}


.m2serBox{ padding: 20px 6% 0px; }
.m2pos { font-size: 16px; color: #acacac; line-height: 58px; }
.m2ser_aBox { padding: 44px 218px 44px 175px; display:block; position:relative; background: #F2F2F2; }
.m2serul li { margin-bottom: 20px; }
.m2serul { margin-bottom: 40px; }
.hsBody2 { background: #e8e8e8; }
.m2ser_aBox strong { font-size: 22px; line-height: 38px; display: block; margin-bottom: 15px; font-weight: normal; }
.m2ser_aBox p { font-size: 16px; line-height: 30px; min-height:60px; color: #666; }
.m2ser_aBox i{ display: block; height: 12px; width: 50px; position: absolute; top: 50px; right: 50px; background: url(../images/se_25.png) no-repeat center center; }
.m2ser_aBox .m2es_tm { text-align: center; height: 148px; padding-top: 38px; font-size: 22px; line-height: 28px; color: #336ca2; border-top: 5px solid #f2f2f2; border-right: 5px solid #f2f2f2; border-bottom: 5px solid #DADADA; border-left: 5px solid #f2f2f2; position: absolute; width: 95px; left: 50px; top: 0px; }
.m2ser_aBox:hover .m2es_tm{ color: #FFF; background: #336ca2; border: 5px solid #336ca2; }
.m2nTop{ display: block; background: #F2F2F2; margin-bottom: 20px; margin-top:60px; }
.m2nTop .overflowHide { float: left; height: 400px; width: 640px; }
.m2nRx { margin-left: 715px; padding-top: 62px; padding-right:55px; }
.m2nRx .ellipsis { font-size: 22px; color: #156f9b; line-height: 38px; font-weight: normal; display: block; height: 38px; }
.m2nTm { font-size: 14px; color: #a1a1a1; line-height: 26px; height: 26px; margin-bottom: 35px; }
.m2nRx p { font-size: 16px; line-height: 30px; color: #666; height: 60px; overflow: hidden; margin-bottom: 55px; }
.m2nRx span { line-height: 50px; text-align: center; display: inline-block; height: 50px; width: 150px; font-size: 16px; color: #FFF; background: #146F9B; }
@media (max-width:1599px){
.m2ser_aBox strong { font-size: 20px; line-height: 32px;}
.m2ser_aBox p { font-size: 15px; line-height: 28px; }
.m2ser_aBox{padding-right:130px;}
.m2nTop .overflowHide{width:550px;}
.m2nRx{margin-left:585px;}
.m2nRx .ellipsis{font-size:20px;}
.m2nRx p{font-size:15px; line-height:28px;}
}
@media (max-width:1199px){
.m2nTop .overflowHide{width:450px;}
.m2nRx{margin-left:485px;}
.m2nRx{padding-right:35px;}
}
@media (max-width:993px){
.m2ser_aBox strong { font-size: 18px; line-height: 30px;}
.m2nTop{margin-top:30px;}
.m2nTop .overflowHide{width:100%; float:none; height:360px;}
.m2nRx{margin-left:0; height:auto; padding:35px 25px 45px; display:block;}
.m2nTm{margin-bottom:15px;}
.m2nRx p{margin-bottom:25px;}
}
@media (max-width:767px){
.m2ser_aBox{padding-left:15px; padding-right:15px; padding-top:120px;}
.m2ser_aBox .m2es_tm{height:98px; padding-top:10px; font-size:18px; left:15px;}
.m2es_tm span{font-size:26px;}
.m2ser_aBox i{right:15px;}
.m2ser_aBox p { font-size: 14px; line-height: 26px; }
.m2pos{font-size:15px;}
.m2nTop .overflowHide{height:240px;}
.m2nRx{ padding:25px 15px 35px;}
.m2nRx .ellipsis{font-size:16px;}
.m2nRx p{font-size:14px; line-height:26px; height:auto}
.m2nRx span{height:40px; line-height:40px;}
.m2serBox{padding-left:15px; padding-right:15px;}
}

.cdsd{
    color: #00478b;
    font-weight: bold;
    margin-right: 4px;
}
.m2fw_aBox.scaleImg .iOpacity{
    margin-bottom: 3px;
}
.m2fwCon{ padding: 78px 6% 50px; }
.m2fwCon ul li { margin-bottom: 40px; }
.m2fw_aBox { display: block; }
.m2fw_aBox.scaleImg .overflowHide { float: left; height: 500px; width: 50%; }
.m2fw_aBox.scaleImg .overflowHide:after{content:""; background:rgba(20,48,55,0.6); position:absolute; left:0; top:0; width:100%; height:100%;opacity: 0}
.m2fwDbx { float: right; width: 50%; padding-left: 4.5%; height: 500px; display: flex; align-items: center; position: relative; }
.m2fwDbx strong { font-size: 36px; line-height: 54px; margin-bottom: 42px; display: block; font-weight: normal; }
.m2fwDbx p { font-size: 16px; line-height: 30px; color: #545454; }
.m2fw_num { font-size: 60px;width: 75px; font-weight: bold; color: #8ec43e; line-height: 60px; display: inline-block; position: absolute; top: 32px; left: 9%; }
.m2fw_num:before{ content: ""; background: #00478b; height: 5px; width: 0%; position: absolute; left: 50%; top: -32px; transition:all 0.5s ease-in-out; }
.m2fw_aBox:hover .m2fw_num:before{left:0; width:100%;}
.m2fwDbx i{ display: block; height: 8px; width: 46px; position: absolute; background: url(../images/se_25.png) no-repeat center center; left: 9%; bottom: 70px; }
.m2fwCon ul li:nth-child(2n) .m2fw_aBox.scaleImg .overflowHide{float:right;}
.m2fwCon ul li:nth-child(2n) .m2fwDbx {float:left; padding-left:15%; padding-right:0px;box-sizing:border-box;}
.m2fwCon ul li:nth-child(2n) .m2fw_num{left:0;}
.m2fwCon ul li:nth-child(2n) i{left:0;}
@media (max-width:1599px){
.m2fwDbx strong { font-size: 24px; line-height: 42px; margin-bottom: 30px;}
.m2fw_num { font-size: 46px; }
.m2fwDbx p { font-size: 15px; line-height: 28px;}
.m2fwDbx{padding-left:35px;}
.m2fwCon ul li:nth-child(2n) .m2fwDbx {padding-left:15%; padding-right:0px;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.m2fw_aBox.scaleImg .overflowHide { height: 400px;}
.m2fwDbx{height:400px;}
.m2fwDbx i{bottom:40px;}
}
@media (max-width:1199px){
.m2fwDbx strong { font-size: 20px; line-height:32px; margin-bottom:15px;}
.m2fwDbx p{font-size:14px; line-height:26px;}
}
@media (max-width:767px){
.m2fw_aBox.scaleImg .overflowHide{width:100%; float:none; height:220px; margin-bottom:0px;}
.m2fwDbx{padding-left:0!important; padding-right:0!important; width:100%; float:none; height:auto; display:block; padding-top:70px;}
.m2fw_num { font-size: 30px; line-height: 30px; top:25px; left: 0%; }
.m2fw_num:before{top:-25px!important;}
.m2fwDbx i{left:auto!important; right:0!important; top:30px!important; bottom:auto!important;}
.m2fwDbx strong { font-size: 18px; line-height:28px;}
.m2fwCon{ padding:58px 15px 50px; }
}


.m2lxBox { background-position:center center; background-repeat:no-repeat; height: 700px; position: relative; }
.m2lxRx { background: #FFF; border-top: 10px solid #156f9b; height: 100%; width: 700px; position: absolute; top: 0px; left: 6%; padding: 58px 80px 0px; }
.m2lxBoxA{ position: absolute; top: 0px; right: 0; width: calc(100% - 700px);width: -webkit-calc(100% - 700px);height: 100%}
.m2lx_t { font-size: 36px; color: #156f9b; line-height: 50px; margin-bottom: 20px; }
.m2lx_s1 { font-size: 16px; line-height: 24px; color: #b2b2b2; margin-bottom: 35px; }
.m2lx_info { font-size: 16px; line-height: 30px; color: #444;    width: calc(100% - 180px);    width: -webkit-calc(100% - 180px); }
.m2tel { background: url(../images/phone_08.png) no-repeat left center;    background-size: auto; margin-top: 45px; padding-left: 60px; line-height: 20px; font-size: 30px; color: #156f9b; }
.m2tel span { display: block; font-size: 36px; line-height: 36px;margin-top: 10px; }
.wxImg { display: block;  position: absolute; top: 200px; right: 80px; }
@media (max-width:1599px){
.m2lx_t{font-size:26px; line-height:48px;}
.m2lx_info{font-size:15px; line-height:28px;}
}
@media (max-width:1199px){
.m2lxRx {width: 600px;right: 0%; padding: 58px 30px 0px; }
.m2lxBoxA{width: calc(100% - 600px);width: -webkit-calc(100% - 600px);}
}
@media (max-width:993px){
.m2lxRx {width: 550px; padding: 58px 20px 0px; }
.m2lxBoxA{width: calc(100% - 550px);width: -webkit-calc(100% - 550px);}
}
@media (max-width:767px){
.m2lxRx {width: 100%; padding: 58px 20px 0px; left: 0}
.m2lx_t{font-size:20px; line-height:32px;}
.m2lx_s1 { font-size: 14px; line-height: 24px; margin-bottom: 15px; }
.m2lx_info{font-size:14px; line-height:24px;margin-bottom: 20px;}
.wxImg{position:static;}
.m2lxRx{padding-top:25px;}
.m2tel{margin-top:0; margin-bottom:15px;font-size: 18px;    background-size: contain;}
.m2tel span{font-size:20px;line-height: 20px}
}

.m2csBox{padding:0 6%;}
.m2csul{ margin: 0px -22px; padding-top: 80px; }
.m2csul li{ padding: 0px 22px; margin-bottom: 40px; }
.m2cs_aBox .overflowHide { height: 320px; }
.m2cs_aBox i{ background: rgba(20,48,55,0.5) url(../images/m2cs_arrow_03.png) no-repeat center center; height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; opacity: 0; transition: all 0.5s ease-in-out; z-index: 2; }
.m2cs_aBox:hover i{opacity:1;}
.m2cs_aBox{display:block; background:#fff;}
.m2cs_aBox:hover{ background: #175c93; color:#fff; }
.m2cs_aBox:hover p{color:#fff;}
.m2csaBom { padding: 25px 25px 32px 146px; position: relative; }
.m2csaBom .ellipsis { font-size: 22px; line-height: 38px; margin-bottom: 14px; font-weight: normal; }
.m2csaBom p { font-size: 16px; line-height: 30px; color: #6a6868; height: 90px; overflow: hidden; }
.m2cs_num { font-size: 60px; font-weight: bold; color: #336ca2; line-height: 145px; text-align: center; height: 150px; display: inline-block; width: 90px; position: absolute; left: 30px; top: -30px; transition: all 0.5s ease-in-out; border-bottom: 5px solid #dadada; }
.m2cs_aBox:hover .m2cs_num{ border-bottom: 5px solid #4b96de; color: #FFF; background: #4b96de; }
.m2csMenu{ border-bottom: 1px solid #EAEAEA; text-align: center ;padding: 20px 0}
.m2csMenu_a{ display: inline-block;
    text-align: center;
    font-size: 16px;
    color: #505050;
    line-height: 24px;
   padding: 0 12px;
    text-align:center;  position:relative; }
.m2csMenu_a span{display:block; max-width:162px; margin:0 auto;}
.m2csMenu a:after{ content: ""; background: #c6c6c6; height: 16px; width: 1px; position: absolute; top: 4px; right: 0px; }
.m2csMenu a:last-child:after{display:none;}
/*.m2csMenu a:before{ content: ""; background: #146F9B; height: 2px; width: 0%; position: absolute; left: 50px; bottom: -1px; transition:all 0.5s ease-in-out;}*/
.m2csMenu_a:hover:before,.m2csMenu_a.on:before{ width:100%; left:0;}
.m2csMenu_a.on{ color: #00478b; }
@media (max-width:1599px){
.m2csMenu_a{font-size:15px;}
.m2csul{ margin: 0px -10px; padding-top: 60px; }
.m2csul li{ padding: 0px 10px; margin-bottom: 20px; }
.m2cs_aBox .overflowHide{height:220px;}
.m2cs_num { font-size: 40px; line-height: 95px; height: 100px; width: 70px; left: 0px; top: -10px; border-bottom: 3px solid #dadada; }
.m2csaBom { padding: 25px 15px 32px 86px;}
.m2csaBom .ellipsis { font-size:17px; line-height: 30px;}
.m2csaBom p { font-size: 15px; line-height: 28px; height: 84px; }
}
@media (max-width:993px){
.m2csMenu{display:block; height:auto;}
.m2csMenu_a{width:33.333%;}
.m2csMenu:after{content:""; display:table; clear:both;}
.m2csMenu a:after{display:none;}
}
@media (max-width:767px){
.m2csMenu_a{width:50%;}
.m2csaBom .ellipsis { font-size:15px; line-height: 26px; height:26px;}
.m2csaBom p { font-size: 14px; line-height: 24px; height:72px; }
.m2csBox{padding-left:15px; padding-right:15px;}
.m2cs_num { font-size: 30px; width: 60px; border-bottom: 2px solid #dadada; }
.m2csaBom { padding: 25px 15px 32px 75px;}
.m2csul{padding-top:52px;}
}

.m2zpCon1{ padding: 68px 0px 72px; }
.m2zp_tbox { text-transform: uppercase; font-size: 72px; line-height: 78px; height: 78px; position: relative; margin-bottom: 36px; color: #E5E5E5; font-weight: bold; letter-spacing: 10px; text-align: center; }
.m2zp_tbox span { line-height: 78px; display: inline-block; position: absolute; left: 50%; top: 0px; color: #333333; transform: translateX(-50%); font-size: 36px; font-weight: normal; letter-spacing: 0em; }
.m2zp_tbox span:after{ content: ""; background: #333; height: 3px; width: 30px; margin-left: -15px; position: absolute; left: 50%; bottom: 0px; }
.m2zp_des { font-size: 16px; line-height: 30px; color: #4b4b4b; text-align: center; max-width:930px; padding:0 15px; margin:0 auto; }
.m2zpCon2{padding:0 6%; position:relative; z-index:2}
.m2zp_aBox{ display:block;}
.m2zp_aBox .overflowHide { height: 360px; }
.m2zpu1{margin:0 -1px;}
.m2zpu1 li{padding:0 1px;}
.m2zp_ly1{ height: 100%; width: 100%; position: absolute; top: 0px; right: 0px; z-index: 2; display: flex; align-items: center; font-size: 30px; color: #FFF; line-height: 40px; text-align:center; }
.m2zp_ly1 p{ opacity: 0.15; font-weight: bold; }
.m2zp_ly2 { background: #FFF; border-top: 10px solid #146F9B; height: 100%; width: 100%; padding: 0px 80px; position: absolute; left: 0px; top: 0px; display:flex; align-items:center; transition:all 0.3s ease-in-out; opacity:0; z-index:5 }
.m2zp_ly2 strong { font-size: 30px; color: #333; line-height: 40px; display: block; margin-bottom: 30px; font-weight: normal; transition:all 0.5s ease-in-out; opacity:0; transform:translateX(50px) }
.m2zp_ly2 p{ font-size: 16px; line-height: 30px; color: #A3A3A3; transition:all 0.5s ease-in-out; opacity:0; transform:translateX(50px) }
.m2zp_aBox:hover .m2zp_ly2{opacity:1;}
.m2zp_aBox:hover .m2zp_ly2 strong{opacity:1; transform:translateX(0); transition-delay:0.3s}
.m2zp_aBox:hover .m2zp_ly2 p{opacity:1; transform:translateX(0); transition-delay:0.5s}
.m2zpCon3 { background: #f2f2f2; padding: 248px 6% 80px; margin-top: -178px; }
.m2zpCon3 .m2esul{margin-top:75px;}
.m2zp_t { line-height: 46px; height: 46px; padding-right: 60px; position: relative; font-size: 22px; color: #000; }
.m2es_aBox:hover .m2zp_t{color:#156f9b}
.m2zp_t .ellipsis { line-height: 46px; height: 46px; }
.m2zp_pnm { display: inline-block; position: absolute; top: 0px; right: 0px; }
.m2zp_desx { font-size: 16px; line-height: 30px; color: #5b5b5b; margin: 15px 0px 25px; height: 90px; overflow: hidden; }
.m2zwLayer{ background: #FFF; height: 680px; width: 800px; margin-top: -340px; margin-left: -400px; border-top: 10px solid #146F9B; position: fixed; z-index: 80; left: 50%; top: 50%; padding: 48px 55px 0px; }
.m2zw_tbox{ font-size: 30px; color: #333; line-height: 40px; font-weight: normal; }
.m2zw_tm{ font-size: 16px; line-height: 24px; color: #adacac; height: 24px; }
.cor_blue{ color: #156f9b; }
.m2zw_des{ font-size: 16px; line-height: 30px; color: #333; position: absolute; left: 55px; right: 30px; bottom: 130px; top: 148px; padding-right:20px; overflow:auto}
.m2zw_bom{ position: absolute; left: 55px; right: 55px; bottom: 52px; font-size: 16px; line-height: 26px; color: #838383; }
@media (max-height:700px){
.m2zwLayer{height: auto; margin-top:0px; left: 50%; top:10px; bottom:10px; padding: 48px 55px 0px; }
}
@media (max-width:1599px){
.m2zp_tbox {font-size: 60px; line-height: 68px; height: 68px; margin-bottom: 30px; letter-spacing: 6px;}
.m2zp_tbox span { line-height: 68px; font-size: 28px;}
.m2zp_tbox span:after{ height: 2px;}
.m2zpCon1{ padding: 55px 0px 50px; }
.m2zp_ly1{ font-size: 22px; line-height: 30px;}
.m2zp_ly2 { padding: 0px 25px; border-top: 5px solid #146F9B; }
.m2zp_ly2 strong { font-size: 22px; line-height: 30px; margin-bottom: 14px; }
.m2zp_ly2 p{ font-size: 14px; line-height: 26px;}
.m2zp_aBox .overflowHide{height:280px;}
.m2zpCon3 .m2esul{margin-top:55px;}
.m2zpCon3 {padding: 218px 6% 80px; margin-top: -148px; }
.m2zp_desx{font-size:14px; line-height:26px; height:78px; margin-top:0}
.m2zpCon3 .m2es_aBox{padding-bottom:60px;}
.m2zw_tbox{font-size:24px;}
.m2zwLayer{ padding: 48px 35px 0px;}
.m2zw_des{ font-size: 14px; line-height: 26px; left: 35px; right: 20px; top:128px;}
.m2zw_bom{left:35px;}
}
@media (max-width:820px){
.m2zwLayer{ left:10px; right:10px; margin-left:0; width:auto;}
}
@media (max-width:993px){
.m2zpCon2{padding-left:25px; padding-right:25px;}
.m2zpCon3{padding-left:25px; padding-right:25px;}
}
@media (max-width:767px){
.m2zpCon1{ padding: 50px 0px 50px; }
.m2zp_tbox {font-size: 40px; line-height: 48px; height: 48px; margin-bottom: 20px; letter-spacing: 0px;}
.m2zp_tbox span { line-height: 48px; font-size: 22px;}
.m2zpCon2{padding-left:15px; padding-right:15px;}
.m2zpCon3{padding-left:15px; padding-right:15px;}
.m2zwLayer{padding-left:12px; padding-right:12px;}
.m2zw_tbox{font-size:20px; line-height:30px; height:auto;}
.m2zw_tm{font-size:12px;}
.m2zw_des{left:15px; right:5px; font-size:12px; line-height:24px; padding-right:8px;}
.m2zw_bom{left:15px; right:15px; font-size:14px;}
.m2zp_desx{font-size:13px;}
}


.m2usCon1{ padding: 0px 6% 100px; margin-top:-45px; }
.m2usCon1 .overflowHide { float: left; height: 540px; width: 50%; }
.m2usc1Rx { width: 50%; padding-left: 75px; float: right; background: url(../images/m2us_bg1.png) no-repeat right bottom; height: 540px; position:relative; }
.m2us_st { font-size: 24px; color: #00478b; line-height: 34px; margin-bottom: 40px; }
.m2us_txt { font-size: 16px; line-height: 36px; color: #3f3f3f; }
.m2usc1Bom{ width: 100%; padding-left: 75px;position: absolute; right: 0px; bottom: 0px;display: flex; justify-content: space-between; }
.m2usc1Bom li{ line-height: 22px; font-size: 16px; text-align: center; display: inline-block; }
.m2usc1_nm { color: #8ec43e; font-size: 36px; line-height: 36px; margin-bottom: 10px; }
.m2us_ix { font-size: 24px; position: relative; top: -10px; right:-4px; }
.m2usCon2 { background: url(../images/m2us_bg2.jpg) no-repeat center center; padding: 70px 6% 115px; position: relative; background-size:cover; }
.m2usCon2 .m2zp_tbox{ color:rgba(255,255,255,0.1);}
.m2usCon2 .m2zp_tbox span{ color:rgba(255,255,255,1);}
.m2usCon2 .m2zp_tbox span:after{display:none;}
.m2us_rbox { background: #EAEBEC; padding: 10px 10px 25px; }
.m2us_rbox p { font-size: 16px; line-height: 24px; height: 48px; margin-top: 20px; overflow: hidden; padding: 0px 20px; }
.m2us_rimg { background: #FFF; text-align: center; }
.m2usSwiper { position: relative; }
.m2usSwiper .nLink.prev { background: rgba(0,0,0,0.3) url(../images/arr1.png) no-repeat center center; height: 60px; width: 60px; position: absolute; left: -85px; margin-top: -30px; top: 50%; border-radius:50%; }
.m2usSwiper .nLink.next { background: rgba(0,0,0,0.3) url(../images/arr1.png) no-repeat center center; height: 60px; width: 60px; position: absolute; right: -85px; margin-top: -30px; top: 50%; border-radius:50%; transform:rotate(180deg); }
.m2usCon3 { background: #f1f1f1; padding: 70px 6% 80px; }
.m2usPul { margin: 52px -10px 0px; }
.m2usPul li{padding:0 10px; margin-bottom:20px;}
.m2us_pbox { background: #FFF; display: block; padding: 29px 45px 105px; position: relative; }
.m2us_pbox:hover{ background: #146F9B; }
.m2us_pImg { margin: 0px auto; height: 240px; width: 240px; border-radius:50%; transition:all 0.5s ease-in-out; }
.m2us_pbox:hover .m2us_pImg{ border: 10px solid #6D9BB2; }
.m2us_pbox strong { text-align: center; display: block; line-height: 40px; height: 40px; margin: 22px 0px 14px; font-weight: normal; font-size: 24px; }
.m2us_pbox strong span { font-size: 16px; display: inline-block; margin-left: 5px; }
.m2us_pbox p { font-size: 16px; line-height: 30px; color: #666; height: 90px; overflow: hidden; }
.m2us_pbox i { background: url(../images/es_i1.png) no-repeat center center; height: 12px; width: 50px; margin-left: -25px; position: absolute; left: 50%; bottom: 50px; display: inline-block; }
.m2us_pbox:hover,.m2us_pbox:hover p{color:#fff;}
.m2usCon4 { padding: 70px 6% 80px; }
.m2usc4Box{padding-top:20px;}
.m2usc4L { float: left; width: 50%; padding-right: 33px; }
.m2usc4R { float: right; width: 50%; padding-left: 33px; }
.m2usc4_t { font-size: 24px; line-height: 40px; margin-bottom: 42px; }
.m2usc4Des { font-size: 16px; line-height: 36px; color: #404040; height: 252px; overflow: hidden; margin-bottom: 50px; }
.m2usc4L .m2khMore { margin-left: 0px; }
.m2usc4Swiper { height: 472px; border: 1px solid #E8E8E8; position: relative; padding: 0px 125px; }
.m2usc4Swiper .nLink.prev { background: rgba(0,0,0,0.3) url(../images/arr1.png) no-repeat center center; height: 60px; width: 60px; position: absolute; left: 30px; margin-top: -30px; top: 50%; border-radius:50%; }
.m2usc4Swiper .nLink.next { background: rgba(0,0,0,0.3) url(../images/arr1.png) no-repeat center center; height: 60px; width: 60px; position: absolute; right:30px; margin-top: -30px; top: 50%; border-radius:50%; transform:rotate(180deg); }
.m2usc4Img{height:472px; position:relative}
.m2usc4Img img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%l}
.m2pLayer { background: #FFF; height: 620px; width: 1100px; border-top: 10px solid #146F9B; margin-left: -550px; margin-top: -310px; position: fixed; left: 50%; top: 50%; z-index: 80; padding: 60px 120px 0px 60px; }
.m2pImgBox { text-align: center; float: left; }
.m2pImgBox strong { text-align: center; display: block; line-height: 40px; height: 40px; margin: 22px 0px 14px; font-weight: normal; font-size: 30px; color: #333; }
.m2pImgBox strong span { font-size: 16px; display: inline-block; margin-left: 5px; }
.m2plyPdes { margin-left: 362px; padding-top: 50px; }
.m2plyPdes strong { font-size: 24px; color: #333; line-height: 30px; display: block; height: 30px; margin-bottom: 26px; }
.m2pLy_ptxt { font-size: 16px; line-height: 30px; color: #525252; }
@media (max-height:640px){
.m2pLayer { height: auto; left:25px; right:25px; top:10px; bottom:10px; width:auto; margin:0; padding: 60px 60px 0px 60px; }
}
@media (max-width:1599px){
.m2usCon1{ padding: 0px 6% 80px; margin-top:-45px; }
.m2usc1Rx{padding-left:30px;}
.m2us_st{margin-bottom:20px;}
.m2us_txt{font-size:14px; line-height:28px;}
.m2usCon1 .overflowHide,.m2usc1Rx{height:480px;}
.m2usc1Bom li{font-size:14px;}
.m2usc1_nm{font-size:32px;}
.m2us_rbox p{font-size:14px; line-height:22px; height:44px;}
.m2us_rbox{padding-bottom:20px;}
.m2usCon2 { padding: 60px 6% 90px;}
.m2usSwiper .nLink.prev{left:-75px;}
.m2usSwiper .nLink.next{right:-75px;}
.m2zp_des{font-size:14px; line-height:26px;}
.m2us_pImg{width:180px; height:180px;}
.m2us_pbox { padding: 29px 25px 85px;}
.m2us_pbox p{font-size:14px;}
.m2us_pbox strong{font-size:22px; line-height:30px; height:62px; overflow:hidden}
.m2us_pbox strong span{display:block; margin:0;}
.m2usc4_t{font-size:20px; margin-bottom:15px; line-height:30px;}
.m2usc4Des{font-size:14px; line-height:28px;}
.m2usc4L{padding-right:15px;}
.m2usc4R{padding-left:15px;}
.m2pLy_ptxt{font-size:14px; line-height:28px;}
.m2plyPdes{margin-left:332px;}
.m2pImgBox strong{font-size:24px;}
.m2usc1Bom{padding-left:30px;}
}
@media (max-width:1199px){
.m2us_txt{line-height:24px;}
.m2us_pbox strong span{ font-size:13px;}
.m2pLayer { height: auto; left:25px; right:25px; top:10px; bottom:10px; width:auto; margin:0; padding: 60px 60px 0px 60px; }
.m2us_pImg{width:140px; height:140px;}
.m2usc1Bom{padding-left:0;}
}
@media (max-width:993px){
.m2usCon1{height:auto;}
.m2usCon1 .overflowHide{width:100%; float:none; margin-bottom:35px;}
.m2usCon1 .m2usc1Rx{height:auto; padding-left:0; width:100%; float:none;}
.m2usc1Bom{position:static; margin-top:25px;}
.m2usCon2{padding-left:90px; padding-right:90px;}
.m2usc4L{width:100%; padding-right:0; float:none; margin-bottom:35px;}
.m2usc4Des{height:auto;}
.m2usc4R{width:100%; padding-left:0; float:none}
}
@media (max-width:767px){
.m2usCon1 .overflowHide{height:260px;}
.m2us_st{font-size:20px; line-height:30px;}
.m2us_txt{color:#666;}
.m2usc1Bom li{width:100%;}
.m2usSwiper .nLink.prev{width:40px; height:40px; margin-top:-20px; left:-46px;}
.m2usSwiper .nLink.next{width:40px; height:40px; margin-top:-20px; right:-46px;}
.m2usCon2{padding-left:50px; padding-right:50px;}
.m2us_rbox p{margin-top:10px;}
.m2usCon3{padding:55px 0px 50px;}
.m2usCon1{padding-left:15px; padding-right:15px;}
.m2usCon4{padding:55px 15px 60px;}
.m2usPul{margin-left:5px; margin-right:5px;}
.m2pLayer{padding-left:15px; padding-right:15px; left:10px; right:10px;}
.m2pImgBox{ display:none;}
.m2plyPdes{margin-left:0; padding-top:15px;}
.m2plyPdes strong{margin-bottom:15px;}
.m2pLy_ptxt{line-height:24px;}
.m2usc4Swiper .nLink.prev{width:40px; height:40px; margin-top:-20px; left:10px;}
.m2usc4Swiper .nLink.next{width:40px; height:40px; margin-top:-20px; right:10px;}
.m2usc4Swiper{padding-left:65px; padding-right:65px; height:380px;}
.m2usc4Img{height:380px;}
.m2usc4Des{margin-bottom:20px;}
.m2khMore{display:block; margin-left:auto!important; margin-right:auto!important; height:42px; line-height:40px;}

}

/*.sdseqa .bgImg{
    background: none !important;
}
.sdseqa .bgImg img{height: auto;display: block;}

.hmFocus170324 .swiper-slide a{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
*/
@media (max-width: 1300px){
.m2fw_aBox.scaleImg .overflowHide,.m2fwDbx{height: 340px}
}
@media (max-width: 1200px){
.m2fw_aBox.scaleImg .overflowHide,.m2fwDbx{height: 310px}
}
@media (max-width: 1100px){
.m2fw_aBox.scaleImg .overflowHide,.m2fwDbx{height: 275px}
}
@media (max-width: 767px){
    .m2fw_aBox.scaleImg .overflowHide,.m2fwDbx{height: auto;}
    .sdseqa .bgImg{position: initial;}
}
.m2usc4Box_html img{
    width: 100%
}
.erweima{
    position: absolute;
    width: 120px;
    left: 62.5%;
    transform: translateX(-50%);
    transform: -webkit-translateX(-50%);
    bottom: 290px;
    display: none
}
.hmc5ul{
    position: relative;
}


@media (max-width: 768px){
    .erweima{
        left: 25%;
            bottom: 260px;
    }
}
@media (max-width: 420px){
    .erweima{
        left: 25%;
            bottom: 230px;
    }
}



.bgImgsss img{
    display: block;
    opacity: 0 
}

.bgImgsss {
    background-size: contain !important;
}