/* 头部修改 start */
.public_top {
    background-color: initial !important;
    position: relative;
    z-index: 1000;
    height: 100px;
}

.public_topNav>li>a {
    color: #ffffff;
}

.public_topNav>li:after {
    background-color: #ffffff;
}

.public_topNav>li:hover a {
    color: #ffffff;
}

.index_sabit .public_topNav>li>a {
    color: #666666 !important;
}

.index_sabit .public_topNav>li:after {
    background-color: #137ce5 !important;
}

.index_sabit .public_topNav>li:hover a {
    color: #137ce5 !important;
}


.logo{
    display: none !important;
}
.index_sabit .logo{
    display: block  !important;
}
.index_sabit .logo_white{
    display: none  !important;
}

/* 头部修改 end */

/* banner 轮播 start */
.banner_swiper {
    margin-bottom: -100px;
    z-index: 10;
    /*background-color: rgb(68, 102, 138);*/
    position: relative;
    top: -100px;
    z-index: 10;
}

.banner_swiper .swiper-container {
    width: 100%;
    height: 920px;
}

.banner_swiper .swiper-slide>img {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 10;
}

.banner_swiper .banner_text {
    position: relative;
    z-index: 100;
    top: 280px;
}

.banner_swiper .banner_text>p {
    display: block;
    margin-bottom: 10px;
    font-family: AlibabaPuHuiTi-Light;
    font-size: 40px;
    color: #ffffff;
    position: relative;
    top:0px;
    transition: top 1s;
}

.banner_swiper .banner_text>span {
    display: block;
    margin-bottom: 40px;
    font-family: AlibabaPuHuiTi-Light;
    font-size: 72px;
    font-weight: 700;
    color: #fefefe;
    position: relative;
    top:0px;
    transition: top 0.6s;
}
.banner_swiper .banner_text>a{
    position: relative;
    top:0px;
    transition: top 0.6s;
}
.index_banner_text3 {
    width: 50%;
    background: url(../images/index_banner_text_shadow.png) no-repeat right 12px;
    background-size: 100% 100%;
}

.banner_swiper .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 40px;
}

.banner_swiper .swiper-pagination-bullet {
    width: auto;
    height: auto;
    font-family: Bahnschrift;
    font-size: 30px;
    color: #fefefe;
    border-radius: 0%;
    background-color: initial;
    padding: 0px 10px 0px 10px;
}

.banner_swiper .swiper-button-next,
.banner_swiper .swiper-button-prev {
    top: auto;
    bottom: 38px;
}

.banner_swiper .swiper-button-prev {
    width: 40px;
    height: 47px;
    left: 43%;
    background-image: url('../images/rhombus_arrow_right.png');
    background-size: 100%;
}

.banner_swiper .swiper-button-prev:hover {
    background-color: initial;
    background-image: url('../images/rhombus_arrow_right_height.png');
    box-shadow: 0px 10px 20px 0px rgba(70, 155, 102, 0.2);
}

.banner_swiper .swiper-button-next {
    width: 40px;
    height: 47px;
    right: 43%;
    background-image: url('../images/rhombus_arrow_left.png');
    background-size: 100%;
}

.banner_swiper .swiper-button-next:hover {
    background-color: initial;
    background-image: url('../images/rhombus_arrow_left_height.png');
    box-shadow: 0px 10px 20px 0px rgba(70, 155, 102, 0.2);
}
@keyframes  bannerTextMove  {
	0%{
        
    }
	100%{}
}

@media(max-width:768px) {
    .banner_swiper {
        top: 0px;
        margin-bottom: 0px;
    }

    .banner_swiper .swiper-container {
        width: 100%;
        height: 255px;
        /*background-color: rgb(158, 179, 201);*/
    }

    .banner_swiper .banner_text {
        top: 80px;
    }

    .banner_swiper .banner_text>p {
        font-size: 14px;
    }

    .banner_swiper .banner_text>span {
        margin-bottom: 30px;
        font-size: 28px;
        line-height: 28px;
    }

    .index_banner_text3 {
        width: 100%;
        background: none;
    }

    .banner_swiper .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 10px;
    }

    .banner_swiper .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        font-family: Bahnschrift;
        font-size: 30px;
        color: #fefefe;
        border-radius: 50%;
        background-color: rgb(255, 255, 255);
    }

    .banner_swiper .swiper-button-next,
    .banner_swiper .swiper-button-prev {
        display: none;
    }
}

/* banner 轮播 end */

/* 关于我们 start */
.about_us {
    padding-top: 100px;
    padding-bottom: 140px;
    background-color: #f7f7f7;
}

.about_us_desc {
    width: 100%;
}

.about_us_desc_left {
    width: 540px;
}

.about_us_desc_left>.about_us_desc_left_title {
    font-weight: 100;
    line-height: 46px;
    color: #333333;
    display: block;
}

.about_us_desc_left>.about_us_desc_left_title2 {
    line-height: 46px;
    color: #666666;
    display: block;
    margin: 10px 0px 20px;
}

.about_us_desc_left>p {
    font-size: 16px;
    line-height: 30px;
    color: #999999;
}

.about_us_desc_left>.find_details_btn {
    margin-top: 40px;
}

.about_us_desc_right {
    width: 780px;
    height: 560px;
}

.about_us_desc_right>img {
    width: 100%;
    height: 100%;
}

.about_us_swiper_left {
    width: 660px;
    height: 300px;
    position: relative;
}

.about_us_swiper_left>img:first-child {
    width: 100%;
    height: 100%;
}

.about_us_swiper_left_shade {
    position: absolute;
    left: 0px;
    top: 0px;
}

.about_us_swiper_right {
    width: 780px;
    padding: 60px 70px;
    position: relative;
}

.about_us_swiper_right .swiper-container {
    width: 100%;
}

.about_us_swiper_right .swiper-wrapper {
    width: 100%;
}

.about_us_swiper_right .swiper-slide {
    width: 92px !important;
    height: 92px !important;
    text-align: center;
    line-height: 92px;
    filter: grayscale(100%);
}

.about_us_swiper_right .swiper-slide>a {
    width: 100%;
    height: 100%;
    display: block;
}

.about_us_swiper_right .swiper-slide>a>img {
    max-width: 100%;
}

.about_us_swiper_right .swiper-slide:hover {
    filter: grayscale(0%);
}

.about_us_swiper_right .swiper-button-prev {
    width: 13px;
    height: 22px;
    left: 2%;
    top: 55%;
    background-image: url('../images/arrow_left.png');
    background-size: 100%;
}

.about_us_swiper_right .swiper-button-next {
    width: 13px;
    height: 22px;
    right: 2%;
    top: 55%;
    background-image: url('../images/arrow_right.png');
    background-size: 100%;
}

.about_us_swiper_right .swiper-button-prev:hover {
    background-image: url('../images/arrow_left_blue.png');
}

.about_us_swiper_right .swiper-button-next:hover {
    background-image: url('../images/arrow_right_blue.png');
}

@media(max-width:768px) {
    .about_us {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .about_us_desc_left {
        width: 100%;
    }

    .about_us_desc_left>.about_us_desc_left_title {
        font-size: 28px;
        line-height: 26px;
    }

    .about_us_desc_left>.about_us_desc_left_title2 {
        line-height: 14px;
    }

    .about_us_desc_left>p {
        font-size: 14px;
        line-height: 22px;
        color: #999999;
    }

    .about_us_desc_left>.find_details_btn {
        margin-top: 20px;
    }

    .about_us_desc_right {
        width: 100%;
        height: 240px;
        margin-top: 20px;
    }

    .about_us_swiper {
        margin-top: 20px;
    }

    .about_us_swiper_left {
        width: 100%;
        height: 160px;
    }

    .about_us_swiper_left_shade {
        width: 20px;
        height: 20px;
    }

    .about_us_swiper_right {
        width: 100%;
        padding: 20px 0%;
        position: relative;
    }

    .about_us_swiper_right .swiper-container {
        width: 100%;
        height: 92px;
    }

    .about_us_swiper_right .swiper-slide {
        width: 50% !important;
        height: 100%;
    }

    .about_us_swiper_right .swiper-slide>a>img {
        max-width: 100%;
        max-height: 100%;
    }

    .about_us_swiper_right .swiper-button-prev,
    .about_us_swiper_right .swiper-button-next {
        display: none;
    }
}

/* 关于我们 end */

/* 教育服务 start */
.education_services {
    padding-top: 110px;
    padding-bottom: 120px;
}

.education_services_title {
    display: block;
    text-align: center;
    font-size: 44px;
    font-weight: 100;
    color: #333333;
}

.education_services_synopsis {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #999999;
    margin-top: 18px;
}

.services_list {
    display: block;
    margin-top: 50px;
}

.services_list_item {
    width: 440px;
    height: 501px;
    background-color: #ffffff;
    border: solid 1px #dbe0e5;
}

.services_list_item+.services_list_item {
    margin-left: 60px;
}

.services_list_item>a {
    width: 100%;
    display: block;
}

.services_list_item_head {
    width: 100%;
    height: 140px;
    padding-top: 40px;
    background-color: #f5f7fa;
    border-bottom: solid 1px #dbe0e5;
}

.services_list_item_head>span {
    display: block;
    text-align: center;
    font-size: 24px;
    color: #333333;
}

.services_list_item_head>span+span {
    font-size: 16px;
    color: #999999;
    margin-top: 14px;
}

.services_list_item_body {
    width: 100%;
    padding: 40px 40px 0px;
}

.services_list_body_item {
    width: 100%;
}

.services_list_body_item+.services_list_body_item {
    margin-top: 20px;
}

.services_list_body_item1 {
    display: block;
    font-size: 18px;
    color: #333333;
    padding-left: 23px;
    position: relative;
    font-weight: bold;
}

.services_list_body_item1:before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    background-color: #333333;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -3px;
}

.services_list_body_item2 {
    display: block;
    padding-left: 23px;
    margin-top: 20px;
    font-size: 16px;
    color: #666666;
}

.services_list_item1 {
    background: url('../images/services_list_item_bg1.png') no-repeat right bottom;
}

.services_list_item2 {
    background: url('../images/services_list_item_bg2.png') no-repeat right bottom;
}

.services_list_item3 {
    background: url('../images/services_list_item_bg3.png') no-repeat right bottom;
}

.services_list_item1:hover {
    background: url('../images/services_list_item_bg1_height.png') no-repeat right bottom;
}

.services_list_item2:hover {
    background: url('../images/services_list_item_bg2_height.png') no-repeat right bottom;
}

.services_list_item3:hover {
    background: url('../images/services_list_item_bg3_height.png') no-repeat right bottom;
}

.services_list_item:hover {
    border: solid 1px #2e5ced;
    box-shadow: 0px 20px 40px 0px rgba(16, 73, 251, 0.09);
}

.services_list_item:hover .services_list_item_head {
    background-color: #2e5ced;
}

.services_list_item:hover .services_list_item_head>span {
    color: #ffffff;
}

.services_list_item:hover .services_list_item_head>span+span {
    opacity: 0.6;
    filter: Alpha(opacity=60);
}

@media(max-width:768px) {
    .education_services {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .education_services_title {
        font-size: 28px;
        line-height: 26px;
    }

    .education_services_synopsis {
        font-size: 14px;
        margin-top: 9px;
        line-height: 20px;
    }

    .services_list {
        margin-top: 20px;
    }

    .services_list_item {
        width: 100%;
        height: 350px;
    }

    .services_list_item+.services_list_item {
        margin-left: 0px;
        margin-top: 20px;
    }

    .services_list_item_head {
        width: 100%;
        height: 90px;
        padding-top: 20px;
    }

    .services_list_item_head>span {
        display: block;
        text-align: center;
        font-size: 18px;
        color: #333333;
    }

    .services_list_item_head>span+span {
        font-size: 12px;
        color: #999999;
        margin-top: 7px;
    }

    .services_list_item_body {
        width: 100%;
        padding: 20px 20px 0px;
    }

    .services_list_body_item1 {
        display: block;
        font-size: 14px;
    }

    .services_list_body_item1:before {
        width: 4px;
        height: 4px;
        margin-top: -2px;
    }

    .services_list_body_item+.services_list_body_item {
        margin-top: 10px;
    }

    .services_list_body_item2 {
        margin-top: 10px;
        font-size: 14px;
    }
}

/* 教育服务 end */

/* 科教基地 start */
.education_base {
    height: 784px;
    padding-top: 120px;
    background: url('../images/index_item3_bg.png') no-repeat center top;
    background-size: 100% 100%;
}

.education_base_swiper {
    width: 810px;
    padding-right: 100px;
    position: relative;
}

.education_base_swiper .swiper-container {
    width: 100%;
    height: 550px;
}

.education_base_swiper .swiper-slide {
    width: 720px !important;
    height: 405px !important;
    box-shadow: 20px 40px 40px 10px rgba(18, 18, 41, 0.6);
}

.education_base_swiper .swiper-slide>a {
    width: 100%;
    height: 100%;
    display: block;
}

.education_base_swiper .swiper-slide>a>img {
    width: 100%;
    height: 100%;
    display: block;
}

.education_base_swiper .swiper-button-prev {
    width: 40px;
    height: 47px;
    left: auto;
    right: 0%;
    top: 35%;
    background-image: url('../images/rhombus_arrow_top.png');
    background-size: 100%;
}

.education_base_swiper .swiper-button-next {
    width: 40px;
    height: 47px;
    right: 0%;
    top: 48%;
    background-image: url('../images/rhombus_arrow_bottom.png');
    background-size: 100%;
}

.education_base_swiper .swiper-button-prev:hover {
    background-image: url('../images/rhombus_arrow_top_height.png');
}

.education_base_swiper .swiper-button-next:hover {
    background-image: url('../images/rhombus_arrow_bottom_height.png');
}

.education_base_text {
    width: 580px;
}

.education_base_title {
    width: 100%;
}

.education_base_title>span:first-child {
    display: block;
    font-weight: 100;
    font-size: 44px;
    color: #ffffff;
}

.education_base_title>span+span {
    display: block;
    margin-top: 18px;
    font-size: 16px;
    color: #ffffff;
}

.education_base_swiper_text_list {
    width: 100%;
    margin-top: 124px;
}

.base_swiper_text_list_item {
    width: 100%;
    display: none;
}

.base_swiper_text_list_item>span {
    display: block;
    margin-bottom: 26px;
    font-size: 24px;
    color: #ffffff;
    padding-bottom: 36px;
    position: relative;
}

.base_swiper_text_list_item>span:after {
    content: '';
    display: block;
    width: 54px;
    height: 3px;
    background-color: #ffffff;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.base_swiper_text_list_item>p {
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    opacity: 0.6;
    filter: Alpha(opacity=60);
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

@media(max-width:768px) {
    .education_base {
        height: auto;
        padding-top: 40px;
        padding-bottom: 40px;
        background: url(../images/mobile_index_item3_bg.jpg) no-repeat center top;
        background-size: 100% 100%;
    }

    .education_base_swiper {
        width: 100%;
        padding-right: 0px;
        position: relative;
    }

    .education_base_swiper .swiper-button-next,
    .education_base_swiper .swiper-button-prev {
        display: none;
    }

    .education_base_swiper .swiper-container {
        width: 100%;
        height: 300px;
    }

    .education_base_swiper .swiper-slide {
        width: 100% !important;
        height: 200px !important;
        box-shadow: 0px 5px 5px 5px rgb(18 18 41 / 20%);
    }

    .education_base_text {
        width: 100%;
        margin-top: 20px;
    }

    .education_base_title>span:first-child {
        font-size: 28px;
    }

    .education_base_title>span+span {
        margin-top: 9px;
        font-size: 14px;
    }

    .education_base_swiper_text_list {
        width: 100%;
        margin-top: 0px;
    }

    .base_swiper_text_list_item>span {
        margin-bottom: 16px;
        font-size: 16px;
        padding-bottom: 16px;
    }

    .base_swiper_text_list_item>p {
        font-size: 14px;
        line-height: 18px;
        text-align: justify;
    }
}

/* 科教基地 end */

/* 活动中心 start */
.education_center {
    padding: 120px 0px;
}

.education_center_list {
    width: 100%;
    height: 780px;
    margin-top: 60px;
    position: relative;
}

.education_center_list_item {
    width: 360px;
    height: 425px;
    background-color: #ffffff;
    box-shadow: 0px 18px 29px 0px rgba(135, 143, 152, 0.1);
    position: absolute;
    z-index: 10;
}

.education_center_list_item_three{
    left: 0px;
    bottom: -65px;
    height: 380px;
}

.education_center_list_item_four{
    right: 0px;
    bottom: -65px;
    height: 380px;

}




.education_center_list_item_head {
    width: 100%;
    height: 100px;
    line-height: 100px;
    padding-left: 40px;
    background-color: #f5f7fa;
    background-image: url('../images/education_center_list_item_head_shade.png');
    background-size: 100% 50%;
    background-repeat: no-repeat;
    background-position: right bottom;
    position: relative;
}

.education_center_series {
    width: 40px;
    height: 100px;
    display: inline-block;
    vertical-align: middle;
}

.series_s {
    background: url('../images/S_333.png') no-repeat left center;
}

.series_m {
    background: url('../images/M_333.png') no-repeat left center;
}

.series_l {
    background: url('../images/L_333.png') no-repeat left center;
}

.series_k {
    background: url('../images/K_333.png') no-repeat left center;
}

.education_center_list_item_head>span {
    display: inline-block;
    font-size: 24px;
    color: #666666;
    margin-left: 20px;
    vertical-align: middle;
}

.education_center_series_icon {
    position: absolute;
    right: 40px;
    top: 50%;
}

.series_icon_s {
    width: 40px;
    height: 35px;
    margin-top: -20px;
    background: url('../images/education_center_list_item_head_icon1.png') no-repeat center center;
}

.series_icon_m {
    width: 38px;
    height: 38px;
    margin-top: -19px;
    background: url('../images/education_center_list_item_head_icon2.png') no-repeat center center;
}

.series_icon_l {
    width: 38px;
    height: 38px;
    margin-top: -19px;
    background: url('../images/education_center_list_item_head_icon3.png') no-repeat center center;
}

.series_icon_k {
    width: 42px;
    height: 42px;
    margin-top: -21px;
    background: url('../images/education_center_list_item_head_icon4.png') no-repeat center center;
}

.education_center_list_item_body {
    padding: 10px 40px 0px;
    width: 100%;
}

.education_center_list_item_body .services_list_body_item1 {
    color: #666666;
}

.education_center_list_item_body .services_list_body_item1:before {
    background-color: #666666;
}

.education_center_list_item_body>.services_list_body_item+.services_list_body_item {
    margin-top: 16px;
}

.education_center_list_item:hover {
    box-shadow: 0px 20px 40px 0px rgba(16, 73, 251, 0.09);
}

.education_center_list_item:hover .education_center_list_item_head {
    background-color: #2e5ced;
    background-image: url('../images/education_center_list_item_head_shade_height.png');
}

.education_center_list_item:hover .series_s {
    background: url('../images/S_fff.png') no-repeat left center;
}

.education_center_list_item:hover .series_m {
    background: url('../images/M_fff.png') no-repeat left center;
}

.education_center_list_item:hover .series_l {
    background: url('../images/L_fff.png') no-repeat left center;
}

.education_center_list_item:hover .series_k {
    background: url('../images/K_fff.png') no-repeat left center;
}

.education_center_list_item:hover .education_center_list_item_head>span {
    color: #fefefe;
}

.education_center_list_item:hover .series_icon_s {
    background: url('../images/education_center_list_item_head_icon1_height.png') no-repeat center center;
}

.education_center_list_item:hover .series_icon_m {
    background: url('../images/education_center_list_item_head_icon2_height.png') no-repeat center center;
}

.education_center_list_item:hover .series_icon_l {
    background: url('../images/education_center_list_item_head_icon3_height.png') no-repeat center center;
}

.education_center_list_item:hover .series_icon_k {
    background: url('../images/education_center_list_item_head_icon4_height.png') no-repeat center center;
}

.education_center_list_center {
    width: 750px;
    height: 750px;
    padding-top: 50px;
    background: url("../images/education_center_list_center——bg.png") no-repeat center center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -375px;
    margin-top: -375px;
}

.education_center_list_center_title {
    display: block;
    text-align: center;
    font-family: AlibabaPuHuiTi-Regular;
    font-size: 36px;
    color: #2e5ced;
    margin-bottom: 50px;
}

.education_center_list_center_title>span {
    font-family: Barlow-Bold;
    font-size: 48px;
    color: #2e5ced;
    display: inline-block;
    margin-right: 10px;
}

.education_center_swiper {
    width: 460px;
    height: 460px;
    margin: 0px auto;
}

.education_center_swiper>.swiper-container {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.education_center_swiper_img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -50%;
    margin-left: -50%;
}

.education_center_swiper_shade {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -50%;
}

.education_center_swiper_desc {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0px 18%;
    position: absolute;
    bottom: 80px;
    line-height: 32px;
}

.education_center_swiper_desc>span {
    font-size: 24px;
    color: #ffffff;
}

.education_center_swiper .swiper-button-prev {
    width: 86px;
    height: 89px;
    left: 100px;
    top: 50%;
    background-image: url('../images/arrow_round_left.png');
    background-size: 100% 100%;
    opacity: 1;
}

.education_center_swiper .swiper-button-next {
    width: 86px;
    height: 89px;
    right: 100px;
    top: 50%;
    background-image: url('../images/arrow_round_right.png');
    background-size: 100% 100%;
    opacity: 1;
}

.education_center_swiper .swiper-button-prev:hover {
    background-image: url('../images/arrow_round_left_blue.png');
}

.education_center_swiper .swiper-button-next:hover {
    background-image: url('../images/arrow_round_right_blue.png');
}

@media(max-width:768px) {
    .education_center {
        padding: 40px 0px;
    }

    .education_center_list {
        width: 100%;
        height: auto;
        margin-top: 30px;
    }

    .education_center_list_center {
        width: 100%;
        height: auto;
        padding-top: 0px;
        background: none;
        position: relative;
        top: auto;
        left: auto;
        margin-left: 0px;
        margin-top: 0px;
    }

    .education_center_list_center_title {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .education_center_list_center_title>span {
        font-size: 28px;
        line-height: 28px;
    }

    .education_center_swiper {
        width: 292px;
        height: 292px;
    }

    .education_center_swiper .swiper-button-prev,
    .education_center_swiper .swiper-button-next {
        display: none;
    }

    .education_center_swiper_desc {
        bottom: 30px;
        line-height: 18px;
    }

    .education_center_swiper_desc>span {
        font-size: 14px;
        color: #ffffff;
    }

    .education_center_list_item {
        width: 100%;
        height: 235px;
        box-shadow: 5px 5px 15px 0px rgb(135 143 152 / 20%);
        position: initial;
        margin-top: 20px;
    }

    .education_center_list_item_two{
        height: 280px;
    }

    .education_center_list_item_three{
        height: 245px;
    }

    .education_center_list_item_four {
        height: 310px;
    }

    .education_center_list_item_head {
        width: 100%;
        height: 70px;
        line-height: 70px;
        padding-left: 20px;
    }

    .education_center_series {
        height: 70px;
    }

    .education_center_list_item_head>span {
        font-size: 18px;
        margin-left: 0px;
    }

    .education_center_series_icon {
        right: 20px
    }

    .education_center_list_item_body {
        padding: 20px 20px 0px;
        width: 100%;
    }
}

/* 活动中心 end */

/* 合作案例 start */
.cooperation_case {
    background-color: #f0f0f0;
}

.cooperation_case_tab {
    width: 640px;
    height: 860px;
    background: url('../images/cooperation_case_tab_bg.png') no-repeat center top;
    background-size: 100% 100%;
    padding-left: 248px;
    padding-top: 148px;
}

.cooperation_case_tab_title {
    width: 100%;
}

.cooperation_case_tab_title>span {
    display: block;
    width: 100%;
    font-family: MicrosoftYaHeiLight;
    font-size: 44px;
    font-weight: 100;
    color: #ffffff;
}

.cooperation_case_tab_title>p {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 46px;
    /* color: #b3b5b9; */
    color: #f8f8f8;
    opacity: 0.6;
    filter: Alpha(opacity=60);
}

.cooperation_case_tab_list {
    width: 100%;
    margin-top: 90px;
}

.cooperation_case_tab_list li {
    padding: 28px 0px 36px 0px;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    position: relative;
}

.cooperation_case_tab_list li:before {
    content: '';
    width: 6px;
    height: 119px;
    background-color: #59cbfb;
    border-radius: 1px;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -60px;
    display: none;
}

.cooperation_case_tab_list li>span {
    display: block;
    margin-bottom: 10px;
}

.cooperation_case_tab_list_active {
    padding-left: 30px !important;
    background: url('../images/cooperation_case_tab_list_item.png') no-repeat 6px center;
}

.cooperation_case_tab_list_active:after {
    content: '';
    width: 6px;
    height: 119px;
    background-color: #59cbfb;
    border-radius: 1px;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -60px;
    display: block;
}

.cooperation_case_tab_list li:hover {
    padding-left: 30px;
    background: url('../images/cooperation_case_tab_list_item.png') no-repeat 6px center;
}

.cooperation_case_tab_list li:hover:before {
    display: block;
}

.cooperation_case_content {
    width: 1250px;
    height: 860px;
    background-color: #f0f0f0;
}

.cooperation_case_item {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: none;
}

.cooperation_case_content_left {
    width: 50%;
    height: 100%;
}

.cooperation_case_content_left_head {
    width: 100%;
    height: 330px;
}

.cooperation_case_content_left_head>img {
    width: 100%;
}

.cooperation_case_content_left_head>p {
    display: block;
    margin-bottom: 30px;
    padding-left: 38px;
    font-weight: 700;
    font-size: 22px;
    color: #333333;
}

.cooperation_case_content_left_head>p>span {
    display: inline-block;
    margin: 0px 10px;
}

.cooperation_case_content_left_head>.find_details_btn {
    margin-left: 38px;
}

.cooperation_case_content_left_body {
    width: 100%;
    height: 530px;
    background-color: #0065ff;
    position: relative;
}

.cooperation_case_content_left_body>.cooperation_case_content_left_body_img {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

.cooperation_case_content_left_body_shade {
    width: 100%;
    position: absolute;
    bottom: 0px;
    z-index: 5;
}

.cooperation_case_content_left_body>p {
    display: block;
    width: 88%;
    font-size: 22px;
    font-weight: bold;
    color: #ffffff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: absolute;
    bottom: 48px;
    left: 40px;
    z-index: 10;
}

.cooperation_case_content_right {
    width: 620px;
    height: 100%;
}

.cooperation_case_content_right_desc {
    width: 620px;
    height: 300px;
    padding: 64px 0px 0px 48px;
}

.cooperation_case_content_right_desc>p {
    display: block;
    text-align: justify;
    width: 340px;
    font-size: 16px;
    line-height: 28px;
    color: #666666;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

@media(max-width:768px) {
    .mobile_cooperation_case {
        padding: 0px 0px 40px;
    }

    .mobile_cooperation_case_title {
        text-align: center;
    }

    .mobile_cooperation_case_title>span {
        display: block;
        font-size: 28px;
        font-weight: 100;
        color: #333333;
    }

    .mobile_cooperation_case_title>p {
        display: block;
        font-size: 14px;
        color: #333333;
        opacity: 0.6;
    }

    .mobile_case_head {
        width: 100%;
        margin-top: 20px;
        padding-bottom: 16px;
        border-bottom: 1px solid #dbdbdb;
        overflow-x: scroll;
    }

    .mobile_case_head::-webkit-scrollbar {
        display: none;
    }

    .mobile_case_head ul {
        display: flex;
    }

    .mobile_case_head ul li {
        white-space: nowrap;
        font-size: 16px;
        color: #666666;
        letter-spacing: 1px;
    }

    .mobile_case_head ul li+li {
        margin-left: 20px;
    }

    .mobile_case_head_active {
        font-weight: bold;
        color: #2e5ced !important;
        position: relative;
    }

    .mobile_case_head_active:before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-bottom: 4px solid #2e5ced;
        position: absolute;
        bottom: -13px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 10;
    }

    .mobile_case_head_active:after {
        content: '';
        display: block;
        width: 100%;
        height: 3px;
        background-color: #2e5ced;
        border-radius: 1px;
        position: absolute;
        bottom: -16px;
        z-index: 10;
    }

    .mobile_case_content {
        margin-top: 20px;
    }

    .mobile_case_item {
        width: 100%;
        display: none;
    }

    .mobile_case_item_head {
        width: 100%;
        height: 60px;
        line-height: 60px;
        padding-left: 20px;
        background-color: #2e5ced;
        border-radius: 1px;
        font-size: 16px;
        font-weight: bold;
        color: #ffffff;
        position: relative;
        margin-bottom: 25px;
    }

    .mobile_case_item_head::before {
        content: '';
        display: block;
        width: 3px;
        height: 100%;
        background-color: #59cbfb;
        border-radius: 1px;
        position: absolute;
        left: 0px;
        top: 50%;
        transform: translateY(-50%);
    }

    .mobile_case_item_img {
        position: relative;
        width: 100%;
        height: 265px;
        background-color: #0065ff;
    }

    .mobile_case_item_img_show {
        width: 100%;
        height: 100%;
        display: block;
        position: relative;
        z-index: 1;
    }

    .mobile_case_item_img_shade {
        position: absolute;
        bottom: 0px;
        z-index: 10;
    }

    .mobile_case_item_img>p {
        display: block;
        font-size: 14px;
        font-weight: bold;
        color: #ffffff;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 92%;
        position: absolute;
        bottom: 4%;
        left: 4%;
        z-index: 12;
    }

    .mobile_case_item>p {
        font-size: 14px;
        display: block;
        text-align: justify;
        color: #666666;
        margin: 30px 0px;
    }
}

/* 合作案例 end */


/* 新闻资讯 start */
.news {
    padding-top: 120px;
    padding-bottom: 60px;
    position: relative;
}

.news>img {
    display: block;
    width: 302px;
    height: 281px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 0;
}

.news_head {
    width: 100%;
}

.news_head>div>span:first-child {
    font-size: 44px;
    font-weight: 100;
    line-height: 44px;
    color: #333333;
    vertical-align: bottom;
}

.news_head>div>span+span {
    display: inline-block;
    margin-left: 10px;
    font-size: 20px;
    line-height: 20px;
    color: #999999;
    vertical-align: bottom;
}

.news_list {
    width: 100%;
    margin-top: 60px;
}

.news_list li {
    width: 700px;
    height: 340px;
    background-color: #ffffff;
    border: solid 1px #e5e5e5;
    padding: 58px 50px 0px;
    float: left;
    margin-bottom: 40px;
}

.news_list li+li {
    margin-left: 40px;
}

.news_list_clear {
    margin-left: 0px !important;
}

.news_item_left {
    width: 100px;
}

.news_item_left>span {
    width: 100%;
    display: block;
    text-align: right;
    font-family: Barlow-Regular;
    font-size: 16px;
    color: #333333;
}

.news_item_left>p {
    width: 100%;
    display: block;
    text-align: right;
    font-size: 36px;
    color: #333333;
    margin-top: 10px;
    margin-bottom: 86px;
}

.news_item_left>img {
    width: 100%;
    display: block;
}

.news_item_right {
    width: 440px;
}

.news_item_right>span {
    display: block;
    font-size: 20px;
    font-weight: bold;
    line-height: 40px;
    height: 80px;
    color: #333333;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news_item_right>p {
    display: block;
    margin-top: 30px;
    font-size: 16px;
    line-height: 30px;
    height: 60px;
    color: #999999;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news_item_right>.btn {
    display: block;
    width: 80px;
    height: 48px;
    border: solid 1px #e5e5e5;
    background: url('../images/line_arrow_right.png') no-repeat center center;
    background-size: 19px 12px;
    margin-top: 42px;
}

.news_list li:hover {
    box-shadow: 0px 20px 40px 0px rgba(16, 73, 251, 0.09);
    border: solid 1px #2e5ced;
}

.news_list li:hover .news_item_right>span {
    color: #2e5ced;
}

.news_list li:hover .news_item_right>.btn {
    background-color: #2e5ced;
    background-image: url('../images/line_arrow_right_white.png');
}

@media(max-width:768px) {
    .news {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .news>img {
        width: 100px;
        height: 90px;
    }

    .news_head>div>span:first-child {
        font-size: 28px;
        line-height: 28px;
    }

    .news_head>div>span+span {
        margin-left: 10px;
        font-size: 16px;
        line-height: 16px;
    }

    .news_head>.fr {
        float: left;
        margin-top: 20px;
    }

    .news_list {
        margin-top: 20px;
    }

    .news_list li {
        width: 100%;
        height: 190px;
        padding: 4% 4% 0px;
        margin-bottom: 20px;
    }

    .news_list li+li {
        margin-left: 0px;
    }

    .news_item_left {
        width: 80px;
    }

    .news_item_left>span {
        width: 100%;
        font-size: 14px;
    }

    .news_item_left>p {
        font-size: 24px;
        color: #333333;
        margin-top: 10px;
        margin-bottom: 30px;
    }

    .news_item_right {
        width: calc(100% - 100px);
    }

    .news_item_right>span {
        font-size: 16px;
        line-height: 28px;
        height: 56px;
    }

    .news_item_right>p {
        display: block;
        margin-top: 20px;
        font-size: 14px;
        line-height: 18px;
        height: 36px;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .news_item_right>.btn {
        display: block;
        width: 40px;
        height: 24px;
        border: solid 1px #e5e5e5;
        background: url(../images/line_arrow_right.png) no-repeat center center;
        background-size: 9px 6px;
        margin-top: 21px;
    }
}

/* 新闻资讯 end */