@charset "utf-8";

#header{/* height: 100px;line-height: 100px; */position: relative;}

#header .fl{float:left;}

#header .wrap{/* width:1200px; */width: 1200px; margin:0 auto;}

#header .header-wrap{height: 100px;line-height: 100px;}

#header .top{ width: 100%;height: 40px; background: #f67524; }

#header .head-top{ /* width: 1200px; */width: 1200px;margin:0 auto;height: 40px; line-height: 40px;font-size:14px; }

#header .head-top .head-top-company{ float: left;height: 100%; color:#fff; }

#header .head-top .head-top-nav{ float: right;height: 100%;color:#fff;margin-right: 20px; }
#header .head-top .head-top-nav a{ color:#fff; }
#header .head-top .head-top-nav a:hover{ text-decoration: underline; } 
/* logo */
#header .head-logo{width: 18%;height: 100%; margin-top: 0px; margin-left: 0px;}

/* 导航条 */
#header .head-nav{width: 82%;height: 100%; }
#header .head-nav ul{ float: right; }

#header .head-nav .menu1>li{float: left;margin-right: 20px;}

#header .head-nav .menu1>li>a{font-size: 16px;color: #000;display: block;}

/* 悬浮动画 开始 */
#header .head-nav .menu1>li:before{content: "";position: absolute;left: 50%;width: 0;bottom: 0;background-color: #0068a8;
transition: all .5s;-webkit-transition:all .5s;height: 3px;}

#header .head-nav .menu1>li:hover:before,.head-nav .menu1>li.current:before{left: 0;width: 100%;}
/* 悬浮动画 结束 */

#header .head-nav .menu1>li:hover>a,.head-nav .menu1>li.current>a{color: #0068a8;}

#header .head-nav .menu2 a{padding: 0 ;color: #000;}

#header .head-nav  li:hover .menu2 a{background:none;color: #000;}

#header .head-nav  .menu2{position: absolute;width: 100%;height: auto;background: rgba(255,255,255,0.9);border-radius: 0 0 5px 5px;
padding: 10px 0;left: 0;top: 140px;box-shadow: 0 0 6px #ccc;z-index: 550;display: none;opacity: 0;
}

#header .head-nav  li:hover .menu2{ display: block; opacity: 1;transition: 1.5s;}
#header .head-nav  .menubox{overflow: hidden;width: 1400px;margin: 0 auto;}
#header .head-nav  .menu2{overflow: hidden;}
#header .head-nav  .menu2 ul{width: 1440px;text-align: center;}
#header .head-nav  .menu2 li{width: 180px;font-size: 14px;margin-right: 10px;height: auto;text-align: center;padding-top: 30px;display: inline-block;float: none;}
#header .head-nav  .menu2 li a{border: none;padding: 0;height: auto;width: auto;color: #333;display: block;line-height: 30px;border-radius: 15px;}
#header .head-nav  .menu2 li span{display: block;width: 180px;height: 115px;background: #000;overflow: hidden;}
#header .head-nav  .menu2 li img{width: 180px;height: 115px;transition: all 0.5s;}
#header .head-nav  .menu2 li:hover img{transform: scale(1.1);-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);-o-transform: scale(1.1);-moz-transform: scale(1.1);}
#header .head-nav  .menu2 li h5{height: 35px;line-height: 35px;font-size: 14px;font-weight: normal; text-align:center;}
#header .head-nav  .menu2 li:hover h5{color: #0194d0;}

#header .head-nav  .menu2 .prev,.head-nav  .menu2 .next{position: absolute;width: 40px;
height: 40px;top:40%;cursor: pointer;opacity: 0;}

#header .head-nav  .menu2 .prev{left: 5%;background: url(../images/head-prev.png) no-repeat center;}

#header .head-nav  .menu2 .next{right: 5%;background: url(../images/head-next.png) no-repeat center;}

#header .head-nav  .menu2:hover .prev,.head-nav  .menu2:hover .next{opacity: 1;}

#header .head-search input{display: block;height: 20px;line-height: 20px;float: left;}
#header .head-search form{border: 1px solid #e4e4e4;border-radius: 20px;overflow: hidden;margin-top: 38px;padding: 4px;}
#header .head-search .txt{width: 88%;text-indent: 15px;}
#header .head-search .sub{width: 12%;background: url(../images/head-search-ico.png) no-repeat center center;cursor: pointer;}