*{ margin:0; padding: 0; text-decoration: none; list-style: none;}

@media (min-width:768px){.container{width:750px}}
@media (min-width:993px){.container{width:970px}}
@media (min-width:1200px){.container{width:1170px}}
@media (min-width:1499px){.container{width:1470px}}
.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.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; }
.hmc6Top{height:80px;}
@media (max-width:1799px){
.hmc6Top{height:60px;}
}
@media (max-width:1379px){
.hmc6Top{height:50px;}
.hmPubt p{margin-top:0; font-size:16px;}
}
@media (max-width:767px){
.hmc6Top{height:40px;}
.hmPubt p{font-size:15px;}
.hmPubt strong{font-size:24px;}
}
.scaleImg .bgImg {
    transition: all 0.5s ease-in-out;
}

.scaleImg img {
    transition: all 0.5s ease;
	 height: 100%;
    width: 100%;
}
.scaleImg:hover img { transform: scale(1.1); cursor: pointer;}
.bgImg {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.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); text-decoration: none;}

.hmc6aBox .overflowHide{ height:405px; overflow: hidden;}

.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: 18px; 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;}
.hmc6ul li a{ color:#333;}

.hmc6asBox{ display: block; padding: 15px 18px 0px; height: 100px; border: 1px solid #E6E6E6; position: relative; letter-spacing: 1px; }

.hmc6asBox strong{ font-size: 18px; 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);text-decoration: none;}

.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, #e07723 0%,#7eb625 100%);}

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

.hmc6tm{ color: #FFF; background: #e07723; 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;overflow: hidden; height: 45px;}

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



@media (max-width:1799px){

.hmc6box{margin-top:20px;}

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

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

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

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

.hmc6bom strong{font-size:18px; 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/20px din_light; }

.hmc6Top{height:60px;}

}

@media (max-width:1379px){

.hmc6box{margin-top:12px;}

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

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

.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;}

}

.hmc3ImgBgs{ position:relative; }

.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;}

.hmc3Img .bgImg:after{content:""; background:rgba(0,0,0,0.1) url(404.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: -20px; 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: #e07723; 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:50%; 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: #e07723; overflow: hidden; height: 0; text-align: center;}

.hmc3layer:before{content:""; height:4px; background:#e07723; 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 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:420px;}

.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;}

}

@media (max-width:767px){

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

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

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

.hmc3con{height:320px;}

.hmc3layer{display:none;}

.hmc3menu{ display:none}

.hmc3txt{opacity:1; visibility:visible; 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: #e07723 }

.hmc3con{padding-top:52px;}

.hmPage3{height:320px;}

.hmc3m{transform:scale(0.9);}

}