/*全局样式*/

html{overflow-x:hidden;}
body,a{color:#333;}

.wrapper{width:1400px;}
.wrap-white{background:#fff;}
.wrap-white.p1{padding:60px 0 80px 0;}
.wrap-white.p2{padding:60px 0;}
.wrap-white.p3{padding:50px 0 60px 0;}
.wrap-white.p4{padding:60px 0 70px 0;}
.wrap-gray{background:#f5f5f5;}
.wrap-gray.p1{padding:60px 0 80px 0;}

/*头部样式*/

#header{left:0; right:0; top:0; z-index:99; height:88px; background:linear-gradient(rgba(0,0,0,.6),transparent); overflow:hidden;}
#logo{left:0; top:20px;}
#logo img{width:206px; height:48px;}
#nav{right:250px; top:34px;}
#nav ul{display:flex;}
#nav ul li{height:20px; line-height:20px; margin-left:50px; font-size:17px; overflow:hidden;}
#nav ul li:first-child{margin-left:0;}
#nav ul li a{display:block; color:#fff;}
#nav ul li:hover > a{color:#faf986;}

/*首页样式*/

#banner{width:100%; height:900px; overflow:hidden;}
#banner .swiper-wrapper{height:900px;}
#banner .swiper-slide{width:100%; height:900px;}
#banner .swiper-slide img{width:100%; height:900px;}
#banner .swiper-button-prev,#banner .swiper-button-next{top:364px; width:38px; height:52px; margin:0; background-repeat:no-repeat; background-position:center; background-size:38px 52px; cursor:pointer; opacity:.5;}
#banner .swiper-button-prev:after,#banner .swiper-button-next:after{display:none;}
#banner .swiper-button-prev{left:90px; background-image:url(img/prev.png);}
#banner .swiper-button-next{right:90px; background-image:url(img/next.png);}
#banner .swiper-button-prev:hover,#banner .swiper-button-next:hover{opacity:.7;}

.title h2{height:78px; line-height:78px; font-family:'Georgia'; font-size:75px; font-weight:bold; text-transform:uppercase; text-align:center; color:#f1f1f1; overflow:hidden;}
.title h3{position:relative; height:58px; line-height:58px; margin-top:-36px; font-size:56px; font-weight:bold; text-align:center; color:#0f777d; overflow:hidden;}

#characteristic{position:relative; z-index:2; margin:-120px 60px 0 60px; padding:40px 0 80px 0; background:url(img/characteristic-bg.png) no-repeat right top #f5f5f5;}
#characteristic .title h2{text-align:left;}
#characteristic .title h3{text-align:left; overflow:visible;}
#characteristic .title h3:before{content:''; position:absolute; left:calc((((100vw - 1537px) / 2) - 36px) * -1); top:28px; display:block; width:calc(((100vw - 1537px) / 2) - 56px); height:3px; background:#0f777d;}
#characteristic .item{margin-top:60px;}
#characteristic .item ul{margin:-2px 0 0 -2px;}
#characteristic .item ul li{float:left; display:flex; width:calc(1396px / 3); height:280px; margin:2px 0 0 2px; padding:42px 24px 36px 16px; background:#fff; cursor:pointer; overflow:hidden;}
#characteristic .item ul li i{width:188px; height:192px; background-repeat:no-repeat; background-position:center;}
#characteristic .item ul li i.c-icon1{background-image:url(img/c-icon1.png);}
#characteristic .item ul li i.c-icon2{background-image:url(img/c-icon2.png);}
#characteristic .item ul li i.c-icon3{background-image:url(img/c-icon3.png);}
#characteristic .item ul li i.c-icon4{background-image:url(img/c-icon4.png);}
#characteristic .item ul li i.c-icon5{background-image:url(img/c-icon5.png);}
#characteristic .item ul li i.c-icon6{background-image:url(img/c-icon6.png);}
#characteristic .item ul li section{flex:1; margin-left:18px;}
#characteristic .item ul li section h3{line-height:24px; font-size:20px; font-weight:bold;}
#characteristic .item ul li section em{display:block; width:30px; height:3px; margin-top:15px; background:rgba(15,119,125,.4);}
#characteristic .item ul li section .text{line-height:30px; margin-top:10px; font-size:16px; color:#666;}
#characteristic .item ul li:hover{background:#0f777d;}
#characteristic .item ul li:hover i.c-icon1{background-image:url(img/c-icon1-h.png);}
#characteristic .item ul li:hover i.c-icon2{background-image:url(img/c-icon2-h.png);}
#characteristic .item ul li:hover i.c-icon3{background-image:url(img/c-icon3-h.png);}
#characteristic .item ul li:hover i.c-icon4{background-image:url(img/c-icon4-h.png);}
#characteristic .item ul li:hover i.c-icon5{background-image:url(img/c-icon5-h.png);}
#characteristic .item ul li:hover i.c-icon6{background-image:url(img/c-icon6-h.png);}
#characteristic .item ul li:hover section h3,#characteristic .item ul li:hover section .text{color:#fff;}
#characteristic .item ul li:hover section em{background:rgba(255,255,255,.3);}

#campus-l{height:350px; margin-top:60px; overflow:hidden;}
#campus-l ul li{position:relative; float:left; width:620px; height:350px; margin-right:20px; overflow:hidden;}
#campus-l ul li img{width:620px; max-width:none; height:350px; transition:all 0.3s linear;}
#campus-l ul li h3{position:absolute; left:0; right:0; bottom:0; height:134px; line-height:26px; padding:72px 36px 36px 36px; background:linear-gradient(transparent,rgba(0,0,0,.5)); font-size:24px; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#campus-l ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;}

#campus-r{height:350px; margin-top:20px; overflow:hidden;}
#campus-r ul li{position:relative; float:left; width:620px; height:350px; margin-right:20px; overflow:hidden;}
#campus-r ul li img{width:620px; max-width:none; height:350px; transition:all 0.3s linear;}
#campus-r ul li h3{position:absolute; left:0; right:0; bottom:0; height:134px; line-height:26px; padding:72px 36px 36px 36px; background:linear-gradient(transparent,rgba(0,0,0,.5)); font-size:24px; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#campus-r ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;}

#wrap-teacher{padding:60px 0 80px 0; background:url(img/teacher-bg.jpg) no-repeat top center; background-size:cover;}
#wrap-teacher .title h2{color:rgba(255,255,255,.08);}
#wrap-teacher .title h3{color:#fff;}

#teacher{margin-top:60px;}
#teacher img{width:1400px; height:448px;}
#teacher h3{height:32px; line-height:32px; margin-top:20px; font-size:30px; letter-spacing:10px; text-align:center; color:rgba(255,255,255,.95); overflow:hidden;}

.wrap-gray .title h2{color:#e9e9e9;}

#manage-tab{display:flex; height:80px; margin-top:60px; background:#fff; border-radius:40px; box-shadow:0 0 16px rgba(0,0,0,.08); overflow:hidden;}
#manage-tab span{position:relative; flex:1; height:80px; line-height:80px; font-size:24px; text-align:center; cursor:pointer; overflow:hidden;}
#manage-tab span:before{content:''; position:absolute; left:0; top:29px; display:block; width:1px; height:22px; background:#cfcfcf;}
#manage-tab span:first-child:before{display:none;}
#manage-tab span:hover{color:#0f777d;}
#manage-tab span.current{background:#0f777d; border-radius:40px; color:#fff;}
#manage-tab span.current:before,#manage-tab span.current + span:before{display:none;}

#manage{margin-top:60px;}
#manage .item{display:none;}
#manage .manage1 ul{display:flex; flex-wrap:wrap;}
#manage .manage1 ul li{position:relative; width:280px; height:280px; padding:48px 0; background:#fff; cursor:pointer; overflow:hidden;}
#manage .manage1 ul li:nth-child(odd){background:#0f777d;}
#manage .manage1 ul li:nth-child(2):before,#manage .manage1 ul li:nth-child(4):before{content:''; position:absolute; left:0; top:90px; display:block; width:0; height:0; border-left:12px solid #0f777d; border-top:8px solid transparent; border-bottom:8px solid transparent;}
#manage .manage1 ul li:nth-child(3):before,#manage .manage1 ul li:nth-child(5):before{content:''; position:absolute; left:0; top:90px; display:block; width:0; height:0; border-left:12px solid #fff; border-top:8px solid transparent; border-bottom:8px solid transparent;}
#manage .manage1 ul li:nth-child(6):after,#manage .manage1 ul li:nth-child(8):after{content:''; position:absolute; right:0; top:90px; display:block; width:0; height:0; border-right:12px solid #0f777d; border-top:8px solid transparent; border-bottom:8px solid transparent;}
#manage .manage1 ul li:nth-child(7):after,#manage .manage1 ul li:nth-child(9):after{content:''; position:absolute; right:0; top:90px; display:block; width:0; height:0; border-right:12px solid #fff; border-top:8px solid transparent; border-bottom:8px solid transparent;}
#manage .manage1 ul li:nth-child(10):before{content:''; position:absolute; left:50%; top:0; transform:translateX(-50%); display:block; width:0; height:0; border-top:12px solid #0f777d; border-left:8px solid transparent; border-right:8px solid transparent;}

#manage .manage1 ul li i{display:block; width:100px; height:100px; margin:0 auto; background-repeat:no-repeat; background-position:center; border:1px solid #dcdcdc; border-radius:50%;}
#manage .manage1 ul li i.m-icon1{background-image:url(img/m-icon1.png);}
#manage .manage1 ul li i.m-icon2{background-image:url(img/m-icon2.png);}
#manage .manage1 ul li i.m-icon3{background-image:url(img/m-icon3.png);}
#manage .manage1 ul li i.m-icon4{background-image:url(img/m-icon4.png);}
#manage .manage1 ul li i.m-icon5{background-image:url(img/m-icon5.png);}
#manage .manage1 ul li i.m-icon6{background-image:url(img/m-icon6.png);}
#manage .manage1 ul li i.m-icon7{background-image:url(img/m-icon7.png);}
#manage .manage1 ul li i.m-icon8{background-image:url(img/m-icon8.png);}
#manage .manage1 ul li i.m-icon9{background-image:url(img/m-icon9.png);}
#manage .manage1 ul li i.m-icon10{background-image:url(img/m-icon10.png);}
#manage .manage1 ul li:nth-child(odd) i{background-color:#fff; border-color:#fff;}
#manage .manage1 ul li h3{height:20px; line-height:20px; margin-top:26px; font-size:18px; text-align:center; overflow:hidden;}
#manage .manage1 ul li:nth-child(odd) h3{color:#fff;}
#manage .manage1 ul li h4{height:18px; line-height:18px; margin-top:20px; font-family:'Arial'; font-size:15px; text-align:center; color:#999; overflow:hidden;}
#manage .manage1 ul li:nth-child(odd) h4{color:rgba(255,255,255,.3);}
#manage .manage1 ul li:nth-child(even):hover h3{color:#0f777d;}

#activity-tab{display:flex; height:80px; margin-top:60px; background:#fff; border-radius:40px; box-shadow:0 0 16px rgba(0,0,0,.08); overflow:hidden;}
#activity-tab span{position:relative; flex:1; height:80px; line-height:80px; font-size:24px; text-align:center; cursor:pointer; overflow:hidden;}
#activity-tab span:before{content:''; position:absolute; left:0; top:29px; display:block; width:1px; height:22px; background:#cfcfcf;}
#activity-tab span:first-child:before{display:none;}
#activity-tab span:hover{color:#0f777d;}
#activity-tab span.current{background:#0f777d; border-radius:40px; color:#fff;}
#activity-tab span.current:before,#activity-tab span.current + span:before{display:none;}

#activity{margin-top:60px;}
#activity .item{position:relative; display:none; height:754px; overflow:hidden;}
#activity .item ul li{position:absolute; border-radius:10px; cursor:pointer; overflow:hidden;}
#activity .item ul li:nth-child(1){left:0; top:0; width:418px; height:514px;}
#activity .item ul li:nth-child(2){left:0; bottom:0; width:418px; height:230px;}
#activity .item ul li:nth-child(3){left:428px; top:0; width:592px; height:384px;}
#activity .item ul li:nth-child(4){left:428px; bottom:0; width:366px; height:360px;}
#activity .item ul li:nth-child(5){right:0; top:0; width:370px; height:384px;}
#activity .item ul li:nth-child(6){right:0; bottom:0; width:596px; height:360px;}
#activity .item ul li img{max-width:none; transition:all 0.3s linear;}
#activity .item ul li:nth-child(1) img{width:418px; height:514px;}
#activity .item ul li:nth-child(2) img{width:418px; height:230px;}
#activity .item ul li:nth-child(3) img{width:592px; height:384px;}
#activity .item ul li:nth-child(4) img{width:366px; height:360px;}
#activity .item ul li:nth-child(5) img{width:370px; height:384px;}
#activity .item ul li:nth-child(6) img{width:596px; height:360px;}
#activity .item ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;}

#wrap-video{padding-top:60px; background:#0f777d;}
#wrap-video .title h2{color:rgba(255,255,255,.08);}
#wrap-video .title h3{color:#fff;}

#video{position:relative; height:806px; margin-top:60px; padding-top:20px; background:url(img/video-bg.png) no-repeat center;}
#video .swiper-container{margin:0 -260px;}
#video .swiper-slide{position:relative; width:884px; height:688px; overflow:hidden;}
#video .swiper-slide:after{content:''; position:absolute; left:0; right:0; top:0; display:block; height:546px;}
#video .swiper-slide video{width:884px !important; height:546px; border-radius:20px;}
#video .swiper-slide video::-webkit-media-controls-enclosure{opacity:0; width:884px; margin:0 auto;}
#video .swiper-slide h3{display:none; height:32px; line-height:32px; margin-top:110px; font-size:30px; text-align:center; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#video .swiper-slide.swiper-slide-active:after{display:none;}
#video .swiper-slide.swiper-slide-active video{border-radius:10px 10px 0 0;}
#video .swiper-slide.swiper-slide-active video::-webkit-media-controls-enclosure{opacity:1;}
#video .swiper-slide.swiper-slide-active h3{display:block;}
#video .swiper-button-prev,#video .swiper-button-next{top:220px; width:56px; height:106px; margin:0; background-repeat:no-repeat; background-position:center; background-color:rgba(0,0,0,.5); background-size:16px 28px; cursor:pointer;}
#video .swiper-button-prev:after,#video .swiper-button-next:after{display:none;}
#video .swiper-button-prev{left:128px; background-image:url(img/prev1.png); border-radius:16px 0 0 16px;}
#video .swiper-button-next{right:128px; background-image:url(img/next1.png); border-radius:0 16px 16px 0;}
#video .swiper-button-prev:hover,#video .swiper-button-next:hover{background-color:rgba(0,0,0,.7);}

#about{display:flex; justify-content:space-between;}
#about .left{position:relative; width:612px; height:590px; overflow:hidden;}
#about .left:after{content:''; position:absolute; left:100px; right:0; top:100px; bottom:0; display:block; background:#0f777d;}
#about .left img{position:relative; z-index:1; width:588px; height:566px;}
#about .right{width:740px;}
#about .right h2{position:relative; height:142px; line-height:142px; font-family:'Georgia'; font-size:140px; font-weight:bold; text-transform:uppercase; color:#f1f1f1; overflow:hidden;}
#about .right h2 span{position:absolute; left:0; bottom:40px; display:block; height:58px; line-height:58px; font-family:'Microsoft YaHei'; font-size:56px; font-weight:bold; color:#0f777d; overflow:hidden;}
#about .right h3{height:26px; line-height:26px; font-size:24px; letter-spacing:8px; color:#666; overflow:hidden; margin-top:-22px;}
#about .right .text{ line-height:25px; margin-top:28px; font-size:15px; overflow:hidden;}
/*#about .right .text p{text-indent:30px;}*/
#about .right .text p{ text-align: justify;
  /* 可选：优化中文/英文最后一行对齐，兼容性更好 */
 }

#wrap-about{padding:60px 0; background:url(img/about-bg.jpg) no-repeat top center; background-size:cover;}

#about-icon ul{display:flex; justify-content:space-between;}
#about-icon ul li{width:30%; cursor:pointer;}
#about-icon ul li i{display:block; width:120px; height:120px; margin:0 auto; background-repeat:no-repeat; background-position:center; border:1px solid #fff; border-radius:50%;}
#about-icon ul li i.a-icon1{background-image:url(img/a-icon1.png);}
#about-icon ul li i.a-icon2{background-image:url(img/a-icon2.png);}
#about-icon ul li i.a-icon3{background-image:url(img/a-icon3.png);}
#about-icon ul li h3{height:26px; line-height:26px; margin-top:28px; font-size:24px; font-weight:bold; text-align:center; color:#fff; overflow:hidden;}
#about-icon ul li h4{height:16px; line-height:16px; margin-top:10px; font-size:14px; text-transform:uppercase; text-align:center; color:rgba(255,255,255,.5); overflow:hidden;}
#about-icon ul li p {
    height: 98px;
    line-height: 25px;
    margin-top: 24px;
    font-size: 15px;
    text-align: center;
    color: #fff;
    -webkit-line-clamp: 4;
}

/*内页样式*/

#lm-banner{height:680px; background-repeat:no-repeat; background-position:center; background-size:cover;}
#lm-banner.campus{background-image:url(img/lm-campus.jpg);}
#lm-banner.watermelon{background-image:url(img/lm-watermelon.jpg);}

#location{height:73px; background:#fff; border-bottom:1px solid #dcdcdc;}
#location .item{height:72px; line-height:72px; padding-left:26px; background:url(img/home.png) no-repeat left center; font-size:15px; color:#666; overflow:hidden;}
#location .item a{color:#666;}
#location .item a:hover{color:#0f777d;}

/*校区详情*/

#campus-detail h1{height:50px; line-height:50px; font-size:48px; font-weight:bold; color:#0f777d; overflow:hidden;}
#campus-detail .text{line-height:36px; margin-top:36px; font-size:16px;}
#campus-detail .img{position:relative; height:730px; margin-top:40px; overflow:hidden;}
#campus-detail .img ul li{position:absolute; border-radius:10px; cursor:pointer; overflow:hidden;}
#campus-detail .img ul li:nth-child(1){left:0; top:0; width:420px; height:490px;}
#campus-detail .img ul li:nth-child(2){left:0; bottom:0; width:420px; height:230px;}
#campus-detail .img ul li:nth-child(3){left:430px; top:0; width:590px; height:360px;}
#campus-detail .img ul li:nth-child(4){left:430px; bottom:0; width:370px; height:360px;}
#campus-detail .img ul li:nth-child(5){right:0; top:0; width:370px; height:360px;}
#campus-detail .img ul li:nth-child(6){right:0; bottom:0; width:590px; height:360px;}
#campus-detail .img ul li img{max-width:none; transition:all 0.3s linear;}
#campus-detail .img ul li:nth-child(1) img{width:420px; height:490px;}
#campus-detail .img ul li:nth-child(2) img{width:420px; height:230px;}
#campus-detail .img ul li:nth-child(3) img{width:590px; height:360px;}
#campus-detail .img ul li:nth-child(4) img{width:370px; height:360px;}
#campus-detail .img ul li:nth-child(5) img{width:370px; height:360px;}
#campus-detail .img ul li:nth-child(6) img{width:590px; height:360px;}
#campus-detail .img ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;}

/*加盟合作*/

.title h4{height:26px; line-height:26px; margin-top:30px; font-size:24px; text-align:center; overflow:hidden;}
.title p{height:20px; line-height:20px; margin-top:30px; font-size:18px; text-align:center; overflow:hidden;}

#join-banner{width:100%; height:900px; overflow:hidden;}
#join-banner .swiper-wrapper{height:900px;}
#join-banner .swiper-slide{width:100%; height:900px;}
#join-banner .swiper-slide img{width:100%; height:900px;}
#join-banner .swiper-button-prev,#join-banner .swiper-button-next{top:424px; width:38px; height:52px; margin:0; background-repeat:no-repeat; background-position:center; background-size:38px 52px; cursor:pointer; opacity:.5;}
#join-banner .swiper-button-prev:after,#join-banner .swiper-button-next:after{display:none;}
#join-banner .swiper-button-prev{left:90px; background-image:url(img/prev.png);}
#join-banner .swiper-button-next{right:90px; background-image:url(img/next.png);}
#join-banner .swiper-button-prev:hover,#join-banner .swiper-button-next:hover{opacity:.7;}

#wrap-history{padding:60px 0 100px 0; background:url(img/history-bg.jpg) no-repeat bottom center; background-size:cover;}

#history{position:relative; height:461px; margin-top:70px;}
#history:after{content:''; position:absolute; left:-260px; right:-260px; top:230px; display:block; height:0; border-bottom:1px dashed #0f777d;}
#history .swiper-container{width:1184px; height:461px; margin:0 auto; overflow:hidden;}
#history .swiper-wrapper{height:461px;}
#history .swiper-slide{position:relative; width:260px; height:461px; cursor:pointer; overflow:hidden;}
#history .swiper-slide:before{content:''; position:absolute; left:0; top:221px; display:block; width:19px; height:19px; background:#fff; border:2px solid #0f777d; border-radius:50%; box-sizing:border-box;}
#history .swiper-slide:after{content:''; position:absolute; left:9px; top:117px; display:block; width:1px; height:104px; background:#0f777d;}
#history .swiper-slide:nth-child(even):after{content:''; top:auto; bottom:117px;}
#history .swiper-slide .img{position:absolute; left:0; bottom:0; width:260px; height:200px; border-radius:10px; overflow:hidden;}
#history .swiper-slide:nth-child(even) .img{top:0; bottom:auto;}
#history .swiper-slide .img img{width:260px; max-width:none; height:200px; transition:all 0.3s linear;}
#history .swiper-slide .text{position:absolute; left:29px; top:120px;}
#history .swiper-slide:nth-child(even) .text{top:auto; bottom:122px;}
#history .swiper-slide .text h3{height:30px; line-height:30px; font-size:28px; font-weight:bold; overflow:hidden;}
#history .swiper-slide .text h4{height:18px; line-height:18px; margin-top:16px; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#history .swiper-slide:hover .img img{transform:scale(1.08); transition:all 0.3s linear;}
#history .swiper-slide:hover .text h3{color:#0f777d;}
#history .swiper-button-prev,#history .swiper-button-next{top:206px; width:70px; height:49px; margin:0; background-color:#0f777d; background-repeat:no-repeat; background-position:center; background-size:40px 13px; cursor:pointer; opacity:1;}
#history .swiper-button-prev:after,#history .swiper-button-next:after{display:none;}
#history .swiper-button-prev{left:0; background-image:url(img/prev2.png);}
#history .swiper-button-next{right:0; background-image:url(img/next2.png);}

#branche{display:flex; justify-content:space-between; margin-top:60px;}
#branche .left{width:1000px; height:770px; overflow:hidden;}
#branche .left img{width:1000px; height:770px;}
#branche .right{width:360px; height:770px; padding:30px 14px 30px 30px; background:#e6f0f0; border-radius:10px; overflow:hidden;}
#branche .right .scroll{height:710px; padding-right:30px; overflow-x:hidden; overflow-y:scroll;}
#branche .right .scroll::-webkit-scrollbar{width:5px; background:#e5e5e5; border-radius:2.5px;}
#branche .right .scroll::-webkit-scrollbar-thumb{background:#aaa; border-radius:2.5px;}
#branche .right .province{margin-top:30px;}
#branche .right .province:first-child{margin-top:0;}
#branche .right .province h2{position:relative; height:26px; line-height:26px; padding-left:20px; font-size:24px; font-weight:bold; overflow:hidden;}
#branche .right .province h2:before{content:''; position:absolute; left:0; top:2px; display:block; width:6px; height:22px; background:#0f777d; border-radius:3px;}
#branche .right .province ul{margin-top:24px; padding-left:20px;}
#branche .right .province ul li{margin-top:20px; cursor:pointer;}
#branche .right .province ul li:first-child{margin-top:0;}
#branche .right .province ul li h3{height:18px; line-height:18px; font-size:16px; overflow:hidden;}
#branche .right .province ul li .item{position:relative; display:none; margin-top:16px; padding:20px; background:#fff; border-radius:10px;}
#branche .right .province ul li .item:before{content:''; position:absolute; left:20px; top:-10px; display:block; width:0; height:0; border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:10px solid #fff;}
#branche .right .province ul li .item p{line-height:24px; padding-left:30px; background:url(img/address.png) no-repeat left 2px top 2px; font-size:15px;}
#branche .right .province ul li .item h4{height:20px; line-height:20px; margin-top:10px; padding-left:30px; background:url(img/tel.png) no-repeat left center; font-size:16px; font-weight:bold; overflow:hidden;}
#branche .right .province ul li:hover h3{color:#0f777d;}
#branche .right .province ul li.current .item{display:block;}

#wrap-secret{position:relative; margin-top:-50px; padding:110px 0 140px 0; background:url(img/secret-bg.png) no-repeat top center;}
#wrap-secret .title h2{color:rgba(255,255,255,.2);}
#wrap-secret .title h3{color:#fff;}

#secret{height:446px; margin-top:90px; background:#fff;}
#secret ul{display:flex;}
#secret ul li{position:relative; width:280px; height:446px; padding:84px 0; cursor:pointer; overflow:hidden;}
#secret ul li:before{content:''; position:absolute; left:0; top:0; bottom:0; display:block; width:1px; background:#eaeaea;}
#secret ul li:first-child:before{display:none;}
#secret ul li em{display:block; height:110px; margin:0 auto; background-repeat:no-repeat; background-position:center;}
#secret ul li em.s-icon1{width:126px; background-image:url(img/s-icon1.png);}
#secret ul li em.s-icon2{width:146px; background-image:url(img/s-icon2.png);}
#secret ul li em.s-icon3{width:136px; background-image:url(img/s-icon3.png);}
#secret ul li em.s-icon4{width:132px; background-image:url(img/s-icon4.png);}
#secret ul li em.s-icon5{width:134px; background-image:url(img/s-icon5.png);}
#secret ul li i{display:block; width:1px; height:42px; margin:30px auto 0 auto; background:rgba(15,119,125,.4);}
#secret ul li h3{height:72px; line-height:36px; margin-top:24px; font-size:20px; text-align:center; overflow:hidden;}
#secret ul li:hover{height:506px; margin-top:-30px; padding:94px 0 134px 0; background:rgba(255,255,255,.5); border-radius:20px; box-shadow:0 0 16px rgba(15,119,125,.25);}
#secret ul li:hover:before,#secret ul li:hover + li:before{display:none;}

#service-tab{display:flex; height:80px; margin-top:60px; background:#fff; border-radius:40px; box-shadow:0 0 16px rgba(0,0,0,.08); overflow:hidden;}
#service-tab span{position:relative; flex:1; height:80px; line-height:80px; font-size:24px; text-align:center; cursor:pointer; overflow:hidden;}
#service-tab span:before{content:''; position:absolute; left:0; top:29px; display:block; width:1px; height:22px; background:#cfcfcf;}
#service-tab span:first-child:before{display:none;}
#service-tab span:hover{color:#0f777d;}
#service-tab span.current{background:#0f777d; border-radius:40px; color:#fff;}
#service-tab span.current a{
     color:#fff;
}
#service-tab span.current:before,#service-tab span.current + span:before{display:none;}

#service{margin-top:40px;}
#service .item{display:none;}
#service .left{width:690px;}
#service .left h2{position:relative; height:90px; line-height:90px; background:#d9b765; border-radius:10px; font-size:28px; text-align:center; color:#fff;}
#service .left h2:after{content:''; position:absolute; left:50%; bottom:-12px; transform:translateX(-50%); display:block; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:12px solid #d9b765;}
#service .left .img{position:relative; height:472px; margin-top:32px; overflow:hidden;}
#service .left .img ul li{position:absolute; height:226px; border-radius:10px; cursor:pointer; overflow:hidden;}
#service .left .img ul li:nth-child(1){left:0; top:0; width:380px;}
#service .left .img ul li:nth-child(2){right:0; top:0; width:290px;}
#service .left .img ul li:nth-child(3){left:0; bottom:0; width:290px;}
#service .left .img ul li:nth-child(4){right:0; bottom:0; width:380px;}
#service .left .img ul li img{max-width:none; height:226px; transition:all 0.3s linear;}
#service .left .img ul li:nth-child(1) img{width:380px;}
#service .left .img ul li:nth-child(2) img{width:290px;}
#service .left .img ul li:nth-child(3) img{width:290px;}
#service .left .img ul li:nth-child(4) img{width:380px;}
#service .left .img ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;}
#service .right{width:690px;}
#service .right h2{position:relative; height:90px; line-height:90px; background:#d9b765; border-radius:10px; font-size:28px; text-align:center; color:#fff;}
#service .right h2:after{content:''; position:absolute; left:50%; bottom:-12px; transform:translateX(-50%); display:block; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:12px solid #d9b765;}
#service .right .img{position:relative; height:472px; margin-top:32px; overflow:hidden;}
#service .right .img ul li{position:absolute; height:226px; border-radius:10px; cursor:pointer; overflow:hidden;}
#service .right .img ul li:nth-child(1){left:0; top:0; width:690px;}
#service .right .img ul li:nth-child(2){left:0; bottom:0; width:290px;}
#service .right .img ul li:nth-child(3){right:0; bottom:0; width:380px;}
#service .right .img ul li img{max-width:none; height:226px; transition:all 0.3s linear;}
#service .right .img ul li:nth-child(1) img{width:690px;}
#service .right .img ul li:nth-child(2) img{width:290px;}
#service .right .img ul li:nth-child(3) img{width:380px;}
#service .right .img ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;}

#watermelon{position:relative; height:640px; margin-top:60px; overflow:hidden;}
#watermelon ul li{position:absolute; border-radius:10px; cursor:pointer; overflow:hidden;}
#watermelon ul li:nth-child(1){left:0; top:0; width:456px; height:640px;}
#watermelon ul li:nth-child(2){left:476px; top:0; width:456px; height:310px;}
#watermelon ul li:nth-child(3){left:476px; bottom:0; width:456px; height:310px;}
#watermelon ul li:nth-child(4){right:0; top:0; width:448px; height:380px;}
#watermelon ul li:nth-child(5){right:0; bottom:0; width:448px; height:240px;}
#watermelon ul li img{max-width:none; transition:all 0.3s linear;}
#watermelon ul li:nth-child(1) img{width:456px; height:640px;}
#watermelon ul li:nth-child(2) img{width:456px; height:310px;}
#watermelon ul li:nth-child(3) img{width:456px; height:310px;}
#watermelon ul li:nth-child(4) img{width:448px; height:380px;}
#watermelon ul li:nth-child(5) img{width:448px; height:240px;}
#watermelon ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;}

#watermelon-more{width:294px; height:68px; line-height:68px; margin:60px auto 0 auto; background:#d9b765; border-radius:8px; font-size:18px; text-align:center; overflow:hidden;}
#watermelon-more a{display:block; color:#fff;}
#watermelon-more em{display:inline-block; padding-right:34px; background:url(img/arrow-r.png) no-repeat right center;}
#watermelon-more:hover{background:#0f777d;}

#camp{position:relative; height:680px; margin-top:60px; overflow:hidden;}
#camp ul li{position:absolute; border-radius:10px; cursor:pointer; overflow:hidden;}
#camp ul li:nth-child(1){left:0; top:0; width:450px; height:260px;}
#camp ul li:nth-child(2){left:0; bottom:0; width:450px; height:400px;}
#camp ul li:nth-child(3){right:0; top:0; width:930px; height:330px;}
#camp ul li:nth-child(4){right:0; bottom:0; width:450px; height:330px;}
#camp ul li img{max-width:none; transition:all 0.3s linear;}
#camp ul li:nth-child(1) img{width:450px; height:260px;}
#camp ul li:nth-child(2) img{width:450px; height:400px;}
#camp ul li:nth-child(3) img{width:930px; height:330px;}
#camp ul li:nth-child(4) img{width:450px; height:330px;}
#camp ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;}
#camp .text{position:absolute; left:470px; bottom:0; width:460px; height:330px; background:url(img/camp.png) no-repeat center #0f777d; border-radius:10px; overflow:hidden;}
#camp .text:after{content:''; position:absolute; left:16px; right:16px; top:16px; bottom:16px; display:block; border:1px solid rgba(255,255,255,.4); border-radius:8px;}

#wrap-concept{padding:60px 0 124px 0; background:url(img/concept-bg.jpg) no-repeat top center; background-size:cover;}
#wrap-concept .title h2{color:rgba(255,255,255,.6);}

#concept{display:flex; margin-top:110px; background:#fff; border-radius:20px; box-shadow:0 0 16px rgba(0,0,0,.08);}
#concept .left{width:324px; padding:48px 32px 40px 32px;}
#concept .left h2{height:32px; line-height:32px; font-size:30px; font-weight:bold; text-align:center; overflow:hidden;}
#concept .left ul{margin-top:28px;}
#concept .left ul li{position:relative; height:84px; line-height:84px; padding:0 24px 0 74px; background-repeat:no-repeat; background-position:left 24px center; font-size:22px; overflow:hidden;}
#concept .left ul li:before{content:''; position:absolute; left:0; right:0; top:0; display:block; height:0; border-top:1px dashed #ccc;}
#concept .left ul li:first-child:before{border-top:1px solid #dcdcdc;}
#concept .left ul li.md-icon1{background-image:url(img/md-icon1.png);}
#concept .left ul li.md-icon2{background-image:url(img/md-icon2.png);}
#concept .left ul li.md-icon3{background-image:url(img/md-icon3.png);}
#concept .left ul li.md-icon4{background-image:url(img/md-icon4.png);}
#concept .left ul li.md-icon5{background-image:url(img/md-icon5.png);}
#concept .left ul li.md-icon6{background-image:url(img/md-icon6.png);}
#concept .center{position:relative; flex:1; padding:48px 32px 40px 32px; background:#0f777d;}
#concept .center:before{content:''; position:absolute; left:0; right:0; top:-44px; display:block; height:44px; background:#0f777d; border-radius:20px 20px 0 0;}
#concept .center:after{content:''; position:absolute; left:0; right:0; bottom:-44px; display:block; height:44px; background:#0f777d; border-radius:0 0 20px 20px;}
#concept .center h2{height:32px; line-height:32px; font-size:30px; font-weight:bold; text-align:center; color:#fff; overflow:hidden;}
#concept .center ul{margin-top:28px;}
#concept .center ul li{position:relative; height:84px; line-height:84px; padding:0 12px 0 58px; background:url(img/check.png) no-repeat left 12px center; font-size:22px; color:#fff; overflow:hidden;}
#concept .center ul li:before{content:''; position:absolute; left:0; right:0; top:0; display:block; height:0; border-top:1px dashed rgba(255,255,255,.3);}
#concept .center ul li:first-child:before{border-top:1px solid rgba(255,255,255,.25);}
#concept .right{width:508px; padding:48px 32px 40px 32px;}
#concept .right h2{height:32px; line-height:32px; font-size:30px; font-weight:bold; text-align:center; overflow:hidden;}
#concept .right ul{margin-top:28px;}
#concept .right ul li{position:relative; height:84px; line-height:84px; padding:0 12px 0 58px; background:url(img/del.png) no-repeat left 12px center; font-size:22px; color:#666; overflow:hidden;}
#concept .right ul li:before{content:''; position:absolute; left:0; right:0; top:0; display:block; height:0; border-top:1px dashed #ccc;}
#concept .right ul li:first-child:before{border-top:1px solid #dcdcdc;}

#wrap-conditions{padding:60px 0 170px 0; background:url(img/conditions-bg.png) no-repeat bottom center;}

#conditions{position:relative; height:412px; margin-top:80px; background:url(img/conditions.png) no-repeat center;}
#conditions ul li{position:absolute; display:flex; align-items:center; cursor:pointer;}
#conditions ul li:nth-child(1){left:0; top:0;}
#conditions ul li:nth-child(2){left:338px; top:0;}
#conditions ul li:nth-child(3){left:694px; top:0;}
#conditions ul li:nth-child(4){left:1050px; top:0;}
#conditions ul li:nth-child(5){right:1038px; bottom:0;}
#conditions ul li:nth-child(6){right:692px; bottom:0;}
#conditions ul li:nth-child(7){right:346px; bottom:0;}
#conditions ul li:nth-child(8){right:0; bottom:0;}
#conditions ul li i{width:80px; height:80px; background-repeat:no-repeat; background-position:center; background-color:#0f777d; border-radius:50%;}
#conditions ul li i.cd-icon1{background-image:url(img/cd-icon1.png);}
#conditions ul li i.cd-icon2{background-image:url(img/cd-icon2.png);}
#conditions ul li i.cd-icon3{background-image:url(img/cd-icon3.png);}
#conditions ul li i.cd-icon4{background-image:url(img/cd-icon4.png);}
#conditions ul li i.cd-icon5{background-image:url(img/cd-icon5.png);}
#conditions ul li i.cd-icon6{background-image:url(img/cd-icon6.png);}
#conditions ul li i.cd-icon7{background-image:url(img/cd-icon7.png);}
#conditions ul li i.cd-icon8{background-image:url(img/cd-icon8.png);}
#conditions ul li p{line-height:30px; margin-left:18px; font-size:18px;}
#conditions ul li:hover p{color:#0f777d;}

#process{margin-top:60px; padding:0 82px; background:url(img/process.png) no-repeat top 152px center;}
#process ul{margin:-64px 0 0 -50px;}
#process ul li{float:left; width:270px; height:312px; margin:64px 0 0 50px; cursor:pointer; overflow:hidden;}
#process ul li span{display:block; margin:0 auto; width:196px; height:196px; padding:16px; border:2px solid #0f777d; border-radius:50%;}
#process ul li img{width:160px; height:160px; border-radius:50%;}
#process ul li h3{height:26px; line-height:26px; margin-top:22px; font-size:24px; font-weight:bold; text-align:center; color:#0f777d; overflow:hidden;}
#process ul li p{height:56px; line-height:28px; margin-top:12px; font-size:16px; text-align:center; overflow:hidden;}

#wrap-apply{padding:80px 0; background:url(img/apply-bg.jpg) no-repeat top center; background-size:cover;}

#apply{display:flex;}
#apply .left{width:700px; height:590px; overflow:hidden;}
#apply .left img{width:700px; height:590px;}
#apply .right{width:700px; height:590px; padding:52px 70px 70px 70px; background:#fff; overflow:hidden;}
#apply .right h2{height:42px; line-height:42px; font-family:'Georgia'; font-size:40px; text-transform:uppercase; font-weight:bold; color:#f1f1f1; white-space:nowrap;}
#apply .right h3{height:32px; line-height:32px; margin-top:4px; font-size:30px; font-weight:bold; color:#0f777d; overflow:hidden;}
#apply .right h4{height:18px; line-height:18px; margin-top:20px; font-size:16px; color:#666; overflow:hidden;}
#apply .right .item{margin-top:50px;}
#apply .right .item input.weo-input{display:block; width:100%; height:60px; line-height:60px; margin-bottom:20px; padding:0 20px; border-color:#dcdcdc; border-radius:8px; font-size:16px; color:#464646;}
#apply .right .item input.weo-input::-moz-placeholder{color:#999;}
#apply .right .item input.weo-input::-webkit-input-placeholder{color:#999;}
#apply .right .item input.weo-input::-ms-input-placeholder{color:#999;}
#apply .right .item button.weo-btn{display:block; width:100%; height:62px; line-height:62px; background:#0f777d; border:none; border-radius:8px; font-size:16px; color:#fff;}

.weo-tip{height:60px; padding:0 24px; border-radius:6px;}
.weo-tip-text{height:60px;}
.weo-tip-text i{width:24px; height:24px; margin-right:12px; background-size:24px 24px;}
.weo-tip-text span{height:18px; line-height:18px; font-size:16px;}

#sidebar{right:20px; top:50%; transform:translateY(-50%); z-index:99; background:#0f777d; border-radius:16px; box-shadow:0 0 20px rgba(0,0,0,.1); overflow:hidden;}
#sidebar .text{background:#d9b765; padding:30px 20px; border-radius:16px;}
#sidebar .text img{display:block; width:108px; height:60px; margin:0 auto;}
#sidebar .text h3{height:16px; line-height:16px; margin-top:18px; font-size:14px; text-align:center; color:#fff; overflow:hidden;}
#sidebar .item{margin-top:30px; padding:0 20px;}
#sidebar .item ul li{margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed rgba(255,255,255,.3);}
#sidebar .item ul li:last-child{margin-bottom:0; padding-bottom:0; border-bottom:none;}
#sidebar .item ul li h3{height:34px; line-height:34px; padding-left:44px; background-repeat:no-repeat; background-position:left center; font-size:16px; color:#fff; overflow:hidden;}
#sidebar .item ul li h4{height:22px; line-height:22px; margin-top:4px; padding-left:44px; font-size:20px; color:#fff; overflow:hidden;}
#sidebar .item ul li.user h3{background-image:url(img/user.png); font-size:20px;}
#sidebar .item ul li.user h4{height:18px; line-height:18px; font-size:16px;}
#sidebar .item ul li.tel h3{background-image:url(img/tel1.png);}
#sidebar .item ul li.qq h3{background-image:url(img/qq-icon1.png);}
#sidebar .qrcode{margin-top:30px; padding:0 20px 30px 20px;}
#sidebar .qrcode span{display:block; width:144px; height:144px; margin:0 auto; padding:5px; background:#fff; border-radius:10px; overflow:hidden;}
#sidebar .qrcode img{width:134px; height:134px;}
#sidebar .qrcode h3{height:18px; line-height:18px; margin-top:14px; font-size:16px; text-align:center; color:#fff; overflow:hidden;}

/*西瓜班详情*/

#watermelon-detail{display:flex; justify-content:space-between; align-items:center;}
#watermelon-detail .left{width:704px;}
#watermelon-detail .left h2{display:flex; align-items:center;}
#watermelon-detail .left h2 span{height:50px; line-height:50px; font-size:48px; font-weight:bold; overflow:hidden;}
#watermelon-detail .left h2 img{width:166px; height:86px;}
#watermelon-detail .left .text{line-height:36px; margin-top:48px; font-size:16px;}
#watermelon-detail .left .text p{margin-top:16px; text-indent:32px;}
#watermelon-detail .left .text p:first-child{margin-top:0;}
#watermelon-detail .right{position:relative; width:630px; height:428px; overflow:hidden;}
#watermelon-detail .right:after{content:''; position:absolute; left:30px; right:0; top:30px; bottom:0; display:block; background:#ed4c7c; border-radius:10px;}
#watermelon-detail .right video{position:relative; z-index:1; width:600px; height:398px; border-radius:10px;}

#watermelon-img{margin-top:60px;}
#watermelon-img .swiper-container{width:1400px; height:640px; overflow:hidden;}
#watermelon-img .swiper-wrapper{height:640px;}
#watermelon-img .swiper-slide{position:relative; width:1400px; height:640px; overflow:hidden;}
#watermelon-img .swiper-slide ul li{position:absolute; border-radius:10px; cursor:pointer; overflow:hidden;}
#watermelon-img .swiper-slide ul li:nth-child(1){left:0; top:0; width:456px; height:640px;}
#watermelon-img .swiper-slide ul li:nth-child(2){left:476px; top:0; width:456px; height:310px;}
#watermelon-img .swiper-slide ul li:nth-child(3){left:476px; bottom:0; width:456px; height:310px;}
#watermelon-img .swiper-slide ul li:nth-child(4){right:0; top:0; width:448px; height:380px;}
#watermelon-img .swiper-slide ul li:nth-child(5){right:0; bottom:0; width:448px; height:240px;}
#watermelon-img .swiper-slide ul li img{max-width:none; transition:all 0.3s linear;}
#watermelon-img .swiper-slide ul li:nth-child(1) img{width:456px; height:640px;}
#watermelon-img .swiper-slide ul li:nth-child(2) img{width:456px; height:310px;}
#watermelon-img .swiper-slide ul li:nth-child(3) img{width:456px; height:310px;}
#watermelon-img .swiper-slide ul li:nth-child(4) img{width:448px; height:380px;}
#watermelon-img .swiper-slide ul li:nth-child(5) img{width:448px; height:240px;}
#watermelon-img .swiper-slide ul li:hover img{transform:scale(1.08); transition:all 0.3s linear;}
#watermelon-img .swiper-pagination{position:initial; display:flex; justify-content:center; margin-top:36px; height:8px; overflow:hidden;}
#watermelon-img .swiper-pagination-bullet{width:60px; height:8px; margin:0 0 0 10px; background:#bababa; border-radius:4px; cursor:pointer; opacity:1;}
#watermelon-img .swiper-pagination-bullet:first-child{margin-left:0;}
#watermelon-img .swiper-pagination-bullet-active{background:#0f777d;}

.wrap-white.bt{border-top:1px solid #eaeaea;}

#certificate-title{height:58px; line-height:58px; font-size:56px; font-weight:bold; text-align:center; overflow:hidden;}

#certificate{display:flex; justify-content:center; align-items:center; margin-top:60px;}
#certificate-item{position:relative; width:838px; height:512px; margin:0 70px;}
#certificate-item ul li{position:absolute; left:838px; top:90px; display:none; width:0; height:0; border:6px solid #eee; cursor:pointer; overflow:hidden;}
#certificate-item ul li:nth-child(1){display:block; left:0; top:60px; width:280px; height:392px; z-index:96; transform:perspective(720px) rotateY(15deg);}
#certificate-item ul li:nth-child(2){display:block; left:118px; top:30px; width:324px; height:452px; z-index:97; transform:perspective(720px) rotateY(15deg);}
#certificate-item ul li:nth-child(3){display:block; left:236px; top:0; width:366px; height:512px; z-index:98;}
#certificate-item ul li:nth-child(4){display:block; left:396px; top:30px; width:324px; height:452px; z-index:97; transform:perspective(720px) rotateY(-15deg);}
#certificate-item ul li:nth-child(5){display:block; left:558px; top:60px; width:280px; height:392px; z-index:96; transform:perspective(720px) rotateY(-15deg);}
#certificate-item ul li img{width:0; max-width:none; height:0;}
#certificate-item ul li:nth-child(1) img{width:268px; height:380px;}
#certificate-item ul li:nth-child(2) img{width:312px; height:440px;}
#certificate-item ul li:nth-child(3) img{width:354px; height:500px;}
#certificate-item ul li:nth-child(4) img{width:312px; height:440px;}
#certificate-item ul li:nth-child(5) img{width:268px; height:380px;}
#c-prev,#c-next{width:40px; height:40px; background-repeat:no-repeat; background-position:center; cursor:pointer;}
#c-prev{background-image:url(img/prev3.png);}
#c-next{background-image:url(img/next3.png);}
#c-prev:hover{background-image:url(img/prev3-h.png);}
#c-next:hover{background-image:url(img/next3-h.png);}

/*底部样式*/

#footer{padding-top:60px; background:#e5e5e5;}
#f-logo img{width:336px; height:78px;}
#f-tel{margin-top:30px;}
#f-tel h3{height:20px; line-height:20px; font-size:18px; font-weight:bold; overflow:hidden;}
#f-tel h2{display:flex; align-items:center; height:32px; margin-top:10px; overflow:hidden;}
#f-tel h2 em{height:32px; line-height:32px; font-family:'Arial'; font-size:30px; font-weight:bold;}
#f-tel h2 span{height:20px; line-height:20px; font-size:18px; overflow:hidden;}
#f-qrcode img{display:block; width:134px; height:134px; margin:0 auto; border-radius:8px;}
#f-qrcode h3{height:18px; line-height:18px; margin-top:12px; font-size:16px; text-align:center; overflow:hidden;}
#copyright{display:flex; justify-content:space-between; align-items:center; height:75px; margin-top:36px; border-top:1px solid #d2d2d2;}
#copyright p{height:18px; line-height:18px; font-size:16px; overflow:hidden;}
#copyright a:hover{color:#0f777d;}
.join-nav ul li{margin-left: 50px !important;}
#page{ display:none;}
.sj-jmlc{ display:none;} 
#tabbar{ display:none;}
#sj-certificate{ display:none;}


@media (max-width:750px){
html{ font-size: 100% !important;}
body{font-size:16px;font-size:1.2rem ;}

.wrap-white{padding:0;width:100%; background:#fff;}
.wrap-gray{ padding:0;background:#f5f5f5;}
.wrapper{padding:1.5rem 1rem;width:100%; overflow:hidden;}
#header{ display:none;}
#page{ display:block; position:fixed ; z-index:9999; top:0; left:0; right:0; background-color:rgba(0,0,0,0.3); height:auto;}
#page .header{ padding:1rem 0.875rem;}
#page .header .logo{ text-align:left;}
#page .header .logo img{ width:auto; height:2.125rem;}
#page .header .home-jt{background: center center no-repeat transparent;background-image:url(img/btn.png)   ;background-size: 100% auto;display: block;width: 25px;height: 20px;position: absolute;top: 20px;right: 18px; cursor:pointer;}
#page #menu{ padding-bottom:0.5rem; display:none;}
#page #menu ul{display:flex; justify-content:space-between; flex-wrap:wrap;}
#page #menu ul li{ width:25%; height:2.5rem; line-height:2.5rem; text-align:center;}
#page #menu ul li a{ font-size:1rem; color:#fff;}

#banner,#banner .swiper-wrapper,#banner .swiper-slide,#banner .swiper-slide img{ height:15rem;}
#characteristic{ margin:0;background-size: 50%; padding:0;}
.title h2{ font-size:2rem;}
.title h3{ font-size:2rem;margin-top: -3.125rem;}
#characteristic .item{ margin-top:1rem;}
#characteristic .item ul{ margin:0; display:flex; justify-content:space-between; flex-wrap:wrap;}
#characteristic .item ul li{ display:block; width:49%; padding:0; height:17rem; margin-bottom:2px;}
#characteristic .item ul li:nth-child(3),#characteristic .item ul li:nth-child(4){ height:21rem;}
#characteristic .item ul li:nth-child(5),#characteristic .item ul li:nth-child(6){ height:18rem;}

#characteristic .item ul li i{ width:100%; height:10rem; background-size:62%; display:block;}
#characteristic .item ul li section h3{ text-align:center; font-size:1rem;}
#characteristic .item ul li section em{ margin:0.5rem auto;}
#characteristic .item ul li section .text{ font-size:0.875rem; line-height:1.5rem;}
#characteristic .item ul li section{ margin-left:0; padding:0 0.5rem;}
.wrap-white.p1{ padding:0 0 1.25rem 0;}
#campus-l{ margin-top:0; width:100%; height:8rem;}
#campus-l ul li{ width:50%; height:8rem;}
#campus-l ul li img{ width:100%; height:100%;}
#campus-l ul li h3{ height:2.625rem; padding:0.625rem; font-size:1rem;}
#campus-r{width:100%; height:8rem;}
#campus-r ul li{ width:50%; height:8rem;}
#campus-r ul li img{ width:100%; height:100%;}
#campus-r ul li h3{ height:2.625rem; padding:0.625rem; font-size:1rem;}
#wrap-teacher{ padding:0;}
#teacher{ margin-top:1rem;}
#teacher img{ width:100%; height:auto;}
#teacher h3{ font-size:0.875rem;letter-spacing: 6px;}
.wrap-gray.p1{ padding:0;}
#manage-tab{display:flex; justify-content:flex-start;  flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap; height:3.75rem; line-height:3.75rem;margin-top: 16px;}
#manage-tab::-webkit-scrollbar{ display:none;}
#manage-tab span{width:auto;height:3.75rem; line-height:3.75rem;text-align: center;cursor: pointer; box-sizing: border-box; padding: 0 1rem;overflow: visible;font-size:1rem;}
#manage-tab span:before{top:1.125rem;}
#manage{ margin-top:2rem;}
#manage .manage1 ul li{ width:20%;height: 9rem;padding: 0.875rem 0;}
#manage .manage1 ul li i{width: 54%;height: 32%;background-size: 1.25rem;}
#manage .manage1 ul li h3{height:auto;margin-top: 11px;font-size: 12px;}
#manage .manage1 ul li h4{height:auto;margin-top: 4px;font-size: 12px;}
#manage .manage1 ul li:nth-child(2):before, #manage .manage1 ul li:nth-child(4):before{ top:1.6875rem;border-left: 6px solid #0f777d; border-top: 4px solid transparent; border-bottom: 4px solid transparent;}
#manage .manage1 ul li:nth-child(3):before, #manage .manage1 ul li:nth-child(5):before{ top:1.6875rem;border-left: 6px solid #fff; border-top: 4px solid transparent; border-bottom: 4px solid transparent;}
#manage .manage1 ul li:nth-child(6):after, #manage .manage1 ul li:nth-child(8):after{ top:1.6875rem;border-right: 6px solid #0f777d; border-top: 4px solid transparent; border-bottom: 4px solid transparent;}
#manage .manage1 ul li:nth-child(7):after, #manage .manage1 ul li:nth-child(9):after{ top:1.6875rem;border-right: 6px solid #fff; border-top: 4px solid transparent; border-bottom: 4px solid transparent;}
#manage .manage1 ul li:nth-child(10):before{border-top: 6px solid #0f777d; border-top: 4px solid transparent; border-bottom: 4px solid transparent;}


#activity-tab{display:flex; justify-content:flex-start;  flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap; height:3.75rem; line-height:3.75rem;margin-top: 16px;}
#activity-tab::-webkit-scrollbar{ display:none;}
#activity-tab span{width:auto;height:3.75rem; line-height:3.75rem;text-align: center;cursor: pointer; box-sizing: border-box; padding: 0 1rem;overflow: visible;font-size:1rem;}
#activity-tab span:before{top:1.125rem;}
#activity{ margin-top:2rem;}
#activity .item{ height:16.5rem;}
#activity .item ul li:nth-child(1){width: 30%; height: 10rem}
#activity .item ul li:nth-child(2){width: 30%;height: 6rem;}
#activity .item ul li:nth-child(3){left: 32%;width: 40%;height: 8rem;}
#activity .item ul li:nth-child(4){left: 32%;width: 30%;height: 8rem;}
#activity .item ul li:nth-child(5){width: 26%;height: 8rem;}
#activity .item ul li:nth-child(6){width: 36%; height: 8rem;}
#activity .item ul li:nth-child(1) img,#activity .item ul li:nth-child(2) img,#activity .item ul li:nth-child(3) img,#activity .item ul li:nth-child(4) img,#activity .item ul li:nth-child(5) img,#activity .item ul li:nth-child(6) img{width:100%; height:100%;}
#wrap-video{ padding-top:0;}
#video{height: 19rem;background-size: cover; margin-top:1.125rem; padding-top:0.65rem; }
#video .swiper-container{ margin:0 -260px;}
#video .swiper-slide{ width:36%; height:12.5rem;}
#video .swiper-slide video{ width:100% !important; height:100%;border-radius:7px;}
#video .swiper-button-prev, #video .swiper-button-next{ top:20%; width:2.25rem;}
#video .swiper-button-prev{ left:-4px;}
#video .swiper-button-next{ right:-4px;}
.wrap-white.p2{ padding:0;}
#about{ display:block;}
#about .left{ width:100%; height:15rem;}
#about .left img{ width:98%; height:100%;}
#about .right{width:100%; height:auto;}
#about .right h2{ font-size:3rem;height: 6rem;line-height: 6rem;}
#about .right h2 span{ font-size:2rem;margin-top: -3.125rem;bottom: 5px;}
#about .right h3{ font-size:1rem;}
#about .right .text{ margin-top:0.625rem;}
#wrap-about{ padding:0;}
#about-icon ul li{ width:32%;}
#about-icon ul li i{width: 5rem; height: 5rem;background-size: 2rem;}
#about-icon ul li h3{ margin-top:0.625rem; font-size:1rem; }
#about-icon ul li h4{ font-size:0.65rem; margin-top:4px;}
#about-icon ul li p{ height:auto; font-size:0.875rem; line-height:1.5rem;-webkit-line-clamp: 4; margin-top:0.5rem;}
#f-logo img{ width:auto; height:40px;}
#footer{ padding-top:1.25rem; margin-bottom:4.5rem;}
#f-tel h3{ font-size:1rem;}
#f-tel h2 em{ font-size:1.5rem;} 
#f-qrcode img{ width:120px; height:120px;}
#copyright{ display:block; margin-top:1.25rem; padding-top:1.25rem;}
#copyright p{ height:auto; font-size:0.875rem; line-height:1.5rem;}
#lm-banner{ height:13rem;}
#location .wrapper{ padding:0 1rem;}
#campus-detail h1{ font-size:2rem;}
.wrap-white.p3{ padding:0 0 1rem 0;}
#campus-detail .text{ margin-top:0.875rem; line-height:2rem;}
#campus-detail .img{ height:16.5rem;}
#campus-detail .img ul li:nth-child(1){width: 30%; height: 10rem}
#campus-detail .img ul li:nth-child(2){width: 30%;height: 6rem;}
#campus-detail .img ul li:nth-child(3){left: 32%;width: 40%;height: 8rem;}
#campus-detail .img ul li:nth-child(4){left: 32%;width: 30%;height: 8rem;}
#campus-detail .img ul li:nth-child(5){width: 26%;height: 8rem;}
#campus-detail .img ul li:nth-child(6){width: 36%; height: 8rem;}
#campus-detail .img ul li:nth-child(1) img,#campus-detail .img ul li:nth-child(2) img,#campus-detail .img ul li:nth-child(3) img,#campus-detail .img ul li:nth-child(4) img,#campus-detail .img ul li:nth-child(5) img,#campus-detail .img ul li:nth-child(6) img{width:100%; height:100%;}


/*合作加盟*/

#sidebar{ display:none;}
#join-banner,#join-banner .swiper-wrapper,#join-banner .swiper-slide,#join-banner .swiper-slide img{ height:15rem;}
#wrap-history{ padding:0;}
#history{  margin-top:1.25rem; height:325px;}
#history .swiper-container{ width:100%;}
#history .swiper-slide .img{ width:100%; height:8rem;}
#history .swiper-slide .img img{ width:100%;  height:100%;}
#history:after { top:160px;}
#history .swiper-slide:before{ top:150px;}
#history .swiper-slide:nth-child(even):after{ bottom:37px;}
#history .swiper-slide:after{ top:47px;}
#history .swiper-slide .text{ top:65px;}
#history .swiper-slide:nth-child(even) .text{bottom: 66px;}
#history .swiper-slide .text h3{ font-size:1.25rem;}
#history .swiper-slide .text h4{ font-size:0.875rem; height:auto; white-space: normal; margin-top:5px;}
#history .swiper-button-prev, #history .swiper-button-next{top: 145px;width: 47px;height: 32px;background-size: 60%;background-color:rgba(15,119,125,0.5);}
#history .swiper-slide{ height:310px;}
#wrap-secret{ padding:2rem 0;}
#secret{ margin-top:2rem;}
#secret ul{ display:flex; justify-content:start; flex-wrap:wrap;padding:0; height:auto;}
#secret ul li{ width:33%;  height:auto; padding:0.875rem 0;}
#secret ul li em{background-size:60%; width:6.25rem; height:6rem;}
#secret ul li i{ height:1.25rem; margin:1rem auto 0 auto;}
#secret ul li h3{font-size:0.875rem; line-height:1.375rem;margin-top:0.625rem; height:auto;}
#branche{ display:block;}
#branche .left{ width:100%; height:auto;}
#branche .left img{ width:100%; height:100%;}
#branche .right{ width:100%; height:22rem; margin-top:1.25rem;}
#branche .right .scroll{ height:20rem;}
#service-tab{display:flex; justify-content:flex-start;  flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap; height:3.75rem; line-height:3.75rem;margin-top: 16px;}
#service-tab::-webkit-scrollbar{ display:none;}
#service-tab span{width:auto;height:3.75rem; line-height:3.75rem;text-align: center;cursor: pointer; box-sizing: border-box; padding: 0 1rem;overflow: visible;font-size:1rem;}
#service-tab span:before{ top:1.25rem;}
#service{ margin-top:1.5rem;}
.noweo-flex{ display:block;}
#service .left{ width:100%;}
#service .right{ width:100%; margin-top:1.25rem;}
#service .left h2{ height:3rem; line-height:3rem; font-size:1.125rem;}
#service .right h2{ height:3rem; line-height:3rem; font-size:1.125rem;}
#service .left .img{ height:16.5rem;}
#service .left .img ul li:nth-child(1){ width:60%;}
#service .left .img ul li{ height:8rem;}
#service .left .img ul li:nth-child(2){ width:38%;}
#service .left .img ul li:nth-child(3){ width:38%;}
#service .left .img ul li:nth-child(4){ width:60%;}
#service .left .img ul li img,#service .right .img ul li img{ width:100% !important; height:100% !important;}
#service .right .img ul li:nth-child(1){ width:100%; }
#service .right .img ul li{ height:14rem;}
#service .right .img ul li:nth-child(2){ width:38%; height:8rem;}
#service .right .img ul li:nth-child(3){ width:60%;height:8rem;}
#service .right .img{ height:22.5rem;}
.title h4{ margin-top:0; font-size:1.125rem;}
#watermelon{ margin-top:1.25rem; height:15rem;}
#watermelon ul li:nth-child(1){ width:32%; height:15rem;}
#watermelon ul li:nth-child(2){ width:32%; height:7.25rem; left:34%;}
#watermelon ul li:nth-child(3){ width:32%; height:7.25rem; left:34%;}
#watermelon ul li:nth-child(4){ width:32%; height:10rem; }
#watermelon ul li:nth-child(5){ width:32%; height:4.5rem; }
#watermelon ul li:nth-child(1) img,#watermelon ul li:nth-child(2) img,#watermelon ul li:nth-child(2) img,#watermelon ul li:nth-child(3) img,#watermelon ul li:nth-child(4) img,#watermelon ul li:nth-child(5) img{ width:100% !important; height:100%!important; }
#watermelon-more{width: 10rem; height: 3rem; line-height: 3rem; margin:2rem auto 0 auto}
#camp{ margin-top:1.25rem; height:15rem;}
#camp ul li:nth-child(1){ width:32%; height:7.5rem;}
#camp ul li:nth-child(2){ width:32%; height:7rem;}
#camp ul li:nth-child(3){ width:66%; height:8rem;}
#camp ul li:nth-child(4){width:32%; height:6.5rem;}
#camp .text{ width:32%; left:34%;height:6.5rem;background-size: 80%;}
#camp ul li img{ width:100% !important; height:100% !important;}
#camp .text:after{ left:0.5rem; right:0.5rem;top:0.5rem; bottom:0.5rem;background-size: 80%;}
#wrap-concept{ padding:0 0 1rem 0;}
#concept{ margin-top:50px;}
#concept .left{ width:26%; padding:20px 10px;}
#concept .left h2{ font-size:18px;} 
#concept .left ul li{ height:88px;line-height: 24px;padding: 20px 10px 0 38px;background-position: left center ;font-size: 14px; background-size:1.5rem;}
#concept .center{padding: 19px 10px 40px 9px;width: 41%;}
#concept .center h2{font-size:18px;}
#concept .center ul li{height: 88px;line-height: 24px;padding: 14px 12px 0 29px;font-size: 14px; background: url(img/check.png) no-repeat 0 19px;background-size: 1.25rem;}
#concept .right{width: 33%;padding: 22px 10px 40px 10px}
#concept .right h2{ font-size:18px;} 
#concept .right ul li{height: 88px;line-height: 24px; padding: 11px 0px 0 24px;background: url(img/del.png) no-repeat 0 14px;font-size: 14px;background-size: 1.25rem;}
#concept .center:before{ top:-20px;}
#concept .center:after{ bottom:-15px;}
#wrap-conditions{padding:0 0 5rem 0;}
#conditions{ height:auto; margin-top:2rem; background:none;}
#conditions ul{ display:flex; justify-content:space-between; flex-wrap:wrap;}
#conditions ul li{position: inherit; width:50%; margin-bottom:1.25rem;}
#conditions ul li i{ width:60px; height:60px; background-size:1.75rem;}
#conditions ul li p{ font-size:0.875rem; line-height:1.5rem;}
.pc-jmlc{ display:none;}
.sj-jmlc{ display:block;margin-top:-3rem;}
#process{ background:none; padding:0; margin-top:2rem;}
#process ul{ margin:0; display:flex; justify-content:start; flex-wrap:wrap;}
#process ul li{ margin:0 0 1.25rem 0; width:50%; height:auto;}
#process ul li{ float:none; width:33%; }
#process ul li span{width:6rem; height:6rem;}
#process ul li img{width:100%; height:100%; margin:0 auto}
#process ul li h3{ font-size:1.125rem; margin-top:1rem;}
#process ul li p{ font-size:0.875rem; margin-top:0; line-height:24px; height:auto;}
#wrap-apply{ padding:20px 0;}
#apply{ display:block;}
#apply .left{ width:100%; height:15rem;}
#apply .left img{ width:100%; height:100%;}
#apply .right{ width:100%; height:auto; padding:1.5rem;}
#apply .right .item{ margin-top:1.5rem;}
#apply .right .item input.weo-input{ height:2.5rem; line-height:2.5rem; margin-bottom:1rem; font-size:0.875rem;}
#apply .right .item button.weo-btn{ height:2.5rem; line-height:2.5rem; font-size:0.875rem;}
#tabbar{ display:block; left:0; right:0; bottom:0; height:5rem; margin-left:auto; margin-right:auto; padding:1rem 0; background:#fff; border-top:0.0625rem solid #e1e1e1; z-index:997; position: fixed;}
#tabbar dl{ display:flex; justify-content:space-between;}
#tabbar dl dd{ width:25%; text-align:center; position:relative;}
#tabbar dl dd em{ display:block; width:35px; height:30px; margin:0 auto;}
#tabbar dl dd:nth-child(1) em{ background:url(img/lxr-icon.png) no-repeat; background-size:80% auto;}
#tabbar dl dd:nth-child(2) em{ background:url(img/s-tel.png) no-repeat; background-size:70% auto;}
#tabbar dl dd:nth-child(3) em{ background:url(img/qq.png) no-repeat; background-size:80% auto;}
#tabbar dl dd:nth-child(4) em{ background:url(img/wechat.png) no-repeat; background-size:80% auto;}

#tabbar dl dd h3{ font-size:0.875rem; color:#333;}
.sj-yk{ display:none; position:absolute; bottom:4.25rem; width:100%; height:4rem; background:#fff; overflow:hidden; border-radius:0.65rem; padding:0.65rem 0; box-shadow:10px 0 20px #ccc;}
.sj-yk h2{ font-size:1rem; color:#333; height:1.5rem; line-height:1.5rem;}
.sj-yk p{ font-size:0.875rem; color:#666;}
.sj-yk-img{ width:100%; height:7rem;}
.sj-yk-img img{ width:90%; height:auto;}
.wrap-white.p4{ padding:1rem 0;}
#watermelon-detail{ display:block;}
#watermelon-detail .left{ width:100%; height:auto;}
#watermelon-detail .left h2 span{ font-size:2rem;}
#watermelon-detail .left h2 img{width: auto; height: 50px;}
#watermelon-detail .left .text{ margin-top:2rem; line-height:2rem; font-size:0.875rem;}
#watermelon-detail .right{ width:100%; height:auto;}
#watermelon-detail .right video{ width:100%; height:15rem;}

#watermelon-img .swiper-container{ width:100%;height:15rem;}
#watermelon-img .swiper-slide{height:15rem;}
#watermelon-img .swiper-slide ul li:nth-child(1){ width:32%; height:15rem;}
#watermelon-img .swiper-slide ul li:nth-child(2){ width:32%; height:7.25rem; left:34%;}
#watermelon-img .swiper-slide ul li:nth-child(3){ width:32%; height:7.25rem; left:34%;}
#watermelon-img .swiper-slide ul li:nth-child(4){ width:32%; height:10rem; }
#watermelon-img .swiper-slide ul li:nth-child(5){ width:32%; height:4.5rem; }
#watermelon-img .swiper-slide ul li:nth-child(1) img,#watermelon-img .swiper-slide ul li:nth-child(2) img,#watermelon-img .swiper-slide ul li:nth-child(3) img,#watermelon-img .swiper-slide ul li:nth-child(4) img,#watermelon-img .swiper-slide ul li:nth-child(5) img{ width:100% !important; height:100%!important; }

#certificate-title{ font-size:2rem;}
#certificate{ display:none;}
#sj-certificate{ display:block; margin-top:1.25rem;}
#sj-certificate-item{ width:100%;}
#sj-certificate-item ul{ display:flex; justify-content:space-between; flex-wrap:wrap;}
#sj-certificate-item ul li{ width:48%; height:17rem; margin-bottom:1.25rem;}
#sj-certificate-item ul li img{ width:90%; height:auto; margin:0 auto;}



}




@media screen and (min-width: 751px) and (max-width: 820px){
.wrapper{ width: 100%; padding: 10px;}
#logo{ left:15px;}
#nav{ right:15px; top:26px;}
#logo img{ width:auto; height:35px;}
#nav ul li{ margin-left: 16px;font-size: 16px;}
#lm-banner{ height:400px;}
#location .wrapper{ padding:0 12px;}
#campus-detail h1{ font-size:26px;}
#campus-detail .img{ height:16.5rem;}
#campus-detail .img ul li:nth-child(1){width: 30%; height: 10rem}
#campus-detail .img ul li:nth-child(2){width: 30%;height: 6rem;}
#campus-detail .img ul li:nth-child(3){left: 32%;width: 40%;height: 8rem;}
#campus-detail .img ul li:nth-child(4){left: 32%;width: 30%;height: 8rem;}
#campus-detail .img ul li:nth-child(5){width: 26%;height: 8rem;}
#campus-detail .img ul li:nth-child(6){width: 36%; height: 8rem;}
#campus-detail .img ul li:nth-child(1) img,#campus-detail .img ul li:nth-child(2) img,#campus-detail .img ul li:nth-child(3) img,#campus-detail .img ul li:nth-child(4) img,#campus-detail .img ul li:nth-child(5) img,#campus-detail .img ul li:nth-child(6) img{width:100%; height:100%;}

#banner,#banner .swiper-wrapper,#banner .swiper-slide,#banner .swiper-slide img{ height:460px;}
#characteristic {margin: -50px 10px 0 10px;background-size: 50%; padding:0;}
#banner .swiper-button-prev, #banner .swiper-button-next{ top:50%;}
.title h2{ font-size:50px;}
.title h3{ font-size:36px;}
#characteristic .item{ margin-top:1rem;}
#characteristic .item ul{ margin:0; display:flex; justify-content:space-between; flex-wrap:wrap;}
#characteristic .item ul li{ width:32%; margin-bottom:5px; padding:20px 0 20px 0; height:200px;}

#characteristic .item ul li i{ width:35%; height:86px; background-size:80%; display:block;}
#characteristic .item ul li section h3{ font-size:1rem;}
#characteristic .item ul li section em{ margin:0.5rem 0;}
#characteristic .item ul li section .text{ font-size:0.875rem; line-height:1.5rem;}
#characteristic .item ul li section{ margin-left:0; padding:0 0.5rem;}
#teacher img{ width:100%; height:auto;}

.wrap-white.p1{ padding:0 0 1.25rem 0;}
#campus-l{ margin-top:0; width:100%; height:15rem;}
#campus-l ul li{ width:50%; height:15rem;}
#campus-l ul li img{ width:100%; height:100%;}
#campus-l ul li h3{ height:2.625rem; padding:0.625rem; font-size:1rem;}
#campus-r{width:100%; height:15rem;}
#campus-r ul li{ width:50%; height:15rem;}
#campus-r ul li img{ width:100%; height:100%;}
#campus-r ul li h3{ height:2.625rem; padding:0.625rem; font-size:1rem;}
#wrap-teacher{ padding:0;}
#teacher{ margin-top:1rem;}
#teacher img{ width:100%; height:auto;}
#teacher h3{ font-size:0.875rem;letter-spacing: 6px;}
.wrap-gray.p1{ padding:0;}
#manage-tab{display:flex; justify-content:flex-start;  flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap; height:3.75rem; line-height:3.75rem;margin-top: 16px;}
#manage-tab::-webkit-scrollbar{ display:none;}
#manage-tab span{width:auto;height:3.75rem; line-height:3.75rem;text-align: center;cursor: pointer; box-sizing: border-box; padding: 0 1rem;overflow: visible;font-size:1rem;}
#manage-tab span:before{top:1.125rem;}
#manage{ margin-top:2rem;}
#manage .manage1 ul li{ width:20%;height: 12rem;padding: 0.875rem 0;}
#manage .manage1 ul li i{width: 54%;height: 54%;background-size: 2rem;}
#manage .manage1 ul li h3{height:auto;margin-top: 11px;font-size: 12px;}
#manage .manage1 ul li h4{height:auto;margin-top: 4px;font-size: 12px;}
#manage .manage1 ul li:nth-child(2):before, #manage .manage1 ul li:nth-child(4):before{ top:1.6875rem;border-left: 6px solid #0f777d; border-top: 4px solid transparent; border-bottom: 4px solid transparent;}
#manage .manage1 ul li:nth-child(3):before, #manage .manage1 ul li:nth-child(5):before{ top:1.6875rem;border-left: 6px solid #fff; border-top: 4px solid transparent; border-bottom: 4px solid transparent;}
#manage .manage1 ul li:nth-child(6):after, #manage .manage1 ul li:nth-child(8):after{ top:1.6875rem;border-right: 6px solid #0f777d; border-top: 4px solid transparent; border-bottom: 4px solid transparent;}
#manage .manage1 ul li:nth-child(7):after, #manage .manage1 ul li:nth-child(9):after{ top:1.6875rem;border-right: 6px solid #fff; border-top: 4px solid transparent; border-bottom: 4px solid transparent;}
#manage .manage1 ul li:nth-child(10):before{border-top: 6px solid #0f777d; border-top: 4px solid transparent; border-bottom: 4px solid transparent;}


#activity-tab{display:flex; justify-content:flex-start;  flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap; height:3.75rem; line-height:3.75rem;margin-top: 16px;}
#activity-tab::-webkit-scrollbar{ display:none;}
#activity-tab span{width:auto;height:3.75rem; line-height:3.75rem;text-align: center;cursor: pointer; box-sizing: border-box; padding: 0 1rem;overflow: visible;font-size:1rem;}
#activity-tab span:before{top:1.125rem;}
#activity{ margin-top:2rem;}
#activity .item{ height:34.5rem;}
#activity .item ul li:nth-child(1){width: 30%; height: 22rem}
#activity .item ul li:nth-child(2){width: 30%;height: 12rem;}
#activity .item ul li:nth-child(3){left: 31%;width: 40%;height: 18rem;}
#activity .item ul li:nth-child(4){left: 31%;width: 30%;height: 16rem;}
#activity .item ul li:nth-child(5){width: 28%;height:18rem;}
#activity .item ul li:nth-child(6){width: 38%; height: 16rem;}
#activity .item ul li:nth-child(1) img,#activity .item ul li:nth-child(2) img,#activity .item ul li:nth-child(3) img,#activity .item ul li:nth-child(4) img,#activity .item ul li:nth-child(5) img,#activity .item ul li:nth-child(6) img{width:100%; height:100%;}
#wrap-video{ padding-top:30px;}
#video{height: 38rem;background-size: cover; margin-top:1.125rem; padding-top:0.65rem; }
#video .swiper-container{ margin:0 -260px;}
#video .swiper-slide{ width:48%; height:29.5em;}
#video .swiper-slide video{ width:100% !important; height:100%;border-radius:7px;}
#video .swiper-button-prev, #video .swiper-button-next{ top:20%; width:2.25rem;}
#video .swiper-button-prev{ left:-4px;}
#video .swiper-button-next{ right:-4px;}
.wrap-white.p2{ padding:1.5rem 0;}
#about{ }
#about .left{ width:45%; height:22rem; overflow:visible}
#about .left img{ width:98%; height:100%;}
#about .left:after{ bottom:-10px;}
#about .right{width:53%; height:auto;}
#about .right h2{ font-size:2rem;height: 3rem;line-height: 3rem;}
#about .right h2 span{ font-size:1.5rem;margin-top: -3.125rem;bottom: 0;}
#about .right h3{ font-size:1rem;}
#about .right .text{ margin-top:0.625rem; font-size:14px; line-height:1.75rem; height:auto;}
#wrap-about{ padding:30px 0;}
#about-icon ul li{ width:32%;}
#about-icon ul li i{width: 5rem; height: 5rem;background-size: 2rem;}
#about-icon ul li h3{ margin-top:0.625rem; font-size:1rem; }
#about-icon ul li h4{ font-size:0.65rem; margin-top:4px;}
#about-icon ul li p{ height:auto; font-size:0.875rem; line-height:1.5rem;-webkit-line-clamp: 4; margin-top:0.5rem;}
#f-logo img{ width:auto; height:40px;}
#footer{ padding-top:1.25rem;margin-bottom:4.5rem;}
#f-tel h3{ font-size:1rem;}
#f-tel h2 em{ font-size:1.5rem;} 
#f-qrcode img{ width:120px; height:120px;}
#copyright{ margin-top:1.25rem; padding-top:1.25rem;}
#copyright p{ height:auto; font-size:0.875rem; line-height:1.5rem;}
#lm-banner{ height:20rem;}




/*合作加盟*/

#sidebar{ display:none;}
#join-banner,#join-banner .swiper-wrapper,#join-banner .swiper-slide,#join-banner .swiper-slide img{ height:26rem;}
.join-nav ul li{margin-left: 20px !important;}
#wrap-history{ padding:0;}
#history{  margin-top:1.25rem; height:325px;}
#history .swiper-container{ width:100%;}
#history .swiper-slide .img{ width:100%; height:8rem;}
#history .swiper-slide .img img{ width:100%;  height:100%;}
#history:after { top:160px;}
#history .swiper-slide:before{ top:150px;}
#history .swiper-slide:nth-child(even):after{ bottom:37px;}
#history .swiper-slide:after{ top:47px;}
#history .swiper-slide .text{ top:65px;}
#history .swiper-slide:nth-child(even) .text{bottom: 66px;}
#history .swiper-slide .text h3{ font-size:1.25rem;}
#history .swiper-slide .text h4{ font-size:0.875rem; height:auto; white-space: normal; margin-top:5px;}
#history .swiper-button-prev, #history .swiper-button-next{top: 145px;width: 47px;height: 32px;background-size: 60%;background-color:rgba(15,119,125,0.5);}
#history .swiper-slide{ height:310px;}
#wrap-secret{ padding:5rem 0 3rem 0;}
#secret{ margin-top:2rem;height: 16rem;}
#secret ul{ display:flex; justify-content:start; flex-wrap:nowrap;padding:0; height:auto;}
#secret ul li{ width:24%;  height:auto; padding:0.875rem 0;}
#secret ul li em{background-size:60%; width:6.25rem; height:6rem;}
#secret ul li i{ height:1.25rem; margin:1rem auto 0 auto;}
#secret ul li h3{font-size:0.875rem; line-height:1.375rem;margin-top:0.625rem; height:auto;}
#branche{ }
#branche .left{ width:48%; height:auto;}
#branche .left img{ width:100%; height:100%;}
#branche .right{ width:50%; height:20rem; margin-top:1.25rem;}
#service-tab{display:flex; justify-content:flex-start;  flex-wrap: nowrap; overflow-x:auto;overflow-y: hidden; white-space: nowrap; height:3.75rem; line-height:3.75rem;margin-top: 16px;}
#service-tab::-webkit-scrollbar{ display:none;}
#service-tab span{width:auto;height:3.75rem; line-height:3.75rem;text-align: center;cursor: pointer; box-sizing: border-box; padding: 0 1rem;overflow: visible;font-size:1rem;}
#service-tab span:before{ top:1.25rem;}
#service{ margin-top:1.5rem;}
/*.noweo-flex{ display:block;}*/
#service .left{ width:49%;}
#service .right{ width:49%; }
#service .left h2{ height:3rem; line-height:3rem; font-size:1.125rem;}
#service .right h2{ height:3rem; line-height:3rem; font-size:1.125rem;}
#service .left .img{ height:16.5rem;}
#service .left .img ul li:nth-child(1){ width:60%;}
#service .left .img ul li{ height:8rem;}
#service .left .img ul li:nth-child(2){ width:38%;}
#service .left .img ul li:nth-child(3){ width:38%;}
#service .left .img ul li:nth-child(4){ width:60%;}
#service .left .img ul li img,#service .right .img ul li img{ width:100% !important; height:100% !important;}
#service .right .img ul li:nth-child(1){ width:100%; }
#service .right .img ul li{ height:14rem;}
#service .right .img ul li:nth-child(2){ width:38%; height:8rem;}
#service .right .img ul li:nth-child(3){ width:60%;height:8rem;}
#service .right .img{ height:22.5rem;}
.title h4{ margin-top:0; font-size:1.125rem;}
#watermelon{ margin-top:1.25rem; height:26rem;}
#watermelon ul li:nth-child(1){ width:32%; height:26rem;}
#watermelon ul li:nth-child(2){ width:32%; height:12rem; left:34%;}
#watermelon ul li:nth-child(3){ width:32%; height:13rem; left:34%;}
#watermelon ul li:nth-child(4){ width:32%; height:16rem; }
#watermelon ul li:nth-child(5){ width:32%; height:9rem; }
#watermelon ul li:nth-child(1) img,#watermelon ul li:nth-child(2) img,#watermelon ul li:nth-child(2) img,#watermelon ul li:nth-child(3) img,#watermelon ul li:nth-child(4) img,#watermelon ul li:nth-child(5) img{ width:100% !important; height:100%!important; }
#watermelon-more{width: 10rem; height: 3rem; line-height: 3rem; margin:2rem auto 0 auto}
#camp{ margin-top:1.25rem; height:28.5rem;}
#camp ul li:nth-child(1){ width:32%; height:11.5rem;}
#camp ul li:nth-child(2){ width:32%; height:16rem;}
#camp ul li:nth-child(3){ width:66%; height:14rem;}
#camp ul li:nth-child(4){width:32%; height:13rem;}
#camp .text{ width:32%; left:34%;height:13rem;background-size: 80%;}
#camp ul li img{ width:100% !important; height:100% !important;}
#camp .text:after{ left:0.5rem; right:0.5rem;top:0.5rem; bottom:0.5rem;background-size: 80%;}
#wrap-concept{ padding:0 0 1rem 0;}
#concept{ margin-top:50px;}
#concept .left{ width:26%; padding:20px 10px;}
#concept .left h2{ font-size:18px;} 
#concept .left ul li{ height:88px;line-height: 24px;padding: 20px 10px 0 38px;background-position: left center ;font-size: 14px; background-size:1.5rem;}
#concept .center{padding: 19px 10px 40px 9px;width: 41%;}
#concept .center h2{font-size:18px;}
#concept .center ul li{height: 88px;line-height: 24px;padding: 14px 12px 0 29px;font-size: 14px; background: url(img/check.png) no-repeat 0 19px;background-size: 1.25rem;}
#concept .right{width: 33%;padding: 22px 10px 40px 10px}
#concept .right h2{ font-size:18px;} 
#concept .right ul li{height: 88px;line-height: 24px; padding: 11px 0px 0 24px;background: url(img/del.png) no-repeat 0 14px;font-size: 14px;background-size: 1.25rem;}
#concept .center:before{ top:-20px;}
#concept .center:after{ bottom:-15px;}
#wrap-conditions{padding:0 0 9rem 0;}
#conditions{ background-size:88%; margin-top:50px; height:320px;}
#conditions ul li:nth-child(2){ left:25%;}
#conditions ul li:nth-child(3){ left:50%;}
#conditions ul li:nth-child(4){ left:75%;}
#conditions ul li:nth-child(5){ right:75%;}
#conditions ul li:nth-child(6){ right:50%;}
#conditions ul li:nth-child(7){ right:25%;}
#conditions ul li:nth-child(8){ right:0;}
#conditions ul li i{ width:60px; height:60px; background-size:1.75rem;}
#conditions ul li p{ font-size:0.875rem; line-height:1.5rem;}
#process{background: url(img/process.png) no-repeat; background-position:center 48px; background-size:100%;}
#process ul{ margin:0 0 0 -50px;}
#process ul li{width:25%; margin:0 0 4.25rem 0; height:auto;}
#process ul li span{width:6rem; height:6rem;}
#process ul li img{width:100%; height:100%; margin:0 auto}
#process ul li h3{ font-size:1.125rem; margin-top:1rem;}
#process ul li p{ font-size:0.875rem; margin-top:0; line-height:24px; height:auto;}


#wrap-apply{ padding:20px 0;}
#apply{}
#apply .left{ width:50%; height:15rem;}
#apply .left img{ width:100%; height:100%;}
#apply .right{ width:50%; height:auto; padding:1.5rem;}
#apply .right .item{ margin-top:1.5rem;}
#apply .right .item input.weo-input{ height:2.5rem; line-height:2.5rem; margin-bottom:1rem; font-size:0.875rem;}
#apply .right .item button.weo-btn{ height:2.5rem; line-height:2.5rem; font-size:0.875rem;}
#tabbar{ display:block; left:0; right:0; bottom:0; height:5rem; margin-left:auto; margin-right:auto; padding:1rem 0; background:#fff; border-top:0.0625rem solid #e1e1e1; z-index:997; position: fixed;}
#tabbar dl{ display:flex; justify-content:space-between;}
#tabbar dl dd{ width:25%; text-align:center; position:relative;}
#tabbar dl dd em{ display:block; width:35px; height:30px; margin:0 auto;}
#tabbar dl dd:nth-child(1) em{ background:url(img/lxr-icon.png) no-repeat; background-size:80% auto;}
#tabbar dl dd:nth-child(2) em{ background:url(img/s-tel.png) no-repeat; background-size:70% auto;}
#tabbar dl dd:nth-child(3) em{ background:url(img/qq.png) no-repeat; background-size:80% auto;}
#tabbar dl dd:nth-child(4) em{ background:url(img/wechat.png) no-repeat; background-size:80% auto;}

#tabbar dl dd h3{ font-size:0.875rem; color:#333;}
.sj-yk{ display:none; position:absolute; bottom:4.25rem; width:100%; height:4rem; background:#fff; overflow:hidden; border-radius:0.65rem; padding:0.65rem 0; box-shadow:10px 0 20px #ccc;}
.sj-yk h2{ font-size:1rem; color:#333; height:1.5rem; line-height:1.5rem;}
.sj-yk p{ font-size:0.875rem; color:#666;}
.sj-yk-img{ width:100%; height:7rem;}
.sj-yk-img img{ width:90%; height:auto;}

#watermelon-detail{ }
#watermelon-detail .left{ width:48%; height:auto;}
#watermelon-detail .left h2 span{ font-size:2rem;}
#watermelon-detail .left h2 img{width: auto; height: 50px;}
#watermelon-detail .left .text{ margin-top:2rem; line-height:1.5rem; font-size:0.875rem;}
#watermelon-detail .right{ width:50%; height:15rem;}
#watermelon-detail .right video{ width:95%; height:15rem;}
#watermelon-img .swiper-container{ width:100%;height:15rem;}
#watermelon-img .swiper-slide{height:15rem;}
#watermelon-img .swiper-slide ul li:nth-child(1){ width:32%; height:15rem;}
#watermelon-img .swiper-slide ul li:nth-child(2){ width:32%; height:7.25rem; left:34%;}
#watermelon-img .swiper-slide ul li:nth-child(3){ width:32%; height:7.25rem; left:34%;}
#watermelon-img .swiper-slide ul li:nth-child(4){ width:32%; height:10rem; }
#watermelon-img .swiper-slide ul li:nth-child(5){ width:32%; height:4.5rem; }
#watermelon-img .swiper-slide ul li:nth-child(1) img,#watermelon-img .swiper-slide ul li:nth-child(2) img,#watermelon-img .swiper-slide ul li:nth-child(3) img,#watermelon-img .swiper-slide ul li:nth-child(4) img,#watermelon-img .swiper-slide ul li:nth-child(5) img{ width:100% !important; height:100%!important; }

#certificate-title{ font-size:2rem;}
#certificate-item{ width:100%; overflow:hidden;margin: 0 0px 0 -50px;}











}


.ny_news{ background:#f5f5f5; padding:80px 0;}
.ny_news_lie ul{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}
.ny_news_lie{ margin-top:20px;}
.ny_news_lie ul li{ background:#fff;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); border-radius:10px; margin-top:15px;  overflow: hidden;transition: all 0.5s;
}
.ny_news_lie1{ height:250px; overflow:hidden;}
.ny_news_lie1 img{ width:100%;width: 100%; text-align: center;transition: 1s;transition: all 0.5s;}
.ny_news_lie2{ padding:30px;}
.ny_news_lie2_2{ font-size:18px; font-weight: bold;
    color: #0f172a;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
     margin-top: 10px;
     transition: all 0.5s;
}
.ny_news_lie2_3{
    color: #64748b;
     line-height: 20px;
    height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
    margin-top: 10px;
    transition: all 0.5s;
}
.ny_news_lie2_1{ font-size:14px; color:#94a3b8;}

.ny_news_lie2_4{
   
    font-size: 14px;
    color: #0f777d;
    margin-top: 15px;
    background: #e6f0f0;
    padding: 7px 17px;
    display: inline-block;
    border-radius: 29px;

}
.ny_news_lie2_4 svg {
    margin-left: 6px;
    display: inline-block;
    vertical-align: -2px;
}
.ny_news_lie ul li:hover .ny_news_lie2_2{ color:#0f777d;transition: all 0.5s;}
.ny_news_lie ul li:hover .ny_news_lie2_4{  background:#0f777d; color:#fff;transition: all 0.5s;}
.ny_news_lie ul li:hover {box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);}
.ny_news_lie ul li:hover .ny_news_lie1 img{transform: scale(1.1);transition: all 0.5s;}

    .news-detail * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    .news-detail {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      min-height: 100vh;
      background: linear-gradient(135deg, #f5f7fa 0%, #e4e8ec 100%);
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 40px 20px;
    }

    .news-detail .container {
      width: 100%;
      max-width: 1280px;
      background: #ffffff;
      border-radius: 16px;
      box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
      overflow: hidden;
    }

    /* 头部区域 */
    .news-detail .header {
      padding: 20px 60px;
      display: flex;
     gap:20px;
      align-items: center;
      border-bottom: 1px solid #e8e8e8;
      padding-top:30px;
    }

    .news-detail .tag {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      background: #e6f0f0;
      color: #0f777d;
      padding: 8px 16px;
      border-radius: 20px;
      font-size: 14px;
      font-weight: 500;
    }

    .news-detail .date {
      display: flex;
      align-items: center;
      gap: 5px;
      color: #94a3b8;
      font-size: 14px;
    }

    .news-detail .date svg {
      width: 16px;
      height: 16px;
    }

    /* 文章区域 */
    .news-detail .article {
      padding: 40px 60px; padding-top:30px ;
      padding-bottom: 6px;
    }

    .news-detail .article-title {
      font-size: 28px;
      font-weight: 700;
      color: #1e293b;
      margin-bottom: 24px;
      line-height: 1.4;
    }

    .news-detail .article-content {
      background: #f9fafb;
      border: 1px dashed #d1d5db;
      border-radius: 12px;
      padding: 40px;
      text-align: left;
      margin-bottom: 32px;
    }

    .news-detail .loading-text {
      color: #475569;
      font-size: 15px;
      line-height: 28px;
    }
     .news-detail .article-content p{ margin-top:10px;}

    /* 分割线 */
    .news-detail .divider {
      height: 1px;
      background: linear-gradient(90deg, transparent, #e0e0e0, transparent);
      margin: 0 32px;
    }

    /* 导航区域 */
    .news-detail .navigation {
      padding: 24px 32px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 24px;
    }

    .news-detail .nav-item {
      display: flex;
      flex-direction: column;
      gap: 8px;
      padding: 28px;
      border-radius: 10px;
      transition: background-color 0.2s ease;
      cursor: pointer;
      background: #f2f7f7;
    }

    .news-detail .nav-item:hover {
      background: #f5f7fa;
    }

    .news-detail .nav-item.prev {
      align-items: flex-start;
    }

    .news-detail .nav-item.next {
      align-items: flex-end;
      text-align: right;
    }

    .news-detail .nav-label {
     
      align-items: center;
      gap: 6px;
      color: #666666;
      font-size: 14px;
      font-weight: 500;
    }

  .news-detail .nav-label svg {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: -3px;
}

    .news-detail .nav-title {
      color: #333333;
      font-size: 14px;
      font-weight: 600;
      line-height: 1.5;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      margin-top: 6px;
    }

    /* 底部按钮 */
    .news-detail .footer {
      padding: 0 32px 32px;
      display: flex;
      justify-content: center;
    }

    .news-detail .back-btn {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: #0f777d;
      color: #ffffff;
      padding: 14px 32px;
      border-radius: 10px;
      font-size: 15px;
      font-weight: 600;
      text-decoration: none;
      transition: transform 0.2s ease, box-shadow 0.2s ease;
      box-shadow: 0 4px 15px rgba(45, 138, 78, 0.3);
    }

    .news-detail .back-btn:hover {
      transform: translateY(-2px);
      box-shadow: 0 6px 20px rgba(45, 138, 78, 0.4);
    }

    .news-detail .back-btn svg {
      width: 18px;
      height: 18px;
    }

    /* 响应式设计 */
    @media (max-width: 768px) {
      .news-detail {
        padding: 20px 12px;
      }

      .news-detail .header {
        padding: 16px 20px;
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
      }

      .news-detail .article {
        padding: 24px 20px;
      }

      .news-detail .article-title {
        font-size: 22px;
      }

      .news-detail .article-content {
        padding: 40px 20px;
      }

      .news-detail .navigation {
        padding: 20px;
        grid-template-columns: 1fr;
        gap: 16px;
      }

      .news-detail .nav-item.next {
        align-items: flex-start;
        text-align: left;
      }

      .news-detail .footer {
        padding: 0 20px 20px;
      }
    }
    
    .news-detail .nav-item a:hover .nav-title{ color:#0f777d;}
    .ny_lxwm{ padding:60px 0;}
    .lxdh_yj{  position:absolute; right:0; color:#fff;top:30px; font-size:18px;}
    .lxdh_yj img{ 
        margin-right: 5px;
        display: inline-block;
        vertical-align: -7px;
        border-radius: 50%;
        width:30px;
        height: 30px;
        
    }
    .ny_lxwm_lie{ margin-top:70px;}
    
    .ny_lxwm_lie ul{ display:flex;justify-content: space-between; gap:30px;}
    .ny_lxwm_lie ul li{ width:33%;box-shadow: 0 0 16px rgba(0, 0, 0, .04); background:#fff; border-radius:20px; padding:40px; text-align:center; padding-top:60px; padding-bottom:60px;transition: all 0.5s;} 
    .ny_lxwm_lie2{  font-size:16px;}
    .ny_lxwm_lie3{ font-size:17px; margin-top:20px;}
    .ny_lxwm_lie1{ background:#0f777d; width:80px; height:80px; border-radius:50%; text-align:center; margin:0 auto; margin-bottom:30px; padding-top:20px;}
    .ny_lxwm_lie1 svg{ width:36px;  height:36px;}
.ny_lxwm_lie ul li:nth-child(3) .ny_lxwm_lie1 svg{ width:29px;  height:29px;}
.ny_lxwm_lie ul li:nth-child(3) .ny_lxwm_lie1{ padding-top:25px;}
.ny_lxwm{ background:url(../images/smail.png) no-repeat bottom center; background-size:cover;}


.ny_lxwm_lie ul li:hover{box-shadow: 0 0 30px rgba(0, 0, 0, .2);transition: all 0.5s;}

/* 默认：正常显示，无旋转 */
.ny_lxwm_lie .ny_lxwm_lie1{
    opacity: 1;
    transform: perspective(400px) rotateY(0deg);
    backface-visibility: visible;
    -webkit-backface-visibility: visible;
}

/* hover：执行翻转动画 */
.ny_lxwm_lie ul li:hover .ny_lxwm_lie1{
    animation: flipInY 0.5s ease;
    -webkit-animation: flipInY 0.5s ease;
}

/* 关键帧：从90度透明 → 原位显示 */
@keyframes flipInY {
  from { 
      transform: perspective(400px) rotateY(90deg); 
      opacity:0; 
  }
  to { 
      transform: perspective(400px) rotateY(0deg); 
      opacity:1; 
  }
}
@-webkit-keyframes flipInY {
  from { 
      -webkit-transform: perspective(400px) rotateY(90deg); 
      opacity:0; 
  }
  to { 
      -webkit-transform: perspective(400px) rotateY(0deg); 
      opacity:1; 
  }
}

.more_an a{ width:150px; height:46px; text-align:center; line-height:46px; font-size:15px; color:#fff; background:#0f777d; border-radius:6px;  margin-top:20px; display:block;transition: all 0.5s;}
.more_an a:hover{ background:#0a656a; color:#fff;transition: all 0.5s; padding-left:5px;}

.ny_ab_banner{ width:100%; height:660px;}

.weo-page{margin-top:80px;}
.weo-page a{min-width:42px; height:42px; line-height:40px; margin-left:10px; padding:0 14px; border-color:#d5d5d5; border-radius:0; font-size:15px; color:#666;}
.weo-page a:hover{border-color:#0f777d; color:#0f777d;}
.weo-page a.count{border-color:#d5d5d5; color:#666;}
.weo-page a.current{background:#0f777d; border-color:#0f777d; color:#fff;}

 .lxdh_yj{  position:absolute; right:0;background: #0f777d;top:26px; font-size:16px;  border-radius: 30px; color: #fff;  padding: 10px 12px; font-weight: bold;
    }
    .lxdh_yj img{ 
        margin-right: 5px;
        display: inline-block;
        vertical-align: -7px;
        border-radius: 50%;
        width:30px;
        height: 30px;
        
    }