/*滑动广告*/
.box_banner {
    overflow: hidden;
    width: 100%;
    position: relative;
  }
  
  .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .box_banner .banner_pic{
    position: relative;
  }
  .box_banner .banner_pic img{
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .box_banner .banner_pic::before{
  display: block;content: "";
  position: absolute;
  left: 0px;width: 100%;height: 100%;
  top: 0px;background-color: rgba(0,0,0,.2);
  z-index: 1;
  }
  .box_banner .banner_title{
    position: absolute;
    top: 50%;width: 100%;
    left: 50%;
    transform: translate(-50%,-50%);z-index: 2;
  }.box_banner .banner_title h3{
    font-size: 2rem;color: #fff;
    text-align: center;
   font-weight: bold;
  }
  .box_banner .banner_title p{
    font-size: 1rem;color: #fff;
    text-align: center;
   
  }

  .prod-box{
padding: 3vw 0;

  }
  .prod-box .prod-main{
  
  }
  .prod-box .title .title-font {
    text-align: center;font-size:36px;
    font-weight: bold;color: var(--sitecolor);
  }
  .prod-box .title .title-en{
    text-align: center;
    margin-bottom: 2rem;font-weight:normal;color:#999;font-size: 14px;
  }

  .prod-box .cate-main{
    width: 22%;
  }
  .prod-box .prod-main{
    width: 78%;
  }
  .prod-category .category-list {
    text-align: center;
    display: block;

  
  }
  .prod-category .category-list .cate-title{
padding:20px; font-size: 23px;
text-align: left;color: #fff;
    background-image: linear-gradient(to right, #0276b0, #00a971);
  } .prod-category .category-list .cate-title .line{width: 50px;border-top:2px solid #afd005;display: block;margin: 5px 0;}
  
  
  .prod-category .category-list .font a {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #d2d2d2;
    border-radius: 0px;
    font-size: 1rem;text-align: left;
    line-height: 2.2vw;
    color: #5d5d5d;
  padding:.7vw 5px;position: relative;z-index: 1;
  }
  .prod-category .category-list .font a i.icon{
    font-style: normal;color: #aaa;
  }
  .prod-category .category-list .font a:hover {
 color:#fff;color: #fff;
  }
  .prod-category .category-list .cate-list{
    background-color: #ebebeb;
    padding: 10px;
  }
  .prod-main .prod-list{

    margin-bottom: 0.875rem;
  }

  .prod-main .prod-list a{display: block;}
  .prod-list .prod-pic {
    position: relative;
    padding-bottom: 75%;
    overflow: hidden;
  border:1px solid #f1f1f1;
  }
  
  .prod-list .prod-pic img.pic {
    position: absolute;
    max-width: 100%; width: auto;max-height: 100%;height: auto;
    left: 50%;transition: all .6s;
    top: 50%;
    transform: translate(-50%, -50%) scale(1);
  }
  .prod-list .prod-pic:hover img.pic {
    transition: all .6s;
    transform: translate(-50%, -50%) scale(1.1);
  }
  .prod-list .prod-title {
    font-size: 0.875rem;
    line-height: 1.2rem;
    color: #666;
    min-height: 3rem;
    text-align: center;
    padding: 5px;
    background-color: #f1f1f1;
  }
  .prod-list .prod-title span{
position: relative;
z-index: 2;
  }
  .prod-list .prod-title.hover:hover span{
  color: #fff;
      }
  /*公司简介*/

.about-box{margin-left: auto;
  margin-right: auto;
  width: 100%;display: flex;
  background-color: #0274b3;
  background-image: url(/hustatic/frontend/images/whhj_04.jpg);
  background-position: right bottom;

}
.about-box .about-box-pic{
  flex: 0 0 50%;width: 50%;    clear: left;
}
.about-box .about-box-pic img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.about-box .about-box-main{
  flex: 1;
  
  padding-right: 5vw;
  padding-left: 5vw;    align-items: center;
  display: flex;
}

.about-box-text .about-name b{
display: block;color: #fff;font-size: 35px;
}
.about-box-text .about-name em{
  display: block;font-size: 14px;color: #e47b02;font-style: normal;
  }
  .about-box-subnav .p_img_box .p_img{
    text-align: center;
  }
.about-box-subnav .p_img_box .p_img .icon{
  width: 62px;height: 62px;fill: var(--sitecolor);
}
.about-box-subnav .p_img_box .p_title{
  font-size: 1.125rem;
  text-align: center;
  line-height: 2rem;
  margin-top: 10px;
}

.about-box-subnav .mid-nav{
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
}
.about-box-subnav{

  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
}
.about-box-main .about-box-subnav{
  margin-top: 3vw;
}

.about-box-text .about-more a{
   color: #fff;
  padding:6px 25px;border-radius: 30px;
}
  .about-box-text .about-summary{

    color:#f1f1f1 ;font-size: 1rem;line-height: 2rem;margin: 2vw 0 2vw 0;
  }
  .parter-box {
    padding: 3vw 0;
  }
  .parter-box .title .title-font {
    text-align: center;
    font-size:36px;
    font-weight: bold;
    color: var(--sitecolor);
}
.parter-box .title .title-en {
  text-align: center;
  margin-bottom: 2rem;
  font-weight: normal;
  color: #999;
  font-size: 14px;
}
  .parter-box .parter-pic{
    border:#eee 1px solid;margin: 10px 0;
  }
  .parter-box .parter-pic:hover{
box-shadow: 0 2px 5px 0 #ccc; 

  }

  /*优势实力*/
.youshi-box{
  padding:3vw 0 ;
  background-image: url(/hustatic/frontend/images/whhj_06bg.jpg);
  background-position: center bottom;


}
.youshi-box .title .title-font {
  text-align: center;font-size: 3rem;
  font-weight: bold;color: var(--sitecolor);
}
.youshi-box .title .title-en{
  text-align: center;
  margin-bottom: 2rem;font-weight:normal;color:#707b85;font-size: 20px;
}

.youshi-box .youshi-list{
  margin: 0 auto;max-width: 1400px;width: 94%;
}



.youshi-box  .youshi-list-item{
padding:3vw 2vw;
  position: relative;
border-radius:15px;
  flex: 1;
  transition: all .5s ease;
  flex-basis: auto;

  background-image: linear-gradient(to top, #0276b0, #00a971);

}

.youshi-box  .youshi-list-item .youshi_title{    padding: 20px;
  text-align: center;display: block;
  font-size: 26px;line-height: 3rem;color: #fff;
}

.youshi-box  .youshi-list-item .iconfont{

  width: 80px;height: 80px;
  margin: 0 auto;display: block;
}
.youshi-box  .youshi-list-item .iconfont .icon{fill: #fff;width: 100%;height: auto;}
.youshi-list-item   .youshi_text{min-height: 50px;
  color: #fff;font-size: 1;line-height: 1.6rem;text-align: center;
}

.youshi-box .title .title-font {
  text-align: center;font-size: 3rem;
  font-weight: bold;color:#fff;
}
.youshi-box .title .title-en{
  text-align: center;
  margin-bottom: 2rem;font-weight:normal;color:#eee;font-size: 20px;
}

@media screen and (max-width: 1100px){
  .about-box .about-box-pic {
    flex: 0 0 100%;
    width: 100%;
    clear: left;
}
  .about-box .about-box-main{
    padding:15px 20px;
  }
  .parter-box .w1400 .col-md-4{
    width: 50%;
  }
  .prod-category .category-list .font a {

    font-size: 1rem;
    text-align: left;
    line-height:1.6rem;
 
    padding: .7vw 5px;
 
}
}