/* 素养首页 */
.sy-footer{}
.sy-footer .top{background: #3c495e;padding: 45px 0px 23px;}
.sy-footer .top .menu{margin-bottom: 30px;text-align: center;}
.sy-footer .top .menu .item{background-color: #50607c;border-radius: 4px;display: inline-block;font-size: 16px;color: #d4dae4;line-height: 25px;padding:10px 28px;margin: 0px 10px; }
.sy-footer .top .menu .item:hover{color: #ffffff;background-color: #5297e3;}
.sy-footer .top .con{font-size: 16px;line-height: 36px;text-align: center; color: #d4dae4;}
.sy-footer .btm{background: #303b4c;font-size: 14px;line-height: 26px;padding: 22px 0px; color: #94a5bf;text-align: center; }

.top-swipper{position: relative;height: 550px;overflow: hidden; }
.top-swipper .swiper-slide{text-align: center;}
.top-swipper .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}
.top-swipper .container{position: absolute;left: 0;right: 0;margin: auto;}
.top-swipper .sylbt-page{text-align: right;position: absolute;bottom: 35px;z-index: 1;width: 100%; }
.top-swipper .sylbt-page span{width: 28px;height: 5px;background-color: #ffffff;border-radius: 3px;margin: 0px 10px;opacity: 1; }
.top-swipper .sylbt-page .swiper-pagination-bullet-active{background-color: #ffbc66;}


.public-title{text-align: center;line-height: 50px;padding: 40px 0px; }
.public-title .container{height: 50px;overflow: hidden;}
.public-title .name{color: #333333;font-size: 36px;font-weight: bold;}
.public-title .more{color: #919191;font-size: 18px;line-height: 70px;}

.sy-header{padding: 15px 0px;}
.sy-header .logo{max-height: 60px;}
.sy-header .navbox{display: inline-block;margin-left: 20px;}
.sy-header .navbox .part{color: #262626;font-size: 20px;margin-right: 15px;}
.sy-header .navbox .part:hover{color: #f51b1b;font-weight: bold;}
.sy-header .rightinfo{margin-top: 7px;line-height: 40px; }
.sy-header .rightinfo .font{color: #525252;font-size: 14px;margin-left: 15px;}
.sy-header .rightinfo .username{width: 40px;height: 40px;border-radius: 50%;overflow: hidden;margin-left: 25px;display: inline-block;}
.sy-header .rightinfo .username img{width: 100%;height: 100%;object-fit: cover;}


.xt-box .item{margin-bottom: 15px;}
.xt-box .imgbox{height: 185px;overflow: hidden;}
.xt-box .imgbox img{width: 100%;height: 100%;object-fit: cover;}
.xt-box .name{color: #454545;font-size: 20px;line-height: 28px;padding: 17px 0px;display: inline-block;max-width: 100%;}

.rmkc-box{margin-bottom: 50px;}
.rmkc-box .item{margin-bottom: 15px;}
.rmkc-box .imgbox{height: 208px;overflow: hidden;}
.rmkc-box .imgbox img{width: 100%;height: 100%;object-fit: cover;}
.rmkc-box .title{color: #2b2b2b;font-size: 20px;line-height: 28px;padding: 12px 0px;display: inline-block;max-width: 100%;}
.rmkc-box .info{padding: 2px 0px 15px;}
.rmkc-box .key{color: #5981f3;font-size: 14px;line-height: 20px;}
.rmkc-box .numbox{color: #2b2b2b;font-size: 14px;line-height: 20px;padding-left: 22px;background: url(../../images/1220/icon3.png) no-repeat left center; }
.rmkc-box .learn{display: inline-block;color: #f51b1b;font-size: 16px;line-height: 18px;padding: 8px 22px;border: solid 1px #f51b1b;border-radius: 21px;}
.rmkc-box .learn:hover{background-color: #f51b1b;color: #ffffff;}

.codebox{width: 100%;height: 100%;position: fixed;z-index: 111;top: 0;background: rgba(0, 0, 0, 0.4);}
.codebox .code-wrap{width: 450px;height: 505px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;background-color: #e61a1e;border-radius: 30px;
  display: flex;flex-direction: column;justify-content: space-evenly;align-items: center;}
.codebox .imgbox{width: 190px;height: 190px;background:#fff;padding:10px;} 
.codebox .title{color: #ffffff;font-size: 24px;line-height: 40px;text-align: center;}
.codebox .know {text-align: center;}
.codebox .know span{cursor: pointer; width: 295px;line-height: 58px;display: inline-block; background-image: linear-gradient(0deg,#fcbc30 0%,rgba(252, 243, 131, 1) 100%),linear-gradient( #fdbe34, #fdbe34);
  box-shadow: inset 0px -6px 10px 0px rgba(255, 255, 255, 0.3);border-radius: 29px;font-size: 24px;color: #a08521;letter-spacing: 1px;}
.codebox .closebtn{cursor: pointer;position: absolute;right: -38px;top: -38px; width: 38px;height: 38px;display: inline-block;background: url(../../images/1220/icon7.png) no-repeat center center;}


.jsbox{width: 866px;position: relative;margin: 0px 8px 100px;}
.jsbox::after{position: absolute;width: 100%;height: calc(100%  - 50px);bottom: 0; content: '';display: block;box-shadow: 0px 16px 38px 2px rgba(22, 54, 82, 0.22);}
.jsbox .swiper-btn{position: absolute;top: 0;bottom: 0;margin: auto;width: 55px;height: 55px;z-index: 1;}
.jsbox .swiper-prev{background: url(../../images/1220/icon5.png) no-repeat center center;left: -27px;background-size: contain;}
.jsbox .swiper-next{background: url(../../images/1220/icon4.png) no-repeat center center;right: -27px;background-size: contain;}

.js-swipper{overflow: hidden;padding-top: 50px;position: relative; }
.js-swipper .item{background-color: #3799f2;height: 500px;}
.js-swipper .item .left{width: 440px;height: 100%;position: relative;}
.js-swipper .item .left::after{position: absolute;right: 0;bottom: 20px;content: '';display: block;width: 283px;height: 83px;background-color: #ffffff;opacity: 0.25;}
.js-swipper .item .right{width: 425px;padding:80px 40px 0px;}
.js-swipper .item .imgbox{width: 354px;height: 490px;background-color: #9ea1b4;border: solid 8px #ffffff;position: absolute;right: 24px;bottom: 45px; z-index: 1;}
.js-swipper .item .imgbox img{width: 100%;height: 100%;object-fit: cover;}
.js-swipper .item .name{color: #ffffff;font-size: 30px;padding-bottom: 28px;background: url(../../images/1220/icon6.png) no-repeat left bottom;}
.js-swipper .item .info{color: #ffffff;font-size: 16px;line-height: 30px;margin-top: 28px;height: 200px;}
.js-swipper .item .detail{display: inline-block;font-size: 18px;color: #ffffff;line-height: 40px;padding: 0px 30px;border-radius: 20px;border: solid 1px #ffffff;}

.cbbox{width: 273px;height: 500px;padding: 0px 30px 0px 50px; background-color: #f1f3f9;margin-top: 50px;display: flex;align-items: center;}
.cbbox .name{color: #282b45;font-size: 30px;padding-bottom: 28px;background: url(../../images/1220/icon6.png) no-repeat left bottom;}
.cbbox .info{color: #6b6f8c;font-size: 16px;line-height: 30px;margin-top: 28px;height: 200px;}


@media (min-width: 1430px) {
  .sypc-page .container{width: 1430px;}
}

@media (max-width:1430px) and (min-width: 1200px) {
  .cbbox{width:calc(50% - 360px);padding: 0px 30px;}
  .jsbox{width: 700px;}
  .js-swipper .item .left{width:320px;}
  .js-swipper .item .imgbox{width: 280px;height: 400px;}
  .js-swipper .item .right{width: 375px;padding: 80px 10px 0px;}
}
@media only screen and (max-width:1200px) {
  .top-swipper{height: 450px;}
  .sy-header .logo{height: 50px;}

  .cbbox{margin-top: 0px;}
  .js-swipper{padding-top: 0px;}
  .cbbox{display: none;}
  .jsbox{width: 100%;margin: 0 0 50px;}
  .js-swipper .item .left{width:45%;}
  .js-swipper .item .right{width: 55%;padding: 80px 20px 0px;}
  .js-swipper .item .imgbox{width: 280px;height: 400px;}
}
@media only screen and (max-width:992px) { 
  .sy-header .navbox{margin-top: 10px;}
  .sy-header .navbox .part{font-size: 16px;}
  .top-swipper{height: 350px;}
  .public-title{padding: 20px 0px;}
  .public-title .name{font-size: 30px;}
  .public-title .more{font-size: 16px;}
}
@media only screen and (max-width:768px) { 
  .js-swipper .item .imgbox{width: 240px;height: 350px;}
}
@media only screen and (max-width:540px) {
  .sy-header .navbox{margin-left: 0;}
  .top-swipper{height: 180px;}
  .top-swipper .sylbt-page{bottom: 10px;right: 10px;}
  .top-swipper .sylbt-page span{width: 18px;margin: 0px 5px;}
  .public-title .name{font-size: 24px;}
  .public-title .more{font-size: 14px;}
  .xt-box .name{padding: 7px 0px;font-size: 18px;}
  .sy-footer .top .con{font-size: 14px;line-height: 28px;}
  .sy-footer .btm{font-size: 12px;line-height: 20px;}

  .js-swipper .item{height: 350px;}
  .js-swipper .item .left{display: none;}
  .js-swipper .item .right{width: 100%;padding: 20px 40px;}
  .js-swipper .item .name{font-size: 22px;}
  .js-swipper .item .info{font-size: 14px;line-height: 26px;height: 150px;}
  .js-swipper .item .detail{font-size: 14px;line-height: 34px;padding: 0px 20px;}
  .jsbox .swiper-btn{width: 45px;height: 45px;}
  .jsbox .swiper-next{right: -17px;}
  .jsbox .swiper-prev{left: -17px;}

  .codebox .code-wrap{max-width: 80%;height: 380px;}
  .codebox .title{font-size: 22px;}
  .codebox .imgbox{width: 150px;height: 150px;}
  .codebox .know span{width: 240px;line-height: 48px;font-size: 20px;}
  .codebox .closebtn{width: 28px;height: 28px;top: -28px;right: -28px;background-size: contain;}

}


@font-face {
  font-family: 'SourceHanSerifSC';
  /* src: url("https://univs-news-1256833609.file.myqcloud.com/123/upload/resources/file/SourceHanSerifCN-Bold.otf"); */
  src: url("../fonts/SourceHanSerifSC-Bold.otf");
}


.public-kxdyk{text-align: center;line-height: 50px;padding: 40px 0px;background: url(../../images/1220/316_icon7.png) no-repeat center center; }
.public-kxdyk1{background: url(../../images/1220/icon9.png) no-repeat center center;}
.public-kxdyk .container{height: 50px;overflow: hidden;position: relative;}
.public-kxdyk .name{font-size: 42px;font-weight: bold;font-family: 'SourceHanSerifSC';color: #fd2a2a;}
.public-kxdyk .more{color: #919191;font-size: 18px;line-height: 70px;position: absolute;right: 0;}


/* 开学第一课 */
.imgbox img{width: 100%;height: 100%;object-fit: cover;}
.kxdyk-page{background: #fff;}
.kxdyk-page .gxjjbox,.ktbox,.jcyxbox{margin-bottom: 40px;}
.gxjjbox .left{width: calc(50% - 15px);}
.gxjjbox .left .imgbox{width: 100%;height: 318px;overflow: hidden;}
.gxjjbox .left .imgbox img{width: 100%;height: 100%;object-fit: cover;}
.gxjjbox .left .con3{background: #ff0000;height: 127px;width: 100%;display: flex;justify-content: space-evenly;align-items: center;}
.gxjjbox .left .date{display: flex;flex-direction: column;align-items: center;}
.gxjjbox .left .leftbox{width: calc(100% - 150px);}
.gxjjbox .left .day{font-size: 36px;color: #ffffff;}
.gxjjbox .left .month{font-size: 18px;color: #ffffff;}
.gxjjbox .left .title{font-size: 18px;line-height: 30px;color: #ffffff;}
.gxjjbox .left .info{font-size: 14px;line-height: 24px;color: #ffffff;border-top:1px solid rgba(255, 255, 255, 0.5) ;padding-top: 12px;margin-top: 13px;}

.gxjjbox .right{width: calc(50% - 15px);}
.gxjjbox .right .item .con2{display: block;}
.gxjjbox .right .item .con1{display: none;}
.gxjjbox .right .item.on .con2{display: none;}
.gxjjbox .right .item.on .con1{display: block;}
.gxjjbox .right .item .con1{box-shadow: 0px 2px 9px 0px rgba(82, 82, 82, 0.36);height: 167px;margin-bottom: 26px;}
.gxjjbox .right .item .con1 .title{font-size: 20px;color: #343434;line-height: 30px;}
.gxjjbox .right .item .con1 .info{font-size: 14px;line-height: 28px;padding-top: 15px;margin-top: 15px;color: #535353;border-top: 1px solid #e2e2e2;}
.gxjjbox .right .item .con1 .box{display: flex;align-items: center;justify-content: space-evenly;height: 100%;}
.gxjjbox .right .item .con1 .leftbox{width: calc(100% - 150px);}
.gxjjbox .right .item .con1 .date{display: flex;flex-direction: column;align-items: center;}
.gxjjbox .right .item .con1 .day{font-size: 36px;color: #ff0000;font-weight: bold;}
.gxjjbox .right .item .con1 .month{color: #ff0000;font-size: 22px;}

.gxjjbox .right .item .con2{border-bottom: 1px solid #e7e7e7;line-height: 30px;padding: 16px 16px 16px 0px;}
.gxjjbox .right .item .con2 .title{font-size: 18px;color: #515151;max-width: calc(100% - 110px);}
.gxjjbox .right .item .con2 .time{font-size: 18px;color: #a3a3a3;}


.ktbox .kt-swipper,.ktbox .hd-swipper{position: relative;}
.ktbox .item{position: relative;}
.ktbox .item .imgbox{height: 286px;}
.ktbox .item .imgbox img{width: 100%;height: 100%;object-fit: cover;}
.ktbox .item .name{position: absolute;left: 0;bottom: 0; width: 100%;height: 58px;background: rgba(0, 0, 0, 0.5);color: #ffffff;font-size: 18px;line-height: 28px;padding: 15px 20px;}
.ktbox .swiper-btn{cursor: pointer; width: 44px;height: 48px;position: absolute;top: 0;bottom: 0;margin: auto;z-index: 2;}
.ktbox .swiper-prev{left: 0;background: url(../../images/1220/316_icon2.png) no-repeat center center;background-size: cover;}
.ktbox .swiper-next{right: 0;background: url(../../images/1220/316_icon3.png) no-repeat center center;background-size: cover;}
.ktbox .swiper-page{text-align: center;margin-top: 50px;}
.ktbox .swiper-page span{width: 11px;height: 11px;background-color: #e2e2e2;opacity: 1;margin: 0px 10px;}
.ktbox .swiper-page span.swiper-pagination-bullet-active{width: 41px;border-radius: 6px;background-color: #da3031;}

.ktbox .item .name2{width: 100%;height: 52px;color: #383d4a;font-size: 18px;line-height: 26px;margin: 12px 0px;}


.spjjbox{position: relative;background: #FEF7ED;}
.spjjbox::after{position: absolute;content: '';display: block;top: 30%;right: -300px; width: 430px;height: 430px;border-radius: 50%; background-color: #FAC37E;}

.jcyxbox{position: relative;z-index: 1;}
.jcyxbox .item{width: 25%;padding: 0px 15px;}
.jcyxbox .item .imgbox{position: relative;height: 177px;}
.jcyxbox .item .imgbox1::after{position: absolute;top: 0; content: '';display: block;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.4) url(../../images/1220/316_icon4.png) no-repeat center center;}
.jcyxbox .item .time{position: absolute;bottom: 7px;right: 10px; font-size: 14px;color: #ffffff;line-height: 24px;}
.jcyxbox .item .title{font-size: 18px;color: #333333;line-height: 30px;min-height: 60px;margin: 12px 0px;}
.jcyxbox .item .school{margin: 10px 0px 25px;}
.jcyxbox .item .school .img{width: 30px;height: 30px;border-radius: 50%;overflow: hidden;margin-right: 10px;}
.jcyxbox .item .imgbox img,.jcyxbox .item .school .img img{width: 100%;height: 100%;object-fit: cover;}
.jcyxbox .item .school .name{color: #666666;font-size: 14px;line-height: 30px;max-width: calc(100% - 40px);min-height: 30px;}

.jhqwbox{}
.jhqwbox .item{width: 33.33%;}
.jhqwbox .item .con{}
.jhqwbox .item .con .title{font-size: 18px;line-height: 28px;font-weight: bold;color: #333333;margin-top: 27px;}
.jhqwbox .item .con .info{font-size: 14px;color: #8a8fad;line-height: 24px;min-height: 96px;margin: 8px 0px 10px;}
.jhqwbox .item .con .author{font-size: 14px;min-height: 24px;color: #8a8fad;line-height: 24px;margin-bottom: 45px;}

.jhqwbox .item:hover .con .info,.jhqwbox .item:hover .con .author{color: #808080;}

.jhqwbox .item1,.jhqwbox .item2,.jhqwbox .item3{border-bottom: 1px solid #cfd8ea;}
.jhqwbox .item1,.jhqwbox .item2,.jhqwbox .item4,.jhqwbox .item5{border-right: 1px solid #cfd8ea;}
.jhqwbox .item1,.jhqwbox .item4{padding-right: 35px;}
.jhqwbox .item3,.jhqwbox .item6{padding-left: 35px;}
.jhqwbox .item2,.jhqwbox .item5{padding:0px 35px;}

/* 开学第一课导航 */
.kxdyk-header{background-color: #fc5300;padding: 2px 0px;}
.kxdyk-header .menu{display: flex;justify-content: space-between;}
.kxdyk-header li{float: left;}
.kxdyk-header a{color: #fefefe;font-size: 20px;line-height: 66px;padding: 0px 15px;display: inline-block;}
.kxdyk-header .on a,.kxdyk-header a:hover{background-color: #ff925c;}

.szdkbox .con{width: 100%;height: 630px;}
.szdkbox .con .imgbox{width: 100%;height: 100%;overflow: hidden;position: relative;}
.szdkbox .con .imgbox::after{position: absolute;content: '';display: block;width: 110px;height: 110px;background: url(../../images/1220/icon8.png) no-repeat center ;left: 0;right: 0;top: 0;bottom: 0;margin: auto; }
.szdkbox .con .title{width: 100%;background: rgba(0, 0, 0, 0.5);font-size: 20px;line-height: 30px;color: #fff;padding: 15px 25px;position: absolute;width: 100%;bottom: 0;left: 0; }


@media only screen and (max-width:1500px) {
  .szdkbox .con{height: 550px;}
  .kxdyk-header a{font-size: 18px;}
}

@media only screen and (max-width:1200px) {
  .jcyxbox .item{width: 33.33%;}

  .kxdyk-header .menu{word-break: keep-all;overflow-x: auto;}
  
  .advbox *,.footer-adv *{width: 100% !important;height: auto !important;}
}
@media only screen and (max-width:992px) { 
  .gxjjbox .left{width: 100%;}
  .gxjjbox .right{width: 100%;margin-top: 20px;}
  .jcyxbox .item{width: 50%;}

  .szdkbox .con{height: 400px;}
  .szdkbox .con .imgbox::after{width: 80px;height: 80px;background-size: contain;}
}
@media only screen and (max-width:768px) { 
  .jhqwbox .item{width: 50%;}
  .jhqwbox .item3{border-right: 1px solid #cfd8ea;}
  .jhqwbox .item4{border-bottom: 1px solid #cfd8ea;}
  .jhqwbox .item2,.jhqwbox .item4{border-right: none;}
  .jhqwbox .item1,.jhqwbox .item3,.jhqwbox .item5{padding-left: 0;padding-right: 20px;}
  .jhqwbox .item2,.jhqwbox .item4,.jhqwbox .item6{padding-right: 0;padding-left: 20px;}
  .ktbox .swiper-page{display: none;}
  .spjjbox::after{display: none;}

  .public-kxdyk{background: none;}
  .public-kxdyk .name{font-size: 36px;}
}
@media only screen and (max-width:540px) { 
  .gxjjbox .left .imgbox{height: 240px;}
  .gxjjbox .left .month,.gxjjbox .left .title,.gxjjbox .right .item .con2 .title,.gxjjbox .right .item .con2 .time{font-size: 16px;}
  .gxjjbox .right .item .con1{height: 130px;}
  .gxjjbox .right .item .con1 .title{font-size: 18px;}
  .gxjjbox .right .item .con1 .day,.gxjjbox .left .day{font-size: 32px;}
  .gxjjbox .right .item .con1 .month{font-size: 20px;}
  .gxjjbox .right .item .con1 .info{line-height: 24px;}
  .kxdyk-page .gxjjbox, .ktbox, .jcyxbox{margin-bottom: 20px;}
  .jcyxbox .item{width: 100%;}

  .kxdyk-header a{font-size: 16px;line-height: 50px;}
  .public-kxdyk{padding: 15px 0px;}
  .public-kxdyk .name{font-size: 28px;}
  .public-kxdyk .more{font-size: 14px;}
  .szdkbox .con{height: 220px;}
  .szdkbox .con .title{font-size: 14px;padding: 5px 10px;}

}