.list-banner{width: 100%;height: 300px;} .list-banner img{width: 100%;height: 100%;object-fit: cover;} .main-head{width: 100%;height: 60px;background: url(../img/main_head_bg.png) repeat-x bottom left;background-size: 100% 99%;position: absolute;left:0;bottom:0;} .main-head .w12{height: 100%;} .main-head h3{color: #ffffff;font-size: 24px;padding-left:40px;} .main-head span{font-size: 14px;color: #ffffff;} .main-head span svg{margin-right: 4px;width: 20px;height: 20px;fill: none;stroke: #fff;} .main-head span a{color: #ffffff;padding:0 4px;} .main{width: 100%;padding-bottom:30px;margin-top: 30px;} .main .w12{align-items: flex-start;} .main-left{width: 250px;position:relative;background:#fff;box-shadow: 0 0 6px 0 rgba(0,0,0,.1);} .main-left .lm{width: 100%;height: 70px;background: #0061cb;text-align: center;line-height: 70px;font-size: 24px;color: #fff;font-weight: bold;} .main-left>ul{padding: 0 10px;background: url(../img/part01_bg.jpg) repeat;} .main-left>ul>li{line-height:55px;border-bottom:1px dashed #ddd;position:relative} .main-left>ul>li:last-child{border-bottom:none;} .main-left li a{font-size:16px;color:#333;display:block;padding:0 5px;padding-left:30px} .li_xlz{position:absolute;right:0px;top:0px;cursor:pointer;background: url(../img/right_blue.svg) no-repeat center center;background-size: 15px 15px;width: 55px;height: 55px;} .navContent{display:none} .navContent li{padding-left:20px;line-height: 45px;} .navContent li a{font-size: 14px;color: #333333;} .li_xlz.on{transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg)} .main-left>ul>li.cur>a,.navContent li.cur a{color:#0061cb;} .main-left>ul>li:hover>a,.navContent li:hover a{color:#0061cb;} .main-left li.cur .navContent{display:block;} .main-right{width: calc( 100% - 280px );min-height: 500px;} .main-right .main-title{line-height: 45px;border-bottom: 2px solid rgba(19,49,122,.13);margin-bottom: 10px;} .main-right .main-title h2{font-size: 20px;color:#0061cb;} .main-right .main-title span{font-size: 14px;color: #434343;padding-left:22px;background: url(../img/local.svg) no-repeat left center;background-size: 18px 18px;} .main-right .main-title span a{color: #434343;} .main-right .main-title span a:hover{color: #0061cb;} .content-title{margin:20px 0;} .content-title h3{font-size: 24px;color: #333;text-align: center;} .content-infor{border-bottom:1px solid #eeeeee;text-align: center;padding-bottom:10px;margin-bottom: 10px;} .content-infor span{margin:0 10px;font-size: 14px;color: #666666;} .article p{font-size: 16px;color: #434343;line-height: 30px;} .article img{max-width: 100%;height: auto;display:inline-block;} .article table,.article video{width: 100%;margin: 0px auto;height: auto;display: block;} .content .lm_list {margin-bottom:20px;} .content .lm_list li{line-height: 60px;font-size: 16px;border-bottom:1px dashed #eee;} .content .lm_list li a{color: #434343;padding-left: 20px;position: relative;max-width: calc( 100% - 110px );} .content .lm_list li a::before{content: "";width: 8px;height: 8px;background: #0061cb;display: block;position: absolute;left:0;top:45%;transform: rotate(45deg);margin-left: 2px;} .content .lm_list li span{color: #666666;flex-shrink: 0;margin-left: 20px;} .content .lm_list li a:hover{color: #0061cb;} .content .pic_list{margin-top: 15px;} .content .pic_list li{margin-bottom: 15px;margin-right: 30px;width: calc( ( 100% - 60px )/3 );} .content .pic_list li:nth-child(3n){margin-right: 0;} .content .pic_list li a{display: block;} .content .pic_list li .pic-img{width: 100%;height: 170px;overflow: hidden;} .content .pic_list li .pic-img img{width: 100%;height: 100%;object-fit: cover;transition: 0.5s all;} .content .pic_list li p{font-size: 16px;color: #434343;line-height: 40px;text-align: center;padding: 0 10px;} .content .pic_list li:hover .pic-img img{transform: scale(1.1,1.1);} .content .pic_list li:hover p{color: #0061cb;} .content .teacher_list{margin-top: 25px;} .teacher_list li{width: calc( 50% - 15px );margin-right: 30px;margin-bottom: 30px;} .teacher_list li:nth-child(2n){margin-right: 0;} .teacher_list li .photo{width: 160px;height: 210px;overflow: hidden;} .teacher_list li .photo a{display: block;height: 100%;} .teacher_list li .photo img{width: 100%;height: 100%;object-fit: cover;transition: 0.5s all;} .teacher_list li .txt{width: calc( 100% - 160px );padding: 10px 0;border:1px solid #eeeeee;border-left: none;} .teacher_list li .txt p{font-size: 16px;color: #434343;line-height: 40px;padding-left: 20px;width:calc( 100% - 20px );} .teacher_list li .txt p a{color:#0061cb;} .teacher_list li:hover .photo img{transform: scale(1.1,1.1);}