﻿.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
*{
    font-family:"微软雅黑" !important;
}
a,span,p,h1,li,h2,div{
    font-family:"微软雅黑";
}
.wip_hotli ins{
    cursor:pointer
}
.clearfix {
    zoom: 1;
}
.wip_nava_5 a {
    color: #c92614 !important;
    background-position: left -35px !important;
}

.wip_a_bg {
    width: 100%;
    min-height: 383px;
    background: url(/picture/83/2108111443527407434.png) no-repeat top;
    padding-top: 40px;
    margin: auto;
}

.wip_a {
    width: 100%;
    max-width: 1200px;
    margin: auto;
}

.wip_a_left {
    width: 49%;
    margin-right: 2%;
}

.wip_hotlistbg {
    width: 30%;
    background: #2d60a1;
    padding-top: 10px;
    /*min-height: 296px;*/
    min-height: 320px;
}

.wip_hotli {
    width: 100%;
    border-left: 6px solid #2d60a1;
    line-height: 150px;
    color: #FFFFFF;
    font-size: 19px;
    text-align: center;
    background: #2d60a1;
}

.wip_hotli a {
    color: #FFFFFF;
}

.wip_hotli_hov {
    border-left: 6px solid #c31f0b;
    background: #FFFFFF;
    color: #2d60a1;
}

.wip_hotli_hov a {
    color: #2d60a1;
}

.wip_hotconbg {
    width: 70%;
    /*min-height: 296px;*/
    min-height: 320px;
    background: #f5f8fc;
}

.wip_hotcon {
    display: none;
    padding: 2% 5% 0px 5%;
}

.wip_hotcon:first-child {
    display: block;
}

.wip_hotcon h2 {
    color: #4078be;
    font-size: 20px;
    text-indent: 0;
    margin-top: 0;
    padding: 10px 0;
    border-bottom: 1px solid #4078be;
}

.wip_hotcon h2 a {
    color: #4078be;
}

.wip_hotcon p {
    color: #333333;
    font-size: 15px;
    width: 100%;
    padding: 10px 5px 10px 17px;
    background: #dee8f5;
    margin-top: 17px;
}

.wip_hotcon p a {
    color: #333333;
}

.wip_hotcon ul li {
    width: 33%;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    float: left;
}

.wip_hotcon ul li a {
    color: #333333;
}

.ztfw_title {
    color: #4078be;
    margin-top: 0;
    cursor: default;
}

.ztfw_title_first {
    margin-top: 10px;
}

.wip_a_right {
    width: 49%;
}

.wip_ptbg {
    width: 100%;
    line-height: 5rem;
    color: #FFFFFF;
    font-size: 21px;
    background: #4b90e9;
    margin-bottom: 23px;
    text-align: center;
}

.wip_ptbg a {
    color: #FFFFFF;
}

.wip_wip_rz {
    width: 30%;
    margin-left: 5%;
    min-height: 217px;
    background: url(/picture/83/2108111446577857640.png);
    padding-top: 20px;
    text-align: center;
}

.wip_wip_rz:first-child {
    margin-left: 0%;
}

.wip_wip_rz a {
    display: block;
}

.wip_wip_rz img {
    display: block;
    margin: 0px auto 20px;
}

.wip_wip_rz p {
    color: #4078be;
    font-size: 17px;
    font-weight: bold;
    line-height: 20px;
    height: 45px;
}

.wip_wip_bmp {
    display: none;
}

.wip_wip_bmp a {
    display: inline-block;
    color: #4078be;
}

.wip_wip_bm:hover .wip_wip_bmimg {
    display: none;
}

.wip_wip_bm:hover .wip_wip_bmp {
    display: block;
}


/*第一部分*/

.wip_b_bg {
    width: 100%;
    margin: auto;
}

.wip_b {
    max-width: 1200px;
    width: 100%;
    margin: auto;
}

.wip_b_con {
    width: 25%;
    height: 160px;
    padding-top: 40px;
    padding-left: 35px;
}

.wip_b_con:first-child {
    margin-left: 0px;
}

.wip_b_con h1 {
    color: #333333;
    font-size: 23px;
    margin-bottom: 25px;
}

.wip_b_con span {
    padding-right: 12px;
    margin-right: 12px;
    color: #666666;
    font-size: 15px;
}

.wip_b_con span:first-child {
    background: url(/picture/83/2108111454252076622.png) no-repeat right center;
}

/* .wip_b_con:hover span a {
	color: #FFFFFF;
} */

/* .wip_b_con:hover span:first-child {
	background: url(/picture/83/2108111454252547538.png) no-repeat right center;
}
 */
/* .wip_b_con:hover h1 a {
	color: #FFFFFF;
} */
/* .wip_b_con:hover {
	box-shadow: #333333 0px 0px 20px 0px;
} */
.wip_b_con1 {
    background: url(wyc2.png) no-repeat right center;
}

.wip_b_con1 h1 a {
    color: #e94820;
}

/* .wip_b_con1:hover {
	background: url(../images/wip_b_1_hov.png) repeat right center;
} */

.wip_b_con2 {
    background: url(wyk2.png) no-repeat right center;
}

.wip_b_con2 h1 a {
    color: #b28311;
}

/* .wip_b_con2:hover {
	background: url(../images/wip_b_2_hov.png) no-repeat right center;
} */

.wip_b_con3 {
    background: url(wyp2.png) no-repeat right center;
}

.wip_b_con3 h1 a {
    color: #1ba39f;
}

/* .wip_b_con3:hover {
	background: url(../images/wip_b_3_hov.png) no-repeat right center;
}
 */
.wip_b_con4 {
    background: url(wyw2.png) no-repeat right center;
}

.wip_b_con4 h1 a {
    color: #115db2;
}

/* .wip_b_con4:hover {
	background: url(../images/wip_b_4_hov.png) no-repeat right center;
} */

.wip_c {
    max-width: 1200px;
    width: 100%;
    margin: 30px auto 30px;
}

.wip_c_left {
    width: 49%;
    margin-left: 2%;
}

.wip_c_left:first-child {
    margin-left: 0%;
}

.wip_c_tit {
    width: 100%;
    padding-left: 2rem;
    background: url(/picture/83/2108111450257283443.png) no-repeat left center;
}

.wip_c_tit h1 {
    color: #333333;
    font-size: 23px;
}

.wip_c_tit a {
    color: #2c68b3;
}

.wip_c_tit .wip_c_more {
    display: block;
    color: #333;
    font-size: 15px;
    margin-top: 7px;
    margin-right: 7%;
}

.wip_c_con {
    padding: 0px 20px;
    box-shadow: #f4f4f4 0px 0px 10px 0px;
    margin-top: 25px;
    padding-bottom: 20px;
}

.wip_c_con ul {
    margin-left: -3.3333%;
}

.wip_c_li {
    width: 30%;
    height: 135px;
    padding-top: 22px;
    background: #f6f7fb;
    text-align: center;
    margin-left: 3.33%;
    margin-top: 25px;
}

.wip_c_li div {
    height: 50px;
    margin-bottom: 15px;
    padding-top: 15px;
}

.wip_c_li div img {
    vertical-align: middle;
}

.wip_c_li p {
    line-height: 24px;
    text-align: center;
    font-size: 17px;
    color: #333333;
}


/*第三部分结束*/

.wip_d {
    max-width: 1200px;
    width: 100%;
    margin: 30px auto 10px;
}

.wip_d .wip_c_tit {
    margin-bottom: 25px;
}

.wip_d_con {
    padding-right: 2%;
}

.wip_d_li {
    width: 18%;
    margin-left: 2%;
    border: 1px solid #f3f5fc;
    line-height: 50px;
    color: #333333;
    font-size: 19px;
    text-align: center;
    margin-bottom: 20px;
    box-shadow: #f4f4f4 0px 0px 5px 0px;
}

.wip_d_li a {
    color: #333333;
    display: block;
}


/*第四部分结束*/

.wip_e_bg {
    margin-top: 2%;
    width: 100%;
    margin: auto;
}

.wip_e {
    max-width: 1200px;
    width: 100%;
    margin: auto;
}

.wip_e .wip_c_tit {
    margin-bottom: 30px;
}

.wip_e .wip_c_tit span {
    font-size: 17px;
    color: #333333;
    margin-left: 18px;
    line-height: 35px;
}

.wip_e_conbg {
    width: 100%;
    margin: auto;
    background: url(../images/wip_e_bg.png) no-repeat center;
    min-height: 162px;
    padding-top: 60px;
}

.wip_e_con {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    position: relative;
}

.hcp_title {
    position: absolute;
    top: -36px;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
}

.wip_datacount {
    width: 15%;
    margin-right: 2%;
    color: #FFFFFF;
    text-align: center;
}

.wip_datacount5 {
    width: 30%;
}

.wip_datacount a {
    color: #FFFFFF;
}

.wip_datacount em {
    font-style: normal;
    font-family: inherit;
    font-weight: bolder;
    font-size: 30px;
}

.wip_datacount span {
    font-size: 17px;
}

.wip_datacount p {
    font-size: 17px;
    text-indent: 10px;
    margin-top: 10px;
}


/*第五部分结束*/

.wip_f {
    max-width: 1200px;
    width: 100%;
    margin: 30px auto 40px;
}

.wip_f .wip_c_tit {
    margin-bottom: 22px;
}

.wip_f_conbg {
    width: 100%;
    max-width: 1200px;
}

.wip_f_con {
    width: 15%;
    margin-left: 1.6%;
}

.wip_f_con_top {
    width: 100%;
    height: 135px;
}

.wip_f_con_bot {
    height: 70px;
    text-align: center;
    line-height: 55px;
    background: url(../images/wip_f_1.png) no-repeat bottom;
    font-size: 18px;
    color: #333333;
}

.wip_f_con1 .wip_f_con_top {
    background: #f6f7fb url(../images/wip_f_2.png) no-repeat center;
}

.wip_f_con1:hover .wip_f_con_top {
    background: #4078be url(../images/wip_f_2_hov.png) no-repeat center;
}

.wip_f_con1:hover .wip_f_con_bot {
    height: 60px;
    background: #d8d8d8;
    line-height: 60px;
}

.wip_f_con2 .wip_f_con_top {
    background: #f6f7fb url(../images/wip_f_2.png) no-repeat center;
}

.wip_f_con2:hover .wip_f_con_top {
    background: #4078be url(../images/wip_f_2_hov.png) no-repeat center;
}

.wip_f_con2:hover .wip_f_con_bot {
    height: 60px;
    background: #d8d8d8;
    line-height: 60px;
}

.wip_f_con3 .wip_f_con_top {
    background: #f6f7fb url(../images/wip_f_2.png) no-repeat center;
}

.wip_f_con3:hover .wip_f_con_top {
    background: #4078be url(../images/wip_f_2_hov.png) no-repeat center;
}

.wip_f_con3:hover .wip_f_con_bot {
    height: 60px;
    line-height: 60px;
    background: #d8d8d8;
}

.wip_f_con4 .wip_f_con_top {
    background: #f6f7fb url(../images/wip_f_2.png) no-repeat center;
}

.wip_f_con4:hover .wip_f_con_top {
    background: #4078be url(../images/wip_f_2_hov.png) no-repeat center;
}

.wip_f_con4:hover .wip_f_con_bot {
    height: 60px;
    line-height: 60px;
    background: #d8d8d8;
}

.wip_f_con5 .wip_f_con_top {
    background: #f6f7fb url(../images/wip_f_2.png) no-repeat center;
}

.wip_f_con5:hover .wip_f_con_top {
    background: #4078be url(../images/wip_f_2_hov.png) no-repeat center;
}

.wip_f_con5:hover .wip_f_con_bot {
    height: 60px;
    line-height: 60px;
    background: #d8d8d8;
}

.wip_f_con6 .wip_f_con_top {
    background: #f6f7fb url(../images/wip_f_2.png) no-repeat center;
}

.wip_f_con6:hover .wip_f_con_top {
    background: #4078be url(../images/wip_f_2_hov.png) no-repeat center;
}

.wip_f_con6:hover .wip_f_con_bot {
    height: 60px;
    line-height: 60px;
    background: #d8d8d8;
}

/* 特色服务 */
.tsfw {
    max-width: 1200px;
    width: 100%;
    margin: 30px auto 0px;
    height: auto;
    overflow: hidden;
}

.tsfw_tit {
    margin-bottom: 25px;
}

.tsfw_tit {
    width: 100%;
    padding-left: 2rem;
    background: url(/picture/83/2108111450257283443.png) no-repeat left center;
}

.tsfw_tit a {
    color: #333333;
}

.tsul {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.tsul li {
    width: 282px;
    height: 160px;
    float: left;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.tsul li img {
    width: 100%;
    height: 100%;
    position: absolute;
    transition: all 0.3s ease-out 0s;
}

.tsul li a {
    width: 100%;
    height: 100%;
    display: block;
}

.tsul li:first-child+li {
    margin: 0 23px;
}

.tsul li:first-child+li+li+li {
    margin-left: 23px;
}

.ts_a {
    padding-top: 70px;
    width: 100%;
    height: 206px;
    position: relative;
    text-align: center;
    background: rgba(0, 0, 0, 0.2);
}

.ts_a p {
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    width: 90%;
    margin: auto;
}

.ts_a .go_btn {
    width: 48px;
    height: 48px;
    background: url(../images/yjt.png) center no-repeat;
    background-size: cover;
    display: none;
    position: absolute;
    bottom: 20px;
    text-align: center;
    left: 50%;
    /* right: 50%; */
    margin-left: -8%;
}

.tsul li:hover .ts_a {
    -webkit-transition: all 0.3s;
    /* -o-transition: all 0.3s;
    -moz-transition: all 0.3s; */
    padding-top: 60px;
    background: #255bda;
    opacity: 0.9;
}

.tsul li:hover .go_btn {
    display: inline-block;
}

/* 一件事 */
.ts_b .go_bt {
    width: 98px;
    height: 36px;
    display: none;
    background: #FFFFFF;
    border-radius: 20px;
    font-size: 14px;
    color: #333333;
    letter-spacing: 0;
    text-align: center;
    line-height: 36px;
    cursor: pointer;
    position: absolute;
    bottom: 20px;
    right: 15%;
}

.ts_b {
    padding-top: 60px;
    width: 100%;
    height: 206px;
    position: relative;
    text-align: center;
    background: rgba(0, 0, 0, 0.2);
}

.ts_b p {
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    width: 90%;
    margin: auto;
}

.tsul li:hover {
    /*margin-top: -2px !important;*/
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.10);
}

.tsul li:hover .go_bt {
    display: inline-block;
}

.tsul li:hover a img {
    transform: scale(1.1);
}

.go_bt:hover {
    background: #255bda;
    color: #fff;
}

/* .wip_b_con h1 a{
    color: #333;
} */
.wip_b_con p span a {
    color: #333;
}


/* 自适应 */
@media only screen and (max-width: 1200px) {
    .wip_a_left {
        padding: 5px 5% 0px 5%;
        margin-top: 0px;
    }
    .wip_a_bg>div{
        width: 95%;
        overflow: hidden;
    }
    .wip_b_bg,
    .wip_f,
    .wip_e {
        width: 95%;
    }

    .tsul li {
        width: 48%;
        margin-bottom: 10px !important;
    }

    .tsul li:first-child+li {
        /* margin-left: 65px !important; */
        margin-right: 0px;
        float: right;
    }

    .tsul li:first-child+li+li+li {
        /* margin-left: 65px !important; */
        float: right;
    }
    .subnav>div{
        width: 100%;
    }
    .subnav .box a{
        padding: 0 15px !important;
    }
    .wip_b_con{
        width: 24%;
        margin-right: 8px;
    }
}
@media all and (min-width: 1184px) and (max-width: 1240px) {
    .wip_a_bg>div {
        width: 95%;
    }
}
@media all and (min-width: 1200px) and (max-width: 1215px)  {
    .tsul li {
        width: 23%;
    }
}
@media only screen and (max-width: 900px) {
    .wip_a_left {
        margin-top: 20px;
    }
    .wip_a_bg>div {
        width: 100%;
    }
    .wip_a_bg {
        padding-top: 0px;
    }
    .wip_a_left,
    .wip_a_right {
        float: none !important;
        width: 100%;
    }

    .wip_rzbg {
        width: 90%;
        margin: auto;
    }

    .wip_a_left {
        margin-bottom: 37px;
    }

    .wip_a_right {
        background: url(/picture/83/2108111443527407434.png) no-repeat;
        padding-bottom: 30px;
    }

    .wip_b {
        padding: 10px 10%;
    }

    .wip_b_con {
        width: 50%;
        max-width: 300px;
        margin-bottom: 20px;
        margin-right: 0%;
    }

    .wip_b_con2,
    .wip_b_con4 {
        float: right !important;
    }

    .wip_f_conbg {
        padding-right: 3.333%;
    }

    .wip_f_con {
        width: 30%;
        margin-left: 3.333%;
        margin-bottom: 20px;
    }

    .wip_f_con_bot {
        background: #FFFFFF;
        height: 60px;
    }
}
@media only screen and (max-width:785px) {
    .wip_d_li {
        width: 30%;
        margin-left: 3.33333%;
    }
}
@media only screen and (max-width:750px) {
    .wip_b_con:first-child {
        margin: 0px auto;
    }

    .wip_b_con {
        width: 100%;
        float: none !important;
        margin: auto;
    }

    .wip_c_left {
        float: none !important;
        width: 100%;
        margin-left: 0px;
    }

    .wip_c_left:first-child {
        margin-bottom: 20px;
    }

    .wip_f_con .wip_f_con_top {
        height: 12rem;
        background-size: 50%;
    }

    .wip_f_con_bot {
        font-size: 1.7rem;
    }

    .wip_d_con {
        padding-right: 3.3333%;
    }

    .wip_e_conbg {
        padding-top: 10px;
        padding-bottom: 10px;
        background: #4c7977;
    }

    .wip_datacount {
        text-align: center;
        width: 50%;
        margin: 0px 0px 10px 0px;
    }

    .wip_datacount5 {
        float: none !important;
        margin: auto;
        width: 100%;
    }

}

@media only screen and (max-width: 768px) {
    .tsul li {
        width: 90%;
        float: none;
        margin: 0 auto;
    }

    .tsul li:first-child+li {
        margin: 0 5%;
    }

    .tsul li:first-child+li+li+li {
        margin-right: 5%;
    }
}

@media only screen and (max-width: 450px) {
    .wip_wip_rz p {
        font-weight: normal;
    }

    .tsul li {
        width: 90% !important;
        float: none;
        margin: 10px auto !important;
    }

    .wip_hotli {
        font-size: 1.5rem;
    }

    .wip_hotcon p {
        font-size: 1.3rem;
    }

    .ts_a p,
    .ts_b p {
        font-weight: normal;
    }

    .tsul li:first-child+li {
        width: 90% !important;
        float: none !important;
        margin: 10px auto !important;
    }

    .tsul li:first-child+li+li+li {
        width: 90% !important;
        float: none !important;
        margin: 10px auto !important;
    }
}

@media only screen and (max-width: 400px) {

    .wip_hotli {
        font-size: 0.5rem;
    }

    .wip_hotcon p {
        font-size: 1.3rem;
        padding: 5px 5px 5px 17px;
        margin-top: 10px;
    }

    .tsul li:first-child+li {
        width: 90% !important;
        float: none !important;
        margin: 10px auto !important;
    }

    .tsul li:first-child+li+li+li {
        width: 90% !important;
        float: none !important;
        margin: 10px auto !important;
    }

}



/* 头 */
* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.clearfix:after {
    content: ".";
    /*加一段内容*/
    display: block;
    /*让生成的元素以块级元素显示，占满剩余空间*/
    height: 0;
    /*避免生成的内容破坏原有布局高度*/
    clear: both;
    /*清除浮动*/
    visibility: hidden;
    /*让生成的内容不可见*/
}

.clearfix {
    zoom: 1;
    /*为IE6，7的兼容性设置*/
}

.fr {
    float: right
}

.fl {
    float: left;
}

.mt30 {
    margin-top: 30px;
}

.hidden {
    display: none;
}

select::-ms-expand {
    display: none;
}

.dn {
    display: none;
}

.db {
    display: block;
}

.header {
    width: 100%;
    /* width: 1200px; */
    height: 168px;
    background-color: #115db2;
    border-bottom: 1px solid #0c417c;
}

.box {
    width: 1200px;
    margin: 0 auto;
}

.logo {
    margin-top: 48px;
    margin-left: 10px;
    width: 362px;
}


.header_right {
    width: 180px;
    padding-top: 46px;
    font-size: 12px;
    line-height: 24px;
}

.header_right a {
    margin: 0 10px;
}

.login a {
    color: #fff;
}

.nav {
    width: 100%;
    /* min-width: 1200px; */
    padding-top: 2px;
    background-color: #115db2;

}

.nav li {
    float: left;
    width: 171px;
    text-align: center;
}

.nav li>a {
    display: inline-block;
    font-size: 24px;
    line-height: 56px;
    color: #fff;
    height: 56px;
}

.nav li.on>a {
    font-weight: bold;
    border-bottom: 2px solid #fff;
    line-height: 54px;
    height: 56px;
}

.subnav {
    display: none;
    width: 100%;
    /* min-width: 1200px; */
    height: 44px;
    background-color: #daecfb;
    border-bottom: 1px solid #93ceff;
    z-index: 99;
}

.subnav .box {
    text-align: left;
}

.subnav .box a {
    display: inline-block;
    padding: 0 25px;
    font-size: 16px;
    line-height: 44px;
    color: #333;
}

.subnav .box a:hover {
    color: #115db2;
}

.subnav.on {
    display: block;
}

.box1 {
    padding: 32px 0;
}

.slideBox {
    width: 600px;
    height: 358px;
    overflow: hidden;
    position: relative;
}

.slideBox .hd {
    height: 12px;
    overflow: hidden;
    position: absolute;
    right: 10px;
    bottom: 15px;
    z-index: 1;
}

.slideBox .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
}

.slideBox .hd ul li {
    float: left;
    margin-right: 12px;
    width: 12px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    background: #fff;
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.slideBox .hd ul li.on {
    background: #1764ce;
    color: #fff;
}

.slideBox .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

.slideBox .bd li {
    zoom: 1;
    vertical-align: middle;
    position: relative;
}

.slideBox .bd img {
    width: 600px;
    height: 358px;
    display: block;
}

.slideBox .bd p {
    width: 100%;
    height: 42px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    font: normal 14px/42px "微软雅黑";
    padding-left: 20px;
    color: #fff;
}

.zwyw {
    width: 576px;
    height: auto;
}
.navWap{
    display: none;
}

/* 手机端 */
@media only screen and (max-width: 1200px) {
    .logo,.search{
        /* width: 45%; */
        margin: 0;
    }
    .logo{
        width: 45%;
        margin-top: 48px;
        margin-left: 5%;
    }
    .search{
        width: 40%;
        float: right;
        margin-top: 60px;
        margin-right: 2%;
    }
    .nav>ul{
        width: 100% !important;
    }
    .nav li{
        width: 14%;
    }
    .header>div{
        width: 100%;
    }
    .header_right {
        display: none;
    }
    .search>div:nth-child(2){
        width: 50%;
    }
    .search>div:nth-child(2)>input{
        width: 100%;
    }
    .search>div:nth-child(3){
        float: right;
    }
}
@media only screen and (max-width: 768px) {

    .nav,.header_right{
        display: none;
    }
    .navWap{
        display: block;
        position: fixed;
        top: 0;
        height: 40px;
        width: 100%;
        background: #115db2;
    }
    .navWap p{
        position: absolute;
        top: 5px;
        right: 10px;
        width: 30px;
        height: 30px;
        background: url(/picture/83/2108091715102653736.png)no-repeat;
        background-size: 100%;
    }
    .hide{
        background: url(/picture/83/2108091715097654213.png)no-repeat;
        background-size: 100%;
    }
    .navWap div{
        float: right;
        margin: 10px 10px;
        /* display: none; */
    }

    .navWap div img{
        width: 30px;
    }
    .navWap ul{
        width: 100%;
        height: 280px;
        transform: translateY(-100%);
    }
    .ultr{
        transform: translateY(-0%) !important;
    }
    .navWap ul li{
        width:100%;
        margin:auto;
        text-align: center;
        line-height: 40px;
        font-size: 20px;
        /* position: absolute; */
        background: #115db2;
    }
    /* .navWap ul li:first-child{
        z-index: 99;
    } */
    .navWap ul li a{
        color: #FFFFFF;
    }
    .search,.logo {
        float: none;
    }
    .logo{
        margin: auto;
        width: 90%;
        text-align: center;
        margin-top: 40px;
    }
    .logo img{
        width: 100%;
    }
    .header{
        height: auto;
        overflow: hidden;
        width: 100%;
    }
    .header>div{
        width: 100%;
    }
    .search{
        margin:30px auto;
        width: 95%;
    }
    .search>div:nth-child(2){
        width: 50%;
    }
    .search>div:nth-child(2)>input{
        width: 100%;
    }
    .search>div:nth-child(3){
        float: right;
    }
}








.footer {
    width: 100%;
    /* min-width: 1200px; */
    height: 200px;
    background-color: #115db2;
    padding: 40px 0;
}
.dzjg {
    margin: 24px 0 0 30px;
}
.jc {
    margin: 35px 0 0 30px;
}
.info li {
    float: left;
    border-left: 1px solid #417dc1;
}
.info001 {
    margin-left: 45px;
    padding: 0 80px;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
}
.info001 a {
    display: inline-block;
    font-size: 16px;
    line-height: 32px;
    color: #fff;
}
.info002 {
    padding-left: 45px;
}
.info002 p {
    margin-right: 16px;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    text-align: center;
}

@media only screen and (min-width: 1201px){
    .wip_b{
        margin: 30px auto 0 auto;
    }
    .wip_b_con{
        width: 285px;
        margin-left: 20px;
        background-size: cover!important;
    }
}

@media only screen and (max-width: 1200px) {
    .yqlj ul{
        width: 100%;
        overflow: hidden;
    }
    .yqlj > ul > li{
        width: 15%;
        text-align: center;
    }
    .yqlj > ul > li:first-child{
        width: 10%;
    }
    .yqlj > ul > li > a{
        padding: 0 10px;
        font-size: 0.5rem;
    }
    .yqlj span{
        padding-left: 0;
        padding-right: 15px;
        font-size: 0.5rem;
    }
    .dzjg{
        margin: 24px 0 0 10px;
        display: none;

    }
    .jc{
        margin: 35px 0 0 10px;
        display: none;
    }
    .footer{
        overflow: hidden;
        width: 100%;
    }
    .footer>div{
        overflow: hidden;
        width: 100%;
    }
    .info001 {
        margin-left: 15px;
        padding: 0 20px;
        font-size: 14px;
        line-height: 28px;
        color: #fff;
        /* width: 50%; */
    }
    .info002{
        display: none;
    }
    .info{
        margin: auto;
        float: none;
    }
    .info li{
        border: none;
        text-align: center;
        width: 100%;
    }
    .info001 p img{
        /* line-height: 20px; */
        margin-top: -5px;
        margin-right: 5px;
        margin-left: 5px;
    }
}


@media only screen and (max-width: 768px) {
    .yqlj{
        display: none;
    }
    .footer{
        height: auto;
    }
    .info{
        height: auto;
    }
    .info001{
        margin: auto;
        text-align: -webkit-match-parent;

        display inline-block;
    }
    .info001 p span{
        margin: 0 10px;
        box-sizing: border-box;
        display :inline-block;
    }
    .info001 p img{
        /* line-height: 20px; */
        margin-top: -5px;
        margin-right: 5px;
    }
    /* .info001 p{
        margin: 0 10px;
        box-sizing: border-box;
        display:inline-block;
    } */
}
