.hmFocusWpr{position:relative;}
.hmFocus_item{position:relative;}
.hmFocus_item .bgImg{ height:41.66vw;-webkit-transform:scale(1.12); transform:scale(1.12);}
.hmFocus_item.on .bgImg{ visibility: visible; -webkit-animation: scaleBg 6s linear forwards; animation: scaleBg 6s linear forwards;}
.hmTxt { display: inline-block; position: absolute; z-index: 5; left: 0%; top: 50%; transform: translate(0%,-50%); width:100%; color: #FFF; text-align: center;}
.hmFsBtns{ opacity:0; transform:translate(0,80px); transition:all 0.8s ease-in-out}
.hmFsTxt{ position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); z-index: 5; color: #FFF; padding-bottom:80px; }
.hmFocus{position:relative; overflow:hidden}
.hmFocus .slick-prev{ background: url(../images/hmBtn.png) no-repeat center center; display: inline-block; height: 67px; width: 67px; margin-top: -33px; position: absolute; left: 58px; top: 50%; z-index: 2; cursor: pointer; text-indent: 1000px; white-space: nowrap; overflow:hidden; transition:all 0.5s ease-in-out; opacity:0.3 }
.hmFocus .slick-next{ background: url(../images/hmBtn.png) no-repeat center center; display: inline-block; height: 67px; width: 67px; margin-top: -33px; position: absolute; right: 58px; top: 50%; z-index: 2; cursor: pointer; text-indent: 1000px; white-space: nowrap; overflow:hidden; transform:rotate(180deg); transition:all 0.5s ease-in-out; opacity:0.3 }
.hmFocus .slick-dots{ height: 14px; bottom: 56px; text-align: center; }
.hmFocus .slick-dots li{ height: 14px; width: 14px; border: 2px solid rgba(255,255,255,0.6); margin: 0px 4px; border-radius:50%;}
.hmFocus .slick-dots li.slick-active{ background: #2EA5FD; border: 2px solid #2EA5FD; }
.hmFocus .slick-dots li button{ display: none;}
.hmFocus .slick-prev:hover,.hmFocus .slick-next:hover{opacity:1;}
.hmFsTxt strong{ font-size: 50px; line-height: 66px; display: block; margin-top: 10px; opacity:0; transform:translate(0,60px); transition:all 0.8s ease-in-out; font-weight:normal; letter-spacing:5px; }
.hmFsBtns{ margin-top:2.4vw; opacity:0; transform:translate(0,60px); transition:all 0.8s ease-in-out }
.hmFsBtns a {color: #095f46;background: #FFF;text-align: center;height: 44px;width: 140px;font-size: 16px;display: inline-block;line-height: 42px;}
.hmFsBtns a:nth-child(2){ background:#095F46; color:#fff; margin-left:24px;}
.hmFsBtns a *{vertical-align:middle;}
.hmFsBtns a{transition:all 0.5s ease-in-out;}
.hmFsBtns a:hover{transform:translateY(-8px); box-shadow:0 5px 8px rgba(0,0,0,0.1);}
.on .hmFsBtns{ opacity:1; transform:translate(0,0); transition-delay:0.4s}
.on .hmFsTxt strong{ opacity:1; transform:translate(0,0); transition-delay:0.15s}
.on .hmFsTxt p{ opacity:1; transform:translate(0,0); transition-delay:0.5s}
.hmFocusWpr .ope{position: absolute;bottom: 65px;left:auto;left:calc((100% - 1440px)/2);font-size: 0; z-index:3}
.hmFocusWpr .ope ul {display: inline-block;vertical-align: middle;}
.hmFocusWpr .ope ul li {display: inline-block;vertical-align: top;width: 32px;height: 20px;position: relative;margin-left: 10px; cursor:pointer}
.hmFocusWpr .ope ul li:first-of-type {margin-left: 0;}
.hmFocusWpr .ope ul li::before {content: '';position: absolute;left: 0;right: 0;top: 9px;height: 2px;background-color: rgba(255, 255, 255, 0.5);}
.hmFocusWpr .ope ul li span {position: absolute;left: 0;top: 9px;height: 2px;background-color: #fff;}
.hmFocusWpr .ope a {display: inline-block;vertical-align: middle;width: 16px;height: 16px;background-position: center;background-repeat: no-repeat;background-image: url("../images/icon-2a.png");margin-left: 20px;}
.hmFocusWpr .ope a.play {background-image: url("../images/icon-3a.png");}
@media (max-width:1799px){
.hmFocus_item .bgImg{ height:460px}
.hmFsTxt strong{ font-size: 38px; line-height: 52px;}
.hmFsTxt p{ font-size: 20px; line-height: 30px; margin: 10px 0px 25px;}
.hmFocusWpr .ope{left:calc((100% - 1140px)/2);}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.hmFocus_item .bgImg{ height:400px;}
.hmFsTxt strong{font-size:30px; line-height:40px;}
.hmFsBtns a {height: 40px;width: 120px;font-size: 14px;line-height: 40px;}
.hmFsBtns a:nth-child(2){ margin-left:10px;}
.hmFocusWpr .ope{left:calc((100% - 950px)/2);}
}
@media (max-width:993px){
.hmFocusWpr .ope{left:calc((100% - 720px)/2);}
}
@media (max-width:767px){
.hmFsTxt strong{font-size:22px; line-height:32px; letter-spacing:1px;}
.hmFsBtns{margin-top:22px;}
.hmFocus_item .bgImg{height:250px;}
.hmFsTxt{padding-bottom:25px;}
}


.page { text-align: center;}
.page .pagination li { display: inline-block; }
.page .pagination li a { padding: 0px 12px; height: 36px; min-width: 36px; text-align: center; display: inline-block; margin: 0px 5px; vertical-align: middle; color: #555; font-size: 14px; line-height: 36px; background: #F7F7F7; }
.page .pagination li.active a, .page .pagination li a:hover { color: #FFF; background:#42B693; }

.pubCon{ padding: 5.2vw 0px; }
.m2banner{ position:relative;}
.m2banner .bgImg{ height:36.45vw;}
.m2banTxt{ position:absolute; left:0; width:100%; color:#fff; top:50%; transform:translateY(-50%); padding-bottom:0px!important;}
.m2banTxt strong{ display: block; font-size: 46px; font-weight: normal; letter-spacing:3px; line-height: 62px; }
.m2banBtn{ margin-top:35px;}
.m2banBtn a{ color: #095f46; background: #FFF; text-align: center; height: 44px; width: 140px; font-size: 16px; display: inline-block; line-height:42px; }
.m2banBtn a:hover{ color: #FFF; background: #42B693; }
.m2posWpr{ height:70px; line-height:70px; position:relative; z-index:8; margin-top:0px!important; background:rgba(66,182,147,1);position: -webkit-sticky;position: sticky;top: 100px; }
.m2posWpr .container-fluid{max-width:1500px; margin:0 auto; color:#fff;}
.m2pos{ float:left; margin-top: 25px;}
.m2pos_hm{ background: url(../images/m2pso_ico.png) no-repeat center center; float: left; height: 20px; width: 20px; margin-right:18px;}
.m2pos i{ background: url(../images/m2pos_ar.png) no-repeat center center; margin-right:18px; float: left; height: 20px; width: 20px; }
.m2pos span{ font-size: 16px; line-height: 20px; float:left;}
.m2pos_a,.m2pos_a:hover{ font-size:16px; float:left; line-height:20px; margin-right:18px; color:#fff;}
.m2menu{ float:right;}
.m2menu_a{ font-size: 16px; color: #FFF; line-height: 70px; position: relative; padding: 0px 5px; float: left; margin-left:35px; }
.m2menu_a.on,.m2menu_a:hover{ color:#fff;}
.m2menu_a:after{ content: ""; background: #FFF; height: 3px; width: 0px; position: absolute; left: 50%; transform:translateX(-50%); bottom: 0px; transition:all 0.5s ease;}
.m2menu_a.on:after,.m2menu_a:hover:after{ width:100%;}
.maoLink{display:block; height:0; overflow:hidden; position:relative; top:-170px;}
.partItem{}
.footer{ background: #e6e6e6 url(../images/foot_bg.png) no-repeat center top; padding-top: 3.38vw; }
.footTop{ padding-bottom:1.97vw;}
.foot_logo{ float:left;}
.foot_logo img{ height:41px;}
.footShare{ float:right; height:46px; transform:translateY(-2px);}
.footShare strong{ float: left; line-height: 46px; font-size: 16px; font-weight: normal; color: #666666; }
.footsa{ background-color: #FFF; float: left; height: 46px; width: 46px; margin-left: 10px; border-radius:50%; background-repeat:no-repeat; background-position:center center;}
.footsa1{ background-image:url(../images/foot_si1.png);}
.footsa2{ background-image:url(../images/foot_si2.png);}
.footsa3{ background-image:url(../images/foot_si3.png);}
.footMix{ padding-top: 1.97vw; border-top: 1px solid #dcdcdc; padding-bottom:3.64vw; }
.footMenus{ float:left; letter-spacing:1px;}
.footMenus dl{ float:left; margin-right:86px;}
.footMenus dl:last-child{margin-right:0;}
.footMenus dt{ font-size: 16px; color: #095f46; line-height: 20px; height: 20px; margin-bottom: 28px; position:relative; }
.footMenus dt:after{ content: ""; background: #095f46; height: 2px; width: 24px; position: absolute; left: 0px; bottom: -18px; }
.footMenus dd{ font-size: 14px; line-height: 30px; color: #666; }
.footMenus dd ul{ float:left;}
.footMenus dd ul:nth-child(2){margin-left:22px;}
.footMenus dd ul li{}
.footMenu_a1{ color:#095f46;}
.footMenu_a2{ color:#666;}
.footWxs{ float:right; margin-top:4px;}
.footWxs li{ float:left; text-align:center; margin-left:32px;}
.footWxs li:first-child{margin-left:0;}
.footWxs span{ display: inline-block; border: 1px solid #095f46; }
.footWxs span img{display:block;}
.footCopy{ font-size: 14px; line-height: 26px; padding: 1.56vw 0px; background: #DBDBDB; color: #666; text-align: center;}
.footCopy .fl{}
.footCopy .fr{}
.footCopy a{ color:#666;}
.footCopy a:hover{ color:#333;}
@media (min-width:1799px){
.footer .container{width:1470px;}
.homeBody .container{width:1470px;}
}
@media (max-width:1799px){
.footsa{ transform:scale(0.8); transform-origin:right center; margin-left:0}
.footShare strong{font-size:15px;}
.footWxs span img{width:120px; height:auto;}
.footWxs li{margin-left:20px;}
.footMenus dl{margin-right:55px;}
.m2banTxt strong{font-size:32px; line-height:48px;}
.m2posWpr{ height:50px; line-height:50px; margin-top:-50px;top: 80px; }
.m2pos{margin-top:15px;}
.m2posWpr .container-fluid{padding:0 30px;}
.m2menu_a{line-height:50px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.footMenus{letter-spacing:0;}
.footMenus dl{margin-right:20px;}
.m2banTxt strong{font-size:24px; line-height:36px;}
.m2banner .bgImg{height:320px;}
.m2banTxt .m2ban_p1 strong{font-size:21px; line-height:32px;}
.m2banBtn{margin-top:20px;}
.m2banBtn a{width:120px; line-height:40px; font-size:14px; height:40px;}
.m2pos_a,.m2pos_a:hover{font-size:14px; margin-right:5px;}
.m2pos i{ width:10px; margin-right:5px; position:relative; top:1px;}
.m2pos_hm{margin-right:5px;}
.m2pos span{font-size:14px;}
.m2menu_a{font-size:14px; margin-left:15px;}
}
@media (max-width:993px){
.footMenus{width:100%; float:none; overflow:hidden;display:flex; justify-content:space-between;}
.footWxs{width:100%; float:none; margin-top:25px;}
.footMenus dl{}
}
@media (max-width:767px){
.foot_logo img{height:30px;}
.foot_logo{margin-top:8px;}
.footer{padding-top:35px;}
.footMenus{display:block; overflow:hidden;}
.footMenus dl{width:100%; margin-right:0; overflow:hidden; margin-bottom:18px;}
.footMenus dl dt{width:100%; margin-bottom:16px;}
.footMenus dl dd{ overflow:hidden;}
.footMenus dl dd ul li{float:none; display:inline-block; margin-right:15px;}
.footMenus dl dd ul{ float:none; display:inline-block;}
.footMenus dd ul:nth-child(2){margin-left:0;}
.footMix{margin-top:10px; padding-top:15px;}
.footMenus dt:after{bottom:-11px;}
.footWxs{overflow:hidden; margin-top:5px; padding-bottom:25px;}
.footCopy .fl,.footCopy .fr{width:100%; text-align:center; float:none; display:block; font-size:12px; line-height:22px;}
.footCopy{padding:20px 0;}
.m2pos{display:none;}
.m2menu{width:100%; float:none; text-align:center; display:inline-block; white-space:nowrap;}
.m2posWpr .container-fluid{width:100%; overflow-x:auto; padding:0}
.m2menu_a{display:inline-block; white-space:nowrap; float:none; margin:0 5px;}
.pubCon{padding-top:40px; padding-bottom:50px;}
.m2banner .bgImg{height:220px;}
.m2banTxt strong{font-size:20px; line-height:30px;}
.page .pagination li{margin-bottom:10px;}
}


.m2sjCon1Wpr{}
.m2sjCon1{ position:relative; min-height:320px; padding-right:41.66%;}
.m2pub_t{ font-size: 40px; line-height: 40px; letter-spacing: 4px; position: relative;}
.m2pub_t:after{ content: ""; background: #095f46; height: 3px; width: 50px; position: absolute; left: 0px; bottom: -24px; }
.m2pub_t_c{ text-align:center;}
.m2pub_t_c:after{left:50%; margin-left:-25px;}
.m2sjc1img{ width:36.36%; position:absolute; right:0; top:58px;}
.m2sjc1img:after{ content: ""; height: 80px; width: 80px; border-right: 10px solid #42B693; border-bottom: 10px solid #42B693; position: absolute; right: -10px; bottom: -10px; }
.m2sjc1img .overflowHide{height:320px;}
.m2sjc1txt{ font-size: 16px; line-height: 32px; letter-spacing: 1px; text-align:justify; margin-top: 48px; }
.m2sjCon2{ background: #F7F7F7; padding-bottom:calc(5.2vw - 20px);}
.m2sjc2ul{ margin: 65px -20px 0px; }
.m2sjc2ul li{ padding: 0px 20px; float: left; width: 33.33%; margin-bottom:40px;}
.m2sjc2a{ display:block; position:relative; border-radius:0.4em; overflow:hidden; box-shadow:0 5px 20px rgba(9,95,70,0.2); background:#fff;}
.m2sjc2a:before{content:""; position:absolute; left:4px; top:4px; right:4px; bottom:4px; background-image: linear-gradient(180deg, #EBF9F5 0%,#fff 90%); }
.m2sjc2a:after{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:#42B693; transition:all 0.5s ease; opacity:0;}
.m2sjc2a:hover:after{ opacity:1;}
.m2sjc2sx{ position: relative; z-index: 2; padding: 30px 30px 40px; letter-spacing:1px; }
.m2sjc2sx strong{ line-height: 40px; height:40px; overflow:hidden; display: block; margin-bottom: 36px; font-size: 22px; position: relative; font-weight: normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; }
.m2sjc2sx strong:after{ content:""; background: #42B693; height: 2px; width: 28px; position: absolute; left: 0px; bottom: -12px; transition:all 0.5s ease; }
.m2sjc2sx strong span{ display: inline-block; margin-right: 16px; font-weight: bold; color: #42B693; transition:all 0.5s ease; }
.m2sjc2sx p{ font-size: 16px; line-height: 28px; height: 84px; overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3; }
.m2sjc2a:hover{ color:#fff; transform:translateY(-6px)}
.m2sjc2a:hover .m2sjc2sx strong:after{ background:#fff;}
.m2sjc2a:hover .m2sjc2sx strong span{ color:#fff;}
@media (max-width:1799px){
.m2pub_t:after{bottom:-20px;}
.m2sjc1txt{font-size:15px; line-height:30px;}
.m2sjc2sx p{font-size:14px; line-height:26px; height:78px;}
.m2sjc2ul{margin:45px -15px 0px;}
.m2sjc2ul li{padding:0 15px; margin-bottom:30px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.m2sjc1txt{font-size:14px; line-height:26px; margin-top:40px;}
.m2sjc1img .overflowHide{height:255px}
.m2sjc2sx strong{font-size:20px;}
}
@media (max-width:993px){
.m2sjc2ul li{width:50%;}
}
@media (max-width:767px){
.m2sjCon1{padding-right:0;}
.m2sjc1img{width:100%; position:relative; right:auto; top:auto; margin-top:40px;}
.m2sjc1img + .m2sjc1txt{margin-top:25px;}
.m2sjc2ul li{width:100%; margin-bottom:20px;}
.m2sjc2ul {padding-bottom:40px;}
.m2sjc2sx{padding:20px 20px 30px;}
.m2sjc2sx strong{margin-bottom:26px;}
}


.m2daCon1{ padding-bottom:3vw;}
.m2pub_des{ font-size: 18px; line-height: 34px;/* text-align: center;*/ letter-spacing: 1px;/* max-width: 1030px; */margin: 48px auto 0 }
.m2dac1dl{ margin-top: 2.08vw; }
.m2dac1dl dd{ width:50%; float:left; text-align:center;}
.m2daCon2{ background: #f5f5f5; }
.m2pubSwiper{}
.m2pubSwiper .slick-prev{ background: #E5E5E5 url(../images/m2da_c2ar.png) no-repeat center center; display: inline-block; height: 50px; width: 50px; position: absolute; left: -90px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -25px; z-index: 1; transition:all 0.5s ease; border-radius:50%; }
.m2pubSwiper .slick-next{ background: #E5E5E5 url(../images/m2da_c2ar.png) no-repeat center center; display: inline-block; height: 50px; width: 50px; position: absolute; right: -90px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -25px; z-index: 1; transition:all 0.5s ease; border-radius:50%; transform:rotate(180deg);}
.m2pubSwiper .slick-prev:hover,.m2pubSwiper .slick-next:hover{ background: #42B693 url(../images/m2da_c2ar.png) no-repeat center center; }
.m2pubSwiper .slick-dots{ bottom: -40px; height: 14px; }
.m2pubSwiper .slick-dots li button{display:none;}
.m2pubSwiper .slick-dots li { background: #FFFFFF; display: inline-block; height: 14px; width: 14px; margin: 0px 8px; position: relative; border-radius: 50%; vertical-align: middle; border: 1px solid #42B693; }
.m2pubSwiper .slick-dots li.slick-active{ background: #42B693;}
.m2dac2swiper{ margin:2.68vw -13px 30px;}
.m2dac2swiper dd{ padding:13px; height:226px; position:relative; cursor:pointer; transition:all 0.5s ease;}
.m2dac2swiper dd:hover{transform:translateY(-8px);}
.m2dac2bgs{ height:200px; background:#fff; left:13px; top:13px; right:13px; bottom:13px; border-radius:0.6em; transition:all 0.5s ease; position:absolute;}
.m2dac2swiper dd .m2dac2bgs{ box-shadow:0 3px 15px rgba(9,95,70,0.1);}
.m2dac2bgs:before{ content: ""; background: url(../images/m2da_c2ibg2.png) no-repeat center center; position: absolute; height: 33px; width: 178px; left: 0px; bottom: 0px; }
.m2dac2bgs:after{ content: ""; background: url(../images/m2da_c2ibg1.png) no-repeat; height: 28px; width: 68px; position: absolute; left: 37px; top: 8px; }
.m2dac2bgs span{ background: url(../images/m2da_c2ibg3.png) no-repeat center center; height: 20px; width: 48px; position: absolute; right: 28px; bottom: 8px; }
.m2dac2Icon{ height: 80px; width: 80px; position: absolute; left: 70px; margin-top: -40px; z-index: 1; top: 50%; background: #42B693; border-radius:50%;}
.m2dac2swiper dd:hover .m2dac2Icon{transform:rotateY(180deg); transition:all 0.5s ease;}
.m2dac2Icon:after{content:""; position:absolute; left:-9px; top:-9px; right:-9px; bottom:-9px; border-radius:50%; border:1px dashed #42B693;}
.m2dac2Icon img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.m2dac2txt{ padding: 13px 58px 13px 195px; height: 200px; position: relative; z-index: 1; display:flex; flex-direction:column; justify-content:center; letter-spacing:1px;}
.m2dac2txt strong{ font-size: 22px; color: #42b593; line-height: 30px; font-weight: normal; display: block; }
.m2dac2txt p{ font-size: 16px; line-height: 28px; color: #666; margin-top:12px;}
.m2dac2swiper dd:hover .m2dac2bgs:before{ content: ""; background: url(../images/m2da_c2ibg2a.png) no-repeat center center; }
.m2dac2swiper dd:hover .m2dac2bgs:after{content:""; background: url(../images/m2da_c2ibg1a.png) no-repeat;}
.m2dac2swiper dd:hover span{ background: url(../images/m2da_c2ibg3a.png) no-repeat center center;}
.m2dac2swiper dd:hover .m2dac2Icon:after{ animation:radiusRotate 5s linear infinite;}
.m2daCon3{ padding-bottom:0px;}
.m2dac3swiper{ margin:2.68vw -20px 30px;}
.m2dac3swiper dd{ padding:20px;}
.m2dac3ax{ padding: 25px 20px 40px 35px; border: 1px solid #42B693; border-radius:0.8em; cursor:pointer; box-shadow:0 5px 18px rgba(9,95,70,0.1); position:relative; overflow:hidden;}
.m2dac3swiper dd:hover .m2dac3ax{ box-shadow:0 5px 18px rgba(9,95,70,0.3); transform:translateY(-10px)}
.m2dac3Dx{}
.m2dac3Dx span{ display:block; width:60px; height:60px;}
.m2dac3Dx dl{ margin-top:5px;}
.m2dac3Dx dl dt{ font-size: 26px; line-height: 52px; color: #42b593; letter-spacing: 2px; display: block; }
.m2dac3Dx dl dd{ font-size: 18px; line-height: 36px; position: relative; padding:0 0 0 20px; letter-spacing: 1px; }
.m2dac3Dx dl dd:before{ content: ""; background: #42B693; height: 4px; width: 4px; position: absolute; left: 0px; top: 16px; border-radius:50%;}
.m2dac3Hx{ position:absolute; left:0; top:0; right:0; bottom:0; padding:0 20px; /*text-align:center;*/ background:#42B693; color:#fff;display:flex; flex-direction:column; justify-content:center; transition:all 0.3s ease; opacity:0}
.m2dac3Hx span{ display:inline-block; width:60px; height:60px;/* margin:0 auto;*/}
.m2dac3Hx dl{ margin-top:5px;}
.m2dac3Hx dl dt{ font-size: 26px; line-height: 52px; color: #42b593; letter-spacing: 2px; display: block; color:#fff; }
.m2dac3Hx dl dd{font-size: 18px; line-height: 36px; position: relative; padding:0; letter-spacing: 1px; position:relative; padding:0 0 0 20px; }
.m2dac3Hx dl dd:before{ content: ""; background: #fff; height: 4px; width: 4px; position: absolute; left: 0px; top: 16px; border-radius:50%;}
.m2dac3ax:hover .m2dac3Hx{ opacity:1;}
.m2daCon4{ padding-bottom:0px; margin-top:-30px;}
.m2dac4swiper{ margin:2.68vw -20px 30px;}
.m2dac4swiper dd{ padding:20px;}
.m2dac4ax{ height:280px; overflow:hidden; border-radius:0.8em; background:#F7F7F7; display:block; position:relative;}
.m2dac4ax:before{ content: ""; position: absolute; left: 0px; top: 101px; right: 0px; bottom: 0px; background: url(../images/m2da_c4hbg.jpg) no-repeat center center; background-size:cover; transition:all 0.5s ease; opacity:0;}
.m2dac4ax:hover{ box-shadow:0 5px 18px rgba(9,95,70,0.2); transform:translateY(-10px); background:#42B693;}
.m2dac4ax:after{ content: ""; background: #FFF url(../images/m2abt_ar.png) no-repeat center center; display: inline-block; height: 34px; width: 34px; position: absolute; left: 50px; bottom: 25px; border-radius:50%; z-index:1; transition:all 0.5s ease; opacity:0}
.m2dac4st{ line-height: 100px; height: 101px; border-bottom: 1px solid #FFF; position: relative; padding-left: 90px; font-size: 22px; font-weight: normal; letter-spacing: 1px; overflow:hidden }
.m2dac4st span{ background: #42B693; height: 40px; width: 40px; border: 1px solid #42B693; position: absolute; top: 30px; left: 30px; border-radius:50%;}
.m2dac4st span img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.m2dac4ax p{ font-size: 16px; line-height: 26px; color: #999999; letter-spacing: 1px; margin-top: 17px; height: 84px; overflow: hidden; padding: 0px 50px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3; transition:all 0.5s ease; position:relative; }
.m2dac4m{ font-size: 16px; color: #FFF; line-height: 44px; text-align: center; display: block; position: absolute; width: 100%; left: 0px; bottom: 0px; background: #42B693; transition:all 0.5s ease;}
.m2dac4ax:hover:before{opacity:1;}
.m2dac4ax:hover{color:#fff;}
.m2dac4ax:hover .m2dac4st span{border:1px solid #fff;}
.m2dac4ax:hover .m2dac4m{opacity:0;}
.m2dac4ax:hover p{color:#fff;}
.m2dac4ax:hover:after{opacity:1;}
.m2daCon5{ margin-top:-30px;}
.m2dac5dl{ margin:2.68vw -20px 30px;}
.m2dac5dl dd{ padding:20px 20px 0; width:33.33%; float:left;}
.m2dac5a{ display:block; height:120px; box-shadow:0 3px 20px rgba(9,95,70,0.1); border-radius:0.6em; position:relative;}
.m2dac5a:before{ content: ""; background: url(../images/m2da_c4bg.png) no-repeat center center; height: 107px; width: 63px; position: absolute; right: 8px; bottom: 8px; }
.m2dac5a:after{ content: ""; background: url(../images/m2da_c2ibg2.png) no-repeat; height: 33px; width: 178px; position: absolute; left: 0px; bottom: 0px; }
.m2dac5a p{ font-size: 22px; line-height: 32px; font-weight: normal; padding: 0px 110px 0px 30px; height: 120px;display:flex; flex-direction:column; justify-content:center; position:relative; }
.m2dac5a p i{ background: url(../images/m2da_c4di.png) no-repeat; height: 39px; width: 37px; margin-top: -20px; position: absolute; top: 50%; right: 52px; }
.m2dac5a:hover{ transform:translateY(-8px); box-shadow:0 3px 20px rgba(9,95,70,0.2);}
@media (max-width:1799px){
.m2pub_t{font-size:30px; line-height:30px;}
.m2pub_des{font-size:16px; line-height:30px; margin-top:40px}
.m2pubSwiper .slick-prev{width:42px; height:42px; left:-70px;}
.m2pubSwiper .slick-next{width:42px; height:42px; right:-70px;}
.m2dac4st{padding-left:72px; font-size:19px; line-height:80px; height:80px;}
.m2dac4st span{left:20px; top:19px;}
.m2dac4ax p{padding:0 20px;}
.m2dac4ax p{font-size:15px;}
.m2dac4m{font-size:15px;}
.m2dac4ax{height:260px;}
.m2dac4ax:before{top:80px;}
.m2proc1item{height:300px;}
.m2dac2txt p{font-size:15px; line-height:26px;}
.m2dac3swiper{margin-left:-15px; margin-right:-15px;}
.m2dac3Hx dl dt,.m2dac3Dx dl dt{font-size:24px; line-height:48px;}
.m2dac3Hx dl dd,.m2dac3Dx dl dd{font-size:16px; line-height:32px;}
.m2dac3Hx span,.m2dac3Dx span{width:50px; height:50px;}
.m2dac4ax:after{left:20px;}
}
@media (max-width:1379px){
.m2pubSwiper .slick-prev{left:-60px;}
.m2pubSwiper .slick-next{right:-60px;}
.m2dac3swiper{margin-left:30px; margin-right:30px;}
.m2dac3swiper dd{ padding-left:15px; padding-right:15px;}
}
@media (max-width:1199px){
.m2pub_t{font-size:24px; line-height:24px;}
.m2pub_des{font-size:14px; line-height:26px;}
.m2pub_t:after{bottom:-18px;}
.m2pubSwiper .slick-prev{left:-42px;}
.m2pubSwiper .slick-next{right:-42px;}
}
@media (max-width:993px){
.m2pubSwiper .slick-dots li { height: 6px; width: 6px; margin: 0px 6px; }
.m2dac5dl dd{width:100%; margin-top:-8px;}
.m2dac5dl{margin-top:48px;}
.m2dac3Hx dl dt,.m2dac3Dx dl dt{font-size:20px; line-height:42px;}
.m2dac3Hx dl dd, .m2dac3Dx dl dd{font-size:14px; line-height:26px;}
.m2dac3Hx dl dd:before,.m2dac3Dx dl dd:before {top: 11px;}
}
@media (max-width:767px){
.m2pub_t{letter-spacing:1px;}
.m2pub_des{margin-top:35px;}
.m2daCon1{padding-bottom:40px;}
.m2dac2txt{padding:140px 15px 10px 15px;}
.m2dac2txt p{font-size:12px; line-height:22px;}
.m2dac2txt strong{font-size:20px; line-height:20px; text-align:center}
.m2dac2Icon{width:40px; height:40px; left:50%; margin-left:-20px; top:45px; margin-top:0}
.m2dac2Icon img{max-width:70%; max-height:70%; width:auto; height:auto;}
.m2dac2swiper{margin-top:35px;}
.m2dac2swiper dd{height:325px;}
.m2dac2bgs{height:300px;}
.m2pubSwiper .slick-prev{left:-36px;}
.m2pubSwiper .slick-next{right:-36px;}
.m2dac3swiper{margin-top:30px;}
.m2daCon4{margin-top:0; padding-bottom:40px;}
}


.m2jobCon{}
.m2jobVars{ margin: 0px -10px; display:flex; justify-content:space-between;}
.m2jobVars li{ width:25%; padding:0 10px;}
.m2jobVars li:last-child{width:35%;}
.m2jobInx{ position:relative;}
.m2jobInx select{ appearance: none; -moz-appearance: none; -webkit-appearance: none; border: 1px solid #E6E6E6; background: transparent url(../images/m2jb_ar.png) no-repeat calc(100% - 15px) center; padding-left: 62px; opacity: 1; color: #888; font: 16px/58px "微软雅黑"; width: 100%; height: 60px; padding-left: 62px; }
.m2jobInx input{ height: 60px; width: 100%; border: 1px solid #e6e6e6; padding: 0px 78px 0px 25px; font-size: 16px; line-height: 58px; }
.m2jobInx button{ background: url(../images/m2job_ser.png) no-repeat center center; height: 26px; width: 26px; position: absolute; top: 17px; right: 26px; cursor: pointer; }
.m2jobSubmit{}
.m2jobInx span{ display: inline-block; height: 30px; width: 30px; position: absolute; left: 20px; top: 15px; }
.m2jobList{ margin-bottom:2.6vw; margin-top:2.34vw;}
.m2jobList li{ margin-bottom:1.45vw;}
.m2job_a{ display: block; padding: 34px 52px 36px 40px; position:relative; box-shadow:0 0 12px rgba(0,0,0,0.08);}
.m2job_a:before{ content: ""; background: url(../images/m2job_cbg.jpg) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-size:cover; transition:all 0.5s ease; opacity:0}
.m2job_a:hover{ box-shadow:0 4px 25px rgba(9,95,70,0.3); color:#fff;}
.m2job_a:hover:before{opacity:1;}
.m2job_txt{ position: relative; padding-right: 120px; }
.m2job_txt strong{ font-size: 22px; line-height: 36px; letter-spacing: 4px; display: block; font-weight: normal; height: 36px; overflow: hidden; }
.m2job_m{ color: #42B693; background: url(../images/m2job_sar.png) no-repeat right 9px; letter-spacing: 1px; padding-right: 20px; display: inline-block; font-size: 16px; line-height: 26px; margin-top: 18px; transition:all 0.5s ease;}
.m2job_txt:before{ content: ""; background: url(../images/m2job_sri1.png) no-repeat center center; height: 49px; width: 45px; margin-top: -25px; position: absolute; top: 50%; right: 0px; transition:all 0.5s ease;}
.m2job_txt:after{content:""; background: url(../images/m2job_sri1a.png) no-repeat center center; height: 49px; width: 45px; margin-top: -25px; position: absolute; top: 50%; right: 0px; transition:all 0.5s ease; opacity:0;}
.m2job_a:hover .m2job_txt:before{opacity:0;}
.m2job_a:hover .m2job_txt:after{opacity:1;}
.m2job_a:hover .m2job_m{ color: #fff; background: url(../images/m2job_sar2.png) no-repeat right 9px; }
.m2jobLaybg{ background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; right:0; bottom:0; z-index:15;}
.m2jobLyaerWpr{ width:100%; position:fixed; left:0; top:50%; transform:translateY(-50%); z-index:20;}
.m2jobLyaer{ background:#fff; position:relative;}
.m2job_colose{ background: #FFF url(../images/m2job_close.png) no-repeat center center; height: 32px; width: 32px; position: absolute; top: 25px; right: 25px; border-radius:50%; box-shadow:0 3px 20px rgba(0,0,0,0.1); cursor:pointer; transition:all 0.5s ease;}
.m2job_colose:hover{transform:rotate(180deg);}
.m2jobTop{ background: url(../images/m2job_bg.jpg) no-repeat center center; padding: 50px 60px 35px; color:#fff; background-size:cover;}
.m2jobTop strong{ font-size: 38px; line-height: 52px; font-weight: normal; letter-spacing: 2px; display: block; }
.m2jobTop p{ font-size: 16px; line-height: 28px; margin-top: 12px; }
.m2jobTop p span{ display:inline-block; margin-right:38px;}
.m2jobLmx{ background: #FFF; padding: 40px 60px; }
.m2jobLmx h5{ font-size: 22px; line-height: 30px; display: block; font-weight: normal; letter-spacing: 1px; margin-bottom:12px; }
.m2jobLtxt{ margin-bottom: 40px; font-size: 16px; line-height: 30px; color: #808080; max-height:calc(100vh - 500px); overflow-y:auto; padding-right:10px; margin-right:-10px; }
.m2jobBtns{ height:56px;display:flex; justify-content:space-between;  flex-wrap:wrap;}
.m2job_btn1,.m2job_btn2{ width: 48%; text-align: center; display: block; background: #42B693; font-size: 16px; line-height: 56px; color: #FFF; }
.m2job_btn1:hover,.m2job_btn2:hover{ box-shadow:0 3px 12px rgba(9,95,70,0.2); color:#fff; transform:translateY(-5px)}
@media (max-width:1799px){
.m2jobInx select{ font: 15px/52px "微软雅黑"; height: 54px;}
.m2jobInx span{top:12px;}
.m2jobInx input{ height: 54px; font-size: 15px; line-height: 52px; }
.m2jobInx button{ top: 14px;}
.m2job_txt strong{font-size:21px;}
.m2jobTop{padding:15px 30px 18px;}
.m2jobTop strong{font-size:26px; line-height:40px;}
.m2jobTop p{font-size:15px; line-height:24px; margin-top:5px;}
.m2jobLmx{padding:18px 30px;}
.m2jobLmx h5{font-size:20px; line-height:28px;}
.m2jobBtns{height:48px;}
.m2job_btn1, .m2job_btn2{line-height:48px; font-size:15px;}
.m2jobLtxt{max-height:calc(100vh - 350px); font-size:14px; line-height:26px;}
.m2job_m{margin-top:10px;}
.m2job_a{padding:25px 52px 25px 30px;}
.m2job_txt:before{ transform:scale(0.9); transform-origin:right center;}
}
@media (max-width:1379px){

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

}
@media (max-width:993px){
.m2jobVars{ flex-wrap:wrap;}
.m2jobVars li{width:50%!important; margin-bottom:20px;}
.m2jobList{margin-bottom:30px;}
}
@media (max-width:767px){
.m2jobVars li{width:100%!important; margin-bottom:15px;}
.m2job_a{padding:15px 8px 15px 14px;}
.m2jobList li{margin-bottom:12px;}
.m2job_txt strong{letter-spacing:1px; font-size:16px; line-height:28px; height:28px;}
.m2job_m{font-size:14px; line-height:22px; height:22px; margin-top:5px}
.m2job_txt{ padding-right:52px;}
.m2job_txt:before{background-size:30px auto;}
.m2jobTop strong{font-size:18px; line-height:32px;}
.m2jobTop p{font-size:12px;}
.m2jobTop p span{margin-right:10px;}
.m2jobTop{padding-left:15px;}
.m2jobLmx{padding-left:15px; padding-right:15px;}
}


.hmCon1{ background: #F7F7F7; padding: 4.42vw 0px 4.16vw; }
.hmc1ul{display:flex; justify-content:space-between; }
.hmc1ul li{ position:relative;}
.hmc1Gif{ position:absolute; left:-60px; top:50%; transform:translateY(-50%); transition:all 0.5s ease; max-width:none; opacity:0; width:200px; height:200px;-webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:0;}
.hmc1ul li:hover .hmc1Gif{ opacity:0.4;}
.hmc1ul li strong{ font-size: 18px; font-weight: normal; color: #666666; line-height: 68px; display: block; position:relative; }
.hmc1ul li strong span{ font-size: 58px; display: inline-block; margin-right: 10px; color: #333; transition:all 0.5s ease; }
.hmc1ul li p{ font-size: 15px; line-height: 30px; letter-spacing: 1px; margin-top:-15px; position:relative;}
.hmc1ul li:hover strong span{ color:#095f46;}
.hmc1ul li:nth-child(1) strong,
.hmc1ul li:nth-child(2) strong{ font-size:18px;}
@media (max-width:1799px){
.hmc1ul li strong span{font-size:46px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.hmc1ul li strong span{font-size:30px; margin-right:3px;}
.hmc1ul li strong{ font-size:18px;}
}
@media (max-width:993px){

}
@media (max-width:767px){
.hmc1ul{ flex-wrap:wrap;}
.hmc1ul li p{ font-size:13px; line-height:24px;}
.hmCon1{padding:25px 0 40px;}
.hmc1ul li strong{line-height:60px; font-size:13px;}
.hmc1ul li:nth-child(1) strong, .hmc1ul li:nth-child(2) strong{font-size:14px;}
.hmc1ul li strong span{font-size:26px;}
.hmc1ul li{width:33.33%;}
.hmc1ul li:nth-child(1),.hmc1ul li:nth-child(2){width:50%;} 
}


@keyframes hmc2uds {
	0% {
		transform:translateY(-8px);
	}
	50% {
		transform:translateY(8px);
	}
    100% {
		transform:translateY(-8px);
	}
}
.hmCon2{ padding-top: 4.68vw; background: url(../images/hmc2lbg.png) repeat-x left bottom; }
.hmTbox{ text-align:center;}
.hmTbox strong{ font-size: 40px; line-height: 40px; letter-spacing: 4px; display:block; }
.hmTbox p{ font-size: 18px; line-height: 34px; color: #666666; text-align: center; margin-top:16px; letter-spacing:2px;}
.hmc2box{ max-width:1314px; margin:9.5vw auto 0; position:relative;}
.hmc2proBg{ width:100%; height:auto;}
.hmc2ProBimg{ width:23.51%; position:absolute; left:50%; transform:translateX(-50%); bottom:47.05%;}
.hmc2ProBimg img{ position:absolute; left:50%; transform:translateX(-50%); transition:all 0.5s ease; opacity:0; visibility:hidden; bottom:0}
.hmc2ProBimg img.on{ opacity:1; visibility:visible;}
.hmc2pro_a{ display:block; width:1px; height:1px; position:absolute; animation:hmc2uds 3s linear infinite;}
.hmc2pro_a1{ left:16.51%; bottom:65.43%;}
.hmc2pro_a2{ left:24.12%; bottom:37.85%; animation-delay:1.5s;}
.hmc2pro_a3{ left:48.47%; bottom:30.93%;}
.hmc2pro_a4{ right:24.12%; bottom:37.85%; animation-delay:1.5s;}
.hmc2pro_a5{ right:16.51%; bottom:65.43%;}
.hmc2proThumb{ height: 80px; width: 80px; margin-top: -40px; margin-left: -40px; border: 1px solid #42B693; position: absolute; left: 50%; top: 50%; border-radius:50%; background:#fff;}
.hmc2proThumb img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:70%; max-height:70%; width:auto; height:auto;}
.hmc2proThumb:after{ content: ""; background: url(../images/hmc3aniline.png) no-repeat center center; height: 96px; width: 96px; margin-top: -48px; position: absolute; left: 50%; top: 50%; margin-left:-48px;}
.hmc2pro_a:hover .hmc2proThumb:after{ animation:radiusRotate 5s linear infinite;}
.hmc2pro_a p{ display:inline-block; white-space:nowrap; left:50%; transform:translateX(-50%); line-height:40px; height:42px; border:1px solid #42B693; border-radius:2em; transition:all 0.5s ease; bottom:-115px; padding:0 25px; font-size:18px; color:#666666; background:#fff; position:absolute;letter-spacing:1px;}
.hmc2pro_a.on p{ background:#42B693; color:#fff;  box-shadow:0 3px 15px rgba(9,95,70,0.2);}
.hmc2pro_a1 p{left:auto; transform:translateX(0); right:66px; bottom:-21px;}
.hmc2pro_a5 p{right:auto; transform:translateX(0); left:66px; bottom:-21px;}
@media (max-width:1799px){
.hmTbox strong{ font-size: 30px; line-height: 30px; letter-spacing: 3px;}
.hmTbox p{ font-size: 16px; line-height: 30px; margin-top:12px; letter-spacing:1px;}
.hmc2pro_a p{font-size:15px; bottom:-100px; line-height:36px; height:38px;}
.hmc2pro_a1 p{ bottom:-21px;}
.hmc2pro_a5 p{ bottom:-21px;}
.hmc2box{max-width:1000px;}
.hmc2proThumb{transform:scale(0.9);}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.hmTbox strong{font-size:24px; line-height:24px;}
.hmc2pro_a1{left:20.51%;}
.hmc2pro_a5{right:20.51%;}
}
@media (max-width:993px){
.hmc2pro_a1{left:28.51%; bottom:72.43%;}
.hmc2pro_a5{right:28.51%; bottom:72.43%;}
.hmCon2{padding-bottom:60px;}
}
@media (max-width:767px){
.hmCon2{padding-top:50px;}
.hmTbox p{font-size:14px; line-height:26px; margin-top:10px;}
.hmTbox strong{letter-spacing:1px;}
.hmc2proThumb{display:none;}
.hmc2pro_a p{ font-size:12px; line-height:30px; height:32px; padding:0 12px;}
.hmc2box{margin-top:65px;}
.hmc2pro_a1{left:45%;}
.hmc2pro_a5{right:48%;}
.hmc2pro_a2{bottom:86%;}
.hmc2pro_a4{bottom:86%;}
.hmc2pro_a3{bottom:50%;}
}


@keyframes hmc3icon {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(5);
  }
}
.hmCon3{ padding-bottom:0; overflow:hidden;}
.hmc3tags{ margin: 2.08vw 0px 2.4vw;display:flex; justify-content:space-between;}
.hmc3tags a{ white-space: nowrap; display: inline-block; font-size: 18px; line-height: 42px; letter-spacing: 1px; padding:0 30px; border-radius:2em; }
.hmc3tags a span{ display: inline-block; height: 20px; margin-right: 8px; position: relative; line-height:0; float:left; margin-top:11px; }
.hmc3tags a span img{ transition:all 0.5s ease;}
.hmc3tags a span img:nth-child(2){ position:absolute; left:0; top:0; opacity:0}
.hmc3tags a.on span img{ opacity:0;}
.hmc3tags a.on span img:nth-child(2){ opacity:1;}
.hmc3tags a.on{ background: #42B693; color:#fff; }
.hmc3tags a p{ display:inline-block;}
.hmc3SwiperWpr{width:4464px; position:relative; left:50%; transform:translateX(-50%);}
.hmc3Swiper{}
.hmc3Swiper dd{ padding:0 25px;}
.hmc3item{ height:598px; position:relative; background:#F2F2F2;}
.hmc3item .bgImg{ position:absolute; left:0; top:0; right:0; bottom:0;}
.hmc3item .bgImg:after{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background-image: linear-gradient(90deg, rgba(255,255,255,0.8) 20%,rgba(255,255,255,0) 40%); transition:all 0.3s ease; opacity:0; }
.hmc3aniImg{ display:block; width:52.17%; position:absolute; top:50%; transform:translateY(-50%); right:15%;}
.hmc3sx{ width:1px; height:1px; position:absolute; cursor:pointer;}
.hmc3sx1{ left:68.21%; top:59.09%;}
.hmc3sx2{ left:10.23%; top:32.9%;}
.hmc3sx3{ left:31.37%; top:16.45%;}
.hmc3sx4{ left:50.88%; top:33.54%;}
.hmc3sx5{ left:52.25%; top:51.51%;}
.hmc3sx6{ left:73.39%; top:81.6%;}
.hmc3aniIcon{ width:8px; height:8px; position:absolute; left:50%; top:50%; margin-left:-4px; margin-top:-4px; background: #FD7D2A; border-radius:50%;}
.hmc3aniIcon:before,.hmc3aniIcon:after{ content: ""; animation: hmc3icon 3s linear infinite; background: #FD7D2A; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; border-radius:50%;}
.hmc3aniIcon:after{ animation-delay:1.5s;}
.hmc3aniTip{ position:absolute; transition:all 0.3s ease; opacity:0; visibility:hidden;}
.hmc3sx:hover .hmc3aniTip{opacity:1; visibility:visible;}
.hmc3aniTip1{ background: url(../images/hmc3line1.png) no-repeat center center; height: 115px; width: 346px; position: absolute; top: 4px; right: 4px; }
.hmc3aniTip span{ font-size: 18px; line-height: 40px; color: #fd7d2a; display: inline-block; padding: 0px 25px; height: 42px; border: 1px dashed #fd7d2a; white-space:nowrap; border-radius:2em; position:absolute}
.hmc3aniTip1 span{ right:345px; top:94px;}
.hmc3tinfo{ position:absolute; top:0; bottom:0; left:3.38vw; padding-top:135px; transition:all 0.8s ease; opacity:0; transform:translateY(80px);}
.hmc3tinfo strong{ font-size: 42px; line-height: 50px; font-weight: normal; letter-spacing: 3px; display: block; background: url(../images/hmc4ti.png) no-repeat left bottom; margin-bottom: 75px; padding-bottom: 36px; }
.hmc3tinfo p{ margin-bottom:5px;}
.hmc3tinfo p a{ font-size: 16px; letter-spacing: 1px; display: inline-block; line-height: 32px; height:34px; border-radius:2em;}
.hmc3tinfo p a:hover{ color: #FFF; background: #42B693;  padding: 0px 25px;}
.slick-current .hmc3tinfo{opacity:1; transform:translateY(0);}
.slick-current .hmc3item .bgImg:after{ opacity:1;}
.hmc3fa{position:absolute; left:0; top:0; right:0; bottom:0;}
@media (max-width:1799px){
.hmc3SwiperWpr{width:3200px;}
.hmc3Swiper dd{ padding:0 15px;}
.hmc3item{ height:408px;}
.hmc3tinfo strong{font-size:32px; line-height:42px; padding-bottom:30px; margin-bottom:30px;}
.hmc3tinfo p a{font-size:15px; line-height:28px; height:30px;}
.hmc3tinfo p a:hover{padding:0px 20px;}
.hmc3aniTip1{ transform:scale(0.8); transform-origin:right top;}
.hmc3tags a{font-size:15px; line-height:38px; padding:0 20px;}
.hmc3tags a span{margin-top:8px; margin-right:5px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.hmc3tags a{font-size:13px;}
.hmc3tags a span{margin-right:3px;}
.hmc3SwiperWpr{width:2800px;}
}
@media (max-width:993px){
.hmc3tags{display:none;}
.hmc3SwiperWpr{margin-top:25px; width:100%; margin-bottom:45px;}
.hmc3item{ height:300px;}
.hmc3Swiper dd{padding:0;}
.hmc3SwiperWpr .slick-dots{bottom:-35px;}
.hmc3SwiperWpr .slick-dots li button{display:none;}
.hmc3SwiperWpr .slick-dots li { display: inline-block; height: 6px; width: 6px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle; border:1px solid rgba(66,182,147,1)}
.hmc3SwiperWpr .slick-dots li.slick-active{ background: rgba(66,182,147,1);}
}
@media (max-width:767px){
.hmc3item{height:220px;}
.hmc3tinfo{left:15px; padding-top:28px;}
.hmc3tinfo strong{font-size:21px; line-height:30px; background-size:16px auto; padding-bottom:18px; margin-bottom:12px;}
.hmc3tinfo p{margin-bottom:0;}
.hmc3tinfo p a {font-size: 13px;line-height: 24px;height: 26px;}
.hmc3aniImg{right:6%;}
.hmc3item .bgImg:after{background-image: linear-gradient(90deg, rgba(255,255,255,0.8) 20%,rgba(255,255,255,0) 90%);}
}


.hmPage4Bg { height: 60%; width: 100%; position: absolute; left: 0px; bottom: 4.68vw; overflow:hidden; opacity:0.8 }
.canvasBg{height:100%; width:100%; border:none 0; transform:scale(1.3)}
.hmPage4Layer{height:100%; width:100%; position:absolute; z-index:1; left:0; top:0; background:#fff; opacity:0}
.hmCon4{ position:relative; padding-bottom:7.29vw}
.hmCon4 .container{ position:relative; z-index:1;}
.hmc4ul{ margin-top: 2.08vw; }
.hmc4ul li{ width:16.66%; float:left; position:relative; height:76px;}
.hmc4ul li img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; width:auto; height:auto;}
@media (max-width:1799px){

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

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

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

}
@media (max-width:767px){
.hmCon4 .hmTbox strong{font-size:20px;}
.hmc4ul li{width:33.33%; height:50px;}
.hmc4ul{margin-top:25px;}
}


.hmCon5{ padding-top:0}
.hmc5box{ margin-top:2.08vw;}
.hmc5lx{ width:65.62%; float:left;}
.hmc5lx ul{ margin: 0px -23px; }
.hmc5lx li{ padding: 0px 23px; float: left; width: 50%; }
.hmc5aBox{ display:block;}
.hmc5aBox:hover{transform:translateY(-8px); box-shadow:0 3px 14px rgba(0,0,0,0.1);}
.hmc5aBox .overflowHide{ height:300px;}
.hmc5lbm{ background: #f7f7f7; padding: 22px 30px 26px; }
.hmc5lbm strong{ font-size: 22px; line-height: 36px; font-weight: normal; letter-spacing: 1px; display: block; height: 72px; overflow: hidden; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.hmc5lbm p{ font-size: 18px; line-height: 30px; color: #666666; letter-spacing: 1px; display: block; height: 90px; overflow: hidden; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3; margin:20px 0 30px; }
.hmc5rx{ width: 31.25%; float: right; height: 590px; background: #F7F7F7; padding: 14px 35px 0px; }
.hmc5lbm span{ font-size: 16px; line-height: 30px; color: #666666; }
.hmc5rx li{ padding-top: 17px; }
.hmc5rx li strong{ font-size: 18px; line-height: 28px; letter-spacing: 1px; height: 56px; overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; font-weight:normal; }
.hmc5rx li p{ font-size: 14px; color: #666666; line-height: 38px; }
@media (max-width:1799px){
.hmc5lx ul{margin:0 -15px;}
.hmc5lx ul li{padding:0 15px;}
.hmc5rx{width:32%; padding:12px 25px 0px}
.hmc5rx li strong{font-size:15px; line-height:26px; height:52px;}
.hmc5rx li p{font-size:13px; line-height:32px;}
.hmc5rx li{padding-top:5px;}
.hmc5rx{height:476px;}
.hmc5lbm{padding:18px 20px 22px;}
.hmc5lbm strong{font-size:18px; line-height:32px; height:64px;}
.hmc5lbm p{font-size:15px; line-height:26px; height:78px; margin:12px 0 12px}
.hmc5lbm span{font-size:13px;}
.hmc5aBox .overflowHide{height:240px;}
}
@media (max-width:1379px){

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

}
@media (max-width:993px){
.hmc5lbm strong{font-size:16px; line-height:28px; height:56px;}
.hmc5lbm p{margin:8px 0 6px;}
.hmc5rx li strong{font-size:14px; line-height:24px; height:48px;}
.hmc5rx li p{font-size:12px; line-height:28px;}
.hmc5lbm p{font-size:12px; line-height:24px; height:72px;}
.hmc5rx{height:442px;}
.hmc5lbm{padding:13px 15px 17px;}
.hmc5rx{padding-left:15px; padding-right:15px;}
.hmc5lx ul{margin-left:-10px; margin-right:-10px;}
.hmc5lx ul li{padding:0 10px;}
}
@media (max-width:767px){
.hmCon5{padding-top:20px;}
.hmc5box{margin-top:20px;}
.hmc5lx{width:100%; float:none;}
.hmc5lx ul li{width:100%; margin-bottom:20px;}
.hmc5aBox:hover{transform:translateY(0);}
.hmc5lbm p{ height:auto; max-height:48px;}
.hmc5rx{width:100%;}
.hmc5rx li strong{ height:auto; max-height:48px;}
}


.hmCon6{ background:#F5F5F5; padding:3.12vw 0;}
.hmc6t{ font-size: 26px; line-height: 34px; letter-spacing: 2px; text-align: center; }
.hmc6ul{ margin-top:2.08vw;display:flex; justify-content:space-between;}
.hmc6ul li{ text-align:center;}
.hmc6ul li span{ display: inline-block; width: 80px; height: 80px; border-radius: 50%; position: relative; background: #FFF; border: 5px solid #EDEDED; }
.hmc6ul li span img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; width:auto; height:auto;}
.hmc6ul li p{ font-size: 14px; line-height: 20px; margin-top: 12px; }
@media (max-width:1799px){
.hmc6t{font-size:21px;}
.hmc6ul li p{font-size:13px; line-height:18px;}
}
@media (max-width:1379px){

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

}
@media (max-width:993px){
.hmc6ul{ flex-wrap:wrap;justify-content:flex-start;}
.hmc6ul li{width:16%; margin-bottom:20px;}
}
@media (max-width:767px){
.hmCon6{padding:40px 0;}
.hmc6ul li{width:33.33%;}
.hmc6ul{margin-top:25px;}
}


.m3sjCon1{}
.m3sjc1Tags{ margin: 2.88vw -13px 0px; }
.m3sjc1Tags dd{ padding:13px; width:25%; float:left;}
.m3sj_c1lg{ display: block; height: 80px; position: relative; border: 1px solid #E6E6E6; border-radius:0.4em; cursor:pointer; transition:all 0.5s ease; }
.m3sj_c1lg img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; width:auto; height:auto;}
.m3sj_c1lg.on{ box-shadow:0 5px 15px rgba(9,95,70,0.2); border: 1px solid #fff;}
.m3sjc1txt{ text-align: center; margin: 2.08vw auto; max-width: 1100px; display:none; }
.m3sjc1txt.on{display:block; animation:fadeInUp 0.5s ease;}
.m3sjc1txt strong{ font-size: 30px; line-height: 40px; letter-spacing: 2px; display: block; font-weight: normal; }
.m3sjc1txt p{ font-size: 18px; line-height: 28px; letter-spacing: 1px; margin-top:10px; text-align:justify; }
.m3sjc1SwiperWpr{position:relative; max-width:900px; margin-left:auto; margin-right:auto;}
.m3sjc1Swiper{ position:absolute; left:0; top:0; right:0; bottom:0; opacity:0; visibility:hidden; transform:translateY(40px);}
.m3sjc1Swiper.on{ opacity:1; visibility:visible; transform:translateY(0); transition:all 0.5s ease; z-index:2;}
.m3sjc1SwiperWpr .m3sjc1Swiper:nth-child(1){ position:relative;}
.m3sjc1_item{}
.m3sjc1ul{ border-radius:0.8em; overflow:hidden;}
.m3sjc1ul li{ width:50%; float:left;}
.m3sjc1ul li strong{ line-height: 60px; background: #E6E6E6; text-align: center; height: 60px; font-size: 22px; font-weight: normal; letter-spacing: 2px; display: block; }
.m3sjc1ul li p{ height:300px; background:#F7F7F7; position:relative;}
.m3sjc1ul li p img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:88%; max-height:88%; width:auto; height:auto;}
.m3sjc1ul li:nth-child(2) strong{ background:#42B693; color:#fff;}
.m3sjc1ul li:nth-child(2) p{ background:#D8E7E2;}
.m3sj_c1bmt{ font-size: 30px; line-height: 40px; letter-spacing: 2px; margin-top: 2.08vw; text-align:center;}
.m3sjc1Swiper .slick-prev{left:-215px;}
.m3sjc1Swiper .slick-next{right:-215px;}
.m3sjCon2{ background:#f5f5f5;}
.m3sjCon2 .m2pub_des{max-width:none;}
.m3sj_c2img{ text-align:center; margin-top:2.34vw;}
.m3sj_c2img img{}
.m3sjCon3{}
.m3sjc3Swiper{ margin:2.88vw -13px 0px;}
.m3sjc3Swiper dd{ padding:10px 13px;}
.m3sj_c3lg{display: block;height: 80px;position: relative;border-radius: 0.4em;transition: all 0.5s ease;box-shadow: 0 3px 12px rgba(9,95,70,0.18);}
.m3sj_c3lg img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:90%; max-height:90%; width:auto; height:auto;}
.m3sjCon4{ padding-top:1.6vw;}
.m3sjCon4Swiper{ margin:2.88vw -20px 0px;}
.m3sjCon4Swiper dd{ padding:12px 20px 20px;}
.m3sj_paBox{ display:block; border-radius:0.4em; overflow:hidden; box-shadow:0 3px 18px rgba(9,95,70,0.1);}
.m3sj_paBox:hover{ box-shadow:0 3px 18px rgba(9,95,70,0.3);}
.m3sj_paImg{ height:208px; position:relative;}
.m3sj_paImg img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; width:auto; height:auto;}
.m3sj_pabm{ line-height:72px;  height:73px; border-top:1px solid #F5F5F5; position:relative; padding:0 25px;}
.m3sj_pabm:before{ content: ""; background: url(../images/m3sj_proBg.jpg) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-size:cover; transition:all 0.5s ease; opacity:0}
.m3sj_pabm strong{ display:block; float:left; position:relative; font-weight:normal; font-size:20px; max-width:calc(100% - 60px);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.m3sj_pabm span{ float:right; position:relative; font-size:16px; color:#59b69a; transition:all 0.5s ease;}
.m3sj_pabm:after{ content: ""; background: #FFF url(../images/m3sj_ar.png) no-repeat center center; height: 25px; width: 25px; margin-top: -12px; position: absolute; top: 50%; right: 25px; border-radius:50%; transition:all 0.5s ease; opacity:0}
.m3sj_paBox:hover .m3sj_pabm span{opacity:0;}
.m3sj_paBox:hover .m3sj_pabm{border-top:1px solid #fff;}
.m3sj_paBox:hover{ color:#fff;}
.m3sj_paBox:hover .m3sj_pabm:before{ opacity:1;}
.m3sj_paBox:hover .m3sj_pabm:after{ opacity:1;}
@media (max-width:1799px){
.m3sj_pabm strong{font-size:18px;}
.m3sj_pabm{line-height:62px; height:63px;}
.m3sj_pabm span{font-size:15px;}
.m3proc1ul{margin-left:-15px; margin-left:-15px;}
.m3proc1ul dd{padding:0 15px;}
.m3sj_paImg{height:180px;}
.m3sjCon4Swiper{margin-left:-15px; margin-right:-15px;}
.m3sjCon4Swiper dd{ padding-left:15px; padding-right:15px;}
.m3sjc1txt strong{font-size:24px;}
.m3sjc1txt p{font-size:16px; line-height:26px;}
.m3sjc1ul li strong{font-size:20px;}
.m3sj_c1bmt{font-size:24px; line-height:36px;}
.m3sjc1Swiper .slick-prev{left:-100px;}
.m3sjc1Swiper .slick-next{right:-100px;}
}
@media (max-width:1379px){
.m3sjCon4Swiper{margin-left:30px; margin-right:30px;}
.m2dac5dl{margin-left:-15px; margin-right:-15px;}
.m2dac5dl dd{padding:15px 15px;}
.m2dac5a p{font-size:20px; height:100px;}
.m2dac5a{height:100px;}
.m2dac5a p i{transform:scale(0.8); transform-origin:right center; right:40px;}
.m2dac5a:before{transform:scale(0.8); transform-origin:right bottom;}
.m3sjc3Swiper{margin-left:30px; margin-right:30px;}
}
@media (max-width:1199px){
.m3sjc1txt strong{font-size:21px; line-height:36px;}
.m3sjc1txt p{font-size:14px;}
.m3sj_c1bmt{font-size:20px; line-height:30px;}
.m3sjc1SwiperWpr{max-width:760px;}
.m3sjc1Swiper .slick-prev{left:-80px;}
.m3sjc1Swiper .slick-next{right:-80px;}
}
@media (max-width:993px){
.m3sjc1SwiperWpr{max-width:600px;}
.m3sjc1Swiper .slick-prev{left:-60px;}
.m3sjc1Swiper .slick-next{right:-60px;}
}
@media (max-width:767px){
.m3sjc1Tags{margin-top:30px; margin-left:-5px; margin-right:-5px;}
.m3sjc1Tags dd{width:50%; padding:5px;}
.m3sj_c1lg{height:60px;}
.m3sjc1txt{margin-top:25px; margin-bottom:18px;}
.m3sjc1ul li strong{font-size:16px; line-height:50px; height:50px;}
.m3sjc1ul li p{height:140px;}
.m3sj_c1bmt{font-size:16px; line-height:28px; margin-top:15px;}
.m3sjCon1{padding-bottom:70px;}
.m3sjc3Swiper{ margin-left:0; margin-right:0; margin-top:40px;}
.m3sj_c3lg{height:70px;}
.m3sjCon4Swiper{ margin-left:0; margin-right:0; margin-top:40px;}
.m3sjCon4{padding-bottom:80px;}
.m3sj_pabm strong{font-size:16px;}
.m3sj_pabm span{font-size:14px;}
}


.m2csPage{ padding: 4.68vw 0px 3.49vw; }
.m2csul{ margin:0 -1.19vw; display:flex;flex-wrap:wrap;}
.m2csul li{ width:calc(33.3% - 2.38vw); margin:0 1.19vw; border-radius:0.6em; overflow:hidden; box-shadow:0 5px 18px rgba(9,95,70,0.1); margin-bottom:2.39vw;}
.m2cs_st{ line-height: 62px; height: 62px; background: #42B593 url(../images/m2cs_rtbg.png) no-repeat right bottom; position: relative; font-size: 26px; color: #FFF; letter-spacing: 2px; padding-left: 90px; background-size:75px auto }
.m2cs_st img{ margin-top: -20px; position: absolute; left: 38px; top: 50%; }
.m2cs_st span{}
.m2cs_itms{ padding: 30px 25px 35px; }
.m2cs_itms p{}
.m2csa{ display: block; line-height: 40px; height: 40px; padding-left: 32px; border-left: 4px solid #FFF; font-size: 18px; position:relative; letter-spacing:1px; transition:all 0.2s ease;}
.m2csa:after{ content: ""; background: #42B593; height: 6px; width: 6px; position: absolute; top: 17px; left: 11px; border-radius:50%;}
.m2csa:hover{ border-left: 4px solid #42b593;background: linear-gradient(to right,  #C3E6DC 0%,#fff 100%);  }
@media (max-width:1799px){
.m2cs_st{ line-height: 56px; height: 56px; font-size: 21px; letter-spacing: 1px; padding-left: 82px; background-size:65px auto }
.m2cs_st img{ width:36px; margin-top: -18px; left: 30px;}
.m2cs_itms{ padding: 22px 20px 28px; }
.m2csa{line-height: 32px; height: 32px; padding-left:25px; font-size: 16px;}
.m2csa:after{ top: 14px; left: 10px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.m2csa{font-size:14px; line-height:28px; height:28px;}
.m2csa:after{top:11px}
.m2cs_st{font-size:20px;}
}
@media (max-width:993px){
.m2csul li{ width:calc(50% - 2.38vw);}
}
@media (max-width:767px){
.m2csPage{padding:50px 0;}
.m2csul li{ width:calc(100% - 2.38vw); margin-bottom:16px;}
}


.m3csCon1{ padding-bottom:7.55vw; position:relative}
.m3csCon1 .container{ position:relative; z-index:1;}
.m3csc1txt{ font-size: 18px; line-height: 36px; letter-spacing: 2px; margin-top:2.38vw;/* max-width:1180px;*/ margin-left:auto; margin-right:auto; /*text-align:center;*/ }
.m3csCon1 .hmPage4Bg{bottom:0; height:70%;}
.m3csCon2{background:#f5f5f5;}
.m2pub_desFull{max-width:none;}
.m3csc2ul{ margin: 2.68vw -1.19vw 0px; display:flex;flex-wrap:wrap; }
.m3csc2ul li{ width:calc(33.3% - 2.38vw); margin:0 1.19vw; border-radius:0.6em; overflow:hidden; box-shadow:0 5px 18px rgba(9,95,70,0.1); margin-bottom:2.39vw; border:4px solid #fff;background: linear-gradient(to bottom,  #ebf9f5 0%,#fff 100%); padding:10px 24px 24px;}
.m3csc2itm{}
.m3csc2itm span{ color: #42b693; font: 46px/62px d-din-b; } 
.m3csc2itm p{ font-size: 16px; line-height: 30px; letter-spacing: 1px; }
.m3csc3ul{ margin: 1.97vw -10px 0px; display:flex;  flex-wrap:wrap;}
.m3csc3ul li{ width:calc(50% - 20px); margin:0 10px; font-size:16px; line-height:28px; margin-bottom:4px; padding-left:24px; padding-right:20px; position:relative;}
.m3csc3ul li:before{content:""; width:8px; height:8px; background:#42B593; border-radius:50%; top:10px; left:0; position:absolute;}
.m3csc3img{ text-align:center; margin-top:2.6vw;}
.m3csCon4{ padding-top:0}
@media (max-width:1799px){
.m3csc1txt{font-size:16px; line-height:32px;}
.m3csc2itm p{font-size:15px; line-height:28px;}
.m3csc2itm span{ font: 42px/56px d-din-b; } 
.m3csc3ul li{font-size:15px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.m3csc1txt{margin-top:40px; line-height:26px; font-size:14px;}
.m3csc2itm p{font-size:14px; line-height:26px;}
.m3csc3ul li{font-size:14px; line-height:26px; padding-left:14px;}
.m3csc3ul li:before{width:6px; height:6px; top:11px;}
}
@media (max-width:993px){
.m3csc2ul li{ width:calc(50% - 2.38vw);}
.m3csc3ul li{ width:calc(100% - 20px);}
}
@media (max-width:767px){
.m3csc1txt{margin-top:35px;}
.m3csCon1{ padding-bottom:60px;}
.m3csc2ul{margin-top:25px;}
.m3csc2ul li{width:100%; padding-right:15px; padding-left:15px;}
.m3csCon4{padding-bottom:70px;}
}


.m2ban_p1{writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/ writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/}
.m2whCon1{}
.m2whc1ul{ margin: 0px -15px;display:flex;  flex-wrap:wrap; }
.m2whc1ul li{ width:calc(33.33% - 30px); margin:0 15px; transition:all 0.5s ease; border-radius:0.6em; overflow:hidden; box-shadow:0 3px 25px rgba(9,95,70,0.1); position:relative; padding-bottom:24px;}
.m2whc1item{}
.m2whc1item .overflowHide{ height:260px;}
.m2whc1ico1{ background: #FFF; margin: -50px auto 0px; height: 100px; width: 100px; position:relative; z-index: 1; border-radius:50%; display:block; box-shadow:0 5px 25px rgba(9,95,70,0.1);}
.m2whc1ico1 img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)!important;}
.m2whc1p{ font-size: 26px; line-height: 46px; letter-spacing: 4px; margin: 18px 15px 0px; text-align:center; }
.m2whc1layer{ background:#42B593; color:#fff; position:absolute; left:0; top:0; right:0; bottom:0; padding:0 30px;display:flex; flex-direction:column; justify-content:center; z-index:2; text-align:center; transition:all 0.3s ease; opacity:0; transform:scaleY(0.8); transform-origin:center bottom;}
.m2whc1ico2{ background: #FFF; margin: 0px auto 0px; height: 80px; width: 80px; position:relative; z-index: 1; border-radius:50%; display:block; box-shadow:0 5px 25px rgba(9,95,70,0.1);}
.m2whc1ico2 img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)!important; max-width:60%; max-height:60%; width:auto; height:auto;}
.m2whc1layer strong{font-size: 24px; line-height: 34px; letter-spacing: 4px; margin: 12px 15px 0px; text-align:center; font-weight:normal; display:block;}
.m2whc1layer p{ font-size: 16px; line-height: 28px; letter-spacing: 1px; margin-top:12px;/* max-width:280px;*/ margin-left:auto; margin-right:auto; text-align:justify}
.m2whc1ul li:hover .m2whc1layer{ opacity:1; transform:scaleY(1)}
.m2whCon2{ background: #f7f7f7; }
.m2whc2itm{ border-radius:0.6em; overflow:hidden; box-shadow:0 3px 25px rgba(9,95,70,0.1); background:#fff; margin-top:3.52vw;}
.m2whc2itm .overflowHide{ height:600px;}
.m2whc2bm,.m2whc2bm2{ padding: 66px 25px 46px; text-align: center; position: relative; }
.m2whc2bm span{ background: #FFF; height: 100px; width: 100px; position:absolute; z-index: 1; border-radius:50%; display:block; box-shadow:0 5px 25px rgba(9,95,70,0.1); left:50%; top:-50px; margin-left:-50px;}
.m2whc2bm span img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)!important;}
.m2whc2bm strong{ font-size: 26px; line-height: 52px; font-weight: normal; letter-spacing: 2px; display: block; }
.m2whc2bm p{ font-size: 20px; line-height: 32px; color: #666666; letter-spacing: 1px; }
.m2whc2ul{ margin: 40px -20px 0px; display:flex;  flex-wrap:wrap; }
.m2whc2ul li{ width:calc(50% - 40px); margin:0 20px; border-radius:0.6em; overflow:hidden; box-shadow:0 3px 25px rgba(9,95,70,0.1); background:#fff;}
.m2whc2itm2{}
.m2whc2itm2 .overflowHide{ height:390px;}
.m2whc2bm2 span{ background: #FFF; height: 100px; width: 100px; position:absolute; z-index: 1; border-radius:50%; display:block; box-shadow:0 5px 25px rgba(9,95,70,0.1); left:50%; top:-50px; margin-left:-50px;}
.m2whc2bm2 span img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)!important;}
.m2whc2bm2 strong{font-size: 26px; line-height: 52px; font-weight: normal; letter-spacing: 2px; display: block; }
.m2whc2bm2 p{font-size: 17px; line-height: 32px; color: #666666; letter-spacing: 1px; margin-top:5px;}
.m2whc2bm2 p em{ font-style: normal; margin: 0px 20px 15px 0px; }
@media (max-width:1799px){
.m2whc1layer{padding:0 20px;}
.m2whc1ico2{ transform:scale(0.8);}
.m2whc1layer strong{font-size:22px; line-height:28px; margin-top:8px;}
.m2whc1layer p{font-size:14px; line-height:24px;}
.m2whc1ico1{ transform:scale(0.8)}
.m2whc1p{font-size:24px; line-height:30px; margin-top:12px;}
.m2whc1item .overflowHide{height:205px;}
.m2whc2itm .overflowHide{height:400px;}
.m2whc2bm span,.m2whc2bm2 span{transform:scale(0.8);}
.m2whc2bm strong,.m2whc2bm2 strong{font-size:24px; line-height:42px;}
.m2whc2bm, .m2whc2bm2{padding:50px 25px 25px;}
.m2whc2bm p,.m2whc2bm2 p{font-size:16px; line-height:28px;}
.m2whc2itm2 .overflowHide{height:290px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.m2whc1layer strong{font-size:20px; line-height:24px;}
.m2whc1layer p{font-size:13px; line-height:22px;}
.m2whc1p{font-size:22px;}
.m2whc2bm p, .m2whc2bm2 p{font-size:14px; line-height:26px;}
.m2whc2bm strong, .m2whc2bm2 strong{font-size:22px;}
}
@media (max-width:993px){
.m2whc2bm2 p em{display:inline-block; margin-right:0}
}
@media (max-width:767px){
.m2whCon1{padding-top:50px;}
.m2whc1ul li{ width:100%; margin-bottom:20px;}
.m2whc2itm .overflowHide{height:170px;}
.m2whc2itm{margin-top:40px;}
.m2whc2ul{margin-left:-15px; margin-right:-15px; margin-top:20px;}
.m2whc2ul li{width:calc(100% - 30px); margin-bottom:20px;}
.m2whc2itm2 .overflowHide{height:220px;}
}


.m2tzCon1{ background: url(../images/m2tzBg.png) no-repeat center top; }
.m2tzc1txt{ margin-top: 3.12vw; font-size: 18px; line-height: 36px; letter-spacing: 1px;/* text-align: center;*/ }
.m2tzc1a{ margin-top: 3.12vw; }
.m2tzc1a a{ display: block; background: url(../images/m2tzBg2.jpg) no-repeat center center; height: 140px; color: #FFF; font-size: 28px; line-height: 46px; letter-spacing: 2px; padding: 0px 220px 0px 65px; display:flex; flex-direction:column; justify-content:center; position:relative;}
.m2tzc1a a:hover{box-shadow:0 3px 10px rgba(9,95,70,0.2); transform:translateY(-5px)}
.m2tzc1a a:after{ content: ""; background: url(../images/m2tz_i1.png) no-repeat center center; height: 50px; width: 50px; position: absolute; margin-top: -25px; top: 50%; right: 50px; }
.m2tzbmul{ margin-top:3.12vw; margin-bottom:2.6vw;}
.m2tzCon2{padding-top:5.2vw;}
.m2tzbmul li{ margin-bottom:1.3vw;}
.m2tzbmul li a{ display: block; position: relative; line-height: 78px; height: 80px; border: 1px solid #F2F2F2; padding: 0px 245px 0px 25px; font-size: 18px; letter-spacing: 1px; }
.m2tzbmul li a span{ font-size: 16px; color: #666666; background: url(../images/m2tz_i2.png) no-repeat right center; padding-right: 55px; position: absolute; top: 0px; right: 45px; }
.m2tzbmul li a:hover{ border: 1px solid #42B693; color: #42B693; }
@media (max-width:1799px){
.m2tzc1txt{font-size:16px; line-height:30px;}
.m2tzc1a a{padding:0px 220px 0px 35px; font-size:22px; line-height:36px; height:100px;}
.m2tzc1a a:after{transform:scale(0.8); transform-origin:right center;}
.m2tzbmul li a{line-height:68px; height:70px; font-size:16px;}
.m2tzbmul li a span{font-size:14px; right:35px; padding-right:45px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.m2tzc1txt{font-size:14px; line-height:26px;}
.m2tzc1a a{font-size:20px; height:90px;}
.m2tzbmul{margin-top:36px;}
}
@media (max-width:993px){

}
@media (max-width:767px){
.m2tzc1txt{margin-top:35px;}
.m2tzc1a{margin-top:25px;}
.m2tzCon2{padding-top:50px;}
.m2tzc1a a:after{right:20px;}
.m2tzc1a a{padding:0px 66px 0px 15px; line-height:24px; font-size:14px; height:80px;}
.m2tzbmul{margin-bottom:25px;}
.m2tzbmul li a{padding:0px 15px 0px 15px; font-size:14px; line-height:52px; height:54px;}
.m2tzbmul li a span{display:none;}
}


.m2layerBg{position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:60}
.m2layerClose {position: fixed;width: 60px;height: 60px;top: 50px;right: 50px;cursor: pointer;transition: all 500ms ease;z-index: 62; cursor:pointer}
.m2layerClose:hover{transform:rotate(180deg);}
.m2layerClose:before, .m2layerClose:after {content: '';width: 60px;height: 2px;background: #fff;position: absolute;top: 30px;}
.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:75;}
.maoLink{height: 0; position: relative; overflow: hidden; top: -80px}
@media (max-width:1799px){
.m2layerClose{transform:scale(0.6); top:13px;}
.m2layerClose:hover{transform:scale(0.6) rotate(180deg);}
}
@media (max-width:767px){
.m2Lay_video{max-height: 90vw;max-width: 90vw;}
.m2layerClose{right:15px;}
}


.m2abtCon1Wpr{position:relative;}
.m2abtCon1Wpr .container{ position:relative; z-index:1}
.m2abtCon1{}
.m2abt_c1t span{ font-size: 40px; line-height: 40px; letter-spacing: 4px; display: inline-block; position: relative; }
.m2abt_c1t span:after{content:"";background: #095f46; height:3px; width:50px; position:absolute; left:0; bottom:-24px;}
.m2abtc1Top{ overflow:hidden;}
.m2abtc1Top .dsPc{ float:left;}
.m2abt_mv{ width:440px; float:left; margin:0 60px 20px 0;}
.m2abt_mv .overflowHide{ height:470px;}
.m2abt_mvnm{ background: url(../images/m2abt_play.png) no-repeat center top; padding-top: 70px; text-align: center; font-size: 18px; line-height: 32px; letter-spacing: 1px; display: block; position: absolute; left: 0px; top: 76px; width: 100%; }
.m2abt_mvnm p{ color: #FFF; }
.m2abt_c1txt{ font-size: 18px; line-height: 40px; letter-spacing: 1px; margin-top:3.12vw;}
.m2abtc1ul{ padding-top: 4.68vw; display:flex; justify-content:space-between; }
.m2abtc1ul li{}
.m2abtc1ul li strong{ line-height: 70px; display: block; font-size: 18px; font-weight: normal; }
.m2abtc1ul li strong span{ font-size: 60px; font-weight: normal; display: inline-block; margin-right: 5px; }
.m2abtc1ul li strong i{ font-size: 18px; font-style: normal; }
.m2abtc1ul li p{ font-size: 15px; line-height: 32px; letter-spacing:1px;}
.m2abtCon1Wpr .hmPage4Bg{ bottom:0; height:35%;}
.m2abtCon2{ overflow:hidden; padding-bottom:0;}
.m2abtCon2 .m2pub_t span{ display: block; font-size: 26px; line-height: 38px; letter-spacing: 4px; font-weight: normal; margin-top: 15px; }
.m2abt_c2swiperWpr{height:550px; margin-top:8.2vw; position:relative; margin-left:350px; overflow:hidden;}
.m2abt_c2swiper{ height:350px; position:relative; transform:translateY(-80px);}
.m2abt_c2item{ height:178px!important; transition:all 0.3s linear; opacity:0; transform:scale(0)}
.m2abt_c2yr{ font: 200px/140px d-din-b; float: left; perspective:1000px; width:400px;}
.m2abt_c2yr span{-webkit-background-clip:text;-moz-background-clip:text;-ms-background-clip:text;-o-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;-ms-text-fill-color:transparent;-o-text-fill-color:transparent;text-fill-color:transparent; background-image:url(../images/m2yar_bg.png);transform-origin: center center;transform: rotateX(56deg) translate3d(0, 0, 0); display:block;}
.m2abt_c2des{ font-size: 24px; line-height: 42px; border: 2px dashed #FCD000; padding: 20px 15px; width: 395px; border-radius:0.6em; background:rgba(255,255,255,0.9); float:left; margin-left:170px; position:relative; transition:all 0s ease; min-height:80px; position:relative; top:20px;}
.m2abt_c2des:before{ content: ""; background: url(../images/m2abt_line.png) no-repeat; height: 13px; width: 186px; position: absolute; left: -186px; top: 60px; }
.slick-current.m2abt_c2item{transform:scale(0.4) translate(-220px,200px); opacity:0.8;}
.slick-current.m2abt_c2item + .m2abt_c2item{transform:scale(0.6) translate(-60px,30px); opacity:0.9;}
.slick-current.m2abt_c2item + .m2abt_c2item + .m2abt_c2item{transform:scale(0.8); opacity:1;}
.slick-current.m2abt_c2item + .m2abt_c2item + .m2abt_c2item + .m2abt_c2item{transform:scale(1); opacity:1; transform:translateX(20px)}
.slick-current.m2abt_c2item + .m2abt_c2item + .m2abt_c2item + .m2abt_c2item .m2abt_c2des{opacity:0;}
.slick-current.m2abt_c2item + .m2abt_c2item + .m2abt_c2item .m2abt_c2yr span{ background-image:url(../images/m2yar_bg2.png);}
.m2abt_c2swiperWpr .slick-next{ background: #42B693 url(../images/m2da_c2ar.png) no-repeat center center; display: inline-block; height: 50px; width: 50px; position: absolute; left: 620px; top: auto; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; bottom: -228px; z-index:3; border-radius:50%; transition:all 0.3s ease; opacity:0.8;}
.m2abt_c2swiperWpr .slick-prev{ background: #42B693 url(../images/m2da_c2ar.png) no-repeat center center; display: inline-block; height: 50px; width: 50px; position: absolute; top: auto; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; bottom: -228px; z-index:3; border-radius:50%; left:690px; transform:rotate(180deg); transition:all 0.3s ease; opacity:0.8;}
.m2abt_c2swiperWpr .slick-prev:hover,.m2abt_c2swiper .slick-next:hover{background-image:url(../images/m2da_c2ar.png); opacity:1;}
@media (max-width:1799px){
.m2abt_mv{ width:380px; margin:0 40px 20px 0;}
.m2abt_mv .overflowHide{ height:400px;}
.m2abt_c1t span{font-size:30px; line-height:30px;}
.m2abt_c1txt{font-size:16px; line-height:36px;}
.m2abtc1ul li strong span{font-size:50px;}
.m2abtc1ul li strong{line-height:60px;}
.m2abtCon2 .m2pub_t span{font-size:20px; line-height:26px;}
.m2abtCon2{ background-size:1800px auto; background-position:-100px center;}
.m2abt_c2swiperWpr{ transform:scale(0.75); transform-origin:right bottom; margin-top:-50px; margin-left:150px}

}
@media (max-width:1379px){
.m2abt_c2swiperWpr{ left:80px}
}
@media (max-width:1199px){
.m2abt_c1t span{font-size:24px; line-height:24px;}
.m2abt_c1t span:after{bottom:-18px;}
.m2abt_c1txt{font-size:14px; line-height:26px;}
.m2abt_mv .overflowHide{height:340px;}
.m2abtc1ul li strong{font-size:16px; line-height:38px;}
.m2abtc1ul li strong span{font-size:30px; margin-right:3px;}
.m2abtCon2{ background-size:1800px auto; background-position:-380px center;}
.m2abt_c2swiperWpr{ margin-left:-100px;}
}
@media (max-width:993px){
.m2abt_c1t + .dsPadPhone{margin-top:40px;}
.m2abtCon2{ background-position:-530px center;}
.m2abt_c2swiperWpr{ margin-left:-250px;}
}
@media (max-width:767px){
.m2abt_mv{width:100%;}
.m2abtc1ul{ flex-wrap:wrap;}
.m2abtc1ul li{width:50%; margin-bottom:12px;}
.m2abtc1ul li p{font-size:13px; line-height:24px; letter-spacing:0}
.m2abtc1ul li strong{line-height:28px;}
.m2abtCon2{ background-position:-730px center;}
.m2abt_c2swiperWpr{ margin-left:-300px;}
.m2abt_c2yr{font-size:100px; width:235px;}
.m2abt_c2des{font-size:26px; line-height:42px; padding:15px; margin-left:230px; top:-100px; font-size:22px; line-height:36px; width:365px}
.m2abt_c2swiperWpr .slick-next{left:350px; bottom:-238px;}
.m2abt_c2swiperWpr .slick-prev{left:414px; bottom:-238px;}
}


.m2abtCon3{ position:relative; z-index:0}
.m2abt_c3box{ margin-top:2.34vw;}
.m2abtc3Lx{ float:left; padding-top:25px; width:590px;}
.m2abt_c3tags{}
.m2abt_c3tags span{ font-size: 16px; color: #999999; line-height: 44px; width: 130px; border: 1px solid #E4E4E4; text-align: center; display: inline-block; margin: 0px 10px 13px 0px; border-radius:2em; cursor:pointer;}
.m2abt_c3tags span.on{ color: #FFF; background: #42B693; border: 1px solid #42B693; }
.m2abt_c3itms{ display:none; padding-top:20px; overflow:hidden;}
.m2abt_c3itms.on{ display:flex; flex-wrap:wrap; animation:fadeInUp 0.5s ease;}
.m2abt_c3itms dl{ float:left; width:33.33%; padding-left:15px; padding-bottom:22px;}
.m2abt_c3itms dl dt{ line-height: 30px; font-size: 18px; letter-spacing: 1px; }
.m2abt_c3itms dl dd{ font-size: 14px; color: #999999; line-height: 28px; }
.m2abtc3Rx{ float:right; position:relative; overflow:hidden; width:616px;}
.server-1map { float: left; width: 100%; overflow: hidden }
.server-1map img { width: 100%; height: auto }
.server-1bg { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 12 }
.server-1bg span { width: 100%; height: 100%; position: absolute; display: block; overflow: hidden; left: 0px; top: 0px; opacity: 0 }
.server-1bg span img { width: 100%; height: auto }
.server-1bg span.active { opacity: 1 }
.server-1pos { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 20; overflow: hidden }
.server-1icon { width: auto; position: absolute; cursor: pointer; transform: translate(-50%, -50%) }
.server-1icon samp { width: 16px; height: 20px; display: block; margin: 0px auto; position: relative }
.server-1icon samp:before { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../images/icon-113.png") no-repeat center }
.server-1icon samp:after { width: 100%; height: 100%; content: ""; position: absolute; left: 0px; top: 0px; background: url("../images/icon-113-1.png") no-repeat center; opacity: 0 }
.server-1icon span { width: 100%; overflow: hidden; display: block; font-size: 16px; color: #095f46; margin-top: 4px }
.server-1icon.active samp:before { opacity: 0 }
.server-1icon.active samp:after { opacity: 1 }
.server-1icon.active span { color: #fff }
.server-1icon.icon1 { left: 63%; top: 35% }
.server-1icon.icon2 { left: 66%; top: 64% }
.server-1icon.icon3 { left: 85%; top: 21% }
.server-1icon.icon4 { left: 37%; top: 49% }
.server-1icon.icon5 { left: 42%; top: 65% }
.server-1icon.icon6 { left: 62%; top: 84% }
.server-1icon.icon7 { left: 80%; top: 62% }
.twMpa{ width: 3.21%; height: 9.63%; z-index: 20; position: absolute; right:14.8%; bottom:13.06%; background: url(../images/twmap.png) no-repeat center center; background-size:cover; opacity:0;}
.twMpa:hover{ opacity:1}
@media (max-width:1799px){
.m2abtc3Rx{width:580px;}
.m2abtc3Lx{width:540px;}
.m2abt_c3tags span{font-size:15px; line-height:40px; margin:0px 20px 10px 0px}
.m2abt_c3itms dl dt{font-size:16px; line-height:24px;}
.m2abt_c3itms dl dd{font-size:14px; line-height:26px;}
.server-1icon span{font-size:15px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.m2abt_c3tags span{width:110px; margin-right:5px;}
.m2abt_c3itms dl{padding-left:15px; padding-bottom:12px;}
.m2abtc3Rx{width:540px;}
.m2abtc3Lx{width:400px;}
}
@media (max-width:993px){
.m2abtc3Lx{width:100%; float:none;}
.m2abtc3Rx{float:none; margin-left:auto; margin-right:auto;}
}
@media (max-width:767px){
.m2abt_c3tags span{width:105px; margin-right:2px; font-size:14px; line-height:36px;}
.m2abt_c3itms dl dt{font-size:15px; line-height:24px;}
.m2abt_c3itms dl dd{font-size:13px;}
.m2abtc3Rx{ width:100%;}
.server-1icon span{font-size:13px;}
}


.m2abtCon4Wpr{ background: #f5f5f5; padding-bottom:0 }
.m2abtCon4{ margin-top: 3.64vw; background: url(../images/m2abt_c3bg.jpg) no-repeat center center; background-size:cover; }
.m2abt_c4ul{ border-left: 1px solid rgba(255,255,255,0.3);}
.m2abt_c4ul li{ float: left; width: 25%; height: 600px; border-right: 1px solid rgba(255,255,255,0.3); display:flex; flex-direction:column; justify-content:center; text-align:center; color:#fff; padding:0 32px;}
.m2abt_c4ico{ display: block; margin: 0px auto; height: 0px; width: 100px; margin-bottom:0px; transition:all 0.5s ease; overflow:hidden; }
.m2abt_c4ul li strong{ font-size: 22px; line-height: 36px; letter-spacing: 1px; font-weight:normal;}
.m2abt_c4ul li p{ font-size: 18px; line-height: 32px; letter-spacing: 1px; margin-top: 0px; transition:all 0.5s ease; overflow:hidden; max-height:0; text-align:justify;  }
.m2abt_c4ul li:hover .m2abt_c4ico{ margin-bottom:35px; height:100px;}
.m2abt_c4ul li:hover p{ max-height:160px; margin-top:15px;}
.m2abtCon5{ background: #f7f7f7; }
.m2abtCon5 .m2pub_des{ max-width:none; text-align:left;}
.m2abt_c5ul{ margin-top: 3.64vw; display:flex; justify-content:space-between; }
.m2abt_c5ul li{ text-align:center;}
.m2abt_c5ul li p{}
.m2abt_c5img{ position:relative;}
.m2abt_c5img img{}
.m2abt_c5img strong{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; font-size: 30px; font-weight: normal; color: #42B693; }
.m2abt_c5img strong span{}
.m2abtCon6{}
.m2abt_c6swiper{ margin: 3.64vw -20px 0px; }
.m2abt_c6swiper dd{ padding: 0px 20px; margin-bottom:30px; }
.m2abt_c6swiper dd img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:60%; max-height:60%; width:auto; height:auto;}
.m2abt_c6swiper dd p{ font-size: 16px; text-align:center; line-height: 32px; letter-spacing: 1px; height: 32px; overflow: hidden; margin-top: 15px; }
.m2abt_c6item{ height: 198px; position:relative; overflow:hidden;}
.m2abt_c6item:before{ content: ""; border: 6px solid #E2E2E2; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.m2abt_c6item:after{content:"";}
.m2abt_c6item span{ background: #42B693; height: 26px; width: 90px; position: absolute; left: -26px; top: 10px; transform:rotate(-45deg);}
.m2abt_c6item i{ background: url(../images/m2abt_c5si.png) no-repeat center center; height: 15px; width: 13px; position: absolute; left: 15px; top: 13px; }
.m2abt_c6swiper .slick-prev,.m2abt_c6swiper .slick-next{ margin-top:-66px;}
@media (max-width:1799px){
.m2abt_c4ul li{height:450px;}
.m2abt_c4ico{width:80px; height:0px;}
.m2abt_c4ul li:hover .m2abt_c4ico{height:80px; margin-bottom:15px;}
.m2abt_c4ul li strong{font-size:20px; line-height:30px;}
.m2abt_c4ul li:hover p{margin-top:10px;}
.m2abt_c4ul li p{font-size:15px; line-height:28px;}
.m2abt_c6swiper{margin-left:-10px; margin-right:-10px;}
.m2abt_c6swiper dd{padding-left:10px; padding-right:10px; margin-bottom:18px;}
.m2abt_c6item{height:170px;}
.m2abt_c6swiper dd p{font-size:14px; line-height:26px; margin-top:12px;}
}
@media (max-width:1379px){
.m2abt_c6swiper{margin-left:30px; margin-right:30px;}
}
@media (max-width:1199px){
.m2abt_c4ul li{padding:0 15px;}
.m2abt_c4ul li strong{font-size:18px;}
.m2abt_c4ul li p{font-size:14px; line-height:24px;}
.m2abt_c5img{ transform:scale(0.8);}
}
@media (max-width:993px){
.m2abtCon6{padding-bottom:80px;}
.m2abt_c6swiper{margin-left:0; margin-right:0; margin-top:40px;}
.m2abtCon4{margin-top:40px;}
}
@media (max-width:767px){
.m2abt_c4ul li .m2abt_c4ico{ margin-bottom:20px!important; height:80px!important;}
.m2abt_c4ul li p{ max-height:160px!important; margin-top:15px!important;}
.m2abt_c4ul li,.m2abt_c4ul{border:none;}
.m2abt_c4ul{padding-top:60px;}
.m2abt_c4ul li{height:320px;}
.m2abt_c4ul .slick-dots{bottom:80px; text-align:center; width:100%;}
.m2abt_c4ul .slick-dots li button{display:none;}
.m2abt_c4ul .slick-dots li {display: inline-block; height: 6px; width: 6px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle; border:1px solid #fff; padding:0; float:none;}
.m2abt_c4ul .slick-dots li.slick-active{ background: #fff }
.m2abt_c5img strong{font-size:32px;}
.m2abt_c5ul li p{line-height:22px; font-size:14px; transform:translateY(-8px);}
.m2abt_c5ul{flex-wrap:wrap;}
.m2abt_c5ul li{width:50%;}
}


.m2pub_des_l{margin-left:0; text-align:left;/* max-width:1118px;*/}
.m2proCon1{ background: #f7f7f7; }
.m2proSwiper1{ margin: 2.34vw -22px 0px; }
.m2proSwiper1 dd{ padding: 22px; }
.m2proc1item{ background: #fff; height: 320px; padding-top: 24px; border-radius:0.8em; overflow:hidden; box-shadow:0 3px 15px rgba(0,0,0,0.04); position:relative; transition:all 0.5s ease; }
.m2proc1t{ height: 75px; border-bottom: 1px solid #F7F7F7; padding: 0px 120px 20px 88px; position:relative;display:flex; flex-direction:column; justify-content:center; }
.m2pro_c1ico{ background: #42B693; height: 40px; width: 40px; position: absolute; left: 30px; top: 7px; border-radius:50%;}
.m2pro_c1ico img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.m2proc1t strong{ font-size: 20px; line-height: 28px; font-weight: normal; letter-spacing: 1px; display: block; transition:all 0.5s ease; }
.m2proc1t p{ font-size: 16px; color: #999999; line-height: 22px; margin-top: 3px; }
.m2proc1t i{ background: url(../images/m2pro_tico.jpg) no-repeat center center; height: 60px; width: 94px; position: absolute; top: -12px; right: 30px; }
.m2proc1lst{ margin: 0px 20px 0px 50px; padding-top: 20px; }
.m2proc1lst p{ font-size: 16px; line-height: 30px; position: relative; padding-left: 15px; overflow: hidden; }
.m2proc1item:hover{transform:translateY(-8px);}
.m2proc1item:hover .m2proc1t strong{ color:#42B693;}
.m2proc1lst p:after{ content: ""; background: #42B693; height: 3px; width: 3px; position: absolute; left: 0px; top: 14px; }
.m2proc1lst span{ display:block; padding-left:16px; font-size:20px; letter-spacing:5px;}
.m2pro_c1ma{ font-size: 16px; line-height: 44px; color: #FFF; background: #42B693; letter-spacing: 1px; position: absolute; left: 0px; right: 0px; bottom: 0px; text-align:center; transition:all 0.5s ease; }
.m2pro_c1ma:hover{color:#fff;}
.m2proCon2{}
.m2proc2swiper{ margin: 2.34vw -22px 0px;}
.m2proc2swiper dd{padding:22px;}
.m2proc2a{ display:block; box-shadow:0 8px 22px rgba(9,95,70,0.08); border-radius:0.6em; overflow:hidden;}
.m2proc2a:hover{box-shadow:0 8px 22px rgba(9,95,70,0.15); transform:translateY(-8px)}
.m2proc2a .overflowHide{ height:275px; position:relative;}
.m2proc2a .overflowHide img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:80%; max-height:80%; width:auto; height:auto;}
.m2proc2bm{ padding: 20px 90px 20px 30px; position: relative; border-top: 1px solid #F5F5F5; }
.m2proc2bm:before{ content: ""; background: url(../images/m2pro_c2bg.jpg) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-size:cover; opacity:0; transition:all 0.5s ease;}
.m2proc2bm strong{ display: block; position: relative; font-size: 22px; line-height: 34px; font-weight: normal; letter-spacing: 1px; height: 34px; }
.m2proc2bm p{ display: block; position: relative; font-size: 16px; color: #999999; line-height: 25px; height: 25px; transition:all 0.5s ease; }
.m2proc2bm span{ display: inline-block; position: absolute; font-size: 16px; color: #59b69a; top: 50%; right: 25px; line-height: 30px; margin-top: -14px; }
.m2proc2bm:after{ content: ""; background: #FFF url(../images/m2abt_ar.png) no-repeat center center; height: 34px; width: 34px; margin-top: -17px; position: absolute; top: 50%; right: 30px; border-radius:50%; transition:all 0.5s ease; opacity:0}
.m2proc2a:hover .m2proc2bm:before{opacity:1;}
.m2proc2a:hover{color:#fff;}
.m2proc2a:hover .m2proc2bm:after{opacity:1;}
.m2proc2a:hover .m2proc2bm p{ color:rgba(255,255,255,0.6);}
.m2proc2a:hover .m2proc2bm span{opacity:0;}
.m2daCon3{ background:#f7f7f7; padding-bottom:3.2vw;}
.m2daCon3 .m2dac4ax{background:#fff;}
.m2daCon3 .m2dac4ax:hover{background:#42B693;}
.m2daCon3 .m2dac4st{ border-bottom:1px solid #F7F7F7;}
.m2daCon3 .m2dac4ax:hover .m2dac4st{ border-bottom:1px solid #fff;}
@media (max-width:1799px){
.m2proc1t p{font-size:14px;}
.m2proc1lst p{font-size:15px;}
.m2proc2a .overflowHide{height:210px;}
.m2proc2bm strong{font-size:20px;}
.m2proc2bm p{font-size:15px;}
.m2proc2swiper dd{padding-left:15px; padding-right:15px;}
.m2proSwiper1 dd{padding-left:15px; padding-right:15px;}
.m2dac4swiper dd{padding-left:15px; padding-right:15px;}
.m2proSwiper1{margin-left:-15px; margin-right:15px;}
.m2proc2swiper{margin-left:15px; margin-right:15px;}
.m2dac4swiper{margin-left:15px; margin-right:15px;}
}
@media (max-width:1379px){
.m2proSwiper1{margin-left:30px; margin-right:30px;}
.m2proc2swiper{margin-left:30px; margin-right:30px;}
.m2dac4swiper{margin-left:30px; margin-right:30px;}
}
@media (max-width:1199px){

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

}
@media (max-width:767px){
.m2dac4swiper{margin-top:30px; margin-left:0; margin-right:0;}
.m2proSwiper1{margin-left:-10px; margin-right:-10px}
.m2proc1t{padding:0px 80px 20px 60px;}
.m2pro_c1ico{left:11px;}
.m2proc1t i{right:0;}
.m2proc1lst{margin:0px 15px 0px 20px;}
.m2proCon1{padding-bottom:70px;}
.m2daCon3{padding-bottom:50px;}
}

.m3proCon1{padding-bottom:3.2vw;}
.m3proc1ul{ margin: 1.82vw -20px 0px; }
.m3proc1ul dd{ padding: 0px 20px; width:25%; float:left; margin-bottom:40px; }
.m3proCon2{ background: #f5f5f5; padding-bottom:6vw; }
.m3proc2swiper{ margin: 2.6vw -23px 0px; }
.m3proc2swiper dd{ padding:23px;}
.m3pro2item{position:relative; height:380px; border-radius:0.6em; overflow:hidden; box-shadow:0 3px 15px rgba(9,95,70,0.1); background:#fff; transition:all 0.5s ease; padding:60px 45px 0; text-align:center;}
.m3pro2item:hover{ transform:translateY(-8px); box-shadow:0 3px 15px rgba(9,95,70,0.15);}
.m3proc2bgs{ position:absolute; left:0; top:0; right:0; bottom:0;}
.m3proc2bgs:before{ content: ""; background: url(../images/m3pro_si1.png) no-repeat; height: 28px; width: 68px; position: absolute; left: 38px; top: 5px; }
.m3proc2bgs:after{ content: ""; background: url(../images/m2pro_si2.png) no-repeat center center; height: 33px; width: 48px; position: absolute; right: 40px; bottom: 20px; }
.m3proc2bgs i{ background: url(../images/m2da_c2ibg2.png) no-repeat; height: 33px; width: 178px; position: absolute; left: 0px; bottom: 0px; }
.m3proc2icon{ background: #42B593; margin: 0px auto; height: 80px; width: 80px; position: relative; z-index: 1; border-radius:50%; display:block;}
.m3proc2icon img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.m3proc2icon:after{ content: ""; border: 1px dashed #42B593; position: absolute; left: -8px; top: -8px; right: -8px; bottom: -8px; border-radius:50%;}
.m3pro2item strong{ font-size: 22px; color: #42b593; letter-spacing: 2px; display: block; line-height: 32px; height: 32px; overflow: hidden; margin: 30px 0px 12px; font-weight: normal; }
.m3pro2item p{ font-size: 16px; line-height: 28px; color: #666; letter-spacing: 1px; height: 84px; overflow: hidden; overflow-y:auto; position:relative; z-index:1; }
.m3pro2item:hover .m3proc2bgs:before{ background: url(../images/m3pro_si1a.png) no-repeat;}
.m3pro2item:hover .m3proc2bgs:after{ background: url(../images/m2pro_si2a.png) no-repeat;}
.m3pro2item:hover .m3proc2bgs i{ background: url(../images/m2da_c2ibg2a.png) no-repeat;}
.m3proTable{ margin-top:3.12vw;}
.m3proTable td{ background: #fafafa; font-size: 14px; line-height: 18px; color: #666666; border: 1px solid #FFF; padding: 10px 5px; text-align:center; }
.m3proTable tr:nth-child(1) td{ background:#e6e6e6;}
.m3proTable tr td:nth-child(1){ background:#42B693; color:#fff;}
.m3proTable .std{ font-size:12px; line-height:14px; white-space:nowrap}
.m3proTable tr:nth-child(4) td{font-size:12px; padding-left:1px; padding-right:1px;}
.m3proCon4{ padding-top:0; padding-bottom:3.2vw;}
.m3proc4ul{ margin: 3.12vw -23px 0px; }
.m3proc4ul li{ padding: 0px 23px; float: left; width: 33.33%; margin-bottom: 42px; }
.m3pro_c4a{ display:block;}
.m3pro_c4a .overflowHide{ height:280px; border-radius:0.5em;}
.m3pro_c4a p{ font-size: 20px; line-height: 32px; letter-spacing: 1px; display: block; height: 32px; margin-top: 20px; text-align:center}
.m4proCon2{background:#fff; padding-top:0;}
.m4proCon2 .m3pro2item h5{ font-size: 22px; line-height: 36px; font-weight: normal; letter-spacing: 1px; margin-top:38px; max-height:108px; overflow-y:auto; position:relative; z-index:1;}
.m4proCon2 .m3pro2item{height:350px;}
.m4proCon3{ background:#f5f5f5;}
.m4proCon5{padding-top:0;}
.m3proTable2{ margin-top:3.12vw;}
.m3proTable2 table{width:100%;}
.m3proTable2 td{ font-size: 16px; line-height: 28px; text-align: center; padding: 10px; border: 1px solid #F5F5F5; background: #FFF; }
.m3proTable2 tr:nth-child(1) td{ padding: 14px 10px; font-size: 20px; }
.m3proTable2 tr td:nth-child(1){ background:#42B693; color:#fff;}
@media (max-width:1799px){
.m3pro2item{padding:40px 25px 0;}
.m3proc2icon{transform:scale(0.85);}
.m3pro2item strong{margin:20px 0px 8px; font-size:19px;}
.m3pro2item p{font-size:14px; line-height:26px; height:78px;}
.m3pro2item{height:350px;}
.m2pubSwiper .slick-dots{bottom:-25px;}
.m3proTable td{font-size:12px;}
.m3proc4ul{margin:3.12vw -15px 0px}
.m3proc4ul li{padding:0 15px; margin-bottom:28px;}
.m3pro_c4a .overflowHide{height:220px;}
.m3pro_c4a p{font-size:18px}
.m3proc2swiper{margin-left:-15px; margin-left:-15px;}
.m3proc2swiper dd{ padding-left:15px; padding-right:15px;}
.m4proCon2 .m3pro2item h5{font-size:18px; line-height:30px; margin-top:25px;}
.m4proCon2 .m3pro2item{height:300px;}
}
@media (max-width:1379px){
.m3proc2swiper{margin-left:30px; margin-left:30px;}
.m3proTable2 td{font-size:14px; line-height:26px;}
.m3proTable2 tr:nth-child(1) td{font-size:18px;}
}
@media (max-width:1199px){
.m3proc1ul dd{width:33.33%;}
.m3proTable{margin-top:40px; overflow-x:auto;}
.m3proTable table{width:1200px;}
.m3proc4ul{margin-top:40px;}
}
@media (max-width:993px){
.m3proc1ul dd{width:50%;}
.m3proc4ul li{width:50%;}
}
@media (max-width:767px){
.m3proc2swiper{margin-left:-10px; margin-right:-10px}
.m3proc2swiper{margin-top:30px;}
.m4proCon2{padding-bottom:70px;}
.m3proTable2{margin-top:40px; width:100%; overflow-x:auto;}
.m3proTable2 table{width:1000px;}
.m2proc2swiper{margin-left:-10px; margin-right:-10px;}
.m2proc2bm strong{font-size:18px;}
.m2proc2bm span{font-size:14px}
.m2proc2bm p{font-size:14px;}
.m2proCon2{padding-bottom:60px;}
.m3proc1ul{ margin-top:25px;}
.m3proc1ul dd{width:100%; margin-bottom:20px;}
.m3proCon2{padding-bottom:70px;}
.m3proc4ul li{width:100%;}
}

.wxLyaer{ position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); padding:40px 20px 15px; text-align:center; z-index:20; background:#fff; border-radius:0.3em; box-shadow:0 3px 15px rgba(0,0,0,0.1);}
.wxClose{ background: url(../images/close-2.png) no-repeat center center; position: absolute; top: 10px; right: 12px; cursor:pointer; width:20px; height:20px; background-size:12px auto; transition:all 0.5s ease;}
.wxClose:hover{transform:rotate(180deg);}
.wxImg{}
.wxLyaer p{ font-size:14px; letter-spacing:1px; text-align:center; line-height:24px; margin-top:5px;}




/*2022-12-09 CSS*/
.footTel{text-align:right;}
.footTel span{ background: url(../images/foot_tel.png) no-repeat left center; padding-left:45px; font:28px/48px rbt_b; color:#095f46; margin-top:15px; font-weight:bold; white-space:nowrap; display:inline-block; border:none;} 
@media (max-width:993px){
.footTel{text-align:left;}	
}
@media (max-width:767px){
.footTel{transform:scale(0.8); transform-origin:left center;}
.footTel span{margin-top:8px;}
}


/*2023-07-03 CSS*/
.m2nproCon1{ background: url(../images/m2npro_c1bg.jpg) no-repeat center center; color: #FFF; background-size:cover; padding-bottom:0; overflow:hidden;}
.m2nproc1imgs{ text-align:center; margin-top:2.6vw;}
.m2nproCon1 .m2pub_t:after{background:#fff;}
.m2nproCon2{padding-top:5.2vw;}
.m2nproc3item{ background:#f7f7f7; padding:5.2vw 0}
.m2nproC3items .m2nproc3item:nth-child(2n){ background:#fff;}
.m2nproc3item .container{display: flex;justify-content: space-between;flex-direction: row-reverse;}
.m2npro_c3txt,.m2npro_c3img{display:flex;flex-direction:column;justify-content:center;}
.m2nproC3items .m2nproc3item:nth-child(2n) .container{flex-direction: row;}
.m2npro_c3img{ width:53%;}
.m2npro_imx{text-align:center;}
.m2npro_imx img{max-height:400px;}
.m2npro_c3txt{ width:47%; padding-right:5vw;}
.m2nproC3items .m2nproc3item:nth-child(2n) .m2npro_c3txt{padding-right:0; padding-left:5vw;}
.m2npro_c3txt strong{ font-size: 28px; line-height: 40px; font-weight: normal; display: block; letter-spacing: 1px; }
.m2npro_c3txt p{ font-size: 18px; letter-spacing: 1px; line-height: 30px; text-align: justify; margin-top: 12px; color: #555; }
.m2npro_btn{ margin-top:35px;}
.m2npro_btn a{color: #fff;background: #42b693;text-align: center;height: 44px;width: 140px;font-size: 16px;display: inline-block;line-height: 42px; cursor:pointer}
.m2npro_btn a:hover{ color:#fff; transform:translateY(-3px); box-shadow:0 5px 15px rgba(66,182,147,0.3);}
@media (max-width:1799px){
.m2npro_c3txt strong{ font-size: 24px; line-height: 32px; }
.m2npro_c3txt p{ font-size: 16px; line-height: 28px;}
.m2npro_btn{ margin-top:25px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.m2npro_c3txt strong{ font-size: 20px; line-height: 30px; }
.m2npro_c3txt p{ font-size: 15px; line-height: 26px; margin-top:8px;}
.m2npro_btn a {width: 120px;line-height: 40px;font-size: 14px;height: 40px;}
}
@media (max-width:993px){
.m2npro_c3txt p{ font-size: 14px; line-height: 24px;}
}
@media (max-width:767px){
.m2nproCon2{padding-top:40px;}
.m2nproc3item .container{display:block!important;}
.m2npro_c3txt,.m2npro_c3img{display:block; width:100%; padding-left:0!important; padding-right:0!important; text-align:center}
.m2nproc3item{padding:50px 0;}
.m2npro_c3txt{margin-top:20px;}
.m2npro_c3txt p{text-align:center;}
.m2npro_c3txt strong{font-size:19px;}
}



/*2023-07-19 CSS*/
.m2nnProx{ background: url(../images/m2nn_dbg.png) no-repeat center center; background-size:cover; }
.m2nnPcAnix{ position:relative; margin-top:160px;}
.m2nproc1imgs .dsPc{position:relative;}
.m2nnPc_mimgx{}
.m2nnAnix{ position:absolute;display:flex; justify-content:space-between; left:0; top:0; justify-content:space-between; width:100%;}
.m2nnAnix li{ text-align:center; transition:all 0.5s ease; transform:translateY(-80px);}
.m2nnAnix li:nth-child(2){margin-right:420px;}
.m2nnAnix li:hover{transform:translateY(-100px);}
.m2nnAnix li span{ display:inline-block; transition:all 0.5s ease;}
.m2nnAnix li p{ font-size: 17px; line-height: 30px; }
.m2nnAnix li:hover span{transform:rotateY(180deg);}
.m2nnItms{ position:absolute; height:480px; left:0; bottom:0; width:100%; transform:translateY(-100px)}
.m2nnItms li{ position:absolute; transition:all 0.5s ease;}
.m2nnItms li:hover{transform:translateY(-20px);}
.m2nnItms li:nth-child(1){ left:0; top:-20px;}
.m2nnItms li:nth-child(2){ right:0; top:-20px;}
.m2nnItms li:nth-child(3){ left:0; bottom:-30px;}
.m2nnItms li:nth-child(4){ right:0; bottom:-30px;}
@media (max-width:1799px){
.m2nnPc_mimgx{ transform:scale(0.8);}
}



/*2023-08-07 CSS*/
.news_page{ background: #f5f5f5; }
.news_ul{ margin-bottom:2.5vw;}
.news_ul li{ margin-bottom:22px;}
.news_a{display:flex; justify-content:space-between; background:#fff; padding:30px 35px 36px 0;}
.news_tm{ text-align: center; width: 192px; height: 88px; border-right: 1px solid #E6E6E6; margin-top: 13px; color:#36a987; transition:all 0.5s ease;  }
.news_tm strong{ font: 60px/60px d-din-b; display: block; transition:all 0.5s ease; }
.news_tm p{ margin-top: 6px; font: 18px/22px d-din; transition:all 0.5s ease; }
.news_rx{ width:calc(100% - 242px);}
.news_rx strong{ font-size: 24px; font-weight: normal; line-height: 40px; display: block; height: 40px; }
.news_rx p{ font-size: 17px; line-height: 32px; color: #808080; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:7px; overflow:hidden}
.news_a:hover{ box-shadow:0 5px 20px rgba(0,0,0,0.1); background:#36a987; color:#fff;}
.news_a:hover .news_tm{ border-right: 1px solid rgba(255,255,255,0.3);}
.news_a:hover *{color:#fff!important;}
@media (max-width:1799px){
.news_ul li{ margin-bottom:18px;}
.news_a{ padding:20px 25px 26px 0;}
.news_tm{width: 160px; height: 78px; margin-top: 8px; padding-left:10px;}
.news_tm strong{ font: 50px/50px d-din-b;}
.news_tm p{ margin-top: 4px; font: 16px/20px d-din; }
.news_rx{ width:calc(100% - 200px);}
.news_rx strong{ font-size: 20px; line-height: 32px; height: 32px; }
.news_rx p{ font-size: 15px; line-height: 26px; margin-top:7px;}
}
@media (max-width:1199px){

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

}
@media (max-width:767px){
.news_ul li{ margin-bottom:15px;}
.news_a{ padding:18px 15px 22px 0;}
.news_tm{width: 70px; height: 58px; margin-top: 8px; padding-left:5px;}
.news_tm strong{ font: 30px/36px d-din-b;}
.news_tm p{ margin-top: 4px; font: 15px/20px d-din; }
.news_rx{ width:calc(100% - 80px);}
.news_rx strong{ font-size:15px; line-height: 26px; height: 26px; font-weight:bold; }
.news_rx p{ font-size: 12px; line-height: 20px; margin-top:4px;}
}




/*2025-01-21 CSS*/
.m2abtc3Rx{width:680px;}
.m2abtc3Rx{ display:block;}
.ctr_c3item{ position:absolute; width:0; height:0; transition:all 0.5s ease; cursor:pointer}
.ctr_c3item1{ top: 36.22%; right: 38.84%;}
.ctr_c3item2{ top: 61.22%; right: 42.84%;}
.ctr_c3item3{ top: 45.22%; right: 68.84%;}
.ctr_c3item4{ top: 62.22%; right: 60.84%;}
.ctr_c3item5{ top: 84.22%; right: 41.84%;}
.ctr_c3item6{ top: 66.22%; right: 28.84%;}
.ctr_c3item7{ top: 16.22%; right: 24.84%;}
.ctr_c3item p{ font-size: 16px; white-space: nowrap; position: absolute; left:50%; transform:translateX(-50%); margin-top:0; top:18px; line-height: 22px; transition:all 0.5s ease; color:#095F46; }
.ctr_c3point{ height: 30px; width: 30px; position: absolute; left: 50%; top: 50%; margin-left:-15px; margin-top:-15px;}
@keyframes ctrscani {
  from {
    opacity: 1;
    transform: scale(0);
  }
  to {
    opacity: 0;
    transform: scale(6);
  }
}
.ctr_c3point i{ position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(66,182,147,0.2); border-radius:50%; animation:ctrscani 6s linear infinite; visibility:hidden; transition:all 0.5s ease;}
.ctr_c3point i:nth-child(2){ animation-delay:2s;}
.ctr_c3point i:nth-child(3){ animation-delay:4s;}
.ctr_c3point span{ position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: #FFF; border: 10px solid #42B693; border-radius:50%; transition:all 0.5s ease; transform:scale(0.6); z-index:2; }
.on .ctr_c3point span{transform:scale(1);}
.on .ctr_c3point i{ visibility:visible;}
.ctr_c3item.on p{ top:28px;}
.ctr_map_copy{font-size:14px; color:#095F46; position:absolute; left:0; bottom:20px;}
@media (max-width:1799px){
.m2abtc3Rx{width:580px;}
.ctr_c3item p{font-size:15px; line-height:15px;}
.ctr_map_copy{font-size:12px;}
}
@media (max-width:1379px){

}
@media (max-width:1199px){
.m2abtc3Rx {width: 530px;}
}
@media (max-width:993px){

}
@media (max-width:767px){
.m2abtc3Rx {width: 100%;}
.ctr_c3item p{font-size:12px; line-height:12px;}
.ctr_map_copy{bottom:0; transform:scale(0.8); transform-origin:left bottom;}
}