@import url("main.css");
/*基地展示*/

.product_box {
	position: relative;
	height: 600px;
}
.footer_box{top:0 !important;}
.product_box_center {
	width: 1200px;
	position: relative;
	left: 50%;
	margin-left: -600px;
}
.pro_list {
	position: absolute;
	width: 260px;
	float: left;
	top: 0px;
	left: 0;
}
.product_box_center h2 {
	width: 260px;
	line-height: 100px;
	text-align: center;
	background-image: url(../images/pro_bg.jpg);
	color: #fff;
	font-size: 30px;
	background-repeat: no-repeat;
	background-position: center;
}
.product_box_center h3 {
	color: #fff;
	font-size: 16px;
	line-height: 73px;
	background-color: #00b276;
	border-bottom: 1px solid #30ca96;
	padding-left: 86px;
}
.product_box_center .pro_list_bg {
	background-color: #fff;
	background-image: url(../images/pro_list_bg.jpg);
	background-repeat: no-repeat;
	color: #30ca96;
}
.product_box_center h3:hover {
	background-color: #fff;
	background-image: url(../images/pro_list_bg.jpg);
	background-repeat: no-repeat;
	color: #30ca96;
}
.product_box_center .last {
	border: none;
}
.product_box_center h4 {
	height: 201px !important;
	background-color: #00b276;
}
.pro_con_box {
	width: 900px;
	position: absolute;
	right: 0px;
}
.pro_title {
	border-bottom: 1px solid #dfdfdf;
}
.pro_title h1 {
	float: left;
	font-size: 20px;
	color: #30ca96;
	padding-top: 16px;
	padding-bottom: 6px;
	border-bottom: 2px solid #30ca96;
}
.pro_title h5 {
	float: right;
	font-family: Arial;
	font-size: 16px;
	padding-top: 26px;
}
.pro_title h5:hover {
	color: #ff9000;
}
.index-class-r-2 ul {
	width: 100%;
}
.index-class-r-2 ul li {
	width: 260px;
	float: left;
	margin-right: 58px;
	margin-bottom: 24px
}
.index-class-list1-top {
	width: 258px;
	height: 178px;
	border: 1px solid #e4e4e4
}
.index-class-list1-bot a {
	color: #323232
}
.index-class-list1-top img {
	display: block;
	margin: 0 auto;
	margin: 8px;
	width: 242px;
	height: 162px;
}
.index-class-list1-bot {
	width: 100%;
	background: #e5e5e5;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
.index-class-r-2 ul li:hover .index-class-list1-bot {
	background: #12b17b;
	color: #fff;
}
.index-class-r-2 ul li:hover .index-class-list1-bot a {
	color: #fff
}
/* 本例子css */
.multipleColumn {
	overflow: hidden;
	position: relative;
	width: 900px;
}
.multipleColumn .hd {
	display: none;
	overflow: hidden;
	height: 30px;
	background: #f4f4f4;
	padding: 0 10px;
}
.multipleColumn .hd .prev, .multipleColumn .hd .next {
	display: block;
	width: 5px;
	height: 9px;
	float: right;
	margin-right: 5px;
	margin-top: 10px;
	overflow: hidden;
	cursor: pointer;
}
.multipleColumn .hd ul {
	float: right;
	overflow: hidden;
	zoom: 1;
	margin-top: 10px;
	zoom: 1;
}
.multipleColumn .hd ul li {
	float: left;
	width: 9px;
	height: 9px;
	overflow: hidden;
	margin-right: 5px;
	text-indent: -999px;
	cursor: pointer;
	background: url("../images/icoCircle.gif") 0 -9px no-repeat;
}
.multipleColumn .hd ul li.on {
	background-position: 0 0;
}
.multipleColumn .bd {
	overflow: hidden;
}
.multipleColumn .bd ul {
	overflow: hidden;
	zoom: 1;
	width: 920px;
	float: left;
	display: inline;
}
.multipleColumn .bd ul li {
	width: 260px;
	float: left;
	display: inline;
	overflow: hidden;
	text-align: center;
}
.multipleColumn .bd ul li .pic {
	text-align: center;
}
.multipleColumn .bd ul li .pic img {
	width: 229px;
	height: 217px;
	display: block;
	margin: 0 auto;
}
.multipleColumn .bd ul li .pic a:hover img {
	border-color: #999;
}
.multipleColumn .bd ul li .title {
	line-height: 24px;
}
.index-01 {
	float: left;
	width: 100%;
	height: 151px;
	margin-top: 45px
}
.bd {
	padding-top: 30px;
}
/*关于我们*/
.about_box {
	width: 100%;
	height: 424px;
	background: url(../images/about_bg.jpg) no-repeat center 0;
}
.about_center {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.about_left {
	width: 624px;
	float: left;
}
.about_left h1 {
	font-size: 30px;
	color: #12b17b;
	padding-top: 34px;
}
.about_left p {
	font-size: 13px;
	color: #323232;
	line-height: 26px;
	padding-top: 20px;
}
.about_right {
	float: left;
	margin-left: 56px;
	padding-top: 40px;
}
/*基地展示*/
#wrapper {
	text-align: center;
}
.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	text-align: center;
	display: none;
}
#overlay_pic {
	margin: 200px auto;
	width: 400px;
}
.overlay {
	position: absolute;
	top: 0px;
	left: 0;
	width: 1120px;
	height: 230px;
	z-index: 10;
	text-align: center;

	display: none;
	overflow: hidden;
}
.jscarousal {
	width: 1120px;
	height: 220px;
	margin: 0 auto;
	position: relative; /*overflow: hidden;*/
}
.jscarousal .jscarousal-left, .jscarousal .jscarousal-right {
	float: left;
	width: 35px;
	height: 65px;
	position: relative;
	top: 127px;
	cursor: pointer;
}
.jscarousal .jscarousal-left {
	background-image: url(../images/left.jpg);
	background-repeat: no-repeat;
	background-position: left;
	left: -40px;
}
.jscarousal .jscarousal-right {
	background-image: url(../images/right.png);
	background-repeat: no-repeat;
	background-position: right;
	right: -1125px;
	top: -168px;
}
.jscarousal-contents {
	width: 1200px;
	height: 230px;
	float: left;
	position: relative;
	overflow: hidden;
}
.jscarousal-contents > div {
	position: absolute;
	width: 100%;
	height: 230px;
}
.jscarousal-contents > div > div {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}
.jscarousal-contents img {
	width: 248px;
	height: 178px;
	border: solid 1px #898989;
	padding: 5px;
}
.hidden {
	display: none;
}
.visible {
	display: block;
}
.thumbnail-active {
	cursor: pointer;
}
.thumbnail-inactive {
	cursor: pointer;
}
.thumbnail-text {
	color: #646464;
	text-align: center;
	width: 260px;
}
.case_box {
	width: 1200px;
	position: relative;
	left: 50%;
	margin-left: -600px;
}
.case_center {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.case_title h1 {
	float: left;
	font-size: 30px;
	color: #12b17b;
	padding-top: 57px;
}
.case_title h2 {
	float: left;
	font-size: 41px;
	color: #12b17b;
	padding-top: 47px;
	padding-left: 10px;
	padding-right: 10px;
}
.case_title h3 {
	float: left;
	font-size: 30px;
	color: #12b17b;
	padding-top: 59px;
	font-family: Arial Narrow;
}
/*新闻中心*/
.new_box {
	width: 100%;
	height: 689px;
	background: url(../images/new_bg.jpg) no-repeat center 0;
}
.new_center {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.new_center h1 {
	font-size: 30px;
	color: #fff;
	padding-top: 34px;
}
.new_bottom {
	background-color: #fff;
	padding: 20px;
	margin-top: 26px;
}
.new_left {
	float: left;
	width: 498px;
	height:448px;
	background-color: #f8f8f8;
	padding-bottom: 32px;
}
.new_left:hover {
	background-color: #fff;
}
.new_left_title {
	background: url(../images/new1_bg.png) no-repeat center;
	height: 240px;
}
.new_left_title h2 {
	padding-top: 100px;
	padding-bottom: 11px;
	text-align: center;
	color: #fff;
	font-size: 41px;
	font-family: "汉仪综艺体简"
}
.new_left_title h5 {
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-family: Arial;
}
.new_left_text h3 {
	color: #12b17b;
	font-size:20px;
	font-weight:bold;
	padding-left: 14px;
	padding-top: 22px;
	padding-bottom: 10px;
	width:488px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.new_left_text h3:hover {
	color: #ff9000;
}
.new_left_text h4 {
	line-height: 26px;
	color: #646464;
	padding-left: 14px;
	padding-right: 14px;
	text-indent:2em;
}
.new_right {
	width: 641px;
	float: left;
	margin-left: 20px;
}
.new_right_1 img {
	float: left;
	width:320px;
	height:240px;
}
.new_right_text {
	float: left;
	width: 305px;
	padding-left: 12px;
}
.new_right_1 {
	background-color: #f5f5f5;
}
.new_right_1:hover {
	background-color: #fff;
}
.new_right_text h3 {
	font-weight:bold;
	color: #12b17b;
	font-size:20px;
	padding-top: 22px;
	padding-bottom: 10px;
	width:295px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.new_right_text h3:hover {
	color: #ff9000;
}
.new_right_text h4 {
	line-height: 26px;
	color: #646464;
	text-indent:2em;
}
/*装车现场*/
.xianchang_center {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.xianchang_title h1 {
	float: left;
	font-size: 30px;
	color: #12b17b;
	padding-top: 57px;
}
.xianchang_title h2 {
	float: left;
	font-size: 41px;
	color: #12b17b;
	padding-top: 47px;
	padding-left: 10px;
	padding-right: 10px;
}
.xianchang_title h3 {
	float: left;
	font-size: 30px;
	color: #12b17b;
	padding-top: 59px;
	font-family: Arial Narrow;
}
/* 本例子css */
.picMarquee-left {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.picMarquee-left .hd {
	overflow: hidden;
	height: 25px;
}
.picMarquee-left .hd .prevStop {
	background-position: -60px 0;
}
.picMarquee-left .hd .nextStop {
	background-position: -60px -50px;
}
.picMarquee-left .bd {
}
.picMarquee-left .bd ul {
	overflow: hidden;
	zoom: 1;
}
.picMarquee-left .bd ul li {
	margin: 0 10px;
	float: left;
	display: inline;
	overflow: hidden;
	text-align: center;
}
.picMarquee-left .bd ul li .pic {
	text-align: center;
}
.picMarquee-left .bd ul li .pic img {
	width: 260px;
	height: 190px;
	display: block;
	border: 1px solid #959595;
	padding: 9px;
}
.picMarquee-left .bd ul li .pic a:hover img {
	border-color: #999;
}
.picMarquee-left .bd ul li .title {
	line-height: 24px;
}
.picMarquee-left .bd ul li h5 {
	padding-top: 10px;
}


/*首页左侧导航*/
.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 260px; /* Width of Menu Items */

}
.suckerdiv ul li{
z-index:999;
position: relative;
height:60px;
border-bottom: 1px solid #30ca96;
line-height:60px;
text-indent:40px;
background:#00b276;
}
.suckerdiv ul li:hover{background: #fff;color:#30ca96}
.suckerdiv ul li:hover a{color:#30ca96}
.suckerdiv ul li a{color:#fff}
.suckerdiv ul li ul li{
position: relative;
text-indent:40px;
height:50px;
border-bottom:1px solid #30ca96;
line-height:50px;
background: #64CB78;
color:#fff;
}
.suckerdiv ul li ul li a{color:#fff !important}
.suckerdiv ul li ul li:hover{background:#fff}
.suckerdiv ul li ul li:hover a{color:#30ca96 !important}
.suckerdiv ul li .erji{
left: 260px; /* Parent menu width - 1*/
position: absolute;
width: 280px; /*sub menu width*/
top: 23px;
display: none;
}
.suckerdiv ul li:hover .erji{display:block}