/**
 * fullPage 2.4.6
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
html, body {
    margin: 0;
    padding: 0;
    overflow:hidden;

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
a{ transition:all 0.5s;}
*{ margin:0; padding:0;}
ul{ list-style:none;}
#superContainer {
    height: 100%;
    position: relative;

    /* Touch detection for Windows 8 */
    -ms-touch-action: none;

    /* IE 11 on Windows Phone 8.1*/
    touch-action: none;
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: scroll;

}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
}
#fp-nav.right {
    right: 17px;
}
#fp-nav.left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}
.fp-slidesNav.bottom {
    bottom: 17px;
}
.fp-slidesNav.top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span {
    background: #fff;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border: 2px solid #fff;
    background: rgba(0, 0, 0, 0);
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
}
#fp-nav ul li:hover .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}

#loading{ position:fixed; left:0; top:0; background:#000; width:100%; height:100%; z-index:1000;}
#move{ margin:0 auto; text-align:center; width:1px; background:#fff; transition:background 0.5s; overflow:hidden;}


#top{ width:100%; position:fixed; z-index:100;}
#logo{ float:left; margin:10px 0 0 30px;}
#menu{ float:right; margin-right:30px; margin-top:40px;}
#menu ul{ list-style:none;  overflow:hidden; float:left;}
#menu ul li{ float:left; margin-right:30px;}
#menu ul li a{ color:#fff; font-size:16px;  text-decoration:none;}
#menu ul li a:hover{ color:#be8b54;}

#servicer{ position:fixed; bottom:30px;right:15px; z-index:100;}
#servicer a{ display:block; width:50px; height:50px; border-radius:50%; background:#be8b54;}
#servicer a:hover{ background:#835729;}

#lan{ float:right; color:#fff; font-size:14px; color:#be8b54; line-height:24px; margin-left:30px; cursor:pointer; transition:all 0.5s;}
#lan img{ vertical-align:middle; margin-left:5px; transition:all 0.5s;}
#lan:hover img{ transform:rotate(180deg);}

#lan:hover{ color:#fff;}

#index1{ background:#000; transition:all 6s;}

#index1 .title{ font-size:60px; font-weight:900;}
#index1 .title span.c{ color:#be8b54;}
#index1 .title span{ margin:0 20px; opacity:0;}
#index1 .con{ width:1140px; margin:30px auto 0 auto; text-align:center; letter-spacing:5px; overflow:hidden; z-index:1;opacity:0;}
#index1 .more{ overflow:hidden; margin-top:100px; opacity:0; z-index:1; overflow:hidden; display:inline-block;}
#index1 .more a{ display:block; float:left; line-height:36px; background:#be8b54; color:#fff; font-size:14px; width:100px; margin:0 5px; text-decoration:none; border-radius:500px;}
#index1 .more a:hover{ width:120px; background:#fff; color:#be8b54;}
#star{ position:absolute; width:100%; bottom:0; z-index:-1; opacity:0;}
#star img{ width:100%;}

#index2{background:url(/image/di1.jpg) no-repeat center /100% auto; transition:all 1s;}
#index2 .title{ font-size:60px; font-weight:900; letter-spacing:10px; opacity:0}
#index2 .con{ font-size:16px; line-height:30px; margin-top:30px; opacity:0; letter-spacing:3px;}
#index2 .more{ overflow:hidden; margin-top:100px; opacity:0; display:inline-block;}
#index2 .more a{ display:block; line-height:36px; background:#be8b54; float:left; color:#fff; font-size:14px; width:100px; margin:0 5px; text-decoration:none; border-radius:500px;}
#index2 .more a:hover{ width:120px; background:#fff; color:#be8b54;}
#index2 .data{ text-align:center; overflow:hidden; width:100%; margin-top:60px; opacity:0;}

#index3{background:url(/image/di3.jpg) no-repeat center /100% auto; transition:all 1s;}
#index3 .con{ width:1200px; margin:0 auto; overflow:hidden; height:100%;}
#index3 .con dd{ display:none;}
#index3 .con dd p{ margin:0; padding:0;}
#index3 .con dd.pro1 p.a1{ font-size:14px; text-align:right; line-height:18px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; margin-top:190px; margin-right:80px; opacity:0;}
#index3 .con dd.pro1 p.a2{ font-size:42px; text-align:right; line-height:50px; color:#fff; font-weight:900;opacity:0; margin-right:80px;}
#index3 .con dd.pro1 p.a3{ font-size:18px; text-align:right; line-height:24px;opacity:0; margin-right:80px;}
#index3 .con dd.pro1 p.a4{ text-align:right; margin-top:20px;opacity:0; margin-right:80px; display:none;}
#index3 .con dd.pro1 p.a5{ text-align:right; overflow:hidden; margin-top:40px;opacity:0; margin-right:80px;}
#index3 .con dd.pro1 p.a5 a{ display:block; width:100px; line-height:30px; background:#be8b54; border-radius:50px; color:#fff; text-align:center; float:right; margin-left:10px; font-size:14px; text-decoration:none;}
#index3 .con dd.pro1 p.a5 a:hover{ background:#fff; color:#be8b54; width:120px;}

#index3 .con dd.pro2 p.a1{ font-size:14px; text-align:right; line-height:18px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; margin-top:190px; margin-right:80px; opacity:0;}
#index3 .con dd.pro2 p.a2{ font-size:42px; text-align:right; line-height:50px; color:#fff; font-weight:900;opacity:0; margin-right:80px;}
#index3 .con dd.pro2 p.a3{ font-size:18px; text-align:right; line-height:24px;opacity:0; margin-right:80px;}
#index3 .con dd.pro2 p.a4{ text-align:right; margin-top:20px;opacity:0; margin-right:80px; display:none;}
#index3 .con dd.pro2 p.a5{ text-align:right; overflow:hidden; margin-top:40px;opacity:0; margin-right:80px;}
#index3 .con dd.pro2 p.a5 a{ display:block; width:100px; line-height:30px; background:#be8b54; border-radius:50px; color:#fff; text-align:center; float:right;margin-left:10px; font-size:14px; text-decoration:none;}
#index3 .con dd.pro2 p.a5 a:hover{ background:#fff; color:#be8b54; width:120px;}

#index3 .con dd.pro3 p.a1{ font-size:14px; text-align:right; line-height:18px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; margin-top:190px; margin-right:80px; opacity:0;}
#index3 .con dd.pro3 p.a2{ font-size:42px; text-align:right; line-height:50px; color:#fff; font-weight:900;opacity:0; margin-right:80px;}
#index3 .con dd.pro3 p.a3{ font-size:18px; text-align:right; line-height:24px;opacity:0; margin-right:80px;}
#index3 .con dd.pro3 p.a4{ text-align:right; margin-top:20px;opacity:0; margin-right:80px; display:none;}
#index3 .con dd.pro3 p.a5{ text-align:right; overflow:hidden; margin-top:40px;opacity:0; margin-right:80px;}
#index3 .con dd.pro3 p.a5 a{ display:block; width:100px; line-height:30px; background:#be8b54; border-radius:50px; color:#fff; text-align:center; float:right;margin-left:10px; font-size:14px; text-decoration:none;}
#index3 .con dd.pro3 p.a5 a:hover{ background:#fff; color:#be8b54; width:120px;}

#index3 .con dd.pro4 p.a1{ font-size:14px; text-align:right; line-height:18px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; margin-top:190px; margin-right:80px; opacity:0;}
#index3 .con dd.pro4 p.a2{ font-size:42px; text-align:right; line-height:50px; color:#fff; font-weight:900;opacity:0; margin-right:80px;}
#index3 .con dd.pro4 p.a3{ font-size:18px; text-align:right; line-height:24px;opacity:0; margin-right:80px;}
#index3 .con dd.pro4 p.a4{ text-align:right; margin-top:20px;opacity:0; margin-right:80px; display:none;}
#index3 .con dd.pro4 p.a5{ text-align:right; overflow:hidden; margin-top:40px;opacity:0; margin-right:80px;}
#index3 .con dd.pro4 p.a5 a{ display:block; width:100px; line-height:30px; background:#be8b54; border-radius:50px; color:#fff; text-align:center; float:right;margin-left:10px; font-size:14px; text-decoration:none;}
#index3 .con dd.pro4 p.a5 a:hover{ background:#fff; color:#be8b54; width:120px;}


#pro_btn{ position:absolute; bottom:30px; width:100%;}
#pro_btn ul{ display:inline-block;}
#pro_btn ul li{ float:left; width:10px; height:10px; border-radius:50px; background:rgba(255,255,255,0.2); margin:0 5px; cursor:pointer;}


#index4{ background:url(/image/di2.jpg) no-repeat center /120% auto; transition:all 0.5s ease-out;}

#index4 .title{ font-size:60px; font-weight:900; letter-spacing:10px; opacity:0}
#index4 .con{ font-size:16px; line-height:24px; margin-top:30px; opacity:0; letter-spacing:3px;}
#index4 .more{ overflow:hidden; margin-top:100px; opacity:0; display:inline-block;}
#index4 .more a{ display:block; line-height:36px; background:#be8b54; color:#fff; font-size:14px; width:100px; margin:0 5px; float:left; text-decoration:none; border-radius:500px;}
#index4 .more a:hover{ width:120px; background:#fff; color:#be8b54;}

#index4 .data{ width:100%; text-align:center; overflow:hidden; margin-top:40px;}
#index4 .data ul{ display:inline-block; list-style:none;}
#index4 .data ul li{ float:left; margin:0 40px; opacity:0;}
#index4 .data ul li p{ font-size:36px; font-weight:900; display:block; height:50px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; margin:0; padding:0;}
#index4 .data ul li p.icon{ height:120px; width:120px; margin:0 auto;}
#index4 .data ul li p.icon img{ width:100%;}
#index4 .data ul li font{ font-size:16px; padding:0; margin:0; line-height:30px; display:block;}
#index4 .data ul li p sup{ color:#be8b54;}

#index5{ background:url(/image/di6.jpg) no-repeat center /120% auto; transition:all 0.5s ease-out;}
#index5 .title{ font-size:60px; font-weight:900; letter-spacing:10px; opacity:0}

#index5 .con{ width:100%; text-align:center; margin-top:60px; opacity:0}
#index5 .con ul{ display:inline-block;}
#index5 .con ul li{ width:380px; margin:0 15px; float:left;}
#index5 .con ul li a{ display:block; color:#fff; text-align:left; text-decoration:none; background:rgba(0,0,0,0.6); padding:20px;}
#index5 .con ul li a img{ width:100%;}
#index5 .con ul li a p:nth-child(2){ line-height:24px; font-size:18px; padding:10px 0 0 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#index5 .con ul li a p:nth-child(3){ line-height:24px; font-size:12px; }
#index5 .con ul li a:hover{ background:#be8b54;}


#index5 .more{ overflow:hidden; margin-top:100px; opacity:0; display:inline-block;}
#index5 .more a{ display:block; line-height:36px; background:#be8b54; color:#fff; font-size:14px; width:100px; margin:0 5px; float:left; text-decoration:none; border-radius:500px;}
#index5 .more a:hover{ width:120px; background:#fff; color:#be8b54;}



#zmenu{ background:#be8b54; overflow:hidden; position:absolute; right:20px; display:none;}
#zmenu dl dd a{ display:block; color:#fff; line-height:40px; text-decoration:none; padding:0 20px; border-bottom:solid 1px rgba(255,255,255,0.2);}
#zmenu dl dd a:hover{ background:#111;}

#index_about{ position:absolute; width:100%; height:100%; text-align:center; z-index:60; }

video#bgvid {
	right: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	margin-top:-100px;
	z-index: 50;
	background-size: cover;
	opacity: 0.4;
}
.video{ overflow:hidden; height:100%; width:100%; background:#000; }

#message{ position:fixed; background:#fff; bottom:0;right:0; z-index:10000; padding:30px; border:solid 10px #be8b54; display:none;}
#message p:nth-child(1){ font-size:24px; line-height:50px;}
#message p:nth-child(1) span{ float:right; cursor:pointer;width:30px; line-height:30px; padding:0; height:30px; background:#be8b54; border-radius:50%; margin:-20px -20px 0 0;}
#message p:nth-child(1) span img{ width:30px; padding:0; margin:0;}
#message p{ margin-bottom:10px;}
#message p input{ background:#eee; border:0; height:40px; width:300px; text-indent:20px;border-radius:5px;}
#message p textarea{ width:260px; padding:10px 20px;border:0; background:#eee; height:100px;border-radius:5px; font-family:"΢ÈíÑźÚ";}
#message p button{ width:100%; background:#be8b54; color:#fff;border:0; line-height:40px; cursor:pointer; border-radius:5px;}