header{
    background: white;
}
.content{
    width: 100%;
    height: auto;
    font-size: 100%;
    position:absolute;
}
.content .sh{
    height: 560px;
    background-image: url("../img/services/bg.png");
    background-size: 100% 560px;
}
.content .text{
    margin-left: 20%;
    color: white;
    position: absolute;
    margin-top: 10%;
}
.content .text .p1{
    font-size:2.5em;
    font-family: '思源黑体 CN Regular'!important;
    font-style:normal;
}
.content .pw{
    font-size: 3em;
    line-height: 67px;
    font-family: '思源黑体 CN Regular'!important;
    font-style:normal;
}
.content .text button{
    display: block;
    width: 40%;
    height: 2.8em;
    margin-top: 12%;
    border: none;
    background-color: #FA9002;
    border-radius: 5px;
}
.content button a{
    color:white;
    font-size: 2em;
    font-family: '思源黑体 CN Regular'!important;
    font-style:normal;
}
.flow{
    width: 58%;
    height: 25%;
    margin-left: 22%;
    margin-top: 4%;
}
.ps{
    text-align: center;
    font-size:2.5em;
    font-family: '思源黑体 CN Regular'!important;
    font-style:normal;
}
.make{
    width: 100%;
    height: auto;
    margin-top: 6%;
    float: left;
}
.show{
    width: 100%;
    height: auto;
    margin-top: 4%;
    float: left;
}
.show .doc{
    width: 16%;
    height: 315px;
    float: left;
    background-color: #F7F7F7;
    margin-left: 4%;
}
.show .txt1{
    margin-left: 11%;
}
.show .doc p{
    margin-left: 13%;
}
.show .doc .ph{
    margin-top: 13%;
    font-size: 1.5em;
    font-family: '思源黑体 CN Regular'!important;
    font-style:normal;
}
.show .doc .px{
    margin-top: 7%;
    font-size: 1.2em;
    margin-right: 4%;
    line-height: 150%;
    font-family: '思源黑体 CN Normal'!important;
    font-style:normal;
}
.show .doc .pxt{
    margin-top: 4%;
}
.px a{
    color: #FF8100;
    font-family: '思源黑体 CN Regular'!important;
    font-style:normal;
}
.buttons{
    margin-left: 37%;
    margin-top: 3%;
}
.buttons button{
    border: none;
    width: 19%;
    height: 2.8em;
    border-radius: 5px;
}
.buttons button:nth-child(1){
    background-color: #FF8100;
}
.buttons button:nth-child(2){
    background-color: #19C378;
    margin-left: 2%;
}
.link{
    text-align: center;
    margin-top: 2%;
    font-size: 1.5em;
    font-family: '思源黑体 CN Regular'!important;
    font-style:normal;
}
.link span{
    margin-left: 5px;
    color:#FF8100;
    font-family: '思源黑体 CN Regular'!important;
    font-style:normal;
}
footer{
    margin-top: 2300px;
}

@media screen  and (max-width: 1920px) {
    .content{
        width: 1920px;
        /* margin-top: 90px; */
    }

    footer{
        margin-top: 2100px;
    }
}
@media screen  and (max-width: 1680px) {
    .content .pw{
        line-height: 60px;
    }
    .content{
        /* margin-top: 80px; */
        width: 1680px;
        font-size: 90%;
    }
    .content .sh{
        height: 466px;
        background-size: 100% 466px;
    }
    .content .text{
        font-size: 90%;
    }
    .show .doc{
        height: 288px;
    }
    footer{
        margin-top: 1800px;
    }
}
@media screen  and (max-width: 1440px) {
    .content .pw{
        line-height: 50px;
    }
    .content{
        width: 1440px;
        /* margin-top: 68px; */
        font-size: 80%;
    }
    .content .sh{
        height: 466px;
        background-size: 100% 466px;
    }
    .content .text{
        font-size: 80%;
    }
    footer{
        margin-top: 1640px;
    }
}
@media screen  and (max-width: 1366px) {
    .content .pw{
        line-height: 45px;
    }
    .content{
        /* margin-top: 64px; */
        width: 1366px;
        font-size: 70%;
    }
    .content .sh{
        height: 398px;
        background-size: 100% 398px;
    }
    .show .doc{
        height: 288px;
    }
    footer{
        margin-top: 1500px;
    }
}
@media screen and (max-width: 1280px) {
    .content .pw{
        line-height: 38px;
    }
    .content{
        width: 1280px;
    }
    .content .sh{
        height: 311px;
        background-size: 100% 311px;
    }
    .show .doc{
        height: 288px;
    }
    footer{
        margin-top: 1410px;
    }
}

@media screen and (max-width: 1024px) {
    .content{
        width: 1024px;
    }
    .content .sh{
        height: 311px;
        background-size: 100% 311px;
    }
    .sw{
        height: 237px;
    }
}
@media screen and (max-width: 960px) {
    .content{
        width: 960px;
    }
    footer{
        margin-top: 1413px;
    }
    .make {
        margin-top: 11%;
    }
}



