.center{width:14.5rem; margin: 0 auto;}
.wrap{background: #FEFEF4;}

/* 头部 */
.header{width: 100%; height: 1.75rem; position: absolute; background: url(header-bg.png) repeat-x left top; background-size: 100% 1.27rem; z-index: 2;}
.header .center{position: relative; padding: 0.32rem 0 0 4.8rem; }
.header .logo{width: 2.05rem; height: 1.4rem; position: absolute; top: 0.35rem; left: 0;}
.header .logo a{display: block; width: 100%; height: 100%;}
.header .logo a img{width: 100%; height: 100%;}
.header .nav ul{display: flex;}
.header .nav ul li{width: 15%; margin-right: 0.4%; float: left;}
.header .nav ul li a{color: #FFF; opacity: 0.5; font-family: "FZShaoEr"; font-size: 0.18rem; line-height: 0.36rem;}
.header .nav ul li.active a{opacity: 1;}

/*主体*/
.main{}
/* 关于我们 */
.box-gywm{width: 100%; height: 100vh; position: relative;}
.box-gywm>img{width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0;}
.box-gywm .center{height: 100%; position: relative;}
.box-gywm .gywm-con{position: absolute; top: 1.75rem; left: 0; padding: 0 0.34rem; width: 50%;}
.box-gywm .gywm-con,.box-gywm .gywm-con p,.box-gywm .gywm-con div,.box-gywm .gywm-con span,.box-gywm .gywm-con font,.box-gywm .gywm-con strong,.box-gywm .gywm-con b,.box-gywm .gywm-con a{color: #156AB4; font-size: 0.16rem !important; line-height: 0.24rem !important; font-family: "FZShaoEr" !important;}
.box-gywm .gywm-con a:hover{color: #C2000F;}
.box-gywm .gywm-con img{max-width: 67.5%; height: auto !important; margin: 6px auto !important; }
.box-gywm .gywm-con b,.box-gywm .gywm-con strong{font-weight: bold;}
.box-gywm .gywm-con table{margin:0 auto !important;}
.box-gywm .center img{position: absolute; bottom: 0; z-index: 2;}
.box-gywm .center img.gywm-1{left: 13.8%; width: 1.39rem; height: 1.09rem; transition: all 0.6s ease; animation: rotate2 4s linear infinite;}
.box-gywm .center img.gywm-2{right: 16.1%; width: 1.19rem; height: 1.06rem; transition: all 0.6s ease; animation: train 4s linear infinite;}
.box-gywm .center img.gywm-3{right: 35.4%; width: 0.48rem; height: 0.31rem; transition: all 0.6s ease; animation: rotate2 4s linear infinite;}
.box-gywm .center img.gywm-4{left: 7%; width: 0.35rem; height: 0.35rem; transition: all 0.6s ease; animation: rotate2 4s linear infinite;}
@keyframes train {
	0% {transform: translateX(0);}
	50% {transform: translateX(30px);}
	100% {transform: translateX(0px);}
}
/*水波纹*/
.box-gywm .box-gywm-wavify {width: 100%; position: absolute; bottom: 0; height: 1.5rem; z-index: 1;}
.box-gywm .box-gywm-wavify .wavify-box {position: relative; height: 1.5rem; overflow: hidden;}
.box-gywm .box-gywm-wavify .wavify-wrapper .wavify-item {position: absolute; left: 0; right: 0;bottom: 0;}
svg:not(:root) {overflow: hidden;}

/* 瀚林画像 */
.box-hlhx{padding: 3.14rem 0 2.82rem 0; position: relative;}
.hlhx-title{text-align: center; position: relative; z-index: 2;}
.hlhx-title h2{font-size: 0.32rem; color: #4B4B4B; height: 0.5rem; line-height: 0.5rem; font-family: "FZShaoEr";}
.hlhx-title p{font-size: 0.24rem; color: #B4B4B4; height: 0.3rem; line-height: 0.3rem; font-family: "FZShaoEr";}
.hlhx-con{margin-top: 0.63rem; position: relative; z-index: 2;}
.hlhx-con ul{overflow: hidden;}
.hlhx-con ul li{width: 30%; float: left; margin-right: 5%; position: relative; padding-top: 30%;}
.hlhx-con ul li::before{content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0;  background: url(hlhx-bg.png) no-repeat center center; background-size: 100% 100%; transition: all 0.6s ease; animation: rotate 10s linear infinite;}
@keyframes rotate {
	0% {transform: rotate(0deg)}
	100% {transform: rotate(359deg)}
}
.hlhx-con ul li:last-child{margin-right: 0;}
.hlhx-con ul li a{width: 78%; height: 78% display: block; position: absolute; left: 11%; top: 11%; border-radius: 50%;}
.hlhx-con ul li a img{width: 100%; height: 100%; object-fit: cover;}
.hlhx-bg1{position: absolute; left: 46%; top: 1.64rem; width: 1.09rem; height: 1.09rem; transition: all 0.6s ease; animation: rotate3 4s linear infinite;}
.hlhx-bg2{position: absolute; left: 1.25%; top: 4.47rem; width: 1.76rem; height: 2.16rem; transition: all 0.6s ease; animation: rotate2 4s linear infinite;}
.hlhx-bg3{position: absolute; right: 9.32%; top: 3.35rem; width: 1.83rem; height: 1.26rem; transition: all 0.6s ease; animation: rotate3 4s linear infinite;}
.hlhx-bg4{position: absolute; right: 27%; bottom: 0.74rem; width: 1.51rem; height: 1.52rem; transition: all 0.6s ease; animation: rotate2 4s linear infinite;}
.hlhx-bg5{position: absolute; left: 21.5%; bottom: 0.32rem; width: 0.75rem; height: 1.09rem; transition: all 0.6s ease; animation: rotate3 4s linear infinite;}
@keyframes rotate2 {
	0% {transform: rotate(0deg);}
	50% {transform: rotate(30deg);}
	100% {transform: rotate(0deg);}
}
@keyframes rotate3 {
	0% {transform: rotate(0deg);}
	50% {transform: rotate(-30deg);}
	100% {transform: rotate(0deg);}
}
/* 课程内容 */
.box-kcnr{background: url(kcnr-bg.png) no-repeat right top; background-size: 60% auto; padding-top: 32%;}
.box-kcnr .center{overflow: hidden; margin-top: -3.88rem;}
.kcnr-con{width: 34%; float: left; position: relative; z-index: 5;}
.kcnr-con h2{color: #4B4B4B; font-size: 0.32rem; height: 0.5rem; line-height: 0.5rem; font-family: "FZShaoEr";}
.kcnr-con p{width: 100%; color: #B4B4B4; font-size: 0.16rem; line-height: 0.24rem; max-height: 1.2rem; overflow: hidden; display: -webkit-inline-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; margin-bottom: 0.12rem; font-family: "FZShaoEr";}
.kcnr-con a{display: inline-block; background: #005BAC; border-radius: 0.05rem; font-size: 0.14rem; color: rgba(255, 255, 255, 0.66); height: 0.3rem; line-height: 0.3rem; padding: 0 0.14rem; font-family: "FZShaoEr";}
/* 家园共育 */
.box-jygy{background: url(jygy-bg.png) no-repeat left top; background-size: 52.5% auto; padding-top: 48.3%; position: relative;}
.box-jygy .center{overflow: hidden; margin-top: -4rem;}
.box-jygy .kcnr-con{width: 48%; float: right;}
.box-jygy .kcnr-con p{max-height: 1.44rem; -webkit-line-clamp:6;}
.jygy-bg1{position: absolute; left: 30%; top: -0.6rem; width: 1.31rem; height: 1.3rem; transition: all 0.6s ease; animation: rotate 6s linear infinite;}
.jygy-bg2{position: absolute; right: 38%; top: 1.06rem; width: 1.2rem; height: 1.74rem; transition: all 0.6s ease; animation: train 6s linear infinite;}
.jygy-bg3{position: absolute; right: 13%; top: 3.27rem; width: 1.67rem; height: 0.82rem; transition: all 0.6s ease; animation: rotate2 6s linear infinite;}
/* 后勤保障 */
.box-hqbz{background: url(hqbz-bg.png) no-repeat right top; background-size: 100% auto; padding-top: 60%; position: relative;}
.box-hqbz .center{overflow: hidden; margin-top: -4.3rem;}
.box-hqbz .kcnr-con h2{color: #FFF;}
.box-hqbz .kcnr-con p{color: #FFF; opacity: 0.9;}
.box-hqbz .box-hqbz-wavify {width: 100%; position: absolute; bottom: 0; height: 2.9rem; z-index: 1;}
.box-hqbz .box-hqbz-wavify .wavify-box {position: relative; height: 2.9rem; overflow: hidden;}
.box-hqbz .box-hqbz-wavify .wavify-wrapper .wavify-item {position: absolute; left: 0; right: 0;bottom: 0;}
.hqbz-bg1{position: absolute; right: 13%; top: 0; width: 0.88rem; height: 0.93rem; transition: all 0.6s ease; animation: rotate2 6s linear infinite;}

/* 院长寄语 */
.box-yzjy{}
.box-yzjy .yzjy-img{width: 3.14rem; height: 3.14rem; padding: 0.13rem; background: rgba(240, 130, 0, 0.15); border-radius: 50%;}
.box-yzjy .yzjy-img a{display: block; width: 2.88rem; height: 2.88rem; border-radius: 50%; overflow: hidden;}
.box-yzjy .yzjy-img a img{width: 100%; height: 100%; object-fit: cover;}
.box-yzjy .yzjy-title{text-align: center;}
.box-yzjy .yzjy-title h2{font-size: 0.32rem; color: #7B7B7B; height: 0.5rem; line-height: 0.5rem; font-family: "FZShaoEr";}
.box-yzjy .yzjy-title p{font-size: 0.16rem; color: #B4B4B4; height: 0.3rem; line-height: 0.3rem; font-family: "FZShaoEr";}
.box-yzjy .yzjy-con{width: 3.76rem; height: 1.73rem; background: #FFF; border-radius: 0.04rem; margin-top: 0.37rem; padding: 0.1rem 0.67rem; text-align: center;}
.box-yzjy .yzjy-con h2{color: #2C2C2C; font-size: 0.16rem; height: 0.5rem; line-height: 0.5rem; margin-bottom: 0.17rem; font-weight: 600; font-family: "sy";}
.box-yzjy .yzjy-con p{color: #B4B4B4; font-size: 0.14rem; height: 0.52rem; line-height: 0.52rem; border-top: 0.01rem solid #F6F6F6; font-family: "FZShaoEr";}

/* 网站底部 */
.footer{height: 6.1rem; position: relative; padding-top: 3.9rem;}
.footer .center{position: relative; height: 100%; padding-left: 2.16rem; z-index: 2;}
.footer .footer-logo{width: 2.05rem; height: 1.40rem; position: absolute; bottom: 0.35rem; left: 0;}
.footer .footer-con{opacity: 0.5; position: relative; display: flex; padding-right: 2.6rem; border-bottom: 0.01rem solid #FFF; padding-bottom: 0.35rem; margin-bottom: 0.1rem;}
.footer .footer-con::before{content: ""; position: absolute; left: 0.34rem; top: 50%; width: 0.01rem; height: 0.54rem; margin-top: -0.27rem; background: #FFF;}
.footer .footer-con .footer-zbdh h2{font-size: 0.16rem; font-family: "FZShaoEr"; color: #FFF; line-height: 0.44rem;}
.footer .footer-con p{font-size: 0.12rem; color: #FFF; line-height: 0.24rem; font-family: "FZShaoEr";}
.footer .footer-con .footer-addr{padding-top: 0.44rem;}
.footer .footer-con .footer-jrwm{padding-top: 0.36rem;}
.footer .footer-con .footer-jrwm p{font-size: 0.14rem; line-height: 0.3rem;}
.footer .footer-ewm{position: absolute; right: 0; top: 0;}
.footer .footer-ewm .footer-item{text-align: center; float: left;}
.footer .footer-ewm .footer-item img{width: 0.78rem; height: 0.78rem; opacity: 1;}
.footer .footer-ewm .footer-item p{height: 0.3rem; line-height: 0.3rem; font-size: 0.12rem; color: #FFF; opacity: 0.5;}
.footer .footer-wavify{width: 100%; position: absolute; bottom: 0; height: 5rem; z-index: 1;}
.footer .footer-wavify .wavify-box {position: relative; height: 5rem; overflow: hidden;}
.footer .footer-wavify .wavify-wrapper .wavify-item{position: absolute; left: 0; right: 0;bottom: 0;}
.footer .center>p{color: #FFF; opacity: 0.5; font-size: 0.12rem; font-family: "FZShaoEr"; line-height: 0.3rem; margin-bottom: 0.1rem; text-align: center;}
.footer .center>p span{padding: 0 0.1rem;}
.footer .footer-scroll-top{position: absolute; right: -0.6rem; top: 0.21rem; width: 0.44rem; height: 0.44rem; cursor: pointer;}
.footer .footer-scroll-top img{width: 100%; height: 100%;}
.footer-share{position: absolute; right: 0; top: 1.4rem;}
.footer-share > img{width: 0.14rem; height: auto; cursor: pointer; margin-left: 0.08rem;}
/* 微信分享弹窗 */
.qrid_zz{position: fixed;width: 100%;height: 100%;background: rgba(255,255,255,0.8);display: none;top: 0;left: 0;z-index: 1000;display: none;justify-content: center;align-items: center;}
.qrid_zz #qrid{padding: 0.08rem;background: #fff;border-radius: 5px;}

/* 列表页顶部图片 */
.list-ban{height: 5rem;}
.box-search{margin: 0.2rem 0;}
.box-search .center{position: relative; padding-right: 4rem;}
.box-search h2{height: 0.4rem; line-height: 0.4rem; font-size: 0.2rem; font-family: "sy";}
.local{display: none; opacity: 0;}
/*搜索框*/
.search-con{width: 3.8rem; position: absolute; right: 0; top: 0;}
.search-con form{height: 0.4rem; width: 100%; border: 0.01rem solid #eaeaea; border-radius: 0.08rem; padding: 0.05rem;}
.search-con .txt,.search .btn{border: none; background: none; height: 0.3rem; line-height: 0.3rem; float: left;}
.search-con .txt{padding: 0 0.08rem; width: 3.36rem; color: #707070; font-size: 0.14rem;}
.search-con .btn{width: 0.3rem; height: 0.3rem; background: url(search.png) no-repeat; background-size: 0.3rem 0.3rem; border: none;}
input::-webkit-input-placeholder{
   color:#707070;
   font-size: 0.14rem;
   text-align: left;
}
input::-moz-placeholder{  
    color:#707070;
    font-size: 0.14rem;
    text-align: left;
}
input:-moz-placeholder{    
    color:#707070;
    font-size: 0.14rem;
    text-align: left;
}
input:-ms-input-placeholder{ 
    color:#707070;
    font-size: 0.14rem;
    text-align: left;
}

.box-list{min-height: 5rem;}
.box-list ul li{height: 2rem; margin-bottom: 0.24rem;}
.box-list ul li a{display: block; height: 100%; background: #FFF; border-radius: 0.08rem; position: relative; padding: 0.24rem 0.24rem 0.24rem 1.68rem; transition: all .5s ease; transform-origin: center center;}
.box-list ul li a .list-img{width: 1.2rem; height: 1.2rem; border-radius: 0.08rem; overflow: hidden; position: absolute; left: 0.24rem; top: 0.4rem;}
.box-list ul li a .list-img img{width: 100%; height: 100%; object-fit: cover;}
.box-list ul li a h2{font-size: 0.16rem; color: #333; height: 0.3rem; line-height: 0.3rem; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.box-list ul li a p{font-size: 0.14rem; color: #999; line-height: 0.22rem; max-height: 0.66rem; overflow: hidden; display: -webkit-inline-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.box-list ul li a .list-detail{margin-top: 0.1rem;}
.box-list ul li a .list-detail span{font-size: 0.12rem; color: #999; margin-right: 0.2rem;}
.box-list ul li a:hover{transform: scale(1.02); box-shadow: 0 10px 20px rgb(215, 215, 153, 0.3); background: linear-gradient(35deg, #5AD598 13.55%, #4F87D2 87.98%);}
.box-list ul li a:hover h2{color: #FFF; font-weight: 600;}
.box-list ul li a:hover p{color: #FFF;}
.box-list ul li a:hover .list-detail span{color: #FFF;}

/*页数*/
.page{margin: 0.8rem 0 0 0;height: 0.32rem;line-height: 0.32rem; text-align: center;}
.page_z{color: #666666;font-size: 0.14rem;width: 1rem;}
.pagebox .pagebox_num_nonce{background: linear-gradient(35deg, #5AD598 13.55%, #4F87D2 87.98%) !important;color: #FFFFFF !important;}
.pagebox .pagebox_num_nonce, .pagebox .pagebox_num a, .pagebox .pagebox_next a, .pagebox .pageNumInput, .pagebox .gobutton{padding: 0.04rem 0.1rem;border-radius: 0.03rem;}
.pagebox .gobutton{padding: 0.04rem 0.1rem;height: 0.33rem;line-height: 0.24rem;}
.pagebox .pagebox_num a, .pagebox .pagebox_num a:visited,.pagebox .pagebox_pre a, .pagebox .pagebox_pre a:visited, .pagebox span.pagebox_next a, .pagebox span.pagebox_next a:visited,.pagebox .gobutton,.pagebox .pageNumInput{color: #666666 !important;font-size: 0.14rem !important;}

/* 内容页 */
.box-con{}
.content-con{min-height: 5rem; background: #FFF; border-radius: 0.08rem; padding: 0.24rem 0.4rem; box-shadow: 0 10px 20px rgb(215, 215, 153, 0.3);}
.content-con .con-title{line-height: 0.5rem; font-size: 0.3rem; margin-bottom: 0.2rem;}
.con_con,.con_con p,.con_con div,.con_con span,.con_con font,.con_con strong,.con_con b,.con_con a{font-size: 0.18rem !important; line-height: 0.33rem !important; font-family: "微软雅黑" !important; color: #343434; background-color:inherit !important; background:none !important;}
.con_con a:hover{color: #B4252B;}
.con_con img{max-width: 80% !important; height: auto !important; margin:5px auto;}
.con_con b,.con_con strong{font-weight: bold;}
.con_con table{margin:0 auto !important;}
.con_con table tr td{border:1px solid #B4252B !important;}