body
{
font-size: 12px;
font-family: 宋体;
width: 100%;
position:relative;
}
p, li, ul, h1, h2, h3, img, p, body, a
{
border: 0;
padding: 0px;
margin: 0px;
list-style: none;
text-decoration: none;
}
.clearfix:after
{
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.clearfix
{
display: inline-block;
}
.clearfix
{
display: block;
}
* html .clearfix
{
height: 1%;
}
.content-center
{
width: 990px;
margin: 0px auto;
overflow: hidden;
position:relative;
}
.lf-content
{
width: 190px;
float:left;
position:fixed;
top:155px;
}
.lf-content ul li
{
position: relative;
height: 55px;
padding-left: 20px;
border-bottom: 1px solid #ddd;
}
.lf-content ul li p.ioc
{
position: absolute;
right: -8px;
top: 20px;
font-size: 14px;
color: #ff6d00;
display: none;
}
.lf-content ul
{
width: 180px;
border: 1px solid #ccc;
}
.lf-content ul li a
{
color: #5e5e5e;
font-size: 14px;
font-family: 微软雅黑;
}
.lf-content ul li span
{
background-image: url(//cbu01.alicdn.com/cms/upload/2012/430/584/485034_749932571.png);
display: block;
}
.lf-content ul li .first
{
background-position: -1px -52px;
height: 55px;
width: 40px;
}
.lf-content ul li .second
{
background-position: -1px -105px;
height: 55px;
width: 40px;
}
.lf-content ul li .third
{
background-position: -1px -157px;
height: 55px;
width: 40px;
}
.lf-content ul li .four
{
background-position: -1px -205px;
height: 55px;
width: 40px;
}
.lf-content ul li .five
{
background-position: -1px -255px;
height: 42px;
width: 40px;
}
.lf-content ul li a
{
position: absolute;
top: 15px;
left: 80px;
}
.lf-content ul li.sel .first, .lf-content ul li.hover .first
{
background-position: -1px -307px;
}
.lf-content ul li.sel .third, .lf-content ul li.hover .third
{
background-position: -1px -418px;
}
.lf-content ul li.sel .four, .lf-content ul li.hover .four
{
background-position: -1px -471px;
}
.lf-content ul li.sel .five, .lf-content ul li.hover .five
{
background-position: -1px -530px;
}
.lf-content ul li.sel, .lf-content ul li.hover
{
background-color: #ff6d00;
}
.lf-content ul li.sel .second, .lf-content ul li.hover .second
{
background-position: -1px -362px;
}
.lf-content ul li.sel a, .lf-content ul li.hover a
{
color: #fff;
}
.lf-content ul li.sel p, .lf-content ul li.hover p
{
display: block;
}
.rf-content
{
float: right;
width: 790px;
overflow: hidden;
}
.rf-content .com
{
margin-bottom: 20px;
}
.rf-content .com h2
{
padding-bottom: 5px;
border-bottom: 1px solid #ccc;
font-size: 16px;
font-family: 微软雅黑;
font-weight: normal;
color: #444;
margin-bottom: 10px;
}
.rf-content .ser_introduce p
{
line-height: 22px;
color: #888;
}
.rf-content .ser_super li, .rf-content .ser_super li .cont .ioc
{
background-image: url(//cbu01.alicdn.com/cms/upload/2012/330/584/485033_749932571.png);
}
.rf-content .ser_super li
{
float: left;
background-position: 250px -165px;
width: 260px;
height: 145px;
background-repeat: no-repeat;
}
.rf-content .ser_super li.last1
{
margin: 0px;
}
.rf-content .ser_super li .cont
{
position: relative;
left: 10px;
}
.rf-content .ser_super li .cont .ioc
{
background-position: 0px 0px;
height: 56px;
width: 56px;
position: absolute;
}
.rf-content .ser_super li .cont1 .ioc
{
background-position: 0px -55px;
}
.rf-content .ser_super li .last1 .ioc
{
background-position: 0px -117px;
}
.rf-content .ser_super li .cont .tip
{
font-size: 14px;
font-family: 微软雅黑;
position: absolute;
left: 80px;
top: 20px;
color: #444;
}
.rf-content .ser_super li .cont p
{
position: absolute;
top: 55px;
width: 210px;
left: 10px;
color: #888;
line-height: 24px;
}
.rf-content .position
{
position:relative;
}
.rf-content .position li
{
width:258px;
float:left;
margin-right:5px;
margin-bottom:20px;
}
.rf-content .position li p
{
width:240px;
line-height:22px;
color:#888;
}
.rf-content .cost li
{
position:relative;
height:50px;
}
.rf-content .cost li .ioc
{
background-image:url(//cbu01.alicdn.com/cms/upload/2012/030/584/485030_749932571.png);
}
.rf-content .cost li h3
{
font-size:14px;
color:#888;
position:absolute;
left:50px;
top:5px;
}
.rf-content .cost li p
{
color:#888;
}
.rf-content .cost li .p1
{
position:absolute;
left:130px;
}
.rf-content .cost li .p2
{
position:absolute;
left:130px;
top:18px;
}
.rf-content .cost li .p3
{
position:absolute;
left:130px;
top:30px;
}
.rf-content .cost li.ku .ioc
{
width:32px;
height:32px;
background-position:0px 0px;
position:absolute;
}
.rf-content .cost li.ku
{
border-bottom:1px dashed #dddddd;
}
.rf-content .cost li.way
{
}
.rf-content .cost li.way .ioc
{
width:32px;
height:32px;
background-position:0px -31px;
position:absolute;
top:5px;
}
.rf-content .cost li.way h3
{
top:15px;
}
.rf-content .cost li.way .p1
{
top:10px;
}
.rf-content .cost li.way .p2
{
top:25px;
}
.rf-content .cost li.way .p3
{
top:40px;
}
.rf-content .kklc .tip
{
color:#888;
position:relative;
margin-top:10px;
line-height:23px;
}
.rf-content .kklc .tip a
{
color:#fff;
background-color:#ff7300;
height:23px;
width:70px;
text-align:center;
position:absolute;
left:250px;
line-height:23px;
}
.tabs .tit
{
border:1px solid #e3e3e3;
}
.tabs .tit ul
{
background-color:#f4f4f4;
}
.tabs .tit li
{
height:40px;
width:195px;
float:left;
line-height:40px;
border-bottom:1px solid #ccc;
}
.tabs .tit li a
{
padding:0px 53px;
text-align:center;
border-right:1px solid #b9b9b9;
color:#888;
font-size:14px;
}
.tabs .tit li.current
{
background-color:#fff;
border-right:1px solid #e3e3e3;
border-left:1px solid #e3e3e3;
border-bottom:0;
}
.tabs .tit li.current a
{
border:0;
}
.contractUs
{
position:fixed;
top:150px;
right:5px;
}
.tabs .tab2,.tabs .tab3,.tabs .tab4
{
display:none;
position:relative;
}
.tabs .tab1
{
position:relative;
}
.tabs .tab1 a
{
height:15px;
width:100px;
position:absolute;
left: 110px;
top: 52px;
}
.tabs .tab4 a
{
height:15px;
width:100px;
position:absolute;
left: 110px;
top: 65px;
}
.img-tabs
{
margin-bottom:15px;
}
.mark
{
display:none;
position:absolute;
z-index:9;
width:865px;
height:712px;
top:20px;
left:-30px;
}
.mark img
{
display:none;
}
.mark a.close
{
height:50px;
width:50px;
position:absolute;
left:780px;
top:20px;
background-color:#000;
}
.scrolltoheader
{
position:fixed;
bottom:20px;
}
.content-footer p
{
background-image:url("//cbu01.alicdn.com/cms/upload/2012/920/584/485029_749932571.png");
}
.content-footer
{
width:990px;
margin:0px auto;
text-align:center;
position:relative;
padding-top:30px;
color:#888;
}
.content-footer .s1
{
margin-right:30px;
color:#888;
}
.content-footer .s2
{
margin-right:50px;
color:#888;
}
.content-footer .s3
{
color:#888;
}
.content-footer .ioc1
{
background-position:-38px -586px;
height:18px;
width:22px;
position:absolute;
left:445px;
top:30px;
}
.content-footer .ioc2
{
background-position:-75px -586px;
height:25px;
width:22px;
position:absolute;
left:550px;
top:30px;
}
.float_div
{
background-color:#000;
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;
z-index:999;
_height:2141px;
display:none;
}
.float_img
{
position:absolute;
z-index:9999;
top:0px;
left:0px;
width:100%;
height:100%;
margin:0px auto;
display:none;
}
.float_img .cont
{
width:990px;
margin:0px auto;
position:relative;
}
.float_img .index
{
position:absolute;
height:318px;
width:858px;
left: 130px;
top: 410px;
}
.float_img .tab1
{
position:absolute;
display:none;
right:0px;
top:580px;
}
.float_img .tab2
{
position:absolute;
display:none;
left: 145px;
top: 1235px;
}
.float_img .tab3
{
position:absolute;
left: 105px;
top: 1400px;
display:none;
}
.float_img .tab4
{
position:absolute;
left: 100px;
top: 1640px;
display:none;
}
.float_img .fl_close
{
position:absolute;
left: 330px;
top: 0px;
height:30px;
width:30px;
display:block;
overflow:hidden;
background-color:#000;
}
.float_img .tab1 .fl_close
{
left: 310px;
top: 0;
}
.float_img .tab2 .fl_close
{
left: 315px;
top: 0px;
}
.float_img .tab3 .fl_close
{
left: 320px;
top: 5px;
}
.float_img .tab4 .fl_close
{
left: 320px;
top: 5px;
}
.float_img .tab4 .last
{
position:absolute;
width:140px;
height:20px;
left: 180px;
top: 130px;
background-color:#000;
}
.float_img .tab3 .next
{
position:absolute;
width:140px;
height:20px;
left:200px;
top:120px;
background-color:#000;
}
.float_img .tab2 .next
{
position:absolute;
width:120px;
height:20px;
left:200px;
top:120px;
background-color:#000;
}
.float_img .tab1 .next
{
position:absolute;
width:120px;
height:20px;
left:200px;
top:120px;
background-color:#000;
}
.float_img a.more
{
width:120px;
height:20px;
position:absolute;
left: 240px;
top: 130px;
overflow:hidden;
background-color:#000;
}