@charset "utf-8";
.logo {
	background-image:url(/images/logo.gif);
	height: 90px;
	width: 284px;
	float: left;
	background-repeat: no-repeat;
	background-position: left center;
}
.banner {
	background-image: url(/images/banner.gif);
	background-repeat: no-repeat;
	float: right;
	height: 90px;
	margin-right: 45px;
	width: 650px;
	background-position: left center;
}
.foot_link {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	height: 26px;
	background-color: #F9F9F9;
	font-family: "宋体";
	font-size: 12px;
	line-height: 26px;
	color: #666;
	text-align: center;
	margin-bottom: 12px;
}
.otherInfo {
	clear: both;
	height: auto;
	width: 132px;
	margin-right: auto;
	margin-left: auto;
	padding: 5px;
	border: 1px solid #CCC;
}
.otherInfo .title {
	height: 25px;
	width: 132px;
	margin-right: auto;
	margin-left: auto;
	background-color: #CCC;
	font-size: 14px;
	line-height: 25px;
	font-weight: bold;
	color: #333;
	text-align: center;
}
.otherInfo .phone {
	line-height: 22px;
	text-align: left;
	padding-left: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.friend_logos {
	width: 140px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}
.operation_online {
	width: 99%;
	margin-right: auto;
	margin-left: auto;
}
.operation_online_title {
	font-size: 12px;
	line-height: 22px;
	color: #06C;
	height: 22px;
}
.operation_online ul li {
	background-image0: url(/images/ico_01.png);
	background-position0: 10px;
	background-repeat: no-repeat;
	height:40px;
	line-height:40px;
	padding-left: 0px;
}
.otherInfo .cotj {
	width: 132px;
	overflow: hidden;
	background-color: #f1f1f1;
}
.otherInfo .cotj .cotj_title {
	font-family: "宋体";
	line-height: 25px;
	font-size:14px;
	color: #000;
	height: 25px;
	font-weight:bold;
	text-align: center;
}
.otherInfo .cotj ul {
	width: 124px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
}
.otherInfo .cotj ul li {
	height: 35px;
	width: 106px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
}
.listbox1 {
	width: 158px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #57b749;
	background-color: #FFF;
}
.listbox1 .listbox1_title {
	background-position: 0px 0px;
	height: 30px;
	background-image: url(/images/listbox1_title_back.gif);
	padding-left: 25px;
	font-family: "宋体";
	line-height: 30px;
	font-weight: bolder;
	color: #333;
	font-size: 14px;
}
.listbox1 ul li {
	background-image: url(/images/ico_01.gif);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-left: 25px;
	line-height: 22px;
	color: #000;
}
.productcenter {
	overflow: hidden;
	width: 168px;
	background-color: #f2f2f2;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 5px;
}
.productcenter .productcenter_title {
	font-family: "宋体";
	font-size: 14px;
	line-height: 28px;
	color: #606060;
	padding-left: 10px;
	font-weight: bold;
}
.productcenter .productcenter_content {
	width: 152px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	0background-color: #FFF;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}
.productcenter .productcenter_content ul {
	margin: 0px;
	padding: 0px;
}
.productcenter .productcenter_content ul li {
	width: 76px;
	float: left;
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}
.listbox2 {
	width: 660px;
	margin-right: auto;
	margin-left: auto;
}
.listbox2 .listbox2_title {
	line-height: 35px;
	background-image: url(/images/title_back.png);
	height: 37px;
	background-repeat: no-repeat;
	background-position: center 0px;
	font-family: "宋体";
	color: #62655e;
	padding-left: 25px;
	font-size: 14px;
	font-weight: bold;
}
.listbox2 .listbox2_content {
	padding: 10px;
}
.listbox2 .listbox2_content ul .title {
	float: left;
	width: 300px;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	background-image: url(/images/ico_02.gif);
	background-repeat: no-repeat;
	background-position: 8px center;
	overflow: hidden;
}
.listbox2 .listbox2_content ul .image {
	width: 125px;
	float: left;
	list-style-type: none;
	list-style-image: none;
	text-align: center;
	padding: 0px;
}
.listbox2 .listbox2_content ul .image .font {
	text-align: center;
	line-height: 25px;
	height: 25px;
	width: 110px;
}
.listbox3 {
	background-image: url(/images/listbox_back.png);
	height: 80px;
	width: 632px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 5px;
	margin-left: 10px;
}
.listbox3 .listbox3_title {
	height: 83px;
	width: 29px;
	font-size: 12px;
	line-height: 20px;
	color: #000;
	text-align: center;
	float: left;
}
.listbox3 .listbox3_content {
	float: left;
	width: 600px;
}
.listbox3 .listbox3_content ul .title {
	float: left;
	width: 250px;
	padding-left: 25px;
	background-image: url(/images/ico_02.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	line-height: 18px;
	overflow: hidden;
	height: 18px;
}
#MENU {
	width:100%;
	over-flow:hidden;
	margin:auto;
	height:51px;
	background-image: url(/images/Menu_back.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	clear: both;
}
#nav_box {
	height:26px;
	width:100%;
	text-align:center;
	margin-left: 80px;
}
#MENU div.menuOn {
	background-image: url(/images/Menu_b.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color:#FFF;
	float: left;
	clear: none;
	height: 26px;
	width: 67px;
	font-size: 12px;
	line-height: 24px;
}
#MENU div.menuNo {
	font-weight:normal;
	color: #333;
	float: left;
	clear: none;
	background-image: url(/images/Menu_b.png);
	background-position: 0px -26px;
	background-repeat: no-repeat;
	height: 26px;
	width: 67px;
	font-size: 12px;
	line-height: 24px;
}
#line {
	width:0px;
	height:22px;
	background-image: url(2.jpg);
	background-repeat: no-repeat;
	float:left
}
#MENU .slidingList_none {
	display:none;
	height: 0px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	width: 0px;
	visibility: hidden;
}
#MENU .slidingList {
	width:100%;
	margin:0px;
	padding:0px;
	height:24px;
	clear:both;
	background-image: url(3.jpg);
	background-repeat: repeat-x;
	line-height:24px;
	overflow: hidden;
}
#MENU .slidingList ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
#MENU .slidingList li {
	float:left;
	height:24px;
	line-height:24px;
	font-size:12px;
	text-indent:20px;
	margin: 0px;
	padding: 0px;
	color: #FFF;
	font-family: "宋体";
}
#MENU .slidingList ul li a {
	font-size: 12px;
	line-height: 24px;
	color: #FFF;
	margin: 0px;
	padding: 0px;
}
.search {
	background-image: url(/images/search_back.gif);
	height: 31px;
	width: 100%;
	padding-left: 50px;
	padding-top: 3px;
}
.search .search_but {
	margin: 0px;
	padding: 0px;
}

/*By Program 2009-05-24*/

.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }

/**********************************************
	myform
***********************************************/
.feedback{ margin:0; padding:0; width:680px; height:auto; padding-top:0; float:left; text-align:left; }
.myform{ margin-top:0px;}
.myform fieldset { padding:5px; border:1px solid #fff; width:460px; margin: 5px auto; text-align:left; }
.myform fieldset legend { color:#D8DEDA; font-weight:bold; font-size:14px; padding:3px 10px 3px 10px; border:1px solid #fff; margin-top: 10px; }
.myform div { width:100%; clear:both; }
.myform div label { float:left; width:180px; text-align:right; margin:1px; padding-right: 10px; }
.myform input, .myform select, .myform textarea { padding:1px; margin:2px; font-size:12px; border: 1px solid #CCCCCC; vertical-align: text-bottom; background: #FFFFFF; }
.myform .btn { background: url(../skin/Yah_Btnbg.jpg); margin: 10px 5px; padding: 0px 5px; height: 24px; line-height: 20px; border: 1px solid #666666; }

.myform dl { width:100%; clear:both; 0background: #000000; }
.myform dd { width:100%; color:#666666; line-height:30px;}
.myform dd label { float:left; width:80px; text-align:right; margin:1px; padding-right: 10px; }

/****************************************************
News Style
*****************************************************/
.news_box{ width:489px; margin-top:5px; margin-bottom:10px; border-bottom-color: #999999; border-bottom-width: 1px; border-bottom-style: solid; height:150px; }
.news_box_left { width:130px; height:140px; float:left; }
.news_box_right { width:340px; height:140px;; float:right; line-height:20px;}
/*Home Products*/

.homeproductbox{ width:100%; margin:1px auto;}
.productbox ul { margin:0; padding:0; list-style: none; display:block; width:100%; text-align:left; height:auto!important; }
.productbox ul li { margin:0; padding:0; float:left; display:inline; width:153px; height:210px; text-align:left; margin-left:3px; color:#999999; font-weight:bold; font-size:12px; font-family:"Times New Roman"; }
.productbox ul li img{ width:140px;height:140px; text-align:center; border:1px; border-color:#CCCCCC; border-style:solid;}
.productbox ul li a { font-weight:bold; text-align:left; text-decoration:none;}
.productbox ul li a:hover { font-weight:bold; text-decoration:none;}
.productbox ul li span { width:150px; text-align:left; font-family:"Times New Roman";}
/****************************************************
Products 
*****************************************************/
.listproduct {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.listproduct .listbox2_title {
	line-height: 35px;
	background-image: url(/images/title_back2.png);
	height: 37px;
	background-repeat: no-repeat;
	background-position: center 0px;
	font-family: "宋体";
	color: #62655e;
	padding-left: 25px;
	font-size: 14px;
	font-weight: bold;
}
.productbox{ width:100%; margin:1px auto;}
.productbox ul { margin:0; padding:0; list-style: none; display:block; width:100%; text-align:left; height:auto!important; }
.productbox ul li { margin:0; padding:0; float:left; display:inline; width:153px; height:210px; text-align:left; margin-left:3px; color:#999999; font-weight:bold; font-size:12px; font-family:"Times New Roman"; }
.productbox ul li img{ width:140px;height:140px; text-align:center; border:1px; border-color:#CCCCCC; border-style:solid;}
.productbox ul li a { font-weight:bold; text-align:left; text-decoration:none;}
.productbox ul li a:hover { font-weight:bold; text-decoration:none;}
.productbox ul li span { width:150px; text-align:left; font-family:"Times New Roman";}
.productsdetail { font-size:12px; font-weight:normal; color:#000000; font-weight:normal; padding:10px;}

.nexttopclose {padding-top:30px;text-align:center; width:100%; color:#000000; height:20px; font-size:12px; font-weight:normal;}
.nexttopclose a { color:#000000; text-decoration:none;}

/*Page control*/
.pagecontrol { font-size:12px; margin:0; padding:0; width:100%; text-align:center; color:#000000; font-family:"Times New Roman";font-weight:normal;}
.pagecontrol a { color:#000000; text-decoration:none;}
.pagecontrol a:hover { color:#FF6600;}


/****************************************************
News Style
*****************************************************/
.newslist { width:680px; height:auto; line-height:20px; padding-top:5px; color:#000000; font-weight:normal; text-decoration:none;}
.newslist ul { width:100%; height:auto; padding:0; margin:0; list-style-type: none;}
.newslist ul li{ width:610px; height:120px; line-height:20px; float:left; text-decoration:none; color:#000000; text-align:left; padding-left:5px; font-size:12px;  padding-top:10px; margin-top:15px; border:1px; border-color:#CCCCCC; border-style:solid; text-decoration:none;}
.newslist ul li a{ color:#000000;}
.newslist ul li a:hover{ color:#666666;text-decoration:none;}
.newslist ul li span{text-decoration:none;}

.detail { width:100%; height:auto; line-height:20px; text-decoration:none; font-weight:normal;}
.detail a { text-decoration:none;}

/*Product FAQ*/
.productfaq { margin:0; padding:0; width:230px; height:354px; background:url(images/zb_25.gif) no-repeat;}
.productfaq span {width:100px; height:200px; line-height:136px; font-weight:bold; font-size:14px;margin-left:120px;}
.productfaqlist { margin:0; padding:0; width:200px; height:auto; line-height:22px; margin-top:25px; font-family:"宋体";}
.productfaqlist ul {width:100%; height:auto; padding:0; margin:0; list-style-type: none;}
.productfaqlist ul li { float:left; width:229px; line-height:22px; heigh:22px; text-align:left;}
.productfaqlist ul li a {color:#000000; font-size:12px; font-weight:bold;text-decoration:none; fon}
.productfaqlist ul li a:hover { color:#FF6600;}
.productfaqlist ul li span{ width:100px; height:21px; line-height:21px; margin:0; padding:0; margin-left:85px; float:left; text-align:left;}

/*catalogry*/
.catalogry { float:right; width:715px; height:auto; line-height:30px; padding-top:0px; color:#000000; font-weight:normal; text-decoration:none; padding-left: 10px;}
.catalogry ul { width:100%; height:auto; padding:0; margin:0; list-style-type: none;}
.catalogry ul li{ width:90px; height:30px; line-height30px; float:left; text-decoration:none; color:#000000; text-align:center; font-size:13px;  padding-top:0px; margin-top:5px; background:url(images/catalogry.gif) no-repeat;}
.catalogry ul li a{ color:#000000; text-decoration:none;}
.catalogry ul li a:hover{ color:#666666;text-decoration:none;}
.catalogry ul li span{text-decoration:none;}
/*Class Products*/
.productcenter .classproducts {width:100%; height:400px; }
.productcenter .classproducts ul { width:131px; height:auto; padding:0; margin:0; list-style-type: none;}
.productcenter .classproducts ul li { float:left; width:130px; height:130px; }
.productcenter .classproducts ul li a { }
.productcenter .classproducts ul li a:hover{ }
.productcenter .classproducts ul li img { border:0; width:130px; height:130px;}
