﻿.aboutus-wrapper{
    width:100%;
    overflow:visible;
}
.aboutus-banner {
    width: auto;
    height: 520px;
    background: url("../image/weitu.png") no-repeat 100% 100%;
    background-size: auto;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
}
.aboutus-banner .aboutus-banner-txt {
    position: relative;
    padding-left: 10%;
}

.text_22 {
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 45px;
    color: #000000;
    line-height: 45px;
    text-align: left;
    font-style: normal;
}
.text-group_14{
    margin-top: 29px;
    line-height: 40px;
}
.text-wrapper_5 {
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 20px;
    color: #000000;
    line-height: 28px;
    text-align: left;
    font-style: normal;
}

.text_23 {
    color: rgba(0, 0, 0, 1);
}

.text_24 {
    color: rgba(34, 135, 237, 1);
}

.text_25 {
    color: rgba(0, 0, 0, 1);
}

.text_26 {
    color: rgba(34, 135, 237, 1);
}

.text_27 {
    color: rgba(0, 0, 0, 1);
}

.text_28 {
    font-weight: 400;
    font-size: 20px;
    color: #000000;
    line-height: 28px;
    text-align: left;
    font-style: normal;
}

.text_29 {
    font-weight: 400;
    font-size: 20px;
    color: #575757;
    line-height: 28px;
    text-align: left;
    font-style: normal;
}
.fullwidth_box{
    posittion:relative;
    overflow: visible;
    width:100%;
}
.nav_box{
    position:sticky;
    top:70px;
    z-index: 998;
}
.about_us_nav{
    box-shadow:2px 5px 9px 5px #F6F5F8;
    background-color: #FFFFFF;
}
.nav-items{
    display: flex;
    padding:30px 8%;
}
.nav-items .item{
    width:158px;
    height: 52px;
    background: #EDF5FE;
    border-radius: 10px;
    font-size: 16px;
    color: #474747;
    margin:0 2%;
    cursor: pointer;
    display:flex;
    justify-content: center;
    align-items: center;
}
.item.on{
    background: #2287ED;
    color: #FFFFFF!important;
}
.nav-items .item .nav_text{
    font-weight: 400;
    font-size: 20px;
    text-align: center;
    font-style: normal;
    display: flex;
    justify-content: center;
    align-items: center;
}
.introduction_box{
    width: 100%;
    padding-top:68px;
}
.introduction_title{
    margin:0 auto 66px auto;
    text-align: center;
    font-weight: 600;
    font-size: 28px;
    color: #474747;
    line-height: 40px;
    font-style: normal;
}
.introduction_content{
    padding:0 10% 100px 10%;
    display:flex;
    color:#474747;
    font-weight: 450;
}
.introduction_text{
    flex: 1;
    margin-right: 20px;
    max-width: 50%;
}
.introduction_content  .paragraph_1{
    font-weight: 500;
    font-size: 15px;
    color: #474747;
    line-height: 21px;
    text-align: left;
    font-style: normal;
    margin-top: 11px;
}
.introduction_content .paragraph_2 {
    margin-top: 27px;
    font-weight: 500;
    font-size: 15px;
    color: #474747;
    line-height: 21px;
    text-align: left;
    font-style: normal;
}
.introduction_content img{
    margin-left:5%;
    width:35%;
    height:auto;
    object-fit: contain; /* 保持图片比例 */
}
.introduction_divider{
    background-size: 100% 100%;
    background: linear-gradient(to bottom, #4FA9FF 0%, #2287ED 100%);
    height:166px;
    line-height:166px;
    text-align: center;
    color:#FFFFFF;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 11px;
    font-style: normal;
}
.introduction_footer{
    width:100%;
    background:url("https://www.kehu002.com/skin/default/img/%E7%AE%80%E4%BB%8B%E5%BA%95%E9%83%A8%E8%83%8C%E6%99%AF.png") no-repeat;
    text-align: center;
    background-size: 100% 100%;
    padding: 100px;
}
.introduction_footer img{
    margin:0 auto;
}
.technology_box{
    width:100%;
    background:url("https://www.kehu002.com/skin/default/img/%E6%8A%80%E6%9C%AF%E5%AE%9E%E5%8A%9B%E8%83%8C%E6%99%AF.png") no-repeat;
    background-size: 100% 100%;
    text-align: center;
    padding-top:68px;
}
.technology_title{
    margin:0 auto ;
    text-align: center;
    font-weight: 600;
    font-size: 28px;
    color: #474747;
    line-height: 40px;
    font-style: normal;
}
.technology_box img{
    margin:23px auto 100px auto;
}
.service_box{
    width:100%;
    background-color: #F2F9FF;
    background-size: contain;
    padding-top:54px;
    margin:0 auto;
}
.service_title{
    margin:0 auto;
    text-align: center;
    font-weight: 600;
    font-size: 28px;
    color: #474747;
    line-height: 40px;
    font-style: normal;
}
.service_subtitle{
    text-align: center;
    font-size: 14px;
    color:#333333;
    font-weight: 600;
    line-height: 28px;
    font-style: normal;
}
.service_content{
    max-width:100%;
    text-align: center;
}
.service_content_box{
    margin:54px auto 0 auto;
    display:flex;
    justify-content: center;
    width:1300px;
    max-width: 100%;
    padding-bottom: 66px;
}
.service_content img{
    margin: 0 10px;
    height: auto;
    max-width: 100%;
    width: 25%;
}
@media screen and (max-width:448px){
    .nav-items{
        padding:5% 1%;
    }
    .nav-items .item .nav_text{
        font-size:15px !important;
        font-weight: initial;
    }
}
@media screen and (max-width:1100px){
    .introduction_content{
        flex-direction: column;
    }
    .introduction_text{
        max-width: 100%;
    }
    .introduction_content img{
        width:initial;
    }
    .introduction_divider{
        font-size: 18px;
    }
}
@media screen and (max-width:690px){
    .introduction_divider{
        font-size: 12px;
    }

}
@media screen and (max-width:552px){
    .introduction_divider{
        font-size: 10px;
        letter-spacing: 5px;
    }
}
@media screen and (max-width:376px){
    .pc_aboutus_banner{
        display:none;
    }
    .aboutus-banner{
        background: url("https://www.kehu002.com/skin/default/img/%E5%85%B3%E4%BA%8E%E6%88%91%E4%BB%AC_mobile.png") no-repeat;
        background-size: 100% 100%;
    }
    .introduction_footer{
        padding:initial;
    }
    .aboutus-banner-txt{
        padding-top:initial!important;
        padding-bottom:316px;
    }
    .text_22{
        font-size:24px ;
    }
    .text-wrapper_5{
        font-size:22px ;
    }
}
.item_child{
    display:flex;
    align-items: center;
    justify-content: center;
}
.item_child_img{
    margin-right: 7px;
    width:20px;
    height:36px;
}
.item_child_img1{
    background: url("https://www.kehu002.com/skin/default/img/%E7%AE%80%E4%BB%8B.png") no-repeat center center;
    background-size: contain;
}
.item_child_img2{
    background: url("https://www.kehu002.com/skin/default/img/%E6%8A%80%E6%9C%AF%E5%AE%9E%E5%8A%9B.png") no-repeat  center center;
    background-size: contain;
}
.item_child_img3{
    background: url("https://www.kehu002.com/skin/default/img/%E6%9C%8D%E5%8A%A1%E4%BD%93%E7%B3%BB.png") no-repeat  center center;
    background-size: contain;
}
.item.on .item_child_img1{
    background: url("https://www.kehu002.com/skin/default/img/%E7%AE%80%E4%BB%8B1.png") no-repeat center center;
    background-size: contain;
}
.item.on .item_child_img2{
    background: url("https://www.kehu002.com/skin/default/img/%E6%8A%80%E6%9C%AF%E5%AE%9E%E5%8A%9B1.png") no-repeat center center;
    background-size: contain;
}
.item.on .item_child_img3{
    background: url("https://www.kehu002.com/skin/default/img/%E6%9C%8D%E5%8A%A1%E4%BD%93%E7%B3%BB0.png") no-repeat center center;
    background-size: contain;
}
body{
    font: 16px/1.5 'Microsoft YaHei', 微软雅黑, tahoma, arial, simsun, 宋体;
    font-family: 'Microsoft YaHei', 微软雅黑, tahoma, arial, simsun, 宋体, sans-serif !important;
}
.qwfws{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #4169E1;
    height: 56px;
    background-color: #fff;
    border-radius: 8px;
}
.flex_center{
    display:flex;
    justify-content: center;
    align-items: center;
}
.qwsvg{
    height: 100%;
    border: 1px solid #2288ED;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    background-color: #2288ED;
}

@media screen and (max-width: 992px){
    .aboutus-banner{
        height: 480px !important;

    }
    .item_child_img{
        display: none;
    }
    .nav-items .item .nav_text {
        font-size: 16px !important;
        font-weight: initial;
    }
    .introduction_box {
        width: 100%;
        padding-top: 25px;
    }
    .introduction_title {
        margin: 0 auto 6px auto;
        text-align: center;
        font-weight: 600;
        font-size: 28px;
        color: #474747;
        line-height: 40px;
        font-style: normal;
    }
    .introduction_text {
        margin-right: 0px;
        margin-bottom: 15px;
    }
    .introduction_content {
        padding: 0 5% 50px 5%;
    }
    .introduction_content .paragraph_1 {
        color: #787878;
    }
    .introduction_content .paragraph_2 {
        color: #787878;
    }
    .introduction_content img {
        margin-left: 1%;

    }
    .introduction_divider {
        font-size: 28px;
        letter-spacing: 1px;
        line-height: 49px;
        padding: 35px 10px;
    }
    .qwfws{
        display: none;
    }
    .introduction_footer {
        padding: 40px 24px;
    }
    .technology_box {
        padding-top: 20px;
    }
    .technology_box img {
        margin: 23px auto 28px auto;
    }
    .service_box {
        padding-top: 20px;
    }
    .service_content_box {
        display: flex;
        flex-direction: column;
        padding-bottom: 30px;
        margin: 10px auto 0 auto;
    }
    .service_content img {
        margin: 5px auto;
        width: 90%;
    }
    .aboutus-banner {
        background: url("../image/guanyuwomen_mobile.png") no-repeat;
        background-size: 100% 100%;
    }
    .text_22 {
        font-size: 24px;
    }
    .text_23 {
        font-size: 16px;
    }
    .text_24 {
        font-size: 16px;
    }
    .text_25 {
        font-size: 16px;
    }
    .text_26 {
        font-size: 16px;
    }
    .text_27 {
        font-size: 16px;
    }
    .text_28 {
        font-size: 16px;
    }
    .text_29 {
        font-size: 16px;
        position: relative;
        bottom: 8px;
    }
    .text-group_14 {
        margin-top: 0;
        padding-right: 10px;
    }
    .aboutus-banner .aboutus-banner-txt {
        position: relative;
        padding-left: 6%;
        padding-bottom: 268px;
    }



}