/* @charset "utf-8";
CSS Document */
.nav{ height:60px; line-height:60px;background:transparent; font-size:16px; color:#fff; position:relative;}
.nav_act{ position:absolute; top:0; z-index:999; width:100%;}
.nav_def{ position: fixed; top:0px; z-index:999; width:100%;background:#262626; box-shadow: 0 0 5px 2px rgba(0,0,0,.1);color:#ccc;}
.nav h1{ width:140px; height:100%; display:block; font-weight:bold; font-size:18px; background:url(../images/logo_white.png) no-repeat 0 11px; background-size:98px;text-indent: -9999em;}
.nav .head_lf a{margin:0 10px;}
.nav .head_lf .a_act{ color:#fff; border-bottom:1px solid #ccc;}
.nav_def .head_lf .a_act{ color:#0091fd; border-bottom:1px solid #0091fd;}
.nav a{color:#ccc; margin:0 5px; padding:0 8px; display:inline-block; height:58px;}
.nav a:hover{ color:#fff;}
.nav a.a_kzt{height: 30px;width: 99px;outline: none;padding: 0 8px;border: 0;line-height: 28px;text-align: center;border: 1px solid #979797; margin-left:20px;}
.nav a.a_kzt:hover{ background:#108cee;border: 1px solid #108cee;}
.nav_def a{ color:#ccc;}
.nav_def:hover{ position: fixed; top:0px; z-index:999; width:100%;background:#262626; box-shadow: 0 0 5px 2px rgba(0,0,0,.1);color:#fff;}
.nav_def a:hover{ color:#0091fd;}
.nav_def a.a_kzt:hover{ color:#fff;}
.nav a em{display: inline-block;width: 0; height: 0;margin-left:6px;vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent;}
.nav .submnu{position: absolute; z-index: 6666; background-color: rgba(0,0,0,0.7); left: 0;right:0;top:59px; padding:40px 0; display:none;}
.nav .submnu li{ float:left; width:398px; text-indent:100px;border-right: 1px solid rgba(255,255,255,0.1); position:relative;}
.nav .submnu li h2{line-height:46px; }
.nav .submnu li p{font-size:12px;line-height:32px; }
.nav .submnu li p a{ margin:0; padding:0; display: inline-block; height:32px; text-indent: 0; position:relative;}
.nav .submnu li p a i{ position:absolute; top:-6px; right:-36px;}
.nav .submnu li:last{ border:none;}
.nav_def .submnu li p a{ color:#ccc;}
.nav_def .submnu li h2{ color:#fff;}
.nav_def .submnu li p a:hover{ color:#fff;}
/*--------前台页面导航部分--------*/




.welcome{ width:100%; height:132px; padding:55px 0; background:url(../images/free-bg.jpg) no-repeat center -75px; text-align: center;}
.welcome h2{font-size: 26px;color: #333;font-weight: 400;line-height: 1.5; margin-bottom:38px;}
.welcome span{ display:inline-block;width: 220px;height: 45px;line-height: 45px;font-size: 16px;padding: 0 20px;background-color: #00a4ff; color:#fff;}
.welcome span:hover{ background:#0091fd; cursor:pointer;}





.foot{ padding:40px 0; background:#111; color:#fff; width:100%;}
.foot ul{ display: inline-block; width:100%;}
.foot li{ float:left; width:30%;}
.foot li:nth-child(1){ width:20%; height:115px; background:url(../images/logo.png) no-repeat 0 22px; background-size:185px; text-indent:-9999em;}
.foot li:nth-child(2){ width:50%;}
.foot li h3{ font-size:16px; line-height:3.6;}
.foot li p{ font-size:14px; line-height:2; color:#ccc; cursor:pointer;}
.foot li p:hover{ color:#fff;}
.foot li span{ position:absolute; right:0; top:23px;}
.foot li span .mask{ width: 100%; height: 0; position: absolute; top: 0px; left: 0px; display: inline-block; background: rgba(26, 132, 190, 0.3); border-bottom: 3px solid #4AB86A; animation: move 4s linear infinite; }
@keyframes move {
    from {
        height: 0px;
    }
    
    to {
        height:98px;
    }
}
.foot li span img{ width:98px; display:block;}
.foot li span em{ text-align:center; font-size:12px; width:100%; line-height:2.4; display:block;}

/*--------前台页面底部--------*/