@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol{margin:0;padding:0}em,i{font-style:normal}li{list-style:none}a,a:hover{text-decoration:none}img{border:0}table{border-collapse:collapse;border-spacing:0}/*border-collapse 鍚堝苟琛ㄦ牸鐩搁偦杈规*/label{cursor:default}/*瀹㈡埛绔钩鍙扮殑榛樿鍏夋爣銆傞€氬父鏄竴涓澶淬€� 
*/body,button,input,select,textarea{font:12px/1.5 Tahoma,'microsoft yahei',arial,'Hiragino Sans GB',\5b8b\4f53}textarea{resize:none}a,a:focus{outline:none}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}.clear{display:block;height:0;clear:both;font-size:0;line-height:0;overflow:hidden}.fl{float:left;display:inline}.fr{float:right;display:inline}.fn{float:none}.tl{text-align:left}.tr{text-align:right}.tc{text-align:center}.hide{display:none}.show{display:block}.mt10{margin-top:10px}.noBg{background:none!important}.noBorder{border:0!important}.yahei{font-family:'microsoft yahei'}.red{color:red;}.noBd{border:none !important;}

/*椤圭洰涓讳綋閮ㄥ垎璁剧疆*/
body{ background:#fff; color:#444;}
a{ color:#444;}
a:hover{color:#1788ea;}

.wrapper{ position:relative; width:100%; margin: 0 auto; overflow:hidden;}
.topArea{ background:#2780d4; border-top: 7px solid #2b69a3;}
.g-in{ margin: 0 auto; width:1000px;}
.topArea { height:43px; line-height:43px; font-size:12px;}
.topArea .wel{ float:left; width:230px; height:43px; color:#fff; font-size:12px;}
.topArea .links{ float:left; width:580px;  text-align:right; }
.topArea .links a{ color:#fff; padding-right:12px;}
.topArea .search{ float:left; width:190px;}
.topArea  .search-box,.topArea  .search-btn{ float:left; line-height:43px;}
.topArea  .search-box{width:148px; height:43px;}
.topArea  .search-box input{ width:146px; height:23px; line-height:23px; padding: 0; margin:0; border: 1px solid #f0f0f0; color:#585858; padding-left:6px;}
.topArea  .search-btn{ width:32px; height:43px; background:url(search-btn.jpg) no-repeat right 9px;}
.topArea  .search-btn input{  width:32px; height:25px;background:none; border:none; padding:0; margin:0; cursor:pointer;}

.header{ border-top: 1px solid #f0f0f0; }
.header .g-in{position:relative; width:1000px; z-index:10;}
.logo{ float:left; width:288px; height:90px;}

.nav{width:672px;float:right;}
.nav dl dt{ float:left;display:inline;width:96px;font-size:14px;}
.nav dl dt a { display:block; width:100%; line-height:93px; height:93px;text-align:center;color:#434343 ; background:url(li-right.jpg) no-repeat right -1px;position:relative;}
.nav dl .cur i{height:93px;}
.nav dl .cur a{color:#fff;}
.nav dt i { position: absolute; left: 0; bottom: 0; width: 96px; height: 0; background:url(li-bcg-02.jpg) no-repeat;z-index:-2;}

.nav .sub { width:770px; padding-left:230px; height: 70px; position: absolute; top:93px; left: 0; z-index:10; background:#fff; display: none; box-shadow: 0 0 5px #999}
.nav .sub .li-01{height:58px; font-size:20px; color:#69C; text-transform:uppercase; border-right: 1px dotted #ccc; padding-right:20px; padding-top:12px; text-align:right; font-family:Arial;}
.nav .sub .li-01 span{ display:block; font-size:14px; line-height:14px; font-family:Microsoft yahei;}

.nav .sub li { float: left; }
.nav .sub li a { display: block; height:70px; background: none; color: #000; font-size: 12px; line-height: 70px; padding: 0 7px;}
.nav .sub li a:hover { color: #f89f72;  }

.footer{ background:#2b69a3;}
.footer .fc{ padding: 17px 0 29px 0}
.footer .f-l{ float:left;}
.footer .f-r{ float:right; text-align:right;}
.footer .fc p{ line-height:24px; color:#fff;}
.footer .fc p a{color:#fff;}
.footer .fc p a:hover{color:#0707fa;}
.footer .fc .p-01,.footer .fc .p-02{padding-left:18px;}
.footer .fc .p-01{ background:url(site.png) no-repeat left center;}
.footer .fc .p-02{ background:url(tel.png) no-repeat left center;}

.contact{ position:fixed; top:20%; right:10%; z-index:99;}
.contact ul li { margin-bottom:1px;}
.contact ul li a img{ display:block; }
.contact .li-03{ position:relative;}
.contact .li-03 .code{ position:absolute; left:-108px; top:0; display:none;}
.contact .li-03:hover .code{ display:block;}