@charset "utf-8";
/* CSS Document */
/*------ style ------*/
html{text-align:left;
}
html,legend{color:#333;
background-color:#FFF;
}
body{font:15px/1.5 Verdana, Arial, Helvetica, sans-serif;
}
input,button,textarea,select{font-family:inherit;
font-size:inherit;
font-weight:inherit;
color:#333;
padding:1px;
}
.input_radio{background:none;
border:none;
}
p{margin:0 0 10px 0;
}
a{color:#333;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
.bold{
font-weight:700;
}
.clear{
clear:both;
}
/*------ layout ------*/
#container{
margin:0 auto;
width:1000px;
}
#bg_header{
background:url(images/bg_header.gif) repeat-x;
float:left;
width:100%;
height:123px;
}
#header{
background:url(images/header.gif) no-repeat;
margin:0 auto;
width:1000px;
height:110px;
position:relative;
}
#bg_content{
background:url(images/bg_content.gif) repeat;
float:left;
width:100%;
}
#content{
margin:0 auto;
width:1000px;
}
#bg_bottom01{
background:url(images/bg_bottom01.gif) repeat-x;
float:left;
width:100%;
}
#bg_bottom01 #bottom{
margin:0 auto;
width:1000px;
padding:163px 0 0 0;
}
#bg_bottom02{
background:url(images/bg_bottom02.gif) repeat-x;
float:left;
width:100%;
}
#bg_bottom02 #bottom{
margin:0 auto;
width:1000px;
padding:13px 0 0 0;
}
#bg_footer{
background:url(images/bg_footer.gif) repeat-x;
float:left;
width:100%;
}
#footer{
margin:0 auto;
width:1000px;
height:92px;
position:relative;
}
/*------ header ------*/
#logo{
	position:absolute;
	left:0;
	top:55px;
}
#slogan{
	position:absolute;
	right:13px;
	top:6px;
	color:#FFF;
	font-size:13px;
}
#slogan span{
	color:#31b3c8;
	font-size:13px;
}
#menu ul{
	position:absolute;
	right:0;
	top:31px;
}
#menu ul{
	height:79px;
}
#menu ul li{
	height:79px;
	float:left;
	list-style:none;
}
#menu ul li.last{
	margin:0;
}
#menu ul li a{
	background-position:0 0;
	display:block;
	height:79px;
	text-indent:-9999px;
	overflow:hidden;
}
#m1{
	background:url(images/m1.gif) no-repeat;
	width:87px;
}
#m2{
	background:url(images/m2.gif) no-repeat;
	width:109px;
}
#m3{
	background:url(images/m3.gif) no-repeat;
	width:115px;
}
#m4{
	background:url(images/m4.gif) no-repeat;
	width:130px;
}
#m5{
	background:url(images/m5.gif) no-repeat;
	width:115px;
}
#menu ul li a:hover{
	background-position:0 -79px;
}
#menu ul li a.current{
	background-position:0 -79px;
}
/*------ feature_list ------*/
#feature_list{
	width:1000px;
	height:376px;
	position:relative;
}
#feature_list ul{
	position:absolute;
}
#tabs{
	top:388px;
	left:0;
	z-index:99;
	width:1000px;
}
#tabs li{
	list-style:none;
	float:left;
	height:150px;
}
#tabs li div{
	position:relative;
	float:left;
	width:200px;
	height:150px;
}
#tabs li div a{
	display:none;
}
#tabs li div.tab01{
	background:url(images/tab01.jpg) 0 0 no-repeat;
}
#tabs li div.tab02{
	background:url(images/tab02.jpg) 0 0 no-repeat;
}
#tabs li div.tab03{
	background:url(images/tab03.jpg) 0 0 no-repeat;
}
#tabs li div.tab04{
	background:url(images/tab04.jpg) 0 0 no-repeat;
}
#tabs li div.tab05{
	background:url(images/tab05.jpg) 0 0 no-repeat;
}
ul#tabs li div:hover{
}
ul#tabs li div.current{
	background-position:0 -150px;
}
ul#tabs li div.current a{
	display:block;
	position:absolute;
	top:127px;
	left:149px;
	background:url(images/btn_more.gif) no-repeat;
	width:43px;
	height:15px;
	text-indent:-999px;
	overflow:hidden;
	z-index:9999;
}
ul#output{
	top:0;
	right:0;
	width:1000px;
	height:400px;
	position:relative;
}
ul#output li{
	position: absolute;
	width:1000px;
	height:400px;
	list-style:none;
}
.bannerWord{
	position:absolute;
	right:5px;
	top:119px;
}
/*------ content ------*/
/*------ box400 ------*/
.box400{
	float:left;
	width:400px;
}
.box400 img{
	width:400px;
}
/*------ box600 ------*/
.box600{
	float:left;
	width:600px;
}
.box600 div{
	float:left;
	width:600px;
}
.box600 .topic{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:700;
	font-size:36px;
}
.box600 .topic2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
}
.box600 .summary{
	color:#666;
}
.box600 .summary ul{
}
.box600 .summary ul li{
	list-style:none;
}
.box600 .summary .list li{
	height:60px;
	border-bottom:1px dashed #CCC;
}
.box600 .summary .list li.last{
	border-bottom:none;
}
.box600 .summary .list li a{
}
/*------ box700 ------*/
.box700{
	float:left;
	width:800px;
}
.box700 div{
	float:left;
	width:800px;
}
.box700 .topic{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:700;
	font-size:36px;
}
.box700 .topic2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
}
.box700 .summary{
	color:#666;
}
.box700 .summary ul{
}
.box700 .summary ul li{
	list-style:none;
}
.box700 .summary .list li{
	height:60px;
	padding-bottom:2px;
	margin-bottom:2px;
	border-bottom:1px dashed #CCC;
}
.box700 .summary .list li.last{
	border-bottom:none;
	margin-bottom:0;
}
.box700 .summary .list li a{
	display:block;
	text-decoration:none;
	height:60px;
	width:800px;
}
.box700 .summary .list li a img{
	float:left;
	display:block;
	width:60px;
	height:60px;
}
.box700 .summary .list li a strong{
	float:left;
	display:block;
	height:40px;
	width:716px;
	padding-top:20px;
	font-weight:100;
	cursor:pointer;
}
.box700 .summary .list li a span{
	float:left;
	display:block;
	width:24px;
	height:60px;
	text-indent:-999px;
	overflow:hidden;
}
.box700 .summary .list li a:hover span{
	background:url(images/icon02.png) no-repeat;
}
/*------ box1000 ------*/
.box1000{
	float:left;
	width:1000px;
}
.box1000 div{
	float:left;
	width:1000px;
}
.box1000 .topic{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:700;
	font-size:36px;
}
.box1000 .topic2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#999;
	margin:-10px 0 20px 0;
}
.box1000 .summary{
	color:#666;
}
.productList{
	float:left;
	width:1000px;
}
.productList div{
	float:left;
}
.productList .box{
	width:480px;
	margin-bottom:20px;
}
.productList .box .first{
	border-bottom:1px solid #999;
}
.productList .box .first .left{
	width:220px;
}
.productList .box .first .left a{
	display:block;
	position:relative;;
	width:220px;
	height:210px;
	overflow:hidden;
	border-right:1px solid #ddd;
}
.productList .box .first .left a img{
	position:absolute;
	top:-10px;
	left:0;
}
.productList .box .first .right{
	width:260px;
}
.productList .box .first .right span{
	float:left;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:44px;
	width:240px;
	height:66px;
	padding:2px 0 0 20px;
	color:#999;
}
.productList .box .first .right ul{
	float:left;
}
.productList .box .first .right ul li{
	float:left;
	list-style:none;
	width:242px;
	padding:0 0 0 18px;
	margin:0 0 4px 0;
	font-size:13px;
}
.productList .box .other{
	border-bottom:1px dashed #999;
}
.productList .box .last{
	border-bottom:none;
}
.productList .box .other .left{
	padding:5px 0 5px 18px;
	width:202px;
	border-right:1px solid #ddd;
}
.productList .box .other .right{
	padding:5px 0 5px 18px;
	width:172px;
}
.productList .btn_back{
	width:1000px;
	text-align:center;
	padding:1px 0 0 0;
}
/*------ bottom ------*/
#subNav{
	background:url(images/subNav.gif) no-repeat;
	float:left;
	width:1000px;
}
#subNav div{
	float:left;
}
#subNav div a{
	display:block;
	width:200px;
	height:109px;
	padding:26px 25px 0 25px;
}
#subNav div a span{
	color:#888;
	font-size:13px;
	line-height:1.3;
}
#subNav div a:hover{
	/*background:url(images/bg_b.gif) repeat-x;*/
	text-decoration:none;
}
#subNav div a:hover strong{
	color:#000;
	font-size:15px;
}
#subNav div a:hover span{
	color:#666;
	text-decoration:underline;
}
/*------ footer ------*/
#footer .footerLogo{
	position:absolute;
	left:0;
	top:18px;
}
#footer .company{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2b2b2c;
	position:absolute;
	left:67px;
	top:19px;
}
#footer .btn{
	position:absolute;
	right:0;
	top:35px;
}
#footer .btn div{
	float:left;
	margin:0 2px 0 0;
}
#footer .btn div.last{
	margin:0;
}