html{font-size:100%;}
.trends{
margin-top: 3em;
}
@media (max-width: 767px) {
/*在小于768像素的屏幕里,这里的样式才生效 xs*/
.zysz{
display: none;
}
.zysz-sm span.tit{
font-size:1rem;
font-family:PingFangSC-Regular,PingFang SC;
font-weight:400;
color:rgba(255,255,255,1) !important;
margin-left: 5%;
}
.trends{
margin-top: 1em !important;
}
.build .module-b ul li{
width:7.5rem !important;
}
.build .module-b ul li a{
font-size:1rem !important;
padding:0 !important;
text-align: center;
}
.module-teacher-tit ul li{
width:7.5rem !important;
}
.module-teacher-tit ul li a{
font-size:1rem !important;
padding:0 !important;
text-align: center;
}
.module-train .train-tittle ul li{
width:5rem !important;
}
.module-train .train-tittle ul li a{
font-size:1rem !important;
padding:0 !important;
text-align: center;
}
#teacher-banner .carousel-inner .carousel-item .teac-c {
display: flex;
width:100%;
margin-left:0.6%;
}
#teacher-banner .carousel-inner .carousel-item .teac-c .t-i {
width:33.1%;
margin:0 !important;
}
#teacher-banner .carousel-inner .carousel-item{
height:31rem;
}
.carousel-indicators.teacher-ul{
margin-bottom:-35px;
}
.card.card-l-img{
margin-right: 0 !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
/*在768和991像素之间的屏幕里,这里的样式才生效 md */
.zysz{
display: none;
}
.zysz-sm span.tit{
font-size:1rem;
font-family:PingFangSC-Regular,PingFang SC;
font-weight:400;
color:rgba(255,255,255,1) !important;
}
.trends{
margin-top: 1em !important;
}
#teacher-banner .carousel-inner .carousel-item .teac-c {
display: flex;
width:100%;
margin-left:0.6%;
}
#teacher-banner .carousel-inner .carousel-item .teac-c .t-i {
width:33.1%;
margin:0 !important;
}
#teacher-banner .carousel-inner .carousel-item{
height:46rem;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
/*在992和1199像素之间的屏幕里,这里的样式才生效 lg*/
.zysz-sm{
display: none;
}
.zysz .zysz-l{
background:url("../images/index/zysz_bg.png");
background-repeat: no-repeat;
background-size: 100% 100%;
height: 9rem;
position: relative;
}
.zysz .zysz-l span.c-l{
width:48px;
height:66px;
font-size:1.5rem;
font-family:PingFangSC-Regular,PingFang SC;
font-weight:400;
color:rgba(255,255,255,1);
line-height:25px;
position:absolute;
top:35%;
left:31px;
}
.zysz .zysz-l span.c-rb{
width:49px;
height:20px;
font-size:0.5rem;
font-family:PingFangSC-Regular,PingFang SC;
font-weight:400;
color:rgba(255,255,255,1);
line-height:15px;
position:absolute;
right:3%;
bottom:5%;
}
.zysz .zysz-r{
background-color:#fff;
padding:0;
background-image: url('../images/base-bg.png');
}
.zysz-r .r-con{
width:99%;
margin-left:1%;
background-color:#f2f0f3;
margin:0 !important;
background-image: url('../images/base-bg.png');
}
.zysz-r .r-con div{
height:4.5rem;
line-height:4.5rem;
}
.trends{
margin-top: 1em !important;
}
#teacher-banner .carousel-inner .carousel-item .teac-c {
display: flex;
width:100%;
margin-left:0.6%;
}
#teacher-banner .carousel-inner .carousel-item .teac-c .t-i {
width:16.5%;
margin:0 !important;
}
#teacher-banner .carousel-inner .carousel-item{
height:22rem;
}
}
@media (min-width: 1200px) {
/*在大于1200像素的屏幕里,这里的样式才生效*/
.zysz .zysz-l{
background:url("../images/index/zysz_bg.png");
background-repeat: no-repeat;
background-size: 100% 100%;
height: 9rem;
position: relative;
}
.zysz .zysz-l span.c-l{
width:48px;
height:66px;
font-size:1.5rem;
font-family:PingFangSC-Regular,PingFang SC;
font-weight:400;
color:rgba(255,255,255,1);
line-height:25px;
position:absolute;
top:35%;
left:31px;
}
.zysz .zysz-l span.c-rb{
width:49px;
height:20px;
font-size:0.5rem;
font-family:PingFangSC-Regular,PingFang SC;
font-weight:400;
color:rgba(255,255,255,1);
line-height:15px;
position:absolute;
right:3%;
bottom:5%;
}
.zysz .zysz-r{
background-color:#fff;
padding:0;
}
.zysz-r .r-con{
width:99%;
margin-left:1%;
background-color:#f2f0f3;
}
.zysz-r .r-con div{
height:4.5rem;
line-height:4.5rem;
}
.zysz-sm{
display: none;
}
#teacher-banner .carousel-inner .carousel-item .teac-c {
display: flex;
width:100%;
margin-left:0.6%;
}
#teacher-banner .carousel-inner .carousel-item .teac-c .t-i {
width:16.5%;
margin:0 !important;
}
#teacher-banner .carousel-inner .carousel-item{
height:22rem;
}
}
.zysz-sm .navbar {
padding: 0;
}
.zysz-sm .navbar-light .navbar-nav .nav-link {
color: #FFFFFF;
padding: 0.8rem 2rem;
}
.zysa-sm .navbar-light .navbar-nav .active>.nav-link {
color: #FFFFFF;
background-color: #BF0B01;
background-image: url(../images/base-bg.png);
}
.zysz-r .r-con div a{
text-decoration: none;
font-size:0.9rem;
font-family:PingFangSC-Regular,PingFang SC;
font-weight:400;
color:rgba(51,51,51,1);
line-height:0.8rem;
margin-left:40px;
}
.zysz-r .r-con div a:hover{
color: #D50C00;
}
span.s1,span.s2{
margin:0;
}
/* trends */
.trends .trends-tittle ul li a{
font-size:1.5rem;
font-family:PingFangSC-Medium,PingFang SC;
font-weight:500;
color:#000;
line-height:2rem;
}
.trends .tab-content{
min-height:20rem;
}
/* build */
.build{
background-color: #F7F0E8;
background-image: url(../images/base-bg.png);
}
.build .module-b{
padding: 5rem 0;
}
.build .module-b div.module-b-tit{
border-bottom: 1px solid #979797; margin-bottom: 1rem;
}
.build .module-b ul li a{
font-size:1.5rem;
font-family:PingFangSC-Medium,PingFang SC;
font-weight:500;
color:#000;
line-height:2rem;
}
.build .module-b .tab-content .tab-pane .row>div{
background-color: #FFFFFF;
border:0.5rem solid #F7F0E8;
}
.build .module-b .tab-content .tab-pane .row div .card-item{
margin:1rem 0;
}
.build .module-b .tab-content .tab-pane .row div .card-item img{
/* height:13rem; */
width:100%;
}
.build .module-b .tab-content .tab-pane .row div .card-item>div{
padding: 1em;
}
.build .module-b .tab-content .tab-pane .row div .card-item>div p.t{
font-size: 1.0em; font-weight: 600; color: #D50C00;
}
.build .module-b .tab-content .tab-pane .row div .card-item .date-c{
position: relative;
width:100%;
height:2.5rem;
}
.build .module-b .tab-content .tab-pane .row div .card-item .date-c .date{
width:4.6rem;
height:4.6rem;
line-height:2.1rem;
padding:0.6rem 0 0.2rem 0;
background:rgba(135,122,105,1);
text-align: center;
color:#fff;
position: absolute;
top:-2.3rem;
right:3%;
}
.date-c .date .day{
font-size:24px;
display:block;
}
.date-c .date .year-mon{
font-size:14px;
display:block;
}
/* module-teacher 教师风采*/
.module-teacher{
margin-bottom:3rem;
}
.t-i .card .card-body p:first-child{
font-size: 16px !important;
}
.t-i .card .card-body p:nth-child(2){
font-size: 12px !important;
}
.module-teacher .module-teacher-tit ul li a{
font-size:1.5rem;
font-family:PingFangSC-Medium,PingFang SC;
font-weight:500;
color:rgba(213,12,0,1);
line-height:2rem;
}
.module-teacher .module-teacher-tit{
border-bottom: 1px solid #979797;
margin-bottom: 2rem;
}
#teacher-banner .teacher-ul.carousel-indicators li{
opacity:0.3;
background-color:rgba(0,0,0,1);
}
#teacher-banner .teacher-ul.carousel-indicators li.active{
opacity:0.8;
background-color:rgba(0,0,0,1);
}
#teacher-banner .carousel-inner .carousel-item .teac-c .t-i .card {
width:100%;
border: none;
/* height:100%; */
overflow: hidden;
margin-right:0 !important;
text-align: center;
}
.teac-c .t-i .card img{
display: inline-block;
width:96%;
height:70%;
border-radius: 50%;
margin-left:1.6%;
/* background-color: darkgray; */
}
/* .module-train */
.module-train
{
background:rgba(255,247,238,1);
padding: 0.5rem 0 2rem 0;
background-image: url(../images/base-bg.png);
}
.sm-con .row .card:hover .card-body .card-text{
color: #D50C00;
cursor: pointer;
}
.lg-con .card:hover .card-body p{
color: #D50C00;
cursor: pointer;
}
.card {
border: none;
border-radius: 0;
}