body{min-width: 1280px; background: #121212;}
/* 设置滚动条的样式 */::-webkit-scrollbar {width: 0.01px;}
/* 滚动槽 */::-webkit-scrollbar-track {border-radius: 3px;}
/* 滚动条滑块 */::-webkit-scrollbar-thumb {border-radius: 3px; background:#ccc;}
@font-face {
    font-family: 'Noto Sans SC';
}

.section { opacity: 0;}

.clearfix:after{ content: ""; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}

.ellipsis{width: 100%;;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ellipsis-2{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow: ellipsis; overflow: hidden; text-align: justify;}
.ellipsis-3{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:3; text-overflow: ellipsis; overflow: hidden; text-align: justify;}

.fl{float: left;}
.fr{float: right;}
.img{display: block; transition: 1s ease; width: 100%;}
.tp{display: block; position: relative; overflow: hidden;}
.tp img{display: block; transition: 1s ease; width: 100%; height: auto; min-height: 100%; position: absolute; top: 50%; left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.banner{ width: 100%; position: relative; overflow: hidden;}
.banner img{ width: 100%; display: block;}
.banner .swiper-slide{position: relative;}
.banner .b-img1{position: absolute;top: 0;left: 0;right: 0;z-index: 1;}

.article{font-size: 16px; color: #444; line-height: 30px;}
.article img{max-width: 100%;}
.article .m-tit{font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 20px;}
.article a{color: #444;}

.m-clips{margin-top: 40px; padding-top: 20px; border-top: 1px dashed #444;}

.nav{position: absolute; top: 0; left: 0; width: 100%; z-index: 9; padding: 60px 18% 60px 8%; box-sizing: border-box;}
.nav .logo{display: block; float: left;}
.nav .logo img{display: block;}
.nav ul{float: right; margin-top: 50px;}
.nav ul img{float: left; display: block; margin-top: 9px;}
.nav ul a{display: block; font-size: 13px; color: #fff; float: left; margin-left: 3vw; line-height: 30px;}
.nav ul a:hover{color: #C2A365;}
.nav ul a.on{color: #C2A365;}

.title{font-size: 88px; color: #fff; font-family: 'Noto Sans SC'; text-transform: uppercase;font-weight: bold;}

.section{position: relative; overflow: hidden;}
.more{width: 68px; height: 68px; text-align: center; line-height: 68px; font-size: 12px; color: #fff; border: 1px solid #363636; border-radius: 50%; display: block; position: absolute; top: 7vh; right: 8%; transition: 1s ease; font-family: 'Noto Sans SC';}
.more:hover{background: #363636;}


.items{display: flex;align-items: center;justify-content: center;}
.items .item_flex{display: flex;width: 83.33%;}
.items .item_flex>*{flex: 1;overflow: hidden;}
.items .item_flex .item_name{font-size: 36px;color: #aa8768;position: relative;margin-bottom: 45px;}
.items .item_flex .more{right: 0;top: 50%;transform: translateY(-50%);}

.gsjj{margin-right: 156px;}
.gsjj .en{font-size: 68px;color: #fff;text-transform: uppercase;}
.gsjj .en span{color: transparent;-webkit-text-stroke: 1px #fff;}
.gsjj .img{display: block;width: 100%;margin: 60px 0;}
.gsjj .ftitle{font-size: 24px;color: #aa8768;font-weight: bold;margin-bottom: 10px;}
.gsjj .desc{font-size: 16px;color: #fff;line-height: 2.5;}


.gsjj .title{margin-top: 3vh; text-align: center;}
.gsjj .tit1{font-size: 40px; color: #AA8768; text-align: center;}
.gsjj .tit2{font-size: 40px; color: #6C6C6C; text-align: center;}
.gsjj .pic{margin: 0 auto; display: block;}
.gsjj .txt{text-align: center; font-size: 14px; line-height: 35px; color: #fff; margin: 4vh auto 20vh;}
.gsjj .line{width: 43.5%; height: 8vh; background: #AA8768; margin-bottom: 7vh;}


.i-news{position: relative;}
.i-news dl{border-top: 2px solid #aa8768;}
.i-news dl dd{padding: 30px 20px;border-bottom: 1px solid #2c2c2c;}
.i-news dl dd a{display: block;width: 100%;color: #555555;line-height: 2;}
.i-news dl dd a .list_title{font-size: 20px;}
.i-news dl dd a .desc{font-size: 16px;}
.i-news dl dd a:hover{color: #fff;transition: .5s;}


.fwxm{background: url(../images/bj_01.jpg) top left no-repeat; align-items:center; display: -webkit-flex; padding-left: 37.5%; box-sizing: border-box;transition: .8s;}

.fwxm .items{background: #121212; border-radius: 10px;box-sizing: border-box; padding: 2vh 0 2vh 10%;width: 100%;}
.fwxm .items .title{color: transparent; -webkit-text-stroke: 1px #fff; white-space: nowrap; display: inline-block; position: relative; transition: 1s ease;font-size: 58px;line-height: 120px;}
.fwxm .items .title img{position: absolute; top: 0; right: -30px; opacity: 0; transition: 1s ease;}
.fwxm .item{position: relative; margin: 3vh 0; display: block;}
.fwxm .item em{font-style:normal; display: inline-block; font-size: 12px; position: absolute; top: 0; left: -20px; color: #5A5A5A; -webkit-transform: rotate(-90deg);
   -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
     -o-transform: rotate(-90deg);
        transform: rotate(-90deg);}
.fwxm .item p{font-size: 20px; color: rgb(18, 18, 18);font-weight: bold; text-shadow: rgba(255,255,255,.3) 1px 0 0, rgba(255,255,255,.3) 0 1px 0, rgba(255,255,255,.3) -1px 0 0, rgba(255,255,255,.3) 0 -1px 0;text-transform: uppercase;}
.fwxm .item p:before{content: ''; width: 0; height: 1px; background: #AA8768; display: block; transition: 1s ease; float: left; margin: 13px 10px 0 0;}
.fwxm .item:hover .title{color: #fff;}
.fwxm .item:hover .title img{opacity: 1;}
.fwxm .item:hover p{color: #AA8768; text-shadow: none;}
.fwxm .item:hover p:before{width: 150px;}

.alzs{background: #fff;}
.alzs .left{float: left;width: 28%;height: 100%; padding: 14vh 0 0 8vw; box-sizing: border-box;}
.alzs .left .title{color: #121212; margin-bottom: 3vh;}
.alzs .left a{display: block; margin-bottom: 2vh;}
.alzs .left a::before{content: ''; width: 0; height: 1px; background: #aa8768; display: block; float: left; margin: 10px 10px 0 0; transition: 1s ease;}
.alzs .left a.on::before{width: 9vw;}



.alzs .left .alA1{color: #aa8768;font-weight: bold;}
.alzs .left .alA.active{font-weight: bold;}
.alzs .right{width: 72%;float: right;height: 100%; position: relative;}
.alzs .alzs-swiper{width: 100%;height: 100%;overflow: hidden;position: absolute;top: 100%;right: 0;}
.alzs .alzs-swiper-active{top: 0;}
.alzs .alzs-swiper .swiper-slide{overflow: hidden;background: #f1f1f1;}
.alzs .alzs-swiper .swiper-slide img{display: block; /* height: 100%; */ width: 100%;max-width: 100%;}
.alzs .alzs-swiper .alzs-btn{outline: none;}

.alzs .num{-webkit-text-stroke: 1px #fff;background: #121212;font-size: 114px;color: #121212;font-family: 'Noto Sans SC';font-weight: bold;height: 115px;overflow: hidden;line-height: 180px;transition: .5s;}
.alzs .alzs-swiper .swiper-slide:hover .num{color: #fff;}

.alzs .alzs-btn{display: block;width: 60px;height: 60px;margin: 0;position: absolute;top: unset;right: unset;bottom: 175px; outline: none;}
.alzs .alzs-btn img{display: block;}
.alzs .swiper-button-prev{left: 180px;}
.alzs .swiper-button-next{left: 250px;}

#lxwm{height: 100%; justify-content:center; align-items:center; display: -webkit-flex;}
.m-lxwm{width: 83.33%; border: 1px solid #AA8768; height: 80%;  color: #fff;}
.m-lxwm .fl{width: 55%;}
.m-lxwm .fl .top{padding: 4vh 40px; box-sizing: border-box; border-bottom: 1px solid #AA8768; font-size: 14px;}
.m-lxwm .fl .top .title{margin-bottom: 8vh; white-space: nowrap;}
.m-lxwm .fl .top p{margin-top: 2vh; line-height: 24px;}
.m-lxwm .fl .top span{font-weight: bold; font-size: 24px; display: block;}
.m-lxwm .fl .top .ewm{width: 110px; height: 110px; margin-top: 5vh;}
.m-lxwm .fl .btm{padding: 6vh 40px 0 40px; box-sizing: border-box; color: #AA8768; font-size: 12px; line-height: 20px;}
.m-lxwm .fl .btm p{margin-bottom: 2vh;}
.m-lxwm .fl .btm a{color: #AA8768;}
.m-lxwm .fl .btm a:hover{color: #fff;}

.m-lxwm .fr{width: 45%; background: #AA8768; height: 100%; padding: 6vh 5%; box-sizing: border-box;}
.m-lxwm .fr .img{margin-bottom: 5vh;}
.m-lxwm .fr form{width: 100%; font-size: 14px;}
.m-lxwm .fr form .item{width: 48%; float: left;}
.m-lxwm .fr form .item:nth-child(2n){float: right;}
.m-lxwm .fr form .item:nth-child(5){width: 100%; float: none; clear: both;}
.m-lxwm .fr form input,.m-lxwm .fr form textarea{border: 1px solid #fff; width: 100%; padding: 0 15px; box-sizing: border-box; outline: none; background: none; height: 5vh; font-size: 14px; color: #fff; margin: 1vh 0 5vh 0;}
.m-lxwm .fr form textarea{padding: 15px; resize: none; height: 20vh; font-size: 14px; display: block;}
.m-lxwm .fr form button{background: #121212; height: 40px; font-size: 18px; color: #fff; font-weight: bold; border: none; outline: none; width: 100%; display: block; line-height: 40px; padding: 0;}
.m-lxwm .fr form button img{float: right; display: block;}
::-webkit-input-placeholder { /* WebKit browsers */
color: #fff;font-size: 14px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #fff;font-size: 14px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #fff;font-size: 14px;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #fff;font-size: 14px;
}

#fp-nav ul li a span, .fp-slidesNav ul li a span{background: #fff;}
.m-title{font-size: 108px; color: transparent;
    -webkit-text-stroke: 1px #fff; white-space: nowrap; font-family: 'Noto Sans SC'; text-transform: uppercase; transition: 1s ease; cursor: default; display: inline-block;}
.m-title:hover{color: #fff;}

.m-gsjj{background: url(../images/bj_02.jpg) top center no-repeat; height: 1878px; padding-top: 450px; box-sizing: border-box;}

.m-gsjj .m-title{text-align: center; margin-bottom: 80px;}
.m-gsjj .txt{width: 30%; margin-left: 60%;}
.m-gsjj h6{font-size: 38px; color: #fff; margin: 30px 0 70px 0; line-height: 40px;}
.m-gsjj p{font-size: 20px; color: #AA8768;}
.m-gsjj .item{margin-bottom: 40px; font-size: 14px; color: #6E6E6E; line-height: 34px;}
.m-gsjj .item span{color: #AA8768; font-weight: bold; display: block;}
.m-gsjj .info{font-size: 20px; font-weight: bold; color: #AA8768; margin-top: 90px;}

.m-fwxm{background: url(../images/bj_03.jpg) top center; padding: 15vh 0 0 8%; box-sizing: border-box;}
.m-fwxm:first-child{padding: 27vh 0 0 8%;}
.m-fwxm .xmjs{padding-left: 26%; color: #fff; font-size: 20px; box-sizing: border-box;}
.m-fwxm .xmjs h6{font-size: 38px; text-transform: capitalize; margin-top: 5vh;}
.m-fwxm .xmjs span{color: #AA8768; font-weight: bold; display: block; margin-top: 10px;}
.m-fwxm .xmjs ul{margin: 30px 0;}
.m-fwxm .xmjs li{padding: 0 20px; display: inline-block; font-weight: bold; border: 1px solid #fff; min-width: 140px; height: 40px; text-align: center; line-height: 38px; float: left; margin: 0 10px 10px 0; box-sizing: border-box; cursor: default;}
.m-fwxm .xmjs li:hover{background: #fff; color: #121212;}
.m-fwxm .m-js{line-height: 46px;}
.m-fwxm .m-js div{width: 45%; float: left; margin-right: 2%}
.m-fwxm .more{top: auto; bottom: 7vh; cursor: default;}

/* .m-alzs .nav{position: fixed;top: 0;left: 0;right: 0;} */
.m-alzs .m-title{position: absolute; top: -140px; right: -100px; font-size: 200px; height: 220px;}
.m-alzs .m-nav{position: absolute; top: 32vh; left: 8%; z-index: 99;}
.m-alzs .m-nav a{display: block; font-size: 20px; color: #fff; margin-top: 2vh;}
.m-alzs .m-nav a.on{color: #AA8768; font-weight: bold;}
.m-alzs .m-nav a:hover{color: #AA8768; font-weight: bold;}
.m-alzs .name{font-size: 20px; color: #AA8768;}
.m-alzs .name:before{content: ''; width: 9vw; height: 1px; background: #aa8768; display: block; float: left; margin: 10px 10px 0 0; transition: 1s ease;}
.m-alzs .picScroll-left{padding: 0 8%; box-sizing: border-box; position: absolute; bottom: 0; left: 0; width: 100%;}
.m-alzs .picScroll-left .hd a{position: absolute; bottom: 18vh;}
.m-alzs .picScroll-left .prev{left: 8%;}
.m-alzs .picScroll-left .next{right: 8%;}
.m-alzs .picScroll-left .bd{width: 75%; margin-left: 20%;}
.m-alzs .picScroll-left .bd ul li{width: 50%; float:left; _display:inline; position: relative;}
.m-alzs .picScroll-left .bd ul li .pic{width: 100%; height: 100%; position: fixed; top: 0; left: 0; overflow-y: auto; background: rgba(0,0,0,.8); z-index: 99;display: none;text-align: center;}
.m-alzs .picScroll-left .bd ul li .pic .close{width: 30px; height: 30px; border: 1px solid #fff; border-radius: 50%; line-height: 30px; text-align: center; position: fixed; right: 30px; top: 30px; z-index: 999; color: #fff; cursor: default;}

.m-alzs .picScroll-left .bd ul li .pic img{width: 80%;margin: 0 auto;}
.m-alzs .picScroll-left .bd ul li a{display: block;}
.m-alzs .tp{width: 76%; height: 68vh; float: right; margin-right: 10%;}
.m-alzs .tp img{height: 100%; width: auto;}
.m-alzs .txt{display: block; color: #fff; position: absolute; left: 0; padding-top: 60%; box-sizing: border-box;}
.m-alzs .txt em{font-style: normal; font-size: 24px;}
.m-alzs .txt em:after{content: ''; width: 156px; height: 1px; background: #fff; display: inline-block; margin: 15px 0 0 20px; position: absolute;}
.m-alzs .txt h6{font-size: 38px; text-transform: capitalize; margin: 5vh 0 2vh 0;}
.m-alzs .txt p{font-size: 14px;}


.news .main{width: 83.33%;margin: 80px auto;}
.news .main dl{display: flex;flex-wrap: wrap;margin-bottom: 40px;}
.news .main dl dd{width: calc((100% - 34px) / 2);margin-right: 34px;margin-bottom: 28px;padding: 20px;background-color: #1c1c1c;box-sizing: border-box;}
.news .main dl dd:nth-child(even){margin-right: 0;}
.news .main dl dd a{display: flex; overflow: hidden;}
.news .main dl dd a .left{display: flex;align-items: center;justify-content: center;flex-direction: column;width: 110px;height: 110px;background-color: #121212;color: #fff;margin-right: 24px;}
.news .main dl dd a .left .day{font-size: 40px;}
.news .main dl dd a .left .y_m{font-size: 17px;}
.news .main dl dd a .text{flex: 1;overflow: hidden;}
.news .main dl dd a .text .title{font-size: 20px;color: #b2b2b2;line-height: 2.5;}
.news .main dl dd a .text .desc{font-size: 16px;color: #484848;line-height: 1.5;}
.news .main dl dd:hover{background-color: #000000;transition: .5s;}
.news .main dl dd:hover a .left{color:#aa8768;transition: .5s;}
.news .main dl dd:hover a .title , .news .main dl dd:hover a .desc{color: #fff;transition: .5s;}



.news_detail .main{width: 83.33%;margin: 0 auto;padding: 80px 0 ;border-top: 4px solid #aa8768;}
.news_detail .title{font-size: 36px;color: #fff;text-align: center;margin-bottom: 30px;font-weight: 400;}
.news_detail article{font-size: 16px;color: #fff;line-height: 2;}
.news_detail article img{max-width: 100%;height: auto;}


@media screen and (max-width: 1600px) {
    .m-alzs .m-title{top: -105px; right: -90px; font-size: 160px;}
}

@media screen and (max-width: 1400px) {
    .m-alzs .m-title{top: -95px; right: -70px; font-size: 140px;}
}
@media screen and (max-width: 1360px) {
    .title{font-size: 80px;}
    .m-title{font-size: 100px;}
    .m-fwxm .xmjs{padding-left: 20%;}
}

@media screen and (max-height: 900px) {
    .m-lxwm .fl .top .title{margin-bottom: 5vh;}
    .m-lxwm .fl .btm{padding: 4vh 40px 0 40px;}
    .m-fwxm{padding: 10vh 0 0 8%;}
    .m-fwxm .xmjs h6{margin-top: 3vh;}
    .m-fwxm .xmjs ul{margin: 20px 0;}
    .m-fwxm .xmjs{font-size: 18px;}
    .m-fwxm .m-js{line-height: 40px;}
}

@media screen and (max-height: 768px) {
    .m-lxwm .fl .top .title{margin-bottom: 3vh; font-size: 70px;}
    .m-lxwm .fl .top .ewm{width: 90px; height: 90px; margin-top: 4vh;}
    .m-lxwm .fl .btm{padding: 3vh 40px 0 40px;}
    .m-lxwm .fr form input, .m-lxwm .fr form textarea{margin: 1vh 0 4vh 0;}
}