body{font-size:14px; min-width:1300px; background:#fff}
*{ 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;}

*{margin:0;padding: 0;}
html body{width: 100%;font-size: 14px;}

.s_width{ width:1300px; margin:0 auto; position:relative}


.nav_logo_close{ height:75px; line-height:75px; background:rgba(40,108,201,1); /*border-bottom:1px solid rgba(255,255,255,0.1);*/ position:fixed;width:100%; top:0px; z-index:1000; opacity:1; -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);  box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.nav_logo_close .logo{ position:absolute; left:2%; width:282px; height:48px; top:10px;}
.nav_logo_close .langage{ position:absolute; right:75px; width:156px; height:75px; line-height:75px;  top:0;  font-size:16px; color:#fff}
.nav_logo_close .langage_pic{ background:url(../images/qiu2.png) no-repeat left 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/ico.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; }
@-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);
}
}

.nav_logo_close .langage_pic div{ display:none;width:156px;text-align:center;color:#4f4f4f;position:absolute;top:75px; left:0; background:#fff; height:0; }
.nav_logo_close .langage_pic div a {display:block; width:120px; margin:0 auto;color: #333; line-height:39px; height:39px;font-size: 14px;font-weight:normal;border-bottom:1px solid rgba(0,0,0,0.1); margin-top:0;}
.nav_logo_close .langage_pic div a:hover {color:#286cc9;  }




.nav_logo_close .close{ position:absolute; right:0; top:0; width:75px; height:75px; background:#333; text-align:center; padding:5px 0 0 0;box-sizing:border-box; transition:.4s all; cursor:pointer;}
.nav_logo_close .close .close_bg{ padding:18px 0 0 0}
.nav_logo_close .close img{  transition:.4s all; }
.nav_logo_close .close:hover img {  transform: rotate(360deg); -webkit-transform: rotate(360deg); }


.nav_logo_close .close .search-bar { width:320px; position:absolute; right:0; height:0; top:75px; z-index:999999; opacity:0; overflow:hidden;}
.nav_logo_close .close .search-bar .search-keywords { margin-top: 2px; border-radius: 6px; overflow: hidden; }
.nav_logo_close .close .search-bar .keywords { padding-left: 10px; width: 233px; height: 32px; line-height: 32px; font-size: 14px; background:#fff;  border:1px solid #eee}
.nav_logo_close .close .search-bar input[type="submit"] {  width: 75px; height: 34px; line-height: 34px; text-align: center; font-size: 16px; background: #dc0e0e; color: #fff; cursor: pointer; }
.nav_logo_close .close .search-bar input { border: none; float: left;}




.nav{width:55%; position:absolute; left:50%; margin-left:-27%; height:75px; }
.nav ul{ height:60px; }
.nav li{ float:left;line-height:75px; height:75px; width:calc(100%/7); font-size:14px; position:relative}
.nav li a{ font-size:16px; line-height:75px; height:75px; color:#fff; text-align:center; text-decoration:none; display:block;transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; }
.nav li a:hover{ color:#333; background:#fff;}

.nav li div {display:none;width:236px;text-align:center;color:#4f4f4f;position:absolute;top:75px; left:-40px; background:#fff; z-index:9999999 }
.nav li div a {display:block;COLOR: #333; LINE-HEIGHT:39px; HEIGHT:39px;FONT-SIZE: 14px;font-weight:normal;border-bottom:1px solid rgba(0,0,0,0.05); 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; }