body{min-height: 100vh;display: flex;flex-direction: column;} .footer{margin-top: auto;} .list-banner{width: 100%;} .list-banner img{width: 100%;display: block;} .main{width: 100%;padding: 0.3rem 0;background: #fafbfd url(../img/bg1.png) no-repeat center center;background-size: cover;flex-grow:1;} .main-left{width: 2.5rem;position:relative;background: #ffffff;align-self: flex-start;box-shadow: 0 0 0.1rem 0 rgba(0,0,0,0.2);} .main-left h3{color: #ffffff;font-size: 0.26rem;display: block;height: 0.85rem;background: #3561bf;line-height: 0.85rem;font-weight: normal;padding-left: 0.3rem;} .lm-title{width: 100%;background: #3561bf;padding: 0.12rem 0.2rem;position: relative;display: none;} .lm-title h2{font-size: 0.24rem;color: #ffffff;} .nav_menu{width: 0.3rem;height: 0.3rem;background: url(../img/m_nav.svg) no-repeat center center;background-size: auto 100%;transition: 0.2s all;} .nav_menu.on{transform: rotate(90deg);} .main-left>ul{width: 100%;padding-bottom: 0.2rem;border-left: 2px solid #3561bf;} .main-left>ul>li{border-bottom:1px solid #d0d0d0;position:relative;overflow: hidden;} .main-left>ul>li:last-child{border-bottom:none;} .main-left>ul>li .lm{position: relative;width: 100%;} .main-left>ul>li .lm a{width: calc( 100% - 0.4rem );padding:0.15rem 0 0.15rem 0.3rem;display: block;font-size:0.16rem;color:#333;} .main-left>ul>li:hover .lm a,.main-left>ul>li.cur .lm a{color: #3561bf;} .main-left>ul>li .lm a span{position: relative;z-index: 1;line-height: 0.26rem;} .li_xlz{position:absolute;right:0;top:50%;transform:translateY(-50%);cursor:pointer;width: 0.4rem;height: 0.55rem;background: url(../img/right-blue.svg) no-repeat center center;background-size: auto 0.12rem;z-index: 1;transition: 0.3s all;} .navContent{display:none;} .navContent li{line-height: 0.4rem;} .navContent li a{font-size: 0.14rem;color: #666666;display: block;padding: 0.06rem 0.2rem 0.06rem 0.3rem;line-height: 0.22rem;} .li_xlz.on{transform:translateY(-50%) rotate(90deg);-moz-transform:translateY(-50%) rotate(90deg);-webkit-transform:translateY(-50%) rotate(90deg);} .navContent li.cur a{color:#3561bf;} .main-left li.cur .navContent{display:block;} .navContent li:hover a{color:#3561bf;} .main-right{width: calc( 100% - 2.9rem );background: #ffffff;padding: 0.2rem 0.3rem 1rem;border-top: 2px solid #3561bf;box-shadow: 0 0 0.1rem 0 rgba(0,0,0,0.2);} .main-title{width: 100%;line-height: 0.3rem;position: relative;border-bottom: 1px solid #e5e5e5;padding-bottom: 0.15rem;margin-bottom: 0.1rem;} .main-title h2{font-size: 0.22rem;color:#333333;} .local span{font-size: 0.14rem;color: #434343;line-height: 0.3rem;} .local span a{color: #434343;} .local span a:hover{color: #3561bf;} /*文章内容开始*/ .content{width: 100%;} .content h3.title{font-size: .22rem;color: #333333;margin-bottom: 0.1rem;line-height: 0.3rem;text-align: center;margin-top: 0.2rem;} .content .sub-title{font-size: .2rem;color: #434343;line-height: 0.3rem;margin: 0.15rem 0 0.1rem;text-align: center;} .content .art-itro{width: 100%;border-bottom:1px solid #dcdcdc;padding-bottom:.1rem;line-height: 0.26rem;margin-bottom: 0.1rem;text-align: center;} .content .art-itro>span{font-size: .14rem;color: #999999;margin: 0 0.2rem;} .article{color: #434343;line-height: 0.32rem;width: 100%;word-break:break-all;} .article table{margin:0 auto !important;max-width: 920px;min-width: 500px;} .article table p{text-indent: 0;margin: 0;} .article video{display: block;width: 100%;margin: 0 auto;height: auto;} .article img{max-width: 100%;margin: 0 auto;height: auto !important;} .article p.con-img{text-align: center;text-indent: 0 !important;} .content .pnline{padding-top: .3rem;border-top:1px solid #dcdcdc;margin-top: 0.3rem;} .content .pnline p{line-height: .3rem;font-size: .16rem;color: #434343;} .content .pnline p a{color: #434343;} .content .pnline p a:hover{color: #3561bf;} /*文章内容结束*/ /*文章列表开始*/ .txt-list{margin-top: 0.1rem;} .txt-list ul li{width: 100%;border-bottom: 1px solid #e1e1e1;line-height: 0.6rem;position: relative;} .txt-list ul li a{color: #434343;max-width: calc( 100% - 1.1rem );transition: 0.3s all;padding-left: 0.18rem;} .txt-list ul li>span{color: #666666;font-size: 0.14rem;} .txt-list ul li a::before{content: "";width: 0.06rem;height: 0.06rem;border-radius:100%;background: #3561bf;display: block;position: absolute;left:0;top:50%;margin-top: -0.03rem;} .txt-list ul li a span{color:#db0000;} .txt-list ul li:hover a,.txt-list ul li:hover>span{color: #3561bf;padding-left: 0.24rem;} /*文章列表结束*/ /*图片列表开始*/ .pic-list{margin-top: 0.3rem;} .pic-list ul{margin-left: -0.15rem;margin-right: -0.15rem;} .pic-list ul li{width: calc( 100% / 3 );margin-bottom: 0.2rem;padding: 0 0.15rem;} .pic-list ul li a{display: block;width: 100%;position: relative;} .pic-list ul li .imgbox{width: 100%;height: 0;padding-bottom:60%;position: relative;overflow: hidden;z-index: 1;} .pic-list ul li img{transition: 0.4s all;} .pic-list ul li p{width: 100%;text-align: center;line-height: 0.4rem;color: #434343;} .pic-list ul li:hover img{transform: scale(1.05,1.05);} .pic-list ul li:hover p{color: #3561bf;} .news-list1{margin-top: 0.3rem;} .news-list1 ul li{width: 100%;border-bottom: 1px solid #e1e1e1;padding-bottom:0.3rem;box-sizing: border-box;margin-bottom: 0.3rem;} .news-list1 ul li .news-img{width: 2rem;height: 1.35rem;overflow: hidden;position: relative;flex-shrink: 0;margin-right: 0.2rem;} .news-list1 ul li .news-img .image{display: block;transition: 0.3s all;} .news-list1 ul li.flexbox .news-txt{max-width: calc( 100% - 2.2rem );} .news-list1 ul li .time{font-size: 0.14rem;color: #999999;line-height: 0.24rem;width: 100%;margin-bottom: 0.1rem;} .news-list1 ul li .time span{font-size: 0.24rem;color: #3561bf;font-weight: bold;margin-right: 0.05rem;} .news-list1 ul li h3{font-size: 0.18rem;position: relative;} .news-list1 ul li h3 a{color: #333333;} .news-list1 ul li p{width: 100%;line-height: 0.26rem;font-size: 0.14rem;color: #666666;margin-top: 0.1rem;height: 0.52rem;display: block\0;} .news-list1 ul li:hover h3 a{color: #3561bf;} .news-list1 ul li:hover .news-img .image{transform: scale(1.1,1.1);} /*图片列表结束*/ .leader-list{margin-top: 0.3rem;} .leader-list ul li{width: 100%;padding-top:0.2rem;} .leader-list ul li:nth-child(n+2){margin-top: 0.3rem;} .leader-list ul li a{width: 100%;border:1px solid #dddddd;padding:0 0.2rem 0.2rem;transition:0.2s all;} .leader-list ul li .imgbox{width: 1.5rem;height: 2rem;position: relative;overflow: hidden;margin-top:-0.2rem;} .leader-list ul li img{transition: 0.4s all;} .leader-list ul li .txt{width: calc( 100% - 1.5rem );transition: 0.2s all;padding: 0.15rem 0 0 0.2rem;} .leader-list ul li .txt h3{color: #3561bf;line-height: 0.24rem;margin-bottom: 0.15rem;font-size: 0.18rem;} .leader-list ul li .txt h3 span{font-size: 0.14rem;font-weight:normal;margin-left:0.15rem;} .leader-list ul li .txt .intro{width: 100%;line-height: 0.25rem;} .leader-list ul li .txt .intro span{color: #666666;font-size: 0.14rem;display:block;padding-left:0.25rem;background-position:left center;background-repeat:no-repeat;background-size:auto 0.18rem;} .leader-list ul li .txt .intro span:first-of-type{background-image:url(../img/address.svg);} .leader-list ul li .txt .intro span:nth-of-type(2){background-image:url(../img/email.svg);} .leader-list ul li .txt p{color: #666666;font-size: 0.14rem;transition: 0.2s all;line-height: 0.25rem;} .leader-list ul li .txt .fggz{width:1.2rem;height:0.3rem;font-size:0.14rem;color:#ffffff;padding-left:0.2rem;line-height:0.3rem;background:url(../img/fggz.png) no-repeat left top;background-size:100% 100%;margin:0.1rem 0;} .leader-list ul li:hover a{border:1px solid #3561bf;box-shadow:0 0 0.1rem 0 rgba(0,0,0,0.2);} /* .teacher-list{margin-top: 0.3rem;} .teacher-list>h3{font-size: 0.2rem;color: #3561bf;margin-bottom: 0.2rem;line-height: 0.3rem;} .teacher-list ul{margin-left: -0.15rem;margin-right: -0.15rem;} .teacher-list ul li{width: 50%;padding: 0.2rem 0.15rem 0;} .teacher-list ul li:nth-child(n+3){margin-top: 0.3rem;} .teacher-list ul li a{width: 100%;border:1px solid #dddddd;padding:0 0.2rem 0.2rem;transition:0.2s all;} .teacher-list ul li .imgbox{width: 1.5rem;height: 2rem;position: relative;overflow: hidden;margin-top:-0.2rem;} .teacher-list ul li img{transition: 0.4s all;} .teacher-list ul li .txt{width: calc( 100% - 1.5rem );transition: 0.2s all;padding: 0.15rem 0 0 0.2rem;} .teacher-list ul li .txt h3{color: #3561bf;line-height: 0.24rem;font-size: 0.18rem;} .teacher-list ul li .txt h3 span{font-size: 0.14rem;font-weight:normal;margin-left:0.15rem;} .teacher-list ul li .txt .intro{width: 100%;border-top:1px solid #3561bf;margin-top:0.1rem;padding-top:0.1rem;} .teacher-list ul li .txt .intro p{color: #666666;font-size: 0.14rem;line-height: 0.32rem;} .teacher-list ul li .txt .intro p span{color:#3561bf;font-weight:bold;} .teacher-list ul li:hover a{border:1px solid #3561bf;box-shadow:0 0 0.1rem 0 rgba(0,0,0,0.2);}*/ .teacher-list{margin-top: 0.3rem;} .content .teacher-list:nth-child(n+2){margin-top: 0;} .teacher-list h3{font-size: 0.2rem;color: #3561bf;margin-bottom: 0.2rem;line-height: 0.3rem;} .teacher-list ul{margin-left: -0.15rem;margin-right: -0.15rem;} .teacher-list ul li{width: 20%;margin-bottom: 0.3rem;padding: 0 0.15rem;} .teacher-list ul li a{display: block;width: 100%;} .teacher-list ul li .imgbox{width: 100%;height: 0;padding-bottom:132%;position: relative;overflow: hidden;} .teacher-list ul li img{transition: 0.4s all;} .teacher-list ul li .txt{width: 100%;text-align: center;background: #f1f1f1;transition: 0.2s all;padding: 0.1rem 0;} .teacher-list ul li .txt p{color: #434343;font-size: 0.16rem;transition: 0.2s all;margin-bottom: 0.05rem;} .teacher-list ul li .txt span{display: block;text-align: center;font-size: 0.14rem;color: #999999;transition: 0.2s all;} .teacher-list ul li:hover img{transform: scale(1.05,1.05);} .teacher-list ul li:hover .txt{background: #3561bf;} .teacher-list ul li:hover .txt p{color: #ffffff;} .teacher-list ul li:hover .txt span{color: rgba(255,255,255,0.8);}