﻿@charset "utf-8";
/* CSS Document */
html, body {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	font-family: "微软雅黑",Arial, Helvetica, sans-serif;
	background: #ffffff;
	text-align: center;
	-webkit-text-size-adjust: none;
}
a {
	color: #666666;
	text-decoration: none;
	outline: 0px none;
 star:expression(this.onFocus=this.blur());
}
a:hover, a:active {
	color: #bc030c;
}
* {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
table {
	border-collapse: collapse;
}
ul, li {
	list-style: none;
	border: 0 none;
}
form {
	margin: 0px;
}
img {
	border: 0px none;
	text-align-last: center;
	vertical-align: middle;
 _azimuth:expression(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "theme/default/images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")), this.pngSet=true);
}
#dhtmltooltip {
	z-index: 100;
	visibility: hidden;
	position: absolute;
	text-align: left;
	border: 1px solid #cccccc;
}
#clear {
	clear: both;
	display: block;
}
/* ============ top   */
#top {
	width: 100%;
	height: 120px;
	margin: 0px auto;
	background: url(../images/top.gif) repeat-x left bottom;
}
#top .top{
	width:960px;
	height:70px;
	margin:0px auto;
}
#top .top .logo{
	display:block;
	float:left;
	width: 340px;
	height:70px;
	text-align:left;
}
#top .top .logo img{
	margin:30px 0px 0px 10px;
}
#top .top .nav {
	display:block;
	float:left;
	width: 600px;
	height: 60px;
	line-height:60px;
	font-family: "微软雅黑",Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #919191;
	text-align: right;
	padding-top:10px;
	_height: 40px;
	_padding-top:30px;
}
#top .top .nav a {
	color: #919191;
}
#top .top .nav a:hover {
	color: #cf111a;
}
#top .top .nav I {
	color: #cf111a;
	font-size: 14px;
	font-weight: bold;
}



#top .menu{
	width:960px;
	height:50px;
	margin:0px auto;
}
#top .menu #menu{
	display:block;
	float:left;
	width:700px;
	height:50px;
}
#top .menu .sear{
	display:block;
	float:left;
	width:245px;
	height:40px;
	padding:10px 0px 0px 15px;
}

#top .menu .sear input{
	background:url(../images/sear.gif) no-repeat;
	background-position:0px 0px;
	width:180px;
	height:24px;
	line-height:20px;
	border:0px;
	text-align:left;
	padding-left:10px;
	display:block;
	float:left;
	color:#999;
	font-family:"微软雅黑";
	font-size:12px;
}
#top .menu .sear #go{
	background:url(../images/sear.gif) no-repeat;
	background-position:right top;
	width:30px;
	height:24px;
	cursor:pointer;
}
#top .menu .sear #go:hover{
	background-position:right bottom;
}
/* ============ menu   */
#menu {
	width: 100%;
	margin: 0px auto;
}
#menu ul {
	width: 700px;
	height: 50px;
	line-height: 50px;
}
#menu #m1 {
	width: 60px;
}
#menu li {
	display: block;
	float: left;
	margin: 0px;
	cursor: pointer;
	text-align: center;
}
#menu a {
	font-family: "微软雅黑",Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #2a2a2a;
	width: 94px;
	height: 50px;
	line-height: 50px;
	display: block;
	cursor: pointer;
}
#menu a:hover {
	color: #fff;
	background: url(../images/menu_current.gif) no-repeat center bottom;
}
#menu #m1:hover {
	color: #fff;
	background: url(../images/menu_current_m1.gif) no-repeat center bottom;
}
#menu a.A {
	width: 94px;
	height: 50px;
	color: #fff;
	background: url(../images/menu_current.gif) no-repeat center bottom;
}
#menu #m1.A {
	width: 60px;
	height: 50px;
	color: #fff;
	background: url(../images/menu_current_m1.gif) no-repeat center bottom;
}
#menuson {
	width: 100%;
	height: 0px;
	position: relative;
	margin: auto;
	z-index:1001;
}
#menuson_con {
	position: absolute;
	height: 0px;
	overflow: hidden;
	left: 0;
	top: 0;
	width: 100%;
	z-index:1001;
}
#menuson_bg {
	background: url(../images/menusub.png) repeat-x left bottom;
	_background: url(../images/menusub.gif) repeat-x left bottom;
	position: absolute;
	z-index: 100;
	width: 100%;
	height: 100%;
	_margin-left:-50%;
}
#menuson ul {
	display: block;
	width: 960px;
	position: absolute;
	left: 50%;
	margin-left: -480px;
	z-index: 101;
	top: 0;
	padding-top: 10px;
}
#menuson ul #s1 {
	padding-right: 20px;
	_padding-right: 5px;
	width: 40px;
}
#menuson ul #s1 a {
	margin: 0px 15px 0px 15px;
	_margin: 0px 10px 0px 15px;
	width: 30px;
}
#menuson li {
	width: 94px;
	_width: 90px;
	display: block;
	float: left;
}
#menuson li a {
	display: block;
	height: 21px;
	line-height: 21px;
	text-align: center;
	font-size: 12px;
	font-family: "微软雅黑",Arial, Helvetica, sans-serif;
	color: #f5d6d7;	
	width: 50px;
	margin: 0px 22px 0px 22px;
}
#menuson li a:hover {
	color: #fff;
	border-bottom: 1px dotted #f5d6d7;
}
/*  banner  ==========================*/

#banner {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 510px;
	margin: 0 auto;
}
#banner .swiper-slide {
	width: 1000px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}
#banner .item1 {
	background: url(../images/banner_1-bg.jpg) repeat-x top center;
	display: block;
}

#banner .item2 {
	background: url(../images/banner_2-bg.jpg) repeat-x top center;
}
#banner .item3 {
	background: url(../images/banner_3-bg.jpg) repeat-x top center;
}

#banner .info {
	position: absolute;
	width: 1000px;
	left: 50%;
	transform: translateX(-50%);
}

#banner .info .ad_txt {
	position: absolute;
	z-index: 12;
	text-align: left;
}
#banner .item1 .ad_txt {
	top: 200px;
	right: 0;
}

#banner .item2 .ad_txt {
	top: 300px;
	left: 80px;
}
#banner .item3 .ad_txt {
	top: 280px;
	left: 50px;
}
#banner .ad_txt P {
	font-size: 24px;
	font-weight: bold;
	font-family: "微软雅黑",Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	color: #222;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
#banner .item3 P{color:#fff;}
#banner  h2 {
	color: #fff;
	font-size: 16px;
	width: 50%;
	white-space: nowrap;
	letter-spacing: 2px;
	z-index: 10;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
#banner h2 span {
	color: #Ed0000;
}

#banner .swiper-pagination{ left: 50%; width: 900px; margin-left: -450px; text-align: left; bottom: 50px;}
#banner .swiper-pagination .swiper-pagination-bullet{width: 14px; height: 14px; background: #fff; opacity: .8; border-radius: 0;}
#banner .swiper-pagination .swiper-pagination-bullet-active{ background: #d0121b;opacity: 1;}

#banner_ctr {
	display: block;
	width: 900px;
	height: 29px;
	z-index: 9;
	position: absolute;
	z-index: 99;
	left: 50%;
	margin: -50px 0px 0px -450px;
}
#banner_ctr ul {
	width: 900px;
	height: 30px;
	font-size: 0;
	line-height: 0;
	margin: 0px auto;
}
#banner_ctr ul li {
	background: url(../images/banner_btn.png) no-repeat;
	_background: url(../images/banner_btn.gif) no-repeat;
	background-position: 0px 0px;
	width: 18px;
	height: 18px;
	display: block;
	float: left;
	cursor: pointer;
	margin-right: 3px;
}
#banner_ctr .now {
	background: url(../images/banner_btn.png) no-repeat;
	_background: url(../images/banner_btn.gif) no-repeat;
	background-position: -22px 0px;
	width: 18px;
	height: 18px;
}
#banner_about {
	background: url(../images/banner_about-bg.jpg) repeat-x top center;
	width: 100%;
	height: 310px;
	margin: 0px auto;
	padding: 0px;
}
#banner_about #img {
	background: url(../images/banner_about.jpg) no-repeat;
	width: 1000px;
	height: 300px;
	margin: 0px auto;
	padding: 0px;
}
#banner_news {
	background: url(../images/banner_news-bg.jpg) repeat-x top center;
	width: 100%;
	height: 310px;
	margin: 0px auto;
	padding: 0px;
}
#banner_news #img {
	background: url(../images/banner_news.jpg) no-repeat;
	width: 1000px;
	height: 300px;
	margin: 0px auto;
	padding: 0px;
}
#banner_products {
	background: url(../images/banner_products-bg.jpg) repeat-x top center;
	width: 100%;
	height: 310px;
	margin: 0px auto;
	padding: 0px;
}
#banner_products #img {
	background: url(../images/banner_products.jpg) no-repeat;
	width: 1000px;
	height: 300px;
	margin: 0px auto;
	padding: 0px;
}
#banner_service {
	background: url(../images/banner_service-bg.jpg) repeat-x top center;
	width: 100%;
	height: 310px;
	margin: 0px auto;
	padding: 0px;
}
#banner_service #img {
	background: url(../images/banner_service.jpg) no-repeat;
	width: 1000px;
	height: 300px;
	margin: 0px auto;
	padding: 0px;
}
#banner_network {
	background: url(../images/banner_network-bg.jpg) repeat-x top center;
	width: 100%;
	height: 310px;
	margin: 0px auto;
	padding: 0px;
}
#banner_network #img {
	background: url(../images/banner_network.jpg) no-repeat;
	width: 1000px;
	height: 300px;
	margin: 0px auto;
	padding: 0px;
}
#banner_careers {
	background: url(../images/banner_careers.jpg) no-repeat center;
	width: 100%;
	height: 300px;
	margin: 0px auto;
	padding: 0px;
	background-color:#c80912;
}
#banner_careers #img {
	background: url(../images/banner_careers.jpg) no-repeat;
	width: 1000px;
	height: 300px;
	margin: 0px auto;
	padding: 0px;
}
#banner_contact {
	background: url(../images/banner_contact-bg.jpg) repeat-x top center;
	width: 100%;
	height: 310px;
	margin: 0px auto;
	padding: 0px;
}
#banner_contact #img {
	background: url(../images/banner_contact.jpg) no-repeat;
	width: 1000px;
	height: 300px;
	margin: 0px auto;
	padding: 0px;
}
#banner_shadow {
	background: url(../images/banner_shadow.gif) repeat-x top center;
	width: 100%;
	height: 10px;
}
/*  location  ==========================*/
#location {
	width: 960px;
	height: 40px;
	margin: 0px auto 20px auto;
	border-bottom: 1px solid #e1e1e1;
}
#location .mod {
	display: block;
	float: left;
	background: url(../images/mod.gif) no-repeat;
	width: 175px;
	height: 40px;
	line-height: 40px;
	text-align: left;
	color: #fff;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	padding-left: 15px;
	margin-left: 10px;
}
#location .mod span {
	color: #efa3a7;
	font-weight: normal !important;
	text-shadow: 0px 0px 0px rgba(0,0,0,0);
}
#location .location {
	display: block;
	float: left;
	font-family: "宋体";
	font-size: 12px;
	color: #aaaaaa;
	line-height: 54px;
	width: 550px;
	text-align: left;
}
#location .location a{color: #aaaaaa;}
#location .location a:hover{color: #cd0000;}
#location .share {
	display: block;
	float: left;
	width: 180px;
	padding-left: 30px;
	_padding-left: 20px;
}
#location .share .print {
	color: #999999;
	display: block;
	line-height: 25px;
	_margin-top:7px;
}
#content{
	width:960px;
	margin:0px auto;
}
#right{
	display:block;
	float:left;
	width:760px;
	padding-bottom:30px;
}
#navpart{
	display:block;
	float:left;
	width:160px;
	margin-right:40px;
	padding-bottom:100px;
}
#navpart .nav{
	width:160px;
	display:block;
	padding-bottom:15px;
}
#navpart .nav a{
	background:url(../images/navpart_a.gif) no-repeat;
	background-position:0px -32px;
	display:block;
	width:140px;
	height:32px;
	line-height:32px;
	text-align:left;
	font-size:14px;
	padding-left:20px;
}
#navpart .nav .current{
	background-position:0px 0px;
	color:#d80014 !important;
	font-weight:bold;
}
#navpart .prolist{
	border:1px solid #dddddd;
	width:158px;
}
#navpart .prolist .title{
	width:138px;
	height:36px;
	line-height:36px;
	background:url(../images/navpart_prolist-title.gif) no-repeat top center;
	text-align:left;
	font-size:14px;
	color:#ca0012;
	font-weight:bold;
	padding-left:20px;
}

#navpart .prolist .list{ position: relative; padding:10px 0px 15px 0px;}
#navpart .prolist .list a{
	position:relative;
	display:block;
	width:80%;
	height:inherit !important;
	_height:18px;
	line-height:18px !important;
	margin:0px auto;
	border-bottom:1px dotted #dddddd;
	background:none;
	font-size:12px;
	font-family:"微软雅黑";
	padding:5px 0px 5px 5px;
	color:#888888;
}
#navpart .prolist .list a:hover{color:#d0121b;}






/*

#navpart .prolist .list{ position: relative; padding:10px 0px 15px 0px;}
#navpart .prolist .list a{
	position:relative;
	display:block;
	width:100%;
	height:inherit !important;
	_height:18px;
	line-height:18px !important;
	margin:0px auto;
	border-bottom:1px dotted #dddddd;
	background:none;
	font-size:12px;
	font-family:"微软雅黑";
	padding:5px 0px 5px 5px;
	color:#888888;
}
#navpart .prolist .list a:hover{color:#d0121b;}
#navpart .prolist .list .newbtn{ width:80%;}

#navpart .prolist_side {
	width:80%;
	padding: 0;
	margin: 0 auto;
	list-style: none;
	zoom: 1;
}

#navpart .prolist_side li {
	position: relative;
	width:100%;
	background: #FFF;
	zoom: 1;
	overflow: hidden;
	margin:0 auto;
}
#navpart .prolist_side li ul.close {
	display: none;
}
#navpart .prolist_side li ul.open {
	display: block;
}
#navpart .prolist_side li span.close {
	display: block;
	padding: 5px 0px 5px 10px;
	background: url(../images/plus_minus.gif) no-repeat right 9px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	z-index: 99;
	width: 12px;
	height: 12px;
}
#navpart .prolist_side li span.open {
	display: block;
	padding: 5px 0px 5px 10px;
	background: url(../images/plus_minus.gif) no-repeat right -183px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	z-index: 99;
	width: 12px;
	height: 12px;
}
#navpart .prolist_side li a {
	display: block;
	zoom: 1;
	position: relative;
	padding: 5px 0px 5px 10px;
}
#navpart .prolist_side li a.A {
	color: #FF6600;
}
#navpart .prolist_side_son {
	width:90%;
	padding: 0;
	margin: 0 auto;
	list-style: none;
	zoom: 1;
}
#navpart .prolist_side_son li a {
	border-left: 1px solid #DDD;
	padding: 5px 0px 5px 7px;
	background: none;
}
#navpart .prolist_side_son li a:hover, #navpart .prolist_side_son li a:active, #navpart .prolist_side_son li a.A {
	border-left: 1px solid #FF6600;
	background: none;
}
#navpart .prolist_side_son li a.A {
	color: #FF6600;
}





*/





#title{
	font-size:18px;
	font-weight:bold;
	color:#000;
	font-family:"微软雅黑";
	text-align:left;
	height:50px;
	line-height:50px;
}
#about{
	width:760px;
	margin:0px auto;
	text-align:left;
}
#about .text{
	text-align:left;
	font-family:"微软雅黑";
	color:#454545;
	line-height:21px;
}
#about .tags{
	text-align:left;
	width:760px;
	margin:20px auto;
}
#about .tags #tags_title{
	font-size:14px;
}
#about .tags #tags_title .A{color:#cc0000;}
#about .tags #tags_content{
	text-align:left;
	font-family:"微软雅黑";
	color:#454545;
	line-height:21px;
	padding:10px 0px 20px 0px;
}
#about p{
	margin-top:10px;
}
#about .img{
	width:760px;
	padding-top:20px;
	border-top:1px solid #dddddd;
	margin-top:15px;
	text-align:left;
}
#products_path{
	background:#eee;
	border-bottom:1px solid #ddd;
	height:32px;
	line-height:32px;
	text-align:left;
	color:#ca0012;
	font-size:14px;
	padding-left:10px;
	margin-bottom:15px;
}
#products_path a{
	color:#ca0012;
	font-weight:bold;
}
#products{
	width:760px;
	margin:0px auto;
	text-align:left;
}
#products div{
	display:block;
	height:220px;
	text-align:left;
}
#products a{
	display:block;
	float:left;
	width:180px;
	margin-right:12px;
	text-align:center;
	padding-bottom:10px;
}
#products img{
	display:block;
	margin-bottom:10px;
}
#products a:hover{
	background:#ddd;
}
#products_view{
	width:760px;
	margin:10px auto;
}
#products_view .img{
	display:block;
	float:left;
	width:300px;
}

#products_view .con{
	display:block;
	float:left;
	width:410px;
	padding-left:50px;
	_padding-left:40px;
}
#products_view .con .name{
	font-size:24px;
	font-family:"微软雅黑";
	color:#d90014;
	font-weight:bold;
	text-align:left;
	line-height:1.2;
	padding:5px 0px;
}
#products_view .con .path{
	border:1px dotted #ddd;
	background:#ffffcc;
	display:block;
	text-align:left;
	padding:5px 10px;
	margin:10px auto;
	color:#d90014;
}
#products_view .con .path strong{color:#222;}
#products_view .con .path a{
	color:#d90014;
	font-weight:bold;
}
#products_view .con .nav a{
	display:block;
	text-align:left;
	height:25px;
	line-height:25px;
}
#products_view .con .nav img{margin:5px;}

#products_view .con .file{
	display:block;
	padding:20px 0px 10px 0px;
}
#products_view .con .file .title{
	display:block;
	text-align:left;
	color:#454545;
	font-weight:bold;
	height:30px;
	line-height:30px;
	background:#f3f3f3;
	border-top:1px dotted #ddd;
}
#products_view .con .file .title img{margin:5px;}

#products_view .con .btn{
	display:block;
	padding:10px 0px;
	text-align:left;
	padding-left:10px;
}
#products_tags{
	display:block;
	width:760px;
	margin:15px auto;
	text-align:left;
}
#products_tags .tags{
	text-align:left;
	padding-bottom:15px;
}
#products_tags .tags #tags_title{
	text-align:left;
}
#products_tags .tags .A{
	color:#d90014;
}
#products_tags .tags #tags_content{
	color:#666;
	text-align:left;
}
#products_tags .tags #tags_content table{
	border:1px solid #ddd;
	background:#fff;
}
#products_tags .tags #tags_content table td{
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	background:#fff;
	padding:5px;
}
#products_tags .back {
	border-top: 1px dotted #ccc;
	padding: 15px;
	text-align: right;
}
#news_top{
	width:760px;
	height:150px;
	margin:10px auto;
	padding-bottom:20px;
	border-bottom:1px solid #dddddd;
}
#news_top img{
	float:left;
	margin:0px 20px 0px 10px;
}
#news_top a{
	display:block;
	float:left;
	width:500px;
	height:150px;
	text-align:left;
	color:#999999;
}
#news_top strong{
	display:block;
	color:#565656;
	font-size:16px;
	margin-bottom:10px;
}
#news_top span{
	text-decoration:underline;
	color:#ed0000;
}
#news_top a:hover strong{color:#d80014;}

#news_list-title{
	width:760px;
	height:33px;
	line-height:33px;
	background:url(../images/news_bt.gif) no-repeat;
}
#news_list-title div{
	display:block;
	float:left;
}
#news_list-title .title{
	width:540px;
	padding-left:20px;
	text-align:left;
}
#news_list-title .time{
	width:120px;
	text-align:center;
}
#news_list-title .views{
	width:80px;
	text-align:center;
}
#news_list a{
	display:block;
	height:32px;
	line-height:32px;
	border-bottom:1px dotted #dddddd;
}
#news_list div{
	display:block;
	float:left;
}
#news_list .title{
	width:535px;
	background:url(../images/news_arr.gif) no-repeat;
	background-position:6px 8px;
	padding-left:25px;
	text-align:left;
}
#news_list .time{
	width:120px;
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}
#news_list .views{
	width:80px;
	font-size:11px;
	color:#999;
	text-align:center;
}
#news_view {
	width: 760px;
	margin: 20px auto 30px auto;
}
#news_view .title {
	font-family: "微软雅黑",Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333;
	font-weight: bold;
	text-align: center;
	padding-bottom: 10px;
}
#news_view .time {
	font-size: 12px;
	color: #999;
	text-align: center;
	padding: 7px;
	background: #f3f3f3;
}
#news_view .text {
	padding: 15px 5px;
	font-family: "微软雅黑",Arial, Helvetica, sans-serif;
	font-size: 12;
	color: #575757;
	text-align: left;
	line-height: 20px;
}
#news_view .text img {
	max-width: 700px;
 width:expression(this.width>700?"700px":this.width);
}
#news_view .back {
	border-top: 1px dotted #ccc;
	padding: 15px;
	text-align: right;
}


#honor{
	width:760px;
	margin:0px auto;
}
#honor a{
	display:block;
	background:url(../images/honor_arr.gif) no-repeat;
	background-position:3px 8px;
	text-align:left;
	padding-left:20px;
	height:32px;
	line-height:32px;
	border-bottom:1px dotted #ddd;
}





#page{
	height:50px;
	padding:15px 0px;
	font-family:"微软雅黑";
	font-size:12px;
	color:#999;
}



#confluence{
	width:760px;
	height:190px;
	text-align:left;
	margin:15px auto 20px auto;
}
#confluence .img{
	float:left;
	cursor:pointer;
}
#confluence .con{
	background:url(../images/pro_list-bg.gif) no-repeat top right;
	width:500px;
	height:180px;
	display:block;
	float:left;
	padding:10px 0px 0px 20px;
}
#confluence .con .title{
	font-size:24px;	
	height:40px;
	line-height:40px;
	margin-bottom:5px;
}
#confluence .con .title a{color:#d0121b;}
#confluence .con .list{
	height:30px;
	line-height:30px;
}
#confluence .con .list a{
	display:block;
	float:left;
	height:30px;
	line-height:30px;
	text-align:left;
	width:243px;
	padding-left:7px;
	background:url(../images/arr.gif) no-repeat;
	background-position:0px 13px;
}

#solution_list-title{
	width:760px;
	height:33px;
	line-height:33px;
	background:url(../images/solution_bt.gif) no-repeat;
}
#solution_list-title div{
	display:block;
	float:left;
}
#solution_list-title .title{
	width:540px;
	padding-left:20px;
	text-align:left;
}
#solution_list-title .time{
	width:120px;
	text-align:center;
}
#solution_list-title .views{
	width:80px;
	text-align:center;
}
#solution a{
	display:block;
	height:32px;
	line-height:32px;
	border-bottom:1px dotted #dddddd;
}
#solution div{
	display:block;
	float:left;
}
#solution .title{
	width:535px;
	background:url(../images/solution_arr.gif) no-repeat;
	background-position:6px 8px;
	padding-left:25px;
	text-align:left;
}
#solution .time{
	width:120px;
	text-align:center;
}
#solution .views{
	width:80px;
	text-align:center;
}

#solution_view {
	width: 760px;
	margin: 20px auto 30px auto;
}
#solution_view .title {
	font-family: "微软雅黑",Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333;
	font-weight: bold;
	text-align: center;
	padding-bottom: 10px;
}
#solution_view .time {
	font-size: 12px;
	color: #999;
	text-align: center;
	padding: 7px;
	background: #f3f3f3;
}
#solution_view .text {
	padding: 15px 5px;
	font-family: "微软雅黑",Arial, Helvetica, sans-serif;
	font-size: 12;
	color: #575757;
	text-align: left;
	line-height: 20px;
}
#solution_view .text img {
	max-width: 700px;
 width:expression(this.width>700?"700px":this.width);
}
#solution_view .back {
	border-top: 1px dotted #ccc;
	padding: 15px;
	text-align: right;
}











#projects{
	width:760px;
	margin:0px auto;
}
#projects a{
	display:block;
	height:200px;
	border-bottom:1px dotted #dddddd;
	margin-top:20px;
}
#projects a:hover strong{color:#ed0000;}
#projects img{
	float:left;
	margin-right:30px;
}
#projects .con{
	display: block;
	float:left;
	width:460px;
	height:180px;
	padding-right:20px;
	text-align:left;
	color:#505050;
	font-size:12px;
	font-family:"微软雅黑";
	line-height:20px;
} 
#projects .con strong{
	font-size:18px;
	color:#000;
	display:block;
	margin-bottom:10px;
	font-weight:normal;
}
#projects .con b{
	display:block;
	font-weight:normal !important;
	color:#999;
}
#projects .con span{color:#ed0000; text-decoration:underline;}




#projects_view {
	width: 760px;
	margin: 20px auto 30px auto;
}
#projects_view b {
	font-family: "微软雅黑",Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #ca0012;
	font-weight: bold;
	text-align: left;
	padding:0px 15px 0px 0px;
	background:url(../images/projects_arr.gif) no-repeat;
	background-position: center right;
}
#projects_view .text {
	display:block;
	padding: 15px 5px;
	font-family: "微软雅黑",Arial, Helvetica, sans-serif;
	font-size: 12;
	color: #575757;
	text-align: left;
	line-height: 20px;
	width:750px;
	height:300px auto;
	min-height:200px;
}
#projects_view .text .img{
	margin-right:15px;
}
#projects_view .text .expand{
	color:#999;
}
#projects_view .text P{
	margin-top:10px;}
#projects_view .back {
	border-top: 1px dotted #ccc;
	padding: 15px;
	text-align: right;
}







#culture{
	width:760px;
	margin:15px auto;
}
#culture .text{
	width:560px;
	display:block;
	float:left;
	text-align:left;
}
#culture .text .tags_title{
	display:block;
	height:25px;
	line-height:25px;
	background:#eee;
	color:#d0121c;
	padding-left:10px;
}
#culture .text .tags_title strong{
	display:block;
	float:left;
	background:url(../images/culture_arr.gif) no-repeat;
	background-position:center right;
	padding-right:12px;
}
#culture .text .tags_content{
	padding:10px 5px;
	text-align:left;
	line-height:20px;
	color:#575757;
}
#culture .img{
	width:200px;
	display:block;
	float:left;
}
#service{
	width:760px;
	margin:0px auto;
}
#service .tags_title{
	border-bottom:1px solid #dddddd;
	font-size:14px;
	font-family:"微软雅黑";
	color:#d0121c;
	font-weight:bold;
	text-align:left;
	height:35px;
	line-height:35px;
}
#service .tags_title strong{
	background:url(../images/service_arr.gif) no-repeat;
	background-position: center right;
	padding-right:20px;
}
#service .tags_content{
	padding:10px 5px;
	text-align:left;
	line-height:20px;
	color:#575757;
}
#service .tags_content p{margin-top:7px;}
#service .tags_content strong{color:#d0121c;}

#feedback {
	width: 760px;
	font-family: "微软雅黑",Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	line-height: 20px;
	text-align: left;
	border-bottom: 1px dotted #dddddd;
	padding: 20px 0px 10px 0px;
}
#feedback_form {
	display: block;
	width: 760px;
	margin: 10px auto 0px auto;
}
#feedback_form DIV {
	display: block;
	text-align: left;
	padding: 5px;
}
#feedback_form input {
	border: 1px solid #cccccc;
	height: 18px;
	line-height: 18px;
	padding-left: 5px;
	color: #666666;
	text-align: left;
	margin: 0px 5px 0px 5px;
}
#feedback_form select {
	border: 1px solid #cccccc;
	height: 18px;
	line-height: 18px;
	padding-left: 5px;
	color: #666666;
	text-align: left;
	margin: 0px 5px 0px 5px;
}
#feedback_form STRONG {
	color: #454545;
	width: 60px;
}
#feedback_form .red {
	color: #ff0000;
}
#feedback_form textarea {
	border: 1px solid #cccccc;
	line-height: 18px;
	padding: 5px;
	color: #666666;
	text-align: left;
	margin: 10px 0px 10px 0px;
	background: #fff;
	width: 630px;
}
#feedback_form IMG {
	margin-left: 6px;
	cursor: pointer;
}
#feedback_form #sex {
	border: 0px none;
}
#feedback_form SPAN {
	color: #cccccc;
}
#feedback_form .btn {
	border-top: 1px solid #dddddd;
	height: 50px;
	line-height: 50px;
	text-align: left;
	margin-top: 10px;
	padding: 20px 0px 20px 0px;
}
#feedback_form .btn #yes {
	width: 160px;
	height: 38px;
	cursor: pointer;
	padding: 0px;
	border: 0px;
}
#faq_list-title{
	width:740px;
	height:33px;
	line-height:33px;
	padding-left:20px;
	background:url(../images/faq_bt.gif) no-repeat;
	text-align:left;
}
#faq_list{
	width:760px;
	margin:0px auto;
}
#faq_list a{
	display:block;
	text-align:left;
	height:32px;
	line-height:32px;
	_height:20px;
	_padding-top:10px;
	border-bottom:1px dotted #dddddd;
}
#faq_list img{
	margin:0px 5px 0px 5px;
}
#faq_view {
	width: 760px;
	margin: 20px auto 30px auto;
}
#faq_view .title {
	font-family: "微软雅黑",Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333;
	font-weight: bold;
	text-align: center;
	padding-bottom: 10px;
}
#faq_view .time {
	font-size: 12px;
	color: #999;
	text-align: center;
	padding: 7px;
	background: #f3f3f3;
}
#faq_view .text {
	padding: 15px 5px;
	font-family: "微软雅黑",Arial, Helvetica, sans-serif;
	font-size: 12;
	color: #575757;
	text-align: left;
	line-height: 20px;
}
#faq_view .back {
	border-top: 1px solid #eee;
	padding: 15px;
	text-align: right;
}




#download_list-title{
	width:760px;
	height:33px;
	line-height:33px;
	background:url(../images/download_bt.gif) no-repeat;
}
#download_list-title div{
	display:block;
	float:left;
}
#download_list-title .title{
	width:540px;
	padding-left:20px;
	text-align:left;
}
#download_list-title .time{
	width:120px;
	text-align:center;
}
#download_list-title .operation{
	width:80px;
	text-align:center;
}
#download_list a{
	display:block;
	height:32px;
	line-height:32px;
	border-bottom:1px dotted #dddddd;
}
#download_list a:hover .operation{
	background-position:center -44px;}
#download_list div{
	display:block;
	float:left;
}
#download_list .title{
	width:535px;
	background:url(../images/solution_arr.gif) no-repeat;
	background-position:6px 8px;
	padding-left:25px;
	text-align:left;
}
#download_list .time{
	width:120px;
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}
#download_list .operation{
	width:80px;
	background:url(../images/download_view.gif) no-repeat;
	background-position: center 7px;
	font-size:11px;
	color:#fff;
	text-align:center;
}
#download_view {
	width: 760px;
	display: block;
	margin-top: 30px;
}
#download_view .title {
	display: block;
	font-size: 20px;
	color: #232323;
	font-weight: bold;
	border-bottom: 1px dotted #dddddd;
	text-align: left;
	padding: 0px 0px 20px 10px;
}
#download_view .time {
	display: block;
	font-size: 12px;
	color: #888888;
	text-align: left;
	padding: 10px;
}
#download_view .file {
	display: block;
	padding: 10px 0px 20px 0px;
}
#download_view .file .title {
	background: #f2f2f2;
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #eeeeee;
	padding: 5px;
	text-align: left;
	font-weight: bold;
}
#download_view .file .title IMG {
	margin: 0px 5px 0px 5px;
}
#download_view .file .file {
	text-align: left;
	padding: 5px 10px 5px 12px;
}
#download_view .back {
	text-align: right;
	padding: 15px;
	border-top: 1px dotted #dddddd;
}
#download_view .file a {
	display: block;
	float: none;
}






#network{
	width:760px;
	margin:0px auto;
}
#network .text{
	font-size:12px;
	font-family:"微软雅黑";
	line-height:18px;
	color:#575757;
	text-align:left;
	padding:10px 0px;
}
#network .tags{
	width:760px;
	margin:10px auto;
	text-align:left;
}
#network .tags .tags_title{
	color:#d80014;
	font-size:16px;
	height:27px;
	line-height:27px;
	padding:10px 0px 5px 5px;
	border-bottom:1px solid #ddd;
}
#network .tags .tags_title strong{
	display:block;
	float:left;
	background:url(../images/network_arr.gif) no-repeat;
	background-position:center right;
	padding-right:20px;
}
#network .tags .tags_content{
	text-align:left;
	padding:10px;
	color:#555;
	line-height:24px;
	font-family:"微软雅黑";
	font-size:14px;
}
#jobs_list-title{
	width:760px;
	height:33px;
	line-height:33px;
	background:url(../images/jobs_bt.gif) no-repeat;
}
#jobs_list-title div{
	display:block;
	float:left;
}
#jobs_list-title .title{
	width:310px;
	padding-left:20px;
	text-align:left;
}
#jobs_list-title .time{
	width:120px;
	text-align:center;
}
#jobs_list-title .add{
	width:230px;
	text-align:center;
}
#jobs_list-title .num{
	width:80px;
	text-align:center;
}
#jobs_list ul{
	display:block;
	height:32px;
	line-height:32px;
	border-bottom:1px dotted #dddddd;
}
#jobs_list ul li{
	display:block;
	float:left;
	cursor:pointer;
	color:#666;
}
#jobs_list ul li:hover{color:#cc0000;}
#jobs_list .title{
	width:305px;
	background:url(../images/jobs_arr.gif) no-repeat;
	background-position:6px 8px;
	padding-left:25px;
	text-align:left;
}
#jobs_list .time{
	width:120px;
	text-align:center;
}
#jobs_list .num{
	width:80px;
	text-align:center;
}
#jobs_list .add{
	width:230px;
	text-align:center;
}
#jobs_list .job_sm{
	display:none;
	text-align:left;
	line-height:20px;
	font-family:"微软雅黑";
	font-size:12px;
	padding:10px 10px 20px 10px;
	color:#555;
}
#jobs_list .job_sm .btn{padding:10px 0px 0px 0px;}
#jobs_list .job_sm .btn a{
	margin-right:5px;
}

#jobs_list .job_sm .tags{
	margin-top:10px;
}

#jobs_view {
	width: 760px;
	margin: 20px auto 30px auto;
}
#jobs_view .post {
	font-family: "微软雅黑",Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #b70006;
	font-weight: bold;
	text-align: left;
	padding-bottom: 10px;
}
#jobs_view .text {
	text-align: left;
	padding: 10px;
	color: #454545;
	line-height: 20px;
	font-size: 12px;
	margin-bottom: 20px;
	width: 740px;
	background: #f3f3f3;
	border-bottom:1px dotted #ccc;
}
#jobs_view .text SPAN {
	color: #ff6600;
	font-weight: bold;
}
#jobs_view .text DIV {
	display: block;
	width: 100%;
	margin: 0px auto;
}
#jobs_view .tags {
	display: block;
	width: 760px;
	margin: 0px auto;
}
#jobs_view .tags .tags_title {
	text-align: left;
	border-bottom: 1px dotted #ccc;
	height: 27px;
	line-height: 27px;
	padding-left: 5px;
	font-size: 12px;
	color: #b70006;
	font-weight: bold;
}
#jobs_view .tags .tags_title SPAN {
	display: block;
	float: left;
	font-weight: bold;
	padding: 0px 10px 0px 5px;
	background: url(../images/jobs_view_arr.gif) no-repeat;
	background-position: center right;
}
#jobs_view .tags .tags_content {
	text-align: left;
	line-height: 24px;
	padding: 15px 5px 30px 5px;
	color: #666666;
}
#jobs_view .back {
	border-top: 1px dotted #ccc;
	width: 760px;
	text-align: right;
	padding: 15px 0px;
	color: #999;
}








#contact{
	width:760px;
	margin:20px auto 0px auto;
	padding-bottom:30px;
}
#contact .img{
	display:block;
	float:left;
	border-left:1px dotted #dddddd;
	padding-left:20px;
}
#contact .con{
	width:510px;
	height:300px;
	display:block;
	float:left;
	text-align:left;
	line-height:21px;
	color:#555;
}
#contact .con img{margin:0px 0px 15px 0px;}
#contact .con .text_headquarters ,#contact .con .text{
	line-height:21px;
	padding:10px;
}
#maps{
	width:760px;
	margin:0px auto;
	padding-bottom:30px;
	text-align:left;
}

/*  news_scroll  ==========================*/
#news_scroll {
	background: url(../images/news_scroll.png) no-repeat;
	_background: url(../images/news_scroll.gif) no-repeat;
	width: 960px;
	height: 48px;
	line-height: 48px;
	margin: -20px auto 0px -480px;
	position: absolute;
	z-index: 20;
	left: 50%;
}
#news_scroll div {
	display: block;
	float: left;
	height: 40px;
}
#news_scroll .title {
	width: 120px;
	color: #bc030c;
	font-size: 14px;
	font-weight: bold;
	_padding-top:15px;
	height:40px;
	line-height:40px;
}
#news_scroll .title img {
	margin-left: 5px;
}
#news_scroll .list {
	width: 570px;
	padding-left: 10px;
	text-align: left;
}
#news_scroll .list span {
	color: #cccccc;
	font-family: Arial, Helvetica, sans-serif;
}
#news_scroll a {
	display: none;
}
#news_scroll .btn {
	padding-top: 10px;
}
#news_scroll .btn a {
	display: block;
	width: 9px;
	height: 5px;
	background: url(../images/news_scroll-btn.gif) no-repeat;
	margin-top: 5px;
}
#news_scroll .btn .top {
	background-position: 0px 0px;
}
#news_scroll .btn .down {
	background-position: 0px -8px;
}
#complex {
	width: 960px;
	height: 290px;
	margin: 40px auto;
	_padding-top:40px;
}
#complex .content-index {
	background: url(../images/content-index.gif) no-repeat;
	width: 720px;
	height: 290px;
	display: block;
	float: left;
	text-align:left;
}
#complex .content-index #quality {
	width: 315px;
	height: 210px;
	float: left;
	margin: 20px 0px 0px 25px;
	_margin: 20px 0px 0px 10px;
}
#complex .content-index #quality .title {
	height: 40px;
	line-height: 40px;
	text-align: left;
	font-family: "微软雅黑",Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #d0121b;
}
#complex .content-index #quality .text {
	height: 130px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #777777;
	line-height: 18px;
}
#complex .content-index #quality .text img {
	float: left;
	margin-right: 20px;
}
#complex .content-index #quality .view {
	text-align: right;
}
#complex .content-index #salse {
	width: 315px;
	height: 210px;
	float: left;
	margin: 20px 0px 0px 40px;
}
#complex .content-index #salse .title {
	height: 40px;
	line-height: 40px;
	text-align: left;
	font-family: "微软雅黑",Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #d0121b;
}
#complex .content-index #salse .text {
	height: 130px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #777777;
	line-height: 18px;
}
#complex .content-index #salse .text img {
	float: left;
	margin-right: 20px;
}
#complex .content-index #salse .view {
	text-align: right;
}
#complex .products-index {
	background: url(../images/products-index.gif) no-repeat;
	width: 226px;
	height: 290px;
	display: block;
	float: left;
	margin-left: 14px;
}
#complex .products-index .pro {
	width: 226px;
	height: 290px;
	position: relative;;
}
#complex .products-index .pro .swiper {
	text-align: left;
	width: 100%;
	height: 100%;
}

#complex .products-index .pro .swiper .swiper-slide{
	padding: 25px 0 0 25px;
	box-sizing: border-box;
}

#complex .products-index .pro h1 {
	color: #d0121b;
	font-family: "微软雅黑",Arial, Helvetica, sans-serif;
	_font-family:"黑体";
	display: block;
	_font-size:24px;
}
#complex .products-index .pro h2 {
	color: #bbbbbb;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	padding-bottom: 10px;
}
#complex .products-index .pro a {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 20px;
	color: #8c8c8c;
	line-height: 20px;
	text-align: left;
}
#complex .products-index .pro a:hover, .pro a:hover span {
	color: #d0121b;
}
#complex .products-index .pro a span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #cecece;
}

#complex .products-index .pro .swiper-pagination{ height: 20px; text-align: right; top: 15px; left: auto; right: 15px; }
#complex .products-index .pro .swiper-pagination .swiper-pagination-bullet{width: 8px; height: 8px; margin: 0 2px; background: #fff; border: 1px solid #ccc; opacity: 1; border-radius: 0;}
#complex .products-index .pro .swiper-pagination .swiper-pagination-bullet-active{ background: #d0121b; border-color: #d0121b;}



#complex .products-index #pro_btn {
	position: relative;
	display: block;
	z-index: 99;
	width: 210px;
	height: 20px;
	text-align: right;
	top: -270px;
}
#complex .products-index #pro_btn a {
	background: url(../images/pro_btn.gif) no-repeat;
	background-position: 0px 0px;
	text-align: center;
	font-size: 0px;
	display: inline-block !important;
	width: 10px;
	height: 10px;
	border: 0px;
	margin-right: 3px;
}
#complex .products-index #pro_btn a.activeSlide {
	background-position: -13px 0px;
	text-align: center;
	font-size: 0px;
	display: inline-block !important;
	width: 10px;
	height: 10px;
	border: 0px;
}



#volunteered{
	width:760px;
	margin:0px auto;
}
#volunteered .text{
	display:block;
	color:#666666;
	font-size:14px;
	padding:20px 0px 10px 5px;
	border-bottom:1px dotted #dddddd;
	text-align:left;
}

#volunteered .form{
	display:block;
	margin-top:10px;
}
#volunteered .form div{
	display:block;
	text-align:left;
	padding:5px;
}
#volunteered .form input{
	border:1px solid #cccccc;
	height:18px;
	line-height:18px;
	padding-left:5px;
	color:#666666;
	text-align:left;
	margin:0px 5px 0px 5px;
}
#volunteered .form select{
	border:1px solid #cccccc;
	height:18px;
	line-height:18px;
	padding-left:5px;
	color:#666666;
	text-align:left;
	margin:0px 5px 0px 5px;
}
#volunteered .form STRONG{
	color:#454545;
	width:60px;
}
#volunteered .form .red{color:#ff0000;}

#volunteered .form textarea{
	border:1px solid #cccccc;
	line-height:18px;
	padding:5px;
	color:#666666;
	text-align:left;
	margin:10px 0px 0px 5px;
}
#volunteered .form IMG{
	margin-left:6px;
	cursor:pointer;
}
#volunteered .form SPAN{color:#cccccc;}
#volunteered .form .btn{
	border-top:1px solid #dddddd;
	height:50px;
	line-height:50px;
	text-align:left;
	margin-top:10px;
	padding:20px 0px 20px 0px;
}
#volunteered .form .btn #yes{
	width:160px;
	height:38px;
	cursor:pointer;
	padding:0px;
	border:0px;
}




#jobs_guide{
	width:760px;
	margin:10px auto;
	text-align:left;
	line-height:24px;
	color:#555;
}
#aftermarket{
	width:760px;
	margin:10px auto;
	text-align:left;
	line-height:24px;
	color:#555;
}
#login{
	border:1px solid #ddd;
	background:#ffffcc;
	width:500px;
	margin:30px auto 100px auto;	
	padding:30px;
	text-align:left;
	font-size:14px;
	color:#999;
}
#login div{
	padding:8px;
}
#login input{
	border:1px solid #ddd;
	height:30px;
	line-height:30px;
	padding-left:10px;
	width:100%;
}
#login #yes{
	width:160px;
	height:38px;
	border:0px;
	padding:0px;
	margin:0px;
	cursor:pointer;
}




#boot {
	background: url(../images/boot.gif) repeat-x top center;
	width: 100%;
	height: 50px;
	padding-top: 30px;
	margin: 0px auto;
}
#boot ul {
	width: 950px;
	height: 50px;
	margin: 0px auto;
}
#boot li {
	display: block;
	float: left;
}
#boot .left {
	text-align: left;
	color: #757575;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	width: 750px;
}
#boot .left a {
	color: #757575;
}
#boot .left a:hover {
	text-decoration: underline;
}
#boot .right {
	text-align: right;
	color: #6e6e6e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	width: 200px;
}
#boot .right a {
	color: #6e6e6e;
}
#boot .right a:hover {
	color: #d0121b;
}
#boot .right #links {
	background: url(../images/links.gif) no-repeat;
	background-position: 0px -20px;
	width: 115px;
	height: 20px;
	line-height: 20px;
	text-align: left;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #afafaf;
	cursor: pointer;
	margin-left: 80px;
}
#boot .right #links:hover {
	background-position: 0px 0px;
}
#boot .right .links_unfold {
	background: url(../images/links.gif) no-repeat;
	background-position: 0px 0px;
	width: 115px;
	height: 20px;
	line-height: 20px;
	text-align: left;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #afafaf;
	cursor: pointer;
	margin-left: 80px;
}
#boot .right #links_con {
	display: none;
	width: 180px;
	margin-top: -168px;
	z-index: 99;
	border: 1px solid #dddddd;
	background: #fff;
	position: relative;	
	padding: 10px;
	_position: absolute;
	_margin-left:-200px;
}
#boot .right #links_con a {
	display: block;
	text-align: left;
	color: #999999;
}
#boot .right #links_con a:hover {
	color: #d0121b;
}







/* 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;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
/* 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:0;
  float:left;
  cursor:pointer;
}

/* line 76, ../sass/lightbox.sass */
.lightbox-next {
  right:0;
  float:right;
  cursor:pointer;
}

/* line 81, ../sass/lightbox.sass */
.lightbox-prev:hover {
  background: url(../images/prev.png) left 48% no-repeat;
}

/* line 85, ../sass/lightbox.sass */
.lightbox-next:hover {
  background: url(../images/next.png) right 48% no-repeat;
}

/* line 88, ../sass/lightbox.sass */
.lightbox-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* 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:"微软雅黑";
  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:#6cb92d;}
/* 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;
}
