.container1{width:1260px;margin:30px auto} .container1 .container1-title{position:relative} .container1 .container1-title a.more{display:block;width:70px;height:70px;background:url(../img/xiangyun.png) no-repeat;position:absolute;right:-30px;top:0;font-size:13px;line-height:70px;text-indent:-30px;top:10px;color:#d81e06;font-weight:bold} .container1 .container1-content{margin-top:30px;display:flex;justify-content:space-between;position:relative} .container1 .container1-content .guasheng{position:absolute;right:3px;top:-62px} .container1 .container1-content >ul{width:765px;display:flex} .container1 .container1-content>ul li{flex:1;padding:10px;background:#fff;box-shadow:0 0 10px #ccc;height:410px} .container1 .container1-content>ul li img:hover{transform:scale(1.3)} .container1 .container1-content>ul li a {color:#333} .container1 .container1-content>ul li a p.time{font-size:14px;color:#999;margin-top:10px} .container1 .container1-content>ul li a p.intro{font-size:14px;color:#666;line-height:160%;padding-top:6px} .container1 .container1-content>ul li a h4{font-size:16px;border-bottom:1px dashed #ccc;line-height:40px} .container1 .container1-content>ul li a h4:hover{text-shadow:0px 0px 2px #ccc} .container1 .container1-content>ul li:first-child{margin-right:20px} .container1 .container1-content .container1-img{height:250px;overflow:hidden} .container1 .container1-content .container1-img img{width:100%;height:100%;transition:all 0.5s} .container1 h2{text-align:center;font-size:28px;display:flex;justify-content: center;text-align:center;border-bottom:3px solid #d81e06} .container1 h2 span{width:54px;height:54px;display:block;background:url(../img/dang.png) center center;line-height:54px;color:#fff;} .container1 h3{text-align:center;margin-top:10px;-text-shadow:1px 1px 2px #fede0a;font-family:"迷你简海韵"} .container1 .news{width:454px;-border-bottom:2px solid #d11e26; box-shadow: 0 3px 41px 0.8px rgba(0, 0, 0, .12);padding:20px;background:url(../img/list_bg.png) no-repeat left bottom} .container1 .news ul{} .container1 .news ul li{line-height:44px;border-bottom:1px solid #eee;position:relative;text-indent:30px;padding-right:10px} .container1 .news ul li:hover{transform:translateX(20px);transition:all 0.4s} .container1 .news ul li:hover::before{transform:rotate(720deg);transition:all 1s} .container1 .news ul li:hover a{color:#d11e26;font-weight:bold;} .container1 .news ul li::before{content:"";width:1px;height:1px;border:4px solid #c10000;display:block;-background:#c10000;position:absolute; transform:rotate(45deg);left:4px;top:16px} .container1 .news ul li a{color:#666;font-size:16px} .container1 .news ul li span{float:right;color:#999;font-size:14px} .container2{margin:50px auto 30px;} .container2 .container2-title{position:relative;width:1260px;margin:auto;} .container2 .container2-title a.more{display:block;width:70px;height:70px;background:url(../img/xiangyun.png) no-repeat;position:absolute;right:-30px;top:0;font-size:13px;line-height:70px;text-indent:-30px;top:10px;color:#d81e06;font-weight:bold} .container2 h2{text-align:center;font-size:28px;display:flex;justify-content: center;text-align:center;border-bottom:3px solid #d81e06} .container2 h2 span{padding:10px 30px;background:#d81e06;color:#fff} .container2 h3{text-align:center;margin-top:10px;-text-shadow:1px 1px 2px #fede0a;font-family:"迷你简海韵";margin-bottom:20px} .container2 .container2-content{height:600px;font-size:16px;;background:url(../img/lbg.png);padding-top:30px} .container2 .container2-content .container2-list{width:1260px;display:flex;margin:auto} .container2 .container2-content ul{flex:1;margin:auto} .container2 .container2-content ul:nth-child(1){margin-right:50px} .container2 .container2-content ul li{height:60px;line-height:60px} .container2 .container2-content ul li span{color:#cb8e25;font-weight:bold;padding-right:20px;position:relative} .container2 .container2-content ul li span::after{content:"";width:2px;height:20px;background-color:#fff;position:absolute;right:0;top:0} .container2 .container2-content ul li a{color:#fff;padding-left:20px;} .container2 .container2-content ul li:hover a{font-weight:bold} .container3-wrapper{background:-url(../img/schoolbj.png) no-repeat -177px bottom;position:relative} .container3-wrapper::after{content:"";width:276px;height:600px;display:block;-background:url(../img/schoolbj.png) no-repeat -1076px bottom;position:absolute;right:42px;top:0px;} .container3-wrapper .container3{width:1260px;margin:auto;background:#fff} a.more:hover{font-weight:bold} .container3 .container3-title{position:relative;width:1260px;margin:auto} .container3 .container3-title a.more{display:block;width:70px;height:70px;background:url(../img/xiangyun.png) no-repeat;position:absolute;right:-30px;top:0;font-size:13px;line-height:70px;text-indent:-30px;top:10px;color:#d81e06;font-weight:bold} .container3 h2{text-align:center;font-size:28px;display:flex;justify-content: center;text-align:center;border-bottom:3px solid #d81e06} .container3 h2 span{width:54px;height:54px;display:block;background:url(../img/dang.png) center center;line-height:54px;color:#fff;} .container3 h3{text-align:center;margin-top:10px;-text-shadow:1px 1px 2px #fede0a;font-family:"迷你简海韵"} .container3 .container3-content{height:560px;margin-top:50px;} .container3 .container3-content ul{width:1260px;display:flex;height:460px} .container3 .container3-content ul li{height:460px;flex:1; box-shadow: 0px 0px 6px 0px rgb(0 0 0/ 40%);} .container3 .container3-content ul li a .container3-img{overflow:hidden} .container3 .container3-content ul li a .container3-img img{transition:all 0.3s} .container3 .container3-content ul li:hover img{transform:scale(1.2)} .container3 .container3-content ul li:nth-child(even){margin-top:50px} .container3 .container3-content ul li:nth-child(3) .container3-intro p.year{color:#000} .container3 .container3-content ul li:nth-child(3) .container3-intro p.title{color:#333} .container3 .container3-content ul li:nth-child(5) .container3-intro p.year{color:#000} .container3 .container3-content ul li:nth-child(5) .container3-intro p.title{color:#333} .container3 .container3-content ul li a{display:flex;flex-direction: column;height:460px} .container3 .container3-content ul li a div{flex:1;overflow:hidden} .container3 .container3-content ul li a .container3-img img{width:100%;height:100%} .container3 .container3-content ul li:nth-child(1) a .container3-intro{-background:#9E0D14} .container3 .container3-content ul li:nth-child(1) a .container3-intro p.year{font-size:30px;color:#000;font-weight:400;text-align:center;padding-top:40px} .container3 .container3-content ul li:nth-child(1) a .container3-intro p.title{font-size:16px;line-height:30px;text-align:center;color:#333;margin-top:30px} .container3 .container3-content ul li:nth-child(even) a .container3-intro{background:#f27320} .container3 .container3-content ul li a .container3-intro p.year{font-size:30px;color:#fff;font-weight:400;text-align:center;padding-top:40px} .container3 .container3-content ul li a .container3-intro p.title{font-size:16px;line-height:30px;text-align:center;color:#fff;margin-top:30px} .container3 .line{height:5px;background:url(../img/bgN-06.jpg) repeat-x;display:flex} .container3 .line >div{flex:1;text-align:center} .container3 .line >div span{display:block;width:17px;height:17px;background:#9E0D14;border-radius:50%;margin:auto;margin-top:-6px} .container3 .line >div p{font-size:18px;color:#9E0D14;margin-top:20px} .container4-wrapper{background:-url(../img/schoolbj.png) no-repeat -177px bottom;position:relative;margin-top:20px} .container4-wrapper::after{content:"";width:276px;height:600px;display:block;-background:url(../img/schoolbj.png) no-repeat -1076px bottom;position:absolute;right:42px;top:0px;} .container4-wrapper .container4{margin:auto;} .container4 .container4-title{position:relative;width:1260px;margin:auto} .container4 .container4-title a.more{display:block;width:70px;height:70px;background:url(../img/xiangyun.png) no-repeat;position:absolute;right:-30px;top:0;font-size:13px;line-height:70px;text-indent:-30px;top:10px;color:#d81e06;font-weight:bold} .container4 h2{text-align:center;font-size:28px;display:flex;justify-content: center;text-align:center;border-bottom:3px solid #d81e06} .container4 h2 span{width:54px;height:54px;display:block;background:url(../img/dang.png) center center;line-height:54px;color:#fff;} .container4 h3{text-align:center;margin-top:10px;-text-shadow:1px 1px 2px #fede0a;font-family:"迷你简海韵"} .container4 .container4-content {margin-top:20px;padding-bottom:15px;padding-top:10px;background:url(../img/flower.png) repeat center center;background-size:30% auto} /*.container4 .container4-content> ul{width:1260px;display:flex;margin:auto;padding:20px 0} .container4 .container4-content> ul li{flex:1;background-color:#fff;margin-right:20px;padding:10px;font-size:14px;line-height:26px;background:#fff url(../img/line-300.png) center 297px no-repeat;background-size: 238px auto;padding-bottom:20px} .container4 .container4-content> ul li:hover{background-color:#c10000} .container4 .container4-content> ul li:hover a{color:#fff} .container4 .container4-content> ul li:last-child{margin-right:0} .container4 .container4-content> ul li a{color:#333} .container4 .container4-content> ul li p{padding:0 10px;} .container4 .container4-content> ul .container4-img {width:100px;height:100px;border-radius:100%;margin:auto;overflow:hidden;margin-bottom:15px} .container4 .container4-content> ul .container4-img img{width:100%;height:100%} .container4 .container4-two{display:flex;width:1260px;margin:20px auto;} .container4 .container4-two>div{flex:1;background:rgba(255,255,255,1) /* -url(../img/line-652.png) no-repeat center 300px ;position:relative;padding-bottom:20px;background-size:615px auto} .container4 .container4-two>div:first-child{margin-right:30px} .container4 .container4-two>div h3{line-height:50px;border-bottom:1px solid #eee;text-align:left;font-size:22px;font-weight:bold;color:#b70001} .container4 .container4-two>div h3 span{padding-left:20px;padding-right:20px;border-bottom:3px solid #c10000;padding-bottom:10px} .container4 .container4-two>div ul{padding-top:20px;padding-left:20px} .container4 .container4-two>div ul li{line-height:40px;padding:0 20px;position:relative} .container4 .container4-two>div ul li:hover a{color:#c10000;font-weight:blod} .container4 .container4-two>div ul li:hover::before{transform:rotate(360deg);transition:all 1s} .container4 .container4-two>div ul li::before{content:"";width:1px;height:1px;border:4px solid #c10000;display:block;-background:#c10000;position:absolute; transform:rotate(45deg);left:4px;top:16px} .container4 .container4-two>div ul li a{color:#333;font-size:16px} .container4 .container4-two>div ul li span{float:right;font-size:13px;color:#999} .container4 .container4-two>div a.more{display:block;width:70px;height:70px;background:url(../img/xiangyun.png) no-repeat left 20px;background-size:50px auto;position:absolute;right:-30px;top:0;font-size:13px;line-height:70px;text-indent:-30px;top:10px;color:#d81e06;font-weight:bold} */ .container5-wrapper{margin-top:50px;-background:url(../img/lh_bg.png) right bottom} .container5 {width:1260px;margin: auto;background:#fff} .container5 .container5-title{position:relative;width:1260px;margin:auto} .container5 .container5-title a.more{display:block;width:70px;height:70px;background:url(../img/xiangyun.png) no-repeat;position:absolute;right:-30px;top:0;font-size:13px;line-height:70px;text-indent:-30px;top:10px;color:#d81e06;font-weight:bold} .container5 h2{text-align:center;font-size:28px;display:flex;justify-content: center;text-align:center;border-bottom:3px solid #d81e06} .container5 h2 span{width:54px;height:54px;display:block;background:url(../img/dang.png) center center;line-height:54px;color:#fff;} .container5 h3{text-align:center;margin-top:10px;-text-shadow:1px 1px 2px #fede0a;font-family:"迷你简海韵"} .container5 .container5-content{width:1260px;height:510px;margin:30px auto;display:flex} .container5 .container5-content>div:nth-child(3){margin-right:0;height:510px;} .container5 .container5-content>div{flex:1;margin-right:20px;height:510px} .container5 .container5-content>div{display:flex;flex-direction: column;} .container5 .container5-content>div>div{position:relative} .container5 .container5-content>div>div:hover img{transform:scale(1.3)} .container5 .container5-content>div p{position:absolute;background:rgba(0,0,0,0.5);left:0;bottom:0;color:#fff;text-align:center;width:100%;padding:8px 0} .container5 .container5-content>div>div{flex:1;overflow:hidden} .container5 .container5-content>div>div img{width:100%;height:100%;;transition:all 0.4s} .container5 .container5-content>div>div.container5-top{margin-bottom:20px} .side-ad{width:100px;height:294px;bottom:0;right:1%;position:fixed;z-index:100;box-shadow:0 0 10px rgba(0,0,0,0.3);color:#fff;font-size:15px;text-align:center;display:flex;flex-direction: column;} .side-ad li {flex:1;border-bottom:1px solid #e65655;background:#c10000} .side-ad li:hover{background:rgba(193,0,0,1)} .side-ad li:hover span{text-shadow:0 0 4px #000} .side-ad li a{color:#fff;display:flex;flex-direction:column;align-items:center} .side-ad li a img{width:35%;margin-top:20px} .side-ad li a span{padding-top:10px} .footer{height:225px;background:#9b0d14 url(../img/schoolbj.jpg) no-repeat center center} .footer .footer-inner{width:1260px;height:225px;margin:auto;display:flex;align-items:center} .footer .footer-inner ul{width:1260px;height:110px;display:flex;} .footer .footer-inner ul li{flex:1;height:110px} .footer .footer-inner ul li img{} .footer .footer-inner ul li:nth-child(1){border-right:1px solid #fff} .footer .footer-inner ul li:nth-child(1) p{font-size:24px;text-align:center;color:#fede0a;text-shadow:0 2px 4px #000} .footer .footer-inner ul li:nth-child(1) img{padding-top:10px} .footer .footer-inner ul li:nth-child(2) {color:rgba(255,255,255,0.8);font-size:14px;line-height:28px;padding-left:55px} .footer .footer-inner ul li:nth-child(3) {display:flex;justify-content:flex-end} .footer .footer-inner ul li:nth-child(3) img:nth-child(1){padding-right:30px}