/* 下载APP区域 */
.tp-banner {
    background-color: #f6f6f6;
    padding-top: 50px;
}
.tp-banner .stars-wrap {
    width: 648px;
    height: 610px;
    background: url(../images/index/download_banner_bg.png?v=20231215);
    position: relative;
}
.tp-banner .stars {
    position: absolute;
    animation:scale 5s linear 1s infinite;
    -webkit-animation:scale 5s linear 1s infinite;
}
.tp-banner .star-1 {
    width: 19px;
    height: 19px;
    background-color: #f6c44c;
    border-radius: 19px;  
    left: 53px;
    bottom: 128px;
}
.tp-banner .star-2 {
    width: 16px;
    height: 16px;
    background-color: #ffffff;
    border: 2px solid #73c3bd;
    border-radius: 16px;
    right: 111px;
    bottom: 280px;
}
.tp-banner .star-3 {
    width: 18px;
    height: 18px;
    background-color: #ea5859;
    border-radius: 18px;
    right: 0px;
    bottom: 180px;
}
.tp-banner .download-wrap {
    margin: 50px 0 0 80px;
}
.tp-banner .download-intro {
    color: #333333;
    font-size: 3.4rem;
    margin: 10px 0 36px 0;
}
.tp-download-btn {
    width: 180px;
    height: 50px;
    line-height: 50px;
    border-radius: 5px;
    text-align: center;
    font-size: 1.6rem;
    cursor: pointer;
    color: #fff;
    background-color: #333333;
}
.tp-download-btn:hover {
    background-color: #844095;
}
.ios-btn {
    margin-bottom: 20px;
}
.tp-download-btn .img {
    position: relative;
    top: 2px;
    margin-right: 8px;
    display: inline-block;
    width: 27px;
    height: 32px;
}
.tp-download-btn .img-ios {
    width: 16px;
    height: 18px;
}
.tp-download-btn .img-and {
    width: 18px;
    height: 20px;
    top: 4px;
}
.download-wrap .download-code {
    width: 120px;
    height: 120px;
    margin-left: 20px;
    background: url(../images/index/app_download.png);
	background-size: 100% 100%;
}
.tp-DW-area {
    margin-bottom: 20px;
}
.download-wrap .download-info {
    font-size: 1.3rem;
}

/* 它品特点 */
.tp-features {
    background-color: #333333;
}
.tp-features-list {
    margin: 0 auto;
}
.tp-features-list li {
    float: left;
    color: #ffffff;
    padding: 58px 50px 50px 56px;
    border-right: 1px solid #434343;
    font-size: 2rem;
    text-align: center;
}
.tp-features-list li .img-wrap {
    display: inline-block;
    height: 55px;
    margin-bottom: 20px;
}
.tp-features-list li:last-child {
    border-right: none;
}

/* 禧元简介 */
.tp-about-us {
    background-color: #f6f6f6;
    padding-bottom: 80px;
}
.tp-about-us .left-img {
    position: relative;
    z-index: 2;
    margin-top: 122px;
}
.tp-about-us .left-img .about-span {
    width: 150px;
    height: 215px;
    right: 0;
    top: -42px;
    background-color: #333333;
}
.tp-about-us .left-img p {
    font-size: 75px;
    font-weight: bold;
    line-height: 90px;
    color: #484848;
    letter-spacing: 8px;
    text-align: right;
}
.tp-about-us .right-desc {
    width: 748px;
    height: 500px;
    margin: 80px 0 0 -150px;
    background-color: #844095;
    z-index: 1;
    padding-left: 155px;
}
.tp-about-us .right-desc .out-p {
    font-size: 75px;
    font-weight: bold;
    line-height: 90px;
    color: #9153a0;
    letter-spacing: 8px;
}
.tp-about-us .right-desc .right-intro {
    padding: 0 130px 0 75px;
    color: #ffffff;
    font-size: 16px;
}
.tp-about-us .right-desc .right-intro .ri-title {
    font-size: 28px;
    margin: 50px 0 35px 0;
}

/* 禧元发展理念 */
.tp-development-concept {
    background-color: #ffffff;
    text-align: center;
    padding-bottom: 80px;
}
.tp-development-concept .tdc-list .tdc-item {
    width: 400px;
    height: 397px;
    float: left;
    position: relative;
}
.tp-development-concept .tdc-list .tdc-item1 {
    background: url(../images/index/tdc_bg1.png);
}
.tp-development-concept .tdc-list .tdc-item2 {
    background: url(../images/index/tdc_bg2.png);
}
.tp-development-concept .tdc-list .tdc-item3 {
    background: url(../images/index/tdc_bg3.png);
}
.tp-development-concept .tdc-con {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    color: #ffffff;
    text-align: center;
    padding-top: 115px;
}
.tp-development-concept .tdc-list .tdc-con:hover {
    /* background: rgba(131,64,149,.9); */
    animation: show 1s ease;
    animation-fill-mode:forwards;
}
.tp-development-concept .tdc-c-tit {
    font-size: 18px;
}
.tp-development-concept .tdc-c-divid {
    font-size: 30px;
    margin: 20px 0 10px 0;
}
.tp-development-concept .tdc-c-con {
    font-size: 20px;
    margin-bottom: 20px;
}
.tp-development-concept .tdc-c-desc {
    font-size: 16px;
}
.tp-development-concept .tdc-list .tdc-con:hover .tdc-c-desc {
    font-size: 18px;
}

/* 禧元的服务支持 */
.tp-service-support {
    text-align: center;
    position: relative;
    z-index: 2;
}
.tp-service-support .tss-bg1 {
    height: 220px;
    background: url(../images/index/tss_bg1.jpg) no-repeat center;
}
.tp-service-support .tss-bg2 {
    height: 220px;
    background: url(../images/index/tss_bg2.jpg) no-repeat center;
}
.tp-service-support .tss-bg3 {
    height: 220px;
    background: url(../images/index/tss_bg3.jpg) no-repeat center;
}
.tp-service-support .tss-bg4 {
    height: 220px;
    background: url(../images/index/tss_bg4.jpg) no-repeat center;
}
.tp-service-support .tss-content-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.tp-service-support .tss-content-wrap .tp-common-title {
    color: #ffffff;
}
.tp-service-support .tss-content-wrap .tss-item {
    position: absolute;
    color: #ffffff;
    font-size: 20px;
    z-index: 1;
}
.tp-service-support .tss-content-wrap .tss-item a {
    float: left;
}
.tp-service-support .tss-content-wrap .tss-item .tss-item-img {
    display: inline-block;
    width: 72px;
    height: 72px;
    cursor: pointer;
    background: url(../images/index/tss_sprite.png);
}
.tp-service-support .tss-content-wrap .tss-item .tss-item-tit {
    height: 72px;
    line-height: 34px;
}
.tp-service-support .tss-content-wrap .tss-item8 .tss-item-tit,
.tp-service-support .tss-content-wrap .tss-item9 .tss-item-tit,
.tp-service-support .tss-content-wrap .tss-item10 .tss-item-tit {
    line-height: 72px;
}
.tp-service-support .tss-content-wrap .tss-item .tss-img-right {
    margin-left: 20px;
}
.tp-service-support .tss-content-wrap .tss-item .tss-img-left {
    margin-right: 20px;
}
.tp-service-support .tss-content-wrap .tss-item1 {
    left: 330px;
}
.tp-service-support .tss-content-wrap .tss-item1:hover {
    left: 340px;
}
.tp-service-support .tss-content-wrap .tss-item1 .tss-item-img{
    background-position: 0 0;
}
.tp-service-support .tss-content-wrap .tss-item1:hover .tss-item-img {
    background-position: -72px 0;
}
.tp-service-support .tss-content-wrap .tss-item2 {
    left: 192px;
    top: 135px;
}
.tp-service-support .tss-content-wrap .tss-item2:hover {
    left: 202px;
}
.tp-service-support .tss-content-wrap .tss-item2 .tss-item-img{
    background-position: 0 -72px;
}
.tp-service-support .tss-content-wrap .tss-item2:hover .tss-item-img {
    background-position: -72px -72px;
}
.tp-service-support .tss-content-wrap .tss-item3 {
    left: 132px;
    top: 263px;
}
.tp-service-support .tss-content-wrap .tss-item3:hover {
    left: 142px;
}
.tp-service-support .tss-content-wrap .tss-item3 .tss-item-img{
    background-position: 0 -144px;
}
.tp-service-support .tss-content-wrap .tss-item3:hover .tss-item-img {
    background-position: -72px -144px;
}
.tp-service-support .tss-content-wrap .tss-item4 {
    left: 192px;
    top: 381px;
}
.tp-service-support .tss-content-wrap .tss-item4:hover {
    left: 202px;
}
.tp-service-support .tss-content-wrap .tss-item4 .tss-item-img{
    background-position: 0 -216px;
}
.tp-service-support .tss-content-wrap .tss-item4:hover .tss-item-img {
    background-position: -72px -216px;
}
.tp-service-support .tss-content-wrap .tss-item5 {
    left: 330px;
    top: 519px;
}
.tp-service-support .tss-content-wrap .tss-item5:hover {
    left: 340px;
}
.tp-service-support .tss-content-wrap .tss-item5 .tss-item-img{
    background-position: 0px -288px;
}
.tp-service-support .tss-content-wrap .tss-item5:hover .tss-item-img {
    background-position: -72px -288px;
}
.tp-service-support .tss-content-wrap .tss-item6 {
    right: 298px;
}
.tp-service-support .tss-content-wrap .tss-item6:hover {
    right: 308px;
}
.tp-service-support .tss-content-wrap .tss-item6 .tss-item-img{
    background-position: 0px -360px;
}
.tp-service-support .tss-content-wrap .tss-item6:hover .tss-item-img {
    background-position: -72px -360px;
}
.tp-service-support .tss-content-wrap .tss-item7 {
    right: 150px;
    top: 135px;
}
.tp-service-support .tss-content-wrap .tss-item7:hover {
    right: 160px;
}
.tp-service-support .tss-content-wrap .tss-item7 .tss-item-img{
    background-position: 0px -432px;
}
.tp-service-support .tss-content-wrap .tss-item7:hover .tss-item-img{
    background-position: -72px -432px;
}
.tp-service-support .tss-content-wrap .tss-item8 {
    right: 110px;
    top: 263px;
}
.tp-service-support .tss-content-wrap .tss-item8:hover {
    right: 120px;
}
.tp-service-support .tss-content-wrap .tss-item8 .tss-item-img{
    background-position: 0px -504px;
}
.tp-service-support .tss-content-wrap .tss-item8:hover .tss-item-img{
    background-position: -72px -504px;
}
.tp-service-support .tss-content-wrap .tss-item9 {
    right: 150px;
    top: 381px;
}
.tp-service-support .tss-content-wrap .tss-item9:hover {
    right: 160px;
}
.tp-service-support .tss-content-wrap .tss-item9 .tss-item-img{
    background-position: 0px -576px;
}
.tp-service-support .tss-content-wrap .tss-item9:hover .tss-item-img{
    background-position: -72px -576px;
}
.tp-service-support .tss-content-wrap .tss-item10 {
    right: 298px;
    top: 519px;
}
.tp-service-support .tss-content-wrap .tss-item10:hover {
    right: 308px;
}
.tp-service-support .tss-content-wrap .tss-item10 .tss-item-img{
    background-position: 0px -648px;
}
.tp-service-support .tss-content-wrap .tss-item10:hover .tss-item-img {
    background-position: -72px -648px;
}
.tp-service-support .tss-content-wrap .tss-con-img {
    margin-top: 90px;
    position: relative;
    z-index: 2;
}
/* 八边形背景 */
.tp-service-support .tss-content-wrap .tss-octagon-bg1-wrap {
    position: absolute;
    top: 40px;
    left: 382px;
}
.tp-service-support .tss-content-wrap .tss-octagon-bg1{
    display: inline-block;
    width: 460px;
    height: 193px;
    margin: 150px auto;
    position: relative;
    background: rgba(255,255,255,0.05);
    animation:octagonScale 5s linear 1s infinite;
    -webkit-animation:octagonScale 5s linear 1s infinite;
}  
.tp-service-support .tss-content-wrap .tss-octagon-bg1:before{  
    content: "";
    position: absolute;
    top:-130px;  
    left: 0;
    width: 200px; 
    border-color:transparent transparent rgba(255,255,255,0.05) transparent;
    border-width:0 130px 130px 130px;
    border-style: solid;
}  
.tp-service-support .tss-content-wrap .tss-octagon-bg1:after{
    content: "";
    position: absolute;
    top:193px;
    left: 0;
    width: 200px;  
    border-color:rgba(255,255,255,0.05) transparent transparent transparent;  
    border-width: 130px 130px 0 130px ;  
    border-style: solid;  
}
.tp-service-support .tss-content-wrap .tss-octagon-bg2-wrap {
    position: absolute;
    top: 50px;
    left: 405px;
}
.tp-service-support .tss-content-wrap .tss-octagon-bg2{
    display: inline-block;
    width: 414px;
    height: 173px;
    margin: 150px auto;
    position: relative;
    background: rgba(255,255,255,.1);
    animation:octagonScale2 5s linear 1s infinite;
    -webkit-animation:octagonScale2 5s linear 1s infinite;
}  
.tp-service-support .tss-content-wrap .tss-octagon-bg2:before{  
    content: "";
    position: absolute;
    top:-120px;  
    left: 0;
    width: 174px; 
    border-color:transparent transparent rgba(255,255,255,.1) transparent;
    border-width:0 120px 120px 120px  ;
    border-style: solid;
}  
.tp-service-support .tss-content-wrap .tss-octagon-bg2:after{
    content: "";
    position: absolute;
    top:173px;
    left: 0;
    width: 174px;  
    border-color:rgba(255,255,255,.1) transparent transparent transparent;  
    border-width: 120px 120px 0 120px ;  
    border-style: solid;  
}

/* 禧元发展 */
.tp-development {
    text-align: center;
    z-index: 1;
}
.tp-development .td-bg1 {
    height: 208px;
    background: url(../images/index/td_bg1.jpg) no-repeat center;
}
.tp-development .td-bg2 {
    height: 208px;
    background: url(../images/index/td_bg2.jpg) no-repeat center;
}
.tp-development .td-bg3 {
    height: 204px;
    background: url(../images/index/td_bg3.jpg) no-repeat center;
}
.tp-development .td-content-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.tp-development .tp-common-title::after {
    width: 324px;
}
.tp-development .time-line-wrap {
    position: absolute;
    top: -60px;
    left: 130px;
}
.tp-development .time-line-bg {
    display: inline-block;
    width: 944px;
    height: 295px;
    border: 1px solid #f3f3f3;
    border-radius: 0 0 50% 50%/0 0 100% 100% ;
    border-top: none;
}
.tp-development .time-line-wrap .td-time {
    font-size: 14px;
    color: #ffffff;
    display: inline-block;
    width: 42px;
    height: 42px;
    line-height: 42px;
    border-radius: 42px;
    background-color: #555555;
    position: absolute;
    cursor: pointer;
}
.tp-development .time-line-wrap.move {
    animation: timeMoveLeft 1s ease-in-out;
}
.tp-development .move-right {
    animation: timeMoveRight 1s ease-in-out;
}
.tp-development .time-line-wrap .td-time1 {
    top: 84px;
    left: 10px;
}
.tp-development .time-line-wrap .td-time2 {
    top: 220px;
    left: 190px;
}
.tp-development .time-line-wrap .td-time3 {
    font-size: 24px;
    top: 274.5px;
    left: 450px;
    width: 91px;
    height: 91px;
    line-height: 91px;
    border-radius: 91px;
    background: url(../images/index/active_year_bg.png) no-repeat center;
}
.tp-development .time-line-wrap .td-time4 {
    top: 220px;
    right: 190px;
}
.tp-development .time-line-wrap .td-time5 {
    top: 84px;
    right: 10px;
}
.tp-development .time-line-wrap .td-time.active{
    font-size: 24px;
    width: 91px;
    height: 91px;
    margin-top: -24.5px;
    margin-left: -24.5px;
    line-height: 91px;
    border-radius: 91px;
    background: url(../images/index/active_year_bg.png) no-repeat center;
}
.tp-development .time-line-wrap .td-time.active::after{
    display: block;
    content: "";
    width: 130px;
    height: 130px;
    border-radius: 130px;
    border: 1px dashed #d6d6d6;
    position: absolute;
    top: -20px;
    left: -20px;
}
.tp-development .time-desc-wrap {
    margin-top: 300px;
    font-size: 14px;
    overflow: hidden;
}
.tp-development .time-desc-list {
    width: 7000px;
    margin-left: -4800px;
    transition:all .2s ease 0s;
    -moz-transition:all .2s ease 0s;
    -webkit-transition:all .2s ease 0s;
    -o-transition:all .2s ease 0s;
}
.tp-development .time-desc-con {
    width: 1200px;
    line-height: 25px;
    float: left;
}
.tp-development .time-desc-wrap .bg-span {
    background-color: #e1e1e1;
    padding: 3px 5px;
    border-radius: 15px;
    font-size: 12px;
    margin-right: 3px;
}
.tp-development .time-desc-wrap .color-span {
    color: #844095;
    font-weight: bold;
}
.tp-development .time-desc-wrap .btn-area {
    position: absolute;
    display: inline-block;
    width: 38px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    background-color: #f0f0f0;
    cursor: pointer;
}
.tp-development .time-desc-wrap .btn-area:hover {
    -moz-box-shadow: 0 4px 5px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 4px 5px rgba(0,0,0,0.25);
    box-shadow: 0 4px 5px rgba(0,0,0,0.25);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
.tp-development .time-desc-wrap .left-btn {
    left: 200px;
    top: 386px;
}
.tp-development .time-desc-wrap .right-btn {
    color: #844095;
    right: 200px;
    top: 386px;
}
/* 合作品牌 */
.tp-cooperation-brand {
    min-width: 1200px;
    margin: 0 auto;
}
.tp-cooperation-brand .brand-left-wrap {
    width: 41.66%;
    height: 740px;
    background: url(../images/index/brand_left_bg.jpg) no-repeat center;
}
.tp-cooperation-brand .brand-left-con {
    width: 441px;
    float: right;
    padding: 97px 50px 0 50px;
    color: #ffffff;
}
.tp-cooperation-brand .brand-left-con .tp-brand-tit {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 66px;
}
.tp-cooperation-brand .brand-left-con .tp-brand-desc {
    font-size: 18px;
}
.tp-cooperation-brand .brand-left-con .tp-brand-divid {
    display: inline-block;
    width: 56px;
    height: 2px;
    background-color: #ffffff;
    margin: 56px 0 16px 0;
}
.tp-cooperation-brand .brand-left-con .tp-brand-english {
    font-size: 18px;
}
.tp-cooperation-brand .brand-right-wrap {
    width: 58.34%;
    height: 740px;
}
.tp-cooperation-brand .brand-right-wrap .brw-bg1 {
    height: 370px;
    background: url(../images/index/brand_right_bg1.jpg) no-repeat center;
}
.tp-cooperation-brand .brand-right-wrap .brw-bg2 {
    height: 370px;
    background: url(../images/index/brand_right_bg2.jpg) no-repeat center;
}
.tp-cooperation-brand .brw-brand-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 52px 0 0 107px;
}
.tp-cooperation-brand .brw-brand-flex {
    flex-wrap: wrap;
    width: 620px;
    justify-content: space-between;
}
.brw-brand-column .column-wrap{
    display: -webkit-flex; /* Safari */
    -webkit-flex-flow: row-reverse wrap; /* Safari 6.1+ */
    display: flex;
    flex-flow: column;
    flex-wrap: wrap;
    justify-content: space-between;
}
.brw-brand-column .column-wrap .brw-b-item {
    display: flex;
    align-items: center;
    background: #ffffff;
    border-radius: 10px;
    margin-bottom: 7px;
    border: 2px solid #ffffff;
}
.brw-brand-column .column-wrap .brw-b-item:hover {
    border-color: #834095;
}
.brw-brand-column .column-wrap .brw-b-item img {
    margin: 0 auto;
}
/* 第一列品牌 */
.brw-brand-column .column-wrap .brw-b-item1,
.brw-brand-column .column-wrap .brw-b-item3 {
    width: 209px;
    height: 194px;
}
.brw-brand-column .column-wrap .brw-b-item2,
.brw-brand-column .column-wrap .brw-b-item4 {
    width: 209px;
    height: 78px;
}

/* 第二列品牌 */
.brw-brand-column .column-wrap .brw-b-item5,
.brw-brand-column .column-wrap .brw-b-item6,
.brw-brand-column .column-wrap .brw-b-item8,
.brw-brand-column .column-wrap .brw-b-item9 {
    width: 82px;
    height: 93px;
}
.brw-brand-column .column-wrap .brw-b-item7,
.brw-brand-column .column-wrap .brw-b-item10 {
    width: 82px;
    height: 78px;
}
/* 第三列品牌 */
.brw-brand-column .column-wrap .brw-b-item11,
.brw-brand-column .column-wrap .brw-b-item13 {
    width: 206px;
    height: 113px;
}
.brw-brand-column .column-wrap .brw-b-item12,
.brw-brand-column .column-wrap .brw-b-item14,
.brw-brand-column .column-wrap .brw-b-item20 {
    width: 100px;
    height: 159px;
}

/* 第四列品牌 */
.brw-brand-column .column-wrap .brw-b-item19,
.brw-brand-column .column-wrap .brw-b-item21 {
    width: 100px;
    height: 113px;
}
.brw-brand-column .column-wrap .brw-b-item15,
.brw-brand-column .column-wrap .brw-b-item16,
.brw-brand-column .column-wrap .brw-b-item17,
.brw-brand-column .column-wrap .brw-b-item18,
.brw-brand-column .column-wrap .brw-b-item22,
.brw-brand-column .column-wrap .brw-b-item23 {
    width: 100px;
    height: 75px;
}
.see-more-brand-wrap {
    width: 620px;
    text-align: center;
    margin-top: 30px;
}
.see-more-brand-wrap .see-more-brand-btn {
    display: inline-block;
    width: 126px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    background-color: #ffffff;
    color: #777777;
    font-size: 14px;
    cursor: pointer;
}


/* 合作伙伴 */
.tp-cooperation-partner {
    height: 668px;
    background-color: #ffffff;
}
.tp-cooperation-partner .tcp-partners-wrap {
    height: 668px;
}
.tp-cooperation-partner .tcp-partners-wrap .tcp-partner-item {
    position: absolute;
    width: 115px;
    height: 115px;
    border: 2px solid #f7f7f7;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    text-align: center;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #ffffff;
    overflow: hidden;
    box-shadow: 5px 5px 5px #f6f6f6;
}
.tp-cooperation-partner .tcp-partners-wrap .tcp-partner-item:hover {
    border-color: #834095;
}
.tp-cooperation-partner .tcp-partners-wrap .tcp-partner-item img {
    max-width: 115px;
    max-height: 115px;
    margin: 0 auto;
    align-items: center;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
/* 第一行合作伙伴 */
.tp-cooperation-partner .tcp-partners-wrap .tcp-partner-item1 {
    top: 75px;
    left: 252px;
}
.tp-cooperation-partner .tcp-partners-wrap .tcp-partner-item2 {
    top: 75px;
    left: 432px;
}
.tp-cooperation-partner .tcp-partners-wrap .tcp-partner-item3 {
    top: 75px;
    left: 612px;
}
.tp-cooperation-partner .tcp-partners-wrap .tcp-partner-item4 {
    top: 75px;
    left: 792px;
}
/* 第二行合作伙伴 */
.tp-cooperation-partner .tcp-partners-wrap .tcp-partner-item5 {
    top: 170px;
    left: 162px;
}
.tp-cooperation-partner .tcp-partners-wrap .tcp-partner-item6 {
    top: 170px;
    left: 342px;
}
.tp-cooperation-partner .tcp-partners-wrap .tcp-partner-item7 {
    top: 170px;
    left: 702px;
}
.tp-cooperation-partner .tcp-partners-wrap .tcp-partner-item8 {
    top: 170px;
    left: 882px;
}
/* 第三行合作伙伴 */
.tp-cooperation-partner .tcp-partners-wrap .tcp-partner-item9 {
    top: 260px;
    left: 72px;
}
.tp-cooperation-partner .tcp-partners-wrap .tcp-partner-item10 {
    top: 260px;
    left: 252px;
}
.tp-cooperation-partner .tcp-partners-wrap .tcp-partner-item11 {
    top: 260px;
    left: 790px;
}
.tp-cooperation-partner .tcp-partners-wrap .tcp-partner-item12 {
    top: 260px;
    left: 970px;
}
/* 第四行合作伙伴 */
.tp-cooperation-partner .tcp-partners-wrap .tcp-partner-item13 {
    top: 350px;
    left: 162px;
}
.tp-cooperation-partner .tcp-partners-wrap .tcp-partner-item14 {
    top: 350px;
    left: 342px;
}
.tp-cooperation-partner .tcp-partners-wrap .tcp-partner-item15 {
    top: 350px;
    left: 702px;
}
.tp-cooperation-partner .tcp-partners-wrap .tcp-partner-item16 {
    top: 350px;
    left: 882px;
}
/* 第五行合作伙伴 */
.tp-cooperation-partner .tcp-partners-wrap .tcp-partner-item17 {
    top: 440px;
    left: 252px;
}
.tp-cooperation-partner .tcp-partners-wrap .tcp-partner-item18 {
    top: 440px;
    left: 432px;
}
.tp-cooperation-partner .tcp-partners-wrap .tcp-partner-item19 {
    top: 440px;
    left: 612px;
}
.tp-cooperation-partner .tcp-partners-wrap .tcp-partner-item20 {
    top: 440px;
    left: 792px;
}
.tcp-partner-con-wrap {
    width: 238px;
    height: 238px;
    background: #834095;
    position: absolute;
    left: 462px;
    top: 198px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.tcp-partner-con-wrap .tcp-partner-con {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    padding: 40px 10px 10px 0;
    text-align: center;
}
.tcp-partner-con-wrap .tcp-partner-con .tcp-p-tit {
    color: #ffffff;
    font-size: 43px;
    font-weight: bold;
    letter-spacing: 5px;
}
.tcp-partner-con-wrap .tcp-partner-con .tcp-p-tit-eng {
    color: #b89ac1;
    font-size: 17px;
    letter-spacing: -1px;
}
.tcp-partner-con-wrap .tcp-partner-con .tcp-p-btn {
    font-size: 14px;
    color: #ffffff;
    display: inline-block;
    text-align: center;
    border-radius: 38px;
    width: 106px;
    height: 38px;
    line-height: 38px;
    background: #9053a0;
    margin-top: 40px;
    cursor: pointer;
}


/* 放大缩小动画 */
@keyframes scale {
    0%{-webkit-transform:scale(1.3);transform:scale(1.3)}
    55%{-webkit-transform:scale(.8);transform:scale(.8)}
    to{-webkit-transform:scale(1.3);transform:scale(1.3)}
}
@-webkit-keyframes scale {
    0%{-webkit-transform:scale(1.3);transform:scale(1.3)}
    55%{-webkit-transform:scale(.8);transform:scale(.8)}
    to{-webkit-transform:scale(1.3);transform:scale(1.3)}
}
@-moz-keyframes scale {
    0%{-webkit-transform:scale(1.3);transform:scale(1.3)}
    55%{-webkit-transform:scale(.8);transform:scale(.8)}
    to{-webkit-transform:scale(1.3);transform:scale(1.3)}
}
@-ms-keyframes scale {
    0%{-webkit-transform:scale(1.3);transform:scale(1.3)}
    55%{-webkit-transform:scale(.8);transform:scale(.8)}
    to{-webkit-transform:scale(1.3);transform:scale(1.3)}
}
/* 八边形放大缩小动画 */
@keyframes octagonScale {
    0%{-webkit-transform:scale(1.1) rotate(23deg);transform:scale(1.1) rotate(23deg);}
    55%{-webkit-transform:scale(1) rotate(23deg);transform:scale(1) rotate(23deg);}
    to{-webkit-transform:scale(1.1) rotate(23deg);transform:scale(1.1) rotate(23deg)}
}
@-webkit-keyframes octagonScale {
    0%{-webkit-transform:scale(1.1) rotate(23deg);transform:scale(1.1) rotate(23deg);}
    55%{-webkit-transform:scale(1) rotate(23deg);transform:scale(1) rotate(23deg);}
    to{-webkit-transform:scale(1.1) rotate(23deg);transform:scale(1.1) rotate(23deg)}
}
@-moz-keyframes octagonScale {
    0%{-webkit-transform:scale(1.1) rotate(23deg);transform:scale(1.1) rotate(23deg);}
    55%{-webkit-transform:scale(1) rotate(23deg);transform:scale(1) rotate(23deg);}
    to{-webkit-transform:scale(1.1) rotate(23deg);transform:scale(1.1) rotate(23deg)}
}
@-ms-keyframes octagonScale {
    0%{-webkit-transform:scale(1.1) rotate(23deg);transform:scale(1.1) rotate(23deg);}
    55%{-webkit-transform:scale(1) rotate(23deg);transform:scale(1) rotate(23deg);}
    to{-webkit-transform:scale(1.1) rotate(23deg);transform:scale(1.1) rotate(23deg)}
}
@keyframes octagonScale2 {
    0%{-webkit-transform:scale(1.1) rotate(22.5deg);transform:scale(1.1) rotate(22.5deg);}
    55%{-webkit-transform:scale(1) rotate(22.5deg);transform:scale(1) rotate(22.5deg);}
    to{-webkit-transform:scale(1.1) rotate(22.5deg);transform:scale(1.1) rotate(22.5deg)}
}
@-webkit-keyframes octagonScale2 {
    0%{-webkit-transform:scale(1.1) rotate(22.5deg);transform:scale(1.1) rotate(22.5deg);}
    55%{-webkit-transform:scale(1) rotate(22.5deg);transform:scale(1) rotate(22.5deg);}
    to{-webkit-transform:scale(1.1) rotate(22.5deg);transform:scale(1.1) rotate(22.5deg)}
}
@-moz-keyframes octagonScale2 {
    0%{-webkit-transform:scale(1.1) rotate(22.5deg);transform:scale(1.1) rotate(22.5deg);}
    55%{-webkit-transform:scale(1) rotate(22.5deg);transform:scale(1) rotate(22.5deg);}
    to{-webkit-transform:scale(1.1) rotate(22.5deg);transform:scale(1.1) rotate(22.5deg)}
}
@-ms-keyframes octagonScale2 {
    0%{-webkit-transform:scale(1.1) rotate(22.5deg);transform:scale(1.1) rotate(22.5deg);}
    55%{-webkit-transform:scale(1) rotate(22.5deg);transform:scale(1) rotate(22.5deg);}
    to{-webkit-transform:scale(1.1) rotate(22.5deg);transform:scale(1.1) rotate(22.5deg)}
}
/* 时间线移动动画 */
@keyframes timeMoveLeft {
    0% {-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    30% {-webkit-transform:rotate(5deg);transform:rotate(5deg);}
    60% {-webkit-transform:rotate(-5deg);transform:rotate(-5deg);}
    100% {-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-webkit-keyframes timeMoveLeft {
    0% {-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    30% {-webkit-transform:rotate(5deg);transform:rotate(5deg);}
    60% {-webkit-transform:rotate(-5deg);transform:rotate(-5deg);}
    100% {-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes timeMoveLeft {
    0% {-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    30% {-webkit-transform:rotate(5deg);transform:rotate(5deg);}
    60% {-webkit-transform:rotate(-5deg);transform:rotate(-5deg);}
    100% {-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-ms-keyframes timeMoveLeft {
    0% {-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    30% {-webkit-transform:rotate(5deg);transform:rotate(5deg);}
    60% {-webkit-transform:rotate(-5deg);transform:rotate(-5deg);}
    100% {-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes timeMoveRight {
    0% {-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    30% {-webkit-transform:rotate(5deg);transform:rotate(5deg);}
    60% {-webkit-transform:rotate(-5deg);transform:rotate(-5deg);}
    100% {-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-webkit-keyframes timeMoveRight {
    0% {-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    30% {-webkit-transform:rotate(5deg);transform:rotate(5deg);}
    60% {-webkit-transform:rotate(-5deg);transform:rotate(-5deg);}
    100% {-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes timeMoveRight {
    0% {-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    30% {-webkit-transform:rotate(5deg);transform:rotate(5deg);}
    60% {-webkit-transform:rotate(-5deg);transform:rotate(-5deg);}
    100% {-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-ms-keyframes timeMoveRight {
    0% {-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    30% {-webkit-transform:rotate(5deg);transform:rotate(5deg);}
    60% {-webkit-transform:rotate(-5deg);transform:rotate(-5deg);}
    100% {-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}

@keyframes show {
    0%{background: rgba(131,64,149,.3);}
    55%{background-: rgba(131,64,149,.5);}
    to{background: rgba(131,64,149,.9);}
}
@-webkit-keyframes show {
    0%{background: rgba(131,64,149,.3);}
    55%{background-: rgba(131,64,149,.5);}
    to{background: rgba(131,64,149,.9);}
}
@-moz-keyframes show {
    0%{background: rgba(131,64,149,.3);}
    55%{background-: rgba(131,64,149,.5);}
    to{background: rgba(131,64,149,.9);}
}
@-ms-keyframes show {
    0%{background: rgba(131,64,149,.3);}
    55%{background-: rgba(131,64,149,.5);}
    to{background: rgba(131,64,149,.9);}
}