@charset "utf-8";
* {

    padding: 0px;

    margin: 0px;

}
body {

    font-size: 16px;

    color: #555;

    font-family: "Microsoft YaHei", Arial;

    overflow-x: hidden;

}
body,

ul,

ol,

dl,

dd,

h1,

h2,

h3,

h4,

h5,

h6,

p,

i,

b,

em,

span,

form,

fieldset,

legend,

input,

textarea,

select,

button,

th,

td {

    margin: 0;

    padding: 0;

    font-style: normal;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    list-style: none;

}



input,

select,

button,

textarea {

    font-size: 16px;

    border: 0;

    background: none;

    outline: none;

    vertical-align: middle;

    font-family: "Microsoft YaHei", Arial;

}



button {

    overflow: visible

}



img {

    border: none;

}



li {

    list-style: none;

}



a {

    color: #222;

    text-decoration: none;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}



a:hover {

    color: #d0111b;

    text-decoration: none !important;

}



.clear {

    overflow: hidden;

    clear: both;

    height: 0px;

}

/* 头上条 */



.head_st {

    padding: 9px 0;

    background: #eeeeee;

}



.head_st h5 {

    font-size: 12px;

    color: #000000;

}

/* qq咨询 */

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

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

        #icon_img_bg{

            display: none;

        }

    }

}

/* 导航栏 */

.header {

    width: 100%;

    top: 0;

    left: 0;

    position: relative;

    z-index: 91;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

    background-color: #fff;

}

.sy_daohangtou{

    padding: 15px 0;

}

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

    .sy_daohangtou {

        padding: 15px 0;

    }

}

.header .logo {

    max-width: 50%;

    float: left;

    position: relative;

    left: 1%;

}

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

    .header .logo {

        width: 67%;

        max-width: 100%;

        padding-bottom: 12px;

    }

}

.header .logo img {

    display: block;

}

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

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

        .header .logo img {

            height: 60px;

            margin: 0px 0;

        }

    }

}

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

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

        .header .logo img {

            height: 40px;

            margin: 0px 3px;

        }

    }

}

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

        .header .logo img {

            height: 40px;

            margin: 0px 3px;

        }

    }

.sy_dh{

    float: right;

    top: 26%;

}

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

        .sy_dh{

            display: none;

        } 

    }

.header .dh_wbq {

    font-size: 18px;

    line-height: 47px;

    border-left: #999 1px solid;

    float: left;

    margin-left: 10px;

    padding-left: 22px;

}



.dh_dna {

    font-size: 16px;

    line-height: 47px;

    float: left;

    margin-left: 10px;

    padding-left: 22px;

}



.dh_dh {

    float: right;

    width: 90%;

    text-align: right;

    position: relative;

    margin-top: -29%;

    left: 6%;

}



.dh_dh h6 {

    color: #f39800;

    font-size: 18px;

    font-weight: bold;

}



.dh_dh h5 {

    line-height: 20px;

    font-size: 16px;

    color: #f39800;

    font-weight: bold;

}

.s_c{

    opacity: 0;

}

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

    .s_c {

        margin-top: 20px;

        margin-left: 0;

        float: left;

        color: #fff;

        height: 32px;

        font-weight: bold;

        line-height: 32px;

        text-align: center;

        color: #fff;

        cursor: pointer;

        margin-left: 66px;

        transition: all .5s;

        -o-transition: all .5s;

        -ms-transition: all .5s;

        -moz-transition: all .5s;

        -webkit-transition: all .5s;

    }

}

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

    .s_c {

       opacity: 1;

    }

}

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

    .s_c {

       margin-left: 15px;

    }

}

.dh_img {

    float: left;

    width: 23%;

}



.dh_img img {

    width: 100%;

}



.top_butt {

    display: none;

}

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

    .top_butt {

        display: block;

        float: right;

        width: 30px;

        height: 30px;

        z-index: 99999;

        position: absolute;

        left: 91%;

        top: 32%;

    }

}

 

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

        .top_butt {

            display: block;

            float: right;

            margin-top: 16px;

            width: 20px;

            height: 27px;

            z-index: 99999;

        }

    }

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

        .top_butt {

            display: block;

            float: right;

            margin-top: 16px;

            width: 20px;

            height: 27px;

            z-index: 99999;

        }

    }

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

        .top_butt {

            display: block;

            float: right;

            width: 30px;

            height: 30px;

            z-index: 99999;

            position: absolute;

            top: 31%;

            left: 90%;

        }

    }

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

    .top_butt {

        display: block;

        float: right;

        width: 30px;

        height: 30px;

        z-index: 99999;

    }

} 

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

    .top_butt {

        display: block;

        float: right;

        width: 30px;

        height: 30px;

        z-index: 99999;

        position: absolute;

        top: 9%;

    }

} 

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

    .top_butt {

        display: block;

    float: right;

    width: 30px;

    height: 30px;

    z-index: 99999;

    }

} 

.top_butt .bar {

    width: 30px; height: 2px; display: block; background: #fff; margin: 6px 0;

    border-radius: 25px;

    -o-transition: all 0.4s;

    -moz-transition: all 0.4s;

    -ms-transition: all 0.4s;

    -webkit-transition: all 0.4s;

    transition: all 0.4s;

}

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

    .top_butt .bar {

        width: 30px;

        height: 3px;

    display: block;

    background: #666666;

    margin: 5px 11px;

        border-radius: 25px;

        -o-transition: all 0.4s;

        -moz-transition: all 0.4s;

        -ms-transition: all 0.4s;

        -webkit-transition: all 0.4s;

        transition: all 0.4s;

    }

}

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

    .top_butt .bar {

        width: 24px;

        height: 2px;

        display: block;

        margin: 5px 0;

        border-radius: 25px;

        -o-transition: all 0.4s;

        -moz-transition: all 0.4s;

        -ms-transition: all 0.4s;

        -webkit-transition: all 0.4s;

        transition: all 0.4s;

    }

}

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

    .cross .bar:nth-of-type(1) {

        -webkit-transform: translateY(13.5px) rotate(-40.5deg);

        -ms-transform: translateY(13.5px) rotate(-40.5deg);

        transform: translateY(8px) rotate(-40.5deg);

        -o-transition: all 0.4s;

        -moz-transition: all 0.4s;

        -ms-transition: all 0.4s;

        -webkit-transition: all 0.4s;

        transition: all 0.4s;

    }

    }

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

    .cross .bar:nth-of-type(2) {

        opacity: 0;

    }

}

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

    .cross .bar:nth-of-type(3) {

        -webkit-transform: translateY(-15px) rotate(45deg);

        -ms-transform: translateY(-15px) rotate(45deg);

        transform: translateY(-8px) rotate(45deg);

        -o-transition: all 0.4s;

        -moz-transition: all 0.4s;

        -ms-transition: all 0.4s;

        -webkit-transition: all 0.4s;

        transition: all 0.4s;

    }

}

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

    .cross .bar:nth-of-type(3) {

        -webkit-transform: translateY(-7px) rotate(45deg);

    -ms-transform: translateY(-7px) rotate(45deg);

    transform: translateY(-7px) rotate(45deg);

    -o-transition: all 0.4s;

    -moz-transition: all 0.4s;

    -ms-transition: all 0.4s;

    -webkit-transition: all 0.4s;

    transition: all 0.4s;

    }

}

.sy_daohang {

    width: 100%;

    height: 44px;

    background-color: rgb(0, 66, 142);

}



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

    .sy_daohang {

        background: rgba(0, 0, 0, 0);

        height: 100%;

        position: unset;

    }

}

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

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

        .sy_daohang {

            display: none;

        }

    }

} */

/* .head_nav {

    float: right;

} */

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

    .head_nav {

        width: 38%;

        height: 100%;

        position: fixed;

        top: 0;

        left: -100%;

        opacity: 0;

        margin-top: auto;

        background: rgba(8, 13, 18, 0.8);

        -o-transition: all 0.4s;

        -moz-transition: all 0.4s;

        -ms-transition: all 0.4s;

        -webkit-transition: all 0.4s;

        transition: all 0.4s;

        z-index: 99998;

    }

}

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

    .head_nav_on {

        left: 0;

        opacity: 1;

        -o-transition: all 0.4s;

        -moz-transition: all 0.4s;

        -ms-transition: all 0.4s;

        -webkit-transition: all 0.4s;

        transition: all 0.4s;

        z-index: 99999;

    }

}

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

    .head_nav {

        width: 73%;

    }

}





.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}



.nav a {

    color: #000;

}

/*

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

    .sy_daohang .head_nav>.container{

        max-width: 1350px;

    }

}

*/



.nav {

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

      /*  margin-left: -53px;

        margin-right: -117px;*/



}

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

    .nav {

        width: 100%;

        height: 35%;

    }

}

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

    .nav {

        width: 100%;

        height: 98%;

        display: contents;

    }

}



.nav .nLi {

    display: inline;

  /*  width: 9%;*/

   /* float: left;*/

    text-align: center;

    position: relative;

    transition: all 0.5s;

  /*  flex-direction: row;

    justify-content: center;*/

}

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

    .nav .nLi {

        padding: 0px 0px;

        width: 100%;

        height: auto;

        position: relative;

        background: no-repeat;

        margin: 0;

        border-bottom: solid 1px rgba(255, 255, 255, 0.2);

    }

}

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

    .nav .nLi {

        width: 100%;

        height: auto;

        background: no-repeat;

        margin: 0;

        border-bottom: solid 1px rgba(255, 255, 255, 0.2);

    }

}



.nav .nLi h3 {

    position: relative;

    line-height: 44px;

}

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

    .nav .nLi h3 {

        line-height: 44px;

    }

}

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

    .nav .nLi h3{

        line-height: 44px;

    }

}

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

    .nav .nLi h3{

        float: left;

        width: 100%;

        height: auto;

        padding-top: 10px;

        padding-bottom: 10px;

    }

}



.nav .nLi h3 a {

    display: block;

    color: #fff;

    font-size: 15px;

}

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

    .nav .nLi h3 a  {

        float: left;

        margin-left: 69px;

        line-height: 30px;

        color: #fff;

    }

}

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

    .nav .nLi h3 a  {

        float: left;

        margin-left: 20px;

        line-height: 32px;

        color: #fff;

        font-size: 15px;

    }

}



.nav .sub {

    display: none;

    width: 100%;

    left: -21px;

    top: 100%;

    position: absolute;

    background: #ffffff;

    line-height: 26px;

    padding: 5px 0;

}

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

    .nav .sub {

        display: none;

        width: 100%;

        left: -21px;

        top: 100%;

        position: absolute;

        background: transparent;

        line-height: 26px;

        padding: 5px 0;

    }

}

.nav .sub li {

    zoom: 1;

}



.nav .sub a {

    display: block;

    padding: 0 10px;

}

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

    .nav .sub a {

        display: none;

    }

}

.nav .sub a:hover {

    background: #6d6d6d;

    color: #fff;

}

.nav .on h3 a {

    color: #fff;

}



/* 内页大图 */



.ny_tu {

    width: 100%;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    overflow: hidden;

    padding-top: 167px;

    padding-bottom: 194px;

}

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

    .ny_tu {

        padding-top: 114px;

        padding-bottom: 109px;

    }

}

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

    .ny_tu {

        padding-top: 84px;

        padding-bottom: 82px;

    }

}









/* 内页导航条 */



.ny_dht {

    padding: 20px 0;

    background-color: #fff;

    box-shadow: 0 0 10px #e1e1e1;

    font-size: 12px;

    color: #000000;

}

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

    .ny_dht {

        padding: 10px 0;

    }

}



.ny_dht i {

    margin-right: 13px;

    font-size: 20px;

}



.ny_dht a {

    color: #000000;

}

/* 内页内容 */

.ny_nr {

    padding-top: 67px;

    padding-bottom: 75px;

}

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

    .ny_nr {

        padding-top: 16px;

        padding-bottom: 11px;

    }

}

.ny_bt {

    color: #002e73;

    font-size: 16px;

    padding-bottom: 24px;

    border-bottom: #eeeeee 1px solid;

    text-align: center;

    text-transform: uppercase;

}

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

    .ny_bt{

    color: #002e73;

    font-size: 17px;

    font-weight: bold;

    padding-bottom: 7px;

    border-bottom: #eeeeee 1px solid;

    text-align: center;

    }

}

.ny_nr p {

    padding-top: 37px;

    font-size: 14px;

    line-height: 33px;

    color: #000000;

    padding-bottom: 49px;

}

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

    .ny_nr p {

    padding-top: 4px;

    font-size: 12px;

    line-height: 3;

    color: #000000;

    padding-bottom: 14px;

    } 

}

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

    .ny_nr img{

    margin-bottom: 11px;

    width: 100%;

    }

}

/* 底 */

.footer {

    overflow: hidden;

    background-color: #313131;

    color: #c8c8c8;

    padding: 53px 0;

}

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

    .footer {

        padding: 15px 0;

        overflow: hidden;

    }

}



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

    .footer .dz {

        /* margin-top: -33px; */

    }

}

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

    .footer .dz {

        /* margin-left: -31px; */

        text-align: center;

    }

}

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

    .footer .dz {

        text-align: center;

    }

}



.footer .dz h6 {

    font-size: 17px;

    color: #fff;

    font-weight: bold;

}

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

    .footer .dz h6 {

        font-size: 22px;

    color: #fff;

    font-weight: bold;

    }

}

.footer p {

    margin: 10px 0;

}

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

    .footer p{

        text-align: center;

        font-size: 13px;

        margin-left: 0;

    }

}

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

    .footer .dz p {

        text-align:center;

    }

}

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

    .footer .dz p {

        text-align: center;

        font-size: 13px;

    }

}



.footer a {

    color: #c8c8c8;

}

.footer .to {

    margin: 0;

    font-size: 17px;

    color: #fff;

    font-weight: bold;

}

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

    .footer .to{

        font-size: 22px;

        color: #fff;

        font-weight: bold; 

        text-align: center;

    }

}

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

    .footer .to{

        text-align: center;

    }

}

.footer .wx {

    text-align: center;

}

.footer .wx img {

    width: 30%;

    margin-left: -204px;

    padding-top: 15px;

}



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

    .footer .wx img{

       width: 100%;

       margin-left: 0;

    }

}

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

    .footer .wx img{   

        margin: 0 auto;

    }

}

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

    .footer .wx img {

        margin: auto;

        width: 30%;

        margin-left: -12px;

    }

}

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

    .footer .wx img {

        /* margin: auto; */

        width: 30%;

    }

}

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

    .footer .wx img{

        margin-left: 14px;

    }

}

/* 版权 */

.footer_bq {

    background-color: #1b1b1b;

    text-align: center;

    font-size: 12px;

    color: #ffffff;

    padding: 15px 0;

}

/* 咨询 */

.footer_zx {

    width: 100%;

    background-color: #004986;

    position: fixed;

    bottom: 0;

    z-index: 99;

    left: 0;

}

.kong{

    height: 75px;

}

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

    .footer_zx{

        overflow: hidden;

    }

    .kong{

        height: 63px;

    }

}

.footer_zx  .anniu{

    padding: 14px 23px;

    font-size: 15px;

    color: #ffffff;

    background: #f39800;

    line-height: 5;

    border-radius: 12px;

    position: relative;

    left: 57%;

}

/*@media only screen and (max-width: 1024px){

    .footer_zx  .anniu{

    padding: 8px 21px;

    font-size: 15px;

    color: #ffffff;

    background: #f39800;

    line-height: 7;

    border-radius: 12px;

    position: relative;

    left: 21%;

    }

}*/

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

    .footer_zx  .anniu{

        padding: 8px 21px;

        font-size: 15px;

        color: #ffffff;

        background: #f39800;

        line-height: 7;

        border-radius: 12px;

        position: relative;

        left: -11%;

    }

}

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

    .footer_zx  .anniu{

    padding: 8px 20px;

    font-size: 15px;

    font-weight: bold;

    color: #ffffff;

    background: #f39800;

    line-height: 7;

    border-radius: 12px;

    position: relative;

    left: -7%;

    }

}

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

    .footer_zx  .anniu{

        padding: 11px 17px;

        font-size: 16px;

        font-weight: bold;

        color: #ffffff;

        background: #f39800;

        border-radius: 12px;

        position: relative;

        left: -13%;

    }

}

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

    .footer_zx  .anniu{

        padding: 11px 17px;

        font-size: 16px;

        font-weight: bold;

        color: #ffffff;

        background: #f39800;

        border-radius: 12px;

        position: relative;

        left: 40%;

    }

}

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

    .footer_zx  .anniu{

        padding: 8px 12px;

        font-size: 16px;

        color: #ffffff;

        background: #f39800;

        border-radius: 12px;

        position: relative;

        left: 40%;

    }

}

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

    .footer_zx  .anniu{

    padding: 6px 14px;

    font-size: 16px;

    color: #ffffff;

    background: #f39800;

    border-radius: 12px;

    position: relative;

    left: -2%;

    }

}

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

    .footer_zx  .anniu{

        padding: 7px 10px;

        font-size: 13px;

        color: #ffffff;

        background: #f39800;

        border-radius: 12px;

        position: relative;

        left: 38%;

    }

}



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

    .footer_zx .anniu{

        padding: 7px 10px;

        font-size: 14px;

        color: #ffffff;

        background: #f39800;

        border-radius: 12px;

        position: relative;

        left: 1%;

    }

}

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

    .footer_zx .anniu{

    padding: 7px 10px;

    font-size: 13px;

    color: #ffffff;

    background: #f39800;

    border-radius: 12px;

    position: relative;

    left: 2%;

    }

}

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

    .footer_zx  .anniu{

        padding: 8px 9px;

        font-size: 14px;

        color: #ffffff;

        background: #f39800;

        border-radius: 12px;

        position: relative;

        left: -2%;

    }

}

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

    .footer_zx  .anniu{

        padding: 8px 9px;

        font-size: 14px;

        color: #ffffff;

        background: #f39800;

        border-radius: 12px;

        position: relative;

        left: 37%;

    }

}

.footer_zx .zx_rx{

    position: relative;

    float: left;

    color: #fff;

    font-weight: bold;

    margin-top: 28px;

}

/*@media only screen and (max-width: 1024px){

    .footer_zx .zx_rx{

        position: relative;

        float: left;

        color: #fff;

        font-weight: bold;

        margin-top: 35px;

        font-size: 19px;

        margin-left: -78px;

    }

}*/

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

    .footer_zx .col-xl-3{

        display: flex;

        align-items: center;

    }

    .footer_zx .anniu{

        height: 33px;

        width: 112px;

        line-height: 1;

        left: 0;

        padding: 0;

        display: flex;

        align-items: center;

        justify-content: center;

        margin-top: 28px;

    }

}

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

    .footer_zx .zx_rx{

        position: relative;

        float: left;

        color: #fff;

        font-weight: bold;

        margin-top: -67px;

        font-size: 19px;

        margin-left: 61px;

    }

}

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

    .footer_zx .zx_rx{

        position: relative;

        float: left;

        color: #fff;

        font-weight: bold;

        margin-top: -67px;

        font-size: 19px;

        margin-left: 79px;

    }

}

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

    .footer_zx .zx_rx{

    position: relative;

    float: left;

    color: #fff;

    font-weight: bold;

    margin-top: -69px;

    font-size: 18px;

    margin-left: 37px;

    }

}

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

    .footer_zx .zx_rx{

        position: relative;

        float: left;

        color: #fff;

        font-weight: bold;

        margin-top: -18px;

        font-size: 18px;

        margin-left: -3px;

    }

}

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

    .footer_zx .zx_rx{

        position: relative;

        float: left;

        color: #fff;

        font-weight: bold;

        margin-top: -39px;

        font-size: 18px;

        margin-left: 2px;

    }

}

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

    .footer_zx .zx_rx {

    position: relative;

    float: left;

    color: #fff;

    font-weight: bold;

    margin-top: -67px;

    font-size: 16px;

    margin-left: 86px;

    }

}

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

    .footer_zx .zx_rx{

        position: relative;

        float: left;

        color: #fff;

        font-weight: bold;

        margin-top: -30px;

        font-size: 12px;

        margin-left: 30px;

    }

}



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

    .footer_zx .zx_rx{

        position: relative;

    float: left;

    color: #fff;

    font-weight: bold;

    margin-top: -69px;

    font-size: 15px;

    margin-left: 87px;

    }

}

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

    .footer_zx .zx_rx{

        position: relative;

        float: left;

        color: #fff;

        font-weight: bold;

        margin-top: -65px;

        font-size: 12px;

        margin-left: 86px;

    }

}

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

    .footer_zx .zx_rx{

        position: relative;

        float: left;

        color: #fff;

        font-weight: bold;

        margin-top: -61px;

        font-size: 14px;

        margin-left: 12px;

    }

}

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

    .footer_zx .zx_rx{

        position: relative;

        float: left;

        color: #fff;

        font-weight: bold;

        margin-top: -61px;

        font-size: 14px;

        margin-left: 75px;

    }

}



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

    .footer_zx .zx_rx{

        position: relative;

    float: left;

    color: #fff;

    font-weight: bold;

    margin-top: -24px;

    font-size: 14px;;

    margin-left: 15px;

    }

}

.footer_zx .zx_dh{

    float: left;

    margin-top: 28px;

    color: #f39800;

    margin-left: 4px;

    font-weight: bold;

}

/*@media only screen and (max-width: 1024px){

    .footer_zx .zx_dh{

        float: left;

        margin-top: -26px;

        color: #f39800;

        margin-left: 72px;

        font-weight: bold;

        font-size: 19px;

    }

    .footer_zx .ml{

        float: right;

        margin-right: 121px;

        margin-top: 36px;

    }

    .footer_zx .md{

        float: right;

        margin-right: -16px;

        margin-top: -26px;

    }

}*/

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

    .footer_zx .zx_dh{

        float: left;

        margin-top: -66px;

        color: #f39800;

        margin-left: 213px;

        font-weight: bold;

        font-size: 19px;

    }

    .footer_zx .ml{

        float: right;

        margin-right: 184px;

        margin-top: -66px;

    }

    .footer_zx .md{

        float: right;

        margin-right: 47px;

        margin-top: -64px;

    }

}

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

        .footer_zx .zx_dh{

            float: left;

            margin-top: -67px;

            color: #f39800;

            margin-left: 236px;

            font-weight: bold;

            font-size: 19px;

        }

        .footer_zx .ml{

            float: right;

            margin-right: 173px;

            margin-top: -67px;

            font-size: 19px;

        }

        .footer_zx .md{

            float: right;

            margin-right: 34px;

            margin-top: -66px;



            font-size: 19px;

        }

}

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

    .footer_zx .zx_dh{

        float: left;

        margin-top: -67px;

        color: #f39800;

        margin-left: 176px;

        font-weight: bold;

        font-size: 18px

    }

    .footer_zx .ml{

        float: right;

        margin-right: 93px;

        margin-top: -69px;

        font-size: 18px

    }

    .footer_zx .md{

        float: right;

        margin-right: -31px;

        font-size: 18px

    }

}

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

    .footer_zx .zx_dh{

        float: left;

        margin-top: -16px;

        color: #f39800;

        margin-left: 6px;

        font-weight: bold;

        font-size: 18px;

    }

    .footer_zx .ml{

        float: right;

        margin-right: 140px;

        margin-top: -27px;

        font-size: 18px;

    }

    .footer_zx .md{

        float: right;

        margin-right: 13px;

        margin-top: -25px;

        font-size: 18px;

    }

}

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

    .footer_zx .ml{

        float: right;

        margin-right: 127px;

        margin-top: -27px;

        font-size: 18px;

    }

    .footer_zx .md{

        float: right;

        margin-right: 2px;

        margin-top: -26px;

        font-size: 18px;

    }

}

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

    .footer_zx .zx_dh{

        float: left;

        margin-top: -38px;

        color: #f39800;

        margin-left: 142px;

        font-weight: bold;

        font-size: 18px;

    }

    .footer_zx .ml{

        float: right;

        margin-right: 136px;

        font-size: 18px;

        margin-top: -38px;

    }

    .footer_zx .md{

        float: right;

        margin-right: 6px;

        font-size: 18px;

        margin-top: -37px;

    }

}

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

    .footer_zx .zx_dh{

    float: left;

    margin-top: -67px;

    color: #f39800;

    margin-left: 212px;

    font-weight: bold;

    font-size: 16px;

    }

    .footer_zx .ml{

        float: right;

    margin-right: 102px;

    font-size: 16px;

    margin-top: -67px;

    }

    .footer_zx .md{

        float: right;

    margin-right: -7px;

    font-size: 16px;

    margin-top: -67px;

    }

}

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

    .footer_zx .zx_dh{

        float: left;

        margin-top: -50px;

        color: #f39800;

        margin-left: 123px;

        font-weight: bold;

        line-height: 5;

        font-size: 12px;

    }

    .footer_zx .ml{

        float: right;

        margin-top: -40px;

        margin-right: 98px;

        font-size: 12px;

    }

    .footer_zx .md{

        float: right;

        margin-top: -60px;

        margin-right: 7px;

        font-size: 12px;

    }

}

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

    .footer_zx .zx_dh{

        float: left;

    margin-top: -94px;

    color: #f39800;

    margin-left: 203px;

    font-weight: bold;

    line-height: 5;

    font-size: 15px;

    }

    .footer_zx .ml{

        float: right;

        margin-top: -45px;

        margin-right: 136px;

        font-size: 15px;

    }

    .footer_zx .md{

        float: right;

    margin-top: -69px;

    margin-right: 33px;

    font-size: 15px;

    }

}

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

    .footer_zx .zx_dh{

        float: left;

    margin-top: -85px;

    color: #f39800;

    margin-left: 185px;

    font-weight: bold;

    line-height: 5;

    font-size: 12px;

    }

    .footer_zx .ml{

        float: right;

    margin-top: -42px;

    margin-right: 148px;

    font-size: 12px;

    }

    .footer_zx .md{

        float: right;

    margin-top: -62px;

    margin-right: 58px;

    font-size: 12px;

    }

}



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

    .footer_zx .zx_dh{

        float: left;

    margin-top: -85px;

    color: #f39800;

    margin-left: 184px;

    font-weight: bold;

    font-size: 14px;

    }

    .footer_zx .ml{

        margin-top: -39px;

        margin-right: 105px;

        font-size: 14px;

    }

    .footer_zx .md{

        margin-top: -61px;

        font-size: 14px;

        margin-right: 0px;

    }

}

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

    .footer_zx .zx_dh{

        float: left;

        margin-top: -44px;

        color: #f39800;

        margin-left: 132px;

        font-weight: bold;

        font-size: 14px;

    }

    .footer_zx .ml{

        margin-top: -14px;

    margin-right: 115px;

    font-size: 14px;

    }

    .footer_zx .md{

        margin-top: -43px;

    font-size: 14px;

    }

}

/* 产品中心 */

.cp_zx {

    overflow: hidden;

    padding: 50px 0;

}

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

    .cp_zx {

    overflow: hidden;

    padding: 9px 0;

    }

}

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

    .dh_to {

        padding: 0px;

    }

}

.dh_to>p{

text-transform: uppercase;

}

.cp_zx .cp_dh {

    width: 100%;

}

.cp_dh h5 {

    color: #fff;

    font-size: 21px;

}

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

      .cp_dh h5 {

    color: #fff;

    font-size: 17px;

    font-weight: bold;

    }

}



.cp_dh h5 i {

    display: none;

}

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

    .cp_dh h5 i {

        float: right;

        display: block;

        margin-top: 3.5%;

    }

}



.cp_dh p {

    font-size: 12px;

    color: #ffffff;

    margin: 10px 0;

}

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

    .cp_dh p {

        font-size: 10px;

        color: #ffffff;

        margin: 5px 0;

    }

}

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

    .cp_dh ul li {

        margin-top: 6px;

    }

}

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

    .cp_dh ul li {

        margin-top: 6px;

        display: none;

    }

}



.cp_dh .bg_sj{

    display: none;

}

.cp_dh .bg_sj.on{

    display: block;

}

.cp_dh .bg_sj a{

    /* display: block; */

    font-size: 12px;

    color: #000;

    height: 40px;

    width: 100%;

    display: flex;

    align-items: center;

    padding-left: 15px;

    padding-right: 14px;

    background-color: #f7f7f7;

    justify-content: space-between;

    margin-top: 5px;

    transition: all .5s;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

}

.cp_dh .bg_sj a:hover{

 background-color: #004986;;

 color: #fff;

}

.cp_dh .bg_sj a.on{

    background-color: #004986;;

    color: #fff;

   }

/* transtion:hover{



} */

.cp_dh .bg {

    padding: 5px;

    background-color: #fff;

}

a {

    text-decoration: none;

    color: #333;

}

.cp_fl {

    background-color: #eeeeee;

    padding: 10px 15px;

    transition: all .5s;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

}

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

    .cp_dh ul li a div {

        text-align: center;

        width: 100%;

        line-height: 1;

        font-size: 14px;

        color: #000;

        border: none;

        background-color: #fff;

    }

}



.cp_fl:hover {

    background-color: #004986;

    color: #fff;

}



.bg i {

    float: right;

    transform-origin: center;



}

.bg i.on{

    transform: rotate(90deg);

    transition: all .5s;

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

}

.cp_dh {

    background-color: #004986;

    padding: 20px 10px;

}

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

    .cp_dh{

        padding: 12px 10px;

    }

}

.cp_kp {

    text-align: center;

    margin-bottom: 20px;

    overflow: hidden;

}



.cp_zx .cp_kp {

    width: 100%;

    border: 1px solid #e5e5e5;

}

.cp_kp:hover{

    -webkit-transform: translateY(-5px);

    -moz-transform: translateY(-5px);

    -ms-transform: translateY(-5px);

    -o-transform: translateY(-5px);

    transform: translateY(-5px);

    box-shadow: 0 0 10px #999;

    transition: all .7s;

}

.cp_kp .cp_tu {

    overflow: hidden;

}



.cp_kp img {

    width: 100%;

}



.cp_kp .cp_nm {

    background-color: #ffffff;

    padding: 15px 0;

}



dl,

dd,

p {

    margin-bottom: 0;

}



.pages {

    width: 100%;

    height: 30px;

    line-height: 30px;

    text-align: center;

    margin-top: 50px;

}

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

    .pages {

        width: 101%;

        height: 30px;

        line-height: 30px;

        text-align: center;

        margin-top: 30px;

        margin-bottom: 20px;

    }

}

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

    .pages {

        margin-top: 50px;

    }

}

.pages span {

    text-decoration: none;

    font-family: 微软雅黑;

    margin-left: 5px;

    color: #666;

    font-size: 12px;

    border: solid 1px #ccc;

    padding: 5px 8px;

}



.pages a {

    text-decoration: none;

    font-family: 微软雅黑;

    margin-left: 5px;

    color: #666;

    font-size: 12px;

    border: solid 1px #ccc;

    padding: 5px 8px;

}



.pages .current-page {

    color: #fff;

    margin-left: 5px;

    font-size: 12px;

    border: solid 1px #000;

    background: #000;

    padding: 5px 8px;

}



.ner1_bt {

    color: #002e73;

    font-size: 23px;

    font-weight: bold;

    padding-bottom: 24px;

    border-bottom: #eeeeee 1px solid;

}

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

    .ner1_bt {

    color: #002e73;

    font-size: 23px;

    font-weight: bold;

    padding-bottom: 10px;

    border-bottom: #eeeeee 1px solid;

    margin-top: 18px;

    } 

}

.yj_wz1{

    margin-top: 39px;

    }

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

    .yj_wz1{

    margin-top: 14px;

    }

}

.ner1_bt p {

    float: right;

    font-size: 16px;

    color: #000000;

    font-weight: lighter;

}

.ner1_bt i {

    font-size: 16px;

    color: #000000;

}

/* 最新动态 */



.zx_dt {

    padding-top: 68px;

}

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

    .zx_dt{

        padding-top: 24px;

    }

}

.bt {

    font-size: 16px;

    text-align: center;

    border-bottom: #eeeeee 1px solid;

    padding-bottom: 24px;

}



.bt .dt_bt {

    color: #004986;

}



.bt .zm {

    color: #000000;

}



.zx_wz {

    padding-top: 8px;

    font-size: 16px;

    line-height: 33px;

    color: #000000;

}



.zx_wz ul li {

    padding: 19px 0;

    border-top: #f7f7f7 1px dashed;

    width: 100%;

}



.zx_wz ul li:nth-child(1) {

    border-top: none;

}



.zx_bt_wz {

    width: 70%;

    font-size: 16px;

    text-align: left;

    float: left;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    word-break: break-all;

}

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

    .zx_bt_wz{

        width: 100%;

        text-align: left;

    }

}

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

    .zx_bt_wz{

        width: 68%;

        text-align: left;

    }

}

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

    .zx_bt_wz{

        width: 68%;

        text-align: left;

    }

}

.zx_bt_sj {

    width: 30%;

    float: right;

}

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

    .zx_bt_sj{

        margin-top: -34px;

        text-align: left;

    }

    .zx_bt_sj h4{

        margin-left: -38px;

    }

    .zx_bt_sj .bl{

        margin-left: 12px;

    }

}

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

    .zx_bt_sj{

        margin-top: -34px;

    width: 100%;

    text-align: right;

    }

    .zx_bt_sj .bl{

        display: none;

     }

}

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

    .zx_bt_sj{

        margin-top: -35px;

    }

    .zx_bt_sj .bl{

        display: none;

     }

}

.zx_bt_sj h4 {

    font-size: 12px;

    color: #000000;

    display: inline-block;

    width: 49%;

}

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

    .zx_bt_sj h4 {

        width: 96%;

        margin-left: 12px;

        }

}

.zx_bt_sj h4 i {

    font-size: 14px;

    margin-right: 10px;

}

/* 轮播图 轮播文字 */

.pc_ban {

    width: 100%;

    height: 500px;

    position: relative;

    overflow: hidden;

}

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

    .pc_ban {

        width: 100%;

        height: 400px;

        position: relative;

        overflow: hidden;

    }  

}

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

    .pc_ban {

        height: 34vh;

        min-height: inherit;

    }

}

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

    .pc_ban {

        height: 250px;

    }

}

.w_z {

    margin: 223px auto;

    position: relative;

    text-align: center;

}

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

    .w_z {

        margin: 111px auto;

        position: relative;

        text-align: center;

    } 

}

.w_z h1 {

    font-size: 72px;

    font-weight: bold;

    color: #ffffff;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}

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

    .w_z h1 {

        font-size:20px;

        font-weight: bold;

        color: #ffffff;

        transition: all .5s;

        -o-transition: all .5s;

        -ms-transition: all .5s;

        -moz-transition: all .5s;

        -webkit-transition: all .5s;

    }

}

.w_z h2 {

    font-size: 24px;

    font-weight: bold;

    color: #ffffff;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

    margin-top: 40px;

}

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

    .w_z h2 {

        font-size: 14px;

        font-weight: bold;

        color: #ffffff;

        transition: all .5s;

        -o-transition: all .5s;

        -ms-transition: all .5s;

        -moz-transition: all .5s;

        -webkit-transition: all .5s;

        margin-top: 9px;

    }

}



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

    .swiper-button-prev{

        display: none;

    }

}

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

    .swiper-button-next{

        display: none;

    }

}

/* 首页导航条 */

.sy_dht {

    padding: 20px 0;

    background-color: #eeeeee;

    box-shadow: 0 0 10px #ebebeb;

    font-size: 14px;

    color: #000000;

}

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

    .sy_dht{

    padding: 20px 0;;

    background-color: #eeeeee;

    box-shadow: 0 0 10px #ebebeb;

    font-size: 14px;

    color: #000000;

    }

}

.sy_dht gjc{

    width: 70%;

    float: left;

}

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

    .sy_dht gjc{

        padding: 0px 9px;

    }

    .head_sousuo{

        display: none;

    }

}

.head_sousuo {

    float: right;

    margin: 0 auto;

}

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

    .head_sousuo{

        display: none;

    }

}

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

    .head_sousuo{

        display: none;

    }

}

.ss_k{

    border-radius: 50%;

    border: 1px solid #fff;

    color: #000;

    width: 38px;

    height: 38px;

    line-height: 36px;

    display: inline-block;

    text-align: center;

    float:right;

    margin-top: -30px;

    display: none;

}

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

    .ss_k{

        display: block;

        float: right;

        margin-right: 75px;

        margin-top: 1px;

    }

}

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

    .ss_k {

        display: block;

        float: right;

        margin-top: 2px;

        margin-right: 47px;

    }

}



.s_s{

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0;

    left: 0;

    background-color: rgba(0, 0, 0, .9);

    z-index: 99999;

     display: none; 

}

.n_r{

    width: 312px;

    padding: 10px;

    position: absolute;

    top: 50%;

    left: 50%;

    text-align: center;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

}

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

    .n_r{

    width: 266px;

    padding: 10px;

    background-color: #fff;

    position: absolute;

    top: 50%;

    left: 50%;

    text-align: center;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    }

}

.n_r input{

    width: 286px;

    height: 29px;

    background: #e1e1e1;

    border: none;

    margin-top: 16px;

    padding: 3px 10px;

    transition: all 1s;

    display: flex;

    margin-left: -1px;

}

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

    .n_r input{

    width: 241px;

    height: 29px;

    background: #e1e1e1;

    border: none;

    margin-top: 16px;

    padding: 3px 10px;

    transition: all 1s;

    display: flex;

    margin-left: -1px;

    }

}

.n_r button{

    width: 120px;

    height: 30px;

    background: #004986;

    border: none;

    margin-top: -29px;

    padding: 3px 6px;

    transition: all 1s;

    color: #fff;

    font-size: 14px;

    font-weight: bold;

    float: right;

}

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

    .n_r button{

        width: 88px;

        height: 29px;

        background: #004986;

        border: none;

        margin-top: -55px;

        transition: all 1s;

        color: #fff;

        font-size: 14px;

        font-weight: bold;

        margin-left: 157px;

    }

}

.head_sousuo input {

    width: 286px;

    height: 29px;

    background: #e1e1e1;

    border: none;

    margin-top: -25px;

    transition: all 1s;

    display: flex;

}

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

    .head_sousuo input {

        width: 298px;

        height: 29px;

        background: #e1e1e1;

        border: none;

        margin-top: 37px;

        padding: 3px 10px;

        transition: all 1s;

        margin-left: -185px;

    }

}

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

    .head_sousuo input{

        width: 182px;

        height: 29px;

        background: #e1e1e1;

        border: none;

        margin-top: 12px;

        padding: 3px 10px;

        transition: all 1s;

        margin-left: -78px;

    }

}

.head_sousuo button {

    width: 120px;

    height: 29px;

    background: #004986;

    border: none;

    margin-top: -30px;

    transition: all 1s;

    color: #fff;

    font-size: 14px;

    font-weight: bold;

    border: none;

    float: right;

}

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

    .head_sousuo button{

        width: 58px;

        height: 29px;

        background: #004986;

        border: none;

        margin-top: -52px;

        padding: 3px 10px;

        transition: all 1s;

        color: #fff;

        font-size: 14px;

        font-weight: bold;

        border: none;

        display: inline-block;

        margin-left: 53px;

    }

}

/* 首页产品展示 */



.sy_cpzs {

    padding-top: 70px;

}

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

    .sy_cpzs{

        padding-top: 26px;

        overflow: hidden;

    }

}

.sy_cpzs .anli{

    font-size: 30px;

    font-weight: bold;

    color: #ffffff;

    text-align: center;

}

.sy_cpzs .an_li{

    color: #ffffff;

 text-align: center;

}

.sy_cpzs h4 {

    font-size: 30px;

    font-weight: bold;

    color: #000000;

    text-align: center;

}

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

    .sy_cpzs h4{

        font-size: 24px;

        font-weight: bold;

        color: #000000;

        text-align: center;    

    }

}

.sy_cpzs .sy_gywm_bt p {

    text-align: center;

}

.sy_sl_bt .container>p{

    text-align: center;

}

.sy_xwzx_bt>p{

    text-align: center;



}

.sy_hzhb_bt>p{

    text-align: center;



}

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

    .sy_cpzs p {

        font-size: 12px;

        margin-top: 6px;

    }

}

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

    .cp_dh ul{

        display: block;

    }

}

/* 案例展示 */

.sy_al {

    background: url(../images/al.jpg);

    padding-top: 74px;

}

.sy_nr4 {

    padding: 38px 0;

    margin-bottom: 20px;

}

.sy_nr4 .sy_n4_al {

    padding: 0 103px;

    position: relative;

}

.sy_nr4 .sy_n4_al .swiper-button-prev {

    border-radius: 50%;

    left: 4%;

    margin-top: -20px;

    background-size: 20px 20px;

    -webkit-background-size: 20px 20px;

    -moz-background-size: 20px 20px;

    -ms-background-size: 20px 20px;

    -o-background-size: 20px 20px;

    outline: none;

}

.sy_nr4 .sy_n4_al .swiper-button-prev i {

    width: 31px;

    height: 49px;

    line-height: 49px;

    text-align: center;

    color: #ffffff;

    font-size: 20px;

}

.sy_nr4 .sy_n4_al {

    padding: 0 20px;

    position: relative;

}

.sy_nr4 .sy_n4_al .t_p img {

    width: 100%;

    height: auto;

    display: block;

    border: 1px solid #eeeeee;

}

.sy_nr4 .sy_n4_al .w_z {

    padding: 20px;

    background-color: #fff;

}

.sy_nr4 .sy_n4_al .w_z {

    padding: 20px;

    background-color: #fff;

}

/* 首页关于我们 */

.sy_gywm {

    padding: 90px 0px;

}

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

    .sy_gywm {

        padding-top: 10px;

        overflow: hidden;

    }

}

.sy_gywm_nr .gywm_tp {

    margin-top: 56px;

    box-shadow: 11px 14px 2px #004986;

    width: 96%;

    transition: all .7s;

    overflow: hidden;

}

.sy_gywm_nr .gywm_tp:hover{

   -webkit-transform: translateY(-5px);

    /* -moz-transform: translateY(-5px);

    -ms-transform: translateY(-5px);

    -o-transform: translateY(-5px); */

    transform: translateY(-5px); 

    /* box-shadow: 0 0 2px #004986; */

  

}

.sy_gywm_nr .gywm_tp  img{

    max-width: 100%;

    transition: all 3s;

}

.sy_gywm_nr .gywm_tp:hover img{

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

}

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

    .sy_gywm_nr .gywm_tp {

        margin-top: 10px;

        box-shadow: 11px 14px 2px #004986;

        width: 96%;

    }  

}

.sy_gywm_nr .gywm_tp img {

    width: 100%;

}

.nr_wz {

    font-size: 14px;

    color: #000000;

    padding-top: 68px;

}

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

    .nr_wz {

        color: #000000;

        padding-top: 28px;

    }

}

.nr_wz h5 {

    font-size: 15px;

    color: #777777;

    line-height: 2;

}

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

    .nr_wz h5 {

        font-size: 13px;

        color: #777777;

        line-height: 2;

    }  

}

.nr_wz a {

    padding: 14px 23px;

    font-size: 15px;

    color: #ffffff;

    background: #004986;

    line-height: 11;

}

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

    .nr_wz a {

        padding: 14px 23px;

        font-size: 15px;

        color: #ffffff;

        background: #004986;

        line-height: 6;

        margin-left: 200px;

    }  

}

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

    .nr_wz a {

        padding: 14px 23px;

        font-size: 15px;

        color: #ffffff;

        background: #004986;

        line-height: 6;

        margin-left: 212px;

    }

}

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

    .nr_wz a{

    padding: 14px 23px;

    font-size: 15px;

    color: #ffffff;

    background: #004986;

    line-height: 6;

    margin-left: 201px;

    }

}

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

    .nr_wz a {

        font-size: 15px;

        color: #ffffff;

        background: #004986;

        line-height: 2;

        display: block;

        width: 110px;

        height: 57px;

        text-align: center;

        margin: 14px auto;

    }  

}

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

    .nr_wz a {

        font-size: 15px;

        color: #ffffff;

        background: #004986;

        line-height: 2;

        display: block;

        width: 110px;

        height: 57px;

        text-align: center;

        margin: 14px auto;

    }  

}

/* 首页我们的实力 */

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

    .sy_sl_bt{

        padding: 28px 28px;

        overflow: hidden;

    }

}

.sy_sl {

    margin-top: 73px;

    position: relative;

    top: 0;

    left: 0;

}

.sy_sl .sy_sl_bg {

    height: 396px;

    width: 100%;

    position: absolute;

    z-index: -1;

    top: 24%;

}

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

    .sy_sl .sy_sl_bg {

        top: 4%;

    }

}

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

    .sy_sl .sy_sl_bg {

        height: 815px;

        width: 100%;

        position: absolute;

        z-index: -1;

        top: 1%;

    }

}

.sy_sl .sl_bjt {

    position: relative;

    padding-top: 51px;

    height: 100%;

    top: 0;

    left: 0;

    text-align: center;

}

.sy_sl .sl_bjt .cc{

    display: flex;

    justify-content: center;

    align-items: center;

}

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

    .sy_sl .sl_bjt {

        position: relative;

        padding-top: 51px;

        height: 100%;

        top: -88px;

        left: 0;

        text-align: center;

    }

}

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

    .sy_sl .sl_bjt {

        position: relative;

        padding-top: 51px;

        height: 100%;

        top: -118px;

        left: 0;

        text-align: center;

    }

}

.sy_sl .sl_bjt .sl_stb {

    width: 260px;

    height: 260px;

    background-color: #ffffff;

    border-radius: 100%;

    box-shadow: 6px 4px 9px rgba(9,5,10,.5);

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}

.sy_sl .sl_bjt .sl_stb.on {

    background-color: #0088f4;

}

.sy_sl .sl_bjt .sl_stb.on i{

    color: #fff;

}

.sy_sl .sl_bjt .sl_stb.on h5{

    color: #fff;

}

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

    .sy_sl .sl_bjt .sl_stb{

        width: 130px;

        height: 130px;

        background-color: #ffffff;

        border-radius: 100%;

        margin-left: 10px;

    }

    .sy_sl .sl_bjt .sl_stb.on{

        background-color: #0088f4;

    }

    .sy_sl .sl_bjt .sl_stb.on i{

        color: #fff;

    }

    .sy_sl .sl_bjt .sl_stb.on h5{

        color: #fff;

    }

}

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

    .sy_sl .sl_bjt .sl_stb{

        margin-bottom: 15px;

    }

}

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

    .sy_sl .sl_bjt .sl_stb{

        width: 130px;

        height: 130px;

        background-color: #0088f4;

        border-radius: 100%;

        margin-left: 11px;

    }

}

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

    .sy_sl .sl_bjt .sl_stb{

    width: 130px;

    height: 130px;

    background-color: #0088f4;

    border-radius: 100%;

    margin-left: 0;

    }

}

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

    .sy_sl .sl_bjt .sl_stb{

        width: 130px;

        height: 130px;

        background-color: #ffffff;;

        border-radius: 100%;

        margin-left: 15px;

    }

}

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

    .sy_sl .sl_bjt .sl_stb{

        width: 130px;

        height: 130px;

        background-color: #0088f4;

        border-radius: 100%;

        margin-left: -11px;

    }

}

.sl_stb i.on{

    font-size: 75px;

    color: #fff;

}

.sl_stb i{

    font-size: 75px;

    color: #00479d;

}

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

    .sl_stb i{

        font-size: 34px;

        color: #00479d;

        line-height: 2;

    }

}

.sl_stb h5{

    font-size: 24px;

    color: #fff;

}

.sl_stb .on{

    font-size: 20px;

    color: #fff;

}

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

    .sl_stb .on{

        font-size: 20px;

        color: #fff;

    }

}

.sl_stb h5{

    font-size: 24px;

    color: #00479d;

}

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

    .sl_stb h5{

        font-size: 16px;

        color: #00479d;

    }

}

.sy_sl .sl_wenzi {

    width: 100%;

    padding: 0 100px;

    margin-top: 77px;

}

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

    .sy_sl .sl_wenzi {

        width: 91%;

    padding: 0 0px;

    /* margin-top: -85px;

    margin-left: 24px; */

    margin: -11px auto 0;

    }

}

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

    .sy_sl .sl_wenzi{

    width: 91%;

    padding: 0 0px;

    /* margin-top: -85px;

    margin-left: 15px; */

    }

}

.sl_wen_bt h5{

    font-size: 22px;

    color: #00479d;

    line-height: 2;

}

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

    .sl_wen_bt h5{

    margin-top: -42px;

    font-size: 18px;

    font-weight: bold;

    color: #00479d;

    }

}

.sl_wen_bt div{

    font-size: 15px;

    color: #000000;

    line-height: 2;

}

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

    .sl_wen_bt div{

    font-size: 13px;

    line-height: 2;

    color: #000000;

    }

}

.sl_wen_tu img{

    width: 100%;

}

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

    .sl_wen_tu img{

        margin-top: 62px;

    }

}

.sy_sl .rr1 {

    background: #fff;

    padding: 60px 40px 47px 40px;

    box-shadow: #999 0 0 10px;

    margin: 0;

}

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

    .sy_sl .rr1{

        padding: 60px 15px 47px 15px;

        width: 100%;

    }

}

/* 新闻资讯 */



.sy_xwzx {

    padding-top: 69px;

    padding-bottom: 70px;

}

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

    .sy_xwzx {

    padding-top: 69px;

    padding-bottom: 25px;

    overflow: hidden;

    }  

}

.row02 {

    margin-top: 34px;

}



.sy_gsxw_z {

    width: 100%;

    background: #f7f7f7;

    transition: all .7s;

}

/* @media only screen and (max-width: 780px){

    .sy_gsxw_z {

        margin-left: 83px;

        width: 150%;

    }

} */

.sy_gsxw_z:hover {

    -webkit-transform: translateY(-5px);

    -moz-transform: translateY(-5px);

    -ms-transform: translateY(-5px);

    -o-transform: translateY(-5px);

    transform: translateY(-5px);

    box-shadow: 0 0 10px #999;

}

.sy_gsxw_z img {

    width: 100%;

}

.sy_gsxw_z h5 {

    width: 100%;

    padding-left: 36px;

    padding-right: 10px;

    margin-top: 20px;

    font-size: 16px;

    color: #000;

    font-weight: bold;

    text-overflow: -o-ellipsis-lastline;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    line-clamp: 2;

    -webkit-box-orient: vertical;

    line-height: 24px;

}

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

    .sy_gsxw_z h5{

        text-align: center;

    }

}

.sy_gsxw_z h6 {

    width: 100%;

    padding-left: 36px;

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    word-break: break-all;

    padding-right: 36px;

    margin-top: 27px;

    padding-bottom: 23px;

    font-size: 14px;

    color: #666666;

}

.nr1_nr {

    width: 100%;

    padding: 23px 19px;

    background: #f7f7f7;

    margin-top: 18px;

    transition: all .7s;

    height: calc(100% / 3 - 12px);

}

.nr1_nr:first-child{

    margin-top: 0;

}



/* @media only screen  and (max-width:780px){

    .nr1_nr{

    margin-top: 20px;

    margin-left: -59px;

    width: 150%;

    }

} */

.nr1_nr:hover {

    transform: translate(0, -10px);

    box-shadow: 0 0 10px;

}

.gg_time {

    float: left;

    border-right: 1px solid #eeeeee;

    padding-right: 12px;

}



.gg_time h3 {

    font-size: 24px;

    color: #4d4d4d;

    font-weight: bold;

    line-height: 2;

    margin-left: -7%;

    letter-spacing: 1px;

}

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

    .gg_time h3 {

        font-size: 24px;

        color: #4d4d4d;

        font-weight: bold;

        line-height: 2;

        margin-left: -12%;

        letter-spacing: 1px;

    }

}

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

    .gg_time h3 {

    font-size: 24px;

    color: #4d4d4d;

    font-weight: bold;

    line-height: 2;

    margin-left: -26%;

    letter-spacing: 1px;

    }

}

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

    .gg_time h6{

        margin-left: -15px;

    }

}

.gg_z {

    visibility: visible;

    float: right;

    font-size: 18px;

    font-weight: bold;

    color: #000000;

    width: 83%;

    letter-spacing: 2px;

    text-overflow: -o-ellipsis-lastline;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

}

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

    .gg_z{

        font-size: 12px;

        font-weight: bold;

        margin-right: -25px;

        margin-top: -4px;

        padding-left: 3px;

    }

}

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

    .gg_z{

        font-size: 14px;

        font-weight: bold;

        margin-right: -25px;

        margin-top: -4px;

        padding-left: 3px;

    }

}

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

    .gg_z{

    font-size: 12px;

    font-weight: bold;

    margin-right: -25px;

    margin-top: -8px;

    padding-left: 3px;

    }

}

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

    .gg_z {

    font-size: 12px;

    font-weight: bold;

    margin-right: -28px;

    margin-top: -65px;

    padding-left: 3px;

    padding-right: 5px;

    }

}

.gg_w{

    float: right;

    font-size: 17px;

    color: #4d4d4d;

    width: 83%;

    letter-spacing: 2px;

    margin-top: 3%;

    text-overflow: -o-ellipsis-lastline;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    line-clamp: 2;

    -webkit-box-orient: vertical;

}

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

    .gg_w{

    font-size: 13px;

    margin-right: -26px;

    padding-right: 4px;

    }

}

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

    .gg_w{

    font-size: 13px;

    margin-right: -26px;

    padding-right: 8px;

    }

}

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

    .gg_w{

    font-size: 13px;

    margin-right: -26px;

    padding-left: 3px;

    }

}

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

    .gg_w {

    font-size: 13px;

    margin-right: -26px;

    margin-top: -11px;

    padding-left: 3px;

    }

}

/* 合作伙伴 */

.sy_hzhb {

    padding-top: 75px;

    background-color: #f7f7f7;

}

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

    .sy_hzhb {

        padding-top: 30px;

        padding-bottom: 12px;

        background-color: #f7f7f7;

        overflow: hidden;

    }

}

.sy_nr4 {

    padding: 38px 0;

    margin-bottom: 20px;

}



.sy_nr4 .sy_n4_al {

    position: relative;

}



.sy_nr4 .sy_n4_al .swiper-button-prev {

    border-radius: 50%;

    left: 4%;

    margin-top: -20px;

    background-size: 20px 20px;

    -webkit-background-size: 20px 20px;

    -moz-background-size: 20px 20px;

    -ms-background-size: 20px 20px;

    -o-background-size: 20px 20px;

    outline: none;

}

.sy_nr4 .sy_n4_al .swiper-button-prev i {

    width: 31px;

    height: 49px;

    line-height: 49px;

    text-align: center;

    color: #ffffff;

    font-size: 20px;

}

/* 屏幕一旁按钮 */



.pc_kf {

    width: 50px;

    position: fixed;

    right: 30px;

    bottom: 30px;

    z-index: 99999;

}

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

    .pc_kf {

        right: 10px;

        bottom: 10px;

    }

}

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

    .pc_kf {

        width: 100%;

        position: fixed;

        right: 0;

        bottom: 0;

    }

}

.pc_kf .nr {

    font-size: 18px;

    text-align: center;

    line-height: 50px;

    margin-bottom: 10px;

    position: relative;

}

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

    .pc_kf .nr {

        width: 34%;

        border-right: 1px solid rgba(255, 255, 255, .6);

        font-size: 20px;

        background: none;

        box-shadow: none;

        margin-bottom: 0;

        float: left;

    }

}

.pc_kf .nr a {

    display: block;

    width: 50px;

    height: 50px;

    box-shadow: 0 0 10px #ddd;

    background-color: #f39800;

    border-radius: 5px;

    overflow: hidden;

}

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

    .pc_kf .nr a {

        display: block;

        width: 100%;

        border-radius: 0;

        background-color: #f39800;

        box-shadow: none;

    }

}

.pc_kf .nr i {

    color: #fff;

    font-size: 27px;

}

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

    .pc_kf .nr i {

        color: #fff;

    }

}

.pc_kf .tel {

    width: 160px;

    background-color: #00b7ee;

    font-size: 18px;

    line-height: 50px;

    color: #fff;

    position: absolute;

    top: 0;

    right: -160px;

    opacity: 0;

}

.e_m {

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0;

    left: 0;

    background-color: rgba(0, 0, 0, .9);

    z-index: 99999;

    display: none;

}

.pc_kf .fh {

    width: 50px;

    height: 50px;

    border-radius: 5px;

    background-color: #000000;

    text-align: center;

    line-height: 50px;

    color: #fff;

    cursor: pointer;

}

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

    .pc_kf .fh {

        width: 32%;

        box-shadow: none;

        font-size: 22px;

        float: left;

    }

}

.pc_kf .fh i {

    font-size: 22px;

    font-weight: bold;

}

/* 二级菜单 */

.head_nav ul li .navTwo {

    display: none;

    position: absolute;

    left: 50%;

    -o-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);

    top: 99%;

    width: 270px;

  

    text-align: center;

    background: #fff;

    z-index: 9;

}

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

    .head_nav ul li .navTwo {

        display: none;

        width: 86%;

        float: left;

        margin-left: 5%;

        background: none;

        position: relative;

        left: auto;

        top: auto;
        -o-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -webkit-transform: translate(0,0);
        transform: translate(0,0);

    }

}

.head_nav ul li:hover .navTwo {

    display: block;

}

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

    .head_nav ul li:hover .navTwo {

        display: none;

    }

}

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

    .head_nav ul li:hover .navTwo {

        display: none;

    }

    .sm{

        display: none;

    }

    .smq{

        margin: 0 auto;

    }

}



.head_nav ul li .navTwo dd {

    margin-bottom: auto;

    height: 40px;

    border-bottom: solid 1px #eceff2;

}

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

    .head_nav ul li .navTwo dd {

        border-bottom: solid 1px rgba(255, 255, 255, 0.3);

    }

}

.head_nav ul li .navTwo a {

    font-size: 14px !important;

    line-height: 40px !important;

    color: #0f1d44;

    display: block;

}

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

    .head_nav ul li .navTwo dd a {

        display: block;

        float: left;

        margin-left: 32px;

        color: #fff;

        margin-left: 96px;

    }

}

.head_nav ul li .top_down {

    display: none;

}

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

    .head_nav ul li .top_down {

        display: block;

        width: 40%;

        line-height: 35px;

        text-align: right;

        color: #fff;

        position: absolute;

        right: 20px;

        top: 8px;

    }

}

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

    .head_nav ul li .top_down {

        display: block;

        width: 40%;

        line-height: 54px;

        text-align: right;

        color: #fff;

        position: absolute;

        right: 23px;

        top: 0;

        font-size: 20px;

    }

    .x_qq{

        display: none;

    }

}    

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

    .x_qq{

        display: none;

    }

}

.pm_an{

    height: 52px;

    width: 52px;

    display: none;

}

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

    .pm_an{

        display: block;

    }

}

.sl_wenzi{

    display: none;

}

.sl_wenzi.show{

    display: block;

}



/* 分页 */

  /* 分页 */

    

  .pages {

    width: 100%;

    height: 30px;

    line-height: 30px;

    text-align: center;

    margin-bottom: 50px;

    margin-top: 50px;

}

/* 

.pages a {

    text-decoration: none;

    display: inline-block;

    font-family: 微软雅黑;

    margin-left: 5px;

    font-size: 12px;

    padding: 10px;

    line-height: 20px;

    color: #000;

    margin-left: 10px;

}



.pages .current-page {

    color: #000;

    margin-left: 5px;

    font-size: 12px;

    background: #dcdcdc;

    border-radius: 8px;

    font-weight: bold;

}



.pages span {

    display: inline-block;

    text-decoration: none;

    font-family: 微软雅黑;

    margin-left: 5px;

    color: #646464;

    font-size: 12px;

    width: 64px;

    line-height: 54px;

    color: #646464;

    margin-left: 10px;

} */

/*  */

.bg .bg_ej.on{

    

    color: #fff;



}

.bg .bg_ej.on .cp_fl{

    background-color: #004986;

}





/* 详情页 */



.ny_nr .xw_xq {

    padding: 30px 0px;

  }

  

  .ny_nr .xw_xq .xq_lf .xq_tl {

    text-align: center;

    font-size: 30px;

    font-weight: bold;

    margin-bottom: 15px;

  }

  

  .ny_nr .xw_xq .xq_lf .xq_fc {

    width: 100%;

    border-bottom: solid 1px #cacaca;

    padding: 20px 0px;

  }

  

  .ny_nr .xw_xq .xq_lf .xq_fc .right {

    text-align: right;

  }

  

  .ny_nr .xw_xq .xq_nr {

    width: 100%;

    overflow: hidden;

    padding: 20px 0px;

    line-height: 30px;

    font-size: 14px;

  }

  

  .ny_nr .xw_xq .xq_nr img {

    max-width: 100%;

  

  }

  

  .ny_nr .xw_xq .xq_fy {

    text-align: center;

  display: flex;

    justify-content: center;

  padding: 15px 0px;

  }

  

  .ny_nr .xw_xq .xq_fy a {

    display: inline-block;

    margin: 0px 15px;

    padding: 10px 20px;

    background-color: #000000;

    color: #FFFFFF;

    font-size: 14px;

  }

  

  .ny_nr .xw_xq .xq_rt {

    width: 100%;

    overflow: hidden;

    margin-top: 56px;

  }

  

  .ny_nr .xw_xq .xq_rt .rt_bt {

    font-size: 24px;

    font-weight: bold;

    background-color: #000000;

    color: #FFFFFF;

    padding: 15px 0px;

    text-align: center;

  }

  

  .ny_nr .xw_xq .xq_rt .rt_lb li a {

    display: block;

    border-bottom: dashed 1px #cccccc;

    line-height: 56px;

    font-size: 14px;

    color: #666;

  }

  

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

    .ny_nr .xw_xq {

        padding: 20px 0px;

    }

    .ny_nr .xw_xq .xq_lf .xq_tl {

        font-size: 22px;

    }

    .ny_nr .xw_xq .xq_lf .xq_fc {

        padding: 15px 0px;

    }

    .ny_nr .xw_xq .xq_lf .xq_fc .right {

        text-align: center;

    }

    .ny_nr .xw_xq .xq_fy {

        padding: 10px 0px;

    }

    .ny_nr .xw_xq .xq_fy a {

        margin: 0px 10px;

        padding: 10px 15px;

    }

    .ny_nr .xw_xq .xq_rt {

        margin-top: 15px;

    }

    .ny_nr .xw_xq .xq_rt .rt_bt {

        font-size: 20px;

        padding: 10px 0px;

    }

    .ny_nr .xw_xq .xq_rt .rt_lb li a {

        line-height: 40px;

    }

  }

  

  

  /* 详情页  end*/

  



/* 搜索页 */

.main{

    padding: 50px 0;

  }

  .xw_nr {

    padding: 30px 0 50px;

  }

  

  .xw_nr .hd ul {

    display: flex;

    justify-content: center;

    align-items: center;

  }



  



/* 详情页 */



.ny_nr .xw_xq {

    padding: 30px 0px;

  }

  

  .ny_nr .xw_xq .xq_lf .xq_tl {

    text-align: center;

    font-size: 30px;

    font-weight: bold;

    margin-bottom: 15px;

  }

  

  .ny_nr .xw_xq .xq_lf .xq_fc {

    width: 100%;

    border-bottom: solid 1px #cacaca;

    padding: 20px 0px;

  }

  

  .ny_nr .xw_xq .xq_lf .xq_fc .right {

    text-align: right;

  }

  

  .ny_nr .xw_xq .xq_nr {

    width: 100%;

    overflow: hidden;

    padding: 20px 0px;

    line-height: 30px;

    font-size: 14px;

  }

  

  .ny_nr .xw_xq .xq_nr img {

    max-width: 100%;

  

  }

  

  .ny_nr .xw_xq .xq_fy {

    text-align: center;

  display: flex;

    justify-content: center;

  padding: 15px 0px;

  }

  

  .ny_nr .xw_xq .xq_fy a {

    display: inline-block;

    margin: 0px 15px;

    padding: 10px 20px;

    background-color: #000000;

    color: #FFFFFF;

    font-size: 14px;

  }

  

  .ny_nr .xw_xq .xq_rt {

    width: 100%;

    overflow: hidden;

    margin-top: 56px;

  }

  

  .ny_nr .xw_xq .xq_rt .rt_bt {

    font-size: 24px;

    font-weight: bold;

    background-color: #000000;

    color: #FFFFFF;

    padding: 15px 0px;

    text-align: center;

  }

  

  .ny_nr .xw_xq .xq_rt .rt_lb li a {

    display: block;

    border-bottom: dashed 1px #cccccc;

    line-height: 56px;

    font-size: 14px;

    color: #666;

  }

  

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

    .ny_nr .xw_xq {

        padding: 20px 0px;

    }

    .ny_nr .xw_xq .xq_lf .xq_tl {

        font-size: 22px;

    }

    .ny_nr .xw_xq .xq_lf .xq_fc {

        padding: 15px 0px;

    }

    .ny_nr .xw_xq .xq_lf .xq_fc .right {

        text-align: center;

    }

    .ny_nr .xw_xq .xq_fy {

        padding: 10px 0px;

    }

    .ny_nr .xw_xq .xq_fy a {

        margin: 0px 10px;

        padding: 10px 15px;

    }

    .ny_nr .xw_xq .xq_rt {

        margin-top: 15px;

    }

    .ny_nr .xw_xq .xq_rt .rt_bt {

        font-size: 20px;

        padding: 10px 0px;

    }

    .ny_nr .xw_xq .xq_rt .rt_lb li a {

        line-height: 40px;

    }

  }

  

  

  /* 详情页  end*/



/* 联系我们——模板 */



.gy_wm1 {

    width: 100%;

    padding: 60px 0 80px;

    overflow: hidden;

  }

  

  .gy_wm1 .yj_cp .n_r1 {

    box-shadow: 0px 5px 10px 0px rgba(95, 125, 158, .1);

    margin-bottom: 30px;

  }

  

  .gy_wm1 .yj_cp .t_p {

    overflow: hidden;

  }

  

  .gy_wm1 .yj_cp .t_p img {

    width: 100%;

    height: auto;

    display: block;

    transition: all 1s;

    -o-transition: all 1s;

    -ms-transition: all 1s;

    -moz-transition: all 1s;

    -webkit-transition: all 1s;

  }

  

  .gy_wm1 .yj_cp .n_r1:hover .t_p img {

    transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -webkit-transform: scale(1.1);

  }

  

  .gy_wm1 .yj_cp .w_z {

    padding: 20px 10px;

    text-align: center;

  }

  

  .gy_wm1 .yj_cp .w_z h3 {

    font-size: 20px;

    line-height: 32px;

  }

  

  .gy_wm1 .yj_cp .w_z p {

    line-height: 24px;

    color: #999;

  }

  

  .gy_wm1 .ry_zz .n_r1 {

    background-color: #fff;

    padding: 20px;

    margin-bottom: 30px;

    box-shadow: 0px 8px 20px 0px rgba(95, 125, 158, .1);

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

  }

  

  .gy_wm1 .ry_zz .n_r1:hover {

    box-shadow: 0px 8px 20px 0px rgba(95, 125, 158, 0.3);

    transform: translateY(-10px);

    -o-transform: translateY(-10px);

    -ms-transform: translateY(-10px);

    -moz-transform: translateY(-10px);

    -webkit-transform: translateY(-10px);

  }

  

  .gy_wm1 .ry_zz img {

    width: 100%;

    height: auto;

    display: block;

  }

  

  .gy_wm1 .ry_zz p {

    font-size: 16px;

    text-align: center;

    margin-top: 20px;

    padding-top: 20px;

    border-top: 1px solid #ddd;

  }

  

  .gy_wm1 .zl_lb .n_r1 {

    padding: 20px 20px 20px 100px;

    border: 1px dotted #ddd;

    margin-bottom: 30px;

    position: relative;

  }

  

  .gy_wm1 .zl_lb h3 {

    font-size: 18px;

    line-height: 32px;

    font-weight: bold;

    margin-bottom: 10px;

    text-overflow: ellipsis;

    white-space: nowrap;

    overflow: hidden;

  }

  

  .gy_wm1 .zl_lb ul li:hover h3 {

    color: #00b7ee;

  }

  

  .gy_wm1 .zl_lb i {

    font-size: 60px;

    position: absolute;

    top: 20px;

    left: 20px;

  }

  

  .gy_wm1 .zl_lb p {

    margin-bottom: 20px;

    line-height: 24px;

    height: 48px;

    color: #888;

    overflow: hidden;

    display: -webkit-box;

    line-clamp: 2;

    -webkit-line-clamp: 2;

    -moz-line-clamp: 2;

    -ms-line-clamp: 2;

    -o-line-clamp: 2;

    -webkit-box-orient: vertical;

  }

  

  .gy_wm1 .zl_lb a {

    width: 120px;

    background-color: #00b7ee;

    line-height: 32px;

    text-align: center;

    color: #fff;

    display: block;

  }

  

  .gy_wm1 .zs_js {

    font-size: 16px;

    line-height: 32px;

    text-align: center;

    margin-bottom: 50px;

  }

  

  .gy_wm1 .zp_js .n_r1 {

    margin-bottom: 50px;

    overflow: hidden;

    box-shadow: 0px 5px 10px 0px rgba(95, 125, 158, .1);

  }

  

  .gy_wm1 .zp_js .t_p img {

    width: 100%;

    height: auto;

    display: block;

  }

  

  .gy_wm1 .zp_js .w_z1 {

    padding: 20px;

  }

  

  .gy_wm1 .zp_js .w_z1 h3 {

    font-size: 20px;

    font-weight: bold;

    color: #00b7ee;

    margin-bottom: 15px;

  }

  

  .gy_wm1 .zp_js .w_z1 p {

    font-size: 15px;

    line-height: 26px;

    color: #777;

  }

  

  .gy_wm1 .lx_dt .map {

    width: 100%;

    height: 460px;

    margin-bottom: 50px;

  }

  

  .gy_wm1 .lx_wm .n_r1 h3 {

    font-size: 22px;

    line-height: 32px;

    color: #ff0200;

  }

  

  .gy_wm1 .lx_wm .n_r1 h4 {

    font-size: 16px;

    line-height: 24px;

    color: #888;

    text-transform: uppercase;

    margin-bottom: 20px;

  }

  

  .gy_wm1 .lx_wm .w_z {

    font-size: 15px;

    line-height: 32px;

  }

  

  .gy_wm1 .lx_wm .l_y input {

    width: 100%;

    height: 47px;

    font-size: 14px;

    line-height: 46px;

    border: none;

    border-bottom: 1px solid #ddd;

    display: block;

  }

  

  .gy_wm1 .lx_wm .l_y textarea {

    width: 100%;

    height: 73px;

    padding: 10px 0;

    font-size: 14px;

    border: none;

    line-height: 26px;

    border-bottom: 1px solid #ddd;

    display: block;

    resize: none;

  }

  

  .gy_wm1 .lx_wm .l_y button {

    width: 120px;

    height: 36px;

    background-color: #ff0200;

    margin-top: 15px;

    margin-right: 15px;

    font-size: 15px;

    line-height: 36px;

    text-align: center;

    color: #fff;

    float: left;

    border: none;

  }

  

  .gy_wm1 .lx_wm .l_y button.c_z {

    background-color: #aaa;

  }

  

  .gy_wm1 .yz_xx {

    max-width: 560px;

    margin: 0 auto;

    padding: 30px 80px;

    box-shadow: 0px 8px 20px 0px rgba(95, 125, 158, .1);

  }

  

  .gy_wm1 .yz_xx .n_r1 {

    position: relative;

  }

  

  .gy_wm1 .yz_xx .n_r1 input {

    width: 100%;

    height: 51px;

    border-bottom: 1px solid #eee;

    line-height: 50px;

    margin-bottom: 10px;

    display: block;

  }

  

  .gy_wm1 .yz_xx .n_r1.y_z input {

    padding-right: 120px;

  }

  

  .gy_wm1 .yz_xx .n_r1 .y_m {

    width: 100px;

    height: 40px;

    background: url(../images/api.png) no-repeat center / cover;

    position: absolute;

    top: 5px;

    right: 0;

  }

  

  .gy_wm1 .yz_xx button {

    width: 100%;

    height: 50px;

    background-color: #00b7ee;

    font-size: 16px;

    line-height: 50px;

    text-align: center;

    color: #fff;

    margin-top: 10px;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

  }

  

  .gy_wm1 .yz_xx button:hover {

    background-color: #088ace;

  }

  .n_r1 h4{

font-size: 18px;

line-height: 50px;

  }

  .n_r1 h4{



}

.l_y1 input{

    height: 52px;

    line-height: 50px;

    /* border: 1px solid #eee; */

    border-bottom: 1px #ddd solid;

    margin-bottom: 20px;

    padding: 0 10px;

}

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

    .gy_wm1 {

        padding: 50px 0;

    }

    .gy_wm1 .yj_cp .row {

        margin: 0 -10px;

    }

    .gy_wm1 .yj_cp .col-md-6 {

        padding: 0 10px;

    }

    .gy_wm1 .yj_cp .n_r1 {

        margin-bottom: 20px;

    }

    .gy_wm1 .yj_cp .w_z1 {

        padding: 10px;

    }

    .gy_wm1 .yj_cp .w_z1 h3 {

        font-size: 18px;

        line-height: 30px;

    }

    .gy_wm1 .ry_zz .n_r1 {

        padding: 15px;

    }

    .gy_wm1 .ry_zz p {

        font-size: 15px;

    }

    .gy_wm1 .zl_lb .row {

        margin: 0 -10px;

    }

    .gy_wm1 .zl_lb .col-md-6 {

        padding: 0 10px;

    }

    .gy_wm1 .zl_lb .n_r {

        padding: 15px 15px 15px 80px;

        margin-bottom: 20px;

    }

    .gy_wm1 .zl_lb h3 {

        margin-bottom: 5px;

    }

    .gy_wm1 .zl_lb i {

        font-size: 46px;

        top: 10px;

        left: 15px;

    }

    .gy_wm1 .zl_lb p {

        margin-bottom: 15px;

    }

    .gy_wm1 .zl_lb a {

        width: 100px;

        line-height: 30px;

    }

    .gy_wm1 .zs_js {

        font-size: 15px;

        line-height: 30px;

        margin-bottom: 30px;

    }

    .gy_wm1 .zp_js .n_r1 {

        margin-bottom: 30px;

    }

    .gy_wm1 .zp_js .w_z h3 {

        font-size: 18px;

        margin-bottom: 10px;

    }

    .gy_wm1 .zp_js .w_z p {

        font-size: 15px;

        line-height: 26px;

        color: #777;

    }

    .gy_wm1 .lx_dt .map {

        height: 300px;

        margin-bottom: 30px;

    }

  }

  

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

    .gy_wm1 {

        padding: 40px 0;

    }

    .gy_wm1 .yj_cp .w_z h3 {

        font-size: 16px;

    }

    .gy_wm1 .zs_js {

        font-size: 14px;

        line-height: 26px;

    }

    .gy_wm1 .zp_js .w_z h3 {

        font-size: 16px;

        font-weight: normal;

    }

    .gy_wm1 .zp_js .w_z p {

        font-size: 14px;

        line-height: 22px;

    }

    .gy_wm1 .lx_dt .map {

        height: 200px;

        margin-bottom: 0;

    }

    .gy_wm1 .lx_wm11 .n_r1 {

        margin-top: 30px;

    }

    .gy_wm1 .lx_wm11 .n_r1 h3 {

        font-size: 18px;

        font-weight: bold;

        line-height: 28px;

    }

    .gy_wm1 .lx_wm11 .n_r1 h4 {

        font-size: 14px;

    }

    .gy_wm1 .lx_wm11 .w_z {

        font-size: 14px;

        line-height: 28px;

    }



    .gy_wm1 input {

       

    }

    .gy_wm1 .lx_wm11 .l_y textarea {

        height: 74px;

        padding: 10px;

        border: 1px solid #eee;

        margin-bottom: 20px;

    }

    .gy_wm1 .lx_wm11 .l_y button {

        width: 48%;

        height: 50px;

        line-height: 50px;

        margin: 0;

    }

    .gy_wm1 .lx_wm11 .l_y button.c_z {

        float: right;

    }

    .gs_yj .n_r1 {

        height: 160px;

        margin-bottom: 20px;

    }

    .gy_wm1 .yz_xx {

        padding: 30px;

    }

  }

  

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

    .gy_wm1 .yz_xx {

        padding: 20px;

    }

  }

  /* 联系我们——模板 end */

  

    

  .e_m {

    width: 100%;

    height: 100%;

    position: fixed;

    top: 0;

    left: 0;

    background-color: rgba(0, 0, 0, .9);

    z-index: 99999;

    display: none;

}

.e_m .n_r {

    width: 200px;

    padding: 10px;

    background-color: #fff;

    position: absolute;

    top: 50%;

    left: 50%;

    text-align: center;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

}

.e_m .n_r img {

    width: 100%;

    height: auto;

    display: block;

}

.e_m .n_r p {

    font-size: 15px;

    color: #888;

    margin-top: 10px;

}





.pc_kf .ewm {

    width: 130px;

    padding: 10px 10px 0;

    background-color: #0089c6;

    position: absolute;

    bottom: 0;

    right: -180px;

    opacity: 0;

}

.pc_kf .ewm img {

    width: 100%;

    height: auto;

    display: block;

    margin-bottom: 10px;

}

.pc_kf .ewm p {

    font-size: 14px;

    color: #fff;

    line-height: 16px;

    margin-bottom: 10px;

}



.pc_kf .nr:hover .ewm {

    right: 56px;

    opacity: 1;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}









.pc_kf .tel {

    width: 160px;

    background-color: #0089c6;

    font-size: 18px;

    line-height: 50px;

    color: #fff;

    position: absolute;

    top: 0;

    right: -160px;

    opacity: 0;

}



.pc_kf .nr:hover .tel {

    right: 56px;

    opacity: 1;

    transition: all .5s;

    -o-transition: all .5s;

    -ms-transition: all .5s;

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

}





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

.pc_kf .ewm,.pc_kf .tel{

display:none}





}

.sy_cpzs_bt p{

 text-align: center;}



/*首页新闻修改*/

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

    .gg_time{

        padding-right: 0;

    }

    .nr1_nr{

        padding: 15px 19px;

    }

    .gg_z{

        line-height: 2;

    }

    .gg_w{

        margin-top: 0;

    }

}

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

    .gg_time {

        float: left;

        border-right: 1px solid #eeeeee;

        padding-right: 0px;

    }

    .footer_zx{

        padding: 15px 0;

    }

    .footer_zx .anniu,.footer_zx .zx_rx,.footer_zx .zx_dh{

        margin: 0;

    }

    .nav .nLi h3 a{

        margin-left: 38px;

    }

}

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

    .sy_xwzx    .row02 .col-xl-6{

        margin-bottom: 30px;

    }

    .gg_z,.gg_w{

        float: left;

        padding-left: 20px;

    }

    .footer_zx .zx_rx,.footer_zx .zx_dh{

        font-size: 16px;

    }

    .head_nav ul li .navTwo dd a{

        margin-left: 20px;

    }

}

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

    .footer_zx .col-md-2{

        justify-content: center;

        margin-bottom: 15px;

    }

    .kong{

        height: 102px;

    }

    .nav .nLi h3 a{

        margin-left: 21px;

    }

}

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

    .footer_zx .zx_rx, .footer_zx .zx_dh {

        font-size: 14px;

    }

    .footer_zx .zx_dh{

        line-height: 1.2;

    }

    .head_nav ul li .navTwo dd{

        height: auto;

    }

    .head_nav ul li .navTwo dd a{

        display: block;

        margin-left: 20px;

        float: none;

        text-align: left;

        line-height: 1.2 !important;

        padding: 10px 0px;

    }

}