@charset "UTF-8";

.hmFocus_img{background-size:cover; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; -webkit-transform:scale(1.12); transform:scale(1.12);}

.hmFocus_img:after{ content: ""; background: url(../images/hmLineBg.png) repeat-x left top; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }

.on .hmFocus_img{ visibility: visible; -webkit-animation: scaleBg 5s linear forwards; animation: scaleBg 5s linear forwards;}

.hmFocus_item{width:100vw; height:100vh; position:relative; overflow:hidden;}

.hmFocus_txt{ width:100%; color:#fff; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:2}

.hmFocus_txt h5{ font-size: 58px; line-height: 68px; display: block; transition: all 0.8s ease-in-out; transform: translate(150px,0px); opacity: 0; letter-spacing: 3px; font-weight: 100; } 

.hmFocus_txt h5 strong{ display: inline-block; margin: 0 5px; font-weight: bold; font-size:62px; }

.hmFocus_txt p{ margin-top: 18px; transition: all 0.8s ease-in-out; transform: translate(150px,0px); opacity: 0; font: 24px/36px mr; }

.on .hmFocus_txt h5{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}

.on .hmFocus_txt p{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}

.hmFocus_dot{ height: 3px; width: 100%; position: absolute; left: 0px; bottom: 7.14vh; z-index: 5; text-align:center}

.hmFocus_dot span{ display: inline-block; margin: 0px 5px; height:3px; width:70px; background:rgba(255,255,255,0.8); cursor:pointer; position:relative; }

.hmFocus_dot span:after{content:"";background-image: linear-gradient(90deg, #00584e 0%,#7eb625 100%); width:0; height:3px; position:absolute; left:0; top:0;}

.hmFocus_dot span.on:after{ width:100%; transition:all 4.8s linear;}

.hmNext_btn { height: 38px; width: 24px; border: 2px solid #fff; display: inline-block; position: absolute; left: 50%; bottom: 5.74vh; border-radius: 1.6em; z-index:3; transform:translateX(-50%); }

.hmNext_btn:after { content: ""; background: #fff; height: 4px; width: 2px; margin-left: -1px; position: absolute; left: 50%; top: 7px; animation: mouseIcon 1.5s linear infinite; border-radius: 1.0em; }

.hmFocus_icon{ display: inline-block; width: 60px; height: 60px; margin-top: 32px; transition: all 0.5s ease-in-out; transform: translate(0px,30px); opacity: 0; cursor: pointer; border-radius: 50%; border: 1px solid #fff; position: relative; background: url(../images/hmfar.png) no-repeat center center; }

.hmFocus_icon img{display:none;}

.hmFocus_icon:after{ content: ""; width: 60px; height: 60px; position: absolute; left: -1px; top: -1px; border-radius: 50%; border-top: 1px solid #f39800; border-left: 1px solid #f39800; animation:radiusRotate 0.5s linear infinite}

.on .hmFocus_icon{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}

.hmFocus_aBox{display: block; width: 100%; height: 100%;}

@media (max-width:1799px){

.hmFocus_txt h5{ font-size: 48px; line-height: 58px; letter-spacing: 2px;} 

.hmFocus_txt h5 strong{ font-size:52px; }

.hmFocus_txt p{font-size:22px; margin-top:15px;}

}

@media (max-width:1199px){

.hmPage1{position:relative;}

.hmFocus_img,.hmFocus_item{height:600px;}

.hmFocus_txt h5{ font-size: 40px; line-height: 50px; letter-spacing: 1px;} 

.hmFocus_txt h5 strong{ font-size:44px; }

.hmFocus_txt p{font-size:20px; margin-top:12px;}

}

@media (max-width:767px){

.hmFocus_img,.hmFocus_item{height:350px;}

.hmFocus_txt h5{ font-size: 24px; line-height: 36px; letter-spacing: 0px;} 

.hmFocus_txt h5 strong{ font-size:28px; }

.hmFocus_txt{padding-top:20px;}

.hmFocus_txt p{font-size:16px; margin-top:10px; line-height:22px;}

.hmFocus_dot{ height: 2px; bottom: 40px;}

.hmFocus_dot span{ margin: 0px 3px; height:2px; width:40px;}

}





.hmPage2{ background: url(../images/hmc2bg.png) no-repeat center bottom; background-size:cover;}

.hmc2Top {transition:all 0.8s ease-in-out; transform:translate(0px,-120px); margin-bottom:9.07vh }

.hmc2img{ float:left; position:relative}

.hmc2img .overflowHide{ float: left; height: 360px; width: 640px; }

.hmc2img:before{ content: ""; background: url(../images/hmc2_line2.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; top: -6px; right: -6px; z-index:2; transition:all 0.5s ease-in-out;}

.hmc2img:after{ content: ""; background: url(../images/hmc2_line1.png) no-repeat; display: inline-block; height: 60px; width: 60px; left: -6px; bottom: -6px; position:absolute; z-index:2; transition:all 0.5s ease-in-out;}

.hmc2TopRx{ float:right; width:50%; height:360px; position:relative}

.hmc2img:hover:before{ top:-26px; right:-26px;}

.hmc2img:hover:after{ bottom:-26px; left:-26px;}

.hmc2TopRx strong{ font-size: 32px; font-weight: normal; display: block; letter-spacing: 4px; color: #00584e; line-height: 46px; margin-bottom: 25px; }

.hmc2TopRx_txt{position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%);}

.hmc2TopRx p{ font-size: 16px; line-height: 32px; color: #808080; letter-spacing: 2px; margin-bottom: 25px; }

.hmc2TopRx a{ font-size: 14px; line-height: 28px; color: #00584e; text-transform: uppercase; display: inline-block; letter-spacing: 1px; }

.hmc2TopRx a:hover{ color: #FFF; background: #00584e; padding: 0px 20px; }

.hmc2Number{display: flex; justify-content: space-between; }

.hmc2numItem{ height:148px; position:relative; cursor:default}

.hmc2nBr_x1{ height: 82px; margin-bottom: 24px; position:relative }

.hmc2nbr{display:inline-block; position:relative;}

.hmx2ns1{ font: 108px/108px ea; transform:translateY(-15px); display:block }

.hmx2ns2{ font-size: 12px; line-height: 20px; display: inline-block; width: 100px; right: -118px; top: 14px; position: absolute; text-transform: uppercase; font-weight: bold; }

.hmx2ns3{ font: 48px/28px ea; position: absolute; width: 100px; right: -118px; bottom: 0px; display:inline-block }

.hmc2nBr_x2{ position:absolute; left:0; top:0; height:82px; transition:all 0.5s ease-in-out; opacity:0; display:none}

.hmc2numItem strong{ font-size: 16px; line-height: 26px; letter-spacing: 1px; font-weight: normal; display: block; }

.hmc2numItem p{ font-size: 12px; text-transform: capitalize; color: #bfbfbf; line-height: 16px; }

.hmc2line{ width:1px; height:148px; background:#E6E6E6;}

.textEfs{background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0,88,78,1)), to(rgba(125,181,37,1)));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.hmc2nBr_x2 .hmx2ns1,.hmc2nBr_x2 .hmx2ns2,.hmc2nBr_x2 .hmx2ns3{background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0,88,78,1)), to(rgba(125,181,37,1)));-webkit-background-clip: text;-webkit-text-fill-color: transparent; text-shadow:0 15px 15px rgba(0,88,80,0.15)}

.hmc2numItem:hover .hmc2nBr_x2{opacity:1;}

.hmc2Top {margin-top:50px;}

@media (max-width:1799px){

.hmc2img .overflowHide{width:520px; height:300px;}

.hmc2TopRx strong{font-size:28px; line-height:40px; margin-bottom:15px;}

.hmc2TopRx p{font-size:15px; line-height:28px;}

.hmc2TopRx{height:300px;}

.hmx2ns1{ font: 88px/88px ea;}

.hmc2Top{margin-bottom:8vh;}

.hmx2ns2{top:-3px}

.hmc2nBr_x1{height:70px; margin-bottom:10px;}

.hmx2ns3{bottom:10px; font-size:40px;}

}

@media (max-width:1379px){

.hmc2img .overflowHide{height:250px;}

.hmc2TopRx{height:250px;}

}

@media (max-width:1199px){

.hmc2Top{margin:0;}

.hmc2TopRx{width:100%; height:auto; margin-bottom:35px;}

.hmc2TopRx_txt{position:static; transform:translateY(0);}

.hmc2img{ margin-bottom:35px;}

.hmc2Top{transform:translateY(0);}

.hmc2img .overflowHide{width:640px; height:360px;} 

.hmPage2{padding:50px 0;}

.hmc2line{display:none;}

.hmc2Number{display:block; overflow:hidden; padding-top:15px;}

.hmc2numItem{width:50%; float:left; height:148px;}

}

@media (max-width:993px){

.hmx2ns1{ font:68px/68px ea;}

.hmc2numItem strong{margin-top:-15px;}

.hmPage2{padding-bottom:30px;}

.hmx2ns3{bottom:25px;}

}

@media (max-width:767px){

.hmPage2{padding-top:35px;}

.hmc2TopRx strong{font-size:24px; letter-spacing:2px; margin-bottom:5px;}

.hmc2TopRx p{font-size:14px; margin-bottom:18px;}

.hmc2TopRx a{ color: #FFF; background: #00584e; padding: 0px 20px; }

.hmc2img{width:100%; float:none; height:250px;}

.hmc2img .overflowHide{width:100%; height:250px;}

.hmc2TopRx{width:100%; float:none;}

.hmc2img:hover:before{ top:-6px; right:-6px;}

.hmc2img:hover:after{ bottom:-6px; left:-6px;}

.hmc2numItem{width:100%; height:135px;}

.hmc2Number{transform:scale(0.9); transform-origin:left top;}

.hmPage2{padding-bottom:0;}

}





.hmc3ImgBgs{ position:absolute; left:0; top:0; right:0; bottom:0; overflow:hidden}

.hmc3Img{ position:absolute; left:0; top:0; right:0; bottom:0; opacity:0; visibility:hidden; transition:all 0.5s ease-in-out;}

.hmc3Img.on{ opacity:1; visibility:visible}

.hmc3Img .bgImg{ left:0; top:0; right:0; bottom:0; position:absolute; transition:all 4s ease-in-out;}

.hmc3Video{ left:0; top:0; right:0; bottom:0; position:absolute;}

.hmc3Video video{width: 120%; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

.hmc3Video:after{content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.4);}

.hmc3Img .bgImg:after{content:""; background:rgba(0,0,0,0.1) url(../images/hmLineBg.png) repeat-x left top; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }

.hmc3Img.on .bgImg{ transform:scale(1.07);}

.hmPage3 .container{position:relative; z-index:3;}

.hmc3con{ height:480px; position:relative; margin-top:15.25vh;}

.hmc3txts{ position:relative;}

.hmc3txt{ position: absolute; left: 0; width: 100%; top: 0; transition: all 0.3s ease-in-out; opacity: 0; color: #FFF; visibility:hidden; z-index:0 }

.hmc3txt.on{ opacity:1; visibility:visible; z-index:1}

.hmc3txt strong{ font-size: 36px; font-weight: 400; line-height: 42px; display: block; transition:all 0.8s ease-in-out; opacity:0; transform:translateX(100px); letter-spacing:4px}

.hmc3txt p{ font-size: 20px; letter-spacing: 2px; line-height: 32px; margin: 18px 0px 100px; transition:all 0.8s ease-in-out; opacity:0; transform:translateX(100px);}

.hmc3txt div{ transition:all 0.8s ease-in-out; opacity:0; transform:translateX(100px);}

.hmc3txt.on strong{ opacity:1; transform:translateX(0); transition-delay:0.2s}

.hmc3txt.on p{ opacity:1; transform:translateX(0); transition-delay:0.3s}

.hmc3txt.on div{ opacity:1; transform:translateX(0); transition-delay:0.4s}

.hmc3m{ line-height: 48px; text-align: center; height: 48px; width: 180px; font-size: 16px; color: #FFF; background: #00584e; display: inline-block; border-radius:1.8em;}

.hmc3m:hover{box-shadow:0 5px 10px rgba(0,0,0,0.2); color:#FFF; transform:translateY(-5px);}

.hmc3menu{ height:120px;display: flex; justify-content: space-between;}

.hmc3Btn{ width:20%; display:block; background:#fff; margin-right:2px; position:relative;}

.hmc3menu .hmc3Btn:last-child{margin-right:0;}

.hmc3dbox{ padding: 33px 0px 0px 1.97vw; position: relative; height:120px; }

.hmc3dbox strong{ font-size: 24px; font-weight: 400; line-height: 34px; display: block; letter-spacing: 2px;}

.hmc3dbox p{ font-size: 12px; color: #D0D0D0; line-height: 20px; text-transform: uppercase; }

.hmc3dbox span{ height: 50px; width: 50px; position: absolute; top: 50%; right: 1.67vw; margin-top:-25px;}

.hmc3layer{ width: 100%; position: absolute; left: 0; right: 0; bottom: 0; transition: all 0.5s ease-in-out; border-radius: 1.2em 1.2em 0 0; height: 0; background: #00584e; overflow: hidden; height: 0; text-align: center;}

.hmc3layer:before{content:""; height:4px; background:#8FC31F; width:100%; position:absolute; left:50%; bottom:0; transition:all 0.5s ease-in-out; width:0%;}

.hmc3Btn:hover .hmc3layer:before{width:100%; left:0;}

.hmc3Btn:hover .hmc3layer{height:300px; padding: 45px 12px 0px 12px; color:#fff; }

.hmc3icon{ width:110px; height:110px; display:inline-block; position:relative; margin-bottom:35px;}

.hmc3icon i{ position:absolute; left:0; top:0; right:0; bottom:0}

.hmc3icon i:nth-child(1){ background: url(../images/hmc3rnd1.png) no-repeat center center; animation:radiusRotate 3s linear infinite; }

.hmc3icon i:nth-child(2){ background: url(../images/hmc3rnd2.png) no-repeat center center; animation:radiusRotate2 3s linear infinite; }

.hmc3icon i:nth-child(3){ background: url(../images/hmc3rnd3.png) no-repeat center center; animation:radiusRotate 5s linear infinite;  }

.hmc3icon img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}

.hmc3layer strong{ font-size: 24px; font-weight: 400; line-height: 34px; display: block; letter-spacing: 2px; }

.hmc3layer p{ font-size: 12px; color:rgba(255,255,255,0.6); line-height: 20px; text-transform: uppercase;}

@media (max-width:1799px){

.hmc3con{height:340px;}

.hmc3txt strong{font-size:28px;}

.hmc3txt p{ font-size: 18px;line-height: 30px; margin: 10px 0px 60px;}

.hmc3dbox strong{font-size:21px;}

.hmc3dbox{padding:20px 0px 0px 14px; height:90px;}

.hmc3dbox p{transform:scale(0.95); transform-origin:left center;}

.hmc3menu{height:95px;}

.hmc3dbox span{width:40px; height:40px; right:15px; margin-top:-20px;}

.hmc3layer:before{height:3px;}

.hmc3Btn:hover .hmc3layer{height:220px; padding: 18px 10px 0px 10px;}

.hmc3icon{ transform:scale(0.8); margin-bottom:5px}

.hmc3icon img{ width:40px; height:40px;}

.hmc3layer strong{ font-size: 21px; line-height: 30px;}

.hmc3layer p{transform:scale(0.95);}

}

@media (max-width:1199px){

.hmPage3{height:500px; position:relative;}

.hmc3con{margin-top:0; padding-top:80px;}

.hmc3dbox strong{font-size:20px;}

}

@media (max-width:993px){

.hmc3dbox strong{font-size:17px; letter-spacing:1px;}

.hmc3dbox span{right:7px; margin-top:-24px; transform:scale(0.8)}

.hmc3icon{display:none;}

.hmc3Btn:hover .hmc3layer{height:110px;}

.hmc3Video{display: none}

}

@media (max-width:767px){

.hmPage3{margin-top:-25px;}

.hmc3txt strong{font-size:24px;}

.hmc3txt p{font-size:14px; line-height:24px; height:72px; overflow:hidden; margin:5px 0 15px;}

.hmc3con{height:320px;}

.hmc3layer{display:none;}

.hmc3menu{ display:none}

.hmc3txt{opacity:1; visibility:visible; position:static; text-align:center}

.hmc3txt.slick-current strong{ opacity:1; transform:translateX(0); transition-delay:0.2s}

.hmc3txt.slick-current p{ opacity:1; transform:translateX(0); transition-delay:0.3s}

.hmc3txt.slick-current div{ opacity:1; transform:translateX(0); transition-delay:0.4s}

.hmc3txts .slick-dots{bottom:-45px;}

.hmc3txts .slick-dots li button{display:none;}

.hmc3txts .slick-dots li { background: rgba(255,255,255,0.8); display: inline-block; height: 6px; width: 6px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle}

.hmc3txts .slick-dots li.slick-active{ background: #005850 }

.hmc3con{padding-top:52px;}

.hmPage3{height:320px;}

.hmc3m{transform:scale(0.9);}

}





.hmPubt{text-align:center}

.hmPubt strong{ font-size: 36px; font-weight: 400; letter-spacing: 4px; line-height: 56px; display: block; }

.hmPubt p{ font-size: 20px; color: #9fa0a0; line-height: 32px; margin-top: 12px; letter-spacing: 2px; }

.hmc4AniImg{filter:hue-rotate(20deg) saturate(40%); position:absolute; left:50%; top:15px; transform:translateX(-50%);}

.hmc4AniBox{position:absolute; max-width:1295px; width:100%; left:50%; transform:translateX(-50%); top:190px;}

.hmc4box{height:670px; position:relative;}

.hmc4Tag{ text-align: center; margin-top:80px; }

.hmc4a{ font-size: 22px; color: #808080; line-height: 50px; margin: 0px 20px; letter-spacing: 2px; position:relative }

.hmc4a.on{ font-size: 34px; color: #00584e; }

.hmc4a:after{ content: ""; background: url(../images/hmc4ar.png) no-repeat center center; height: 13px; width: 19px; position: absolute; left: 50%; bottom: -26px; transition:all 0.5s ease-in-out; opacity:0 }

.hmc4a.on:after{ opacity:1;}

.hmc4proBtn{display: block; height: 32px; width: 32px; position: absolute; text-align:center; animation:proAni 3s ease-in-out infinite; cursor:pointer;  }

.hmc4proBtn1,.hmc4proBtn3,.hmc4proBtn5{ animation-delay:1.5s}

.hmc4proBtn p{ white-space: nowrap; font-size: 16px; line-height: 26px; position: absolute; left: 50%; top: 52px; height: 26px; margin-top: -13px; transform:translateX(-50%)}

.hmc4proBtn i{ background: url(../images/hmc4line.png) no-repeat; height: 122px; width: 2px; margin-left: -1px; position: absolute; left: 50%; top: 75px; animation:proiAni 1.5s ease-in-out infinite; }

.hmc4proBtn1 i,.hmc4proBtn3 i,.hmc4proBtn5 i,.hmc4proBtn7 i{ background: url(../images/hmc4line2.png) no-repeat center top; }

.hmc4ricon{ background: url(../images/hmc4icon.png) no-repeat center center; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;}

.hmc4proBtn1{ left:105px; top:130px;}

.hmc4proBtn2{ left:295px; top:0px;}

.hmc4proBtn3{ left:415px; top:50px;}

.hmc4proBtn4{ left:1008px; top:10px;}

.hmc4proBtn5{ left:1125px; top:75px;}

.hmc4proBtn6{ left:1275px; top:50px;}

.hmc4proBtn7{ left:140px; top:80px;}

.hmc4proBtn8{ left:300px; top:-8px;}

.hmc4proBtn9{ left:1126px; top:35px;}

.hmc4ProImg{ height: 320px; width: 400px; margin: 60px auto 12.5vh; position:relative; z-index:1; }

.hmc4ProImg img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}

.hmc4Protxt{ position: relative; text-align: center; z-index: 2; width: 100%; max-width: 720px; margin: 0 auto; letter-spacing: 2px; }

.hmc4Protxt strong{ font-size: 32px; line-height: 42px; display: block; font-weight: normal; }

.hmc4Protxt p{ font-size: 20px; line-height: 32px; color: #808080; margin: 18px auto 30px; max-height:64px; overflow:hidden;}

.hmc4m{ text-align: center; height: 48px; width: 180px; background: #005850; font-size: 16px; line-height: 48px; color: #FFF; display: inline-block; border-radius:1.8em; }

.hmc4m:hover{transform:translateY(-5px); box-shadow:0 5px 8px rgba(0,0,0,0.1); color:#fff;}

.hmc4boxProBox{ height:298px; width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); margin-top:-100px; opacity:0; visibility:hidden; z-index:5}

.hmc4boxProBox.on{ opacity:1; visibility:visible; z-index:6;}

.hmc4MMbox{display:none;}

@media (max-width:1799px){

.hmc4a{font-size:21px;}

.hmc4a.on{font-size:28px;}

.hmc4ProImg{width:260px; height:340px; margin: 0px auto 50px; }

.hmc4proBtn1{ left:65px; top:100px;}

.hmc4proBtn2{ left:215px; top:-20px;}

.hmc4proBtn3{ left:285px; top:50px;}

.hmc4proBtn4{ left:818px; top:10px;}

.hmc4proBtn5{ left:925px; top:75px;}

.hmc4proBtn6{ left:1045px; top:50px;}

.hmc4proBtn7{ left:60px; top:80px;}

.hmc4proBtn8{ left:210px; top:-8px;}

.hmc4proBtn9{ left:956px; top:35px;}

.hmc4proBtn p{font-size:15px;}

.hmc4Protxt{margin-top:-60px;}

.hmc4Protxt strong{font-size:26px;}

.hmc4Protxt p{font-size:16px; line-height:30px; max-height:60px; margin:10px auto 15px}

.hmc4box{height:580px;}

}

@media (max-width:1379px){

.hmc4ProImg{margin-bottom:0;}

.hmc4m{width:170px; height:42px; line-height:42px; font-size:14px;}

.hmc4Protxt p{font-size:13px; line-height:28px; max-height:56px; overflow:hidden;}

.hmc4box{height:460px;}

.hmc4Protxt strong{font-size:21px;}

}

@media (max-width:1199px){

.hmc4Tag{margin-top:60px;}

.hmc4proBtn1{ left:45px; top:100px;}

.hmc4proBtn2{ left:155px; top:-20px;}

.hmc4proBtn3{ left:235px; top:50px;}

.hmc4proBtn4{ left:618px; top:10px;}

.hmc4proBtn5{ left:695px; top:75px;}

.hmc4proBtn6{ left:835px; top:50px;}

.hmc4proBtn7{ left:90px; top:80px;}

.hmc4proBtn8{ left:210px; top:-8px;}

.hmc4proBtn9{ left:696px; top:35px;}

.hmPage4{padding-bottom:30px;}

}

@media (max-width:993px){

.hmc4ProImg{width:180px;}

.hmc4AniImg{top:5px;}

.hmc4proBtn1{ left:45px; top:70px;}

.hmc4proBtn2{ left:145px; top:20px;}

.hmc4proBtn3{ left:205px; top:40px;}

.hmc4proBtn4{ left:518px; top:60px;}

.hmc4proBtn5{ left:595px; top:125px;}

.hmc4proBtn6{ left:635px; top:50px;}

.hmc4proBtn7{ left:90px; top:100px;}

.hmc4proBtn8{ left:210px; top:28px;}

.hmc4proBtn9{ left:596px; top:35px;}

}

@media (max-width:767px){

.hmc4a.on{font-size:24px;}

.hmc4a{font-size:18px;}

.hmc4Tag{margin-top:40px;}

.hmc4proBtn{display:none;}

.hmc4ProImg{height:318px;}

.hmc4MMbox{display:block; position:relative; z-index:3;}

.hmc4proImg{ width:200px; height:200px; position:relative; margin:50px auto;}

.hmc4proImg img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}

.hmc4Mtxts{ text-align:center;}

.hmc4Mtxts strong{ font-size:16px; letter-spacing:1px; line-height:22px; display:block; margin-bottom:10px;}

.hmc4Mtxts p{ font-size:14px; line-height:26px; height:52px; overflow:hidden; color:#666; margin-bottom:15px;}

.hmc4AniBox{top:160px;}

.hmc4MMbox .slick-dots{bottom:-40px;}

.hmc4MMbox .slick-dots li button{display:none;}

.hmc4MMbox .slick-dots li { background: #D6D6D6; display: inline-block; height: 6px; width: 6px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle}

.hmc4MMbox .slick-dots li.slick-active{ background:#005850; }

.hmPage4{padding-bottom:50px;}

}





.hmPage5{ background: url(../images/hmc6bg.jpg) no-repeat center bottom; background-size:cover; position:relative; overflow:hidden; height:100vh;}

.hmc5clound {width: 100%;height: 590px;position: absolute;left: 0;bottom: 0;background: url(../images/hmc5_cloundy.png) repeat-x left center;-webkit-animation: animate-cloud 30s linear infinite;animation: animate-cloud 30s linear infinite;}

.hmPage5 .container{position:relative; z-index:3;}

.hmc5years{ background: url(../images/hmc5line.png) no-repeat center center; height: 681px; width: 1198px; margin: 15px auto 0px; position:relative}

.hmc5yrBtn{ display: inline-block; height: 40px; width: 40px; position: absolute; }

.hmc5yr{ color: #00584e; height: 20px; display: inline-block; position: absolute; left: -32px; top: 10px; font: bold 16px/20px din; transition:all 0.3s ease-in-out;  }

.hmc5yrIcon{ position:absolute; left:0; top:0; right:0; bottom:0}

.hmc5yrIcon:before{ content: ""; background: #005850; display: inline-block; height: 18px; width: 18px; border: 2px solid #FFF; position: absolute; left: 11px; top: 11px; border-radius:50%; box-shadow:0 0 5px rgba(0,88,78,0.3)}

.hmc5yrIcon:after{ content: ""; background: url(../images/hmc5_on.png) no-repeat center center; height: 60px; width: 60px; position: absolute; left: -10px; top: -10px; transition:all 0.5s ease-in-out; opacity:0}

.hmc5yrIcon i{ background: url(../images/hmc5i.png) no-repeat center center; height: 65px; width: 55px; position: absolute; bottom: 28px; left: 50%; margin-left: -27px; opacity:0 }

@keyframes hmc5yrIconAni {

0% {

	transform:translateY(0)

}

50% {

    transform:translateY(-10px)

}

100% {

	transform:translateY(0)

}

}

.hmc5yrBtn.on .hmc5yrIcon:after{ opacity:1;}

.hmc5yrBtn.on .hmc5yrIcon i{ animation:hmc5yrIconAni 2s linear infinite; opacity:1}

.hmc5yrBtn.on .hmc5yr{opacity:0;}

.hmc5yrBtn1{ left: 48px; top: 578px; }

.hmc5yrBtn2{ left:218px; top:471px;}

.hmc5yrBtn3{ left:246px; top:415px;}

.hmc5yrBtn3 .hmc5yr{left:auto; right:-30px;}

.hmc5yrBtn4{ left:269px; top:351px;}

.hmc5yrBtn4 .hmc5yr{left:auto; right:-30px;}

.hmc5yrBtn5{ left:297px; top:290px;}

.hmc5yrBtn5 .hmc5yr{left:auto; right:-30px;}

.hmc5yrBtn6{ left:340px; top:241px;}

.hmc5yrBtn6 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn7{ left:404px; top:206px;}

.hmc5yrBtn7 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn8{ left:480px; top:183px;}

.hmc5yrBtn8 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn9{ left:558px; top:169px;}

.hmc5yrBtn9 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn10{ left:627px; top:134px;}

.hmc5yrBtn10 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn11{ left:691px; top:97px;}

.hmc5yrBtn11 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn12{ left:761px; top:81px;}

.hmc5yrBtn12 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn13{ left:832px; top:81px;}

.hmc5yrBtn13 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn14{ left:906px; top:73px;}

.hmc5yrBtn14 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn15{ left:977px; top:57px;}

.hmc5yrBtn15 .hmc5yr{ left:0px; margin-top:-30px;}

.hmc5yrBtn16{ left:1042px; top:38px;}

.hmc5yrBtn16 .hmc5yr{ left:2px; margin-top:30px;}

.hmc5SwiperWpr{ width:100%; position:absolute; left:0; width:100%; text-align:right; bottom:0; z-index:4; height:1px;}

.hmc5Swiper{ display:inline-block; height:462px; width:784px; position:absolute; right:15px; bottom:0;}

.hmc5item{ padding:32px 32px 0 32px;}

.hmc5txt{ background: #fff url(../images/hmc6sbg.jpg) no-repeat right center; padding: 40px 40px 0px; height: 260px; box-shadow:0 0 30px rgba(0,0,0,0.1); margin-top:-70px; }

.hmc5Syr{ font: 240px/240px din; text-align: center; background-image: -webkit-gradient(linear, left 0, right 0, from(rgba(0,88,78,1)), to(rgba(125,181,37,1)));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.hmc5img{ display:block; float:left; padding:2px; background-image: linear-gradient(90deg, #00584e 0%,#7eb625 100%); border-radius:0.3em;}

.hmc5img .overflowHide{ height: 176px; width: 314px; border-radius:0.3em;}

.hmc5txt_p{ margin-left:350px; text-align:left}

.hmc5txt_p p{ font-size: 14px; line-height: 28px; color: #808080; margin: 12px 0px; height:112px; overflow:hidden}

.hmc5txt_p a{ font-size: 14px; line-height: 28px; color: #00584e; text-transform: uppercase; display: inline-block; letter-spacing: 1px; }

.hmc5txt_p a:hover{ color: #FFF; background: #00584e; padding: 0px 20px; }

.hmc5years .prev{ background:rgba(255,255,255,0.3) url(../images/hmc6btn.png) no-repeat center center; height: 60px; width: 60px; position: absolute; left:-85px; top: 40%; margin-top: -30px; border-radius:50%; transition:all 0.5s ease-in-out; }

.hmc5years .next{background:rgba(255,255,255,0.3) url(../images/hmc6btn.png) no-repeat center center; height: 60px; width: 60px; position: absolute; right:-85px; transform:rotateY(180deg); top: 40%; margin-top: -30px; border-radius:50%; transition:all 0.5s ease-in-out; }

.hmc5years .prev:hover,.hmc5years .next:hover{ background: #2f7b3f url(../images/hmc6btna.png) no-repeat center center; }

@media (max-width:1799px){

.hmPage5 .hmc5box strong,.hmPage5 .hmc5box p{ transform:translateY(100px)}

.hmPubt strong{font-size:28px; line-height:48px;}

.hmPubt p{font-size:18px; margin-top:5px;}

.hmc5Syr{ font: 200px/200px din; }

.hmc5Swiper{width:725px; height:450px;}

.hmc5txt{padding:25px 25px 0px; height:220px;}

.hmc5txt_p{ margin-left:310px;}

.hmc5txt_p p{max-height:104px; line-height:26px;}

.hmc5img .overflowHide{width:285px; height:166px;}

.hmPage5 {height:100vh!important; overflow:hidden!important;}

}

@media (max-width:1379px){

.hmc5Syr{ font: 150px/150px din; position:relative; top:-30px; }

.hmc5Swiper{transform:scale(0.8); transform-origin:center top;}

.hmc5txt{position:relative; z-index:1;}

.hmPage5{height:100vh!important; overflow:hidden!important;}

.hmPage5 .container{height:100vh!important; overflow:hidden!important;}

.hmPage5 .hmc5SwiperWpr .container{overflow:visible!important; height:1px!important;}

.hmc5Swiper{bottom:-170px;}

.hmPubt p{margin-top:0; font-size:16px;}

}

@media (max-width:1199px){

.hmPage5 .hmc5box strong,.hmPage5 .hmc5box p{ transform:translateY(50px)}

.hmc5years {transform:translate(100px,-50px) scale(0.7); transform-origin:left center}

.active .hmc5years{ transform:translate(0px,-50px) scale(0.7);}

.hmc5years .next{right:35px;}

.hmc5Swiper{transform:scale(0.85);}

.hmPage5{padding-bottom:70px;}

.hmc5SwiperWpr{bottom:60px;}

}

@media (max-width:993px){

.hmc5years{display:none;}

.hmPage5{height:500px!important;}

.hmPage5 .container{height:150px!important;}

.hmc5Swiper .slick-dots{bottom:75px;}

.hmc5Swiper .slick-dots li button{display:none;}

.hmc5Swiper .slick-dots li { background: #D6D6D6; display: inline-block; height: 6px; width: 6px; margin: 0px 6px; position: relative; border-radius:50%; vertical-align:middle}

.hmc5Swiper .slick-dots li.slick-active{ background: #005850;}

.hmc5SwiperWpr{bottom:80px;}

}

@media (max-width:767px){

.hmPubt p{font-size:15px;}

.hmc5Swiper{width:100%; bottom:20px; transform:scale(1); right:0}

.hmc5item{padding:20px 20px 0 20px;}

.hmPage5{height:700px!important;}

.hmc5txt{height:420px; margin-top:-56px;}

.hmc5Syr{ font: 100px/100px din; position:relative; top:-30px; }

.hmc5img .overflowHide{width:100%; float:none;}

.hmc5img{float:none; width:100%;}

.hmc5txt_p{margin-left:0;}

.hmc5Swiper .slick-dots{bottom:5px;}

}





.hmc6box{ margin-top:32px;}

.hmc6Lx{ float:left; width:50%;}

.hmc6aBox{ display:block; position:relative}

.hmc6aBox:hover { box-shadow:0 8px 22px rgba(0,88,78,0.1);}

.hmc6aBox .overflowHide{ height:405px;}

.hmc6bom{ display: block; height: 195px; border-right: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; border-left: 1px solid #E6E6E6; padding: 34px 40px 0px; letter-spacing: 1px; }

.hmc6bom strong{ font-size: 24px; font-weight: 400; display: block; line-height: 46px; height:46px; }

.hmc6bom p{ font-size: 14px; line-height: 24px; color: #808080; height: 72px; overflow: hidden; }

.hmc6Rx{ float:right; width:50%; padding-left:20px;}

.hmc6ul{}

.hmc6ul li{ margin-bottom:24px;}

.hmc6asBox{ display: block; padding: 22px 38px 0px; height: 184px; border: 1px solid #E6E6E6; position: relative; letter-spacing: 1px; }

.hmc6asBox strong{ font-size: 24px; font-weight: 400; display: block; line-height: 50px; height:50px; }

.hmc6asBox p{ font-size: 14px; line-height: 24px; color: #808080; height: 48px; overflow: hidden; }

.hmc6asBox span{ font-size: 16px; color: #808080; line-height: 38px; }

.hmc6asBox:hover{ box-shadow:0 8px 22px rgba(0,88,78,0.1);}

.hmc6asBox i{content:""; width:0%; height:2px; position:absolute; left:0; top:-1px; transition:all 0.8s ease-in-out; background-image: linear-gradient(90deg, #00584e 0%,#7eb625 100%);}

.hmc6asBox:hover i{width:calc(100% + 2px);}

.hmc6tm{ color: #FFF; background: #005850; text-align: center; height: 120px; width: 120px; padding-top: 15px; position: absolute; left: 20px; top: -20px; font-family: din; }

.hmc6tm h5{ font-size: 60px; line-height: 60px; display: block; }

.hmc6tm h6{ height: 34px; font: 16px/34px din_light; }

.hmc6Top{height:80px;}

@media (max-width:1799px){

.hmc6box{margin-top:20px;}

.hmc6ul li{margin-bottom:12px;}

.hmc6asBox{padding:14px 28px 0px; height:148px}

.hmc6asBox strong{font-size:21px; line-height:36px; height:36px;}

.hmc6bom{padding:15px 20px 0px; height:150px;}

.hmc6bom strong{font-size:21px; line-height:40px; height:40px;}

.hmc6aBox .overflowHide{height:318px;}

.hmc6tm{ height: 100px; width: 100px; padding-top: 10px;}

.hmc6tm h5{ font-size: 50px; line-height:50px; }

.hmc6tm h6{ height: 28px; font: 15px/30px din_light; }

.hmc6Top{height:60px;}

}

@media (max-width:1379px){

.hmc6box{margin-top:12px;}

.hmc6ul li{margin-bottom:8px;}

.hmc6asBox{padding:8px 20px 0px; height:126px}

.hmc6asBox strong{font-size:18px; line-height:30px; height:30px;}

.hmc6bom{padding:12px 15px 0px; height:127px;}

.hmc6bom strong{font-size:18px; line-height:30px; height:30px;}

.hmc6aBox .overflowHide{height:268px;}

.hmc6tm{ height: 80px; width: 80px; padding-top: 8px;}

.hmc6tm h5{ font-size: 40px; line-height:40px; }

.hmc6tm h6{ height: 26px; font: 14px/26px din_light; }

.hmc6Top{height:50px;}

}

@media (max-width:1199px){

.hmPage6{padding-bottom:80px;}

}

@media (max-width:767px){

.hmc6box{margin-top:50px;}

.hmc6Lx{width:100%; float:none; margin-bottom:8px;}

.hmc6Rx{width:100%; float:none; padding-left:0;}

.hmc6aBox .overflowHide{height:200px;}

.hmPage6{padding-bottom:50px;}

.hmc6Top{height:40px;}

.hmPubt strong{font-size:24px;}

}



@media (min-width:1199px){

.hmc2Top { opacity:0}

.active .hmc2Top{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}

.hmc2Number {transition:all 0.8s ease-in-out; transform:translate(0px,120px); opacity:0; }

.active .hmc2Number{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}

.hmc3txts {transition:all 0.8s ease-in-out; transform:translate(0px,120px); opacity:0; }

.active .hmc3txts{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}

.hmc3menu {transition:all 0.8s ease-in-out; transform:translate(0px,120px); opacity:0; }

.active .hmc3menu{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}

.hmc4Tag {transition:all 0.8s ease-in-out; transform:translate(0px,-120px); opacity:0; }

.active .hmc4Tag{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}

.hmc4Tag {transition:all 0.8s ease-in-out; transform:translate(0px,-120px); opacity:0; }

.active .hmc4Tag{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}

.hmc4box {transition:all 0.8s ease-in-out; transform:translate(0px,150px); opacity:0; }

.active .hmc4box{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}

.hmPubt {transition:all 0.8s ease-in-out; transform:translate(0px,-100px); opacity:0; }

.active .hmPubt,.active2 .hmPubt{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}

.hmc5years {transition:all 0.8s ease-in-out; transform:translate(100px,0px); opacity:0; }

.active .hmc5years{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}

.hmc5SwiperWpr {transition:all 0.8s ease-in-out; transform:translate(0px,70px); opacity:0; }

.active .hmc5SwiperWpr{opacity:1; transform:translate(0px,0px); transition-delay:0.8s;}

.hmc6box {transition:all 0.8s ease-in-out; transform:translate(0px,70px); opacity:0; }

.active .hmc6box,.active2 .hmc6box{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}

}



@media (max-width:1799px) and (min-width:1199px){

.hmc5years {transform:translate(100px,0px) scale(0.8);}

.active .hmc5years{ transform:translate(0px,0px) scale(0.8);}

}

@media (max-width:1379px) and (min-width:1199px){

.hmc5years {transform:translate(100px,-50px) scale(0.7);}

.active .hmc5years{ transform:translate(0px,-50px) scale(0.7);}

}



.serchBanner{ background: #00584e url(../images/news/banner-1.jpg) no-repeat center bottom; padding: 10.2vh 0px 12.62vh; }

.search_t { line-height: 75px; font-size: 38px; color: #FFF; text-align: center; }

.searchInputBox { background: #FFF; height: 62px; margin: 22px 0px; position: relative; }

.search_tags { text-align: center; font-size: 18px; color: #FFF; line-height: 56px; }

.searchInputBox input { height: 62px; width: 100%; padding: 0px 82px 0px 25px; color: #00584e; font: 18px/62px "微软雅黑"; }

.searchInputBox button { background: url(../images/m2ser_i1.png) no-repeat center center; display: inline-block; height: 62px; width: 84px; position: absolute; top: 0px; right: 0px; cursor: pointer; border:none; }

.searchTags_a { font-size: 18px; padding-left: 34px; position: relative; display: inline-block; margin: 0px 18px; color: #FFF; }

.searchTags_a:before{ content: ""; background: #FFF; height: 24px; width: 24px; margin-top: -12px; border: 4px solid #FFF; position: absolute; left: 0px; top: 50%; border-radius:50%; transition:all 0.2s ease-in-out;}

.searchTags_a:hover{color:#fff;}

.searchTags_a:hover:before,.searchTags_a.on:before{ background:rgba(255,255,255,0);}

.searchKeywords { font-size: 18px; line-height: 32px; padding: 7.4vh 0px 2.03vh; }

.searchKeywords strong { color: #00584e; }

.searchItems { margin-bottom: 10.92vh; }

.searchItems li { padding: 4.81vh 0px; border-bottom: 5px solid #F5F5F5; }

.search_time { font-size: 14px; color: #00584e; line-height: 30px; margin-bottom: 10px; }

.searchItems li strong { display: block; line-height: 34px; font-size: 20px; font-weight: normal; }

.searchItems li p { font-size: 16px; color: #808080; line-height: 28px; margin: 7px 0px 15px; max-height:56px; overflow:hidden; }

.search_link { background: url(../images/hmi_si1.png) no-repeat right center; display: inline-block; padding-right: 20px; line-height: 30px; color: #00584e; height: 30px; font-size: 16px; }

.searchItems li a:hover{text-decoration:underline;}

@media (max-width:1799px){

	.search_t { line-height: 60px; font-size: 32px;}

	.searchInputBox { height: 58px; margin: 16px 0px; }

	.searchInputBox input { height: 58px; font: 18px/58px "微软雅黑"; }

	.searchTags_a { font-size: 16px; padding-left: 28px; margin: 0px 12px; }

	.searchItems li strong{font-size:18px;}

}

@media (max-width:1199px){

	.searchTags_a{font-size:16px; margin:0 5px;}

}

@media (max-width:767px){

	.search_t{font-size:24px;}

	.searchTags_a{font-size:14px; line-height:30px; height:30px;}

	.searchTags_a:before{transform:scale(0.8);}

	.serchBanner{padding:60px 0;}

	.searchItems li p{font-size:14px; line-height:26px; max-height:104px;}

	.searchItems li{padding:15px 0;}

	.searchItems li strong{font-size:15px; font-weight:bold; line-height:28px;}

}