.list-banner{width: 100%;} .list-banner img{display: block;width: 100%;} .main{width: 100%;padding: 0.3rem 0 0.4rem;} .main-left{width: 2.4rem;position:relative;padding-bottom:1rem;background: #f1f1f1;align-self: flex-start;} .main-left h3{border-bottom:1px solid #ccc;color: #ffffff;font-size: 0.24rem;display: block;height: 0.9rem;background: #e58c3f;line-height: 0.9rem;text-align: center;} .lm-title{width: 100%;background: #e58c3f;padding: 0.12rem 3%;position: relative;display: none;} .lm-title h2{font-size: 0.24rem;color: #ffffff;} .nav_menu{width: 0.3rem;height: 0.3rem;background: url(../images/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%;} .main-left>ul>li{line-height:0.55rem;border-bottom:1px dashed #ccc;position:relative} .main-left>ul>li>a{position: relative;transition: 0.3s all;padding: 0 0.55rem 0 0.3rem;} .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: #424242;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;} .li_xlz{position:absolute;right:0;top:0;cursor:pointer;width: 0.55rem;height: 0.55rem;z-index: 1;transition: 0.3s all;text-align: center;line-height: 0.55rem;color: #961e23;} .li_xlz i{font-size: 0.12rem;} .navContent{display:none;background: rgba(255,255,255,0.2);padding: 0.05rem 0;} .navContent li{padding-left:0.2rem;line-height: 0.35rem;} .navContent li a{font-size: 0.14rem;color: #333333;padding: 0 0.2rem 0 0.3rem;} .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{color: #ffffff;} .navContent li.cur a{color:#e58c3f;} .main-left li.cur .navContent{display:block;} .navContent li:hover a{color:#e58c3f;} .main-right{width: 100%;} .main-right1{width: calc(100% - 2.8rem);} .main-title{width: 100%;line-height: 0.35rem;position: relative;border-bottom: 1px solid #e1e1e1;padding-bottom: 0.2rem;} .main-title h2{font-size: 0.3rem;color:#e58c3f;position: relative;} .main-title h2::after{content: "";width: 100%;height: 3px;display: block;background: #e58c3f;position: absolute;left: 0;bottom: -0.21rem;} .main-title h2 span{color: #333333;} .main-title span.local{color: #666666;font-size: 0.16rem;line-height: 0.35rem;padding-left: 0.7rem;background: url(../images/car.png) no-repeat left center;background-size: auto 0.24rem;} .main-title span.local a{color: #666666;} .main-title span.local a:hover{color: #e58c3f;} /*文章内容开始*/ .content{width: 100%;} .content h3.title{text-align: center;font-size: .24rem;color: #333333;margin: 0.3rem 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: #222222;line-height: 0.32rem;width: 100%;} .article table{margin:0 auto !important;max-width: 920px;min-width: 500px;} .article iframe{max-width: 920px;width:100%;margin: 0 auto;display:block;} .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;} .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: #e58c3f;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: #e58c3f;padding-left: 0.24rem;} /*文章列表结束*/ /*图片列表开始*/ .pic-list{margin-top: 0.4rem;} .pic-list ul{margin-left: -0.15rem;margin-right: -0.15rem;} .pic-list ul li{width: calc( 100% / 3 );margin-bottom: 0.4rem;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 .image{transition: 0.4s all;} .pic-list ul li p{width: 100%;text-align: center;line-height: 0.5rem;color: #333333;background: #f1f1f1;} .pic-list ul li:hover .image{transform: scale(1.05,1.05);} .pic-list ul li:hover p{color: #ffffff;background: #e58c3f;} /*图片列表结束*/ .news-list1{margin-top: 0.4rem;} .news-list1 ul li{width: 100%;border-bottom: 1px solid #e1e1e1;padding-bottom:0.3rem;box-sizing: border-box;margin-bottom: 0.3rem;} .news-list1 ul li .news-img{width: 2rem;flex-shrink: 0;margin-right: 0.2rem;} .news-list1 ul li .news-img a{display: block;width: 100%;height: 1.35rem;overflow: hidden;position: relative;} .news-list1 ul li .news-img .image{transition: 0.3s all;} .news-list1 ul li.flexbox .news-txt{max-width: calc( 100% - 2.2rem );} .news-list1 ul li h3{font-size: 0.18rem;position: relative;} .news-list1 ul li h3 a{color: #333333;} .news-list1 ul li h3::after{content: "";width: 0.4rem;height: 2px;background: #999999;display: block;position: absolute;left: 0;bottom: -0.15rem;z-index: 0;} .news-list1 ul li h3::before{content: "";width: 0;height: 2px;background: #e58c3f;display: block;position: absolute;left: 0;bottom: -0.15rem;z-index: 1;transition: 0.3s all;} .news-list1 ul li p{width: 100%;line-height: 0.26rem;font-size: 0.14rem;color: #666666;margin: 0.25rem 0 0.1rem;height: 0.52rem;} .news-list1 ul li span{font-size: 0.14rem;color: #666666;line-height: 0.24rem;} .news-list1 ul li:hover h3 a{color: #e58c3f;} .news-list1 ul li:hover h3::before{width: 0.4rem;} .news-list1 ul li:hover .news-img .image{transform: scale(1.1,1.1);} .teacher-list{margin-top: 0.4rem;} .teacher-list h3{font-size:0.2rem;line-height:0.3rem;margin-bottom:0.15rem;color:#333333;} .teacher-list ul{margin-left: -0.15rem;margin-right: -0.15rem;} .teacher-list ul li{width: 20%;margin-bottom: 0.4rem;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 .txt{width: 100%;text-align: center;line-height: 0.5rem;background: #f1f1f1;transition: 0.2s all;} .teacher-list ul li .txt p{color: #434343;font-size: 0.16rem;transition: 0.2s all;} .teacher-list ul li:hover .txt{background: #e58c3f;} .teacher-list ul li:hover .txt p{color: #ffffff;} .contact_box,.map{width: 50%;} .contact_box{background: #e58c3f;padding: 0 0.5rem;display: flex;flex-direction: column;justify-content: center;} .contact_name{width: 100%;margin-bottom: 0.3rem;} .contact_name h3{font-size: 0.24rem;color: #ffffff;font-weight: normal;display: block;} .contact_name span{font-size: 0.085rem;color: #ffffff;line-height: 0.12rem;display: block;} .map img{width: 100%;display: block;} .contact_txt .item{margin-bottom: 0.2rem;} .contact_txt .item:last-of-type{margin-bottom: 0;} .contact_txt .item h3{font-size: 0.18rem;color: #ffffff;line-height: 0.24rem;margin-bottom: 0.1rem;padding-left: 0.3rem;background-position: left center;background-repeat: no-repeat;background-size: auto 0.18rem;} .contact_txt .item:first-of-type h3{background-image: url(../images/icon1.png);background-position: left 0.04rem;} .contact_txt .item:nth-of-type(2) h3{background-image: url(../images/icon2.png);background-position: left 0.04rem;} /*.contact_txt .item:nth-of-type(3) h3{background-image: url(../images/icon3.png);background-size: auto 0.22rem;background-position: left 0.01rem;}*/ .contact_txt .item:nth-of-type(3) h3{background-image: url(../images/icon4.png);background-size: auto 0.22rem;background-position: left 0.02rem;} .contact_txt .item p{font-size: 0.16rem;color: #ffffff;line-height: 0.3rem;padding-left: 0.3rem;} .parth{width: 100%;background: #ffffff;padding: 0.3rem 0 0.2rem;} .parth .ph-title{margin-bottom: 0.4rem;} .parth .ph-title,.parth .ph-box{width: 100%;text-align: center;} .ph-title h3{font-size: 0.7rem;color: #000000;font-family: myfont1;font-weight: normal;} .ph-box img{max-width: 100%;}