*,h4,h5,h6 {
    margin: 0;
    box-sizing: border-box;
}
.nei-banner {
    height:360px;
}
.nei-banner img {
    position:relative;
    top:-300px;
}
.img {
    overflow: hidden;
}
.img img {
    width:100%;
    display:block;
    transition:all .5s;
}
.yih {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.erh {
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
#header {
    position: sticky;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 9999;
    border-bottom: 1px solid rgb(223, 225, 230);
}
.header_pack {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 3%;
}
.logo {
    height: 80px;
    padding: 22px 0;
}
.logo a {
    display: block;
    height: 100%;
}
.logo img {
    max-height: 100%;
    display: block;
}
.w_nav{
    display: flex;
}
.w_nav>li{
    padding: 0 25px;
    position: relative;
}
.w_nav>li>a {
    font-size: 18px;
    line-height: 77px;
    color: rgb(0, 0, 0);
    border-bottom: 3px solid transparent;
    display: block;
}
.er_nav {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    padding: 5px 0;
    display: none;
}
.er_nav li a {
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 32px;
    color: rgb(0, 0, 0);
}
.er_nav li a:hover {
    background: rgb(204, 0, 1);
    color: #fff;
}
.w_nav>li>a:hover,
.w_nav>li.active>a {
    color: rgb(204, 0, 1);
    border-bottom-color: rgb(204, 0, 1);
    font-weight: bold;
}
.iconfont{
    display: none;
}
.header_phone{
    display: flex;
    align-items: center;
}
.header_phone span {
    font-size: 24px;
    line-height: 26px;
    margin-left: 10px;
}
footer {
    background: rgb(32, 32, 32);
}
.footer_pack{
    padding: 47px 0 30px;
    display: flex;
    align-items: flex-start;
}
.footer_left{
    width: 45%;
    padding-right: 57px;
}
.footer_left h4,
.footer_form h4 {
    font-size: 24px;
    line-height: 35px;
    color: rgb(255, 255, 255);
}
.footer_left_list{
    margin-top: 10px;
}
.footer_left_list li {
    margin-top: 31px;
    display: flex;
    align-items: center;
}
.footer_left_list_icon {
    width: 44px;
}
.footer_left_list_cont{
    width: calc(100% - 44px);
    padding-left: 15px;
    font-size: 16px;
    line-height: 24px;
}
.footer_left_list_cont h5 {
    color: rgb(149, 149, 149);
    font-size: 16px;
    line-height: 24px;
}
.footer_left_list_cont p {
    color: #fff;
}
.footer_inputlist{
    margin-top: 31px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.footer_input{
    width: 32%;
    margin-bottom: 15px;
}
.footer_input input {
    width: 100%;
    border: 1px solid rgb(242, 239, 245);
    font-size: 16px;
    line-height: 38px;
    border-radius: 5px;
    padding: 0 20px;
}
.footer_input input::-webkit-input-placeholder,
.footer_input textarea::-webkit-input-placeholder {
    color: #000;
}
.footer_form{
    width: 55%;
}
.footer_input:last-child {
    width: 100%;
}
.footer_input textarea {
    width: 100%;
    padding: 10px 20px;
    font-size: 16px;
    border: 1px solid rgb(242, 239, 245);
    border-radius: 5px;
    height: 100px;
    resize: none;
}
.submit {
    width: 160px;
    line-height: 48px;
    background-color: rgb(220, 0, 12);
    text-align: center;
    font-size: 16px;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
}
.copyright{
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    color: rgb(149, 149, 149);
    padding: 19px 0 53px;
    border-top: 1px solid rgba(255, 255, 255,.2);
}
.schedule{
    padding: 80px 0 120px;
}
.schedule_list li {
    margin-bottom:50px;
}
.schedule_list li a {
    display: flex;
    align-items: center;
}
.schedule_list_cont{
    width: 50%;
    padding-right: 15%;
}
.schedule_list_cont h4 {
    font-size: 28px;
    line-height: 37px;
    color: rgb(0, 0, 0);
}
.schedule_list_cont div {
    font-size: 16px;
    line-height: 24px;
    margin-top: 15px;
    color: rgb(51, 51, 51);
    white-space: pre-line;
}
.schedule_list_cont span {
    width: 160px;
    line-height: 48px;
    border-radius: 25px;
    border: 1px solid rgb(204, 0, 1);
    display: block;
    text-align: center;
    font-size: 16px;
    margin-top: 27px;
    color: rgb(204, 0, 1);
}
.scheduleDetail {
    padding: 20px 0 120px;
}
.scheduleDetail_pack h4 {
    font-size: 28px;
    line-height: 37px;
    color: rgb(0, 0, 0);
}
.scheduleDetail_pack_desc {
    font-size: 16px;
    line-height: 28px;
    color: rgb(102, 102, 102);
    margin-top: 22.5px;
}
.scheduleDetail_pack_desc span {
    color:#000 ;
    font-weight: bold;
}
.scheduleDetail_pack_detail{
    margin-top: 21px;
}
.scheduleDetail_pack_detail h5 {
    font-size: 20px;
    line-height: 26px;
    font-weight: bold;
    color: rgb(0, 0, 0);
}
.scheduleDetail_pack_detail_cont{
    margin-top: 22px;
    font-size: 18px;
    line-height: 36px;
    color: rgb(102, 102, 102);
}
.scheduleDetail_pack_detail_cont p {
    margin-bottom: 16px;
}
.scheduleDetail_pack_detail_cont h6 {
    color: #000;
    margin-bottom: 22px;
    font-size: 18px;
    line-height: 36px;
}
.news{
    padding: 30px  0 120px;
}
.news_list li {
    padding: 50px 0;
    border-bottom: 1px solid rgb(222, 222, 222);
}
.news_list a {
    display: flex;
    align-items: center;
}
.news_list_img{
    width: 30%;
}
.news_list_pack{
    width: 70%;
    padding-right: 7%;
    display: flex;
}
.news_list_time{
    width: 23%;
    text-align: center;
    border-right: 1px solid rgb(222, 222, 222);
}
.news_list_time h2 {
    font-size: 72px;
    line-height: 95px;
    color: rgb(102, 102, 102);
}
.news_list_time h5 {
    font-size: 28px;
    line-height: 37px;
    margin-top: 5px;
    color: rgb(102, 102, 102);
}
.news_list_cont{
    width: 77%;
    padding-left: 5%;
}
.news_list_cont h4 {
    font-size: 24px;
    line-height: 32px;
    color: rgb(0, 0, 0);
}
.news_list_cont p {
    font-size: 16px;
    line-height: 24px;
    color: rgb(102, 102, 102);
    margin-top: 29px;
    -webkit-line-clamp: 3;
}
.news_list a:hover .news_list_time h2,
.news_list a:hover .news_list_time h5,
.news_list a:hover .news_list_cont h4 {
    color: rgb(204, 0, 1);
}
.news_list a:hover img {
    transform: scale(1.1);
}
.public_nav {
    padding: 28px 0 ;
}
.public_nav {
    font-size: 16px;
    line-height: 24px;
    color: rgb(149, 149, 149);
}
.public_nav a {
    color: rgb(149, 149, 149);
}
.newsDetail{
    padding: 20px 0 115px;
}
.newsdetail_title{
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 1px solid rgb(222, 222, 222);
}
.newsdetail_title h3 {
    font-size: 40px;
    line-height: 53px;
    color: rgb(0, 0, 0);
}
.newsdetail_title div {
    font-size: 14px;
    line-height: 20px;
    color: rgb(102, 102, 102);
    margin-top: 17px;
}
.newsdetail_title span {
    display: inline-block;
    margin: 0 10px;
    color: rgb(102, 102, 102);
}
.newsdetail_content{
    padding: 30px 0;
    border-bottom: 1px solid rgb(222, 222, 222);
    font-size: 16px;
    line-height: 24px;
    color: rgb(102, 102, 102);
}
.newsdetail_content div {
    width: 60%;
    margin: 0 auto 27px;
}
.newsdetail_content div img {
    width: 100%;
    display: block;
}
.newsdetail_content p {
    margin-bottom: 30px;
}
.newsdetail_next-prev {
    font-size: 16px;
    line-height: 32px;
    color: rgb(102, 102, 102);
    margin-top: 44px;
}
.newsdetail_next-prev p a {
    color: rgb(102, 102, 102);
}
.newsdetail_next-prev p a:hover {
    color: rgb(204, 0, 1);
}
.Server{
    padding: 100px 0 117px;
}
.server_list{
    display: flex;
    justify-content: space-between;
    position: relative;
}
.server_list li {
    width: 17%;
}
.server_icon {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: rgb(250, 229, 229);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}
.server_icon img {
    max-width: 50%;
}
.server_cont{
    margin-top: 40px;
}
.server_cont h4 {
    font-size: 24px;
    line-height: 32px;
    color: rgb(0, 0, 0);
    text-align: center;
}
.server_cont p {
    font-size: 16px;
    line-height: 24px;
    color: rgb(102, 102, 102);
    white-space: pre-line;
    text-align: center;
    margin-top: 26px;
}
.server_list::before {
    content: "";
    width: 100%;
    border-bottom: 1px dashed rgb(204, 0, 1);
    position: absolute;
    top: 55px;
    left: 0;
    z-index: -1;
}
.about_nvalist {
    border-bottom: 1px solid rgb(231, 231, 231);
}
.about_nva {
    display: flex;
    justify-content: center;
}
.about_nva li {
    padding: 0 30px;
}
.about_nva li a {
    display: block;
    font-size: 16px;
    line-height: 60px;
    border-bottom: 2px solid transparent;
    color: rgb(0, 0, 0);
}
.about_nva li a:hover,
.about_nva li.active a {
    color: rgb(204, 0, 1);
    border-bottom-color: rgb(204, 0, 1);
}
.overview_cont{
    padding: 80px 0 120px;
}
.overview_cont_top{
    display: flex;
    align-items:center;
    padding-bottom: 46.5px;
    border-bottom: 1px solid rgb(237, 237, 237);
}
.overview_cont_top_title{
    width: 44%;
    padding-right: 4%;
}
.overview_cont_top_title h3 {
    font-size: 40px;
    line-height: 53px;
    color: rgb(0, 0, 0);
}
.overview_cont_top_title p {
    font-size: 24px;
    line-height: 32px;
    color: rgb(102, 102, 102);
    margin-top: 16px;
}
.overview_cont_top_desc{
    font-size: 18px;
    line-height: 28px;
    color: rgb(102, 102, 102);
    width: 56%;
}
.overview_cont_num{
    padding: 60px 0 50px;
}

.overview_cont_numlist {
    display: flex;
}
.overview_cont_numlist li {
    width: 20%;
    padding: 0 30px;
    border-left: 1px solid rgb(214, 214, 214);
    position: relative;
}
.overview_cont_numlist li::before {
    content: "";
    width: 1px;
    height: 30px;
    background: rgb(204, 0, 1);
    position: absolute;
    left: -1px;
    top: 0;
}
.overview_cont_num_pack h2 {
    color: rgb(204, 0, 1);
    font-size: 14px;
    line-height: 20px;
}
.overview_cont_num_pack h2 span {
    font-size: 48px;
    line-height: 63px;
}
.overview_cont_num_pack p {
    margin-top: 12px;
    font-size: 14px;
    line-height: 20px;
}
.history_pack{
    padding: 67px 0 100px;
}
.history_swiper {
    padding-left: 10%;
    padding-bottom: 20px;
    overflow: hidden;
    position: relative;
}

    .history_swiper::before {
        content: "";
        width: 100%;
        height: 1px;
        background: rgb(213, 216, 217);
        position: absolute;
        top: 56px;
        left: 0;
    }

    .history_swiper h3 {
        font-size: 36px;
        line-height: 48px;
        color: rgb(0, 0, 0);
        font-weight: 500;
        padding-bottom: 9px;
        position: relative;
        display: inline-block;
        margin-left: 36px;
    }



        .history_swiper h3::after {
            content: "";
            width: 12px;
            height: 12px;
            background: rgb(219, 219, 219);
            border-radius: 50%;
            position: absolute;
            bottom: -7px;
            left: 50.5%;
            transform: translateX(-50%);
            z-index: 2;
        }

.history_list {
    margin-top: 29.5px;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 4px 15px rgba(159, 24, 23, 0.1);
    padding: 20px 20px 50px;
    position: relative;
}



    .history_list li {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        font-size: 16px;
        line-height: 21px;
        color: rgb(51, 51, 51);
        padding-bottom: 30px;
        position: relative;
    }

        .history_list li::before {
            content: "";
            width: 12px;
            height: 12px;
            top: 5px;
            left: 51px;
            border-radius: 50%;
            background: rgb(219, 219, 219);
            position: absolute;
        }

        .history_list li::after,
        .history_list::before {
            content: "";
            height: 105%;
            width: 1px;
            border-right: 1px dashed rgb(219, 219, 219);
            position: absolute;
            top: 0;
            left: 56.5px;
        }

    .history_list::before {
        left: 76.5px;
        top: -30px;
        height: 60px;
    }

    .history_list li:last-child {
        padding: 0;
    }

        .history_list li:last-child::after {
            display: none;
        }

    .history_list li h4 {
        width: 50px;
        padding-top: 3px;
    }

    .history_list li div {
        width: calc(100% - 80px);
    }

        .history_list li div p {
            margin-bottom: 10px;
        }

.history_swiper .swiper-slide-active h3::before {
    background: rgba(42, 129, 226,.15);
}
.history_swiper .swiper-slide:hover h3 {
    color:rgb(204, 0, 1);
}
.history_swiper .swiper-slide:hover  h3::after,
.history_swiper .swiper-slide:hover .history_list li::before {
    background: rgb(204, 0, 1);
}
.history_swiper .swiper-slide:hover .history_list li::after, .history_swiper .swiper-slide:hover .history_list::before {
    border-right-color:rgb(204, 0, 1);
}
.culture_cont {
    padding: 80px 0 120px;
}
.culture_cont_pack {
    position: relative;
    padding: 30px;
    background: url(../images/ci.jpeg) no-repeat center/cover;
    display: flex;
    justify-content: flex-end;
}
.culture_cont_list li {
    background: #fff;
    padding: 30px 40px;
    margin-bottom: 15px;
}
.culture_cont_list li:last-child {
    margin-bottom: 0;
}
.culture_cont_list li h4 {
    font-size: 24px;
    line-height: 32px;
    font-weight: bold;
    color: #000;
}
.culture_cont_list li p {
    font-size: 16px;
    line-height: 24px;
    margin-top: 16px;
    color: rgb(0, 0, 0);
}
.culture_cont_list {
    width: 350px;
}
.staff{
    padding: 80px 0 120px;
}
.staff_desc{
    font-size: 18px;
    line-height: 28px;
    color: rgb(102, 102, 102);
}
.staff_img {
    margin-top: 46px;
    overflow: hidden;
}
.staff_img li {
    float: right;
    width: 35%;
}
.staff_img li:first-child {
    float: left;
    width: 62%;
}
.staff_img li:nth-child(2) {
    margin-bottom: 42px;
}
.join_cont{
    padding: 80px 0 120px;
}
.join_list li {
    margin-bottom: 30px;
    background: rgb(248, 248, 248);
}
.join_list li:last-child {
    margin: 0;
}
.join_list_title {
    display: flex;
    align-items: center;
    padding: 34px 50px 34px 80px;
    border-left: 6px solid rgb(204, 0, 1);
    justify-content: space-between;
}
.join_list_left_cont{
    width: 75%;
    padding-right: 5%;
}
.join_list_left_cont h4 {
    font-size: 20px;
    line-height: 29px;
    color: rgb(0, 0, 0);
}
.join_list_left_cont p{
    font-size: 16px;
    line-height: 24px;
    color:rgb(98, 98, 98);
    margin-top: 17.6px;
}
.join_list_btn span {
    display: block;
    width: 150px;
    line-height: 50px;
    background: rgb(204, 0, 1);
    border-radius: 25px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    text-align: center;
    box-shadow: 0 5px 10px rgba(204, 0, 1, 0.4);
}
.join_list_btn span.active {
    display: block !important;
}
.join_list_btn span.hide{
    display: none;
}
.join_list_btn span:last-child  {
    display: none;
}
.join_list_btn span:hover {
    box-shadow:  none;
}
.join_list_desc{
    font-size: 16px;
    line-height: 28px;
    color: rgb(98, 98, 98);
}
.join_list_desc h4 {
    color: rgb(0, 0, 0);
    font-weight: bold;
    font-size: 16px;
    line-height: 28px;
}
.join_list_pack>div:last-child {
    margin-top: 13px;
}
.join_list_pack{
    padding: 27px 80px 24px 80px;
    border-top: 1px solid rgb(238, 238, 238);
}
.join_list_desc{
    display: none;
}
.contect-lx{
    padding:60px 0;
}
.contect-lx ul{
    margin-top:40px;
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
}
.contect-lx ul li{
    width:32%;
    padding:60px 10px;
    text-align:center;
    font-size:16px;
    color:#666;
    border-right: 1px solid #fff;
    background: #fff;
    box-shadow: 0 0 15px rgba(154, 132, 113, 0.15);
    border-radius: 20px;
}
.contect-lx ul li:last-child{
    border:none;
}
.contect-lx ul li img{
    height:40px;
}
.contect-lx ul li h3{
    font-size:20px;
    color:#000;
    padding:20px 0 10px
}
.contect-lx ul li p {
    white-space: pre-line;
}
.contect-lx .map{
    padding-top:40px
}
.order{
    padding: 75.6px 0 120px;
}
.order_title {
    text-align: center;
}
.order_title h3 {
    font-size: 40px;
    line-height: 53px;
    font-weight: bold;
    color: rgb(0, 0, 0);
}
.order_title p{
    font-size: 18px;
    line-height: 24px;
    color: rgb(102, 102, 102);
    margin-top: 11.5px;
}
.order_pack{
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.order_form{
    width: 55%;
}
.order_right {
    padding: 46px 50px 49px;
    width: 37.5%;
    background: url(../images/code_right.jpeg) no-repeat center/cover;
    border-radius: 20px;
}
.order_input {
    margin-bottom: 18px;
}
.order_input p {
    font-size: 16px;
    line-height: 24px;
    color: rgb(0, 0, 0);
    margin-bottom: 13.5px;
}
.order_input p span {
    color: rgb(255, 0, 0);
}
.order_input input {
    width: 100%;
    font-size: 16px;
    line-height: 52px;
    border-radius: 5px;
    border: 1px solid rgb(229, 229, 229);
    padding: 0 20px;
    color: #000;
}
.order_input input::-webkit-input-placeholder {
    color: rgb(186, 186, 186);
}
.order_phone{
    display: flex;
    justify-content: space-between;
}
.order_phone>input,
.order_dx {
    width: calc(50% - 10px);
}
.order_dx {
    display: flex;
    border: 1px solid rgb(229, 229, 229);
    border-radius:5px ;
}
.order_dx input {
    width: calc(100% - 120px);
    border-radius: 5px 0 0 5px;
    border: none;
    border-right: 1px solid rgb(229, 229, 229);
}
.dx_btn {
    width: 120px;
    border-radius: 0 5px 5px 0;
    text-align: center;
    line-height: 54px;
    background: rgb(246, 246, 246);
    font-size: 16px;
    color: rgb(102, 102, 102);
    cursor: pointer;
}
.order_input textarea {
    width: 100%;
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid rgb(229, 229, 229);
    padding: 10px 20px;
    color: #000;
    height: 120px;
    resize: none;
}
.c_submit{
    margin-top: 40px;
    border-radius: 25px;
    background-color: rgb(195, 13, 36);
}
.order_right_icon {
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
}
.order_right_icon img {
    max-width: 50%;
    display: block;
}
.order_right_phone{
    margin-bottom: 53px;
}
.order_right_phone p {
    font-size: 18px;
    line-height: 26px;
    color: rgb(0, 0, 0);
    margin-top: 18px;
}
.order_right_phone h4 {
    font-size: 36px;
    line-height: 52px;
    color: rgb(195, 13, 36);
    margin-top: 11px;
}
.order_right_code span {
    display: block;
    font-size: 20px;
    line-height: 29px;
    color: rgb(102, 102, 102);
    margin-top: 13px;
}
.order_right_code p {
    font-size: 24px;
    line-height: 35px;
    color: rgb(0, 0, 0);
}
.order_right_code_img{
    width: 138px;
    margin-top: 19px;
}
.home_plate2{
    padding: 95px 0 98px;
    background: url(../images/hbg.jpeg) no-repeat center/cover;
}
.home_title{
    text-align: center;
    font-size: 40px;
    line-height: 53px;
    color: rgb(0, 0, 0);
}
.img-swiper {
    width: 60%;
    position: relative;
}


     .img-swiper .img-swiper-lists {
        border-radius: 30px;
        box-shadow: 0px 0px 30px 0px rgba(51, 0, 0, 0.1);
        background-color: #fff;
        width: 100%;
        height: 100%;
    }


.img-swiper .pro-slider {
    width: calc(330%/4);
    height: 0;
    padding-bottom: 65%;
    margin: auto;
    position: relative;
    opacity: 1;
    transition: all 0.6s ease-out;
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    -ms-transition: all 0.6s ease-out;
    transform: translateY(20px);
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -o-transform: translateY(20px);
    -ms-transform: translateY(20px);
}

    .img-swiper .pro-slider ul {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 5;
    }

        .img-swiper .pro-slider ul li {
            background: #ffffff;
            background-size: contain;
            position: absolute;
            width: 100%;
            /* height: 100%; */
            overflow: hidden;
            top: 0;
            left: 0;
            border-radius: 30px;
            transform: scale(0.4) translateX(-90px);
            -webkit-transform: scale(0.4) translateX(-90px);
            -moz-transform: scale(0.4) translateX(-90px);
            -o-transform: scale(0.4) translateX(-90px);
            -ms-transform: scale(0.4) translateX(-90px);
            opacity: 0;
            pointer-events: none;
            z-index: 2;
            transition: all 0.7s cubic-bezier(0.18, 0.88, 0.23, 0.9);
            transform-origin: 0 50%;
            box-shadow: 0 23px 90px -10px rgba(29, 56, 75, 0.17);
        }


            .img-swiper .pro-slider ul li.on {
                transform: scale(1) translateX(0px);
                -webkit-transform: scale(1) translateX(0px);
                -moz-transform: scale(1) translateX(0px);
                -o-transform: scale(1) translateX(0px);
                -ms-transform: scale(1) translateX(0px);
                pointer-events: auto;
                opacity: 1;
                z-index: 10;
            }

            .img-swiper .pro-slider ul li.n1 {
                transform: scale(0.8) translateX(-30px);
                -webkit-transform: scale(0.8) translateX(-30px);
                -moz-transform: scale(0.8) translateX(-30px);
                -o-transform: scale(0.8) translateX(-30px);
                -ms-transform: scale(0.8) translateX(-30px);
                opacity: 0.8;
                z-index: 8;
            }

            .img-swiper .pro-slider ul li.n2 {
                transform: scale(0.6) translateX(-70px);
                -webkit-transform: scale(0.6) translateX(-70px);
                -moz-transform: scale(0.6) translateX(-70px);
                -o-transform: scale(0.6) translateX(-70px);
                -ms-transform: scale(0.6) translateX(-70px);
                opacity: 0.6;
                z-index: 7;
            }

            .img-swiper .pro-slider ul li.move {
                transform: scale(1) translateX(30px);
                -webkit-transform: scale(1) translateX(30px);
                -moz-transform: scale(1) translateX(30px);
                -o-transform: scale(1) translateX(30px);
                -ms-transform: scale(1) translateX(30px);
                pointer-events: none;
                opacity: 0;
                z-index: 7;
            }

            .img-swiper .pro-slider ul li.cur_move {
                transform: scale(1) translateX(0px);
                -webkit-transform: scale(1) translateX(0px);
                -moz-transform: scale(1) translateX(0px);
                -o-transform: scale(1) translateX(0px);
                -ms-transform: scale(1) translateX(0px);
                pointer-events: none;
                opacity: 1;
                z-index: 10;
            }

.img-swiper .pro-page {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
    width: 50px;
    height: 100%;
    background-color: #fff;
    height: 370px;
    border-radius: 25px;
    box-shadow: 0px 0px 15px 0px rgba(51, 0, 0, 0.1);
}

    .img-swiper .pro-page ul {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }

        .img-swiper .pro-page ul li.on span, .img-swiper .pro-page ul li:hover span {
            background-color: rgb(204, 0, 1);
            box-shadow: 0px 0px 15px 0px rgba(225, 47, 21, 0.4);
            width: 100%;
            height: 100%;
        }

        .img-swiper .pro-page ul li {
            width: 50px;
            height: 50px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .img-swiper .pro-page ul li span {
                display: block;
                width: 0;
                height: 0;
                border-radius: 50px;
                transition: all 0.5s;
            }

.img-swiper-box-list {
    width: 100%;
    height: 100%;
    border-radius: 30px;
    box-shadow: 0px 0px 30px 0px rgba(51, 0, 0, 0.1);
    position:relative;
}

    .img-swiper-box-list .logo {
        width: 100%;
        position: absolute;
        top: 58px;
        text-align: center;
        font-size: 60px;
        line-height: 87px;
        color: rgba(14, 50, 138,.1);
        padding:0;
        z-index:5;
    }

        .img-swiper-box-list .logo img, .img-swiper-box-list .pic img {
            max-height: 100%;
        }

    .img-swiper-box-list .pic {
        width: 100%;
        height: 100%;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        transform: translateY(-10%);
        transition: all 1.5s ease;
    }

    .img-swiper-box-list h3 {
        height: 15%;
        font-size: 18px;
        color: #333;
        text-align: center;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 30px;
    }

.img-swiper .pro-slider ul li.on .img-swiper-box-list .pic {
    opacity: 1;
    transform: translateY(0);
}
.home_plate2_pack {
    display: flex;
    margin-top: 58.4px;
    align-items: center;
    justify-content: space-between;
}
.home_plate2_list{
    width: 33.333%;
}
.home_plate2_list a {
    display: block;
}
.home_plate2_list h4 {
    font-size: 28px;
    line-height: 37px;
    color: rgb(0, 0, 0);
}
.home_plate2_list p {
    font-size: 16px;
    line-height: 24px;
    margin-top: 15px;
    color: rgb(51, 51, 51);
    white-space: pre-line;
}
.home_plate2_list li {
    display: none;
}
.home_plate2_list li span,
.home_plate3 .nbtn {
    border: 1px solid rgb(204, 0, 1);
    border-radius: 25px;
    width: 160px;
    line-height: 48px;
    text-align: center;
    font-size: 16px;
    color: rgb(204, 0, 1);
    margin-top: 27px;
    display: block;
}
.home_plate2_list li.active {
    display: block;
}
.index-news{
    padding-top: 20px;
}
.index-news ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}
.index-news ul li{
    width: 33.3%;
    padding: 20px;
  
}
.index-news ul li a{
    display: block;
    height: 100%;
}
.index-news ul li a .pic{
    overflow: hidden;
    height: 320px;
}
.index-news ul li a .pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.index-news ul li a .tet{
    padding: 10px 0 20px 0;
    border-bottom: solid 1px #e8e8e8;
}
.index-news ul li a .tet .time{
    font-size: 14px;
    color: #999;
}
.index-news ul li a .tet h3{
    font-size: 24px;
    color: rgb(0, 0, 0);
    padding: 15px 0;
    font-weight: bold;
}
.index-news ul li a .tet p{
    font-size: 16px;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 25px;
    height: 50px;
}
.index-news ul li a .tet .more{
    font-size: 14px;
    color: #999;
    display: inline-block;
    padding-top: 20px;
}
.index-news ul li a:hover h3{
    color: rgb(204, 0, 1);
} 
.index-news ul li a:hover .tet{
    border-bottom: solid 1px rgb(204, 0, 1);
}
.index-news ul li a:hover .more{
    color: rgb(204, 0, 1);
}
.home_plate3 {
    padding-top: 115.6px;
}
.home_plate3 .nbtn {
    margin: 50px auto 0;
}
.home_plate4{
    padding-top: 95px;
}
.home_plate4_list {
    display: flex;
    flex-wrap: wrap;
    margin: 48px -7.5px 0;
}
.home_plate4_list li {
    width: 33.333%;
    padding: 0 7.5px;
    margin-bottom: 15px;
}
.home_plate4_list a {
    display: block;
    position: relative;
}
.home_plate4_list li:nth-child(2) {
    width: 66.666%;
}
.home_plate4_list_cont{
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 30px;
    background: linear-gradient(to bottom,rgba(0, 0, 0, 0),rgb(0, 0, 0));
}
.home_plate4_list_cont h4 {
    font-size: 20px;
    line-height: 29px;
    height: 58px;
    color: #fff;
}
.home_plate4_list_cont p {
    font-size: 16px;
    line-height: 24px;
    color: rgba(255, 255, 255,.5);
    margin-top: 7.4px;
}
.home_plate4_list a:hover img {
    transform: scale(1.1);
}
.home_plate5{
    padding: 100px 0 110px;
}
.home_plate5_list{
    margin: 48px -5px 0;
    display: flex;
    flex-wrap: wrap;
}
.home_plate5_list li {
    width: 25%;
    padding: 0 5px;
    margin-bottom: 10px;
}
.home_plate5_list_pack{
    background: rgb(248, 248, 248);
    position: relative;
}
.home_plate5_list_num{
    text-align: center;
    font-size: 160px;
    line-height: 200px;
    color: rgb(255, 255, 255);
}
.home_plate5_list_cont{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    padding: 49px 20px;
}
.home_plate5_icon {
    height: 48px;
}
.home_plate5_icon img {
    max-height: 100%;
    display: block;
    margin:  auto;
}
.home_plate5_text{
    font-size: 18px;
    line-height: 26px;
    color: rgb(0, 0, 0);
    margin-top: 28px;
    text-align: center;
}
.home_plate5_list_pack:hover .home_plate5_list_cont{
    background: rgb(204, 0, 1);
}
.home_plate5_list_pack:hover .home_plate5_icon img {
    filter:grayscale(100%) contrast(5) invert(100%);
}
.home_plate5_list_pack:hover .home_plate5_text{
    color: #fff;
}
.schedule_list_img {
    width: 50%;
}
@media (max-width: 1500px) {
    .index-news ul li a .pic{
        overflow: hidden;
        height: 260px;
    } 
        
    .index-news ul li a .tet h3{
        font-size: 20px;
        padding: 10px 0;
    }
    .header_pack {
        padding: 0 50px;
    }
    .w_nav>li{
        padding: 0 15px;
    }
    }
    @media (max-width: 1200px) {
        .header_phone {
            display: none;
        }
        }
@media (max-width: 1000px) {
.contect-lx{
    padding:40px 0;
}
.contect-lx ul{
    margin-top:20px;
}
.contect-lx ul li{
    width:49%;
    padding:40px 10px;
    text-align:center;
    font-size:14px;
    color:#666;
    border-right:none;
    border-bottom: 1px solid #fff;
    margin-bottom: 10px;
}
.contect-lx ul li:last-child{
    border:none;
    width:100%
}
.contect-lx ul li img{
    height:30px;
}
.contect-lx ul li h3{
    font-size:18px;
}
.contect-lx .map{
    padding-top:20px
}
.img-swiper{
    width:100%;
    padding-top:20px;
}
    .img-swiper .pro-page{
        display:none;
    }
    .index-news{
        padding-top: 20px;
    }
    .index-news ul{
        margin: 0 0px;
    }
    .index-news ul li{
        width: 100%;
        padding: 10px 0;
    }
    .index-news ul li a .pic{
        overflow: hidden;
        height: auto;
    }
    
    .index-news ul li a .tet h3{
        font-size: 18px;
        padding: 10px 0;
    }
    .index-news ul li a .tet p{
        font-size: 14px;
    }
    .iconfont {
        width: 40px;
        height: 40px;
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
    }

        .iconfont i {
            width: 100%;
            height: 100%;
            position: absolute;
        }

        .iconfont .cha {
            background: url(../images/cha.png) no-repeat center/100% 100%;
            display: none;
        }

        .iconfont .nav {
            background: url(../images/nav.png) no-repeat center/100% 100%;
        }

    .logo {
        height: 60px;
        padding: 18px 0;
    }

    .navlist {
        position: absolute;
        width: 100%;
        top: 100%;
        left: 0;
        background: #fff;
        padding: 10px;
        border-top: 1px solid #f1f1f1;
        display: none;
        z-index:101;
    }

    .w_nav {
        display: block;
    }
    .header_pack{
        padding: 0 10px;
    }
    .iconfont {
        display: block;
    }
    .w_nav>li{
        padding: 0;
    }
    .w_nav>li>a{
        font-size: 16px;
        line-height: 36px;
        border-bottom: none;
    }
    .er_nav {
        position: static;
        box-shadow: none;
    }
    .er_nav li{
        padding: 0 10px;
    }
    .er_nav li a {
        text-align: left;
    }
    .overview_cont {
        padding: 30px 0;
    }
    .overview_cont_top {
        display: block;
    }
    .overview_cont_top_title{
        width: 100%;
        padding: 0;
    }
    .overview_cont_top_desc{
        font-size: 16px;
        line-height: 26px;
        padding-top: 20px;
        width: 100%;
    }
    .overview_cont_top_title p{
        font-size: 18px;
        line-height: 28px;
        margin-top: 10px;
    }
    .overview_cont_top_title h3 {
        font-size: 20px;
        line-height: 30px;
    }
    .overview_cont_numlist {
        flex-wrap: wrap;
    }
    .overview_cont_numlist li {
        width: 50%;
        margin-bottom: 10px;
        padding: 0 15px;
    }
    .overview_cont_num_pack h2 span{
        font-size: 35px;
        line-height: 45px;
    }
    .overview_cont_num_pack p{
        margin-top: 10px;
    }
    .overview_cont_top{
        padding-bottom: 20px;
    }
    .overview_cont_num{
        padding: 30px 0;
    }
    .home_plate2{
        padding: 30px 0;
    }
    .home_title{
        font-size: 25px;
        line-height: 35px;
    }
    .home_plate2_pack{
        margin-top: 30px;
        display: block;
    }
    .home_plate2_list{
        width: 100%;
    }
    .img-swiper .pro-page {
        display: block;
        height: 200px;
        width: 30px;
    }
    .img-swiper .pro-page ul li{
        width: 30px;
        height: 30px;
    }
.home_plate2_list h4{
    font-size: 18px;
    line-height: 26px;
}
.home_plate2_list li span, .home_plate3 .nbtn{
    width: 140px;
    line-height: 43px;
}
.home_plate3{
    padding-top: 30px;
}
.home_plate3 .nbtn{
    margin-top: 30px;
}
.home_plate4_list li,
.home_plate4_list li:nth-child(2) {
    width:100%;
}
.home_plate4_list_cont {
    padding: 15px;
}
.home_plate4_list_cont h4{
    font-size: 18px;
    line-height: 26px;
    height: 52px;
}
.home_plate5{
    padding: 30px 0;
}
.home_plate5_list li {
    width: 50%;
}
.home_plate5_list_cont{
    padding: 30px 10px;
}
.home_plate5_list_num{
    font-size: 80px;
    line-height: 150px;
}
.home_plate5_icon{
    height: 40px;
}
.home_plate5_text{
    font-size: 16px;
    line-height: 24px;
    margin-top: 15px;
}
.footer_pack{
    padding: 20px 0;
    display: block;
}
.footer_left{
    width: 100%;
    padding: 0;
}
.footer_form {
    width: 100%;
    padding: 20px 0 0;
}
.footer_left h4, .footer_form h4 {
    font-size: 20px;
    line-height: 30px;
}
.footer_left_list li {
    margin-top: 15px;
}
.footer_inputlist {
    margin-top: 20px;
}
.footer_input{
    width: 100%;
    margin-bottom: 15px;
}
.submit{
    width: 140px;
    line-height: 43px;
}
.copyright{
    padding: 10px 0 15px;
}
.schedule {
    padding: 30px 0;
}
.schedule_list li a {
    display: block;
}
.schedule_list_cont {
    width: 100%;
    padding: 0;
}
.schedule_list_img {
    width: 100%;
    padding: 20px 0 0;
}
.schedule_list_cont h4,
.scheduleDetail_pack_detail h5,
.news_list_cont h4,
.news_list_time h5,
.server_cont h4,
.culture_cont_list li h4,
.join_list_left_cont h4{
    font-size: 18px;
    line-height: 26px;
}
.schedule_list_cont span{
    width: 140px;
    line-height: 43px;
}
.scheduleDetail{
    padding: 30px 0;
}
.scheduleDetail_pack h4{
    font-size: 20px;
    line-height: 30px;
}
.scheduleDetail_pack_detail_cont{
    font-size: 16px;
    line-height: 24px;
}
.news_list li{
    padding: 30px 0;
}
.news_list a {
    display: block;
}
.news_list_pack{
    width: 100%;
    padding: 0 0 20px;
}
.news_list_cont p{
    margin-top: 10px;
}
.news_list_time h2 {
    font-size: 30px;
    line-height: 40px;
}
.news_list_img {
    width: 100%;
}
.news{
    padding: 30px 0;
}
.public_nav{
    padding: 15px 0;
}
.newsdetail_title h3 {
    font-size: 25px;
    line-height: 35px;
}
.newsDetail{
    padding: 30px 0;
}
.newsdetail_next-prev{
    margin-top: 20px;
}
.Server {
    padding: 30px 0;
}
.server_list::before {
    display: none;
}
.server_list{
    flex-wrap: wrap;
}
.server_list li{
    width: 48%;
    margin-bottom: 20px;
}
.server_icon{
    width: 70px;
    height: 70px;
}
.server_cont {
    margin-top: 20px;
}
.server_cont p{
    margin-top: 15px;
}
.about_nva{
    flex-wrap: wrap;
}
.about_nva li{
    padding: 0 15px;
}
.about_nva li a{
    line-height: 45px;
}
.history_pack,
.culture_cont{
    padding: 30px 0;
}
.culture_cont_pack{
    padding: 20px;
}
.culture_cont_list{
    max-width: 350px;
}
.culture_cont_list li{
    padding: 20px 15px;
}
.culture_cont_list li p{
    margin-top: 10px;
}
.staff{
    padding: 30px 0;
}
.staff_img{
    margin-top: 20px;
}
.staff_desc{
    font-size: 16px;
    line-height: 24px;
}
.staff_img li:first-child,
.staff_img li,
.staff_img li:nth-child(2){
    width: 100%;
    margin-bottom: 15px;
}
.join_cont{
    padding: 30px 0;
}
.join_list_title{
    padding:  20px 15px;
}
.join_list_btn span{
    width: 80px;
    line-height: 35px;
    font-size: 14px;
}
.join_list_left_cont p{
    margin-top: 10px;
}
.join_list_left_cont p{
    font-size: 14px;
    line-height: 24px;
}
.join_list_pack{
    padding: 20px 15px;
}
.order{
    padding: 30px 0;
}
.order_title h3{
    font-size: 25px;
    line-height: 35px;
}
.order_title p {
    font-size: 16px;
    line-height: 24px;
}
.order_pack{
    display: block;
    margin-top: 20px;
}
.order_form{
    width: 100%;
}
.order_input input{
    line-height: 43px;
}
.order_phone>input, .order_dx {
    width: 100%;
}
.order_phone{
    flex-wrap: wrap;
}
.order_dx{
    margin-top: 15px;
}
.dx_btn{
    line-height: 43px;
}
.order_right{
    margin-top: 20px;
    width: 100%;
    padding: 20px;
}
.order_right_phone h4{
    font-size: 30px;
    line-height: 40px;
}
.order_right_code p {
    font-size: 18px;
    line-height: 28px;
}
.order_right_code span{
    font-size: 16px;
    line-height: 26px;
}
.order_right_code_img{
    width:100px;
}
.order_right_phone{
    margin-bottom: 20px;
}
.er_nav li a:hover {
    background: #fff;
    color: #000;
}
}