body {
  
}

/* 全屏大图 */
.banner {
    width:100% !important;
    background: url(../image/about/banner.png) no-repeat top center;
    background-size: cover;
}


.block_top {
    padding-top:368px;
    margin: 0 auto;
    box-sizing: border-box;
}


.block_top .block_top_title {
    font-size:64px;
    display:block;
    padding:20px 20px 20px 210px;
    width: 1076px;
    background: rgba(62, 234, 255, 0.2475961595773697);
    border-radius: 10px 10px 10px 10px;
    opacity: 1;
    margin-left:0;
    text-align:left;
}

.block_top .block__top__subtitle {
    padding:20px 20px 20px 210px;
    width: 1289px;
    margin-top: 37px;
    font-size: 36px;
    letter-spacing: 4px;
    text-align:left;
}

/* small screen */
.d-lg-none.block_top {
    padding-top:98px;
}
.d-lg-none .block_top_title {
    background:none;
    width:50%;
    font-size:24px;
    line-height:34px;
    margin:0 auto;
    margin-top:6px;
    padding:0;
    text-align: center;
}

.d-lg-none .block__top__subtitle { 
    letter-spacing:1px;
    width:100%;
    font-size:12px;
    line-height:17px;
    margin:0 auto;
    padding:0;
    text-align: center;
    background:none;
    margin-top:6px;
}





.about__service__bg {
    background: linear-gradient(rgba(234, 252, 255, 1), rgba(255, 255, 255, .6));

}




.index__partner__bg {
    background: linear-gradient(rgba(143, 247, 255, 1), rgba(52, 177, 192, 1));
}
/* 核心竞争力 */
.index__partner {
    /* 标准的语法 */
    color: #FFFFFF !important;
}

.partner_item {
    width: 190px !important;
    height: 67px !important;
    background: #ffffff;
    border-radius: 10px;
    font-size: 25px;
    font-weight: normal;
    color: #0A3459;
    line-height: 67px;
    letter-spacing: 2px;
}

.partner_wrap {
    height: 100px;
}

.partner_intro .intro {
    height: auto !important;
    background: rgba(161, 245, 255, 1);
    border-radius: 15px;
}
.partner_intro .intro h3 {
    font-size:22px;
}

.partner_intro .pointer_wrap .potinter {
    left: 70px;
    border-bottom: 35px solid rgba(161, 245, 255, 1);
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
}

.index__business__segment__bg {
    background: rgba(223, 242, 246, .2)
}

.phone-core-powder {
    width:100%;
    color:rgba(10, 52, 89, 1);
    margin-bottom:28px;
}
.phone-core-powder>div {
    width: 82px;
    height: 29px;
    line-height: 29px;
    background:#ffffff;
    border-radius:10px;
    text-align:center;
    box-shadow: 0px 0px 2px 1px #27ADBE;
    cursor: pointer;
    margin-right:20px;
}
.phone-core-powder>div.active {
    background:rgba(39, 173, 190, 1);
    color:#FFFFFF;
}

.phone-powder h3 {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
}

.phone-powder .intro.active {
    display:block;
}


/* 版本适配 */
@media (min-width: 100px) {
    .about__about__us__bg {
        background: linear-gradient(rgba(52, 177, 192, 1),rgb(32, 148, 156))
    }

    .about__about__us {
        display: flex;
        flex-direction: column;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left:26px !important;
        padding-right:26px !important;
    }
    
    .about__about__us__left {
        width: 290px;
        text-align: center;
        font-weight: normal;
        color: #FFFFFF;
    }
    
    .about__about__us__left h1 {
        padding-right:50px;
        text-align: right;
        font-size: 36px;
        letter-spacing: 4px;
    }
    
    .about__about__us__left p {
        padding-right:50px;
        text-align: right;
        font-size: 18px;
        letter-spacing: 2px;
    }
    
    .about__about__us__center {
        background:linear-gradient(rgba(136, 250, 255, 0.2),rgb(158, 243, 255, 0.1));
        width: 100%;
        font-size: 2rem;
        color: #FFFFFF;
        line-height: 3rem;
        letter-spacing: 3px;
        overflow-y: auto;
        padding:19px;
        border-radius: 10px;
        text-align: left;
    }
    
    .about__about__us__right {
        width: 100px;
    }

    .about__service {
        width:auto;
        height: auto;
        box-sizing: border-box;
        padding: 0;
        display: flex;
        flex-direction:column;
        justify-content: space-between;
        align-items:center;
        /* 标准的语法 */
    }

    .about__service .img_wrap {
        width: 115px;
        height: 94px;
        position: relative;
        margin-top:22px;
        margin-bottom:22px;
    }
    
    .about__service .img_wrap img{
       width:100%;
       height:100%;
    }
    
    .about__service .img_wrap h1 {
        width: 100%;
        height: 32px;
        line-height: 32px;
        position: absolute;
        margin-bottom: 0;
        bottom: 0;
        background: linear-gradient(to bottom,rgba(20, 193, 206, 0.431),rgba(52, 177, 192, 0.43) );
        box-shadow: 0px 1px 2px 1px rgba(52, 177, 192, 1);
        /* 标准的语法 */
        border-radius: 10px;
        color: #ffffff;
        text-align: center;
        font-size: 14px;
    }
    
    .about__service .content_wrap {
        width: auto;
        height: auto;
        padding: 16px 33px;
        box-sizing: border-box;
        background: rgba(52, 177, 192, .2);
        border-radius: 10px;
    }
    
    .about__service .content_wrap>div {
        height: auto;
        overflow-y: auto;
        font-size: 12px;
        color: #0A3459;
        line-height: 22px;
        letter-spacing: 0;
        text-align:left;
    }

    .block__ct .block__main {
        max-width: 1200px;
        padding-left:26px;
        padding-right:26px;
        text-align: center;
        padding-bottom:5rem;
        box-sizing: border-box;
    }

    .index__business__segment {
        height: auto !important;
    }
    
    .segment_wrap {
        width: auto;
        height: auto;
    }
    
    .segment_wrap video {
        background: #91b2bb;
        border-radius: 10px;
        width:100%;
    }

    .phone-powder .intro {
        color:rgba(10, 52, 89, 1) !important;
        height:300px;
        display:none;
        overflow:hidden;
        position: relative;
        background:#ffffff;
        box-shadow: 0px 1px 2px 1px rgb(52 177 192);
        border-radius: 10px;
        padding:10px 20px;
        box-sizing: border-box;
    }
    @keyframes introexpanded {
        0% { 
            height:300px;
        }
        99% {
            height:500px;
        }
        100%{
            height:auto;
        }
    }
    .phone-powder .intro.expanded {
        height:auto;
        overflow: hidden;
        background:#ffffff;
        padding:10px 20px 60px;
        animation-name: introexpanded;
        animation-duration: 0.5s;
    }
    .phone-powder .intro .intro_expand {
        position: absolute; 
        bottom:0;
        left:0;
        width:100%;
        background:#fff;
        text-align:center;
        height:50px;
        font-size:14px;
        font-weight: bold;
        line-height:50px;
        color:#34B1C0;
    }

    .phone-powder {
        background: #EAFCFF;
        padding:0 26px 44px;
    }
}
@media (min-width: 768px) {
    
    .about__about__us__bg {
        background: linear-gradient(rgba(52, 177, 192, 1),rgba(143, 247, 255, 1))
    }

    .about__about__us {
        height: 462px;
        display: flex;
        flex-direction: row;
        padding-top: 50px;
        padding-bottom: 20px;
    }
    
    .about__about__us__left {
        width: 290px;
        text-align: center;
        font-weight: normal;
        color: #FFFFFF;
    }
    
    .about__about__us__left h1 {
        padding-right:50px;
        text-align: right;
        font-size: 36px;
        letter-spacing: 4px;
    }
    
    .about__about__us__left p {
        padding-right:50px;
        text-align: right;
        font-size: 18px;
        letter-spacing: 2px;
    }
    
    .about__about__us__center {
        background:linear-gradient(rgba(136, 250, 255, 0.3954326808452606),rgba(158, 243, 255, 0.053130462765693665));
        width: 790px;
        font-size: 16px;
        color: #FFFFFF;
        line-height: 30px;
        letter-spacing: 3px;
        overflow-y: auto;
        padding:19px;
        border-radius: 10px;
        text-align: left;
    }
    
    .about__about__us__right {
        width: 100px;
    }

    .about__service {
        width:983px;
        height: 314px;
        box-sizing: border-box;
        padding: 49px 119px 140px;
        display: flex;
        flex-direction:row;
        justify-content: space-between;
        /* 标准的语法 */
    }

    .about__service .img_wrap {
        width: 232px;
        height: 206px;
        position: relative;
        margin-top:0;
        margin-bottom:0;
    }
    
    .about__service .img_wrap img{
       width:100%;
       height:100%;
    }
    
    .about__service .img_wrap h1 {
        width: 232px;
        height: 67px;
        line-height: 67px;
        position: absolute;
        margin-bottom: 0;
        bottom: 0;
        background: linear-gradient(to bottom,rgba(20, 193, 206, 0.431),rgba(52, 177, 192, 0.43) );
        box-shadow: 0px 1px 2px 1px rgba(52, 177, 192, 1);
        /* 标准的语法 */
        border-radius: 20px;
        color: #ffffff;
        text-align: center;
        font-size: 24px;
    }
    
    .about__service .content_wrap {
        width: 673px;
        height: 206px;
        padding: 20px;
        box-sizing: border-box;
        background: rgba(52, 177, 192, .2);
        border-radius: 20px;
    }
    
    .about__service .content_wrap>div {
        height: 100%;
        overflow-y: auto;
        font-size: 16px;
        color: #0A3459;
        line-height: 28px;
        letter-spacing: 1px;
        text-align:left;
    }

    .block__ct .block__main {
        max-width: 1200px;
        padding-left:2rem;
        padding-right:2rem;
        text-align: center;
        padding-bottom:5rem;
        box-sizing: border-box;
    }

    .index__business__segment {
        height: 731px !important;
    }
    
    .segment_wrap {
    }
    
    .segment_wrap video {
        background: #91b2bb;
        border-radius: 20px;
        width:770px;
    }

    .phone-powder .intro {
        color:rgba(10, 52, 89, 1) !important;
        height:auto;
        display:none;
    }

    .phone-powder {
        background: #EAFCFF;
        padding:0 44px 44px;
    }
    
}