#superContainer { height: 100%; position: relative;  }
.section { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.slide { float: left; }
.slide, .slidesContainer { height: 100%; display: block; }
.slides { height: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.section.table, .slide.table { display: table; width: 100%; }
.tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; }
.slidesContainer { float: left; position: relative; }
.controlArrow { position: absolute; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px; }
.controlArrow.prev { left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent; }
.controlArrow.next { right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff; }
.scrollable { overflow: scroll; }
.easing { -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; }
#fullPage-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; }
#fullPage-nav.right { right: 17px; }
#fullPage-nav.left { left: 17px; }
.fullPage-slidesNav { position: absolute; z-index: 4; left: 50%; opacity: 1; }
.fullPage-slidesNav.bottom { bottom: 17px; }
.fullPage-slidesNav.top { top: 17px; }
#fullPage-nav ul, .fullPage-slidesNav ul { margin: 0; padding: 0; }
#fullPage-nav li, .fullPage-slidesNav li { display: block; width: 14px; height: 13px; margin: 7px; position: relative; }
.fullPage-slidesNav li { display: inline-block; }
#fullPage-nav li a, .fullPage-slidesNav li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; }
#fullPage-nav li .active span, .fullPage-slidesNav .active span { background: #333; }
#fullPage-nav span, .fullPage-slidesNav span { top: 2px; left: 2px; width: 8px; height: 8px; border: 1px solid #000; background: rgba(0, 0, 0, 0); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; z-index: 1; }
.fullPage-tooltip { position: absolute; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; top: -2px; }
.fullPage-tooltip.right { right: 20px; }
.fullPage-tooltip.left { left: 20px; }

#menu_fullpage { position: fixed; right: 20px; top: 40%; z-index: 10; list-style-type: none; }
#menu_fullpage li { width: 90px; height: 27px; margin-top: 7px; overflow: hidden;}
#menu_fullpage a { display: block; height: 27px; padding-right: 30px; line-height: 27px; background: url(../images/dot.png) right -34px no-repeat; color: #fff; text-align: right; text-shadow: 1px 1px 0px #333; text-decoration: none; overflow: hidden;}
#menu_fullpage span { display: block; width: 60px; height: 27px; font-size: 12px; text-indent: 200px; opacity: 0.6; filter:alpha(opacity=60); overflow: hidden;}
#menu_fullpage a:hover span { text-indent: 0;}
#menu_fullpage .active a { background-position: right 0;}

.section { position: relative; overflow: hidden; }
.section .bg { position: absolute; left: 0; width: 100%; height: 100%;}
.middle { position: relative; width: 100%; height: 100%; margin-left: auto; margin-right: auto;}

.brand_top{height:155px; width:100%; overflow:auto;}
.headerbox_pc{ display:block;height:155px; width:100%; min-width:1200px; position: fixed; background:#FFFFFF; z-index:100000; top:0;}
.headerbox_moblie{ display:none; height:110px; width:100%;  position:absolute; z-index:100000; top:0;}
.p_h2{ line-height:40px; font-size:16px; font-weight:bold;}

/* 动画 */
.left { transition: all 1.5s;}
.right { transition: all 1.5s;}
.active .left, .ltie10 .left { left: 0;}
.active .right, .ltie10 .right { left: 50%;}
.godown span { -webkit-animation: fade 3s infinite linear; animation: fade 3s infinite linear;}
@-webkit-keyframes fade {
	0% { opacity: 1;}
	50% { opacity: 0.3;}
	100% { opacity: 1;}
}
@keyframes fade {
	0% { opacity: 1;}
	50% { opacity: 0.3;}
	100% { opacity: 1;}
}


.section1 {}
.bg1{ background:#000 url(../images/1.jpg) no-repeat center center; background-position:center; background-size:cover; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

.p1_key{position: absolute; left:50%; bottom: 500px; width: 100px; height: 70px;opacity: 0; margin-left:-50px;}
.p1_next{position: absolute; left:50%; bottom: 10px; width: 170px;opacity: 0; height: 47px; margin-left:-85px;}
.p1_title{position: absolute; text-align:center; width:320px; right:13%; top: 15%; opacity: 0;}
.p1_title h1{border-bottom:1px solid #8E7655; height:45px; line-height:30px; color:#8E7655;font-family:"宋体","微软雅黑","黑体","Microsoft YaHei",Arial,Verdana,sans-serif; font-size:25px;
}
.p1_txt{position: absolute; text-align:center; width:320px; right:13%; top: 50%; margin-top:-10px;height: auto;opacity: 0;
color:#8E7655;font-size:14px; 
}

/* 第一屏动画 */
.active .p1_key{left: 50%; bottom: 100px; margin-left:-50px;opacity: 1;
/*
transform:rotateY(0deg) rotateX(720deg); 
-ms-transform:rotateY(0deg) rotateX(720deg); 	
-moz-transform:rotateY(0deg) rotateX(720deg); 	
-webkit-transform:rotateY(0deg) rotateX(720deg);  
-o-transform:rotateY(0deg) rotateX(720deg); */

-webkit-animation: p1_key 1.5s linear infinite;
animation-iteration-count:1;-webkit-animation-iteration-count:1; /*transition-duration: 1.5s; transition-delay: 0.5s;*/}

.active .p1_next{ left: 50%; bottom: 55px; margin-left:-85px;opacity: 1; /*transition-duration: 2.5s; transition-delay: 2s;*/
 -webkit-animation: p1_next 1.5s linear infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;}
.active .p1_title{right:13%; top: 50%; margin-top:-140px;opacity: 1;/* transition-duration: 2s; transition-delay: 1.5s;*/
 -webkit-animation: p1_title 1s linear infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;}
.active .p1_txt{right:13%;top: 50%;margin-top:-80px; opacity: 1;  /*transition-duration: 2.5s; transition-delay: 2s;*/
 -webkit-animation: p1_txt 1s linear infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;}

@-webkit-keyframes p1_key {
	0% {position: absolute; left:50%; bottom: 500px; width: 100px; height: 70px;opacity: 0; margin-left:-50px;transform:rotateY(0deg) rotateX(30deg); }
	100% {left: 50%; bottom: 100px; margin-left:-50px;opacity: 1; }
}
@keyframes p1_key {
	0% {position: absolute; left:50%; bottom: 500px; width: 100px; height: 70px;opacity: 0; margin-left:-50px;}
	100% {left: 50%; bottom: 100px; margin-left:-50px;opacity: 1;}
}

@-webkit-keyframes p1_next {
	0% {position: absolute; left:50%; bottom: 10px; width: 170px;opacity: 0; height: 47px; margin-left:-85px;}
	100% {left: 50%; bottom: 55px; margin-left:-85px;opacity: 1; }
}
@keyframes p1_next {
	0% { position: absolute; left:50%; bottom: 10px; width: 170px;opacity: 0; height: 47px; margin-left:-85px;}
	100% {left: 50%; bottom: 55px; margin-left:-85px;opacity: 1;}
}

@-webkit-keyframes p1_title {
	0% {position: absolute; text-align:center; width:320px; right:15%; top: 13%; opacity: 0;}
	100% {right:13%; top: 50%;margin-top:-140px; opacity: 1;}
}
@keyframes p1_title {
	0% {position: absolute; text-align:center; width:320px; right:13%; top: 15%; opacity: 0;}
	100% {right:13%; top: 50%;margin-top:-140px; opacity: 1;}
}

@-webkit-keyframes p1_txt {
	0% {position: absolute; text-align:center; width:320px; right:13%; top: 50%; margin-top:-10px;height: auto;opacity: 0;}
	100% {right:13%;top: 50%;margin-top:-80px; opacity: 1;}
}
@keyframes p1_txt {
	0% {position: absolute; text-align:center; width:320px; right:13%; top: 50%;margin-top:-10px; height: auto;opacity: 0;}
	100% {right:13%;top: 50%;margin-top:-80px; opacity: 1;}
}





.section2 {}
.bg2{ background:#000 url(../images/2.jpg) no-repeat center center; background-position:center; background-size:cover; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

.p2_key{position: absolute; left:50%; bottom: 500px; width: 100px; height: 70px;opacity: 0; margin-left:-50px;}
.p2_next{position: absolute; left:50%; bottom: 10px; width: 170px;opacity: 0; height: 47px; margin-left:-85px;}
.p2_title{position: absolute; text-align:center;width:270px;left:50%; top: 10%; opacity: 0;  margin-left:-120px;}
.p2_title h1{border-bottom:1px solid #000; height:45px; line-height:30px; color:#000;font-family:"宋体","微软雅黑","黑体","Microsoft YaHei",Arial,Verdana,sans-serif; font-size:25px;
}
.p2_txt{position: absolute; text-align:left; width:270px; left:50%;  top: 20%; height: auto;opacity: 0; margin-left:-120px;
color:#000;font-size:14px; 
}

/* 第二屏动画 */
.active .p2_key{left: 50%; bottom: 100px; margin-left:-50px;opacity: 1; 
/*
transform:rotateY(0deg) rotateX(720deg); 
-ms-transform:rotateY(0deg) rotateX(720deg); 	
-moz-transform:rotateY(0deg) rotateX(720deg); 	
-webkit-transform:rotateY(0deg) rotateX(720deg);  
-o-transform:rotateY(0deg) rotateX(720deg); */

-webkit-animation: p2_key 1.5s linear infinite;
animation-iteration-count:1;-webkit-animation-iteration-count:1; /*transition-duration: 1.5s; transition-delay: 0.5s;*/}

.active .p2_next{ left: 50%; bottom: 55px; margin-left:-85px;opacity: 1;/* transition-duration: 2.5s; transition-delay: 2s;*/
 -webkit-animation: p2_next 1.5s linear infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;}
.active .p2_title{left: 50%; top: 50%;margin-top:-160px;margin-left:-120px; opacity: 1; /*transition-duration: 2s; transition-delay: 1.5s;*/
 -webkit-animation: p2_title 1.5s linear infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;}
.active .p2_txt{ left: 50%;top: 50%;margin-left:-120px; margin-top:-100px; opacity: 1; /*transition-duration: 2.5s; transition-delay: 2s;*/
 -webkit-animation: p2_txt 1.5s linear infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;}

@-webkit-keyframes p2_key {
	0% {position: absolute; left:50%; bottom: 500px; width: 100px; height: 70px;opacity: 0;transform:rotateY(0deg) rotateX(30deg); }
	100% {left: 50%; bottom: 100px; margin-left:-50px;opacity: 1; }
}
@keyframes p2_key {
	0% { position: absolute; left:50%; bottom: 500px; width: 100px; height: 70px;opacity: 0; margin-left:-50px;}
	100% {left: 50%; bottom: 100px; margin-left:-50px;opacity: 1;}
}

@-webkit-keyframes p2_next {
	0% {position: absolute; left:50%; bottom: 10px; width: 170px;opacity: 0; height: 47px; margin-left:-85px;}
	100% {left: 50%; bottom: 55px; margin-left:-85px;opacity: 1; }
}
@keyframes p2_next {
	0% { position: absolute; left:50%; bottom: 10px; width: 170px;opacity: 0; height: 47px; margin-left:-85px;}
	100% {left: 50%; bottom: 55px; margin-left:-85px;opacity: 1;}
}

@-webkit-keyframes p2_title {
	0% {position: absolute; text-align:center;width:270px;left:50%; top: 10%; opacity: 0;  margin-left:-120px;}
	100% {left: 50%; top: 50%;margin-top:-160px;margin-left:-120px; opacity: 1;}
}
@keyframes p2_title {
	0% {position: absolute; text-align:center;width:270px;left:50%; top: 10%; opacity: 0;  margin-left:-120px;}
	100% {left: 50%; top: 50%;margin-top:-160px;margin-left:-120px; opacity: 1;}
}

@-webkit-keyframes p2_txt {
	0% {position: absolute; text-align:left; width:270px; left:50%;  top: 20%; height: auto;opacity: 0; margin-left:-120px;}
	100% {left: 50%;top: 50%;margin-left:-160px; margin-top:-100px; opacity: 1;}
}
@keyframes p2_txt {
	0% {position: absolute; text-align:left; width:270px; left:50%;  top: 20%; height: auto;opacity: 0; margin-left:-120px;}
	100% {left: 50%;top: 50%;margin-left:-120px; margin-top:-100px; opacity: 1;}
}






.section3 {}
.bg3{ background:#000 url(../images/3.jpg) no-repeat center center; background-position:center; background-size:cover; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

.p3_key{position: absolute; left:50%; bottom: 500px; width: 100px; height: 70px;opacity: 0; margin-left:-50px;}
.p3_next{position: absolute; left:50%; bottom: 10px; width: 170px;opacity: 0; height: 47px; margin-left:-85px;}
.p3_title{position: absolute; text-align:left;width:370px;right:0; top: 50%; opacity: 0;  margin-top:-160px;}
.p3_title h1{border-bottom:1px solid #8E7655; height:45px; line-height:30px; color:#8E7655;font-family:"宋体","微软雅黑","黑体","Microsoft YaHei",Arial,Verdana,sans-serif; font-size:25px;
}
.p3_txt{position: absolute; text-align:left; width:370px; right:30%; top: 50%; height: auto;opacity: 0;  margin-top:-90px;
color:#8E7655;font-size:14px; 
}

/* 第三屏动画 */
.active .p3_key{left: 50%; bottom: 100px; margin-left:-50px;opacity: 1; 
/*
transform:rotateY(0deg) rotateX(720deg); 
-ms-transform:rotateY(0deg) rotateX(720deg); 	
-moz-transform:rotateY(0deg) rotateX(720deg); 	
-webkit-transform:rotateY(0deg) rotateX(720deg);  
-o-transform:rotateY(0deg) rotateX(720deg); */

-webkit-animation: p3_key 1.5s linear infinite;
animation-iteration-count:1;-webkit-animation-iteration-count:1; /*transition-duration: 1.5s; transition-delay: 0.5s;*/}
.active .p3_next{ left: 50%; bottom: 55px; margin-left:-85px;opacity: 1;/* transition-duration: 2.5s; transition-delay: 2s;*/
 -webkit-animation: p3_next 1.5s linear infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;}
 
.active .p3_title{right:13%; top: 50%;margin-top:-160px; opacity: 1; 
 -webkit-animation: p3_title 1.5s linear infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;}
 
.active .p3_txt{ right:13%;top: 50%; margin-top:-90px; opacity: 1; 
 -webkit-animation: p3_txt 1.5s linear infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;}

@-webkit-keyframes p3_key {
	0% {position: absolute; left:50%; bottom: 500px; width: 100px; height: 70px;opacity: 0;transform:rotateY(0deg) rotateX(30deg); }
	100% {left: 50%; bottom: 100px; margin-left:-50px;opacity: 1; }
}
@keyframes p3_key {
	0% { position: absolute; left:50%; bottom: 500px; width: 100px; height: 70px;opacity: 0; margin-left:-50px;}
	100% {left: 50%; bottom: 100px; margin-left:-50px;opacity: 1;}
}

@-webkit-keyframes p3_next {
	0% {position: absolute; left:50%; bottom: 10px; width: 170px;opacity: 0; height: 47px; margin-left:-85px;}
	100% {left: 50%; bottom: 55px; margin-left:-85px;opacity: 1; }
}
@keyframes p3_next {
	0% { position: absolute; left:50%; bottom: 10px; width: 170px;opacity: 0; height: 47px; margin-left:-85px;}
	100% {left: 50%; bottom: 55px; margin-left:-85px;opacity: 1;}
}

@-webkit-keyframes p3_title {
	0% {position: absolute; text-align:left;right:0; top: 50%; opacity: 0;  margin-top:-160px;}
	100% {right:13%; top: 50%;margin-top:-160px; opacity: 1; }
}
@keyframes p3_title {
	0% {position: absolute; text-align:left;right:0; top: 50%; opacity: 0;  margin-top:-160px;}
	100% {right:13%; top: 50%;margin-top:-160px; opacity: 1; }
}

@-webkit-keyframes p3_txt {
	0% {position: absolute; text-align:left;right:30%; top: 50%; height: auto;opacity: 0;  margin-top:-90px;}
	100% {position: absolute; text-align:left; right:13%; top: 50%; height: auto;opacity: 1;  margin-top:-90px;}
}
@keyframes p3_txt {
	0% {position: absolute; text-align:left; right:30%; top: 50%; height: auto;opacity: 0;  margin-top:-90px;}
	100% {position: absolute; text-align:left; right:13%; top: 50%; height: auto;opacity: 1;  margin-top:-90px;}
}






.section4 {}
.bg4{background:#000 url(../images/4.jpg) no-repeat center center; background-position:center; background-size:cover; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

.p4_key{position: absolute; left:50%; bottom: 500px; width: 100px; height: 70px;opacity: 0; margin-left:-50px;}
.p4_next{position: absolute; left:50%; bottom: 10px; width: 170px;opacity: 0; height: 47px; margin-left:-85px;}
.p4_title{position: absolute; text-align:left;width:360px;right:0; top: 50%; opacity: 0;  margin-top:-150px; margin-right:-30px;}
.p4_title h1{border-bottom:1px solid #8E7655; height:45px; line-height:30px; color:#8E7655;font-family:"宋体","微软雅黑","黑体","Microsoft YaHei",Arial,Verdana,sans-serif; font-size:25px;}
.p4_txt{position: absolute; text-align:left; width:360px; right:30%; top: 50%; height: auto;opacity: 0;  margin-top:-80px;margin-right:-30px;
color:#8E7655;font-size:14px; }



/* 第四屏动画 */
.active .p4_key{left: 50%; bottom: 100px; margin-left:-50px;opacity: 1; 
/*
transform:rotateY(0deg) rotateX(720deg); 
-ms-transform:rotateY(0deg) rotateX(720deg); 	
-moz-transform:rotateY(0deg) rotateX(720deg); 	
-webkit-transform:rotateY(0deg) rotateX(720deg);  
-o-transform:rotateY(0deg) rotateX(720deg); */

-webkit-animation: p4_key 1.5s linear infinite;
animation-iteration-count:1;-webkit-animation-iteration-count:1;/* transition-duration: 1.5s; transition-delay: 0.5s;*/}

.active .p4_next{ left: 50%; bottom: 55px; margin-left:-85px;opacity: 1; /*transition-duration: 2.5s; transition-delay: 2s;*/
 -webkit-animation: p4_next 1.5s linear infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;}

.active .p4_title{right:13%; top: 50%;margin-top:-100px; opacity: 1; margin-right:-30px;
 -webkit-animation: p4_title 1.5s linear infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;}
 
.active .p4_txt{ right:13%;top: 50%; margin-top:-40px; opacity: 1; margin-right:-30px;
 -webkit-animation: p4_txt 1.5s linear infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;}


@-webkit-keyframes p4_key {
	0% {position: absolute; left:50%; bottom: 500px; width: 100px; height: 70px;opacity: 0;transform:rotateY(0deg) rotateX(30deg); }
	100% {left: 50%; bottom: 100px; margin-left:-50px;opacity: 1; }
}
@keyframes p4_key {
	0% { position: absolute; left:50%; bottom: 500px; width: 100px; height: 70px;opacity: 0; margin-left:-50px;}
	100% {left: 50%; bottom: 100px; margin-left:-50px;opacity: 1;}
}

@-webkit-keyframes p4_next {
	0% {position: absolute; left:50%; bottom: 10px; width: 170px;opacity: 0; height: 47px; margin-left:-85px;}
	100% {left: 50%; bottom: 55px; margin-left:-85px;opacity: 1; }
}
@keyframes p4_next {
	0% { position: absolute; left:50%; bottom: 10px; width: 170px;opacity: 0; height: 47px; margin-left:-85px;}
	100% {left: 50%; bottom: 55px; margin-left:-85px;opacity: 1;}
}

@-webkit-keyframes p4_title {
	0% {position: absolute; text-align:left;right:0; top: 50%; opacity: 0;  margin-top:-100px;}
	100% {right:13%; top: 50%;margin-top:-100px; opacity: 1; margin-right:-30px;}
}
@keyframes p4_title {
	0% {position: absolute; text-align:left;right:0; top: 50%; opacity: 0;  margin-top:-100px;}
	100% {right:13%; top: 50%;margin-top:-100px; opacity: 1; margin-right:-30px;}
}

@-webkit-keyframes p4_txt {
	0% {position: absolute; text-align:left;  right:30%; top: 50%; height: auto;opacity: 0;  margin-top:-40px;}
	100% {position: absolute; text-align:left;  right:13%; top: 50%; height: auto;opacity: 1;  margin-top:-40px;margin-right:-30px;}
}
@keyframes p4_txt {
	0% {position: absolute; text-align:left;  right:30%; top: 50%; height: auto;opacity: 0;  margin-top:-40px;}
	100% {position: absolute; text-align:left; right:13%; top: 50%; height: auto;opacity: 1;  margin-top:-40px;margin-right:-30px;}
}



.section5 {}

.bg5{ background:#000 url(../images/5.jpg) no-repeat center center; background-position:center; background-size:cover; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

.p5_key{position: absolute; left:50%; bottom: 500px; width: 100px; height: 70px;opacity: 0; margin-left:-50px;}
.p5_next{position: absolute; left:50%; bottom: 10px; width: 170px;opacity: 0; height: 47px; margin-left:-85px;}
.p5_title{position: absolute; text-align:left;width:330px;right:13%; top: 50%; opacity: 0; margin-top:-300px; margin-right:-15px;}
.p5_title h1{border-bottom:1px solid #8E7655; height:45px; line-height:30px; color:#8E7655;font-family:"宋体","微软雅黑","黑体","Microsoft YaHei",Arial,Verdana,sans-serif; font-size:25px;
}
.p5_txt{position: absolute; text-align:left; width:330px; right:13%; top: 50%; height: auto;opacity: 0;margin-top:100px;margin-right:-15px;
color:#c5c5c5;font-size:14px; 
}

/* 第五屏动画 */
.active .p5_key{ left: 50%; bottom: 60px; margin-left:-50px;opacity: 1; 
/*
transform:rotateY(0deg) rotateX(720deg); 
-ms-transform:rotateY(0deg) rotateX(720deg); 	
-moz-transform:rotateY(0deg) rotateX(720deg); 	
-webkit-transform:rotateY(0deg) rotateX(720deg);  
-o-transform:rotateY(0deg) rotateX(720deg); */

-webkit-animation: p5_key 1.5s linear infinite;
animation-iteration-count:1;-webkit-animation-iteration-count:1; /* transition-duration: 1.5s; transition-delay: 0.5s;*/}
.active .p5_next{ left: 50%; bottom: 55px; margin-left:-85px;opacity: 1;/*transition-duration: 2.5s; transition-delay: 2s;*/}
.active .p5_title{right:13%; top: 50%;margin-top:-110px;opacity: 1;margin-right:-15px;
 -webkit-animation: p5_title 1.5s linear infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;}
.active .p5_txt{ right:13%; top: 50%; margin-top:-40px; opacity: 1;margin-right:-15px;
 -webkit-animation: p5_txt 1.5s linear infinite;animation-iteration-count:1;-webkit-animation-iteration-count:1;}

@-webkit-keyframes p5_key {
	0% {position: absolute; left:50%; bottom: 500px; width: 100px; height: 70px;opacity: 0;transform:rotateY(0deg) rotateX(30deg); }
	100% {left: 50%; bottom: 60px; margin-left:-50px;opacity: 1; }
}
@keyframes p5_key {
	0% { position: absolute; left:50%; bottom: 500px; width: 100px; height: 70px;opacity: 0; margin-left:-50px;}
	100% {left: 50%; bottom: 60px; margin-left:-50px;opacity: 1;}
}

@-webkit-keyframes p5_title {
	0% {position: absolute; text-align:left;width:330px;right:13%; top: 50%; opacity: 0;  margin-left:150px; margin-top:-300px;margin-right:-15px;}
	100% {right:13%; top: 50%;margin-top:-110px; opacity: 1;margin-right:-15px;}
}
@keyframes p5_title {
	0% {position: absolute; text-align:left;width:330px;right:13%; top: 50%; opacity: 0;  margin-left:150px; margin-top:-300px;margin-right:-15px;}
	100% {right:13%; top: 50%;margin-top:-110px;opacity: 1;margin-right:-15px; }
}

@-webkit-keyframes p5_txt {
	0% {position: absolute; text-align:left; width:330px; right:13%; top: 50%; height: auto;opacity: 0; margin-left:150px; margin-top:100px;margin-right:-15px;}
	100% {right:13%;top: 50%; margin-top:-40px; opacity: 1;margin-right:-15px;}
}
@keyframes p5_txt {
	0% {position: absolute; text-align:left; width:330px; right:13%; top: 50%; height: auto;opacity: 0; margin-left:150px; margin-top:100px;margin-right:-15px;}
	100% {right:13%;top: 50%; margin-top:-40px; opacity: 1;margin-right:-15px;}
}



/**************/

.godown { *display: none; position: absolute; left: 50%; bottom: 20px; z-index: 1000; width: 160px; height: 54px; margin-left: -80px;}
.page1godown{ bottom: 200px; }
.godown span { display: block; width: 160px; height: 54px; background-image: url(../images/godown.png);}

@media screen and (max-width:1024px) {
.brand_top{height:110px; width:100%; overflow:auto;}
.headerbox_pc{ display:none;}
.headerbox_moblie{ display:block; height:110px; width:100%;  position:fixed; z-index:10000; top:0; }
.headerbox_moblie a{ display: table;  margin:15px  auto 0 auto;}

/********************************************/

@-webkit-keyframes p1_title {
	0% {position: absolute; text-align:center; width:320px; right:15%; top: 13%; opacity: 0;}
	100% {right:13%; top: 30%;margin-top:-140px; opacity: 1;}
}
@keyframes p1_title {
	0% {position: absolute; text-align:center; width:320px; right:13%; top: 15%; opacity: 0;}
	100% {right:13%; top: 30%;margin-top:-140px; opacity: 1;}
}

@-webkit-keyframes p1_txt {
	0% {position: absolute; text-align:center; width:320px; right:13%; top: 50%; margin-top:-10px;height: auto;opacity: 0;}
	100% {right:13%;top: 30%;margin-top:-80px; opacity: 1;}
}
@keyframes p1_txt {
	0% {position: absolute; text-align:center; width:320px; right:13%; top: 50%;margin-top:-10px; height: auto;opacity: 0;}
	100% {right:13%;top: 30%;margin-top:-80px; opacity: 1;}
}
.active .p1_txt{top: 30%;}
.active .p1_title{top: 30%;}


.p3_title{width:300px;right:0; top: 50%; }

.p3_txt{ width:300px; right:10%; top: 50%;}
/********************************************/

}