@charset "utf-8";
/* CSS Document */
/****-----Public-----***/
/*格式化代码-s*/
html, body {
font: 14px/1.5 "Microsoft Yahei", "Hiragino Sans GB", Helvetica, "Helvetica Neue", "微软雅黑", Tahoma, Arial, sans-serif;
color: #14191e;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, img, dl, dt, dd, blockquote, fieldset, div, strong, label, em, body { margin: 0; padding: 0; border: 0; }
ul, ol, li { list-style: none; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 12px; font-family: "museo-slab"; font-family: "museo-slab"; font-family: "Microsoft Yahei", "微软雅黑", "宋体"; }
input, button { margin: 0; font-size: 12px; vertical-align: middle;outline: none;}
table { border-collapse: collapse; }
a { color: #343434; text-decoration: none; font-family: "微软雅黑"; }
img { border: none; }
/*格式化代码-e*/
.clearfix:before, .clearfix:after {content:""; display:table;}   
.clearfix:after {clear:both;}   
.clearfix { *zoom:1;}
/*C-E*/
body { font-family: "museo-slab"; font-family: "Microsoft Yahei", "微软雅黑", "宋体"; overflow-x: hidden; font-size: 12px; }
body, form { margin: 0; padding: 0; }
a { color: #666; font-size: 12px; text-decoration: none; outline: none; }
a {transition: all 0.5s ease-out 0s;-moz-transition: all 0.5s ease-out 0s;-webkit-transition: all 0.5s ease-out 0s;-o-transition: all 0.5s ease-out 0s;}
a:hover { color:#cc0000; }
.an { transition: all 0.5s ease-out 0s;-moz-transition: all 0.5s ease-out 0s;-webkit-transition: all 0.5s ease-out 0s;-o-transition: all 0.5s ease-out 0s;}
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.p15 { padding: 15px; }
.pt15 { padding-top: 15px; }
.clear { clear: both; }
.width { width: 1200px; margin: 0 auto; position: relative; }
.fl { float: left; }
.fr { float: right; }
.hide {display: none;}
.blue {color: #109ee0}
/*---public---*/
.bg-top{position:absolute; left:0; width:40%; min-width:480px;background-color:#fff;height:40px;}
.top {height: 40px;width: 100%; background-color:#0266B4;font-size: 14px;height: 40px; line-height: 40px; color: #fff;}
.topL {width: 345px; padding-left: 80px;}
.topL img{height:40px;}
.topR {width: 515px; margin-left: 260px;height: 40px;}
.topR_a {line-height: 40px;font-size: 14px; line-height: 40px;color: #fff; }
.topR_a a,.topR_a img,.topR_a span {display: inline-block;vertical-align: middle;}
.topR_a a {padding:0 5px; color: #fff;}
.topR_a a:hover {color: #1701ea}
.topR_b {}
/*---  top  ---*/ 
.top_menu {width: 100%; background:#f1f1f1; height: 80px; }
.top_menuL { width: 380px;height:60px; padding-left:80px;padding-top: 20px; }
.top_menuL h3 {letter-spacing: 17px; font-size: 16px; color: #434343; font-weight: normal;}
.top_menuL p {font-size: 14px; color: #999; white-space:nowrap;}
.top_menuR { width: 700px;height: 65px;margin-top: 15px;}
.top_menuR a{transition:none; }
.top_menuR .nLi{ float:left;  position:relative;display: inline;}
.top_menuR .nLi h3{ float:left;font-weight: normal;}
.top_menuR .nLi h3 a{ display:block; width: 100px; font-size: 14px;height: 50px; line-height: 50px; text-align: center; color: #434343;}
.top_menuR .sub{ display:none; width:100px; left:0; top:50px;  position:absolute; background:#f9f9f9;line-height:26px;z-index: 888; }
.top_menuR .sub li{ zoom:1; text-align: center;}
.top_menuR .sub a{ display:block; padding:5px 0; font-size: 14px;color: #666; }
.top_menuR .sub a:hover{ background:#15a0ea; color:#fff; }
.top_menuR .nLi h3 a:hover { background:url(../images/hpdx.png) center bottom no-repeat; }
.top_menuR ul li.active {background:url(../images/hpdx.png) center bottom no-repeat; }
/*---  top_menu  ---*/ 
.banner {width: 100%;position: relative;}
.fullSlide{ width:100%;  position:relative;  height:410px; background:#f8f9fb;  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:410px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:410px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:30px; left:0; height:30px; line-height:30px; text-align:center;}
.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:15px; height:15px; margin:5px; border:1px solid #f18d1b; overflow:hidden; line-height:9999px;border-radius: 50%; }
.fullSlide .hd ul .on{ background: #f18d1b; }

.banner_txt {position:absolute;left: 0;top:0;height: 310px;width: 100%; padding: 100px 0 0;}
.banner_txt_con{width: 80%; padding: 0 10%;}
.banner_txt_con h3 {font-size: 28px; color: #fff; line-height: 36px; font-weight: normal;padding-bottom: 5px; }
.banner_txt_con h4 {font-size: 14px; color: #ccc; line-height: 28px; font-weight: normal;padding-bottom: 5px; }
.banner_txt_con p {font-size: 24px; color: #fff; line-height: 32px; }
.banner_txt_con a {display: block; width: 220px; height: 40px; margin:80px auto 0;font-size: 18px; color: #fff; border-radius: 20px; border:1px solid #fff; text-align: center;line-height: 40px;}
.banner_txt_con a:hover {background:#a4c2f4;}
/*---  banner  ---*/ 
.in_title { background: url(../images/titleBG.png) no-repeat center; height: 100px; width: 100%; }
.in_title_txt {width: 170px; margin:0 auto; padding-top: 10px;}
.in_title_txtL {font-size: 56px; font-weight: bold; line-height: 80px;}
.in_title_txtR {padding-top: 15px;margin-left: 10px;}
.in_title_txtR h3 {font-size: 24px; color: #000; font-weight: normal;}
.in_title_txtR p {font-size: 14px; font-weight: bold; color:#d9d9d9;}
.aboutUs_txt {padding:0 80px;font-size: 14px; color: #333; line-height: 32px; text-align: center;}
.aboutUs_icon {width: 1150px;padding:40px 25px 70px;}
.aboutUs_icon ul li {float: left; width: 184px;height: 194px;margin:0 23px; cursor: pointer; position: relative;}
.aboutUs_icon ul li.icon01 {background:url(../images/icon01.png) no-repeat left center; }
.aboutUs_icon ul li.icon02 {background:url(../images/icon02.png) no-repeat left center; }
.aboutUs_icon ul li.icon03 {background:url(../images/icon03.png) no-repeat left center; }
.aboutUs_icon ul li.icon04 {background:url(../images/icon04.png) no-repeat left center; }
.aboutUs_icon ul li.icon05 {background:url(../images/icon05.png) no-repeat left center; }
.aboutUs_icon ul li:hover.icon01 {background:url(../images/icon01.png) no-repeat -184px center; }
.aboutUs_icon ul li:hover.icon02 {background:url(../images/icon02.png) no-repeat -184px center; }
.aboutUs_icon ul li:hover.icon03 {background:url(../images/icon03.png) no-repeat -184px center; }
.aboutUs_icon ul li:hover.icon04 {background:url(../images/icon04.png) no-repeat -184px center; }
.aboutUs_icon ul li:hover.icon05 {background:url(../images/icon05.png) no-repeat -184px center; }
.aboutUs_icon ul li p {position: absolute;left: 0;bottom: 0;width: 100%; height: 45px; font-size: 16px; color: #fff;line-height: 45px; text-align: center;}
/*---  aboutUs  ---*/ 
.product {width: 100%;background: url(../images/kcr0.jpg) no-repeat center;padding:15px 0 40px;}
.product_list {width: 100%;margin-top: 10px;}
.product_list ul li {float: left; width: 187px; border:1px solid #fff; margin:0 5px;}
.product_list ul li img {display: block;margin:0 auto; width: 100%;}
.product_list ul li p {font-size: 14px; color: #5a5a5a; height: 35px; line-height: 35px; text-align: center;}
.product_list ul li:hover {border-color: #01a1ea;}
.product_list ul li:hover p {color: #01a1ea;}
.more_a {width: 100%;margin-top: 35px;}
.more_a a {display: block;width: 220px;height: 40px;margin:0 auto;font-size: 14px; color: #01a1ea;text-align: center;line-height: 40px;border:1px solid #01a1ea;border-radius: 20px;}
.more_a a:hover {background: #01a1ea;color: #fff;}
/*---  product  ---*/
.case {width: 100%; background: url(../images/caseBG.jpg) repeat-x bottom;padding:15px 0 25px;}
.case_list {background: url(../images/case_listBG.jpg) repeat-x bottom;}
.picMarquee-left{ overflow:hidden; position:relative;}
.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 img {display: block;margin:0 auto; width: 250px;height: 200px;}
.picMarquee-left .bd ul li p {font-size: 14px; color: #fff; height: 35px; line-height: 35px; text-align: center;}
.picMarquee-left .bd ul li:hover p {color: #01a1ea;}
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:120px; height:90px; display:block; padding:2px; border:1px solid #ccc; }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title{ line-height:24px;   }
.col_white a {border-color:#fff; color: #fff; }
/*---  case  ---*/
.news {width: 100%;padding:20px 0 40px;}
.news_list {width: 100%;margin-top: 25px;}
.news_listL {width: 400px;}
.w3cFocus{ width:100%;  position:relative; background:#fff;height: 480px;}
.w3cFocus .prev,.w3cFocus .next{ position:absolute;  display:block; bottom:150px; width:35px; height:30px; filter:alpha(opacity=80);opacity:0.8; }
.w3cFocus .prev {left:0; background:#666 url(../images/jslider-img5.png) no-repeat center;}
.w3cFocus .next{right:0; background:#666 url(../images/jslider-img6.png) no-repeat center; }
.w3cFocus .prev:hover,.w3cFocus .next:hover{ filter:alpha(opacity=100) !important;opacity:1 !important;  }
.w3cFocusIn{ width:400px; height:400px; position:relative;  margin:0 auto; }
.w3cFocusIn .bd li{ vertical-align:middle; }
.w3cFocusIn .bd li img{ width:400px; height:400px; display:block;  }
.w3cFocusIn .hd{ position: absolute; left:0; bottom:-80px;  }
.w3cFocusIn .hd ul{ vertical-align:middle; display:inline-block; *display:inline; overflow:hidden; zoom:1; }
.w3cFocusIn .hd ul li{  position:relative; float:left; display:inline; padding-top:4px;  margin-right:6px; filter:alpha(opacity=80); opacity:0.8;  cursor:pointer;  }
.w3cFocusIn .hd ul li img{ width:70px; height:68px; border:2px solid #ccc; display:block;  }
.w3cFocusIn .hd ul li.on{ filter:alpha(opacity=100);opacity:1; background:url(../images/focusArrow.png) center 0 no-repeat; }
.w3cFocusIn .hd ul li.on img{ border:2px solid #3499EA; border-bottom-width:4px;   }
.news_listR {margin-left: 120px; width: 680px;}
.news_listR ul li {position: relative; border-bottom: 1px solid #dbd4cd;padding:25px 0 20px 130px;}
.news_listR ul li .time {position: absolute;width: 60px; height: 48px;padding:6px 0; left: 30px;top: 25px;background: #198ede;color: #fff; text-align: center;}
.news_listR ul li .time p {line-height: 24px;font-size: 12px;}
.news_listR ul li .time p span {font-size: 14px;font-weight: bold;}
.news_listR ul li .text h3 {margin-bottom: 5px;}
.news_listR ul li .text h3 a {color: #666;font-size: 16px; font-weight: normal;}
.news_listR ul li .text p {min-height: 36px; color: #666;font-size: 12px;}
.news_listR ul li .text h3:hover a {color:#01a1ea; }
/*---  news  ---*/
.bottom_nav {width: 100%;background: #0584c9;}
.bottom_navCon{text-align: center; font-size: 14px;line-height: 24px;padding:10px 0;}
.bottom_navCon a,.bottom_navCon span {display: inline-block; color: #fff;}
.bottom_navCon span {padding:0 20px;}
.bottom_navCon a:hover {opacity: 0.6;filter:alpha(opacity=60);}
/*---  bottom_nav  ---*/
.foot {background: #2c2c2c;padding:20px 0;}
.footConL {width: 100%; text-align: center; font-size:14px; color: #fff; line-height: 30px; opacity: 0.8;filter:alpha(opacity=80);}
.footConL p {margin:0 10px;display: inline-block;}
.footConL a.icp {display: block; color: inherit; font-size: inherit;}
.footConL
.footConR {width: 400px;margin-top: 20px;position: relative;} 
.footConR img {vertical-align: middle; display:block;}
.fo_logo {height: 45px;margin-top: 15px;}
.fo_2wm {width: 80px; height: 80px;}
.footConR_line {position: absolute;left: 50%;margin-left: -1px;top:0;width: 1px;height: 84px;border-left: 1px dashed #028BCF;}
/*---  foot  ---*/
.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;}
/*---  fixed online  ---*/

.page_con {padding-top: 30px;margin-bottom: 50px;}
.page_conL {width: 198px; border:1px solid #109ee0;}
.page_conL_list h3 {height:60px; font-weight: normal;background: #109ee0;padding: 10px 0 0 5%;}
.page_conL_list h3 p {color:#f2651e;font-size: 24px;line-height: 30px;}
.page_conL_list h3 span {display: block;color:#f9f9f9;font-size: 14px;line-height: 24px;text-transform:capitalize;}
.page_conL_list ul li {width: 100%; height: 45px; line-height: 45px;background: #109ee0;border-top:1px solid #fff; text-align: center;}
.page_conL_list ul li a {font-size: 14px; color: #fff; display: block;}
.page_conL_list ul li:hover {background: #0456a9;}
.page_conL_list ul li.thisclass {background: #0456a9;}
.left_tel {text-align: center;padding:30px 0 20px;font-size: 14px; color: #333; line-height: 30px; }
.left_tel .tel {font-size: 16px; color:#ff6600; }
.left_tel img {width: 90%; height: auto;}

.page_conL_list_pro ul li { text-align: left; height: auto;}
.page_conL_list_pro ul li a {padding-left:6%;}
.page_conL_list_pro ul li ul li.sonl { height: 35px; line-height: 35px;background:#0383be;}
.page_conL_list_pro ul li ul li.sonl a {padding-left:10%;font-size: 12px;}
.page_conL_list_pro ul li ul li.sonl:hover {background: #0456a9;}


.page_conR {width: 960px; margin-left:40px;}
.page_conR_top {width: 100%;height: 45px; border-bottom: 1px solid #d9d9d9; line-height: 45px;font-size: 14px;color: #109ee0; }
.page_conR_top a {display: inline-block;color: #109ee0; padding:0 5px;}
.page_conR_top a:hover {text-decoration: underline;}
.page_text {padding:30px 0;line-height: 30px; font-size: 14px;}
.page_text img {max-width: 100%; height: auto;}

.honor h3 {font-size:16px; color: #14191e ;padding 5px; border-bottom:2px solid #14191e; margin-bottom:10px;}
.honor img {width: 200px;  padding:5px; border:1px solid #a2a2a2; margin-right: 10px;}

.pro_list {width: 100%;margin-top: 20px;}
.pro_list ul {width: 980px;}
.pro_list ul li {float: left; width: 193px;padding:15px 15px 5px; border:1px solid #ffdfa3; margin-right: 20px;margin-top: 20px;}
.pro_list ul li img {width: 193px; height: 154px;}
.pro_list ul li p {height: 30px; line-height: 30px; width: 100%; color:#333;text-align: center;}
.pro_list ul li:hover {border-color:#109ee0;}
.pro_list ul li:hover p a {color:#109ee0;}

.pro_img_thumbs {
    margin: 5px 0 0 0;
    padding: 5px;    
    height: 52px;
    list-style: none;

    border: 1px solid #E5E5E5;
    background-color: #F5F5F5;
}

.pro_img_thumbs li {
    display: inline-block;
    margin: 0 4px 0 0;
    padding: 0px;
    width: 50px;
    height: 100%;    
}

.pro_img_thumbs li img {
    width: 100%;
    height: 100%;
    border: 1px solid #E5E5E5;
}

.pro_img_thumbs li.active img {
    border-color: #0584c9;
}

.pro_con {margin-top: 45px;width: 100%;}
.pro_con_top {width: 100%;}
.pro_con_topL {width: 300px; padding:0 20px;}
.pro_con_topL img {width: 300px; height: 240px;}
.pro_con_topR {width: 570px;margin-left:10px;}
.pro_con_topR h3 {font-size: 18px; color: #333;font-weight:normal;line-height: 32px;border-bottom:1px solid #e2e2e2;}
.pro_con_topR .info {background-color: #F5F5F5;border: 1px solid #E5E5E5;color: #868686;font-size: 12px; line-height: 24px;margin-bottom: 10px;padding:15px;margin-top: 30px;height: 130px;overflow: hidden;}

.page_news_list {width: 100%; margin-left:0;}
.page_news_con {padding-top: 30px;}
.page_news_con .title {font-size: 18px; text-align:center;line-height: 30px;}
.page_news_con .tips {font-size: 12px; color: #5a5a5a; text-align: center;padding:20px 0;}
.page_news_con .tips span {display: inline-block;padding:0 10px;}
.page_news_con .info {background-color: #F5F5F5;border: 1px solid #E5E5E5;color: #868686;font-size: 12px; line-height: 24px;padding:15px;overflow: hidden;}

.online_con {width: 680px; margin:50px auto 0;}

.online_con .inputA p {font-size: 14px;color: #109ee0;height: 30px;line-height: 30px;}
.online_con .inputA p span {color: #ff0000;}
.online_con .inputA input {width: 94%;padding:0 3%;border:1px solid #109ee0;height: 40px;line-height: 40px;outline: none;border-radius: 3px;margin-top: 5px;}
.online_con .inputB textarea {width: 94%;padding:15px 3%;border:1px solid #109ee0;line-height: 24px;outline: none;border-radius: 3px;margin-top: 5px;}

.input_s {width: 200px; height: 40px; line-height: 40px; margin:20px auto;}
.input_s input {width: 100%; height: 40px;font-size: 14px; color: #fff;background-color: #109ee0;border:none;border-radius: 3px; cursor: pointer;}
.input_s input:hover {background-color: #0456a9;}

.prompot {width: 94%; clear: both;padding:0 3%;height: 24px; line-height: 24px;}
.online_con .false {color: red;}
.online_con .right {color: green;}
input.false {border: 1px solid red;}
input.right {border: 1px solid green;}

.map {width: 960px; height: 360px;margin:30px auto;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.contact_con_txt {font-size: 16px; line-height: 30px; text-align: center; color: #5a5a5a;}
.contact_con_txt h3 { font-size: 20px;padding: 20px 0 10px; }
.contact_con_txt p {padding:10px 0;}
/*分页*/
.page_num {  text-align:center; display:block; padding:30px 0; }
.page_num ul {list-style: none; padding: 0; display: inline-block; vertical-align: bottom; margin: 0;} 
.page_num ul li { float:left; display: inline-block; *display:inline; padding:1px 13px; min-height:27px; border:#ddd 1px solid; color:#666; font-size: 14px;margin-left:5px;margin-bottom: 10px; line-height:27px; cursor:pointer;background: #fff;}
.page_num ul li a { display:block; color:#666; font-size: 12px; }
.page_num ul li.thisclass { color:#fff; background:#109ee0;border-color:#109ee0;padding: 1px 10px;}
.page_num ul li.thisclass a { color: #fff; }
.page_num ul li .pageinfo { color: #666; display:block; }

.page_context {padding:30px 15px;}
.page_context p {width:100%;font-size:14px;color: #444;padding:3px 0;line-height: 24px;}
.page_context p a {color: #444;}
.page_context p a:hover {color: #ff0000;}
