@charset "utf-8";
/*
Copyright ibw.cn 
Created by Clearfix
*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 12px/1.5 Microsoft YaHei, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; }
ul, ol { list-style: none; }
a { text-decoration: none; }
legend { color: #000; }
fieldset, img { border: 0; vertical-align: bottom; }
section, article, aside, header, footer, nav, dialog, figure { display: block; }
figure { margin: 0; }
button, input, select, textarea { font-size: 100%;border:0;background:none;outline:none; }
table { border-collapse: collapse; border-spacing: 0 }
.clear { display: block; height: 0; overflow: hidden; clear: both }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;}
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: none; }
a { blr:expression_r(this.onFocus=this.blur());}
a { outline: none; transition-duration: 0.3s, 0.3s; transition-property: background-color, color; transition-timing-function: ease, ease;}
table { border-collapse: collapse; border-spacing: 0; }
.hidden { display: none; }
.invisible { visibility: hidden; }
.noBg { background: none !important; }
.noBd { border: none !important; }
.noMr{margin-right:0 !important; float:right !important;}
.i{text-align: justify; text-justify: inter-ideograph;}

/*Body*/
body { color: #6a6a6a; background:#fff;}
a { color: #6a6a6a; }
a:hover { color: #0093dd; }
.wrap { width: 1004px; margin: 0 auto;}

/*Header*/
.header {overflow:hidden;}
.header .wrap{position:relative;height:76px;}
.logo{float:left;margin-top:8px;}
.lau{position: absolute;right:-150px;}
.lau ul li{float:left;width: 50px;text-align: center;line-height: 76px;text-align: center;}
.lau ul li a{display: block; font-size: 14px;}
.lau ul li.on a{color: #0093dd;}
/*Nav*/
.nav { float:right; width:680px; height: 76px; margin-right:40px;}
.nav ul li { position:relative; width: 84px; float: left; display: inline; position:relative;z-index:10;}
.nav ul li a { display: block; height: 46px; padding-top:30px; font-size: 14px; text-align:center; }
.nav ul li a:hover, .nav ul li a.current { color: #fff; background:#0093dd; }
.nav ul .home a{background:url(home.png) center 30px no-repeat;}
.nav ul .home a:hover,.nav ul .home .current{background:#0093dd url(homeOn.png) center 30px no-repeat;}
.big{width:19px; height:40px; background:url(btn.png) center no-repeat;cursor:pointer;position:absolute;top:22px;right:0;}


.nav .sub { position:absolute; top:76px; display:none;  background:#fff;  z-index:999; }
.nav .sub dt { width:150px; text-align:center; }
.nav .sub dt a { display:block; color:#000; font-size:14px; height:40px; line-height:40px; padding-top:0; }
.nav .sub dt:hover { background:#0093dd; }
.nav .sub dt:hover a { color:#fff; }


.search {width:614px; height:40px; position:absolute; top:22px; right:0; overflow:hidden; display:none;}
.search .search-input-box input {width:575px; height:38px; line-height:38px; border:1px solid #ddd; border-radius:3px; padding-left:6px; color:#666;}
.search .search-btn {position:absolute; right:0; top:0;}
.search .search-btn button {display:block; width:19px; height:40px; background:url(btn.png) center no-repeat; text-indent:-999em; cursor:pointer;}

/*Banner*/
.banner {position:relative; left:50%; width:1920px; margin-left:-960px; text-align:center;}
.banner .prev,.banner .next{width:42px;height:54px;cursor:pointer;position:absolute;top:50%;margin-top:-27px;z-index:10;}
.banner .prev{background:url(prev.png);left:10%;}
.banner .next{background:url(next.png);right:10%;}
.banner .hd { position:absolute; left:0; bottom:20px; width:100%; height:12px; z-index:4;}
.banner .hd ul { width:1002px; height:11px; margin:0 auto;}
.banner .hd ul li { display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:0 4px; border-radius:12px; background:#999; line-height:999px; overflow:hidden; cursor:pointer; vertical-align:top;}
.banner .hd ul .on { width:10px; height:10px; border:1px solid #0093dd; background:none;}

/*Footer*/
.ftNav{background:#f7f8fa;padding:34px 0;}
.ftNav dl{float:left;display:inline;margin-right:95px;}
.ftNav dt{font-size:14px;font-weight:bold;padding-bottom:10px;}
.ftNav dd{color:#999;line-height:22px;}
.ftNav dd a{color:#999;}
.ftNav dd a:hover{color: #0093dd;}
.ftNav .c1{background:url(c1.png) left center no-repeat;padding-left:21px;}
.ftNav .c2{background:url(c2.png) left center no-repeat;padding-left:20px;}
.ftNav .c3{background:url(c3.png) left center no-repeat;padding-left:22px;}
.ftNav .noMr{width:260px;}

.ftMes {padding:30px 0;border-bottom:1px solid #ccc;}
.ftMes li{float:left;display:inline;margin-right:62px;}
.ftMes li a{display:block;height:50px;line-height:50px;padding-left:70px;font-size:14px;color:#3d3d3d;}
.ftMes .li1 a{background:url(f1.png) left center no-repeat;}
.ftMes .li1 a:hover{background:url(f11.png) left center no-repeat;color: #0093dd; }
.ftMes .li2 a{background:url(f2.png) left center no-repeat;}
.ftMes .li2 a:hover{background:url(f22.png) left center no-repeat;color: #0093dd; }
.ftMes .li3 a{background:url(f3.png) left center no-repeat;}
.ftMes .li3 a:hover{background:url(f33.png) left center no-repeat;color: #0093dd; }
.ftMes .li4 a{background:url(f4.png) left center no-repeat;}
.ftMes .li4 a:hover{background:url(f44.png) left center no-repeat;color: #0093dd; }

.ftBox{padding:24px 0;}
.ftLogo{float:left;}
.copyRight{float:left;margin:24px 0 0 30px;}
.share{float:right;margin-top:20px;}
.share li{float:left;display:inline;margin-left:15px;position:relative;}
.share li a{display:block;width:30px;height:29px;}
.share li img{position:absolute;top:-126px;left:-45px;display:none;}
.share .li1 a{background:url(wx.png);}
.share .li1 a:hover{background:url(wxOn.png);}
.share .li1 a:hover img{display:block;}
.share .li2 a{background:url(qq.png);}
.share .li2 a:hover{background:url(qqOn.png);}
.share .li3 a{background:url(em.png);}
.share .li3 a:hover{background:url(emOn.png);}





