/* banner */
.banner ul li{width: 100%;height: 605px;background-size: cover;background-position: center;background-repeat: no-repeat;overflow: hidden;}
.banner ul li .text h3{margin-top: 280px;font-size: 48px;color: #fff;font-weight: bold;font-family: '思源黑体';line-height: 70px;text-align: center;}
.banner ul li .text h4{color: #e8e8e8;font-size: 18px;line-height: 30px;letter-spacing:1.2px;text-align: center;}
.banner ul li .text i{width: 35px;height: 2px;background-color: #fff;display: block;margin: 30px auto 0 auto;}

/* 发展历程 */
.course_1{height: 838px;background-image: url(../img/course_1.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;}
.course_1 .content {padding-top: 90px;}
.course_1 .content .icon{height: 430px;width: 1350px;min-width: 1350px;margin: 0 auto;}
.course_1 .content .icon .fl{width: 530px;height: 430px;padding: 90px 0;}
.course_1 .content .icon .fl span{font-size: 190px;  cursor:pointer; background-image:-webkit-linear-gradient(left top,#068bcd, #a1d42c);  -webkit-background-clip:text;  -webkit-text-fill-color:transparent;}
.course_1 .content .icon .fr{width: 820px;height: 250px;display: flex;align-items: center;padding: 30px;overflow-y: auto; box-shadow: 0px 0px 65px #75bb66;border-left: 5px solid #95ce2c;margin-top: 140px;}
.course_1 .content .icon .fr span p {font-size: 16px;line-height: 22px;}
.course_1 .content .icon .fr i{display: inline-block;width: 48px;height: 22px;border: 1px solid #75c059;border-radius: 30px;font-size: 14px;color: #36a19b;line-height: 22px;text-align: center;margin-right: 23px;}
.course_1 .content{position: relative;}
.course_1 .content .list{width:100%;height: 120px;margin-top: 50px;}
.course_1 .content .list .swiper-container{height: 120px;}
.course_1 .content .list .swiper-container ul{height: 120px;}
.course_1 .content .list .swiper-container ul li{width: 320px;height: 120px;line-height: 120px;position: relative;}
.course_1 .content .list .swiper-container ul li::before{content: '';height: 18px;width: 45%;background: url(../img/course_1-list.png)no-repeat left;position: absolute;top: 52px;left: 5%;display: block;}
.course_1 .content .list .swiper-container ul li::after{content: '';height: 18px;width: 45%;background: url(../img/course_1-list.png)no-repeat right;position: absolute;top: 52px;right: 5%;display: block;}
.course_1 .content .list .swiper-container ul li time{font-size: 18px;display: block;text-align: center;margin-top: -20px;color: #0088d3;}
.course_1 .content .list .swiper-container ul li time::after{content: '';width: 10px;height: 10px;display: block;border-radius: 50%; background: #1592bd;margin: -44px auto 0 auto;}

.course_1 .content .list .swiper-container ul li.swiper-slide-active{color: #fff; line-height: 90px;}
.course_1 .content .list .swiper-container ul li.swiper-slide-active::after{ width: 30%; }
.course_1 .content .list .swiper-container ul li.swiper-slide-active::before{ width: 30%;}
.course_1 .content .list .swiper-container ul li.swiper-slide-active div{height: 113px;width: 113px;display: block;margin: 0 auto;border: 1px solid #75c059; border-radius: 50%;}
.course_1 .content .list .swiper-container ul li.swiper-slide-active div time{height: 90px;width: 90px;display: block;margin: -15px auto 10px auto; border-radius: 50%;font-size: 24px;}
.course_1 .content .list .swiper-container ul li.swiper-slide-active div time::after{content: '';width: 10px;height: 10px;display: block;border-radius: 50%; background: #1592bd;margin: -20px auto 0 auto;}

.course_1 .content .swiper-button-prev,.course_1 .content .swiper-button-next{width: 74px;height: 74px;top: 40%;}
.course_1 .content .swiper-button-prev{background: url(../img/course_1-left.png) no-repeat center;background-size: 74px 74px; left: 40px;}
.course_1 .content .swiper-button-prev:hover{background: url(../img/course_1-left-2.png) no-repeat center;}
.course_1 .content .swiper-button-next{background: url(../img/course_1-right.png) no-repeat center;background-size: 74px 74px; right: 40px;}
.course_1 .content .swiper-button-next:hover{background: url(../img/course_1-right-2.png) no-repeat center;}

@media (max-width: 1680px) {
    /* 发展历程  */
    .course_1 .content .icon{width: 1181px;min-width: 1181px;}
    .course_1 .content .icon .fl{width: 463px;}
    .course_1 .content .icon .fl span{font-size: 166px;}
    .course_1 .content .icon .fr{width: 717px;padding: 26px;margin-top: 122px;}
    .course_1 .content .swiper-button-prev{left: 35px;}
    .course_1 .content .swiper-button-next{right: 35px;}
}
@media (max-width: 1560px) {
    /* 发展历程 */
    .course_1 .content .icon{width: 1096px;min-width: 1096px;}
    .course_1 .content .icon .fl{width: 430px;}
    .course_1 .content .icon .fl span{font-size: 154px;}
    .course_1 .content .icon .fr{width: 666px;padding: 24px;margin-top: 113px;}
    .course_1 .content .swiper-button-prev{left: 32px;}
    .course_1 .content .swiper-button-next{right: 32px;}

}
@media (max-width: 1440px) {
    /* 发展历程 */
    .course_1 .content .icon{width: 1181px;min-width: 1181px;}
    .course_1 .content .icon .fl{width: 463px;}
    .course_1 .content .icon .fl span{font-size: 142px;}
    .course_1 .content .icon .fr{width: 717px;padding: 22px;margin-top: 105px;}
    .course_1 .content .swiper-button-prev{left: 29px;}
    .course_1 .content .swiper-button-next{right: 29px;}

}
@media (max-width: 1366px) {
    /* 发展历程 */
    .course_1 .content .icon{width: 959px;min-width: 959px;}
    .course_1 .content .icon .fl{width: 375px;}
    .course_1 .content .icon .fl span{font-size: 135px;}
    .course_1 .content .icon .fr{width: 582px;margin-top: 99px;}
    .course_1 .content .swiper-button-prev{left: 28px;}
    .course_1 .content .swiper-button-next{right: 28px;}

}

@media (max-width: 1099.98px) ,(min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {

	.banner ul li{height:5rem ;}
	.banner ul li .text h3{margin-top:2rem ;font-size:0.48rem ;line-height:0.7rem ;}
	.banner ul li .text h4{font-size:0.24rem ;line-height:0.30rem ;letter-spacing:0.01rem ;}
	.banner ul li .text i{width:0.35rem ;height:0.02rem ;margin:0.30rem auto auto ;}
	.course_1{height:11rem ;}
	.course_1 .content {padding-top:0.40rem ;}
	.course_1 .content .icon{height:7rem ;width:7.50rem ;min-width:7.50rem ;margin:auto ;}
	.course_1 .content .icon .fl{ width: 7.50rem; height: 2rem; line-height: 2rem; padding: 0.20rem; text-align: center;}
	.course_1 .content .icon .fl span{font-size:1.2rem ;}
	.course_1 .content .icon .fr{width:7.20rem ;height:4rem ;padding-left:0.30rem ;overflow-y:auto ;box-shadow:0.65rem ;border-left:0.05rem ;margin: 1rem 0 0rem 0 ;float: left;display: block; }
	.course_1 .content .icon .fr span p {font-size:0.26rem ;line-height:0.32rem ;}
	.course_1 .content .icon .fr i {width:0.48rem ;height:0.22rem ;border-radius:0.30rem ;font-size:0.26rem ;line-height:0.22rem ;margin-right:0.23rem ; white-space: nowrap;}
	.course_1 .content .icon .fr span {padding-right: 0.2rem;}
	
	.course_1 .content .list{height:1.20rem ;margin-top:0.50rem ;}
	.course_1 .content .list .swiper-container{height:1.20rem ;}
	.course_1 .content .list .swiper-container ul{height:1.20rem ;}
	.course_1 .content .list .swiper-container ul li{width:3.20rem ;height:1.20rem ;line-height:1.20rem ;}
	.course_1 .content .list .swiper-container ul li::before{height:0.18rem ;top:0.52rem ;}
	.course_1 .content .list .swiper-container ul li::after{height:0.18rem ;top:0.52rem ;}
	.course_1 .content .list .swiper-container ul li time{font-size:0.30rem ;margin-top:-0.20rem ;}
	.course_1 .content .list .swiper-container ul li time::after{width:0.10rem ;height:0.10rem ;margin:-0.44rem auto auto ;}
	.course_1 .content .list .swiper-container ul li.swiper-slide-active{line-height:0.90rem ;}
	.course_1 .content .list .swiper-container ul li.swiper-slide-active div{height:1.13rem ;width:1.13rem ;margin:auto ;}
	.course_1 .content .list .swiper-container ul li.swiper-slide-active div time{height:0.90rem ;width:0.90rem ;margin:-0.15rem auto 0.10rem auto ;font-size:0.36rem ;}
	.course_1 .content .list .swiper-container ul li.swiper-slide-active div time::after{width:0.10rem ;height:0.10rem ;margin:-0.20rem auto auto ;}
	.course_1 .content .swiper-button-prev,.course_1 .content .swiper-button-next{width:0.74rem ;height:0.74rem ;}
	.course_1 .content .swiper-button-prev{background-size:0.74rem 0.74rem ;left: 0rem; bottom: 0.4rem; top: initial;}
	.course_1 .content .swiper-button-next{background-size:0.74rem 0.74rem ;right: 0rem; bottom: 0.4rem; top: initial;}

}