html,body { margin:0; padding:0}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dd,dt,s,del,i,em{margin:0;padding:0;border:0; text-decoration:none; font-style:normal; outline:none;}
ul,ol,li,dl,dd,dt{list-style-type:none;}
select,input,img,select,button,textarea{vertical-align:middle; font-size:22px; outline:none; font-family:'Microsoft Yahei','Helvetica' ,Arial,sans-serif;}
a {color:#333;text-decoration:none;}
a:hover{ text-decoration:none; color:#0870c0}
*:focus {outline:none !important;text-decoration:none !important}

html{display:block;webkit-text-size-adjust: none;}
body{background:#fff;font-size:22px;  font-family:'Microsoft Yahei','Helvetica' ,Arial,sans-serif;min-width:1920px;}






/* --------------公司名字和logo----------------------- */
#header{ height:120px; width:100%;z-index:9999; position:fixed; width:100%; min-width:1920px; left:0;top:0;transition-duration: 0.4s;}
#header .mask{background:#fff;opacity:1; position:absolute; z-index:1; left:0;top:0; width:100%; height:100%;;box-shadow:0 0 40px rgba(0,0,0,0.4)/* ---投影条---- */}
#header .header-wrapper{ position:relative; z-index:2; height:100%; width:100%}
#header .logo{ float:left; margin-top:22px; margin-left:285px/* ---公司logo左边距---- */;transition-duration: 0.4s;}


/* --------------导航条----------------------- */
.nav{ height:120px/* ---导航条高度---- */; position:absolute; right:50%; margin-right:-690px/* ---下拉导航条缩进位置---- */; z-index:98;}
.nav ul{ float:left}
.nav ul li{ float:left; position:relative;}
.nav ul li a{ display:block; float:left; height:120px;padding-top:60px/* ---导航条文字上边距---- */; line-height:20px; position:relative ;transition-duration: 0.4s;}
.nav ul li a s{ font-weight:normal;  font-size:17px; overflow:hidden}
.nav ul li a:hover{ color:#ffffff}
.nav ul li.sub a:hover{ color:#ffffff}
.nav ul li span{ position:relative; z-index:2;padding:0 20px;font-size:17px/* ---导航条文字大小---- */; display:block;}
.nav ul li span:before { display:none;content:""; position: absolute; right: 0; top: 0; width:1px; height: 100%; background-color:rgba(0,0,0,0.2)}
.nav ul li.home span{ padding:0 25px}
.nav ul li i{background:#0870c0; width:100%; left:0; height:0px; bottom:0px;display:block; position:absolute;transition-duration: 0.4s;}
.nav ul li:last-child span:before{ display:none}
.nav ul li.hover a{color:#ffffff;}
.nav ul li.hover i{height:100%;}
.nav ul li.search-btn span{ padding:0 20px;}

/* --------------下拉条----------------------- */
#sub-nav{ position:fixed;top:110px; left:98/* ---下拉导航位置---- */; width:100%; z-index:999; height:0px; min-width:1920px; transition: .5s cubic-bezier(0.215,.61,.215,1);- webkit-transition: 0.5s cubic-bezier(0.215,.61,.215,1);-moz-transition: 0.5s cubic-bezier(0.215,.61,.215,1);-o-transition: 0.5s cubic-bezier(0.215,.61,.215,1);overflow:hidden}
#sub-nav.hover{ height:70px}
#sub-nav.hovers{top:510px;}
#sub-nav .sub-nav-bg{background:url(../images/blank.gif);width:100%; height:120px; position:relative; left:0;top:0; transition: .5s cubic-bezier(0.215,.61,.215,1);- webkit-transition: 0.5s cubic-bezier(0.215,.61,.215,1);-moz-transition: 0.5s cubic-bezier(0.215,.61,.215,1);-o-transition: 0.5s cubic-bezier(0.215,.61,.215,1); z-index:1;}
#sub-nav .sub-nav-item{ width:100%; height:70px; position:absolute; left:0;top:-62px;transition-duration: 0.3s; z-index:2;background:url(../images/blank.gif)}
#sub-nav .sub-nav-item.hover{top:0;filter:alpha(opacity=100); -moz-opacity:1; opacity:1; z-index:3}
#sub-nav .sub-nav-item ul{ position:absolute; top:0;height:70px; background-color:#0870c0; width:100%}
#sub-nav .sub-nav-item ul li{ float:left; line-height:70px; margin-left:40px}
#sub-nav .sub-nav-item ul li a{ font-size:17px;color:#fff;}
#sub-nav .sub-nav-item ul li a:hover{ color:#b5daf5;}