@charset "utf-8";
@import url("reset.css");
@import url("header.css");
@import url("footer.css");
@import url("animate.css");

.header{position: absolute;width:100%;height:90px;background:rgba(0,0,0,0.3);z-index:2;}
.bzaBox{width:93px;height:39px;cursor:pointer;border-radius:5px;background:rgba(255,255,255,0.1);float: right;margin-top:25px;text-align: center;line-height:39px;font-size: 20px;color:#ffffff;}

/*Banner*/
.Banner{width:100%;height:100vh;position:relative;overflow: hidden;}
.Banner ul.pic{width:100%;height:100%;}
.Banner ul.pic li{width:100vw!important;height:100%;}
.Banner ul.pic li img{width: 100%!important;height:calc(100vh - 150px);object-fit: cover;}
.Banner ul.pic li .reflection{width: 100%!important;height:150px;position: relative;background-size: cover;background-position: bottom;transform: scaleY(-1);overflow: hidden;}
.Banner ul.pic li .reflection::after{content: "";width:100%;height:100%;position:absolute;left:0px;top:0px;backdrop-filter: saturate(100%) blur(10px);-webkit-backdrop-filter: blur(10px) saturate(110%);}
.Banner ul.num{width:100%;height:35px;display: flex;justify-content: center;align-items: center;position: absolute;left:0px;bottom:52px;z-index:3; }
.Banner ul.num li{width:35px;height:35px;margin:0px 3px;font-size:0px;cursor: pointer;transition: all ease-in-out 1s;position: relative;}
.Banner ul.num li::after{content:"";width:21px;height:21px;border:3px solid #ffffff;box-sizing:border-box;border-radius:50%;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.Banner ul.num li.on::after{width:35px;height:35px;background:url("../images/sdmt_icon_4.png")no-repeat center;}
.Banner .txt{height:108px;position:absolute;left:50%;transform: translateX(-50%);bottom:189px;}
.Banner .txt ul li{width:100%;height:100%;}
.Banner .txt ul li p{width:100%;font-size:18px;font-weight: bold;color:#ffffff;line-height:36px;}
.progress-bar {position: absolute;bottom: 147px;left: 0;width: 100%;height: 3px;background: rgba(255,255,255,0);z-index: 4;border-radius:1.5px;}
.progress-bar-fill {height: 100%;background: #ffffff;width: 0;transition: width 1s linear;position: relative;}
.progress-bar-fill::after{content:"";width:42px;height:3px;background: #8bbb29;position: absolute;right:0px;top:0px;}
.Banner>a.btn{display:block;width:36px;height:111px;position:absolute;top:50%;transform:translateY(calc(-50% - 110px));transition: all ease-in-out 0.5s;}
.Banner>a.prev{left:-71px;background:url("../images/sdmt_icon_5.png")no-repeat center;}
.Banner>a.next{right:-71px;background:url("../images/sdmt_icon_6.png")no-repeat center;}
.Banner:hover>a.prev{left:10px;}
.Banner:hover>a.next{right:10px;}
.bzaCon{width:1200px;height:782px;max-height:72.4%;background:#FFFFFF;position: fixed;top:120px;left:50%;margin-left:-600px;padding: 27px 56px 58px 82px;z-index: 5;box-sizing: border-box;display:none;}
.bzaCon .conBox{width:100%;height:100%;overflow-y:auto;padding-right:20px;box-sizing: border-box;}
.bzaCon .conBox::-webkit-scrollbar {width:4px;}
.bzaCon .conBox::-webkit-scrollbar-track {background:#FFFFFF;border-radius:2px;}
.bzaCon .conBox::-webkit-scrollbar-thumb {border-radius:2px;background:#8bbb29;box-shadow: none;}
.bzaCon h1{font-size: 36px;color:#8bbb29;line-height:63px;margin-bottom:22px;}
.bzaCon p{text-indent:0em;font-size:18px;line-height:36px;margin-bottom:36px;padding-left:8px;}
.bzaCon p:last-child{margin-bottom:0px;}
.bzaCon .bzaClose{width:42px;height:42px;position: absolute;top:-21px;right:-21px;cursor: pointer;background:url("../images/sdmt_icon_7.png")no-repeat center;}

/*山地风貌*/
.sdfmPart{width:100%;height:100vh;background:url("../images/sdmt_icon_9.png")no-repeat center;background-size: cover;}
.sdfmPart .w1400{height:100vh;display: flex;justify-content:space-between;align-items:center;}
.sdfmPart .hd{width:156px;height:800px;border-right:3px solid #8bbb29;box-sizing: border-box;display: flex;align-items: center;}
.sdfmPart .hd ul li{width:138px;height:165px;margin:11px 0px; position: relative;}
.sdfmPart .hd ul li.on::after{content:"";width:18px;height:39px;position:absolute;right:0px;top:50%;transform: translateY(-50%);background:url("../images/sdmt_icon_1.png")no-repeat center;}
.sdfmPart .hd ul li a{display:flex;width:120px;height:165px;border-radius:20px;background:#e3e5ea;align-items: center;justify-content: center;font-size: 24px;line-height:30px;color:#333333;padding:0px 35px;box-sizing: border-box;}
.sdfmPart .hd ul li.on a{background:#8bbb29;color:#FFFFFF;}
.sdfmPart .bd{width:1200px;height:800px;}
.sdfmPart .bd .sdfmFocus{width:100%;height:719px;margin-top:63px;position: relative;}
.sdfmPart .bd .sdfmFocus .pic,
.sdfmPart .bd .sdfmFocus .pic li{width:1000px!important;height:100%;position: relative;}
.sdfmPart .bd .sdfmFocus .pic li a{display: block;width:100%;height:100%;}
.sdfmPart .bd .sdfmFocus .pic li .img{width:100%;height:651px;overflow: hidden;}
.sdfmPart .bd .sdfmFocus .pic li::after{content:"";width:741px;height:278px;position: absolute;top:115px;right:-417px;z-index:6;background:url("../images/sdmt_icon_8.png")no-repeat center;}
.sdfmPart .bd .sdfmFocus .pic li .img img{width:100%;height:100%;object-fit: cover;transition:all ease-in-out 1s;}
.sdfmPart .bd .sdfmFocus .pic li:hover .img img{transform: scale(1.1);}
.sdfmPart .bd .sdfmFocus .pic li p{width:1000px;height:auto;overflow: hidden;padding: 22px 0px 0px;}
.sdfmPart .bd .sdfmFocus .pic li p span{font-size: 18px;color: #333333;line-height:24px;margin:0px 22px 0px 11px; word-break: break-word; white-space: nowrap;}
.sdfmPart .bd .sdfmFocus .pic li p span:last-child{/*margin-left: 26px;*/}

.sdfmPart .bd .sdfmFocus .btn{display:block;width:100px;height:222px;position:absolute;bottom:0px;right:0px;}
.sdfmPart .bd .sdfmFocus .btn>a{display:block;width:56px;height:56px;float: right;cursor: pointer;margin-bottom:10px;}
.sdfmPart .bd .sdfmFocus .btn>a.sdfmPrev{background:url("../images/sdmt_icon_2_on.png")no-repeat center;}
.sdfmPart .bd .sdfmFocus .btn>a.sdfmNext{background:url("../images/sdmt_icon_3_on.png")no-repeat center;}
.sdfmPart .bd .sdfmFocus .btn>a.sdfmPrev.prevStop{background:url("../images/sdmt_icon_2.png")no-repeat center;}
.sdfmPart .bd .sdfmFocus .btn>a.sdfmNext.nextStop{background:url("../images/sdmt_icon_3.png")no-repeat center;}

.sdfmPart .bd .sdfmFocus .btn .pageStates{text-align: right;font-size: 24px;color:#000000;line-height: 36px;padding-right:4px;}

/*更多图片*/
.morePart{width:100%;height:776px;background:url("../images/sdmt_icon_10.png")no-repeat center;background-size: cover;padding-top:66px;box-sizing: border-box;}
.morePart a.more{display:block;width:68px;height:30px;float:right;text-align: right;line-height:30px;font-size:18px;color:#7e808a;margin-bottom: 50px;}
.morePart a.more:hover{color:#8bbb29; }
.morePart .picList{width:100%;height:auto;overflow: hidden;}
.morePart .picList ul{width:110%;}
.morePart .picList ul li{width:323px;height:263px;float:left;margin-right: 36px;margin-bottom: 53px;}
.morePart .picList ul li a{display: block;width:100%;height:100%;}
.morePart .picList ul li a .img{display:block;width:100%;height:217px;overflow: hidden;border-radius:15px;}
.morePart .picList ul li a .img img{width:100%;height:100%;object-fit: cover;transition:all ease-in-out 1s;}
.morePart .picList ul li:hover a .img img{transform: scale(1.1);}
.morePart .picList ul li a p{font-size: 16px;color: #333333;line-height:46px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.morePart .picList ul li:hover a p{color:#8bbb29; }



/* 英文版-修正 */
body.en .bzaBox{font-size: 12px;}
body.en .sdfmPart .hd ul li a{font-size: 14px;word-break: break-word;padding: 0 10px;text-align: center;}