@charset "utf-8";
/*
 * @author: shenben
 * @Date: 14-11-10
 * @update: 
 */

/* *banner* */
.valueService-banner{position:relative;height:391px;min-width:1190px;border-top:1px solid #ECECEC;overflow:hidden;z-index:1;}
.valueService-banner .pic-wrapper{position:absolute;top:0;left:0;width:100%;height:391px;top:0;left:0;z-index:1}
.valueService-banner .pic-wrapper li{position:absolute;left:0;top:0;width:100%;height:391px;}
.valueService-banner .pic-wrapper .img {
    display: block;
    height: 391px;
    margin: 0 auto;
    width: 100%;
}
.valueService-banner .dot-wrapper{position:absolute;left:0;bottom:10px;width:100%;text-align:center;z-index:2}
.valueService-banner .dot-wrapper em{position:relative;display:inline-block;width: 12px;height: 12px; margin: 0 5px; background: url(images/tabdot.png) 0 -22px no-repeat; overflow: hidden; cursor: pointer;}
.valueService-banner .dot-wrapper .current{background-position: 0 0;}
/*.index-banner .dot-wrapper em{position:relative;display:inline-block;width:12px;height:12px;margin:0 8px;overflow:hidden;cursor:pointer;background:url(images/aptitude-point.png) no-repeat 0 0;_background:0;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/images/aptitude-point.png');}
.index-banner .dot-wrapper em.current{background:url(images/aptitude-pointOn.png) no-repeat 0 0;_background:0;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/images/aptitude-pointOn.png');}*/


/* 多屏 */
.wbox div{position:relative; width:1190px; margin:0 auto; font-family: arial,\5FAE\8F6F\96C5\9ED1;}
.wbox h3,.wbox span{ position:absolute}
.wbox .abs{position:absolute}
.wbox h3{font-size:48px; font-weight: normal;}
.wbox .btn{display:inline-block; width:180px; height:40px; margin-right:10px; line-height:40px; text-align:center; font-size:14px; background: url(images/allbtn1.png) no-repeat 0 0; color:#ff9654}
.wbox .btn:hover{text-decoration:none; color:#fff}
/* 0服务市场 */
.wbox0{background-color:#f5f5f5}
.serviceMarket{height:550px; background: #f5f5f5 url(images/serviceMarket.png)  center bottom no-repeat; }
.serviceMarket h3{ position: static; text-align: center; line-height: 48px; padding: 38px 0 24px}
.serviceMarket .serviceMarket-text{ text-align: center; font-size:18px; line-height:30px;}
.serviceMarket .serviceMarket-btn-wrap{ padding-top: 22px; text-align: center;}
.serviceMarket .serviceMarket-btn0{width:140px; background-position:0 -250px;}
.serviceMarket .serviceMarket-btn0:hover{background-position:0 -400px;}
/* 1物流 */
.wbox1{background-color:#fff}
.logistics{height:450px; background: #fff url(images/logistics.jpg) 67px bottom no-repeat; }
.logistics h3{top:100px; left:700px;}
.logistics .logistics-text{left:700px; top:180px; width:386px; font-size:18px; line-height:30px;}
.logistics .logistics-btn-wrap{display:inline-block; left:700px; top:262px;}
.logistics .logistics-btn0{width:180px; background-position:0 -450px;}
.logistics .logistics-btn0:hover{background-position:0 0;}
.logistics .logistics-btn1{width:160px; background-position:0px -150px}
.logistics .logistics-btn1:hover{background-position:0 -300px;}
/* 2金融 */
.wbox2{background-color:#f5f5f5}
.finance{height:500px; background: #f5f5f5 url(images/finance.jpg) 600px 70px no-repeat;}
.finance h3{left:19px; top:150px;}
.finance .finance-text{left:19px; top:228px; line-height:30px; font-size:18px;}
.finance .finance-btn0{left:19px; top:278px; width:160px; background-position:0px -500px; color:#ff7700;}
.finance .finance-btn0:hover{background-position:0 -300px;}
/* 3数据 */
.wbox3{background-color:#fff}
.data{height:500px; background: #fff url(images/data.jpg) 66px 108px no-repeat;}
.data h3{left:700px; top:150px;}
.data .data-text{width:370px; left:700px; top:232px; font-size:18px; line-height:30px;}
.data .data-btn-wrap{ display:inline-block; left:700px; top:310px;}
.data .btn{width:160px; background-position:0px -150px; color:#ff7700}
.data .data-btn0:hover,.data .data-btn1:hover{background-position:0 -300px;}
/* 4 API */
.wbox4{background-color:#1482d2}
.API{height:600px; background: #1482d2 url(images/api.jpg) center bottom no-repeat; color:#fff; text-align:center}
.API h3{ position:static; padding-top:30px; text-align:center}
.API .API-text{margin-bottom:14px; font-size:18px; line-height:46px; text-align:center}
.API .btn{width:140px; margin-right:0; background-position:0px -50px; color:#fff}
.API .API-btn0:hover{background-position:0 -400px;}
/* 5 crowdsourcing */
.wbox5{background-color:#fff}
.crowdsourcing{height:500px; background: #fff url(images/crowdsourcing.jpg) 66px 90px no-repeat;}
.crowdsourcing h3{left:700px; top:146px;}
.crowdsourcing .crowdsourcing-text{left:700px; top:225px; font-size:18px; line-height:30px}
.crowdsourcing .btn{left:700px; top:274px; width:140px; background-position:0px -250px; color:#ff7700}
.crowdsourcing .crowdsourcing-btn0:hover{background-position:0 -400px;}
/* 6 advert */
.wbox6{background-color:#f5f5f5}
.advert{height:500px; background: #f5f5f5 url(images/advert.jpg) 566px 70px no-repeat;}
.advert h3{left:22px; top:148px;}
.advert .advert-text{left:22px; top:226px; width:398px; font-size:18px; line-height:30px}
.advert .advert-btn-wrap{ display:inline-block; left:22px; top:335px;}
.advert .btn{width:150px; background-position:0px -200px; color:#ff7700}
.advert .advert-btn0:hover,.advert .advert-btn1:hover,.advert .advert-btn2:hover{background-position:0 -350px;}
/* 7 publicCloud */
.wbox7{background-color:#26bfa6}
.publicCloud{height:500px; background: #26bfa6 url(images/publicCloud.jpg) 90px 27px no-repeat; color:#fff}
.publicCloud h3{left:692px; top:150px;}
.publicCloud .publicCloud-text{left:692px; top:230px; font-size:18px; line-height:30px}
.publicCloud .btn{left:692px; top:280px; width:150px; background-position:0px -100px; color:#fff}
.publicCloud .publicCloud-btn0:hover{background-position:0 -350px;}

/* 侧边浮动 */
.sidetool{position: fixed; top: 220px; right: 5%; z-index: 99;}
.sidetool li{width:38px; height:38px; margin-bottom:10px;}
.sidetool li a{display:inline-block; width:38px; height:38px; background:url(images/slidebg.png) no-repeat 0 0;}
.sidetool .sideli1 a{ background-position: 0 -48px }
.sidetool .sideli2 a{ background-position: 0 -96px }
.sidetool .sideli3 a{ background-position: 0 -144px }
.sidetool .sideli4 a{ background-position: 0 -192px }
.sidetool .sideli5 a{ background-position: 0 -240px }
.sidetool .sideli6 a{ background-position: 0 -288px }
.sidetool .sideli7 a{ background-position: 0 -336px }
.sidetool .gotop a{ background-position: 0 -384px }


/* foot */
.footmargin{ height:50px;}