@charset "utf-8";
*{padding: 0;margin: 0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,figure,figcaption { 
    margin:0;
    padding:0;
    font-family: "微软雅黑";
}
body{min-width: 1200px;  text-align:justify; text-justify:distribute-all-lines; color: #171717;}
.clearfix:after{ content: ""; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
.wrapper{width: 83.33%; margin: 0 auto; min-width: 1200px;}
.wrapper_ny{width: 75%;margin: 0 auto; min-width: 1200px;}
.wrapper_ny img{max-width: 100%;}
a{text-decoration: none; color: #333333;}
.swiper-button-prev{outline: none;}
.swiper-button-next{outline: none;}

.img{display: block; transition: 0.5s ease; width: 100%;}
.tp{display: block; position: relative; overflow: hidden;}
.tp img{display: block; transition: 0.5s ease; width: 100%; height: auto; min-height: 100%; position: absolute; top: 50%; left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.ellipsis{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ellipsis-2{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow: ellipsis; overflow: hidden; text-align: justify;}
.ellipsis-3{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:3; text-overflow: ellipsis; overflow: hidden; text-align: justify;}

/* 
.nliy{width: 100%;} 

/* logo及导航 */
.top .logo{float: left;}
.top img{display: block;}
.top ul{float: right;}
.header ul a{display: block;font-size: 14px; line-height: 100px; padding: 12px 1vw;float: left;color: #171717;}
.header ul .on{background:#00479d; top center no-repeat; background-size: cover; color: #fff;}
.header ul a:hover{    background:#00479d; top center no-repeat; background-size: cover; color: #fff;}

/* banner轮播 */
.banner {width: 100%; } 
.banner .swiper-wrapper img{ display: block; width: 100%;}
.banner .swiper-pagination-fraction{width: 3%;position: absolute;bottom: 15%; font-size: 16px;  left: 4.4%;  color: #FFFFFF;}
.banner .swiper-button-prev{ transform: rotate(90deg);  position: absolute;top: 77%;left: 5%;color: #FFFFFF;}
.banner .swiper-button-next{transform: rotate(90deg);  position: absolute;top: 90%;left: 5%;color: #FFFFFF;}
.banner .swiper-button-prev:hover{color: #C6002A;}
.banner .swiper-button-next:hover{color: #C6002A;}
.banner .swiper-button-prev:after{font-size:20px;}
.banner .swiper-button-next:after{font-size:20px;}

/* 公共样式3  当前位置*/
.locol_bj{background: #f7f7f7;padding: 10px;}
.locol_bj .locol{align-items:center; display: -webkit-flex;}
.locol .locol_p1{ width: 60%; line-height: 30px;}
.locol .locol_p1 a{ float: left; color: #333333;margin: 5px 5% 5px 0;font-weight: normal;font-size: 24px;}
.locol .locol_p1 .on{color: #00479D;font-weight: bold;}
.locol_p2{width: 40%;font-size: 14px;float: right; text-align: right;}
.locol_p3{margin-top: -55px;}
.locol_p2 span{color: #00479D;}

/* 公共样式4  中间标题*/
 .center_title{ margin-top: 3%;margin-bottom: 2%;}
 .center_title p{  font-size:40px ;font-weight: bold;text-align: center;padding: 20px 0;}
 .center_title p span{display: block; font-weight: normal;  font-size:24px ;text-transform: uppercase;}


/* 公共样式1  底部结尾栏上标题*/
.title{width: 100%;}
.title .title_1{font-size:50px ;font-weight: bold;}
.title .title_2{font-size: 24px;}
.title ul{float: left;padding: 2% 0;}
.title a{float: right;margin-top: 5%;}
/* more样式按钮 */
.title  a .more {text-decoration: none;  width: 160px;height: 36px;  line-height: 36px; font-size: 16px;border: solid 1px #d4405f;color: #d4405f;text-align: center;outline: none;}
.title  a .more:hover{border: none;background: #d4405f;color:#FFFFFF ;}
.title_kctx{background: #00479D;color: #FFFFFF;}
/* more样式按钮 */
.title_kctx a .more{border: solid 1px #FFFFFF;color: #FFFFFF;}
.title_kctx a .more:hover{border: none;background: #FFFFFF;color: #d4405f;}

.pub_line {width: 100%;height: 2px;background:#c6002a;margin-top: 1%;margin-top: 0.5;}
.pub_line1{background: #e5e5e5;}
/* 公共样式2  底部声明*/
/* 线  */

.footer {padding: 70px 10% 90px 10%; box-sizing: border-box;}
.footer .footer_l ul{ display: block; margin-bottom: 10px; font-size: 18px;}
.footer .footer_l{width: 45%;float: left;}
.footer .footer_l .footer_p1{font-size: 32px;font-weight: bold;}
.footer .footer_l .footer_p2{display: block; font-size: 14px;line-height: 24px;margin-top: 5%;margin-bottom: 5%;}
.footer .footer_l .footer_line{width: 50%;height: 2px;background: #e5e5e5;margin-bottom: 10%;}
.footer img{float: left;display: block;margin-right: 10px;}
.footer .footer_p3{ font-size: 18px;}
.footer .footer_l .spec1{display: block;text-indent: 32px;}
.footer .ewm_pic{width: 110px; height: 110px; border: 1px solid #C6002A; margin: 30px auto 0; float: none;}
.footer .footer_r{width: 48%; float: right; position: relative;}
.footer .footer_r img{display: block; width: 100%;height: 210px; }
.footer .footer_r .map{width: calc(100% - 2.4%); /* height: calc(100% - 3%); */ position: absolute; top: /* 1.5% */ 6px;bottom: 6px; left: 1.2%;}
.bottom{width: 100%; background: #000000;font-size: 12px;text-align: center;height: 40px;line-height: 40px;color: #434343;}
.bottom a{color:#434343 ;}

/* 首页:诺兰教育(nljy) 学校简介（xxjj）  */
.nliy .xxjj{ display: block;float: left;height: 950px;  background: #00479d;color: #FFFFFF;position: relative;}
.nliy .xxjj .xxjj_l{width: 50%;margin-top: 5%;float: left;}
.nliy .xxjj_l .p1{font-size:50px ;margin-bottom: 8%;}
.nliy .xxjj_l .p1 span{display: block;   font-size: 24px;}
.nliy .xxjj_l .p2{font-size: 48px;line-height: 72px;}
.nliy .xxjj_l .line{width: 17%;height: 2px;background: #FFFFFF;margin-top: 2.2%;margin-bottom: 4%;}
.nliy .xxjj_l .p3{  font-size: 16px;  line-height: 28px;margin-bottom: 4.2%;margin-right: 58%;}
.nliy .xxjj_l  a .p4 {text-decoration: none;  width: 80px;height: 30px; line-height: 30px; font-size: 16px;border: solid 1px #FFFFFF;color: #FFFFFF;text-align: center;outline: none;}
.nliy .xxjj_l  a:hover .p4{background: #fff; color: #00479D;}
.nliy .xxjj_r_bd{width: 50%;float: right;background: #FFFFFF;position: absolute;right: 0;top: 5%;}

/* 进度条（jdt） */
.nliy .xxjj_r{display: block;height: 850px;}
.nliy .xxjj_r .img1{margin-left: 48%;}
.nliy .xxjj_jdt{width: 79%; margin-left: -10%;}
.nliy .xxjj_jdt img{display: block; }


 .nliy .xxjj_r .swiper-scrollbar{position: absolute;left: 50%;background: #000000;}

.nliy .xxjj_r .xxjj_xdd{left: 40%;width: 20%;top: 108%;}
.nliy .xxjj_r_bd .swiper-pagination-bullet{width: 20%;height: 8px;border-radius: 0;}
.nliy .xxjj_r_bd .swiper-wrapper img{ display: block; width: 760px;}
.nliy .xxjj_r_bd .swiper-button-prev{ position: absolute;top: 85%;left: 58%;color: #000000;}
.nliy .xxjj_r_bd .swiper-button-next{ position: absolute;top: 85%;left: 65%;background-size: 60%;color: #000000;}
.nliy .xxjj_r_bd .swiper-scrollbar{width: 240px;height: 6px;border-radius: 1px;}
.nliy .xxjj_r_bd .swiper-scrollbar{ position: absolute;top: 85%;left: 20%;background:#c7c6c9;}
.nliy .xxjj_r_bd .swiper-pagination-current{font-size: 26px;}
.nliy .xxjj_r_bd .swiper-pagination{position: absolute;top: 80%;left:-26%;color: #000000;font-size: 20px;}
.nliy .xxjj_r_bd .swiper-scrollbar-drag{background:#c6002a;border-radius: 5px;width: 80px;}
.nliy .xxjj_r_bd .swiper-button-prev:after{font-size:20px;}
.nliy .xxjj_r_bd .swiper-button-next:after{font-size:20px;}
.nliy .xxjj_r_bd .swiper-pagination-current:before{content: '0';}
.swiper-pagination-total:before{content: '0';}


/* tskc ：特色课程*/
.nliy .tskc{margin-bottom: 6%;}
.nliy .tskc .mskc{width: 23.12%;float: left;margin-right: 2.5%; transition: 0.5s ease;}
.nliy .tskc .mskc .tp{height: 300px;}
.nliy .tskc .mskc .tp img{height: 100%; width: auto;}
.nliy .tskc .mskc:nth-child(4){margin-right: 0;}
.nliy .tskc .mskc .txt{display: block; box-shadow: 0px 4px 6.72px 0.28px rgba(193, 193, 193, 0.3); padding: 25px 15px; box-sizing: border-box; color: #545451;}
.nliy .tskc .mskc .txt h6{font-size: 20px; text-align: center; margin-bottom: 10px;}
.nliy .tskc .mskc .txt p{font-size: 16px; line-height: 24px;}
.nliy .tskc .mskc:hover{-webkit-transform: translateY(-10px);
   -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
     -o-transform: translateY(-10px);
        transform: translateY(-10px);}

/* kctx ：课程体系*/
.nliy .kctx{margin-top: 2%;}
.nliy .kctx_nr{width: 21.25%;margin-right:5%;float: left;margin-top: 3%;}
.nliy .kctx_nr:nth-child(4){margin-right: 0;}
.nliy .kctx_nr:nth-child(8){margin-right: 0;}
.nliy .kctx_nr ul{width: 90%; float: left; }
.nliy .kctx_nr ul .kctx_p1{width: 90%; font-size: 20px;font-weight: bold;margin-top: 3%;margin-bottom: 3%;}
.nliy .kctx_nr ul .kctx_p2{width: 90%;  font-size: 16px;line-height: 20px; line-height: 24px;}
.nliy .kctx_nr .kctx_line{width: 2px;height: 200px;margin-top: 20%;background: #bdbdbd;float:right;margin-top: -1%;}
.nliy .kctx_line1{width: 88%;height: 2px;background: #bdbdbd;margin-top:20%; display: block;}

/* flbq ：分类导航 （图标滚动）*/
.nliy .flbq{margin-top: 5%;margin-bottom: 3%;position: relative;}
.nliy .flbq .swiper-slide a{display: block; padding: 20px 0;}
.nliy .flbq .swiper-slide a img{display: block; margin: 0 auto;}
.nliy .flbq .swiper-slide-active{background: #00479D;}
.nliy .flbq .swiper-slide-active a img{-webkit-filter: brightness(1000%);filter: brightness(1000%);}
.nliy .flbq .swiper-slide:hover{background: #00479D;}
.nliy .flbq .swiper-slide:hover img{-webkit-filter: brightness(1000%);filter: brightness(1000%);}

/* .nliy .flbq_on{background: #00479D;} */
.nliy .kuan{width: 90%;margin: auto;overflow: hidden;position: relative;}
.nliy .flbq .swiper-button-prev{height: 80%; position: absolute;top: 40%;left: 0;outline: none;color: #000000;}
.nliy .flbq  .swiper-button-next{height: 80%; position: absolute;top:40%;right:0;outline: none;color: #000000;}
.nliy .flbq  .swiper-button-prev:after{font-size:20px;}
.nliy .flbq  .swiper-button-next:after{font-size:20px;}
/* szll ：师资力量*/
.szll{margin-bottom: 50px;}
.szll .pic{height: 260px; width: 32%; margin: 0 2% 25px 0; float: left; overflow: hidden;}
.szll .pic:nth-child(3n){margin-right: 0}
.szll .pic:hover img{-webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
     -o-transform: scale(1.1);
        transform: scale(1.1);}

/* flbq ：分类导航2（图标滚动）*/
.nliy .wzdh .swiper-wrapper{width: 80%; }

.nliy .fldh2_bd{background: #00479D;width: 100%; padding-bottom: 15px;}
.fldh2 {position: relative;}
.nliy .fldh2 .wzdh{width:84%;margin: auto;}
.tiao {width: 100%;height: 8px;background: #00479D;}
.nliy .fldh2 .wzdh p{font-size: 24px;font-weight: bold; color: #a3b3d2;padding: 40px 0; text-align: center;}
.nliy .fldh2  .wzdh p span{display: block; font-size: 14px; text-transform: uppercase;margin-top:10px;}
.nliy .fldh2 .wzdh p:hover{background: #EEEEEE;color:#00479D ;}
.nliy .fldh2 .wzdh .swiper-slide-active p{background: #EEEEEE;color:#00479D ;}
.nliy .fldh2 .wzdh .swiper-slide:hover .tiao{background: #C6002A;}
.nliy .fldh2 .wzdh .swiper-slide-active .tiao{background: #C6002A;}

.nliy .fldh2 .swiper-button-prev{height: 80%; position: absolute;top:22%;left: 0;outline: none;color: #FFFFFF;}
.nliy .fldh2 .swiper-button-next{height: 80%; position: absolute;top:22%;right: 0;outline: none;color: #FFFFFF;}
.nliy .fldh2 .swiper-button-prev:after{font-size:20px;}
.nliy .fldh2 .swiper-button-next:after{font-size:20px;}

/* jxhj ：教育环境*/
.jxhj .hj-box{width: 32%; display: block; position: relative; float: left; margin: 0 2% 25px 0;}
.jxhj .hj-box .tp{height: 280px;}
.jxhj .hj-box .txt{display: block; background: rgba(0,0,0,.5); width: 100%; padding: 0 5%; line-height: 66px; box-sizing: border-box; position: absolute; bottom: 0; left: 0; color: #fff; font-size: 26px;}
.jxhj .hj-box:nth-child(3){margin: 0;}
.jxhj .hj-box:nth-child(3) .tp{height: 585px;}
.jxhj .hj-box:nth-child(3) .tp img{height: 100%; width: auto;}
.jxhj .hj-box:nth-child(4){margin-top: -280px;}
.jxhj .hj-box:nth-child(5){margin-top: -280px;}
.jxhj .hj-box:hover .txt{background: rgba(0,71,157,.7);}

/* zhaosheng：招生banner*/
.ad{width: 100%; margin-top: 75px;}

/* 批次:教学环境图片  */
.jxhj_pic .tp{width: 28.5%;height: 270px; float: left; margin: 0 1.5% 20px 0;}
.jxhj_pic .tp:nth-child(3n){margin-right: 0;}
.jxhj_pic .tp:nth-child(3){width: 40%;}
.jxhj_pic .tp:nth-child(4){width: 40%;}
.jxhj_pic .tp:nth-child(9){width: 40%;}
.jxhj_pic .tp:nth-child(10){width: 40%;}
.jxhj_pic .tp:hover{opacity: .8;}


/* 五页 奥尔夫音乐*/
.aef_jj {margin-bottom: 100px; align-items:center; display: -webkit-flex;}
.aef_jj img{display: block;float:left ;width: 470px; margin-right: 20px;}
.aef_jj .text{float: right;width: calc(100% - 470px); box-shadow: 1.5px 2.598px 7px 0px rgba(153, 153, 153, 0.14); font-size: 18px;line-height: 35px; padding: 40px 25px; box-sizing: border-box;}



/* 六页 师资力量*/
.szll_jj{margin-bottom: 100px;}
.szll_jj .szll_jj_ul1{width: 48%;float: left;margin-bottom: 15px; box-shadow: 5px 5px 10px rgba(153,153,153,.14); display: block;}
.szll_jj .szll_jj_ul1:nth-child(2n){float: right;}
.szll_jj .szll_jj_ul1 img{display: block;float: left;width: 45%;}
.szll_jj .szll_jj_ul2 {width:55%; height: 100%; float: left; padding: 30px; box-sizing: border-box;}
.szll_jj .szll_jj_ul2 .p1{font-size: 24px;}
.szll_jj .szll_jj_ul2 .p2{font-size: 20px;color: #666666; margin: 10px 0 8px 0;}
.szll_jj .szll_jj_ul2 .p3{font-size: 18px;color: #999999; line-height: 30px;}

/* 11页 yxjj:学校简介 fzys：发展优势 cxjz：创新机制   11页 gycx：公益初心*/
.cxjz_cen{text-align: center; margin-bottom: 60px;}
.cxjz .cxjz_dh{margin-right: 15px; display: inline-block; margin: 0 10px;}
.cxjz .cxjz_dh:last-child{margin-right: 0;}
.cxjz .cxjz_xx{ float: left;height: 50px; line-height: 50px;width:198px ;font-size: 20px;  text-align: center; background: #ededed;}
.cxjz .cxjz_line{float: left; height:50px;width:10px;background: #666;}
.cxjz .cxjz_dh:hover .cxjz_xx{background:#00479d;color: #FFFFFF;}
.cxjz .cxjz_dh:hover .cxjz_line{background: #c6002a;}
.cxjz .cxjz_on .cxjz_xx{background:#00479d;color: #FFFFFF;}
.cxjz .cxjz_on .cxjz_line{background:#c6002a;color: #FFFFFF;}
.cxjz .cxjz_dh.on .cxjz_xx{background:#00479d;color: #FFFFFF;}
.cxjz .cxjz_dh.on .cxjz_line{background: #c6002a;}


.cxjz .gyscx_jj{float: left; width: 100%;margin-top: 5%;}
.cxjz .gycx_jj img{display: block; width:100% ;}
.cxjz .gycx_text{margin: 35px 0 100px 0; padding: 40px 25px; box-sizing: border-box;background-color: rgb(255, 255, 255);box-shadow: 1.5px 2.598px 7px 0px rgba(153, 153, 153, 0.14); font-size: 18px; line-height: 35px;}

/*  lxwm:联系我们 */
.lxwm{border: 1px solid #C8C1B9;}
.lxwm .item{width: 25%; float: left; border-right: 1px solid #C8C1B9; box-sizing: border-box; font-size: 16px; line-height: 30px; text-align: center; height: 250px;}
.lxwm .item:last-child{border: none;}
.lxwm .item img{margin: 40px auto 10px;}
.lxwm .item .ewm{width: 110px; height: 110px; border: 1px solid #C6002A;}

.lxwm_p1{font-size:24px ;font-weight: bold; margin: 50px 0 30px 0;}
form{margin-bottom: 100px;}
form .item{width: 49%; float: left; display: flex; border: 1px solid #C8C1B9; height: 50px; line-height: 50px; color: #999; padding: 0 30px; box-sizing: border-box; margin-bottom: 25px;}
form .item:nth-child(2){float: right;}
form input,form textarea{border: none; outline: none; height: 100%; box-sizing: border-box; font-size: 18px; color: #999;}
form input{flex: 1; padding-left: 15px;}
form textarea{height: 180px; resize: none; border: 1px solid #C8C1B9; padding: 15px 30px; width: 100%;}
button{width: 184px; height: 54px; background: #00479D; color: #fff; font-size: 24px; border: 1px solid #C8C1B9; display: block; margin: 30px auto 0; outline: none;}


.kfjs_jj{margin-top: 5%;}
.kfjs_jj img{width: 100%;}
.kfjs_jj .kfjs_xyjs img{display: block; width: 4%;float: left;margin-top: 3%;}
.kfjs_jj .kfjs_xyjs .kfjs_xyjs_p1{font-size: 24px;font-weight: bold;float: left;margin-top: 3%;}
.kfjs_jj .kfjs_xyjs .kfjs_xyjs_p2{float: left;margin-top: 2%;font-size: 16px; text-indent:32px;margin-bottom: 2%;line-height: 30px;}
.kfjs_xyjs_x img{width: 100%;}
.kfjs_jj01 .kfjs_xyjs_x img{margin-top: 6%;}
.kfjs_jj01 .kfjs_xyjs_x p{margin-top: 6%;text-indent: 32px;margin-bottom: 6;}

.article{font-size: 16px; line-height: 30px; margin-bottom: 100px;}
.m-tit{font-size: 20px; text-align: center; color: #999; margin-bottom: 20px;}
.m-clips{border-top: 1px dashed #999; margin-top: 40px; padding-top: 20px;}

/* 210306新增内页，新闻资讯 */
.ny_xwzx1{display: block;width: 23.5%;margin-right: 2%;height: 370px;float: left;  box-shadow: 2px 3.464px 6.72px 0.28px rgba(193, 193, 193, 0.3);margin-bottom: 20px;}
.ny_xwzx1:nth-child(4n){margin-right: 0;margin-bottom: 0;}
.ny_xwzx1 img{width: 100%;height: 210px;}
.ny_xwzx1 p{font-size: 18px;line-height: 30px;margin: 30px 0 15px 0;padding: 0 4%;box-sizing: border-box;
overflow: hidden;  /** 隐藏超出的内容 **/
word-break: break-all;
text-overflow: ellipsis; /** 多行 **/
display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 */
-webkit-line-clamp: 2;} /* 显示的行数*/
.ny_xwzx1 span{display: block; font-size: 18px;color:#7a7a7a;padding: 0 4%;box-sizing: border-box;}
.ny_xwzx1:hover{color: #00479d;}
.ny_xwzx1:hover span{color: #00479d;}

/* 210306新增首页内容，新闻资讯 与内页一样*/