*{ margin:0; padding:0;}
body{ margin:0; padding:0; font-family: "Microsoft YaHei"; font-size:14px;}
a, a:hover {text-decoration: none;}
ul,li{ list-style: none}
img{ display: block;}
i{ font-style: normal}
.clear{clear:both; width:100%; height:0; line-height:0; overflow: hidden;}

.header-top{ width:100%; height:60px; line-height:60px; background:#000;}
.banner{ width:1920px; height:auto; margin:0 auto; position:relative}
.flash{ position:absolute; z-index: 8; background:url('../images/banner.png') no-repeat;}
.menu{ width:1920px; height:71px; background:url('../images/header-top.png'); position:absolute; z-index: 9}
.nav{ width:1200px; color:#fff; margin:0 auto;}
.nav li{ width:200px; height:86px; font-size: 18px; text-align:center; float:left;}
.nav li a,.nav li a:hover{ color:#fff; text-decoration:none;}
.nav li span{ margin:20px auto auto auto; display: block; text-align:center;}
.nav li span i{ font-size:14px!important; display: block}


.art-box{ width:1920px; height:590px; background:url('../images/art-bg.jpg') no-repeat; overflow: hidden;margin:0 auto}
.art-body{ width:1100px; height:411px; margin:70px auto;}
.art-img{ width:683px; height:356px; margin-top:30px; margin-left:5px; float:left;}
.art-img-main{ width:630px; height:356px; margin:0 auto;}
.art-img-main img{ width:100%; height:356px;}


.art-list{ width:400px; height:350px; margin-top:50px; float:left;}
.art-list-body{ width:320px; height:350px; float:left}
.art-list-nav{ width:49px; height:350px; float:left}
.art-list-body-box{ font-size:14px;}
.art-list-body-box li{ width:100%; height:33px; line-height:33px; color:#fff; overflow: hidden;}
.art-list-body-box li:first-child{ margin-top:35px;}



/*.pics-box{ width:1920px; height:auto; background:url('../images/bg.jpg') no-repeat}*/
.pic-box-body{ width:1196px; height:791px; position:absolute; left:60px;}
.pic-main{ width:1400px; height:auto; margin:0 auto!important; position: relative}
.pic-main .title{ width:100%; height:auto;  text-align:center;}
.pic-main .title img{ margin:50px auto;}
.pic-box-body-rw{ width:434px; height:766px; position: absolute; left:-160px; z-index: 999}

.curr-num,.total-num,.num{ display: none;}

.submit-box{ width:777px; height:112px; background:url('../images/submit.png') no-repeat; position:absolute; bottom:1px; left:30%; z-index: 9999}
.submit-box li{ float:left; width:33.3%; height:90px; position:relative}
.submit-box li span{ width:150px; height:50px; cursor: pointer; display: block; margin:30px auto auto auto;}


.zs-box{ width:100%; height:auto;  background:url('../images/bg.jpg') repeat-y top; overflow: hidden;}
/*.zs-box-body{ width:1920px; height:auto; background:url('../images/zs-bg.jpg') no-repeat top; overflow: hidden;}*/
.border-box-div{ width:1131px; height:660px; position:relative; margin:0 auto;}
.border-box-div img{ width:932px; height:527px; top:70px; left:103px; position:absolute;}
.border-div{ width:1131px; height:654px; background:url('../images/border.png') no-repeat center; position:absolute; z-index: 999}

.footer{ width:100%; height:296px; background:url('../images/bt-bg.jpg') repeat-x;}
.footer-box{ width:1200px; height:auto; margin:0 auto;}
.footer-box li:first-child{ text-align:center;}
.footer-box li:first-child img{ margin:0 auto;}
.bt-text{ margin-top:20px;}
.bt-box{ width:1200px; margin-top:40px;}
.bt-box .left{ width:200px; float:left}
.bt-box .right{ width:1000px; float:left; line-height:40px; color:#fff;}


.down-box{ width:600px; height:100px; margin:0 auto; position:absolute; left:650px; bottom:100px; z-index: 99999;}
.down-box li{ width:50%; float:left; text-align:center; position:relative; cursor: pointer}
.down-box li img{ margin:0 auto;}
.mobile-ewm{ position:absolute; top:-180px; left:30px; display: none;}
.mobile-ewm img{ width:180px; height:180px; border:5px solid #fff;}
.mobile-btn:hover .mobile-ewm{ display: block;}


.wechat-ewm{ position:absolute; top:-190px; left:30px; display: none;}
.wechat-ewm img{ width:185px; height:185px;}
.wechat-btn:hover .wechat-ewm{ display: block;}

.t-wen {
    width:100%;
    height:10px;
    position:absolute;
    top:-4px;
    background: url("../images/t-wen.png") no-repeat center;
    -webkit-animation: top-ani 4s linear infinite;
    -moz-animation: top-ani 4s linear infinite;
    -ms-animation: top-ani 4s linear infinite;
    animation: top-ani 4s linear infinite;
}

@-webkit-keyframes top-ani {
    0% {right: -60px}
    50% {right: 60px}
    100% {right: -60px}
}

@-moz-keyframes top-ani {
    0% {right: -60px}
    50% {right: 60px}
    100% {right: -60px}
}

@-o-keyframes top-ani {
    0% {right: -60px}
    50% {right: 60px}
    100% {right: -60px}
}

@-ms-keyframes top-ani {
    0% {right: -60px}
    50% {right: 60px}
    100% {right: -60px}
}

@keyframes top-ani {
    0% {right: -60px}
    50% {right: 60px}
    100% {right: -60px}
}

.b-wen {
    position: absolute;
    bottom:7px;
    width:100%;
    height:10px;
    background: url("../images/b-wen.png") no-repeat center;
    -webkit-animation: bottom-ani 4s linear infinite;
    -moz-animation: bottom-ani 4s linear infinite;
    -ms-animation: bottom-ani 4s linear infinite;
    animation: bottom-ani 4s linear infinite;
}

@-webkit-keyframes bottom-ani {
    0% {
        left: -30px
    }
    50% {
        left: 60px
    }
    100% {
        left: -30px
    }
}

@-moz-keyframes bottom-ani {
    0% {
        left: -80px
    }
    50% {
        left: 90px
    }
    100% {
        left: -80px
    }
}

@-o-keyframes bottom-ani {
    0% {
        left: -80px
    }
    50% {
        left: 90px
    }
    100% {
        left: -80px
    }
}

@-ms-keyframes bottom-ani {
    0% {
        left: -80px
    }
    50% {
        left: 90px
    }
    100% {
        left: -80px
    }
}

@keyframes bottom-ani {
    0% {
        left: -80px
    }
    50% {
        left: 90px
    }
    100% {
        left: -80px
    }
}