html {
    font-size: 20px !important;
    line-height: 1.7;
}
.imWrap {
    width: 100%;
    padding-top: 75.5%;
    position: relative;
    overflow: hidden
}
.imWrap .imgcon {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 5;
    left: 0;
    top: 0
}
.imWrap img {
    display: block;
    position: absolute;
    width: 100%;
    min-height: 100%;
    z-index: 5;
    left: 0;
    top: 0
}
.imWrap .imgcon img {
    position: relative;
    display: inline-block;
    width: auto;
    max-width: 100%;
    object-fit: contain;
}
div.big {overflow: hidden;}
div.big img{width: 100%;display: block; transition: .1s transform;
    transform: translateZ(0);min-height: 100%;}
div.big:hover img{
    transform: scale(1.2, 1.2);
    transition: .3s transform;
} 
.big {
    overflow: hidden
}

.big img {
    width: 100%;
    display: block;
    transform: translateX(-50%);
    transform: translateZ(0);
    transition: .3s transform
}
.big:hover img {
    transform: scale(1.2,1.2)
}

#about_div1 {
    margin-top: 3vw;
}
#about_div1 {
    overflow: hidden;
    background-image: url(/static/upload/image/20250709/g12.png);
    background-repeat: no-repeat;
    background-position: 0 bottom;
    background-size: 100% auto
}
#about_div1 .skyer {
    float: right;
    width: 50%;
    margin-left: 4%
}
#about_div1 .skyer img {
    max-width: 100%
}
#about_div1 dl {
    clear: both;
    overflow: hidden;
    padding: 3vw 0 1vw;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around
}
#about_div1 h1 {
    font-size: 1.9rem;
    color: #333;
    letter-spacing: 3px;
    line-height: 3
}
#about_div1 .con {
    font-size: 14px;
    color: #333;
    position: relative;
    z-index: 2
}
#about_div1 dl .con {
    display: inline-block;
    text-align: center;
    padding: 4rem 0
}
#about_div1 dd {
    flex: 1;
    text-align: center;
    position: relative;
    margin: 0 2%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto auto
}

#about_div1 dd .sdf {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -125px;
    margin-left: -125px;
    z-index: 0
}
#about_div1 dl strong {
    font-size: 2.5rem;
    color: #333
}
#about_div1 dl p {
    font-size: .8rem;
    color: #333
}
.containe {
    position: relative;
    max-width: 1600px;
    display: block;
    margin: 0 auto;
}


#about_culture {
    position: relative;
    overflow: hidden;
    background-image: url(/static/upload/image/20250709/g19.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover
}

#about_culture .titdiv_02 {
    position: absolute;
    width: 100%;
    z-index: 5;
    left: 0;
    top: 0
}
#about_culture .titdiv_02 * {
    color: #fff
}
.titdiv_02 {
    text-align: left;
    position: relative;
    margin: 3vw 0;
    padding-bottom: .5rem
}
.titdiv_02 h2 {
    font-size: 1.75rem;
    font-family: '黑体';
    line-height: 1;
    color: #333;
    font-weight: 700
}
.titdiv_02 small {
    font-size: .8rem;
    display: block;
    color: #666;
    line-height: 1.7;
    padding: 1em 0 .5em
}
.titdiv_02::after {
    background-color: #e60012;
    display: inline-block;
    display: block;
    content: "";
    height: 4px;
    width: 61px;
    margin-top: .5rem
}
#about_culture dl {
    color: #fff;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between
}

#about_culture dl dd {
    overflow: hidden;
    padding: 16vw 2vw 4.5vw;
    flex: 1;
    border-right: 1px solid #6f7179
}
#about_culture dl .cont {
    cursor: pointer;
    transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out
}
#about_culture dl i {
    font-size: 1.5rem
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#about_culture dl small {
    font-size: 14px;
    display: inline-block;
    max-width: 20em;
    height: 7em
}

#about_culture dl h3 {
    font-size: 1.2rem;
    color: #fff;
    line-height: 3
}
#about_culture dl .cont:after {
    position: relative;
    display: block;
    background-color: #fff;
    content: " ";
    height: 1px;
    width: 1rem;
    z-index: 5
}
#about_culture dl dd:hover .cont {
    transform: translateY(-20px)
}




#about_why {
    overflow: hidden
}


#about_why dd {
    overflow: hidden;
    float: left;
    width: 50%;
    background: #f6f6f6
}
#about_why dd .big {
    float: left;
    width: 50%
}
.wrap {
    overflow: hidden
}
#about_why dd .imWrap {
    padding-top: 75%
}


#about_why .con {
    padding: 4% 10% 0
}

#about_why h4 {
    font-size: .9rem;
    color: #333;
    line-height: 4;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
#about_why .con p {
    font-size: 14px;
    color: #666;
    display: block;
    overflow: hidden;
    max-height: 6.5em
}

.ind_corp {display: block;width: 102%}

.ind_corp li{float: left;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
    width: 13.2%;
    margin-right: 1%;
    border: 1px solid #e6e6e6;
    padding: 0 2%;
    margin-bottom: 1%;}

.ind_corp li a {display: block}

.ind_corp li .imWrap {padding-top: 61%}

.ind_corp li img {transition: all .5s linear 10ms;transform: rotateY(0)}

.ind_corp li:hover {border-color: #d11e1e}









@media screen and (max-width:1400px) {
      .containe{
        margin-left: 13px;
        margin-right: 13px;
      } 
      html{font-size: 19px !important;}
      .bgCon{background-size: 100% 100%;}
      .about_help ul{margin: 3vw auto 6vw;}
      .small_a{display: none;}
}

@media screen and (max-width: 1220px) {
    #about_div1 dd {
        background-size:100% auto
    }
}

@media screen and (max-width: 1100px) {
    #about_div1 dd {
        background-image:url(../images/g13.png)
    }

    #about_div1 dd .sdf {
        display: none
    }
}

@media screen and (max-width: 768px) {
    #about_div1 dd {
        display:none
    }
    #about_div1 dl strong {
        font-size:1.51515152rem
    }
    #about_culture dl h3 {
        font-size:1.09090909rem
    }
    #about_culture {
        display: block;
    }
    .titdiv_02 h2 {
        font-size: 1.25rem;
    }
    #about_why dd {
        width: 100%;
    }
    #about_why dd:nth-child(even) .big {
        float: right;
    }
}

@media screen and (max-width: 767px) { 
    html{
        font-size: 16px !important;
    }
}
@media screen and (max-width: 639px) {
    html {
        font-size: 15px !important;
    }
    #about_culture {
        display: none;
    }
    .ind_corp li {
        width: 23.8%;
    }
}