@charset "UTF-8";
.main{
    font-size: 0.7292vw;
    line-height: 1.5vw;
}
.top_banner,.top_banner img {width: 100%; display: block;}
.crumbs{
    height: 3.85vw;
    line-height: 3.85vw;
    background-color: #fff;
    box-shadow: 0 0.15vw 0.3vw rgba(0, 0, 0, 0.2);
    font-size: 0.7292vw;
    overflow: hidden;
}
.crumbs_right{
    background: #e24535;
    color: #fff;
    font-size: 0.8333vw;
    padding: 0 1.6667vw;
}

.aboutbrand{
    font-size: 0.7292vw;
    width: 100%;
    overflow: hidden;
}
.aboutbrand .aboutbrand_left{
    background-image: url(../images/about/about_leftbg.jpg);
    background-size:cover;
    background-repeat: no-repeat;
    width: 23vw;
    padding-left: 13vw;
    padding-top: 5.2083vw;
    margin-top: .4vw;
    padding-bottom: 8.9vw;
    text-transform:uppercase;
}
.aboutbrand .aboutbrand_left h3{
    font-size: 1.5625vw;
    line-height: 3vw;
    position: relative;
}
.aboutbrand .aboutbrand_left h3:after{
    content: "";
    display: block;
    width: 1vw;
    border-bottom: .15vw solid #ce2222;
    position: absolute;
    left: 0;
    bottom: 0;

}
.aboutbrand .aboutbrand_left h4{
    font-size: 1.1458vw;
    line-height: 2vw;
}
.aboutbrand .aboutbrand_left p{
    color: #666666;
    padding-top: 1vw;
}
.aboutbrand .aboutbrand_left .moreRightBox{
    padding: 3vw 0 7vw 0;
}
.aboutbrand .aboutbrand_left .moreRightBtn{
    border: .1vw solid #d3d3d3;
    height: 1.6vw;
    width: 1.6vw;
    display: block;
    text-align: center;
    line-height: 1.6vw;
    border-radius: 100%;

}
.aboutbrand .aboutbrand_left .moreBtn{
    background: #dd453d;
    color: #fff;
    height: 2.5vw;
    line-height: 2.5vw;
    padding: 0 3.75vw;
    display: inline-block;

}
.aboutbrand .aboutbrand_left h5{
    font-size: 1.0417vw;
    line-height: 2vw;
}
.aboutbrand .aboutbrand_right{
    background-image: url(../images/about/about_rightbg.jpg);
    background-size:cover;
    background-repeat: no-repeat; 
    width: 50vw;
    padding-right: 13vw;
    padding-top: 5.7292vw;
    padding-bottom: 5.7292vw
    
}

.aboutbrand .aboutbrand_right li {
    float: left;
    color: #fff;
    text-align: center;
    width: 16.5625vw;
    height: 10.42vw;
    margin-bottom: 3vw;
    
}
.aboutbrand .aboutbrand_right .text {
    color: #8e8e8f;
    line-height: 1.2vw;
}
.aboutbrand .aboutbrand_right img {
   width:2.2vw;
   height: 2vw;
}
.aboutbrand .aboutbrand_right .num {
    font-size: 1vw;
    line-height: 1.5vw;
    padding-top: .8vw;
}
.aboutbrand .aboutbrand_right .title{
    font-size: 1.2vw;
    line-height: 2vw;
    padding-bottom: .5vw;
}

.aboutUs {
    background-image: url(../images/about/aboutUs_bg.jpg);
    background-size:cover;
    background-repeat: no-repeat; 
    background-attachment: fixed;
    padding-top: 3vw;
}
.aboutUs img {
    width: 72.9167vw;
}
.aboutUs .aboutUsText {
    padding: 3vw 0;
}

.videoShow {
    /* background-image: url(../images/about/video_bg.jpg);
    background-size:cover; */
    /* background-repeat: no-repeat; 
    background-attachment: fixed; */
    /* padding-bottom: 13.3333vw; */
    position: relative;
    height: 38.6458vw;
}
.videoBox,.videoBox video {
    width: 100%;
    height: 100%;
    object-fit: cover; 
}
.videoShow .w1400{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -37vw;
    margin-top: -19vw;
    
}
.videoContent {
    width: 29.4792vw;
    height: 9.9vw;
    background-image: url(../images/about/videoContent_bg.png);
    background-size:cover;
    background-repeat: no-repeat; 
    margin: 2vw auto 0 auto;
    text-align: center;
   color: #fff; 
   padding-top: 2vw;
   position: relative;
}
.videoContent h3{
    font-size: 2.2vw;
    line-height: 4vw;
}
.videoContent p{
    font-size: 1.2vw;
    line-height: 2vw;
}
.videoContent .playBtn{
    position: absolute;
    left: 50%;
    margin-left: -1.5vw;
    bottom: -1.4vw;
    width: 2.7083vw;
    height: 2.7083vw;
    background-image: url(../images/about/videoPlay_btn.png);
    background-size:cover;
    background-color: transparent;
}
.videoContent .playBtn.active{
    background-image: url(../images/about/videoStop_btn.png);
}



.reservation{
    background-image: url(../images/about/reservation_bg.png);
    background-size:cover;
    background-repeat: no-repeat;
    padding: 2vw 0;
    color: #fff;
}
.reservation h5 {
    font-weight: normal;
    font-size: 1vw;
    line-height: 2vw;
    padding-bottom: 1vw;
    padding-left: 1vw;
    position: relative;
    
}
.reservation h5::before
{
    content: "";
    display: block;
    height: 1.5vw;
    border-left:.15vw solid #ce2222  ;
    position: absolute;
    left: 0;
    top: 0.3vw;
    /* margin-top: -0.75vw; */
}
.reservation .form_divs {
    display: flex;
    gap: 1.8vw;
}
.reservation .form_div {
   float: left;
   width: 16vw;
   background: #fff;
   padding: 0 1vw;
   border-radius: .2vw;
}
.reservation .form_divs button {
  background: #ce2222;
  color: #fff; 
  height: 2.2vw;
  padding: 0 2vw;
  font-size: 0.8333vw;
  border-radius: .2vw;
}
.reservation .form_divs img,.reservation .form_divs input{
    vertical-align: middle;
}
.reservation .form_divs img {
    width: 1vw;
}

.reservation .form_divs input {
    border: none;
    height: 2.2vw;
    width: 11.6667vw; 
    margin-left: .5vw;
}


.qualifications_title {
    background-image: url(../images/about/qualifications_title_bg.jpg);
    background-size:cover;
    background-repeat: no-repeat; 
}
.qualifications_content img {
    width: 100%;
}

.corporateCulture {
   padding-bottom: 7.3vw;
}
.corporateCulture .w1400{
    /* position: relative; */
    margin-top:-10vw
}
.corporateCulture .innerTitle{
    background-image: url(../images/about/corporateCulture_bg.jpg);
    background-size:cover;
    height: 17.5vw;
    /* background-attachment: fixed; */
}
.corporateCulture ul {
    display: flex;
    justify-content: space-between;
}
.corporateCulture li{
background-image: url(../images/about/corporateCultureItem_bg.png);
background-size:cover;
width: 17.8vw;
text-align: center;
position: relative;
padding: 4.45vw  0;
}
.corporateCulture li .ico {
    background: #fff;
    border-radius: 100%;
    position: absolute;
    top: -2.1458vw;
    left: 50%;
    margin-left: -2.7083vw;
    width: 5.2083vw;
    height: 5.2083vw;
    line-height: 5.2083vw;
}
.corporateCulture li .ico img {
    vertical-align: middle;
    width:2.5vw ;
}
.corporateCulture li .text h4 {
    line-height: 3vw;
    padding-bottom: 3vw;
    position: relative;

}
.corporateCulture li .text h4:after
{
    content: "";
    display: block;
    width: 2vw;
    border-bottom: .15vw solid #ce2222;
    position: absolute;
    left: 50%;
    margin-left: -1vw;
    bottom: 0;
}
.corporateCulture li .text p {
    line-height: 1.5vw;
    color: #808080;
    padding-top: 1.5vw;
}

.casesLogo {
    padding: 4.17vw 0;
}
.customer-list {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    
  }
  .customer-list  .customer-item {
    width: 9vw;
    height: 6vw;
    background-image: url(../images/about/casesLogo.jpg);
    background-position: 0vw 0vw;
    background-size: 72vw 24vw;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
  }
  .customer-list  .customer-item:hover {
    position: relative;
    z-index: 1;
    transform: scale(1.1);
    box-shadow: 0px 0px 0.32vw 0px rgba(0, 0, 0, 0.3);
  }


  .innerTitle.cWhite{
    color: #fff;
    padding-top: 3.125vw;
  }
  .innerTitle{
    text-align: center;
    padding-bottom: 1vw;
  }
  .innerTitle p {
    color:#808080;
    font-size: 0.7292vw;
    line-height: 1.5vw;
    text-transform: uppercase;
  }
  .innerTitle h3{
    color:#262626;
    font-size: 1.857vw;
    line-height: 3vw;
    padding-bottom: .6vw;
  }
 .innerTitle.cWhite p,.innerTitle.cWhite h3{
    color: #fff;
 }
  .innerTitle img {
    width: 7.2916vw;
  }

  .qualifications_title.innerTitle{
    padding-top: 8.855vw;
    padding-bottom: 2vw;
    margin-top: -5.2vw;
    position: relative;
    z-index: -1;
  }
  .qualifications_title.innerTitle p{
    font-size: 1.3vw;
    font-weight: bold;
    color: #000000;
  }
  .qualifications_title.innerTitle h3{
    font-weight: normal;
  }
  .qualifications_title.innerTitle strong{
    color: #ce2222;
    font-style: italic;
    font-size: 1.15vw;
    padding-right: .5vw;
  }