/*custom reset==============================*/
*{margin:0;padding:0;border:0;outline:0;font-family: "Microsoft JhengHei";font-style:normal;vertical-align:baseline;-webkit-tap-highlight-color:rgba(255,255,255,0)}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0;padding:0}
*,:after,:before{box-sizing:border-box}
::-moz-focus-inner{border:0;padding:0}
ol,ul,li{list-style:none}
a { text-decoration:none}

.warp {width: 1200px;margin: 0px auto;}
/*通用 - 导航*/
.nav {background: #FFF;
height: 70px;
border-bottom: solid 1px #EEEEEE;
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
width: 100vw;position: fixed;z-index: 100;}
.nav.nava { }
.logo { float:left; padding:19px}
.logo img { display:block;height:42px;}
.nav-links { float:right; justify-content: space-evenly;align-items: center;text-transform: uppercase;}
.nav-links li { display: block;
float: left;
width: 90px;
font-weight: bold;
margin: 20px 5px 0;
font-size: 14px;
line-height: 30px;
text-align: center;}
.nav-links li a {display: block;
-moz-transition: color 0.7s linear;
-webkit-transition: color 0.7s linear;
transition: color 0.7s linear;
color: #4f4f4f;
font-weight: bold;}
.hamburger div {width: 30px;height:3px;background: #000;margin: 5px;transition: all 0.3s ease;}
.hamburger {display: none;}
body.openw { overflow:hidden}

.nav_menu-item {
  display: block;
  position: relative;
}
.nav_menu-item a:hover {color: #d13a1a;
font-weight: bold;
}

@media screen and (max-width: 800px) {
.nav {position: fixed;z-index: 3;}
.hamburger {display:block;position: absolute;cursor: pointer;right: 5%;top: 50%;transform: translate(-5%, -50%);z-index: 2;transition: all 0.7s ease;}
.nav-links {position: fixed;background: #131418;height: 100vh;width: 100%; padding:80px 0 0;flex-direction: column;clip-path: circle(50px at 90% -20%);-webkit-clip-path: circle(50px at 90% -10%);transition: all 1s ease-out;pointer-events: none;}
.nav-links.open {clip-path: circle(2000px at 90% -10%);-webkit-clip-path: circle(2000px at 90% -10%);pointer-events: all;}
.nav-links li { width:100%;opacity: 0; margin:0}
.nav-links li a.toplink { display:block; font-size:18px; color:#fff; line-height:76px; padding:0 20px;position: relative;}
.nav-links li.xgxa a.toplink { color:#C0131D}
.nav-links li:nth-child(1) {transition: all 0.5s ease 0.2s;}
.nav-links li:nth-child(2) {transition: all 0.5s ease 0.4s;}
.nav-links li:nth-child(3) {transition: all 0.5s ease 0.6s;}
.nav-links li:nth-child(4) {transition: all 0.5s ease 0.7s;}
.nav-links li:nth-child(5) {transition: all 0.5s ease 0.8s;}
.nav-links li:nth-child(6) {transition: all 0.5s ease 0.9s;}
.nav-links li:nth-child(7) {transition: all 0.5s ease 1s;}
li.fade {opacity: 1;}
.hamburger.toggle div {background: #FFF;}


}
/*Animating Hamburger Icon on Click*/
.toggle .line1 {transform: rotate(-45deg) translate(-5px, 6px);}
.toggle .line2 {transition: all 0.7s ease;width:0;}
.toggle .line3 {transform: rotate(45deg) translate(-5px, -6px);}

 
/*slide 通用==============================*/
.owl-dots{position:relative;z-index:2;display:inline-block;padding-top:1rem;left:50%;text-align:center;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.owl-dots button.owl-dot{display:inline-block;width:0.5rem;height:0.5rem;border-radius:50%;margin:0 0.3rem;background:rgba(0,0,0,.2);cursor:pointer;transition:all 500ms ease;-webkit-transition:all 500ms ease}
.owl-dots button.owl-dot.active{background:#0C157C}

.owl-nav{position:absolute;z-index:1;top:calc(70% - 3rem);width:100%;color:#fff;text-align:center;cursor:pointer}
.owl-nav button{width:6rem;height:6rem;line-height:6rem;position:absolute;margin:0;transition:all 500ms ease;-webkit-transition:all 500ms ease; text-align:center}
.owl-nav button i{font-size:4rem}
.owl-nav button.owl-prev{left:1rem;text-align:left}
.owl-nav button.owl-next{right:1rem;text-align:right}
.owl-nav button:hover{opacity:0.5}
.owl-nav button.disabled{opacity:0.1}

  
/*slide*/
.slide-intro{position:relative}
.slide-intro .item{position:relative;height:100vh}
.slide-intro .item .scaleBg{position:absolute;z-index:0;left:0;top:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}
.slide-intro .item .scaleBg:after{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.3)}
.slide-intro .active .item .scaleBg{visibility:visible;-webkit-animation:scale-bg 6s linear forwards;animation:scale-bg 6s linear forwards}

.slide-intro .item .inner{position:relative;z-index:1;top:calc(50% + 4rem);left:2rem;color:#fff;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.slide-intro .item .inner h2{position:relative;opacity:0;left:4rem;font-size:5rem;line-height:1.2;font-family:'AvertaCY';font-weight:700;text-transform:uppercase;transition:all .4s ease}
.slide-intro .item .inner h3{position:relative;opacity:0;left:2rem;font-size:3rem;line-height:1.5;padding-top:1rem;transition:all .4s ease}
.slide-intro .active .item .inner h2{left:0;transition-delay:0.4s;opacity:1}
.slide-intro .active .item .inner h3{left:0;transition-delay:0.6s;opacity:1}

.slide-intro-dots{position:absolute;z-index:2;bottom:4rem;left:2rem;font-size:1.2rem}
.slide-intro-dots .owl-dot{display:inline-block; background:#fff;margin:0 0.4rem;cursor:pointer; width:16px; height:16px; border-radius:8px;position:relative;transition:all 500ms ease;-webkit-transition:all 500ms ease}
.slide-intro-dots .owl-dot.active{background:#e50012}
.slide-intro-dots .owl-dot i { display:none}

.slide-intro .owl-nav{top:initial;right:2rem;bottom:4rem;width:initial}
.slide-intro .owl-nav button{position:relative;width:5rem;height:5rem;line-height:5rem}
.slide-intro .owl-nav button i{font-size:3.2rem}
.slide-intro .owl-nav button.owl-prev{left:initial;float:left;text-align:left}
.slide-intro .owl-nav button.owl-next{right:initial;float:right;text-align:right}