.section-content.banner{
    background-image: url(../image/O2O-banne-bg.jpg);
}
/*tab*/
.section-nav{
    height: 66px;box-shadow: 0px 1px 20px #ededee;
}
.section-nav .tab-content{
    width: 1182px;margin: 0 auto;display: flex;
}
.section-nav .tab-content span{
    display: inline-block;
    width: 276px;margin: 6px 0;
    text-align: center;
    font-size: 18px;
    height: 53px;
    line-height: 53px;
    border-right: 1px solid #eeeeee;
}
.section-nav .tab-content .nav-tabs{
    display: inline-block;
    border-bottom: 0;
    flex: auto;
}
.section-nav .nav-tabs>li.active>a{
    color: #f8a245;
    border: none;
    border-bottom: 2px solid #f8a245;
}
.section-nav .nav-tabs li{
    width: 16.5%;text-align: center;
}
.section-nav .nav-tabs a{
    font-size: 16px;
    color: #333333;
    height: 66px;line-height: 66px;
    display: inline-block;
    padding: 0;margin: 0 auto;
    white-space:nowrap;border: none;
    border-bottom: 2px solid transparent;
    box-sizing: border-box;
}
#nav-tabs.nav-tabs>li>a:hover {
    color: #f8a245;
    border: none;
    border-bottom: 2px solid #f8a245;
}
.section-nav .nav>li>a:hover,.section-nav .nav>li>a:focus {
    text-decoration: none;
    background-color: #ffffff;
}
.maxwcenter{
    width: 1186px;margin: 0 auto;
}
/*内容*/
.verticalBar{color: #f8a245!important;margin-right: 5px;vertical-align: top;}
.con-title{
    color: #333333;
    font-size: 28px;
    text-align: center;
    margin: 70px auto 10px;
}
.con-sign{
    width: 27px;
    height: 2px;
    background: #f8a245;
    margin: 0 auto;
}
.tab-content{overflow: hidden;width: 100%;}
.mainsection .ibatis .con-sign{margin-bottom: 60px;}
.mainsection .con2 .con-sign{margin-bottom: 30px;}
.mainsection .con3 .con-sign{margin-bottom: 60px;}
.mainsection .ibatis{margin-bottom: 30px;}
.mainsection .ibatis .truss-fun{border: 1px solid #eeeeee;font-size: 0;height: 613px;}
.mainsection .ibatis .truss{
    vertical-align: middle;position: relative;
    display: inline-block;padding: 23px 39px 70px;
}
.mainsection .ibatis .truss img{
    width: 762px;
}
#O2O .ibatis .truss .trussImg{
    display:none;
}
#O2O .ibatis .truss .trussImg.active{
    display:block;
}
#O2O .ibatis .truss #trussTab{
    position:absolute;
    top:28px;
    left:30px;
}
#O2O .ibatis .truss #trussTab .trussBtn{
    padding:0;width: 110px;height: 40px;
    border-radius: 0;
    margin-right:1px;
    background-color: #F5F5F5;
}
#O2O .ibatis .truss #trussTab .trussBtn:hover,
#O2O .ibatis .truss #trussTab .trussBtn.active
{
    background-color: #f8a245;
}
#O2O .ibatis .truss #trussTab .trussBtn a{
    text-decoration: none;
    display: flex;
    display: -webkit-flex;
    width: 100%;height: 100%;
    justify-content: center;
    align-items: center;
    color:#333333;
}
#O2O .ibatis .truss #trussTab .trussBtn:hover a,
#O2O .ibatis .truss #trussTab .trussBtn.active a
{
    color:#fff;
}
.mainsection .ibatis .functional{
    float: right;
    vertical-align: middle;
    display: inline-block;width: 329px;height: 613px;
    background-image: url("../image/social-01.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    border-left: 1px solid #eeeeee;
    background-size: 100% 100%;
}
.functional{padding-left: 30px;}
.functional .fun-title{ color: #333333;font-size: 18px;margin: 60px 0;}
.functional .fun-title span{color: #f8a245;margin-right: 5px;}
.functional .fun-info .funinfo-items{width: 263px;}
.functional .fun-info .funinfo-item{margin-bottom: 35px;}
.functional .fun-info .funinfo-item.active{display: block;}
.functional .fun-info .funinfo-item .pt{margin-bottom: 15px;color: #555555;font-size: 16px;}
.functional .fun-info .funinfo-item .pinfo{color: #888888;font-size: 12px;}
.mainsection .con2{overflow: hidden;}
.mainsection .con2 .module-nav{
    height: 34px;
}
.mainsection .con2 .module-nav span{font-size: 18px;color: #333333;line-height: 34px;}
.mainsection .con2 .verticalBar{color: #f8a245!important;margin-right: 5px;vertical-align: top;}
.mainsection .con2 .module-nav #module-tabs{
    width: 300px;
}
.mainsection .con2 .module-nav .btn-group .btn{
    width: 100px;padding: 0;
}
.module-nav .btn a{
    color: #333333;
    text-decoration: none;
    display: block;
    padding: 6px 12px;
}
.module-nav #module-tabs .btn-default:hover a,
.module-nav #module-tabs .btn-default:focus a,
.module-nav #module-tabs .btn-default:active a,
.module-nav #module-tabs .btn-default.active a {
    color: #ffffff;
}
.module-nav #module-tabs .btn-default:hover,
.module-nav #module-tabs .btn-default:focus,
.module-nav #module-tabs .btn-default:active,
.module-nav #module-tabs .btn-default.active {
    color: #ffffff;
    background-color: #f8a245;
    border-color: #f8a245;
}
.funmodules .iconmcontent i{
    background-image: url("../image/icon-module.png");
    background-repeat: no-repeat;display: inline-block;text-align: center;
    width: 30px;height: 30px;margin: 12px auto 0;
}
.funmodules .icon-ui-01{background-position: 4px -85px;}
.funmodules .icon-ui-02{background-position: -36px -85px;}
.funmodules .icon-ui-03{background-position: -78px -85px;}
.funmodules .icon-ui-04{background-position: -121px -85px;}
.funmodules .icon-ui-05{background-position: -163px -85px;}
.funmodules .icon-ui-06{background-position: -208px -85px;}
.funmodules .icon-ui-07{background-position: -252px -85px;}
.funmodules .icon-ui-08{background-position: -293px -83px;}
.funmodules .icon-fun-01{background-position: -336px -83px;}
.funmodules .icon-fun-02{background-position: -377px -83px;}
.funmodules .icon-fun-03{background-position: -417px -83px;}
.funmodules .icon-fun-04{background-position: -456px -83px;}
.funmodules .icon-fun-05{background-position: -498px -83px;}
.funmodules .icon-fun-06{background-position: -540px -83px;}
.funmodules .icon-fun-07{background-position: -587px -81px;width: 32px!important;}
.funmodules .icon-fun-08{background-position: -634px -82px;}
.funmodules .icon-open-01{background-position: -677px -83px;}
.funmodules .icon-open-02{background-position: -720px -83px;}
.funmodules .icon-open-03{background-position: -760px -83px;}
.funmodules .icon-open-04{background-position: -804px -82px;}
.funmodules .icon-open-05{background-position: -844px -82px;}
.funmodules .icon-open-06{background-position: -886px -81px;}
.funmodules .icon-open-07{background-position: -928px -80px;}
.funmodules .icon-open-08{background-position: -968px -78px;}
.funmodules .module-tab .tab-pane{padding: 20px 0;}
.icon-mitems{
    text-align: center;
}
.icon-mitems .icon-mitem{
    display: inline-block;width: 12%;position: relative;
}
.icon-mitems .icon-mitem .iconmcontent{
    width: 54px;height: 54px;margin: 0 auto;border-radius: 50%;border: 1px solid #eeeeee;
    position: absolute; top: 0;left: 50%;margin-left: -27px;cursor: pointer;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.icon-mitems .icon-mitem .mtitle{color: #333333;font-size: 14px;margin: 64px auto 0;}
.icon-mitems .icon-mitem .iconmcontent:hover{
    transform: scale(1.2);
    -moz-transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -o-transform:scale(1.2);
}
.mainsection .con3{
    background: #fbfbfb;overflow: hidden;
}
.swiper-cases{background-color: #fbfbfb;padding-top: 70px;}
.swiper-cases .con-title{margin-top: 0;}
.swiper-cases .con-sign{margin-bottom: 75px;}
.swiper-cases .swipercenter{
    position: relative;height: 442px;
    background-image: url("https://www.apicloud.com/img/new/solution/elec-cases-bg2.png");
    background-size: cover;background-position: center;
    background-repeat: no-repeat;
}
.swiperContent{position: absolute;}
.con-swiper-wc .swiperphoneBgContent1{
    width: 169px;height: 300px;z-index: 1;
    left: 84px;top: 102px;
}
.con-swiper-wc .swiperphoneBgContent2{
    width: 169px;height: 300px;z-index: 2;
    left: 186px;top: 57px;
}
.con-swiper-wc .swiperphoneBgContent3{
    width: 231px;height: 454px;z-index: 3;
    left: 331px;top: -8px;
    background-image: url("../image/elec-iphonebg.png");
    background-size: cover;background-position: center;
    background-repeat: no-repeat;
    /*box-shadow: 0px 5px 30px 5px #c9c9c9;*/
}
.con-swiper-wc .swiperphoneBgContent3 .swiper-container{
    width: 194px;height: 349px;margin: 49px 0 0 17px;
}
.swiperContent .swiper-container{position: relative;}
.swiperContent .swiper-container .swiper-container-shade{
    position: absolute;left: 0;top: 0;z-index: 2;
    width: 100%;height: 100%;
    background: rgba(255,255,255,0.5);
}
.swiperContent .swiper-slide{
    width: 100%;height: 100%;
}.swiperContent .swiper-slide img{ width: 100%;height: 100%;}
.swiperCasesInfoShade{
    position: absolute;left: 714px;top: 25px;z-index: 5;
    width: 315px;
    height: 200px;
    overflow: hidden;
}
.swiperCasesInfoContent{
    width: 315px;
    height: 315px;
    overflow: hidden;
    transform: rotateZ(90deg);
    cursor: pointer;
}
.swiperCasesInfoContent .swiper-slide{
    width: 315px!important;
    height: 315px;
    transform: rotateZ(-90deg);
}
.swiperCasesInfoContent .swiper-slide .logo-cont{
    vertical-align: middle;font-size: 18px;color: #333333;margin-bottom: 15px;
}
.swiperCasesInfoContent .swiper-slide .logo-cont img{
    width: 50px;height: 50px;vertical-align: middle;margin-right: 20px;border-radius: 4px;
}
.swiperCasesInfoContent .swiper-slide .info-cont{
    color: #666666;font-size: 14px;text-align: left;line-height: 22px;
}
.swiperCasesInfoContent .swiper-slide .godetails{
    position: absolute;right: 0;
    /*bottom: 115px;*/
    top: 173px;
    color: #99c301;font-size: 14px;text-decoration: none;
}
.con-swiper-wc{
    width: 1280px;
    height: 570px;
    margin: 0 auto;
    position: relative;
}
.con-swiper-wc .con-swiper-back{
    position: relative;
    width: 100%;
    height: 100%;
}
.con-swiper-wc .con-swiper-back img{
    display: block;
    position: absolute;
}
.con-swiper-wc .con-swiper-back img:nth-child(1){top: 60px;}
.con-swiper-wc .con-swiper-back img:nth-child(2){left: 100px;}
.con-swiper-wc .con-swiper-cont{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.con-swiper-wc .con-swiper-co4{
    position: absolute;
    left: 670px;
    top: 385px;
    width: 380px;
    height: 110px;
}
.con-swiper-wc .con-swiper-news>div{
    padding: 20px;
}
.con-swiper-wc .con-swiper-news img{
    display: block;
    float: left;
    width: 54px;
    height: 54px;
    border-radius: 4px;
}
.con-swiper-wc .con-swiper-news .tit{
    font-size: 18px;
    color: #333;
    line-height: 54px;
    padding-left: 80px;
}
.con-swiper-wc .con-swiper-news .txt{
    font-size: 14px;
    color: #666;
    line-height: 22px;
    margin-top: 26px;
}
.con-swiper-wc .con-swiper-news .link{
    font-size: 14px;
    color: #f8a245;
    line-height: 22px;
    margin-top: 8px;
    float: right;
}
.con-swiper-wc .con-swiper-list{
    position: relative;
}
.con-swiper-wc .con-swiper-list>div{
    width: 95px;
    float: left;
    height: 110px;
    position: relative;
    text-align: center;
}
.con-swiper-wc .con-swiper-list img{
    width: 54px;
    height: 54px;
    margin-top: 20px;
    transition: all 0.5s ease;
    /* Safari */
    -webkit-transition: all 0.5s ease;
    border-radius: 4px;
}
.con-swiper-wc .con-swiper-list .txt{
    font-size: 14px;
    color: #999;
    line-height: 30px;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.con-swiper-wc .con-swiper-list>div.active .txt{
    color: #f8a245;
}
.con-swiper-wc .con-swiper-list>div:hover img{
    /* width: 64px;
    height: 64px; */
    margin-top: 14px;
    -ms-transform:scale(1.18,1.18); /* IE 9 */
    -webkit-transform: scale(1.18,1.18); /* Safari */
    transform: scale(1.18,1.18); /* 标准语法 */
}
/* 轮播图部分 */
.i-swiper-content .i-swiper-imgbox{
    overflow: hidden;
}
.i-swiper-content .i-swiper-imgbox>div{
    position: absolute;
    left: 0;
    top: 0;
    height: 336px;
    width: 190px;
    min-width: 190px;
    transition: left 0.8s ease;
    /* Safari */
    -webkit-transition: left 0.8s ease;
}
.i-swiper-content .i-swiper-imgbox img{
    display: block;
    width: 190px;
    height: 336px;
    float: left;
}
.i-swiper-content .i-swiper-fontbox{
    overflow: hidden;
}
.i-swiper-content .i-swiper-fontbox>div{
    position: absolute;
    left: 0;
    top: 0;
    height: 1440px;
    width: 360px;
    transition: top 0.8s ease;
    /* Safari */
    -webkit-transition: top 0.8s ease;
}
.i-swiper-content .i-swiper-fontbox>div>div{
    display: block;
    width: 360px;
    height: 360px;
}
.i-swiper-content .i-swiper-listitem{
    cursor: pointer;
}
.i-swiper-content .i-swiper-runline{
    position: absolute;
    top: 110px;
    left: 0;
    width: 90px;
    height: 2px;
    transition: left 0.8s ease;
    /* Safari */
    -webkit-transition: left 0.8s ease;
}
.i-swiper-content .i-swiper-runline>div{
    margin: 0 auto;
    width: 17px;
    height: 2px;
    background: #f8a245;
}
.devAdvantage{
    background: url("../image/O2O-advantage-bg.png") center no-repeat;
    background-size: cover;
    width: 100%;height: 662px;
    position: relative;
    padding-top: 70px;
}
.devAdvantage .con-title{color: #333333;margin-top: 0;}
.devAdvantage .advantageinfoitems{/* margin-top: 60px; */}
.devAdvantage .advantageinfoitems li{
    float: left;display: block;
    width: 262px;height:300px; text-align: center;
    padding: 65px 20px 0;margin: 0 66px;
    background: rgba(255,255,255,0.75);
}
.devAdvantage .advantageinfoitems li img{
    margin-bottom: 45px;
}
.devAdvantage .advantageinfoitems li .item-title{
    margin: 0 auto 17px; color: #333333;font-size: 16px;
}
.devAdvantage .advantageinfoitems li .item-detail{
    font-size: 12px;color: #666666;text-align: center;
}
.devAdvantage .flowpath{
    width: 1238px;position: absolute;left: 50%;bottom:-74px;margin-left: -619px;
    padding: 55px 0 50px;z-index: 5;
    background: #ffffff;border-radius: 4px;
    box-shadow: 0 8px 24px 0px rgba(0,0,0,0.1);
}
.devAdvantage .flowpath{font-size: 0;}
.devAdvantage .flowpath .flowpath-title{
    vertical-align: middle;display: inline-block;
    color: #333333;font-size: 24px;margin:0 47px 0  40px;
}
.devAdvantage .flowpath .flowpath-con{
    vertical-align: middle;display: inline-block;
}
.devAdvantage .flowpath .path-items{position: relative;margin-top: 15px;height: 14px;line-height: 14px;}
.devAdvantage .flowpath .path-items .item{color: #666666;font-size: 14px;position: absolute;bottom: 0;}
.devAdvantage .flowpath .path-items .item:nth-child(1){left: -8px;}
.devAdvantage .flowpath .path-items .item:nth-child(2){left: 129px;}
.devAdvantage .flowpath .path-items .item:nth-child(3){left: 292px;}
.devAdvantage .flowpath .path-items .item:nth-child(4){left: 422px;}
.devAdvantage .flowpath .path-items .item:nth-child(5){left: 560px;}
.devAdvantage .flowpath .path-items .item:nth-child(6){left: 717px;}
.devAdvantage .flowpath .path-items .item:nth-child(7){right: -10px;}

.resourceShare{overflow: hidden;}
.resourceShare .con-title{margin-top: 146px;}
.resourceShare .con-sign{margin-bottom: 127px;}
.resourceShare .resourceShareinfocontent{
    width:100%;height: 210px;background: #fafafa;position: relative;
}
.resourceShare .resourceShareinfoitems{
    position: absolute;top:-70px;left: 50%;margin-left: -593px;
    text-align: center;width: 1210px;
}
.resourceShare .resourceShareinfoitems li{
    width: 269px;margin: 0 20px 50px;display: inline-block;
}
.resourceShare .resourceShareinfoitems li:first-child{margin-left: 0;}
.resourceShare .resourceShareinfoitems li:last-child{margin-right: 0;}
.resourceShare .resourceShareinfoitems li .share{position: relative;}
.resourceShare .resourceShareinfoitems li .aload{
    width: 84px;height: 26px;border: 1px solid #f8a245;text-align: center;
    line-height: 26px;color: #ffffff;font-size: 12px;
    position: absolute;right: 10px;top: 100px;border-radius: 4px;
}
.resourceShare .resourceShareinfoitems li .aload i{
    color: #f8a245;margin-left: 5px;
}
.resourceShare .resourceShareinfoitems li img{width: 336px;height: 188px;}
.resourceShare .resourceShareinfoitems li .item-img{
    height: 136px;
    background-size: 100%;background-position: center;
    background-repeat: no-repeat;
}
.resourceShare .resourceShareinfoitems li:nth-child(1) .item-img{background-image: url("../image/O2O-share1.png")}
.resourceShare .resourceShareinfoitems li:nth-child(2) .item-img{background-image: url("../image/O2O-share2.png")}
.resourceShare .resourceShareinfoitems li:nth-child(3) .item-img{background-image: url("../image/O2O-share3.png")}
.resourceShare .resourceShareinfoitems li:nth-child(4) .item-img{background-image: url("../image/O2O-share4.png")}
.resourceShare .resourceShareinfoitems li:hover .item-img{background-size: 120%;}
.resourceShare .resourceShareinfoitems li:hover {
    box-shadow: 4px 4px 8px -1px #E6E6E6;
    transform: scale(1.05);
}
.resourceShare .resourceShareinfoitems li img,
.resourceShare .resourceShareinfoitems li .item-detail{width: 336px;}
.resourceShare .resourceShareinfoitems li .item-detail{
    color: #333333;font-size: 14px;
    height: 64px;
    vertical-align:middle;
    display: table-cell;
    background: #ffffff;
}
.resourceShare .resourceShareinfoitems li .item-detail a{color: #333333;}
.resourceShare .hr-line{
    width: 1000px;
    height: 1px;
    position: absolute;left: 50%;margin-left: -500px;bottom: 0;
    background: #e8e8e8;
}
.modale-content{background-color: #fafafa;}
.modale-content .con-title{margin-top: 0;}
.modale-content .con-sign{margin-bottom: 66px;}