.Header{position:absolute;top:0;left:0;z-index:110;padding:10px 5%;width:100%;border-bottom:1px solid rgba(191,191,191,.22);opacity:0;-webkit-transition:all 1s;transition:all 1s;-webkit-transform:translate(0,-200px);transform:translate(0,-200px)}
.Header.anim{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}
.top_right{position:absolute;top:50%;right:4%;color:#fff;font-size:20px;transform:translateY(-50%)}
.top_right a{color:#fff}
.top_right .lang,.top_right .open_menu,.top_right .search,.top_right .site{display:inline-block;margin-left:30px;vertical-align:middle;line-height:30px}
.top_right .site{position:relative}
.top_right .site dt{padding-right:24px;background:url(/en/images/icon_1.png) no-repeat right center}
.top_right .site dd{position:absolute;top:100%;left:0;display:none;padding:10px 0;padding-right:24px;width:100%;text-align:center;font-size:16px;line-height:30px}
.top_right .site a{display:block}
.top_right .search{position:relative;display:inline-block}
.top_right .open-search{display:block;width:22px;height:30px;background:url(/en/images/icon_search.png) no-repeat center}
.top_right .search-box{position:absolute;right:0;display:none;padding-right:30px;width:200px;border:1px solid #fff;background:rgba(0,0,0,.3)}
.top_right .search-box .text{display:block;width:100%;height:30px;border:none;background:0 0;color:#fff;line-height:30px}
.top_right .search-box .btn{position:absolute;top:0;right:0;width:30px;height:100%;background:url(/en/images/icon_search.png) no-repeat center}
.top_right .open_menu{width:30px;height:30px;background:url(/en/images/icon_menu.png) no-repeat center;cursor:pointer;}
.top_right .search_show{background:0 0}
.top_right .search_show:after,.top_right .search_show:before{position:absolute;top:50%;left:5%;width:90%;height:2px;background:#fff;content:'';transform:rotate(-45deg)}
.top_right .search_show:after{transform:rotate(45deg)}
@media(max-width:640px){
    .top_right{font-size:16px}
    .top_right .search,.top_right .site{display:none}
    .top_right .lang,.top_right .open_menu,.top_right .search,.top_right .site{margin-left:10px}
}
#sidenav{position:fixed;top:0;left:0;z-index:-1;overflow:hidden;width:100%;height:100%;background-size:100% 100%;opacity:0;-webkit-transition:all .5s;transition:all .5s}
#sidenav.active{z-index:200;opacity:1}
#sidenav .head{position:absolute;top:50px;right:50px;left:50px;z-index:1}
#sidenav .head .close{position:relative;float:right;width:40px;height:40px;background-image:url(/en/images/icon_close.png);background-size:100% auto;background-repeat:no-repeat;cursor:pointer;}
#sidenav .head .close p{position:absolute;top:100%;left:0;margin-top:10px;width:100%;color:#777;text-align:center;font-weight:lighter;font-size:14px}
#sidenav ul{height:100%;font-size:0}
#sidenav ul li{position:relative;top:-40px;display:inline-block;padding-top:10%;width:14.28%;height:100%;border-right:1px solid #ebebeb;background:#fff;vertical-align:top;text-align:center;opacity:0;-webkit-transition-duration:.5s,.5s,.5s;transition-duration:.5s,.5s,.5s;-webkit-transition-property:opacity,top,background;transition-property:opacity,top,background}
#sidenav.active ul li{top:0;opacity:1}
#sidenav.active ul li:nth-child(1){-webkit-transition-delay:.4s,.4s,0s;transition-delay:.4s,.4s,0s}
#sidenav.active ul li:nth-child(2){-webkit-transition-delay:.6s,.6s,0s;transition-delay:.6s,.6s,0s}
#sidenav.active ul li:nth-child(3){-webkit-transition-delay:.8s,.8s,0s;transition-delay:.8s,.8s,0s}
#sidenav.active ul li:nth-child(4){-webkit-transition-delay:1s,1s,0s;transition-delay:1s,1s,0s}
#sidenav.active ul li:nth-child(5){-webkit-transition-delay:1.2s,1.2s,0s;transition-delay:1.2s,1.2s,0s}
#sidenav.active ul li:nth-child(6){-webkit-transition-delay:1.4s,1.4s,0s;transition-delay:1.4s,1.4s,0s}
#sidenav.active ul li:nth-child(7){-webkit-transition-delay:1.6s,1.6s,0s;transition-delay:1.6s,1.6s,0s}
#sidenav ul li:hover{background:0 0}
#sidenav ul li:last-child{border-right:0 none;}
#sidenav ul li .line{display:block;margin:0 auto 60px;width:1px;height:50px;background-color:#333;opacity:0;-webkit-transition:all .5s;transition:all .5s}
#sidenav ul li:hover .line{margin:0 auto 40px;background-color:#fff;opacity:1}
#sidenav ul li h3{margin-bottom:30px;color:#f2f2f2;font-weight:lighter;font-size:82px;font-family:knockout;-webkit-transition:all .5s;transition:all .5s;line-height: 1.2;}
#sidenav ul li:hover h3{margin-bottom:20px;color:#fff}
#sidenav ul li h4{display:none;margin-bottom:30px;color:#666;text-transform:uppercase;font-weight:400;font-size:12px;font-family:roboto;-webkit-transition:all .5s;transition:all .5s}
#sidenav ul li:hover h4{display:block;color:#fff}
#sidenav ul li a.big{display:block;margin-bottom:35px;color:#333;font-size:24px;-webkit-transition:all .5s;transition:all .5s;line-height: 1.5;}
#sidenav ul li:hover a.big{color:#fff}
#sidenav ul li .small a{display:block;margin-bottom:10px;color:#666;font-weight:lighter;font-size:14px;-webkit-transition:all .5s;transition:all .5s;line-height: 1.6;}
#sidenav ul li:hover a{color:#fff}
#sidenav ul li .small a.active,#sidenav ul li .small a:hover,#sidenav ul li a.big.active,#sidenav ul li a.big:hover{color:#e60012}
@media(max-width:1024px){
    #sidenav{overflow:auto;max-height:100%}
    #sidenav .head{top:0;right:0;left:0;padding:10px;background:#fff}
    #sidenav .head .logo{display:none}
    #sidenav .head .close{width:30px;height:30px}
    #sidenav .head .close p{margin-top:5px;white-space:nowrap;font-size:12px}
    #sidenav ul{overflow:auto;padding-top:64px;background-color:#fff}
    #sidenav ul li{top:-2%;display:flex;padding:3% 0 3% 4%;width:100%;height:auto;border-right:0 none;border-bottom:1px solid #ebebeb;text-align:left;align-items:flex-start;justify-content:flex-start;-webkit-display:flex;-webkit-align-items:flex-start;-webkit-justify-content:flex-start}
    #sidenav ul li .line{display:none}
    #sidenav ul li .icon{position:absolute;top:30px;right:4%;display:block;width:16px;height:8px;background-image:url(/en/images/sidenav_icon.png);background-size:100% 100%;background-repeat:no-repeat}
    #sidenav ul li.active .icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
    #sidenav ul li h3{margin-right:5%;margin-bottom:0;font-size:40px}
    #sidenav ul li:hover h3{margin-bottom:0;color:#f2f2f2}
    #sidenav ul li .small,#sidenav ul li:hover h4{display:none}
    #sidenav ul li a.big{margin-bottom:0;font-size:16px;line-height:52px}
    #sidenav ul li:hover a.big{color:#333}
    #sidenav ul li.active .small{display:block}
    #sidenav ul li .small a{margin-bottom:15px}
    #sidenav ul li .small a:last-child{margin-bottom:0}
    #sidenav ul li:hover a{color:#666}
}
.Nybanner img{width:100%}
.Nybanner .wapban{display:none}
@media(max-width:1024px){
    .Nybanner .wapban{display:block}
    .Nybanner .pcban{display:none}
}
.NYmenu{background:#f9f9f9}
.location{float:right;padding-left:35px;background:url(/en/images/icon_home.png) no-repeat left center;color:#999;font-size:18px;line-height:80px}
.location a{color:#999}
.location em{padding:0 7px;font-style:normal;font-family:SimSun}
.location a:hover,.location span{color:#d81718}
.menu li{float:left;margin-right:.5%}
.menu li a{display:block;padding:0 20px;color:#666;font-size:18px;line-height:80px;transition:all .5s}
.menu .active a,.menu li a:hover{background:#d81718;color:#fff}
@media(max-width:1400px){.menu li{margin-right:0}
}
@media(max-width:1366px){.menu li a{padding:0 12px}
}
@media(max-width:1260px){.location,.menu li a{font-size:16px}
}
@media(max-width:1024px){.NYmenu{display:none}
}

<!--ºÄʱ1766716522.8654Ãë-->