* {
    margin: 0;
    padding: 0;
    font-family: 'Microsoft YaHei';
}
i{ font-style: normal}
ul, ol, li {
    list-style: none;
}

li {
    cursor: pointer;
}

img {
    vertical-align: top;
}

a {
    text-decoration: none;
    cursor: pointer;
    color: #000;
}

html,body {
    width: 100%;
    overflow-x: hidden;
}
.wraps{
    position: relative;
    width: 1920px;
    left: 50%;
    margin-left: -960px;
}

#banner{
    width: 1920px;
    height: 899px;
    position: relative;
    background: url(../img/banner_bg1.png) 0 0 no-repeat,
    url(../img/banner_bg2.png) 0 187px no-repeat,
    url(../img/banner_bg3.png) 0 367px no-repeat,
    url(../img/banner_bg4.png) 0 550px no-repeat,
    url(../img/banner_bg5.png) 0 721px no-repeat;
}
#banner #nav {
    width: 100%;
    height: 69px;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    /* background-size: 100% 100%; */
}
#banner #nav ul {
    display: flex;
    width: 1066px;
    height: 69px;
    margin: 0 auto;
    font-size: 16px;
}

#banner #nav ul li {
    flex: 1;
    text-align: center;
    color: #C0AD8F;
}

#banner #nav ul li p{
    font-size: 18px;
    line-height: 69px;
}
#banner #nav ul li a{
    color: #C0AD8F;
}


#banner #nav ul li a:hover {
    color: #FFFBB1;
}
#banner #nav ul li p:hover {
    color: #FFFBB1;
}
#banner #nav ul li a:visited {
    color: #C0AD8F;
}

.down{
    width: 556px;
    height: 219px;
    background: url(../img/down_bg.png) no-repeat;
    position: absolute;
    bottom: 0;
    left: 682px;
    z-index: 99;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}
.ewm{
    width: 93px;
    height: 93px;
    position: absolute;
    top: 80px;
}
.ewm img{width: 100%;height: 100%;}
.ewm1{left: 48px;}
.ewm2{left: 372px;}
.btn{
    width: 161px;
    height: 60px;
    position: absolute;
    left: 174px;
}
.btn:hover{
    opacity: .9;
}
.btn a{display:block;width: 100%;height: 100%;}
.btn1{top: 81px;}
.btn2{top: 145px;}



#main{
    height: 4010px;
    background: url(../img/main_bg1.jpg) 0 0 no-repeat,
    url(../img/main_bg2.jpg) 0 2214px no-repeat;
    padding-top: 1px;
}

#box1{
    height: 744px;
    overflow: hidden;
}
.main1{
    width: 1158px;
    height: 443px;
    background: url(../img/news_bg.png) no-repeat;
    margin: 124px auto 0;
}
.news-img{
    float: left;
    margin: 78px 23px 0 62px;
}
.news-text{
    float: left;
    width: 464px;
    margin-top: 72px;
    color: #D7BB9E;
    font-size: 16px;
}
.news-text p{
    height: 51px;
    line-height: 51px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.news-text a{
    color: #D7BB9E;
}
.news-text a:hover{
    color: #FFFBB1;
}


#box2{
    height: 748px;
    overflow: hidden
}
.main2{
    margin-left: 398px;
    position: relative;
}

.tabs{
    width: 220px;
    float: left;
    margin-top: 53px;
}
.tabs div{
    width: 220px;
    height: 75px;
    text-align: center;
    line-height: 75px;
    font-size: 20px;
    cursor: pointer;
    background: url(../img/tab_bg2.png) no-repeat;
    color: #D7BB9E;
    margin-bottom: 14px;
}
.tabs div:hover,.tabs .active{
    background: url(../img/tab_bg1.png) no-repeat;
    color: #fff;
}

.tab-img{
    position: absolute;
    top: 0;
    left: 168px;
    z-index: 10;
    width: 942px;
    height: 542px;
    background: url(../img/ts_bg.png) no-repeat;
    overflow: hidden;
}
.tab-img div{
    width: 808px;
    height: 447px;
    margin: 48px 0 0 67px;
    display: none;
}
.tab-img div img{
    width: 100%;
    height: 100%;
}

#box3{
    height: 835px;
    overflow: hidden;
}
.main3{
    width: 1053px;
    margin: 0 auto;
}
.slide1 .swiper-slide{
    width: 500px;
    height: 595px;
    background: url(../img/zb_bg.png) no-repeat;
    overflow: hidden;
}
.slide1 .swiper-slide .zb{
    width: 395px;
    height: 504px;
    overflow: hidden;
    margin: 43px 0 0 53px;
}
.slide1 .swiper-slide .zb img{
    margin: -113px 0 0 -307px;
}
.page{
    text-align: center;
    margin-top: 33px;
}
.page span{
    width: 23px;
    height: 23px;
    opacity: 1;
    border-radius: 0;
    background: url(../img/page.png) no-repeat;
    margin: 0 11px;
}
.page .swiper-pagination-bullet-active{
    background: url(../img/page2.png) no-repeat;
}

.imgs{
    width: 942px;
    height: 542px;
    background: url(../img/imgs_bg.png) no-repeat;
    overflow: hidden;
    margin: 0 auto 16px;
}
.imgs img{
    width: 808px;
    height: 447px;
    margin: 48px 0 0 67px;
}