@charset "utf-8";


.acquaintance .auto{ margin:auto; position:relative;}
.acquaintance .w_1400{ max-width:1400px;}
@media(max-width:1476px){
	.acquaintance .w_1400{padding:0 2%}
}

.acquaintance{position: relative;margin-bottom: 7%;margin-top: -5%;z-index: 1;text-align: justify;}
.acquaintance .t2 .main-title{ color:#fff;font-size: 36px; padding-bottom:8%;margin-top: 5rem;}
.acquaintance .t2 .course{padding-top: 5.2%;padding-bottom: 2.6%;background-image: url('../images/course-bag.jpg');background-size: cover;}

.Timeline003 .year_info .info .img{display: inline-block;position: relative;width: 48.5%;vertical-align: middle;}
.Timeline003 .year_info .info .text{ position:absolute; right:5%; top:10%; display: inline-block;width: 40%;font-size: 16px;color: #ffffff;line-height: 1.8;vertical-align: middle; height:80%;  overflow-y: auto;}
.Timeline003 .year_info .info .text::-webkit-scrollbar { width : 5px;  height: 1px;}
.Timeline003 .year_info .info .text::-webkit-scrollbar-thumb { border-radius: 10px;  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: rgba(2,56,148,0.5);}
.Timeline003 .year_info .info .text::-webkit-scrollbar-track {  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 10px; background: #ededed;}
.Timeline003 .year_info .info .text .title {font-size:  2rem;padding:5px 16px; position:relative;color: #FFFFFF;}
.Timeline003 .year_info .info .text p{ padding:5px 16px; position:relative;color: #FFFFFF;}
.Timeline003 .year_info .info .text p:before{ position:absolute; left:0; top:15px; content:''; width:6px; height:6px; background-color:#fff; border-radius:100px;}

.Timeline003 .year_info .info .img{ padding:2% 0;}
.Timeline003 .year_info .info .img img{width: 100%}
.Timeline003 .year_info .info .img .title{position: absolute;top:0px; line-height:70px;right:0;font-size: 72px;color: #fff;font-weight: bold;}
.Timeline003 .year_info .slick-arrow{ width: 40px; height: 40px; border: none; background:url("../images/jt_prev.png") no-repeat center; border-radius: 100%; z-index: 10;}
.Timeline003 .year_info .slick-prev{ left: -3%;}
.Timeline003 .year_info .slick-next{ background-image: url("../images/jt_next.png"); right: -3%;}
.Timeline003 .year_info .slick-arrow:before{ display: none;}
.Timeline003 .year_list{margin-top:4%;}
.Timeline003 .year_list ul li{position: relative;padding: 40px 0;}
.Timeline003 .year_list ul li:before{position: relative;display: block;content: '';width: 100%;border-top:1px dashed rgba(255, 255, 255, .1);}
.Timeline003 .year_list ul li span{position: absolute;bottom: 0;left: 0;width: 100%;font-size: 18px;color: rgba(255, 255, 255, .1);text-align: center;}
.Timeline003 .year_list ul li.slick-current span{color: #fff;bottom: unset;top: 0;}
.Timeline003 .year_list ul li.slick-current:before{border-top:1px solid rgba(255, 255, 255, 1);}
.Timeline003 .year_list ul li:after{display: block;position: absolute;content: '';top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 8px;height: 8px;border: 1px solid #fff;border-radius: 50%;box-sizing: border-box}
.Timeline003 .year_list ul li.slick-current:after{background-color: #fff;}
.Timeline003 .year_list ul li.slick-current span:after{position: absolute;display: block;content: '';bottom: -20px;left: 0;right: 0;margin: auto;width: 1px;height: 15px;background-color: #fff;}
.Timeline003 .year_list .slick-arrow{ width: 40px; height: 40px; border: none; background:url("../images/ind_jt_prev.png") no-repeat center; border-radius: 100%; z-index: 10;}
.Timeline003 .year_list .slick-prev{ left: -3%;}
.Timeline003 .year_list .slick-next{ background-image: url("../images/ind_jt_next.png"); right: -3%;}
.Timeline003 .year_list .slick-arrow:before{ display: none;}
@media  only screen and (min-width: 300px) and (max-width: 400px) {
	.acquaintance .auto{ margin:auto; position:relative;}
	.acquaintance .w_1400{ width:100%;}
	.acquaintance{position: relative;margin-bottom: 7%;margin-top: -5%;z-index: 1;text-align: justify;}
	.acquaintance .t2 .main-title{ color:#fff;font-size: 16px; padding-bottom:8%;margin-top: 1rem;}
	.acquaintance .t2 .course{padding-top: 5.2%;padding-bottom: 2.6%;background-image: url('../images/course-bag.jpg');background-size: cover;}
	
	.Timeline003 .year_info .info .img{display: inline-block;position: relative;width: 48.5%;vertical-align: middle;}
	.Timeline003 .year_info .info .text{ position:absolute; right:5%; top:10%; display: inline-block;width: 40%;font-size: 16px;color: #ffffff;line-height: 1.8;vertical-align: middle; height:80%;  overflow-y: auto;}
	.Timeline003 .year_info .info .text::-webkit-scrollbar { width : 5px;  height: 1px;}
	.Timeline003 .year_info .info .text::-webkit-scrollbar-thumb { border-radius: 10px;  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: rgba(2,56,148,0.5);}
	.Timeline003 .year_info .info .text::-webkit-scrollbar-track {  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 10px; background: #ededed;}
	.Timeline003 .year_info .info .text .title {font-size:  0.8rem;padding:5px 16px; position:relative;color: #FFFFFF;}
	.Timeline003 .year_info .info .text p{ padding:5px 16px;font-size:  12px; position:relative;color: #FFFFFF;}
	.Timeline003 .year_info .info .text p:before{ position:absolute; left:0; top:15px; content:''; width:6px; height:6px; background-color:#fff; border-radius:100px;}
	
	.Timeline003 .year_info .info .img{ padding:2% 0;}
	.Timeline003 .year_info .info .img img{width: 100%}
	.Timeline003 .year_info .info .img .title{position: absolute;top:0px; line-height:20px;right:0;font-size: 22px;color: #fff;font-weight: bold;}
	.Timeline003 .year_info .slick-arrow{  height: 20px; border: none; background:url("../images/jt_prev.png") no-repeat center; border-radius: 100%; z-index: 10;}
	.Timeline003 .year_info .slick-prev{ left: -3%;}
	.Timeline003 .year_info .slick-next{ background-image: url("../images/jt_next.png"); right: -3%;}
	.Timeline003 .year_info .slick-arrow:before{ display: none;}
	.Timeline003 .year_list{margin-top:4%;}
	.Timeline003 .year_list ul li{position: relative;padding: 40px 0;}
	.Timeline003 .year_list ul li:before{position: relative;display: block;content: '';width: 100%;border-top:1px dashed rgba(255, 255, 255, .1);}
	.Timeline003 .year_list ul li span{position: absolute;bottom: 0;left: 0;width: 100%;font-size: 18px;color: rgba(255, 255, 255, .1);text-align: center;}
	.Timeline003 .year_list ul li.slick-current span{color: #fff;bottom: unset;top: 0; font-size: 12px;}
	.Timeline003 .year_list ul li.slick-current:before{border-top:1px solid rgba(255, 255, 255, 1);}
	.Timeline003 .year_list ul li:after{display: block;position: absolute;content: '';top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 8px;height: 8px;border: 1px solid #fff;border-radius: 50%;box-sizing: border-box}
	.Timeline003 .year_list ul li.slick-current:after{background-color: #fff;}
	.Timeline003 .year_list ul li.slick-current span:after{position: absolute;display: block;content: '';bottom: -20px;left: 0;right: 0;margin: auto;width: 1px;height: 15px;background-color: #fff;}
	.Timeline003 .year_list .slick-arrow{ width: 16px; height:16px; border: none; background:url("../images/ind_jt_prev.png") no-repeat center; border-radius: 100%; z-index: 10;}
	.Timeline003 .year_list .slick-prev{ left: -3%;}
	.Timeline003 .year_list .slick-next{ background-image: url("../images/ind_jt_next.png"); right: -3%;}
	.Timeline003 .year_list .slick-arrow:before{ display: none;}
}