body{
    padding-top: 0px;
    background-color: #000;
}
.tf-header.company .tf-header-menu-div>div,.tf-group,.tf-fixed-header.tf-ai .tf-group,.tf-index-bottom-menu>div{
    width: 1400px !important;
}
.tf-header.tf-white.company .tf-header-menu-div, .tf-header.tf-white.company .tf-header-hover-div{
    background-color:transparent;
    border-bottom-color: transparent;
}
.tf-header.tf-white.company .tf-header-hover-div>ul>li>a:hover,.tf-header.tf-white.company .tf-header-menu-div:hover,.tf-header.tf-white.company .tf-header-hover-div:hover,.tf-header.tf-white.company .tf-header-hover-div.hover{
    background-color: rgba(0, 0, 0, 0.3);
    border-bottom:none;;
}
.tf-top{
    background: linear-gradient(to bottom ,#240054,#240054);
}
.tf-wrapper{
    margin-top: -96px;
}
.tf-fixed-header ul>li{
    /* line-height: 40px; */
}
.tf-fixed-header.tf-ai:not(.show) .tf-group:before{
    display: none;
}
.tf-fixed-header ul{
    float: left;
    margin-left: 20px;
}
.tf-fixed-header.tf-ai.tf-white.show{
    position: relative;
    background-color: transparent;
    border-bottom: none;
}
.tf-fixed-header.tf-ai:not(.show) .tf-group:before {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    content: '';
    position: absolute;
    bottom: 0px;
    left: 20px;
    right: 0px;
}
.tf-fixed-header.tf-ai{
    background-color: transparent;
    height: 51px;
}
.ss-footer-des{
    display: none;
}
.tf-banner-des{
    padding-top: 95px;
}
.tf-nav-wrap .tf-nav-line{
    display: none !important;
}
.tf-banner-inner h3{
    margin-top: 0px;
    font-size: 33px;
}
.tf-banner-des{
    margin-top: 1px;
}
.tf-banner-inner{
    /*background: url(../images/banner_cooper.jpg)center 0px no-repeat;*/
    color: #fff;
    background-size: cover;
    height: 555px;
    display: block;
}
.tf-top .tf-group-14>.tf-middle{
    height: 420px;
    width: 690px;
    float: left;
    background: url("../images/cooperation_swiper01.jpg");
    position: relative;
}
.tf-top .tf-group-14>.tf-middle .tf-inner-bg{
    opacity: 0;
    text-align: left;
    padding: 45px 40px;
}
.tf-top .tf-group-14>.tf-middle .swiper-slide-active  .tf-inner-bg{
    opacity: 1;
}
.tf-top .tf-group-14>.tf-middle .tf-cn-title{
    font-size: 20px;
    letter-spacing: 1px;
}
.tf-top .tf-group-14>.tf-middle .tf-title{
    color: #0878b7;
    font-size: 20px;
    margin-top: 10px;
}
.tf-top .tf-group-14>.tf-middle .tf-des{
    margin-top: 15px;
    line-height: 23px;
    font-size: 14px;
}
.tf-top .tf-group-14>.tf-middle .swiper-pagination{
    right: 100px;
    bottom: 30px;
}
.tf-top .tf-group-14>.tf-middle .swiper-slide-active .fadeup{
    -webkit-animation: re-banner-slide-20 .8s cubic-bezier(.4,0,.2,1) 0s 1;
    animation: re-banner-slide-20 .8s cubic-bezier(.4,0,.2,1) 0s 1;
    animation-fill-mode: both;
}
.tf-top .tf-group-14>.tf-middle  .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0px 5px;
    background: transparent;
    border: 1px solid #fff;
    cursor: pointer;
    outline: none;
    opacity: 1;
}
.tf-top .tf-group-14>.tf-middle .swiper-pagination-bullet-active {
    background: #007aff;
    border-color: #007aff;
}
.tf-top .tf-group-14>.tf-left{
    width: 345px;
    float: left;
    height: 415px;
    position: relative;
    text-align: left;
    /* padding: 0px 20px; */
    box-sizing: border-box;
    margin-right: 10px;
}

.tf-top .tf-group-14 .tf-model-title {
    height: 45px;
    line-height: 45px;
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    padding-left: 15px;
    background-color: #481e7f;
    font-weight: bold;
}
.tf-top .tf-group-14 .tf-model-title.multiple{
    height: 75px;
    line-height: 25px;
    font-weight: normal;
    padding-top: 13px;
    box-sizing: border-box;
}
.tf-top .tf-group-14 .tf-img-wrap{
    overflow: hidden;
}
.tf-top .tf-group-14 .tf-img-wrap>div{
    height:100%;
    transition: transform .3s;
    background: url("../images/cooper_icons.jpg")-24px -1104px;
}
.tf-top .tf-group-14 .tf-img-wrap.tf-bg1{
    height: 155px;
}
.tf-top .tf-group-14 .tf-img-wrap.tf-bg2{
    height: 130px;
}
.tf-top .tf-group-14 .tf-img-wrap.tf-bg2>div{
    background-position: -24px -1304px;;
}
.tf-top .tf-group-14 .tf-img-wrap.tf-bg3{
    height: 125px;
}
.tf-top .tf-group-14 .tf-img-wrap.tf-bg3>div{
    background-position:-474px -1129px;
}
.tf-top .tf-group-14 .tf-img-wrap.tf-bg4{
    height: 130px;
}
.tf-top .tf-group-14 .tf-img-wrap.tf-bg4>div{
    background-position:-474px -1289px;
}
.tf-top .tf-group-14 .tf-img-wrap>div:hover{
    transform: scale(1.2);
}
.tf-top.tf-index-top .tf-banner-item.tf-center .tf-slideUp {
    animation: bannerSlide 1.4s cubic-bezier(.4,0,.2,1);
}
.tf-top .tf-group-14{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 14px
}
.tf-top .tf-group-14>.tf-right {
    height: 415px;
    width: 345px;
    float: right;
    background-color: #fff;
    text-align: left;
    box-sizing: border-box;
    color: #000;
}
.tf-contact-bottom {
    margin-top: 15px;
    color: #000;
    font-size: 20px;
}
.tf-contact-bottom>a {
    display: block;
    width: 230px;
    margin: 10px auto;
    height: 40px;
    line-height: 40px;
    background-color: #5a34a5;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    border-radius: 2px;
}
.tf-second-title{
    margin-top: -20px;
    text-align: center;
    color: #383838;
    font-size: 16px;
    margin-bottom: 10px;
}
.tf-link-join{
    display: inline-block;
    height: 35px;
    line-height: 35px;
    padding: 0px 20px;
    border: 1px solid #fff;
    margin-top: 30px;
    border-radius: 4px;
    transition: all .3s;
}
.tf-link-join:hover{
    background-color: #5a34a5;
    color: #fff;
    border-color: #5a34a5;
}
@keyframes bannerSlide {
    0% {
        opacity: 0;
        transform: translate3d(0,10px,0)
    }

    10% {
        opacity: .05;
        transform: translate3d(0,20px,0)
    }

    100% {
        opacity: 1;
        transform: translate3d(0,0,0)
    }
}
@keyframes expand {
    from {
        opacity: 0;
        transform: scaleX(0)
    }
    to {
        opacity: 1;
        transform: scaleX(1)
    }
}
.tf-fadeup{
    -webkit-animation: re-banner-slide-20 .8s cubic-bezier(.4,0,.2,1) 0s 1;
    animation: re-banner-slide-20 .8s cubic-bezier(.4,0,.2,1) 0s 1;
    animation-fill-mode: both;
}
@keyframes re-banner-slide-20 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
.tf-index-top .tf-banner-item-left{
    text-align: center;
    position: absolute;
    top: 33px;
    /* left: calc((100% - 1200px)/2); */
    color: #fff;
    text-align: left;
    width: 100%;
}
.tf-index-top .tf-banner-item-left.tf-item-1{
    top:153px;
}
.tf-banner-item-left .tf-bg-left,.tf-banner-item-left .tf-bg-right{
    position: absolute;
    width: 149px;
    height: 99px;
    /*border: 1px solid #fff;*/
    left: 280px;
    top: 83px;
}
.tf-banner-item-left .tf-bg-left{
    border-right: 0px;
}
.tf-banner-item-left .tf-bg-title{
    position: absolute;
    width: 349px;
    left: 429px;
    top: 68px;
    text-align: center;
    font-size: 20px;
}
.tf-banner-item-left .tf-bg-right{
    left: 778px;
    border-left: 0px;
}
.tf-banner-item-left .tf-bg-middle{
    position: absolute;
    width: 349px;
    height: 99px;
    /*  border-bottom: 1px solid #fff; */
    left: 429px;
    top: 84px;
}
.tf-banner-item-left a{
    text-align: center;
}
.tf-banner-item-left a .tf-inner {
    width: 750px;
    /*height: 330px;*/
    margin: 0 auto;
    text-align: center;
    padding: 92px 0px 0px;
}
.tf-banner-item-left a .tf-inner .tf-title{
    /* margin-left: 151px; */
    text-align: center;
    color: #fff;
    /* font-weight: bold; */
    line-height: 65px;
    font-size: 29px;
}
.tf-banner-item-left a .tf-inner .tf-title>span{
    color: #494949;
}
.tf-banner-item-left .tf-service-btn{
    float: none;
    margin-top: 27px !important;
    font-weight: normal;
}
.tf-banner-item-left a .tf-inner .tf-sub-title{
    color: #fff;
    line-height: 29px;
    font-size: 15px;
}
.tf-banner-item-left a .tf-inner .tf-sub-title span{
    display: inline-block;
    height: 20px;
    border-left: 2px solid #fff;
    margin: 0px 10px;
    vertical-align: text-bottom;
}
.tf-module-box .tf-title.tf-cooperation-title span {
    margin-top: 20px;
    line-height: 1;
}
.tf-module-box .tf-title.tf-cooperation-title span.tf-fb{
    font-weight: bold;
}
.tf-top .tf-bottom {
    height: 42px;
    background: rgba(29, 61, 117,0.8);
}
.tf-top .tf-bottom.tf-nav-fixed{
    box-shadow: 0px 1px 6px #dedede;
    background-color: #fff;
}
.tf-module-box section {
    background-color: #F6F6F6;
    padding-bottom: 50px;
}
.tf-module-box .tf-sub-title.style1{
    font-weight: bold;
    color: #2c2c2c;
    font-size: 22px !important;
    line-height: 34px;
    margin-top: 10px;
}
/**加入流程**/
.tf-join-process .tf-process-container .tf-process-chart{
    padding-top: 70px;
}

.tf-process-chart-line{
    width: 1200px;
    margin: 0 auto;
    height: 174px;
    border-top: 1px solid #000000;
    position: relative;
}
.tf-process-chart-line .tf-process-step{
    text-align: center;
    color: #494949;
    position: absolute;
    display: inline-block;
    width: 130px;
    height: 80px;
    line-height: 25px;
}
.tf-process-chart-line .tf-process-step1{
    left:-30px;
}
.tf-process-chart-line .tf-process-step2{
    left:140px;
}
.tf-process-chart-line .tf-process-step3{
    left:290px;
}
.tf-process-chart-line .tf-process-step4{
    left:800px;
}
.tf-process-step .tf-circle-wrap,.tf-process-step .tf-circle-percent{
    position: absolute;
    width: 55px;
    height: 55px;
    border-radius:50%;
    box-sizing:border-box;
}
.tf-process-step .tf-circle-wrap{
    top: -28px;
    left: 0px;
    margin-left: 30px;
    background: #fff url(../images/cooper_icons.png)-183px 10px no-repeat;
    border-radius: 100%;
    border: 1px solid #e2e2e2
}

.tf-process-step.tf-process-step2 .tf-circle-wrap{
    background-position: -223px 7px;
}
.tf-process-step.tf-process-step3 .tf-circle-wrap{
    background-position: -274px 10px;
}
.tf-process-step.tf-process-step4 .tf-circle-wrap{
    background-position: -325px 10px;
}
.tf-process-step .tf-circle-percent{
    top:-2px;
    left:-2px;
}
.tf-process-step1 .tf-circle-percent.left{
    border:2px solid  #494949;
    clip:rect(0px,0px,0px,0px);
}
.tf-process-step1 .tf-circle-percent.right{
    border: 2px solid #494949;
    clip: rect(0,44px,22px,22px);
}
.tf-process-step2 .tf-circle-percent.left{
    border:2px solid  #494949;
    clip:rect(0px,0px,0px,0px);
}
.tf-process-step2 .tf-circle-percent.right{
    border: 2px solid #494949;
    clip: rect(0px,44px,44px,22px);
}
.tf-process-step3 .tf-circle-percent.left{
    border:2px solid  #494949;
    clip: rect(22px,44px,44px,0px);
}
.tf-process-step3 .tf-circle-percent.right{
    border: 2px solid #494949;
    clip: rect(0,44px,22px,22px);
}
.tf-process-step4 .tf-circle-percent.left{
    border:2px solid  #494949;
    clip:rect(0,44px,44px,0);
}
.tf-process-step4 .tf-circle-percent.right{
    border:2px solid #494949;
    clip: rect(0,44px,24px,20px);
}
.tf-process-step-num {
    font-size: 24px;
    line-height: 40px;
}
.tf-process-step-des{
    position: absolute;
    width: 100%;
    font-weight: bold;
    top: 40px;
}
.tf-process-step-content{
    position: absolute;
    height: 115px;
    border-left: 1px dashed #000000;
    display: inline-block;
    top: 0px;
    left: 210px;
    width: 145px;
    text-align: left;
    padding-top: 38px;
    box-sizing: border-box;

}
.tf-process-step-content>li{
    color:#868686;
    margin-top: 25px;
    padding-left: 22px;
    position: relative;
    font-size: 12px;
}
.tf-process-step-content>li.red-background {
    margin-top: 66px;
    background-color: #ffffff;
    width: 102px;
    height: 25px;
    line-height: 25px;
    box-sizing: border-box;
    padding: 0 15px;
    margin-left: 12px;
    color: #494949;
}
.tf-process-step-content.tf-process-step-content2{
    left: 390px;
}
.tf-process-step-content>li:before ,.tf-process-step-content:before{
    content: '';
    width: 6px;
    height: 6px;
    background-color: #fff;
    border: 1px solid #000000;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: -5px;
    top: 5px;
}
.tf-process-step-content:before {
    top: -5px;
}
.tf-process-step-content>li.red-background:before{
    left:-17px;
}
.tf-process-chart-line:after {
    content: '';
    position: absolute;
    right: 0px;
    top: -7px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #000000;
    border-right: 2px solid #000000;
    transform: rotate(45deg);

}
/**加入流程 end**/
/**招募类型**/
.tf-recruit-type{
    background-color: #fff !important;
}
.tf-recruit-type .tf-header-wrap{
    background-color: #2c0859;
    color: #fff;
    text-align: center;
    padding: 15px 0px;
    height: 80px;
    box-sizing: border-box;
}
.tf-recruit-type ul>li:nth-child(even) .tf-header-wrap{
    background-color: #3c0581;
}
.tf-recruit-type ul>li:nth-child(even) .tf-content-wrap{
    background-color: #f5f5f5;
}
.tf-recruit-type .tf-header-wrap h4{
    margin: 4px 0px;
    font-size: 18px;
}
.tf-recruit-type .tf-header-wrap p{
    margin: 0px;
    color: #a7a6a6;
}
.tf-recruit-type  .tf-img-wrap{
    height: 190px;
    background: url("../images/cooperation_icon.png")0px -461px;
}
.tf-recruit-type  .tf-img-wrap.item2{
    background-position: -350px -461px;
}
.tf-recruit-type  .tf-img-wrap.item3{
    background-position: -700px -461px;
}
.tf-recruit-type  .tf-img-wrap.item4{
    background-position: -1050px -461px;
}
.tf-type-title-list>li,.tf-cooperation-show-menu>li{
    float: left;
    width: 350px;
    height: 420px;
}
.tf-type-title-list>li:nth-child(2){
    background-position: -470px -337px;
}
.tf-type-title-list>li:nth-child(3){
    background-position: -940px -337px;
}
.tf-type-title-list>li:last-child{
    margin-right: 0px;
}
.tf-type-title-list .tf-content-wrap{
    padding: 25px 32px;
    color: #fff;
    position: relative;
    background: #eaeaea;
    border: 1px solid #e0e0e0;
    border-left: none;
    height: 102px;
}
.tf-type-title-list>li:first-child .tf-content-wrap{
    border-left: 1px solid #e0e0e0;
}
/*.tf-type-title-list .tf-content-wrap:after{*/
/*content: '';*/
/*width: 24px;*/
/*height: 30px;*/
/*background: url(../images/cooper_icons.png)-195px -69px;*/
/*position: absolute;*/
/*left: 50%;*/
/*bottom: 0px;*/
/*margin-left: -12px;*/
/*}*/
.tf-type-title-list .tf-hz-des{
    line-height: 23px;
    color: #868484;
    font-size: 15px;
}
.tf-type-title-list .tf-hz-title{
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 15px;
}
/**招募类型 end**/
/**伙伴权益***/
.tf-dynamic{
    background-color: #fff !important;
}
.tf-module-box .tf-join-process .tf-title.tf-cooperation-title span{
    color: #fff;
    margin-bottom: 40px;
    margin-top: 0px;
    display: block;
}
.tf-module-box section.tf-join-process{
    padding-bottom: 45px;
    background-color: #1a1235 !important;
}

.tf-equity-container{
    margin-top: 50px;
}
.tf-cooperation-equity .tf-group>.tf-title{
    margin-bottom: 10px;
}
.tf-cooperation-equity .tf-group>.tf-sub-title{
    padding-bottom:40px;
}
.tf-type-content-list>ul>li:hover
{
    box-shadow: 0 6px 10px #ddd;
    transform: translateY(-5px);
}
.tf-cooperation-equity ul li{
    float: left;
    width: 460px;
    height: 200px;
    border: none !important;
    transition: all .3s ease-out;
    background-color: #fff;
    box-sizing: border-box;
    margin-right: 10px;
    position: relative;
    text-align: center;
    padding-top: 60px;
    margin-bottom: 30px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 14px
}
.tf-cooperation-equity ul li:nth-child(3n){
    margin-right:0px;
}
.tf-cooperation-equity ul li .tf-left{
    width: 80px;
    padding: 0px 25px;
    height: 80px;
    box-sizing: border-box;
    position: absolute;
    top: -40px;
    left: 50%;
    margin-left: -40px;
    background: url("../images/cooperation_icon.png")-1113px -671px;
}
.tf-cooperation-equity ul li .tf-right{
    display: inline-block;
    width: 325px;
    padding-top: 7px;
}
.tf-cooperation-equity .tf-service-icon{
    width: 37px;
    height: 38px;
    background-position: -5px 0px;
    position: absolute;
    top: 26px;
    left: 19px;
    background: url(../images/cooperation_icon.png)-22px -779px no-repeat;
}
.tf-cooperation-equity .tf-service-icon1{
    background-position: -499px -779px;
}
.tf-cooperation-equity .tf-service-icon2{
    background-position: -964px -779px;
}
.tf-cooperation-equity .tf-service-icon3{
    background-position:-22px -698px;
}
.tf-cooperation-equity .tf-service-icon4{
    background-position: -496px -698px;
}
.tf-cooperation-equity .tf-service-icon5{
    background-position: -962px -698px;
}
.tf-cooperation-equity .tf-right-title{
    font-size: 17px;
    line-height: 40px;
    font-weight: bold;
    color: #000;
}
.tf-cooperation-equity  .tf-right-des {
    line-height: 27px;
    color: #888888;
    font-size: 13px;
    margin-top: 3px;
}
/**伙伴权益*end**/
/**************渠道招商************* */
/**************渠道招商结束************* */
.tf-module-box section.tf-section-qdzs{
    background-color: #fff;
}
.tf-module-box .tf-section-qdzs .tf-title{
    font-weight: bold;
    margin-bottom: 30px;
}
.tf-section-qdzs ul{
    display: flex;
    justify-content: space-between;
}
.tf-section-qdzs ul>li{
    width: 340px;
    height: 405px;
    border: 1px solid #e7e7e7;
    position: relative;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 14px;
    transition: transform .3s;

}
.tf-section-qdzs ul>li:hover{
    transform: translateY(-5px);
}
.tf-section-qdzs ul>li:before,.tf-section-qdzs ul>li:after{
    content:'';
    position: absolute;
    left: 0px;
    top: 0px;
    height: 5px;
    background-color: #3c0581;
    width: 100%;
}
.tf-section-qdzs ul>li:after{
    top: inherit;
    bottom: 0px;
    height: 390px;
    background: url(../images/cooper_icons.jpg)216px -668px;
}
.tf-section-qdzs ul>li:nth-child(2):after{
    background-position: -138px -659px;
}
.tf-section-qdzs ul>li:nth-child(3):after{
    background-position: -488px -661px;
}
.tf-section-qdzs ul>li:nth-child(4):after{
    background-position: -838px -661px;
}
.tf-section-qdzs ul>li h3{
    font-size: 25px;
    color: #6e6e6e;
    margin-top: 45px;
    /* background: #fff; */
    position: relative;
    z-index: 2;
}
.tf-section-qdzs ul>li p{
    line-height: 23px;
    font-size: 14px;
    color: #808080;
    position: relative;
    z-index: 2;
}
.tf-section-qdzs .tf-zs-wrap{
    position: absolute;
    bottom: 135px;
    left: 0px;
    width: 100%;
    text-align: center;
    font-size: 15px;
    /* position: relative; */
    z-index: 2;
}
/**************最新动态************* */
.tf-dynamic{
    height: 450px;
}
.tf-dynamic ul>li{
    width: 393px;
    height: 210px;
    float: left;
    margin-left: 10px;
    transition: all .15s cubic-bezier(.4,0,.2,1);
}
.tf-dynamic ul>li:first-child{
    margin-left: 0px;
}
.tf-dynamic ul>li .tf-img-area{
    width: 100%;
    overflow: hidden;
    height: 170px;
}
.tf-dynamic ul>li .tf-img-area>img{
    transition: all .5s ease;
    width: 100%;
}
.tf-dynamic ul>li:hover .tf-img-area>img{
    transform: scale(1.1);
}
.tf-dynamic ul>li:hover{
    box-shadow: 0 0 15px rgba(186,204,207,.7);
}
.tf-dynamic ul>li:hover a{
    color: inherit;
}
.tf-dynamic ul>li .tf-box-header:hover{
    color: #ee8e17;
}
.tf-service-btn {
    color: #fff;
    border: 1px solid #ee8e17;
    background: #373d41;
    background: transparent;
    outline: none;
    cursor: pointer;
    font-size: 14px!important;
    width: 120px;
    height: 36px;
    line-height: 32px;
    background: #ee8e17;
    transition: color .3s ease-in-out,background .3s, border-color .3s;
    font-family: 微软雅黑;
}
.tf-service-btn>a{
    display: block;
    height: 100%;
}
.tf-service-btn:hover {
    background-color: #aa6004;
    border-color: #aa6004;
}
.tf-service-btn:hover>a{
    color: #ffffff !important;
}
.tf-dynamic ul>li .tf-box-header{
    height: 40px;
    line-height: 40px;
    background: #fff;
    border: 1px solid #dedede;
    border-top: none;
    padding-left: 10px;
    /* font-weight: bold; */
    transition: all .15s cubic-bezier(.4,0,.2,1);
}
.wrapper-top {
    background-position: center; height: 350px;    margin-top: -75px;
}
.wrapper-top .bg {
    background-position: right; margin: 0px auto; height: 470px; position: relative; max-width: 1920px; background-image: url("../images/banner_cooper.png");
}
.wrapper-top a:hover {
    color:#fff;
}
.wrapper-top .bg-mask {
    opacity: 0.7; background-image: radial-gradient(0% 146%, rgb(199, 208, 229) 21%, rgba(211, 226, 255, 0.59) 43%, rgb(238, 245, 255) 67%, rgba(218, 230, 255, 0.45) 79%, rgb(181, 202, 255) 100%);
}
.wrapper-top .lead-poster {
    top: 0px;
    position: absolute;
    width: 100%;
}
.wrapper-top .fs36 {
    text-align: left;
    color: #fff;
    font-size: 15px;
}
.wrapper-top .fs30 {
    text-align: left;
    color: rgb(255, 255, 255);
    font-size: 29px;
}
.wrapper-top .fs16 {
    text-align: left;
    color: rgb(255, 255, 255);
    font-size: 13px;
}
.wrapper-top .blod {
    font-weight: bold;
}
.wrapper-top .slim {
    font-weight: normal;
}
.wrapper-top .poster-content-box {
    padding-top: 143px;
    text-align: center;
}
.wrapper-top .poster-text {
    line-height: 50px; margin-top: 10px; margin-bottom: 30px; max-width: 100%;    text-align: center;
}
.wrapper-top .poster-text a {
    padding-right: 10px;
}
.wrapper-top .mb.poster-text {
    display: none;
}
.wrapper-top .title-under-line {
    background: rgb(233, 119, 1);
    width: 89px;
    height: 2px;
    margin-bottom: -16px;
    display: block;
}
.wrapper-top .poster-caption {
    margin-bottom: 10px;
    text-align: center;
}
/*******************合作生态***********************/
.tf-module-box section.tf-hzyst{
    background-color: #fff;
}
.tf-hzst>li{
    height: 330px;
    width: 350px;
    float: left;
    background-color: #fff;
    box-sizing: border-box;
    border-bottom:  1px solid #e2e2e2;
    position: relative;
    overflow: hidden;
}
.tf-hzst .tf-header-bg{
    height: 190px;
    background: url("../images/cooper_icons.png")-5px -108px;
    transition: transform .3s;
}
.tf-hzst li:nth-child(2) .tf-header-bg{
    background-position: -355px -108px;
}
.tf-hzst li:nth-child(3) .tf-header-bg{
    background-position: -705px -108px;
}
.tf-hzst li:nth-child(4) .tf-header-bg{
    background-position: -1055px -108px;
}
.tf-hzst .tf-header-bg:hover{
    transform: scale(1.1);
}
.tf-hzst .tf-info-box{
    position: absolute;
    height: 50px;
    padding-left: 15px;
    background: rgba(0, 0, 0, 0.55);;
    padding-top: 5px;
    width: 100%;
    top: 135px;
}
.tf-hzst .tf-info-box .tf-t1{
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
}
.tf-hzst .tf-info-box .tf-e1{
    font-family: sanshuyun;
    font-size: 12px;
    color: #adadad;
    margin-top: 2px;
}
.tf-hzst .tf-des{
    position: relative;
    z-index: 2;
    padding: 17px 28px;
    line-height: 27px;
    color: #808080;
    background: #fff;
    font-size: 14px;
    border-left:1px solid #e2e2e2;
    height: 106px;
}

.tf-hzst li:last-child .tf-des{
    border-right:1px solid #e2e2e2;
}
/* 预约演示  */
/* 致电咨询 */
.tf-section-bottom{
    padding:0 !important;
    margin-top:-25px !important;
    height:199px;
    background:url(../../service/support/images/bg_odc_bottom.png) no-repeat;
}
.tf-section-bottom label{
    display:inline-block;
    line-height:199px;
    font-size: 22px;
}
.tf-section-bottom .tf-button{
    vertical-align:3px;
    margin-left:25px;
}
.tf-section-bottom .tf-button:hover{
    background-color: #491f5f;
}
.tf-align-center {
    text-align: center;
}
.tf-font-bold {
    font-weight: bold !important;
}
.tf-button {
    background-color: #632e80;
    border: none;
    color: #fff;
    padding: 10px 30px;
    margin-top: 20px;
    vertical-align: 3px;
    margin-left: 25px;
    border-radius: 3px;
}