@charset "utf-8"; /* ie8提示 */
#browser-modal {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    color: #303233;
    position: fixed;
    z-index: 999999999999;
}
.pb10 {
    padding-bottom: 10px;
}
.clearit, .clearb {
    clear: both;
    margin: 0;
    padding: 0;
}
.article_box img {
 float: left;
 margin-right: 20px;
}

.article_box h2 {
 font-size: 18px;
 line-height: 30px;
}

.article_box h2 span.span_date {
 float: right;
}

.article_box p {
 font-size: 14px;
 line-height: 2em;
 color: #666;
}

.article_box .details {
 float: right;
 font-size: 12px;
 overflow: hidden;
 _float: none;
 +float: none;
}

.article_box a.details:hover {
 color: #1993d2;
}
.article_right .Min_Box {
 
 margin-bottom: 20px;
  }
  
  .article_right .Min_Box .article_box img {
 width: 160px;
 height: 115px;
 float: left
  }
  
  .article_right .Min_Box ul.article_list li {
 border-bottom: 1px dashed #ccc;
 width: 47%;
 float: left;
  }
  
  .article_right .Min_Box ul.article_list li:nth-child(2n) {
 float: right;
  }
  
#browser-modal .browser-modal-cover {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #111;
    opacity: .9;
    z-index: -1
}

#browser-modal .browser-content {
    width: 700px;
    margin-top: 120px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 80px;
    padding-top: 50px;
    background-color: #fff;
    border-radius: 5px
}

#browser-modal .browser-content .browser-dpc-logo img {
    height: 42px;
    margin: 45px auto 40px
}

#browser-modal .browser-content .browser-text-title {
    text-transform: uppercase;
    font-size: 24px
}

#browser-modal .browser-content .browser-text-desc {
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 14px
}

#browser-modal .browser-content .browser-list {
    width: 600px;
    margin: 20px auto;
    height: 130px
}

#browser-modal .browser-content .browser-item {
    float: left;
    width: 150px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: auto;
    margin-right: auto
}

#browser-modal .browser-content .browser-item .iconfont {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    font-size: 80px;
    line-height: 80px;
    margin-bottom: 10px;
}

#browser-modal .browser-content .browser-item .iconchrome {
    background: url(../img/bro.png) no-repeat 0 0
}

#browser-modal .browser-content .browser-item .iconfirefox {
    background: url(../img/bro.png) no-repeat 0 -100px
}

#browser-modal .browser-content .browser-item .iconopera {
    background: url(../img/bro.png) no-repeat 0 -200px
}

#browser-modal .browser-content .browser-item .iconEdge {
    background: url(../img/bro.png) no-repeat 0 -300px
}

#browser-modal .browser-content .browser-item a {
    cursor: pointer;
    display: block
}

#browser-modal .browser-content .browser-item a img {
    display: block;
    margin: 0 auto;
    max-width: 100px;
    width: 100px;
    height: 100px
}

#browser-modal .browser-content .browser-item a h4 {
    text-align: center;
    margin-top: 20px;
    font-size: 18px;
    font-weight: 700
}

.preloader {
    background: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999999999999999999;
    display: none;
}

.preloader .status-roller {
    display: block;
    position: fixed;
    text-align: center;
    top: 40%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.preloader .status-roller .box {
    display: block;
    width: 80px;
    height: 110px;
    margin: auto;
}

.preloader .status-roller h5 {
    font-size: 20px;
    text-align: center;
    bottom: 0;
    color: #095f58;
}

.preloader .status-roller .box div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 40px 40px;
}

.preloader .status-roller .box div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #2170c2;
    margin: -4px 0 0 -4px;
}

.preloader .status-roller .box div:nth-child(1) {
    animation-delay: -0.036s;
}

.preloader .status-roller .box div:nth-child(1):after {
    top: 63px;
    left: 63px;
}

.preloader .status-roller .box div:nth-child(2) {
    animation-delay: -0.072s;
}

.preloader .status-roller .box div:nth-child(2):after {
    top: 68px;
    left: 56px;
}

.preloader .status-roller .box div:nth-child(3) {
    animation-delay: -0.108s;
}

.preloader .status-roller .box div:nth-child(3):after {
    top: 71px;
    left: 48px;
}

.preloader .status-roller .box div:nth-child(4) {
    animation-delay: -0.144s;
}

.preloader .status-roller .box div:nth-child(4):after {
    top: 72px;
    left: 40px;
}

.preloader .status-roller .box div:nth-child(5) {
    animation-delay: -0.18s;
}

.preloader .status-roller .box div:nth-child(5):after {
    top: 71px;
    left: 32px;
}

.preloader .status-roller .box div:nth-child(6) {
    animation-delay: -0.216s;
}

.preloader .status-roller .box div:nth-child(6):after {
    top: 68px;
    left: 24px;
}

.preloader .status-roller .box div:nth-child(7) {
    animation-delay: -0.252s;
}

.preloader .status-roller .box div:nth-child(7):after {
    top: 63px;
    left: 17px;
}

.preloader .status-roller .box div:nth-child(8) {
    animation-delay: -0.288s;
}

.preloader .status-roller .box div:nth-child(8):after {
    top: 56px;
    left: 12px;
}

@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.body {
    overflow: hidden;
}

.w1500 {
    width: 1500px;
    margin: 0 auto;
    position: relative;
}

.w1300 {
    width: 1300px;
    margin: 0 auto;
}

/* 头部 */
#header-wrap {
    width: 100%;
    height: auto;
     border-top: 5px solid #2170c2;
     background: #fff;
     -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
     
}

#header-wrap #header {
    width: 100%;
    height:auto;
    box-sizing: border-box;
    position: relative;
}

#header-wrap #header .logo {
    width: 100%;
    height:auto;
    overflow:hidden;
    clear:both;
    /*animation: 0.8s ease 0.3s 1 normal backwards running fadeInDown;*/
}
#header-wrap #header .logo a{
    height:auto;display:block;
    padding:10px;
}
#header-wrap #header .logo span{
    font-size:22px;
    padding-top:25px;
}
.header_top {
    background: url(../img/topbg.png) repeat-x;
    border-bottom: 1px solid #ECECEC;
}
.header_search {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    width: 92%;
    margin: 0 auto;
    height: 48px;
}
.header_top .time {
    font-size: 12px;
    margin-right: 30px;
    color: #333;
}
.header_top_right {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-btn {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #333;
}
.header-btn a {
    display: flex;
    align-items: center;
    font-size: 12px;
    margin-right: 20px;
    color: #333;
}
.header-btn a img {
    margin-right: 10px;
    width:22px;
    height:20px;
}
#header-wrap .link_tit {
    background: url(../img/topbg.png) repeat-x;
    border-bottom: 1px solid #ECECEC;
}

#header-wrap .link_tit a {
    font-size: 14px;
    line-height: 1;
    color: #f7fffe;
    display: inline-block;
    padding: 0 15px;
    position: relative;
}

#header-wrap  .link_tit a::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 14px;
    background: #2ec1b5;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

#header-wrap  .link_tit a:last-child::before {
    display: none;
}

#header-wrap  .link_tit a:hover {
    color: #ffe500;
}

/* 导航内容 */
#mainNavi .depth1-wrap > ul .tgl-btn {
    display: none;
}

.blind {
    width: 1px;
    height: 1px;
    overflow: hidden;
    position: absolute;
    top: -9999em;
    left: -9999em;
    display: block;
    text-indent: -9999em;
    font-size: 0px;
    line-height: 0;
}

#mainNavi-wrap {
    position:absolute;
    width: 100%;
    height: 71px;
    z-index: 500;
    /*overflow: hidden;*/
    box-sizing: border-box;
    background: #FFF;
   
    /*animation: 0.8s ease 0.3s 1 normal backwards running fadeInUp;*/
}

#mainNavi-wrap.over {
    /*box-shadow: 0 2px 3px #bdbdbd52;*/
}

#mainNavi {
    width: 100%;
    display: block;
    float: right;
}

#mainNavi .depth1-wrap > ul {
    text-align: center
}

#mainNavi .depth1-ul>li.mn_li1 {
    width: calc( 100% / 14 );
    display: inline-block;
    text-align: center;
    position: relative;
}

#mainNavi .depth1-ul>li.mn_li1 > a {
    display: block;
    width: auto;
    font-size: 18px;
    color: #202020;
    line-height: 71px;
    position: relative;
    height: 71px;
}

#mainNavi .depth1-ul>li.mn_li1 a.hover {
    color: #2170c2;
}

#menu-wrap {
    display: inline-block;
    width: 100%;
    
    margin-left: 0;
    
    z-index: 100;
    position: relative;
}

#mainNavi .mn_a1:after {
    display: block;
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0px;
    width: 0;
    height: 5px;
    background: #2170c2;
    transition: all .3s ease;
    z-index: 99999;
}

#mainNavi-wrap:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: -1px;
    background: #cbcbcb;
}

#mainNavi .mn_li1 .mn_a1:hover, #mainNavi .mn_li1 .mn_a1:hover span, #mainNavi .mn_li1.over .mn_a1 span {
    color: #2170c2;
}

#mainNavi .mn_a1.hover:after, #mainNavi .mn_a1:hover:after, #mainNavi .mn_a1:focus:after, #mainNavi .mn_li1.over .mn_a1:after {
    left: 0;
    width: 100%
}

/* 二级 */
#mainNavi .depth2-wrap {
    display: none;
    position: absolute;
    top: 71px;
    left: 0;
    z-index: 8888;
    width: 100%;
   
    padding: 0;
    text-align: left;
    box-sizing: border-box;
    padding: 0;
    box-shadow: 0 -2px 0px -1px #eaeaea;
    background: #1D304F
}


#mainNavi .depth2-wrap .title {
    width: 36%;
    margin-left: 0;
    float: left;
    height: 100%;
    padding: 60px 0;
    min-height: 380px;
    box-sizing: border-box;
    padding-left: 13%;
    position: relative;
    overflow: hidden;
    z-index: 0;
    background: #37b2ff;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #185a9d, #37b2ff);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #185a9d, #37b2ff);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

#mainNavi .depth2-wrap .title::after {
    content: '';
    background: url('../img/sub_nav_icon.png') no-repeat;
    background-size: 100%;
    position: absolute;
    width: 900px;
    height: 1000px;
    top: -470px;
    left: -40px;
    opacity: .2;
    z-index: -9;
}

#mainNavi .depth2-wrap .title .p1 {
    font-size: 35px;
    margin-top: 20px;
    font-weight: 700;
}

#mainNavi .depth2-wrap .title p {
    font-size: 23px;
    color: #ffffff;
    display: block;
    line-height: 30px;
}

#mainNavi .depth2-wrap .title .p2 {
    margin-top: 10px;
}

#mainNavi .depth2-wrap .title .nav_more a {
    color: #ffffff;
    font-size: 16px;
    border: 1px solid #ffffffad;
    border-radius: 100px;
    display: block;
    width: 130px;
    height: 45px;
    line-height: 45px;
    margin: 50px 0;
    padding: 0;
    text-align: center;
}

#mainNavi .depth2-wrap .title .nav_more a:hover {
    box-shadow: inset 140px 0 0 0 #ffffff;
    border: 1px solid #099388;
    color: #18312f;
}

#mainNavi .depth2-wrap .depth2-ul {
    display: block;
    /* width: 78%; */
    height: 100%;
    min-height: auto;
    position: relative;
    font-size: 0;
    box-sizing: border-box;
}

#mainNavi .depth2-wrap .mn_li2 {
    /*float: left;
    width: calc(25% - 2rem);
    margin-right: 1.5rem;
    margin-bottom: 1rem;*/
    position: relative;
}
#mainNavi .depth2-wrap .mn_li2.Has_Children {
    background: url(../img/20180712151754.png) no-repeat 110px 14px;
}
#mainNavi .depth2-ul .mn_li2 a.mn_a2 {
    position: relative;
    width: 100%;
    display: block;
    font-size: 14px;
    color: #fff;
    line-height:40px;
    text-align:center;
}



#mainNavi .depth2-ul .mn_li2 a.mn_a2:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: linear-gradient(to right,#185a9d,#37b2ff);
    content: '';
    opacity: 0;
    transition: width .4s,opacity .2s;
    background: #185a9d\9;
}

#mainNavi .depth2-ul .mn_li2 a:hover span {
    background: transparent;
    color: #fff;
    transition: all .4s .4s
}

#mainNavi .depth2-ul .mn_li2 a:hover:after {
    width: 100%;
    opacity: 1;
}

#mainNavi .depth2-ul .mn_li2 a span {
    position: relative;
    display: block;
    height: 100%;
    
    z-index: 1;
}



#mainNavi .depth2-ul .mn_li2 a:hover span:before,#mainNavi .depth2-ul .mn_li2 a:hover span:after {
    background: #ffffff;
}
#mainNavi .depth2-ul .mn_li2:hover .depth3-wrap{
    display:block;
}
/* 三级 */
#mainNavi .depth3-wrap {
    display: none;
    position: absolute;
    top: 0;
    left:100%;
    z-index: 9999;
    width: auto;
    padding:0;
    margin:0;
    background: #005fa5;
}

#mainNavi .depth3-wrap .depth3-ul {
    display: block;
    box-sizing: border-box;
    position: relative;
    padding:0;
    margin:0;
    width:auto;
}

#mainNavi .depth3-wrap .mn_li3 {
    display: block;
    width:auto;
    
}

#mainNavi .depth3-wrap .mn_li3:last-child {
    margin: 0
}

#mainNavi .depth3-wrap .mn_a3 {
    position: relative;
    display: block;
    font-size: 14px;
    color: #fff;
    line-height:40px;
    text-align:center;
    width:210px;
    overflow:hidden;
    padding:0;
    margin:0;
}
#mainNavi .depth3-wrap .mn_a3:hover{
    background:#2170c2;
}



/* 小屏头部 */
#menu-wrap .mGnavi {
    display: none;
}

/* 小屏导航弹出按钮 */
#mn-ctrs-btns {
    display: none;
}

/* 搜索 */
#header .search {
    width: 42px;
    height: 42px;
    background: #e4f3f2;
    border-radius: 100%;
    position: absolute;
    right: 20px;
    top: 40px;
    animation: 0.8s ease 0.3s 1 normal backwards running fadeInUp;
    z-index: 600;
}

#header .search>span.searchBox {
    display: block;
    width: 42px;
    height: 42px;
    margin: 0 auto;
    cursor: pointer;
    background: url(../img/search_icon.png) no-repeat center;
    /* background-size: 47%; */
}

.layer {
    width: 100%;
    height: 100%;
    background: rgb(6 28 26 / 75%);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-out 0s;
}

.layer.showdiv {
    opacity: 1;
    visibility: visible;
}

.layer .close {
    position: absolute;
    right: 50px;
    top: 50px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
    font-size: 0;
    transition: all 0.3s ease-out 0s;
}

.layer .close:before,.layer .close:after {
    content: '';
    width: 100%;
    height: 2px;
    display: block;
    position: absolute;
    background: #2f80d4;
    transition: 1s;
    transform: rotate(45deg);
    top: 24px;
}

.layer .close:before {
    transform: rotate(-45deg);
}

.layer .close:after {
}

.layer .close:hover {
    transform: rotate(90deg);
}

.layer .search_box {
    height: 55px;
    line-height: 55px;
    max-width: 50%;
    transform: translateY(-50px);
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.layer.showdiv .search_box {
    transform: none;
    transition: all 0.5s ease-out 0s;
    opacity: 1;
    font-size: 0;
}

.layer .search_box .kw {
    width: 85%;
    height: 100%;
    background: #fff;
    padding: 0 15px;
    font-size: 16px;
    border-radius: 0;
    float: left;
    margin: 0;
    border: none;
}

.layer .search_box .ok {
    background: #2f80d4;
    color: #fff;
    width: 120px;
    height: 100%;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    border-radius: 0;
    float: left;
    position: absolute;
    top: 0;
    right: 0;
}

/* 底部 */
/* 联系我们 */
.footer .lxfs {
    padding: 20px 0;
    background: #2170c2;
}

.footer .lxfs.animation {
    opacity: 1;
    visibility: visible;
    animation: 0.4s ease 0.5s 1 normal backwards running fadeInDown;
}

.footer .lxfs ul {
    position: relative;
}

.footer .lxfs ul::before {
    position: absolute;
    display: block;
    content: "";
    width: 80px;
    height: 6px;
    background: #ffaf24;
    left: 0;
    top: -20px;
    z-index: 100;
}

.footer .lxfs ul li {
    float: left;
    border-right: 1px solid #40b69d;
    box-sizing: border-box;
    text-align: center;
}

.footer .lxfs ul li:nth-child(1) {
    width: 33%;
    text-align: left;
}

.footer .lxfs ul li:nth-child(2) {
    width: 33%;
}

.footer .lxfs ul li:nth-child(3) {
    width: 33%;
}

.footer .lxfs ul li:nth-child(4) {
    width: 14%;
    border-right: none;
}

.footer .lxfs ul li>p {
    display: inline-block;
    vertical-align: middle;
}

.footer .lxfs ul li>p.dianH {
    font-size: 24px;
    line-height: 80px;
    color: #fff;
}

.footer .lxfs ul li:nth-child(1) p:nth-child(1) {
    width: 64px;
    font-size: 16px;
    line-height: 26px;
    color: #ffffff;
    margin: 0 12px;
}

.footer .lxfs ul li:nth-child(2) p:nth-child(1) {
    width: auto;
    font-size: 16px;
    line-height: 26px;
    color: #ffffff;
    margin: 0 20px;
    text-align: left;
}

.footer .lxfs ul li:nth-child(2) p:nth-child(1) span {
    display: block;
    font-size: 14px;
    line-height: 34px;
}

.footer .lxfs ul li:nth-child(3) p:nth-child(1) {
    width: auto;
    font-size: 18px;
    line-height: 80px;
    color: #ffffff;
    margin: 0 12px;
}

.footer .lxfs ul li>a {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 60px;
    font-size: 20px;
    color: #fff;
}

.footer .lxfs ul li>a:hover {
    color: #ffaf24;
}

/* 版权 */
.footer .bq {
    padding: 70px 0;
}

.footer .bq>div {
    width: 50%;
}

.footer .bq>div.bq_sub {
    margin: 18px 0;
}

.footer .bq>div.bq_sub.animation {
    opacity: 1;
    visibility: visible;
    animation: 0.4s ease 0.6s 1 normal backwards running fadeInLeft;
}

.footer .bq>div.bq_sub ul li {
    font-size: 15px;
    line-height: 34px;
    color: #333333;
}

.footer .bq>div ul li>a {
    display: inline-block;
    margin-right: 20px;
    color: #333333;
}

.footer .bq>div ul li>a.icon {
    background: url(../img/bq_icon.png) no-repeat left center;
    padding-left: 22px;
}

.footer .bq>div ul li>a:hover {
    color: #055621;
}

.footer .bq>div.bq_sub ul li:nth-child(3n) span {
    margin-right: 20px;
}

/* 二维码 */
.footer .E_code {
    text-align: right;
}

.footer .E_code.animation {
    opacity: 1;
    visibility: visible;
    animation: 0.4s ease 0.6s 1 normal backwards running fadeInRight;
}

.footer .E_code ul {
    display: inline-block;
}

.footer .E_code ul li {
    display: inline-block;
    margin: 0 12px;
}

.footer .E_code ul li img {
    display: block;
    padding: 15px;
    border: 1px solid #f0f0f0;
}

.footer .E_code ul li p {
    font-size: 13px;
    line-height: 34px;
    text-align: center;
}

div#top {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 80px;
    width: 54px;
    height: 54px;
    cursor: pointer;
    background: #06120fbf url(../img/top.png) no-repeat center;
    z-index: 999999;
    transition: all .5s ease;
}

div#top:hover {
    background: #2170c2 url(../img/top.png) no-repeat center;
}



/* 友情链接 */
.kstd .links { margin-top: 60px; visibility: hidden; opacity: 0; }
.kstd .links.animation { opacity: 1; visibility: visible; animation: 0.6s ease 1 normal backwards running fadeInDown; }
.kstd .links>ul .slick-list li { float: left;  height: 128px; border-left: 1px solid #f4f4f4; border-top: 1px solid #f4f4f4; box-sizing: border-box; }
.kstd .links>ul { border-bottom: 1px solid #f4f4f4; }
.kstd .links>ul .slick-list { border-right: 1px solid #f4f4f4; }
.kstd .links>ul .slick-list li a { width: 100%; height: 100%; display: block; overflow: hidden; position: relative; }
.kstd .links>ul .slick-list li a img {display: block;max-width: 80%;height: auto;object-fit: cover;position: absolute;left: 0;right: 0;bottom: 0;top: 0;margin: auto;transition: all .3s;}
.kstd .links>ul .slick-list li a:hover img {transform: scale(1.1);}


/* 快速通道 */
.links .con_top {
    padding-top: 15px;
    margin-bottom: 25px;
}
.links .con_top h2 {
    float: left;
    border-bottom: 4px solid #2170c2;
    padding-bottom: 16px;
}

/* 媒体查询 */
@media only screen and (max-width: 1800px) {
    #mainNavi {
        width: 100%;
    }
}

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

@media only screen and (max-width: 1600px) {
    #mainNavi .depth1-ul>li.mn_li1{
        width: calc(100% / 13);
    }
    #mainNavi .depth1-ul>li.mn_li1 a{
       font-size:15px;
    }
    #header-wrap #header .logo {
        top: 20px;
    }
#header-wrap #header .logo{
    width: 850px;
    top: 25px;
}
    #header-wrap  .link_tit {
        top: 45px;
        height: auto;
        line-height: 1;
        background: none;
    }

    #header-wrap  .link_tit a {
        line-height: 1;
        color: #202020;
        font-size: 16px;
    }

    #header-wrap  .link_tit a::before {
        background: #dfdfdf;
    }

    #header-wrap  .link_tit a:hover {
        color: #2170c2;
    }

   
    
    #header .search {
     
    }

    

    .footer .lxfs ul li>p.dianH {
        font-size: 20px;
        line-height: 60px;
    }

    .footer .lxfs ul li:nth-child(3) p:nth-child(1) {
        line-height: 60px;
    }

    #header-wrap {
        height: auto;
    }
}
@media only screen and (max-width: 1550px){
    .w1500 {
     width: 1300px;
    }
    .keshi .kslist {
        margin:20px 10px 20px 10px;
        padding-top: 42px;
    	padding-right: 28px;
    	padding-left: 28px;
    	
    
    }
}

@media only screen and (max-width: 1400px) {
    #mainNavi .depth2-wrap {
        padding: 0;
    }


}

@media only screen and (max-width: 1300px) {
    
    .main_content {
        width: 960px;
        padding: 10px;
        }
    #mainNavi .depth2-wrap .title {
        padding-left:6%;
    }

    .footer .lxfs ul li {
        width: 50%!important;
        text-align: left!important;
    }

    .footer .lxfs ul li:nth-child(2n) {
        border-right: none;
    }

    .footer .lxfs ul li>a {
        text-align: left;
        margin-left: 20px;
    }

    .footer .lxfs {
        background-size: 100% 100%;
    }
    .w1500 {
     width: 1200px;
    }
    .keshi .kslist {
        margin:20px 5px 20px 5px;
        padding-top: 42px;
    	padding-right: 18px;
    	padding-left: 18px;
    
    }
}

@media only screen and (max-width: 1200px) {
    #mainNavi .depth1-ul>li.mn_li1 a {
        font-size: 16px;
    }
    .w1500 {
        width: 1000px;
    }
    .keshi .kslist {
        margin:20px 25px 20px 25px;
        padding-top: 42px;
    	padding-right: 40px;
    	padding-left: 40px;
    
    }
}

@media only screen and (max-width: 1050px) {
    .footer .bq>div.bq_sub {
        margin: 0;
    }

    .footer .E_code ul li img {
        padding: 0;
    }
    .w1500 {
        width: 95%;
    }
    .keshi .kslist {
        padding-top: 42px;
    	padding-right: 40px;
    	padding-left: 40px;
    	margin: 20px auto;
    	float: none;
    
    }
}

@media only screen and (max-width: 1020px) {
    #header-wrap {
        height: 110px;
        border-top: none;
        z-index: 99999999999999999999;
    }

    #header-wrap #header .logo {
        width: 640px;
        top: 20px;
        left: 15px;
        transition: all .5s ease;
    }

    #header-wrap  .link_tit {
        width: 100%;
        position: relative;
        top: 0;
        height: auto;
        padding: 0;
        z-index: 99;
        background: url(../img/topbg.png);
    }

    #header-wrap  .link_tit a {
        display: inline-block;
        float: left;
        width: calc(100% / 3);
        line-height: 1;
        color: #FFF;
        padding: 0;
        text-align: center;
        font-size: 13px;
        padding: 12px 0;
        background: #2170c2;
    }

    #header-wrap  .link_tit a:nth-child(2n) {
        background: #29877f;
    }

    #header-wrap  .link_tit a::before {
        display: none
    }

    #header .search {
        top: 57px;
        right: 5.5%;
        background: none;
    }

    #mainNavi-wrap {
        overflow: inherit;
        
        top: 0;
        right: 0;
        left: auto;
        max-width: 100%;
        height: 104px;
        padding: 0;
        z-index: auto;
        background: none;
    }

   

    #mn-ctrs-btns {
        display: block;
        position: absolute;
        right: 20px;
        top: 28px;
        z-index: 1000;
        vertical-align: middle;
        color: #5f5f5f;
    }

    #mn-ctrs-btns .mn-ctrs-btn {
        position: relative;
        width: 25px;
        height: 20px;
        vertical-align: middle;
        transition: all .3s ease;
        display: block;
    }

    #mn-ctrs-btns .mn-ctrs-btn:before,#mn-ctrs-btns .mn-ctrs-btn:after,#mn-ctrs-btns .mn-ctrs-btn span {
        display: block;
        content: '';
        position: absolute;
        background-color: #2170c2;
        width: 100%;
        height: 3px;
        border-radius: 10px;
    }

    .mn-ctrs-btn span {
        top: 50%;
        margin-top: -2px;
        -webkit-transition: -webkit-transform ease 200ms;
        transition: -webkit-transform ease 200ms;
        transition: transform ease 200ms;
        transition: transform ease 200ms,-webkit-transform ease 200ms;
    }

    #mn-ctrs-btns .mn-ctrs-btn:before {
        top: 0;
        -webkit-transition: top 200ms ease 200ms,-webkit-transform ease 200ms;
        transition: top 200ms ease 200ms,-webkit-transform ease 200ms;
        transition: top 200ms ease 200ms,transform ease 200ms;
        transition: top 200ms ease 200ms,transform ease 200ms,-webkit-transform ease 200ms;
    }

    #mn-ctrs-btns .mn-ctrs-btn:after {
        bottom: 0;
        -webkit-transition: bottom 200ms ease 200ms,-webkit-transform ease 200ms;
        transition: bottom 200ms ease 200ms,-webkit-transform ease 200ms;
        transition: bottom 200ms ease 200ms,transform ease 200ms;
        transition: bottom 200ms ease 200ms,transform ease 200ms,-webkit-transform ease 200ms;
    }

    #mn-ctrs-btns .mn-ctrs-btn.open::before {
        top: 9px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: top ease 200ms,-webkit-transform 200ms ease 200ms;
        transition: top ease 200ms,-webkit-transform 200ms ease 200ms;
        transition: top ease 200ms,transform 200ms ease 200ms;
        transition: top ease 200ms,transform 200ms ease 200ms,-webkit-transform 200ms ease 200ms;
    }

    #mn-ctrs-btns .mn-ctrs-btn.open::after {
        bottom: 8px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: bottom ease 200ms,-webkit-transform 200ms ease 200ms;
        transition: bottom ease 200ms,-webkit-transform 200ms ease 200ms;
        transition: bottom ease 200ms,transform 200ms ease 200ms;
        transition: bottom ease 200ms,transform 200ms ease 200ms,-webkit-transform 200ms ease 200ms;
    }

    #mn-ctrs-btns .mn-ctrs-btn.open span {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: -webkit-transform 200ms ease 200ms;
        transition: -webkit-transform 200ms ease 200ms;
        transition: transform 200ms ease 200ms;
        transition: transform 200ms ease 200ms,-webkit-transform 200ms ease 200ms;
        display: none;
    }

    #menu-wrap {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: auto;
        background-color: #ebf7f6;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-transition: transform 0.5s;
        -webkit-transition: -webkit-transform 0.5s;
        transition: -webkit-transform 0.5s;
        transition: transform 0.5s;
        transition: transform 0.5s, -webkit-transform 0.5s;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        z-index: 2;
        /* visibility: hidden; */
    }

    #menu-wrap.mn-h-open {
        top: 140px;
        overflow: auto;
        /* -webkit-transform: translateY(0%); */
        transform: translateY(0%);
        visibility: visible;
    }

    #mainNavi-wrap:after {
        display: none;
    }

    .layer .search_box {
        max-width: 80%;
    }

    /* 导航内容 */
    #menu-wrap .mGnavi {
        display: block;
        box-sizing: border-box;
        position: relative;
        background: #2170c2;
        font-size: 0;
        text-align: left;
        padding: 25px 10px 25px 10px;
        line-height: 1;
    }

    #menu-wrap.mn-h-open .btn-close {
        display: block;
        position: absolute;
        width: 22px;
        height: 22px;
        background: transparent;
        top: 53%;
        right: 10px;
        border: 0;
        margin-top: -12px;
    }

    #menu-wrap.mn-h-open .btn-close:before {
        content: "";
        display: block;
        position: absolute;
        width: 20px;
        height: 3px;
        background: #fff;
        top: 50%;
        left: 0;
        margin-top: -2px;
    }

    #menu-wrap.mn-h-open .btn-close:after {
        content: "";
        display: block;
        position: absolute;
        width: 11px;
        height: 11px;
        border-bottom: 3px solid #fff;
        border-right: 3px solid #fff;
        top: 50%;
        right: 2px;
        transform: rotate(-45deg);
        margin-top: -7px;
    }

    #mainNavi .depth2-wrap .title {
        display: none;
    }

    #mainNavi .depth2-wrap {
        display: none;
        width: 100%;
        height: auto;
        box-sizing: border-box;
        background: #fff;
        transition: display .3s ease;
        box-sizing: border-box;
        padding: 0 30px;
        position: initial;
    }

    #mainNavi .depth2-wrap .depth2-ul {
        border-left: none;
        width: 100%;
    }

    #menu-wrap.mn-h-open #mainNavi {
        left: auto;
        right: 0;
        top: 0;
        width: 100%;
    }

    #mainNavi .depth1-wrap {
        position: relative;
    }

    #mainNavi .depth1-ul>li.mn_li1 {
        position: relative;
        width: 100%;
        height: auto;
        padding: 0 30px;
        box-sizing: border-box;
    }

    #mainNavi .mn_li1 .mn_a1 {
        display: block;
        position: relative;
        box-sizing: border-box;
        padding: 16px 0 17px 0;
        width: 100%;
        height: auto;
        letter-spacing: -.05em;
        z-index: 300;
    }

    #mainNavi .depth1-ul>li.mn_li1>a {
        line-height: 28px;
    }

    #mainNavi .mn_li1 .mn_a1 span {
        position: relative;
        display: inline-block;
        line-height: 1.2;
        font-size: 17px;
        color: #183331;
        font-weight: 700;
    }

    #mainNavi .mn_li1 .mn_a1:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background: #ddd;
    }

    #mainNavi .mn_li1.is-open .mn_a1 span {
        color: #2170c2;
    }

    #mainNavi .mn_li1.is-open .mn_a1:before {
        height: 2px;
        background: #2170c2;
    }

    #mainNavi .mn_a1:after {
        display: none;
    }

    #mainNavi .depth1-ul>li.mn_li1 a.mn_a1 {
        display: block;
        position: relative;
        box-sizing: border-box;
        padding: 15px 0;
        width: 100%;
        height: auto;
        letter-spacing: -.05em;
        z-index: 300;
        text-align: left;
    }

    /* 二级下拉按钮 */
    #menu-wrap .mGnavi>a {
        display: inline-block;
        font-size: 14px;
        color: #fff;
        padding: 0 14px;
        border-right: 1px solid #13cebe;
    }

    #menu-wrap .mGnavi>a:first-child {
        padding-left: 0;
    }

    #menu-wrap .mGnavi>a:nth-child(4) {
        padding-right: 0;
        border-right: 0;
    }

    #mainNavi .mn_li1.is-close > .tgl-btn {
        position: absolute;
        top: 0;
        right: 0;
        width: 76px;
        height: 57px;
        box-sizing: border-box;
        background: transparent;
        z-index: 500;
        border: 0;
        display: block;
    }

    #mainNavi .mn_li1.is-close > .tgl-btn:before {
        display: block;
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        width: 16px;
        height: 8px;
        background: url(../img/layout_spr.png) no-repeat -219px -65px;
        transition: all .3s ease;
    }

    #mainNavi .mn_li1.is-close.is-open > .tgl-btn:before {
        background-position: -219px -80px;
    }

    /* 二级内容 */
    #mainNavi .depth2-wrap, #mainNavi .depth2-wrap .depth2-ul {
        height: auto;
        min-height: auto;
    }

    #mainNavi .depth2-wrap .depth2-ul {
        padding: 0;
    }

    #mainNavi .depth2-wrap .mn_li2 {
        width: 100%;
        margin-bottom: 0;
    }

    #menu-wrap .mGnavi>a:hover {
        color: #ffe500;
    }

    #mainNavi .depth2-wrap .mn_li2 a::after {
        display: none;
    }

    #mainNavi .depth1-ul .depth2-wrap .mn_a2 {
        text-align: left;
        border-bottom: 1px solid #eae3e3;
    }

    #mainNavi .depth2-wrap {
        padding: 0;
    }

    #mainNavi .depth2-wrap .mn_a2 span {
        font-weight: normal;
        font-size: 16px;
        text-indent: 0;
    }

    #mainNavi .depth2-wrap .mn_a2:before {
        content: "";
        display: block;
        position: absolute;
        left: 26px;
        top: 23px;
        width: 4px;
        height: 4px;
        background: #262626;
        border-radius: 50%;
    }

    #mainNavi .depth2-ul .mn_li2 a:before {
        display: none
    }

    #mainNavi .depth2-wrap .mn_a2:hover {
        background: #2170c2;
    }

    #mainNavi .depth1-ul>li.mn_li1 a.mn_a2:hover span {
        color: #fff;
    }

    #mainNavi .depth2-wrap .mn_a2:hover::before {
        background: #fff;
    }
}

@media only screen and (max-width: 1800px) {
    .w1300 {
        text-align: justify;
        width: 92%;
        margin: 0 auto;
        padding: 1%;
    }
}

@media only screen and (max-width: 960px) {
    #header .search {
        right: 6.5%;
    }

    div#top {
        width: 41px;
        height: 40px;
        background-size: 80%;
    }

    .footer .lxfs ul li>a, .footer .lxfs ul li:nth-child(3) p:nth-child(1), .footer .lxfs ul li>p.dianH {
        line-height: 30px;
    }

    .footer .lxfs ul li>a, .footer .lxfs ul li:nth-child(3) p:nth-child(1) {
        font-size: 16px;
    }

    .footer .lxfs ul li:nth-child(1) p:nth-child(1), .footer .lxfs ul li:nth-child(3) p:nth-child(1), .footer .lxfs ul li:nth-child(2) p:nth-child(1) {
        margin-left: 0;
    }

    .footer .lxfs ul li {
        width: 100%!important;
        border-right: none;
        padding: 20px 0;
        border-bottom: 1px solid #32bea1;
    }

    .footer .lxfs ul li:nth-child(3) {
        width: 100%;
    }

    .footer .lxfs ul li:nth-child(1) p:nth-child(1) {
        width: auto;
    }

    .footer .lxfs ul li:nth-child(2) p:nth-child(1) font {
        display: inline-block;
    }

    .footer .lxfs ul li>p, .footer .lxfs ul li p font {
        font-size: 16px!important;
    }

    .footer .bq>div {
        width: 100%;
        float: none;
        text-align: center;
    }

    .footer .bq {
        padding: 20px 0;
    }

    .footer .E_code {
        text-align: left;
        margin-top: 20px;
    }

    .footer .lxfs ul li:nth-child(4) {
        border-right: none;
        background: #1b5f51;
        width: 100% !important;
        display: block;
        border: none;
        padding: 15px 0;
        margin-bottom: 30px;
    }

    .footer .lxfs ul li:nth-child(4) a {
        text-align: center;
        margin: 0;
    }
}

@media only screen and (max-width: 768px) {
    #header-wrap {
        height: 110px;
    }
    .main_content {
        width: 100% !important;
        margin: 10px auto;
        box-sizing: border-box;
        padding: 0px 10px 20px;
    }
  .jishu{
      padding:10px;
      height:auto;
      width:auto;
  }
  .jishu .jslm{
      height:auto;
  }
  .jishu .jslm h1{
      font-size:16px;
      font-weight: bold;
  }
  .jishu .jslm p{
      margin:0;
      font-size:14px;
  }
  .jishu .jslm span{
      margin:0;
  }
  .jishu .js,.jishu .ky{
      width:100%;
      display:block;
      float:none;
      overflow:hidden;
  }
  .jishu .js .jspic{
      width:100%;
      height:auto;
      overflow:hidden;
      clear:both;
  }
  .jishu .js .jspic ul{
      width:100%;
  }
  .jishu .js .jspic ul li{
      width:33%;
      margin:0;
      height:auto;
  }
  
  .jishu .js .jspic ul li span{
      width:100%;
  }
  
  
  
    #header .search {
        right: 8.8%;
    }
    .w1300,.w1500{width:100%; padding:0}
    .keshi .kslist {
        padding-top: 22px;
    	padding-right: 10px;
    	padding-left: 10px;
    	margin: 20px auto;
    	float: none;
        width:90%;
        
    
    }
    .keshi .kslist .ks{
        display:block;
        width:100%;
    }
    .keshi .kslist .ks ul{
        width:100%;
    }
    .keshi .kslist .ks ul li{
        width:45%;
        margin:5px;
        padding:0;
        background:none;
        text-align:center;
        font-size:12px;
        height:30px;
        line-height:30px;
    }
    .keshi .kslist .kslm h1{
        font-size:16px;
    }
.header_top {
    display: none;
}
    #mainNavi-wrap {
        height: 108px;
    }

    #header-wrap #header .logo {
        width: 54%;
    }

    .layer .search_box {
        width: 94%;
    }

    .footer .lxfs ul li:nth-child(4) {
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 500px) {
    #header .search {
        right: 12%;
        top: 20px;
    }

    #mainNavi-wrap {
        height: 82px;
    }

    #menu-wrap.mn-h-open {
        top: 118px;
    }

    #header-wrap #header .logo {
        width: 80%;
    }
#header-wrap #header .logo a{
    padding:0;
    margin-top:20px;
    max-width:100% !important;
}
#header-wrap #header .logo span{
    display:none;
}
    #mn-ctrs-btns {
        top: 32px;
        right: 14px;
    }

    #header-wrap {
        height: 89px;
    }

    .footer .lxfs ul li>p.dianH {
        font-size: 16px;
    }

    .footer .E_code ul li img {
        width: 98px;
    }

    .footer .E_code ul li {
        margin: 0 6px 0 0;
    }

    .footer .bq>div.bq_sub ul li:nth-child(3n) span {
        display: block;
    }
}