*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;zoom:1}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
article,footer,header,hgroup,menu,nav,section{display:block;clear:all}
html{font-family:"Roboto",Arial,sans-serif;-ms-text-size-adjust:auto;-webkit-text-size-adjust:auto;height:100%}
body{margin:0;color:#fff;background-color:#f6f5e0;height:100%;-webkit-overflow-scrolling:touch}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
a{background:0 0;text-decoration:none;-webkit-tap-highlight-color:transparent}
a:active{outline:0}
img{border:0;vertical-align:middle;-ms-interpolation-mode:bicubic}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input::-moz-placeholder,textarea::-moz-placeholder{color:#ccc}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#ccc}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#ccc}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
textarea{overflow:auto;resize:none}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
ol,ul{list-style:none outside none}
em,i{font-style:normal}
.full-bg .img,.full-bg a{display:flex;align-items:center;justify-content:center}
img{max-width:100%;max-height:100%}
@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.05,1.05,1.05) rotate3d(0,0,1,3deg);transform:scale3d(1.05,1.05,1.05) rotate3d(0,0,1,3deg)}
40%,60%,80%{-webkit-transform:scale3d(1.05,1.05,1.05) rotate3d(0,0,1,-3deg);transform:scale3d(1.05,1.05,1.05) rotate3d(0,0,1,-3deg)}
100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.logo{position:absolute;top:35px;left:50%;width:420px;height:84px; margin-left: -210px; background:url(../images/logo.png) no-repeat}
.logo a{display:block;height:84px;width:150px}
.hide{display:none!important}
.page{ position: relative; color:#884607;font-size:20px;line-height:30px; overflow:hidden; }
.page h6{font-size:26px}
.page h4{height:271px}
.page1{height:1080px;position:relative}
.page2{height:1008px}
.page3{height:1418px}
.page4{height:1300px}
.wrapper { width:1000px; margin:0 auto; position:relative;  }
.page1 .wrapper { height:1080px; }
.nav.nav1{ display: flex; align-items: center; justify-content: center; padding-top:715px;text-align:center}
.nav.nav1 li{width:274px;height:76px; cursor:pointer;transition:all ease .4s;margin:0 25px;background:url(../images/nav1.png) no-repeat center; display: flex; align-items: center; justify-content: center; line-height: 1.2; font-family: "Sansita Swashed", system-ui; }
.nav.nav1 li span{display:block;width:274px; font-size: 22px; background:-webkit-linear-gradient(#613115,#bc8643);background:-moz-linear-gradient(#613115,#bc8643);background:linear-gradient(#613115,#bc8643);-webkit-background-clip:text;-webkit-text-fill-color:transparent; font-weight: bold; margin-top:-10px; }

/*.nav.nav1 li.n1 span{background:url(../images/nav1-1.png) no-repeat center}
.nav.nav1 li.n1 span:hover{background:url(../images/nav1-1-on.png) no-repeat center}
.nav.nav1 li.n2 span{background:url(../images/nav1-2.png) no-repeat center}
.nav.nav1 li.n2 span:hover{background:url(../images/nav1-2-on.png) no-repeat center}
.nav.nav1 li.n3 span{background:url(../images/nav1-3.png) no-repeat center}
.nav.nav1 li.n3 span:hover{background:url(../images/nav1-3-on.png) no-repeat center}*/
.nav.nav1 li:hover{filter:brightness(1.2);-webkit-animation:tada 1s infinite linear;animation:tada 1s infinite linear}
.nav.nav1 li:hover span { background:-webkit-linear-gradient(#923a08,#eb8d0f);background:-moz-linear-gradient(#923a08,#eb8d0f);background:linear-gradient(#923a08,#eb8d0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
.nav.nav2{background:url(../images/nav-bg.png) no-repeat center;position:fixed;right:30px;top:50%;width:125px;height:528px;margin-top:-264px;z-index:9}
.nav.nav2 li{width:125px;height:124px;background:url(../images/nav2.png) no-repeat center;margin:6px auto;transition:all ease .4s;  }
.nav.nav2 li span{width:100%; display:block; line-height: 1;font-family: "Sansita Swashed", system-ui; color: #8b5521; font-size: 20px; text-align:center; }
.nav.nav2 li.on,.nav.nav2 li:hover{background:url(../images/nav2-on.png) no-repeat center}
.nav.nav2 li:hover{transform:scale(1.2)}
/*.nav.nav2 li:nth-child(1) span{background:url(../images/nav2-1.png) no-repeat center}
.nav.nav2 li:nth-child(1) span:hover{background:url(../images/nav2-1-on.png) no-repeat center}
.nav.nav2 li:nth-child(1).on span{background:url(../images/nav2-1-on.png) no-repeat center}
.nav.nav2 li:nth-child(2) span{background:url(../images/nav2-2.png) no-repeat center}
.nav.nav2 li:nth-child(2) span:hover{background:url(../images/nav2-2-on.png) no-repeat center}
.nav.nav2 li:nth-child(2).on span{background:url(../images/nav2-2-on.png) no-repeat center}
.nav.nav2 li:nth-child(3) span{background:url(../images/nav2-3.png) no-repeat center}
.nav.nav2 li:nth-child(3) span:hover{background:url(../images/nav2-3-on.png) no-repeat center}
.nav.nav2 li:nth-child(3).on span{background:url(../images/nav2-3-on.png) no-repeat center}
.nav.nav2 li:nth-child(4) span{background:url(../images/nav2-4.png) no-repeat center}
.nav.nav2 li:nth-child(4) span:hover{background:url(../images/nav2-4-on.png) no-repeat center}
.nav.nav2 li:nth-child(4).on span{background:url(../images/nav2-4-on.png) no-repeat center}*/
.nav.nav2 a{width:100%;height:100%;display:block; display: flex; align-items: center; justify-content: center;}
.p-cont{margin:0 auto;overflow:hidden}
.page1 .btn-video{display:block;width:97px;height:96px;background:url(../images/video.png) no-repeat;position:absolute; right: 0; top:234px}
.page2{position:relative}
.page2 .p2-cont{width:1400px;height:575px;margin:120px auto 0;position:relative;transition:all ease .4s}
.page2 .p-cont{display:flex;align-items:center;justify-content:center;font-size:22px;color:#483427}
.page2 .p2-left{width:810px;height:570px;padding:8px 20px}
.page2 .p2-right{width:530px;height:570px;margin-right:60px;padding:0 20px}
.page2 .p2-right p{margin-bottom:10px}
.page2 .tit{background:url(../images/p2-tt.png) no-repeat;width:150px;height:37px;text-align:center;line-height:37px;color:#e5d2af;margin-top:50px}
.page2 .more{width:274px;height:76px;background:url(../images/nav1.png) no-repeat;margin:0 auto; display:flex; align-items:center; justify-content:center;  font-family: "Sansita Swashed", system-ui; font-size:26px; }
.page2 .more span { background:-webkit-linear-gradient(#613115,#bc8643);background:-moz-linear-gradient(#613115,#bc8643);background:linear-gradient(#613115,#bc8643);-webkit-background-clip:text;-webkit-text-fill-color:transparent; font-weight: bold; margin-top:-10px; }
.page2 .more:hover{filter:brightness(1.2);-webkit-animation:tada 1s infinite linear;animation:tada 1s infinite linear; }
.page2 .more:hover span { background:-webkit-linear-gradient(#923a08,#eb8d0f);background:-moz-linear-gradient(#923a08,#eb8d0f);background:linear-gradient(#923a08,#eb8d0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
.page3 .p3-cont{width:1400px;height:1075px;margin:70px auto 0;position:relative;transition:all ease .4s;padding-top:40px}
.page3 .p-cont{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}
.page3 span{display:block;width:100%;position:absolute}
.page3 .p3-t-1{width:701px;height:319px;background:url(../pic/pic2.png) no-repeat center;left:385px;bottom:70px}
.page3 .p3-t-2{width:619px;height:280px;background:url(../pic/pic3.png) no-repeat center;bottom:415px;left:0}
.page3 .p3-t-3{width:448px;height:319px;background:url(../pic/pic4.png) no-repeat center;bottom:485px;right:0}
.page4 .p4-cont{width:1200px;height:920px;position:relative}
.page4 .p-cont{display:flex;padding-top:170px;flex-direction:column}
.page4 .tl-cont{width:1104px;margin:0 auto}
.page4 .img{background:url(../images/p4-img.png) no-repeat;width:1104px;height:402px;padding-bottom:13px}
.page4 .txt{background:url(../images/p4-txt.png) no-repeat;width:1109px;height:190px;margin-top:-10px;padding:10px 50px;color:#7b6956;font-size:18px;line-height:1.2}
.page4 .txt .tt{height:39px;text-align:center;font-size:36px;line-height:39px;margin-top:5px;font-family: "Sansita Swashed", system-ui; display:flex; align-items:center; justify-content:center; }
.page4 .txt .tt:before, .page4 .txt .tt:after { content:""; display: block; width: 129px; height: 39px; background:url(../images/p4-tit.png) no-repeat center;} 
.page4 .txt .tt:after { transform:rotate(180deg); } 
.page4 .txt .scroll{height:110px;overflow-y:auto;margin-top:10px}
.page4 .txt .scroll::-webkit-scrollbar{width:5px;height:6px;background-color:#dac29a}
.page4 .txt .scroll::-webkit-scrollbar-button{display:none}
.page4 .txt .scroll::-webkit-scrollbar-thumb{width:10px;background-color:#b6996d;cursor:pointer}
.page4 .txt .scroll::-webkit-scrollbar-corner{display:none}
.page4 .txt .scroll::-webkit-resizer{display:none}
.page4 .txt p{text-indent:2em;margin-bottom:10px}
.tab{width:100%;text-align:center;display:flex;margin-top:-60px}
.tab li{width:205px;height:206px;position:relative;cursor:pointer;flex:1}
.tab li i{display:block;width:205px;height:203px;margin:0 auto;transition:all ease .4s}
.tab li a{background:url(../images/p4-nav-txt.png) no-repeat center;font-size:20px;color:#c69f7c;height:42px;text-align:center;line-height:45px;text-shadow:0 1px 0 rgba(122,28,11,.63);display:block;margin-top:-38px;font-family: "Sansita Swashed", system-ui;}
.tab li:nth-child(1) i{background:url(../images/p4-nav1.png) no-repeat center}
.tab li:nth-child(1).on i{background:url(../images/p4-nav1-on.png) no-repeat center}
.tab li:nth-child(1):hover i{background:url(../images/p4-nav1-on.png) no-repeat center;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
.tab li:nth-child(2) i{background:url(../images/p4-nav2.png) no-repeat center}
.tab li:nth-child(2).on i{background:url(../images/p4-nav2-on.png) no-repeat center}
.tab li:nth-child(2):hover i{background:url(../images/p4-nav2-on.png) no-repeat center;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
.tab li:nth-child(3) i{background:url(../images/p4-nav3.png) no-repeat center}
.tab li:nth-child(3).on i{background:url(../images/p4-nav3-on.png) no-repeat center}
.tab li:nth-child(3):hover i{background:url(../images/p4-nav3-on.png) no-repeat center;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
.tab li:nth-child(4) i{background:url(../images/p4-nav4.png) no-repeat center}
.tab li:nth-child(4).on i{background:url(../images/p4-nav4-on.png) no-repeat center}
.tab li:nth-child(4):hover i{background:url(../images/p4-nav4-on.png) no-repeat center;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
.tab li:nth-child(5) i{background:url(../images/p4-nav5.png) no-repeat center}
.tab li:nth-child(5).on i{background:url(../images/p4-nav5-on.png) no-repeat center}
.tab li:nth-child(5):hover i{background:url(../images/p4-nav5-on.png) no-repeat center;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
.tab li:nth-child(2),.tab li:nth-child(4){margin-top:10px}
.tab li:nth-child(3){margin-top:20px}
.footer{background:#000;padding:30px 0!important; line-height: 24px;}
.footer a,.footer td{color:#fff; }
.footer a{display:inline-block}
.pop{position:fixed;width:100%;height:100%;top:0;left:0;display:none;background:rgba(0,0,0,.8);z-index:-99;opacity:0}
.pop.active{display:block;z-index:99;opacity:1}
.pop .close{background:url(../images/close.png) no-repeat center;width:28px;height:28px;position:absolute;top:3px;right:-33px;font-size:0}
.pop .spop{width:900px;height:510px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.pop .spop video{width:900px;margin:0 auto}
body,html{overflow:hidden;transition:all ease .4s;min-width:1400px}
#main{height:100%;overflow:auto}
.full-bg{ }
.page1 { background:url(../images/pc_01.jpg) no-repeat center top }
.page2 { background:url(../images/pc_02.jpg) no-repeat center top }
.page3 { background:url(../images/pc_03.jpg) no-repeat center top }
.page4 { background:url(../images/pc_04.jpg) no-repeat center top }
.t2{background:url(../images/t2.png) no-repeat center}
.t3{ background:url(../images/t3.png) no-repeat center}
.t4{background:url(../images/t4.png) no-repeat center}