body {
    font-size: 12px;
    font-family: "微软雅黑";
}

* {
    padding: 0;
    margin: 0;
    font-family: "微软雅黑";
}

.clear {
    clear: both;
}

@media only screen and (max-width:1200px ) {
    html {
        font-size: 11px;
    }

    a {
        font-size: 1rem;
    }

    .main {
        width: 100%;
        height: 40rem;
    }

    .main-con {
        top: 9rem;
        left: 20rem;
    }

    .content-two {
        width: 100%;
        height: 41.5rem;
    }

    .four-con {
        height: 40rem;
    }

    .content-five {
        /*height: 43.5rem;*/
         height: 33rem;
    }

    .four1-con {
        top: 8rem;
    }

    .five_1 {
        top: 4rem;
        right: -5rem;
    }

    .in-content {
        width: 70rem;
    }
}

@media only screen and (min-width:1200px ) and (max-width:1300px) {
    html {
        font-size: 12px;
    }

    a {
        font-size: 1rem;
    }

    .main {
        width: 100%;
        height: 39.5rem;
    }

    .main-con {
        top: 14rem;
        left: 26rem;
    }

    .content-two {
        width: 100%;
        height: 41.5rem;
    }

    .four-con {
        height: 40rem;
    }

    .content-five {
        /*height: 43.5rem;*/
         height: 34rem;
    }

    .four1-con {
        top: 7rem;
    }

    .five_1 {
        top: 3rem;
        right: -5rem;
    }

    .in-content {
        width: 70rem;
    }
}

@media only screen and (min-width:1300px ) and (max-width:1400px) {
    html {
        font-size: 12px;
    }

    a {
        font-size: 1rem;
    }

    .main {
        width: 100%;
        height: 38rem;
    }

    .main-con {
        top: 9rem;
        left: 26rem;
    }

    .content-two {
        width: 100%;
        height: 43.5rem;
    }

    .four-con {
        height: 41rem;
    }

    .content-five {
        /*height: 43.5rem;*/
         height: 35rem;
    }

    .four1-con {
        top: 10rem;
    }

    .five_1 {
        top: 3rem;
        right: -5rem;
    }

    .in-content {
        width: 69.5rem;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1500px) {
    html {
        font-size: 13px;
    }

    a {
        font-size: 1rem;
    }

    .main {
        width: 100% height: 41rem;
    }

    .main-con {
        top: 10rem;
        left: 25rem;
    }

    .content-two {
        width: 100%;
        height: 42.5rem;
    }

    .four-con {
        height: 41.5rem;
    }

    .content-five {
        /*height: 44rem;*/
         height: 36rem;
    }

    .four1-con {
        top: 8rem;
    }

    .five_1 {
        top: 3rem;
        right: -5rem;
    }

    .in-content {
        width: 67rem;
    }
}

@media only screen and (min-width: 1500px) and (max-width: 1600px) {
    html {
        font-size: 13px;
    }

    a {
        font-size: 1rem;
    }

    .main {
        width: 100%;
        height: 45rem;
    }

    .main-con {
        top: 11rem;
        left: 28rem;
    }

    .content-two {
        width: 100%;
        height: 45.5rem;
    }

    .four-con {
        height: 43rem;
    }

    .content-five {
        /*height: 46rem;*/
         height: 38rem;
    }

    .four1-con {
        top: 9rem;
    }

    .five_1 {
        top: 5rem;
        right: -2rem;
    }

    .in-content {
        width: 67rem;
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1700px) {
    html {
        font-size: 14px;
    }

    body {
        font-size: 1rem;
    }

    a {
        font-size: 1rem;
    }

    .main {
        width: 100%;
        height: 45rem;
    }

    .main-con {
        top: 13rem;
        left: 27rem;
    }

    .content-two {
        width: 100%;
        height: 44.5rem;
    }

    .four-con {
        height: 43rem;
    }

    .content-five {
        /*height: 46rem;*/
         height: 39rem;
    }

    .four1-con {
        top: 9rem;
    }

    .five_1 {
        top: 5rem;
        right: -2rem;
    }

    .in-content {
        width: 65rem;
    }
}

@media only screen and (min-width: 1700px) and (max-width: 1800px) {
    html {
        font-size: 14px;
    }

    body {
        font-size: 1rem;
    }

    a {
        font-size: 1rem;
    }

    .main {
        width: 100%;
        height: 45rem;
    }

    .main-con {
        top: 11rem;
        left: 28rem;
    }

    .content-two {
        width: 100%;
        height: 48rem;
    }

    .four-con {
        height: 45rem;
    }

    .content-five {
        /*height: 48rem;*/
         height: 38rem;
    }

    .four1-con {
        top: 10rem;
    }

    .five_1 {
        top: 6rem;
        right: 0;
    }

    .in-content {
        width: 65rem;
    }
}

@media only screen and (min-width: 1800px) and (max-width: 1850px) {
    html {
        font-size: 15px;
    }

    body {
        font-size: 1rem;
    }

    a {
        font-size: 1rem;
    }

    .main {
        width: 100%;
        height: 46rem;
    }

    .main-con {
        top: 13rem;
        left: 30rem;
    }

    .content-two {
        width: 100%;
        height: 46.5rem;
    }

    .four-con {
        height: 45rem;
    }

    .content-five {
        /*height: 48rem;*/
         height: 39.5rem;
    }

    .four1-con {
        top: 13rem;
    }

    .five_1 {
        top: 6rem;
        right: 0;
    }

    .in-content {
        width: 64.5rem;
    }
}

@media only screen and (min-width: 1850px) and (max-width: 1920px) {
    html {
        font-size: 15px;
    }

    body {
        font-size: 1rem;
    }

    a {
        font-size: 1rem;
    }

    .main {
        width: 100%;
        height: 47.5rem;
    }

    .main-con {
        top: 14rem;
        left: 32rem;
    }

    .content-two {
        width: 100%;
        height: 48.5rem;
    }

    .four-con {
        height: 46rem;
    }

    .content-five {
        /*height: 50rem;*/
         height: 40rem;
    }

    .four1-con {
        top: 10rem;
    }

    .five_1 {
        top: 7rem;
        right: 0;
    }

    .in-content {
        width: 64rem;
    }
}

.main {
    position: relative;
}

.main-con {
    width: 60rem;
    margin: 0 auto;
    position: absolute;
}

.main-con-left {
    float: left;
    width: 20rem;
}

.main-con-right {
    float: right;
}

.right1 {
    width: 22.6rem;
    background: #fff;
    border: 3px solid #b1c3e2;
    position: relative;
    border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
}

.right1-con {
    width: 18rem;
    margin: 0 auto;
}

.border-bottom input {
    border: none;
    width: 100%;
    line-height: 3rem;
    padding-left: 2rem;
    margin-top: 1.2rem;
}

.border-bottom img {
    margin-top: 2.1rem;
    position: absolute;
}

.border-bottom {
    border-bottom: 1px solid #434343;
}

.main-btn a {
    display: block;
    background: #1ac2a3;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    line-height: 2.53rem;
    margin-top: 2.26rem;
    margin-bottom: 1.6rem;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.right1 {
    padding-bottom: 1rem;
}

.main-con-left img {
    width: 20rem;
}

.content-two {
    margin-top: -2rem;
    position: relative;
}

.content-two1 {
    width: 80rem;
    position: absolute;
    top: 7.5rem;
    left: 23rem;
}

.content-two2 {
    width: 77.5rem;
    margin: 0 auto;
}

.two-left {
    width: 24rem;
    float: left;
}

.two-right {
    width: 50rem;
    float: right;
}

    .two-right img {
        max-width: 50rem;
    }

.two-left div a {
    color: #1b1b1b;
    font-size: 3rem;
    font-weight: bold;
}

.line-height {
    display: inline-block;
    vertical-align: top;
    font-size: 1.5rem;
    margin-top: 1.1rem;
    padding: 0 1rem;
}

.s {
    margin-top: 0.9rem;
}

.two-left1 {
    margin-top: 2.8rem;
}

    .two-left1 div {
        display: inline-block;
        font-weight: bold;
    }

        .two-left1 div:nth-child(2) {
            margin-left: 2rem;
        }

        .two-left1 div img {
            vertical-align: middle;
        }

        .two-left1 div span {
            margin-left: 1rem;
        }

.two-left2 {
    margin-top: 0.9rem;
    line-height: 2rem;
}

    .two-left2 p {
        color: #333;
    }

.content-three {
    position: relative;
    margin-top: -2rem;
}

.three-con {
    position: absolute;
    width: 67rem;
    left: 23rem;
    top: 7rem;
    color: #FFF;
}

#wlyj {
    color: #fff;
}

.two-left3 {
    width: 50rem;
    margin-top: 2.8rem;
}

    .two-left3 div { /*display: inline-block;*/
        font-weight: bold;
    }

        .two-left3 div:nth-child(2) {
            margin-left: 2rem;
        }

        .two-left3 div img {
            vertical-align: middle;
        }

        .two-left3 div span {
            margin-left: 1rem;
        }

.left1-1 {
    float: left;
    width: 27rem;
}
/*.left1-1 ul li span img{ width: 2.5rem; } .left1-1 ul li{ width: 7rem; float: left; margin-bottom: 2rem; margin-top: 1rem; } .left1-1 ul li span{ display: block; text-align: center; }*/

.block {
    display: block;
    margin-top: 1rem;
}

.left1-2 {
    float: right;
    width: 18rem;
    /*height: 15rem;*/
    border: 1px solid #FFF;
    border-radius: 10px;
    -webkit-border-radius: 10px;
}

    .left1-2 p {
        font-weight: 100;
        line-height: 2rem;
        padding: 1rem 1rem;
    }

.right2 ul li {
    float: left;
    margin-top: 2rem;
    margin-left: 0.7rem;
    margin-right: 0.6rem;
}

    .right2 ul li a {
        color: #FFF;
        font-weight: bold;
        border: 1px solid #FFF;
        border-radius: 1rem;
        padding: 0.4rem 1rem;
    }
/*.content-four{ position: relative; margin-top: -0.5rem; } .four-con{ width: 67rem; position: absolute; height: 20rem; }*/

#kszj {
    color: #1b1b1b;
}

.four-con {
    /*margin-top: -0.5rem;*/
    margin-top: -5rem;
    overflow: hidden;
}

.four1 img {
    width: 100%;
}

.four2 img {
    width: 100%;
}

.four2 {
    width: 20%;
    float: right;
}

.four1 {
    width: 80%;
    position: relative;
    float: left;
}

.four1-con {
    position: absolute;
    width: 58rem;
    right: 0;
}

.con1 span {
    display: block;
}

.zuzhi {
    color: #434343;
    font-size: 3rem;
    font-weight: bold;
}

.xuexiao {
    color: #434343;
}

.con2 {
    margin-top: 2.5rem;
}

.con2_1 {
    float: left;
    width: 27rem;
}

.con2_2 {
    float: right;
    border: 1px solid #aaa;
    width: 23rem;
    margin-right: 6.3rem;
    /*height: 15rem;*/
    border-radius: 10px;
    -webkit-border-radius: 10px;
}

.li {
    float: left;
    margin-bottom: 2rem;
    width: 8.5rem;
}

    .li span {
        display: block;
        font-weight: bold;
        text-align: center;
        line-height: 2rem;
    }

        .li span img {
            width: 3.5rem;
        }

.con2_2 {
    position: relative;
}

    .con2_2 button {
        background: #e2e2e2;
        border: none;
        padding: 0 0.7rem;
        top: -0.6rem;
        left: 1.5rem;
        position: absolute;
    }

    .con2_2 p {
        padding: 1.5rem 1rem;
        line-height: 2rem;
    }

.four2 {
    position: relative;
}

.four2_1 {
    position: absolute;
    left: 0;
    top: 13rem;
}

.four2_3 span {
    display: block;
    color: #f19040;
    line-height: 2rem;
    margin-left: 3.5rem;
}

.four2_4 span {
    display: inline-block;
}

.w {
    width: 8rem;
    color: #FFF;
}

.four2_4 {
    margin-top: 1.6rem;
}

.content-five {
    width: 100%;
    margin-top: -6rem;
    overflow: hidden;
    position: relative;
}

.five_1 {
    width: 54.5rem;
    position: absolute;
}

.five_2 {
    margin-top: 2rem;
}

.five_3 {
    width: 41rem;
    height: 6rem;
    border: 1px solid #aaa;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    margin-top: 1rem;
    position: relative;
}

.five_4 {
    position: absolute;
    background: #f7f7f7;
    height: 6rem;
    margin-left: 2rem;
    top: -1rem;
    width: 37rem;
}

    .five_4 p {
        line-height: 2rem;
        padding: 0 1rem;
    }

.information {
    width: 100%;
    background: #434343;
    height: 12rem;
    padding-top: 10rem;
}

.in-content {
    margin: 0 auto;
}

.in {
    display: inline-block;
    padding: 0 2rem;
    color: #FFF;
}

    .in:nth-child(2) {
        width: 29rem;
    }

.bord {
    border-right: 1px solid #aaa;
}
/*.in-content div:nth-child(2){ width: 29rem; }*/

.in-left {
    float: left;
}

.in-right {
    float: right;
    margin-top: -1rem;
}

    .in-right div {
        float: left;
        line-height: 2rem;
        padding-left: 1rem;
        color: #FFF;
    }

.re {
    display: block;
}

    .re img {
        margin-right: 1rem;
    }

.footer {
    background: #282828;
    width: 100%;
    height: 2.6rem;
}