img{
    width: 100%;
    height: auto;
}
.banner{
  height: 7rem;
  /* background: linear-gradient(direction, #000000, #808080); */


  /* background-color: linear-gradient(to top, rgba(255,0,0,0), rgba(255,0,0,1)); */
  position: relative;
}
.banner_tit{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 1;
}
.banner img{
  height: 100%;
}
.ban_tit1{

font-family: w27;
font-weight: normal;
font-size: 0.5rem;
color: #FFFFFF;
/* line-height: 0rem; */
text-align: center;
font-style: normal;
text-transform: none;
}
.ban_txt{

font-family: w10;
font-weight: normal;
font-size: 0.2rem;
color: #FFFFFF;
/* line-height: 0rem; */
text-align: center;
font-style: normal;
text-transform: none;
}

/* tab */
.yyhy_banxin{
  padding: 0.44rem 0 0.88rem;
}
.tab_box{
  display: flex;
  justify-content:center;
  margin-bottom: 0.9rem;
}
.tab_li{
  
  font-size: 0.18rem;

}
.tab_li+.tab_li{
  margin-left: 0.27rem;
}
.tab_li a{
  display: inline-block;
  width: 1.6rem;
  border: 0.01rem solid #C3C3C3;
  border-radius: 0.05rem 0.05rem 0.05rem 0.05rem;
  height: 0.4rem;
  font-family: Dream Han Sans CN, Dream Han Sans CN;
  font-weight: normal;
  font-size: 0.18rem;
  color: #525252;
  line-height: 0.4rem;
  text-align: center;
  font-style: normal;
  text-transform: none;
  /* vertical-align:middle; */
}
.tab_li .active{
  color: #FFFFFF;
  background: #D60000;
  border-color: #D60000;
}

/* tab end */






.aboutWe_name{
  width: 100%;
  border-bottom: 0.01rem solid #D0D0D0;
  text-align: center;
  font-size: 0.5rem;
  padding-bottom: 0.25rem;
  /* height: fit-content; */
 
}
.cont_tit{
  padding-top: 0.49rem;
}
.aboutWe_name span{
 
  font-family: Dream Han Sans CN, Dream Han Sans CN;
  font-weight: bold;
  font-size: 0.5rem;
  color: #275CA8;
  /* line-height: 0rem; */
  text-align: left;
  font-style: normal;
  text-transform: none;
  
  
}
.aboutWe_name span span{
  color: #000000;
}

.cont_tit{

font-family: Dream Han Sans CN, Dream Han Sans CN;
font-weight: bold;
font-size: 0.28rem;
color: #000000;
text-align: left; 
font-style: normal;
text-transform: none;
}


.cont_txt{

font-family: Dream Han Sans CN, Dream Han Sans CN;
font-weight: normal;
font-size: 0.16rem;
color: #000000;
line-height: 0.3rem;
text-align: left;
font-style: normal;
text-transform: none;
margin-top: 0.5rem;
}

/* 计数滚动 */
.numCount{
  margin-top: 1.06rem;
}
.clearfix{
  display: flex;
}
.clearfix .clearfix_li{
  flex: 1;
  /* font-size: .1rem; */
}
.clearfix_li+.clearfix_li{
  border-left: 0.01rem solid #B1B1B1;
}
.numU{
  text-align: center;
  font-size: 0.6rem;
}
.numU>:nth-of-type(2){

  font-family: Poppins, Poppins;
  font-weight: 500;
  font-size: 0.2rem;
  color: #0074DC;
  text-align: left;
  font-style: normal;
  text-transform: none;
  vertical-align:top;
}
.clearfix>:nth-of-type(4) .item .numU>:nth-of-type(2){
  vertical-align: baseline;
}
.numU .numCX{

  font-family: Poppins, Poppins;
  font-weight: bold;
  font-size: 0.6rem;
  color: #0074DC;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.item .indc{
font-family: Dream Han Sans CN, Dream Han Sans CN;
font-weight: normal;
font-size: 0.16rem;
color: #6C6C6C;
text-align: center;
font-style: normal;
text-transform: none;
}


.aboutweImg{
  height: 5.01rem;
  display: flex;
  margin-top: 1.02rem;
  
}
.aboutImg2:hover img{
    transform: scale(1.1);
    
}
.aboutImg1:hover img{
    transform: scale(1.1);
    
}
.aboutImg1{
  width: 6.52rem;
  overflow: hidden;
  border-radius: 10px;
}
.aboutImg2{
  width: 9.29rem;
  margin-left: 0.19rem;
  overflow: hidden;
  border-radius: 10px;
  
}

.aboutImg1 img{
    transition: all .5s;
}
.aboutImg2 img{
    transition: all .5s;
}


.header_box{
        position: fixed;
        top: 0;
        left: 0;
        z-index: 2;
    }
    .banner::after{    
        content: ' ';
        width: 100%;
        height: 100%;
        background-image:url(../../../assets/default/img/21882.png);
        /*background-image:url('{{assets_url('/default/img/21881.png')}}');*/
        /*opacity: 0.3;*/
        position: absolute;
        top: 0;
        left: 0;

    }
    @media only screen and (max-width:768px){
        .tab_box{
            margin-bottom: 0.3rem;
        }
        .aboutweImg{
            height: 2.01rem;
        }
        .numU .numCX{
            font-size: 0.3rem;
        }
        .numU{
            font-size: 0.3rem;
        }
        .cont_txt{
            font-size: 0.3rem;
            line-height: 0.5rem;
        }
        .cont_tit{
            font-size: 0.4rem;
        }
        .tab_li a{
            font-size: 0.25rem;
        }
        .ban_txt{
            font-size: 0.25rem;
        }
    }