/*全局样式*/ @font-face{ font-family:'Bodoni'; src:url("font/Bodoni.ttf") format("truetype"); font-weight:normal; font-style:normal; } html{overflow-x:hidden;} body,a{color:#333;} .wrapper{width:1280px;} .wrapper.max{width:1500px;} .wrap-white{background:#fff;} .wrap-white.p1{padding:90px 0 50px 0;} .wrap-white.p2{padding:60px 0 80px 0;} .wrap-white.p3{padding:70px 0 80px 0;} .wrap-white.p4{padding:70px 0;} .wrap-gray{background:#eff3f6;} .wrap-gray.p1{padding:70px 0;} /*头部样式*/ #header{left:0; right:0; top:60px; z-index:99; height:80px;} #logo{left:0; top:3px;} #logo img{width:368px; height:74px;} #nav{right:0; top:0; display:flex; height:80px; padding:0 26px;} #nav:before{content:''; position:absolute; left:0; top:0; display:block; width:26px; height:80px; background:url(img/nav-l.png) no-repeat center;} #nav:after{content:''; position:absolute; right:0; top:0; display:block; width:26px; height:80px; background:url(img/nav-r.png) no-repeat center;} #nav .item{position:relative; height:80px; padding:0 40px 0 30px; background:rgba(255,255,255,.72);} #nav .item:after{content:''; position:absolute; right:0; top:0; display:block; width:0; height:0; border-left:12px solid transparent; border-top:40px solid transparent; border-right:12px solid #1c89ca; border-bottom:40px solid #1c89ca;} #nav .item > ul{display:flex;} #nav .item > ul > li{position:relative; height:80px; line-height:80px; margin-left:60px; font-size:17px;} #nav .item > ul > li:first-child{margin-left:0;} #nav .item > ul > li:before{content:''; position:absolute; left:-33px; top:37px; display:block; width:6px; height:6px; background:#9caab5; border-radius:50%;} #nav .item > ul > li:first-child:before{display:none;} #nav .item > ul > li a{display:block;} #nav .item > ul > li:hover > a{color:#1c89ca;} #nav .item > ul > li.current:after{content:''; position:absolute; left:50%; bottom:0; transform:translateX(-50%); display:block; width:68px; height:3px; background:#1c89ca;} #nav .item > ul > li.current > a{color:#1c89ca;} #nav .item ul li ul{position:absolute; left:50%; top:80px; transform:translateX(-50%); display:none; width:136px; padding:14px 0; background:rgba(0,0,0,.5); border-radius:0 0 10px 10px;} #nav .item ul li:hover > ul{display:block; top:100px; animation:NavSlideUp 0.4s; animation-fill-mode:forwards;} @keyframes NavSlideUp{100%{top:80px;}} #nav .item ul li ul li{height:40px; line-height:40px; font-size:16px; text-align:center; overflow:hidden;} #nav .item ul li ul li a{padding:0 20px; color:rgba(255,255,255,.8); white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #nav .item ul li ul li:hover a{color:#fff;} #nav .search{height:80px; line-height:80px; padding:0 10px; background:#1c89ca; font-size:17px; color:#fff; cursor:pointer; overflow:hidden;} #nav .search em{display:inline-block; padding-left:30px; background:url(img/search.png) no-repeat left center;} #search{right:26px; top:110px; z-index:99; display:none; height:66px; padding:10px; background:rgba(255,255,255,.5); box-shadow:0 0 10px rgba(0,0,0,.06); overflow:hidden;} #search input{width:256px; height:46px; line-height:46px; padding:0 16px; border:none; border-radius:0; font-size:16px; color:#464646;} #search input::-moz-placeholder{color:#999;} #search input::-webkit-input-placeholder{color:#999;} #search input::-ms-input-placeholder{color:#999;} #search button{width:46px; height:46px; background:url(img/search.png) no-repeat center #1c89ca; border:none; border-radius:0;} /*首页样式*/ #banner{width:100%; height:944px; overflow:hidden;} #banner .swiper-wrapper{height:944px;} #banner .swiper-slide{width:100%; height:944px;} #banner .swiper-slide img{width:100%; height:944px;} #banner .swiper-pagination{bottom:30px; display:flex; justify-content:center; align-items:center;} #banner .swiper-pagination-bullet{width:12px; height:12px; margin:0 0 0 10px; background:rgba(255,255,255,.7); border-radius:50%; cursor:pointer; opacity:1;} #banner .swiper-pagination-bullet:first-child{margin-left:0;} #banner .swiper-pagination-bullet-active{background:#029eeb;} #banner .swiper-button-prev,#banner .swiper-button-next{top:50%; transform:translateY(-50%); width:28px; height:56px; margin:0; background-repeat:no-repeat; background-position:center; background-size:28px 56px; cursor:pointer; opacity:.8;} #banner .swiper-button-prev:after,#banner .swiper-button-next:after{display:none;} #banner .swiper-button-prev{left:60px; background-image:url(img/prev.png);} #banner .swiper-button-next{right:60px; background-image:url(img/next.png);} #banner .swiper-button-prev:hover,#banner .swiper-button-next:hover{opacity:1;} #about{display:flex;} #about .left{width:570px; height:542px; overflow:hidden;} #about .left img{width:570px; height:542px;} #about .right{flex:1; margin-left:70px;} #about .right .weo-pr{height:76px; overflow:hidden;} #about .right .weo-pr h2{height:66px; line-height:66px; font-family:'Impact'; font-size:64px; text-transform:uppercase; color:rgba(68,68,68,.08); overflow:hidden;} #about .right .weo-pr h3{position:absolute; left:0; bottom:0; height:42px; line-height:42px; font-size:40px; font-weight:bold; overflow:hidden;} #about .right .weo-pr h3 em{color:#1c89ca;} #about .right .more{display:flex; justify-content:space-between; align-items:center; margin-top:30px;} #about .right .more section h3{height:24px; line-height:24px; font-size:22px; overflow:hidden;} #about .right .more section h4{height:16px; line-height:16px; margin-top:10px; font-size:13px; text-transform:uppercase; letter-spacing:1.2px; color:#7c7b7b; overflow:hidden;} #about .right .more a{position:relative; height:64px; padding:0 14px; overflow:hidden;} #about .right .more a:before{content:''; position:absolute; left:0; top:0; display:block; width:14px; height:64px; background:url(img/shape-l.png) no-repeat center;} #about .right .more a:after{content:''; position:absolute; right:0; top:0; display:block; width:14px; height:64px; background:url(img/shape-r.png) no-repeat center;} #about .right .more a span{display:block; height:64px; line-height:64px; padding:0 20px; background:#1c89ca; font-size:16px; color:#fff; overflow:hidden;} #about .right .more a span em{display:inline-block; padding-right:28px; background:url(img/arrow-r.png) no-repeat right center;} #about .right .text{height:130px; line-height:26px; margin-top:48px; font-size:15px; color:#6f6f6f; -webkit-line-clamp:5;} #about .right .menu{margin-top:48px;} #about .right .menu ul{display:flex; justify-content:space-between;} #about .right .menu ul li{flex:1; margin-left:24px; background:#ecf5f2; border-radius:8px; overflow:hidden;} #about .right .menu ul li:first-child{margin-left:0;} #about .right .menu ul li a{display:block; padding:24px;} #about .right .menu ul li i{display:block; height:38px; margin:0 auto; background-repeat:no-repeat; background-position:center;} #about .right .menu ul li i.am-icon1{width:36px; background-image:url(img/am-icon1.png);} #about .right .menu ul li i.am-icon2{width:38px; background-image:url(img/am-icon2.png);} #about .right .menu ul li i.am-icon3{width:34px; background-image:url(img/am-icon3.png);} #about .right .menu ul li h3{height:20px; line-height:20px; margin-top:14px; font-size:17px; text-align:center; overflow:hidden;} #about .right .menu ul li h4{height:18px; line-height:18px; margin-top:8px; font-family:'Arial'; font-size:15px; text-align:center; color:#878b8a; overflow:hidden;} #about .right .menu ul li:hover i.am-icon1{background-image:url(img/am-icon1-h.png);} #about .right .menu ul li:hover i.am-icon2{background-image:url(img/am-icon2-h.png);} #about .right .menu ul li:hover i.am-icon3{background-image:url(img/am-icon3-h.png);} #about .right .menu ul li:hover h3{color:#1c89ca;} .title.mt{margin-top:70px;} .title section{position:relative; height:66px; overflow:hidden;} .title section h2{height:66px; line-height:66px; font-family:'Impact'; font-size:64px; text-transform:uppercase; text-align:center; color:rgba(68,68,68,.08); overflow:hidden;} .title section h3{position:absolute; left:0; right:0; bottom:4px; height:42px; line-height:42px; font-size:40px; font-weight:bold; text-align:center; overflow:hidden;} .title section h3 em{color:#1c89ca;} .title h4{display:flex; justify-content:center; align-items:center; margin-top:16px;} .title h4 i{width:24px; height:1px; background:#dcdcdc;} .title h4 span{height:18px; line-height:18px; margin:0 20px; font-size:16px; text-align:center; letter-spacing:4px; color:#a3a3a3; overflow:hidden;} #news{display:flex; justify-content:space-between;} #news .left{width:622px; height:580px; border-radius:10px 0 0 10px; overflow:hidden;} #news .left span{display:block; width:622px; height:336px; overflow:hidden;} #news .left img{width:622px; max-width:none; height:336px; transition:transform 0.3s linear;} #news .left section{height:244px; padding:34px 34px 40px 34px; background:#fff; overflow:hidden;} #news .left section h4{height:18px; line-height:18px; font-family:'Arial'; font-size:15px; color:#7e7e7e; overflow:hidden;} #news .left section h3{height:22px; line-height:22px; margin-top:24px; font-size:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #news .left section p{height:18px; line-height:18px; margin-top:16px; font-size:15px; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #news .left section h5{width:112px; height:38px; line-height:36px; margin-top:34px; border:1px solid #e5e5e5; font-size:14px; text-align:center; color:#9b9b9b; overflow:hidden;} #news .left:hover img{transform:scale(1.08); transition:transform 0.3s linear;} #news .left:hover section{background:#1c89ca;} #news .left:hover section h4,#news .left:hover section h3,#news .left:hover section p{color:#fff;} #news .left:hover section h5{border-color:#fff; color:#fff;} #news .right{flex:1;} #news .right ul li{position:relative; height:116px; overflow:hidden;} #news .right ul li:before{content:''; position:absolute; left:64px; right:0; top:0; display:block; height:1px; background:#dcdcdc;} #news .right ul li:last-child:after{content:''; position:absolute; left:64px; right:0; bottom:0; display:block; height:1px; background:#dcdcdc;} #news .right ul li a{display:block; padding:32px 24px 32px 64px;} #news .right ul li h4{height:16px; line-height:16px; font-size:14px; color:#87898b; overflow:hidden;} #news .right ul li h3{height:20px; line-height:20px; margin-top:16px; padding-right:52px; background:url(img/arrow-r1.png) no-repeat right center; font-size:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #news .right ul li:hover{background:#1c89ca;} #news .right ul li:first-child:hover{border-radius:0 10px 0 0;} #news .right ul li:last-child:hover{border-radius:0 0 10px 0;} #news .right ul li:hover:before,#news .right ul li:hover + li:before{display:none;} #news .right ul li:last-child:hover:after{display:none;} #news .right ul li:hover h4{color:#fff;} #news .right ul li:hover h3{background-image:url(img/arrow-r1-h.png); color:#fff; animation:ArrowSlide 0.35s; animation-fill-mode:forwards;} @keyframes ArrowSlide{from{background-position:right 30px center;}to{background-position:right center;}} #wrap-advantage{display:flex; align-items:center; height:726px; background:url(img/advantage-bg.jpg) no-repeat top center; background-size:cover; overflow:hidden;} #advantage{position:relative; height:488px;} #advantage .circle{position:absolute; left:411px; top:6px; width:458px; height:458px; background:url(img/circle.png) no-repeat center; animation:Rotate 2.5s linear infinite;} @keyframes Rotate{from{transform:rotate(0deg);}to{transform:rotate(360deg);}} #advantage .item{position:absolute; left:509px; top:104px; width:262px; height:262px; padding:62px 0; border-radius:50%; overflow:hidden;} #advantage .item h2{position:relative; height:64px; overflow:hidden;} #advantage .item h2 span{position:absolute; left:50%; top:0; transform:translateX(-50%); display:block; height:64px; line-height:64px; font-family:'Impact'; font-size:62px; text-transform:uppercase; text-align:center; color:rgba(68,68,68,.08); white-space:nowrap; overflow:hidden;} #advantage .item h2 em{position:absolute; left:50%; bottom:4px; transform:translateX(-50%); display:block; height:40px; line-height:40px; font-size:38px; font-weight:bold; text-align:center; color:#1c89ca; white-space:nowrap; overflow:hidden;} #advantage .item h3{height:36px; line-height:36px; margin-top:10px; font-size:30px; text-align:center; color:#444; overflow:hidden;} #advantage .item h3 em{font-size:34px; font-weight:bold; color:#fb7715;} #advantage .item i{display:block; width:36px; height:4px; margin:24px auto 0 auto; background:#fb7715; border-radius:2px;} #advantage ul li{position:absolute; cursor:pointer;} #advantage ul li:nth-child(1){left:744px; top:0;} #advantage ul li:nth-child(2){left:828px; top:64px;} #advantage ul li:nth-child(3){left:874px; top:142px;} #advantage ul li:nth-child(4){left:898px; top:226px;} #advantage ul li:nth-child(5){left:874px; top:316px;} #advantage ul li:nth-child(6){left:822px; top:394px;} #advantage ul li:nth-child(7){left:726px; top:464px;} #advantage ul li:before{content:''; position:absolute; display:block; width:15px; height:15px; background:rgba(251,119,21,.5); border-radius:50%;} #advantage ul li:nth-child(1):before{left:-33px; top:13px;} #advantage ul li:nth-child(2):before{left:-31px; top:5px;} #advantage ul li:nth-child(3):before{left:-28px; top:5px;} #advantage ul li:nth-child(4):before{left:-36px; top:5px;} #advantage ul li:nth-child(5):before{left:-31px; top:4px;} #advantage ul li:nth-child(6):before{left:-35px; top:3px;} #advantage ul li:nth-child(7):before{left:-15px; top:-21px;} #advantage ul li:after{content:''; position:absolute; display:block; width:9px; height:9px; background:#fb7715; border-radius:50%;} #advantage ul li:nth-child(1):after{left:-30px; top:16px;} #advantage ul li:nth-child(2):after{left:-28px; top:8px;} #advantage ul li:nth-child(3):after{left:-25px; top:8px;} #advantage ul li:nth-child(4):after{left:-33px; top:8px;} #advantage ul li:nth-child(5):after{left:-28px; top:7px;} #advantage ul li:nth-child(6):after{left:-32px; top:6px;} #advantage ul li:nth-child(7):after{left:-12px; top:-18px;} #advantage ul li h2{height:24px; line-height:24px; font-size:22px; font-weight:bold; color:#fff; white-space:nowrap; transition:letter-spacing 0.2s linear;} #advantage ul li h2 em{font-size:12px; text-transform:uppercase; font-weight:normal; color:rgba(255,255,255,.5);} #advantage ul li .text{position:absolute; left:20px; top:36px; z-index:99; display:none; width:460px; line-height:28px; padding:14px 22px; background:rgba(255,255,255,.9); border-radius:8px; font-size:16px;opacity:0; overflow:hidden;} #advantage ul li:hover:before{width:17px; height:17px; margin:-1px 0 0 -1px;} #advantage ul li:hover h2{letter-spacing:1px; transition:letter-spacing 0.2s linear;} #advantage ul li:hover .text{display:block; animation:AdvantageText 0.3s; animation-fill-mode:forwards;} @keyframes AdvantageText{100%{left:0; opacity:1;}} #wrap-professional{padding:70px 0; background:url(img/professional-bg.jpg) no-repeat bottom center #eff3f6;} #professional{position:relative; height:480px; margin-top:50px;} #professional .swiper-container{height:480px; overflow:hidden;} #professional .swiper-wrapper{height:480px;} #professional .swiper-slide{position:relative; width:388px; height:480px; border-radius:10px; overflow:hidden;} #professional .swiper-slide img{width:388px; max-width:none; height:480px; transition:transform 0.3s linear;} #professional .swiper-slide h3{position:absolute; left:0; right:0; bottom:0; padding:120px 30px 24px 30px; background:linear-gradient(transparent,rgba(0,0,0,.6)); overflow:hidden;} #professional .swiper-slide h3 em{display:block; height:24px; height:24px; padding-right:54px; background:url(img/arrow-r2.png) no-repeat right center; font-size:22px; font-weight:bold; color:#fff; white-space:nowrap; text-overflow:ellipsis;} #professional .swiper-slide:hover img{transform:scale(1.08); transition:transform 0.3s linear;} #professional .swiper-slide:hover h3 em{animation:ArrowSlide 0.35s; animation-fill-mode:forwards;} #professional .swiper-button-prev,#professional .swiper-button-next{top:226px; width:64px; height:64px; margin:0; background-repeat:no-repeat; background-position:center; background-size:14px 24px; background-color:#fff; border-radius:50%; box-shadow:0 0 10px rgba(0,0,0,.06); cursor:pointer; opacity:1;outline: none;} #professional .swiper-button-prev:after,#professional .swiper-button-next:after{display:none;} #professional .swiper-button-prev{left:-32px; background-image:url(img/prev1.png);} #professional .swiper-button-next{right:-32px; background-image:url(img/next1.png);} #professional .swiper-button-prev:hover{background-image:url(img/prev1-h.png); background-color:#1c89ca;} #professional .swiper-button-next:hover{background-image:url(img/next1-h.png); background-color:#1c89ca;} #wrap-teacher{padding:70px 0 80px 0; background:url(img/teacher-bg.jpg) no-repeat bottom center;} #teacher{position:relative; height:672px; margin-top:50px;} #teacher-item{position:relative; width:1216px; height:672px; margin:0 auto; overflow:hidden;} #teacher-item ul li{position:absolute; left:1216px; top:88px; width:398px; height:596px; border-radius:10px; box-shadow:0 0 16px rgba(0,0,0,.1); overflow:hidden;} #teacher-item ul li:nth-child(1){left:0; top:44px;} #teacher-item ul li:nth-child(2){left:384px; top:0;} #teacher-item ul li:nth-child(3){left:818px; top:44px;} #teacher-item ul li span{display:block; width:398px; height:338px; overflow:hidden;} #teacher-item ul li img{width:398px; max-width:none; height:338px; transition:transform 0.3s linear;} #teacher-item ul li span h5{position:absolute; left:0; top:0; display:none; align-items:center; width:68px; height:68px; padding:0 10px 14px 10px; background:url(img/rank.png) no-repeat center;} #teacher-item ul li span h5 em{height:18px; line-height:18px; font-size:16px; text-align:center; color:#fff; overflow:hidden;} #teacher-item ul li section{height:258px; padding:36px 36px 40px 36px; background:#fff; overflow:hidden;} #teacher-item ul li:nth-child(1) section{padding-right:50px;} #teacher-item ul li:nth-child(3) section{padding-left:50px;} #teacher-item ul li section h3{height:32px; line-height:32px; font-size:30px; overflow:hidden;} #teacher-item ul li section h3 em{margin-left:10px; font-family:'Arial'; font-size:24px; font-weight:bold; text-transform:uppercase; color:#1c89ca;} #teacher-item ul li section p{height:52px; line-height:26px; margin-top:24px; font-size:15px; color:#6f6f66;} #teacher-item ul li section h4{width:142px; height:42px; line-height:40px; margin-top:32px; border:1px solid #1c89ca; border-radius:4px; font-size:15px; text-align:center; color:#1c89ca; overflow:hidden;} #teacher-item ul li section h4 em{display:inline-block; padding-right:26px; background:url(img/arrow-r3.png) no-repeat right center;} #teacher-item ul li.current{z-index:99; width:448px; height:672px; border-radius:6px 10px 10px 10px;} #teacher-item ul li.current span{width:448px; height:382px;} #teacher-item ul li.current span h5{display:flex;} #teacher-item ul li.current img{width:448px; height:382px;} #teacher-item ul li.current section{height:290px; padding:46px 46px 50px 46px;} #teacher-item ul li.current section p{margin-top:28px;} #teacher-item ul li.current section h4{margin-top:40px;} #teacher-item ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;} #teacher-item ul li:hover section{background:#1c89ca;} #teacher-item ul li:hover section h3,#teacher ul li:hover section h3 em,#teacher ul li:hover section p{color:#fff;} #teacher-item ul li:hover section h4{border-color:#fff; color:#fff;} #teacher-item ul li:hover section h4 em{background-image:url(img/arrow-r3-h.png);} #t-prev,#t-next{top:272px; width:64px; height:64px; background-repeat:no-repeat; background-position:center; background-size:14px 24px; background-color:#fff; border-radius:50%; box-shadow:0 0 10px rgba(0,0,0,.06); cursor:pointer;} #t-prev{left:0; background-image:url(img/prev1.png);} #t-next{right:0; background-image:url(img/next1.png);} #t-prev:hover{background-image:url(img/prev1-h.png); background-color:#1c89ca;} #t-next:hover{background-image:url(img/next1-h.png); background-color:#1c89ca;} /*内页样式*/ #banner22{ display:none;} #lm-banner{height:630px; background-repeat:no-repeat; background-position:center; background-size:cover;} #lm-banner.about{background-image:url(img/lm-about.jpg);} #lm-banner.professional{background-image:url(img/lm-professional.jpg);} #lm-banner.recruit{background-image:url(img/lm-recruit.jpg);} #lm-banner.news{background-image:url(img/lm-news.jpg);} #lm-banner.contact{background-image:url(img/lm-contact.jpg);} #lm-banner.registration{background-image:url(img/lm-registration.jpg);} #menu{left:0; right:0; bottom:0;} #menu ul{display:flex; justify-content:center;} #menu ul li{width:200px; height:60px; line-height:60px; margin-left:14px; background:rgba(255,255,255,.9); font-size:16px; text-align:center; overflow:hidden;} #menu ul li:first-child{margin-left:0;} #menu ul li a{display:block;} #menu ul li:hover a{color:#1c89ca;} #menu ul li.current{background:#1c89ca;} #menu ul li.current a{color:#fff;} #load-more{height:18px; line-height:18px; margin-top:80px; font-size:15px; text-align:center; color:#939393; cursor:pointer; overflow:hidden;} .lm-title h2{height:32px; line-height:32px; font-size:30px; font-weight:bold; text-align:center; overflow:hidden;} .lm-title h2 em{color:#1c89ca;} .lm-title h3{display:flex; justify-content:center; align-items:center; margin-top:16px;} .lm-title h3 i{width:24px; height:1px; background:#dcdcdc;} .lm-title h3 span{height:18px; line-height:18px; margin:0 20px; font-size:16px; text-align:center; letter-spacing:4px; color:#a3a3a3; overflow:hidden;} #lm-about h2{height:32px; line-height:32px; font-size:30px; font-weight:bold; text-align:center; color:#1c89ca; overflow:hidden;} #lm-about .text{line-height:28px; margin-top:40px; font-size:15px; color:#575757;} #lm-about .text p{text-indent:30px;} #lm-about .img{display:flex; justify-content:space-between; margin-top:50px;} #lm-about .left{width:800px; height:542px; overflow:hidden;} #lm-about .left img{width:800px; height:542px;} #lm-about .right{width:470px; height:542px; overflow:hidden;} #lm-about .right ul li{width:470px; height:266px; margin-top:10px; overflow:hidden;} #lm-about .right ul li:first-child{margin-top:0;} #lm-about .right ul li img{width:470px; height:266px;} #wrap-manage{padding:70px 0; background:url(img/manage-bg.jpg) no-repeat top center; background-size:cover;} #manage{display:flex; justify-content:space-between; align-items:center;} #manage .left{flex:1; margin-right:80px;} #manage .left h2{height:32px; line-height:32px; padding-left:24px; font-size:30px; font-weight:bold; color:#1c89ca; overflow:hidden;} #manage .left h3{display:flex; height:64px; margin-top:24px; overflow:hidden;} #manage .left h3 i{width:24px; height:64px; background:url(img/shape-l2.png) no-repeat center;} #manage .left h3 span + i{background-image:url(img/shape-r2.png);} #manage .left h3 span{height:64px; line-height:64px; padding:0 12px; background:#1c89ca; font-size:16px; font-weight:bold; text-align:center; color:#fff; overflow:hidden;} #manage .left .text{line-height:44px; margin-top:40px; padding-left:24px; font-size:16px; color:#525151;} #manage .right{width:468px; height:468px; padding:24px; background:#fff; border-radius:50%; overflow:hidden;} #manage .right img{width:420px; height:420px; border-radius:50%;} #wrap-philosophy{padding:130px 0 120px 0; background:url(img/philosophy-bg.jpg) no-repeat center; background-size:cover;} #philosophy h2{height:32px; line-height:32px; font-size:30px; font-weight:bold; text-align:center; color:#fff; overflow:hidden;} #philosophy i{display:block; width:68px; height:4px; margin:36px auto 0 auto; background:#fff;} #philosophy .text{line-height:40px; margin-top:60px; font-size:16px; text-align:center; color:#fff;} #wrap-honor{padding:70px 0; background:url(img/honor-bg.png) no-repeat bottom center #fff;} #honor{margin-top:60px;} #honor ul{display:flex; flex-wrap:wrap;} #honor ul li{width:410px; height:280px; margin:25px 0 0 25px; border:10px solid #e7e7e9; overflow:hidden;} #honor ul li:nth-child(-n+3){margin-top:0;} #honor ul li:nth-child(3n+1){margin-left:0;} #honor ul li img{width:390px; height:260px;} #environment-list{margin-top:60px;} #environment-list ul{display:flex; flex-wrap:wrap;} #environment-list ul li{position:relative; width:412px; height:280px; margin:36px 0 0 22px; overflow:hidden;} #environment-list ul li:nth-child(-n+3){margin-top:0;} #environment-list ul li:nth-child(3n+1){margin-left:0;} #environment-list ul li img{width:412px; max-width:none; height:280px; transition:transform 0.3s linear;} #environment-list ul li h3{position:absolute; left:0; right:0; bottom:0; height:52px; line-height:52px; padding:0 20px; background:rgba(0,0,0,.42); font-size:16px; text-align:center; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #environment-list ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;} #environment-preview{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:none; width:1080px; padding:60px 140px; background:rgba(0,0,0,.8); border-radius:10px; overflow:hidden;} #environment-preview .swiper-pagination{position:absolute; left:40px; top:30px; width:auto; height:16px; line-height:16px; margin:0; font-size:14px; color:#fff;} #environment-preview .close{position:absolute; right:40px; top:30px; width:16px; height:16px; background:url(img/close.png) no-repeat center; cursor:pointer;} #environment-preview .swiper-button-prev,#environment-preview .swiper-button-next{top:50%; width:20px; height:16px; margin:0; background-repeat:no-repeat; background-position:center; background-size:20px 16px; cursor:pointer; opacity:1;} #environment-preview .swiper-button-prev:after,#environment-preview .swiper-button-next:after{display:none;} #environment-preview .swiper-button-prev{left:60px; background-image:url(img/prev2.png);} #environment-preview .swiper-button-next{right:60px; background-image:url(img/next2.png);} #environment-preview .swiper-container{width:800px; height:592px; overflow:hidden;} #environment-preview .swiper-wrapper{height:592px;} #environment-preview .swiper-slide{width:800px; height:592px; overflow:hidden;} #environment-preview .swiper-slide h3{height:18px; line-height:18px; font-size:16px; text-align:center; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #environment-preview .swiper-slide img{display:block; width:800px; height:544px; margin-top:30px;} #teacher-list{margin-top:60px;} #teacher-list ul{display:flex; flex-wrap:wrap;} #teacher-list ul li{width:624px; height:406px; margin:32px 0 0 32px; overflow:hidden;} #teacher-list ul li:nth-child(-n+2){margin-top:0;} #teacher-list ul li:nth-child(2n+1){margin-left:0;} #teacher-list ul li a{display:flex;} #teacher-list ul li span{width:290px; height:406px; overflow:hidden;} #teacher-list ul li img{width:290px; max-width:none; height:406px; transition:transform 0.3s linear;} #teacher-list ul li section{flex:1; padding:56px 40px 60px 40px; background:#f3f3f5;} #teacher-list ul li section h3{height:28px; line-height:28px; font-size:25px; font-weight:bold; overflow:hidden;} #teacher-list ul li section h4{height:22px; line-height:22px; margin-top:14px; font-size:19px; color:#525252; overflow:hidden;} #teacher-list ul li section i{display:block; width:30px; height:1px; margin-top:29px; background:#7c7c7d;} #teacher-list ul li section .text{height:168px; line-height:28px; margin-top:28px; font-size:15px; color:#525252; overflow:hidden;} #teacher-list ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;} #teacher-list ul li:hover section h3{color:#1c89ca;} #professional-list{margin-top:60px;} #professional-list ul{display:flex; flex-wrap:wrap;} #professional-list ul li{width:392px; height:556px; margin:52px 0 0 52px; background:#fff; border-radius:16px; box-shadow:0 0 20px rgba(0,0,0,.1); overflow:hidden;} #professional-list ul li:nth-child(-n+3){margin-top:0;} #professional-list ul li:nth-child(3n+1){margin-left:0;} #professional-list ul li span{display:block; width:392px; height:292px; overflow:hidden;} #professional-list ul li img{width:392px; max-width:none; height:292px; transition:transform 0.3s linear;} #professional-list ul li section{height:264px; padding:36px 40px 40px 40px; overflow:hidden;} #professional-list ul li section h3{height:24px; line-height:24px; font-size:22px; text-align:center; overflow:hidden;} #professional-list ul li section i{position:relative; display:block; height:1px; margin-top:21px; background:#e3e3e3;} #professional-list ul li section i:after{content:''; position:absolute; left:50%; bottom:-1px; transform:translateX(-50%); display:block; width:40px; height:3px; background:#1c89ca;} #professional-list ul li section p{height:48px; line-height:24px; margin-top:22px; font-size:15px; text-align:center; color:#757575;} #professional-list ul li section h4{position:relative; display:flex; width:138px; height:42px; margin:30px auto 0 auto; padding:0 10px; overflow:hidden;} #professional-list ul li section h4:before{content:''; position:absolute; left:0; top:0; display:block; width:10px; height:42px; background:url(img/shape-l1.png) no-repeat center;} #professional-list ul li section h4:after{content:''; position:absolute; right:0; top:0; display:block; width:10px; height:42px; background:url(img/shape-r1.png) no-repeat center;} #professional-list ul li section h4 em{display:block; width:100%; height:42px; line-height:42px; background:#1c89ca; font-size:15px; text-align:center; color:#fff; overflow:hidden;} #professional-list ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;} #professional-list ul li:hover h3{color:#1c89ca;} #pd-title{display:flex; justify-content:space-between; align-items:center;} #pd-title section h1{height:32px; line-height:32px; font-size:30px; font-weight:bold; overflow:hidden;} #pd-title section h3{height:18px; line-height:18px; margin-top:16px; font-size:16px; letter-spacing:2px; color:#a3a3a3; overflow:hidden;} #pd-title a{width:176px; height:56px; line-height:56px; background:#1c89ca; border-radius:8px; font-size:16px; text-align:center; color:#fff; overflow:hidden;} #pd-item{line-height:32px; margin-top:40px; padding-top:36px; border-top:1px solid #e5e5e5; font-size:15px; color:#5c5c5c;} #pd-prev-next{display:flex; justify-content:space-between; margin-top:70px;} #pd-prev-next p{max-width:calc((100% - 60px) / 2); height:18px; line-height:18px; font-size:16px; color:#464646; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #pd-prev-next a:hover{color:#1c89ca;} #recruit{line-height:32px; margin-top:50px; font-size:15px; color:#464646;} /* 富文本正文段落间距 weoui.min.css 里的 *{margin:0;padding:0} 会清掉

的默认上下间距， 导致后台编辑器里排好的段落到前台粘成一团，这里给正文容器补回段落间距 */ #recruit p,#pd-item p,#single p,#lm-about .text p{margin:0 0 14px;} #recruit p:last-child,#pd-item p:last-child,#single p:last-child,#lm-about .text p:last-child{margin-bottom:0;} /* 编辑器回车留下的空段落 = 一个空行，必须占满一行高度，否则前台看不到空行 */ #recruit p:empty,#pd-item p:empty,#single p:empty,#lm-about .text p:empty{min-height:32px; margin:0;} /* 连续多个空段落只保留一行，避免大片空白 */ #recruit p:empty + p:empty,#pd-item p:empty + p:empty,#single p:empty + p:empty,#lm-about .text p:empty + p:empty{min-height:0;} /* 只含换行符的空段落（编辑器里按回车产生）按一行空行处理，不再额外加段间距 单独成条，避免不支持 :has 的浏览器把整条规则一起丢弃 */ #recruit p:has(> br:only-child),#pd-item p:has(> br:only-child),#single p:has(> br:only-child),#lm-about .text p:has(> br:only-child){margin:0;} #recruit img{max-width:100%; height:auto;} #recruit ul,#recruit ol,#pd-item ul,#pd-item ol,#single ul,#single ol,#lm-about .text ul,#lm-about .text ol{margin:0 0 14px; padding-left:2em;} #recruit li,#pd-item li,#single li,#lm-about .text li{margin:4px 0; list-style:disc;} #news-list ul li{height:224px; margin-top:30px; background:#f7f7f7; border-radius:8px; overflow:hidden;} #news-list ul li:first-child{margin-top:0;} #news-list ul li a{display:flex; align-items:center; padding:16px 32px 16px 16px;} #news-list ul li span{display:block; width:266px; height:192px; border-radius:6px; overflow:hidden;} #news-list ul li img{width:266px; max-width:none; height:192px; transition:transform 0.3s linear;} #news-list ul li section{flex:1; margin-left:32px;} #news-list ul li section h3{height:24px; line-height:24px; font-size:22px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #news-list ul li section p{height:52px; line-height:26px; margin-top:20px; font-size:15px; color:#999;} #news-list ul li section h4{display:flex; justify-content:space-between; align-items:center; margin-top:30px;} #news-list ul li section h4 em{height:20px; line-height:20px; font-family:'Arial'; font-size:18px; color:#6d6d6d; overflow:hidden;} #news-list ul li section h4 i{width:86px; height:32px; line-height:30px; border:1px solid #3091cb; border-radius:16px; font-size:14px; text-transform:uppercase; text-align:center; color:#3091cb; overflow:hidden;} #news-list ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;} #news-list ul li:hover section h3{color:#1c89ca;} #contact-title{display:flex; justify-content:center; align-items:center;} #contact-title i{flex:1; height:1px; background:#1c89ca;} #contact-title i.orange{background:#f35415;} #contact-title em{width:13px; height:13px; border:1px solid #1c89ca; border-radius:50%;} #contact-title em.orange{border-color:#f35415;} #contact-title section{padding:0 50px; text-align:center;} #contact-title section h3{height:28px; line-height:28px; font-size:25px; color:#1c89ca; overflow:hidden;} #contact-title section h2{height:36px; line-height:36px; margin-top:18px; font-size:34px; font-weight:bold; overflow:hidden;} #contact-text{margin-top:40px; text-align:center;} #contact-text h3{height:22px; line-height:22px; font-size:20px; font-weight:bold; color:#1c89ca; overflow:hidden;} #contact-text section{line-height:34px; margin-top:16px; font-size:16px; color:#454545;} #contact-text section em{font-family:'Arial'; font-size:24px; color:#f35415;} #contact-item{display:flex; justify-content:space-between; align-items:center; margin-top:50px;} #contact-item .left{flex:1; margin-right:80px;} #contact-item .left h3{height:18px; line-height:18px; font-size:16px; font-weight:bold; color:#454545; overflow:hidden;} #contact-item .left .text{line-height:32px; margin-top:12px; font-size:15px; color:#585858;} #contact-item .right ul{display:flex;} #contact-item .right ul li{margin-left:50px;} #contact-item .right ul li:first-child{margin-left:0;} #contact-item .right ul li img{display:block; width:142px; height:142px; margin:0 auto; border:1px solid #e1e1e1;} #contact-item .right ul li h4{height:18px; line-height:18px; margin-top:12px; font-size:15px; text-align:center; color:#6d6d6d; overflow:hidden;} #map{height:500px; margin-top:50px; border:2px solid #e5e5e5;} #map img{max-width:none;} .anchorBL{display:none;} #registration-form{margin-top:60px;} #registration-form .input-group{display:flex; justify-content:space-between; margin-bottom:36px;} #registration-form .input{width:calc((100% - 40px) / 2);} #registration-form .input h3{height:18px; line-height:18px; padding-left:20px; font-size:16px; font-weight:bold; color:#575757; overflow:hidden;} #registration-form .input input{display:block; width:100%; height:56px; line-height:56px; margin-top:18px; padding:0 20px; border:2px solid #e2e2e2; border-radius:8px; font-size:15px; color:#575757;} #registration-form .input input::-moz-placeholder{color:#a3a3a3;} #registration-form .input input::-webkit-input-placeholder{color:#a3a3a3;} #registration-form .input input::-ms-input-placeholder{color:#a3a3a3;} #registration-form .textarea{margin-bottom:36px;} #registration-form .textarea h3{height:18px; line-height:18px; padding-left:20px; font-size:16px; font-weight:bold; color:#575757; overflow:hidden;} #registration-form .textarea textarea{display:block; width:100%; height:162px; line-height:26px; margin-top:18px; padding:14px 20px; border:2px solid #e2e2e2; border-radius:8px; font-size:15px; color:#575757;} #registration-form .code{display:flex; align-items:center; width:calc((100% - 40px) / 2); height:56px; border:2px solid #e2e2e2; border-radius:8px; overflow:hidden;} #registration-form .code input{flex:1; height:52px; line-height:52px; padding:0 20px; border:none; border-radius:0; font-size:15px; color:#575757;} #registration-form .code img{max-height:52px;} #registration-form button{width:calc((100% - 40px) / 2); height:56px; line-height:56px; background:#1c89ca; border:none; border-radius:8px; font-size:16px; text-align:center; color:#fff;} .weo-tip{height:52px; border-radius:6px;} .weo-tip-text{height:52px;} .weo-tip-text i{width:22px; height:22px; background-size:22px 22px;} .weo-tip-text span{height:18px; line-height:18px; font-size:15px;} /*底部样式*/ #registration{display:flex; align-items:center; height:388px; background:url(img/registration-bg.jpg) no-repeat top center; background-size:cover; overflow:hidden;} #registration h2{height:32px; line-height:32px; font-size:30px; font-weight:bold; color:#fff; overflow:hidden;} #registration h3{height:34px; line-height:34px; margin-top:18px; font-family:'Bodoni'; font-size:32px; text-transform:uppercase; color:#fff; overflow:hidden;} #registration h4{width:160px; height:48px; line-height:46px; margin-top:44px; border:1px solid #fff; font-size:15px; text-align:center; overflow:hidden;} #registration h4 a{display:block; color:#fff; transition:padding-left 0.2s linear;} #registration h4 a:hover{padding-left:16px; transition:padding-left 0.2s linear;} #footer{padding-top:70px; background:url(img/footer-bg.jpg) no-repeat top center; background-size:cover;} #f-link{display:flex;} #f-link h2{height:40px; line-height:40px; padding-left:54px; background:url(img/link.png) no-repeat left center; font-family:'Arial'; font-size:24px; text-transform:uppercase; color:#fff; overflow:hidden;} #f-link .item{flex:1;} #f-link .item ul{display:flex; flex-wrap:wrap;} #f-link .item ul li{height:40px; line-height:40px; padding:0 30px; font-size:15px; overflow:hidden;} #f-link .item ul li a{display:block; color:rgba(255,255,255,.8);} #f-link .item ul li a:hover{color:#fff;} #foot{display:flex; padding:60px 0 50px 0;} #foot .right{position:relative; flex:1; display:flex; justify-content:space-between; margin-left:50px;} #foot .right:before{content:''; position:absolute; left:0; right:0; top:40px; display:block; height:1px; background:rgba(255,255,255,.26);} #f-contact ul li{margin-top:50px; padding-left:54px; background-repeat:no-repeat; background-position:left center; color:#fff;} #f-contact ul li:first-child{margin-top:0;} #f-contact ul li.tel{background-image:url(img/tel.png);} #f-contact ul li.address{background-image:url(img/address.png);} #f-contact ul li h2{height:20px; line-height:20px; font-size:18px; overflow:hidden;} #f-contact ul li h3{height:24px; line-height:24px; margin-top:10px; font-family:'Arial'; font-size:22px; overflow:hidden;} #f-contact ul li h4{height:18px; line-height:18px; margin-top:10px; font-size:15px; overflow:hidden;} #f-menu{display:flex;} #f-menu dl{margin-left:82px;} #f-menu dl:first-child{margin-left:0;} #f-menu dl dt{height:18px; line-height:18px; font-size:16px; color:#fff; overflow:hidden;} #f-menu dl dd{height:18px; line-height:18px; margin-top:14px; font-size:15px; overflow:hidden;} #f-menu dl dt + dd{margin-top:44px;} #f-menu dl dd a{display:block; color:rgba(255,255,255,.6);} #f-menu dl dd:hover a{color:#fff;} #f-qrcode h2{height:18px; line-height:18px; font-size:16px; color:#fff; overflow:hidden;} #f-qrcode .item{margin-top:46px;} #f-qrcode .item ul{display:flex;} #f-qrcode .item ul li{margin-left:16px;} #f-qrcode .item ul li:first-child{margin-left:0;} #f-qrcode .item ul li img{display:block; width:96px; height:96px; margin:0 auto;} #f-qrcode .item ul li h3{height:18px; line-height:18px;margin-top:10px; font-size:15px; text-align:center; color:#fff; overflow:hidden;} #copyright{position:relative; height:92px; line-height:92px; font-size:15px; color:rgba(255,255,255,.8); overflow:hidden;} #copyright:before{content:''; position:absolute; left:0; right:0; top:0; display:block; height:1px; background:rgba(255,255,255,.16);} #copyright a{color:rgba(255,255,255,.8);} #copyright a:hover{color:#fff;} .page_s { height: 60px; text-align: center; margin-bottom: 10px; margin-top: 26px; } .digg li{ display:inline-block; min-width:14px; height:44px; line-height:44px; margin:0 4px; padding:0 16px; background:#fff; border:1px solid #d6d6d6; border-radius:2px; font-size:14px; color:#767676; } .digg .page-item a{ color: #333; } .digg .page-item a:hover { /*background-color: #015196;*/ color: #3091cb; } .digg .page-item a:active { background-color: #3091cb; color:#fff; } .digg li.active { margin:2px; padding: 1px 18px; background-color: #3091cb; color: #fff; text-decoration: none; } .shj{ display:none;} .xin_ba{ display:none;} .teacc{display:none} @media (max-width: 900px){ .teacc{display:block} #about .left{ width:100%} .wrapper{ width:100%} #about{ display:block;} #about .right{ margin-left:0} #about{ width:96%; margin:0 auto} #about .right .weo-pr h3{ font-size:28px} #about .right .more section h3{ font-size:16px} #about .right .more{ margin-top:0} #about .right .more{display:block;} #about .left{ display:none} .title section h3{ font-size:28px} .title section h2{ font-size:42px} .title h4 span { font-size:14px} .title h4 { margin-top:6px} .title h4 span{margin: 0 10px;} #news{ display:block} #news .left img{ width:100%} #news .left{ width:100%} #news .left span{ width:100%} #news .left{ width:96%; margin:0 auto} #news .left section{ padding:20px;} #news .right ul li a{ padding:20px} #news .right ul li:before{left:0} #news .right ul li{ height:89px} #news .left section{ height:210px} #news .left{ height:544px} #news .left section h5{ margin-top:20px} #wrap-advantage{ height:400px} #professional .swiper-slide img{ width:100%} #registration{ height:200px} #registration h2{ font-size:21px} #registration h3{ font-size:16px; margin-top:0} #registration{ padding-left:20px} #registration h4{ margin-top:10px} #foot{ display:block;padding: 20px 0 20px 0;} #f-menu{ display:none;} #f-contact ul li{ margin-top:25px} #copyright { position: relative; height: auto; line-height: 24px; font-size: 14px; color: rgba(255,255,255,.8); overflow: hidden; padding: 10px; } #f-link .item ul li{padding: 0 10px;} #footer{ padding-top:30px} #f-link .item ul li{height: 30px; line-height: 30px;} #f-contact ul li h4{ font-size:14px} #f-contact ul li h3{ font-size:19px} #f-qrcode h2{ margin-top:20px} #foot .right:before{ top:52px} #f-qrcode .item{ margin-top:35px} #professional .swiper-slide{ height:390px} #professional .swiper-slide img{ height:390px} #advantage .circle{ left:0} #advantage .item{ left:26%} #professional{width: 96%; margin: 0 auto; margin-top:20px} #professional .swiper-button-next{ right:0} #professional .swiper-button-prev{ left:0} #professional .swiper-button-prev, #professional .swiper-button-next { top: 161px;} #teacher{display:none} #professional .swiper-slide h3 em{ font-size:17px} #professional .swiper-slide h3{ padding: 120px 10px 24px 10px;} #footer{box-sizing: border-box; padding-left:10px; padding-right:10px} #f-link .item ul li{ font-size:14px} #f-link h2{ font-size:20px} #f-contact ul li h2{ font-size:17px} #advantage .item h2 em{ font-size:28px} #advantage .item h3{ font-size:21px} #advantage .item h3{ margin-top:0} #advantage .item h2 span{ font-size:40px} #advantage .circle{ width:320px; height:320px;background-size: 100%; left:8%; top:12%} #advantage .item{ width:176px; height:176px;overflow: inherit;padding: 48px 0;} #advantage ul{position: absolute; left: 0; top: 300px; z-index: 999;} #wrap-advantage{ position:relative} #advantage ul li:nth-child(1){left:20px; top:-10px;} #advantage ul li:nth-child(2){left:20px; top:25px;} #advantage ul li:nth-child(3){left:20px; top:60px;} #advantage ul li:nth-child(4){left:20px; top:95px;} #advantage ul li:nth-child(5){left:20px; top:130px;} #advantage ul li:nth-child(6){left:20px; top:165px;} #advantage ul li:nth-child(7){left:20px; top:200px;} #advantage ul li h2{ font-size:16px} #wrap-advantage{ height:580px} #advantage .circle{ top:-8%} #advantage .item{ top:10px} #wrap-advantage{display:flex; align-items:center; height:640px; background:url(img/22.jpg) no-repeat top center; background-size:cover; overflow:hidden;} #advantage ul li h2{ font-size:15px} #advantage ul li:nth-child(1):before{left:0px; top:13px;} #advantage ul li:nth-child(2):before{left:-0px; top:5px;} #advantage ul li:nth-child(3):before{left:-0px; top:5px;} #advantage ul li:nth-child(4):before{left:-0px; top:5px;} #advantage ul li:nth-child(5):before{left:-0px; top:4px;} #advantage ul li:nth-child(6):before{left:-0px; top:3px;} #advantage ul li:nth-child(7):before{left:-0px; top:-21px;} #advantage ul li h2 em{ font-size:10px} #advantage ul li:before{ display:none;} #advantage ul li:after{ display:none} #about .right .text{ margin-top:0} #about .right .menu ul li a{ padding:15px} #about .right .more a:before{ display:none} #about .right .more a:after{ display:none} #about .right .more a span { display: block; height: 48px; width: 158px; line-height: 48px; padding: 0 20px; background: #1c89ca; font-size: 15px; color: #fff; overflow: hidden; border-radius: 8px; } #about .right .menu{ margin-top:20px} .wrap-gray.p1 { padding: 40px 0; } #news .left section h3{ margin-top:10px} #news .left section{ height:190px} #news .left{ height:526px} #banner .swiper-slide img{ height:400px} #banner .swiper-slide{ height:400px} #banner{ height:400px} .wrap-white.p1 { padding: 30px 0 30px 0; } .canvi-user-info__close{ z-index: 9999 !important; } #lm-banner { height:240px} #header{ top:10px;} #header #logo{display:none;} #logo img{ width:28%; height:auto} #logo { left: 15px; top: 14px; } #menu ul li { width: 111px; height: 50px; line-height: 50px; margin-left: 9px; background: rgba(255,255,255,.9); font-size: 15px; text-align: center; overflow: hidden; } #manage{ display:block;} #manage .left{ margin-right:0} #lm-about h2{ font-size:24px} #lm-about{ padding:10px;box-sizing: border-box;} #lm-about .text p{ text-indent:0px!important;} .wrap-white.p4 { padding: 30px 0; } #lm-about .text{ margin-top:20px} #manage .right{ width:100%; height:100%; background:none; text-align:center} #manage .right img{ width:320px; height:320px; border:6px solid #fff} #manage .left .text{ line-height:25px; font-size:15px} #manage .left h3 span{ font-size:15px} #manage .left h3 span{ padding:0} #manage .left h2{ font-size:25px} #wrap-manage{padding: 40px 0;} #philosophy .text { line-height: 31px; margin-top: 28px; font-size: 15px; text-align: center; color: #fff; } #wrap-philosophy{padding: 50px 0 50px 0;} #philosophy h2{ font-size:25px} #philosophy{ padding-left:10px; padding-right:10px} #honor ul li img{ width:100%} #honor ul li{ width:90%; margin:0 auto; margin-top:10px} #honor ul li:nth-child(3n+1){ margin-left:auto} #honor ul li:nth-child(-n+3){ margin-top:10px} .lm-title h3 span{ font-size:15px} #honor{ margin-top:20px;} #nav{ display:none} #manage .left .text{ margin-top:10px} .lm-title h2{ font-size:25px} .lm-title h3 span{ font-size:14px} #environment-list ul li img{ width:100%; height:150px} #environment-list ul li{ width:48%; display:block; float:left; margin:0; margin-top:15px} #environment-list ul li:nth-child(2n){ float:right;} #environment-list ul li:nth-child(3n+1) { margin-left: 0; } #environment-list ul{ display:block} #environment-list{ width:96%; margin:0 auto; margin-top:20px} #environment-list ul li{ height:150px} #environment-list ul li h3{ height:40px; line-height:40px} #environment-list ul li h3{ font-size:14px} #registration{ width:100%; } #environment-list ul li:nth-child(-n+3) { margin-top: 15px; } #environment-list{ margin-bottom:30px} .wrap-white.p3 { padding: 70px 0 20px 0; } #teacher-list ul li{ width:100%; margin:0; margin-top:15px} #teacher-list ul li img{ width:180px; height:254px} #teacher-list ul li span{ width:180px; height:254px} #teacher-list ul li section{padding: 20px 20px 20px 20px;} #teacher-list ul li section .text { height: auto; line-height: 28px; margin-top: 10px; font-size: 15px; color: #525252; overflow: hidden; color: #666666; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; font-size: 15px; } #teacher-list ul li section h4{ font-size:16px} #teacher-list ul li section h3{ font-size:23px} #teacher-list ul li{ height:278px} #teacher-list ul{ display:block; width:96%; margin:0 auto} .wrap-white.p3{ padding-top:30px} #teacher-list { margin-top: 30px; } #professional-list ul li span{ width:100%} #professional-list ul li{ width:96%; margin:0 auto; margin-bottom:18px} #professional-list ul{ display:block} #professional-list ul li:nth-child(3n+1) { margin-left: auto; } #professional-list ul li img{ width:100%} #professional-list { margin-top: 30px; } #professional-list ul li section{padding: 30px 20px 20px 20px;} #professional-list ul li{ height:538px} #professional-list ul li section h4{margin: 20px auto 0 auto;} #pd-title section h1{ font-size:24px} #pd-title section h3{ font-size:15px; margin-top:5px} #pd-title a { width: 145px; height: 50px; line-height: 50px; background: #1c89ca; border-radius: 8px; font-size: 15px; text-align: center; color: #fff; overflow: hidden; } .wrap-white.p3{ padding-left:10px; padding-right:10px} #pd-title{ display:block;} #pd-title a{ display:block; margin-top:12px} #pd-item { line-height: 32px; margin-top: 28px; padding-top: 20px;} #pd-prev-next p{ font-size:14px} #pd-prev-next{ margin-top:20px} .wrap-white.p2{ padding:0} #news-list ul li section h3{ font-size:17px} #news-list ul li section{ width:52%} #news-list ul li img{ width:180px} #news-list ul li section{ margin-left:10px} #news-list ul li img{ height:148px} #news-list ul li span{ height:148px; width:180px} #news-list ul li section p{ margin-top:9px} #news-list ul li section h4 em{ font-size:14px} #news-list ul li a{ padding:15px;box-sizing: border-box;} #news-list ul li{ height:176px} #news-list ul li{ margin-top:20px} #news-list{ margin-top:25px} #pd-title section h1{ height:auto; font-size:20px} #pd-item img{ width:100%!important} #pd-item p{text-indent: 0em!important;} #contact-title section h2{ font-size:20px} #contact-item{ display:block} #contact-item .left{ margin-right:0} #contact-item .right ul{ margin-top:12px} #contact-text section{font-size:15px} #contact-text section em{ font-size:18px} #contact-title section h3{ font-size:16px} #contact-title section h2{ margin-top:0} #contact-title section{ padding: 0 20px;} #contact-item .right ul{ padding-left:20px} #map { height: 300px; margin-top: 30px; border: 1px solid #e5e5e5; } #contact-text section{ margin-top:0} #registration-form .input-group{ display:block;} #registration-form .input{ width:100%} #registration-form .input h3{ padding-left:10px} #registration-form .input input{ margin-top:10px;margin-bottom: 12px; margin-top: 24px;} #registration-form .input input{padding: 0 10px;} #registration-form .input input{ margin-top:10px} #registration-form .input-group{ margin-bottom:15px} #registration-form .textarea h3{ padding-left:10px} #registration-form .code{width: calc((100% - -71px) / 2);} #registration-form button{width: calc((100% - 75px) / 2);} #registration-form .code input{padding: 0 10px;} #registration-form .textarea { margin-bottom: 15px; } #registration-form .textarea textarea{padding: 14px 10px;} #header {} #banner{ display:none;} .shj{ display:block;} .xin_ba{ display:block} .teacc ul{ width:96%; margin:0 auto;} .teacc ul li{ float:left; display:block; width:48%; margin-top:20px;} .teacc ul li:nth-child(2n){ float:right} .teacc ul li img{ width:100%; height:250px} .teacc ul li h3{ font-size:16px; font-weight:bold} .teacc section{ background:#fff; padding:15px} .weo-text-elips{ color:#666; margin-top:10px} .tejk a{ width:160px; height:40px; line-height:40px; background:#1d89ca; color:#fff; display:block; text-align:center; margin:0 auto; margin-top:30px;border-radius:60px} #wrap-teacher{padding: 30px 0 50px 0;} #advantage .item h3 em{ font-size:24px} #news .right ul li h3{ font-size:17px} #banner22{ display:block;} .shj { display: block; position: fixed; z-index: 999999; } #advantage ul li .text{ width:360px;} #wrap-professional{padding: 20px 0;} #professional{ height:426px} .title.mt { margin-top: 30px; } #about .right .more section h4{ font-size:12px; margin-top:8px} #about .right .weo-pr h2{ font-size:50px} .title h4{ margin-top:0} .title section h3{ font-size:24px} #about .right .weo-pr h3{ font-size:24px} .wrap-white.p1{ padding-top:10px} #news .left img{height: 224px; border-radius: 10px 10px 0 0;} #news .left span{height: 224px;} #news .left section h3{ font-size:18px} #news .left{ height:412px} #wrap-advantage { overflow: initial; } } #teacher-item ul li span h5 em{ height:auto; font-size:17px}