﻿.list-banner{width:100%;}
.list-banner img{width:100%;display: block;}

.main{width: 100%;padding: 30px 0;}
.main .w12{align-items: flex-start;}
.main-left{width: 2.5rem;position:relative;}
.main-left .lm{width: 100%;height: 0.9rem;margin-bottom: 0.2rem;background: #c53a3a;}
.main-left .lm h3{color: #ffffff;font-size: 0.26rem;display: block;line-height: 0.9rem;text-align: center;font-family: myfont;}
.main-nav>ul{padding-bottom: 1rem;background: #f6f6f6;}
.main-nav>ul>li{line-height:0.55rem;border-bottom:1px dashed #ffffff;position:relative}
.main-nav>ul>li:last-child{border-bottom:none;}
.main-nav li a{font-size:0.16rem;color:#333;display:block;padding:0 0.05rem;padding-left:0.3rem}
.main-nav li .li_xlz{position:absolute;right:0;top:0;cursor:pointer;width: 0.55rem;height: 0.55rem;background: url(../img/right-red.svg) no-repeat center center;background-size: auto 0.1rem;}
.main-nav>ul>li.cur .li_xlz,.main-nav>ul>li:hover .li_xlz{background: url(../img/right.svg) no-repeat center center;background-size: auto 0.1rem;}
.navContent{display:none;}
.navContent li{padding-left:0.2rem;line-height: 0.45rem;}
.navContent li a{font-size: 0.14rem;color: #333333;}
.main-nav li .li_xlz.on{transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.main-nav>ul>li.cur>a,.main-nav>ul>li:hover>a{background: #c53a3a;color: #ffffff;}
.main-nav>ul>li.cur .li_xlz i,.main-nav>ul>li:hover .li_xlz i{color: #fff;}
.navContent li.cur a{color:#c53a3a;}
.main-nav li.cur .navContent{display:block;}
.navContent li:hover a{color:#c53a3a;}

.main-right{width: calc( 100% - 2.8rem );}
.main-title{width: 100%;position: relative;border-bottom: 1px solid #e1e1e1;padding-bottom: 0.15rem;}
.main-title h2{font-size: 0.2rem;color:#222222;font-weight: normal;line-height: 0.3rem;font-family: myfont;}
.main-title .local{color: #666666;line-height: 0.28rem;padding-left: 25px;background: url(../img/home.svg) no-repeat left center;background-size: auto 20px;}
.main-title .local span{margin: 0 0.1rem;}
.main-title .local a{color: #666666;}
.main-title .local a:hover{color: #c53a3a;}

/*文章内容开始*/
.content{width: 100%;min-height: 500px;}
.content h3.title{text-align: center;font-size: .24rem;color: #c53a3a;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: 0 0.2rem;}
.article{color: #434343;line-height: 0.32rem;}
.article p{margin: 0.1rem 0;text-indent: 2em;}
.article table{margin:0 auto !important;max-width: 100%;}
.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;}
/*文章内容结束*/

/*文章列表开始*/
.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: #c53a3a;padding-left: 0.1rem;}
/*文章列表结束*/

/*图片列表开始*/
.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.3rem;padding: 0 0.15rem;}
.pic-list.teacher-list ul li{width: 25%;}
.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.teacher-list ul li .imgbox{padding-bottom:110%;}
.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;background: #f6f6f6;padding: 0 0.1rem;font-size: 0.16rem;}
.pic-list ul li:hover img{transform: scale(1.05,1.05);}
.pic-list ul li:hover p{color: #ffffff;background: #c53a3a;}
/*图片列表结束*/