.hmFocusWpr{height:100vh; position:relative; z-index:2}
.hmFocus_img{background-size:cover; width:100%; height:100%; background-repeat:no-repeat; background-position:center center;-webkit-transform:scale(1); transform:scale(1);}
.on .hmFocus_img{ visibility: visible; /*-webkit-animation: scaleBg 5s infinite; animation: scaleBg 5s linear;*/ }
.hmFocus_item{width:100vw; height:100vh; position:relative; overflow:hidden;}

.hmVdoBox{position:absolute; left:0; top:0; right:0; bottom:0; overflow:hidden}
.hmVdoBox:after{ content: ""; background: url(../images/ban_bg.png) repeat-x left top; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.hmVdoBox video{width:110%; height:auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}


.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: 60px; line-height: 80px; letter-spacing:5px; }
.hmFocus_txt p{ margin-top: 2.77vh; transition: all 0.8s ease-in-out; transform: translate(150px,0px); opacity: 0; font-size: 16px; line-height: 30px; max-width: 950px; }
.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;}

.hmTxt{ width:100%; color:#fff; position:absolute; left:0; top:55%; transform:translateY(-50%); z-index:2}
.hmTxt .hmTxt_ct{display: block; transition: all 0.8s ease-in-out; transform: translate(0,150px); opacity: 0; }
.hmTxt .hmTxt_et{ margin-top:0.4rem;transition: all 0.8s ease-in-out; transform: translate(0,150px); opacity: 0;}
.hmTxt .hmTxt_et img{ max-width:90%; margin:0 auto;}
.on .hmTxt .hmTxt_ct{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.on .hmTxt .hmTxt_et{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}

.hmFocus_dot{ position:absolute; left:0%; transform:translateX(0%); width:100%; text-align:center; z-index:3; bottom:3vw;}
.hmFocus_dot:before{content:""; height:1px; background:rgba(255,255,255,0.1); width:100%; position:absolute; left:0; top:16px;}
.hmFocus_dot span{ height:32px; display:inline-block; position:relative; margin:0 18px; transform:scale(0.8); cursor:pointer;}
.hmFocus_dot span:before{content:""; width:12px; height:12px; background:#fff; border-radius:50%; position:absolute; left:10px; top:10px;}
.hmFocus_dot span svg{ width:32px; height:32px; position:absolute; left:0; top:0;}
.hmFocus_dot span:after{content:""; width:32px; height:32px; border:2px solid rgba(255,255,255,0.3); border-radius:50%; position:absolute; left:0; top:0; transition:all 0.5s ease-in-out; opacity:0}
.hmFocusWpr .slick-prev{ background: url(../images/fsBtn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; left: 60px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -30px; z-index: 2; border: 2px solid rgba(255,255,255,0.8); transition:all 0.5s ease; border-radius:50%; transform:rotate(180deg); opacity:0.5; }
.hmFocusWpr .slick-next{ background: url(../images/fsBtn.png) no-repeat center center; display: inline-block; height: 60px; width: 60px; position: absolute; right: 60px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -30px; z-index: 2; border: 2px solid rgba(255,255,255,0.8); transition:all 0.5s ease; border-radius:50%; opacity:0.5;}
.hmFocusWpr .slick-prev:hover,.hmFocusWpr .slick-next:hover{ opacity:1;}
@keyframes dash{to{stroke-dashoffset:0px}}
.load{ width:100%; height:100%; position:absolute; z-index:234;left:0px;top:0px;}
.circle{stroke-dasharray:360px;stroke-dashoffset:360px}
.on .circle{animation:dash 5s linear forwards}
.hmFocus_dot span.on:before{ background:#fff}
.hmFocus_dot span.on:after{opacity:1;}
@media (max-width:1299px){
.hmFocusWpr,.hmFocus_item{height: 80vh;}	
.hmFocusWpr .slick-prev{width:42px; height:42px; background-size:8px auto;}
.hmFocusWpr .slick-next{width:42px; height:42px; background-size:8px auto;}
.hmFocus_dot{bottom:3vw;}
}

@media (max-width:993px){
.hmFocusWpr,.hmFocus_item{height: 400px;}
.wrapper{padding-top:56px;}
.hmFocusWpr .slick-prev{left:25px;}
.hmFocusWpr .slick-next{right:25px;}
}
@media (max-width:767px){
.hmFocusWpr,.hmFocus_item{height: 214px;}
.hmFocusWpr .slick-prev{ width:30px; height:30px; background-size:6px auto; left:10px;}
.hmFocusWpr .slick-next{ width:30px; height:30px; background-size:6px auto; right:10px;}
}


.hmTnm{ position: relative;padding-left: 14px;}
.hmTnm strong{ display: inline-block; }
.hmTnm strong span{display:flex;align-items: center;background:#e60012; font-weight:normal;font-size:0.36rem;  color:#fff; border-radius:40px; padding:10px 0.4rem;}
.hmTnm strong span .icon {fill: #fff;fill-rule: evenodd; width: 0rem;height: 0rem;}

/*.hmTnm strong i {height: 0.8rem;width: 0.8rem;position: absolute;left: 0px;top: 50%;display: block;transition: all 0.5s ease-in-out;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);}
.hmTnm strong i:after {content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;border-radius: 50%;border: 1px dashed #e60012;animation: rotate 8s linear infinite;}
.hmTnm strong:hover i:after { animation: rotate 8s linear infinite; }
.hmTnm strong:hover i { transform: scale(1.2) translate(0,-50%); -webkit-transform:scale(1.2) translate(0,-50%);}
.hmTnm strong:hover span { transform: translateX(5px); }

*/

.hmTnm p{ font-size:0.22rem; font-weight: 100; line-height:2; padding-left:0.1rem;}
.hmCon2{ position:relative;background: #fff; /*background: url(../images/hmc2bg.jpg) no-repeat left top;*/padding: 1.2rem 0 1.5rem; width:100%; background-size:cover;}
.hmCon2:before {content:"";position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background: rgba(255,247 ,235 ,0.35);backdrop-filter: blur(6px);}
.hmCon2 .prossimg{ position: absolute;left: 50%;top: 20%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);opacity: 1;transition: 2s .5s;}
.hmCon2 .xian {overflow: hidden;position: absolute;z-index: 0;left: 0;bottom: 0;width: 100%;height:3rem;}
.hmCon2 .container{ position:relative;}
.hmCon2_box{align-items: center;}
.hmCon2_box_lf {width: 45%;display: inline-block;position: relative;}
.hmc2des{ font-size:0.2rem; line-height:1.8; color: #333; margin-top:2.2vw; text-align:justify; }
.hmc2btn{ margin-top:2.6vw;}
.pubBtn1 span{display: inline-block;zoom: 1;font-size:16px;line-height:1.5;color: #333;padding-right: 30px;position: relative;transition: all .3s;}
.pubBtn1 span:before{content: "";position: absolute;right: 0;top: 50%;width:20px;height:20px;background-color: #e60012;border-radius: 100%;background-image: url('../images/index-news-arrow.png');background-position: center;margin-top: -10px;transition: all .3s;
}



.hmCon2_box_rf {width: 45%;display: inline-block;position: relative;}
.hmCon2_box_rf .bg-mask{/*background: url(../images/news.jpg) center center no-repeat;background-size: cover;width:100%;height:100%;bottom:0;left:0; opacity: 0.1; */position:absolute;right:0;top:0;z-index:0; border-radius:50%;}

.hmc2anix{position:absolute;width: 100%;left:50%;top: 50%; z-index:1;transform: translate(-50%, -50%);box-sizing: border-box;}
.hmc2anix img:nth-child(1){width: 2rem;height:auto;position:absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.hmc2anix img:nth-child(2){width: 2.8rem;position:absolute;left: 50%;top: 50%; margin-top:-1.4rem;margin-left:-1.4rem;animation:radiusRotate1 10s linear infinite;}
.hmc2anix img:nth-child(3){width: 3.6rem;position:absolute;animation:rangeScale1 2s linear infinite; left: 50%;top: 50%;transform: translate(-50%, -50%);}
.hmc2anix img:nth-child(4){ position: absolute; left: 0px; top: 0px; }

.hmc2ul{ position:relative; z-index:1; margin-top: 5vw; display:flex; justify-content:space-between;color: #e60012;}
.hmc2ul li{}
.hmc2ul li strong{ line-height:1.5; display: block; font-size: 22px; }
.hmc2ul li p{ letter-spacing: 1px; font-size:0.2rem; margin-top:-5px; color: #333;}
.hmc2ul li strong span{ font-size:0.66rem; font-family:'rbt_bb';display:inline-block; margin-right:10px; transition:all 0.5s ease; }
.hmc2ul li:hover strong span{ color:#e60012; text-shadow:2px 10px 8px rgba(234,91,1,0.3);}


	
/*=============index_franchise_bg=================*/
.index_franchise_bg{ position:relative; background:#fff7eb url(../images/index_franchise_bg.png) no-repeat center; background-size:88% auto; padding:1rem 0px; overflow:hidden;}
.index_franchise_bg .xian {overflow: hidden;position: absolute;z-index: 0;left: 0;bottom: 0;width: 100%;height:4rem;}

.index_franchise_bg .box1{align-items: center;margin-bottom:1rem;}
.index_franchise_bg .box1 li:first-child{width: 32%;}
.index_franchise_bg .box1 li:last-child{width: 60%;}
.index_franchise_bg .box1 li img{width:100%;}

.index_franchise_bg .box3{ margin-top:1rem; margin-bottom:1rem;}
.index_franchise_bg .box3 li{background:url(../images/index_franchise_quan.png) center center no-repeat;background-size:cover;text-align:center;width: 2rem;height: 2rem;}
.index_franchise_bg .box3 li h3{ font-size:16px; color:#333; padding-top:0.3rem;}
.index_franchise_bg .box3 li h3 span{ font-size:0.8rem; color:#e60012;}
.index_franchise_bg .box3 li p{font-size:18px;color:#333;font-weight:bold;line-height: 1;}


@media screen and (max-width:768px) {
.index_franchise_bg .box1 li:first-child{width:100%; margin-bottom:25px;}
.index_franchise_bg .box1 li:last-child{width:100%;}
.index_franchise_bg .box1 li:first-child img{ max-width:80%;}

.index_franchise_bg .box3 li{ margin-bottom:15px;}
.index_franchise_bg .box3 li img{width:100%;}
}

/************area***************/
.index_area_bg { background:#fff7eb url("../images/index_franchise_bg.png") center center / 88% no-repeat; padding: 1rem 0px; overflow:hidden;}
.index_area_bg .box1 { margin-bottom: 0.8rem; position: relative; }
.index_area_bg .box1::before { content: ""; display: block; width: 75%; height: 1px; background: linear-gradient(to right, #e60012, #ffffff); position: absolute; left: 0px; top: -1rem; }


.index_area_bg .box2 { position:relative;align-items: center;}
.index_area_bg .box2 .txt {/* position:absolute; *//* left:0px; *//* top:30%; */width: 35%;}
.index_area_bg .box2 .txt .open-left-tit {font-size:0.5rem;font-weight: 700;color:#e60012;line-height: 1;}
.index_area_bg .box2 .txt .open-left-line {font-size:0.4rem;font-weight: 700;color: #000;line-height:1.5;}
.index_area_bg .box2 .txt .open-left-line  span{ font-size:0.5rem; color:#e60012;}
.index_area_bg .box2 .txt .open-list-top {padding-top: 0.2rem;font-size: 0.32rem;font-weight: 700;color: #000;line-height: 1.5;}
.index_area_bg .box2 .txt .open-list{/* display: -webkit-box; */display: -ms-flexbox;/* display: flex; */-ms-flex-wrap: wrap;/* flex-wrap: wrap; *//* margin-left: -20px; */}
.index_area_bg .box2 .txt .open-item{ padding: 12px 0.3rem 12px 0px;font-size:0.3rem;font-weight: 500;color: #000000;line-height:1.5;display: flex;flex-wrap:wrap;align-items: baseline;width: 100%;}
.index_area_bg .box2 .txt .open-item .icon{width: 0.25rem;margin-right: 0.1rem;/* display: inline-block; */height: 0.25rem;}
.index_area_bg .box2 .txt .open-item span{width: calc(100% - 1.6rem);font-size: 0.24rem;font-weight: 500;}

.index_area_bg .box2 .boxRight {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;padding-left: 0rem;position: relative;margin-top: -0.5rem;}
.index_area_bg .box2 .boxRight img{ width:100%;}
.index_area_bg .box2 .boxRight .img { position:relative;}
.index_area_bg .box2 .boxRight .img2 { position: absolute;z-index: 1;left: 0;top: 0;width: 100%;height: 100%;}
.index_area_bg .box2 .boxRight .img3 {position: absolute;z-index: 2;left: 0;top: 0;width: 100%;height: 100%;}
.index_area_bg .box2 .boxRight .img3 img {-webkit-animation: yuan2 3s linear infinite;animation: yuan2 3s linear infinite;}
.index_area_bg .box2 .boxRight .img4 {position: absolute;z-index: 3;left: 0;top: 0;width: 100%;height: 100%;}




.index_area_bg .box2 .boxRight .img .dot {
    position: absolute;
    width: 1rem;
    height: 1rem;
    margin: -10px 0 0 -10px;
    cursor: pointer;
    left: 74.8%;
    top: 56%;
}
.index_area_bg .box2 .boxRight .img .dot .range {
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1.5rem 0 0 -1.5rem;
    z-index: 1;
}
.index_area_bg .box2 .boxRight .img .dot:after {
    content: '';
    width: 6px;
    height: 6px;
    background-color: #e60012;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -3px 0 0 -3px;
    z-index: 2;
}
.index_area_bg .box2 .boxRight .img .dot .range i {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: 0;
    background-color: rgba(230，0，18, 0.3);
    animation: o-scale-1 4.5s ease-out infinite;
}
.index_area_bg .box2 .boxRight .img .dot .range i:nth-of-type(2) {
    animation-delay: 1.125s;
}
.index_area_bg .box2 .boxRight .img .dot .range i:nth-of-type(3) {
    animation-delay: 2.25s;
}

@keyframes o-scale-1 {
   0% {
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  60% {
    opacity: 1;
  }
  80%,100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}




@-webkit-keyframes yuan2 {
  0% {
    -webkit-clip-path: polygon(71% 52%, 73% 52%, 73% 55%, 71% 55%);
    clip-path: polygon(71% 52%, 73% 52%, 73% 55%, 71% 55%);
  }
  100% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
}
@keyframes yuan2 {
  0% {
    -webkit-clip-path: polygon(71% 52%, 73% 52%, 73% 55%, 71% 55%);
    clip-path: polygon(71% 52%, 73% 52%, 73% 55%, 71% 55%);
  }
  100% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
}

.index_area_bg .box2 .boxRight .ouertation {position: absolute;font-size: 0.3rem;left: 1rem;color: #e60012;top: 60%;font-family:'rbt_bb';}
.index_area_bg .box2 .boxRight .ouertation span { font-size: 1.2rem; font-weight: bold;}




/**********history**************/
.lpk_pc {display:block;}.lpk_phone {display: none;}
@media screen and (max-width: 992px){.lpk_pc {display: none;}.lpk_phone {display: none;}}

.DevelopmentHistory{position:relative;padding:1rem 0px;background: url(../images/history_bg.jpg) no-repeat bottom center;background-size:cover;overflow: hidden;}
.DevelopmentHistory:before {content:"";position: absolute;left: 0px;top: 0px;width: 100%;height: 100%; background: rgba(255,247 ,235 ,0.35);  backdrop-filter: blur(6px);}
.DevelopmentHistory .container{ position:relative;}

.DevelopmentHistory .swiper_box {
  margin-left: 7vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.DevelopmentHistory .swiper_box .banner {
  margin-top: 0.7rem;
  margin-bottom: 0.55rem;
}
.DevelopmentHistory .swiper_box .banner .swiper-slide {
  padding-left: 0.5rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 2rem;
  cursor: pointer;
}
.DevelopmentHistory .swiper_box .banner .swiper-slide .item {
  padding-left: 0.22rem;
  position: relative;
  top: 0;
  transition: .33s;
}
.DevelopmentHistory .swiper_box .banner .swiper-slide .item .top {
  font-size: 0.24rem;
  position: relative;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.DevelopmentHistory .swiper_box .banner .swiper-slide .item .bot {
  font-size: 0.2rem;
  color: #666;
  margin-top: 0.14rem;
  line-height: 1.8;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  padding-right: 10px;
}
.DevelopmentHistory .swiper_box .banner .swiper-slide .item .bot .bot_img {
	 /* margin-top:10px; */
}


.DevelopmentHistory .swiper_box .banner .swiper-slide .item .bot p {
  margin-bottom: 0.2rem;
}

.DevelopmentHistory .swiper_box .banner .swiper-slide .item::before {
  content: '';
  position: absolute;
  left: -4px;
  top: 0.09rem;
  width: 4px;
  height: 4px;
  border: 2px solid #e60012;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  box-sizing: content-box;
}
.DevelopmentHistory .swiper_box .banner .swiper-slide .item::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0.3rem;
  height: 100%;
  width: 1px;
  background: #e60012;
}


.DevelopmentHistory .swiper_box .banner .active .item .top {
  font-size: 0.36rem;
  color: #e60012;
}
.DevelopmentHistory .swiper_box .banner .active .item .bot {
  font-size: 0.22rem;
  color: #000;
}
.DevelopmentHistory .swiper_box .banner .active .item::before {
  top: 0.15rem;
  background: #e60012;
}
.DevelopmentHistory .swiper_box .banner .active .item::after {
  top: 0.4rem;
}



.DevelopmentHistory .box {
  margin-top:0.5rem;align-items: center;flex-wrap: nowrap;
}
.DevelopmentHistory .box .banner1 {
  width: 94%;
}
.DevelopmentHistory .box .banner1 .swiper-slide {
  cursor: pointer;
}
.DevelopmentHistory .box .banner1 .swiper-slide p {
  font-size: 0.18rem;
  color: #999;
  text-align: center;
  cursor: pointer;
}
.DevelopmentHistory .box .banner1 .active p {
  color: #e60012;
}
.DevelopmentHistory .box .button  {
  cursor: pointer;
}
.DevelopmentHistory .box .button i {
  font-size: 0.18rem;
  font-weight: bold;
  color: #999;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer;
}
.DevelopmentHistory .box .button i:hover {
  color: #e60012;
}
.DevelopmentHistory .img_box {
  margin-left: 10.4vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  margin-top: -2rem;
}
.DevelopmentHistory .img_box .img_list {
  position: relative;
  left: 0;
  -webkit-transition: 0.6s ease;
  -o-transition: 0.6s ease;
  transition: 0.6s ease;
}
.DevelopmentHistory .img_box .img_list > img {
  height: 1.85rem;
  position: relative;
  left: 0;max-width: none;
}
.DevelopmentHistory .img_box .img_list .his_bgimg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: url("../images/tu2.png") no-repeat;
  background-position: -800px 50%;
  -webkit-transition: 0.6s ease-in;
  -o-transition: 0.6s ease-in;
  transition: 0.6s ease-in;
  background-size: auto 100%;
  -webkit-mask-image: url("../images/tu3.png");
  -webkit-mask-size: auto 100%;
}

@media (max-width:767px){
.DevelopmentHistory .swiper_box {
    margin-left: 0vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}	
.DevelopmentHistory .swiper_box .banner .swiper-slide {
    padding-left: 0.5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 0.5rem;
    cursor: pointer;
}
}
/***********news******************/
.hmCon5{ background:#fff7eb url(../images/hmc5bg.png) no-repeat center center; padding:1rem 0px; background-size:cover;}
.hmc5tab{ font-size: 24px; line-height: 24px; letter-spacing: 2px; text-align: right; position: relative; z-index: 1; margin-top:-38px;}
.hmc5tab_a{ margin-left:35px;}
.hmc5tab_a.on{ color:#e60012}
.hmc5chgWpr{ position:relative; margin-top:2.2vw}
.hmc5chgItem{ transition:all 0.5s ease; opacity:0; visibility:hidden; position:relative;}
.hmc5chgItem.on{opacity:1; visibility:visible; z-index:1;}
.hmc5chgItem2{position:absolute; left:0; top:0; width:100%;}
.hmc5swiper{ margin: 0 -13px 0px; }
.hmc5swiper dd{ padding:13px 13px 2.6vw;}



.hmc5fun{ margin: -0.5vw auto 0px; height: 70px; width: 230px; position:relative; text-align:center }
.hmc5fun .prev{ background: url(../images/hmc5btn2.png) no-repeat center center; height: 70px; width: 70px; position: absolute; left: 0px; top: 0px; cursor:pointer; }
.hmc5fun .next{ background: url(../images/hmc5btn.png) no-repeat center center; height: 70px; width: 70px; position: absolute; right: 0px; top: 0px; cursor:pointer; }
.hmc5nms{ font-size: 18px; line-height: 70px; color: #12294f; }
.hmc5nms span:last-child{ color:#e60012;}
.hmc5mmx{position:absolute; right:0; bottom:10px;} 


.index_news_item{  overflow:hidden; }
.index_news_item .top-image{ position:relative;border-radius:10px;}
.index_news_item .image-wrap{position:relative;display: block; overflow:hidden;border-radius:8px;}
.index_news_item .image-wrap .img-wrap-png { width: 100%; position: relative; z-index: 1; top: 0;left: 0;}
.index_news_item .image-wrap .img-wrap-img {display: block;position: absolute;width: 100%;height: 100%;object-fit: cover;transition: all 0.6s ease;left:0%;top:0%;z-index: 2;}
.index_news_item .text_box{padding:0.2rem;}
.index_news_item .text_box .tit{font-size: .26rem;line-height: .3rem;color: #333;height: 0.6rem;margin-bottom: 20px;overflow: hidden;transition: all .3s;}
.index_news_item .text_box .dep{color: #777777;font-size: 14px; line-height:1.5;margin-bottom:20px;text-align:left; min-height: 42px; }

.index_news_item .text_box .date{color:#777777;font-size: 16px;line-height:1.5;display: inline-block;}
.index_news_item .text_box .detail-btn{font-size: 0;float: right;}
.index_news_item .text_box .detail-btn span{display: inline-block;zoom: 1;font-size:16px;line-height:1.5;color: #999;padding-right: 0;position: relative;transition: all .3s;}
.index_news_item .text_box .detail-btn span:before{content: "";position: absolute;right: 0;top: 50%;width:20px;height:20px;background-color: #e60012;border-radius: 100%;background-image: url('../images/index-news-arrow.png');background-position: center;margin-top: -10px;opacity: 0;filter: alpha(opacity=0);transition: all .3s;
}
.index_news_item:hover .image-wrap .img-wrap-img{ -webkit-transform: scale(1.05); -ms-transform: scale(1.05);  -o-transform: scale(1.05);  transform: scale(1.05);}
.index_news_item:hover .text_box .tit{color:#e60012;}
.index_news_item:hover .text_box .date{color:#e60012;}
.index_news_item:hover .detail-btn span{color: #e60012;padding-right: 30px;}
.index_news_item:hover .detail-btn span:before{opacity: 1;filter: alpha(opacity=100);}


@media (max-width:767px){
.hmc5tab{text-align:center; margin-top:10px;font-size:18px;}
.hmc5tab_a{font-size:16px; margin:0 8px;}
.hmc5fun{transform:scale(0.8); transform-origin:center top;}
}



@media (max-width:767px){
.hmCon2_box_lf {width: 100%;display:block;}
.hmCon2_box_rf {width: 100%;display:block; margin-top:30px;}
.hmc2ul {display: flex; flex-wrap:wrap;}
.hmc2ul li {}
.index_area_bg .box2 .txt {width: 100%;top: 0%;}
.index_area_bg .box2 .boxRight{width: 100%;padding-left: 0.01rem;margin-top: 0.2rem;}
.index_area_bg .box2 .boxRight .ouertation {position: absolute;font-size: 0.3rem;left: 0.3rem;width: 100%;bottom: -30px;top: auto;}

}





/*********news home************/
.index_about_bg{position:relative;width:100%;padding: 0.5rem 0px 1.8rem;background:url(../images/index_about_bg.jpg) bottom center no-repeat;background-size: 100% 100%;}
.index_about_box{ position:relative; width:100%; background:url(../images/index_about_box.jpg) bottom center no-repeat; background-size:cover; overflow:hidden; padding:0.5rem 0.8rem; border-radius:20px; z-index:1;}

.index_about_text{border-bottom: 2px solid #5d5754;max-width: 82%;align-items: center;padding: 0.3rem 0px;}
.index_about_text:last-child{ border-bottom:none;}
.index_about_org{ font-size:0.5rem; font-weight:bold; color:#e60012; margin-right:0.3rem;}
.index_about_info{ font-size:0.28rem; color:#231815;}


.index_about_bototm{width:100%;align-items: end;margin-top: -1.5rem;position:relative;z-index:2;}
.index_about_wz{ width:60%; padding-bottom:2vh;}
.index_about_img{ width:40%;}

/********/
.index_meng_bg{position:relative;width:100%;padding: 1rem 0px ;background:url(../images/index_meng_bg.jpg) top center no-repeat;background-size: 100% 100%;}

.index_meng_box{border:3px solid #fff;border-radius:20px; background:#830012;}
/* .index_meng_tit{position: absolute;left: 50%;width: 3.6rem;height:1rem;border-radius:50%;background:#eb4a02;border:3px solid #fff;border-radius: 70px;transform: translate3d(-50%, -0.5rem, 0);overflow:hidden;color:#fff;font-size: 0.6rem;text-align: center;line-height: 1rem;} */
.index_meng_tit{position: absolute;left: 50%; width: 3.6rem; transform: translate3d(-50%, -50%, 0);overflow:hidden;color:#fff;}

.index_meng_list{ padding:1rem 0px 0.5rem;} 
.index_meng_list li{ width:25%; background:url(../images/index_meng_line.png) center right no-repeat;}
.index_meng_list li:last-child{ background:none;}
.index_meng_list li .index_meng_icon{ width:72%; margin:0 auto;animation:scalevv 2s linear infinite alternate;-webkit-animation:scalevv 2s linear infinite alternate; -webkit-transition: 0.4s;-o-transition: 0.4s;
  transition: 0.4s;}

@-webkit-keyframes scalevv {
  0% {
    transform: translate3d(0px, -12px, 0px)}
  50% {
    transform: translate3d(0px, 0px, 0px) }
  100% {
    transform: translate3d(0px, 12px, 0px);
 }
}

.index_meng_list li .index_meng_p{ text-align:center; color:#fff; font-size:.78rem;}

.index_meng_bototm{ width:100%;align-items:center;position:relative; z-index:2; margin-top:2rem;}
.index_meng_img{ width:30%;}
.index_meng_wz{ width:60%; padding-bottom:2vh;}
.index_meng_title span{ display:inline-block; font-weight:bold;line-height:1.5; border-bottom:2px solid #fff100; font-size:0.7rem; color:#fff100;}
.index_meng_info{ color:#fff; margin-top:0.5rem; line-height:1.7;}
.index_meng_info strong{font-size:0.65rem;}
.index_meng_info p{font-size:0.52rem;}

.index_guang_bg{position:relative;width:100%;padding:1rem 0px;background:#fff7eb; text-align:center;}
/* .index_guang_tit{ color:#eb5e04; font-size:0.7rem; font-weight:bold;} */
.index_guang_tit{ width: 5rem; margin: 0 auto;}
.index_guang_img{ margin:0.8rem 0px;}

.index_guang_bottom{ width: 10rem; margin: 0 auto;}

@media (max-width:767px){
  .index_guang_tit{ width: 90%; margin: 0 auto;}
  .index_guang_bottom{ width: 90%; margin: 0 auto;}
}