body {
}


/*来宝商城 创建于2011*/
.Top{
    position:relative;
    width:100%;
}
.Top img{
    width:100%;
}
.topText{
    color: #fff;
    font-size: 35px;
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, 0%);
}
.topText2 {
    color: #000;
    position: absolute;
    top: 51.6%;
    left: 50%;
    transform: translate(-50%, 0%);
    letter-spacing: 1px;
}
.topText3 {
    color: #fff;
    font-size: 16px;
    position: absolute;
    top: 60.6%;
    left: 50%;
    transform: translate(-50%, 0%);
    letter-spacing: 1px;
}
.topText4 {
    color: #fff;
    font-size: 16px;
    position: absolute;
    top: 65.6%;
    left: 50%;
    transform: translate(-50%, 0%);
    letter-spacing: 1px;
    text-align:center;
}

/*企业文化*/
.corporateCulture {
    width: 100%;
    height: 587px;
    background-image: url('../images/cultureground.jpg');
    position: relative;
    background-size: 100% 100%;
}
.cultureText {
    color: #8d8d8d;
    font-size: 17px;
    position: absolute;
    padding-top: 80px;
    transform: translate(-50%, 0%);
    left: 50%;
    letter-spacing: 1px;
}
.vision {
    width: 959px;
    top: 170px;
    transform: translate(-50%, 0%);
    left: 50%;
    position: absolute;
    border-radius: 10px;
    background-image: url('../images/yuanjiao.png');
    background-size: 100% 100%;
}
.visionall{
    height: 320px;
    width: 850px;
    margin:0 auto;
    margin-top: 22px;
}
.visionleft{
    height: 320px;
    width: 420px;
    float:left;
    margin-left: 20px;
}
.visiontext1{
    height: 20px;
    width: 420px;
    margin-top: 80px;
}
.visiontext1 span {
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    color: #009afe;
    font-weight: bold;
    letter-spacing: 2px;
}
.visionline{
    width:25px;
    height:3px;
    background-color:#009afe;
    margin-top:32px;
}
.visiontext2{
    height: 100px;
    width: 420px;
    margin-top: 6px;
}
.visiontext2 p{
    font-size:17px;
    color:#333;
    letter-spacing: 2px;
    line-height: 35px;
}
.visionright{
    height: 320px;
    width: 380px;
    float:right;
}
.visionright img {
    width: 380px;
    height: 320px;
}
/*商城规模*/
.mallscale {
    width: 100%;
    height: 559px;
    background-color:#fff;
    position: relative;
}
.mall {
    width: 100%;
    background-color: #fff;
    position:relative;
    top:170px;
}
.mall  img{
    width:100%;
}
.office {
    color: #ddeb92;
    position: absolute;
    top: 0.5%;
    left: 35%;
    height:29%;
    transform: translate(-50%, 0%);
    width: 15%;
}
.officeleft{
    height:35px;
    float:left;
    width:12.5%;
}
.officeleft img{
    width:100%;
    display:inline;
}
.officeright{
    height:35px;
    float:right;
    width:80%;
}
.officeright p{
    font-size:19px;
    color:#fff;
}
.officeright span{
    font-size:26px;
    color:#fff;
    font-weight:bold;
}
.money {
    color: #ddeb92;
    position: absolute;
    top: 0.5%;
    left: 65.8%;
    height: 29%;
    transform: translate(-50%, 0%);
    width: 17%;
}
.people {
    color: #ddeb92;
    position: absolute;
    top: 70%;
    left: 56.8%;
    height: 29%;
    transform: translate(-50%, 0%);
    width: 15%;
}
/*服务体系*/
.service{
    width:100%;
    height:170px;
    position:relative;
    background-color:#f6f6f6;
}
.system{
    height:450px;
    width:100%;
    background-color:#f6f6f6;
    position:relative;
}
.online{
    height:723px;
    width:958px;
    margin:0 auto;
    background-color:#fff;
    box-shadow: 1px 1px 15px 1px #cadeef;
}
.onlinetop{
    height:288px;
    width:680px;
    margin:0 auto;
}
.onlinetl{
    height:180px;
    width:180px;
    float:left;
    margin-top: 92px;
}
.onlinetl img{
    width:100%;
}
.onlinetr{
    height:204px;
    width:373px;
    float:right;
    margin-top: 91px;
}
.onlinetr1{
    height:204px;
    width:373px;
    float:right;
    margin-top: 107px;
}
.onlinetext1{
    height:30px;
    width:373px;
}
.onlineleft{
    height:30px;
    width:40px;
    float:left;
}
.onlineleft img{
    height:100%;
}
.onlineright{
    height:40px;
    width:310px;
    float:right;
}
.onlineright p {
    font-size: 22px;
    color: #0098ff;
    padding: 0px;
}
.onlinetext2{
    height:119px;
    width:373px;
    margin-top:45px;
}
.onlinetext2 p{
    font-size:17px;
}
.onlinebottom{
    overflow:hidden;
    width:775px;
    margin:0 auto;
    margin-top:68px;
}
.onlinebottom img{
    width:100%;
}
.downline{
    height:373px;
    width:958px;
    margin:0 auto;
    background-color:#fff;
    box-shadow: 1px 1px 15px 1px #cadeef;
}
.down{
    height:331px;
    width:710px;
    margin:0 auto;
}
.downleft{
    height:289px;
    width:209px;
    float:left;
    margin-top:44px;
}
.downleft img{
    width:100%;
}

/*供应能力*/
.ability{
    width:100%;
    height:170px;
    background-color:#fff;
    margin:0 auto;
    text-align:center;
    position:relative;
}
.abilityimg{
    width:100%;
    overflow:hidden;
}
.abilityimg img{
    width:100%;
}

/*目标客户*/
.targetcustomers{
    width:100%;
    height:132px;
    background-color:#fff;
    margin:0 auto;
    text-align:center;
    position:relative;
}
.customers{
    width:100%;
    height:571px;
    margin:0 auto;
}
.userlist{
    width:954px;
    height:496px;
    margin:0 auto;
}
.userlist ul li{
    width:210px;
    height:210px;
    float:left;
    background-color:#cadeef;
    margin-top:38px;
    border-radius:8px;
    margin-left:38px;
}
.userlist ul li:nth-child(4n+1){
    margin-left:0px;
}
.usertop{
    width:210px;
    height:163px;
    border-radius: 8px 8px 0px 0px;
}
.usertop img{
    width:100%;
}
.userbottom{
    width:210px;
    height:47px;
    background-color:#0099ff;
    border-radius: 0px 0px 8px 8px;
    text-align:center;
}
.userbottom span{
    color:#fff;
    font-size:16px;
    height:47px;
    line-height:47px;
    letter-spacing: 2px;
}

/*博科集团*/
.Biobase{
    width:100%;
    margin:0 auto;
}
.biobaseTop{
    width:100%;
    height:170px;
    background-color:#f6f6f6;
    margin:0 auto;
    text-align:center;
    position:relative;
}
.biobaseText {
    color: #000;
    font-size: 30px;
    font-weight: bold;
    padding-top: 30px;
    position: absolute;
    transform: translate(-50%, 0%);
    left: 50%;
}
.biobaseText2{
    color:#8d8d8d;
    font-size:17px;
    padding-top:80px;
    margin:0 auto;
}
.triangle {
    top: 115px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #00a0ff;
    position: absolute;
    transform: translate(-50%, 0%);
    left: 50%;
}
.Biobase img{
    width:100%;
}
.development{
    width:100%;
    margin: 0 auto;
    background-color:#f6f6f6;
    height:168px;
    position:relative;
}
.circle{
    width:10px;
    height:10px;
    background-color:#0b96fb;
    margin:0 auto;
    border-radius: 10px;
}
.line{
    width:1px;
    height:35px;
    background-color:#dcdcdc;
    margin:0 auto;
    margin-top:6px;
}
.developmentMode{
    color:#585858;
    margin:0 auto;
    margin-top:10px;
    font-size:20px;
    text-align:center;
}
.icon{
    width:100%;
    height:193px;
    background-color:#f6f6f6;
}
.iconlist{
    width:953px;
    margin:0 auto;
    height:135px;
}
.iconlist ul li{
    width:131px;
    float:left;
    height:131px;
    background-color:#addaf9;
    margin-left:6px;
    border-radius: 131px;
    margin-top: 2px;
}
.iconlist ul li:nth-child(7n+1){
    margin-left:0px;
}
.innercircle{
    height:113px;
    width:113px;
    margin:0 auto;
    background-color:#0099ff;
    margin-top: 9px;
    border-radius: 113px;
}
.rectangle {
    height: 81px;
    width: 60px;
    margin: 0 auto;
    position: relative;
    top: 16px;
}
.rectangletop{
    height: 60px;
    width: 60px;
    margin: 0 auto;
}
.rectangletop img{
    width:100%;
}
.rectanglebottom{
    height: 21px;
    width: 60px;
    margin: 0 auto;
}
.rectanglebottom p{
    font-size:14px;
    color:#fff;
    text-align:center;
    line-height:21px;
    height:21px;
}
.grouptext{
    width:100%;
    height:135px;
    background-color:#f6f6f6;
}
.grouptext p{
    font-size:17px;
    color:#5a5a5a;
    text-align:center;
}
.brand{
    width:100%;
    height:150px;
    background-color:#f6f6f6;
}
.brandlist{
    width:962px;
    height:74px;
    margin:0 auto;
    background-color:#f6f6f6;
}
.brandlist ul li{
    width:220px;
    height:72px;
    float:left;
    border:1px solid #009aff;
    margin-left:148px;
    text-align:center;
    border-radius: 8px;
}
.brandlist ul li:nth-child(3n+1){
    margin-left:0px;
}
.brandlist ul li span{
    font-size:20px;
    height:72px;
    line-height:72px;
    color:#009aff;
}
.foot-nav2020{
    margin-top:0px !important;
}