#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 20px;
}
#header .index_nav .nav_ul .nav_list a{
    display: block;
    /*font-size: 16px;*/
    font-size: 24px;
    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; */
    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;
}
#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;
}
.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%);
}
.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{
    float: right;
     width: 72%;
    padding: 0 2%;
    box-sizing: border-box;
    /*background: url(../images/bg7.png) no-repeat center	center;
    background-size: cover;*/
    min-height: 490px;

}
.video_con .list ul{
    border-top: 1px solid #e5e5e5;
}
.video_con .list li a{
    display: block;
    width: 100%;
    height: 80px;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
    background: url(../images/tu93.png) no-repeat center right 60px;
}
.video_con .list li a:hover{
    background: url(../images/tu94.png)no-repeat center right 60px;
}
.video_con .list li a: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:hover:before{
    width: 100%;
}
.video_con .list li :hover a {
    color: #02d0f0;
}
.video_con .list li a {
    padding-right: 10%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 20px;
    line-height: 80px;
    color: #000;
    font-weight: 400;
}
.video_box .index_main{
    position: relative;
}
.video_tab ul li{
    font-size: 24px;
    color: #000;
    line-height: 70px;
    padding-left: 80px;
    background-color:rgba(0,0,0,0);
    cursor: pointer;
}
.video_tab ul li.active{
    color: #fff;
    background-color: #02d0f0;
}
.video_tab ul li:hover{
    color: #fff;
    background-color: #02d0f0;
}
.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;
}
.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: -50px;
    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%;
}


@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;
    }
}
@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%;
    }
}