@charset "utf-8"; /* CSS Document */

/* CSS3滚动条 */
::selection {background: #3f5266 ; color: white ; text-shadow: none ;}
::-webkit-scrollbar-track-piece{width:0px;background-color:#fff ;  border-radius:30px}
::-webkit-scrollbar{width:0px;height:6px ; }
::-webkit-scrollbar-thumb{height:50px;background:#f2f2f2;  border-radius:30px ; cursor:pointer}
::-webkit-scrollbar-thumb:hover{background:#ccc ; cursor:pointer}  


/* 页面选中颜色 */
::-moz-selection {
    background: #222;
    color: #fff;
}
::-webket-selection {
    background: #222;
    color: #fff;
}
::-o-selection {
    background: #222;
    color: #fff;
}

::selection {
    background: #222;
    color: #fff;
} 

*:focus {
    outline: none;
}
/*消除谷歌下input边框* /



/* 清除内外边距 */  
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td, div, a,b {
    margin: 0;
    padding: 0;
   _background-image:url(about:blank);
   _background-attachment:fixed;

} 
body{color: #3f5266;background: #fff}
a {text-decoration: none ; color:#3f5266;}
/*设置高度*/
html,body{
    height: 100%
}
  
/* 设置默认字体 */ 
body, button, input, select, textarea {
    font-family: "微软雅黑","宋体","Arail";
    font-size: 14px;
}

.titleFont
{
    font-family: "Microsoft yahei","微软雅黑","Tahoma","Verdana","Arial","sans-serif";
}

.contentFont
{
    font-family: "宋体","新宋体","Arial","sans-serif";
}

.enFont
{
    font-family: "Arial","sans-serif";
}

.yahei {
    font-family: "微软雅黑","宋体","Arail";
}

.songti {
    font-family: "宋体","微软雅黑","Arail";
}

.Arail {
    font-family: "Arail","宋体","微软雅黑";
}

.Courier_New {
    font-family: "Courier New", Courier, monospace
}

.Georgia {
    font-family: Georgia, "Arail", Times, serif
}


/* 列表元素 */ 
ul,ol,li {
    list-style: none;
}

img {
    border: none;
}


a,a:hover {
    text-decoration: none ; cursor: pointer !important;
} 


/* 定义浮动居中 */ 
.fl {
    float: left;
    display: inline
}

.fr {
    float: right;
    display: inline
}

.center {
    margin: 0 auto;
}

.clear {
    clear: both;
    height: 0px;
    line-height: 0px;
    font-size: 0px;
}


/* 重置h标签 */ 
h1 {
    font-size: 22px
}

h2 {
    font-size: 20px
}

h3 {
    font-size: 18px
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}


/* 字体大小 */ 
.font12 {
    font-size: 12px
}

.font14 {
    font-size: 14px
}

.font16 {
    font-size: 16px
}

.font18 {
    font-size: 18px
}

.font20 {
    font-size: 20px
}

.font22 {
    font-size: 22px
}

.font24 {
    font-size: 24px
}

.font26 {
    font-size: 26px
}

.font28 {
    font-size: 28px
}


.font30 {
    font-size: 30px
}

.lh12{
    line-height: 12px;
}

.lh14{
    line-height: 14px;
}

.lh16{
    line-height: 16px;
}

.lh18{
    line-height: 18px;
}
.lh20{
    line-height: 20px;
}

.lh22{
    line-height: 22px;
}

.lh24{
    line-height: 24px;
}
.lh28{
    line-height: 28px;
}
.lh30{
    line-height: 30px;
}
.lh40{
    line-height: 40px;
}
.lh50{
    line-height: 50px;
}
.lh60{
    line-height: 60px;
}

.point{
    cursor: pointer;
}
.disnone{
    display: none !important;
}

.m_r0{margin-right: 0 !important;}
.m_l0{margin-left: 0 !important;}

em,i{font-style: normal;} 
.edui-container em,.edui-container i{font-style: italic;}
.edui-container a{color:#5e88fc;}
/*

CSS样式命名 说明

#wrapper    页面外围控制整体布局宽度
#container或#content 容器,用于最外层
#layout 布局
#head, #header  页头部分
#foot, #footer  页脚部分
#nav    主导航
#subnav 二级导航
#menu   菜单
#submenu    子菜单
#sideBar    侧栏
#sidebar_a, #sidebar_b  左边栏或右边栏
#main   页面主体
#tag    标签
#msg #message   提示信息
#tips   小技巧
#vote   投票
#friendlink 友情连接
#title  标题
#summary    摘要
#loginbar   登录条
#searchInput    搜索输入框
#hot    热门热点
#search 搜索
#search_output  搜索输出和搜索结果相似
#searchBar  搜索条
#search_results 搜索结果
#copyright  版权信息
#branding   商标
#logo   网站LOGO标志
#siteinfo   网站信息
#siteinfoLegal  法律声明
#siteinfoCredits    信誉
#joinus 加入我们
#partner    合作伙伴
#service    服务
#regsiter   注册
arr/arrow   箭头
#guild  指南
#sitemap    网站地图
#list   列表
#homepage   首页
#subpage    二级页面子页面
#tool, #toolbar 工具条
#drop   下拉
#dorpmenu   下拉菜单
#status 状态
#scroll 滚动
.tab    标签页
.left .right .center    居左、中、右
.news   新闻
.download   下载
.banner 广告条(顶部广告条)

*/

.fullPage{
    width: 100%;
    height: auto;
    position: relative;
    left:0;
    right:0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}
.full-box{
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    top:0;
}
.full-box .full{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.full-nav{
    position: absolute;
    right:30px;
    top:50%;
    display: none;
}
/* ----------------------nav 和 嵌套nav-------------------------- */
.full-nav>li,
.nest-full-nav>li
{
    width:10px;
    height:10px;
    background: #000;
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: 0.2;
}
.full-nav>li{
    margin-top: 15px;
    position: relative;
}
.nest-full-nav>li{
    float: left;
    margin-left: 15px;
    position: relative;
}
.full-nav>li:first-child,
.nest-full-nav>li:first-child{
    margin: 0;
}
.full-nav>li.active,
.nest-full-nav>li.active{
    background: #656cff;
    opacity:1;
}
.full-nav>li:hover,
.nest-full-nav>li:hover{
    opacity:1;
}
/*============================嵌套full=========================*/
.nest-full-box{
    position: absolute;
    left: 0;
    top: 0;
}
.nest-full-box .nest-full{
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
}
.nest-full-nav{
    position: absolute;
    bottom: 50px;
    left: 50%;
    display: none;
}
/*-----------------------左右按钮-------------------- */
.full-btn{
    width: 40px;
    height: 40px;
    background: #000;
    color: white;
    font-size: 26px;
    text-align: center;
    line-height: 40px;
    position: absolute;
    top:50%;
    margin-top:-40px;
    cursor: pointer;
    opacity: .3;
    display: none;
    border-radius: 50%;
}
.btn-left{
    left:80px;
}
.btn-right{
    right:80px;
}
/*---------------------------nav tips-----------------------*/
.tip-box{
    position: absolute;
    right: 18px;
    top: -5px;
    width: 140px;
    height: 30px;
    font-size: 12px;
    display: none;
}
.tip-content{
    float: right;
    width:auto;
    height: 25px;
    line-height: 25px;
    border:1px #000 solid;
    padding:0 10px;
    background: #000;
    color: #ffffff;
    opacity: .8;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.san{
    float: right;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 8px solid #000;
    border-bottom: 8px solid transparent;
    margin-top:4px;
    opacity: .8;
}
/*---------------------------header-----------------------*/
.header{
    width: 100%;
    height:auto;
    position:fixed;
    left: 0;
    top: 0;
    z-index:999;
}
.header span{float: left; width:310px;height: 64px; margin-left:30px; margin-top:10px;}
.header ul{
    float: right;
    width: auto;
    height: auto;
    overflow: hidden;
    margin-right:10%;
}
.header ul li{
    float: left;
    padding:0 20px;
    text-align: center;
    line-height: 80px;

}
.header ul li a{
    display: inline-block;
    width: 100%;
    color: #fff;
}

.header ul li a.atv{
    border-bottom: 2px solid #fff; line-height: 40px; font-weight: bold;
}
.header ul li a:hover{
    border-bottom: 2px solid #fff; line-height: 40px; 
}
/*---------------------------footer-----------------------*/
.footer{
    position: absolute;
    left: 0;bottom: 0;
    width: 100%;
    height:400px;
    background: #232323;
    color: #fff;
}

/*菜单渐显效果*/
    @keyframes wrapper-gradient {
      0% {
        transform: translateY(-100%);
      }
      100% {
        transform: translateY(0);
      }
    }
    .gradient-wrapper {
      display: inline-block;
      overflow: hidden;
      animation: wrapper-gradient 1s linear;
    }