﻿/*======================Reset=======================*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td, img, textarea, div,a {border:0 none;margin:0;padding:0;outline: 0;font-size: 100%; text-align:left; vertical-align: baseline;background: transparent; line-height:1.8em;}

h1 {	font-size: 25px;}
h2 {	font-size: 23px;}
h3 {	font-size: 21px;}
h4 {	font-size: 19px;}
h5 {	font-size: 17px;}
h6 {	font-size: 15px;}
select{font-size:12px;font-family:simsun;}
ul,ol,li{list-style-type:none}
a {color:#666;text-decoration:none; outline:none;/*FF标准去虚线框*/}
a {star:expression(this.onFocus=this.blur()); /* for Ie*去虚线框*/ }
a:hover,a.hover{color:#1b7cc6;text-decoration:none;}
:focus {outline: none;}
body {line-height: 1.5em;width: 100%;display: table; font-size:12px; font-family:Arial, 'Liberation Sans', FreeSans, sans-serif, "宋体";}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
table, td, th {vertical-align: middle;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
a img {border: none;outline: none;}
ol {margin-left: 2em;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}

/*======================浮动==================*/
.clear{clear:both;height:0px;overflow:hidden;}
.clearfix:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { zoom:1}
.clearfix { display:block; }
.bugfix{zoom:1}

/*==========限制Detail页内图片大小======避免页面撑暴========*/
/*.content img { max-width:100%;width:expression(width>669?"100%":width+"px");}
--说明 .content img { max-width:100%;width:expression(width>（外层宽度px）?"100%":width+"px");}--*/


/*=====================文字样式===========================*/
.size_10{font-size:10px}
.size_11{font-size:11px}
.size_12{font-size:12px}
.size_13{font-size:13px}
.size_14{font-size:14px}
.size_16{font-size:16px}
.size_18{font-size:18px}
.size_20{font-size:20px}

.fc_white { color: #fff; }
.fc_red { color: #D00000; }
.fc_red02 { color: #F73501; }
.fc_black { color: #000; }
.fc_blue { color: #336599; }
.fc_blue02 { color: #0A4E97; }
.fc_gray { color: #333; }
.fc_orange { color: #FF663A; }
.fc_green { color: #007B00; }
.line_h26 { line-height: 26px; }
.line_h20 { line-height: 20px; }

/*=======================翻页样式===========================*/
.pager{text-align:center;padding:10px;bottom:0px; margin-bottom:25px;}
.pager a{color:#0066CC;background-color:#FFFFFF;text-decoration:none;border:#84A5CE solid 1px;padding:2px 6px;margin-right:5px;}
.pager a:hover{color:#FFFFFF;background-color:#4483DC;}
.pager .cpb {color:#FFFFFF;background-color:#4483DC;text-decoration:none;border:#84A5CE solid 1px;padding:2px 6px;margin-right:5px;}

/*=====================文字阴影=============================*/
.context {position:relative;}
.context .normal{position:absolute;top:0px;left:0px;z-index:2;}
.context .shadow{position:relative;top:1px;left:2px;z-index:1;}
/*    文字阴影应用之HTML部分代码                  	
<div class="context">
	<span class="normal">需要有阴影效果的文字</span>
	<span class="shadow">重复需要有阴影效果的文字即文字的阴影</span>
</div>*/



/*================= 基础布局样式，随需要修改 =================*/
body{margin:0 auto;}
#wrapper {}

#top{height:87px;background:url(../images/top/top-bg.png) center top no-repeat;position:relative;}
#top .top{ width:988px; margin:0 auto;}
#top .top .logo img{ margin-top:9px;}
#top .top-r{float:right; padding-top:13px;margin-right:30px;}
#top .top-r a.cn{float:left;background:url(../images/ico/ico03.jpg) 0px 6px no-repeat;padding:0 0 0 20px;margin-right:12px; font-weight:bold;}
#top .top-r a.en{float:left;background:url(../images/ico/ico04.jpg) 0px 6px no-repeat;padding:0 0 0 20px;margin-right:12px; font-weight:bold;}

#top .top-r p{ color:#4c4c4c; float:left; padding-right:10px;background:url(../images/ico/ico05.jpg) right 4px no-repeat;margin-right:12px;}
#top .top-r .guanz{ width:76px; height:55px !important;}
#top .phone{ float:right; height:38px; position:absolute; bottom:2px; right:137px;}

#top .top_link{position:absolute;right:265px;height:50px;top:0px;line-height:50px;}
#top .top_link a{color:#a5a5a5;}
#top .top_link span{padding:0px 7px;color:#a5a5a5;}



#nav{height:48px;overflow:hidden;background:url(../images/nav/nav-bg.png) -100px 0px repeat-x; z-index:-9999; overflow:hidden;}
#nav img{float:right; margin:6px 192px 8px 0px;}

.nav {width:990px; height:48px; margin:0 auto;}
.nav dl{width:778px; height:48px; float:left; margin-right:30px;}
.nav dd{float:left;}
.nav dd a.first{display:block;height:48px; text-indent:-10000em; background:url(../Images/nav/nav0.png);}

.nav dd.nav0 a{background-position:-0px -0px;width:89px;}
.nav dd.nav0 a:hover,.nav dd.nav0 a.hover{background-position:-0px -48px;}
.nav dd.nav1 a{background-position:-89px -0px;width:114px;}
.nav dd.nav1 a:hover,.nav dd.nav1 a.hover{background-position:-89px -48px;}
.nav dd.nav2 a{background-position:-203px -0px;width:116px;}
.nav dd.nav2 a:hover,.nav dd.nav2 a.hover{background-position:-203px -48px;}
.nav dd.nav3 a{background-position:-319px -0px;width:122px;}
.nav dd.nav3 a:hover,.nav dd.nav3 a.hover{background-position:-319px -48px;}
.nav dd.nav4 a{background-position:-441px -0px;width:117px;}
.nav dd.nav4 a:hover,.nav dd.nav4 a.hover{background-position:-441px -48px;}
.nav dd.nav5 a{background-position:-558px -0px;width:117px;}
.nav dd.nav5 a:hover,.nav dd.nav5 a.hover{background-position:-558px -48px;}
.nav dd.nav6 a{background-position:-675px -0px;width:100px;}
.nav dd.nav6 a:hover,.nav dd.nav6 a.hover{background-position:-675px -48px;}

#nav .nav dd.nav1 ul{width:114px;}
#nav .nav dd.nav2 ul{width:116px;}
#nav .nav dd.nav3 ul{width:122px;}

#nav dl dd ul{ position:absolute; z-index:9999; top:134px; width:117px; background-color:#dda012;}
#nav dl dd ul li{text-align:center;height:34px; line-height:34px; border-bottom:#fff 1px dotted;}
#nav dl dd ul li a{ font-size:12px; padding:0px; font-weight:bold;color:#fff; height:34px; line-height:34px; display:block; text-align:center;}
#nav dl dd ul li a:hover{background:#fff; color:#dda012; width:auto;} 


#Top_Search{width:160px;height:32px;overflow:hidden;background:url(../images/nav/search-bg.png) no-repeat; margin:7px 0px 0px 10px; padding-left:10px; float:left;}
#Top_Search .text{width:120px;height:32px;overflow:hidden;padding:0px;border:0px;background:none;color:#666;float:left;}
#Top_Search .submit{width:30px;height:25px;background:url(../images/nav/btn.png) no-repeat;cursor:pointer;border:0px; padding:0px; float:right; position:relative; margin-right:0px;margin-top: 6px;} 






.banner .child1{position:absolute;width:588px;height:425px;left:66px;top:0}
.banner .child2{position:absolute;width:654px;height:425px;left:343px;top:0}
.banner_common{position:relative;width:990px;margin:0 auto}
.banner_pre{position:absolute;top:50%;left:0;margin-top:180px;width:60px;height:60px;cursor:pointer;background:url(../images/banner_btn_l_24.png) no-repeat;opacity:.5;filter:alpha(opacity=50)}
.banner_next{position:absolute;top:50%;right:0;margin-top:180px;width:60px;height:60px;cursor:pointer;background:url(../images/banner_btn_r_24.png) no-repeat;opacity:.5;filter:alpha(opacity=50)}
.banner_pre:hover, .banner_next:hover{opacity:1;filter:alpha(opacity=100)}
.banner .control{width:130px;position:absolute;top:393px;left:50%;margin-left:-40px}
.banner .control li{float:left;margin-left:10px;width:18px;height:18px;border-radius:50%;cursor:pointer;background:#fff}
.banner .control li a{display:none}
.banner .control li.current{background:#ff7f02}


#news{background:#eae8e8; height:30px; overflow:hidden; padding-top:4px; z-index:9999;}
#news .news{ width:998px; margin:0 auto; height:34px;}
#news p{ font-size:14px; width:80px; background:url(../images/banner/news.png) 0px 3px no-repeat; padding-left:26px; float:left; font-weight:bold; padding-bottom:15px;}
#news a{ font-size:12px; color:#868686; width:860px;}
#news a:hover{color:#1b7cc6;}
#news img{ padding-right:3px;}

#scrollDiv ul li span{ padding:0px 0px 0px 40px; color:#868686; float:right;}
#scrollDiv ul li span:hover{color:#1b7cc6;}
#scrollDiv{ width:805px; height:22px; overflow:hidden; float:left; padding-top:2px; margin-right:42px;}
#scrollDiv ul{}
#scrollDiv ul li a{}
#but_up{ background:url(../images/banner/newsleft.png) no-repeat; width:14px; height:14px; float:left; margin-top:6px;z-index:9999;}
#but_down{ background:url(../images/banner/newsright.png) no-repeat; width:14px; height:14px; float:left; margin-left:3px; margin-top:6px;z-index:9999;}


#foot{height:67px;background:#efeff0; padding: 9px 0px 8px 0px;}
#foot .foot{ width:996px; height:67px; margin:0 auto;position:relative;}
#foot .link { float:left; margin-top:8px;}
#foot .link ul li{ float:left;}
#foot .link ul li a{ color:#4c4c4c;}
#foot .link ul li a:hover{ color:#1b7cc6;}
#foot .link ul li span{ color:#4c4c4c; margin:0px 10px 0px 10px;}
#foot .link p{ color:#4c4c4c; margin-top:3px;}
#foot .youlink{width:215px;float:left;color:#4c4c4c;position:absolute;left:670px;top:30px;}
#foot .youlink .Youlian{ background:url(../images/foot/link-bg.png) no-repeat; width:150px; height:22px; position:relative; padding-left:20px; margin-left:60px; top:-20px;cursor:pointer;}
#foot .Youlian ul{position:absolute;border:1px solid #bfbfbf;border-bottom:none;bottom:19px;z-index:100;background:#f9f9f9;padding:4px 0px 3px 0px;_left:0px;+left:0px; display:none;overflow:hidden; margin-left:-20px;}
#foot .Youlian ul li{width:146px;text-align:center;height:22px;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#foot .Youlian ul li a:hover{text-decoration:none;color:##1b7cc6;}

#foot .weixin{ float:right; height:77px;overflow:hidden;position:absolute;right:0px;top:0px;}
#foot .weixin .weix-r{margin-left:8px;}


