@media (min-width: 1024px) {
    body {
        font-size: 18px;
    }
}

@media (min-width: 1100px) {
    body {
        font-size: 20px;
    }
}

@media (min-width: 1280px) {
    body {
        font-size: 22px;
    }
}

@media (min-width: 1366px) {
    body {
        font-size: 24px;
    }
}

@media (min-width: 1440px) {
    body {
        font-size: 25px !important;
    }
}

@media (min-width: 1680px) {
    body {
        font-size: 28px;
    }
}

@media (min-width: 1920px) {
    body {
        font-size: 33px;
    }
}

.contactus {
    width: 60%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    border-bottom: 2px solid #ddd;
    padding-top: 50px;
}

.contactus img {
    width: 30px;
    height: 30px;
}

.contactus p {
    font-size: 25px;
    color: #5d5d5d;
    line-height: 25px;
    margin-left: 2px;
    margin-bottom: 20px;
}

.nav1 {
    background-color: #f0f0f0!important;
    position: inherit!important;
}


/* .center {
    background-color: #fff;
} */

.through P {
    font-size: 25px;
    color: #5d5d5d;
    line-height: 10px;
}

.through {
    width: 60%;
    margin: 0 auto;
    /*display: flex;*/
    align-items: center;
    /*border-bottom: 1px solid #767676;*/
    justify-content: center;
}

.type {
    width: 60%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.type_left {
    width: 50%;
padding-right: 30px;
    /*display: flex;*/
    align-items: center;
    justify-content: center;
}

.type_left p {
    font-size: 24px;
    color: #000;
}
.type_left .earth {
    font-size: 18px;
    color: #5d5d5d;
    margin-top: 10px;
}

.type_right {
    width: 50%;
height: 300px;
    float:left;
    padding:30px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.type_r_t {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -60px;
}

.zixun {
    font-size: 25px;
    color: #26856f;
    line-height: 25px;
    margin-left: 10px;
}

.mabox {
    display: flex;
    align-items: center;
    justify-content: center;
}

.textbox {
    display: flex;
    border-top: 6px solid #51b09a;
    width: 80%;
    margin: 50px auto;
    justify-content: space-between;
}

.margin {
    margin: 150px auto 50px auto!important;
}

.xian {
    width: 100%;
    margin: 0 auto;
    height: 1px;
    background-color: #6d6d6d;
}

.ji {
    display: flex;
    justify-content: space-between;
}

.mapbox {
    display: flex;
    justify-content: flex-end;
}

.mapbox img {
    width: 320px;
    height: 320px;
}

.ji_right {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.comname {
    font-size: 36px;
    color: #3dac92;
}

.address {
    font-size: 22px;
    color: #616161;
}

.ani {
    color: #63b9a4!important;
}

.ji_left p {
    font-size: 24px;
    color: #616161;
    margin-top: 50px;
}

.ji_left p img {
    margin-right: 10px;
}

.ji_right p {
    font-size: 18px;
    color: #616161;
}

.ji_left img {
    width: 25px;
    height: 25px;
}

.content {
    width: auto!important;
}

.text_left {
    margin: 0 auto;
}

.bottom1 {
    width: 100%;
    background-color: #dcdcdc;
    margin-bottom: 30px;
}

.b_content {
    width: 1130px;
    margin: 0 auto;
    display: flex;
    padding-bottom: 50px;
    position: relative;
}

@media screen and (max-width: 768px){
    .type{width: 100%;padding: 20px 0;}
    .type_left{width: 100%;}
    .type_right{width: 100%;height: 40vw;}
    .type_left p{font-size: 20px;}
    .type_left .earth{font-size: 14px;}
    .contactus{width: 100%;}
    .contactus p{font-size: 20px;}
    .type_left.btm .earth{padding-top: 0!important;}
    .type_right.btm{display: none;}
}