*{margin:0; padding:0; list-style:none; } header { height: 144px; background: url(/uploads/image/zimg/headerbg.jpg) center top; } .header { width: 1280px; margin: 0 auto; height: 144px; display: flex; align-items: center; } .header p { height: 115px; color: white; font-size: 32px; letter-spacing: 2px; font-family: '楷书'; display: flex; justify-content: flex-end; align-items: flex-end; box-sizing: border-box; padding: 0 0 20px 150px; flex-grow: 1; } section { width: 1280px; margin: 0 auto; } .common-title { margin: 50px 0 30px 0; color: #c13340; display: flex; justify-content: center; align-items: center; font-size: 24px; font-weight:bold; } .common-title i{ height: 1px; width: 390px; background-color: #c13340; } .common-title strong{ font-size: 48px; display: block; margin: 0 5px; } .main01{ /* display: flex; justify-content: space-between; */ } .main01-top{ display: flex; padding: 0 0 30px 0; align-items: center; } .main01-top-tag{ width: 55px; height: 55px; line-height: 55px; text-align: center; border-radius: 50%; background-color: rgba(169,45,56,0.5); position: relative; cursor: pointer; } .main01-top .line{ display: block; width: 60px; border-top: 1px dashed black; } .main01-top-tag i{ width: 45px; height:45px; line-height: 45px; text-align: center; border-radius: 50%; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; } .main01-top .active i{ background-color: #a92d38; } .main01-top-tag span{ position: relative; z-index: 9; color: white; } .main01-left{ display: flex; margin-bottom: 20px; } .main01-left-tag { width: 80px; height: 40px; line-height: 40px; text-align: center; position: relative; font-weight: bold; box-sizing: border-box; padding-left: 20px; letter-spacing: 1px; margin-bottom: 10px; margin-left: 20px; border-left: none; border: 1px solid #c13340; cursor: pointer; } .main01-left .active{ background-color: #c13340; color: white; border: none; } .main01-left-tag:hover{ background-color: #c13340; color: white; border: none; } .main01-left-tag i { display: none; position: absolute; width: 0; height: 0; border-top: 20px solid transparent; /* border-right: 50px solid red; */ border-left: 20px solid white; border-bottom: 20px solid transparent; left: 0; top: 0; } .main01-left .active i{ border-left: 20px solid white; display: block; } .main01-left-tag:hover i{ border-left: 20px solid white; display: block; } .main01-right{ flex-grow: 1; padding-top:20px; /* padding-left: 20px; */ } .main01-right li{ float:left; width:620px; overflow:hidden; padding-bottom: 25px; } .main01-right li p{ display: flex; justify-content: flex-start; align-items: center; margin: 0; } .main01-right li span{ display: block; width: 20px; height: 20px; text-align: center; line-height: 20px; margin-right: 10px; flex-shrink: 0; background:; } .main01-right li a{ font-family:微软雅黑, "microsoft yahei", "pingfang sc", "hiragino sans gb", pinghei, stheiti; font-size:18px; color:rgb(0, 0, 0); cursor:pointer; text-decoration: none; font-weight: normal; display: block; width: 590px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-bottom:1px dotted gray; line-height: 1.2; } .main02 img{ width: 100%; } .main02{ position: relative; } .change-warp{ position: absolute; top: 50%; transform: translatey(-50%); width: 100%; display: flex; justify-content: space-between; box-sizing: border-box; padding: 0 30px; } .change-warp > div{ width: 50px; height: 50px; border-radius: 50%; background-color: rgba(0,0,0,0.5); display: flex; justify-content: center; align-items: center; } .change-warp img{ width: 38px; } .slider-footer{ position: absolute; bottom: 10px; display: flex; justify-content: center; width: 100%; } .slider-footer li{ width: 10px; height: 10px; border-radius: 50%; background-color: white; margin: 0 5px; } .main03{ display: flex; } .main03 .main01-left{ display: flex; flex-direction: column; } .main03 .main01-left-tag{ margin-left: 0 !important; margin-right:20px ; } .main03-bottom ul{ display: flex; flex-wrap: wrap; justify-content: space-between; } .main03-bottom li { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; width: 48%; } .main03-bottom li span{ display: block; width: 20px; height: 20px; text-align: center; line-height: 20px; background-color: #f7eff0; color: #90000a; margin-right: 10px; flex-shrink: 0; background:; } .main03-bottom li p{ font-family:微软雅黑, "microsoft yahei", "pingfang sc", "hiragino sans gb", pinghei, stheiti; font-size:18px; width:490px; flex-grow: 1; box-sizing: border-box; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 0; } .main03-bottom li a{ text-decoration: none; display: block; padding: 0 0 0 10px; /* width: 100px; */ acolor: #409eff; flex-shrink: 0; } .image-list{ display: flex; justify-content: space-between; margin-bottom: 50px; } .image-list img{ width: 280px; } .main04{ position: relative; } .main04-change-warp img{ width: 40px; } .main04-change-warp{ position: absolute; top: 50%; transform: translatey(-50%); width: 100%; display: flex; justify-content: space-between; box-sizing: border-box; padding: 0 30px; } .main04-change-warp > div{ width: 30px; height: 60px; background-color: rgba(0,0,0,0.5); display: flex; justify-content: center; align-items: center; } .boxshadow{ box-shadow: 0 2px 12px 0 rgba(0,0,0,.1); background:#fff; } .padding{ padding: 20px; } footer{ padding: 20px 0; line-height: 30px; text-align: center; background-color:#da191c; color: white; font-family:微软雅黑, "microsoft yahei", "pingfang sc", "hiragino sans gb", pinghei, stheiti; font-size: 16px; letter-spacing: 2px; } footer .container{background:url(/uploads/image/zimg/gpjh.png) left center no-repeat;} .module_title{text-align:center;margin:40px 0 40px;background:url(/uploads/image/zimg/line.png) center 22px no-repeat;} ul.list-group span{float:right;} ul.nav-tabs{padding-left:530px;margin:40px 0 20px;border-bottom:1px solid #c13340;} .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{border:1px solid #c13340;border-bottom-color:transparent;color:#c13340;cursor:pointer !important;} .nav-tabs>li>a{font-weight:bold;color:red;font-size:20px;} div.tab-content .tab-pane{padding-top:40px;} .slidetxtbox{ width:100%;text-align:left;margin-top:40px; } .slidetxtbox .hd{ height:30px; line-height:30px; padding:0 10px 0 20px; border-bottom:1px solid red; position:relative; } .slidetxtbox .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px; } .slidetxtbox .hd ul li{ float:left; padding:0 15px; cursor:pointer; } .slidetxtbox .hd ul li.on{ height:30px; background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; } .slidetxtbox .bd ul{ padding:15px; zoom:1; } .slidetxtbox .bd li{ height:24px; line-height:24px; } .slidetxtbox .bd li .date{ float:right; color:#999; } .picmarquee-left{ overflow:hidden; position:relative;width:100%;} .picmarquee-left{width:1280px;} .picmarquee-left .bd{ padding:10px; } .picmarquee-left .bd ul{ overflow:hidden; zoom:1; } .picmarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; } .picmarquee-left .bd ul li .pic{ text-align:center; } .picmarquee-left .bd ul li .pic img{ width:240px; height:180px; display:block; padding:2px; border:1px solid #ccc; } .picmarquee-left .bd ul li .pic a:hover img{ border-color:#999; } .picmarquee-left .bd ul li .title{ line-height:24px; } #teacher .picmarquee-left .bd ul li,#student .picmarquee-left .bd ul li{margin:0 30px;} #teacher .picmarquee-left .bd ul li .pic img,#student .picmarquee-left .bd ul li .pic img{width:180px;height:180px;border-radius:180px;} .main03-bottom{padding-top:20px;} .main01-right li a{border-bottom:none;} .main01-right li a:hover{text-decoration:underline;color:#a94442} .marquee-video .bd ul li{position:relative;width:240px !important;} .marquee-video .bd ul li .title{position:absolute;right:0;bottom:2px;left:0;background-color: rgba(255,255,255,0.5);height:30px;line-height:30px;width:240px;text-align:center;overflow:hidden;} .marquee-video .bd ul li .title a{color:#333;} .marquee-person .bd ul li{width:180px !important;} ul.newslist{padding:0 20px;} ul.newslist li{background:url(/uploads/image/zimg/arrow.png) left center no-repeat;padding-left:30px;position:relative;height:50px;line-height:50px;border-bottom:1px dotted #eee;font-size:18px;margin-bottom:10px;} ul.newslist li span{position:absolute;right:0;top:5px;color:orange;} .pageinfo{text-align:center;margin:20px;} .pageinfo table{margin:0 auto;} .detailpage .title{text-align:center;color:#333;} .detailpage .info{text-align:center;margin:10px auto;color:#ccc;} a.more{display:block;width:60px;padding:5px;border:1px solid #a94442;color:#a94442;background:#fff;font-weight:bold;text-align:center;clear:both;margin:10px auto;font-size:13px;border-radius:10px;} a.more:hover{background:#a94442;color:#fff;text-decoration:none} .headstyle1bznq0q8y2 .prevdisabled,.headstyle1bznq0q8y2 a{height:22px;} .w1280{width:1280px;overflow:hidden;} .swiper-container{ --swiper-theme-color: #a94442;/* 设置swiper风格 */ --swiper-navigation-color: #a94442;/* 单独设置按钮颜色 */ --swiper-navigation-size: 30px;/* 设置按钮大小 */ } .swiper-container { width: 100%; height: 100%; } .swiper-slide { text-align: center; font-size: 18px; background: #eee; height:180px; /* center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; position:relative; } .swiper-slide img{width:100%;height:180px;} .swiper-slide .title{ position: absolute; right: 0; bottom: 0px; left: 0; background-color: rgba(255,255,255,0.5); height: 30px; line-height: 30px; width: 240px; text-align: center; overflow: hidden; } .swiper-slide .title a{color:#333;font-size:14px;} .nav-tabs .active a{cursor:pointer;}