/* CSS Document */
@charset "utf-8";
/*
*description:
*@author:LeeKangJie
*update:2016.10.24
*ver:1.0.0
*/
html{overflow-x:hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,section {padding: 0;margin: 0;}
a{text-decoration:none;outline: none;}
:focus{outline:none;}
table {border-spacing: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,strong,th,var,i {font-weight: normal;font-style: normal;}
strong{font-weight: bold;}
ul{list-style: none;margin:0;padding:0;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size: 100%;margin:0;padding:0;}
input,button,textarea,select{outline:none; *font-size:100%; margin:0; border:0;}
body{font-family: "Microsoft YaHei";background: #151a1d;}
.section .slide-nav li{
    display: inline-block;
    *display: -moz-inline-stack;
    *zoom:1;
    *display: inline;     
}
/*{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;    
}*/
/*{
    -webkit-transition: all .5s ease-out;
       -moz-transition: all .5s ease-out;
        -ms-transition: all .5s ease-out; 
         -o-transition: all .5s ease-out;
            transition: all .5s ease-out;    
}*/
.clearfix:after{display:table;content:" ";clear:both;}
.clearfix{*zoom:1;}
.fl{float: left;}
.fr{float: right;}
.pl{position: absolute;top:0;left: 0;}
.pr{position: absolute;top:0;right: 0;}
#footer{min-width:1000px;margin:30px auto 0 auto;clear:both; height:100px; padding-top:10px; color:#fff;position: relative;z-index: 2;width: 100%;line-height:24px; background:#67542e;}
#footer div{text-align:center;color:#fff; font-size:12px; margin-top:5px;}
#footer div a{ color:#fff; margin:0 10px; }
#footer a{ text-decoration:none; color:#fff;}
#footer a:hover{text-decoration: underline;}
img.loading
{
    width: 32px !important;
    height: 32px !important;
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    margin: -16px 0 0 -16px !important;
}


#container{min-width: 1000px;position: relative;overflow: hidden;background:url(../img/bg_top.jpg) no-repeat center top;}

.header,.article{width: 1000px;position: relative;margin: 0 auto;}
.header{height: 1000px;overflow: hidden;}
.header img{vertical-align: top;}
.header p{
    position: absolute;
    font-size: 16px;
    color: #ccc;
    bottom: 80px;
    left: 0;
    width: 900px;
    height: 70px;
    line-height: 30px;
    padding: 30px 50px;
    text-align: center;
}

.section h2.tit{
    font-size: 30px;
    color: #c6a86c;
    text-align: center;
    background: url(../img/bg_tit01.png) no-repeat center;
}
.section p.tit-txt{padding: 30px 15px;font-size: 16px;color: #ccc;word-break: break-all;line-height: 30px;text-align: center;}
.section .swiper-container{height: 558px;position: relative;border: 1px solid #4a4434;margin: 0 0 35px 0;}
.section .slide-prev,.section .slide-next{position: absolute;bottom: 10px;width: 60px;height: 60px;cursor: pointer;z-index: 9;}
.section .slide-prev:after,.section .slide-next:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    border:1px solid #ddbb78;
    border: none\9;
    *border: none;
}
.section .slide-prev i,.section .slide-next i{display: block;position: absolute;border:1px solid #ddbb78;border-radius: 100%;top: 50%;left: 50%;opacity: .5;filter: alpha(opacity=50);display: none\9;*display: none;}
.section .slide-prev i:first-child,.section .slide-next i:first-child{width: 50px;height: 50px;margin: -25px 0 0 -25px;}
.section .slide-prev i:first-child+i,.section .slide-next i:first-child+i{width: 60px;height: 60px;margin: -30px 0 0 -30px;}
.section .slide-prev:hover:after,.section .slide-next:hover:after{-webkit-animation: boom 0.5s ease;animation: boom 0.5s ease;}
@-webkit-keyframes boom{0%{opacity:0}5%{opacity:1}100%{-webkit-transform:scale(1.3);transform:scale(1.3);opacity:0}}@keyframes boom{0%{opacity:0}5%{opacity:1}100%{transform:scale(1.3);transform:scale(1.3);opacity:0}}
.section .slide-prev{left: 10px;background: url(../img/bg_prev.png) no-repeat;}
.section .slide-next{right: 10px;background: url(../img/bg_next.png) no-repeat;}
.section .swiper-wrapper{position: relative;overflow: hidden;}
/*nav*/
.section .slide-nav{text-align: center;padding: 15px 0 0 0;}
.section .slide-nav li{width: 15px;height: 15px;border-radius: 100%;cursor: pointer;margin: 0 0 0 10px;background: #ccc;}
.section .slide-nav li:first-child{margin: 0;}
.section .slide-nav li.hover{background: #c6a86c;}
.section .item{width: 1000px;height: 560px;}
.section .item .info{
    width: 498px;
    height: 410px;
    text-align: center;
    color: #c6a86c;
    padding: 90px 0 60px;
}
.section .item .info h3{
    font-size: 24px;
    margin: 30px 0 0 0;
    background: url(../img/bg_tit02.png) no-repeat center;
}
.section .item .info p{
    padding: 10px 0 25px 0;
    background: url(../img/icon01.png) no-repeat center bottom;
}
.section .item .info p:last-child{background: none;}
.section .item .img{width: 500px;height:558px;position: relative;}
.section .item .img img{position: absolute;top: 50%;left: 50%;margin: -112px 0 0 -195px;}
.xyq{background: url(../img/bg01.png) no-repeat center bottom;}
.dh{background: url(../img/bg02.png) no-repeat center bottom;}
.wd{background: url(../img/bg03.png) no-repeat center bottom;}
.yys{background: url(../img/bg04.png) no-repeat center bottom;}
.xjqxc{background: url(../img/bg05.png) no-repeat center bottom;}
.rgdsj{background: url(../img/bg06.png) no-repeat center bottom;}
.dtyxj{background: url(../img/bg07.png) no-repeat center bottom;}
.td{background: url(../img/bg08.png) no-repeat center bottom;}
.dzz{background: url(../img/bg09.png) no-repeat center bottom;}
.dtxyj{background: url(../img/bg10.png) no-repeat center bottom;}
.mhzx{background: url(../img/bg11.png) no-repeat center bottom;}
.sxqc{background: url(../img/bg12.png) no-repeat center bottom;}

@-moz-keyframes scale{       
    0% {
        transform: scale(.8);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(.8);
    }
}

@-webkit-keyframes scale{       
    0% {
        transform: scale(.8);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(.8);
    }
}
.scale{
    -webkit-animation: scale 1s ease-in-out infinite;
       -moz-animation: scale 1s ease-in-out infinite;
        -ms-animation: scale 1s ease-in-out infinite;
         -o-animation: scale 1s ease-in-out infinite;
            animation: scale 1s ease-in-out infinite;
}
#wrapAll{display:none !important;}