﻿body {
	font-size:13px;
	font-family:"Microsoft YaHei", 微软雅黑, "MicrosoftJhengHei", 华文细黑, STHeiti, MingLiu;
	background-color:#fff;
	margin: 0;
	padding: 0;
}
#tops {
	width:100%;
	height:83px;
	background:url(../images/top_bg.png) top repeat-x;
}
 
 
#top_2 {
	margin:0 auto;
	width:1070px;
	height:83px;
	 
}
.logos {
	float: left;
	width:390px;
	height:83px;
}
.logo_youbian {
	float:left;
	width:680px;
	height:83px;
	background:url(../images/navs.png) no-repeat;
}



/*导航*/
#nav {
	 
	position:relative;
	z-index:50;
	width:680px;
	height:83px; 
	
	float:left;
	margin:0  0 0 108px;
}
#nav li {
	float: left;
	list-style:none;
	position:relative;
	width:90px;
	height:83px;
} 
#nav a {
	font-size:14px;
	font-weight:bolder;
	display:block;
	height:83px;
	width:90px;
	line-height:83px;
	color:#fff;
	text-decoration:none;
	text-align:center;
	overflow:hidden;
	float:left;
}
#nav a:hover {
	background-color:#2a4c90;
	color:#fff;
	font-size:18px;
	font-weight:bolder;
	float:left;
	height:83px;
}
#nav ul li a.selt {
	background-color:#2a4c90;
	color:#fff;
	font-size:18px;
}
#nav ul ul {
	visibility:hidden;
	position:absolute;
	left:0px;
	top:83px;
	line-height:40px;
	width:160px;
	 
}

 
#nav ul ul a {
	padding-left:10px;
	text-align:left;
	font-weight:normal;
	font-size:12px;
	background-color:#007ed2;
	width:150px;
	line-height:40px;
	height:40px;
}
 

#nav ul li:hover ul.second, #nav ul a:hover ul.second {
	visibility:visible;
	color:#000;
}
#nav ul ul li {
	 height:40px;
	line-height:40px;
	width:150px;
	clear:both;
	
	border-right:none;
}
#nav ul ul a:hover {
	font-weight:normal;
	font-size:12px;
	background-color:#2a4c90;
	width:150px;
	height:40px;
	 text-align:left;
	color:#fff;
}
#nav .third {
	top:0px;
	left:110px;
	width:110px;
}
#nav ul ul li:hover ul.third, #nav ul ul a:hover ul.third {
	visibility:visible;
}
 
#nav ul ul ul li {
	border-right:none;
}
#nav ul ul ul a {
}
#nav ul ul ul a:hover {
	color:#000;
}
#nav table {
	border-collapse:collapse;
}







#main {
	width:1070px;
	margin:0 auto;
	height:100%;
	min-height:450px;
}
#main1 {
	width:100%;
	 
	 
	margin:0 auto;
}

#datu {
	height:450px;
	width:1070px;
	margin:0 auto;
}




 

 
#main2 {
	width:1070px;
	 margin:0 auto;
	height:323px;
	 
}
.cpfl {
	background:#FFF;
	 
	width:705px;
	height:323px;
	float:left;
}




/*内页切换开始*/

#outer {
	width:100%;
	margin:15px 0 0 0;
	min-height:305px;
	width:700px;
}
#tab {
	overflow:hidden;
	zoom:1;
	background:#fff;
	border-bottom:1px solid #007ed2;
	 
}
#tab li {
	float:left;
	 
	height:40px;
	cursor:pointer;
	line-height:40px;
	list-style-type:none;
	padding:0 20px;
}
#tab li.current {
	color:#eee;
	background:#007ed2;
	font-weight:bolder;
}
#content {
	width:700px;
	border-bottom:1px solid #eee;
	margin-bottom:5px;
	min-height:250px;
	
}
#content ul {
	line-height:25px;
	display:none;
	 
	 
}




.tupian{
	
	}






 

/*内页切换结束*/









.cptp {
	width:365px;
	height:323px;
	float:left;
	background:url(../images/cptp.png) no-repeat;
}














/*底部*/
 
#footer {
	min-height:210px;
	height:210px;
	 
	width:100%;
	background:url(../images/foot_bg.png) repeat-x;
	 
}

.foot{
	margin:0 auto;
	height:210px;
	width:1070px;
	padding-top:15px;}






 

.lie1 {
	
	float:left;
	width:150px;
	height:210;
}
.lie1 li {
	color:#333;
	height:25px;
	list-style-type:none;
}
.lie1 li a {
	color:#333;
}
.lie1 li a:hover {
	color:#ccc;
}
.lie2 {
	margin-left:95px;
	float:left;
	width:350px;
	height:210;
}
.lie2 li {
	color:#333;
	height:25px;
	list-style-type:none;
}
.lie2 li a {
	color:#333;
}
.lie2 li a:hover {
	color:#ccc;
}
 




 
#footer2 {
	min-height:20px;
	height:20px;
	 
	width:100%;
	background:#093082;
	 
}





div, dl, dt, dd, li, pre, form, fieldset, input, textarea, p, blockquote, th, td, button {
	margin: 0;
	padding: 0;
}
 
	 
 
a {
	text-decoration:none;
	color:#666;
}
a:hover {
	color:#000;
}
img {
	border:0;
}
img a{
	border:0;
}
 
#menu {
	width:250px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	height:auto;
}
#menu a {
	 
	width:240px;
	padding-left:8px;
	height:30px;
	margin:0px 5px 1px 0px;
	text-align:left;
	line-height:30px;
	color:#000;
	font-size:14px;
	display:block;
	text-indent:10px;
}
#menu a:hover, #menu a.selt {
	background-color:#007ed2;
	color:#fff;
	height:30px;
	padding-left:5px;
	font-weight:bold;
}
#menu img {
	margin:10px;
}
#com_cont {color:#baa58e;
	padding:0px;
	margin:0px;
	width:760px;
	_width:720px;
	float:left;
}
#com_cont .tit {
	background:url(../images/conn.gif) left top no-repeat;
	height:30px;
	line-height:30px;
	margin-top:10px;
	padding-left:10px;
	font-weight:bold;
}
#com_cont .tit a {
	color:#6d6d6d;
}
#com_cont .tit a:hover {
	color:#CCC;
}
#com_cont2 {
	color:#333;
	 
	 
	min-height:445px;
	padding:0px 0px 0px 10px;
	width:805px;
	float:left;
}
#com_cont2 .tit {
	background-color:#eee;
	height:40px;
	line-height:40px;
	margin-top:10px;
	padding-left:10px;
	color:#093082;
}
#com_cont2 .tit a {
	color:#093082;
}
#com_cont2 .tit a:hover {
	color:#ccc;
}
#com_cont .com_txt {
	padding-top:10px;
	clear:both;
	color:#baa58e;
	margin:30px 0 20px 20px;
	background: none;
	border: none;
	border-bottom:none;
	height: auto !important;
}
.compic {
	margin-top:5px;
	float:left;
	width:200px;
	height:155px;
	background-color:#eee;
}
.comfont {
	padding:15px 0 15px 20px;
	width:440px;
	float:left;
	font-size:12px;
}
ul.gallery {
	list-style: none;
	margin: 0 auto;
	padding: 0;
}
ul.gallery li {
	float:left;
	margin: 0px;
	text-align: center;
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	display: inline; /*--Gimp Fix aka IE6 Fix--*/
}
ul.gallery li a.thumb {
	width: 170px;
	height: 158px;
	padding: 0px;
	cursor: pointer;
}
ul.gallery li span { /*--Used to crop image--*/
	width: 170px;
	height: 158px;
	overflow: hidden;
	display: block;
}
ul.gallery li a.thumb:hover {
	background: #333;
}
ul.gallery li h2 {
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0;
	padding: 10px;
	background: #f0f0f0;
	border-top: 1px solid #fff; /*--Subtle bevel effect--*/
}
ul.gallery li a {
	text-decoration: none;
	color: #777;
	display: block;
}
h1, h2, h6 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
}
h3 {
	font-size:14px;
	font-weight:bold;
	color:#000;
}
h3 a {
	font-size:14px;
	font-weight:bold;
	color:#000;
}
h4 {
	font-size:13px;
	color:#9d948e;
}
h5 a {
	font-size:12px;
	font-weight:bold;
	 
}
ol, ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
	font-weight: normal;
	font-style: normal;
}
acronym, abbr, fieldset, img {
	border: 0;
}
.lefts {
	margin-top:10px;
	float:left;
	width:250px;
	overflow:hidden;
	background-color:#eee;
	border-top:#093082 2px solid;
}
.rights {
	margin-top:10px;
	float:left;
	width:815px;
	 
	background-color:#fff;
	margin-left:5px;
	border-top:#093082 2px solid;
}
.zhuanrang_center {
	margin-top:10px;
	float:left;
	width:960px;
	margin-left:5px;
}
.lianxiwo {
	float:left;
}
.lianxiwonei {
	margin:0 20px 0 20px;
	padding:10px 0 5px 20px;
	text-align:center;
	float:left;
	width:900px;
	height:30px;
	background-color:#f7f7f7;
	border:#CCC solid 1px;
}
#zhuanrang {
	min-height:345px;
	padding:0px 0px 0px 10px;
	width:960px;
	float:left;
}
#zhuanrang .tit {
	background:url(../images/conn.gif) left top no-repeat;
	height:30px;
	line-height:30px;
	margin-top:10px;
	padding-left:10px;
	font-weight:bold;
}
#zhuanrang .tit a {
	color:#6d6d6d;
}
#zhuanrang .tit a:hover {
	color:#CCC;
}
#sideBar {
	float:left;
	width:250px;
}
.left3 {
	margin-left: auto;
	margin-right: auto;
}
.subnav {
	width:250px;
	height:100%;
}
#center_right {
	margin-bottom:20px;
	width:815px;
	float:left;
	 
	 
	padding-bottom:10px;
}
#tits {
	float:left;
}
#works {
	float:left;
	 
	margin:20px;
	_margin:10px;
	width:680px;
}
.mainCopy {
	line-height: 30px;
}
.mainCopy a {
	font-weight:bolder;
}
.mainCopy2 {
	margin-top:5px;
	padding-top:5px;
	margin-bottom: 5px;
	line-height: 30px;
}
.mainCopy2 a {
	font-weight:bolder;
}
.mainCopy3 {
	margin-top:1px;
	margin-bottom: 5px;
	line-height: 20px;
}
/*图文页底部*/
#articeBottom {
	width:100%;
	text-align:right;
	margin:15px 10px 10px 0;
	padding-top:20px;
}
/*default*/
.tabs {
	width:1008px;
	height:288px;
	margin:10px auto;
	border:#CCC 1px solid;
}
.tabsTit, .tabsCon {
	overflow:hidden;
	background-color:#f1f4f8;
	height:45px;
}
.tabsTit {
	text-align:center;
	color:#B3AAB4;
}
.tabsTit li {
	float:left;
	width:100px;
	height:45px;
	line-height:45px;
	cursor:pointer;
	background:#f1f4f8;
	font-size:14px;
	font-weight:bolder;
	color:#104780;
}
.tabsTit .tabsHover {
	background:#104780;
	color:#FFF;
}
.tabsCon {
	width:1008px;
	height:230px;
	background-color:#FFF;
	color:#B3AAB4;
}
.tabsCon li {
	width:990px;
	height:220px;
	padding:10px;
}
/*custom*/
.custom {
	width:400px;
	height:160px;
	margin:40px auto;
}
.customTit, .customCon {
	overflow:hidden;
}
.customTit {
	text-align:center;
}
.customTit li {
	float:left;
	width:100px;
	height:30px;
	line-height:30px;
	cursor:pointer;
	background:#f1f4f8;
	color:#FFF;
}
.customTit .customHover {
	background:#607C9C;
}
.customCon {
	width:400px;
	height:130px;
	background:#fff;
	color:#B3AAB4;
}
.customCon li {
	width:380px;
	height:110px;
	padding:10px;
}
 






 
.lanmu {
	width:230px;
	padding:10px 0 0 10px;
	height:45px;
	color:#443322;
	background:url(../images/lanmu.jpg) repeat-x left;
}
.lanmu h10 {
	font-size:24px;
	 
}


#box2 {
	margin-top:2px;
}
.box {
	position:absolute;
	width:210px;
	height:200px;
}
#masterdiv {
	background-image:url('../images/adsbg.png');
	clear:both;
	height:auto;
}
.w1000 {
	width:1000px;
	margin:0 auto;
}

/*------------------------------------*\
	ACCORDION
\*------------------------------------*/
.accordion {
	width:303px;
	overflow:hidden;
	list-style:none;
	margin-bottom:0px;
}
.accordion li {
	float:left;
	width:20%;
	overflow:hidden;
	height:250px;
	-moz-transition:width 0.2s ease-out;
	-webkit-transition:width 0.2s ease-out;
	-o-transition:width 0.2s ease-out;
	transition:width 0.2s ease-out;
}
.accordion li:first-of-type {
	-moz-border-radius:10px 0 0 10px;
	-webkit-border-radius:10px 0 0 10px;
	-o-border-radius:10px 0 0 10px;
	border-radius:10px 0 0 10px;
}
.accordion li:last-of-type {
	-moz-border-radius:0 10px 10px 0;
	-webkit-border-radius:0 10px 10px 0;
	-o-border-radius:0 10px 10px 0;
	border-radius:0 10px 10px 0;
}
.accordion div {
	padding:0px;
}
.accordion:hover li {
	width:10%;
}
.accordion li:hover {
	width:60%;
}
.slide-01 {
	background:#fff0e6;
	color:white;
}
.slide-02 {
	background:#ffecdf;
	color:white;
}
.slide-03 {
	background:#fde5d4;
	color:#333;
}
.slide-04 {
	background:#fce1ce;
	color:white;
}
/*------------------------------------*\
	特色
\*------------------------------------*/
#vertical {
	width:303px;
	height:262px;
}
#vertical li {
	height:62px;
	width:303px;
	-moz-transition:height 0.2s ease-out;
	-webkit-transition:height 0.2s ease-out;
	-o-transition:height 0.2s ease-out;
	transition:height 0.2s ease-out;
}
#vertical li:first-of-type {
	-moz-border-radius:0;
	-webkit-border-radius:0;
	-o-border-radius:0;
	border-radius:0;
}
#vertical li:last-of-type {
	-moz-border-radius:0;
	-webkit-border-radius:0;
	-o-border-radius:0;
	border-radius:0;
}
#vertical:hover li {
	height:10%;
	width:100%;
}
#vertical li:hover {
	height:60%;
	width:100%;
}




.clear{
	clear:both;}




