.tf-banner-inner{
    background: linear-gradient(to bottom ,#001a5c,#001a5c);
    color: #ffffff;
    height: 782px;
    display: block;
}
.tf-color-white{
    color: #fff!important;
}
.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-fixed-header.tf-ai:not(.show) .tf-group:before{
    display: none;
}
.tf-wrapper{
    margin-top: -70px;
}
.ss-footer-des{
    display: none;
}
.tf-banner-des{
    padding-top: 71px;
}
.tf-banner-des>.tf-group-14{
    height: 660px;
    background: #fff url(../images/suport_top_bg.jpg)no-repeat;
}

.tf-banner-des>.tf-group-14 .tf-left,.tf-banner-des>.tf-group-14 .tf-middle,.tf-banner-des>.tf-group-14 .tf-right{
    width:300px ;
    float: left;
    height: 100%;
}
.tf-banner-des>.tf-group-14 .tf-middle{
    width: 820px;
    padding-top: 100px;
    text-align: left;
    padding-left: 50px;
    box-sizing: border-box;
    position: relative;
}
.tf-banner-des>.tf-group-14 .tf-middle-bottom{
    height: 290px;
    display: flex;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    text-align: center;
}
.tf-middle-bottom .tf-icon{
    width: 75px;
    height: 75px;
    border-radius: 100%;
    display: block;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.2) url(../images/suport_icon.png)16px 16px no-repeat;
}
.tf-middle-bottom .item2 .tf-icon{
    background-position: -189px 16px;
}
.tf-middle-bottom .item3 .tf-icon{
    background-position: -389px 16px;
}
.tf-middle-bottom .item4 .tf-icon{
    background-position: -598px 16px;
}
.tf-middle-bottom p{
    font-weight: bold;
    font-size: 17px;
    margin-top: 60px;
}
.tf-banner-des>.tf-group-14 .tf-middle-bottom>li{
    flex: 1;
    padding-top: 69px;
    position: relative;
    overflow: hidden;
}
.tf-banner-des>.tf-group-14 .tf-middle-bottom>li:before{
   content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: url("../images/suport_top_bg.jpg")-300px -370px;
    transition: transform .3s;
}
.tf-banner-des>.tf-group-14 .tf-middle-bottom>li:nth-child(2):before{
    background-position:-505px -370px; ;
}
.tf-banner-des>.tf-group-14 .tf-middle-bottom>li:nth-child(3):before{
    background-position:-710px -370px; ;
}
.tf-banner-des>.tf-group-14 .tf-middle-bottom>li:nth-child(4):before{
    background-position:-915px -370px; ;
}
.tf-banner-des>.tf-group-14 .tf-middle-bottom>li:hover:before{
    transform:scale(1.2);
}
.tf-banner-des>.tf-group-14 .tf-middle-bottom>li a{
    display: block;
    position: relative;
}
.tf-banner-des>.tf-group-14 .tf-right{
    width: 280px;
    color: #000;
    padding: 20px 25px 20px 25px;
    box-sizing: border-box;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 3px;
}
.tf-banner-des>.tf-group-14 .tf-right p{
    font-size: 14px;
    color: #1b1b1b;
    line-height: 23px;
    padding: 0px 16px;
}
.tf-contact-bottom{
    margin-top: 295px;
    color: #fff;
    font-size: 14px;
    padding: 0px 20px;
}
.tf-contact-bottom a{
    text-decoration: underline;
    display: inline-block;
}
.tf-contact-bottom a:after{
    content: '';
    display: inline-block;
    background: url(../../../../common/images/home.png)-148px -523px;
    width: 30px;
    height: 8px;
    margin-left: 5px;
}
.tf-fixed-header.tf-ai.tf-white.show{
    position: relative;
    background-color: transparent;
    border-bottom: none;
}
body{
    background-color: #000;
}
.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;
}
.animated{
    opacity: 0;
}
.tf-company-nav{
    margin-top: -45px;
}
.tf-top.tf-index-top .tf-banner-item.tf-center .tf-slideUp {
    animation: bannerSlide 1.4s cubic-bezier(.4,0,.2,1);
}
.tf-second-title{
    margin-top: -20px;
    text-align: center;
    color: #383838;
    font-size: 16px;
    margin-bottom: 10px;
}
@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;
    margin-bottom: 30px;
    line-height: 1;
}
.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 {
    padding-bottom: 50px;
}
.tf-jyfk{
    background: url("../images/service_bg.jpg")no-repeat;
    padding-bottom: 30px !important;
}
/**加入流程**/
.tf-join-process .tf-process-container .tf-process-chart{
    padding-top: 84px;
}
.tf-module-box .tf-sub-title.style1{
    font-weight: bold;
    color: #2c2c2c;
    font-size: 22px !important;
    line-height: 34px;
    margin-top: 10px;
}
.tf-process-chart-line{
    width: 990px;
    margin: 0 auto;
    height: 174px;
    border-top: 1px solid #494949;
    position: relative;
}
.tf-process-chart-line .tf-process-step{
    text-align: center;
    color: #494949;
    position: absolute;
    display: inline-block;
    width: 110px;
    height: 80px;
}
.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:690px;
}
.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/img2018003.png)-266px 10px no-repeat;
}
.tf-process-step.tf-process-step2 .tf-circle-wrap{
    background-position: -268px -27px;
}
.tf-process-step.tf-process-step3 .tf-circle-wrap{
    background-position: -269px -65px;
}
.tf-process-step.tf-process-step4 .tf-circle-wrap{
    background-position: -269px -103px;
}
.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: 300px;
}
.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-equity-container{
    position: relative;
    padding-left: 175px;
}
.tf-cooperation-equity,.tf-dynamic{
    background-color: #fff !important;
}

.tf-cooperation-equity .tf-group>.tf-title{
    margin-bottom: -20px;
}
.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{
    width: 441px;
    height: 105px;
    transition: all .3s ease-out;
    background-color: #fff;
    box-sizing: border-box;
    position:relative;
    z-index:1;
}
.tf-equity-container  ul li:nth-child(2){
    margin-left:90px;
}
.tf-equity-container  ul li:nth-child(3){
    margin-left:180px;
}
.tf-equity-container  ul li:nth-child(4){
    margin-left:270px;
}
.tf-cooperation-equity ul li:nth-child(3n){
    margin-right:0px;
}
.tf-cooperation-equity ul li .tf-left{
    width: 80px;
    background-color:#0027B8;
    display: inline-block;
    float: left;
    padding: 0px 25px;
    position: relative;
    height: 100%;
    box-sizing: border-box;
}
.tf-cooperation-equity ul li .tf-right{
    display: inline-block;
    width: 344px;
    height: calc(100% - 15px);
    padding-left:15px;
    padding-top:15px;
    border:1px solid #e2e2e2;
    border-width: 1px 1px 0 0;
}
.tf-cooperation-equity .tf-service-icon{
    width: 60px;
    height: 60px;
    background-position: -13px -5px;
    position: absolute;
    top: 17px;
    left: 9px;
    border: 1px solid #fff;
    border-radius:50%;
    background-color:#fff;
    background-image: url(../images/icons_support.png);
}
.tf-cooperation-equity .tf-service-icon1{
    background-position: -68px -5px;
}
.tf-cooperation-equity .tf-service-icon2{
    background-position: -125px -3px;
}
.tf-cooperation-equity .tf-service-icon3{
    background-position: -182px -4px;
}
.tf-cooperation-equity .tf-right-title,.tf-advice-process .tf-right-title{
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
    color: #6b6b6b;
}
.tf-cooperation-equity  .tf-right-des {
    line-height: 22px;
    color: #888888;
    font-size: 12px;
}
.tf-cooperation-equity .ss-team-bg{
    position: absolute;
    left: 753px;
    z-index: 0;
    height: 360px;
    top: 0;
    width: 520px;
    background: url(../images/bg_team.jpg) no-repeat;
}
/**伙伴权益*end**/

/* 建议与反馈 */
.tf-advice-process ul li{
    display: inline-block;
    float: left;
    width: calc(50% - 20px);
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 15px;
    border: 1px solid #e2e2e2;
    height: 100px;
    transition: all .3s ease-out;
    background-color: #fff;
    box-sizing: border-box;
    position: relative;
}
.tf-advice-process ul li .tf-left{
    width: 70px;
    background-color:#0027B8;
    display: inline-block;
    float: left;
    padding: 0px 25px;
    position: relative;
    height: 100%;
    box-sizing: border-box;
}
.tf-advice-process ul li .tf-right{
    display: inline-block;
    width: 380px;
    height: 100%;
    padding-left:15px;
}
.tf-advice-process .tf-service-icon{
    width: 63px;
    height: 60px;
    background-position: -247px -5px;
    position: absolute;
    top: 3px;
    left: 3px;
    background-image: url(../images/icons_support.png);
}
.tf-advice-process .tf-service-icon1{
    background-position: -313px -4px;
}
.tf-advice-process .tf-service-icon2{
    background-position: -388px -5px;
}
.tf-advice-process .tf-right-des{
    color:#999;
}

/* 多渠道支持 */
.tf-dicth-box{
    background-color: #F5F5F5 !important;
}
.tf-dicth-box ul li{
    border:1px solid #e2e2e2;
}
.tf-dicth-box .tf-right-des{
    color:#343434;
}
.tf-dicth-box .tf-service-icon{
    background-position:-10px -62px;
}
.tf-dicth-box .tf-service-icon1{
    background-position:-80px -61px;
}
.tf-dicth-box .tf-service-icon2{
    background-position:-151px -63px;
}
.tf-dicth-box .tf-service-icon3{
    background-position:-229px -63px;
}



.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-hzst>li{
    height: 300px;
    width: 350px;
    float: left;
    background-color: #fff;
    /* border-left: 1px solid #e2e2e2; */
    box-sizing: border-box;
    border-bottom:  1px solid #e2e2e2;
}
.tf-hzst>li:first-child{
    border-left:1px solid #e2e2e2;
}
.tf-hzst .tf-header-bg{
    height: 175px;
    background-image: url("../images/tab_1.jpg");
}
.tf-hzst .header-2{
    background-image: url("../images/tab_2.jpg");
}
.tf-hzst .header-3{
    background-image: url("../images/tab_3.jpg");
}
.tf-hzst .header-4{
    background-image: url("../images/tab_4.jpg");
}
.tf-header-text{
    padding:10px 15px;
    border-right:1px solid #e2e2e2;
    height:105px;
}
.tf-header-text ul li{
    line-height:25px;
}
.tf-header-text ul li:not(.ss-font-bold){
    color:#999;
    font-size:13px;
}

/* 核心技术团队 */
/* .tf-equity-container ul li{
	position:
} */
/* 预约演示  */
.tf-context-button a {
    position: relative;
    display: inline-block;
    padding: 0px 40px 0 20px;
    /* font-weight: bold; */
    text-align: center;
    height: 30px;
    line-height: 30px;
    text-decoration: none;
    transition: all .3s;
}
.tf-content-text {
    line-height: 25px;
    color: #fff;
    margin-left: 35px;
    font-size: 13px;
    margin-top: 0px;
    padding-top: 15px;
}
.tf-section-appoint{
    padding-bottom:0 !important;
    background: url(../../../business/images/bg_medical_appoint.png);
}
.tf-module-box .tf-section-appoint .tf-title{
    padding-top: 52px;
    font-weight: bold;
    font-size: 25px !important;
}
.tf-section-appoint .tf-content-wrapper{
    height: 200px;
    padding-top: 6px;
    background-color: transparent;
    box-sizing: border-box;
}
.tf-section-appoint .tf-sub-title{
    color: #5b5b5b;
    font-size: 15px !important;
}
.tf-sub-title{
    padding-bottom:30px !important;
}

.tf-section-appoint  a{
    color: #fff;
    background-color: #0d2dcd;
    border-radius: 3px;
    padding: 0 20px;
    margin-bottom: 20px;
    display: inline-block;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    vertical-align: 4px;
    font-weight: normal;
    margin-left: 20px;
}
.tf-section-appoint  a:hover{
    background-color:#0320ad;
    text-decoration: underline;
}
.tf-section-appoint  a:after{
    background:none;
}
/*******************我们的优势***********************/
.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("../../../cooperation/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;
}