/*-------reset------------*/
* {
    font-family: "microsoft yahei",Arial,\5FAE\8F6F\96C5\9ED1,"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
nav ul {
    list-style:none;
}
body {
    line-height:1;
    background: #EAECEF
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    text-decoration: none;
}
/*-------reset end------------*/

/*-------header------------*/
.header{
    top:0;
    z-index: 999;
    width: 100%;
    height: 70px;
    background-color: #FFFFFF;
    position: fixed;
}

.header .wrapper {
    position: relative; width: 1200px; height: 70px;margin: 0 auto;
}

.header .wrapper .logo{
    position:absolute; left: 0; top: 0; width: 230px; height: 70px; padding: 0; margin: 0;
}

.header .wrapper .logo img {
    height: 40px;
    margin: 15px 0 15px 0;
    padding: 0;
    display: inline-block;
}

.header .wrapper .nav{
    position:absolute; right: 500px; left: 230px; top: 0; height: 70px; padding: 0; margin: 0;
}

.header .wrapper .nav ul{
    -webkit-user-select: none;
    user-select: none;
    margin: 0;
    padding: 0;
    list-style: none;
}
.header .wrapper .nav ul >li {
    float: left;
    margin-left: 10px;
    height: 70px;
    line-height: 70px;
    list-style: none;
}
.header .wrapper .nav ul >li >a {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    margin: 0 15px;
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    color: #4379f7;
    border-bottom: 2px solid transparent;
    border-bottom: 0 \9;
    background-color: rgba(0,0,0,0);
    text-decoration: none;
}
.header .wrapper .nav ul >li.current {
    background: #393f46;
    line-height: 70px;
    height: 68px;
    border-bottom: 2px solid #249bf7;
}
.header .wrapper .nav ul >li >a.current {
    color: #FFFFFF;
}

.header .wrapper .search{
    position:absolute; right: 160px; top: 0; width: 290px; height: 70px; padding: 0; margin: 0;
}
.header .wrapper .search input{
    width: 250px;
    color: #222222;
    position: absolute;
    padding-left:20px;
    margin-top: 15px;
    height: 40px;
    background: #eaecef;
    outline: none;
    border-radius: 40px 0 0 40px;
    border: none;
}
.header .wrapper .search input:focus{
    background: #cccccc;
    color: #3f4347;
}
.header .wrapper .search a{
    font-size: 16px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    width: 40px;
    margin: 15px 0 0 0;
    outline: none;
    border: none;
    background: #eaecef;
    color: #111111;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 30px 30px 0;
}

.header .wrapper .user{
    position:absolute; right: 0; top: 0; width: 160px; height: 70px; padding: 0; margin: 0;
}

.header .wrapper .user .message{
    float: left;
    list-style: none;
    height: 70px;
    width: 50px;
    text-align: right;
}
.header .wrapper .user .message a{
    margin-top: 28px;
    font-size: 14px;
    color: #888888;
    display: inline-block;
}

.header .wrapper .user .login{
    float: right;
    list-style: none;
    height: 70px;
}
.header .wrapper .user .login li{
    float: left;
    height: 70px;
    line-height: 70px;
    padding: 0 10px 0 10px;
    font-weight: 200;
    position: relative;
}
.header .wrapper .user .login li a{
    color: #3a3f45;
    font-size: 14px;
}
.header .wrapper .user .login li:hover{
    background: #ffffff;
    color:#4379f7;
    height: 70px;
}

.header .wrapper .user .account{
    float: right;
    height: 70px;
    width: 110px;
}
.header .wrapper .user .account .name{
    height: 70px;
    width:70px;
    float: right;
    text-align: center;
    color: #FFFFFF;
}
.header .wrapper .user .account .name:hover{
    background: #3a3f45;
}
.header .wrapper .user .account .name:hover .dropdown{
    top: 100%;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    filter: alpha(opacity=100);
}
.header .wrapper .user .account .name .dropdown {
    height:auto;
    cursor: auto;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 110%;
    right: 0;
    width: 130px;
    padding: 0;
    background: #fff;
    color: #3e464c;
    border-radius: 0 0 2px 2px;
    z-index: 99;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
}
.header .wrapper .user .account .name .dropdown ul{
    font-size: 12px;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.header .wrapper .user .account .name .dropdown li{
    list-style: none;
    line-height: 40px;
    text-align: center;
    margin: 0;
    height: 40px;
    float: none;
    border: 0;
}
.header .wrapper .user .account .name .dropdown li a{
    color: #3e464c;
}
.header .wrapper .user .account .name .dropdown li:hover{
    background: #cdcdcd;
}
.header .wrapper .user .account .name .avatar{
    height: 70px;
    line-height: 70px
}
.header .wrapper .user .account .name .avatar i{
    font-size: 40px;
}
/*-------header end------------*/

/*-------footer------------*/
.footer{
    height: 350px;
    min-width: 1200px;
    background: #181818;
    clear: both;
    -moz-user-select:none;
}
.footer .wrapper{
    width: 1200px; margin: 0 auto
}
.footer .wrapper .main{
    height: auto;
    width: 850px;
    float: left;
}
.footer .wrapper .main dl{
    width: 165px;
    float: left;
    margin-top: 20px;
}
.footer .wrapper .main dl dt{
    line-height: 40px;
    font-size: 14px;
    color: #9AA5B3;
    font-weight: bold;
}
.footer .wrapper .main dl dd a{
    float: left;
    width: 100%;
    display: block;
    line-height: 25px;
    font-size: 12px;
    color: #c7c7c7;
}
.footer .copyright{
    background: #181818;
    width: 1200px;
    margin: 0 auto;
    clear:both;
    text-align: center;
    font-size: 12px;
    border-top: 1px #656C75 solid;
    height: 80px;
}
/*-------footer end------------*/

/*-------------index banner---------*/
.index-banner-box{ width:100%; height:120px; overflow:hidden; position:relative; border-radius: 5px; border:0px solid #ddd;}
.index-banner-box .hd{ height:12px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.index-banner-box .hd ul{ overflow:hidden; zoom:1; float:left; list-style: none }
.index-banner-box .hd ul li{ float:left; margin-right:5px; border-radius: 6px;  width:6px; height:6px; font-size: 12px; line-height:10px; text-align:center; background:#fff; cursor:pointer; }
.index-banner-box .hd ul li.on{ background:#f00; color:#fff; }
.index-banner-box .bd{ position:relative; height:100%; z-index:0;   }
.index-banner-box .bd ul{list-style: none;}
.index-banner-box .bd li{ zoom:1; vertical-align:middle; padding: 0; margin: 0 }
.index-banner-box .bd img{ width:100%; height:120px; display:block; border: 0;border-radius: 5px; }
/*-------------index banner end---------*/

/*-------------index slide---------*/
.index-slide-box{ width:100%; height:200px; overflow:hidden; position:relative; border-radius: 5px; border:0px solid #ddd;}
.index-slide-box .hd{ height:12px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.index-slide-box .hd ul{ overflow:hidden; zoom:1; float:left; list-style: none }
.index-slide-box .hd ul li{ float:left; margin-right:5px; border-radius: 6px;  width:6px; height:6px; font-size: 12px; line-height:10px; text-align:center; background:#fff; cursor:pointer; }
.index-slide-box .hd ul li.on{ background:#f00; color:#fff; }
.index-slide-box .bd{ position:relative; height:100%; z-index:0;   }
.index-slide-box .bd ul{list-style: none;}
.index-slide-box .bd li{ zoom:1; vertical-align:middle; padding: 0; margin: 0 }
.index-slide-box .bd img{ width:100%; height:200px; display:block; border: 0;border-radius: 5px; }
/*-------------index slide end---------*/

/*---------------home index-----------------*/
.home-wrapper{
    width: 1200px;
    margin:0 auto;
    clear: both;
}
/*---------------home index end-----------------*/


/* 按钮 */
.btn{display: inline-block; vertical-align: middle; height: 38px; line-height: 38px; padding: 0 18px; background-color: #0a2f75; color: #fff; white-space: nowrap; text-align: center; border: none; border-radius: 2px; cursor: pointer; opacity: 0.9; filter:alpha(opacity=90); -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}
.btn:hover{opacity: 0.8; filter:alpha(opacity=80); color: #fff;}
.btn:active{opacity: 1; filter:alpha(opacity=100);}
.btn+.btn{margin-left: 10px;}
.btn:focus{
    transition:border linear .2s,box-shadow linear .5s;
    -moz-transition:border linear .2s,-moz-box-shadow linear .5s;
    -webkit-transition:border linear .2s,-webkit-box-shadow linear .5s;
    outline:none;
    box-shadow:transparent;
    -moz-box-shadow:transparent;
    -webkit-box-shadow:transparent;
}
/* 圆角 */
.btn-radius{border-radius: 100px;}
.btn .icon{font-size: 18px; vertical-align: bottom;}

/* 原始 */
.btn-primary{border: 1px solid #C9C9C9; background-color: #fff; color: #555;}
.btn-primary:hover{border: 1px solid #1E9FFF; color: #1E9FFF}
.btn-primary:active{border: 1px solid #1E9FFF; color: #1E9FFF}
/* 百搭 */
.btn-normal{background-color: #1E9FFF;}
/* 暖色 */
.btn-warm{background-color: #F7B824;}
/* 暖色 */
.btn-green{background-color: #19be6b;}
/* 警告 */
.btn-danger{background-color: #FF5722;}
/* 禁用 */
.btn-disabled,.btn-disabled:hover,.btn-disabled:active{border: 1px solid #e6e6e6; background-color: #FBFBFB; color: #C9C9C9; cursor: not-allowed; opacity: 1;}

/* 大型 */
.btn-big{height: 44px; line-height: 44px; padding: 0 25px; font-size: 16px;}
/* 小型 */
.btn-small{height: 30px; line-height: 30px; padding: 0 10px; font-size: 12px;}
.btn-small i{font-size: 16px !important;}
/* 迷你 */
.btn-mini{height: 22px; line-height: 22px; padding: 0 5px; font-size: 12px;}
.btn-mini i{font-size: 14px !important;}

/*
layer
*/
.layui-layer-title{
    background-color: #F2F2F2;
    border-bottom:1px #dddddd solid;
}
.layui-layer-tips .layui-layer-content{
    line-height: 30px;
    padding:9px 15px;
}
.layui-layer-tips i.layui-layer-TipsL,.layui-layer-tips i.layui-layer-TipsR {
    top: 12px;
}
.layui-layer-iframe .layui-layer-btn, .layui-layer-page .layui-layer-btn{
    background-color: #F2F2F2;
}
.layui-layer-btn{
    font-size: 12px;
}