@charset "UTF-8";
.wrapper{height:100%}
.hmBody{opacity:0}
body{ overflow-x: hidden; background: #f6f6f6;transition:all 0.5s ease-in-out;  }
.navRbox{ position: absolute; right: 50px; top: 27px; right: 50px; line-height: 36px; }
.navContact{ line-height: 36px; color: #FFF; background: #666E87; text-align: center; float: right; height: 36px; width: 99px; margin-left: 18px; font-size: 15px; border-radius:1.8em;}
.navEmail,.navEmail:hover { background: url(../images/top_i1.png) no-repeat left center; color: #666e87; padding-left: 21px; font-size: 16px; line-height: 36px; float: right; text-decoration: underline; }
.navContact:hover{ color: #FFF; background: #596175;}
.navRicon { background: url(../images/top_i2.png) no-repeat; float: right; height: 14px; width: 16px; margin: 12px 18px 0px 0px; }
.serBox {height: 50px;width: 310px;background: rgba(255,255,255,0.9);position: absolute;left: -5px;top: 63px; display:none}
.serIntBx {margin: 0px 20px;height: 39px;border-bottom: 1px solid #666E87;position: relative;padding: 8px 28px 0px 6px;}
.serIntBx:before {content: "";width: 1px;height: 2px;background: #666E87;position: absolute;left: 0;bottom: 0;}
.serIntBx:after {content: "";width: 1px;height: 2px;background: #666E87;position: absolute;right: 0;bottom: 0;}
.serInt {line-height: 30px;height: 30px;border-width: 0px;border-style: none;width: 100%;font-size: 14px;color: #666e87;background: none;}
.serSubmit {background: url(../images/top_i2.png) no-repeat;height: 14px;width: 14px;border-width: 0px;border-style: none;position: absolute;top: 16px;right: 24px;cursor: pointer;}
@media (max-width:1599px) and (min-width:993px){
.serBox{left:-155px;}
}
@media (max-width:992px){
.navRbox{right:15px; top:6px;}
.navContact{margin-left:0;}
.serBox{left:-165px; top:42px;}
}
@media (max-width:767px){
.navContact{ display:none;}
.navRicon{margin-right:0;}
.serBox{left:-280px;}
}

.hmFocus170324{background:url(../images/loader.gif) no-repeat center center;height:100%}
.hmFocus170324 .swiper-wrapper{height:100%}
.hmFocus170324 .bgImg{position:absolute;left:0;top:0;width:100%;height:100%}
.hmFocus170324 .swiper-pagination{ height: 36px; bottom: 33px }
.hmFocus170324 .swiper-pagination-bullet{ margin: 0 12px; height: 36px; width: 36px; border-radius: 0; background: url(../images/hmBan_i1.png) no-repeat center center; opacity: 1 }
.hmFocus170324 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: url(../images/hmBan_i2.png) no-repeat; margin: 0px 18px; }
.hmBan1_box{ width:100%; max-width:1200px; text-align:center; padding-top:70px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.hmBan1Itms{max-width:1200px; width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.hmBan1Itms img{position:absolute; left:0; top:0;}
.hmBan1Itms img.hmBan_img{position:static;}
@media (max-height:700px){
.hmBan1Itms{ transform:translate(-50%,-40%);}
}
@media (max-width:992px){
.hmBan1Itms{width:528px;}
}
@media (max-width:767px){
.hmFocus170324{height:380px;}
.hmBan1_box{padding:30px 15px 0;}
.hmFocus170324 .swiper-pagination{bottom:25px;}
.hmFocus170324 .swiper-pagination-bullet{ margin: 0 6px; }
.hmFocus170324 .swiper-pagination-bullet.swiper-pagination-bullet-active{margin: 0px 10px; }
.hmBan1Itms{width:auto; left:15px; right:15px; top:50%; transform:translateY(-40%);}
.hmBan1Itms img{width:100%; height:auto;}
}

.hmFocus170324{background:url(../images/loader.gif) no-repeat center center;height:100%}
.hmFocus170324 .swiper-wrapper{height:100%}
.hmFocus170324 .bgImg{position:absolute;left:0;top:0;width:100%;height:100%}
.hmFocus170324 .swiper-pagination{ height: 36px; bottom: 33px }
.hmFocus170324 .swiper-pagination-bullet{ margin: 0 12px; height: 36px; width: 36px; border-radius: 0; background: url(../images/hmBan_i1.png) no-repeat center center; opacity: 1 }
.hmFocus170324 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: url(../images/hmBan_i2.png) no-repeat; margin: 0px 18px; }
.hmBan1_box{ width:100%; max-width:1200px; text-align:center; padding-top:70px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
@media (max-width:767px){
.hmFocus170324{height:380px;}
.hmBan1_box{padding-top:30px;}
.hmFocus170324 .swiper-pagination{bottom:25px;}
.hmFocus170324 .swiper-pagination-bullet{ margin: 0 6px; }
.hmFocus170324 .swiper-pagination-bullet.swiper-pagination-bullet-active{margin: 0px 10px; }
}

.hmPage2{ background: #ecf4fe; }
.hmc2R{ float: right; height: 100%; width: 40%; }
.hmc2L { padding: 0px 75px; height: 100%; float: left; width: 60%; display:flex; align-items:center; }
.hmc2_t1 { color: rgba(0,158,231,0.06); height: 108px; text-transform: uppercase; position: relative; margin-top: 70px; font-size: 135px; line-height: 108px; font-weight: bold; }
.hmc2_t1ct { background: url(../images/hmc2_i1.png) no-repeat left 2px; font-size: 24px; line-height: 36px; color: #666e87; height: 36px; padding-left: 46px; display: inline-block; position: absolute; left: 0px; top: 12px; font-weight: normal; }
.hmc2_ts { font-size: 30px; color: #2a3452; line-height: 38px; display: inline-block; position: absolute; left: 0px; bottom: 11px; font-weight: normal; }
.hmc2_txt { font-size: 16px; line-height: 30px; color: #666e87; margin: 22px 0px 28px; height: 330px; overflow: hidden; }
.hmc2_more i { display: inline-block; height: 28px; width: 22px; margin-right: 7px; position: relative; }
.hmc2_more { font-size: 18px; line-height: 30px; color: #009ee7; height: 30px; font-weight: bold; }
.hmc2_more i img{position:absolute; left:0; top:0;}
.hmc2_more i,.hmc2_more text{vertical-align:middle;}
.hmc2_more i img:nth-child(1){ animation:aniItms1 1s linear infinite;}
.hmc2_more i img:nth-child(2){ animation:aniItms2 1s linear infinite; top:-2px;}
@media (max-height:700px){
.hmc2_t1{font-size:108px;}
}
@media (max-height:650px){
.hmc2_txt{ margin: 15px 0px 18px;}
}
@media (max-width:1199px){
.hmc2_t1{font-size:78px;}
}
@media (max-width:992px){
.hmc2L{padding:0 20px;}
.hmc2_ts{font-size:26px;}
}
@media (max-width:767px){
.hmc2L{width:100%; float:none; padding:50px 15px; height:auto; display:block; text-align:left;}
.hmc2_t1{font-size:60px; margin-top:0;}
.hmc2_ts{ font-size:20px; line-height:30px; bottom:20px;}
.hmc2_t1ct{font-size:22px; top:18px;}
.hmc2_txt {margin: 0px 0px 18px; line-height:26px; font-size:14px;}
.hmc2_more{font-size:16px;}
.hmc2R{width:100%; height:400px; float:none}
}

.hmPage3{ background: url(../images/hmc3_bg.jpg) no-repeat center center; background-size:cover;}
.hmc3_t { margin-top: 70px; text-align: center; height: 112px; text-transform: uppercase; color: rgba(255,255,255,0.08); position: relative; font-size: 135px; line-height: 112px; font-weight: bold; }
.hmc3_ts1 { font-size: 36px; color: #FFF; line-height: 50px; text-align: center; display: inline-block; position: absolute; left: 50%; top: 6px; transform:translateX(-50%); }
.hmc3_ts1 span{display:block; white-space:nowrap;}
.hmc3_des { font-size: 14px; line-height: 24px; text-align: center; overflow: hidden; max-width: 830px; margin: 18px auto 36px; color: #FFF; }
.hmc3_change { text-align: center; margin-bottom: 72px; }
.hmc3_a { margin: 0px 12px; line-height: 40px; padding: 0px 25px; height: 42px; border: 1px solid #FFF; display: inline-block; font-size: 16px; color: #fff; border-radius:0.2em; }
.hmc3_a.on,.hmc3_a:hover{ background: #FFF; color: #009ee7; }
.hmc3_itms{margin:0 -30px;}
.hmc3_itms li{ float: left; width: 25%; padding: 0px 30px; text-align: center; color: #FFF; }
.hmc3_icon { background: url(../images/m2ywc4_bg.png) no-repeat center center; height: 120px; width: 120px; display: inline-block; position: relative; }
.hmc3_icon img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.hmc3_itms li strong { line-height: 38px; height: 38px; margin-top: 8px; display: block; font-size: 18px; }
.hmc3_itms li p { font-size: 14px; line-height: 24px; }
@media (max-height:750px){
.hmc3_des{margin:10px auto 28px;}
.hmc3_change{margin-bottom:40px;}
}
@media (max-height:700px){
.hmc3_des{margin:6px auto 20px;}
.hmc3_change{margin-bottom:24px;}
}
@media (max-height:650px){
.hmc3_des{margin:0px auto 12px;}
.hmc3_itms li p{ font-size:13px; line-height:22px;}
}
@media (max-width:1199px){
.hmc3_itms{margin:0 -15px;}
.hmc3_itms li{ padding: 0px 15px; }
}
@media (max-width:992px){
.hmc3_a{margin-bottom:10px;}
.hmc3_t{font-size:90px;}
.hmc3_change{margin-bottom:10px;}
.hmc3_itms li{width:50%; margin-bottom:10px;}
.hmc3_itms li p{height:72px; overflow:hidden;}
}
@media (max-width:767px){
.hmc3_t{font-size:60px; margin-top:42px; height:105px;}
.hmc3_ts1{font-size:24px; line-height:36px; top:18px;}
.hmc3_a{ padding:0px 12px; margin-left:6px; margin-right:6px;}
.hmc3_itms li{width:100%;}
.hmc3_itms li p{height:auto; margin-bottom:15px;}
.hmc3_itms{padding-bottom:35px;}
}

.hmPage4{ background: url(../images/hmc4_bg.jpg) no-repeat center center; background-size:cover;}
.hmp4Con { margin: -20px auto 0; height: 570px; width: 570px; position: relative; z-index: 2; }
.hmp4_t {  font: bold 135px/112px Arial; text-transform: uppercase; text-align: center; display: inline-block; position: absolute; left: 50%; top: 50%; color: rgba(0,158,231,0.08); transform:translate(-50%,-50%); margin-top:40px; }
.hmc4_q1 { background: url(../images/hmc4_q1.png) no-repeat center center; height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; }
.hmc4_q2 { background: url(../images/hmc4_q3.png) no-repeat center center; height: 100%; width: 100%; position: absolute; left: 0px; top: 0px;animation:15s linear 0s roateAnimate; -webkit-animation:15s linear 0s roateAnimate infinite; }
.hmc4_q3 { background: url(../images/hmc4_q2.png) no-repeat center center; height: 100%; width: 100%; position: absolute; left: 0px; top: 0px;animation:22s linear 0s roateAnimate2; -webkit-animation:22s linear 0s roateAnimate2 infinite; }
@keyframes roateAnimate{
    form {transform:rotate(0deg);}    
    to    {transform:rotate(360deg);}
}
@-webkit-keyframes roateAnimate{
    form {transform:rotate(0deg);}    
    to    {transform:rotate(360deg);}
}
@keyframes roateAnimate2{
    form {transform:rotate(0deg);}    
    to    {transform:rotate(-360deg);}
}
@-webkit-keyframes roateAnimate2{
    form {transform:rotate(0deg);}    
    to    {transform:rotate(-360deg);}
}
.hmp4_t1{ font-size: 36px; color: #566380; line-height: 50px; text-align: center; display: inline-block;width: 100%; padding-top: 188px; font-weight: bold; }
.hmp4_t1 span{ color: #009ee7; text-transform: uppercase; }
.hmp4_des { font-size: 14px; line-height: 24px; color: #666e87; text-align: center; margin-top: 25px; }
.hmp4_list li { font-size: 18px; font-weight: bold; color: #666e87; line-height: 82px; display: inline-block; height: 82px; position: absolute; transition: all 0.5s ease-in-out; cursor: pointer; }
.hmp4_des span{display:block;}
.hmp4_list li span{ background: #009EE7; display: inline-block; height: 82px; width: 82px; position: absolute; border-radius:50%;}
.hmp4_list li span img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.hmp4_list li:nth-child(1){ padding-right: 102px; left: -148px; top: 80px; }
.hmp4_list li:nth-child(1) span{ right:0; top:0}
.hmp4_list li:nth-child(2){ padding-left: 102px; right: -168px; top: 80px; }
.hmp4_list li:nth-child(2) span{ left:0; top:0}
.hmp4_list li:nth-child(3){ padding-right: 102px; left: -198px; top: 356px; }
.hmp4_list li:nth-child(3) span{ right:0; top:0}
.hmp4_list li:nth-child(4){ padding-left: 102px; right: -168px; top: 356px; }
.hmp4_list li:nth-child(4) span{ left:0; top:0}
.hmp4_list li:nth-child(5){ left:50%; transform:translateX(-50%); bottom: -40px; line-height: 44px; padding-top: 87px; }
.hmp4_list li:nth-child(5) span{ left: 50%; top: 0; margin-left: -41px; }
.hmp4_lay { background:#ECF4FE; padding: 28px 25px; position: absolute; border-radius: 0.3em; box-shadow: 0 0 6px 3px rgba(0,0,0,0.1); width: 410px; font-size: 14px; line-height: 24px; font-weight: normal; color: #666e87; display:none; }
.hmp4_lay i{ height:15px; overflow:hidden; width:40px; position: absolute;left: 28px; top: -15px; }
.hmp4_lay i:before{ content: ""; background:#ECF4FE; height: 20px; width: 20px; box-shadow: 0 0 5px 3px rgba(0,0,0,0.1); transform:rotate(45deg); position:absolute; left:10px; top:7px; }
.hmp4_list li:hover{ color: #009ee7; }
.hmp4_list li:nth-child(1) .hmp4_lay,.hmp4_list li:nth-child(3) .hmp4_lay{right:95px; top:82px;}
.hmp4_list li:nth-child(1) .hmp4_lay i,.hmp4_list li:nth-child(3) .hmp4_lay i{right:28px; left:auto;}
.hmp4_list li:nth-child(2) .hmp4_lay,.hmp4_list li:nth-child(4) .hmp4_lay{left:95px; top:82px;}
.hmp4_list li:nth-child(5) .hmp4_lay{right:-117px; top:-176px;}
.hmp4_list li:nth-child(5) .hmp4_lay i{left:190px; top:auto; bottom:-15px; transform:rotate(180deg);}
.hmp4_list em{ font-style: normal; }
@media (max-height:700px){
.hmp4_list li:nth-child(5){bottom:0;}
}
@media (max-height:650px){
.hmp4_list li:nth-child(5){bottom:10px;}
}
@media (max-width:1400px){
.hmp4_list li:nth-child(1) .hmp4_lay,.hmp4_list li:nth-child(3) .hmp4_lay{right:-80px;}
.hmp4_lay i{left: 188px; }
.hmp4_list li:nth-child(1) .hmp4_lay i,.hmp4_list li:nth-child(3) .hmp4_lay i{right:188px; left:auto;}
.hmp4_list li:nth-child(2) .hmp4_lay,.hmp4_list li:nth-child(4) .hmp4_lay{left:-80px;}
}
@media (max-width:1199px){
.hmp4_list li:nth-child(1) .hmp4_lay,.hmp4_list li:nth-child(3) .hmp4_lay{right:-150px;}
.hmp4_list li:nth-child(2) .hmp4_lay,.hmp4_list li:nth-child(4) .hmp4_lay{left:-150px;}
}
@media (max-width:992px){
.hmp4_t{font-size:90px;}
.hmp4_list li:nth-child(1){ left: -68px }
.hmp4_list li:nth-child(2){right:-68px;}
.hmp4_list li:nth-child(3){left:-88px;}
.hmp4_list li:nth-child(4){right:-88px;}
}
@media (max-width:767px){
.hmc4_q1{display:none;}
.hmc4_q2{display:none;}
.hmc4_q3{display:none;}
.hmp4Con{width:auto; height:auto; padding-bottom:40px;}
.hmp4_list{padding-left:15px; padding-right:15px;}
.hmp4_list li{position:static!important; margin-bottom:20px; padding-left:0!important; padding-right:0!important; height:auto; transform:translate(0)!important; padding-top:0!important; line-height:80px!important;}
.hmp4_lay{position:static!important; display:block!important; opacity:1!important; width:100%; animation:none!important; padding:20px 15px}
.hmp4_des span{display:inline;}
.hmp4_des{padding-left:15px; padding-right:15px;}
.hmp4_list li span{position:relative; left:0!important; right:auto!important; display:inline-block; float:left;width:60px; height:60px; margin-right:10px!important; margin-left:0!important;}
.hmp4_list li em{ line-height:60px; position:relative; top:-12px; font-size:18px;}
.hmp4_lay i{display:none;}
.hmp4_t{font-size:54px; left:0; width:100%; top:-5px; transform:translate(0)}
.hmp4_t1{font-size:24px; line-height:36px; padding-top:70px;}
.hmp4_list li:nth-child(5) .hmp4_lay{ margin-top:25!important;}
}

.hmPage5{ background: url(../images/hmc5_bg.jpg) no-repeat center center; background-size:cover;}
.hmc5_t { margin-top: 70px; text-align: center; height: 112px; text-transform: uppercase; color: rgba(0,158,231,0.08); position: relative; font-size: 135px; line-height: 112px; font-weight: bold; }
.hmc5_ts1 { font-size: 36px; color: #566380; line-height: 50px; text-align: center; display: inline-block; position: absolute; left: 50%; top: 6px; transform: translateX(-50%); }
.hmc5_ts1 span{ color: #009ee7; white-space: nowrap; }
.hmc5_des { font-size: 14px; line-height: 24px; text-align: center; overflow: hidden; max-width: 830px; margin: 18px auto 36px; color: #666e87; }
.hmc5Swiper { }
.hmc5_aBox { background: #FFF; display: block; }
.hmc5_aBox .overflowHide { height: 206px; }
.hmc5_nm{ background: #FFF; line-height: 58px; text-align: center; height: 58px; font-size: 16px; color: #566380; padding: 0px 15px; font-weight: bold; }
.hmc5_lay{ background: rgba(0,158,231,0.75); height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; transition:all 0.5s ease-in-out; opacity:0; transform:translate(0,-50px) }
.hmc5_aBox i{ background: url(../images/hmc5_i.png) no-repeat center center; height: 36px; width: 36px; position: absolute; left: 50%; top: 50%; margin-left:-18px; margin-top:-18px; transition:all 0.5s ease-in-out; opacity:0; transform:translate(0,50px)}
.hmc5_aBox:hover .hmc5_lay{opacity:1; transform:translate(0,0)}
.hmc5_aBox:hover i{opacity:1; transform:translate(0,0)}
.hmc5Swiper .swiper-slide{padding-top:20px;}
.hmc5Swiper .swiper-slide:hover .hmc5_aBox{transform:translateY(-15px);}
.hmc5Btns { margin: 78px auto 0px; height: 38px; position: relative; text-align: center; }
.hmc5Btns a{vertical-align:middle;}
.hmc5Btns a:hover{color:#fff;}
.hmc5_prev { font-size: 15px; font-weight: bold; color: #FFF; line-height: 36px; padding: 0px 16px; height: 38px; border: 1px solid #FFF; margin: 0px 3px; display: inline-block; border-radius:0.2em; }
.hmc5_prev i{ background: url(../images/hmc5_arrow.png) no-repeat left center; height: 10px; width: 5px; margin-right: 8px; display: inline-block; }
.hmc5_prev:hover i{width:19px;}
.hmc5_list{ line-height: 36px; background: url(../images/hmc5_list.png) no-repeat center center; height: 38px; border: 1px solid #FFF; border-radius: 0.2em; display: inline-block; margin: 0px 3px; width: 60px; }
.hmc5_next { font-size: 15px; font-weight: bold; color: #FFF; line-height: 36px; padding: 0px 16px; height: 38px; border: 1px solid #FFF; margin: 0px 3px; display: inline-block; border-radius:0.2em; }
.hmc5_next i{ background: url(../images/hmc5_arrow2.png) no-repeat right center; height: 10px; width: 5px; margin-left: 8px; display: inline-block; }
.hmc5_next:hover i{width:19px;}
@media (max-height:750px){
.hmc5Btns{margin-top:35px;}
.hmc5_des{margin:10px auto 18px;}
}
@media (max-height:700px){
.hmc5Btns{margin-top:25px;}
.hmc5_des{margin:5px auto 8px;}
}
@media (max-height:650px){
.hmc5Btns{margin-top:20px;}
.hmc5_des{margin:0px auto 5px;}
}
@media (max-width:767px){
.hmc5_t{font-size:60px; margin-top:42px; height:105px;}
.hmc5_ts1{font-size:24px; line-height:36px; top:18px;}
.hmc5Swiper{padding-bottom:65px;}
.hmc5Btns{margin-top:32px;}
.hmc5Swiper .swiper-slide:hover .hmc5_aBox{transform:translateY(0px);}
}

.hmPage6{ background: url(../images/hmc6_bg.jpg) no-repeat center center; background-size:cover;}
.hmc6Swiper .swiper-container{ padding-bottom: 80px; padding-top:20px; }
.hmc6Swiper .swiper-slide{ padding: 13px; }
.hmc6Swiper .swiper-pagination{ height: 14px; width: 100%; position: absolute; left: 0px; bottom: 0px; text-align:center}
.hmc6Swiper .swiper-pagination-bullet{ background: #868DA4; height: 8px; width: 8px; opacity: 1; margin: 0px 10px 0px!important; position:relative; top:0px; transition:all 0.5s ease-in-out; }
.hmc6Swiper .swiper-pagination-bullet-active{ height: 10px; width: 10px; background: #009EE7; margin-top: 0px; top:1px; border-radius:0; transform:rotate(45deg); }
@media (max-height:750px){
.hmc6Swiper .swiper-container{padding-bottom:40px;}
}
@media (max-width:767px){
.hmc6Swiper{padding-bottom:60px;}
}

.hmPage7{ background: #3e3e3e; }
.webInfo { padding: 18px 0px; border-top: 1px solid #4D4D4D; font-size: 14px; color: #777; margin-top: 42px; }
.webInfo .fl { padding-top: 4px; }
.webInfo_txt { float: left; padding-left: 18px; line-height: 38px; }
.webInfo_txt a,.webInfo_txt a:hover{color:#777;}
.webInfo_a1 { background: #484848 url(../images/web_fi2.png) no-repeat center center; height: 37px; width: 37px; margin-left: 12px; display: inline-block; }
.webInfo_a2 { background: #484848 url(../images/web_fi1.png) no-repeat center center; height: 37px; width: 37px; margin-left: 12px; display: inline-block; position: relative; }
.wxImgBox { background: #FFF; height: 212px; width: 193px; padding-top: 12px; position: absolute; left: 50%; top: -231px; margin-left: -96px; font-size: 14px; line-height: 18px; color: #999999; text-align: center; border-radius:0.3em; }
.wxImgBox:after{content:""; border-left:9px solid transparent; border-right:9px solid transparent; border-top:9px solid #fff; left:50%; bottom:-9px; position:absolute; margin-left:-10px;}
.hmBom { padding-top: 37px; }
.hmBomInfo { padding-right: 356px; position: relative; }
.hmBomInfo dl { float: left; width: 25%; }
.hmBomInfo dl dt{ font-size: 16px; line-height: 42px; font-weight: bold; color: #ffffff; height: 42px; }
.hmBomInfo dl dd{ line-height: 28px; height: 28px; font-size: 14px; color: #7d7d7d; }
.hmBom_a{ color: #7d7d7d; }
.hmBom_a:hover{ color: #A4A4A4; }
.hmBomCnfo { width: 356px; position: absolute; top: 0px; right: 0px; }
.hmBomInfo .hmBomCnfo dl{ width:100%;}
.hmBomInfo .hmBomCnfo dl i{margin-right:5px;}
.footer{ background: #3e3e3e; }
@media (max-width:767px){
.hmBomInfo{padding-right:0;}
.hmBomInfo dl{width:100%; margin-bottom:12px; float:none}
.hmBomInfo dl:after{content:""; display:table; clear:both;}
.hmBomInfo dl dd{float:left; margin-right:10px;}
.hmBomCnfo{position:static; width:100%; height:auto;}
.hmBomCnfo dd{float:none!important; height:auto!important;}
.webInfo{margin-top:15px;}
.webInfo_txt{padding-left:0; line-height:24px; margin-top:15px;}
}

@media (min-width:767px){
.hmc2R{transition:all 0.8s ease-in-out; transform:translate(500px,0px); opacity:0; }
.active .hmc2R{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.hmPage2 .hmc2_t1{transition:all 0.8s ease-in-out; transform:translate(-300px,0px); opacity:0; }
.hmPage2.active .hmc2_t1{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.hmPage2 .hmc2_txt{transition:all 0.8s ease-in-out; transform:translate(-300px,0px); opacity:0; }
.hmPage2.active .hmc2_txt{opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}
.hmPage2 .hmc2_more{transition:all 0.8s ease-in-out; transform:translate(300px,0px); opacity:0; }
.hmPage2.active .hmc2_more{opacity:1; transform:translate(0px,0px); transition-delay:0.9s;}
.hmPage3 .hmc3_t{transition:all 0.8s ease-in-out; transform:translate(-300px,0px); opacity:0; }
.hmPage3.active .hmc3_t{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.hmPage3 .hmc3_ts1{transition:all 0.8s ease-in-out; left:80%; opacity:0; }
.hmPage3.active .hmc3_ts1{opacity:1; left:50%; transition-delay:0.6s;}
.hmPage3 .hmc3_des{transition:all 0.8s ease-in-out; transform:translate(0px,80px); opacity:0; }
.hmPage3.active .hmc3_des{opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}
.hmPage3 .hmc3_change{transition:all 0.8s ease-in-out; transform:translate(0px,50px); opacity:0; }
.hmPage3.active .hmc3_change{opacity:1; transform:translate(0px,0px); transition-delay:0.7s;}
.hmc3_itms li:nth-child(1){transition:all 0.8s ease-in-out; transform:rotateY(-90deg); opacity:0; }
.active .hmc3_itms li:nth-child(1){transform:rotateY(0deg); opacity:1; transition-delay:0.5s; }
.hmc3_itms li:nth-child(2){transition:all 0.8s ease-in-out; transform:rotateY(-90deg); opacity:0; }
.active .hmc3_itms li:nth-child(2){transform:rotateY(0deg); opacity:1; transition-delay:0.7s; }
.hmc3_itms li:nth-child(3){transition:all 0.8s ease-in-out; transform:rotateY(-90deg); opacity:0; }
.active .hmc3_itms li:nth-child(3){transform:rotateY(0deg); opacity:1; transition-delay:0.9s; }
.hmc3_itms li:nth-child(4){transition:all 0.8s ease-in-out; transform:rotateY(-90deg); opacity:0; }
.active .hmc3_itms li:nth-child(4){transform:rotateY(0deg); opacity:1; transition-delay:1.1s; }
.hmp4Con{transition:all 0.6s ease-in-out; transform:scale(0.5); opacity:0; }
.active .hmp4Con{transform:scale(1); opacity:1; transition-delay:0.8s; }
.hmp4_list li:nth-child(1){transition:all 0.4s ease-in-out; opacity:0; }
.active .hmp4_list li:nth-child(1){opacity:1; transition-delay:1.0s; }
.hmp4_list li:nth-child(2){transition:all 0.4s ease-in-out; opacity:0; }
.active .hmp4_list li:nth-child(2){opacity:1; transition-delay:1.2s; }
.hmp4_list li:nth-child(3){transition:all 0.4s ease-in-out; opacity:0; }
.active .hmp4_list li:nth-child(3){opacity:1; transition-delay:1.4s; }
.hmp4_list li:nth-child(4){transition:all 0.4s ease-in-out; opacity:0; }
.active .hmp4_list li:nth-child(4){opacity:1; transition-delay:1.6s; }
.hmp4_list li:nth-child(5){transition:all 0.4s ease-in-out; opacity:0; }
.active .hmp4_list li:nth-child(5){opacity:1; transition-delay:1.8s; }
.hmc5_t{transition:all 0.8s ease-in-out; transform:translate(-300px,0px); opacity:0; }
.active .hmc5_t,.active2 .hmc5_t{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.hmc5_ts1{transition:all 0.8s ease-in-out; left:80%; opacity:0; }
.active .hmc5_ts1,.active2 .hmc5_ts1{opacity:1; left:50%; transition-delay:0.6s;}
.hmc5_des{transition:all 0.5s ease-in-out; transform:translate(0px,70px); opacity:0; }
.active .hmc5_des,.active2 .hmc5_des{opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}
.hmc5Swiper .swiper-slide:nth-child(n){transition:all 0.6s ease-in-out; transform:rotateY(-90deg); opacity:0; }
.active .hmc5Swiper .swiper-slide:nth-child(n){transform:rotateY(0deg); opacity:1; transition-delay:0.9s; }
.hmc5Btns{transition:all 0.8s ease-in-out; transform:translateY(80px); opacity:0; }
.active .hmc5Btns{transform:translateY(0); opacity:1; transition-delay:1.0s; }
.hmc6Swiper .swiper-slide:nth-child(1n){transition:all 0.6s ease-in-out; transform:translate(90px,0); opacity:0; }
.active .hmc6Swiper .swiper-slide:nth-child(1n),.active2 .hmc6Swiper .swiper-slide:nth-child(1n){transform:translate(0,0); opacity:1; transition-delay:0.6s; }
.hmc6Swiper .swiper-slide:nth-child(2n){transition:all 0.6s ease-in-out; transform:translate(-90px,0); opacity:0; }
.active .hmc6Swiper .swiper-slide:nth-child(2n),.active2 .hmc6Swiper .swiper-slide:nth-child(2n){transform:translate(0,0); opacity:1; transition-delay:0.6s; }
.hmPage6 .swiper-pagination{transition:all 0.6s ease-in-out; transform:translate(0px,80); opacity:0; }
.active.hmPage6 .swiper-pagination,.active2.hmPage6 .swiper-pagination{transform:translate(0,0); opacity:1; transition-delay:0.8s; }
}

.m2ban { height: 520px; position: relative; }
.m2ban .bgImg { position: absolute; height: 100%; width: 100%; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.m2banTxt { padding-top: 90px; position: absolute; top: 50%; left:50%; text-align: center; width: 100%; color: #FFF; transform:translate(-50%,-50%); width:100%; max-width:600px; }
.m2ban_et { font-size: 48px; text-transform: uppercase; line-height: 48px; height: 48px; margin-bottom: 8px; display: block; }
.m2ban_t { font-size: 40px; line-height: 48px; font-weight: bold; display: block; }
.m2posBox { height: 70px; background: #FFF; box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.06); line-height: 70px; position:relative; z-index:2 }
.m2pos_i { background: url(../images/m2pos_i1.png) no-repeat center center; width: 74px; border-right: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5; float: left; height: 70px; }
.m2pos_a { background: url(../images/m2pos_i2.png) no-repeat left center; margin-left: 20px; font-size: 14px; line-height: 70px; color: #666e87; padding-left: 8px; }
.m2posBox .m2pos_a:last-child{font-weight:bold;}
.page { text-align: center; height: 70px; }
.m2menu { float: right; }
.m2menu_a { font-size: 14px; color: #2a3452; margin-left: 50px; position: relative; display: inline-block; padding: 0px 7px; }
.m2menu_a:after{content:""; height:4px; background:#009EE7; width:0; transition:all 0.5s ease-in-out; position:absolute; left:0; bottom:0}
.m2menu_a.on:after,.m2menu_a:hover:after{ width:100%;}
.m2menu_a.on{ color: #009ee7; font-weight: bold; }
@media (max-width:992px){
.m2banTxt{padding-top:40px;}
.m2ban_et { font-size: 40px; line-height: 40px; height: 40px;}
.m2ban_t { font-size: 36px; line-height: 42px;}
.m2ban { height: 420px; position: relative; }
.m2menu_a{margin-left:15px;}
}
@media (max-width:767px){
.m2ban { height: 260px; position: relative; }
.m2ban_et { font-size: 30px; line-height: 30px; height: 30px;}
.m2ban_t { font-size: 24px; line-height: 24px; font-weight:normal}
.m2pos_i{width:50px; border:none}
.m2posBox .container{padding-left:0;}
.m2pos_a{margin-left:0px; margin-right:10px;}
.m2posBox{height:auto;}
.m2posBox .fl{float:none; width:100%; display:block}
.m2menu_a { font-size: 14px; line-height:40px; height:42x; margin-right:6px; margin-left:6px; padding:0 2px; margin-bottom:10px;}
.m2menu{text-align:center; line-height:0; position:relative; top:-10px;float:none; width:100%; display:block; padding-bottom:10px;}
.m2menu_a:after{height:2px;}
}
@media (max-width:359px){
.m2ban_et { font-size: 24px; line-height: 24px; height: 24px;}
.m2ban_t { font-size: 20px; line-height: 20px; }
}

.m2gc_list { padding-top: 50px; margin: 0px -11px 20px; }
.m2gc_list li { padding: 0px 11px; margin-bottom: 24px; }
.m2gc_aBox{display:block;}
.m2gc_aBox:hover{ box-shadow:0 0 4px 3px rgba(0,0,0,0.08);}
.m2gc_aBox .overflowHide { height: 210px; }
.m2gc_abom { background: #FFF; padding: 20px 22px 22px; }
.m2gc_abom .ellipsis { display: block; font-size: 16px; line-height: 38px; font-weight: bold; color: #2a3452; height: 38px; }
.m2gc_abom p { font-size: 14px; line-height: 24px; color: #666e87; height: 48px; overflow:hidden; margin-bottom: 15px; }
.m2gc_more { font-size: 14px; font-weight: bold; text-transform: uppercase; color: #009ee7; line-height: 28px; display: block; height: 28px; background: url(../images/m2gc_ar1.png) no-repeat 94px center; }
.m2gc_aBox:hover .m2gc_more{ background: url(../images/m2gc_ar2.png) no-repeat 94px center; color: #57ae32; }
.m2layBg{ background:rgba(0,0,0,0.75); position:fixed; left:0; top:0; width:100%; height:100%; z-index:50}
.m2gcLayer{ background: #FFF; z-index: 60; width: 1000px; padding: 28px 45px 32px; border-radius:0.3em; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%);}
.m2lay_closeBtn{ background: url(../images/closeBtn.png) no-repeat center center; display: block; height: 32px; width: 32px; position: absolute; right: 0px; top: -50px; cursor: pointer; }
.m2gcLay_t { font-size: 24px; color: #2a3452; line-height: 38px; padding: 13px 0px; border-bottom: 1px solid #E5E5E5; margin-bottom: 27px; }
.m2LayCon { height: 410px; overflow-y:auto; }
.m2gcLayx1 { margin-bottom: 22px; }
.m2gcLayImg { float: left; width: 54%; padding-right: 15px; }
.m2gcLayDes { width: 46%; float: right; font-size: 14px; line-height: 24px; color: #666e87; padding: 12px 0px 0px 15px; }
.m2gcLayDes strong { color: #2a3452; }
.m2gcLay_t2 { background: url(../images/m2gc_i2.png) no-repeat left center; padding-left: 30px; border-bottom: 1px dotted #D2D4DA; font-size: 18px; line-height: 54px; color: #009ee7; height: 55px; font-weight: bold; }
.m2gcLay_des2 { font-size: 14px; line-height: 24px; color: #666e87; padding-top: 12px; }

.m3article{ margin-top: -28px; position: relative; background: #FFF; padding: 50px 48px 56px; margin-bottom: 50px; box-shadow:0 0 4px 3px rgba(0,0,0,0.05); }
.m3arTop { border-bottom: 1px solid #E5E5E5; padding: 0px 92px 14px 0px; position: relative; }
.m3arTop strong { display: block; line-height: 34px; font-size: 24px; color: #2a3452; margin-bottom: 4px; }
.m3arBack,.m3arBack:hover{ line-height: 22px; background: url(../images/m3i.png) no-repeat left center; display: inline-block; height: 22px; padding-left: 25px; font-size: 14px; color: #57ae32; position: absolute; top: 6px; right: 0px; }
.m3arTop p { font-size: 14px; line-height: 24px; color: #666e87; }
.m3arTop p span { white-space: nowrap; display: inline-block; margin-right: 20px; }
.m3arEditor { font-size: 14px; line-height: 24px; color: #666e87; padding: 14px 0px 0px; }
.m3page { background: #E9F2FC; padding: 0px 15px; margin-top: 35px; position: relative; font-size: 15px; line-height: 54px; height: 54px; }
.m3page_prev { display: block; float: left; width: 50%; padding-right: 50px; text-align: right; overflow: hidden; font-size: 15px; line-height: 54px; height: 54px; color: #666e87; }
.m3backList { background: url(../images/m3_i2.png) no-repeat; display: inline-block; height: 13px; width: 24px; margin-left: -12px; position: absolute; left: 50%; bottom: 21px; font-size: 0px; overflow: hidden; line-height: 0px; }
.m3page_next { display: block; float: right; width: 50%; padding-left: 50px; text-align: left; overflow: hidden; font-size: 15px; line-height: 54px; height: 54px; color: #666e87; }
.m3page a:hover{ color: #009ee7; }
@media (max-width:992px){
.m3arTop strong { font-size: 22px; }
.m3article{margin-top:0;}
}
@media (max-width:767px){
.m3article{ padding-left:15px; padding-right:15px;}
.m3arTop{padding-right:0;}
.m3arBack, .m3arBack:hover{position:static;}
.m3arTop strong { font-size: 18px; line-height:30px; font-weight:normal; text-align:center; margin-bottom:10px; }
.m3arTop p{font-size:12px; margin-bottom:12px;}
.m3arTop p span{margin:0 5px;}
.m3page span{display:none;}
}

.m2n_list { padding-top: 50px; }
.m2n_list li { margin-bottom: 38px; }
.m2n_aBox { background: #FFF; display: block; padding: 13px; }
.m2n_aBox .overflowHide { float: left; height: 200px; width: 385px; }
.m2nRx { margin-left: 423px; position: relative; margin-right: 74px; padding: 40px 45px 0px 0px; }
.m2nRx_t { line-height: 30px; height: 30px; margin-bottom: 13px; }
.m2nRx_t span { font-size: 18px; color: #009ee7; float: left; line-height: 20px; height: 20px; width: 68px; margin-top: 5px; border-right: 1px solid #566380; }
.m2nRx_t .ellipsis { font-size: 18px; line-height: 30px; display: block; margin-left: 85px; overflow: hidden; color: #566380; }
.m2nRx_p { font-size: 14px; line-height: 24px; color: #666e87; height: 72px; overflow: hidden; }
.m2n_aBox:hover .ellipsis{ color: #009ee7; }
.m2nRx:before{ content: ""; background: #E5E5E5; height: 104px; width: 1px; position: absolute; top: 48px; right: 0px; }
.m2nRx_more{  height: 38px; width: 38px; position: absolute; top: 81px; right: -63px; z-index: 5; display: inline-block; }
.m2nRx_more span{position:relative; z-index:2;background: url(../images/m2n_i1.png) no-repeat center center; display:inline-block;  height: 38px; width: 38px;}
.m2nRx_more:before{ content: ""; height: 38px; width: 38px; background: #009EE7; position: absolute; left: 0px; top: 0px; transform:scale(0); transition:all 0.5s ease-in-out; border-radius:2.8em;}
.m2n_aBox:hover .m2nRx_more:before{transform:scale(1); border-radius:50%;}
.m2n_aBox:hover .m2nRx_more span{ background: url(../images/m2n_i2.png) no-repeat center center;}
@media (max-width:992px){
.m2nRx_more{ display:none;}
.m2n_aBox .overflowHide{width:305px;}
.m2nRx {margin-left: 332px;margin-right: 0px;padding: 40px 15px 0px 0px;}
.m2nRx:before{display:none;}
.m2nRx_t span{width:60px;}
.m2nRx_t .ellipsis{margin-left:75px;}
}
@media (max-width:767px){
.m2n_aBox .overflowHide{width:100%; float:none;}
.m2nRx{margin-left:0; padding-top:12px; padding-bottom:15px;}
.m2nRx_t .ellipsis{font-size:16px;}
.m2nRx_t span{width:55px;}
.m2nRx_t .ellipsis{margin-left:65px;}
}


.m2hz_list { margin: 52px -13px 20px; }
.m2hz_list li { padding: 0px 13px; float: left; width: 20%; margin-bottom: 28px; }
.m2hz_aBox { height: 110px; box-shadow: 0 0 6px 4px rgba(134,141,164,0.1); position: relative; display: block; }
.m2hz_aBox img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:85%; max-height:85%; width:auto; height:auto; transition:all 0.5s ease-in-out;}
.m2hz_aBox:hover img{ opacity:0;}
.m2hz_aBox:hover img.iOpacity{ opacity:1;}
@media (max-width:1199px){
.m2hz_list li {width: 25%;}
}
@media (max-width:992px){
.m2hz_list li {width: 33.333%;}
}
@media (max-width:767px){
.m2hz_aBox { height: 90px;}
.m2hz_list li {width: 50%;}
}

.m2abtCon { padding: 50px 50px 45px; }
.m2abtConTop { margin-bottom: 76px; }
.m2abtcTl { float: left; width: 42%; height: 580px; display: flex; align-items: center; font-size: 14px; line-height: 24px; color: #FFF; background: #009EE7; padding: 0px 55px; }
.m2abt_t { font-size: 30px; line-height: 42px; }
.m2abt_st { font-size: 18px; line-height: 30px; font-weight: bold; height: 30px; margin-bottom: 18px; }
.m2abtcTr { width: 58%; float: right; height: 580px; position: relative; cursor: pointer; }
.m2abt_tp { font-size: 24px; line-height: 38px; color: #FFF; height: 38px; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); white-space:nowrap }
.m2abt_tp i{ background: url(../images/m2mv.png) no-repeat; height: 38px; width: 38px; margin-right: 10px; display: inline-block; }
.m2abt_tp text,.m2abt_tp i{vertical-align:middle;}
.m2abtcTr:hover i{animation: icon-bounce-round 1.0s infinite;}
.m2abtConBom { background: url(../images/m2abt_line.jpg) repeat-x left 110px; }
.m2abt_u1 { margin: 0px -40px; }
.m2abt_u1 li { padding: 0px 40px; margin-bottom: 28px; text-align: center; }
.m2abt_u1 li strong { line-height: 42px; text-align: center; display: block; font-size: 18px; color: #666e87; height: 42px; overflow: hidden; }
.m2abt_u1 .transition{ background: #F6F6F6; height: 20px; width: 20px; border: 1px solid #DDDDDD; display: block; margin: 16px auto 20px; position:relative; }
.m2abt_u1 .transition:after{content:""; width:12px; height:12px; position:absolute; left:3px; top:3px; background:#009EE7; transition:all 0.5s ease-in-out;transform:scale(0)}
.m2abt_u1 p { font-size: 14px; line-height: 24px; color: #666e87; }
.m2abt_u1 li:hover .transition{ border: 1px solid #009ee7; }
.m2abt_u1 li:hover .transition:after{ transform:scale(1)} 
.m2abt_u1 li:hover img{animation: icon-bounce 0.5s alternate;}
.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 { height: 500px; width: 100%; margin-top: -250px; position: fixed; z-index: 85; left: 0px; top: 50%; }
.mvWarpper { background: #FFF; }
.mvClose { background: url(../images/m2mvClose.png) no-repeat; height: 32px; width: 32px; position: absolute; top: 25px; right: 25px; cursor: pointer; z-index: 5; }
.newMvPlay{ background:none}
.newMvPlay .m2mvBox{ width:1000px; height:562px; float:none; margin:0 auto; position:relative;}
@media (max-width:1399px){
.m2abt_u1 { margin: 0px -15px; }
.m2abt_u1 li { padding: 0px 15px;}
.m2abtConBom .container{width:100%;}
.m2abtcTl{padding-left:25px; padding-right:25px;}
.m2abt_t{font-size:26px;}
}
@media (max-width:1199px){
.m2abt_t{font-size:22px;}
.m2abt_st{font-size:16px;}
}
@media (max-width:1000px){
.newMvPlay .m2mvBox{ width:750px; height:421px;}
}
@media (max-width:992px){
.mvLayer{margin-top:0; transform:translateY(-50%);height:auto;}
.mvLayer .m2xy_pimg{max-width:220px; margin-left:auto; margin-right:auto; height:240px;}
.m2abtcTl {width: 50%; }
.m2abtcTr { width: 50%; }
.m2abt_tp{font-size:20px;}
.m2abt_t{font-size:20px; line-height:30px;}
.m2abt_st{font-size:14px;}
.m2abtCon{padding:50px 30px 45px;}
}
@media (max-width:767px){
.mvLayer .m2mvBox{height:180px;}
.newMvPlay .m2mvBox{ width:90%; height:auto;}
.mvClose {top: 0;bottom: auto;right: 10px;background-size:15px auto;background-position:right center;}
.m2abtCon{padding:50px 15px 35px;}
.m2abtcTl{width:100%; float:none; height:auto; padding-top:50px; padding-bottom:50px;}
.m2abtcTr{width:100%; float:none; height:320px;}
.m2abtConTop{margin-bottom:45px;}
.m2abtConBom{background:none;}
}

.m2ry_list { margin: 50px 0px 35px; }
.m2ry_list li { margin-bottom: 7px; border-right: 1px solid #DDDDDD; background: #FFF; padding: 38px 35px 32px; text-align: center; }
.m2ry_list li:nth-child(3n){border-right: 1px solid #fff;}
.m2ry_img{ font-size: 0px; line-height: 0px; height: 240px; margin-bottom: 20px; overflow:hidden; position:relative; }
.m2ry_img img{ border: 1px solid #E6E6E6; max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:96%; max-height:96%; width:auto; height:auto; display:block;}
.m2ry_list p{ font-size: 16px; line-height: 35px; text-align: center; height: 35px; }
.m2js_list { padding-top: 50px; }
@media (max-width:992px){
.m2ry_img{height:160px;}
}


.m2js_list li { margin-bottom: 42px; }
.m2js_aBox{ display: block; box-shadow: 0 0 6px 3px rgba(0,0,0,0.08); position: relative; height: 400px; }
.m2js_aBox .dsPcPad img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:95%; max-height:95%; width:auto; height:auto;}
.m2js_aBox .dsPhone {padding:20px 15px;}
.m2js_lay { padding: 42px 20px 54px; width: 460px; position: absolute; right: 0px; bottom: 0px; background:rgba(255,255,255,0.92); }
.m2js_lay strong { font-size: 16px; line-height:30px; display: block; min-height: 40px; overflow:hidden }
.m2js_lay p { font-size: 14px; line-height: 24px; color: #666e87; margin-bottom: 35px; }
.m2js_lay .transition{ font-size: 14px; line-height: 38px; color: #FFF; padding: 0px 0px 0px 26px; height: 38px; background: #009EE7 url(../images/m2js_arrow.png) no-repeat 116px center; width: 160px; font-weight: bold; text-transform: uppercase; display: inline-block; }
.m2js_aBox:hover .transition{ background: #57ae32 url(../images/m2js_arrow.png) no-repeat 116px center; }
.m2js_list li:nth-child(2n) .m2js_lay{right:auto; left:0;}
@media (max-width:767px){
.m2js_aBox{height:auto;}
.m2js_lay{width:100%; position:static; padding: 25px 15px 35px;}
.m2js_lay strong{line-height:28px; margin-bottom:8px; height:auto; font-size:16px;}
.m2js_lay p{margin-bottom:20px;}
}

.m2zpCon1 { padding: 105px 0px 52px; background: #FFF; }
.m2zpTmbox { text-align: center; height: 110px; color: #F2F8FD; text-transform: uppercase; font: bold 135px/110px Arial; position: relative; }
.m2zp_t1 { font-size: 36px; font-weight: bold; color: #566380; line-height: 50px; display: inline-block; position: absolute; left: 50%; top: 6px; transform: translateX(-50%); }
.m2zp_et1 { font-size: 36px; text-transform: uppercase; color: #009ee7; line-height: 40px; display: inline-block; position: absolute; left: 50%; top: 60px; transform: translateX(-50%); width: 100%; }
.m2zp_des { font-size: 14px; line-height: 24px; color: #666e87; padding-top: 20px; text-align: center; max-width:825px; margin:0 auto 50px; }
.m2zp_swiper .swiper-container{ padding-bottom: 64px; }
.m2zp_sBox { border: 1px dotted #DDDDDD; padding: 43px 42px 38px 102px; position: relative; }
.m2zp_sBox img { position: absolute; left: 41px; top: 36px; }
.m2zp_sBox .ellipsis { font-size: 18px; line-height: 44px; display: block; height: 44px; color: #566380; }
.m2zp_sBox p { font-size: 14px; line-height: 24px; height: 120px; overflow: hidden; color: #666e87; }
.m2zp_swiper .swiper-pagination{ height: 14px; width: 100%; position: absolute; left: 0px; bottom: 0px; text-align:center}
.m2zp_swiper .swiper-pagination-bullet{ background: #868DA4; height: 8px; width: 8px; opacity: 1; margin: 0px 10px 0px!important; position:relative; top:0px; transition:all 0.5s ease-in-out; }
.m2zp_swiper .swiper-pagination-bullet-active{ height: 10px; width: 10px; background: #009EE7; margin-top: 0px; top:1px; border-radius:0; transform:rotate(45deg); }
.m2zpCon2 { padding: 98px 0px 0px; }
.m2zpCon2 .m2zpTmbox{ color: #E9F0F5; }
.m2zpSlider dl{box-shadow:0 0 5px 3px rgba(0,0,0,0.08); background:#fff; margin-bottom:28px;}
.m2zp_info { padding: 0px 30px; margin-bottom: 28px; }
.m2zpSlider dt { line-height: 48px; height: 48px; background: url(../images/m2zp_i3.png) no-repeat left center; padding-left: 16px; position: relative; font-size: 14px; cursor: pointer; transition:all 0.5s ease-in-out; overflow:hidden; padding-right:45px; }
.m2zpSlider dt i{ background: #349AF0 url(../images/m2zp_arrow.png) no-repeat center center; display: inline-block; height: 26px; width: 26px; position: absolute; top: 11px; right: 11px; border-radius:50%; transition:all 0.5s ease-in-out;}
.m2zpSlider dt strong{ font-size: 16px; color: #2a3452; transition:all 0.5s ease-in-out; }
.m2zpSlider dd{ font-size: 14px; line-height: 30px; color: #666e87; padding: 22px 15px 38px; border-top: 1px solid #E5E5E5; display:none }
.m2zp_content li{padding:0 30px;}
.m2zpSlider dt.on,.m2zpSlider dt.on strong{ color: #009ee7; }
.m2zpSlider dt.on i{ background: #666E87 url(../images/m2zp_arrow.png) no-repeat center center; transform:rotate(180deg);}
@media (max-width:1199px){
.m2zp_sBox p{height:120px;}
}
@media (max-width:992px){
.m2zp_sBox{padding:35px 22px 32px 72px;}
.m2zp_sBox img{left:15px;}
.m2zp_sBox p{height:144px;}
}
@media (max-width:767px){
.m2zpTmbox{font-size:66px;}
.m2zp_t1{font-size:24px;}
.m2zp_et1{font-size:22px;}
.m2zpCon1{padding-top:50px;}
.m2zp_t1{top:18px;}
.m2zp_et1{top:55px;}
.m2zp_des{margin-bottom:40px; padding-top:10px;}
.m2zpCon2 {padding: 48px 0px 0px;}
.m2zpSlider dt strong{font-size:14px;}
.m2zp_info{padding-left:0; padding-right:0;}
.m2zp_content li{padding:0; margin:10px 0}
.m2zp_info{margin-bottom:15px;}
.m2zpSlider dd{padding-bottom:15px;}
.m2zpSlider dl{margin-bottom:15px;}
}

.m2lx_ul { margin: 0px -10px 75px; }
.m2lx_icon { margin: 0px auto 18px; height: 97px; width: 97px; border: 1px solid #DCDCDC; position:relative; }
.m2lx_ul li { padding: 0px 10px; margin-bottom: 15px; transition: all 0.5s ease-in-out; width: 20%; float: left; }
.m2lx_ul li img{ position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); transition:all 0.5s ease-in-out;}
.m2lx_ul li:hover .m2lx_icon{ border: 2px solid #0094E5; }
.m2lx_ul li:hover img{opacity:0;}
.m2lx_ul li:hover img.iOpacity{opacity:1;}
.m2lx_ul strong { line-height: 40px; text-align: center; height: 40px; font-size: 18px; color: #566380; display: block; }
.m2lx_ul p { font-size: 14px; line-height: 24px; color: #666e87; text-align: center; height: 48px; max-width:230px; margin:0 auto; }
.m2lxBom { border-top: 4px solid #57AE32; }
.m2lxBomL { float: left; width: 50%; height: 500px; }
.m2lxBomR { float: right; width: 50%; height: 500px; background: #009EE7 url(../images/m2lxBg.jpg) no-repeat center center; padding: 30px 65px 0px; background-size:cover; }
.m2lxCon { max-width: 535px; }
.m2lxCon strong { font-size: 30px; line-height: 68px; color: #FFF; display: block; font-weight: normal; }
.m2lxCon p { font-size: 14px; line-height: 26px; color: #FFF; height: 52px; margin-bottom: 5px; }
.m2lx_fm li { line-height: 40px; min-height: 40px; margin-bottom: 13px; position: relative; }
.m2lx_int { display: block; font-size: 14px; line-height: 40px; color: #FFF; padding: 0px 15px 0px 30px; width: 100%; border:none; background:rgba(255,255,255,0.25); }
.m2lx_fm li img{ position: absolute; left: 7px; top: 12px; }
.m2lx_submit{ font-size: 16px; line-height: 40px; color: #333; background: #FFD800; height: 40px; text-align: center; display: block; }
.m2lx_submit:hover{ color: #333; background: #EECA00; }
.m2lx_area{ display: block; color: #FFF; padding: 10px 15px 0px 30px; width: 100%; border: none; background: rgba(255,255,255,0.25); height: 80px; font: 14px/20px "微软雅黑"; }
.BMap_pop,.BMap_shadow{display:none;}
.m2lxBomL img{ max-width:none}
@media (max-width:992px){
.m2lxBomR { padding: 30px 25px 0px;}
}
@media (max-width:767px){
.m2lx_ul li{width:100%;}
.m2lx_ul p{height:auto;}
.m2lx_ul{margin-bottom:35px;}
.m2lxBomL{width:100%; height:300px; float:none;}
.m2lxBomR{width:100%; float:none;}
.m2lxCon strong{font-size:24px;}
}

.m2whCon1 { padding: 105px 0px 55px; }
.m2whCon1 .m2zpTmbox{ color: #E9F0F5; }
.m2wh_aBox { display: block; padding: 45px 32px 40px; }
.m2wh_aBox:hover{background:#fff; box-shadow:0 0 5px 3px rgba(0,0,0,0.08);}
.m2wh_ibox { margin: 0px auto 15px; height: 120px; width: 120px; background: url(../images/m2wh_quan.png) no-repeat center center; position: relative; }
.m2wh_ibox img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:90%; max-height:90%; width:auto; height:auto;}
.m2wh_aBox strong { line-height: 44px; display: block; height: 44px; text-align: center; font-size: 18px; color: #566380; }
.m2wh_p1{ font-size: 14px; line-height: 24px; color: #666e87; text-align: center; }
.m2wh_p2{display:none; font-size: 14px; line-height: 24px; color: #666e87; text-align: center; }
.m2wh_aBox:hover .m2wh_p1{display:none;}
.m2wh_aBox:hover .m2wh_p2{display:block;}
.m2whCon2{ padding: 105px 0px 120px; background: url(../images/m2hw_bg1.jpg) no-repeat center top; background-size: cover; }
.m2whCon2 .m2zpTmbox{ color:rgba(0,0,0,0.08); }
.m2whSwiper { position: relative; }
.m2whSwiper .prev { background: url(../images/m2wh_btn.png) no-repeat center center; height: 33px; width: 33px; position: absolute; margin-top: -16px; left: -78px; top: 50%; display: block; }
.m2whSwiper .next { background: url(../images/m2wh_btn.png) no-repeat center center; height: 33px; width: 33px; position: absolute; margin-top: -16px; right: -78px; top: 50%; display: block; transform:rotate(180deg); }
.m2wh_aBox2 .overflowHide { height: 285px; }
.m2wh_lay{ height: 100%; width: 100%; background: rgba(0,158,231,0.92); position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; display: flex; align-items: center; padding: 0px 45px; }
.m2wh_aBox2 .overflowHide:after{ content: ""; height: 1px; width: 0px; z-index: 5; background:rgba(255,255,255,0.5); position:absolute; left:50%; top:10px; transition:all 0.5s ease-in-out; }
.m2wh_aBox2:hover .overflowHide:after{left:10px; right:10px; width:auto;}
.m2wh_aBox2 .overflowHide:before{ content: ""; height: 1px; width: 0px; z-index: 5; background:rgba(255,255,255,0.5); position:absolute; right:50%; bottom:10px; transition:all 0.5s ease-in-out; }
.m2wh_aBox2:hover .overflowHide:before{left:10px; right:10px; width:auto;}
.m2wh_aBox2 .m2wh_lay:after{ content: ""; height: 0; width: 1px; z-index: 5; background:rgba(255,255,255,0.5); position:absolute; left:10px; top:50%; transition:all 0.5s ease-in-out; }
.m2wh_aBox2:hover .m2wh_lay:after{top:10px; bottom:10px; height:auto;}
.m2wh_aBox2 .m2wh_lay:before{ content: ""; height: 0; width: 1px; z-index: 5; background:rgba(255,255,255,0.5); position:absolute; right:10px; bottom:50%; transition:all 0.5s ease-in-out; }
.m2wh_aBox2:hover .m2wh_lay:before{top:10px; bottom:10px; height:auto;}
.m2wh_lay .ellipsis { font-size: 18px; font-weight: bold; color: #FFF; line-height: 40px; display: block; height: 40px; }
.m2wh_lay p { font-size: 14px; line-height: 24px; color: #FFF; margin-bottom: 26px; height:96px; overflow:hidden; }
.m2wh_lay span { line-height: 24px; text-decoration: underline; display: inline-block; height: 24px; font-size: 14px; color: #FFF; }
.m2whCon3 { padding: 105px 0px 120px; }
.m2whCon3 .m2zpTmbox{ color: #E9F0F5; }
.m2wh_sBox .overflowHide { float: left; height: 350px; width: 600px; }
.m2whc3Txt { float: right; width: 555px; padding-top: 13px; }
.m2wh_c3x1 { font-size: 30px; color: #666e87; line-height: 50px; height: 50px; }
.m2wh_c3x2 { font-size: 18px; color: #009ee7; line-height: 28px; padding-bottom: 16px; border-bottom: 1px solid #E3E3E3; }
.m2whc3Txt p { font-size: 14px; line-height: 24px; color: #666e87; padding: 48px 0px 38px; position: relative; }
.m2whc3Txt p:before{ content: ""; background: url(../images/m2wh_i6.png) no-repeat; height: 35px; width: 46px; position: absolute; left: 0px; top: 12px; }
.m2whc3Txt p:after{ content: ""; background: url(../images/m2wh_i7.png) no-repeat; height: 35px; width: 46px; position: absolute; right: 0px; bottom: 0px; }
.m2whCon3 .swiper-pagination{ text-align: left; width: 555px; height: 14px; position: absolute; left:auto; right: 0px; bottom: 25px; }
.m2whCon3 .swiper-pagination-bullet{ background: #868DA4; height: 8px; width: 8px; opacity: 1; margin: 0px 10px 0px!important; position:relative; top:0px; transition:all 0.5s ease-in-out; }
.m2whCon3 .swiper-pagination-bullet-active{ height: 10px; width: 10px; background: #009EE7; margin-top: 0px; top:1px; border-radius:0; transform:rotate(45deg); }
.m2whLayer { width: 1000px; padding: 25px 0px 60px; background: #FFF; z-index: 60; position:fixed; left:50%; top:20px; bottom:20px; margin-left:-500px; }
.m2whLay_t { font-size: 24px; color: #2a3452; line-height: 66px; border-bottom: 1px solid #E5E5E5; margin-bottom: 20px; margin-left:86px; margin-right:86px; }
.m2whLayContent { font-size: 14px; line-height: 24px; color: #666e87; padding:0; position:absolute; left:0; right:0; top:110px; bottom:65px; overflow-y:auto; }
.m2hwLyaDes{padding:0 86px;}
.m2whSwiper2 { margin-top: 24px; position: relative; padding-left:86px; padding-right:86px; }
.m2whSwiper2 .prev { background: url(../images/m2wh_btn.png) no-repeat center center; height: 33px; width: 33px; position: absolute; margin-top: -16px; left: 30px; top: 50%; display: block; }
.m2whSwiper2 .next { background: url(../images/m2wh_btn.png) no-repeat center center; height: 33px; width: 33px; position: absolute; margin-top: -16px; right: 30px; top: 50%; display: block; transform:rotate(180deg); }
.whCloseBtn{ background: url(../images/closeBtn2.png) no-repeat; position: absolute; top: 30px; right: 30px; cursor: pointer; z-index: 5; height: 32px; width: 32px; }
@media (max-width:1399px){
.m2whSwiper{padding-left:50px; padding-right:50px;}
.m2whSwiper .prev{left:0;}
.m2whSwiper .next{right:0;}
}
@media (max-width:1230px){
.m2wh_sBox .overflowHide{width:550px;}
}
@media (max-width:1199px){
.m2wh_sBox .overflowHide{width:480px;}
.m2whc3Txt{width:425px;}
.m2whCon3 .swiper-pagination{width:425px;}
.m2whLayer{ width:auto; left:25px; right:25px; margin-left:0;}
}
@media (max-width:992px){
.m2wh_p1{display:none;}
.m2wh_p2{display:block; height:72px; overflow:hidden}
.m2wh_sBox .overflowHide{width:550px; margin-left:auto; margin-right:auto; float:none; margin-bottom:25px;}
.m2whc3Txt{width:100%; float:none;}
.m2whc3Swiper{padding-bottom:50px;}
.m2whCon3 .swiper-pagination{width:100%; text-align:center; bottom:0px;}
.m2whCon3{padding-bottom:20px;}
.m2whLayer{ top:130px; bottom:130px;}
}
@media (max-width:767px){
.m2whCon1 {padding: 45px 0px 35px;}
.m2wh_p2{height:auto;}
.m2wh_aBox{padding-left:20px; padding-right:20px;}
.m2whCon2{padding-top:45px;padding-bottom:80px;}
.m2wh_lay{padding-left:20px; padding-right:20px;}
.m2wh_aBox2 .overflowHide{height:200px;}
.m2wh_lay p{margin-bottom:5px;}
.m2whCon3{ padding-bottom:40px; padding-top:45px;}
.m2wh_sBox .overflowHide{width:100%; height:220px; margin-bottom:0px;}
.m2wh_c3x2{font-size:16px;}
.m2wh_c3x1{font-size:20px;}
.m2whLayer{left:0px; right:0px; top:40px; bottom:40px;}
.m2whSwiper2 .prev{left:5px;}
.m2whSwiper2 .next{right:5px;}
.m2whSwiper2{padding-left:46px; padding-right:46px;}
.m2whLay_t{margin-left:15px; margin-right:15px; font-size:16px; font-weight:bold;}
.m2hwLyaDes{padding:0 15px;}
.whCloseBtn{right:18px;}
}

.m2ywCon { padding-top: 105px; }
.m2ywCon .m2zpTmbox{ color: #E9F0F5; }
.m2yw_ul{ margin: 0px -8px 66px; }
.m2yw_ul li{ padding: 0px 8px; margin-bottom: 16px; }
.m2yw_aBox { display: block;}
.m2yw_aBox .overflowHide{ height: 255px; }
.m2yw_st { font-size: 16px; font-weight: bold; color: #FFF; line-height: 50px; height: 112px; padding-top: 62px; background: url(../images/m2yw_bg.png) repeat-x left bottom; position: absolute; z-index: 2; width: 100%; left: 0px; bottom: 0px; text-align: center; transition:all 0.5s ease-in-out; transform:translateY(0); }
.m2ywLayer{ background: rgba(0,158,231,0.85); position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; text-align: center; color: #FFF; opacity: 0; transition: all 0.5s ease-in-out; z-index: 6; }
.m2yw_aBox:hover .m2ywLayer{opacity:1;}
.m2yw_icon{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.m2ywLayer:before{ content: ""; height: 24px; width: 24px; border-top: 2px solid #FFF; border-left: 2px solid #FFF; position: absolute; left: 80px; top: 100px; transition:all 0.3s ease-in-out; opacity:0; }
.m2ywLayer:after{ content: ""; height: 24px; width: 24px; border-top: 2px solid #FFF; border-right: 2px solid #FFF; position: absolute; right:80px; top: 100px; transition:all 0.3s ease-in-out; opacity:0; }
.m2yw_icon:before{ content: ""; height: 24px; width: 24px; border-bottom: 2px solid #FFF; border-left: 2px solid #FFF; position: absolute; left: 80x; bottom: 100px; transition:all 0.3s ease-in-out; opacity:0; }
.m2yw_icon:after{ content: ""; height: 24px; width: 24px; border-bottom: 2px solid #FFF; border-right: 2px solid #FFF; position: absolute; right: 80px; bottom: 100px; transition:all 0.3s ease-in-out; opacity:0; }
.m2yw_aBox:hover .m2ywLayer:before{ transition-delay:0.3s; opacity:1; left: 25px; top: 26px; }
.m2yw_aBox:hover .m2ywLayer:after{ transition-delay:0.3s; opacity:1; right: 25px; top: 26px; }
.m2yw_aBox:hover .m2yw_icon:before{ transition-delay:0.3s; opacity:1; left: 25px; bottom: 26px; }
.m2yw_aBox:hover .m2yw_icon:after{ transition-delay:0.3s; opacity:1; right: 25px; bottom: 26px; }
.m2yw_t1 { line-height: 38px; height: 38px; position: absolute; left: 20px; top: 54px; right: 20px; bottom: 0px; font-size: 24px; font-weight: normal; color: #FFF; text-align: center; transition: all 0.5s ease-in-out; transform: translate(50px,0px); opacity: 0; z-index: 6; }
.m2yw_p1 { position: absolute; height: 48px; left: 20px; top: 102px; right: 20px; overflow: hidden; font-size: 14px; line-height: 24px; color: #FFF; text-align: center; transition: all 0.5s ease-in-out; transform: translate(-50px,0px); opacity: 0; z-index: 6; }
.m2yw_p1 p{max-width:540px; margin:0 auto;}
.m2yw_more { width: 110px; line-height: 32px; height: 32px; font-size: 14px; font-weight: bold; position: absolute; left: 50%; bottom: 50px; text-decoration: none; color: #FFF; text-align: center; transition: all 0.5s ease-in-out; transform: translate(0px,50px); opacity: 0; text-transform: uppercase; background: url(../images/m2yw_arrow.png) no-repeat right center; padding-right: 28px; display: block; margin-left: -50px; z-index: 6; }
.m2yw_aBox:hover .m2yw_st{opacity:0; transform:translateY(50px);}
.m2yw_aBox:hover .m2yw_t1{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.m2yw_aBox:hover .m2yw_p1{opacity:1; transform:translate(0px,0px); transition-delay:0.7s;}
.m2yw_aBox:hover .m2yw_more{opacity:1; transform:translate(0px,0px); transition-delay:0.9s;}

.m2ywc1_aBox{ background: #FFF; display: block; border-top: 3px solid #57AE32; box-shadow:0 0 5px 3px rgba(0,0,0,0.1); padding: 32px 30px 25px; }
.m2ywc1_ul{ margin-bottom: 96px; text-align:center; font-size:0 }
.m2ywc1_ul li{display:inline-block; float:none; vertical-align:top; margin-bottom:30px;}
.m2ywc1_aBox strong { font-size: 18px; line-height: 26px; font-weight: bold; color: #566380; display: block; height: 26px; }
.m2yw_et { font-size: 16px; line-height: 22px; color: #009ee7; display: block; height: 22px; font-weight: bold; }
.m2ywc1_aBox .overflowHide { height: 110px; margin-bottom: 13px; }
.m2ywc1_aBox i { height: 11px; margin-bottom: 17px; border-bottom: 1px dotted #DDDDDD; display: block; }
.m2ywc1_aBox p { font-size: 14px; line-height: 24px; color: #666e87; }
.m2ywCon2 { background: url(../images/m2yw_bg2.jpg) repeat; padding: 105px 0px 88px; }
.m2ywCon2 .m2zpTmbox{ color:rgba(255,255,255,0.08);}
.m2ywCon2 .m2zp_t1{ color: #fff; }
.m2ywCon2 .m2zp_et1{ color: #fff; }
.m2ywCon2 .m2zp_des{ color: #fff; padding-left:15px; padding-right:15px; }
.m2yw_u2{text-align:center; font-size:0;}
.m2yw_u2 li{ padding: 0 30px; display:inline-block; width:380px; text-align:left; vertical-align:top; }
.m2yw_sBox2 { display: block; position: relative; padding-left: 72px; }
.m2yw_sBox2 img { position: absolute; left: 0px; top: 0px; }
.m2yw_sBox2 strong { font-size: 20px; line-height: 48px; display: block; color: #FFF; }
.m2yw_sBox2 p { background: url(../images/m2yw_si6.png) no-repeat left 8px; font-size: 14px; line-height: 24px; padding-left: 11px; color: rgba(255,255,255,0.7); }
.m2yw_sBox2:hover img{ animation: icon-bounce 0.5s alternate;}
.m2ywCon3 { padding: 105px 0px; }
.m2ywCon3 .m2zpTmbox{ color: #E9F0F5; }
.m2ywc3img { float: left; height: 396px; width: 570px; }
.m2ywc3Rx { margin-left: 606px; padding-top: 2px; }
.m2ywc3Rx dl dt { font-size: 18px; line-height: 34px; font-weight: bold; display: block; height: 34px; padding-left: 44px; margin-bottom: 4px; color: #009ee7; position: relative; }
.m2ywc3Rx dl dt span { height: 34px; width: 34px; border: 1px solid #009EE7; position: absolute; left: 0px; top: 0px; border-radius:50%; display:block; }
.m2ywc3Rx dl dd { font-size: 14px; line-height: 24px; color: #666e87; margin-bottom: 16px; }
.m2ywc3Rx dl dt span img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.m2ywc3Rx dl:hover dt span{ animation: icon-bounce 0.5s alternate;}
.m2ywc4_icon { background: url(../images/m2ywc4_bg.png) no-repeat center center; margin: 0px auto 18px; height: 120px; width: 120px; display: block; position: relative; }
.m2ywc4_icon img{ position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);}
.m2yw_c4ul li strong { line-height: 36px; text-align: center; display: block; height: 36px; font-size: 18px; color: #FFF; }
.m2yw_c3ul { text-align: center; font-size: 0px; }
.m2yw_c3ul li { padding: 0px 36px; width: 16.6666%; display: inline-block; }
.m2yw_c4ul li:hover .m2ywc4_icon{ animation: icon-bounce 0.5s alternate;}
.m2ywc3_sBox .overflowHide { height: 190px; }
.m2ywc3_sBox .ellipsis { font-size: 18px; color: #666e87; line-height: 26px; display: block; height: 26px; margin-top: 24px; }
@media (max-width:1900px){
.m2yw_c3ul{text-align:center; font-size:0;}
.m2yw_c3ul li { padding: 0px 15px; width:320px; float:none; display: inline-block; margin-bottom:30px; }
}
@media (max-width:1199px){
.m2yw_t1{font-size:20px;}
}
@media (max-width:992px){
.m2ywc1_ul li{margin-bottom:20px;}
.m2ywc3img{float:none; margin-left:auto; margin-right:auto; margin-bottom:25px;}
.m2ywc3Rx{margin-left:0;}
.m2ywCon3{padding:65px 0px;}
.m2yw_u2 li{margin-bottom:15px;}
}
@media (max-width:767px){
.m2ywCon{padding-top:35px;}
.m2ywc1_ul{margin-bottom:66px; margin-left:-15px; margin-right:-15px;}
.m2ywc1_aBox{padding-left:18px; padding-right:18px;}
.m2ywCon2{padding-top:45px; padding-bottom:45px;}
.m2ywCon3{padding-top:45px;}
.m2ywc1_aBox p{height:auto!important;}
.m2yw_sBox2 strong{font-size:18px;}
.m2ywc3img{width:100%; height:220px;}
.m2yw_u2 li{width:100%; padding:0 15px;}
.m2zpTmbox .m2zp_et1{font-size:18px; line-height:22px; margin-top:8px;}
.m2ywc4_icon{margin-bottom:8px;}
.m2yw_c4ul li{margin-bottom:18px;}
.m2ywCon3x2 .m2zp_des{padding-left:15px; padding-right:15px;}
.m2ywCon3{padding-bottom:40px;}
}

/*2018-04-03 CSS*/
.hmc2_cmr{ font-size:18px; color:#009ee7; font-weight:bold; margin-right:20px;}
.m2abt_stop{ padding: 30px 0px 90px; text-align: center; font-size: 14px; line-height: 24px; color: #666e87; }
.m2abt_stop h2{ font-size: 30px; color: #009ee7; line-height: 42px; font-weight:normal }
.m2abt_stop h4{ font-size: 18px; line-height: 28px; font-weight: bold; color: #666e87; margin-bottom: 20px; }
.m2abtMV{ height: 480px; margin-left: -50px; margin-right: -50px; position: relative; margin-bottom: 60px; cursor: pointer; }
.m2abtMV:hover i{animation: icon-bounce-round 1.0s infinite;}
.m2yw_layDes{background:rgba(0,158,231,0.85); position:absolute; left:0; top:0; width:100%; height:100%; color:#fff; padding:20px; line-height:24px; font-size:14px; line-height:24px; display:flex; align-items:center; transition:all 0.5s ease-in-out; opacity:0; transform:scale(0.6); transform-origin:center bottom;}
.m2ywc3_sBox:hover .m2yw_layDes{opacity:1; transform:scale(1);}
.m2ywBom_more{ font-size: 14px; line-height: 38px; color: #FFF; padding: 0px 0px 0px 26px; height: 38px; background: #009EE7 url(../images/m2js_arrow.png) no-repeat 116px center; width: 160px; font-weight: bold; text-transform: uppercase; display: block; margin: 25px auto 0; cursor: pointer; }
.m2ywBom_more:hover{ background: #57ae32 url(../images/m2js_arrow.png) no-repeat 116px center; }
.m2yw_c3ul li{margin-bottom:15px;}
@media (max-width:992px){
.m2abtCon .container{width:100%;}
}
@media (min-width:767px){
.hmPage2 .hmc2_cmr{transition:all 0.8s ease-in-out; transform:translate(300px,0px); opacity:0; }
.hmPage2.active .hmc2_cmr{opacity:1; transform:translate(0px,0px); transition-delay:0.9s;}
}
@media (max-width:1099px){
.m2gcLayer{width:auto; left:15px; right:15px; transform:translate(0,-50%);}
}
@media (max-height:650px){
.m2gcLayer{width:auto; left:15px; right:15px; transform:translate(0,0); top:60px; bottom:20px;}
.m2LayCon{ position:absolute; left:45px; right:45px; top:118px; bottom:50px; height:auto;}
}
@media (max-width:767px){
.m2gcLayer{padding-left:20px; padding-right:20px; padding-top:10px;}
.m2gcLay_t{font-size:16px; line-height:32px; font-weight:bold;}
.m2LayCon{left:20px; right:20px; top:88px; bottom:35px;}
.m2gcLayImg{width:100%; float:none;}
.m2gcLayDes{padding-left:0; width:100%; float:none;}
.hmc2_cmr{font-size:16px;}
.m2abt_stop{ padding: 0px 0px 50px; }
.m2abt_stop h2{ font-size: 22px; line-height: 32px; margin-bottom:5px;}
.m2abt_stop h4{ font-size: 16px; line-height: 24px; margin-bottom: 10px; }
.m2abtCon .container{padding:0}
.m2abtMV{height:200px; margin-bottom:42px;}
.m2ywBom_more{margin-top:10px; margin-bottom:10px;}
}


/*2018-04-08 CSS*/
.m2yw_layDes i{position:absolute; left:0; top:0; width:100%; height:100%;}
.m2yw_layDes:before{ content: ""; height: 18px; width: 18px; border-top: 2px solid #FFF; border-left: 2px solid #FFF; position: absolute; left: 44px; top: 55px; transition:all 0.3s ease-in-out; opacity:0; }
.m2yw_layDes:after{ content: ""; height: 18px; width: 18px; border-top: 2px solid #FFF; border-right: 2px solid #FFF; position: absolute; right:44px; top: 55px; transition:all 0.3s ease-in-out; opacity:0; }
.m2yw_layDes i:before{ content: ""; height: 18px; width: 18px; border-bottom: 2px solid #FFF; border-left: 2px solid #FFF; position: absolute; left: 44x; bottom: 55px; transition:all 0.3s ease-in-out; opacity:0; }
.m2yw_layDes i:after{ content: ""; height: 18px; width: 18px; border-bottom: 2px solid #FFF; border-right: 2px solid #FFF; position: absolute; right: 44px; bottom: 55px; transition:all 0.3s ease-in-out; opacity:0; }
.m2ywc3_sBox:hover .m2yw_layDes:before{ transition-delay:0.3s; opacity:1; left: 25px; top: 26px; }
.m2ywc3_sBox:hover .m2yw_layDes:after{ transition-delay:0.3s; opacity:1; right: 25px; top: 26px; }
.m2ywc3_sBox:hover .m2yw_layDes i:before{ transition-delay:0.3s; opacity:1; left: 25px; bottom: 26px; }
.m2ywc3_sBox:hover .m2yw_layDes i:after{ transition-delay:0.3s; opacity:1; right: 25px; bottom: 26px; }

/*2018-04-08 CSS*/
.m2lx_ul li:last-child{display:none;}
.m2lx_ul li{width:25%;}
.m2lxEditor{ font-size: 14px; line-height: 24px; color: #666e87; text-align: center; padding:0 15px 100px; max-width:1230px; margin-left:auto; margin-right:auto; margin-top:-30px;}
@media (max-width:767px){
.m2lx_ul li{width:100%;}
.m2lxEditor{ margin-top:0; padding-bottom:75px;}

}