.header .top {
    color: #FFFFFF;
    padding: 5px 13% 0px;
}

.header .top .right {
    width: 24%;
}

.header {
    position: relative;
    background-image: url("/image/banner.png");
    background-size:100% auto;
    /*background-position: center;*/
    background-repeat:no-repeat;
    /* height: 1000px; */
    cursor: pointer;
    width: 100%;
    padding-bottom: 40%;
    background-color: #FAFAFA;
}

.content1 {
    padding: 0% 17% 6%;
    background: #FAFAFA;
}
.content1 .title {
    text-align: center;
    color: #262626;
    font-weight: 700;
}
.content1 .content-content {
    margin-top: 5%;
}

.content1 .content-content .box {
    text-align: center;
    width: 20%;
}
.content1 .content-content .box .box-title {
    color: #000000;
    font-weight: 700;
}
.content1 .content-content .box .box-content {
    margin-top: 12%;
    color: #8C8C8C;
}
.content2 {
    padding: 5% 17% 6%;
    background: #FFFFFF;
}
.content2 .title {
    text-align: center;
    color: #262626;
    font-weight: 700;
}
.content2 .title2 {
    text-align: center;
    color: #595959;
    font-weight: 400;
    margin-top: 1%;
}

.content2 .content-content {
    margin-top: 6%;
}

.content2 .content-content .box {
    position: relative;
    background-size:100% auto;
    /*background-position: center;*/
    background-repeat:no-repeat;
    /* height: 1000px; */
    cursor: pointer;
    width: 100%;
    padding-bottom: 3%;
    text-align: left;
    width: 30%;
}
.content2 .content-content .box1 {
    background-image: url("/image/web_clip_bg1.png");
}
.content2 .content-content .box2 {
    background-image: url("/image/web_clip_bg2.png");
}
.content2 .content-content .box3 {
    background-image: url("/image/web_clip_bg3.png");
}

.content2 .content-content .box .box-title {
    color: #353535;
    font-weight: 700;
    margin-top: 3%;
    margin-left: 8%;
}

.content2 .content-content .box .box-content {
    color: #48494A;
    font-weight: 400;
    margin-top: 3%;
    margin-left: 8%;
    width: 70%;
}


.content2 .content-content2 {
    margin-top: 6%;
}

.content2 .content-content2 .box {
    position: relative;
    background-size:100% auto;
    /*background-position: center;*/
    background-repeat:no-repeat;
    /* height: 1000px; */
    cursor: pointer;
    width: 100%;
    padding-bottom: 3%;
    text-align: left;
    width: 30%;
}
.content2 .content-content2 .box1 {
    background-image: url("/image/web_clip_bg4.png");
}
.content2 .content-content2 .box2 {
    background-image: url("/image/web_clip_bg5.png");
}
.content2 .content-content2 .box3 {
    background-image: url("/image/web_clip_bg6.png");
}

.content2 .content-content2 .box .box-content {
    color: #4165A5;
    font-weight: 700;
    margin-top: 6%;
    margin-left: 31%;
    width: 70%;
}

.content3 {
    position: relative;
    background-image: url("/image/web_advantage_bg.png");
    background-size:100% auto;
    /*background-position: center;*/
    background-repeat:no-repeat;
    /* height: 1000px; */
    cursor: pointer;
    width: 100%;
    padding-bottom: 5%;
}
.content3 .title {
    text-align: center;
    color: #FFFFFF;
    font-weight: 700;
    padding-top: 5%;
}
.content3 .content-content {
    padding: 5% 17% 6%;
}
.content3 .content-content .box {
    text-align: center;
    width: 25%;
}
.content3 .content-content .box img {
    width: 88%;
}
.content3 .content-content .box .box-content {
    color: #FFFFFF;
    padding-top: 2%;
}
.foot {
    padding: 5% 17%;
    font-weight: 400;
    color: #FFFFFF;
    background: #050309;
}
.foot .one {
    width: 50%;
}
.foot .two {
    width: 50%;
    text-align: right;
}

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

}

@media screen and (min-width: 650px) and (max-width: 1050px) {
    .header .top .right {
        width: 39%;
    }

}

@media screen and (max-width: 650px) {
    .header .top {
        padding: 5px 3% 0px;
    }
    .header .top .right {
        width: 39%;
    }
}