@charset "UTF-8";

.maoDiv{display:block; position:relative; top:-50px;}
.hmFocus{height:calc(100vh - 90px); width:100%;}
.hmFocus_img{background-size:cover; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; -webkit-transform:scale(1.12); transform:scale(1.12);}
.on .hmFocus_img{ visibility: visible; -webkit-animation: scaleBg 5s linear forwards; animation: scaleBg 5s linear forwards;}
.hmFocus_item{width:100vw; height:calc(100vh - 90px); position:relative; overflow:hidden;}
.hmFocus_txt{ width:100%; color:#fff; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:2}
.hmFocus_txt img{transition:all 0.8s ease-in-out; transform:translate(150px,0px); opacity:0; } 
.hmBan_txt{ color: #fff; margin-bottom: 2.7vw; transition:all 0.8s ease; opacity:0; transform:translateY(50px); text-shadow:5px 5px 20px rgba(0,0,0,0.3); }
.hmBan_txt strong{ font-size: 56px; line-height: 78px; display: block; }
.hmBan_txt p{ font: 100 22px/44px din_light; }
.hmFocus_txt .text-left{ transition:all 0.8s ease; opacity:0; transform:translateY(60px)}
.on .hmBan_txt{opacity:1; transform:translateY(0); transition-delay:0.1s}
.on .hmFocus_txt .text-left{opacity:1; transform:translateY(0); transition-delay:0.4s}
.hmBan_more{ font-size: 16px; line-height: 46px; color: #333; height: 48px; width: 140px; text-align: center; display: inline-block; background: #F6CB36; }
.hmBan_more:hover{ transform: translateY(-5px); box-shadow: 0 5px 8px rgba(0,0,0,0.2); color:#fff; }
.on .hmFocus_txt img{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.hmFocus .slick-prev{ background: url(../images/hmBtn.png) no-repeat center center; display: inline-block; height: 40px; width: 40px; position: absolute; left: 60px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -20px; z-index: 3; transition: all 0.5s ease-in-out; opacity: 0.6; }
.hmFocus .slick-next{ background: url(../images/hmBtn.png) no-repeat center center; display: inline-block; height: 40px; width: 40px; position: absolute; right: 60px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -20px; z-index: 3; transition: all 0.5s ease-in-out; opacity: 0.6; transform: rotate(180deg); }
.hmFocus .slick-prev:hover,.hmFocus .slick-next:hover{ opacity:1;}
.hmFocus .slick-dots{bottom:58px; max-width:1200px; text-align:center; left:50%; transform:translateX(-50%);}
.hmFocus .slick-dots li button{display:none;}
.hmFocus .slick-dots li { background: #FFFFFF; display: inline-block; height: 12px; width: 12px; margin:0 6px; position: relative; border-radius: 50%; vertical-align: middle }
.hmFocus .slick-dots li.slick-active{ background:#F6CB36; width:28px; border-radius:1.8em; }
.hmFsnavBg{ background:; height: 100%; position: absolute; width: 100%; left: 0px; top: 0px; background: url(../images/banBg.png) repeat-x left top; opacity:0.4 }
.hmNext{position:absolute; left:50%; bottom:4.16vw; transform:translateX(-50%); z-index:3; color:#fff; text-align:center}
.hmNext_icon{ width:60px; height:60px; display:inline-block; position:relative; border:1px solid rgba(255,255,255,0.4); border-radius:50%;}
.hmNext_icon:before{content:""; position:absolute; left:-1px; top:-1px; right:-1px; bottom:-1px; border-radius:50%; border-left:1px solid #fff; animation:rotate .6s linear infinite;}
.hmNext_icon i{ width:1px; height:76px; background:#fff; position:absolute; left:50%; bottom:32px; animation:nextAni 1s linear infinite;}
.hmNext_icon i:after{ content:""; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #fff; position:absolute; left:50%; bottom:-3px; margin-left:-5px;}
.hmNext p{ margin-top:25px;}
.hmFocus_txt .hmBan_txt span{display:block; font-size:24px; line-height:38px; margin-top:15px; letter-spacing:8px;}
.hmFocus_video{position:absolute; left:0; top:0; right:0; bottom:0;}
.hmFocus_video video{width:100%; height:auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.hmFocus_video:after{content:""; width:100%; height:100%; background:rgba(0,0,0,0.3);  left:0; top:0; position:absolute;}
.hmFocus_video img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:110%; height:auto;}
@media (max-width:1799px){
.hmFocus,.hmFocus_item{height:calc(100vh - 76px);}
.hmBan_txt strong{ font-size: 42px; line-height: 58px; }
.hmBan_txt p{ font: 100 20px/38px din_light; }
.hmFocus_txt .container{padding-left:50px;}
.hmFocus .slick-dots{bottom:48px;}
}
@media (max-width:1379px){
.hmFocus_txt .container{padding-left:80px;}
}
@media (max-width:993px){
.hmFocus .slick-prev{left:15px;}
.hmFocus .slick-next{right:15px;}
.hmFocus,.hmFocus_item{height:600px;}
}
@media (max-width:767px){
.hmFocus .slick-prev{ background-size:16px auto; left:0px;}
.hmFocus .slick-next{ background-size:16px auto; right:0px;}
.hmFocus_txt .container{padding:0 50px;}
.hmBan_txt strong{ font-size: 24px; line-height:38px; }
.hmBan_txt p{ font: 100 16px/28px din_light; }
.hmBan_txt{margin-bottom:35px;}
.hmFocus,.hmFocus_item{height:360px;}
.hmBan_more{height:44px; line-height:44px;}
.hmFocus .slick-dots{bottom:38px;}
.hmFocus .slick-dots li { height: 8px; width: 8px; margin:0 4px; }
.hmFocus .slick-dots li.slick-active{ width:20px; }
}


.hmCon1{ padding: 5.2vw 0px; background: url(../images/hmc2bg1.png) no-repeat right bottom; }
.hmc1Lx{ float:left; width:591px;}
.hmc1Lx .overflowHide{ height: 449px; border-bottom: 3px solid #F6CB36; }
.hmc1Rx{ margin-left: 591px; padding: 5px 5.2vw 0px; }
.hmc1Tbox{ margin-bottom: 30px; padding-bottom: 17px; position:relative; }
.hmc1Tbox p{ font-size: 18px; line-height: 34px; }
.hmc1Tbox strong{ font-size: 40px; line-height: 66px; font-weight: bold; display: block; height: 66px; }
.hmc1Tbox:after{ content: ""; background: #333; height: 2px; width: 46px; position: absolute; left: 0px; bottom: 0px; }
.hmc1des{ font-size: 16px; line-height: 32px; color: #808080; margin-bottom: 35px; }
.hmc1_m{}
.hm_more{ line-height: 42px; background: #F6CB36; text-align: center; display: inline-block; height: 42px; width: 150px; font-size: 16px; color: #333; }
.hm_more:hover{ color:#333; transform:translateY(-5px); box-shadow:0 3px 5px rgba(0,0,0,0.1);}
@media (max-width:1799px){
.hmc1Lx{width:520px;}
.hmc1Lx .overflowHide{ height: 400px; border-bottom: 2px solid #F6CB36; }
.hmc1Rx{margin-left:530px; padding: 30px 4.2vw 0px;}
.hmc1Tbox p{ font-size: 16px; line-height: 28px; }
.hmc1Tbox strong{ font-size: 30px; line-height: 50px; height: 52px; }
}
@media (max-width:1199px){
.hmc1Rx{padding-top:0;}
}
@media (max-width:993px){
.hmc1Lx{ display:none}
.hmCon1{padding:60px 0;}
.hmc1Rx{margin-left:0; padding:0;}
.hmc1des{margin-top:25px;}
}
@media (max-width:767px){
.hmCon1{padding:50px 0;}
.hmc1Tbox {text-align:center;}
.hmc1Tbox strong{ font-size: 24px; line-height: 40px; height:42px; }
.hmc1Tbox:after{left:50%; margin-left:-23px;}
.hmc1des{font-size:15px; line-height:28px; margin-bottom:15px;}
}


.hmCon2{ position: relative; }
.hmc2Swiper,.hmc2item{height: 46.87vw; position:relative;}
.hmc2item .bgImg{ position:absolute; left:0; width:100%; bottom:0; top:0;}
.hmc2Layer{ position: absolute; left: 0; width: 100%; bottom: 0; top: 0; padding-top: 4.68vw; }
.hmPubTbox{ text-align:center;}
.hmPubTbox strong{ font-size: 40px; line-height: 50px; font-weight: normal; display: block; }
.hmPubTbox p{ font-size: 16px; line-height: 32px; margin-top: 9px; }
.hmCon2 .hmPubTbox strong,.hmCon2 .hmPubTbox p{color:#fff;}
.hmc2Btns{ position: absolute; bottom: 70px; width:100%; }
.hmc2Ba{ float: left; width: 33.33%; border-bottom: 1px solid #F6CB36; height: 117px; padding-top: 30px; color:#fff; position:relative; }
.hmc2Ba:after{content:""; height: 117px; background:rgba(255,255,255,0.3); transition:all 0.5s ease-in-out; position:absolute; left:0; bottom:0; right:0;}
.hmc2Ba:hover:after,.hmc2Ba.on:after{ height:192px; background:rgba(246,203,54,0.85); }
.hmc2Ba:hover,.hmc2Ba.on{color:#333;}
.hmc2Ba:before{content:""; height:60px; width:1px; background:rgba(255,255,255,0.15); transition:all 0.5s ease-in-out; position:absolute; right:-1px; top:50%; margin-top:-30px;}
.hmc2Ba:hover:before,.hmc2Ba.on:before{opacity:0;}
.hmc2_st{ text-align:center; color:#fff; position:absolute; left:0; width:100%; top:30px; transition:all 0.5s ease-in-out;}
.hmc2_st div{display:inline-block; text-align:left}
.hmc2_st strong{ font-size: 20px; font-weight: normal; display: block; line-height: 30px; }
.hmc2_st p{ font-size: 12px; line-height: 24px; color:rgba(255,255,255,0.6);}
.hmc2Ba:hover .hmc2_st{ opacity:0;}
.hmc2_layt{ padding: 0px 30px; position: absolute; width: 100%; left: 0px; right: 0px; bottom: 0px; transition:all 0.5s ease-in-out; z-index:3; opacity:0; color:#000;}
.hmc2Ba:hover .hmc2_layt,.hmc2Ba.on .hmc2_layt{ opacity:1;}
.hmc2_layt strong{ font-size: 20px; font-weight: normal; display: block; line-height: 30px; }
.hmc2_layt p{ font-size: 12px; line-height: 24px; color:#000;}
.hmc2_layt i{height:1px; display:block; background:rgba(255,255,255,0.3); margin-top: 26px; transition:all 0.5s ease-in-out; width:0%;}
.hmc2Ba:hover .hmc2_layt i,.hmc2Ba.on .hmc2_layt i{ width:100%;}
.hmc2tm{ line-height: 74px; height: 74px; font-size: 14px; color: #333; background: url(../images/hmc3_ar.png) no-repeat right center; }
.hmc2Btns .hmc2Ba:last-child:before{display:none;}
.hmCon2{overflow:hidden;}
.hmc2item{position:relative;}
.hmc2video{ position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.5s ease-in-out; opacity:0;}
.hmc2video video{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:auto;}
.hmc2video:after{ content:""; background:rgba(0,0,0,0.4); position:absolute; left:0; top:0; bottom:0; right:0;}
.hmc2_Videos{position:absolute; left:0; top:0; width:100%; height:100%;}
.hmc2video.on{ opacity:1}
@media (max-width:1799px){
.hmPubTbox strong{ font-size: 32px; line-height: 40px; }
.hmPubTbox p{ font-size: 16px; line-height: 30px;}
.hmc2Ba{height: 100px; padding-top: 20px;}
.hmc2Ba:after{height: 100px; }
.hmc2_st{top:22px;}
}
@media (max-width:993px){
.hmc2Swiper,.hmc2item{height:600px;}
.hmc2Layer{padding-top:60px;}
}
@media (max-width:767px){
.hmPubTbox strong{font-size:24px; line-height:36px; height:36px;}
.hmc2_layt{display:none;}
.hmc2_st{opacity:1!important; z-index:3;}
.hmc2Ba:after{ background:rgba(0,0,0,0.3)!important;}
.hmc2Ba{width:100%; float:none; display:block; margin-top:1px;}
.hmc2Ba:after{height: 100px!important; }
.hmc2Layer{padding-top:50px;}
}


.hmCon3{ padding: 5.2vw 0px; background: #f9f9fa; }
.hmc3ul{ display:flex; margin-top:2.6vw;}
.hmc3ul li{ transition:all 0.5s linear; width:30%;}
.hmc3ul li.on{ width:90%;}
.hmc3aBox{ display:block; position:relative}
.hmc3aBox .overflowHide{ height:420px;}
.hmc3aBox .overflowHide:after{content:""; background:rgba(0,0,0,0.65); position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.5s ease-in-out;}
.hmc3ul li.on .hmc3aBox .overflowHide:after{ background:rgba(0,0,0,0.2); }
.hmc3des{ position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%); color:#fff; text-align:center; z-index:3; padding:0; transition: all 0.5s ease-in-out;}
.hmc3des strong{ font-size: 18px; line-height: 36px; transition: all 0.5s ease-in-out; font-weight: normal; display: block; }
.hmc3des p{ line-height: 24px; height:0; overflow: hidden; font-size: 16px; transition: all 0.5s ease-in-out; opacity:0; transform:translateY(30px) }
.hmc3more{ text-align:center; margin-top:3.12vw}
.hmc3ul li.on .hmc3des strong{ font-size: 30px; line-height: 40px; display: block; margin-bottom: 16px; }
.hmc3ul li.on .hmc3des p{ opacity:1; height:72px; transform:translateY(0); transition-delay:0.3s}
.hmc3ul li.on .hmc3des{ padding:0 4.42vw;}
@media (max-width:1799px){
.hmc3ul li.on .hmc3des strong{font-size:26px;}
.hmc3des p{font-size:14px;}
.hmc3aBox .overflowHide{height:366px;}
}
@media (max-width:993px){
.hmCon3{ padding:60px 0px; }
}
@media (max-width:767px){
.hmCon3{padding:50px 0 60px;}
.hmPubTbox p{margin-top:4px;}
.hmc3ul{margin-top:20px; display:block; margin-left:-15px; margin-right:-15px; margin-bottom:30px;}
.hmc3ul li{width:50%!important; float:left}
.hmc3ul li .hmc3des strong{ font-size: 22px; line-height: 40px; display: block; margin-bottom: 6px; }
.hmc3ul li .hmc3des p{ opacity:1; height:72px; transform:translateY(0); transition-delay:0.3s; height:auto!important;}
.hmc3ul li .hmc3des{ padding:0 4.42vw;}
.hmc3ul li.on .hmc3des strong{font-size:22px!important; margin-bottom:6px;}
.hmc3ul li.on .hmc3aBox .overflowHide:after{ background:rgba(0,0,0,0.65); }
.hmc3Swiper_m {margin-top:25px; margin-bottom:25px;}
.hmc3Swiper_m .slick-dots{bottom:38px; max-width:1200px; text-align:center; left:50%; transform:translateX(-50%);}
.hmc3Swiper_m .slick-dots li button{display:none;}
.hmc3Swiper_m .slick-dots li { background: #FFFFFF; display: inline-block; height: 8px; width: 8px; margin:0 4px; position: relative; border-radius: 50%; vertical-align: middle }
.hmc3Swiper_m .slick-dots li.slick-active{ background:#F6CB36; width:20px; border-radius:1.8em; }
.hmc3des p{ opacity:1; height:72px; transform:translateY(0); transition-delay:0.3s; padding-left:25px; padding-right:25px;}
.hmc3des strong{font-size:21px; margin-bottom:12px;}
}


.hmCon4{ background: url(../images/hmc4bg.jpg) no-repeat center center; background-size: cover; height: 575px; }
.hmc4Lx{ float:left; position:relative; height:575px; width:530px; color:#fff;}
.hmc4LxDes{ position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); font-size: 16px; line-height: 30px; }
.hmc4LxDes strong{ font-size: 40px; font-weight: normal; line-height: 52px; display: block; margin-bottom: 28px; position: relative; }
.hmc4LxDes p{}
.hmc4LxDes strong:after{ content: ""; background: #F6CB36; height: 2px; width: 24px; position: absolute; left: 0px; bottom: -14px; }
.hmc4Rx{ position:relative; float:right; margin-top:82px; right:-50px;}
.hmc4_absImg{ position:absolute; left:0; top:0; animation:hmc4ani 6s linear infinite; opacity:0}
@keyframes hmc4ani {
0% {
 opacity:0;
 transform:translateY(8px)
}
10% {
 opacity:1;
}
50% {
 opacity:1;
}
80% {
 opacity:0;
 transform:translateY(-8px)
}
}
.hmc4Rx img:nth-child(2){ animation-delay:0s}
.hmc4Rx img:nth-child(3){ animation-delay:2s}
.hmc4Rx img:nth-child(4){ animation-delay:4s}
@media (max-width:1799px){
.hmCon4,.hmc4Lx{ height: 475px; }
.hmc4LxDes strong{ font-size: 32px; line-height: 46px; }
.hmc4LxDes{font-size:15px;}
.hmc4Rx img{width:600px;}
}
@media (max-width:1199px){
.hmc4Lx{width:325px;}
}
@media (max-width:993px){
.hmc4Rx img{width:385px;}
.hmCon4,.hmc4Lx{ height: 375px; }
}
@media (max-width:767px){
.hmCon4{background-size:cover; overflow:hidden; height:auto;}
.hmc4LxDes{position:static; transform:translate(0,0); padding-top:50px;}
.hmCon4, .hmc4Lx{height:auto; float:none}
.hmc4LxDes strong{font-size:24px; line-height:40px;}
.hmc4Rx img{width:100%;}
.hmc4Rx{width:100%; float:none; right:0; margin-top:25px;}
}


.hmCon5Wpr{ background: #F5F6FA; height: 170px; }
.hmc5ul{ position:relative;}
.hmc5ul i{ height:170px; position:absolute; display:block; left:0; top:0; width:0%; border-top:2px solid #F5C51D; border-bottom:2px solid #F5C51D; transition:all 0.5s ease-in-out;}
.hmc5ul ul{position:relative; z-index:2; overflow:hidden}
.hmc5ul li{ width:14.28%; float:left; text-align:center;}
.hmc5a{ display:block; padding-top:41px; height:170px;}
.hmc5a span{ display:inline-block; transition:all 0.5s ease-in-out;}
.hmc5ul li:hover .hmc5a span{transform:rotateY(360deg);}
.hmc5a p{ font-size: 16px; line-height: 40px; color:#333; }
@media (max-width:1799px){
.hmc5a{ padding-top:20px; height:120px;}
.hmCon5Wpr,.hmc5ul i{height:130px;}
}
@media (max-width:767px){
.hmc5ul i{display:none;}
.hmc5ul{font-size:0; text-align:center;}
.hmc5ul li{width:25%; display:inline-block; float:none;}
.hmCon5Wpr{height:auto; padding:35px 0}
.hmc5a{padding-top:0; height:95px;}
.hmc5a p{font-size:15px; line-height:32px; height:32px;}
.hmc5a img{width:42px; height:auto;}
}


.hmCon6{ padding: 5.2vw 0px; }
.hmc6_t{ font-size: 40px; font-weight: normal; text-align:center; line-height: 52px; display: block; margin-bottom: 28px; position: relative; }
.hmc6_t:after{ content: ""; background: #F6CB36; height: 2px; width: 24px; position: absolute; left: 50%; margin-left:-12px; bottom: -14px; }
.hmc6tab{ text-align: center; margin-top:; margin: 45px 0px 30px; }
.hmc6tab a{ line-height: 36px; color: #ACB7C4; display: inline-block; padding: 0px 16px; height: 38px; font-size: 16px; border: 1px solid #acb7c4; margin: 0px 6px; }
.hmc6tab a.on{ color: #333; background: #F5C51D; border: 1px solid #F5C51D; }
.hmc6Swipers{ position: relative; margin: 0px -25px; padding-bottom:60px; }
.hmc6Swiper{ position:absolute; left:0; top:0; transition:all 0.5s ease-in-out; opacity:0; visibility:hidden; width:100%;}
.hmc6Swipers .hmc6Swiper:nth-child(1){ position:relative;}
.hmc6Swiper.on{ opacity:1; visibility:visible;}
.hmc6aBox{ display:block;}
.hmc6aBox:hover{box-shadow:0 3px 6px rgba(0,0,0,0.08);}
.hmc6aBox .overflowHide{ height: 269px; }
.hmc6bom{ height: 163px; border-top: 2px solid #F5C51D; padding: 20px 30px 0px; background: #FFF; border-right: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; border-left: 1px solid #E8E8E8; }
.hmc6bom p{ font-size: 16px; line-height: 48px; color: #555555; }
.hmc6bom strong{ font-size: 16px; line-height: 24px; font-weight: normal; display: block; height: 48px; overflow: hidden; }
.hmc6item{ padding:10px 25px;}
.hmc6Swiper .slick-dots{bottom:-60px; text-align:center;}
.hmc6Swiper .slick-dots li button{display:none;}
.hmc6Swiper .slick-dots li { background: #adadad; display: inline-block; height: 12px; width: 12px; margin:0 6px; position: relative; border-radius: 50%; vertical-align: middle }
.hmc6Swiper .slick-dots li.slick-active{ background:#F6CB36; width:28px; border-radius:1.8em; }
@media (max-width:1799px){
.hmc6_t{font-size:32px;}
.hmc6item{ padding:10px 10px;}
.hmc6Swipers{margin: 0px -10px; padding-bottom:40px;  }
.hmc6aBox .overflowHide{height:235px;}
.hmc6bom{ height: 150px; padding: 15px 20px 0px;}
.hmc6bom strong{font-size:15px;}
.hmc6Swiper .slick-dots{bottom:-40px;}
}
@media (max-width:993px){
.hmCon6{padding:60px 0;}
}
@media (max-width:767px){
.hmCon6{padding:50px 0;}
.hmc6_t{font-size:24px; line-height:42px;}
}


.hmCon7{ background: #f5f8fb; padding: 5.2vw 0px; }
.hmc7_t{ font-size: 40px; font-weight: normal; text-align:center; line-height: 52px; display: block; margin-bottom: 28px; position: relative; }
.hmc7_t:after{ content: ""; background: #F6CB36; height: 2px; width: 24px; position: absolute; left: 50%; margin-left:-12px; bottom: -14px; }
.hmc7_des{ font-size: 16px; max-width: 750px; margin: 2.12vw auto 0; line-height: 30px; text-align: center; }
.hmc7logos{ margin-top: 2.86vw; }
.hmc7_slogo img{ transition:all 0.5s ease-in-out;}
.str_wrap { overflow: hidden;  //zoom:1;
width: 100%; font-size: 12px; line-height: 16px; position: relative; -moz-user-select: none; -khtml-user-select: none; user-select: none; white-space: nowrap; }
.str_move { white-space: nowrap; position: absolute; top: 0; left: 0; cursor: move; }
.str_move_clone { display: inline-block;  //display:inline;
 //zoom:1;
vertical-align: top; position: absolute; left: 100%; top: 0; }
.str_vertical .str_move_clone { left: 0; top: 100%; }
.str_down .str_move_clone { left: 0; bottom: 100%; }
.str_vertical .str_move, .str_down .str_move { white-space: normal; width: 100%; }
.str_static .str_move, .no_drag .str_move, .noStop .str_move { cursor: inherit; }
.str_wrap img { max-width: none !important; }
.hmc7_slogo img{height:265px; width:auto; max-width:none}
.hmc7_slogo{ display:inline-block;}
@media (max-width:1799px){
.hmc7_t{font-size:32px;}
.hmc7_des{font-size:15px;}
}
@media (max-width:993px){
.hmCon7{padding:60px 0;}
}
@media (max-width:767px){
.hmc7_t{font-size:24px; line-height:42px;}
.hmCon7{padding:50px 0;}
.hmc7_des{font-size:14px; line-height:24px;}
}


.m2banner{ position: relative; }
.m2banner .bgImg { height: 28.12vw; }
.m2banTxt{ text-align: center; width: 100%; position: absolute; z-index: 2; left: 0px; top: 50%; transform:translateY(-50%); color:#fff;}
.m2banTxt strong{ font-size: 40px; line-height: 52px; font-weight: normal; display: block; }
.m2banTxt p{ font-size: 18px; text-transform: uppercase; line-height: 30px; margin-top: 10px; padding-bottom: 18px; position:relative }
.m2banTxt p:after{ content: ""; background: #FFF; height: 2px; width: 16px; margin-left: -8px; position: absolute; left: 50%; bottom: 0px; }
.m2banTxt h6{ font-size: 40px; line-height: 52px; font-weight: normal; display: block; }
.m2banTxt h6:after{ content: ""; background: #FFF; height: 2px; width: 16px; margin-left: -8px; position: absolute; left: 50%; bottom: -10px; }
.m2posWpr{ position: relative; margin-top: -45px; }
.m2pos{ background:#fff; line-height: 90px; height: 90px; box-shadow:0 5px 8px rgba(0,0,0,0.1); padding:0 2.86vw; overflow:hidden}
.m2menu{float:left;}
.m2menu_a{ font-size: 18px; color: #888888; display: inline-block; position: relative; margin-right: 2vw; }
.m2menu_a.on,.m2menu_a:hover{ color: #333; }
.m2menu_a:after{content:""; width:0%; height:4px; background:#f5c51d; transition:all 0.5s ease-in-out; position:absolute; left:50%; bottom:0}
.m2menu_a.on:after,.m2menu_a:hover:after{width:100%; left:0;}
.m2posInfo{ float: right; background: url(../images/m2pos_i.png) no-repeat left center; padding-left: 28px; font-size: 16px; color: #999999; }
.m2posInfo_a{ color: #999999}
@media (max-width:1799px){
.m2banTxt strong{ font-size: 32px; line-height: 40px; }
.m2banTxt p{ font-size: 16px; line-height: 28px; }
.m2banTxt h6{font-size:32px;}
.m2menu_a{ font-size: 16px; margin-right:1.2vw; }
.m2pos{line-height:80px; height:80px;}
.m2posInfo{font-size:15px;}
}
@media (max-width:993px){
.m2posInfo{display:none;}
.m2menu{float:none; width:100%; text-align:center;}
.m2menu_a{margin:0 8px;}
}
@media (max-width:767px){
.m2banner .bgImg{height:200px;}
.m2posWpr{margin-top:0;}
.m2posWpr .container{padding:0;}
.m2pos{height:auto; padding:18px 0 10px; line-height:40px;}
.m2menu_a{ line-height:40px; height:40px;}
.m2menu_a:after{height:2px;}
.m2banTxt strong{font-size:26px;}
}


.m2nWpr{ padding-top: 3.9vw; }
.m2nul{ margin: 0px -18px 1.24vw; }
.m2nul li{ padding: 0px 18px; margin-bottom: 35px; }
.m2naBox{display:block; background:#fff;}
.m2naBox:hover{transform:translateY(-8px); box-shadow:0 5px 16px rgba(0,0,0,0.08);}
.m2naBox .overflowHide{ height: 275px; }
.m2nBom{ border-right: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; border-left: 1px solid #EEEEEE; padding: 20px 25px 0px; }
.m2nBom h6{ font: normal 16px/32px din; display: block; color: #333; }
.m2nBom strong{ font-size: 18px; line-height: 42px; display: block; height: 42px; }
.m2nBom p{ font-size: 14px; line-height: 26px; height:52px; overflow:hidden; color: #9fa19f; }
.m2nBms{ margin-top: 26px; border-top: 1px solid #EEEEEE; position: relative; line-height: 62px; height: 62px; font-size: 15px; }
.m2nBms span{ color:#8a8c8a;}
.m2nBms:before{content:""; background: url(../images/m2n_ar1.png) no-repeat center center; display: inline-block; height: 6px; width: 25px; position: absolute; top: 50%; right: 0px; margin-top: -3px; transition:all 0.5s ease-in-out;}
.m2nBms:after{content:""; background: url(../images/m2n_ar1a.png) no-repeat center center; display: inline-block; height: 6px; width: 25px; position: absolute; top: 50%; right: 0px; margin-top: -3px; transition: all 0.5s ease-in-out; opacity: 0; }
.m2naBox:hover .m2nBms span{ color: #f5c51d; }
.m2naBox:hover .m2nBms:before{opacity:0;}
.m2naBox:hover .m2nBms:after{opacity:1;}
@media (max-width:1799px){
.m2nul{ margin: 0px -12px 1.24vw; }
.m2nul li{ padding: 0px 12px; margin-bottom: 24px; }
.m2naBox .overflowHide{height:235px;}
.m2nBom strong{font-size:16px;}
}
@media (max-width:767px){
.m2nul{margin-top:35px;}
.m2nBom p{max-height:78px; height:auto;}
}


.m3nTop{ height:79.62vh; position:absolute; left:0; top:90p; width:100%;}
.m3nWpr { position: relative; z-index: 1; min-height:79.62vh; }
.m3nWpr h4 { font-size: 22px; color: #FFF; display: block; line-height: 42px; padding-top: 9.25vh; }
.m3ntm { color: #FFF; font-size: 14px; line-height: 26px; margin: 18px 0px; }
.m3nWpr h2 { font-size: 42px; color: #FFF; line-height: 70px; font-weight: normal; display: block; }
.m3nTags { font-size: 14px; line-height: 36px; color: #FFF; margin: 4.62vh 0px 3.24vh; }
.m3nTags span *{vertical-align:middle;}
.m3nTags span img{margin-right:8px;}
.m3nTags span{ display:inline-block; margin-right:40px;}
.m3Content{ position: relative; background: #FFF; padding: 6.01vh 2.34vw 9.25vh; }
.m3nEditor{ font-size: 18px!important; line-height: 36px!important; color: #808080; min-height: 800px; border-bottom: 1px solid #EDEDED; margin-bottom: 6.01vh; padding-bottom: 5.55vh; }
.m3nBack { background: #FFF; text-align: center; margin-bottom:5.79vh; }
.m3nBack_a{ line-height: 22px; text-align: center; padding-top: 53px; height: 100px; width: 100px; font-size: 14px; color: #FFF; background: #f5c51d url(../images/back_icon.png) no-repeat center 24px; display: inline-block; border-radius: 50%; box-shadow: 0 10px 25px rgba(245,197,29,0.4); }
.m3nBack_a:hover{transform:translateY(-10px); color:#fff;}
.m3page { margin: 0px -12px 0; }
.m3page_a { background: #FFF; padding: 2.96vh 1.56vw 2.59vh; display: block; border-top: 3px solid #333; border-right: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; border-left: 1px solid #E6E6E6; }
.m3page_a:hover { border-top: 3px solid #f5c51d; color: #0157ce; transform:translateY(-10px); box-shadow: 0 2px 25px rgba(0,0,0,0.1); }
.m3page_a strong { font-size: 20px; line-height: 32px; font-weight: 100; display: block; color: #333; }
.m3page_a .ellipsis { font-size: 16px; line-height: 28px; height: 28px; color: #666666; transition:all 0.5s ease-in-out; }
.m3page_a:hover .ellipsis { color:#f5c51d;}
.m3nShare{ width: 42px; position: absolute; left: -70px; top: 520px; }
.m3nShare_more{ display: inline-block; height: 42px; width: 42px; background: #fdfbe5 url(../images/m3n_i3.png) no-repeat center center; border-radius: 0.3em; margin-bottom: 20px; position: relative; }
.m3nShare_more:after{ content: ""; background: #E6E6E6; height: 1px; width: 42px; position: absolute; left: 0px; bottom: -20px; }
.m3nShare_more:hover{ background: #f5c51d url(../images/m3n_i3a.png) no-repeat center center; }
.m3nShare_wechat{ background: url(../images/m3n_si1.png) no-repeat center center; height: 42px; width: 42px; margin-top: 8px; display: inline-block; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:0.5;}
.m3nShare_sina{ background: url(../images/m3n_si2.png) no-repeat center center; height: 42px; width: 42px; margin-top: 8px; display: inline-block;-webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:0.5; }
.m3nShare_qq{ background: url(../images/m3n_si3.png) no-repeat center center; height: 42px; width: 42px; margin-top: 8px; display: inline-block;-webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:0.5; }
.m3nShare_wechat:hover,.m3nShare_sina:hover,.m3nShare_qq:hover{-webkit-filter: grayscale(0%); filter: grayscale(0%); opacity:1;}
.m3nBt{ font-size: 24px; line-height: 44px; margin-bottom: 22px; }
@media (min-width:1199px){
.m3nShareFixed{position:fixed; top:130px;}	
}
@media (max-width:1799px){
.m3nEditor{font-size:16px; line-height:30px;}
.m3nShare{ width: 36px; left: -55px; top: 286px; }
.m3nShare_more{height: 36px; width: 36px; }
.m3nShare_more:after{ width: 36px; }
.m3nShare_wechat{height: 36px; width: 36px;}
.m3nShare_sina{ height: 36px; width: 36px; }
.m3page_a strong{font-size:18px;}
.m3page_a .ellipsis{font-size:14px;}
.m3nBt{font-size:21px;}
.m3nWpr h2 { font-size: 32px; line-height:54px; }
}
@media (max-width:1379px){
.m3nShare{left:-22px;}
}
@media (max-width:1199px){
.m3nShare{position:static; background:#fff; padding-left:45px; width:100%; margin-top:-15px; height:40px;}
.m3nShare_more{margin-bottom:0; margin-right:20px;}
.m3nShare_more:after{display:none;}
.m3nShare_wechat,.m3nShare_sina{margin-top:0; margin-right:20px;}
}
@media (max-width:993px){
.m3nShare{display:block!important; padding-left:0; opacity:1!important;}
}
@media (max-width:767px){
.m3nBack_a{transform:scale(0.8)!important;}
.m3nWpr h4{padding-top:35px; font-size:20px; line-height:38px;}
.m3ntm { margin: 10px 0px; }
.m3nWpr h2 { font-size: 22px; line-height:38px; }
.m3nTags { font-size: 13px; line-height: 30px; margin: 2.62vh 0px 2.24vh; }
.m3nTags span img{margin-right:6px;}
.m3nTags span{ margin-right:20px;}
.m3nTags span:last-child{margin-right:0;}
.m3nEditor{font-size:15px!important; line-height:28px!important; padding:35px 5px;}
}


.m2ryWpr{ padding-top: 4.16vw; }
.m2put_t{ font-size: 36px; line-height: 50px; text-align: center; }
.m3menu{ text-align: center; margin-top: 25px; }
.m3menu_a{ font-size: 16px; line-height: 36px; color: #acb7c4; display: inline-block; border:1px solid #D5DBE1; margin: 0px 8px; padding: 0px 32px; height: 38px; }
.m3menu_a:hover,.m3menu_a.on{ color: #555555; background: #F5C51D; border: 1px solid #F5C51D; }
.m2ryul{ margin: 3.12vw -1.25vw 2.56vw; }
.m2ry_aBox{ display: block; cursor: default; box-shadow: 0 5px 15px rgba(0,0,0,0.08); padding: 13px 13px 0px; }
.m2ryul li{ padding:0 1.25vw; margin-bottom:2.6vw}
.m2ry_aBox strong{ font-size: 16px; line-height: 3.64vw; text-align: center; padding: 0px 15px; height: 3.64vw; overflow: hidden; font-weight: normal; color: #636363; }
.m2ry_aBox:hover{transform:translateY(-10px);}
@media (max-width:1799px){
.m2put_t{ font-size: 30px; line-height: 42px; }
}
@media (max-width:993px){
.m2ry_aBox strong{line-height:56px; height:56px;}
.m2ryWpr{padding:60px 0;}
}

.m2dsCon1Wpr{ background: url(../images/m2dsz_bg1.png) no-repeat center bottom; padding: 5.2vw 0px; }
.m2dsCon1{ padding: 0px 3.12vw; }
.m2dsc1Lx{ width:calc(100% - 490px); float:left; padding-top:2.34vw;}
.m2dsc1Lx h4{ font-size: 30px; line-height: 50px; font-weight: normal; display: block; margin-bottom: 25px; }
.m2dsc1_des{ font-size: 18px; line-height: 44px; margin-bottom: 3.12vw; }
.m2dsc1_nms{ font-size: 18px; line-height: 44px; }
.m2dsc1_nms text,.m2dsc1_nms img{ vertical-align:middle}
.m2dsc1_nms img{margin-left:15px;}
.m2dsc1Rx{ width:490px; float:right;}
.m2dsCon2Wpr{ background: #f5f5f5; padding: 4.16vw 0px 4.68vw; }
.m2dsTab{ text-align: center; height: 40px; margin-bottom: 3.38vw; line-height: 40px; }
.m2dsTab a{ font-size: 18px; line-height: 40px; color: #FFF; background: #343539; display: inline-block; margin: 0px 6px; padding: 0px 24px; }
.m2dsTab a.on,.m2dsTab a:hover{ background: #F5C51D; color: #333; }
.m2dsSwipers{ height: 415px; position: relative; }
.m2dsSwiper{ height: 415px; width:100%; position:absolute; left:0; top:0; opacity:0; visibility:hidden; transition:all 0.5s ease-in-out;}
.m2dsSwiper.on{ opacity:1; visibility:visible;}
.m2dsul li{ width:474px; padding-right:20px; float:left;}
.m2ds_aBox{ display:block;}
.m2ds_aBox .overflowHide{ height:271px;}
.m2ds_aBox p{ font-size: 16px; line-height: 32px; margin-top: 10px; height: 96px; overflow: hidden; }
@media (max-width:1799px){
.m2dsc1Rx{ width:380px;}
.m2dsc1Lx h4{ font-size:28px; line-height: 46px; margin-bottom: 20px; }
.m2dsc1_des{ font-size: 15px; line-height: 32px; }
.m2dsc1_nms{ font-size: 16px; line-height: 36px; }
.m2dsul li{width:388px;}
.m2ds_aBox .overflowHide{height:220px;}
.m2dsSwipers,.m2dsSwiper{height:355px;}
}
@media (max-width:993px){
.m2dsc1Lx{width:100%; float:none}
.m2dsc1_des{margin-top:25px;}
.m2dsc1Lx h4{text-align:center;}
.m2dsc1Lx .dsPadPhone{text-align:center;}
.m2dsCon2Wpr{padding:60px 0;}
}
@media (max-width:767px){
.m2dsCon1{padding-top:18px;}
.m2dsc1Lx h4{font-size:24px;}
.m2dsTab{ height:auto; margin-bottom:25px;}
.m2dsTab a{margin-bottom:12px;}
.m2dsul li{width:300px;}
.m2ds_aBox .overflowHide{height:180px;}
.m2dsSwipers,.m2dsSwiper{height:315px;}
}

.m2areaWpr{ margin-top:-45px;}
.m2areaCon1{ background: url(../images/m2ar_bg1.jpg) no-repeat fixed center center; color: #FFF; padding: 7.81vw 0px 5.62vw; }
.m2areaCon2{ background: url(../images/m2ar_bg2.jpg) no-repeat fixed center center; color: #FFF; padding: 5.72vw 0px 5.62vw; }
.m2areaCon3{ background: url(../images/m2ar_bg3.jpg) no-repeat fixed center center; color: #FFF; padding: 5.72vw 0px 5.62vw; }
.m2areaCon h4{ font-size: 36px; line-height: 50px; font-weight: normal; display: block; text-align:center}
.m2areaCon h6{ font-size: 16px; line-height: 30px; text-align: center; margin: 16px 0px 25px; color: rgba(255,255,255,0.7); font-weight: normal; display: block; }
.m2areaTags{ text-align:center; margin-bottom:2.81vw;}
.m2areaTags span{ font-size: 16px; line-height: 38px; color: #FFF; display: inline-block; padding: 0px 16px; height: 38px; background: rgba(255,255,255,0.4); margin: 0px 10px 10px; }
.m2areaTags span:hover{}
.m2areaSwiper{ position:relative; margin:0 -15px;}
.m2area_sitem{ padding:0 15px;}
.m2area_aBox{ display:block;}
.m2area_aBox .overflowHide{ height:277px;}
.m2area_aBox .overflowHide:after{content:""; transition:all 0.5s ease-in-out; opacity:0; background:rgba(0,0,0,0.4); position:absolute; left:0; top:0; right:0; bottom:0;}
.m2areaLayer{ position:absolute; left:0; width:100%; top:50%; transform:translateY(-40%); z-index:3; transition:all 0.5s ease-in-out; text-align:center; opacity:0; }
.m2areaLayer p{ font-size: 16px; line-height: 32px; padding: 0px 40px; max-height: 96px; overflow: hidden; margin-bottom: 34px; color:#fff; }
.m2areaLayer span{ font-size: 16px; line-height: 42px; color: #000; background: #F5C51D; text-align: center; display: inline-block; height: 42px; width: 136px; }
.m2area_aBox strong{ font-size: 18px; color: #FFF; line-height: 78px; font-weight: normal; display: block; height: 78px; }
.m2area_aBox:hover .m2areaLayer{opacity:1; transform:translateY(-50%)}
.m2area_aBox:hover .overflowHide:after{opacity:1;}
.m2areaSwiper .slick-prev{ background: url(../images/m2ar_ar.png) no-repeat center center; display: inline-block; height: 35px; width: 20px; position: absolute; left: -95px; top: 50%; margin-top:-58px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer }
.m2areaSwiper .slick-next{background: url(../images/m2ar_ar.png) no-repeat center center; display: inline-block; height: 35px; width: 20px; position: absolute; right: -95px; top: 50%; margin-top:-58px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer;  transform:rotate(180deg);}
.m2areaSwiper .slick-dots{bottom:-20px;}
.m2areaSwiper .slick-dots li button{display:none;}
.m2areaSwiper .slick-dots li { background: #fff; display: inline-block; height: 10px; width: 10px; margin: 0px 5px; position: relative; border-radius:50%; vertical-align:middle}
.m2areaSwiper .slick-dots li.slick-active{ background: #F5C51D;width: 28px; border-radius:1.8em; }
@media (max-width:1799px){
.m2areaCon h4{ font-size: 30px; line-height: 46px;}
.m2areaCon h6{ font-size: 15px; line-height: 28px;}
.m2areaLayer p{font-size:15px; line-height:30px; max-height:90px;}
.m2area_aBox strong{ font-size: 16px; line-height: 68px; height: 68px; }
.m2area_aBox .overflowHide{height:258px;}
.m2areaTags span{font-size:15px; margin:0px 6px;}
}
@media (max-width:1199px){
.m2areaTags span{margin-bottom:12px;}
}
@media (max-width:993px){
.m2areaCon1{padding:90px 0 80px;}
.m2areaCon2,.m2areaCon3{padding:60px 0 80px;}
.m2areaCon {background-attachment:local;}
}
@media (max-width:767px){
.m2areaCon h4{font-size:24px;}
.m2area_aBox .overflowHide{height:200px;}
}

.m2lxCon1{ background: url(../images/m2lx_bg.jpg) no-repeat center center; padding: 5.2vw 0px; background-size:cover;}
.m2pub_t{ text-align: center; padding-bottom: 15px; position: relative; }
.m2pub_t strong{ font-size: 36px; line-height: 50px; font-weight: normal; display: block; height: 50px; }
.m2pub_t p{ font-size: 16px; line-height: 26px; margin: 16px 0px 12px; display: block; }
.m2pub_t:after{ content: ""; background: #000; height: 2px; width: 48px; position: absolute; left: 50%; bottom: 0px; margin-left: -24px; }
.m2lxu1{ margin: 3.54vw -15px 0px; }
.m2lxu1 li{ padding: 0px 15px; width:33.33%; margin-bottom:30px; }
.m2lxu1 li:nth-child(4){margin-left:16.666%}
.m2lx_aBox{ display: block; height: 244px; padding-top: 79px; position:relative; background:#fff; box-shadow:0 0 12px rgba(0,0,0,0.1); text-align:center;}
.m2lx_aBox:hover{transform:translateY(-10px);}
.m2lx_icon{}
.m2lx_aBox h4{ font-size: 18px; font-weight: normal; display: block; line-height: 26px; margin-top:18px; }
.m2lxLayer{ background: url(../images/m2lx_ibg.jpg) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-size: cover; transition: all 0.5s ease-in-out; opacity: 0; font-size: 16px; line-height: 27px; padding:30px 40px 0px; text-align: left; color:#333;}
.m2lxLayer strong{ font-size: 17px; line-height: 26px; margin-bottom:5px; display: block; }
.m2lxLayer p{ text-indent: -50px; padding-left: 50px; line-height:22px; font-size:14px; }
.m2lx_aBox:hover .m2lxLayer{opacity:1;}
.m2lxCon2{ height: 568px; background: url(../images/m2map.jpg) no-repeat center center; position: relative; }
.m2lxc2Layer{ background: url(../images/m2lx_adr.png) no-repeat; height: 161px; width: 465px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); margin-left: 40px; font-size: 12px; line-height: 22px; padding:14px 42px 0px 172px; }
.m2lxCon3{ position: relative; margin-top: -70px; padding-bottom:5.2vw; }
.m2lxc3Top{ background: #FFF; box-shadow:0 8px 16px rgba(0,0,0,0.06); height:140px; margin-bottom:5.2vw;}
.m2lxc3Top li{ text-align: center; float: left; width: 25%; padding-top: 45px; }
.m2lxc3Top li:nth-child(2){ width:50%;}
.malx_nx222{transform:translateY(-20px); padding-left:0!important;}
.m2lxc3Top li div{ display: inline-block; text-align: left; font-size: 16px; line-height: 32px; height: 64px; padding-left: 82px; position: relative; }
.m2lxc3Top li img{ position: absolute; left: 0px; top: 2px; }
.m2lxFm{ margin: 2.7vw -9px 0; }
.m2lxFm li{ margin-bottom: 18px; }
.m2lx_inx{ position: relative; }
.m2lx_inx input{ line-height: 58px; height: 60px; border: 1px solid #E3E3E3; padding: 0px 20px; width: 100%; font-size: 16px; color: #666; }
.m2lx_inx input:focus{ border: 1px solid #F6CB36; }
.m2lx_inx select{ appearance: none; -moz-appearance: none; -webkit-appearance: none; border: 1px solid #E3E3E3; background: transparent url(../images/m2lx_ar.png) no-repeat right center; padding-right: 26px; opacity: 1; color: #888; font: 16px/58px "微软雅黑"; width: 100%; height: 60px; padding-left: 20px;}
.m2lx_inx textarea{ height: 180px; border: 1px solid #E3E3E3; padding: 15px 20px; width: 100%; color: #666; font: 16px/30px "微软雅黑"; }
.m2lx_inx textarea:focus{ border: 1px solid #F6CB36; }
.m2lxBtnWpr{ text-align:center; padding-top:25px;}
.m2lxSubmit{ font-size: 16px; line-height: 60px; background: #F6CB36; text-align: center; display: inline-block; height: 60px; width: 228px; }
.m2lxSubmit:hover{ color:#333; transform:translateY(-5px); box-shadow:0 3px 5px rgba(0,0,0,0.1);}
.m2lxCon3_pingtai{margin-top:-2vw; z-index:3; position:relative}
@media (max-width:1799px){
.m2pub_t strong{font-size:30px;}
.m2pub_t p{font-size:15px;}
.m2lxLayer{padding:32px 20px 0px;}
.m2lx_inx input{ line-height: 48px; height: 50px;}
.m2lx_inx textarea{ height: 140px; padding: 10px 20px; font: 16px/26px "微软雅黑"; }
.m2lxFm{ margin: 2.7vw -6px 0; }
.m2lxFm li{ margin-bottom: 12px; }
.m2lxSubmit{ font-size: 15px; line-height: 56px; height: 56px; width: 210px; }
.m2lx_inx select{ font: 15px/48px "微软雅黑"; height: 50px; padding-left: 20px;}
.m2lx_aBox h4{ font-size: 16px;}
.m2lxLayer{ font-size: 12px; line-height: 20px; padding-top:18px;}
}
@media (max-width:993px){
.m2lxu1 li{margin-bottom:24px;}
.m2lxc3Top li img{transform:scale(0.9);}
.m2lxc3Top li div{padding-left:62px;}
.m2lxc3Top li div{font-size:12px;}
.m2lxCon3{padding-bottom:60px;}
.m2lxu1 li{width:100%; margin-left:0!important}
}
@media (max-width:767px){
.m2pub_t strong{font-size:24px;}
.m2lxu1{margin-top:25px;}
.m2lxCon1{padding:40px 0;}
.m2lx_aBox .m2lxLayer{opacity:1;}
.m2lx_aBox{transform:translateY(0)!important;}
.m2lxc2Layer{transform:scale(0.7) translate(-60%,-50%); transform-origin:left center;}
.m2lxCon2{height:355px;}
.m2lxCon3{margin-top:0;}
.m2lxc3Top{height:auto; padding-bottom:25px; margin-bottom:35px;}
.m2lxc3Top li{width:100%; padding-top:22px; text-align:left; padding-left:35px}
.m2lxc3Top li div{padding-left:70px;font-size:15px;}
.m2pub_t p{font-size:14px; line-height:28px;}
.m2pub_t strong{height:auto; line-height:36px;}
}


.m2abtCon1Wpr{ background: url(../images/m2abt_c1bg.png) no-repeat right center; padding: 5.2vw 0px; }
.m2abtCon1{ overflow:hidden;}
.m2abtc1Lx{ float: left; width: 50%; padding-right: 2.34vw; padding-top:20px; }
.m2abt_c1t{ display:block;}
.m2abt_c1t p{ font-size: 16px; color: #666666; line-height: 28px; }
.m2abt_c1t h2{ font-size: 32px; font-weight: normal; line-height: 58px; display: block; margin-bottom: 18px; }
.m2abt_c1des{ font-size: 16px; line-height: 28px; margin-bottom: 26px; color: #666666; }
.m2abt_itms{}
.m2abt_itms p{ line-height: 36px; margin-bottom: 12px; padding-left: 40px; position: relative; font-size: 18px; }
.m2abt_itms p:before{ content: ""; background: #F5C51D; height: 2px; width: 24px; position: absolute; left: 0px; top: 17px; }
.m2abtc1Rx{ float: right; width: 607px; }
.m2abtc1mvx{ display:block;}
.m2abtc1mvx .overflowHide{ height:537px;}
.m2abtc1mvx .overflowHide:before{content:""; background:rgba(0,0,0,0.4); position:absolute; left:0; top:0; right:0; bottom:0; z-index:1;transition:all 0.5s ease-in-out;}
.m2abtc1mvx .overflowHide:after{ content: ""; z-index: 2; background: url(../images/m2abt_c1i.png) no-repeat center center; display: inline-block; height: 87px; width: 87px; position: absolute; left: 50%; top: 50%; margin-left:-44px; margin-top:-44px; opacity:0.4; transition:all 0.5s ease-in-out;}
.m2abtc1mvx:hover .overflowHide:before{ background:rgba(0,0,0,0.3);}
.m2abtc1mvx:hover .overflowHide:after{opacity:0.8;}
.m2abtCon2{ overflow:hidden}
.m2abtc2_ul{ overflow:hidden}
.m2abtc2_ul li{ width:20%; float:left}
.m2abtc2_aBox{ display:block}
.m2abtc2_aBox .overflowHide{ height:537px;}
.m2abt_c2lay1{ background:rgba(0,0,0,0.7); position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.5s ease-in-out;}
.m2abt_c2lay1 p{ font-size: 22px; color: #FFF; line-height: 36px; text-align: center; width: 100%; position: absolute; left: 15px; top: 50%; right: 15px; transform:translateY(-50%);}
.m2abtc2_aBox:hover .m2abt_c2lay1{opacity:0;}
.m2abt_c2lay2{ background:rgba(0,0,0,0.2); position:absolute; left:0; top:0; right:0; bottom:0; transition:all 0.5s ease-in-out; opacity:0}
.m2abt_c2lay2 span{ font-size: 18px; line-height: 54px; color: #FFF; background: #F5C51D; display: inline-block; padding: 0px 23px; height: 54px; position: absolute; top: 0px; right: 0px; }
.m2abt_ly2s{ padding: 12px 0 15px; text-align: center; position: absolute; left: 3.02vw; right:3.02vw; top: 50%; transform:translate(0%,-50%); border:1px solid rgba(255,255,255,0.3); color:#fff;}
.m2abt_ly2s strong{ display: block; font-size: 21px; line-height: 32px; font-weight: normal; }
.m2abt_ly2s p{ font-size: 16px; line-height: 24px; margin-top: 3px; }
.m2abtc2_aBox:hover .m2abt_c2lay2{opacity:1;}
.m2abtCon3{ padding: 5.2vw 0px; }
.m2abtCon4{ background: url(../images/m2abt_c3bg.jpg) no-repeat fixed center center; color: #FFF; padding: 5.2vw 0px 8vw; background-size:cover; }
.m2abt_c4ul{ margin-top: 4.68vw; }
.m2abt_c4ul li{ text-align: center; float: left; width: 14.285%; }
.m2abt_c4a{ display:block; color: #FFF;}
.m2abt_c4a span{ display:inline-block; width:60px; height:60px; position:relative;}
.m2abt_c4a span img{ position:absolute; left:0; top:0; transition:all 0.5s ease-in-out;}
.m2abt_c4a:hover span img{ opacity:0;}
.m2abt_c4a:hover span img.iOpacity{ opacity:1;}
.m2abt_c4a p{ font-size: 16px; line-height: 28px; margin-top: 8px; }
.m2abt_c4ul li:hover .m2abt_c4a{transform:translateY(-25px);}
.m2abtCon5{ background: url(../images/m2abt_c4bg.jpg) no-repeat center bottom; background-size: cover; padding: 4.68vw 0px; }
.m2abt_c5Lx{ float: left; width: 408px; padding-top: 92px; }
.m2abt_c5Lx h4{ font-size: 36px; font-weight: normal; line-height: 54px; display: block; }
.m2abt_c5Lx strong{ font-size: 18px; line-height: 32px; font-weight: normal; display: block; margin: 12px 0px 15px; }
.m2abt_ryTxt{ height: 88px; position: relative; }
.m2abt_ryTxt li{ position: absolute; left: 0px; top: 0px; font-size: 14px; color: #aeaeae; line-height: 28px; height:56px; width:100%; opacity:0; }
.m2abt_ryTxt li p:nth-child(2){font-size:12px;}
.m2abt_ryTxt li.on{ opacity:1;}
.m2abt_ryBtns{ height:60px;}
.m2abt_ryBtns .prev{ float: left; height: 60px; width: 60px; margin-right: 16px; background:#fff url(../images/m2abt_ar1a.jpg) no-repeat center center; box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius:50%; }
.m2abt_ryBtns .prev:hover{ background: #FFF url(../images/m2abt_ar1.jpg) no-repeat center center; }
.m2abt_ryBtns .next{ float: left; height: 60px; width: 60px; background:#fff url(../images/m2abt_ar1a.jpg) no-repeat center center; box-shadow:0 0 10px rgba(0,0,0,0.1); border-radius:50%; transform:rotate(180deg); }
.m2abt_ryBtns .next:hover{ background:#fff url(../images/m2abt_ar1.jpg) no-repeat center center; }
.m2abt_c5Rx{ float: left; width: 621px; height: 425px; background: url(../images/m2abt_c4bkBg.png) no-repeat center bottom; }
.m2abt_c5swiper{ height: 328px; }
.m2abt_c5_item{text-align:center;}
.m2abt_c5_item img{ display:inline-block; max-width:328px; max-height:328px;}
.m2abt_c5nums{ text-align: center; font: 26px/32px din; color: #aeaeae; margin-top:90px; }
.m2abt_c5nums span{}
.m2abt_c5nums span#m2abt_c5num2{ color: #f5c51d; }

.m2layerBg{position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:30}
.m2layerClose {position: fixed;width: 30px;height: 30px;top: 50px;right: 50px;cursor: pointer;transition: all 500ms ease;z-index: 32; cursor:pointer}
.m2layerClose:hover{transform:rotate(180deg);}
.m2layerClose:before, .m2layerClose:after {content: '';width: 30px;height: 2px;background: #fff;position: absolute;top: 15px;}
.m2layerClose:before {left: 0;transform: rotate(45deg);}
.m2layerClose:after {left: 0;transform: rotate(135deg);}
.m2Lay_video{position: fixed;top: 50%;left: 50%;max-height: 80vw;max-width: 80vw; transform:translate(-50%, -50%); z-index:35;}
@media (max-width:1799px){
.m2abtc1Rx{width:50%;}
.m2abt_c1t p{ font-size: 15px; line-height: 26px; }
.m2abt_c1t h2{ font-size: 30px; line-height: 46px; margin-bottom: 16px; }
.m2abt_c1des{ font-size: 15px; margin-bottom: 20px; }
.m2abt_itms p{font-size:17px;}
.m2abtc1mvx .overflowHide{height:450px;}
.m2abtc2_aBox .overflowHide{height:480px;}
.m2abt_c2lay1 p{font-size:20px;}
.m2abt_ly2s{left:15px; right:15px;}
.m2abt_ly2s strong{font-size:18px;}
.m2abt_ly2s p{font-size:14px;}
.m2abt_c2lay2 span{font-size:16px;}
.m2abt_c5Lx h4{font-size:32px;}
.m2abt_c5Lx strong{font-size:17px;}
.m2abt_ryBtns .prev,.m2abt_ryBtns .next{width:50px; height:50px;}
}
@media (max-width:1199px){
.m2abtc1Lx{padding-top:0;}
.m2abt_c1t h2{ font-size: 26px; line-height: 36px; margin-bottom: 10px; }
.m2abt_c5Rx{width:525px; background-size:100% auto;}
}
@media (max-width:993px){
.m2abtc1Lx{width:100%; float:none; padding-right:0}
.m2abtc1Rx{width:607px; float:none; margin:30px auto 0;}
.m2abtCon1Wpr{padding:60px 0 70px;}
.m2abtc2_ul li{width:50%;}
.m2abtCon3{padding:60px 0;}
.m2abtCon4{padding:60px 0 70px;}
.m2abt_c4ul{ margin-top:50px;}
.m2abt_c5Lx{padding-top:30px; margin-bottom:30px; float:none;}
.m2abt_c5Rx{margin:0 auto; float:none;}
.m2abtCon5{padding-bottom:80px;}
}
@media (max-width:767px){
.m2Lay_video{max-height: 90vw;max-width: 90vw;}
.m2layerClose{right:15px;}
.m2abtCon1Wpr{padding:50px 0 70px;}
.m2abt_c1t h2{font-size:22px;}
.m2abtc1mvx .overflowHide{width:100%; height:385px;}
.m2abtc1Rx{width:100%;}
.m2abt_c2lay1{opacity:0;}
.m2abtc2_aBox .m2abt_c2lay2{opacity:1; background:rgba(0,0,0,0.5);}
.m2abtc2_ul li{width:100%;}
.m2abtc2_aBox .overflowHide{height:288px;}
.m2abt_c4ul li{width:25%; margin-bottom:25px;}
.m2abt_c4a{transform:translateY(0)!important;}
.m2abt_c4ul li:nth-child(5){margin-left:12.5%;}
.m2abtCon4{background-attachment:local; padding:50px 0}
.m2abt_c5Lx h4{font-size:24px; text-align:center;}
.m2abt_c5Lx{width:100%; text-align:center}
.m2abt_c5Rx{width:100%;}
.m2abt_ryBtns{text-align:center;}
.m2abt_ryBtns a{display:inline-block; float:none!important}
.m2abt_c5Rx{height:382px;}
.m2abt_c5nums{position:relative; top:-40px;}
.m2abt_c5nums{font-size:20px;}
}


.m2jnCon1{ padding: 5.2vw 0px; }
.m2jnc1_ul{ margin-top: 3.12vw; }
.m2jnc1_ul li{ float: left; width: 33.33%; }
.m2jn_aBox{ display:block;}
.m2jn_aBox .overflowHide{ height: 267px; }
.m2jn_c1Bom{ height: 267px; transition:all 0.3s ease-in-out; background:#fff; position:relative; z-index:2}
.m2jn_c1txt{ position: absolute; left: 0; width: 100%; text-align: center; top: 50%; transform: translateY(-50%); z-index: 3; padding: 0px 50px; font-size: 16px; line-height: 28px; color: #777777; }
.m2jn_c1txt strong{ font-size: 22px; color: #333; display: block; line-height: 34px; margin-bottom: 18px; position: relative; font-weight: normal; }
.m2jn_c1txt strong:after{ content: ""; background: #B2B2B2; height: 1px; width: 18px; bottom: -9px; margin-left: -9px; position: absolute; left: 50%; transition:all 0.3s ease-in-out; }
.m2jn_c1Bom:after{content:""; border-left:12px solid transparent; border-right:12px solid transparent; border-bottom:15px solid #fff; position:absolute; left:50%; top:-15px; margin-left:-12px; transition:all 0.3s ease-in-out;}
.m2jn_aBox:hover .m2jn_c1Bom{ background:#F5C51D;}
.m2jn_aBox:hover .m2jn_c1Bom:after{ border-bottom:15px solid #F5C51D; }
.m2jn_aBox:hover .m2jn_c1txt{color:#000;}
.m2jn_aBox:hover .m2jn_c1txt strong:after{background:#000;}
.m2jnc1_ul {display:block; box-shadow:0 10px 18px rgba(0,0,0,0.06);}
.m2jnCon2Wpr{ background: url(../images/m2jn_c2bg.jpg) no-repeat fixed center center; background-size: cover; padding: 5.2vw 0px 8.8vw; }
.m2jnCon3Wpr{ background: url(../images/m2jn_c3bg.jpg) no-repeat fixed center center; background-size: cover; padding: 5.2vw 0px; }
.m2jnCon3Wpr .m2pub_t strong{color:#fff;}
.m2jnCon3Wpr .m2pub_t:after{background:#fff;}
.m2jnCon3Wpr .slick-dots{bottom:0;}
.m2jnCon3Wpr .slick-dots li button{display:none;}
.m2jnCon3Wpr .slick-dots li { display: inline-block; height: 24px; width: 24px; margin: 0px 10px; position: relative; border-radius: 50%; vertical-align: middle; border:1px solid rgba(255,255,255,0); }
.m2jnCon3Wpr .slick-dots li:after{content:""; width:10px; height:10px; background:rgba(255,255,255,1); position:absolute; left:6px; top:6px;border-radius:50%}
.m2jnCon3Wpr .slick-dots li.slick-active{ border:1px solid #F5C51D; }
.m2jnCon3Wpr .slick-dots li.slick-active:after{ background:#F5C51D;}
.m2jnCon4Wpr{ padding: 5.2vw 0px; }
.m2jnc4Swiper{ position:relative; margin:3.12vw -13px 0;}
.m2jnc4_item{ padding:0 13px;}
.m2jn_c4aBox{ display:block;}
.m2jn_c4aBox .overflowHide{ height:296px;}
.m2jnc4Swiper .slick-prev{ background: url(../images/m2abt_ar1a.jpg) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; left: -100px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -30px; box-shadow:0 0 8px rgba(0,0,0,0.1); border-radius:50%; }
.m2jnc4Swiper .slick-next{ background: url(../images/m2abt_ar1a.jpg) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; right: -100px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -30px; box-shadow:0 0 8px rgba(0,0,0,0.1); transform:rotate(180deg); border-radius:50%;}
.m2jnc4Swiper .slick-prev:hover,.m2jnc4Swiper .slick-next:hover{ background: url(../images/m2abt_ar1.jpg) no-repeat center center; }
@media (min-width:767px){
.m2jnc1_ul li:nth-child(2n) .m2jn_c1Bom:after{ border-top:15px solid #fff; border-bottom:none; top:auto; bottom:-15px;}
.m2jnc1_ul li:nth-child(2n) .m2jn_aBox:hover .m2jn_c1Bom:after{ border-top:15px solid #F5C51D; }
.m2jn_aBox{display:block; height:534px; position:relative;}
.m2jnc1_ul li:nth-child(2n) .m2jn_aBox .overflowHide{position:absolute; width:100%; left:0; bottom:0;}

}
@media (max-width:1799px){
.m2jn_c1txt{font-size:15px;}
.m2jn_c1txt strong{font-size:21px;}
.m2jnc4Swiper{ position:relative; margin:3.12vw -8px 0;}
.m2jnc4_item{ padding:0 8px;}
.m2jn_c4aBox .overflowHide{height:225px;}
}
@media (max-width:1379px){
.m2jnc4Swiper {padding-left:70px; padding-right:70px;}
.m2jnc4Swiper .slick-prev{left:-10px; margin-top:-25px; width:50px; height:50px;}
.m2jnc4Swiper .slick-next{right:-10px; margin-top:-25px; width:50px; height:50px;}
}
@media (max-width:993px){
.m2jnCon1{padding:50px 0 70px;}
.m2jnCon2Wpr{padding:50px 0 120px;}
.m2jnCon3Wpr{padding:60px 0;}
.m2jnCon4Wpr{padding:50px 0 70px;}
}
@media (max-width:767px){
.m2jnc1_ul li{width:100%; margin-bottom:25px; box-shadow:0 8px 25px rgba(0,0,0,0.1);}
.m2jnc1_ul{box-shadow:none;margin-top:35px;}
.m2jnCon1{padding:50px 0;}
.m2jnc4Swiper{padding:0 50px; margin-top:25px;}
.m2jnc4Swiper .slick-prev{left:0;}
.m2jnc4Swiper .slick-next{right:0;}
}


.m2joSlick{ float: right; width: 55%; height: 500px;}
.m2joc1Txts{ width: 50%; position: absolute; height: 500px; left: 0px; top: 5.55vh; background: #f9d012 url(../images/m2jn_bg.jpg) no-repeat right bottom; z-index: 3; background-size:cover; }
.m2joCon1{position:relative; margin:3.12vw 0 0; color:#000; }
.m2joc1Txs{ position:absolute; left:4.06vw; top:12.25vh; right:4.06vw; opacity:0; transform:translateY(30px);}
.m2joc1Txs.on{opacity:1; transform:translateY(0); transition:all 0.8s ease-in-out;}
.m2joc1Txs strong{ font-size:24px; line-height: 46px; display: block; margin-bottom: 12px; }
.m2joc1Txs p{ font-size: 16px; line-height: 30px; }
.m2joc2Btns{ height: 46px; left:4.06vw; bottom:3.22vw; width:110px; position:absolute }
.m2joc2Btns .prev{ background: url(../images/m2jn_c2btn.png) no-repeat center center; height: 46px; width: 46px; border: 2px solid #000; float: left; border-radius: 50%; transition:all 0.5s ease-in-out; opacity:0.2 }
.m2joc2Btns .prev:hover,.m2joc2Btns .next:hover{ opacity:1; }
.m2joc2Btns .next{ background: url(../images/m2jn_c2btn.png) no-repeat center center; height: 46px; width: 46px; border: 2px solid #000; float: right; border-radius: 50%; transition:all 0.5s ease-in-out; opacity:0.2; transform:rotate(180deg); }
.m2jocNums{ right: 4.06vw; bottom: 3.22vw; color: #000; position: absolute; font: 18px/46px din; }
#m2joId1{ font-size: 30px; display: inline-block; margin-right: 5px; }
#m2joId2{ display: inline-block; margin-left: 5px; }
.m2joc2_item.bgImg {height: 500px;position: relative;}
.m2joc2_snm{ position: absolute; right: 0; bottom: 60px; background: #f5c51d; display: inline-block; line-height: 44px; padding: 0px 38px; font-size: 18px; color: #333; }
@media (max-width:1799px){
.m2joc2_item.bgImg { height: 400px;}
.m2joc2_snm{font-size:20px;}
.m2joc1Txts { height: 400px;}
.m2joSlick { height: 400px;}
.m2joc1Txs strong{ font-size: 21px; line-height: 38px; margin-bottom: 15px; font-weight:normal }
.m2joc1Txs p{ font-size: 15px; line-height: 30px; }
}
@media (max-width:1199px){
.m2joc1Txs{top:5vw;}
}
@media (max-width:993px){
.m2jo_aBox.scaleImg .overflowHide { height: 206px; }
.m2joc2Btns{bottom:30px;}
.m2jocNums{bottom:30px;}
.m2joc1Txs{top:40px;}
.m2jo_u2 li{width:50%;}
}
@media (max-width:767px){
.m2jo_u1 li{width:100%;}
.m2jo_u1 li:first-child{margin-bottom:15px;}
.m2joc1Txts{position:relative; width:100%; top:0}
.m2joSlick {display:none;}
.m2jobCon2{padding-top:50px; padding-bottom:70px;}
.m2joCon1{margin-top:25px;}
.m2joc1Txs strong{font-weight:normal; font-size:22px;}
}

.m2jnc2swiper{ margin-top:2.6vw; padding-bottom:2.6vw; margin-left:-12px; margin-right:-12px;}
.m2jnc2_tiem{ padding:0 12px;}
.m2jnc2aBox { display: block; height: 320px; border-bottom: 8px solid #FFF; padding: 28px 20px 0px; background:#fff; margin-bottom:24px; }
.m2jnc2_city .fadeIco{ display: inline-block; height: 16px; width: 12px; margin-top: -8px; position: absolute; left: 0px; top: 50%; }
.m2jnc2_city .fadeIco:before{ background: url(../images/m2jn_i1.png) no-repeat; }
.m2jnc2_city .fadeIco:after{ background: url(../images/m2jn_i1a.png) no-repeat; }
.m2jnc2_city{ line-height: 34px; height: 34px; padding-left: 25px; font-size: 14px; color: #92959c; position: relative; }
.m2jnc2aBox strong{ font-size: 21px; font-weight: normal; line-height: 38px; display: block; margin: 14px 0px 8px; }
.m2jnc2aBox p{ font-size: 16px; line-height: 36px; color: #4b4c4e; height: 36px; overflow: hidden; }
.m2jnc2aBox .transition{ line-height: 32px; display: inline-block; height: 32px; margin-top: 14px; padding-right: 25px; font-size: 16px; color: #4b4c4e; position:relative;}
.m2jnc2aBox .transition .fadeIco{ display: inline-block; height: 18px; width: 18px; margin-top: -9px; position: absolute; top: 50%; right: 0px; }
.m2jnc2aBox .transition .fadeIco:before{ background: url(../images/m2jn_i2.png) no-repeat; }
.m2jnc2aBox .transition .fadeIco:after{ background: url(../images/m2jn_i2a.png) no-repeat; }
.m2jnc2aBox:hover { background: #f5c51d; border-bottom: 8px solid #c69d0d; }
.m2jnc2aBox strong,.m2jnc2aBox p,.m2jnc2_city{transition:all 0.5s ease-in-out;}
.m2jnc2aBox:hover strong,.m2jnc2aBox:hover p,.m2jnc2aBox:hover .m2jnc2_city,.m2jnc2aBox:hover .transition{color:#000!important;}
.m2jnc2Nums{ text-align: center; color: #fff; width: 100%; position: absolute; bottom: 5.12vw; left: 0; z-index: 2; font-size: 22px; line-height: 30px; }
.m2jnnum1{font-size:32px;}
.m2jnc2swiper .slick-prev{ background: url(../images/m2jn_btn.png) no-repeat center center; display: inline-block; height: 30px; width: 30px; position: absolute; left:calc(50% - 80px); text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; bottom: 5.16vw; transition:all 0.5s ease-in-out; z-index:3; opacity:0.6 }
.m2jnc2swiper .slick-next{background: url(../images/m2jn_btn.png) no-repeat center center; display: inline-block; height: 30px; width: 30px; position: absolute; right:calc(50% - 80px); text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; bottom: 5.16vw; transition:all 0.5s ease-in-out; z-index:3; transform:rotate(180deg); opacity:0.6}
.m2jnc2swiper .slick-prev:hover,.m2jnc2swiper .slick-next:hover{ opacity:1}
@media (max-width:1799px){
.m2jnc2aBox strong{font-size:21px; line-height:32px;margin-top:10px;}
.m2jnc2_city{font-size:15px;}
.m2jnc2aBox p{font-size:15px; line-height:32px; height:32px;}
.m2jnc2aBox .transition{font-size:16px;}
.m2jnc2aBox{height:288px;}
}
@media (max-width:1199px){
.m2jnc2aBox strong{font-size:18px;}
}
@media (max-width:767px){
.m2jnc2swiper{margin-top:25px; padding-bottom:50px;}
.m2jnc2Nums{bottom:56px;}
.m2jnc2aBox strong{font-size:18px; line-height:28px; height:28px;}
.m2jnc2aBox p{line-height:28px;}
.m2jnc2aBox .transition{margin-top:8px;}
.m2jnc2aBox{padding-top:20px; height:262px;}
.m2jnCon3{padding-top:20px; padding-bottom:70px;}
}

.m2zwLayerBg{background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; width:100%; height:100%; z-index:50}
.m2zwLayer{ width: 730px; max-height: 80vh; position: fixed; z-index: 55; background: #fff; border-radius: 0.8em; left: 50%; top: 50%; transform: translate(-50%,-50%); padding: 45px 3.54vw 48px; }
.m2zw_colose { background: url(../images/close-2.png) no-repeat center center; display: block; height: 30px; width: 30px; position: absolute; top: 28px; right: 34px; }
.m2zw_bt { height: 48px; line-height: 48px; font-size: 30px; font-weight: normal; display: block; text-align: center; margin-bottom:15px; }
.m2zw_title { font: normal 20px/32px "微软雅黑"; padding-right: 112px; position: relative; }
.m2zw_title strong { font-weight: normal; display: block; }
.m2zw_title span { background: url(../images/m2jm_si1a.png) no-repeat left center; font-size: 16px; line-height: 32px; padding-left: 20px; display: inline-block; position: absolute; top: 0px; right: 0px; }
.m2zwLwpr { max-height: 40vh; overflow: auto; font-size: 16px; line-height: 30px; color: #333; margin-top: 15px; }
.m2zw_btxt { font-size: 16px; line-height: 30px; color: #888888; margin: 25px 0px; }
.m2zw_st { font-size: 16px; color: #888888; line-height: 42px; margin-top: 8px; }
.m2zw_btn{ background: url(../images/m2zw_ar.png) no-repeat 120px center; height: 50px; width: 164px; line-height: 46px; padding-left: 36px; border: 2px solid #f5c51d; text-align: left; display: block; margin-left: auto; margin-right: auto; font-size: 16px; color: #f5c51d; }
.m2zw_btn:hover{ background: #f5c51d url(../images/m2zw_ar2.png) no-repeat 120px center; color: #FFF; border: 2px solid #f5c51d; }
.m2zw_colose:hover{transform:rotate(180deg);}
@media (max-width:1799px){
.m2zw_bt { height: 38px; line-height:38px; font-size: 22px; margin-bottom:12px; }
.m2zw_title { font: normal 18px/28px "微软雅黑"; }
.m2zw_title span { background: url(../images/m2jm_si1a.png) no-repeat left center; font-size: 14px; line-height: 28px;}
.m2zwLwpr { max-height: 40vh; overflow: auto; font-size: 14px; line-height: 28px; margin-top: 12px; }
.m2zw_btxt { font-size: 15px; line-height: 28px; margin: 18px 0px; }
.m2zw_st { font-size: 15px; line-height: 32px; margin-top: 6px; }
.m2zw_btn{ background: url(../images/m2zw_ar.png) no-repeat 110px center; height: 44px; width: 144px; line-height: 42px; padding-left: 28px; border: 1px solid #0158CE;  font-size: 14px;}
.m2zwLayer{padding-top:30px;}
}
@media (max-width:1379px){
.m2zwLwpr{height:33vh;}
}
@media (max-width:767px){
.m2zwLayer{width:auto; left:10px; right:10px; transform:translate(0,-50%);}
.m2zw_title{font-size:16px;}
.m2zw_colose{right:8px;}
.m2jm_more{font-size:16px;}
}


.m2whCon{ padding-top:5.2vw;}
.m2whlst{}
.m2whlst li{ height: 615px; background-attachment:fixed; background-repeat:no-repeat; background-position:center center; background-size:cover; color:#fff;}
.m2whDesWpr{ text-align:right; position:relative;}
.m2whDes{ display:inline-block; text-align:left}
.m2whDes strong{ font-size: 34px; line-height: 50px; display: block; margin-bottom: 16px; }
.m2whDes p{ font-size: 18px; line-height: 30px; }
.m2whlst li:nth-child(2n) .m2whDesWpr{ text-align:left;}
.m2whlst li:nth-child(1) .m2whDes{ width:640px; padding-top:185px;}
.m2whlst li:nth-child(2) .m2whDes{ width:650px; padding-top:212px; padding-left:85px;}
.m2whlst li:nth-child(3) .m2whDes{ width:370px; padding-top:328px;}
.m2whlst li:nth-child(4) .m2whDes{ width:650px; padding-top:252px; padding-left:85px;}
.m2whlst li:nth-child(5) .m2whDes{ width:452px; padding-top:258px;}
.m2whLine{ position: absolute; }
.m2whLine i{ position: absolute; left: 0px; top: 0px; right: 0px; height:0; transition:all 1.8s ease-in-out; }
.m2whlst li.on .m2whLine i{height:100%;}
.m2whlst li:nth-child(1) .m2whLine{ background: url(../images/m2wh_line1.png) no-repeat; height: 436px; width: 749px; top: 445px; right: 0px; }
.m2whlst li:nth-child(1) .m2whLine i{ background: url(../images/m2wh_line1a.png) no-repeat;}
.m2whlst li:nth-child(2) .m2whLine{ background: url(../images/m2wh_line2.png) no-repeat; height: 446px; width: 954px; top: 468px; left: 268px; }
.m2whlst li:nth-child(2) .m2whLine i{ background: url(../images/m2wh_line2a.png) no-repeat;}
.m2whlst li:nth-child(3) .m2whLine{ background: url(../images/m2wh_line3.png) no-repeat; height: 407px; width: 662px; top: 440px; right: 410px; }
.m2whlst li:nth-child(3) .m2whLine i{ background: url(../images/m2wh_line3a.png) no-repeat;}
.m2whlst li:nth-child(4) .m2whLine{ background: url(../images/m2wh_line4.png) no-repeat; height: 446px; width: 954px; top: 385px; left: 150px; }
.m2whlst li:nth-child(4) .m2whLine i{ background: url(../images/m2wh_line4a.png) no-repeat;}
@media (max-width:1799px){
.m2whlst li{ height: 425px; }
.m2whDes strong{ font-size: 28px; line-height: 42px; margin-bottom: 14px; }
.m2whDes p{ font-size: 16px; line-height: 28px; }
.m2whlst li:nth-child(1) .m2whDes{padding-top:105px;}
.m2whlst li:nth-child(2) .m2whDes{ padding-top:135px;}
.m2whlst li:nth-child(3) .m2whDes{ padding-top:205px;}
.m2whlst li:nth-child(4) .m2whDes{ padding-top:180px;}
.m2whlst li:nth-child(5) .m2whDes{ padding-top:170px;}
.m2whLine {transform:scale(0.6);}
.m2whlst li:nth-child(1) .m2whLine{ top: 245px; right: -139px; }
.m2whlst li:nth-child(2) .m2whLine{ top: 256px; left: -69px; }
.m2whlst li:nth-child(3) .m2whLine{ top: 253px; right: 258px; }
.m2whlst li:nth-child(4) .m2whLine{ top: 208px; left: -70px; }
}
@media (max-width:993px){
.m2whLine{display:none;}
.m2whDes{width:600px!important; text-align:center!important; padding:0!important; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.m2whDesWpr{text-align:center!important; height:380px; position:relative;}
.m2whlst li{background-attachment:local; height:380px;}
}
@media (max-width:767px){
.m2whCon{padding-top:0;}
.m2whDes{width:100%!important; position:static; transform:translate(0,0); padding:80px 0!important;}
.m2whDesWpr{height:auto;}
.m2whlst li{height:auto;}
.m2whDes strong{font-size:22px;}
.m2whDes p{font-size:15px;}
}


.m2nu2{margin-bottom:40px;}
.m2nu2 li { padding: 48px 0px; border-top: 1px solid #DCDCDC; }
.m2naBox3{display:block; overflow:hidden;}
.m2nTm3 { text-align: center; float: left; width: 95px; margin-right: 34px; padding-top: 45px; color: #333; }
.m2nTm3 strong { font-size: 36px; line-height: 68px; font-weight: normal; display: block; }
.m2nTm3 p { font-size: 14px; line-height: 44px; border-top: 1px solid #D2D2D2; position:relative; }
.m2nTm3 p:before{content:""; width:0; height:1px !important; position:absolute; left:0; top:-1px; background:#f5c51d; transition:all 0.5s ease-in-out;}
.m2naBox3:hover .m2nTm3 p:before{width:100%;}
.m2naBox3.scaleImg .overflowHide { float: left; height: 230px; width: 384px; }
.m2nRx { margin-left: 558px; padding-top: 25px; }
.m2nRx .ellipsis { font-size: 20px; line-height: 32px; display: block; height: 32px; margin-bottom: 12px; }
.m2nRx p { font-size: 16px; line-height: 28px; color: #666; height: 84px; margin-bottom:15px; overflow: hidden; }
.m2nRx span { background: url(../images/m2nm1.png) no-repeat right center; display: inline-block; height: 26px; transition: all 0.3s ease-in-out; font-size: 14px; line-height: 26px; text-align: left; padding-right:42px; color: #666; } 
.m2naBox3:hover .m2nRx span{ background: url(../images/m2nm1a.png) no-repeat right center; color:#f5c51d}
@media (max-width:1799px){
.m2pubTnm strong { font-size: 28px; line-height: 40px; }
.m2pubTnm p { font-size:26px; line-height: 32px; }
.m2nContent{max-width:1230px;}
.m2nu1{margin:0 -10px;}
.m2nu1 li{padding:0 10px; margin-bottom:20px;}
.m2naBox1.scaleImg .overflowHide{height:380px;}
.m2nImx{padding-left:50px;}
.m2nImx strong { font-size: 20px; line-height: 28px; margin: 26px 0px 18px;}
.m2naBox2.scaleImg .overflowHide{height:195px;}
.m2nBom { height:186px; padding: 22px 18px 0px; }
.m2nBom strong { font-size: 16px; margin-top: 18px; margin-bottom:5px; }
.m2nBom p{font-size:12px; margin-bottom:20px;}
.m2pubTnm{padding-bottom:24px;}
.m2nu2 li { padding: 36px 0px;}
.m2nRx .ellipsis{font-size:16px;}
.m2nRx p{font-size:14px;}
.m2naBox3.scaleImg .overflowHide{height:210px;}
}
@media (max-width:767px){
.m2nImx{padding:0 15px;}
.m2nImx strong{ font-size:18px; line-height:30px; height:60px;}
.m2n_tm{margin-bottom:10px; margin-top:-10px;}
.m2naBox1.scaleImg .overflowHide{height:295px;}
.m2nTm3{display:none;}
.m2naBox3.scaleImg .overflowHide{width:100%; float:none;}
.m2nRx{margin-left:0;padding-top:25px; position:relative}
.m2nRx p{height:auto;}
.m2nRx .ellipsis{margin-bottom:5px;}
.m2naBox3 .m2nRx .dsPhone{ font-size: 14px; line-height: 26px; color: #969696; display: inline-block; position: absolute; right: 0px; bottom: -10px; }
.m2naBox3{overflow:visible;}
.m2nu2 {margin-bottom:50px;}
.m2n_more{transform:scale(0.8)!important; transform-origin:left center}
}


.m2tm_t { text-align: center; padding: 9.44vh 0px 7.12vh; }
.m2tm_t strong { font-size: 30px; line-height: 42px; font-weight: normal; display: block; margin-bottom: 12px; }
.m2tm_t p { font-size: 18px; color: #666; line-height: 26px; }
.m2tmul li { padding-bottom: 60px; border-bottom: 1px solid #EEEEEE; margin-bottom: 60px; }
.m2tmDbox .fl .overflowHide { float: left; height: 330px; width: 330px; display:none!important; }
.m2tmDbox .fl .bgImg{transform:scale(1)!important; transition:all 0.3s ease; background-color:#fff;}
.m2tmDbox .fl .bgImg:nth-child(2){ opacity:0;}
.m2tmDbox .fl:hover .bgImg:nth-child(2){ opacity:1;}
.m2tmRx {/* margin-left: 380px;*/ margin-left:0!important; }
.m2tmRx_tnm { font-size: 24px; font-weight: bold; line-height: 26px; height: 30px; }
.m2tmRx_zw { font-size: 16px; color: #999999; line-height: 54px; }
.m2tmDes { font-size: 16px; line-height: 30px; color: #666; margin-bottom: 16px; }
.m2tm_tnm { font-size: 18px; line-height: 46px; border-bottom: 1px solid #ddd; margin-bottom: 23px; }
.m2tmRx{padding-top:15px;}
.m2tmRx dl { margin: 0px -10px; }
.m2tmRx dl dd { padding: 0px 10px; float: left; width: 20%; }
.m2tm_sBox { display: block; }
.m2tm_sBox .overflowHide { height: 100px; }
.m2tm_ltnm{ font-size:13px; line-height:20px; padding:10px 15px; color:#fff; position: absolute; height: 100%; width: 100%; left: 0px; top: 0px; right: 0px; bottom: 0px; transition:all 0.5s ease-in-out; opacity:1; background: rgba(250,27,37,0.9); opacity:0; }
.m2tm_ltnm p{ position:absolute; left:10px; right:10px; top:50%; transform:translateY(-50%); text-align:center}
.m2tm_sBox:hover .m2tm_ltnm{opacity:1;}
@media (max-width:1799px){
.m2tm_t strong { font-size:26px; line-height: 36px; margin-bottom: 10px; }
.m2tm_t p { font-size: 16px;}
.m2tmRx_tnm{font-size:20px;}
.m2tmul li { padding-bottom: 45px; margin-bottom: 45px; }
.m2tmDes{font-size:14px; line-height:28px;}
}
@media (max-width:1199px){
.m2tm_t { padding:70px 0px 40px; }
.m2tm_t strong{margin-bottom:5px;}
.m2tmDbox {position:relative;}
.m2tmDbox .fl .overflowHide{width:195px; height:162px; position:absolute; left:0; top:-10px;}
.m2tmRx{margin-left:0;}
.m2tmRx_tnm,.m2tmRx_zw,.m2tmDes{margin-left:215px;}
.m2tmRx dl { margin: 0px -5px; }
.m2tmRx dl dd { padding: 0px 5px; }
}
@media (max-width:767px){
.m2tm_t { padding:50px 0px 0px }
.m2tm_t strong{font-size:22px;}
.m2tm_t p{font-size:14px; line-height:22px;}
.m2tmDbox .fl{width:100%; float:none; display:block; overflow:hidden; margin-bottom:25px;}
.m2tmDbox .fl .overflowHide{height:340px; position:relative; left:auto; top:auto; width:100%;}
.m2tmRx_tnm,.m2tmRx_zw,.m2tmDes{margin-left:0px;}
.m2tmDes{height:auto;}
.m2tmRx_zw{line-height:44px;}
.m2tmRx dl dd{width:50%; margin-bottom:10px;}
.m2tm_sBox .overflowHide{height:110px;}
.m2tmul li{padding-bottom:35px; margin-top:35px;}
}

.m2bg_ul{padding:0 0 5.2vw;}
.m2bg_ul li{padding:45px 0px 25px; border-bottom:1px dashed #eee;}
.m2bg_ul li:first-child{padding-top:0;}
.m2bg_ul li:last-child{padding-bottom:0; border:none}
.m2bg_ul .m2tmRx_zw{padding-left:15px; position:relative}
.m2bg_ul .m2tmRx_zw:before{content:""; width:3px; height:16px; position:absolute; left:0; top:50%; margin-top:-8px; background:#ddd}
@media (max-width:1199px){
.m2bg_ul .m2tmRx_tnm, .m2bg_ul .m2tmRx_zw, .m2bg_ul .m2tmDes{margin-left:0;}
}
@media (max-width:767px){
.m2bg_ul li{padding:25px 0px 15px!important;}
.m2bg_ul{padding:10px 0 30px;}
.m2bg_ul .m2tmRx_tnm{height:auto; line-height:30px; font-size:18px}
}



/*2024-09-29 CSS*/
.m2areaCon4{ background: url(../images/m2ar_bg4.jpg) no-repeat fixed center center; background-size:cover; }
.hmc2Ba{width:25%;}