.section_header {
    font-size: 30px;
    text-align: center
}

.section_header>span {
    display: inline-block;
    position: relative;
}

.aboutUs {
    padding-top: 6vw;
    background: url('../images/aboutus/aboutusbg.png') no-repeat 100%;
}

.section_header>span::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/icon/sectionbadge.png");
    position: absolute;
    bottom: -6px;
    left: -12px;
}

.section_header>span::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/icon/sectionbadge.png");
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    position: absolute;
    top: -6px;
    right: -12px;
}

.banner img {
    width: 100%;
}

.aboutUs .aboutUsItemWrapper {
    /* margin-top: 160px */
    margin-top: 5%;
    line-height: 2
}

.aboutUs .aboutUsItemWrapper h6 {
    font-size: 22px;
    text-align: center;
    margin-bottom: 2vw;
}

.aboutUs .aboutUsItemWrapper span {
    font-size: 18px;
}

.aboutUs .aboutUsItemWrapper .aboutUsPadding {
    padding: 1vw;
    background: #ffffff80;
    height: 100%;
    color: #000;
}

.aboutUs ul li>div {
    margin: 0 1vw;
    height: 536px;
    background: no-repeat center;
    background-size: cover;
}

.product {
    padding-top: 6vw;
    text-align: center;
}

.product .productItemWrapper {
    margin-top: 50px;
}

.product .productItemWrapper li>a>div {
    margin-bottom: 20px;
    height: 490px;
    background: no-repeat 100%;
    padding-top: 60px;
}

.product .productItemWrapper h6 {
    font-size: 24px;
}

.product .productItemWrapper li:nth-child(n+4) {
    color: #fff;
}

.experience {
    padding-top: 6vw;
}

.experience .experienceItemWrapper {
    margin: 54px auto 0 auto;
    width: 80%;
    border-left: 3px solid #a0a0a0;
    padding: 0 0 1vw 4vw;
    box-sizing: border-box;
    font-size: 24px;

}

.experience .experienceItemWrapper .experienceItemDate {
    position: relative;
    float: left;
    padding: 0.5vw;
    background: #186498;
    color: #fff;
}

.experience .experienceItemWrapper .experienceItemDate::after {
    content: "";
    position: absolute;
    top: 12px;
    right: -10px;
    width: 10px;
    height: 16px;
    display: inline-block;
    background: url('../images/icon/experiencetail.png') no-repeat;
}

.experience .experienceItemWrapper .experienceItemContent {
    float: left;
    /* width: 86%; */
    width: 52vw;
    padding-left: 3vw;
}

.experience .experienceItemWrapper .experienceItemContent>div {
    padding-bottom: 3vw;
    border-bottom: 1px solid #a0a0a0;
}

.experience .experienceItemWrapper li {
    margin-bottom: 3vw;
}


.contactus {
    padding-top: 110px;
    background: url('../images/contactus/contactusbg.png') no-repeat center center;
}

.contactus::after {
    content: "";
    height: 1px;
    display: block;
}

.contactus .contactusContent {
    position: relative;
    margin: 219px auto 320px 200px;
    width: 790px;
    height: 426px;
    background: url('../images/contactus/textbg.png') no-repeat 100%;
}

.contactus .contactusContent span {
    position: absolute;
    top: 15%;
    left: 2%;
    /* transform: translateY(-50%); */
    font-size: 20px;
    color: #1f1d1d;
}


/* 小于1200的页面 */
@media (max-width:1200px) {

    /* 
        菜单
    */

    .aboutUs {
        background-repeat: repeat;
    }

    .aboutUs ul li>div {
        margin: 0 auto;
        max-width: 440px;
    }

    .product .productItemWrapper li>a>div {
        margin: 0 auto;
        max-width: 750px;
    }

    .contactus .contactusContent {
        margin: 0 auto;
        width: 65%;
    }

    .experience .experienceItemWrapper .experienceItemContent>div {
        font-size: 18px;
    }

    .pagination {
        display: none;
    }
}



/* 876px */
@media (max-width:876px) {
    .experience .experienceItemWrapper .experienceItemContent>div {
        border: none;
    }

}


/* 500px */
@media (max-width:500px) {
    .contactus .contactusContent {
        height: 626px;
        background-size: cover;
    }

}