/* 瀵艰埅 */
html,
body {
    overflow-x: hidden;
}

a {
    color: #333;
    text-decoration: none
}

a:hover,
a:focus {
    color: #2a639c;
    text-decoration: none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    *zoom: 1;
}

.clear:after {
    content: '';
    display: block;
    clear: both;
}

/* 专题页 */
.special_banner img{
    width: 100%;
}
.special_main{
    background: #fff url(../images/icon/special_bgb.jpg) no-repeat left bottom;
}
.special_two{
    background: #fff;
}
.special_main .item_titles{
    text-align: center;
    margin: 4% auto 3%;
}

.item_indlist .item_titles{
    text-align: center;
    margin: 5% auto 3%;
}


.special_main .item_titles h2{
    display: inline-block;
    padding-left: 10%;
    font-size: 24px;
    font-size: 2.4rem;
    color: #2b639c;
    text-align: center;
    padding-left: 40px;
    background: url(../images/zticons01.png) no-repeat left center;
}
.special_main .item_Section h2{
    margin: 0 auto;
    background-size: cover;
    min-height: 75px;
}
.special_main .item_Section{
    position: relative;
    padding: 2% 0 2%;
    margin: 1% auto;
    /* min-height: 75px; */
}
.special_main .ind_main .item_Section{
    padding: 3% 0 3%;
}
.special_main .item_Section a{
    position: absolute;
    top: 24%;
    right: 0;
    z-index: 99;
    font-size: 14px;
    font-size: 1.4rem;
    color: #333;
}

.special_main .ind_main .item_Section h2 span{
    padding-left: 14%;
}
.special_main .special_bg01 h2{
    background: url(../images/icon/special_line01.png) no-repeat center center;
}
.special_main .special_bg02 h2{
    background: url(../images/icon/special_line02.png) no-repeat center center;
}
.special_main .special_bg03 h2{
    background: url(../images/icon/special_line04.png) no-repeat center center;
}
.special_main .special_bg04 h2{
    background: url(../images/icon/special_line03.png) no-repeat center center;
}

.special_main .ddList00 li{
    background: url(../images/icon/special_icon.png) no-repeat left 15px;
}
.special_main .footer_bom .sydw{
    left: 13%;
}

.special_footer .footer{
  background: none;
  padding-bottom: 2%;
}
.special_footer .footerNav a,
.special_footer .footer p,
.special_footer .footer p span
{
    color: #333;
    line-height: 3.6rem;
}
.special_footer .footerNav{
    margin-bottom: 0;
}


.text_title{
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 3.6rem;
}
.text_title p{
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 3.6rem;
}
.special_two .text_title p{
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 3.6rem;
    min-height: 280px;
}

.text_title a{
    display: block;
    color: #f28300;
    font-size: 16px;
    font-size: 1.6rem;
    text-align: right;
}
.item_indlist img{
    width: 100%;
}

.newlist_ins li{
    width: 96%;
    padding-left: 20px;
    background: url(../images/icon/n_yuan.png) no-repeat left 10px;
    margin-bottom: 3%;
}
.newlist_ins li p{
   font-size: 18px;
   font-size: 1.8rem;
}
.newlist_ins li span{
    margin-left: 12px;
    float: right;
}
.special_bgsr h3{
    font-size: 24px;
    font-size: 2.4rem;
    text-align: center;
    padding-bottom: 4%;
}

.special_bgc{
    background: #f8f8f8;
}



.footer {
    background:#575757;
    padding: 1% 15px;
    text-align: center;
}

.footer p,.footer p span {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
    color: #fff;
    text-align: center;
}
.footer p span{
    margin-left: 16px;

}
.footer_top li a {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 30px;
    color: #e8e7e7;
    text-align: left;
    display: block;
}

.footer_top li a:hover {
    color: #fff;
}

.footer_bom p a {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 30px;
    color: #e8e7e7;
    text-align: center;
}
.footer_bom {
    position: relative;
}
.footer_bom .sydw{
    position: absolute;
    top: -20px;
    left: 16%;
    z-index: 9;
}


.footerNav {
    margin: 3.8% auto 1.8%;
}
.footerNav a{
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
}
.footer_weix{
    position: relative;
}
.footerWx{
    position: absolute;
    bottom: -2px;
    right: 6px;
    z-index: 6;
}
.footerWx p{
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 30px;
    color: #fff;
    text-align: center;
    margin-top: 8px;
}
.special_bgsr{
    background: url(../images/ztibgtp.jpg) no-repeat left center;
    padding: 3% 0;
}
.specialind_footer{
    margin-top: 4%;
}
.specialind_footer .footer{
    background: #2b639c;
}
.specialind_footer .footerNav {
    FONT-WEIGHT: 100;
    margin: 0 auto 1%;
}

.special_main .tableft_in .ddList00 li {
    background: url(../images/icon/special_icon.png) no-repeat left 24px;
}
/*导航*/

.wraq_header {
    width: 100%;
    background: #dadada;
}


.logo {
    width: 46%;
    float: left;
    text-align: center;
    padding-top: 0.5%;
}

.logo a {
    display: block;

}

.logo img {
    width: 100%;
    margin: 0 auto;
}


/*导航*/
.navtopbar ul li>a i {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -6px;
    z-index: 99;
    width: 12px;
    height: 11px;
    background: url(../images/icon/navicont06.png) no-repeat bottom center;
    display: none;
}

.navtopbar>ul {
    margin: 0 auto 0;
    width: 100%;
    position: relative;

}

.minfoWrap .minfoWrap_inner ul img {
    float: none;
    margin: 0 10px 0 0;
    float: left;
}

.navtopbar ul li {
    float: left;
    /* position: relative; */
    padding: 0 3.2%;
    line-height: 55px;
}
.special_main .navtopbar ul li{
    line-height: 60px;
}

/* .navtopbar>ul>li:last-child {
    padding-right: 0;
} */

.navtopbar>ul>li:first-child {
    padding-left: 0;
}

.navtopbar ul li a {
    padding: 0;
    text-align: center;
}

.navtopbar ul li>a {
    font-size: 18px;
    font-size: 1.8rem;
    color: #2a639c;
    display: block;
    font-weight: normal;
}
.special_main .wraq_header {
    width: 100%;
    background: #2a639c;
}

.special_main .navtopbar ul li>a {
    font-size: 18px;
    font-size: 1.8rem;
    color: #fff;
    display: block;
    position: relative;
}
.special_main .navtopbar ul li>a:hover,
.special_main .navtopbar ul li.on>a {
    color: #fff;
    font-weight: bold;

}

.special_main .navtopbar ul li{
    padding: 0 3.5%;
}
.special_main .navtopbar>ul>li:first-child{
    padding-left: 0;
}
.special_topm{
    margin-top: 3%;
}
.special_main .banner_in {
    padding-left: 20px;
}
.navtopbar .nav01 li a {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 30px;
    text-align: left;
    color: #333;
}
.special_main .ddList00 li.news_first{
    height: auto;
    background:none;
    margin-bottom: 3%;
}
.special_main .ddList00 li.news_first img{
    float: left;
    width: 40%;
}
.special_main .ddList00 li.news_first p{
    float: right;
    width: 56%;
}
.special_main .ddList00 .news_first a{
    padding-left: 0;
}
.news_first a p{
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 30px;
    text-align: left;
    color: #333;
}
.special_main .ind_main {
    margin-top: 3%;
}
.navtopbar ul li>a:hover,
.navtopbar ul li.on>a,
.navtopbar ul li>a:hover p,
.navtopbar ul li.on>a p

 {
    color: #2a639c;

}

.navtopbar ul li>a:hover i,
.navtopbar ul li.on>a i {
    display: block;
}


/* .navtopbar .minfoWrap {
    position: absolute;
    left: 0%;
    top: 66px;
    width: 320px;
    z-index: 9993;
    display: none;
    background: #fff;
    padding: 5px;
    font-size: 18px;
    font-size: 1.8rem;
}

.navtopbar .minfoWrap_inner {
    width: auto;
    margin: 0 auto;
}

.navtopbar .minfoWrap_inner .nav01 li {
    margin: 0;
    display: inline-block;
}

.navtopbar .minfoWrap a {
    line-height: 35px;
    text-align: center;
    color: #333;
    font-size: 18px;
    font-size: 1.8rem;
}

.navtopbar .minfoWrap_inner a:hover,
.navtopbar .minfoWrap_inner a.hover {
    text-decoration: none;
    color: #2a639c;
   
} */
.minfoWrap {
    position: absolute;
    padding-bottom: 2%;
    left: 0%;
    width: 100%;
    z-index: 9993;
    display: none;
    background-color: #f2f5f5;
    color: #333;
    font-size: 14px;
    font-size: 1.4rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

.minfoWrap_inner {
    width: auto;
    margin: 0 auto;
    padding: 18px 0 0 18px;
}

.minfoWrap_inner .fl {
    width: 206px;
    color: #2b639c;
    float: left;
    overflow: hidden;
}

.minfoWrap_inner .fl img {
    width: 100%;
    display: block;
}

.special_li .nav01 {
    width: 590px;
    float: left;
}

.nav01 {
    width: 100%;
    float: left;
}


ul .nav01 li {
    width: 14%;
    float: left;
    text-align: left;
    background: none;
    margin-bottom: 2px;
}
.special_li .nav01 li {
    width: 25%;
    float: left;
    text-align: left;
    background: none;
    margin-bottom: 10px;
}
.special_width .nav01 li{
    width: 32%;
}

.navtopbar ul .nav01 li{
 padding: 0 2%;
}

.nav_widths .nav01 li{
    width: 50%;
}

.navtopbar ul li:last-child .nav01 li:first-child{
    width: 14%;
}
.navtopbar ul li:last-child .nav01 li:last-child{
    width: 40%;
}


.minfoWrap a {
    text-align: left;
    color: #333;
    padding: 0;
    font-size: 14px;
    font-size: 1.4rem;
    border-right: none;
}

.minfoWrap_inner .fr {
    float: left;
    width:314px;
    line-height:30px;
    margin:0 14px 0 0;
    text-align: left;
    font-size: 16px;
    font-size: 1.6rem;
    color: #2a639c;
}
.special_li .minfoWrap_inner .fr {
    margin:0 14px 0 20px;
}
.minfoWrap_inner a:hover,
.minfoWrap_inner a.hover {
    text-decoration: none;
    color: #ee931d;
    background: none;
}

.minfoWrap_inner a {
    border-left: none;
}

.nav-wrapper {
    z-index: 9992
}

ul .nav01 li.cur01 {
    width: 60%;
    clear: both;
}

.navtopbar ul .nav01 li.cur02 {
    width: 40%;
    float: right;
}

.navtopbar ul .nav01 li.cur03 {
    width: 50%;
}

.navtopbar ul .nav01 li.cur04 {
    width: 40%;
}

.navtopbar ul .nav01 li.cur05 {
    width: 30%;
}

.wraq_header.current .infoTops {
    display: none;
}

.wraq_header.current .navtopbar ul li>a {
    color: #fff;
}

.wraq_header.current .navtopbar ul li>a:hover {
    color: #2a639c;
}

/* .special_main .navtopbar ul li>a:hover, 
.special_main .navtopbar ul li.on>a{
    color: #fff;
}
 */
 .special_main .wraq_header.current .navtopbar ul li>a{
    color: #fff;
}

.wraq_header.current .navtopbar .minfoWrap_inner a:hover,
.wraq_header.current .navtopbar .minfoWrap_inner a.hover {
    text-decoration: none;
    color: #2a639c;
    /* font-weight: bold; */
}

.navtopbar-wrapper {
    z-index: 9992
}

.navtopbar ul .nav01 li.cur05 {
    width: 30%;
}

.wraq_header.current .navtopbar li {
    height: 65px;
    line-height: 65px;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
}

.wraq_header.current .navtopbar {
    height: 70px;
}

.wraq_header.current {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 65px;
    background: none;
    background-color: #2a639c;
    z-index: 99999;
    box-shadow: 0 4px 4px rgba(0, 51, 52, .5);
}

.wraq_header.current .logo {
    transition: width 0.3s ease 0s;
    -webkit-transition: width 0.3s ease 0s;
    -moz-transition: width 0.3s ease 0s;
    width: 23%;
    padding-top: 0.9%;
    display: none;
}

.wraq_header.current .logo img {
    width: 120%;
    margin: 0 auto;
    transition: width 0.3s ease 0s;
    -webkit-transition: width 0.3s ease 0s;
    -moz-transition: width 0.3s ease 0s;

}

.wraq_header.current .union_top {
    height: 60px;
    width: 240px;
    position: absolute;
    left: 50%;
    margin-left: -720px;
    background: none;
    padding: 5px 0;
}

.wraq_header.current .union_in .union_right {
    display: none;
}

.wraq_header.current .header {
    height: 60px;
    line-height: 60px;
    /* margin-left: 200px;
    width: 998px; */
    background: none;
    /* position: absolute;
    left: 50%;
    margin-left: -366px; */
}

.wraq_header.current .minfoWrap {
    display: none !important;
}

/* .wraq_header.current {
    z-index: 9999;
    position: fixed;
    height: 86px;
    top: -86px;
    background: #2a639c;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    transform: translateY(86px);
    -webkit-transform: translateY(86px);
    -ms-transform: translateY(86px);
    transition: transform 500ms ease;
    -webkit-transition: transform 500ms ease;
    -ms-transition: transform 500ms ease;

} */

.wraq_header.current .navtopbar>ul {
    margin-top: 0;
}

.wraq_header.current .navtopbar .minfoWrap {
    position: absolute;
    left: 0%;
    top: 64px;
    z-index: 9993;
    display: none;
    font-size: 17px;
    font-size: 1.7rem;
    text-align: center;
}

.wraq_header.current .navtopbar .minfoWrap a {
    line-height: 40px;
    transition: width 0.3s ease 0s;
    -webkit-transition: width 0.3s ease 0s;
    -moz-transition: width 0.3s ease 0s;
}


/* .wraq_header.current .navtopbar {
    padding-top: 1.2%;
} */

/* .wraq_header.current ul li>a:hover,
.wraq_header.current ul li.on>a {
    background: #2a639c;
    color: #fff;
    font-weight: bold;
}


.wraq_header.current .minfoWrap_inner a:hover,
.wraq_header.current .minfoWrap_inner a.hover {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
} */
.wraq_header.current .navtopbar ul li {
    float: left;
    /* padding: 0 2%; */

    /* height: 65px;
    line-height: 65px;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s; */
}

.wraq_header.current .navtopbar ul li:hover {
    background: #dadada;
    color: #2a639c;
}
.special_main .wraq_header.current .navtopbar ul li:hover {
    background: #2a639c;
    color: #fff;
}

/*手机端导航*/
.snav {
    display: none;
    height: 50px;
    right: 0;
    top: 50px;
    z-index: 1002;
    width: 100%;
}

.union_top .logo {
    padding-top: 0;
    padding-left: 0;
    position: relative;
        z-index: 1999;
}

.union_top {
    padding: 1% 0;
}

.mbtn {
    display: block;
    width: 46px;
    height: 46px;
    right: 6%;
    top: 0;
    z-index: 1002;
    cursor: pointer;
    background: none;
}

.wraq_header.current .mbtn {
    display: block;
    width: 46px;
    height: 46px;
    right: 15px;
    top: 0;
    z-index: 1002;
    cursor: pointer;
    background-color: #2a639c;
}

#Index_mbtn {
    margin: 0 auto;
    display: block;
    margin-top: 16px;
    color: #fff;
    text-align: center;
    font-weight: normal;
    font-size: 16px;
}

.mbtn .m {
    font-size: 12px;
    font-weight: 400;
    font-family: Arial;
    color: #fff;
    text-align: center;
    width: 100%;
    display: none;
    height: 20px;
}

.navm {
    width: 100%;
    z-index: 9999;
    line-height: 30px;
    background: #2a639c;
    overflow: hidden;
    text-align: left;
    display: none;
    top: 84px;
    left: 0;
}



.navm li {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #eee;
}

.navm li a {
    font-size: 18px;
    font-size: 1.8rem;
    float: left;
    padding: 10px 0px;
    color: #fff;
    padding-left: 15px;
    display: block;
}

.nlinks_navm a {
    font-size: 18px;
    font-size: 1.8rem;
    float: left;
    padding: 10px 5px 10px 15px;
    color: #fff;
    display: block;
}

/* .nlinks_navm span{
    padding: 0;
} */



.navm li a:hover {
    color: #fff;
}

.navm li span {
    top: 3px;
    padding: 12px 10px 0 0;
    float: right;
    margin-right: 10px;
    color: #fff;
    cursor: pointer;
    font-size: 1.8rem;
}

.navm dl {
    background-color: #fff;
    color: #004489;
}

.navm dl dd {
    width: 100%;
    border-bottom: 1px solid #eee;
    padding-left: 20px;
    /* background: #fff; */
    line-height: 36px;
    height: 36px;
}

.navm li.on dl dd a {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    color: #333;
    width: 100%;
    line-height: 36px;
}

.navm li dl dd a {
    font-size: 16px;
    font-size: 1.6rem;
    color: #333;
    font-weight: normal;
    display: inline;
    display: block;
    border: none;
    padding: 0;
}

.navm li dl dd a:hover {
    color: #2a639c;
}

.subNavs {
    width: 100%;
    overflow: hidden;
    display: none;
}

.pa {
    position: absolute;
}

.nav-tabs {
    border: 0;
}

.hzdw_box{
    width: 86%;
    margin: 4% auto 0;
}
.hzdw_box a{
    display:block;
    float: left;
    width:45%;
    font-size: 20px;
    font-size: 2.0rem;
    height: 80px;
    line-height: 80px;
    background: #e8e8e8;
    text-align: center;
    color: #333;
    letter-spacing: 0.6rem;
}
.hzdw_box a.hzdw_ri{
    float: right;
}

@media screen and (max-width:1198px) {
    .special_two .text_title p{
        min-height: auto;
    }
    .text_title{
        margin-bottom: 3%;
        margin-top: 10px;
    }
    .special_bgsr{
     background: #f6f6f6;
    }
    

    .special_main .wraq_header {
        position: relative;
    }
    .special_main .wraq_header,
    .special_main .header,.special_main .union_top {
        height: 56px;
    }
    .special_main .navm{
        top:51px;
    }
    /* .navm {
        top: 57px;
        border-top: 1px solid #eee;
    }
    .snav {
        top: 7px;
    } */

    .special_topm{
      margin-top: 0;
    }
    .col-sm-24{
        width: 100%;
    }
    .mapItem_w  dl dd {
        float: left;
        width: 50%;
    }
    .wraq_header.current .union_top {
        margin-left: 0;
        position: relative;
        left: 0;
        width: auto;
        margin-top: -4px;

    }
    .union_top .logo {
        left: -6%;
    }
    .special_main .banner_in{
        padding-left: 0;
        margin-top: 3%;
    }
    .special_main .ind_main{
        margin-top: 0;
    }
    .special_main .ddList00 li.news_first{
        margin-top: 2%;
    }
    .ddList00{
        padding-top: 2%;
        padding-bottom: 2%;
    }
    .special_main .ddList00{
        padding-top: 0;
        padding-bottom: 2%;
    }
    .wraq_header.current .mbtn{
        right: 6%;
    }
    .navm li span{
       padding-right: 6%;
    }
    .navm li a,.navm dl dd{
      padding-left: 6%;
    }
    .nlinks_navm{
        padding-left:4.5%;
    }
    .wraq_header.current .logo{
        display: block;
        width: 32%;
    }
    .banner_list .col-sm-24,
    .tableft_in .col-sm-24{
        width: 100%;
    }
    .text_in{
        margin-top: 2%;
    }
    .vertical_in {
        margin-bottom: 3%;
    }
    .link_ins li{
      width:48%;
      margin-bottom: 2%;
    }
    .color_block a,.footernavlist{
        margin-bottom: 2%;
    }
    .footernavlist{
        width:46.5%;
    }
    .footerWx{
        bottom: 12%;  
    }
    .color_block .col-sm-12, .color_block .col-sm-6{
        padding-left: 20px;
    padding-right: 20px;
    }
    .infoTops {
        display: none;
    }

    .table_m a {

        margin-top: 5%;
    }

    .expert_wrap h2 {
        margin-top: 10px;
    }

    .resea_le {
        float: left;
        width: 100%;
    }

    .resea_ri {
        float: right;
        width: 100%;
        margin-top: 20px;
        box-shadow: 0 4px 17px 0 rgba(85, 85, 85, .1);
        -webkit-box-shadow: 0 4px 17px 0 rgba(85, 85, 85, .1)
    }

    .basice_in .nav>li>a {
        font-size: 18px;
    }

    .header,
    .topHeader>div {
        width: auto;
        padding: 0 1%;
    }

    /* .wraq_header,
    .header {
        height: 72px;

    } */

    .wraq_header {
        background: #2a639c;
    }

    /* .mbtn{
        top: -4px;
    } */
    .snav {
        display: block;
    }

    .union_in .union_right {
        display: none;
    }

    .top_right,
    .topHeader ul,
    .navtopbar {
        display: none;
    }

    .top_right,
    .navtopbar,
    .topHeader {
        display: none;
    }
.union_top{
    height: 80px;
}

    .snav {
        top: 5px;
    }

    .navm {
        top: 67px;
        border-top: 1px solid #eee;
    }
    .wraq_header.current .navm {
        top: 52px;
    }
    .list-title{
        height: 64px;
        line-height: 64px;
    }
    .list-title .menuNav {
        position: absolute;
        top: 20px;
        right: 30px;
        z-index: 9;
        display: block;
    }
    .accordion .link{
        padding-left: 6%;
    }
    .submenu a {
        padding:1% 2% 1% 6%;
    }
    .accordion {
        display: none;
    }

    .menu_texts {
        display: none;
    }

    .account-l {
        margin-bottom: 3%;
    }


}

@media (max-width: 1080px) {
    .union_top .logo {
        left:0;
    }

}





@media (max-width: 996px) {
    html {
        font-size: 53%;
        overflow-x: hidden
    }

    .expert_wrap p{
        line-height: 22px;
    }
    .wrapSize {
        position: relative;
    }

    .container_width {
        width: 90%;
        left: 50%;
        margin-left: -45%;
        position: absolute;
        z-index: 99;
        top: 40%;
        height: 100%;
        margin-top: -14%;
    }

    .swiper-button-next,
    .swiper-button-prev {
        position: absolute;
        top: 50%;
        width: 38px;
        height: 38px;
        margin-top: -19px;
        margin-top: -19px;
        z-index: 10;
        cursor: pointer;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .swiper-pagination-bullet {
        width: 20px;
        height: 20px;
        text-align: center;
        line-height: 20px;
        font-size: 12px;
        color: #333;
        opacity: 1;
        background: #fff;
        margin-left: 5px;
    }

    .swiper-pagination {
        right: 0;
        bottom: 2px;
    }

    .list_tit h3 {
        padding-bottom: 15px;
        line-height: 30px;
        margin-top: 10px;
    }
    .special_main .footer_bom .sydw {
        left: -6%;
    }

}



@media (max-width: 991px) {
    /* .special_main .special_bg03 h2,
    .special_main .special_bg04 h2
     {
        background-size: cover;
    } */
    .inside_in ul li{
        width: 100%;
    }
    .inside_title a{
        text-align: left;
    }
    .inside_in li:nth-child(2) {
        width: 100%;
    }
    .indexvideo span {
        margin-top: -20px;
        margin-left: -20px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        background-size: contain;
    }
    .lmml_list li {
        padding: 1% 3% 1% 18px;
        margin-bottom: 1%;
        background: url(../images/icon/banner_bg.png) no-repeat left 18px;
    }
 
    .indexvideo,
    .indexvideo:before,
    .indexvideo:after {
        height: 40px;
        width: 40px;
    }

    @-webkit-keyframes pulse-animation {
        70% {
            -webkit-box-shadow: 0 0 0 26px rgba(255, 255, 255, 0);
            -khtml-box-shadow: 0 0 0 26px rgba(255, 255, 255, 0);
            -moz-box-shadow: 0 0 0 26px rgba(255, 255, 255, 0);
            -ms-box-shadow: 0 0 0 26px rgba(255, 255, 255, 0);
            -o-box-shadow: 0 0 0 26px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 26px rgba(255, 255, 255, 0);
        }

        100% {
            -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            -khtml-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        }
    }

    @keyframes pulse-animation {
        70% {
            -webkit-box-shadow: 0 0 0 26px rgba(255, 255, 255, 0);
            -khtml-box-shadow: 0 0 0 26px rgba(255, 255, 255, 0);
            -moz-box-shadow: 0 0 0 26px rgba(255, 255, 255, 0);
            -ms-box-shadow: 0 0 0 26px rgba(255, 255, 255, 0);
            -o-box-shadow: 0 0 0 26px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 26px rgba(255, 255, 255, 0);
        }

        100% {
            -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            -khtml-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        }
    }

    .info_fonts li {
        float: left;
        width: 100%;
        margin-bottom: 3%;
    }

    .info_fonts li:nth-child(2) {
        margin-left: 0;
        margin-right: 0;
        margin-top: 2%;
        margin-bottom: 2%;
    }

    /* .footer {
        background: #2a639c;
        padding: 15px 0;
        text-align: center;
    } */

    .mainBanner {
        margin-top: 0;
        height: 140px;
    }

    .indexBanner {
        margin-top: 0;
    }

    .mainBanner img {
        height: 100%;
    }

    .logo {
        padding-top: 1.2%;
    }

    .wraq_header {
        position: relative;
    }

    .table_m {
        background: #fff;
        padding: 5% 5% 5%;
    }

    .union_top {
        height: 66px;
    }
    .navm {
        top: 54px;
        border-top: 1px solid #eee;
    }


}


@media (max-width: 560px) {
 
    .hzdw_box{
        width: 100%;
        margin: 3% auto 0;
    }
    .hzdw_box a{
        width:45%;        
        height: 55px;
        line-height: 55px;
        letter-spacing: 0.6rem;
    }

}


@media (max-width: 420px) {
    .special_main .footer_bom .sydw img{
        width: 68%;
    }
    .footer_bom .sydw{
        top: -35px;
    }
    .hzdw_box a{
        width:100%;        
        height: 55px;
        line-height: 55px;
        letter-spacing: 0.6rem;
        margin-bottom: 10px;
    }

}

