@charset "utf-8";
/* CSS Document */
/*公共样式与首页样式*/
A {
    text-decoration: none;}
.table-scrollable{
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;

    margin: 10px 0 !important;}
A:link {
    color: #505050;
    outline: none;}

A:visited {
    color: #333333;}

A:active {
    color: #333333
;}

A:hover {
    color: #cc0000
;}

BODY {
    margin: 0px;
    padding: 0;
    font-family: Verdana, Arial, "微软雅黑";
    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;}

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, i, p ,h1, h2, h3, h4, h5, h6,span,:before,:after{
    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, label {
    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: 12px;
        line-height:1.5;}

    #my-video2 {
        width: 90%;
        margin: 0 auto;
        margin-bottom: 10px;}

}

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

    body {
        font-size: 14px;
        line-height: 24px;}

}
@media only screen and (max-width: 1200px) {
    #nav_top{
        width: 100%;}
    .top{
        width:100%;
        background-image: url(../images/top_bj.jpg);
        background-size: cover;
        background-position: center top;
        background-repeat: no-repeat;
        position: fixed;
        z-index: 20;
        left: 0px;
        top: 0px;
        height: 55px;}
    .top .main {
        height: 55px;
        position: relative;
        /* background: #fff; */
        background-image: url(../images/top_bj.jpg);
        background-size: cover;
        background-position: center top;
        background-repeat: no-repeat;
        /* position: fixed; */
        /* z-index: 20; */
        /* left: 0px; */
        /* top: 0px; */
        /* height: 55px; */
        }

    .top_jg {
        height: 55px;
        width: 100%;}

    a.logo {
        background: url(../images/logo.png) no-repeat;
        background-size: auto 95%;
        width:270px;
        height: 30px;
        position: absolute;
        left: 10px;
        top: 15px;}

    .menu {
        margin: 0px 0px 0px 0%;
        float: left;
        width: 100%;}

    .menu li {
        float: left;
        width: 100%;
        border-top: solid 1px rgba(255,255,255,.2);
        }

    .menu a.dbt {
        font-size: 16px;
        font-weight: bold;
        }

    .menu a {
        display: block;
        width: 100%;
        padding: 8px 0px;
        text-align: left;
        padding-left: 3%;
        color: #fff;}

    .menu a {
        font-size: 13px;}

    .menu dl {
        width: 100%;
        float: left;
        padding-bottom: 8px;}

    .menu dl dd {
        width: 50%;
        float: left;}

    .menu dl dd a {
        padding: 5px 0px;
        padding-left: 6%;}

    .menu2 {
        width: 30px;
        height: 30px;
        display: block;
        position: absolute;
        right: 10px;
        top: 12.5px;
        z-index: 31;
        background: #005ca1;
        }

    .menu2 a {
        outline: none;
        display: block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M2.5 11.5A.5.5 0 013 11h10a.5.5 0 010 1H3a.5.5 0 01-.5-.5zm0-4A.5.5 0 013 7h10a.5.5 0 010 1H3a.5.5 0 01-.5-.5zm0-4A.5.5 0 013 3h10a.5.5 0 010 1H3a.5.5 0 01-.5-.5z' clip-rule='evenodd' fill='%23ffffff'/></svg>");
        background-repeat: no-repeat;
        background-size: 100% 100%;}

    .menu2 a.on {
        background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M11.854 4.146a.5.5 0 010 .708l-7 7a.5.5 0 01-.708-.708l7-7a.5.5 0 01.708 0z' clip-rule='evenodd' fill='%23ffffff'/><path fill-rule='evenodd' d='M4.146 4.146a.5.5 0 000 .708l7 7a.5.5 0 00.708-.708l-7-7a.5.5 0 00-.708 0z' clip-rule='evenodd' fill='%23ffffff'/></svg>");
        background-repeat: no-repeat;
        background-size: 100% 100%;}

    #navk {
        width: 100%;
        box-shadow: 2px 6px 5px rgba(0, 0, 0, .5);
        display: none;
        background: #005ca1;
        position: fixed;
        left: 100%;
        top: 0px;
        height: 100%;
        overflow-y: auto;
        }


    .ss {
        float:left;
        height: 35px;
        width: 100%;
        display: block;
        position:relative;}

    .ss .txtk {
        position: absolute;
        overflow: hidden;
        height: 35px;
        right: 0px;
        top: 0px;
        width:100%;}

    .ss .form-control {
        width: 100%;
        height: 35px;
        border: 0;
        padding: 0 0 0 12px;
        background: rgba(0, 0, 0, .3);
        color: #ffffff;
        box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
        font-size: 15px;}

    .ss .an_ss {
        position: absolute;
        width: 40px;
        height: 35px;
        border: 0;
        right: 0px;
        top: 0px;
        background: url(../images/t_ss.jpg) center center no-repeat;
        background-size: auto 50%;}
    .top_r{
        width:100%;
        float:left;
        margin-top: 55px;}
    .top_yy{
        width:100%;
        float:left;
        text-align: center;
        color:#fff;
        line-height: 30px;
        margin: 10px 0;}
    .top_yy a{
        color:#fff;
        margin: 0 15px;}

}

@media only screen and (min-width: 1200px) {
    #navk {
        height:60px;
        width:100%;
        background-color: #005ca1;
        z-index: 30;
        }
    #navk a.logo{
        display: none;}


    #navk .main{
        height:60px;
        position:relative;}

    .menu2 {
        display: none;}

    .top {
        width: 100%;
        background-image: url(../images/top_bj.jpg);
        /* background-size: cover; */
        background-position: center top;
        background-repeat: no-repeat;
        }

    .top_main {
        position: relative;
        height: 150px;}

    .top_jg {
        display: none;}

    a.logo {
        background: url(../images/logo.png) left center no-repeat;
        background-size: auto auto;
        width:396px;
        height:100%;
        position: absolute;
        left: 0px;
        top: 0px;}


    .menu {
        position: relative;
        height: 60px;
        width:100%;}

    .menu li {
        height: 60px;
        float: left;
        width: 14.2%;
        position: relative;
        }

    .menu a.dbt {
        font-size: 17px;
        width: 100%;
        display: block;
        height:60px;
        line-height: 60px;
        text-align: center;
        color: #fff;}

    .menu a.dbt:hover, .menu li.on a.dbt, .menu li:hover a.dbt {
        background-color: #002f70;
        }

    .menu dl {
        width:100%;
        font-size: 14px;
        display: none;
        text-align: center;
        background: #005ca1;
        position: absolute;
        left: 0%;
        top:60px;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        opacity: 0;
        display: none;
        z-index: 30;
        box-shadow:0 6px 8px rgba(0,0,0,.2);}



    .menu li:last-child dl{}
    /* end */

    .menu li:hover dl {
        display: block;}

    .menu dd {
        width: 100%;
        float: left;}

    .menu dd a {
        display: block;
        width: 100%;
        padding:10px 5px;
        /*padding: 5px 0px 5px 10px;*/
        line-height: 24px;
        font-size: 15px;
        color:#fff;}


    .menu dd a:hover {
        background:rgba(0,0,0,.2);}

    .top_r{
        position:absolute;
        height: 35px;
        line-height: 35px;
        display: block;
        top: -90px;
        right:-15px;}
    /*.ss {*/
        /*position:relative;*/
        /*float:left;*/
        /*height: 35px;*/
        /*width: 35px;*/
        /*background: url("../images/t_ss.png") center center no-repeat;*/
    /*}*/

    /*.ss .txtk {*/
        /*position: absolute;*/
        /*overflow: hidden;*/
        /*height: 35px;*/
        /*right: 0px;*/
        /*top: 0px;*/
        /*width:0%;*/
        /*-webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;*/
        /*transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;*/
    /*}*/
    /*.ss:hover .txtk{*/
        /*width:240px;*/

    /*}*/
    /*.ss .form-control {*/
        /*width: 100%;*/
        /*height: 35px;*/
        /*border: 0;*/
        /*padding: 0 0 0 12px;*/
        /*background: rgba(0, 0, 0, .3);*/
        /*color: #ffffff;*/
        /*box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);*/
        /*font-size: 15px;*/
    /*}*/

    /*.ss .an_ss {*/
        /*position: absolute;*/
        /*width: 35px;*/
        /*height: 35px;*/
        /*border: 0;*/
        /*right: 0px;*/
        /*top: 0px;*/
        /*background: url(../images/t_ss.png) center center no-repeat;*/
    /*}*/
    .top_yy{
        float:left;
        color:#fff;}
    .top_yy a{
        color: #005ca1;
        }
    a.cd_dl{
        display: inline-block;
        height:40px;
        line-height: 38px;
        border: solid 1px #005ca1;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        border-radius:5px;
        padding:0 20px;
        float:left;
        margin-right: 30px;
        }
    a.cd_dl:hover{
        background-color: #fff;
        color:#005ca1;}
    .top_time{
        height:42px;
        line-height: 40px;
        float:left;
        font-family: Arial;
        border-bottom: #005ca1 1px solid;
        color: #005ca1;
        display: none;
        }
    .top_time .s1{
        width:30px;
        text-align: center;
        font-size: 12px;
        height:40px;
        line-height: 14px;
        float:left;
        margin-right:2px;}
    .top_time .s1:before{
        content: '';
        display: block;
        background: url(../images/t_time.jpg) center top no-repeat;
        height:24px;
        margin-bottom: 2px;}
    .top_time .s2{
        float:left;
        font-size: 46px;
        margin-right:5px;}
    .top_time .s3{
        float:left;
        font-size:18px;
        line-height: 30px;
        padding-top:10px;}
}


/*.ss .form-control::-moz-placeholder {*/
    /*color:#fff;*/
    /*opacity:1*/
/*}*/
/*.ss .form-control:-ms-input-placeholder {*/
    /*color:#fff*/
/*}*/
/*.ss .form-control::-webkit-input-placeholder {*/
    /*color:#fff*/
/*}*/
@media only screen and (max-width: 1200px) {
    .foot {
        width: 100%;
        background: #1b2434;
        color: #fff;
        padding:15px;
        text-align: center;}
    .foot .f1{
        width:100%;
        float:left;
        margin-bottom: 15px;}
    .cd_f{
        font-size:13px;
        width:100%;
        margin-bottom: 10px;}
    .cd_f a{
        padding:0 5px;}
    .foot .fx{
        float:left;
        width:100%;}
    .fx a{
        display: inline-block;
        width:35px;
        height:35px;
        margin: 0 2px;
        background-color: #fff;
        margin-left:12px;
        -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
        background-position: center center;
        background-repeat: no-repeat;}
    .ewm{
        width:100%;
        float:left;
        text-align: center;
        margin-bottom: 15px;}
    .ewm img{
        width:120px;}
}
.foot {
    width: 100%;
    background: #005ca1;
    color: #fff;
    }
@media only screen and (min-width: 1200px) {
    .foot {
        font-size: 14px;
        line-height: 30px;
        padding:40px 0px;}
    .foot .f1{
        width:500px;
        float:left;
        border-left: solid 1px rgba(255,255,255,.5);
        min-height: 75px;
        padding-left:50px;
        margin-top:2px;}
    .cd_f{
        width:100%;
        margin: 0 0 0 -10px;}
    .cd_f a{
        padding:0 10px;}
    .foot .fx{
        float:left;
        margin-top:23px;}
    .fx a{
        float:left;
        width:35px;
        height:35px;
        background-color: #fff;
        margin-left:12px;
        -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
        background-position: center center;
        background-repeat: no-repeat;}
    .fx a:hover{
        margin-top: -3px;}
    .foot .f2{
        float:right;
        margin-top:5px;}
    .ewm{
        width:83px;
        float:left;
        margin-right: 30px;}
    .ewm img{
        width:100%;}
    .d_logo{
        width:93px;
        background: url(../images/logo_foot.png) left no-repeat;
        height:94px;
        float:left;
        margin-right: 50px;}

}
/*.fx a.cd_tw{*/
/*background-image: url("../images/fx_tw.png");*/
/*}*/
.fx a.cd_qq{
    background-image: url(../images/fx3.jpg);}
.fx a.cd_wx{
    background-image: url(../images/fx1.jpg);}

.fx a.cd_wb{
    background-image: url(../images/fx2.jpg);}

.foot a {
    color: #ffffff;}

.foot a:hover {
    text-decoration: underline;}

.ban {
    width: 100%;}

.ban img {
    width: 100%;
    display: block;}

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

}

@media only screen and (min-width: 1200px) {

    .img_d {
        overflow: hidden;}

    .img_d:hover img {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);}
}

@media only screen and (max-width: 1200px) {
    .lm1k {
        width: 100%;}

    .lm1 {
        width: 100%;
        float: left;
        display: none;
        border-bottom: solid 1px #dddddd;}

    .lm1 li {
        float: left;
        width: 100%;
        border-top: solid 1px #dddddd;}

    .lm1 li a {
        display: block;
        width: 100%;
        font-size: 13px;
        padding: 8px 3%;
        background: #fff;}

    .lm1 li a:hover {
        background: #005ca1;
        color: #ffffff;}

    .lm1_bt {
        width: 100%;
        box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
        float: left;
        text-align: center;
        height: 40px;
        line-height: 40px;
        background: #fff;
        font-size: 14px;}

    .lm1_bt a {
        width: 100%;
        height: 40px;
        display: block;
        position:relative;
        color: #005ca1;
        }
    .lm1_bt a:before{
        content: '';
        position:absolute;
        width:40px;
        height:40px;
        right:5px;
        top:0px;
        background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z' clip-rule='evenodd' fill='%23b2141a'/></svg>");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 22px;}
    .lm1_bt a.on:before {
        transform: rotate(180deg);}

}

@media only screen and (min-width: 1200px) {
    .lm1_bt {
        display: none;}

    .lm1k {
        width: 100%;
        box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
        background-color: #ffffff;
        position: relative;}

    .lm1 {
        width: 1200px;
        position: relative;
        line-height: 60px;
        margin: 0px auto;}
    .lm1_gd{
        padding-right:20px;
        height:60px;
        overflow: hidden;}
    /*.lm1_gd .s_zk{*/
        /*position:absolute;*/
        /*right:0px;*/
        /*height:60px;*/
        /*background: url("../images/jt_r.png") center no-repeat;*/
        /*background-size:auto 35% ;*/
        /*width:20px;*/
        /*top: 0px;*/
        /*cursor: pointer;*/

        /*-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;*/
    /*}*/
    /*.lm1_gd .s_zk.on{*/
        /*transform: rotate(90deg);*/
    /*}*/

    /*@keyframes fun {*/
        /*0% {*/
            /*transform: translateX(0);*/
        /*}*/
        /*25% {*/
            /*transform: translateX(15%);*/
        /*}*/
        /*50% {*/
            /*transform: translateX(25%);*/
        /*}*/
        /*75% {*/
            /*transform: translateX(10%);*/
        /*}*/
        /*100% {*/
            /*transform: translateX(0);*/
        /*}*/
    /*}*/
    /*.lm1_gd .s_zk.off {*/
        /*animation: fun 1s infinite linear;*/
    /*}*/


    .lm1 li {
        float: left;
        height: 60px;
        margin-right: 70px;}

    .lm1 li a {
        display: block;
        height: 60px;
        font-size: 16px;
        position:relative;}

    .lm1 li a.on,.lm1 li a:hover {
        color: #005ca1;}
    .lm1 li a.on:after{
        content: '';
        width:100%;
        background-color: #005ca1;
        height:4px;
        left:0px;
        bottom:0px;
        position:absolute;}
    .lm1_gd{
        padding-right:20px;
        height:60px;
        overflow: hidden;}
    .lm1_gd .s_zk{
        position:absolute;
        right:0px;
        height:60px;
        background: url(../images/lm_jt.jpg) center no-repeat;
        background-size:auto 35% ;
        width:20px;
        top: 0px;
        cursor: pointer;

        -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;}
    .lm1_gd .s_zk.on{
        transform: rotate(90deg);}

    @keyframes fun {
        0% {
            transform: translateX(0);}
        25% {
            transform: translateX(15%);}
        50% {
            transform: translateX(25%);}
        75% {
            transform: translateX(10%);}
        100% {
            transform: translateX(0);}
    }
    .lm1_gd .s_zk.off {
        animation: fun 1s infinite linear;}
}

.ny_ban{
    width: 100%;
    height: 350px;
    position:relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    }
.ny_ban .dqwz{
    width:1200px;
    position:absolute;
    left:50%;
    margin-left: -600px;
    color:#fff;
    line-height: 30px;
    bottom:15px;
    font-size: 16px;}
.ny_ban .dqwz a{
    color:#fff;}
.ny_ban .dqwz a:hover{
    text-decoration: underline;}
a.cd_home{
    display: inline-block;
    background-image: url(../images/t_home.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center center;
    width:26px;
    height:22px;
    vertical-align: middle;
    position:relative;
    top:-3px;}
@media only screen and (max-width: 1200px) {
    .ny_ban{
        height:140px;}
    .ny_ban .dqwz{
        width:100%;
        left:0%;
        margin-left:0px;
        font-size: 13px;
        padding:0 15px;
        bottom:10px;}
    a.cd_home{
        width:20px;
        height:18px;}
    .ny {
        width: 100%;
        padding:15px;
        background-color: #f4f4f4;}



    .ab_nr {
        /*text-align: justify;*/
        width: 100%;
        float: left;
        color:#666;
        font-size: 13px;
        line-height: 155%;}


    .md30{
        margin-bottom: 15px;}
    .md40{
        margin-bottom: 20px;}
    .md50{
        margin-bottom: 20px;}
    .ny_bt {
        width: 100%;
        float: left;
        line-height:24px;
        height:24PX;}
    .ny_bt .bt{
        height:24px;
        line-height: 24px;
        padding-left:13px;
        font-size:16px;
        position:relative;}
    .ny_bt .bt:before{
        content: '';
        background-color: #005ca1;
        width:4px;
        height:18px;
        position:absolute;
        left:0px;
        top:50%;
        margin-top: -9px;
        }
    .ny_k {
        width: 100%;
        background-color: #fff;
        padding: 15px;
        float: left;}
    .sbt {
        width: 100%;
        font-size: 16px;
        line-height: 155%;
        text-align: center;
        padding-bottom: 15px;
        border-bottom: solid 1px #ddd;}

    .ssj {
        width: 100%;
        float: left;
        text-align: center;
        padding: 15px 0px 20px 0px;
        color: #666;}

    .sgd {
        width: 100%;
        float: left;
        border-top: solid 1px #ddd;
        padding-top: 15px;
        font-size: 13px;
        line-height: 22px;
        color:#666;
        margin-top: 10px;}
    .sgd .ab_fx{
        display: block;
        width:100%;}
    .sgd .ab_fx img{
        margin-left: 10px;}
    .sgd a.cd_fh{
        background-color: #f5f5f5;
        padding:0 20px;
        width:100%;
        text-align: center;
        line-height: 35px;
        display:block;
        margin: 15px 0;}

}

@media only screen and (min-width: 1200px) {
    .ny {
        width: 100%;
        padding: 30px 0;
        background-color: #f4f4f4;
        min-height: 500px;}
    .ny_k {
        width: 100%;
        background-color: #fff;
        padding: 40px 50px 50px 50px;
        float: left;}

    .ab_nr {
        width: 100%;
        float: left;
        font-size: 16px;
        line-height: 30px;
        color:#666;}

    .md30{
        margin-bottom: 30px;}
    .md40{
        margin-bottom: 40px;}
    .md50{
        margin-bottom: 50px;}
    .ny_bt {
        width: 100%;
        float: left;
        line-height: 30px;
        height:30PX;}
    .ny_bt .bt{
        height:30px;
        line-height: 30px;
        padding-left:20px;
        font-size:28px;
        position:relative;}
    .ny_bt .bt:before{
        content: '';
        background-color: #005ca1;
        width:5px;
        height:26px;
        position:absolute;
        left:0px;
        top:50%;
        margin-top: -13px;
        }
    .sbt {
        width: 100%;
        font-size: 24px;
        line-height: 40px;
        text-align: center;
        padding-bottom:20px;
        border-bottom: solid 1px #ddd;
        float:left;}

    .ssj {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 16px;
        padding: 20px 0px 35px 0px;
        color: #999999;}
    .sgd {
        width: 100%;
        float: left;
        border-top: solid 1px #ddd;
        padding-top:25px;
        font-size: 16px;
        line-height:35px;
        color:#666;
        position:relative;
        min-height:100px;}
    .sgd .ab_fx{
        position:absolute;
        right:0px;
        top:75px;
        width:auto;}
    .sgd .ab_fx img{
        margin-left: 10px;}
    .sgd a.cd_fh{
        background-color: #f5f5f5;
        padding:0 30px;
        line-height: 38px;
        position:absolute;
        right:0px;
        top:20px;}
}
.sgd a.cd_fh:hover{
    background-color: #005ca1;
    color:#fff;}
.em2{
    padding:0 1em;}
.em1{
    padding:0 0.5em;}
@media only screen and (max-width: 1200px) {
    .fy1 {
        width: 102%;
        float: left;
        margin-left: -1%;}

    .fy1 a {
        float: left;
        display: none;
        border: solid 1px #dddddd;
        padding: 0px 10px;
        margin-left: 3px;}

    .fy1 a.cd_sx {
        display: block;
        width: 48%;
        margin: 0px 1%;
        text-align: center;
        padding: 8px 0px;}
}
.fy1 a{
    background-color: #fff;}
@media only screen and (min-width: 1200px) {
    .fy1 {
        width: 100%;
        float: left;
        line-height: 38px;
        text-align: center;}

    .fy1 a {
        display: inline-block;
        border: solid 1px #dddddd;
        padding: 0px 15px;
        margin: 0px 1px;}

}

.fy1 a:hover,
.fy1 a.on {
    background: #cc0000;
    color: #ffffff;
    border: solid 1px #cc0000;}
@media only screen and (max-width: 1200px) {
    .swiper-container.sy_xw4 {
        width: 100%;
        float: left;}

    .sy_xw4 .swiper-slide {
        text-align: left;
        width: 100%;
        position: relative;}


    .sy_xw4 .swiper-slide a {
        width: 100%;
        display: block;
        overflow: hidden;}

    .sy_xw4 .swiper-slide .imgk {
        width: 100%;
        display: block;
        overflow: hidden;}

    .sy_xw4 .swiper-slide img {
        width: 100%;
        display: block;}

    .sy_xw4 .bt {
        width: 100%;
        line-height: 40px;
        padding-left:10px;
        padding-right:55px;
        font-size: 13px;
        background-color: rgba(0, 0, 0, .4);
        overflow: hidden;
        position: absolute;
        left: 0px;
        bottom: 0px;
        color:#fff;
        text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;  white-space: nowrap;}
    .sy_xw4 .swiper-pagination-bullet {
        background-color: #fff;
        width:6px;
        height:6px;
        opacity: 1;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;}

    .sy_xw4 .swiper-pagination-bullet-active {
        background-color: #cb3737;}

    .sy_xw4.swiper-container-horizontal > .swiper-pagination-bullets, .sy_xw4 .swiper-pagination-custom, .sy_xw4 .swiper-pagination-fraction {
        bottom: 10px;
        width: auto;
        position: absolute;
        right: 5px;
        text-align: right;
        left: auto;}

    .sy_xw4.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 2px;}

}
@media only screen and (min-width: 1200px) {
    .swiper-container.sy_xw4 {
        width: 100%;
        float: left;}

    .sy_xw4 .swiper-slide {
        text-align: left;
        width: 100%;
        position: relative;}


    .sy_xw4 .swiper-slide a {
        width: 100%;
        display: block;
        overflow: hidden;
        position: relative;}

    .sy_xw4 .swiper-slide .imgk {
        width: 100%;
        display: block;
        overflow: hidden;
        height:330px;}

    .sy_xw4 .swiper-slide img {
        width: 100%;
        display: block;
        min-height:330px;}

    .sy_xw4 .bt {
        width: 100%;
        height:70px;
        line-height:65px;
        padding-left:20px;
        background-color: rgba(0, 0, 0, .4);
        overflow: hidden;
        position: absolute;
        left: 0px;
        bottom: 0px;
        color:#fff;
        text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;  white-space: nowrap;}

    .sy_xw4 .swiper-pagination-bullet {
        background-color: #fff;
        width: 9px;
        height: 9px;
        opacity: 1;
        /*border: solid 1px #da4747;*/
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;}

    .sy_xw4 .swiper-pagination-bullet-active {
        background-color: #b6001f;}

    .sy_xw4.swiper-container-horizontal > .swiper-pagination-bullets, .sy_xw4 .swiper-pagination-custom, .sy_xw4 .swiper-pagination-fraction {
        bottom:10px;
        width: auto;
        position: absolute;
        right: 10px;
        text-align: right;
        left: auto;}

    .sy_xw4.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 3px;}


}
.sy1{
    width:100%;
    padding:30px 0;}
.sy1 .d1{
    width:663px;}
.sy1 .d2{
    width:500px;}
.mh{
    width:100%;
    float:left;}
.md5{
    margin-bottom:5px;}
.md10{
    margin-bottom: 10px;}
.left{
    float:left;}
.right{
    float:right;}
.sy_bt1{
    height:37px;
    position:relative;
    border-bottom: solid 1px #005ca1;
    }
.sy_bt1 .bt{
    height:28px;
    line-height: 26px;
    font-size: 20px;}
.sy_bt1 p{
    height:22px;
    line-height: 22px;
    background-color: #fff;
    padding-right:15px;
    position:absolute;
    left:0px;
    bottom:-11px;
    color:#666666;
    text-transform: uppercase;
    font-family:'Big Caslon';}
.sy_bt1 a.cd_more1{
    margin-top:8px;}
a.cd_more1{
    display: inline-block;
    color: #005ca1;
    }
a.cd_more1:after{
    content: '';
    background-image: url(../images/t_more.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
    width:24px;
    height:12px;
    vertical-align: middle;
    display: inline-block;
    position:relative;
    top:-1px;
    margin-left:8px;
    }
.n1 li{
    width:100%;
    height:36px;
    line-height:36px;
    float:left;
    border-bottom: solid 1px #e1e1e1;}
.n1 a{
    display: block;
    width:100%;
    position:relative;
    padding:0 115px 0 0;}
.n1 .bt{
    display: block;
    width:100%;
    line-height: 60px;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    overflow:hidden;
    white-space: nowrap;
    position:relative;
    padding-left:16px;
    }
.n1 .bt:before{
    content: '';
    border-top:6px solid rgba(0,0,0,0);
    border-right:6px solid  rgba(0,0,0,0);
    border-left: 6px solid #005ca1;
    border-bottom:6px solid  rgba(0,0,0,0);
    position:absolute;
    left:0px;
    top:50%;
    margin-top: -6px;
    }
.n1 .sj{
    position:absolute;
    right:0px;
    top:0px;
    color:#666666;
    font-family: Arial;}
.n1 a:hover .sj{
    color:#b6001f;}
.n1.ny_n1{
    background-color: #fff;}
.n1.ny_n1 li{
    height: 60px;
    }
.n1.ny_n1 li:last-child{
    border: 0;}
.n1.ny_n1 a{
    padding-left:20px;}
.n1.ny_n1 .bt{
    -webkit-transition: all 0s linear;
    -moz-transition: all 0s linear;
    -o-transition: all 0s linear;
    -ms-transition: all 0s linear;
    transition: all 0s linear;}
.n1.ny_n1 .sj{
    right:20px;
    line-height: 60px;
    }
.n1.ny_n1 a:hover{
    background-color: #005ca1;
    color:#fff!important;}
.n1.ny_n1 a:hover .sj{
    color:#fff!important;}
.n1.ny_n1 a:hover .bt:before{
    border-left:6px solid #fff;}
@media only screen and (max-width: 1200px) {
    .n1.ny_n1 li{
        height:38px;}
    .n1.ny_n1 a{
        padding-left:10px;}
    .n1.ny_n1 .sj{
        right:10px;}
    .sy1{
        padding:15px;}
    .sy1 .d1{
        width:100%;
        margin-bottom: 15px;}
    .sy1 .d2{
        width:100%;}
    .sy_bt1{
        height:37px;}
    .sy_bt1 .bt{
        font-size:16px;}
    .sy_bt1 p{
        padding-right:10px;
        font-size: 11px;}
    .sy_bt1 a.cd_more1{
        margin-top:10px;}
    .n1 li{
        height:38px;
        line-height: 38px;}
    .n1 a{
        padding:0 75px 0 0;}
    .n1 .bt{
        line-height: 38px;
        padding-left:12px;
        font-size: 13px;}
    .n1 .bt:before{
        border-top:5px solid rgba(0,0,0,0);
        border-right:5px solid  rgba(0,0,0,0);
        border-left:5px solid #005ca1;
        border-bottom:5px solid  rgba(0,0,0,0);
        margin-top: -5px;}
}
.n1.ny_n1 li{
    border-bottom: dotted 1px #ddd;}
.sy2{
    width:100%;
    padding:30px 0;
    background: url(../images/sy_bj1.jpg);}
.sy2 .sy_bt1 .s1 p{
    background-color: #fff;
    }
.sy2 .d1{
    width:576px;}
.sy2 .d2{
    width:576px;}
.n2 li{
    width:100%;
    height: 40px;
    line-height: 40px;
    float:left;
    }
.n2 a{
    display: block;
    width:100%;
    position:relative;
    padding:0 115px 0 0;}
.n2 .bt{
    display: block;
    width:100%;
    line-height: 36px;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    overflow:hidden;
    white-space: nowrap;
    position:relative;
    padding-left:16px;}
.n2 .bt:before{
    content: '';
    background-color: #005ca1;
    width:7px;
    height:7px;
    position:absolute;
    left:0px;
    top:50%;
    margin-top: -3.5px;
    }
.n2 .sj{
    position:absolute;
    right:0px;
    top:0px;
    color:#666666;
    font-family: Arial;}
.n2 a:hover .sj{
    color:#b6001f;}
.md15{
    margin-bottom: 15px;}
@media only screen and (max-width: 1200px) {
    .sy2{
        padding:15px;}
    .sy2 .d1{
        width:100%;
        margin-bottom: 15px;}
    .sy2 .d2{
        width:100%;}
    .n2 li{
        height:30px;
        line-height:30px;}
    .n2 a{
        padding:0 75px 0 0;}
    .n2 .bt{
        line-height: 30px;
        padding-left:12px;
        font-size: 13px;}
    .n2 .bt:before{
        width:5px;
        height:5px;
        margin-top: -2.5px;}
}
.n3{
    width:101%;
    float:left;
    margin-left: -0.5%;}
.n3 li{
    width:24%;
    float:left;
    margin:0.5%;
    }
.n3 a{
    display: block;
    width:100%;
    /* background-image: url(../images/lj_bj.jpg); */
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height:55px;
    line-height: 53px;
    /* padding-left:80px; */
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    overflow:hidden;
    white-space: nowrap;
    font-size: 16px;
    border: #e6e6e6 1px solid;
    text-align: center;
    }
.n3 a:hover{
    /* background-image: url(../images/lj_bj_on.jpg); */
    }
.lx_nr{
    background-color: #fff;
    background-image: url(../images/lx_bj.jpg);
    background-size: cover;
    background-position: right bottom;
    background-repeat: no-repeat;
    padding:45px;
    min-height: 400px;
    font-size: 18px;
    line-height: 36px;}
.n1.n1_zj .bt{
    padding-left:0;}
.n1.n1_zj .bt:before{
    display: none;}
.n1.n1_zk .bt:before{
    background-color: #b6001f;
    width:6px;
    height:6px;
    margin-top: -3px;
    border: 0!important;}
.n1.n1_zk a:hover .bt:before{
    background-color: #fff;}
.sy_xz{
    background-image: url(../images/t_xz.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    width:23px;
    height:20px;
    position:absolute;
    right:20px;
    top:50%;
    margin-top: -10px;}
.n1 a:hover .sy_xz{
    background-image: url(../images/t_xz_on.jpg);}
.n1.n1_xz a{
    padding-right:80px;}
.jg_lb{
    width:100%;
    float:left;
    background-color: #fff;
    padding:30px;}
.jg_lb ul{
    width:100%;
    float:left;
    border-bottom: solid 1px #ddd;
    padding-bottom:20px;
    margin-bottom: 20px;}
.jg_lb ul:last-child{
    border-bottom:0;
    padding-bottom:0px;
    margin-bottom: 0px;}
.jg_lb li{
    width:50%;
    float:left;
    line-height: 45px;}
.jg_lb a{
    display: block;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    overflow:hidden;
    white-space: nowrap;
    font-size: 18px;
    background-image: url(../images/t_tb1.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left:30px;
    padding-right:20px;
    }
@media only screen and (max-width: 1200px) {
    .jg_lb ul{
        padding-bottom:10px;
        margin-bottom: 10px;}
    .jg_lb{
        padding:15px;}
    .jg_lb li{
        width:100%;
        line-height: 30px;}
    .jg_lb a{
        font-size: 14px;
        background-size:auto 12px;
        padding-left:22px;
        padding-right:0;}
    .sy_xz{
        background-size: auto 70%;
        right:10px;}
    .n1.n1_xz a{
        padding-right:50px;}
    .n1.n1_zk .bt:before{
        width:4px;
        height:4px;
        margin-top: -2px;
        border: 0!important;}
    .lx_nr{
        font-size: 14px;
        line-height: 155%;
        padding:20px;
        min-height:280px;}
    .n3 li{
        width: 48.3333%;
        }
    .n3 a{
        height:45px;
        line-height: 43px;
        /* padding-left:60px; */
        }
}
@media only screen and (max-width: 600px) {
    .n3 li{
        width: 49%;
        }
    .n3 a{
        /* padding-left:50px; */
        }
}
@media only screen and (max-width:450px) {
    .n3{
        width:100%;
        margin-left: 0;}
    .n3 li{
        width:100%;}
    .n3 a{
        text-align: center;
        /* padding-right:10px; */
        /* padding-left:10px; */
        }
}
.xz_k{
    background-color: #fff;
    padding:25px 20px;}
.xz_nav{
    margin-bottom: 15px;
    font-size: 0;}
.xz_nav a{
    display: inline-block;
    padding:0 11px;
    height:40px;
    line-height: 38px;
    border: solid 1px #ddd;
    font-size:18px;
    font-family:Arial;
    margin-right: 5px;
    margin-bottom: 5px;
    -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.xz_nav a.on,.xz_nav a:hover{
    background-color: #b6001f;
    border-color: #b6001f;
    color:#fff;}
.xz_nav a:last-child{
    margin-right: 0;}
.xz_lb{
    width:102%;
    float: left;
    margin-left: -1%;
    margin-bottom: 30px;}
.xz_lb li{
    width:48%;
    float:left;
    margin: 1%;
    border: solid 1px #ddd;
    padding:25px 25px 25px 185px;
    min-height:227px;
    position:relative;}
.xz_lb li .imgk{
    width:133px;
    height:177px;
    position:absolute;
    left:25px;
    top:25px;
    overflow: hidden;}
.xz_lb li:nth-child(2n+1){
    clear: both;}
.xz_lb li .imgk img{
    width:100%;}
.xz_lb .txtk{
    width:100%;}

.xz_lb li h4{
    margin-bottom: 8px;}
.xz_lb li p{
    font-size: 16px;
    color:#666666;}
.xz_lb .bt{
    display: block;
    width:100%;
    border-bottom: solid 1px #ddd;
    padding-bottom:15px;
    margin-bottom: 15px;
    font-size: 20px;}
.xz_lb .bt span{
    font-size: 16px;
    margin-left:16px;}
@media only screen and (min-width: 1200px) {
    .xz_nav{
        display: flex;
        flex-wrap: wrap;}
}
.md20{
    margin-bottom: 20px;}
@media only screen and (max-width: 1200px) {
    .md20{
        margin-bottom: 15px;}
    .xz_lb{
        margin-bottom: 5px;}
    .xz_k{
        padding:15px;}
    .xz_nav{
        margin-bottom: 10px;}
    .xz_nav a{
        padding:0 10px;
        min-width:33px;
        text-align: center;
        height:35px;
        line-height: 33px;
        font-size:14px;
        margin-right: 5px;
        margin-bottom: 5px;}

    .xz_lb{
        width:100%;
        margin-left: 0%;}
    .xz_lb li{
        width:100%;
        margin:0 0 15px 0;
        padding:15px 15px 15px 140px;
        min-height:180px;}
    .xz_lb li .imgk{
        width:110px;
        height:146px;
        left:15px;
        top:15px;}

    .xz_lb li h4{
        margin-bottom: 5px;
        font-size: 14px;}
    .xz_lb li p{
        font-size: 13px;}
    .xz_lb .bt{
        padding-bottom:12px;
        margin-bottom: 12px;
        font-size:16px;}
    .xz_lb .bt span{
        font-size: 13px;
        margin-left:12px;}

}
@media only screen and (max-width:370px) {
    .xz_lb li{
        padding:15px 15px 15px 15px;}
    .xz_lb li .imgk{
        width:100%;
        height:auto;
        left:auto;
        top:auto;
        position:inherit;
        margin-bottom: 15px;}
}
@media only screen and (min-width: 1200px) {

}

@media only screen and (min-width: 1120px) {
	
	.base_video{
		margin:50px;}
		
	
	
	
	
}