#box_index_logo{position:absolute;top:20px;left:20px;z-index:999999;}
#box_index_nav{ position:absolute;top:20px;right:20px;z-index:999999;}

#fd{width:66px;position:fixed;top:30%;right:50px;}
#fd ul { width:100%; float:left; }
#fd ul li { width:100%; margin-bottom:2px; float:left; }
#elem-FrontSpecifies_show01-1497362462603 p{line-height:24px;font-size:12px;color:#bfc0c0;}
.center-wrap {    position: relative;    z-index: 1;   width: 100%;    height: 100%;    margin: 0 auto;    background:#4a4a4a;    height:470px;}
.desc {    position: relative;    z-index: 1;}
.center-box{letter-spacing: 0px;z-index: 1;width: 100%;height: 100%;margin: 0 auto;position:relative;}
.center-boxnew{letter-spacing: 0px;z-index: 1;max-width:1200px;height: 100%;margin: 0 auto;position:relative;}
.section {    overflow: hidden;}
.section h1 {    margin-bottom: 20px;    line-height: 1.4;    font-size: 30px;    color:#fff;    font-weight:normal;}

.section .bg { position: absolute;top: 0px;left: 0px;   width: 100%;   height: 100%;}
#bg1 {background: url(../images/bg1.jpg) 50% 0 no-repeat;background-size:cover;transition: all 10s;transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1
);}
.active #bg1{transition: all 10s;transform: scale(1, 1);-webkit-transform: scale(1, 1);transition-delay: 0.7s;}

#bg2 {background: url(../images/bg9.jpg) 50% 0 no-repeat;background-size:cover;transition: all 10s;}
.active #bg2{transition: all 10s;transform: scale(1, 1);-webkit-transform: scale(1, 1);transition-delay: 0.7s;} 

#bg3 {background: url(../images/bg6.jpg) 50% 0 no-repeat;background-size:cover;transition: all 10s;transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);}
.active #bg3{transition: all 10s;transform: scale(1, 1);-webkit-transform: scale(1, 1);transition-delay: 0.7s;}

#bg4 {background: url(../images/bg10.jpg) 50% 0 no-repeat;background-size:cover;transition: all 10s;transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);}
.active #bg4{transition: all 10s;transform: scale(1, 1);-webkit-transform: scale(1, 1);transition-delay: 0.7s;}

#bg5{background: url(../images/bg7.jpg) 50% 0 no-repeat;background-size:cover;transition: all 10s;transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);}
.active #bg5{transition: all 10s;transform: scale(1, 1);-webkit-transform: scale(1, 1);transition-delay: 0.7s;}

#bg6{background: url(../images/bg3.jpg) 50% 0 no-repeat;background-size:cover;transition: all 10s;transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);}
.active #bg6{transition: all 10s;transform: scale(1, 1);-webkit-transform: scale(1, 1);transition-delay: 0.7s;}
 
#bg7{background:url(../images/bg12.jpg) 50% 0 no-repeat; background-size:cover; transition: all 10s;transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); }
.active #bg7{transition: all 10s;transform: scale(1, 1);-webkit-transform: scale(1, 1);transition-delay: 0.7s;}

#bg8{background:url(../images/bg15.jpg) 50% 0 no-repeat; background-size:cover;  transition: all 10s;transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); }
.active #bg8{transition: all 10s;transform: scale(1, 1);-webkit-transform: scale(1, 1);transition-delay: 0.7s;}

#bg9{background:url(../images/bg8.jpg) 50% 0 no-repeat; background-size:cover; transition: all 10s;transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); }
.active #bg9{transition: all 10s;transform: scale(1, 1);-webkit-transform: scale(1, 1);transition-delay: 0.7s;}

#bg10{background:url(../images/bg0.jpg) 50% 0 no-repeat; background-size:cover; transition: all 10s;transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); }
.active #bg9{transition: all 10s;transform: scale(1, 1);-webkit-transform: scale(1, 1);transition-delay: 0.7s;}

 /**
 * fullPage 2.6.6
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
html.fp-enabled,
.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow:hidden;
   /*Avoid flicker on slides transitions for mobile phones #336 */   -webkit-tap-highlight-color: rgba(0,0,0,0);}

#superContainer {   height: 100%;   position: relative;  /* Touch detection for Windows 8 */   -ms-touch-action: none;  /* IE 11 on Windows Phone 8.1*/   touch-action: none;}
.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; /* Safari<=6 Android<=4.3 */   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;   -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: scroll;}

.fp-notransition {   -webkit-transition: none !important;   transition: none !important;}
#fp-nav {   position: fixed;   z-index: 100;   margin-top: -32px;   top: 50%;   opacity: 1;   -webkit-transform: translate3d(0,0,0);}
#fp-nav.right {   right: 17px;}
#fp-nav.left {   left: 17px;}
.fp-slidesNav{   position: absolute;   z-index: 4;   left: 50%;   opacity: 1;}
.fp-slidesNav.bottom {   bottom: 17px;}
.fp-slidesNav.top {   top: 17px;}
#fp-nav ul,.fp-slidesNav ul { margin: 0; padding: 0;}
#fp-nav ul li,.fp-slidesNav ul li {   display: block;   width: 26px;   height: 20px;   margin: 15px;   position:relative; padding-left:-20px;}
.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.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{height: 23px;width: 18px; border-radius: 100%;background:url(../images/water01.png) no-repeat center;}
#fp-nav ul li a span,.fp-slidesNav ul li a span {border-radius: 50%;position: absolute;z-index: 1;height: 23px;width: 18px;border: 0;   /*! background: #fff; */left: 50%;top: 50%;margin: -2px 0 0 -2px;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out; background:url(../images/water.png) no-repeat center;}
#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width: 18px;height: 23px;margin: -2px 0 0 -2px; background:url(../images/water01.png) no-repeat center;}
#fp-nav ul li .fp-tooltip {position: absolute;top: 2px;color: #000;font-size: 12px;white-space: nowrap;max-width: 220px;overflow: hidden;display: block;opacity: 0;width: 0;}
#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active + .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: 20px;}
#fp-nav ul li .fp-tooltip.left {   left: 20px;}
.fp-auto-height.fp-section,.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell{   height: auto !important;}
.index_bt{font-size: 30px;font-weight: bold;color: #e50012;text-align:center;height: 50px;   margin: 10px 0px;} 
.index1_main{max-width:539px;display:block;margin:auto;}
.yuancai {background: url(http://banner01.oss-cn-hongkong.aliyuncs.com/liling/mKeRNwAmTo6yzczBerIreQ.png) no-repeat left top;
    position: absolute;
    top: 30px;
    width: 1609px;
    height: 728px;
    right: 0px;
    animation: guanyb 90s cubic-bezier(0.42, 0.37, 0.56, 0.51) infinite;
    -moz-animation: guanyb 90s cubic-bezier(0.42, 0.37, 0.56, 0.51) infinite;
    -webkit-animation: guanyb 90s cubic-bezier(0.42, 0.37, 0.56, 0.51) infinite;
    -o-animation: guanyb 90s cubic-bezier(0.42, 0.37, 0.56, 0.51) infinite;
} @keyframes guanyb {
0% {right: -100px;}
50% {right: 1000px;}
100% {right: -100px;}
}
.index_01{text-align:center;}
.index_01s{position: absolute;top: 0%;display: block;max-width: 360px;left: 50%;opacity: 0;transition: all 2s;margin-left: -180px;}
.active .index_01s{position: absolute;top: 20%;opacity: 1;transition-delay: 1s;}

.index_01ss{position: absolute;transition: all 2s;opacity: 0;bottom: 0%;}
.active .index_01ss{position: absolute;bottom: 12%;opacity: 1;transition-delay: 1s;}
.index_012{font-size:60px;color:#3e3a39;font-weight:bold;margin-top:50px;line-height: 66px;} 
.index_013{font-size:22px;font-weight:bold;color:#3e3a39;margin-top:30px;text-transform: Uppercase;font-family:arial;} 
.index_014{font-family: pf;color: #3e3a39;font-size: 44px;line-height: 44px;margin-bottom: 20px;} 

.index2_main{width: 1200px;   display: block;   position: absolute;   height: 570px;   top: 50%;   margin-top: -285px;}
#index02s ul{max-width: 100%;margin: 0% auto 0px;display: block;}
#index02s ul .index021{font-size: 30px;font-weight: bold;color: #e50012;height: 50px;opacity: 0;transition: all 2s;position: relative;left: 400px;margin-top:20px;}

.active #index02s ul .index021{opacity: 1;ransition: all 2s;position: relative;left: 0px;}

#index02s ul .index022

{font-size:18px;margin: 10px 0px 0px;color:#4b4949;opacity: 0;transition: all 1.5s;position: relative;left: 400px;}



.active #index02s ul .index022

{

opacity: 1;

transition: all 1.5s;

position: relative;

left: 0px;

}



#index02s ul .index022 span

{

color:#e50012;

}

#index02s ul .index023

{color:#828282;font-size:14px;line-height:26px;opacity: 0;max-width: 800px;margin: auto;transition: all 1s;position: relative;left: 400px;}



.active #index02s ul .index023

{

opacity: 1;

transition: all 1s;

position: relative;

left: 0px;

}









#index02s ul li

{

text-align:center;

}



#index_tb

{

margin-top:30px;

}










#footer_fwrx
{
width:272px;
height:122px;
border:2px #818181 solid;
margin:55px 0px 20px;
}
#footer_fwrx ul
{
padding:20px;

}
#footer_fwrx ul #footer_fwrx1
{
font-size:16px;
color:#bfc0c0;
}
#footer_fwrx ul #footer_fwrx1 span
{
font-size:36px;
display:block;
color:#ffffff;
font-family:arial;
}
#footer_fwrx ul #footer_fwrx2
{
font-size:12px;
color:#bfc0c0;
}

.closemenu {top:0px !important;transition: all 0.7s ease-in-out;}



@media (max-width:1440px) {


.yuancai {
 transform: scale(0.5,0.5);
 top: -190px;
 background: url(../images/mKeRNwAmTo6yzczBerIreQ.png) no-repeat left top;
 position: absolute;
 right: 0px;
 animation: guanyb 90s cubic-bezier(0.42, 0.37, 0.56, 0.51) infinite;
 -moz-animation: guanyb 90s cubic-bezier(0.42, 0.37, 0.56, 0.51) infinite;
 -webkit-animation: guanyb 90s cubic-bezier(0.42, 0.37, 0.56, 0.51) infinite;
 -o-animation: guanyb 90s cubic-bezier(0.42, 0.37, 0.56, 0.51) infinite;
}





}