/*!
 * fullPage 3.0.9
 * https://github.com/alvarotrigo/fullPage.js
 *
 * @license GPLv3 for open source use only
 * or Fullpage Commercial License for commercial use
 * http://alvarotrigo.com/fullPage/pricing/
 *
 * Copyright (C) 2018 http://alvarotrigo.com/fullPage - A project by Alvaro Trigo
 */
html.fp-enabled,
.fp-enabled body {
    margin: 0; padding: 0; overflow:hidden; -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.fp-section {
    position: relative; -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */ -moz-box-sizing: border-box; /* <=28 */ box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%; display: block;
}
.fp-slides {
    z-index:1; height: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table; table-layout:fixed; width: 100%;
}
.fp-tableCell {
    display: table-cell; vertical-align: middle; width: 100%; height: 100%; overflow: hidden;
}
.fp-slidesContainer {
    float: left; position: relative;
}
.fp-controlArrow {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
    position: absolute; z-index: 4; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px;
    -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
    left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: hidden; position: relative;
}
.fp-scroller{
    overflow: hidden;
}
.iScrollIndicator{
    border: 0 !important;
}
.fp-notransition {
    -webkit-transition: none !important; transition: none !important;
}

.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell{
    height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section, .fp-responsive .fp-auto-height-responsive .fp-slide, .fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important;
}

/*Only display content to screen readers*/
.fp-sr-only{
    position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}



.fp-section { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.fp-slide { float: left;}
.fp-slide, .fp-slidesContainer { height: 100%; display: block;}
.fp-slides { z-index:1; height: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.fp-section.fp-table, .fp-slide.fp-table { display: table; table-layout:fixed; width: 100%;}
.fp-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%;}
.fp-slidesContainer { float: left; position: relative;}
.fp-controlArrow { position: absolute; z-index: 4; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px;}
.fp-controlArrow.fp-prev { left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent;}
.fp-controlArrow.fp-next { right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff;}
.fp-scrollable { overflow: scroll;}
.fp-notransition { -webkit-transition: none !important; transition: none !important;}
#fp-nav { position: fixed; z-index: 100; margin-top: -100px; top: 50%; right: 20px; opacity: 1;}
#fp-nav.right { right: 20px;}
#fp-nav.left { left: 20px;}
.fp-slidesNav { position: absolute; z-index: 4; left: 50%; opacity: 1;}
.fp-slidesNav.bottom { bottom: 20px;}
.fp-slidesNav.top { top: 20px;}
#fp-nav ul, .fp-slidesNav ul { margin: 0; padding: 0;}
#fp-nav ul li, .fp-slidesNav ul li { display: block; width: 30px; height: 15px; margin: 15px 0; position:relative;}
.fp-slidesNav ul li { display: inline-block;}
#fp-nav ul li a, .fp-slidesNav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none;}
#fp-nav ul li a span, .fp-slidesNav ul li a span { width: 30px; height: 1px; border: 0px solid #fff; background: rgba(255, 255, 255, 0.5); border-radius: 0; position: absolute; top: 7px; right: 0; z-index: 1; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
#fp-nav ul li:hover a span, #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span { width:50px; background: #23ac38;}
#fp-nav ul li .fp-tooltip { position: absolute; top: -2px; left: -58px; color: #23ac38; font-size: 14px; font-family: arial, helvetica, sans-serif; white-space: nowrap; max-width: 220px; overflow: hidden; display: block; opacity: 0; width: 0;}
#fp-nav ul li:hover .fp-tooltip { -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; width: auto; opacity: 1;}
#fp-nav ul li .fp-tooltip.right { right: 60px;}
#fp-nav ul li .fp-tooltip.left { left: 60px;}
.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell { height: auto!important;}

.ly_top { width:100%; height:80px; margin:0; padding:0; background:url(../images/top.png) center top no-repeat; position:fixed; top:0; z-index:999; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
.ly_top:hover { background:url(../images/top1.png) center top no-repeat; box-shadow:0 6px 12px rgba(0,0,0,0.1);}
.ly_foot { width:100%; height:410px; overflow:hidden; margin:0; padding:0; background:url(../images/foot.jpg) center top no-repeat; position: relative;}
.ly_scroll { width:120px; height:40px; overflow:hidden; margin:0 0 0 -60px; padding:0; position:absolute; bottom:40px; left:50%;}

.section1 { background:url(../images/part1_bg.jpg) center center no-repeat!important; background-size:cover!important;}
.section2 { background:url(../images/part2_bg.jpg) center center no-repeat!important; background-size:cover!important;}
.section3 { background:url(../images/part3_bg.jpg) center center no-repeat!important; background-size:cover!important;}
.section4 { background:url(../images/part4_bg.jpg) center center no-repeat!important; background-size:cover!important;}
.section5 { background:url(../images/part5_bg.jpg) center center no-repeat!important; background-size:cover!important;}

.ly_main { width:1360px; height: 100%; margin: 0 auto; padding: 0; position: relative;}
.p1_img1 { width:760px; height:180px; overflow:hidden; margin:-90px 0 0; padding:0; position:absolute; left:100%; top:50%; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.p2_img1 { width:1360px; height:360px; overflow:hidden; margin:0; padding:0; position:absolute; left:0%; top:-100%; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.p2_img2 { width:1360px; height:200px; overflow:hidden; margin:0; padding:0; position:absolute; left:0%; bottom:-100%; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.p3_img1 { width:1360px; height:60px; overflow:hidden; margin:0; padding:0; position:absolute; left:100%; top:174px; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.p3_img2 { width:1488px; height:530px; overflow:hidden; margin:0 -64px 0 0; padding:0; position:absolute; right:100%; bottom:130px; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.p4_img1 { width:320px; height:620px; overflow:hidden; margin:0; padding:0; position:absolute; left:-100%; top:180px; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.p4_img2 { width:1020px; height:620px; overflow:hidden; margin:0; padding:0; position:absolute; right:-100%; top:180px; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.p5_img1 { width:1360px; height:60px; overflow:hidden; margin:0; padding:0; position:absolute; left:100%; top:180px; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.p5_img2 { width:1488px; height:520px; overflow:hidden; margin:0 -64px 0 0; padding:0; position:absolute; right:100%; bottom:140px; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}

.active .p1_img1 { left:0; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0s;}
.active .p2_img1 { top:200px; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0s;}
.active .p2_img2 { bottom:140px; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0s;}
.active .p3_img1 { left:0; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0s;}
.active .p3_img2 { right:0; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0s;}
.active .p4_img1 { left:0; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0s;}
.active .p4_img2 { right:0; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0s;}
.active .p5_img1 { left:0; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0s;}
.active .p5_img2 { right:0; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0s;}

@media screen and (min-width:1441px) and (max-width:1600px) {
	.ly_top { background:url(../images/top1600.png) center top no-repeat;}
	.ly_top:hover { background:url(../images/top1600_1.png) center top no-repeat;}
	.ly_scroll { bottom:20px;}
	
	.ly_main { width:1200px;}
	.p1_img1 { width:600px; height:142px; margin:-71px 0 0 0;}
	.p2_img1 { width:1200px; height:318px;}
	.p2_img2 { width:1200px; height:176px;}
	.p3_img1 { width:1200px; height:53px; top:120px;}
	.p3_img2 { width:1320px; height:470px; margin:0 -60px 0 0; bottom:100px;}
	.p4_img1 { width:279px; height:540px; top:120px;}
	.p4_img2 { width:888px; height:540px; top:120px;}
	.p5_img1 { width:1200px; height:53px; top:120px;}
	.p5_img2 { width:1320px; height:461px; bottom:100px;}
	
	.active .p2_img1 { top:120px;}
	.active .p2_img2 { bottom:100px;}	
}

@media screen and (max-width:1440px) {
	.ly_top { background:url(../images/top1440.png) center top no-repeat;}
	.ly_top:hover { background:url(../images/top1440_1.png) center top no-repeat;}
	.ly_scroll { bottom:10px;}
	
	.ly_main { width:1200px;}
	.p1_img1 { width:600px; height:142px; margin:-71px 0 0 0;}
	.p2_img1 { width:1200px; height:318px;}
	.p2_img2 { width:1200px; height:176px;}
	.p3_img1 { width:1200px; height:53px; top:120px;}
	.p3_img2 { width:1320px; height:470px; margin:0 -60px 0 0; bottom:80px;}
	.p4_img1 { width:279px; height:540px; top:120px;}
	.p4_img2 { width:888px; height:540px; top:120px;}
	.p5_img1 { width:1200px; height:53px; top:120px;}
	.p5_img2 { width:1320px; height:461px; bottom:80px;}
	
	.active .p2_img1 { top:110px;}
	.active .p2_img2 { bottom:80px;}
}



