.top-graphic{height: 100vh; position: relative; overflow: hidden;}
.top-graphic .cover{height: calc(100vh - 80px); margin-top: 80px;}
.top-graphic .owl-carousel{position: relative; z-index: 100;}
.top-graphic .owl-nav{position: absolute; width: 100%; top: 50%; left: 0;}
.top-graphic .owl-nav > div{
	position: absolute; 
	transform: translate(0, -50%);
	font-size: 0;
	width: 70px;
	height: 70px;
    background-color: rgba(255,255,255,0);
	border: 1px solid rgba(112,172,43,0.5);
	border-radius: 50%;

    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.top-graphic .owl-prev{left: 50%; margin-left: -580px; background: url('../image/icon/owl-prev.png') center;}
.top-graphic .owl-next{right: 50%; margin-right: -580px; background: url('../image/icon/owl-next.png') center;}
.top-graphic .owl-nav > div:hover{
    background-color: rgba(255,255,255,0.5);
    border: 1px solid rgba(112,172,43,1);
}
.top-graphic .owl-item .item{opacity: 0;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    -ms-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;

    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    -ms-transition: 200ms;
}
.top-graphic .owl-item.active .item{opacity: 1;}
.top-graphic-action{position: absolute; z-index: 100; left: 0; bottom: 20px; width: 100%; text-align: center;}
.top-graphic-action .link{
	display: block;
	margin: 0 auto;
	width: 70px;
	height: 70px;
	background: url('../image/icon/arrow-down.png') center;
	background-color: #70ac2b;
	border-radius: 50%;
    animation: bouncecustom 1s infinite alternate;
    -webkit-animation: bouncecustom 1s infinite alternate;
}
@keyframes bouncecustom {
  from {
    transform: translateY(5px);
  }
  to {
    transform: translateY(-5px);
  }
}
@-webkit-keyframes bouncecustom {
  from {
    transform: translateY(5px);
  }
  to {
    transform: translateY(-5px);
  }
}

.top-graphic .bg{
    position: absolute;
    width: 100%;
    top: 80px;
    bottom: 0;
    left: 0;
    background: url('../image/upload/intro-bg.jpg');
    background-size: cover;
    background-position: center;
}
.top-graphic .bg-tree{
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url('../image/upload/intro-tree.png');
    background-size: cover;
    background-position: center;

    animation: bgtree 4s infinite alternate;
    -webkit-animation: bgtree 4s infinite alternate;
}
@keyframes bgtree {
    0% {
        top: 0px;
    }
    50% {
        top: -20px;
    }
    100% {
        top: 0px;
    }
}
@-webkit-keyframes bgtree {
    0% {
        top: 0px;
    }
    50% {
        top: -20px;
    }
    100% {
        top: 0px;
    }
}


@keyframes animatedBackground {
    from {
        background-position: 0 top;
    }
    to {
        background-position: 1000px top;
    }
}
.top-graphic .bg-cloud{
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url('../image/upload/intro-cloud.png');
    background-size: cover;
    background-position: 0px 0px;
    background-repeat: repeat-x;
    animation: animatedBackground 40s linear infinite;
}




@keyframes animatedBackgroundWgAbout {
    from {
        background-position: 0 top;
    }
    to {
        background-position: 1000px top;
    }
}
.wg-about{
    overflow: hidden;
	position: relative;
	z-index: 100;
	height: 100vh; 
	background: url('../image/background/wg-about.jpg') center top no-repeat; 
	background-color: #fff;
	box-shadow: 0 -5px 15px rgba(0,0,0,0.06);
    background-position: 0px 0px;
    background-repeat: repeat-x;
    animation: animatedBackgroundWgAbout 40s linear infinite;
}
.wg-about-image{}
.wg-about-content{margin-top: 40px;}
.wg-about-content .title{margin: 0 0 40px 0; font-size: 3.8em; font-weight: 500;}
.wg-about-content .desc{margin: 0; font-size: 2.8em; line-height: 1.3em;}
.wg-about-content .desc strong{font-weight: 500;}

.wg-about-clock{position: relative; width: 680px; height: 660px; margin: 0 auto;}
.wg-about-clock:before{
	content: '';
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 100%;
	background: url('../image/background/wg-about-clock.png') center;
	pointer-events: none;
}
.wg-about-clock .slider-for{position: relative; z-index: 110; width: 280px; margin-left: 260px; padding-top: 140px;}
.wg-about-clock .slider-for .title{
	font-family: 'fontastiquefontastique';
	text-align: center;
	margin: 0;
	font-size: 7em;
	font-weight: normal;
	line-height: 1em;
	color: #242424;
}
.wg-about-clock .slider-for .desc{margin: 0; text-align: center; font-size: 2.5em; line-height: 1.2em;}
.wg-about-clock .slider-nav{position: absolute; bottom: 0; left: 0; width: 360px; height: 360px;}

.wg-about-nav{margin-top: 50px;}
.wg-about-nav li{width: 33.33%;}
.wg-about-nav li:nth-child(1),
.wg-about-nav li:nth-child(2),
.wg-about-nav li:nth-child(3){padding-bottom: 50px; border-bottom: 1px solid #d8d8d8;}
.wg-about-nav li:nth-child(4),
.wg-about-nav li:nth-child(5),
.wg-about-nav li:nth-child(6){padding-top: 50px;}
.wg-about-nav li:nth-child(1),
.wg-about-nav li:nth-child(2),
.wg-about-nav li:nth-child(4),
.wg-about-nav li:nth-child(5){border-right: 1px solid #d8d8d8;}
.wg-about-nav .link{display: block; text-align: center;
    filter: grayscale(40%);
    opacity: 0.5;
}
.wg-about-nav .icon{margin-bottom: 15px; top: 0;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;

    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    -ms-transition: 100ms;
}
.wg-about-nav .icon img{display: inline-block;}
.wg-about-nav .title{margin: 0; font-size: 3.8em; font-weight: 500; color: #70ac2b;}
.wg-about-nav .link:hover{
    filter: grayscale(0%);
    opacity: 1;
}
.wg-about-nav .link:hover .icon{top: -10px;}

.wg-about-clock .slick-prev{
    position: absolute;
    top: 100%;
    left: auto;
    right: 50%;
    transform: translate(0);
    margin-top: 20px;
    width: 30px;
    height: 30px;
    background: url('../image/icon/owl-prev.png') center no-repeat;
}
.wg-about-clock .slick-prev:before{display: none;}
.wg-about-clock .slick-next{
    position: absolute;
    top: 100%;
    right: auto;
    left: 50%;
    transform: translate(0);
    margin-top: 20px;
    width: 30px;
    height: 30px;
    background: url('../image/icon/owl-next.png') center no-repeat;
}
.wg-about-clock .slick-next:before{display: none;}
.wg-about-clock .slick-arrow{
    filter: grayscale(40%);
    opacity: 0.5;

    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.wg-about-clock .slick-arrow:hover{
    filter: grayscale(0%);
    opacity: 1;
}




.wg-product{overflow: hidden; height: 100vh; position: relative;}

.wg-product .whead{width: 100%; position: absolute; z-index: 900; top: 50px; left: 0; text-align: center;}
.wg-product .whead .title{color: #fff;}

.wg-product-line{position: absolute; z-index: 100; width: 100%; top: 0; left: 0;}
.wg-product-line li{width: 20%; height: 1px; position: relative;}
.wg-product-line li:first-child .line{display: none;}
.wg-product-line .line{position: absolute; top: 0; width: 1px; height: 100vh; background-color: rgba(255,255,255,0.5);}

.wg-product-list{background-size: cover; background-position: center;}
.wg-product-list .wrapper{display: table; width: 100%; height: 100vh;}
.wg-product-list .wrapper .inner{opacity: 0.5; display: table-cell; vertical-align: bottom; position: relative; z-index: 20; text-align: center; 
	padding: 40px 15px;
    background-color: rgba(0,0,0,0);

    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;

    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    -ms-transition: 100ms;
}
.wg-product-list .wrapper .icon{text-align: center;}
.wg-product-list .wrapper .icon img{width: auto; display: inline-block;}
.wg-product-list .wrapper .title{margin: 15px 0 0 0; font-size: 3.8em; font-weight: 500; color: #fff; line-height: 1em; word-break: keep-all;}
.wg-product-list .wrapper .full{
    opacity: 0; 
    position: absolute; 
    z-index: 1; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background-size: cover; 
    background-position: center;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;

    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    -ms-transition: 200ms;
}
.wg-product-list .owl-item{position: static;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
}
.wg-product-list .wrapper:hover,
.wg-product-list .wrapper:focus{text-decoration: none;}
.wg-product-list .wrapper:hover:before{bottom: 100%;}
.wg-product-list .wrapper:hover .full{opacity: 1;}
.wg-product-list .wrapper:hover .inner{opacity: 1; background-color: rgba(0,0,0,0.6); padding: 70px 15px;}




.wg-circuit{overflow: hidden; height: 100vh; background: url('../image/background/wg-circuit.jpg') center;
    background-size: auto 100vh;
    -webkit-transition: all 10000ms ease-out;
    -moz-transition: all 10000ms ease-out;
    -o-transition: all 10000ms ease-out;
    -ms-transition: all 10000ms ease-out;
    transition: all 10000ms ease-out;

    -webkit-transition-delay: 1000ms;
    -moz-transition-delay: 1000ms;
    -o-transition-delay: 1000ms;
    -ms-transition: 1000ms;
}
.wg-circuit.active{
    /*background-size: calc(1920px + 250px);*/
    background-size: auto calc(100vh + 200px);
}


.wg-circuit .whead{}
.wg-circuit .whead .title{color: #fff;}
.wg-circuit .whead .desc{color: #fff;}

.wg-circuit-list{padding-top: 100px; padding-bottom: 230px;}
.wg-circuit-list li{width: 16.66666667%; position: relative;}
.wg-circuit-list .wrapper{position: relative;}
.wg-circuit-list .wrapper:before{content: ''; position: absolute; left: 100%; width: 156px; height: 2px; background-color: #fff;}
.wg-circuit-list .icon{display: block; position: relative; margin: auto; width: 170px; height: 170px; border: 2px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.wg-circuit-list .icon:before{content: ''; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); border:12px solid rgba(255,255,255,0.2);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.wg-circuit-list .icon img{position: relative; z-index: 10;}
.wg-circuit-list .title{position: absolute; width: 100%; top: 100%; margin: 20px 0 0 0; font-size: 2.6em; font-weight: normal; color: #fff; line-height: 1.1em; text-align: center; word-break: keep-all;}
.wg-circuit-list li:nth-child(odd){top: -100px;}
.wg-circuit-list li:nth-child(even){bottom: -100px;}
.wg-circuit-list li:nth-child(odd) .wrapper:before{top: 50%; margin-top: 100px; margin-left: -77px;
	-webkit-transform: rotate(40deg); 
	-ms-transform: rotate(40deg); 
	transform: rotate(40deg); 
}
.wg-circuit-list li:nth-child(even) .wrapper:before{bottom: 50%; margin-bottom: 100px; margin-left: -77px;
	-webkit-transform: rotate(-40deg); 
	-ms-transform: rotate(-40deg); 
	transform: rotate(-40deg); 
}
.wg-circuit-list li:last-child .wrapper:before{display: none;}

.wg-circuit-list .wrapper:before{opacity: 0;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;

    -webkit-transition-delay: 2000ms;
    -moz-transition-delay: 2000ms;
    -o-transition-delay: 2000ms;
    -ms-transition: 2000ms;
}
.wg-circuit-list li:nth-child(odd){top: 0;}
.wg-circuit-list li:nth-child(even){bottom: 0;}
.wg-circuit-list li:nth-child(odd),
.wg-circuit-list li:nth-child(even){
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    -ms-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;

    -webkit-transition-delay: 1400ms;
    -moz-transition-delay: 1400ms;
    -o-transition-delay: 1400ms;
    -ms-transition: 1400ms;
}
.wg-circuit-list .title{opacity: 0;
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    -ms-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;

    -webkit-transition-delay: 1400ms;
    -moz-transition-delay: 1400ms;
    -o-transition-delay: 1400ms;
    -ms-transition: 1400ms;
}
.wg-circuit-list .icon:before{
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;

    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    -ms-transition: 200ms;
}
.wg-circuit-list .icon:hover:before{border-width: 0;}
.wg-circuit-list.expand li:nth-child(odd){top: -100px;}
.wg-circuit-list.expand li:nth-child(even){bottom: -100px;}
.wg-circuit-list.expand .title{opacity: 1;}
.wg-circuit-list.expand .wrapper:before{opacity: 1;}




.wg-news{overflow: hidden; height: 100vh; background-color: #fff;}

.wg-news-list{padding: 0 70px;}
.wg-news-list .wrapper{
	/*width: 300px;*/

	-webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;

    /*-webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    -ms-transition: 200ms;*/
}
.wg-news-list .owl-item.center .wrapper{
	margin: 0 -225px;
	background-color: transparent;
}

.wg-news-list .header{position: relative;}
.wg-news-list .header .inner{
	margin: 0 auto;
	padding: 20px;

	/*width: 300px;*/
	height: 500px;
	background-color: #e8f2ea;
	border-radius: 5px;

	-webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.wg-news-list .header .cover{
	opacity: 0;
    visibility: hidden;

	position: absolute;
	top: 0;
	width: 750px;
	height: 500px;
	border-radius: 5px;
	background-color: #ddd;
	overflow: hidden;

    border-bottom: 10px solid #6faa2a;

	-webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.wg-news-list .header .cover .link{display: block;}
.wg-news-list .header .cover .link:before{
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    bottom: 0;
    width: 100%;
    background-color: #6faa2a;
    opacity: 1;

    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
.wg-news-list .header .title{margin: 0 0 20px 0; font-size: 3.4em; line-height: 1em;}
.wg-news-list .header .desc{margin: 0; font-size: 2.5em; line-height: 1.2em;}
.wg-news-list .header .action{position: absolute; bottom: 20px; left: 20px;}
.wg-news-list .header .action .link{font-size: 2.2em; line-height: 1em; color: #242424;}
.wg-news-list .header .action .link .icon{position: relative; top: 2px; display: inline-block; width: 14px;}
.wg-news-list .body{
	margin-top: 20px;
	opacity: 0;

	width: 750px;
	height: 140px;

	-webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.wg-news-list .header .action .link:hover{color: #70ac2b;}
.wg-news-list .header .cover .link:hover:before{
    top: 0;
    opacity: 0.5;
}
.wg-news-list .body .inner{padding-left: 30px;}
.wg-news-list .body .date{padding: 0 20px; border-right: 1px solid #e1e1e1; text-align: center; font-size: 3.2em; line-height: 1em; font-weight: 500;}
.wg-news-list .body .date strong{font-size: 2.6em; line-height: 0.8em; font-weight: 500;}
.wg-news-list .body .title{margin: 0 0 8px 0; font-size: 3em; line-height: 1em;}
.wg-news-list .body .desc{margin: 0; font-size: 2.5em; line-height: 1.2em;}
.wg-news-list .body .action{margin-top: 8px;}
.wg-news-list .body .action .link{font-size: 2.2em; line-height: 1em; color: #70ac2b;}
.wg-news-list .body .action .link .icon{position: relative; top: 2px; display: inline-block; width: 14px;}

.wg-news-list .owl-item.center .header .inner{
	opacity: 0;
}
.wg-news-list .owl-item.center .header .cover{
	opacity: 1;
    visibility: visible;
}
.wg-news-list .owl-item.center .body{
	opacity: 1;
}

.wg-news-list .owl-nav{position: absolute; width: 100%; top: calc(50% - (140px / 2)); left: 0;}
.wg-news-list .owl-nav > div{
	position: absolute; 
	transform: translate(0, -50%);
	font-size: 0;
	width: 70px;
	height: 70px;
	border: 1px solid rgba(112,172,43,0.5);
	border-radius: 50%;

    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.wg-news-list .owl-prev{left: -90px; background: url('../image/icon/owl-prev.png') center;}
.wg-news-list .owl-next{right: -90px; background: url('../image/icon/owl-next.png') center;}
.wg-news-list .owl-nav > div:hover{
    border: 1px solid rgba(112,172,43,1);
}
.wg-news-list .owl-dots{margin-top: 20px; position: relative; text-align: center;}
.wg-news-list .owl-dot{float: none; margin: 0 4px; display: inline-block; width: 12px; height: 12px; background-color: #e8f2ea; border-radius: 50%;}
.wg-news-list .owl-dot.active{background-color: #70ac2b;}




.wg-quality{overflow: hidden; /*height: 350px;*/ padding: 60px 0; border-bottom: 6px solid #d0e4d3; background: url('../image/background/wg-quality.jpg') center; background-size: cover;}

.wg-quality .whead{margin-bottom: 50px;}

.wg-quality-list{padding: 0 140px;}
.wg-quality-list .link{display: block; 
	position: relative;
	padding: 15px;
}
.wg-quality-list .link:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-top: 6px solid #d2dec4;
	border-right: 6px solid #d2dec4;
	border-bottom: 6px solid #a3cab7;
	border-left: 6px solid #a3cab7;
	border-radius: 50%;

    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.wg-quality-list .link:hover:before{
    transform: rotate(180deg);
}

.wg-quality-list .icon{border-radius: 50%; overflow: hidden; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.06);}

.wg-quality-list .owl-dots{margin-top: 20px; position: relative; text-align: center;}
.wg-quality-list .owl-dot{float: none; margin: 0 4px; display: inline-block; width: 12px; height: 12px; background-color: #e8f2ea; border-radius: 50%;}
.wg-quality-list .owl-dot.active{background-color: #70ac2b;}




.wg-contact{min-height: calc(100vh - 56px); background: url('../image/background/wg-contact.jpg') center; background-size: cover;}

.wg-contact .section-middle{height: calc(100vh - 56px);}

.wg-contact-form{padding-left: 70px; padding-right: 70px; min-height: calc(100vh - 56px); background-color: rgba(255,255,255,0.85);}
.wg-contact-form .form-button{margin-top: 20px;}
.wg-contact-form .form-button .btn{width: 180px;}




.default-nav{margin-top: 30px; margin-bottom: 70px; text-align: center;}
.default-nav .nav-list{display: inline-block;}
.default-nav li{padding: 0 30px; position: relative;}
.default-nav li + li:before{content: ''; position: absolute; top: -15px; left: 0; width: 1px; height: 40px; background-color: #d0d0d0;}
.default-nav .link{display: block; position: relative; font-size: 3.2em; color: #242424; font-weight: 500;}
.default-nav .link:hover,
.default-nav .active .link{color: #70ac2b;}
.default-nav .active .link:before{content: ''; position: absolute; top: 100%; left: 0; margin-top: 12px; width: 100%; height: 5px; background-color: #70ac2b}




.aboutHis-list{position: relative; margin-top: 40px; padding-top: 160px; padding-bottom: 100px;}
.aboutHis-list .thumb{width: 590px; border-radius: 5px; overflow: hidden;}
.aboutHis-list .inner{margin-top: 50px;}
.aboutHis-list .title{margin: 0 0 20px 0; font-family: 'fontastiquefontastique'; font-weight: normal; font-size: 7em; line-height: 1em;}
.aboutHis-list .desc{margin: 0; padding-top: 2px; padding-left: 40px; font-size: 2.7em; line-height: 1.2em;}

.aboutHis-list li:nth-child(odd) .row > div:first-child{float: right;}
.aboutHis-list li:nth-child(odd) .thumb{float: right;}
.aboutHis-list li:nth-child(odd) .inner{padding-right: 110px;}
.aboutHis-list li:nth-child(odd):after{left: 50%; margin-left: 30px;}
.aboutHis-list li:nth-child(even) .inner{padding-left: 80px;}
.aboutHis-list li:nth-child(even):after{right: 50%; margin-right: 30px;}

.aboutHis-list li{position: relative;}
.aboutHis-list li:before{
    content: '';
    position: absolute;
    top: 65px;
    left: 50%;
    transform: translate(-50%, 0);
    /*width: 20px;
    height: 20px;*/
    background-color: #fff;
    border: 3px solid #70ac2b;
    border-radius: 50%;

    width: 0;
    height: 0;
    opacity: 0;

    -webkit-transition: all 600ms ease-out;
    -moz-transition: all 600ms ease-out;
    -o-transition: all 600ms ease-out;
    -ms-transition: all 600ms ease-out;
    transition: all 600ms ease-out;

    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    -ms-transition: 200ms;
}
.aboutHis-list li.move:before{
    width: 24px;
    height: 24px;
    opacity: 1;
}
.aboutHis-list li:after{
    content: '';
    position: absolute;
    top: 77px;
    width: 120px;
    height: 1px; 
    border-top: 1px dashed #666;
}

.aboutHis-list .line{text-align: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
.aboutHis-list .line-brand{position: relative; z-index: 10;}
.aboutHis-list .line:after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 6px;
    top: 110px;
    bottom: 0;
    margin: auto;
    background-color: #89c443;
}
.aboutHis-list .row > div{overflow: hidden;}
.aboutHis-list li:after{opacity: 0;
    -webkit-transition: all 600ms ease-out;
    -moz-transition: all 600ms ease-out;
    -o-transition: all 600ms ease-out;
    -ms-transition: all 600ms ease-out;
    transition: all 600ms ease-out;

    -webkit-transition-delay: 600ms;
    -moz-transition-delay: 600ms;
    -o-transition-delay: 600ms;
    -ms-transition: 600ms;
}
.aboutHis-list li.move:after{opacity: 1;}
.aboutHis-list li:nth-child(odd) .inner{position: relative; left: 50%; opacity: 0;
    -webkit-transition: all 600ms ease-out;
    -moz-transition: all 600ms ease-out;
    -o-transition: all 600ms ease-out;
    -ms-transition: all 600ms ease-out;
    transition: all 600ms ease-out;

    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    -ms-transition: 200ms;
}
.aboutHis-list li:nth-child(odd) .thumb{position: relative; right: 50%; opacity: 0;
    -webkit-transition: all 600ms ease-out;
    -moz-transition: all 600ms ease-out;
    -o-transition: all 600ms ease-out;
    -ms-transition: all 600ms ease-out;
    transition: all 600ms ease-out;

    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    -ms-transition: 200ms;
}
.aboutHis-list li:nth-child(odd).move .inner{position: relative; left: 0; opacity: 1;}
.aboutHis-list li:nth-child(odd).move .thumb{position: relative; right: 0; opacity: 1;}

.aboutHis-list li:nth-child(even) .inner{position: relative; right: 50%; opacity: 0;
    -webkit-transition: all 600ms ease-out;
    -moz-transition: all 600ms ease-out;
    -o-transition: all 600ms ease-out;
    -ms-transition: all 600ms ease-out;
    transition: all 600ms ease-out;

    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    -ms-transition: 200ms;
}
.aboutHis-list li:nth-child(even) .thumb{position: relative; left: 50%; opacity: 0;
    -webkit-transition: all 600ms ease-out;
    -moz-transition: all 600ms ease-out;
    -o-transition: all 600ms ease-out;
    -ms-transition: all 600ms ease-out;
    transition: all 600ms ease-out;

    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    -ms-transition: 200ms;
}
.aboutHis-list li:nth-child(even).move .inner{position: relative; right: 0; opacity: 1;}
.aboutHis-list li:nth-child(even).move .thumb{position: relative; left: 0; opacity: 1;}




.aboutVis-list{overflow: hidden;}
.aboutVis-list li{background-position: center; /*box-shadow: 0 0 20px rgba(0,0,0,0.1);*/}
.aboutVis-list .row-table{height: 450px;}
.aboutVis-list .inner{}
.aboutVis-list .title{margin: 0 0 15px 0; font-size: 4em; font-weight: 500; line-height: 1em;}
.aboutVis-list .title small{color: #242424; font-size: 0.8em; font-weight: 500;}
.aboutVis-list .desc{margin: 0; font-size: 2.7em; line-height: 1.3em;}

.aboutVis2-list{overflow: hidden; padding: 55px 0;}
.aboutVis2-list .wrapper{margin: 35px 0;}
.aboutVis2-list .thumb{width: 180px;}
.aboutVis2-list .icon{
    padding: 20px;
	/*padding: 8px;*/
	/*border-radius: 50%;
	border-top: 12px solid #8f9498;
	border-right: 12px solid #8f9498;
	border-bottom: 12px solid #6da629;
	border-left: 12px solid #6da629;*/
}
.aboutVis2-list .icon:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border-top: 12px solid #8f9498;
    border-right: 12px solid #8f9498;
    border-bottom: 12px solid #6da629;
    border-left: 12px solid #6da629;

    -webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    -ms-transition: all 400ms ease-out;
    transition: all 400ms ease-out;

    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    -ms-transition: 200ms;
}
.aboutVis2-list .icon-inner{border-radius: 50%; box-shadow: 0 0 20px rgba(0,0,0,0.1), 0 0 40px rgba(0,0,0,0.3) inset;}
.aboutVis2-list .inner{padding-left: 40px;}
.aboutVis2-list .title{margin: 0 0 15px 0; font-size: 4em; font-weight: 500; line-height: 1em;}
.aboutVis2-list .desc{margin: 0; font-size: 2.7em; line-height: 1.3em;}
.aboutVis2-list .thumb:hover .icon:before{
    transform: rotate(180deg);
}




.aboutOrg-list{margin-bottom: 90px;}
.aboutOrg-list .nav-list > li{width: 20%; text-align: center;}
.aboutOrg-list .link{display: block; position: relative;}
.aboutOrg-list .title{margin: 20px 0 0 0; display: block; text-align: center; font-weight: 500; font-size: 4em; color: #242424;}
.aboutOrg-list .active .link:before{
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	left: 0;
	right: 0;
	top: 100%;
	margin: 20px auto 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 20px solid #dce0e4;
}
.aboutOrg-list .tab-content{margin-top: 40px; background-color: #dce0e4; padding: 30px; text-align: center;t}
.aboutOrg-list .desc{margin: 0; font-size: 2.7em; line-height: 1.3em;}
.aboutOrg-list .desc strong{font-weight: 500;}
.aboutOrg-list .icon{
	display: inline-block;
	padding: 20px;
}
.aboutOrg-list .icon:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 8px;
	border-radius: 50%;
	border-top: 12px solid #8f9498;
	border-right: 12px solid #8f9498;
	border-bottom: 12px solid #6da629;
	border-left: 12px solid #6da629;

    -webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    -ms-transition: all 400ms ease-out;
    transition: all 400ms ease-out;

    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    -ms-transition: 200ms;
}
.aboutOrg-list .icon-inner{width: 210px; height: 210px; /*margin: 20px;*/ border-radius: 50%; box-shadow: 0 0 20px rgba(0,0,0,0.1), 0 0 40px rgba(0,0,0,0.3) inset;
	font-family: 'fontastiquefontastique'; 
	font-weight: normal;
	line-height: 210px;
	text-align: center;
	color: #242424;
	font-size: 14em;

    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.aboutOrg-list .active .icon:before{transform: rotate(180deg);}
.aboutOrg-list .active .icon-inner{background-color: #97d041; color: #fff;}
.aboutOrg-list .link:hover .icon:before{
    transform: rotate(180deg);
}

.aboutOrg-list .panel-title{font-size: inherit;}
.aboutOrg-list .panel-default > .panel-heading{
    padding: 0 0 5px 0;
    background-color: transparent;
    border: none;
}
.aboutOrg-list .panel-default{border: none; background-color: transparent; box-shadow: none;}
.aboutOrg-list .panel-default > .panel-heading + .panel-collapse > .panel-body{
    border: none;
    background-color: #dce0e4;
}
.aboutOrg-list .panel-group{margin-bottom: 0;}
.aboutOrg-list .panel-group .panel + .panel{margin-top: 20px;}





.product-block{
	background: url('../image/background/sea.jpg') bottom center no-repeat;
}

.product-list{padding: 0 160px; margin-bottom: 90px;}
.product-list .wrapper{text-align: center; margin-top: 64px; margin-bottom: 64px;
	-webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.product-list .inner{width: 570px; margin: 0 -40px;
	opacity: 0;
	visibility: hidden;

	-webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.product-list .title{
	margin: 0 0 15px 0;
	font-family: 'fontastiquefontastique'; 
	font-weight: normal;
	font-size: 5em;
}
.product-list .desc{margin: 0; font-size: 3.4em; line-height: 0.8em;}
.product-list .action{margin-top: 40px;}
.product-list .action .btn{height: 70px; line-height: 68px; padding: 0 50px; border-radius: 35px; font-size: 34px;}
.product-list .owl-item.center .wrapper{margin: 0 -50px;}
.product-list .owl-item.center .inner{
	opacity: 1;
	visibility: visible;
}


.product-list .owl-nav{position: absolute; width: 100%; top: 320px; left: 0;}
.product-list .owl-nav > div{
	position: absolute; 
	transform: translate(0, -50%);
	font-size: 0;
	width: 70px;
	height: 70px;
	border: 1px solid rgba(112,172,43,0.5);
	border-radius: 50%;
}
.product-list .owl-prev{left: -90px; background: url('../image/icon/owl-prev.png') center;}
.product-list .owl-next{right: -90px; background: url('../image/icon/owl-next.png') center;}

.product-list .owl-dots{margin-top: 30px; position: relative; text-align: center;}
.product-list .owl-dot{float: none; margin: 0 4px; display: inline-block; width: 12px; height: 12px; background-color: #fff; border-radius: 50%;}
.product-list .owl-dot.active{background-color: #70ac2b;}

.fancybox-close-small{outline: none;}




.productDe-modal.test{position: fixed; z-index: 10000; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff;}
.productDe-modal{width: 1070px; padding: 40px;}
.productDe-modal .cover{width: 440px;}
.productDe-modal .inner{padding-left: 20px; padding-top: 40px;}
.productDe-modal .title{
    margin: 0 0 20px 0;
    font-family: 'fontastiquefontastique'; 
    font-weight: normal;
    font-size: 5.6em;
}
.productDe-modal .desc{margin: 0; font-size: 3em; line-height: 1.1em;}
.productDe-modal strong.desc{font-weight: 500;}
.productDe-modal .info{margin-top: 20px;}
.productDe-modal .info li + li{margin-top: 4px;}
.productDe-modal .topic{width: 140px;}




.pr-block{overflow: hidden;}
.pr-nav{text-align: center; margin-bottom: 40px;}
.pr-nav .nav-list{display: inline-block;}
.pr-nav li + li{margin-left: 20px;}
.pr-nav .link{
    display: block;
    min-width: 240px;
    height: 70px;
    line-height: 68px;
    font-size: 3.8em;
    color: #242424;
    text-align: center;
    border: 1px solid #acb9bf;
    border-radius: 35px;
}
.pr-nav .active .link{border-color: transparent; background-color: #70ac2b; color: #fff;}

.pr-body{padding-bottom: 60px;}

.pr-process{position: relative; width: 1300px; margin: 0 auto 80px;}
.pr-process img{position: absolute; top: 0; left: 0;}
.pr-process img.main{position: relative;}

.pr-content{}
.pr-content .title{margin-bottom: 30px; font-size: 5em; line-height: 1.1em;}
.pr-content .desc{margin-bottom: 30px; font-size: 3em; line-height: 1.1em;}




.news-block{padding-bottom: 60px;}

.news-list{padding-top: 20px;}
.news-list .link{color: #242424; display: block; margin-bottom: 50px;}
.news-list .cover{margin-bottom: 20px; border-radius: 5px; overflow: hidden; border-bottom: 10px solid #70ac2b;}
.news-list .date{padding: 2px 0 0 0; width: 80px; text-align: center; border-right: 1px solid #e1e1e1; font-size: 2.6em; line-height: 1em; font-weight: 500;}
.news-list .date strong{font-size: 2.6em; line-height: 0.8em; font-weight: 500;}
.news-list .inner{padding-left: 15px;}
.news-list .title{margin: 0 0 5px 0; font-size: 2.8em; font-weight: 500; line-height: 1em;}
.news-list .desc{margin: 0; font-size: 2.3em; line-height: 1em;}
.news-list .action{margin-top: 5px; font-size: 2.3em; line-height: 1em;}
.news-list .cover img{
    transform: scale(1);
    transform-origin: center;

    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    -ms-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}
.news-list .link:hover .cover img{
    transform: scale(1.05);
}




.more-block{}
.more-block .link{
    display: block;
    height: 50px;
    line-height: 48px;
    border: 1px solid #acb9bf;
    text-align: center;
    font-size: 2.4em;
    font-weight: 500;
    color: #b2bfbf;
}
.more-block .link:after{
    content: '';
    display: inline-block;
    position: relative;
    right: 0;
    top: -4px;
    margin-left: 15px;
    width: 10px;
    height: 10px;
    border-right: 1px solid #b2bfbf;
    border-bottom: 1px solid #b2bfbf;
    transform: rotate(45deg);
}




.relatenews-block{border-top: 1px dashed #b4b4b4; padding-top: 60px;}




.detail-block{padding-bottom: 70px;}
.detail-header .title{text-align: center; font-size: 4.4em; line-height: 1em;}
.detail-image{margin-top: 60px;}
.detail-image .cover{margin: 0 auto; width: 750px; border-radius: 5px; overflow: hidden;}
.detail-content{margin-top: 60px; padding: 0 140px;}
.detail-gallery{margin-top: 60px; padding: 0 100px;}
.detail-gallery .link{display: block; border-radius: 5px; overflow: hidden;}
.detail-gallery .link img{
    transform: scale(1);
    transform-origin: center;

    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    -ms-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}
.detail-gallery .link:hover img{
    transform: scale(1.05);
}
.detail-gallery .owl-nav{position: absolute; width: 100%; top: 50%; left: 0;}
.detail-gallery .owl-nav > div{
    position: absolute;
    font-size: 0;
    width: 50px;
    height: 50px;
}
.detail-gallery .owl-prev{left: -80px; transform: translate(0, -50%) rotate(45deg);
    border-left: 4px solid #dfe1e3;
    border-bottom: 4px solid #dfe1e3;
}
.detail-gallery .owl-next{right: -80px; transform: translate(0, -50%) rotate(-45deg);
    border-right: 4px solid #dfe1e3;
    border-bottom: 4px solid #dfe1e3;
}
.detail-gallery .owl-dots{margin-top: 20px; position: relative; text-align: center;}
.detail-gallery .owl-dot{float: none; margin: 0 4px; display: inline-block; width: 12px; height: 12px; background-color: #e8f2ea; border-radius: 50%;}
.detail-gallery .owl-dot.active{background-color: #70ac2b;}




.career-block{overflow: hidden; padding-bottom: 60px;}
.career-header{margin-bottom: 0px;}
.career-header .title{margin: 0; font-size: 4em; font-weight: 500;}

.career-list .item-list > li + li{border-top: 1px dashed #b4b4b4;}
.career-list .header .link{display: block; position: relative; padding: 30px 70px 30px 0; font-size: 2.6em; color: #242424; line-height: 1em;}
.career-list .header .link strong{font-weight: 500;}
.career-list .header .icon{
    display: block;
    position: absolute;
    top: 17px;
    right: 0;
    width: 50px;
    height: 50px;
    border: 2px solid #c7c7c7;
    border-radius: 5px;
}
.career-list .header .icon:before{
    content: '';
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    bottom: 100%;
    margin: 0 auto;
    width: 10px;
    height: 10px;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    transform: rotate(-135deg);
}
.career-list .header .collapsed .icon:before{
    top: 15px;
    transform: rotate(45deg);
}
.career-list .body{min-width: 100px; padding: 40px; margin-bottom: 40px; border-radius: 5px; background-color: #f2f3f4;}
.career-list .content{font-size: 2.4em; line-height: 1.1em;}
.career-list .content strong{font-weight: 500;}
.career-list .content ul{list-style: disc; padding-left: 22px; margin-bottom: 25px;}
.career-list .content ul > li + li{margin-top: 7px;}
.career-list .content .topic{margin-bottom: 20px; font-size: 1.5em; font-weight: 500; line-height: 1em;}
.career-list .content .title{margin-bottom: 8px; line-height: 1em; font-weight: 500;}
.career-list .action{text-align: right;}
.career-list .action .btn{padding: 0 25px;}
.career-list .action .btn .icon{position: relative; vertical-align: top; top: 7px; display: inline-block;}

.career .modal-dialog{width: 1000px;}
.career .modal-content{padding: 40px 50px 50px 50px;}
.career .modal-header{margin-bottom: 30px; border: none; padding: 0; position: relative;}
.career .modal-header .title{font-weight: 500; line-height: 1.2em;}
.career .modal-header .modal-close{
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background: url('../image/icon/close-light.png') center no-repeat;
    background-size: 20px;
    background-color: #d8d8d8;
}




.contact-block{padding-bottom: 60px;}

.contact-map{margin-top: 20px; margin-bottom: 60px; position: relative; height: 700px; border-top: 8px solid #d8dbde; border-bottom: 8px solid #d8dbde;}
.contact-map iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.contact-map .action{position: absolute; bottom: 23px; right: 60px;}
.contact-map .action .link{float: left; width: 56px; height: 56px; border: 1px solid #c7c7c7; background-color: #fff; padding: 3px;}
.contact-map .action .link + .link{margin-left: -1px;}
.contact-map .action .link img{float: left;}
.contact-map .action:hover .link{opacity: 0.4;}
.contact-map .action .link:hover{opacity: 1;}

.contact-nav{text-align: center; margin-bottom: 40px;}
.contact-nav .nav-list{display: inline-block;}
.contact-nav li + li{margin-left: 20px;}
.contact-nav .link{
    display: block;
    padding: 0 25px;
    min-width: 240px;
    height: 70px;
    line-height: 68px;
    font-size: 3.8em;
    color: #242424;
    text-align: center;
    border: 1px solid #acb9bf;
    border-radius: 35px;
}
.contact-nav .link:hover{color: #70ac2b;}
.contact-nav .active .link{border-color: transparent; background-color: #70ac2b; color: #fff;}

.contact-info{width: 940px; margin: 0 auto 60px;}
.contact-info .title{margin-bottom: 20px; font-size: 2.8em; line-height: 1em;}
.contact-info .title strong{font-weight: 500; font-size: 1.4em; font-weight: 500;}
.contact-info .info{font-size: 2.8em; line-height: 1em;}
.contact-info .info strong{font-weight: 500;}
.contact-info .info li + li{margin-left: 30px;}
.contact-info .info li *{float: left;}
.contact-info .info li .link{position: relative; top: -6px; margin-left: 5px;}

.contact-form .topic{
    text-align: center;
    font-family: 'fontastiquefontastique'; 
    font-weight: normal;
    font-size: 5.4em;
    line-height: 1.2em;
    margin-bottom: 40px;
}
.contact-form .form-default{width: 1010px; margin: 0 auto;}
.contact-form .captcha input.form-control{width: 100%;}
.contact-form .form-button{margin-top: 35px;}




.present-intro .cover{height: calc(100vh - 80px);}
.present-intro .animate{
    position: absolute;
    width: calc(100% + 40px);
    height: 100%;
    top: 0;
    left: 0px;
    background-size: cover;
    background-position: center;
    animation: presentanimate 4s infinite alternate;
    -webkit-animation: presentanimate 4s infinite alternate;
}
@keyframes presentanimate {
    0% {
        left: 0px;
    }
    50% {
        left: -40px;
    }
    100% {
        left: 0px;
    }
}
@-webkit-keyframes presentanimate {
    0% {
        left: 0px;
    }
    50% {
        left: -40px;
    }
    100% {
        left: 0px;
    }
}
.present-intro .owl-dots{width: 100%; left: 0; bottom: 20px; position: absolute; text-align: center;}
.present-intro .owl-dot{float: none; margin: 0 4px; display: inline-block; width: 12px; height: 12px; background-color: #fff; border-radius: 50%;}
.present-intro .owl-dot.active{background-color: #70ac2b;}

.present-list{overflow: hidden;}
.present-list .container{position: relative; z-index: 500;}
.present-list .block{padding: 30px 0; position: relative; min-height: 750px;}
.present-list .block.list-1{/*background-color: #f2ba37;*/ background-image: url('../image/background/present-1.jpg');}
.present-list .block.list-2{/*background-color: #f57d93;*/ margin-top: -190px; padding-top: 160px; background-image: url('../image/background/present-2.png');}
.present-list .block.list-3{/*background-color: #f197ae;*/ margin-top: -190px; padding-top: 160px; background-image: url('../image/background/present-3.png');}
.present-list .block.list-4{/*background-color: #ce5795;*/ margin-top: -190px; padding-top: 160px; background-image: url('../image/background/present-4.png');}
.present-list .block.list-5{/*background-color: #88c73f;*/ margin-top: -190px; padding-top: 160px; padding-bottom: 160px; background-image: url('../image/background/present-5.png');}
.present-list .block.list-6{/*background-color: #e97736;*/ margin-top: -190px; padding-top: 160px; padding-bottom: 0; background-image: url('../image/background/present-6.png');}
.present-list .block.list-7{/*background-color: #55c9ed;*/ margin-top: -190px; padding-top: 160px; background-image: url('../image/background/present-7.png');}

.present-list .block:nth-child(odd).present .inner{padding-left: 160px;}

.present-list .obj{position: absolute; z-index: 100;}
.present-list .obj-1{right: 0; bottom: 0;}
.present-list .obj-2{left: 0; bottom: -160px;}
.present-list .obj-3{left: 0; bottom: -60px;}
.present-list .obj-4{right: 0; bottom: -60px;}
.present-list .obj-5{left: 0; bottom: 0;}
.present-list .obj-6{right: 0; bottom: -60px;}
.present-list .obj-7{left: 0; bottom: -60px;}

.present-list .present .wrapper{padding: 0 100px; position: relative; z-index: 100;}
.present-list .present .inner{margin-top: 150px;}
.present-list .present .cover{width: 490px;}
.present-list .present .title{
    margin: 0 0 10px 0;
    font-family: 'fontastiquefontastique'; 
    font-weight: normal;
    font-size: 9em;
    line-height: 1.2em;
    color: #fff;
}
.present-list .present .sub{
    margin: 0; 
    font-size: 5.4em; 
    color: #fff; 
    line-height: 1.1em; 
    font-weight: 500;
}
.present-list .present .desc{
    margin: 0; 
    font-size: 4em; 
    color: #fff; 
    line-height: 1.1em; 
    font-weight: 500;
}
.present-list .present .info{margin-top: 30px;}
.present-list .present .info li + li{margin-left: 20px;}
.present-list .present .info .icon{display: block; border-radius: 50%; overflow: hidden; box-shadow: 0 5px 20px rgba(0,0,0,0.2);}

.present-list .product-list{position: relative; top: -30px; margin-bottom: 0;}
.present-list .product-list .inner{width: 990px; margin: 0;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
}
.present-list .product-list .title{font-family: inherit; color: #fff; font-weight: 500; font-size: 5.6em;}
.present-list .product-list .desc{color: #fff; line-height: 1em;}
.present-list .product-list .owl-nav > div{border-color: rgba(255,255,255,0.4);}
.present-list .product-list .owl-prev{background: url('../image/icon/owl-prev-light.png');}
.present-list .product-list .owl-next{background: url('../image/icon/owl-next-light.png');}




.snowflake {
    -webkit-animation:spin 10s linear infinite;
    -moz-animation:spin 10s linear infinite;
    animation:spin 10s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.snowflake{z-index: 900; width: 100px; height: 100px; background: url('../image/icon/ice.png') center no-repeat;}




.present-play{position: relative; z-index: 100; margin-top: 30px; margin-bottom: 0px;}
.present-play .title{
    margin: 0 0 30px 0;
    font-family: 'fontastiquefontastique'; 
    text-align: center;
    font-weight: normal;
    font-size: 9em;
    line-height: 1.2em;
    color: #fff;
}
.present-play .play-wrapper{width: 1270px; margin: 0 auto;}
.present-play .slider-for{width: 1020px;}
.present-play .slider-nav{width: 250px;}
.present-play .slider-nav .item{float: left; padding: 10px 0;}
.present-play .slider-nav .slick-slide{border: none;}
.present-play .slider-nav .vdo-thumb{position: relative;}
.present-play .slider-nav .vdo-thumb:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);

    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.present-play .slider-nav .slick-current .vdo-thumb:before{
    background-color: rgba(0,0,0,0);
}
.present-play .slider-nav .vdo-thumb:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../image/icon/play.png') center no-repeat;
    opacity: 0;

    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.present-play .slider-nav .vdo-thumb:hover:after{
    opacity: 1;
}
.present-play .vdo{position: relative; border-radius: 10px; overflow: hidden; margin-right: 30px;}
.present-play .vdo img{width: 100%;}
.present-play .vdo iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.present-play .vdo-thumb{background-color: #fff; background-position: center; background-size: 102%; border-radius: 5px; overflow: hidden;}

.present-play .slick-prev{
    width: 24px;
    height: 24px;
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    margin: auto;
    border-top: 4px solid #fff;
    border-left: 4px solid #fff;
    transform: rotate(45deg);
}
.present-play .slick-prev:before{display: none;}
.present-play .slick-next{
    width: 24px;
    height: 24px;
    position: absolute;
    top: auto;
    bottom: -25px;
    left: 0;
    right: 0;
    margin: auto;
    border-bottom: 4px solid #fff;
    border-right: 4px solid #fff;
    transform: rotate(45deg);
}
.present-play .slick-next:before{display: none;}

.present-play .slick-dots{bottom: -30px;}
.present-play .slick-dots li{width: 12px; height: 12px; margin: 0 4px;}
.present-play .slick-dots li button{padding: 0; width: 12px; height: 12px; background-color: #fff; border-radius: 50%;}
.present-play .slick-dots li button:before{display: none;}
.present-play .slick-dots li.slick-active button{background-color: #70ac2b;}




.present-life{margin-top: 140px; margin-bottom: 60px; padding: 0 70px;}
.present-life .title{
    margin: 0 0 30px 0;
    font-family: 'fontastiquefontastique'; 
    text-align: center;
    font-weight: normal;
    font-size: 9em;
    line-height: 1.2em;
    color: #fff;
}
.present-life .owl-carousel{height: 300px;}
.present-life .link{display: block; border-radius: 5px; overflow: hidden;}
.present-life .center{z-index: 100;}
.present-life .center .item{margin: 0 -103px;}
.present-life .link img{
    transform: scale(1);
    transform-origin: center;

    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    -ms-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}
.present-life .link:hover img{
    transform: scale(1.05);
}
.present-life .item{margin-top: 66px;
    -webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    -ms-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}
.present-life .owl-nav{position: absolute; width: 100%; top: 50%; left: 0;}
.present-life .owl-nav > div{
    position: absolute;
    font-size: 0;
    width: 50px;
    height: 50px;
}
.present-life .owl-prev{left: -70px; transform: translate(0, -50%) rotate(45deg);
    border-left: 4px solid #dfe1e3;
    border-bottom: 4px solid #dfe1e3;
}
.present-life .owl-next{right: -70px; transform: translate(0, -50%) rotate(-45deg);
    border-right: 4px solid #dfe1e3;
    border-bottom: 4px solid #dfe1e3;
}
.present-life .owl-dots{width: 100%; margin-top: 20px; position: relative; text-align: center;}
.present-life .owl-dot{float: none; margin: 0 4px; display: inline-block; width: 12px; height: 12px; background-color: #fff; border-radius: 50%;}
.present-life .owl-dot.active{background-color: #70ac2b;}