.content {
    width: 13.50rem;
    margin: 0 auto;
}

.Xcenter {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    text-align: center;
}

.centerPosition {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.visiHidden {
    visibility: hidden;
}

.Normal36 {
    font-size: 0.36rem;
}

.Normal30 {
    font-size: 0.3rem;
}

.Normal24 {
    font-size: 0.24rem;
}

.Normal21 {
    font-size: 0.21rem;
    color: #302e31;
}

.Normal16 {
    font-size: 0.16rem;
    line-height: 0.24rem;
    -webkit-text-size-adjust: none;
}

.Medium46 {
    font-family: SourceHanSansCN-Light;
    font-weight: bold;
    font-size: 0.46rem;
}

.bold36 {
    font-weight: bold;
    font-size: 0.36rem;
}

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

/*------------------------动画-----------------------*/
.is-animated {
    -webkit-animation-duration: .9s;
    animation-duration: .9s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(.4, 0, .2, 1);
    animation-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.u-fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.u-fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

/*------------------------#固定-----------------------*/
.fixed-active .fixed-content {
    position: fixed !important;
}

.fixed-end .fixed-content {
    top:auto!important;
}

.fixed-content {
    position: absolute;
    width: 100%;
    left: 0;
    top:0;
    bottom: 0;
    right: 0;
}

.sc .item-scroll {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: opacity 1.5s;
    transition: opacity 1.5s;
}

.item-active {
    opacity: 1!important;
}

.index2 {
    z-index: 2;
}
/*------------------------#section1-----------------------*/
#section1 {
    background-color: #f0f0f0;
    text-align: center;
    padding-top: 1.20rem;
}

#section1 h1 {
    font-size: 0.72rem;
    letter-spacing: 2px;
    color: #000000;
}

#section1 ul {
    display: flex;
    justify-content: space-between;
    margin-top: 0.8rem;
}

#section1 ul li {
    width: 23%;
}

#section1 ul img {
    max-width: 100%;
}

#section1 ul p {
    font-size: 0.21rem;
    letter-spacing: 1px;
    margin-bottom: 0.2rem;
}


#section1 div > p {
    font-size: 0.14rem;
    position: relative;
    bottom: 0.4rem;
}

/*------------------------#section2-----------------------*/
#section2 {
    padding-top: 1rem;
    padding-bottom: 0.2rem;
}

#section2 .content {
    padding: 0 1.75rem;
}

#section2 img {
    height: 100%;
    object-fit: cover;
}

#sec2Top {
    height: 6.44rem;
}

#sec2Top > div {
    padding-top: 0.60rem;
}

#sec2Top p:nth-of-type(3) {
    margin: 0.1rem 0 0.5rem 0;
}

#sec2Bottom {
    height: 6.77rem;
}

#sec2Bottom > div {
    padding-top: 1.60rem;
}

#sec2Bottom p:nth-of-type(4) {
    margin-top: 0.25rem;
}

.borderfont {
    width: max-content;
    border-radius: 5px;
    border: solid 1px #000000;
    padding: 3px 0.1rem;
    margin-bottom: 0.45rem;
}

#sec2Top .Normal16 {
    color: #302e31;
}

/*------------------------#section3-----------------------*/
#section3 {
    padding: 1.2rem 0 0.8rem 0;
    text-align: center;
    background-color: #000;
    color: #fff;
}

#section3 .Normal36 {
    line-height: 0.46rem;
}

#section3 img {
    max-width: 100%;
    margin-top: 1rem;
}

#section3 ul:first-of-type {
    width: 11rem;
    margin: 0 auto;
}

#section3 ul:last-of-type {
    width: 5.9rem;
    margin: 0.4rem auto;
}

#section3 li {
    list-style: square inside url("../images/3/circle.png");
}

/*------------------------#section4-----------------------*/
#section4 {
    padding: 2.1rem 0 0.8rem 0;
    text-align: center;
}

#section4 .content {
    width: 10.3rem;
    position: relative;
}

#section4 .content > img {
    width: 100%;
}

#section4 ul li {
    position: absolute;
}

#section4 ul p {
    margin-top: 5px;
}

#topUl li:nth-of-type(1) {
    top: 0.7rem;
    left: 0.1rem;
}

#topUl li:nth-of-type(2) {
    top: -0.2rem;
    left: 1.3rem;
}

#topUl li:nth-of-type(3) {
    top: -1rem;
    left: 2.7rem;
}

#topUl li:nth-of-type(4) {
    top: -1.3rem;
    left: 4.7rem;
}

#topUl li:nth-of-type(5) {
    top: -0.9rem;
    left: 6.8rem;
}

#topUl li:nth-of-type(6) {
    top: -0.3rem;
    left: 8.2rem;
}

#topUl li:nth-of-type(7) {
    top: 0.9rem;
    left: 9.4rem;
}

#botUl li:nth-of-type(1) {
    top: 6.8rem;
    left: 1.2rem;
}

#botUl img:nth-of-type(2) {
    position: relative;
    top: 0.6rem;
}

#botUl p:nth-child(3) {
    position: relative;
    top: 0.5rem;
}

#botUl li:nth-of-type(2) {
    top: 7.6rem;
    left: 7.4rem;
}

#botUl li:nth-of-type(3) {
    top: 6rem;
    left: 8.5rem;
}

#sec4Top {
    position: absolute;
    left: 0;
    right: 0;
    top: 0.6rem;
    width: 1.95rem;
    margin: auto;
}

#sec4Bot {
    position: absolute;
    left: 0;
    right: 0;
    top: 5.7rem;
    width: 1.92rem;
    margin: auto;
}

#sec4Top img, #sec4Bot img {
    display: block;
    width: 100%;
}

#section4 .borderfont {
    margin: 0.3rem auto;
}

#sec4Bot .borderfont {
    position: relative;
    top: -0.9rem;
}

/*------------------------#section5-----------------------*/
#section5 {
    background-color: #fafafa;
    padding-top: 0.77rem;
}

#section5 .content {
    position: relative;
    text-align: center;
}

#section5 img {
    max-width: 100%;
}

#section5 img:last-of-type {
    position: absolute;
    width: 0.72rem;
    left: 7.4rem;
    top: 2.46rem;
}

@-webkit-keyframes twinkling {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.twinkle {
    -webkit-animation: twinkling 1s infinite ease-in-out;
}

/*------------------------#section6-----------------------*/
#section6 {
    position: relative;
    color: #fff;
}

#section6 .index2 {
    width: 80%;
    top: 1.2rem;
}

#section6 .item-scroll{
    text-align: center;
}

#section6 .item-scroll .text{
    margin-top: 1.8rem;
}

#section6 .scroll-item-1 ,
#section6 .scroll-item-2{
    background-color: #000;
    background-size: 100% 100%;
}

#section6 .scroll-item-3 {
    background: url("../images/6/bg3.png") no-repeat center center;
    background-size: 100% 100%;
}

#section6 .scroll-item-1 img{
    bottom: 0;
    /*width: 7.89rem;*/
    /*height: 6.92rem;*/
}
#section6 .scroll-item-2 img{
    bottom: 0;
    /*width: 14.57rem;*/
    /*height: 9.34rem;*/
}
#section6 .scroll-item-3 img{
    bottom: 0.17rem;
    /*width: 9.53rem;*/
    /*height: 5.26rem;*/
}

/*------------------------#section7-----------------------*/
#section7 {
    color: #fff;
    background-color: #000;
    position: relative;
}

#section7 img {
    width: 100%;
}

#section7 .Xcenter {
    top: 1rem;
    width: 50%;
}

#section7 .Medium46 {
    margin-bottom: 0.2rem;
}

#section7 .Normal30 {
    letter-spacing: 1px;
    color: #fffefe;
    line-height: 0.34rem;
}

/*------------------------#section8-----------------------*/
#section8 {
    position: relative;
    color: #000;
}

#section8 .fixed-content >.Xcenter {
    width: 80%;
    top: 1.2rem;
}
#section8 .item-scroll{
    text-align: center;
}
#section8 .item-scroll .text{
    margin-top: 2rem;
}

#section8 .text .Normal36 {
    margin-bottom: 10px;
}
#section8 .text .Normal24 {
    line-height: 0.32rem;
}
#section8 .item-scroll img{
    margin-top: 8vh;
}

/*------------------------#section9-----------------------*/
#section9 {
    position: relative;
    color: #000;
    text-align: center;
}

#section9 .fixed-content >.index2 {
    width: 80%;
    top:0.8rem;
}

#section9 .fixed-content >.index2 img{
    display: block;
    margin: 0 auto;
    margin-top: 20vh;
    margin-bottom: 10vh;
}

#section9 .fixed-content >.index2 .Normal36{
    margin-top:0.35rem;
    margin-bottom:0.2rem;
}

#section9 .fixed-content >.index2 .Normal21{
    line-height: 0.29rem;
}
#section9 .scroll-line{
    margin: 0 auto;
    width: 450px;
}
#section9 ul{
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
}
#section9 li{
    font-size: 14px;
    color:#bbb;
}
.black {
    color:#000!important;
}
#section9 .keyline {
    position: relative;
    width: 100%;
    height: 2px;
    background-color: #bbb;
}

#section9 .keyline .littleline {
    width: 50px;
    height: 100%;
    background-color: #000;
    position: absolute;
    left:0;
    top:0;
    -webkit-transition: left 0.5s;
    transition: left 0.5s;
}
.pos1{
    left:0;
}

.pos2{
    left:0;
}

.pos3{
    left:0;
}

.pos4{
    left:0;
}

.pos5{
    left:0;
}

#section9 .item-scroll p{
    position: absolute;
    top:4rem;
    z-index: 2;
}
#section9 .item-scroll img{
    top:3.5rem;
}

/*------------------------#section10-----------------------*/
#section10 {
    background: #000;
    color:#fff;
    overflow: hidden;
    position: relative;
}
#section10 .fixed-content {
    background-image: url("../images/10/bg.png");
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}
#section10.fixed-active .fixed-content,
#section10.fixed-end .fixed-content {
    opacity:  .3;
}

#section10 .item-scroll {
    width: 60%;
    margin: 0 auto;
    position: relative;
    padding-top: 3.2rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}

#section10 .item-scroll img{
    width: 8.16rem;
    height: 4.22rem;
    display: block;
}
#section10 .scroll-item-0{
    padding-top: 12vh;
    justify-content: center!important;
}

#section10 .bold36{
    margin-bottom: 10px;
}

#section10 .Normal24 {
    line-height: 0.29rem;
}
/*------------------------#section11-----------------------*/
#section11 {
    color: #000;
    position: relative;
}

#section11 img {
    width: 100%;
}

#section11 .Xcenter {
    top: 1rem;
    width: 50%;
}

#section11 .Medium46 {
    margin-bottom: 0.35rem;
}

#section11 .Normal21 {
    letter-spacing: 1px;
    line-height: 0.28rem;
}

/*------------------------#section12-----------------------*/
#section12 {
    color: #fff;
    position: relative;
}

#section12 .fixed-content {
    background-color: #000;
}

.Normal48 {
    font-size: 0.48rem;
}

.Medium19 {
    font-family: SourceHanSansCN-Light;
    font-weight:bold;
    font-size: 0.19rem;
}
#section12 .index2 {
    text-align: left;
    width: 11.9rem;
    margin: 0 auto;
    top:7.5vh;
    position: absolute;
    left:0;
    right: 0;
}
#section12 .item-scroll {
    padding-top: 16vh;
}
#section12 table{
    margin: 0 auto;
    text-align: left;
    table-layout: fixed;
    border-collapse: collapse;
}
#section12 th {
    height: 8vh;
}

#section12 td {
    height: 3vh;
    font-size: 0.16rem;
    line-height: 0.18rem;
    border-bottom: 1px solid #484953;
}
#section12 td:nth-of-type(1),
#section12 td:nth-of-type(3){
    width: 1.55rem;
}
#section12 td:nth-of-type(2){
    width: 5.1rem;
    padding-right: 1.4rem;
}
#section12 td:nth-of-type(4){
    width: 3.7rem;
}
#table1 th div{
    width: 2.2rem;
    height: 2px;
    background-image: linear-gradient(90deg,
    #ea4775 0%,
    #804ba9 100%);
}
#table2 th div{
    width: 2.4rem;
    height: 2px;
    background-image: linear-gradient(90deg,
    #ea4775 0%,
    #804ba9 100%);
}

#table1 tr:nth-of-type(7){
    height: 5.5vh;
}
#table1 tr:nth-of-type(14){
    height: 7vh;
}
#table1 tr:nth-of-type(13){
    height: 5.5vh;
}
#table1 tr:nth-of-type(16){
    height: 9vh;
}
#table2 tr:nth-of-type(7){
    height: 5.5vh;
}
#table2 tr:nth-of-type(18){
    height: 5.5vh;
}
#table2 tr:nth-of-type(20){
    height: 11vh;
}