﻿/*
Template Name: default
Version: 1.0
Author: DouCo Design
Author URI: http://www.douco.com/
*/

/* 全局通用
----------------------------------------------- */
body { font-family: Microsoft Yahei, \5FAE\8F6F\96C5\9ED1, \5b8b\4f53, Arial, Lucida, Verdana, Helvetica, sans-serif; color: #111;  background-color: #ffffff; }
body, button, input, textarea { font-size: 12px; line-height: 1.531; outline: none; margin: 0; padding: 0; border: 0; }
p, ul, ol, dl, dt, dd, form, blockquote { margin: 0; padding: 0; }
ul, ol { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 12px; margin: 0; padding: 0; }
em, b, i { font-style: normal; font-weight: normal; }
img { border: 0; }
a { text-decoration: none; color: #333333; }
a:hover { text-decoration: underline; color: #C70D0E; }
input, img, select { vertical-align: middle; }
.clear { clear: both; height: 0; line-height: 0; font-size: 0; }
.clearfix { overflow: hidden; zoom: 1; }
.none { display: none; }
#captcha { cursor: pointer; }
.more { float: right; padding-right: 8px; font-size: 12px; font-weight: normal; text-transform: uppercase; }
.more a { color: #333; }
.more a:hover { text-decoration: underline; }
.bd5{border:1px solid #ddd;border-radius: 5px;}
/* 主体框架
----------------------------------------------- */
#wrapper { margin:0px auto 0; width: 100%; position:relative; }
#wrapper .wrap { width: 1100px; margin: 0px auto; }
#wrapper .mb { margin-bottom: 50px; }
#wrapper .mt { margin-top: 90px; }
#wrapper .pt { padding-top: 50px; }

.bgff{background-color:#FFF;}
.bgee{background-color:#eee;}
/* -- index -- */
#indexLeft { width:520px; float:left; padding:10px;}
#indexLeft img{ float:left; margin:0px 10px 0px 0px;}
#indexRight {width:560px; float:right;}
/* -- page -- */
#pageLeft { float: left; width: 180px; margin-right: 20px; }
#pageIn { float: left; width: 780px; overflow: hidden; } 
/*--topmenu--*/
#wrapper .topmenu{color: #333; height: 30px; font-size: 12px; line-height: 30px; border-bottom: 0px solid #ddd;background-color: #fff}
#wrapper .topmenu .wrap{ width: 1050px; margin: 0 auto;}
#wrapper .topmenu .wrap span{float: left;}
#wrapper .topmenu .wrap a{color: #333;float: right;display: inline-block; padding: 0 5px;}
/* -- header -- */
#header { background:#FFFFFF;  
height: 94px; width:100%; padding-top: 10px;  
}
 
#header .wrap{ position:relative; width:1100px;}
#header .logo { width:450px; z-index:999;  height:84px;float: left;}
#header .logo a{ font-size:28px;  width:450px; overflow: hidden;text-align:left; color:#111111; font-weight:bold; height:94px; line-height:94px; display:block;}
#header .logo a img{ margin-top:10px;}
#header .logo a:hover{ text-decoration:none;}
#header .searchBox { float: left; }
#header .searchBox {   }
#header .searchBox .keyword { width: 210px; }

/* -- mainNav -- */
#mainNav { font-size: 30px; width:1100px;margin: 0 auto; border-radius: 5px ; height: 45px; }
#mainNav .wrap{  width: 180px; float: left;position:relative; }
.mnue{}
.mnue a{ color: #000;font-weight: normal;font-size: 16px;display: inline-block;padding: 0px 10px; margin-right:20px;float: left;margin-left: 10px; height: 45px; line-height: 45px; }
.mnue a.first{ color: #fff;text-decoration: none;border-bottom: 0px solid #111;background-color: #f60}
.mnue a:hover,#mainNav .mnue a.cur{ color: #fff;text-decoration: none;border-bottom: 0px solid #111;background-color: #0288c5}
.mnue a.bd5{ color: #fff;background-color: #f60;border: none;border-radius: 0;float: right;padding: 0px 20px;}
/* LEVEL ONE */ 
#mainNav ul li {    zoom: 1;  height: 54px; line-height: 54px;background-color: #f5f5f5; border-bottom: 1px dashed #98d7ff }
#mainNav ul li a {  display: block;padding-left: 10px;padding-right: 10px; font-weight: normal;text-align:left; font-size:16px; height: 50px; line-height: 50px; color: #333333; text-decoration: none; }
#mainNav ul li a img{ width: 5px;}
#mainNav ul li a span.fr{ }
#mainNav ul li.hover, #mainNav ul li.cur {   }
#mainNav ul li.hover a, #mainNav ul li.cur a {font-size:16px;text-align: center;background-color: #ff6600;color: #fff;border-bottom: 0px solid #ff6600; }
#mainNav ul li .last{padding:0px 20px;    background:url(images/wead/ent.png) no-repeat center center; }
#mainNav ul li .last span{ margin-right: -1px; padding:5px 10px;border-radius: 15px; font-size:14px; }
/* LEVEL TWO */
#mainNav ul ul {min-height: 350px; min-width: 180px; _width: 180px;z-index: 999; display: none; position: absolute; top: 51px; left: 179px;   background: #fff; }
#mainNav ul ul .leftbox{ width: 220px;float: left;}
#mainNav ul ul .leftbox .c a{ font-size: 14px;font-weight: normal;width: auto; margin-left: 15px;float: left;}
#mainNav ul ul .leftbox .h a{ font-size: 16px;font-weight: bold; margin-left: 15px;text-align: left;}
#mainNav ul ul .rightbox{ width: 240px;float: left;margin-left: 20px;}
#mainNav ul ul .rightbox .c a{font-size: 12px; width: 100px;float: left;overflow: hidden;height: 110px;display: inline-block;margin-right: 20px;margin-bottom: 20px;}
#mainNav ul ul p { font-weight: normal; background: #fff; float: none; height: 35px; line-height: 35px; }
#mainNav ul li.hover ul p a {  padding: 0; font-size: 14px; color: #333; border: none; display: inline-block;background-color: #fff;  height: 35px; line-height: 35px; }
#mainNav ul li.hover ul p a:hover{  color: #f60;}
#mainNav ul li.hover ul p.hover a { font-size: 14px; color: #333; background: none;height: 35px; line-height: 35px; background-color: #fff; }
#mainNav ul li.hover ul a.parent { background: url(images/icon_red.gif) no-repeat 100px 50%; }
/* LEVEL THREE */
#mainNav ul ul ul { left: 100%; top: 0; border-top: 0; _border-top: 1px; }
#mainNav ul li.hover ul li.hover ul li a { color: #24313C; }
#mainNav ul li.hover ul li.hover ul li.hover a { color: #FFF; }
/* 首页样式
----------------------------------------------- */
/* -- header -- */
  
 

/* -- 幻灯 -- */
.slideShow { position: relative; margin: 0px auto; padding: 0; *zoom: 1; 
}
.slideShow .slides a { display: block; height: 280px; background-repeat: no-repeat; background-position: center center; }
.slideShow #xxxa{ position:absolute; top:0px;}
.slideShow #xxxa a { display: block; height: 500px; background-repeat: no-repeat; background-position: center center; }
.slideShow .slideBox { background: #fff; /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); }
/* -- slideLoading -- */
.slideShow .slideLoading { min-height: 50px; background: url(images/slide_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
/* -- previous 和 next 按钮 -- */
.slideShow .arrowBox a { z-index: 50; font-family: \5b8b\4f53, sans-serif; position: absolute; display: block; margin-bottom: -20px; width: 40px; height: 80px; bottom: 50%; padding-top:0; line-height: 80px; text-decoration: none; text-align: center; color: #fff; font-size: 2em; background-color: #333; background-color: rgba(50,50,50,.3); }
.slideShow .arrowBox a.disabled { display: none; }
.slideShow .arrowBox .arrowPrev { left: 20px; }
.slideShow .arrowBox .arrowNext { right: 20px; }
.slideShow .arrowBox a:hover { background-color: rgba(50,50,50,.6); }
/* -- controlBox -- */
.slideShow .controlBox { z-index: 30; position: absolute; bottom: 10px; width: 100%; text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; }
.slideShow .controlBox .control { display: inline-block; *zoom: 1;
 *display: inline;
}
.slideShow .controlBox.controlDefault a { background: url(images/inactive.png) no-repeat 50% 50%; text-indent: -9999px; overflow: hidden; width: 20px; height: 30px; clear: none; display: block; }
.slideShow .controlBox.controlDefault a:hover, .slideShow .controlBox.controlDefault a.active { background: url(images/active.png) no-repeat 50% 50%; }
/* -- slideTitle -- */
.slideShow .slideTitle { z-index: 20; position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; }
.slideShow .slideTitle span { color: #fff; display: block; font-size: .85em; padding: 15px 10px; }
/* -- sileThumb -- */
.slideShow .sileThumb { z-index: 30; text-align: center; position: absolute; bottom: 8px; right: 8px; }
.slideShow .sileThumb a { margin: 0 3px; }
.slideShow .sileThumb a img { border: solid #B0B0B0 1px; }
.slideShow .sileThumb a.active img { border: solid #19B4EA 1px; }
/* 通用结构	
----------------------------------------------- */
/* -- form -- */
.btn { display: inline-block; background-color: #f60; color: #EEE; padding: 6px 25px; text-transform: capitalize; cursor: pointer; font-weight: bold;font-size: 14px; }
.btn:hover { text-decoration: none; color: #FFFFFF; background-color: #007AD5; }
.btnGray { display: inline-block; background-color: #CCC; border: 0; color: #333; padding: 6px 15px; text-transform: capitalize; cursor: pointer; font-weight: bold; }
.btnYello { display: inline-block;  background-color: #f60; border: 0; color: #fff; padding: 6px 15px; text-transform: capitalize; cursor: pointer; font-weight: bold;text-decoration: none;}
.btnYello:hover { text-decoration: none;color: #fff;background-color: #0072C6}

.btnBlue { display: inline-block; background-color: #ff6600; border: 0; color: #fff; padding: 6px 15px; text-transform: capitalize; cursor: pointer; font-weight: bold;text-decoration: none;}
.btnBlue:hover { text-decoration: none;color: #fff;background-color: #0072C6}

.btnGaa { display: inline-block; background-color: #fff;   color: #666;border: 1px solid #ccc; padding: 6px 45px; text-transform: capitalize; cursor: pointer; font-weight: bold;text-decoration: none;}
.btnGaa:hover { text-decoration: none;color: #fff;background-color: #000;border: 1px solid #0072C6; }

.btnGbb { display: inline-block; background-color: #fff;   color: #666;border: 1px solid #ddd; padding: 6px 30px;margin-bottom: 10px;margin-right: 10px; text-transform: capitalize; cursor: pointer; font-weight: normal;text-decoration: none;}
.btnGbb:hover { text-decoration: none;color: #fff;background-color: #f60;border: 1px solid #f60; }
/* -- input -- */
.textInput { padding: 0 4px; height: 28px; border: 1px solid #DDDDDD; }
.textArea { padding: 4px; border: 1px solid #DDDDDD; }
/* -- style -- */
.price { color: #CC0000;font-size: 18px; }/* -- incBox -- */
.incBox { margin-bottom: 15px; }
.incBox h3 { height: 35px; line-height: 35px; color: #7A7F81; font-weight: normal; font-size: 12px; border-bottom: 1px solid #CBD1D3; }
.incBox h3 a { color: #7A7F81; }
/* -- tree -- */
.treeBox { margin-bottom: 15px; background: none repeat scroll 0 0 #FFF;  border-radius: 4px; -o-border-radius: 4px; -icab-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.treeBox h3 { font-size: 16px; letter-spacing: 1px; text-align: left; padding: 9px 7px; text-transform: uppercase; color: #333;  margin: 0; font-weight:bold; border-bottom:1px dotted #ccc;}
.treeBox .listbox { font-size: 11px; padding: 5px 10px 10px; line-height: 18px; margin: 0; border-radius: 0px 0px 5px 5px; }
.treeBox .sublist { margin: 0px 0px 0px 10px; }
.treeBox .sublist li{ background:none; line-height:30px;}
.treeBox .sublist li a{ font-size:12px;}
.treeBox li { background: url("images/zt/bullet-right.gif") no-repeat left 16px; list-style: none outside none; line-height: 35px; padding: 3px 1px 3px 13px; margin: 0; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #cccccc; }
.treeBox li.cur a { color: #FF6600; font-weight: bold; text-decoration: none; }
.treeBox li a { color: #5C5B5B; font-size: 14px; font-weight: normal; text-decoration: none; }
.treeBox li a:hover { text-decoration: none ; color: #FF6600; }
.treeBox .searchBox { margin: 20px 0; }
.treeBox .searchBox .keyword { width: 116px; }
/* -- searchBox -- */
.searchBox { border: 0px solid #DDDDDD; background-color: #FFF; height: 28px; padding-left: 10px; }
.searchBox { position: relative; white-space: normal }
.searchBox label { height: 0; line-height: 0; overflow: hidden; width: 0; position: absolute; font-size: 0; z-index: -1; outline: 0 }
.searchBox .keyword { color: #999; }
.searchBox .keyword:focus { color: #555 }
.searchBox .keyword::-webkit-input-placeholder {
 color:#CCCCCC;
}
.searchBox .keyword:focus:-moz-placeholder, .searchBox .keyword:focus::-moz-placeholder {
color:transparent!important
}
.searchBox .keyword:focus::-webkit-input-placeholder {
color:transparent!important
}
.searchBox .btnSearch { background: #E0E0E0 url(images/btn_search.gif) no-repeat; width: 28px; height: 28px; text-indent: -999px; overflow: hidden; cursor: pointer; }
/* -- 上一页下一页 -- */
.lift { margin-top: 20px; color: #999;font-size:14px }
.lift a { color: #333; font-size:14px }
.lift span { margin-right: 15px;display: inline-block;margin-bottom: 10px;}
/* 库项目样式
----------------------------------------------- */
/* -- urHere -- */
.urHere { height: 35px; line-height: 35px; color: #666; border-bottom: 1px solid #CBD1D3; }
.urHere a { color: #666; }
.urHere b { margin: 0 8px; }
/* -- recommendProduct -- */
.recommendProduct { padding-top: 10px; }
.recommendProduct li { float: left; width: 157px; height: 181px; margin-right: 17px; text-align: center; border: 1px solid #E4E4E4; }
.recommendProduct li.clearBorder { margin-right: 0; margin-bottom: 20px; }
.recommendProduct .img { margin-bottom: 8px; height: 150px; vertical-align: middle; }
.recommendProduct .name { height: 30px; line-height: 30px; font-size: 14px; }
.recommendProduct .name a { color: #999999 }
/* -- about -- */
.about { padding-top: 13px; }
.about p { float: left; width: 120px; height: 154px; }
.about dl { float: right; width: 465px; height: 154px; }
.about dl dt { display: block; font-size: 16px; font-weight: bold; color: #313131; padding: 5px 0; }
.about dl dd { line-height: 200%; color: #999999; word-wrap: break-word; word-break: normal; }
.about .aboutBtn { display: block; text-decoration: underline; color: #CC0000; font-weight: bold; margin-top: 12px; }
/* -- recommendArticle -- */
.recommendArticle li { background: url(images/icon_red.gif) no-repeat left 50%; border-bottom: 1px dotted #D1D1D1; line-height: 38px; padding-left: 15px; }
.recommendArticle li b { float: right; color: #999999; }
.recommendArticle li.last { border-bottom: 0; }
/* -- contact -- */
.contact { border: 1px solid #CBD1D3; background-color: #EFEFEF; padding: 15px; }
.contact h3 { border-bottom: 1px solid #CBD1D3; padding-bottom: 10px; font-size: 14px; color: #7A7F81; }
.contact .box { padding: 15px 0 0 3px; }
.contact dl { margin-bottom: 8px; zoom: 1; overflow: hidden; }
.contact dt { float: left; background: url(images/icon_contact.gif) no-repeat 0 0; width: 30px; height: 30px; margin-right: 17px; }
.contact dt.tel { background-position: 0 -30px; }
.contact dt.fax { background-position: 0 -60px; }
.contact dt.url { background-position: 0 -90px; }
.contact dt.email { background-position: 0 -120px; }
.contact dd { float: left; width: 278px; color: #7A7F81; line-height: 30px; }
/* page
----------------------------------------------- */
.page_img{position:relative; height:350px; width:100%}
#page { padding: 20px 0; }
#page h1 { color: #333333; font-size: 18px; font-weight: bold; }
#page .info { padding: 2px 0 20px 0; color: #999999; font-size: 13px; }
#page .content { color: #666666; line-height: 200%; padding-top: 10px; }
/* product_category
----------------------------------------------- */
.productList { padding-top: 20px; color: #999999; }
.productList dl { float: left; width: 330px; padding:5px; overflow:hidden; margin: 0 20px 20px 0; border: 1px solid #EEEEEE; }
.productList dl.dlhov{border: 3px solid #f60;padding:3px; }
.productList dl.last { margin-right: 0; }
.productList dt { float: left; width: 100%; text-align: center;}
.productList dd { float: left; width: 305px; padding: 10px 0 10px 10px; text-align:center }
.productList .name { overflow: hidden; }
.productList .name a { color: #999999; font-size:14px }
.productList .name a:hover { color: #000; }
.productList .brief { color: #999999; padding-top: 8px; }
.productList .price { padding-bottom: 10px; }
/* product
----------------------------------------------- */
#product { padding: 15px 0; }
#product .productImg { float: left; width: 300px; }
#product .productInfo { float: right; width: 355px; padding: 10px 0 0 15px; line-height: 200%; }
#product .productInfo h1 { font-size: 18px; }
#product .productInfo ul { padding-top: 10px; }
#product .productInfo .productPrice { margin-bottom: 5px; }
#product .productInfo .productPrice .price { font-family: Arial; font-size: 20px; font-weight: bold; }
#product .productInfo .btnAsk { margin-top: 50px; zoom: 1; overflow: hidden; }
#product .productInfo .btnAsk dt { float: left; width: 88px; height: 39px; line-height: 39px; text-align: right; padding-right: 3px; margin-right: 6px; background-color: #E0E0E0; color: #333; font-weight: bold; }
#product .productInfo .btnAsk dd { float: left; width: 300px; }
#product .productContent { padding:0px 0; }
#product .productContent h3.ttx { height: 35px; line-height: 35px; color: #7A7F81; font-weight: bold; font-size: 14px; border: 1px solid #CBD1D3; padding-left:15px; }
#product .productContent ul {  color: #666; line-height: 200%; }
/* article_category
----------------------------------------------- */
#articleList dl { border-bottom: 1px dotted #D1D1D1; padding:0px 0; margin-bottom:20px }
#articleList dl.last { border-bottom: 0; }
#articleList dt { width: 100%; font-size:14px; padding-left: 15px; color:#666; margin-bottom: 10px; }
#articleList dt a{color: #0072DD;
font-weight: normal;
font-size: 18px;}
#articleList dd { color: #999999; padding-left: 2px; line-height: 180%; zoom: 1; overflow: hidden; }
#articleList dd p { float: left; }
#articleList p.img { margin-right: 10px; margin-top:0px;margin-bottom:20px; float:left; padding:5px; border:1px solid #dedede; }
#articleList dd p.desc { width: 100%; color:#666; font-size: 14px;}
#articleList .numDate { float: right; text-align: right; padding-top: 32px; }
#articleList .numDate em { color: #999; padding: 3px 4px; font-size: 12px; font-weight: normal; border-bottom: 1px solid #ddd; }
#articleList .numDate p { font-size: 12px; color: #999999; margin-top: 5px; }
 
.listinfo{ margin-top: 20px;margin-bottom: 20px;border: 0px solid #ddd; width:830px;float: left;} 
.listinfo .hv{ font-size: 18px;color: #333; font-weight:normal;height:40px;line-height: 30px;font-weight: bold;border-bottom: 1px solid #ccc}
.listinfo  .listp{background-color: #fff; width: 190px;float: left; font-size: 14px;padding: 0px 0px;border-bottom: 1px solid #ddd;margin-bottom: 20px;margin-right: 20px;   overflow: hidden;}
.listinfo  .listp a{ color: #000;display: inline-block;} 
.listinfo  .listp a:hover{text-decoration: none;color: #f60;  } 
.listinfo  .listp span{float: right;}
.listinfo  .listp p{font-size: 14px;  }
.listinfo  .listp .price{font-size: 18px;color: #f60;height: 40px;line-height: 40px;padding:0px 10px;margin: 0;  }
.listinfo  .listp .tit{font-size: 14px; overflow: hidden;padding:0px 10px 5px;}
.listinfo  .listp p a{font-size:14px; display: inline-block;background-color:#0084D8;color: #fff;padding: 5px 10px;border-radius: 10px;}


.listinfo  .liste{ font-size:16px;padding: 10px;border: 0px dashed #D08283; color: #444 }
.listinfo  .liste a{ color: #444; }
.listinfo  .liste a:hover{ color: #A02000; }
.listinfo  .liste span{float: right;}
.listinfo  .liste p{font-size: 14px; color: #666; }
.listinfo  .liste p a{font-size:20px; }
/* article
----------------------------------------------- */
#article { padding: 20px 0; }
#article h1 { color: #333333; font-size: 18px; font-weight: bold; text-align: center }
#article .info { padding: 2px 0 20px 0; color: #999999; font-size: 13px; text-align: center }
#article .content { color: #666666; line-height: 180%; }
/* 留言板
----------------------------------------------- */
#guestBook { padding: 20px 0; }
#guestBook h2 { color: #555; font-size: 18px; font-weight: bold; margin-bottom: 20px; }
/* bookList */
#guestBook .bookList { margin-bottom: 30px; line-height: 180%; font-size: 13px; }
#guestBook .bookList dl { margin-bottom: 15px; }
#guestBook .bookList dt { color: #999; margin-bottom: 3px; }
#guestBook .bookList dt b { color: #999; margin-left: 20px; }
#guestBook .bookList dd { color: #666; overflow: hidden; zoom: 1; }
#guestBook .bookList dd em { float: left; width: 70px; }
#guestBook .bookList dd span { float: right; width: 910px; text-align: left; }
#guestBook .bookList p { color: #0072C6; margin-top: 5px; overflow: hidden; zoom: 1; }
#guestBook .bookList p em { float: left; width: 70px; }
#guestBook .bookList p span { float: left; width: 800px; }
#guestBook .bookList p b { color: #999; float: right; }
#guestBook .bookList .pager { text-align: left; }
/* bookList */
#guestBook .bookAdd { line-height: 180%; font-size: 13px; }
#guestBook .bookAdd dl { overflow: hidden; zoom: 1; margin-bottom: 15px; }
#guestBook .bookAdd dl dt, #guestBook .bookAdd dl dd { float: left; }
#guestBook .bookAdd dl dt { width: 70px; text-align: right; line-height: 30px; }
#guestBook .bookAdd .vcode { text-transform: uppercase; }
#guestBook .bookAdd .select { height: 28px; }
#guestBook .bookAdd dl.cue { margin: -8px 0 10px 60px; color: #999; }
#guestBook .bookAdd dl.submit { margin: 20px 0 0 60px; }
#guestBook .bookAdd dd b { display: block; padding: 2px 0 2px 3px; border: 1px solid #fec600; color: #666; background-color: #fbf8e9; line-height: 16px; }
/* 提示信息
----------------------------------------------- */
#douMsg { padding: 10px 0 100px 0; }
#douMsg dl { padding: 160px 0 200px 0; text-align: center; background-color: #EBEBEB; border-top: 1px solid #FFFFFF; }
#douMsg dt { color: #0072C6; font-size: 16px; margin-bottom: 30px; font-weight: bold; }
#douMsg dd { color: #666; }
#douMsg dd a { margin-left: 5px; color: #000; }
/* 分页
----------------------------------------------- */
.pager { text-align: center; padding-top: 20px; color: #666;font-size:14px }
.pager a { color: #666; text-decoration: underline; font-size:14px }
/**/
.servlist { width: 100%; background: #fff; }
.servlist ul li { width: 100%; background: #fff; padding: 70px 0px; }
.servlist ul li.on { background: #f5f1f1; }
.servlist ul li .layout { overflow: hidden; zoom: 1; width: 946px; }
.servlist ul li .pic { width: 159px; height: 159px; float: left; }
.servlist ul li .pic img { width: 159px; height: 159px; }
.servlist ul li .tmain { width: 740px; float: right; margin-top: 20px; }
.servlist ul li .tmain h1 { font-size: 24px; color: #00a0e9; }
.servlist ul li .tmain p { font-size: 14px; color: #999; line-height: 30px; }
/* 在线客服
----------------------------------------------- */
#onlineService { position: fixed; _position: absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-380+"px");
top: 208px; right: 0; z-index: 999999; display: block; }
#onlineService .onlineIcon { position: relative; cursor: pointer; background: url(images/online_service.png) no-repeat; width: 34px; height: 110px; text-indent: -9999px; overflow: hidden; }
#onlineService #pop { border: 3px solid #19b4ea; background-color: #F2F2F2; padding: 8px; width: 125px; min-height: 84px; position: absolute; right: 34px; top: 0; display: none; z-index: 999999; }
#onlineService .onlineQQ a { display: block; background: url(images/online_service.png) no-repeat left -160px; color: #555555; width: 112px; height: 24px; line-height: 23px; padding-left: 27px; margin-bottom: 8px; }
#onlineService .onlineQQ a:hover { text-decoration: none; color: #19B4EA; }
#onlineService .service { border-top: 1px solid #DDDDDD; padding-top: 8px; color: #666; }
#onlineService .service a { color: #666; }
#onlineService .service li { background: url(images/online_service.png) no-repeat left -202px; padding-left: 8px; }
#onlineService .goTop { display: none; }
#onlineService .goTop .goBtn { background: #F2F2F2 url(images/online_service.png) no-repeat left -120px; width: 34px; height: 34px; display: block; }
/* footer
----------------------------------------------- */
.laga{font-size: 24px; font-weight: normal;display: inline-block;padding: 10px 20px;} 

#footer {  padding: 15px 0; padding-bottom:0px; line-height: 25px;border-top: 1px solid #ccc; color: #666;  background-color:#fff; text-align: center;}
#footer hr {color: #666;background-color: #666;border-color: #666}
#footer .f_sp{ padding: 10px 0; margin-top:10px;font-size: 16px;}
#footer .f_sp a{color: #333;font-size: 14px;}

#footer .footNav i { margin: 0 12px; color: #CCC; }
#footer .footNav a.first { margin-left: 0; }
.copyRight {  font-size:14px;padding: 20px 0px; text-align: center;background-color: #fff;color: #333;}
.copyRight a{ color: #333}
.f_box table td{ vertical-align:top;}
.f_list{ width:100%; text-align:left;color:#111111}
.f_list p{ font-size:16px; color:#000000; font-weight:bold; padding:5px 0px 10px 0px}
.f_list a{ display:inline-block; width:100%;color:#ccc; font-size:12px}
.f_list a:hover{ text-decoration:none; color:#0099CC}
.sina_ico{ width:33px; height:33px; display:inline-block; background:url(images/sina.png) no-repeat center center;}
.f_box table td img{ border:1px solid #dddddd; padding:3px; background-color:#FFF; width:110px; height:110px;}
/* link
----------------------------------------------- */
.link {text-align:left; width: 1050px; margin: 0 auto;}
.link strong { color: #7A7F81; font-weight: bold; }
.link a { color: #aaaaaa; font-size:12px; }
.link a:hover { color: #ffffff; font-size:12px; text-decoration: none }



/******条件筛选*/
.s-tab {height:57px; border-bottom:1px solid #eee;  position:relative; display:block;}
.s-tab ul.title-tab {}
.s-tab ul.title-tab li {float:left;height:55px;line-height:55px;*line-height:37px;_line-height:55px;display:inline-block;background:#ffffff;padding-right:45px;font-size:14px;*height:40px;*padding-top:8px;}
.s-tab ul.title-tab li.ol {border-bottom:1px solid #ffffff;}
.s-tab ul.title-tab li a {color:#333333;font-size: 15px;font-weight:bold;}
.s-tab ul.title-tab li a:hover {color:#ed4040;}
.s-tab ul.title-tab li.ol a{color:#ed4040;}
.s-tab ul.title-tab li i {width:15px;height:16px;display:inline-block;background-image:url(images/icon03.png);background-repeat:no-repeat;vertical-align: -3px;margin-right: 4px;*vertical-align: 0px;}
.s-tab ul.title-tab li i.qy {background-position:-1px -1px;}
.s-tab ul.title-tab li i.dt {background-position:-21px -1px;}
.s-tab ul.title-tab li i.xq {background-position:-41px -1px;}
.s-tab ul.title-tab li i.map {background-position:-60px -1px;}
.s-tab ul.title-tab li i.gj {background-position:-77px -1px;}
.s-tab ul.title-tab li i.xf {background-position:-173px -2px;}
.s-tab ul.title-tab li i.lp {background-position:-192px -1px;}
/**/
.s-tab div.y {position:absolute;top:-3px;right:0px;}
.s-tab div.y a {margin-left:30px;}

/*条件*/
.s-tiaojian {padding:0px 0 10px 0;background:#ffffff; position:relative; z-index:9999;}
.s-tiaojian dl {width:100%;min-height:20px;display:block;margin:10px 0px;padding:0px;overflow:hidden;}
.s-tiaojian dl dt {font-size: 14px;display:inline-block;width:46px;height: 20px;float:left;color:#333;font-weight:bold;/* margin-top: 3px; */}
.s-tiaojian dl dd {width: 92%;float:left;vertical-align: top;/* margin-top: 0; *//* height: 25px; */display: inline-block;}
.s-tiaojian dl dd a {display:inline-block;margin-right:15px;cursor:pointer;color:#000000;margin-bottom: 3px;font-size: 14px;}
.s-tiaojian dl dd a.ol {color:#ed4040;}
.s-tiaojian dl dd a:hover {color:#ed4040;}
.s-tiaojian dl dd.jiax {/*border-bottom:1px solid #eeeeee*/padding-bottom:5px;width: 1030px;height: auto;/* margin-bottom: 5px; */}
.s-tiaojian dl.stab{height:30px;border-top:1px solid #eeeeee;padding-top:15px; overflow:visible;}
.s-tiaojian dl.stab.x{ border:none; padding:0;}

.s-tiaojian dl dd option.ol{color:#ed4040;}
/*出租房 公交查询 专用*/
.s-tiaojian dl.gongj-box-t dd.gongjiao-box {}
.s-tiaojian dl.gongj-box-t dd input.input {width:350px;height:22px;*line-height:22px;line-height:22px\9;background:#f5f5f5;}
.s-tiaojian dl.gongj-box-t dd input.input_sub {height:24px;*line-height:24px;background:#aaaaaa;vertical-align:middle;}
.s-tiaojian dl.gongj-box-t dd.gongjiao-box .gongjiao-result {width:350px;border:1px solid #aaaaaa;background:#ffffff;position:absolute;left:46px;left:47px\9;*left:54px;top:23px;*top:24px; z-index:999; display:none;}
.s-tiaojian dl.gongj-box-t dd.gongjiao-box .gongjiao-result a {width:100%;height:30px;line-height:30px;display:block; text-indent:10px;}
.s-tiaojian dl.gongj-box-t dd.gongjiao-box .gongjiao-result a:hover {background:#eeeeee; text-decoration:none;}
/*自定义搜索*/
span.diy-search {color:#666666;}
span.diy-search input.inp {height:20px;border:1px solid #dddddd;background:#ffffff;padding:0 3px;outline:none;}
span.diy-search input.bnt {height:22px;border:1px solid #d2d2d2;background:#f5f5f5;padding:0px 10px;color:#666666;line-height:22px; vertical-align:-1px; cursor:pointer;}
/*更多筛选*/
.s-tiaojian dl dd span.shaix label {padding-right:20px;}
.s-tiaojian dl dd span.shaix label input {vertical-align: middle;margin-right:3px;}
a.other-fang-go {position:absolute;right:20px;bottom: 26px;*bottom:55px;color: #ed4040;}

.s-tiaojian .quyun-box .quyun-box-t{
	padding-bottom:7px;
	border-bottom:1px solid #eee;
}
.selectBox{position:relative;display:inline-block;*zoom:1;*display:inline;border:1px solid #999;width:140px;height: 26px;background-image:url(images/select_icon.png);background-position:-110px 0;cursor:pointer;margin-right:10px;margin-top:-3px;}
.selectBox select{*vertical-align:-12px !important;_vertical-align:0 !important;width:142px;overflow:hidden;margin-left:-1px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;height: 26px;outline:none;}


.popList{
	display:none;
	position:absolute;
	z-index:999999999999999;
	color:#000;
	left:-1px;
	top:29px;
	background:#fff;
}
.popList li:hover{
	cursor:pointer;
	background:#f5f5f5;
}

