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;
}
.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: Dream Han Sans CN, Dream Han Sans CN;
font-weight: normal;
font-size: 0.2rem;
color: #FFFFFF;
/* line-height: 0rem; */
text-align: center;
font-style: normal;
text-transform: none;
}
.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_cont1{
  width: 100%;
  display: flex;
}
.cont_left{
  width: 6.09rem;
  /* display: flex; */
  margin-right: 1.59rem;
  padding-top: 0.43rem;
  padding-bottom: 0.88rem;
}
.cont_ltit{
  /* width: 2rem; */
  font-family: Dream Han Sans CN, Dream Han Sans CN;
  font-weight: bold;
  font-size: 0.3rem;
  color: #000000;
  /* line-height: 0rem; */
  text-align: left;
  font-style: normal;
  text-transform: none;


  position: relative;
  margin-bottom: 0.59rem;
  padding-left: 0.18rem;
}
.cont_ltit::before{
  content: ' ';
  width: 0.09rem;
  height:0.31rem ;
  background-color: #275CA8;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}
/* .cont_lt_line{
  width: 0.09rem;
  height:0.31rem ;
  background-color: #275CA8;
  
} */
.cont_ltxt{
  width: 6.09rem;
}
.cont_ltxt p{
  font-family: w10;
  font-weight: normal;
  font-size: 0.16rem;
  /* text-align: left; */
  line-height: 0.3rem;
  font-style: normal;
  text-transform: none;
}
.cont_ltxt>:nth-of-type(1){
    margin-bottom: 0.25rem;
    color:#000000 ;
}
.cont_ltxt{
  color: #6A6A6A;
  
}






.cont_right{
  width: 8.35rem;
  height: 4.31rem;
  /* padding-top: 0.22rem; */
  /* padding-right: 0.18rem; */
  background-image: url(../img/yyhy/yyhyr_bg.png) ;
  background-repeat: no-repeat;
  position: relative;
  border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
}
.cont_r_img{
  width: 8.35rem;
  height: 4.31rem;
  position: absolute;
  top: 0.22rem;
  right: 0.18rem;
  overflow: hidden;
  border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
  cursor: pointer;
  transition: all .5s;
}
.cont_r_img:hover{
    top: 0;
  right: 0;
}
.cont_r_img img{
  width: 100%;
  height: 100%;
  display: block;
}
.tab_cont2{
  margin-top: 1.09rem;
  margin-bottom: 0.46rem;
}
.changjing_flex{
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-between; */
}
.cj_cont{
  width: 5.25rem;
  height: 2.94rem;
  /* border: 1px solid; */
  /* display: grid; */

}

.cj_cont+.cj_cont{
  margin-bottom: 0.14rem;
  margin-left: 0.12rem;
}
.cj_cont:nth-of-type(3n+1){
  margin-left: 0;
}
 .cj_cont img{
     width: 100%;
    height: 100%;
    object-fit: cover;
} 



/* 3 */
.xgcp_box{
  display: flex;
  flex-wrap: wrap;
}
.xgcp_cont:hover .xgcp_cont_img{

  background: #FFFFFF;
  box-shadow: 0rem 0.03rem 0.06rem 0.01rem rgba(0,0,0,0.16);
  border-radius: 0rem 0rem 0rem 0rem;
  border: 0.01rem solid #0074DC;
}
.xgcp_cont:hover .xgcp_cont_txt{
  color: #D60000;
}
.xgcp_cont+.xgcp_cont{
  margin-right: 0.4rem;
  width: 3.69rem;
}
.xgcp_cont{
    margin-right: 0.4rem;
  width: 3.69rem;
  margin-bottom: 0.4rem;
}
.xgcp_cont:nth-child(4n){
    margin-right: 0;
}
.xgcp_cont_txt{

  font-family: w20;
  font-weight: 600;
  font-size: 0.18rem;
  color: #000000;
  text-align: center;
  font-style: normal;
  white-space: nowrap;
  text-transform: none;
  margin-top: 0.17rem;
}
.xgcp_cont_img{
  width: 3.69rem;
  height: 3.23rem;
  border: 0.01rem solid #CECECE;
}
.xgcp_cont_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.tab_cont3{
    margin-top: 1.29rem;
}
@media only screen and (max-width:768px){
    .tab_box{
            margin-bottom: 0.2rem;
    }
    .changjing_flex{
            justify-content: center;
    }
    .cj_cont:nth-of-type(3n+1){
        margin-bottom: 0.14rem;
    margin-left: 0.12rem;
    }
    .tab_cont3{
        margin-top: 1rem;
    }
    .xgcp_box{
        flex-wrap: wrap;
    justify-content: space-evenly;
    align-content: center;
    }
    .xgcp_cont{
        width: 3rem;
        margin-right: 0;
    }
    .xgcp_cont_img{
        width: 3rem;
    }
    .xgcp_cont+.xgcp_cont{
        width: 3rem;
        margin-right: 0;
    }
    .tab_cont1{
        flex-direction: column;
    }
    .cont_ltit{
        font-size: 0.5rem;
    }
    .cont_ltxt p{
        font-size: 0.3rem;
    }
    .cont_ltxt{
        width: 7rem;
    }
    .cont_left{
        padding-bottom: 0.43rem;
        width: 7rem;
    }
    .cont_right{
            width: 7rem;
    }
    .cont_r_img{
        width: 7rem;
    }
    .iconfont_cont{
        line-height: 0.45rem;
    }
    .tab_li a{
        font-size: 0.25rem;
    }
    .cont_ltxt p{
        line-height: 0.45rem;
    }