.section2{
    background:url(../images/1.jpg)center center no-repeat;
}
.section3{
    background:url(../images/2.jpg)center center no-repeat;
}
.section4{
    background:url(../images/3.jpg)center center no-repeat;
}
.section5{
    background:url(../images/4.jpg)center center no-repeat;
}
.flytop{
    height:105px;
    background:url(../images/top_bg.jpg) top no-repeat;
    position:absolute;
    top:0%;
    width:100%;
    z-index:2;
}
.flynavbar{
    background:none;
    background-color:none;
    border:none;
    margin-bottom:0px;
    height:105px;
}
.flyli:first-child{
    margin-left:35px;
}
.flyli{
    height:105px;
    line-height:105px;
    margin:0px 12px;
    opacity:0;
    transform:scale(0.5,0.5);
    transition:all 1s;
}
.flyli a{
    padding:0px!important;
    height:105px;
    line-height:135px!important;
    color:#fff!important;
    font-size:16px!important;
    transition:all 0.3s linear;
}
.dropdown:hover > ul{
    display:block;
}
.dropdown ul{
    margin:0px;
    padding:0px;
    width:160px!important;
    left:-48px;
    margin-top:5px;
}
.dropdown ul li{
    list-style:none;
    width:160px;
    height:35px;
    background:#fff;
    line-height:35px;
    text-align:center;
    margin:0px!important;
}
.dropdown ul li a{
     color:#0f2752!important;
     hegiht:35px!important;
     line-height:35px!important;
    font-size:14px!important;
    transition:all 0s linear!important;
}
.flybrand{
    display:block;
    margin:0px;
    padding:0px;
     opacity:0;
    transform:scale(0,0);
    transition:all 1s;
}
.active .flybrand{
    transform:scale(1,1);
    transition-delay:0.7s;
    opacity:1;
}
.active .flyli{
    transform:scale(1,1);
    transition-delay:0.7s;
    opacity:1;
}
.active .flyli:hover >a{
    line-height:120px!important;
}
.dropdown ul li:hover{
   background:#e60012;
}
.dropdown:hover ul li:hover >a{
     height:35px!important;
   line-height:35px!important;
   background:#e60012;
   color:#fff!important;
}
.dropdown:hover ul li a:hover{
    height:35px!important;
   line-height:35px!important;
   background:#e60012;
   color:#fff!important;
}
.lang{
    height:27px;
    line-height:27px;
    border-left:1px solid #fff;
    width:108px;
    list-style:none;
    color:#eaeff2;
    float:left;
    margin-top:55px;
    opacity:0;
     transform:scale(0.5,0.5);
    transition:all 1s;
}
.lang a:first-child{
    background:#fff;
    color:#102753;
}
.lang a{
    color:#fff;
    margin-left:15px;
    border:1px solid #aaaaaa;
    height:25px;
    line-height:25px;
    display:block;
    width:38px;
    float:left;
    text-align:center;
    font-size:14px;
    border-radius:4px;
    background:#102753;
}
.lang a:hover{
    text-decoration:none;
     background:#fff;
    color:#102753;
}
.active .lang{
    transform:scale(1,1);
    transition-delay:0.7s;
    opacity:1;
}
.title{
    height:98px;
    text-align:center;
    position:relative;
    width:436px;
    margin:0px auto;
    z-index:1;
    background:url(../images/title.png)top no-repeat;
    transition:all 1s;
    transform:scale(0,0);
    opacity:0;
}
.active .title{
    transform:scale(1,1);
    transition-delay:0.7s;
    opacity:1;
}
.title h3{
    margin:0px;
    padding:0px;
    line-height:108px;
    text-align:center;
    font-size:24px;
    font-weight:bold;
    color:#fff;
}
.title p{
    position:absolute;
    bottom:-52px;
    left:80px;
    font-size:72px;
    font-weight:bold;
    color:#fff;
    z-index:2;
}
.title p span{
    font-size:24px;
    color:#fff;
}
.c1 img{
    width:100%;
     transition:all 1s;
     margin-left:-226px;
    opacity:0;
}
.active .c1 img{
    margin-left:0px;
    transition-delay:0.7s;
    opacity:1;
}
.c2 img{
    width:100%;
    padding-left:30px;
     transition:all 1s;
     margin-left:280px;
    opacity:0;
}
.active .c2 img{
    margin-left:0px;
    transition-delay:0.7s;
    opacity:1;
}
.c2 p{
    line-height:27px;
    font-size:14px;
    color:#fff;
    text-indent:2em;
      transition:all 1s;
    opacity:0;
}
.c2 p span{
    font-size:16px;
    font-weight:bold;
}
.active .c2 p{
    transition-delay:1.7s;
    opacity:1;
}
.move{
    position: absolute;
    bottom: 10px;
    left:0;
    width:100%;
    z-index: 3;
    text-align:center;
    animation: move 2s infinite;
    -webkit-animation: move 2s infinite; /* Safari 涓� Chrome */
}

@keyframes move {
    0% {
        bottom: 20px;
    }
    50% {
        bottom: 0px;
    }
    100% {
        bottom: 20px;
    }
}

@-webkit-keyframes move
{
    0% {
        bottom: 30px;
    }
    50% {
        bottom: 10px;
    }
    100% {
        bottom: 30px;
    }
}
.p1{
    opacity:0;
    margin-top:100px;
    transition:all 1s;
    border-radius:5px;
}
.pw1{
    position:relative;
}
.pw1:after{
    content:"";
    opacity:0;
    transition:all .3s ease-out 0s;
    border-radius:5px;
}
.pw1:hover:after{
    content:"";
    width:269px;
    height:344px;
    background:url('../images/p1w.jpg') center center;
    position:absolute;
    top:0;
    left:0;
    z-index:5;
    opacity:1;
    transition-delay:0.4s;
}
.pw2{
    position:relative;
}
.pw2:after{
    content:"";
    opacity:0;
    transition:all .3s ease-out 0s;
    border-radius:5px;
}
.pw2:hover:after{
    content:"";
    width:269px;
    height:344px;
    background:url('../images/p2w.jpg') center center;
    position:absolute;
    top:0;
    left:0;
    z-index:5;
    opacity:1;
    transition-delay:0.4s;
}
.pw3{
    position:relative;
}
.pw3:after{
    content:"";
    opacity:0;
    transition:all .3s ease-out 0s;
    border-radius:5px;
}
.pw3:hover:after{
    content:"";
    width:269px;
    height:344px;
    background:url('../images/p3w.jpg') center center;
    position:absolute;
    top:0;
    left:0;
    z-index:5;
    opacity:1;
    transition-delay:0.4s;
}
.pw4{
    position:relative;
}
.pw4:after{
    content:"";
    opacity:0;
    transition:all .3s ease-out 0s;
    border-radius:5px;
}
.pw4:hover:after{
    content:"";
    width:269px;
    height:344px;
    background:url('../images/p4w.jpg') center center;
    position:absolute;
    top:0;
    left:0;
    z-index:5;
    opacity:1;
    transition-delay:0.4s;
}

.active .pro_content img{
    opacity:1;
    transition-delay:0.7s;
    margin-top:0px;
}

.product_more{
    width:100%;
    text-align:center;
    position:absolute;
    bottom:90px;
    text-align:center;

}
.product_more a{
    font-size:16px;
   display:block;
    width:135px;
    height:45px;
   line-height:45px;
   background:#e60012;
    color:#fff;
     border-radius:4px;
     margin:0px auto;
     opacity:0;
     transition:all 1s linear;
}
.active .product_more a{
    opacity:1;
    transition-delay:0.7s;
}
.title2{
    height:98px;
    text-align:center;
    position:relative;
    width:436px;
    margin:0px auto;
    z-index:1;
    background:url(../images/title.png)top no-repeat;
    transition:all 1s;
    transform:scale(0,0);
    opacity:0;
}
.active .title2{
    transform:scale(1,1);
    transition-delay:0.7s;
    opacity:1;
}
.title2 h3{
    margin:0px;
    padding:0px;
    line-height:108px;
    text-align:center;
    font-size:24px;
    font-weight:bold;
    color:#fff;
}
.title2 p{
    position:absolute;
    bottom:-52px;
    left:107px;
    font-size:72px;
    font-weight:bold;
    color:#fff;
    z-index:2;
}
.title2 p span{
    font-size:24px;
    color:#fff;
}
.news_more{
    width:100%;
    text-align:center;
    position:absolute;
    bottom:95px;
    text-align:center;

}
.news_more a{
    font-size:16px;
   display:block;
    width:135px;
    height:45px;
   line-height:45px;
   background:#0f2752;
    color:#fff;
     border-radius:4px;
     margin:0px auto;
     opacity:0;
     transition:all 1s linear;
}
.active .news_more a{
    opacity:1;
    transition-delay:1.3s;
}
.news_content{
    background:url(../images/news.png)top center no-repeat;
    height:440px;
    opacity:0;
    transform:scale(0,0);
    transition:all 0.7s linear;
     transition-delay:0.5s;
}
.active .news_content{
    transform:scale(1,1);
    transition-delay:0.7s;
    opacity:1;
}
.news_box
{
    margin-left:0px;
    width:380px;
    length:160px;
    float:left;
    margin-bottom:13px;
    margin-top:47px;
}
.nb1{
    margin-left:-40px;
    opacity:0;
    transition:all 0.7s;
     transition-delay:0.2s;
}
.active .nb1{
    margin-left:0px;
    opacity:1;
    transition-delay:1.4s;
}
.nb2{
    float:right;
    margin-right:-40px;
    opacity:0;
    transition:all 0.7s;
     transition-delay:0.2s;
}
.active .nb2{
     margin-right:0px;
    opacity:1;
    transition-delay:1.6s;
}
.nb3{
    margin-left:-40px;
    opacity:0;
    transition:all 0.7s;
     transition-delay:0.2s;
}
.active .nb3{
    margin-left:0px;
    opacity:1;
    transition-delay:1.8s;
}
.nb4{
    float:right;
    margin-right:-40px;
    opacity:0;
    transition:all 0.7s;
     transition-delay:0.2s;
}
.active .nb4{
     margin-right:0px;
    opacity:1;
    transition-delay:2s;
}
.news_box a img{
    float:left;
    padding-right:10px;
    width:151px;
    height:98px;
}
.news_title{
  float:left;
  margin-bottom:20px;
  font-size:14px;
  line-height:14px;
  font-weight:bold;
  color:#fff;
}
.news_date{
    float:left;
    margin-bottom:18px;
    font-size:12px;
    line-height:12px;
    color:#fff;
    width:225px;
}
.news_excerpt{
    text-indent:2em;
    font-size:12px;
    line-height:24px;
    color:#fff;
    margin-bottom:0px;
}
.title3{
    height:98px;
    text-align:center;
    position:relative;
    width:436px;
    margin:0px auto;
    z-index:1;
    background:url(../images/title.png)top no-repeat;
    transition:all 1s;
    transform:scale(0,0);
    opacity:0;
}
.active .title3{
    transform:scale(1,1);
    transition-delay:0.7s;
    opacity:1;
}
.title3 h3{
    margin:0px;
    padding:0px;
    line-height:108px;
    text-align:center;
    font-size:24px;
    font-weight:bold;
    color:#0f2752;
}
.title3 p{
    position:absolute;
    bottom:-52px;
    left:119px;
    font-size:72px;
    font-weight:bold;
    color:#0f2752;
    z-index:2;
}
.title3 p span{
    font-size:24px;
    color:#0f2752;
}
.contact_content{
    margin-top:70px;
    background:rgba(255,255,255,0.6);
    padding:30px 0 10px 0;
    border-radius:10px;
}
.contact_content p{
    line-height:45px;
    height:45px;
    color:#0f2752;
    font-size:14px;
     margin-bottom:0px;
}
.indent0{
    margin-bottom:0px;
}
.indent{
    text-indent:115px;
    margin-bottom:0px;
    height:33px!important;
    line-height:18px!important;
}
.indent2{
    text-indent:115px;
     margin-bottom:0px;
      height:33px!important;
    line-height:18px!important;
}
.contact_content1{
    border-right:1px solid #a5c0d8;
    opacity:0;
    transform:scale(0,0);
    transition:all 1s;
}
.active .contact_content1{
    transition-delay:1s;
    transform:scale(1,1);
    opacity:1;
}
.contact_content2{
    opacity:0;
    transition:all 1s;
    margin-left:60px;
}
.active .contact_content2{
    transition-delay:1.2s;
    opacity:1;
    margin-left:0px;
}
#oDiv2{
    min-height:20px!important;
}
#oDiv{
    min-height:20px!important;
}
.footer{
    position:absolute;
    bottom:0px;
    background:rgba(209,41,51,0.72);
    width:100%;
}
.footer a{
    color:#fff;
}
.footer a:hover{
    color:#fff;
}
.footer p{
    color:#fff;
    margin-bottom:0px;
    height:30px;
    line-height:30px;
    width:100%;
    text-align:center;
    font-size:12px;
}
.crosscover-list li a{
    z-index:15;
    height:100%;
    display:block;
    width:100%;
}
.crosscover-active {
    opacity:1;
}
.crosscover-list a{
    display:block;
    width:100%;
    height:100%;
}
.ex1{
    display:block;
    font-size:50px;
    color:#fff;
    font-weight:bold;
    width:1000px;
    margin:0px auto;
    text-align:center;
    z-index:10;
    text-align:right;
    line-height:66px;
    animation-delay: 1s;
    text-shadow:-4px 5px 3px #666;
}
.crosscover-setup .ex1{
    display:none;
    transition:all 1s linear;
}
.crosscover-active .ex1{
    display:inherit;
     transition:all 1s linear;
}
.ex2{
    display:inherit;
     font-size:18px;
    color:#fff;
    width:1000px;
    margin:0px auto;
    text-align:center;
    z-index:10;
    text-align:right;
    animation-delay: 1s;
    text-shadow:-1px 3px 4px #000;
}
.crosscover-setup .ex2{
    display:none;
    transition:all 1s linear;
}
.crosscover-active .ex2{
    display:block;
     transition:all 1s linear;
}

.ex2-1{
    display:inherit;
    font-size:50px;
    color:#fff;
    font-weight:bold;
    width:1140px;
    margin:0px auto;
    text-align:right;
    z-index:10;
    line-height:66px;
    animation-delay: 1s;
    text-shadow:-5px 6px 4px #000;
}
.crosscover-setup .ex2-1{
    display:none;
    transition:all 1s linear;
}
.crosscover-active .ex2-1{
    display:block;
     transition:all 1s linear;
}
.ex2-2{
    display:inherit;
     font-size:18px;
    color:#fff;
    width:1140px;
    margin:0px auto;
    text-align:right;
    z-index:10;
    animation-delay: 1s;
    text-shadow: -1px 3px 4px #000;
}
.crosscover-setup .ex2-2{
    display:none;
    transition:all 1s linear;
}
.crosscover-active .ex2-2{
    display:block;
     transition:all 1s linear;
}
.ex3-1{
    display:inherit;
    font-size:50px;
    color:#fff;
    font-weight:bold;
    width:465px;
    text-align:center;
    z-index:10;
    text-align:left;
    line-height:66px;
    animation-delay: 1s;
    margin-left:220px;
    text-shadow:-5px 6px 4px #222;
}
.crosscover-setup .ex3-1{
    display:none;
    transition:all 1s linear;
}
.crosscover-active .ex3-1{
    display:block;
     transition:all 1s linear;
}
.ex3-2{
    display:inherit;
     font-size:18px;
    color:#fff;
    width:465px;
    text-align:right;
    z-index:10;
    animation-delay: 1s;
    font-weight:bold;
    padding-right:13px;
    margin-left:220px;
    text-shadow: -1px 3px 4px #000;
}
.crosscover-setup .ex3-2{
    display:none;
    transition:all 1s linear;
}
.crosscover-active .ex3-2{
    display:block;
     transition:all 1s linear;
}
#aboutoDiv{
  min-height:30px;
}
#prooDiv{
  min-height:30px;
}
#newsoDiv{
  min-height:30px;
}