@charset "utf-8";

.fl{float: left;}
.fr{float: right;}
body{
  background:#F3F5FD;
  font-family: "Noto Sans SC";
  font-weight: 500;
  color: #162B4C;
}
.scroll{overflow:auto;}
/* 设置滚动条的样式 */
.scroll{
  overflow:auto;
  overflow-x:hidden;
}
.scroll::-webkit-scrollbar {    
  width: 6px;
}
/* 滚动槽 */
.scroll::-webkit-scrollbar-track {    
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);    */
  border-radius: 3px;
}
/* 滚动条滑块 */
.scroll::-webkit-scrollbar-thumb {    
  border-radius: 10px;    
  background: rgba(0,0,0,0.1);    
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);*/
}
.scroll::-webkit-scrollbar-thumb:window-inactive {    
  background: rgba(0,0,0,0.15);
}
.container{width:1400px;margin:0 auto;position: relative}
.row:after,.row:before{   
  content: '';
  display: block;
  clear: both;
}
.col-space20{
  margin:-10px;
}
.col-space20>*{
  padding:10px;
}
.col-space60{
  margin:-30px;
}
.col-space60>*{
  padding:30px;
}
.col4{
  width: 25%;
  float: left;
  box-sizing: border-box;
}
.col3{
  width: 33.3%;
  float: left;
  box-sizing: border-box;
}
.col2{
  width: 50%;
  float: left;
  box-sizing: border-box;
}
.inline-block,.inline{
  display: inline-block;
  vertical-align: middle;
}

/*首页*/
.hd-top{
  background: #F3F5FD;
  height: 70px;
}
 .hd-top .logo{
  height: 70px;
  line-height: 22px;
  color: #162B4C;
  font-size: 22px;
  font-weight: 600;
  background:url(../images/indeximg/logo.png) center left no-repeat;
  padding-left: 64px;
  background-size: calc(100% * 0.115);
}
 .hd-top .logo .sub-text{
  font-size: 13px;
  font-weight: lighter;
  padding-top: 10px;
  letter-spacing: 13.2px;
 }
 .hd-top .reg-login a{
  display: inline-block;
  height: 34px;
  line-height: 34px;
  margin-top: 17px;
  padding: 0 10px;
  position: relative;
}
 .hd-top .reg-login a:first-child{
  padding: 0 15px;
  background:#EAA011;
  color: #fff;
}
 .hd-top .reg-login a:hover{
  color:#c7e6ff;
}
 .hd-top .reg-login a.avator-box:hover{
  cursor: auto;
  color:#fff;
}
.hd-top .reg-login.logged a:first-child{
  background:none;
  color: #333333;
}
 .logo .sub-tit{
  position: relative;
  font-size:24px;
  color:#fff;
  padding-left: 15px;
}
 .logo .sub-tit:before{
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  bottom: 5px;
  width:2px;
  background:rgba(255,255,255,.6);
}
 .hd-top .reg-login  a.avator-box{
  padding:0;
}
 .hd-top .reg-login  a .avator{
  display: inline-block;
  width: 26px; 
  height: 26px;
  overflow: hidden;
  border-radius: 17px;
  margin-right: 5px;
  vertical-align: middle;
  padding:0;}
 .reg-login  .avator img{
  width: 100%;
  height: 100%;
  display: block;
}
 .hd-top .reg-login .login-out{
  background: none;
  color: #fff;
  padding:0;
}
 .hd-top .reg-login .login-out:hover{
  background: none;
  color: #c7e6ff;
}
 .hd-top .reg-login.logged .login-out{
   color:#2a64c5;
 }
.reg-login{
  position: relative
}
.reg-login .avator-box .white-arrow{
  display: inline-block;
  width:15px;
  height:15px;
  background: url(../images/indeximg/white_arrow.png) center center no-repeat;
  vertical-align: middle;
  margin-left: 5px;
}
.reg-login .select-cot{
  position: absolute;
  right: 0;
  top: 32px;
  background: #fff;
  z-index: 2;
  width:100px;
  border-radius: 3px;
  padding: 10px 0;
  text-align: center;
  box-shadow: 0px 3px 10px 1px #003f9730;
}
.header .hd-top .reg-login .select-cot a{
  display: block;
  height:30px;
  line-height: 30px;
  color: #333;
}
.header .hd-top .reg-login .select-cot a:hover{
  background: #d3e4fd;
  color: #008cff;
}
.warning-mask .pop-cont .pop-close{
  position: absolute;
  right: 0;
  top: 0;
  width:30px;
  height:30px;
  background: url(../images/indeximg/pop-close.png) no-repeat;

}
 .hd-top .search-wrap{
  background: #fff;
  width: 260px;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  margin:15px 20px 0;
  position: relative;
 }
.hd-top .search-wrap input{
  width: 100%;
  height: 40px;
  line-height: 40px;
  border: 1px solid #fff;
  padding: 0 30px 0 16px;
  box-sizing: border-box;
  border-radius: 20px;
}
.hd-top .search-wrap input:focus{
  border:1px solid #2A64C5;
  box-sizing: border-box;
}
.hd-top .search-wrap .searchicon{
  position: absolute;
  width: 24px;
  height: 24px;
  right: 12px;
  top: 8px;
  background: url(../images/indeximg/search-icon.png) no-repeat;
  cursor: pointer;
  background-size: cover;
}
.hd-top .tab {
  margin-left: 20px;
}
.hd-top .tab a{
  display: inline-block;
  line-height: 70px;
  font-size: 20px;
  color: #525B66;
  padding: 0 20px;
}
.hd-top .tab a:hover{
  color: #2a64c5ba;
}
.hd-top .tab a.cur{
  color: #2A64C5;
  font-weight: 600;
}

.reg-login .selectbox .select-cot{
 position: absolute;
 top: 30px;
 width:130px;
 left: 50%;
 margin-left: -65px;
 border-radius: 5px;
}
.hd-top .reg-login .selectbox{
  font-size: 14px;
  position: relative;
  margin-top: 22px;
}
.hd-top .reg-login .select-text{
  cursor: pointer;
}
.hd-top .reg-login .select-text .avator{
 display: inline-block;
 width: 24px;
 height:24px;
 background: url(../images/indeximg/sample-2.png) no-repeat;
 background-size: cover;
 vertical-align: middle;
 margin-right: 3px;
}
.hd-top .reg-login .select-text .white-arrow{
   display: inline-block;
 width: 15px;
 height:8px;
 background: url(../images/indeximg/select-icon.png) no-repeat;
 background-size: cover;
 vertical-align: middle;
 margin-left: 10px;
}
.hd-top .reg-login .select-cot{
  display: none
}
.hd-top .reg-login .selectbox.cur .select-cot{
  display: block;
}
.hd-top .reg-login .select-cot li:hover{
 background: #edf4ff;
}
.hd-top .reg-login .select-cot a{
 margin-top: 0;
 padding: 0;
 color: #333;
 font-weight: 400;
 background:none
}
.hd-top .reg-login .select-cot li:hover a{
 color: #008cff;
}

.notice-box{
  height: 500px;
  background:url(../images/indeximg/bgx.jpg) center no-repeat;
  background-size: cover;
  color: #fff;
}

.notice-box .notice-hd{
  padding-top: 24px;
  height: 50px;
  line-height: 50px;
  text-align: center;
}
.notice-box .notice-hd li{
  display: inline-block;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  text-shadow: 0 1px 1px #0B487D;
  position: relative;
  margin: 0 50px;
  cursor: pointer;
}
.notice-box .notice-hd li:hover{
  color: rgba(255,255,255,.9);
  text-shadow: 0 1px 6px #0b487d75;
}
.notice-box .notice-hd li.on:before{
  content: "";
  position: absolute;
  bottom: 0;
  height: 4px;
  border-radius: 2px;
  background: #EAA011;
  width: 36px;
  left: 50%;
  margin-left: -18px;
  box-shadow: 0 1px 1px #0B487D;
}
.notice-box .notice-bd{
  width: 1316px;
  margin: 36px auto 0;
}
.notice-box .notice-bd .side-tab{
  position: relative;
  width: 240px;
  padding: 36px 0;
}
.notice-box .notice-bd .side-tab::before{
  content: '';
  position: absolute;
  top: 0;
  bottom: 100px;
  left: 0;
  width: 1px;
  background: rgba(255,255,255,.2);
}
.notice-box .notice-bd .side-tab li{
  height: 34px;
  line-height: 34px;
  font-size: 18px;
  font-weight: bold;
  text-shadow: 0 1px 1px #0B487D;
  text-align: left;
  padding-left: 20px;
  margin-bottom: 28px;
  cursor: pointer;
  box-sizing: border-box;
  position: relative;
}
.notice-box .notice-bd .side-tab li:hover{
   color: rgba(255,255,255,.9);
   background: rgba(255,255,255,.1);
   background: linear-gradient(90deg, rgba(255,255,255,.1) 1.95%, rgba(53, 192, 255, 0.00) 100%); 
}
.notice-box .notice-bd .side-tab li.cur{
  background: linear-gradient(90deg, #35C0FF 1.95%, rgba(53, 192, 255, 0.00) 100%);
  border-left: 3px solid #EAA011;
}
.notice-box .notice-bd .side-tab .more{
  display: inline-block;
  color: #fff;
  background: rgba(255, 255, 255, 0.10);
  border-color: #fff;
  padding:0 24px;
/*  margin-left: 20px;*/
  margin-top: 30px;
}
.notice-box .notice-bd .side-tab .more:hover{
  background:rgba(255,255,255,.4);
}
.notice-box .notice-bd .list-box{
  width: 1074px;
  height: 322px;
  background: url(../images/indeximg/noticebd-bg.png) no-repeat;
  background-size: cover;
  padding-left:100px;
  padding-top: 18px;
  box-sizing: border-box;
  position: relative;
}
.notice-box .notice-bd .list-box:before{
  position: absolute;
  content: "";
  left: 100px;
  top: 40px;
  bottom: 40px;
  width: 1px;
  background: #ffffff78;
}
.notice-box .notice-bd .list-box li{
  position: relative;
  padding-left : 24px;
  box-sizing: border-box;
}
.notice-box .notice-bd .list-box li:before{
  position: absolute;
  left: -4px;
  top:16px;
  content: "";
  width: 5px;
  height: 5px;
  background: #fff;
  border:2px solid #0091D1;
  border-radius: 4px;
}
.notice-box .notice-bd .list-box li a{
  display: block;
  color: #162B4C;
  line-height: 40px;
  max-width: 800px;
  font-weight: 400;
}
.notice-box .notice-bd .list-box li:hover{
  background: #0064d30d;
}
.notice-box .notice-bd .list-box li .time{
  position: absolute;
  top: 0;
  right: 0;
  line-height: 40px;
  right: 40px;
  color: #162B4C;
}
.notice-box .notice-bd .list-box li:hover a,
.notice-box .notice-bd .list-box li:hover .time{
  color: #0064D3;
}
.news-wrap{
  margin-top: 24px;
  border-radius: 8px;
  background: #fff;
  position: relative;
  padding-left: 260px;
  padding-right: 120px;
  box-sizing: border-box;
  box-shadow: 0px 4px 10px 0px #E9EFFA;
  background: url(../images/indeximg/newstit.png) 30px 12px  no-repeat #fff;
  background-size: calc(100% * 0.107);
}
.news-wrap:before{
  content: "";
  position: absolute;
  left: 220px;
  top: 28px;
  height: 24px;
  width:4px;
  background: #2A64C5;
  border-radius: 2px;
}
.news-wrap .notice-bd li .tit{
  line-height: 80px;
  max-width: 1000px;
  float: left;
  font-size: 17px;
  font-weight: 400;
  color: #162B4C;
}
.news-wrap .notice-bd li .tit:hover{
  color: #2A64C5;
}
.news-wrap .more{
 position: absolute;
 top: 0;
 right: 24px;
 line-height: 80px;
 cursor: pointer;
 color: #2A64C5;
}
.news-wrap .more:hover{
  color: #008cff;
}
.news-wrap .more i{
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(../images/indeximg/blue-arrow.png) no-repeat;
  background-size: cover;
  margin-left: 8px;
}
.card-linkbox{
  display:flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content:space-between;
  align-items:center;
  gap: 20px;
}
.card-linkbox .card{
  position: relative;
  flex: 1 0 calc((100% - 40px) / 3); 
  height: 180px;
  border: 2px solid #fff;
  border-radius: 8px;
  box-shadow: 0px 4px 10px 0px #E9EFFA;
  background:url(../images/indeximg/cardimg1.jpg) no-repeat;
  background-size: cover;
  box-sizing: border-box;
}
.card-linkbox .card.card2{
   background:url(../images/indeximg/cardimg2.jpg) no-repeat;
   background-size: cover;
}

.card-linkbox .card.card3{
   background:url(../images/indeximg/cardimg3.jpg) no-repeat;
   background-size: cover;
}
.card-linkbox .card.card4{
   background:url(../images/indeximg/cardimg4.jpg) no-repeat;
   background-size: cover;
}
.card-linkbox .card.card5{
   background:url(../images/indeximg/cardimg5.jpg) no-repeat;
   background-size: cover;
}
.card-linkbox .card.card6{
   background:url(../images/indeximg/cardimg6.jpg) no-repeat;
   background-size: cover;
}
.card-linkbox .btn-box{
   margin-top: 100px;
   margin-left: 30px;
}
.btn{
  display: inline-block;
  height: 34px;
  line-height: 34px;
  border-radius: 4px;
  padding: 0 20px;
  text-align: center;
  box-sizing: border-box;
  vertical-align: middle;
}
.btn-n{
  background: #0064D3;
  color: #fff;
}
.btn-line{
  border:1px solid #2669CF;
  color: #2669CF;
  line-height: 32px;
}
.card-linkbox .btn-box .btn{
  width: 100px;
}
.card-linkbox .btn-box .btn i,
.notice-box .notice-bd .side-tab .more i{
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(../images/indeximg/white-arrow-r.png) no-repeat;
  background-size: cover;
  margin-left: 4px;
}
.card-linkbox .btn-box .btn+.btn{
  margin-left: 10px;
}
.btn-n:hover,
.btn-line:hover{
 background: #008cff;
 color: #fff;
 border-color: #008cff;
}
.card-linkbox .card .mask-box{
  display: none;
   position: absolute;
  top: 0;
  right: 0;
  height: 33px;
  line-height: 30px;
  padding:0 20px;
  background: #EAA011;
  font-size: 14px;
  border-radius: 0 8px 0 20px;
  color: #fff;
  z-index: 10;
}
.card-linkbox .card.not-allowed .mask-box{
  display: block;
}
.card-linkbox .card.not-allowed .btn{
  cursor: not-allowed;
}
.card-linkbox .card.not-allowed .btn{
  background: rgba(0, 100, 211, 0.10);
  color: #93AAC6;;
}
.card-linkbox .card.not-allowed .btn i{
   background: url(../images/indeximg/grey-arrow.png) no-repeat;
  background-size: cover;
}
.foot{
  background: #FeFeFD;
  font-size:13px;
  line-height:22px;
  border-top: 1px solid #e5e5e5;
  padding-bottom: 10px;
  color: #777;
}
 .foot .nothing {
      display: inline-block;
      vertical-align: middle;
      width: 0;
      height: 100px;
  }
.foot .txt {
          display: inline-block;
          vertical-align: middle;
          padding-top: 15px;
      }
.foot .jiucuo,.foot .dzjg{
  display: inline-block;
  vertical-align: middle;
  background: url(../images/indeximg/jiucuo.png) no-repeat;
  width:110px;
  height: 55px;
  border:1px solid #ddd;
  border-radius: 4px;
}
.foot .dzjg{
  width:80px;
  height: 80px;
  background: url(../images/indeximg/dzjg.png) no-repeat;
  border:0;
  margin: 0 17px;
}
.foot .icon-guohui{
  display: inline-block;
  width:16px;
  height: 16px;
  background: url(../images/indeximg/guihui.png) no-repeat;
  vertical-align: -2px;
  margin-right: 5px;
}