@charset "utf-8";
/* CSS Document */
.interImg img { width: 100%; height: 100%; display: block; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear;}
.interImg:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}


#educateN1{ width: 100%; height: 456px; float: left; background: url("../bn_images/educateN1Bg.jpg") no-repeat center center; background-size: cover; position: relative;}
#educateN1 .educateN1In{ width: 1200px; height: auto; margin: 0 auto;}
#educateN1 span{ width: 100%; height: auto; float: left; background: url("../bn_images/aboutN1Span.jpg") no-repeat top left; margin-top: 170px; font-size: 36px; padding-top: 30px; color: #ffffff;}
#educateN1 p{ width: 100%; height: auto; float: left; line-height: 30px; font-size: 16px; color: #ffffff; margin-top: 25px;}
@media(max-width: 1100px){
    #educateN1{ background: url("../bn_images/educateN5.jpg") no-repeat center center; background-size: cover;}
    #educateN1 .educateN1In{ width: 84%; position: absolute; bottom: 7rem; left: 8%;}
    #educateN1 span{  background: linear-gradient(to right, #FFFFFF , #FFFFFF) no-repeat left bottom / 1.5rem 0.3rem;  margin-top: 0; padding: 0 0 1.8rem; font-size: 3.1rem; font-weight: bold;}
    #educateN1 p{ font-size: 1.1rem; line-height: 1.8rem; margin-top: 1rem;}
}

.wrapShow{ display: none;}
.commonN2B{ text-align: left;}
@media (max-width: 1100px){
    .wrapShow{ display: block;}
}

#educateN3{ width: 100%; height: auto; float: left; background: #efefef; padding: 125px 0px;}
#educateN3 .educateN3In{ width: 1200px; height: auto; margin: 0 auto;}
#educateN3 .educateN3T{ width: 100%; height: auto; float: left; background: url("../bn_images/aboutN5LiBg.jpg") no-repeat bottom center; font-size: 40px; color: #000000; padding-bottom: 44px; text-align: center;}
#educateN3 .educateN3B{ width: 100%; height: auto; float: left; margin-top: 70px;}
#educateN3 .educateN3B li{ width: 380px; height: 238px; float: left; overflow: hidden; position: relative; margin-left: 30px;}
#educateN3 .educateN3B li.left{ margin-left: 0px;}
#educateN3 .educateN3B li span{ width: 100%; height: 70px; position: absolute; color: #fff; font-size: 28px; margin-top: -96px; text-indent: 50px; background: url("../bn_images/redBg.jpg") no-repeat top left 50px; padding-top: 26px;}
#educateN3 .educateN3B .N2{ display: none; position: relative;}
#educateN3 .educateN3B .N2 .swiper-container{ padding-bottom: 1.5rem;}
/*#educateN3 .educateN3B .N2 .swiper-slide:after{ content: ''; width: 100%; height: 100%; background: #191D28; opacity: 0.7; position: absolute; top: 0; left: 0; z-index: 1;}*/
#educateN3 .educateN3B .N2 .swiper-slide img{ width: 100%;}
#educateN3 .educateN3B .N2 .swiper-slide span{ width: 100%; height: auto; float: left; position: absolute; top: 50%; left: 50%; z-index: 2; transform: translate3d(-50%,-50%,0); font-size: 1.5rem; color: #ffffff; font-weight: bold; text-align: center;}
#educateN3 .educateN3B .N2 .swiper-pagination { width: 100%;}
#educateN3 .educateN3B .N2 .swiper-pagination-bullets .swiper-pagination-bullet { margin-left: 0.3rem; width:0.4rem; height: 0.4rem; opacity: 1; border-radius: 50%; background-color: #E8D5BD; box-sizing: border-box;}
#educateN3 .educateN3B .N2 .swiper-pagination-bullets .swiper-pagination-bullet-active { width: 1.15rem; background-color: #A47E4E; border-radius: 0.4rem;}
@media(max-width: 1100px){
    #educateN3{ padding: 4.5rem 0 6rem; margin-top: 0; background: #F7F9FB;}
    #educateN3 .educateN3In{ width: 100%;}
    #educateN3 .educateN3T{  background: linear-gradient(to right, #DE0428 , #DE0428) no-repeat center bottom / 1.5rem 0.2rem; font-size: 2rem; color: #191D28; font-weight: bold; padding-bottom: 1.7rem;}
    #educateN3 .educateN3B{ margin-top: 2.5rem;}
    #educateN3 .educateN3B .N1{ display: none;}
    #educateN3 .educateN3B .N2{ display: block;}

}

#educateN4{ width: 100%; height: auto; float: left; margin-top: 124px; padding-bottom: 50px;}
#educateN4 .educateN4In{ width: 1200px; height: auto; margin: 0 auto;}
#educateN4 .educateN4T{ width: 100%; height: auto; float: left; background: url("../bn_images/aboutN5LiBg.jpg") no-repeat bottom center; font-size: 40px; color: #000000; padding-bottom: 44px; text-align: center;}
#educateN4 .educateN4B{ width: 100%; height: auto; float: left; margin-top: 96px;}
#educateN4 .educateN4B li{ width: 150px; height: auto; float: left; margin-left: 200px;}
#educateN4 .educateN4B li.left{ margin-left: 0px;}
#educateN4 .educateN4B li .N1{ width: 100%; height: auto; float: left; text-align: center;}
#educateN4 .educateN4B li .N1 .imgN2{ display: none;}
#educateN4 .educateN4B li .N2{ width: 100%; height: auto; float: left; text-align: center; font-size: 26px; color: #fe4949; margin-top: 35px;}
#educateN4 .educateN4B li .N3{ width: 100%; height: auto; float: left; text-align: center; font-size: 16px; color: #666666; line-height: 30px; margin-top: 10px;}
@media(max-width: 1100px){
    #educateN4{ margin-top: 4.5rem; padding-bottom: 6rem;}
    #educateN4 .educateN4In{ width: 100%;}
    #educateN4 .educateN4T{ background: linear-gradient(to right, #DE0428 , #DE0428) no-repeat center bottom / 1.5rem 0.2rem; font-size: 2rem; color: #191D28; font-weight: bold; padding-bottom: 1.7rem;}
    #educateN4 .educateN4B{ margin-top: 3rem;}
    #educateN4 .educateN4B li{ width: calc(50% + 1px); margin-left: 0; background: linear-gradient(to right, #CDD2D7, #CDD2D7) no-repeat right center / 1px 10rem;}
    #educateN4 .educateN4B li:nth-child(2n+0){ width: calc(50% - 1px); background: none;}
    #educateN4 .educateN4B li:nth-child(3){ margin-top: 4.5rem;}
    #educateN4 .educateN4B li:nth-child(4){ margin-top: 4.5rem;}
    #educateN4 .educateN4B li .N1 img{ width: 5.5rem;}
    #educateN4 .educateN4B li .N1 .imgN1{ display: none;}
    #educateN4 .educateN4B li .N1 .imgN2{ display: inline-block;}
    #educateN4 .educateN4B li .N2{ line-height: 1.6rem; font-size: 1.6rem; color: #DE0428; font-weight: bold; margin-top: 1.5rem;}
    #educateN4 .educateN4B li .N3{ line-height: 1.2rem; font-size: 1.2rem; color: #191D28; margin-top: 1.35rem;}
}