.ab-content {
    width: 52rem;
    height: auto;
    margin: 0 auto
}

.ab-content1 {
    width: 50rem;
    height: 30rem;
    margin: 0 auto;
    margin-top: 16.25rem;
    margin-bottom: 13.3125rem;
    background: url(../images/jdtse.png) center center no-repeat
}

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

    .ab-content,
    .ab-content1 {
        margin-left: 300px;
        top: 290px;
        margin-top: -15px
    }
}

#header .banner {
    background: url(../images/banner.png) top center/100% 100%;
    position: relative
}

header .banner #about {
    position: absolute;
    width: 828px;
    height: 420px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

@media only screen and (max-width:1400px) {
    header .banner #about {
        top: 245px;
        left: 290px;
        margin: 0
    }
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
    header .banner #about {
        top: 0;
        left: 290px;
        bottom: 0;
        right: 0;
        margin: auto
    }
}

header .banner #about p.f-30,
header .banner #about p.f-75 {
    text-align: center
}

header .banner #about p.f-75 {
    margin-top: 20px
}

header .banner #about p.f-14 {
    line-height: 30px
}

header .banner #about p:nth-of-type(3) {
    margin-top: 45px
}

#left-nav {
    position: fixed;
    top: 200px;
    left: 50px;
    width: 180px;
    height: 492px
}

div#left-nav.bot {
    top: 135px
}

#left-nav .l-nav-ul li {
    width: 320px;
    margin-bottom: 38px
}

#left-nav .l-nav-ul li a {
    display: inline-block
}

#left-nav .l-nav-ul li a i {
    display: inline-block;
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 40px;
    background: url(../images/qsxdh.png) center center no-repeat
}

#left-nav .l-nav-ul li a i.i1 {
    background: url(../images/ssxdh.png) center center no-repeat
}

#left-nav .l-nav-ul li a i.current {
    background: url(../images/qsxdhselect.png) center center no-repeat
}

#left-nav .l-nav-ul li a i.current2 {
    background: url(../images/ssxdhselect.png) center center no-repeat
}

#gyky {
    background: url(../images/bg.png) center center/100% 100% no-repeat
}

#gyky .ky-up {
    margin-top: 200px;
    text-align: center
}

#gyky .ky-bt {
    margin-top: 88px
}

#gyky .ky-bt p {
    line-height: 30px
}

#rylc .ab-content1 {
    position: relative
}

#rylc .ab-content1 img {
    position: absolute
}

#rylc .ab-content1 img.dot:nth-of-type(even) {
    top: 208px;
    left: -5px;
    margin-bottom: 20px
}

#rylc .ab-content1 img.dot:nth-of-type(2) {
    left: 300px;
    top: 285px
}

#rylc .ab-content1 img.dot:nth-of-type(4) {
    left: 675px;
    top: 285px
}

#rylc .ab-content1 img.dot:nth-of-type(odd) {
    top: 160px;
    left: 125px;
    margin-top: 20px
}

#rylc .ab-content1 img.dot:nth-of-type(1) {
    left: 490px
}

#rylc .ab-content1 img.dot:nth-of-type(3) {
    left: 790px;
    top: 180px
}

#rylc .ab-content1 .circle:nth-of-type(7) {
    top: 245px;
    left: -50px
}

#rylc .ab-content1 .circle:nth-of-type(8) {
    top: 40px;
    left: 83px
}

#rylc .ab-content1 .circle:nth-of-type(9) {
    top: 322px;
    left: 255px
}

#rylc .ab-content1 .circle:nth-of-type(10) {
    top: 40px;
    left: 445px
}

#rylc .ab-content1 .circle:nth-of-type(11) {
    top: 323px;
    left: 632px
}

#rylc .ab-content1 .circle:nth-of-type(12) {
    top: 60px;
    left: 745px
}

#rylc .ab-content1 p {
    font-size: 1rem;
    color: #58637e;
    display: inline-block;
    position: absolute;
    text-align: center
}

#rylc .ab-content1 p:nth-of-type(1) {
    margin-top: 20px;
    top: 365px;
    left: -70px
}

#rylc .ab-content1 p:nth-of-type(2) {
    margin-bottom: 20px;
    top: -35px;
    left: -15px
}

#rylc .ab-content1 p:nth-of-type(3) {
    margin-top: 20px;
    top: 440px;
    left: 180px
}

#rylc .ab-content1 p:nth-of-type(4) {
    margin-bottom: 20px;
    top: -35px;
    left: 345px
}

#rylc .ab-content1 p:nth-of-type(5) {
    margin-top: 20px;
    top: 445px;
    left: 585px
}

#rylc .ab-content1 p:nth-of-type(6) {
    margin-bottom: 20px;
    top: -15px;
    right: -125px
}

@media only screen and (max-width:1500px) {
    #rylc .ab-content1 p:nth-of-type(6) {
        right: -105px
    }

    #zqzz .ab-content .zq-down img {
        width: 45%
    }
}

#zqzz .ab-content .zq-up {
    width: 100%;
    height: 2.9375rem;
    margin-top: 10.625rem;
    margin-bottom: 3rem
}

#zqzz .ab-content .zq-down {
    width: 100%;
    height: 37.25rem
}

#zqzz .ab-content .zq-down img {
    margin-right: 9.5625rem;
    margin-top: 0
}

#zqzz .ab-content .zq-down div.right {
    width: 16.5rem;
    height: 14.125rem;
    margin-top: 11.5625rem
}

#zqzz .ab-content .zq-down div.right p {
    margin: 0;
    padding: 0
}

#zqzz .ab-content .zq-down div.right p.f-22 {
    margin-bottom: 1.875rem
}

#zqzz .ab-content .zq-down div.right p.f-16 {
    margin-bottom: .9375rem
}

#zqzz .ab-content .zq-down div.right p.f-16:last-child {
    margin-bottom: 2.875rem
}

#zqzz .ab-content .zq-down div.right a.f-20 {
    display: inline-block;
    text-align: center;
    width: 14.18758rem;
    height: 3.125rem;
    line-height: 3.125rem;
    border-radius: 5px
}

#gdbj .ab-content .gd-up {
    width: 100%;
    height: auto;
    margin-top: 14.375rem;
    margin-bottom: 3.75rem;
    text-align: center
}

#gdbj .ab-content .gd-md {
    width: 100%;
    height: 8.5625rem;
    text-align: left;
    margin-bottom: 5.25rem
}

#gdbj .ab-content .gd-md p {
    line-height: 1.8rem
}

#gdbj .ab-content .gd-dw {
    width: 100%;
    height: 5.75rem
}

#gdbj .ab-content .gd-dw a {
    display: inline-block;
    margin-right: 1.75rem
}

#gdbj .ab-content .gd-dw a:last-child {
    margin-right: 0
}

#aqbz {
    background: url(../images/aqbz.png) center center no-repeat
}

#aqbz .ab-content .aq-up {
    width: 100%;
    height: 2.9375rem;
    margin-top: 17.875rem
}

#aqbz .ab-content .aq-dw {
    width: 100%;
    height: 16rem;
    margin-top: 6.75rem
}

#aqbz .ab-content .aq-dw div {
    width: 15.75rem;
    height: 14rem;
    margin-right: 2.375rem;
    text-align: center
}

#aqbz .ab-content .aq-dw div:last-child {
    margin-right: 0
}

#aqbz .ab-content .aq-dw div img {
    width: 6.25rem;
    height: 6.25rem;
    margin-bottom: 3.125rem
}

#aqbz .ab-content .aq-dw div p {
    display: inline-block;
    width: 15.75rem;
    height: 4.625rem;
    line-height: 2rem
}

#lxwm .ab-content div.lx-ft-dw,
#lxwm .ab-content div.lx-ft-up,
#lxwm .ab-content div.lx-map {
    width: 100%
}

#lxwm .ab-content div.lx-ft-dw,
#lxwm .ab-content div.lx-ft-up {
    margin-bottom: 2.5rem
}

#lxwm .ab-content div.lx-ft-up {
    margin-top: 11.375rem
}

#lxwm .ab-content div.lx-ft-up p:last-child span {
    margin: 0 6.5rem
}

#lxwm .ab-content div p.f-22 {
    margin-bottom: 1.25rem
}

#lxwm .ab-content div p.f-16 {
    line-height: 2rem
}

#lxwm .ab-content div.lx-map {
    width: 100%;
    height: 23.875rem
}

#lxwm .ab-content div.lx-map img {
    width: 100%;
    height: 100%
}

@media only screen and (min-width:1400px) and (max-width:1600px) {
    div#left-nav.bot {
        top: 100px
    }

    #left-nav {
        top: 100px
    }
}

@media only screen and (max-width:1400px) {
    #left-nav {
        top: 100px
    }

    #gyky {
        url(../img/about/bg.png?v=e852ce5) center center/100% 100% no-repeat
    }
}

@media only screen and (max-width:1400px) and (min-height:800px) {
    #left-nav {
        top: 200px
    }
}