.moduleBox{
    padding-bottom: 50px;
}
#aboutUsBody {
    width: 100%;
    background-color: #FFFFFF;
    /*font-family: Georgia, "times New Roman", Times, serif;*/
    font-size: small;
}


#intro {
    background-color: #FFFFFF;
    margin: 50px 0;
}

#allcontent h1 {
    text-align:center;
    /*margin-top: 19%;*/
}

#aboutUs {
    font-family: GraphikLCG-Medium;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 3px;
    color: #111112;
    font-size: 260%;
}

#aboutUsCHN {
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 2px;
    color: #111112;
    margin: 0px 0px 0px 1%;
}

#intro h1 #cp {
    font-family: GraphikLCG-Medium;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 3px;
    color: #111112;
    font-size: 170%;
}

#intro h1 #cpCHN {
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #111112;
    margin: 1% 0px 0px 1%;
    font-size: 105%;
}

#intro #companyProfiles {
    font-size: 16px;
}

#picColor {
    /*background-color: #f7f5f4 !important;*/
}

#pic01 {
    overflow: hidden;
    max-height: 500px;
}
#pic01 img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}

#culture h1 {
    margin: 30px 0;
}
.companyCulture{
    margin-top: 30px;
}
#companyCulture > div > h3 {
    font-weight: bold !important;
    font-family: GraphikLCG-Medium;
}
.swiper-container .btn{
    transform: scale(0,0);
    transition: all .3s;
}
.swiper-container:hover .btn{
    transform: scale(1,1);
}
.pic02 img.swiper-slide{
    object-fit: contain;
    height: 400px;
}
.circular{
    width: 38%;
    /* height: 25vh; */
    margin: 1% 14% 0% 1%;

    float: right;
    position: relative;
    bottom: 52vh;
    opacity: 0.1;
    color: gray;
}
.circular path {
    fill: none;
}
.circular svg {
    display: block;
    overflow: visible !important;
}

.clear { clear: both; }

#honor {
    background-color: #FFFFFF;
}
#honor .swiper-slide{
    background-size: 100% 100%!important;
}
#honor h1 {
    display: flex;
    /*margin: 100px 0px 50px 155px;*/
    margin: 30px 0;
}

#honor #partnerDiv {

}

#honor #partnerDiv span {
    /*margin: 200px 65px 50px 65px;*/
    margin: 0% 8% 0% 0%;
}

#honor #partnerDiv span img {
    width: 5%;
}


#honor #partnerDiv #ourPartner {
    font-family: GraphikLCG-Medium;
    font-size: 480%;
    font-weight: bold;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 3px;
    color: #1f4bea;
    position: relative;
    top: 20px;
}

#honor h1 #eh {
    font-family: GraphikLCG-Medium;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 3px;
    color: #111112;
    font-size: 170%;
}

#honor h1 #ehCHN {
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #111112;
    /*margin: 11px 0px 0px 20px;*/
    /*font-size: 70%;*/
    margin: 1% 0px 0px 1%;
    font-size: 105%;
}


/*#concat {*/
/*    background-color: rgb(246, 248, 250);*/
/*    !*padding-top: 12px;*!*/
/*    !*padding-bottom: 230px;*!*/
/*    padding-top: 3%;*/
/*    padding-bottom: 12%;*/
/*}*/

/*#concat h1 {*/
/*    display: flex;*/
/*    !*margin: 100px 0px 0px 155px;*!*/
/*    margin: 8% 0px 6% 7%;*/
/*}*/

/*#concat h1 #cu {*/
/*    font-family: GraphikLCG-Medium;*/
/*    font-weight: bold;*/
/*    font-stretch: normal;*/
/*    letter-spacing: 3px;*/
/*    color: #111112;*/
/*    font-size: 170%;*/
/*}*/

/*#concat h1 #cuCHN {*/
/*    font-family: MicrosoftYaHei-Bold;*/
/*    font-weight: bold;*/
/*    font-stretch: normal;*/
/*    letter-spacing: 0px;*/
/*    color: #111112;*/
/*    !*margin: 11px 0px 0px 20px;*!*/
/*    !*font-size: 70%;*!*/
/*    margin: 1% 0px 0px 1%;*/
/*    font-size: 105%;*/
/*}*/

/*.map-panel{*/
/*    width: 100%;*/
/*    display: flex;*/
/*}*/

/*#container {*/
/*    width: 1150px;*/
/*    height: 700px;*/
/*    !*z-index: 999999;*!*/
/*    margin: 50px 0px 0px 157px;*/
/*}*/

/*#mapSide {*/
/*    !*position: relative;*!*/
/*    !*left: 74%;*!*/
/*    !*bottom: 556px;*!*/
/*    position: relative;*/
/*    left: 10%;*/
/*    top: -29px;*/
/*}*/

/*.info-panel {*/
/*    !*padding: 9px 40px;*!*/
/*    !*font-size: 180%;*!*/
/*    padding: 28px 40px;*/
/*    font-size: 203%;*/
/*}*/

/*.info-panel div {*/
/*    margin-bottom: 70px;*/
/*}*/



#concat h1 #cu {
    font-family: GraphikLCG-Medium;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 3px;
    color: #111112;
    font-size: 170%;
}

#concat h1 #cuCHN {
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #111112;
    margin: 1% 0px 0px 1%;
    font-size: 105%;
}

#container {
    width: 63vw;
    height: 37vw;
    /*margin: 50px 0px 0px 157px;*/
    margin: 2% 0px 1% 7%;
    float: left;
}
.concat{
    padding: 30px 0;
}
.baiduMap{
    height: 340px;
    border-radius: 10px;
}


/*控制页脚高度*/
#aboutUsBody > div.row {
    margin-top: 1%;
}
.footer
/*#aboutUsBody > div:nth-child(22) {*/
/*    height: 3vh !important;*/
/*}*/

/*去除高德地图水印*/
.amap-logo {
    display: none!important;
    visibility: hidden!important;
}
.amap-copyright {
    display: none!important;
    visibility: hidden!important;
}

.intor{
    background: rgba(255, 255, 255, .93);
    border-radius: 10px;
    margin-bottom: 30px;
    padding: 25px 40px;
    z-index: 2;
    position: relative;
    box-shadow: 1px 2px 5px #efefef;
    margin-top: -100px;
}
.intor .title{
    color: rgba(54, 54, 54, 1);
    margin-bottom: 10px;
    font-size: 26px;
}
.intor .content{
    color: #585858;
    font-size: 16px;
    line-height: 2;
}
.certificate .cer-card{
    margin: 0 15px 15px;
    overflow: hidden;
    position: relative;
    padding: 5px;
    cursor: pointer;
    /*background: rgba(255, 255, 255, 1);*/
}
/*.certificate .cer-card:hover .show-box{*/
/*    transform: rotate(180deg);*/
/*}*/
/*.certificate .cer-card:hover .hide-box {*/
/*    transform: scale(1.1,1.1);*/
/*}*/
.certificate .cer-card .show-box{
    position: relative;
    background-color: #fff;
    transform-origin: 0 0;
    transition: transform .8s;
    z-index: 2;
    border-radius: 10px;
    text-align: center;
    padding: 30px 15px;
    box-shadow: 0px 2px 10px rgba(184, 184, 184, 0.27);
}
.certificate .cer-card .icon{
    width: 76px;
    height: 76px;
}
.certificate .cer-card .title {
    color: rgba(54, 54, 54, 1);
    font-size: 16px;
    margin: 30px 0;
    font-weight: bold;
}
.certificate .cer-card .desc {
    color: rgb(143 143 143);
    font-size: 16px;
}
.certificate .cer-card .hide-box{
    position: absolute;
    width: 90%;
    height: 90%;
    overflow: hidden;
    top: 10px;
    /*left: 50%;*/
    /*transform: translateX(-50%);*/
    z-index: 1;
    transition: transform .7s;
}
.certificate .cer-card .hide-box .img{
    width: 100%;
}


.culture .cul-content .cul-card{
    display: flex;
    margin: 0 15px 15px;
    padding: 15px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 2px 10px rgba(184, 184, 184, 0.27);
}

.culture .cul-content .cul-card .icon {
    width: 100px;
    height: 100px;
}
.culture .cul-content .cul-card .card-content{
    margin-left: 15px;
    padding: 10px;
}
.culture .cul-content .cul-card .title{
    margin-bottom: 15px;
    color: rgba(66, 66, 66, 1);
    font-size: 16px;
    font-weight: bold;
}
.culture .cul-content .cul-card .desc{
    color: rgb(143 143 143);
    font-size: 16px;
}
.activity .act-card{
    margin: 0 15px;
    margin-bottom: 15px;
}
.partner .par-card{
    display: flex;
    align-items: center;
    height: 140px;
    /*margin: 0 15px;*/
    /*text-align: center;*/
}
.partner .par-card img{
    width: 140px;
    transition: transform .3s;
}
.partner .par-card img:hover{
    transform: scale(1.05,1.05);
}

.modal{
    position: relative;
}
.modal .modal-close{
    position: fixed;
    bottom: 15px;
    right: 15px;
    background: rgb(70 141 227 / 79%);
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
}
.modal .modal-close .icon{
    line-height: 30px;
    color: #fff;
}

@media (max-width: 768px) {
    #pic01 {
        height: 300px;
    }
}