@charset "UTF-8";
/* ========== 主体框架 start ========== */
/* ————— 头部 start ————— */
.topBox{height: 100%;}
.top{background-color: #a20316; height: 100px;position: relative;}
.top .wrap{height: 100%;}
/* logo start */
.logo{margin-top: 20px;overflow: hidden;}
.logo img{ width: 269px;}
/* logo end */
/* 视频弹窗 start */
.aykj-videoPop .layui-layer-setwin .layui-layer-close2{
	width:30px !important;
	height:30px !important;
	right:-40px;
    top:-40px;
	background:url(../images/common/videoPopClose.png) no-repeat center center;
	}
.aykj-videoPop .layui-layer-setwin .layui-layer-close2:hover{ background:url(../images/common/videoPopClose.png) no-repeat center center;}
.aykj-videoPop {
	border:10px solid rgba(255, 255, 255, 0.9);
	box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.1)!important;
	border-radius:5px !important;
	background-color:#000 !important;
	}
/* 视频弹窗 end */
/* 搜索 start */
.search{overflow: hidden;background: #f2f2f2;}
.searchInput{width:268px;z-index:0; float: left; display: inline;}
.searchInput input{width:100%;padding: 0 16px;box-sizing: border-box;-webkit-box-sizing: border-box;height:40px;line-height: 40px;background:none;border:none;}
.searchInput input input::-webkit-input-placeholder {color: #666666; /* placeholder颜色  */font-size:14px; /* placeholder字体大小  */text-align: left; /* placeholder位置  */}
.searchBtn{float: left; display: inline; width: 38px;height:40px;overflow: hidden;background: url(../images/common/search.png) no-repeat center center;position: relative;}
.searchBtn:before {display: block;position: absolute;content: '';left: 0;top: 50%;margin-top: -10px;width: 1px;height: 20px;background-color: #d7d7d7;}

.topSearch{ width: 40px; height: 40px; background:#0a569e url(../images/common/searchH.png) no-repeat center center; cursor: pointer; border-radius: 40px; transition: all 300ms;-webkit-transition: all 300ms;}
.topSearch:hover{ background-color: #d71718;}

.animHide{opacity: 0;}
.model.show::before {animation: menu-animation .8s ease-out forwards;transform: scale(2) translateY(0);}
.model.show {display: block;}
.model {position: fixed;top: 0;left: 0;z-index: 10600;display: none;width: 100%;height: 100%;overflow: hidden;outline: 0;}
.model span {display: inline-block;width: 50px;height: 50px;line-height: 50px;position: absolute;top: 30px;right: 30px;cursor: pointer;font-size: 72px;text-align: center;overflow: hidden;color: #fff;z-index: 10;}
.model::before {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;background-color: rgba(0, 0, 0, .87);width: 100%;height: 0;padding-bottom: 100%;border-radius: 100%;transform: scale(.04) translateY(9999px);overflow: hidden;z-index: 9;}
.searchPWBox {width: 600px;height: 60px;overflow: hidden;border-radius: 5px;position: absolute;top: 50%;left: 50%;z-index: 9;margin: -30px 0 0 -300px;transition: all 0.4s linear;-webkit-transition: all 0.4s linear;;}
.searchPWBox input {display: block;float: left;width: 530px;height: 60px;background: none;border: none;line-height: 60px;color: #333;font-size: 16px;padding-left: 10px;background: #fff;}
.searchPWBox input::placeholder {color: #999;font-size: 16px;}
.searchPWBox input::-webkit-placeholder {color: #999;font-size: 16px;}
.searchPWBox a {float: left;display: inline;width: 60px;height: 60px;background: #292e88 url(../images/common/searchH.png) no-repeat center center;background-size: 19px 20px;color: #fff;font-size: 30px;text-align: center;line-height: 60px;}
.searchPWBox a:hover {opacity: 0.9;}
@keyframes menu-animation {
	0% {
		opacity: 0;
		transform: scale(.04) translateY(300%)
	}

	40% {
		transform: scale(.04) translateY(0);
		transition: ease-out
	}

	40% {
		transform: scale(.04) translateY(0)
	}

	60% {
		opacity: 1;
		transform: scale(.02) translateY(0)
	}

	61% {
		opacity: 1;
		transform: scale(.04) translateY(0)
	}

	99.9% {
		opacity: 1;
		height: 0;
		padding-bottom: 100%;
		border-radius: 100%
	}

	100% {
		opacity: 1;
		transform: scale(2) translateY(0);
		height: 100%;
		padding-bottom: 0;
		border-radius: 0
	}
}
/* 搜索 end */
/* 导航 start */
.top .topC{position: relative;}
.top .topC::before{display: block;content: '';clear: both;visibility: hidden;overflow: hidden;}
.top .bg{transition: all 0.5s; width: 100%;height: 0;background:rgba(255, 255,255, .5);position: absolute;left: 0;top: 100%;z-index: 5;}
.menuBox {background: #0a569e;position: relative;z-index: 1;}
.menu{display: flex;}
.menu dd{flex: 1;float: left;display: inline;position: relative;transition: all 500ms;-webkit-transition: all 500ms;}
.menu dd .yj{position: relative;z-index: 9;padding: 0 23px;}
.menu dd .yj a{display: block;line-height: 100px;text-align: center;color: #FFFFFF;font-size: 16px;transition: 0.4s;}

.menu dd .sj{ position: absolute; left: 100%; top: 0; width: 100%; background: rgba(0, 0, 0, 0.42); visibility: hidden; opacity: 0; transform: translateY(10px);-webkit-transform: translateY(10px);transition: all 300ms;-webkit-transition: all 300ms;}
.menu dd .sj a{ display: block; padding:12px 0; line-height: 25px; color: #fff;}
.menu dd .sj a:hover{color: #ffffff;background: #0a569e;}
.menu dd .sj a.hover{color: #ffffff;background: #0a569e;}
.menu dd .ej li:hover .sj{ visibility: visible; opacity: 1; transform: translateY(0px);-webkit-transform: translateY(0px);}

.menu dd .ej{position: absolute;top: 95%;white-space: nowrap;opacity: 0; visibility: hidden;overflow:hidden;height: 0;z-index:6;}
.menu dd .ej.open{height: 60px;}
.menu dd .ej li{display: inline-block; margin-right: 50px;}
.menu dd .ej li span a{line-height: 60px;display: block;font-size: 15px;color: #333;}
.menu dd .ej li:last-child { margin-right: 0;}

.menu dd.hover .ej {opacity: 1;visibility: visible;}
.menu .icn{ background:url(../images/topDDBg.png) no-repeat center center / contain; height: 100px;display: block;position: absolute;}
.menu dd.hover .yj a,
.menu dd .yj a:hover{color: #FFFFFF;/* background:url(../images/topDDBg.png) no-repeat center center / contain; */}
.menu dd .ej li span a:hover{color: #a20316;}
/* 导航 end */
/* ————— 头部 end   ————— */
/* ————— indexBanner start ————— */
.indexBanner{position: relative;}
.indexBanner::before{content: '';display: block;padding-top: 27.0833%;}
.indexBannerLoad{position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); transition: all 1.3s;-webkit-transition: all 1.3s;}
.indexBannerLoad svg{-webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;width: 100px;height: 100px;fill: #d71718;}
.indexBannerLoad.hide{ visibility: hidden; opacity: 0;}
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(-360deg);transform:rotate(-360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } }
.indexBanner .bd{height: 100%; overflow: hidden; position: absolute; width: 100%; left: 0; top: 0;}
.indexBanner .bd .slick-list,.indexBanner .bd .slick-track{height: 100%;}
.indexBanner.delay .bd .slick-track{ transition-delay: 1.3s !important;-webkit-transition-delay: 1.3s !important;}
.indexBanner .mySlide{height: 100%;position: relative;overflow: hidden;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.indexBanner .mySlide .bg{height: 100%;position: absolute;width: 100%;left: 0;top:0; overflow: hidden;background-size: cover;background-position: center center;background-repeat: no-repeat;transition: all 1.5s 0s ease-in-out;transform: scale(1.15);}
.indexBanner .mySlide a{display: block;height: 100%;width: 100%;}
.indexBanner .slick-dots{position: absolute;bottom: 15px;left: 0;width: 100%;text-align: center;font-size: 0;}
.indexBanner .slick-dots li{display: inline-block;width: 40px;height: 5px;border-radius: 5px;margin: 0 7px;vertical-align: middle;cursor: pointer;position: relative;background: #fff;}
.indexBanner .slick-dots li.slick-active{background: #0a569e;}
.indexBanner .mySlide .text{position: absolute; left: 50%; top:50%; width: 1200px; transform: translate(-50%,-50%); color: #FFF;display: none;}
.indexBanner .mySlide .text .text1{ font-size: 25px; margin-bottom: 30px;}
.indexBanner .mySlide .text .text2{ font-size: 0px;}
.indexBanner .mySlide .text .text2 span{font-size: 70px;font-family: "宋体";font-weight: bold;letter-spacing: 3px;float: left;}
.indexBanner .mySlide.slick-active .text{display: block;}
.indexBanner .img{ width: 1200px;position: absolute;left: 50%; top:50%;transform: translate(-50%,-50%); font-size: 0;}
.indexBanner .img .imgItem img{overflow: hidden; display: inline-block; visibility: hidden;}
.indexBanner .img .imgItem img.show{visibility: visible;}
.indexBanner .mySlide.on .bg{transform: scale(1);}
/* ————— indexBanner end ————— */
/* ————— 底部 start ————— */
.footer{ background: #fff;border-top: 3px solid #a20316;}
.footerT{padding:43px 0 40px;border-bottom: 1px solid #efefef;}
.footerT .imgC img{width: 269px;}
.shareC dd{float: left;display: inline;border:1px solid #eccdd0;height: 60px;width: 60px;border-radius:5px;position: relative;margin-right: 15px;}
.shareC dd a{display: block;background-position: center center;background-repeat: no-repeat;background-size:contain;width: 30px;height: 30px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.shareC dd .picC{transition: all 500ms;-webkit-transition: all 500ms;padding:5px;border-radius: 8px;position: absolute;left: -27px;top: -140px;opacity:0;visibility: hidden;border:1px solid #c1161f;}
.shareC dd .picC::before{display: block;content: '';border: 8px solid transparent;border-top-color: #c1161f;position: absolute;left: 50%;bottom: -17px;transform: translateX(-50%);}
.shareC dd .pic{width: 100px;}
.shareC dd .pic::before{padding-top:100%;}
.shareC dd:hover .picC{transform: translateY(10px);-webkit-transform: translateY(10px);opacity:1;visibility: visible;}
.footerBottom{padding:43px 0 25px;}
.copyRight span{height: 30px;line-height: 30px;font-size: 14px;color: #999999;display: block;text-align: right;margin-bottom: 15px;}
.copyRight a{display: inline-block;vertical-align: middle;font-size: 14px;color: #999999;}
.footerInfo .info{margin-bottom: 15px;line-height: 30px;font-size: 14px;color: #333333;}
.footerInfo .info em{display: inline-block;vertical-align: middle;background-position:center center;background-repeat: no-repeat;width: 30px;height: 30px;background-color: #c1161f;border-radius: 100%;}
.footerInfo .info .label{display: inline-block;vertical-align: middle;}
.footerInfo .info .value{display: inline-block;vertical-align: middle;}
.footerInfo .info .value .img{height: 13px;object-fit: contain;object-position: center;}
/* ————— 底部 end   ————— */
/* ========== 主体框架 end ========== */

/* ========== 内层框架 start ========== */
/* ————— subBanner start ————— */
.subBanner{position: relative;overflow: hidden;width: 100%;margin-bottom: 20px;}
.subBanner:before{display: block;content: '';padding-top: 13.5417%;}
.subBanner img{position: absolute;width: 100%;height: 100%;left: 0;top: 0;object-fit: cover; object-position: center center;transform: scale(1.1);-webkit-transform: scale(1.1);transition: all 3s ease;-webkit-transition: all 3s ease;}
.subBanner.on  img{transform: scale(1);-webkit-transform: scale(1);}
.subBanner .text{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.subBanner .wrap{height: 100%;}
.subBanner .textC{position: relative;text-align: center;}
.subBanner .textC .cnTitle{font-size: 30px;color: #ffffff;line-height: 30px;font-weight: bold;text-shadow: 0px 0px 5px rgb(0 0 0 / 0.1); margin-bottom: 10px;}
.subBanner .textC .enTitle{font-size: 14px;color: rgb(255 255 255 / .78);line-height: 30px;text-transform: uppercase;text-shadow: 0px 0px 5px rgb(0 0 0 / 0.1);}
/* ————— subBanner end ————— */
/* ————— 当前位置 start ————— */
.locationBox{clear:both;width: 100%;height: 60px;background: #f7f7f7;margin-bottom: 30px;}
.location{height: 70px;overflow: hidden;padding-left: 33px;position: relative;}
.location a.home{ position: absolute; left: 0; top: 0; width: 33px; height: 100%;background-position: left center;background-repeat: no-repeat;background-image: url(../images/common/home.png); padding-left: 0; margin-right: 0;}
.location a{display: inline;float: left;height: 70px;line-height: 70px;padding-left: 14px;margin-right: 10px;background-position: left center;background-repeat: no-repeat;background-image: url(../images/common/icon8.png);color: #333;font-size: 14px;}
.location a:hover{color:#333333}
.location a.hover{color:#333333}
.subCon{border-bottom: 1px solid #eee3d7;}
.subNavBox{margin-right:-15px; position: relative;}
.subNav::after{ display: block; content: ''; clear: both; visibility: hidden;}
.subNav a{display: inline;float: left;line-height: 70px;height:70px;color: #333333;font-size: 16px;padding:0 30px;position: relative;}
.subNav a::before{display: block;content: '';width: 1px;height: 30px;background-color: #eee3d7;position: absolute;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.subNav a i{display: inline-block;vertical-align: middle;background-position: left center;background-repeat: no-repeat;background-size: contain;width: 20px;height: 20px;margin-right: 10px;}
.subNav a i.img2{display: none;}
.subNav a.hover i.img1{display: none;}
.subNav a.hover i.img2{display: inline-block;}
.subNav a.hover{color: #ffc784}
.subNav a.hover{background-color:#a20101;}
/* ————— 当前位置 end ————— */
/* ————— 三级栏目 start ————— */
.sjMenu{ text-align: center; font-size: 0;}
.sjMenu a{ display: inline-block; height: 30px; line-height: 30px; padding:0 30px; color: #333; border: 1px solid #fff; border-radius: 32px; font-size: 14px; margin: 0 5px; background: #FFF;}
.sjMenu a:hover{ background: #a20316; color: #FFF; border-color: #a20316;}
.sjMenu a.hover{ background: #a20316; color: #FFF; border-color: #a20316;}
/* ————— 三级栏目 end ————— */
/* ————— 页码 start ————— */
.page{text-align: center;clear: both;font-size: 14px;}
.page a{display: inline-block;overflow: hidden;padding:6px 12px;color:#999999;border-radius:3px;background: #fff; margin: 0 3px;}
.page span{display: inline-block; padding: 6px 2px; position: relative; top: -15px;}
.page a:hover{background: #a20316;color: #fff;}
.page a.hover{background: #a20316;color: #fff;}
.page input{display: inline-block;vertical-align: middle;height: 22px;border: 1px solid #e6e6e6;position: relative; top: -2px;}
.page input.pageDetail{width: 30px; height: 30px; text-align: center; border-radius: 3px; color: #999999; position: relative; top: -13px;}
.page label{color:#999999;position: relative;top: -11px;}
.page input.page_bnt{border: none; width: 30px; height: 25px; cursor: pointer; background: none; color: #999999; position: relative; top: -13px;}
.page a div{width: 11px;height: 19px;background-position: center center;background-repeat: no-repeat;}
.page a.firstPage div{background-image: url(../images/common/page/firstPage.png)}
.page a.prevPage div{background-image: url(../images/common/page/prevPage.png)}
.page a.nextPage div{background-image: url(../images/common/page/nextPage.png)}
.page a.lastPage div{background-image: url(../images/common/page/lastPage.png)}
.page a.firstPage:hover div{background-image: url(../images/common/page/firstPageh.png)}
.page a.prevPage:hover div{background-image: url(../images/common/page/prevPageh.png)}
.page a.nextPage:hover div{background-image: url(../images/common/page/nextPageh.png)}
.page a.lastPage:hover div{background-image: url(../images/common/page/lastPageh.png)}
.page a.firstPage.disabled{background:#E2E2E2;}
.page a.prevPage.disabled{background:#E2E2E2;}
.page a.nextPage.disabled{background:#E2E2E2;}
.page a.lastPage.disabled{background:#E2E2E2;}
.page a.firstPage.disabled div{background-image: url(../images/common/page/firstPage.png)}
.page a.prevPage.disabled div{background-image: url(../images/common/page/prevPage.png)}
.page a.nextPage.disabled div{background-image: url(../images/common/page/nextPage.png)}
.page a.lastPage.disabled div{background-image: url(../images/common/page/lastPage.png)}
/* ————— 页码 end ————— */
/* ————— 弹窗 start ————— */
.aykj-recruitTc .layui-layer-btn{ text-align: center;}
.aykj-recruitTc .layui-layer-btn a{ height: 38px; line-height: 38px; padding: 0 40px; font-size: 14px;}
.aykj-recruitTc .layui-layer-btn .layui-layer-btn0{background: #a20316; color: #FFF; border-color: #a20316;}
.aykj-recruitTc .layui-layer-btn .layui-layer-btn1{background: #ddd; color: #8b8b8b; border-color: #ddd;}

.aykj-alert .layui-layer-btn .layui-layer-btn0{background: #a20316; border-color: #a20316;}
/* ————— 弹窗 end ————— */
/* ========== 内层框架 end ========== */

/* ========== 首页 start ========== */
.sizer1{width:300px;}
.sizer2{width:800px;}
.sizer3{width: calc(100% - 350px );}

.content{background: url(../images/indexBg.png) no-repeat center center / cover;width: 100%;height: 100vh;position: relative;overflow: hidden;padding: 0 !important;}
.video_bg{position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 1;width: 100%;height: 100%;object-fit: cover;}
.content .logo{display: block;position: absolute;left:60px;top: 50px;z-index: 11;font-size: 0;}
.content .logo img{width: 473px;}
#fireworks{position: absolute;width: 100%;height: 100%;z-index: 1;}
#canvas{position: absolute;width: 100%;height: 100%;z-index: 4;}

.scroll_box{position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);z-index: 10;margin-top:80px;}
.scroll_box .cover{z-index: 10;cursor: pointer;position: relative;float: left;width: 275px;height: 710px;}
.scroll_box .cover img{width: 100%;display: block;height: 100%;}

.stage2_logo{z-index: 1; display: block;position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);width:300px;height: 300px;background: url(../images/cover2.png) center no-repeat;margin: 40px 0 0 50px;opacity: 0;transition: all ease-in-out .7s;-ms-transition: all ease-in-out .7s;-moz-transition: all ease-in-out .7s;-webkit-transition: all ease-in-out .7s;-o-transition: all ease-in-out .7s;background-size: cover;}
.stage2_logo img{position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);width: calc(252% / 4.9);}
.stage2 .stage2_logo{opacity: 1;margin-top: 0;}

.rt_top{color: #8c0000;display: none;}
.rt_top .home{display: block;padding: 0 0 0 10px;background: url(../images/home.png) left center no-repeat;color: #8c0000;background-size: .22rem;}
.rt_top .count span{font-family: '7led';}

.nav_more{position: absolute;right: 0;top: -.88rem;width: 20px;height: 20px;border-radius: 50%;background: #f8a691;border: 10px solid #fcd8b8;opacity: 0;}
.nav_more span{display: block;width: 1px;height: 10px;position: absolute;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);background: #a20101;border-radius: 2px;}
.nav_more span:first-child{margin-left: -10px;}
.nav_more span:last-child{margin-left: .10px;}

.bg_cover{background: url(../images/cover1.png)  no-repeat center center / contain;position: absolute;width: 100%;height: 100%;z-index: 2;opacity: 1;
    transition: all ease-in-out .5s;-ms-transition: all ease-in-out .5s;-moz-transition: all ease-in-out .5s;-webkit-transition: all ease-in-out .5s;-o-transition: all ease-in-out .5s;}
.stage3 .bg_cover{opacity: 0;}


.index_01{margin: 0 0 0 120px;position: relative;z-index: 10;display: none;}
.index_01 .swiper{margin: 70px -30px 0 0;white-space: nowrap;height: 358px;overflow: hidden;}
.index_01 .swiper ul{height: 100%;}
.index_01 li{width:215px !important;position: relative;height: 100%;float: left;display: inline;}
.index_01 .item{margin: 0 30px 0 0;white-space: normal;position: relative;overflow: hidden;box-shadow: 5px 8px 6px rgba(0, 0, 0, .2);height: 100%;border-radius: 8px;overflow: hidden;}
.index_01 .img{transition: all ease-in 0.2s;-ms-transition: all ease-in 0.2s;-moz-transition: all ease-in 0.2s;-webkit-transition: all ease-in 0.2s;-o-transition: all ease-in 0.2s;height: 100%;width: 100%;display: block;}
.index_01 .img:hover{transform: scale(1.05);-ms-transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05);-o-transform: scale(1.05);}
.index_01 .title{margin: 0 0 0;position: absolute;right: 0;top: 0;color: #fff;writing-mode:vertical-lr;font-family: 'hyc1gj';word-break: break-all;text-align: center;padding: 20px 10px 0 0;font-size: 22px;}
.index_01 .title::before{display: block;content: '';width: 1px;height: 42px;background-color: rgba(255,255,255,.5);position: absolute;right: 6px;top: 22px;}
.index_01 .more{position: absolute;top: 0;right: 35px;color: #fff;writing-mode:vertical-lr;font-size: 14px;display: block;padding-top: 20px;}
.index_01 .more::after{content: '';display: block;width: 1px;height: .25rem;background: #fff;margin: .10rem auto 0;}

.index_01 .subject{position: absolute;top: 120%;left: 50%;transform: translateX(-50%);max-width: 85%;}
.stage3 .index_01{display: block;animation: index_01 .8s linear both 1.4s;}
@keyframes index_01 {
    0% { left: 8.00rem; opacity: 0;}
    100% { left: 0; opacity: 1; }
}

.stage3 .rt_top{display: block;animation: rt_top .5s linear both 1s;margin-left: 58%;}
@keyframes rt_top {
    0% { top: 1.00rem; opacity: 0;}
    100% { top: 0; opacity: 1; }
}

.stage3 .nav_more{display: block;animation: nav_more 1.4s linear both 2.4s;}
@keyframes nav_more {
    0% { opacity: 0;}
    100% { opacity: 1; }
}

@media screen  and (max-width:992px){
    .logo{width: 50vw;left: 20px;top: 20px;}
    .stage3 .scroll_box .cover{margin-left: -100%;transition: all ease-in-out .8s;-ms-transition: all ease-in-out .8s;-moz-transition: all ease-in-out .8s;-webkit-transition: all ease-in-out .8s;-o-transition: all ease-in-out .8s;}
    .bg_cover{background-size: 80% auto;}
    .scroll_box{margin-top: 0;}
    .sizer3{width: 100%;}

    .stage3 .index_01{margin: 0 20px;}
}

@media screen  and (max-width:767px){
    .logo{width: calc(100vw - 114px);max-width: 300px;}

    #canvas,.scroll_box .cover{display: none;}
    .scroll_box{left: 0;right: 0;top: 46px;bottom: 0;transform: none;width: auto !important;position: absolute;margin: 20px 0 ;padding: 20px;}

    .rt_top{display: block;left: 20px;right: 20px;}
    .rt_top .home{color: #fff;background-image: url(../images/home_w.png);float: right;margin: 0 0 30px;}
    .rt_top .home .title{font-size: 0;}
    .rt_top .count{font-size: 16px;color: #fff;clear: both;}

    .index_01{display: block;margin: 80px 0 0;clear: both;max-height: calc(100vh - 180px);overflow: auto;}
    .index_01 .swiper{margin: 0;max-width: initial;width: auto;white-space: normal;padding: 0;}
    .index_01 li{width: 50%;}
    .index_01 .item{margin: 0 15px 30px;}
    .index_01 .subject{position: relative;left: 0;right: 0;top: 0;bottom: 0;transform: none;display: block;margin: 0 auto;filter: brightness(100);}
}
.indexScrollTime{position: absolute;left: 3%;bottom: 10%;z-index:5;text-align: center;}
.indexScrollTime .conTime i{font-size: 48px;color: #fff;font-style: normal;width: 95px;height: 50px;line-height: 50px;background-color: #cc9657;border-radius: 3px;margin-right: 10px;}
.indexScrollTime span{font-size:28px;color: #f8d37f;height:45px;line-height:45px;display: block;margin-bottom: 30px;font-weight: bold;}

#mycanvas{position: absolute;left: 0;bottom: 0;z-index:3;width: 100%;height: 100%;}
.indexCon{font-size: 0;height: 100vh;background:url(../images/indexBg.png) no-repeat center center / cover;width: 100%;overflow: hidden;padding: 0 !important;}
.indexCon #scream{height: 100vh;position: absolute;z-index: -1;}
.indexContent{position:relative;z-index:3;height: 100%;}
.indexBg{background: url(../images/cover1.png) no-repeat center center / contain;width: 900px;height:900px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.indexCon .logo{position: relative;left: 50px;top: 50px;}
.indexCon .logo img{width:473px;}
.indexBox{position: absolute;left: 800px;top: 10%;font-size: 0;}
.indexLeft{display: inline-block;vertical-align: middle;width: 245px;height: 100%;position: relative;z-index: 2;padding-top:70px;cursor: pointer;}
.indexLeft .pic::before{padding-top: 288.6761%;}
.indexRight{display: inline-block;vertical-align: middle;height: 850px;position: absolute;z-index: 0;left: -30%;overflow: hidden;bottom: -9px;}
.indexRight .bg{background:url(../images/indexRightImg.png) no-repeat left center / 100% 100%;height: 100%;width: 100vw;position: absolute;left: 0;bottom: 0;}
.indexRightCon{opacity: 0;visibility: hidden;transition: all 500ms;-webkit-transition: all 500ms;height: 100%;}
.indexRightCon.show{opacity:1;visibility: visible;position: relative;}
.indexRight .indexFontC img{height: 55px;position: absolute;right:14%;top: 20%;}
.indexRight .indexSub img{height: 21px;position: absolute;right: 30%;top: 84%;}
.indexRSwiper {height: 850px;width:1190px;position: absolute;left: 25%;top: 33%;overflow: hidden;}
/* .indexRSwiper .swiper-slide .con{margin-right: -22px;} */
.indexRSwiper .swiper-slide .picC{position: relative;}
.indexRSwiper .pic{overflow: hidden;border-radius: 8px;}
.indexRSwiper .pic::before{padding-top:211.1111%;}
.indexRSwiper .swiper-slide .cntext{font-size:28px;color: #fff;writing-mode: vertical-lr;position: absolute;right: 35px;top: 10px;}
.indexRSwiper .swiper-slide .cntext::before{display: block;content: '';width: 1px;height: 40px;background-color: rgba(255,255,255,.5);position: absolute;right:-5px;top: 0;}
.indexRSwiper .swiper-slide .entext{font-size:15px;color: #fff;writing-mode: vertical-lr;position: absolute;right: 70px;top: 10px;}
/* ========== 首页 end ========== */
/* ========== 频道页 start ========== */
/*公共部分 start*/
.publicBanner{position: relative;}
.publicBanner .bg{width: 100%;height: 95px;position: absolute;left: 0;bottom: 0;background: url(../images/activeBanneIcon.png) no-repeat center center / cover;z-index:5;}
.publicBanner::before{display: block;content: '';padding-top:36.1979%;}
.publicBanner img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.publicBanner .text{position: absolute;left: 15%;top: 38%;}
.publicBanner .text img{position: relative;object-fit: contain;height: 17px;width:auto;}
.publicBanner .text2 img{height: 44px;padding:20px 0;}

.publicTitle{text-align: center;padding:70px 0 62px;}
.publicTitle .title{font-size:36px ;color: #333333;height:95px;line-height:95px;font-weight: bold;text-align: center;position: relative;padding-left: 15px;display: inline-block;vertical-align: middle;}
.publicTitle .title::before{display: block;content:'';width: 12px;height: 12px;border: 3px solid #a20316;border-radius: 100%;position: absolute;left:-15px;top: 30%;box-sizing: border-box;-webkit-box-sizing: border-box;}
.publicTitle .title i{background:url(../images/goSchoolIcon1.png) no-repeat center center / contain;width: 113px;height: 27px;display: inline-block;vertical-align: middle;margin-left: 10px;}

.noticeBtn{text-align: center;}
.noticeBtn a{padding:0 25px;height: 40px;line-height: 40px;border-radius: 50px;background-color: #a20316;font-size:14px;color: #fff;display: inline-block;transition: all 500ms;-webkit-transition: all 500ms;}
.noticeBtn em{display: inline-block;vertical-align: middle;background: url(../images/moreIcon2.png) no-repeat center center / contain;width: 20px;height: 15px;margin-left: 10px;}
.noticeBtn a:hover{box-shadow:-2px -4px 20px 13px rgba(177,20,26,.1);}
.noticeBtn a:hover em{animation: more-animation 1s linear infinite;}
@keyframes more-animation {
	0% {
		transform:translateX(0)
	}
	100% {
		transform:translateX(10px)
	}
}
/*通知公告 start*/
.noticeCon .publicBanner .bg{background-image: url(../images/noticeBannerIcon.png);}

.noticeC1{padding: 0 0 12% 0;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.noticeC1Box{margin-bottom: 60px;}
.noticeC1Left{overflow: hidden;}
.noticeC1Left .pic{overflow: hidden;}
.noticeC1Left .pic::before{padding-top:60.1852%;}
.noticeC1Left .textC{padding:13px 25px;background-color: #fff;}
.noticeC1Left .time{font-size: 14px;color: #333333;line-height:40px;text-align: center;display: inline-block;vertical-align: middle;}
.noticeC1Left .time i{font-size: 36px;color: #333;line-height: 23px;font-style: normal;display: block;}
.noticeC1Left .text{display: inline-block !important;vertical-align: middle;font-size:18px ;color: #555555;height: 60px;line-height: 60px;padding:0 30px;border-left: 1px solid #e6e6e6;margin-left: 25px;}
.noticeC1List{width:60%;margin-left: 20px;}
.noticeC1List dd{float: left;display: inline;width: 33.3333%;background-color: #fff;padding:55px 30px 90px;box-sizing: border-box;-webkit-box-sizing: border-box;transition: all 500ms;-webkit-transition: all 500ms;}
.noticeC1List dd .time{font-size: 14px;color: #333333;line-height:40px;text-align: center;display: inline-block;vertical-align: middle;margin-bottom: 30px;}
.noticeC1List dd .time i{font-size: 36px;color: #333;line-height: 23px;font-style: normal;display: block;}
.noticeC1List dd .title{font-size: 16px;color: #333333;height: 35px;line-height: 35px;margin-bottom: 10px;}
.noticeC1List dd .text{font-size: 14px;color: #666;height: 75px;line-height: 25px;margin-bottom:45px;}
.noticeC1List dd em{display: block;background:url(../images/moreIcon1.png) no-repeat left center / contain;width: 50px;height: 8px;}
.noticeC1List dd:hover{ box-shadow: 4px 2px 12px 8px rgba(0,0,0,.1);z-index: 5;position: relative;}
.noticeC1List dd:hover .time,
.noticeC1List dd:hover .title{color: #b1141a;}
.noticeC1List dd:hover .time i{color: #b1141a;}

.noticeC2{height: 957px;width: 100%;position: relative;margin-bottom: -15%;}
.noticeC2Con{position: relative;top: -15%;z-index:2;height: 100%;}
.noticeC2 .publicTitle{padding:0px 0 62px;text-align: left;position: absolute;left: 14%;top: 0;}
.noticeC2 .bg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-position: center center;background-repeat: no-repeat;background-size: cover;}

.noticeC2Scroll{position: relative;}
.noticeC2Scroll .bd{height: 100%;}
.noticeC2Scroll .bd .slick-list,.noticeC2Scroll .bd .slick-track{height: 100%;}
.noticeC2Scroll .bd .myslide{height: 100%;}
.noticeC2Scroll .bd .con{overflow: hidden;}
.noticeC2Scroll .bd .mr{width:48.5714%;margin-left: 30px;}
.noticeC2Scroll .bd .pic{border-radius: 10px;overflow: hidden;}
.noticeC2Scroll .bd .pic::before{padding-top:60%;}
.noticeC2Scroll .bd .ml{overflow: hidden;padding-top: 13%;}
.noticeC2Scroll .bd .time{color:#fff;font-size: 18px;height: 33px;line-height: 33px;}
.noticeC2Scroll .bd .title a{font-size: 24px;font-weight: bold;color:#fff;line-height: 55px;overflow: hidden;height: 55px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;max-height:100px;-webkit-box-orient: vertical;margin-bottom: 17px;}
.noticeC2Scroll .bd .text a{font-size:16px;line-height: 25px !important;color:#fff !important;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;height: 50px;-webkit-box-orient: vertical;margin-bottom: 27px;}
.noticeC2Top{margin-bottom: 20px;}
.noticeC2Top .circle-box{position: absolute;left: 51%;margin-left:-109px;top:345px;border-radius: 50%;z-index: 5;background: url(../test/noticeC2Img2.png) center no-repeat;width: 190px;height: 190px;}
.noticeC2Scroll .slick-dots {position: absolute;bottom: auto;top: 190px;list-style: none;text-align: center;padding: 0px;width: 100%;left: -67px;}
.noticeC2Scroll .slick-dots li.slick-active{background:#fff}
.noticeC2Scroll .slick-slider {margin-bottom: 0;}
.noticeC2Scroll .slick-dots li {position: relative;display: inline-block;height: 10px; width: 10px;margin: 0px 5px;padding: 0px;cursor: pointer;border:1px solid #fff;border-radius: 50%;background: none;}
.noticeC2Scroll .slick-dots li button {border: 0;background: transparent;display: block;height: 10px;width: 10px;outline: none;line-height: 0;font-size: 0;color: transparent;padding: 5px;cursor: pointer;outline: none;}
.noticeC2Scroll .slick-dots li button:focus {outline: none;}
.noticeC2Scroll .noticeBtn{text-align: left;}
.noticeC2Scroll .noticeBtn a{padding: 0;}
.circle-box img{transition: all 1s;position: absolute;left:8%;top: 8%;}
.circle-box .time{position: absolute;left: 40%;top: 32%;font-size: 18px;color: #fff;line-height: 35px;}
.circle-box.right img{animation:move1 1s 1;-webkit-animation:move1 1s 1; }
.circle-box.left img{animation:move2 1s 1;-webkit-animation:move2 1s 1; }
@keyframes move1 {
   from {
     transform: rotate(0deg); 
   }
 
   to {
     transform: rotate(-90deg);
   }
}
@keyframes move2 {
   from {
     transform: rotate(0deg); 
   }
 
   to {
     transform: rotate(90deg);
   }
 }
.noticeC2Bottom {margin-right: -17px;position: relative;z-index: 1;}
.noticeC2Bottom dd{float: left;display: inline;width: 33.3333%;}
.noticeC2Bottom dd a{display: block;margin-right: 17px;border-radius: 10px;overflow: hidden;}
.noticeC2Bottom dd .pic::before{padding-top:60.4396%;}
.noticeC2Bottom dd .con{background-color: #fff;padding:8px 30px 20px;}
.noticeC2Bottom dd .time{font-size:16px ;color: #a1181e;height:30px;line-height:30px;}
.noticeC2Bottom dd .text{font-size: 18px;color: #333333;height:38px;line-height:38px;font-weight: bold;}

.noticeC3{background-color: #fff;padding-bottom: 110px;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.noticeC3 .publicTitle{padding:75px 0 60px;text-align: left;}
.noticeC3List{margin:0 -25px 60px 0;}
.noticeC3List dd{float: left;display: inline;width: 33.3333%;}
.noticeC3List dd a{display: block;margin-right: 25px;border: 1px solid #eaeaea;padding:20px;border-radius: 10px;overflow: hidden;transition: all 500ms;-webkit-transition: all 500ms;}
.noticeC3List dd .pic{margin-bottom: 20px;border-radius: 10px;overflow: hidden;transition: all 500ms;-webkit-transition: all 500ms;}
.noticeC3List dd .pic::before{padding-top:59.7561%;}
.noticeC3List dd .title{font-size:18px ;color: #333;height:40px;line-height:40px;}
.noticeC3List dd .text{font-size:16px ;color: #999;height:35px;line-height:35px;margin-bottom: 15px;}
.noticeC3List dd i{background:url(../images/moreIcon1.png) no-repeat left center / contain;display: block;width: 52px;height: 8px;transition: all 500ms;-webkit-transition: all 500ms;}
.noticeC3 .noticeBtn{text-align: left;}
.noticeC3List dd:hover a{border-color: #b1141a;}
.noticeC3List dd:hover .pic{box-shadow: -5px 4px 10px 6px rgba(0,0,0,.1);}
.noticeC3List dd:hover i{background-image:url(../images/moreIcon3.png);}

.noticeC4{position: relative;padding: 120px 0 0;height: 1048px;box-sizing: border-box;-webkit-box-sizing: border-box;}
.noticeC4 .publicTitle{padding:0;margin-bottom: 62px;}
.noticeC4 .bg{background-position: center center;background-repeat: no-repeat;background-size: cover;position: absolute;left: 0;top:-7%;width: 100%;height: 100%;padding-bottom: 100px;}
.noticeC4Scroll {position: relative;width: 1400px;padding-bottom: 55px;cursor: pointer;margin-bottom: 25px;}
.noticeC4Scroll .bd .swiper-wrapper .swiper-slide {width: 50%;position: relative;border-radius: 10px;overflow: hidden;}
.noticeC4Scroll .bd .swiper-wrapper .swiper-slide  .pic {overflow: hidden;}
.noticeC4Scroll .bd .swiper-wrapper .swiper-slide  .pic::before {padding-top: 60%;}
.noticeC4Scroll .bd .swiper-wrapper .swiper-slide  .pic img{object-fit:cover;background-color: #fff;}
.noticeC4Scroll .bd .swiper-wrapper .swiper-slide  .text {position: absolute;left: 0;bottom: -60px;width: 100%;line-height: 60px;height: 60px;text-align: center;font-size: 18px;color: #fff;visibility: hidden;opacity: 0;transition: all 0.4s;-webkit-transition: all 0.4s;}
.noticeC4Scroll .bd .swiper-wrapper .swiper-slide em{background:url(../images/videoIcon1.png) no-repeat center center / contain;width: 40px;height: 40px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);display: block;z-index: 5;}
.noticeC4Scroll .bd .swiper-wrapper .swiper-slide .mask{background-color: rgba(255,255,255,.3);width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;}
.noticeC4Scroll .bd .swiper-wrapper .swiper-slide.swiper-slide-active .mask{background-color: rgba(0,0,0,.2);}
.noticeC4Scroll .swiper-slide.swiper-slide-active  .pic .text {bottom: 0;opacity: 1;visibility: visible;position: relative;z-index: 3;text-align: left;padding:0 60px;box-sizing: border-box;-webkit-box-sizing: border-box;width: 100%;}
.noticeC4Dot{position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.noticeC4Dot span{width: 12px;height: 12px;border: 1px solid #a1181e;box-sizing: border-box;-webkit-box-sizing: border-box;background-color: transparent;margin-right: 12px;}
.noticeC4Dot span.swiper-pagination-bullet-active{background-color: #a1181e !important;}
.noticeC4 .noticeBtn a{position: relative;z-index:2;}

.noticeC5{background-position: center center;background-repeat: no-repeat;background-size: cover;padding: 150px 0 200px;position: relative;}
.noticeC5 .publicTitle{position: absolute;right: 0;top: 0;padding: 0;}
.eventScroll{position: relative;}
.eventScroll::before{display: block;content: '';width: 50.1429%;height: 557px;background-color: #a20316;position:absolute;left: 0;top: 0;border-radius: 10px;overflow: hidden;}
.eventScroll::after{display: block;content: '';clear: both;visibility: hidden;}
.eventYear{font-size: 200px;color: transparent;text-align: center;position: absolute;left: 55%;top: -18px;margin-left: -246px;font-weight: bold;background: linear-gradient(#e6f5fd,#e6f5fd);background: -webkit-linear-gradient(#edf8fe,#e6f5fd);background-clip: text;-webkit-background-clip: text;display: inline-block;font-family: 'DINPro';}
.eventYear::before{display: block;content: "";width: 100%;height: 75%;background: linear-gradient(transparent,#fff);background: -webkit-linear-gradient(transparent,#fff);position: absolute;left: 0;bottom: 0;}
.eventLine{position: absolute;width: 27.0714%;height: 80px;background: linear-gradient(90deg, #a20316 1px,transparent 1px) repeat-x;background-size: 10px 6px;background-position: right bottom;right: 0;top: 82%;}
.eventScroll .bd{/* overflow: hidden; */position: relative;float: left;display: inline;width: 71.9285%;z-index:10;}
.eventScroll .bd .slick-list{ margin-right: 0px;}
.eventScroll .myslide{ float: left; display: inline; width: 100%;}
.eventScroll .myslide .con{overflow: hidden;background: url(../images/aboutUs2conbg.jpg) no-repeat center / cover;padding-top: 10%;margin-left: 27%;}
.eventScroll .myslide .con .pic{width: 680px;border-radius: 10px;overflow: hidden;}
.eventScroll .myslide .con .pic::before{padding-top: 54.2941%;}
.eventScroll .myslide .con .html{ overflow: hidden;display: none;}
.eventScroll .prev{z-index: 9;width: 50px;height: 50px;position: absolute;right: -30%;top: 57%;cursor: pointer;transition: all .4s ease-in;-webkit-transition: all .4s ease-in;background: url(../images/prev-red.png)no-repeat  center center  / 12px 19px;border-radius: 100%;border: 1px solid #ecd9d9;}
.eventScroll .next{z-index: 9;width: 50px;height: 50px;position: absolute;right: -38%;top: 57%;cursor: pointer;transition: all .4s ease-in;-webkit-transition: all .4s ease-in;background: url(../images/next-red.png)no-repeat  center center / 12px 19px;border-radius: 100%;border: 1px solid #ecd9d9;}
.eventScroll .prev:hover{background-color: #a20316;background-image: url(../images/prev-bai.png);}
.eventScroll .next:hover{background-color: #a20316;background-image: url(../images/next-bai.png);}

.eventCtrl{position: relative;padding-top: 383px;overflow: hidden;}
.eventCtrl .dot{overflow: hidden;box-sizing: border-box;-webkit-box-sizing: border-box;}
.eventCtrl .dot li{ width: 14.2857%; float: left; display: inline;}
.eventCtrl .dot li .item{text-align: left;cursor: pointer;height: 80px;position: relative;}
.eventCtrl .dot li .item::after{display: block;content: "";width: 1px;height: 16px;background-color: #a20316;position: absolute;left: 35px;bottom: 0;}
.eventCtrl .dot li.slick-active .item::after{display: block;content: "";width: 1px;height: 16px;background-color: #a20316;position: absolute;left: 35px;bottom: 0;}
.eventCtrl .dot li .item span{display: inline-block;height: 28px;line-height: 28px;color: #a20316;font-size: 18px;box-sizing: border-box;-webkit-box-sizing: border-box;font-family: 'DINPro';}
.eventCtrl .dot li .item span::before{display: block;content: "";width: 6px;height: 6px;border-radius: 6px;position: absolute;left: 68%;margin-left: -36px;bottom: 34px;transform: scale(0);-webkit-transform: scale(0);opacity: 0;transition: all .4s ease-in;-webkit-transition: all .4s ease-in;background: url(../images/aboutUs2icn.png) no-repeat center;}
.eventCtrl .dot li.slick-active .item span{color: #a20316;font-size: 30px;font-weight: bold;}
.eventCtrl .dot li.slick-active .item span::before{opacity: 1;transform: scale(1);-webkit-transform: scale(1);background: #a20316;}
.eventTextBox{width: 45%;position: absolute;left: -8%;top: 40%;}
.eventTextBox .wrap{clear: none;width: 50%;} 
.eventTextBox .title{font-size: 30px;font-weight: bold;height: 43px;line-height: 43px;color: #fff;padding-bottom: 8px;margin-bottom: 30px;position: relative;}
.eventTextBox .title span{display: inline-block;color: #fff;font-size: 30px;}
.eventTextBox .title::before{display: block;content: '';width: 50px;height: 2px;background-color: rgba(255,255,255,.5);position: absolute;left: 0;bottom: 0;}
.eventTextBox .info{line-height: 35px;font-size: 16px;color: #fff;font-weight: bold;}
.eventCBox .title{font-size:32px ;color: #2b2927;height:63px;line-height:63px;font-weight: bold;}
.eventCBox span{display: block; font-size:36px ;color: #92a7bd;height:57px;line-height:57px;}
/*通知公告 end*/
/*校庆活动 start*/
.activeC1{background-position:center center;background-repeat: no-repeat;background-size: cover;padding:53px 0 102px;}
.activeC1 .publicTitle{padding:0;margin-bottom: 40px;}
.activeC1Con{margin-bottom: 70px;}
.activeC1Left{width:55.7143%;margin-right:-30px;}
.activeC1List{margin-right:30px;}
.activeC1List dd{float: left;display: inline;width: 50%;position: relative;top: 0;transition: all 500ms;-webkit-transition: all 500ms;}
.activeC1List dd:hover{top: -10px;}
.activeC1List dd a{margin-right: 30px;background:#fff url(../images/activeC1Icon1.png) no-repeat left bottom / 135px 78px;padding:20px 20px 28px;display: block;box-shadow:1px 3px 8px 5px rgba(177,20,26,.02);margin-bottom: 30px;border-top: 2px solid #a20316;}
.activeC1List dd .time{font-size: 14px;color: #999999;height:25px;line-height:25px;margin-bottom: 7px;}
.activeC1List dd .text{font-size: 18px;color: #333333;height:60px;line-height:30px;margin-bottom: 55px;font-weight: bold;}
.activeC1List dd i{display: block;background: url(../images/moreIcon1.png) no-repeat left center / contain;width: 45px;height: 8px;}
.activeC1Right{background-color: #a20316;border-radius: 10px;overflow: hidden;padding:82px 40px 85px;position: relative;}
.activeC1Right::before{display: block;content: '';width: 283px;height: 188px;position: absolute;right:-45px;bottom: 0;background: url(../images/activeC1Icon2.png) no-repeat center center / contain;}
.activeC1Right .time{font-size:14px ;color: #fff;height: 20px;line-height:20px;}
.activeC1Right .title{font-size: 18px;color: #fff;height: 47px;line-height:47px;font-weight: bold;margin-bottom: 15px;}
.activeC1Right .text{font-size:14px ;color: #fff;height: 90px;line-height:30px;margin-bottom: 83px;}
.activeC1Right i{display: block;background: url(../images/moreIcon4.png) no-repeat left center / contain;width: 45px;height: 8px;}

.activeC2{background-position:center center;background-repeat: no-repeat;background-size: cover;height: 848px;position: relative;}
.activeC2 .wrap{height: 100%;position: relative;}
.activeC2List{position: absolute;left: 0;bottom: 0;}
.activeC2List dd{float: left;display: inline;width: 50%;overflow: hidden;padding:67px 0;position: relative;}
.activeC2List dd::before{display: block;content: '';width: 1px;height: 100%;background-color: rgba(255,255,255,.5);position: absolute;left: 30%;top: 0;}
.activeC2List .dd1{background-color: #b80118;}
.activeC2List .dd2{background-image: linear-gradient(to right,#f8a452,#ffbb84);}
.activeC2List dd .ddl{width:30%;padding:42px 0 15px;text-align: center;}
.activeC2List dd .ddl em{display: block;background-position: center center;background-repeat: no-repeat;background-size: 25px 25px;width: 60px;height: 60px;border: 1px solid rgba(255,255,255,.5);border-radius: 10px;overflow: hidden;margin: 0 auto;}
.activeC2List dd .ddl .text{font-size: 24px;color: #fff;height: 65px;line-height: 65px;font-weight: bold;}
.activeC2List dd .ddr{overflow: hidden;padding:0 30px;}
.activeC2List dd .ddr .text{line-height: 30px;height: 120px;font-size:14px;color: #fff;margin-bottom: 55px;}
.activeC2List dd .ddr i{display: block;background: url(../images/moreIcon4.png) no-repeat left center / contain;width: 45px;height: 8px;}

.activeC3{background-position:center center;background-repeat: no-repeat;background-size: cover;padding-bottom: 105px;}
.activeC3 .publicTitle{padding:70px 0 40px;margin: 0;}
.activeC3Scroll{position: relative;margin-bottom: 70px;box-shadow: 1px 10px 10px rgba(0,0,0,.05);}
.activeC3Scroll .bd{height: 100%;border-radius: 10px;overflow: hidden;}
.activeC3Scroll .bd .slick-list,.activeC3Scroll .bd .slick-track{height: 100%;}
.activeC3Scroll .bd .myslide{height: 100%;}
.activeC3Scroll .bd .myslide .pic{width:51.4286%;}
.activeC3Scroll .bd .myslide .pic::before{padding-top:59.7222% ;}
.activeC3Scroll .bd .myslide .left{overflow: hidden;background-color: #fff;padding:87px 40px 175px;}
.activeC3Scroll .bd .myslide .time{font-size:14px ;color: #999;height:33px;line-height:33px;}
.activeC3Scroll .bd .myslide .title{font-size:18px ;color: #a20316;height:35px;line-height:35px;font-weight: bold;margin-bottom: 10px;}
.activeC3Scroll .bd .myslide .text{font-size: 14px;color: #808080;height:90px;line-height:30px;}
.activeC3Scroll .slick-dots{position: absolute;left:40px;bottom:28%;}
.activeC3Scroll .slick-dots li{float: left;display: inline;margin-right: 10px;border: 1px solid #a20316;box-sizing: border-box;width: 15px;height: 15px;-webkit-box-sizing: border-box;position: relative;border-radius: 100%;}
.activeC3Scroll .slick-dots li.slick-active::before{display: block;content: '';width: 10px;height: 10px;background-color: #a20316;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);border-radius: 100%;}

.activeC4{background-position:center center;background-repeat: no-repeat;background-size: cover;padding-bottom: 105px;overflow: hidden;}
.activeC4 .publicTitle{padding:68px 0 40px;margin: 0;}
.activeC4List {margin:0 -30px 70px 0;}
.activeC4List dd{float: left;display: inline;width: 33.3333%;}
.activeC4List dd a{display: block;margin-right: 30px;box-shadow: 1px 10px 10px rgba(0,0,0,.05);border-radius: 8px;overflow: hidden;}
.activeC4List dd .dic::before{padding-top:60.2247%;}
.activeC4List dd .con{background-color: #fff;padding:20px 20px 28px;}
.activeC4List dd .text{font-size:18px ;color: #333;height:45px;line-height:45px;font-weight: bold;margin-bottom: 32px;}
.activeC4List dd .time{font-size: 14px;color: #999;height:35px;line-height:35px;}

.notiveC5CBox{position: relative;}
/*校庆活动 end*/
/* ========== 频道页 end ========== */