/*公共样式*/
.icon{
    display:inline-block;
    background-image: url(../../images/product/taskFission/icon.png);
}
.wid{
    width:1200px;
    margin:0 auto;
}

.yuan{
    width:32px;
    height: 36px;
    background-position:-1402px 0;
    vertical-align: top;
}
.subtitle{
    text-align: center;
    margin-bottom: -10px;
}
.txt_en{
    font-size: 18px;
    line-height: 36px;
    color: #f67437;
}
.title_txt{
    font-size: 18px;
    color: #f67437;
}
.bg_txt{
    font-size: 110px;
    color: #333333;
    opacity: 0.1;
    font-weight: bold;
    text-align: center;
}
.com_title{
    position: relative;
}
.min_title{
    font-size: 44px;
    color: #333333;
    position:absolute;
    left: 50%;
    top: 40px;
    margin-left: -88px;
    text-align: center;
}
.btn a{
    text-decoration: none;
}
/*banner*/
.banner{
    width:100%;
    height: 863px;
    background-image: url(../../images/product/taskFission/banner.png);
    background-repeat: no-repeat;
    background-position: center;
}
.bannerCon{

}
.banner p{
    font-size: 24px;
    width:60%;
    padding: 60PX 0 140PX;
    line-height: 34px;
    color: #ffffff;
    opacity: 0.9;
}
.banner .title{
    font-size: 90px;
    color: #ffffff;
    text-shadow: 0.1em 0.1em 0.05em #f77843;
    padding-top: 200px;
}
.banner .btn{
    width:30%;
    padding-left: 20px
}
.banner .btn .sample{
    float: left;
    width: 166px;
    height: 48px;
    border-radius: 24px;
    background-image: linear-gradient(90deg,
    #ff6a51 0%,
    #ff404e 100%),
    linear-gradient(
            #2294e6,
            #2294e6);
    text-align: center;
    line-height: 48px;
}
.banner .btn .sample a{
    color: #fff;
    font-size: 22px;
    display: block;
}
.banner .btn .more{
    width: 166px;
    height: 48px;
    border-radius: 24px;
    text-align: center;
    line-height: 48px;
    background: #fff;
    float: right;
}
.banner .btn .more a{
    color:#ff444e;
    font-size: 22px;
}

/*核心功能*/
.core{
    height: 994px;
    margin-top: 65px;
    width:100%;
}
.comon{
    width:175px;
    height: 175px;
}

.coreList li{
    width:25%;
    text-align: center;
    float:left;
}
.introTxt{
    font-size: 22px;
    color: #333;
    padding-top: 12px;
}
.coreList li p{
    font-size: 16px;
    line-height: 24px;
    color: #999999;
}
.jieru{
    background-position:0 0;
}
.baobiao{
    background-position:-175px 0;
}
.shangpin{
    background-position:-350px 0;
}
.leixing{
    background-position:-525px 0;
}
.renwu{
    background-position:-700px 0;
}
.haibao{
    background-position:-875px 0;
}
.fenliu{
    background-position:-1050px 0;
}
.biaoqian{
    background-position:-1225px 0;
}
/*核心场景*/
.scene{
    width:100%;
    height: 910px;
    background-image: url(../../images/product/taskFission/rich.png);
    background-repeat: no-repeat;
    background-position: center;
}
.scene .pos_title{
    width: 363px;
    height: 112px;
    background:url("../../images/product/taskFission/prizeIco.png") no-repeat;
    text-indent: 80px;
    line-height: 90px;
    font-size: 24px;
    color: #fff;
    position:relative;
}
.scene ul {
    position:relative;
}
.scene ul li:not(.pos_title){
    width: 340px;
    height: 68px;
    background-color: #ffffff;
    box-shadow: 0px 10px 24px 0px
    rgba(238, 152, 71, 0.24);
    border-radius: 10px;
    line-height: 68px;
    position:absolute;
    font-size: 18px;
    line-height: 68px;
    color: #333333;
}
.scene .suc{
    width:43px;
    height: 42px;
    background-position:-980px -253px;
    vertical-align:middle;
    margin:0 17px 0 40px;
}
.scene ul li:nth-child(2){
    top: 120px;
}
.scene ul li:nth-child(3){
    top: 220px;
}
.scene ul li:nth-child(4){
    top: 340px;
}
.scene ul li:nth-child(5){
    top: 460px;
}
.scene ul li .tit{
    display:inline-block;
}

.white{
    color: #fff;
}
.bg_white{
    color: #fff;
    opacity: 0.1;
}
.yuan_white{
    width:32px;
    height: 36px;
    background-position:-1402px -36px;
    vertical-align: top;
}

.scene .com_title{
    padding-top: 65px;
}
.scene .min_title{
    top:125px;
}
/*phone*/
.bg_phone{
    width:100%;
    height: 967px;
    background-image: url(../../images/product/taskFission/bg_yuan.png);
    background-repeat: no-repeat;
    background-position: center;
}
.bg_phone .pos_title{
    width: 363px;
    height: 112px;
    background-image: url(../../images/product/taskFission/prizeRight.png);
    text-align: center;
    text-indent: 24px;
    line-height: 90px;
    font-size: 24px;
    color: #fff;
    position:absolute;
    top: 130px;
    right: 0;
}

.bg_phone ul {
    position:relative;
}
.bg_phone ul li:not(.pos_title){
    width: 440px;
    height: 68px;
    background-color: #ffffff;
    box-shadow: 0px 10px 24px 0px
    rgba(238, 152, 71, 0.24);
    border-radius: 10px;
    line-height: 68px;
    position:absolute;
    font-size: 18px;
    line-height: 68px;
    color: #333333;
}
.bg_phone .suc{
    width:43px;
    height: 42px;
    background-position:-980px -253px;
    vertical-align:middle;
    margin:0 17px 0 40px;
}
.bg_phone ul li:nth-child(2){
    top: 265px;
    right: 0;
}
.bg_phone ul li:nth-child(3){
    top: 370px;
    right: 80px;
}
.bg_phone ul li:nth-child(4){
    top: 465px;
    right: 0;
}
.bg_phone ul li .tit{
    display:inline-block;
}
.phone{
    background-image: url(../../images/product/taskFission/phone.png);
    height: 863px;
    background-repeat: no-repeat;
    background-position: center;
    width:1200px;
    padding-top: 50px;
    margin: 0 auto;
}
/*海报*/
.poster{
    height:916px;
    position:relative;
}
.left_bg{
    height: 980px;
    width:520px;
    position:absolute;
    left: 0;
    top: 0;
    background-image: url(../../images/product/taskFission/down.png);
}
.right_bg{
    height: 980px;
    width:520px;
    position:absolute;
    right: 0;
    top: 0;
    background-image: url(../../images/product/taskFission/up.png);
}
.posCon{
    display:flex;
    justify-content: space-between;
}
.poster .left{
    width:440px;
    height: 820px;
}
.poster .right{
    width:550px;
    height: 820px;
    padding-top: 96px;
}
.poster .pos_title{
    width: 363px;
    height: 112px;
    background:url("../../images/product/taskFission/prizeIco.png") no-repeat;
    text-indent: 45px;
    line-height: 90px;
    font-size: 24px;
    color: #fff;
    position:relative;
}
.poster li{
    width: 360px;
    height: 68px;
    background-color: #ffffff;
    position:relative;
    margin-top: 78px;
}
.poster li .tit{
    width: 360px;
    height: 68px;
    background-color: #ffffff;
    box-shadow: 0px 10px 24px 0px
    rgba(238, 152, 71, 0.24);
    border-radius: 10px;
    font-size: 18px;
    left: 115px;
    position:absolute;
    top: 27px;
    text-indent: 22px;
    color: #333333;
    line-height: 68px;
}
.poster li .duoyanghua{
    width:121px;
    z-index: 9;
    position: absolute;
    height: 121px;
    background-position: 0 -177px;
}
.zhichi{
    width:121px;
    z-index: 9;
    position: absolute;
    height: 121px;
    background-position: -121px -177px;
}
.shujubiao{
    width:121px;
    z-index: 9;
    position: absolute;
    height: 121px;
    background-position: -242px -177px;
}

/*流程*/
.flow{
    margin-top: 122px;
    width:100%;
    height: 594px;
    background-image: linear-gradient(90deg,
    #f6bd4f 0%,
    #f18144 100%),
    linear-gradient(
            #ea7a34,
            #ea7a34);
    background-blend-mode: normal,
    normal;
    position:relative;
}
.shan{
    width: 405px;
    height: 350px;
    position:absolute;
    right: 0;
    bottom: 0;
}
.flow .bg_white{
    position: absolute;
    top: 100px;
    width:inherit;
    overflow: hidden;

}
.flow .com_title{
    padding-top: 75px;
}
.flow .min_title{
    margin-left: -220px;
    top: 110px;
}
.nr{
    text-align: center;
    padding-top: 180px;
}
.play .bg_gray{
    opacity: 0.1;
    width:inherit;
    overflow: hidden;
    height: 105px;
    background-repeat: no-repeat;
    background-image: url(../../images/product/taskFission/b.png);

}

.deploy{
    margin-top: 240px;
    height: 1900px;
    position:relative;
}
.deploy .bg_gray{
    opacity: 0.1;
    width:inherit;
    overflow: hidden;
    height: 105px;
    background-repeat: no-repeat;
    background-image: url(../../images/product/taskFission/b.png);
}
.deploy .com_title{
    margin-top: -150px;
}
.deploy .min_title{
    margin-left: -154px;
}
.bottom_bg{
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    background-image: url(../../images/product/taskFission/tixing.png);
    background-repeat: no-repeat;
    height: 1112px;
    width:100%;
}
.deploy li{
    background-color: #ffffff;
    box-shadow: 0px 10px 24px 0px
    rgba(254, 173, 32, 0.2);
    border-radius: 10px;
    padding: 40px 0 77px;
}
.deploy li .comon{
    width:120px;
    height: 120px;
}
.deploy .introTxt{
    font-size: 20px;
    color: #333;
    font-weight: bold;
    padding:23px 0 25px;
}
.deploy li p{
    font-size: 18px;
    line-height: 27px;
    color: #333333;
}
.fensi{
    background-position:-364px -177px;
}
.guanzhu{
    background-position:-484px -177px;
}
.wancheng{
    background-position:-604px -177px;
}
.huodong{
    background-position:-725px -177px;
}
.jieti{
    background-position:-847px -177px;
}

.first{
    padding-top: 60px;
    width:1200px;
    display:flex;
    justify-content: space-between;
    margin: 0 auto;
}
.second{
    padding: 90px 0 160px;
    width:1200px;
    display:flex;
    justify-content: space-evenly;
    margin: 0 auto;
}
.deploy .coreList{
    margin-top: 160px;
}
.coreList .com_title{
    margin-top: 0;
}
.coreList .min_title{
    margin-left: -132px;
}
.liucheng{
    margin-top: 85px;
    width:1240px;
    height: 285px;
    background-image: url(../../images/product/taskFission/liucheng.png);
    background-repeat: no-repeat;
}

/*优势功能*/
.actor{
    height:1052px;
    background: #fafdfd;
    position:relative;
}

.actorCon{
    display:flex;
    position:relative;
}
.actor .left{
    width:57%;
}
.actor .left ul{
}
.actor .left>p{
    font-size: 18px;
    line-height: 28px;
    color: #333333;
    padding-bottom: 48px;
    padding-top: 60px;
}
.actor .right{
    width:620px;
    position:absolute;
    height: 680px;
    top: 87px;
    right: -50px;
    background: url(../../images/product/taskFission/weizhi.png) no-repeat;
}

.actor li{
    display:flex;
    justify-content: space-between;
    margin-top: 40px;
}

.actor li .num{
    width:100px;
    height: 100px;
    text-align: center;
    line-height: 100px;
    color: #fff;
    font-weight: bold;
    background: #f67437;
    border-radius: 10px;
    font-size: 90px;
}

.actor li .list{
    width:75%;
    height:76px;
    background-color: #ffffff;
    box-shadow: 0px 10px 24px 0px
    rgba(246, 116, 55, 0.2);
    border-radius: 10px;
    padding: 12px 20px;
    position:relative;
}
.actor li .list .text{
    float: left;
}
.actor li .list_title{
    font-size: 18px;
    padding: 14px 0 10px;
    color: #333333;
}
.actor li .list p{
    font-size: 16px;
    color: #999999;
}
.actor li .list span{
    position: absolute;
    top: 15px;
    right: 15px;
}
.hongqi{
    width:62px;
    height: 76px;
    background-position:-972px -177px;
}
.two{
    width:62px;
    height: 76px;
    background-position:-1035px -177px;
}
.zhuizong{
    width:74px;
    height: 76px;
    background-position:-1098px -177px;
}
.fengkong{
    width:80px;
    height: 76px;
    background-position:-1174px -177px;
}
.morePlay{
    /*height: 2000px;*/
}
.play{
    position:relative;
    background-image: url(../../images/product/taskFission/bg_02.png);
    width:100%;
    height: 1700px;
    background-repeat: no-repeat;
    background-position:center;
}
.play .min_title{
    margin-left: -198px;
}
.play .com_title{
    padding-top: 100px;
}
.play .bg_gray{
    position: absolute;
    top: 120px;
    background-image: url(../../images/product/taskFission/a.png);
    background-repeat: no-repeat;
    background-position:center;
    height: 140px;
    /*width:inherit;
    overflow: hidden;*/
}
.play  .min_title{
    top: 140px;
}
.play .playList{
    display:flex;
    justify-content: space-between;
    margin-top: 200px;
}

.play .playList .txt{
    height: 338px;
    width:43%;
    background:#fff;
    box-shadow: 0px 11px 22px 2px
    rgba(246, 116, 55, 0.2);
    padding: 110px 60px 0;
    margin-top: 80px;
}
.play .playList .txt .title{
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    position: relative;
    padding-bottom:15px;
}
.play .playList .txt p{
    font-size: 16px;
    color: #666;
    padding-top: 28px;
}
.play .playList .txt .tit{
    font-size: 16px;
    color: #333333;
    position: relative;
}
.play .playList .txt .title:after{
    position:absolute;
    content: '';
    width:76px;
    height: 4px;
    background-image: linear-gradient(90deg,
    #fead20 0%,
    #fb7e22 100%),
    linear-gradient(
            #f67437,
            #f67437);
    background-blend-mode: normal,
    normal;
    bottom: 0px;
    left: 0
}
.play .playList .txt .tit:after{
    position:absolute;
    content: '';
    width:34px;
    height: 4px;
    background-image: linear-gradient(90deg,
    #fead20 0%,
    #fb7e22 100%),
    linear-gradient(
            #f67437,
            #f67437);
    background-blend-mode: normal,
    normal;
    bottom: -8px;
    left: 0
}
.application{
    margin-top: 75px;
    position:relative;
}
.application .min_title{
    margin-left: -198px;
}
.application .left_bg{
    width:450px;
    height: 680px;
    background-image: url(../../images/product/taskFission/left.png);
    position: absolute;
    top: 490px;
    left: 0;
}
.application .right_bg{
    width:407px;
    height: 583px;
    background-image: url(../../images/product/taskFission/right.png);
    position: absolute;
    top:240px;
    right: 0;
}
.application .appList{
    width:972px;
    margin: 0 auto;
    margin-top: 20px;
    display:flex;
    justify-content: space-between;
}

.application .appList .list{
    width:308px;
    height: 308px;
    background: #fbfbfb;
    position:relative;
    border-radius: 20px;
}
.application .appList .list:after{
    content: '';
    position:absolute;
    left: 50%;
    margin-left: -124px;
    top: 50%;
    margin-top: -124px;
    background: #fff;
    width:248px;
    height:248px;
}
.application .appList .list_txt{
    width:236px;
    height: 262px;
    background: #69acba;
    position:relative;
    border-radius: 20px;
    position:relative;
    padding:23px 36px;
}
.application .appList .list_txt .txt_bg{
    font-size: 110px;
    font-weight: bold;
    position:absolute;
    color: #fff;
    opacity: 0.1;
    top: -16px;
    left: 0;
}
.application .appList .list_txt .num{
    text-align: center;
    font-size: 60px;
    font-weight: bold;
    color: #ffffff;
}
.application .appList .list_txt .listTitle{
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #ffffff;
    padding: 5px 0 10px;
}
.application .appList .list_txt p{
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 0.8;
}
.application .green{
    background: #6aca6b !important;
}
.application .black{
    background: #404551 !important;
}
.application .red{
    background: #dc3f25 !important;
}
.application .orange{
    background: #f59131 !important;
}
/*适用行业*/
.industry{
    position:relative;
    margin-top: 120px;
    /*height: 1050px;*/
    padding-bottom: 160px;
}
.industry .bg_gray{
    position: absolute;
    width:100%;
    height: 105px;
    top: 40px;
    background-image: url(../../images/product/taskFission/a.png);
    background-repeat: no-repeat;
    overflow: hidden;
}
.industry .introTxt{
    font-size: 24px;
}
.coreList .comons{
    width:175px;
    height: 180px;
    box-shadow: 0px 10px 24px 0px
    rgba(234, 132, 67, 0.2);
    border-radius: 10px;
}
.industry .coreList{
    margin-top: 100px;
    z-index: 10;
}
.shequn{
    background-position: 0 -300px;
}
.jiaoyu{
    background-position: -175px -300px;
}
.hongbei{
    background-position: -350px -300px;
}
.lingshou{
    background-position: -525px -300px;
}
.jinrong{
    background-position: -705px -300px;
}
.canyin{
    background-position: -880px -300px;
}
.xianhua{
    background-position: -1056px -300px;
}
.yiliao{
    background-position: -1230px -300px;
}
.bottom_bg2{
    background-image: url(../../images/product/taskFission/bg_bottom.png);
    height: 600px;
    width:100%;
    position:absolute;
    bottom: 0;
    background-repeat: no-repeat;
    background-position:center;
    z-index: -1;
}