﻿@charset "utf-8";

@font-face {
    font-family: 'bebas_neuebold';
    src: url('../fonts/bebasneue_bold-webfont.eot');
    src: url('../fonts/bebasneue_bold-webfont.eot') format('embedded-opentype'),
         url('../fonts/bebasneue_bold-webfont.woff2') format('woff2'),
         url('../fonts/bebasneue_bold-webfont.woff') format('woff'),
         url('../fonts/bebasneue_bold-webfont.ttf') format('truetype'),
         url('../fonts/bebasneue_bold-webfont.svg#bebas_neuebold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'nexa_lightregular';
    src: url('../fonts/nexa_free_light-webfont.eot');
    src: url('../fonts/nexa_free_light-webfont.eot') format('embedded-opentype'),
         url('../fonts/nexa_free_light-webfont.woff2') format('woff2'),
         url('../fonts/nexa_free_light-webfont.woff') format('woff'),
         url('../fonts/nexa_free_light-webfont.ttf') format('truetype'),
         url('../fonts/nexa_free_light-webfont.svg#nexa_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'nexa_boldregular';
    src: url('../fonts/nexa_free_bold-webfont.eot');
    src: url('../fonts/nexa_free_bold-webfont.eot') format('embedded-opentype'),
         url('../fonts/nexa_free_bold-webfont.woff2') format('woff2'),
         url('../fonts/nexa_free_bold-webfont.woff') format('woff'),
         url('../fonts/nexa_free_bold-webfont.ttf') format('truetype'),
         url('../fonts/nexa_free_bold-webfont.svg#nexa_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'arcamajora2';
    src: url('../fonts/arcamajora2-heavy-webfont.eot');
    src: url('../fonts/arcamajora2-heavy-webfont.eot') format('embedded-opentype'),
         url('../fonts/arcamajora2-heavy-webfont.woff2') format('woff2'),
         url('../fonts/arcamajora2-heavy-webfont.woff') format('woff'),
         url('../fonts/arcamajora2-heavy-webfont.ttf') format('truetype'),
         url('../fonts/arcamajora2-heavy-webfont.svg#arcamajora2') format('svg');
    font-weight: normal;
    font-style: normal;

}

::-webkit-scrollbar {
    background-color: transparent;
    width: 4px;
}
::-webkit-scrollbar-thumb {
    background-color: #4A4A4A;
}
::scrollbar {
    background-color: transparent;
    width: 4px;
}
::scrollbar-thumb {
    background-color: #4A4A4A;
}
/*RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {max-width: 100%}
* {position: relative; outline: none;}

.clear_both {
	clear:both;
}

body {
	font-family: "Microsoft YaHei UI", "Microsoft YaHei UI Light", "微软雅黑", Arial; font-size:1em;
}
a {
    color: inherit;
    text-decoration: none;
}
li {
    display: block;
}
ul:after , .clear_fix:after {
    content: "";
    display: block;
    clear: both;
}
/*RESET*/

div {
    transform: perspective(1000px) translate3d(0,0%,0);
}


.cover_img {
    background-size: cover;
    width: 100%;
    height: 100%;
    background-position: center center;
	background-repeat: no-repeat;
}
.page {
    width: 100%;
    height: 100%;
}
.smooth_scroll_warrper {
    position: fixed;
    z-index: 10;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
}

.oslide {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
	z-index: 1;
}

.home_slide_warrper {
    position: fixed;
    z-index: 20;
    top: 84px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    
    margin: auto;
}
.top_nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 5%;
    z-index: 500;
    color: #fff;
    /* bottom: 0; */
    /* height: 100%; */
}
.nav_tn {
    width: 18px;
    height: 40px;
    cursor: pointer; margin: auto;
}
.nav_tn li {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #fff;
}
.nav_tn li:nth-child(2) {
    left: calc(50% - 1px);
}
.nav_tn li:nth-child(3) {
    left: calc(100% - 2px);
}
.nav_m.lett li {
    display: block;
    text-align: center;
    transform: rotate(90deg);
    font-size: 0.875em;
    font-weight: lighter; font-family: 'nexa_lightregular';
}
.nav_m.lett li {
    display: block;
    text-align: center;
    transform: rotate(90deg);
    font-size: 0.875em;
    font-weight: lighter;
    font-family: 'nexa_lightregular';
    line-height: 0.95;
    width: 1em;
    margin: auto;
}
.nav_m {
    margin-left: -0.3em;
    margin-top: 1em;
}
.nav_c {
    margin-top: 2em;
}
.top_logo {
    position: fixed;
    color: #fff;
    z-index: 510;
    left: 5%;
    top: 2em;
}
.top_logo h1 {
    font-size: 1.5em;
    font-weight: bold; font-family: 'nexa_boldregular';
}
.top_logo h1:after {
    content: "";
    position: absolute;
    bottom: -0.5em;
    left: 0;
    right: 0;
    height: 1px;
    background: #fff;
    opacity: 0.5;
}
.bn {
    width: 100%;
    height: 100%;
    z-index: 5;
}
.bnt {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    z-index: 10;
}
.bnt.t1 {
    z-index: 5;
}
.bntc {
    
    width: 100%;
    text-align: center;
    vertical-align: middle;
    color: #fff;
}
.bntc h1 {
    font-size: 2.5em;
    text-transform: uppercase;
    width: 44.5vw;
    margin: auto;
    font-family: 'nexa_boldregular';
    /* height: 5vw; */
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.1em;
}
.bntc h2 {
    width: 44.5vw;
    margin: auto;
    margin-bottom: 1em;
    text-transform: uppercase;
    font-size: 2.35vw;
    font-family: 'nexa_lightregular';
}
.flex_text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.red_color {
    color: #ffffff;
}
.bntbgn {
    /* border: 1px solid #fff; */
    width: 65vw;
    margin: auto;
    height: 60vh;
    opacity: 0.15;
}
.bgtext {
    font-size: 16vw;
    font-family: 'nexa_boldregular';
    margin-left: -0.2em;
    margin-right: -0.2em;
    opacity: 1;
    line-height: 0.8;
    padding-top: 0.1em;
}
.bgttt {
    opacity: 0.05;
	/*mix-blend-mode: overlay;*/
}
.bnt.t2 {
    z-index: 3;
}
.bn_bg li {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
	z-index: 1;
}
.bn_bg li.active {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
	z-index: 10;
}

.ar_down {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    color: #fff;
    text-align: center;
    z-index: 30;
    height: 10%;
    max-width: 100px;
}
.ar_t {
    font-size: 0.75em;
    letter-spacing: 0.2em;
    margin-left: 0.2em; font-family: 'nexa_lightregular'; opacity: 0.8;
}
.ar_line {
    position: absolute;
    left: 50%;
    width: 1px;
    top: 2em;
    bottom: 0;
    background: #fff;
    opacity: 0.3;
}
.table_w {
	display: table;

}
.table_c {
	display: table-cell;
	vertical-align: middle;
}
/*oslide*/
.oslide {
    transition: 2.5s;
    opacity: 0;     pointer-events: none;
}
.oslide.active {
    opacity: 1;     pointer-events: auto;
}
/**/
.home_slide_warrper .oslide  {
    transition: 1s;
    transform: perspective(1000px) translate3d(0,00%,0);
}
.home_slide_warrper .oslide.active {
    transition: 1.5s 2.5s;
    transform: perspective(1000px) translate3d(0,0%,0);
    opacity: 1;
}
.home_slide_warrper .oslide.prev {
    transition: 1s;
    transform: perspective(1000px) translate3d(0%,0%,-200px);
    opacity: 0;
}
.home_slide_warrper .oslide.next  {
    transition: 1s;
    transform: perspective(1000px) translate3d(0%,0%,200px) ;
	opacity: 0; 
}

.bntc h2 span {
    display: inline-block;
    transition: 0.8s;
    transform-origin: left;
    transform: perspective(1000px) rotateY(90deg);
}
.finish .bntc h2 span {
    transition: 0.8s 3s;
    transform: perspective(1000px) rotateY(0deg);
}

.bntbgn:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transition: 2s;
	transform: scale(0,1);
}
.finish .bntbgn:before {
    transition: 2s 2s;
	transform: scale(1,1);
}
.bntbgn:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    transition: 2s;
	transform: scale(1,0);
}
.finish .bntbgn:after {
    transition: 2s 4s;
	transform: scale(1,1);
}

.bgttt .bgtext {
    
}

.bgttt {
    opacity: 0; transition: 1s; 
}
.bgtext {
    color: #fff;
}

.finish .bgttt {
    opacity: 0.03; transition: 2s; 
}
.top_nav , .top_jl {
    transition: 0.5s;
    opacity: 0;
}
.page_loaded .top_nav ,.page_loaded  .top_jl {
    transition: 1.5s 1s;
    opacity: 1;
}
.bgtext span {
    display: inline-block;
    transition-duration: 0.5s;
	transform: perspective(1000px) translate3d(0,0,0) rotateY(0deg);
	opacity: 0;
}
.finish .bgtext span {
    display: inline-block;
    transition-duration: 5s;
	transform: perspective(1000px) translate3d(0,0,0) rotateY(0deg);
	opacity: 1;
}
.abb_tt {
    transition-duration: 0.8s;
    opacity: 0;
	transform: perspective(1000px) translate3d(0,0,0) rotateY(20deg);
	
}
.finish .abb_tt {
    transition-duration: 0.8s;
    opacity: 1;
	transform: perspective(1000px) translate3d(0,0,0) rotateY(0deg);     transition-delay: 2s;
}

.lett li , .lett_word li {
    display: inline-block;
}
.ab_p p li {
    overflow: hidden;
    line-height: 1.2;
}
.abbpp p {
    transition-duration: 0.6s;
    transform: perspective(1000px) rotateX(-90deg);
    display: inherit;
	transform-origin: top;
}
.finish .abbpp p {
    transition-duration: 1.5s;
    transform: perspective(1000px) rotateX(0deg);
    display: inherit;
	transition-delay: 3s;
}


.oslide .fkbg_w_el {
    transition-duration: 2s;
    opacity: 0;
}
.oslide.active.finish .active .fkbg_w_el {
    transition-duration: 1s;
    
    opacity: 1;
    /* transform: perspective(1000px) translate3d(0,0,00px); */
}
.oslide .fkbg_w_el div {
    transition-duration: 2s;
    transition-delay:inherit;
	opacity: 1;
	transform: perspective(1000px) translate3d(0,0px,120px);
}
.oslide.active.finish .active .fkbg_w_el div {
    transition-duration: 12s;
    transition-delay:inherit;
	opacity: 1;
	transform: perspective(1000px) translate3d(0,0px,0);
}
/*.fkbg_w_el:after {
    content: "";
    transition-delay: 2s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0%;
    z-index: 5;
    background: #DC0E11;
    transition-duration: 0.8s;
    transform: translate3d(0,0,0);
	opacity: 1;
}
.oslide.active  .fkbg_w_el:after {
	transition-delay:inherit;
	opacity:1;
	bottom: 0;
}
.oslide.active.finish  .fkbg_w_el:after {
	transition-delay:inherit;
	opacity:0;
	transition-duration: 1s;
}*/

/*.about .more a:before {
    content: "";
	color: #e3191b;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-top: 1px solid ;
    border-bottom: 1px solid ;
    transition: 2s;
	transform: scale(0,1);
}
.finish .about .more a:before {
    transition: 2s 2s;
	transform: scale(1,1);
}
.about .more a:after {
    content: "";
	color: #e3191b;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-left: 1px solid ;
    border-right: 1px solid ;
    transition: 2s;
	transform: scale(1,0);
}
.finish .about .more a:after {
    transition: 2s 4s;
	transform: scale(1,1);
}
.about .more a {
	transition: 2s;
	opacity: 0;
}
.finish .about .more a {
	transition: 2s 2s;
	opacity: 1;
}*/
.pd_img a {
    display: block;
    width: 100%;
    height: 100%;     overflow: hidden;
}
.pd_img a:before {
    content: "";
    position: absolute;
    color: red;
    z-index: 10;
    left: 0;
    right: 0;
    text-align: center;
    top: 0%;
	bottom: 0;
    transition: 0.3s;
    opacity: 0;
}
.finish .active .pd_img a:hover::before {
    opacity: 1;
}
.pd_sel.active {
    z-index: 50;
}
.pd_sel {
    z-index: 1;
}

.pd_tt li {
    overflow: hidden;
}
.pd_tt li span {
    display: inline-block;
    transition-duration: 0.2s;
    transform: translate3d(100%,0,0);
	opacity: 0;
}
.pd_sel.next .pd_tt li span {
    display: inline-block;
    transition-duration: 0.2s;
    transform: translate3d(-100%,0,0);
	opacity: 0;
	transition-delay: 0s !important;
}
.pd_sel.prev .pd_tt li span {
    display: inline-block;
    transition-duration: 0.2s;
    transform: translate3d(100%,0,0);
	opacity: 0;
	transition-delay: 0s !important;
}
.finish .pd_sel.active.finish .pd_tt li span {
    display: inline-block;
    transition-duration: 0.8s;
    transform: translate3d(0%,0,0);
	opacity: 1;
}
.more.pdm {
    transition: 0.3s;
    opacity: 0;
	 transform: translate3d(20%,0,0);
}
.finish .active.finish .more.pdm {
    transition: 0.8s 2.5s;
    opacity: 1;
	 transform: translate3d(0%,0,0);
}
/*.more.pdm a:after {
    transition: 0.3s;
    transform: scale(0,1);
    transform-origin: right;
}
.finish .active.finish .more.pdm a:after {
    transition: 1s 4s;
    transform: scale(1,1);
    transform-origin: right;
}*/
.pd_tt_2 {
    transition: 0.3s;
	transform: translate3d(0%,30%,0); opacity: 0;
}
.finish .active.finish .pd_tt_2 {
    transition: 1s 2s;
	transform: translate3d(0%,0%,0); opacity: 1;
}
.pd_p li  {
    overflow: hidden;
}
.pd_p   {
    opacity: 0; transition-duration: 0.2s;
}
.finish .active .pd_p   {
    opacity: 1; transition: 0.2s 0.5s;
}
.pd_p li span {
    display: inline-block;
    transition-duration: 0.2s;
    transform: translate3d(00%,100%,0);
	opacity: 0;
}
.finish .active.finish .pd_p li span {
    display: inline-block;
    transition-duration: 0.6s;
    transform: translate3d(0%,0,0);
	opacity: 1;
}
.pd_img a:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 99.8%;
    left: 0;
    right: 100%;
    top: 0%;
    z-index: 2;
    background: #000;
    transition: 0.8s;
	transition: right 0.2s 1s , top 0.5s 0s , bottom 0.5s 0.5s ; transform: translate3d(0%,0,0);
}
.finish .active.finish .pd_img a:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0%;
    left: 0;
    right: 0;
    z-index: 2;
    background: #fff;
    transition: right 0.5s 2s , top 0.8s 3s , bottom 0.5s 2.5s ; transform: translate3d(0%,0,0);
    top: 100%; 
}
.pd_img a div {
    opacity: 0;
	transition: 0s 0.5s;
}
.finish .active.finish .pd_img a div {
    opacity: 1;
	transition: 0.1s 3s;
}

.pj:before {
    transition: 0.8s;
    content: "";
    display: block;
    background: rgba(0, 0, 0, 0.9);
    position: absolute;
    top: 0;
    left: 0;
    right: 0%;
    bottom: 0%;
	transition: bottom 0.5s 0.5s , transform 1s 0s; 
	transform: translate3d(0%,0,0) scale(0,1);
	transform-origin: left;
}
.finish .pj:before {
    bottom: 0%; right: 0%;
	transition: bottom 0.5s 0.5s , transform 1s 1s; 
	transform: translate3d(0%,0,0) scale(1,1);
}
.more.pjm {
    transition: 0.5s;
    opacity: 0;
}
.finish .more.pjm {
    transition: 0.5s 2s;
    opacity: 1;
}
.pjtc li {
	overflow: hidden;
}
.pjtc li span {
    display: inline-block;
    transition-duration: 0.2s;
    transform: translate3d(100%,0,0);
	opacity: 0;
}
.finish  .pjtc li span {
    display: inline-block;
    transition-duration: 0.8s;
    transform: translate3d(0%,0,0);
	opacity: 1;
}
.pjc h1.pjt2t {
    transition: 1s;
    opacity: 0;
}
.finish h1.pjt2t {
    transition: 1s 2s;
    opacity: 0.2;
}
.newsc li.title {
    transition: 0.5s;
    transform: translate3d(-10%,0,0);
    opacity: 0;
}
.finish .newsc .active li.title {
    transition: 0.5s 1s;
    transform: translate3d(0%,0,0);
    opacity: 1;
}
.newsc li.date {
	transition: 0.5s;
    transform: translate3d(10%,0,0);
    opacity: 0;
}
.finish .newsc .active li.date {
	transition: 0.5s 1.5s;
    transform: translate3d(0%,0,0);
    opacity: 1;
}

.newsc li.pic a:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 100%;
    top: 99%;
    z-index: 2;
    background: #000;
    transition: 0.8s;
	transition: right 0.5s 1s , top 0.5s 0.5s , bottom 0.5s 0s ; transform: translate3d(0%,0,0);
}
.finish .newsc  .active li.pic a:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    z-index: 2;
    background: #fff;
    transition: right 0.5s 2s , top 0.5s 2.5s , bottom 0.5s 3s ;
    top: 0; 
}
.newsc li.pic a  {
	display: block;
}
.newsc li.pic a img  {
    opacity: 0;
	transition: 0.1s 0.5s;
	display: block;
}
.finish .newsc .active li.pic a img {
    opacity: 1;
	transition: 0.1s 3s;
}
.newsc li.pic a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid rgba(255, 255, 255, 0.5);
    transition: 0.5s;
    opacity: 0;
}
.finish .newsc li.pic a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid rgba(255, 255, 255, 0.5);
    transition: 0.5s 1s;
    opacity: 0.6;
}
.finish .newsc .active li.pic a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid rgba(255, 255, 255, 0.5);
    transition: 0.5s 1s;
    opacity: 0.2;
}
.ct_img img {
    transition: 0.8s;
    transform: translate3d(-100%,0,0);
}
.ct_img div {
    overflow: hidden;
	transition: 0.8s;
    transform: translate3d(100%,0,0);
}
.finish .ct_img img {
    transition: 0.8s 1s;
    transform: translate3d(00%,0,0);
}
.finish .ct_img div {
    overflow: hidden;
	transition: 0.8s 1s;
    transform: translate3d(00%,0,0);
}
.ct_cbg {
    transition: 0.8s;
    transform: scale(0,1);
    transform-origin: right;
}
.finish .ct_cbg {
    transition: 0.8s 1.5s;
    transform: scale(1,1);
    transform-origin: right;
}
.cttt li {
	overflow: hidden;
}
.cttt li span {
    display: inline-block;
    transition-duration: 0.2s;
    transform: translate3d(100%,0,0);
	opacity: 0;
}
.finish .cttt li span {
    display: inline-block;
    transition-duration: 0.8s;
    transform: translate3d(0%,0,0);
	opacity: 1;
}
.ctp {
    transition: 0.8s;
    opacity: 0;
	transform: translate3d(20%,0,0);
}
.finish .ctp {
    transition: 1s 2s;
    opacity: 1;
	transform: translate3d(0%,0,0);
}
.l_navc.page_nav {
    transition: 0.8s;
    opacity: 0;
}
.page_loaded .l_navc.page_nav {
    transition: 0.8s 3s;
    opacity: 1;
}
.more.ctm {
    transition: 0.3s;
    opacity: 0;
	 transform: translate3d(20%,0,0);
}
.finish .more.ctm {
    transition: 0.8s 2.5s;
    opacity: 1;
	 transform: translate3d(0%,0,0);
}
.newstt li {
	overflow: hidden;
}
.newstt li span {
    display: inline-block;
    transition-duration: 0.2s;
    transform: translate3d(100%,0,0);
	opacity: 0;
}
.finish .newstt li span {
    display: inline-block;
    transition-duration: 0.8s;
    transform: translate3d(0%,0,0);
	opacity: 1;
}
.news_dot {
    transition: 0.3s;
    opacity: 0;
	 transform: translate3d(0%,10%,0);
}
.finish .news_dot {
    transition: 0.8s 2.5s;
    opacity: 1;
	 transform: translate3d(0%,0,0);
}
.pd_nav {
    transition: 0.3s;
    opacity: 0;
	 transform: translate3d(0%,20%,0);
}
.finish .pd_nav {
    transition: 0.8s 2s;
    opacity: 1;
	 transform: translate3d(0%,0,0);
}


/**/
/*oslide*/

.about {
    position: absolute;
    left: 5%;
    top: 5em;
    bottom: 4em;
    right: 5%;
    color: #fff; z-index: 20;
	width: 90%;
	
	
}
.ab1 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 56%;
	height: 100%;     z-index: 30;
}
.ab1cc {
    width: 64%;
    padding-left: 10%;
    box-sizing: content-box;
}
.pagett h1 {
    font-size: 1.65vw;
    text-transform: uppercase;
    line-height: 3;
    font-family: 'nexa_lightregular';
}
.abtt {
    margin-bottom: 5vh;
}
.ab_p p {
    font-size: 1.55vw;
    /* text-transform: uppercase; */
    line-height: 1.8;
    /* font-family: 'nexa_boldregular'; */
    letter-spacing: 0.05em;
    font-weight: bold;
}
.ab_p {
    margin-bottom: 8vh;
}
/*.more a {
    display: inline-block;
    text-transform: uppercase;
    font-size: 0.825em;
    letter-spacing: 0.1em;
    padding: 1.2em 2.5em;
    font-family: 'nexa_lightregular';
}*/
.ab2 {
    position: absolute;
    right: 0;
    left: 59%;
    top: 0;
    bottom: 0;
    max-width: 750px;
    margin-left: auto;
}
.ab2 li {
    width: 100%;
    height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.ab2 li.active {
    width: 100%;
    height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.page_bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}

.ab_p {
    max-width: 560px;
}

.pd {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
}
.pd_slide, .pd_slidec {
    width: 100%;
    height: 100%;
    z-index: 5;
}
.pd_sel {
    position: absolute;
    left: 10%;
    right: 10%;
    top: 4.5em;
    bottom: 4em;
    margin: auto;
    height: calc(85% - 9.5em);     color: #fff;
}
.pd_img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 62%;
    margin: auto;
    max-width: 950px; z-index: 1;
}
.pd_tt_2 {
    position: absolute;
    z-index: 4;
    right: 0;
    top: 15%;
    left: 60%;
    text-align: center; mix-blend-mode: overlay;
}
.pd_tt {
    position: absolute;
    z-index: 3;
    left: 0;
    top: 15%;
    right: 60%;
}
.pd_tt_2 h1 {
    font-size: 20vw;
    line-height: 0.5;
    font-weight: bold;
    opacity: 0.4;
    font-family: 'arcamajora2';
}
.pd_p {
    position: absolute;
    bottom: -2.5em;
    font-size: 1.45vw;
    right: 10%;
    width: 35%;
    /* text-transform: uppercase; */
    max-width: 385px;
    line-height: 1.2;
    /* font-family: 'nexa_boldregular'; */
    z-index: 5;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.pd_nav {
    position: absolute;
    right: 10%;
    top: 30%;
    color: #fff; z-index: 40;
}
.pd_nav_dot {
    text-align: center;
    font-weight: lighter;
    margin-bottom: 2em;
}
.pd_nav_dot li a {
    border: 1px solid rgba(255, 255, 255, 0.19);
    padding: 0.7em 0;
	transition: 0.3s;
}
.pd_nav_dot li a:hover {
    background: red;
}
.pd_nav_dot li a {
    display: block;
    margin-bottom: 1em;
}
.ar_line1 {
    height: 60px;
    margin: 1em auto;
    width: 1px;
    background: #e31919;
}
.v_nav_ar img {
    display: block;
    cursor: pointer;
}
.pd_bg , .pd_bgc , .pd_bgimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.more.pdm {
    position: absolute;
    bottom: 15%;
    left: 0;
    z-index: 100;
}
.about .more a {
    border: none;
}
.pj_bg , .pj_bgc , .pj_bgimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.pj_bgimg.active {
    z-index: 10;
	transition: 0.8s; opacity: 1;
}
.pj_bgimg {
    z-index: 1;
	transition: 0.8s; opacity: 1;
}
.pj {
    position: absolute;
    left: 12px;
    top: 12px;
    bottom: 12px;
    width: 47.5%;
    /*background: rgba(0, 0, 0, 0.8);*/
    z-index: 10;
    color: #fff;
}
.pjt {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; z-index: 30;
}
.pjtc {
    width: 50%;
    margin: auto;
}
h1.pjt2t {
    font-size: 20vw;
    line-height: 0.5;
    font-weight: bold;
    opacity: 0.2;
    font-family: 'arcamajora2';
    width: 90%;
    text-align: center;
    margin: auto;
    padding-bottom: 0.15em;
}
.pjt.pjt2 {
    z-index: 10;
}
.more.pjm {
    position: absolute;
    right: -100px;
    top: 50%;
    margin-top: -29px;
    transform: rotate(90deg);
    background: rgba(0, 0, 0, 0.96);
    z-index: 100;
}
/*.more.pdm a:after {
    content: "";
    position: absolute;
    left: 96%;
    top: 50%;
    width: 65%;
    height: 1px;
    background: #e3191b;
}*/
.flex_c {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.flex_w {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.news_slide {
    padding: 0px 20%;
}
.newsc ul.comstyle.newslist-01 .content {
    width: 85%;
    margin: auto;
}
.newsc .newstitle {
    position: absolute;
    z-index: 20;
    color: #fff;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.newsc .newstitle ul {
    width: 100%;
    height: 100%;
}
.newsc li.title {
    position: absolute;
    top: 10%;
    left: 0;
    font-size: 1.25vw;
    font-weight: bold;
    /* text-transform: uppercase; */
    width: 50%;
    max-width: 450px;
    line-height: 1.5;
    /* font-family: 'nexa_boldregular'; */
    letter-spacing: 0.05em;
    bottom: 10%;
}
.newsc li.date {
    position: absolute;
    bottom: 10%;
    right: 0;
    font-size: 4.5vw;
    font-weight: bold;
    font-family: 'arcamajora2';
    letter-spacing: 0.05em;
}
.newsc li.pic {
    padding: 0 6%;
}
.newstt {
    width: 70%;
    margin: auto;
    max-width: 600px;
    margin-bottom: 2em;
}
.newsc li.title h3 , .newsc li.title h3 a {
    height: 100%;
    display: block;
}
.newsc li.title h3 a:after {
    content: "READ MORE";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 0.8rem;
    font-weight: lighter;
    border: 1px solid #e31c20;
    padding: 1em 2.5em; transition: 0.3s;
}
.newsc li.title h3 a:hover::after {
     transition: 0.3s;
	 background: #F11014;
}
.newsc {
    width: 100%;
}
.newsc .owl-carousel .owl-stage-outer {
    overflow: visible;
}
.news_bg, .news_bgc {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.news_bg .cover_img {
    height: 100vh;
}
.news_bg .content {
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    transition: 1s;
    opacity: 0;  z-index: 1;
}
.news_bg .content.active {
    opacity: 1;
	transition: 0.2s; z-index: 10;
}
.news_bg .pic a  {
    /*-webkit-filter: grayscale(0);
    filter: grayscale(0);*/
	transition: 1s;
	opacity: 1;
}
.sl_bg_list.active.finish .news_bg .active .pic a  {
    /*-webkit-filter: grayscale(1);
    filter: grayscale(1);*/
	opacity: 0.2;
	transition: 2s 2.5s;
}
/*.sl_bg_list.active.finish .news_bg .active .pic a .fkbg_w_el_inner {
    opacity: 0.2;
    transition-duration: 4s;
    transition-delay: inherit;
}*/
/*.news_bgc .content {
    opacity: 0;
    -webkit-filter: grayscale(0.2);
    filter: grayscale(0.2);
}
.news_bgc .content.active {
    opacity: 0.15;
    -webkit-filter: grayscale(0.8);
    filter: grayscale(0.8);
}*/
.news_bg {
    /* background: #232323; */
}
.hoz_nav div {
    display: inline-block;
    vertical-align: top;
}
.hoz_nav {
    color: #fff;
    text-align: center;
    margin-top: 3em;
}
.n_hz_d {
    color: #e6e6e6;
    text-transform: uppercase;
    font-size: 0.925em;
    letter-spacing: 1em;
    padding: 0 1.5em;
    margin-left: 0.5em;
    font-weight: lighter;
}
.n_hz_d a {
    display: block;
}
.n_hz_d a:after {
    content: "";
    position: absolute;
    top: 30px;
    height: 1px;
    left: 0;
    right: 0.5em;
    background: #e31c20;
}
.hoz_nav img {
    display: block;
    cursor: pointer;
}
.ct_img {
    position: absolute;
    z-index: 40;
    right: 0;
    width: 48%;
}
.ct_img img {
    display: block;
}
.ctc {
    width: 80%;
    margin: auto;
}
.cttt {
    width: 35%;
    margin-bottom: 17vh;
    z-index: 30;
    padding-top: 4vh;
}
.ctp {
    color: #fff;
    width: 35%;
    margin-left: 20%;
    z-index: 10;
    max-width: 450px;
}
.ctp p {
    font-size: 1.05em;
    font-weight: lighter;
    line-height: 1.5;
    margin-bottom: 0.5em;
    
}
.ctp p span {
    font-weight: bold;
}
.ct_cbg {
    position: absolute;
    top: -6%;
    left: 15%;
    right: 20%;
    bottom: -11%;
    background: #151515;
    z-index: 1;
    margin: auto;
}
.more.ctm {
    color: #fff;
    position: absolute;
    right: 4%;
    bottom: 8%; z-index: 10;
}
.more.ctm a:before {
    content: "";
    display: block;
    position: absolute;
    right: 100%;
    top: 50%;
    height: 1px;
    width: 50%;
    background: #e3191b;
}
.nav_w {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 300;
    color: #fff;
   
    
}
.nav_w1 {
    width: 80%;
    position: absolute;
    z-index: 10;
    left: 5%;
    right: 5%;
    top: 10%;
    bottom: 10%; margin: auto;
}
.nav_ww.w1:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
}
.menu_open .nav_ww.w1:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 100%;
    left: 0;
    right: 0;
    z-index: 100;
	transition: 0s 3s;
} 

.nav_w1 ul {
    width: 100%;
    height: 100%;
}
.nav_w1 ul li {
    float: left;
    width: 16.666%;
    height: 100%;
	
}
.nav_w1 ul li {
    font-size: 1.15vw;
    line-height: 2.4;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    z-index: 20;
}
.nav_w1 ul li a span {
    transform: skewX(10deg);
}

.ww_owe {
    position: absolute;
    left: 15%;
    right: 0;
    top: -15%;
    bottom: -15%;
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.nav_ww.w1 {
    z-index: 50;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
}
.nav_ww.w2 {
    z-index: 10;
}
.nav_w2 {
    width: 90%;
    text-align: center;
    font-size: 75vw;
    font-weight: bold;
    color: #e80000;
    opacity: 0.5;
    margin: auto;
    line-height: 100vh;
}
.nav_ww.w2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.nav_w2 li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.nav_ww.w3, .nav_w3, .nav_w3 li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    
}
.nav_w3 li {
    opacity: 0;
	transition: 1s; transform: perspective(1000px) translate3d(0,0,100px) ;
}
.nav_w3 li.active {
    opacity: 1;
	transition: 1.6s; transform: perspective(1000px) translate3d(0,0,00px) ;
}
.nav_w3 .cover_img {
    
}
.nav_sbg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}
.nav_ww.w3 {
    background: #464646;
    transition: 0.8s;
    opacity: 0;
}
.menu_open .nav_ww.w3 {
	transition: 0.8s 2s;
	opacity: 1;
}
.menu_open .nav_tn li:nth-child(1) {
    transition: 0.3s;
    left: calc(50% - 2px); transform: rotate(45deg);
}
.nav_tn li:nth-child(1) {
    transition: 0.3s;
     transform: rotate(0deg);
}
.menu_open .nav_tn li:nth-child(3) {
    transition: 0.3s;
    left: calc(50% - 2px); transform: rotate(-45deg);
}
.nav_tn li:nth-child(3) {
    transition: 0.3s;
     transform: rotate(0deg);
}
.nav_tn li:nth-child(2) {
    transition: 0.3s;
    opacity: 1;
}
.menu_open .nav_tn li:nth-child(2) {
    transition: 0.3s;
    opacity: 0;
}

.nav_w3 {
    opacity: 0.7;
}
.nav_ww.w2 {
    /*mix-blend-mode: overlay;*/
}
.nav_w {
    opacity: 0;
    transform: translate3d(0%,0,0);
	pointer-events: none;
	transition: transform 0.5s , opacity 1.5s , top 0s 1.5s;
	top: -100%;
	height: 100%;
	background: #111111;
}
.menu_open .nav_w {
    opacity: 1;
	transform: translate3d(0%,0,0);
	pointer-events: auto;
	top: 00%;
	transition: transform 0.5s , opacity 1s , top 0s 0s; 
	z-index: 300;
}
.nav_w1 ul li {
    overflow: hidden;
}
.nav_w1 ul li a {
    display: block;
    text-align: center;
    position: absolute;
    top: 5%;
    left: 5%;
    right: 5%;
    bottom: 5%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; overflow: hidden;
}


.nav_w1 ul li a:before {
    content: "";
    position: absolute;
    top: 0%;
    left: 0%;
    right: 0%;
    bottom: 0%;
    background: rgb(255, 31, 31);
    /* border: 1px solid rgba(239, 15, 15, 0.59); */
    opacity: 0;
    transition-duration: 0.4s;
    transform: perspective(1000px) translate3d(0,0,0px) scale(0,1);
	transform-origin: left;
}
.nav_w1 ul li a:hover {
    
}
.nav_w1 ul li a {
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: 0.8s;
    /* border: 1px solid #ff1f1f; */
}
.menu_open .nav_w1 ul li a {
    opacity: 1; transition: 0.8s
}
.menu_open .nav_w1 ul li a:hover::before {
    opacity: 1; transform: perspective(1000px) translate3d(0,0,0px) scale(1,1);
}

.menu_open .nav_w1 ul li:nth-child(1) a {
    transition-delay: 1s;
}
.menu_open .nav_w1 ul li:nth-child(2)  a  {
    transition-delay: 1.2s;
}
.menu_open .nav_w1 ul li:nth-child(3)  a {
    transition-delay: 1.4s;
}
.menu_open .nav_w1 ul li:nth-child(4)  a  {
    transition-delay: 1.6s;
}
.menu_open .nav_w1 ul li:nth-child(5)  a  {
    transition-delay: 1.8s;
}
.menu_open .nav_w1 ul li:nth-child(6)  a  {
    transition-delay: 2s;
}

.nav_w1 ul li  {
    transition: 1s;
     transform:perspective(1000px)translateZ(00px)  skewX(-10deg)  translateY(0%);
	 opacity: 1;
}
.menu_open .nav_w1 ul li  {
    transition: 1s 2.8s;
     transform:perspective(1000px)translateZ(00px)  skewX(-10deg)  translateY(5%);
	 opacity: 1;
}
.nav_w1 ul li:nth-child(even) {
    transform: perspective(1000px) translateZ(0) skewX(-10deg) translateY(0%);
}
.menu_open .nav_w1 ul li:nth-child(even) {
    transform: perspective(1000px) translateZ(0) skewX(-10deg) translateY(-5%);
}
.nav_w1 ul li a:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #e81212;
    transition: 1s 2s;
    transition-delay: inherit;
	transform: translate3d(-120%,0,0);
}
.menu_open .nav_w1 ul li a:after {
	transform: translate3d(120%,0,0);
	transition-duration: 1.6s;
}

.menu_open .nav_w1 ul li:nth-child(1) a:after {
    transition-delay: 1s;
}
.menu_open .nav_w1 ul li:nth-child(2) a:after  {
    transition-delay: 1.2s;
}
.menu_open .nav_w1 ul li:nth-child(3) a:after  {
    transition-delay: 1.4s;
}
.menu_open .nav_w1 ul li:nth-child(4) a:after  {
    transition-delay: 1.6s;
}
.menu_open .nav_w1 ul li:nth-child(5) a:after  {
    transition-delay: 1.8s;
}
.menu_open .nav_w1 ul li:nth-child(6) a:after  {
    transition-delay: 2s;
}
.nav_w1 ul li a span {
    display: block;
     transition-duration: 0.5s;
    opacity: 0;
}
.menu_open .nav_w1 ul li a span {
    display: block;
    transition-duration: 1s;
    opacity: 1;
}

.menu_open .nav_w1 ul li:nth-child(1) span {
    transition-delay: 2s;
}
.menu_open .nav_w1 ul li:nth-child(2)  span  {
    transition-delay: 2.2s;
}
.menu_open .nav_w1 ul li:nth-child(3)  span {
    transition-delay: 2.4s;
}
.menu_open .nav_w1 ul li:nth-child(4)  span  {
    transition-delay: 2.6s;
}
.menu_open .nav_w1 ul li:nth-child(5)  span  {
    transition-delay: 2.8s;
}
.menu_open .nav_w1 ul li:nth-child(6)  span  {
    transition-delay: 3s;
}
.ww_owe {
    transition: 0.8s;
    transform: translateX(30%);
    opacity: 0;
}
.menu_open .ww_owe {
    transition: 0.8s 1s;
    transform: translateX(0%);
    opacity: 1;
}
.nav_w2 {
 	transition: 0.8s;
    transform: translateX(0%);
    opacity: 0;
}
.menu_open .nav_w2 {
 	transition: 0.8s 2s;
    transform: translateX(0%);
    opacity: 0;
}
.nav_w2 li {
    transition: 0.2s;
    opacity: 0;
}
.nav_w2 li.active {
    transition: 0.5s;
    opacity: 1;
}
.sw_t {
    transition: 0.5s;
    opacity: 0;
}
.finish .sw_t {
    transition: 0.5s 5s;
    opacity: 1;
}
.finish .sw_t.active {
    transition: 0.2s;
    opacity: 1;
}
.sw_t span {
    transition: 0.2s;
    opacity: 1;
	transform: translate3d(110%,0,0);
}
.finish .sw_t.active span {
    transition: 1.2s;
    opacity: 1;
	transform: translate3d(00%,0,0); transition-timing-function: cubic-bezier(0.08, 0.67, 0.25, 1);
}
.sw_t.reactive span {
    transition: 0.8s;
    opacity: 1;
	transform: translate3d(-110%,0,0);
	transition-delay: 0s !important;
}

.bntc h1 span {
    display: block;
}
.bntc h1 li {
    overflow: hidden;
    display: block;
}
.bn_bg {
    z-index: 1;     transform: translate3d(0,0,0);
}
.news_bg .pic a {
    height: 100vh; display: block;
}






/*fkbg*/
.fkbg_w {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;     transform: translate3d(0,0,0);
}
.fkbg_w_el {
    overflow: hidden;
    float: left;
}
.fkbg_w_el_inner {
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.fkbg_w_el {
    transition-duration: 2s;
    transform: perspective(1000px) translate3d(00%,0,00px) rotateX(0deg);
    opacity: 0;
	transform-origin: center;
}
.sl_bg_list.next .active .fkbg_w_el {
    transition-duration: 2s;
    transform: perspective(1000px) translate3d(00%,0,00px) rotateX(0deg);
    opacity: 0;
    /* transform: perspective(1000px) translate3d(0,0,00px); */
}
.sl_bg_list.active .active .fkbg_w_el {
    transition-duration: 1s;
    transform: perspective(1000px) translate3d(0,0,000px) rotateX(0deg);;
    opacity: 1;
    /* transform: perspective(1000px) translate3d(0,0,00px); */
}

.ny_bnn.active  .fkbg_w_el {
    transition-duration: 1s;
    transform: perspective(1000px) translate3d(0,0,000px);
    opacity: 1;
    /* transform: perspective(1000px) translate3d(0,0,00px); */
}


.nav_sbg.active .fkbg_w_el {
    transition-duration: 1s;
    transform: perspective(1000px) translate3d(0,0,000px);
    opacity: 1;
    /* transform: perspective(1000px) translate3d(0,0,00px); */
}
.fkbg_w_elc {
    width: 100%;
    height: 100%;
}

.fkbg_w_el .fkbg_w_el_inner {
    transition-duration: 3s;
    transition-delay:inherit;
	opacity: 1;
	transform: perspective(1000px) translate3d(0,0px,200px);
}
.sl_bg_list.active.finish .active .fkbg_w_el .fkbg_w_el_inner {
    transition-duration: 12s;
    transition-delay:inherit;
	opacity: 1;
	transform: perspective(1000px) translate3d(0,0px,0);
}
.sl_bg_list.active.finish .bn_bg .active .fkbg_w_el .fkbg_w_el_inner {
    transition-duration: 8s;
    transition-delay:inherit;
	opacity: 1;
	transform: perspective(1000px) translate3d(0,0px,0);
}

.ny_bnn.active.finish  .fkbg_w_el .fkbg_w_el_inner {
    transition-duration: 3s;
    transition-delay:inherit;
	opacity: 1;
	transform: perspective(1000px) translate3d(0,0px,0);
}


/*.sl_bg_list .fkbg_w_el:after {
    content: "";
    transition-delay:5s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0%;
    bottom: 0%;
    z-index: 5;
    background: #e3191b;
    background: #D10A0A;
    transition-duration: 0s;
    transform: translate3d(0,0,0) scale(0,1);
	transform-origin: left;
	opacity: 1;
}
.sl_bg_list.active .active .fkbg_w_el:after {
	transition-delay:inherit;
	opacity:1;
	transition-duration: 0.5s;
	 transform: translate3d(0,0,0) scale(1,1);
	 transform-origin: left;
}
.sl_bg_list.active.finish .active .fkbg_w_el:after {
	transition-delay:inherit;
	opacity:0;
	transition-duration: 0.8s;
	transform: translate3d(100%,0,0) scale(1,1);
}*/

.ny_bnn.active  .fkbg_w_el:after {
	transition-delay:inherit;
	opacity:1;
	transition-duration: 0.5s;
	 transform: translate3d(0,0,0) scale(1,1);
	 transform-origin: left;
}
.ny_bnn.active.finish  .fkbg_w_el:after {
	transition-delay:inherit;
	opacity:0;
	transition-duration: 0.8s;
	transform: translate3d(100%,0,0) scale(1,1);
}

.pj_bg .fkbg_w_el:after {
    transform: translate3d(0,0,0) scale(1,1);
	opacity: 0;
	transition-duration: 2s; transition-delay:0s;
}
.sl_bg_list.active.finish .pj_bg .active .fkbg_w_el:after {
	transform: translate3d(0%,0,0) scale(1,1);
}
.fkbg_w_elc {
    transition-delay:inherit;
	opacity: 0;
	transition-duration: 2s;
}
.sl_bg_list.active.finish .active .fkbg_w_elc {
    transition-delay:inherit;
	opacity: 1;
	transition-duration: 2s;
}

.ny_bnn.active.finish  .fkbg_w_elc {
    transition-delay:inherit;
	opacity: 1;
	transition-duration: 2s;
}



.pj_bgc .fkbg_w_el:after {
    
}
.pd_nav_dot li.active {
    background: #e3191b;
    transition: 0.3s;
}
.ar_down {
    transition: 1s;
    transform: translateY(30px);
    opacity: 0;
}
.finish .ar_down {
    transition: 1s 2s;
    transform: translateY(0px);
    opacity: 1;
}
.l_nav {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 5%;
    color: #fff;
    text-transform: uppercase;
    font-size: 0.805em;
    text-align: center; z-index: 100;
}
.l_navc.page_nav > li {
    position: absolute;
    top: 0;
    margin-top: 0;
    transition: 0.5s;
    overflow: hidden;
    line-height: 1.5;
    width: 100%;
    left: 0;
    letter-spacing: 0.5em;
    /* transform: rotate(90deg); */
    text-align: center;
}
.l_navc.page_nav > li span {
    transition: 0.5s;
    transform: translateY(100%);
    opacity: 0;
    display: inline-block;
    font-family: 'nexa_lightregular';
    margin: auto;
}
.l_navc.page_nav > li.active span {
    transition: 0.5s;
	transform: translateY(00%);
	opacity: 1;
}
.l_navc.page_nav > li li {
    display: block;
    overflow: hidden;
    transform: rotate(0deg);
    text-align: center;
}
.l_navc.page_nav {
    width: 100%;
    height: 180px;
    position: absolute;
    top: 50%;
    margin-top: -90px;
}
/*.l_navc.page_nav:before {
    content: "";
    display: block;
    width: 1px; 
    margin: auto;
    height: 50px;
    position: absolute;
    right: 50%;
    top: 100%;
    background: rgba(255, 0, 0, 0.64);
}*/
.l_navc.page_nav:after {
    content: "";
    display: block;
    width: 1px;
    margin: auto;
    height: 50px;
    position: absolute;
    right: 54%;
    bottom: 120%;
    background: rgb(255, 255, 255);
}
.about .fkbg_w_el:after {
    background: #fff;
}

.nav_sbg.active .fkbg_w_el:after {
	transition-delay:inherit;
	opacity:1;
	transition-duration: 1s;
	background: #000;
	transform: translate3d(0,0,0);
}
.sl_bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    background: #272727;
}
.sl_bg_list {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    transition: 1.5s; transform: perspective(1000px) translate3d(0,100%,0);
}
.sl_bg_list.active {
    z-index: 10;
    opacity: 1; transform: perspective(1000px) translate3d(0,00%,0);
}
.sl_bg_list.prev {
    z-index: 10;
    opacity: 1; transform: perspective(1000px) translate3d(0,-40%,-500px);
}
.sl_bg_list.next {
    z-index: 10;
    opacity: 1; transform: perspective(1000px) translate3d(0,100%,500px);
}
/*fkbg*/
.sl_title.page_nav {
    pointer-events: none;
}
.sl_title.page_nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 30;
    color: #fff;
    text-align: center;
    font-size: 4vw;
    text-transform: uppercase;
    font-weight: bold;
}
.sl_title { opacity: 0; transition: 1s;}
.page_loaded .sl_title { opacity: 1; transition: 1s;}
.sl_ttc {
    width: 100%;
    height: 100%;
}
.sl_ttc .p_nav h1 li {
    display: inline-block;
    margin: 0 0.1em;
    overflow: hidden;
}
.sl_ttc .p_nav {
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    left: 0;
    right: 0;
}
.sl_ttc .p_nav h1 {
	font-family: 'nexa_boldregular';
}
.sl_ttc .p_nav h1 li span {
    display: block;
    transition: 0.5s;
    transform: translateX(-100%); opacity: 0;
}
.sl_ttc .p_nav.prev h1 li span {
    display: block;
    transition: 0.5s;
    transform: translateX(-100%);
}
.sl_ttc .p_nav.next h1 li span {
    display: block;
    transition: 0.5s;
    transform: translateX(-100%);
}
.sl_ttc .p_nav.active h1 li span {
    display: block;
    transition: 1s 0.5s;
    transform: translateX(00%); opacity: 1;
}
.sl_ttc .p_nav.active.finish h1 li span {
    display: block;
    transition: 1s;
    transform: translateX(100%); opacity: 0;
}


/*loading*/
.the_loader.flex_c {
    position: fixed;
    background: #ffffff;
    z-index: 900;
}
/* The loader container */
.loader {
  
  
  width: 200px;
  height: 200px;
  

  
  perspective: 400px;
  transform-type: preserve-3d;
 }


/* The dot */
.dot {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  
  width: 40px;
  height: 40px;
  
  margin-top: -20px;
  margin-left: -80px;
  
  transform-type: preserve-3d;
  transform-origin: 80px 50%;
  transform: rotateY(0);
  
  background-color: #ED2225;
  
  animation: dot1 2000ms cubic-bezier(.56,.09,.89,.69) infinite;
}

.dot:nth-child(2) {
  z-index: 9;
  animation-delay: 150ms;
}

.dot:nth-child(3) {
  z-index: 8;
  animation-delay: 300ms;
}

.dot:nth-child(4) {
  z-index: 7;
  animation-delay: 450ms;
}

.dot:nth-child(5) {
  z-index: 6;
  animation-delay: 600ms;
}

.dot:nth-child(6) {
  z-index: 5;
  animation-delay: 750ms;
}

.dot:nth-child(7) {
  z-index: 4;
  animation-delay: 900ms;
}

.dot:nth-child(8) {
  z-index: 3;
  animation-delay: 1050ms;
}

@keyframes dot1 {
  0% {
    transform: rotateY(0) rotateZ(0) rotateX(0);
    background-color: #7B0002;
  }
  45% {
    transform: rotateZ(180deg) rotateY(360deg) rotateX(90deg);
    background-color: #ED2225;
    animation-timing-function: cubic-bezier(.15,.62,.72,.98);
  }
  90%, 100% {
    transform: rotateY(0) rotateZ(360deg) rotateX(180deg);
    background-color: #7B0002;
  }
}
/*loading*/

/*glitch*/
.glitch:before{
  content: attr(data-text);
  position: absolute;
  top: 0;
  width: 100%;
  clip: rect(0, 0, 0, 0);
}

.glitch:before {
  left: -1px;
  text-shadow: 1px 0 rgba(255, 0, 0, 0.7);
}
.glitch:after {
  left: 1px;
  text-shadow: -1px 0 rgba(0, 0, 255, 0.7);
}
.glitch:hover:before {
  text-shadow: 4px 0 rgba(255, 0, 0, 0.7);
  -webkit-animation: glitch-loop-1 0.8s infinite ease-in-out alternate-reverse;
          animation: glitch-loop-1 0.8s infinite ease-in-out alternate-reverse;
}
.glitch:hover:after {
  text-shadow: -5px 0 rgba(0, 0, 255, 0.7);
  -webkit-animation: glitch-loop-2 0.8s infinite ease-in-out alternate-reverse;
          animation: glitch-loop-2 0.8s infinite ease-in-out alternate-reverse;
}

@-webkit-keyframes glitch-loop-1 {
  0% {
    clip: rect(36px, 9999px, 9px, 0);
  }
  25% {
    clip: rect(25px, 9999px, 99px, 0);
  }
  50% {
    clip: rect(50px, 9999px, 102px, 0);
  }
  75% {
    clip: rect(30px, 9999px, 92px, 0);
  }
  100% {
    clip: rect(91px, 9999px, 98px, 0);
  }
}

@keyframes glitch-loop-1 {
  0% {
    clip: rect(36px, 9999px, 9px, 0);
  }
  25% {
    clip: rect(25px, 9999px, 99px, 0);
  }
  50% {
    clip: rect(50px, 9999px, 102px, 0);
  }
  75% {
    clip: rect(30px, 9999px, 92px, 0);
  }
  100% {
    clip: rect(91px, 9999px, 98px, 0);
  }
}
@-webkit-keyframes glitch-loop-2 {
  0% {
    top: -1px;
    left: 1px;
    clip: rect(65px, 9999px, 119px, 0);
  }
  25% {
    top: -6px;
    left: 4px;
    clip: rect(79px, 9999px, 19px, 0);
  }
  50% {
    top: -3px;
    left: 2px;
    clip: rect(68px, 9999px, 11px, 0);
  }
  75% {
    top: 0px;
    left: -4px;
    clip: rect(95px, 9999px, 53px, 0);
  }
  100% {
    top: -1px;
    left: -1px;
    clip: rect(31px, 9999px, 149px, 0);
  }
}
@keyframes glitch-loop-2 {
  0% {
    top: -1px;
    left: 1px;
    clip: rect(65px, 9999px, 119px, 0);
  }
  25% {
    top: -6px;
    left: 4px;
    clip: rect(79px, 9999px, 19px, 0);
  }
  50% {
    top: -3px;
    left: 2px;
    clip: rect(68px, 9999px, 11px, 0);
  }
  75% {
    top: 0px;
    left: -4px;
    clip: rect(95px, 9999px, 53px, 0);
  }
  100% {
    top: -1px;
    left: -1px;
    clip: rect(31px, 9999px, 149px, 0);
  }
}
/*glitch*/

.l_nav2 {
    position: fixed;
    z-index: 110;
    bottom: 5%;
    left: 0;
    width: 5%;
    color: #fff;
}
.l_nav2 {
    transition: 1s;
    transform: translateX(-100%);
    opacity: 0;
}
.page_loaded .l_nav2 {
    transition: 1s 3s;
    transform: translateX(00%);
    opacity: 1;
}
.l_navc2.page_nav li a {
    display: block;
    width: 10px;
    margin: auto;
    padding: 10px 0;
}
.l_navc2.page_nav li a span {
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
    box-sizing: content-box;
}
.l_navc2.page_nav {
    width: 100%;
    text-align: center;
}
.l_navc2.page_nav li.active a {
    pointer-events: none;
}
.l_navc2.page_nav li a div {
    position: absolute;
    left: 100%;
    top: 25%;
    font-size: 0.75em;
    margin-left: 1em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    opacity: 0;
    transition: 0.5s;
    width: 200px;
    text-align: left;
}
.l_navc2.page_nav:hover li.active a div {
    opacity: 1; transition: 0.5s;
}
.l_navc2.page_nav:hover li:hover a div {
    opacity: 1; transition: 0.5s;
}
.l_navc2.page_nav:hover li a div {
    opacity: 0.5;
}
.l_navc2.page_nav li.active a span {
    transform-origin: right;
    transform: scale(10,1);
    background: #03753f;
    transition: 0.5s;
}
.l_navc2.page_nav li a span {
    transform-origin: right;
    transform: scale(1,1);
    transition: 0.5s;
}
/*svg_button*/
.btn-animate {
  text-decoration: none;
  font-family: 'nexa_lightregular';
  color: #FFF;
  position: relative;
  display: inline-block;
  margin: 0 auto;
  width: 200px;
  height: 50px;
  overflow: hidden;
}
.btn-animate > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    stroke-width: 2px;
    stroke: #ffffff;
    stroke-linecap: round;
    fill: transparent;
    stroke-dasharray: 140;
    stroke-dashoffset: 700;
    transition: 1s;
}
.btn-animate > span {
    color: #fff;
    width: 100%;
    height: 100%;
    display: inline-block;
    text-align: center;
    font-size: 1em;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 50px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.btn-animate > span:after {
  position: absolute;
  content: 'Enter';
  color: #fff;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}
.btn-animate > span:before {
  position: absolute;
  content: '';
  height: 50px;
  z-index: 0;
  width: 50px;
  background-color: #e31919;
  border-radius: 50%;
  top: 0;
  left: -63%;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
}
.btn-animate:hover > svg {
  stroke-dasharray: 140;
    stroke-dashoffset: 400;
	fill: rgba(0, 0, 0, 0.27);
}
.more.pdm .btn-animate:hover > svg {
  fill: rgba(0, 0, 0, 0.27);
    stroke-dasharray: 60;
    stroke-dashoffset: 600;
}
.btn-animate:hover > span {
  left: 100%;
}
.btn-animate:hover > span:after {
  left: -100%;
}

.ripple-effect {
  position: absolute;
  width: 50px;
  height: 50px;
  border: 1px solid #e31919;
  -webkit-animation: ripple-animation 2.5s;
          animation: ripple-animation 2.5s;
}
.more_svg {
    transition: 1s;
    opacity: 0;
    transform: translateY(50px);
}
.finish .more_svg {
    transition: 1s 3.5s;
    opacity: 1;
    transform: translateY(0px);
}

@-webkit-keyframes pencil {
  0% {
    stroke-dasharray: 140;
    stroke-dashoffset: 700;
    stroke-width: 2px;
  }
  75% {
    stroke-dasharray: 140;
    stroke-dashoffset: 400;
    stroke-width: 2px;
    fill: transparent;
  }
  100% {
    stroke-dasharray: 140;
    stroke-dashoffset: 700;
    stroke-width: 2px;
    fill: #191919;
  }
}

@keyframes pencil {
  0% {
    stroke-dasharray: 140;
    stroke-dashoffset: 700;
    stroke-width: 2px;
  }
  75% {
    stroke-dasharray: 140;
    stroke-dashoffset: 400;
    stroke-width: 2px;
    fill: transparent;
  }
  100% {
    stroke-dasharray: 140;
    stroke-dashoffset: 700;
    stroke-width: 2px;
    fill: #191919;
  }
}
@-webkit-keyframes ripple-animation {
  from {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(30);
            transform: scale(30);
    opacity: 0;
  }
}
@keyframes ripple-animation {
  from {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(30);
            transform: scale(30);
    opacity: 0;
  }
}
/*svg_button*/


/*neiye*/
div#box_root {
    min-height: 100vh;
    background: #1b1b1b;
}
.N_warrper_c {
    position: relative;
    min-height: 100vh;
}
.a1_img {
    height: 105vh;
    width: 100%;
    margin-left: auto;
    float: right;
}
.a1t1 {
    color: #fff;
}
.a1t1 h1 li {
    margin: 0 0.05em;
}
.a1t1 li span {
    display: inline-block;
    transition: 0.8s;
    transform: translateX(-110%);
}
.page_loaded .a1t1 li span {
    display: inline-block;
    transition: 1.2s 2.5s;
    transform: translateX(0%);
}
.a1t1 li {
    overflow: hidden;
}
.a1t1 h1 {
    font-size: 5vw;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'nexa_boldregular';
}
.a1t1 h1 span {
    display: inline-block;
    margin: 0 0.02em;
}
.a1t1 h3 {
    font-size: 1.5vw;
    width: 98.5%;
    margin: auto;
    font-family: 'nexa_lightregular';
    text-transform: uppercase;
    margin-top: 1em;
}
.a1_tt.flex_c {
    width: 45%;
    margin-right: auto;
}
.a2_img {
    float: left;
    width: 50%;
    margin-top: -5vh;
}
.a2_p {
    float: right;
    width: 50%;
    margin-top: 25vh;
    margin-bottom: 25vh;
}
.a2_p .na_p {
    margin: auto;
    padding-left: 4em;
    padding-right: 4em;
    max-width: 600px;
}
.nap_p p {
    font-size: 1.35vw;
    font-weight: bold;
    color: #fff;
    line-height: 1.85;
    /* text-transform: uppercase; */
}
.nap_t {
    margin-bottom: 3em;
}
.ab03 {
    width: 80%;
    margin: auto;     max-width: 1280px;
}
.a3_p1 .na_p {
    padding-right: 4em;
    max-width: 600px;
}
.a3_p1 {
    float: left;
    width: 50%; 
}
.a3_img1 img {
    display: block;
    margin-left: auto;
}
.a3_img2 img {
    display: block;
    
}
.a3_img1 {
    float: right;
    width: 50%; overflow: hidden;
}
.a3_img2 {
    float: left;
    width: 50%;
    margin-top: 25vh;
    box-sizing: border-box;
    padding-right: 4em; overflow: hidden;
}
.a3_p2 {
    float: right;
    width: 50%;
    box-sizing: border-box;
    padding-left: 4em;
    margin-top: 30vh;
}
.a4_p {
    padding: 30vh 0;
    z-index: 10;
}
.a4_p .na_p {
    margin: auto;
    width: 80%;
}
.a4_p .na_p .nap_t {
    margin-right: auto;
    width: 50%;
    max-width: 600px;
}
.a4_p .na_p .nap_p {
    margin-left: auto;
    width: 50%;
    max-width: 700px;
}
.a4_bg {
    position: absolute;
    top: 0;
    left: 0;
}
.ab04 {
    margin-top: 25vh;
    overflow: hidden;
}
.comptitle_00 {
    display: none;
}
.n_prd {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 10;
    margin: auto;
}
.n_prdc.flex_c {
    width: 96.5%;
    margin: auto;
}
.n_prd_list {
    width: 100%;
}

.n_prd_list li.content {
    margin: auto 5px;
}
.n_prd_list .pic-module {
    padding: 12vh 15px;
    background: #fff;
}
li.code span {
    display: none;
}
.n_prd_list .pro-module {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 30;
}
.n_prd_list .pro-module {
    pointer-events: none;
}
.n_prd_list .pro-module h1 {
    font-size: 1.05vw;
    color: #e61a1a;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}
.n_prd_list .pic-module:before {
    content: "";
    display: block;
    position: absolute;
    top: 30px;
    left: 30px;
	width: 35px;
	height: 35px;
	background: url(../images/pd_ar_1.png); z-index: 10;
}
.n_prd_list .pic-module:after {
    content: "";
    display: block;
    position: absolute;
    top: 30px;
    right: 30px;
	width: 35px;
	height: 35px;
	background: url(../images/pd_ar_2.png); z-index: 10;
}
.n_prd_list .pro-module:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 30px;
    right: 30px;
	width: 35px;
	height: 35px;
	background: url(../images/pd_ar_4.png); z-index: 10;
}
.n_prd_list .pro-module:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 30px;
    left: 30px;
	width: 35px;
	height: 35px;
	background: url(../images/pd_ar_3.png); z-index: 10;
}
.n_prd_list .pro-module ul.basic {
    transition: 0.7s;
    filter: blur(10px);
    opacity: 0;
    transform: perspective(1000px) translate3d(0,0,100px);
}
.n_prd_list li.content:hover .pro-module ul.basic {
    transition: 0.7s;
    filter: blur(0px);
    opacity: 1;
    transform: perspective(1000px) translate3d(0,0,00px);
}
.n_prd_list .pro-module:before {
    transition: 0.7s;
    transform: perspective(1000px) rotate(0deg);
    transform-origin: left bottom;
}
.n_prd_list li.content:hover .pro-module:before {
    transition: 0.7s;
    transform: perspective(1000px) rotate(45deg);
    bottom: 50%;
}
.n_prd_list .pic-module:after {
    transition: 0.7s;
    transform: perspective(1000px) rotate(0deg);
    transform-origin: right top;
}
.n_prd_list li.content:hover .pic-module:after {
    transition: 0.7s;
    transform: perspective(1000px) rotate(45deg);
    top: 50%;
}
.n_prd_list .pic-module:before {
    transition: 0.7s;
    transform: perspective(1000px) rotate(0deg);
    transform-origin: left top;
}
.n_prd_list li.content:hover .pic-module:before {
    transition: 0.7s;
    transform: perspective(1000px) rotate(45deg);
    left: 50%;
}
.n_prd_list .pro-module:after {
    transition: 0.7s;
    transform: perspective(1000px) rotate(0deg);
    transform-origin: right bottom;
}
.n_prd_list li.content:hover .pro-module:after {
    transition: 0.7s;
    transform: perspective(1000px) rotate(45deg);
    right: 50%;
}

.n_prd_list .pic-module .pic {
    transition: 0.5s;
    opacity: 1; transform: perspective(1000px) translate3d(0,0,0);
}
.n_prd_list li.content:hover .pic-module .pic {
    transition: 0.5s;
    opacity: 0.3; transform: perspective(1000px) translate3d(0,0,-100px);
}
.n_prd_list .pro-module ul.basic {
    width: 100%;
}
.n_prd_list .pro-module ul.basic h1 {
    padding-left: 70px;
    padding-right: 70px;
    box-sizing: border-box;
    line-height: 1.5;
}
.n_prdcc {
    width: 100%;
}
.n_prd_tt {
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 1em;
}

.n_prd_tt p {
    font-size: 1.75vw;
    text-transform: uppercase;
    line-height: 1.2;
    font-family: 'nexa_lightregular';
    letter-spacing: 0.3em;
}
.n_prd_tt p strong:after {
    content: "";
    display: block;
    position: absolute;
    right: 0%;
    top: 50%;
    height: 1px;
    background: #da1717;
    width: 100px;
    opacity: 1;
}
.n_prd_tt p strong {
    display: block;
}
.n_prd_tt p {
    overflow: hidden;
}
body#products_list .nav_m {
    opacity: 0; display: none;
}
.n_prd_bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
}

/*OWL*/
.owl-theme .owl-dots .owl-dot span {
    width: 2px;
    height: 25px;
    margin: 5px 5px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 0;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #ff0a0a;
}
.owl-nav {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 10;
}
.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    margin-top: 8px;
}
.owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 0.805em;
    margin: 5px;
    padding: 6px 15px;
    background: rgba(230, 26, 26, 0);
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 0;
    text-transform: uppercase;
    border: 1px solid #e61a1a;
}
.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: left;
    -webkit-tap-highlight-color: transparent;
}

/*OWL*/

.n_newsc .a1_tt.flex_c {
    width: 100%;
    margin-right: auto;
}
.n_newsc .newslist {
    width: 65%;
    margin-left: auto;
}
.n_newsc ul.comstyle.newslist-01 li.content:nth-child(even) .newslist {
    width: 65%;
    margin-left: 0;
}
.n_newsc .newsc ul.comstyle.newslist-01 li.content:nth-child(even) li.date {
    position: absolute;
    bottom: 10%;
    right: auto;
    font-size: 4.5vw;
    font-weight: bold;
    font-family: 'arcamajora2';
    letter-spacing: 0.05em;
    left: 0;
}
.n_newsc .newsc ul.comstyle.newslist-01 li.content:nth-child(even) li.title {
    position: absolute;
    top: 10%;
    right: 0;
    left: auto;
    font-size: 1.25vw;
    font-weight: bold;
    /* text-transform: uppercase; */
    width: 50%;
    max-width: 450px;
    line-height: 1.5;
    /* font-family: 'nexa_boldregular'; */
    letter-spacing: 0.05em;
    bottom: 10%;
}
.n_newsc .newsc ul.comstyle.newslist-01 li.content:nth-child(even) li.title h3 a:after {
    content: "READ MORE";
    display: block;
    position: absolute;
    bottom: 0;
    left: auto;
    right: 0;
    font-size: 0.8rem;
    font-weight: lighter;
    border: 1px solid #e31c20;
    padding: 1em 2.5em;
}
.n_newsc .newsc ul.comstyle.newslist-01 .content {
    width: 80%;
    margin: auto;
    max-width: 1366px;
    margin-bottom: 8em;
}
.n_newsc ul.comstyle.newslist-01 {
    padding-bottom: 5em;
}
.n_news_content {
    margin-top: 15vh;
}
.n_newsc .a1_img {
    height: 100vh;
    width: 100%;
    margin-left: auto;
    float: right;
}

.ssbg1 {
	background-image: url(../images/ssbg1.png);
	background-repeat: repeat-x;
	background-size: auto 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 20%; z-index: 50; pointer-events: none;
}
.ssbg2 {
	background-image: url(../images/ssbg2.png);
	background-repeat: repeat-x;
	background-size: auto 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 20%;  z-index: 50; pointer-events: none;
}
.n_appc {
    background: #000;
}
.n_appc .ws-bgs {
    opacity: 1;
}
.napp_t {
    position: fixed;
    top: 0;
    left: 15%;
    z-index: 90;
    width: 30%;
}
.pagett.napp_t h1 {
    font-size: 1.25em;
    margin-top: 1em;
}
.n_app {
    overflow: hidden;
    position: fixed;
    left: 5%;
    right: 5%;
    bottom: 3em;
    top: 6em;
	z-index: 20;
}
.n_app_lbg {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1;
}
.napp_t li {
    overflow: hidden;
}
.page_loaded .napp_t li span {
    display: inline-block;
    transition: 1.2s 2s;
    transform: translateX(0%);
}
.napp_t li span {
    display: inline-block;
    transition: 0.8s;
    transform: translateX(-110%);
}
.n_app {
    transition: 1s;
    opacity: 0;
}
.page_loaded .n_app {
    transition: 1s 2.5s;
    opacity: 1;
}
.n_app_ar img {
    margin: auto;
}
.n_app_ar {
    position: fixed;
    left: 0;
    width: 5%;
    text-align: center;
    top: 50%;
    z-index: 100;
    margin-top: -60px;
}
.n_ctc {
    height: 100vh;
    width: 100%;
    overflow: hidden;
}
.n_ctc .ctp {
    color: #fff;
    width: 35%;
    margin-left: 0;
    z-index: 10;
    max-width: 480px;
	padding-bottom: 3vh;
}
.n_ctc .cttt {
    width: 35%;
    margin-bottom: 12vh;
    z-index: 30;
    padding-top: 4vh;
}
.n_ctc .ct_img {
    position: absolute;
    z-index: 40;
    right: 0;
    width: 48%;
    bottom: 0;

}
.ct_bbt h1 {
    font-size: 21vw;
    font-weight: bold;
    opacity: 0.2;
}
.ct_bbt {
    position: absolute;
    top: -7em;
    right: -1%;
    z-index: 9;
    color: #000000;
    text-transform: uppercase; font-family: 'nexa_boldregular';
}
.active.img_slide:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0%;
    left: 0;
    right: 0;
    z-index: 2;
    background: #fff;
    transition: right 0.5s 0.5s , top 0.8s 1.5s , bottom 0.5s 1s;
    transform: translate3d(0%,0,0);
    top: 100%;
}
.img_slide:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 99.8%;
    left: 0;
    right: 100%;
    top: 0%;
    z-index: 2;
    background: #000;
    transition: 0.8s;
    transition: right 0.2s 1s , top 0.5s 0s , bottom 0.5s 0.5s;
    transform: translate3d(0%,0,0);
}
.active.img_slide img {
    opacity: 1;
    transition: 0.1s 1.5s;
}
.img_slide img {
    opacity: 0;
    transition: 0s 0.5s;
}
.na_p div h1 , .na_p div p {
    transition: 1s;
    opacity: 0;
    transform: translate3d(0,80px,0);
}
.na_p.active div h1 , .na_p.active div p {
    opacity: 1;
    transform: translate3d(0,0px,0);
}
.na_p.active div h1:nth-child(2) {
    transition: 1s 0.3s;
}
.na_p.active div p {
    transition: 1s 0.6s;
}
.nyy_footer1 ul li a {
    display: block;
    background: #bb0909;
}
.nyy_footer1 ul li:nth-child(even) a {
    display: block;
        background: #a70000;
}
.nyy_footer1 ul li {
    float: left;
    width: 25%;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.1em;
    font-size: 1.25vw;
    line-height: 25vh;
	overflow: hidden;
}
.nyy_footer1.nypd ul li {
    width: 33.33%;
}
.nyy_footer1 ul li a span {
    display: block;
    z-index: 10;
}
.nyy_footer1 ul li a:before {
	content: "";
    display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	transform-origin: bottom;
	transform: scale(1,0);
	transition: 0.5s;
	background: #292929;
}
.nyy_footer1 ul li a:hover::before {
	transform: scale(1,1);
	transition: 0.5s;
}
.n_prd .fkbg_w {
    z-index: 1;
}
.n_prd_tt {
    transition: 1s;
    opacity: 0;
    transform: translate3d(0,80px,0);
}
.finish .n_prd_tt {
    transition: 1s 0.5s;
    opacity: 1;
    transform: translate3d(0,0px,0);
}
.n_prd_list {
    transition: 1s;
    opacity: 0;
    transform: translate3d(0,80px,0);
}
.finish .n_prd_list {
    transition: 1.5s 1s;
    opacity: 1;
    transform: translate3d(0,0px,0);
}

.pd_index.oslide {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 20;
}

.finish .newsc.n_n .active li.title {
    transition: 0.5s 0.5s;
    transform: translate3d(0%,0,0);
    opacity: 1;
}
.finish .newsc.n_n .active li.date {
    transition: 0.5s 0.8s;
    transform: translate3d(0%,0,0);
    opacity: 1;
}
.finish .newsc.n_n .active li.pic a img {
    opacity: 1;
    transition: 0.1s 2s;
}
.finish .newsc.n_n .active li.pic a:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    z-index: 2;
    background: #fff;
    transition: right 0.5s 1s , top 0.5s 1.5s , bottom 0.5s 2s;
    top: 0;
}

/*neiye*/

.pdd_content {
    position: fixed;
    top: 6em;
    left: 5%;
    right: 5%;
    z-index: 800;
    height: calc(100vh - 10em);
}

.pdd_content:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    
}
.pdd_content_c.page {
    overflow:hidden;
	z-index: 10;
}
.pdd_cc2 {
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 10;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    width: 40%;
}
.pddt2 {
    margin-left: auto;
    width: 100%;
    color: #fff;
    background: #ea1a1a;
    padding: 3em;
	box-sizing: border-box;
}
.prdt_intro ul li {
    margin-bottom: 0.5em;
    line-height: 1.5;
    font-size: 1.1em;
    max-width: 400px;
    font-weight: lighter;
}
.prdt_intro ul li span {
    font-weight: bold;
}
.pddt3 {
    margin-left: auto;
    width: 100%;
    background: #191919;
    color: #fff;
    box-sizing: border-box;
    padding: 3em;
    line-height: 2;
    font-weight: lighter;
}
.pddt3 p {
    font-weight: lighter;
}
.pddt3 > div {
    max-width: 500px;
}
.pddt1.flex_c {
    right: 60%;
    width: 60%;
    background: #fff;
}
.pddt1.flex_c {
    transition: opacity 1s , transform 0s 1s;
    transform: translate3d(0,10%,0);
    opacity: 0;
}
.ajax_loaded .pddt1.flex_c {
    transition: 1s 0.8s;
    transform: translate3d(00%,0,0);
    opacity: 1;
}
.pddt2 {
    transition: opacity 1s , transform 0s 1s;
    transform: translate3d(0,10%,0);
    opacity: 0;
}
.ajax_loaded .pddt2 {
    transition: 1s 1.3s;
    transform: translate3d(00%,0,0);
    opacity: 1;
}
.pddt3 {
    transition: opacity 1s , transform 0s 1s;
    transform: translate3d(0,10%,0);
    opacity: 0;
}
.ajax_loaded .pddt3 {
    transition: 1s 1.8s;
    transform: translate3d(00%,0,0);
    opacity: 1;
}
.pdtl_close.ajax_close {
    position: absolute;
    z-index: 80;
    bottom: 100%;
    /* left: 0; */
    right: 0;
    margin: auto;
    width: 35px;
    cursor: pointer;
    padding: 5px 0;
}

.pdd_content:before {
    transform: scale(1,0);
	transform-origin: top;
	transition: 0.8s 1s;
}
.ajax_loaded .pdd_content:before {
    transform: scale(1,1);
	transform-origin: top;
	transition: 0.8s 0s;
}
.pdd_content {
    transition: top 0s 1s, opacity 1s;
    top: -500%;  opacity: 0;
}
.ajax_loaded .pdd_content {
    transition: top 0s , opacity 0.5s;
    top: 6em; z-index: 999; opacity: 1;
}
.pdtl_close.ajax_close {
    transition: 0.8s;
	opacity: 0;
}

.ajax_load .pdtl_close.ajax_close {
    transition: 0.8s;
	opacity:1;
}
.pdd_overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0%;
    z-index: 200;
    background: #1b1b1b;
    transition: 0.6s;
    transform: scale(1,0);
    transform-origin: bottom;
}
.ajax_load .pdd_overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 200;
    background: #333333;
    transition: 0.8s;
    transform: scale(1,1);
    transform-origin: bottom;
}
body.ajax_load {
    overflow: hidden;
}

.news_dtl {
    width: 100%;
    height: 100%;
    overflow-y: auto;
}
.news_detaill {
    padding: 3em;
}
.news_detaill {
    padding: 3em;
    color: #fff;
}
div#newsdetailshow h2 {
    font-size: 4vw;
    font-weight: bold;
    margin-bottom: 1em;
    width: 60%;
    line-height: 1.2;
}
#newsdetailshow .message {
    font-weight: lighter;
    margin-bottom: 1em;
    /* position: absolute; */
    /* right: 0; */
    /* top: 0; */
    font-size: 3vw;
    opacity: 0.3;
    line-height: 0.8;
}
#newsdetailshow .summary .pic {
    width: 50%;
}
#newsdetailshow .summary {
    display: none;
}
div#infoContent {
    /* margin-left: auto; */
    width: 80%;
    line-height: 2;
    margin-top: 4em;
    font-weight: lighter;
}
div#infoContent p {
    max-width: 900px;
}
.other {
    display: none;
}
div#infoContent p {
    max-width: 900px;
    font-size: 1.2em;
}
.news_dtl {
    transition: 0.8s;
	opacity: 0;
	transform: translate3d(0,100px,0);
}
.ajax_loaded .news_dtl {
    transition: 0.8s 0.8s;
	opacity: 1;
	transform: translate3d(0,0px,0);
}

.see_more span {
    display: inline-block;
    margin-right: 1.5em;
    font-size: 0.8em;
    font-weight: lighter;
}
.see_more {
    position: absolute;
    bottom: 1em;
    left: 2%;
    z-index: 20;
    color: #fff;
    font-weight: lighter;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
.finish .see_more {
    transition: 1s 0.5s;
    opacity: 1;
    transform: translate3d(0,0px,0);
}
.see_more {
    transition: 1s;
    opacity: 0;
    transform: translate3d(0,80px,0);
}
.top_jl {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 200;
    background: #fff;
    padding: 10px;
    padding-bottom: 15px; background-image: url(../images/top_bg.png);
	background-size: cover;
}
.top_jlc {
    margin: auto;
    width: 90%;
}
.left_logo {
    float: left;
}
.right_mm {
    float: right;
}
.right_mm ul li {
    float: left;
    margin-left: 2em;
    font-size: 0.9em;
    line-height: 57px;
}
.right_mm ul li span {
    vertical-align: middle;
    display: inline-block;
    margin-left: 20px;
}
.right_mm ul li a {
    display: block;
}
.right_mm ul li a.current:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: #03753f;
}
.finish .bntc h1 span {
    transition: 0.8s 3s;
    transform: perspective(1000px) rotateY(0deg);
}
.bntc h1 span {
    display: inline-block;
    transition: 0.8s;
    transform-origin: left;
    transform: perspective(1000px) rotateY(90deg);
}

.page.page1 {
    background: rgba(0, 0, 0, 0.25);
}

.abb_tt {
    margin-left: -50px;
    margin-bottom: 20px;
}
.abb_c1 {
    padding-left: 10%;
    max-width: 800px;
    margin-right: auto;
    width: 90%;
    opacity: 1;
}
.abbpp {
    margin-bottom: 50px;
}
.abbpp p {
    margin-bottom: 1em;
    line-height: 1.8;
    font-size: 0.9em;
}
.about.flex_w {
    height: auto;
    width: 90%;
}
.ab_flower {
    position: absolute;
    right: 0%;
    bottom: -15%;
    width: 50%;
    text-align: right;
    transition: 2s; opacity: 0; transform: perspective(1000px) translate3d(0,20%,0);
}
.finish .ab_flower {
    position: absolute;
    right: 0%;
    bottom: -15%;
    width: 50%;
    text-align: right;
    transition: 2s 4s; opacity: 1; transform: perspective(1000px) translate3d(0,0%,0);
}
.pgn1 {
    float: left;
    margin-right: 20px;
}
.pgn3 {
    margin-top: 15px;
    margin-left: 30px;
    float: left;
}
.jl_pd_tt {
    width: 380px;
    margin: auto;
    padding-bottom: 50px;
}
.jl_pd_c {
    width: 80%;
}
.jl_pd_slide {
    padding-top: 50px;
    color: #fff;
    text-align: center;
}
.jl_pd_slide .pro-module {
    padding: 15px;
    letter-spacing: 0.1em;
    background: rgba(0, 0, 0, 0.15);
}
.jl_news_c {
    width: 80%;
    color: #fff;
}
.news_ncg {
    width: 50%;
    padding: 40px;
    background: rgba(255, 255, 255, 0.12);
}
.enwss_tt h1 {
    font-size: 2em;
    margin-bottom: 1em;
}
.nenew_list ul li.content {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.47);
}
.nenew_list ul li.content li.title {
    margin-bottom: 0.3em;
    font-size: 1.25em;
}
.nenew_list ul li.content li.date {
    opacity: 0.6;
    font-size: 0.8em;
    margin-bottom: 1em;
}
.nenew_list ul li.content li.summary {
    font-size: 0.9em;
    line-height: 1.7;
}
.jl_nncc {
    margin: auto;
    max-width: 1200px;
}
.nenw_immg {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50%; 
}
.contactjlc {
    width: 80%;
}
.cjlct ul li {
    float: left;
    width: 50%;
}
.cjlct ul li > div {
    background: rgba(255, 255, 255, 0.9);
    margin: 5px;
    padding: 30px;
}
.vvb h1 {
    font-size: 1.5em;
    margin-bottom: 0.5em;
    color: #03753f;
}
.cjlct {
    margin: auto;
    max-width: 1200px;
}
.jl_pd_c .more_svg {
    margin: auto;
    text-align: center;
    padding-top: 40px;
}


.pgn1 {
    transition-duration: 1.5s;
    opacity: 0;
    transform: perspective(1000px) translate3d(0,0,300px) rotateY(30deg);
}
.finish .pgn1 {
    transition-duration: 1.5s;
    opacity: 1;
    transform: perspective(1000px) translate3d(0,0,0) rotateY(0deg);
    transition-delay: 1.5s;
}
.pgn2 {
    transition-duration: 1.5s;
    opacity: 0;
    transform: perspective(1000px) translate3d(0,0,300px) rotateY(30deg);
}
.finish .pgn2 {
    transition-duration: 1.5s;
    opacity: 1;
    transform: perspective(1000px) translate3d(0,0,0) rotateY(0deg);
    transition-delay: 1.8s;
}
.pgn3 {
    transition-duration: 1.5s;
    opacity: 0;
    transform: perspective(1000px) translate3d(0,0,300px) rotateY(30deg);
}
.finish .pgn3 {
    transition-duration: 1.5s;
    opacity: 1;
    transform: perspective(1000px) translate3d(0,0,0) rotateY(0deg);
    transition-delay: 2.2s;
}
.jl_pd_slide {
    transition-duration: 1.5s;
    opacity: 0;
    transform: perspective(1000px) translate3d(0,0,300px) rotateY(30deg);
}
.finish .jl_pd_slide {
    transition-duration: 1.5s;
    opacity: 1;
    transform: perspective(1000px) translate3d(0,0,0) rotateY(0deg);
    transition-delay: 3s;
}
.news_ncg {
    transition-duration: 1.5s;
    opacity: 0;
    transform: perspective(1000px) translate3d(0,0,300px) rotateY(30deg);
}
.finish .news_ncg {
    transition-duration: 1.5s;
    opacity: 1;
    transform: perspective(1000px) translate3d(0,0,0) rotateY(0deg);
    transition-delay: 1.5s;
}
.nenw_immg {
    transition-duration: 1.5s;
    opacity: 0;
    transform: perspective(1000px) translate3d(0,0,300px) rotateY(30deg);
}
.finish .nenw_immg {
    transition-duration: 1.5s;
    opacity: 1;
    transform: perspective(1000px) translate3d(0,0,0) rotateY(0deg);
    transition-delay: 2s;
}

.jl_ft {
    position: absolute;
    bottom: 1em;
    left: 5%;
    right: 5%;
    text-align: center;
    font-size: 0.85em;
    color: #464646;
}
.search-pagination{ width:100%; margin:auto; margin-top:30px;}
.pagination{ float:right; text-align:center;}
.pagination li{ padding:5px 10px !important; float:left; margin-left:5px; border:solid 1px #ccc; text-align:center;}
.pagination .page-active{ background:#017eff;}
.pagination .page-active a{ color:#fff;}