.map-display {
    width: 100%;
    height: 1096px;
    background-image: url("../images/map-bg_02.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.map-display > div {
    height: 100%;
}

.map-display > div > div {
    height: 100%;
}

.nav-list {
    line-height: 60px;
}

.map-display-txt {
    float: right;
    width: 35%;
}

.map-display-txt > h3 {
    margin: 0;
    margin-top: 180px;
    font-size: 36px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 42px;
    letter-spacing: 0px;
    color: #000000;
}

.map-display-txt > p {
    margin: 0;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 42px;
    letter-spacing: 0px;
    color: #999999;
}

.map-display-txt > h4 {
    margin: 0;
    margin-top: 70px;
    font-size: 42px;
    font-weight: bold;
    font-stretch: normal;

    letter-spacing: 0px;
    color: #f10606;
}

.map-display-txt > div {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    margin-top: 50px;
    letter-spacing: 0px;
    color: #666666;
}

.capability-card {
    width: 705px;
    height: 240px !important;
    background-color: #ffffff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    bottom: 90px;
    position: absolute;
    text-align: center;
}

.capability-card > h2 {
    margin-top: 64px;
    margin-bottom: 40px;
    font-size: 32px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #f20708;
}

.capability-card > p {
    margin: 0;
    margin-bottom: 64px;
    padding-left: 135px;
    padding-right: 145px;
}

.capability-card-left {
    left: 240px;
}

.capability-card-right {
    right: 240px;
}

.quality-management {
    width: 100%;
    height: 720px;
    background-image: url("../images/img-5.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

/*.quality-management > div {*/
/*height: 100%;*/
/*}*/

.quality-info {
    width: 803px;
    height: 441px;
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 160px;
    padding-left: 80px;
    padding-right: 74px;
    overflow: hidden;
}

.quality-info > h1 {
    margin: 0;
    margin-top: 70px;
    font-size: 42px;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #f10606;
    font-weight: bold;
}

.quality-info > p {
    margin: 0;
    margin-top: 36px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #666666;
}

.quality-info > ul {
    padding: 0;
    margin: 0 auto;
    overflow: hidden;
}

.quality-info > ul > li {
    float: left;
    padding-top: 55px;
    padding-bottom: 55px;
    position: relative;
    text-align: left;
    margin-right: 85px;
}

.quality-info > ul > li > span {
    font-size: 60px;
    color: #53240a;
}

.quality-info > ul > li > b {
    position: relative;
    top: -31px;
    left: 0;
    font-size: 16px;
    color: #53240a;
    font-weight: bold;
}

.quality-info > ul > li > p {
    margin: 0;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #4d4d4d;
    text-align: center;
}

.testing-equipment {
    width: 100%;
    overflow: hidden;
    margin-top: 70px;
    margin-bottom: 70px;
}

.testing-equipment > span {
    max-width: 40%;
}

.testing-equipment > .left {
    font-size: 42px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #f10606;
}

.testing-equipment > .right {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #666666;
}


.equipment-slides {
    width: 100%;
    position: relative;
    padding-left: 40px;
    padding-right: 40px;
}

.equipment-slides > b {
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    z-index: 100;
}

.equipment-slides > b.arrow-left {
    /*float: left;*/
    left: 200px;
}

.equipment-slides > b.arrow-right {
    /*float: right;*/
    right: 200px;
}

.equipment-list {
    margin: 0;
    padding: 0;
    /*overflow: hidden;*/
    font-size: 0;
    white-space: nowrap;
}

.equipment-list > li {

    display: inline-block;
}


.equipment-list > li > div {
    width: 463px;
    height: 307px;
    position: relative;
}

#TESTING .page-card-container {
    overflow: visible;
}

#TESTING {
    margin-bottom: 90px;
}

.equipment-list > li > p {
    text-align: center;
    font-size: 20px;
    font-weight: normal;
    color: #000000;
    margin: 20px 0;
}

.equipment-list > li > div > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
    z-index: 0;
}


.quality-certification {
    /* background-color: #32170f; */
    background-image: url("../images/img-6.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.quality-certification-left {
    max-width: 40%;
}

.quality-certification-left > h2 {
    font-size: 42px;
    font-weight: bold;
    letter-spacing: 0px;
    color: #ffffff;
}

.quality-certification-left > p {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
    margin-top: 56px;
    margin-bottom: 140px;
}

.quality-certification-right {
    margin: 0;
    padding: 0;
    margin-top: 87px;
    width: 560px;
    overflow: hidden;
}

.quality-certification-right > li {
    width: 140px;
    height: 140px;
    background: #fff;
    /* background-image: url('http://placehold.it/140x140'); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}


.quality-certification-right > li:nth-child(2) {
    background-image: url("../images/fda.jpg");
}

.quality-certification-right > li:nth-child(4) {
    background-image: url("../images/ul.jpg");
}

.quality-certification-right > li:nth-child(5) {
    background-image: url("../images/rohs.jpg");
}

.quality-certification-right > li:nth-child(7) {
    background-image: url("../images/msds.jpg");
}

.quality-certification-right > li:nth-child(10) {
    background-image: url("../images/drinks.jpg");
}

.quality-certification-right > li:nth-child(12) {
    background-image: url("../images/reach.jpg");
}

.quality-certification-right li:nth-child(1),
.quality-certification-right li:nth-child(3),
.quality-certification-right li:nth-child(6),
.quality-certification-right li:nth-child(8),
.quality-certification-right li:nth-child(9),
.quality-certification-right li:nth-child(11) {
    visibility: hidden;
}

.cooperative-client > .left {
    font-size: 42px;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #f10606;
    max-width: 40%;
    font-weight: bold;
}

.cooperative-client > .right {
    max-width: 50%;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    color: #666666;
    text-align: right;
}

.cooperative-partner-list {
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding-top: 50px;
}

.cooperative-partner-list > li {
    margin-right: 90px;
    margin-bottom: 40px;
}

.cooperative-partner-list a {
    text-decoration: none;
}

.cooperative-partner-list a > div {
    width: 128px;
    height: 97px;
    position: relative;
}

.cooperative-partner-list a > div > img {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
    object-fit: cover;
}

.cooperative-partner-list a > p {
    text-align: center;
    color: #666;
}


.equipment-head {
    width: 100%;
    overflow: hidden;
    vertical-align: bottom;
    margin-bottom: 65px;
}

.equipment-head > h1 {
    float: left;
    font-size: 42px;
    font-weight: bold;
    color: #f10606;
    max-width: 45%;
    vertical-align: bottom;
    margin: 0;
}

.equipment-head > p {
    float: right;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    color: #666666;
    max-width: 40%;
    margin: 0;
    vertical-align: bottom;
    text-align: right;
}

.equipment-slides {
    width: 100%;
    padding: 0 240px;
}

.equipment-slides .equipment-slides-body {
    width: 100%;
    overflow: hidden;
}

#COOPERATIVE {
    margin-bottom: 90px;
}


@media (max-width: 1920px) {
    /*.category-body {*/
    /*padding-left: 240px;*/
    /*}*/


}


/*0.125*/
@media (max-width: 1680px) {
    /*.category-body {*/
    /*padding-left: 210px;*/
    /*}*/

    .static-banner > p, .static-banner > h1 {
        padding-left: 210px;
    }

    .banner-toolbar > ul{
        margin: 0 210px;
    }

    .capability-card-left{
        left: 210px;
    }

    .capability-card-right{
        right: 210px;
    }

    .capability-card{
        width: 600px;
    }

    .capability-card > h2{
        margin-top:50px;
        margin-bottom: 25px;
    }

    .equipment-slides{
        padding: 0 210px;
    }

    .equipment-slides > b.arrow-left{
        left: 170px;
    }

    .equipment-slides > b.arrow-right{
        right: 170px;
    }

}

/*0.25*/
@media (max-width: 1440px) {

    /*.category-body {*/
    /*padding-left: 180px;*/
    /*}*/

    .static-banner > p, .static-banner > h1 {
        padding-left: 180px;
    }

    .banner-toolbar > ul,.page-card-container{
        margin: 0 180px;
    }

    .capability-card-left{
        left: 180px;
    }

    .capability-card-right{
        right: 180px;
    }

    .capability-card{
        width: 520px;
    }

    .capability-card > h2{
        margin-top:50px;
        margin-bottom: 25px;
    }

    .equipment-slides{
        padding: 0 180px;
    }

    .equipment-slides > b.arrow-left{
        left: 140px;
    }

    .equipment-slides > b.arrow-right{
        right: 140px;
    }

}

/*>=1280的设备*/
/*0.289*/
@media (max-width: 1366px) {
    /*.category-body {*/
    /*padding-left: 100px;*/
    /*}*/

    .static-banner > p, .static-banner > h1 {
        padding-left: 100px;
    }

    .banner-toolbar > ul,.page-card-container{
        margin: 0 100px;
    }

    .capability-card-left{
        left: 100px;
    }

    .capability-card-right{
        right: 100px;
    }

    .capability-card{
        width: 545px;
    }

    .capability-card > h2{
        margin-top:50px;
        margin-bottom: 25px;
    }

    .equipment-slides{
        padding: 0 100px;
    }

    .equipment-slides > b.arrow-left{
        left: 60px;
    }

    .equipment-slides > b.arrow-right{
        right: 60px;
    }

}


/*>=1100的设备*/
@media (max-width: 1280px) {
    /*.category-body {*/
    /*padding-left: 80px;*/
    /*}*/
    .static-banner > p, .static-banner > h1 {
        padding-left: 80px;
    }

    .banner-toolbar > ul,.page-card-container{
        margin: 0 80px;
    }

    .capability-card-left{
        left: 80px;
    }

    .capability-card-right{
        right: 80px;
    }

    .capability-card{
        width: 545px;
    }

    .capability-card > h2{
        margin-top:50px;
        margin-bottom: 25px;
    }

    .equipment-slides{
        padding: 0 80px;
    }

    .equipment-slides > b.arrow-left{
        left: 40px;
    }

    .equipment-slides > b.arrow-right{
        right: 40px;
    }

}