.list-banner img{width: 100%;} .main{width: 100%;padding: 40px 0;position: relative;} .main .w12{align-items: flex-start;} .main-left{width: 255px;flex-shrink: 0;} .lm{height: 80px;line-height: 80px;background: #8c051d;} .lm h3{font-size: 30px;color: #ffffff;width: 255px;text-align: center;position: relative;} .main-left ul{width: 100%;background: #eeeeee url(../img/part3_bg.png) repeat;padding: 20px 10px 5px;border-top: 2px solid #ceab68;} .main-left ul>li{width: 100%;background: #ffffff;margin-bottom: 15px;overflow: hidden;position: relative;} .main-left ul>li>a{font-size: 18px;color: #111111;padding: 0 55px 0 20px;position: relative;display: block;line-height: 55px;} .main-left ul>li>.li_xlz{width: 55px;height: 55px;background: url(../img/right-red.svg) no-repeat center center;background-size: auto 14px;position: absolute;right: 0;top: 0;cursor: pointer;} .li_xlz.on{transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);} .msub{width: 100%;background: #ffffff;padding: 6px 0;display: none;} .msub a{display: flex;align-items:center;font-size: 16px;color: #333333;line-height: 40px;width: 100%;padding-left: 50px;} .main-left ul>li:hover>a,.main-left ul>li.cur>a{background: #8c051d;color: #ffffff;font-weight: bold;} .main-left ul>li:hover>.li_xlz,.main-left ul>li.cur>.li_xlz{background: url(../img/right.svg) no-repeat center center;background-size: auto 14px;} .msub a:hover,.msub a.cur{color: #8c051d;} .main-left ul>li.cur .msub{display: block;} .main-right{width: calc( 100% - 295px );} .main-title{width: 100%;line-height: 30px;position: relative;border-bottom: 1px solid #8c051d;padding-bottom: 15px;} .main-title h2{font-size: 24px;color:#8c051d;font-weight: normal;line-height: 30px;} .local{color: #888888;font-size: 16px;padding-left: 26px;background: url(../img/home.svg) no-repeat left center;background-size: auto 20px;} .local a{color: #888888;} .local a:hover{color: #8c051d;} /*文章内容开始*/ .content{width: 100%;min-height: 500px;} .content h3.title{text-align: center;font-size: 24px;color: #333333;margin: 20px 0 10px;line-height: 30px;} .content p.sub-title{text-align: center;line-height: 30px;color: #333333;font-size: 18px;} .content .art-itro{width: 100%;border-bottom:1px solid #dcdcdc;padding-bottom:10px;line-height: 24px;margin-bottom: 10px;text-align: center;margin-top: 10px;} .content .art-itro span{font-size: 14px;color: #777777;margin-right: 20px;} .article{color: #434343;line-height: 32px;} .article #vsb_content{overflow-x: auto;} .article p{margin: 10px 0;text-indent: 2em;} .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;} .pnarticle{width: 100%;border-top: 1px solid #c6c6c6;margin-top: 30px;padding-top:30px;} .pnarticle p{color: #333333;line-height: 30px;} .pnarticle p a{color: #333333;} .pnarticle p a:hover{color: #8c051d;} /*文章内容结束*/ .txtlist{padding-top:30px;} .txtlist ul li{width: 100%;margin-bottom: 20px;border-bottom: 1px solid #dddddd;padding-bottom: 20px;line-height: 30px;} .txtlist ul li>span{display: block;color: #888888;} .txtlist ul li a{color: #434343;width: calc( 100% - 100px );position: relative;z-index: 1;padding-right: 40px;transition: 0.2s all;} .txtlist ul li:hover span{color: #8c051d;} .txtlist ul li:hover a{color: #8c051d;padding-left: 10px;} .txtlist ul li:last-child{margin-bottom: 0;border-bottom: none;} .pic-list{padding-top: 30px;} .pic-list ul{margin-left: -17px;margin-right: -17px;} .pic-list ul li{width: 275px;margin: 0 17px 34px;overflow: hidden;} .pic-list ul li a{display: block;} .pic-list ul li .pic-img{width: 100%;height: 157px;overflow: hidden;} .pic-list ul li img{transition: 0.4s all;} .pic-list ul li:hover img{transform: scale(1.1,1.1);} .pic-list ul li p{line-height: 50px;text-align: center;color: #333333;border: 1px solid #cccccc;border-top:none;transition: 0.4s all;} .pic-list ul li:hover p{color: #ffffff;background: #8c051d;} .teacher-list{padding-top: 30px;} .teacher-list ul{margin-left: -16px;margin-right: -16px;} .teacher-list ul li{width: 153px;margin: 0 16px 34px;overflow: hidden;} .teacher-list ul li a{display: block;height:100%;} .teacher-list ul li .pic-img{width: 100%;height: 190px;overflow: hidden;} .teacher-list ul li img{transition: 0.4s all;width: 100%;height: 100%;object-fit: cover;} .teacher-list ul li:hover img{transform: scale(1.1,1.1);} .teacher-list ul li p{line-height: 50px;text-align: center;color: #333333;border: 1px solid #cccccc;border-top:none;transition: 0.4s all;} .teacher-list ul li:hover p{color: #ffffff;background: #8c051d;} .leader-list{padding-top: 30px;} .leader-list>ul>li{width: 100%;padding: 30px;background: #f6f6f6;margin-bottom: 30px;} .leader-list ul li .leader-img{width: 160px;height: 210px;flex-shrink: 0;margin-right: 30px;overflow: hidden;} .leader-list ul li .leader-img a{display: block;} .leader-list ul li .leader-img img{transition: 0.3s all;} .leader-txt{width: calc( 100% - 190px );} .leader-txt .title{width: 100%;margin-bottom: 10px;border-bottom: 1px solid #ceab68;padding-bottom: 15px;} .leader-txt .title a{font-size: 20px;color: #333333;font-weight: bold;margin-right: 20px;} .leader-txt .title span{font-size: 16px;color: #666666;} .leader-txt .txt li{width: 100%;line-height: 30px;} .leader-txt .txt li h3{font-size: 16px;color: #434343;flex-shrink: 0;} .leader-txt .txt li p{color: #434343;} .leader-list>ul>li:hover .leader-txt .title a{color: #8c051d;} .leader-list>ul>li:hover .leader-img img{transform: scale(1.1,1.1);}