.header_swiper {
    width: 100%;
    height: 3.12rem;
}

.header_swiper .swiper-wrapper {
    width: 100%;
    height: 100%;
    /* border: .01rem solid red; */
}

.header_swiper .swiper-wrapper .swiper-slide {

    width: 100%;
    height: 100%;
    color: #fff;
    background-image: url(../img/banner.png);
}
.header_swiper .swiper-wrapper .swiper-slide a{
    display: inline-block;
    width: 100%;
    height: 100%;
}
.pagination span {
    width: 0.2rem;
    height: 0.2rem;
    background-color: unset;
    background-image: url(../img/feny.png);
    /* background-size: auto auto; */
    background-size: cover;
    opacity: 1;
}

.pagination .swiper-pagination-bullet-active {
    background-image: url(../img/fenyY.png);
}

/* 内容区 */
.wyp1218{
    height: 1rem;
	background-color: #f7f7f7;
    padding-left: 0.86rem;
    padding-right: 0.3rem;
    position: relative;
}
.wyp1218::before{
    content: '';
    width: 0.47rem;
	height: 0.39rem;
    background-image: url(../img/img1/lb.png);
    background-size: cover;
    position: absolute;
    left: 0.24rem;
    top: 0.12rem;
}
.wyp1218 p{
    font-size: 0.24rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 0.34rem;
	letter-spacing: 0rem;
	color: #ff6600;
    padding-top: 0.12rem;
}
.wyp1218 span{
    font-size: 0.2rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 0.42rem;
	letter-spacing: 0rem;
	color: #999999;
    display: block;
}
.wyp1218 a{
    width: 1.2rem;
	height: 0.38rem;
	background-image: linear-gradient(0deg, 
		#ff9c00 0%, 
		#fab719 100%), 
	linear-gradient(
		#ff6600, 
		#ff6600);
	background-blend-mode: normal, 
		normal;
	border-radius: 0.19rem;
    font-size: 0.2rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 0.39rem;
	letter-spacing: 0rem;
	color: #ffffff;
    display: block;
    text-align: center;
    position: absolute;
    right: 0.16rem;
    top: 0.49rem;
}
/* 升学模式 */
.sxms{
    min-height: 4rem;
    width: 7.02rem;
    margin: 0 auto;
}
.sxmsSwiper{
    margin-top: 0.3rem;
}
.sxmsSwiper .swiper-wrapper{
    
    height: 4.6rem;
    width: 100%;
}
.sxmsSwiper .swiper-slide{
    background-color: #f6f6f6;
	border-radius: 0.04rem;
    width: 4.6rem;
	height: 3.9rem;
    padding-top: 0.03rem;
    position: relative;
}
.sxmsSwiper .imgBox{
    width: 4.4rem;
	height: 2.45rem;
    margin: 0.1rem auto;
    display: block;
}
.sxmsSwiper .imgBox img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
.sxmsSwiper .tex{
    font-size: 0.19rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 0.32rem;
	letter-spacing: 0rem;
	color: #666666;
    text-align: center;
    margin-top: 0.2rem;
}
.sxmsSwiper .tex span{
    display: block;
}
.sxmsSwiper a{
    display: block;
    width: 1.4rem;
	height: 0.38rem;
	background-image: linear-gradient(0deg, 
		#ff9c00 0%, 
		#fab719 100%), 
	linear-gradient(
		#ff6600, 
		#ff6600);
	background-blend-mode: normal, 
		normal;
	border-radius: 0.19rem;
    font-size: 0.2rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 0.36rem;
	letter-spacing: 0rem;
	color: #ffffff;
    text-align: center;
    margin: 30px auto;
    display: none;
    position: absolute;
    left: 50%;
    bottom: -0.7rem;
    transform: translateX(-50%);
}
.sxmsSwiper .swiper-slide-active{
    background-color: #0075c2;
}
.sxmsSwiper .swiper-slide-active .tex{
    font-size: 0.24rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 0.32rem;
	letter-spacing: 0rem;
	color: #ffffff;
}
.sxmsSwiper .swiper-slide-active a{
    display: block;
}



/* ***************** */
.middle {
    width: 100%;
    height: 5rem;
    background-color: #fff;
    position: relative;

}

.qucklynav {
    width: 7.3rem;
    height: 5rem;
    box-shadow: 0rem 0rem 0.05rem 0rem rgba(0, 103, 172, 0.3);
    border-radius: .1rem;
    margin: 0 auto;
    box-sizing: border-box;
    padding-top: .33rem;
    margin-top: -.05rem;
    position: absolute;
    z-index: 6;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
}

.qucklynav .smallNav {
    width: 6.4rem;
    height: 2.72rem;
    margin: 0 auto;

}

.qucklynav .smallNav li {
    float: left;
    width: 1.03rem;
    height: 1.17rem;
    margin: 0 .76rem .36rem 0;

}

.qucklynav .smallNav li:nth-child(4n) {
    margin-right: 0;
}

.qucklynav .smallNav li i {
    display: block;
    width: 0.83rem;
    height: 0.83rem;
    margin: 0 auto;
    background-color: #d6efff;
    border-radius: .2rem;
    background-image: url(../img/xygk.png);
    background-size: .49rem .42rem;
    background-repeat: no-repeat;
    background-position: center;
}

.qucklynav .smallNav li:nth-child(2) i {
    background-image: url(../img/zyjs.png);
}

.qucklynav .smallNav li:nth-child(3) i {
    background-image: url(../img/zsxx.png);
}

.qucklynav .smallNav li:nth-child(4) i {
    background-image: url(../img/jxky.png);
}

.qucklynav .smallNav li:nth-child(5) i {
    background-image: url(../img/xysh.png);
}

.qucklynav .smallNav li:nth-child(6) i {
    background-image: url(../img/tjgz.png);
}

.qucklynav .smallNav li:nth-child(7) i {
    background-image: url(../img/xxgk.png);
}

.qucklynav .smallNav li:nth-child(8) i {
    background-image: url(../img/xwzx.png);
}

.qucklynav .smallNav li p {
    font-family: MicrosoftYaHei;
    font-size: 0.24rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0.02rem;
    color: #333333;
    text-align: center;
    white-space: nowrap;
    margin-top: .1rem;
}

/*  */
.clein {
    width: 7.3rem;
    height: 1.59rem;
    margin: 0 auto;
    margin-top: .32rem;
    overflow: hidden;
}

.clein .three {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
}

.clein .three li {
    flex: 1;
}

.clein .three li i {
    display: block;
    width: 2.43rem;
    height: 100%;
    background-image: url(../img/xzwyh.png);
}

.clein .three li:nth-child(2) i {

    background-image: url(../img/xzwyh1_03.png);
}

.clein .three li:nth-child(3) i {

    background-image: url(../img/xzwyh2_03.png);
    border-bottom-right-radius: .2rem;
}


.whyselect {
    width: 100%;
}

.whyselect .Title {
    width: 100%;
    box-sizing: border-box;
    padding: 0 .26rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-right: 0;
}

.rightImg {
    width: 3.38rem;
    height: 3.48rem;
    background-image: url(../img/why_03.png);
    background-size: cover;
    background-repeat: no-repeat;
    /* float: right; */
    z-index: -1;
}

.Title .alllitter {
    margin-bottom: .4rem;
}

/* 六大优势 */
.ldys {
    width: 7.3rem;
    height: 14.22rem;
    margin: 0 auto;
    background-color: rgb(244, 245, 249);
    box-sizing: border-box;
    padding-top: .39rem;
    border-radius: .15rem;
    margin-top: -.1rem;
}

.ldys .ldysul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    box-sizing: border-box;
    align-content: space-between;
    padding: 0 .17rem;
}

.ldys .ldysul li {
    width: 3.38rem;
    height: 4.38rem;
    background-color: #ffffff;
    box-sizing: border-box;
    padding: .11rem;
    margin-bottom: .19rem;
}

.ldysul li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.ldysul li a::after {
    content: '';
    width: .36rem;
    height: .36rem;
    background-image: url(../img/tiaozhuan.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    /* left: .19rem; */
    left: 0;
    bottom: .25rem;
}

.ldysul li div {
    width: 3.15rem;
    height: 2.18rem;
    border-radius: .1rem;
    background-image: url(../img/xyxw.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin: 0 auto;
}

.ldysul li h3 {
    font-family: MicrosoftYaHei-Bold;
    font-size: 0.3rem;
    font-weight: bold;
    font-stretch: normal;
    line-height: 0.36rem;
    letter-spacing: 0.02rem;
    color: #0067ac;
    margin-top: .09rem;
}

.ldysul li p {
    font-family: MicrosoftYaHei;
    font-size: 0.24rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.31rem;
    letter-spacing: 0.02rem;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: justify;
    margin-top: .08rem;
}

/* hot career */
.hot {
    width: 7.3rem;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}

.hotul {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.hotul li {
    width: 3.62rem;
    height: 3.12rem;
    float: left;
    background-color: rgb(0, 103, 172);
    margin-bottom: .06rem;
}

.hotul li:nth-child(3n) {
    margin-left: .06rem;
}

.hotul li>a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.hotul li div {
    width: 100%;
    height: 100%;
}

.hotul li b {
    font-family: MicrosoftYaHei-Bold;
    font-size: 0.24rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.26rem;
    letter-spacing: 0.02rem;
    color: #ffffff;
    position: absolute;
    bottom: .18rem;
    right: .19rem;
}

.hotul li:first-child,
.hotul li:nth-child(4) {
    width: 100%;
    height: 2.25rem;
    position: relative;

}

.hotul li:nth-child(4) b {
    right: auto;
    left: .11rem;
}

.hotul li:first-child {
    box-sizing: border-box;
    padding: .15rem;
    background-image: url(../img/rmzyB_07.png);
}

.hotul .alllitter .en {
    color: #238fd8;
}

.hotul .alllitter .why {
    color: #fff;
}

.hotul .alllitter .advantage::after {
    height: .23rem;
    background-image: url(../img/down2.png);
}

.hotul li:first-child::after {
    content: '';
    width: 0.31rem;
    height: 0.31rem;
    position: absolute;
    bottom: .28rem;
    right: 1.44rem;
    background-image: url(../img/more.png);
    background-size: cover;
    background-repeat: no-repeat;
}

/* question */
.question {
    width: 100%;
    height: 11.5rem;
    background-image: url(../img/img1/bg.png);
    background-size: cover;
    margin-top: .39rem;
    box-sizing: border-box;
    padding-top: 0.01rem;
    margin-bottom: 0.3rem;
}
.question .zsdx{
    height: 2.68rem;
    background-image: url(../img/img1/zs.png);
    background-size: cover;
    margin-top: 0.15rem;
    margin-bottom: 0.38rem;
}
.question .bmfs{
    height: 2.68rem;
    background-image: url(../img/img1/bm.png);
    background-size: cover;
    margin-bottom: 0.38rem;
}
.question .zswd{
    height: 3.28rem;
    background-image: url(../img/img1/wd.png);
    background-size: cover;
    margin-bottom: 0.38rem;
}
.question .box{
    padding-top: 0.8rem;
    width: 6.32rem;
    margin: 0 auto;
}
.question p{
    font-size: 0.22rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 0.3rem;
	letter-spacing: 0.01rem;
	color: #333333;
    margin-bottom: 0.2rem;
}
.question .zswd p{
    margin-bottom: 0.1rem;
}
.question a{
    display: block;
    width: 1.4rem;
	height: 0.38rem;
	background-image: linear-gradient(0deg, 
		#ff9c00 0%, 
		#fab719 100%), 
	linear-gradient(
		#ff6600, 
		#ff6600);
	background-blend-mode: normal, 
		normal;
	border-radius: 0.19rem;
    font-size: 0.2rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 0.38rem;
	letter-spacing: 0rem;
	color: #ffffff;
    text-align: center;
    margin: 0 auto;
}
.question .zswd a{
    margin: 0.3rem auto;
}


/* student */
.student {
    width: 7.3rem;
    height: 13.91rem;
    margin: 0 auto;
    margin-top: -.37rem;
    position: relative;

    /* background-color: #f4f5f9; */
}

.student .student_ul {
    width: 7.5rem;
    height: auto;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    box-sizing: border-box;
    padding: 0 .1rem;
    padding-top: .6rem;
    padding-bottom: .5rem;
    background-color: #f4f5f9;
    left: 50%;


    transform: translateX(-50%);

}

.student .student_ul li {
    width: 3.59rem;
    height: 4.15rem;
    float: left;
    background-color: #ffffff;
    margin-bottom: .12rem;
    position: relative;
}

.student .student_ul li>a {
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: .23rem .23rem 0;
    position: relative;
}

.student .student_ul li>a::after {
    content: '';
    width: .36rem;
    height: .36rem;
    background-image: url(../img/tiaozhuan.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    bottom: .32rem;
    left: 50%;
    transform: translateX(-50%);
}

.student .student_ul li:first-child a::after {
    width: 0;
}

.student .student_ul li:first-child {
    background-color: #0067ac;
}

.studentzz {
    width: 3.12rem;
    height: 1.79rem;
    background-color: aqua;
    margin: 0 auto;
}

.student .student_ul li:nth-child(2n) {
    margin-left: .12rem;
}

.student .student_ul li h3 {
    font-family: MicrosoftYaHei-Bold;
    font-size: 0.3rem;
    font-weight: bold;
    font-stretch: normal;
    line-height: 0.36rem;
    letter-spacing: 0.02rem;
    color: #0067ac;
    margin-top: .11rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.student .student_ul li p {
    font-family: MicrosoftYaHei;
    font-size: 0.24rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.31rem;
    letter-spacing: 0.02rem;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    position: relative;
}

.student .student_ul li hr {

    background-color: #c8c8c8;
    margin-top: .1rem;
}

.more {
    position: absolute;
    right: .23rem;
    top: .25rem;
}

.more b a {
    font-family: MicrosoftYaHei-Bold;
    font-size: 0.24rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.24rem;
    letter-spacing: 0.02rem;
    color: #ffffff;
    position: relative;
}

.more b::before {
    content: '';
    width: .31rem;
    height: .31rem;
    background-image: url(../img/more.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: -.41rem;
    top: 50%;
    transform: translateY(-50%);
}

.student .student_ul li .alllitter {
    position: absolute;
    bottom: .25rem;
    left: .17rem;
}

.student .student_ul li .alllitter .why {
    color: #fff;
}

.student .student_ul li .alllitter .en {
    color: #177fc5;
}

.student .student_ul li .alllitter .advantage::after {
    width: .22rem;
    height: .11rem;
    top: auto;
    bottom: 0.1rem;
    left: auto;
    right: -.3rem;
    background-image: url(../img/down3.png);
}

/* 优秀学子 */
.goodstudentB {
    width: 100%;
    height: 5.14rem;
    background-image: url(../img/goodstudent.png);
    background-attachment: fixed;
    box-sizing: border-box;
    padding-top: .36rem;
    margin-bottom: 1.3rem;
}

.goodstudentB .TT {
    width: 100%;
    height: 1.96rem;
    margin: 0 auto;
    position: relative;
}

.goodstudentB .TT .more {
    top: 0;
}

.goodstudentB .TT .alllitter {
    position: absolute;
    top: .36rem;
    left: .27rem;
}

.goodstudentB .TT .alllitter .en {
    color: #177fc5;
}

.goodstudentB .TT .alllitter .why {
    color: #ffffff;
}

.goodstudentB .TT .alllitter .advantage::after {
    height: .24rem;
    background-image: url(../img/down2.png);
}

.goodstudentB .godd_swiper {

    margin-top: .38rem;

}

.goodstudentB .godd_swiper .swiper-slide {
    width: 2.65rem;
    height: 3.63rem;
    position: relative;
    background-color: #238fd8;

}

.goodstudentB .godd_swiper .swiper-slide .contentB {
    position: absolute;
    bottom: .1rem;
    left: 0;
    box-sizing: border-box;
    padding: 0 .16rem;
}

.goodstudentB .godd_swiper .swiper-slide h3 {
    font-family: MicrosoftYaHei-Bold;
    font-size: 0.3rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.36rem;
    letter-spacing: 0.03rem;
    color: #ffffff;
}

.goodstudentB .godd_swiper .swiper-slide p {
    width: 2.2rem;
    font-family: MicrosoftYaHei;
    font-size: 0.24rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.36rem;
    letter-spacing: 0.01rem;
    color: #ffffff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.goodstudentB .godd_swiper .swiper-slide i {
    display: block;
    width: .22rem;
    height: .11rem;
    background-image: url(../img/down3.png);

}

/* xyyl */
.xyyl {
    width: 100%;
    height: 10.99rem;
    background-image: url(../img/xyyl.png);
    background-attachment: fixed;
    box-sizing: border-box;
    padding-top: .4rem;
}

.xyyl .alllitter .en {
    margin: 0 auto;
    display: block;
    text-align: center;
    color: #238fd8;
}

.xyyl .alllitter .why {
    text-align: center;
    color: #fff;
}

.xyyl .alllitter .advantage {
    height: .22rem;
    display: block;
}

.xyyl .alllitter .advantage::after {
    right: auto;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    background-image: url(../img/down.png);
}

.litterNav {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    margin-top: 0.5rem;
    border-bottom: 0.02rem solid #0075c2;
    height: 0.45rem;
}

.litterNav b {
    font-size: 0.24rem;
	font-weight: bold;
	font-stretch: normal;
	line-height: 0.36rem;
	letter-spacing: 0.03rem;
	color: #0075c2;
    transition: all .4s;
    position: relative;
}
.litterNav b::after{
    content: '';
    width: 0.02rem;
	height: 0.3rem;
	background-color: #d4d4d4;
    position: absolute;
    right: -0.14rem;
    top: 0.04rem;
}
.litterNav b:nth-child(4)::after{
    display: none;
}
.litterNav .actives{
    font-size: 0.3rem;
}
.litterNav a{
    width: 0.88rem;
	height: 0.32rem;
	border-radius: 0.16rem;
	border: solid 0.01rem #d9d9d9;
    font-size: 0.2rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 0.32rem;
	letter-spacing: 0.02rem;
	color: #999999;
    text-align: center;
    margin-left: 0.34rem;
}

/* xyyl */
.syyl_swB {
    margin: 0 auto;
    background-color: #fff;
    position: relative;
}
.syyl_swB ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.syyl_swB ul li{
    width: 3.4rem;
	height: 2.15rem;
    margin-top: 0.3rem;
}
.syyl_swB ul li img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.img_360 {
    width: 100%;
    height: 1.42rem;
    margin: 0 auto;
    /* margin-top: 1.26rem; */
}

.img_360 .img_360i {
    width: 100%;
    height: 100%;
    background-image: url(../img/360qj.png);
    background-size: 100% auto;
}

.img_360 .img_360i a {
    display: block;
    width: 100%;
    height: 100%;
}

/* schoolNews */

.school_tt {
    border-bottom: 0.02rem solid #0075c2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0.12rem;
}
.advantage{
    font-size: 0.3rem;
	font-weight: bold;
	font-stretch: normal;
	line-height: 0.36rem;
	letter-spacing: 0.03rem;
	color: #0075c2;
    display: inline-block;
}

.school_tt a {
    width: 0.88rem;
	height: 0.32rem;
	border-radius: 0.16rem;
	border: solid 0.01rem #d9d9d9;
    font-size: 0.2rem;
	font-weight: normal;
	font-stretch: normal;
	line-height: 0.32rem;
	letter-spacing: 0.02rem;
	color: #999999;
    text-align: center;
    display: block;
}

.schoolNews .contb {
    overflow: hidden;
    margin: 0 auto;
    margin-top: .3rem;
}

.schoolNews .contb li {
    width: 3.4rem;
	height: 3.84rem;
    background-color: #f4f5f9;
    float: left;
    box-sizing: border-box;
    padding-top: .13rem;
}

.schoolNews .contb li:nth-child(2) {
    margin-left: .18rem;
}

.schoolNews .contb li div {
    width: 3.12rem;
	height: 2.15rem;
    margin: 0 auto;
}

.schoolNews .contb li p {
    width: 3.01rem;
    font-family: MicrosoftYaHei;
    font-size: 0.24rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.36rem;
    letter-spacing: 0.01rem;
    color: #000000;
    margin: 0 auto;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: .18rem;
}

.schoolNews .contb li i {
    display: block;
    width: 100%;
    height: 0.36rem;
    font-family: MicrosoftYaHei;
    font-size: 0.18rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.36rem;
    letter-spacing: 0.01rem;
    color: #ffffff;
    background-color: #0067ac;
    text-align: center;
    margin-top: .28rem;
}

/* 公司栏目 */
.gslB {
    margin-top: 0.4rem
}
.gslB .gsl_contenb {
    width: 6.96rem;
    margin: 0 auto;
}

.gslB .gsl_contenb .gsl_ul {
    width: 100%;

}

.gsl_contenb .gsl_ul li {
    width: 100%;
    height: 1.17rem;
    border-top: 1px solid rgb(255, 183, 25);
    background-color: #f4f5f9;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .32rem;
}

.gsl_contenb .gsl_ul .ShowTime {
    height: 0.87rem;
    float: left;
    border-right: 1px solid #0063aa;
    box-sizing: border-box;
    padding: .03rem .26rem;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;

}

.gsl_ul .ShowTime span {
    font-family: MicrosoftYaHei;
    font-size: 0.59rem;
    font-weight: normal;
    font-stretch: normal;
    line-height: 0.19rem;
    letter-spacing: 0rem;
    color: #0063aa;

}

.gsl_ul .ShowTime span:first-child {
    display: block;
    width: 0.81rem;
    height: 0.46rem;
    line-height: .46rem;

    border-bottom: 1px solid #0063aa;
    padding-bottom: .08rem;
    margin-bottom: .04rem;
}

.gsl_ul .ShowTime span:last-child {
    font-size: 0.22rem;
}

.gsl_contenb .gsl_ul li p {
    width: 4.78rem;
    font-family: MicrosoftYaHei-Bold;
    font-size: 0.24rem;
    font-weight: bold;
    font-stretch: normal;
    line-height: 0.33rem;
    letter-spacing: 0.01rem;
    color: #000000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: .1rem;
    box-sizing: border-box;
    padding-left: .3rem;
    text-align: justify;
}

.under_Line {
    width: 2.24rem;
    height: .14rem;
    margin: 0 auto;
    position: relative;

}

.under_Line i {
    display: block;
    height: .14rem;
    width: .14rem;
    margin: 0 auto;
    /* position: absolute; */
    background-color: rgb(3, 118, 190);
    transition: all 1s;
    animation: rotates 4s infinite ease;
}

@keyframes rotates {
    0% {
        transform: rotate(0deg);
    }

    /* 20% {
        transform: rotate(0deg);
    }

    40% {
        transform: rotate(360deg);
    }

    60% {
        transform: rotate(360deg);
    }

    80% {
        transform: rotate(0deg);
    } */

    100% {
        transform: rotate(180deg);
    }
}


.under_Line::before,
.under_Line::after {
    content: '';
    width: 1rem;
    height: .01rem;
    background-color: #c3c3c3;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);

}

.under_Line::before {
    left: 0rem;
}

.under_Line::after {
    right: 0rem;
}