@charset "utf-8";*{outline:0;padding:0;margin:0;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;/*word-break:break-all*/;/* user-select:none; */}
/* 字体 */
/*@font-face{font-family:"HarmonyRegular";src:url(../fonts/HarmonyOS_Sans_Regular.ttf);}
@font-face{font-family:"HarmonyMedium";src:url(../fonts/HarmonyOS_Sans_Medium.ttf);}
@font-face{font-family:"HarmonyBold";src:url(../fonts/HarmonyOS_Sans_Bold.ttf);}
@font-face{font-family:"HarmonyLight";src:url(../fonts/HarmonyOS_Sans_SC_Light.ttf);}*/

.overscroll::-webkit-scrollbar,.selects::-webkit-scrollbar{width:4px;height:1px;}
.overscroll::-webkit-scrollbar-thumb{ border-radius:4px; -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.1); background:#0062c8; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; }
.overscroll::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(153, 153, 153, .15);border-radius:10px;background:rgba(153, 153, 153, .15);}
.ovf{overflow:hidden;width:100%;height:100%;}
.fl{float:left;}
.fr{float:right;}
.clearfix{zoom:0;}
.relative{position:relative;}
.clearfix:after{content:'';display:block;height:0;clear:both;}
a,a:link,a:visited{text-decoration:none;}
a{color: #333;}
ul,li,ol{list-style-type:none;}
img{max-width:100%;max-height:100%;vertical-align:middle;outline:none;border:none;}
input{border: none;}
select{appearance: none;}
body{
    font-size: 20px;
    font-family:"HarmonyRegular";
}
.auto1800{
    margin: 0 auto;
    width: 94.6%;
}
.auto1440{
    width: 75.7%;
    margin: 0 auto;
}
.base_r{
    padding-right: 12.15%;
}
.base_l{
    padding-left: 12.15%;
}
@media(max-width:1600px){
    .auto1440{
        width: 80%;
        margin: 0 auto;
    }
    .auto1800{
        width: 100%;
        padding: 0 15px;
    }
    .base_r{
        padding-right: 10%;
    }
    .base_l{
        padding-left: 10%;
    }
}
@media(max-width:1459px){
    .auto1440{
        width: 90%;
        margin: 0 auto;
    }
    .base_r{
        padding-right: 5%;
    }
    .base_l{
        padding-left: 5%;
    }
}
@media(max-width:1024px){
    .auto1440{
        width: 100%;
        padding: 0 15px;
    }
    .auto1800{
        width: 100%;
        padding: 0 10px;
    }
    .base_r{
        padding-right: 15px;
    }
    .base_l{
        padding-left: 15px;
    }
}
@media(max-width:768px){
    .auto1440{
        padding: 0 10px;
    }
    .base_r{
        padding-right: 10px;
    }
    .base_l{
        padding-left: 10px;
    }
}

/* 首页 */
.banner{
    overflow: hidden;
    position: relative;
}
.banner .item{
    position: relative;
    height: 100%;
}
.banner .item .text_box{
    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%);
    width: 100%;
    text-align: left;
}
.banner .item .text_box.text_boxr{
    text-align: right;
}
.banner .tmain{
    display: inline-block;
    text-align: left;
}
.banner .tit{
    line-height: 1.33;
    color: #fff;
    transform: translate(0,-100px);
    -webkit-transform: translate(0,-100px);
    -moz-transform: translate(0,-100px);
    -ms-transform: translate(0,-100px);
    -o-transform: translate(0,-100px);
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.banner .more{
    margin-top: 35px;
    transform: translate(0,100px);
    -webkit-transform: translate(0,100px);
    -moz-transform: translate(0,100px);
    -ms-transform: translate(0,100px);
    -o-transform: translate(0,100px);
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.banner .swiper-slide-active .more,
.banner .swiper-slide-active .tit{
    transform: unset;
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
}
.banner .video_box{
    width: 100%;
    height: 100%;
}
.banner .video_box video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner .swiper-slide{
    height: auto;
}

.banner .swiper-pagination{
    position: absolute;
    bottom: 6%;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 1010;
}
.banner .swiper-pagination span {
    width: 25px;
    height: 25px;
    position: relative;
    border-radius: 50%;
    background: none;
    opacity: 1;
    margin: 0 10px !important;
}
.banner .swiper-pagination .swiper-pagination-bullet-active {
    width: 25px;
    border-color:transparent ;
}
@keyframes dotwidth{
    0%{
        width:0%;
    }
    100%{
        width:100%;
    }
}
.banner .swiper-pagination span:after{
    content: "";
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius:50% ;
    position: absolute;
    top:50%;
    left: 50%;
    margin-top: -4px;
    margin-left: -4px;
}
.banner .swiper-pagination .swiper-pagination-bullet-active:after{
    opacity: 0;
}
.banner .swiper-pagination span::before{
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, .6);
    opacity: 0.4;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
}
.banner .swiper-pagination .swiper-pagination-bullet-active::before{
    opacity: 0.4;
}
.banner .swiper-pagination #circle {
    transition: linear 3.3s;
    stroke-dasharray:140,140;
    stroke-dashoffset:140;
}
.banner .swiper-pagination .swiper-pagination-bullet-active #circle {
    stroke-dashoffset: 0;
}
.banner .swiper-pagination svg {
    width: 100%;
    height: 100%;
    opacity: 0;
    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%);
}
.banner .swiper-pagination .swiper-pagination-bullet-active svg {
    opacity: 1;
}

.index01{
    padding: 6.3% 0;
}
.index01 .desc{
    line-height: 1.33;
    max-width: 940px;
    width: 100%;
    margin-top: 35px;
    hyphens: auto;
}
.index02{
    position: relative;
}

.hbox1{
    display: flex;
}
.hbox1 .imgbox{
    position: relative;
}
.hbox1 .video_btn{
    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%);
    z-index: 2;
}
.hbox1 .left .imgbox{
    width: 100%;
    height: 100%;
}
.hbox1 .left img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hbox1 .left,
.hbox1 .right{
    width: 50%;
}
.hbox1 .right{
    background-color: #f1f6f7;
    padding-left: 4%;
    display: flex;
    align-items: center;
    padding-top: 3%;
    padding-bottom: 3%;
}
.hbox1 .more{
    margin-top: 5%;
}

.index03{
    padding: 6.3% 0 5%;
}
.index03 .desc {
    line-height: 1.33;
    max-width: 940px;
    width: 100%;
    margin-top: 35px;
}
.index03 .tabs1{
    margin-top: 3.5%;
}
.tabs1{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.tabs1 .tab{
    min-width: 285px;
    text-align: center;
    line-height: 58px;
    border: 1px solid #0062c8;
    color: #0062c8;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    cursor: pointer;
    margin-top: 10px;
}
.tabs1 .tab:not(:first-child){
    margin-left: 10px;
}
.tabs1 .tab.cur,
.tabs1 .tab:hover{
    background-color: #0062c8;
    color: #fff;
    
}
.index04_swiper .swiper-slide{
    height:auto;
}
.index04_swiper .item{
    display: flex;
    height:100%;
}
.index04_swiper .left{
    width: 50%;
    background-size: cover;
    display: flex;
    align-items: center;
    padding-right: 4%;
}
.index04_swiper .right{
    width: 50%;
}
.index04_swiper .icon{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.index04_swiper .icon img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.index04_swiper .tit{
    color: #fff;
}
.index04_swiper .editor{
    color: #fff;
    margin-top: 30px;
}
.index04_swiper .more1{
    margin-top: 30px;
}
.index04_swiper .item: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);
}
.index04_swiper .prev{
    left: 5%;
}
.index04_swiper .next{
    right: 5%;
}
.index05{
    padding: 6.3% 0;
    background-color: #f1f6f7;
}
.index05 .desc {
    line-height: 1.33;
    max-width: 940px;
    width: 100%;
    margin-top: 35px;
}
.index05 .index05_swiper{
    margin-top: 5%;
}
.index05_swiper .imgbox{
    background-color: #e3f0f5;
    padding-bottom: 61.6%;
    position: relative;
    overflow: hidden;
}
.index05_swiper img{
    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%);
    max-height: 100%;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.index05_swiper .text_box{
    display: flex;
    align-items: center;
    padding: 6.8% 8.4%;
    border: 2px solid #cce0f4;
    border-top: none;
    justify-content: space-between;
}
.index05_swiper .tit{
    flex: 1;
    padding-right: 5%;
}

.index05_swiper .prev{
    left: -10%;
}
.index05_swiper .next{
    right: -10%;
}

.index05_swiper .item:hover img{
    transform:  translate(-50%,-50%) scale(1.1);
    -webkit-transform:  translate(-50%,-50%) scale(1.1);
    -moz-transform:  translate(-50%,-50%) scale(1.1);
    -ms-transform:  translate(-50%,-50%) scale(1.1);
    -o-transform:  translate(-50%,-50%) scale(1.1);
}
.index05_swiper .item:hover .tit{
    color: #fff;
}
.index05_swiper .item:hover .text_box{
    background-color: #0062c8;
    border-color: #0062c8;
}
.index05_swiper .item:hover .more{
    background-color: #fff;
    border-color: #fff;
}
.index05_swiper .item:hover .more span{
    color: #0062c8;
}
.index05_swiper .item:hover .more span::before{
    background-image: url(../images/icon02.png);
}

.index06{
    padding: 6.3% 0;
}
.index06 .hbox2{
    margin-top: 5%;
}
.hbox2{
    display: flex;
}
.hbox2 .left{
    width: 47%;
}
.hbox2 .right{
    margin-left: 40px;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.hbox2 .right .citem:not(:first-child){
    margin-top: 40px;
}
.hbox2 .item{
    height: 100%;
    display: flex;
    flex-direction: column;
}
.hbox2 .citem{
    flex: 1;
    display: flex;
}
.hbox2 .imgbox{
    overflow: hidden;
}
.hbox2 .imgbox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.hbox2 .citem .imgbox{
    width: 50%;
}
.hbox2 .citem .text_box{
    width: 50%;
    border: 2px solid #cce0f4;
    border-left: none;
    padding: 4.84% 5.55% 5.55%;
}
.hbox2 .item .text_box{
    border: 2px solid #cce0f4;
    border-top: none;
    padding:4.84% 5.55% 5.55%;
    flex: 1;
}
.hbox2 .time{
    color: #61c22e;
}
.hbox2 .item .tit{
    margin-top: 25px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.hbox2 .citem .tit{
    margin-top: 20px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.hbox2 .citem .editor{
    margin-top: 10px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.hbox2 .more{
    margin-top: 20px;
}

.hbox2 .citem:hover img,
.hbox2 .item: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);
}
.hbox2 .citem:hover .tit,
.hbox2 .item:hover .tit{
    color: #0062c8;
}

/* .hbox2 .citem:hover .more,
.hbox2 .item:hover .more{
    background-color: #0062c8;
    border-color: #fff;
}
.hbox2 .citem:hover .more span,
.hbox2 .item:hover .more span{
    color: #fff;
}
.hbox2 .citem:hover .more span::before,
.hbox2 .item:hover .more span::before{
    background-image: url(../images/icon01.png);
} */
@media(max-width:1459px){
    .index05_swiper .prev{
        left: -5%;
    }
    .index05_swiper .next{
        right: -5%;
    }
    .index04_swiper .prev{
        left:1%;
    }
}
@media(max-width:1280px){
    .index04_swiper .prev {
        left: 15px;
    }
    .index04_swiper .next {
        right: 15px;
    }
    .tabs1 .tab{
        line-height: 48px;
    }
}
@media(max-width:1024px){
    .tabs1 .tab{
        line-height: 38px;
    }
    .index04_swiper .left{
        padding-left: 65px;
    }
    .index05_swiper .prev{
        left: 0;
    }
    .index05_swiper .next{
        right: 0;
    }
    .hbox2 .right {
        margin-left: 20px;
    }
    .hbox2 .right .citem:not(:first-child) {
        margin-top: 20px;
    }
}
@media(max-width:768px){
    .index01,
    .index03,
    .index05,
    .index06{
        padding: 25px 0;
    }
    .index01 .desc,
    .index03 .desc,
    .index05 .desc {
        margin-top: 15px;
    }
    .hbox2 .citem .tit {
        margin-top: 10px;
    }
    .hbox2 .item .tit{
        margin-top: 15px;
    }
}
@media(max-width:640px){
    .hbox1 {
        flex-wrap: wrap;
    }

    .hbox1 .left, .hbox1 .right {
        width: 100%;
    }

    .index04_swiper .item {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .index04_swiper .left {
        width: 100%;
        padding: 15px;
    }

    .index04_swiper .right {
        width: 100%;
    }

    .hbox2 {
        flex-wrap: wrap;
    }

    .hbox2 .left {
        width: 100%;
    }

    .hbox2 .right {
        margin-left: 0;
        width: 100%;
        margin-top: 15px;
    }
    .tabs1 .tab {
        min-width: auto;
        padding: 0 10px;
        font-size: 12px;
        line-height: 30px;
    }
    .index05_swiper.base_swiper1 .swiper_btn {
        top: 38%;
    }
}

/* 联系我们 */
.conta01{
    padding: 6.3% 0;
}
.hbox3{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: self-start;
}
.hbox3 .left{
    width: 35%;
}
.hbox3 .right{
    flex: 1;
    box-shadow: 0 0 35px rgba(153, 181, 211, .15);
    padding: 3.82% 3.5% 3.5%;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    margin-left: 4%;
}
.hbox3 .tit{
    padding-bottom: 2.35vw;
    position: relative;
    color: #000000;
}
.hbox3 .tit::before{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 70px;
    height: 5px;
    background-color: #0062c8;
    left: 0;
}
.hbox3 .plcs{
    padding-top: 30px;
}
.plcs .plc{
    display: flex;
    align-items: center;
    margin-top: 10%;
}
.plcs .icon{
    width: 70px;
    min-width: 70px;
}
.plcs .icon img{
    width: 100%;
}
.plcs .text_box{
    margin-left: 35px;
}
.plcs .ctit{
    color: #999999;
    line-height: 1.5;
}
.plcs .desc{
    color: #000000;
    line-height: 1.5;
    margin-top: 10px;
}

.hbox3 .ptit{
    text-align: center;
}

.hbox3 .form_list{
    margin-top: 7.8%;
}
.form_list{
    display: flex;
    flex-wrap: wrap;
}
.form_list .item{
    margin-bottom: 25px;
}
.form_list .item.w50{
    width: 49%;
}
.form_list .item.w100{
    width: 100%;
}
.form_list .item.margin_l{
    margin-left: 2%;
}
.form_list .lable{
    color: #000000;
    font-family:"HarmonyMedium";
}
.form_list .input{
    margin-top: 20px;
    overflow: hidden;
    padding:15px 20px;
    border: 1px solid #e0e3e3;
}
.form_list .input input{
    width: 100%;
    color: #999999;
}
.form_list .input textarea{
    width: 100%;
    height: 100%;
    resize: none;
    border: none;
    min-height: 95px;
    color: #999999;
}
.form_btn{
    line-height: 50px;
    color: #fff;
    background-color: #0062c8;
    padding: 0 45px;
    width: fit-content;
    margin: 20px auto 0;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    cursor: pointer;
}

@media (max-width: 1280px){
    .form_list .input {
        padding: 10px 20px;
        margin-top: 10px;
    }
    .form_btn {
        line-height: 40px;
        padding: 0 25px;
    }
    .list11 .icon {
        width: 30px;
    }
    .list11 .text_box {
        margin-left: 20px;
    }
    .plcs .icon {
        width: 45px;
        min-width: 45px;
    }
    .plcs .text_box{
        margin-left: 20px;
    }
}
@media (max-width: 1024px){
    .plcs .text_box{
        margin-left: 15px;
    }
}
@media (max-width: 768px){
    .conta01{
        padding: 25px 0;
    }
    .form_list .item{
        margin-bottom: 20px;
    }
}
@media (max-width: 640px){
    .conta01 .left {
        width: 100%;
    }
    .conta01 .right {
        flex: unset;
        width: 100%;
        margin-top: 15px;
        margin-left: 0;
    }
    .list11 .item {
        margin-bottom: 15px;
    }
    .conta01 .list11 {
        margin-top: 15px;
    }
    .form_list .item {
        margin-bottom: 10px;
    }
    .form_list .input {
        padding: 10px;
    }
    .form_btn {
        line-height: 30px;
        padding: 0 20px;
    }
    .plcs .plc {
        margin-top: 15px;
    }
    .hbox3 .plcs {
        padding-top: 0;
    }
    .plcs .icon {
        width: 35px;
        min-width: 35px;
    }
    .plcs .desc {
        margin-top: 5px;
    }
}
/*  关于智数_智数生物介绍*/
.biolog01{
    padding:5% 0 6.3%;
}
.biolog01 .hbox4{
    margin-top: 50px;
}
.hbox4{
    display: flex;
    justify-content: flex-end;
    position: relative;
    z-index: 3;
}
.hbox4 .list2{
    /* max-width: 940px; */
    padding: 0 5.6%;
    width: 57%;
}
.biolog01 .bgimg{
    margin-top: -10%;
    position: relative;
    z-index: 2;
}
.list2{
    position: relative;
    display: flex;
    justify-content: space-between;
}
.list2 .item{
    text-align: center;
}
.list2 .icon{
    display: inline-block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 1px solid #0062c8;
    position: relative;
}
.list2 .icon img{
    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%);
    max-height: 55%;
}
.list2 .icon .img1{
    display: block;
}
.list2 .icon .img2{
    display: none;
}
.biolog01 .bgimg .list2_tit{
    position: absolute;
    top: 2%;
    right: 0;
    font-size: 150px;
    background-image: linear-gradient(to bottom , rgba(0,98,200,.08), #fff);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    display: inline-block;
    z-index: 1;
    width: 100%;
    text-align: right;
}
.biolog01 .bgimg img{
    position: relative;
    z-index: 2;
}
.list2 .tit{
    text-align: center;
    color: #333333;
    margin-top: 20px;
}
@media (max-width: 1459px){
    .biolog01 .bgimg .list2_tit {
        font-size: 100px;
    }
}
@media (max-width: 1280px){
    .list2 .icon {
        width: 60px;
        height: 60px;
    }
    .list2 .tit{
        margin-top: 10px;
        font-size: 13px;
    }
    .biolog01 .bgimg .list2_tit {
        font-size: 80px;
    }
    .biolog01 .hbox4{
        margin-top: 30px;
    }
}
@media (max-width: 1024px){
    .list2 .icon {
        width: 40px;
        height: 40px;
    }
    .biolog01 .bgimg .list2_tit {
        font-size: 60px;
    }
    .biolog01 .hbox4{
        margin-top: 15px;
    }
}
@media (max-width: 768px){
    .biolog01 .bgimg .list2_tit{
        right: unset;
        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);
    }
    .biolog01{
        padding: 25px 0;
    }
}
@media (max-width: 640px){
    .hbox4 .list2{
        padding: 0 15px;
        width: 100%;
    }
    .biolog01 .bgimg{
        margin-top:0;
    }
}

/* 技术平台 */
.plat01{
    padding: 5.3% 0 3.7%;
}

.list3 .item{
    display: flex;
    align-items: center;
    margin-bottom: 5.56%;
}
.list3 .tit{
    color: #000000;
    padding-bottom: 46px;
    position: relative;
    display: inline-block;
}
.list3 .tit::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 2px;
    background-color: #6ec840;
}
.list3 .num{
    font-size: 120px;
    font-weight: 700;
    font-style: oblique;
    background-image: linear-gradient(to bottom, rgba(0, 98, 200, .08), #fff);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    display: inline-block;
    position: absolute;
    left: 100%;
    white-space: nowrap;
    bottom: 0;
}
.list3 .imgbox{
    width: 50%;
}
.list3 .text_box{
    width: 50%;
    padding: 15px 15px 15px 0;
}

.list3 .editor{
    max-height: 9.99em;
    overflow-y: auto;
    margin-top: 30px;
    padding-right: 4%;
}
.list3 .item:nth-child(2n+1) .text_box{
    padding-left: 6.3%;
}
.list3 .item:nth-child(2n) .text_box{
    padding-right: 6.3%;
}
.list3 .item:nth-child(2n){
    flex-direction: row-reverse;
}

@media (max-width: 1459px){
    .list3 .tit {
        padding-bottom: 35px;
    }

    .list3 .num {
        font-size: 100px;
    }

    .list3 .item:nth-child(2n+1) .text_box {
        padding-left: 4%;
    }

    .list3 .item:nth-child(2n) .text_box {
        padding-right: 4%;
    }

}
@media (max-width: 1280px){
    .list3 .num {
        font-size: 80px;
    }
    .list3 .tit {
        padding-bottom: 25px;
    }
    .list3 .editor {
        margin-top: 20px;
    }
}
@media (max-width: 1024px){
    .list3 .num{
        font-size: 48px;
    }
}
@media (max-width: 768px){
    .list3 .item{
        margin-bottom: 15px;
    }
}
@media (max-width: 640px){
    .list3 .item {
        flex-wrap: wrap;
    }

    .list3 .imgbox {
        width: 100%;
    }

    .list3 .text_box {
        width: 100%;
        padding: 15px !important;
    }

    .list3 .editor {
        max-height: 8.33em;
    }
    .list3 .tit {
        padding-bottom: 15px;
    }
    .list3 .text_box{
        margin-top: 15px;
    }
}

/* 企业文化 */

.list4{
    display: flex;
}
.list4 .item{
    position: relative;
    width: 33.33%;
    padding: 4.5% 3.7% 3.7%;
    background-size: cover;
    background-repeat: no-repeat;
    border: 1px solid #fff;
}
.list4 .item::before{
    content: '';
    display: block;
    position: absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
    background-color: rgba(255, 255, 255, .91);
    z-index: 2;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.list4 .item .text_box{
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.list4 .desc{
    margin-top: 15px;
}
.list4 .icon{
    width: 60px;
}
.list4 .icon img{
    width: 100%;
}
.list4 .fund{
    padding-top: 30.2%;
}
.list4 .tit{
    margin-top: 30px;
}
.list4 .editor{
    margin-top: 25px;
}
.list4 .item:hover::before{
    opacity: 0;
}
.list4 .item:hover .tit,
.list4 .item:hover .editor,
.list4 .item:hover .num,
.list4 .item:hover .desc{
    color: #fff;
}
@media (max-width: 1024px){
    .list4 .icon{
        width: 40px;
    }
    .list4 .tit {
        margin-top: 15px;
    }
    .list4 .editor {
        margin-top: 15px;
    }
    .list4 .fund {
        padding-top: 20%;
    }
}
@media (max-width: 640px){
    .list4 {
        flex-wrap: wrap;
    }

    .list4 .item {
        width: 100%;
    }

    .list4 .fund {
        padding-top: 10%;
    }
}

/* 发展历程 */
.history01{
    padding: 4.73% 0 4.21%;
    background-size: cover;
    background-repeat: no-repeat;
}
.hbox5{
    position: relative;
    padding-top: 3%;
}
.hbox5 .xian{
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    height: 100%;
    border-right: 2px dashed #e1e3e4;
    margin-left: -1px;
    z-index: 3;
}
.hbox5 .xian::before{
    content: '';
    position: absolute;
    left: 0;
    top: -20px;
    background-image: url(../images/icon11.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 39px;
    height: 35px;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
}
.hbox5 .show_more{
    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);
    background-image: url(../images/icon12.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 14px;
    height: 15px;
    cursor: pointer;
}
.list6{
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    z-index: 4;
}


.list6 .year{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: relative;
    overflow: hidden;
    z-index: 2;
    margin-top: 9.4vh;
    /* width: 12.2vh; */
    /* height: 12.2vh; */
    width: 6.6em;
    height: 6.6em;
    cursor: pointer;
}
.list6 .bg_img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.list6 .bg_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}
.list6 .year_main{
    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%);
    z-index: 2;
    width: 100%;
    text-align: center;
}
.list6 .bar{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 1px solid #cbcbcb;
    margin: 0 auto 10px;
    background-color: #ffffff;
}
.list6 .year.cur .bar{
    display: none;
}
.list6 .year.cur .bg_img{
    opacity: 1;
}
.list6 .year.cur .year_box{
    color: #fff;
}
.list6 .year.none{
    display: none;
}

.list5_box{
    position: relative;
    z-index: 2;
}
.list5 .item{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.list5 .kong,
.list5 .main{
    width: 43.75%;
}

.list5 .main{
    display: flex;
    background-color: #fff;
    padding: 2.43%;
    align-items: center;
    position: relative;
}

.list5 .editor{
    margin-top: 25px;
}
.list5 .imgbox{
    width: 35.7%;
}
.list5 .imgbox img{
    width: 100%;
}


.list5 .item:nth-child(2n){
    flex-direction: row-reverse;
}
.list5 .item:nth-child(2n) .main{
    flex-direction: row-reverse;
}
.list5 .item:nth-child(2n) .main .month{
    text-align: right;
}
.list5 .item:nth-child(2n) .main .imgbox{
    margin-right: 5%;
}
.list5 .item:nth-child(2n+1) .main .imgbox{
    margin-left: 5%;
}


.list5 .item:nth-child(2n+1) .main::before{
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom: 13px solid #fff;
    border-top: 0;
    top: 50%;
    z-index: 1;
    left: -17px;
    transform: translate(0,-50%) rotate(-90deg);
    -webkit-transform: translate(0,-50%) rotate(-90deg);
    -moz-transform: translate(0,-50%) rotate(-90deg);
    -ms-transform: translate(0,-50%) rotate(-90deg);
    -o-transform: translate(0,-50%) rotate(-90deg);
}
.list5 .item:nth-child(2n) .main::before{
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom: 13px solid #fff;
    border-top: 0;
    top: 50%;
    z-index: 1;
    right: -17px;
    transform: translate(0,-50%) rotate(90deg);
    -webkit-transform: translate(0,-50%) rotate(90deg);
    -moz-transform: translate(0,-50%) rotate(90deg);
    -ms-transform: translate(0,-50%) rotate(90deg);
    -o-transform: translate(0,-50%) rotate(90deg);
}

@media (max-width: 1280px){
    .list5 .editor{
        margin-top: 10px;
    }
    .history01{
        padding: 25px 0;
    }
}
@media (max-width: 768px){
    .history01{
        padding: 35px 0 25px;
    }
}
@media (max-width: 640px){
    .list6 .year {
        width: 50px;
        height: 50px;
    }

    .list5 .main {
        flex-wrap: wrap;
        padding: 10px;
    }

    .list5 .imgbox {
        width: 100%;
        margin: 10px auto !important;
    }

    .list5 .text_box {
        width: 100%;
    }

    .list5 .kong, .list5 .main {
        width: 43%;
    }
}

/* 加入我们——加入智教 */
.join01{
    padding: 6.3% 0;
}
.join01 .tit_box{
    text-align: center;
}
.join01 .hbox6{
    margin-top: 5.2%;
}
.hbox6{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hbox6 .left{
    width: 37.5%;
}
.hbox6 .tit{
    color: #000000;
}
.hbox6 .editor{
    margin-top: 45px;
}
.hbox6 .right{
    width:53%;
}

.join02{
    padding: 5.3% 0;
    overflow: hidden;
    background-color: #f1f6f7;
}
.join02 .tit_box{
    text-align: center;
}
.join02 .editor{
    max-width: 960px;
    width: 100%;
    margin: 30px auto 0;
}
.join02 .join02_swiper{
    margin-top: 3%;
    padding-bottom: 145px;
}
.join02_swiper .swiper-container{
    padding: 1% 0;
    overflow: unset;
}
.join02_swiper .item{
    box-shadow: 0 0 15px rgba(0, 0, 0, .06);
}
.join02_swiper .imgbox{
    padding-bottom: 87%;
    position: relative;
}
.join02_swiper .imgbox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.join02_swiper .icon{
    background-color: #0062c8;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    width: 70px;
    height: 70px;
    border: 5px solid #fff;
    position: relative;
    display: inline-block;
    margin-top: -40px;
}
.join02_swiper .icon img{
    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%);
    width: 45%;
}
.join02_swiper .text_box{
    background-color: #fff;
    padding: 0 15px 45px;
    text-align: center;
        height: 170px;
}
.join02_swiper .tit{
    margin-top: 30px;
}

.join02_swiper .swiper_box{
    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);
}
.join02_swiper .swiper_box{
    display: flex;
    align-items: center;
    width: 100%;
}
.join02_swiper .swiper_box::before{
    content: '';
    display: block;
    flex: 1;
    height: 2px;
    background-color: #d8ddde;
}
.join02_swiper .swiper_btns{
    display: flex;
    align-items: center;
    min-width: 145px;
    justify-content: space-between;
}
.join02_swiper .swiper_btns .swiper_btn:not(:first-child){
    margin-left: 25px;
}
.join02_swiper.base_swiper1 .swiper_btn{
    border: 1px solid #61c22e;
    position: relative;
    top: unset;
    transform: unset;
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
}
.join02_swiper.base_swiper1 .swiper_btn.prev::before,
.join02_swiper.base_swiper1 .swiper_btn.next::before{
    border-bottom-color: #61c22e;
}
.join02_swiper.base_swiper1 .swiper_btn.prev:hover::before,
.join02_swiper.base_swiper1 .swiper_btn.next:hover::before{
    border-bottom-color: #fff;
}

.join03{
    padding: 5.3% 0 4%;
}
.join03 .tit_box{
    text-align: center;
}
.join03 .list7{
   margin-top: 3.5%;
}
.list7{
    display: flex;
    flex-wrap: wrap;
}
.list7 .item{
    width: 48.75%;
    margin-bottom: 2.5%;
}
.list7 .item:not(:nth-child(2n+1)){
    margin-left: 2.5%;
}
.list7 .imgbox{
    padding-bottom: 58.5%;
    position: relative;
    width: 100%;
}
.list7 .imgbox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 1024px) {
    .join02_swiper .tit {
        margin-top: 15px;
    }
    .join02_swiper .text_box {
        padding: 0 15px 25px;
    }
    .join02_swiper .icon {
        width: 60px;
        height: 60px;
        margin-top: -20px;
    }
    .join02 .join02_swiper {
        padding-bottom: 80px;
    }
    .join02_swiper .swiper_btns {
        min-width: 100px;
    }
    .hbox6 .editor{
        margin-top: 35px;
    }
}
@media (max-width: 768px) {
    .join01 {
        padding: 25px 0;
    }
    .join01 .hbox6 {
        margin-top: 15px;
    }
    .join02 {
        padding: 25px 0;
    }
    .join02 .join02_swiper {
        padding-bottom: 45px;
    }
    .join02_swiper .swiper_btns {
        min-width: 70px;
    }
    .join03 {
        padding: 25px 0 10px;
    }
    .join02_swiper .icon {
        width: 45px;
        height: 45px;
        margin-top: -15px;
    }
    .join02_swiper .tit {
        margin-top: 5px;
    }
    .hbox6 .editor{
        margin-top: 25px;
    }
}
@media (max-width: 640px) {
    .hbox6 {
        flex-wrap: wrap;
    }
    .hbox6 .left {
        width: 100%;
    }
    .hbox6 .right {
        width: 100%;
        margin-top: 15px;
    }
    .hbox6 .editor {
        margin-top: 15px;
    }
}
/* 加入我们——招聘列表 */
.employ01{
    padding: 6.3% 0;
}
.employ01 .tit_box{
    text-align: center;
}

.employ01 .hbox7{
    margin-top: 3.54%;
}
.hbox7{
    display: flex;
}
.hbox7 .left{
    width: 23.6%;
}
.hbox7 .right{
    flex: 1;
    padding-left: 4.9%;
}
.hbox7 .right .list8{
    padding-bottom: 40px;
}
.select_box{
    position: relative;
}
.select_box .select_tit{
    background-color: #f8fafb;
    color: #000000;
    padding: 20px 45px 20px 20px;
    position: relative;
    cursor: pointer;
}
.select_box .select_tit::before{
    content: '';
    display: block;
    position: absolute;
    top: 41%;
    border-top: 2px solid #69696a;
    border-right: 2px solid #69696a;
    right: 45px;
    width: 6px;
    height: 6px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
.select_box .select_list{
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .06);
    max-height: 120px;
    overflow-y: auto;
    display: none;
}
.select_list .select_item{
    padding: 10px 15px;
    color: #000000;
    cursor: pointer;
}
.hbox7 .search1{
    margin-top: 20px;
}
.search1{
    display: flex;
    background-color: #f8fafb;
    padding: 20px 45px 20px 20px;
}
.search1 .input{
    flex: 1;
}
.search1 .input input{
    width: 100%;
    background-color: transparent;
}
.search1 input::placeholder{
    color: #000000;
}
.search1 .input_btn{
    width: 15px;
    height: 15px;
    background-image: url(../images/icon13.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.search_btn{
    line-height: 60px;
    background-color: #0062c8;
    text-align: center;
    margin-top: 25px;
    color: #fff;
}

.list8 .item{
    background-color: #f8fafb;
    padding: 0 7.8% 0 3.9%;
    margin-bottom: 3%;
    cursor: pointer;
}
.list8 .cvp{
    position: relative;
    padding-right: 8.8%;
    padding-top: 4.4%;
    padding-bottom: 4.4%;
}
.list8 .cvb{
    display: none;
}
.list8 .lables{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 15px;
}
.list8 .lables .lable{
    padding: 0 25px;
    position: relative;
}
.list8 .lables .lable:first-child{
    padding-left: 0;
}
.list8 .lables .lable + .lable::before{
    content: '|';
    position: absolute;
    left: 0;
    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%);
}
.list8 .qiehuan{
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    right: 0;
    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%);
    z-index: 2;
    cursor: pointer;
    border: 1px solid #0062c8;
}
.list8 .qiehuan::before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom: 8px solid #0062c8;
    bottom: 12px;
    z-index: 1;
    left: 19px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    z-index: 2;
}
.list8 .item.cur .qiehuan{
    background-color: #0062c8;
}
.list8 .item.cur .qiehuan::before{
    border-bottom-color: #fff;
    bottom: 10px;
    transform: rotate(120deg);
    -webkit-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    left: 18px;
}
.list8 .item.cur .tit{
    color: #0062c8;
}
.list8 .item.cur{
    border-top: 2px solid #0062c8;
}
.list8 .editor{
    margin-top: 10px;
}
.list8 .section{
    padding-bottom:40px;
}

@media (max-width: 1459px) {

}
@media (max-width: 1280px) {
    .select_box .select_tit {
        padding: 15px;
    }
    .select_box .select_tit::before {
        right: 15px;
    }
    .search1 {
        padding: 15px;
    }
    .search_btn {
        line-height: 45px;
    }
}
@media (max-width: 1024px) {
    .list8 .qiehuan {
        width: 30px;
        height: 30px;
    }
    .list8 .qiehuan::before {
        left: 13px;
        bottom: 8px;
    }
    .list8 .item.cur .qiehuan::before {
        bottom: 5px;
        left: 13px;
    }
    .list8 .section {
        padding-bottom: 20px;
    }
}
@media (max-width: 768px) {
    .employ01{
        padding: 25px 0;
    }
    .list8 .lables .lable {
        padding: 0 15px;
    }
    .hbox7 .search1 {
        margin-top: 10px;
    }
    .search_btn {
        margin-top: 20px;
    }
    .employ01 .hbox7{
        margin-top: 15px;
    }
}
@media (max-width: 640px) {
    .hbox7 {
        flex-wrap: wrap;
    }
    .hbox7 .left {
        width: 100%;
    }
    .hbox7 .right {
        flex: unset;
        padding-left: 0;
        margin-top: 15px;
        width:100%;
    }
    .list8 .lables .lable {
        padding: 0 5px;
    }
    .list8 .item {
        padding: 15px;
        width:100%;
    }
    .list8 .cvp{
        padding-top: 0;
        padding-bottom: 0;
    }
    .list8 .lables {
        margin-top: 10px;
    }
}
/* 市场活动 */
.market01{
    padding:6.08% 0 2.63%;
}
.market01 .tit_box{
    text-align: center;
}
.market01 .market01_swiper{
    margin-top: 4.8%;
}
.market01_swiper .text_box{
    padding: 6.7% 10% 9%;
    border: 2px solid #cce0f4;
    border-top: none;
}
.market01_swiper .time{
    color: #61c22e;
}
.market01_swiper .imgbox{
    padding-bottom: 60%;
    position: relative;
    overflow: hidden;
}
.market01_swiper .imgbox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.market01_swiper .tit{
    line-height: 1.5;
    color: #000;
    margin-top: 20px;
}
.market01_swiper .more{
    margin-top: 30px;
}
.market01_swiper .item: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);
}
.market01_swiper .item:hover .tit{
    color: #0062c8;
}

.market02{
    padding: 0 0 6.3%;
}
.market02 .list9{
    padding-bottom: 5.2%;
}

.list9 .item{
    padding: 45px 0;
    display: flex;
    align-items: center;
    border-bottom: 1px dashed #cce0f4;
}
.hbox8{
    padding: 0 55px 0 40px;
    border-right: 1px solid #cccccc;
    margin-right: 60px;
}
.hbox8 .month{
    color: #000000;
    font-family:"HarmonyMedium";
    white-space: nowrap;
}
.hbox8 .year{
    color: #888888;
    font-family:"HarmonyMedium";
    margin-top: 20px;
}
.eurp01 .list9{
    padding-bottom: 5.6%;
}
.list9 .tit{
    color: #000000;
    font-family:"HarmonyMedium";
}
.list9 .editor{
    color: #888888;
    margin-top: 20px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.list9 .right{
    flex: 1;
}
.list9 .text_box{
    position: relative;
    padding-right: 220px;
}
.list9 .more{
    position: absolute;
    right: 0;
    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%);
}
.list9 .item:hover .tit{
    background-image: linear-gradient(to right, #164388 , #409b48);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

@media (max-width: 1459px){
    .list9 .item{
        padding: 30px 0;
    }
    .hbox8 {
        padding: 0 35px 0 30px;
        margin-right: 40px;
    }
    .hbox8 .year{
        margin-top: 15px;
    }
}
@media (max-width: 1024px){
    .list9 .item{
        padding: 20px 0;
    }
    .hbox8 {
        padding: 0 25px 0 20px;
        margin-right: 20px;
    }
    .hbox8 .year{
        margin-top: 10px;
    }
    .list9 .text_box {
        padding-right: 120px;
    }
    .market01_swiper .text_box {
        padding: 15px;
    }
    .market01_swiper .more {
        margin-top: 15px;
    }
}
@media (max-width: 768px){
    .list9 .text_box {
        padding-right: 100px;
    }
    .market01 .market01_swiper {
        margin-top: 25px;
    }

    .market01 {
        padding: 25px 0;
    }

    .market02 .list9 {
        padding-bottom: 25px;
    }

    .market02 {
        padding-bottom: 25px;
    }
    .market01_swiper .tit{
        margin-top: 15px;
    }
}
@media (max-width: 640px){
    .market01{
        padding-bottom: 0;
    }
    .list9 .item {
        flex-wrap: wrap;
        padding: 15px 0;
    }

    .list9 .left {
        width: 100%;
    }
    .list9 .right {
        flex: unset;
        margin-top: 0;
    }
    .list9 .editor {
        margin-top: 10px;
    }
    .hbox8 {
        padding: 10px 0;
        border-right: none;
        margin-right: 0;
    }
    .list9 .right{
        width:100%;
    }
    .hbox8 .year {
        margin-top: 0;
    }
    .list9 .text_box {
        padding-right: 0;
    }

    .list9 .more {
        top: -40px;
        transform: unset;
    }
}

/* 活动详情 */
.info01{
    padding: 6.3% 0;
}
.info01 .tit{
    color: #000;
    font-family: "HarmonyMedium";
    line-height: 1.5;
}
.info01 .editor{
   padding: 4%  0 5.1%;
   border-top: 1px solid #e8e8e8;
}
.other{
    display: flex;
    align-items: center;
    margin: 25px 0 30px;
}
.other .li{
    position: relative;
    color: #222222;
}
.other .li:not(:first-child){
    margin-left: 45px;
}

.new_go{
    position: relative;
    padding-right: 200px;
}
.new_go .new_goit{
    display: flex;
}
.new_go .new_goit:not(:first-child) {
    margin-top: 15px;
}
.new_goit span {
    color: #888888;
    white-space: nowrap;
}
.new_go .new_goit a {
    color: #000;
    margin-left: 20px;
    display: inline-block;
}
.new_go .new_goit a:hover{
    color: #0062c8;
}
.goback{
    line-height: 50px;
    background-color: #0062c8;
    text-align: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    position: absolute;
    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%);
    right: 0;
    padding: 0 22px;
}
.goback span{
    padding-left: 40px;
    position: relative;
}
.goback span::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    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%);
    background-image: url(../images/icon14.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 17px;
}
.goback  span{
    color: #fff;
}


.hbox9{
    display: flex;
}
.hbox9 .left{
    flex: 1;
    margin-right: 6.6%;
}
.hbox9 .right{
    width: 24.3%;
}
.reated .reated_tit{
    color: #000;
    line-height: 1.5;
    font-family:"HarmonyMedium";
}
.reated .list10{
    margin-top: 5%;
}
.list10 .item{
    margin-bottom: 10px;
}
.list10 .item:hover .ctit{
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    background-image: linear-gradient(to right, #164388, #409b48);
}
.list10 .imgbox{
    padding-bottom: 55.56%;
    overflow: hidden;
    position: relative;
}
.list10 .imgbox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.list10 .text_box{
    padding: 8.5% 0;
}
.list10 .ctit{
    line-height: 1.5;
    color: #000;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.list10 .ctime{
    margin-top: 20px;
    color: #888888;
}
.list10 .item: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);
}
@media (max-width: 1280px){
    .other {
        margin: 15px 0;
    }
    .other .li:not(:first-child) {
        margin-left: 25px;
    }
}
@media (max-width: 1024px){
    .other .li:not(:first-child) {
        margin-left: 15px;
    }
}
@media (max-width: 768px){
    .info01{
        padding: 25px 0;
    }
    .goback span {
        padding-left: 25px;
    }
    .goback {
        line-height: 40px;
        padding: 0 15px;
    }
    .new_go{
        padding-right: 150px;
    }
}
@media (max-width: 640px){
    .hbox9 {
        flex-wrap: wrap;
    }
    .hbox9 .left {
        flex: unset;
        width: 100%;
        margin-right: 0;
    }
    .hbox9 .right {
        width: 100%;
        margin-top: 15px;
    }
    .new_go {
        padding-right: 0;
    }
    .goback {
        position: relative;
        transform: unset;
        display: inline-block;
        margin-top: 15px;
    }
    .goback {
        line-height: 30px;
    }
}
/* 产品中心 */
.pro01{
    padding: 6.3% 0;
}
.pro01 .tit_box{
    text-align: center;
}
.pro01 .list12{
    margin-top: 5%;
    padding-bottom: 2.8%;
}
.list12{
    display: flex;
    flex-wrap: wrap;
}
.list12 .item{
    width: 31.66%;
    margin-bottom: 2.5%;
}
.list12 .item:not(:nth-child(3n+1)){
    margin-left: 2.5%;
}
.list12 .imgbox{
    padding-bottom: 61.3%;
    position: relative;
    overflow: hidden;
}
.list12 .imgbox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.list12 .text_box{
    padding:8.8% 6.6%;
    border: 2px solid #cce0f4;
    border-top: none;
    text-align: center;
}
.list12 .desc{
    margin-top: 25px;
    line-height: 1.75;
}
.list12 .more{
    margin-top: 30px;
}
.list12 .item: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);
}
.list12 .item:hover .tit{
    color: #0062c8;
}

@media (max-width:1024px) {
    .list12 .more{
        margin-top: 20px;
    }
    .list12 .desc{
        margin-top: 20px;
    }
}

@media (max-width:768px) {
    .pro01 {
        padding: 25px 0;
    }
    .list12 .more{
        margin-top: 15px;
    }
    .list12 .desc{
        margin-top: 15px;
    }
}
@media (max-width:640px) {
    .list12 .item {
        width: 49%;
    }
    .list12 .item:not(:nth-child(3n+1)) {
        margin-left: 0;
    }
    .list12 .item:not(:nth-child(2n+1)) {
        margin-left: 2%;
    }
    .list12 .more{
        margin-top: 10px;
    }
    .list12 .desc{
        margin-top: 10px;
        line-height: 1.3;
    }
}

/* 产品详情 */
.proinfo01{
    padding: 6.3% 0;
}
.hbox10{
    display: flex;
    align-items: center;
}
.hbox10 .left{
    width: 43.75%;
}
.hbox10 .left img{
    width: 100%;
}
.hbox10 .right{
   flex: 1;
   padding-left: 5%;
}
.hbox10 .cob{
    padding-bottom: 30px;
    border-bottom: 1px solid #c6d8e1;
}
.hbox10 .tit{
    color: #000000;
}
.hbox10 .desc{
    color: #222222;
    margin-top: 15px;
}
.hbox10 .editor{
    padding: 5% 0;
    color: #222222;
}

@media (max-width:1024px) {
    .hbox10 .cob {
        padding-bottom: 20px;
    }
    .hbox10 .desc{
        margin-top: 10px;
    }
}
@media (max-width:768px) {
    .proinfo01{
        padding: 25px 0;
    }
    .hbox10 {
        flex-wrap: wrap;
    }
    .hbox10 .left {
        width: 100%;
    }
    .hbox10 .right {
        flex: unset;
        width: 100%;
        padding-left: 0;
        margin-top: 15px;
    }
    .hbox10 .editor {
        padding: 15px 0;
    }
}
@media (max-width:768px) {
    .hbox10 .tit {
        font-size: 18px;
    }
}
/* 产品详情长 */
.proinfo02{
    padding: 6.3% 0;
}
.proinfo02 .tit{
    color: #000000;
    text-align: center;
}
.proinfo02 .desc{
    color: #222222;
    margin-top: 15px;
    text-align: center;
}
.proinfo02 .imgbox{
    margin-top: 5%;
    text-align: center;
}
.proinfo03{
    padding: 5.3% 0;
    background-color: #f1f6f7;
}
.proinfo03 .tit{
    text-align: center;
}
.proinfo03 .list13{
    margin-top: 4.18%;
}
.list13{
    display: flex;
    flex-wrap: wrap;
}
.list13 .item{
    width: 32%;
    background-color: #fff;
    padding: 4.17%;
    margin-bottom: 2%;
    position: relative;
    overflow: hidden;
}
.list13 .item:not(:nth-child(3n+1)){
    margin-left: 2%;
}
.list13 .item:hover{
    box-shadow: 0 0 75px rgba(72, 122, 140, .13);
}
.list13 .ctit{
    color: #000000;
}
.list13 .desc{
    margin-top: 20px;
    line-height: 1.66;
}
.list13 .num{
    position: absolute;
    right: 0;
    bottom: -10%;
    color: rgba(0, 98, 200, .04);
    font-size: 120px;
    line-height: 1;
}
@media (max-width:1280px){
    .list13 .num{
        font-size: 100px;
    }
}
@media (max-width:1024px){
    .list13 .num{
        font-size: 80px;
    }
}
@media (max-width:768px){
    .list13 .num{
        font-size: 60px;
    }
    .proinfo02 {
        padding: 25px 0;
    }
    .proinfo03 {
        padding: 25px 0;
    }
    .proinfo02 .imgbox {
        margin-top: 15px;
    }
    .list13 .item {
        padding: 20px;
    }
    .list13 .desc {
        margin-top: 10px;
    }
    .proinfo03 .list13{
        margin-top: 15px;
    }
}
@media (max-width:640px){
    .list13 .item {
        width: 49%;
    }
    .list13 .item:not(:nth-child(3n+1)) {
        margin-left: 0;
    }
    .list13 .item:not(:nth-child(2n+1)) {
        margin-left: 2%;
    }
}
/* 技术服务主页 */
.tech01{
    padding: 6.3% 0;
}
.hbox11{
    display: flex;
}
.hbox11 .tit_box{
    padding-bottom: 30px;
    border-bottom: 1px solid #dbdbdb;
}
.hbox11 .base_tit

.hbox11 .left{
    width: 220px;
}
.hbox11 .right{
    flex: 1;
    padding-left: 4.2%;
}

.hbox11 .list15,
.hbox11 .list14{
    padding-top: 40px;
}
.list15 .item{
    color: #000000;
    margin-bottom: 30px;
    display: block;
}
.list15 .item.cur,
.list15 .item:hover{
    color: #0062c8;
}
.list14{
    display: flex;
    flex-wrap: wrap;
}
.list14 .item{
    width: 48.3%;
    margin-bottom: 3.4%;
    position: relative;
}
.list14 .item:not(:nth-child(2n+1)){
    margin-left: 3.4%;
}
.list14 .imgbox{
    padding-bottom: 57%;
    position: relative;
    overflow: hidden;
}
.list14 .imgbox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.list14 .text_box{
    position: absolute;
    bottom: 7%;
    left: 0;
    right: 0;
    padding: 0 5%;
    color: #fff;
}

.list14 .item: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);
}
@media (max-width:1280px){
    .hbox11 .list15, .hbox11 .list14 {
        padding-top: 20px;
    }
    .hbox11 .tit_box {
        padding-bottom: 20px;
    }
    .list15 .item{
        margin-bottom: 20px;
    }
}
@media (max-width:1024px){
    .list15 .item{
        margin-bottom: 15px;
    }
}
@media (max-width:768px){
    .list15 .item{
        margin-bottom: 10px;
    }
    .tech01{
        padding: 25px 0;
    }
    .hbox11 .list15, .hbox11 .list14 {
        padding-top: 10px;
    }
    .hbox11 .tit_box {
        padding-bottom: 10px;
    }
}
@media (max-width:640px){
    .hbox11 {
        flex-wrap: wrap;
    }
    .hbox11 .left {
        width: 100%;
    }
    .hbox11 .right {
        flex: unset;
        width: 100%;
        padding: 15px 0;
    }
    .list14 .item {
        width: 100%;
    }
    .list14 .item:not(:nth-child(2n+1)) {
        margin-left: 0;
    }
}

/* 人全基因组重测序 */
.genome01{
    padding: 5.8% 0;
    background-size: cover;
    background-repeat: no-repeat;
}

.list16{
    display: flex;
    flex-wrap: wrap;
}
.list16 .item{
    flex: 1;
    position: relative;
}
.list16 .imgbox{
    padding-bottom: 39.1vw;
    position: relative;
}
.list16 .imgbox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.list16 .text_box{
    position: absolute;
    bottom: 20%;
    left: 0;
    right: 0;
    padding: 0 12.62%;
}
.list16 .lable{
    padding: 5px 10px;
    border-radius:20px;
    -webkit-border-radius:20px ;
    -moz-border-radius:20px ;
    -ms-border-radius:20px ;
    -o-border-radius:20px ;
    background-color: #0062c8;
    color: #fff;
    display: inline-block;
}
.list16 .editor{
    margin-top: 35px;
    color: #fff;
    height: 14.5em;
    overflow: hidden;
    <!-- -webkit-line-clamp: 5;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical; -->
    line-height: 1.3;
}

.genome03{
    padding-top: 5%;
    background-size: cover;
    background-repeat: no-repeat;
}
.genome03 .list17{
    margin-top: 4%;
}
.genome03 .base_tit{
    color: #fff;
}

.list17{
    display: flex;
    flex-wrap: wrap;
    background-size: cover;
    background-repeat: no-repeat;
}
.list17 .item{
    width: 33.33%;
    position: relative;
    padding: 7%;
    align-items: center;
    display: flex;
}
.list17 .icon{
    display: block;
    padding-bottom: 40px;
    position: relative;
    width: 40px;
}
.list17 .icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-height: 100%;
}
.list17 .tit{
    color: #fff;
    margin-left: 30px;
}
.list17 .item::after{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, .3);
    height: 1px;
}
.list17 .item:not(:nth-child(3n+1)):before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: rgba(255, 255, 255, .3);
    height: 100%;
}

.genome04{
    padding: 7.4% 0 8.15%;
    background-color: #f1f6f7;
}
.genome04 .list18{
    margin-top: 5.9%;
}
.genome04 .editor{
    margin-top: 5%;
}
.list18{
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}
.list18 .item{
    position: relative;
    text-align: center;
    flex: 1;
}
.list18 .item .img1{
    display: block;
}
.list18 .item .img2{
    display: none;
}
.list18 .imgbox{
    width: 12.5vw;
    height: 12.5vw;
    position: relative;
    display: inline-block;
}
.list18 .imgbox .img{
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: #fff;
    box-shadow: 0 0 75px rgba(77,122,140, .13);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.list18 .imgbox img{
    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%);
    width: 28%;
    z-index: 2;
}
.list18 .text_box{
    text-align: center;
    margin-top: 22%;
}
.list18 .item:hover .img1{
    display: none;
}
.list18 .item:hover .img2{
    display: block;
}


.list18 .item:not(:nth-child(5n+5)) .imgbox:before{
    content: '';
    display: block;
    width: 2.605vw;
    height: 2.605vw;
    background-color: #cbd7da;
    position: absolute;
    right: -1.7vw;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    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%);
    z-index: 0;
}
.list18 .item:not(:nth-child(5n+5)) .imgbox::after{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    right: -0.8vw;
    width: 8px;
    height: 8px;
    transform:translate(0,-50%) rotate(45deg);
    -webkit-transform:translate(0,-50%) rotate(45deg);
    -moz-transform:translate(0,-50%) rotate(45deg);
    -ms-transform:translate(0,-50%) rotate(45deg);
    -o-transform:translate(0,-50%) rotate(45deg);
}


@media (max-width:1280px){
    .list17 .item {
        padding: 5%;
    }
}
@media (max-width:1024px){
    .list18 .text_box {
        margin-top: 20px;
    }
    .list16 .text_box {
        bottom: 5%;
    }

}
@media (max-width:768px){
    .genome01 {
        padding: 25px 0;
    }
    .list16 .editor {
        margin-top: 20px;
    }
    .list17 .icon {
        width: 30px;
        padding-bottom: 25px;
    }

    .list17 .tit {
        margin-left: 15px;
    }
}
@media (max-width:640px){
    .list17 .item {
        width: 50%;
        padding: 25px 10px;
    }
    .list17 .item:not(:nth-child(3n+1)):before{
        opacity: 0;
    }
    .list17 .item:not(:nth-child(2n+1)):before{
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 1px;
        background-color: rgba(255, 255, 255, .3);
        height: 100%;
        opacity: 1 !important;
    }
    .list18 .text_box {
        margin-top: 10px;
    }
    .list16 .item {
        width: 100%;
        flex: unset;
    }
    .list16 .text_box {
        bottom: 15px;
        padding: 0 15px;
    }
    .list16 .editor {
        height: auto;
        text-overflow: unset;
        -webkit-line-clamp: unset;
        font-size: 14px;
    }
    .list16 .text_box {
        position: relative;
        padding: 30px 15px 15px;
        bottom: unset;
        left: unset;
        right: unset;
    }
    .list16 .imgbox {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        padding-bottom: 0;
    }
}


/* 动植物全基因组重测序 */
.genome05{
    padding: 7.9% 0;
    background-size: cover;
    background-repeat: no-repeat;
}
.genome05 .base_tit{
    color: #fff;
}
.genome05 .base_tit::before{
    background-image: url(../images/icon081.png);
}
.genome05 .list19{
    margin-top: 3%;
}

.list19{
    display: flex;
    flex-wrap: wrap;
}
.list19 .item{
    width: 34.7%;
    background-color: #ffffff;
    padding: 2.8% 4.2%;
    display: flex;
    align-items: center;
    border-radius: 65px;
    -webkit-border-radius: 65px;
    -moz-border-radius: 65px;
    -ms-border-radius: 65px;
    -o-border-radius: 65px;
    margin-top: 4.2%;
}
.list19 .item:nth-child(2n){
    margin-left: 8%;
}
.list19 .item:nth-child(4n+3){
    margin-left: 21.8%;
}
.list19 .icon{
    padding-bottom: 40px;
    width: 40px;
    position: relative;
}
.list19 .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%);
}
.list19 .text_box{
    padding-left: 15%;
}
.list19 .tit{
    color: #000000;
    font-weight: 500;
}
.list19 .desc{
    color: #888888;
    margin-top: 5px;
}

.genome06{
    padding: 6.3% 0;
}
.genome06 .genome06_swiper{
    margin-top: 5%;
}

.genome06_swiper{
    position: relative;
}
.genome06_swiper .item{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.genome06_swiper .imgbox{
    width: 100%;
    height: 100%;
}
.genome06_swiper .imgbox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.genome06_swiper .left{
    width: 46.1%;
}
.genome06_swiper .right{
    width: 45.8%;
}
.genome06_swiper .tit{
    color: #000;
}
.genome06_swiper .studys{
    margin-top: 7%;
}
.studys{
    display: flex;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    overflow: hidden;
}
.studys .study{
    width: 50%;
    text-align: center;
    line-height: 60px;
    color: #0062c8;
    cursor: pointer;
    border: 2px solid #0062c8;
}
.studys .study:nth-child(1) {
    border-radius: 30px 0 0 30px;
}

.studys .study:nth-child(2) {
    border-radius: 0 30px  30px 0;
}
.studys .study.cur{
    background-color: #0062c8;
    color:#fff;
}
.genome06_swiper .editors{
    margin-top: 5%;
}
.genome06_swiper .more{
    margin-top: 7.6%;
}

.genome06_swiper .prev{
    left: -10%;
}
.genome06_swiper .next{
    right: -10%;
}

@media (max-width:1459px){
    .genome06_swiper .prev{
        left: -5%;
    }
    .genome06_swiper .next{
        right: -5%;
    }
    .studys .study {
        line-height: 45px;
    }
}
@media (max-width:768px){
    .list19 .item {
        padding: 10px 15px;
        width: 49%;
        margin-top: 2%;
    }

    .list19 .icon {
        padding-bottom: 30px;
        width: 30px;
    }

    .list19 .text_box {
        padding-left: 15px;
    }

    .genome05 {
        padding: 25px 0;
    }

    .genome04 {
        padding: 25px 0;
    }

    .genome04 .editor {
        margin-top: 15px;
    }

    .list19 .item:nth-child(2n) {
        margin-left: 0;
    }

    .list19 .item:nth-child(4n+3) {
        margin-left: 0;
    }

    .list19 .item:not(:nth-child(2n+1)) {
        margin-left: 2%;
    }

    .genome05 .list19 {
        margin-top: 15px;
    }

    .genome06 {
        padding: 25px 0;
    }

    .studys .study {
        line-height: 30px;
    }

    .genome06_swiper .studys {
        margin-top: 10px;
    }
    .genome06_swiper .prev{
        left: 0;
    }
    .genome06_swiper .next{
        right: 0;
    }
}
@media (max-width:640px){
    .list19 .item {
        width: 100%;
    }
    .list19 .item:not(:nth-child(2n+1)) {
        margin-left: 0;
    }
    .genome06_swiper .item {
        flex-wrap: wrap;
    }
    .genome06_swiper .left {
        width: 100%;
    }
    .genome06_swiper .right {
        width: 100%;
        margin-top: 45px;
    }
    .genome06_swiper.base_swiper1 .swiper_btn{
        top: 22%;
    }
}

/* 案例详情 */
.case01{
    padding: 4.2% 0 6.6%;
}
.case01 .title{
    text-align: center;
}
.case01 .sections{
    margin-top: 4.2%;
    padding-bottom: 4.2%;
    margin-bottom: 4.2%;
    border-bottom: 1px solid #e5e5e5;
}
.case01 .section .editor{
    padding: 2.43% 0;
}
.case01 .section .section_tit{
    color: #0062c8;
}
@media (max-width:640px){
    .case01 .section .section_tit{
        font-size: 18px;
    }
}

/* 转录组测序 */
.genome04 .celvs{
    margin-top: 4.2%;
}
.celvs{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.celvs .celv{
    display: flex;
    flex-wrap: wrap;
}
.celvs .celv:not(:first-child){
    margin-left: 4%;
}
.celvs .celv_tit{
    color: #000;
}
.celvs .celv_desc{
    color: #888888;
    margin-left: 3px;
}

.genome031{
    padding: 5.3% 0;
}
.genome031 .list20{
    margin-top: 4.2%;
}
.list20{
    display: flex;
    flex-wrap: wrap;
}
.list20 .item{
    margin-bottom: 0.1%;
    width: 19.92%;
    background-color: rgba(249, 249, 249, .4);
    border: 1px solid #649bd6;
    padding: 3.82% 2.5%;
    display: flex;
    align-items: center;
}
.list20 .item:not(:nth-child(5n+1)){
    margin-left: 0.1%;
}
.list20 .icon{
    padding-bottom: 45px;
    position: relative;
    min-width: 42px;
}
.list20 .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-height: 100%;
}
.list20 .tit{
    margin-left: 25px;
    color: #fff;
}
.list20 .item:hover{
    background-color: #61c22e;
}

@media (max-width:1459px){
    .list20 .item {
        padding: 3% 2%;
    }
}
@media (max-width:1024px){
    .list20 .item {
        width: 32.26%;
    }

    .list20 .item:not(:nth-child(5n+1)) {
        margin-left: 0;
    }

    .list20 .item:not(:nth-child(3n+1)) {
        margin-left: 0.1%;
    }
    .list20 .icon {
        padding-bottom: 30px;
        min-width: 30px;
    }
}
@media (max-width:768px){
    .genome031{
        padding: 25px 0;
    }
    .list20 .item {
        width: 49.95%;
    }
    .list20 .item:not(:nth-child(3n+1)) {
        margin-left: 0;
    }
    .list20 .item:not(:nth-child(2n+1)) {
        margin-left: 0.1%;
    }
    .genome04 .celvs{
        margin-top: 15px;
    }
}
@media (max-width:640px){
    .celvs .celv {
        width: 100%;
        margin-bottom: 1%;
    }
    .celvs .celv:not(:first-child) {
        margin-left: 0;
    }
}

/* 技术服务_转录组 */
.mixing01{
    background-size: cover;
    background-repeat: no-repeat;
    padding: 6.3% 0;
}
.mixing02{
    padding: 7.1% 0 0;
    background-repeat: no-repeat;
    background-color: #f1f6f7;
}
.mixing02 .mixing02_swiper{
    margin-top: 5%;
}
.mixing02_swiper .prev{
    left: -10%;
}
.mixing02_swiper .next{
    right: -10%;
}
.mixing02_swiper .item{
    display: flex;
    padding: 4.52%;
    background-color: #fff;
    cursor: pointer;
}
.mixing02_swiper .imgbox{
    width: 47.7%;
}
.mixing02_swiper .text_box{
    flex: 1;
    padding: 3.1% 0 3.1% 3.82%;
}
.mixing02_swiper .tit{
    font-weight: 500;
    color: #000;
}
.mixing02_swiper .desc{
    margin-top: 30px;
    line-height: 2;
}

.mixing03{
    padding: 7.89% 0 5.8%;
    background-color: #f1f6f7;
}
.mixing03 .base_tit{
    color: #000;
}
.mixing03 .list21{
    margin-top: 5.2%;
}
.list21{
    display: flex;
    flex-wrap: wrap;
}
.list21 .item{
    width: 22.15%;
    position: relative;
}
.list21 .item:not(:nth-child(4n+1)){
    margin-left: 3.8%;
}
.list21 .tit{
    margin-top: 18%;
}
.list21 .editor{
    margin-top: 12%;
}
.list21 .item .tmain{
    position: relative;
    z-index: 2;
    background-color: #fff;
    padding: 17.2% 15.8% 9.5%;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    box-shadow: 0 0 75px rgba(72, 122, 140, .13);
    height: 100%;
}
.list21 .item:not(:nth-child(4n)):before{
    content: '';
    display: block;
    width: 2.605vw;
    height: 2.605vw;
    background-color: #cbd7da;
    position: absolute;
    right: -1.7vw;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    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%);
    z-index: 0;
}
.list21 .item:not(:nth-child(4n))::after{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    right: -0.8vw;
    width: 8px;
    height: 8px;
    transform:translate(0,-50%) rotate(45deg);
    -webkit-transform:translate(0,-50%) rotate(45deg);
    -moz-transform:translate(0,-50%) rotate(45deg);
    -ms-transform:translate(0,-50%) rotate(45deg);
    -o-transform:translate(0,-50%) rotate(45deg);
}
.list21 .item .icon{
    padding-bottom: 43px;
    position: relative;
    display: inline-block;
    width: 45px;
}
.list21 .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-height: 100%;
}

.mixing04{
    background-repeat: no-repeat;
    background-size: cover;
    padding: 6.83% 0 28.4%;
}
.hbox12{
    display: flex;
    justify-content: space-between;
}
.hbox12 .right{
    width: 52.5%;
}
.hbox12 .editor{
    color: #fff;
}
.mixing05{
    padding: 6.3% 0 0;
}
.mixing05 .editors{
    padding:4% 0 6.3%;
}

.broads{
    position: fixed;
    left: 2%;
    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%);
    z-index: 10;
    max-width: 7.15%;
}
.broads::before{
    content: '';
    display: block;
    width: 2px;
    background-color: #e2e2e2;
    position: absolute;
    left: 6px;
    top: 5px;
    bottom: 5px;
}

.broads .broad{
    padding-left: 24px;
    position: relative;
    cursor: pointer;
}
.broads .broad:not(:first-child){
    margin-top: 60px;
}
.broads .broad::before{
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background-color: #e2e2e2;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: absolute;
    left: 0;
    top: 4px;
}
.broads .broad.cur::before{
    background-color: #0061c8;
}
.broads .broad.cur{
    color: #0061c8;
}
@media (max-width: 1680px) {
    .broads{
        max-width:8.15%;
    }
}
@media (max-width: 1600px){
    .broads{
        max-width:8.15%;
    }    
}
@media (max-width:1459px){
   
    .mixing02_swiper .prev{
        left: -5%;
    }
    .mixing02_swiper .next{
        right: -5%;
    }
    .broads{
        max-width:4%;
        left:.5%;
    }   
}
@media (max-width:1280px){
    .list21 .item .tmain {
        padding: 9%;
    }
    .list21 .tit {
        margin-top: 5%;
    }
}
@media (max-width:1024px){
    .mixing02_swiper .prev{
        left: 0;
    }
    .mixing02_swiper .next{
        right: 0;
    }
    .broads .broad:not(:first-child){
        margin-top: 40px;
    }
    .broads .broad:not(:first-child) {
        margin-top: 0;
    }
    .broads {
        bottom: 5px;
        top: unset;
        width: 100%;
        left: 5px;
        transform: unset;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;
        max-width: unset;
        display:flex !important;
    }
    .broads::before,
    .broads .broad::before{
        display: none;
    }
    .broads .broad {
        padding: 10px 15px;
        background-color: #60bd34;
        color: #fff;
    }
    .broads .broad.cur{
        background-color: #0062c8;
        color: #fff;
    }
}
@media (max-width:768px) {
    .mixing01 {
        padding: 25px 0;
    }

    .mixing02 {
        padding: 25px 0 0;
    }

    .mixing03 {
        padding: 25px 0;
    }

    .mixing03 .list21 {
        margin-top: 15px;
    }

    .mixing04 {
        padding: 25px 0 10%;
    }

    .mixing05 {
        padding: 25px 0 0;
    }

    .mixing05 .editors {
        padding: 15px 0 25px;
    }
    .list21 .item {
        width: 49%;
        margin-bottom: 2%;
    }

    .list21 .item:not(:nth-child(4n+1)) {
        margin-left: 0;
    }

    .list21 .item:not(:nth-child(2n+1)) {
        margin-left: 2%;
    }
    .list21 .editor{
        margin-top: 15px;
    }
    
}
@media (max-width:640px){
    .hbox12 {
        flex-wrap: wrap;
    }
    .hbox12 .right {
        width: 100%;
        margin-top: 10px;
    }
    .list21 .item {
        width: 100%;
    }
    .list21 .item:not(:nth-child(2n+1)) {
        margin-left: 0;
    }
    .list21 .item .tmain {
        padding: 15px;
    }
    .list21 .item .tmain {
        padding: 15px;
    }

    .list21 .item .icon {
        padding-bottom: 35px;
        width: 35px;
    }

    .list21 .tit {
        margin-top: 5px;
    }

    .list21 .editor {
        margin-top: 10px;
    }
    .mixing02_swiper .item {
        flex-wrap: wrap;
    }

    .mixing02_swiper .imgbox {
        width: 100%;
    }

    .mixing02_swiper .text_box {
        padding-left: 0;
        flex: unset;
    }
    .broads .broad {
        padding: 5px 10px;
        font-size: 12px;
    }
}

/* 编辑器内容 */
.ed_box1{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.ed_box1 .imgbox{
    max-width: 50%;
}
.ed_box1 .text_box{
    width: 50%;
    padding-left: 5%;
}

.ed_box3{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.ed_box3 .imgbox{
    max-width: 50%;
}
.ed_box3 .text_box{
    width: 50%;
}

.ed_box2{
    background-color: #f1f6f7;
    padding: 2.8% 1.4%;
    text-align: center;
    border-radius: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
}
.ed_box2 span{
    color: #61c22e;
}
.ed_list1{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.ed_list1 .ed_item{
    width: 32%;
    margin-bottom: 2%;
    background-color: #61c22e;
    color: #fff;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    padding: 1.4% 1.4% 1.4% 2%;
    display: block;
}
.ed_list1 span{
    padding-right: 20px;
    position: relative;
    display: block;
}
.ed_list1 span::before{
    content: '';
    display: block;
    position: absolute;
    right: 0;
    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%);
    background-image: url(../images/icon01.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 14px;
    background-size: contain;
}
.ed_list1 .ed_item:hover{
    background-color: #0062c8;
}
.ed_list1 .ed_item:not(:nth-child(3n+1)){
    margin-left: 2%;
}



@media (max-width:1459px){
    .ed_list1 span {
        font-size: 16px;
    }
}
@media (max-width:768px){
    .ed_box1 .imgbox{
        width: 100%;
    }
    .ed_box1 .text_box{
        width: 100%;
        margin-top: 15px;
    }
    .ed_list1 span {
        font-size: 14px;
    }
    .ed_list1 .ed_item {
        width: 49%;
    }

    .ed_list1 .ed_item:not(:nth-child(3n+1)) {
        margin-left: 0;
    }

    .ed_list1 .ed_item:not(:nth-child(2n+1)) {
        margin-left: 2%;
    }
}
@media (max-width:640px){
    .ed_box2 {
        font-size: 13px;
    }
     .ed_list1 .ed_item {
        width: 100%;
    }
    .ed_list1 .ed_item:not(:nth-child(2n+1)) {
        margin-left: 0;
    }
}



.adv_popcontent{
    position: relative;
    background-color: #fff;
    padding: 3%;
    width: 60%;
}
.adv_overscorll{
    /* overflow-y: auto; */
    /* height: 100%; */
    /* max-height: 60vh; */
}
.adv_popcontent .tit{
    text-align: center;
}
.adv_popcontent .desc{
    margin-top: 1%;
    text-align: center;
}
.adv_popcontent .imgbox{
    margin-top: 1%;
}
.adv_popcontent .imgbox img{
    width: 100%;
}
.adv_popcontent .editor{
    margin-top: 2%;
}


@media (max-width:640px){
    .adv_popcontent{
        width: 90%;
    }
    .adv_overscorll{
        overflow-y: auto;
        height: 100%;
        max-height: 60vh;
    }
}

/* 单细胞产品 */
.monad01{
    padding: 4.2% 0;
    background-size: cover;
    background-repeat: no-repeat;
}
.hbox13{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hbox13 .left{
    width: 45.8%;
}
.hbox13 .right{
    width: 43%;
}
.hbox13 .hbox13_tit{
    color: #888888;
    margin-top: 5%;
    text-align: center;
}
.monad02{
    padding: 6.5% 0;
    background-size: cover;
    background-repeat: no-repeat;
}
.hbox14{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hbox14 .left{
    width: 31.59%;
}
.hbox14 .right{
    width: 62.5%;
}
.hbox14 .editor{
    margin-top: 12%;
    color: #fff;
}

.monad03{
    padding: 6.3% 0 5%;
}
.monad03 .desc{
    margin-top: 2%;
}
.monad03 .list22{
    margin-top: 3.8%;
}
.list22{
    display: flex;
    flex-wrap: wrap;
}
.list22 .item{
    width: 31.53%;
    margin-bottom: 2.7%;
    display: flex;
    flex-direction: column;
}
.list22 .item:not(:nth-child(3n+1)){
    margin-left: 2.7%;
}
.list22 .imgbox{
    position: relative;
}
.list22 img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.list22 .tit{
   padding: 50px 15px;
   text-align: center;
   position: relative;
   z-index: 2;
   color: #fff;
   height: 158px;
}
.list22 .text_box{
    flex: 1;
    background-color: #fff;
    box-shadow: 0 0 76px rgba(72, 122, 140, .13);
    padding: 9% 9% 4.5%;
}

.labs1{
    display: flex;
    flex-wrap: wrap;
}
.labs1 .lab{
    color: #000000;
    padding: 4.82% 3.5%;
    background-color: #f1f6f7;
    width: 49%;
    margin-bottom: 2%;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    text-align: center;
}
.labs1 .lab:not(:nth-child(2n+1)){
    margin-left: 2%;
}
.labs1 .lab:nth-child(3){
    width: 100%;
}

.monad04{
    padding: 6.834% 0 8.7%;
    background-size: cover;
    background-repeat: no-repeat;
}

.hbox15{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.monad04 .list18 {
    margin-top: 4.9%;
}
.monad04 .list18 .imgbox:before{
    display: none !important;
}
.monad04 .list18 .imgbox::after{
    display: none !important;
}
.monad04 .list18  .text_box{
    color: #fff;
}
.monad05{
    padding: 6.3% 0;
}
.monad05 .list23{
    margin-top: 4.9%;
}
.list23{
    display: flex;
    flex-wrap: wrap;
}
.list23 .item{
    width: 50%;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.list23 img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.list23 .tit{
    background-color: #0363c6;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    padding:  10px 40px;
    display: inline-block;
    margin: 23% 0;
    position: relative;
    z-index: 2;
    color: #fff;
    font-weight: 500;
}
.list23 .item:hover .tit{
    background-color: #60bd34;
}
.list23 .item: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);
}

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

    .monad02 {
        padding: 25px 0;
    }

    .monad03 {
        padding: 25px 0;
    }

    .monad04 {
        padding: 25px 0;
    }

    .monad05 {
        padding: 25px 0;
    }

    .monad05 .list23 {
        margin-top: 15px;
    }

    .monad04 .list18 {
        margin-top: 15px;
    }
}
@media (max-width:640px){
    .hbox13 {
        flex-wrap: wrap;
    }

    .hbox13 .left {
        width: 100%;
    }

    .hbox13 .right {
        width: 100%;
        margin-top: 15px;
    }

    .hbox14 {flex-wrap: wrap;}

    .hbox14 .left {
        width: 100%;
    }

    .hbox14 .right {
        width: 100%;
        margin-top: 15px;
    }

    .list22 .item {
        width: 100%;
    }

    .list22 .item:not(:nth-child(3n+1)) {
        margin-left: 0;
    }

    .list22 .text_box {
        padding: 15px;
    }

    .labs1 .lab {
        padding: 10px 5px;
    }

    .list23 .tit {
        padding: 5px 15px;
    }
}
/* 产品优势 */
.streng01{
    padding: 4.73% 0 5.3%;
}
.streng_boxs .streng_box:not(:first-child){
    padding-top: 5.2%;
    margin-top: 8.4%;
    border-top: 2px solid #e8e6e6;
}
.streng_box .editor{
    padding: 40px 0 80px;
}
.list24{
    display: flex;
    flex-wrap: wrap;
}
.list24 .icon img{
    min-width: 60px;
}
.list24 .text_box{
    padding-left: 9.7%;
}
.list24 .item{
    width: 50%;
    display: flex;
    padding: 5.2% 5.2% 3.5%;
    background-color: #61c22e;
}
.list24 .item:hover{
    background-color: #0062c8;
}
.list24 .tit{
    color: #fff;
}
.list24 .desc{
    color: #fff;
    margin-top: 30px;
}

@media (max-width:1024px){
    .list24 .icon img {
        min-width: 45px;
    }
    .list24 .text_box{
        padding-left: 25px;
    }
    .list24 .desc{
        margin-top: 15px;
    }
    .streng_box .editor{
        padding: 30px 0 50px;
    }
}
@media (max-width:768px){
    .list24 .icon img {
        min-width:35px;
    }
    .streng01{
        padding: 25px 0;
    }
    .streng_box .editor{
        padding: 25px 0;
    }
}
@media (max-width:640px){
    .list24 .icon img {
        min-width: 25px;
    }
    .list24 .item {
        width: 100%;
    }
    .list24 .text_box{
        padding-left: 15px;
    }
    .list24 .desc{
        margin-top: 10px;
    }
}

/* 单篇 */
.single{
    padding: 6.3% 0;
}
.single .tit_box{
    text-align: center;
}
.single .editor{
    padding: 3.5% 0;
}
@media (max-width:768px){
    .single{
        padding: 25px 0;
    }
    .single .editor{
        padding: 20px 0;
    }
}


/* 搜索结果页 */
.report02{
    padding: 6.3% 0;
}
.report02 .list25{
    padding-bottom: 20px;
}
.list25 .capt{
    display: flex;
    align-items: center;
}
.list25 .tit{
    color: #333333;
    flex: 1;
}
.list25 .time{
    color: #666666;
    white-space: nowrap;
    margin-left: 15px;
}
.list25 .item{
    margin-bottom: 20px;
    padding: 30px 40px;
    display: block;
    background-color: #fff;
    box-shadow: 0 0 15px rgba(24, 94, 126, .16);
}
@media (max-width: 1459px){
    .list25 .item {
        padding: 25px 30px;
    }
    .report02 {
        padding: 80px 0;
    }
}
@media (max-width: 1280px){
    .list25 .item {
        padding: 20px;
    }
    .report02 {
        padding: 50px 0;
    }
}
@media (max-width: 1024px){
    .report02 {
        padding: 30px 0;
    }
}
@media (max-width: 768px){
    .list25 .item{
        padding: 15px;
        margin-bottom: 15px;
    }
    .list25 .capt {
        flex-wrap: wrap;
    }
    .list25 .tit {
        width: 100%;
        flex: unset;
    }
    .list25 .time {
        margin: 10px 0 0;
    }
}

.list2 .item:hover .icon {
    background-color:  #0062c8;
}

.list2 .item:hover .img1 {
    display: none;
}

.list2 .item:hover .img2 {
    display: block;
}
.list6 .year.cur .bg_img:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 80%;
    height: 80%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    background-color: rgba(96,194,46,.8);
}
.list17 .item:hover .icon {transform: rotateY(360deg);}
.list17 .icon {
    transition: all .5s;
}
.list18 .item:hover .imgbox:before{
    background-color: #8ea4a9;
}
/* 网站地图 */
.site01 {
    padding: 5% 0;
}
.site01 .list26 {
    display: flex;
    justify-content: space-between;
}
.site01 .item .ctit {
    font-size: 18px;
    position: relative;
    padding-bottom: 20px;
}
.site01 .item .ctit a {
    color: #333;
}
.site01 .item .clist26 .citem {
    margin-top: 25px;
}
.site01 .item .citem a {
    font-size: 16px;
    color: #555;
}
.site01 .item .ctit::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 25px;
    height: 2px;
    background-color: #0062c8;
}
.site01 .item .citem a:hover{
    color: #0062c8;
}

@media(max-width:768px){
    .site01 .list26{
        flex-wrap: wrap;
    }
    .site01 .item .ctit{
        display: inline-block;
    }
    .site01 .list26 .item{
        width: 33.33%;
        margin-bottom: 15px;
        text-align: center;
    }
}
@media(max-width:480px){
    .site01 .list26 .item{
        width: 50%;
    }
    .site01 .item .clist26 .citem {
        margin-top: 10px;
    }
    .site01 .item .citem a{
        font-size: 14px;
    }
    .site01 .item .ctit {
        font-size: 16px;
        padding-bottom: 10px;
    }
}

/* 2024.4.22 */
@media(max-width:640px){
    .index04_swiper.base_swiper .swiper_btn {
        top: 26%;
    }
}


.streng_boxs .tit_box {
    text-align: center;
}
.genome04_tit {
    display: flex;
    justify-content: space-between;
}