@charset "utf-8";

.page-banner{background-image: url(../images/sjkf/banner_bg.png);}
.page-sjkf .page-banner .search dd{margin-left: 2.25em;}
.page-sjkf .page-banner .search dt.button .submit-btn{ background: url(../images/sjkf/sjkf_search.png) no-repeat center;background-size: 30px;}


.com-headline .hd .currentname{color:#333333; padding-right: 1.5em;padding-left: 1.5em;}
.com-headline .hd i.left,
.com-headline .hd i.right{height: 27px;background-size:108px!important;margin-top: -13px;}
.com-headline .hd i.left{background: url(../images/sjkf/sjkf_left.png) no-repeat right;}
.com-headline .hd i.right{background: url(../images/sjkf/sjkf_right.png) no-repeat left;}
.com-headline .text{color:#fff;opacity: .5;text-align: center;}


.infolist.space60{margin-left: -30px; margin-right: -30px;}
.infolist.space60 li{padding-left: 30px; padding-right: 30px;}
.infolist.space60 li .time{right: 30px;}
.infolist.space60.infolist.md li{padding-right:90px;}
.infolist.space60.infolist.ymd li{padding-right:143px;}


.sjkfapi{background: #F7FCFF;}
.sjkfapi  .swiper-grid { margin-right: -15px; margin-left: -15px;}
.sjkfapi dl{text-align: center;margin: 20px 15px;overflow: hidden; background: url(../images/sjkf/sjkfApi_bg.png) no-repeat; background-size: 100% 100%; position: relative;padding: 45px 0px 45px 0px;}
.sjkfapi dl:hover{background: url(../images/sjkf/sjkfApi_bg_on.png) no-repeat; background-size: 100% 100%; box-shadow: 0 2px 15px 0 rgb(35,84,175,.19);}
.sjkfapi dl{box-shadow: 0 2px 15px 0 rgb(186,201,230,.3);}
.sjkfapi dl dd a span{color:#1B71D9;display: block;margin-bottom: 20px;}
.sjkfapi dl dd a span font{font-size: 1.5em;font-weight: bold;}
.sjkfapi dl dd .text{color:#7492B8;z-index: 1; position: relative;}
.sjkfapi dl dt{position: absolute; bottom: 10px;width: 80px; height: 55px;right: 0;}

.rmsj .infolist{font-size: 1.25em;}
.rmsj .infolist li.xls a{padding-left: 35px;}
.rmsj .infolist li.xls a:before{background: url(../images/sjkf/sjkf_xls.png) no-repeat;background-size: 22px;width: 22px; height: 22px; border-radius: 0;margin-top: -11px;}

/* 数字资源分类 */
.sjzyfl{background: url(../images/sjkf/sjfl_bg.png) no-repeat bottom #edf6ff; background-size: 100%;padding-bottom: 7%;}
.szzyfl-slide { height: 400px;}
.szzyfl-slide .hd{ height: 100%;}
.szzyfl-slide .hd ul{background: url(../images/sjkf/sjfl_left.png) no-repeat;background-size: 100% 100%;height: 100%;}
.szzyfl-slide .hd ul li{font-size: 1.25em; line-height: 60px;text-align: right;margin-bottom: 10px;}
.szzyfl-slide .hd ul li a{display: block; cursor: pointer;padding-right: 60px;}
.szzyfl-slide .hd ul li.on{background: url(../images/sjkf/sjfl_navbg.png) no-repeat;background-size: 100% 100%;font-weight: bold;}
.szzyfl-slide .hd ul li.on a{color:#2354AF}
.szzyfl-slide .bd{background: #fff; height: 100%;}
.szzyfl-slide .bd .ly,.szzyfl-slide .bd .ly  ul,.szzyfl-slide .col-lg-10 {height: 100%;}
.szzyfl-slide .bd .ly li a{display: block;}
.szzyfl-slide .bd .ly li{float: left; width: 16.66%;text-align: center;margin-top: 35px;}
.szzyfl-slide .bd .ly li i{display: block; width: 40px;margin: auto;}
.szzyfl-slide .bd .ly li span{display: block;margin-top:8px;}

.szzyfl-slide .bd .qxbm{padding: 20px;}
.szzyfl-slide .bd .qxbm ul{margin: 0px -10px;}
.szzyfl-slide .bd .qxbm li{float: left;width: 25%;text-align: center;}
.szzyfl-slide .bd .qxbm li a{display: block;border: 1px solid #ccd9f2;margin:10px 10px 15px;padding: 15px 0;border-radius: 2px;color:#2354AF}
.szzyfl-slide .bd .qxbm li:hover a{ border: 1px solid #2354AF;color:#fff;background: #2354AF;}
@media (max-width: 1280px){
  .szzyfl-slide{height: auto;}
  .szzyfl-slide .hd ul li{float: left;width: 33.33%;margin: 0;}
}


/* 政务一站通 */
.zwyzt{background: url(../images/sjkf/zwtyz_bg.png) no-repeat; background-size: 100%;padding-bottom: 5%;}
.zwyzt .com-headline .hd .currentname{color:#fff;}
.zwyzt-echart .zwyzt-blue{background: #235FCF;padding: 20px;}
.zwyzt-echart .com-title img{width: 30px;margin-top: -2px; margin-right: 10px;}
.zwyzt-echart .com-title b{color:#fff; font-size: 24px;}
@media (max-width: 1280px){
}

#fwltj{height: 330px;}
#zylxzb{height: 330px;}

/* 互动交流 */
.hdjl-link ul{margin:-15px -15px;}
.hdjl-link li{ float: left;width: 50%;}
.hdjl-link li a{display: block;margin: 15px 15px;background: #F7FBFF;text-align: center;padding: 22px 0;}
.hdjl-link li a i{display: block; width: 65px; margin: auto;}
.hdjl-link li a span{font-size: 1.25em; color:#5A8DCC;font-weight: bold;display: block;margin-top: 10px;} 

.yjzx{padding: 20px 40px;border:1px solid #E8F4FF;border-radius: 2px;box-shadow: 0 2px 28px 0 rgb(35, 84, 175,.05);}
.yjzx .tab-brief > .hd li{padding-bottom: 18px;}
.yjzx .tab-brief > .hd li.on a, .yjzx .tab-brief > .hd li a:hover{color:#2354AF;font-size: 1.4em;}
.yjzx .tab-brief > .hd{border-bottom: 1px solid #ccc;}
.yjzx .tab-brief > .hd li:after{background: #2354AF; width: 100%;height: 5px;}




.mail-form-login-before{padding: 0 0 20px; text-align: center;}
.mail-form-login-before a{color: #f52832; text-decoration: underline;}
.mail-form-login-before a:hover{text-decoration: none;}
body.login-before .mail-form-login-before{display: block;}
body.login-before .btn-box{display: none;}
/*信件提交样式*/
.mail-form {margin: 15px 0;}
.mail-form .layui-form-label > span { color: red; }
.mail-form .layui-form-item .layui-input-inline.address {width: 570px; }
.mail-form .layui-form-label {width: 135px;}
  
  .mail-form-row .col-6{float: left; width: 50%;}
  .mail-form-row .col-4{float: left; width: 33.33333333%;}
  .mail-form-row .col-8{float: left; width: 66.66666667%;}
  .mail-form-row > dl{position: relative; margin-bottom: 15px;}
  .mail-form-row > dl > dt{position: absolute; width: 165px; padding-right: 10px; box-sizing: border-box; text-align: right; line-height: 38px;}
  .mail-form-row > dl > dd{margin-left: 165px;}
  .mail-form-row .request{color: red; margin-right: 5px;}
  .mail-form-row .card-sel{position: relative;}
  .mail-form-row .card-sel, .mail-form-row .card-input{display: inline-block;}
  .mail-form-row .card-input{margin-left: 5px;}
  .mail-form-row .word-aux{padding-right: 155px;}
  .mail-form-row .word-aux .tips{position: absolute; right: 0; top: 0; line-height: 38px; color: #C73838;}
  @media (max-width: 1280px) {
    .mail-form-row .col-6,
    .mail-form-row .col-4,
    .mail-form-row .col-8{float: none; width: auto;}
  }
  
  @media (max-width: 992px) {
    .mail-form-row > dl{border-bottom: 1px dashed #eee; padding-bottom: 10px; padding-top: 10px; margin-bottom: 0;}
    .mail-form-row > dl > dt{position: static; width: auto; text-align: left; margin-bottom: 5px;}
    .mail-form-row > dl > dd{margin-left: 0;}
    .mail-form-row .card-sel, .mail-form-row .card-input{display: block;}
    .mail-form-row .card-sel{margin-bottom: 10px;}
    .mail-form-row .card-input{margin-left: 0;}
    .mail-form-row .word-aux{padding-right: 0; display: flex;}
    .mail-form-row .word-aux input{flex: 1;}
    .mail-form-row .word-aux .tips{position: static; margin-left: 15px;}
  }
  
  @media (max-width: 480px) {
    .mail-form-row .word-aux{padding-right: 0; display: block;}
    .mail-form-row .word-aux .tips{margin-left: 0;}
  }
  
  .title-input,
  .con-input {margin-left: 165px;}
  .scfj {position: relative; }
  .scfj input { position: absolute; height: 40px;cursor: pointer;opacity: 0; z-index: 1; }
  .scfj .files-btn { position: absolute;left: 165px;z-index: 0;width: 80px;height: 32px; line-height: 32px; background-color: #0177d5;  color: #fff;  border: none;  border-radius: 3px;  cursor: pointer;}
  .scfj .txt-tips {position: relative;  margin-left: 15px; color: #999;}
  .scfj .txt-tips i {  font-style: normal;}
  .scfj .txt-tips .tips { cursor: pointer;   margin-left:5px;transition: .2s all;}
  .scfj .txt-tips:hover{color:#2354af}
  .tips-box{display: inline-block; position: relative;}
  .scfj .txt-tips:hover .tips-cont { display: block;}
  .scfj .txt-tips .tips-cont {display: none; position: absolute;bottom: 30px; width: 400px; padding: 15px;left: 50%; transform: translateX(-50%);border-radius: 2px; border: 1px solid #ddd;background-color: #fff;  color: #666; line-height: 1.8; box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);}
  .tips-arrow { position: absolute; display: block; width: 16px;height: 16px; left: 50%;transform: translate(-50%); bottom: -16px;overflow: hidden;pointer-events: none;}
  .tips-arrow-cont {position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: block;width: 8px; height: 8px; margin: auto; background-color: rgba(0,0,0,.75);pointer-events: auto;background-color: rgb(255, 255, 255);box-shadow: 3px 3px 7px rgba(0,0,0,.07);transform: translateY(-8px) rotate(45deg);}
  @media (max-width: 992px) {
    .scfj .txt-tips{display: block; margin-left: 0; margin-top: 10px;}
  }
  
  @media (max-width: 768px) {
    .tips-box{position: static;}
    .scfj .txt-tips .tips-cont{right: 0; width: 300px; left: auto; transform: translateX(0);}
  }
  
  .btn-box { text-align: center;padding-top: 30px;
    /* padding-bottom: 30px; */}
  .btn-box .btn {width: 200px;height: 50px;line-height: 50px;cursor: pointer; outline: none; border: none;background: #D9EBFF;color:#568AC7; border-radius: 5px;}
  .btn-box .btn-submit {background-color: #3E90ED;color: #fff; margin:0 10px;}
  .fileList { margin-left: 5%;}
  .fileList li { height: 35px;line-height: 35px;}
  .fileList .demo-delete { margin-left: 15px; border: none;background-color: #fff;cursor: pointer;}
  .mail-form .layui-form-radio div{font-size: 16px;}
  .mail-form .layui-form-radio>i:hover, 
  .mail-form .layui-form-radioed>i{color:#0177d5;}
  .mail-form .layui-form-select dl dd.layui-this{background-color: #0177d5;}
  #captcha { width: 165px;display: inline-block;}

.fwltj-tit .count{float: right; color: #fff;}
.fwltj-tit .count li{float: left;}
.fwltj-tit .count li b{font-size: 26px;}
.fwltj-tit .count li + li{margin-left: 40px;}

@media (max-width: 768px) {
  .fwltj-tit .count{clear: both; float: none; padding-top: 10px;}
  .fwltj-tit .count li{margin-left: 0 !important; margin-right: 20px;}
}
@media (max-width:480px){
  .sjzyfl,.zwyzt{display: none;}
}