*{
  word-break: break-word;
}

/*滑动广告*/
.box_banner {
    overflow: hidden;
    width: 100%;
    position: relative;
  }
  .box_banner .swiper-container .swiper-wrapper{
   /*  height: 85vh;  */
  }

  .box_banner .banner_pic{
    position: relative;
  }
  .box_banner .banner_pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .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 h2.b_title{
    font-size: 2rem;color: #fff;
    text-align: center;
   font-weight: bold;font-family: "ArcaMajora Heavy";
  }
  .box_banner .banner_title p.c_title{
    font-size: 1rem;color: #fff;
    text-align: center;
   
  }
/*公司视频*/
.video-box{
  padding: 85px 0;

  background-image: url(/hustatic/frontend/images/index05_15_bg.jpg);
  background-position: center top;
  background-size: cover;
}
.video-box .video-title .video-title-sec {
  color: var(--sitecolor);
  font-family: 'ArcaMajora bold';
}
.video-box .video-title .video-font {
  font-size: 45px;
  color: #212121;
  font-weight: bold;
  font-family: 'arial';
}
.video-box .video-title .line-box {
  padding: 20px 0;    
}
.video-box .video-title .line-box .title-line {
  width: 55px;
  border-top-style: solid;
  border-top-color: #212121;
  display: block;
  border-top-width: 3px;
}.video-box .video-title .video-title-sarmm .icon{
fill:var(--sitecolor);

}
.video-box .video-title .video-title-sarmm {

  padding: 20px 0 50px 0;
}.video-box .video-title .video-title-sarmm span{
display: block;
  font-size: 1rem;
  line-height: 1.6;
  font-weight: normal;padding:5px 0;
  color: #666;
}
.video-box .video-play .video{
  width: 100%;
  min-height:450px;
}
  .prod-box{
padding:95px 0;

background-image: url(/hustatic/frontend/images/index05_15_bg.jpg);
background-position: center top;
background-size: cover;
  }
  .prod-box .prod-main{
  
  }
  .prod-box .title .title-font {
    font-family:"arial";
    text-align: center;font-size:2.5rem;
    font-weight: bold;color: var(--sitecolor);
  }
  .prod-box .title .title-line{
position: relative;padding-bottom: 10px;margin-bottom: 55px;
  }
  .prod-box .title .title-line:after{
width: 40px;height: 2px;
content: '';position: absolute;
left: 50%;transform: translateX(-50%);
top: 0px;background-color: var(--sitecolor);
display: block;

  }
  .prod-box .prod-list{padding: 0px;
    position: relative;
  } 
  .prod-box .prod-list:hover .prod-pic img{opacity: 0.4;transition: all .6s;}
  .prod-box .prod-list .prod-pic{background-color: #000;}
  .prod-box .prod-list .prod-pic img{opacity:1;transition: all .6s;}
  .prod-box .prod-list .prod_text{
    position: absolute;
    padding: 20px 45px;width: 100%;
    left: 0px;transition: all .6s;
    bottom: 0%;
    transform: translateY(-0%);
  }
  .prod-box .prod-list:hover .prod_text{
    position: absolute;
    padding: 20px 45px;width: 100%;
    left: 0px;transition: all .6s;
    bottom: 0%;
    transform: translateY(-50%);
  }
  .prod-box .prod-list .prod_text .prod-summ{
font-size: 0.875rem;padding:30px 0;min-height: 138px;
color: #eee;line-height: 1.6rem;transition: all .6s;
display: none; visibility: hidden;  transform: translateY(-100%);
  }
  .prod-box .prod-list:hover .prod_text .prod-summ{
    transition: all .6s;
    display:block; visibility:visible;  transform: translateY(-0%);
  }
  .prod-box .prod-list:hover .prod_text .prod-more{display:block;}
  .prod-box .prod-list .prod_text .prod-title{min-height: 65px;
font-size: 26px;font-weight: bold;font-family: "arial";
color: #fff;
  }

  .prod-box .prod-list .prod-more{display: none;
    border: 1px solid #fff;font-size: 1rem;
    border-radius: 10px;padding: 5px 20px;color: #fff;
  }
  /*产品应用*/
  .prod-cate-box{
    background-color: #000;
    background-image: url(/hustatic/frontend/images/index05_lei_bg.jpg);
    background-position:center bottom;
background-size: cover;

  } .prod-cate-box .prod-cate-main.w1400{max-width: 1280px;}
  .prod-cate-box .prod-cate-main{
padding:80px 0;

  }
  .prod-cate-box .prod-cate-main .col-lg-4:last-child .prod-cate-list{margin-right:0px;}
  .prod-cate-box .prod-cate-main .prod-cate-list{
padding: 45px 50px;margin-right:30px;
    background-color: rgba(0,0,0,.8);
  }
  .prod-cate-box .prod-cate-main .prod-cate-list .icon{fill: #fff;width: 60px;height: 80px;}
  .prod-cate-box .prod-cate-main .prod-cate-list .prod-cate-title{line-height: 
    1.4em;min-height: 56px;
    font-size: 20px;font-weight: bold;color: #fff;font-family: "arial";
  }
  .prod-cate-box .prod-cate-main .prod-cate-list .prod-cate-sarmm{
    font-size: 16px;color:#c7c7c7;line-height: 1.6rem;padding: 20px 0;min-height: 120px;
  }
  .prod-cate-box .prod-cate-main .prod-cate-list .prod-cate-more{

    color: var(--sitecolor);
  }
  .prod-cate-box .prod-cate-main .prod-cate-list .prod-cate-more:hover{

    color:#fff;
  }
  /*产品应用*/

  .prod-app-list{
    padding: 165px 0;
  }

.list-one{
  background-image: url(/hustatic/frontend/images/index04_16_bg.jpg);
  background-position: center bottom;    background-size: cover;
  
}
.list-two{
  background-image: url(/hustatic/frontend/images/index04_40_bg.jpg);
  background-position: center bottom;    background-size: cover;
  
}
.list-three{
  background-image: url(/hustatic/frontend/images/index04_41_bg.jpg);
  background-position: center bottom;    background-size: cover;
  
}
.prod-app-list.list-two .prod-app-main{
flex-direction: row-reverse;

}
  .prod-app-list .prod-app-main{
    display: flex;
  }  .prod-app-list.even  .prod-app-main .prod-app-title{

padding-left: 60px;   padding-right: 0; 

  }
  .prod-app-list  .prod-app-main .prod-app-title{
    padding-left:0; 
    padding-right:60px;
    
      }
      .prod-app-list.even  .prod-app-main .prod-app-pic{

        padding-left: 0px;   padding-right:60px; 
        
          }
          .prod-app-list  .prod-app-main .prod-app-pic{
            padding-left:60px;
            padding-right:0px;
            
              }
  .prod-app-list.even  .prod-app-main .prod-app-title .app-font{
    color:#fff;
  }
  .prod-app-list  .prod-app-main .prod-app-title .line-box{
padding: 20px 0;

  }
  
  .prod-app-list  .prod-app-main .prod-app-title .title-line{
width: 55px;border-top-style:solid;
border-top-color: #303030;display: block;
border-top-width: 3px;
      }
  
      .prod-app-list.even  .prod-app-main .prod-app-title .title-line{
        width: 55px;border-top-style:solid;
        border-top-color: #fff;display: block;
        border-top-width: 3px;
              }
  .prod-app-list.even .prod-app-main .prod-app-title .app-title-sec{
    color:#bdbdbd;font-family: 'ArcaMajora bold';
  }
  .prod-app-list.even .prod-app-main .prod-app-title .app-title-sarmm{
color: #d2d2d2;

  }
  .prod-app-list .prod-app-main .prod-app-title .app-font{
font-size: 45px;color:#212121;font-weight: bold;font-family: 'arial';
  }

  .prod-app-list .prod-app-main .prod-app-title .app-title-sec{
    font-size: 22px;color: var(--sitecolor);font-family: 'ArcaMajora bold';
  }
  .prod-app-list .prod-app-main .prod-app-title .app-title-sarmm{
font-size: 1rem;
line-height: 1.6;

font-weight: normal;
color: #666;
padding: 20px 0 50px 0;
  }

  .prod-app-list .prod-app-main .prod-app-title .app-title-more{
    padding: 10px 35px;
    border-radius: 3px 15px ;
font-size: 0.875rem;font-weight: normal;
  }
.blue{
background-color: var(--sitecolor);
color: #fff;
  }
  .prod-app-list.even .prod-app-main  .blue:hover{
    background-color: #eee;
    color: #222;
      }
  .blue:hover{
    background-color: #212121;
    color: #fff;
      }
  /*公司简介*/




.about-box{margin-left: auto;
  margin-right: auto;
  width: 100%;display: flex;
  background-color: #f7f7f7;


}
.about-box .about-box-pic{


  flex: 0 0 50%;width: 50%;    clear: left;
}
.about-box .about-box-pic p{
margin-bottom: 15px;

}
.about-box .about-box-pic .form-group{
  width: 100%;
  height: auto;
padding:10px 0;
}
.about-box .about-box-pic .row{
  margin:0;
}

.about-box .about-box-pic .form-group .form-control{
  font-size: 0.875rem;background-color: #eee;border: 0px;
}

.about-box .about-box-pic .form-group .btn-primary{
  background-color:var(--sitecolor);width: 100%;
}
.about-box .about-box-text{

  padding-right: 5vw;
  padding-left: 0vw;  
}
.about-box .about-box-main{
  flex: 0 0 auto;
  padding: 125px 0;
   align-items: center;
  display: flex;
}

.about-box-text .about-name b{
display: block;color: var(--sitecolor);font-size: 2.5rem;font-family: "arial";
}
.about-box-text .about-name em{
  display: block;font-size: 14px;color: #e47b02;font-style: normal;
  }

.about-box-text .about-more{
 font-size: 0.875rem;
  border-radius:3px 15px;padding:10px 35px;color: #fff;
}

  .about-box-text .about-summary{

    color:#5a5a5a ;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:90px 0 ;
  background-image: url(/hustatic/frontend/images/index04_42_bg.jpg);
  background-position: center bottom;
background-color: #2b2c30;
background-size: cover;
}
.youshi-box .title .title-font {font-family: "arial";
  text-align: center;font-size: 2.5rem;
  font-weight:600;color: var(--sitecolor);
}

.youshi-box .title .title-line{
  position: relative;padding-bottom: 20px;
  margin-bottom: 50px;
    }
    .youshi-box .title .title-line:after{
  width: 40px;height: 2px;
  content: '';position: absolute;
  left: 50%;
  bottom: 0px;background-color:#fff;
  display: block;
  transform:translateX(-50%)
    }
.youshi-box .youshi-list{
  margin: 0 auto;max-width: 1350px;width: 94%;
}



.youshi-box  .youshi-list-item{

  position: relative;
border-radius:0px;
  flex: 1;
  transition: all .5s ease;
  flex-basis: auto;
}
.youshi-box  .youshi-list-item .youshi-pic{
  overflow: hidden; transition: all .6s;width: 100%;
}
.youshi-box  .youshi-list-item .youshi-pic img{
  -webkit-transform: scale(1);
  transform: scale(1);width: 100%;
  background-color: #000;
  transition: all .6s;
 }
.youshi-box .youshi-list-item:hover .youshi-pic img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);opacity: .6;
 transition: all .6s;
}
.youshi-box  .youshi-list-item .youshi_title{    padding: 10px 0 5px 0;
  text-align:left;display: block;
  font-size: 16px;line-height: 1.6rem;color: #949494;
}
.youshi-box  .youshi-list-item .youshi_title i{font-style: normal; }

.youshi-list-item   .youshi_text{min-height: 50px;font-family: "ArcaMajora bold";
  color: #fff;font-size: 1rem;line-height: 1.6rem;text-align:left;
}

.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;
}
.youshi-box  .youshi-main .app-title-more {
margin:50px auto 0 auto;display: block;text-align: center;
}.youshi-box  .youshi-main .app-title-more a{
  color:#fff;  padding: 10px 35px;
  border-radius: 3px 15px;
  font-size: 0.875rem; 
  font-weight: normal;

}
@media screen and (min-width: 1100px){

  .video-box .row{
   display: flex;
   align-items: center;
  }

}
@media screen and (max-width: 1100px){

  .video-box .video-play .video{
    width: 100%;
    min-height:260px;
  }

  .box_banner .swiper-container .swiper-wrapper {
    height: auto;
}
.about-box .about-box-pic .form-group .form-control{
  line-height: 2rem;
}

.prod-cate-box .prod-cate-main .prod-cate-list{
  margin-right: 0px;
}
.prod-box .prod-list:hover .prod_text .prod-summ{
  display: none;
}
.prod-app-list .prod-app-main .prod-app-title .app-title-sec{
  font-size: 16px;
}
  .youshi-box .youshi-list-item{
    padding-bottom: 50px;
  }

  .prod-app-list.even .prod-app-main .prod-app-title {
    padding-left: 0px;
    padding-right: 0; padding-bottom: 60px;
}
  .prod-app-list .prod-app-main .prod-app-title {
    padding-left: 0;
    padding-right: 0px;    padding-bottom: 60px;
}
.prod-app-list.even .prod-app-main .prod-app-pic {
  padding-left: 0px;
  padding-right: 0px;
}
.prod-app-list .prod-app-main .prod-app-pic {
  padding-left: 0px;
  padding-right: 0px;
}
  .about-box .about-box-pic {
    flex: 0 0 100%;
    width: 100%;
    clear: left;
}
  .about-box .about-box-main{
    padding:65px 0px;    display: block;
  }
  .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;
 
}
.about-box-text .about-summary b{
  display: block;
}
.about-box-text .about-name b,
.youshi-box .title .title-font{
  font-size: 29px;
}
.box_banner .banner_title h2.b_title{
  font-size: 1.2rem;
}
.prod-app-list .prod-app-main .prod-app-title .app-font{
  font-size: 28px;
}
.prod-box .title .title-font{
  font-size: 29px;
}
.prod-app-list {
  padding: 65px 0;
}
.youshi-box {
  padding: 65px 0 25px ;
}
.prod-box {
  padding: 65px 0;
}
.foot-ewm-font img{
  max-width: 120px;
}

}
