/*css 初始化 */
html, body, ul, li, ol, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {
    margin: 0;
    padding: 0; /*清除元素的内外边距*/
}

fieldset, img, input, button {
    border: none;
    padding: 0;
    margin: 0;
    outline-style: none; /*外面环绕线*/
}

ul, ol {
    list-style: none;
}

/*去掉原样式中的小黑点*/
input {
    padding-top: 0;
    padding-bottom: 0;
    font-family: "SimSun", "宋体"; /*字体的自动识别*/
}

select, input {
    vertical-align: middle;
}

/*输入字居中显示*/
select, input, textarea {
    font-size: 12px;
    margin: 0;
}

/*防止拖动*/
img {
    border: 0;
    vertical-align: middle; /*  去掉图片底部默认的3像素空白缝隙*/
}

table {
    border-collapse: collapse; /*合并外连线*/
}

body {
    font: 12px/150% "microsoft yahei", Arial, Verdana, "\5b8b\4f53"; /*unitedCode的写法，宋体的写法*/
    color: #666; /*150%基于当前字体尺寸的百分比行间距*/
}

.clearfix:before, .clearfix:after {
    /*清除浮动，最好最标准的写法*/
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1; /*IE/7/6*/ /*兼容IE6下的写法*/
}

a {
    color: #666666; /*a 标签是不继承颜色 的*/
    text-decoration: none;
}

a:hover {
    color: #C81623;
}

h1, h2, h3, h4, h5, h6 {
    text-decoration: none;
    font-weight: normal;
    font-size: 100%;
}

s, i, em { /*一般是起装饰作用*/
    font-style: normal; /*去掉原有的样式*/
    text-decoration: none; /*去掉下划线或是删除线*/
}

/*公共类*/
.bx {
    /*版心 提取 */
    width: 1280px;
    margin: 0 auto;
}

.fl {
    float: left;
    position: relative;
}

.fr {
    float: right;
}

.al {
    text-align: left;
}

.ac {
    text-align: center;
}

.ar {
    text-align: right;
}

.hide {
    display: none;
}

.pr {
    position: relative;
}

.pa {
    position: absolute;
}

/*头部导航*/
.headDiv {
    width: 100%;
    height: 80px;
    background-color: #e4e3e0;
    position: relative;
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
}

.logo {
    width: 308px;
    height: 38px;
    background: url(../static/images/logo_308x38.png) no-repeat;
    margin-top: 21px;
}

.topMenu > ul > li {
    float: left;
    font-size: 16px;
    font-weight: bold;
    padding: 0 32px;
    line-height: 80px;
    color: #333333;
}

.topMenu > ul > li:nth-child(2):hover {
    cursor: pointer;
}

.topMenu > ul > li:hover {
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
}

/*头部二级菜单*/
.extend-sub {
    width: 100%;
    position: absolute;
    bottom: -40px;
    left: 0;
    height: 40px;
    line-height: 40px;
    background-color: rgba(0, 0, 0, .7);
    z-index: 12;
    color: #fff;
    font-size: 14px;
}

.extend-sub, .extend-sub ul {
    display: none;
}

.extend-sub li {
    float: left;
    padding: 0 10px;

}

.extend-sub li:hover {
    cursor: pointer;
    color: #e8c38b;
}

.extend-sub li.hover {
    color: #e8c38b;
}

.jinpin-ext {
    position: absolute;
    right: 100px;
    top: 0;
}

.zizhi-ext {
    position: absolute;
    right: 100px;
    top: 0;
}

.donghai-ext {
    position: absolute;
    right: 100px;
    top: 0;
}

.news-ext {
    position: absolute;
    right: 100px;
    top: 0;
}

.contact-ext {
    position: absolute;
    right: 100px;
    top: 0;
}

/*页脚*/
.footer {
    width: 100%;
    height: 223px;
    padding: 15px 0;
    background: url(./../static/images/footerBg.jpg) repeat;
}
.ba-no:hover{
    color: #eee;
    text-decoration:underline;
}
.about li {
    float: left;
    font: 600 14px/20px "微软雅黑";
    margin-right: 20px;
    margin-bottom: 10px;
}

.about li a {
    color: #cda155;
}

.about li a:hover {
    color: #fff;
}

.about p {
    color: #666666;
    line-height: 23px;
}

.erweiCode li {
    margin-left: 20px;
}

.erweiCode li p {
    color: #eee;
}

.navigation-span { /*前进后退*/
    display: inline-block;
    width: 30px;
    height: 30px;
    border-left: 3px solid #DADADA;
    border-bottom: 3px solid #DADADA;
    position: absolute;
    z-index: 99;
}

.navigation-span-left {
    transform: translateY(-50%) rotate(45deg);
    left: 80px;
    top: 50%;
}

.navigation-span-right {
    transform: translateY(-50%) rotate(225deg);
    right: 80px;
    top: 50%;
}

.main {
    padding: 20px;
}

.path-nav {
    font-size: 15px;
    color: #999;
}

.path-nav a:hover {
    color: #cda155;
}

/**
页面菜单
 */
.banner {
    width: 100%;
    height: 240px;
    background-size: 100%;
    position: relative;
}

.banner-txt {
    position: absolute;
    left: 100px;
    top: 120px;
    color: #fff;
}

.banner-txt .tit {
    font-size: 28px;
    margin-bottom: 10px;
}

.banner-txt .cont {
    font-size: 14px;
    line-height: 30px;
}

.sub-nav-container {
    text-align: center;
}

.sub-nav {
    font-size: 22px;
    margin: 30px auto;
    display: inline-block;
}

.sub-nav li {
    float: left;
}

.sub-nav .line {
    margin: 0 20px;
}

.sub-nav li a {
    color: #333333;
}

.sub-nav li.curr a {
    color: #cda155;
}
