.base_hover .imgbox{
    overflow: hidden;
}
.base_hover img{
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.base_hover:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    
}
/* 公共swiperptit_btn */ 
.base_swiper .swiper_btn{
    display: inline-block;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: relative;
    cursor: pointer;
    background-color: #fff;
}
.base_swiper .swiper_btn::before{
    content: '';
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
.base_swiper .swiper_btn.prev::before{
    border-bottom: 2px solid #b6b6b6;
    border-right: 2px solid #b6b6b6;
    top: 21px;
    right: 20px;
}
.base_swiper .swiper_btn.next::before{
    border-top: 2px solid #b6b6b6;
    border-left: 2px solid #b6b6b6;
    top: 21px;
    right: 24px;
}

.base_swiper .swiper_btn:hover{
    background-color: #5f0080;
}
.base_swiper .swiper_btn:hover::before{
    border-color: #fff;
}

@media (max-width: 1024px){
    .base_swiper .swiper_btn{
        width: 35px;
        height: 35px;
    }
    .base_swiper .swiper_btn.prev::before{
        top: 11px;
        right: 9px;
    }
    .base_swiper .swiper_btn.next::before{
        top: 11px;
        right: 13px;
    }
}
@media (max-width: 768px){
   
    .base_swiper .swiper_btn{
        width: 30px;
        height: 30px;
    }
    .base_swiper .swiper_btn.prev::before{
        top: 10px;
        right: 8px;
    }
    .base_swiper .swiper_btn.next::before{
        top: 10px;
        right: 11px;
    }
    .skill04 .item .text {
        font-size: 16px;
        margin-top: 15px;
    }
    .skill04 .item .utit {
        font-size: 12px;
        margin-top: 10px;
    }
    .skill04 .item {
        padding: 10px;
    }
    .skill04 .item .person {
        width: 60px;
        height: 60px;
    }
    .skill04 .swiper-slide {
        padding-top: 40px;
    }
}

/* 技术 */
/* 公共banner */
.base_ban1{
    position: relative;
}
.base_ban1 .auto{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.base_ban1 .cn{
    font-size: 40px;
    color: #ffffff;
    line-height: 1.3;
}
.base_ban1 .cn1{
    font-size:18px;
    color: #999999;
    line-height: 1.4;
    font-family:"BGI";
    margin-top: 15px;
}
@media (max-width: 1459px){
    .base_ban1 .cn {
        font-size: 36px;
    }
    .base_ban1 .cn1 {
        font-size: 16px;
    }
}
@media (max-width: 1024px){
    .base_ban1 .cn {
        font-size: 32px;
    }
}
@media (max-width: 768px){
    .base_ban1 .cn {
        font-size: 20px;
    }
    .base_ban1 .cn1 {
        font-size: 16px;
    }
}
@media (max-width: 640px){
    .base_ban1 .cn {
        font-size: 18px;
    }
    .base_ban1 .cn1 {
        font-size: 14px;
        margin-top: 5px;
    }
}


.base_act{
    padding: 30px 0 0;
}
.base_act .content{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.base_act1 .content{
    justify-content: center
}
.base_act .act a{
    font-size: 16px;
    font-family:"BGI";
    margin: 0 10px;
    display: inline-block;
}
.base_act .list{
    display: flex;
    align-items: center;
    justify-content: center;
}
.base_act .item{
    margin: 0 25px;
    position: relative;
}
.base_act .item a{
    font-size: 16px;
    color: #333333;
    padding-bottom: 10px;
    position: relative;
    font-family:"BGI";
    display: block;
    white-space:nowrap;
}
.base_act .item a:first-child{
    margin-left: 0;
}
.base_act .item a:hover,
.base_act .item a:hover{
    color: #600085;
}
.base_act .item a:hover::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 2px;
    background-color: #600085;
    width: 100%;
}
.base_act .item.cur a{
    color: #600085;
    display: block;
}
.base_act .item.cur a::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 2px;
    background-color: #600085;
    width: 100%;
}
@media (max-width: 1459px){
    .base_act {
        padding: 20px 0 0;
    }
    .base_act .item {
        margin: 0 25px;
    }
}
@media (max-width: 1024px){
    .base_act .item {
        margin: 0 15px;
    } 
    .base_act .item a{
        font-size: 16px;
    }
    .base_act .act a{
        font-size: 14px;
    }
    .base_act .item:first-child{
        margin-left: 0;
    }
}
@media (max-width: 768px){
    .base_act .act{
        display: none;
    }
    .base_act .item a {
        font-size: 14px;
    }
    .base_act .item {
        margin: 0 10px;
    }
    .base_act .item a{
        padding-bottom: 5px;    
    }
    .base_act {
        padding: 10px 0 0;
    }
}
@media (max-width: 640px){
   
}



.grey{
    background-color: #f7f8f9;
}
.skill01{
    padding: 60px 0 90px;
    background-color: #f7f8f9;
}
.skill01 .title{
    color: #333333;
    font-family:"BGIMedium";
    line-height: 1.26;
    font-size: 40px;
    text-align: center;
}
.skill01 .desc{
    font-size: 18px;
    color: #333333;
    font-family:"BGI";
    margin-top: 30px;
    line-height: 1.77;
}
.skill01 .nmore{
    width: 180px;
    line-height: 60px;
    background-color: #691088;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    font-family:"BGI";
    display: block;
    margin-top: 35px;
    transition: .3s;
    border:1px solid #691088;
}
.skill01 .nmore:hover{
    color:#691088;
    background:#fff;
}
.skill01 .list{
    display: flex;
    flex-wrap: wrap;
    padding-top: 60px;
}
.skill01 .list .item{
    width: 31.66%;
    display: flex;
    justify-content: space-between;
    transition: .3s;
    cursor:default;
}
/*.skill01 .list .item:hover{
    box-shadow: 0 0 10px #dedada;
}*/
.skill01 .list .item:not(:nth-child(3n+1)){
    margin-left: 2.5%;
}
.skill01 .item{
    display: flex;
    justify-content: space-between;
    background-color: #ffffff;
    padding: 20px 30px;
    margin-bottom: 2.5%;
}
.skill01 .item .left{
    width: 50%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 30px 0;
}
.skill01 .item .right{
    width: 40%;
    position: relative;
}
.skill01 .item .imgbox{
    width: 100%;
    height: 100%;
}
.skill01 .item .imgbox img{
    object-fit: contain;
    width: 100%;
    height: 100%;
}
.skill01 .item .tit{
    font-size: 24px;
    color: #333333;
    font-family:"BGI"
}
.skill01 .item .num{
    font-size: 32px;
    color: #8d6adf;
    font-family:"BGIMedium";
    opacity: .3;
}
.skill02{
    padding: 120px 0 0;
    background-position: center top;
    background-color: #ffffff;
    background-size: 100% 80%;
    background-repeat: no-repeat;
}
.skill02 .title{
    font-size: 40px;
    color: #ffffff;
    font-family:"BGI";
    text-align: center;
}
.skill02 .content{
    
}
.skill02 .list{
    display: flex;
    padding: 60px 0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
    background-color: #f7f8f9;
    margin-top: 70px;
}
.skill02 .list .item{
    width: 25%;
    position: relative;
    text-align: center;
    padding: 0 4%;
}
.skill02 .list .item + .item::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    height: 100%;
    background-color: rgba(228, 230, 232, .6);
}
.skill02 .item .tit{
    margin: 50px 0 10px;
    font-size: 20px;
    color: #333333;
    height: 64px;
    text-align: left;
}
.skill02 .item .desc{
    font-size: 16px;
    color: #666666;
    line-height: 1.75;
    font-family:"BGI";
    text-align: left;
}

.skill04{
    background-repeat: no-repeat;
    padding: 120px 0;
    background-size: cover;
    background-repeat: no-repeat;
}
.skill04 .title{
    text-align: center;    
    font-size: 40px;
    color: #000000;
    font-family:"BGIMedium";
}
.skill04 .main{
    padding: 0px 0 100px;
    position: relative;
}
.skill04 .swiper_box{
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
}
.skill04 .swiper_box .swiper_btn{
    margin: 0 15px;
}
.skill04 .swiper-slide{
    padding-top: 10px;
}
.skill04 .item{
    background-color: #fff;
    padding: 55px 60px;
    box-shadow: 0 0 10px #f2f2f2;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.skill04 .item .person{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: absolute;
    top: 0;
    overflow: hidden;
}
.skill04 .item .text{
    margin-top: 5px;
    font-size: 20px;
    color: #333333;
    line-height:1.5 ;
}
.skill04 .item .box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #e5e5e5;
    padding-top: 25px;
    margin-top: 30px;
}
.skill04 .item .utit{
    font-size: 18px;
    color: #333333;
    line-height: 2.25;
}
.skill05{
    background-repeat: no-repeat;
    padding: 80px 0;
    background-repeat: no-repeat;
    background-size: cover;
}
.skill05 .content{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.skill05 .content .tit{
    font-size: 40px;
    color: #ffffff;
    font-family:"BGI";
}
.skill05 .content .ctit{
    font-size: 24px;
    color: #ffffff;
    font-family:"BGI";
    line-height: 1.5;
    margin-top: 5px;
}
.skill05 .content .zixun{
    width: 140px;
    line-height: 50px;
    background-color: #ffffff;
    text-align: center;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    font-size: 16px;
    color: #5f0080;
    display: block;
}

.base_ubar{
    position: relative;
}
.base_ubar .ubar{
    top: -80px;
    position: absolute;
}

.skill03 .imgbox{
    display: inline-block;
    position: relative;
}
.skill03 .pivot{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    width: 33.34%;
    height: 72.73%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-size: cover;
}
.skill03 .pivot .title{
    font-size: 40px;
    color: #333333;
    font-family:"BGI";
}
.skill03 .pivot .desc{
    font-size: 18px;
    color: #666666;
    font-family:"BGI";
    line-height: 1.77;
    max-width: 400px;
    margin: 0 auto 0;
    width: 100%;
    padding: 0 30px;
}
@keyframes topbot {
    0%{
        transform: translate(0,-10px);
        -webkit-transform: translate(0,-10px);
        -moz-transform: translate(0,-10px);
        -ms-transform: translate(0,-10px);
        -o-transform: translate(0,-10px);
    }
    50%{
        transform: translate(0,0);
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
    }
    100%{
        transform: translate(0,-10px);
        -webkit-transform: translate(0,-10px);
        -moz-transform: translate(0,-10px);
        -ms-transform: translate(0,-10px);
        -o-transform: translate(0,-10px);
    }
}
.skill03 .item{
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
    /*animation: topbot 3s infinite;
    -webkit-animation: topbot 3s infinite;*/
}
.skill03 .item .icon{
    display: block;
    width: 140px;
    height: 140px;
    flex:0 0 auto;
    position: relative;
    background-color: #5f0080;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.skill03 .item .icon img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    max-width: 50%;
    width:auto;
}
.skill03 .item .icon .img1{
    display: block;
}
.skill03 .item .icon .img2{
    display: none;
}
.skill03 .item .utit{
    font-size: 20px;
    color: #333333;
    line-height: 1.33;
    margin-left: 20px;
}
.skill03 .item:nth-child(2n){
    flex-direction: row-reverse;
}
.skill03 .item:nth-child(2n) .utit{
    margin-left: 0;
    margin-right: 20px;
}

.skill03 .item:nth-child(1){
    left: 11.5%;
    top: 16%;
}
.skill03 .item:nth-child(2){
    left: 14.8%;
    top: 40%;
}
.skill03 .item:nth-child(3){
    left: 11%;
    top: 65%;
}
.skill03 .item:nth-child(4){
    right: 12%;
    top: 17%;
}
.skill03 .item:nth-child(5){
    right: 13%;
    top: 40%;
}
.skill03 .item:nth-child(6){
    right: 12%;
    top: 65%;
}
@media(max-width:1700px){
    .skill03 .item .utit {
    font-size: 22px;
}

.skill03 .item .icon {
    width: 110px;
    height: 110px;
}
}
@media(max-width:1459px){
    .skill02{
        padding: 80px 0 0;
    }
    .skill02 .list{
        margin-top: 40px;
        padding: 40px 0;
    }
    .skill01{
        padding: 50px 0;
    }
    .skill03 .pivot .title{
        font-size: 28px;
    }
    .skill03 .pivot .desc {
        font-size: 16px;
        margin: 20px auto 0;
    }
    .skill01 .title,
    .skill04 .title,
    .skill02 .title{
        font-size: 36px;
    }
    .skill05 {
        padding: 50px 0;
    }
    .skill05 .content .tit {
        font-size: 36px;
    }
    .skill05 .content .ctit {
        font-size: 20px;
    }
    .skill04 {
        padding: 60px 0;
    }
    .skill04 .item {
        padding: 30px 40px;
    }
    .skill04 .item .text {
        margin-top: 30px;
        font-size: 22px;
    }
    .skill03 .item .icon {
        width: 80px;
        height: 80px;
    }
    .skill03 .item .utit {
        font-size: 18px;
        margin-left: 15px;
    }
    .skill03 .item:nth-child(2n) .utit {
        margin-left: 0;
        margin-right: 15px;
    }
    .skill02 .item .tit {
        font-size: 24px;
        height: 52px;
        margin: 30px 0 10px;
    }

}
@media(max-width:1024px){
    .skill01 .nmore{
        margin: 35px 0 0;
    }
    .skill01 .list .item{
        width: 47%;
        margin-bottom: 3%;
        padding: 20px 35px;
    }
    .skill01 .list .item:not(:nth-child(3n+1)){
        margin-left: 0;
    }
    .skill01 .list .item:not(:nth-child(2n+1)){
        margin-left: 3%;
    }
    .skill01 .item .left{
        flex: 1;
    }
    .skill02 .list .item {
        width: 50%;
        margin-bottom: 4%;
        padding: 0 8%;
    }
    .skill02 .list {
        flex-wrap: wrap;
    }
    .skill04 .main{
        padding: 40px 30px 60px;
    }
    .skill04 {
        padding: 40px 0;
    }
    .skill04 .item .box {
        flex-wrap: wrap;
    }
    .skill04 .item .utit {
        width: 100%;
        margin-top: 15px;
    }
    .skill04 .item .text {
        font-size: 20px;
    }
    .skill03 .item .utit {
        font-size: 14px;
    }
    .skill03 .pivot .title{
        font-size: 26px;
        margin-bottom:0;
    }
    .skill03 .pivot .desc{
        font-size: 14px;
    }
    .skill03 .item .icon {
        width: 60px;
        height: 60px;
    }
    .skill01 .list {
        padding: 40px 0 0;
    }
    .skill02 {
        padding: 60px 0 0;
    }
}
@media(max-width:900px){
    .skill03 .item:nth-child(1){
        left: 4.5%;
        top: 16%;
    }
    .skill03 .item:nth-child(2){
        left: 1.8%;
        top: 40%;
    }
    .skill03 .item:nth-child(3){
        left: 4%;
        top: 65%;
    }
    .skill03 .item:nth-child(4){
        right: 5%;
        top: 17%;
    }
    .skill03 .item:nth-child(5){
        right: 8%;
        top: 40%;
    }
    .skill03 .item:nth-child(6){
        right: 5%;
        top: 65%;
    }
}
@media(max-width:768px){
    .skill01 .title, .skill04 .title, .skill02 .title{
        font-size: 20px;
    }
    .skill01 .desc{
        font-size: 16px;
        margin-top: 20px;
    }
    .skill01 .nmore {
        margin: 20px 0 0;
        width: 140px;
        font-size: 14px;
        line-height: 40px;
    }
    .skill01 .list {
        padding: 30px 0 0;
    }
    .skill02 {
        padding: 30px 0 0;
    }
    .skill01 {
        padding: 30px 0 10px;
    }
    .skill01 .item .left {
        padding: 0;
    }
    .skill01 .item .tit {
        font-size: 20px;
    }
    .skill01 .item .num{
        font-size: 24px;
    }
    .skill02 .list {
        margin-top: 30px;
        padding: 30px 0;
    }
    .skill02 .item .tit {
        font-size: 18px;
        height: 50px;
    }
    .skill02 .item .desc{
        font-size: 14px;    
    }
    .skill03 .pivot .title{
        font-size: 20px;
        margin-bottom:0;
    }
    .skill03 .pivot .desc {
        font-size: 12px;
        max-width: unset;
        padding:0 25px 10px;
    }
    .skill04 .item .text {
        font-size: 18px;
    }
    .skill04 .item .box {
        padding-top: 15px;
        margin-top: 15px;
    }
    .skill04 .item .utit {
        font-size: 16px;
    }
    .skill04 .item .person {
        width: 80px;
        height: 80px;
    }
    .skill04 .item {
        padding: 20px;
    }
    .skill05 .content .tit {
        font-size: 24px;
    }
    
    .skill05 .content .ctit {
        font-size: 16px;
    }
    
    .skill05 .content .zixun {
        width: 100px;
        line-height: 35px;
        font-size: 14px;
    }
}
@media(max-width:640px){
    .skill05 .content .tit {
    font-size: 20px;
    }
    .skill05 .content .ctit {
        font-size: 14px;
    }
    .skill05 .content{
        flex-wrap: wrap;   
    }
    .skill05 .content .left{
        width: 100%;
        text-align: center;
    }
    .skill05 .content .right{
        margin: 25px auto 0;
    }
    .skill04 .main {
        padding: 40px 0 60px;
    }
    .skill04 {
        padding: 20px 0;
    }
    .skill04 .main {
        padding: 20px 0 50px;
    }
    .skill01 .title, .skill04 .title, .skill02 .title{
        font-size: 18px;
    }
    .skill01 .desc {
        font-size: 14px;
        margin-top: 10px;
    }
    .skill01 .nmore {
        width: 120px;
        font-size: 12px;
        line-height: 30px;
    }
    .skill01 .list .item {
        padding: 15px;
        flex-wrap: wrap;
    }
    
    .skill01 .item .left {
        width: 100%;
        flex-direction: column-reverse;
        flex:unset;
    }
    .skill01 .item .right {
        width: 60%;
        margin:  0 auto;
    }
    .skill01 .item .tit {
        font-size: 16px;
        text-align: center;
        margin: 10px 0;
        height: 3em;
        overflow: hidden;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .skill01 .item .num {
        font-size: 20px;
        text-align: center;
    }
    .skill01 .item .imgbox {
        padding-bottom: 100%;
    }
    .skill01 .item .imgbox img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-51%);
    }
  /*  .skill01 .item:hover .imgbox img{
    transform: scale(1.05) translate(-50%,-51%) !important;
}*/
    .skill02 .list{
        background-color: unset;
        padding: 0;
    }
    .skill02 .list .item {
        width: 100%;
        display: flex;
        margin-bottom: 15px;
        background-color: #f7f8f9;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
        padding: 15px;
        text-align: left;
    }   
    .skill02 .list .item + .item::before {
        opacity: 0;
    }
    .skill02 .item .imgbox {
        min-width: 70px;
        width: 70px;
    }
    .skill02 .item .imgbox img{
        width: 80%;
    }
    .skill02 .item .tit {
        font-size: 14px;
        height: auto;
        margin: 0 0 10px;
    }
    .skill02 .item .desc {
        font-size: 12px;
    }
    .skill02 {
        background-size: 100% 100%;
    }

    .skill03 .imgbox{
        display: block;
        padding: 20px 0 0;
    }
    .skill03 .pivot{
        position: relative;
        transform: unset;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;
        left:unset;
        top: unset;
        background-image: unset !important;
        width: 100%;
        background-color: unset;
    }
    .skill03 .imgbox>img{
        display: none;
    }
    .skill03 .item{
        position: relative;
        left: unset !important;
        top: unset !important;
        right: unset !important;
        background-color: #fff;
        margin-bottom: 15px;
        padding: 15px;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
        box-shadow: 0 0 10px #f0f0f0;
        animation:unset ;
        -webkit-animation:unset ;
    }
    .skill03 .item:nth-child(2n) {
        flex-direction: row;
    }
    .skill03 .list {
        padding: 20px 20px;
    }
    .skill03 .item .icon {
        background-color: unset;
    }
    .skill03 .item .icon .img1{
        display: none;
    }
    .skill03 .item .icon .img2{
        display: block;
    }
    .skill03 .item .utit br{
        display: none;
    }
    .skill03 .item:nth-child(2n) .utit {
        margin-left: 0;
        margin-right: 15px;
    }
    .skill03 .item:nth-child(2n) .utit {
        margin-left: 15px;
        margin-right: 0;
    }
    .skill03 .item .utit {
        font-size: 14px;
    }

}





/* 应用领域器官研究 */
.organ01{
    padding: 130px 0 100px;
    position: relative;
    overflow: hidden;
}
.organ01::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/organ01_icon.jpg);
    background-position: left bottom;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
}
.organ01 .content{
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}
.organ01 .left{
    width: 42%;
    display: flex;
    flex-direction: column;
    justify-content: center
}
.organ01 .left .tit{
    font-size: 40px;
    color: #333333;
    font-family:"BGIMedium";
    line-height: 1.3;
}
.organ01 .left .desc{
    font-size: 18px;
    color: #333;
    font-family:"BGI";
    line-height: 1.77;
    margin-top: 6.7%;
}
.organ01 .right{
    width: 46%;
    margin-right: 4%;
}
.organ01 .right .imgbox{
    width: 100%;
    height: 100%;
    display:flex;
    justify-content:center;
    align-items:center;
        border-radius: 20px;
    overflow: hidden;
}
.organ01 .right .imgbox img{
    max-height:100%;
    border-radius: 20px;
    
}



.organ01 .left .nmore{
    width: 170px;
    line-height: 60px;
    text-align: center;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    font-size: 16px;
    color: #ffffff;
    background-color: #600085;
    margin-top: 10.5%;
    transition: .3s;
    cursor: pointer;
    border:1px solid #600085;
}
.organ01 .left .nmore:hover{
    background:#fff;
    color:#600085;
}

.organ02{
    padding: 120px 0 0;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 80%;
}
.organ02 .title{
    font-size: 40px;
    color: #ffffff;
    line-height: 1.5;
    text-align: center;
    font-family:"BGIMedium";
}
.organ02 .main{
    padding: 80px 0 70px;
    position: relative;
}
.organ02 .item{
    display: flex;
    background-color: #f7f8f9;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
    height: 100%;
}
.organ02 .swiper-slide{
    height: auto;
    width:994px;
    margin-right:75px;
} 
.organ02 .item .imgbox{
    width: 50%;
    border-radius:10px;
}
.organ02 .item .imgbox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.organ02 .item .text{
    width: 50%;
    display: flex;
    flex-direction: column;
    padding: 3% 5%;
    justify-content: center;
}
.organ02 .item .tit{
    font-size: 24px;
    color: #333333;
    font-family:"BGI";
    line-height: 1.33;
}
.organ02 .item .desc{
    font-family:"BGI";
    font-size: 16px;
    color: #666666;
    line-height: 2;
    margin-top: 30px;
}
.organ02 .item .nmore{
    font-size: 16px;
    color: #333333;
    line-height: 2;
    font-family:"BGI";
    margin-top: 40px;
}
.organ02 .swiper-pagination{
    text-align: center;
    width: 100%;
    z-index: 2;
    bottom: 0;
}
.organ02 .swiper-pagination-bullet{
    opacity: 1;
    margin: 0 20px;
    background-color: transparent;
    width: 8px;
    height: 8px;
    border: 1px solid #e0e0e0;
}
.organ02 .swiper-pagination-bullet.swiper-pagination-bullet-active{
    border-color: #5f0080;
    background-color: #5f0080;
}


.organ03{
    padding: 0 0 30px;
}
.organ03 .top{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.organ03 .top .title{
    font-size: 40px;
    color: #333333;
    font-family:"BGIMedium";
}
.organ03 .top .nmore{
    width: 80px;
    line-height: 40px;
    background-color: #f6f6f6;
    font-size: 16px;
    color: #333333;
    font-family:"BGI";
    text-align: center;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    display: block;
}
.organ03 .list{
    display: flex;
    flex-wrap: wrap;
    padding-top: 60px;
}
.organ03 .item{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
    width: 28.8%;
}
/*.organ03 .item:not(:nth-child(3n+1)){
    margin-left: 6.8%;
}*/
.organ03 .item .imgbox{
    padding-bottom: 67.3%;
    position: relative;
    display: block;
    border-radius: 10px;
}
.organ03 .item .imgbox img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.organ03 .item .text{
    background-color: #f7f8f9;
    padding: 40px;
}
.organ03 .item .time{
    font-size: 16px;
    color: #333333;
}
.organ03 .item .tit{
    font-size: 24px;
    color: #333;
    margin-top: 15px;
    line-height: 1.33;
    display: block;
    text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.organ03 .item .mores{
    display: flex;
    margin-top: 30px;
}
.organ03 .item .mores a{
    font-size: 16px;
    color: #333333;
    font-family:"BGI";
    transition: .3s;
}
.organ03 .item .mores a{
    font-size: 16px;
    color: #333333;
    font-family:"BGI";
    padding: 0 20px;
    position: relative;
}
.organ03 .item .mores a:hover{
    color: #5f0080;
}
.organ03 .item .mores a:first-child{
    padding-left: 0;
    padding-right: 50px;
}
.organ03 .item .mores a + a::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 1px;
    background-color: #d8d8d8;
}
.organ03 .item .mores a:first-child::before{
    content: '';
    display: block;
    position: absolute;
    right: 20px;
    background-image: url(../images/organ03_icon1.jpg);
    width: 19px;
    height: 17px;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
}
.organ03 .item:hover .tit{
    color: #5f0080;
}
.organ04{
    padding: 120px 0;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}
.organ04 .content{
    display: flex;
    justify-content: space-between;
    position: relative;
}

.organ04 .content .left{
    width: 24.5%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 40px;
}
.organ04 .left .title{
    font-size: 40px;
    font-family:"BGIMedium";
    color: #000000;
    line-height: 1.5;
}
.organ04 .left .desc{
    font-size: 18px;
    font-family:"BGI";
    color: #666666;
    line-height: 1.77;
    margin-top: 10px;
}
.organ04 .left .nmore{
    display: block;
    width: 140px;
    line-height: 58px;
    text-align: center;
    border-radius: 30px;
    border: 1px solid #670c86;
    color: #fff;
    background-color:#670c86;
    transition: .3s;
}
.organ04 .left .nmore:hover{
    background: #fff;
    color: #670c86;
}



.organ04 .content .right{
    width: 68%;
    position: relative;
    z-index: 2;
    padding-top: 25px;
}
.organ04 .content .right::after{
    content: '';
    display: block;
    width: 1000%;
    height: 150%;
    background-color: #fff;
    position: absolute;
    left: -5%;
    top: 0;
    bottom: 0;
    z-index: 1;
}
.organ04 .list{
    position: relative;
    z-index: 2;
}
.organ04 .item{
    padding: 25px 0;
    border-bottom: 1px solid #f1f1f1;
    display: block;
}
.organ04 .item:hover .ctit{
    color: #5f0080;
}

.organ04 .item .ctit{
    font-size: 24px;
    color: #333333;
    line-height: 1.33;
    font-family:"BGI";
}
.organ04 .item .pcon{
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.organ04 .item .utit{
    font-size: 16px;
    color: #999999;
    line-height: 2;
    font-family:"BGI";
}
.organ04 .item .time{
    font-size: 16px;
    color: #999999;
    line-height: 2;
    font-family:"BGI";
}

@media(max-width:1459px){
    .organ01 {
        padding: 100px 0;
    }
    .organ03 {
        padding: 100px 0 30px;
    }
    .organ04 {
        padding: 100px 0;
    }
    .organ01 .left .tit,
    .organ02 .title,
    .organ03 .top .title,
    .organ04 .left .title{
        font-size: 32px;
    }
    .organ03 .list{
        padding-top: 40px;
    }
    .organ02 .main{
        padding: 40px 0 50px;
    }
    .organ02{
        padding: 100px 0 0;
    }
}
@media(max-width:1366px){
    .organ03 .list {
        padding-top: 30px;
    }
    .organ01 {
        padding: 60px 0;
    }
    .organ02{
        padding: 60px 0 0;
    }
    .organ03 {
        padding: 60px 0 30px;
    }
    .organ04 {
        padding: 60px 0;
    }
    .organ01 .left .tit,
    .organ02 .title,
    .organ03 .top .title,
    .organ04 .left .title{
        font-size: 30px;
    }
    .organ03 .item .text {
        padding: 25px;
    }
    .organ03 .item .tit,
    .organ04 .item .ctit,
    .organ02 .item .tit{
        font-size: 20px;
    }
    .organ03 .item .mores {
        margin-top: 20px;
    }
    .organ04 .item{
        padding: 15px 0;
    }
    .organ04 .content .left {
        padding-top: 30px;
    }
    .organ04 .left .nmore {
        line-height: 40px;
    }
    .organ02 .item .desc {
        font-size: 14px;
        margin-top: 15px;
    }
    .organ02 .item .nmore{
        margin-top: 20px;
    }
    .organ03 .item{
        width: 31.33%;
    }
    /*.organ03 .item:not(:nth-child(3n+1)) {
        margin-left: 3%;
    }*/
    .organ02 .item .nmore{
        font-size: 12px;
    }

}
@media(max-width:1024px){
    .organ03 .list {
        padding-top: 20px;
    }
    .organ01 {
        padding: 30px 0;
    }
    .organ02{
        padding: 30px 0 0;
    }
    .organ03 {
        padding: 30px 0;
    }
    .organ04 {
        padding: 30px 0;
    }
    .organ01 .left .tit,
    .organ02 .title,
    .organ03 .top .title,
    .organ04 .left .title{
        font-size: 24px;
    }
    .organ01 .left .tit, .organ02 .title, .organ03 .top .title, .organ04 .left .title{
        font-size: 24px;
    }
    .organ03 .item .tit, .organ04 .item .ctit, .organ02 .item .tit {
        font-size: 16px;
    }
    .organ04 .left .desc{
        font-size: 16px;
    }
    .organ02 .main {
        padding: 20px 0 40px;
    }
}
@media(max-width:768px){
    .organ01 .left .tit, .organ02 .title, .organ03 .top .title, .organ04 .left .title{
        font-size: 20px;
    }
    .organ01 .left .nmore {
        width: 120px;
        line-height: 40px;
        font-size: 12px;
    }
    .organ01 .left .desc{
        font-size: 14px;
    }
    .organ03 .item .text {
        padding: 15px;
    }
    .organ03 .item .mores a{
        font-size: 12px;
    }
    .organ04 .left .nmore {
        width: 120px;
        line-height: 40px;
    }
}
@media(max-width:640px){
    .organ04 .content {
        flex-wrap: wrap;
    }
    .organ04 .content .left {
        width: 100%;
        padding-top: 0;
        padding-bottom: 10px;
    }
    .organ04 .content .right {
        padding-top: 0;
        width: 100%;
    }
    .organ04 .item .pcon {
        margin-top: 5px;
    }
    .organ04 .item {
        padding: 10px 0;
    }
    .organ04 .item .utit {
        font-size: 14px;
        line-height: 1.3;
    }
    .organ04 .item .time {
        font-size: 14px;
        line-height: 1.3;
    }
    .organ04 .left .nmore {
        width: 80px;
        font-size: 12px;
        line-height: 30px;
        margin-top: 15px;
    }
    .organ04 .left .desc {
        font-size: 14px;
    }
    .organ01 .left .tit, .organ02 .title, .organ03 .top .title, .organ04 .left .title {
        font-size: 16px;
    }
    .organ04 {
        padding: 20px 0;
    } 
    .organ03 .top .nmore {
        font-size: 12px;
        line-height: 30px;
        width: 60px;
    }
    .organ03 .item {
        width: 100%;
        margin-bottom: 15px;
    }
    .organ03 .item:not(:nth-child(3n+1)) {
        margin-left: 0;
    }
    .organ03 .item .tit {
        margin-top: 10px;
    }
    .organ03 .item .mores {
        margin-top: 10px;
    }
    .organ01 .content {
        flex-wrap: wrap;
    }
    .organ01 .left {
        width: 100%;
    }
    .organ01 .right {
        width: 100%;
        margin-top:30px;
    }
    .organ01 .left .desc {
        margin-top: 10px;
    }
    .organ01 .left .nmore {
        margin-top: 15px;
    }
    .organ03 {
        padding: 20px 0 0;
    }
    .organ01 {
        padding: 20px 0;
    }
    .organ02 {
        padding: 20px 0 0;
    }
    .organ02 .item {
        flex-wrap: wrap;
    }
    .organ02 .item .imgbox {
        width: 100%;
    }
    .organ02 .item .text {
        width: 100%;
    }
    .organ02 .item .nmore {
        margin-top: 10px;
    }
    .organ02 .item .desc {
        margin-top: 10px;
    }
    .organ02 .item .tit{
        font-size: 16px;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .organ02 .item .desc{
        font-size: 12px;
        line-height: 1.5;
    }
}

/* 应用领域视频详情 */
.part01{
    padding: 70px 0 95px;
}

.part01 .capt{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 60px;
    margin-top: 5px;
}
.part01 .title{
    font-size: 36px;
    color: #000000;
    line-height: 1.3;
    margin-top: 30px;
}
.part01 .desc{
    font-size: 16px;
    color: #333333;
    line-height: 1.3;
    font-family:"BGI";
}
.part01 .t01{
    font-size: 16px;
    color: #333333;
    font-family:"BGI";
    line-height: 1.75;
    padding-left: 20px;
    background-image: url(../images/part01_icon01.png);
    background-repeat: no-repeat;
    background-position: center left;
}
.part01 .time{
    font-size: 16px;
    color: #333333;
    font-family:"BGI";
    line-height: 1.75;
    margin-left: 20px;
    padding-left: 20px;
    background-image: url(../images/part01_icon02.png);
    background-repeat: no-repeat;
    background-position: center left;
}
.part01 .cat_r{
    display: flex;
    min-width: 175px;
}

.part01 .other1{
    display: flex;
    justify-content: space-between;
    padding: 40px 0;
    border-top: 1px solid #f2f2f2;
}
.part01 .other1:last-child{
    border-bottom: 1px solid #f2f2f2;
}
.part01 .other1 .ctit{
    font-size: 16px;
    color: #333333;
    font-family:"BGIMedium";
    line-height: 1.75;
    min-width: 65px;
}
.part01 .other1 .cdesc{
    font-size: 16px;
    color: #333333;
    line-height: 1.75;
}
.part01 .labels{
    display: flex;
}
.part01 .labels label{
    text-align: center;
    padding: 3px 15px;
    background-color: #f5f0f5;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    font-size: 16px;
    color: #5f0080;
    transition: .3s;
}
.part01 .labels label:hover{
    background: #5f0080;
    color: #fff;
}
.part01 .labels label:not(:first-child){
    margin-left: 10px;
}
.part01 .goback{
    display: block;
    width: 140px;
    line-height: 60px;
    background-color: #691088;
    font-size: 16px;
    color: #ffffff;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    text-align: center;
    margin: 50px auto 0;
    transition: .3s;
    border:1px solid #691088;
}
.part01 .goback:hover{
    background:#fff;
    color:#691088;
}

@media(max-width:1459px){
    .part01{
        padding: 60px 0;
    }
    .part01 .title {
        font-size: 30px;
    }
    .part01 .other1 {
        padding: 30px 0;
    }
}
@media(max-width:1024px){
    .part01 .goback {
        width: 120px;
        line-height: 45px;
        margin: 30px auto 0;
    }
    .part01 .title{
        font-size: 24px;
    }
    .part01 {
        padding: 40px 0;
    }
    .part01 .capt{
        margin-bottom: 40px;
    }
}
@media(max-width:768px){
    .part01 {
        padding: 30px 0;
    }
    .part01 .title{
        font-size: 20px;
    }
    .part01 .capt{
        margin-bottom: 30px;
    }
    .part01 .other1 {
        padding: 20px 0;
    }
    .part01 .capt{
        margin-bottom: 20px;
    }
    .part01 .other1 {
        padding: 15px 0;
    }
    .part01 .goback {
        width: 100px;
        line-height: 35px;
        margin: 20px auto 0;
    }
}
@media(max-width:640px){
    .part01 {
        padding: 20px 0;
    }
    .part01 .title{
        font-size: 18px;
    }
    .part01 .capt {
        flex-wrap: wrap;
        margin-top: 10px;
    }
    .part01 .desc {
        font-size: 14px;
    }
    .part01 .t01 {
        font-size: 14px;
    }
    .part01 .time {
        font-size: 14px;
    }
    .part01 .cat_r {
        margin-top: 5px;
    }
    .part01 .other1 .cdesc {
        font-size: 14px;
    }
    .part01 .labels label {
        font-size: 14px;
    }
    .part01 .other1 .ctit {
        font-size: 14px;
    }
}

/* 科学计划 */
.science02 .list{

}
.science02 .item .content{
    display: flex;
    justify-content: space-between;
    padding: 120px 0;
}
.science02 .item .left{
    width: 43.5%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.science02 .item .right{
    width: 43.5%;
}
.science02 .item .title{
    font-size: 38px;
    color: #333;
    font-family:"BGIMedium";
    line-height: 1.2;
}
.science02 .item .edit{
    margin-top: 45px;
    font-size: 16px;
    color: #666666;
    line-height: 1.77;
    font-family:"BGI";
}
.science02 .item .edit *{
    font-size: 16px;
    color: #666666;
    line-height: 1.77;
    font-family:"BGI";
}
.science02 .item .more{
    display: block;
    width: 140px;
    line-height: 56px;
    border: 2px solid #5f0080;
    color: #5f0080;
    text-align: center;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    font-size: 16px;
    font-family:"BGI";
    margin-top: 45px;
    transition: .3s;
}
.science02 .item .more:hover{
    background: #5f0080;
    color: #fff;
}
.science02 .item:nth-child(2n) .content{
    flex-direction: row-reverse;
}
@media(max-width:1459px){
    .science02 .item .content{
        padding: 80px 0;
    }
    .science02 .item .title{
        font-size: 36px;
    }
}
@media(max-width:1366px){
    .science02 .item .content{
        padding: 60px 0;
    }
    .science02 .item .title{
        font-size: 28px;
    }
    .science02 .item .edit *,
    .science02 .item .edit{
        font-size: 16px;
    }
    .science02 .item .edit {
        margin-top: 25px;
    }
    .science02 .item .more {
        margin-top: 25px;
        width: 120px;
        line-height: 36px;
    }
}
@media(max-width:1024px){
    .science02 .item .content{
        padding: 40px 0;
    }
    .science02 .item .title{
        font-size: 24px;
    }
    .science02 .item .edit *,
    .science02 .item .edit{
        font-size: 14px;
    }
   
}
@media(max-width:768px){
    .science02 .item .content{
        padding: 30px 0;
    }
    .science02 .item .title{
        font-size: 20px;
    }
    .science02 .item .more {
        margin-top: 15px;
        width: 80px;
        line-height: 26px;
        font-size: 12px;
    }
    .science02 .item .edit *, .science02 .item .edit {
        font-size: 12px;
    }
    .science02 .item .edit {
        margin-top: 15px;
    }
}
@media(max-width:640px){
    .science02 .item .content{
        padding: 20px 0;
    }
    .science02 .item .title{
        font-size: 18px;
    }
    .science02 .item .content {
        flex-wrap: wrap;
    }
    .science02 .item .left {
        width: 100%;
    }
    .science02 .item .right {
        width: 100%;
        margin-bottom: 15px;
    }
}

/* 2023/5/13 */
.base_act .item a{
    font-family:"BGI";
}
.base_act{
    position: sticky;
    top: 80px;
    z-index: 50;
    background: #f7f8f9;
    padding: 20px 0;
}
.skill01 .item .imgbox img{
    transition: all .5s;
}
/*.skill01 .item:hover .imgbox img{
    transform: scale(1.05);
}*/
.skill03 .imgbox{
    width: 100%;
}
.skill03 .imgbox img{
    width: 100%;
}
.base_ban1 .imgbox .app{
    display: none;
}
.base_ban1 .imgbox img{
    width: 100%;
}
.skill03 .item .utit:hover a{
    color: #600085;
}
/*.liangdian .item .icon,
.skill02 .list .item .imgbox{
    animation: topbot 2s infinite linear;
}
.liangdian .item:nth-child(2) .icon,
.skill02 .list .item:nth-child(2) .imgbox{
    animation: topbot 2s .5s infinite linear;
}
.liangdian .item:nth-child(3) .icon,
.skill02 .list .item:nth-child(3) .imgbox{
    animation: topbot 2s 1s infinite linear;
}
.liangdian .item:nth-child(4) .icon,
.skill02 .list .item:nth-child(4) .imgbox{
    animation: topbot 2s 1.5s infinite linear;
}*/
.organ03 .item .mores a{
    cursor: pointer;
}
.organ02 .item .nmore{
    transition: all .5s;
}
.organ02 .item .nmore:hover{
    color: #600085;
    font-weight: bold;
}
.part01 .edit{
    width: 100%;
    position: relative;
}
.part01 .edit video{
    width: 100%;
}
.part01 .goback{
    cursor: pointer;
}
@media (max-width: 1024px){
    .base_act {
        padding: 10px 0;
        top: 58px;
    }
    .base_ban1 .cn1 {
        width: 30%;
    }
}
@media (max-width: 640px){
    .base_ban1 .imgbox .app{
        display: block;
    }
    .base_ban1 .imgbox .pc{
        display: none;
    }
    .base_ban1 .cn {
        font-size: 24px;
        text-align: center;
    }
    .base_ban1 .cn1 {
        width: 57%;
        font-size: 14px;
        text-align: center;
        margin: 0 auto;
        margin-top: 10px;
    }
    .base_ban1 .auto {
        top: 34%;
    }
    .skill02 .list .item .imgbox{
        animation: none;
    }
    .skill02 .list .item:nth-child(2) .imgbox{
        animation: none;
    }
    .skill02 .list .item:nth-child(3) .imgbox{
        animation: none;
    }
    .skill02 .list .item:nth-child(4) .imgbox{
        animation: none;
    }
}

@media(max-width:1200px){
    .base_act .item {
        margin: 0 15px;
    }
}
@media(max-width:991px){
    .base_act .act{
        display: none;
    }
    .base_act .list{
        flex-wrap: wrap;
        justify-content: left;
    }
    .base_act .item {
        margin: 5px 0;
       margin-right: 30px;
       margin-left: 0;
    }
}
/*20230523*/
@media (max-width:1024px) and (min-width:640px){
.skill03 .item:nth-child(2n),.skill03 .item:nth-child(2n)>a {
    flex-direction: row;
}

.skill03 .item:nth-child(n+4), .skill03 .item:nth-child(n+4)>a {
    flex-direction: row-reverse;
}

.skill03 .item .utit {
    margin-left: 15px !important;
}

.skill03 .item:nth-child(n+4) .utit {
    margin-left: 0 !important;
    margin-right: 15px;
    text-align: right;
}

.skill03 .item:nth-child(3) {
    left: 4.5%;
}

.skill03 .item:nth-child(4),.skill03 .item:nth-child(6) {
    right: 7%;
}

.skill03 .item:nth-child(5) {
    right: 3%;
}
.skill03 .item:nth-child(1), .skill03 .item:nth-child(3) {
    left: 7%;
}

.skill03 .item:nth-child(2) {
    left: 3%;
}

}
@media (max-width:1024px){
    .organ04 .content .left {
    justify-content: flex-start;
}

.organ04 .left .nmore {
    margin-top: 20px;
}
.skill03 .pivot .desc {
    line-height: 1.5;
    padding-bottom: 20px;
    margin-top: 10px;
}

.skill03 .pivot .title {
    font-size: 20px;
}
}
@media(max-width:1280px){
    .skill03 .pivot .title {
    margin-bottom: 0;
}
}
@media(max-width:1280px) and (min-width:640px){
    .skill03 .item:nth-child(1),.skill03 .item:nth-child(3) {
    left: 7%;
}

.skill03 .item:nth-child(2) {
    left: 14%;
}

.skill03 .item:nth-child(1) a,.skill03 .item:nth-child(2) a,.skill03 .item:nth-child(3) a {
    flex-direction: row;
}

.skill03 .item:nth-child(1) .utit,.skill03 .item:nth-child(2) .utit,.skill03 .item:nth-child(3) .utit {
    margin-left: 15px;
    margin-right: 0;
}

.skill03 .item:nth-child(4), .skill03 .item:nth-child(6) {
    left: auto;
    right: 7%;
}

.skill03 .item:nth-child(5) {
    right: 14%;
}

.skill03 .item:nth-child(4) a, .skill03 .item:nth-child(5) a, .skill03 .item:nth-child(6) a {
    flex-direction: row-reverse;
}

.skill03 .item:nth-child(4) .utit, .skill03 .item:nth-child(5) .utit, .skill03 .item:nth-child(6) .utit {
    margin-left: 0;
    margin-right: 15px;
    text-align: right;
}
}


/*20230612*/
.organ03 .top {
    position: relative;
    display: block;
    text-align: center;
}

.organ03 .top .nmore {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
}
.organ03 .swiper-pagination {
    position: static;
    text-align: center;
    margin-top: 30px;
}
.organ03 .swiper-pagination-bullet{
    opacity: 1;
    margin: 0 20px;
    background-color: transparent;
    width: 8px;
    height: 8px;
    border: 1px solid #e0e0e0;
}
.organ03 .swiper-pagination-bullet.swiper-pagination-bullet-active{
    border-color: #5f0080;
    background-color: #5f0080;
}

@media(max-width:768px){
    .organ03 .swiper-pagination {
        margin-top: 10px;
    }
}

/*20230619*/
.skill01 .nmore{min-width:180px;text-align:center;padding:0 15px;width:auto;display:inline-block;}
@media(max-width:640px){
    .organ04 .left .title {
        text-align: center;
    }
}
@media(max-width:1440px) and (min-width:768px){
    .skill01 .item .tit,.skill02 .item .tit{
        font-size:16px;
    }
    .pinfo .txt .tit {
    font-size: 40px;
}

.demoi .txt .t {
    font-size: 32px;
}
.anlifx a.flex h3 {
    font-size: 20px;
    margin-top: 12px;
}
.blocktit {
    font-size: 30px;
}
.pinfo .txt .tit{
    font-size: 32px;
}
.new2_dat2 .rq h2{font-size:30px;}
.cntBlock .p,.new2_dat2 .rq .p1{
 font-size: 20px;   
}
.rq3_con1 .div .rig .p2{font-size: 20px;  }
.zy_con3 .rq .rig h2{font-size: 32px;}
.colums .cat_rq {
    width: 220px;
}

.colums .rightDoc {
    padding-left: 50px;
}

.nav li a {
    font-size: 0.14rem;
}

.base_act .item a {
    font-size: 16px;
}
.activity .item .t{font-size: 20px;}
.pagetitle{font-size: 36px;}
.join .item .tit{font-size: 26px;}
.join .item .tit:after{font-size:70px;}
.jion_con1 .rq .top h3{font-size:18px;}
.cnt .txt .tit{font-size:28px;}
.index1 .txt .t {
    font-size: 30px;
}

.tab span {
    font-size: 28px;
    padding: 0 25px 15px;
}

.list3 .item .t {
    font-size: 20px;
}

.index3 .item .txt .t1 {
    font-size: 24px;
}

.title .t {
    font-size: 30px;
}
}
.organ04 .left .nmore {
    border-radius: 30px;
    margin-top: 30px;
}

.organ04 .left .nmore .icon-more {
    display:none;
}
.organ03 .top .nmore {
    transition: .3s;
}

.organ03 .top .nmore:hover {
    background: #5f0080;
    color: #fff;
}
@media(min-width:1024px) and (max-width:1440px){
.organ02 .swiper-slide{
    width:657px;
    margin-right:75px;
} 
}
/*20230707样式同步中文站*/
/*20230621修改*/
@media(max-width:1440px) and (min-width:640px){
.banin .p {
    font-size: 16px;
}
.pinfo .txt .p {
    font-size: 14px;
}
.changj .item .t {
    font-size: 18px;
}
.banin .tit {
    font-size: 32px;
}
.protg a {
    font-size: 14px;
}

.pnavs span {
    font-size: 12px;
    margin: 0 10px;
}
.liangdian .item .t {
    font-size: 16px;
}
.gj .item .txt h3 {
    font-size: 20px;
}
.organ01 .left .desc {
    font-size: 14px;
}
.zy_con1 .rq_con1 .div .rig .p2 {
    font-size: 14px;
}
.zy_con1 .rq_con1 .div .rig .p1 {
    font-size: 16px;
}
.rq3_con1 .div .rig .p3 {
    font-size: 14px;
    line-height: 2.0;
}
.rq5_con1 .div .rig h3 {
    font-size: 16px;
}
.activity .item .p {
    font-size: 14px;
}
.subcrib input {
    font-size: 12px;
}
/*20230626修改*/
.banText .t1 {
    font-size: 32px;
}

.tbs .tb {
    margin-top: 15px;
    font-size: 14px;
}

.index1 .txt .p {
    font-size: 14px;
}

.title .mor a {
    font-size: 14px;
}

.listtop .i .t {
    font-size: 16px;
}

.listtop .item .pic .txt .t {
    font-size: 16px;
}

.ntop .pic .txt .t {
    font-size: 16px;
}

.vm a {
    font-size: 14px;
    width: 100px;
    line-height: 40px;
}

.index5 .txt .t1 {
    font-size: 24px;
}

.index5 .txt .p {
    font-size: 16px;
}

.index3 .item .txt .p {
    font-size: 14px;
}
}
/*20230624修改*/
@media(max-width:640px) {
.organ01 .left .tit, .organ02 .title, .organ03 .top .title, .organ04 .left .title {
    text-align: center;
}
}

.organ04 .left .nmore {
    border-radius: 30px;
    margin-top: 30px;
}

.organ04 .left .nmore .icon-more {
    display:none;
}
.organ04 .content .left {
    justify-content: flex-start;
}
/*20230627中文站修改*/
@media(max-width:1440px) and (min-width:640px){


.skill01 .title, .skill04 .title, .skill02 .title {
    font-size: 24px;
}
.bread2 {
    font-size: 12px;
}
.part01 .title {
    font-size: 20px;
}

.part01 .desc {
    font-size: 14px;
}

.part01 .t01 {
    font-size: 14px;
}

.part01 .goback {
    font-size: 14px;
    width: 100px;
    line-height: 45px;
}
.skill04 .item .text,.skill04 .item .utit {
    font-size: 14px;
}
.flogo {
    width: 90px;
}
body,.nav li a,.nav li .sub a,.dls dl dt{
    font-size: 14px;
}
.base_ban1 .cn {
    font-size: 40px;
}

.skill01 .desc,.skill03 .item .utit,.index3 .item .p1,.thtj .txt,.rq8_con1 .div .top{
    font-size: 16px;
}

.skill01 .item .num,.skill03 .pivot .title,.funeng .timg .t{
    font-size: 24px;
}

.skill02 .item .desc,.skill03 .pivot .desc,.mr,.liangdian .item .p,.rq8_con1 .div .bot{
    font-size: 14px;
}
/*20230627 1280banner图尺寸*/
.base_ban1 .imgbox img.pc,.pban2,.pban img,.ny_banner img {
    height: 500px;
}
.pinfo .txt .tit {
    font-size: 24px;
}

.bjslider .txt .t1 {
    font-size: 18px;
}
.pban .txt .p,.shenxin .p,.cntc .i .ip,.bjslider .txt .p{
    font-size: 16px;
}
.ptit2 {
    font-size: 18px;
}
.cat .tit {
    font-size: 18px;
}
.category2 .cati a,.kings .item .t{
    font-size: 18px;
}
.subCategory dt {
    font-size: 14px;
}
.organ01 .left .tit, .organ02 .title, .organ03 .top .title, .organ04 .left .title {
    font-size: 24px;
}

.organ03 .item .tit, .organ04 .item .ctit, .organ02 .item .tit {
    font-size: 16px;
}
.organ03 .top .nmore {
    font-size: 14px;
}
.organ03 .item .mores a,.organ04 .left .desc{
    font-size: 14px;
}
.base_act .item a,.base_act {
    font-size: 12px;
}
.base_act .item {
    margin: 0 15px;
}

.cat_rq .tit,.ptit .tit{
    font-size: 18px;
}
.zy_con1 .rq_con1 .div .rig .div1 a,.rq2_con1 .div .bot .p2 {
    font-size: 14px;
}
.cat_rq .rq .ctit,.rq2_con1 .div .bot .p1 {
    font-size: 16px;
}
.ny_banner .p1 {
    font-size: 40px;
}
.base_act .act a,.rq3_con1 .div .rig .p1 {
    font-size: 14px;
}
.rq4_con1 .div .bot .p1 {
    font-size: 16px;
}
.rq4_con1 .div .bot .text,.rq4_con1 .div .bot .p2 span{
    font-size: 14px;
}
.rq5_con1 .div .rig .p1,.rq5_con1 .div .rig .p2 {
    font-size: 14px;
}
.zy_con3 .rq .rig .div a {
    width: 100px;
    line-height: 36px;
    font-size: 14px;
}
.rq6_con1 .div .con h2 {
    font-size: 16px;
}
.rq6_con1 .div .rig .p,.rq7_con2 .text {
    font-size: 14px;
}
.rq7_con2 .div a {
    font-size: 14px;
    line-height: 40px;
}
.zy_con4 .rq .lef h2,.zy_con4 .rq .rig h2{
    font-size: 24px;
}

.zy_con4 .rq .lef .text,.zy_con4 .rq .rig .p1 {
    font-size: 14px;
}
.zy_con4 .rq .rig input[type="button"] {
    line-height: 40px;width: 100px;font-size: 14px;
}
.newsList .item .tit,.activity .item .t{
    font-size: 16px;
}
.newsList .item .txt .p1 {
    font-size: 14px;
}
.new_dat1 .rq .lef .top h2 {
    font-size: 24px;
}
.newsList .item .img img {
    height: 180px;
}
.dp2_con1 .p1,.dp2_con2 .rq1 .top h2{
    font-size: 24px;
}
.dp2_con1 .div1 span,.dp2_con2 .rq1 .bot .div h2,.dp2_con2 .rq1 .top p{
    font-size: 16px;
}
.dp2_con2 .rq1 .bot .div .p1,.about1 .txt .p,.rq3_con1 .div .rig .p4 p,.date{
    font-size: 14px;
}
.me_con1 h2 {
    font-size: 24px;
}
.colums .cat {
    width: 220px;
}
.subCategory dl {
    padding: 0 20px;
}
.new_dat1 .rq .rig .div h3,.new_dat1 .rq .rig .div .p1{
    font-size: 14px;
}
.new_dat1 .rq .rig h2 {
    font-size: 20px;
} 
.cntBlock .btn {
    line-height: 40px;
    min-width: 80px;
}
.sertable th:first-child, .sertable td:first-child {
    font-size: 14px;
}

.sertable th {
    font-size: 14px;
}
.category .ctit {
    font-size: 16px;
}
.category {
    margin-bottom: 20px;
}
.grzx .bot .div.dingyue .flex {
    align-items: flex-start;
}
.grzx .rq .auto {
    font-size: 40px;
}
.grzx .top .p1 {
    font-size: 18px;
}
.grzx .top .p2 {
    font-size: 14px;
}
.grzx .top .p3 {
    font-size: 16px;
}
.grzx .bot .div p {
    font-size: 14px;
}
.member .div3 a {
    font-size: 14px;
}
.member .div .bot {
    font-size: 14px;
}
.member .div2 .rig .p2 {
    font-size: 16px;
}
.dp_con1 .rq .div .a {
    font-size: 16px;
}
.dp_con1 .rq .div2 .a1 {
    font-size: 14px;
}
.dp_con1 .rq .div3 a {
    font-size: 14px;
}
.formBox .tit {
    font-size: 24px;
}
.formBox .line .i .lb {
    font-size: 14px;
}
.formBox .line .i input {
    font-size: 14px;
}
.member .tx .p1 {
    font-size: 14px;
}
.jion_con1 .rq .div1 .p1 {
    font-size: 16px;
}

.jion_con1 .rq .top .rig .p1 span {
    font-size: 14px;
}

.jion_con1 .rq .top .rig .p2 {
    font-size: 14px;
}

.jion_con1 .rq .top .rig .p3 {
    font-size: 14px;
}
.jion_con1 .rq .div1 a {
    font-size: 14px;
    width: 100px;
    line-height: 40px;
}
.baseBtns .btn {
    min-width: 140px;
    line-height: 40px;
    font-size: 14px;
}
.lc_items .item .p {
    padding: 20px;
}
.lc_items {
    padding: 40px 40px;
}
.lc_items .item .num {
    padding: 45px;
}
.grzx .rq .auto {
    font-size: 40px;
}
/*20230709英文站样式单独修改，与中文不同*/
.indexen .tit {
    font-size: 30px;
}

.indexen .p {
    font-size: 16px;
}

.indexen .item .ip {
    font-size: 14px;
}

.indexen .item .t {
    font-size: 18px;
}
}
/*20230707中文站样式同步结束*/
.skill04 .item{padding-top:90px;}
@media(max-width:768px){
    .skill04 .item {
    padding-top: 50px;
}
}


/*2023/8/3*/
@media(max-width:1459px) {
    .science02 .item .edit {
    margin-top: 0px;
}
.title {
    margin-bottom: 28px;
}
.science02 .item .more {
    margin-top: 20px;
}
}
.videojsBox {
    display: block;
    width: auto;
    height: auto;
}

.videojsBox.video-js video {
    position: static;
}
.videojsBox.video-js .videojs-dimensions {
    width: 100%;
    height: auto;
}