﻿.list-banner,.list-banner img{width: 100%;}
.main{width: 100%;padding: 0.3rem 0 0.5rem;}
.main-left{width: 2.4rem;position:relative;padding-bottom:2.2rem;background: #eeeeee;align-self: flex-start;border-radius: 0.18rem 0.18rem 0 0;overflow: hidden;}
.main-left h3{color: #ffffff;font-size: 0.24rem;display: block;height: 0.7rem;background: url(../img/lm_bg.jpg) no-repeat;backrgound-size:cover;line-height: 0.7rem;text-align: center;}
.lm-title{width: 100%;background: #2c49b1;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: 0.15rem;}
.main-left>ul>li{line-height:0.55rem;border-bottom:1px dashed #ccc;position:relative;border-left: 2px solid #2c49b1;}
.main-left>ul>li:last-child{border-bottom:none;}
.main-left>ul>li>a{background: #ffffff;position: relative;transition: 0.3s all;}
.main-left>ul>li>a span{position: relative;z-index: 1;}
.main-left>ul>li>a::after{content: "";width: 0;height: 100%;display: block;background: #2c49b1;position: absolute;left: 0;top: 0;transition: 0.3s all;z-index: 0;}
.main-left>ul>li.cur>a,.main-left>ul>li:hover>a{color: #ffffff;}
.main-left>ul>li:hover>a::after,.main-left>ul>li.cur>a::after{width: 100%;}
.main-left li a{font-size:0.16rem;color:#333;display:block;padding:0 0.05rem;padding-left:0.3rem}
.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.1rem;z-index: 1;transition: 0.3s all;}
.navContent{display:none;background: #ffffff;}
.navContent li{padding-left:0.2rem;line-height: 0.4rem;}
.navContent li a{font-size: 0.14rem;color: #333333;}
.li_xlz.on{transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.main-left>ul>li.cur .li_xlz,.main-left>ul>li:hover .li_xlz{background: url(../img/right.svg) no-repeat center center;background-size: auto 0.1rem;}
.navContent li.cur a{color:#2055c0;}
.main-left li.cur .navContent{display:block;}
.navContent li:hover a{color:#2055c0;}
.main-right{width: calc( 100% - 2.7rem );}
.main-title{width: 100%;line-height: 0.3rem;position: relative;border-bottom: 1px solid #e1e1e1;padding-bottom: 0.15rem;}
.main-title h2{font-size: 0.2rem;color:#333333;}
.main-title span.local{color: #666666;padding-left: 0.24rem;background: url(../img/home.svg) no-repeat left 0.06rem;background-size: auto 0.18rem;font-size: 0.14rem;}
.main-title span.local a{color: #666666;}
.main-title span.local a:hover{color: #2055c0;}

/*文章内容开始*/
.content{width: 100%;}
.content h3.title{text-align: center;font-size: .24rem;color: #333333;margin: 0.2rem 0 0.1rem;line-height: 0.3rem;}
.content .sub-title{text-align: center;font-size: .2rem;color: #434343;line-height: 0.3rem;margin: 0.15rem 0 0.1rem;}
.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: #666666;margin: 0 0.2rem;}
.article{color: #434343;line-height: 0.32rem;width: 100%;}
.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%;height: auto !important;}
.article p.con-img{text-align: center;text-indent: 0 !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;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;background: #2c49b1;display: block;position: absolute;left:0;top:50%;margin-top: -0.03rem;}
.txt-list ul li:hover a,.txt-list ul li:hover span{color: #2055c0;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%;}
.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;}
.pic-list ul li:hover img{transform: scale(1.05,1.05);}
.pic-list ul li:hover p{color: #2055c0;}
/*图片列表结束*/

.teacher-list{margin-top: 0.3rem;}
.teacher-list ul{margin-left: -0.15rem;margin-right: -0.15rem;}
.teacher-list ul li{width: 20%;margin-bottom: 0.2rem;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 p{width: 100%;text-align: center;line-height: 0.4rem;color: #434343;}
.teacher-list ul li:hover img{transform: scale(1.05,1.05);}
.teacher-list ul li:hover p{color: #2055c0;}