@charset "utf-8";
/* CSS Document */

#main{ width: 100%; height: auto; min-height: 1000px; float: left; background: #ffffff;}

.mainN1{ width: 100%; height: auto; float: left;}
.mainN1 img{ width: 100%; height: 74rem; object-fit: cover;}

.mainN1Wap{ width: 100%; height: auto; float: left; display: none;}
.mainN1Wap img{ width: 100%; height: 26rem; object-fit: cover;}
@media(max-width: 1100px){
    .mainN1{ display: none;}
    .mainN1Wap{ display: block;}
}

.mainN2{ width: 100%; height: auto; float: left;}
.mainN2In{ width: 120rem; height: auto; margin: 0 auto; overflow: hidden;}
.mainN2T{ width: 100%; height: auto; float: left; margin-top: 8.8rem;}
.mainN2B{ width: 100%; height: auto; float: left; margin-top: 4.5rem; padding-bottom: 8rem;}
.mainN2B li{ width: 26rem; height: 15rem; float: left; margin-left: 5rem; display: flex; align-items: center; background: #FFFFFF; box-shadow: 1px 1px 18px 0px rgba(217, 217, 232, 0.4); border-radius: 5px;}
.mainN2B li:first-child{ margin-left: 0.5rem;}
.mainN2B .liL{ width: 13rem; height: 13rem; float: left; margin-left: 1rem; position: relative; z-index: 1;}
.mainN2B .liL img{ width: 100%; height: 100%; object-fit: cover;}
.mainN2B .liR{ width: 14rem; height: auto; float: left; margin-left: -2rem; position: relative; z-index: 2; font-size: 1.4rem; font-family: Source Han Sans CN; font-weight: 400; color: #343434; line-height: 2.8rem;}
.mainN2B li:nth-child(1) .liR{ margin-left: -3.5rem;}
.mainN2B li:nth-child(2) .liR{ margin-left: -1rem;}
.mainN2B li:nth-child(3) .liR{ margin-left: 0;}

@media(max-width: 1100px){
    .mainN2In{ width: 100%; height: auto; margin: 0 auto; overflow: hidden; padding: 0 4%;}
    .mainN2T{ width: 100%; height: auto; float: left; margin-top: 4rem;}
    .mainN2B{ width: 100%; height: auto; float: left; margin-top: 1rem; padding-bottom: 4rem; display: flex; flex-wrap: wrap;}
    .mainN2B li{ width: calc(50% - 0.75rem); height: auto; float: left; padding: 1rem 0; margin-top: 1.5rem; display: flex; align-items: center; background: #FFFFFF; box-shadow: 1px 1px 9px 0px rgba(217, 217, 232, 0.4); border-radius: 0.3rem;margin-left:0;}
    .mainN2B li:first-child{margin-left: 0;}
    .mainN2B li:nth-child(1) .liR{margin-left: 0;}
    .mainN2B li:nth-child(2n+0){ margin-left: 1.4rem;}
    .mainN2B .liL{ width: 6.7rem; height: 6.7rem; float: left; margin-left: 1rem; position: relative; z-index: 1;}
    .mainN2B .liL img{ width: 100%; height: 100%; object-fit: contain;}
    .mainN2B .liR{ width: 14rem; height: auto; float: left; margin-left: -1rem; position: relative; z-index: 2; font-size: 1rem; font-family: Source Han Sans CN; font-weight: 400; color: #343434;line-height: 1.6rem;}

}

.mainN3{ width: 100%; height: auto; float: left; margin-bottom: 6rem; background-color: #F3F8FF;}
.mainN3In{ width: 120rem; height: auto; margin: 0 auto; overflow: hidden;}
.mainN3T{ width: 100%; height: auto; float: left; margin-top: 5.4rem;}
.mainN3B{ width: 100%; height: auto; float: left; margin-top: 2rem;}
.mainN3B li{ width: 38rem; height: auto; float: left; margin: 3rem 0 0 3rem;}
.mainN3B li:first-child{ margin-left: 0;}
.mainN3B li:nth-child(4n+0){ margin-left: 0;}
.mainN3B .liT{ width: 100%; height: auto; float: left;}
.mainN3B .liT img{ width: 100%; height: 16rem; object-fit: cover;}
.mainN3B .liB{ width: 100%; height: 11rem; float: left; background: #5793d7; text-align: center;}
.mainN3B .liBN1{ width: 100%; height: auto; float: left; margin-top: 1.5rem; line-height: 2rem; font-size: 2rem; font-family: Source Han Sans CN Medium, Source Han Sans CN Medium-Medium; font-weight: 500; color: #ffffff;}
.mainN3B .liBN2{ display: block;width: 100%; height: auto; float: left; margin-top: 1.2rem; line-height: 2rem; font-size: 1.4rem; font-family: Source Han Sans CN Medium, Source Han Sans CN Medium-Medium; font-weight: 500; color: #ffffff;}
.mainN3B li:nth-child(5) .liBN1{  margin-top: 1rem;}

@media(max-width: 1100px){
    .mainN3{ width: 100%; height: auto; float: left; padding-bottom: 2.2rem; background-color: #F3F8FF; }
    .mainN3In{ width: 92%; height: auto; margin: 0 auto; overflow: hidden;}
    .mainN3T{ width: 100%; height: auto; float: left; margin-top: 2.8rem;}
    .mainN3B{ width: 100%; height: auto; float: left; margin-top: 0.7rem; display: flex; align-items: flex-start; flex-wrap: wrap;}
    .mainN3B li{ width: calc(33.333333% - 1rem); height: auto; float: left; margin: 2rem 0 0 1.45rem;}
    .mainN3B li:first-child{ margin-left: 0;}
    .mainN3B li:nth-child(4n+0){ margin-left: 0;}
    .mainN3B .liT{ width: 100%; height: auto; float: left;}
    .mainN3B .liT img{ width: 100%; height: 4.7rem; object-fit: cover;}
    .mainN3B .liB{ width: 100%; height: auto; float: left; padding: 0.5rem 0.2rem; background: #5793d7; text-align: center;}
    .mainN3B .liBN1{ width: 100%; height: auto; float: left; font-size: 1rem; font-family: Source Han Sans CN Medium, Source Han Sans CN Medium-Medium; font-weight: 500; color: #ffffff;margin-top:0;line-height: 1.4rem;}
    .mainN3B .liBN2{display: none;}
    .mainN3B li:nth-child(5) .liBN1{margin-top: 0;}
}

.mainN4{ width: 100%; height: auto; float: left;}
.mainN4 img{ width: 100%;}
.mainN4Img{ display: block;}
.mainN4WapImg{ display: none;}
@media(max-width: 1100px){
    .mainN4Img{ display: none;}
    .mainN4WapImg{ display: block;}
}

.mainN5{ width: 100%; height: auto; float: left;}
.mainN5In{ width: 120rem; height: auto; margin: 0 auto; overflow: hidden;}
.mainN5T{ width: 100%; height: auto; float: left; margin-top: 8.5rem;}
.mainN5B{ width: 100%; height: auto; float: left; padding-bottom: 8rem; position: relative;}
.mainN5B:after{ content: ''; width: 32rem; height: 30rem; background: url("../images/masterN7.png") no-repeat center; background-size: 100%; position: absolute; top: 6.5rem; left: 50%; transform: translateX(-50%); z-index: 1;}
.mainN5BL{ width: 32rem; height: auto; float: left; margin-left: 12rem;}
.mainN5BL li{ width: 100%; height: auto; float: left; margin-top: 4.5rem; text-align: right; position: relative;}
.mainN5BL li:nth-child(2){ padding-right: 4.8rem;}
.mainN5BL li:nth-child(2) .liT{ right: 4.5rem; left: auto;}
.mainN5BL .liT{ width: 100%; height: auto; float: left; font-size: 7rem; font-family: Bebas Neue; font-weight: bold; color: #e8f0fe; line-height: 5.5rem; position: absolute; top: 0; left: 0.3rem; z-index: 1;}
.mainN5BL .liM{ width: 100%; height: auto; float: left; margin-top: 3rem; line-height: 2rem; font-size: 2rem; font-family: Source Han Sans CN; font-weight: 500; color: #333333; position: relative; z-index: 2;}
.mainN5BL .liB{ width: 100%; height: auto; float: left; margin-top: 1rem; line-height: 1.4rem; font-size: 1.4rem; font-family: Source Han Sans CN; font-weight: 400; color: #333333; position: relative; z-index: 2;}
.mainN5BM{ width: 12.7rem; height: 12.7rem; float: left; margin: 16rem 9.65rem 0 9.65rem; background: #5793D7; border-radius: 6.3rem; display: flex; justify-content: center; align-items: center; position: relative; z-index: 2; cursor: pointer;}
.mainN5BM span{ width: 8.2rem; height: auto; float: left; text-align: center; font-size: 2rem; font-family: Source Han Sans CN; font-weight: 500; color: #FFFFFF; line-height: 2.7rem;}
.mainN5BR{ width: 32rem; height: auto; float: left;}
.mainN5BR li{ width: 100%; height: auto; float: left; margin-top: 4.5rem; position: relative;}
.mainN5BR li:nth-child(2){ padding-left: 4.8rem;}
.mainN5BR li:nth-child(2) .liT{ left: 4.5rem; right: auto;}
.mainN5BR .liT{ width: 100%; height: auto; float: left; font-size: 7rem; font-family: Bebas Neue; font-weight: bold; color: #e8f0fe; line-height: 5.5rem; position: absolute; top: 0; right: 0.3rem; z-index: 1;}
.mainN5BR .liM{ width: 100%; height: auto; float: left; margin-top: 3rem; line-height: 2rem; font-size: 2rem; font-family: Source Han Sans CN; font-weight: 500; color: #333333; position: relative; z-index: 2;}
.mainN5BR .liB{ width: 100%; height: auto; float: left; margin-top: 1rem; line-height: 1.4rem; font-size: 1.4rem; font-family: Source Han Sans CN; font-weight: 400; color: #333333; position: relative; z-index: 2;}

@media(max-width: 1100px){
    .mainN5{ width: 100%; height: auto; float: left; }
    .mainN5In{ width: 92%; height: auto; margin: 0 auto; overflow: hidden;}
    .mainN5T{ width: 100%; height: auto; float: left; margin-top: 4rem;}
    .mainN5B{ width: 100%; height: auto; float: left; margin-top: 2.4rem; padding-bottom: 3.3rem; position: relative; display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap;}
    .mainN5BL{ width: 10rem; height: auto; float: left;margin-left: 0;}
    .mainN5BL li{ width: 100%; height: auto; float: left; margin-top: 0.5rem; text-align: right; position: relative;}
    .mainN5BL li:nth-child(2){ padding-right: 1.5rem;}
    .mainN5BL li:nth-child(2) .liT{ right: 1.3rem; left: auto;}
    .mainN5BL .liT{ width: 100%; height: auto; float: left; font-size: 3.5rem; font-family: Bebas Neue; font-weight: bold; color: #F1F1F9; line-height: 2.5rem; position: absolute; top: 0; left: 0.3rem; z-index: 1;}
    .mainN5BL .liM{ width: 100%; height: auto; float: left; margin-top: 1.5rem; line-height: 1rem; font-size: 1rem; font-family: Source Han Sans CN; font-weight: 500; color: #333333; position: relative; z-index: 2;}
    .mainN5BL .liB{ width: 100%; height: auto; float: left; min-height: 35px; margin-top: 1rem; font-size: 12px; font-family: Source Han Sans CN; font-weight: 400; color: #333333; position: relative; z-index: 2; display: -webkit-box;
        -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;line-height:1.6rem;}
    .mainN5BM{ width: 12.7rem; height: 12.7rem; float: left;margin:2.1rem 0 0 0;  background: url("../images/masterN7.png") no-repeat center; background-size: 100%; display: flex; align-items: center; justify-content: center;}
    .mainN5BM p{ width: 6.4rem; height: 6.4rem; float: left; background: #5793D7; border-radius: 3.2rem; display: flex; justify-content: center; align-items: center; position: relative; z-index: 2; cursor: pointer;}
    .mainN5BM span{ width: 5rem; height: auto; float: left; text-align: center; font-size: 1.2rem; font-family: Source Han Sans CN; font-weight: 500; color: #FFFFFF; line-height: 1.5rem;}
    .mainN5BR{ width: 10rem; height: auto; float: left;}
    .mainN5BR li{ width: 100%; height: auto; float: left; margin-top: 0.5rem; position: relative;}
    .mainN5BR li:nth-child(2){ padding-left: 1.5rem;}
    .mainN5BR li:nth-child(2) .liT{ left: 1.3rem; right: auto;}
    .mainN5BR .liT{ width: 100%; height: auto; float: left; font-size: 3.5rem; font-family: Bebas Neue; font-weight: bold; color: #F1F1F9; line-height: 2.5rem; position: absolute; top: 0; right: 0.3rem; z-index: 1;}
    .mainN5BR .liM{ width: 100%; height: auto; float: left; margin-top: 1.5rem; line-height: 1rem; font-size: 1rem; font-family: Source Han Sans CN; font-weight: 500; color: #333333; position: relative; z-index: 2;}
    .mainN5BR .liB{ width: 100%; height: auto; float: left; min-height: 35px; margin-top: 1rem; font-size: 12px; font-family: Source Han Sans CN; font-weight: 400; color: #333333; position: relative; z-index: 2; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
    .mainN5B::after{display: none;}
}

.mainN6{ width: 100%; height: auto; float: left; background-color: #F3F8FF;}
.mainN6In{ width: 121rem; height: auto; margin: 0 auto; overflow: hidden;}
.mainN6T{ width: 100%; height: auto; float: left; margin-top: 5.8rem;}
.mainN6B{ width: 100%; height: auto; float: left; margin-top: 4.5rem; padding-bottom: 6rem;}
.mainN6B li{ width: 35rem; height: auto; float: left; margin-left: 7.5rem;}
.mainN6B li:first-child{ margin-left: 0.5rem;}
.mainN6B .liT{ width: 100%; height: auto; float: left;}
.mainN6B .liT img{ width: 100%; height: 16rem; object-fit: cover; border-radius: 4px;}
.mainN6B .liB{ width: 100%; height: 13rem; float: left; margin-top: -2rem; text-align: center; background: url("../images/masterN8.png") no-repeat center; background-size: cover; border-radius: 4px; box-shadow: 0px 3px 16px 0px rgba(22,38,63,0.1);}
.mainN6B .liB span{ width: 100%; height: auto; float: left; margin-top: 2.4rem; line-height: 2rem; font-size: 2rem; font-family: Source Han Sans CN Bold, Source Han Sans CN Bold-Bold; font-weight: 700; color: #5793d7;}
.mainN6B .liB p{ width: 100%; height: auto; float: left; margin-top: 1rem; font-size: 1.4rem; font-family: Source Han Sans CN Regular, Source Han Sans CN Regular-Regular; font-weight: 400; color: #333333; line-height: 2.4rem;}

@media(max-width: 1100px){
    .mainN6{ width: 100%; height: auto; float: left; background-color: #F3F8FF;}
    .mainN6In{ width: 100%; height: auto; margin: 0 auto; overflow: hidden; padding: 0 4%;}
    .mainN6T{ width: 100%; height: auto; float: left; margin-top: 2.8rem;}
    .mainN6B{ width: 100%; height: auto; float: left; margin-top: 1rem; padding-bottom: 3.5rem;}
    .mainN6B li{ width: 100%; height: auto; float: left; margin-top: 1.5rem;margin-left: 0;}
    .mainN6B li:first-child{ margin-left: 0;}
    .mainN6B .liT{ width: 49%; height: auto; float: left;}
    .mainN6B .liT img{ width: 100%; height: 11rem; object-fit: cover; border-radius: 0.2rem;}
    .mainN6B .liB{ width: 61.5%; height: 11rem; float: left; margin-left: -10.5%; background: url("../images/masterN21.png") no-repeat center; background-size: 100% 100%; box-shadow: 0 0px 2px 0px #16263F; border-radius: 0.2rem; display: flex; flex-direction: column; justify-content: center;margin-top: 0;text-align: left;}
    .mainN6B .liB span{ width: auto; height: auto; float: left; margin: 0 2rem; font-size: 1.4rem; font-weight: bold; color: #5793D7;}
    .mainN6B .liB p{ width: auto; height: auto; float: left; margin: 0 2rem; margin-top: 1.5rem; font-size: 1.2rem; line-height: 1.8rem; color: #333333;}

}

.mainN7{ width: 100%; height: auto; float: left; background: url("../images/masterN9.jpg") no-repeat center; background-size: cover;}
.mainN7In{ width: 121rem; height: auto; margin: 0 auto; overflow: hidden;}
.mainN7T{ width: 100%; height: auto; float: left; margin-top: 5rem;}
.mainN7T p{ width: 100%; height: auto; float: left; font-size: 4rem; font-family: MyFont1; font-weight: 400; text-align: center; color: #ffffff;}
.mainN7WapT{ width: 100%; height: auto; float: left; margin-top: 2.8rem; display: none;}
.mainN7WapT p{ width: 100%; height: auto; float: left; font-size: 2rem; font-family: MyFont1; font-weight: 400; text-align: center; color: #ffffff;}
.mainN7M{ width: 100%; height: auto; float: left; margin-top: 2.5rem;}
.mainN7M li{ width: 28rem; height: 5rem; float: left; margin-top: 2rem; margin-left: 4.4rem; background: #ffffff; border-radius: 4px; display: flex; align-items: center;}
.mainN7M li:first-child{ margin-left: 13.5rem;}
.mainN7M li:nth-child(4n+0){ margin-left: 13.5rem;}
.mainN7M li p{ width: auto; height: auto; float: left; margin: 1.8rem 0 1.8rem 2rem; flex: 1; font-size: 1.4rem; font-family: Source Han Sans CN Regular, Source Han Sans CN Regular-Regular; font-weight: 400; color: #888888;}
.mainN7M li p input{ width: 100%; height: auto; float: left; border: none; background: none; resize: none;}
.mainN7M li p input::-webkit-input-placeholder{ color: #888888;}
.mainN7M li p input::-moz-placeholder{ color: #888888;}
.mainN7M li p input:-moz-placeholder{ color: #888888;}
.mainN7M li p input:-ms-input-placeholder{ color: #888888;}
.mainN7B{width: 22rem; height: auto; float: left; text-align: center; margin-top: 4rem; margin-bottom: 3rem; line-height: 5rem; margin-left: calc(50% - 11rem); background: #FFBB37; border-radius: 2.5rem; font-size: 2rem; font-family: Adobe Heiti Std R, Adobe Heiti Std R-R; font-weight: R; color: #222222; cursor: pointer;}
@media(max-width: 1100px){
    .mainN7In{ width: 92%;}
    .mainN7T{ display: none;}
    .mainN7WapT{ display: block;}
    .mainN7M{ width: 100%; height: auto; float: left; margin-top: 1.4rem;}
    .mainN7M li{ width: calc(50% - 0.75rem); height: auto; float: left; margin-top: 1rem; margin-left: 0; background: #ffffff; border-radius: 0.2rem; display: flex; align-items: center;}
    .mainN7M li:first-child{ margin-left: 0;}
    .mainN7M li:nth-child(4n+0){ margin-left: 0;}
    .mainN7M li:nth-child(2n+0){ margin-left: 1.5rem;}
    .mainN7M li p{ margin: 1rem; font-size: 0.9rem;}
    .mainN7B{width: 15rem; height: 3rem; float: left; text-align: center; margin-top: 2rem; margin-bottom: 3rem; line-height: 3rem; margin-left: calc(50% - 7.5rem); background: #FFBB37; border-radius: 1.5rem; font-size: 1.1rem; color: #ffffff;}
}

.mainN8{ width: 100%; height: auto; float: left; margin-bottom: 6rem;}
.mainN8In{ width: 120.1rem; height: auto; margin: 0 auto; overflow: hidden;}
.mainN8T{ width: 100%; height: auto; float: left; margin-top: 8.3rem;}
.mainN8B{ width: 100%; height: auto; float: left; margin-top: 5rem; text-align: center; position: relative;}
.mainN8B:after{ content: ''; width: 100%; height: 14.7rem; background: url("../images/masterN10.png") no-repeat center; background-size: 100%; position: absolute; top: 13.5rem; left: 0;}
.mainN8BN1{ width: 30rem; height: auto; float: left; margin-left: 50%; transform: translateX(-50%); background: #5793d7; line-height: 3rem; font-size: 1.6rem; font-family: Source Han Sans CN Medium, Source Han Sans CN Medium-Medium; font-weight: 500; color: #ffffff;}
.mainN8BN2{ width: 100%; height: auto; float: left; margin-top: 2.9rem;}
.mainN8BN2 li{ width: 9rem; height: 5.8rem; float: left; line-height: 2rem; font-size: 1.4rem; font-family: Source Han Sans CN Regular, Source Han Sans CN Regular-Regular; font-weight: 400; color: #5793d7; position: relative; display: flex; justify-content: center; align-items: center;}
.mainN8BN2 li:after{ content: ''; width: 0; height: 0; opacity: 0.1; border: 1rem solid transparent; border-top-color: #5793d7; position: absolute; left: 50%; bottom: -2rem; transform: translateX(-50%);}
.mainN8BN2 li:before{ content: ''; width: 100%; height: 100%; opacity: 0.1; background: #5793d7; position: absolute; top: 0; left: 0;}
.mainN8BN2 li:nth-child(1){ margin-left: 2rem;}
.mainN8BN2 li:nth-child(2){ margin-left: 18rem;}
.mainN8BN2 li:nth-child(3){ margin-left: 6.5rem;}
.mainN8BN2 li:nth-child(4){ margin-left: 1.9rem;}
.mainN8BN3{ width: 100%; height: auto; float: left; margin-top: 5rem;}
.mainN8BN3 li{ width: auto; height: auto; float: left; font-size: 1.4rem; font-family: Source Han Sans CN Medium, Source Han Sans CN Medium-Medium; font-weight: 500; color: #333333;}
.mainN8BN3 li:nth-child(1){ margin-left: 16.2rem;}
.mainN8BN3 li:nth-child(2){ margin-left: 8rem;}
.mainN8BN3 li:nth-child(3){ margin-left: 7.5rem;}
.mainN8BN3 li:nth-child(4){ margin-left: 28rem;}
.mainN8BN3 li:nth-child(5){ margin-left: 5.8rem;}
.mainN8BN3 li:nth-child(6){ margin-left: 5.5rem;}
.mainN8BN3 li:nth-child(7){ margin-left: 5.5rem;}
.mainN8BN3 li:nth-child(8){ margin-left: 5.5rem;}
.mainN8BN4{ width: 100%; height: auto; float: left; margin-top: 4.4rem;}
.mainN8BN4 li{ width: auto; height: auto; float: left; font-size: 1.4rem; font-family: Source Han Sans CN Medium, Source Han Sans CN Medium-Medium; font-weight: 500; color: #333333;}
.mainN8BN4 li:nth-child(1){ margin-left: 47.5rem;}
.mainN8BN4 li:nth-child(2){ margin-left: 7rem;}
.mainN8BN5{ width: 100%; height: auto; float: left; margin-top: 4.9rem;}
.mainN8BN5 li{ width: 9rem; height: 5.8rem; float: left; line-height: 2rem; font-size: 1.4rem; font-family: Source Han Sans CN Regular, Source Han Sans CN Regular-Regular; font-weight: 400; color: #5793d7; position: relative; display: flex; justify-content: center; align-items: center;}
.mainN8BN5 li:after{ content: ''; width: 0; height: 0; opacity: 0.1; border: 1rem solid transparent; border-bottom-color: #5793d7; position: absolute; left: 50%; top: -2rem; transform: translateX(-50%);}
.mainN8BN5 li:before{ content: ''; width: 100%; height: 100%; opacity: 0.1; background: #5793d7; position: absolute; top: 0; left: 0;}
.mainN8BN5 li:nth-child(1){ margin-left: 23.4rem;}
.mainN8BN5 li:nth-child(2){ width: 11rem; margin-left: 32.8rem;}
.mainN8BN5 li:nth-child(3){ margin-left: 6rem;}
.mainN8BN5 li:nth-child(4){ margin-left: 7rem;}
.mainN8BN5 li:nth-child(5){ margin-left: 1.8rem;}
.mainN8BN6{ width: 30rem; height: auto; float: left; margin-top: 3rem; margin-left: 50%; transform: translateX(-50%); background: #5793d7; line-height: 3rem; font-size: 1.6rem; font-family: Source Han Sans CN Medium, Source Han Sans CN Medium-Medium; font-weight: 500; color: #ffffff;}

.mainN8Wap{ width: 100%; height: auto; float: left; margin-bottom: 3rem; display: none;}
.mainN8WapIn{ width: 92%; height: auto; margin: 0 auto; overflow: hidden;}
.mainN8WapT{ width: 100%; height: auto; float: left; margin-top: 3.9rem;}
.mainN8WapM{ width: 100%; height: auto; float: left; margin-top: 2.5rem;}
.mainN8WapML{ width: 15rem; height: 2rem; float: left; background-color: #5793D7; border-radius: 1rem; text-align: center; font-size: 1.2rem; line-height: 2rem; color: #ffffff;}
.mainN8WapMR{ width: 15rem; height: 2rem; float: right; background-color: #5793D7; border-radius: 1rem; text-align: center; font-size: 1.2rem; line-height: 2rem; color: #ffffff;}
.mainN8WapB{ width: 100%; height: auto; float: left; margin-top: 1rem; text-align: center;}
.mainN8WapB img{ width: 85%;}
@media(max-width: 1100px){
    .mainN8{ display: none;}
    .mainN8Wap{ display: block;}
}