* {margin: 0;padding: 0;}
body{font-family: "lucida grande", "lucida sans unicode", lucida, helvetica, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;font-weight: 100;line-height: 28px;color:#4e4e4e;}
ul{margin: 0;padding: 0;}
li{list-style: none;}
input, button, select, textarea {outline: none;}
img{border:none;}

.c-f:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.c-f {
    _overflow: auto;
    zoom: 1;
}
.fl{float: left;}
.fr{float: right;}
.txt-r{text-align: right;}
.txt-l{text-align: left;}
.txt-c{text-align: center;}

.video-bg{
    background: url(../images/video.png) center right no-repeat;
    cursor: pointer;
    width: 187px;
    height: 412px;
}
.video-bg:hover{
    background: url(../images/video.png) center left no-repeat;
}

.px-width-max {}
.px-width-max-center{}
.px-txt-center{}
.m-show{display: none;}
.m-hide{}

.shadow{
    position: fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    background: #000;
    opacity: 0.7;
    z-index: 50;
    display: none;
}
.video{
    height: 560px;
    width: 900px;
    position: fixed;
    top:40px;
    left:50%;
    margin-left:-450px;
    z-index: 51;
    padding: 10px;
    border: 1px solid #dedede;
    background: #fff;
    border-radius: 10px;
    display: none;
}

.video-m{
    height:100%;
    width:100%;
    position: fixed;
    top:0px;
    left:0px;
    bottom:0px;
    right: 0px;
    z-index: 51;
    background: #000;
    display: none;
}

.search{height: 42px;padding-left: 20px; line-height: 42px; width: auto; display: block; position: relative;border: 1px solid #AABBCE;border-radius: 4px;}
.search input{border:none;width: 80%; display: block;height: 42px; line-height: 42px;}
.search .search-btn{position: absolute; z-index: 2; width: 105px; height: 44px; top:-1px; right:-1px; background:url(../images/bttt_en.png); background-size: 105px; vertical-align: middle; text-align: center; cursor: pointer; width:105px;}
.search .search-btn:hover{background: url(../images/bttt_en.png) bottom; background-size:105px;}

.tip-tag{position: absolute;right: 0px; top: 0px;}

.dataTables_wrapper .dataTables_paginate .paginate_button{padding:0px 8px;margin-right:3px;}

.dataTables_length,.dataTables_filter{margin-bottom: 10px;}
.dataTables_length select,.dataTables_filter input{padding:2px 5px;}

.lang_cn,.lang_en{}
.lang_cn p{text-indent: 2em;}

code{background: #333; color:#ccc;}

.pr{position: relative;}

table.dataTable{border:1px solid #dedede;}
table.dataTable thead th, table.dataTable thead td{border-bottom:1px solid #dedede;}
table.dataTable tfoot th, table.dataTable tfoot td{border-top:1px solid #dedede;}

.col-sgrey{color: #4A4A4A;}
.top-logo{margin-left:-200px;}
.pc-menu{padding-left:200px;}
.pc-menu .menu-title{
    color:#1C90F3;
    background: #f2f2f2;
    border-left: 2px solid #1C90F3;
}
.nav-fix {
    position:absolute;
    /*top: 365px;*/
    top: 15px;
    left: 50%;
    width: 170px;
    font-size: 13px;
    margin-left:-700px;
}
.nav-fix-box{
    position:fixed;
    margin-left:-600px;
}
.nav-fix li {
    cursor: pointer;
    padding-left: 7px;
    margin-top: 5px;
    color: #999;
}
.nav-fix .active{
    color: #1976D2;
}
.nav-fix li:hover{
    color: #1976D2;
}

.px-fs-24{font-size: 24px;}


/* loading样式 */
.load-container {
  width: 240px;
  height: 240px;
  position: relative;
  overflow: hidden;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
}
.load .loader {
  margin: 6em auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 0.5em solid #f8f8f8;
  border-right: 0.5em solid #f8f8f8;
  border-bottom: 0.5em solid #f8f8f8;
  border-left: 0.5em solid #1976d2;
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
.load .loader,
.load .loader:after {
  border-radius: 50%;
  width: 4em;
  height: 4em;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* 定义滚动条宽度 */
::-webkit-scrollbar {
  width: 6px;
}
/* 定义那个轨道的样式 */
/* 定义滚动按钮的样式，就是那个bar */
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: rgba(100, 100, 100, 0.5);
}

@media all and (max-width: 992px) {
    .top-logo{margin-left:auto;}
    .pc-menu{padding-left: 0px;}
    .nav-fix{display: none;}
    .px-width-max {
        width: 100%;
        display: block;
    }
    .px-fs-24{font-size: 18px;}
    .px-width-max-center {
        width: 92%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .px-txt-center{
        text-align: center;
    }
    .px-fs-14, .px-fs-14 a{font-size: 14px;}
    .m-show{display: block;}
    .m-hide{display: none;}

    .link-btn{display: inline-block; width: 184px; margin-right:0px;}
    .vt{vertical-align: top;}
    .hash-w{word-wrap: break-word;width:250px; display: block;}
}