/*CSS common */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0; }
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{ font-size:12px; line-height:14px;font-family:"微软雅黑";color:#666;outline:0; }
.clear{ clear:both;}
.clearfix:after{content: " "; display: block;clear: both; height: 0; visibility:hidden;}
.clearfix{*zoom:1;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/ *
html .clearfix {height: 1%;}
.clearfix2{_height:1%; /*height前面的下划a线是必须的*/overflow:auto;}
/* End hide from IE-mac */

body{background:#FFF;}
a{ color:#777;-moz-outline-style: none; HideFocus:true; bblr:expression(this.onFocus=this.blur()); outline:none;}
a:hover{ text-decoration:underline;}

h1{font-size:20px; line-height:40px; color:#333;}
h2{ font-size:16px; line-height:40px; color:#000;}

/* ====================================虚线样式 css */
.hr0{ height:1px;border:none;border-top:1px dashed #D7D7D7;}
.hr1{ height:2px;border:none;border-top:2px solid #3CF;}
.hr11{ height:2px;border:none;border-top:2px solid #F3871B;}
.hr2{ height:3px;border:none;border-top:3px double red;}
.hr3{ height:5px;border:none;border-top:5px ridge green;}
.hr4{ height:10px;border:none;border-top:10px groove skyblue;}

.red{ color:#F00; font-size:14px; text-decoration:line-through;}

/* ====================================header css */
#header{ width:1050px;  margin:0 auto; height:70px; overflow:hidden; padding-top:10px;}
#header ul{ display:inline; float:right; }
#header ul li{ display:inline; line-height:60px; margin-left:0px; }
#header ul li a{ text-decoration:none; font-size:14px;color:#000046; padding:30px 10px;}
#header ul li a:hover{ color:#FFF; background:#FD662B; }
.header-x{ background:url(../images/header_x.png) repeat-x; width:100%; height:22px;}



#main{ background:#FFF; overflow:hidden; padding-bottom:25px;}
.main{ width:1100px; margin:0 auto;}


/*gg Style*/

#scrollDiv{width:300px;height:30px;line-height:30px; color:#666;overflow:hidden; float:left;}
#scrollDiv li{height:30px;padding-left:10px;}

.cont{ width:1100px; margin:0 auto;}
.cont ul{ }
.cont ul li{ float:left; 
 width:330px;   display:block;}


.n_news a,.n_news_n a{display:block;line-height:24px; font-size:12px;  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.n_news a:hover,.n_news_n a:hover{ display:block; color:#FD662B;}
.n_news a span,.n_news_n a span{ display:block; float:right;}

#footer{ width:100%;  height:75px; background:#00003E; overflow:hidden; }
#footer p{ width:1100px; margin:0 auto; color:#FFF;}

#containe{ width:1100px; margin:0 auto; position:relative; z-index:999; background:#FFF; overflow:hidden;}
.about_n{ float:left; width:20%; margin-left:25px;}
.about_n img{ padding-bottom:12px;}
.about_n a{ width:160px;float:left; border-bottom: 1px #b9b9b9 dashed; line-height:30px; font-size:14px; padding-left:17px; }
.about_n a:hover{ background:#E3EFFD;}
.about_n_r{ float:left; width:75%; line-height:1.6em;}
.about_n_r img{ margin:8px;}
.about_n_t{ border-bottom:1px #CCC dashed; text-align:right; margin-bottom:18px; line-height:28px;}

ul.container{
	/* The topmost UL */
	width:200px;
	margin:0 auto;
	float:left;
}

li{ list-style:none;text-align:left;}

li.menu{
	/* The main list elements */
	padding:5px 0;
	width:100%;
}

li.button a{
	/* The section titles */
	display:block;
	font-size:14px;
	height:28px;
	overflow:hidden;
	padding-top:8px;
	position:relative;
	width:170px;
	text-align:center
}

li.button a:hover{
	/* Removing the inherited underline from the titles */
	text-decoration:none;
}

li.button a span{
	/* This span acts as the right part of the section's background */
	height:44px;
	position:absolute;
	left:0;
	top:0;
	width:4px;
	display:block;
}

/* Setting up different styles for each section color */

li.button a.blue{ background:#efefef;}
li.button a.blue span{ background:#efefef;}

li.button a.green{background:#efefef;}
li.button a.green span{ background:#efefef;}

li.button a.orange{background:#efefef;}
li.button a.orange span{background:#efefef;}

li.button a.red{background:#efefef;}
li.button a.red span{background:#efefef;}

/* The hover effects */

.dropdown{
	/* The expandable lists */
	display:none;
	padding-top:5px;
	width:100%;
}

.dropdown li{
	/* Each element in the expandable list */
	margin:5px 0;
	padding:4px 8px;
	text-align:center;
	display:block;
}
.dropdown li a{
	/* Each element in the expandable list */
	color:#333;
	display:block;
}


.pro_lb li{ float:left;  margin:10px 22px;}
.pro_lb li img{background:url(../images/pro-bj.png) no-repeat right bottom; padding:0 13px 14px 0; }
.pro_lb li a:hover{ color:#00707E}
.pro_lb li a span{ display:block; text-align:center;}




/*benner Style*/
.banner_wrap{ border-top:1px #E0DEDE solid; border-bottom:1px #E0DEDE solid; background-color:#E5E5E5;padding:1px 0;clear:both;}
#banner{ width:1110px; margin:0 auto; height:340px;  }
.def-banner {position:relative; width:1100px; float:left; margin:0 auto;}
.def-banner .banImgs{width:1100px;height:340px; overflow:hidden;}
.def-banner .banImgs li{ display:none; position:absolute;}
.def-banner .banPrev,.banNext{ width:26px; height:46px; position:absolute; top:186px; overflow:hidden; cursor:pointer; z-index:99; }
.def-banner .banPrev{background:url(../images/prev.png) ;left:0;}
.def-banner .banNext{ background:url(../images/next.png); right:0; }
.def-banner .jsNav{position:absolute;right:10px; bottom:0; z-index:99;}
.def-banner .jsNav a.trigger{border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%; color:white; text-decoration:none; display:inline-block; height:8px; width:8px; overflow:hidden;margin-right:5px;margin-top:8px; background:#FFF;}
.def-banner .jsNav a.current:hover,.def-banner .jsNav a.current{text-decoration:none;background:#ea5406;}
.banner1{ width:1100px; margin:0 auto; margin-bottom:25px;}









#tab,#tab-a{  position:relative; float:left; width:350px;}
#tab-a{ width:100%;}
#tab ul,#tab-a ul{overflow:hidden;zoom:1; background:#FFF; border-bottom:2px solid #FD662B; }
#tab li,#tab-a li{float:left;width:100px;height:18px;line-height:18px;border:1px solid #DDD;border-bottom:0;cursor:pointer;text-align:center;padding:8px 0;}
#tab li.tabbb,#tab-a li.tabbb{float:left;width:100px;height:18px;line-height:18px;border:1px solid #DDD;border-bottom:0;cursor:pointer;text-align:center;padding:8px 0;}
#tab li.on,#tab-a li.on{ color:#E10602;}
#content{ border-top:1px solid #ccc;  background:#FFF;}

#content div.show{display:block; line-height:30px; overflow:hidden; margin-bottom:20px; }
.show-m{ }




.about-bj,.news-bj,.cont-bj,.pro-bj{background:url(../images/pro-vj.png) no-repeat 0 0; height:26px;}
.about-bj span{ font-size:14px; float:left; display:block; line-height:26px; padding-left:20px; color:#FFF;}


.Title{ font-size:16px; font-weight:bold; display:block; text-align:center;}