/***
** templats css
** 2024-05-26
*/

a {
    text-decoration: none;
    cursor: pointer;
    color: #333333;
}

/**/
.nav-bgcolor{
	background-color:#ce0e01;
}

.nav-active-bgcolor{
	background-color:#e60700;
}
.footer-bgcolor{
	background-color:#f4f4f4;
}
.catalog-bgcolor{
	background-color:#f4f4f4;
}


.bg-1{
	background-color:#e2e2e2;
}
.bg-2{
	background-color:#f4f4f4;
}
.w-1000{
	width:1000px;
}
.w-150{
	width:150px;
}
.title-img-h{
	height:60px;
}
.font-color-more{
	color:#9c9c9c;
}
.card-no-border{
	border:none;
}

/*nav*/
.nav{
	--bs-nav-link-color:#fff;
	font-size:h3;
}
.nav-pills {
	--bs-nav-pills-link-active-bg: #e60700;
	--bs-nav-link-hover-color: #fff;
    --bs-nav-link-disabled-color: #fff;
	--bs-nav-pills-border-radius: none;
	--bs-nav-link-font-size:18px;
}
.nav-height{
	height:62px;
}
.nav-item{
	height:62px;
	width:9rem;
}
.nav-link{
	height:62px;
	border-radius:none;	
	text-align:center;
	padding: 1rem var(--bs-nav-link-padding-x);
}

.list-group{
	--bs-list-group-border-width: 0;
}
/*title*/
.title-height{
	height:44px;
}


/*swiper*/
.swiper {
      width: 100%;
      height: 355px;
}

.swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
}

.swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
}
.swiper-title-cont {bottom: 0;*bottom: 0;width: 100%;height: 50px; background:#333;position: absolute;z-index: 150;left: 0;}
.swiper-title-cont a{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;width: 80%;font-size: 19px;line-height: 50px;margin-left: 10px;font-weight: normal;color: white;}

.mySwiper2{
	height:300px;
}


/*美丽校园*/
.school-content{
    background: #eaf4ff;
    margin-top: 95px;
    padding:  17px 0 77px 0;
}
.module_sfyx_content{
    padding-top: 80px;
}
.sfyx{
    width: 870px;
    height: 474px;
    float: right;
    background-color: #0078ff;
}
.sfyx .left{
    width: 690px;
    float: left;
    position: relative;
    height: 370px;
}
.sfyx .left .left_img{
    width: 800px;
    height: 460px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.sfyx .left .left_img img{
    width: 100%;
    height: 100%;
}
.sfyx .left .left_title{
    margin-top: 390px;
    box-sizing: border-box;
    padding-left: 45px;
}
.sfyx .left h3{
    font-size: 20px;
    color: #fff;
    padding: 18px 0 12px 0;
}
.sfyx .left p{
    font-size: 12px;
    color: #fff;
}
.sfyx .right{
    height: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    float: right;
}
.sfyx .right .swiper{
    height: 100%;
    box-sizing: border-box;
    padding: 54px 0;
    position: relative;
}
.sfyx .swiper_main{
    height: 100%;
    width: 140px;
}
.sfyx .swiper_main ul li{
    width: 100%;
    height: 80px;
    margin-bottom: 15px;
}
.sfyx .swiper_main ul li img{
    width: 100%;
    height: 100%;
}

.sfyx .btn{
    width: 28px;
    height: 14px;
    display: block;
    position: absolute;
}
.sfyx .btn.prev{transform:translateX(-50%);left: 50%;bottom:auto;top: 25px;background: url("prev3.png") center center no-repeat;background-size: 100% 100%;}
.sfyx .btn.next{transform:translateX(-50%);left: 50%;top:auto; bottom: 25px;background: url("next3.png") center center no-repeat;background-size: 100% 100%;}
.sfyx .swiper ul{height: 10000%;display: block;padding: 0 0;width: 100%;}
.swiper{overflow: hidden;position: relative;}
.swiper ul{width: 10000%;display: flex;justify-content: flex-start;padding: 0 24px;}
.swiper ul li{width: 144px;margin-right: 24px;}
.swiper ul li img{width: 144px;}
.swiper_main{width:480px;overflow:hidden;margin:0 auto;}