.main{
    width:1200px;
    margin:0 auto;
    position:relative;   
}
.headerBg,.progress,.connect{
    width:100%;
    height:430px;
    background:url(../Images/headerbg.jpg) no-repeat center center;
}
.headerBg .main{
    padding-top: 365px;
}
.headerBg .xcName,.progress .xcName,.connect .xcName{
    font-size: 30px;
    color: #fff;
    position: absolute;
    display: block;
    left: 0 !important;
    right: 0;
    margin: auto;
    text-align: center;
    top: 156px;
}
.headerBg .xcName{
    letter-spacing: 2px;
    left: 554px;
}
.headerBg .desc{
    font-size: 16px;
    color: #fff;
    position: absolute;
    display: block;
    left: 0 !important;
    right: 0;
    margin: auto;
    text-align: center;
    top: 215px;
}
.serviceList{
    width:750px;
    margin:0 auto;
}
.serviceList .item{
    display:block;
    width:33.333%;
    color:#fff;
    font-size:16px;
    position:relative;
    padding-left: 24px;
}
.serviceList .s2{
    padding-left: 42px;
    text-align:center;
}
.serviceList .s3{
    text-align:right;
}
.serviceList .item icon{
    position:absolute;
    width:20px;
    height:20px;
    display:block;
    top: 1px;
    background:url(../Images/headericon.png) no-repeat;
}
.serviceList .s1 icon{
    left:0;
    background-position: -46px 0;
}
.serviceList .s2 icon{
    left: 58px;
    background-position: -23px 0;
}
.serviceList .s3 icon{
    left: 96px;
    background-position: 0 0;
}
/*可速云是谁*/
.xcInfo{
    background-color:#f5f5f5;
    padding:68px 0 130px;
}
.xcInfo .title,.whyUs .title{
    font-size:18px;
    color:#666;
    text-align:center;
    margin-bottom:16px;
}
.xcInfo .who,.whyUs .why{
    display:block;
    width:211px;
    margin:0 auto;
}
.xcInfo .mainInfo {
    width: 660px;
    margin: 20px auto 0;
    font-size: 14px;
    color: #333;
}
.xcInfo .mainInfo .item{
    margin-bottom:34px;
    position:relative;
    padding-left: 20px;
}
.xcInfo .mainInfo .item.last{
    margin-bottom:0px;
}
.xcInfo .mainInfo .item icon{
    display:block;
    position:absolute;
    width:7px;
    height:7px;
    background-color:#ff5943;
    left: 0px;
    top: 6px;
}
/*为什么选择我们*/
.whyUs{
    padding:70px 0 100px;
}
.whyUs .mainInfo{
    width:816px;
    margin:20px auto 0;
}
.whyUs .item{
    width:204px;
    padding:0 27px;
}
.whyUs .item p{
    text-align:center;
    margin:24px 0 50px;
    font-size:16px;
    color:#333;
}
.whyUs .item span{
    color: #999;
    line-height: 29px;
    display: block;
    width: 90%;
    text-align: justify;
    font-size: 14px;
    margin: 0 auto;
}
/*可速云大事记*/
.progress{
    background:url(../Images/progressbg.jpg) no-repeat center center;
}
.progress .xcName {
    top: 210px;
    font-size: 20px;
    color: #4d4c4c;
    left: 538px;
}
.progressBottom{
    padding-bottom:122px;
}
.progressBottom .progressLine{
    width:128px;
    height:663px;
    margin:0 auto;
    background:url(../Images/progressline.png) no-repeat 0 0;
    position:relative;
}
.progressBottom .progressLine .year{
    font-size:14px;
    color:#999;
    position:absolute;
    left:42px;
}
.progressBottom .progressLine .y14{
    top:47px;
}
.progressBottom .progressLine .y15{
    top:181px;
}
.progressBottom .progressLine .y16{
    top:315px;
}
.progressBottom .progressLine .y17{
    top:455px;
}
.progressBottom .progressLine .y18{
    top:525px;
}
.progressBottom .progressLine .y19{
    top:578px;
}
.progressBottom .progressLine .now{
    font-size:14px;
    color:#333;
    position:absolute;
    left:57px;
    bottom:-30px;
}
.progressBottom .month{
    position:absolute;
    font-size:14px;
    color:#999;
}
.progressBottom .month p{
    color:#333;
}
.month.m10_14 {
    top: 36px;
    left: 250px;
    text-align: right;
}
.month.m6_14 {
    top: 76px;
    right: 185px;
}
.month.m9_15 {
    top: 170px;
    left: 200px;
    text-align: right;
}
.month.m4_15 {
    top: 186px;
    right: 32px;
}
.month.m3_16 {
    top: 266px;
    right: 672px;
    text-align: right;
}
.month.m8_16 {
    top: 336px;
    right: 62px;
}
.month.m5_17 {
    top: 426px;
    right: 682px;
    text-align: right;
}
.month.m11_17 {
    top: 426px;
    right: 102px;
}
.month.m6_18 {
    top: 526px;
    right: 682px;
    text-align: right;
}
.month.m10_18 {
    top: 526px;
    right: 118px;
}
.month.m7_19 {
    top: 626px;
    right: 682px;
    text-align: right;
}
.month.m12_19 {
    top: 626px;
    right: 2px;
}
/*联系我们*/
.connect{
    background-image:url(../Images/connectus.jpg);
}
.connect .xcName{
    font-size:20px;
    left: 560px;
    top: 210px;
}
.connectBottom{
    padding:80px 0 110px;
}
.connectBottom .company{
    width: 380px;
    margin:0 138px 0 275px;
    font-size:14px;
    color:#333;
    line-height: 26px;
}
.connectBottom .item{
    padding-left:26px;
    position:relative;
}
.connectBottom .item icon{
    display:block;
    position:absolute;
    width:20px;
    height:20px;
    background:url(../Images/conicon.png) no-repeat;
    left:0px;
    top:0px;
    bottom:0px;
    margin:auto;
}
.connectBottom .item.com_storeIn icon{background-image: url("../Images/storein.png")}
.connectBottom .item.com_storeIn a{color:#404689;text-decoration:underline}
.connectBottom .item.com_name icon{background-position:0 -40px;}
.connectBottom .item.com_mail icon{background-position:0 -80px;}
.connectBottom .item.com_phone icon{background-position:0 -20px;}
.connectBottom .item.com_net icon{background-position:0 0;}
.connectBottom .item.com_address icon{background-position:0 -60px;}
.con_code{
    width: 100px;
    display: block;
    font-size: 12px;
    text-align: center;
    color: #666;
}
.con_code img{
    margin-bottom:10px;
}
.add_title{
    width:318px;
    height:31px;
    display:block;
    margin:100px auto 20px;
}
.add_map{
    width:1112px;
    display:block;
    margin:0 auto;
}
.footer{
    margin-top:0px;
}