.mobile_img {

    display: none;

}



.mobile_img>img {

    display: block;

    width: 100%;

}



.mobile_img .check {

    margin: 0 auto;

    font-size: 12px;

    text-align: center;

}



.mobile_img .check {

    display: block;

    padding: 4px 10px;

    border: 1px #333 solid;

    border-radius: 35px;

    margin-top: 10px;

}



.mobile_img .mask_img {

    position: fixed;

    top: -100%;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, .8);

    overflow-x: auto;

    transition: all 0.5s;

    z-index: 999;



}

.mobile_img .mask_img.active {

    top: 0;

}

.mobile_img .mask_img .div{

    position: relative;

    width:1200px;

    height: 100%;

}

.mobile_img .mask_img .div img{

    position: absolute;

    top: 50%;

    left: 50%;

    width: 95%;

    transform: translate(-50%,-50%);

}

.mobile_img .mask_img .mask_img_close{

    position: fixed;

    top: -100%;

    right:18px;

    width: 20px;

}

.mobile_img .mask_img .mask_img_close.active{

    top: 18px;

}

.application .container .panel {

    transition: all 0.3s;

    cursor: pointer;

}



.application .container .panel:hover {

    transform: scale(1.03);

}



.application .container .panel.Highlights:nth-child(3) {

    margin-top: 5%;

}



.application .container .panel.Highlights:nth-child(4)>.item .right .item {

    width: 20%;

}



.application .container .panel.Highlights .item .left {

    position: relative;

    float: left;

    width: 20%;

    text-align: center;

}



.application .container .panel.Highlights .item .left h1 {

    font-weight: 700;

    color: #eee;

    font-size: 140px;

    border-right: 1px solid #ccc;

}



.application .container .panel.Highlights .item .left h2 {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translateX(-50%) translateY(-50%);

    font-size: 28px;

    color: #2A78AB;

    width: 100%;

}



.application .container .panel.Highlights .item .right {

    float: right;

    width: 80%;

    text-align: left;

}



.application .container .panel.Highlights .item .right .item {

    float: left;

    width: 25%;

    text-align: center;

    box-shadow: none;

    padding: 20px;

}



.application .container .panel.Highlights .item .right .item .title {

    font-size: 30px;

    color: #2A78AB;

}



.application .container .panel.Highlights .item .right .item>div:nth-child(2) {

    font-size: 14px;

    margin: 2% 0;

}



.application .container .panel.Highlights .item .right .item .desc {

    font-size: 16px;

    color: #333;

    line-height: 24px;

}



.application .container .about_panel .subtitle {

    font-size: 20px;

}



.box_shadow {

    box-shadow: 0px 0px 14px 2px rgb(16 18 23 / 10%);

}



.fl {

    float: left;

}



.fr {

    float: right;

}



.swiper-container-horizontal {

    overflow: hidden;

    margin-top: 0px;

}



.route_panel {

    overflow: hidden;

    position: relative;

    width: 49%;

    padding: 24px 40px;

    box-shadow: 0px 0px 14px 2px rgba(15, 17, 23, 0.15);

    background-color: #fff;

    border-radius: 15px;

}



.prev,

.next {

    position: absolute;

    top: 58%;

    -moz-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    z-index: 999;

}



.prev:hover,

.next:hover {

    cursor: pointer;

}



.prev img,

.next img {

    display: block;

    width: 18px;

    height: 34px;

}



.prev img {

    -moz-transform: rotate(180deg);

    -webkit-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg);

}



.prev {

    left: 8px;

}



.next {

    right: 8px;

}



.route_panel .swiper_title {

    border-bottom: 1px solid #ccc;

    position: relative;

}



.route_panel .swiper_title .bottom_line {

    position: absolute;

    bottom: 0px;

    left: 0;

    width: 19%;

    height: 4px;

}



.route_panel .swiper_title.three .bottom_line {

    width: 24%;

}



.route_panel .swiper_title span {

    cursor: pointer;

    position: relative;

    display: inline-block;

    float: left;

    width: 19%;

    padding-bottom: 19px;

    font-size: 15px;

    text-align: center;

}



.route_panel .swiper_title span::after {

    content: '';

    display: none;

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 3px;

    background-color: #2A78AB;

}



.route_panel .swiper_title.three span {

    width: 24%;

}



.route_panel .swiper_title.three span:nth-child(1) {

    width: 28%;

}



.route_panel .swiper_title span.active {

    color: #2A78AB;

    font-weight: 700;

}



.route_panel .swiper_title span.active::after {

    display: block;

}



/* .swiper-slide {

    width: 100% !important;

} */



.swiper-slide>img {

    width: 60%;

}



.swiper-slide .text {

    padding-top: 16px;

    width: 35%;

    color: #666;

    font-size: 16px;

    line-height: 36px;

}



.route_img_mobile {

    width: 100%;

    overflow-x: auto;

}



.route_mobile {

    display: none;

}



.route_mobile_two,

.route_mobile_three,

.route_mobile_four {

    display: none;

}



.application .about_us_research_box .box {

    margin-top: 60px;

}



.about_us_research_box .img_bg {

    position: relative;

}



.about_us_research_box .img_bg .certificate_box {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 50%;

    transform: translateX(-50%);

    text-align: center;

}



.about_us_research_box .img_bg .certificate_box>.title {

    position: absolute;

    left: 50%;

    top: 4%;

    transform: translateX(-50%);



    font-size: 40px;

    color: #fff;

}



.about_us_research_box .img_bg .certificate_box>.subtitle {

    position: absolute;

    left: 50%;

    top: 11%;

    transform: translateX(-50%);

    font-size: 20px;

    color: #fff;

    opacity: 0.5;

    margin-top: 1%;

}



.about_us_research_box .img_bg .certificate_box>.line {

    position: absolute;

    left: 50%;

    top: 20.5%;

    transform: translateX(-50%);

    width: 60px;

    height: 4px;

    background-color: #fff;

}



.about_us_research_box .img_bg .certificate_box .certificate_num_box {

    position: absolute;

    top: 28%;

    left: 24%;

    display: inline-block;

}



.about_us_research_box .img_bg .certificate_box .certificate_num_box:nth-child(5) {

    left: 40%;

}



.about_us_research_box .img_bg .certificate_box .certificate_num_box:nth-child(6) {

    left: 57%;

}



.about_us_research_box .img_bg .certificate_box .certificate_num_box:nth-child(7) {

    left: 72%;

}



.about_us_research_box .img_bg .certificate_box .certificate_num_box:last-child {

    margin-right: 0;

}



.about_us_research_box .img_bg .certificate_box .certificate_num_box h1 {

    font-size: 80px;

    font-weight: 700;

    color: #fff;

}



.about_us_research_box .img_bg .certificate_box .certificate_num_box .subtitle {

    font-size: 16px;

    color: #fff;

    opacity: 0.4;

    margin-top: 12px;

}





.about_us_research_box .about_panel .left .num_box:nth-child(2) {}



.about_us_research_box .about_panel .left .num_box .item {

    border: 1px solid #cccccc;

    border-radius: 12px;



}



.about_us_research_box .about_panel .left .num_box .item>div {

    display: inline-block;

    float: left;

    width: auto;

}



.about_us_research_box .about_panel .left .num_box .item>.title {

    color: #2A78AB;

    padding-left: 32px;



}



.about_us_research_box .about_panel .left .num_box .item>div:nth-child(2) {

    color: #eee;

    margin: 0 14px;

}



.about_us_research_box .about_panel .left .num_box .item>.text {

    font-size: 18px;

    color: #333;

    width: 72%;

}



/* 品质管控 */

.about_panel .left.quality_control .logo_box {

    position: relative;

    margin-top: 10%;

    height: 386px;

    cursor: pointer;

    transition: all 0.3s;

}



.about_panel .left.quality_control .logo_box:hover {

    transform: scale(1.02);

}



.about_panel .left.quality_control .logo_box>img:nth-child(1) {

    display: block;

    width: 100%;

    height: 100%;

}



.about_panel .left.quality_control .logo_box>.icon {

    position: absolute;

    top: 12%;

    left: 11%;

    width: 144px;

}



.about_panel .left.quality_control .logo_box>.logo {

    position: absolute;

    top: 24%;

    left: 42%;

    width: 279px;

}



.about_panel .left.quality_control .logo_box>.text {

    position: absolute;

    left: 12%;

    bottom: 15%;

    font-size: 18px;

    line-height: 36px;

    font-weight: 700;

    color: #333;

}



.about_panel .left.quality_control .logo_box_mobile {

    width: 100%;

    display: none;

}



.about_us_research_box .about_panel .left .num_box .item {

    transition: all 0.3s;

    cursor: pointer;

}



.about_us_research_box .about_panel .left .num_box .item:hover {

    transform: scale(1.03);

}



/* 企业完成的项目 */

.about_us_research_box .about_panel.project .img_box .item {

    cursor: pointer;

    float: left;

    width: 48%;

    padding: 49px 49px 42px 49px;

    background-color: #fff;

    border-radius: 15px;

    box-shadow: 0px 0px 14px 2px rgba(15, 17, 23, 0.10);

    transition: all 0.3s;

}



.about_us_research_box .about_panel.project .img_box .item:hover {

    transform: translateY(-10px);

}



.about_us_research_box .about_panel.project .img_box .item:nth-child(2) {

    float: right;

}



.about_us_research_box .about_panel.project .img_box .item .title {

    font-size: 20px;

    color: #2A78AB;

    padding-bottom: 31px;

    border-bottom: 1px solid #ccc;

}



.about_us_research_box .about_panel.project .img_box .item .desc {

    margin-top: 40px;

}



.about_us_research_box .about_panel.project .img_box .item .desc .left>div,

.about_us_research_box .about_panel.project .img_box .item .desc .right>div {

    display: block;

    font-size: 14px;

    line-height: 36px;

    color: #333;

}



.about_us_research_box .about_panel.project .img_box .item .desc .left {

    float: left;

}



.about_us_research_box .about_panel.project .img_box .item .desc .right {

    float: right;

    text-align: left;

}



.about_us_research_box .about_panel.school .img_box .item {

    position: relative;

    transition: all 0.3s;

}



.about_us_research_box .about_panel.school .img_box .item:hover img {

    transform: scale(1.03);

}



.about_us_research_box .about_panel.school .img_box .item .text {

    position: absolute;

    left: 20px;

    top: 50%;

    transform: translateY(-50%);

    font-size: 30px;

    color: #fff;

}



.certificate_box_mobile {

    display: none;

    width: 100%;

}



.swiper-button-disabled {

    display: none;

}



.title_box>div>span {

    display: block;

}



@media (max-width: 414px) {

    .about_us_research_box .about_panel.school .img_box .item .text {

        font-size: 14px !important;

    }

}



@media (max-width: 767px) {

    .about_us_research_box .about_panel.school .img_box .item {

        width: 100%;

    }



}



@media (max-width: 768px) {

    .about_us_research_box .about_panel .left .num_box .item>.title {

        font-size: 16px !important;

    }



    .about_us_research_box .about_panel .left .num_box .item>.text {

        font-size: 14px !important;

        padding-right: 10px;

    }



    .about_us_research_box .about_panel .left .num_box:nth-child(2) {

        margin-top: 40px !important;

    }



    .about_us_research_box .about_panel .left .num_box .item>div:nth-child(2) {

        font-size: 20px !important;

    }



    .about_us_research_box .about_panel.project .img_box .item {

        width: 100%;

    }



    .about_us_research_box .about_panel.project .img_box .item {

        margin-top: 20px;

    }



    .route_panel .swiper_title span {

        width: 50%;

        padding: 6px  0;

    }

    .route_panel {

      margin-bottom: 40px;

    }



    .swiper-slide>img,

    .swiper-slide>.text {

        width: 100%;

    }



}



@media (max-width: 991px) {



    .certificate_box,

    .certificate,



    .route_bg,

    .application .container .panel.Highlights {

        display: none !important;

    }

    /* .route_bg {

        display: none;

    } */



    .certificate_box_mobile,

    .mobile_img {

        display: block;

    }



    .mobile_img {

        margin-top: 14px;

    }



    .swiper-slide .text {

        padding-top: 10px;

        line-height: 28px;

    }



    .application .container .about_panel .subtitle {

        font-size: 16px;

    }



    .about_us_research_box .about_panel .left .num_box .item {

        height: 56px;

        line-height: 56px;

    }



    .about_us_research_box .about_panel .left .num_box .item>.title {

        font-size: 23px;

        line-height: 56px;

    }



    .about_us_research_box .about_panel .left .num_box .item>div:nth-child(2) {

        font-size: 28px;

    }



    .about_us_research_box .about_panel .left .num_box:nth-child(2) {

        margin-top: 60px;

    }



    .about_panel .left .left_line {

        height: 23px;

    }



    .about_panel .left .left_line+h2 {

        font-size: 20px;

    }



    .about_us_research_box .about_panel .left .num_box .item>.text {

        font-size: 16px;

    }



    .application .num_box {

        margin-top: 30px;

    }



    .about_panel .left.quality_control .logo_box>.text {

        bottom: 14%;

        font-size: 16px;

        line-height: 28px;

        padding-right: 11%;

    }



    .about_panel .left.quality_control .logo_box {

        display: none;

    }



    .about_panel .left.quality_control .logo_box_mobile {

        display: block;

    }



    .about_us_research_box .about_panel.project .img_box .item .title {

        font-size: 18px;

    }



    .route_mobile {

        display: block;

    }



    .route_mobile .route_panel {

        width: 100%;

    }



    .route_img_mobile {

        display: block;

    }



    .about_us_research_box .about_panel.school .img_box .item .text {

        font-size: 16px;

    }





    .about_us_research_box .about_panel.school .img_box .item:nth-child(2) {

        margin-top: 20px;

    }

}



@media (min-width: 992px) {

    .swiper-slide .text {

        padding-top: 10px;

        line-height: 28px;

    }



    .about_us_research_box .about_panel .left .num_box .item {

        height: auto;

        line-height: 28px;
        display: flex;
        align-items: center;

    }



    .about_us_research_box .about_panel .left .num_box .item>.title {

        font-size: 23px;

        line-height: 56px;

    }



    .about_us_research_box .about_panel .left .num_box .item>div:nth-child(2) {

        font-size: 28px;
        line-height: 56px;

    }

    


    .about_us_research_box .about_panel .left .num_box:nth-child(2) {

        margin-top: 60px;

    }



    .about_panel .left .left_line {

        height: 23px;

    }



    .about_panel .left .left_line+h2 {

        font-size: 20px;

    }



    .about_us_research_box .about_panel .left .num_box .item>.text {

        font-size: 16px;

    }



    .application .num_box {

        margin-top: 30px;

    }



    .about_panel .left.quality_control .logo_box {

        margin-top: 10%;

        height: 238px;

    }



    .about_panel .left.quality_control .logo_box>.icon {

        top: 12%;

        width: 81px;

    }



    .about_panel .left.quality_control .logo_box>.logo {

        top: 24%;

        width: 215px;

    }



    .about_panel .left.quality_control .logo_box>.text {

        bottom: 14%;

        font-size: 14px;

        line-height: 26px;

        padding-right: 11%;

    }



    .about_us_research_box .img_bg .certificate_box .certificate_num_box h1 {

        font-size: 48px;

    }



    .about_us_research_box .img_bg .certificate_box>.title {

        font-size: 24px;

    }



    .about_us_research_box .img_bg .certificate_box>.subtitle {

        top: 10%;

        font-size: 16px;

    }



    .about_us_research_box .img_bg .certificate_box .certificate_num_box .subtitle {

        font-size: 14px;

        top: 26%;

    }



    .route_panel .swiper_title span {

        width: 100%;

        padding-bottom: 14px;

    }



    .route_panel .swiper_title span:nth-child(n+4) {

        margin-top: 13px;

    }



    .route_panel .swiper_title.three span {

        width: 50%;

    }



    .route_panel .swiper_title.three span:nth-child(1) {

        width: 50%;

    }



    .route_panel .swiper_title.three span:nth-child(n+3) {

        margin-top: 13px;

    }



    .route_img_mobile {

        display: none;

    }



    .application .container .panel.Highlights .item .left h1 {

        font-size: 88px;

    }



    .application .container .panel.Highlights .item .left h2 {

        font-size: 18px;

    }



    .application .container .panel.Highlights .item .right .item {

        padding: 0 20px;

    }



    .application .container .panel.Highlights .item .right .item .title {

        font-size: 16px;

    }



    .application .container .panel.Highlights .item .right .item>div:nth-child(2) {

        font-size: 14px;

        margin: 2% 0;

    }



    .application .container .panel.Highlights .item .right .item .desc {

        font-size: 14px;

        line-height: 20px;

    }

}



@media (min-width: 1260px) {

    .about_us_research_box .about_panel .left .num_box .item {

        /* height: 64px; */

        line-height: 32px;

    }



    .about_us_research_box .about_panel .left .num_box .item>.title {

        font-size: 28px;

        line-height: 64px;

    }



    .about_us_research_box .about_panel .left .num_box .item>div:nth-child(2) {

        font-size: 28px;
        line-height: 64px;

    }



    .about_us_research_box .about_panel .left .num_box:nth-child(2) {

        margin-top: 36px;

    }



    .about_panel .left.quality_control .logo_box {

        margin-top: 10%;

        height: 230px;

    }



    .about_panel .left.quality_control .logo_box>.icon {

        top: 12%;

        width: 81px;

    }



    .about_panel .left.quality_control .logo_box>.logo {

        top: 24%;

        width: 215px;

    }



    .about_panel .left.quality_control .logo_box>.text {

        position: absolute;

        left: 12%;

        bottom: 13%;

        font-size: 16px;

        line-height: 28px;

    }



    .about_us_research_box .about_panel.project .img_box .item .desc .left>div,

    .about_us_research_box .about_panel.project .img_box .item .desc .right>div {

        font-size: 12px;

    }



    .about_us_research_box .img_bg .certificate_box .certificate_num_box h1 {

        font-size: 48px;

    }



    .about_us_research_box .img_bg .certificate_box>.title {

        font-size: 24px;

    }



    .about_us_research_box .img_bg .certificate_box>.subtitle {

        top: 11%;

        font-size: 20px;

    }



    .about_us_research_box .img_bg .certificate_box .certificate_num_box .subtitle {

        font-size: 16px;

        top: 28%;

    }



    .route_panel .swiper_title span {

        width: 100%;

        padding-bottom: 8px;

    }



    .route_panel .swiper_title span:nth-child(n+4) {

        margin-top: 13px;

    }



    .route_panel .swiper_title.three span {

        width: 50%;

    }



    .route_panel .swiper_title.three span:nth-child(1) {

        width: 50%;

    }



    .route_panel .swiper_title.three span:nth-child(n+3) {

        margin-top: 13px;

    }



    .application .container .panel.Highlights .item .left h1 {

        font-size: 110px;

    }



    .application .container .panel.Highlights .item .left h2 {

        font-size: 20px;

    }



    .application .container .panel.Highlights .item .right .item {

        padding: 0 20px;

    }



    .application .container .panel.Highlights .item .right .item .title {

        font-size: 24px;

    }



    .application .container .panel.Highlights .item .right .item>div:nth-child(2) {

        font-size: 14px;

        margin: 2% 0;

    }



    .application .container .panel.Highlights .item .right .item .desc {

        font-size: 14px;

        line-height: 20px;

    }

}



@media (max-width: 1260px) {



    .route_panel {

        width: 49%;

    }



    .application .contents .container {

        /* padding: 0; */

        width: 100%;

    }



    .application.consulting_center .contents {

        overflow: hidden;

        /* padding: 0 15px; */

    }



    .route_img_mobile {

        overflow-y: auto;

        padding: 25px 0;

    }



    .title_box>div {

        float: left;

        display: inline-block;

        width: 23%;

        line-height: 80px;

        background-color: #f6f6f6;

        text-align: center;

        padding: 0 5px;

        margin-right: 2%;

        margin-top: 34px;

        margin-bottom: 44px;

    }



    .title_box>div.active {

        background-color: #2A78AB;

        color: #fff;

        position: relative;

    }



    .title_box>div.active::after {

        content: '';

        position: absolute;

        bottom: -28px;

        left: 50%;

        width: 3px;

        height: 28px;

        background-color: #2A78AB;

        -moz-transform: translateX(-50%);

        -webkit-transform: translateX(-50%);

        -o-transform: translateX(-50%);

        -ms-transform: translateX(-50%);

        transform: translateX(-50%);

    }



    .title_box>div:last-child {

        margin-right: 0;

    }



    .about_us_research_box .about_panel.project .img_box .item .desc .left,

    .about_us_research_box .about_panel.project .img_box .item .desc .right {

        float: left;

        width: 100%;

    }



}



@media (min-width: 1460px) {

    .about_us_research_box .about_panel .left .num_box:nth-child(2) {

        margin-top: 13px;

    }



    .about_us_research_box .about_panel .left .num_box {

        margin-top: 26px;

    }



    .about_us_research_box .about_panel .left .num_box .item {

        /* height: 72px; */

        line-height: 36px;

    }



    .about_us_research_box .about_panel .left .num_box .item>.title {

        font-size: 32px;

        line-height: 72px;

    }



    .about_us_research_box .about_panel .left .num_box .item>div:nth-child(2) {

        font-size: 32px;  line-height: 72px;

    }



    .about_panel .left .left_line+h2 {

        font-size: 24px;

    }



    .about_panel .left.quality_control .logo_box {

        margin-top: 10%;

        height: 230px;

    }



    .about_panel .left.quality_control .logo_box>.icon {

        top: 12%;

        width: 81px;

    }



    .about_panel .left.quality_control .logo_box>.logo {

        top: 24%;

        width: 215px;

    }



    .about_panel .left.quality_control .logo_box>.text {

        position: absolute;

        left: 12%;

        bottom: 13%;

        font-size: 16px;

        line-height: 28px;

    }



    .about_us_research_box .img_bg .certificate_box .certificate_num_box h1 {

        font-size: 64px;

    }



    .about_us_research_box .img_bg .certificate_box>.title {

        font-size: 32px;

    }



    .route_panel .swiper_title span {

        width: 100%;

        padding-bottom: 14px;

    }



    .route_panel .swiper_title span:nth-child(n+4) {

        margin-top: 13px;

    }



    .route_panel .swiper_title.three span {

        width: 50%;

    }



    .route_panel .swiper_title.three span:nth-child(1) {

        width: 50%;

    }



    .route_panel .swiper_title.three span:nth-child(n+3) {

        margin-top: 13px;

    }



    .application .container .panel.Highlights .item .left h1 {

        font-size: 110px;

    }



    .application .container .panel.Highlights .item .left h2 {

        font-size: 24px;

    }



    .application .container .panel.Highlights .item .right .item {

        padding: 0 20px;

    }



    .application .container .panel.Highlights .item .right .item .title {

        font-size: 24px;

    }



    .application .container .panel.Highlights .item .right .item>div:nth-child(2) {

        font-size: 14px;

        margin: 2% 0;

    }



    .application .container .panel.Highlights .item .right .item .desc {

        font-size: 14px;

        line-height: 20px;

    }

}



@media (min-width: 1680px) {

    .about_us_research_box .about_panel .left .num_box:nth-child(2) {

        margin-top: 44px;

    }



    .about_us_research_box .about_panel .left .num_box {

        margin-top: 30px;



    }



    .about_us_research_box .about_panel .left .num_box .item {

        height: auto;

        line-height: 46px;

    }



    .about_us_research_box .about_panel .left .num_box .item>.title {

        font-size: 40px;

        line-height: 92px;

    }



    .about_us_research_box .about_panel .left .num_box .item>div:nth-child(2) {

        font-size: 40px;line-height: 92px;



    }



    .about_panel .left.quality_control .logo_box {

        position: relative;

        margin-top: 10%;

        height: 340px;

    }



    .about_panel .left.quality_control .logo_box>img:nth-child(1) {

        display: block;

        width: 100%;

        height: 100%;

    }



    .about_panel .left.quality_control .logo_box>.icon {

        position: absolute;

        top: 12%;

        left: 11%;

        width: 144px;

    }



    .about_panel .left.quality_control .logo_box>.logo {

        position: absolute;

        top: 24%;

        left: 42%;

        width: 279px;

    }



    .about_panel .left.quality_control .logo_box>.text {

        position: absolute;

        left: 12%;

        bottom: 15%;

        font-size: 18px;

        line-height: 36px;

        font-weight: 700;

        color: #333;

    }



    .about_us_research_box .about_panel.project .img_box .item .desc .left>div,

    .about_us_research_box .about_panel.project .img_box .item .desc .right>div {

        font-size: 16px;

    }



    .about_us_research_box .img_bg .certificate_box .certificate_num_box h1 {

        font-size: 80px;

    }



    .about_us_research_box .img_bg .certificate_box>.title {

        font-size: 40px;

    }



    .route_panel .swiper_title span {

        width: 100%;

    }



    .route_panel .swiper_title span:nth-child(n+4) {

        margin-top: 0px;

    }



    .route_panel .swiper_title.three span {

        width: 24%;

    }



    .route_panel .swiper_title.three span:nth-child(1) {

        width: 28%;

    }



    .route_panel .swiper_title.three span:nth-child(n+3) {

        margin-top: 0;

    }



    .application .container .panel.Highlights .item .left h1 {

        font-size: 140px;

    }



    .application .container .panel.Highlights .item .left h2 {

        font-size: 28px;

    }



    .application .container .panel.Highlights .item .right .item {

        padding: 20px;

    }



    .application .container .panel.Highlights .item .right .item .title {

        font-size: 30px;

    }



    .application .container .panel.Highlights .item .right .item>div:nth-child(2) {

        font-size: 14px;

        margin: 2% 0;

    }



    .application .container .panel.Highlights .item .right .item .desc {

        font-size: 16px;

        line-height: 24px;

    }

}

@media (max-width: 1459px) {

    .route_panel .swiper_title span {

        font-size: 14px;

    }

}

@media (max-width: 500px) {

    .title_box>div {

        width: 100%;

        margin-top: 0px;

        line-height: 56px;

    }

    .title_box>div:first-child {

        margin-top: 34px;

    }

    .title_box>div.active::after {

        bottom: -42px;

        height: 43px;

    }

    .route_panel .swiper_title span::after {

        display: none !important;

    }

    .prev, .next {

        top: 50%;

    }

    .mb_p {

        padding-top: 20px;

        padding-bottom: 40px;

    }

    .mb_p1 {

        padding-top: 36px;

        padding-bottom: 44px;

    }

    .mb_p2 {

        margin-top: 0 !important;

        padding-bottom: 0 !important;

    }

    .mb_p3 {

        padding-top: 36px;

        padding-bottom: 0;

    }

    .mobile_img .check {

        margin-top: 20px;

    }

    .title_box>div>span {

        font-size: 14px;

    }

    .application .about_us_research_box .box {

        margin-top: 24px;

    }

    .about_us_research_box .about_panel .left .num_box:nth-child(2) {

        margin-top: 20px !important;

    }

    .application .num_box {

        margin-top: 20px;

    }

    .about_us_research_box .about_panel .left .num_box .item>.text {

        display:-webkit-box;

        -webkit-box-orient:vertical;

        -webkit-line-clamp: 2;

        overflow: hidden;

        line-height: 20px;

        padding-top: 7px;    

    }

    .application h1 {

        font-size: 22px !important;

    }

    .about_us_research_box .about_panel.project .img_box .item {

        padding: 20px 20px;

    }

    .about_us_research_box .about_panel.project .img_box .item .title {

        font-size: 20px;

        padding-bottom: 20px;

    }

    .about_us_research_box .about_panel.project .img_box .item .desc {

        margin-top: 16px;

    }

    .route_panel {

        width: 100%;

    }

    .route_panel {

        padding: 20px 20px;

        margin-bottom: 40px;

    }

    .swiper-container-horizontal {

        margin-top: 0px;

    }

    .next {

        right: 2px;

    }

    .prev {

        left: 2px;

    }

    .route_panel .swiper_title span {

        padding-top: 0;

        padding-bottom: 4px;

    }

    .route_panel .swiper_title {

        overflow-x: auto;

        margin-bottom: 15px;

    }

}


.application .container .panel >.item{
    display: flex;
    align-items: center;
}