.article_content {
    background: #F8F9FB;
    padding: 30px 0;
}

.article_left2 {
    width: 300px;
    min-height: 290px;
    max-height: 328px;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 15px 40px 10px rgba(58, 99, 167, 0.07);
}

.al_item:not(:last-child) {
    border-bottom: 1px solid #F3F3F3;
}

.al_item {
    min-height: 70px;
}

.al_item .flex_all_center {
    padding: 19px 0;
    cursor: pointer;
}

.al_item .flex_all_center .icon {
    margin-left: 40px;
}

.al_item .flex_all_center div {
    margin-left: 10px;
}

.al_item .flex_all_center div.active {
    color: #302a27;
}

.al_item .flex_all_center .icon_right {
    margin-left: auto;
    margin-right: 40px;
}

.al_item .flex_all_center .icon2 {
    display: block;
}

.al_item .flex_all_center .icon1 {
    display: none;
}

.al_item .flex_all_center:hover .icon2 {
    display: none;
}

.al_item .flex_all_center:hover .icon1 {
    display: block;
}

.al_item .flex_all_center:hover>div {
    color: rgba(15, 104, 206, 1);
}

.al_erji {
   /* background: #F7F7F7; */
}

.al_erji.is-hide {
    display: none;
}

.al_erji p {
    padding-left: 83px;
    line-height: 40px;
    cursor: pointer;
}

.al_erji p:hover a,
.al_erji p.active a {
    color: #e8991b;
}

.article_right {
    width: 960px;
    margin-left: 60px;
}

.article_right .title {
    color: #302a27;
}

.article_right .class_box {
    width: 1000px;
    padding: 28px 40px 12px 40px;
    background: rgba(223, 223, 223, .5);
    border-radius: 10px;
}

.article_right .class_box .class_item {
    padding: 10px 28px;
    background: rgba(223, 223, 223, .6);
    color: #A2A2A2;
    border-radius: 4px;
    margin-bottom: 18px;
    cursor: pointer;
}

.article_right .class_box .class_item.active {
    background: #0F68CE;
    color: #fff;
}

.article_right .ar_list {
    width: 100%;
}

.ar_item2:hover {
    background: #FFF !important;
    box-shadow: 0px 15px 40px 10px rgba(58, 99, 167, 0.07);
}

.ar_item2:not(:first-child) {
    margin-top: 40px;
}

.ar_item2 {
    width: 100%;
    height: 164px;
    background: #F8F9FB;
    border-radius: 10px;
    padding: 28px 26px;
}

.ar_item2 img {
    width: 270px;
    height: 164px;
}

.ar_item2 .art_bot2 {
    width: 670px;
    padding: 0 16px;
    overflow: hidden;
    font-size: 14px;
}

.ar_item2 .art_bot2 p {
    margin-top: 12px;
}

.ar_item2 .art_bot2 .text_more {
    font-weight: bold;
    font-size: 16px;
}

.article_right .loadtitle {
    width: 100%;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
}

.article_right .hezuo-content {
    margin-top: 30px;
}

.article_right .loadlist {
    width: 100%;
    margin-top: 28px;
    border-radius: 10px;
}

.article_right .loadlist .loaditem:nth-child(odd) {
    background: rgba(223, 223, 223, .25);
}

.article_right .loadlist .loaditem {
    height: 55px;
    line-height: 55px;
}

.article_right .loadlist .loaditem .loaditem_left {
    width: 283px;
    padding: 0 50px;
    border-right: 1px dashed #E2E2E2;
}

.loaditem_center {
    width: 516px;
    padding: 0 50px;
    border-right: 1px dashed #E2E2E2;
    text-align: center;
}

.loaditem_right {
    width: 220px;
    text-align: center;
}

.article_right .chengnuohans .cn_title {
    font-size: 28px;
}

.article_right .chengnuohans img {
    display: block;
    margin: 0 auto;
}

.article_right .chengnuohans .loadcn {
    display: block;
    width: 260px;
    height: 50px;
    background: rgba(15, 104, 206, .5);
    border-radius: 4px;
    color: #0F68CE;
    text-align: center;
    line-height: 50px;
    margin: 40px auto 0;
    cursor: pointer;
}

.article_right .shiyanshi .flex_all_center2:nth-of-type(2),
.article_right .shiyanshi .flex_all_center2:nth-of-type(3) {
    margin-top: 45px;
}

.theteam {
    margin-top: 28px;
}

.theteam .video {
    width: 500px;
    height: 290px;
    position: relative;
    cursor: pointer;
    border-radius: 10px;
    overflow: hidden;
}

.theteam .video video {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.theteam .video .video_cup {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    position: absolute;
    left: 0;
    top: 0;
}

.theteam .video img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
}

.team_right {
    margin-left: 28px;
    flex:1
}

.team_right .team_content {
    font-size: 16px;
    line-height: 24px;
}

.team_right .flex {
    margin-top: 40px;
    font-size: 16px;
    color: #e8991b;;
}

.team_right .flex div {
    width: 33.3%;
}

.team_right .flex div p:last-child {
    margin-top: 10px;
}

.laboratoryimg {
    width: 100%;
    height: 310px;
    border-radius: 10px;
    margin-top: 28px;
    object-fit: cover;
}

.lab_swiper {
    width: 100%;
    height: 200px;
    margin-top: 30px;
}

.lab_swiper .swiper-wrapper {
    width: 900px;
    margin: 0 auto;
    position: relative;
    left: -85px;
}

.lab_swiper .swiper-wrapper .swiper_item {
    width: 260px;
    height: 200px;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0px 20px 10px rgba(58, 99, 167, 0.05);
}

.lab_swiper .swiper-wrapper img {
    width: 100%;
}

.lab_swiper .swiper-wrapper p {
    width: 100%;
    line-height: 70px;
    text-align: center;
}

.article_right .kaocha .kc_top {
    width: 100%;
    height: 500px;
    position: relative;
    border-radius: 10px;
    color: #fff;
    overflow: hidden;
}

.article_right .kaocha .kc_top img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0;
}

.article_right .kaocha .kc_top p {
    z-index: 9;
    font-size: 28px;
}

.article_right .kaocha .kc_top div {
    width: 842px;
    font-size: 14px;
    line-height: 24px;
    margin-top: 20px;
    z-index: 9;
}

.article_right .kaocha .form {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 15px 40px 10px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    padding: 20px 0;
}

.article_right .kaocha .form input,
.article_right .kaocha .form textarea {
    border: 1px solid #8e8e8e;
    width: 400px;
    border-radius: 4px;
}

.article_right .kaocha .form input {
    line-height: 30px;
    padding: 0 20px;
    margin-top: 10px;
}

.article_right .kaocha .form textarea {
    padding: 10px 20px;
    height: 80px;
    margin-top: 10px !important;
    resize: none;
}

.article_right .kaocha .form .tishi {
    font-size: 14px;
    color: #ff0000;
    margin: 10px 0;
    height: 19px;
}

.article_right .kaocha .form .submit {
    width: 440px;
    height: 40px;
    background: rgba(15, 104, 206, .5);
    border-radius: 4px;
    color: #0F68CE;
    text-align: center;
    line-height: 40px;
    margin-top: 20px;
    cursor: pointer;
}

.article_right .kaocha .flex .flex_x_center {
    width: 228px;
}

.article_right .kaocha .flex .flex_x_center p {
    font-size: 14px;
    margin-top: 20px;
}

.article_right .kaocha .flex .flex_x_center div {
    font-size: 18px;
    line-height: 26px;
    margin-top: 10px;
    text-align: center;
}

.flex_x_center:not(:first-child) {
    margin-left: auto;
}

.notclick {
    pointer-events: none;
}

.al_item a:hover, .al_item a:hover div{color: #e8991b!important;}


@media screen and(max-width:1366px) {
    .clearfloat:after {
        content: '';
        height: 0;
        line-height: 0;
        display: block;
        visibility: hidden;
        clear: both;
    }
    .article_content .article_left2 .al_item .flex_all_center div {
        font-size: 16px;
    }
    .article_content .article_left2 .al_item .flex_all_center .icon {
        margin-left: 20px;
    }
    .article_content .article_left2 .al_item .al_erji p {
        padding-left: 50px;
        font-size: 14px;
    }
    .article_content .article_left2 .al_item .flex_all_center .icon_right {
        margin-right: 16px;
    }
    .article_content .article_right {
        width: 830px !important;
    }
    .article_content .article_right .shiyanshi .theteam .team_right {
        width: 300px;
    }
}