@charset "utf-8";
*{
   padding-bottom: 0px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}
body{
   font: 14px/1.8 "microsoft yahei", verdana;
    background: #000;
}
p{
   font-family: "microsoft yahei", "微软雅黑", "microsoft jhenghei", "华文细黑", stheiti, mingliu;
}
#header{
   z-index: 99;
    position: fixed;
    padding-bottom: 10px;
    padding-left: 20px;
    width: 100%;
    padding-right: 20px;
    height: 40px;
    font-size: 14px;
    padding-top: 10px;
    transition: all ease .3s;
    transition-property: padding, background;
}
#box_lg{
   width: 310px;
    display: block;
    background: url(/uploads/image/eimages/lg.png) no-repeat;
    float: left;
    height: 32px;
    margin-right: 50px;
}
.mini#header ul#nav{
   padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0px;
}
#box_nav{
   padding-bottom: 0px;
    padding-left: 40px;
    width: auto;
    padding-right: 30px;
    float: right;
    padding-top: 10px;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#box_nav ul li{
   padding-bottom: 15px;
    list-style-type: none;
    padding-left: 0px;
    padding-right: 0px;
    float: left;
    margin-right: 100px;
    padding-top: 0px;
}
#box_nav ul li a{
   color: #a2a2a2;
    text-decoration: none;
    transition: 0.5s;
}
#box_nav ul li:hover a{
   color: #fff;
    text-decoration: none;
    transition: 0.5s;
}
#box_nav ul li:hover{
   border-bottom: #d34242 1px solid;
    color: #fff;
    transition: 0.5s;
}
#menu{
   z-index: 70;
    padding-bottom: 0px;
    list-style-type: none;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    top: 10px;
    padding-top: 0px;
    left: 10px;
}
#menu li{
   margin: 0px 10px 0px 0px;
    float: left;
    font-size: 14px;
}
#menu a{
   float: left;
    color: #333;
    text-decoration: none;
    transition: 0.5s;
}
#menu .active a{
   color: #a2a2a2;
}
#box_footer a{
   color: #545454;
    text-decoration: none;
    transition: 0.5s;
}
#box_footer a:hover{
   color: #fff;
    text-decoration: none;
    transition: 0.5s;
}
#box_footer p{
   color: #545454;
    font-size: 14px;
    text-decoration: none;
}
.kk{
   position: absolute;
}
#kk{
   margin-top: -300px;
    width: 1030px;
    height: 380px;
    margin-left: -500px;
    top: 50%;
    left: 50%;
}
.kk1{
   position: absolute;
}
#kk1{
   margin-top: -300px;
    width: 1206px;
    height: 647px;
    margin-left: -600px;
    top: 50%;
    left: 50%;
}
.kk2{
   position: absolute;
}
#kk2{
   margin-top: -300px;
    width: 990px;
    height: 530px;
    margin-left: -500px;
    top: 50%;
    left: 50%;
}
.kk3{
   position: absolute;
}
#kk3{
   margin-top: -300px;
    width: 1310px;
    height: 555px;
    margin-left: -850px;
    top: 50%;
    left: 50%;
}
.kk4{
   position: absolute;
}
#kk4{
   margin-top: -300px;
    width: 960px;
    height: 520px;
    margin-left: -500px;
    top: 50%;
    left: 50%;
}
.kk5{
   position: absolute;
}
#kk5{
   margin-top: -300px;
    width: 1150px;
    height: 680px;
    margin-left: -575px;
    top: 50%;
    left: 50%;
}
.sb1{
   position: absolute;
}
#sb1{
   margin-top: -300px;
    width: 1050px;
    height: 350px;
    margin-left: -575px;
    top: 50%;
    left: 50%;
}
.more{
   margin-top: 120px;
}
.more a{
   border-bottom: #fff 1px solid;
    border-left: #fff 1px solid;
    padding-bottom: 10px;
    margin-top: 20px;
    padding-left: 50px;
    padding-right: 50px;
    background: #fff;
    color: #d34242;
    border-top: #fff 1px solid;
    border-right: #fff 1px solid;
    text-decoration: none;
    padding-top: 10px;
    transition: 1s;
    -webkit-box-shadow: 0 0 20px #d34242;
    -moz-box-shadow: 0 0 20px #d34242;
    box-shadow: 0 0 20px #d34242;
}
.more a:hover{
   border-bottom: #fff 1px solid;
    border-left: #fff 1px solid;
    padding-bottom: 10px;
    margin-top: 20px;
    padding-left: 50px;
    padding-right: 50px;
    background: #052024;
    color: #fff;
    border-top: #fff 1px solid;
    border-right: #fff 1px solid;
    text-decoration: none;
    padding-top: 10px;
    transition: all 0.5s;
    -webkit-box-shadow: 0 0 20px #d34242;
    -moz-box-shadow: 0 0 20px #d34242;
    box-shadow: 0 0 20px #d34242;
}
.more1{
   margin-top: 200px;
}
.more1 a{
   border-bottom: #fff 1px solid;
    border-left: #fff 1px solid;
    padding-bottom: 10px;
    margin-top: 20px;
    padding-left: 50px;
    padding-right: 50px;
    background: #fff;
    color: #d34242;
    border-top: #fff 1px solid;
    border-right: #fff 1px solid;
    text-decoration: none;
    padding-top: 10px;
    transition: 1s;
    -webkit-box-shadow: 0 0 20px #d34242;
    -moz-box-shadow: 0 0 20px #d34242;
    box-shadow: 0 0 20px #d34242;
}
.more1 a:hover{
   border-bottom: #fff 1px solid;
    border-left: #fff 1px solid;
    padding-bottom: 10px;
    margin-top: 20px;
    padding-left: 50px;
    padding-right: 50px;
    background: #052024;
    color: #fff;
    border-top: #fff 1px solid;
    border-right: #fff 1px solid;
    text-decoration: none;
    padding-top: 10px;
    transition: all 0.5s;
    -webkit-box-shadow: 0 0 20px #d34242;
    -moz-box-shadow: 0 0 20px #d34242;
    box-shadow: 0 0 20px #d34242;
}
.more2{
   margin-top: 200px;
}
.more2 a{
   border-bottom: #fff 1px solid;
    border-left: #fff 1px solid;
    padding-bottom: 10px;
    margin-top: 20px;
    padding-left: 50px;
    padding-right: 50px;
    background: #fff;
    color: #d34242;
    border-top: #fff 1px solid;
    border-right: #fff 1px solid;
    text-decoration: none;
    padding-top: 10px;
    transition: 1s;
    -webkit-box-shadow: 0 0 20px #d34242;
    -moz-box-shadow: 0 0 20px #d34242;
    box-shadow: 0 0 20px #d34242;
}
.more2 a:hover{
   border-bottom: #fff 1px solid;
    border-left: #fff 1px solid;
    padding-bottom: 10px;
    margin-top: 20px;
    padding-left: 50px;
    padding-right: 50px;
    background: #052024;
    color: #fff;
    border-top: #fff 1px solid;
    border-right: #fff 1px solid;
    text-decoration: none;
    padding-top: 10px;
    transition: all 0.5s;
    -webkit-box-shadow: 0 0 20px #d34242;
    -moz-box-shadow: 0 0 20px #d34242;
    box-shadow: 0 0 20px #d34242;
}
.more3{
   margin-top: 300px;
}
.more3 a{
   border-bottom: #fff 1px solid;
    border-left: #fff 1px solid;
    padding-bottom: 10px;
    margin-top: 20px;
    padding-left: 50px;
    padding-right: 50px;
    background: #fff;
    color: #d34242;
    border-top: #fff 1px solid;
    border-right: #fff 1px solid;
    text-decoration: none;
    padding-top: 10px;
    transition: 1s;
    -webkit-box-shadow: 0 0 20px #d34242;
    -moz-box-shadow: 0 0 20px #d34242;
    box-shadow: 0 0 20px #d34242;
}
.more3 a:hover{
   border-bottom: #fff 1px solid;
    border-left: #fff 1px solid;
    padding-bottom: 10px;
    margin-top: 20px;
    padding-left: 50px;
    padding-right: 50px;
    background: #052024;
    color: #fff;
    border-top: #fff 1px solid;
    border-right: #fff 1px solid;
    text-decoration: none;
    padding-top: 10px;
    transition: all 0.5s;
    -webkit-box-shadow: 0 0 20px #d34242;
    -moz-box-shadow: 0 0 20px #d34242;
    box-shadow: 0 0 20px #d34242;
}
#fullpage-nav{
   font-size: 12px;
    _display: none;
}
#fullpage-nav li{
   margin: 10px 0px 0px;
    width: 90px;
    height: 21px;
    vertical-align: middle;
}
#fullpage-nav li a{
   text-align: right;
    width: 21px;
    background: url(/uploads/image/eimages/dot.png) no-repeat 5px 5px;
    float: right;
    height: 21px;
    color: #8f9da4;
    text-decoration: none;
}
#fullpage-nav li .active{
   background-position: 0px bottom;
}
#fullpage-nav span{
   display: none;
}
.fullpage-tooltip{
   font: 12px/21px "microsoft yahei";
    float: left;
    color: #8f9da4;
    top: 0px;
    margin-right: 5px;
}
.ban1{
   position: relative;
    background: url(/uploads/image/eimages/dt.png) no-repeat center top;
}
.ban2{
   background: url(/uploads/image/eimages/dt1.png) no-repeat center top;
}
.ban3{
   background: url(/uploads/image/eimages/dt2.png) no-repeat center top;
}
.ban1 p{
   text-align: center;
    margin-top: 100px;
    color: #fff;
    font-size: 14px;
}
.ban2 p{
   text-align: center;
    margin-top: 100px;
    color: #fff;
    font-size: 14px;
}
.yp_img{
   background-image: url(/uploads/image/eimages/20th.png);
    position: absolute;
    width: 257px;
    height: 211px;
    top: -300px;
    left: 44%;
    transition: all 1s;
}
.yp_img1{
   background-image: url(/uploads/image/eimages/jt.png);
    position: absolute;
    width: 631px;
    height: 265px;
    top: 35%;
    left: 5%;
    transition: all 1s;
}
.yp_img2{
   background-image: url(/uploads/image/eimages/qss.png);
    position: absolute;
    width: 245px;
    height: 310px;
    top: 30%;
    left: 75%;
    transition: all 1s;
}
.yp_img3{
   background-image: url(/uploads/image/eimages/sc.png);
    position: absolute;
    width: 436px;
    height: 43px;
    top: 40%;
    right: 13%;
    transition: all 1s;
}
.yp_img4{
   background-image: url(/uploads/image/eimages/tubiao.png);
    position: absolute;
    width: 619px;
    height: 68px;
    top: 55%;
    right: 11%;
    transition: all 1s;
}
.p22{
   position: absolute;
    margin: 0px 0px 0px -300px;
    width: 600px;
    color: #fff;
    font-size: 14px;
    top: 80%;
    left: 50%;
    opacity: 0;
    transition: all 0.5s;
}
.section{
   position: relative;
    overflow: hidden;
}
.section .bg{
   position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
.section .bg img{
   width: 100%;
    display: block;
    height: 100%;
}
.bg11{
   position: absolute;
    width: 100%;
    bottom: 0px;
    background: url(/uploads/image/eimages/bg11.png) no-repeat 50% 0px;
    height: 850px;
    transition: all 1s;
}
.bg13{
   position: absolute;
    width: 220px;
    background: url(/uploads/image/eimages/abt.png) no-repeat 0px 0px;
    height: 131px;
    top: 48%;
    left: -40%;
    transition: all 1s;
}
.hgroup{
   background-image: url(/uploads/image/eimages/ak.png);
    position: absolute;
    text-indent: -9999px;
    margin: 0px 0px 0px -377px;
    width: 210px;
    height: 377px;
    top: 30%;
    left: 50%;
    opacity: 0;
    transition: all 1s;
    transform: scale(0.5, 0.5);
    -webkit-transform: scale(0.5, 0.5);
}
.nbt{
   position: absolute;
    margin-top: 40px;
    width: 220px;
    background: url(/uploads/image/eimages/nbt.png) no-repeat 0px 0px;
    height: 131px;
    margin-left: -200px;
    top: 30%;
    left: -40%;
    transition: all 1s;
}
.nk{
   background-image: url(/uploads/image/eimages/ak.png);
    position: absolute;
    text-indent: -9999px;
    margin: 0px 0px 0px -377px;
    width: 210px;
    height: 377px;
    top: 23%;
    left: 50%;
    opacity: 0;
    transition: all 1s;
    transform: scale(0.5, 0.5);
    -webkit-transform: scale(0.5, 0.5);
}
.p11{
   position: absolute;
    margin: 0px 0px 0px -80px;
    width: 600px;
    color: #fff;
    font-size: 14px;
    top: 70%;
    left: 50%;
    opacity: 0;
    transition: all 0.5s;
}
.more{
   position: absolute;
    margin: 0px 0px 0px -80px;
    bottom: -50%;
    color: #fff;
    font-size: 14px;
    left: 50%;
    opacity: 0;
    transition: all 0.7s;
}
.more1{
   position: absolute;
    margin: 0px 0px -50px -70px;
    bottom: -50%;
    color: #fff;
    font-size: 14px;
    left: 50%;
    opacity: 0;
    transition: all 0.7s;
}
.more2{
   position: absolute;
    margin: 0px 0px -200px -70px;
    bottom: -50%;
    color: #fff;
    font-size: 14px;
    left: 50%;
    opacity: 0;
    transition: all 0.7s;
}
.more3{
   position: absolute;
    margin: 0px 0px -150px 120px;
    bottom: -50%;
    color: #fff;
    font-size: 14px;
    left: 50%;
    opacity: 0;
    transition: all 0.7s;
}
.mail{
   background-image: url(/uploads/image/eimages/1997.png);
    position: absolute;
    width: 419px;
    height: 117px;
    margin-left: -80px;
    top: -300px;
    left: 50%;
    transition: all 1s;
}
.gif{
   position: absolute;
    margin: 0px 0px 0px -10px;
    width: 29px;
    bottom: -50%;
    background: url(/uploads/image/eimages/anniu.gif);
    height: 36px;
    color: #fff;
    font-size: 14px;
    left: 50%;
    opacity: 0.5;
    transition: all 0.7s;
}
.z1{
   z-index: 111111;
    position: absolute;
    margin: 0px 0px 0px -375px;
    width: 188px;
    background: url(/uploads/image/eimages/z1.png) no-repeat;
    height: 39px;
    top: 39%;
    left: 50%;
    opacity: 0;
    transition: all 0.5s;
}
.z2{
   z-index: 111111;
    position: absolute;
    margin: 0px 0px 0px -436px;
    width: 207px;
    background: url(/uploads/image/eimages/z2.png) no-repeat;
    height: 39px;
    top: 60%;
    left: 50%;
    opacity: 0;
    transition: all 0.5s;
}
.y1{
   z-index: 111111;
    position: absolute;
    margin: 0px 0px 0px 172px;
    width: 199px;
    background: url(/uploads/image/eimages/y1.png) no-repeat;
    height: 33px;
    top: 40%;
    left: 50%;
    opacity: 0;
    transition: all 0.5s;
}
.y2{
   z-index: 111111;
    position: absolute;
    margin: 0px 0px 0px 213px;
    width: 189px;
    background: url(/uploads/image/eimages/y2.png) no-repeat;
    height: 36px;
    top: 58%;
    left: 50%;
    opacity: 0;
    transition: all 0.5s;
}
.y3{
   z-index: 111111;
    position: absolute;
    margin: 0px 0px 0px 190px;
    width: 159px;
    background: url(/uploads/image/eimages/y3.png) no-repeat;
    height: 39px;
    top: 80%;
    left: 50%;
    opacity: 0;
    transition: all 0.5s;
}
.z1 p{
   color: #fff;
    margin-left: 30px;
    font-size: 14px;
    font-weight: bold;
    transition: 0.5s;
}
.z2 p{
   margin-top: -25px;
    color: #fff;
    margin-left: 30px;
    font-size: 14px;
    font-weight: bold;
    transition: 0.5s;
}
.y1 p{
   margin-top: -20px;
    color: #fff;
    margin-left: 70px;
    font-size: 14px;
    font-weight: bold;
    transition: 0.5s;
}
.y2 p{
   margin-top: 5px;
    color: #fff;
    margin-left: 70px;
    font-size: 14px;
    font-weight: bold;
    transition: 0.5s;
}
.y3 p{
   margin-top: -20px;
    color: #fff;
    margin-left: 30px;
    font-size: 14px;
    font-weight: bold;
    transition: 0.5s;
}
.z1 p:hover{
   color: #ffb400;
    margin-left: 30px;
    font-size: 14px;
    font-weight: bold;
    transition: 0.5s;
}
.z2 p:hover{
   margin-top: -25px;
    color: #ffb400;
    margin-left: 30px;
    font-size: 14px;
    font-weight: bold;
    transition: 0.5s;
}
.y1 p:hover{
   margin-top: -20px;
    color: #ffb400;
    margin-left: 70px;
    font-size: 14px;
    font-weight: bold;
    transition: 0.5s;
}
.y2 p:hover{
   margin-top: 5px;
    color: #ffb400;
    margin-left: 70px;
    font-size: 14px;
    font-weight: bold;
    transition: 0.5s;
}
.y3 p:hover{
   margin-top: -20px;
    color: #ffb400;
    margin-left: 30px;
    font-size: 14px;
    font-weight: bold;
    transition: 0.5s;
}
.z1 .qq{
   position: absolute;
    width: 10px;
    background: #fff;
    height: 10px;
    top: 3px;
    left: 2px;
    border-radius: 10px;
}
.z2 .qq{
   position: absolute;
    width: 10px;
    background: #fff;
    height: 10px;
    top: 25px;
    left: 2px;
    border-radius: 10px;
}
.y1 .qq{
   position: absolute;
    width: 10px;
    background: #fff;
    height: 10px;
    top: 2px;
    left: 187px;
    border-radius: 10px;
}
.y2 .qq{
   position: absolute;
    width: 10px;
    background: #fff;
    height: 10px;
    top: 24px;
    left: 177px;
    border-radius: 10px;
}
.y3 .qq{
   position: absolute;
    width: 10px;
    background: #fff;
    height: 10px;
    top: 26px;
    left: 147px;
    border-radius: 10px;
}
.bg21{
   position: absolute;
    width: 149px;
    bottom: 32%;
    margin-bottom: 105px;
    background: url(/uploads/image/eimages/p5.png) no-repeat 0px 0px;
    height: 149px;
    margin-left: -1108px;
    left: 50%;
    opacity: 0;
    transition: all 0.5s;
}
.bg21_z2{
   position: absolute;
    width: 149px;
    bottom: 8.5%;
    margin-bottom: 100px;
    background: url(/uploads/image/eimages/p3.png) no-repeat 0px 0px;
    height: 149px;
    margin-left: -1108px;
    left: 50%;
    opacity: 0;
    transition: all 0.5s;
}
.bg22{
   position: absolute;
    width: 149px;
    bottom: 37%;
    margin-bottom: 70px;
    background: url(/uploads/image/eimages/p6.png) no-repeat right 0px;
    height: 149px;
    margin-left: 320px;
    right: 5%;
    opacity: 0;
    transition: all 0.5s;
}
.bg22_y2{
   position: absolute;
    width: 149px;
    bottom: 15%;
    margin-bottom: 70px;
    background: url(/uploads/image/eimages/p2.png) no-repeat right 0px;
    height: 149px;
    margin-left: 320px;
    right: 2%;
    opacity: 0;
    transition: all 0.5s;
}
.bg22_y3{
   position: absolute;
    width: 149px;
    bottom: -8%;
    margin-bottom: 70px;
    background: url(/uploads/image/eimages/p4.png) no-repeat right 0px;
    height: 149px;
    margin-left: 320px;
    right: 7%;
    opacity: 0;
    transition: all 0.5s;
}
.bg23{
   z-index: 1111;
    position: absolute;
    width: 658px;
    bottom: -40%;
    background: url(/uploads/image/eimages/p1.png) no-repeat 50% 0px;
    height: 324px;
    margin-left: -330px;
    left: 50%;
    transition: all 1s;
}
.section .t3{
   background-image: url(/uploads/image/eimages/t3.png);
    z-index: 10;
    position: absolute;
    width: 562px;
    height: 143px;
    color: #748a9e;
    margin-left: -276px;
    font-size: 24px;
    top: 0%;
    font-weight: 500;
    left: 50%;
    opacity: 0;
    transition: all 1s;
    transform: scale(0.5, 0.5);
    -webkit-transform: scale(0.5, 0.5);
}
.section .t2{
   z-index: 10;
    position: absolute;
    text-indent: -9999px;
    width: 569px;
    background-repeat: no-repeat;
    height: 146px;
    margin-left: -286px;
    top: 0%;
    left: 50%;
    opacity: 0;
    transition: all 1s;
    transform: scale(0.5, 0.5);
    -webkit-transform: scale(0.5, 0.5);
}
.section .t4{
   background-image: url(/uploads/image/eimages/sbt.png);
    z-index: 10;
    position: absolute;
    width: 562px;
    height: 143px;
    color: #748a9e;
    margin-left: -100px;
    font-size: 24px;
    top: 0%;
    font-weight: 500;
    left: 50%;
    opacity: 0;
    transition: all 1s;
    transform: scale(0.5, 0.5);
    -webkit-transform: scale(0.5, 0.5);
}
.section .t4 p{
   text-align: center;
    margin-top: 170px;
    color: #fff;
}
.section .xian{
   background-image: url(/uploads/image/eimages/xian.png);
    z-index: 0;
    position: absolute;
    width: 1310px;
    height: 15px;
    color: #748a9e;
    margin-left: -34%;
    font-size: 24px;
    top: 65%;
    font-weight: 500;
    left: 50%;
    opacity: 0;
    transition: all 1s;
    transform: scale(0.5, 0.5);
    -webkit-transform: scale(0.5, 0.5);
}
.p1{
   position: absolute;
    margin-top: 65px;
    width: 454px;
    height: 454px;
    color: #727f8c;
    margin-left: -235px;
    font-size: 16px;
    top: 19.5%;
    left: 50%;
    opacity: 0;
    transition: all 1s;
}
.p_1{
   position: absolute;
    margin-top: 100px;
    width: 366px;
    height: 366px;
    color: #727f8c;
    margin-left: -190px;
    font-size: 16px;
    top: 21%;
    left: 50%;
    opacity: 0;
    transition: all 1s;
}
.p_2{
   position: absolute;
    margin-top: 80px;
    width: 420px;
    height: 420px;
    color: #727f8c;
    margin-left: -220px;
    font-size: 16px;
    top: 20%;
    left: 50%;
    opacity: 0;
    transition: all 1s;
}
.p4{
   background-image: url(/uploads/image/eimages/nfg.png);
    position: absolute;
    width: 14px;
    height: 374px;
    color: #727f8c;
    font-size: 16px;
    top: 23%;
    left: 50%;
    opacity: 0;
    transition: all 1s;
}
.p5{
   background-image: url(/uploads/image/eimages/bg31.png);
    position: absolute;
    width: 14px;
    height: 374px;
    color: #727f8c;
    font-size: 16px;
    top: 15%;
    left: 50%;
    opacity: 0;
    transition: all 1s;
}
.section2 .t2{
   background-image: url(/uploads/image/eimages/t2.png);
}
.section3 h3{
   background-image: url(/uploads/image/eimages/t3.png);
}
.section4 h3{
   background-image: ;
}
.section5 h3{
   background-image: url(/uploads/image/eimages/t5.png);
}
.section6 strong{
   width: 561px;
    margin-left: -280px;
}
.section6 h3{
   background-image: ;
    width: 561px;
    margin-left: -280px;
}
.section7 strong{
   width: 561px;
    margin-left: -280px;
}
.section7 h3{
   background-image: ;
    width: 561px;
    margin-left: -280px;
}
.section8 strong{
   width: 561px;
    margin-left: -280px;
}
.section8 h3{
   background-image: ;
    width: 561px;
    margin-left: -280px;
}
.section9 strong{
   width: 609px;
    margin-left: -304px;
}
.section9 h3{
   background-image: ;
    width: 609px;
    margin-left: -304px;
}
.section9 h3 span{
   background-image: ;
    position: absolute;
    width: 89px;
    height: 90px;
    top: -48px;
    left: -100px;
}
.bg31{
   background-image: url(/uploads/image/eimages/bg31.png);
    position: absolute;
    width: 14px;
    bottom: 7%;
    margin-bottom: 80px;
    height: 374px;
    left: 50%;
    opacity: 0;
    transition: all 1s;
}
.bg32{
   position: absolute;
    width: 892px;
    bottom: 0px;
    background: url(/uploads/image/eimages/bg32.png) no-repeat 470px bottom;
    height: 472px;
    margin-left: -396px;
    left: 50%;
    opacity: 0;
    transition: all 1s;
}
.bg33{
   position: absolute;
    width: 462px;
    bottom: 0px;
    background: url(/uploads/image/eimages/zzry.png) no-repeat;
    height: 83px;
    margin-left: 50%;
    left: 50%;
    opacity: 0;
    transition: all 1s;
}
.p3{
   position: absolute;
    margin-top: 150px;
    width: 595px;
    background: url(/uploads/image/eimages/hzhb.png) no-repeat;
    height: 228px;
    color: #fffde1;
    margin-left: -100%;
    font-size: 16px;
    top: 25%;
    left: 50%;
    opacity: 0;
    transition: all 1s;
}
.bg33_bt{
   position: absolute;
    width: 176px;
    bottom: 20%;
    background: url(/uploads/image/eimages/ry.png) no-repeat;
    height: 30px;
    margin-left: 50%;
    left: 50%;
    opacity: 0;
    transition: all 1s;
}
.p3_bt{
   position: absolute;
    margin-top: 120px;
    width: 178px;
    background: url(/uploads/image/eimages/hz.png) no-repeat;
    height: 31px;
    color: #fffde1;
    margin-left: -100%;
    font-size: 16px;
    top: 17%;
    left: 50%;
    opacity: 0;
    transition: all 1s;
}
#box_news{
   width: 700px;
    height: 310px;
}
.bg42{
   position: absolute;
    width: 700px;
    height: 310px;
    top: 25%;
    right: -650px;
    margin-right: -250px;
    transition: all 1s;
}
.bg43{
   position: absolute;
    width: 100%;
    bottom: -449px;
    margin-bottom: -130px;
    background:  no-repeat 50% 0px;
    height: 449px;
    transition: all 1s;
}
.bg51{
   z-index: 1;
    position: absolute;
    text-align: center;
    width: 150px;
    bottom: 20%;
    color: #fff;
    padding-top: 80px;
    left: 50%;
    transition: all 0.5s;
}
.bg52{
   z-index: 1;
    position: absolute;
    text-align: center;
    width: 150px;
    bottom: 20%;
    color: #fff;
    padding-top: 80px;
    left: 50%;
    transition: all 0.5s;
}
.bg53{
   z-index: 1;
    position: absolute;
    text-align: center;
    width: 150px;
    bottom: 20%;
    color: #fff;
    padding-top: 80px;
    left: 50%;
    transition: all 0.5s;
}
.bg54{
   z-index: 1;
    position: absolute;
    text-align: center;
    width: 150px;
    bottom: 20%;
    color: #fff;
    padding-top: 80px;
    left: 50%;
    transition: all 0.5s;
}
.section5 h4{
   margin-bottom: 12px;
    font-size: 16px;
    font-weight: 500;
}
.section5 p{
   font-size: 14px;
}
.bg51{
   background: url(/uploads/image/eimages/bg51.png) no-repeat 50% 0px;
    margin-left: -851px;
    opacity: 0;
    transition: all 1s;
}
.bg51:hover{
   background: url(/uploads/image/eimages/bg51h.png) no-repeat 50% 0px;
    margin-left: -851px;
    transition: all 1s;
    transform: scale(1.1);
}
.bg52{
   background: url(/uploads/image/eimages/bg52.png) no-repeat 50% 0px;
    margin-left: -403px;
    opacity: 0;
    transition: all 1s;
}
.bg52:hover{
   background: url(/uploads/image/eimages/bg52h.png) no-repeat 50% 0px;
    margin-left: -851px;
    transition: all 1s;
    transform: scale(1.1);
}
.bg53{
   background: url(/uploads/image/eimages/bg53.png) no-repeat 50% 0px;
    margin-left: 195px;
    opacity: 0;
    transition: all 1s;
}
.bg53:hover{
   background: url(/uploads/image/eimages/bg53h.png) no-repeat 50% 0px;
    margin-left: -851px;
    transition: all 1s;
    transform: scale(1.1);
}
.bg54{
   background: url(/uploads/image/eimages/bg54.png) no-repeat 50% 0px;
    margin-left: 645px;
    opacity: 0;
    transition: all 1s;
}
.bg54:hover{
   background: url(/uploads/image/eimages/bg54h.png) no-repeat 50% 0px;
    margin-left: -851px;
    transition: all 1s;
    transform: scale(1.1);
}
.bg61{
   position: absolute;
    width: 205px;
    background: url(/uploads/image/eimages/bg61.png) no-repeat 50% 0px;
    height: 377px;
    margin-left: -300px;
    top: -454px;
    left: 50%;
    transition: all 1s;
}
.bg62{
   background-image: url(/uploads/image/eimages/bg62.png);
    position: absolute;
    width: 295px;
    bottom: 50%;
    height: 124px;
    margin-left: -507px;
    left: 10%;
    transition: all 1s;
}
.txt6{
   position: absolute;
    width: 447px;
    bottom: 60%;
    margin-left: 1%;
    left: 90%;
    opacity: 0;
    transition: all 1s;
}
.txt6 p{
   margin-bottom: 17px;
    color: #fff;
}
.ewm{
   background-image: url(/uploads/image/eimages/ewm.jpg);
    position: absolute;
    width: 87px;
    bottom: 60%;
    height: 87px;
    top: 53%;
    left: 90%;
    opacity: 0;
    transition: all 1s;
}
.ewm p{
   text-align: center;
    margin-top: 100px;
    color: #fff;
    font-size: 14px;
}
.txt7{
   position: absolute;
    width: 447px;
    bottom: 20%;
    background: url(/uploads/image/eimages/dz.png) no-repeat;
    margin-left: 90px;
    left: 90%;
    opacity: 0;
    transition: all 1s;
}
.txt7 p{
   margin-bottom: 17px;
    color: #fff;
    margin-left: 30px;
}
.bg71{
   position: absolute;
    width: 699px;
    bottom: -201px;
    background:  no-repeat 50% 0px;
    height: 201px;
    margin-left: -630px;
    left: 50%;
    opacity: 0;
    transition: all 1s;
}
.bg72{
   position: absolute;
    width: 182px;
    bottom: -206px;
    background:  no-repeat 50% 0px;
    height: 206px;
    margin-left: -170px;
    left: 50%;
    opacity: 0;
    transition: all 1s;
}
.bg73{
   position: absolute;
    width: 651px;
    bottom: 170px;
    background:  no-repeat 50% 0px;
    height: 231px;
    margin-left: -530px;
    left: 50%;
}
.bg74{
   position: absolute;
    width: 100%;
    bottom: 0px;
    height: 100%;
    left: 0px;
}
.bg74 img{
   position: absolute;
    width: 100%;
    bottom: 0px;
    height: 251px;
    left: 0px;
}
.txt7{
   position: absolute;
    width: 520px;
    bottom: -150px;
    margin-left: 1%;
    left: 50%;
    opacity: 0;
    transition: all 1s;
}
.txt7 p{
   margin-top: -5px;
    margin-bottom: 17px;
    color: #eaeff2;
    margin-left: 30px;
}
.txt8{
   position: absolute;
    width: 520px;
    bottom: -150px;
    background: url(/uploads/image/eimages/asd.png) no-repeat;
    margin-left: 1%;
    left: 50%;
    opacity: 0;
    transition: all 1s;
}
.txt8 p{
   margin-top: -2px;
    margin-bottom: 15px;
    color: #eaeff2;
    margin-left: 30px;
}
.txt9{
   position: absolute;
    width: 520px;
    bottom: -150px;
    background: url(/uploads/image/eimages/yy.png) no-repeat;
    margin-left: 1%;
    left: 50%;
    opacity: 0;
    transition: all 1s;
}
.txt9 p{
   margin-top: -8px;
    margin-bottom: 25px;
    color: #eaeff2;
    margin-left: 30px;
}
.txt10{
   position: absolute;
    width: 520px;
    bottom: -150px;
    background: url(/uploads/image/eimages/gfd.png) no-repeat;
    margin-left: 1%;
    left: 50%;
    opacity: 0;
    transition: all 1s;
}
.txt10 p{
   margin-top: -5px;
    margin-bottom: 20px;
    color: #eaeff2;
    margin-left: 30px;
}
.txt11{
   position: absolute;
    width: 520px;
    bottom: -150px;
    background: url(/uploads/image/eimages/cz.png) no-repeat;
    margin-left: 1%;
    left: 50%;
    opacity: 0;
    transition: all 1s;
}
.txt11 p{
   margin-top: -5px;
    margin-bottom: 17px;
    color: #eaeff2;
    margin-left: 30px;
}
.txt12{
   position: absolute;
    width: 520px;
    bottom: -150px;
    background: url(/uploads/image/eimages/sj.png) no-repeat;
    margin-left: 1%;
    left: 50%;
    opacity: 0;
    transition: all 1s;
}
.txt12 p{
   margin-top: -5px;
    margin-bottom: 10px;
    color: #eaeff2;
    margin-left: 30px;
}
.txt13{
   position: absolute;
    width: 1200px;
    bottom: -150px;
    margin-left: 1%;
    left: 20%;
    opacity: 0;
    transition: all 1s;
}
.bg63{
   background-image: url(/uploads/image/eimages/bg63.png);
    position: absolute;
    width: 125px;
    bottom: -150px;
    height: 276px;
    margin-left: -260px;
    left: 50%;
    opacity: 0;
    transition: all 1s;
}
.copyright{
   position: absolute;
    text-align: center;
    width: 100%;
    bottom: 20px;
    font-size: 0px;
    left: 0px;
}
.copyright a{
   margin: 0px 7px;
    color: #a0a0a0;
    font-size: 12px;
}
.copyright span{
   margin: 0px 7px;
    color: #a0a0a0;
    font-size: 12px;
}
.active .yp_img{
   top: 30%;
    transition-delay: 0.7s;
}
.active .p22{
   opacity: 1;
    transition-delay: 1.8s;
    transition-duration: 0.7s;
}
.active strong{
   opacity: 1;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transition-delay: 0.7s;
}
.active .t2{
   opacity: 1;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transition-delay: 0.7s;
}
.active strong{
   opacity: 1;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transition-delay: 0.7s;
}
.active .t3{
   opacity: 1;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transition-delay: 0.7s;
}
.active strong{
   opacity: 1;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transition-delay: 0.7s;
}
.active .t4{
   opacity: 1;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transition-delay: 0.7s;
}
.active strong{
   opacity: 1;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transition-delay: 0.5s;
}
.active .xian{
   opacity: 1;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transition-delay: 0.5s;
}
.active .p1{
   opacity: 1;
    transition-delay: 0.7s;
}
.active .p_1{
   opacity: 1;
    transition-delay: 0.7s;
}
.active .p_2{
   opacity: 1;
    transition-delay: 0.7s;
}
.active .p4{
   opacity: 1;
    transition-delay: 1.7s;
}
.active .bg12{
   bottom: 90px;
    opacity: 1;
    transition-delay: 0.7s;
}
.active .bg13{
   left: 0%;
    transition-delay: 0.7s;
}
.active .hgroup{
   opacity: 1;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transition-delay: 0.7s;
}
.active .mail{
   top: 35%;
    transition-delay: 0.7s;
}
.active .p11{
   opacity: 1;
    transition-delay: 1.8s;
    transition-duration: 0.7s;
}
.active .more{
   bottom: -10%;
    opacity: 1;
    transition-delay: 1.5s;
    transition-duration: 1.3s;
}
.active .more1{
   bottom: 15%;
    opacity: 1;
    transition-delay: 1.5s;
    transition-duration: 1.3s;
}
.active .more2{
   bottom: 23%;
    opacity: 1;
    transition-delay: 1.5s;
    transition-duration: 1.3s;
}
.active .more3{
   bottom: 23%;
    opacity: 1;
    transition-delay: 1.5s;
    transition-duration: 1.3s;
}
.active .gif{
   bottom: 6%;
    opacity: 0.5;
    transition-delay: 1.2s;
    transition-duration: 1.3s;
}
.active .z1{
   opacity: 1;
    transition-delay: 1.8s;
    transition-duration: 0.7s;
}
.active .z2{
   opacity: 1;
    transition-delay: 2s;
    transition-duration: 0.7s;
}
.active .y1{
   opacity: 1;
    transition-delay: 2.2s;
    transition-duration: 0.7s;
}
.active .y2{
   opacity: 1;
    transition-delay: 2.4s;
    transition-duration: 0.7s;
}
.active .y3{
   opacity: 1;
    transition-delay: 2.6s;
    transition-duration: 0.7s;
}
.active .bg21{
   margin-left: -548px;
    opacity: 1;
    transition-delay: 1.9s;
}
.active .bg21_z2{
   margin-left: -618px;
    opacity: 1;
    transition-delay: 2.1s;
}
.active .bg23{
   bottom: 10%;
    opacity: 1;
    transition-delay: 1s;
}
.active .bg22{
   margin-left: -380px;
    opacity: 1;
    transition-delay: 2.3s;
}
.active .bg22_y2{
   margin-left: -330px;
    opacity: 1;
    transition-delay: 2.5s;
}
.active .bg22_y3{
   margin-left: -380px;
    opacity: 1;
    transition-delay: 2.7s;
}
.active .p3{
   margin-left: -670px;
    opacity: 1;
    transition-delay: 1s;
}
.active .bg31{
   opacity: 1;
    transition-delay: 1s;
}
.active .bg32{
   opacity: 1;
    transition-delay: 1s;
}
.active .bg33{
   bottom: 25%;
    margin-left: 80px;
    opacity: 1;
    transition-delay: 1s;
}
.active .p3_bt{
   margin-left: -250px;
    opacity: 1;
    transition-delay: 0.5s;
}
.active .bg33_bt{
   bottom: 43%;
    margin-left: 80px;
    opacity: 1;
    transition-delay: 0.5s;
}
.active .bg42{
   right: 25%;
    transition-delay: 1.1s;
}
.active .nbt{
   left: 23%;
    transition-delay: 0.7s;
}
.active .nk{
   opacity: 1;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transition-delay: 0.7s;
}
.active .bg51{
   margin-left: -220px;
    opacity: 1;
    transition-delay: 1s;
}
.active .bg52{
   margin-left: 25px;
    opacity: 1;
    transition-delay: 1s;
}
.active .bg53{
   margin-left: 250px;
    opacity: 1;
    transition-delay: 1s;
}
.active .bg54{
   margin-left: 480px;
    opacity: 1;
    transition-delay: 1s;
}
.active .bg61{
   top: 20%;
    transition-delay: 0.7s;
}
.active .bg62{
   left: 50%;
    opacity: 1;
    transition-delay: 0.7s;
}
.active .ewm{
   left: 78%;
    opacity: 1;
    transition-delay: 2.8s;
}
.active .txt6{
   left: 50%;
    opacity: 1;
    transition-delay: 0.7s;
}
.active .bg63{
   bottom: 1%;
    opacity: 1;
    transition-delay: 1.1s;
}
.active .txt7{
   bottom: 46%;
    opacity: 1;
    transition-delay: 1.3s;
}
.active .txt8{
   bottom: 40%;
    opacity: 1;
    transition-delay: 1.6s;
}
.active .txt9{
   bottom: 33%;
    opacity: 1;
    transition-delay: 1.8s;
}
.active .txt10{
   bottom: 29%;
    opacity: 1;
    transition-delay: 2s;
}
.active .txt11{
   bottom: 24%;
    opacity: 1;
    transition-delay: 2.2s;
}
.active .txt12{
   bottom: 20%;
    opacity: 1;
    transition-delay: 2.4s;
}
.active .txt13{
   bottom: 0px;
    opacity: 1;
    transition-delay: 2.6s;
}