@charset "utf-8";
.fr {
    float: right;
}
.fl {
    float: left;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
.container-1200 {
    width: 1200px;
    margin: 0 auto;
}
.wrapper-header {
    background:  no-repeat center center;
    background-size: cover;
    padding-top: 19px;
}
.header-top-welcome {
    color: #fff;
}
.header-top-right {
    margin-right: 10px;
}
.header-top-right a {
    color: #fff;
}
.header-top-login a, .header-top-login span {
    color: #fff;
}
.header-top-login i{
  cursor: pointer;
}
.container-1200-head {
    padding-top: 53px;
    padding-bottom: 40px;
}
.logo {
    display: inline-block;
}
.search-box {
    margin-top: 23px;
}
.search-box form {
    display: inline-block;
}
.search-box input {
    width: 248px;
    height: 40px;
    padding: 0 18px;
    border: none;
    background-color: #fff;
    outline: none;
    font-size: 14px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    float: left;
}
.search-box button {
    width: 100px;
    height: 40px;
    margin: 0;
    border: 0;
    float: left;
    background: #2775cc;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
}
.search-box button img,
.search-box button span {
    display: inline-block;
    vertical-align: middle;
}
.search-box button span {
    color: #fff;
    font-size: 18px;
    margin-left: 5px;
}

.wrapper-nav {
    background-color: #2775cc;
}
.nav li {
    float: left;
    width: 16.666666%;
    text-align: center;
    position: relative;
}
.nav li:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 30px;
    background-color: #145baa;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translatey(-50%);
}
.nav li:last-child:after {
    display: none;
}
.nav li a {
    display: inline-block;
    width: 100%;
    padding: 19px 0;
    transition: background-color ease 0.2s;
}
.nav li a:hover {
    background-color: #0350a7;
}
.nav li.on a {
    background-color: #0350a7;
}
.nav li img,
.nav li span {
    display: inline-block;
    vertical-align: middle;
}
.nav li span {
    font-weight: bold;
    color: #fff;
    font-size: 18px;
}

/* common-header */
.common-header {
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 19px;
}
.common-header a,
.common-header span {
    display: inline-block;
    font-size: 20px;
    color: #333333;
    margin-left: 30px;
    padding-bottom: 15px;
    position: relative;
}
.common-header a.on,
.common-header a:hover,
.common-header span.on {
    color: #1964b9;
    font-weight: bold;
    border-bottom: 2px solid #1964b9;
}
.common-header a:first-child,
.common-header span:first-child {
    margin-left: 0;
}
.common-header a:after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 18px;
    background-color: #999999;
    position: absolute;
    right: -20px;
    top: 2px;
}
.common-header a:last-child:after {
    display: none;
}
a.common-header-more {
    float: right;
    font-size: 16px;
    color: #666666;
    padding-bottom: 0;
    margin-top: 4px;
}
a.common-header-more:hover {
    color: #333;
    border: none;
    font-weight: normal;
}

/* common-list */

.common-list-container {
    position: relative;
    display: none;
}
.common-list-container.on {
    display: block;
}
.common-list li {
    padding: 12px 0;
}
.common-list li:last-child {
    padding-bottom: 0;
}
.common-list li:first-child {
    padding-top: 0;
}
.common-list li a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 15px;
    position: relative;
    padding-right: 10px;
}
.common-list li a:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #cccccc;
    position: absolute;
    top: 8px;
    left: 0;
}
.common-list li span {
    float: right;
    color: #999999;
}
.common-list-more {
    color: #a5a5a5;
    position: absolute;
    right: 10px;
    top: -54px;
}
.common-list-more:hover {
    color: #333;
}

/* channel-header */
.channel-header {
    margin-bottom: 20px;
    position: relative;
}
.channel-header:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 8px;
    background-color: #ecf6ff;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
}
.channel-header a {
    font-size: 22px;
    font-weight: bold;
    color: #333333;
    background-color: #fff;
    padding-right: 32px;
    position: relative;
    z-index: 2;
}
.channel-header a:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/uploads/image/xximages/channel-icon.png) no-repeat;
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translatey(-50%);
}

/* 面包屑导航 */
.breadcrumb {
    padding-top: 17px;
    padding-bottom: 17px;
    border-bottom: 1px solid #cccccc;
}
.breadcrumb p,
.breadcrumb img {
    display: inline-block;
    vertical-align: middle;
}
.breadcrumb img {
    margin-right: 5px;
}

/* box */
.box {
    padding: 20px 0;
}
#page-div {
    text-align: center;
}
#page-div .pagination-first {
    display: block;
    margin-bottom: 10px;
}
#page-div .pagination-last {
    display: block;
}
#page-div a {
    display: inline-block;
    border: 1px solid #e8e8e8;
    height: 30px;
    line-height: 30px;
    padding: 0 8px;
    color: #c4c4c4;
    font-size: 14px;
    margin-right: 7px;
}
#page-div span {
    color: #333;
    font-size: 15px;
    margin-right: 10px;
}
#page-div #pagination-input {
    height: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
    width: 30px;
    text-align: center;
    outline: none;
}
#page-div .pagination-num.active,
#page-div a:hover {
    background-color: #2b579c;
    border-color: #2b579c;
    color: #fff;
}

/* list */
.commonlist {
    background: #fff;
}
.commonlist-left {
    width: 224px;
    background: #fafafa;
    float: left;
    text-align: center;
}
.commonlist-right {
    min-height: 300px;
    margin-left: 200px;
    padding-top: 17px;
    padding-left:67px;
}
.commonlist-left-title {
    padding: 20px 0;
    background: linear-gradient(to right, #1963b8, #227ade);
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    border-bottom-right-radius: 40px;
}
.commonlist-left-channels li a {
    display: block;
    padding: 14px 26px;
    font-size: 16px;
    position: relative;
    line-height: 1.4;
}
.commonlist-left-channels li a:after {
    content: "";
    display: none;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #ab1111;
    border-top: 5px solid transparent;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translatey(-50%);
}
.commonlist-left-channels li a:hover,
.commonlist-left-channels li.on a {
    background: #fff;
    color: #ab1111;
    font-weight: bold;
}
.commonlist-left-channels li a:hover:after,
.commonlist-left-channels li.on a:after {
    display: inline-block;
}

.commonlist-right-title{
    margin: 0 0 25px;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.commonlist-right-title span{
    padding: 0 10px;
    /* margin-right: 20%; */
    font-size: 24px;
    color: #333333;
    position: relative;
    z-index: 1;
    background: #fff;
}
.commonlist-right-title:before{
    content: '';
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #d8d8d8;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translatey(-50%);
}
.commonlist-right-title span:after{
    content: '';
    display: none;
    width: 100px;
    height: 1px;
    background: #2775cc;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(100%, -50%);
}
.channellist-right-ul li {
    padding: 12px 0;
}
.channellist-right-ul li:nth-child(5n){
    margin-bottom: 24px;
}
.channellist-right-ul li:nth-child(5n 1){
    border-top: 1px dashed #e7e7e7;
    padding-top: 24px;
}
.channellist-right-ul li:nth-child(1){
    border-top: none;
}
.channellist-right-ul li a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 15px;
    position: relative;
}
.channellist-right-ul li a:before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #000;
    position: absolute;
    top: 8px;
    left: 0;
}
.channellist-right-ul li span{
    float: right;
    color: #999999;
}
.channellist-right-ul li p{
    display: block;
    padding-right: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.commonlist--noleft{
    padding-right: 0;
}
.commonlist--noleft .commonlist-right{
    margin-left: 0;
    padding-left: 0;
}
.commonlist-jrxw{
  width: 100px;
  float: left;
  text-align: right;
}
.commonlist-jrxw span{
  background: #fd9e26;
  padding: 2px 5px;
  color: #fff;
  font-size: 14px;
  position: relative;
}
.commonlist-jrxw span:after{
  content: '';
  display: inline-block;
  border-left: 4px solid #fd9e26;
  border-bottom: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid transparent;
  position: absolute;
  right: -8px;
  top: 50%;
  transform: translatey(-50%);
}
.commonlist-content{
  margin-left: 120px;
}
.commonlist-content-title{
  font-size: 18px;
  margin-bottom: 15px;
  line-height: 1.2;
}
.commonlist-content-meta{
  margin-bottom: 15px;
}
.commonlist-content-meta span{
  color: #808080;
}
.commonlist-content-meta span:first-child{
  margin-right: 40px;
}
.commonlist-content-text{
  padding: 20px 0;
  line-height: 1.5;
  color: #808080;
  text-indent: 2em;
  position: relative;
}
.commonlist-content-text:before{
  content: '';
  display: inline-block;
  background:  no-repeat center;
  width: 24px;
  height: 21px;
  position: absolute;
  left: 0;
  top: 10px;
  transform: translatex(-100%);
}
.commonlist-content-text:after{
  content: '';
  display: inline-block;
  background: url(/uploads/image/xximages/list_semicolon_right.png) no-repeat center;
  width: 24px;
  height: 21px;
  position: absolute;
  right: 0;
  bottom: 10px;
  transform: translatex(100%);
}
.commonlist-a{
  display: block;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px dashed #dcdcdc;
}

/* footer */
.wrapper-footer {
    padding-top: 26px;
    padding-bottom: 26px;
    border-top: 3px solid #1964b9;
}
.sub-links-title {
    position: relative;
    padding-right: 20px;
}
.sub-links-title:after {
    position: absolute;
    top: 6px;
    right: 3px;
    content: "";
    width: 8px;
    height: 8px;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    transform: rotate(45deg);
}
.footer-links li {
    float: left;
    width: 25%;
    text-align: center;
}
.footer-links li:hover .sub-links {
    height: 140px;
    border: 1px solid #cacaca;
}
.sub-links-container {
    display: inline-block;
    background: #f2f2f3;
    padding: 10px 30px;
    border-radius: 5px;
    position: relative;
}
.sub-links {
    position: absolute;
    top: 36px;
    left: 0;
    overflow-x: hidden;
    height: 0;
    background: #fff;
    width: 100%;
    line-height: 32px;
    transition: 200ms;
    border-radius: 5px;
    z-index: 100;
}
.sub-links a {
    color: #000;
    font-size: 14px;
    text-align: center;
    display: inline-block;
    width: 100%;
}
.sub-links a:hover {
    color: #387fcf;
}
.footer-links {
    margin-bottom: 22px;
}
.footer-about {
    margin-bottom: 20px;
}
.footer-about ul li {
    float: left;
}
.footer-about ul li:after {
    content: "|";
    display: inline-block;
    margin-left: 5px;
    margin-right: 10px;
}
.footer-about ul li:last-child:after {
    display: none;
}
.footer-text-left{
  float: left;
}
.footer-text-left p {
    margin-bottom: 10px;
}
.footer-text-left p img,.footer-text-left p a,.footer-text-left p span{
  display: inline-block;
  vertical-align: middle;
}
.footer-text-right{
  float:right;
  text-align: center;
}
.footer-text-right img {
    height: 55px;
}
.footer-text-right #_span_jiucuo img {
    float: left;
}
.footer-right-dzjg img{
    height: 63px;
    position: relative;
    top: -5px;
    margin:0 10px;
}
.footer-text-right .ipv6 {
    float: right; 
}

/* 接口列表 */
#xinjiang-list-container {margin-top:0;}
#xinjiang-list-container .news-list-more{top: -49px;}
.govpushinfo150203 li{display:none;}
.govpushinfo150203 li:nth-child(1){display: block;}
.govpushinfo150203 li:nth-child(2){display: block;}
.govpushinfo150203 li:nth-child(3){display: block;}
.govpushinfo150203 li:nth-child(4){display: block;}
.govpushinfo150203 li:nth-child(5){display: block;}
.govpushinfo150203 li:nth-child(6){display: block;}
.govpushinfo150203 li:nth-child(7){display: block;}

#gov-list-container {margin-top:0;}
#gov-list-container .news-list-more{top: -49px;}
.govpushinfo150203 li{display:none;}
.govpushinfo150203 li:nth-child(1){display: block;}
.govpushinfo150203 li:nth-child(2){display: block;}
.govpushinfo150203 li:nth-child(3){display: block;}
.govpushinfo150203 li:nth-child(4){display: block;}
.govpushinfo150203 li:nth-child(5){display: block;}
.govpushinfo150203 li:nth-child(6){display: block;}
.govpushinfo150203 li:nth-child(7){display: block;}

/* 弹窗（提示登录、信件查询弹窗） */
.mail-message-box{display:inline-block;vertical-align:middle;background-color:#fff;width:400px;padding:15px;border-radius:5px;position:relative}
.mail-message-box-wrapper{display:none;position:fixed;top:0;bottom:0;left:0;right:0;z-index:999;background:rgba(0,0,0,0.5);text-align:center}
.mail-message-box-wrapper:after{content:'';display:inline-block;height:100%;width:0;vertical-align:middle}
.mail-message-box-header{padding-top:10px;padding-bottom:10px;font-size:18px;color:#303133}
.mail-message-box-content{padding:15px 15px;color:#606266;font-size:14px}
.mail-message-box-buttons{padding:10px 0}
.mail-message-box-buttons a{display:inline-block;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dcdfe6;color:#606266;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:none;margin:0;transition:0.1s;font-weight:500;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;padding:8px 20px;font-size:14px;border-radius:4px;margin:0 5px}
.mail-message-box-buttons a:first-child{color:#fff;background-color:#0a5491;border-color:#0a5491}
.mail-message-box-close{position:absolute;top:-6px;right:5px;font-size:20px;padding:10px;cursor:pointer}
.mail-message-box-group{margin-bottom:10px}
.mail-message-box-group label{width:80px;text-align:right;vertical-align:middle;float:left;font-size:14px;color:#606266;padding:0 12px 0 0;height:40px;line-height:40px}
.mail-message-box-group input{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:none;padding:0 15px;width:250px}
@media screen and (max-width:460px){
.mail-message-box{width:80%}
.mail-message-box-group label{width:100%;text-align:left}
.mail-message-box-group input{width:100%}
}

@media screen and (max-width: 1200px) {
    .container-1200 {
        width: 100%;
        margin: 0;
    }
    .wrapper-index {
        padding: 0 20px;
    }
    .wrapper-header {
        padding-left: 20px;
        padding-right: 20px;
    }
    .logo {
        display: block;
        text-align: center;
    }
    .logo img {
        width: 80%;
    }
    .search-box {
        float: none;
        text-align: center;
    }
    .box{
        padding: 20px;
    }
    .breadcrumb{
        padding: 17px 10px;
    }
    .wrapper-footer {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media screen and (max-width: 768px) {
    .container-1200-head{
        padding-top:20px;
    }
    .header-top-welcome,.header-top-right {
        display: none;
    }

    .nav li {
        width: 33.33333%;
    }
    .nav li span {
        font-size: 16px;
    }

    .commonlist-left{
      width: 100%;
      float: none;
    }
    .commonlist-left-title{
      font-size: 18px;
      padding: 10px 0;
    }
    .commonlist-right{
      margin-left: 0;
      padding: 20px 0 0 0;
    }
    .commonlist-right-title{
      display: none;
    }
    .commonlist-right-title span{
        font-size: 20px;
    }
    .commonlist-jrxw{
      display: none;
    }
    .commonlist-content{
      margin-left: 0;
    }
    .commonlist-content-title{
      font-size: 16px;
    }
    .commonlist-content-text{
      padding: 10px 0;
    }
    .commonlist-content-text:before,.commonlist-content-text:after{
      display: none;
    }

    .footer-links,.footer-text-right {
        display: none;
    }
}
@media screen and (max-width: 425px) {
    .logo img {
        width: 100%;
    }
    .search-box input {
        width: 70%;
        height: 30px;
    }
    .search-box button {
        width: 30%;
        height: 30px;
    }
    .search-box button span {
        font-size: 16px;
    }
}