@charset "utf-8";

/* CSS Document */


/* Auther: Puyuan */


/* WebSite: http://www.ipuyuan.com/ */


/*公共样式与首页样式*/

A {
    TEXT-DECORATION: none;
}

A:link {
    color: #333333;
    outline: none;
}

A:visited {
    color: #333333
}

A:active {
    color: #333333
}

A:hover {
    COLOR: #ff0000
}

BODY {
    margin: 0px;
    font-family: "微软雅黑";
    background: #ffffff;
    color: #333333;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
input,
dl,
dt,
dd,
header,
article,
iframe,
footer,
ol,
div,
img {
    margin: 0px;
    padding: 0px;
}

input {
    border: 0px;
    color: #333333
}

img {
    border: 0px;
    vertical-align: middle;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    max-width: 100%;
    height: auto;
}

li {
    list-style: none;
}

a {
    outline: none;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

b {
    font-weight: normal;
}

input,
button,
select,
textarea {
    outline: none;
    font-family: "微软雅黑";
    font-size: 12px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
    margin: 0px;
    padding: 0px;
    height: 0px;
}

@media only screen and (max-width:1200px) {
    .main {
        width: 100%;
        margin: 0px auto;
    }
    body {
        font-size: 1.4em;
        line-height: 150%;
    }
}

@media only screen and (min-width:1200px) {
    .main {
        width: 1200px;
        margin: 0px auto;
    }
    body {
        font-size: 13px;
        line-height: 24px;
    }
}

@media only screen and (min-width:1600px) {
    .main {
        width: 1600px;
        margin: 0px auto;
    }
}

@media only screen and (max-width:1200px) {
    .sy1 {
        width: 100%;
    }
    .sy1 img {
        width: 100%;
    }
    .top1 {
        width: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        color: #ffffff;
    }
    a.logo {
        position: absolute;
        background: url(../images/logo.png) no-repeat;
        background-size: 100% 100%;
        width: 107px;
        height: 35px;
        left: 3%;
        top: 15px;
        z-index: 11;
    }
    a.cd_en {
        position: absolute;
        right: 17%;
        top: 15px;
        height: 30px;
        width: 30px;
        background: #ffffff;
        -moz-border-radius: 40px;
        -webkit-border-radius: 40px;
        border-radius: 40px;
    }
    a.cd_en b {
        float: left;
        width: 24px;
        font-size: 12px;
        text-align: center;
        font-family: Arial;
        height: 24px;
        line-height: 24px;
        background: #ef1110;
        color: #ffffff;
        text-align: center;
        margin: 3px;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        border-radius: 25px;
    }
    .menu2 {
        width: 32px;
        height: 20px;
        display: block;
        position: absolute;
        right: 3%;
        top: 18px;
        z-index: 11;
    }
    .menu2 a {
        background: url(../images/d2_1_03.png) no-repeat;
        outline: none;
        display: block;
        background-size: 100% 100%;
        width: 32px;
        height: 20px;
        line-height: 20px;
    }
    .menu2 a.on {
        background: url(../images/d2_2_03.png) no-repeat;
        background-size: 100% 100%;
    }
    #navk {
        width: 100%;
        display: none;
        background: #000837;
        position: fixed;
        height: 100%;
        left: 0px;
        top: 0px;
        z-index: 10;
    }
    .menu {
        margin: 0px 0px 0px 0%;
        float: left;
        font-size: 1.1em;
        width: 100%;
        padding: 5% 10% 0px 10%;
    }
    .menu li {
        float: left;
        width: 100%;
        border-bottom: solid 1px #050f4c;
    }
    .menu a {
        display: block;
        width: 100%;
        padding: 5% 0px;
        text-align: left;
        padding-left: 0%;
        color: #ffffff;
    }
    .menu a:hover {
        color: #FF0
    }
    .menu a {
        font-size: 1.1em;
    }
    #menu2k {
        display: none;
        position: absolute;
        width: 100%;
        top: 65px;
        z-index: 11;
    }
}

@media only screen and (min-width:1200px) {
    #navk {}
    .menu2 {
        display: none;
    }
    .sy1 {
        width: 100%;
        position: relative;
        z-index: 0
    }
    .sy1 img {
        width: 100%;
    }
    .top1 {
        width: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        color: #ffffff;
        z-index: 2;
    }
    .top1 .main {
        position: relative;
    }
    a.logo {
        position: absolute;
        background: url(../images/logo.png) no-repeat;
        width: 193px;
        height: 63px;
        left: 0px;
        top: 30px;
    }
    a.cd_en {
        position: absolute;
        right: 0px;
        top: 44px;
        height: 36px;
        width: 75px;
        background: #ffffff;
        -moz-border-radius: 40px;
        -webkit-border-radius: 40px;
        border-radius: 40px;
    }
    a.cd_en b {
        float: left;
        width: 28px;
        height: 28px;
        line-height: 28px;
        background: #ef1110;
        color: #ffffff;
        text-align: center;
        margin: 4px;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        border-radius: 25px;
    }
    .menu {
        font-size: 18px;
        color: #ffffff;
        position: absolute;
        left: 390px;
        top: 40px;
    }
    .menu li {
        float: left;
        margin-right: 50px;
        height: 40px;
        line-height: 40px;
    }
    .menu li a {
        color: #ffffff;
        display: block;
        width: 100%;
    }
    .menu li a:hover,
    .menu li a.on {
        color: #ee1110;
        border-bottom: solid 1px #ee1110;
    }
}

@media only screen and (min-width:1600px) {
    .menu {
        left: 400px;
    }
    .menu li {
        margin-right: 75px;
    }
    a.logo {
        left: 35px;
    }
    a.cd_en {
        right: 35px;
    }
}

.bt1 .s2 {
    text-transform: uppercase;
}

@media only screen and (max-width:1200px) {
    .sy2 {
        width: 100%;
        padding: 20px 0px;
    }
    .bt1 {
        float: left;
        width: 94%;
        margin: 0px 3%;
        border-left: solid 4px #e61a19;
        height: 25px;
        padding-left: 15px;
    }
    .bt1 .s1 {
        float: left;
        font-size: 1.3em;
        margin-right: 10px;
        line-height: 25px;
    }
    .bt1 .s2 {
        float: left;
        font-size: 1.05em;
        font-family: Arial;
        line-height: 25px;
    }
    .ab_s_k {
        float: left;
        width: 100%;
        margin: 20px 0px 20px 0px;
        position: relative
    }
    .ab_s_k .txtk {
        width: 100%;
        background: #eaeaea;
        padding: 20px 3%;
        float: left;
    }
    .ab_s_k .txtkn {
        width: 100%;
        font-size: 1.1em;
        line-height: 155%;
        float: left;
        margin-bottom: 20px;
    }
    .ab_s_k a.cd_a_r {
        font-size: 1em;
        float: left;
    }
    a.cd_a_r {
        background: #e61a19;
        color: #ffffff;
        padding: 0px 15px;
        height: 30px;
        line-height: 30px;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        border-radius: 30px;
        display: inline-block;
    }
    a.cd_a_r:hover {
        background: #ce0100;
    }
    .ab_s_k .imgk {
        width: 100%;
        float: left;
    }
    .ab_s_k .imgk img {
        width: 100%;
    }
    .ab_s_k2 {
        float: left;
        width: 100%;
        margin: 20px 0px 20px 0px;
        position: relative
    }
    .ab_s_k2 .txtk {
        width: 100%;
        background: #eaeaea;
        padding: 20px 3%;
        float: left;
    }
    .ab_s_k2 .txtkn {
        width: 100%;
        font-size: 1.1em;
        line-height: 155%;
        float: right;
        margin-bottom: 20px;
    }
    .ab_s_k2 a.dbt {
        font-size: 1.1em;
        width: 100%;
        float: left;
    }
    .ab_s_k2 .sj {
        float: left;
        width: 100%;
        color: #acacac;
        margin: 5px 0px 15px 0px;
    }
    .ab_s_k2 a.cd_a_r {
        font-size: 1em;
        float: left
    }
    .ab_s_k2 .imgk {
        float: left;
        width: 100%;
    }
    .ab_s_k2 .imgk img {
        width: 100%;
    }
    .lb_news {
        float: left;
        width: 100%;
    }
    .lb_news ul {
        float: left;
        width: 100%;
        padding: 0px 3%;
    }
    .lb_news ul:last-child {
        border: 0px;
    }
    .lb_news li {
        width: 100%;
        float: left;
        height: 35px;
        line-height: 35px;
        overflow: hidden;
        font-size: 1.1em;
    }
    .lb_news b {
        color: #acacac;
        padding-right: 15px;
        font-size: 0.9em;
    }
    .sy3 {
        width: 100%;
        position: relative;
    }
    .sy3 img {
        width: 100%;
    }
    .sy3 .txtk {
        float: left;
        width: 35%;
        height: 100%;
        background: rgba(0, 2, 37, 1);
        color: #ffffff;
        padding: 8% 3% 20px 3%;
        position: absolute;
        left: 0px;
    }
    .sy3 .txtk .bt1 {
        width: 100%;
        margin-left: 0px;
        padding-left: 15px;
        margin-bottom: 20PX;
    }
    .sy3 a.cd_a_r {
        float: left;
        font-size: 1em;
        height: 35px;
        line-height: 35px;
        padding: 0px 25px;
        margin-left: 15px;
    }
    .lb_an {
        width: 100%;
        margin: 20px 0px;
        float: left;
        padding-left: 15px;
    }
    .lb_an li {
        width: 100%;
        float: left;
        font-size: 1.1em;
        padding: 5px 0px;
    }
    .lb_an a {
        color: #ffffff;
    }
    .lb_an a:hover {
        text-decoration: underline;
    }
    .foot1 {
        display: none;
    }
    .foot2 {
        width: 100%;
        background: #0b080c;
        color: #999999;
        line-height: 155%;
        font-size: 1em;
        text-align: center;
        padding: 15px 0px;
    }
}

@media only screen and (max-width:600px) {
    .sy3 .txtk {
        float: left;
        width: 100%;
        height: auto;
        padding: 20px 3% 20px 3%;
        position: inherit;
        left: auto;
    }
}

.sy3 .sy3_video {
    float: right;
    position: relative;
    width: 100%;
    height: 0px;
    padding-bottom: 56.25%;
    background: rgba(0, 2, 37, 1);
}

@media only screen and (min-width:1200px) {
    .sy2 {
        width: 100%;
        padding: 80px 0px;
    }
    .bt1 {
        float: left;
        width: 1100px;
        margin-left: 30px;
        background: url(../images/ln_t.png) left no-repeat;
        height: 53px;
        padding-left: 30px;
    }
    .bt1 .s1 {
        float: left;
        width: 100%;
        font-size: 29px;
        line-height: 30px;
        height: 30px;
        margin-bottom: 6px;
    }
    .bt1 .s2 {
        float: left;
        width: 100%;
        font-size: 21px;
        line-height: 24px;
        height: 24px;
        font-family: Arial;
    }
    .ab_s_k {
        float: left;
        width: 100%;
        height: 387px;
        margin: 20px 0px 80px 0px;
        position: relative
    }
    .ab_s_k .txtk {
        width: 100%;
        background: #eaeaea;
        padding: 40px 0px 40px 0px;
        float: left;
        margin-top: 40px;
    }
    .ab_s_k .txtkn {
        width: 520px;
        margin: 0px 0px 0px 60px;
        height: 200px;
        overflow: hidden;
        font-size: 14px;
        line-height: 24px;
        float: left;
    }
    .ab_s_k a.cd_a_r {
        margin-left: 60px;
        font-size: 12px;
        float: left;
    }
    a.cd_a_r {
        background: #e61a19;
        color: #ffffff;
        padding: 0px 15px;
        height: 30px;
        line-height: 30px;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        border-radius: 30px;
        display: inline-block;
    }
    a.cd_a_r:hover {
        background: #ce0100;
    }
    .ab_s_k .imgk {
        position: absolute;
        right: 0px;
        top: 0px;
        width: 500px;
        margin-right: 60px;
    }
    .ab_s_k .imgk img {
        width: 100%;
        height: 387px;
    }
    .ab_s_k2 {
        float: left;
        width: 100%;
        height: 372px;
        margin: 50px 0px 50px 0px;
        position: relative
    }
    .ab_s_k2 .txtk {
        width: 100%;
        background: #eaeaea;
        padding: 40px 0px 40px 0px;
        float: left;
        margin-top: 30px;
    }
    .ab_s_k2 .txtkn {
        width: 460px;
        margin: 0px 60px 0px 0px;
        height: 200px;
        overflow: hidden;
        font-size: 14px;
        line-height: 24px;
        float: right;
    }
    .ab_s_k2 a.dbt {
        font-size: 18px;
        width: 100%;
        float: left;
    }
    .ab_s_k2 .sj {
        float: left;
        width: 100%;
        color: #acacac;
        margin: 5px 0px 20px 0px;
    }
    .ab_s_k2 a.cd_a_r {
        margin-right: 60px;
        font-size: 12px;
        float: right
    }
    .ab_s_k2 .imgk {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 560px;
        margin-left: 60px;
    }
    .ab_s_k2 .imgk img {
        width: 100%;
        height: 372px
    }
    .lb_news {
        float: left;
        width: 100%;
    }
    .lb_news ul {
        float: left;
        width: 50%;
        padding: 0px 60px;
        border-right: solid 2px #c5c5c5;
    }
    .lb_news ul:last-child {
        border: 0px;
    }
    .lb_news li {
        width: 100%;
        float: left;
        height: 44px;
        line-height: 44px;
        overflow: hidden;
    }
    .lb_news b {
        color: #acacac;
        padding-right: 40px;
    }
    .sy3 {
        width: 100%;
        position: relative;
    }
    .sy3 img {
        width: 100%;
    }
    .sy3 .txtk {
        position: absolute;
        left: 0px;
        width: 30%;
        padding-top: 10%;
        height: 100%;
        background: rgba(0, 2, 37, .9);
        color: #ffffff;
    }
    .sy3 .sy3_video {
        float: right;
        position: relative;
        width: 70%;
        height: 0px;
        padding-bottom: 39.37%;
        background: rgba(0, 2, 37, 1);
    }
    .sy3 .txtk .bt1 {
        width: 80%;
        margin-left: 20%;
        padding-left: 8%;
    }
    .sy3 a.cd_a_r {
        float: left;
        margin-left: 28%;
        font-size: 18px;
        height: 45px;
        line-height: 45px;
        padding: 0px 40px;
    }
    .lb_an {
        width: 80%;
        margin: 10% 0px 10% 20%;
        padding-left: 8%;
        float: left;
    }
    .lb_an li {
        width: 100%;
        float: left;
        font-size: 20px;
        line-height: 40px;
    }
    .lb_an a {
        color: #ffffff;
    }
    .lb_an a:hover {
        text-decoration: underline;
    }
    .foot1 {
        width: 100%;
        padding: 70px 0px 40px 0px;
        background: #0b080c;
        color: #999999;
        line-height: 26px;
    }
    .foot2 {
        width: 100%;
        background: #0b080c;
        color: #999999;
        line-height: 26px;
        font-size: 13px;
        text-align: center;
        padding: 25px 0px;
        border-top: solid 1px #1d1b1e;
    }
    .cd_f {
        float: left;
        width: 80%
    }
    .cd_f li {
        float: left;
        width: 14%;
    }
    .cd_f a.dbt {
        font-size: 16px;
        color: #ffffff;
    }
    .cd_f p {
        padding-top: 15px;
    }
    .cd_f a {
        color: #999999;
    }
    .cd_f a:hover {
        color: #999999;
    }
    .lx_f {
        width: 20%;
        float: right;
        color: #ffffff;
        line-height: 30px;
    }
}

@media only screen and (min-width:1600px) {
    .foot1 {
        padding: 70px 0px 40px 0px;
        width: 100%;
    }
    .foot2 {
        padding: 25px 0px;
        width: 100%;
    }
    .foot1 .main,
    .foot1 .main {
        width: 1320px
    }
    .bt1 {
        float: left;
        width: 1200px;
        margin-left: 70px;
        background: url(../images/ln_t.png) left no-repeat;
        height: 53px;
        padding-left: 35px;
    }
    .bt1 .s1 {
        float: left;
        width: 100%;
        font-size: 29px;
        line-height: 30px;
        height: 30px;
        margin-bottom: 6px;
    }
    .bt1 .s2 {
        float: left;
        width: 100%;
        font-size: 21px;
        line-height: 24px;
        height: 24px;
        font-family: Arial;
    }
    .ab_s_k {
        height: 534px;
    }
    .ab_s_k .txtk {
        padding: 70px 0px 40px 0px;
        margin-top: 70px;
    }
    .ab_s_k .txtkn {
        width: 620px;
        height: 250px;
        font-size: 14px;
        line-height: 32px;
        margin-left: 110px;
    }
    .ab_s_k a.cd_a_r {
        margin-left: 110px;
    }
    .ab_s_k .imgk {
        position: absolute;
        right: 0px;
        top: 0px;
        width: 690px;
        margin-right: 100px;
    }
    .ab_s_k .imgk img {
        width: 100%;
        height: 534px;
    }
    .ab_s_k2 {
        height: 491px;
    }
    .ab_s_k2 .imgk {
        width: 740px;
        left: 110px;
        margin: 0px;
    }
    .ab_s_k2 .imgk img {
        height: 491px;
    }
    .ab_s_k2 .txtk {
        margin-top: 50px;
        padding: 70px 0px 40px 0px;
    }
    .ab_s_k2 .txtkn {
        width: 550px;
        margin-right: 110px;
        height: 250px;
    }
    .ab_s_k2 .txtkn p {
        line-height: 32px;
    }
    .ab_s_k2 a.cd_a_r {
        margin-right: 110px;
    }
    .lb_news ul {
        padding: 0px 110px;
    }
}

@media only screen and (max-width:1200px) {
    .lm_tt {
        display: none;
    }
    .sy1_ny {
        width: 100%;
    }
    .sy1_ny img {
        width: 100%;
    }
}

@media only screen and (max-width:450px) {
    .sy1_ny img {
        height: 130px;
    }
}

@media only screen and (min-width:1200px) {
    .lm_tt {
        width: 1200px;
        position: absolute;
        left: 50%;
        margin-left: -600px;
        bottom: 155px;
        color: #ffffff;
        z-index: 2;
    }
    .lm_tt p {
        width: 100%;
        float: left;
        font-size: 17px;
        padding-left: 60px;
        margin-top: 25px;
    }
    .sy1_ny {
        width: 100%;
        position: relative;
        height: 532px;
        z-index: 0;
        overflow: hidden;
    }
    .sy1_ny img {
        position: absolute;
        left: 0px;
        left: 50%;
        margin-left: -960px;
        width: 1920px;
        height: 532px;
        z-index: 1;
        max-width: 1920px;
    }
}

@media only screen and (min-width:1600px) {
    .lm_tt {
        width: 1600px;
        margin-left: -800px;
        padding-left: 95px;
    }
    .lm_tt p {
        padding-left: 105px;
    }
}

@media only screen and (max-width:1200px) {
    .sy2_ny {
        width: 100%;
    }
    .sy2_ny .main {
        width: 100%
    }
    .dqwz {
        width: 100%;
        color: #aaaaaa;
        font-size: 1em;
        margin: 10px 0px;
        float: left;
        padding: 0px 3%;
    }
    .dqwz a {
        color: #aaaaaa
    }
    .dqwz a:hover {
        color: #ff0000;
    }
    .lm1 {
        width: 94%;
        float: left;
        margin: 0px 3% 20px 3%;
    }
    .lm1 li {
        float: left;
        width: 33.3333%;
        text-align: center;
        margin-right: -1px;
    }
    .lm1 li a {
        display: block;
        width: 100%;
        height: 36px;
        line-height: 36px;
        border: solid 1px #ff444a;
        color: #ff444a;
        font-size: 1.1em;
    }
    .lm1 li a.on {
        background: #ff444a;
        color: #ffffff;
    }
    .ab1 {
        width: 100%;
        float: left;
        margin-bottom: 20px;
        padding: 0px 3%;
    }
    .ab1 .txtk {
        width: 100%;
        float: left;
        margin-bottom: 20px;
    }
    .ab1 .imgk {
        float: left;
        width: 100%;
    }
    .ab1 .imgk img {
        width: 100%;
    }
    .ab1 .imgk p {
        font-size: 1.1em;
        padding-top: 10px;
        color: #cccccc;
        text-align: right;
    }
    .ab_nr {
        width: 100%;
        float: left;
        font-size: 1.1em;
        line-height: 155%;
    }
    .bt_ab {
        width: 100%;
        float: left;
        font-size: 1.25em;
        background: url(../images/lm_t2.png) left bottom no-repeat;
        line-height: normal;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }
    .bt_ab2 {
        width: 94%;
        margin-left: 3%;
        float: left;
        font-size: 1.25em;
        background: url(../images/lm_t2.png) left bottom no-repeat;
        line-height: normal;
        padding-bottom: 10px;
        margin-bottom: 15px;
    }
    .ab2 {
        width: 100%;
        float: left;
        margin-bottom: 20px;
        padding: 0px 3%;
    }
    .ab2 .txtk1 {
        width: 100%;
        float: left;
    }
    .ab2 .txtk2 {
        float: left;
        width: 100%;
    }
    .ab3 {
        width: 100%;
        background: #f7f7f7;
        color: #acacac;
        padding: 20px 0px 10px 0px;
    }
    .ab3 ul {
        width: 94%;
        margin: 0px 3%;
    }
    .ab3 li {
        float: left;
        width: 50%;
        padding-right: 3%;
        margin-bottom: 20px;
        font-size: 1.1em;
        line-height: 155%;
    }
    .ab3 i {
        width: 40px;
        height: 40px;
        display: inline-block;
    }
    .ab3 p {
        padding-top: 10px;
    }
}

@media only screen and (max-width:480px) {
    .ab3 li {
        width: 100%;
        text-align: center;
    }
}

.dqwz b {
    color: #e71a19;
}

@media only screen and (min-width:1200px) {
    .sy2_ny {
        width: 100%;
        overflow: hidden;
    }
    .sy2_ny .main {
        width: 1080px
    }
    .dqwz {
        width: 100%;
        color: #aaaaaa;
        font-size: 15px;
        margin: 25px 0px;
        float: left;
    }
    .dqwz a {
        color: #aaaaaa
    }
    .dqwz a:hover {
        color: #ff0000;
    }
    .lm1 {
        width: 82%;
        float: left;
        margin: 9px 10% 80px 9%;
    }
    .lm1 li {
        float: left;
        width: 33.3333%;
        text-align: center;
        margin-right: -1px;
    }
    .lm1 li a {
        display: block;
        width: 100%;
        height: 50px;
        line-height: 50px;
        border: solid 1px #ff444a;
        color: #ff444a;
        font-size: 18px;
    }
    .lm1 li a.on {
        background: #ff444a;
        color: #ffffff;
    }
    .ab1 {
        width: 100%;
        float: left;
        margin-bottom: 50px;
    }
    .ab1 .txtk {
        width: 30%;
        float: left;
    }
    .ab1 .imgk {
        float: right;
        width: 60%;
    }
    .ab1 .imgk p {
        font-size: 18px;
        padding-top: 20px;
        color: #cccccc;
        text-align: right;
    }
    .ab_nr {
        width: 100%;
        float: left;
        font-size: 14px;
        line-height: 28px;
    }
    .bt_ab {
        width: 100%;
        float: left;
        font-size: 40px;
        background: url(../images/lm_t2.png) left bottom no-repeat;
        line-height: normal;
        padding-bottom: 18px;
        margin-bottom: 40px;
    }
    .bt_ab2 {
        width: 100%;
        float: left;
        font-size: 40px;
        background: url(../images/lm_t2.png) left bottom no-repeat;
        line-height: normal;
        padding-bottom: 18px;
        margin-bottom: 40px;
    }
    .ab2 {
        width: 100%;
        float: left;
        margin-bottom: 80px;
    }
    .ab2 .txtk1 {
        width: 30%;
        float: left;
    }
    .ab2 .txtk2 {
        float: right;
        width: 60%;
    }
    .ab3 {
        width: 100%;
        background: #f7f7f7;
        color: #acacac;
        font-size: 15px;
        line-height: 30px;
        padding: 50px 0px;
    }
    .ab3 ul {
        width: 1080px;
        margin: 0px auto;
    }
    .ab3 li {
        float: left;
        width: 25%;
        padding-right: 3%;
        text-align: center;
    }
    .ab3 i {
        width: 50px;
        height: 50px;
        display: inline-block;
    }
    .ab3 p {
        padding-top: 10px;
    }
}

@media only screen and (min-width:1600px) {
    .sy2_ny .main,
    .ab3 ul {
        width: 1200px
    }
}

.sy2,
.sy3 {
    background: #f7f7f7;
}

.ab3 i.i_1 {
    background: url(../images/a_a1.png) no-repeat;
    background-size: 100% 100%;
}

.ab3 i.i_2 {
    background: url(../images/a_a2.png) no-repeat;
    background-size: 100% 100%;
}

.ab3 i.i_3 {
    background: url(../images/a_a3.png) no-repeat;
    background-size: 100% 100%;
}

.ab3 i.i_4 {
    background: url(../images/a_a4.png) no-repeat;
    background-size: 100% 100%;
}

@media only screen and (max-width:1200px) {
    .xbt_ab {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 1.25em;
        margin: 10px 0px 15px 0px;
    }
    .ab_nr2 {
        width: 100%;
        font-size: 1.1em;
        line-height: 155%;
        margin-bottom: 20px;
        padding: 0px 3%;
    }
}

@media only screen and (min-width:1200px) {
    .xbt_ab {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 40px;
        margin: 50px 0px;
    }
    .ab_nr2 {
        width: 100%;
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 80px;
    }
}

@media only screen and (max-width:1200px) {
    .lb_ry1 {
        width: 96%;
        overflow: hidden;
        float: left;
        margin: 0px 2%;
    }
    .lb_ry1 ul {
        float: left;
        width: 100%;
    }
    .lb_ry1 li {
        float: left;
        width: 48%;
        margin: 0px 1% 20px 1%;
        text-align: center;
    }
    .lb_ry1 li img {
        width: 100%;
        float: left;
        margin-bottom: 10px;
    }
    .lb_ry1 li p {
        float: left;
        width: 100%;
        height: 24px;
        line-height: 24px;
        font-size: 1.1em;
    }
    .lb_ry2 {
        width: 96%;
        overflow: hidden;
        float: left;
        margin: 0px 2% 10px 2%;
    }
    .lb_ry2 ul {
        float: left;
        width: 100%;
    }
    .lb_ry2 li {
        float: left;
        width: 31.3333%;
        margin: 0px 1% 20px 1%;
        text-align: center;
    }
    .lb_ry2 li img {
        width: 100%;
        float: left;
        margin-bottom: 10px;
    }
    .lb_ry2 li p {
        float: left;
        width: 100%;
        height: 24px;
        line-height: 24px;
        font-size: 1.1em;
    }
    .fy1 {
        float: left;
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }
    .fy1 .ys {
        padding: 0px 35px;
        font-size: 1.2em;
        color: #999999;
    }
    .fy1 a.cd_f1,
    .fy1 a.cd_f2 {
        font-size: 1.2em;
        vertical-align: middle;
    }
}

@media only screen and (max-width:600px) {
    .lb_ry1 li,
    .lb_ry2 li {
        width: 98%;
    }
}

@media only screen and (min-width:1200px) {
    .lb_ry1 {
        width: 100%;
        overflow: hidden;
        float: left;
    }
    .lb_ry1 ul {
        float: left;
        width: 1150px;
    }
    .lb_ry1 li {
        float: left;
        width: 510px;
        margin: 0px 60px 60px 0px;
        text-align: center;
    }
    .lb_ry1 li img {
        width: 100%;
        height: 333px;
        float: left;
        margin-bottom: 20px;
    }
    .lb_ry1 li p {
        float: left;
        width: 100%;
        height: 30px;
        line-height: 30px;
        font-size: 16px;
    }
    .lb_ry2 {
        width: 100%;
        overflow: hidden;
        float: left;
        margin-bottom: 20px;
    }
    .lb_ry2 ul {
        float: left;
        width: 1150px;
    }
    .lb_ry2 li {
        float: left;
        width: 320px;
        margin: 0px 60px 60px 0px;
        text-align: center;
    }
    .lb_ry2 li img {
        width: 100%;
        height: 439px;
        float: left;
        margin-bottom: 20px;
    }
    .lb_ry2 li p {
        float: left;
        width: 100%;
        height: 30px;
        line-height: 30px;
        font-size: 16px;
    }
    .fy1 {
        float: left;
        width: 100%;
        text-align: center;
        margin-bottom: 80px;
    }
    .fy1 .ys {
        padding: 0px 35px;
        font-size: 20px;
        color: #999999;
    }
    .fy1 a.cd_f1,
    .fy1 a.cd_f2 {
        font-size: 20px;
        vertical-align: middle;
    }
}

.fy1 .ys b {
    color: #e71919;
}

.fy1 a.cd_f1 {
    color: #999999;
}

.fy1 a.cd_f2 {
    color: #e71919;
}

@media only screen and (min-width:1600px) {
    .lb_ry2 ul,
    .lb_ry1 ul {
        width: 1300px;
    }
    .lb_ry1 li {
        float: left;
        width: 559px;
        margin: 0px 80px 80px 0px;
        text-align: center;
    }
    .lb_ry1 li img {
        width: 100%;
        height: 365px;
        float: left;
        margin-bottom: 20px;
    }
    .lb_ry2 li {
        float: left;
        width: 333px;
        margin: 0px 100px 80px 0px;
        text-align: center;
    }
    .lb_ry2 li img {
        width: 100%;
        height: 467px;
        float: left;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width:1200px) {
    .lb_wh {
        float: left;
        width: 96%;
        overflow: hidden;
        margin: 0px 0px 15px 2%;
    }
    .lb_wh ul {
        float: left;
        width: 100%;
    }
    .lb_wh li {
        width: 31.3333%;
        margin: 0px 1% 15px 1%;
        float: left;
        font-size: 1.1em;
    }
    .lb_wh li img {
        width: 100%;
        float: left;
        margin-bottom: 10px;
    }
    .lb_wh li p {
        float: left;
        width: 100%;
        height: 24px;
        line-height: 24px;
        overflow: hidden;
    }
    .lb_wh a {
        color: #666666;
        display: block;
        width: 100%;
    }
    .lb_wh a:hover {
        color: #e71919;
        text-decoration: underline;
    }
    .jg_wh {
        width: 100%;
        float: left;
        height: 10px;
    }
}

@media only screen and (max-width:600px) {
    .lb_wh li {
        width: 48%
    }
}

@media only screen and (max-width:400px) {
    .lb_wh li {
        width: 98%
    }
}

.lb_wh a:hover p {
    text-decoration: underline;
}

@media only screen and (min-width:1200px) {
    .lb_wh {
        float: left;
        width: 100%;
        overflow: hidden;
        margin: 0px 0px 30px 0px;
    }
    .lb_wh ul {
        float: left;
        width: 1120px;
    }
    .lb_wh li {
        width: 346px;
        height: 310px;
        margin: 0px 20px 0px 0px;
        float: left;
        font-size: 16px;
    }
    .lb_wh li img {
        width: 100%;
        height: 225px;
        float: left;
        margin-bottom: 20px;
    }
    .lb_wh a {
        color: #666666
    }
    .lb_wh a:hover {
        color: #e71919;
        text-decoration: underline;
    }
    .jg_wh {
        width: 100%;
        float: left;
        height: 30px;
    }
}

@media only screen and (min-width:1600px) {
    .lb_wh {
        float: left;
        width: 100%;
        overflow: hidden;
        margin: 0px 0px 40px 0px;
    }
    .lb_wh ul {
        float: left;
        width: 1230px;
    }
    .lb_wh li {
        width: 386px;
        height: 345px;
        margin: 0px 20px 0px 0px;
        float: left;
        font-size: 16px;
    }
    .lb_wh li img {
        width: 100%;
        height: 252px;
        float: left;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width:1200px) {
    .lx_dt {
        float: left;
        width: 94%;
        position: relative;
        margin: 0px 0px 20px 3%;
    }
    .lx_dt .txtk {
        position: absolute;
        width: 38%;
        height: 100%;
        padding: 10% 3% 0px 3%;
        background: rgba(0, 0, 0, .7);
        color: #ffffff;
        line-height: 155%;
        font-size: 1.1em;
    }
    .lx_dt .txtk h2 {
        display: block;
        margin-bottom: 20px;
        background: url(../images/lm_t2.png) left bottom no-repeat;
        line-height: normal;
        font-size: 1.2em;
        padding-bottom: 15px;
    }
    .lb_zx {
        width: 94%;
        float: left;
        margin: 0px 0px 20px 3%;
    }
    .lb_zx li {
        float: left;
        width: 100%;
        margin-bottom: 20px;
        background: #f8f8f8;
        color: #666666;
        padding: 15px 0px;
    }
    .lb_zx h2 {
        width: 100%;
        float: left;
        cursor: pointer;
        font-size: 1.1em;
        line-height: 155%;
        background: url(../images/lr81_03_x.png) right top no-repeat;
    }
    .lb_zx h2 b {
        float: left;
        width: 100%;
        padding-left: 3%;
        font-size: 1.15em;
        margin-bottom: 15px;
    }
    .lb_zx h2 p {
        width: 100%%;
        float: left;
        padding: 0px 3%;
    }
    .lb_zx .zx_nr {
        width: 100%;
        float: left;
        display: none;
        padding: 0px 3% 10px 3%;
    }
    .lb_zx .zx_nr p {
        padding-top: 15px;
    }
    .lb_zx h2.on {
        background: url(../images/lr81_06_x.png) right top no-repeat;
    }
    .fo1 {
        float: left;
        width: 94%;
        margin-bottom: 20px;
        margin-top: 0px;
        margin-left: 3%;
    }
    .fo1 dl {
        float: left;
        width: 100%;
        font-size: 1.1em;
        margin-bottom: 15px;
    }
    .fo1 dl.dl1 {
        width: 50%;
    }
    .fo1 dl dt {
        float: left;
        margin-right: 15px;
        line-height: 36px;
    }
    .tx1 {
        width: 190px;
        padding-left: 10px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        height: 38px;
        line-height: 38px;
        border: solid 2px #e5e5e5;
        font-size: 1em;
    }
    .fo1 dl.dl2 {
        margin-bottom: 30px;
    }
    .fo1 dl.dl3 {
        width: 100%;
    }
    .fo1 dl.dl3 dt {}
    .fo1 dl.dl3 .tx1 {
        margin-right: 20px;
    }
    .fo1 .s_yzm img {
        height: 40px;
    }
    .fo1 .s_yzm a {
        color: #999999;
        font-size: 1em;
        margin-left: 10px;
    }
    .fo1 .s_yzm a:hover {
        color: #ff0000;
    }
    .fo1 dl.dl_an {
        width: 100%;
        margin-top: 10px;
    }
    .fo1 .an_r {
        width: 100%;
    }
    .an_r {
        height: 40px;
        line-height: 40px;
        font-size: 1.2em;
        color: #ffffff;
        background: #e71919;
        padding: 0px 50px;
        -moz-border-radius: 55px;
        -webkit-border-radius: 55px;
        border-radius: 55px;
        border: 0px;
        cursor: pointer;
    }
    .tx2 {
        width: 100%;
        padding: 15px 3%;
        font-size: 1em;
        background: #f8f8f8;
        height: 200px;
        border: 0px;
    }
}

@media only screen and (max-width:800px) {
    .lx_dt .txtk {
        position: inherit;
        width: 100%;
        float: left;
        left: auto;
        top: auto;
        padding: 20px 3%;
    }
}

@media only screen and (max-width:600px) {
    .fo1 dl.dl1 {
        width: 100%;
    }
    .fo1 dl dt {
        width: 20%;
        margin: 0px;
    }
    .fo1 dl.dl3 .s_yzm {
        width: 100%;
        margin-top: 15px;
        float: left;
        padding-left: 20%;
    }
}

@media only screen and (min-width:1200px) {
    .lb_zx h2.on {
        background: url(../images/lr81_06.png) right no-repeat;
    }
    .lx_dt {
        float: left;
        width: 100%;
        position: relative;
        margin: 10px 0px 60px 0px;
    }
    .lx_dt .txtk {
        position: absolute;
        width: 35%;
        height: 100%;
        padding: 10% 5% 0px 5%;
        background: rgba(0, 0, 0, .7);
        color: #ffffff;
        line-height: 35px;
        font-size: 16px;
    }
    .lx_dt .txtk h2 {
        display: block;
        margin-bottom: 20px;
        background: url(../images/lm_t2.png) left bottom no-repeat;
        line-height: normal;
        font-size: 24px;
        padding-bottom: 15px;
    }
    .lb_zx {
        width: 100%;
        float: left;
        margin: 0px 0px 30px 0px;
    }
    .lb_zx li {
        float: left;
        width: 100%;
        margin-bottom: 20px;
        background: #f8f8f8;
        color: #666666;
        padding: 30px 0px;
    }
    .lb_zx h2 {
        width: 100%;
        float: left;
        cursor: pointer;
        font-size: 14px;
        line-height: 28px;
        background: url(../images/lr81_03.png) right no-repeat;
    }
    .lb_zx h2 b {
        float: left;
        width: 18%;
        margin-left: 6%;
        font-size: 24px;
        line-height: normal;
        margin-top: 20px;
    }
    .lb_zx h2 p {
        width: 72%;
        float: right;
    }
    .lb_zx .zx_nr {
        width: 100%;
        float: left;
        display: none;
        padding: 0px 10% 0px 28%;
    }
    .lb_zx .zx_nr p {
        padding-top: 30px;
    }
    .fo1 {
        float: left;
        width: 100%;
        margin-bottom: 80px;
        margin-top: 10px;
    }
    .fo1 dl {
        float: left;
        width: 100%;
        font-size: 20px;
        margin-bottom: 20px;
    }
    .fo1 dl.dl1 {
        width: 40%;
    }
    .fo1 dl dt {
        float: left;
        margin-right: 20px;
        line-height: 36px;
    }
    .tx1 {
        width: 190px;
        padding-left: 10px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        height: 38px;
        line-height: 38px;
        border: solid 2px #e5e5e5;
        font-size: 16px;
    }
    .fo1 dl.dl2 {
        margin-bottom: 50px;
    }
    .fo1 dl.dl3 {
        width: 100%;
    }
    .fo1 dl.dl3 dt {
        line-height: 100px;
    }
    .fo1 dl.dl3 .tx1 {
        margin-right: 100px;
    }
    .fo1 .s_yzm a {
        color: #999999;
        font-size: 18px;
        margin-left: 30px;
    }
    .fo1 .s_yzm a:hover {
        color: #ff0000;
    }
    .fo1 dl.dl_an {
        width: 100%;
        margin-top: 20px;
    }
    .an_r {
        height: 55px;
        line-height: 55px;
        font-size: 20px;
        color: #ffffff;
        background: #e71919;
        padding: 0px 65px;
        -moz-border-radius: 55px;
        -webkit-border-radius: 55px;
        border-radius: 55px;
        border: 0px;
        cursor: pointer;
    }
    .tx2 {
        width: 100%;
        padding: 20px 30px;
        font-size: 16px;
        background: #f8f8f8;
        height: 240px;
        border: 0px;
    }
}

@media only screen and (max-width:1200px) {
    .lb_news2 {
        float: left;
        width: 94%;
        margin: 0px 3% 20px 3%;
    }
    .lb_news2 li {
        width: 100%;
        float: left;
        font-size: 14px;
        line-height: 26px;
        color: #666666;
    }
    .lb_news2 li i {
        display: none;
    }
    .lb_news2 .imgk {
        float: left;
        position: relative;
        width: 100%;
    }
    .lb_news2 .imgk img {
        width: 100%;
    }
    .lb_news2 .txtk {
        float: left;
        width: 100%;
        padding: 20px 0%;
    }
    .lb_news2 .txtk a {
        font-size: 18px;
        line-height: normal;
    }
    .lb_news2 .txtk .sj {
        color: #999999;
        display: block;
        padding: 10px 0px 15px 0px;
    }
}

@media only screen and (min-width:1200px) {
    .lb_news2 {
        float: left;
        width: 100%;
        margin-bottom: 80px;
        margin-top: 10px;
    }
    .lb_news2 li {
        width: 100%;
        float: left;
        font-size: 14px;
        line-height: 26px;
        color: #666666;
    }
    .lb_news2 li i {
        background: url(../images/jt_l.png) no-repeat;
        width: 16px;
        height: 31px;
        position: absolute;
        top: 50%;
        margin-top: -15.5px;
        right: 0px;
    }
    .lb_news2 .imgk {
        float: left;
        position: relative;
        width: 50%;
    }
    .lb_news2 .imgk img {
        width: 100%;
    }
    .lb_news2 .txtk {
        float: right;
        width: 50%;
        padding: 5% 5%;
    }
    .lb_news2 .txtk a {
        font-size: 18px;
        line-height: normal;
    }
    .lb_news2 .txtk .sj {
        color: #999999;
        display: block;
        padding: 10px 0px 15px 0px;
    }
    .lb_news2 li:nth-child(even) .imgk {
        float: right;
    }
    .lb_news2 li:nth-child(even) .txtk {
        float: left;
    }
    .lb_news2 li:nth-child(even) i {
        background: url(../images/jt_r.png) no-repeat;
        left: 0px;
        right: auto;
    }
}

@media only screen and (max-width:1200px) {
    .lb_pro {
        width: 94%;
        float: left;
        overflow: hidden;
        margin: 0px 0px 10px 3%;
    }
    .lb_pro ul {
        float: left;
        width: 100%;
    }
    .lb_pro li {
        width: 100%;
        float: left;
        width: 100%;
        margin: 0px 0px 5px 0px;
    }
    .lb_pro li.l1 {
        width: 100%;
    }
    .lb_pro a {
        display: block;
        width: 100%;
        float: left;
    }
    .lb_pro img {
        width: 100%;
        display: block;
        float: left;
    }
    .lb_pro .txtk {
        float: left;
        width: 100%;
        color: #666666;
        font-size: 1em;
        line-height: 155%;
        padding: 15px 0%;
    }
    .lb_pro .txtk b {
        display: block;
        color: #333333;
        border-bottom: solid 1px #929292;
        font-size: 1.1em;
        padding-bottom: 5px;
        margin-bottom: 5px;
        width: 100%;
    }
}

@media only screen and (min-width:1200px) {
    .lb_pro {
        width: 100%;
        float: left;
        overflow: hidden;
        margin: 10px 0px 40px 0px;
    }
    .lb_pro ul {
        float: left;
        width: 1150px;
    }
    .lb_pro li {
        width: 100%;
        float: left;
        position: relative;
        width: 326px;
        margin: 0px 50px 50px 0px;
    }
    .lb_pro li.l1 {
        width: 702px;
    }
    .lb_pro a {
        display: block;
        width: 100%;
        border-bottom: solid 3px #ffffff;
    }
    .lb_pro a:hover {
        border-bottom: solid 3px #ff5156;
    }
    .lb_pro img {
        width: 100%;
        display: block;
        height: 331px;
    }
    .lb_pro .txtk {
        position: absolute;
        width: 100%;
        background: rgba(0, 0, 0, .5);
        bottom: 5px;
        color: #dddddd;
        font-size: 13px;
        line-height: 24px;
        padding: 12px 20px;
    }
    .lb_pro .txtk b {
        display: block;
        color: #ffffff;
        border-bottom: solid 1px #929292;
        font-size: 16px;
        padding-bottom: 5px;
        margin-bottom: 5px;
        width: 100%;
    }
}

@media only screen and (min-width:1600px) {
    .lb_pro {
        width: 1507px;
        float: left;
        overflow: hidden;
        margin: 20px 0px 40px -153.5px;
    }
    .lb_pro ul {
        float: left;
        width: 1587px;
    }
    .lb_pro li {
        width: 100%;
        float: left;
        position: relative;
        width: 449px;
        margin: 0px 80px 100px 0px;
    }
    .lb_pro li.l1 {
        width: 978px;
    }
    .lb_pro li img {
        width: 100%;
        height: 456px;
    }
    .lb_pro a {
        display: block;
        width: 100%;
        border-bottom: solid 3px #ffffff;
    }
    .lb_pro a:hover {
        border-bottom: solid 3px #ff5156;
    }
    .lb_pro img {
        width: 100%;
        display: block;
    }
    .lb_pro .txtk {
        position: absolute;
        width: 100%;
        bottom: 0px;
        color: #dddddd;
        font-size: 13px;
        line-height: 24px;
        padding: 12px 20px;
    }
    .lb_pro .txtk b {
        display: block;
        color: #ffffff;
        border-bottom: solid 1px #929292;
        font-size: 16px;
        padding-bottom: 5px;
        margin-bottom: 5px;
        width: 100%;
    }
}

@media only screen and (max-width:1200px) {
    .ps2 {
        width: 100%;
        background: #f7f7f7;
        padding: 20px 2% 0px 2%;
    }
    .ps2 .main {
        width: 100%;
    }
    .ps2 .bt_ab2 {
        width: 98%;
        margin-left: 1%;
    }
    .lb_an2 {
        float: left;
        width: 100%;
        overflow: hidden;
        margin: 0px 0px 15px 0%;
    }
    .lb_an2 ul {
        float: left;
        width: 100%;
    }
    .lb_an2 li {
        float: left;
        width: 31.3333%;
        margin: 0px 1% 15px 1%;
    }
    .lb_an2 img {
        width: 100%;
        float: left;
        margin-bottom: 10px;
    }
    .lb_an2 p {
        float: left;
        width: 100%;
        font-size: 1.1em;
        height: 24px;
        line-height: 24px;
        overflow: hidden;
    }
}

@media only screen and (max-width:600px) {
    .lb_an2 li {
        width: 48%;
    }
}

@media only screen and (max-width:400px) {
    .lb_an2 li {
        width: 98%;
    }
}

@media only screen and (min-width:1200px) {
    .ps2 {
        width: 100%;
        background: #f7f7f7;
        padding: 60px 0px 0px 0px;
    }
    .ps2 .main {
        width: 1080px;
    }
    .lb_an2 {
        float: left;
        width: 100%;
        overflow: hidden;
        margin: 0px 0px 30px 0px;
    }
    .lb_an2 ul {
        float: left;
        width: 1120px;
    }
    .lb_an2 li {
        float: left;
        width: 346px;
        margin: 0px 20px 0px 0px;
        height: 310px;
    }
    .lb_an2 img {
        width: 100%;
        float: left;
        margin-bottom: 20px;
        height: 225px;
    }
    .lb_an2 p {
        float: left;
        width: 100%;
        font-size: 16px;
        height: 24px;
        line-height: 24px;
        overflow: hidden;
    }
}

@media only screen and (min-width:1600px) {
    .ps2 .main {
        width: 1200px;
    }
    .lb_an2 {
        float: left;
        width: 100%;
        overflow: hidden;
        margin: 0px 0px 30px 0px;
    }
    .lb_an2 ul {
        float: left;
        width: 1250px;
    }
    .lb_an2 li {
        float: left;
        width: 386px;
        margin: 0px 20px 0px 0px;
        height: 345px;
    }
    .lb_an2 img {
        width: 100%;
        float: left;
        margin-bottom: 20px;
        height: 251px;
    }
}

.lb_an2 a {
    display: block;
    width: 100%;
}

.ps2 .bt_ab2 {
    background: none;
    padding-bottom: 0px;
}

@media only screen and (max-width:1200px) {
    .ps3 {
        width: 100%;
        background: #ffffff;
        padding: 20px 0px 0px 0px;
    }
    .ps3 .main {
        width: 100%;
    }
    .yj_bt {
        width: 1080px;
        height: 45px;
        line-height: 45px;
        font-size: 14px;
        color: #ffffff;
        background: #00418e;
        float: left;
    }
    .yj_bt span {
        float: left;
        text-align: center;
    }
    .yj_bt .s1,
    .yj_lb .s1 {
        width: 70px;
    }
    .yj_bt .s2,
    .yj_lb .s2 {
        width: 220px;
    }
    .yj_bt .s3,
    .yj_lb .s3 {
        width: 90px;
    }
    .yj_bt .s4,
    .yj_lb .s4 {
        width: 150px;
    }
    .yj_bt .s5,
    .yj_lb .s5 {
        width: 90px;
    }
    .yj_bt .s6,
    .yj_lb .s6 {
        width: 90px;
    }
    .yj_bt .s7,
    .yj_lb .s7 {
        width: 70px;
    }
    .yj_bt .s8,
    .yj_lb .s8 {
        width: 90px;
    }
    .yj_bt .s9,
    .yj_lb .s9 {
        width: 90px;
    }
    .yj_bt .s10,
    .yj_lb .s10 {
        width: 110px;
    }
    .yj_lb {
        width: 1080px;
        float: left;
    }
    .yj_lb li {
        width: 100%;
        padding: 10px 0px;
        float: left;
    }
    .yj_lb span {
        float: left;
        text-align: center;
    }
    .yj_lb .s2 {
        text-align: left;
    }
    .yj_k {
        width: 94%;
        float: left;
        margin: 0px 3%;
        overflow-x: auto;
        margin-bottom: 20px;
    }
}

@media only screen and (min-width:1200px) {
    .ps3 {
        width: 100%;
        background: #ffffff;
        padding: 60px 0px 0px 0px;
    }
    .ps3 .main {
        width: 1080px;
    }
    .yj_bt {
        width: 100%;
        height: 55px;
        line-height: 55px;
        font-size: 14px;
        color: #ffffff;
        background: #00418e;
        float: left;
    }
    .yj_bt span {
        float: left;
        text-align: center;
    }
    .yj_bt .s1,
    .yj_lb .s1 {
        width: 70px;
    }
    .yj_bt .s2,
    .yj_lb .s2 {
        width: 220px;
    }
    .yj_bt .s3,
    .yj_lb .s3 {
        width: 90px;
    }
    .yj_bt .s4,
    .yj_lb .s4 {
        width: 150px;
    }
    .yj_bt .s5,
    .yj_lb .s5 {
        width: 90px;
    }
    .yj_bt .s6,
    .yj_lb .s6 {
        width: 90px;
    }
    .yj_bt .s7,
    .yj_lb .s7 {
        width: 70px;
    }
    .yj_bt .s8,
    .yj_lb .s8 {
        width: 90px;
    }
    .yj_bt .s9,
    .yj_lb .s9 {
        width: 90px;
    }
    .yj_bt .s10,
    .yj_lb .s10 {
        width: 110px;
    }
    .yj_lb {
        width: 100%;
        float: left;
    }
    .yj_lb li {
        width: 100%;
        padding: 10px 0px;
        float: left;
    }
    .yj_lb span {
        float: left;
        text-align: center;
    }
    .yj_lb .s2 {
        text-align: left;
    }
    .yj_k {
        width: 100%;
        float: left;
        margin-bottom: 70px;
    }
}

.yj_lb li:nth-child(even) {
    background: #f8f9fd;
}

@media only screen and (min-width:1600px) {
    .ps3 .main {
        width: 1200px;
    }
    .yj_bt {
        width: 100%;
        height: 65px;
        line-height: 65px;
        font-size: 14px;
        color: #ffffff;
        background: #00418e;
        float: left;
    }
    .yj_bt span {
        float: left;
        text-align: center;
    }
    .yj_bt .s1,
    .yj_lb .s1 {
        width: 90px;
    }
    .yj_bt .s2,
    .yj_lb .s2 {
        width: 240px;
    }
    .yj_bt .s3,
    .yj_lb .s3 {
        width: 100px;
    }
    .yj_bt .s4,
    .yj_lb .s4 {
        width: 150px;
    }
    .yj_bt .s5,
    .yj_lb .s5 {
        width: 100px;
    }
    .yj_bt .s6,
    .yj_lb .s6 {
        width: 100px;
    }
    .yj_bt .s7,
    .yj_lb .s7 {
        width: 80px;
    }
    .yj_bt .s8,
    .yj_lb .s8 {
        width: 100px;
    }
    .yj_bt .s9,
    .yj_lb .s9 {
        width: 100px;
    }
    .yj_bt .s10,
    .yj_lb .s10 {
        width: 110px;
    }
    .yj_lb li {
        width: 100%;
        padding: 12px 0px;
        float: left;
    }
}

@media only screen and (max-width:1200px) {
    .ps1 {
        float: left;
        width: 100%;
        margin-bottom: 20px;
        padding: 0px 3%;
    }
    .ps1 .imgk {
        float: left;
        width: 100%;
        margin-bottom: 20px;
    }
    .ps1 .txtk {
        float: left;
        width: 100%;
        font-size: 1.1em;
        line-height: 155%;
    }
    .sbt {
        width: 94%;
        float: left;
        text-align: center;
        font-size: 1.2em;
        line-height: normal;
        margin: 5px 0px 10px 3%;
    }
    .ssj {
        width: 94%;
        float: left;
        text-align: center;
        color: #999999;
        font-size: 1em;
        padding-bottom: 15px;
        border-bottom: solid 1px #dddddd;
        margin: 0px 3%;
    }
    .snr {
        width: 94%;
        float: left;
        font-size: 1.1em;
        line-height: 155%;
        margin: 20px 0px 30px 3%;
    }
    .s_gd {
        width: 94%;
        float: left;
        border-top: solid 1px #dddddd;
        font-size: 1.1em;
        line-height: 155%;
        margin: 0px 3% 20px 3%;
        padding-top: 15px;
    }
    .ny_news {
        width: 100%;
        background: #f9f9f9;
        height: 65px;
        position: relative;
    }
    .ny_news a.logo {
        position: absolute;
        background: url(../images/logo1.png) no-repeat;
        background-size: 100% 100%;
        width: 108px;
        height: 35px;
        left: 3%;
        top: 15px;
        z-index: 11;
    }
    .ny_news .menu2 a {
        background: url(../images/d2_1_03_lan.png) no-repeat;
        background-size: 100% 100%;
    }
    .ny_news .menu2 a.on {
        background: url(../images/d2_2_03_lan.png) no-repeat;
        background-size: 100% 100%;
    }
    .ny_news #navk {
        background: #f9f9f9;
    }
    .ny_news .menu li {
        border-bottom: solid 1px #dddddd;
    }
    .ny_news .menu a {
        color: #333333;
    }
    .ny_news .menu a:hover {
        color: #00418e;
        background: none;
    }
}

@media only screen and (min-width:1200px) {
    .ps1 {
        float: left;
        width: 100%;
        margin-bottom: 70px;
    }
    .ps1 .imgk {
        float: left;
        width: 45%;
    }
    .ps1 .txtk {
        float: right;
        width: 48%;
        font-size: 14px;
        line-height: 26px;
    }
    .sbt {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 30px;
        line-height: normal;
        margin: 20px 0px 20px 0px;
    }
    .ssj {
        width: 100%;
        float: left;
        text-align: center;
        color: #999999;
        font-size: 14px;
        border-bottom: solid 1px #dddddd;
        padding-bottom: 20px;
    }
    .snr {
        width: 100%;
        float: left;
        font-size: 14px;
        line-height: 28px;
        margin: 35px 0px 80px 0px;
    }
    .s_gd {
        width: 100%;
        float: left;
        border-top: solid 1px #dddddd;
        font-size: 14px;
        line-height: 28px;
        padding: 30px 0px 80px 0px;
    }
    .ny_news {
        width: 100%;
        background: #f9f9f9;
        height: 120px;
        position: relative;
    }
    .ny_news .top1 {}
    .ny_news a.logo {
        background: url(../images/logo1.png) no-repeat;
        background-size: 100% 100%;
        width: 194px;
        height: 63px;
        top: 28px;
    }
    .ny_news .menu a {
        color: #333333;
    }
}

.ny_news a.cd_en {
    background: #e0e0e0;
}