@charset "utf-8";
/****reset***/
html,body, div,span,nav,header,footer,menu, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5,img, h6, pre, code, form,img, fieldset, legend, input, button, textarea, p, blockquote, th, td,label { margin:0px;padding:0px;border:none;}
a{color:inherit}
table{border-collapse:collapse;}
address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;}
li {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 { font-size:100%;font-weight:normal;}
input, button, textarea, select { font-family:inherit;font-size:12px; vertical-align:middle; outline:none;}
a{text-decoration:none; outline:none;}
a:hover{ text-decoration:none; }
.clear{	font-size: 0px;	line-height: 0px;margin: 0px;padding: 0px;height: 0px; width:0px; clear:both; visibility:hidden;}
.fl{ float:left; display:inline;}
.fr{ float:right; display:inline;}
.clearfix:after {content: ".";display: block;height: 0;clear:both;visibility: hidden;}
body{ font-size:0.9em; font-family:"微软雅黑";padding-bottom:6em;margin-top: 4em; background:#ebebeb;}
.clear{ clear:both}
/****resetend***/
header{width: 100%;background:#dcdcdc;position: fixed;height: 4em;top: 0px;z-index: 999;}
header h1{font-size:1.5em;color:#fff; line-height:2.8em; font-weight:bold}
nav{ width:100%; margin:0 auto;background: url(../images/navigation_bg.jpg);}
nav ul{ width:100%;}
nav ul li{text-align:center; float:left; width:24.4%;height: 36px;line-height: 36px;background: url(../images/navigation_line.jpg) right center no-repeat; }
nav ul li a{color:#fff;}
/*焦点图*/
.banner{ width:100%;text-align:center;}
.banner img{width:100%;}
/*内容*/
article{ width:90%; margin:0 auto; line-height:5vmin; color:#3e495d;text-indent: 2em;}
article ul li{ list-style-type:disc; list-style-position:inside; margin-left:2em;}
article ol li{ list-style-type:decimal-leading-zero; list-style-position:inside; margin-left:2em;}
article h1{ font-size:270%; font-weight:bold; line-height:2;}
article h2{ font-size:240%; font-weight:bold; line-height:2;}
article h3{ font-size:210%; font-weight:bold; line-height:2;}
article h4{ font-size:180%; font-weight:bold; line-height:2;}
article h5{ font-size:150%; font-weight:bold; line-height:2;}
article h6{ font-size:120%; font-weight:bold; line-height:2;}
article a{ color:#bf0321;}

.main{ width:94%; margin:0 auto;}
.main .img img{ width:100%; margin-bottom:10px;}

.pageTitle{line-height:38px; text-align:center; color:#1385CC; font-size:16px; border-bottom:2px solid #96989b; margin-bottom:18px; font-weight:bold; height:38px}


/**首页新闻**/
.newsm{width:95%;background-size: 99%;position: relative;line-height:27px;color: #000;background: url(../images/left_titlex.png) repeat-x center;border-radius: 4px; height:27px;margin-top: 16px;margin:8px auto;}
.newsm span{font-size: 16px;color: #000000;font-weight: bold; display:block; background:#e9e9e9; width:5em;}
.newsm a{ float:right; padding-right:10px;}
.index_new{width:93%; margin:0 auto;}
.index_news{width:95%; margin:0 auto;}
.index_news ul{ margin-top:3vmin;}
.index_news ul li{font-size:12px;color:#000000; line-height:2.4em;border-bottom:1px dashed #cccccc; list-style:inside; list-style-image:url(../images/news_l.jpg);}
.index_news ul li a{color:#000000;}
.index_news span{float:right; color:#000000; font-weight:normal;}
/**首页产品**/
.index_pro{width:98%; margin:1em auto;padding:1%;}
.index_pro ul{}
.index_pro ul li{ float:left; width:30%; margin:0 0 1em 2.5%;}
.index_pro ul li img{width:100%;height:7em;border-radius:8px;}
.index_pro ul li h1{ width:100%; margin:0 auto; font-size:0.9em; line-height:1.7em;text-align:center; overflow:hidden;color:#000;}
.index_pro ul li span{display:block;text-align:center; font-size:1.0em; line-height:2em; color:#964e0b; font-weight:bold;}
.index_pro ul li a{ color:#000000;}
/**首页关于**/
.index_about{ width:93%; margin:1em auto 0;font-size:1.0em;line-height:1.7em;color:#000000;}


/*产品展示*/
.type{ width:90%; margin:0 auto;}
.type ul li{ height:67px; line-height:67px; background:url(../images/pro_li_icon.jpg) no-repeat left center; padding-left:15%; overflow:hidden; border-bottom:2px solid #f2f2f2;}
.type ul li a{ font-size:22px; color:#474747;}
.type ul li span{ color:#d3d3d3; font-size:32px; float:right; margin-right:10%;}

.product{ width:100%;}
.product ul li{ width:28%; float:left; text-align:center; margin:2.5%; margin-bottom:0;}
.product ul li img{ width:100%;height: 7em;border-radius: 8px;}
.product ul li h1{ font-size:0.7em; line-height:2em; font-weight:bold;}
.product ul li h1 span{ color:#f00;}
.product ul li p{ height:32px; line-height:32px; overflow:hidden;  width:8.6em; text-align:center; margin:0 auto;}
.product ul li p a{ color:#2A2A2A;}

.proName{ width:90%; margin:10px auto; font-weight:bold; font-size:5vmin; text-align:center;}
.proImg{ width:96%; margin:5px auto; text-align:center; overflow:hidden;}
.promei{width:90%;}
.promei h1{font-size:0.9em; line-height:2em; font-weight:bold;}
.promei h1 span{ color:#f00;}


.news{ width:100%; margin:0 auto;}
.news ul{width:95%; margin:0 auto;}
.news ul li {font-size:0.9em;list-style:inside;list-style-type:upper-alpha; color:#224ead; line-height:2.5em;border-bottom:1px dashed #890020; }
.news ul li span{float:right;color:#777; font-weight:normal;}
.news ul li a{ color:#AF7F16;}
.newsTime{ width:100%; margin:0 auto; text-align:center;}
.bshare-custom ul li{ width:42%; display:block; float:left; margin-left:3%; margin-bottom:10px; background:#c5c5c4; padding:2%; line-height:2; }
/*菜单样式*/
.button{ width:3em;position:absolute;right:2%;top:5px;z-index:2;}
.button img{ width:100%;}
.bshare-custom ul li{ width:42%; display:block; float:left; margin-left:3%; margin-bottom:10px; background:#c5c5c4; padding:2%; line-height:2; }
.cin_navigation {width:30%;overflow: hidden;border: none;position: absolute;right: 0; top: 59px;}
.con_nev {width: 100%;background-color:rgba(0, 0, 0, 0.54);z-index:500;position: relative;}
.con_nev li {width:100%;line-height:2.2em;border-bottom: 1px solid #FFF; color:#fff;font-size:1.0em; list-style:none; text-align:center;}
.con_nev a {width: 90%;display: block;color: #FFF;padding: 0 5px;text-decoration: none;}

/**底部**/
.bottom{width: 100%;background:#1385CC;position: fixed;bottom: 0;}
.bottom ul{}
.bottom ul li{float: left;text-align: center;width: 22%;margin:0.5em 0 0.5em 2.2%;}
.bottom ul li img{width:2em;}
.bottom ul li h1{font-size: 1.0em;color:#fff;}
.bottom .qq{width:25%;height: 200px;position:fixed;bottom:5em;left:35%;display: none;}
.bottom .qqm{width: 120px;margin:0 auto;text-align: center;font-size: 14px;color:#fff;font-weight: bold; line-height: 30px;height: 30px;background: #1713d0; position: relative;}
.bottom .qq ul{width: 118px;margin:0 auto;border: 1px solid #777;border-top:none;padding-top: 15px; background:#fff;}
.bottom .qqm span{position: absolute;top:5px;right:5px;}
.bottom .qq ul li{width:120px;margin:5px auto;line-height:30px;height:30px;}
.bottom .qq ul li h2{font-size:12px;color:#777;display: inline-block;}
.bottom .qq ul li img{height:25px;width:25px;float: right;margin-top:3px; padding-right:15px;}


/**上下条目**/
.next{ width:89%; margin:1em auto 5em; line-height:2em; }
.next h1{ float:left;}
.next h1 span{color:#777;}
.next h2{ float:right;}
.next h2 span{color:#777;}
.next a{ color:#777;}

.logo{width:98%; text-align:center; margin-top:0.5em}
.logo a{color: #1385CC;font-size:1.6em;line-height:1.6em;FONT-WEIGHT: BOLD;}
.logo img{width:100%}
.back{ background:none;}
nav{ width:100%; margin:0 auto;}
nav ul{ width:100%;}
nav ul li{text-align:center; float:left; width:22%; margin:1.2em 0 0 2%;}
nav ul li img{ width:80%;}
nav ul li h1{ font-size:1.0em; line-height:1.7em; color:#4c4c4c;}
nav ul li a{ color:inherit;}

*{ margin:0; padding:0; list-style:none;}
img{ border:0;}

.rides-cs {  font-size: 12px; background:#29a7e2; position: fixed; top: 250px; right: 0px; _position: absolute; z-index: 1500; border-radius:6px 0px 0 6px;}
.rides-cs a { color: #00A0E9;}
.rides-cs a:hover { color: #ff8100; text-decoration: none;}
.rides-cs .floatL { width: 36px; float:left; position: relative; z-index:1;margin-top: 21px;height: 181px;}
.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatR { width: 130px; float: left; padding: 5px; overflow:hidden;}
.rides-cs .floatR .cn {background:#F7F7F7; border-radius:6px;margin-top:4px;}
.rides-cs .cn .titZx{ font-size: 14px; color: #333;font-weight:600; line-height:24px;padding:5px;text-align:center;}
.rides-cs .cn ul {padding:0px;}
.rides-cs .cn ul li { line-height: 38px; height:38px;border-bottom: solid 1px #E6E4E4;overflow: hidden;text-align:center;}
.rides-cs .cn ul li span { color: #777;}
.rides-cs .cn ul li a{color: #777;}
.rides-cs .cn ul li img { vertical-align: middle;}
.rides-cs .btnOpen, .rides-cs .btnCtn {  position: relative; z-index:9; top:25px; left: 0;  background-image: url(http://demo.lanrenzhijia.com/2014/service1031/images/lanrenzhijia.png); background-repeat: no-repeat; display:block;  height: 146px; padding: 8px;}
.rides-cs .btnOpen { background-position: 0 0;}
.rides-cs .btnCtn { background-position: -37px 0;}
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot { border-bottom: none;}
/***/
#box {width:167px; height:179px; background:#fff; position:fixed; top:200px; right:-200px; border-radius:5px 0 0 5px; -webkit-box-shadow:2px 0 5px #333; -moz-box-shadow:2px 0 5px #333; box-shadow:2px 0 5px #333;}
.title{width:25px;height:100px;position: absolute;left:-25px;background:red;top:150px;color:white;line-height:25px;text-align: center;vertical-align: middle;border-radius:5px 0 0 5px;cursor: pointer;}
.info{color:#000;display:block;margin:10px;text-shadow:0 0 5px #333;-webkit-text-shadow:0 0 5px #333;-moz-text-shadow:0 0 5px #333;font-size:16px;border-bottom:1px dashed #333;}
.qq{margin:10px;list-style:none;}
.txt{width:auto;height:25px;display: block;font-size: 12px;float:left;line-height:25px;-webkit-text-shadow:0 0 5px #ccc;-moz-text-shadow:0 0 5px #ccc;text-shadow: 0 0 5px #ccc;}
.csimg{width:200px;height:124px;position: absolute;left:0px;top:-124px;}
.active{background:#ff6600;}


/**qq**/
#cs_box {width:90px;color:#FFF; background:#54a7ff; position:fixed; right:0; top:251px; border-radius:10px; z-index:1000}
#cs_box span {height:20px; line-height:20px;display:block;}
.cs_close {color:#fff; position:absolute; right:5px; top:0px; cursor:pointer; font-size:20px;font-family:Verdana, Geneva, sans-serif}
.cs_title {font-size:14px; margin:10px; font-weight:bold;}
.cs_btn {border-radius:5px; font-size:12px;color:#FFF; text-align:center;}
.cs_btn p{height:30px;}