body{font-size:14px; min-width:1300px;}
*{ margin:0; padding:0;}
img{ border:none;}
ul,li{ list-style:none;}
.clear{ clear:both}
.l{ float:left;}
.r{ float:right;}
a{ text-decoration:none;}

.s_width{ width:1300px; margin:0 auto; position:relative}
.join{position:fixed;
    width:100%;
     top:25px; 
    z-index:999999;
    left:260px;
    background:#ffbd00;
    width:130px; 
    line-height: 40px;
    border-radius:40px;
    font-size:14px; 
    text-align: center;
}
.join a{color: #fff;}
.nav_logo_close{ height:100px; position:fixed;width:100%; top:0; z-index:10000; border-bottom:1px solid rgba(255,255,255,0.1); -webkit-transition: 400ms; transition: 400ms; }
.nav_logo_close .logo{ position:absolute; left:0; width:318px; height:66px; top:15px; overflow:hidden; -webkit-transition: 400ms; transition: 400ms;margin-left:50px;}
.nav_logo_close .logo .lg-1 { -webkit-transition: 400ms; transition: 400ms;}
.nav_logo_close .langage{ position:absolute; right:0; width:120px; height:101px; line-height:101px;  top:0;  font-size:16px; color:#fff; background:#ffbd00; -webkit-transition: 400ms; transition: 400ms;}
.nav_logo_close .langage_pic{ background:url(../img/qiu.png) no-repeat 10px center; width:100%; padding:0 0 0 40px;  box-sizing:border-box;}
.nav_logo_close .langage_pic span{ display:block; width:100%;}
.nav_logo_close .langage p {position: absolute;right: 22px;top: 50%;margin-top: -4px;content: "";display:block;vertical-align: top; width: 16px;height: 8px;background:url(../img/ico2.png) ;  transition: 0.3s ease 0s; -webkit-filter: grayscale(0.5);}
.nav_logo_close .langage:hover p{ -webkit-animation: bounce-up 1s ease infinite;animation: bounce-up 1s ease infinite; }

.nav_logo_close .langage_pic div{ display:none;width:156px;text-align:center;color:#4f4f4f;position:absolute;top:100%; left:0;  height:0; }
.nav_logo_close .langage_pic div a {display:block; width:120px; margin:0 auto;color: #fff; line-height:39px; height:39px;font-size: 14px;font-weight:normal;border-bottom:1px solid rgba(255,255,255,0.1); margin-top:0;}
.nav_logo_close .langage_pic div a:hover {color:#e43d32;  }
.top_tel{position: absolute;z-index: 99999;right: 110px;width:300px;}

.nav{width:60%; position:absolute; left:46%; margin-left:-30%; height:100px; }
.nav ul{ height:100px; }
.nav_logo_close li{ float:left;line-height:100px; height:100px; width:calc(100%/8); font-size:14px; position:relative}
.nav_logo_close li a{ line-height:100px;font-size:16px; text-align:center; display: block; text-decoration:none; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; position:relative; color:#fff}
.nav_logo_close li a:hover{ color:#fff; }
.nav li a:before{position: absolute;top: 0;content: "";display: block;width: 0;height: 3px; background: #ffbd00; transition-duration:.3s; left:50%; }
.nav li a:hover:before{ width: 80px; left:50%; margin-left:-40px; }
.nav_logo_close li.on{background: #ffbd00; }
.sheader { background: #fff;  height:100px;  border-bottom:0 solid rgba(255,255,255,0.1); -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);  box-shadow: 0 0 15px rgba(0,0,0,0.2); }
.sheader li a { color: #333; line-height:90px; }
.sheader li a:hover{ color:#ffbd00; }
.sheader .logo .lg-1 { margin-top: -66px; }
.sheader .langage{ height:90px; line-height:90px;}
.sheader li div a:before{ height:0}

.nav li div {display:none;width:100%;text-align:center;color:#4f4f4f;position:absolute;left:0; background:#ffbd00; z-index:9999999 }
.nav li div a {display:block;COLOR: #fff; LINE-HEIGHT:39px; HEIGHT:39px;FONT-SIZE: 14px;font-weight:normal;border-bottom:1px solid rgba(255,255,255,0.1); margin-top:0;}
.nav li div a:hover {color:#fff; border-bottom:1px dashed #222; background:#222; border-top:0; border-right:0; border-left:0; }
.nav li div a:before{}
.nav li div a:hover:before{ width: 0; left:50%; margin-left:-40px; }

@-webkit-keyframes bounce-up { 25% {
-webkit-transform: translateY(-8px);
}
 50%, 100% {
-webkit-transform: translateY(0);
}
 75% {
-webkit-transform: translateY(-3px);
}
}
 @keyframes bounce-up { 25% {
transform: translateY(-8px);
}
50%, 100% {
transform: translateY(0);
}
75% {
transform: translateY(-3px);
}
}