body {}

.aboutUs {
    width: 100%;
    height: 230px;
    background: url(../image/gywmbn.png) no-repeat center;
}

.zxpg {
    width: 100%;
    height: 230px;
    background: url(../image/zxpg.jpg) no-repeat center;
}

.mdui-container .flex {
    display: flex;
    margin-top: 34px;
    margin-bottom: 34px;
}

.mdui-container .flex .flex-left {
    min-width: 170px;
}

.mdui-container .flex .flex-left ul {
    border-left: 1px solid rgba(216, 216, 216, 1);
    box-sizing: border-box;
}

.mdui-container .flex .flex-left ul li {
    height: 30px;
    line-height: 30px;
    padding-left: 19px;
    box-sizing: border-box;
    position: relative;
    font-family: MicrosoftYaHei;
    font-size: 16px;
    /* color: #071C2F; */
    font-weight: 400;
}

.mdui-container .flex .flex-left ul li a {
    color: #071C2F;
}

.mdui-container .flex .flex-left ul li.current a,
.mdui-container .flex .flex-left ul li a:hover {
    color: #006CB7;
}

.mdui-container .flex .flex-left ul li.current {
    color: #006CB7;
}

.mdui-container .flex .flex-left ul li.current::after {
    position: absolute;
    content: "";
    width: 2px;
    height: 30px;
    background: #006CB7;
    left: -1px;
    top: 0;
}

.about-us-content h2 {
    font-family: SourceHanSansCN-Medium;
    font-size: 26px;
    color: #006CB7;
    letter-spacing: 0.35px;
    font-weight: 500;
    height: 26px;
    line-height: 26px;
    margin-bottom: 30px;
}


/* Ã¥â€¦Â¬Ã¥ÂÂ¸Ã§Â®â‚¬Ã¤Â»â€¹ */

.company-intr {
    width: 100%;
    position: relative;
}

.company-intr p {
    width: 717px;
    font-family: SourceHanSansCN-Regular;
    font-size: 16px;
    color: #313336;
    letter-spacing: 0.2px;
    text-align: justify;
    line-height: 30px;
    font-weight: 400;
    margin-bottom: 30px;
}

.company-intr .szkz-logo {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
}

.company-data {
    display: flex;
    align-items: center;
}

.company-data .video-box {
    margin-right: 78px;
}

.company-data .company-num {
    display: flex;
}

.company-data .company-num .company-num-item {
    margin-right: 88px;
}

.company-data .company-num .company-num-item:last-child {
    margin-right: 0;
}

.company-data .company-num .company-num-item h6 {
    font-family: SourceHanSansCN-Medium;
    font-size: 16px;
    color: #071C2F;
    letter-spacing: 0.22px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 20px;
}

.company-data .company-num .company-num-item h6 .big {
    font-family: SourceHanSansCN-Medium;
    font-size: 46px;
    color: #071C2F;
    letter-spacing: 0.63px;
    text-align: center;
    font-weight: 700;
}

.company-data .company-num .company-num-item p {
    font-family: SourceHanSansCN-Regular;
    font-size: 16px;
    color: #313336;
    letter-spacing: 0.22px;
    text-align: center;
    font-weight: 400;
    width: auto;
}


/* Ã¨ÂÂ£Ã¨Âªâ€°Ã¨Âµâ€žÃ¨Â´Â¨ */

.company-honor-list {
    display: flex;
}

.company-honor-list li {
    width: 240px;
    height: 224px;
    background-color: #fff;
    border-bottom: 2px solid #006CB7;
    box-sizing: border-box;
    padding: 30px 14px 0;
    margin-right: 23px;
    position: relative;
}

.company-honor-list li:last-child {
    margin-right: 0;
}

.company-honor-list li h4 {
    font-family: SourceHanSansCN-Medium;
    font-size: 22px;
    color: #071C2F;
    letter-spacing: 0.3px;
    font-weight: 500;
    height: 22px;
    line-height: 22px;
    margin-bottom: 40px;
}

.company-honor-list li p {
    height: 16px;
    font-family: SourceHanSansCN-Regular;
    font-size: 16px;
    color: #313336;
    letter-spacing: 0.22px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 14px;
}

.company-honor-img {
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px;
}

.company-honor-img li {
    display: flex;
    flex-wrap: wrap;
    width: 201px;
    /* height: 135px; */
    background: url(../image/rydt.png) no-repeat center bottom;
    background-size: 201px 31px;
    padding-bottom: 31px;
    margin-right: 6px;
    margin-bottom: 20px;
    box-sizing: border-box;
}

.company-honor-img li:nth-child(5n-5) {
    margin-right: 0;
}

.company-honor-img li img {
    background-color: #fff;
    display: block;
    margin: 0 auto;
    /* width: 167px; */
    height: 104px;
}


/* Ã¤ÂºÂ§Ã¤Â¸Å¡Ã¨Ââ€Ã§â€ºÅ¸ */

.industrial-alliance-img {
    display: flex;
    flex-wrap: wrap;
    /* border-left: 1px solid #000; */
    min-width: 1038px;
    margin-left: -13px;
}

.industrial-alliance-img li {
    margin-left: 13px;
    background-color: #fff;
}

.industrial-alliance-img li img {
    margin-bottom: 12px;
    height: 74px;
    background: #FFFFFF;
    border-radius: 6px;
    display: block;
}

.industrial-alliance-img li.cell-1 img {
    width: 195px;
}

.industrial-alliance-img li.cell-2 img {
    width: 404px;
}


/* Ã¨Ââ€Ã§Â³Â»Ã¦Ë†â€˜Ã¤Â»Â¬ */

.contact-us img {
    display: block;
}


/* Ã§Â â€Ã¥Ââ€˜Ã¥Ë†â€ºÃ¦â€“Â° */

.research-and-development {
    width: 1026px;
    position: relative;
    /* background: url(../image/yfcxbj.jpg) no-repeat top right; */
}

.research-and-development .yfcxbj {
    display: block;
    top: -32px;
    right: 0;
    position: absolute;
    z-index: 1;
}

.research-and-development p {
    width: 554px;
    font-family: SourceHanSansCN-Regular;
    font-size: 16px;
    color: #313336;
    letter-spacing: 0.2px;
    text-align: justify;
    line-height: 28px;
    font-weight: 400;
    margin-bottom: 68px;
}

.research-and-development-swiper {
    position: relative;
    z-index: 22;
    width: 796px;
    height: 180px;
    background: #FFFFFF;
    box-shadow: 0px 2px 9px 0px rgba(14, 35, 91, 0.13);
    overflow: hidden;
    box-sizing: border-box;
    padding: 0 74px;
}

.research-and-development-swiper .swiper-container {
    width: 648px;
    padding: 55px 0;
    box-sizing: border-box;
    height: 180px;
}

.research-and-development-swiper .swiper-slide {
    width: 216px;
    display: block;
    /* border: 1px solid #006CB7; */
    box-sizing: border-box;
    border-left: 2px solid rgba(216, 216, 216, 1);
    height: 70px !important;
    padding-left: 23px;
}

.research-and-development-swiper .swiper-slide.swiper-slide-active {
    border-left: none;
}

.research-and-development-swiper .swiper-slide p {
    width: auto;
    height: 16px;
    font-family: SourceHanSansCN-Regular;
    font-size: 16px;
    color: #313336;
    letter-spacing: 0.2px;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 16px;
}

.research-and-development-swiper .swiper-slide:hover p {
    color: #006CB7;
}

.research-and-development-swiper .swiper-slide h3 {
    font-family: SourceHanSansCN-Regular;
    font-size: 28px;
    color: #006CB7;
    letter-spacing: 0.35px;
    text-align: justify;
    font-weight: 400;
    margin-bottom: 22px;
}

.research-and-development-swiper .arrow {
    width: 36px;
    height: 36px;
    position: absolute;
    top: 50%;
    margin-top: -18px;
    cursor: pointer;
    background-color: #FFFFFF;
    box-shadow: 0px 2px 9px 0px rgba(14, 35, 91, 0.13);
    background-repeat: no-repeat;
    background-size: 9px 13.58px;
    background-position: center;
    border-radius: 50%;
}

.research-and-development-swiper .arrow.arrow-right {
    right: 26px;
    background-image: url(../image/arrow-right.png);
}

.research-and-development-swiper .arrow.arrow-left {
    left: 26px;
    background-image: url(../image/arrow-left.png);
}

.pgyw {
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 10px;
}

.pgyw-btn {
    width: 120px;
    height: 38px;
    background: #006CB7;
    border-radius: 4px;
    margin-top: 50px;
    cursor: pointer;
    font-family: SourceHanSansCN-Regular;
    color: #FFFFFF;
    letter-spacing: 0.22px;
    font-weight: 400;
    font-size: 16px;
    display: block;
}

.flexRight {
    width: 100%;
}

.starBox {
    position: absolute;
    left: 15px;
    display: flex;
    align-items: center;
    justify-content: start;
    top: 66px;
}

.starBox img {
    margin-right: 3px;
}
.mdui-container .flex .flex-right p,.mdui-container .flex .flex-right span{
    line-height:1.6;
}