@charset "utf-8";/* CSS Document */
body { margin:0; padding:0; font-size:12px; color:#666;font-family:"Arial"; line-height:25px; background: #f1f1f1}
p { text-indent:2em; margin:0; padding:0; }
ul, ol, dt, dd { margin:0; padding:0; }
li { list-style:none; }
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; line-height:25px; font-size:12px; }
a { text-decoration:none; color:#333333; }
a:active { outline:none; }
a:hover { color:black; text-decoration:underline; }
:focus { -moz-outline-style:none; }
.margintop10 { margin-top:10px; }
.marginLR10 { margin:0 10px; }
#pagecrumb { background: url(images/icon/breadcrumb_bg.gif) repeat-x bottom; border:1px solid #eee; height:30px; line-height:30px; padding-left:25px; }
#pagecrumb a { margin:0 5px; }
#pagecrumb span.pos { background:url(images/icon/IconHome.gif) no-repeat; padding-left:20px; }
#headlink {height:35px; line-height:35px; text-align:right; background:#070e21;}
#headlink h1 { line-height:35px;display:inline; padding-right:1.5em;}
#headlink span {}
#headlink a { margin:0 10px; color:#ababab; }
#headlink p {display:inline;}
.mainbody { margin-top:10px;padding-top:10px; background:url(images/bg_home.png) repeat-x top;}
.mainbodybg{ background:#fff; padding:10px 0;}
#headtop{ background:#ffffff; repeat-x; height:120px;}
#headtop span.logo {width:500px; height:88px; float:left; }
#headtop span.tel { background:url(images/tel.png) no-repeat; width:296px; height:88px; float:right; }

#msg_win {background: url(/Public/images/backBg.jpg) no-repeat;width:281px;position:absolute;right:0;font-size:12px;font-family:"Arial";margin-right:20px;display:none;overflow:hidden;z-index:99;}
#msg_win .icos {position:absolute;top:6px;*top:6px;right:15px;z-index:9;}
.icos a {float:left;color:#999;margin:0 15px;text-align:center;width:14px;height:22px;line-height:22px;padding:1px;text-decoration:none;font-family:Arial;}
.icos a:hover {color:black;}
#msg_title {height:38px;}
#msg_content {padding:0px 20px;width:230px;height:210px;overflow:hidden;}
ul.kfTabs{list-style:none;margin:0 !important;padding:0;border-bottom:1px solid #98C3D2;height:25px;}
ul.kfTabs li{float:left;text-indent:0;padding:0;margin:0 !important;list-style-image:none !important;}
ul.kfTabs a{background: url(/Public/images/blue.png) no-repeat 0px 0;font-size:11px;display:block;line-height:25px;width:68px;text-align:center;text-decoration:none;color:#070e21;padding:0px;margin:0 1px;position:relative;top:1px;}
ul.kfTabs a:active{outline:none;}
ul.kfTabs a:hover{background-position: 0px -31px;color:#fff;}
ul.kfTabs a.current, ul.kfTabs a.current:hover, ul.kfTabs li.current a{background-position: 0px -62px;cursor:default !important;color:#000 !important;}
ul.kfTabs a.s:hover{background-position: -553px -31px;}
ul.kfTabs a.l:hover{background-position: -248px -31px;}
ul.kfTabs a.xl:hover{background-position: 0 -31px;}

#online{width:240px; height:170px; padding:10px 15px;}
#online h2{font-size:12px; color:#070e21; padding-left:35px; background:url(/Public/images/24h.gif) no-repeat 0 10px;font-weight:normal; display:block; margin:5px;}
#online ul.qq{ padding:5px 15px;}
#online ul.qq li{float:left; padding-left:5px;padding-right:5px;}
#online ul.link{ padding:5px 15px;}
#online ul.link li{margin-left:5px;margin-right:5px;float:left;}
#online ul.link li a{ background:url(/Public/images/butBg.gif) repeat-x; height:23px; border:1px solid #D7D7D7; width:75px; text-align:center; font-size:12px; color:#070e21; text-decoration:none; display:block; line-height:23px; }
#online ul.link li a:hover{ color:red;}


#menu {  height:40px; margin-top:-30px; text-align:center;}
#menu ul{width:90%; margin:auto; text-align:center;}
#menu ul li{float:left; text-align:left;}
#menu ul li.li2{float:left;width:100px;}
#menu ul li.li4{float:left;width:126px;}
#menu ul li.li6{float:left;width:160px;}
#menu ul li a{ text-align:center; padding:0 30px; font-size:14px; color:#666666; font-weight:bold; display:block; height:35px; line-height:30px; background:url(images/menuBgB.png) no-repeat right;}
#menu ul li a:hover{ text-decoration:none; background:url(images/menuBg.png) repeat-x bottom; color:#fff; font-size:14px; }
#menu ul li div.subMenu{position:absolute;background:#1c446e;width:126px;padding-bottom:10px;padding-top:5px; display:none; z-index:99;}
#menu ul li div.subMenu ul{padding:0 2px;}
#menu ul li div.subMenu ul li{display:block;width:100%;padding:0; border-bottom:1px dotted #222; height:30px;}
#menu ul li div.subMenu ul li a{color:#ababab;display:block;padding:0;padding-left:20px;height:30px;line-height:30px; background: url(images/icon/dot6.gif) no-repeat 10px center;text-align:left; font-weight:normal;}
#menu ul li div.subMenu ul li a:hover{text-decoration:none;background:url(images/icon/dot6.gif) no-repeat 10px center #222;color:#fff;}
#homebanner { height:290px; overflow:hidden; }
#pagebanner { height:150px; overflow:hidden; }
.homeLeftMenu h2.serv { background:url(images/ha1.png) no-repeat; height:50px; color:#C90700; line-height:50px; padding-left:55px; font-size:14px;}
.homeLeftMenu h2.cont { background:url(images/icon/breadcrumb_bg.gif) repeat-x bottom;border:1px solid #E2E2E2; padding:2px;height:50px; color:#C90700; line-height:50px; padding-left:55px; font-size:14px;}
.homeLeftMenu h2.list { background:url(images/homebg04.png) no-repeat; height:33px; color:#FFF; line-height:33px; padding-left:35px; font-size:12px;text-shadow: 1px 1px 0 #000;}
.homeLeftMenu ul { border:1px solid #E2E2E2; padding:2px; }
.homeLeftMenu ul li { background:url(images/homebg01.png) repeat-x top; height:34px; line-height:34px; }
.homeLeftMenu ul li a { padding-left:40px; }
.homeLeftMenu ul li a:hover{ background:url(images/icon/orange_arrow1.jpg) no-repeat 25px center; text-decoration:none;}
.servceItem { background:url(images/homebg03.png) no-repeat 340px 2px; }
.servceItem dl { width:50%; float:left; height:100px; overflow:hidden; line-height:20px; }
.servceItem dl.bg { width:50%; float:left; height:100px; overflow:hidden; line-height:20px; background:url(images/homebg02.png) no-repeat bottom; padding-bottom:20px; }
.servceItem dl dt { width:100px; float:left; }
.servceItem dl dd { width:230px; float:left; }
.servceItem dl dd h2.item01 { background:url(images/homea1.png) no-repeat; width:0px; height:30px; padding-left:220px; overflow:hidden; }
.servceItem dl dd h2.item02 { background:url(images/homea2.png) no-repeat; width:0px; height:30px; padding-left:220px; overflow:hidden; }
.servceItem dl dd h2.item03 { background:url(images/homea3.png) no-repeat; width:0px; height:30px; padding-left:220px; overflow:hidden; }
.servceItem dl dd h2.item04 { background:url(images/homea4.png) no-repeat; width:0px; height:30px; padding-left:220px; overflow:hidden; }
.servceItem dl dd p{ text-indent:0;}
.servceItem dl dd p a.more{ margin-left:5px; position:relative; top:3px;} 
.homecase .homecasemenu { padding-top:10px; clear:both; }
.homecase .homecasemenu ul li { width:110px; float:left; margin-right:1px; }
.homecase .homecasemenu ul li a { background:url(images/homebg05.png) no-repeat bottom; width:110px; height:30px; display:block; text-align:center; line-height:30px; ; }
.homecase .homecasemenu ul li a.current{background:url(images/homebg05.png) no-repeat top; font-weight:bold;color:#FFF;text-shadow: 1px 1px 0 #000;}
.homecase .homecasemenu ul li a:hover { text-decoration:none;}
.homecase .pic { clear:both; padding-top:1px; }
.homecase .pic ul { background:url(images/homebg06.png) repeat-x; padding:10px; text-align:center; padding-left:25px; padding-top:20px; }
.homecase .pic ul li { width:170px; float:left; }
.homecase .pic ul li a.img img { border:1px solid #EEE; padding:2px; background:#fff; }
.homecase .pic ul li a.title { display:block;}
.homecase .infolist { clear:both; padding-top:1px; background:url(images/homebg07.png) repeat-x bottom; padding-bottom:10px; }
.homecase .infolist ul.newslist { background:url(images/homebg06.png) repeat-x; padding:10px; padding-left:25px; padding-top:20px; }
.homecase .infolist ul.newslist li { width:49%; float:left; border-bottom:1px dotted #eee; overflow:hidden; }
.homecase .infolist ul.newslist li a { background:url(images/icon/dot6.gif) no-repeat 0 5px; padding-left:15px; white-space:nowrap; }
.homecase .infolist ul.topnews { width:48%; float:left; padding-top:10px; }
.homecase .infolist ul.topnews li.leftimg { width:120px; float:left; text-align:center; }
.homecase .infolist ul.topnews li.leftimg a img { border:1px solid #eee; padding:2px; background:#fff; }
.homecase .infolist ul.topnews li.rightcont{ width:220px; float:left; overflow:hidden;}
.homecase .infolist ul.topnews li.rightcont h2 a { color:#000; width:100%; white-space:nowrap; overflow:hidden;}
.homecase .infolist ul.topnews li.rightcont h2 a:hover { text-decoration:none; }
.homecase .infolist ul.topnews li.rightcont p { height:50px; overflow:hidden; }
.homeicon { text-align:center; }
.about { padding-bottom:15px; padding:10px; }
.about h2 { background:url(images/homepic02.png) no-repeat; width:193px; height:40px; }
.about p { color:#747474; }
.homeFoot { background:#1c446e repeat-x top; padding-top:15px; }
.homeFoot .fLink { background:url(images/homebg09.png) repeat-y center #212222; border-bottom:1px #323232 solid; }
.homeFoot .fLink p { text-align:center; }
.homeFoot .fLink p a { margin:0 10px; }
.homefooter { text-align:center; background:#1c446e; height:50px;}
.pageMainTitle { padding-bottom:10px; padding-top:10px; border-bottom:1px dotted #eee;}
.pageMainTitle h2 { background: url(images/bg_nav-active.png) no-repeat scroll left center ; border: medium none; color: white; padding-right: 11px; text-shadow: 1px 1px 0 #C82B2C; padding-left:20px; height:35px; line-height:35px; font-size:14px;}
.pageMainTitle h1 { background: url(images/bg_nav-active1.png) no-repeat scroll left center ; border: medium none; color: white; padding-right: 11px; text-shadow: 1px 1px 0 #C82B2C; padding-left:20px; height:35px; line-height:35px; font-size:14px;}
.chllist { padding-top:20px; color:#070e21; }
.chllist ul { width:95%; margin:auto; }
.chllist ul li { width:49%; float:left; margin-right:5px; padding-bottom:20px; }
.chllist ul li h3 {font-size:14px; height:40px; border-bottom:1px dotted #eee; }
.chllist ul li h3.w2{ background:url(images/icon/icon-custom-copywriting.gif) no-repeat; }
.chllist ul li h3.w1{ background: url(images/icon/icon-custom-design.gif) no-repeat; }
.chllist ul li h3.w3{ background: url(images/icon/icon-portfolio.gif) no-repeat; }
.chllist ul li h3.w4{ background: url(images/icon/icon-secure-pages.gif) no-repeat; }
.chllist ul li h3.w5{ background: url(images/icon/icon-testimonials.gif) no-repeat; }
.chllist ul li h3.w6{ background:url(images/icon/icon-custom-copywriting.gif) no-repeat; }
.chllist ul li h3 a { padding-left:40px; color:red; }
.pageinfo { padding:10px 0; }
div.caseList{ padding-top:10px;}
div.caseList h2.title { background: url(images/bg_nav-active.png) no-repeat scroll left center ; border: medium none; color: white; padding-right: 11px; text-shadow: 1px 1px 0 #C82B2C; padding-left:20px; height:35px; line-height:35px; font-size:14px;}
div.caseList span.info { clear:both; display:block; border:1px dotted #FC9; background:#FFC; padding-left:25px; color:#070e21; margin:5px 0; padding:5px 0; }
div.caseList span.info strong { padding-left:15px; }
div.caseList ul { padding:10px; clear:both; padding-top:20px; background:url(../html/images/infotitbg.gif) repeat-x top; }
div.caseList ul li { width:200px; height:220px; float:left; margin:0 15px; text-align:left; margin-bottom:35px; }
div.caseList ul li img.pic { width:180px; height:130px; display:block; border:5px solid #eaeaea; padding:2px; padding-top:10px; background:url(images/casebg.jpg) #fff no-repeat; cursor:pointer; }
div.caseList ul li a.company { background:#fff; width:185px; display:block; padding-top:2px; color:#088FC9; padding-left:10px; }
div.caseList ul li a.company:hover { text-decoration:none; font-weight:bold; }
div.caseList ul li span { padding-left:10px; }
.caselink { position: absolute; margin-left:600px; margin-top:-27px; }
.caselink li { float:left; margin:0 10px; }
.caselink li a { display:block; padding:0 10px; }
.caselink li a:hover { background: #070e21; color:#fff; text-decoration:none; }
.bloglist{ padding-top:10px;}
.contentList{border:1px solid #DADADA;padding:2px;margin-bottom:20px;}
.contentList h2.title{background:#E3E0E0;height:28px;font-size:14px;}
.contentList h2.title a{padding-left:45px;height:28px;line-height:28px;color:#666;float:left;background:url(images/title.gif) no-repeat;}
.contentList span.date{float:right;color:#9B9B9B;font-size:10px;font-weight:normal;margin-right:25px;margin-top:-25px;}
.contentList span.Tags{margin-left:25px;clear:both;}
.readMore a{color:#666;font-weight:bold;padding-left:20px;background:url(http://www.lanrentuku.com/down/gif/gif-0865.gif) no-repeat;background-position:10px 4px;}
.readMore a:hover{color:black;}
.link{height:25px;}
.link ul{margin-left:0;}
.link li{display:block;float:left;margin-right:15px;padding-left:20px;background:url(http://www.lanrentuku.com/down/gif/gif-0630.gif) no-repeat;background-position:10px 8px;}
.link ul:after{content:".";height:0;visibility:hidden;display:block;clear:both;}
.homeleftCont{ border:1px solid #eee; margin-top:10px; padding:10px; background: url(images/icon/a1.gif) repeat-x bottom;}
.homeleftCont h2{ color:#070e21; background:url(images/icon/a7.gif) no-repeat left center; padding-left:20px; border-bottom:1px solid #eee;}
.homeleftCont p{ background:url(images/icon/img_phone.jpg) no-repeat left center;}
div.pageInfoList{padding:0px 10px 0px 0px;}
div.pageInfoList h2.title{color:#3C3C3C;font-size:14px;height:28px;background:url(images/icon/a1.gif) bottom repeat-x;padding-left:25px;display:block;border-bottom:1px solid #fff;}
div.pageInfoList span.tit{display:block;text-align:center;padding-bottom:25px;color:#999;}
div.pageInfoList p{margin-bottom:1.5em;}
div.pageInfoList strong{color:#070e21;}
div.pageInfoList ul.list{clear:both;padding-top:20px;background:url(../html/images/infotitbg.gif) repeat-x top;}
div.pageInfoList ul.list li{text-align:right;color:#999;border-bottom:1px dotted #DBDCDB;font-size:10px;background:url(../Html/images/arrow_red.gif) no-repeat 10px 8px;padding-right:10px;}
div.pageInfoList ul.list li a{float:left;width:80%;overflow:hidden;text-align:left;white-space:nowrap;padding-left:25px;background: url(images/icon/dot6.gif) no-repeat 10px  center;font-size:12px;color:#666;}
div.pageInfoList ul.pageFY{margin:20px 0;background:#F2F2F3;text-align:center;}
div.pageInfoList ul.top{clear:both;padding-left:20px;}
div.pageInfoList ul.top li.left{width:200px;float:left;}
div.pageInfoList ul.top li.right{float:left;width:400px;}
div.pageInfoList ul.top li.right h3 a{color:#BB0200;font-size:14px;}
div.pageInfoList ul.top li.right p{line-height:20px;}
div.pageInfoList ul.top li.right p a.more{color:#BB0200;margin-left:10px;}
.topnews{padding:10px 5px; margin:2px 0; background: url(images/icon/nw_bg.jpg) repeat-x top;}
.topnews ul{width:95%;margin:auto;}
.topnews ul li.leftimg{width:120px;float:left;text-align:center;}
.topnews ul li.leftimg a img{border:1px solid #eee;padding:2px;background:#fff;}
.topnews ul li.rightcont h2 a{color:#444;}
.topnews ul li.rightcont h2 a:hover{text-decoration:none;}
.topnews ul li.rightcont p{height:50px;overflow:hidden;}
.pageFYTable{width:95%;margin:auto;}
.contentShow{padding:20px; repeat-x top;}
.contentShow p{ padding-bottom:1.5em;}
.contentShow strong,.contentShow h2,.contentShow h3{ color:#666;}
div.caseList .contentShow h2,.contentShow h3{ font-size:14px; border-bottom:1px double #eee; background:url(images/icon/a7.gif) no-repeat 0 5px; padding-left:20px;}

div.newsContnt{ padding-top:10px;}
div.newsContnt .contentShow{padding:20px; background:url(images/icon/nw_bg.jpg) repeat-x top;}
div.newsContnt .contentShow p{ padding-bottom:1.5em;}
div.newsContnt .contentShow strong,.contentShow h2,.contentShow h3{ color:#666;}
div.newsContnt .contentShow h2,.contentShow h3{ font-size:14px; border-bottom:1px dotted #AAA; padding-left:20px; text-align:center;}
div.newsContnt .contentShow span.tit{ text-align:center; display:block;}
div.newsContnt .contentShow .newsContentShow{ padding:10px 20px;}
div.newsContnt .contentShow .newsContentShow p{ padding-bottom:1.5em;}

#fy{}
.pageFy{margin:auto;width:90%;text-align:center;padding-bottom:20px;padding-top:30px;clear:both;}
.pageFy ul.fy a{border:1px solid #eee;background:#fff;padding:5px 10px;margin:0 2px;}
.pageFy ul.fy a:hover{ background:#eee;color:#070e21;}
.pageFy ul.fy strong{border:1px solid #9e9e9e;background:#efefef;padding:5px 10px;}
.leftList{margin-bottom:20px;}
.leftList h2{color:black;padding-left:25px;border-bottom:1px solid #F5AAAE;margin-bottom:2px;}
.leftList ul{padding:10px;background: url(images/icon/a3.gif) repeat-x top;}
.leftList ul li{border-bottom:0px dotted #cccccc;}
.leftList ul li a{font-size:12px;line-height:25px;text-decoration:none;display:block;width:155px;background: url(images/icon/dot3.gif) no-repeat 5px center;padding-left:25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.leftList ul li a:hover{}


div.casepage{ padding-top:10px;}
div.casepage h2.title { background: url(images/bg_nav-active.png) no-repeat scroll left center ; border: medium none; color: white; padding-right: 11px; text-shadow: 1px 1px 0 #C82B2C; padding-left:20px; height:35px; line-height:35px; font-size:14px;}
.proShowLb_Show{ padding:0px; }
.contentShow h2.titleh2,.contentShow h2.leftcConbg{ background: url(images/icon/a7.gif) left center no-repeat; padding-left:20px;}
.proShowLb_Show ul{ width:100%; margin:auto;overflow:hidden;}
.proShowLb_Show ul li{ text-align:center; padding:10px 0;  text-align:center;}
.proShowLb_Show ul li a.pic{ display:block; text-align:center;overflow: hidden;}
.proShowLb_Show ul li a.pic img{ border:1px solid #eee; padding:2px; background:#fff;} 
.proShowLb_Show ul li a.title{ display:block; text-align:center; white-space:nowrap;}

.news_title{
     clear:both;
	height:22px;
	width:100%px;
	border-bottom:#d5d5d5 1px solid;
	margin-left:9px;
	margin-top:10px;
	font-weight:bold;
	color:#000000;
	font-size:14px;
	background: url(images/news_cio_07.gif) no-repeat left 0px;
	padding-left:40px;
	padding-top:5px;
}
.news_title img{margin-left:480px;}
.news_list{ width:100%;margin-left:9px;}
.news_list ul{line-height:30px; }
.news_list ul li{border-bottom:#ababab 1px dashed;}
.news_list ul li a{display:block; height:1%; padding:0 15px;text-decoration: none;}
.news_list ul li a:hover{display:block; height:1%;text-decoration: none;}
.news_list .date{float:right;margin-right:10px;*margin-top:-30px; cursor:pointer;}
.news_list .date img{margin-top:4px;}


.news_left{ width:330px;margin-left:9px; float:left}
.news_left ul{line-height:30px; }
.news_left ul li{border-bottom:#ababab 1px dashed;}
.news_left ul li a{display:block; height:1%; padding:0 15px;text-decoration: none;}
.news_left ul li a:hover{display:block; height:1%;text-decoration: none;}
.news_left .date{float:right;margin-right:10px;*margin-top:-30px; cursor:pointer;}
.news_left .date img{margin-top:4px;}


.news_right{ width:330px;  float:right}
.news_right ul{line-height:30px; }
.news_right ul li{border-bottom:#ababab 1px dashed;}
.news_right ul li a{display:block; height:1%; padding:0 15px;text-decoration: none;}
.news_right ul li a:hover{display:block; height:1%;text-decoration: none;}
.news_right .date{float:right;margin-right:10px;*margin-top:-30px; cursor:pointer;}
.news_right .date img{margin-top:4px;}

.page{clear:both; text-align:center;padding:20px 0px;}
.page a{padding:5px 6px 3px 6px; border:1px solid #b2b2b2; margin:0px 2px;}
.page a:hover{background-color:#FE0000; color:#FFFFFF;font-weight:bold;}
.page a.select{background-color:#FE0000; color:#FFFFFF;font-weight:bold;}



.khalzs{ width:740px; height:223px; float:left; border:1px solid #ccc; margin-left:3px;}
.khalzs .tit{ height:31px; background:url(../images/titbg.jpg) repeat-x; border-bottom:1px solid #ccc;}
.khalzs .tit h4{ font-size:14px; color:#0151b9; line-height:31px; padding-left:11px; float:left;}
.khalzs .tit a{ float:right; color:#999999; line-height:31px; margin-right:20px;}

.khalzs .box{ margin-top:9px; margin-left:16px; width:710px; height:170px; overflow:hidden; position:relative;}
.khalzs .box td div{ margin-right:18px; text-align:center; line-height:36px;}
.khalzs .box td div a{ color:#333;}
.khalzs .box td div img{ border:1px solid #cccccc; width:135px; height:135px;}
.khalzs .box td div a:hover{ color:#0151b9;}
