.l{float:left;}
.r{float:right;}
.overhide{overflow: hidden;}
.clearfix{zoom:1;}
.clearfix:after{content:"";display:block;height:0;visibility: hidden;clear: both;}
.guide{height:100%;}
.guidepage{
    position:absolute;z-index: 5;
    width:100%;
    text-align: center;
    bottom:20%;
}
.guidepage .panel{position:absolute;width:100%;top:50%;text-align: center;-webkit-transform: translateY(-50%);}
.guidepage .logo{width:248px;height:192px;margin:0 auto;overflow: hidden;}
.guidepage .title{margin-top:90px;}
.guidepage .lang{margin-top:150px;}
.guidepage .lang a{position:relative;display:inline-block;padding-right:25px;font-size:18px;margin:0 35px;background:url(../images/guide-lang.png) right center no-repeat;}
.guidepage .lang a:hover:after{content:"";position:absolute;bottom:0px;right:25px;display:block;width:80px;height:1px;background:#801504;}

.wrapper{min-width: 1200px;width:100%;margin:0 auto;}
.header{position:relative;height:110px;width:100%;max-width:1700px;margin:0 auto;z-index: 990;background:#FFF;}
.header .logo{float:left;width:98px;height:75px;margin-top:20px;}
.header .nav{float:right;padding-top:50px;}
.header .nav ul,
.header .nav ul li,
.header .nav .language{float:left;}
.header .nav .language{width:100px;height:34px;text-align:center;margin-right:0px;cursor: default;}
.header .nav .language dt{line-height:34px;font-size:14px;}
.header .nav .language dt:after{content:'';display:inline-block;width:16px;height:16px;padding-left:10px;margin-right:-20px;vertical-align:middle;background:url(../images/arrow-down.png) no-repeat center center;background-size:20px;}
.header .nav .language.active dt:after{background:url(../images/arrow-up.png) no-repeat center center;background-size:20px;}
.header .nav ul li{position:relative;height:34px;margin-right:50px;}
.header .nav ul li span a{
    display:block;padding:0 10px;border-top:1px solid #666;border-bottom:1px solid #666;line-height:32px;font-size:14px;text-align: center;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
}
.header .nav ul li span:hover a,
.header .nav ul li.on span a{background:#000;color:#FFF;border-color:#000;}
.hassub {position:relative;}
.hassub .sub{position:absolute;top:50px;left:50%;margin-left:-75px;width:120px;padding:2px 15px;background:#FFF;box-shadow:0 -1px 6px 2px rgba(0,0,0,0.1);display:none;}
.hassub .sub:before{content:"";display:block;position: absolute;top:-12px;left:50%;margin-left:-6px;width:0;height:0;border:6px solid transparent;border-bottom-color:#FFF;}
.hassub .sub a{display:block;margin:4px 0;line-height:28px;color:#000;background:#FFF;white-space: nowrap;overflow:hidden;}
.hassub .sub a.on,
.hassub .sub a:hover{font-weight:700;}
.language.hassub .sub{top:35px;width:56px;margin-left:-43px;}
.index-wp{position:absolute;top:0px;right:0;left:0;bottom:0;width:100%;min-height:800px;overflow: hidden;}
.flip-order{
    position: fixed;top:50%;right:20px;height:228px;margin-top:-114px;z-index:1100;
}
.flip-order span{position:relative;display:block;width:38px;height:38px;color:#dcdcdc;font-size:14px;text-align:center;line-height: 38px;cursor: pointer;}
.flip-order span:hover{font-weight: 700;}
.flip-order span.on{background:#7c1502;border-radius: 50%;font-weight: 700;}
.flip-order span.on:after{content:"";position:absolute;display:block;height:2px;width:50%;left:24px;top:29px;background:#000;}
.index-wp .page{position: relative;height:100%;max-width:1700px;margin:0 auto;background-color:#FFF;z-index: 999;box-sizing: border-box;}
.page1 .container{position:relative;top:110px;max-width:1700px;min-width:1280px;height:100%;margin:0 auto;max-height:800px;min-height:640px;overflow: hidden;}
.index-wp .page1 {z-index: 0;}
@media screen and (max-width: 1700px) {
    .index-wp .page1{
        padding:0 80px;
    }
    .page1 .container{
        min-width:0;
    }
    .index-wp .page1 .egtext{
        left:20px!important;
    }
}
.index-wp .page1 .egtext{position:absolute;display:block;top:50%;width:20px;height:501px;left:-40px;margin-top:-251px;background:url(../images/egtext.png) no-repeat;z-index:30;}
.page1 .pp{position:absolute;top:50%;left:50%;max-width:1700px;min-width:1280px;height:1000px;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.page1 .p1{width:1805px;height:1205px;background-position:center center;background-repeat:no-repeat;z-index: 1;}
.page1 .p2{width:1710px;height:830px;background:url(../images/page1-line.png) center center no-repeat;z-index: 2;}
.page1 .p2 .circle2{position:absolute;top:45px;left:410px;width:30px;height:30px;border-radius:50%;}
.page1 .p2 .circle2:after,
.page1 .p2 .circle2:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:#801504;z-index: 2;}
.page1 .p2 .circle2:after{
    -webkit-animation: circlescale 2s infinite;
}
.page1 .p2 .circle1{position:absolute;top: 210px;left: 1250px;width:50px;height:50px;border-radius:50%;}
.page1 .p2 .circle1:after,
.page1 .p2 .circle1:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:#FFF;z-index: 2;}
.page1 .p2 .circle1:before{opacity: 0.8;}
.page1 .p2 .circle1:after{
    -webkit-animation: circlescale 2s infinite;
}
@-webkit-keyframes circlescale{
    0%{
        -webkit-transform: scale(1);
        opacity: 1;
    }
    100%{
        -webkit-transform: scale(2);
        opacity: 0;
    }
}
@keyframes circlescale{
    0%{
        -webkit-transform: scale(1);
        opacity: 1;
    }
    100%{
        -webkit-transform: scale(2);
        opacity: 0;
    }
}
.page1 .p3{background:url(../images/page1-logo.png) center center no-repeat;z-index: 3;}
.page1 .mouse{
    position:absolute;left:50%;display:block;width:100%;max-width:1700px;min-width:1280px;height:20px;bottom:1%;z-index: 10;text-align: center;
    -webkit-transform:translateX(-50%);
}
.page1 .p1-item{
    position:absolute;top:0;left:0;right:0;bottom:0;background-repeat:no-repeat;background-position:center center;opacity:0;
    -webkit-transition:all 2s;
}
.page1 .p1-item.on{opacity:1;}
.page1.active .p1{
    -webkit-animation: page1scale 10s infinite;
}
@-webkit-keyframes page1scale{
    0%{
        -webkit-transform:scale(1) translate(-50%,-50%);
    }
    50%{
        -webkit-transform:scale(1.02) translate(-50%,-50%);
    }
    100%{
        -webkit-transform:scale(1) translate(-50%,-50%);
    }
}
@keyframes page1scale{
    0%{
        -webkit-transform:scale(1) translate(-50%,-50%);
    }
    50%{
        -webkit-transform:scale(1.02) translate(-50%,-50%);
    }
    100%{
        -webkit-transform:scale(1) translate(-50%,-50%);
    }
}
.page2{}
    
.page2 .bg{
    position: absolute;top:120px;right:0;left:0;bottom:120px;background-size:cover;background-position:center center;background-repeat:no-repeat;
}
.page2.active .bg{
    -webkit-animation: page2scale 10s infinite;
    -webkit-animation-delay: 0.8s;
}
.page2.unactive .bg{
    -webkit-animation:none;
    -webkit-animation-delay: 0s;
}
@-webkit-keyframes page2scale{
    0%{
        -webkit-transform:scale(1);
    }
    50%{
        -webkit-transform:scale(1.02);
    }
    100%{
        -webkit-transform:scale(1);
    }
}
@keyframes page2scale{
    0%{
        -webkit-transform:scale(1);
    }
    50%{
        -webkit-transform:scale(1.02);
    }
    100%{
        -webkit-transform:scale(1);
    }
}
.page2 .content{
    position:absolute;
    top:50%;
    left:50%;
    width:1060px;
    height:350px;
    padding:30px 20px;
    margin-top:-185px;
    margin-left:-550px;
    background:rgba(255,255,255,0.9);
    opacity: 0;
    overflow: hidden;
    z-index:2;
    -webkit-transition:all 2s;
    -webkit-transition-delay:0.5s;
}
.page2 .content h4{
    font-size:48px;line-height:60px;height:60px;font-family: Arial;
    -webkit-transform: translateY(100%);
    opacity: 0;
    -webkit-transition:all 2s;
    -webkit-transition-delay:1.5s;
}
.page2 .content h4 span{color:#801504;font-size:48px;}
.page2 .content .t{
    font-size:28px;
    -webkit-transform: translateY(100%);
    opacity: 0;
    -webkit-transition:all 2s;
    -webkit-transition-delay:2.5s;
}
.page2 .content .lbox{
    position: relative;
    float:left;
    width:50%;
    height:100%;
}
.page2 .content .rbox{
    margin-left:55%;
    height:100%;
}
.page2 .content .rbox video{
    margin-top:50px;
}
.page2 .content .ab{
    max-height:96px;overflow: hidden;
    margin-top:10px;
    padding-left:30px;font-size:16px;line-height:32px;
    -webkit-transform: translateY(100%);
    opacity: 0;
    -webkit-transition:all 2s;
    -webkit-transition-delay:3.5s;
}
.page2 .content .ab b{
    display:block;
    font-size:20px;
    font-weight:400;
}
.page2 .content .intro{
    display:block;margin-top:10px;padding-left:30px;padding-right:30px;font-size:12px;line-height:18px;color:#666;max-height:54px;overflow: hidden;
    -webkit-transform: translateY(100%);
    opacity: 0;
    -webkit-transition:all 2s;
    -webkit-transition-delay:4.5s;
}
.page2 .content .more{
    position: absolute;left:30px;bottom:30px;
    opacity: 0;
    -webkit-transition:all 2s;
    -webkit-transition-delay:5.5s;
}
.page2.active .content{
    opacity: 1;
}
.page2.active .content h4,
.page2.active .content .t,
.page2.active .content .intro,
.page2.active .content .ab,
.page2.active .content .more{
    -webkit-transform: translateX(0%);
    opacity: 1;
}
.page2.unactive .content,
.page2.unactive .content h4,
.page2.unactive .content .t,
.page2.unactive .content .intro,
.page2.unactive .content .ab,
.page2.unactive .content .more{
    -webkit-transition:all 0.5s;
    -webkit-transition-delay:0s;
}
.next,
.prev{position:relative;display:block;width:105px;height:33px;font-size:12px;line-height:32px;color:#000;}
.next:after,
.prev:after{
    position:absolute;content:"";top:50%;margin-top:-3px;display:block;width:12px;height:5px;
}
.next:after{
    right:0px;background:url(../images/s-arrow-r.png) no-repeat;
}
.next:hover:after{
    -webkit-animation:nhmove 0.5s infinite;
}
.prev:hover:after{
    -webkit-animation:phmove 0.5s infinite;
}
.prev:after{
    left:0px;background:url(../images/s-arrow-l.png) no-repeat;
}
.next{background:url(../images/next.png) no-repeat;}
.next span{display:block;padding-right:6px;text-align:center;}
.prev{background:url(../images/prev.png) no-repeat;}
.prev span{display:block;padding-left:6px;text-align:center;}
@-webkit-keyframes nhmove{
    0%{-webkit-transform: translateX(0);}
    50%{-webkit-transform: translateX(2px);}
    100%{-webkit-transform: translateX(0);}
}
@keyframes nhmove{
    0%{-webkit-transform: translateX(0);}
    50%{-webkit-transform: translateX(2px);}
    100%{-webkit-transform: translateX(0);}
}
@-webkit-keyframes phmove{
    0%{-webkit-transform: translateX(0);}
    50%{-webkit-transform: translateX(-2px);}
    100%{-webkit-transform: translateX(0);}
}
@keyframes phmove{
    0%{-webkit-transform: translateX(0);}
    50%{-webkit-transform: translateX(-2px);}
    100%{-webkit-transform: translateX(0);}
}

.page .grid{height:100%;width:100%;overflow: hidden;}
.page .grid li{
    float:left;width:50%;height:50%;
    -webkit-transition:all 1s;
}
.page .grid li .img{
    /* -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);    
    filter: grayscale(100%);	
    filter: gray; */
    -webkit-transition:all 2s;
    background-position:center center;
}
.page .grid li.img:hover{
    position:relative;
    z-index: 2;
    /* -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);    
    filter: grayscale(0%);	
    filter: none; */
    -webkit-transform:scale(1.1);
}
.page .grid li.text{position:relative;text-align:center;color:#FFF;background:#1a1a1a;}
.page .grid li.text div{    
    position: relative;top:50%;margin-top:-135px;
}
.page .grid li.text div a{
    display:block;color:#FFF;
}
.page .grid li.text h4{font-size: 36px;}
.page .grid li.text p{font-size:30px;}
.page .grid li.text span{display:inline-block;height:45px;padding-top:30px;font-size:30px;font-family: Simsun;}
.page .grid li.text em{
    position:relative;display:block;width:42px;height:42px;margin:50px auto 0;border-radius:50%;border:1px solid #FFF;cursor: pointer;   
}
.page .grid li.text em:after,
.page .grid li.text em:before{
    content:"";position:absolute;display:block;background:#FFF;-webkit-transition: all 0.5s;
}
.page .grid li.text em:hover:after,
.page .grid li.text em:hover:before {
    -webkit-transform:rotate(180deg);
}
.page .grid li.text em:after{top:11px;left:50%;height:20px;width:1px;}
.page .grid li.text em:before{left:11px;top:50%;width:20px;height:1px;}
/* .page3 .img1{background:url(../images/page3-1.jpg) no-repeat;}
.page3 .img2{background:url(../images/page3-2.jpg) no-repeat;}
.page4 .img1{background:url(../images/page4-1.jpg) no-repeat;}
.page4 .img2{background:url(../images/page4-2.jpg) no-repeat;}
.page5 .img1{background:url(../images/page5-1.jpg) no-repeat;}
.page5 .img2{background:url(../images/page5-2.jpg) no-repeat;} */
.page .grid li.img{background-size: cover;background-position:center center;}
.index-wp .page6{width:100%;max-width:100%;padding-bottom:250px;overflow:hidden;}
.page6 .container{position:absolute;width:100%;max-width:1700px;min-width:1280px;left:50%;top:0px;bottom:250px;-webkit-transform: translateX(-50%)}
.page6 .footer{position:absolute;bottom:0px;width:100%;height:250px;background:#212121;}
.page6 .footer .link{height:270px;font-size:16px;background:url(../images/pagecontact.jpg) center center no-repeat;}
.page6 .container .brand{position:relative;top:50%;height:500px;margin-top:-250px;}
.page6 .container .brand span{
    position:absolute;display:block;width:100%;max-width:1700px;left:50%;top:50%;text-align: center;
    -webkit-transform: translate(-50%,-50%);
}
.page6 .container .brand span img{
    width:90%;
    -webkit-transform:translateX(100%);
    -webkit-transition:all 3s;
}
.page6.active .container .brand span img{
    -webkit-transform:translateX(0%);
}
.page6.unactive .container .brand span img{
    -webkit-transform:translateX(100%);
}
.page6 .container .brand ul{width:100%;height:500px;}
.page6 .container .brand li{
    position:relative;float:left;width:33.33%;height:500px;box-sizing: border-box;text-align:center;
    -webkit-transform:translateY(100%);opacity: 0;
    -webkit-transition: all 3s;
}
.page6 .container .brand li .img,
.page6 .container .brand li em{-webkit-transition: all 1s;}
/* .page6 .container .brand li:hover .img{
    -webkit-transform: translateX(-30px);
}*/
.page6 .container .brand li:hover .img,
.page6 .container .brand li:hover em{
    -webkit-transform: translateX(-30px);
} 
.page6 .container .brand li:hover .img{
    /* -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);    
    filter: grayscale(0%);	 */
    filter: none;
}
.page6 .brand li:nth-child(1){
    -webkit-transition-delay:0s;
}
.page6 .brand li:nth-child(2){
    -webkit-transition-delay:0.5s;
}
.page6 .brand li:nth-child(3){
    -webkit-transition-delay:1s;
}
.page6.active .brand li:nth-child(1){
    opacity:1;
    -webkit-transform: translateY(0%);
}
.page6.active .brand li:nth-child(2){
    opacity:1;
    -webkit-transform: translateY(0%);
}
.page6.active .brand li:nth-child(3){
    opacity:1;
    -webkit-transform: translateY(0%);
}
.page6.unactive .brand li{
    opacity:0;
    -webkit-transform: translateY(100%);
    -webkit-transition-delay:0s;
}

.page6 .container .brand li img{width:357px;height:493px;max-width:357px;}
.page6 .container .brand li em{position: absolute;right:0px;bottom:0px;}
.page6 .container .brand li em img{width:155px;height:155px;}
.page6 .footer .link{padding-top:45px;text-align: center;color:#FFF;line-height:60px;}
.page6 .footer .link .info span{display:inline-block;margin:0 25px;padding-left:30px;line-height:24px;}
.page6 .footer .link .info span.addr{background:url(../images/addricon.png) no-repeat left center;}
.page6 .footer .link .info span.tel{background:url(../images/telicon.png) no-repeat left center;}
.page6 .footer .link .info span.email{background:url(../images/emailicon.png) no-repeat left center;}
.page6 .backup{position:relative;width:48px;height:48px;margin:20px auto;background: #801504;border-radius:50%;cursor: pointer;}
.page6 .backup span{position:relative;display: block;width:100%;height:100%;background:url(../images/uparrow.png) center center no-repeat;z-index: 10;}
.page6 .backup:after{
    content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:#801504;opacity: 0.6;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation: scaleBig 2s infinite;
}
@-webkit-keyframes scaleBig{
    0%{
        -webkit-transform:scale(1);
        opacity:0.6;
    }
    100%{
        -webkit-transform:scale(1.6);
        opacity:0;
    }
}
@keyframes scaleBig{
    0%{
        -webkit-transform:scale(1);
        opacity:0.6;
    }
    100%{
        -webkit-transform:scale(1.6);
        opacity:0;
    }
}
.main{padding-bottom:60px;margin-top:25px;max-width:1600px;}
.newspage{width:800px;min-width:800px;margin-top:60px;}
.newspage .newstitle{font-size:24px;font-weight:400;text-align: center;}
.newspage img{display:block;max-width:800px;margin:30px auto 20px;}
.newspage .news-content p{margin:20px 0 10px;text-indent: 2em;font-size:14px;}
.newspage .flip{margin:60px auto 30px;}
.newspage .flip .next{float:right;}
.deve{margin-top:25px;}
.devpic{width:100%;overflow: hidden;}
.main .devpic img{position:relative;left:50%;display:block;margin:0 auto;-webkit-transform:translateX(-50%);}
.deve .content{position:relative;margin-top:35px;padding-left:150px;overflow: hidden;}
.deve .content .pic1{float:left;margin-right:80px;margin-left:-150px;}
.deve .content .pic2{float:right;margin-top:-60px;}
.deve .content h4{font-size:18px;line-height:60px;font-weight:400;margin-top:10px;}
.deve .content strong{font-size:12px;display: block;}
.deve .content p{width:70%;margin-top:20px;color:#666;line-height:24px;max-height:72px;text-indent:2em;overflow: hidden;}
.deve .content .texts{position:absolute;bottom:100px;right:399px;}
.deve .content .next{position:absolute;bottom:0;left:150px;}
.contact{height:560px;margin-top:0px;padding-bottom:40px;overflow: hidden;}
.contact .contactbox{position:relative;padding-top:40px;min-width:1420px;}
.contactpic{width:100%;margin-top:25px;text-align:center;overflow: hidden;}
.bigtitle{font-size:72px;font-family: Arial;}
.bigtitle span{font-family: "Microsoft YaHei";}
.bigtitle60{font-size:60px;}
.bigtitle48{font-size:48px;}
.bigtitle i{color:#801504;font-style: normal;}
.bigtitle span{font-size:30px;display:block;margin-top:-10px;font-weight:400;}
.contactbox img{display:block;width:45%;padding-left:30px;padding-right:50px;box-sizing: border-box;}
.contactbox .way{position: absolute;right:0;top:-130px;width:890px;min-height:510px;padding-top:210px;background:url(../images/contact-map.png) right top no-repeat;}
.contactbox .way .icon{position:absolute;top:290px;left:50%;margin-left:-10px;width:20px;height:1px;background:#000;}
.contactbox .way .icon:before,
.contactbox .way .icon:after{position:absolute;content:"";display:block;width:40px;height:1px;background:#000;}
.contactbox .way .icon:before{top:-5px;left:-20px;}
.contactbox .way .icon:after{bottom:-6px;right:-20px;}
.contactbox .way .name{text-align: center;font-size:24px;}
.contactbox ul{padding-top:120px;overflow: hidden;padding-left:50px;text-align: center;}
.contactbox ul li{
    width:23%;height:150px;display:inline-block;text-align:left;margin-right:10px;box-sizing: border-box;border:1px solid transparent;overflow: hidden;
    -webkit-transition:all 0.6s;border-right: 1px solid;
}
.contactbox ul li .op{height:26px;margin:30px 0 20px;text-align: right;font-size:30px;line-height:24px;padding-right:20px;}
.contactbox ul li:hover{
    border-color:#000;
}
.contactbox ul li:hover .op:after{content:"+";float:right;}
.contactbox ul li .op.addr{background:url(../images/contact-addr.png) left center no-repeat;}
.contactbox ul li .op.tel{background:url(../images/contact-tel.png) left center no-repeat;}
.contactbox ul li .op.email{background:url(../images/contact-email.png) left center no-repeat;}
.contactbox ul li p{font-size:18px;}
.contactbox ul li span{font-size:14px;color:#666;}
.contactbox ul li .link{
    display: block;height:100%;padding-left:35px;background:rgba(255,255,255,0);
    overflow: hidden;
}

.parterner .container{position: relative;max-width:1500px;margin:0 auto;}
.parterner .container ul{padding:1px;overflow: hidden;}
.parterner .container ul li{position:relative;float:left;width:20%;height:135px;border:1px solid #ddd;margin-top:-1px;margin-left:-1px;text-align:center;box-sizing:border-box;z-index: 3;background:#FFF;}
.parterner .container ul li.big{width:60%;z-index: 1;border:0;}
.parterner .container ul li.big + li{margin-left:-3px;}
.parterner .container ul li:before{content:"";display:inline-block;height:100%;width:1px;vertical-align: middle;margin-left:-1px;}
.parterner .container ul li img{
    vertical-align: middle;max-width:90%;max-height:90%;
    -webkit-transition: all 1s;
}
.parterner .container ul li:hover img{
    -webkit-transform: scale(1.2);
    z-index:11;
}
.parterner .container ul li{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);    
    filter: grayscale(100%);	
    filter: gray;
    -webkit-transition:all 1s;
}
.parterner .container ul li:hover{
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);    
    filter: grayscale(0%);	
    filter: none;
    z-index:10;
}
.parterner .container .cover{
    position:absolute;top:50%;left:50%;margin-top:-295px;margin-left:-32%;width:64%;height:590px;border:1px solid #000;background:#FFF;z-index: 10;text-align: center;opacity:0;
    -webkit-transition:all 0.3s;
}
.parterner .container .cover .logo{
    display:block;margin:80px auto 20px;opacity: 0;
    -webkit-transition:all 0.6s;
    -webkit-transition-delay:0.3s
}
.parterner .container .cover h2{
    font-size:60px;font-weight:400;opacity: 0;
    -webkit-transform:translateY(100px);
    -webkit-transition:all 0.6s;
    -webkit-transition-delay:1s
}
.parterner .container .cover p{
    font-size:26px;line-height:3em;font-family: Corbel, Arial, "Microsoft Yahei",Simsun;opacity: 0;
    -webkit-transform:translateY(100px);
    -webkit-transition:all 0.6s;
    -webkit-transition-delay:1.7s
}
.parterner .container .cover div{
    margin-top:0px;opacity: 0;
    -webkit-transform:translateY(100px);
    -webkit-transition:all 0.6s;
    -webkit-transition-delay:2.3s
}
.parterner .container .cover em{
    font-size:18px;font-style:normal;opacity: 0;
    -webkit-transform:translateY(100px);
    -webkit-transition:all 0.6s;
    -webkit-transition-delay:2.9s;
}
.page-animation .parterner .container .cover,
.page-animation .parterner .container .cover .logo,
.page-animation .parterner .container .cover h2,
.page-animation .parterner .container .cover p,
.page-animation .parterner .container .cover div,
.page-animation .parterner .container .cover em{
    opacity:1;
    -webkit-transform: translate(0,0);
}

.newscenter .container{position: relative;}
.newscenter .container .lastest{position:relative;float:left;width:780px;height:350px;}
.newscenter .container .lastest .bg{display:block;position: absolute;top:-50px;left:20px;width:100%;height:100%;background:url(../images/newscenter-l-bg.jpg) right top no-repeat;background-size:contain;}
.newscenter .container .lastest h4,
.newscenter .container .lastest a,
.newscenter .container .lastest p{position: relative;z-index: 3;max-width:50%;}
.newscenter .container .lastest a{color:#666;}
.newscenter .container .lastest h4{font-size:18px;margin-top:90px;height:28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newscenter .container .lastest p{margin-top:10px;font-size:14px;line-height:26px;max-height:78px;color:#666;overflow: hidden;}
.newscenter .container .lastest .next{margin-top:10px;}
.newscenter .container .lastest p:after{content:"...";}
.newscenter .container .newslists{margin-left:900px;position:relative;top:-100px;overflow: hidden;}
.newscenter .container .newslists ul{display:none;}
.newscenter .container .newslists ul:first-child{display: block;}
.newscenter .container .newslists li{
    position: relative;margin-bottom:80px;padding-right:100px;padding-left:60px;
    -webkit-transform:translateX(50%);opacity: 0;
    -webkit-transition: all 0.5s;
}
.newscenter .container .newslists li:nth-child(1){
    -webkit-transition-delay:0;
}
.newscenter .container .newslists li:nth-child(2){
    -webkit-transition-delay:0.3s;
}
.newscenter .container .newslists li:nth-child(3){
    -webkit-transition-delay:0.6s;
}
.page-animation .newscenter .container .newslists li{
    -webkit-transform:translateX(0%);opacity: 1;
}
.newscenter .container .newslists li:before,
.newscenter .container .newslists li:after{position: absolute;left:0px;content:"";display:block;height:1px;background:#000;}
.newscenter .container .newslists li:before{top:11px;width:40px;}
.newscenter .container .newslists li:after{top:15px;width:20px;}
.newscenter .container .newslists h5{display:inline-block;font-size:12px;border:1px solid #000;height:24px;max-width:60%;line-height:24px;padding:0 20px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
.newscenter .container .newslists p{padding-top:10px;color:#666;line-height:24px;max-height:48px;overflow: hidden;}
.newscenter .container .newslists li .date{position:absolute;top:0;right:0;width:96px;color:#666;text-align: center;overflow: hidden;}
.newscenter .container .newslists li .date span{font-size:24px;}
.newscenter .container .newslists li .date em{font-size:48px;line-height:50px;display: block;font-style: normal;}
.newscenter .container .newslists .order{position: absolute;bottom:0;right:0;}
.lists-order i{display:inline-block;width:8px;height:8px;margin:0 2px;border-radius:50%;background:#FFF;border:1px solid #000;cursor: default;}
.lists-order  i.on{background:#000;}

.about .content{max-width:1400px;min-width:1200px;margin:65px auto 0;}
.about .content .thumb{float:left;width:456px;height:480px;}
.about .content .thumb .preview{position:relative;width:456px;height:340px;background:#000;overflow: hidden;}
.about .content .thumb .preview img{width:100%;height:100%;}
.play{position:absolute;top:50%;left:50%;margin-top:-39px;margin-left:-39px;width:78px;height:78px;display:block;background:url(../images/startbtn.png) center center no-repeat;}
.movelist{position:relative;}
.movelist .btn{position:absolute;display:block;height:100%;width:15px;}
.movelist .btn.prev-btn{left:-30px;background:url(../images/move-prev.png) center center no-repeat;}
.movelist .btn.next-btn{right:-30px;background:url(../images/move-next.png) center center no-repeat;}
.movelist .lists{overflow: hidden;}
.movelist .lists ul{width:10000px;overflow: hidden;}
.gray,
.movelist .lists ul li img{
	width:100%;height:100%;
    /* -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);    
    filter: grayscale(100%);	
    filter: gray; */
    -webkit-transition:all 1s;
}
.movelist .lists ul li.on img,
.movelist .lists ul li:hover img{
    /* -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);    
    filter: grayscale(0%);	
    filter: none; */
}
.movelist .lists ul li{position:relative;float:left;width:146px;height:130px;margin-right:9px;overflow: hidden;}
.movelist .lists ul li:last-child{margin-right:0;}
/* .movelist .lists ul li:hover img{
    -webkit-transform:scale(1.2)
} */
.about .content .thumb .min{margin-top:10px;}
.about .content .thumb .min .lists{width:456px;height:130px;overflow: hidden;}
.about .content .thumb .min .lists ul li{width:146px;height:130px;}
.about .content .thumb .min .prev-btn{left:-30px;}
.about .content .thumb .min .next-btn{right:-30px;}

.about .content .intro{margin-left:590px;}
.about .content .intro .g{font-size:18px;margin:30px 0;}
.about .content .intro .t{font-size:14px;color:#666;}
.about .content .intro .bigtitle,
.about .content .intro .g,
.about .content .intro .t{
    -webkit-transform:translateY(-50%);
    opacity: 0;
    -webkit-transition:all 0.4s;
}
.about .content .intro .bigtitle{
    -webkit-transition-delay:0.4s;
}
.about .content .intro .g{
    -webkit-transition-delay:1s;
}
.about .content .intro .t{
    -webkit-transition-delay:1.6s;
}
.page-animation .about .content .intro .bigtitle,
.page-animation .about .content .intro .g,
.page-animation .about .content .intro .t{
    -webkit-transform:translateY(0);
    opacity: 1;
}

.factory,
.technology,
.accessories{max-width:1500px;margin:25px auto 0;}
.factory .aboutmedia{position:relative;float:left;width:600px;height:410px;margin-top:50px;}
.factory .aboutmedia:before{content:"";position:absolute;height:80%;top:10%;right:0;width:80%;background:#FFF;z-index: 2;}
.factory .aboutmedia:after{content:"";display:block;position:absolute;top:0;left:0;width:50%;height:100%;box-sizing:border-box;border:1px solid #000;}
.factory .aboutmedia .video{position:absolute;top:50%;margin-top:-115px;left:100px;width:380px;height:230px;z-index: 19;background: #000;cursor: pointer;}
.factory .aboutmedia .video video{width:100%;height:100%;}
.factory .aboutmedia .video:after{content:"";position:absolute;top:50%;left:50%;margin-top:-39px;margin-left:-39px;width:78px;height:78px;display:block;background:url(../images/startbtn.png) center center no-repeat;}
.factory .aboutmedia .playing.video:after{display:none;}
.factory .aboutmedia .playing.video{cursor: default;}
.factory .text{margin-left:540px;padding-top:50px;}

.hastext .text h5{font-size:18px;font-weight: 400;}
.hastext .text strong{display:block;color:#666;font-size:14px;}
.hastext .text p{font-size:14px;color:#666;}
.hastext .text .info{position:relative;margin-top:30px;}
.hastext .text .info p{margin-top:20px;text-indent: 2em;}

.factory .text .info .next{margin-top:30px;}
.factory .text .info .movelist{width:456px;float:right;margin-right:20px;}
.factory .another .text{margin-left:0;padding-left:60px;padding-right:30%;}
.technology .content,
.accessories .content{width:1110px;margin:1px auto 0;}
.accessories .picbox{margin-top:40px;}
.accessories .pic-item .picbox{display:none;}
.picbox{overflow: hidden;}
.picbox ul{overflow: hidden;margin-right:-60px;}
.picbox li {position:relative;float:left;width:330px;margin-right:60px;text-align: center;}
.picbox li .t{display:block;font-size:14px;padding:20px 0;}
.picbox li .item{position:relative;height:200px;width:330px;}
.picbox li .item img{width:330px;height:200px;}
.picbox li .item:after{content:"";display:block;position:absolute;top:50%;left:50%;margin-top:-22px;margin-left:-22px;width:44px;height:44px;background:url(../images/addicon.png) center center no-repeat;opacity: 0;
-webkit-transition:all 0.3s;
}
.picbox li:hover .item:after{
    opacity: 1;
    -webkit-transform: rotate(90deg);    
}
.picbox li .item{
    cursor: pointer;
    /* -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);    
    filter: grayscale(100%);	
    filter: gray; */
    -webkit-transition:all 0.5s;
}
.picbox li:hover .item{
    /* -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);    
    filter: grayscale(0%);	
    filter: none; */
}
.picbox li .item img{
    -webkit-transition:all 0.5s;
}
.picbox li:hover .item img{
    -webkit-transform:scale(1.1);
}
.technology .content .tab{
    text-align: right;
    height:28px;
    line-height:28px;
}
.technology .content .tab a{font-size:20px;display:inline-block;margin-left:20px;}
.technology .content .tab a.on{font-size:18px;}
.technology .picbox ul:nth-child(n+2){display: none;}
.technology .picbox li{margin-top:20px;}
.technology .lists-order{float:right;margin:30px 0 0; }
.popu .pagination{
    position:absolute;width:100%;color:#000;font-size:14px;text-align: center;z-index:40;
}
.popu .pagination b{font-size:18px;}
.map{width:1700px;max-width:1700px;}
.map .content{position:relative;height:880px;padding-bottom:120px;box-sizing: border-box;}
.map .content .arealine{position:absolute;bottom:0;left:0;right:0;height:100px;}
.map .content .mapbox{float:left;}
.map .content .area,
.map .content .area .mapbox{height:100%;}
.map .content .arealine li{float:left;width:11.11%;height:35px;padding:0 18px;border:1px solid #9f9f9f;border-top-color:#FFF;margin-left:-1px;box-sizing: border-box;font:400 24px/32px Arial;cursor: pointer;}
.map .content .arealine li span{display:block;margin-top:10px;font-size:12px;font-family: "Microsoft Yahei";line-height:20px;}
.map .content .arealine li.on{font-size:36px;}
.map .mapbox{width:1085px;}
.map .mpl{float:left;width:305px;height:100%;background:url(../images/map-l.jpg) center bottom no-repeat;}
.map .mapx{
    position: relative;float:left;width:780px;height:100%;overflow: hidden;
}
.map2.map .mapx{overflow: visible;}
.map .mapx .point{
    position:absolute;
    top:0;
    -webkit-transition: all 0.5s;
}
.map.map2 .mapx .point{
    left:0;
}
.map .mapx .point{
    left:-270px
}
.map .mapx .m{
    position:absolute;width:780px;height:760px;background:url(../images/map-big.jpg) -270px 0px no-repeat;overflow: hidden;
    -webkit-transition:all 0.5s;
}
.map.map2 .mapx .m{
    background-position: 0 0;
}
.map .mapx .m img{
    width:100%;
    opacity: 0;
    -webkit-transition:all 0.5s;
}
.map.map2 .mapx .m{
    width:1395px;
}
.map.map2 .mapx .m img{
    opacity: 1;
}
.map.map2 .info{
    opacity: 0;width:0;
}
.map .info{
    position:relative;float:left;width:615px;height:100%;padding-top:80px;box-sizing: border-box;opacity: 1;z-index:3;
    -webkit-transition:all 0.5s;
}
.map .info .inner{position:relative;width:615px;height:100%;}
.map .info .company-detail{
    position:absolute;top:0;right:20px;width:65px;height:52px;background:url(../images/view-company.jpg) no-repeat;
}
.map .info .company-detail:after{position:absolute;content:"";top:50%;margin-top:-3px;display:block;width:12px;height:5px;right:5px;background:url(../images/s-arrow-r.png) no-repeat;}
.map .info .company-detail:hover:after{
    -webkit-animation: nhmove 0.5s infinite;
}
.map .companyitem{display: none;width:615px;position:absolute;width:100%;height:100%;top:0;left:0;}
.companyname{position:relative;height:180px;z-index:10;}
.companyname h4{position:absolute;top:-20px;right:100px;min-width:700px;font-size:50px;font-weight:400;/*font-family: Simsun;*/line-height:1.2;white-space:nowrap;}
.companyname h4 span{display:block;}
.map .companyitem .movelist{float: left;margin-left:70px;}
.map .detail{padding-left:70px;height:330px;overflow: hidden;}
.map .detail .size{height:90px;border-top:1px solid #000;border-bottom:1px solid #000;font-size:14px;/*line-height:90px;*/display:table-cell;vertical-align:middle;}
.map .detail .intro{margin:10px 0 15px;color:#666;max-height:178px;font-size:14px;line-height:28px;overflow: hidden;}
.map .detail .intro em{font-style: normal;color:#000;}
.map .detail .intro span{font-size:18px;color:#000;}
.map .movelist{width:456px;float: right;margin-top:40px;margin-right:100px;}
.map .mapx span{
    position: absolute;display:block;width:10px;height:10px;cursor: pointer;
    -webkit-transition: all 0.5s;
}
.map .mapx span i{
    position:absolute;left:20px;top:50%;margin-top:-13px;padding:4px 10px;white-space: nowrap;color:#FFF;background:#67271d;font-style: normal;opacity: 0;
    -webkit-transition: all 0.5s;
}
.map .mapx span:before,
.map .mapx span:after{
    content:"";display:block;position: absolute;width:100%;height:100%;border-radius: 50%;box-sizing: border-box;
}
.map .mapx span:before{background:#67271d;z-index:2;}
.map .mapx span:after{
    border:1px solid #67271d;opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation:mapdot 3s infinite;
}
@-webkit-keyframes mapdot{
    0%{
        opacity: 1;
        -webkit-transform: scale(1);
    }
    100%{
        opacity: 0;
        -webkit-transform: scale(2.3);
    }
}
@keyframes mapdot{
    0%{
        opacity: 1;
        -webkit-transform: scale(1);
    }
    100%{
        opacity: 0;
        -webkit-transform: scale(2.3);
    }
}
.map2.map .mapx{
    z-index: 100;
}
.map .mapx span.on{
    z-index:20;
}
.map .mapx span.on i{
    opacity: 1;
}
.map .mapx .m1{
    top:725px;left:1105px;
}
.map .mapx .m1 i{
    left:auto;
    right:20px;
}
.map .mapx .m2{
    top:640px;left:640px;
}
.map .mapx .m3{
    top:680px;left:680px;
}
.map .mapx .m4{
    top:665px;left:735px;
}
.map .mapx .m5{
    top:25px;left:340px;
}
.map .mapx .m6{
    top:140px;left:370px;
}
.map .mapx .m7{
    top:95px;left:480px;
}
.map .mapx .m8{
    top:625px;left:740px;
}
.map .mapx .m9{
    top:640px;left:700px;
}


.popu{position: fixed;;width:100%;height:100%;top:0;left:0;z-index: 1100;background:rgba(255,255,255,0.9);display:none;}
.popu .container{
    position:absolute;top:50%;left:50%;width:100%;height:90%;max-width:1700px;padding-top:80px;min-width:640px;min-height:480px;box-sizing: border-box;z-index:10;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}
.popu .container .close{position:absolute;top:10px;right:10px;padding:10px;font-size:48px;line-height:48px;cursor: pointer;z-index: 30;}
.popu .container .close:hover{opacity:0.7;}
.popu .container .tab{position:absolute;width:100%;top:40px;text-align: center;}
.popu .container .tab a{display:inline-block;width:120px;height:36px;margin:0 20px;padding:0 20px;border:1px solid #FFF;font-size:20px;line-height:36px;background:#FFF;}
.popu .container .tab a.on{border-color:#000;font-size:14px;font-weight:700;}
.popu .container .imgbox{position:relative;height:700px;max-width:100%;text-align: center;}
.popu .container .imgbox:before{
    content:"";display:block;position: absolute;width:20px;top:0%;bottom:0;left:0;background:url(../images/egtext.png) center center no-repeat;opacity: 0.3;
}
.popu .container .imgbox:after{content:"";display:inline-block;width:1px;height:100%;vertical-align: middle;margin-left:-2px;}
.popu .container .imgbox img{max-width:1700px;max-height: 700px;width:1000px;height:700px;vertical-align: middle;}
.popu .container .imgbox ul{display:inline-block;vertical-align: middle;display:none;}
.popu .container .imgbox ul.on{display: inline-block;}
.popu .container .imgbox ul li{
    display:none;
}
.popu .container .ctrl{position: fixed;right:40px;bottom:10px;z-index:20;}
.popu .container .ctrl a{
    position:relative;display:block;float:left;width:78px;height:78px;margin-left:-1px;background:#FFF;border:1px solid #000;box-sizing: border-box;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.popu .container .ctrl a:hover{background:#000;color:#FFF;}
.popu .container .ctrl a:after{
    content:"";position:absolute;top:50%;left:50%;display:block;width:20px;height:20px;border-top:1px solid #000;border-left:1px solid #000;
    -webkit-transform-origin: 0 0;
}
.popu .container .ctrl a.flip-prev:after{
    -webkit-transform:rotate(-45deg)  translate(-50%,-50%);
}
.popu .container .ctrl a.flip-next:after{
    -webkit-transform:rotate(135deg)  translate(-50%,-50%);
}
.popu .container .ctrl a:hover:after{border-color:#FFF;}

@media screen and (max-height:750px) {
    .popu .container{padding-top:40px;}
    .popu .container .tab{top:5px;}
    .popu .container .imgbox{height:550px;}
    .popu .container .imgbox img{max-width:1700px;max-height: 700px;height:500px;vertical-align: middle;}
}
.page2 .content .intro *{
    background:none!important;
    font-size:12px!important;
}