*{margin:0; padding:0; list-style: none;}
body {font-family:'Helvetica Neue', Helvetica, Roboto, Arial, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Jhenghei', sans-serif;min-height:100%;font-size:16px;color:#222;}
/* 清理浮动 */
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix {zoom:1;}
.pagewidth{ margin:0 auto; width: 1320px;}
.bannerwidth{
    width: 100%;
    height: 300px;
}

a{ text-decoration: none; transition-duration: 0.1s;}
a:hover{ text-decoration: underline;}
.hide{display:none;}
img{ border:none; display: block;}
body,html{ height: 100%; }
input,button,textarea{-webkit-appearance: none;border-radius: 0;outline: none;}
@font-face {
    font-family: 'HarmonyOS Sans Bold';
    src: url('../font/HarmonyOS_Sans_Bold.eot');
    src: url('../font/HarmonyOS_Sans_Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/HarmonyOS_Sans_Bold.woff2') format('woff2'),
        url('../font/HarmonyOS_Sans_Bold.woff') format('woff'),
        url('../font/HarmonyOS_Sans_Bold.ttf') format('truetype'),
        url('../font/HarmonyOS_Sans_Bold.svg#HarmonyOS_Sans_Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


 

.page { text-align:center; padding:0px 30px; }
.page a{ border:#ececec solid 1px; height: 40px;line-height: 40px; display: inline-block; padding-left: 18px; border-radius: 3px; padding-right: 18px; background: #fff; margin-left: 3px; margin-right: 3px; color: #666; font-size: 14px; display: inline-block; transition-duration: 0.3s; /*box-shadow: 0px 5px 5px rgba(0,0,0,0.0)*/ }
.page a:hover{height: 40px; line-height: 40px; padding-left: 18px; padding-right: 18px; background: #fff; color: #555; font-size: 14px; display: inline-block; /*box-shadow: 0px 5px 5px rgba(0,0,0,0.05);*/transform: translateY(-2px)  }
.page a.active{ background: #2d3238; color: #fff; cursor:not-allowed; }
.nodata{ text-align: center; }
.nodata img{ margin: 0 auto; width: 56px; padding-top: 100px; }
.nodata p{ text-align: center; font-size: 14px; color: #999; padding-top: 10px; }


.header { height: 60px;  background: #fff;margin-top: 20px }
.header .pagewidth{ position: relative; }
.header .logo{ float: left;transition-duration: 0.3s; padding-top: 15px;padding-bottom: 15px;display: none }
.header .logo img{ display: block; height: 40px; transition-duration: 0.3s}
.header .menu{ float: left; /*padding-left:6%; */width: 70%; }
.header .menu ul li{float: left;
    line-height: 60px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-right: 6%;
    padding: 0px 10px;
    height: 60px; }
.header .menu ul li:last-child{margin-right: 0px; }
.header .menu ul li a{ color: #222222; font-size: 18px;  }
.header .menu ul li a:hover{
    text-decoration: none;
    color: white;
}
.header .menu ul li:hover{background-color: #FF0000}

.header .search_box{ height: 32px; position: relative; top: 18px; width: 14%; background: #f5f5f5; display: block; overflow: hidden; float: right; transition-duration: 0.3s;border-radius: 32px; padding-left: 0px; z-index: 33;}
.header .search_box .input_text{ height:22px; font-size: 14px; color: #333; width: 74%; padding-left: 6%; line-height:22px; padding-top: 5px; padding-bottom: 5px; border:none; opacity: 1; background: none; transition-duration: 0.3s }
.header .search_box .ss_btn{ position: absolute; right: 4px; height: 32px; width: 32px;  background:url(../images/search-2-line.svg) no-repeat center; text-indent: -999em;  background-size: 16px 16px;border:none; transition-duration: 0.3s; opacity: 1;}

.header .mobile{float: right; position: relative; padding-left: 0px; margin-left: 2%; display: inline-block}
.header .mobile span{
    margin-left: 10px;
    cursor: pointer;
}
.header .mobile img{ height: 50px; display: block; float: right; position: absolute;  bottom: 0px; left: 0px; }
.header .mobile span{ height: 60px; display: block; float: right; line-height: 60px; font-size: 14px; color: #666; }
.header .mobile .wechatcontent{ position: absolute; display: none; border-radius: 3px; background: #fff;border:#ececec solid 1px; top: 70px; right: 0px; height: 120px; width: 120px;  z-index: 999; }
.header .mobile .wechatcontent img{ display: block; width: 100%; height: auto; position: initial;}
.header .mobile .wechatcontent p{ text-align: center; font-size: 12px; color: #666; }
.header .mobile .wechatcontent:after{ content: '';position: absolute;border: 6px solid transparent;border-top-width: 0;border-bottom-color: #ececec;top: -6px;right: 8px}
.header .mobile .wechatcontent:before{ content: '';position: absolute;border: 6px solid transparent;border-top-width: 0;border-bottom-color: #fff;top: -5px;right: 8px; z-index: 999;}
.header .mobile:hover .wechatcontent{ position: absolute; display: block; }




.big_menu{ background:url(../images/menubg.jpg) no-repeat center; height: 50px; background-size: cover; padding-top: 35px; padding-bottom: 35px;}
.big_menu .left{ position: relative; float: left; width: 37%; }
.big_menu .left:before{ content: ""; position: absolute; right: 34px; top: 0px;  height: 50px;  border-right: rgba(255,255,255,0.3) solid 1px; }
.big_menu .center{ float: left; width: 23%; position: relative; }
.big_menu .center:before{ content: ""; position: absolute; right: 34px; top: 0px;  height: 50px;  border-right: rgba(255,255,255,0.3) solid 1px; }
.big_menu .right{ float: left; width: 40%; }
.big_menu .left h2{ float: left;width: 70px; font-size: 36px; color: #fff; font-weight: bold;  line-height: 50px; }
.big_menu .left ul{  float: left; width: 360px; }
.big_menu .left ul li{ float: left; width: 25%; margin-bottom: 8px; }
.big_menu .center h2{ float: left;width: 70px; font-size: 36px; color: #fff; font-weight: bold;  line-height: 50px; }
.big_menu .center ul{  float: left; width: 200px; }
.big_menu .center ul li{ float: left; width: 50%; margin-bottom: 8px; }
.big_menu .right h2{ float: left;   width: 60px; padding-right:20px; font-size: 24px; color: #fff; font-weight: bold;  line-height: 26px; }
.big_menu .right ul{  float: left; width: 445px;}
.big_menu .right ul li{ float: left; width: 20%; margin-bottom: 8px; }
.big_menu ul li a{ color: #fff;font-size: 16px; }
.big_menu ul li a:hover{ color: #fff;  font-size: 16px; }



.position{  height: 50px; line-height: 50px; font-size: 14px; color: #666; border-bottom: #ececec solid 1px;  }
.position a{ margin-left: 5px; margin-right: 5px; }


.footer{ background: #2d3238;  padding-top: 40px; padding-bottom: 40px; }
.footer .logo{ float: left; width: 250px; margin-right: 50px; }
.footer .logo img{ height: 48px; display: block; margin-bottom: 20px; }
.footer p{ font-size: 14px; color: #fff; line-height: 1.6em; }

.footer .center{ float: left; width: 700px; }
.footer .center ul { margin-bottom: 40px; }
.footer .center ul li{ float: left; margin-right: 50px; }
.footer .center ul li a{ color: #fff; font-size: 16px; }
.footer .center dl dt { float: left; width: 33.33%; }
.footer .center dl dt p{ font-size: 16px; color: #fff; margin-bottom: 5px;}
.footer .center dl dt h3{ font-size: 18px; color: #fff;font-family: 'HarmonyOS Sans Bold'; }
.footer .center dl dt h3 img{ height: 20px; position: relative; top: -2px; }
.footer .center dl dt h3 a{ color: #fff; margin-right: 20px;}
.footer .wechat{ float: right; width: 110px; }
.footer .wechat img{ width: 100%; display: block; }
.footer .wechat p{  text-align: center; color: #999999; padding-top: 6px;}


.copy{background: #21272b; padding-top: 20px; padding-bottom: 20px; color: #fff; font-size: 14px; font-weight: normal; text-align: center;}
.copy span.beian{ margin-left:20px;margin-right:20px; }
.copy span.top{ float: right; }
.copy span.top a{ cursor: pointer;}
.copy a{ color: #fff; }
.copy a:hover{ color: #fff; }




.inner {width: 24px;height: 16px;position: absolute;top: 17px;right: 4px; }
.inner .icon-bar {width: 100%;height: 1.5px;position: absolute;left: 0;background: #fff;-webkit-transition: all 0.3s;transition: all 0.3s;}
.inner .icon-bar.top {top: 0;}
.inner .icon-bar.middle {top: 50%;margin-top: -1px;}
.inner .icon-bar.bottom {bottom: 0;}
.bgwhite .inner .icon-bar {background: #005fb8;}
.main_nav {display: table;width: 50%;height: 100%;position: fixed;top: 0;right: -50%;bottom: 0;background: #ffffff;z-index: 100;-webkit-transition: all 0.4s cubic-bezier(0.63, 0.35, 0.1, 0.95);transition: all 0.4s cubic-bezier(0.63, 0.35, 0.1, 0.95);}
.main_nav .close_nav {width: 20px;height: 20px;position: absolute;  top: 15px;  right: 15px;cursor: pointer;}
.main_nav .close_nav:before,
.main_nav .close_nav:after {content: '';width: 100%;height: 2px;background: #111111;position: absolute;top: 50%;left: 0;margin-top: -1px;-webkit-transition: all 0.3s 0.3s;transition: all 0.3s 0.3s;}
.main_nav .close_nav:before {-webkit-transform: rotate(0);transform: rotate(0);}
.main_nav .close_nav:after {-webkit-transform: rotate(0);transform: rotate(0);}
.main_nav.open {right: 0;}
.main_nav.open .close_nav:before {-webkit-transform: rotate(45deg);transform: rotate(45deg);transition-delay: 0;}
.main_nav.open .close_nav:after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);transition-delay: 0;}
.main_nav .menu {display: table-cell;vertical-align: middle;text-align: center;}
.main_nav .menu li {display: block;position: relative;}
.main_nav .menu li:not(:last-child) {margin-bottom: 5px;}
.main_nav .menu li.animated {left: 25px;opacity: 0;-webkit-transition: all 0.3s;transition: all 0.3s; margin-bottom:0px;}
.main_nav .menu li.animated.show {left: 0;opacity: 1;}
.main_nav .menu li a {display: block;font-size: 18px;font-weight: 700;color: #111111;}
.main_nav .menu li a.active {color: #005fb8;}
.main_nav .menu li ul {display: none;max-width: 40%;margin: 0 auto;}
.main_nav .menu li ul li {display: inline-block;position: relative; line-height: 32px; height: 32px;}
.main_nav .menu li ul li a {font-size: 16px;font-weight: normal;color: rgba(17, 17, 17, 0.6);padding: 0 5px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.main_nav .menu li ul li a.active,
.main_nav .menu li ul li a:hover {color: #111111;}
.main_nav .menu li ul li a.active {font-weight: bold;}
.main_overlay {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 99;background: rgba(17, 17, 17, 0.9);opacity: 0;visibility: hidden;cursor: pointer;-webkit-transition: all 0.4s cubic-bezier(0.63, 0.35, 0.1, 0.95);transition: all 0.4s cubic-bezier(0.63, 0.35, 0.1, 0.95);}
.main_overlay.open {opacity: 1;visibility: visible;}


.el-pagination {
    white-space: nowrap;
    padding: 2px 5px;
    color: #303133;
    font-weight: 700
}

.el-pagination:after,.el-pagination:before {
    display: table;
    content: ""
}

.el-pagination:after {
    clear: both
}

.el-pagination button,.el-pagination span:not([class*=suffix]) {
    display: inline-block;
    font-size: 13px;
    min-width: 35.5px;
    height: 28px;
    line-height: 28px;
    vertical-align: top;
    box-sizing: border-box
}

.el-pagination .el-input__inner {
    text-align: center;
    -moz-appearance: textfield;
    line-height: normal
}

.el-pagination .el-input__suffix {
    right: 0;
    transform: scale(.8)
}

.el-pagination .el-select .el-input {
    width: 100px;
    margin: 0 5px
}

.el-pagination .el-select .el-input .el-input__inner {
    padding-right: 25px;
    border-radius: 3px
}

.el-pagination button {
    border: none;
    padding: 0 6px;
    background: 0 0
}

.el-pagination button:focus {
    outline: 0
}

.el-pagination button:hover {
    color: #21272b
}

.el-pagination button:disabled {
    color: #c0c4cc;
    background-color: #fff;
    cursor: not-allowed
}

.el-pagination .btn-next,.el-pagination .btn-prev {
    background: 50% no-repeat #fff;
    background-size: 16px;
    cursor: pointer;
    margin: 0;
    color: #303133
}

.el-pagination .btn-next .el-icon,.el-pagination .btn-prev .el-icon {
    display: block;
    font-size: 12px;
    font-weight: 700
}

.el-pagination .btn-prev {
    padding-right: 12px
}

.el-pagination .btn-next {
    padding-left: 12px
}

.el-pagination .pagination li.disabled {
    color: #c0c4cc;
    cursor: not-allowed
}

.el-pagination .pagination li a{
    color: #606266;
}

.pagination li,.pagination li.btn-quicknext:hover,.pagination li.btn-quickprev:hover {
    cursor: pointer
}

.el-pagination--small .btn-next,.el-pagination--small .btn-prev,.el-pagination--small .pagination li,.el-pagination--small .pagination li.btn-quicknext,.el-pagination--small .pagination li.btn-quickprev,.el-pagination--small .pagination li:last-child {
    border-color: transparent;
    font-size: 12px;
    line-height: 22px;
    height: 22px;
    min-width: 22px
}

.el-pagination--small .more:before,.el-pagination--small li.more:before {
    line-height: 24px
}

.el-pagination--small button,.el-pagination--small span:not([class*=suffix]) {
    height: 22px;
    line-height: 22px
}

.el-pagination--small .el-pagination__editor,.el-pagination--small .el-pagination__editor.el-input .el-input__inner {
    height: 22px
}

.el-pagination__sizes {
    margin: 0 10px 0 0;
    font-weight: 400;
    color: #606266
}

.el-pagination__sizes .el-input .el-input__inner {
    font-size: 13px;
    padding-left: 8px
}

.el-pagination__sizes .el-input .el-input__inner:hover {
    border-color: #21272b
}

.el-pagination__total {
    margin-right: 10px;
    font-weight: 400;
    color: #606266
}

.el-pagination__jump {
    margin-left: 24px;
    font-weight: 400;
    color: #606266
}

.el-pagination__jump .el-input__inner {
    padding: 0 3px
}

.el-pagination__rightwrapper {
    float: right
}

.el-pagination__editor {
    line-height: 18px;
    padding: 0 2px;
    height: 28px;
    text-align: center;
    margin: 0 2px;
    box-sizing: border-box;
    border-radius: 3px
}

.pagination,.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev {
    padding: 0
}

.el-pagination__editor.el-input {
    width: 50px
}

.el-pagination__editor.el-input .el-input__inner {
    height: 28px
}

.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,.el-pagination__editor .el-input__inner::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.el-pagination.is-background .btn-next,.el-pagination.is-background .btn-prev,.el-pagination.is-background .pagination li {
    margin: 0 5px;
    background-color: #f4f4f5;
    color: #606266;
    min-width: 30px;
    border-radius: 2px
}

.el-pagination.is-background .btn-next.disabled,.el-pagination.is-background .btn-next:disabled,.el-pagination.is-background .btn-prev.disabled,.el-pagination.is-background .btn-prev:disabled,.el-pagination.is-background .pagination li.disabled {
    color: #c0c4cc
}

.el-pagination.is-background .pagination li:not(.disabled):hover {
    color: #21272b
}

.el-pagination.is-background .pagination li:not(.disabled).active {
    background-color: #21272b;
    color: #fff
}

.el-dialog,.pagination li {
    background: #fff;
    -webkit-box-sizing: border-box
}

.el-pagination.is-background.el-pagination--small .btn-next,.el-pagination.is-background.el-pagination--small .btn-prev,.el-pagination.is-background.el-pagination--small .pagination li {
    margin: 0 3px;
    min-width: 22px
}

.pagination,.pagination li {
    vertical-align: top;
    margin: 0;
    display: inline-block
}

.pagination {
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    list-style: none;
    font-size: 0;
    margin-left: 40%;
}

.pagination,.el-radio,.el-table th {
    -webkit-user-select: none
}

.el-date-table,.el-radio,.el-table th {
    -moz-user-select: none;
    -ms-user-select: none
}

.pagination .more:before {
    line-height: 30px
}

.pagination li {
    padding: 0 4px;
    font-size: 13px;
    min-width: 35.5px;
    height: 28px;
    line-height: 28px;
    box-sizing: border-box;
    text-align: center
}

.el-menu--collapse .el-menu .el-submenu,.el-menu--popup {
    min-width: 200px
}

.pagination li.btn-quicknext,.pagination li.btn-quickprev {
    line-height: 28px;
    color: #303133
}

.pagination li.btn-quicknext.disabled,.pagination li.btn-quickprev.disabled {
    color: #c0c4cc
}

.pagination li.active+li {
    border-left: 0
}

.pagination li:hover {
    color: #21272b
}

.pagination li.active {
    color: #21272b;
    cursor: default
}


.search_header .logo{ margin-bottom: 20px; padding-top: 50px;}
.search_header .logo img{ height: 50px; margin: 0 auto;}
.search_header .search_box1{position: relative;width: 720px; margin: 0 auto; height: 50px; border-radius: 3px; border:#dadada solid 2px; overflow: hidden; background: #fff;  }
.search_header .search_box1:hover{border:#e01819 solid 2px;}
.search_header .search_box1 .search_close{ position: absolute; cursor:pointer; right: 10px; top: 10px; width: 20px; height:20px; display: block; background:  url(../images/close.png) no-repeat center center; background-size: 70%; }
.search_header .search_box1 .ipt{ width: 78%; height: 30px; border:none; line-height: 30px; margin-top: 10px; margin-bottom: 10px; margin-left: 15px; border:none; font-size: 16px; color: #333; font-weight: bold; }
.search_header .search_box1 .ss_btn{ width: 24px; height: 24px; border:none; background: url(../images/search-2-line.svg) no-repeat center center; background-size: contain; position: absolute; top: 13px; right: 20px; text-indent: -999em; cursor: pointer;}
.search_header .red .ss_btn{ width: 24px; height: 24px; border:none; background: url(../images/search-2-line.svg) no-repeat center center; background-size: contain; position: absolute; top: 13px; right: 20px; text-indent: -999em; cursor: pointer;}
.search_header .search_box1:hover .ss_btn{ width: 24px; height: 24px; border:none; background: url(../images/search-2-line.svg) no-repeat center center; background-size: contain; position: absolute; top: 13px; right: 20px; text-indent: -999em; cursor: pointer;}
.search_header .red{border:#e01819 solid 2px;}
.search_header h2{ text-align: center; font-weight: bold; font-size: 32px; padding-top: 30px; padding-bottom: 30px;}
.search_category{ background: #f5f5f5; height: 36px; line-height: 36px; color: #666; font-size: 14px; padding-left: 20px; }
.search_category ul li { float: left; margin-right: 10px;}
.search_category ul li a{ color: #666; display: block; padding-left: 10px; padding-right: 10px;}
.search_category ul li a.active{ color: #3f5894; font-weight: bold; position: relative;}
.search_category ul li a.active:after{ content: ""; position: absolute; left:0px; right: 0px; bottom: 0px; height: 1px; background: #3f5894;}
.search_data{ font-size: 16px; color: #666; padding-left: 0px; padding-top: 20px; padding-bottom: 20px;}
.search_content{ padding-bottom: 100px; width: 720px; margin: 0 auto;}
.search_content ul li{ margin-bottom: 20px; border-bottom: #ececec solid 1px; padding-bottom: 20px;}
.search_content ul li h5{ margin-bottom: 5px;}
.search_content ul li h5 a{ color: #333; font-size: 20px;}
.search_content ul li h5 a strong{ color: #e01819; }
.search_content ul li .info { width: 700px; }
.search_content ul li .info .img{ float: left; margin-right: 10px; }
.search_content ul li .info .img img{  width: 80px;  }
.search_content ul li .info .description{ float: left; font-size: 14px; color: #666; line-height: 1.8em;}
.search_content ul li .info .description strong{ color: #e01819; font-weight: normal;}
.search_content ul li .time{ font-size: 12px; color: #999;}
.search_content .nodata{ font-size: 16px; color:#333; padding-top: 20px; padding-bottom: 240px;}
.search_content .nodata span{ color: #e01819;}
.search_copy{ background: #f5f5f5; text-align: center; color: #999; font-size: 14px; padding-left: 20px; padding-top: 10px; padding-bottom: 10px;}

.area-search{
    margin-left: 15px;
    height: 30px;
    margin-top: -10px;
    border: none;
    position: relative;
    top: 4px;
}
.tab-container {
    height: 60px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
}
.tab-container .left {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
}
 .tab-container .left .tab-item.active {
    border-color: #0084ff;
    color: #0084ff;
}
.tab-container .left .tab-item {
    height: 60px;
    line-height: 60px;
    border-bottom: 2px solid transparent;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 40px;
    color: #393939;
    font-size: 15px;
    cursor: pointer;
    display: inline-block;
}
.tab-container .arrow-top1 {
     position: absolute;
     left: 75px;
     width: 0;
     height: 0;
     border-width: 0 10px 10px;
     border-style: solid;
 }
.tab-container .arrow-top1 {
    top: 48px;
    border-color: transparent transparent #eee;
}
.tab-container .arrow-top2 {
    position: absolute;
    left: 75px;
    width: 0;
    height: 0;
    border-width: 0 10px 10px;
    border-style: solid;
}.tab-container .province-modal {
     width: 400px;
     border: 1px solid #eee;
     z-index: 10;
     position: absolute;
     left: 60px;
     top: 56px;
     background-color: #fff;
     padding: 5px;
 }.tab-container .province-modal {
      box-shadow: 1px 1px 1px 1px #eee;
  }.tab-container .province-modal .province-item {
       display: inline-block;
       padding: 10px 5px;
       cursor: pointer;
   }

a:hover{
    text-decoration: none;
}
.logo-search{
    display: flex;
    margin-top: 30px;
}
.logo-search .logo{
    /*margin-left: 6%;*/
}
.logo-search .logo a:hover{
    text-decoration: none;
}
.logo-search .logo img{
    width: 400px;
}
.logo-search .search,.logo-search .publish{
    flex: 1;
}
.logo-search .search .cl{
    border: 2px solid #B50000;
    width: 390px;
    height: 44px;
    border-right: none;
    margin-left: 150px;
    margin-top: 11px;
}
.logo-search .search .cl input{
    height: 43px;
    border: none;
    outline: none;
    margin-left: 10px;
    position: relative;
    top: -2px;
    width: 309px;
}
.logo-search .search .cl .ss_btn{
    margin-left: 0px;
    background-color: rgb(181,0,0);
    color: white;
    height: 46px;
    width: 66px;
    position: relative;
    left: 1px;
}
.logo-search .publish{
    text-align: right;
}
.logo-search .publish a{
    background: #f78015 url(/index_files/klp_hdico.png) no-repeat scroll 18px 9px;
    border: 0 none;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 16px;
    height: 44px;
    line-height: 44px;
    padding: 0 18px 0 10px;
    text-indent: 44px;
    margin-top: 11px;
    text-decoration: none;
}
.header{
    background:#B50000 url(/index_files/klp_navbg.png) repeat-x 0 0 ;
}
.header .menu ul li a,.header .mobile span{
    color: white;
}

/*大屏幕*/
@media screen and (max-width: 1920px) {}
/*中屏幕*/
@media screen and (max-width: 1440px) {}
/*平板*/
@media screen and (max-width: 768px) {
    .header .logo{
        display: inline-block;
    }

.logo-search .logo img{
    width: 100px;
}
.logo-search .search, .logo-search .publish{
    display: none;
}
.pagewidth{ width: auto; margin:0 10px;}
body{ padding-top: 50px!important; }
.header{ height: 50px;  position: fixed; left: 0px; top: 0px; right: 0px; z-index: 99999; box-shadow: 0px 5px 5px rgba(0,0,0,0.1);margin-top: 0px; }
.header .pagewidth{ position: relative; }
.header .logo{ float: left;transition-duration: 0.3s; padding-top:8px;margin-left: 10px}
.header .logo img{ display: block; height: 30px; transition-duration: 0.3s}
.header .menu{ display: none}
.header .search_box{ display: none; }
.header .mobile{display: none; }
.big_menu{ display: none; }
.header{
    margin-top: 0px;
}
.cd-nav-trigger{
    float: left !important;;
}
.logo-search{
    display: none;
}
.pagewidth .logo{
    width: 200px;
}
.footer{ background: #2d3238;  padding-top: 20px; padding-bottom: 20px; }
.footer .logo{display: none; }

.footer .center{ float: none; width: auto; }
.footer .center ul { margin-bottom: 20px; padding-top: 0px; }
.footer .center ul li{ float: left; margin-right: 0px; width: 33.33%; text-align: center; line-height: 2em; margin-left: 0px; }
.footer .center ul li a{ color: #fff; font-size: 14px; }
.footer .center dl dt { float: none; width: 100%; }
.footer .center dl dt p{ font-size: 14px; color: #fff; margin-bottom: 0px; text-align: center;}
.footer .center dl dt h3{ font-size: 16px; color: #fff;font-family: 'HarmonyOS Sans Bold'; text-align: center; margin-bottom: 10px; }
.footer .center dl dt h3 img{ height: 22px; position: relative; top: -2px; }
.footer .center dl dt h3 a{ color: #fff; margin-right: 20px;}
.footer .wechat{ display:none; }


.copy{background: #21272b; padding-top: 10px; line-height: 1.6em; padding-bottom: 10px; color: #fff; font-size: 12px; font-weight: normal; text-align: center;}
.copy span.beian{ margin-left:20px;margin-right:20px; }
.copy span.top{ float: right; }
.copy span.top a{ cursor: pointer;}
.copy a{ color: #fff; }
.copy a:hover{ color: #fff; }



.page { text-align:center; padding:0px 30px; }
.page a{ border:#ececec solid 1px; height: 40px;line-height: 40px; display: inline-block; padding-left: 18px; border-radius: 3px; padding-right: 18px; background: #fff; margin-left: 3px; margin-right: 3px; color: #666; font-size: 14px; display: inline-block; transition-duration: 0.3s; display: none; /*box-shadow: 0px 5px 5px rgba(0,0,0,0.0)*/ }
.page a:hover{height: 40px; line-height: 40px; padding-left: 18px; padding-right: 18px; background: #fff; color: #555; font-size: 14px; display: inline-block; /*box-shadow: 0px 5px 5px rgba(0,0,0,0.05);*/transform: translateY(-2px)  }
.page a.active{ background: #2d3238; color: #fff; cursor:not-allowed; }
.page a:first-child{ display: inline-block; }
.page a:last-child{ display: inline-block; }
}
/*手机*/
@media screen and (max-width: 480px) {}
/*小尺寸手机*/
@media screen and (max-width: 320px) {}
/*横屏*/
@media all and (orientation : landscape) {} 
/*竖屏*/
@media all and (orientation : portrait){}