@charset "UTF-8";
.hmFocusWpr{ position:relative;}
.hmFocus_item{ height:100vh; overflow:hidden}
.hmFocus_item .bgImg{ height:100vh;-webkit-transform:scale(1.12); transform:scale(1.12);}
.hmFocus_item.on .bgImg{ visibility: visible; -webkit-animation: scaleBg 5s linear forwards; animation: scaleBg 5s linear forwards;}
.hmFocus .slick-dots{bottom:28px;}
.hmFocus .slick-dots li button{display:none;}
.hmFocus .slick-dots li { background: #fff; display: inline-block; height: 3px; width: 26px; margin: 0px 5px; position: relative; vertical-align:middle}
.hmFocus .slick-dots li.slick-active{ background: #00C8AA;}
.hmFocus_btn{height:40px; position:absolute; left:0; width:100%; top:50%; margin-top:-20px; z-index:3;}
.hmFocus_btn .container{position:relative;}
.hmFocusWpr .prev{ left:15px;background: url(../images/hmBtn.png) no-repeat center center; height: 40px; width: 22px; position: absolute; top: 0px; transform:rotateY(180deg);-webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:0.3;}
.hmFocusWpr .next{ background: url(../images/hmBtn.png) no-repeat center center; height: 40px; width: 22px; position: absolute; top: 0px; right: 15px;-webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:0.3;}
.hmBanTxt{max-width:1200px; width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center}
.hmBanTxt strong{ display: block; transition: all 0.8s ease-in-out; opacity: 0; transform: translateY(-70px); font-size: 80px; color: #50b26d; line-height: 102px; letter-spacing: 5px; font-weight: normal; }
.hmBanTxt h6{ display: block; transition: all 0.8s ease-in-out; opacity: 0; transform: translateY(70px); font-size: 20px; font-weight: normal; line-height: 34px; margin-top: 50px; letter-spacing: 1px; }
.hmBanTxt h4{ display: block; transition: all 0.8s ease-in-out; opacity: 0; transform: translateY(70px); font-size: 30px; line-height: 44px; margin-top: 8px; font-weight: normal; letter-spacing: 1px; }
.on .hmBanTxt strong{ opacity:1; transform:translateY(0px); transition-delay:0.3s}
.on .hmBanTxt h6{ opacity:1; transform:translateY(0px); transition-delay:0.3s}
.on .hmBanTxt h4{ opacity:1; transform:translateY(0px); transition-delay:0.35s}
.hmFocusWpr .prev:hover,.hmFocusWpr .next:hover{-webkit-filter: grayscale(0%); filter: grayscale(0%); opacity:1;}
@media (max-width:1799px){
.hmBanTxt strong{font-size:66px;}
.hmBanTxt h4{font-size:26px;}
.hmFocus_item,.hmFocus_item .bgImg{ height:500px;}
.hmBanTxt{top:43%;}
}
@media (max-width:767px){
.hmBanTxt strong{font-size:30px; line-height:48px; letter-spacing:1px;}
.hmBanTxt h6{font-size:12px; margin-top:25px;}
.hmBanTxt h4{font-size:18px; line-height:32px; margin-top:0}
.hmBanTxt{padding:0 50px;}
.hmFocus_item,.hmFocus_item .bgImg{ height:360px; }
}


.hmMesBox{ margin-top: -85px; height: 85px; border-top: 1px solid rgba(255,255,255,0.6); position:relative; z-index:5; }
.hmMes_ul{ width:440px; margin-top:27px;}
.hmMes_ul li{ position: relative; height: 30px; line-height: 30px; padding: 0 95px 0 12px; font-size: 14px; color: #FFF; }
.hmMes_ul li:before{content:""; width:3px; height:3px; background:#fff; border-radius:50%; position:absolute; left:0; top:13px;}
.hmMes_ul li span{ position:absolute; right:0; top:0; display:inline-block; color:#fff;}
.hmMes_ul li a,.hmMes_ul li a:hover{color:#fff;}
.hmMes_ul li a:hover{text-decoration:underline;}
@media (max-width:1799px){
.hmMesBox{height:65px; margin-top:-65px;}
.hmMes_ul{margin-top:18px;}
}
@media (max-width:993px){
.hmMes_ul{width:100%;}
}


.hmCon2{ padding: 75px 0px; }
.hmTbox{ text-align: center; }
.hmTbox strong{ display: block; line-height: 34px; font-size: 30px; font-weight: normal; }
.hmTbox i{ background: #8B8B8B; height: 1px; width: 200px; display: block; margin: 24px auto 0px; position: relative; }
.hmTbox i:after{ content: ""; background: #50b26d; height: 5px; width: 60px; margin-left: -30px; position: absolute; left: 50%; top: -2px; }
.hmTbox p{ font-size: 15px; line-height: 26px; color: #8b8b8b; text-align: center; margin: 30px auto 0px; max-width:900px;}
.hmc2Tab{ margin-top: 55px; height:169px; overflow:hidden; margin-left:80px; margin-right:80px;}
.hmc2Tab a{ width: 16.66%; float: left; display: block; height: 169px; text-align: center; padding-top: 29px; }
.hmc2Tab a.on,.hmc2Tab a:hover{ color: #FFF; background: #50b26d; }
.hmc2icon{ height: 80px; width: 80px; border: 2px solid #D0D0D0; display: block; margin: 0px auto; position: relative; border-radius:50%;}
.hmc2Tab a p{font-size:16px; line-height:28px; margin-top:13px;}
.hmc2icon img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:all 0.5s ease-in-out;}
.hmc2Tab a.on .hmc2icon img,.hmc2Tab a:hover .hmc2icon img{ opacity:0;}
.hmc2Tab a.on .hmc2icon img.iOpacity,.hmc2Tab a:hover .hmc2icon img.iOpacity{ opacity:1}
.hmc2Tab a.on .hmc2icon,.hmc2Tab a:hover .hmc2icon{ border: 2px solid #fff;}
.hmc2Box{}
.hmc2Swiper{ position: relative; padding: 42px 80px 0px; }
.hmc2item{ position:relative;}
.hmc3number{ color:#50b26d; position:absolute; right:0; top:-15px; padding-right:32px;}
.hmc3number span{ font: 60px/60px Georgia; }
.hmc3number i{ display: inline-block; position: absolute; top: 0px; right: 0px; font: 100 35px "å¾®è½¯é›…é»‘"; }
.hmc3number p{ text-transform: uppercase; margin-top: 12px; font: 20px/20px din; padding-left:7px; }
.hmc2des{ font-size: 14px; line-height: 30px; padding-right:158px;}
.hmc2ul{ background: url(../images/hmc2bg2.jpg) no-repeat center center; height: 223px; margin-top: 40px; position: relative; color: #fff; padding: 56px 20px 0px; }
.hmc2ul li{ font-size: 14px; line-height: 36px; height: 36px; width: 33.33%; position: relative; padding-left: 46px; float:left; }
.hmc2ul li:before{ content: ""; background: #50b26d; height: 4px; width: 4px; margin-top: -2px; position: absolute; top: 50%; left: 32px; }
.hmc2Swiper .slick-prev{ background: url(../images/hmc2Btn.png) no-repeat center center; display: inline-block; height: 43px; width: 42px; position: absolute; left: 0px; top: 0px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer;-webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:0.5; transition:all 0.5s ease-in-out; transform:rotate(180deg); }
.hmc2Swiper .slick-next{ background: url(../images/hmc2Btn.png) no-repeat center center; display: inline-block; height: 43px; width: 42px; position: absolute; right: 0px; top: 0px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer;-webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:0.5; transition:all 0.5s ease-in-out;}
.hmc2Swiper .slick-prev:hover,.hmc2Swiper .slick-next:hover{-webkit-filter: grayscale(0%); filter: grayscale(0%); opacity:1;}
.hmc2ul li a:hover{text-decoration:underline;}
@media (max-width:1799px){
.hmTbox strong{font-size:26px;}
}
@media (max-width:1199px){
.hmc2Tab a p{font-size:14px;}
}
@media (max-width:993px){
.hmc2Tab{display:none;}
.hmc2_mtnm{font-size:21px; line-height:36px; margin-bottom:25px;}
.hmc2Swiper .slick-prev,.hmc2Swiper .slick-next{top:62px;}
.hmc2des{padding-right:0;}
}
@media (max-width:767px){
.hmCon2{padding:50px 0;}
.hmTbox strong{font-size:24px;}
.hmTbox i{margin-top:15px;}
.hmTbox p{margin-top:22px; font-size:14px;}
.hmc2Swiper .slick-prev{width:30px; height:30px; background-size:cover;}
.hmc2Swiper .slick-next{width:30px; height:30px; background-size:cover}
.hmc2Swiper{padding:32px 45px 0px;}
.hmc2des{font-size:13px; line-height:26px;}
.hmc3number{transform:scale(0.7) translate(20px,0);}
.hmc2_mtnm{font-size:16px; margin-bottom:10px;}
.hmc2ul{height:auto; overflow:hidden; padding:26px 10px; background-size:cover; margin-top:16px;}
.hmc2ul li{width:100%; padding-left:18px;}
.hmc2ul li:before{left:5px;}
}


.hmc3Tab{ background: #1E1D1D; height: 100px; }
.hmc3Tab a{ text-align: center; float: left; width: 33.33%; color: #fff; height: 100px; padding-top: 22px; font-size: 14px; line-height: 24px; }
.hmc3Tab a.on,.hmc3Tab a:hover{ background: #50b26d; }
.hmc3Tab a strong{ display: block; line-height: 30px; font-size: 18px; font-weight: normal; }
.hmCon3{ background: #F5F8FA url(../images/hmc3bg.png) no-repeat 5.88vw 46px; position: relative; margin-bottom: 68px; }
.hmc3BoxWpr{position:relative; padding: 30px 0px; }
.hmc3changeBox{ background: #fff; position: relative; height: 550px; padding: 29px 45px 0px; }
.hmc3item{}
.hmc3tnm{ position: absolute; font-size: 292px; color: #FBFBFB; text-align: center; line-height: 292px; left: 0px; top: 50%; transform:translateY(-50%); width:100%;}
.hmc3ul{position:relative; z-index:2;}
.hmc3ul li{ line-height: 47px; height: 48px; border-bottom: 1px solid #E9E9E9; position: relative; padding: 0px 180px 0 10px; font-size: 16px; }
.hmc3ul li:before{content:"";}
.hmc3ul li span{ position: absolute; right: 10px; top: 0; display: inline-block; font: 14px/47px "å¾®è½¯é›…é»‘"; color: #666; }
.hmc3BomWpr{ background: #1E1D1D; height: 230px; color: #FFF; }
.hmc3more{ font-size: 15px; line-height: 42px; font-weight: bold; height: 46px; width: 600px; border: 2px solid #000000; color: #000000; text-align: center; display: block; margin: 40px auto 0px; letter-spacing: 1px; }
.hmc3more:hover{ color: #FFF; background: #50b26d; border: 2px solid #50b26d; }
.hmc3Bom{ width: 902px; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 62px 60px 0px; }
.hmc3Bitm{ text-align:center;}
.hmc3icon{}
.hmc3Bitm p{ line-height: 32px; font-size: 16px; margin-top: 12px; }
.hmc3ar{ background: url(../images/hmc3ar.png) no-repeat center center; display: inline-block; height: 24px; width: 27px; margin-top: 36px; }
.hmc3imgBox{ background: url(../images/hmc3img.jpg) no-repeat center center; width: 359px; position: absolute; top: 0px; right: -359px; bottom: 0px; background-size:cover;}
@media (max-width:1199px){
.hmc3BomWpr{left:0;}
}
@media (max-width:993px){
.hmc3BomWpr{width:100%;}
.hmc3Bom{width:100%;}
}
@media (max-width:767px){
.hmc3Tab a p{display:none;}
.hmc3Tab a{height:60px; padding-top:15px;}
.hmc3Tab{height:60px;}
.hmc3BoxWpr{padding-top:25px;}
.hmc3changeBox{padding:20px 15px 0px;}
.hmc3ul li{font-size:14px; padding-right:90px;}
.hmc3ul li span{font-size:12px;}
.hmc3more{width:180px; margin-top:25px;}
.hmc3BoxWpr{padding-bottom:145px;}
.hmc3Bom{padding:32px 20px 0px;}
.hmc3icon{width:36px; height:auto; display:inline-block}
.hmc3Bitm p{font-size:14px; margin-top:5px;}
.hmc3ar{display:none;}
.hmc3Bitm{width:50%; margin-bottom:25px;}
.hmc3BomWpr{height:auto;}
.hmc3Tab a strong{font-size:17px;}
}


.hmCon4{ padding: 0px 0px 95px; }
.hmc4Box{ margin-top:48px;}
.hmc4Lx{ width:600px; float:left;}
.hmc4aBox{ display:block; overflow:hidden;}
.hmc4aBox .overflowHide{ float: left; height: 370px; width: 250px; }
.hmc4Ldes{ margin-left: 290px; padding-top: 16px; }
.hmc4pnm{ letter-spacing: 1px; line-height: 36px; height: 36px; font-size: 24px; font-weight: normal; }
.hmc4tm{ line-height: 30px; height: 30px; margin-bottom: 5px; position: relative; }
.hmc4tm span{ font-size: 14px; background: #FFF; display: inline-block; padding-right: 10px; position: relative; z-index: 1; }
.hmc4tm:before{content:""; background:#CECECE; position:absolute; left:0; width:100%; height:1px; top:50%;}
.hmc4Ltxt{ font-size: 14px; line-height: 30px; color: #444444; }
.hmc4_sm{ font-size: 14px; color: #50b26d; text-decoration: underline; line-height: 28px; display: inline-block; margin-top: 14px; }
.hmc4Rx{ margin-left: 652px; position:relative; overflow:hidden; }
.hmc4RxSwiper{ margin:0 -11px;}
.hmc4ritem{ padding:65px 11px 0;}
.hmc4ra{ display: block; }
.hmc4ra .overflowHide{ height:250px; border: 2px solid rgba(255,255,255,0); transition:all 0.5s ease-in-out;}
.hmc4ra strong{ line-height: 52px; text-align: center; height: 52px; font-size: 14px; font-weight: bold; display: block; }
.hmc4Rx .slick-prev{ background: url(../images/hmc3btnBg.png) repeat-y center center; display: inline-block; height: 246px; width: 87px; position: absolute; left: 11px; top: 67px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; z-index: 2; transition:all 0.5s ease-in-out; opacity:0; }
.hmc4Rx .slick-next{ background: url(../images/hmc3btnBg.png) repeat-y center center; display: inline-block; height: 246px; width: 87px; position: absolute; right: 11px; top: 67px; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; z-index: 2; transition:all 0.5s ease-in-out; transform:rotateY(180deg); opacity:0;}
.hmc4Rx .slick-prev:after,.hmc4Rx .slick-next:after{ content: ""; background: url(../images/hmc4btn2.png) no-repeat center center; height: 35px; width: 35px; top: 50%; left: 17px; transform:translate(0%,-50%); position:absolute;}
.hmc4Rx:hover .slick-prev,.hmc4Rx:hover .slick-next{opacity:1;}
.hmc4ra:hover .overflowHide{ border: 2px solid #50b26d; box-shadow:0 2px 8px rgba(195,0,0,0.3); }
.hmc4Boms{ height: 182px; position:relative;}
.hmc4Boms .bgImg{ position:absolute; right:43.95vw; left:0; height:182px; top:0}
.hmc4more,.hmc4more:hover{ float: right; height: 182px; line-height: 182px; text-align: center; color: #fff; background: #50b26d; width: 550px; position: relative; transform: translateY(-40px); font-size: 24px; letter-spacing: 1px; }
@media (max-width:993px){
.hmc4Lx{width:100%; float:none;}
.hmc4Rx{margin-left:0;}
.hmc4more{width:350px;}
}
@media (max-width:767px){
.hmCon4{padding-top:45px;}
.hmc4Box{margin-top:30px;}
.hmc4aBox .overflowHide{float:none; margin:0 auto}
.hmc4Ldes{margin-left:0; margin-top:15px;}
.hmc4pnm{font-size:22px;}
.hmc4ritem{padding-top:35px;}
.hmc4Rx .slick-prev,.hmc4Rx .slick-next{top:35px; opacity:1}
.hmc4RxSwiper{padding-bottom:25px;}
.hmc4RxSwiper .slick-dots{bottom:0;}
.hmc4RxSwiper .slick-dots li button{display:none;}
.hmc4RxSwiper .slick-dots li { background: #efefef; display: inline-block; height: 6px; width: 6px; margin: 0px 5px; position: relative; border-radius:50%; vertical-align:middle}
.hmc4RxSwiper .slick-dots li.slick-active{ background: #50b26d;}
.hmc4more, .hmc4more:hover{line-height:60px; height:60px;}
.hmc4Boms{height:60px;}
.hmc4Boms .bgImg{display:none;}
.hmc4more{width:100%; font-size:16px; transform:translateY(-62px); font-weight:bold;}
}


.hmCon5{ background: url(../images/hmc5bg.jpg) no-repeat center center; padding: 75px 0px; background-size:cover;}
.hmc5Box{ margin-top:40px;}
.hmc5Lx{ float: left; width: 394px; height: 596px; border-bottom: 1px solid #CFCFCF; background: #FFF; position:relative; padding:25px 28px 0; }
.hmc5Lx:before{content:""; height:238px; background:#50b26d; position:absolute; left:0; top:0; right:0}
.hmc5tnm{ position:relative; color:#fff; height:76px;}
.hmc5tnm strong{ font-size: 24px; line-height: 35px; font-weight: normal; letter-spacing: 1px; display: block; }
.hmc5tnm p{ font-size: 13px; text-transform: uppercase; line-height: 22px; }
.hmc5_tm{ font-size: 14px; color: #FFF; text-decoration: underline; position: absolute; top: 0px; right: 0px; line-height: 30px; }
.hmc5Fabox{ display:block; position:relative;}
.hmc5Fabox .overflowHide{ height:238px;}
.hmc5bom{ padding-top: 24px; position: relative; }
.hmc5bom strong{ font-size: 18px; line-height: 28px; font-weight: normal; display: block; max-height: 56px; overflow:hidden; }
.hmc5bom p{ margin-top: 10px; font-size: 14px; line-height: 24px; color: #666; height: 96px; overflow: hidden; margin-bottom:20px; }
.hmc5bom span{ color: #50b26d; font-size: 14px; line-height: 28px; text-decoration: underline; display: inline-block; }
.hmc5Rx{ margin-left: 424px; height: 596px; background: #fff; padding: 35px 45px 0px; }
.hmc5ul{}
.hmc5ul li{ border-bottom: 1px solid #CECECE; height: 180px; padding-top: 25px; }
.hmc5ul li:last-child{border:none;}
.hmc5aBox2{ display:block; height:105px; position:relative;}
.hmc5aBox2 strong{ font-size: 18px; display: block; line-height: 36px; margin-bottom: 5px; }
.hmc5aBox2 strong span{ display: inline-block; margin-right: 14px; font: 36px "å¾®è½¯é›…é»‘"; position:relative; top:-2px; }
.hmc5aBox2 strong *{vertical-align:middle;}
.hmc5aBox2 p{ font-size: 14px; line-height: 24px; color: #666666; height: 48px; overflow: hidden; }
.hmc5rtm{ text-align:right;}
.hmc5rtm span{ display: inline-block; font: 12px/14px "å¾®è½¯é›…é»‘"; color: #666; transform: translateY(10px) }
.hmc5aBox2:after{content:""; height:1px; width:0px; background:rgba(0,0,0,0.3); transition:all 0.5s ease-in-out; position:absolute; left:0; bottom:-10px;}
.hmc5aBox2:hover:after{ width:70px;}
@media (max-width:993px){
.hmc5Lx{width:320px;}
.hmc5Rx{margin-left:335px;}
}
@media (max-width:767px){
.hmCon5{padding:50px 0;}
.hmc5Box{margin-top:25px;}
.hmc5Lx{padding-left:15px; padding-right:15px; float:none; width:auto}
.hmc5bom strong{font-size:16px; font-weight:bold}
.hmc5Rx{margin-left:0;}
.hmc5aBox2 strong{font-size:16px;}
.hmc5Rx{padding:5px 15px 0px; height:auto}
.hmc5ul li{padding-top:20px; height:172px;}
.hmc5aBox2 strong span{font-size:30px; margin-right:5px;}
}


.footer{ background: url(../images/footBg.jpg) no-repeat right bottom; padding: 75px 0px; background-size:auto 95%; }
.footerTop{ text-align: center; }
.footerTop *{vertical-align:middle;}
.footWx{ display:inline-block;}
.footWx img{ width:104px; height:104px; padding:6px; box-shadow:0 0 3px rgba(0,0,0,0.2);}
.footWx p{ line-height: 34px; color: #666; }
.footer_tel{ display: inline-block; white-space: nowrap; margin-left: 40px; font-size: 30px; line-height: 50px; letter-spacing: 1px; transform:translateY(-5px) }
.footer_tel a{ font-family: din; color: #50b26d; display:inline-block; transform:translateY(-2px)}
.footerLogos{ position:relative; position:relative; height:77px; text-align:center; margin-top:-20px;}
.footerLogos:before{content:""; width:100%; height:1px; background:#CECECE; position:absolute; left:0; top:50%;}
.footerLogos span{ position:relative; z-index:1; display:inline-block; padding:0 25px; background:#fff;}
.footer_links{ font-size: 15px; line-height: 30px; color: #666666; text-align:center; padding:18px 30px 0; }
.footer_links strong{ font-weight: normal; color: #333; }
.footer_link_a{ margin:0 4px; color:#666;}
.webInfo{ background: #000000; padding: 17px 0px; color: #999999; font-size: 13px; line-height: 26px; }
.webInfo a{ color: #999999;}
.webInfo a:hover{color:#ccc;}
.webInfo .container{ position:relative; overflow:hidden;}
.webInfo .mid{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: url(../images/foot_i.png) no-repeat left center; padding-left: 28px; }
.webInfo .fr span{display:inline-block; margin:0 3px; transform:translateY(-1px)}
@media (max-width:1799px){
.footer_tel{font-size:20px;}
}
@media (max-width:1199px){
.footer{background-size:400px auto;}
.webInfo span.fl,.webInfo span.mid,.webInfo span.fr{display:block!important; float:none!important; text-align:center; display:block!important; line-height:26px; position:static!important; transform:translate(0,0); background:none}
}
@media (max-width:993px){
.footWx{width:106px; text-align:center; display:block; margin:0 auto;}
.footerLogos{margin-top:25px;}
.footer{background-size:300px auto;}
}
@media (max-width:767px){
.footer{padding-top:45px; padding-bottom:50px;}
.footer_tel{margin-left:0; line-height:40px; height:40px;}
.footer_links{padding:18px 0px 0;}
.footer_links{font-size:14px;}
}


.m2banner{position:relative;}
.m2banner .bgImg{ height:510px;}
.m2mainWpr{position:relative; z-index:1;}
.m2main{ position: relative; padding-top: 15px; } 
.m2tnm{ background: #50b26d; text-align: center; height: 182px; padding-top: 40px; width: 490px; position: absolute; left: 0px; top: -132px; color: #FFF; font-size: 30px; line-height: 42px; }
.m2tnm strong{ font-size: 36px; line-height: 50px; font-weight: normal; display: block; }
.m2tnm p{ text-transform: uppercase; }
.m2pos{ text-align: right; font-size: 15px; line-height: 30px; }
.m2pos span{ background: url(../images/m2pos_hm.png) no-repeat left center; padding-left: 31px; display: inline-block; }
.m2menu_abt{margin-top:80px;}
.m2menu{ text-align:center;}
.m2menu a{ line-height: 62px; display: inline-block; height: 64px; width: 210px; border: 1px solid #CECECE; font-size: 20px; margin: 0px 13px; }
.m2menu a:hover,.m2menu a.on{ color: #FFF; background: #50b26d; border: 1px solid #50b26d; }
.m2abtCon{ padding-right: 448px; position: relative; margin: 46px 0px 90px; min-height:300px; }
.m2abtCon h4{ font-size: 30px; line-height: 50px; font-weight: normal; display: block; margin-bottom: 16px; }
.m2abtImg{ position: absolute; top: 33px; right: 23px; }
.m2abtImg:before{ content: ""; background: #50b26d; position: absolute; left: 23px; top: -23px; right: -23px; bottom: 23px; }
.m2abtImg img{ position:relative; z-index:1;}
.m2abt_txt{ font-size: 16px; line-height: 36px; color: #666666; }
.m2abtNumber{ display: flex; justify-content: space-between; flex-wrap: wrap; padding-bottom: 120px; border-bottom: 1px solid #CECECE; }
.m2abtNumber li{ text-align:center}
.m2abt_ntp{}
.m2abt_ntp strong{ font-size: 72px; color: #50b26d; line-height: 76px; font-family: din; font-weight: normal; }
.m2abt_ntp span{ font-size: 16px; color: #999999; display: inline-block; margin-left: 4px; }
.m2abtNumber li p{ font-size: 15px; line-height: 32px; margin-top:3px;}
@media (max-width:1799px){
.m2banner .bgImg{height:400px;}
.m2tnm{height: 142px; padding-top: 28px; width: 400px; top: -92px; font-size: 26px; line-height: 48px; }
.m2tnm strong{ font-size: 30px; line-height: 42px; }
.m2menu a{ line-height: 56px; height: 58px; width: 200px; font-size: 18px; margin: 0px 10px; }
.m2abtCon h4{font-size:24px;}
.m2abt_txt{font-size:15px;}
.m2abtNumber{padding-bottom:90px;}
}
@media (max-width:1199px){
.m2banner .bgImg{height:300px;}
}
@media (max-width:993px){
.m2tnm{height: 120px; padding-top: 22px; width: 300px; top: -72px; font-size: 20px; line-height: 40px; }
.m2tnm strong{ font-size: 26px; line-height: 38px; }
.m2menu a{width:auto; padding:0 18px; margin:0 5px 10px;}
.m2abtCon{padding-right:0;}
.m2abtCon h4{text-align:center;}
.m2abtImg{position:relative; left:auto; right:auto; top:auto; width:317px; margin:45px auto 25px}
.m2abtNumber li{width:33.33%; margin-bottom:20px;}
.m2abtNumber{padding-bottom:60px;}
}
@media (max-width:767px){
.m2banner .bgImg{height:200px;}
.m2tnm{display:none;}
.m2menu_abt{margin-top:30px;}
.m2menu a{line-height:48px; height:50px; font-size:16px;}
.m2abtCon{margin-top:20px;}
.m2abtCon h4{margin-bottom:10px;}
.m2abtImg:before{top:-12px; right:-12px;}
.m2abt_txt{font-size:14px; line-height:30px;}
.m2abtCon{margin-bottom:20px;}
.m2abt_ntp strong{font-size:38px;}
.m2abtNumber li p{font-size:14px; line-height:26px;}
.m2abtNumber li{padding:0 10px; width:50%;}
.m2abtNumber{margin-left:-10px; margin-right:-10px;}
.m2abtNumber li{margin-bottom:10px;}
.m2abt_ntp strong{line-height:60px;}
.m2abtNumber{padding-bottom:40px;}
.m2menu a{padding:0 25px;}
.m2pos{text-align:left;}
}


/*2021-02-14 CSS*/
.m2lsCon{ padding-top:48px;}
.m2gwCon{ overflow:hidden}
.m2gwDls{ margin-top:50px;}
.m2gwDls dl{ border-top: 1px solid #CECECE; }
.m2gwDls dl:last-child{ border-bottom: 1px solid #CECECE;}
.m2gwDls dt{ line-height: 60px; height: 60px; padding: 0px 160px 0px 40px; font-size: 18px; position: relative; overflow: hidden; cursor: pointer; }
.m2gw_tnm{}
.m2gw_btn{ background: url(../images/m2gw_i1.png) no-repeat center center; height: 22px; width: 22px; margin-top: -11px; position: absolute; top: 50%; right: 40px; }
.m2gwDls dl.on .m2gw_btn{ background: url(../images/m2gw_i2.png) no-repeat center center; }
.m2gwDls dd{ display:none}
.m2gwTable{ border-top: 1px solid #CECECE; border-right: 1px solid #CECECE; border-left: 1px solid #CECECE; }
.m2gwTable td{ font-size: 15px; line-height: 24px; padding: 13px; text-align: center; width: 25%; border-right:1px solid #CECECE; }
.m2gwTable tr:hover td{ background:#F5F5F5}
.m2gwTable tr td:last-child{border:none;}
@media (max-width:1799px){
.m2gwDls dt{font-size:16px;}
.m2gwTable td{padding:12px;}
}
@media (max-width:993px){
.m2gwTable td{font-size:13px;}
}
@media (max-width:767px){
.m2gwDls{margin-top:30px;}
.m2gwDls dt{padding:0px 80px 0px 15px;}
.m2gw_btn{right:15px;}
.m2gwDls dt{font-size:15px;}
.m2gwTable{width:100%; overflow-x:auto;}
.m2gwTable table{width:800px;}
.m2lsCon{ padding-top:30px;}
}


.m2rySwiperWpr{ margin-top: 50px; padding-bottom: 68px; border-bottom: 1px solid #CECECE; }
.m2rySwiper{ padding-bottom:50px}
.m2ryItem{}
.m2ryItxtWpr{ background: url(../images/m2ry_bg.png) no-repeat; height: 389px; width: 276px; position: relative; margin:0 auto }
.m2ryItxt{ width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); text-align: center; font-size: 16px; line-height: 28px; color: #444444; padding: 0px 45px; }
.m2rySwiper .slick-dots{bottom:0;}
.m2rySwiper .slick-dots li button{display:none;}
.m2rySwiper .slick-dots li { display: inline-block; height: 12px; width: 12px; margin: 0px 4px; position: relative; border-radius: 50%; vertical-align: middle; border: 2px solid #CECECE; }
.m2rySwiper .slick-dots li.slick-active{ background: #50b26d; border: 2px solid #50b26d; }
@media (max-width:767px){
.m2rySwiperWpr{margin-top:20px;}
}


.m2whConWpr{ margin-top:50px; border-bottom:1px solid #CECECE;}
.m2whCon{ margin-top:55px; margin-bottom:100px;}
.m2whul{ border-top: 2px solid #CECECE; border-bottom: 2px solid #CECECE; border-left: 2px solid #CECECE; }
.m2whul li{ text-align: center; float: left; width: 25%; padding: 105px 25px 0px; border-right: 2px solid #CECECE; height: 400px; }
.m2whul li span{}
.m2wh_des{}
.m2wh_des strong{ font-size: 20px; font-weight: normal; line-height: 40px; display: block; margin-top: 20px; }
.m2wh_des p{ font-size: 15px; line-height: 22px; color: #666666; }
@media (max-width:767px){
.m2whConWpr{margin-top:30px;}
.m2whCon{margin-top:30px;}
.m2whul li{width:50%;}
.m2whul li span{width:60px; display:inline-block;}
.m2wh_des strong{margin-top:12px;}
.m2whul li{padding:35px 15px 0px; height:242px;}
.m2whul li:nth-child(3),.m2whul li:nth-child(4){padding-top:0; height:210px;}
.m2whCon{margin-bottom:50px;}
}


.m2nCon{ padding-top: 70px; border-bottom:1px solid #CECECE }
.m2news_ul{}
.m2news_ul li{ margin-bottom: 50px; }
.m2n_aBox{ display:block; overflow:hidden;}
.m2n_aBox .overflowHide{ float: left; height: 200px; width: 304px; }
.m2nRx{ margin-left:342px; padding-left:92px; position:relative;}
.m2nRx .ellipsis{ line-height: 62px; height: 70px; border-bottom: 1px solid #CECECE; font-size: 20px; font-weight: normal; display: block; }
.m2ntm{ text-align: center; display: inline-block; width: 60px; position: absolute; left: 0px; top: 15px; }
.m2ntm span{ display: block; line-height: 50px; font-size: 54px; color: #333; }
.m2ntm p{ font-size: 14px; color: #999999; line-height: 22px; }
.m2nline{}
.m2nline + p{ font-size: 14px; color: #666666; line-height: 26px; height: 52px; overflow: hidden; margin-top:18px;}
.m2nRx:after{ content: ""; background: #50b26d; height: 1px; width: 0px; position: absolute; left: 92px; top: 187px; transition:all 0.5s ease-in-out; }
.m2n_aBox:hover .m2nRx:after{ width:200px;}
@media (max-width:1799px){
.m2nRx .ellipsis{font-size:18px;}
}
@media (max-width:767px){
.m2nCon{padding-top:30px;}
.m2n_aBox .overflowHide{width:100%; float:none;}
.m2nRx{margin-left:0; padding-left:75px;}
.m2ntm span{font-size:42px}
.m2nRx .ellipsis{line-height:60px; height:60px; transform:translateY(5px)}
.m2nline + p{height:auto; max-height:130px; font-size:13px;}
.m2news_ul li{margin-bottom:30px;}
}


.m3nWpr{ position: relative; z-index: 2; margin-top:-72px;}
.m3nBox{ background: #fff; box-shadow: 0 5px 15px rgba(0,0,0,0.1); padding: 60px 70px; }
.m3nTitle{ line-height: 40px; font-weight: normal; display: block; padding-right: 140px; position: relative; }
.m3nTitle h2{ font-size: 24px; font-weight: normal; display: block; }
.m3nTitle span{ font-size: 14px; font-weight: normal; color: #666666; display: inline-block; position: absolute; top: 0px; right: 0px; }
.m3nTbm{ font-size: 14px; line-height: 22px; color: #999999; padding: 16px 0px 32px; border-bottom: 1px solid #CECECE; overflow:hidden }
.m3nTbm .fl{ background: url(../images/m3ni.png) no-repeat left 5px; padding-left: 26px; }
.m3nEditor{ font-size: 15px; line-height: 28px; color: #666666; padding: 40px 0px 35px; }
.m3page{}
.m3page p{ font-size: 16px; line-height: 28px; height: 28px; }
@media (max-width:767px){
.m3nBox{padding:30px 12px;}
.m3nTitle{padding-right:0;}
.m3nTitle h2{padding-right:0; font-size:21px; line-height:34px; text-align:center}
.m3nTitle span{display:block; position:static; text-align:center}
.m3nTbm{padding:10px 0px 20px;}
.m3page p{font-size:14px; line-height:26px; height:auto;}
}


.m2lxMap { height: 550px; }
.inxMapLayer { background: url(../images/inx7info.png) no-repeat; height: 142px; width: 544px; padding: 25px 50px 0px 240px; font-size: 16px; line-height: 24px; text-align:center; font-weight:bold }
.amap-info-content { transform: translate(-115px, 25px); }
.amap-info-outer, .amap-menu-outer { box-shadow: none!important; }
.amap-info-content { background: none; }
.amap-info-close { right: 52px!important; top: 16px!important; }
.bottom-center .amap-info-sharp { display: none; }
.m2lxTop{ margin: 45px 0px; border-top: 1px solid #E7E7E7; border-bottom: 1px solid #E7E7E7; border-left: 1px solid #E7E7E7; }
.m2lxTop li{ text-align: center; float: left; width: 33.33%; border-right: 1px solid #E7E7E7; padding: 55px 25px 0px; height: 280px; color: #666666; font-size: 20px; line-height: 30px; }
.m2lx_icon{}
.m2lxTop li strong{ font-size: 24px; font-weight: normal; line-height: 34px; display: block; margin: 20px 0px 10px; color: #333; }
@media (max-width:1799px){
.m2lxTop li strong{font-size:21px;}
.m2lxTop li{line-height:26px; font-size:18px;}
}
@media (max-width:767px){
.m2lxTop{margin-top:30px;}
.m2lxTop li{width:100%; font-size:14px; padding:25px 20px 0px; height:170px;}
.m2lxTop li strong{font-size:20px; margin:12px 0px 5px}
.inxMapLayer{transform:scale(0.66) translate(70px,30px);}
.m2lxMap { height: 350px; }
.m2lxTop{padding-bottom:25px;}
}


.m2nnCon{ border-bottom: 1px solid #cecece; border-left: 13px solid #50b26d; }
.m2nnLine{}
.m2nnLx{ float: left; width: 262px; }
.m2nnRx{ margin-left:340px;}
.m2nnTnm{ color: #FFF; background: #50b26d; text-align: center; height: 148px; padding-top: 40px; font-size: 18px; text-transform: uppercase; line-height: 28px; padding-right:13px; }
.m2nnTnm strong{ font-size: 24px; font-weight: normal; line-height: 36px; display: block; }
.m2nnMenu{ padding: 20px 2px; }
.m2nnMenu li{}
.m2nn_ma{ display: block; height: 69px; line-height: 68px; border-bottom: 1px solid #CECECE; padding: 0px 25px; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #999999; position:relative; }
.m2nn_ma:after{content:""; transition:all 0.5s ease-in-out; width:0%; height:2px; bottom:-1px; left:0; position:absolute; background:#50b26d}
.m2nn_ma:hover:after,.m2nn_ma.on:after{ width:100%;}
.m2nn_ma strong{ font-size: 16px; color: #000; transition:all 0.5s ease-in-out; margin-right:8px;}
.m2nn_ma.on,.m2nn_ma:hover{ color:#50b26d;}
.m2nn_ma.on strong,.m2nn_ma:hover strong{ color:#50b26d;}
.m2nnpos{ line-height: 56px; text-align: right; height: 56px; font-size: 15px; }
.m2nnpos span{ display: inline-block; background: url(../images/m2pos_hm.png) no-repeat left center; padding-left: 28px; }
.m2nnul{ padding: 22px 0px 32px; overflow:hidden;}
.m2nnul li{ float: left; width: 50%; height: 66px; overflow: hidden; padding: 0px 18px; position: relative; }
.m2nnul li:before{ content: ""; background: #50b26d; height: 4px; width: 4px; position: absolute; left: 0px; top: 13px; }
.m2nn_sa{ display:block;}
.m2nn_sa strong{ font-size: 18px; line-height: 30px; height: 30px; font-weight: normal; display: block; overflow: hidden; }
.m2nn_sa p{ font-size: 12px; line-height: 22px; color: #666666; height: 22px; }
@media (max-width:1799px){
.m2nn_sa strong{font-size:16px;}
}
@media (max-width:993px){
.m2nnul li{width:100%;}
}
@media (max-width:767px){
.m2nnLx{width:100%; float:none}
.m2nnRx{margin-left:0;}
.m2nnTnm{display:none;}
.m2nnCon{border-left:none;}
.m2nn_ma{line-height:60px; height:61px;}
.m2nnpos{text-align:left;}
.m2nnul{padding:12px 0px 20px;}
}


.m2bsul{ margin: 70px 0px 26px; overflow: hidden; border-top: 1px solid #CECECE; }
.m2bsul li{ width: 16.666%; float: left; text-align: center; border-right: 1px solid #CECECE; border-bottom: 1px solid #CECECE; }
.m2bsul li:nth-child(6n){border-right:1px solid #fff;}
.m2bs_a{ display: block; height: 195px; padding-top: 38px; }
.m2bs_a:hover,.m2bs_a.on{ background:#50b26d; color:#fff;}
.m2bs_a p{ line-height: 24px; margin-top: 17px; font-size: 16px; }
.m2bs_icon{ height: 80px; width: 80px; border: 2px solid #CECECE; display: inline-block; position:relative; border-radius:50%; transition:all 0.5s ease-in-out;}
.m2bs_icon img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:all 0.5s ease-in-out;}
.m2bs_a:hover .m2bs_icon{border:2px solid #fff;}
.m2bs_a:hover .m2bs_icon img,.m2bs_a.on .m2bs_icon img{ opacity:0;}
.m2bs_a:hover .m2bs_icon img.iOpacity,.m2bs_a.on .m2bs_icon img.iOpacity{ opacity:1}
.m2bs_st{ line-height: 66px; height: 67px; border-bottom: 1px solid #CECECE; }
.m2bs_st span{ display: inline-block; position: relative; font-size: 22px; font-weight: normal; }
.m2bs_st span:after{ content: ""; background: #50b26d; height: 3px; width: 100%; bottom: -2px; left: 0px; position:absolute;}
.m2bsdes{ font-size: 15px; line-height: 36px; color: #666666; border-bottom: 1px solid #CECECE; padding: 24px 0px 60px; }
.m2bsdes strong{color:#333;}
@media (max-width:1799px){
.m2bs_st span{font-size:21px;}
}
@media (max-width:993px){
.m2bsul li{width:33.33%;}
}
@media (max-width:767px){
.m2bsul{margin-top:20px;}
.m2bs_icon{width:38px; height:38px; border-width:1px;}
.m2bs_icon img{width:24px; height:auto;}
.m2bs_a{padding-top:15px; height:105px;}
.m2bs_a p{font-size:12px; line-height:26px; height:26px; margin-top:5px;}
.m2bsul li:nth-child(3n){border-right:1px solid #fff;}
.m2bs_st span{font-size:18px; line-height:52px; height:47px;}
.m2bs_st{height:53px;}
.m2bsdes{font-size:14px; line-height:30px;}
}


.m2jobWpr{ margin-top: 70px; border-bottom:1px solid #CECECE;}
.m2job_t{ line-height: 60px; background: #000000; height: 60px; color: #FFF; padding: 0px 50px; font-size: 16px; margin-top:45px;}
.m2job_dls{ margin-bottom:30px}
.m2job_dls dl{ border-bottom:1px solid #CECECE; display:block; overflow:hidden;}
.m2job_dls dt{ line-height: 60px; height: 60px; padding: 0px 160px 0px 40px; font-size: 18px; position: relative; overflow: hidden; cursor: pointer; }
.m2job_dls dt .fr{ background: url(../images/m2gw_i1.png) no-repeat center center; height: 22px; width: 22px; margin-top: -11px; position: absolute; top: 50%; right: 40px; }
.m2job_dls dl.on dt .fr{ background: url(../images/m2gw_i2.png) no-repeat center center; }
.m2job_dls dd{ display: none; background: #F5F5F5; padding: 30px 160px 75px 40px; font-size: 14px; line-height: 24px; color: #444; }
.m2job_dls dd h4{ font-size: 16px; color: #50b26d; display: block; transform: translateY(8px); font-weight: normal; }
@media (max-width:1799px){
.m2job_dls dt{font-size:16px;}
}
@media (max-width:767px){
.m2jobWpr{margin-top:40px;}
.m2job_t{margin-top:25px; padding:0 20px;}
.m2job_dls dt{padding:0px 80px 0px 20px; font-size:15px;}
.m2job_dls dt .fr{right:15px;}
.m2job_dls dd{padding:20px 10px 45px 15px;}
}


.m3tmCon{ margin-top:80px;}
.m3tmPimg{ float: left; height: 474px; width: 352px; }
.m3tmRx{ margin-left: 435px; padding-top: 14px; }
.m3tm_t{ line-height: 70px; height: 71px; border-bottom: 1px solid #CECECE; position:relative; }
.m3tm_t span{ font-size: 36px; display: inline-block; padding: 0px 22px; position:relative;}
.m3tm_t span:after{content:""; position:absolute; left:0; bottom:-2px; height:3px; background:#50b26d; width:100%;}
.m3tm_t i{ color: #666666; font-size: 16px; font-style: normal; display: inline-block; position: absolute; top: 0px; right: 0px; width: 113px; }
.m3tm_lan{ text-align: right; padding: 22px 0px 15px; }
.m3tm_lan span{ text-align: left; display: inline-block; width: 113px; font-size: 16px; line-height: 30px; }
.m3tm_lan span i{ font-style: normal; color: #999999; }
.m3tm_info{ line-height: 42px; height: 43px; border-bottom: 1px solid #CECECE; font-size: 16px; font-weight: bold; margin-bottom:30px; }
.m3tm_info .fl a{ font: 24px din; color: #666666; }
.m3tm_info .fr span{ font-weight: normal; color: #666666; }
.m3tm_sst{ font-size: 18px; line-height: 46px; border-bottom: 1px solid #CECECE; }
.m3tm_sst span{ display: inline-block; padding: 0px 8px; position: relative; }
.m3tm_sst span:after{ content: ""; background: #50b26d; height: 3px; width: 100%; position: absolute; left: 0px; bottom: -2px; }
.m3tmEditor{ font-size: 15px; line-height: 34px; color: #666666; padding: 20px 0px; }
.mbackBox{ text-align: center; margin-top: 35px; }
.m2backBtn{ line-height: 100px; color: #FFF; background: url(../images/backBg.png) no-repeat; text-align: center; height: 100px; width: 92px; font-size: 14px; font-weight: bold; display: inline-block; }
.m2backBtn:hover{ color: #FFF; transform:translateY(-5px);}
@media (max-width:1799px){
.m3tm_t span{font-size:28px;}
}
@media (max-width:1199px){
.m3tmRx{margin-left:390px;}
}
@media (max-width:993px){
.m3tmPimg{margin:0 auto; float:none;}
.m3tmRx{margin-left:0;}
}
@media (max-width:767px){
.m3tmCon{margin-top:25px;}
.m3tmPimg{width:100%; height:435px;}
.m3tm_t span{font-size:21px;}
.m3tm_info{font-size:13px;}
.m3tm_info .fl a{font-size:22px;}
.m3tmEditor{font-size:14px; line-height:30px;}
.mbackBox{margin-top:15px;}
}


.m2teamWpr{ margin-top: 65px; border-bottom:1px solid #CECECE;}
.m2team_ul{ margin: 0px -15px 25px; }
.m2team_ul li{ padding: 0px 15px; float: left; width: 20%; margin-bottom:30px; }
.m2tm_aBox{ display:block; background: #F5F8FA;}
.m2tm_aBox .overflowHide{ height:206px;}
.m2tmBom{ height: 96px; text-align: center; padding: 15px 10px 0px; }
.m2tmBom strong{ font-size: 20px; line-height: 28px; font-weight: normal; display: block; height: 28px; overflow: hidden; }
.m2tmBom p{ font-size: 22px; line-height: 32px; overflow: hidden; height: 32px; }
.m2tm_aBox:hover{ color: #FFF; background: #50b26d; }
.m2page{ text-align:center; line-height:40px; font-size:14px; padding-bottom:60px;}
.m2page_a{ margin:0 14px;}
.m2page_a.on,.m2page_a:hover{ color:#50b26d;}
@media (max-width:993px){
.m2team_ul li{width:33.33%;}
}
@media (max-width:767px){
.m2page{padding-bottom:40px;}
.m2teamWpr{margin-top:30px;}
.m2team_ul{margin:0 -10px;}
.m2team_ul li{padding:0 10px; width:50%;}
.m2tmBom strong,.m2tmBom p{font-size:18px;}
}

