/* CSS reset by*/
@charset "utf-8";

.hmFocusWpr {width: 100%; height: 100vh; position: relative; z-index:2;}
.hmFocus_item { width: 100%; height: 100vh; position: relative; overflow: hidden; }
.hmBanVideo{ position:absolute; left:0; top:0; right:0; bottom:0;}
.hmBanVideo video{z-index: 1;height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: 50% 50%;object-position: 50% 50%;vertical-align: middle;width: 100%;}
.hmBanVideo:after{content:""; background:rgba(0,0,0,0.3); position:absolute; left:0; top:0; right:0; bottom:0;}

.hmFocus_img { background-size: cover; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; -webkit-transform: scale(1.1); transform: scale(1.1); }
.hmFocus_img:after { content: ""; background: rgba(0,0,0,0); position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background-size: cover; }
.on .hmFocus_img { visibility: visible; -webkit-animation: scaleBg 5s linear forwards; animation: scaleBg 5s linear forwards; }



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

.hmFocus_txt strong { display: inline-block; font-weight: bold; font-size:0.72rem;letter-spacing: 3px; font-family:Arial;color: rgba(255,255, 255, 0.2); transition: all 0.8s ease-in-out; transform: translate(150px, 0px); opacity: 0; }

.hmFocus_txt p { display: block; margin-top: 12px; transition: all 0.8s ease-in-out; transform: translate(150px, 0px); opacity: 0; font-size: 0.55rem; line-height:2;  letter-spacing: 2px; font-weight: bold;}
.hmFocus_txt small {display: block; transition: all 0.8s ease-in-out; transform: translate(150px, 0px); opacity: 0; font-size:18px; line-height:2;  letter-spacing: 2px;color: rgba(255,255, 255, 0.4); text-transform:uppercase;}

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

.focusBomWpr { position: absolute; left: 0; width: 100%; bottom:0.5rem; z-index: 5; }
.hmFsnums { font-size: 16px;font-weight:bold; color: #fff; line-height: 24px; float:left; font-style:italic;}
.hmFsnums #hmfs_s1 { font-size:0.6rem; font-style:normal;transform: scaleX(1.5);font-family: "Bebas";}
.hmFocus_dot { float: left; height: 24px; margin-left:30px; }
.hmFocus_dot span { background:#fff; display: inline-block; height: 20px; width: 3px; margin-right: 15px; cursor: pointer }
.hmFocus_dot span.on { background: #ff0000; height: 40px;}

@media (max-width:993px) {
 .hmFocusWpr,.hmFocus_item{ height: 600px; }

}
@media (max-width:767px) {
.hmFocusWpr,.hmFocus_item{ height: 350px; }
.hmFocus_txt strong{ font-size:0.6rem;}
.hmFocus_txt p{ font-size:0.4rem;}
.hmFocus_txt small { font-size:14px;}
}




/*****about**********/
.hmCon2{ background: url(../images/hmc2bg.jpg) no-repeat center bottom; padding: 6vw 0px 1.8rem; background-size:cover;}
.hmCon_Con { position: relative; display: flex; justify-content: space-between; }
.hm_c1Lx { width: 40.5%; display: flex; flex-direction: column; justify-content: center; }
.hmCon_Con .hmPt { position:relative; font-weight:bold; font-size:0.38rem; color:#000; transform:scale(1,1.1);z-index:2; margin:0.4rem 0px 0.5rem;}
.hmCon_Con .hmPt strong{ position:relative; font-weight:bold; font-size:0.38rem; color:#000; transform:scale(1,1.1);z-index:3;}
.hmCon_Con .hmPt::before {position:absolute; content:""; z-index:1;bottom:0;left:-0.16rem; border-radius:50%;height:0.3rem;width:0.32rem; background-color:#ff0000;}
.hmCon_Con .hmPtit { font-weight:bold; font-size:0.36rem; color:#000;}
.hm_c2des { font-size:0.18rem; line-height:2.1; color: #323232; margin-top: 1.45vw; letter-spacing:1px; text-align: justify; }

.hmc2btn{ margin-top:4vw;}
.pubBtn1{ height:0.48rem; width: 1.45rem; font-size:0.18rem; line-height:0.44rem; color: #707070; background: #fff; text-align: center; display: inline-block; letter-spacing:1px; border:2px solid #ff0000; border-radius:12px; }
.pubBtn1:hover{ color:#ff0000; box-shadow:0 5px 20px rgba(255,0,0,0.3); transform:translateY(-5px);}

.hm_c1Rx { position: relative; width: 54.46%;overflow: hidden }
.hm_c1Rx_txt{ text-transform:uppercase; color:rgba(255,0, 0, 0.1); line-height:2; font-size:0.8rem; text-align:right;}
.hm_c1Rx_img { position: relative; width: 100%; height:6.5rem; overflow: hidden; border-radius:20px; }


.hmTnm{ text-align:center; margin-bottom:0.4rem;}
.hmTnm p{ font-size:1.1rem; text-transform:uppercase;  color:#eeeff1;}
.hmTnm strong{ font-size:0.62rem; line-height:1.5;margin-top:-1.1rem; color: #015f9f; letter-spacing: 2px; display: block; }


/******************/
.hmCon3{ background:#f6f6f6; padding:0.8rem 0px; background-size:cover;}
.hmc3tab{ font-size: 18px; text-align:center; position: relative; z-index: 1; }
.hmc3tab_a{ position:relative; margin-left:0.35rem;font-size: 18px; line-height: 2.5;display: inline-block;}
.hmc3tab_a::before {position:absolute; content:"";bottom:0;left:50%;height:4px;width:0%; background-color:#015f9f;transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);transition:all 0.5s ease;}
.hmc3tab_a.on,.hmc3tab_a:hover{ color:#0c4389}
.hmc3tab_a.on::before,.hmc3tab_a:hover::before{width:85%;}

.hmc3chgWpr{ position:relative; margin-top:2.2vw}
.hmc3chgItem{ transition:all 0.5s ease; opacity:0; visibility:hidden; position:relative;}
.hmc3chgItem.on{opacity:1; visibility:visible; z-index:1;}
.hmc3chgItem2{position:absolute; left:0; top:0; width:100%;}
.hmc3chgItem3{position:absolute; left:0; top:0; width:100%;}
.hmc3chgItem4{position:absolute; left:0; top:0; width:100%;}

.hmc3swiper{ margin: 0  auto; width: calc(100% - 0.8rem);}
.hmc3swiper dd{ padding:13px 13px 2.6vw;}
.hmc3aBox{ display:block; background:#fff; overflow:hidden; box-shadow:0 5px 10px rgba(0,0,0,0.1);}
.hmc3aBox .overflowHide{ height:3rem;}

.hmc3sbm{ position:relative; padding:0.8rem 0.25rem 0px 0.4rem; transition:all 0.5s ease;}
.hmc3sbm::before {position:absolute; content:"";top:0;left:0;height:2px;width:100%; background-color:#fff;}
.hmc3tm{ position:absolute; top:0;left:0.4rem; width:0.6rem; height:0.6rem; line-height:0.6rem; font-size:14px; text-align:center; background:url(../images/icon-more.png) top center no-repeat; transition:all 0.5s ease; color:#fff; background-size: cover;}
.hmc3st{ font-size:18px; line-height: 34px; font-weight: bold; height: 34px;color:#333; transition:all 0.5s ease;}
.hmc3des{ font-size: 16px; line-height: 28px; letter-spacing: 1px; display: block; height: 56px; overflow: hidden; color:#666666; transition:all 0.5s ease;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

.hmc3aBox:hover{ transform:translateY(-10px); background:#fff url(../images/pro_bg.png) top center no-repeat; background-size:100% auto; }
.hmc3aBox:hover .hmc3sbm{ color:#fff;}
.hmc3aBox:hover *{color:#fff;}


.hmc3swiper .slick-prev { background: url(../images/btn_arr.png) no-repeat center center; display: inline-block; height: 0.8rem; width: 0.8rem; position: absolute; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer;  background-size: 0.7rem auto; transition: all 0.5s ease; transform: rotate(180deg); cursor: pointer; border: none!important; }
.hmc3swiper .slick-next { background: url(../images/btn_arr.png) no-repeat center center; display: inline-block;  height: 0.8rem; width: 0.8rem; position: absolute; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer;  background-size: 0.7rem auto; transition: all 0.5s ease; cursor: pointer; border: none!important; }
.hmc3swiper .slick-prev:hover, .pubSwiper .slick-next:hover { background-image: url(../images/btn_arr_a.png); }
.hmc3swiper .slick-prev { left: -1rem; margin-top: -0.7rem; }
.hmc3swiper .slick-next { right: -1rem; margin-top: -0.7rem; }



/******************/
.webBom{ background: url(../images/bmBg.jpg) no-repeat center center; background-size: cover; padding: 1.4rem 0px; color:#fff;}
.webBom strong{ font-size:0.55rem; line-height:1.5; letter-spacing: 1px; font-weight:bold; display: block; }


/******************/
.hmCon4{ position:relative; width:100%; background:#f5f5f7; padding:0.8rem 0px; background-size:cover;}


.hnews-content{width:90%;overflow:hidden;margin:0.4rem auto 0px;display:flex;justify-content:space-between;}
.hnews-left{float:left;width:50%;overflow:hidden;height:4.5rem;position:relative;}

.hnews-left a{width:100%;height:100%;display:block;overflow:hidden;position:relative;}

.hnews-pic{width:100%;overflow:hidden;height:4.5rem;position:relative;}
.hnews-pic:before{width:100%;height:25%;content:"";position:absolute;left:0px;bottom:0px;z-index:1;background:-webkit-linear-gradient(top,transparent,rgba(0,0,0,0.4));background:-moz-linear-gradient(top,transparent,rgba(0,0,0,0.4));background:-ms-linear-gradient(top,transparent,rgba(0,0,0,0.4));background:-o-linear-gradient(top,transparent,rgba(0,0,0,0.4));}
.hnews-pic img{width:100%;height:100%;object-fit:cover;}
.hnews-left:hover img{transform:scale(1.04);}
.hnews-cont{width:100%;position: absolute;padding: 20px 32px;bottom: 0;left: 0;color: #fff;font-size: 17px; font-weight:bold;z-index: 2;}

.hnews-text{ position:absolute; width:0%; height:0%; color:#fff; background:rgba(255 ,0 ,0 , 0.8); left:50%;top:50%; z-index:2;transform: translate3d(-50%,-50%,0); -webkit-transform: translate3d(-50%,-50%,0); padding: 0.3rem 0.2rem; opacity:0;transition: all 0.8s ease;}
.hnews-tit{ text-align:center; font-size:18px; font-weight:bold; line-height:3; border-bottom:2px solid #fff;opacity:0;}
.hnews-n{ font-size:16px;line-height:2; padding-top:0.23rem;opacity:0;}
.hnews-left:hover .hnews-text{width:90%;height:90%;opacity:1; }
.hnews-left:hover .hnews-tit,.hnews-left:hover .hnews-n{opacity:1; }
.hnews-left:hover .hnews-cont{ opacity:0;}

.hnews-center{width:46%;overflow:hidden;height:4.5rem;display:flex;justify-content:space-between; align-content:space-between;flex-wrap:wrap;}
.hnews-model{position:relative;width:100%;overflow:hidden;height:31%;box-sizing:border-box;}
.hnews-model .txt-box { position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.hnews-model a{width:100%;height:100%;display:block;overflow:hidden;position:relative;}
.hnews-model::before { content: ""; position: absolute; left: 0; bottom: 0;z-index: 1; width: 100%; height: 1px;background: #b1b1b1;}
.hnews-model::after {content: ""; position: absolute;left: 0; bottom: 0;z-index: 1;width: 0;height: 1px; background: rgba(255, 0, 0, 1);transition: all .6s;}
.hnews-model span{display:block;overflow:hidden;margin-bottom:0.2rem;font-size:16px; line-height:2; font-weight:bold;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.hnews-model p{display:block;overflow:hidden;margin-bottom:0.2rem;font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.8; color:#707070;}

.hnews-model:hover span{color:#ff0000;}
.hnews-model:hover::after { width: 100%; }



@media (max-width:769px){
.container {  padding-right: 0px;  padding-left: 0px; }	
.hmTnm{ text-align:center; margin-bottom:0.4rem;}
.hmTnm p{font-size: 0.7rem;}
.hmTnm strong{ font-size:0.52rem;margin-top: -0.7rem;}
	
.hmCon_Con { flex-wrap:wrap;}	
.hm_c1Lx {width: 100%;}
.hm_c1Rx {width: 100%;}

.hmc3swiper { margin: 0 auto; width: calc(100% - 0.5rem);}
.hmc3aBox .overflowHide {height: 4.5rem;}

.hmc3tm {
    left: 0.6rem;
    width: 0.8rem;
    height: 0.8rem;
    line-height: 0.8rem;

}

.hnews-content { flex-wrap:wrap;width: 100%;}	
.hnews-left {width: 100%;}
.hnews-center { width: 100%; height: 6rem; margin-top:10px;}

}