@charset "utf-8";  
* { margin: 0; padding: 0 }
body { font: 15px "Microsoft YaHei", Arial, Helvetica, sans-serif; min-width: 1200px;}
img { border: 0; display: block }
ul, li { list-style: none; }
a { text-decoration: none; color: #000; }
a:hover { color: #000; text-decoration: none; }
.box { width: 1200px; margin: auto; }
/*logo*/
.logo { float: left; margin-right: 90px; }
.logo img { height: 80px; }
/*nav*/
nav { line-height: 80px;height: 80px; width: 100%; background: #fff; box-shadow: 0 1px 10px 0 rgba(0,0,0,.1); }
#starlist li { position: relative; display: inline-block; font-size: 1.2rem; font-weight: 600; text-align: center; color:#16499d;}
#starlist li i { display: block; width: 24px; height: 1.2rem; background:no-repeat; background-size: 100% 100%; display: inline-block; position: absolute; margin-left: 4px; top: 23px; }
#starlist li a { display: block; color: #333; padding: 0 20px }
#starlist li:hover a, #starlist ul.sub li a:hover { color: #16499d; }
#starlist ul.sub li { width: 100%; background: #fff; float: left; font-size: 1rem; }
#starlist ul.sub li a { padding: 0; display: none; width: 100%; color: #333; }
#starlist ul.sub li:first-child a { margin-top: 10px }
#starlist ul.sub li:last-child a { margin-bottom: 10px }
#starlist ul.sub { position: absolute; left: 0; top: 60px; z-index: 9; width: 110%; line-height: 36px; opacity: 0; transition: all .5s; box-shadow: 0px 5px 9px 1px rgba(144, 161, 180, 0.2); }
#starlist li:hover ul.sub { opacity: 1; top: 80px; }
#starlist li:hover ul.sub li a { display: block }
#starlist li:hover ul.sub:after, #starlist ul.sub li:after, #starlist ul.sub li a:after { display: none; }
.menu:after { content: ""; position: absolute; right: 9px; top: 49%; width: 0; height: 0; border-width: 4px 4px 0; border-style: solid; border-color: #3f3c3c transparent transparent; transition: all .5s ease; }
.menu:hover:after { transform: rotate(180deg) }
.banner_one img { transition: .5s; width: 100% }
.banner_one:hover img { transform: scale(1.1); }
.banner_one span { display: block; position: absolute; top: 30px; left: 10px; padding: 0 12px; height: 20px; font-size: 12px; background: rgba(62, 62, 62, 0.5); border-radius: 100px; line-height: 20px; z-index: 2; color: #fff; }
.banner_one section { position: absolute; bottom: 30px }
.banner_one { position: relative; /*border-bottom: 1px dashed #e5e5e5;*/ padding: 20px 0 }
.banner_one a { display: block; overflow: hidden; transition: .5s }
.lbox { display: inline-block; margin:0 auto;}
.banner section:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; background: -webkit-gradient(linear, 0 0, 0 bottom, from(transparent), to(#000)); z-index: -1; }
.banner section { bottom: 0; left: 0; position: absolute; display: block; width: 100%; z-index: 0; }
.banner h4 { color: #fff; text-shadow: 0 2px 4px rgba(0,0,0,.5); font-size: 20px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; padding: 0 20px; z-index: 2; margin: 20px 0 40px; }
/*底部样式*/
.foot{width: 100%;  height: auto;  background: #2e3033;  padding-top: 30px;  padding-bottom: 30px;  text-align: center;}
.foot p{  color:#999999;  font-size: 1rem;  margin-top: 20px;  margin-bottom: 10px;}
.foot p a{  text-decoration: none;  color:#ffffff;  font-size: 1rem;  margin-left: 10px; line-height: 2rem;}
.foot p a:hover{  color:#007eff;}
/*blogs*/
.blogs { margin-bottom: 30px; }
.blogs_list { overflow: hidden; position: relative; transition: all .8s; padding: 20px 10px 20px 0; border-bottom: 1px dashed #e5e5e5; }
.blogs_list i { display: block; width: 210px; height: 120px; background: #ccc; overflow: hidden; float: left; margin-right: 20px; }
.blogs_list i img { width: 100%; min-height: 100%; transition: all .6s; }
.blogs_list h2 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 6px; line-height:2rem; font-size: 1.4rem; color: #333; }
.blogs_list p { color: #737373; line-height: 1.6rem; font-size: 1rem; word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; }
.blogs_writer { color: #333; margin: 0 5px 0 10px; font-size: 14px; position: absolute; left: 218px; bottom: 22px; }
.blogs_time { color: #b3b2b2; position: relative; }
.blogs_time:before { content: ""; padding: 0 5px }
.blogs_tags { float: right; position: absolute; right: 0; bottom: 15px; }
.blogs_tags a { max-width: 72px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; margin: 5px 5px 0 0; padding: 1px 7px; height: 18px; color: #16499d; background: #d2e3fe; border-radius: 10px; line-height: 18px; font-size: 12px; }
.blogs_tags a:hover { background: #16499d; color: #fff; }
.blogs_lm { position: absolute; z-index: 2; top: 30px; left: 10px; padding: 0 12px; height: 20px; font-size: 12px;    background: rgba(3, 3, 3,.5); border-radius: 100px; line-height: 20px; }
.blogs_lm a { color: #999; }
.blogs_list:hover { box-shadow: 0px 12px 8px -12px #c0bebe; }
.blogs_list:hover h2 { color: #16499d; }
.blogs_list:hover img { transform: scale(1.1); }

/*表格样式*/
table{ 
  line-height:2rem;
  padding: 0.4rem;
  margin-bottom: 30px;
  margin-top: 10px;
  border-collapse: collapse;
}

table{color:/*#999999 #ffedb6 */#595959; margin-top: 20px; text-align: center;}

table tr:nth-child(odd) {
        /* 匹配奇数行 */
        /*background-color: rgb(255 255 255 0.5);*/
        /*color: black;*/
    }

table tr:nth-child(even) {
        /* 匹配偶数行 */
        background-color: rgb(255,255,255,0.1);
        background-color: #fafafa;
        /*color: white;*/
    }

table tr:hover{
  cursor:pointer;
  background-color: /*rgba(255,237,183,1)*/ /*#b2cfff*/ #dfebff;
  color:#000050;
  /*box-shadow: 2px 6px 12px 2px rgba(255,237,183, 0.3);*/
}

.table-bordered{
  border: 1px solid #000050;
  /*background-color: #ffedb6 !important; */
  color: #000050; 
  height: 50px; 
  line-height: 50px;
}

th,td{
            padding: 0.4rem !important;
            line-height:2rem !important;
            vertical-align: top !important;
            /*border-top: 1px solid #dee2e6 !important;*/
            /*border-bottom: 1px solid #dee2e6;*/
        }


