@charset "utf-8";
/* ----------------------------------------------------------------------------------------- 
Author: ToStray
OO:363539981
Created on: 2010.11.05
----------------------------------------------------------------------------------------- */

/*CSS RESET
-------------------------*/
html,body,div,span,iframe,img,ol,ul,li,h1,h2,h3,h4,h5,h6,p,blockquote,a,address,cite,em,fieldset,form,label,table,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0;font-size:100%;}
table{border-collapse: collapse; border-spacing: 0; }
li    {list-style: none;}
strong{font-weight: bold;}
em,cite,strong{ font-style: normal;}
a       {text-decoration: none; color: #666;}
a:hover {color: #333;}
.hand {cursor: pointer;}
/*Layout Tool
---------------------------*/
.NoBr {word-break: keep-all;white-space: nowrap;}/*禁止不换行*/
.breakBr {word-break: break-all;}/*强制换行*/
.CnBr {word-break: keep-all;word-wrap: break-word;}/*英文换行换行*/
.hide-block{text-indent: -9999px;} /*适用于块级元素*/
.hide-all {line-height:0;font-size:0;overflow:hidden;} /*适用于块级和内联元素*/
.hide-form {font-size:	0;line-height: 0;text-indent: -9999px;}/*适用input元素*/
.clear:after{content: "\20";display: block;height: 0;clear: both;visibility:hidden;}/*无需添加清除浮动*/
.clear{zoom: 1;}
.clear-div {clear: both;display: block;float: none;font-size: 0;overflow: hidden;visibility: hidden;width: 0;height: 0;}/*添加标签清除浮动*/
.c {text-align: center;}
.l { text-align: left;}
.r { text-align: right}
.fl { float: left;}
.fr { float: right;}
.none {display: none;}

/*Web Style
--------------------------*/
body {font-size: 12px; font-family: Arial; background: url(../Images/repeat-X.jpg) repeat-x left -345px; text-align: center; color:#6F6F6F;}
.topkee-hd,.topkee-bd,.topkee-ft { width: 1000px; margin:0 auto;}
.Sptopkee {background: url(../Images/topkeeFive.gif) no-repeat; border:none;}
/*css tool*/
.w780 {width: 780px;}
.w960 { width: 960px; margin:0 auto; text-align: left;}
.w900 { width: 900px; margin:0 auto; text-align: left;}
.mb30 { margin-bottom: 30px;}
.BOXb {margin:0 auto; border-width:0 2px 1px 2px; border-style: solid; border-color:#fff #F3F4F4 #eaecea #F3F4F4;}


/*头部*/
.topkee-hd { position: relative; height: 218px;}
.hd-wrap { background: url(../Images/repeat-X.jpg) repeat-x; height: 118px;border:2px solid white; position: absolute;  left:18px; top:0;z-index: 2000;}
.CE {padding:3px 5px 0 0;}
.CE span{ padding:0 5px;}
.Logo { margin: 30px 0 30px 30px;}
.form { float: right; display: inline; margin:50px 20px 0 0;}
.form input {color: #797979;}
.submit { text-indent: -9999em; font-size:0; width:32px; height:20px; background-position:-133px -8px; margin-left: 15px; vertical-align: top; cursor: pointer;}

/*导航*/
#navlist {position: absolute;background: url(../Images/topkeeFive.gif) no-repeat -497px -93px; width: 977px; height:77px; padding-left: 23px; left:0; top:112px;}
.navR {background: url(../Images/topkeeFive.gif) no-repeat 944px -7px;height:67px; padding-top: 10px; padding-right: 23px;}
.Nav {background: url(../Images/repeat-X.jpg) repeat-x left -237px; width: 954px; height: 53px;}
.Nav li {display: inline;}
.Nav li a {float: left; padding: 19px; border-right: 1px solid #87A718; font-size: 14px; color: #fff;}
.Nav li a.nob {border-right:none;}
.Nav li a:hover,.Nav li a.current { background: url(../Images/repeat-X.jpg) repeat-x left -291px;}

/*公告内容*/
.Notice {position: absolute; bottom: 0; height: 40px; line-height: 40px; border:2px solid #fff; left:18px;background: url(../Images/repeat-X.jpg) repeat-x left -190px;}
.Notice strong {padding-left: 20px;}
.tip {float: right; width: 30px; height: 30px; margin:5px 10px 5px 0; background-position:-225px -144px;}

/*底部*/
.F_bg {padding:20px 0; background-position: 17px -493px;}
.FNav { padding: 10px 0;}
.FNav a { padding:0 5px; color:#9DB221; text-decoration: underline;}

/*中间部分*/
.bd-bg {background: url(../Images/bd-bg.jpg) repeat-x left top;height:auto !important; height: 550px; min-height: 550px; padding:20px 30px 0;}
.whiteBG {background: url(../Images/bd-bg.jpg) repeat-x left top;}
.C_bg {background: url(../Images/C_bg.jpg) repeat-x left bottom; padding-bottom: 30px;}
.h2Title {padding: 20px 30px; background-color:#fff; font-size: 20px; font-weight: normal;}
.h2Title em {color:#99B41E; padding-right: 5px;}
	
	/*首页产品滚动*/
	#mycarousel li img {border:1px solid #ddd; padding: 3px; text-align: center;}
	.More {display: block; background: url(../Images/topkeeFive.gif) no-repeat -180px -5px; width:92px; height:24px; text-indent: -999em;}
	
	/*公司简介*/
	.About {padding: 20px 40px; border-bottom: none;}
	.AboutTitle {padding: 15px 5px; font-size: 20px;}
	.aboutTip {float:right;width:89px;height:98px;background-position:-5px -257px;}
	
	/*产品服务*/
	.Service {background-color: transparent; padding-top: 0px; border-bottom: none;}
	.ServiceList { padding-left: 35px;}
	.ServiceList li { width: 732px;}
	.ServiceList li h3 {font-size: 14px; color: #333; margin-bottom: 10px;}
	.ServiceList li.class1 { background: url(../Images/topkeeFive.gif) no-repeat -908px -163px; height:65px; padding-left: 68px;border-bottom:1px dashed #CACECA; padding-bottom: 20px; margin-bottom: 20px;}
	.ServiceList li.class2 { background: url(../Images/topkeeFive.gif) no-repeat -568px -358px; height:65px; padding-left: 68px;}

/*
*内页样式
*/
.sidebar-270 {float: right; width: 270px;}
.left-570 {width: 570px; line-height: 1.7;}
	/*右栏*/
	.h3-Title {padding: 15px 5px; font-size: 18px;}
	.h3-Title em {color: #99B41E; padding-right: 3px;}
	.h3-Title span {font-size: 10px; font-family: "Courier New"; text-transform: uppercase;}
	.leftNav li { background: url(../Images/topkeeFive.gif) no-repeat -289px -4px;width:207px;height:34px; line-height: 34px; padding-left: 25px; margin-bottom: 3px;}
	.leftNav li a.current {color: #99b41e;}
	
	/*左栏*/
	.r-h2-title { padding: 15px 0;font-size: 18px; border-bottom:1px solid #ddd; margin-bottom: 10px;}
	
	/*最新信息*/
	.Newlist { padding-left: 10px;}
	.Newlist li {background: url(../Images/topkeeFive.gif) no-repeat -941px -457px; padding-left: 18px; margin-bottom: 3px;}
	.Newlist li span {float: right; width: 80px; text-align: left;} 
	.H-NewTitle { font-size: 15px;}
	.Show-con {padding-top: 20px;}
	
	/*产品展示列表*/
	.Topkee-list {font-size: 0; letter-spacing: -3px; margin-top: 20px;}
	.Topkee-list li {display: inline-block; *display: inline; *zoom:1; line-height: 14px; font-size: 12px; width: 150px; letter-spacing:0; vertical-align:top; text-align: center; margin-left: 30px; margin-bottom: 10px;}
	.Topkee-list li div img {padding: 1px; border:1px solid #ddd;}
	.Topkee-list li em { display: block; padding-top: 5px;}
	.Topkee-list li em a { color: #99B41E;}
	
	.pro-img {float: left; margin:0 10px 10px 0;}
	
	/*分页*/
	#hidePage { margin-top: 20px;}
	
	/*站点地图*/
	.SiteMap { margin: 0 20px;}
	.SiteMap  dt{ font-size: 14px; border-bottom: 1px dashed #ddd; margin-top: 10px;}
	
	/*首页滚动*/
	.demo{width:940px; margin: 10px;}
	ul.marquee{display: block;line-height: 1;position: relative;overflow: hidden;width: 920px; height: 22px; } 
	ul.marquee li{position: absolute; top: -999em;left: 0;display: block;  line-height:20px;padding: 3px 5px;white-space: nowrap;  text-indent:0.8em;}
	.marquee li a {margin-right: 150px;}