@charset "utf-8";
/* 
Date: 2013-09-10
Version: 2.0
Author: WangLei
*/
.mb0{ margin-bottom:0!important;}
.focus{ height:300px; width:100%; position:relative; overflow:hidden; margin-bottom:15px;}
.focus .imglist{ position: relative; z-index:1;}
.focus .imglist li{ text-align:center; height:300px; display:none;}
.focus .imglist li.bg01{ background:url(/https/e.58.com/images/focus-bg01.png) repeat;}
.focus .imglist li.bg02{ background:url(/https/e.58.com/images/focus-bg02.png) repeat;}
.focus .imglist li img{ height:300px; width:1000px;}
.focus .imglist li span{ display:block; height:300px; width:1000px; position: absolute; left:50%; margin-left:-500px; top:0;}
.focus .imglist li a{ display:block; background:none; position:absolute; z-index:2; text-indent:-9999px;}
.focus .imglist li.bg01 a{ height:40px; width:134px; left:24px; top:198px;background:url(about:blank)}
.focus .imglist li.bg02 a{ height:40px; width:134px; left:21px; top:178px;background:url(about:blank)}
.focus .imglist li.current{ display:block;}
.focus .numlist{ position:absolute; z-index:2; height:11px; width:200px; text-align:center; left:50%; margin-left:-100px; bottom:20px;}
.focus .numlist span{ display:inline-block; height:11px; width:11px; background:url(/https/e.58.com/images/ico-num.png) no-repeat -13px 0; cursor:pointer; _display:inline; zoom:1; margin:0 5px;}
.focus .numlist span.current{ background-position:0 0;}
.ibody{}
.imain{ float:left; width:740px;}
.imain .title{ border-top:1px solid #e3e7eb; height:56px;}
.imain .title h3{ font-family:Microsoft YaHei; font-size:20px; border-top:3px solid #77ace3; float:left; padding:10px 0; position:relative; top:-1px; color:#000;}
.imain .title .ptab{ float:right; margin-top:15px; color:#ccc; height:26px; line-height:22px; font-size:14px;}
.imain .title .ptab span{ padding:0 7px; height:22px; line-height:22px; cursor:pointer; color:#333; margin: 0 2px; display:inline-block; _display:inline; zoom:1;}
.imain .title .ptab span.current{ background:#77ace3; border-radius:5px; color:#fff; position:relative;}
.imain .title .ptab span.current i{ display:block; height:4px; width:7px; background:url(/https/e.58.com/images/ico-16.png) no-repeat; position:absolute; left:50%; margin-left:-3px; top:22px;}
.proinfo{ position:relative; padding-left:150px; height:74px; display:none;}
.proinfo img{ height:72px; width:132px; border:1px solid #ececec; position:absolute; left:0; top:0;}
.proinfo h3{ font-size:12px; font-weight:bold; height:30px; line-height:20px;}
.proinfo p{ line-height:20px; height:44px; position:relative;}
.proinfo p a{ position: absolute; right:0; top:20px; color:#3E8DDD;}
.imain .item{ padding-bottom:20px; overflow:hidden;}
.list-adv{}
.list-adv li{ background:url(/https/e.58.com/images/ico-13.png) no-repeat 0 7px; padding-left:20px; height:35px; font-family:Microsoft YaHei; font-size:16px; color:#777;}
.list-adv li strong{color:#f97d02; font-weight:bold; font-size:20px;}
.ivideo{ padding-left:280px; position:relative; height:250px; width:460px;}
.ivideo li{ float:left; padding-left:30px; position:relative; height:135px;}
.ivideo li img{ height:100px; width:200px; display:block; margin-bottom:5px;}
.ivideo li .ico-play{ display:block; position:absolute; left:113px; top:33px; height:34px; width:34px; background:url(/https/e.58.com/images/ico-06.png) no-repeat; z-index:2; cursor:pointer; _background:url(/https/e.58.com/images/ico-06-ie6.png) no-repeat;}
.ivideo li .txt{ display:block; width:200px;}
.ivideo .hot{ width:280px; left:0; top:0; padding:0; height:257px; position:absolute;}
.ivideo .hot img{ width:280px; height:238px; display:block; margin-bottom:5px;}
.ivideo .hot .ico-play{  display:block; position:absolute; height:63px; width:63px; background:url(/https/e.58.com/images/ico-17.png) no-repeat; z-index:2; left:108px; top:77px; cursor:pointer;  _background:url(/https/e.58.com/images/ico-17-ie6.png) no-repeat;}
.ivideo .hot .txt{ width:280px;}

.iside{ float:right; width:220px;}
.iside .item{ border:1px solid #DCDEE5; margin-bottom:15px;}
.iside .title{ border-bottom:1px solid #DCDEE5; height:40px; line-height:40px; padding:0 15px; background:#f8f8f8;}
.iside .title h3{ font-size:14px; font-weight:bold;}
.list-news{ padding:5px 15px;}
.list-news li{ height:32px; line-height:32px; padding-left:15px; background:url(/https/e.58.com/images/ico-14.png) no-repeat 0 50%;}
.list-pro{ position:relative; bottom:-1px;}
.list-pro li{}
.list-pro li h2{ margin-bottom:10px; color:#3e8ddd; font-size:20px; font-family:Microsoft YaHei;}
.list-pro li p{color:#999;}
.list-pro li a{ display:block; height:; padding:15px; border-bottom:1px solid #DCDEE5; background:url(/https/e.58.com/images/ico-15.png) no-repeat 188px 50%;}
.list-pro li a:hover{ text-decoration:none; background-color:#f6f8fa;}
.client-case{ border:1px solid #dcdee5; border-bottom:none; margin-bottom:10px;}
.client-case ul{}
.client-case li{ text-align:center; border-bottom:1px solid #dcdee5;}
.client-case li img{ display:block; margin:0 auto 10px; height:95px; width:150px;}
.client-case li a{ display:block; height:100%; background:#fff; padding:20px 0;}
.client-case li a:hover{ background:#f6f8fa; color:#1155cc; text-decoration:none;}
.item-serve{ border:1px solid #dcdee5; padding:20px;}
.item-serve .hd{ background:#f6f8fa; height:32px; line-height:32px; margin-bottom:15px;}
.item-serve .hd h3{ float:left; font-size:14px; font-weight:bold; color:#333; background-position:-119px -313px; padding-left:15px;}
.item-serve .hd h3.nobg{ background:none;}
.item-serve .hd span{ float:right; color:#dd4b39; margin-right:10px;}
.item-serve .cont{ padding:0 15px; position:relative;}
.item-serve .intr{ line-height:22px;}
.item-serve h4{ font-size:12px; font-weight:bold; margin:10px 0;}
.item-serve .tit{ background:#f6f8fa; height:32px; line-height:32px; padding: 0 10px; font-size:14px; font-weight:bold; margin-bottom:20px;}
.item-serve .area{ margin-bottom:20px; position:relative;}
.item-serve .area .list-tq{ margin:0 15px;}
.list-tq{}
.list-tq li{ padding-left:24px; line-height:24px; background:url(/https/e.58.com/images/ico-18.png) no-repeat 0 50%;}
.list-tq li strong{ display:block; color:#333; font-size:14px;}
.doub li{ margin-bottom:10px;}
.btn-place{ display:inline-block; background:url(/https/e.58.com/images/btn-place.png) no-repeat ; height:28px; line-height:28px; width:62px; padding-left:24px; text-align:center; position:relative; left:10px; color:#327fcd; _display:inline; zoom:1;}
.btn-place:hover{ background-position:0 -34px; text-decoration:none; color:#327fcd; _position:relative;}
.btn-yellow{ display:block; height:32px; line-height:32px; width:91px; position:absolute; right:0; bottom:0; color:#fff; font-size:14px; font-weight:bold; background:url(/https/e.58.com/images/btn-yellow.png) no-repeat; padding-left:10px;}
.btn-yellow:hover{ background-position:0 -37px; color:#fff; text-decoration:none;}
.tabbox{}
.tabbtn{ background:url(/https/e.58.com/images/tab.png) repeat-x; height:46px; line-height:46px; border:1px solid #dcdee1; margin-bottom:20px;}
.tabbtn span{ display:block; float:left; padding:0 40px; cursor:pointer; color:#333; border-right:1px solid #dcdee1; position:relative;}
.tabbtn span i{ background:url(/https/e.58.com/images/tab.png) no-repeat 0 -96px; height:6px; width:11px; overflow:hidden; position:absolute; left:50%; margin-left:-5px; top:46px; display:none;}
.tabbtn span.current{background:url(/https/e.58.com/images/tab.png) repeat-x 0 -48px; font-weight:bold; color:#fff;}
.tabbtn span.current i{ display:block;}
.tabcon{ padding:30px 0;}
.tabimg{ display:block; margin:20px auto;}
.gokt{ padding:0 10px 0 130px; background:#f8f8f8; position:relative; height:50px; line-height:50px;}
.gokt .btn-yellow{ left:10px; top:10px;}
.gokt strong{    color: #DD4B39; font-size: 18px; font-weight: normal;}
.tabp{ line-height:24px;}
.flow{ background:url(/https/e.58.com/images/flow.png) no-repeat; padding-top:60px; overflow:hidden;}
.flow li{ float:left; width:148px; text-align:center; line-height:24px;}
.list-aq{}
.list-aq li{ background:url(/https/e.58.com/images/ico-qa.png) no-repeat; padding-left:30px; margin-bottom:30px;}
.list-aq h3{ height:30px; font-size:12px; font-weight:normal; overflow:hidden; line-height:18px;}
.list-aq p{ line-height:26px; }
.pro-name{ font-size:18px; color:#f97d03; font-family:Microsoft YaHei; font-weight:bold; margin-bottom:20px;}
.abstract{ color:#333; padding: 10px 20px; text-indent:2em; font-size:14px; line-height:24px; background:#f6f8fa; margin-bottom:20px;}

/*常见问题*/
.qabox{ border:1px solid #DCDEE5; padding:30px; margin-bottom:30px;}
.qabox .item{ margin-bottom:10px; position:relative; padding-left:57px;}
.qabox .sn{ background:url(/https/e.58.com/images/ico-05.png) no-repeat; width:57px; height:58px; position:absolute; left:0; top:0; font-size:36px; font-family:Arial; color:#fff; text-align:center; line-height:58px; font-style:italic;}
.qabox .hd{ height:40px; line-height:40px; padding:0 15px; background:#fafafa; color:#1155cc; font-size:14px; font-weight:bold; cursor:pointer; margin-bottom:30px; _margin-left:57px;}
.qabox .hd span{ float:right; height:5px; width:9px; overflow:hidden; margin-top:17px; background:url(/https/e.58.com/images/ico-03.png) no-repeat;}
.qabox .hd span.up{ background-position:0 -6px;}
.qabox .hd span.down{}
.qabox dl{ border-bottom:1px solid #f4f4f4; padding:0 0 20px 45px; background:url(/https/e.58.com/images/ico-04.png) no-repeat 15px 0; margin-bottom:20px;}
.qabox dt{ font-size:14px; font-weight:bold; height:32px; line-height:20px; color:#333;}
.qabox dd{ line-height:22px;}
.qabox .cont{ display:none; _margin-left:57px;}

.caseshow{}
.caseshow .video{ border:1px solid #DCDEE5; width:780px; height:494px; margin:0 auto 10px;}
.v-list{ padding: 15px 0; border:1px solid #DCDEE5; height:150px;}
.v-list h3{ font-size:14px; font-weight:bold; color:#333; height:26px; margin-left:20px;}
.v-list li{ float:left; margin:0 0px 0 20px; cursor:pointer; position:relative; width:128px; height:125px; border:2px solid #fff;}
.v-list li img{ height:75px; width:128px;}
.v-list li p{ background:#f5f5f5; padding:10px; height:30px; line-height:15px; width:108px;}
.v-list li .ico-play{ display:block; position:absolute; left:48px; top:24px; height:34px; width:34px; background:url(/https/e.58.com/images/ico-06.png) no-repeat; z-index:2; _background:url(/https/e.58.com/images/ico-06-ie6.png) no-repeat;}
.v-list li .ico-arr{ display:none; position:absolute; left:57px; top:-8px; height:6px; width:14px; background:url(/https/e.58.com/images/ico-07.png) no-repeat; z-index:2;}
.v-list li.on{ border:2px solid #2b76c4;}
.v-list li.on .ico-play{ display:none;}
.v-list li.on .ico-arr{ display:block;}

.listbox{ border:1px solid #DCDEE5; margin-bottom:10px;}
.list-video{ padding:10px 15px;}
.list-video li{ height:32px; line-height:32px; background:url(/https/e.58.com/images/ico-08.png) no-repeat 0 50%; padding-left:18px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.list-case{ border:1px solid #DCDEE5; padding:0 30px 20px;}
.list-case ul{}
.list-case li{ position:relative; padding:25px 10px 25px 190px; height:104px; border-bottom:1px dashed #DCDEE5;}
.list-case li img{ height:95px; width:150px; background:url(/https/e.58.com/images/imgbg.png) no-repeat; padding:4px 5px 5px 4px; position:absolute; left:10px; top:25px;}
.list-case li h3{ font-size:14px; font-weight:bold; height:30px; line-height:20px;}
.list-case li h3 a{ color:#1155cc;}
.list-case li p{ line-height:22px; height:44px; margin-bottom:10px;}
.list-case li p a{ color:#1155cc; font-family:'Comic Sans MS'; margin-left:10px;}
.list-case li .info{ color:#999;}
.list-case li .info span{ float:right;}
.list-case li.on{ background:#f6f8fa;}
.case-con{ border:1px solid #DCDEE5; padding:30px;}
.company{ position:relative; border-bottom:1px solid #efefef; padding:0 170px 40px 0; margin-bottom:30px; color:#333;}
.company h1{ font-size:18px; font-family:Microsoft YaHei; height:36px;}
.company p{ line-height:22px; height:66px;}
.company p a{ color:#1155cc;}
.company img{ height:98px; width:148px; border:1px solid #efefef; position:absolute; right:0; top:0;  _right:30px;}
.status{ border-bottom:1px solid #efefef; padding-bottom:10px; margin-bottom:30px;}
.status p{ line-height:28px; margin-bottom:20px; font-size:14px;}
.status strong{ display:block; color:#333;}
.comment{ padding:20px 64px; position:relative; background:url(/https/e.58.com/images/ico-09.png) no-repeat;}
.comment p{ font-size:14px; color:#dd4b39; line-height:28px;}
.comment .ico{ display:block; height:36px; width:52px; overflow:hidden; position:absolute; right:0; top:40px; background:url(/https/e.58.com/images/ico-10.png) no-repeat;}
.contactbox{}
.contactbox .msg{ background:url(/https/e.58.com/images/ico-11.png) no-repeat 15px 50% #f6f8fa; height:40px; line-height:40px; font-size:16px; color:#1155cc; border:1px solid #DCDEE5; padding-left:50px; font-family:Microsoft YaHei; margin-bottom:10px;}

.contactbox .item{ border:1px solid #DCDEE5; margin-bottom:10px; color:#333;_height:100%;}
.contactbox .title{ background:#f6f8fa; height:40px; line-height:40px; padding:0 20px;}
.contactbox .title h3{ font-size:14px; font-weight:bold;}
.contactbox table{ line-height:20px; margin:20px;} 
.contactbox td{ padding:5px 0;}
.tabcontact{ width:998px;overflow:hidden;}
.tabcontact .tab{ padding:10px; border-bottom:1px solid #DCDEE5; overflow:hidden; height:100%; }
.tabcontact .tab li{ float:left; width:57px; text-align:center; cursor:pointer; height:28px; line-height:24px;}
.tabcontact .tab li.current{ background:url(/https/e.58.com/images/ico-12.png) no-repeat; color:#fff;}
.tabcontact .tabcon{ padding:0;}
.list-city{ padding:30px 30px 0; overflow:hidden; display:none; _height:100%;}
.list-city li{ float:left; width:50%; line-height:24px; height:96px; margin-bottom:20px;}
.list-city li strong{ display:block;}

.sqbox{}
.sqbox .item{ border:1px solid #DCDEE5; margin-bottom:10px; color:#333;}
.sqbox .title{ background:#f6f8fa; height:40px; line-height:40px; padding:0 20px;}
.sqbox .title h3{ font-size:14px; font-weight:bold;}
.sqbox .step{ margin:30px 40px; background:url(/https/e.58.com/images/sq-01.png) no-repeat; padding-top:82px; overflow:hidden; height:18px;}
.sqbox .step span{ display:block; float:left; width:164px; font-size:14px; font-weight:bold; color:#666;}
.sqbox form{ padding:30px 40px;}
.sqbox h2{ font-size:14px; margin-bottom:25px;}
.sqbox form li{ height:38px; line-height:38px; margin-bottom:15px;}
.sqbox form li .tips{ padding-left:25px; margin-left:30px; float:left;}
.sqbox form li .tips.wrong{ background:url(/https/e.58.com/images/sq-06.png) no-repeat 0 50%; color:#F30;}
.sqbox form li .tips.right{ background:url(/https/e.58.com/images/sq-05.png) no-repeat 0 50%; color:#090}
.sqbox form li .select{ background:url(/https/e.58.com/images/sq-02.png) repeat-x; height:36px; width:280px; border:1px solid #e3e7eb; padding:0 10px; float:left; position:relative; font-size:14px;} 
.sqbox form li .select em{ display:block; height:38px; line-height:38px;}
.sqbox form li .select .ico{ position:absolute; top:16px; right:10px; cursor:pointer; height:5px; width:9px; overflow:hidden; background:url(/https/e.58.com/images/sq-03.png) no-repeat;}
.sqbox .choose{ top:38px; left:-1px; width:450px;}
.sqbox .choose li{height: 26px; line-height: 26px; margin:0;}
.sqbox .cctop{ line-height:normal;}
.sqbox form li .inp{ font-size:14px;background:url(/https/e.58.com/images/sq-02.png) repeat-x; height:36px; line-height:36px; width:280px; border:1px solid #e3e7eb; padding:0 10px; float:left; color:#959594;} 
.sqbox form li .btn{ background:url(/https/e.58.com/images/sq-04.png) no-repeat;  height:40px; border:none; width:242px; cursor:pointer; margin-top:10px;}

.choose {background-color: #FFFFFF;border: 1px solid #DDDDDD;left: 0;padding: 1px;position: absolute;text-align: left;top: 26px;width: 330px;z-index: 9999; display:none;}
.choose .choosetop {border-bottom: 1px dashed #CCCCCC;color: #000000;height: 26px; line-height: 26px;margin: 0 7px 5px;}
.choose a {color: #000000;cursor: pointer; font-size: 12px;height: 26px;line-height: 26px; text-decoration: none;}
.choose a:hover {color: #FF7300;text-decoration: underline;}
.choosemain {padding: 0 7px;}
.close {background: url("//img.58cdn.com.cn/vip/images/close.gif") no-repeat scroll 0 0 transparent;cursor: pointer;display: block;float: right;height: 11px;margin-top: 7px;width: 11px;}
.cctop {background: url("//img.58cdn.com.cn/vip/images/-.gif") no-repeat scroll left 4px transparent;clear: both;padding-left: 15px;}
.chooselist {margin: 5px 0 5px 15px;}
.chooselist li {float: left;height: 26px;line-height: 26px;overflow: hidden; white-space: nowrap;width: 60px; padding:0; margin:0; background:#fff;}
.chooseInput{width:139px;background-image: url(//img.58cdn.com.cn/n/images/zptong/down.gif); background-repeat:no-repeat; background-position: 123px center;padding:2px; border:1px solid #ccc;}

body {_background-image: url(about:blank); _background-attachment: fixed;}
.cubox .hd,.cubox .btn,.cubox .myc{ background:url(//img.58cdn.com.cn/vip/images/cu.png) no-repeat;}
.cubox{ position:fixed; right:50%; margin-right:-688px; top:50%; margin-top:-106px; z-index:999; width:178px;
_position: absolute;_top: expression(documentElement.scrollTop + documentElement.clientHeight/2 + "px");}
.cubox .hd{ height:44px;}
.cubox .bd{ width:176px; border:1px solid #cdcdcd; background:#fff;}
.cubox p{ text-align:center; padding:20px 20px 10px; line-height:20px;}
.cubox .btn{ display:block; height:33px; line-height:33px; width:143px; text-align:center; background-position:0 -45px; font-size:14px; font-weight:bold; color:#3a5c7c; margin:0 auto; text-indent:0;}
.cubox .btn:hover{ background-position:0 -79px; color:#fff; text-decoration:none;}
.cubox .myc{ background-position:-150px -54px; display:block; height:46px; line-height:46px; border-top:1px dotted #efefef; margin-top:15px; text-align:center;}

/*2014-3-12 by fs 首页加切换城市*/
#logonew{ float:left; background:url(//e.58.com/images/logonewbg.png) no-repeat 172px 20px ;width:230px; height:45px; margin:8px 0 0 15px;}
.qiecity{ float:left;height:38px;border-left:1px solid #dcdcdc;padding-left:7px; margin-top:13px; position:relative;z-index:999;width:85px; text-align:center}
.qiecity strong{ font-size:16px;color:#282828;line-height:24px;}
.qiecity .s1{color:#888; display:block; cursor:pointer}
.qiecity .choose {background-color: #FFFFFF;border: 1px solid #2771bf;left: 15px;padding:0;position: absolute;text-align: left;top: 45px;width:455px;z-index:1000; display:none;box-shadow:2px 2px 0 #c9ced3;}
.qiecity .choose a {color: #2771bf;cursor: pointer; font-size: 12px;height: 26px;line-height: 26px; text-decoration: none;}
.qiecity .choose a:hover {color: #dd4b39;text-decoration: underline;}
.qiecity .choosemain {padding: 0;}
.qiecity .cctop { background:none;clear: both;font-weight:bold;color:#282828;margin:12px 0 0 0}
.qiecity .cctop .ablue{height:auto;line-height:normal; font-weight:normal}
.qiecity .chooselist {margin: 5px 0 5px 15px;}
.qiecity .chooselist li {float: left;height: 26px;line-height: 26px;overflow: hidden; white-space: nowrap;width: 60px; padding:0; margin:0; background:#fff;}
.qiecity .close {background:url(//e.58.com/images/icon-n.png) no-repeat 0 -25px;cursor: pointer;display: block;height: 15px;width: 15px; overflow:hidden; position:absolute;right:10px;top:0;}
.qiecity .arr { background:url(//e.58.com/images/icon-n.png) no-repeat 0 0;display: block;height:5px;width:7px; overflow:hidden; position:absolute;left:29px;top:-5px;}

/*2014-4-15 加好58广告*/
.goodselection{
    position: fixed;
    left: 50%;
    margin-left: -670px;
    bottom: 20px;
    _position:absolute;
    _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-220));
}
