body{min-height: 100vh;display: flex;flex-direction: column;} .footer{margin-top: auto;} .header{position: absolute;} .header-top2{position: fixed;} body.scrolling .header-top2{transform: none;opacity: 1;transition: 0.7s all;} .list-banner{width: 100%;} .list-banner img{width: 100%;} .main{width: 100%;padding: 0.4rem 0;} .main .w90{align-items: flex-start;} .main-left{width: 2.4rem;position:relative;padding-left: 0.12rem;padding-bottom: 0.12rem;} .main-left::before{content: "";width: 100%;height:60%;top: 0;left: 0;z-index: 0;background: #003672;position: absolute;} .main-left::after{content: "";width:60%;height:40%;bottom: 0;left: 0;z-index: 0;background: url(../img/jx_bg.png) no-repeat;background-size:100% 100%;position: absolute;} .main-left h3{color: #ffffff;font-size: 0.24rem;display: block;height: 0.7rem;line-height: 0.7rem;text-align: center;position: relative;z-index: 1;} .main-left>ul{padding-bottom: 2rem;background: #f4f4f4 url(../img/bg.jpg) no-repeat left bottom;background-size:cover;position: relative;z-index: 1;box-shadow: 0 0 0.06rem 0 rgba(105, 105, 105, 0.15);} .main-left>ul>li{border-bottom:2px solid #eeeeee;position:relative} .main-left>ul>li:last-child{border-bottom:none;} .main-left>ul>li>a{font-size:0.16rem;color:#333;display:block;padding:0.12rem 0.55rem 0.12rem 0.3rem;background: #f1f1f1;transition: 0.3s all;line-height: 0.31rem;} .main-left li .li_xlz{position:absolute;right:0;top:0;cursor:pointer;width: 0.55rem;height: 0.55rem;background: url(../img/right-blue.svg) no-repeat center center;background-size: auto 0.12rem;} .navContent{display:none;} .navContent li a{font-size: 0.14rem;color: #333333;display: block;padding: 0.1rem 0.2rem 0.1rem 0.5rem;background: #f8f8f8;line-height: 0.26rem;} .main-left li .li_xlz.on{transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);} .main-left>ul>li.cur>a,.main-left>ul>li:hover>a{background: #a30000;color: #ffffff;} .main-left>ul>li.cur .li_xlz,.main-left>ul>li:hover .li_xlz{background: url(../img/right-white.svg) no-repeat center center;background-size: auto 0.12rem;} .navContent li.cur a{color:#a30000;} .main-left li.cur .navContent{display:block;} .navContent li:hover a{color:#a30000;} .main-right{width: calc( 100% - 2.7rem );} .main-title{width: 100%;position: relative;border-bottom: 1px solid #e1e1e1;padding-bottom: 0.15rem;} .main-title h2{font-size: 0.2rem;color:#003672;font-weight: normal;line-height: 0.3rem;} .main-title .local{color: #666666;line-height: 0.28rem;padding-left: 0.28rem;background: url(../img/home.svg) no-repeat left 0.04rem;background-size: auto 0.2rem;} .main-title .local a{color: #666666;} .main-title .local span{margin: 0 0.06rem;} .main-title .local a:hover{color: #a30000;} .m-nav{display: none;width: 100%;position: relative;background: #f4f4f4;margin-bottom: 0.15rem;} .m-lm{width: 100%;background: #003672;} .m-lm>.flexbox{margin-top: 0.2rem;padding: 0.1rem 0.2rem;} .m-lm h3{font-size: 0.2rem;color: #ffffff;line-height: 0.3rem;} .m-lm .li_xlz{position:absolute;right:0;top:0;cursor:pointer;width: 0.5rem;height: 0.5rem;background: url(../img/right-white.svg) no-repeat center center;background-size: auto 0.14rem;} .m-lm.on .li_xlz{transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);} .m-list{display: none;width: 100%;border-top: 1px solid #d1d1d1;} .m-list ul li{width: 100%;line-height: 0.4rem;} .m-list ul li a{color: #434343;font-size: 0.16rem;display: block;padding-left: 0.4rem;} /*二级公共样式结束*/ /*文章内容开始*/ .content{width: 100%;} .content h3.title{text-align: center;font-size: .24rem;color: #003672;margin: 0.2rem 0 0.15rem;} .content .sub-title{text-align: center;font-size: 0.2rem;color: #222222;line-height: 0.3rem;} .content .art-itro{width: 100%;border-bottom:1px solid #dcdcdc;padding-bottom:.1rem;height: .4rem;line-height: .4rem;margin-bottom: .1rem;text-align: center;margin-top: 0.1rem;} .content .art-itro span{font-size: .14rem;color: #666666;margin-right: .2rem;} .article{color: #434343;line-height: 0.32rem;} .article p{margin: 0.1rem 0;text-indent: 2em;} .article p.con-img{text-indent: 0 !important;} .article table{margin:0 auto !important;max-width: 920px;} .article table p{text-indent: 0;margin: 0;} .article video{display: block;width: 100%;margin: 0 auto;height: auto;} .article img{max-width: 100%;height: auto !important;} /*文章内容结束*/ /*图片列表开始*/ .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%;} .pic-list ul li .imgbox{width: 100%;height: 0;padding-bottom:60%;position: relative;overflow: hidden;} .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;padding: 0 0.1rem;} .pic-list ul li:hover img{transform: scale(1.05,1.05);} .pic-list ul li:hover p{color: #003672;} /*图片列表结束*/ /*文章列表开始*/ .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;} .txt-list ul li span{color: #666666;} .txt-list ul li:hover a{color: #003672;padding-left: 0.2rem;} .txt-list ul li:hover span{color: #a30000;} /*文章列表结束*/ .teacher_list{margin-top: 0.3rem;} .teacher_list{margin-left: -0.15rem;margin-right: -0.15rem;} .teacher_list li{width: 20%;margin-bottom: 0.2rem;padding: 0 0.15rem;} .teacher_list li a{display: block;width: 100%;} .teacher_list li .imgbox{width: 100%;height: 0;padding-bottom:137%;position: relative;overflow: hidden;} .teacher_list li img{transition: 0.4s all;} .teacher_list li p{width: 100%;text-align: center;line-height: 0.4rem;color: #434343;padding: 0 0.1rem;font-size: 0.16rem;} .teacher_list li:hover img{transform: scale(1.05,1.05);} .teacher_list li:hover p{color: #003672;}