#fullpage .section_s1 {
    width: 100%;
    height: 100%;
    background-size: 100% 100% !important;
}

#fullpage .section_s2 {
    width: 100%;
    height: 100%;
    background-size: 100% 100% !important;
}

.index_main {
    width: 1600px;
    margin: auto;
    padding: 0px 10px;
}

#fp-nav {
    display: none;
}

#header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}

#header .header1 {
    width: 100%;
    height: 90px;
}

#header .header1 .logo {
    width: 160px;
    line-height: 90px;

}

#header .header1 .logo img {
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
}

#header .index_nav .nav_ul .nav_list {
    display: inline-block;
    padding: 0 12px;
}

#header .index_nav .nav_ul .nav_list a {
    display: block;
    /*font-size: 16px;*/
    font-size: 22px;
    color: #ffffff;
    line-height: 90px;
    font-weight: 700;
}

#header .header1 .index_main {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#header .header1 .index_main .index_nav {
    display: flex;

}

.index_nav .nav_box {
    display: flex;
}

.index_nav .nav_box p {
    margin-right: 24px;
    line-height: 90px;
    height: 90px;
    vertical-align: -webkit-baseline-middle;

}

.index_nav .nav_box .nav_sq a {
    display: inline-block;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
    color: #ffffff;
    padding: 0 10px;
    border-radius: 16px;
    background: linear-gradient(to right, #04cff0 20%, #6c9fed 99%);
}

.index_nav .nav_box .nav_sq {
    margin-left: 30px;

}

.index_nav .nav_box .nav_s a {
    display: inline-block;
    padding-left: 35px;
    font-size: 20px;
    color: #fff;
}

.index_nav .nav_box .nav_s a img {
    display: block;
    max-width: 100%;
    margin-top: 32px;
}

/*  */
/* .header2{ */
/* display: none; */
/* } */
.index_box .index_main .s1_title h5 {
    font-size: 60px;
    color: #ffffff;
    font-weight: 400;
    margin-bottom: 65px;
    font-family: syst;
    letter-spacing: 2px;
}

.index_box .index_main .s1_title p a {
    display: inline-block;
    height: 44px;
    font-size: 16px;
    line-height: 44px;
    color: #ffffff;
    padding: 0 32px;
    border-radius: 22px;
    background: linear-gradient(to right, #04cff0 30%, #6c9fed 80%);
}

.section_s1 .index_box {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100%;
}

.section_s1 {
    display: table;
    width: 100%;
    height: 100%;
}


/* 2屏 */
#header .header2 {
    display: none;
    width: 100%;
    height: 90px;
    background-color: #fff;
}

#header .header2 .index_main {
    display: flex;
}

#header .header2 .logo {
    width: 160px;
    line-height: 90px;
}

#header .header2 .logo img {
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
}

#header .header2 .nav_list {
    margin-left: 190px;
}

#header .header2 .nav_list ul li {
    display: inline-block;
    padding: 0 40px;
}

#header .header2 .nav_list ul li a {
    font-size: 16px;
    display: block;
    line-height: 90px;
    color: #333333;
    position: relative;
    font-weight: 700;
}

#header .header2 .nav_list ul li a:before {
    content: '';
    background: #03d0ef;
    left: 0%;
    height: 3px;
    width: 0%;
    position: absolute;
    bottom: 0px;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
}

#header .header2 .nav_list ul li a:hover {
    color: #03d0ef;
}

#header .header2 .nav_list ul li a:hover:before {
    width: 100%;
}

#header .header2 .nav_list ul li a.active1 {
    color: #03d0ef;
}

#header .header2 .nav_list ul li a.active1:before {
    width: 100%;
}

#header .header1.active {
    display: block;
}

#header .header2 {
    display: none;
}

#header .header2.active {
    display: block;
}

/*#header .header1{
    display: none;
}*/

.header-dong {
    -webkit-animation: doudong1 0.5s ease-in-out;
    -o-animation: doudong1 0.5s ease-in-out;
    animation: doudong1 0.5s ease-in-out;
}

@keyframes doudong1 {
    0% {
        -webkit-transform: translateY(-90px);
        -ms-transform: translateY(-90px);
        -o-transform: translateY(-90px);
        transform: translateY(-90px);
    }

    100% {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@-webkit-keyframes doudong1 {
    0% {
        -webkit-transform: translateY(-90px);
        -ms-transform: translateY(-90px);
        -o-transform: translateY(-90px);
        transform: translateY(-90px);
    }

    100% {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@-moz-keyframes doudong1 {
    0% {
        -webkit-transform: translateY(-90px);
        -ms-transform: translateY(-90px);
        -o-transform: translateY(-90px);
        transform: translateY(-90px);
    }

    100% {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@-o-keyframes doudong1 {
    0% {
        -webkit-transform: translateY(-90px);
        -ms-transform: translateY(-90px);
        -o-transform: translateY(-90px);
        transform: translateY(-90px);
    }

    100% {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}

.s2_title {
    text-align: center;
}

.s2_title h5 {
    font-size: 34px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 20px;
}

.s2_title p a {
    display: inline-block;
    height: 44px;
    font-size: 16px;
    line-height: 44px;
    color: #ffffff;
    padding: 0 32px;
    border-radius: 22px;
    background: linear-gradient(to right, #04cff0 30%, #6c9fed 80%);
}

.s2_content {
    margin-top: 30px;
    border-radius: 5px;
    background-color: #fff;
    padding-top: 40px;
}

.s2_content ul {
    display: flex;
}

.s2_content ul li {
    width: calc(100% / 3);
    text-align: center;
    padding-bottom: 30px;
    box-sizing: border-box;
    position: relative;
}

.s2_content ul li .jbs {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-top: 6.5%
}

.s2_content ul li .jbs p {
    display: inline-block;
}

.s2_content ul li:nth-child(1) .jbs {
    width: 100%;
    height: 20%;
    background: linear-gradient(to right, #3fdff0, #76f7f4);
}

.s2_content ul li:nth-child(2) .jbs {
    width: 100%;
    height: 20%;
    background: linear-gradient(to right, #e78248, #eda153);
}

.s2_content ul li:nth-child(3) .jbs {
    width: 100%;
    height: 20%;
    background: linear-gradient(to right, #8abe4d, #95d95f);
}

.s2_content ul li .s2_img img {
    display: inline-block;
    max-width: 100%;
}

.s2_content ul li h5 {
    font-size: 34px;
    color: #000000;
    font-weight: 500;
}

.s2_content ul li div p {
    font-size: 24px;
    line-height: 48px;
    color: #333333;
}

.s2_content ul li div p span {
    display: inline-block;
}

.s2_content ul li:before {
    content: '';
    background: #dedede;
    top: 0%;
    right: 0;
    height: 90%;
    width: 1px;
    position: absolute;
}

.section_s2 .index_box {
    width: 100%;
    height: 100%;
    display: table;
}

.section_s2 .index_tabal {
    display: table-cell;
    vertical-align: middle;
    max-height: 100%;
}

/* 三屏 */
.section_s3 {
    width: 100%;
    height: 100%;
    background-color: #d2d2d2;
}

.section_s3 .index_s3 {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.s3_container .swiper-slide {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.section_s3 .s3_left {
    width: 100%;
}

.s3_container .swiper-slide .s3_right {
    width: 36%;
    height: 100%;
    /*background: url(../images/tu1.jpg) no-repeat;
    background-size: 100% 100%!important;*/
}

.s3_container .swiper-slide .ss_box {
    width: 64%;
}

.section_s3 .index_s3 .s3_left .left_box {
    width: 100%;
    height: 100%;
    /*display: flex;
    flex-direction: row;
    align-items: center;*/


}

.section_s3 .index_s3 .s3_left .left_box .s3_lebox {
    width: 100%;
}

.section_s3 .index_s3 .s3_left .s3_main {
    /*padding: 0 12%;*/
    margin: auto;
}

.s3_container .slide_left {
    width: 60%;
    padding-right: 10%;
}

.s3_container .slide_left h5 {
    font-size: 34px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 126px;
}

.s3_container .slide_left h6 {
    font-size: 32px;
    color: #333333;
    font-weight: 500;
    margin-bottom: 10px;
}

.s3_container .slide_left div p {
    font-size: 18px;
    line-height: 30px;
    color: #666666;
    padding-left: 20px;
    background: url(../images/icon0.png) no-repeat top 11px left;
}

.s3_container .slide_left .more a {
    margin-top: 60px;
    display: inline-block;
    height: 44px;
    font-size: 16px;
    line-height: 44px;
    color: #ffffff;
    padding: 0 45px;
    border-radius: 22px;
    background: linear-gradient(to right, #04cff0 30%, #6c9fed 80%);
}

.s3_container .slide_rigth {
    width: 50%;
}

.s3_container .slide_rigth img {
    max-width: 100%;
    width: 100%;
    height: 100%;
}

.s3_left .s3_container .swiper-pagination {
    /*bottom:0%; */
    right: 5%;
    /*left: 5%;*/
}

.s3_left .s3_container {

    height: 100vh;

}

.ss_box {
    padding: 0 8%;
    margin-top: 14%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.s3_container .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    margin: 16px 0 !important;
}

/* 四屏 */
.s4_box .s4_left {
    width: 36%;
    height: 100%;
    background: url(../images/tu3.jpg) no-repeat;
    background-size: 100% 100% !important;
}

.section_s4 .s4_box {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.s4_box .s4_right {
    width: 64%;
    background: #fff url(../images/bg00.jpg) no-repeat center center;
}

.s4_rbox h5 {
    font-size: 34px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 20px;
}

.s4_rbox ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.s4_rbox ul li {
    text-align: center;
    width: 50%;
    margin-bottom: 25px;
}

.s4_rbox ul li div img {
    display: inline-block;
}

.s4_rbox ul li p {
    font-size: 24px;
    color: #333333;
}

.s4_rbox ul li:hover p {
    color: #03d0ef;
    cursor: pointer;
}

.s4_rbox .s4_main {
    margin: auto;
    padding: 0 10%;
    box-sizing: border-box;
}

.s4_rbox .s4_main .more {
    text-align: center;
}

.s4_rbox .s4_main .more a {
    margin-top: 70px;
    display: inline-block;
    height: 44px;
    font-size: 16px;
    line-height: 44px;
    color: #ffffff;
    padding: 0 45px;
    border-radius: 22px;
    background: linear-gradient(to right, #04cff0 30%, #6c9fed 80%);
}

.s4_right .s4_rbox {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.section_s5 {
    width: 100%;
    height: 100%;
    background-size: 100% 100% !important;
}

.section_s5 .s5_box {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.s5_box ul {
    width: 54%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 100px;
    margin-top: 150px;
}

.s5_box ul li {
    width: 48%;
    text-align: center;
    margin-bottom: 85px;
    padding-bottom: 30px;
    position: relative;
}

.s5_box ul li div {
    height: 50px;
    margin-bottom: 5px;
}

.s5_box ul li div img {
    display: inline-block;
    max-width: 100%;
}

.s5_box ul li h5 {
    font-size: 32px;
    color: #ffffff;
    font-weight: 300;
    margin-bottom: 20px;

}

.s5_box ul li p {
    font-size: 18px;
    line-height: 28px;
    color: #ffffff;

}

.s5_box ul li:before {
    content: '';
    background: #30bbee;
    left: 0%;
    height: 1px;
    width: 0%;
    position: absolute;
    bottom: -30px;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
}

.s5_box ul li:hover:before {
    width: 100%;
}

/* 六屏 */
.s6_box {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.s6_box .title {
    font-size: 34px;
    color: #333333;
    font-weight: 400;
    text-align: center;
    margin-bottom: 10px;
}

.s6_box .text {
    font-size: 18px;
    line-height: 22px;
    color: #a0a0a0;
    text-align: center;
}

/* 七屏 */
.section_s7 {
    width: 100%;
    height: 100%;
}

.section_s7 .s7_box {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.s7_list ul {
    height: 530px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.s7_list ul li {
    width: 20%;
    height: 100%;
    cursor: pointer;
}

.s7_list ul li .list_box h6 {
    font-size: 22px;
    line-height: 22px;
    color: #ffffff;
    margin-bottom: 25px;
}

.s7_list ul li .list_box .time {
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    margin-bottom: 35px;
}

.s7_list ul li .list_box .p2 {
    font-size: 16px;
    line-height: 32px;
    color: #fff;
}

.s7_list ul li .list_box .more {
    text-align: center;
    margin-top: 50px;
}

.s7_list ul li .list_box .more a {
    display: inline-block;
    font-size: 16px;
    color: #08b3ff;
    background-color: #fff;
    height: 44px;
    border-radius: 22px;
    line-height: 44px;
    padding: 0 40px;
}

.s7_list ul li .list_box {
    padding: 0 35px;
    height: 100%;
    background: -webkit-linear-gradient(right bottom, #9970cb, #4344c3);
    background: -o-linear-gradient(right bottom, #9970cb, #4344c3);
    background: -mos-linear-gradient(right bottom, #9970cb, #4344c3);
    background: -moz-linear-gradient(right bottom, #9970cb, #4344c3);
    background: linear-gradient(right bottom, #9970cb, #4344c3);
    display: flex;
    flex-direction: row;
    align-items: center;
    opacity: 0;

}

.s7_list ul li:hover .list_box {
    opacity: 1;
}

.section_s7 .s7_title {
    font-size: 34px;
    color: #333333;
    font-weight: 400;
    text-align: center;
    margin-bottom: 10px;
}

.section_s7 .s7_text {
    font-size: 18px;
    line-height: 22px;
    color: #31baef;
    text-align: center;
}

.section_s7 .s7_list {
    margin-top: 20px;
}

.more p {
    text-align: center;
    margin-top: 30px;
}

.more p a {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    background-color: #fff;
    height: 44px;
    border-radius: 22px;
    line-height: 44px;
    padding: 0 40px;
    background: linear-gradient(to right, #04cff0 30%, #6c9fed 80%);
}

/* 八屏 */
.section_s8 {
    width: 100%;
    height: 100%;
}

.s8_nr ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.s8_nr ul li {
    width: 21.5%;
    cursor: pointer;
}

.s8_nr ul li .s8_img {
    overflow: hidden;
    max-height: 170px;
}

.s8_nr ul li .s8_img img {
    height: 100%;
    max-width: 100%;
    transition: All 0.6s ease;
    -webkit-transition: All 0.6s ease;
    -moz-transition: All 0.6s ease;
    -o-transition: All 0.6s ease;
}

.s8_nr ul li:hover .s8_img img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.s8_nr ul li:hover .s8_t .more a {
    color: #00b9d4;
}

.s8_nr ul li .s8_t .title {
    font-size: 20px;
    line-height: 50px;
    color: #00b9d4;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.s8_nr ul li .s8_t .p1 {
    font-size: 16px;
    line-height: 28px;
    color: #333333;
    text-align: justify;
    height: 84px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;

}

.s8_nr ul li .s8_t .more {
    margin-top: 10px;
}

.s8_nr ul li .s8_t .more a {
    display: inline-block;
    font-size: 16px;
    line-height: 28px;
    color: #b7b8b9;
}

/**/
.s8_nr1 ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.s8_nr1 ul li {
    width: 21.5%;
    cursor: pointer;
}

.s8_nr1 ul li .s8_img {
    overflow: hidden;
    min-height: 190px;
}

.s8_nr1 ul li .s8_img img {
    max-width: 100%;
    transition: All 0.6s ease;
    -webkit-transition: All 0.6s ease;
    -moz-transition: All 0.6s ease;
    -o-transition: All 0.6s ease;
}

.s8_nr1 ul li:hover .s8_img img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.s8_nr1 ul li:hover .s8_t .more a {
    color: #00b9d4;
}

.s8_nr1 ul li .s8_t .title {
    font-size: 20px;
    line-height: 50px;
    color: #00b9d4;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.s8_nr1 ul li .s8_t .p1 {
    font-size: 16px;
    line-height: 28px;
    color: #333333;
    text-align: justify;
    height: 84px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;

}

.s8_nr1 ul li .s8_t .more {
    margin-top: 10px;
}

.s8_nr1 ul li .s8_t .more a {
    display: inline-block;
    font-size: 16px;
    line-height: 28px;
    color: #b7b8b9;
}

/**/
.s8_tab {
    text-align: center;
    margin-bottom: 40px;
}

.s8_tab ul {
    display: inline-block;
}

.s8_tab ul li {
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    color: #333333;
    padding: 0 60px;
    border-right: 1px solid #333333;
    cursor: pointer;
}

.s8_tab ul li:last-child {
    border: none;
}

.s8_tab ul li.active {
    color: #31baef;
}

.s8_box .more {
    margin-top: 70px;
}

.s8_box {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.s8_box .s8_title {
    font-size: 34px;
    color: #333333;
    text-align: center;
    font-weight: 400;
    margin-bottom: 30px;
}

/**/
.s8_tab1 {
    text-align: center;
    margin-bottom: 40px;
}

.s8_tab1 ul {
    display: inline-block;
}

.s8_tab1 ul li {
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    color: #333333;
    padding: 0 60px;
    border-right: 1px solid #333333;
    cursor: pointer;
}

.s8_tab1 ul li:last-child {
    border: none;
}

.s8_tab1 ul li.active {
    color: #31baef;
}

.s8_box1 .more {
    margin-top: 70px;
}

.s8_box1 {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.s8_box1 .s8_title {
    font-size: 34px;
    color: #333333;
    text-align: center;
    font-weight: 400;
    margin-bottom: 30px;
}

/* 页脚 */
.footer-section .footer {
    width: 100%;
    background-color: #292c35;
}

.footer .footer_box1 {
    border-bottom: 1px solid #333743;
}

.footer_box1 .index_main {
    display: flex;
    padding: 68px 0 14px;
}

.footer_box1 .footer_1 {
    width: 25%;
    text-align: center;
}

.footer_box1 .footer_1 h5 {
    font-size: 28px;
    line-height: 30px;
    color: #ffffff;
    margin-bottom: 20px;
}

.footer_box1 .footer_1 p a {
    font-size: 18px;
    /*line-height: 36px;*/
    line-height: 42px;
    color: #ffffff;
    display: inline-block;
}

.footer_box1 .footer_1 p a:hover {
    color: #00b9d4;
}

.footer_box2 h5 {
    font-size: 28px;
    line-height: 30px;
    color: #ffffff;
}

.footer_box2 ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 40px;
}

.footer_box2 ul li {
    width: 20%;
    height: 60px;
    display: table;

}

.footer_box2 ul li a img {
    max-width: 100%;
    display: inline-block;
}

.footer_box2 ul li a {
    display: table-cell;
    vertical-align: middle;
}

.footer .footer_box2 {
    padding: 30px 0;
    border-bottom: 1px solid #333743;
}

.footer_box3 ul {
    display: inline-block;
}

.footer_box3 ul li {
    display: inline-block;
    margin-right: 24px;
}

.footer_box3 ul li a {
    display: block;
}

.footer_box3 ul li a img {
    max-width: 100%;
}

.footer_box3 .footer_logo {
    display: inline-block;
    margin-right: 80px;
}

.footer_box3 {
    padding: 18px 0;
    border-bottom: 1px solid #333743;
}

.footer_end {
    padding: 30px 0;
}

.footer_end p {
    font-size: 14px;
    color: #ffffff;
    display: inline-block;
    margin-right: 38px;
}

.footer_end p a {
    font-size: 14px;
    color: #fff;
}

.footer_end .end1 a {
    display: inline-block;
    margin-left: 10px;
}

.footer_end .end2 a {
    display: inline-block;
    margin-right: 20px;
}

/* 大小切换 */
.index-about {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.index-about .list ul {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    background-color: #00b9d4;
}

.index-about .list li {
    width: 33.333%;
    height: 620px;
    background: center no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    background-color: #00b9d4;
}

.index-about .list li .layer {
    color: #fff;
    height: 100%;
    width: 100%;
    display: table;
    text-align: center;


}

.index-about .list li .layer .layer_box {
    display: table-cell;
    vertical-align: middle;
}

.index-about .list li .layer .layer_box div img {
    display: inline-block;
    max-width: 100%;
}

.layer_box .title1 {
    font-size: 24px;
    margin-top: 10px;
}

.layer_box .text1 {
    font-size: 24px;
    margin-bottom: 25px;
}

.layer_box .layer_b p {
    font-size: 16px;
}

.layer_box .layer_b .more {
    box-sizing: border-box;
    display: inline-block;
    height: 44px;
    width: 154px;
    padding: 2px;
    border-radius: 22px;
    background: linear-gradient(to right, #04cff0 30%, #6c9fed 80%);
    margin-top: 30px;
}

.layer_box .layer_b .more a {
    font-size: 16px;
    display: block;
    height: 40px;
    line-height: 40px;
    width: 150px;
    background-color: #fff;
    border-radius: 20px;
    color: #00b9d4;
}

.index-about .list li .layer_b {
    display: none;
}

.index-about .list ul li {
    /*background: url(../images/1120-1.jpg) no-repeat;*/
    background-size: 100% center;
}

/*.index-about .list ul li:nth-child(1){
    background: url(../images/1120-1.jpg) no-repeat center center;
    background-size: cover;
}
.index-about .list ul li:nth-child(2){
    background: url(../images/1120-2.jpg) no-repeat center center;
    background-size: cover;
}*/
.index-about .list .on .layer_b {
    display: block;
}

.index-about .list {
    margin-top: 35px;
}

/* chip */
#header #header1 {
    display: block;
    border-bottom: 1px solid #e6e6e6;
    background-color: #fff;
}

#header #header1 .nav_ul li a {
    color: #333333;
}

.crumbs {
    /* margin-top: 90px; */
    position: relative;
    padding: 30px 0;
    border-bottom: 1px solid #e6e6e6;
}

.crumbs .index_main {
    display: flex;
    align-items: center;
}

.crumbs .crum a {
    display: inline-block;
    /*font-size: 36px;*/
    font-size: 20px;
    color: #000000;
    padding-right: 20px;
    background: url(../images/jt.png) no-repeat center right;
}

.crumbs .crum a:last-child {
    /* background: none; */
    background: initial;
    /* padding-right: 0; */
    color: #01d0f0;
}

.chip_box .ch_box .chip_list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    cursor: pointer;
}

.chip_box .ch_box .chip_list:nth-child(even) {
    flex-direction: row-reverse;
}

.chip_box .ch_box .chip_list .chip_img {
    width: 50%;
    overflow: hidden;
}

.chip_box .ch_box .chip_list .chip_img img {
    max-width: 100%;
    transition: All 0.6s ease;
    -webkit-transition: All 0.6s ease;
    -moz-transition: All 0.6s ease;
    -o-transition: All 0.6s ease;
}

.chip_box .ch_box .chip_list:hover .chip_img img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.chip_box .ch_box .chip_list .chip_text {
    width: 50%;
    background-color: #f5f5f5;
    padding: 6% 9% 0 7%;
    box-sizing: border-box;
}

.chip_box .ch_box .chip_list .chip_text h5 {
    font-size: 36px;
    color: #000000;
    font-weight: 400;
}

.chip_box .ch_box .chip_list .chip_text .chip_t {
    margin-top: 30PX;
}

.chip_box .ch_box .chip_list .chip_text .chip_t p {
    font-size: 18px;
    line-height: 32px;
    color: #000000;
}

/*  */
.banner {
    margin-top: 90px;
    width: 100%;
    height: 900px;
}

.banner .banner_text {
    /* width: 45%; */
    width: 100%;
    max-height: 100%;
}

.banner .banner_text h5 {
    text-align: center;
    font-size: 60px;
    color: #ffffff;
    font-weight: 400;
    margin-bottom: 50px;
    font-family: syst;
    letter-spacing: 2px;
}

.banner .banner_text p {
    font-size: 28px;
    line-height: 50px;
    color: #fff;
    text-align: justify;
    /* font-family: syst; */
    /* letter-spacing: 3px; */
}

.banner .index_main {
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.rw {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 85px;
}

.rw .swi_img {
    width: 40%;
}

.rw .swi_img img {
    max-width: 100%;
    padding-left: 20%;
}

.rw .ggjs {
    padding: 0 10%;
    width: 60%;
}

.company_ {
    width: 100%;
    height: 890px;
    padding-top: 90px;
    box-sizing: border-box;
    overflow: hidden;
}

.company_container .title {
    font-size: 36px;
    color: #000000;
    font-weight: 400;
}

.ggjs .name {
    font-size: 52px;
    color: #333333;
    font-weight: 400;
    padding-bottom: 20px;
    border-bottom: 1px solid #c5c5c5;
    margin-bottom: 30px;
}

.ggjs p {
    font-size: 22px;
    line-height: 36px;
    color: #333333;
    text-align: justify;
}

.ggjs .ggjs_box {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100%;
}

.company_container .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
}

.company_container .swiper-pagination-bullet-active {
    background: #33b9ef !important;
}

.company_container .swiper-pagination {
    bottom: 40px !important;
}

.member {
    border-top: 1px solid #eeeeee;
}

.member-container .swiper-slide {
    border-left: 1px solid #eeeeee;
    padding-top: 30px;
    padding-bottom: 20px;
}

.member-container .swiper-slide .member-img {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.member-container .swiper-slide .member-img img {
    max-width: 100%;
}

.member-container .swiper-slide p {
    font-size: 18px;
    line-height: 20px;
    color: #333333;
    text-align: center;
}

.banner_ac {
    width: 100%;
    height: 480px;
    margin-top: 90px;
    display: flex;
    justify-content: center;
    align-items: center;

}

.banner_ac h5 {
    font-size: 40px;
    /* font-size: 60px; */
    color: #ffffff;
    font-weight: 400;
    font-family: syst;
    text-align: center;
    letter-spacing: 2px;

}

#crumb {
    margin-top: 0;
    border-bottom: 1px solid #e6e6e6;
}

#crumb .crum a {
    /*margin-right: 10px;*/
    font-size: 20px;
}

#crumb .crum a:last-child {
    color: #01d0f0;
    background: initial;
    /* padding-right: 0; */
}

#crumb .signup {
    float: right;

}

#crumb .signup a {

    font-size: 18px;
    color: #333333;
    padding: 0 40px;
    display: inline-block;
    border: 1px solid #a3a3a3;
    border-radius: 22px;
    line-height: 44px;
    margin-left: 30px;
}

#crumb .crum {
    float: left;
}

.activity_left {
    width: 69%;
}

.activity_right {
    width: 27%;
}

.activity_box .index_main {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 100px;
}

.activity_left .acti_img {
    width: 100%;
}

.activity_left .acti_img img {
    max-width: 100%;
}

.activity_left h5 {
    font-size: 36px;
    color: #000000;
    line-height: 54px;
    font-weight: 400;
    padding-bottom: 20px;
}

.activity_left .acti_text p {
    font-size: 18px;
    line-height: 32px;
    color: #666666;
    margin-bottom: 40px;
    text-align: justify;
}

.activity_left .act_btn {
    display: inline-block;
}

.activity_left .act_btn a {
    display: block;
    font-size: 18px;
    color: #ffffff;
    line-height: 44px;
    border-radius: 22px;
    background: linear-gradient(to right, #04cff0 30%, #6c9fed 80%);
    padding: 0 40px;
}

.agenda li a {
    /*background: url(../images/icon16.png) no-repeat center right 60px;*/
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #f6f6f6;

}

.agenda li a .time {
    width: 80px;
    height: 80px;
    background-color: #02d0f0;
    display: flex;
    justify-content: center;
    align-items: center;

}

.agenda li a .time .p1 {
    font-size: 26px;
    line-height: 28px;
    color: #fff;
    font-weight: 700;
    text-align: center;
}

.agenda li a .time .p2 {
    font-size: 12px;
    line-height: 28px;
    color: #fff;
    text-align: center;
}

.huichang .p1 {
    font-size: 18px;
    color: #000000;
}

.huichang .p2 {
    font-size: 18px;
    line-height: 26px;
    color: #737373;
}

.huichang .p3 {
    font-size: 18px;
    line-height: 26px;
    color: #737373;
}

.huichang {
    width: 80%;
    margin-left: 36px;
    display: flex;
    align-items: center;
}

.agenda li:hover a {
    background-color: #f6f6f6;
}

.agenda li.active a {
    background-color: #f6f6f6;
}

.activity_right h5 {
    font-size: 36px;
    color: #000000;
    font-weight: 400;
    margin-bottom: 30px;
}

.activity_right .act_list .act_li_img img {
    max-width: 100%;
}

.activity_right .ac_box {
    background-color: #f6f6f6;
    padding: 60px 30px 0px;
    box-sizing: border-box;
}

.activity_right .ac_box .right_text h6 {
    font-size: 20px;
    line-height: 54px;
    color: #000000;
    font-weight: 500;
}

.activity_right .ac_box .right_text p {
    font-size: 18px;
    line-height: 26px;
    color: #000000;
}

.activity_right .ac_box .act_list .act_li {
    /*border-bottom: 1px solid #d6d6d6;*/
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.activity_right .ac_box .act_list .act_li:last-child {
    margin-bottom: 0;
}

.agenda {
    margin-top: 50px;
}

#map {
    width: 100%;
    /*height: 215px;*/
    margin-top: 30px;
    overflow: hidden;
}

#map img {
    max-width: 100% !important;

}

#map1 {
    width: 100%;
    height: 215px;
    margin-top: 30px;
    overflow: hidden;
}

#map1 img {
    max-width: initial !important;
    max-height: initial !important;
}

.activity_box {
    margin-bottom: 100px;
}

.rotation_text .time {
    font-size: 16px;
    line-height: 20px;
    color: #666666;
    margin-bottom: 10px;
}

.rotation_text .text {
    font-size: 22px;
    line-height: 36px;
    color: #333333;
    height: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 20px;
}

.rotation_text .more a {
    display: block;
    width: 35px;
    height: 35px;
    background: url(../images/icon17.png) no-repeat center center;
}

.rotation_text {
    background-color: #f5f5f5;
    padding: 30px;
    box-sizing: border-box;
}

.rotation_img {
    overflow: hidden;
}

.rotation_img img {
    /* max-width: 100%; */
    width: 100%;
    transition: All 0.6s ease;
    -webkit-transition: All 0.6s ease;
    -moz-transition: All 0.6s ease;
    -o-transition: All 0.6s ease;
}

.rotation_container .swiper-slide:hover .rotation_img img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.rotation {
    margin-top: 100px;
    padding-bottom: 100px;
    border-bottom: 1px solid #e6e6e6;
}

.rotation_container .swiper-slide:hover .rotation_text .more a {
    background: url(../images/icon18.png) no-repeat center center;
}

.rotation_container .swiper-button-next,
.rotation_container .swiper-button-prev {
    width: 50px;
    height: 50px;
    background-size: 100%;
}

.rotation_container .swiper-button-prev {
    background-image: url(../images/icon19.png);
}

.rotation_container .swiper-button-next {
    background-image: url(../images/icon20.png);
}

.hdhg {
    border-bottom: 1px solid #e6e6e6;
    padding: 30px 0 20px 0;
}

.xiala {
    text-align: center;
    position: relative;
    z-index: 9;
}

.xiala dl {
    position: relative;
    margin-right: 10px;
    width: 200px;
    z-index: 10;
}

.xiala dl dt {
    height: 42px;
    font-family: 'C-News';
    padding: 0px 20px;
    border-radius: 30px;
    appearance: none;
    -webkit-appearance: none;
    background: #fff url(http://lucent.workspacep5.webfoss.com/themes/basic/skin/css/../images/icon21.png) no-repeat 90% center;
    outline: none;
    line-height: 42px;
    border: 1px solid #999;
    text-align: left;
    position: relative;
    z-index: 3;
    cursor: pointer;
    font-size: 14px;
}

.xiala dl dd {
    display: none;
    position: absolute;
    top: 50px;
    left: 0px;
    background: #fff;
    width: 100%;
    z-index: 0;
    box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.1);
    text-align: left;
    border-radius: 5px;
}

.xiala dl dd a {
    color: #333333;
    font-size: 18px;
    display: block;
    padding: 12px 20px;
    border-bottom: 1px solid #eaeaea;
}

.hdhg h5 {
    float: left;
    font-size: 34px;
    color: #000000;
    font-weight: 400;
}

.hdhg .xiala {
    float: right;
}

.hdhg_list_img img {
    max-width: 100%;
    transition: All 0.6s ease;
    -webkit-transition: All 0.6s ease;
    -moz-transition: All 0.6s ease;
    -o-transition: All 0.6s ease;
}

.hdhg_list_img {
    width: 18.5%;
    overflow: hidden;
}

.hdhg_list li:hover .hdhg_list_img img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.hdhg_list li a {
    display: flex;
    flex-direction: row;
    /* justify-content: space-between; */
    background: url(../images/icon22.png) no-repeat center right 100px;
}

.hdhg_list li:hover a {
    background: url(../images/icon23.png) no-repeat center right 100px;
}

.hdhg_list li a .hdhg_list_text {
    width: 60%;
    margin-left: 36px;
    display: flex;
    align-items: center;
}

.hdhg_list_text .time {
    font-size: 18px;
    color: #666666;
    line-height: 18px;
    margin-bottom: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hdhg_list_text .time span {
    display: inline-block;
    font-size: 42px;
    color: #333333;
    line-height: 42px;
}

.hdhg_list_text .time i {
    display: inline-block;
    width: 5px;
    background: url(../images/icon21.png) no-repeat center bottom;
    height: 18px;
}

.hdhg_list_text .p1 {
    width: 97%;
    font-size: 22px;
    color: #333333;
    margin-bottom: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hdhg_list_text .p2 {
    font-size: 18px;
    line-height: 30px;
    height: 60px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.hdhg_list .hahg_ul {
    padding-top: 30px;
}

.hdhg_list .hahg_ul li {
    padding: 30px 0;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
}

.hdhg_list .hahg_ul li:last-child {
    border: none;
}

.hdhg_list .hahg_ul li:before {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0px;
    background: #01d0f0;
    height: 1px;
    width: 0%;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
}

.hdhg_list .hahg_ul li:hover:before {
    width: 100%;
}

.hdhg_list .hahg_ul li:last-child:hover:before {
    width: 0;
}

.hdhg_page ul {
    display: inline-block;
}

.hdhg_page .yiiPager .page {
    display: inline-block;
    margin: 0 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    border: 1px solid #808080;
}

.hdhg_page .yiiPager .page a {
    display: block;
    color: #000;

}

.hdhg_page .yiiPager .page:hover {
    border: 1px solid #01d0f0;
}

.hdhg_page .yiiPager .page:hover a {
    color: #01d0f0;
}

.hdhg_page .yiiPager .page.selected {
    background-color: #01d0f0;
    color: #fff;
    border: 1px solid #01d0f0;

}

.hdhg_page .yiiPager .page.selected a {
    color: #fff;
}

.hdhg_page #yw0 .previous {
    display: inline-block;
    margin-right: 10px;
}

.hdhg_page #yw0 .previous a {
    display: block;
    font-size: 16px;
    color: #999999;
    padding-left: 28px;
    background: url(../images/icon24.png) no-repeat center left;
}

.hdhg_page #yw0 .next {
    display: inline-block;
    margin-left: 10px;
}

.hdhg_page #yw0 .next a {
    display: block;
    font-size: 16px;
    color: #999999;
    padding-right: 28px;
    background: url(../images/icon25.png) no-repeat center right;
}

.hdhg_page #yw0 .previous a:hover {
    color: #01d0f0;
    background: url(../images/icon24-1.png) no-repeat center left;

}

.hdhg_page #yw0 .next a:hover {
    color: #01d0f0;
    background: url(../images/icon25-1.png) no-repeat center right;
}

.hdhg_page {
    text-align: center;
    padding: 60px 0;
}

.collection .collection_img {
    margin-bottom: 20px;
}

.collection .collection_img img {
    max-width: 100%;
}

.collection_time .p1 {
    font-size: 24px;
    line-height: 42px;
    color: #000000;
}

.collection_time {
    margin-bottom: 40px;
}

.cpu_tab ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.cpu_tab ul li {
    width: 24%;
    margin-bottom: 20px;
    box-sizing: border-box;
}

.cpu_tab ul li a {
    display: block;
    padding: 60px;
    height: 18vw;
    background-color: #f5f5f5;
}

.cpu_tab ul li a h5 {
    font-size: 25px;
    line-height: 28px;
    color: #333333;
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 25px;
    padding-bottom: 20px;
    font-weight: 500;
}

.cpu_tab ul li a p {
    font-size: 20px;
    line-height: 24px;
    color: #333333;
    padding: 5px 0;
}

.cpu_tab ul li.active a {
    background: linear-gradient(to right, #3fdff0 30%, #76f7f4 80%);

}

.cpu_tab ul li.active a h5 {
    color: #fff;
    border-bottom: 1px solid #fff;
}

.cpu_tab ul li.active a p {
    color: #fff;
}

.cpu_tab ul li.active1 a {
    background: linear-gradient(to right, #8abe4d 30%, #95d95f 80%);
}

.cpu_tab ul li.active1 a h5 {
    color: #fff;
    border-bottom: 1px solid #fff;
}

.cpu_tab ul li.active1 a p {
    color: #fff;
}

.cpu_tab ul li.active2 a {
    background: linear-gradient(to right, #e78248 30%, #eda153 80%);
}

.cpu_tab ul li.active2 a h5 {
    color: #fff;
    border-bottom: 1px solid #fff;
}

.cpu_tab ul li.active2 a p {
    color: #fff;
}

.cpu_tab ul li.active3 a {
    background: linear-gradient(to right, #04cff0 30%, #6c9fed 80%);
}

.cpu_tab ul li.active3 a h5 {
    color: #fff;
    border-bottom: 1px solid #fff;
}

.cpu_tab ul li.active3 a p {
    color: #fff;
}

/*.cpu_tab ul li:nth-child(1):hover a {
    background: linear-gradient(to right,#3fdff0 30%, #76f7f4 80%);

}
.cpu_tab ul li:nth-child(2):hover a {
    background: linear-gradient(to right,#8abe4d 30%, #95d95f 80%);
}
.cpu_tab ul li:nth-child(3):hover a {
    background: linear-gradient(to right,#e78248 30%, #eda153 80%);
}
.cpu_tab ul li:nth-child(4):hover a {
    background: linear-gradient(to right,#04cff0  30%, #6c9fed  80%);
}
.cpu_tab ul li:hover a h5{
    color: #fff;
    border-bottom: 1px solid #fff;
}
.cpu_tab ul li:hover a p{
    color: #fff;
}*/

/*2121-2-1  cpu进行修改*/
.cpu_tab.cpu_list ul li:nth-child(1) a {
    background: linear-gradient(to right, #3fdff0 30%, #76f7f4 80%);

}

.cpu_tab.cpu_list ul li:nth-child(4) a {
    /* background: linear-gradient(to right,#8abe4d 30%, #95d95f 80%); */
    background: linear-gradient(to right, #e78248 30%, #eda153 80%);
}

.cpu_tab.cpu_list ul li:nth-child(3) a {
    background: linear-gradient(to right, #e78248 30%, #eda153 80%);
}

.cpu_tab.cpu_list ul li:nth-child(2) a {
    background: linear-gradient(to right, #04cff0 30%, #6c9fed 80%);
}

.cpu_tab.cpu_list ul li:nth-child(5) a {
    background: linear-gradient(to right, #c523dd 30%, #7439a5 80%);
}

.cpu_tab.cpu_list ul li:nth-child(6) a {
    background: linear-gradient(to right, #5a6e7e 30%, #a2baca 80%);
}

.cpu_tab ul li:last-child:nth-child(4n - 1) {
    margin-right: calc(24% + 4% / 3);
}

.cpu_tab ul li:last-child:nth-child(4n - 2) {
    margin-right: calc(48% + 8% / 3);
}

.cpu_tab.cpu_list ul li a h5 {
    color: #fff;
    border-bottom: 1px solid #fff;
}

.cpu_tab.cpu_list ul li a p {
    color: #fff;
}

.cpu_tab {
    margin-top: 100px;
    margin-bottom: 30px;
}

.cpu_list .cpu_img {
    width: 45%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cpu_list .cpu_img img {
    max-width: 100%;
}

.cpu_list .cpu_text {
    width: 55%;
}

.cpu_list .index_main {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.cpu_text h5 {
    font-size: 36px;
    line-height: 52px;
    color: #000000;
    font-weight: 400;
}

.cpu_text p {
    font-size: 18px;
    line-height: 32px;
    color: #333333;
    margin-bottom: 40px;
}

.cpu_list .cpu_ {
    /* margin-top: 20px; */
    padding-top: 70px;
    padding-bottom: 50px;
}

.cpu_box .cpu_i {
    width: 45%;
}

.cpu_box .cpu_t {
    width: 55%;
}

.cpu_box .cpu_t .t_box:last-child {
    margin-bottom: 0;
}

.cup_margin {
    margin-top: 100px;
}

.cpu_t h5 {
    font-size: 36px;
    line-height: 52px;
    color: #000000;
    font-weight: 400;
    padding-bottom: 20px;
    border-bottom: 1px solid #c5c5c5;
    margin-bottom: 20px;
}

.cpu_text .p_box {
    margin-top: 50px;
}

.t_box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 100px;
}

.t_box div {
    width: 48%;
}

.t_box div p {
    font-weight: 500;
    font-size: 18px;
    line-height: 32px;
    color: #000000;
    padding-left: 20px;
    background: url(../images/icon00.png) no-repeat top 9px left;
}

.cpu_box {
    background-color: #f5f5f5;
    padding: 100px 0;
}

.e7_box p {
    padding-left: 20px;
    font-size: 18px;
    line-height: 32px;
    color: #000000;
    font-weight: 500;
    background: url(../images/icon00.png) no-repeat top 9px left;
}

.e7_box ul {
    padding-left: 20px;
}

.e7_box ul li {
    font-size: 18px;
    line-height: 32px;
    color: #333;
    padding-left: 20px;
    background: url(../images/icon001.png) no-repeat top 15px left;
}

.e7_list {
    display: flex;
    flex-direction: row;
}

.e7_list ul {
    margin-right: 60px;
}

.crumbs .crum {
    float: left;
}

.crumbs .cz {
    /* float: right; */
    position: absolute;
    right: 5%;
}

.crumbs .cz a {
    font-size: 18px;
    color: #333333;
    padding: 0 40px;
    display: inline-block;
    border: 1px solid #a3a3a3;
    border-radius: 22px;
    line-height: 44px;
    margin-left: 30px;
}

.Verticalip {
    background-color: #f5f5f5;
}

.Verticalip_box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.Verticalip .Verticalip_box:nth-child(even) {
    flex-direction: row-reverse;
}

.Verticalip_box .Verticalip_text {
    width: 50%;
    padding-left: 130px;
    padding-right: 105px;
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
}

.Verticalip_box .Verticalip_text .div {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.Verticalip_box .Verticalip_text .div .Verticalip_t {
    vertical-align: middle;
    max-height: 100%;
}

.Verticalip_box .Verticalip_text .Verticalip .Verticalip_box:nth-child(even) .Verticalip_text {
    padding-right: 130px;
    padding-left: 105px;
}

.Verticalip_box .Verticalip_img {
    width: 50%;
}

.Verticalip_box .Verticalip_img img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    max-width: 100%;
}

.Verticalip_t h5 {
    font-size: 36px;
    line-height: 52px;
    color: #03cff0;
    font-weight: 400;
    margin-bottom: 20px;
}

.Verticalip_t .Verticalip_p {
    margin-bottom: 30px;
    /*border-bottom: 1px solid #ccc;*/
    padding-bottom: 20px;
}

.Verticalip_t .Verticalip_p p {
    font-size: 18px;
    line-height: 28px;
    color: #000000;
    margin-bottom: 20px;
    text-align: justify;
}

.Verticalip_t .Verticalip_p1 p {
    font-size: 18px;
    line-height: 28px;
    color: #000000;
}

.Verticalip_t .Verticalip_p1 ul li {
    text-align: justify;
    padding-left: 20px;
    font-size: 18px;
    line-height: 28px;
    color: #000000;
    background: url(../images/icon26.png) no-repeat top 13px left;
}

.plan_banner {
    width: 100%;
    height: 900px;
    /* height: 990px; */
    margin-top: 90px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.plan_ h5 {
    font-size: 60px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 40px;
    font-family: syst;
    letter-spacing: 2px;
}

.plan_ p {
    font-family: syst;
    font-size: 28px;
    line-height: 72px;
    color: #fff;
    padding-left: 70px;
    background: url(../images/icon27.png) no-repeat center left;
    letter-spacing: 2px;
}

.plan_banner .index_main {
    vertical-align: middle;
    max-height: 100%;
}

.paln_ly_box p {
    font-size: 18px;
    line-height: 42px;
    color: #000000;
    padding-left: 17px;
    background: url(../images/icon28.png) no-repeat top 20px left;
}

.paln_ly_box p a {
    color: #07cef0;
    font-size: 18px;
    display: inline-block;
    line-height: 20px;
    border-bottom: 1px solid #07cef0;
}

.plan_left {
    width: 56%;
}

.plan_text {
    width: 35%;
}

.plan_box .index_main {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.plan_box {
    margin-top: 100px;
    margin-bottom: 100px;
}

.plan_left .title {
    font-size: 36px;
    color: #000;
    text-align: center;
    font-weight: 400;
    margin-bottom: 70px;
}

.plan_text .plan_t {
    width: 100%;
    height: auto;
    background-color: #f5f5f5;
}

.plan_t_img img {
    max-width: 100%;
}

.plan_title {
    padding: 60px 40px;
    box-sizing: border-box;
}

.plan_title h5 {
    font-size: 34px;
    line-height: 30px;
    text-align: center;
    color: #000000;
    font-weight: bold;
    margin-bottom: 26px;
}

.plan_title_p p {
    font-size: 16px;
    line-height: 36px;
    color: #000000;
    text-align: justify;
    font-weight: 400;
    margin-bottom: 15px;
}

.plan_title .more p a {
    height: auto;
    display: block;
    font-size: 16px;
    color: #ffffff;
    line-height: 38px;
    border-radius: 19px;
    background: linear-gradient(to right, #04cff0 30%, #6c9fed 80%);
    padding: 0 25px;
}

.plan_title .more p {
    display: inline-block;
    margin-top: 0;
}

.plan_title .more {
    text-align: center;
    margin-top: 30px;
}

.paln_ly {
    padding: 0px 30px 60px;
    box-sizing: border-box;
}

.paln_ly h5 {
    font-size: 30px;
    line-height: 36px;
    color: #000000;
    font-weight: bold;
    margin-bottom: 20px;
}

.platform .platform_text {
    width: 50%;
    padding-left: 165px;
    padding-right: 100px;
    background-color: #f5f5f5;

}

.platform .platform_img {
    width: 50%;
}

.platform .platform_img img {
    max-width: 100%;
}

.platform {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.platform_text .div {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.div_t h5 {
    font-size: 36px;
    line-height: 52px;
    color: #000;
    font-weight: 400;
    margin-bottom: 20px;
}

.div_t p {
    font-size: 18px;
    line-height: 32px;
    color: #000;
    text-align: justify;
}

.pla_img .index_main {
    text-align: center;
    padding-top: 116px;
    padding-bottom: 150px;
}

.pla_img .index_main img {
    max-width: 100%;
    display: inline-block;
}

.pla_list .pla_left {
    width: 18%;
}

.pla_list .pla_right {
    width: 70%;
}

.pla_list .index_main {
    display: flex;
    flex-direction: row;
    justify-content: space-between;

}

.pla_list .index_main h5 {
    font-size: 24px;
    line-height: 52px;
    color: #01d0f0;
    border-bottom: 1px solid #e9e6e6;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

.pla_list .index_main .pl_img {
    text-align: center;
    width: 100%;
}

.pla_list .index_main img {
    display: inline-block;
}

.pla_left ul li {
    font-size: 18px;
    line-height: 32px;
    color: #000000;
}

.pla_right .pla_div ul li {
    font-size: 18px;
    line-height: 32px;
    color: #000000;
    padding-left: 20px;
    background: url(../images/icon29.png) no-repeat left top 15px;
}

.pla_div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.pla_right .pla_div ul {
    width: 50%;
}

.pla_list {
    padding-bottom: 150px;
    border-bottom: 1px solid #e6e6e6;
}

.tab_img img {
    max-width: 100%;
    display: inline-block;
}

.tab_img .index_main {
    text-align: center;
}

.tab_img {
    padding-top: 30px;
    padding-bottom: 30px;
}

.tab_div div {
    width: 20%;
}

.tab_div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.tab_div div>p {
    font-size: 18px;
    line-height: 32px;
    color: #01d0f0;
}

.tab_div div ul li {
    font-size: 18px;
    line-height: 32px;
    color: #000000;
    padding-left: 20px;
    background: url(../images/icon29.png) no-repeat left top 15px;
}

.pla_li {
    display: none;
}

.pla_li h5 {
    font-size: 24px;
    line-height: 52px;
    color: #01d0f0;
    border-bottom: 1px solid #e9e6e6;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

.pla_li p {
    font-size: 18px;
    line-height: 32px;
    color: #000;
}

#pla_list {
    border: none;
    padding-bottom: 80px;
}

.pla_li {
    margin-bottom: 60px;
}

.tab_ul {
    display: inline-block;
}

.tab_ul li {
    font-size: 24px;
    color: #000000;
    display: inline-block;
    margin: 0 40px;
    position: relative;
    cursor: pointer;
}

.tab_ul li.active {
    color: #01d0f0;
}

.pla_tab_ul {
    text-align: center;
    padding: 40px 0;
}

.tab_ul li:before {
    content: '';
    background: #01d0f0;
    left: 0%;
    height: 4px;
    width: 0%;
    position: absolute;
    bottom: -15px;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
}

.tab_ul li:hover:before {
    width: 100%;
}

.tab_ul li.active:before {
    width: 100%;
}

.tab_ul li:hover {
    color: #01d0f0;
}

.risc_ .risc_left {
    width: 50%;
}

.risc_img {
    width: 50%;
}

.risc_ div img {
    max-width: 100%;
    display: inline-block;
    text-align: center;
}

.risc_ .ridtText h5 {
    /*font-size: 36px;*/
    font-size: 60px;
    color: #ffffff;
    font-weight: 400;
    margin-bottom: 40px;
    font-family: syst;
    letter-spacing: 2px;
}

.risc_ .ridtText:nth-child(2) {
    margin-top: 80px;
    display: none;
}

.risc_ .ridtText p {
    font-size: 28px;
    line-height: 38px;
    color: #fff;
    text-align: justify;
    font-family: syst;
    letter-spacing: 2px;
}

.risc_ .ridtText p span {
    font-family: syst;
}

.risc_ {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.risc_banner {
    width: 100%;
    /* height: 850px; */
    height: 480px;
    /* height: 990px; */
    margin-top: 90px;
    display: flex;
    flex-direction: row;
    align-items: center;
    background-size: cover !important;
}

.risc_banner .index_main {
    vertical-align: middle;
    max-height: 100%;
}

.risc_img .risc_img_div {
    display: table;
    height: 100%;
    width: 100%;
    text-align: center;
}

.risc_img .risc_img_div div {
    display: table-cell;
    vertical-align: middle;
    max-height: 100%;
}

.risc_box .title {
    font-size: 36px;
    color: #000;
    font-weight: 400;
    text-align: center;
    margin-bottom: 50px;
}

.risc_box ul {
    height: 400px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    box-shadow: 0px 0px 10px 5px #ddd;
}

.risc_box ul li {
    width: 20%;
    cursor: pointer;
    position: relative;
}

.risc_box ul li .risc_list {
    position: relative;
}

.risc_box ul li .risc_list:before {
    content: '';
    background: #dedede;
    top: 10%;
    right: 0;
    height: 80%;
    width: 1px;
    position: absolute;
}

.risc_list .div {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;

}

.risc_list .div>div {
    margin: auto;

}

.risc_list {
    height: 100%;
}

.risc_list .text {
    text-align: center;
    margin-top: 50px;
}

.risc_list .tiao {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8px;

}

/*.risc_box ul li:nth-child(1) .risc_list .tiao{
    background-image: linear-gradient(to right, #f39e2f , #f2ce46);
}
.risc_box ul li:nth-child(2) .risc_list .tiao{
    background-image: linear-gradient(to right, #76af4d , #95dc62);
}
.risc_box ul li:nth-child(3) .risc_list .tiao{
    background-image: linear-gradient(to right, #68d5e9 , #82d1eb);
}
.risc_box ul li:nth-child(4) .risc_list .tiao{
    background-image: linear-gradient(to right, #8430c4 , #b87ce5);
}
.risc_box ul li:nth-child(5) .risc_list .tiao{
    background-image: linear-gradient(to right, #36579a , #416dc6);
}*/
.risc_box {
    padding-top: 50px;
    margin-bottom: 80px;
}

.risc_list1 {
    text-align: center;
    padding-top: 60%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
    background-size: cover;
    background-repeat: no-repeat;
}

.risc_list1 p {
    font-size: 20px;
    color: #fff;
}

.risc_box ul li:nth-child(1) .risc_list1 {
    background-image: url(../images/tu66.png);
}

.risc_box ul li:nth-child(2) .risc_list1 {
    background-image: url(../images/tu66.png);
}

.risc_box ul li:nth-child(3) .risc_list1 {
    background-image: url(../images/tu66.png);
}

.risc_box ul li:nth-child(4) .risc_list1 {
    background-image: url(../images/tu66.png);
}

.risc_box ul li:nth-child(5) .risc_list1 {
    background-image: url(../images/tu66.png);
}

.risc_box ul li:hover .risc_list1 {
    opacity: 1;
}

#risc_box ul {
    box-shadow: none;
}

#risc_box ul li .risc_list:before {
    display: none;
}

#risc_box {
    margin-bottom: 0;
}

/*#risc_box ul li:nth-child(1) .risc_list{
    background-image: url(../images/tu67.png);
}
#risc_box ul li:nth-child(2) .risc_list{
    background-image: url(../images/tu68.png);
}
#risc_box ul li:nth-child(3) .risc_list{
    background-image: url(../images/tu69.png);
}
#risc_box ul li:nth-child(4) .risc_list{
    background-image: url(../images/tu70.png);
}
#risc_box ul li:nth-child(5) .risc_list{
    background-image: url(../images/tu71.png);
}
#risc_box ul li:nth-child(6) .risc_list{
    background-image: url(../images/tu72.png);
}*/
#risc_box ul li .risc_list {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

#risc_box ul li .risc_list1 {
    background-image: none;
    background-color: rgba(2, 208, 240, .5);
}

#risc_box .risc_list .div div .text {
    color: #fff;
    font-size: 20px;
    line-height: 44px;
}

#risc_box .risc_list .div div .img {
    text-align: center;
}

#risc_box .risc_list .div div .img img {
    display: inline-block;
}

#risc_box .risc_list .div div p {
    text-align: center;
    margin-top: 10px;
}

#risc_box .risc_list .div div i {
    width: 30px;
    display: inline-block;
    height: 2px;
    background-color: #fff;
}

#risc_box .risc_list1 {
    padding-top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

#risc_box .risc_list1 .div {
    text-align: center;
    padding: 0 10%;
}

#risc_box .risc_list1 .div div img {
    display: inline-block;
    max-width: 100%;
}

#risc_box .risc_list1 .div div p {
    font-size: 20px;
    line-height: 28px;
    color: #fff;
}

#risc_box .risc_list1 .div div {
    margin-bottom: 20px;
}

#risc_box li:hover .risc_list .div {
    opacity: 0;
}

.team {
    background: url(../images/bg3.png)no-repeat;
    padding-top: 80px;
}

.team_left {
    width: 50%;
}

.team_right {
    width: 33%;
}

.team .index_main {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.team_left h5 {
    font-size: 36px;
    color: #000;
    font-weight: 400;
    text-align: center;
    margin-bottom: 40px;
}

.team_left p {
    font-size: 18px;
    line-height: 32px;
    color: #666666;
    text-align: center;
    margin-bottom: 50px;
}

.team_right_t h5 {
    font-size: 36px;
    color: #000;
    font-weight: 400;
    padding-bottom: 20px;
    border-bottom: 9px solid #09d1f0;
    margin-bottom: 20px;
}

.swi-message {
    height: 600px;
}

.swi-message .swiper-slide {
    border-bottom: 1px dashed #dddcdf;
}

.message_people .people_name p {
    font-size: 18px;
    line-height: 30px;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.message_people .people_name p span {
    color: #02d0f0;
}

.people_name .left {
    float: left;
    width: 80%;
}

.people_name .time {
    float: right;
}

.message_people .people_name .time {
    font-size: 14px;
    color: #8c8c8c;
    line-height: 30px;
}

.swi-message a {
    display: block;
}

.swi-message a .people_motto {
    font-size: 18px;
    line-height: 32px;
    color: #666666;
    height: 64px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-align: justify;
}

.swi-message .swiper-slide {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.index-about .list li {
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.address {
    width: 100%;
    height: 850px;
    background: url(../images/tu81.png) no-repeat center center;
    background-size: cover;
    margin-top: 90px;
}

.add_ul li .dian {
    width: 24px;
    height: 24px;
    background-color: #63A3ED;
    border-radius: 50%;
    position: absolute;
    cursor: pointer;
}

.address_bg {
    width: 100%;
    height: 850px;
    position: relative;
}

.address_bg .add_ul .li1 .dian {
    top: 51.5%;
    right: 25.5%;
}

.address_bg .add_ul .li2 .dian {
    top: 51%;
    right: 29.5%;
}

.address_bg .add_ul .li3 .dian {
    top: 44%;
    right: 26.5%;
}

.address_bg .add_ul .li4 .dian {
    top: 57.4%;
    right: 24.5%;
}

.address_bg .add_ul .li5 .dian {
    /* top: 46%;
    left: 17.5%; */
    top: 62%;
    left: 68.5%;
}

.address_bg .add_ul .li6 .dian {
    top: 56%;
    right: 28.5%;
}

.address_bg .add_ul .li7 .dian {
    top: 57%;
    right: 28%;
}




/*  */
.address_bg .add_ul .li1 .introduce_box {
    top: 29.5%;
    right: 2.5%;
}

.address_bg .add_ul .li2 .introduce_box {
    top: 29.5%;
    right: 32.5%;
}

.address_bg .add_ul .li3 .introduce_box {
    top: 22%;
    right: 4%;
}

.address_bg .add_ul .li4 .introduce_box {
    top: 33%;
    right: 1%;
}

.address_bg .add_ul .li5 .introduce_box {

    top: 37%;
    left: 45.5%;
}

.address_bg .add_ul .li6 .introduce_box {
    top: 30%;
    right: 32%;
}

.address_bg .add_ul .li7 .introduce_box {

    top: 36%;
    left: 47%;
}

.introduce_box {
    position: absolute;
}

.introduce_box .introduce_div {
    width: 340px;
    border: 5px solid #63A3ED;
    position: relative;
}

.introduce_text h5 {
    font-size: 18px;
    line-height: 24px;
    color: #ffffff;
    margin-bottom: 5px;
}

.introduce_text {
    background-color: #63A3ED;
    padding: 10px;
}

.introduce_text p {
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    padding-left: 20px;
}

.introduce_text .p1 {
    background: url(../images/tu83.png) no-repeat left top 4px;
}

.introduce_text .p2 {
    background: url(../images/tu84.png) no-repeat left top 4px;
}

.introduce_box .introduce_div:before {
    content: "";
    border: 10px solid transparent;
    position: absolute;
    margin-top: -20px;
}

.address_bg .add_ul .li1 .introduce_box .introduce_div:before {
    border-right-color: #63A3ED;
    left: -25px;
    bottom: 29%;
}

.address_bg .add_ul .li2 .introduce_box .introduce_div:before {
    right: -25px;
    bottom: 29%;
    border-left-color: #63A3ED;
}

.address_bg .add_ul .li3 .introduce_box .introduce_div:before {
    left: -25px;
    bottom: 29%;
    border-right-color: #63A3ED;
}

.address_bg .add_ul .li4 .introduce_box .introduce_div:before {
    left: -25px;
    bottom: 29%;
    border-right-color: #63A3ED;
}

.address_bg .add_ul .li5 .introduce_box .introduce_div:before {
    border-left-color: #63A3ED;
    right: -25px;
    bottom: 35%;
}

.address_bg .add_ul .li6 .introduce_box .introduce_div:before {
    border-left-color: #63A3ED;
    right: -25px;
    bottom: 29%;
}

.address_bg .add_ul .li7 .introduce_box .introduce_div:before {
    border-left-color: #63A3ED;
    right: -25px;
    bottom: 35%;
}

.tab_add p {
    font-size: 18px;
    color: #fff;
    display: inline-block;
    padding: 0 40px;
    border: 1px solid #fff;
    line-height: 44px;
    border-radius: 22px;
    cursor: pointer;
    margin-left: 20px;
}

.tab_add p.active {
    background-color: #63A3ED;
    border: #63A3ED;
}

.tab_add {
    position: absolute;
    right: 0;
    bottom: 70px;
}

.connection_ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.connection_ul li {
    padding: 65px 50px;
    width: 25%;
}

.connection_ul li .connection_div {
    padding-left: 80px;
}

.connection_ul li:nth-child(1) {
    background: linear-gradient(to right, #1c9c5d 30%, #53b831 80%);
}

.connection_ul li:nth-child(2) {
    background: linear-gradient(to right, #3a78b2 30%, #3aa8cc 80%);
}

.connection_ul li:nth-child(3) {
    background: linear-gradient(to right, #6660d4 30%, #9370d0 80%);
}

.connection_ul li:nth-child(4) {
    background: linear-gradient(to right, #e47250 30%, #e98e53 80%);
}

.connection_ul li:nth-child(1) .connection_div {
    background: url(../images/tu85.png) no-repeat center left;
}

.connection_ul li:nth-child(2) .connection_div {
    background: url(../images/tu86.png) no-repeat center left;
}

.connection_ul li:nth-child(3) .connection_div {
    background: url(../images/tu87.png) no-repeat center left;
}

.connection_ul li:nth-child(4) .connection_div {
    background: url(../images/tu88.png) no-repeat center left;
}

.connection_div p {
    font-size: 20px;
    line-height: 40px;
    color: #fff;
}

.connection_div p:nth-child(2) {
    line-height: 26px;
}

.connection_div p a {
    font-size: 20px;
    line-height: 26px;
    color: #fff;
    word-wrap: break-word;
}

.message .title {
    font-size: 36px;
    color: #000;
    font-weight: 400;
    margin-bottom: 40px;
}

.message {
    padding-top: 110px;
    padding-bottom: 150px;
}

.message .form {
    border: 1px solid #626262;
    padding: 20px 40px;
}

.input_box .input {
    width: 48.5%;
    padding-top: 40px;
}

.input_box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.input_box .input input {
    width: 100%;
    height: 68px;
    padding-left: 15px;
    font-size: 24px;
}

.input_box .input p {
    font-size: 20px;
    line-height: 32px;
    color: #333333;
    margin-bottom: 5px;
}

.input_box .input p span {
    color: #f00101;
}

.check .check_box p {
    font-size: 20px;
    line-height: 32px;
    color: #333333;
    display: inline-block;
    margin-right: 120px;
    margin-bottom: 30px;
}

.check .check_box p input {
    width: 20px;
    height: 20px;
    vertical-align: text-bottom;
    margin-right: 25px;
}

.check .tit {
    font-size: 20px;
    line-height: 32px;
    color: #333333;
    margin-bottom: 10px;
}

.check .tit span {
    color: #f00101;
}

.xinxi p {
    font-size: 20px;
    line-height: 32px;
    color: #333333;
    margin-bottom: 10px;
}

.xinxi p span {
    color: #f00101;
}

.rich_box textarea {
    width: 100%;
    height: 240px;
    padding: 20px;
    font-size: 24px;
}

.sub {
    text-align: right;
    margin-top: 45px;
    margin-bottom: 40px;
}

.sub input {
    display: inline-block;
    cursor: pointer;
    font-size: 16px;
    color: #fff;
    border: none;
    outline: none;
    height: 44px;
    border-radius: 22px;
    padding: 0 60px;
    background: linear-gradient(to right, #04cff0 30%, #6c9fed 80%);
}

.manpower_tab ul li a {
    font-size: 24px;
    color: #000;
    display: block;

}

.manpower_tab ul li:hover a {
    color: #01d0f0;
}

.manpower_tab ul li.active a {
    color: #01d0f0;
}

.manpower_tab ul li {
    display: inline-block;
    margin: 0 45px;
    position: relative;
    cursor: pointer;
}

.manpower_tab ul {
    text-align: center;
    padding: 40px 0 30px;
    border-bottom: 1px solid #e6e6e6;
    background-color: #f2f2f2;
}

.manpo ul {
    background-color: #fff;
}

.manpower_tab ul li:before {
    content: '';
    background: #01d0f0;
    left: 0%;
    height: 4px;
    width: 0%;
    position: absolute;
    bottom: -30px;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
}

.manpower_tab ul li:hover::before {
    width: 100%;
}

.manpower_tab ul li.active::before {
    width: 100%;
}

.recruit_box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 70px;
}

.recruit_box .recruit_list {
    width: 48%;
}

.recruit_box .recruit_list a {
    display: block;
}

.recruit_box .recruit_list a div img {
    max-width: 100%;
}

.recruit_box .recruit_list a .text {
    background-color: #fff;
}

.recruit_box .recruit_list a .text p {
    padding: 20px 40px;
    font-size: 20px;
    color: #262a33;
    background-image: url(../images/tu92.png);
    background-repeat: no-repeat;
    background-position: right 50px center;
}

.recruit_box .recruit_list:hover a .text {
    background: linear-gradient(to right, #04cff0 30%, #6c9fed 80%);
}

.recruit_box .recruit_list:hover a .text p {
    background-image: url(../images/tu91.png);
    color: #fff;
}

.recruit_box .recruit_list.active a .text {
    background: linear-gradient(to right, #04cff0 30%, #6c9fed 80%);
}

.recruit_box .recruit_list.active a .text p {
    background-image: url(../images/tu91.png);
    color: #fff;
}

.recruit {
    background: #f2f2f2 url(../images/bg7.png) no-repeat bottom left;
    padding-top: 100px;
}

.input_all {
    padding-bottom: 20px;
}

.input_all p {
    width: 100px;
    font-size: 20px;
    line-height: 38px;
    color: #333333;
    display: inline-block;
}

.input_all .place,
.input_all .post {
    display: inline-block;
}

.input_all .place li,
.input_all .post li {
    outline: none;
    font-size: 18px;
    line-height: 38px;
    color: #333333;
    padding: 0 40px;
    border: none;
    border: 1px solid #cccccc;
    border-radius: 19px;
    cursor: pointer;
    margin-right: 20px;
    display: inline-block;
}

.input_all .place li.active,
.input_all .post li.active {
    background: linear-gradient(to right, #04cff0 30%, #6c9fed 80%);
    color: #fff;
    border: none;
}

.position .position_title {
    font-size: 32px;
    line-height: 38px;
    text-align: center;
    font-weight: 400;
    margin-bottom: 40px;
}

.zw_title {
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    /*padding: 20px 20px;*/
    padding: 20px 10%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.zw_title p {
    font-size: 20px;
    color: #333333;
    font-weight: 500;
    width: 50%;
}

/*.zw_title p:nth-child(1){
    width: 50%;
}*/
/*.zw_title p:nth-child(2){
    width: 22%;
}
.zw_title p:nth-child(3){
    width: 40%;
}*/
.zw_ul>li {
    border-bottom: 1px solid #cccccc;
    cursor: pointer;

}

.zw_ul li.active {
    /*background: url(../images/hot.png) no-repeat top 5px left;*/
    background: url(../images/hot.png) no-repeat top 5px left 9%;

}

.zw_ul li .zw_li {
    /*padding: 20px 20px;*/
    padding: 20px 10%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: url(../images/tu93.png) no-repeat center right 60px;
}

.zw_ul li .zw_li.active {
    background: url(../images/tu94.png)no-repeat center right 60px;
}

.zw_ul li .zw_li p {
    font-size: 18px;
    color: #333333;
    width: 50%;
}

/*.zw_ul li .zw_li p:nth-child(1){
    font-weight: 500;
    width: 38%;
}
.zw_ul li .zw_li p:nth-child(2){
    width: 22%;
}

.zw_ul li .zw_li p:nth-child(3){
    width: 40%;
}*/
.zw_ul li .zw_box {
    display: none;
    /*padding: 15px 20px 40px;*/
    padding: 15px 10% 40px;
}

.zw_box>div {
    /* margin-bottom: 30px; */
}

.zw_box div h5 {
    font-size: 18px;
    line-height: 38px;
    color: #333333;
    font-weight: 700;
    /* margin-bottom: 10px; */
}

.zw_box div p {
    font-size: 18px;
    line-height: 38px;
    color: #333333;
}

.zw_box div h5 p {
    font-size: 18px;
    line-height: 34px;
    color: #4c4c4c;
}

.zw_list {
    margin-top: 30px;
}

.culture .index_main {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.culture .culture_left {
    width: 49%;
}

.culture .culture_right {
    width: 50.5%;
}

.culture h5 {
    font-size: 36px;
    color: #000000;
    font-weight: 400;
    margin-bottom: 30px;
}

.culture p {
    font-size: 18px;
    line-height: 32px;
    color: #4c4c4c;
    padding-right: 80px;
}

.culture_left .culture_left_img {
    margin-top: 20px;
}

.culture_left .culture_left_img img {
    max-width: 100%;

}

.culture_left .culture_box,
.culture_right .culture_box {
    margin-top: 20px;
}

.culture_left .culture_box .culture_text,
.culture_right .culture_box .culture_text {
    background-color: #f5f5f5;
    /*margin-bottom: 20px;*/
    padding: 40px 60px 60px;
    height: 17.5vw;
}

.culture_left .culture_box .culture_text .culture_icon {
    display: inline-block;
}

.culture_left .culture_box .culture_text .culture_icon img {
    max-width: 100%;
}

.culture_right .culture_box .culture_text .culture_icon {
    display: inline-block;
}

.culture_right .culture_box .culture_text .culture_icon img {
    max-width: 100%;
}

.culture_text .p2 {
    font-size: 18px;
    line-height: 30px;
    color: #4c4c4c;
    min-height: 80px;
    padding-right: 0;
}

.culture_box .culture_text .p1 {
    font-size: 22px;
    line-height: 37px;
    color: #333333;
    font-weight: 500;
    margin-top: 17px;
    margin-bottom: 10px;
}

.culture {
    margin-top: 90px;
    /*margin-bottom: 200px;*/
}

.welfare_left {
    width: 43%;
}

.welfare_right {
    width: 57%;
    background-color: #f5f5f5;
    padding: 60px 55px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.welfare_left img {
    max-width: 100%;
}

.welfare .index_main {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.welfare_right div {
    width: 48%;
    padding-left: 80px;
    margin-bottom: 10px;
}

.welfare_right div h5 {
    font-size: 28px;
    color: #262a33;
    font-weight: 400;
    margin-bottom: 10px;
}

.welfare_right div p {
    font-size: 18px;
    line-height: 30px;
    color: #262a33;
}

.welfare_right div:nth-child(1) {
    background: url(../images/icon30.png) no-repeat left top;
}

.welfare_right div:nth-child(2) {
    background: url(../images/icon31.png) no-repeat left top;
}

.welfare_right div:nth-child(3) {
    background: url(../images/icon32.png) no-repeat left top;
}

.welfare_right div:nth-child(4) {
    background: url(../images/icon33.png) no-repeat left top;
}

.welfare_right div:nth-child(5) {
    background: url(../images/icon34.png) no-repeat left top;
}

.welfare_right div:nth-child(6) {
    background: url(../images/icon35.png) no-repeat left top;
}

.welfare_right div:nth-child(7) {
    background: url(../images/icon36.png) no-repeat left top;
}

.welfare {
    margin-top: 10px;
    margin-bottom: 60px;
}

.life h5 {
    font-size: 36px;
    color: #000;
    font-weight: 400;
    margin-bottom: 30px;
}

.life ul li {
    width: 32%;
    overflow: hidden;
    cursor: pointer;
}

.life ul li img {
    max-width: 100%;
    transition: All 0.6s ease;
    -webkit-transition: All 0.6s ease;
    -moz-transition: All 0.6s ease;
    -o-transition: All 0.6s ease;
}

.life ul li:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.life ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.life .index_main div {
    margin-bottom: 40px;
}

.life {
    margin-top: 100px;
}

.life ul li:last-child:nth-child(3n - 1) {
    margin-right: calc(32% + 4% / 2);
}

.interview {
    margin-top: 15px;
    display: inline-block;
    font-size: 16px;
    color: #fff;
    padding: 0 25px;
    line-height: 38px;
    background: linear-gradient(to right, #04cff0 30%, #6c9fed 80%);
    border-radius: 19px;
}

.mstc {
    width: 100%;
    height: 100%;
    background-color: rgba(40, 40, 40, .3);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}

.mstc_box {
    width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 80px 140px;
}

.mstc_box div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 50px;
    border-bottom: 1px solid #ececec;
    margin-bottom: 50px;
}

.mstc_box div:last-child {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.mstc_box .im_g .i_g {
    width: 30%;
    height: 200px;
    padding: 0;
    border: 2px solid #ececec;
}

.mstc_box .im_g .i_g a {
    display: block;
    width: 100%;
    height: 100%;
}

.mstc_box .im_g .i_g a p {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

}

.mstc_box .im_g .i_g a p img {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;

}

.mstc_box div p:last-child:nth-child(4n - 1) {
    margin-right: calc(24% + 4% / 3);
}

.mstc_box div p:last-child:nth-child(4n - 2) {
    margin-right: calc(48% + 8% / 3);
}

.mstc_box div p:last-child:nth-child(4n - 3) {
    margin-right: calc(72% + 12% / 3);
}

.mstc_box h5 {
    font-size: 36px;
    color: #000;
    font-weight: 400;
    margin-bottom: 50px;
}

.mstc_box .x {
    width: 60px;
    height: 60px;
    background: url(../images/x.png) no-repeat center center;
    position: absolute;
    top: 40px;
    right: 40px;
    cursor: pointer;
}

.objective .obj h5 {
    font-size: 22px;
    line-height: 37px;
    color: #333333;
    font-weight: 500;
}

.objective .obj p {
    font-size: 18px;
    line-height: 32px;
    color: #333333;
}

.objective .obj {
    width: 50%;
    padding-left: 160px;
}

.objective {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: #f5f5f5 url(../images/tu114.png) no-repeat center center;
}

.objective .obj .obj_box {
    padding-left: 160px;
    padding-top: 60px;
    padding-bottom: 60px;
}

.objective .obj:nth-child(1) .obj_box {
    background: url(../images/tu112.png) no-repeat center left;
}

.objective .obj:nth-child(2) .obj_box {
    background: url(../images/tu113.png) no-repeat center left;
}

.un_box {
    padding: 90px 0 130px;
}

.un_box ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.un_box ul li {
    width: 32%;
    height: 480px;
    cursor: pointer;

}

.un_box ul li:last-child:nth-child(3n - 1) {
    margin-right: calc(32% + 4% / 2);
}

/* .un_box ul li:nth-child(1){
    background: url(../images/tu115.jpg) no-repeat;
}
.un_box ul li:nth-child(2){
    background: url(../images/tu116.jpg) no-repeat;
}
.un_box ul li:nth-child(3){
    background: url(../images/tu117.jpg) no-repeat;
} */
.un_ {
    width: 100%;
    height: 100%;
    display: table;
}

.un_ div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    max-height: 100%;
}

.un_box ul li:hover .un_ {
    opacity: 1;
}

.un_box ul li .un_ {
    opacity: 0;
    background-color: rgba(127, 127, 127, .4);
}

.un_box ul li .un_ h5 {
    padding: 5px 15px;
    display: inline-block;
    font-size: 22px;
    line-height: 37px;
    color: #fff;
    font-weight: 500;
    border-top: 1px solid #a5a3aa;
    border-bottom: 1px solid #a5a3aa;
}

.un_box ul li .un_ p a {
    display: inline-block;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    color: #ffffff;
    padding: 0 32px;
    border-radius: 20px;
    background: linear-gradient(to right, #04cff0 30%, #6c9fed 80%);
}

.un_box ul li .un_ p {
    margin-top: 30px;
}

.coo_img {
    width: 48%;
}

.coo_img img {
    max-width: 100%;
}

.coo {
    background-color: #f5f5f5;
}

.cootext {
    width: 52%;
    max-height: 100%;
    padding-left: 7.7%;
}

.coo_box {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.coo_list h5 {
    font-size: 36px;
    color: #000;
    font-weight: 400;
    margin-bottom: 30px;
}

.coo_li {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.coo_li p {
    width: 32%;
    font-size: 20px;
    line-height: 70px;
    color: #333333;
    padding-left: 88px;
    margin: 20px 0;
}

.coo_li p:last-child:nth-child(3n - 1) {
    margin-right: calc(32% + 4% / 2);
}

/* .coo_li p:nth-child(1){
    background: url(../images/tu119.png) no-repeat center left;
}
.coo_li p:nth-child(2){
    background: url(../images/tu120.png) no-repeat center left;
}
.coo_li p:nth-child(3){
    background: url(../images/tu121.png) no-repeat center left;
}
.coo_li p:nth-child(4){
    background: url(../images/tu122.png) no-repeat center left;
}
.coo_li p:nth-child(5){
    background: url(../images/tu123.png) no-repeat center left;
}
.coo_li p:nth-child(6){
    background: url(../images/tu124.png) no-repeat center left;
} */
.Competition .title {
    font-size: 36px;
    color: #000;
    font-weight: 400;
    margin-bottom: 60px;
}

.Competition_t {
    cursor: pointer;
}

.Competition_t h6 {
    font-size: 22px;
    line-height: 37px;
    color: #333333;
    font-weight: 500;
}

.Competition_t div p {
    font-size: 18px;
    line-height: 32px;
    color: #333333;
}

.Competition_t {
    width: 48%;
    background-color: #f5f5f5;
    padding: 40px;
}

.Competition_box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.Competition_t .com_ {
    padding-left: 160px;
}

/* .Competition_box .Competition_t:nth-child(1) .com_{
    background: url(../images/tu125.png) no-repeat left top;
}
.Competition_box .Competition_t:nth-child(2) .com_{
    background: url(../images/tu126.png) no-repeat left top;
} */
.Competition {
    padding: 90px 0;
}

.colleges-container .swiper-slide {
    border: 1px solid #dcdcdc;
    height: 130px;
    display: table;
    cursor: pointer;
}

.colleges-container .swiper-slide div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.colleges-container .swiper-slide div img {
    max-width: 100%;
    display: inline-block;
}

.colleges {
    padding-bottom: 100px;
}

.colleges .title {
    font-size: 36px;
    color: #000;
    font-weight: 400;
    margin-bottom: 50px;
}

.un_tc {
    width: 100%;
    height: 100%;
    background-color: rgba(40, 40, 40, .3);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}

.utc {
    width: 83.1%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
}

.un_tc .u {
    position: relative;
}

.utc .x {
    width: 50px;
    height: 50px;
    background: url(../images/x.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 40px;
    right: 40px;
    cursor: pointer;
    z-index: 20;
}

.utc .un_tx {
    width: 100%;
    padding: 50px 70px;
}

.un_tc ul li .u_img img {
    max-width: 100%;
}

.un_tc ul li .u_img {
    width: 13%;
}

.un_tc ul li .u_box {
    width: 84%;
}

.un_tc ul li {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.un_tc .utc .un_tx {
    /*height: 460px;/*/
    height: 700px;
    overflow: auto;
}

.u_box h6 {
    font-size: 24px;
    line-height: 38px;
    color: #000;
    font-weight: 400;
    margin-bottom: 10px;
}

.u_box div p {
    font-size: 18px;
    line-height: 32px;
    color: #000;
}

.u_box .more {
    margin-top: 40px;
}

.u_box .more a {
    display: inline-block;
    height: 38px;
    font-size: 16px;
    line-height: 38px;
    color: #ffffff;
    padding: 0 28px;
    border-radius: 19px;
    background: linear-gradient(to right, #04cff0 30%, #6c9fed 80%);
}

.un_tc ul li {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 40px 10px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 200px;
}

.banner_text .b_text p {
    /*font-size: 18px;*/
    line-height: 50px;
    color: #fff;
}

.ip_div {
    width: 32%;
    cursor: pointer;
}

.ip_box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.ip_box .ip_div:last-child:nth-child(3n - 1) {
    margin-right: calc(32% + 4% / 2);
}

.ip h5 {
    font-size: 36px;
    line-height: 52px;
    color: #000000;
    font-weight: 400;
    text-align: center;
    margin-bottom: 60px;
}

.ip_div .ipimg img {
    max-width: 100%;
    transition: All 0.6s ease;
    -webkit-transition: All 0.6s ease;
    -moz-transition: All 0.6s ease;
    -o-transition: All 0.6s ease;
}

.ip {
    padding: 100px 0;
    background-color: #f5f5f5;
}

.ip_text {
    background-color: #fff;
    padding: 40px 40px 60px;
}

.ip_text .title {
    font-size: 20px;
    line-height: 52px;
    color: #000000;
    margin-bottom: 10px;
}

.ip_text .p1 {
    font-size: 17px;
    line-height: 32px;
    color: #000000;
    min-height: 64px;
}

.ipimg {
    overflow: hidden;
}

.ip_div:hover .ipimg img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.serve_div {
    width: 32%;
    background-color: #f5f5f5;
    padding: 40px 30px;
}

.serve_box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.serve_box .serve_div:last-child:nth-child(3n - 1) {
    margin-right: calc(32% + 4% / 2);
}

.serve h5 {
    font-size: 36px;
    line-height: 52px;
    color: #000000;
    font-weight: 400;
    text-align: center;
    margin-bottom: 60px;
}

.serve_t h6 {
    font-size: 22px;
    line-height: 37px;
    font-weight: 500;
    color: #333333;
}

.serve_t div p {
    font-size: 18px;
    line-height: 32px;
    color: #333333;
    margin-bottom: 20px;
}

.serve_t {
    padding-left: 120px;
}

.serve {
    padding: 100px 0;
}

.hezuo {
    padding: 100px 0;
}

.hezuo h5 {
    font-size: 36px;
    line-height: 52px;
    color: #000000;
    font-weight: 400;
    text-align: center;
    margin-bottom: 60px;
}

.hezuo_box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.hezuo_box .hz_img {
    width: 18%;
    height: 175px;
    border: 1px solid #d2d2d2;
    margin-bottom: 30px;
}

.hezuo_box .hz_img:last-child:nth-child(5n - 1) {
    margin-right: calc(18% + 10% / 4);
}

.hezuo_box .hz_img:last-child:nth-child(5n - 2) {
    margin-right: calc(36% + 20% / 4);
}

.hezuo_box .hz_img:last-child:nth-child(5n - 3) {
    margin-right: calc(54% + 30% / 4);
}

.hezuo_box div img {
    max-width: 55%;
    display: inline-block;
}

.hezuo_box .hz_img {
    display: table;
    cursor: pointer;
}

.hezuo_box .hz_img div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.cpu_tab ul li a .p1 {
    font-size: 16px;
    color: #333333;
    line-height: 26px;
}

.cpu_tab ul li.active a .p1 {
    color: #fff;
}

#exp ul li:nth-child(2):hover a {
    background: linear-gradient(to right, #3fdff0 30%, #76f7f4 80%);
}

#exp ul li:nth-child(1):hover a {
    background: linear-gradient(to right, #81b34d 30%, #95d85e 80%);
}

#exp ul li:nth-child(3):hover a {
    background: linear-gradient(to right, #e78248 30%, #eda153 80%);
}

#exp ul li:nth-child(4):hover a {
    background: linear-gradient(to right, #04cff0 30%, #6c9fed 80%);
}

#exp ul li:nth-child(2).active a {
    background: linear-gradient(to right, #3fdff0 30%, #76f7f4 80%);
}

#exp ul li:nth-child(1).active a {
    background: linear-gradient(to right, #81b34d 30%, #95d85e 80%);
}

#exp ul li:nth-child(3).active a {
    background: linear-gradient(to right, #e78248 30%, #eda153 80%);
}

#exp ul li:nth-child(4).active a {
    background: linear-gradient(to right, #04cff0 30%, #6c9fed 80%);
}

#exp ul li:hover a h5 {
    color: #fff;
    border-bottom: 1px solid #fff;
}

#exp ul li:hover a .p1 {
    color: #fff;
}

.cp_img {
    width: 41%;
    text-align: center;
}

.cp_img img {
    max-width: 100%;
    display: inline-block;
}

.cp_text {
    width: 55%;
}

.cp_text .cp_div {
    height: 100%;
    display: table;
    width: 100%;
}

.cp_text .cp_div div {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

.cp_text .cp_div div p {
    font-size: 16px;
    line-height: 52px;
    color: #000;
}

.cp_text .cp_div div h1 {
    font-size: 80px;
    color: #d7d7d7;
    line-height: 100px;
    margin-bottom: 40px;
}

.cp_text .cp_div div .p1 {
    font-size: 18px;
    line-height: 32px;
    color: #333333;
    padding-right: 130px;
}

.cp_box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.chanpin {
    margin-top: 90px;
    margin-bottom: 90px;
}

.chart h5 {
    font-size: 36px;
    color: #000;
    font-weight: 400;
    margin-bottom: 5px;
}

.form_mentor tbody tr td {
    width: 50%;
    padding-left: 100px;
    font-size: 24px;
    line-height: 52px;
    color: #000000;
}

.form_mentor table {
    width: 100%;
}

.form_mentor tbody tr:nth-child(odd) {
    background-color: #e5e5e5;
}

.form_mentor tbody tr:nth-child(even) {
    background-color: #fff;
}

.form_mentor {
    margin-top: 60px;
}

.chart {
    margin-bottom: 60px;
}

.soc_img {
    width: 40%;
}

.soc_text {
    width: 50%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
}

.soc .index_main {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.soc_t {
    width: 50%;
}

.soc_img img {
    max-width: 100%;
}

.soc_t h5 {
    font-size: 24px;
    line-height: 52px;
    background-color: #e5e5e5;
    font-weight: 400;
    padding-left: 65px;
}

.soc_t div {
    padding-left: 65px;
    padding-top: 30px;
    padding-bottom: 30px;
    border: 1px solid #e5e5e5;
}

/* .soc_text .soc_t:nth-child(1) div{
    border-right: none;
} */
.soc_text .soc_t:nth-child(2) h5 {
    border-left: 1px solid #fff;
}

.soc_t div .p1 {
    font-size: 32px;
    line-height: 44px;
    color: #000;
}

.soc_t div .p2 {
    font-size: 24px;
    line-height: 44px;
    color: #000;

}

.soc_t div .p2 a {
    font-size: 24px;
    line-height: 44px;
    color: #02cff0;
}

.soc_1 {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.soc_1 .soc_2 {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.soc {
    margin-bottom: 120px;
}

.dow h5 {
    font-size: 36px;
    line-height: 52px;
    color: #000;
    font-weight: 400;
    padding-bottom: 40px;
    border-bottom: 1px solid #dad7d7;
}

/*.dow li:hover a{
    color: #03cff0;
}*/
.dow li a {
    padding-right: 30%;
    display: block;
    font-size: 18px;
    /*line-height: 120px;*/
    line-height: 80px;
    /*border-bottom: 1px solid #dad7d7;*/
    /*color: #333333;*/
    color: red;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: url(../images/tu166.png) no-repeat center right 40px;
}

.dow_left {
    width: 32%;
}

.dow_right {
    width: 64%;
}

.dow .index_main {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.dow_right ul li {
    width: 49%;
}

.dow_right ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.dow {
    margin-bottom: 150px;
}

.video_ul .title {
    font-size: 36px;
    line-height: 60px;
    color: #000000;
    font-weight: 400;
}

.video_ul .p0 {
    font-size: 24px;
    color: #000;
    line-height: 60px;
}

.video_li ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.video_li ul li {
    width: 32%;
    margin-bottom: 40px;
    min-height: 260px;
}

.video_li ul li div video {
    max-width: 100%;
    min-height: 194px;
    max-height: 194px;
}

.video_li ul li:last-child:nth-child(3n - 1) {
    margin-right: calc(32% + 4% / 2);
}

.video_li ul li .p1 {
    font-size: 18px;
    line-height: 30px;
    color: #333333;
    min-height: 60px;
}

.video_li ul li .time {
    font-size: 14px;
    line-height: 50px;
    color: #6e6e6e;
}

.video_tab {
    position: sticky;
    float: left;
    top: 90px;
    width: 400px;
}

.video_con {
    width: 75%;
    padding: 0 2%;
    box-sizing: border-box;
    /*background: url(../images/bg7.png) no-repeat center	center;
    background-size: cover;*/
    min-height: 490px;
    position: relative;
}

.video_con .list ul {
    border-top: 1px solid #e5e5e5;
}

.video_con .list li a.title {
    display: block;
    width: 100%;
    height: 80px;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
    background: url(../images/tu93.png) no-repeat center right 60px;
    cursor: pointer;
    margin-bottom: 0;
}

.video_con .list li a.title:hover {
    background: url(../images/tu94.png)no-repeat center right 60px;
}

.video_con .list li a.title:before {
    content: '';
    background: #02d0f0;
    left: 0%;
    height: 1px;
    width: 0%;
    position: absolute;
    bottom: -1px;
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
}

.video_con .list li a.title:hover:before {
    width: 100%;
}

.video_con .list li:hover a.title {
    color: #02d0f0;
}

.video_con .list li a.title {
    padding-right: 10%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 20px;
    line-height: 80px;
    color: #000;
    font-weight: 400;
}

.sdk-info-table {
    width: 100%;
    /* position: absolute;
    top: 0;
    left: 0; */
}

.sdk-info-table_lay {
    display: flex;
}

.sdk-info-table_lay .item {
    /* flex: 1; */
    width: 33.33%;
    border-right: 1px solid #ccc;
    padding: 20px;
    word-wrap: break-word;
}

.sdk-info-table_lay .item a:hover {
    text-decoration: underline;
}

.sdk-info-table_lay .plate-wrap+.plate-wrap {
    border-top: 1px solid #ccc;
    padding-top: 20px;
}

.sdk-info-table_header .item {
    background-color: #000;
    border-color: #fff;
    color: #fff;
}

.sdk-info-table_header .item:first-child {
    border-left: 1px solid #000;
}

.sdk-info-table_header .item:last-child {
    border-color: #000;
}

.sdk-info-table_body {
    border-bottom: 1px solid #ccc;
}

.sdk-info-table_body .item:first-child {
    border-left: 1px solid #ccc;
}

.sdk-info-table_body .item .plate {
    margin-bottom: 20px;
}

.sdk-info-table_body .item .plate span {
    display: block;
    margin-bottom: 10px;
}

.yiiPager {
    display: flex;
    margin-top: 20px;
}

.yiiPager li {
    margin-right: 10px;
}

.yiiPager li a {
    color: #000;
}

.yiiPager li.selected a {
    color: #00b9d4;
}

.video_box .index_main {
    position: relative;
}

.video_box .sec-cont {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.video_tab .title {
    font-size: 24px;
    line-height: 60px;
}

.video_tab ul li {
    font-size: 24px;
    line-height: 70px;
    padding-left: 80px;
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer;
}

.video_tab ul li.active,
.video_tab ul li:hover {
    background-color: #02d0f0;
}

.video_tab ul li a:not(.wfEditorMode) {
    color: #000;
    display: block;
}

.video_tab ul li.active a,
.video_tab ul li:hover a {
    color: #fff;
}

.video_tab ul li a.wfEditorMode {
    color: #99ccff;
}

.video_box {
    padding-top: 90px;
    padding-bottom: 120px;
}

.video_con_img img {
    max-width: 100%;
    height: auto;
}

.video_con .title {
    font-size: 36px;
    line-height: 60px;
    color: #000000;
    margin-bottom: 20px;
}

.search-wrap {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 30px;
}

.search-wrap .input {
    width: clamp(240px, 24%, 24%);
    position: relative;
}

.search-wrap input {
    width: 100%;
    outline: unset;
    padding: 10px;
    border-radius: 5px;
    background-color: unset;
    border: 1px solid #111;
}

.search-wrap .btn {
    position: absolute;
    top: 0;
    right: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    aspect-ratio: 4 / 3;
    height: 100%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #111;
    cursor: pointer;
}

.search-box-sdk .search-wrap {
    margin-top: 80px;
    justify-content: center;
}

.search-box-sdk .search-wrap .input {
    width: clamp(240px, 40%, 40%);
}

.search-box-sdk .product-item {
    margin-bottom: 30px;
}

.search-box-sdk .crumb {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.new_list li:hover>a {
    background: url(../images/tu171.png) no-repeat center right 100px;
}

.new_list .hahg_ul li:before {
    display: none;
}

.new_list li:hover {
    background-color: #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
}

.new_list {
    padding-bottom: 50px;
    border-bottom: 1px solid #e6e6e6;
}

.media_title h5 {
    font-size: 28px;
    color: #000;
    font-weight: 700;

}

.media_title {
    padding: 30px 0;

}

.new_list .page:hover {
    background-color: #fff;
}

.media_box .new_media_ul .new_media_li {
    width: 30%;
    cursor: pointer;
    margin-bottom: 50px;
}

.new_media #zms .media_more {
    margin-top: 50px;
}

.media_box .new_media_ul .new_media_li:last-child:nth-child(3n - 1) {
    margin-right: calc(30% + 10% / 2);
}

.media_box .new_media_ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.media_box .new_media_ul .new_media_li .time {
    font-size: 18px;
    line-height: 20px;
    color: #6e6e6e;
}

.media_box .new_media_ul .new_media_li h6 {
    font-size: 22px;
    line-height: 50px;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.media_box .new_media_ul .new_media_li .text {
    font-size: 18px;
    line-height: 30px;
    height: 90px;
    color: #6e6e6e;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-align: justify;
}

.media_box .new_media_ul .new_media_li .more {
    display: inline-block;
    margin-top: 40px;
}

.media_box .new_media_ul .new_media_li .more a {
    font-size: 18px;
    line-height: 30px;
    color: #01d0f0;
}

.media_box .new_media_ul .new_media_li:hover h6 {
    color: #01d0f0;
}

.media {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 60px;
}

.media_more {
    text-align: center;
    margin-top: 100px;
}

.media_more a {
    display: inline-block;
    height: 38px;
    font-size: 16px;
    line-height: 38px;
    color: #ffffff;
    padding: 0 30px;
    border-radius: 19px;
    background: linear-gradient(to right, #04cff0 30%, #6c9fed 80%);
}

.media_box {
    margin-bottom: 130px;
}

.details_list h5 {
    font-size: 36px;
    color: #ffffff;
    line-height: 95px;
    padding-left: 35px;
    font-weight: 400;
    background-color: #0fd2f1;
}

.details_list li a .title {
    font-size: 18px;
    color: #666666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}

.details_list li a .title span {
    color: #0fd2f1;
}

.details_list li a .text {
    font-size: 18px;
    line-height: 30px;
    color: #666666;
}

.details_left {
    width: 69%;
}

.details_right {
    width: 27%;
}

.new_details .index_main {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.details_list li a {
    display: block;
    padding: 20px 0;
    border-bottom: 1px dashed #dededf;
}

.details_right .details_list {
    margin-bottom: 55px;
}

.new_details {
    margin-top: 100px;
    margin-bottom: 100px;
}

.details_left .title {
    font-size: 36px;
    line-height: 54px;
    color: #000000;
    font-weight: 400;
    margin-bottom: 15px;
}

.details_left .time {
    font-size: 24px;
    line-height: 54px;
    color: #000;
    margin-bottom: 10px;
}

.icon p {
    display: inline-block;
    margin-right: 15px;
}

.icon p a {
    display: block;
    width: 30px;
    height: 30px;
}

.icon p:nth-child(1) a {
    background: url(../images/tu172.png) no-repeat center center;
}

.icon p:nth-child(2) a {
    background: url(../images/tu173.png) no-repeat center center;
}

.icon p:nth-child(3) a {
    background: url(../images/tu174.png) no-repeat center center;
}

.details_box img {
    max-width: 100%;
    height: auto;
    /*margin: 10px 0; */
    /*margin-bottom: 20px;*/
    display: inline-block;
}

.details_box p {
    font-size: 18px;
    line-height: 32px;
    color: #666666;
    /*margin-bottom: 14px;*/
    margin-bottom: 20px;
    text-align: justify;
}

.new_details .details_box {
    padding-top: 35px;
}

.details_box .p1 {
    font-size: 18px;
    line-height: 32px;
    color: #000;
    font-weight: 600;
    text-align: center;
}

.crumbs .signup a {
    font-size: 18px;
    color: #333333;
    padding: 0 40px;
    display: inline-block;
    border: 1px solid #a3a3a3;
    border-radius: 22px;
    line-height: 44px;
    margin-left: 30px;
}

.crumbs .signup {
    float: right;
}

.chip_lb {
    width: 100%;
    background: url(../images/tu177.jpg) no-repeat;
}

.chip_swi h5 {
    font-size: 30px;
    line-height: 37px;
    color: #333333;
    text-align: center;
    font-weight: 400;
    margin-bottom: 20px;
}

.chip_swi h5 span {
    font-size: 36px;
    line-height: 37px;
    color: #000;
    font-weight: 500;

}

.chip_swi .p1 {
    font-size: 18px;
    line-height: 28px;
    color: #333333;
    text-align: center;
    margin: 0 30%;
}

.chip_swi .more {
    text-align: center;
    margin-top: 50px;
}

.chip_swi .more a {
    display: inline-block;
    height: 38px;
    font-size: 16px;
    line-height: 38px;
    color: #ffffff;
    padding: 0 30px;
    border-radius: 19px;
    background: linear-gradient(to right, #04cff0 30%, #6c9fed 80%);
}

.chip_imgs {
    text-align: center;
    margin-top: 80px;
}

.chip_imgs img {
    max-width: 100%;
    display: inline-block;
}

.chip_lb {
    padding-top: 150px;
    padding-bottom: 30px;
}

.chip_swi h6 {
    font-size: 30px;
    color: #4c4c4c;
    text-align: center;
    font-weight: 500;
    padding-bottom: 60px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 50px;
}

.chip_list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.chip_list .chip_li {
    width: 50%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 60px;
}

.chip_list .chip_li p {
    width: 40%;
    font-size: 20px;
    color: #03cff0;
    font-weight: 500;
    line-height: 25px;
}

.chip_list .chip_li ul {
    width: 60%;
}

.chip_list .chip_li ul li {
    font-size: 18px;
    color: #4c4c4c;
    line-height: 35px;
}


.chip_container .swiper-button-prev,
.chip_container .swiper-container-rtl .swiper-button-next {
    background-image: url(../images/tu178.png);
}

.chip_container .swiper-button-next,
.chip_container .swiper-container-rtl .swiper-button-prev {
    background-image: url(../images/tu179.png);
}

.chip_container .swiper-button-next,
.chip_container .swiper-button-prev {
    width: 42px;
    height: 42px;
    background-size: cover;
    top: 20%;
}

.sof {
    padding-top: 80px;
}

.sof_li {
    background-color: #f5f5f5;
    padding: 96px 35px;
    margin-bottom: 60px;
}

.sof_li h5 {
    font-size: 44px;
    line-height: 52px;
    color: #03cff0;
    margin-bottom: 30px;
}

.so_text p {
    font-size: 18px;
    line-height: 32px;
    color: #000;
    margin-bottom: 35px;
    text-align: justify;
}

.sof_left {
    width: 49%;
}

.sof_right {
    width: 49%;
}

.sof .index_main {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.sof_img {
    width: 42%;
}

.sof_img img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    max-width: 100%;

}

.sof_diw {
    width: 58%;
    background-color: #ebebeb;
    padding: 25px;
}

.sof_do {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.sof_diw h6 {
    font-size: 20px;
    line-height: 32px;
    color: #000;
    font-weight: 400;
    border-bottom: 1px solid #c5c5c5;
    padding-bottom: 15px;
}

.sof_diw ul li a {
    display: block;
    font-size: 18px;
    line-height: 32px;
    color: #03cff0;
    background: url(../images/tu182.png)no-repeat center right 22px;
    padding: 10px 0;
    border-bottom: 1px solid #c5c5c5;
}

.sof_ul {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.sof_ul .sof_ul_ {
    width: 49%;
    margin-bottom: 70px;
}

.sof_ul ul li a {
    display: block;
    font-size: 18px;
    line-height: 32px;
    color: #03cff0;
    background: url(../images/tu182.png)no-repeat center right 22px;
    padding: 10px 0;
    border-bottom: 1px solid #c5c5c5;
}

.sof_ul_ h6 {
    font-size: 20px;
    line-height: 32px;
    color: #000;
    font-weight: 400;
    border-bottom: 1px solid #c5c5c5;
    padding-bottom: 15px;
}

.git_box h6 {
    border-bottom: none;
}

.git {
    background-color: #e6e6e6;
    padding: 15px;
}

.git img {
    max-width: 100%;
}

.git p a {
    font-size: 18px;
    line-height: 32px;
    color: #000;
    word-wrap: break-word;
}

.git_box .more {
    margin-top: 15px;
}

.git_box .more a {
    display: inline-block;
    height: 44px;
    font-size: 16px;
    line-height: 44px;
    color: #ffffff;
    padding: 0 15px;
    border-radius: 22px;
    background: linear-gradient(to right, #04cff0 30%, #6c9fed 80%);
}

.sof_li:hover {
    cursor: pointer;
    box-shadow: 0px 0px 10px 4px #ccc;
}

.soft h6 {
    font-size: 18px;
    line-height: 32px;
    color: #000;
    font-weight: 700;
    border-bottom: 1px solid #c5c5c5;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.soft_text p {
    font-size: 18px;
    line-height: 32px;
    color: #000;
    margin-bottom: 20px;
    text-align: justify;
}

.soft_text ul li {
    font-size: 18px;
    line-height: 32px;
    color: #333;
}

.soft_text ul li a {
    font-size: 18px;
    line-height: 32px;
    color: #03cff0;
}

.soft_box {
    margin-top: 50px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.soft_box .soft {
    width: 48%;
    margin-bottom: 50px;
}

.soft0 .index_main .box {
    box-sizing: border-box;
    background-color: #f5f5f5;
    padding: 80px 30px 30px;
}

.soft0 .index_main .box h5 {
    font-size: 44px;
    line-height: 96px;
    color: #03cff0;
}

.soft0 .index_main .box .p1 {
    font-size: 18px;
    line-height: 32px;
    color: #000;
}

.soft0 {
    padding-bottom: 100px;
}

/**/
#header .index_nav .nav_ul .nav_list .nav_div {
    display: none;
    position: absolute;
    top: 90px;
    left: 0px;
    background: #fff;
    /*width: 210px;*/
    width: 240px;
    z-index: 0;
    box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.1);
    text-align: left;
    border-radius: 5px;
    padding: 18px 24px;

}

#header .index_nav .nav_ul .nav_list:hover .nav_div {
    display: block;
}

#header .index_nav .nav_ul .nav_list .nav_div p a {
    padding-left: 20px;
    display: block;
    /*font-size: 16px;*/
    font-size: 20px;
    color: #000;
    line-height: 38px;
    position: relative;
}

#header .index_nav .nav_ul .nav_list .nav_div p a:before {
    content: '';
    background: #00b9d4;
    left: -2px;
    height: 0%;
    width: 2px;
    position: absolute;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
}

#header .index_nav .nav_ul .nav_list .nav_div .nav_ {
    border-left: 1px solid #d6d5d5;
}

#header .index_nav .nav_ul .nav_list .nav_div p a:hover {
    color: #00b9d4;
}

#header .index_nav .nav_ul .nav_list .nav_div p a:hover:before {
    height: 100%;
}

#header .index_nav .nav_ul .nav_list {
    position: relative;
}

#header .index_nav .nav_ul .nav_list>a:hover {
    color: #00b9d4;
}

#header .index_nav .nav_ul .nav_list>a.active {
    color: #00b9d4;
}

.s4_rbox ul li div {
    display: inline-block;
}

.p_header {
    display: none;
}

.s7_container {
    display: none;
}

.hdhg_list_text div {
    width: 100%;
}

.s_container {
    height: 100%;
}

.s6_box .index_main {
    padding-top: 60px;
}

.s7_box .index_main {
    padding-top: 60px;
}

.s8_box .index_main {
    padding-top: 30px;
}

#crumb .signup a.active {
    background: linear-gradient(to right, #04cff0 20%, #6c9fed 99%);
    border: 1px solid #fff;
    color: #fff;
}

#crumb .signup a:hover {
    background: linear-gradient(to right, #04cff0 20%, #6c9fed 99%);
    border: 1px solid #fff;
    color: #fff;
}

.media_box .new_media_ul .new_media_li .name {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 18px;
    color: #6e6e6e;
}

.s7_list ul li.active .list_box {
    opacity: 1;
}

.risc_box ul li.active .risc_list1 {
    opacity: 1;
}

#risc_box li.active .risc_list .div {
    opacity: 0;
}

.un_box ul li.active .un_ {
    opacity: 1;
}

.input_all .input input:hover {
    background: linear-gradient(to right, #04cff0 30%, #6c9fed 80%);
    color: #fff;
    border: 1px solid transparent;
}

.input_all .input input.active:hover {
    background: linear-gradient(to right, #04cff0 30%, #6c9fed 80%);
    color: #fff;
    border: none;
}

.u_box .more_end a {
    background: #ccc;
}

.footer_box3 ul li {
    position: relative;
}

.footer_box3 ul li p {
    display: none;
    width: 100px;
    position: absolute;
    top: -110px;
    left: -24px;
}

.footer_box3 ul li:hover p {
    display: block;
}

.sx {
    display: inline-block;
}

.sx .xiala {
    display: inline-block;
}

.searchbox1 {
    width: 200px;
    height: 42px;
    text-align: center;
    position: relative;
    display: inline-block;
}

.searchbox1 .searchtext {
    width: 100%;
    height: 42px;
    line-height: 42px;
    border-radius: 21px;
    border: 1px solid #999;
    padding-left: 20px;
    padding-right: 40px;
    box-sizing: border-box;
}

.searchbtn {
    position: absolute;
    right: 0px;
    top: 0px;
    background: url(../images/fdj.png) no-repeat center center;
    height: 42px;
    width: 40px;
    outline: none;
    border: none;
    cursor: pointer;
}

.cr_right {
    float: right;
}


.xiala dl dd p {
    color: #333333;
    font-size: 18px;
    display: block;
    padding: 12px 20px;
    border-bottom: 1px solid #eaeaea;
}

.xiala dl dd p input {
    margin-right: 15px;

}

.lcb .title {
    font-size: 36px;
    color: #000000;
    font-weight: 400;
    padding-top: 90px;
}

.cbl {
    position: fixed;
    top: 40%;
    right: 0;
    width: 80px;
    background-color: #00b9d4;
    border-radius: 10px;
    overflow: hidden;
    z-index: 50;
}

.cbl .p1 {
    padding: 10px 0;
    text-align: center;
    border-bottom: 2px solid #11131f;
}

.cbl .p1 img {
    max-width: 100%;
    display: inline-block;
}

.cbl ul li {
    /* border-bottom: 2px solid #fff; */
    text-align: center;
    padding: 10px 10px 0;
}

.cbl ul li img {
    max-width: 100%;
    display: inline-block;

}

.cbl ul li p {
    padding-bottom: 10px;
    font-size: 14px;
    color: #fff;
    border-bottom: 2px solid #fff;
}

.cbl ul li:nth-child(3) p {
    border-bottom: none;
}

.backtotop {
    display: none;
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 10%;
    right: 2%;
    z-index: 50;
    cursor: pointer;
}

.backtotop img {
    max-width: 100%;
}

/* 2020-11-13 start */
.fixed-right {
    position: fixed;
    display: flex;
    right: -76px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
    cursor: pointer;
    transition: .3s ease;
}

.fixed-right .left {
    position: absolute;
    left: -20px;
    top: 0;
    width: 20px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px 0 0 4px;
    background-color: rgba(0, 185, 212, .6);
}

.fixed-right:hover .left {
    background-color: #2ec0d5;
}

.fixed-right .right {
    width: 76px;
    background-color: rgba(0, 185, 212, .6);
}

.fixed-right .right li {
    padding: 10px;
    text-align: center;
}

.fixed-right .right li img {
    margin: 0 auto;
}

.fixed-right .right li p {
    font-size: 14px;
    color: #ffffff;
    margin-top: 10px;
}

.fixed-right .right li:hover {
    background-color: #2ec0d5;
}

.fixed-right:hover {
    right: 0;
}

/* 2020-11-13 end */

/* 2020-11-17 start */
.banner_text .b_text p {
    font-size: 28px;
    /* text-indent: 2em; */
}

.fixed-right .left img {
    transition: .3s;
}

.fixed-right:hover .left img {
    transform: rotate(180deg);
}

.footer_box1 .index_main {
    padding: 60px 0 14px;
}

.footer .footer_box2 {
    padding: 50px 0;
}

.footer_box3 {
    padding: 38px 0;
}

.pla_list .index_main {
    /*justify-content: space-around;*/
}

.s5_box ul li p {
    font-size: 20px;
    font-weight: bold;
}

.top_swp {
    width: 100%;
}

.top_swp .swiper-slide {
    width: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.top_swp .swiper-slide a {
    display: block;
    padding: 60px;
    height: 22vw;
    background-color: #f5f5f5;
}

.top_swp .swiper-slide a h5 {
    font-size: 32px;
    line-height: 37px;
    color: #333333;
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 25px;
    padding-bottom: 20px;
    font-weight: 500;
}

.top_swp .swiper-slide a p {
    font-size: 20px;
    line-height: 30px;
    color: #333333;
    padding: 5px 0;
}

.top_swp .swiper-slide.active a {
    background: linear-gradient(to right, #3fdff0 30%, #76f7f4 80%);

}

.top_swp .swiper-slide.active a h5 {
    color: #fff;
    border-bottom: 1px solid #fff;
}

.top_swp .swiper-slide.active a p {
    color: #fff;
}

.top_swp .swiper-slide.active1 a {
    background: linear-gradient(to right, #8abe4d 30%, #95d95f 80%);
}

.top_swp .swiper-slide.active1 a h5 {
    color: #fff;
    border-bottom: 1px solid #fff;
}

.top_swp .swiper-slide.active1 a p {
    color: #fff;
}

.top_swp .swiper-slide.active2 a {
    background: linear-gradient(to right, #e78248 30%, #eda153 80%);
}

.top_swp .swiper-slide.active2 a h5 {
    color: #fff;
    border-bottom: 1px solid #fff;
}

.top_swp .swiper-slide.active2 a p {
    color: #fff;
}

.top_swp .swiper-slide:nth-child(1):hover a {
    background: linear-gradient(to right, #3fdff0 30%, #76f7f4 80%);

}

.top_swp .swiper-slide:nth-child(2):hover a {
    background: linear-gradient(to right, #8abe4d 30%, #95d95f 80%);
}

.top_swp .swiper-slide:nth-child(3):hover a {
    background: linear-gradient(to right, #e78248 30%, #eda153 80%);
}

.top_swp .swiper-slide:hover a h5 {
    color: #fff;
    border-bottom: 1px solid #fff;
}

.top_swp .swiper-slide:hover a p {
    color: #fff;
}

/* 2020-11-17 end */

.acti_text img {
    height: 100%;
    display: inline-block;
}

.ac_img img {
    width: 100%;
    max-width: 100%;
}

.ac_container {
    height: 920px;
}

.ac_container .swiper-slide {
    height: 290px;
}

.acti_text table {
    width: 100%;
    margin-bottom: 20px;
}

.acti_text table tbody {
    border: 1px solid #ccc;
}

.acti_text table tbody tr {
    border: 1px solid #ccc;
}

.acti_text table tbody td {
    border: 1px solid #ccc;
    padding-left: 10px;
}

.acti_text table tbody td p {
    margin-bottom: 0 !important;
}

.s7_tab {
    text-align: center;
}

.s7_tab .s7_text {
    display: inline-block;
    margin: 0 20px;
    cursor: pointer;
    position: relative;
}

.s7_tab .s7_text:before {
    content: '';
    background: #00b9d4;
    left: 0px;
    bottom: -2px;
    height: 1px;
    width: 0;
    position: absolute;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
}

.s7_tab .s7_text:hover:before {
    width: 100%;
}

.s7_tab .s7_text.active1:before {
    width: 100%;
}

.search0 {
    width: 100%;
    text-align: center;
    margin: 50px 0;

}

.search0 form {
    width: 50%;
    display: inline-block;
    position: relative;
}

.ar_bg {
    background: url(../images/bg7.png) no-repeat center center;
    background-size: cover;
}

.vi_bg {
    background: url(../images/bg7.png) no-repeat center center;
    background-size: cover;
}

.n_container {
    height: 400px;
}

.n_container .swiper-slide {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.n_container a {
    display: block;
}

.details_list li a .text {
    width: 100%;
}

.details_list li a .title {
    width: 100%;
}

.details_list li a {
    width: 100%;
}

.p_acti {
    display: none;
}

.s8_p {
    display: none;
}

.slide_right {
    /*max-width: 40%;*/
    max-width: 60%;
}

#yw0 .first,
#yw0 .last {
    display: none;
}

    {
    display: none;
}

.lcb .s_imgs {
    margin-bottom: 20px;
}


#company {
    margin-top: 0
}

#company .banner_text h5 {
    font-size: 36px;
    color: #333333;
}

#company .banner_text p {
    font-size: 22px;
    line-height: 38px;
    color: #333333;
    /* text-indent: 2em; */
}

.company_video {
    margin-top: 90px;
    font-size: 0;
}

.company_video #phonevideo {
    display: none;
}

.search-box .search-result-empry {
    text-align: center;
}

.index-about .list li.on .layer {
    /*background-color: rgba(0,185,212,0.7);*/
    background-color: rgba(0, 150, 180, 0.7);
}

.s7_list ul li {
    position: relative;
}

.s7_list ul li .rgba {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .1);
    position: absolute;
    top: 0;
    z-index: 3
}

.s7_list ul li.active .list_box .li_box {
    z-index: 4
}

.media_more .yiiPager .previous,
.media_more .yiiPager .first,
.media_more .yiiPager .page,
.media_more .yiiPager .last {
    display: none;
}

.media_more .yiiPager {
    display: inline-block;
}

.media_more .yiiPager li {
    width: 100%;
}

.new_media .new_media_ul {
    flex-wrap: wrap;
}

.new_media ul li {
    margin-bottom: 30px;
}

.media_title h5 {
    display: inline-block;
    float: left;
    line-height: 36px;
}

.media_Img .mIng {
    margin: 0 25px;
    display: table;
}

.media_Img .mIng p {
    width: 100px;
    height: 36px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.media_Img .mIng p img {
    display: inline-block;
}

.media_Img {
    display: flex;
    flex-direction: row;
    float: left;
}



.index-about .list ul .on .layer_box .text1 {
    font-size: 36px;
}

.index-about .list ul .on .layer_box .title1 {
    font-size: 36px;
}

.index-about .list ul .on .layer_box .layer_b p {
    font-size: 22px;
}

.details_box ul li,
.details_box ul ol {
    list-style: initial;
    font-size: font-size: 18px;
    line-height: 28px;
    color: #666666;
    margin-bottom: 3px;
    text-align: justify;
    margin-left: 25px;
}

.s4_left {
    position: relative;
}

.s4_left p {
    position: absolute;
    top: 50%;
    left: 20%;
    z-index: 10;
}

.form_mentor img {
    height: auto;
}

.pform_mentor img {
    height: auto;
}

.pform_mentor {
    display: none;
}

.ac_img {
    height: 100%;
}

.new_media .media_more .yiiPager .next.hidden {
    display: none;
}

.media_more .more_p {
    display: inline-block;
    cursor: pointer;
    height: 38px;
    font-size: 16px;
    line-height: 38px;
    color: #ffffff;
    padding: 0 30px;
    border-radius: 19px;
    background: linear-gradient(to right, #04cff0 30%, #6c9fed 80%);
}

.new_media .media_more {
    margin-bottom: 30px;
    width: 100%;
    text-align: center;
}

.new_media .new_media_ul {
    overflow: hidden;
}

.search-error {
    text-align: center;
}

.search-box {
    padding-bottom: 50px;
}

.footer_index {
    background-color: #292c35;
}

.footer_box3 .index_main .content {
    display: inline-block;
}

.footer_box3 .index_main {
    text-align: center;
}

.footer_end .index_main .content {
    display: inline-block;
}

.footer_end .index_main {
    text-align: center;
}

.footer_box1 .index_main .content {
    display: flex;
    width: 100%;
    margin: 0 auto;
}

/**/
.footer_index .footer_box1 .index_main {
    padding: 226px 0 14px;
}

.footer_index .footer_box1 .index_main .content {
    display: flex;
    width: 100%;
    margin: 0 auto;
}

.footer_index .footer_box3 {
    padding: 115px 0;
}

.input_all .post li.f5 {
    padding: 0;
    border: none;
}

.input_all .post li.f5 a {
    display: block;
    background: linear-gradient(to right, #04cff0 30%, #6c9fed 80%);
    color: #fff;
    outline: none;
    font-size: 18px;
    line-height: 38px;
    padding: 0 40px;
    border: none;
    border-radius: 19px;
    cursor: pointer;
    display: inline-block;
}


.cpu_tab #cpu_tab {
    flex-wrap: wrap;
}

.cpu_tab #cpu_tab li {
    margin-bottom: 20px;
}

.cpu_tab #cpu_tab li:last-child:nth-child(4n - 1) {
    margin-right: calc(24% + 4% / 3);
}

.cpu_tab #cpu_tab li:last-child:nth-child(4n - 2) {
    margin-right: calc(48% + 8% / 3);
}

.cpu_tab #cpu_tab li:last-child:nth-child(4n - 3) {
    margin-right: calc(72% + 12% / 3);
}

#exp ul li:nth-child(5).active a {
    background: linear-gradient(to right, #0b6eb8 30%, #6baddc 80%);
}

#exp ul li:nth-child(6).active a {
    background: linear-gradient(to right, #ee32d6 30%, #e79fde 80%);
}

#exp ul li:nth-child(5):hover a {
    background: linear-gradient(to right, #0b6eb8 30%, #6baddc 80%);
}

#exp ul li:nth-child(6):hover a {
    background: linear-gradient(to right, #ee32d6 30%, #e79fde 80%);
}





/*.s2_content ul li{padding-top: 40px;}*/

/*.s2_content ul li:nth-child(1) div p a{background-image: linear-gradient(135deg,#8abe4d,#95d95f); -webkit-background-clip:text;color: transparent;}
.s2_content ul li:nth-child(2) div p a{background-image: linear-gradient(135deg,#e78248,#eda153);-webkit-background-clip:text;color: transparent;}
.s2_content ul li:nth-child(3) div p a:nth-child(1){background-image: linear-gradient(135deg,#3fdff0,#76f7f4); -webkit-background-clip:text;color: transparent;}
.s2_content ul li:nth-child(3) div p a:nth-child(2){background-image: linear-gradient(135deg,#04cff0,#6c9fed); -webkit-background-clip:text;color: transparent;}*/
/*#header{background-color: #fff;}*/
#header.active .index_nav .nav_ul .nav_list a {
    color: #333;
}

#header .header1 .logo .img_2 {
    display: none;
}

#header.active .header1 .logo .img_2 {
    display: inline-block;
    vertical-align: middle;
}

#header.active .header1 .logo .img_1 {
    display: none;
}

.s2_box_ {
    height: 320px;
}

.s2_content ul li .jbs p a {
    color: #fff;
    display: block;
    margin: 0 15px;
}


#header .header1.active {
    opacity: 0
}

#header:hover .header1.active {
    opacity: 1
}

.index_nav .nav_box .nav_s2 a {
    padding-left: 10px;
}








.ggjs .ggjs_box .gg {
    width: 100%;
    height: 100%;
}












/* 2000-3-4样式修改 */
.fixed-right {
    right: 0;
}

.fixed-right:hover .left img {
    transform: initial;
}

.indexBoxnew {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.indexBoxnew .indexBoxnew_list {
    width: 48.125%;
}

.indexBoxnew .indexBoxnew_list .news_title {
    font-size: 34px;
    color: #000000;
    margin-bottom: 30px;
}

.indexBoxnew .indexBoxnew_list ul {
    border-top: 1px solid #d1d1d1;
}

.indexBoxnew .indexBoxnew_list ul li {
    border-bottom: 1px solid #d1d1d1;
    background: url(../images/indexnewicon.png) no-repeat center right 30px;
}

.indexBoxnew .indexBoxnew_list ul li a {
    display: block;
    padding: 23px 0;
}

.indexBoxnew .indexBoxnew_list ul li a .news_b {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    min-height: 106px;
}

.indexBoxnew .indexBoxnew_list ul li a .news_b .images {
    width: 25%;
    overflow: hidden;
}

.indexBoxnew .indexBoxnew_list ul li a .news_b .images img {
    max-width: 100%;
    transition: All 0.6s ease;
    -webkit-transition: All 0.6s ease;
    -moz-transition: All 0.6s ease;
    -o-transition: All 0.6s ease;
    /* height: 120px; */
}

.indexBoxnew .indexBoxnew_list ul li:hover a .news_b .images img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.indexBoxnew .indexBoxnew_list ul li a .news_b .text {
    width: 72%;
}

.indexBoxnew .indexBoxnew_list ul li a .news_b .text h6 {
    font-size: 32px;
    color: #666666;
    padding-right: 20%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.indexBoxnew .indexBoxnew_list ul li a .news_b .text h6 span {
    font-size: 16px;
    color: #666;
}

.indexBoxnew .indexBoxnew_list ul li a .news_b .text p {
    font-size: 20px;
    color: #282727;
    line-height: 24px;
    padding-right: 20%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.indexBoxnew .indexBoxnew_list ul li:hover a .news_b .text p {
    color: #00b9d4;
}

.section_s1 .company_video {
    margin-top: 0;
}

.new_more {
    margin-top: 30px;
}

.new_more a {
    display: inline-block;
    height: 44px;
    font-size: 16px;
    line-height: 44px;
    color: #ffffff;
    padding: 0 32px;
    border-radius: 22px;
    background: linear-gradient(to right, #04cff0 30%, #6c9fed 80%);
}

.index_news {
    height: 100%;
    display: flex;
    align-items: center;
}

.risc_box ul li {
    width: 24%;
}

#risc_box ul li .risc_list1 {
    /* background-color: rgba(2, 208, 240, .7); */
    background-color: initial;
}

.risc_box ul li .po_about {
    position: absolute;
    bottom: 15%;
    z-index: 10;
    display: flex;
    justify-content: center;
    width: 100%;
}

.risc_box ul li .po_about span {
    display: inline-block;
    margin: 0 6px;
}

.risc_box ul li .po_about span a {
    font-size: 14px;
    line-height: 34px;
    display: block;
    padding: 0 22px;
    border: 1px solid rgba(2, 208, 240);
    border-radius: 21px;
    color: rgb(2, 208, 240);
}

.Source {
    padding-bottom: 40px;
}

.Source .Source_list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 40px;
}

.Source .Source_list:nth-child(even) {
    flex-direction: row-reverse;
}

.Source .Source_list .SourceLeft {
    width: 50%;
    overflow: hidden;
}

.Source .Source_list .SourceLeft img {
    max-width: 100%;
    /* transition: All 0.6s ease;
    -webkit-transition: All 0.6s ease;
    -moz-transition: All 0.6s ease;
    -o-transition: All 0.6s ease; */
}

/* .Source .Source_list:hover .SourceLeft img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
} */
.Source .Source_list .SourceRight {
    width: 50%;
    /* padding: 0 160px; */
    background-color: #fff;

}

.Source .Source_list .SourceRight .SourceRight_box {
    background-color: #f5f5f5;
    /* margin-right: 20%; */
    padding: 0 80px;
    height: 100%;
    display: flex;
    align-items: center;
}

.Source .Source_list:nth-child(even) .SourceRight .SourceRight_box {
    /* margin-left: 20%; */
    margin-right: 0;
}

.Source .Source_list .SourceRight .soubox h5 {
    font-size: 36px;
    line-height: 80px;
    color: #000;
}

.Source .Source_list .SourceRight .soubox .text p {
    font-size: 18px;
    line-height: 32px;
    color: #666666;
    text-align: justify;
    /* text-indent: 2em; */
}

.banner .banner_text h5 {
    margin-bottom: 0;
}

.s2_box_ {
    padding: 0 20px;
}

.s2_content ul li .s2_img {
    max-width: 200px;
    margin: auto;
}

.ip_div {
    transition: 0.5s;
}

.ip_div:hover {
    box-shadow: 0px 12px 57px 0px rgb(188 189 190 / 22%);
    transform: scale(1.05);
    background-color: #ffffff;
}

.hezuo_box .hz_img {
    transition: 0.5s;
}

.hezuo_box .hz_img:hover {
    box-shadow: 0px 12px 57px 0px rgb(188 189 190 / 22%);
    transform: scale(1.1);
    background-color: #ffffff;
}

#header .index_nav .nav_ul .nav_list .nav_div .nav_ p {
    position: relative;
}

#header .index_nav .nav_ul .nav_list .nav_div .nav_ p span {
    position: absolute;
    top: 0;
    left: 120%;
    z-index: 10;
    width: 100%;
    display: block;
    background-color: #fff;
    border-radius: 5px;
    font-size: 20px;
    color: #000;
    line-height: 38px;
    padding: 0 20px;
    opacity: 0;
    transition: All 0.6s ease;
    -webkit-transition: All 0.6s ease;
    -moz-transition: All 0.6s ease;
    -o-transition: All 0.6s ease;
}

#header .index_nav .nav_ul .nav_list .nav_div .nav_ p:hover span {
    opacity: 1;
}

.company_video {
    height: 100%;
}

.sdk-form {
    width: 100%;
}

.sdk-form .form-title {
    font-size: 22px;
    margin-bottom: 40px;
    text-align: center;
}

.sdk-form .item {
    position: relative;
    margin-bottom: 30px;
}

.sdk-form .item input[type=text] {
    width: 100%;
    padding: 20px;
    border: 1px solid #ccc;
    background-color: #fff;
    font-weight: 400;
    font-size: 18px;
    color: #111;
    outline: unset;
}

.sdk-form .item input[type=text]::placeholder {
    color: #111;
}

.sdk-form .item:first-child {
    border-bottom: 1px solid #ccc;
}

.sdk-form .tips {
    position: absolute;
    top: 100%;
    left: 0;
    font-size: calc(14rem / 16);
    margin-top: 5px;
    color: #f00;
    display: none;
    border-right: 1px solid #ccc;
}

.sdk-form .verify {
    position: relative;
}

.sdk-form .verify-img {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate3d(-20px, -50%, 0);
}

.sdk-form .submit-cont {
    width: 100%;
    background-color: #02d0f0;
}

.sdk-form .submit-cont a {
    width: 100%;
    padding: 20px;
    color: #fff;
    cursor: pointer;
}

.flex {
    display: flex;
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}


.dialog {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
}

.dialog .dialog-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .7);
}

.dialog .dialog-wrap {
    width: min(90%, 500px);
    position: relative;
    z-index: 1;
    padding: 30px;
    background-color: #fff;
}

.dialog-close {
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(calc(100% + 20px));
    width: 50px;
    aspect-ratio: 1;
    background-color: #fff;
    cursor: pointer;
}

.dialog-close:hover svg path {
    stroke: #02d0f0;
}

@media screen and (max-width: 1660px) {
    .Source .Source_list .SourceRight .soubox .text p {
        font-size: 16px;
        line-height: 28px;
    }
}

@media screen and (max-width: 1400px) {
    .risc_box ul li .po_about span a {
        font-size: 12px;
        line-height: 30px;
        padding: 0 15px;
    }
}

@media screen and (max-width: 1366px) {
    .Source .Source_list .SourceRight .soubox .text p {
        font-size: 14px;
        line-height: 24px;
    }

    .Source .Source_list .SourceRight .SourceRight_box {
        padding: 0 40px;
    }

    .indexBoxnew .indexBoxnew_list ul li a {
        padding: 15px 0;
    }

    .indexBoxnew .indexBoxnew_list ul li a .news_b {
        min-height: 100px;
    }

    .indexBoxnew .indexBoxnew_list ul li a .news_b .text h6 {
        font-size: 24px;
    }

    .indexBoxnew .indexBoxnew_list ul li a .news_b .text h6 span {
        font-size: 14px;
    }

    .indexBoxnew .indexBoxnew_list ul li a .news_b .text p {
        font-size: 16px;
        line-height: 22px;
    }
}

@media screen and (max-width: 960px) {
    .risc_box ul li .po_about span a {
        padding: 0 10px;
    }

    .risc_box ul li .po_about span {
        margin: 0 3px;
    }
}

@media screen and (max-width: 768px) {
    .Source .Source_list .SourceLeft {
        width: 100%;
    }

    .Source .Source_list .SourceRight {
        width: 100%;
    }

    .Source .Source_list .SourceRight .SourceRight_box {
        padding: 20px 10px;
        margin: 0;
    }

    .Source .Source_list:nth-child(even) .SourceRight .SourceRight_box {

        margin: 0;
    }

    .Source .Source_list {
        flex-wrap: wrap;
        margin-top: 30px;
    }

    .Source .Source_list:nth-child(even) {
        flex-direction: row;
    }

    .Source {
        padding-bottom: 50px;
    }

    .video_box {
        padding: 50px 0;
    }

    .video_box .sec-cont {
        flex-direction: column;
    }

    .video_tab {
        position: relative;
        width: 100% !important;
        top: initial;
        margin-bottom: 30px;
    }

    .video_con {
        width: 100% !important;
        min-height: 290px !important;
    }

    .sdk-form {
        width: 100%;
    }

    .dialog-close {
        transform: translate3d(0, calc(-100% - 20px), 0);
    }

    .footer_box1 {
        display: none;
    }

    .footer_box3 .footer_logo {
        margin-right: 0;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 414px) {
    #risc_box .risc_list {
        padding-bottom: 30% !important;
    }

    .risc_box ul li .po_about {
        bottom: 20px;
    }

    .indexBoxnew .indexBoxnew_list {
        width: 100%;
    }

    .indexBoxnew {
        flex-wrap: wrap;
    }

    .indexBoxnew .indexBoxnew_list ul li a .news_b {
        min-height: 60px;
    }

    .indexBoxnew .indexBoxnew_list ul li a {
        padding: 6px 0;
    }

    .indexBoxnew .indexBoxnew_list .news_title {
        font-size: 28px;
        margin-bottom: 10px;
    }

    .new_more a {
        height: 32px;
        font-size: 14px;
        line-height: 32px;
        padding: 0 20px;
    }

    .new_more {
        margin-top: 15px;
        text-align: center;
    }

    .crumbs .cz {
        right: 3%;
    }
}