/* 
* @Author: Marte
* @Date:   2016-07-30 14:03:32
* @Last Modified by:   Marte
* @Last Modified time: 2016-07-30 19:40:33
*/

/* 初始化CSS  重置浏览器样式*/
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
fieldset, img { border:none; } 
img{display: block;}
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; font-family: "微软雅黑","宋体";}
 select, input, textarea { font-size:12px; margin:0; }
textarea { resize:none; }
table { border-collapse:collapse; }
body {font-size:12px; color:#333;/*background:#191a1c;*/background:url(../img/bg.jpg) no-repeat center 0;}
.clearfix::after { content:" "; display:block; height:0; visibility:hidden; clear:both; }
.clearfix { zoom:1; }
a { color:#333; text-decoration:none; }
a:hover { color:#666; text-decoration:none; }

.wrap{
    width: 1000px;
    margin:0 auto;  
}
p{
    width: 700px;
    font-size: 18px;
    color:#fff;
    margin:0 auto 30px;
}


.header{
    position: relative;
    height: 946px;
    background:url(../img/top.jpg) no-repeat -2px 0;
}
.header .byqf{
    position:absolute;
    top:80px;
    left:50%;
    margin-left:-410px;
}
.header .logo{
    position:absolute;
    top:0;
    left:55px;
}
.header ol li{
    float: left;
    font-size: 18px;
    padding:0 5px;
    border-right:1px solid #fff;
}
.header ol li a{
    color:#fff;
}
.header ol li.current{
    border:0 none;
}
.header ol{
    position:absolute;
    right:35px;
    top:30px;
}
.header h1{
    width: 677px;
    font-size: 24px;
    color:#fff;
    text-align: justify;
    position:absolute;
    left:50%;
    margin-left:-334px;
    bottom:117px;
    font-weight: normal;
}


/*2*/
.content{
    height: 980px;
    padding-top:215px;
    background: url(../img/content.jpg) no-repeat -2px 0px;
}
.content ul{
    position:relative;
    width: 778px;
    height: 620px;
    margin:0 auto;
}
.content ul li{
    float: left;
}
.content ul li.first{
    position:absolute;
    left:50%;
    margin-left:-160px;
    z-index: 99;
}
.content ul li.two{
    position:absolute;
    left:45px;
    top:70px;
}
.content ul li.three{
    position:absolute;
    right:55px;
    top:65px;
}
.content ul li.four{
    position:absolute;
    left:220px;
    bottom:0px;   
}
.content ul li.five{
    position:absolute;
    left:402px;
    bottom:0px; 
}
.content ul li.six{
    position:absolute;
    left:33px;
    bottom:16px;
    z-index:10; 
}
.content ul li.seven{
    position:absolute;
    right:15px;
    bottom:-34px;
    z-index:10; 
}


/*3*/
.zdsz{
    height: 892px;
    background: url(../img/zdsz.jpg) no-repeat -2px 0 #191a1c;
    position:relative;
}
.zdsz p{
    position:absolute;
    left:50%;
    margin-left:-350px;
    bottom:110px;
}

/*4*/
.xchg{
    background: #191a1c;
}
.xchg h1 img{
    display:block;
    margin:0 auto;
}
.xchg .xchg-main{
    height: 424px;
    width: 830px;
    margin:0 auto;
    position:relative;
}
.xchg .xchg-main .btn-l{
    position:absolute;
    left:0;
    top:50%;
    margin-top:-70px;
    cursor: pointer;
}
.xchg .xchg-main .btn-r{
    position:absolute;
    right:0;
    top:50%;
    margin-top:-70px;
    cursor: pointer;
}
.xchg .banner{
    margin:0 auto;
    width: 628px;
    height: 419px;
    position:relative;
    overflow:hidden;
}
.xchg .banner li{
    position:absolute;
    left:0;
    top:0;
}

/*5*/
.footer{
    text-align: center;
    padding:50px 0;
    font-size: 20px;
    color:#8C8C8C;
    font-weight: 700;
    background: #191a1c;
}