/*全局样式*/

html{overflow-x:hidden;}
body,a{color:#333;}

.wrapper{width:1400px;}
.wrap-white{background:#fff;}
.wrap-white.p1{padding:50px 0;}
.wrap-white.p2{padding:50px 0 60px 0;}
.wrap-gray{background:#f5f5f5;}
.wrap-gray.p1{padding-top:70px; padding-bottom:50px;}

/*头部样式*/

#header{position:sticky; top:0; z-index:999; height:142px; background:#fff; box-shadow:0 8px 8px -8px rgba(0,0,0,.1); overflow:hidden;}
#logo{left:0; top:18px;}
#logo img{}
#nav{right:210px; top:0;}
#nav ul li{position:relative; float:left; height:102px; line-height:102px; margin-left:36px; font-size:17px; text-align:center; overflow:hidden;}
#nav ul li:first-child{margin-left:0;}
#nav ul li a{display:block; color:#585858;}
#nav ul li:hover a{color:#315aa7;}
#nav ul li.current:after{content:''; position:absolute; left:50%; bottom:24px; transform:translateX(-50%); display:block; width:24px; height:8px; background:url(../images/arc.png) no-repeat center;}
#nav ul li.current > a{font-weight:bold; color:#315aa7;}
#tel{right:0; top:27px; padding-left:50px; background:url(../images/tel.png) no-repeat left center;}
#tel h3{height:24px; line-height:24px; font-family:'Impact'; font-size:22px; color:#315aa7; overflow:hidden;}
#tel h4{height:48px; line-height:48px; font-family:'Impact'; font-size:22px; color:#315aa7; overflow:hidden;letter-spacing: 1px;}

/*首页样式*/

#banner{width:100%; height:800px; overflow:hidden;}
#banner .swiper-wrapper{height:800px;}
#banner .swiper-slide{width:100%; height:800px;}
#banner .swiper-slide img{width:100%; height:800px;}
#banner .swiper-button-prev,#banner .swiper-button-next{top:368px; width:64px; height:64px; margin:0; background-repeat:no-repeat; background-position:center; background-size:64px 64px; cursor:pointer; opacity:1;}
#banner .swiper-button-prev:after,#banner .swiper-button-next:after{display:none;}
#banner .swiper-button-prev{left:90px; background-image:url(../images/prev.png);}
#banner .swiper-button-next{right:90px; background-image:url(../images/next.png);}

.title{display:flex; justify-content:center; flex-wrap:wrap;}
.title section{position:relative;}
.title section:before{content:''; position:absolute; left:-38px; top:28px; display:block; width:136px; height:30px; background:linear-gradient(90deg,#315aa7,transparent);}
.title section:after{content:''; position:absolute; right:-36px; bottom:9px; display:block; width:26px; height:32px; background:url(../images/t-shape.png) no-repeat center;}
.title section.rm:after{right:-62px;}
.title h2{position:relative; z-index:1; height:48px; line-height:48px; font-size:45px; font-weight:bold; text-align:center; overflow:hidden;}
.title h2 em{color:#315aa7;}
.title h3{position:relative; z-index:1; height:20px; line-height:20px; margin-top:20px; font-family:'Arial'; font-size:18px; text-align:center; color:#999;}
.title h3:after{content:''; position:absolute; right:-10px; top:10px; display:block; width:54px; height:1px; background:#315aa7;}
.title section.rm h3:after{right:-36px;}
.title h3.lw1:after{width:110px;}
.title h3.lw2:after{width:88px;}
.title h3.lw3:after{width:82px;}
.title h3.lw4:after{width:94px;}
.title p{width:100%; line-height:32px; margin-top:28px; padding:0 100px; font-size:16px; text-align:center; color:#666;}

#problem{margin-top:44px;}
#problem ul{margin:-20px 0 0 -20px;}
#problem ul li{position:relative; float:left; width:453px; height:300px; margin:20px 0 0 20px; overflow:hidden;}
#problem ul li img{width:453px; max-width:none; height:300px; transition:all 0.3s linear;}
#problem ul li h3{position:absolute; left:0; right:0; bottom:0; line-height:20px; padding:36px 16px 16px 16px; background:linear-gradient(transparent,rgba(0,0,0,.6)); font-size:18px; text-align:center; color:#fff; overflow:hidden;}
#problem ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;}

#choose-tab{margin-top:44px;}
#choose-tab ul{display:flex; justify-content:space-between;}
#choose-tab ul li{display:flex; justify-content:space-between; align-items:center; width:320px; height:80px; padding:0 18px; border:1px solid #ccc; border-radius:10px 30px 10px 30px; cursor:pointer; overflow:hidden;}
#choose-tab ul li h4{height:26px; line-height:26px; font-family:'Arial'; font-size:24px; color:#999; overflow:hidden;}
#choose-tab ul li section{flex:1; margin-left:18px; border-left:1px solid #ccc;}
#choose-tab ul li section em{display:flex; justify-content:flex-end; align-items:center; height:8px; overflow:hidden;}
#choose-tab ul li section em i{width:5px; height:5px; margin-left:6px; background:#315aa7; border-radius:50%;}
#choose-tab ul li section em i:first-child{margin-left:0;}
#choose-tab ul li section em i:nth-child(even){width:8px; height:8px;}
#choose-tab ul li section h3{height:18px; line-height:18px; margin-top:12px; font-size:16px; font-weight:bold; text-align:right; overflow:hidden;}
#choose-tab ul li:hover{border-color:#315aa7;}
#choose-tab ul li:hover h4{color:#315aa7;}
#choose-tab ul li:hover section{border-color:#315aa7;}
#choose-tab ul li:hover section h3{color:#315aa7;}
#choose-tab ul li.current{background:#315aa7; border-color:#315aa7;}
#choose-tab ul li.current h4{color:#fff;}
#choose-tab ul li.current section{border-color:#fff;}
#choose-tab ul li.current section i{background:#fff;}
#choose-tab ul li.current section h3{color:#fff;}

#choose{margin-top:50px;}
#choose .item{display:none;}
/*#choose a{display:flex; align-items:center; margin:0 -260px;}*/
/*#choose .left{width:960px; height:500px; overflow:hidden;}*/
/*#choose .left img{width:960px; max-width:none; height:500px; transition:all 0.3s linear;}*/
/*#choose .right{width:960px; height:372px; padding:0 260px 10px 50px; overflow:hidden;}*/


#choose a{display:flex; align-items:center; margin:0 auto; width:100%;}
#choose .left{width:50%; height:450px; overflow:hidden;}
#choose .left img{width:100%; max-width:none; height:100%; transition:all 0.3s linear;}
#choose .right{width:50%; height:450px;  overflow:hidden; background:#fff;box-shadow:10px 0 20px #eee;}
#choose .right .right-line{ border:1px #eee solid;padding:30px 30px 37px 50px;margin: 40px 32px 37px 0; border-left:0;}




#choose .right h3{height:auto; line-height:40px; font-size:24px; font-weight:bold; overflow:hidden;}
#choose .right i{display:block; width:34px; height:4px; margin-top:30px; background:#315aa7; border-radius:2px;}
#choose .right p{height:auto; line-height:32px; margin-top:28px; font-size:16px; color:#666; -webkit-line-clamp:4;}
#choose .right h4{display:flex; align-items:center; margin-top:60px;}
#choose .right h4 span{width:200px; height:64px; line-height:64px; background:#315aa7; border-radius:32px; font-size:20px; text-align:center; color:#fff; overflow:hidden;}
#choose .right h4 .tel{margin-left:80px; height:30px; line-height:30px; font-size:16px; overflow:hidden;}
#choose .right h4 .tel em{font-family:'Impact'; font-size:28px;}
#choose a:hover .left img{transform:scale(1.04); transition:all 0.3s linear;}
#choose a:hover .right h3{color:#315aa7;}

#course{margin-top:44px;}
#course ul{margin:-25px 0 0 -25px;}
#course ul li{position:relative; float:left; width:260px; height:460px; margin:25px 0 0 25px; border-radius:10px; overflow:hidden;}
#course ul li img{width:260px; max-width:none; height:460px; transition:all 0.3s linear;}
#course ul li section{position:absolute; left:0; right:0; bottom:0; padding:20px 20px 20px 20px; background:linear-gradient(transparent,rgba(0,0,0,.6));}
#course ul li section h3{height:22px; line-height:22px; font-size:16px; font-weight:bold; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#course ul li section p{ display:none;height:18px; line-height:18px; margin-top:10px; font-size:14px; color:#fff; -webkit-line-clamp:1;}
#course ul li:hover section{top:100%; padding:40px 24px 52px 24px; background:#315aa7; border-radius:10px; animation:CourseSlideUp 0.6s; animation-fill-mode:forwards;}
@keyframes CourseSlideUp{100%{top:0;}}
#course ul li:hover section p{ display:block;height:360px; line-height:26px; margin-top:16px; -webkit-line-clamp:14;}
#course ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;}

#wrap-growth{padding:70px 0; background:url(../images/growth-bg.jpg) no-repeat top center; background-size:cover;}
#wrap-growth .title section:before{ background:linear-gradient(90deg,rgba(255,255,255,.8),transparent)}
#wrap-growth .title section:after{background-image:url(../images/t-shape1.png);}
#wrap-growth .title h2,#wrap-growth .title h3,#wrap-growth .title p{color:#fff;}
#wrap-growth .title h3:after{background:#fff;}

#growth{position:relative; margin-top:30px;}
#growth .swiper-container{width:1400px; height:520px; overflow:hidden;}
#growth .swiper-wrapper{height:520px;}
#growth .swiper-slide{width:240px !important; height:520px; overflow:hidden;}
#growth .swiper-slide .text{position:relative; height:280px;}
#growth .swiper-slide .text p{height:120px; line-height:30px; font-size:15px; color:#666; -webkit-line-clamp:4;}
#growth .swiper-slide h3{height:24px; line-height:24px; margin-top:38px; padding:0 24px; font-size:22px; font-weight:bold; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#growth .swiper-slide h4{height:18px; line-height:18px; margin-top:16px; padding:0 24px; font-size:15px; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-align:center;}
#growth .swiper-slide:hover .text{background:#315aa7;}
#growth .swiper-slide:hover .text:after{border-top-color:#315aa7;}
#growth .swiper-slide:hover .text p{color:#fff;}
#growth .swiper-button-prev,#growth .swiper-button-next{top:132px; width:56px; height:56px; margin:0; background-repeat:no-repeat; background-position:center; background-size:56px 56px; cursor:pointer; opacity:1;}
#growth .swiper-button-prev:after,#growth .swiper-button-next:after{display:none;}
#growth .swiper-button-prev{left:-90px; background-image:url(../images/prev1.png);}
#growth .swiper-button-next{right:-90px; background-image:url(../images/next1.png);}

#growth-more{width:288px; height:68px; line-height:66px; margin:60px auto 0 auto; border:1px solid #fff; border-radius:8px; font-size:18px; text-align:center; overflow:hidden;}
#growth-more a{display:block; color:#fff;}
#growth-more:hover{background:#315aa7; border-color:#315aa7;}

#memory{margin-top:50px;}
#memory .swiper-container{width:1400px; height:636px; overflow:hidden;}
#memory .swiper-wrapper{height:636px;}
#memory .swiper-slide{position:relative; width:1400px; height:636px;}
#memory .swiper-slide ul li{position:absolute; width:456px; border-radius:8px; cursor:pointer; overflow:hidden;}
#memory .swiper-slide ul li:nth-child(1){left:0; top:0;}
#memory .swiper-slide ul li:nth-child(2){left:0; bottom:0;}
#memory .swiper-slide ul li:nth-child(3){left:472px; top:0;}
#memory .swiper-slide ul li:nth-child(4){left:472px; bottom:0;}
#memory .swiper-slide ul li:nth-child(5){right:0; top:0;}
#memory .swiper-slide ul li:nth-child(6){right:0; bottom:0;}
#memory .swiper-slide ul li img{width:456px; max-width:none; transition:all 0.3s linear;}
#memory .swiper-slide ul li:nth-child(1) img,#memory .swiper-slide ul li:nth-child(6) img{height:240px;}
#memory .swiper-slide ul li:nth-child(2) img,#memory .swiper-slide ul li:nth-child(5) img{height:380px;}
#memory .swiper-slide ul li:nth-child(3) img,#memory .swiper-slide ul li:nth-child(4) img{height:310px;}
#memory .swiper-slide ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;}
#memory .swiper-pagination{position:initial; display:flex; justify-content:center; margin-top:30px; height:8px; overflow:hidden;}
#memory .swiper-pagination-bullet{width:26px; height:8px; margin:0 0 0 10px; background:#315aa7; border-radius:4px; cursor:pointer; opacity:1;}
#memory .swiper-pagination-bullet:first-child{margin-left:0;}
#memory .swiper-pagination-bullet-active{width:60px;}

#wrap-about{padding:70px 0; background:url(../images/about-bg.jpg) no-repeat top center; background-size:cover;}

#about{display:flex; justify-content:space-between; align-items:center;}
#about .left{width:666px;}
#about .left h2{height:48px; line-height:48px; font-size:45px; font-weight:bold; color:#fff; overflow:hidden;}
#about .left h3{height:20px; line-height:20px; margin-top:20px; font-family:'Arial'; font-size:18px; text-transform:uppercase; color:#fff; overflow:hidden;}
#about .left p{height:192px; line-height:32px; margin-top:40px; font-size:15px; color:#fff; text-indent:30px; -webkit-line-clamp:6;}
#about .left h4{width:182px; height:56px; line-height:56px; margin-top:60px; background:#fff; border-radius:28px; font-size:16px; text-align:center; overflow:hidden;}
#about .left h4 a{display:block; color:#315aa7;}
#about .left h4:hover a{text-decoration:underline;}
#about .right{width:664px; height:460px; border-radius:10px; overflow:hidden;}
#about .right img{width:664px; height:460px;}

#about-icon{margin-top:60px;}
#about-icon ul{display:flex; justify-content:space-between;}
#about-icon ul li{width:176px; height:176px; padding:32px 0; border:1px solid #fff; border-radius:50%; cursor:pointer; overflow:hidden;}
#about-icon ul li i{display:block; height:50px; margin:0 auto; background-repeat:no-repeat; background-position:center;}
#about-icon ul li i.a-icon1{width:50px; background-image:url(../images/a-icon1.png);}
#about-icon ul li i.a-icon2{width:50px; background-image:url(../images/a-icon2.png);}
#about-icon ul li i.a-icon3{width:42px; background-image:url(../images/a-icon3.png);}
#about-icon ul li i.a-icon4{width:48px; background-image:url(../images/a-icon4.png);}
#about-icon ul li i.a-icon5{width:48px; background-image:url(../images/a-icon5.png);}
#about-icon ul li h3{height:48px; line-height:24px; margin-top:12px; font-size:16px; text-align:center; color:#fff; overflow:hidden;}

#news-title{position:relative;}
#news-title:after{content:''; position:absolute; right:-62px; bottom:9px; display:block; width:26px; height:32px; background:url(../images/t-shape.png) no-repeat center;}
#news-title h2{position:relative; z-index:1; height:48px; line-height:48px; font-size:45px; font-weight:bold; overflow:hidden;}
#news-title h3{position:relative; z-index:1; height:20px; line-height:20px; margin-top:12px; font-family:'Arial'; font-size:18px; color:#999;}
#news-title h3:after{content:''; position:absolute; right:-36px; top:10px; display:block; width:54px; height:1px; background:#315aa7;}

#news-tab{display:flex; height:68px; background:#fff; border-radius:34px; box-shadow:0 0 16px rgba(0,0,0,.1); cursor:pointer; overflow:hidden;}
#news-tab span{width:188px; height:68px; line-height:68px; font-size:18px; text-align:center; color:#666; overflow:hidden;}
#news-tab span:hover{color:#315aa7;}
#news-tab span.current{background:#315aa7; border-radius:34px; color:#fff;}

#news{margin-top:50px;}
#news .item{display:none;}
#news .left{position:relative; width:680px; height:496px; overflow:hidden;}
#news .left img{width:680px; max-width:none; height:496px; transition:all 0.3s linear;}
#news .left section{position:absolute; left:0; right:0; bottom:0; padding:44px 30px 22px 30px; background:linear-gradient(transparent,rgba(0,0,0,.5)); overflow:hidden;}
#news .left section h3{display:flex; justify-content:space-between; align-items:center; height:24px; overflow:hidden;}
#news .left section h3 span{flex:1; height:24px; line-height:24px; font-size:22px; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#news .left section h3 em{height:22px; line-height:22px; margin-left:36px; font-family:'Arial'; font-size:20px; color:#fff; overflow:hidden;}
#news .left section p{height:56px; line-height:28px; margin-top:14px; font-size:16px; color:#fff;}
#news .left:hover img{transform:scale(1.08); transition:all 0.3s linear;}
#news .right{width:690px; height:496px; overflow:hidden;}
#news .right ul li{height:152px; margin-top:20px; overflow:hidden;}
#news .right ul li:first-child{margin-top:0;}
#news .right ul li a{display:flex;}
#news .right ul li span{width:200px; height:152px; overflow:hidden;}
#news .right ul li img{width:200px; max-width:none; height:152px; transition:all 0.3s linear;}
#news .right ul li section{flex:1; height:152px; padding:22px 24px 20px 24px; background:#f5f5f5; overflow:hidden;}
#news .right ul li section h4{height:18px; line-height:18px; font-family:'Arial'; font-size:16px; color:#999; overflow:hidden;}
#news .right ul li section h3{height:20px; line-height:20px; margin-top:10px; font-size:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#news .right ul li section p{height:52px; line-height:26px; margin-top:10px; font-size:15px; color:#666;}
#news .right ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;}
#news .right ul li:hover section h3{color:#315aa7;}

/*内页样式*/

#lm-banner{height:480px; background:url(../images/lm-banner.jpg) no-repeat center; background-size:cover;}
.about-banner{ background:url(../images/gk-banner.jpg) no-repeat center !important;}
.news-banner{ background:url(../images/dd-banner.jpg) no-repeat center !important;}
.wt-banner{ background:url(../images/wenti-banner.jpg) no-repeat center !important;}
.ts-banner{ background:url(../images/tese-banner.jpg) no-repeat center !important;}
.czrz-banner{ background:url(../images/cz-banner.jpg) no-repeat center !important;}
.ryzx-banner{ background:url(../images/zixun-banner.jpg) no-repeat center !important;}
.zxly-banner{ background:url(../images/ly-banner.jpg) no-repeat center !important;}
#lmdh{height:73px; border-bottom:1px solid #eaeaea;}
#lmdh .menu{display:flex;}
#lmdh .menu a{height:72px; line-height:72px; margin-left:54px; font-size:17px;}
#lmdh .menu a:first-child{margin-left:0;}
#lmdh .menu a:hover{color:#315aa7;}
#lmdh .menu a.current{position:relative; color:#315aa7;}
#lmdh .menu a.current:after{content:''; position:absolute; left:0; right:0; bottom:-1px; display:block; height:2px; background:#315aa7;}
#lmdh .location{display:flex; align-items:center; height:18px; padding-left:26px; background:url(../images/home.png) no-repeat left center; overflow:hidden;}
#lmdh .location a{height:18px; line-height:18px; font-size:15px; color:#666; overflow:hidden;}
#lmdh .location i{width:0; height:0; margin:0 14px; border-left:6px solid #868686; border-top:4px solid transparent; border-bottom:4px solid transparent;}
#lmdh .location a:hover,#lmdh .location em{color:#315aa7;}

#left{width:1070px;position:relative;float:left;}
#right{width:300px;overflow:hidden; float:right}
#news-list{margin-right:30px;margin-top:40px;}
#news-list ul li{position:relative; height:98px; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #e1e1e1; overflow:hidden;}
#news-list ul li:last-child{margin-bottom:0;}
#news-list ul li span{display:block; width:88px; height:78px; padding:11px 0; background:#f4f5f6; text-align:center; overflow:hidden;}
#news-list ul li span i{display:block; height:32px; line-height:32px; font-size:30px; color:#666; overflow:hidden;}
#news-list ul li span em{display:block; height:18px; line-height:18px; margin-top:8px; font-size:14px; color:#888; overflow:hidden;}
#news-list ul li section{position:absolute; left:114px; right:0; top:0; height:80px; overflow:hidden;}
#news-list ul li section h3{height:18px; line-height:18px; font-size:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#news-list ul li section p{height:52px; line-height:26px; margin-top:10px; font-size:14px; color:#888; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
#news-list ul li:hover span{background:#315aa7;}
#news-list ul li:hover span i,#news-list ul li:hover span em{color:#fff;}
#news-list ul li:hover section h3{color:#315aa7;}
#l-contact{margin-top:30px;}
#l-contact h2{height:18px; line-height:18px; padding-left:10px; border-left:3px solid #d9002d; font-size:16px; color:#d9002d; overflow:hidden;}
#l-contact img{width:270px; height:86px; margin-top:16px;}
#l-contact section{line-height:32px; margin-top:10px; font-size:14px; color:#464646;}

#l-news{margin-top:24px; padding:22px 20px 14px 20px; background:#f9f9f9; overflow:hidden;}
#l-news h2{position:relative; height:30px; line-height:18px; margin-bottom:12px; border-bottom:1px solid #c9c9c9; font-size:16px; color:#315aa7;}
#l-news h2 span{display:inline-block; padding-bottom:11px; border-bottom:2px solid #315aa7;}
#l-news h2 a{position:absolute; right:0; top:0; width:18px; height:18px; background:url(../images/more2.png) no-repeat center #b9b9b9; border-radius:50%;}
#l-news h2 a:hover{background-color:#315aa7;}
#l-news ul li{height:34px; line-height:34px; font-size:14px; overflow:hidden;}
#l-news ul li a{display:block; color:#464646; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#l-news ul li a:hover{color:#315aa7;}
#l-news ul li a::before{content:'·'; float:left; margin-right:10px; font-size:18px; font-weight:bold;}

#csfc-list ul{margin:-34px 0 0 -34px;}
#csfc-list ul li{float:left; width:200px; height:530px; margin:34px 0 0 34px; overflow:hidden;}
#csfc-list ul li span{display:block; width:200px; height:276px; overflow:hidden;}
#csfc-list ul li img{width:200px; max-width:none; height:276px; transition:all 0.3s linear;}
#csfc-list ul li section{padding:32px 34px 36px 32px; background:#f5f5f5;}
#csfc-list ul li section h4{height:20px; line-height:20px; font-family:'Arial'; font-size:18px; color:#315aa7; overflow:hidden;}
#csfc-list ul li section h3{height:18px; line-height:18px; margin-top:18px; font-size:16px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#csfc-list ul li section p{height:52px; line-height:26px; margin-top:16px; font-size:15px; color:#666;}
#csfc-list ul li section h5{width:80px; height:40px; line-height:40px; margin-top:22px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M678.9 512L246.4 79.5c-18.2-18.2-18.2-47.7 0-65.8 18.2-18.2 47.7-18.2 65.8 0l465.4 465.4c18.2 18.2 18.2 47.7 0 65.8l-465.4 465.4c-9.1 9.1-21 13.6-32.9 13.6s-23.8-4.5-32.9-13.6c-18.2-18.2-18.2-47.7 0-65.8L678.9 512z' fill='%23767676'/%3E%3C/svg%3E") no-repeat right top 13px; background-size:12px 12px; font-size:15px; color:#767676; overflow:hidden;}
#csfc-list ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;}
#csfc-list ul li:hover section h3{color:#315aa7;}
#csfc-list ul li:hover section h5{background:#315aa7; border-radius:20px; text-align:center; color:#fff; opacity:.5; animation:NewsMore 0.5s; animation-fill-mode:forwards;}

@keyframes NewsMore{100%{width:120px; opacity:1;}}

#problem-list ul{margin:-20px 0 0 -20px;}
#problem-list ul li{position:relative; float:left; width:335px; height:200px; margin:20px 0 0 20px; overflow:hidden;}
#problem-list ul li img{width:335px; max-width:none; height:200px; transition:all 0.3s linear;}
#problem-list ul li h3{position:absolute; left:0; right:0; bottom:0; line-height:20px; padding:36px 16px 16px 16px; background:linear-gradient(transparent,rgba(0,0,0,.6)); font-size:18px; text-align:center; color:#fff; overflow:hidden;}
#problem-list ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;}

#course-list ul{margin:-34px 0 0 -34px;}
#course-list ul li{float:left; width:200px; height:562px; margin:34px 0 0 34px; overflow:hidden;}
#course-list ul li span{display:block; width:200px; height:276px; overflow:hidden;}
#course-list ul li img{width:200px; max-width:none; height:276px; transition:all 0.3s linear;}
#course-list ul li section{flex:1; height:286px; padding:40px; background:#f5f5f5; overflow:hidden;}
#course-list ul li section h3{height:24px; line-height:24px; font-size:22px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#course-list ul li section p{height:90px; line-height:30px; margin-top:18px; font-size:15px; color:#666; -webkit-line-clamp:3;}
#course-list ul li section h4{width:132px; height:42px; line-height:40px; margin-top:32px; border:1px solid #ccc; border-radius:20px; font-size:15px; text-align:center; color:#666; overflow:hidden;}
#course-list ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;}
#course-list ul li:hover section h3{color:#315aa7;}
#course-list ul li:hover section h4{border-color:#315aa7; color:#315aa7;}


#growth-list{margin-top:50px;}
#growth-list ul li{position:relative; height:222px; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #e1e1e1; overflow:hidden;}
#growth-list ul li:last-child{margin-bottom:0; padding-bottom:0; border-bottom:none;}
#growth-list ul li span{display:block; width:288px; height:192px; overflow:hidden;}
#growth-list ul li img{width:288px; max-width:none; height:192px;}
#growth-list ul li section{position:absolute; left:318px; right:0; top:10px; height:170px; overflow:hidden;}
#growth-list ul li section h3{height:24px; line-height:24px; font-size:22px; white-space:nowrap; text-overflow:ellipsis;}
#growth-list ul li section h4{height:16px; line-height:16px; margin-top:20px; font-size:14px; color:#999; overflow:hidden;}
#growth-list ul li section p{height:130px; line-height:26px; margin-top:14px; font-size:14px; color:#767676; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; overflow:hidden;}
#growth-list ul li:hover section h3{color:#1d6ae8;}

.weo-page{margin-top:60px; margin-bottom:60px}
.weo-page a{min-width:44px; height:44px; line-height:42px; margin-left:10px; padding:0 16px; border-color:#dcdcdc; border-radius:0; font-size:15px; color:#666;}
.weo-page a:hover{border-color:#315aa7; color:#315aa7;}
.weo-page a.current{background:#315aa7; border-color:#315aa7; color:#fff;}

#article-title{line-height:36px; font-size:28px;}
#article-info{display:flex; justify-content:space-between; align-items:center; margin-top:30px;}
#article-info .date{height:18px; line-height:18px; padding-left:28px; background:url(../images/date.png) no-repeat left center; font-size:16px; color:#666; overflow:hidden;}
#article-info .bshare-custom{display:flex;}
#article-info .bshare-custom a{width:36px; height:36px; margin:0 0 0 14px; padding:0; background-repeat:no-repeat; background-position:center; border:1px solid #dcdcdc; border-radius:50%;}
#article-info .bshare-custom a.bshare-qzone{background-image:url(../images/qzone.png);}
#article-info .bshare-custom a.bshare-qqim{background-image:url(../images/qq.png);}
#article-info .bshare-custom a.bshare-sinaminiblog{background-image:url(../images/sina.png);}
#article-info .bshare-custom a.bshare-weixin{background-image:url(../images/wechat.png);}
#article-info .bshare-custom a:hover{border-color:#315aa7;}
#article-info .bshare-custom a.bshare-qzone:hover{background-image:url(../images/qzone-h.png);}
#article-info .bshare-custom a.bshare-qqim:hover{background-image:url(../images/qq-h.png);}
#article-info .bshare-custom a.bshare-sinaminiblog:hover{background-image:url(../images/sina-h.png);}
#article-info .bshare-custom a.bshare-weixin:hover{background-image:url(../images/wechat-h.png);}
#article{line-height:220%; margin-top:30px; padding-top:40px; border-top:1px solid #dcdcdc; font-size:16px; color:#464646;}
#article-back{width:178px; height:52px; line-height:52px; margin:50px auto 0 auto; background:#315aa7; border-radius:26px; font-size:16px; text-align:center; overflow:hidden;}
#article-back a{display:block; color:#fff;}
#article-back em{display:inline-block; padding-left:36px; background:url(../images/back.png) no-repeat left center;}


#lm-about .logo{width:244px; height:66px; overflow:hidden;}
#lm-about .logo img{width:244px; height:66px;}
#lm-about .item{}
#lm-about .item h2{height:36px; line-height:36px; font-size:34px; font-weight:bold; color:#315aa7; overflow:hidden;}
#lm-about .item h3{height:18px; line-height:18px; margin-top:16px; font-family:'Arial'; font-size:15px; text-transform:uppercase; color:#666; overflow:hidden;}
#lm-about .item .text{line-height:220%; margin-top:28px; font-size:15px; color:#464646;}
#lm-about .img{display:flex; justify-content:space-between; margin-top:56px;}
#lm-about .img .left{width:564px; height:460px; overflow:hidden;}
#lm-about .img .left img{width:564px; height:460px;}
#lm-about .img .right{width:820px; height:460px; overflow:hidden;}
#lm-about .img .right img{width:820px; height:460px;}

#map{height:600px; margin-top:70px; background:#f5f5f5; overflow:hidden;}
#map img{max-width:none;}
.amap-logo,.amap-copyright{display:none !important;}

#lm-about-icon{margin-top:70px;}
#lm-about-icon ul{display:flex; justify-content:space-between;}
#lm-about-icon ul li{width:176px; height:176px; padding:32px 0; background:#315aa7; border:1px solid #315aa7; border-radius:50%; cursor:pointer; overflow:hidden;}
#lm-about-icon ul li i{display:block; height:50px; margin:0 auto; background-repeat:no-repeat; background-position:center;}
#lm-about-icon ul li i.a-icon1{width:50px; background-image:url(../images/a-icon1.png);}
#lm-about-icon ul li i.a-icon2{width:50px; background-image:url(../images/a-icon2.png);}
#lm-about-icon ul li i.a-icon3{width:42px; background-image:url(../images/a-icon3.png);}
#lm-about-icon ul li i.a-icon4{width:48px; background-image:url(../images/a-icon4.png);}
#lm-about-icon ul li i.a-icon5{width:48px; background-image:url(../images/a-icon5.png);}
#lm-about-icon ul li h3{height:48px; line-height:24px; margin-top:12px; font-size:16px; text-align:center; color:#fff; overflow:hidden;}

#feedback .input-group{display:flex; justify-content:space-between; margin-bottom:40px;}
#feedback .input-group .input h3{height:20px; line-height:20px; font-size:17px; overflow:hidden;}
#feedback .input-group .input input{width:678px; height:60px; line-height:60px; margin-top:20px; padding:0 20px 0 52px; background-color:#f9f9f9; background-repeat:no-repeat; background-position:left 20px center; border-color:#dcdcdc; border-radius:0; font-size:15px; color:#464646;}
#feedback .input-group .input input::-moz-placeholder{color:#999;}
#feedback .input-group .input input::-webkit-input-placeholder{color:#999;}
#feedback .input-group .input input::-ms-input-placeholder{color:#999;}
#feedback .input-group .input input.theme{background-image:url(../images/theme.png);}
#feedback .input-group .input input.user{background-image:url(../images/user.png);}
#feedback .input-group .input input.tel{background-image:url(../images/tel2.png);}
#feedback .input-group .input input.mail{background-image:url(../images/mail.png);}
#feedback .textarea h3{height:20px; line-height:20px; font-size:17px; overflow:hidden;}
#feedback .textarea textarea{width:100%; height:222px; line-height:28px; margin-top:20px; padding:12px 20px 12px 52px; background:url(../images/note.png) no-repeat left 20px top 16px #f9f9f9; border-color:#dcdcdc; border-radius:0; font-size:15px; color:#464646;}
#feedback .textarea textarea::-moz-placeholder{color:#999;}
#feedback .textarea textarea::-webkit-input-placeholder{color:#999;}
#feedback .textarea textarea::-ms-input-placeholder{color:#999;}
#feedback .button{margin-top:50px;}
#feedback .button button{display:block; width:300px; height:60px; line-height:60px; margin:0 auto; background:#315aa7; border:none; border-radius:30px; font-size:17px; color:#fff;}

.weo-tip{height:52px; border-radius:4px;}
.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;}

/*底部样式*/

#footer{padding:60px 0 36px 0; background:url(../images/footer-bg.jpg) no-repeat top center #315aa7;}
#f-text h2{height:38px; line-height:38px; font-size:36px; font-weight:bold; text-align:center; color:#fff;}
#f-tel{display:flex; justify-content:center; align-items:center; margin-top:48px;}
#f-tel i{display:block; width:50px; height:50px; background:url(../images/tel1.png) no-repeat center;}
#f-tel section{margin-left:14px;}
#f-tel section h3{height:18px; line-height:18px; font-size:16px; color:#fff; overflow:hidden;}
#f-tel section h2{height:32px; line-height:32px; margin-top:4px; font-family:'Impact'; font-size:30px; color:#fff; overflow:hidden;}
#f-line{height:1px; margin:60px 0 40px 0; background:rgba(255,255,255,.2);}
#f-menu{display:flex; align-items:center; height:18px; overflow:hidden;}
#f-menu a{height:18px; line-height:18px; font-size:16px; font-weight:bold; color:#fff; overflow:hidden;}
#f-menu a:hover{color:#fff3a4;}
#f-menu i{width:1px; height:16px; margin:0 18px; background:rgba(255,255,255,.3);}
#copyright{line-height:30px; margin-top:28px; font-size:15px; color:#fff;}
#copyright a{color:#fff;}
#copyright a:hover{color:#fff3a4;}
#f-qrcode{margin-left:60px;}
#f-qrcode ul{display:flex;}
#f-qrcode ul li{margin-left:30px;}
#f-qrcode ul li:first-child{margin-left:0;}
#f-qrcode ul li img{display:block; width:136px; height:136px; margin:0 auto;}
#f-qrcode ul li h3{height:18px; line-height:18px; margin-top:12px; font-size:15px; text-align:center; color:#fff; overflow:hidden;}
#page,#sj-lmdh{ display:none;}


@media (max-width:1360px){
    
 .wrapper{width:1200px;}   
 #logo{ width:240px; top:20px;} 
 #nav ul li{ font-size:16px; margin-left:26px;}   
 #problem ul li{ width:285px; height:185px;}   
 #problem ul li img{ width:285px; height:185px;}   
 #course ul li{ width:220px;}   
 #course ul li:hover section{top:100%; padding:20px 24px 0 24px; background:#315aa7; border-radius:10px; animation:CourseSlideUp 0.6s; animation-fill-mode:forwards;}
#course ul li:hover section p{ display:block;height:375px; line-height:25px; margin-top:10px; -webkit-line-clamp:14;}
#course ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;}
 #growth .swiper-container{ width:1200px}  
#growth .swiper-button-prev{ left:-60px;}
#growth .swiper-button-next{ right:-60px;}
#memory .swiper-container{ width:1200px;}
#memory .swiper-slide{ width:1200px;}
#memory .swiper-slide ul li img{ width:100%;}   
#memory .swiper-slide ul li:nth-child(3){ left:406px;}  
#memory .swiper-slide ul li:nth-child(4){ left:406px;}   
#memory .swiper-slide ul li{ width:390px;} 
#about .left,#about .right{ width:48%;} 
#news .left{ width:600px;}
#news .left img{ width:600px;}
#news .right{ width:580px;}  
#choose .right h4{ margin-top:40px;}  
#choose .right h4 .tel{ margin-left:20px;}  
#left{ width:870px;}  
#csfc-list ul li{ width:376px;}  
#csfc-list ul li span{ width:376px;}   
#csfc-list ul li img{ width:376px;}    
#article p img{ height:100% !important;} 
#feedback .input-group .input input{ width:578px;}
#lmdh .menu a{ margin-left:50px;} 
 
    
}




@media (max-width:750px){
html{ font-size: 100% !important;}
body{font-size:16px;font-size:1.2rem ;}
nav:not(.mm-menu)
{
	display: none;
}
.wrap-white{padding:0;width:100%; background:#fff; background: rgba(255,255,255,0.8);}
.wrap-gray{ padding:0;background:#f5f5f5;}
.wrapper{padding:1.5rem 1rem;width:100%;}
.clear{clear: both;}
#header{ display:none;}
#page{ display:block;}
.p_f{position:fixed !important; z-index:9999;}
.p_r{position:relative !important;}
.p_a{position:absolute !important;}
.nb{border:none !important;}

.header{background: #fff;font-weight: bold;color: #fff;	-moz-box-sizing: border-box;box-sizing: border-box;	
width: 100%;height:70px;padding: 0 10px;border-bottom: 1px solid #eee;position: fixed;z-index: 2000;}
.header.fixed{position: fixed;top: 0;	left: 0;}
.header .menu{background: center center no-repeat transparent;	background-image:url(../images/btn.png);
background-size: 100% auto;	display: block;	width: 25px;height: 26px;position: absolute;top: 20px;right: 18px;}
.logo { margin: auto;  height: 40px;  padding-top: 18px;}
.logo img { height: 40px; width: auto;}

#banner{width:100%; height:19.375rem; overflow:hidden; padding-top:4.375rem;}
#banner .swiper-wrapper,#banner .swiper-slide,#banner .swiper-slide img{height:15rem;}
#banner .swiper-button-prev,#banner .swiper-button-next{top:50%; width:64px; height:64px; margin:0; background-repeat:no-repeat; background-position:center; background-size:3rem auto; cursor:pointer; opacity:1;}
#banner .swiper-button-prev:after,#banner .swiper-button-next:after{display:none;}
#banner .swiper-button-prev{left:1rem; }
#banner .swiper-button-next{right:1rem;}
.wrap-white.p1{ padding:0.5rem 0;}
.wrap-white.p1 .b-name{ padding:1.5rem 0;}
.title h2 { height: auto;line-height: 1.25rem;font-size: 1.25rem;}
.title h3{margin-top:0.5rem; font-size:0.75rem;}  
.title section:before{ left:-1rem; top:0.5rem;width:6.875rem; height:1rem;}
.title h3:after{ width:0.5rem; right:-14px;}
.title section:after{ right:-40px;}
.title p{line-height: 1.5rem;margin-top: 1rem;padding: 0 0.5rem;font-size: 0.875rem;}
#problem ul li{ width:28%; height:5.9375rem;}
#problem ul li img{ width:100%; height:100%;}
#problem ul li h3{ font-size:0.875rem; padding:1rem 1rem 0.5rem 1rem;}
#problem{ margin-top:1.25rem;}
.wrap-gray.p1{ padding-top:0.5rem; padding-bottom:1rem;}
.title h3.lw1:after{ width:1.25rem;}
#course{ margin-top:1.25rem;}
#choose-tab{ margin-top:1.25rem;}
#choose-tab ul{ display:flex; justify-content:flex-start;  flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap;}
#choose-tab ul::-webkit-scrollbar{ display:none;}
#choose-tab ul li{height: 3rem;line-height: 3rem; box-sizing: border-box; padding: 0 1rem;overflow: visible;font-size:0.875rem;border-radius: 10px 20px 10px 20px; margin-right:0.875rem; }
#choose-tab ul li section{ margin-left:0.5rem; padding-left:0.5rem;}
#choose-tab ul li section h3{ font-size:0.875rem;}
#choose{ margin-top:1.5rem;}
#choose .left{ height:16.5rem;  width:45%;}
#choose .left img{ width:160%;}
#choose .right{ height:16.5rem;width:55%;}
#choose .right .right-line{ padding:0; border:0; margin:0.875rem 0.5rem 0 0.875rem;}
#choose .right h3{ font-size:0.9375rem; line-height:1.5rem;}
#choose .right i{ margin-top:0.875rem;}
#choose .right p{ font-size:0.75rem; margin-top:0.5rem; line-height:1.3125rem;-webkit-line-clamp: 5;}
#choose .right h4 span{ display:none;}
#choose .right h4{ margin-top:0.3125rem;}
#choose .right h4 .tel{ margin:0; font-size:0.75rem;}
#choose .right h4 .tel em{ font-size:0.875rem;}
.title h3.lw2:after{ width:2.125rem;}
#course ul{margin: -20px 0 0 -20px;}
#course ul li:first-child{ width:94%; height:15rem;}
#course ul li:first-child img{ width:100%; height:100%;}
#course ul li{ width:44%;margin: 20px 0 0 20px; height:15rem;}
#course ul li img{ width:100%; height:100%;}
#course ul li section{ padding:0.5rem;}
#course ul li:hover section{ padding:0.5rem;}
#course ul li:hover section p{ display:-webkit-box;height:11rem; line-height:26px; margin-top:16px; -webkit-line-clamp:7; overflow:hidden;}
#wrap-growth{ padding:1rem 0;}
.title h3.lw3:after{ width:37px;}
#growth .swiper-container{ width:100%;}
#growth .swiper-button-prev{left:0;}
#growth .swiper-button-next{ right:0;}
#growth .swiper-button-prev, #growth .swiper-button-next{background-size: 2.5rem auto; top:26%;}
#growth-more{ margin:1.5rem auto 0 auto; height: 55px; line-height: 55px; font-size: 0.875rem;}
.title h3.lw4:after{ width:46px;}
#memory{ margin-top:1.5rem;}
#memory .swiper-container{ width:100%; height:22rem;  }
#memory .swiper-wrapper{height:22rem; }
#memory .swiper-slide ul{ margin:-20px 0 0 -20px;}
#memory .swiper-slide ul li{ position:static; width:44%; float:left;margin:20px 0 0 20px; height:7rem;}
#memory .swiper-slide ul li img{ width:100%; height:100% !important;}
#wrap-about{ padding:1rem 0;}
#about{ display:block;}
#about .left{ width:100%;}
#about .left h2{font-size:1.5rem;}
#about .left h3{ font-size:0.875rem; margin-top:0;}
#about .left p{ margin-top:1.875rem; font-size:0.875rem; line-height:1.75rem; height:10.625rem;}
#about .left h4{ margin-top:1.5rem; height:2.5rem; line-height:2.5rem;}
#about .right{ width:100%; height:10rem; margin-top:1.5rem;}
#about .right img{ width:100%; height:100%;}
#about-icon{ margin-top:1.5rem;}
#about-icon ul{ display:flex; justify-content:flex-start;  flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap;}
#about-icon ul::-webkit-scrollbar{ display:none;}
#about-icon ul li{ width:8rem; height:8rem; cursor: pointer; box-sizing: border-box; padding: 1rem;overflow: visible; margin-right:1rem;}
#about-icon ul li i{ width:2rem !important; height:2.5rem !important; background-size:2rem auto;}
#about-icon ul li h3{width:6rem; font-size:0.875rem; line-height:18px;}
.noweo-flex{ display:block}
#news-title h2{ font-size:1.875rem;}
#news-title h3{ margin-top:0; font-size:0.875rem;}
#news-title:after{ right:45%}
#news-title h3:after{right:52.5%; width:40px;}
#news-tab{ margin-top:1.5rem; height:2.75rem;}
#news-tab span{ width:50%; height:2.75rem; line-height:2.75rem; }
#news{ margin-top:1.75rem;}
#news .left{ width:100%; height:15rem;}
#news .left img{ width:100%; height:100%;}
#news .right{ width:100%; height:auto; margin-top:1.25rem;}
#news .left section{ padding:1rem;}
#news .left section h3 span{ font-size:1rem;}
#news .left section h3 em{ font-size:0.875rem;}
#news .left section p{ font-size:0.875rem; line-height:1.25rem; height:2.5rem; margin-top:0.5rem;}
#news .right ul li span{ width:8rem; height:6rem;}
#news .right ul li img{ width:100%; height:100%;}
#news .right ul li{ height:6rem;}
#news .right ul li section{height:6rem; padding:0.5rem}
#news .right ul li section h4{ font-size:0.875rem;}
#news .right ul li section h3{ margin-top:5px; font-size:1rem;}
#news .right ul li section p{ font-size:0.875rem;-webkit-line-clamp: 1; height:26px; line-height:26px; margin-top:5px;}
#footer { padding:10px 0 0px 0}
#f-text h2{ font-size:1.375rem;}
#f-tel section h2{font-size:1.25rem;}
#f-tel i{ background-size:2.5rem;}
#f-tel section{ margin-left:0.375rem;}
#f-line{ margin:1.25rem 0;}
#f-menu{ display:none;}
#copyright { font-size:0.875rem; line-height:1.5rem;}
#f-qrcode{ margin-left:0; margin-top:1.25rem;}
#f-qrcode ul{ justify-content:center;}
#f-qrcode ul li img{ width:110px; height:110px;}
.ny-banner{ padding-top:4.375rem;}
#lm-banner{ height:10rem;    background-size: cover !important;}
#lmdh{ display:none;}
#sj-lmdh{ display:block;height:auto; border-bottom:none;}
#sj-lmdh .wrapper{ padding:0;}
#sj-lmdh .menu{display:flex; padding:0.5rem 1.25rem 0 1.25rem;border-bottom: 1px #eee solid;justify-content:flex-start;  flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap;}
#sj-lmdh .menu::-webkit-scrollbar{ display:none;}


#sj-lmdh .menu a{height:2.25rem; line-height:2.25rem; margin-left:2.5rem; font-size:1rem;cursor: pointer; box-sizing: border-box; padding: 0;overflow: visible;}
#sj-lmdh .menu a:first-child{margin-left:0;}
#sj-lmdh .menu a:hover{color:#315aa7;}
#sj-lmdh .menu a.current{position:relative; color:#315aa7;}
#sj-lmdh .menu a.current:after{content:''; position:absolute; left:0; right:0; bottom:-1px; display:block; height:2px; background:#315aa7;}
#sj-lmdh .location{display:flex; align-items:center; height:2.5rem; padding-left:2.5rem; background:#f5f5f5 url(../images/home.png) no-repeat 1rem center; overflow:hidden;}
#sj-lmdh .location a{height:1.25rem; line-height:1.25rem; font-size:0.875rem; color:#666; overflow:hidden;}
#sj-lmdh .location i{width:0; height:0; margin:0 0.875rem; border-left:6px solid #868686; border-top:4px solid transparent; border-bottom:4px solid transparent;}
#sj-lmdh .location a:hover,#sj-lmdh .location em{color:#315aa7;}
#left{ width:100%; float:none;}
#news-list{ margin:0;}
#right{ display:none;}
.weo-page{ margin:2rem 0 1.25rem 0; overflow:hidden;}
.wrap-white.p2{ padding:0; overflow:hidden;}
#article-back{ margin:0.5rem auto 0 auto}
#article { font-size:0.875rem; color:#666; margin-top:1rem; width:100% !important;}
#article-title{ font-size:1.25rem;}
#lm-about .item .text{ font-size:0.875rem;}
#lm-about .item .text table p img{ width:95% !important; height:10rem !important;}
#lm-about-icon ul{ display:flex; justify-content:flex-start;  flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap;}

#lm-about-icon ul::-webkit-scrollbar{ display:none;}
#lm-about-icon ul li{ width:8rem; height:8rem; cursor: pointer; box-sizing: border-box; padding: 1rem;overflow: visible; margin-right:1rem;}
#lm-about-icon ul li i{ width:2rem !important; height:2.5rem !important; background-size:2rem auto;}
#lm-about-icon ul li h3{width:6rem; font-size:0.875rem; line-height:18px;}
#csfc-list{ margin-top:1rem;}
#csfc-list ul{ margin:-20px 0 0 -20px !important;}
#csfc-list ul li{ width:44%; margin:20px 0 0 20px;}
#csfc-list ul li span{ width:100%; height:8rem;}
#csfc-list ul li img{ width:100%; height:100%;}
#csfc-list ul li section{ padding:0.5rem !important; }
#csfc-list ul li section h3{ font-size:0.875rem;}
#growth-list{ margin-top:0;}
#growth-list ul li{ height:auto}
#growth-list ul li a{ display:flex; justify-content:space-between;}
#growth-list ul li span{ width:9rem; height:7rem;}
#growth-list ul li section{ position:static; flex:1; margin-left:1rem;height:7rem;}
#growth-list ul li section h3{ font-size:1rem; overflow:hidden;}
#growth-list ul li section p{height:56px;-webkit-line-clamp: 2;}
#growth-list ul li img{ width:100%; height:100%;}
#lm-about .item .text p img,#lm-about .item .text div img{ width:100% !important; height:auto !important;}
#article p img{ width:100% !important; height:100% !important;}
#article-info{ display:block;}
#article-info .bshare-custom{ margin-top:1rem;}
#feedback .input-group{ display:block;}
#feedback .input-group .input input{ width:100%; height:3.125rem; line-height:3.125rem; margin-top:0.5rem;}
#feedback .input-group .input{ margin-bottom:1rem;}
#feedback .input-group{ margin-bottom:1rem;}




}




@media screen and (min-width: 751px) and (max-width: 960px) {
    
html{ font-size: 100% !important;}
body{font-size:16px;font-size:1.2rem ;}
nav:not(.mm-menu)
{
	display: none;
}
.wrap-white{padding:0;width:100%; background:#fff; background: rgba(255,255,255,0.8);}
.wrap-gray{ padding:0;background:#f5f5f5;}
.wrapper{padding:1.5rem 1rem;width:100%;}
.clear{clear: both;}
#header{ display:none;}
#page{ display:block;}
.p_f{position:fixed !important; z-index:9999;}
.p_r{position:relative !important;}
.p_a{position:absolute !important;}
.nb{border:none !important;}
.header{background: #fff;font-weight: bold;color: #fff;	-moz-box-sizing: border-box;box-sizing: border-box;	
width: 100%;height:80px;padding: 0 10px;border-bottom: 1px solid #eee;position: fixed;z-index: 2000;}
.header.fixed{position: fixed;top: 0;	left: 0;}
.header .menu{background: center center no-repeat transparent;	background-image:url(../images/btn.png);
background-size: 100% auto;	display: block;	width: 35px;height: 30px;position: absolute;top: 28px;right: 25px;}
.logo { margin: auto;  height: 45px;  padding-top: 20px;}
.logo img { height: 45px; width: auto;}
.mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview {
    margin-top: 60px;
}
.mm-navbar{ height:80px;}
#banner{width:100%; height:35rem; overflow:hidden; padding-top:5rem;}
#banner .swiper-wrapper,#banner .swiper-slide,#banner .swiper-slide img{height:30rem;}
#banner .swiper-button-prev,#banner .swiper-button-next{top:50%; width:64px; height:64px; margin:0; background-repeat:no-repeat; background-position:center; background-size:4rem auto; cursor:pointer; opacity:1;}
#banner .swiper-button-prev:after,#banner .swiper-button-next:after{display:none;}
#banner .swiper-button-prev{left:1rem; }
#banner .swiper-button-next{right:1rem;}
.wrap-white.p1{ padding:1rem 0;}
.title h2{ font-size:2rem;}
.title h3:after{ width:3.625rem;}
.title p{ padding:0 1.875rem;}
#problem ul li{ width:22%;height:7rem;}
#problem ul li img{ width:100%; height:100%;}
.wrap-gray.p1{ padding-top:1.25rem;}
.title section:before{ top:22px;}
#choose-tab{ margin-top:1.25rem;}
#choose-tab ul{ display:flex; justify-content:flex-start;  flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap;}
#choose-tab ul::-webkit-scrollbar{ display:none;}
#choose-tab ul li{height: 4rem;line-height: 4rem; box-sizing: border-box; padding: 0 1rem;overflow: visible;font-size:0.875rem;border-radius: 10px 20px 10px 20px; margin-right:0.875rem; }
#choose-tab ul li section{ margin-left:0.5rem; padding-left:0.5rem;}
#choose-tab ul li section h3{ font-size:0.875rem;}
#choose .right .right-line{ border:0; padding:0 0 0 1.25rem;}
#choose .right h4 span{ display:none;margin-left:0px;}
#course ul li:nth-child(1),#course ul li:nth-child(2){ width:45%;}
#course ul li:nth-child(1) img,#course ul li:nth-child(2) img{ width:100%; height:auto}
.title h3.lw1:after{ width:60px;}
.title h3.lw2:after{ width:55px;}
.title h3.lw3:after{ width:48px;}
#growth .swiper-container{ width:100%;}
#growth .swiper-button-next{ right:0;}
#growth .swiper-button-prev{ left:0;}
.title h3.lw4:after{ width:58px;}
#memory .swiper-container,#memory .swiper-slide{ width:100%;height:23rem}
#memory .swiper-slide ul li{ width:32%; }
#memory .swiper-slide ul li:nth-child(3),#memory .swiper-slide ul li:nth-child(4){ left:34%}
#memory .swiper-slide ul li:nth-child(3) img, #memory .swiper-slide ul li:nth-child(4) img{ height:11rem;}
#memory .swiper-slide ul li:nth-child(2) img, #memory .swiper-slide ul li:nth-child(5) img{ height:13rem}
#memory .swiper-slide ul li:nth-child(1) img, #memory .swiper-slide ul li:nth-child(6) img{height:9rem;}
#wrap-about{ padding:20px 0;}
#about .left h2{ font-size:28px;}
#about .right{ height:15rem;}
#about .right img{ width:100%; height:100%;}
#about .left h3{ font-size:12px;}
#about .left p{ height:132px;-webkit-line-clamp: 4; margin-top:1rem;}
#about .left h4{ margin-top:0.75rem;}
#about-icon ul li h3{ font-size:0.875rem;}
#about-icon ul li{ width:140px; height:140px; padding:1.25rem 0;}
#about-icon ul li i{ height:40px; background-size:38px;}
#news .left{ width:49%; height:21.875rem;}
#news .right{ width:49%;height:21.875rem;}
#news .left img{ width:100%; height:100%;}
#news .left section{ padding:1rem;}
#news .left section h3 span{ font-size:18px;}
#news .left section h3 em{ font-size:0.875rem;}
#news .left section p{ font-size:0.875rem;}
#news .right ul li{ height:7rem; margin-top:0.9375rem;}
#news .right ul li span{ width:9rem;height:6rem;}
#news .right ul li img{ width:100%; height:100%;}
#news .right ul li section{ height:7rem;}
#news .right ul li section p{ height:26px;-webkit-line-clamp: 1;font-size:0.875rem; margin-top:0.3125rem;}
#news .right ul li section h3{ margin-top:3px; font-size:1rem;}
#f-text h2{ font-size:24px;}
#f-tel{ margin-top:26px;}
#f-menu{ display:none;}
#copyright{ margin-top:0;}
.ny-banner{ padding-top:5rem;}
.noweo-flex1{ display:block;}
#lm-banner{ height:18rem;    background-size: cover !important;}
#lmdh{ display:none;}
#sj-lmdh{ display:block;height:auto; border-bottom:none;}
#sj-lmdh .wrapper{ padding:0;}
#sj-lmdh .menu{display:flex; padding:0.5rem 1.25rem 0 1.25rem;border-bottom: 1px #eee solid;justify-content:flex-start;  flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap;}
#sj-lmdh .menu::-webkit-scrollbar{ display:none;}
#sj-lmdh .menu a{height:2.25rem; line-height:2.25rem; margin-left:2rem; font-size:1rem;cursor: pointer; box-sizing: border-box; padding: 0;overflow: visible;}
#sj-lmdh .menu a:first-child{margin-left:0;}
#sj-lmdh .menu a:hover{color:#315aa7;}
#sj-lmdh .menu a.current{position:relative; color:#315aa7;}
#sj-lmdh .menu a.current:after{content:''; position:absolute; left:0; right:0; bottom:-1px; display:block; height:2px; background:#315aa7;}
#sj-lmdh .location{display:flex; align-items:center; height:2.5rem; padding-left:2.5rem; background:#f5f5f5 url(../images/home.png) no-repeat 1rem center; overflow:hidden;}
#sj-lmdh .location a{height:1.25rem; line-height:1.25rem; font-size:0.875rem; color:#666; overflow:hidden;}
#sj-lmdh .location i{width:0; height:0; margin:0 0.875rem; border-left:6px solid #868686; border-top:4px solid transparent; border-bottom:4px solid transparent;}
#sj-lmdh .location a:hover,#sj-lmdh .location em{color:#315aa7;}
#left{ width:59%;}
#article p img{ margin-left:0px;} 
#article-title{ font-size:24px;}
#lm-about .item .text table p img{ width:95% !important; height:22rem !important;}

#lm-about-icon ul li{ width:140px; height:140px; padding:1.25rem 0;}
#lm-about-icon ul li i{ height:40px; background-size:38px;}
#csfc-list ul li{ width:45%;}
#csfc-list ul li span{ width:100%; height:15rem;}
#csfc-list ul li img{ width:100%; height:100%;}
#article{ width:100% !important;}
#feedback .input-group .input{ width:48%;}
#feedback .input-group .input input{ width:100%;}



}


















