body, html {
    margin: 0;
    padding: 0;
    color: #222;

}
.Proitem. part1-text{
    opacity: 1;
    transform: translate(-200px 0px);

}

@font-face {
    font-family: "PingFang Regular";
    src: url("../fonts/PingFang Regular.ttf");
}

@font-face {
    font-family: "PingFang Medium";
    src: url("../fonts/PingFang Medium.ttf");
}

h3{
    font-weight: bold;!important;
}

.Proiductinfo {
    width: 100%;
    font-family: 'PingFang Medium';

}
.Proitem{
    flex: 1 auto;
    overflow: hidden;
    color: #222222;
    opacity: 1;

}

.Proitem .itemmessage {
    width: 565px;
    /*float: right;*/
    margin-right: 40px;
    /*padding-top: 20%;*/

}
.itemmessage div{
    margin-bottom: 20px;
}
.features{
    margin-top: 46px;
    overflow: hidden;
}
.features ul li {
    float: left;

}
.features .spacer{
    overflow: hidden;
    margin: 11px 5px 0;
    width: 1px;
    height: 15px;
    background-color: #222;
}
.features .fetlayer{
    height: 33px;
    font-size: 28px;
    font-weight: 500;
    color: #222222;
    line-height: 30px;
    padding: 0 31px;
}
.itemmessage .ftinnner{
    font-size: 20px;
    font-weight: 500;
    color: #222222;
    line-height: 30px;
    margin-top: 80px;
    word-wrap: break-word;
    text-align: justify;
    padding-right: 63px;

}
.Proiductinfo .part2{
    background:url("/img/32channels/3-background.png")no-repeat;
    height: auto;
    background-size: 100% 100%;
    object-fit: contain;
    width: 100%;
}
.Proiductinfo .part2 .pro_img{
    width: 72%;
    float: right;
}
.Proiductinfo .part2 .pro_img img{
    width: 80%;
    float: right;
    margin-right: -30px;
    height: auto;
}
.Proiductinfo .part2 .part2_toptext{
    width: 30%;
    float: left;
    position: absolute;
    left: 80px;
    top: 55px;

}
.Proiductinfo .part2 .topwarp{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.Proiductinfo .part2 .topwarp .part2_toptext h3{
    /* height: 113px; */
    font-size: 44px;
    font-weight: bold;
    line-height: 71px;
    margin-bottom: 37px
}
.Proiductinfo .part2 .topwarp .part2_toptext span{
    display: block;
    font-size: 20px;
    font-weight: 500;
    word-wrap: break-word;
    text-align: justify;
    line-height: 30px;

}
.part2_foottext{
    width: 90%;
    margin: 0 auto;
    margin-top: 30px;
}
.part2_foottext ul li{
    display: inline-block;
    width: 33%;
    text-align: center;
}
.part2_foottext ul li span{
    display: block;
    margin-bottom: 32px;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px
}
.graph{
    padding: 20px 0;
    width: 100%;
    margin: 129px auto 63px auto;
}
.graph h3{
    font-size: 54px;
    font-weight: bold;
    line-height: 81px;
    padding-left: 50px;
    margin-bottom: 35px;
}
.graph span{
    margin: 0 auto;
    display: block;
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
}
.graph .part3_img{
    display: block;
    margin-bottom: 30px;
}
.part3_img img{
    width: 977px;
    margin:  0 auto;
}
.graph .part3_entext{
    font-size: 20px;
    margin-top: 29px;
}
.part4{
    width: 98%;
    height: 720px;
    margin: 30px auto;
    background: url("../../../img/nuoto/part4-bg.png")no-repeat;
    background-size: 100% 100%;
    padding: 20px;
    box-sizing: border-box;
}
.part4 .Proitem{
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 30px;
}
.part4 .part4_text{
    width: 380px;
    padding-top: 139px;
    color: #245C4E;

}
.part4 .part4_pc{
    width: 50%;
}
.part4 .part4_pc img{
    width: 100%;
    height: auto;

}
.part4 .part4_text h3{
    color: #245C4E;
    font-size: 54px;
    padding-bottom: 30px;
    border-bottom: #245C4E solid 1px;
    margin-bottom: 48px;
}
.part4 .part4_text span{
    display: block;
    margin-bottom: 50px;
    font-size: 20px;

    word-wrap: break-word;
    text-align: justify;
}
.part5{
    width: 98%;
    height: 910px;
    margin: 40px auto 0 auto;
    padding: 137px 0 87px 0;
    background: #F0F0F0;;
}
.part5 .pro5_img{
    width: 753px;
    height: 622px;
    margin: 0 auto;
    position: relative;
}
.part5 .pro5_img .lefttext{
    position: absolute;
    left: -180px;
    top: 50%;
    font-size: 40px;
}
.part-item{
    width: 98%;
    margin: 20px auto 0 auto;
}
.part5 .pro5_img .righttext{
    position: absolute;
    right: -180px;
    top: 50%;
    font-size: 40px;
}
.part5 .bottomtext{
    font-size: 20px;
    margin-top: 44px;
    text-align: center;
}
.part6{
    width: 98%;
    margin: 40px auto 0 auto;
    background: #F6F2F1;
    padding: 58px 0 69px 0;

}
.part6 h3 {
    font-size: 54px;
    margin-bottom: 78px;
}
.part6 .innerbox .pro6_img{

}

.part6 .innerbox .iconleft{
    margin-bottom: 30px;
}
.part6 .innerbox .modeltext{
    width: 100%;
    text-align: left;
    margin-top: -20px;
    /*opacity: 1;*/
    /*transform: translate(200px, 0px);*/

}
.part6 .innerbox .modeltext span{
    margin-bottom: 32px;
    display: block;
    font-size: 20px;
}
.part6 .innerbox .modeltext .botoomtext{
    font-size: 54px;
    padding-top: 23px;
    border-top: #222 solid 2px;
    width: 55%;
    margin-top: 53px;
}
.part7{
    margin-top: 40px;
    background: #EBF3E6;
    text-align: center;
    padding: 80px 0;
    box-sizing: border-box;
}
.part7 .pro7_img{
    width: 98%;
    margin: 0 auto;


}
.part7 .pro7_img img{
    width: 100%;
}
.part7 h3{
    width: 50%;
    font-size: 54px;
    color: #222;
    text-align: left;
    margin: 0 auto 137px auto;
}
.part8{
    width: 100%;
    background-color: #fff;
}
.pro8_inner{
    width: 990px;
    margin: 0 auto;
    padding: 88px 0 70px 0;
    font-size: 20px;
    text-align: justify;
}
.pro8_inner .texts{
    margin-bottom: 51px;
    display: block;
}
.part9{
    width: 100%;
    background-color:#212121 ;
}
.part9 .main-wrap{
    width: 90%;
    margin: 0 auto;
    height: 497px;
    background: url("../../../img/nuoto/4Plasmid DNA.png")no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}
.part9 h3{
    font-size: 80px;
    color: #fff;
    text-align: center;
    padding-top: 20%;
}
.part10{
    background: #F6F2F1;
    width: 100%;

}
.part10 .inner10{
    padding: 80px 0 178px 0;
    width: 989px;
    margin: 0 auto;
}
.part10 .inner10 .pro10_img {
    text-align: center;
}
.part10 .inner10 .mini_text{
    width: 50%;
    text-align: center;
    margin: -100px auto 0 auto;
    font-size: 12px;
    color: #666;
}
.part10 .inner10 .mini_text span{
    display: block;
}
.part10 .inner10 .big_text{
    margin-top: 127px;


}
.part10 .inner10 .big_text h3{
    font-size: 54px;
    padding-bottom: 30px;
    width: 628px;
    line-height: 81px;
    margin-bottom: 48px;
    position: relative;
}
.part10 .line-one{
    width: 100vh;
    height: 1px;
    background-color: #222;
    position: fixed;
    left: 0;
}
.part10 .inner10 .big_text span{
    display: block;
    margin-bottom: 51px;
    font-size: 20px;
    text-align: justify;
}
.part11{
    width: 98%;
    margin: 0 auto;

}
.part11 .pro11_img{
    width: 100%;
    overflow: hidden;
    padding: 40px 0;
    box-sizing: border-box;
}
.big_pc{
    width: 50%;
    float: left;
    background-color: #F9F9F9;
}
.big_pc img{
    width: 100%;
    overflow: hidden;
}
.small_pc{
    width: 48%;
    float: right;
}
.small_pc .sm1, .small_pc .sm2{
    background: #f9f9f9;
    text-align: center;
    margin-bottom: 40px;
}
.small_pc .sm1 img, .small_pc .sm2 img{
    margin-top: 25px;
    width: 337px;
    height: 324px;
}
.parameter_wrap{
    width: 1200px;
    margin: 30px auto 0 auto;
}
.parameter_wrap .part_title{
    width: 100%;
}
.parameter_wrap .part_title{

}
.parameter_wrap .part_title .n1{
    font-size: 34px;
    font-weight: 800;
}
.parameter_wrap .part_title .n2{
    font-size: 20px;
    font-weight: 800;
    color: #36383A;
    margin-left: 40px;
}
.parameter_wrap .progird{
    margin-top: 58px;
}
.parameter_wrap .progird h4{
    font-size: 22px;
    color: #36383A;
    margin-bottom: 36px;
    font-weight: bold;
}
.progird ul li{
    width: 100%;
    height: 48px;
    line-height: 48px;
    overflow: hidden;
    padding: 0 10px;
    color: #36383A;
    font-size: 18px;
    font-family: 'PingFang Medium';
}
.progird ul li .col-3{
    width: 30%;
    float: left;
}
.progird ul li .col-9{
    width: 70%;
    float: left;
}
.part1 .bigtxt{
    font-size: 28px;
    font-weight: bold;
    margin-right: 15px;
}
.minisup1{
    font-size: 12px;
}
.progird ul li:nth-of-type(odd){
    background: #F8F9FB;
}
.annotation_box{
    margin: 113px auto 50px auto;
}
.anninner{
    background: #F8F9FB;
    padding: 40px 55px;
    box-sizing: border-box;
    font-size: 18px;
    margin-top: 38px;
    line-height: 27px;
}
.anninner >div{
    margin-bottom: 30px;
    text-align: justify;
}
.anninner div:last-child{
    margin-bottom: 0;
}
.minisup{
    border: 1px solid #36383A;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    display: inline-block;
    text-align: center;
    line-height: 12px;
    margin-bottom: 2px;
    font-size: 12px;
}

.Proiductinfo .part1{
    width: 100%;
    height: 750px;
    background: url("../../../img/32channels/p1-background.png") no-repeat;
    display: flex;
    background-size: 100% 100%;
    overflow: hidden;
    align-items: center;
}
.part1-img{
    width: 50%;
    align-items: center;
    justify-content: center;
    padding: 30px;
    box-sizing: border-box;
    display: flex;

}
.part1-img img{
    width: 100%;
    vertical-align: middle;
    margin-top: 30px;
}
.part3{
    width: 98%;
    margin: 30px auto;
    background-color: #f0f0f0;
    padding-bottom: 40px;
    box-sizing: border-box;
}
.part3.main-wrap{
    width: 715px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
.part3 .main-wrap .img-gird{
    margin: 0 auto;
    text-align: center;
    align-items: center;
    width: 70%;
}
.part3 .main-wrap .img-gird img{
    width: 100%;
    overflow: hidden;
    vertical-align: middle;
    margin: 0 auto;
}
.part3 .main-wrap .text-gird{
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    margin-top: -40px;

}
.part3 .main-wrap .text-gird span{
    margin-bottom: 40px;
}
.part3 .main-wrap .text-gird .t1{
    font-size: 28px;
}
.part3 .main-wrap .text-gird .t2{
    font-size: 46px;
}
.part6 .innerbox{
    width: 90%;
    margin: 0 auto;
    text-align: center;
}
.part6-1{
    width: 98%;
    margin: 30px auto;
    background-color: #f9f9f9;
    display: flex;
    flex-direction: row;
    padding: 30px 0 30px 30px;
    box-sizing: border-box;
}
.part6-1 .main-wrap{
    width: 100%;

}
.part6-1 .line-mid{
    width: 2px;
    height:100%;
    background-color: #222;
}
.part6-1 .top_text{
    display: flex;
    flex-direction: column;
    width: 60%;
    margin: 0 auto;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.part6-1 .top_text .ones{
    display: flex;
    flex-direction: row;
    font-size: 40px;
    align-items: center;
}
.part6-1 .top_text .ones span{
    margin-right: 10px;
}
.part6-1 .top_text p {
    font-size: 24px;
    margin-top: 20px;
}
.part6-1 .pic-gird{
    display: flex;
    flex-direction: row;
    width: 100%;
    overflow: hidden;
    justify-content: space-evenly;
    align-items: center;
}

.checks-icon{
    width: 88px;
    overflow: hidden;
    object-fit: contain;
}

.profixd{
    position: relative;
    display: block;
     width: 80%;
    height: auto;
}
.gloves{
    position: absolute;
    right: 0;
    top: 60px;
    width: 149px;
    height: auto;
}
.p6-left{
    width: 45%;
}
.p6-right{
    position: relative;
    width: 45%;
}
.cha-icon{
    position: absolute;
    top: -40px;
    right: 40px;
}

.p6-right .product7{
    width: 100%;
    height: auto;
}
.part6-2{
    background-color: #fff;
    width: 100%;
    margin: 0 auto;
    padding: 20px 0;
    box-sizing: border-box;
}
.part6-2 .main-wrap{
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
}
.part6-2 .main-wrap .top-title{
    text-align: center;
    width: 50%;
    margin: 20px auto;
    display: flex;
    flex-direction: row;
    font-size: 40px;
    align-items: center;
    justify-content: space-evenly;

}
.part6-2 .main-wrap .top-title .rapid-bg{
    background: url("../../../img/nuoto/step.png") no-repeat;
    width: 121px;
    height: 105px;
    line-height: 105px;
    font-size: 32px;
}
.part6-2 .step-box{
    display: flex;
    flex-direction: row;
    background-image: url("../../../img/nuoto/background-5.png");
    background-repeat: no-repeat;
    background-position: 50px 0;
    background-size: cover;
    object-fit: cover;
    justify-content: space-between;
    margin: auto;


}
.step-box ul{
    display: flex;
    flex-direction: column;
}
.step-box ul li{
    width: 80%;
    overflow: hidden;
    margin: 0 auto;
}
.step-box ul li img{
    width: 100%;
    object-fit: contain;
}
.part12{
    width: 98%;
    margin: 0 auto;
}
.part12 ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}
.part12 .top-title{
    width: 80%;
    margin: 30px auto;
    text-align: center;
}
.part12 .top-title h3{
    font-size: 36px;
    margin-bottom: 10px;
}
.part12 .top-title p{
    font-size: 28px;
    color: #7f8dc6;
}

.part12 ul li{
    background:#fff;
    border-radius: 6px;
    /*box-shadow: 0 9px #7f8dc6;*/
    /*box-shadow:0 0 5px 15px #7f8dc6;*/
    box-shadow: 0 0 3px 5px rgba(127,141,198,0.27);
    /*width: 30%;*/
    margin-right: 10px;
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 40px 30px;
    box-sizing: border-box;
    width: calc((100% - 60px) / 4);
min-width: calc((100% - 60px) / 4);
    max-width: calc((100% - 60px) / 4);
    height: 550px;
    margin-bottom: 20px;
}
.part12 ul li:last-child{
    margin-right: 0;
}
.part12 ul li .imgs{
    width: 70%;
    height: 261px;
    margin: 0 auto 0 auto;
    display: flex;
    align-items: center;
}
.part12 ul li .imgs img{
    width: 80%;
    height: auto;
}
.part12 ul li span{
    margin-bottom: 50px;
    display: block;
}
.part12 ul li .mid-text{
    border-bottom: #D9DDEE solid 1px;
    border-top: #D9DDEE solid 1px;
    font-size: 24px;
    padding: 20px 0;
    box-sizing: border-box;
    color: #000;
}
.part12 ul li .p12s-text{
    font-size: 18px;
    color: #A1ABC8;
    margin-top: 35px;
    height: 100px;
}
.part13{
    width: 100%;
    background-color: #fff;
    padding: 60px;
    box-sizing: border-box;
    text-align: center;
}
.part13 .main-wrap{
    width: 80%;
    overflow: hidden;
    margin: 0 auto;
}
.part13 img{
    width: 100%;
    height: auto;
}
.part14{
    background-color: #f9f9f9;
    width: 98%;
    margin: 0 auto;
    padding: 40px 0;
    box-sizing: border-box;
}
.part14 .girds{
    position: relative;
    width: 90%;
    margin: 0 auto;
}
.girds img{
    width: 100%;
    height: auto;

}
.girds span{
    position: absolute;
    bottom: 0px;
    right: 100px;
    text-align: right;
    line-height: 36px;
    font-size: 18px;
}
.part15{
    background: url("../../../img/nuoto/P10-0.png");
    height: auto;
    padding: 60px 0;
    box-sizing: border-box;
    background-size: 100% 100%;
    object-fit: contain;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.mian-gird{
    width: 80%;
    margin: 0 auto;
}
.part15 img{
    width: 100%;
    height: auto;
}
.p9-content{
    font-size: 80px;
    position: relative;
    color: white;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);

}

.char{
    display: inline-block;
    opacity: 0.3;
    transform: translateY(-150px);
    transition: transform .3s ease-in-out;
}
.part10 .line-one{
    width: 100%;
    height: 1px;
    background-color: #222;
    bottom: 20px;
}
.part1 .title{
    font-size: 28px;
}
.part10-1{
    background: url("../../../img/nuoto/P1-3bg.png");
    height: auto;
    padding: 60px 0;
    box-sizing: border-box;
    background-size: 100% 100%;
    object-fit: contain;
    width: 98%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.part10-1 .title{
    width: 80%;
    margin: 0 auto;
    z-index: 3;
}
.part10-1 .title img {
    width: 100%;

}
.part10-1 .img-item{
    width: 60%;
   margin: 0 auto;
    text-align: center;
    box-sizing: border-box;
    z-index: 2;
}
.part10-1 .img-item img{
    width: 80%;
    margin-top: -99px;
}
.part10-1 .text-item{
   width: 50%;
    margin: 0 auto;

}
.part10-1 .text-item img{
    width: 100%;
}
.part10-1 .text-item .big-title{
    font-size: 60px;
    font-weight: bold;
}
.part10-2{
    background: url("../../../img/nuoto/p1-bg.png") center center no-repeat;
    height: auto;
    padding: 60px 20px;
    box-sizing: border-box;
    background-size: 100% 100%;
    object-fit: contain;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.content-box{
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /*font-family: 'Source Han Sans CN', 'Source Han Sans SC', 'Source Han Sans TC', 'Source Han Sans KR', 'Source Han Sans JP', 'Source Han Sans', 'Noto Sans CJK SC', 'Noto Sans CJK TC', 'Noto Sans CJK', 'Microsoft JhengHei', 'Heiti SC', 'Heiti TC', 'SimHei', 'sans-serif';*/
    color: #2b2b2b;
}

.part10-2 .content-box .left-gird img{
    width: 75%;
}
.content-box .right-gird img{
    width: 100%;
    margin-top: 50px;
}
.content-box div{
    width: 45%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    /*letter-spacing:5px*/
}
.content-box div span{
    font-size: 40px;
    margin-bottom: 20px;
}
.bottom-gird{
    width: 60%;
    margin: 0 auto;
    font-size: 40px;
    text-align: center;

}
.bottom-gird .greentxt{
    color: #70d0c9;
    margin: 0 5px;
    font-size: 56px;
    font-weight: bold;

}
.part10-3{
    background: url("../../../img/nuoto/p2-bg.png") center center no-repeat;
    height: auto;
    padding: 60px 20px;
    box-sizing: border-box;
    background-size: 100% 100%;
    object-fit: contain;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.part10-4 .content-box .left-gird img{
    width: 100%;
    margin-top: 60px;

}
.part10-4{
    background: url("../../../img/nuoto/p3-bg.png") center center no-repeat;
    height: auto;
    padding: 60px 20px;
    box-sizing: border-box;
    background-size: 100% 100%;
    object-fit: contain;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.part10-4 .greentxt{
    color: #98c74f;
}
.part10-3 .content-box .left-gird img{
    width: 100%;
    margin-top: 60px;

}
.bg-pro{
    position: relative;
}
.bg-pro img{
    width: 60%!important;
}
.cha-pro{
    position: absolute;
    top: 65px;
    left: 100px;
}
.part10-5{
    background: url("../../../img/nuoto/p4-bg.png") center center no-repeat;
    height: auto;
    padding: 60px 20px;
    box-sizing: border-box;
    background-size: 100% 100%;
    object-fit: contain;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.part10-5 .content-box .left-gird img{
    width: 100%;
    margin-top: 30px;
}
.part10-5 .bg-pro img{
    width: 70% !important;
    margin-top: 0;

}
.part10-5 .bg-pro .cha-pro{
    position: absolute;
    top: 165px;
    left: 60px;
}
.greentxt1{
    color:#98c74f;
    margin: 0 5px;
    font-weight: bold;
    font-size: 56px;
}
.part10-6,.part10-7{
    background: url("../../../img/nuoto/P6-2.png") center center no-repeat;
    height: auto;
    padding: 60px 20px;
    box-sizing: border-box;
    background-size: 100% 100%;
    object-fit: contain;
    display: flex;
    align-items: center;
    flex-direction: column;

}
.part10-6 div, .part10-7 div{
    text-align: center;
}
.part10-6 .title-gird img,.part10-7 .title-gird img{
    width: 70%;
    margin: 0 auto;
}
.part10-6 .pro-img img,.part10-7 .pro-img img{
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
}
.part10-8{
    background-color: #eee;
    padding: 40px 30px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.part10-8 img{
    width: 100%;

}
.part10-8 .pc-gird{
    margin: 0 auto;
    text-align: center;

}
.part10-8 .pc-gird .text-en{
    margin-top: -80px;
}
.part10-8 .botm-text{
    position: relative;
    width: 100%;
    text-align: center;
    font-size: 26px;
}
.part10-8 .botm-text:before{
    content: "";
    width: 40%;
    height: 4px;
    background: #2b2b2b;
    position: absolute;
    left: 0;
    top: 18px;

}
.part10-8 .botm-text:after{
    content: "";
    width: 40%;
    height: 4px;
    background: #2b2b2b;
    position: absolute;
    right: 0;
    top: 18px;

}
.part10-9{
    background: url("../../../img/nuoto/P9-5.png") center center no-repeat;
    height: auto;
    padding: 60px 20px;
    box-sizing: border-box;
    background-size: 100% 100%;
    object-fit: contain;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.part10-9 .title-gird{
    width: 70%;
    margin: 0 auto;
    text-align: center;
}
.part10-9 .title-gird img{
    width: 100%;
}
.part10-9 .list-gird{
    width: 80%;
    margin: 40px auto 0 auto;
    text-align: center;

}
.part10-9 .list-gird ul{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
.part10-9 .list-gird ul li{
    width: 50%;
    margin-top: 40px;
}
.part10-9 .list-gird ul li img{
    width: 70%;
}
.part15 .numbig{
    font-size: 46px;
    color: #658d86;
    font-weight: bold;
    letter-spacing:3px;
}
.part15 h3{
    font-size: 46px;
    margin-bottom: 20px;
    color: #816a64;
    font-weight: 900;
}
.part15 p{
    font-size: 28px;
}
.tabimgs{
    margin-top: 30px;
}
.part16{
    background: url("../../../img/nuoto/P11-0.png") center center no-repeat;
    height: auto;
    padding: 60px 20px;
    box-sizing: border-box;
    background-size: 100% 100%;
    object-fit: contain;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.part16 .mian-gird{
    width: 80%;
    margin: 0 auto;
    text-align: center;
}
.part16 .mian-gird h3{
    font-size: 36px;
    margin-bottom: 30px;

}
.part16 .browntext{
    color: #816a64;
    font-weight: bold;
    font-size: 56px;
}
.part16 .inner-gird{
    display: flex;
    flex-direction: column;
}
.part16 .small-pic img{
    width: 60%;
}
.top-title-16{
    display: flex;
    justify-content: space-between;
}
.part16 .inner-gird{
    margin-top: 30px;
}
.part16 .inner-gird img{
    width: 100%;
}
.part16 .lists-gird ul{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 20px 0;
}
.part16 .lists-gird ul li{
    margin-right: 20px;
    font-size: 18px;
}
.part16 .lists-gird ul li:last-child{
    margin-right: 0;
}
.part17{
    background: url("../../../img/nuoto/P12-5.png") center center no-repeat;
    height: auto;
    padding: 60px 20px;
    box-sizing: border-box;
    background-size: 100% 100%;
    object-fit: contain;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.part17 h3{
    font-size: 40px;
    margin: 0 auto 50px auto;
    text-align: center;
}
.part17 h3 .spectext{
    color: #745C83;
    font-weight: bold;
    font-size: 56px;
}
.part17 .pic-list ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.pic-list ul li{
    width: 45%;
    margin-bottom: 60px;
}
.pic-list ul li img{
    width: 100%;
}
.part18 .pro-18{
    position: relative;
}
.part18 .pro-18 img{
    width: 100%;
}
.part18 .absolt-img{
    position: absolute;
    top: 100px;
    left: 20%;
    width: 60%;
    margin: 0 auto;
}
.part18 .absolt-img img{
    width: 100%;
}
.part19{
    background: url("../../../img/nuoto/P14-0.png") center center no-repeat;
    height: auto;
    padding: 60px 20px;
    box-sizing: border-box;
    background-size: 100% 100%;
    object-fit: contain;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.part19 h3,.part20 h3{
    font-size: 40px;
    text-align: center;
    letter-spacing: 3px;
    margin-bottom: 50px;
}
.part19 .mian-gird,.part20 .mian-gird{
    width: 80%;
    margin: 0 auto;
    text-align: center;
}
.part19 .mian-gird img,.part20 .mian-gird img{
    width: 100%;
}
.part19 .browntext{
    color: #6F5D5D;
    font-weight: bold;
    font-size: 56px;

}
.part20{
    background: url("../../../img/nuoto/P15-0.png") center center no-repeat;
    height: auto;
    padding: 60px 20px;
    box-sizing: border-box;
    background-size: 100% 100%;
    object-fit: contain;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.part20 .greentext{
    color: #537672;
    font-weight: bold;
    font-size: 56px;

}
.part21{
    width: 100%;
    background-color: #fff;
}
.part21 img{
    width: 100%;

}

/*.part21.mian-gird{*/
/*    width: 80%;*/
/*    margin: 0 auto;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*}*/
.part16-1 img, .part22 img ,.part23 img, .part24 img, .part25 img, .part26 img{
    width: 100%;
}

@media screen and (min-width: 1920px) {
    .part6 .innerbox{
        width: 60%;
        margin: 0 auto;
        text-align: center;
    }
    .part13 .main-wrap{
        width: 60%;
    }
    .part4 .part4_pc img{
        width: 70%;
    }
    .step-box{
        background-size: 126% 100%;
    }
    .part6-2 .main-wrap{
        width: 1200px;
        margin: 0 auto;
    }

    .part12 ul li .imgs{
        height: 310px;
    }
    .gloves{
        right: 135px;
    }
    .part10-1 .title{
        width: 60%;
        margin: 0 auto;
        z-index: 3;
    }
    .part10-1 .title img{
        width: 90%;
        margin: 0 auto;
        z-index: 3;
    }
    .part10-1 .img-item img{
        width: 70%;
    }
    .part10-2 .content-box .left-gird img{
        width: 60%;
    }
    .part10-8 img{
        width: 90%;
    }
    .part10-8 .botm-text{
        width: 90%;
    }
    .pic-list ul li img{
        width: 90%;
    }
    .part19 .mian-gird img, .part20 .mian-gird img{
        width: 90%;
        margin: 0 auto;
    }
}