﻿@charset "utf-8";
/* CSS Document */

#dhtmltooltip {
	background: #fff;
	position: absolute;
	visibility: hidden;
	padding: 2px;
	z-index: 100;
	border: 1px solid #ddd;
	-webkit-box-shadow: #999 2px 2px 5px;
	-moz-box-shadow: #999 2px 2px 5px;
	box-shadow: #999 2px 2px 5px;
}
#clear, .clear {
	clear: both;
}

#banner {
	width: 100%;
	height: 500px;
	margin: 74px auto 0px auto;
}
#banner .arrow {
	position: absolute;
	width: 920px;
	left: 50%;
	margin: 460px 0px 0px -460px;
	z-index: 99;
	text-align: left;
}
#banner .arrow a {
	background: #000;
	display: inline-block;
	width: 30px;
	height: 10px;
	text-decoration: none;
	margin: 0px 3px 0px 3px;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	overflow: hidden;
	text-align: left;
	font-size: 0px;
}
#banner .arrow a.activeSlide {
	background: #ff9220;
	color: #fff !important;
	filter: alpha(opacity=100)!important;
	-moz-opacity: 1.0!important;
	-khtml-opacity: 1.0!important;
	opacity: 1.0!important;
}
#banner .arrow a:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	background: #ff9220;
}
#banner .banner {
	min-width: 1000px;
	overflow: hidden;
	width: 100%;
	height: 500px;
	z-index: 1;
	top: 0px;
}
#banner .banner li {
	width: 100%;
	height: 500px;
}
#banner .banner .item1 {
	background: url(../mbimg/banner1.jpg) no-repeat;
	background-position: top center;
}
#banner .banner .item2 {
	background: url(../mbimg/banner2.jpg) no-repeat;
	background-position: top center;
}
#banner .banner .item3 {
	background: url(../mbimg/banner3.jpg) no-repeat;
	background-position: top center;
}
#banner_about {
	background: url(../mbimg/banner_about_bg.jpg) repeat-x top center; height:260px; position:relative; z-index:1;
}
#banner_news {
	background: url(../mbimg/banner_news_bg.jpg) repeat-x top center;
}
#banner_support {
	background: url(../mbimg/banner_support_bg.jpg) repeat-x top center;
}
#banner_network {
	background: url(../mbimg/banner_network_bg.jpg) repeat-x top center;
}
#banner_contact {
	background: url(../mbimg/banner_contact_bg.jpg) repeat-x top center;
}
#banner_products .img {
	min-width: 1000px;
	overflow: hidden;
	width: 100%;
	height: 300px;
	z-index: 1;
	top: 0px;
}
#banner_products .img li {
	width: 100%;
	height: 300px;
}
#banner_products .arrow {
	position: absolute;
	width: 920px;
	left: 50%;
	margin: 280px 0px 0px -460px;
	z-index: 99;
	text-align: right;
}
#banner_products .arrow a {
	background: #000;
	display: inline-block;
	width: 8px;
	height: 8px;
	text-decoration: none;
	margin: 0px 1px 0px 1px;
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
	overflow: hidden;
	text-align: left;
	font-size: 0px;
}
#banner_products .arrow a.activeSlide {
	background: #013B84;
	color: #fff !important;
	filter: alpha(opacity=100)!important;
	-moz-opacity: 1.0!important;
	-khtml-opacity: 1.0!important;
	opacity: 1.0!important;
}
#banner_products .arrow a:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
	background: #013B84;
}


.banner {
	width: 100%;
	height: 300px;
	margin: 74px auto 0px auto;
}
.banner .text {
	position: absolute;
	width: 300px;
	height: 300px;
	left: 50%;
	margin-left: -475px;
	z-index: 9;
	text-align: left;
	padding-left: 650px;
	font-family:Arial, Helvetica, sans-serif;
}
.banner .text .line {
	display: inline-block;
	position: absolute;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	width: 20px;
	height: 20px;
	background: #013B84;
	border-left: 5px solid #757475;
	margin-top: -7px;
	padding: 0px 10px;
	border-radius: 0px 5px 0px 0px;
}
.banner .text .title {
	font-size: 18px;
	padding: 5px 0px;
	color: #fff;
	margin-top: 130px;
	position: relative;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	-moz-text-shadow: 1px 0px 3px #666;
	-webkit-text-shadow: 1px 0px 3px #666;
	text-shadow: 1px 0px 3px #666;
}
.banner .text .ad {
	font-size: 12px;
	padding: 5px 10px;
	color: #fff;
	position: relative;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
#complex {
	width: 1003px;
	margin: 0px auto 5px auto;
	background:#FFF;
}
#complex #left {
	width: 620px;
	height: 450px;
	display: block;
	float: left;
}
#complex #separator {
	background: url(../mbimg/complex_separator.jpg) no-repeat;
	background-position: 55px 40px;
	width: 90px;
	height: 430px;
	display: block;
	float: left;
}
#complex #right {
	width: 250px;
	display: block;
	float: right;
}
#complex #left .news {
	display: block;
	width: 620px;
}
#complex .news .title {
	height: 50px;
	line-height: 50px;
	text-align: left;
	color:#666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#complex .news .title strong {
	color: #f08519;
	font-size: 18px;
	font-weight: normal;
	display: inline-block;
	margin-right: 10px;
}
#complex .news .btn {
	background: url(../mbimg/news_btn_bg.jpg) no-repeat;
	background-position: 0px 0px;
	width: 600px;
	height: 30px;
	line-height: 30px;
	padding-left: 20px;
}
#complex .news .btn a {
	color: #777;
	display: block;
	float: left;
	width: 112px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 16px;
}
#complex .news .btn .A {
	background: url(../mbimg/news_btn_A.jpg) no-repeat;
	color: #fff !important;
	display: block;
	float: left;
	width: 112px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}
#complex .news .list {
	width: 600px;
	text-align: left;
	margin: 40px auto 0px auto;
}
#complex .news .list .time {
	width: 80px;
	display: block;
	float: left;
	text-align: center;
	color: #b3b3b3;
	font-family: Arial, Helvetica, sans-serif;
}
#complex .news .list .time strong {
	display: block;
	background: url(../mbimg/news_time_bg.jpg) no-repeat;
	background-position: 0px 0px;
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	color: #fff;
	font-size: 40px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 3px;
	webkit-text-shadow: #aaa 0px 0px 3px;
	-moz-text-shadow: #aaa 0px 0px 3px;
	text-shadow: #aaa 0px 0px 3px;
}
#complex .news .list .time strong:hover, #complex .news .list a:hover strong {
	background-position: 0px -80px;
	webkit-text-shadow: #fff 0px 0px 3px;
	-moz-text-shadow: #fff 0px 0px 3px;
	text-shadow: #fff 0px 0px 3px;
}
#complex .news .list .con {
	display: block;
	float: right;
	width: 500px;
	color: #989898;
}
#complex .news .list .con strong {
	display: block;
	font-size: 14px;
	color: #333;
	padding: 7px 0px;
}
#complex .news .list a {
	display: block;
	height: 160px;
}
#complex .news .list a:hover .con strong {
	color: #f08519;
}
#complex .news .list .con .view {
	display: block;
	background: url(../mbimg/more.png) no-repeat;
	background-position: left center;
	color: #afcf7c;
	padding: 15px 0px 15px 15px;
}
#complex .news .list .con .view:hover {
	text-decoration: underline;
}
#complex .news .list a:hover .view {
	text-decoration: underline;
}
#complex .show {
	width: 250px;
}
#complex .show .title {
	height: 30px;
	padding: 40px 0px 45px 0px;
}
#complex .show .title .cn {
	display: block;
	float: left;
	background: #f08519;
	text-align: center;
	font-size: 16px;
	color: #fff;
	width: 65px;
	height: 30px;
	line-height: 30px;
}
#complex .show .title .en {
	display: block;
	float: left;
	background: #797879;
	text-align: left;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	width: 147px;
	height: 30px;
	line-height: 30px;
	margin-left: 3px;
	color:#666;
	padding-left: 13px;
}
#complex .show .title .more {
	display: block;
	float: left;
	background: #797879;
	text-align: center;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #9a999a;
	width: 22px;
	height: 30px;
	line-height: 30px;
}
#complex .show .title .more:hover {
	color: #fff;
}
#complex .show .show_animate {
	width: 250px;
	height: 240px;
	overflow: hidden;
	z-index: 1;
	cursor: pointer;
}
#complex .show .show_animate li {
	width: 100%;
	height: 240px;
}
#complex .show .show_animate .view {
	position: absolute;
	z-index: 9;
	right: 5px;
	bottom: 60px;
	background: #f08519;
	width: 72px;
	height: 21px;
	line-height: 21px;
	text-align: center;
	color: #fff;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
#complex .show .show_animate .img {
	display: block;
	height: 170px;
}
#complex .show .show_animate .name {
	padding-top: 15px;
	text-align: left;
	color: #989898;
	font-size: 12px;
	letter-spacing: 0.5em;
}
#complex .show .show_animate .name strong {
	display: block;
	font-size: 16px;
	color: #343434;
	letter-spacing: normal;
}
#complex .show .show_animate:hover strong {
	color: #f08519;
}
#complex .show .show_arrow {
	height: 30px;
	padding: 15px 0px;
}
#complex .show .show_arrow .prev {
	background: url(../mbimg/show_animate_arrow.jpg) no-repeat;
	background-position: left top;
	display: block;
	float: left;
	width: 18px;
	height: 30px;
	cursor: pointer;
	font-size: 0px;
	margin-right: 10px;
}
#complex .show .show_arrow .prev:hover {
	background-position: left bottom;
}
#complex .show .show_arrow .next {
	background: url(../mbimg/show_animate_arrow.jpg) no-repeat;
	background-position: top right;
	display: block;
	float: left;
	width: 18px;
	height: 30px;
	cursor: pointer;
	font-size: 0px;
}
#complex .show .show_arrow .next:hover {
	background-position: bottom right;
}
#complex #navpart {
	display: block;
	float: left;
	width: 200px;
	position: relative;
}
#complex #navpart .navpart {
	position: relative;
	z-index: 999;
	width: 200px;
	margin-top: -45px;
}
#complex #navpart .navpart .angle {
	background: url(../mbimg/navpart_angle.jpg) no-repeat;
	background-position: 0px 0px;
	font-size: 0px;
	position: absolute;
	top: 32px;
	right: 0px;
	z-index: 2;
	width: 58px;
	height: 43px;
}
#complex #navpart .navpart .top {
	display: block;
	height: 32px;
	line-height: 32px;
	background: url(../mbimg/navpart_icon.png) no-repeat;
	background-position: 170px 16px;
	background-color: #013B84;
	font-size: 14px;
	color: #fff;
	text-align: left;
	width: 175px;
	padding-left: 25px;
	font-weight: bold;
}
#complex #navpart .navpart .nav {
	background: #ededed;
	border-bottom: 1px solid #fff;
	width: 180px;
	padding: 15px 10px;
	text-align: left;
}
#complex #navpart .navpart .nav a {
	display: block;
	width: 140px;
	height: 32px;
	line-height: 32px;
	padding-left: 15px;
	text-align: left;
	color: #666;
	background:url(../mbimg/arr_s.gif) left center no-repeat;
}
#complex #navpart .navpart .nav a:hover {
	color: #013B84;
	background:url(../mbimg/arr_s.gif) left center no-repeat;
}
#complex #navpart .navpart .nav .A {
	border: 1px solid #e9e9e9;
	display: block;
	width: 140px;
	height: 32px;
	line-height: 32px;
	padding-left: 15px;
	text-align: left;
	color:#000;
	font-weight:bold;
	background:url(../mbimg/arr.gif) left center no-repeat;
}
#complex #navpart .navpart .sear {
	background: #ededed;
	border-top: 1px solid #dedede;
	width: 200px;
	padding: 10px 0px;
	text-align: left;
}
#complex #navpart .navpart .sear strong {
	display: block;
	padding: 10px 0px;
	color: #013B84;
	text-align: left;
	font-size: 14px;
	background: url(../mbimg/sear_icon.png) no-repeat;
	background-position: 60px 60%;
	width: 170px;
	margin: 0px auto;
}
#complex #navpart .navpart .sear form {
	width: 170px;
	margin: 0px auto;
}
#complex #navpart .navpart .sear form #keys {
	display: block;
	width: 160px;
	padding-left: 8px;
	color: #666;
	font-size: 12px;
	height: 24px;
	line-height: 24px;
	border: 1px solid #ddd;
}
#complex #navpart .navpart .sear form .btn {
	margin: 10px 0px;
}
#complex #navpart .navpart .sear form #go {
	display: block;
	float: left;
	background: #898989;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 60px;
	height: 23px;
	line-height: 23px;
	border: 0px;
	cursor: pointer;
}
#complex #navpart .navpart .sear form #go:hover {
	background: #666;
}
#complex #navpart .navpart .sear form a {
	display: block;
	float: left;
	height: 23px;
	line-height: 30px;
	font-size: 12px;
	font-family: "Microsoft YaHei";
	color: #ccc;
	text-decoration: underline;
	margin-left: 10px;
}
#complex #navpart .navpart .sear form a:hover {
	color: #013B84;
}
#complex #navpart .navpart .service {
	padding-top: 20px;
	background-color: #ededed;
}
#complex #navpart .navpart .service .title {
	background: url(../mbimg/navpart_service_title.jpg) no-repeat;
	background-position: left bottom;
	background-color: #ededed;
	width: 150px;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
	padding-left: 50px;
	text-align: left;
}
#complex #navpart .navpart .service .con {
	border-left: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	background: #fff;
}
#complex #navpart .navpart .service .con a {
	display: block;
	width: 180px;
	height: 68px;
	margin: 0px auto;
}
#complex #navpart .navpart .service .con .c1 {
	background: url(../mbimg/icon_tel.png) no-repeat;
	background-position: 111px 0px;
	padding: 20px 0px 0px 5px;
	width: 175px;
	height: 48px;
	color:#666;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 1px dotted #ccc;
}
#complex #navpart .navpart .service .con .c1 strong {
	display: block;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #013B84;
}
#complex #navpart .navpart .service .con .c2 {
	background: url(../mbimg/icon_application.png) no-repeat;
	background-position: 10px 50%;
	padding: 20px 0px 0px 60px;
	width: 120px;
	height: 48px;
	color:#666;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}
#complex #navpart .navpart .service .con .c2 strong {
	display: block;
	font-size: 14px;
	font-family: "Microsoft YaHei";
	color: #555;
}
#complex #navpart .navpart .service .con .c2 span {
	color: #013B84;
}
#complex #content {
	display: block;
	float: right;
	width: 730px;
	margin-top:15px;
}

#complex #content1 {
	display: block;
	float: right;
	width: 730px;
	margin-top:15px;
}
#complex #title {
	text-align: left;
	padding: 10px 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
	background:#E7E7E7 url("../images/title-bg.gif") no-repeat  left center;
}
#complex #title strong {
	display: inline-block;
	padding-left: 20px;
	font-size: 14px;
	color: #da231d;
	font-family: "Microsoft YaHei";
}
#about {
	border-top: 1px solid #dfe1e0;
	border-left: 1px solid #dfe1e0;
	color: #666;

}
#about p {
	margin-bottom: 15px;
}
#about .factory .title {
	border-bottom: 1px solid #e6e6e6;
	padding: 5px;
	text-align: left;
	color: #013B84;
	text-indent: 0em;
	font-weight: bold;
}
#about .factory #factoryMarquee {
	margin: 15px auto;
	width: 700px;
	height: 160px;
	overflow: hidden;
	text-align: left;
	padding: 0px;
}
#about .factory #factoryMarquee img {
	display: inline-block;
}
#boss {
	border-top: 1px solid #dfe1e0;
	border-left: 1px solid #dfe1e0;
	padding: 20px 0px 50px 20px;
	min-height: 450px;
	text-align: left;
	line-height: 24px;
	color: #666;
	text-indent: 2em;
}
#boss p {
	margin-bottom: 15px;
}
#boss .text {
	display: block;
	float: left;
	width: 490px;
	text-align: left;
}
#boss .img {
	display: block;
	float: right;
	text-align: right;
	width: 220px;
}
#culture {
	border-top: 1px solid #dfe1e0;
	border-left: 1px solid #dfe1e0;
	padding: 20px 0px 50px 20px;
	min-height: 450px;
	text-align: left;
	line-height: 24px;
	color: #666;
	text-indent: 2em;
}
#culture p {
	margin-bottom: 15px;
}
#history {
	border-top: 1px solid #dfe1e0;
	border-left: 1px solid #dfe1e0;
	padding: 20px 0px 50px 20px;
	min-height: 450px;
}
#history .years {
	background: url(../mbimg/history_years_line.jpg) no-repeat;
	background-position: 12px 24px;
	display: block;
	float: left;
	width: 70px;
	height: 40px;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #013B84;
	text-align: left;
}
#history .text {
	background: url(../mbimg/history_text_line.jpg) repeat-y;
	background-position: 0px 0px;
	display: block;
	float: left;
	width: 608px;
	color: #888;
	text-align: left;
	line-height: 24px;
	padding: 25px 0px 25px 30px;
}
#certificate {
	border-top: 1px solid #dfe1e0;
	border-left: 1px solid #dfe1e0;
	padding: 20px 0px 50px 20px;
	min-height: 450px;
}
#certificate .title {
	padding: 10px 0px;
	text-align: left;
}
#certificate .title strong {
	color: #fff;
	background: url(../mbimg/title_arr.jpg) no-repeat;
	background-position: center bottom;
	background-color: #013B84;
	display: inline-block;
	padding: 4px 12px 10px 12px;
}
#certificate .list {
	padding: 10px 0px;
	text-align: left;
}
#certificate .list a {
	background: url(../mbimg/arr.jpg) no-repeat;
	background-position: 3px 50%;
	display: inline-block;
	padding: 3px 20px 3px 11px;
	text-align: left;
}
#news {
	border-top: 1px solid #dfe1e0;
	border-left: 1px solid #dfe1e0;
	padding: 20px 0px 50px 20px;
	min-height: 450px;
}
#news .list {
	display: block;
}
#news .list a {
	display: block;
	padding: 25px 0px;
	border-bottom: 1px dotted #ccc;
	color:#ff0000;
}

#news  a:link {
	color:#ff0000;
}


#news .list a:hover .text strong {
	color: #da231d;
}
#news .list .time {
	display: block;
	float: left;
	position: relative;
	width: 80px;
	text-align: left;
	color: #999;
}
#news .list .time .t {
	width: 60px;
	height: 50px;
	padding: 5px 0px 0px 10px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#news .list .time .t_animate {
	background: #013B84;
	width: 0px;
	height: 55px;
}
#news .list .time strong {
	display: block;
	font-size: 18px;
	color: #da231d;
}
#news .list .text {
	display: block;
	float: right;
	width: 620px;
	text-align: left;
	color: #999;
	line-height: 18px;
}
#news .list .text strong {
	display: block;
	color: #555;
}
#news_view {
	border-top: 1px solid #dfe1e0;
	border-left: 1px solid #dfe1e0;
	padding: 20px 0px 50px 20px;
	min-height: 450px;
}
#news_view .title {
	font-size: 16px;
	padding: 10px 0px;
	text-align: center;
	font-weight: bold;
	color: #444;
	border-bottom: 3px solid #e6e6e6;
}
#news_view .time {
	color: #ccc;
	padding: 15px 0px;
}
#news_view .text {
	text-align: left;
	line-height: 21px;
	padding: 15px 0px;
	color: #666;
}
#news_view .text table {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	margin: 10px 0px;
}
#news_view .text td {
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 5px;
}
#news_view .url {
	border-top: 1px solid #e6e6e6;
	margin: 15px 0px;
	padding: 20px 0px;
}
#news_view .url .left {
	display: block;
	float: left;
	width: 300px;
}
#news_view .url .left a {
	border: 1px solid #ddd;
	display: block;
	float: left;
	text-align: center;
	margin: 0px 8px 0px 2px;
	padding: 3px 10px;
	color: #888;
}
#news_view .url .left a:hover {
	color: #013B84;
}
#news_view .url .left .back {
	background: url(../mbimg/back_arr.png) no-repeat;
	background-position: 5px 50%;
	background-color: #d9221a;
	border: 1px solid #d9221a;
	padding: 3px 10px 3px 18px;
	color: #fff !important;
}
#news_view .url .right {
	display: block;
	float: right;
	width: 134px;
}
#products {
	border-top: 1px solid #dfe1e0;
	border-left: 1px solid #dfe1e0;
	padding: 20px 0px 50px 20px;
	min-height: 450px;
}

#products .catalog{
	display:block;
	width:710px;
	margin:15px 0px;
	padding:10px 0px;
}
#products .catalog:hover{
	background:#ddd;
}
#products .catalog:hover .con strong{
	border-bottom:1px solid #ccc;
}
#products .catalog .con{
	display:block;
	float:left;
	width:470px;
	padding-left:10px;
}
#products .catalog .con strong{
	display:block;
	padding:5px 0px;
	font-size:14px;
	color:#013B84;
	border-bottom:1px solid #ddd;
	text-align:left;
	cursor:pointer;
}
#products .catalog .con .list{
	padding:10px 0px;
	text-align:left;
}
#products .catalog .con .list a{
	background:url(../mbimg/products_arr.gif) no-repeat;
	background-position:2px 10px;
	display:inline-block;
	padding:5px 15px 5px 10px !important;
	text-align:left;
	margin:0px !important;
	width:auto;
}
#products .catalog .con .list a:hover{
	background-position:2px -15px;
	color:#013B84;
}
#products .catalog .img{
	display:block;
	float:right;
	padding-right:10px;
}
#products .catalog .img img{
	border:1px solid #ddd;
}
#products .type{
	text-align:center;
	padding:15px 0px;
	border-bottom:1px dotted #ccc;
	color:#999;
}
#products .type strong{
	font-size:14px;
	color:#013B84;
}
#products .list{
	text-align:left;
	padding:15px 0px;
}
#products .list a{
	display:inline-block;
	width:220px;
	text-align:center;
	padding:0px 10px;
	margin:5px 0px;
	color:#000000;
}
#products .list a:hover{
	color:#ff0000;
} 
#products .list a:hover img{
	border:2px solid #ccc;
}
#products .list a img{
	display:block;
	border:2px solid #ddd;
	margin-bottom:10px;
	margin:0 auto;
	padding:4px;
}

#products_view {
	border-top: 1px solid #dfe1e0;
	border-left: 1px solid #dfe1e0;
	padding: 20px 0px 50px 0px;
	min-height: 450px;
}
#products_view .left {
	display: block;
	float: left;
	width: 310px;
}
#products_view .right {
	display: block;
	float: right;
	width: 350px;
	text-align: left;
	padding-right:10px;
}
#products_view .right .name {
	font-size: 25px;
	font-weight:bold;
	color: #013B84;
	padding: 10px 0px;
	text-align: left;
}
#products_view .right .types {
	color: #666;
	font-weight: bold;
}
#products_view .right .function {
	padding: 10px 0px;
	background: #fff6d6;
	border-top: 1px dotted　#ccc;
	border-bottom: 1px solid　#ddd;
	margin: 10px 0px;
}
#products_view .right .function a {
	display: block;
	text-align: left;
	height: 25px;
	line-height: 25px;
	color: #888;
}
#products_view .right .function a:hover {
	text-decoration: underline;
	color: #999;
}
#products_view .right .function img {
	margin: 0px 5px 0px 10px;
}
#products_view .right .file {
	color: #666;
	padding: 10px;
	text-align: left;
}
#products_view .right .file strong {
	display: block;
	padding: 5px 0px;
}
#products_view .right .file strong img {
	margin-right: 5px;
}
#products_view .right .file a {
	display: block;
	background: url(../mbimg/products_arr.gif) no-repeat;
	background-position: 5px 10px;
	padding: 5px 0px 5px 18px;
	text-align: left;
	color: #999;
}
#products_view .right .file a:hover {
	color: #013B84;
	background-position:5px -15px;
}
#products_view .right .url {
	height: 30px;
	padding: 10px;
}
#products_view .right .url a {
	font-size:16px;
	padding: 5px 15px;
	display: inline-block;
	background:#757575;
	border: 1px solid #757575;
	color:#fff;
	margin: 15px 10px 15px 0px;
}
#products_view .right .url a:hover {
	color: #013B84;
	background: #fff;
	border: 1px solid #ddd;
}
#products_view .tags {
	width: 710px;
	text-align:left;
	margin: 30px 0px;
}
#products_view .tags #tags_title {
	border-bottom: 1px solid #ddd;
	background: url(../mbimg/title_bg_1.png) repeat-x left top;
}
#products_view .tags #tags_title a {
	border: 1px solid #ddd;
	display: inline-block;
	background: #ddd;
	padding: 4px 15px;
	margin-bottom: -1px;
	position: relative;
	font-size: 14px;
	margin-left: 5px;
	outline: none;
	color:#666;
}
#products_view .tags #tags_title a.A {
	border-bottom: 1px solid #fff;
	background:#fff;
	color: #013B84;
	font-weight: bold;
}
#products_view .tags #tags_content {
	padding: 15px 5px;
	text-align: left;
	line-height: 20px;
	color: #666;
}
#products_view .tags #tags_content p {
	margin-top: 10px;
}
#products_view .tags #tags_content table {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
#products_view .tags #tags_content table td {
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background:#fff !important;
	padding: 8px;
}








#products1 {
	border-top: 1px solid #dfe1e0;
	border-left: 1px solid #dfe1e0;
	padding: 20px 0px 50px 20px;
	min-height: 450px;
}

#products1 .catalog{
	display:block;
	width:710px;
	margin:15px 0px;
	padding:10px 0px;
}
#products1 .catalog:hover{
	background:#ddd;
}
#products1 .catalog:hover .con strong{
	border-bottom:1px solid #ccc;
}
#products1 .catalog .con{
	display:block;
	float:left;
	width:470px;
	padding-left:10px;
}
#products1 .catalog .con strong{
	display:block;
	padding:5px 0px;
	font-size:14px;
	color:#013B84;
	border-bottom:1px solid #ddd;
	text-align:left;
	cursor:pointer;
}
#products1 .catalog .con .list{
	padding:10px 0px;
	text-align:left;
}
#products1 .catalog .con .list a{
	background:url(../mbimg/products_arr.gif) no-repeat;
	background-position:2px 10px;
	display:inline-block;
	padding:5px 15px 5px 10px !important;
	text-align:left;
	margin:0px !important;
	width:auto;
}
#products1 .catalog .con .list a:hover{
	background-position:2px -15px;
	color:#013B84;
}
#products1 .catalog .img{
	display:block;
	float:right;
	padding-right:10px;
}
#products1 .catalog .img img{
	border:1px solid #ddd;
}
#products1 .type{
	text-align:center;
	padding:15px 0px;
	border-bottom:1px dotted #ccc;
	color:#999;
}
#products1 .type strong{
	font-size:14px;
	color:#013B84;
}
#products1 .list{
	text-align:left;
	padding:15px 0px;
}
#products1 .list a{
	display:inline-block;
	width:150px;
	text-align:center;
	padding:0px 10px;
	margin:5px 0px;
	color:#000000;
}
#products1 .list a:hover{
	color:#ff0000;
} 
#products1 .list a:hover img{
	border:2px solid #ccc;
}
#products1 .list a img{
	display:block;
	border:2px solid #ddd;
	margin-bottom:10px;
	margin:0 auto;
	padding:4px;
}







#service {
	border-top: 1px solid #dfe1e0;
	border-left: 1px solid #dfe1e0;
	padding: 20px 0px 50px 20px;
	min-height: 450px;
}
#service .ad {
	padding: 15px 0px;
	text-align: left;
	border-bottom: 1px dotted #ccc;
}
#service .ad img {
	display: block;
	float: left;
	margin-right: 1px;
}
#service .ad .text {
	display: block;
	float: left;
	background: #e6e6e6;
	padding: 10px 15px;
	width: 400px;
	height: 120px;
	color: #888;
	line-height: 21px;
}
#service .ad .text strong {
	font-size: 16px;
	color: #444;
	display: block;
	padding: 10px 0px;
}
#service .text {
	text-align: left;
	line-height: 21px;
	padding: 15px 0px;
	color: #666;
}
#quality {
	border-top: 1px solid #dfe1e0;
	border-left: 1px solid #dfe1e0;
	padding: 20px 0px 50px 20px;
	min-height: 450px;
}
#quality .text {
	text-align: left;
	line-height: 21px;
	padding: 15px 0px;
	color: #666;
	border-bottom: 1px dotted #ccc;
}
#quality .text strong {
	font-size: 16px;
	color: #013B84;
	display: inline-block;
	padding: 5px 0px;
}
#quality .img {
	width: 710px;
	margin: 20px auto;
	position: relative;
	text-align:left;
}
#quality .img img{
	margin-top:3px;
}
#quality .img #ad_1{
	left:80px;
	top:100px;
}
#quality .img #ad_2{
	right:30px;
	top:210px;
	background:#333;
}
#quality .img .ad{
	position:absolute;
	background:#013B84;
	text-align:left;
	color:#fff;
	z-index:2;
	padding:15px;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
#quality .img .ad strong{
	display:block;
	font-size:14px;
	padding:5px 0px;
}
#jobs {
	border-top: 1px solid #dfe1e0;
	border-left: 1px solid #dfe1e0;
	padding: 20px 0px 50px 20px;
	min-height: 450px;
}
#jobs .list a{
	display:block;
	text-align:left;
	border-bottom:1px dotted #ccc;
	padding:15px 5px;
	color:#999;
	position:relative;
}
#jobs .list a:hover strong{color:#013B84;}
#jobs .list a strong{
	display:block;
	color:#555;
	padding:5px 0px;
}
#jobs .list a .view{
	position:absolute;
	z-index:1;
	right:20px;
	bottom:10px;
	background:#ccc;
	width:30px;
	height:21px;
	line-height:21px;
	text-align:left;
	padding-left:10px;
	color:#fff;
}
#jobs_view {
	border-top: 1px solid #dfe1e0;
	border-left: 1px solid #dfe1e0;
	padding: 20px 0px 50px 20px;
	min-height: 450px;
	text-align:left;
}
#jobs_view .post {
	padding: 10px 0px;
	color: #013B84;
	font-size: 16px;
	font-weight: bold;
	font-family: "Microsoft YaHei";
}
#jobs_view .text {
	padding: 5px 0px;
	line-height: 24px;
	min-height: 50px;
	color:#666;
}
#jobs_view .tags {
	padding: 15px 0px;
}
#jobs_view .tags .tags_title {
	padding: 10px 0px;
}
#jobs_view .tags .tags_title strong {
	display: inline-block;	
	background:url(../mbimg/title_arr.jpg) no-repeat;
	background-position:center bottom;
	background-color: #013B84;
	color: #fff;
	padding: 4px 12px 10px 12px;
}
#jobs_view .tags .tags_content {
	padding: 5px 0px;
	line-height: 21px;
	color: #666;
	text-align: left;
}
#jobs_view .url {
	height: 60px;
}
#jobs_view .url a {
	padding: 5px 15px;
	display: inline-block;
	border: 1px solid #ddd;
	margin: 15px 10px 15px 0px;
}
#jobs_view .url a:hover {color: #013B84;}


#download {
	border-top: 1px solid #dfe1e0;
	border-left: 1px solid #dfe1e0;
	padding: 20px 0px 50px 20px;
	min-height: 450px;
}
#download .tr{
	border-bottom:1px solid #e6e6e6;
	display:block;
	height:25px;
	line-height:25px;
}
#download .tr .title{
	display:block;
	float:left;
	padding:0px 15px;
	background:#e6e6e6;
	margin-left:10px;
	font-weight:bold;
	color:#666;
}
#download .tr .view{
	display:block;
	float:right;
	color:#999;
	padding:0px 10px;
}
#download .list{
	padding:10px 0px;
}
#download .list a{
	display:block;
	padding:10px 0px 10px 12px;
	text-align:left;
	background:url(../mbimg/arr.jpg) no-repeat;
	background-position:3px 50%;
	border-bottom:1px dotted #ccc;
}
#download .list a:hover span{
	background:#FF0000;
	border:1px solid #FF0000;
	color:#fff;
}
#download .list a span{
	border:1px solid #e6e6e6;
	display:inline-block;
	float:right;
	padding:2px 5px;
	font-size:11px;
	margin-right:3px;
	color:#999;
}

#download_view {
	border-top: 1px solid #dfe1e0;
	border-left: 1px solid #dfe1e0;
	padding: 20px 0px 50px 20px;
	min-height: 450px;
}
#download_view .title {
	font-size: 16px;
	font-weight: bold;
	color: #013B84;
	display:block;
	padding:20px 0px 10px 0px;
	text-align: left;
}
#download_view .time {
	padding: 10px 0px;
	color: #999;
	font-size: 12px;
	text-align:left;
}
#download_view .file {
	padding: 20px 10px 50px 10px;
	color: #666;
	font-size: 12px;
	font-family: "Microsoft YaHei"
	line-height: 21px;
	text-align: left;
	background: #fff8da;
	border: 1px solid #e6e6e6;
}
#download_view .file strong {
	display: block;
	padding: 5px 0px;
	font-size:14px;
	color: #333;
}
#download_view .file strong img {
	margin-right: 5px;
}
#download_view .file a {
	background: url(../mbimg/arr.jpg) no-repeat;
	background-position: 5px center;
	display: block;
	padding: 5px 0px 5px 15px;
	text-align: left;
}
#download_view .file a:hover {
	text-decoration: underline;
}
#download_view .url {
	height: 60px;
	text-align:left;
}
#download_view .url a {
	padding: 5px 15px;
	display: inline-block;
	border: 1px solid #ddd;
	margin: 15px 0px;
}
#download_view .url a:hover {
	color: #013B84;
}

#feedback{
	border-top: 1px solid #dfe1e0;
	border-left: 1px solid #dfe1e0;
	padding: 20px 0px 50px 20px;
	min-height: 450px;
}
#feedback .ad {
	padding: 15px 0px;
	text-align: left;
	border-bottom: 1px dotted #ccc;
}
#feedback .ad img {
	display: block;
	float: left;
	margin-right: 1px;
}
#feedback .ad .text {
	display: block;
	float: left;
	background: #e6e6e6;
	padding: 10px 15px;
	width: 400px;
	height: 120px;
	color: #888;
	line-height: 21px;
}
#feedback .ad .text strong {
	font-size: 14px;
	color: #444;
	display: block;
	padding: 10px 0px;
}
#feedback dl {
	width: 700px;
	text-align:left;
	color:#999;
	margin:15px auto;
}
#feedback iframe{
	float:right;
	margin-right:45px;
}
#feedback dl dt {
	width: 85px;
	line-height: 20px;
	color:#666;
}
#feedback dl dt, #feedback dl dd {
	padding: 5px 0;
}
#feedback dl dt span {
	color: #ff0000;
	padding-left: 6px;
}
#feedback dl dd {
	padding-left: 85px;
	margin-top: -34px;
	line-height: 20px;
}
#feedback dl input, #feedback dl textarea {
	border: solid 1px #ddd;
	color: #888;
	padding: 2px;
}
#feedback dl input {
	height: 20px;
	line-height:20px;
	padding-left:3px;
	font-family:"Microsoft YaHei";
	font-size:12px;
	margin-right:5px;
}
#feedback dl textarea {
	width: 350px;
	height: 120px;
	overflow: auto;
	padding:5px;
	font-family:"Microsoft YaHei";
	font-size:12px;
}
#feedback p{
	display:inline-block;
	padding:3px 5px;
	background:#999;
	color:#fff;
	margin-right:1px;
}
#feedback .btn{
	text-align:left;
	border-top:1px solid #e6e6e6;
	padding:15px 0px;
	margin:10px auto; 
}
#feedback .btn input {
	margin-right: 10px;
	width: auto;
	border: none;
	color: #fff;
	padding: 5px 15px;
	cursor: pointer;
	font-weight: bold;
	font-size:14px;
	background:#013B84;
	border:1px solid #013B84;
	font-family:"Microsoft YaHei";
}
#feedback .btn input:hover{
	background:#fff;
	color:#013B84;
	border:1px solid #ddd;
}
#feedback .btn #cancel{
	background:#999;
}











#network {
	border-top: 1px solid #dfe1e0;
	border-left: 1px solid #dfe1e0;
	padding: 20px 0px 50px 20px;
	min-height: 450px;
}
#network .text {
	text-align: left;
	line-height: 21px;
	padding: 15px 0px;
	color: #666;
	border-bottom: 1px dotted #ccc;
}
#network .img{
	padding:10px 0px;
}
#case {
	border-top: 1px solid #dfe1e0;
	border-left: 1px solid #dfe1e0;
	padding: 20px 0px 50px 20px;
	min-height: 450px;
	text-align:left;
}
#case a{
	border:1px solid #ddd;
	display:inline-block;
	padding:15px;
	text-align:center;
	margin:0px 25px 20px 5px;
}
#case a:hover{
	background:#757475;
	color:#fff;
}
#case a img{
	display:block;
	margin-bottom:10px;
}

#case_view {
	border-top: 1px solid #dfe1e0;
	border-left: 1px solid #dfe1e0;
	padding: 20px 0px 50px 20px;
	min-height: 450px;
	text-align:left;
}
#case_view .img{
	width:180px;
	display:block;
	float:right;
	text-align:center;
}
#case_view .img img{
	display:block;
	margin-bottom:10px;
}
#case_view .text{
	width:510px;
	display:block;
	float:left;
	text-align:left;
	border-right:1px dotted #ccc;
	line-height:21px;
	color:#666;
}

#join {
	border-top: 1px solid #dfe1e0;
	border-left: 1px solid #dfe1e0;
	padding: 20px 0px 50px 20px;
	min-height: 450px;
	text-align:left;
}
#join .text{
	font-size:12px;
	line-height:21px;
	color:#666;
}
#join .text strong{
	background:url(../mbimg/join_arr.jpg) no-repeat;
	background-position:right 50%;
	display:inline-block;
	color:#013B84;
	font-size:14px;
	text-align:left;
	padding:10px 15px 10px 0px;
}
#join .other {
	padding: 20px 0px;
	margin:25px 0px;
	text-align: left;
	border-top: 1px dotted #ccc;
}
#join .ad {
	display:block;
	float:left;
	text-align: left;
}
#join .ad img {
	display: block;
	float: left;
	margin-right: 1px;
}
#join .ad .text {
	display: block;
	float: left;
	background: #e6e6e6;
	padding: 10px 25px;
	height: 100px;
	color: #333;
	font-size:16px;
	font-weight:bold;
	line-height: 25px;
}

#join .url{
	display:block;
	float:left;
}
#join .url a{
	display:inline-block;
	height:100px;
	background:url(../mbimg/icon_download.png) no-repeat;
	background-position:-30px 15px;
	background-color:#fff;
	border:1px solid #ddd;
	padding:10px 30px 10px 110px;
	text-align:left;
	color:#999;
	font-size:14px;
	margin-left:30px;
}
#join .url a strong{
	font-size:18px;
	color:#013B84;
	font-weight:bold;
	display:block;
	padding:20px 0px 10px 0px;
}
#join .url a:hover{
	background-position:-30px -260px;
	background-color:#013B84;
	border:1px solid #013B84;
	color:#fff;
}
#join .url a:hover strong{color:#fff;}


#contact {
	border-top: 1px solid #dfe1e0;
	border-left: 1px solid #dfe1e0;
	min-height: 450px;
	text-align:left;
}
#contact .text{
	display:block;
	float:left;
	padding:20px;
	width:700px;
}
#contact .text .map{
	display:block;
	width:60px;
	font-size:14px;
	color:#013B84;
	padding:5px 10px 5px 40px;
	text-align:left;
	margin-top:30px;
	border:1px solid #ddd;
	background:url(../mbimg/icon_map.png) no-repeat;
	background-position:0px 0px;
	background-color:#fff;
}
#contact .text .map:hover{
	text-decoration:underline;
}
#contact .tags_title{
	font-size:18px;
	padding:10px 0px;
	margin:15px 0px 0px 0px;
	color:#333;
	font-weight:bold;
}
#contact .tags_content{
	font-size:12px;
	line-height:24px;
	color:#666;
}
#contact .img{
	display:block;
	float:right;
	width:210px;
	color:#ccc;
	padding-top:50px;
	text-align:left;
}
#contact .img img{
	display:block;
	margin-bottom:10px;
}
#contact .img strong{
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	font-size:20px;
	font-weight:normal;
	padding:5px 0px;
	color:#777;
}
#contact .img strong span{color:#013B84;}

#maps {
	border-top: 1px solid #dfe1e0;
	border-left: 1px solid #dfe1e0;
	padding: 20px 0px 50px 20px;
	min-height: 450px;
	text-align:left;
}
#maps .text{
	padding:15px 0px;
	border-bottom:1px dotted #ccc;
	margin:10px 0px;
	color:#666;
	text-align:left;
}
#online {
	border-top: 1px solid #dfe1e0;
	border-left: 1px solid #dfe1e0;
	padding: 20px 0px 50px 20px;
	min-height: 450px;
}
#online .text {
	text-align: left;
	line-height: 21px;
	padding: 15px 0px;
	color: #013B84;
	border-bottom: 1px dotted #ccc;
}
#online dl {
	width: 700px;
	text-align:left;
	color:#999;
	margin:15px auto;
}
#online dl dt {
	width: 85px;
	line-height: 20px;
	color:#666;
}
#online dl dt, #online dl dd {
	padding: 5px 0;
}
#online dl dt span {
	color: #ff0000;
	padding-left: 6px;
}
#online dl dd {
	padding-left: 85px;
	margin-top: -34px;
	line-height: 25px;
}
#online dl input, #online dl textarea {
	border: solid 1px #ddd;
	color: #888;
	padding: 2px;
}
#online dl input {
	height: 20px;
	line-height:20px;
	padding-left:3px;
	font-family:"Microsoft YaHei";
	font-size:12px;
	margin-right:5px;
}
#online dl textarea {
	width: 350px;
	height: 120px;
	overflow: auto;
	padding:5px;
	font-family:"Microsoft YaHei";
	font-size:12px;
}
#online p{
	display:inline-block;
	padding:3px 5px;
	background:#999;
	color:#fff;
	margin-right:1px;
}
#online .btn{
	text-align:left;
	border-top:1px solid #e6e6e6;
	padding:15px 0px;
	margin:10px auto; 
}
#online .btn input {
	margin-right: 10px;
	width: auto;
	border: none;
	color: #fff;
	padding: 5px 15px;
	cursor: pointer;
	font-weight: bold;
	font-size:14px;
	background:#013B84;
	border:1px solid #013B84;
	font-family:"Microsoft YaHei";
}
#online .btn input:hover{
	background:#fff;
	color:#013B84;
	border:1px solid #ddd;
}
#online .btn #cancel{
	background:#999;
}



















#application {
	width: 960px;
	height: 270px;
	margin: 0px auto;
	background: url(../mbimg/application_bg.jpg) no-repeat;
}
#application .title {
	width: 920px;
	height: 70px;
	line-height: 70px;
	margin: 0px auto;
}
#application .title .name {
	width: 400px;
	height: 70px;
	line-height: 70px;
	text-align: left;
	display: block;
	float: left;
	color:#666;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
#application .title .name strong {
	color:#666;
	font-size: 18px;
	font-weight: normal;
	display: inline-block;
	margin-right: 10px;
}
#application .title .pro {
	width: 420px;
	height: 70px;
	line-height: 70px;
	text-align: right;
	display: block;
	float: right;
	padding-right: 100px;
}
#application .title .pro a {
	display: inline-block;
	padding: 0px 15px;
	font-size: 14px;
	color:#666;
	background: url(../mbimg/application_pro_separator.jpg) no-repeat right center;
}
#application .title .pro a:hover {
	text-decoration: underline;
}
#application .title .pro .noseparator {
	background: none;
}
#application .con {
	width: 920px;
	height: 170px;
	margin: 15px auto 0px auto;
}
#application .con #scrollApplication {
	display: block;
	width: 920px;
	float: left;
	height: 170px;
	overflow: hidden;
	margin: 0px auto;
}
#application .con #scrollApplication_s li {
	float: left;
	display: block;
	height: 170px;
	font-size: 14px;
}
#application .con #scrollApplication_s li div {
	display: block;
	text-align: center;
	width: 184px;
}
#application .con #scrollApplication_s a {
	display: block;
}
#application .con #scrollApplication_s li img {
	display: block;
	margin-bottom: 5px;
}
#page {
	margin: 15px 0px;
	text-align: left;
}
#page a {
	font-family: "Microsoft YaHei";
	font-size: 12px;
	color: #666;
	vertical-align: middle;
	background: #fff;
}
#page a:hover {
	background: #ffffcc;
	color: #013B84;
}
#page .A {
	font-family: "Microsoft YaHei";
	font-size: 12px;
	color: #df242a;
}
#page span {
	display: inline-block;
	font-family: "Microsoft YaHei";
	font-size: 12px;
	color: #999;
	vertical-align: middle;
}
#page .prev {
	background: url(../mbimg/page_prev.gif) no-repeat;
	background-position: 50% 50%;
	font-size: 0px;
}
#page .prev:hover {
	background: url(../mbimg/page_prev.gif) no-repeat;
	background-position: 50% 50%;
	background-color: #ffffcc;
}
#page .no {
	border: 1px solid #ccc;
	filter: alpha(opacity=50);       /* IE */
	-moz-opacity: 0.5;              /* 老版Mozilla */
	-khtml-opacity: 0.5;              /* 老版Safari */
	opacity: 0.5;
}
#page .next {
	background: url(../mbimg/page_next.gif) no-repeat;
	background-position: 50% 50%;
	font-size: 0px;
}
#page .next:hover {
	background: url(../mbimg/page_next.gif) no-repeat;
	background-position: 50% 50%;
	background-color: #ffffcc;
}
#boot {
	width: 100%;
	margin: 30px auto 0px auto;
	background: url(../mbimg/boot_bg.jpg) repeat-x top center;
}
#boot .nav {
	width: 920px;
	height: 205px;
	margin: 0px auto;
}
#boot .nav div {
	display: block;
	float: left;
	width: 90px;
	height: 150px;
	padding-left: 30px;
	border-right: 1px dotted #ddd;
	text-align: left;
	margin-top: 30px;
}
#boot .nav .nav_1 {
	width: 110px;
	padding-left: 0px;
}
#boot .nav .nav_6 {
	border: 0px;
}
#boot .nav strong {
	display: block;
	padding: 5px 0px 2px 0px;
}
#boot .nav a {
	display: block;
	padding: 4px 0px;
	color: #8e8e8e;
}
#boot .nav a:hover {
	color: #666;
}
#boot .nav .sear {
	width: 180px;
	height: 202px;
	padding: 0px 0px 0px 24px;
	margin: 0px !important;
	border-left: 1px solid #e6e6e6;
	border-right: 0px;
	position: relative;
}
#boot .nav .sear .mascot {
	position: absolute;
	right: 0px;
	bottom: 32px;
}
#boot .nav .sear strong {
	font-size: 18px;
	color: #434242;
	display: block;
	font-weight: normal;
	padding-top: 40px;
}
#boot .nav .sear form {
	padding: 0px;
	margin: 0px;
}
#boot .nav .sear form input {
	border: 1px solid #dcdcdc;
	background: #fff;
	height: 28px;
	line-height: 28px;
	padding-left: 5px;
	text-align: left;
	color: #999;
	display: block;
	margin: 12px 0px;
}
#boot .nav .sear form #go {
	background: url(../mbimg/go_arr.png) no-repeat;
	background-position: 35px center;
	background-color: #f08519;
	border: 0px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 14px;
	padding: 0px 25px 0px 10px;
	height: 26px;
	cursor: pointer;
}
#boot .copy {
	width: 920px;
	height: 35px;
	line-height: 35px;
	text-align: left;
	margin: 0px auto;
	color: #777;
}
#boot .copy a {
	color: #ccc;
}
/* lightbox   */
#lightboxOverlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	background-color: black;
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
	opacity: 0.85;
	display: none;
}
/* line 15, ../sass/lightbox.sass */
#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 10000;
	text-align: center;
	line-height: 0;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-weight: normal;
}
/* line 24, ../sass/lightbox.sass */
#lightbox img {
	width: auto;
	height: auto;
}
/* line 27, ../sass/lightbox.sass */
#lightbox a img {
	border: none;
}
/* line 30, ../sass/lightbox.sass */
.lightbox-outerContainer {
	position: relative;
	background-color: white;
 *zoom: 1;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lightbox-outerContainer:after {
	content: "";
	display: table;
	clear: both;
}
/* line 39, ../sass/lightbox.sass */
.lightbox-container {
	padding: 10px;
}
/* line 42, ../sass/lightbox.sass */
.lightbox-loader {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
/* line 51, ../sass/lightbox.sass */
.lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
/* line 59, ../sass/lightbox.sass */
.lightbox-container > .nav {
	left: 0;
}
/* line 62, ../sass/lightbox.sass */
.lightbox-nav a {
	outline: none;
}
/* line 65, ../sass/lightbox.sass */
.lightbox-prev, .lightbox-next {
	width: 49%;
	height: 100%;
	background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
	/* Trick IE into showing hover */
	display: block;
}
/* line 72, ../sass/lightbox.sass */
.lightbox-prev {
	left: 20px;
	float: left;
	cursor: pointer;
}
/* line 76, ../sass/lightbox.sass */
.lightbox-next {
	right: 20px;
	float: right;
	cursor: pointer;
}
/* line 81, ../sass/lightbox.sass */
.lightbox-prev:hover {
	background: url(../mbimg/prev.gif) left 50% no-repeat;
}
/* line 85, ../sass/lightbox.sass */
.lightbox-next:hover {
	background: url(../mbimg/next.gif) right 50% no-repeat;
}
/* line 88, ../sass/lightbox.sass */
.lightbox-dataContainer {
	margin: 0 auto;
	padding-top: 5px;
 *zoom: 1;
	width: 100%;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lightbox-dataContainer:after {
	content: "";
	display: table;
	clear: both;
}
/* line 95, ../sass/lightbox.sass */
.lightbox-data {
	padding: 0 10px;
	color: #bbbbbb;
}
/* line 98, ../sass/lightbox.sass */
.lightbox-data .lightbox-details {
	width: 85%;
	float: left;
	text-align: left;
	line-height: 1.1em;
}
/* line 103, ../sass/lightbox.sass */
.lightbox-data .lightbox-caption {
	font-size: 18px;
	color: #ffffff;
	font-family: "Microsoft YaHei";
	font-weight: bold;
	line-height: 1em;
}
/* line 107, ../sass/lightbox.sass */
.lightbox-data .lightbox-number {
	display: block;
	clear: left;
	padding-bottom: 1em;
	font-size: 12px;
}
.lightbox-data .lightbox-number SPAN {
	color: #ff9900;
}
/* line 112, ../sass/lightbox.sass */
.lightbox-data .lightbox-close {
	width: 35px;
	float: right;
	padding-bottom: 0.7em;
	outline: none;
}
/* line 117, ../sass/lightbox.sass */
.lightbox-data .lightbox-close:hover {
	cursor: pointer;
}
.clear{ clear:both;}

#nav{ width:100%; height:40px; float:left; background:url(../BodyImg/navbg.png) left top repeat-x;}
#nav ul{width:1000px; height:40px; line-height:40px; vertical-align:middle; text-align:center; margin:0 auto;}
#nav ul li{width:110px; height:40px; border-right:#CCC solid 1px; float:left; position:relative; z-index:2;}
#nav ul li a{width:110px; height:40px; color:#FFF; font-weight:bold; font-size:14px; display:block; float:left;}
#nav ul li a:hover{background-color:#333; color:#FFF;}
#nav ul li a.select{background-color:#333; color:#FFF;}

#DropNav{ width:110px; left:0px; top:40px; position:absolute; z-index:3; background-color:#fff;}
#DropNav ul{ width:110px; position:relative; float:left; background-color:#FFF;}
#DropNav ul li{width:110px; height:30px; line-height:30px; float:left; background-color:#FFF; vertical-align:middle; text-align:center; border-bottom:#ccc dashed 1px;}
#DropNav ul li a{width:110px; height:30px; display:block; float:left; color:#000; font-size:12px;}
#DropNav ul li a:hover{color:#013B84; background-color:#FFF;}

#copyright{ width:1000px; margin:0 auto; height:40px; line-height:40px; vertical-align:middle; text-align:center; color:#000; font-size:12px; border-top:#3398DE solid 2px;}

#TopNav{ width:100%;height:40px; margin:0px; background-color:#EA5A28; position:relative; z-index:2;}
#TopNav ul{width:954px;height:40px; margin:0 auto; line-height:40px; vertical-align:middle; text-align:center;}
#TopNav ul li{width:106px;height:40px; float:left; position:relative; z-index:3;}
#TopNav ul li a{width:106px; height:40px; display:block; color:#FFF; font-size:14px; font-family:"Microsoft YaHei";}
#TopNav ul li a:hover{background-color:#333; text-decoration:none;}
#TopNav ul li .droplist{width:106px;left:0px; top:40px; position:absolute; z-index:4; background-color:#EA5A28;}
#TopNav ul li .droplist p{width:106px; height:30px; line-height:30px; vertical-align:middle; margin:5px 0px;}
#TopNav ul li .droplist p a{width:106px; height:30px; float:left; display:block; color:#FFF; font-size:14px; font-family:"Microsoft YaHei";}
#TopNav ul li .droplist p a:hover{background-color:#333; text-decoration:none;}


header{
	height:137px;
	display:block;
	background:url(../mbimg/headerBg.png) left top repeat-x;
	width:100%;
}
header .header{
	width:960px;
	height:100px;
	overflow:hidden;
}
#logo{
	width:50%;
	float:left;
	height:105px;
}
header .header .header_right{
	width:45%;
	float:right;
	height:100px;
	text-align:right;
}
.header_link{
	background:url(../mbimg/header-01.jpg) repeat-x;
	height:40px;
		font-family:"Microsoft YaHei";
	width:350px;
	float:right;
	font-size:13px;
	color:#fff;
	text-align:center;
	line-height:22px;
	margin-top:2px;
}
.header_links{
	width:95%;
	padding-top:8px;
	margin:0px auto 0px auto;
	text-align:right;
	color:#656565;
}
.header_links a{
	color:#656565;
	padding:5px;
	padding-right:0;
}
.header_links a:hover{
	font-weight:bold;
	color:#db221d;
}
menu{
 clear:both;
}
nav{
	width:960px;
	height:37px;
	display:block;
	 
}
nav li{
	float:left;
	line-height:37px;
	display:block;
	width:106px;
	position:relative;
	z-index:999;
}
 
nav li a{
	display:block;
	width:98.8%;
	float:right;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:13px;
	font-family:"Microsoft YaHei";
}
nav li.end{
	width:106px;
}
nav li a:hover,nav li a.default{
	color:#fff;
	background:#0071D1;
}



#prod{width:720px; float:left;}
#prod ul{width:720px; float:left; margin-top:10px;}
#prod ul li{width:168px; margin-left:6px; height:198px; margin-right:6px; margin-top:10px; float:left;}
#prod ul li span{width:160px; height:140px; padding:3px; border:#CCC solid 1px; display:block; float:left;}
#prod ul li p{width:168px; height:30px; line-height:30px; vertical-align:middle; text-align:center; display:block; float:left;}
#prod ul li p a{color:#666; font-size:12px;}
#prod ol{width:720px; float:left; height:40px; margin-top:10px;}
#prod ol li{width:720px; float:left; height:20px; line-height:20px; vertical-align:middle; text-align:center; color:#666; font-size:12px;}
#prod ol li a{color:#666; font-size:12px;}


#PageLeft{width:198px; float:left; margin-top:15px;margin-left:15px;}
#PageLeft .subnav{width:240px; float:left;} 
#PageLeft .subnav h1{width:240px; height:70px; float:left; line-height:33px; text-align:left;  color:#FFF;}
#PageLeft .subnav h1 span{width:240px; height:36px; text-indent:19px; line-height:36px; display:block; color:#FFF; font-size:18px; vertical-align:middle; float:left;}
#PageLeft .subnav h1 p{width:240px; height:85px; text-indent:19px; line-height:85px; display:block; color:#FFF; font-size:18px; vertical-align:middle; float:left; background:url(../images/a_img.png)}



#PageLeft .subnav form{width:200px; margin:0 auto;} 
#PageLeft .subnav form input.txt{width:130px; float:left; border:#CCC solid 1px; height:20px; line-height:20px; vertical-align:middle; background-color:#FFF; text-indent:5px; color:#666; font-size:12px;}
#PageLeft .subnav form input.sbt{width:50px; float:right; border:#CCC solid 1px; height:22px; line-height:22px; vertical-align:middle; background-color:#FFF; text-align:center; color:#333; font-size:12px;}
#PageLeft .subnav ol{width:240px; margin:0 auto; padding:0px; text-align:left;}


#PageLeft .subnav ol li{width:240px; height:36px; line-height:36px;  text-indent:30px; border-bottom:#ddd solid 1px; float:left;}


#PageLeft .subnav ol li a{ height:48px; float:left; display:block;  text-indent:15px; color:#ffffff; font-size:14px;padding-left:0px; width:240px; background:url(../images/cate-ico.png) no-repeat;}
#PageLeft .subnav ol li a:hover{ color:#ffffff;padding-left:0px; width:240px; height:48px;font-size:14px; background:url(../images/cate-ico1.png) no-repeat;}

#PageLeft .subnav ol .tbd a{ height:35px; float:left; display:block;  text-indent:20px; color:#595757; font-size:14px;padding-left:20px;}
#PageLeft .subnav ol .tbd a:hover{ color:#df612f;padding-left:20px;}


#PageLeft .subnav ol li .yangy { color:#ffffff; }

#PageLeft .subnav ol li .yangy1 { color:#ffffff; }
#PageLeft .subnav ol li a.seleNav{color:#000;}
#PageLeft .subnav ul{width:198px; height:20px; background:url(../yf_img/navpart-boot.gif) left bottom no-repeat; float:left;}
#PageLeft .leftser{width:198px; float:left; margin-top:10px; height:230px;}
#PageLeft .leftcnt{width:198px; float:left; margin-top:10px; height:86px;}

 

 

#nav{ width:100%; height:40px; float:left; background:url(../BodyImg/navbg.png) left top repeat-x;}
#nav ul{width:1000px; height:40px; line-height:40px; vertical-align:middle; text-align:center; margin:0 auto;}
#nav ul li{width:110px; height:40px; border-right:#CCC solid 1px; float:left; position:relative; z-index:2;}
#nav ul li a{width:110px; height:40px; color:#FFF; font-weight:bold; font-size:14px; display:block; float:left;}
#nav ul li a:hover{background-color:#333; color:#FFF;}
#nav ul li a.select{background-color:#333; color:#FFF;}

#DropNav{ width:110px; left:0px; top:40px; position:absolute; z-index:3; background-color:#fff;}
#DropNav ul{ width:110px; position:relative; float:left; background-color:#FFF;}
#DropNav ul li{width:110px; height:30px; line-height:30px; float:left; background-color:#036db7; vertical-align:middle; text-align:center; border-bottom:#ccc dashed 1px;}
#DropNav ul li a{width:110px; height:30px; display:block; float:left; color:#FFF; font-size:12px;}
#DropNav ul li a:hover{color:#ffffff; background-color:#333;}


.xgPro{width:728px; float:left; text-align:center;}
.xgPro h2{width:728px; height:30px; font-size:14px; text-indent:10px; color:#333; line-height:30px; vertical-align:middle; float:left; text-align:left; border:solid 1px #CCC;}
.xgPro ul{width:728px; float:left; overflow:auto;}
.xgPro ul li{width:728px; float:left; text-align:center; overflow:auto;}
.xgPro ul li a{ font-size:12px; color:#666666;}
.xgPro ul li a:hover{color:#000;}
#PageLeft .subnav ol .xl a{ color:#da231d;}
#PageLeft .subnav h2 {
    width: 245px;
    height: 280px;
    margin-top: 15px;
    background: url(../images/Left.png) left top no-repeat;
    float: left; 
}
#PageLeft .subnav h3 {
    font-weight: normal;
    background-color: #e6e6e6;
    padding: 10px;
    line-height: 25px;
    font-size: 14px;
    color: #000;
    float: left;
}