﻿@charset "utf-8";
/* CSS Document */

*{font-family: Arial, Helvetica, sans-serif;}
html{ margin:0px; padding:0px; width:100%; height:100%;background-color:#3D5C7D;}
body{
	text-align:center;
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	background-color:#3D5C7D;
	background: url(top_bg.jpg) repeat-x;
}
img{border:none; padding:0px; margin:0px;}

a{ font-size:12px; line-height:150%;} /* 链接无下划线,有为underline */ 
a:link {color: #000000;} /* 未访问的链接 */
a:visited {color: #666666;} /* 已访问的链接 */
a:hover{color: #0000ff;} /* 鼠标在链接上 */ 
a:active {color: #ff9900;} /* 点击激活链?*/

h1{font-size:22px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}

#header{width:990px; font-size:12px; color:#FFF; height:59px; margin:0px auto;}
.logo{width:140px;height:69px;background: url(logo.jpg) no-repeat;float:left;}
.frame{
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #E5E5E5;
	border-left-color: #E5E5E5;
}
.table{ margin-top:10px;}

/*导航*/
#nav{ font-size:12px;text-align:left; margin:5px;}
#nav a{ color:#333333;
	text-decoration: none;
}


/*选择语言  简? 繁体|设置首页|加入收藏|选择颜色导航*/
#topNav{ color:#FFFFFF;
	float:right;
	margin:10px 5px 0px 0px;
	padding-left:20px;
	}
#topNav a{ color:#FFFFFF;text-decoration: none;}
#topNav a:visited {color: #FFFFFF;} /* 已访问的链接 */
#topNav a:hover{color: #FFFFFF;text-decoration: underline;}

#menu{ width:980px;
	height:35px;
	background-image: url(menu_bg.jpg);
	background-position: 0px 35px; margin:auto;}
#menu a{ width:90px; display:block; float:left; text-align:center;}
#menu a:hover{background: url(menu_bg1.jpg) repeat-x;} /* 鼠标在链接上 */ 
#menu img{ float:left;}
#menu a img{float:none;}
#menu .l{ width:5px; height:35px;
	background-image: url(menu_bg.jpg);
	background-position: 0px 0px;
	float:left;
}
#menu .r{ width:5px; height:35px;
	background-image: url(menu_bg.jpg);
	background-position: 0px 70px; float:right;}

/*阴影*/
#shadow{width:990px;background: url(shadow.jpg) repeat-x; height:69px;margin:0px auto;}

#flash{ margin-top:5px;}

.box{ width:990px;background-color:#FFFFFF;margin:0px auto;}



.list_1{
	padding:5px;
	font-size:12px;
	text-align:left;
	list-style-type: none;
	margin:5px;
}
.list_1 li{ border-top:#CCCCCC 1px solid; padding:10px 5px;}
.list_1 h2{ margin:0px; padding:0px; font-size:12px;}
.list_1 span{ color:#666666; display:block; margin:5px 0px;}
.list_1 a{padding-right:10px;color:#31709C;
	background: url(ico_3.jpg) no-repeat right top;}
.list_1 a:visited {color: #31709C;text-decoration: none;}
.list_1 a:hover{color: #31709C;text-decoration: underline;}



.list_2{
	padding:5px;
	font-size:12px;
	text-align:left;
	list-style-type: none;
	margin:5px;
}
.list_2 li{padding:5px;}
.list_2 span{ color:#666666; display:block; margin:5px 0px;}
.list_2 a{padding-right:10px;color:#31709C; font-size:13px; font-weight:bold;background: url(ico_3.jpg) no-repeat right top;}
.list_2 a:visited {color: #31709C;text-decoration: none;}
.list_2 a:hover{color: #31709C;text-decoration: underline;}


.list_3{
	padding:5px;
	font-size:12px;
	text-align:left;
	list-style-type: disc;
	margin:5px;
}
.list_3 li{padding:10px 5px;}
.list_3 a{}
.list_3 a:visited {text-decoration: none;}
.list_3 a:hover{color: #31709C;text-decoration: underline;}



.list_4{
	padding:5px;
	margin:0px 5px 0px 25px;
	font-size:12px;
	text-align:left;
	list-style-type: decimal;
}
.list_4 li{padding:0px 5px;}
.list_4 a{text-decoration: none; color:#333333;}
.list_4 a:visited {}
.list_4 a:hover{color: #31709C;text-decoration: underline;}




#content{ padding:10px; text-align:left; font-size:12px; line-height:180%; color:#333;}
#content p{ text-indent:25px;padding:0px;}
#content h1{}
#content h2{}
#content h3{ font-size:14px; color:#333; padding:0px; margin:5px 0px;}
#content h4{}
#content h5{}
#content h6{}



.find{text-align:left;}
.find form{padding:5px; margin:0px;}


.b_box{
clear:both;
	text-align:left;
	line-height:125%;
	margin:10px;
	overflow: auto;
	height: auto;
}
.b_box strong{ line-height:25px; font-size:12px; color:#666666;}
.b_box h3{ font-size:12px; padding-top:8px; margin:0px; border-bottom:#E5E5E5 1px solid; padding-left:6px;}
.b_box ul{
	list-style-type: none;
	font-size:12px;
	font-weight:bold;
	color:#3C3C3C;
	padding:0px;
	margin:10px;

}
.b_box ul li a{color: #666666; font-weight:normal;text-decoration: none;}
.b_box ul li a:visited {color: #666666;text-decoration: none;}
.b_box ul li a:hover{color: #666666;text-decoration: underline;}





#bottom{ font-size:12px; color:#6E6E6E; margin-bottom:10px;}
#bottom .n1{
	padding:5px 5px;
	margin:10px 5px;
	text-align:right;
}
#bottom .n1 span{ float:left; line-height:22px;}

#bottom strong{ }
#bottom a{
	color:#2971A7;
	text-decoration: none;
}
#bottom a:hover{
	text-decoration: underline;
}
#bottom .text_s{ font-size:10px;}






















/********TAB 选项?*********/

.tab{
 text-align:left;
 width:980px;
 margin:auto;
 margin-top:5px;
}
.menubox{
 position:relative;
 overflow:hidden;
 width:100%;
 height:24px;
 text-align:left;
 background: url(tab_off.png) repeat-x; 
}
.tab_menu{
 position:absolute;
 top:0;
 left:0;
 z-index:1;
 padding:0px;
 margin:0px;
}
.tab_menu li{
	float:left;
	display:block;
	cursor:pointer;
	width:162px;
	text-align:center;
	line-height:24px;
	border-right: 1px solid #5D7E97;
	font-weight:bold;
}
.tab_menu li.hover{
	background-color: #fff;
	background: url(tab_on.png) repeat-x;
	border: 1px solid #C7D0D6;
	font-weight:bold;
	color:#000000;
}
.tab_menu li.hover a{color:#000;font-weight:bold;}
.tab_menu li.hover a:link{color:#000;}
.tab_menu li.hover a:visited{color:#000; font-size:14px;}
.tab_menu li.hover a:hover{ color:#000;}

.tab_menu li a:link{text-decoration: none;color:#FFFFFF; }
.tab_menu li a:visited{color:#FFFFFF; text-decoration: none;font-size:12px}

.tabmain{
	clear:both;
	height:150px;
	border: 1px solid #C7D0D6;
	border-top: none;
	background: url(tab_bg.png) repeat-x top;
}
.tabmain div{ padding:10px; font-size:12px;
height:130px;
 display: none;
}
.tabmain div strong{ color:#3366CC;	line-height:24px; font-size:14px;}
.tabmain div.block{
 display: block;
}
.tabmain div a{color:#333;
	text-decoration: none;
	background: url(ico_box.png) no-repeat left center; padding-left:10px;
}
.tabmain div a:visited{ color:#333;}

.sblock{ display:block;}
.snone{ display:none;}







/********TAB 选项?END**********/

/********************滚动新闻CSS***************************/
#rolltext{ width:60%; float:left; padding-left:10px;}
#rolltext div{ float:left;}
#rolltext strong{border-right: 1px solid #CCCCCC; margin-right:20px; padding-right:10px; color:#333333;}
#rolltext #pageShow{}
#rolltext a{ color:#666666;}
/********************滚动新闻END***************************/



.info{display:block; border-top:#CCCCCC 1px solid; line-height:30px; margin-top:10px; color:#666;}
.r_button{ float:right; margin-top:5px;}
.url_1 a{text-decoration: none;}


#helpc{ text-align:left; font-size:14px; line-height:140%; color:#333;}
#helpc p{padding:0px;}
#helpc h1{}
#helpc h2{}
#helpc h3{ font-size:14px; color:#333; padding:0px; margin:5px 0px;}
#helpc h4{}
#helpc h5{}
#helpc h6{}


.caption_1{ font-size:14px; border-bottom:#CCCCCC 1px solid; display:block; text-align:left; font-weight:bold; margin:5px 0px; padding:5px 0px;}


a.url_2{ 
	background-image: url(ico_1.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right:20px;color:#2971A7;
	margin-right:30px;
}
a.url_2:link{color:#2971A7;text-decoration: none;}
a.url_2:visited{color:#2971A7;text-decoration: none;font-size:12px}
a.url_2:hover{ color:#000;}



/****************************产品页定?*****************************/
.cp_tab{ text-align:left; float:left; width:380px; margin-right:5px; font-size:13px; color:#666666; line-height:180%;}
.cp_tab h3{ color:#000000;}
.cp_tab p{ margin-bottom:40px;}

.cp_one{text-align:left; float:left;font-size:13px; color:#666666; line-height:150%; font-size:12px; padding:20px;}
.cp_one h3{ color:#000000; border-bottom:#CCCCCC 1px solid; padding-bottom:10px;font-size:14px;}
.cp_one h4{color:#333333; font-size:14px;}
.cp_one p{
	font-size:13px;
	color:#000000;
	line-height:24px;
	text-indent: 25px;
}

.cp_txt{ font-size:14px; color:#000; text-align:left; line-height:150%;}
.cp_txt h3{ color:#000000; border-bottom:#CCCCCC 1px solid; padding-bottom:0px; width:98%; margin-bottom:5px; margin-left:5px;font-size:14px;}
.cp_txt p{
	font-size:13px;
	color:#000000;
	line-height:24px;
	text-indent: 25px;
}


.taboff{ width:157px; display:block; height:33px; font-size:12px; border-top:1px #DEDEDE solid; color:#000000;
	font-weight:bold;}
.tabon{ width:157px;
	display:block;
	height:33px;
	background-image: url(cp_l_btn_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	font-size:12px;
	font-weight:bold; color:#000000;
}

.cp_menu{ }
.cp_menu a{ line-height:23px; margin-right:10px;
	text-decoration: none;
}
.down{ text-align:left; color:#333333; font-size:12px; padding:0px 10px;}
.down h3{ color:#000000; border-bottom:1px #DEDEDE solid; padding-bottom:5px; font-size:14px;}
.down a{
	background: url(ico_down.gif) no-repeat left center; padding-left:20px; margin:30px;
}
.down p{text-align:30px;} 




.works {
	MARGIN-BOTTOM: 10px
}

.works DT {
	FLOAT: left; MARGIN-BOTTOM: 8px
}
.works DD {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FLOAT: left; PADDING-BOTTOM: 4px; PADDING-TOP: 4px
}
.worksbox {
	WIDTH: 142px; POSITION: relative; HEIGHT: 114px
}
.worksbox A {
	BORDER-RIGHT: #f0f0e8 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #f0f0e8 1px solid; DISPLAY: block; PADDING-LEFT: 6px; PADDING-BOTTOM: 6px; BORDER-LEFT: #f0f0e8 1px solid; PADDING-TOP: 6px; BORDER-BOTTOM: #f0f0e8 1px solid; BACKGROUND-COLOR: #fff
}
.worksbox A:hover {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BORDER-LEFT: #000 1px solid; BORDER-BOTTOM: #000 1px solid; BACKGROUND-COLOR: #333; TEXT-DECORATION: none
}
.worksbox A SPAN {
	DISPLAY: none
}
.worksbox A:hover SPAN {
	DISPLAY: block; LEFT: 0px; WIDTH: 142px; COLOR: #fff; LINE-HEIGHT: 20px; POSITION: absolute; TOP: 94px; BACKGROUND-COLOR: #333
}
.worksbox A IMG {
	WIDTH: 100px; HEIGHT: 100px
} 

.borderstyle
{   
    padding-left:15px;
    padding-right:20px;
    border-bottom-style:dashed; 
    border-bottom-color:#CCCCCC; 
    border-bottom-width:1px;
}