@charset "utf-8";

body{overflow-x:hidden;}
form,fieldset,textarea,p,th,td {padding:0px; margin:0px;}   
table{border-collapse:collapse;border-spacing:0;}   
img{border:0;vertical-align:middle;} 
ul,li,dl,dt,ol,u,dd { list-style:none; padding:0px; margin:0px;}   
caption,th{text-align: left;}
h1,h2,h4,h5,h6 {font-weight:normal; margin:0px; padding:0px; }   
body { font-size:14px; font-family:"Microsoft YaHei"; padding:0px; margin:0px;}
a{color:#666; text-decoration:none; }
a:hover{
-moz-transition:all 0.2s; /* Firefox 4 */
-webkit-transition: all 0.2s; /* Safari and Chrome */
-o-transition:all 0.2s; /* Opera */
}

/*headbar*/
.headbar {width:100%; height:123px; background:url(/images/kaka/headbarbg.png) repeat-x bottom; z-index:999;}
.topbor { height:30px; background:#2f343d; line-height:30px;}
.topbor a { color:#fff;}
.topbor a:hover { color:#fc8026;}
.head { width:100%; overflow:hidden;width:1000px; clear:both; margin:0 auto;}
.headtop { position:relative; height:31px; width:1000px; margin:0 auto;}
.nav { float:right;}
.nav ul li { float:left; font-size:18px; margin-left:45px; padding-top:30px;}
.nav ul li .nav_our { color:#fc8026; border-bottom:5px solid #fc8026; padding-bottom:8px; display:block;}
.nav ul li a:hover {color:#fc8026;}
.ice { background:url(/images/kaka/gg-bg.png) no-repeat left center; padding-left:22px; float:left;}
.ice b { color:#fff; margin-right:5px;}
.lo { float:right;}
.lo a { margin-left:15px;}

.logo  { width:207px; height:53px; float:left; margin-top:19px;}
.logo img { width:100%;}

.login_box { width:300px; height:398px; padding-top:18px; background:url(/images/kaka/login.png); position:absolute; right:8px; top:200px; z-index:99; }

.login_form { width:300px; text-align:center; margin-bottom:18px; position:relative;}
.login_form span { position:absolute; left:65px; top:5px; color:#999; line-height:30px;}
.imgCode { position:absolute; width:50px; height:22px; right:39px; top:10px;}
.in_text { width:210px; height:39px; line-height:39px\9; padding-left:39px; border-radius:5px; border: none;}

/*客服*/
.main-im{ position:fixed; right:0px; top:100px; z-index: 100; width: 110px; height: 272px; z-index:999 }
.main-im .qq-a { display: block; width: 106px; height: 116px; font-size: 14px; color: #0484cd; text-align: center; position: relative; }
.main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; }
.main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; }
.main-im .qq-container { z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(http://demo.lanrenzhijia.com/2014/service1008/images/qq-icon-bg.png) no-repeat center 8px; }
.main-im .img-qq {max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.main-im .im-qq:hover .img-qq{ max-width: 70px; left: 1px; top: 8px; position: absolute; }
.main-im .im_main {background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB;display:none;}
.main-im .im_main .im-tel { color: #000000; text-align: center; width: 109px; height: 105px; border-bottom: 1px solid #dddddd; }
.main-im .im_main .im-tel div{font-weight:bold;font-size: 12px;margin-top:11px;}
.main-im .im_main .im-tel .tel-num { font-family: Arial; font-weight: bold; color: #e66d15;}
.main-im .im_main .im-tel:hover { background: #fafafa; }
.main-im .im_main .weixing-container {width: 55px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; background: url(http://demo.lanrenzhijia.com/2014/service1008/images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show {width: 112px; height: 172px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -125px; top: -126px; }
.main-im .im_main .weixing-show .weixing-sanjiao {width:0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 112px; top: 134px; position: absolute; z-index: 2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 112px; top: 132px; position: absolute; }
.main-im .im_main .weixing-show .weixing-ma { width: 104px; height: 103px; padding-left: 5px; padding-top: 5px; }
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto; text-align:center; font-size:12px;}
.main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(http://demo.lanrenzhijia.com/2014/service1008/images/toTop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a { display: block; width: 52px; height: 47px; }
.main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; background: url(http://demo.lanrenzhijia.com/2014/service1008/images/close_im.png) no-repeat left top; }
.main-im .close-im a:hover { text-decoration: none; }
.main-im .open-im { cursor: pointer; margin-left: 68px; width: 40px; height: 133px; background: url(/images/kaka/open_im.png) no-repeat left top; }

/*客服结束*/
.in_name { background:url(/images/kaka/nameid.png) no-repeat center left #fff; border:1px solid #e1e1e1;}
.in_pass { background:url(/images/kaka/passw.png) no-repeat center left #fff;border:1px solid #e1e1e1;}
.in_sub { background:#fc8026; width:258px; height:39px; color:#fff; border:1px solid #fc8026; border-radius:5px; font-size:16px;}
.huishouzhekou{ background:url(/images/kaka/huishouzhekou.png) no-repeat #06C 38px 12px; height:39px; border-radius:5px; width:258px; display:block; color:#FFF; line-height:39px; text-align:center; font-size:16px;margin-left:21px; border:0px;}
.chaokuaixiaoka{ background:url(/images/kaka/chaokuaixiaoka.png) no-repeat #06C 38px 12px; height:39px; border-radius:5px; width:258px; display:block; color:#FFF; line-height:39px; text-align:center; font-size:16px;margin-left:21px; border:0px;}
.gaojiaxiaoka{ background:url(/images/kaka/gaojiaxiaoka.png) no-repeat #06C 38px 12px; height:39px; border-radius:5px; width:258px; display:block; color:#FFF; line-height:39px; text-align:center; font-size:16px;margin-left:21px; border:0px;}
.dengluzhanghao{ background:url(/images/kaka/zhanghaologin.png) no-repeat #06C 38px 12px; height:39px; border-radius:5px; width:258px; display:block; color:#FFF; line-height:39px; text-align:center; font-size:16px;margin-left:21px; border:0px;}
.dengluwx{ background:url(/images/kaka/wxlogin.png) no-repeat #06C 38px 12px; height:39px; border-radius:5px; width:258px; display:block; color:#FFF; line-height:39px; text-align:center; font-size:16px;margin-left:21px; border:0px;}
.dengluqq{  background:url(/images/kaka/qq_1.png) no-repeat #06C 38px 12px; height:39px; border-radius:5px; width:258px; display:block; color:#FFF; line-height:39px; text-align:center; font-size:16px;margin-left:21px; border:0px;}

.login_info,.login_p { width:250px; margin:0 auto; color:#fff;}
.login_info input { vertical-align:middle;}
.login_info { border-bottom:1px solid #fff; height:30px; line-height:30px;}
.login_info label { float:left;}
.login_info a { float:right;}
.login_p a { margin-left:10px;}

/* 优势 */
.hp-plan-box {padding-top:50px;text-align: center;background:url(/images/kaka/ysbg.jpg) repeat-x bottom #f1f1f1;}
.hp-plan-box .plan-title {text-align:center;display: inline-block;font-size:22px;font-weight: bold;color: #000;width:280px;    background:url(/images/kaka/title-h3bg.png) no-repeat;
padding-top:7px;position: relative;}
.plan-title h3 { padding:0; margin:0; color:#ababab; font-size:22px;}
.hp-plan-box .plan-title .icon {display: block;width:100%;height: 25px;color:#ababab;font-size:14px;}
.hp-plan {width: 1000px;margin: 0 auto;overflow: hidden;text-align: center;}
.hp-plan-content {width: 958px;height: 100px;margin: 0 auto;padding: 50px 0 20px 0;border-bottom: 1px solid #dedede;text-align: center;position: relative;}
.hp-plan-content > .plan-list {display: inline-block;}
.hp-plan-content > .plan-list > li {float: left;height: 82px;width: 82px;margin: 0 55px;background: #c6c6c6;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;`
cursor: pointer;}
.hp-plan-content > .plan-list > li span{float: left;height:82px;width: 82px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.hp-plan-content > .plan-list .preop span {
background:url(/images/kaka/hoverbg.png) 0px -82px no-repeat;
}
.hp-plan-content > .plan-list .halfway span {
background: url(/images/kaka/hoverbg.png) -82px -82px no-repeat;
}
.hp-plan-content > .plan-list .complete span {
background: url(/images/kaka/hoverbg.png) -164px -82px no-repeat;
}
.hp-plan-content > .plan-list .safe span {
background: url(/images/kaka/hoverbg.png)  -246px  -82px no-repeat;
}
.hp-plan-content > .plan-list > .curr {
background:#01b2ee;
}
.hp-plan-content #slide-block {
display: block;
width:82px;
height: 2px;
position: absolute;
background: #01b2ee;
bottom: -1px;
left: 149px;
z-index: 9;
}
.hp-plan-content > span {
display: block;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
position: absolute;
bottom: -10px;
border: 1px solid #dedede;
color: #dedede;
font-size: 16px;
}
.hp-plan-content .fa-left {
left: -21px;
}
.hp-plan-content .fa-right {
right: -21px;
}
.hp-plan .plan-tell-box {
width: 1000px;
height: 300px;
margin-top: 50px;
overflow: hidden;
position: relative;
}
.hp-plan .plan-tell-box > ul {
height: 720px;
position: absolute;
top: 0;
left: 0;
}
.hp-plan .plan-tell-box > ul > li {
width: 900px;
height: 300px;
padding: 0 50px;
text-align: left;
overflow: hidden;
}
.hp-plan .plan-tell-box .tell {
width: 100%;
position: relative;
}
.hp-plan .plan-tell-box .tell > div {
width: 780px;
padding: 0 60px;
position: relative;
}
.hp-plan .plan-tell-box .tell > div > h5 {
width:780px;
display: inline-block;
font-size: 30px;
color: #01b2ee;
padding-bottom: 8px;
border-bottom: 2px solid #01b2ee;
float:left;
}
.hp-plan .plan-tell-box .tell > div > h5 > span {
font-weight: bold;
}
.hp-plan .plan-tell-box .tell > div > span {
display: block;
width: 60px;
height: 80px;
font-size: 100px;
line-height: 100px;
text-align: center;
color: #01b2ee;
font-weight: bold;
position: absolute;

}
.hp-plan .plan-tell-box .tell > div > .fr {
bottom: -30px;
right: 0;
}
.hp-plan .plan-tell-box .tell > div > .fl {
top: 0;
left: 0;
}
.hp-plan .plan-tell-box .tell p {
display:block;
width: 100%;
font-size: 20px;
line-height: 40px;
color: #9f9f9f;
margin-top: 15px;
overflow: hidden;
}
.hp-plan .plan-tell-box > ul > li > .tell > span {
display: block;
height: 75px;
width: 75px;;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
position: absolute;
bottom: 0;
right: 75px;
z-index: 100;
}
.hp-plan .plan-tell-box > ul .preop-tell > .tell > span {
background:#d82a5b url(/images/kaka/hp_plan_icon.png) 15px 10px no-repeat;
}
.hp-plan .plan-tell-box > ul .halfway-tell > .tell > span {
background:#d82a5b url(/images/kaka/hp_plan_icon.png) -170px 10px no-repeat;
}
.hp-plan .plan-tell-box > ul .complete-tell > .tell > span {
background:#d82a5b url(/images/kaka/hp_plan_icon.png) -348px 10px no-repeat;
}
/* plan end */



.z-box { width:1000px; margin:0 auto; padding-top:50px;}
.card_title{ float:left; border-bottom:1px solid #ababab;  }
.card_title h1 { float:left;color:#00b2ee;font-weight:bold; padding-bottom:10px;}
.card_title span { font-size:14px; color:#ababab; padding-top:15px; display:block; float:left; margin-left:15px; padding-right:80px;}
.service { display:block; float:right; width:82px; height:33px; background:url(/images/kaka/servicebg.jpg) no-repeat; color:#fff; padding-left:50px; line-height:30px;}
.service:hover { background:url(/images/kaka/servicebg_hover.jpg) no-repeat;}
.cardlist { text-align:center; clear:both; padding:90px;}


.bot_links { width:100%; margin:0 auto; background:#f1f1f1; overflow:hidden;}
.bot_links ul { width:1000px; margin:0 auto;}
.bot_links ul li { width:500px; float:left; height:65px; padding-top:15px;}
.bot_links ul li a { padding:2px 5px; margin-left:15px;}
.bot_links ul li span { display:block; width:40px; height:40px; float:left;}
.apiimg { background:url(/images/kaka/hoverbg.png) 0 -164px no-repeat; margin-top:10px;}
.carimg { background:url(/images/kaka/hoverbg.png) -40px -164px no-repeat; margin-top:5px;}
.bot_links ul li h1 { font-weight:bold;  font-size:20px; padding-left:60px;}
.bot_links ul li p { padding-left:60px;}
.y_li{ color:#fb781d;}
.b_li { color:#04b0f2;}
.y_li_a{ color:#fb781d; border:1px solid #fb781d;}
.y_li_a:hover { background:#fb781d; color:#fff;} 
.b_li_a { color:#04b0f2; border:1px solid #04b0f2;}
.b_li_a:hover { background:#04b0f2; color:#fff;} 

.footer{ background:#f1f1f1; overflow:hidden;}
.footerbeijing{ background:#f1f1f1; overflow:hidden;}
.fo_con { width:1000px; margin:0 auto;}
.fo_con  dl { position:relative;font-size:12px;padding-left:60px; color:#9c9ea1; margin-top:10px; border-top:1px solid #9c9ea1; padding-bottom:29px; padding-top:10px; overflow:hidden;}
.fo_con  dl a { color:#9c9ea1;}
.fo_con  dl a:hover { color:#fc8026;}
.fo_con dl dt { position:absolute; left:0; top:15px;}
.fo_con dl dd { float:left; margin-right:10px; padding:5px 0;} 

.b_cont { width:100%; overflow:hidden; margin:0 auto; color:#9c9ea1; text-align:center; height:32px; line-height:32px; background:#2f343d; font-size:12px;}
.b_cont b { float:left; padding-left:40px;}
.b_cont span { float:right; padding-right:40px;}


.k_list { width:900px; margin:0 auto; padding:0px 0 60px 100px; overflow:hidden;}
.k_list li { float:left; margin-right:30px;}

.main { width:1000px; margin:0 auto; overflow:hidden; padding:50px 0;}
.login_ad { float:left; width:480px; height:388px;}
.login_div { float:right; background:#f8f8f8; border:1px solid #e1e1e1; padding:30px 0;}
.login_t { width:250px; margin:0 auto; color:#666;}
.now_reg { color:#fc8026; margin-right:50px;}


/*招商页面*/
.zs-top { width:100%; height:600px; background:url(/images/kaka/zs-topad.jpg) no-repeat center;}
.title1 { width:1000px; text-align:center;}
.title1 h1 { font-size:30px; color:23272e; font-weight:bold; padding-bottom:10px;}
.title1 span { width:1000px; display:block; border-bottom:1px solid #d3d4d5; position:relative;}
.title1 span b { width:66px; height:3px; background:#00b2ee; display:block; position:absolute; bottom:-2px; left:467px;}

.title2 { width:1000px; text-align:center; margin:0 auto;}
.title2 h1 { font-size:30px; color:23272e; font-weight:bold; padding-bottom:10px;}
.title2 span { width:1000px; display:block; border-bottom:1px solid #fff; position:relative;}
.title2 span b { width:66px; height:3px; background:#fff; display:block; position:absolute; bottom:-2px; left:467px;}

.top2 { width:1000px; margin:0 auto; overflow:hidden; padding:60px 0; overflow:hidden;}
.top2-s { text-indent:32px; color:#000; line-height:1.6; padding:30px 60px; font-size:16px;}
.top2-ul { width:880px; padding:0 60px; margin:0 auto; overflow:hidden;}
.top2-ul li { width:440px; float:left;}
.top2-ul li h1 { font-size:18px; color:#00b2ee;}
.top2-ul li p { color:#000; font-size:14px; height:26px; line-height:26px;}


.top-k { background:#ffd040; color:#fff; overflow:hidden; padding:60px 0;}
.top-k-ul { width:1000px; margin:0 auto; padding:100px 0; overflow:hidden;}
.top-k-ul li { width:200px; text-align:center; float:left;}
.top-k-ul li div { background:url(/images/kaka/top-klist.png) no-repeat; width:161px; height:161px;}
.top-k-ul li div h1 { font-size:24px; font-weight:bold; padding-top:33px;}
.top-k-ul li div p { font-size:14px; line-height:1.5; padding-top:14px;}
.top-k h2 { font-size:24px; font-weight:bold; text-align:center; width:100%; clear:both;}

.top-y { padding:60px 0; width:1000px; margin:0 auto; overflow:hidden;}

.top-y-dl { width:399px; float:left; overflow:hidden; padding:33px 50px;}
.dl1 {  border-right:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3; margin-top:50px;} 
.dl2 { border-bottom:1px solid #e3e3e3; margin-top:50px;}
.dl4 { border-left:1px solid #e3e3e3;}
.top-y-dl dt  { color:#00b2ee; font-size:26px; font-weight:26px; padding-left:60px;}
.top-y-dl dt img { margin-right:30px;}
.top-y-dl dd { padding-top:25px; line-height:1.5; color:#23272e; font-size:18px;}


.top-l { background:#46cbdd; width:100%; overflow:hidden; padding:60px 0; color:#fff;}
.top-l-ul { background:url(/images/kaka/top-s-ulbg.png) no-repeat center bottom; padding-top:30px; width:1000px; margin:0 auto; height:100px;}
.top-l-ul li { width:333px; padding-top:110px; float:left; text-align:center; font-size:20px; font-weight:bold;}
.top-l-div { width:940px; margin:0 auto; padding-left:60px; padding-top:100px;}
.top-l-div h1 { font-size:14px; padding-bottom:15px;}
.top-l-div p { text-indent:28px;padding-bottom:15px;}

.top-h { width:1000px; margin:0 auto; overflow:hidden; padding:60px 0;}
.top-h ul li { float:left; width:500px;}
.top-h ul li h1 { padding:80px 0 20px 0;}
.top-h ul li h1 span { float:left; font-size:26px; font-weight:bold; padding-right:20px;}
.top-h ul li h1 p { font-weight:normal; font-size:16px; line-height:40px;}
.top-h ul li h2 { clear:both; font-size:16px; font-weight:normal; margin-top:40px;}

.top-h-dl { position:relative; padding-left:90px; padding-top:10px; padding-bottom:10px;}
.top-h-dl dt { position:absolute; left:0;text-align:right; width:80px; top:15px;}
.top-h-dl dt span { color:#f00; }
.h-text { height:26px; line-height:26px/2; font-family:14px; color:#333; padding-left:5px; border:1px solid #e2e2e2;}
.h-textarea { width:312px; height:68px; border:1px solid #e2e2e2; }
.yzm { width:50px; height:22px; margin-left:20px;}
.h-sub { width:138px; height:36px; background:#00b2ee; color:#fff; border:none;}
.top-h-f { padding-left:90px; padding-top:15px;}
.top-h-f p { height:30px; line-height:30px; padding-bottom:15px;}
.dd-se { padding-top:8px;}


/*弹出层*/
.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 2em; 
		padding:2em 1em 1em 1em;
		width: 70%;
		margin-left:10%;
		text-align:center;
		background: #fff url(modal-gloss.png) no-repeat -200px -80px;
		position: absolute;
		z-index: 101;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
    .reveal-modal img { width:100%;}
	
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		}