html,body,h1,h2,h3,h4,h5,h6,p,q,form,fieldset,figure,iframe,button,input,textarea,dl,ol,ul,li,dt,dd,hr,th,td { margin: 0; padding: 0; }
body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { font-size: 100%; font: inherit; vertical-align: baseline; }
iframe,td,th,table,legend,audio,video,img{ border: none; }
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section { display: block; }

body { font-family:"Microsoft YaHei", \5FAE\8F6F\96C5\9ED1;height: 100%; }
html{height: 100%;}
ul, ol { list-style: none; }
area,a,a code { outline:none; }
.page_header{
    position: relative;
    z-index: 2;
}
a{ text-decoration:none; }
.fl{ float:left; }
.fr{ float:right; }
.clr{ width:auto; height:1px; margin-top:-1px; overflow:hidden; clear:both; display:block; }

.clear { clear:both; }
.content_box{ height: 100%; position: relative; width: 1198px; margin: 0 auto; }
.team{ width: 1180px; margin: 0 auto; height: 80px; padding-top: 15px; font-size: 14px; color: #fff; text-align: center; line-height: 30px; position: absolute; bottom: 5px; }
.team span{ margin-right: 28px; }
.footer { line-height: 49px; height:49px; color: #fff; text-align:center; font-size:12px; background-color: #000; }
.con2_a1{ width: 271px; height: 271px; position: absolute; top: 0px; left: 0px; overflow: hidden; text-indent: -100px; }

.content1{
    width: 100%;
    height: 578px;
    background: url(../images/page1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    border-bottom: 5px solid #000;
}
.content1 p{
    position: absolute;
    left: 245px;
    bottom: 160px;
    width: 694px;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
}
.content_box{
    height: 100%;
    position: relative;
    width: 1180px;
    margin: 0 auto;
}
.content1 .content_box img{
    position: absolute;
}
.content1 .content_box img.xl1{
    width: 25%;
    left: 100px;
}
.content1 .content_box img.xl2{
    width: 25%;
    right: 100px;
}
.content1 .content_box img.title1{
    width: 45%;
    left: 50%;
    top:50%;
    margin-top:-280px ;
    margin-left: -270px;
}
.content1 .content_box img.page1-1{
    width: 80%;
    left: 50%;
    z-index: 999;
    bottom: -100px;
    margin-left: -480px;
}
.content1 .content_box img.logo{
    right: 195px;
    top:20px;
}
.content1 .content_box img.hua1{
    top:100px;
    left: 180px;
    width: 10%;
}
.content1 .content_box img.hua2{
    top:-50px;
    left: 300px;
    width: 10%;
    z-index: 1;
}
.content1 .content_box img.hua3{
    top:250px;
    right: 280px;
    width: 7%;
}
.zoomIn{
    -webkit-animation: zoomIn 1s ease 0s forwards;
}
.bounceIn{
    -webkit-animation: bounceIn 2s ease 0s forwards;
}
.fadeInbottom{
    -webkit-animation: fadeInbottom 2s ease 0s both;
}
.dd{
    -webkit-animation-name: shake-little;
    animation-name: shake-little;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-play-state: running;
    animation-play-state: running
}
@-webkit-keyframes fadeInbottom{
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@-webkit-keyframes shake-little {
    0% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg)  }
    2% {  -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)  }
    4% {  -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)  }
    6% {  -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)  }
    8% {  -webkit-transform: translate(0px, 0px) rotate(-0.5deg)  }
    10% {  -webkit-transform: translate(0px, -10px) rotate(-0.5deg)  }
    12% {  -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)  }
    14% {  -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)  }
    16% {  -webkit-transform: translate(0px, 0px) rotate(-0.5deg)  }
    18% {  -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)  }
    20% {  -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)  }
    22% {  -webkit-transform: translate(0px, -1px) rotate(-0.5deg)  }
    24% {  -webkit-transform: translate(0px, 0px) rotate(-0.5deg)  }
    26% {  -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)  }
    28% {  -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)  }
    30% {  -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)  }
    32% {  -webkit-transform: translate(0px, -1px) rotate(-0.5deg)  }
    34% {  -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)  }
    36% {  -webkit-transform: translate(0px, -1px) rotate(-0.5deg)  }
    38% {  -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)  }
    40% {  -webkit-transform: translate(0px, 0px) rotate(-0.5deg)  }
    42% {  -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)  }
    44% {  -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)  }
    46% {  -webkit-transform: translate(0px, 0px) rotate(-0.5deg)  }
    48% {  -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)  }
    50% {  -webkit-transform: translate(0px, 0px) rotate(-0.5deg)  }
    52% {  -webkit-transform: translate(0px, 0px) rotate(-0.5deg)  }
    54% {  -webkit-transform: translate(0px, 0px) rotate(-0.5deg)  }
    56% {  -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)  }
    58% {  -webkit-transform: translate(0px, -1px) rotate(-0.5deg)  }
    60% {  -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)  }
    62% {  -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)  }
    64% {  -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)  }
    66% {  -webkit-transform: translate(0px, 0px) rotate(-0.5deg)  }
    68% {  -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)  }
    70% {  -webkit-transform: translate(0px, -1px) rotate(-0.5deg)  }
    72% {  -webkit-transform: translate(0px, -1px) rotate(-0.5deg)  }
    74% {  -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)  }
    76% {  -webkit-transform: translate(0px, 0px) rotate(-0.5deg)  }
    78% {  -webkit-transform: translate(0px, -1px) rotate(-0.5deg)  }
    80% {  -webkit-transform: translate(0px, -1px) rotate(-0.5deg)  }
    82% {  -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)  }
    84% {  -webkit-transform: translate(-1px, 0px) rotate(-0.5deg)  }
    86% {  -webkit-transform: translate(0px, 0px) rotate(-0.5deg)  }
    88% {  -webkit-transform: translate(0px, 0px) rotate(-0.5deg)  }
    90% {  -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)  }
    92% {  -webkit-transform: translate(0px, 0px) rotate(-0.5deg)  }
    94% {  -webkit-transform: translate(0px, 0px) rotate(-0.5deg)  }
    96% {  -webkit-transform: translate(-1px, -1px) rotate(-0.5deg)  }
    98% {  -webkit-transform: translate(0px, 0px) rotate(-0.5deg)  }
}
@-webkit-keyframes zoomIn{
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes bounceIn {
    0%, 100%, 20%, 40%, 60%, 80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }
    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1);
    }
    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03);
    }
    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}
.content2{
    width: 100%;
    height: 1030px;
    background: url(../images/page2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    border-bottom: 5px solid #000;
}
.content2 img{
    position: absolute;
}
.content2 img:nth-child(1):hover,.content2 img:nth-child(2):hover,.content2 img:nth-child(3):hover,.content2 img:nth-child(4):hover,.content2 img:nth-child(5):hover{
    -webkit-animation-name: shake-little;
    animation-name: shake-little;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-play-state: running;
    animation-play-state: running
}
.content2 img:nth-child(1){
    left:175px;
    top:100px;
}
.content2 img:nth-child(2){
    left:175px;
    top:353px;
}
.content2 img:nth-child(3){
    left:560px;
    top:270px;
}
.content2 img:nth-child(4){
    left:90px;
    top:610px;
}
.content2 img:nth-child(5){
    left:720px;
    top:620px;
}
.content2 img:nth-child(6){
    left:590px;
    top:140px;
}
.content2 img:nth-child(7){
    left:25px;
    top:195px;
    opacity: 0;
}
.content2 img:nth-child(8){
    left:50%;
    bottom:30px;
    margin-left: -125px;
    opacity: 0;
}
.fadeInLeft{
    -webkit-animation: fadeInLeft 2s ease 0s both;
}
.fadeInbottom1{
    -webkit-animation: fadeInbottom1 2s ease 0s both;
}
@-webkit-keyframes fadeInLeft{
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@-webkit-keyframes fadeInbottom1{
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.content3{
    width: 100%;
    height: 942px;
    background: url(../images/page3.jpg);
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    border-bottom: 5px solid #000;
}
.content3 a{
    position: absolute;
}
.content3 a:nth-child(1){
    top:270px;
    left:90px;
}
.content3 a:nth-child(2){
    top:300px;
    left:50%;
    margin-left: -165px;
}
.content3 a:nth-child(3){
    top:270px;
    left:760px;
}
.content3 a p{
    position: absolute;
    color: #fff;
    width: 290px;
    margin-left: 20px;
    top:227px;
    display: none;
}
.content3 a:nth-child(2) p{
    top:235px;
}
.content3 a img{
    position: absolute;
}
.content3 a img:nth-child(2){
    display: none;
}
.content3 a:hover img:nth-child(2),.content3 a:hover p{
    display: block;
}
.content4{
    width: 100%;
    height: 890px;
    background: #fff;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    border-bottom: 5px solid #000;
}
.content4 img{
    position: absolute;
}
.content4 .content_box div{
    position: absolute;
    opacity: 0;
}
.content4 .content_box div a{
    position: absolute;
    width: 260px;
    color: #000;
}
.content4 .content_box div a h1{
    font-weight: bold;
}
.content4 .content_box div:nth-child(2){
    top:400px;
    left:-40px;
    -webkit-animation-delay: 0.2s;
}
.content4 .content_box div:nth-child(2) a{
    top:310px;
    left:275px;
}
.content4 .content_box div:nth-child(3){
    top:275px;
    left:160px;
    -webkit-animation-delay: 0.4s;
}
.content4 .content_box div:nth-child(3) a{
    top:255px;
    left:190px;
}
.content4 .content_box div:nth-child(4){
    top:80px;
    left:368px;
    -webkit-animation-delay: 0.6s;
}
.content4 .content_box div:nth-child(4) a{
    top:275px;
    left:260px;
    width: 200px;
}
.content4 .content_box div:nth-child(5){
    top:-130px;
    left:650px;
    -webkit-animation-delay: 0.8s;
}
.content4 .content_box div:nth-child(5) a{
    top:230px;
    left:200px;
    width: 155px;
}
.content4 .content_box div:nth-child(6){
    top:470px;
    left:565px;
    -webkit-animation-delay: 1s;
}
.content4 .content_box div:nth-child(6) a{
    top:220px;
    left:385px;
}
.content4 img:nth-child(1){
    top:55px;
    left:90px;
}
.content5{
    width: 100%;
    height: 890px;
    background: url('../images/page5.jpg');
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    border-bottom: 5px solid #000;
}
.content5 img{
    position: absolute;
}
.content5 .content_box div{
    position: absolute;
    opacity: 0;
}
.content5 .content_box div a{
    position: absolute;
    width: 170px;
    color: #000;
}
.content5 .content_box div a h1{
    font-weight: bold;
}
.content5 .title5{
    top:55px;
    left:680px;
}
.content5 .content_box div:nth-child(2){
    top:400px;
    left:90px;
    -webkit-animation-delay: 0.2s;
}
.content5 .content_box div:nth-child(2) a{
    top:215px;
    left:185px;
}
.content5 .content_box div:nth-child(3){
    top:-20px;
    left:180px;
    -webkit-animation-delay: 0.4s;
}
.content5 .content_box div:nth-child(3) a{
    top:100px;
    left:160px;
    width: 180px;
}
.content5 .content_box div:nth-child(4){
    top:390px;
    left:470px;
    -webkit-animation-delay: 0.6s;
}
.content5 .content_box div:nth-child(4) a{
    top:165px;
    left:137px;
    width: 150px;
}
.content5 .content_box div:nth-child(5){
    top:245px;
    left:545px;
    -webkit-animation-delay: 0.8s;
}
.content5 .content_box div:nth-child(5) a{
    top:130px;
    left:250px;
    width: 350px;
}
.content5 .content_box div:nth-child(6){
    top:490px;
    left:855px;
    -webkit-animation-delay: 1s;
}
.content5 .content_box div:nth-child(6) a{
    top:145px;
    left:-50px;
    width: 185px;
}
.content6{
    width: 100%;
    height: 890px;
    background: #fff;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    border-bottom: 5px solid #000;
}
.content6 img{
    position: absolute;
}
.content6 .content_box div{
    position: absolute;
    opacity: 0;
}
.content6 .content_box div a{
    position: absolute;
    width: 230px;
    color: #000;
}
.content6 .content_box div a h1{
    font-weight: bold;
}
.content6 .content_box div:nth-child(2){
    top:380px;
    left:0;
    -webkit-animation-delay: 0.2s;
}
.content6 .content_box div:nth-child(2) a{
    top:337px;
    left:242px;
}
.content6 .content_box div:nth-child(3){
    top:335px;
    left:250px;
    -webkit-animation-delay: 0.4s;
}
.content6 .content_box div:nth-child(3) a{
    top:190px;
    left:145px;
}
.content6 .content_box div:nth-child(4){
    top:-85px;
    left:300px;
    -webkit-animation-delay: 0.6s;
}
.content6 .content_box div:nth-child(4) a{
    top:255px;
    left:195px;
    width: 200px;
    z-index: 2;
}
.content6 .content_box div:nth-child(5){
    top:-85px;
    left:458px;
    -webkit-animation-delay: 0.8s;
}
.content6 .content_box div:nth-child(5) a{
    top:110px;
    left:430px;
    width: 145px;
}
.content6 .content_box div:nth-child(6){
    top:586px;
    left:565px;
    -webkit-animation-delay: 1s;
}
.content6 .content_box div:nth-child(6) a{
    top:160px;
    left:310px;
    width: 280px;
}
.content6 img:nth-child(1){
    top:55px;
    left:90px;
}
.content7{
    width: 100%;
    height: 590px;
    background: url('../images/page7.jpg');
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    border-bottom: 5px solid #000;
}
.content7 img.title7{
    width: 100%;
    margin-top:65px;
}
.content7 ul{
    position: absolute;
    top:100px;
    left: 50%;
    margin-left:-495px ;
}
.content7 ul li{
    float: left;
    margin-left: 10px;
}
.content7 .content_box{
    height:75%;
}
.nar{position: fixed;top: 200px;left: 55%;background: url("../images/ding.jpg") no-repeat;width: 74px;height: 370px;
    display: none;margin-left: 515px;}
.nar_fix{position: fixed;top: 210px;}
.nar a{width: 74px;display: block;background-position:1px -4px;}
.nar_a1{height: 95px;}
.nar_a2, .nar_a3,a.nar_a4,a.nar_a5,a.nar_a6{height: 55px;}