@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 .swiper-container { width: 100%; height: 100%; --swiper-navigation-color: hsla(0,0%,100%,.6);/* 单独讄���按钮颜色 */  --swiper-navigation-size: 1.7rem;/* 讄���按钮大小 */}
.mainN1 .swiper-slide { text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;cursor: pointer}
.mainN1 .swiper-slide a{ width: 100%; height: auto; float: left;}
.mainN1 .swiper-slide img{ width: 100%; height: 74rem; object-fit: cover;}
.mainN1 .swiper-button-next{ width: 3.16rem; height: 4.16rem; right: 50px; background-color: rgba(0,0,0,.4); opacity: 0; transition: .3s;}
.mainN1 .swiper-button-prev{ width: 3.16rem; height: 4.16rem; left: 50px; background-color: rgba(0,0,0,.4); opacity: 0; transition: .3s;}
.mainN1 .swiper-pagination-bullet{ width: 30px; height: 2px; background-color: #ffffff; opacity: .48; border: none; border-radius: 0;}
.mainN1 .swiper-pagination-bullet-active{ opacity: 1;}

.mainN1Wap{ width: 100%; height: auto; float: left; display: none;}
.mainN1Wap .swiper-container { width: 100%; height: 100%;}
.mainN1Wap .swiper-slide { text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.mainN1Wap .swiper-slide a{ width: 100%; height: auto; float: left;}
.mainN1Wap .swiper-slide  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;display: block;}
.mainN2In{ width: 120rem; height: auto; margin: 0 auto; overflow: hidden;}
.mainN2T{ width: 100%; height: auto; float: left; margin-top: 9rem; text-align: center;}
.mainN2T em{ width: 100%; height: auto; float: left; margin-top: 2rem; font-size: 1.4rem; line-height: 2.2rem; font-family: Source Han Sans CN Regular, Source Han Sans CN Regular-Regular; font-weight: 400; color: #222222; font-style:normal}
.mainN2B{ width: 100%; height: auto; float: left; margin-top: 5rem;}
.mainN2B li{ width: 23rem; height: 36rem; float: left; margin-left: 1.25rem; background: #f7f7f7; border-radius: 10rem 4px 4px 4px; display: flex; align-items: center; flex-direction: column;}
.mainN2B li:first-child{ margin-left: 0;}
.mainN2B .liT{ width: 9rem; height: 9rem; float: left; margin-top: 2rem; background-color: #ffffff; border-radius: 50%; overflow: hidden;}
.mainN2B .liT img{ width: auto; height: auto; margin: 50% 0 0 50%; transform: translate3d(-50%,-50%,0);}
.mainN2B .liM{ width: 12rem; height: auto; float: left; margin-top: 2.5rem; font-size: 2rem; font-family: Source Han Sans CN Bold, Source Han Sans CN Bold-Bold; font-weight: 700; color: #333333; line-height: 2.8rem;}
.mainN2B .liB{ width: 18.9rem; height: auto; float: left; margin-top: 1.5rem; font-size: 1.4rem; font-family: Source Han Sans CN Regular, Source Han Sans CN Regular-Regular; font-weight: 400; text-align: justifyLeft; color: #333333; line-height: 2.2rem;}
@media (max-width: 1100px) {
    .mainN2{ width: 100%; height: auto; float: left;display: block;}
    .mainN2 .mainN2In{ width: 92%; height: auto; margin: 0 auto; overflow: hidden;}
    .mainN2 .mainN2T{ width: 100%; height: auto; float: left; margin-top: 3rem; text-align: center;}
    .mainN2 .mainN2T em{ display: none;}
    .mainN2 .mainN2B{ width: 100%; height: auto; float: left; margin-top: 2.2rem;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; flex-wrap: wrap;}
    .mainN2 .mainN2B li{ width: 30%; height: 12rem; float: left; margin-left: 1.25rem; background: #f7f7f7;margin-bottom: 1.5rem; border-radius: 5rem 2px 2px 2px; display: flex; align-items: center; flex-direction: column;}
    .mainN2 .mainN2B li:first-child{ margin-left: 0;}
    .mainN2 .mainN2B .liT{width: 4.5rem; height: 4.5rem; float: left; margin-top: 1.5rem; background-color: #ffffff; border-radius: 50%; overflow: hidden;}
    .mainN2 .mainN2B .liT img{ width: auto; height: 2.7rem; margin: 48% 0 0 50%; transform: translate3d(-50%,-50%,0);}
    .mainN2 .mainN2B .liM{ width: 12rem; height: auto; float: left; margin-top: 1rem; font-size: 1rem; font-family: Source Han Sans CN Bold, Source Han Sans CN Bold-Bold; font-weight: 700; color: #333333; line-height: 1.6rem;text-align: center;}
    .mainN2 .mainN2B .liM span{width: 100%;float: left;}
    .mainN2 .mainN2B .liB{ display: none;}
    .mainN2 .mainN2B li:nth-of-type(4){width: 48%;height: 10rem;margin-left: 0;}
    .mainN2 .mainN2B li:nth-of-type(5){width: 48%;height: 10rem;}
}

.mainN3{ width: 100%; height: auto; float: left; margin-bottom: 8rem;}
.mainN3In{ width: 120rem; height: auto; margin: 0 auto; overflow: hidden;}
.mainN3T{ width: 100%; height: auto; float: left; margin-top: 9.4rem;}
.mainN3B{ width: 100%; height: auto; float: left; margin-top: 4.4rem;}
.mainN3B .N1{ width: 100%; height: auto; float: left; background: #f39800; border-radius: 4px;}
.mainN3B .N1 li{ height: auto; float: left; line-height: 4rem; font-size: 1.8rem; font-family: Source Han Sans CN Regular, Source Han Sans CN Regular-Regular; font-weight: 400; text-align: center; color: #ffffff;}
.mainN3BIn{ width: 100%; height: auto; float: left; border-left: 0.1rem solid #E5E5E5; border-right: 0.1rem solid #E5E5E5; border-bottom: 0.1rem solid #E5E5E5; border-radius: 4px;}
.mainN3B .N2{ width: 100%; height: auto; float: left;}
.mainN3B .N2 li{ width: 100%; height: auto; float: left;}
.mainN3B .N2 li:nth-child(2n+0){ background-color: #F3F3F3;}
.mainN3B .N2 span{ height: auto; float: left; border-right: 1px dashed #e5e5e5; font-size: 1.6rem; font-family: Source Han Sans CN Regular, Source Han Sans CN Regular-Regular; font-weight: 400; text-align: center; color: #222222; line-height: 4rem;}
.mainN3B .N2 li span.color{ color: #EB6100;}
.mainN3B .N2 li span.left{ text-align: left;}
.mainN3B .N2 li span i{ width: 1.1rem; height: 1.6rem; display: inline-block; margin-left: 15.2rem; margin-right: 1rem; vertical-align: middle;}
.mainN3B .N2 li span i.bg{background: url("../images/college.png") no-repeat center; background-size: 100%;}
.mainN3B .N2 span:last-child{ border-right: none;}
.mainN3B .N2 span:nth-child(1){ width: 15.8rem;}
.mainN3B .N2 span:nth-child(2){ width: 36.5rem;}
.mainN3B .N2 span:nth-child(3){ width: 36.5rem;}
.mainN3B .N2 span:nth-child(4){ width: 19rem;}
.mainN3B .N2 span:nth-child(5){ width: 12rem;}
.mainN3B .N3{ width: 100%; height: auto; float: left;}
.mainN3B .N3{ width: 100%; height: auto; float: left;}
.mainN3B .N3 li{ width: 100%; height: auto; float: left; background-color: #F3F3F3;  display: -webkit-box; /* 老版本语�? Safari, iOS, Android browser, older WebKit browsers. */  display: -moz-box; /* 老版本语�? Firefox (buggy) */  display: -ms-flexbox; /* 混合版本语法: IE 10 */  display: -webkit-flex; /* 新版本语�? Chrome 21+ */  display: flex; /* 新版本语�? Opera 12.1, Firefox 22+ */align-items: center;}
.mainN3B .N3 li:nth-child(2n+0){ background-color: #ffffff;}
.mainN3B .N3 li span{ height: auto; float: left; border-right: 1px dashed #e5e5e5; font-size: 1.6rem; font-family: Source Han Sans CN Regular, Source Han Sans CN Regular-Regular; font-weight: 400; text-align: center; color: #222222; line-height: 4rem;}
.mainN3B .N3 li span.color{ color: #EB6100;}
.mainN3B .N3 span:last-child{ border-right: none;}
.mainN3B .N3 span:nth-child(1){ width: 15.8rem;}
.mainN3B .N3 span:nth-child(2){ width: 73rem;}
.mainN3B .N3 span:nth-child(3){ width: 19rem;}
.mainN3B .N3 span:nth-child(4){ width: 12rem;}
.mainN3B .N3 li.ts span{line-height: 2rem;padding: 1rem;}


.mainN3BWap{display: none;}
@media (max-width: 1100px) {
    .mainN3{margin-bottom: 3rem;}
    .mainN3T{margin-top: 2.4rem;}
    .mainN3T .img_pho{width: 92%;margin: 0 auto;}
    .mainN3B{display: none;}
    .mainN3In{ width: 95%; height: auto; margin: 0 auto; overflow: hidden;}
    .mainN3BWap{ width: 100%; height: auto; float: left; margin-top: 2rem;display: block;}
    .mainN3BWap img{ width: 100%; height: auto; object-fit: cover;}
}


.mainN4{ width: 100%; height: auto; float: left; background: url("../images/collegeN15.jpg") no-repeat center; background-size: cover;display: block;}
.mainN4In{ width: 121rem; height: auto; margin: 0 auto; overflow: hidden;}
.mainN4 ul{ width: 100%; height: auto; float: left;}
.mainN4 li{ width: 54rem; height: auto; float: left; margin-top: 6rem; padding-bottom: 6.5rem; margin-left: 12rem;}
.mainN4 li:first-child{ margin-left: 0; margin-left: 0.5rem;}
.mainN4 li:first-child .liT:after{ content: '高考申��h���?;}
.mainN4 li:nth-child(2) .liT:after{ content: '国际考试甌���服务';}
.mainN4 .liT{width: 100%; height: 26rem; float: left; position: relative;}
.mainN4 .liT:after{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; float: left; font-size: 3.6rem; font-family: Source Han Sans CN Medium, Source Han Sans CN Medium-Medium; font-weight: 500; text-align: center; color: #ffffff; line-height: 26rem;}
.mainN4 .liT img{ width: 100%; height: 100%; object-fit: cover; border-radius: 20px 20px 0px 0px;}
.mainN4 .liB{ width: 100%; height: auto; float: left; background-color: #ffffff; border-radius: 0px 0px 20px 20px; box-shadow: 0px 3px 16px 0px rgba(22,38,63,0.1);}
.mainN4 .liBN1{ width: 48rem; height: auto; float: left; margin-top: 1.5rem; min-height: 11rem; padding: 0 3rem; font-size: 1.4rem; font-family: Source Han Sans CN Regular, Source Han Sans CN Regular-Regular; font-weight: 400; text-align: justifyLeft; color: #222222; line-height: 2.2rem;}
.mainN4 .liBN2{ width: 100%; height: auto; float: left; margin-top: 3.5rem; text-align: center;}
.mainN4 .liBN2 span{ width: 100%; height: auto; float: left; font-size: 1.4rem; font-family: Source Han Sans CN Medium, Source Han Sans CN Medium-Medium; font-weight: 500; text-decoration: underline; color: #222222;}
.mainN4 .liBN2 em{ width: 30rem; height: 5rem; float: left; margin-left: 12rem; line-height: 5rem; margin-top: 1rem; margin-bottom: 4rem; background: #f39800; border-radius: 2.5rem; font-size: 2rem; font-family: Source Han Sans CN Medium, Source Han Sans CN Medium-Medium; font-weight: 500; color: #ffffff; font-style: normal; cursor: pointer;}
@media (max-width: 1100px) {
    .mainN4{ width: 100%; height: auto; float: left; background: url("../images/collegeN15.jpg") no-repeat center; background-size: cover;display: block;}
    .mainN4 .mainN4In{ width: 94%; height: auto; margin: 0 auto; overflow: hidden;}
    .mainN4 ul{ width: 100%; height: auto; float: left;margin-bottom: 2.5rem;}
    .mainN4 li{ width: 98%; height: auto; float: left; margin-top: 2rem; padding-bottom: 0.3rem;margin-left: 1%;}
    .mainN4 li:first-child .liT:after{ content: '高考申��h���?;}
    .mainN4 li:nth-child(2) .liT:after{ content: '国际考试甌���服务';}
    .mainN4 .liT{width: 100%; height: 13rem; float: left; position: relative;}
    .mainN4 .liT:after{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; float: left; font-size: 1.8rem; font-family: Source Han Sans CN Medium, Source Han Sans CN Medium-Medium; font-weight: 500; text-align: center; color: #ffffff; line-height: 13rem;}
    .mainN4 .liT img{ width: 100%; height: 100%; object-fit: cover; border-radius: 1rem 1rem 0px 0px;}
    .mainN4 .liB{ width: 100%; height: auto; float: left; background-color: #ffffff; border-radius: 0px 0px 1rem 1rem; box-shadow: 0px 2px 8px 0px rgba(22,38,63,0.1);}
    .mainN4 .liBN1{ width: 100%; height: auto; float: left; margin-top: 1.5rem; padding: 0 1rem 0 1.5rem; font-size: 1.1rem; font-family: Source Han Sans CN Regular, Source Han Sans CN Regular-Regular; font-weight: 400; text-align: justifyLeft; color: #222222; line-height: 2.2rem;min-height:auto;}
    .mainN4 .liBN2{ width: 100%; height: auto; float: left; margin-top: 1.5rem; text-align: center;}
    .mainN4 .liBN2 span{ width: 100%; height: auto; float: left; font-size: 1.1rem; font-family: Source Han Sans CN Medium, Source Han Sans CN Medium-Medium; font-weight: 500; text-decoration: underline; color: #222222;}
    .mainN4 .liBN2 em{ width: 15rem; height: 2.5rem; float: left; margin-left: 50%;transform: translateX(-50%); line-height: 2.5rem; margin-top: 1rem; margin-bottom: 2rem; background: #f39800; border-radius: 2.5rem; font-size: 1.2rem; font-family: Source Han Sans CN Medium, Source Han Sans CN Medium-Medium; font-weight: 500; color: #ffffff; font-style: normal; cursor: pointer;}
    .mainN4 .gbPublicHoverDomScaleN2:hover{transform: translateX(-50%) scale(1.1) !important;}
}


.mainN5{ width: 100%; height: auto; float: left; background: url("../images/college.jpg") no-repeat center; background-size: auto;display: block;}
.mainN5In{ width: 120rem; height: auto; margin: 1.5rem auto 4.5rem auto; overflow: hidden; text-align: center; display: flex; justify-content: center; align-items: flex-start;}
.mainN5L{ width: 63.5rem; height: auto; float: left;}
.mainN5L li{ width: 18.5rem; height: auto; float: left; margin-top: 3rem; margin-left: 4rem; line-height: 6rem; font-size: 3.6rem; font-family: Source Han Sans CN Medium, Source Han Sans CN Medium-Medium; font-weight: 500; color: #ffffff; position: relative;}
.mainN5L li:after{ content:  ''; width: 100%; height: 100%; opacity: 0.15; background: #ffffff; border-radius: 6px; position: absolute; top: 0; left: 0;}
.mainN5L li:first-child{ margin-left: 0;}
.mainN5L li:nth-child(4n+0){ margin-left: 0;}
.mainN5R{ width: 24rem; height: auto; float: left; margin-top: 8rem; margin-left: 23rem; background: #f39800; border-radius: 3rem; line-height: 6rem; font-size: 2.8rem; font-family: Source Han Sans CN Medium, Source Han Sans CN Medium-Medium; font-weight: 500; color: #ffffff; cursor: pointer}
@media (max-width: 1100px) {
    .mainN5{ width: 100%; height: auto; float: left; background: url("../images/college_wap_mainN5.jpg") no-repeat center; background-size: 100%;display: block;}
    .mainN5In{ width: 92%; height: auto; margin: 1rem auto 1.5rem auto; overflow: hidden; text-align: center; display: block;}
    .mainN5L{ width: 100%; height: auto;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; flex-wrap: wrap;}
    .mainN5L li{ width: calc(33.3333333% - 2.2rem); height: auto; float: left; margin-top: 1.5rem; margin-left: 0; line-height: 3rem; font-size: 1.5rem; font-family: Source Han Sans CN Medium, Source Han Sans CN Medium-Medium; font-weight: 500; color: #ffffff; position: relative;}
    .mainN5L li:after{ content:  ''; width: 100%; height: 100%; opacity: 0.15; background: #ffffff; border-radius: 6px; position: absolute; top: 0; left: 0;}
    .mainN5L li:first-child{ margin-left: 0;}
    .mainN5L li:nth-child(4n+0){ margin-left: 0;}
    .mainN5R{ width: 12rem; height: 3rem; margin-top: 2.2rem; margin-bottom: 1rem;  margin-left: 50%;transform: translateX(-50%) !important;  background: #f39800; border-radius: 1.5rem; line-height: 3rem; font-size: 1.4rem; font-family: Source Han Sans CN Medium, Source Han Sans CN Medium-Medium; font-weight: 500; color: #ffffff; cursor: pointer}
    .gbPublicHoverDomScaleN2:hover{ box-shadow: 0px 0 5px #888888 !important; background-color: #ffffff !important; color: #ea7344 !important; transform: translateX(-50%) scale(1.1) !important;}

}

.mainN6{ width: 100%; height: auto; float: left; padding-bottom: 8rem;display: block;}
.mainN6In{ width: 120rem; height: auto; margin: 0 auto; overflow: hidden;}
.mainN6T{ width: 100%; height: auto; float: left; margin-top: 6.8rem;}
.mainN6B{ width: 100%; height: auto; float: left; margin-top: 4.5rem;}
.mainN6B .N1{ width: 30rem; height: 24rem; float: left;}
.mainN6B .N1 img{ width: 100%; height: 100%; object-fit: cover;}
.mainN6B .N2{ width: 30rem; height: 24rem; float: left; padding: 0 2.3rem;}
.mainN6B .N2T{ width: 100%; height: auto; float: left; margin-top: 4.5rem; font-size: 2rem; line-height: 2rem; font-family: Source Han Sans CN Regular, Source Han Sans CN Regular-Regular; font-weight: 400; color: #333333;}
.mainN6B .N2M{ width: 5rem; height: 3px; float: left; margin-top: 2rem; background: #5a7ec8;}
.mainN6B .N2B{ width: 100%; height: auto; float: left; margin-top: 2rem; font-size: 1.4rem; font-family: Source Han Sans CN Regular, Source Han Sans CN Regular-Regular; font-weight: 400; text-align: justifyLeft; color: #333333; line-height: 2.2rem;}
.mainN6B .N3{ width: 30rem; height: 24rem; float: left; padding: 0 2.3rem;}
.mainN6B .N3T{ width: 100%; height: auto; float: left; text-align: right; margin-top: 4.5rem; font-size: 2rem; line-height: 2rem; font-family: Source Han Sans CN Regular, Source Han Sans CN Regular-Regular; font-weight: 400; color: #333333;}
.mainN6B .N3M{ width: 5rem; height: 3px; float: right; margin-top: 2rem; background: #5a7ec8;}
.mainN6B .N3B{ width: 100%; height: auto; float: left; margin-top: 2rem; font-size: 1.4rem; font-family: Source Han Sans CN Regular, Source Han Sans CN Regular-Regular; font-weight: 400; text-align: justifyLeft; color: #333333; line-height: 2.2rem;}
.mainN6B .N4{ width: 60rem; height: 24rem; float: left;}
.mainN6B .N4 img{ width: 100%; height: 100%; object-fit: cover;}
.mainN6Wap{display: none;}
@media (max-width: 1100px) {
    .mainN6 {display: none;}
    .mainN6Wap{ width: 100%; height: auto; float: left; padding-bottom: 2.3rem;display: block;background: #ffffff;}
    .mainN6Wap .mainN6In{ width: 92%; height: auto; margin: 0 auto; overflow: hidden;}
    .mainN6Wap .mainN6T{ width: 100%; height: auto; float: left; margin-top: 3.5rem;}
    .mainN6Wap .mainN6B{ width: 100%; height: auto; float: left; margin-top: 1.7rem;}
    .mainN6Wap .mainN6B ul{ width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; flex-wrap: wrap;}
    .mainN6Wap .mainN6B ul li{width: calc(33.3333333% - 1.5rem);height: auto;}
    .mainN6Wap .mainN6B ul li img{width: 100%; height: 8rem;}
    .mainN6Wap .mainN6B ul li .N2M{display:block;width: 2.5rem; height: 0.2rem;margin-top: 1rem; background: #5a7ec8;margin-left: 50%;transform: translateX(-50%);}
    .mainN6Wap .mainN6B ul li .N2T{font-size: 1rem;color: #333333;margin-top: 0;}
}

.mainN7{ width: 100%; height: auto; float: left; background-color: #F7F7F7;display: block;}
.mainN7In{ width: 120rem; height: auto; margin: 0 auto; overflow: hidden;}
.mainN7T{ width: 100%; height: auto; float: left; margin-top: 6.6rem;}
.mainN7T .img_pc{width: 40%}
.mainN7B{ width: 100%; height: auto; float: left; margin-top: 4.5rem; margin-bottom: 6rem;}
.mainN7B li{ width: 22rem; height: auto; float: left; margin-left: 2.5rem;}
.mainN7B li:first-child{ margin-left: 0;}
.mainN7B .liT{ width: 100%; height: 20rem; float: left;}
.mainN7B .liT img{ width: 100%; height: 100%; object-fit: cover; border-radius: 4px;}
.mainN7B .liB{ width: 100%; height: auto; float: left; text-align: center; padding-top: 1.6rem; font-size: 2.2rem; line-height: 3rem; font-family: Source Han Sans CN Bold, Source Han Sans CN Bold-Bold; font-weight: 700; color: #222222;}
@media (max-width: 1100px) {
    .mainN7{ width: 100%; height: auto;  background-color: #F7F7F7;display: block;}
    .mainN7In{ width: 92%; height: auto; margin: 0 auto; overflow: hidden;}
    .mainN7T{ width: 100%; height: auto;  margin-top: 2rem;}
    .mainN7T .img_pho{width: 80%;margin: 0 auto;}
    .mainN7B{ width: 100%; height: auto;  margin-top: 0; margin-bottom: 3rem;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; flex-wrap: wrap;}
    .mainN7B li{ width: 30%; height: auto;margin-left: 0;margin-top: 2rem;}
    .mainN7B li:first-child{ width: 48%;height: auto;}
    .mainN7B li:nth-of-type(2){ width: 48%;height: auto;}
    .mainN7B li:first-child img{ width: 100%;height:auto;}
    .mainN7B li:nth-of-type(2) img{ width: 100%;height: auto;}
    .mainN7B .liT{ width: 100%; height: auto;float: none;}
    .mainN7B .liT img{ width: 100%; height: 100%; object-fit: cover; border-radius: 4px;}
    .mainN7B .liB{ width: 100%; height: auto;  text-align: center; padding-top: 0.6rem; font-size: 1.1rem; line-height: 1.6rem; font-family: Source Han Sans CN Bold, Source Han Sans CN Bold-Bold; font-weight: 400; color: #222222;}

}
      <a href="http://www.hlsers.com/">�����ղ�ŷ������</a>
<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
</body>