/* #myMenu .logo {
    width: 6.00rem;
}

#myMenu .logo li span {
    color: #000;
    font-size: 0.52rem;
}

#myMenu .logo li span:first-child {
    margin-right: 0.19rem;
}

#myMenu .logo img {
    width: 100%;
} */


/* .phone {
    border: 0.02rem solid #000;
} */
.about-us {
    font-size: 0.33rem;
}

#myMenu {
    width: 100%;
    height: 2.00rem;
    border-bottom: 0.02rem solid rgba(255, 255, 255, 0.3);
    z-index: 10;
}

#myMenu .logo img {
    width: 3.70rem;
}

#myMenu>div {
    width: 22.22rem;
    height: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#myMenu ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    height: 100%;
    font-size: 0;
}

.nav-icon {
    display: block;
    width: 0.02rem;
    height: 0.44rem;
    background: url("../../img/index/SketchPng52213c3a1820e955b83a32c536b009efca544c03e3777d0759ae303d832bad93.png") no-repeat;
}

#myMenu>div>.nav {
    width: 70%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#myMenu>div>.nav a {
    color: #fff;
}

.phone {
    border-radius: 0.28rem;
    border: 0.02rem solid #fff;
    padding: 0.09rem 0.19rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.30rem;
}

.phone img {
    width: 0.33rem;
    height: 0.33rem;
    margin-right: 0.19rem;
    position: relative;
}

.menuList {
    cursor: pointer;
    font-size: 0.33rem;
}



.about-us {
    background-color: rgba(237, 240, 246, 1);
    padding-bottom: 3.33rem;
}

.about-us-title-box {
    width: 100%;
    height: 1.19rem;
    box-shadow: 0.00rem 0.04rem 0.30rem 0.00rem rgba(67, 90, 107, 0.1);
    position: relative;
    background-color: #fff;

}

.about-us-title {
    width: 22.22rem;
    margin: auto;
    height: 100%;
    display: flex;
    justify-content: space-between;
}

.title-left,
.title-right {
    display: flex;
    align-items: center;
    font-size: 0.33rem;
}

.title-left p a{
    padding: 0 0.19rem;
    font-size: 0.33rem;
    font-weight: 600;
    color: #666666;
    line-height: 0.41rem;
}

.title-right li {
    height: 100%;
    line-height: 1.19rem;
    padding: 0 0.37rem;
    cursor: pointer;
    font-size: 0.33rem;
}

.title-right .active a{
    background-color: rgba(190, 206, 221, 0.14);
    color: #1967FA;
    font-weight: 600;
}

.box {
    width: 22.22rem;
    margin: auto;
    padding-top: 1.48rem;
}

.company-profile {}

.company-profile-title {
    display: flex;
    align-items: center;
    margin-bottom: 0.93rem;
    font-size: 0.44rem;
    color: #000000;
    line-height: 0.61rem
}

.company-profile-title span:first-child {
    display: block;
    width: 0.19rem;
    height: 0.37rem;
    background-color: #000;
    margin-right: 0.19rem;
}

.company-profile-content {
    width: 22.22rem;
    margin: auto;
}

.profile-item {
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
}

.pt-68 {
    padding-top: 1.26rem;
}

.profile-item:last-child {
    margin-top: 2.22rem;
}

.profile-item .img {
    width: 10.37rem;

}

.profile-item:first-child .img {
    margin-right: 1.06rem;
}

.profile-item:last-child .img {
    padding-top: 0.28rem;
    margin-left: 1.06rem;
}

.profile-item .desc {
    flex: 1;
    font-size: 0.37rem;
    color: #000000;
    line-height: 0.74rem;
    padding: 0.09rem 0.28rem;
}

.profile-item .desc p:first-child {
    margin-bottom: 0.74rem;
}

.desc-right>p {
    width: 100%;
    height: 1.33rem;
    text-align: center;

}

.desc-right>p:nth-child(1) {
    background: #2370FA;
    color: rgba(255, 255, 255, 1);
    font-size: 0.41rem;
    line-height: 1.33rem;
}

.desc-right>p:nth-child(2) {
    background: #2370FA;
    background: #D8E7F5;
    /* border: 0.02rem solid rgba(35, 112, 250, 0.32); */
    columns: rgba(20, 89, 214, 1);
    font-size: 0.37rem;
    line-height: 1.30rem;
    margin: 0.48rem 0;
}

.desc-right>div {
    display: flex;
    justify-content: space-between;
}

.desc-right>div p {
    width: 2.39rem;
    height: 3.15rem;
    /* border: 0.02rem solid rgba(35, 112, 250, 0.39); */
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    color: rgba(0, 66, 185, 1);
    font-size: 0.30rem;
}

.corporate-style {
    width: 100%;
    margin: auto;
    margin-top: 2.22rem;
}

.corporate-style-content {
    display: flex;
    justify-content: space-between;
}

.style-content-item {
    width: 7.11rem;
    height: 4.80rem;
    margin-right: 0.37rem;
}

.style-content-item img {
    width: 100%;
}
.str_move_clone {
    height: 100%;
    display: flex !important;
}
.botom-banner {
    /* margin-top: 3.70rem; */
    width: 100%;
    height: 4.13rem;
    background-color: rgba(1, 67, 195, 0.9);
    display: flex;
    justify-content: center;
    /* padding-top: 1.11rem; */
    box-sizing: border-box;
    color: #fff;
    background: url("../../img/AboutUs/footer-bg.png") no-repeat;
    background-size: 100% 100%;
}













.development-history {
    /* width: 22.22rem;
    margin: auto; */
}
.history-box-content.mySwiper .swiper-slide{
    /*padding: 0.37rem;*/
}
.history-box {
    /*width: 100%;*/
    margin: 0.5rem;
    height: 10.33rem;
    box-shadow: 0.00rem 0.00rem 0.37rem 0.00rem rgba(128, 129, 139, 0.2);
    border-radius: 0.02rem;
    padding: 1.44rem 1.33rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}

.history-box-bottom {
    margin-top: 1.20rem;
    display: flex;
}

.history-bottom-left,
.history-bottom-right {
    width: 0.85rem;
    height: 0.85rem;
    /* border: 0.04rem solid #525252; */
    border-radius: 50%;
    margin: 0 0.33rem;
    cursor: pointer;
}

.history-bottom-left {
    margin-left: 0;
    background: url("../../img/AboutUs/left.png") no-repeat;
    background-size: cover;
}

.history-bottom-right {
    margin-right: 0;
    background: url("../../img/AboutUs/right.png") no-repeat;
    background-size: cover;
}

.history-bottom-center {
    flex: 1;
    align-self: center;
    position: relative;
}

.history-bottom-center-content {
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    bottom: -1.31rem;
    left: 0;
    font-size: 0.44rem;
    font-weight: 400;
    color: #A3A2A2;
    line-height: 0.61rem;
}

.history-bottom-center-content .active {
    color: rgba(35, 112, 250, 1);
}

.history-content-item {
    text-align: center;
    cursor: pointer;
}

.history-content-item>span {
    display: inline-block;
    width: 0.30rem;
    height: 0.30rem;
    background: #636363;
    border-radius: 50%;
}

.history-bottom-center-content .active span {
    width: 0.67rem;
    height: 0.83rem;
    background: url("../../img/AboutUs/year.png") no-repeat;
    margin-top: -0.37rem;

}

.history-content-item>p {
    margin-top: 0.44rem;
}

.history-bottom-center-top {
    width: 100%;
    height: 0.06rem;
    background: rgba(223, 223, 223, 1);
}


.history-left {
    width: 7.41rem;
    height: 100%;
}

.history-left-img {
    width: 7.24rem;
    /* height: 4.19rem; */
    /* background-color: #ccc; */
}

.history-left p {
    font-size: 1.07rem;
    color: rgba(35, 112, 250, 1);
    margin-top: 0.44rem;
}

.history-left p span {
    font-size: 0.52rem;
}

.history-right {
    margin-left: 1.09rem;
    font-size: 0.41rem;
    color: #666666;
    line-height: 0.76rem;
}

.history-right p {
    margin-bottom: 0.67rem;
}

.tab-content {
    display: none;
}

.active {
    display: block;
}


.team-desc {
    display: flex;
    margin-bottom: 3.48rem;
    position: relative;
}

.team-desc-left {
    width: 12.96rem;
    font-size: 0.37rem;
    line-height: 0.74rem;
    color: #000;
    position: relative;
    z-index: 1;
}

.team-desc-left>div {
    margin-bottom: 0.74rem;
}

.team-desc-right {
    width: 14.81rem;
    position: absolute;
    right: 0;
    top: 0;
}

.team-desc-right img {
    width: 100%;
}

.team-character {
    display: flex;

}

.team .item {
    margin-bottom: 5.00rem;
}

.team .item:last-child {
    margin-bottom: 0;
}

.team-character-left {
    width: 9.00rem;
    height: 8.89rem;
    /*background-color: #ccc;*/
    margin-right: 1.04rem;
}
.team-character-left img{
    width: 100%;
}
.team-character-right>p {
    line-height: 0.83rem;
}

.character-right-name {
    line-height: 1.11rem;
    margin-bottom: 1.11rem;
}

.character-right-name p:first-child {
    font-size: 0.56rem;
}

.character-right-name p:last-child {
    font-size: 0.85rem;
    font-weight: bold;
}

.character-right-desc {
    line-height: 0.81rem;
    font-size: 0.37rem;
}


.corporate-culture-box {
    display: flex;
    justify-content: space-between;
}

.corporate-culture-box .culture-item {
    width: 7.11rem;
    height: 10.20rem;
    background: #fff;
    box-shadow: 0.00rem 0.00rem 0.30rem 0.00rem rgba(102, 146, 185, 0.16);
    border-radius: 0.07rem;
    padding: 0.74rem;
    box-sizing: border-box;
}

.culture-item-img {
    width: 5.63rem;
    height: 2.96rem;
    background-color: #ccc;
}

.culture-item-img img {
    width: 100%;
}

.culture-item .title {
    text-align: center;
    font-size: 0.52rem;
    font-weight: 600;
    color: #000000;
    line-height: 0.74rem;
    margin-top: 0.59rem;
}

.culture-item .title-en {
    font-size: 0.33rem;
    font-weight: 400;
    color: #A4A3A3;
    line-height: 0.67rem;
    text-align: center;
    text-transform: uppercase;
}

.culture-item .desc {
    font-size: 0.30rem;
    font-weight: 300;
    color: #000000;
    line-height: 0.56rem;
    margin-top: 0.26rem;
}

.corporate-culture-title {
    margin-top: 3.19rem;
}

.corporate-culture-principle {
    display: grid;
    grid-template-columns: 10.89rem 10.89rem;
    grid-template-rows: 1.67rem 1.67rem 1.67rem;
    row-gap: 0.44rem;
    column-gap: 0.44rem;
}

.corporate-culture-principle .principle-item {
    background-color: #fff;
    line-height: 1.67rem;
    padding-left: 0.81rem;
    box-sizing: border-box;
    font-size: 0.37rem;
    font-weight: 800;
    color: #000000;
}

.qualifications {
    width: 100%;

}

.qualifications-box {
    padding-bottom: 0.74rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}

.qualifications-box>div {
    width: 22.22rem;
    margin: auto;
}

.qualifications-box>img {
    width: 100%;
}

.qualifications-content {
    display: flex;
    margin: 2.22rem 0;
}

.qualifications-content-left {
    width: 40%;
    padding-left: 1.11rem;
    font-size: 0.37rem;
    font-weight: 400;
    color: #000000;
    line-height: 0.74rem;
    margin-right: 0.93rem;
}
.qualifications-content-left p{
    text-align: justify;
}
.qualifications-content-left p:first-child {
    margin-bottom: 0.24rem;
}
.mt-140{
    margin-top: 2.59rem;
}
.qualifications-content-right {
    flex: 1;
    background-color: #ccc;
    width: 60%;
}

.qualifications-img {
    width: 22.22rem;
    margin: 2.41rem auto 0;
    text-align: center;

}

.qualifications-box-c {
    /* width: 19.39rem; */
    display: flex;
    align-items: center;
}

.button-next,
.button-prev {
    width: 0.85rem;
    height: 0.85rem;
    /* border: 0.04rem solid #525252; */
    border-radius: 50%;
    cursor: pointer;
}

.button-prev {
    background: url("../../img/AboutUs/left.png") no-repeat;
    background-size: cover;
}

.button-next {
    background: url("../../img/AboutUs/right.png") no-repeat;
    background-size: cover;
}

.qualifications-img p {
    font-size: 0.37rem;
    font-weight: 400;
    color: #000000;
    line-height: 0.74rem;
    text-align: center;
    margin-top: 0.50rem;
}

.partners-content {
    display: grid;
    grid-template-columns: repeat(4, 5.22rem);
    grid-template-rows: repeat(4, 1.93rem);
    row-gap: 0.44rem;
    column-gap: 0.44rem;
}

.partners-item {
    /*background-color: #fff;*/
}

.application-area {
    display: grid;
    grid-template-columns: repeat(4, 5.22rem);
    grid-template-rows: repeat(2, 2.94rem);
    row-gap: 0.52rem;
    column-gap: 0.44rem;
}

.application-area-item {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 0.39rem;
    color: #000000;
    line-height: 0.54rem;
    /* cursor: pointer; */
}

.application-area-item .area-img {
    width: 1.00rem;
    height: 1.00rem;
    background: #E9ECFF;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 0.35rem;
}

.swiper {
    flex: 1;
    margin: 0 0.48rem;

}

.swiper-slide img {
    width: 100%;
}



.contact-box {
    display: flex;
    justify-content: space-between;
}

.contact-box-item {
    width: 10.89rem;
    height: 1.67rem;
    background: #FFFFFF;

    padding: 0 0.89rem 0 1.07rem;
    box-sizing: border-box;
}

.contact-box-item>div {
    height: 100%;
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
}

.contact-box-item .item-phone {
    /* margin-top: 0.22rem; */
    font-size: 0.41rem;
    color: #000000;
    /* line-height: 0.83rem; */
}

.item-title {
    width: 1.56rem;
    height: 0.44rem;
    border: 0.02rem solid #000000;
    font-size: 0.33rem;
    color: #000000;
    line-height: 0.44rem;
    text-align: center;
    margin-right: 1.30rem;
}

.contact-box-item>p {
    width: 2.22rem;
    height: 0.74rem;
    background: #FFFFFF;
    border-radius: 0.43rem;
    border: 0.02rem solid #2370FA;
    font-size: 0.22rem;
    color: #2370FA;
    line-height: 0.74rem;
    text-align: center;
}

.contact-address {
    margin-top: 1.07rem;
    width: 100%;
    height: 16.87rem;
    background: #FFFFFF;
    padding: 0.63rem 1.48rem 1.33rem;
    box-sizing: border-box;
}

.contact-address-title {
    width: 1.59rem;
    height: 0.48rem;
    border: 0.02rem solid #000000;
    font-size: 0.33rem;
    color: #000000;
    line-height: 0.46rem;
    text-align: center;
}

.address-tab {
    width: 100%;
    border-bottom: 0.02rem solid rgba(151, 151, 151, 0.16);
    display: flex;
    padding-bottom: 0.19rem;
    margin-top: 0.59rem;

}

.address-tab p {
    padding: 0 0.19rem;
    position: relative;
    cursor: pointer;
    line-height: 0.83rem;
}

.active-tab {
    font-weight: 600;
}

.active-tab::before {
    content: "";
    width: 0.89rem;
    height: 0.07rem;
    background: #000000;
    border-radius: 0.04rem;
    position: absolute;
    bottom: -0.22rem;
    left: 50%;
    margin-left: -0.44rem;
}

.contact-address .address {
    margin-top: 0.74rem;
    font-size: 0.31rem;
    color: #000000;
    line-height: 0.57rem;
}

.address-map {
    width: 100%;
    margin-top: 0.22rem;
    height: 11.11rem;
}

.address-map img {
    width: 100%;
}
.fzlc-bottom{
    display: flex;
    margin-top: 0.74rem;
    align-items: center;
}
.history-bottom-center-top{
    position: absolute;
    width: 1000%;
}
.fz-panat{
    align-items: center;
}
.fz-panat .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 1.04rem;
}
.fz-panat .swiper-slide span{
    display: inline-block;
    width: 0.30rem;
    height: 0.30rem;
    background: #636363;
    border-radius: 50%;
}
.fz-panat .swiper-slide p{
    margin-top: 0.43rem;
}
.fz-panat .swiper-slide.fz-pa-active span{
    width: 0.67rem;
    height: 0.83rem;
    background: url(../../img/AboutUs/year.png) no-repeat;
    margin-top:-0.56rem;
}
.fz-panat .swiper-slide p{
    font-size: 0.44rem;
    font-weight: 400;
    color: #A3A2A2;
    line-height: 0.61rem;
}
.fz-panat .swiper-slide.fz-pa-active p{
    color: rgba(35, 112, 250, 1);
}
.mySwiper2 .swiper-slide {
    cursor: pointer;
}
.corporate-style-content>div{
    height:4.63rem !important;
    display: flex;
    justify-content: space-between;
}
@media (min-width:300px) and (max-width: 800px) {
    .title-left{
        display: none;
    }
    .about-us-title{
        width: 100%;
    }
    .title-right li{
        padding: 0 0.1rem;
        font-size: 0.3rem;
        white-space: nowrap;
    }
    .title-right{
        margin: 0 auto;
    }
    .company-profile-title{
        padding-left: 0.5rem;
        margin-bottom: 0.33rem;
    }
    .company-profile-content{
        width: 100%;
    }
    .profile-item .img{
        width: 100%;
    }
    .profile-item{
        flex-direction: column;
    }
    .box{
        width: 100%;
    }
    .profile-item .img img{
        width: 100%;
    }
    .profile-item:last-child .img{
        margin-left: unset;
    }
    .history-box{
        padding: unset;
        flex-direction: column;
        align-items: center;
        /*justify-content: center;*/
        overflow-y: scroll;
        padding-top: 1rem;
    }
    .history-left p{
        font-size: 0.7rem;
    }
    .history-right{
        margin: 0.5rem;
        font-size: 0.36rem;
    }
    .swiper{
        margin: 0;
    }

    .fzlc-bottom{
        margin-top: 0;
    }
    .fz-panat .swiper-slide.fz-pa-active span{
        background-size: contain;
    }

    .pt-68{
        padding-top: 01.5rem;
    }
    .team-desc-left>div{
        padding: 0 0.5rem;
    }
    .team-desc-right{
        width: 8.81rem;
        bottom: 0;
    }
    .team .item{
        flex-direction: column;
        padding: 0 0.5rem;
        margin-bottom: 2rem;
    }
    .team-character-left{
        width: 100%;
        margin-right: unset;
    }
    .team-desc{
        margin-bottom: 1.48rem;
    }
    .corporate-culture-box{
        flex-direction: column;
        align-items: center;
    }
    .corporate-culture-box .culture-item{
        margin-top: 0.5rem;
        width: 8.11rem;
    }
    culture-item-img {
        width: 6.63rem;
        height: 3.46rem;
        background-color: #fff;
    }
    .culture-item .desc{
        font-size: 0.34rem;
    }
    .corporate-culture-title{
        margin-top: 2.19rem;
    }
    .corporate-culture-principle{
        display: flex;
        flex-direction: column;
        margin: 0 0.5rem;
    }
    .corporate-culture-principle .principle-item{
        padding-left: unset;
        text-align: center;
    }
    .team-desc-right img{
        position: absolute;
        bottom: 0;
    }
    .qualifications-content{
        flex-direction: column;
    }
    .qualifications-box>div{
        width: 100%;
    }
    .qualifications-content-left{
        width: unset;
        padding-left: unset;
        padding: 0 0.5rem;
        margin-right: 0;
    }
    .qualifications-content-right{
        width: unset;
        background-color: #fff;
    }
    .qualifications-img{
        width: 100%;
    }
    .partners-item img{
        width: 100%;
    }
    .partners-content {
        grid-template-columns: repeat(2, 4.4rem);
        grid-template-rows: repeat(4, 1.93rem);
        row-gap: 0.24rem;
        column-gap: 0.24rem;
        padding: 0.5rem;
    }
    .application-area {
        display: grid;
        grid-template-columns: repeat(2, 4.42rem);
        grid-template-rows: repeat(2, 2.94rem);
        row-gap: 0.52rem;
        column-gap: 0.44rem;
        padding: 0.4rem;
    }
    .partners-item {
        /*background-color: #fff;*/
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .application-area .application-area-item img{
        width: 100%;
    }
    .about-us{
        padding-bottom: 1.73rem;
    }
    .contact-box{
        flex-direction: column;
    }
    .contact-box-item:last-child{
        margin-top: 0.3rem;
    }
    .contact-address{
        padding: 0.63rem 0.8rem 1.33rem;
    }
}