@charset "utf-8";
body { background:#ebeff2;}
header { position:fixed; top:0; left:50%; transform:translate(-50%,-100%); transition:all 0.5s; opacity:0;}
header.open { transform:translate(-50%,0); opacity:1;}

section { background-size:100%; display:block; overflow:hidden; position:relative;}
.fp-tableCell { display:flex; align-items:center; justify-content:center;}
.fp-tableCell>div { width:130rem; display:flex; flex-direction:column; position:relative;}

#index_swiper { background:#fff;}
.index_swiper { width:100% !important; height:100% !important;}
.index_swiper .swiper-container { height:100%; position:absolute; top:0; left:0; z-index:20;}
.index_swiper .swiper-slide a { display:flex; flex-direction:column;}
.index_swiper .swiper-slide .pic { width:100%; position:absolute; top:0; left:0;}
.index_swiper .swiper-slide .pic .img { width:100%; height:100%; position:absolute; top:0; left:0;}
.index_swiper .swiper-slide .pic:hover .imgs img { transform:scale(1.05);}
.index_swiper .swiper-pagination { bottom:2rem; left:50%; transform:translateX(-50%); opacity:0;}
.index_swiper .swiper-pagination-bullet { width:1.2rem; height:1.2rem; margin:0 0.4rem !important; background:#174a99; border-radius:0.6rem; overflow:hidden; position:relative;}
.index_swiper .swiper-pagination-bullet:before { width:0; height:100%; content:""; background:#cf6e06; border-radius:0.6rem; position:absolute; top:0; left:0; opacity:0; transition:width 6s;}
.index_swiper .swiper-pagination-bullet-active { width:3rem; background:#f18919;}
.index_swiper .swiper-pagination-bullet-active:before { width:100%; opacity:1;}
.index_swiper .swiper-button { width:6rem; height:6rem; background:none; border:0.2rem solid #fff; border-radius:100%; margin-top:-1rem; transition:all 0.35s; opacity:0;}
.index_swiper .swiper-button:before { width:2rem; height:2rem; content:""; border:0.3rem solid #fff; border-bottom:0; border-right:0; transform:rotate(-45deg); position:absolute; top:calc(50% - 1.1rem); left:calc(50% - 0.6rem);}
.index_swiper .swiper-button-prev { left:50%; transform:translateX(-75rem);}
.index_swiper .swiper-button-next { right:50%; transform:translateX(75rem);}
.index_swiper .swiper-button-next:before { transform:rotate(135deg); left:calc(50% - 1.8rem);}
.index_swiper .swiper-button:hover { background:rgba(149,97,52,0.7);}
.index_swiper:hover .swiper-button { opacity:1;}

.index_swiper .goto_next { padding-top:5.4rem; position:absolute; bottom:2rem; left:50%; margin-left:-5rem; z-index:30; cursor:pointer; transition:all 0.5s; opacity:0; transform:translateY(5rem); z-index:100;}
.index_swiper .goto_next li.text { line-height:1; font-size:1.2rem; color:#fff; position:relative;}
.index_swiper .goto_next li.icon { width:2rem; height:4rem; border:0.2rem solid #fff; border-radius:1.3rem; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.index_swiper .goto_next li.icon:before { width:1rem; height:1rem; content:""; background:#fff; border-radius:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; animation:next_animation 0.75s linear infinite alternate;}
.index_swiper .goto_next.open { opacity:1; transform:translateY(0); transition-delay:100ms;}

@keyframes next_animation {
	0% { transform:translateY(1rem);}
	100% { transform:translateY(-1rem);}
}

.index_title { margin-bottom:4.5rem; text-align:center; line-height:1; display:flex; flex-direction:column;}
.index_title h5 { font-size:3rem; font-weight:bold; color:#956134; transition:all 0.35s; opacity:0; transform:translateY(-100%);}
.index_title h6 { margin-top:1rem; font-size:1.6rem; color:#595757; text-transform:uppercase; transition:all 0.35s; opacity:0; transform:translateY(-100%);}
.index_title dl { margin-top:3rem; display:flex; align-items:center; justify-content:center; transition:all 0.35s; opacity:0; transform:translateY(-100%);}
.index_title dl dd { padding-left:4rem; position:relative;}
.index_title dl dd:before { width:4rem; content:"/"; text-align:center; line-height:1; font-size:1.8rem; color:#595757; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.index_title dl dd:first-of-type { padding:0;}
.index_title dl dd:first-of-type:before { display:none;}
.index_title dl dd a { font-size:1.6rem; display:inline-block; position:relative;}
.index_title dl dd a:before { width:0; height:0.1rem; content:""; background:#956134; position:absolute; bottom:-0.5rem; left:0; transition:all 0.2s;}
.index_title dl dd a:hover:before { width:100%;}
.index_title dl dd.active a { color:#956134;}
.index_title dl dd.active a:before { width:100%;}

.fp-tableCell>div.open .index_title h5 { opacity:1; transform:translateY(0);}
.fp-tableCell>div.open .index_title h6 { opacity:1; transform:translateY(0); transition-delay:100ms;}
.fp-tableCell>div.open .index_title dl { opacity:1; transform:translateY(0); transition-delay:200ms;}

.index_more { margin-top:5rem; display:flex; justify-content:center; position:relative; transition:all 0.35s; opacity:0; transform:translateY(100%);}
.index_more a { width:13rem; height:4rem; border:0.1rem solid #3e3a39; border-radius:3rem; text-align:center; line-height:3.8rem; color:#3e3a39; display:block;}
.index_more i { height:100%; padding-right:1.5rem; display:inline-block; position:relative; transition:padding 0.25s;}
.index_more i:before,
.index_more i:after { width:1.1rem; height:1.1rem; content:""; background:#3e3a39; position:absolute; top:50%; right:0;}
.index_more i:before { height:0.1rem;}
.index_more i:after { width:0.1rem; right:0.5rem; margin-top:-0.5rem;}
.index_more a:hover { background:#956134; border-color:#956134; color:#fff;}
.index_more a:hover i { padding-right:3rem;}
.index_more a:hover i:before,
.index_more a:hover i:after { background:#fff;}

.fp-tableCell>div.open .index_more { opacity:1; transform:translateY(0);}

#index_about { background:#fff url(../images/bg_about.jpg) no-repeat center center;}
.index_about { margin-top:9rem;}

.index_about .index_title { margin-bottom:2.5rem; text-align:left;}
.index_about .index_more { margin:0; position:absolute; bottom:0; left:0;}

.index_about .info { height:37rem; padding-right:71rem; display:flex; flex-direction:column; position:relative;}
.index_about .info li { transition:all 0.35s; opacity:0; transform:translateX(-100%);}
.index_about .info li.text { height:calc(2.6rem * 9); margin:-0.5rem 0; line-height:2.6rem; font-size:1.6rem; color:#3e3a39; white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:9;}
.index_about .info li.video { width:65rem; height:100%; overflow:hidden; position:absolute; top:0; right:0; transform:translateX(100%);}

.index_about .list { padding-top:10rem; display:flex; position:relative;}
.index_about .list li { text-align:center; flex:1; position:relative; transform:translateY(100%); opacity:0; transition:all 0.5s;}
.index_about .list li a { text-align:center; display:block; position:relative;}
.index_about .list li p { width:18rem; padding-top:10rem; text-align:center; line-height:1; font-size:1.8rem; display:inline-block; position:relative;}
.index_about .list li p:before,
.index_about .list li p:after { width:0; height:0.2rem; content:""; background:#727171; position:absolute; bottom:4.4rem; left:50%; transform:translateX(-50%); transition:all 0.2s;}
.index_about .list li p:before { width:2.6rem;}
.index_about .list li p:after { background:#956134; transition-delay:0.2s;}
.index_about .list li p span { line-height:4.6rem; font-size:6rem; font-weight:bold; display:flex; justify-content:center; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.index_about .list li p span .unit { line-height:1; font-size:1.6rem; white-space:nowrap; position:absolute; top:0.2rem; left:calc(100% + 0.5rem);}
.index_about .list li p:hover:before { width:0;}
.index_about .list li p:hover:after { width:2.6rem;}
.index_about .list li p:hover span { color:#956134;}

.index_about.open .info li { opacity:1; transform:translateX(0);}
.index_about.open .info li.text { transition-delay:300ms;}
.index_about.open .info li.video { transition-delay:400ms;}
.index_about.open .list li { opacity:1; transform:translateY(0);}
.index_about.open .list li:nth-child(1) { transition-delay:450ms;}
.index_about.open .list li:nth-child(2) { transition-delay:550ms;}
.index_about.open .list li:nth-child(3) { transition-delay:650ms;}
.index_about.open .list li:nth-child(4) { transition-delay:750ms;}

#index_product { background:#956134 url(../images/bg_product.jpg) no-repeat center center;}
.index_product { margin-top:9rem;}

.index_product .index_title h5 { color:#fff;}
.index_product .index_title h6 { color:rgba(255,255,255,0.7);}
.index_product .index_title dl dd:before { color:#fff;}
.index_product .index_title dl dd a { color:#fff;}
.index_product .index_title dl dd a:before { background:#fff;}

.index_product .index_more a { border-color:#fff; color:#fff;}
.index_product .index_more i:before,
.index_product .index_more i:after { background:#fff;}

.index_product .list { margin:2rem 0; display:flex; flex-direction:column; position:relative;}
.index_product .list .scroll { padding:2rem 0; overflow:hidden; position:relative; z-index:15;}
.index_product .list .auto_list { width:calc((100% + 2rem) * 100); display:flex;}
.index_product .list li { width:calc(1% / 4 - 2rem); margin-right:2rem; transition:all 0.35s; opacity:0; transform:translateY(100%);}
.index_product .list li a { background:#fff; border-radius:0.4rem; overflow:hidden; display:flex; flex-direction:column; position:relative; transition:all 0.25s;}
.index_product .list li .pic { position:relative;}
.index_product .list li .pic .img { width:100%; height:100%; position:absolute; top:0; left:0;}
.index_product .list li h3 { display:none;}
.index_product .list li:hover a { transform:translateY(-1.5rem);}

.index_product .list button { width:4.6rem; height:4.6rem; border:0.2rem solid #fff; border-radius:100%; position:absolute; top:calc(50% - 2.3rem); z-index:10; opacity:0; transition:opacity 0.3s,left 0.3s,right 0.3s;}
.index_product .list button:before { width:1.4rem; height:1.4rem; content:""; border:0.2rem solid #fff; border-bottom:0; border-right:0; transform:rotate(-45deg); position:absolute; top:calc(50% - 0.8rem); left:calc(50% - 0.4rem);}
.index_product .list button.auto_list_prev { left:0;}
.index_product .list button.auto_list_next { right:0;}
.index_product .list button.auto_list_next:before { transform:rotate(135deg); left:calc(50% - 1.2rem);}
.index_product .list button:hover { background:rgba(149,97,52,0.7);}

.index_product.open .list li { opacity:1; transform:translateX(0);}
.index_product.open .list li:nth-child(1) { transition-delay:300ms;}
.index_product.open .list li:nth-child(2) { transition-delay:400ms;}
.index_product.open .list li:nth-child(3) { transition-delay:500ms;}
.index_product.open .list li:nth-child(4) { transition-delay:600ms;}
.index_product.open .list button { opacity:1; transition-delay:0.9s;}
.index_product.open .list button.auto_list_prev { left:-6.5rem;}
.index_product.open .list button.auto_list_next { right:-6.5rem;}
.index_product.open .index_more { transition-delay:1.2s;}

#index_news { background:#fff url(../images/bg_news.jpg) no-repeat center center;}
.index_news { margin-top:9rem;}

.index_news .list { margin-top:5rem; display:flex; flex-direction:column; position:relative;}
.index_news .list .scroll { height:30rem; overflow:hidden; position:relative; z-index:15;}
.index_news .list .auto_list { width:calc((100% + 3.5rem) * 100); display:flex;}
.index_news .list .auto_list li { width:calc(1% / 3 - 3.5rem); margin-right:3.5rem; position:relative; transform:translateY(100px); opacity:0; transition:all 0.3s;}
.index_news .list .auto_list li a { padding:0 2rem; background:#fff; border-radius:0.3rem; line-height:1; display:flex; flex-direction:column; overflow:hidden;}
.index_news .list .auto_list li .pic { margin:0 -2rem; position:relative;}
.index_news .list .auto_list li .pic .img { width:100%; height:100%; position:absolute; top:0; left:0;}
.index_news .list .auto_list li .pic .date { width:6rem; height:6rem; background:rgba(28,39,37,0.7); font-size:1.2rem; color:#fff; position:absolute; top:0; left:0; z-index:15;}
.index_news .list .auto_list li .pic .date span { width:100%; padding-top:2.4rem; text-align:center; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.index_news .list .auto_list li .pic .date span i { width:100%; font-size:2rem; position:absolute; top:0; left:0;}
.index_news .list .auto_list li h3 { height:8rem; position:relative;}
.index_news .list .auto_list li h3 i { max-height:4.8rem; line-height:2.4rem; font-size:1.6rem; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.index_news .list .auto_list li:hover .pic .img img { transform:scale(1.08);}
.index_news .list .auto_list li:hover .pic .date { background:rgba(149,97,52,0.7);}

.index_news .list.txtlist .auto_list li dl { margin-right:-3.5rem; display:flex; flex-wrap:wrap;}
.index_news .list.txtlist .auto_list li dl dd { width:calc(100% - 3.5rem); height:12.5rem; margin:0 3.5rem 3rem 0; border-radius:0.3rem;}
.index_news .list.txtlist .auto_list li dl dd a { height:100%; padding:0 2rem 0 9rem; position:relative;}
.index_news .list.txtlist .auto_list li dl dd .date { width:7rem; height:7.7rem; border-right:0.1rem solid #ddd; color:#595757; position:absolute; top:0; left:0; transition:all 0.35s;}
.index_news .list.txtlist .auto_list li dl dd .date span { width:100%; padding-top:3rem; text-align:center; line-height:1; font-size:1.2rem; position:absolute; bottom:-0.2rem; left:0;}
.index_news .list.txtlist .auto_list li dl dd .date span i { width:100%; font-size:2.4rem; position:absolute; top:0; left:0;}
.index_news .list.txtlist .auto_list li dl dd h3 { height:auto; margin:2.8rem 0 2rem; line-height:1; font-size:1.6rem; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.index_news .list.txtlist .auto_list li dl dd .text { margin:-0.3rem 0; line-height:2rem; font-size:1.4rem; color:#727171; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.index_news .list.txtlist .auto_list li dl dd:hover .date,
.index_news .list.txtlist .auto_list li dl dd:hover .text { color:#956134;}

.index_news .list button { width:4.6rem; height:4.6rem; border:0.2rem solid #fff; border-radius:100%; position:absolute; top:11.7rem; z-index:10; opacity:0; transition:opacity 0.3s,left 0.3s,right 0.3s;}
.index_news .list button:before { width:1.4rem; height:1.4rem; content:""; border:0.2rem solid #fff; border-bottom:0; border-right:0; transform:rotate(-45deg); position:absolute; top:calc(50% - 0.8rem); left:calc(50% - 0.4rem);}
.index_news .list button.auto_list_prev { left:0;}
.index_news .list button.auto_list_next { right:0;}
.index_news .list button.auto_list_next:before { transform:rotate(135deg); left:calc(50% - 1.2rem);}
.index_news .list button:hover { background:rgba(149,97,52,0.7);}

.index_news.open .list .auto_list li { transform:translateY(0); opacity:1;}
.index_news.open .list .auto_list li:nth-child(2) { transition-delay:0.15s;}
.index_news.open .list .auto_list li:nth-child(3) { transition-delay:0.3s;}
.index_news.open .list button { opacity:1; transition-delay:0.5s;}
.index_news.open .list button.auto_list_prev { left:-6.5rem;}
.index_news.open .list button.auto_list_next { right:-6.5rem;}
.index_news.open .index_more { transform:translateY(0); opacity:1; transition-delay:0.7s;}

#index_photo { background:#fff;}
.index_photo { width:183rem !important; height:77rem; margin-top:9rem;}

.index_photo .list { width:100%; height:100%; position:relative;}
.index_photo .list li { width:45rem; height:25rem; overflow:hidden; position:absolute; transition:all 0.35s; opacity:0;}
.index_photo .list li a { height:100%; display:flex; flex-direction:column; position:relative;}
.index_photo .list li .img { height:100%;}
.index_photo .list li h3 { width:100%; height:100%; background:rgba(0,0,0,0.7); display:flex; align-items:center; justify-content:center; position:absolute; top:0; left:0; z-index:20; transition:all 0.3s; opacity:0;}
.index_photo .list li h3 i { font-size:1.6rem; color:#fff;}
.index_photo .list li.li1 { top:0; left:0; transform:translateY(-100%);}
.index_photo .list li.li2 { top:0; left:46rem; transform:translateY(-100%);}
.index_photo .list li.li3 { height:51rem; top:0; right:46rem; transform:translateY(-100%);}
.index_photo .list li.li4 { top:0; right:0; transform:translateY(-100%);}
.index_photo .list li.li5 { height:51rem; top:26rem; left:0; transform:translateY(100%);}
.index_photo .list li.li6 { top:26rem; left:46rem; transform:translateY(100%);}
.index_photo .list li.li7 { top:26rem; right:0; transform:translateY(-100%);}
.index_photo .list li.li8 { bottom:0; left:46rem; transform:translateY(100%);}
.index_photo .list li.li9 { bottom:0; right:46rem; transform:translateY(100%);}
.index_photo .list li.li10 { bottom:0; right:0; transform:translateY(100%);}
.index_photo .list li:hover h3 { opacity:1;}

.index_photo.open .list li { opacity:1; transform:translateY(0);}

#index_contact { background:#fff;}
.index_contact { height:100%;}

.index_contact .index_title { margin-top:15rem;}

.index_contact .list { margin-right:-1rem; display:flex; flex-wrap:wrap;}
.index_contact .list li { width:calc(100% / 5 - 1rem); margin-right:1rem; position:relative; transition:all 0.3s; opacity:0;}
.index_contact .list li a { display:flex; flex-direction:column;}
.index_contact .list li .img { height:16rem;}
.index_contact .list li .img:before { width:100%; height:100%; content:""; background:rgba(0,0,0,0.05); position:absolute; top:0; left:0; z-index:20; transition:all 0.3s; opacity:0;}
.index_contact .list li h3 { display:none;}
.index_contact .list li:hover .img:before { opacity:1;}

.index_contact .list li:nth-child(1),
.index_contact .list li:nth-child(2),
.index_contact .list li:nth-child(3),
.index_contact .list li:nth-child(4),
.index_contact .list li:nth-child(5) { transform:translateY(-100%);}
.index_contact .list li:nth-child(6),
.index_contact .list li:nth-child(7),
.index_contact .list li:nth-child(8),
.index_contact .list li:nth-child(9),
.index_contact .list li:nth-child(10) { transform:translateY(100%);}

.index_contact .copyright { width:192rem; padding:4rem 0 3.5rem; background:#46301d; display:flex; flex-direction:column; position:absolute; bottom:0; left:calc(50% - 96rem); transition:all 0.3s; opacity:0; transform:translateY(100%);}
.index_contact .copyright li { text-align:center; line-height:2.6rem; color:#fff;}
.index_contact .copyright li.logo { margin-bottom:2rem;}
.index_contact .copyright li span { margin:0 1rem; display:inline-block;}
.index_contact .copyright li a { color:#fff; display:inline-block;}
.index_contact .copyright li a:hover { color:#c9bc9c;}

.index_contact.open .list li { opacity:1; transform:translateX(0);}
.index_contact.open .list li:nth-child(1),
.index_contact.open .list li:nth-child(6) { transition-delay:200ms;}
.index_contact.open .list li:nth-child(2),
.index_contact.open .list li:nth-child(7) { transition-delay:300ms;}
.index_contact.open .list li:nth-child(3),
.index_contact.open .list li:nth-child(8) { transition-delay:400ms;}
.index_contact.open .list li:nth-child(4),
.index_contact.open .list li:nth-child(9) { transition-delay:500ms;}
.index_contact.open .list li:nth-child(5),
.index_contact.open .list li:nth-child(10) { transition-delay:600ms;}
.index_contact.open .copyright { opacity:1; transform:translateY(0); transition-delay:1s;}