.banner {
    width: 100%;
    height: 500px;
    background: url("../img/banner.png");
    background-size: 100% 100%;
    z-index: 1;
}
.banner p{
    color: #fff;
    font-size: 19px;
    line-height: 405px;
    margin-left: 55%;
}
/*.banner img {*/
    /*margin: 0 auto;*/
    /*display: block;*/
    /*width: 80%;*/
    /*max-width: 1800px;*/
/*}*/
.mainlist .box{
    margin: 0 auto;
    padding: 90px 0;
    max-width: 1170px!important;
    width:80%;
    height: 600px;
    box-sizing: border-box;
}
.mainlist-odd .background-wrapper,.mainlist-odd .info-wrapper{
    height: 100%;
    float: right!important;
}
.mainlist-even .background-wrapper,.mainlist-even .info-wrapper{
    height: 100%;
    float: left!important;
}
.mainlist-odd .background-wrapper,.mainlist-even .info-wrapper {
    /*transform: translateX(-300px);*/
}
.mainlist-even .background-wrapper,.mainlist-odd .info-wrapper {
    /*transform: translateX(300px);*/
}
.mainlist-even {
    background: #5285B4;
    color: #fff!important;
}
.mainlist-even .info-substance{
    color: #fff!important;
}
.mainlist-3{
    background: #f7f7f7;
}
.mainlist-3 .info-wrapper{
    color: #000;
}
.mainlist-3 .info-substance{
    color: #646464!important;
}
.mainlist .info-wrapper{
    opacity: 1;
    width: 40%;
    transition: all 1s;
}

.opcity-0{
    opacity: 1;
}

.mainlist .background-wrapper{
    opacity: 1;
    width: 40%;
    margin-right: 17%;
    background-repeat:no-repeat;
    background-position: center;
    background-size: contain;
    transition: all 1s;
}
.background-wrapper-right{
    width: 50%;
    margin-left: 17%;
    margin-right: 0px!important;
}
.mainlist .background-wrapper img{
    width: 100%;
}

.mainlist .info-title{
    font-size:24px;
    line-height: 70px;
    font-weight:lighter;
}
.mainlist .info-feature{
    font-size:18px;
    line-height: 20px;
    font-weight:300;
    margin-bottom:28px;
}
.mainlist .info-substance{
    /*letter-spacing: 2px;*/
    font-size:14px;
    line-height:24px;
    color:#646464;
    margin-bottom: 50px;
}

.sub-detail{
    height: 60px;
    float: left;
    display: block;
    font-size: 14px;
    text-align: center;
    width: 33%;
    line-height: 150px;
}

.mainlist .lst{
    border:0;
}

.manager .sub-detail{
    background:url(../img/allman.png) no-repeat center 10px;
}
.manager .fst{
    background:url(../img/shortcut.png) no-repeat center 10px;
}
.manager .lst{
    background:url(../img/multer.png) no-repeat center 10px;
}


.trade .sub-detail{
    background:url(../img/product/qmt_jiaoyigongneng.png) no-repeat center 10px;
}
.trade .fst{
    background:url(../img/product/qmt_zizhukaifa.png) no-repeat center 10px;
}
.trade .lst{
    background:url(../img/product/qmt_fengxianjiankong.png) no-repeat center 10px;
}

.foftrad .sub-detail{
    background:url(../img/product/xietongbangong.png) no-repeat center 10px;
}
.foftrad .fst{
    background:url(../img/product/FOF自动化执行.png) no-repeat center 10px;
}
.foftrad .lst{
    background:url(../img/product/fof_dingzhi.png) no-repeat center 10px;
}

.account .sub-detail{
    background:url(../img/product/shuang.png) no-repeat center 10px;
}
.account .fst{
    background:url(../img/product/估值icon_zhunshishiguzhi.png) no-repeat center 10px;
}
.account .lst{
    background:url(../img/product/automic.png) no-repeat center 10px;
}


.opcon .sub-detail{
    background:url(../img/oneform.png) no-repeat center 10px;
}
.opcon .fst{
    background:url(../img/workflow.png) no-repeat center 10px;
}
.opcon .lst{
    background:url(../img/perfectman.png) no-repeat center 10px;
}


.dealma .sub-detail{
    background:url(../img/perser.png) no-repeat center 10px;
}
.dealma .fst{
    background:url(../img/multra.png) no-repeat center 10px;
}
.dealma .lst{
    background:url(../img/mulacc.png) no-repeat center 10px;
}


.module .sub-detail{
    background:url(../img/product/duijiewaibushuju.png) no-repeat center 10px;
}
.module .fst{
    background:url(../img/product/FOF计划任务自动化.png) no-repeat center 10px;
}
.module .lst{
    background:url(../img/product/product-safe-1.png) no-repeat center 10px;
}


.arithmetic .sub-detail{
    background:url(../img/product/算法-定制化算法.png) no-repeat center 10px;
}
.arithmetic .fst{
    background:url(../img/product/算法-多线程.png) no-repeat center 10px;
}
.arithmetic .lst{
    background:url(../img/product/算法-风险管理.png) no-repeat center 10px;
}

.mobile .sub-detail{
    background:url(../img/servego.png) no-repeat center 10px;
}
.mobile .fst{
    background:url(../img/costcon.png) no-repeat center 10px;
}
.mobile .lst{
    background:url(../img/tradeser.png) no-repeat center 10px;
}
.mobile .background-wrapper{
    text-align: right;
    vertical-align: middle;
    background-position: 86%!important;
}
.mobile .background-wrapper img{
    width: auto;
    height:100%;
}

.manager .background-wrapper {
    background-image: url("../img/product/pb.png");
}
.trade .background-wrapper {
    background-image: url("../img/product/qmt.png");
}
.foftrad .background-wrapper {
    background-image: url("../img/product/fof.png");
}
.module .background-wrapper {
    background-image: url("../img/product/module.png");
}
.account .background-wrapper {
    background-image: url("../img/product/guzhi.png");
}
.opcon .background-wrapper {
    background-image: url("../img/product/erds.png");
}
.arithmetic .background-wrapper {
    background-image: url("../img/product/算法.png");
}
.mobile .background-wrapper {
    background-image: url("../img/product/组357.png");
}