/*------------------------------------------------------------
         header
------------------------------------------------------------*/
TH {
	FONT-SIZE: 12px;
}
TD {
	FONT-SIZE: 12px;
	LINE-HEIGHT: 170%;
	WORD-BREAK: normal;
	
}
ul, li, a, span, p {
	padding:0;
	margin:0;
	list-style:none;
	font:12px "\5FAE\8F6F\96C5\9ED1";
}
img {
	border:0px;
}
.dis {
	display: block;
}
.clearfix:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
.clear {
	clear:both;
}
.left {
	float:left !important;
}
.right {
	float:right !important;
}
a:link {
	text-decoration: none;
	color: #494848;
}
a:visited {
	text-decoration: none;
	color: #494848;
}
a:hover {
	text-decoration:underline;
	color: #F00;
}
a:active {
	text-decoration: none;
	color: #000;
}
body {
	color: #494848;
	font-size:12px;
	text-align: center;
	font:12px "\5FAE\8F6F\96C5\9ED1";
	zoom: 1;
	margin: 0;
}

#container {
	text-align: center;
}

.mainBox {
	margin: -60px auto 0;
	background: url(/images/main_bg01.png) no-repeat left top;
	width: 1110px;
	padding: 50px 0 0 0;
	position: relative;
	zoom: 1;
}

* html #main {
	zoom: 1;
}
*+html #main {
	zoom: 1;
}
#main {
	background: url(/images/main_bg02.png) repeat-y left top;
	width: 1040px;
	_width: 1110px;
	padding: 0 35px 20px;
}
#main:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

#header01 {
	position: relative;
	width: 100%;
	z-index: 10000;
}

#header01 .headerBox {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10000;
}

#header01 .headerBox .hBox {
	width: 1040px;
	margin: auto;
	padding: 25px 0 20px 0;
}
#header01 .logo {
	float: left;
}

#header01 .logo img {
	display: block;
}

#header01 .rBox {
	width: 500px;
	text-align: right;
	float: right;
}

#header01 .rBox .tel {
	line-height: 25px;
	color: #000;
}

.mainVisual {
	clear: both;
	overflow: hidden;
	width: 100%;
}
.topBox {
	margin-bottom: 20px;
	background-color: #d1d1d1;
}

.topBox .photoBox {
	width: 1040px;
	margin: auto;
	position: relative;
}
.topBox .photoBox img {
	position: absolute;
	left: 0;
	top: -30px;
	z-index: 10000;
}
.topBox .tel {
	text-align: right;
	width: 1040px;
	margin: auto;
}

.topBox .neirong {
	background-color: #3070b0;
}

.topBox .neirong .nei {
	width: 1040px;
	padding: 20px 0;
	text-align: right;
	margin: auto;
	background: url(/images/top_bg.jpg) no-repeat center top;
}

.topBox .neirong .nei p {
	line-height: 30px;
}

.topBox .neirong .nei .p01 {
	color: #d1d1d1;
	font-size: 21px;
	font-weight: bold;
}

.topBox .neirong .nei .p02 {
	color: #fff;
	font-size: 14px;
}

.titleBanner {
	text-align: center;
}

.titleBanner img {
	width: 100%;
}

/*================Nav======================*/
.gnavi {
	clear: both;
	background: url(/images/g_navi_bg.png) repeat-x left top;
	width: 100%;
}
.gnavi .g_navi {
	width: 1040px;
	margin: auto;
	text-align: left;
}

#Nav li {
	float: left;
	width: 130px;
	display: block;
	text-align: center;
	z-index: 10000;
}

#Nav li a {
	padding: 9px 0 8px 0;
	color: #fff;
	display: block;
	font-size: 14px;
}

#Nav li a span {
	display: block;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}

#Nav li a:hover {
	text-decoration: none;
	color: #fe8504;
}

#Nav LI DIV {
	DISPLAY: none;
	Z-INDEX: 20;
	LEFT: 0;
	OVERFLOW: hidden;
	POSITION: absolute;
	TOP: 40px;
	width: 180px;
	background-color: #fff;
}
#Nav LI DIV P {
	padding: 0 0 0 30px;
	text-align: center;
	CURSOR: pointer;
	TEXT-ALIGN: left;
	line-height: 12px;
	color: #fff;
}

#Nav LI DIV P A {
	font-size: 12px;
	COLOR: #fff;
	display: block;
	padding: 9px 7px 10px;
	width: 200px;

}
#Nav LI DIV P A:hover {
	color: #ff9600;
}


/*------------------------------------------------------------
         about
------------------------------------------------------------*/

.aboutBox {
	background-color: #3070b0;
}

.aboutBox .about {
	width: 1040px;
	margin: auto;
}
.aboutBox .about .photoBox {
	float: right;
}

.aboutBox .fizeBox {
	width: 451px;
	float: left;
}


.aboutBox .fizeBox span {
	color: #fff;
}
.fizeBox {
	padding: 20px 10px 0;
}

.fizeBox span {
	font-size: 14px;
}

.innerBox {
	width: 1040px;
	margin: auto;
}

.innerBox .newBox {
	width: 515px;
	float: left;
}


.innerBox .news a {
	font-size: 14px;
	background: url(/images/icon01.jpg) no-repeat left center;
	padding-left: 10px;
	display: block;
	line-height: 20px;
}

.innerBox .newBox .news {
	padding: 20px 10px 0 30px;
	zoom: 1;
	text-align: left;
}

.innerBox .newBox .news a {
	font-size: 14px;
	padding-left: 20px;
	line-height: 22px;
	background: url(/images/icon01.jpg) no-repeat left center;
}

.innerBox .contactBox {
	width: 517px;
	float: right;
}

.innerBox .contactBox .contact {
	background: url(/images/evm.jpg) no-repeat right 20px;
}

.innerBox .contactBox .contact span {
	font-size: 14px;
	line-height: 35px;
}

.innerBox .contactBox .contact span span {
	font-size: 18px;
}


/*------------------------------------------------------------
         productsBox
------------------------------------------------------------*/
.productsBox {
	width: 1040px;
	margin: 0 auto 15px;
	clear: both;
	padding: 20px 0 20px 0;
	text-align: left;
}

.productsBox .pr ul {
	background: url(/images/line01.jpg) repeat-x left top;
	zoom: 1;
	width: 780px;
	margin: auto;
}

.productsBox .pr ul li {
	width: 150px;
	float: left;
	text-align: center;
}

.productsBox .pr ul li a {
	background: url(/images/s_navi.jpg) repeat-x left top;
	margin-right: 5px;
	display: block;
	line-height: 30px;
	padding-bottom: 5px;
	color: #000;
}
.productsBox .pr ul li a:hover {
	background: #39b54a url(images/s_navi_bg.jpg) no-repeat center bottom;
	color: #fff;
	text-decoration: none;
}

.productsaa {
	width: 1040px;
	margin: auto;
}
.productsaa .title {
	text-align: center;
	margin-bottom: 20px;
}

.productsaa .pr {
	width: 1040px;
	margin: 0 auto 15px;
}

.productsaa .marquee {
	width: 1040px;
	margin: auto;
}

.detailBox {
	background: url(/images/detail_bg.jpg) no-repeat center top;
	width: 1013px;
	height: 495px;
	margin: 0 auto 30px;
}

.detailBox .detail {
	width: 324px;
	float: left;
	padding-top: 130px;
	margin-right: 20px;
}
.detailBox .detail span {
	color: #fff;
	text-align: center;
	font-size: 13px;
	line-height: 27px;
}

.detail02 {
	width: 672px;
	margin: auto;
}

.detail02 {
	clear: both;
}
.detail02 .detail {
	padding-top: 30px;
}

/*------------------------------------------------------------
         link
------------------------------------------------------------*/
.link {
	padding: 10px 0;
	text-align: left;
	width: 1040px;
	margin: 0 auto;
	color: #000;
}

.link span {
	font-size: 14px;
}
.link a {
	color: #000;
	font-size: 14px;
}

/*------------------------------------------------------------
         footer
------------------------------------------------------------*/
#footer {
	clear: both;
	background: #11447f url(images/footer_bg.jpg) repeat-x left bottom;
	color: #fff;
	text-align: center;
	overflow: hidden;
	padding-bottom: 30px;
}

.footerBox {
	text-align: center;
	padding: 15px 0 10px 0;
}

#footer p a {
	font-size: 14px;
	color: #fff;
}
#footer p a:hover {
	color: #F00;
}

#footer .footerBox .lBox {
	padding-top: 30px;
	width: 800px;
	float: left;
	text-align: left;
}
#footer .footerBox .rBox {
	float: right;
	width: 142px;
}

#footer .footerBox p {
	line-height: 30px;
	font-size: 14px;
	color: #fff;
}
.footerBox p {
	clear: both;
}
/*------------------------------------------------------------
         sideBar
------------------------------------------------------------*/

#sideBar {
	margin-bottom: 20px;
}
.pr {
}

.pr .title {
	text-align: center;
	margin-bottom: 20px;
}

#sideBar .pr .listBox ul li {
	float: left;
	text-align: center;
	margin-right: 5px;
	width: 200px;
}

#sideBar .pr .listBox ul {
	zoom: 1;
}

#sideBar .pr .sNavi a {
	background: url(/images/s_navi.jpg) repeat-x left top;
	color: #363636;
	line-height: 30px;
	padding-bottom: 7px;
	display: block;
	font-size: 14px;
}
#sideBar .pr .sNavi a:hover {
	background: #39b54a url(images/s_navi_bg.jpg) no-repeat center bottom;
	color: #fff;
	text-decoration: none;
}

.pr .sNavi {
	zoom: 1;
}

.pr .sNavi p {
	padding-left: 10px;
	font-size: 14px;
	color: #c21200;
	text-align: left;
}

.banner01 {
	width: 1002px;
	margin: auto;
}

#sideBar .contactBox {
	zoom: 1;
	width: 272px;
	background-color: #fff;
}

#sideBar .contactBox .title {
	background-color: #fff;
}

#sideBar .contactBox .contact {
	padding: 0;
	clear: both;
	padding: 5px 5px 5px 15px;
	_width: 249px;
}
#sideBar .contactBox .contact span {
	line-height: 30px;
	color: #444444;
	font-size: 14px;
}
#sideBar .contactBox .contact span span {
	font-size: 16px;
	font-weight: bold;
	color: #ff7200;
}
#sideBar .contactBox .contact p {
	font-size: 15px;
	margin-bottom: 10px;
}

#sideBar .contactBox .contact .evm {
	text-align: center;
}

/*------------------------------------------------------------
	side
------------------------------------------------------------*/
.sidetitle {
	CLEAR: both;
	WIDTH: 199px;
	text-align:center;
}
#sidelist {
	width:100%;
}
#sidelist UL LI {
	position: relative;
	float: left;
	width: 255px;
	z-index: 500;
}
#sidelist UL LI A {
	display: block;
	color: #464746;
}
#sidelist UL LI A:hover {
	color: #fff;
}
#sidelist UL LI UL {
	position: absolute;
	left: -999em;
	margin: 0px 0px 0px 220px;
	top: 0px;
}
#sidelist UL LI UL LI A {
	margin-left: 20px;
	padding-left: 25px;
	display: block;
	font-size: 12px;
}
#sidelist UL LI UL LI {
	width: 180px;
	float: left;
}

#sidelist LI:hover UL {
	left: auto;
}
#sidelist LI.sfhover UL {
	left: auto;
}

/*------------------------------------------------------------
         conts
------------------------------------------------------------*/

#conts {
	width: 1040px;
	margin: auto;
}

#conts .products {

}
 
#conts .bg {
	margin-bottom: 10px;
	padding: 9px 10px 9px 10px;
	background-color: #e9e9e9;
	zoom: 1;
}

#conts .bg li {
	float: left;
	font-size: 16px;
	color: #3070b0;
}

#conts .bg .list {
	font-size: 14px;
	color: #333;
	float: right;
	text-align: right;
}

#conts .bg .list a {
	background: url(/images/admin_home.gif) no-repeat left center;
	font-size: 14px;
	padding-left: 20px;
	color: #333;
}

.about_box .news {
	width: 490px;
	float: left;
}

.about_box .ttl {
	font-size: 14px;
	color: #fff;
	background-color: #e6212a;
	padding: 8px;
}

.about_box .news a {
	font-size: 14px;
	background: url(/images/icon01.jpg) no-repeat left center;
	padding-left: 15px;
	margin-left: 20px;
}

.about_box .contact {
	width: 490px;
	float: right;
	background: url(/images/evm.jpg) no-repeat right center;
}

.about_box .contact span {
	font-size: 14px;
	line-height: 35px;
}

.hover a {
	background-color: #fff;
	padding: 5px;
	display: block;
	border: 1px dotted #CCC;
	width: 300px;
	height: 200px;
}

.hover a:hover {
	border: 1px solid #F00;
}