/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body { background:#fff; color:#231916; 
	line-height: 1; font-family: 'Yanone Kaffeesatz', 'Microsoft JhengHei', '微軟正黑體', sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a { text-decoration: none; color:#231916; -ms-word-wrap: break-word;}
img { border: 0px currentColor;} 

/* 清除浮动通用样式：方法1、浮动元素后添加<div class="clear"></div>清除； 方法2、浮动元素的父元素中添加class="clearfix"清除 */
.clear{clear:both; background:none; border:0; display:block; float:none; font-size:0; list-style:none; margin:0; padding:0; overflow:hidden; visibility:hidden; width:0; height:0; line-height:0;}
.clearfix:after{display:block; clear:both; content:"."; visibility:hidden; height:0;}
.clearfix{display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

 
/*****/
#top{ width:100%; border-bottom:5px solid #ff9933; height:75px; position:fixed; top:0px; z-index:1000;}
#top .top_bg_left { width: 50%; position: absolute; height: 100%; background: #fff; z-index: 0; top: 0; left: 0; }
#top .top_bg_right { width: 50%; position: absolute; height: 100%; background: #231916; z-index: 0; top: 0; right: 0; }
#top .top_center { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; }
#top .top_center .clearfix { width: 960px; margin: 0 auto; }
#logo{ width:143px; text-align:right; height:75px; background:#fff; float: left;}
#menu{ width:817px; height:75px; background:#231916; float: right; }
#menu,#logo{ display:inline-block;}
#menu ul li{ float:left;font-size:18px; height:75px;}
#menu ul { float:left;}
#menu ul li a, #menu ul li a:hover{ display:block; width: 130px; height:100%;line-height:70px; color:#fff; font-weight:bold; text-align: center; }
#menu ul li a:hover, #menu ul li a.selected{ background:#ff9934}
#menu .lang{ display:block; float:right; line-height:70px; color:#fff; font-weight:bold; padding:0 20px 5px 0;}
#menu .lang a{color:#fff; font-weight:bold; font-size:15px;}

.con{ width:868px; margin:80px auto 0 auto; padding: 0 60px; overflow: hidden; }
.cont{ width:960px; margin:140px auto 0 auto; position: relative; overflow: hidden; }
.con p.ban{ height:48px; text-align:center; line-height:48px; color:#b4b5b5; font-weight:bold; font-size:21px; border-bottom:2px #918c8a solid; margin:10px auto 20px auto; letter-spacing: 2px;}
.con p.ban font{ color:#ff9933}


/**banner*/
.rslides { list-style: none; padding: 0px; width: 100%; }
/*.rslides_nav {
	background: url("http://img.lanrentuku.com/img/images/i.png") no-repeat 0px -560px; left: 0px; top: 50%; width: 31px; height: 51px; text-indent: -9999px; overflow: hidden; text-decoration: none; margin-top: -28px; position: absolute; opacity: 0.5; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rslides_nav:active {
	opacity: 1;
}
.next.rslides_nav {
	background-position: -31px -560px; left: auto; right: 0px;
}*/
.rslides_tabs { margin: 17px auto; text-align: center; clear: both;}
.rslides_tabs li {	margin-right: 28px; float: none; display: inline; _float: left;}
.rslides_tabs a {background:#9c9d9d; border-radius: 10px; width: 10px; height: 10px; text-indent: -9999px; overflow: hidden; display: inline-block; -webkit-border-radius: 10px; -moz-border-radius: 10px; _display: block;}
.rslides_tabs .rslides_here a {background:#ff9933;}
.focus { border:5px solid #ff9933; width: 858px; height: 362px; }
.f426x240 { width: 858px; height: 364px; overflow: hidden; }
.f426x240 img { width: 858px; height: 364px;} 

/**banner*/

/**about us*/
#about{ width:100%; margin-top:40px;border-top:2px solid #918c8a; padding-top:15px;}
#about .left,#about .right{font-weight:bold; font-size:18px; color:#231916; height:377px; letter-spacing: 2px;}
#about .left span,#about .right span{ display:block; line-height: 30px;}
#about .left{ width:547px; float: left; border-right:2px solid #918c8a;}
#about .right{ float: right; width:299px; }
#about .right ul li{border:5px solid #ff9933; margin-bottom:7px; cursor: pointer; position: relative;}
#about .right ul li img { width: 289px; height: 69px; display: block; }
#about .right ul li h1 { position: absolute; top: 0; left: 0; z-index: 10; height: 18px; width: 100%; background: #eb9436; filter: alpha(Opacity=85); -moz-opacity: 0.85; opacity: 0.85; }
#about .right ul li p{ position: absolute; top: 0; left: 0; z-index: 20; height:14px; width: 100%; text-indent: 2px; line-height:14px; color:#fff; text-align:left; font-size:10px;letter-spacing: 0px; }
#about .left img {width: 517px; height: 327px; border:5px solid #ff9933;}

/**media*/
#media{ width:100%; margin-top:10px; border-top:2px solid #918c8a; padding-top:15px;}
#media .left,#media .right{ float:left;font-weight:bold; font-size:18px; color:#231916;height:auto; margin-bottom: 20px; letter-spacing: 2px;}
#media .left span,#media .right span{ display:block; line-height: 30px;}
#media .left{ width:100%; float: left; }
#media .left .clogos { width: 868px; margin: 0 auto; position: relative; height: 258px; }
#media .left .clogos ul { list-style: none; margin: -3px; padding: 0; position: absolute; width: 900px; left: 0; }
#media .left .clogos ul li { padding: 2px; border: 1px solid #efefef; float: left; margin: 3px; }
#media .left .clogos ul li img { height: 75px; }
#media .right{ width: 299px; float: right; }
#media .right p { width: 289px; height: 56px; padding: 15px 0; text-align: center; border:5px solid #ff9933; }
#media .right p img { width: 212px; height: 56px;}

/*foot**/
 #foot{ width:100%; margin-top:10px;border-top:2px solid #ff9933; height:150px; position: relative;}
 #foot .title { position: absolute; top: -14px; left: 0; width: 100%; }
 #foot .title span{ display:block; text-align:center; margin:0 auto; width:270px; font-size:18px; color:#fff;font-weight:bold; background:#ff9933; height:24px; line-height: 24px; padding: 0 0 2px 0; letter-spacing: 2px; }
 #foot .title a { color: #fff; }
 #foot ul li{ float:left; padding: 0 30px 0 30px;} 
 #foot ul li img { float:left;}
 #foot ul{ margin:20px auto 0 auto; width:868px;}
 #foot ul li h1{ height:50px; color:#231916; font-family:Verdana, Geneva, sans-serif;font-weight:bold; font-size:14px;padding-top:10px; margin-left:20px; display:block; float:left;}
 #foot ul li h1 font{ color:#595857;}
 #foot ul li h1 img{ float:right; margin-right:10px; margin-top:12px;}
 #foot ul li h2{color:#231916; font-family:Verdana, Geneva, sans-serif;font-weight:bold; font-size:14px;}
 #foot ul .line{ border-left:2px solid #ff9933; border-right:2px solid #ff9933;}
 #foot p{ width:100%; display:block; color:#231916; font-size:12px;text-align:center; margin-top:25px;}
 
 
.cont .left{ position: absolute; left:0; top: 0; width:92px; min-height: 390px; background:#ff9934; padding-left:4px;padding-right:4px; padding-top:20px; padding-bottom: 20px;}
.cont .left ul li { text-align: left; }
.cont .left ul li p{ font-size:10px; color:#fff; font-weight:lighter;} 
.cont .left ul li p a { font-size: 10px; color: #fff; }
.cont .left ul li font{ font-weight:bold; line-height: 150%; display: block; text-align: center;}
.cont .left ul li img { margin: 0 6px; }
.cont .left ul li.line{ border-bottom:2px solid #ffffff; padding-bottom: 15px; margin-bottom: 15px;}


.cont .right{ float:right; width:842px; background:url(../img/right_bg.png) repeat-y right; }
.cont .right .bar{ width:220px; padding: 0 16px; float:right; background: #231916; position: relative;/* position:fixed; margin-left:657px;*/}
.cont .right .bar .bg { width: 18px; height: 100%; top: 0; left: -18px; position: absolute; background: #333; filter: alpha(Opacity=20); -moz-opacity: 0.2; opacity: 0.2; }
.cont .contact{padding-right:15px; position: relative;}
.cont .contact .map { width: 280px; position: absolute; right: 10px; top: 70px; }
.cont .right_l{ width:590px; float:left;}
.cont .right_l p{ font-size:34px; margin:5px 5px 17px 5px; font-weight: bold; }
.cont .right_l span{ font-size:15px; color:#111111; line-height:22px; display:block; margin-top:10px;margin-bottom:18px;}
.cont .right_l ul{ padding-right:15px;}
.cont .right_l ul hr{ border:1px solid #ffad5e; margin-top:25px;}
.cont .right_l ul span hr{ border:1px solid #595250; margin-top:10px;}
.cont .right_l ul h1{ font-size:38px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; margin-top:30px;}
.right_l  h5{ font-size:38px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; margin-top:-15px;}
.cont .right_l  h2{ font-size:20px; font-weight:bold; color:#000000; margin-top:24px;}
.cont .right_l ul h3{ font-size:18px; font-weight:bold; color:#ff9933; margin-top:16px;}
.cont .right_l ul h4{ font-weight:bold; color:#231916;  margin-bottom:10px;}
.cont .right_l ul h4 font{ font-weight:bold; color:#595857;}
.cont .right_l ul h4 img{ margin-top:15px;}
.cont .right_l ul li{ float:left; font-size: 15px;}
.cont .right_l ul li img{ /*float:left;*/}
.cont .right_l ul .line{ border-right:1px solid #ccc; padding-right:10px; margin-right:30px; width: 360px;}
.cont .right_l ul .line img { margin-right: 10px; }
.cont .right_l ul#clogos li { display: block; height:106px; width:167px; text-align:center;  padding: 10px;  float: left;  border-left: 1px dashed #ccc;border-bottom: 1px dashed #ccc;}
.cont .right_l ul#clogos li img { vertical-align:bottom; display:block; margin:0px auto; max-width: 167px; max-height: 106px; }
#f p{ display:block; color:#231916; font-size:12px; text-align:right; padding-right: 8px; } 
 
.right_l ul span font{ color:#ff9933; }
.right_l ul span b{ color:#000000; font-weight:bold;}
 
 
.scrollContainer { width: 558px; height: 103px; margin: 0 auto; position: relative; }
.scrollContainer .arw_l { display: block; width: 10px; height: 14px; background:url(../img/arw_l.png) no-repeat; position: absolute; top: 46px; left: -15px; cursor: pointer; }
.scrollContainer .arw_r { display: block; width: 10px; height: 14px; background:url(../img/arw_r.png) no-repeat; position: absolute; top: 46px; right: -15px; cursor: pointer; }       
.scroll{width:558px; height:103px; overflow:hidden; float: left;}
.inner{width:558px; height:103px;}
.inner ul{list-style:none;} 
.inner ul li{width:170px; height: 95px; float:left; list-style:none; border: 4px solid #ff9933; margin: 0 4px; position: relative;}
.inner ul li img { width: 170px; height: 95px; border: none; cursor: pointer;} 
.inner ul li b { position: absolute; bottom: 0; left: 0; width: 100%; height: 24px; background: #dccbaf; filter: alpha(Opacity=60); -moz-opacity: 0.6; opacity: 0.6; z-index: 10; display: none; }
.inner ul li h6 { position: absolute; bottom: 0; left: 0; width: 100%; height: 24px; line-height: 24px; font-size: 15px; z-index: 20; text-align: center; font-family: microsoft Yahei; font-weight: normal; color: #333; display: none; } 
.inner ul li:hover b, .inner ul li:hover h6 { display: block; }
 
 
 .cont .right .bar h1{ text-align:center; color:#fff; font-size:16px; margin-top:50px; line-height: 20px;  }
 .cont .right .bar span { display:block; background:#fff; width:220px; height:138px; margin:20px auto 0 auto;}
 .cont .right .bar p{ color:#fff; line-height:22px; font-size: 15px;}
  .cont .right .bar p a { color: #fff; text-decoration: none; }
 .cont .right .bar h2{ color:#ff9933; line-height: 40px; font-size: 15px;} 
 .cont .right .bar h2 a { color: #ff9933; text-decoration: none; }
 
 .back-to-top{ cursor:pointer;}
 
.videoBox { width: 900px; padding: 20px; margin: 0 auto; background: #000; }
.video { width: 670px; height: 450px; float: left; }
.video img { width: 670px; height: 450px; }
.description { width: 220px; height: 450px; margin-left: 10px; float: left; text-align: left; }
.description img { display: block; }
.description dl { margin: 20px auto; }
.description dl dt { font-size: 16px; font-weight: bold; color: #fff; line-height: 20px; }
.description dl dd { font-size: 12px; color: #fff; margin: 5px auto 10px auto; line-height: 20px; }