body{ background:#212121;}

.header{ background:url(../images/top-bg.png) repeat-y; height:98px;}

.nav-box{ margin-right:20px;}

.search{ margin-top:15px;}
.search form {
	position: relative;
}
input.search-form {
	background: #3a3a3a;
	border: 0 none;
	width: 200px;
	padding: 0 10px;
	color: #999999;
	font-size: 12px;
	height: 30px;
}
.search i, .search-foot i {
	color: #fff;
	display: block;
	width: 44px;
	height: 30px;
	background-color: #2870ba;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}
.search i img, .search-foot i img {
	margin: 7px 14px;
}

.language{ margin-top:19px; margin-right:10px;}
.language ul li{ float:left;}
.language ul li a{ color:#a5a5a5; padding:0 10px; font-size:12px; line-height:12px;}
.language ul li.border a{ border-right:1px solid #a5a5a5;}

.nav{ float:right;}
.navbox{height:40px;position:relative;z-index:9; margin:auto; margin-top: 7px;}
.nav{width:815px;margin:0 auto;height:40px; list-style:none;}
.nav li{float:left;height:40px; list-style:none;margin-left: 60px;}
.nav li.last{background:none;}
.nav li a{text-decoration:none;}
.nav li a span{float:left;display:block;line-height:40px;font-size:14px;color:#ffffff;cursor:pointer;text-align:center; }
.nav li a span:hover{ color:#797979;}
.nav li.on a span:hover{ color:#797979;}
.mj_hover_menu{text-decoration:none;  }
.nav li.selected .submenu{display:block;}
.nav li .submenu{display:none;position:absolute;top:46px;left:-9px;    z-index: 999;}
.nav li .submenu li{float:none;padding:0;background:none;height:auto;border-bottom:dotted 0px #BEBEBE;}
.mj_menu_pro_bg{width:843px;  background:#f4f4f4; /*border-bottom-left-radius:20px; border-bottom-right-radius:10px;*/}
.mj_menu_pro_main{width:765px; margin:auto; padding-top:12px;}
.mj_menu_pro_li{     float: left;
    height: 40px;
    border-right: 1px solid #ccc;
    margin-top: 10px;
    width: 252px;}
.mj_menu_li_txt{line-height:22px; font-size:12px; color:#696969;}
.mj_menu_li_txt font{font-size:14px; color:#000; font-weight:bold;}
.mj_menu_li_txt a{color:#696969; text-decoration:none;}
.mj_menu_li_txt a:hover{color:#696969; }

.mj_menu_news_bg{width:480px; height:185px; background:url(http://demo.lanrenzhijia.com/2014/menu1217/images/menu_news_bg.png) no-repeat;}
.mj_menu_news_main{ margin:auto; padding-top:12px;}
.mj_menu_news_li{padding:0px 30px; margin-right:30px; height:40px;  margin:auto; }
.mj_menu_news_li .mj_menu_li_txt a{ margin-right:20px;}


.banner{ padding:20px; background:#fff;}
.slideBox{ width:1280px; height:589px; overflow:hidden; position:relative; border:1px solid #ddd;  }
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:1280px; height:589px; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
		
.slideTxtBox{ width:1280px; padding:0 20px; text-align:left;  }
		.slideTxtBox .hd{ float:left; width:300px; line-height:30px; background:#f4f4f4;   border-bottom:1px solid #ddd;  position:relative; margin-right:30px; }
		.slideTxtBox .hd ul{  }
		.slideTxtBox .hd ul li{  padding:0 35px; cursor:pointer; border-bottom:1px dashed #212121; position:relative; }
		.slideTxtBox .hd ul li i{ width:15px; height:15px; background:url(../images/pageleft-arrow.png) top; position:absolute; right:20px; top:50%; margin-top:-7.5px;}
		.slideTxtBox .hd ul li a{ font-size:14px; line-height:56px;}
		.slideTxtBox .hd ul li.on{   background:#fff; border-bottom:1px dashed #212121;  }
		.slideTxtBox .hd ul li.on i{ background-position:bottom;}
		.slideTxtBox .bd{ float:left; width:950px;}
		.slideTxtBox .bd ul{ zoom:1;  }
		.slideTxtBox .bd li{  line-height:24px; background:#ededed; text-align:center; height:430px; margin-right:7px; float:left; margin-bottom:8px; width:312px; }
		.slideTxtBox .bd li:nth-child(3n){ margin-right:0;}
		.slideTxtBox .bd li img{ padding-top:47px; width:312px;}
		.slideTxtBox .bd li a h2{ font-size:20px; font-weight:bold; color:#3f4145; margin-top:42px;}
		.slideTxtBox .bd li a span{ font-size:14px; color:#a7a7a7; line-height:24px; margin-top:35px; display:block;}

.a-title{ background:url(../images/pageleft-bg.jpg); width:300px; height:86px;}
.a-title h2{ color:#fff; font-size:24px; line-height:86px; font-weight:500; margin-left:35px;}

.a-about{ background:url(../images/a-about.jpg); width:1280px; height:278px; margin:20px;}

.a-about-info{ float:right; width:550px; margin-right:50px;}
.a-about-info h2{ font-size:20px; color:#fff; font-weight:500; line-height:20px; margin-top:35px;}
.a-about-info h3{ font-size:14px; color:#fff;  line-height:14px; margin-top:15px;}
.a-about-info p{ font-size:14px; color:#fff;  line-height:24px; margin-top:20px;}
.a-about-info .button{ width:80px; height:23px; background:#0068d2; text-align:center; margin-top:15px; }
.a-about-info .button a{ color:#fff; font-size:14px; line-height:23px;}

.footer{ background:#212121; margin-top:20px;}
.footer .footer-logo{ margin-top:22px; margin-bottom:25px;}
.footer .footer-nav { margin-top:50px;}
.footer .footer-nav ul li{ float:left;}
.footer .footer-nav ul li a{ color:#eaeaea; font-size:14px; margin-left:60px; line-height:14px;}

.copyright{ text-align:center; color:#acacac; font-size:12px; padding:20px 0; border-top:1px solid #4d4d4d;}
.copyright a{ color:#acacac; font-size:12px; }
.copyright span{ width:30px; display:inline-block;}

.n-banner{ margin:20px;}

.breadment{ padding:0 20px 15px; border-bottom:1px solid #e5e5e5;}
.breadment .bread ul li{ float:left; font-size:14px; margin-right:5px; color:#3d3d3d;}
.breadment .bread ul li a{ font-size:14px; color:#3d3d3d;}
.breadment  .breadtitle{ font-size:14px; color:#3d3d3d;}

.about{ padding:45px 60px;}
.about h2{ font-size:24px; color:#3d3d3d; position:relative; margin-bottom:30px;}
.about h2:after{ position:absolute; width:20px; height:3px; content:""; display:block; margin-bottom:-17px; bottom:0; left:0; background:#3d3d3d;}
.about h4{ font-size:16px; color:#3d3d3d; margin-bottom:30px;}
.about p{ font-size:14px; line-height:28px; color:#3d3d3d; margin-bottom:35px; text-indent:28px;}

.product{ padding:20px;}
.pageleft{ float:left; width:300px; line-height:30px; background:#f4f4f4;   border-bottom:1px solid #ddd;  position:relative; margin-right:30px; }
		.pageleft ul{  }
		.pageleft ul.pageup li{ }
		.pageleft ul.pageup > li a i{ width:15px; height:15px; background:url(../images/pageleft-arrow.png) top; position:absolute; right:20px; top:50%; margin-top:-7.5px;}
		.pageleft ul.pageup > li a{ padding:0 35px; cursor:pointer; position:relative; font-size:14px; line-height:56px; display:block;  border-bottom:1px dashed #212121;}
		.pageleft ul.pageup > li .pagedown a{ padding:0 35px 0 45px; cursor:pointer; position:relative; font-size:12px; line-height:45px; display:block;  border-bottom:1px dashed #212121;}
		.pageleft ul.pageup > li .pagedown{ background:#fff;}
		.pageleft ul.pageup li.on ,.pageleft ul.pageup > li:hover{   background:#e2e2e2; border-bottom:1px dashed #212121;  }
		
		.product-box{ float:left; width:950px;}
		.product-box ul{ zoom:1;  }
		.product-box li{  line-height:24px; background:#ededed; text-align:center; height:430px; margin-right:7px; float:left; margin-bottom:8px; width:312px; }
		.product-box li:nth-child(3n){ margin-right:0;}
		.product-box li img{ padding-top:48.5px; width:312px; padding-bottom:48.5px;}
		.product-box li a h2{ font-size:20px; font-weight:bold; color:#3f4145; margin-top:12px;}
		.product-box li a span{ font-size:14px; color:#a7a7a7; line-height:24px; margin-top:35px; display:block;}
.productn-box{ float:left; width:950px;}
.productn-box p{ font-size:14px; line-height:28px;}	
.pro-img{ text-align:center;}
		
.case{ padding:20px;}
.case-box{ float:left; width:950px;}
.case-box ul li{ margin-bottom:40px;}

.case-grid{ text-align:center;}
.case-grid h2{ font-size:18px; margin-top:15px; }
.case-grid h1{ font-size:14px; font-weight:500; }

.video-box{ float:left; width:950px;}
.video-box ul li{ margin-bottom:40px;}
.video-box ul li a{ position:relative; display:block;}
.video-box ul li a .play{ position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.3); left:0; top:0;}
.video-box ul li a .play .play-icon{ width:75px; margin:auto; background:rgba(255,255,255,0.5); text-align:center; padding:25px 0; border-radius:100%; margin-top:120px;transition-delay:0.5;}
.video-box ul li a:hover  .play .play-icon{ background:rgba(0,0,0,0.5); }


.video-grid{ text-align:center;}
.video-grid h2{ font-size:18px; margin-top:15px; }
.video-grid h1{ font-size:14px; font-weight:500; }

/*new*/
.new-box{ float:left; width:950px;}

.new ul {
	list-style: none;
	padding: 0;
	margin: 0 10px;
}
.new ul li {
	color: #303030;
	border-bottom: 1px #eaeaea dashed;
	padding: 1px 0;
}
.new ul li a {
	font-size: 16px;
	color: #5a5a5a;
	line-height: 55px;
	text-decoration: none;
}
.new ul li a:hover {
	color: #000;
}
.new ul li a span {
	font-size: 12px;
	color: #878787;
	line-height: 45px;
	float: right;
}

/*news*/
.news .news-title {
	border-bottom: 1px solid #dadada;
	color: #3c3c3c;
	text-align: center;
	margin-bottom: 20px;
}
.news .news-title h2 {
	color: #333333;
	font-weight: 500;
	font-size: 24px;
	margin-bottom: 10px;
}
.news .news-title span {
	display: block;
	line-height: 30px;
	font-size: 12px;
	color: #a9a9a9;
	margin-bottom: 5px;
}
.news p {
	text-indent: 32px;
	font-size: 16px;
	margin-bottom: 10px;
	color: #555555;
}
 .more {
	margin: 0 -21px;
	margin-top: 50px;
	padding: 0 20px;
}
 .more table {
	width: 100%;
}
 .more td {
	border-top: 1px solid #ddd;
	width: 50%;
	vertical-align: top;
}
 .more td a {
	display: block;
	padding: 10px 15px;
	color: #666;
}
 .more td a sub {
	color: #aaa;
}
 .more td a p {
	margin-top: 5px;
	color: #222;
	line-height: 20px;
	font-size: 14px;
	text-indent: 0;
}
table.gridtable {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #333333;
	border-width: 1px;
	border-color: #dddddd;
	border-collapse: collapse;
}
table.gridtable th {
	border-width: 1px;
	width: 200px;
	padding: 8px;
	border-style: solid;
	border-color: #dddddd;
	background-color: #99C4EF;
	color: #fff;
}
table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #dddddd;
	background-color: #ffffff;
	text-align: center;
}


.contact-box{ margin:auto; width:950px;}

.contact{ text-align:center; padding:30px 0 30px;}
.contact h3{ font-size:16px; color:#3d3d3d; margin-bottom:10px; line-height:16px;}
.contact h4{ font-size:16px; color:#3d3d3d; margin-bottom:10px; line-height:16px; margin-bottom:20px;}
.contact p{ font-size:14px; color:#3d3d3d; margin-bottom:10px;line-height:28px;}
.contact .contact-info{ width:560px; margin:auto; border-bottom:1px solid #212121; padding:0 80px; margin-bottom:20px;}
.contact .contact-info .info-l{ text-align:right;}
.contact .contact-info .info-r{ text-align:left;}

#mapContainer {

	height: 350px;
	width: 840px;
	margin:auto;
}

table.gridtable {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #333333;
	border-width: 1px;
	border-color: #dddddd;
	border-collapse: collapse;
}
table.gridtable th {
	border-width: 1px;
	width: 230px;
	padding: 8px;
	border-style: solid;
	border-color: #dddddd;
	background-color: #212121;
	color: #fff;
}
table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #dddddd;
	background-color: #ffffff;
	text-align: center;
}