/**������ʽ start**/
/**特殊灰化 start**/
/* html {FILTER: gray;-webkit-filter: grayscale(100%);} */
body{
    font:14px "microsoft yahei",Arial,Helvetica,sans-serif;
    list-style:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd{
    margin:0;
    padding:0;
    list-style:none;
    font-weight:400;
    color:#3a3a3a
}
img{
    vertical-align:middle;
    border:none;
}
.left{float:left;}
.right{float:right;}
.clear:after{
    content:'';
    clear:both;
    display:block;
}
a{
    color:#333;
    text-decoration:none;
}
a:hover{
    text-decoration:none;
}
i{
    font-style:normal;
}
.layui-container{
    width:1200px;
    padding:0;
}
/**������ʽ end**/

/**ͷ�� start**/
#top{
    width:100%;
    height:80px;
    background:#fff;
    overflow:hidden;
}
.top_center{
    position:relative;
    width:1200px;
    padding:0;
    overflow:hidden;
}
.logo{
    float:left;
    margin:10px 0;
}
.logo a{
    display:block;
}
.search{
    position:absolute;
    top:24px;
    left:50%;
    margin-left:-200px;
    width:450px;
    height:30px;
    border:1px solid #424562;
    overflow:hidden;
}
.search input{
    float:left;
    border:0;
    width:380px;
    height:30px;
    font-size:12px;
    text-indent:10px;
    overflow:hidden;
}
.search a{
    float:right;
    width:70px;
    height:30px;
    line-height:30px;
    background:#424562;
    color:#fff;
    text-align:center;
    overflow:hidden;
}
.search a i{
    font-size:18px;
}
.rtbox{
    float:right;
    margin-top:25px;
    color:#666;
}
.rtbox .layui-btn{
    margin:0;
    padding:0;
    border:0;
    background:transparent;
    font-size:14px;
    color:#666;
}
/**ͷ�� end**/

/**���� start**/
#nav{
    width:100%;
    background:#fff;
}
.nav_center{
    position:relative;
    width:1200px;
}
.nav_left{
    position:absolute;
    left:0;
    top:0;
    width:190px;
    z-index:999;
}
.nav_menu{
    width:100%;
    height:45px;
    line-height:45px;
    color:#fff;
    background:#424562;
    font-size:16px;
    cursor:pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.nav_menu i {
    padding-left:20px;
    margin-right:5px;
}
.nav_left>ul {
    position:relative;
    height:450px;
    background:rgba(0,0,0,0.6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000);
    box-shadow: 0 0 15px rgba(0,0,0,.2);
    z-index:20;
}
.nav_left ul li {
    padding:0;
    height:55px;
    line-height:55px;
    padding-left:15px;
    color:#fff;
    font-size:13px;
    cursor:pointer;
    transition:all .3s;
    overflow:hidden;
}
.nav_left ul li a {
    color:inherit;
    display:block;
}
.nav_left ul li:hover {
    background:#424562;
    color:#fff;
    font-size:15px;
    padding-left:20px;
}
.nav_left ul li img{
    float:left;
    width:20px;
    vertical-align: middle;
    margin:15px 10px 0 0;
}

.nav_right{
    width:100%;
    height:45px;
    padding-left:190px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.nav_right .layui-nav{
    background:#fff;
    padding:0 0 0 20px;
}
.nav_right .layui-nav .layui-nav-item {
    line-height:45px;
    text-align:center;
}
.nav_right .layui-nav .layui-nav-item a{
    color:#333;
    padding: 0 18px;
}
.nav_right .layui-nav .layui-this:after,.nav_right .layui-nav-bar,.nav_right .layui-nav-tree .layui-nav-itemed:after{
    background:#424562;
}
.nav_right .layui-nav-child{
    top:50px;
}
.layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this {
    background-color:#424562;
    color: #fff;
}
/**���� end**/

/**����2 start**/
.subjectList{
    display:none;
}
.nav_left:hover .subjectList{
    display:block;
}
.sanji{
    position:absolute;
    top:0;
    left:190px;
    width:200px;
    height:450px;
    background:rgba(0,0,0,0.6);
    overflow:hidden;
    display:none;
}
.nav_left>ul>li:hover .sanji{
    display:block;
}
.nav_left ul.sanji2 li{
    height:34px;
    line-height:34px;
}
.nav_left ul.sanji2 li img{
    margin:7px 10px 0 0;
}
/**����2 end**/

/*����3 start*/
#wrong_top{
    width:100%;
    height:80px;
    background:#fff;
}
#wrong_topic{
    width:1200px;
    margin:0 auto;
}
#wrong_topic .logo2{
    float:left;
    height:60px;
    margin-top:10px;
    overflow:hidden;
}
.wrong_nav{
    float:left;
    margin:10px 0;
}
.wrong_nav .layui-nav{
    background:#fff;
    padding:0 10px;
}
.wrong_nav .layui-nav-item a ,.wrong_nav .layui-nav-item a:hover,.wrong_nav .layui-this a{
    color:#333;
}
.wrong_nav .layui-nav-more{
    border-top-color:#333;
    right:2px;
}
.wrong_nav .layui-nav-mored{
    border-color:transparent;
    border-bottom-color:#333;
}
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{
    background:#424562;
}

#person{
    /*float:right;*/
    margin:20px 0;
}
#person a{
    float:left;
    line-height:40px;
    margin-right:15px;
    overflow:hidden;
}
#person a img {
    width:40px;
    height:40px;
}
#person button{
    margin:5px 0;
}
#person button:hover{
    border-color:#424562;
}
/*����3 end*/

/**��� start**/
.layui-table tbody tr:hover, .layui-table thead tr{
    background:none;
}
/**��� end**/

/**��ҳ start**/
#test1,#pagnations,#page{
    text-align:center;
}

.layui-laypage .layui-laypage-curr .layui-laypage-em{
    background:#424562;
}
.layui-laypage a,.layui-laypage span{
    height:32px;
    line-height:32px;
}
/**��ҳ end**/

/**�ײ� start**/
#footer{
    width:100%;
    background-color:#1b1f2a;
    padding:30px 0 25px;
    overflow:hidden;
}
.footer_box1{
    /*float:left;*/
    margin:0 auto;
    width:800px;
    overflow:hidden;
}
.footer_c{
    width:100%;
    color:#fff;
    text-align:center;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.footer_c a {
    padding:0 15px;
    color:#fff;
    font-size:16px;
}
.copy{
    width:100%;
    margin-top:10px;
    text-align: center;
}
.copy>p{
    width:100%;
    height:35px;
    line-height:35px;
    text-align:center;
    font-size:16px;
    color:#999;
    overflow:hidden;
}
.footer_box2{
    float:right;
    width:400px;
    border-left:1px solid #797979;
    margin:30px 0;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.footer_box2 li{
    float:left;
    width:120px;
    text-align: center;
    margin-left:60px;
    overflow:hidden;
}
.footer_box2 li img{
    width:120px;
}
.footer_box2 li p{
    width:100%;
    color:#fff;
    margin-top:15px;
    overflow:hidden;
}

/**�ײ� end**/

/**���ſγ� start**/
.hot_box{
    padding:10px 0 40px;
}
.hot_title{
    width:100%;
    height:50px;
    line-height:50px;
    font-size:16px;
    font-weight:bold;
    overflow:hidden;
}
.hot_title img{
    margin-right:10px;
    vertical-align:-4px;
}
.hot_list{
    width:100%;
    overflow:hidden;
}
.hot_list li{
    float:left;
    width:285px;
    background:#fff;
    padding-bottom:5px;
    margin-right:20px;
    overflow:hidden;
}
.hot_list li a{
    display:block;
    width:100%;
    overflow:hidden;
}
.hot_list li span{
    display:block;
    width:100%;
    height:190px;
    overflow:hidden;
}
.hot_list li img{
    width:100%;
    transition: all .3s;
}
.hot_list li span:hover img{
    transform:scale(1.2,1.2);
}
.hot_list li h4,.hot_list li p{
    width:100%;
    height:30px;
    line-height:35px;
    padding:0 15px;
    color:#000;
    text-overflow: ellipsis;
    white-space:nowrap;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.hot_list li h4:hover{
    text-decoration: underline;
}
.hot_list li p{
    color:#888;
    font-size:12px;
    line-height:22px;
}
/**���ſγ� end**/

/**��ർ�� start**/
#menu {
    width:50px;
    position:fixed;
    top:50%;
    margin-top:-300px;
    display:none;
}
#menu ul li {
    width:50px;
    line-height:20px;
    background:#656d79;
    padding:5px 10px;
    color:#fff;
    text-align:center;
    border-bottom:1px dotted #ddd;
    font-size:12px;
    cursor: pointer;
}
#menu ul li:first-child{ border-radius:5px 5px 0 0;  }
#menu ul li.floor { color:#fff;}
#menu ul li:first-child.floor,#menu ul li:first-child:hover{ background:#57d9db;}
#menu ul li:nth-child(2).floor,#menu ul li:nth-child(2):hover{ background:#4590e3;}
#menu ul li:nth-child(3).floor,#menu ul li:nth-child(3):hover{ background:#53b44d;}
#menu ul li:nth-child(4).floor,#menu ul li:nth-child(4):hover{ background:#7a53c0;}
#menu ul li:nth-child(5).floor,#menu ul li:nth-child(5):hover{ background:#e59439;}
#menu ul li:nth-child(6).floor,#menu ul li:nth-child(6):hover{ background:#e6baeb;}
#menu ul li:nth-child(7).floor,#menu ul li:nth-child(7):hover{ background:#f7a74e;}
#menu ul li:nth-child(8).floor,#menu ul li:nth-child(8):hover{ background:#369edb;}
#menu ul li:nth-child(9).floor,#menu ul li:nth-child(9):hover{ background:#34cb6b;}
#menu a{
    display:block;
    width:50px;
    height:30px;
    line-height:30px;
    padding:0 10px;
    background:#57d9db;
    border-radius:0 0 5px 5px;
    text-align: center;
    font-size:12px;
    color:#fff;
    overflow:hidden;
}
/**��ർ�� end**/

/*�������� start*/
.none_topic{
    width:100%;
    margin:50px 0;
    text-align: center;
    overflow:hidden;
}
.none_topic p{
    width:80%;
    font-size:18px;
    color:#666;
    text-align: center;
    margin:0 auto 50px;
    overflow:hidden;
}
.none_topic a{
    display:block;
    width:120px;
    height:35px;
    line-height:35px;
    border-radius:5px;
    background:#424562;
    color:#fff;
    margin:20px auto;
    text-align: center;
    overflow:hidden;
}
.none_topic a:hover{
    background:#424562;
}
/*�������� end*/
body .demo-class .layui-layer-title {
    color:#fff;
    background:#424562;
    font-size:15px;
}
.layui-table thead tr th{
    font-weight:bold;
    font-size:15px;
    text-align: center;
}
.layui-table thead tr,
.layui-table[lay-even] tr:nth-child(even){
    background:#f5f6ff;
}
.laybox .layui-layer-title{background:#1fa9b0; color:#fff; border: none;}
.layui-tree .layui-icon{color:#2F4056}
.layui-tree li{line-height:35px;border-top:1px solid #f4f4f4;}
.layui-tree .layui-tree-branch{display:none;}
.layui-tree li a.active{
    background: #009688;
}
/*�������� end*/
.layui-elem-quote{border-left:5px solid #4a9ff5}
.iplimit{padding: 50px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;}