@media (max-width: 1024px) {}

@media (max-width: 767px)
/*手机端*/
    {
    .w1200 {
        width: 100%;
    }
    .menu,
    .shej,
    .p2_fl .rt {
        display: none;
    }

    html,
    body {
        width: 100%;
        overflow-x: hidden;
    }
    .slg {
        display: block;
    }
    .section4 .dot:hover {
        background: none;
        color: inherit;
    }
    .boxaa {
        display: block;
    }
    .p2_fl {
        /*width: 100%;*/
        padding: 0px 20px 0px;
    }
    .p2_fl .p {
        width: 100%;
        padding: 0;
        font-size: 14px;
    }
    .p2_fl .p .fl h2 {
        font-size: 18px;
        letter-spacing: 0px;
        margin-bottom: 15px;
        line-height: 30px;
        padding-top: 10px;
    }
    .p2_fl .p .fl h2 span {
        font-size: 15px;
        padding-bottom: 0px;
    }
    .p2_fl .p .ablogo {
        position: relative;
        top: 0;
        left: 0;
        margin-top: 20px;
    }
    .p2_fl .p .ablogo img {
        width: 80%;
        max-width: 354px;
    }
    .p2_fl .p .fl {
        width: 100%;
        font-size: 14px;
    }
    .p2_rt {
        padding-top: 20px;
        padding-bottom: 10px;

    }

    div.section4,
    div.section4 .dots,
    div.dots_m1 {
        width: 100%;
        margin-bottom: 0;
    }

    div.section4 .dots,
    .dots_m1 {
        text-align: center;
        height: auto;
        margin: 0 auto 10px;
    }

    div.section4 .dots {
        display: none;
    }
    .ab_fff div.section4 .dots {
        display: block;
    }

    div.dots_m1 {
        display: block;
        height: auto;
    }
    .section4 .banner {
        max-width: 100%;
        height: auto;
        min-height: auto;
        max-height: 300px;
    }

    div.section4 .dot,
    .dot_m {
        font-size: 13px;
        line-height: 26px;
        width: 46%;
        border: 1px solid #10326e;
        margin: 0px 5px 10px;
    }

    div.section4 .dot,
    .dots_m1 li.dot_m {
        font-size: 15px;
        line-height: 40px;
        width: 43%;
        border: 1px solid #10326e;
        margin: 0px 5px 15px;
        float: none;
        display: inline-block;
    }

    div.section4 .banner ul {
        display: none;
    }

    div.section4 .banner ul li {
        width: 100%;
    }

    div.about-ban .cont-wrap {
        width: 100%;
        position: relative;
        top: 0%;
        left: 0%;
        /* height: 720px; */
        margin-left: 0px;
    }

    div.top-tit {
        text-align: center;
        height: auto;
        display: none;
    }

    div.about-ban .num-top {
        position: relative;
        left: 0px;
        top: 0px;
    }

    div.about-ban .num-top .num {
        margin-top: 10px;
    }
    .biaodian {
        padding: 0px 0 0px;
    }
    .biaodian .bdian1 {
        width: 100%;
        margin-right: 0;
        text-align: left;
    }

    div.about-ban .num-top .en-tt {
        padding-top: 0px;
    }
    .about-ban .num-top li {
        margin-bottom: 30px;
    }
    .about-ban .num-top li,
    .about-ban .num-top li:nth-of-type(1),
    .about-ban .num-top li:nth-of-type(2),
    .about-ban .num-top li:nth-of-type(3) {
        max-width: 100%;
        min-width: 100%;
        float: none;
    }

    div.about-ban .cent-cont .fl,
    div.about-ban .cent-cont .fl li {
        float: none;
        text-align: center;
    }

    div.about-ban .list-cont li.li222 {
        margin-bottom: 40px;
        margin-right: 0px;
        margin-left: 0px;
        width: 100%;
        height: 360px;
        border-bottom: 1px solid #afb8c3;
    }

    div.about-ban .list-cont li.last {
        text-align: center;
        margin: 0 auto;
        border-bottom: 0;
    }

    div.about-ban .cent-cont {
        border-top: 1px solid #afb8c3;
    }
    .biaodian li {
        float: none;
    }

    div.about-ban .list-cont li {
        width: 100%;
        border-right: 0;
        height: 330px;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 50px;
        border-bottom: 1px solid #afb8c3;
    }

    div.about-ban .list-cont .num-sign {
        position: absolute;
        margin-left: -170px;
        left: 50%;
        top: 90px;
        width: 320px;
        height: 181px;
        background-size: 202px 150px;
        background-position: center center;
        background: none;
    }

    div.about-ban .list-cont .num-sign2 {
        height: 160px;
        transform: scale(.8);
        background-position: center center;
        width: 450px;
        margin-left: -248px;
        background-size: 390px 180px;
        background: none;
    }

    div.about-ban .list-cont .last .num-sign {
        background: none;
    }

    div.about-ban .list-cont .num-sign .boxs i {
        transition: height 1s ease 1s;
    }

    div.about-ban .list-cont li .size {
        display: none;
    }
    .hangy_v {
        display: none;
    }

    .p4_logo {
        display: none;
    }

    div.maxwidth {
        width: 100%;
        padding: 30px 0;
    }
    .h2 {
        text-align: left;
        font-size: 16px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .ab_2 .biaodian {
        padding: 30px 0;
    }
    .h2 b {
        display: block;
        width: 100%;
        margin-bottom: 10px;
        color: #213c7b;
        letter-spacing: 1px;
        padding-left: 0px;
        font-size: 24px;
        padding-bottom: 0;

    }
    .h2 span,
    div.index-page03 .btn {
        display: none;
    }
    .h22 span,
    .h22 i {
        display: none;
    }
    .h22 {
        text-align: left;
        padding-left: 20px;
        padding: 0px 0 10px 20px;
        color: #213c7b;
        font-size: 26px;
        letter-spacing: 1px;
    }

    div a.btn {
        display: none;
    }
    .p5_news li {
        width: 100%;
        max-width: 450px;
        margin: 0 auto 20px;
        float: none;
    }
    .p5_news li img {
        height: 285px;
    }
    .p5_news li .new_h2 b {
        font-size: 16px;
        text-align: left;
        padding: 0px 10px;
        line-height: 20px;

    }
    .p5_1 ul {
        /* height: 185px; */
        /* overflow: hidden; */
    }
    .p5_news {
        margin-bottom: 20px;
    }
    .p5_news li span {
        font-size: 12px;
        text-align: left;
    }
    .footer {
        background: none;
        padding: 0px 0 10px;
    }
    .ft_1 {
        width: 100%;
    }
    .ft_1 ul {
        display: none;
    }
    .ft_rt {
        float: none;
        margin: 0 auto;
    }
    .ft_3 {
        width: 100%;
    }
    .ft_3 .fl,
    .ft_3 .rt {
        float: none;
        text-align: left;
        padding: 0px 20px;
        font-size: 12px;
        line-height: 20px;
    }
    .ft_3 .fl span {
        display: block;
    }
    .ft_3 .rt {
        display: none;
    }
    .gotop {
        margin-right: -20px;
        margin-bottom: -60px;
    }
    .gotop img {
        max-width: 40px;
        max-height: 40px;
    }
    .code1 {
        display: block;
        text-align: center;
        font-size: 12px;
    }
    .code1 img {
        display: block;
        width: 110px;
        margin: 0 auto;

    }
    .ab_gjc.ab_gjc_yewu img {
        float: left;
        width: 85px;
        height: 130px;
        margin-right: 50px;
        margin-bottom: 30px;
    }
    .ico.we {
        display: none;
    }


    /*首页结束*/
    /*行业开始*/
    .hy_slg1 h2 {
        font-size: 28px;
        font-weight: 500;
        position: relative;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .hy_slg1 {
        text-indent: 20px;
    }
    .hy_slg1 span {
        margin-left: 20px;
        padding-left: 0px;
        font-size: 22px;
        height: 18px;
        line-height: 18px;
    }
    .hy_fen1 {
        padding-top: 3px;
    }
    .hy_fen1 ul {
        width: 100%;
    }
    .hy_fen1 li {
        width: 19%;
        width: 24%;
        margin-right: 1%;
    }
    .nny {
        background-position: right center;
    }
    .hy_fen1 li:last-child {
        width: 20%;
        margin-right: 0;
    }
    .hy_fen1 li a img {
        width: 40px;
        margin: 0 auto 10px;
    }
    .hy_fen1 li a {
        width: 100%;
        font-size: 14px;
        padding-top: 20px;
        padding-bottom: 10px;
    }
    .weizhi {
        display: none;
    }
    .hy_z1 {
        padding-top: 20px;
    }
    .hy_z11 {
        margin-top: 0;
        margin-bottom: 0;
        padding: 0px 20px;
    }
    .hy_z11 .hy_v0,
    .hy_v0 video {
        width: 100%;
    }
    .hy_z11 .hy_v1 {
        width: 100%;
    }
    .hy_z11 .rt h2 {
        margin-bottom: 15px;
        margin-top: 20px;
    }
    .rt_ico {
        width: 15%;
        margin-right: 3%;
    }
    .hy_z11 .rt .rt_ico img {
        width: 100%;
        height: auto;
    }
    .hy_z11 .rt .rt_ico2 {
        width: 82%;
        line-height: 24px;
    }
    .hy_z11 .rt h2 span,
    .hb_1 h2 span {
        font-size: 24px;
    }
    .hy_z11 .rt .pp {
        padding-bottom: 20px;
    }
    .hy_a2 .fl,
    .hy_a2 .rt,
    .hy_z11 .fl,
    .hy_z11 .rt {
        width: 100%;
        float: none;
    }
    .hy_z1 .hy_z11 .rt {
        padding-bottom: 20px;
        float: none;
        width: auto;
    }
    .hy_z11 .fl img {
        height: auto;
        min-height: auto;
    }
    .hy_a1,
    .hy_a1 a,
    .hy_a1 a img,
    .hy_a2 .rt a,
    .hy_a2 .rt img {
        height: 260px;
        overflow: hidden;
    }
    .hy_a2 .fl a {
        margin-bottom: 10px;
    }
    .hy_z12 li img {
        width: auto;
        margin-left: -50px;
    }
    .hy_z12 li img.diandon {
        width: 100%;
        margin-left: 0px;
        height: auto;
    }
    .hy_z14 {
        padding-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .hy_z14 .w1200 {
        width: auto;
        padding: 0 20px;
    }

    div.picScroll-left {
        width: 100%;
    }

    div#gallery-slider #slider-images-wrapper ul#slider-main-ul li {
        width: 48%;
        height: auto;
        margin: 0px 1%;
        margin-bottom: 8px;
        border-radius: 0;
    }

    div#gallery-slider #slider-images-wrapper ul#slider-main-ul li a {
        width: 100%;
        border-radius: 0;
    }

    div#gallery-slider ul#slider-main-ul li a img {
        width: 100%;
        max-height: 120px;
        max-width: 350px;
        margin: 0 auto;
    }

    div#gallery-slider ul#slider-main-ul li p {
        background: #fff;
        color: #2a4f91;
        font-size: 12px;
        text-align: center;
        width: 100%;
        height: auto;
        line-height: 30px;
    }
    .hy_z13 {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .hy_z14 .h3 b,
    .hy_z13 .h3 b {
        width: auto;
        font-size: 26px;
        padding-left: 20px;
    }
    .hy_z13 li {
        float: none;
        width: 100%;
        height: auto;
    }
    .hy_z13 li a {
        padding: 0px 20px;
        display: block;
    }
    .hy_z13 li img {
        width: 100%;
        max-width: 350px;
        height: 250px;
        margin: 0;
        padding: 0;
        display: block;
    }
    .hy_z13 li .pa {
        width: auto;
        display: block;
        padding: 0;
        bottom: auto;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        text-align: center;
        background: none;
        margin: 0 auto;
        background: #213c7b;
        position: relative;
    }
    .hy_z13 .h3 {
        margin-bottom: 10px;
    }
    .tabs {
        margin-top: 0;
    }
    .hy_z13 li .pa span {
        display: none;
    }

    body div.tabs ul li label,
    body .tabs .ul5 li span {
        font-size: 14px;
    }

    div.tabs .ul li {
        padding: 0 2px;
    }

    div.tabs ul li label {
        height: 60px;
    }

    div.tabs .content {
        margin-top: 10px;
    }

    div.tabs .ul li::after {
        display: none;
    }
    .hy_vdo {
        width: 100%;
    }

    div.hy_vdo .picScroll-left {
        height: auto;
    }

    div.hy_vdo #gallery-slider ul#slider-main-ul li a img {
        width: 100%;
        max-height: 100%;
        max-width: 100%;
        height: auto;
    }

    div.hy_vdo #gallery-slider #slider-images-wrapper ul#slider-main-ul li {
        width: 100%;
        height: auto;
        margin: 0;
    }

    div.hy_vdo #gallery-slider #slider-images-wrapper ul#slider-main-ul li a {
        width: 100%;
        margin: 0;
        height: auto;
    }
    .hy_14 .liuch ul,
    .hy_14 .liuch .xialv {
        width: 100%;
    }
    .hy_14 .liuch div.h33,
    div .youshi strong,
    .hy_z11 .rt p strong {
        font-size: 18px;
        width: auto;
        padding-left: 10px;
        border-left: 4px solid #28427f;
        height: auto;
        letter-spacing: 0px;
        font-weight: bold;
        line-height: initial;
        margin-top: 0px;
        float: none;
        padding-bottom: 0px;
        margin-bottom: 10px;
        padding-top: 0;
    }

    div.youshi ul li,
    .hy_14 .liuch li,
    .hy_z11 .rt p {
        font-size: 15px;
    }
    .hy_z11 .rt p video {
        max-height: 180px;
    }
    .jzl2 .clearfix.c1 img,
    .jzl2 .clearfix.c1 p,
    .jzl2 .clearfix img,
    .jzl2 p {
        float: none;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
    }
    .jzl2 .clearfix.c1 p,
    .jzl2 p {
        margin-top: 20px;
    }
    .jzl2 .clearfix {
        margin-bottom: 30px;
    }
    .jzl2 p::after {
        display: none;
    }
    .jzl2 p b {
        margin-bottom: 20px;
    }
    .jzl2 {
        width: 100%;
        margin-top: 30px;
    }
    .jzl2 .w1200 {
        width: auto;
        padding: 0px 20px;
    }

    div.youshi {
        width: auto;
        padding: 10px 20px 0;
        border-top: 0;
    }

    div.youshi ul {
        width: 100%;
        padding-top: 20px;
    }
    .hy_14 {
        border-top: 0;
        margin-bottom: 10px;
        padding-top: 10px;
    }
    .hy_z11 .rt p strong {
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .hy_14 .liuch {
        width: auto;
        padding-left: 20px;
    }
    .hy_14 .liuch .xialv {
        margin: 0;
        color: #203f7b;
        font-weight: bold;
        text-align: left;
        background: none;
    }
    .news_sx1 {
        width: 100%;
        font-size: 14px;
        line-height: 29px;
        padding: 12px 0;
    }
    .news_sx1 .fl,
    .news_sx1 .rt {
        float: none;
        padding-left: 20px;
        font-size: 14px;
    }
    .news_sx1 .fl a,
    .news_sx1 .rt a {
        font-size: 14px;
    }

    /*行业结束*/



    /*联系*/
    .ab_banbg {
        width: 100%;
        left: 0;
        margin-left: 0;
        -webkit-animation: initial;
        -webkit-animation-iteration-count: initial;
    }
    .ab_slg1 {
        font-size: 32px;
        top: 140px;
        margin-bottom: 0;
        font-weight: bold;
    }
    .ab_ban.cntat .ab_slg1 {
        font-size: 24px;
        top: 140px;
    }
    .ab_1 {
        padding-top: 20px;
    }
    .contact_page {
        padding-top: 0;
    }
    .ab_ban .ab_slg1 {
        top: 210px;
    }
    .ab_slg1 span {
        font-size: 32px;
        padding-bottom: 0px;
        padding: 0px 20px;
        line-height: 40px;
        padding-bottom: 10px;
    }

    #tabs {
        width: 100%;
        margin-bottom: 20px;
        float: none;
    }

    #tabs li {
        width: 31%;
        margin: 0 1%;
        float: left;
    }

    #tabs a {
        height: 120px;
        font-size: 16px;
        line-height: 30px;
        text-align: center;
        text-indent: 0px;
    }

    #tabs p {
        font-size: 24px;
        letter-spacing: 0;
        text-align: center;
        padding-top: 40px;
    }

    #tabs .asia #current,
    #tabs .europe #current,
    #tabs .america #current {
        background-size: cover;
        background-position: center;
    }

    #tabs .europe #current,
    #tabs .america #current {
        background-size: cover;
        background-position: right center;
    }

    #tabs .arrow {
        display: none;
    }

    #content {
        width: 100%;
        float: none;
        border-top: 0;
    }

    #tab2 .city1 {
        float: none;
        width: 100%;
        margin-right: 0;
        padding: 0;
    }

    #tab2 .city2 {
        float: none;
    }

    #tab2 .other_country .adl,
    #tab2 .other_country .fl {
        padding-right: 0;
        float: none;
    }

    #tab2 .other_country .fl {
        margin-top: 30px;
    }

    /*联系*/
    /*实力*/
    .sl_ban {
        height: auto;
        min-height: initial;
        margin-top: 60px;
    }
    .sl_ban.p40 {
        height: 500px;
    }
    .sl_ban.p40 .ab_slg1 {
        display: block;
    }
    .sl_ban.p40 .ab_slg1 span {
        display: block;
        font-size: 42px;
        letter-spacing: 2px;
    }
    .sl_32v video {
        transform: scale(1.3);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: none;
    }
    .sl_32v {
        height: 240px;
        width: 100%;
    }
    .sl_ban .mouse-scroll {
        display: none;
    }

    ol.ne_menu {
        width: 100%;
        height: auto;
        margin: 0 auto 15px;
    }
    .ne_menu li {
        height: 42px;
        line-height: 42px;
        width: 30%;
        margin: 0 0;
        margin-bottom: 20px;
    }
    .ne_menu li a {
        font-size: 14px;
    }

    div.sl_1 .mask {
        width: 100%;
        margin-bottom: 0;
        -webkit-mask-size: 90%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
    }
    .sl_1 {
        margin-top: 20px;
    }

    div.sl_1 .slogan {
        margin-bottom: 20px;
        margin-top: 0;
    }
    .sl_1 p {
        margin: 0 auto;
        padding: 0px 20px;
    }
    .sl_1 a {
        width: 80%;
    }

    div.overflow {
        height: 1000px;
        height: auto;
    }

    div .panels {
        height: auto;
    }

    div .panels__side--right {
        top: 0;
        height: 330px;
    }
    .panels__side.panels__side--inner-left {
        display: none;
    }

    div .panels__side--left .panels__side--inner {
        height: 540px;
        padding: 30px 20px 20px;
        display: block;
    }
    .panels__side--left .htmleaf-header {
        line-height: 22px;
    }
    .panels__side--right .panels__side--inner {
        height: 90px;
        padding: 20px 20px 10px;
        display: block;
    }

    div .panels__side--inner-right {
        transform: initial;
        padding: 0;
        height: 240px;
    }

    div .panels p img {
        display: block;
        height: auto;
        width: 100%;
    }

    div .panels__side--right p {
        background: none;
    }
    .arrow.arrow--right {
        display: none;
    }
    .panels__side--inner-right {}

    div .htmleaf-header .biaott {
        font-size: 26px;
        text-align: left;
    }

    div .biaott span {
        font-size: 16px;
    }

    div .panels__side--left {
        top: 0;
        height: 500px;
    }

    div .panels p {
        font-size: 16px;
        line-height: 22px;
    }
    .panels__side--inner {}

    .sl_3bg {
        padding: 0;
    }
    .sl_3,
    .sl_3a,
    .sl_30 {
        width: 100%;
    }

    div #master-container {
        padding: 20px 0;
    }

    #master-container .content,
    div #master-container .content,
    .sl_30 .fl {
        width: 100%;
    }
    .sl_30 .fl {
        float: none;
    }

    div #master-container-scroller {
        position: relative;
        right: 0;
        top: 0;
        height: 200px;
        font-size: 28px;
    }

    div #master-container-scroller .master-container-scroller_item {
        animation: initial;
    }
    .sl_30 .rt {
        float: none;
        width: auto;
        padding: 0px 20px;
        font-size: 14px;
        line-height: 21px;
    }

    div .dengyu {
        font-size: 32px;
    }
    .sl_h2 {
        font-size: 24px;
        letter-spacing: 0;
        text-indent: 0px;
        margin-bottom: 20px;
    }
    .sl_30 .rt a {
        width: 80%;
        padding: 0px 20px;
        margin: 30px auto 0;
    }
    .sl_3a {
        margin-bottom: 0;
    }
    .sl_32 {
        padding-top: 140px;
        margin-bottom: 20px;
    }
    .sl_32_h2 {
        font-size: 24px;
        padding-bottom: 10px;
    }

    ul.sl_31,
    .sl_zst_rt {
        width: 100%;
        float: none;
        margin: 0;
    }

    ul.sl_31 .sl_li,
    .sl_pp.fl {
        width: auto;
        float: none;
        padding: 30px 20px 20px 20px;
    }

    ul.sl_31 .sl_li {
        margin-bottom: 2px;
    }
    .sl_pp.fl {
        margin: 0;

        padding: 0px 0px 20px 0px;
    }
    .sl_shili2 .slic,
    .sl_shili2 .slic img {
        width: 100%;
    }

    ul.sl_31 h2 {
        font-size: 22px;
        padding-right: 70px;
    }

    ul.sl_31 h2 span {
        font-size: 28px;
    }
    .sl_zst_rt img {
        width: 46%;
        height: 90px;
        margin: 0 auto 0px;
    }
    .sl_ico {
        width: 75px;
        right: 10px;
        top: 30px;
    }

    ul.sl_31 li ol {
        margin: 0;
    }
    .sl_shili2 .slia,
    .sl_shili2 .slib {
        float: none;
        width: 100%;
    }
    .sl_shili {
        margin: 0;
        float: none;
        width: 100%;
    }

    ul.sl_31 li ol li,
    .sl_31 .sl_ol1 li {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
    .sl_shili div img,
    .sl_shili div span,
    .sl_shili2 .slic span,
    .sl_shili2 .slic {
        width: 100%;
        max-width: 350px;
    }
    .sl_31 li ol li b {
        padding-bottom: 0;
    }
    .sl_shili div {
        width: 80%;
        float: none;
        margin-right: 0;
        margin: 0 auto 20px;
    }
    .M-Stage__storyLine,
    .ab_00:before {
        display: none;
    }
    .hb_1 {
        width: auto;
        padding: 0px;
        background: none;
        height: auto;
        padding: 0px 20px;
        margin-bottom: 30px;
    }
    .hb_1 .fl,
    .hb_1 .rt,
    .li_hd {
        width: 100%;
        display: block;
        float: none;
    }
    .li_hd a {
        background: url(li2.png) no-repeat left 5px;
        background-size: 18px;
        font-size: 14px;
        padding-left: 20px;
    }
    .hb_1 h2 span {
        margin-bottom: 10px;
    }
    .hb_1 h2 {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 10px;
        padding-top: 10px;
    }
    .li_hd {
        line-height: 22px;
        font-size: 14px;
    }
    .hb_1 .rt {
        display: none;
    }
    .hb_2 {
        background: #f5f5f5;
    }
    .hb_21,
    .hb_22 {
        height: 340px;
        padding: 0;
        padding-top: 0;
        padding-bottom: 20px;
        padding-top: 280px;
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
    }
    .hb_21 .w1200,
    .hb_22 .w1200 {
        background: none;
    }
    .hb_21 .w1200 .fl,
    .hb_22 .w1200 .rt {
        margin-top: 0px;
        margin-bottom: 20px;
        border-bottom: 1px solid #fff;
        margin: 0px 10px 20px;
        padding-bottom: 10px;
    }
    .hb_22 .w1200 .rt {
        border-bottom: 0px;
    }
    .hb_22 {
        height: 200px;
    }
    .hb_3 p {
        font-size: 14px;
        line-height: 24px;
        padding: 0px 15px;
        text-align: left;
    }
    .hb_3 ul {
        width: 100%;

    }
    .hb_22 .rt h2,
    .hb_21 .fl h2 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .hb_3 ul li {
        width: 33%;
        height: 90px;
    }
    .hb_3 ul li img,
    .hb_3 ul li.c2 img {
        width: 80%;
    }
    .hb_3 {
        padding: 20px 0;
    }
    .hb_3 h2 {
        font-size: 24px;
    }
    .hb_22 .rt,
    .hb_21 .fl {
        width: auto;
        padding-left: 20px;
        padding-right: 20px;
        float: none;
        font-size: 14px;
    }
    .hb_21 .fl p {
        text-align: left;
    }
    .hb_21 {}

    .hb_0 {
        height: auto;
    }
    .zdh_lc_1 {
        padding-top: 0px;
        background: none;
    }
    .art_content {
        width: 100%;
    }
    .lc1 {
        width: auto;
        padding: 20px 20px 20px;
        float: none;
        margin-bottom: 10px;
        border-bottom: 1px solid #ccc;
    }
    .lc1 ul {
        display: none;
    }
    .lc1 h2 {
        display: none;
    }
    .zdh_h3 {
        width: 100%;
        border-radius: 0px;
        margin-left: 0px;
        position: relative;
        top: 0px;
        left: 0;
        padding: 0px 0;
    }
    .zdh_h3 img {
        width: 90%;
    }
    .wave-box {
        display: none;
    }

    #Catalog_box ul {
        display: none;
        opacity: 0;
        position: relative;
    }
    .lc1_h2 {
        height: 46px;
        margin-bottom: 20px;
    }
    .lc1 p a.m {
        background: #eee;
        padding: 0;
    }
    .lc1 p a.m {
        padding-left: 0;
        width: 100%;
    }
    .lc1 .lh2 {
        font-size: 42px;
        line-height: 40px;
        padding-left: 0px;
        letter-spacing: 0;
        display: initial;
    }

    div .lc1 .lh2 h4 {
        position: relative;
        right: 0;
        bottom: 0;
        display: initial;
        font-size: 32px;
        line-height: inherit;
        padding-left: 10px;
    }
    .lc1::before {
        height: 44px;
        top: 20px;
    }
    .lc1 p a b {
        padding-right: 10px;
    }
    .lc1 p a {
        font-size: 15px;
        float: left;
        width: 50%;
    }
    .lc1 .fl {
        float: none;
    }
    .lc1 p {
        width: 100%;
    }
    .zdh_2 .fl h3 {
        font-size: 24px;
        margin-bottom: 0px;
    }

    body .zdh_2 .example .slidee .bd img.wbd2 {
        width: 90%;
        padding-top: 20px;
        height: auto;
        padding-top: 0;
        margin: 0 auto;
    }
    .example .fangd {
        display: none;
    }
    .example .slidee .bd {
        height: auto;
    }
    .example .slidee,
    .zdh_2 .rt {
        width: 100%;
        height: auto;
    }
    .zdh_2 .fl {
        width: auto;
        padding: 10px 20px;
    }
    .zdh_2 {
        margin-bottom: 20px;
    }

    #cont {
        display: none;
    }
    .innimg {
        display: block;
        width: 100%;
        max-width: 450px;
        margin: 20px auto;
    }
    .innimg img {
        width: 45%;
        height: auto;
    }
    .shili-2 h2 {
        font-size: 24px;
        text-align: left;
        padding-left: 20px;
    }
    .shili-2 .zuo .p1 {
        width: auto;
        padding: 0px 20px;
        height: auto;
    }
    .shili-2 .mst p {
        height: auto;
    }
    .shili-2 .mst .rt .pa {
        display: none;
    }
    .shili-2 .mst,
    .shili-2 you .p1,
    .shili-2 .p1 {
        width: auto;
        padding: 0px 20px;
        height: auto;
    }
    .shili-2 .you .mst .rt {
        padding-top: 20px;
    }
    .shili-2 .you {
        padding-bottom: 20px;
    }
    .shili-2 h2 i {
        margin-bottom: 20px;
    }
    .shili-2 .zuo,
    .shili-2 .you {
        width: 100%;
        float: none;
    }
    .shili-2 .rt img {
        width: 160px;
    }
    .shili-3 .w1200 {
        padding: 0px 20px;
        width: auto;
    }
    .shili-3 {
        padding: 30px 0;
    }
    .shili-3 h2 {
        font-size: 22px;
        padding-left: 0px;
    }
    .shili-3 h2 i {
        display: none;
    }
    .shili-3 p {
        font-size: 15px;
        padding: 20px 0px;
    }
    .guanli_1 h2 {
        font-size: 24px;
        padding-bottom: 0;
        padding-left: 20px;
        text-align: left;
    }
    .guanli_1 p {
        width: auto;
        padding: 0px 20px;
        text-align: left;
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 20px;
        margin-top: -15px;
    }
    .guanli_2 {
        padding-bottom: 30px;
    }
    .zhil-1 {
        width: 100%;
        padding: 20px 0px;
        margin-top: 30px;
    }
    .bbt {
        font-size: 20px;
        padding: 0px 20px;
    }
    .zhil-2 .bbt {
        font-size: 24px;
        color: #213c7b;
    }
    .zhil-1 .p1 {
        width: auto;
        padding: 0px 20px;
        height: auto;
        font-size: 15px;
    }
    .zhil-1 .tanchu {
        width: 100%;
        padding-top: 20px;
    }
    .zhil-1 .tanchu .fl,
    .zhil-1 .tanchu .rt {
        float: none;
    }
    .zhil-1 .tanchu a {
        margin: 0 auto 20px;
    }
    .zhil-2 {
        background: none;
        margin-top: 0;
        padding: 30px 0;
    }
    .zhil-2 ul li {
        box-shadow: none;
        margin-right: 0;
        width: 100%;
        float: none;
        max-width: 400px;
        margin: 0 auto;
    }
    .zhil-2 ul li h3 {
        padding-left: 0px;
        line-height: 28px;
        padding-top: 20px;
    }
    .zhil-2 ul li .xx {
        height: 5px;
        border-bottom: 0;
    }
    .zhil-2 ul li .xx i {
        height: 15px;
    }
    .zhil3 ul li {
        width: 100%;
    }
    .zhil-2 ul li .inn span {
        font-size: 24px;
        padding-bottom: 0;
    }
    .zhil-2 ul li p {
        padding-bottom: 20px;
    }
    .zhil-2 ul li .inn {
        margin: 0 20px;
        width: auto;
        height: auto;
    }
    .zhil-2 ul li.li1 {
        width: 100%;
        float: none;
    }
    .zhil3 {
        padding: 0px 0;
        margin-bottom: 30px;
    }
    .zhil3 ul {
        margin-top: 20px;
        padding: 0 20px;
    }
    .zhil3 ul li h2 {
        text-align: left;
        padding-bottom: 5px;
    }
    .zhil3 li img {
        width: 60px;
        right: -20px;
    }
    .zhil3 .bbt {
        font-size: 24px;
    }

    div .zhil3 li.lastli {
        width: auto;
    }
    .zhil3 li.lastli img {}

    .zhil-2 ul {
        margin: 0;
    }
    .zhil-2 ul li.lastli {
        width: 100%;
    }
    .zhil3 ul li {
        float: none;
        width: auto;
        padding: 20px 20px;
        height: auto;
        margin-bottom: 20px;
        margin-right: 0;
    }

    /*关于*/
    .ab_10 .w1200 b {
        margin-top: 20px;
        display: inline;

    }
    .ab_10 .w1200 p {
        padding: 0px 20px;
        font-size: 16px;
        text-align: justify;
        line-height: 24px;
    }
    .ab_11 {
        margin: 20px auto 20px;
    }
    .ab_11 img {
        width: 100%;
    }
    .ab_11 span {
        margin-left: 20px;
    }
    .p4_logo_ab {
        display: block;
    }
    .ab_qh li img {
        height: 160px;
    }

    div.index-page03 .logo-box .list {
        width: 25%;
    }
    .ab_qh li span {
        top: 120px;
    }
    .ab_qh li img.on2 {
        left: 50%;
        padding-top: 30px;
        margin-left: -36px;
    }
    .ab_qh ul {
        width: 100%;
    }
    .ab_qh li {
        width: 31%;
        margin: 0px 1% 20px;
    }
    .ab_qh li i {
        width: 100%;
        top: 0;
        left: 0;
        border: 0;
    }
    .footer {
        padding-top: 20px;
    }
    .ab_31 {
        margin: 20px auto 0;
        padding-bottom: 0;
    }
    .ab_3 .h22 {
        display: none;
    }
    .ab_fff {
        padding-bottom: 30px;
        padding-top: 10px;
    }
    .ab_3 .section4 {
        margin: 0 auto;
    }
    .jiagou {
        width: 100%;
    }
    .jiagou .jiagou0 {
        width: 80%;
        height: 90px;
        background-size: 160px;
    }
    .jiagou .jiagou0 a {
        width: 100%;
        background: url('more.png') no-repeat center 122px;
        display: none;
    }
    .jiagou .jiagou01 {
        width: 90%;
    }
    .jiagou1 {
        width: 90%;
        border: 1px solid #014b8a;
        padding-top: 20px;
        margin-top: 20px;
        background: #fff;
    }
    .jiagou .jiagou1 span {
        width: 85%;
        margin: 0px auto 20px;
        float: none;
        height: 57px;
        padding: 10px 0;
    }
    .ab32 img,
    .ab32 .w1200 {
        width: 100%;
    }
    .jiagou3 .fl {
        width: 90%;
        margin: 0;
        float: none;
        margin: 0 auto;
        background: #fff;
        padding-top: 20px;
        border: 1px solid #014b8a;
    }
    .jiagou3 .fl span {
        width: 80%;
        margin: 0 auto 20px;
        padding: 10px 10px;
        display: block;
        float: none;
    }
    .jiagou span {
        position: relative;
    }
    .jiagou .jiagou0:after,
    .jiagou .jiagou01:after,
    .jiagou1::after,
    .jiagou3::after {
        content: "";
        display: block;
        position: absolute;
        bottom: -50px;
        height: 50px;
        width: 1px;
        background: #002045;
        left: 48%;
    }
    .jiagou3::after {
        bottom: auto;
        top: -50px;
    }
    .jiagou3,
    .ab_41 .rt {
        width: 100%;
        margin: 0 auto;
        float: none;
    }
    .jiagou-bg,
    .fl.ab_411 {
        display: none;
    }

    div.abtu_m {
        display: block;
    }
    .ab_41 .rt h2 {
        padding: 0px 20px;
        line-height: 30px;
    }
    .ab_41 .rt h2::after {
        display: none;
    }
    .ab_41 .rt h2 span {
        font-size: 20px;
        padding-right: 50px;
        position: relative;
    }
    .ab_41 .rt h2 span img {
        position: absolute;
        right: 10px;
        top: 4px;
        width: 40px;
    }
    .ab4_pic2 .ab_gjc {
        padding-left: 20px;
        margin-bottom: 30px;
    }

    div .ab4_pic2 .ab_gjc img {
        max-width: 315px;
        max-height: 294px;
        display: block;
    }
    .ab_41 .rt p {
        width: auto;
        padding: 0px 20px;
        margin-bottom: 20px;
    }

    div.abtu_m {
        padding: 0px 20px;
    }

    div.abtu_m img {
        width: 45%;
    }

    div#contents.history .section_box {
        width: 100%;
        margin-top: 20px;
        padding-top: 50px;
    }

    div#contents.history .section_box .title {
        position: relative;
        top: 0;
        font-size: 32px;
    }

    div#contents.history .section_box .title span {
        font-size: 26px;
    }

    #contents.history .circle,
    #contents.history .section_box .ico {
        display: none;
    }

    div#contents.history .section_box .year_ul li {
        width: 100%;
        float: none;
    }

    div#contents.history .section_box .title img {
        display: block;
        margin: 0 auto;
    }

    div #contents.history .year_box {
        height: auto;
    }

    div#contents.history .section_box .year_ul li.left_box .year_box {
        padding-right: 0;
        width: 100%;
        height: auto;
        margin-bottom: 20px;
        border-bottom: 1px solid #ccc;
        padding-bottom: 20px;
    }

    div#contents.history .section_box .year_ul li.left_box .year_box .rt {
        float: none;
    }

    div#contents.history img.fl {
        float: none;
    }

    #contents.history .section_box .year_ul li.left_box .year_box .round,
    #contents.history .section_box .year_ul li.left_box .year_box:after,
    #contents.history .section_box .year_ul li.right_box .year_box .round {
        display: none;
    }

    #contents.history .section_box .img {
        display: none;
    }

    div#contents.history .section_box .year_ul {
        width: 90%;
        margin: 0 auto;
    }

    div#contents.history .section_box .year_ul .longline {
        display: none;
    }

    body div#contents.history .section_box .year_ul li.left_box {
        float: none;
        text-align: left;
        width: 90%;

    }

    div#contents .his_mm {
        display: block;
    }

    div#contents.history .section_box .year_ul li.right_box {
        display: block;
    }

    #contents.history .section_box .year_ul li.right_box .year_box {
        padding-left: 0;
    }

    #contents.history .section_box .year_ul li.right_box,
    #contents.history .section_box .year_ul:after {
        display: none;
    }

    div#contents.history .year_box {
        width: 100%;
    }

    div#contents.history .section_box.left .year_ul .left_box,
    div#contents.history .section_box .year_ul li.right_box {
        display: none;
    }

    div.shouji2 {
        width: 90%;
        margin: 0 auto;
        display: block;
    }
    .shouji2 .fl,
    .shouji2 .rt {
        display: block;
        float: none;
        text-align: left;
        width: 90%;
    }

    #contents.history img {
        border-radius: 10px;
    }

    div#contents.history .year_box {
        border-bottom: 1px solid #ccc;
        height: auto;
        margin-bottom: 20px;
        padding-bottom: 30px;
    }
    .hexin .w1200 {
        width: 100%;
    }
    .hexin ul li {
        width: 100%;
        margin-right: 0;
        float: none;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .hexin ul li .ward .imm {
        width: 90%;
        height: auto;
        margin: 0 auto;
    }
    .mission .rt {
        float: none;
    }
	.mission .rt b {
        width: 100%;
        text-align: center;
    }
    .miss-h3 {
        padding-top: 40px;
        font-size: 32px;
    }
    .miss-h3 span {
        font-size: 30px;
    }
    .mission ul li {
        float: none;
        width: 90%;
        height: auto;
        padding: 20px 5% 30px;
        height: 200px;
        margin-bottom: 5px;
    }
    .mission ul li .bg,
    .mission ul li.ll2 .bg,
    .mission ul li.ll3 .bg {
        opacity: .6;
        height: 100%;
        background-size: cover;
    }
    .shiming {
        height: 450px;
    }
    .shiming .w1200 {
        padding-top: 150px;
    }
    .shiming p {
        padding: 40px 20px 0;
        font-size: 18px;
    }
    .mission {
        padding: 0px 0;
    }
    .value {
        padding: 120px 0px 50px;
    }
    .value ul li {

        width: 20%;
        height: 230px;
    }
    .value ul .ml-2 {
        margin-left: 0px;
    }
    .value ul li img {
        width: 100%;
    }
    .value ul {
        margin-left: 0;
    }
    .value ul li p {
        width: 100%;
        font-size: 13px;
        padding-top: 20px;
    }
    .value ul li p span {
        display: block;
    }
    .ab_41 .fl {
        width: 100%;
        float: none;
    }
    .ab_41 .fl img {
        width: 90%;
        margin: 0 auto;
        max-width: 400px;
    }
    .ab_41 .rt ul {
        padding: 0px 20px;
    }
    .ab4_pic {
        margin-top: 20px;
        margin-left: 20px;
        margin-right: 20px;
    }
    .ab4_rt_1 {
        height: auto;
        margin-bottom: 40px;
        padding-right: 0;
    }
    .ab_gjc.ab4_rt_1 {
        float: none;
    }
    .ab4_pic .ab4_rt img {
        width: 100%;
        height: 200px;
        margin-bottom: 10px;
    }
    .ab4_rt span {
        width: 100%;
    }

    /*关于结束*/
    /*服务*/
    .mapp .w1200 .clearfix,
    .sr_1a span:before {

        display: none;
    }
    .sr_1a p i {
        margin-bottom: 30px;
    }
    .mapp {
        margin-top: 50px;
        margin: 0px 20px;
    }
    .sr_1a span {
        color: #fff;
        width: 100%;
    }
    .mapp .w1200 {
        width: 100%;
        height: auto;
    }
    .sr_1a,
    .sr_1a.s1,
    .sr_1a.s2,
    .sr_1a.s3 {
        position: relative;
        width: 100%;
        top: 0;
        left: 0;
        height: auto;
        margin-bottom: 20px;
    }
    .sr_2 ul {
        width: 100%;
        padding: 40px 0 10px;
    }
    .sr_2 ul li {
        float: none;
        width: auto;
        padding: 0px 20px;
        margin-right: 0;
        margin-bottom: 30px;
    }
    .ser_3bg h3 {
        font-size: 26px;
        padding-bottom: 20px;
    }
    .ser_3_a li,
    .ser_3_a li.fst {
        width: auto;
        padding: 0 20px;
        float: none;
        margin: 0 auto 20px;
    }
    .ser_3_a li div,
    .ser_3_a li.md div,
    .ser_3_a li.last div {
        width: 100%;
        padding: 0;
        border: 0;
        margin-top: 0;
        height: auto;
        margin-left: 0;
        text-align: center;
    }
    .ser_3bg {
        background: none;
        padding: 20px 0;
    }
    .ser_3_a li b,
    .ser_3_a li.fst p {
        width: 100%;
        padding: 20px 0;
    }
    .ser_3_a li.fst b,
    .ser_3_a li.md b,
    .ser_3_a li.last b {
        background: #0f356e;
        height: auto;
        text-align: center;
        font-size: 24px;
        padding: 20px 0;
        text-indent: 0px;
    }
    .ser_3_a li p {
        font-size: 15px;
    }
    .ser_3_a li p i.i {
        padding-left: 0;
    }
    .ser_3c {
        margin: 0px 20px;
        width: auto;
        max-width: 100%;
        min-width: 80%;
    }
    .ser_3c img {
        width: 100%;
        padding: 0px 0px;
        float: none;
        height: auto;
        display: block;
    }
    .ser_3c .rt {
        float: none;
        width: 100%;
        padding-bottom: 40px;
    }
    .ser_3c .rt h3 {
        font-size: 18px;
        padding-top: 10px;
        margin-bottom: 10px;
    }
    .ser_3c .rt b {
        font-size: 18px;
        font-weight: bold;
        padding-top: 0;
    }
    .ser_4 p.tmd {
        font-size: 24px;
        text-align: left;
        padding: 10px 20px 0;
        line-height: 32px;
        margin-top: 50px;
    }
    .ser_4_1 {
        height: auto;
        margin-bottom: 50px;
    }
    .setu {
        height: 250px;
        width: 100%;
        float: none;
    }
    .rt.sezw,
    .fl.sezw {
        width: auto;
        float: none;
        padding: 20px 20px;
        height: auto;
    }
    .ser_4_1 {
        background: none;
    }
    .sezw1 .sezw:before,
    .sezw3 .sezw:before,
    .sezw5 .sezw:before,
    .sezw7 .sezw:before {
        display: none;
    }
    .news_ul_tv {
        width: 100%;
    }
    .news_ul li,
    .news_ul_tv li {
        padding: 0px 20px;
        height: auto;
        width: auto;
        float: none;
    }
    .news_ul_tv li {
        padding: 0;
    }


    .news_ul li a,
    .news_ul_tv li a {
        width: 100%;
        height: auto;
    }
    .news_ul li .fl {
        width: 100%;
        float: none;
    }
    .news_ul li .fl img,
    .news_ul_tv li img {
        height: auto;
        -webkit-transform: scale(1.1);
    }
    .news_ul_tv li .bgg {
        opacity: .7;
    }
    .news_ul_tv li img {
        height: 100%;
    }
    .news_ul li .rt {
        width: 100%;
        height: auto;
    }
    .news_ul li .rt h3 {
        font-size: 24px;
        margin-top: 30px;
        line-height: 32px;
    }
    .news_ul li .rt p {
        max-height: inherit;
        height: auto;
        text-align: left;
        line-height: 24px;
        display: none;
    }
    .news_ul li .rt span {
        width: 150px;
        margin-bottom: 40px;
        margin-top: 0;
    }
    .fenye {
        padding: 30px 0;
    }
    .fenye ul {
        width: 100%;
    }
    .fenye li {
        display: block;
        float: left;
        margin-bottom: 15px;
    }
    .fenye li a,
    .fenye li.thisclass {
        padding: 6px 6px;
    }
    .news_down {
        margin-top: 50px;
    }
    .news_down .h2 span {
        font-size: 24px;
    }
    .news_ul_down {
        width: 100%;
        margin: 0;
    }
    .news_ul_down li {
        height: 230px;
    }
    .news_ul_down li .fl2 {
        margin: 10px auto 20px;
    }
    .news_ul_down li {
        width: auto;
        padding: 0px 0px;
        float: none;
        margin: 20px;
        border: 0;
    }
    .news_ul_down li .fl1 {
        margin: 20px auto 0;
    }
    .news_ul_down li a {
        margin: 0px;
        padding-top: 10px;
        padding-bottom: 20px;
    }
    .news_n1.ab_ban .weizhi {
        width: 100%;
    }
    .news_n1.ab_ban {
        display: none;
    }
    .ab_ban {
        margin-bottom: 20px;
    }
    .news_1 {
        padding-top: 50px;
    }
    .news_h2 {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 10px;
    }
    .news_1 .w1200 {
        width: auto;
        padding: 0px 20px;
    }
    .news_1p {
        font-size: 12px;
    }
    .news_2p img {
        width: 100%;
        height: auto;
        max-height: auto;
    }
    .news_sx {
        width: 100%;
    }
    .news_sx {
        line-height: 30px;
        padding: 5px 0;
    }
    .news_sx .rt,
    .news_sx .fl {
        float: none;
        line-height: 30px;
        display: block;
        font-size: 12px;
        padding-left: 20px;
    }
    .backlb img {
        width: 60px;
    }
    .p5_news.new_pp5 {
        display: none;
    }
    .backlb {
        font-size: 14px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .bdmapa.pc {
        display: none;
    }
    .bdmapa.mb {
        display: block;
    }
    .point {
        display: none;
    }
    .wel_logo {
        background-size: 240px;
        height: 50px;
        padding-top: 70px;
        margin-top: 0px;
        letter-spacing: 6px;
    }
    .jumbotron h1 {
        font-size: 16px;
    }
    .wel_cen {
        width: 100%;
    }
    .wel_cen a {
        float: none;
        display: block;
        margin: 0 auto 25px;
        width: 90%;
        max-width: 400px;
    }
    .hy_xiangguan {
        width: 90%;
        margin: 0 auto;
    }
    .hy_xiangguan ul {
        width: 100%;
        height: auto;
        margin: 0;
    }
    .hy_xiangguan ul li {
        float: none;
        margin: 0 auto;
        margin-bottom: 20px;
    }
}

@media (max-width: 360px)
/*iphone4-5*/

    {

    div .ab4_pic2 .ab_gjc img {
        max-width: 260px;
        max-height: 242px;
        display: block;
    }

}

@media (min-width: 768px) and (max-width:1024px)
/*pad*/
    {}

@media (min-width: 1024px) and (max-width:1199px)
/*ipad pro*/
    {}