.notice{width:1200px;height:60px;line-height:60px;margin:20px auto} .news-container{width:1200px;height:396px;margin:auto;display:flex;justify-content:space-between} .news-contaienr .news-pic{width:660px;height:396px;} .news-container .news { width: 506px; height: 396px; -background:url(../img/icon_topnew.png) no-repeat 0px 0px/86px 86px; position:relative; } .news-container .news h2 { color: #000; border:0; height:40px; line-height:40px; text-align:center; color:#ae1d1d; font-weigth:bold } .news-container .news .headerline{border-bottom:1px dashed #ae1d1d} .news-container .news .headerline:hover h2{text-shadow: 0 0 1px #AE1D1D;} .news-container .news h2:hover{} .news-container .news p { color: #404040; line-height: 30px; padding: 10px 0; font-size: 16px } .news-container .news ul { padding-top: 10px } .news-container .news ul li { line-height: 34px; -background: url(../img/ag-dot.jpg) no-repeat left center; padding-left: 15px; position:relative } .news-container .news ul li::before{ content: ''; position: absolute; width: 7px; height: 7px; top: 50%; left: 0; margin-top: -4px; -border-radius: 50%; background-color: #cc3333; } .news-container .news ul li span { float: right; font-size: 13px; color: #777 } .news-container .news ul li a { color: #333; font-size: 16px } .news-container .news ul li:hover{transform:translateX(10px);transition:all 0.3s} .news-container .news ul li a:hover{color:#ae1d1d} .biaoyu{width:1200px;height:100px;margin:30px auto 0} .biaoyu img{width:100%;height:100%} .sz-container1{width:1200px;margin:30px auto;padding-top:30px;display:flex;justify-content:space-between} .sz-container1 .sz-left{padding-top:5px;width:640px;border-top:6px solid #be0c09;position:relative} h2.title{width:166px;height:48px;line-height:48px;background:#fff;position:absolute;left:50%;transform:translateX(-50%);top:-27px;text-indent:54px;color:#be0c09;background:#fff url(../img/titleicon.png) no-repeat left center/50px auto} .sz-container1 .sz-right{padding-top:5px;width:506px;border-top:6px solid #be0c09;position:relative} .sz-container1 .sz-right ul { padding-top: 30px } .sz-container1 .sz-right ul li { line-height: 48px; background: url(../img/ag-dot.jpg) no-repeat left center; padding-left: 15px; } .sz-container1 .sz-right ul li span { float: right; font-size: 13px; color: #777 } .sz-container1 .sz-right ul li a { color: #333; font-size: 16px } .sz-container1 .sz-right .titlepic{width:395px;height:116px;background:url(../img/titlepic1.png) no-repeat center -15px;background-size:cover;margin-top:35px} .sz-container1 .sz-left .sz-left-content {width:100%;display:flex;flex-wrap:wrap;justify-content:space-between} .sz-container1 .sz-left .sz-left-content h3{display:flex;margin-top:22px} .sz-container1 .sz-left .sz-left-content h3 span{font-size:16px;margin-right:4px;line-height:30px;text-align:center;display:block;width:30px;height:30px;border:1px solid darkred;border-radius:100%;background:#be0c09;color:#fff} .sz-container1 .sz-left .sz-left-content ul{padding-top:30px} .sz-container1 .sz-left .sz-left-content ul li{ line-height: 48px; background: url(../img/ag-dot.jpg) no-repeat left center; padding-left: 15px; } .sz-container1 .sz-left .sz-left-content ul li span{float: right; font-size: 13px; color: #777} .sz-container1 .sz-left .sz-left-content ul li a{color: #333;font-size: 16px} .sz-container1 ul li a:hover{color:#b20000!important;transition:color 0.3s;font-weight:500}.sz-container1 .sz-left .sz-left-content >div{width:100%;} .teacherteam-container{margin-top:50px;height:380px;padding:30px 0;background:url(../img/dyw1009_1.png) no-repeat center center} .teacherteam-container .teacherteam{width:1200px;height:380px;margin:auto;display:flex;justify-content:space-between} .teacherteam-container .teacherteam .teacerteam-title{text-align:center;width:35px;height:280px;background-color:#be0c09;color:#fff;font-size:20px;padding:30px;font-weight:bold;padding-top:70px} .teacherteam-container .teacherteam ul{width:1150px;display:flex;justify-content:space-around} .teacherteam-container .teacherteam ul li{border-radius:9px;width:270px;min-height:380px;background-color:#fff;border:1px solid #efefef} .teacherteam-container .teacherteam ul li .title-icon{ width: 120px; height: 120px; display: block; margin: 20px auto 0; border-radius: 50%; background:url(../img/teacher1.jpg) no-repeat; background-size: cover; background-position: 50%; } .teacherteam-container .teacherteam ul li p{margin-top:30px;border-top:1px dashed #eee;font-size:14px;line-height:28px;padding:10px} .teacherteam-container .teacherteam ul li .zhankai{font-size:13px;color:#414a67;text-align:center;line-height:23px;position:relative} .teacherteam-container .teacherteam ul li .zhankai i{position:absolute;right:40%;top:10px;border:6px solid #414a67;height:0;width:0;border-bottom-color: transparent;border-left-color:transparent;border-right-color:transparent} .video-container{width:1300px;height:380px;margin:20px auto;display:flex;padding-top:30px;justify-content:space-between;} .video-container .video{padding-top:30px;width:780px;height:335px;border-top:2px solid #be0c09;position:relative} .video-container .video .video-list{width:845px; = border: 12px solid #be0c09; = border-bottom-width: 18px;position:relative} .video-container .video -.video-list:before{ content: ''; position: absolute; top: 0px; right: 0px; width: 64px; height: 41px; background: url(../img/jypx.png) no-repeat;} .video-container .video .video-list ul{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between} .video-container .video .video-list ul li{width:270px;height:160px;position:relative;margin-bottom:15px} .video-container .video .video-list ul li img{width:100%;height:100%} .video-container .video .video-list ul li p.video-title{position:absolute;line-height:30px;background:rgba(0,0,0,0.7) ;left:0;bottom:0;width:100%;color:#fff;font-size:13px;text-align:center} .video-container .video .video-list ul li .play{width:40px;height:40px;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;background:url(../img/play.png);background-size:cover;opacity:0.9} .book{padding-top:10px;width:400px;height:335px;border-top:2px solid #be0c09;position:relative} .book .booklist{height:180px;width:400px;margin:20px auto 0px;display:Flex;justify-content:space-between} .book .booklist img{width:127px;height:160px;} .book ul{padding-top:0px!important} .book ul li{background:url(../img/red-icon.gif) no-repeat left center;line-height:30px!important;text-indent:10px} .book ul li a{color:#222;font-size:14px!important;} .link{height:80px;line-height:80px;width:1300px;margin:30px auto 20px;position:relative;border:2px solid #be0c09;} .link .linkschool a{color:#333;padding:0 30px} .link .linkschool a:hover{color:#ae1d1d}