.top {
    margin: 1% 13%;
}
.top .middle {
    width: 25%;
}
.top a {
    text-decoration: none;
    color: inherit;
}
.top .middle .one {
    font-weight: 400;
    color: rgba(0,0,0,0.6);
}
.top .middle .two {
    font-weight: 400;
    color: rgba(0,0,0,0.6);
}
.top .right {
    font-weight: 600;
    border-bottom: solid #000000;
    color: rgba(0,0,0,0.9);
}

.header {
    position: relative;
    background-image: url("/image/sy_aboutus_bg.png");
    background-size:100% auto;
    /*background-position: center;*/
    background-repeat:no-repeat;
    /* height: 1000px; */
    cursor: pointer;
    /* width: 100%; */
    padding-bottom: 3%;
    margin: 0% 13%;
}
.header .title {
    color: rgba(0,0,0,0.9);
    font-weight: 600;
    text-align: center;
    padding-top: 5%;
}

.header .content {
    margin-top: 5%;
}

.header .content .image {
    width: 42%;
}

.header .content .image img {
    width: 90%;
}
.header .content .right {
    width: 44%;
    color: rgba(0,0,0,0.6);
}
.header .content .right .two {
    margin-top: 3%;
}

.content1 {
    margin: 0% 13%;
}

.content1 .content-content {
    margin-top: 3%;
}
.content1 .title {
    text-align: center;
    color: rgba(0,0,0,0.9);
    font-weight: 600;
    margin-top: 3%;
}
.content1 .box {
    width: 30%;
    text-align: center;
    background: #F3F3F5;
}
.content1 .box .box-title {
    padding-top: 13%;
    font-weight: 600;
    color: rgba(0,0,0,0.9);
}
.content1 .box .box-content {
    color: rgba(0,0,0,0.6);
    font-weight: 400;
    padding: 8% 19% 13%;
}

.content2 {
    margin: 3% 13%;
    text-align: center;
}
.content2 .left {
    width: 48%;
    background: #F3F3F5;
}
.content2 .right {
    width: 48%;
    background: #F3F3F5;
}

.content2 .image img {
    width: 100%;
}
.content2 .title {
    margin-top: 2%;
    font-weight: 600;
    color: rgba(0,0,0,0.9);
}
.content2 .title-two {
    margin-top: 5%;
    font-weight: 600;
    color: rgba(0,0,0,0.9);
}
.content2 .text {
    margin-top: 5%;
    font-weight: 400;
    color: rgba(0,0,0,0.6);
    padding: 0% 19% 6%;
}

.content3 {
    position: relative;
    background-image: url("/image/sy_aboutus_values_bg.png");
    background-size:100% auto;
    /*background-position: center;*/
    background-repeat:no-repeat;
    /* height: 1000px; */
    cursor: pointer;
    /* width: 100%; */
    padding-bottom: 4%;
    margin: 3% 13%;
}
.content3 .left {
    font-weight: 400;
    color: rgba(0,0,0,0.6);
    width: 33%;
    padding-left: 10%;
    padding-top: 4%;
}
.content3 .left .two {
    padding-top: 3%;
}
.content3 .left .three {
    padding-top: 3%;
}
.content3 .right {
    width: 45%;
    padding-top: 4%;
} 
.content3 .right img {
    width: 84%;
}


.foot {
    background: rgba(0,0,0,0.9);
}
.foot .content {
    padding: 3% 13% 3%;
}
.foot .content .first {
    font-weight: 400;
    color: rgba(255,255,255,0.55);
}
.foot .content .second {
    font-weight: 400;
    color: #FFFFFF;
}
.foot .foot-foot {
    text-align: center;
    font-weight: 400;
    color: rgba(255,255,255,0.35);
    padding-bottom: 3%;
}
@media screen and (min-width: 1050px) and (max-width: 1750px) {
    .header .content .right {
        width: 48%;
    }
    .content3 .left {
        width: 42%;
    }
    .font18 {
        font-size: 14px;
    }
    .font16 {
        font-size: 14px;
    }
}

@media screen and (min-width: 650px) and (max-width: 1050px) {

}

@media screen and (max-width: 650px) {

}