.firstScene { width: 100%; height: 100%; z-index: 2; position: relative; }
.post { background: url(/Images/Index/new/1.jpg) no-repeat center bottom; background-size: cover; width: 100%; height: 100%; }
/*.post1 { background: url(/Images/Index/new/post.jpg) no-repeat center center; background-size: cover; width: 100%; height: 100%; }*/
.post2 { background: url(/Images/Index/new/18.jpg) no-repeat center center; background-size: cover; width: 100%; height: 100%; }
.post3 { background: url(/Images/Index/new/post7.jpg) no-repeat center center; background-size: cover; width: 100%; height: 100%; }
.post1 a{position:absolute;bottom:2.5em;left:50%;font-size:1.6em;width:235px;margin-left:-117.5px;}
.post2 a{position:absolute;bottom:2.5em;left:50%;font-size:1.6em;width:325px;margin-left:-162.5px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 9px !important;width:14px;height:14px;}
.firstScene .swiper-button-prev{left:8em;z-index:101;}
.firstScene .swiper-button-next{right:8em;z-index:101;}

.f1 { position: absolute; width: 34em; left: 10em; top: 5.625em; }
.f2 { position: absolute; width: 9.375em; right: 3.25em; bottom: 4.125em; }
.f3 { position: absolute; width: 1.875em; left: 50%; margin-left: -0.937em; bottom: 4.75em; }
.f4 { position: absolute; width: 14.5625em; left: 15em; top: 15.625em;cursor:pointer; }
.FirstVideo{width:100%;height:100%;position:absolute;top:0;left:0;z-index:100;display:none;}
.secondScene { width: 100%; height: 100%; z-index: 1; position: relative; overflow: hidden; }

.sec1 { height: 60%; background: #000000; width: 100%; overflow: hidden; position: relative; }
.sec11 { width: 22%; height: 100%; position: absolute; cursor: pointer; display: block; }
.sec11_1 {display: none; }
.sec111 { background: rgba(0,0,0,0.2); width: 100%; height: 100%; position: absolute; opacity:0;z-index:2; }
.sec112 { width: 6.5em; position: absolute; left: 50%;margin-left:-3.25em; top: 6em;opacity:0;z-index:2; }
.sec113 {  width:100%;height:100%;}
.sec11:hover .sec111, .sec11:hover .sec112 { opacity:1; -webkit-transition:all 0.5s linear;transition:all 0.5s linear;}
.sec11:hover .sec113 { -webkit-transform:scale(1.05);transform:scale(1.05);-webkit-transition:all 0.5s linear;transition:all 0.5s linear;}
.sec12 { width: 50%;height: 100%; position: absolute; left: 22%; cursor: pointer; display: block; overflow: hidden; }
sec12_1 { display:none;}
/*.sec121 { background: rgba(0,0,0,0.2); width: 100%; height: 100%; position: absolute; opacity:0;z-index:2; }*/
.sec122 { width: 15.3125em; position: absolute; right: 4.125em; top: 4.25em; opacity:0;z-index:2; }
.sec123 {  width:100%;height:100%;}
/*.sec12:hover .sec123 { display:none;}*/
.sec12:hover .sec121, .sec12:hover .sec122 { opacity:1; -webkit-transition:all 0.5s linear;transition:all 0.5s linear;}

.sec124 { background: url(/Images/Index/new/4-1.gif) no-repeat center center; background-size: cover; width:100%;height:100%;}
.sec13 { width: 28%; height: 100%; position: absolute; right: 0; cursor: pointer; display: block;overflow:hidden; }
.sec131 { background: rgba(0,0,0,0.2); width: 100%; height: 100%; position: absolute;opacity:0;z-index:2; }
.sec132 { width: 6.312em; position: absolute; right: 2.375em; top: 2.5em; opacity:0;z-index:2;}
.sec133 {  background: url(/Images/Index/new/5.jpg) no-repeat center center; background-size: cover;width:100%;height:100%;-webkit-transition:all 0.5s linear;transition:all 0.5s linear;}
.sec13:hover .sec133 { -webkit-transform:scale(1.05);transform:scale(1.05);-webkit-transition:all 0.5s linear;transition:all 0.5s linear;}
.sec13:hover .sec131, .sec13:hover .sec132 { opacity: 1; -webkit-transition:all 0.5s linear;transition:all 0.5s linear;}
.sec2 { height: 40%; background: #000000; width: 100%; overflow: hidden; position: relative; }
.sec21 { width: 36%;  height: 100%; position: absolute; cursor: pointer; display: block; overflow:hidden;}
.sec21_1 { display:none;}
.sec211 { background: rgba(0,0,0,0.2); width: 100%; height: 100%; position: absolute; opacity:0;z-index:2; }
.sec212 { width: 13.8125em; position: absolute; left: 1.875em; bottom: 1.75em; opacity:0;z-index:2; }
.sec213 { width:100%;height:100%;-webkit-transition:all 0.5s linear;transition:all 0.5s linear;}
.sec214 { background: url(/Images/Index/new/6-1.gif) no-repeat center center; background-size: cover; width:100%;height:100%;}
.sec21:hover .sec211, .sec21:hover .sec212 { opacity:1; -webkit-transition:all 0.5s linear;transition:all 0.5s linear;}

.sec22 { width: 48%; height: 100%; position: absolute; left: 36%; cursor: pointer; display: block; overflow:hidden;}
.sec221 { background: rgba(0,0,0,0.2); width: 100%; height: 100%; position: absolute;opacity:0;z-index:2;}
.sec222 { width: 14.875em; position: absolute; left: 3em; bottom: 2.5em; opacity:0;z-index:2; }
.sec223 {background: url(/Images/Index/new/7.jpg) no-repeat center center; background-size: cover; width:100%;height:100%;-webkit-transition:all 0.5s linear;transition:all 0.5s linear;}
.sec22:hover .sec223 { -webkit-transform:scale(1.05);transform:scale(1.05);-webkit-transition:all 0.5s linear;transition:all 0.5s linear;}
.sec22:hover .sec221, .sec22:hover .sec222 { opacity:1; -webkit-transition:all 0.5s linear;transition:all 0.5s linear;}
.sec23 { width: 16%;  height: 100%; position: absolute; right: 0; cursor: pointer; display: block;overflow:hidden; }
.sec23_1 { display:none;}
.sec231 { background: rgba(0,0,0,0.2); width: 100%; height: 100%; position: absolute;opacity:0;z-index:2;}
.sec232 { width: 6.375em; position: absolute; left: 4em; top: 4.375em; opacity:0;z-index:2; }
.sec233 { width:100%;height:100%;-webkit-transition:all 0.5s linear;transition:all 0.5s linear;}
.sec23:hover .sec231, .sec23:hover .sec232 { opacity:1; -webkit-transition:all 0.5s linear;transition:all 0.5s linear;}
.sec234 { background: url(/Images/Index/new/8-1.gif) no-repeat center center; background-size: cover; width:100%;height:100%;}

.sec3 { position: absolute; width: 37.75em; left: 50%; margin-left: -18.875em; top: 45%; cursor: pointer; z-index:3;overflow:hidden;-webkit-transition:all 0.2s linear;transition:all 0.2s linear;}
    .sec3:hover { -webkit-transform:scale(1.05);transform:scale(1.05);-webkit-transition:all 0.2s linear;transition:all 0.2s linear; }
.threeScene { width: 100%; height: 100%; background: #fff; position: relative; overflow: hidden; z-index: 3; }
.th1 { text-align: center; color: #41220f; font-size: 1.875em; padding-top: 3.25em;letter-spacing:1em; }
.th2 { width: 3.875em; margin: 2.312em auto; height: 1px; background: #906d4f; line-height: 1px; }
.th3 { font-size: 1.375em; text-align: center; color: #010101; }
.th4 { font-size: 0.875em; text-align: center; color: #000; margin-top: 1.875em; }
.th5 { width: 93.75em; margin: 6.625em auto 0;position:relative;}
.th5_1{width: 93.75em;height:22em;overflow:hidden;}
    .th5 li { float: left; width: 29.875em;margin:0 0.6875em; }
        .th5 li img { margin: auto; }
.th5 .swiper-button-prev{left:2em;z-index:101;}
.th5 .swiper-button-next{right:2em;z-index:101;}
.th5 .swiper-container{min-height:26em;}
.th6 { position: absolute; width: 9.8125em; right: 15em; top: 2em; }
.fourScene { width: 100%; height: 100%; position: relative; z-index: 3; background: #fff; }
.fourMain { width: 75em; margin: auto; }
.four1 { width: 35.812em; float: left; }
.four2 { width: 35.812em; float: right; }
.four11, .four21 { text-align: center; color: #000; font-size: 1.5em; margin-top: 5.5em;letter-spacing:0.5em; }
.four12, .four22 { text-align: center; color: #bb9360; font-size: 1.25em; margin-top: 1em; text-transform: uppercase; }
.four13, .four23 { width: 2.812em; height: 0.187em; background: #000; line-height: 0; margin: 1.5em auto; }
.four15, .four25 { text-align: center; font-size: 1.25em; color: #000; margin-top: 4.5em; }
.four16, .four26 { text-align: center; font-size: 0.875em; color: #000; margin-top: 1.5em; line-height: 1.6em; }
.four26 { color: #906d4f; }
.four17, .four27 { text-align: center; font-size: 0.875em; color: #000; line-height: 1.6em; }

.transitionDiv { width: 100%; z-index: 10; background: #906d4f; position: relative; height: 25em; overflow: hidden; }
.transitionDiv .tranDiv1 { margin: 3.125em auto 0; width: 4.75em; }
.transitionDiv .tranDiv2 {text-align:center;font-size:1.875em;color:#41220f;margin-top:1.13em;line-height:1em;letter-spacing:1em; }
.transitionDiv .tranDiv3 {text-align:center;font-size:1.25em;text-transform:uppercase; color:#41220f; line-height:1em;margin-top:0.8em;}
.transitionDiv .tranDiv4 { width:2.75em;height:0.1875em;margin:2em auto 1.25em;background:#41220f;line-height:0;}
.transitionDiv .tranDiv5 {text-align:center;font-size:0.875em;color:#41220f; }
.transition1Div { width: 100%; z-index: 10; background: #906d4f; position: relative; height: 25em; overflow: hidden; }
.transition1Div  .tranDiv1 { margin: 4.75em auto 0; width: 3.0625em; }
.transition1Div .tranDiv2 {text-align:center;font-size:1.875em;color:#41220f;margin-top:1em;line-height:1em; letter-spacing:1em;}
.transition1Div .tranDiv3 {text-align:center;font-size:1.25em;text-transform:uppercase; color:#41220f; line-height:1em;margin-top:0.7em;}
.transition1Div .tranDiv4 { width:2.75em;height:0.1875em;margin:1.875em auto;background:#41220f;line-height:0; }
.transition1Div .tranDiv5 {text-align:center;font-size:0.875em;color:#41220f;}

  
.transition2Div { width: 100%; z-index: 10; background: #906d4f; position: relative; height: 25em; overflow: hidden; }
.transition2Div  .tranDiv1 { margin: 6.25em auto 0; width: 4.75em; }
.transition2Div .tranDiv2 {text-align:center;font-size:1.875em;color:#41220f;margin-top:1em;line-height:1em; letter-spacing:1em;}
.transition2Div .tranDiv3 {text-align:center;font-size:1.25em;text-transform:uppercase; color:#41220f; line-height:1em;margin-top:0.7em;}
.transition2Div .tranDiv4 { width:2.75em;height:0.1875em;margin:1.875em auto 1.5em;background:#41220f;line-height:0; }
.transition2Div .tranDiv5 {text-align:center;font-size:0.875em;color:#41220f;}
.fiveScene { position: relative; width: 100%; height: 100%; overflow: hidden; background: url(/Images/Index/new/18.jpg) no-repeat top center; background-size: cover; z-index: 3; }
.five1 { text-align: center; color: #41220f; font-size: 1.875em; margin-top: 5.66em; letter-spacing:0.5em;}
.five2 { text-align: center; color: #41220f; font-size: 1.25em; margin-top: 0.5em; text-transform: uppercase; }
.five3 { width: 2.812em; height: 0.187em; background: #41220f; margin: 2em auto; line-height: 0; }
.five4 { font-size: 1.25em; text-align: center; line-height: 2.4em; }
.five5 { font-size: 0.875em; text-align: center; line-height: 2em; }
.five6 { width: 11em; margin: 3em auto 0; }
.five61, .five62 { width: 12.75em; height: 12.75em; background: rgba(255,255,255,0.8); border-radius: 50%; border: 0.12em solid #bb9360; text-align: center; position:relative;}
.five61 a, .five62 a{width:100%;height:100%;display:block;position:absolute;top:0;left:0;}
.five61 { float: left; }
.five62 { float: right; }
.five611, .five621 { text-align: center; color: #41220f; font-size: 1.25em; margin-top: 4em; }
.five612, .five622 { text-align: center; color: #41220f; font-size: 0.875em; text-transform: uppercase; line-height: 2em;margin-top: 7em;  }
.sixScene { width: 100%; position: relative; overflow: hidden; z-index: 5; background: #fff; }
.sixDiv{width: 75em;height:37.5em;position:absolute;top:50%;left:50%;margin-top:-18.75em;margin-left:-37.5em;}
.six1 { width: 75em; margin: 2em auto 0; }
    .six1 ul { width: 100%; }
        .six1 ul li { float: left; width: 33.33%; padding-left: 5em; }
            .six1 ul li .six11 { float: left; width: 3.312em; margin-right: 1em; }
            .six1 ul li .six12 { float: left; }
                .six1 ul li .six12 .six121 { color: #41220f; font-size: 1.125em; }
                .six1 ul li .six12 .six122 { color: #bb9360; font-size: 1em; text-transform: uppercase; }
.six21 { width: 75em; margin: 5em auto 0; position: relative; }
/*.swiper-container { width: 100%; height: 28em; }*/
.firstScene .swiper-container { width: 100%; height: 100%; }
.sevenScene .swiper-container { width: 100%; height: 100%; }
.sevenScene a{width:100%;height:100%;display:block;}
.sevenScene .swiper-button-prev { left:50%!important;margin-left:-44.5em;}
.sevenScene .swiper-button-next { right:50%!important;margin-right:-44.5em;}
.sevenScene .sevenScene-page{bottom:auto !important;top:50%; margin-top:20em;}
/*.sevenScene .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 9px;}
.sevenScene .swiper-pagination-bullet{width:14px;height:14px;}*/

.newsItem { width: 62.5em; margin: auto; position: relative; }
.newsItemImg { position: absolute; width: 35.187em; left: 0; top: 0; }
.newsItemInfo { position: absolute; width: 33.375em; right: 0; top: 0; }
.newsItemInfo1 { text-align: center; color: #000; font-size: 1.125em; }
.newsItemInfo2 { text-align: center; color: #906d4f; font-size: 1.25em; }
.newsItemInfo3 { line-height: 0; width: 2.812em; height: 0.187em; margin: 1em auto; background: #000; }
.newsItemInfo4 { width: 100%; height: 17.25em; background: #41220f; padding: 4em 0 4em; color: #906d4f; }
.newsItemTitle { text-align: center; font-size: 1em; line-height: 1.8em; }
.newsItemDesc { text-align: center; font-size: 1.125em; line-height: 2em; }
.newsItemDate { text-align: center; font-size: 0.875em; line-height: 1.4em; margin-top: 1em; }
.newsItemBtn { text-align: center; color: #906d4f; display: block; width: 11em; line-height: 2.6em; font-size: 0.875em; border: 0.125em solid #906d4f; margin: 1em auto 0; /*border-radius: 1rem;*/ letter-spacing:0.2rem;cursor:pointer;}
    .newsItemBtn:hover { color: #906d4f; }


.LeftNav { width: 3.125em; height: 28.75em; position: fixed; top: 50%; margin-top: -14.375em; right: 2.5em; z-index: 100; display: none; }
.LeftNav1 { width: 14em; height: 28.75em; position: absolute; top: 0; right: 0; }
.Left_bg { position: relative; float: right; width: 4.375em; height: 28.75em; background: url(/Images/Index/Left_bg.png) top center no-repeat; background-size: 100%; }
.l_nav { position: absolute; height: 2.5em; cursor: pointer; }
.l_nav1 { right: 1.6875em; top: -1.25em; }
.l_nav2 { right: 2.625em; top: 3.75em; }
.l_nav3 { right: 1.375em; top: 8.4375em; }
.l_nav4 { right: -0.625em; top: 11.5625em; }
.l_nav5 { right: -0.3125em; top: 15.4375em; }
.l_nav6 { right: 1em; top: 18.4375em; }
.l_nav7 { right: 0.6875em; top: 22.5em; }
.l_nav > img { float: right; }
.l_nav > .l_title { width: 7.5em; height: 2.5em; float: right; display: none; }
.l_nav:hover > .l_title, .l_nav.Nactive > .l_title { display: block; }
.l_nav > .l_title > p { display: block; text-align: right; font-size: 1em; line-height: 1.25em; color: #41220f; }
.l_nav > .l_title > span { display: block; text-align: right; font-size: 1.125em; line-height: 1.11em; color: #41220f; }
.l_nav5 { }

.sevenScene {width:100%;height:100%;position:relative;z-index:4;overflow:hidden;background-color:#fff;}
    .sevenScene .post {width:75em;height:37.5em;position:relative;z-index:4;overflow:hidden;background-color:#fff; margin:-18.75em auto 0;top:50%;}


@media screen and (max-width:1200px) {
    /*body { font-size: 0.625em; }*/
    .six21 { width: 75em; margin: 5em auto 0; position: relative; }
}

@media screen and (max-width:1366px) {
    .th5 { width: 93.75em; margin: 1.2em auto 0;position:relative;}
    .th1 { text-align: center; color: #41220f; font-size: 1.875em; padding-top: 1.25em;letter-spacing:1em; }
}


@media screen and (max-width:1024px) {
.sec11 { display:none;}
.sec11_1 { width: 22%; height: 100%; position: absolute; cursor: pointer; display: block;  background:url(/Images/Index/index_img2.jpg) ;}
.sec11_1:hover .sec111, .sec11:hover .sec112 { opacity:1; -webkit-transition:all 0.5s linear;transition:all 0.5s linear;}

.sec12 { display: none;}
.sec12_1 { width: 50%;height: 100%; position: absolute; left: 22%; cursor: pointer; display: block; overflow: hidden; background:url(/Images/Index/index_img1.jpg) }

.sec21 {display:none; }
.sec21_1 { width: 36%;  height: 100%; position: absolute; cursor: pointer; display: block; overflow:hidden; background:url(/Images/Index/index_img3.jpg);}

.sec23 { display:none; }
.sec23_1 { width: 16%;  height: 100%; position: absolute; right: 0; cursor: pointer; display: block;overflow:hidden; background:url(/Images/Index/index_img4.jpg);}

}