@charset "utf-8";
.wrap{ width: 1000px; margin: 0 auto;}
/*--header--*/
.header{ width: 100%;}
.top{ height: 32px; background: url("common_res/top-bg.jpg") repeat-x;border-bottom: 1px solid #0e0e0e;}
.top-main{ overflow: hidden; line-height: 32px; color: #b5b5b5;}
.top-main a{ color: #b5b5b5; padding: 0 8px;}
.top-main a:hover{ color: #fff; text-decoration:none;}
.search_top a{ color: #b5b5b5; padding: 0 8px;}
.search_top a:hover{ color: #fff; text-decoration:none;}
.top-l{ float: left;}
.top-r{ float: right;}
.header-search{ height: 22px;  float: right; margin:5px 0 5px 10px;padding-left:16px; position: relative; cursor:pointer;  background: url(component_res/icon-search1.png) no-repeat left center;}
.header-search .search-input{transition: all 0.3s ease-in-out; width:0px; height: 20px; border-radius: 0px; overflow: hidden;border:0px solid #b5b5b5; line-height: 20px; outline: none; text-indent: 5px; background:none; float: right; color: #eee;}
.header-search .search-input:hover{/* width: 150px; border-color: #fff; background: url("common_res/whitebk.png") repeat;*/}
.header-search .search-input .search { width:50px; font-size:12px; color:#7a7a7a; margin:0px; border:0px; cursor:pointer; background:none;}
.header-search .search-btn{ width: 22px; height: 22px; cursor: pointer; border: none; background:none; position: absolute; top: 0; right: 0;}
.header-search:hover .search-btn{ width: 0px; height: 22px; cursor: pointer; border: none; background:url("common_res/icon-search.png") no-repeat center center; position: absolute; top: 0; right: 0;}

.header-mid{ height: 132px; width: 100%; background:url(common_res/header-bg.jpg) repeat-x top center; overflow: hidden; border-top: 1px solid #7d1717; border-bottom: 1px solid #5E0808; position:relative;}
.header-mid .logo{ width: 590px; height: 80px; display: block; margin: 28px auto; cursor: pointer;}


.header-mid2{ height: 152px; width: 100%; background:url(common_res/header-bg.jpg) repeat-x top center; overflow: hidden; border-top: 1px solid #7d1717; border-bottom: 1px solid #5E0808; position:relative;}
.header-mid2 .logo{ width: 620px; height: 113px; display: block; margin: 28px auto; cursor: pointer;}


.slide-box{ width:240px; height:90px; position:relative; float:left; display:inline; margin-left:20px; margin-top:10px;}
.slide {position:relative; width:240px; height:90px; overflow:hidden; margin:0 auto; }
.slide .hd{ width:60px; position:absolute; bottom:5px;  height:8px; z-index:111; left:40%; }
.slide .hd ul {list-style-type:none;  float:left; width:60px; height:8px;}
.slide .hd ul li { width:6px; height:6px; float:left; margin:0 3px; display:inline-block; border-radius: 15px; background:#a2adb8; cursor:pointer; text-indent:-99999px; }
.slide .hd ul li:hover{  background:#fff; }
.slide .hd ul li.on{  background:#fff;}
.slide-list li{ width: 240px; height: 90px; display: block; float: left;}
.slide-list a{ width:240px; height:90px;  }
.slide-list a img{ width:240px; height:90px; z-index:100;   }
.slide .tit{ position:absolute; left:10px; top:5px; font:bold 16px/30px 'Helvetica', Georgia,Arial, Helvetica, sans-serif;; color:#fff; z-index:111;}
.slide .tit span{ font-size:12px; line-height:16px; padding-left:10px;}

.logo-box { position:relative;}
.logo-l { position:absolute; width:419px; height:90px; left:0px;}
.logo-r { position:absolute; width:106px; height:70px; right:0px;}