@charset "utf-8";
/* CSS Document */
html{
	height: 100%;
}
body {
	font-family:"微软雅黑",sans-serif; 
	height: 100%;
  margin: 0;
}

h1,h2,h3,h4,h5,h6,p{margin: 0;}
ul{text-decoration: none;list-style:none;margin: 0;padding: 0;}
a{text-decoration: none;}

.pt-4v{padding-top: 4vh !important;}
.pt-6v{padding-top: 6vh !important;}
.pb-4v{padding-bottom: 4vh !important;}
.pl-4v{padding-left: 2vw !important;}
.pr-4v{padding-right: 2vw !important;}
.pt-3v{padding-top: 3vh !important;}
.pb-3v{padding-bottom: 3vh !important;}
.pl-3v{padding-left: 1.5vw !important;}
.pr-3v{padding-right:1.5vw !important;}
.g-box-tch *{
  outline: none !important;
  box-sizing: border-box;
}
.clearfix:before{
  display: table;
  content: " ";
}
.clearfix:after{
  display: table;
  content: " ";
  clear: both;
}
/*通用属性*/
  .h50{height: 50% !important;}
  .h60{height: 60% !important;}
  .h70{height: 70% !important;}
  .h70{height: 70% !important;}
  .h30{height: 30% !important;}
  .h100{height: 100% !important;}
  .w40{width: 40% !important;}
  .w50{width: 50% !important;}
  .w60{width: 60% !important;}
  .w70{width: 70% !important;}
  .w100{width: 100% !important;}
  .hauto{height: auto !important;}


.fl-l{
  float: left !important;
}
.fl-r{
  float: right !important;
}

.g-box-tch{
  /*background: url(../images/cankao.png) center center #000 no-repeat;*/
  background-color: rgba(1,7,21,0.8);
  background-size: 100% 100%;
	position: absolute;
  height: 100%;
	top:0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
  z-index: 1100;
}

.tch-box{
  top:13vh;
  position: relative;
  margin: 0 auto;
  padding: 1vh 0.8vw;
  overflow-y: auto;
  background: rgba(6, 7, 107, 0.8);
  border-top-left-radius:0.5vw;
  border-bottom-left-radius:0.5vw;
}
  .tch-title{
    border-bottom: 1px solid #00eaff; 
  }
  .tch-title h2{
    color: #fff;
    font-size: 1.4vw;
    line-height: 4vh;
    padding: 1vh 0vw;
    
  }

  .tch-title p{
    font-size: 0.6vw;
    color: #ccc;
    padding-bottom: 1vh;
    margin: 0;
  }
    .tch-title p span{
      padding: 0 0.5vw;
    }

  .tch-body{
    text-align: center;

  }
    .tch-body p{
      text-align: left;
      color: #fff;
      font-size: 0.8vw;
      line-height: 1.4vw;
      text-indent: 2em;
      margin: 1vh 0vw;
    }
    .tch-body img{
      width: 60%;
      margin: 0 auto
    }


    /*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
    .scrollbar::-webkit-scrollbar{
        width: 6px;
        /*height: 8px;*/
        background-color: #2c2d31;
    }
    /*定义滚动条的轨道，内阴影及圆角*/
    .scrollbar::-webkit-scrollbar-track{
       /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
        border-radius: 4px;
        background-color: #101626;
    }
    /*定义滑块，内阴影及圆角*/
    .scrollbar::-webkit-scrollbar-thumb{
        width: 4px;
        height: 5px;
        border-radius: 8px;
        /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
        background-color: #131f3d;
    }
    .close-tch{
      width: 2vw;
      height: 2vw;
      outline: none;
      position: absolute;
      right: 4vw;
      top:5vh;

    }
    .close-tch img{
      width: 100%;
      height: 100%;
      

    }


/*标题*/
.titleh-first{
  position: relative;
  color: #00eaff;
  padding: 1vh 0vw;
  /*padding-top: 2vh;*/
  padding-left: 1.5vh;
  top:0%;
  right: 0%;
  z-index: 2000;

}
.titleh-first h5{
  /*width: 14vw;*/
  position: relative;
  margin: 0 auto;
  font-size: 1.2vw;
  color: #00eaff;
  font-weight: normal;
  text-align: left;
  background-size: contain;
  text-shadow: 0px 0px 15px #0b0f1b;
  border-left: 0.15vw solid #00eaff;
  padding-left: 0.6vw;
}
/*.titleh-first h5:before{
   position: absolute;
   left: -17.8vw;
   display: block;
   content: "";
   width: 20vw;
   height: 3vh;
   top:0.2vh;
   background: url(../images/title-left.png) center right no-repeat;
   background-size: contain;
}
.titleh-first h5:after{
   position: absolute;
   left: 12vw;
   display: block;
   content: "";
   width: 20vw;
   height: 3vh;
   top:0.2vh;
   background: url(../images/title-right.png) center left no-repeat;
   background-size: contain;
}
/*列表**/


  .list-tch{
    width: 100%;
    padding-top: 2vh;
    padding-left: 1vh;
    padding-right: 1vh;
  }
    .list-box{
      width: 33.3%;
      float: left;
      padding: 0vh 0.5vw;
    }

    .title-list{
      color: #fff;
      padding-left: 1vw;
      font-size: 1.2vw;
      height: 10vh;
      line-height: 10vh;
      border-left: 0.4vw solid #ccc;
      border-bottom: 1px solid #505e78 !important;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    /*列表*/
    .news-list-tch{
      padding: 1vh 0.5vw;

    }

      .news-list-tch li{
        padding: 1vh 0vw;
        border-bottom: 1px solid #505e78;
      
      }
        .news-list-tch li h4{
          font-weight: normal;
          font-size: 0.86vw;
          padding-right: 4vw;
          padding-left:0.5vw; 
          position: relative;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          color: #fff;
        }
        .news-list-tch li .time-tch{
          font-size: 0.6vw;
          position: absolute;
          right: 0vw;
          color: #b3bdc7;
          margin: 0.5vh 0vh;
        }
        .news-list-tch li p.form-tch{
          font-size: 0.6vw;
          color: #79ced3;
          margin: 0.5vh 0vh;
          margin-bottom: 0vh;

        }
        .news-list-tch li p.form-tch span{
          padding: 0 0.5vw;
          display: inline-block;
          
        }
      
      

    .tch-pn-title{
       /*border: 1px solid #505e78;*/
       position: relative;
       background-color: rgba(6, 7, 107, 0.5);
    }
      .tch-pn-title h2{
        height: 6vh;
        line-height: 6vh;
        padding-left:3vw;
        font-weight: normal;
        background: url(../images/potn.png) left center no-repeat;
        background-size: auto 50%;
        background-position: 1vw center;
        font-size: 1vw;
        color: #fff;
      
      } 
     .tch-pn-title .faga-num{
        position: absolute;
        right: 1vw;
        top:0.2vh;

      }
      .tch-pn-title .faga-num h6{
        font-size: 1.2vw;
        color: #00eaff;
      }
      .tch-pn-title .faga-num p{
        font-size: 0.6vw;
        margin: 0;
        color: #fff;
        text-align: right; 
      }

      .tch-pn-title p{
        display: inline-block;
        color: #00eaff;
        height: 6vh;
        font-size: 1.8vh;
        line-height: 6vh;
        margin-left: 2vh;
      }
      .tch-pn-title p a{
        padding: 0 0.6vh;
        font-size: 1.4vh;
        color: #00eaff;
        border: 1px solid #00eaff;
        border-radius: 4px;
        margin-right: 0.5vh;
      }
      .tch-pn-title p a:hover{
        color: #001244;
        background-color:#00eaff; 
      }
      .tch-pn-title p a.active{
        color: #001244;
        background-color:#00eaff;
      }
    



 /*选项卡2*/
.nav-tab-tch{
  position: absolute;
  top:1vh;
  right: 2vw;
  z-index: 2001;
  padding: 0;
  border:none;

}
.nav-tab-tch li{

}
.nav-tab-tch li a{
    display: block;
    font-size: 0.6vw;
    float: left;
    width: 2vw;
    height: 3.8vh;
    line-height: 3.8vh;
    /*border: 1px solid #d6ae05;
    box-shadow:#d6ae05 0px 0px 15px inset;*/
    border-radius: 0px;
    
    text-align: center;
    color: #fff ;
    text-decoration: none;
    margin: 0.1vw;
    /*transform:skew(-30deg);*/

}

  .nav-tab-tch li a span{
    display: block;
    /*transform:skew(30deg);
*/
  }
  .nav-tab-tch li a:hover{
    background-color: transparent;
    border: none;
    color: #f5cb39;
    /*border: 1px solid #d6ae05;
    box-shadow:#d6ae05 0px 0px 50px inset;*/
    /*color: rgba(7, 29, 46, 0.6);*/
  }
  .nav-tab-tch li.active a{
    /*border: 1px solid #d6ae05;*/
   /* box-shadow:#d6ae05 0px 0px 50px inset;*/
   color: #f5cb39;
    background-color: transparent;
    border: none;
    position: relative;
    /*color: rgba(7, 29, 46, 0.6);*/
  }
  .nav-tab-tch li.active a:after{
    content: "";
    display: block;
    position: absolute;
     background-color: #f5cb39; 
    width: 20px;
    height: 3px;
    border-radius: 4px;
    left: 0.7vw;
    /* top: ; */
    bottom: 0.45vh;

  }
  .nav-tab-tch li.active a:hover{
    /*border: 1px solid #d6ae05;
    box-shadow:#d6ae05 0px 0px 50px inset;*/
    color: #f5cb39;
    background-color: transparent;
    border: none;

  }
  .nav-tab-tch li.active a:focus{
    color: #f5cb39;
    /*border: 1px solid #d6ae05;
    box-shadow:#d6ae05 0px 0px 50px inset;*/
    border: none;
    background-color: transparent;

  }


  /*table*/
  .table-box-tch{
   /* padding-top: 1vh;*/


  }
  .table-box-tch table{
    color: #fff;
    font-size: 1.5vh;
  }
  .table-box-tch .table-striped>tbody>tr:nth-of-type(odd){
    background-color: rgba(0,0,0,0.2);
  }
  .table-box-tch .table>tbody>tr>td, 
  .table-box-tch .table>tbody>tr>th, 
  .table-box-tch .table>tfoot>tr>td, 
  .table-box-tch .table>tfoot>tr>th, 
  .table-box-tch .table>thead>tr>td, 
  .table-box-tch .table>thead>tr>th {
    padding: 15px 8px;
    vertical-align: top;
    border-top: 1px solid #01266b;  
    text-align: center;
}
.table-box-tch .table>thead>tr>th{
  border-color: #01266b;
  font-size: 1.6vh;
}

.table-box-tch .table td .tch-num {
    width: 2vh;
    height: 2vh;
    background: #0084ff;
    display: inline-block;
    line-height: 2vh;
    font-size: 1.5vh;
    border-radius: 2px;
    background-color: #1577da;
}

.tch-bgc-red{
  background-color: #fe0000 !important;
}
.tch-bgc-yellow{
  background-color: #fb950d !important;
}
.tch-bgc-green{
  background-color: #28ff00 !important;
}


.echarts-tch{
  height: 30vh;
  position: relative;
  margin-top: 1vh;
}
.echarts-box-tch{
  height: 100%;
  float: left;
 /* border: 1px solid red;*/
  position: relative;
}
.echarts-box-tch h4{
    width: 100%;
    height: 3vh;
    line-height: 3vh;
    font-size: 2vh;
    /* padding-left: 1.5vw; */
    color: #fff;
    font-weight: 500;
    text-align: left;
    position: absolute;
    top: 0vh;
}
.ec-tch{
  height: 100%;
  padding-top: 3.5vh;
  position: relative;
  box-sizing: border-box;
}
.echarts-box {
    height: 100%;
    z-index: 6;
}

.link-tch{
  display: block;
  float: right;
  color: #00eaff;
  border: 1px solid #00eaff;
  border-radius: 4px; 
  padding: 0.2vh;
}
.link-tch:hover{
  background-color: #00eaff;
  color: #020c25;
  text-decoration: none;
}

.g-box-tch .close-tch{
  cursor: pointer;
}

.dis{
  display: none;
}

.opa{
  opacity: 0;
}

.pagination{
  margin: 2vh auto;
  width: 45%;
  display: block;
}
.pagination>li {
  display: inline-block;
}
.pagination li.active a{
  background-color: #337ab7;
}
.pagination>li>a, .pagination>li>span{
  position: relative;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #fff;
  background-color: #020c25;
  border: none;
  text-decoration: none;
}

.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover{
  background-color: #020c25;
}

.arrow_box{animation: glow 800ms ease-out infinite alternate; }

@keyframes glow {
    0% {
      border-color: rgba(0,255,252);
      box-shadow: 0 0 5px rgba(0,255,252,.2), inset 0 0 5px rgba(0,255,252,.1), 0 0 0 #393;
    }
    100% {
      border-color: rgba(0,255,252);
      box-shadow: 0 0 20px rgba(0,255,252,.6), inset 0 0 10px rgba(0,255,252,.4), 0 0 0 #6f6;
    }
}