@charset "utf-8";
@font-face{font-family: 'Reznor'; src: url('../fonts/Reznor Downward Spiral.ttf');}
@font-face {
    font-family: 'Circular Std';
    src: url(../fonts/circularstd-book.woff2) format("woff2"), url(../fonts/circularstd-book.woff) format("woff");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: 'Circular Std';
    src: url(../fonts/circularstd-medium.woff2) format("woff2"), url(../fonts/circularstd-medium.woff) format("woff");
    font-weight: 500;
    font-style: normal
}
@font-face {
    font-family: 'Circular Std';
    src: url(../fonts/circularstd-bold.woff2) format("woff2"), url(../fonts/circularstd-bold.woff) format("woff");
    font-weight: 700;
    font-style: normal
}
@font-face {
    font-family: 'Reznor';
    src: url('../fonts/Reznor Downward Spiral.ttf');
}

/*common slide nav*/
.c-nav_main ul{position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; margin: 0; opacity: 0; padding: 0; list-style: none; transition: right 500ms ease,opacity 500ms ease;}
.c-nav_main ul li{height: 14.2857%; position: relative; border-bottom: 1px solid rgba(255,255,255,.2); transition: background 500ms ease;}
.c-nav_main ul li:before{content: ''; display: inline-block; vertical-align: middle; height: 100%;}
.c-nav_main ul li .block{display: inline-block; vertical-align: middle; width: 70%;}
.c-nav_main ul li h3{margin: 0;}
.c-nav_main ul li h3 a{font-size: 30px; color: #fff; text-align: right; display: block; transition: color 500ms ease;}
.c-nav_main ul li .item{margin-top: 15px; text-align: right; margin-right: -50px; opacity: 0; height: 0; width: 400px; float: right; overflow: hidden; transition: all 500ms ease; font-size: 0;}
.c-nav_main ul li .item a{font-size: 16px; color: #808080; display: inline-block; margin-left: 20px; transition: color 500ms ease;}
.c-nav_main ul li .item a:hover{color: #e50012;}
.c-nav_main_item:hover ul{right: -10rem; opacity: 1;}
.c-nav_main ul li:hover{background: rgba(255,255,255,5);}
.c-nav_main ul li:hover h3 a{color: #333;}
.c-nav_main ul li:hover h3 a:hover{color: #e50012;}
.c-nav_main ul li:hover .item{min-height: 24px; height: auto; opacity: 1; margin-right: 0;}
.c-nav_main_item:nth-of-type(2):hover .c-nav_main_content{visibility: hidden;}
.o-layout{display: block; margin: 0; padding: 0; list-style: none; font-size: 0; margin-left: 0}
.o-layout.-gutter{margin-left: -3.75rem}
.o-layout.-gutter-small{margin-left: -1.875rem}
.o-layout.-center{text-align: center}
.o-layout.-right{text-align: right}
.o-layout.-reverse{direction: rtl}
.o-layout_item{display: inline-block; width: 100%; vertical-align: top; font-size: 1rem; color: #fff; padding-left: 0}
.o-layout.-gutter>.o-layout_item{padding-left: 3.75rem}
.o-layout.-gutter-small>.o-layout_item{padding-left: 1.875rem}
.o-layout.-middle>.o-layout_item{vertical-align: middle}
.o-layout.-bottom>.o-layout_item{vertical-align: bottom}
.o-layout.-center>.o-layout_item,
.o-layout.-reverse>.o-layout_item,
.o-layout.-right>.o-layout_item{text-align: left}
.o-layout.-reverse>.o-layout_item{direction: ltr}
.o-background{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; display: block; background-position: center; background-size: cover}
.o-background.-overlay::after{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #222325; /*opacity: .32;*/ opacity: 0; -webkit-transition: opacity 1.2s cubic-bezier(.4, 0, 0, 1); transition: opacity 1.2s cubic-bezier(.4, 0, 0, 1); z-index: 3;}
.o-background.-overlay.-dark::after{opacity: .2}
.o-background.-left{background-position: center left}
.o-background.-right{background-position: center right}
.o-background_video{position: absolute; top: 50%; left: 50%; z-index: 1; min-width: 100%; min-height: 100%; width: auto; height: 125%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%)}
.c-nav_main{position: fixed; top: 0; right: 0; bottom: 0; font-size: 0; visibility: hidden; -webkit-transition: visibility 0s .9s; transition: visibility 0s .9s; z-index: 999;}
.c-nav_main::before{display: inline-block; content: ""; width: 6%; height: 100%; background-color: #262626; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform .3s cubic-bezier(.4, 0, 0, 1) .6s; transition: -webkit-transform .3s cubic-bezier(.4, 0, 0, 1) .6s; transition: transform .3s cubic-bezier(.4, 0, 0, 1) .6s; transition: transform .3s cubic-bezier(.4, 0, 0, 1) .6s, -webkit-transform .3s cubic-bezier(.4, 0, 0, 1) .6s; -webkit-transform-origin: center left; -ms-transform-origin: center left; transform-origin: center left}
.has-nav-open .c-nav_main{visibility: visible; -webkit-transition-delay: 0s; transition-delay: 0s}
.has-nav-open .c-nav_main::before{-webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transition-delay: 0s; transition-delay: 0s}
.c-nav_main{left: 10rem}
.c-nav_main.inner{left: 180px;}
.c-nav_main_layout{position: relative; display: inline-block; vertical-align: top; height: 100%; width: calc(100% - 6%); text-align: left}
.c-nav_main_item{height: 100%; width: 30%; -webkit-transition: -webkit-transform .45s cubic-bezier(.4, 0, 0, 1); transition: -webkit-transform .45s cubic-bezier(.4, 0, 0, 1); transition: transform .45s cubic-bezier(.4, 0, 0, 1); transition: transform .45s cubic-bezier(.4, 0, 0, 1), -webkit-transform .45s cubic-bezier(.4, 0, 0, 1); -webkit-transform: translateZ(0); transform: translateZ(0)}
.c-nav_main_item:nth-of-type(2){width: 40%;}
.nav_common_hover:hover+.c-nav_main_item{-webkit-transform: translateX(5rem); -ms-transform: translateX(5rem); transform: translateX(5rem)}
.c-nav_main_item:nth-child(3):hover{-webkit-transform: translateX(-5rem); -ms-transform: translateX(-5rem); transform: translateX(-5rem)}
.c-nav_main_item_secondary{height: 100%}
.c-nav_main_link{position: relative; display: block; height: 100%; color: #fff; padding: 2.5rem; text-align: center; -webkit-transition: -webkit-transform .45s cubic-bezier(.4, 0, 0, 1); transition: -webkit-transform .45s cubic-bezier(.4, 0, 0, 1); transition: transform .45s cubic-bezier(.4, 0, 0, 1); transition: transform .45s cubic-bezier(.4, 0, 0, 1), -webkit-transform .45s cubic-bezier(.4, 0, 0, 1)}
.c-nav_main_link.-dark{color: #000}
.c-nav_main_link.-dark:hover{color: #000}
.c-nav_main_link.hover_white:hover{color: #fff;}
.c-nav_main_link:hover{color: #fff}
.c-nav_main_link.-half{height: 50%}
.c-nav_main_wrap{position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; -webkit-transition: -webkit-transform .45s cubic-bezier(.4, 0, 0, 1); transition: -webkit-transform .45s cubic-bezier(.4, 0, 0, 1); transition: transform .45s cubic-bezier(.4, 0, 0, 1); transition: transform .45s cubic-bezier(.4, 0, 0, 1), -webkit-transform .45s cubic-bezier(.4, 0, 0, 1)}
.c-nav_main_wrap::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: right 0s, bottom 0s, -webkit-transform .3s cubic-bezier(.4, 0, 0, 1); transition: right 0s, bottom 0s, -webkit-transform .3s cubic-bezier(.4, 0, 0, 1); transition: transform .3s cubic-bezier(.4, 0, 0, 1), right 0s, bottom 0s; transition: transform .3s cubic-bezier(.4, 0, 0, 1), right 0s, bottom 0s, -webkit-transform .3s cubic-bezier(.4, 0, 0, 1); -webkit-transform-origin: center left; -ms-transform-origin: center left; transform-origin: center left}
.c-nav_main_item:nth-child(1) .c-nav_main_wrap::before{background-color: #333; -webkit-transition-delay: .3s, 0s, 0s; transition-delay: .3s, 0s, 0s}
.has-nav-open .c-nav_main_item:nth-child(1) .c-nav_main_wrap::before{-webkit-transition-delay: .1s, .35s, 0s; transition-delay: .1s, .35s, 0s}
.c-nav_main_item:nth-child(2) .c-nav_main_wrap::before{background-color: #404040; -webkit-transition-delay: .2s, 0s, 0s; transition-delay: .2s, 0s, 0s}
.has-nav-open .c-nav_main_item:nth-child(2) .c-nav_main_wrap::before{-webkit-transition-delay: .2s, .7s, 0s; transition-delay: .2s, .7s, 0s}
.c-nav_main_item:nth-child(3) .c-nav_main_link:first-child .c-nav_main_wrap::before{background-color: #f6ecdd; -webkit-transition-delay: .1s, .6s, .6s; transition-delay: .1s, .6s, .6s}
.has-nav-open .c-nav_main_item:nth-child(3) .c-nav_main_link:first-child .c-nav_main_wrap::before{bottom: -5rem; -webkit-transition-delay: .3s, .75s, .75s; transition-delay: .3s, .75s, .75s}
.c-nav_main_item:nth-child(3) .c-nav_main_link:last-child .c-nav_main_wrap::before{background-color: #e50012; -webkit-transition-delay: 0s, .6s, .6s; transition-delay: 0s, .6s, .6s}
.has-nav-open .c-nav_main_item:nth-child(3) .c-nav_main_link:last-child .c-nav_main_wrap::before{bottom: -5rem; -webkit-transition-delay: .4s, .9s, .9s; transition-delay: .4s, .9s, .9s}
.has-nav-open .c-nav_main_wrap::before{right: -10rem; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1)}
.nav_common_hover:hover .c-nav_main_wrap{-webkit-transform: translateX(-5rem); -ms-transform: translateX(-5rem); transform: translateX(-5rem)}
.c-nav_main_item:nth-child(3):hover .c-nav_main_wrap{-webkit-transform: none; -ms-transform: none; transform: none}
.c-nav_main_item:nth-child(3) .c-nav_main_link:first-child:hover+.c-nav_main_link .c-nav_main_wrap{-webkit-transform: translate(0, 5rem); -ms-transform: translate(0, 5rem); transform: translate(0, 5rem)}
.c-nav_main_item:nth-child(3) .c-nav_main_link:last-child:hover .c-nav_main_wrap{-webkit-transform: translate(0, -5rem); -ms-transform: translate(0, -5rem); transform: translate(0, -5rem)}
.c-nav_main_background{display: block; background-color: #222325; background-size: cover; -webkit-transition: opacity .45s cubic-bezier(.4, 0, 0, 1); transition: opacity .45s cubic-bezier(.4, 0, 0, 1); opacity: 0; z-index: 2; position: absolute; top: 0; right: -10rem; bottom: 0; left: 0; overflow: hidden}
.c-nav_main_background .o-background{left: -5rem; right: 5rem; -webkit-transition: -webkit-transform .45s cubic-bezier(.4, 0, 0, 1); transition: -webkit-transform .45s cubic-bezier(.4, 0, 0, 1), background .45s ease; transition: transform .45s cubic-bezier(.4, 0, 0, 1), background .45s ease; transition: transform .45s cubic-bezier(.4, 0, 0, 1), background .45s ease, -webkit-transform .45s cubic-bezier(.4, 0, 0, 1)}
.c-nav_main_background.small{bottom: -5rem;}
.nav_common_hover:hover+.c-nav_main_item .c-nav_main_background .o-background{-webkit-transform: translateX(-5rem); -ms-transform: translateX(-5rem); transform: translateX(-5rem)}
.nav_common_hover:hover .c-nav_main_background .o-background{-webkit-transform: translateX(5rem); -ms-transform: translateX(5rem); transform: translateX(5rem)}
.nav_common_hover:hover .c-nav_main_background{opacity: 1}
.c-nav_main_content{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; opacity: 0; font-size: 0; -webkit-transition: opacity .15s cubic-bezier(.4, 0, 0, 1); transition: opacity .15s cubic-bezier(.4, 0, 0, 1)}
.c-nav_main_content::before{display: inline-block; height: 100%; content: ""; vertical-align: middle}
.c-nav_main_content>*{display: inline-block; vertical-align: middle; font-size: 1rem}
.c-nav_main_item:nth-child(1) .c-nav_main_content{-webkit-transition-delay: .3s; transition-delay: .3s}
.has-nav-open .c-nav_main_item:nth-child(1) .c-nav_main_content{-webkit-transition-delay: .1s; transition-delay: .1s}
.c-nav_main_item:nth-child(2) .c-nav_main_content{-webkit-transition-delay: .2s; transition-delay: .2s}
.has-nav-open .c-nav_main_item:nth-child(2) .c-nav_main_content{-webkit-transition-delay: .2s; transition-delay: .2s}
.c-nav_main_item:nth-child(3) .c-nav_main_link:first-child .c-nav_main_content{-webkit-transition-delay: .1s; transition-delay: .1s}
.has-nav-open .c-nav_main_item:nth-child(3) .c-nav_main_link:first-child .c-nav_main_content{-webkit-transition-delay: .3s; transition-delay: .3s}
.c-nav_main_item:nth-child(3) .c-nav_main_link:last-child .c-nav_main_content{-webkit-transition-delay: 0s; transition-delay: 0s}
.has-nav-open .c-nav_main_item:nth-child(3) .c-nav_main_link:last-child .c-nav_main_content{-webkit-transition-delay: .4s; transition-delay: .4s}
.has-nav-open .c-nav_main_content{opacity: 1}
.c-nav_main_text{display: inline-block; position: absolute; top: 0; left: 0; text-align: left; margin: 2.5rem; line-height: 1.8; font-size: 24px; max-width: 13.125rem; font-family: Poiret One, sans-serif; font-weight: 500}
.c-nav_main_heading{position: relative; display: inline-block; font-weight: 500; line-height: 1; text-align: left; opacity: 0; -webkit-transition: opacity 1s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1s cubic-bezier(.215, .61, .355, 1); transition: opacity 1s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1s cubic-bezier(.215, .61, .355, 1); transition: opacity 1s cubic-bezier(.215, .61, .355, 1), transform 1s cubic-bezier(.215, .61, .355, 1); transition: opacity 1s cubic-bezier(.215, .61, .355, 1), transform 1s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1s cubic-bezier(.215, .61, .355, 1)}
.c-nav_main_item:nth-child(1) .c-nav_main_heading{-webkit-transition-delay: .3s; transition-delay: .3s}
.has-nav-open .c-nav_main_item:nth-child(1) .c-nav_main_heading{-webkit-transition-delay: .1s; transition-delay: .1s}
.c-nav_main_item:nth-child(2) .c-nav_main_heading{-webkit-transition-delay: .2s; transition-delay: .2s}
.has-nav-open .c-nav_main_item:nth-child(2) .c-nav_main_heading{-webkit-transition-delay: .2s; transition-delay: .2s}
.c-nav_main_item:nth-child(3) .c-nav_main_link:first-child .c-nav_main_heading{-webkit-transition-delay: .1s; transition-delay: .1s}
.has-nav-open .c-nav_main_item:nth-child(3) .c-nav_main_link:first-child .c-nav_main_heading{-webkit-transition-delay: .3s; transition-delay: .3s}
.c-nav_main_item:nth-child(3) .c-nav_main_link:last-child .c-nav_main_heading{-webkit-transition-delay: 0s; transition-delay: 0s}
.has-nav-open .c-nav_main_item:nth-child(3) .c-nav_main_link:last-child .c-nav_main_heading{-webkit-transition-delay: .4s; transition-delay: .4s}
.has-nav-open .c-nav_main_heading{opacity: 1}
.c-nav_main_heading.-large{position: absolute; bottom: 50px; left: 50px; font-size: 60px; width: 70px; text-align: center;}
.c-nav_main_heading.-small{font-size: 30px; text-align: center; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%)}
.has-nav-open .c-nav_main_heading.-small{-webkit-transform: none; -ms-transform: none; transform: none}
@media screen and (max-width: 1500px){
	.c-nav_main ul li h3 a{font-size: 20px;}
	.c-nav_main ul li .block{width: 84%;}
	.c-nav_main ul li .item{margin-top: 5px;}
	.c-nav_main ul li .item a{font-size: 14px; margin-left: 15px; line-height: 20px;}
	.c-nav_main_heading.-large{font-size: 46px; left: 30px; bottom: 30px;}
}

/*svg-map*/
.svg_map .map{position: absolute; right: 10%; top: 50%; width: 55%; transform: translateY(-50%); z-index: 1;}
.svg_map .map img{display: block; width: 100%;}
.svg_map .map .map-lines{position: absolute; top: 0; right: 0; width: 100%; height: 100%; stroke: #666666; fill: none; stroke-width: 0.25px;}
.svg_map .map-dot {position:absolute;margin:-1px 0 0 -1px;width:6px;height:6px;border-radius:50%;background:#666666;opacity:0;animation:animation-dot 5.04s cubic-bezier(.25,.74,.22,.99);animation-fill-mode:both;animation-iteration-count:infinite;}
.svg_map .map-dot--0 {left:77.3%;top:41.91139%;margin:-9px 0 0 -9px;width:16px;height:16px;background:#666666;animation:fade-in 1.8s cubic-bezier(.25,.74,.22,.99);animation-delay:.5s;animation-fill-mode:both;animation-iteration-count:1}
.svg_map .map-dot--1 {left:11.5%;top:23.5%}
.svg_map .map-dot--2 {left:20%;top:38.8%}
.svg_map .map-dot--3 {left:29%;top:69%}
.svg_map .map-dot--4 {left:35.5%;top:13%}
.svg_map .map-dot--5 {left:46%;top:29%}
.svg_map .map-dot--6 {left:52.5%;top:36.8%}
.svg_map .map-dot--7 {left:52%;top:62.3%}
.svg_map .map-dot--8 {left:53.2%;top:77%}
.svg_map .map-dot--9 {left:75.5%;top:22%}
.svg_map .map-dot--10 {left:82%;top:43%}
.svg_map .map-dot--11 {left:84%;top:44%}
.svg_map .map-dot--12 {left:84%;top:76.5%}
.svg_map .map-dot--13 {left:83%;top:34.5%}
.svg_map .map-dot--14 {left:85.7%;top:66.6%}
.svg_map .map-dot--15 {left:81%;top:38.7%}
.svg_map .map-dot--16 {left:80%;top:41.7%}
.svg_map .map-dot--17 {left:80.5%;top:46.5%}
.svg_map .map-dot--18 {left:78%;top:50.5%}
.svg_map .map-dot--19 {left:75.5%;top:47%}
.svg_map .map-line {stroke-dashoffset:140px;stroke-dasharray:140px;animation:animation-line 5.04s linear;animation-fill-mode:both;animation-iteration-count:infinite}
.svg_map .map-line--1 {animation-delay:.86s}
.svg_map .map-dot--1 {animation-delay:1.04s}
.svg_map .map-line--2 {animation-delay:1.22s}
.svg_map .map-dot--2 {animation-delay:1.4s}
.svg_map .map-line--3 {animation-delay:1.58s}
.svg_map .map-dot--3 {animation-delay:1.76s}
.svg_map .map-line--4 {animation-delay:1.94s}
.svg_map .map-dot--4 {animation-delay:2.12s}
.svg_map .map-line--5 {animation-delay:2.3s}
.svg_map .map-dot--5 {animation-delay:2.48s}
.svg_map .map-line--6 {animation-delay:2.66s}
.svg_map .map-dot--6 {animation-delay:2.84s}
.svg_map .map-line--7 {animation-delay:3.02s}
.svg_map .map-dot--7 {animation-delay:3.2s}
.svg_map .map-line--8 {animation-delay:3.38s}
.svg_map .map-dot--8 {animation-delay:3.56s}
.svg_map .map-line--9 {animation-delay:3.74s}
.svg_map .map-dot--9 {animation-delay:3.92s}
.svg_map .map-line--10 {animation-delay:4.1s}
.svg_map .map-dot--10 {animation-delay:4.28s}
.svg_map .map-line--11 {animation-delay:4.46s}
.svg_map .map-dot--11 {animation-delay:4.64s}
.svg_map .map-line--12 {animation-delay:4.82s}
.svg_map .map-dot--12 {animation-delay:5s}
.svg_map .map-line--13 {animation-delay:5.18s}
.svg_map .map-dot--13 {animation-delay:5.36s}
.svg_map .map-line--14 {animation-delay:5.54s}
.svg_map .map-dot--14 {animation-delay:5.72s}
.svg_map .map-line--15 {animation-delay:5.9s}
.svg_map .map-dot--15 {animation-delay:6.08s}
.svg_map .map-line--16 {animation-delay:6.26s}
.svg_map .map-dot--16 {animation-delay:6.44s}
.svg_map .map-line--17 {animation-delay:6.62s}
.svg_map .map-dot--17 {animation-delay:6.8s}
.svg_map .map-line--18 {animation-delay:6.98s}
.svg_map .map-dot--18 {animation-delay:7.16s}
.svg_map .map-line--19 {animation-delay:7.34s}
.svg_map .map-dot--19 {animation-delay:7.52s}
.svg_map .map-line--20 {animation-delay:7.7s}
.svg_map .map-dot--20 {animation-delay:7.88s; display: none;}
@-webkit-keyframes fade-in {
	0% {opacity:0}
	to {opacity:1}
}
@keyframes fade-in {
	0% {opacity:0}
	to {opacity:1}
}
@-webkit-keyframes animation-line {
	0% {stroke-dashoffset:140px}
	14.28571% {stroke-dashoffset:0px}
	21.42857% {stroke-dashoffset:0px}
	35.71429% {stroke-dashoffset:-140px}
	to {stroke-dashoffset:-140px}
}
@keyframes animation-line {
	0% {stroke-dashoffset:140px}
	14.28571% {stroke-dashoffset:0px}
	21.42857% {stroke-dashoffset:0px}
	35.71429% {stroke-dashoffset:-140px}
	to {stroke-dashoffset:-140px}
}
@-webkit-keyframes animation-dot {
	0% {opacity:0}
	14.28571% {opacity:1}
	26.42857% {opacity:1}
	40.71429% {opacity:0}
	to {opacity:0}
}
@keyframes animation-dot {
	0% {opacity:0}
	14.28571% {opacity:1}
	26.42857% {opacity:1}
	40.71429% {opacity:0}
	to {opacity:0}
}


/*mobile header*/
.m_header{display: none;}
@media screen and (max-width: 992px){
    .m_header{display: block; position: fixed; top: 0; width: 100%; max-width: 992px; background: #fff; padding: 11px 20px; box-shadow: 8px 0 10px rgba(0,0,0,.2); z-index: 99;}
    .m_header .logo{display: inline-block;}
    .m_header .logo img{display: block;}
    .m_header .btn{width: 40px; height: 40px; position: absolute; right: 20px; top: 10px;}
    .m_header .btn:before,
    .m_header .btn:after{content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 50%; z-index: 1;}
    .m_header .btn:before{background: #edeaea;}
    .m_header .btn:after{-webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 300ms ease; transition: all 300ms ease; background: #000;}
    .m_header .btn span{width: 2px; height: 18px; background: #000; position: absolute; top: 11px; left: 19px; z-index: 2; -webkit-transition: all 450ms ease; transition: all 450ms ease;}
    .m_header .btn span:before,
    .m_header .btn span:after{content: ''; width: 2px; -webkit-transition: all 450ms ease; transition: all 450ms ease; position: absolute; top: 0; bottom: 0; background: #000; -webkit-transform-origin: center bottom; transform-origin: center bottom;}
    .m_header .btn span:before{right: -6px;}
    .m_header .btn span:after{left: -6px;}
    .m_header ul{position: fixed; top: 60px; right: 0; width: 100%; height: calc(100% - 60px); z-index: 99; background-color: #fff; padding-top: 20px; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 300ms ease; transition: all 300ms ease;}
    .m_header ul li{position: relative; z-index: 1;}
    .m_header ul li a.single{width: 50%; display: block; font-size: 15px; margin-left: 50%; line-height: 36px; text-align: right; padding-right: 20px;}
    .m_header ul li .block{position: absolute; right: 50%; top: 0; width: 50%; background: #444; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: right top; transform-origin: right top;}
    .m_header ul li .block a{display: block; line-height: 36px; padding: 0 20px; font-size: 15px; text-align: right; color: #fff; border-bottom: 1px solid rgba(255,255,255,.1);}
    .m_header ul li.active{z-index: 2;}
    .m_header ul li.active .block{-webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition: all 300ms 200ms ease; transition: all 300ms 200ms ease;}
    .m_header ul li.active a.single{background: #444; color: #fff; -webkit-transition: all 300ms ease; transition: all 300ms ease;}
    .m_header.active .btn:after{-webkit-transform: scale(1.2); transform: scale(1.2);}
    .m_header.active .btn span{-webkit-transform: rotate(180deg) translateY(-2px); transform: rotate(180deg) translateY(-2px);}
    .m_header.active .btn span{background: transparent;}
    .m_header.active .btn span:before,
    .m_header.active .btn span:after{background: #fff;}
    .m_header.active .btn span:before{-webkit-transform: rotate(-42deg); transform: rotate(-42deg);}
    .m_header.active .btn span:after{-webkit-transform: rotate(42deg); transform: rotate(42deg);}
    .m_header.active ul{-webkit-transform: none; transform: none;}
}

body.pl{padding-left: 180px;}

/*inner header*/
.header{width: 180px; height: 100%; position: fixed; top: 0; left: 0; background: #262626; z-index: 9;}
.header .logo{position: absolute; top: 5%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.header .logo img{display: block;}
.header .nav{width: 100%; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.header .nav li{text-align: center; line-height: 48px; font-size: 14px; color: #222; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.header .nav li a{display: block; color: #fff; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.header .nav li a:hover,.header .nav li.active a{color: #e50012;}
.header .nav li .hover{position: fixed; top: 0; height: 100%; left: 180px; width: 180px; background: #444;}
.header .nav li .hover a{display: block;}
.header .btn{position: absolute; bottom: 5%; left: 50%; margin-left: -28px; width: 56px; height: 56px; background: none; line-height: 1; cursor: pointer;}
.header .btn:after,
.header .btn:before{position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; content: ""; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,0,1); transition: -webkit-transform .3s cubic-bezier(.4,0,0,1); transition: transform .3s cubic-bezier(.4,0,0,1); transition: transform .3s cubic-bezier(.4,0,0,1),-webkit-transform .3s cubic-bezier(.4,0,0,1);}
.header .btn:before{background-color: #edeaea;}
.header .btn:after{background-color: #fff; -webkit-transform: scale(0); transform: scale(0); -ms-transform: scale(0);}
.header .btn:hover:before{-webkit-transform: scale(1.2); transform: scale(1.2); -ms-transform: scale(1.2);}
.header .btn .btn_lines{position: relative; z-index: 2; display: inline-block; height: 18px;}
.header .btn .btn_lines,
.header .btn .btn_lines:after,
.header .btn .btn_lines:before{width: 2px; background-color: #000;
	-webkit-transition: background-color .3s cubic-bezier(.4,0,0,1),-webkit-transform .45s cubic-bezier(.4,0,0,1);
	transition: background-color .3s cubic-bezier(.4,0,0,1),-webkit-transform .45s cubic-bezier(.4,0,0,1);
	transition: background-color .3s cubic-bezier(.4,0,0,1),transform .45s cubic-bezier(.4,0,0,1);
	transition: background-color .3s cubic-bezier(.4,0,0,1),transform .45s cubic-bezier(.4,0,0,1),-webkit-transform .45s cubic-bezier(.4,0,0,1);}
.header .btn .btn_lines:after,
.header .btn .btn_lines:before{position: absolute; top: 0; bottom: 0; content: "";
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-ms-transform-origin: center bottom;}
.header .btn .btn_lines:before{right: -6px;}
.header .btn .btn_lines:after{left: -6px;}
.has-nav-open .header .btn:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}
.has-nav-open .header .btn:hover:after {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}
.has-nav-open .header .btn .btn_lines {
    background-color: transparent;
    -webkit-transform: rotate(180deg) translateY(-2px);
    -ms-transform: rotate(180deg) translateY(-2px);
    transform: rotate(180deg) translateY(-2px)
}
.has-nav-open .header .btn .btn_lines:after,
.has-nav-open .header .btn .btn_lines:before {
    background-color: #000
}
.has-nav-open .header .btn .btn_lines:before {
    -webkit-transform: rotate(-42deg);
    -ms-transform: rotate(-42deg);
    transform: rotate(-42deg)
}
.has-nav-open .header .btn .btn_lines:after {
    -webkit-transform: rotate(42deg);
    -ms-transform: rotate(42deg);
    transform: rotate(42deg)
}

/*inner sub nav*/
.comon_main_nav{position: fixed; top: 0; left: -180px; margin: 0; z-index: 8; background: #444; height: 100%; width: 180px; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.comon_main_nav.active{left: 180px;}
.comon_main_nav li{position: absolute; top: 0; right: 0; bottom: 0; left: 0; list-style: 0; background: #444; opacity: 0; visibility: hidden; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.comon_main_nav.active li.active{opacity: 1; visibility: visible;}
.comon_main_nav li .block{position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.comon_main_nav li .block a{display: block; border-bottom: 1px solid rgba(255,255,255,.1); text-align: center; font-size: 14px; line-height: 49px; color: #fff; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.comon_main_nav li .block a:hover,.comon_main_nav li .block a.hover{background: #e50012;}


/*inner footer*/
.footer{background: #444444; position: relative; z-index: 3;}
.footer .copyright{border-top: 1px solid #626265; font-size: 14px; color: #fff; padding: 30px 7%; overflow: hidden;}
.footer .main{font-size: 0; position: relative;}
.footer .main > div{display: inline-block; vertical-align: top;}
.footer .logo{width: 28%; height: 100%; padding: 0 7%; position: absolute; left: 0; top: 0;}
.footer .logo img{display: block; width: 50%; max-width: 222px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.footer .nav{width: 38%; margin-left: 28%; padding: 3% 0; padding-left: 8%; border-right: 1px solid #626265; border-left: 1px solid #626265; overflow: hidden;}
.footer .nav a{display: block; width: 50%; float: left; font-size: 14px; color: #fff; line-height: 28px;}
.footer .share{width: 34%; text-align: center; font-size: 0; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.footer .share a{width: 40px; height: 40px; margin: 0 2%; padding-left: 0; float: none; display: inline-block; border-radius: 50%; background-color: #ebebeb; background-position: center; background-repeat: no-repeat; -webkit-transition: all 500ms ease; transition: all 500ms ease;}

.footer .share a:nth-of-type(1){background-image: url(../images/share_icon1.png);}
.footer .share a:nth-of-type(2){background-image: url(../images/share_icon2.png);}
.footer .share a:nth-of-type(3){background-image: url(../images/share_icon3.png);}
.footer .share a:nth-of-type(4){background-image: url(../images/share_icon4.png);}
.footer .share a:nth-of-type(5){background-image: url(../images/share_icon5.png);}
.footer .share a:hover{background-color: #fff;}

/*inner search*/
.common_search{position: fixed; top: 0; right: 0; width: 200px; height: 90px; z-index: 2;}
.common_search:before{content: ''; height: 100%; display: inline-block; vertical-align: middle;}
.common_search span{display: inline-block; vertical-align: middle; font-size: 20px; color: #fff; font-family: 'Reznor'; padding-left: 20px; padding-top: 2px; background: url(../images/common_icon2.png) left center no-repeat;}
.common_search .search{width: 16px; height: 25px; display: inline-block; vertical-align: middle; margin-left: 10px; position: relative;}
.common_search .search a{width: 16px; height: 24px; display: block; background-position: center; background-repeat: no-repeat; background-image: url(../images/common_icon1.png); -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.common_search .search form{position: absolute; width: 0; height: 25px; border-bottom: 1px solid #ccc; position: absolute; right: 0; top: 0; overflow: hidden; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.common_search .search form.active{width: 240px;}
.common_search .search form .close{width: 14px; height: 14px; background: url(../images/close_icon1.png); position: absolute; left: 0; top: 5px; transition: all 500ms ease; cursor: pointer;}
.common_search .search form .close:hover{transform: rotate(180deg);}
.common_search form input{width: 210px; margin-left: 24px; height: 24px; background: none; display: block; font-size: 14px; color: #fff; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.common_search form input::-webkit-input-placeholder{color:#fff;}
.common_search form input::-moz-placeholder{color:#fff;}
.common_search form input:-moz-placeholder{color:#fff;}
.common_search form input:-ms-input-placeholder{color:#fff;}
.common_search form button{width: 16px; height: 24px; position: absolute; right: 0; top: 0; background: none; background-position: center; background-repeat: no-repeat; background-image: url(../images/common_icon1.png); -webkit-transition: all 500ms ease; transition: all 500ms ease; cursor: pointer;}

/*inner crumb*/
.common_crumb{position: fixed; right: 0; bottom: 0; width: calc(100% - 180px); text-align: right; padding: 0 60px; font-size: 12px; color: #fff; line-height: 40px; background: -webkit-linear-gradient(left, rgba(0,0,0,0) , rgba(0,0,0,.3)); background: -o-linear-gradient(right, rgba(0,0,0,0) , rgba(0,0,0,.3)); background: -moz-linear-gradient(right, rgba(0,0,0,0) , rgba(0,0,0,.3)); background: linear-gradient(to right, rgba(0,0,0,0) , rgba(0,0,0,.3));  z-index: 2;}
.common_crumb a{color: #fff;}
.common_crumb i{display: inline-block; width: 14px; height: 14px; vertical-align: middle; margin: -3px 10px 0 0; background: url(../images/common_icon3.png) center no-repeat;}


@media screen and (max-width: 1500px){
	.header .nav li{line-height: 32px;}
	.comon_main_nav li .block a{line-height: 35px;}
}
@media screen and (max-width: 1300px){
    .footer .copyright,
    .footer .nav a{font-size: 12px;}
}
@media screen and (max-width: 992px){
    body.pl{padding: 0;}
    .header{display: none;}
    .comon_main_nav{display: none;}
    .c-nav_main{display: none;}
    .common_search{top: 64px; width: 160px; height: 50px;}
    .common_crumb{width: 100%; padding: 0 10px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
	.m_index .slick-slide{height:auto !important}
    .footer .nav,
    .footer .share{display: none !important;}
    .footer .main{padding: 20px 0;}
    .footer .logo{position: static; width: 100%; display: block !important;height:auto;}
    .footer .logo img{position: static; display: block; margin: 0 auto; -webkit-transform: none; transform: none;}
    .footer .copyright{padding: 15px 6px;}
    .footer .copyright span{float: none !important; display: block; text-align: center;}
}

/*common section1*/
.common_section1{width: calc(100% - 180px); height: 100vh; position: fixed; top: 0; right: 0; background-position: center; background-repeat: no-repeat; background-size: cover;}
.common_section1 .txt_block{position: absolute; top: 50%; left: 7%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.common_section1 .txt_block h3{font-size: 40px; color: #fff; font-weight: 600;}
.common_section1 .txt_block h4{font-size: 30px; font-family: 'Arial'; color: rgba(255,255,255,.3); margin: 5px 0 8px; text-transform: uppercase;}
.common_section1 .txt_block p{padding: 15px 15px; background: #e50012; display: inline-block; font-size: 20px; color: #fff;}
/*common section3*/
.common_section3{background: #fff;}
.common_section3.item4 .item{width: 23%;}
.common_section3.item5 .item{width: 18%;}
.common_section3 .items{margin: 2% -1% 0;}
.common_section3 .items:after{content: ''; display: block; clear: both;}
.common_section3 .item{width: 14.666%; float: left; margin: 1%; border: 1px solid #f7f7f7; text-align: center; position: relative; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.common_section3 .item .logo{height: 62px; display: table; width: 100%;}
.common_section3 .item .img{display: table-cell; vertical-align: middle;}
.common_section3 .item .img img{max-width: 90%; max-height: 90%}
.common_section3 .item p{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #e50012; text-align: center; line-height: 62px; color: #fff; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; opacity: 0; visibility: hidden; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.common_section3 .item:hover{box-shadow: 0 5px 20px rgba(229,0,18,.4); border-color: #e50012;}
.common_section3 .item:hover p{opacity: 1; visibility: visible; z-index: 2;}
.common_section3 .item.link:after{content: ''; width: 35px; height: 36px; background: url(../images/logo_icon1.png) center no-repeat; position: absolute; top: 0; right: 0; z-index: 1;}
.common_section3 .more,
.eCommerce1_main .section6 .more{display: block; margin-top: 10px; font-size: 16px; color: #333333; line-height: 60px; background: #f9f9f9; text-align: center; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.common_section3 .more:hover,
.eCommerce1_main .section6 .more:hover{background: #e50012; color: #fff;}


.fixed_right{position: fixed; right: 0; bottom: 20px; z-index: 97; display: none;}
.fixed_right .block{width: 54px; height: 54px; display: block; position: relative; margin-bottom: 1px; background: rgba(0,0,0,.3); padding: 7px 0;}
.fixed_right i{display: block; width: 23px; height: 23px; margin: 0 auto; background-position: center; background-repeat: no-repeat; transition: all 500ms ease;}
.fixed_right p{font-size: 12px; color: #fff; text-align: center; line-height: 18px; margin: 0; transition: all 500ms ease;}
.fixed_right .block:nth-of-type(1) i{background-image: url(../images/fixed_icon1.png);}
.fixed_right .block:nth-of-type(2) i{background-image: url(../images/fixed_icon2.png);}
.fixed_right .block:nth-of-type(3) i{background-image: url(../images/fixed_icon6.png);}
.fixed_right .block:nth-of-type(4) i{background-image: url(../images/fixed_icon4.png);}
.fixed_right .block.share i{background-image: url(../images/fixed_icon5.png);}
.fixed_right .block.tel .hover{width: 190px; right: -190px;position: absolute; top: 0; background: #fff; line-height: 54px; padding: 0 10px 0 50px; font-family: 'Reznor'; font-size: 26px; color: #d51120; background-position: 15px center; background-repeat: no-repeat; background-image: url(../images/fixed_icon2on.png); transition: all 500ms ease;}
.fixed_right .block.tel .hover span{margin-left: 10px; font-size: 18px; color: #333;}
.fixed_right .block.tel:hover .hover{right: 0;}
.fixed_right .block.share .hover{width: 200px; height: 54px; padding: 0 20px; position: absolute; top: 0; right: -200px; background: #fff; font-size: 0; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.fixed_right .block.share .hover a{display: inline-block; float: none; margin: 0; padding-left: 0; width: 20%; height: 54px; vertical-align: top; background-position: center; background-repeat: no-repeat; -webkit-transition: all 500ms ease; transition: all 500ms ease;}
.fixed_right .block.share .hover a:nth-of-type(1){background-image: url(../images/share_icon1.png);}
.fixed_right .block.share .hover a:nth-of-type(2){background-image: url(../images/share_icon2.png);}
.fixed_right .block.share .hover a:nth-of-type(3){background-image: url(../images/share_icon3.png);}
.fixed_right .block.share .hover a:nth-of-type(4){background-image: url(../images/share_icon4.png);}
.fixed_right .block.share .hover a:nth-of-type(5){background-image: url(../images/share_icon5.png);}
.fixed_right .block.share .hover a:nth-of-type(1):hover{background-image: url(../images/share_icon1on.png);}
.fixed_right .block.share .hover a:nth-of-type(2):hover{background-image: url(../images/share_icon2on.png);}
.fixed_right .block.share .hover a:nth-of-type(3):hover{background-image: url(../images/share_icon3on.png);}
.fixed_right .block.share .hover a:nth-of-type(4):hover{background-image: url(../images/share_icon4on.png);}
.fixed_right .block.share .hover a:nth-of-type(5):hover{background-image: url(../images/share_icon5on.png);}
.fixed_right .block.share:hover .hover{right: 0;}
.fixed_right .block:hover{background: #fff;}
.fixed_right .block:hover p{color: #d51120;}
.fixed_right .block:nth-of-type(1):hover i{background-image: url(../images/fixed_icon1on.png);}
.fixed_right .block:nth-of-type(2):hover i{background-image: url(../images/fixed_icon2on.png);}
.fixed_right .block:nth-of-type(3):hover i{background-image: url(../images/fixed_icon6on.png);}
.fixed_right .block:nth-of-type(4):hover i{background-image: url(../images/fixed_icon4on.png);}
.fixed_right .block.share:hover i{background-image: url(../images/fixed_icon5on.png);}


.scrollFlag{position: absolute; bottom: 50px; left: 0; right: 0; width: 70px; text-align: center; margin: 0 auto; font-size: 16px; color: #fff;}
.scrollFlag .icon{width: 20px; display: block; margin: 10px auto 0;}
.scrollFlag .icon:before,
.scrollFlag .icon:after{content: ''; width: 20px; height: 10px; background: url(../images/scroll_down.png); display: block; opacity: 0;}
.scrollFlag .icon span{width: 20px; height: 10px; background: url(../images/scroll_down.png); display: block; opacity: 0;}
.scrollFlag .icon:before{-webkit-animation: ani-svg1 1s linear infinite; animation: ani-svg1 1s linear infinite;}
.scrollFlag .icon span{-webkit-animation: ani-svg2 1s linear infinite; animation: ani-svg2 1s linear infinite;}
.scrollFlag .icon:after{-webkit-animation: ani-svg3 1s linear infinite; animation: ani-svg3 1s linear infinite;}
@-webkit-keyframes ani-svg1{
	0%{opacity: 0;}
	20%{opacity: .3;}
	90%{opacity: .3;}
	100%{opacity: 0;}
}
@-webkit-keyframes ani-svg2{
	0%{opacity: 0;}
	20%{opacity: 0;}
	40%{opacity: .6;}
	90%{opacity: .6;}
	100%{opacity: 0;}
}
@-webkit-keyframes ani-svg3{
	0%{opacity: 0;}
	40%{opacity: 0;}
	60%{opacity: 1;}
	90%{opacity: 1;}
	100%{opacity: 0;}
}
@keyframes ani-svg1{
	0%{opacity: 0;}
	20%{opacity: .3;}
	90%{opacity: .3;}
	100%{opacity: 0;}
}
@keyframes ani-svg2{
	0%{opacity: 0;}
	20%{opacity: 0;}
	40%{opacity: .6;}
	90%{opacity: .6;}
	100%{opacity: 0;}
}
@keyframes ani-svg3{
	0%{opacity: 0;}
	40%{opacity: 0;}
	60%{opacity: 1;}
	90%{opacity: 1;}
	100%{opacity: 0;}
}



@media screen and (max-width: 1500px){
    .common_section3 .item p{font-size: 14px;}
}
@media screen and (max-width: 992px){
    .common_section1{width: 100%;}
    .common_section1 .txt_block{width: 84%; left: 8%;}
    .common_section1 .txt_block h3{font-size: 24px;}
    .common_section1 .txt_block h4{font-size: 20px;}
    .common_section1 .txt_block p{font-size: 16px; padding: 5px 10px;}
    .common_section3 .item{width: 48% !important;}
    .common_section3 .more,
    .eCommerce1_main .section6 .more{line-height: 40px;}
	
}