@charset "utf-8";

* {

	box-sizing: border-box;

}



*::before,

*::after {

	box-sizing: border-box;

}



*:focus {

	outline: none;

}



img {

	border: 0;

	vertical-align: middle;

}



body,

html,

h1,

h2,

h3,

h4,

h5,

h6,

div {

	margin: 0;

	padding: 0;

}



a,

a:active {

	color: inherit;

	text-decoration: none;

	cursor: pointer;

}



/*时间轴*/



.abUs-comHist {

	padding: 20px 0 0;

}



.abUs-comHist .p-title .t {

	color: #555555;

}



.abUs-comHist .p-title .s {

	background: #e50012;

}



/*大*/



.auCHist-man {

	width: 928px;

	padding: 0 0 24px;

	position: relative;

	margin: 60px auto 0;

}



.auCHist-man .swiper-container {

	padding: 69px 0 0;

}



.auCHist-man .auCHman-box {

	display: block;

	height: 72px;

	text-align: center;

	color: #555555;

	background: url(../images/timeBase/timeLine/auCHist-bg.png) no-repeat center 68px;

	position: relative;

}



.auCHman-box .year {

	line-height: 28px;

	font-size: 16px;

}



.auCHman-box:before {

	content: "";

	display: block;

	width: 8px;

	height: 8px;

	border-radius: 100%;

	background: #555555;

	position: absolute;

	left: 50%;

	margin-left: -4px;

	bottom: 0px;

}



.auCHman-box:after {

	content: "";

	display: block;

	width: 1px;

	height: 9px;

	background: #555555;

	position: absolute;

	left: 50%;

	margin-left: -1px;

	bottom: 11px;

}



.auCHman-box.cur .year {

	width: 77px;

	height: 77px;

	line-height: 77px;

	background: rgba(1, 179, 187, 1);

	border-radius: 100%;

	position: absolute;

	top: -53px;

	left: 50%;

	margin-left: -38.5px;

	color: #fff;

}



.auCHman-box.cur .year:after {

	content: "";

	display: block;

	width: 109px;

	height: 109px;

	background: rgba(1, 179, 187, .25);

	border-radius: 100%;

	position: absolute;

	top: -16px;

	left: -16px;

	z-index: -1;

}



.auCHman-box.cur:before,

.auCHman-box.cur:after {

	background: #01b3bb;

}



.auCHman-box.cur:after {

	height: 30px;

	z-index: 2;

}



.auCHistManSwiper-prev,

.auCHistManSwiper-next {

	display: block;

	width: 11px;

	height: 21px;

	position: absolute;

	top: 70px;

}



.auCHistManSwiper-prev {

	left: -58px;

	background: url(../images/timeBase/timeLine/swiper2-l.png) no-repeat center center;

}



.auCHistManSwiper-next {

	right: -58px;

	background: url(../images/timeBase/timeLine/swiper2-r.png) no-repeat center center;

}



.auCHist-man:before,

.auCHist-man:after {

	content: "";

	display: block;

	width: 26px;

	height: 24px;

	background: url(../images/timeBase/timeLine/auCHist-orn1.png) no-repeat center center;

	position: absolute;

	top: 125px;

}



.auCHist-man:before {

	left: -103px;

}



.auCHist-man:after {

	right: -103px;

}



.auCHist-man .orn1,

.auCHist-man .orn2 {

	display: block;

	height: 1px;

	background: rgba(0, 0, 0, .3);

	position: absolute;

	top: 137px;

}



/*小*/



.auCHist-min {

	width: 1000px;

	position: relative;

	margin: -151px auto 0;

	z-index: 2;

}



.auCHist-min .swiper-container {

	padding: 136px 0 0px 0;

}



.auCHist-min .swiper-container .swiper-slide {

	padding: 0 10px;

}



.auCHmin-box {

	display: block;

	padding: 0 6.851851851851852% 0 41.6666%;

	background-color: #fff;

	box-shadow: 0 4px 20px rgba(162, 162, 162, .24);

	position: relative;

}



.auCHmin-box .auCHmin-img {

	display: block;

	width: 38.7037037037037%;

	height: 100%;

	object-fit: cover;

	position: absolute;

	left: 0px;

	top: 0px;

	padding: 16px;

}



.auCHmin-box .auCHmin-block {

	padding: 61px 0 51px;

	min-height: 284px;

}



.auCHmin-block li {

	list-style: none;

	line-height: 29px;

	color: #666666;

	position: relative;

	margin: 9px 0 0;

}



.auCHmin-block li b{

	font-size: 48px;

	color: #01b3bb;

	font-weight: normal;

}

.auCHmin-block li p{

	width: 100%;

	font-size: 14px;

	line-height: 22px;

}



.auCHmin-block li:first-child {

	margin: 0px;

}





@media all and (max-width:1280px) {

	.contain {

		width: 100%;

		padding: 0 2%;

	}

}



@media all and (max-width:1100px) {

	.auCHistManSwiper-prev {

		left: 0px;

	}

	.auCHistManSwiper-next {

		right: 0px;

	}

	.auCHist-min {

		width: 100%;

		padding: 0 4%;

	}

}



@media all and (max-width:980px) {

	img {

		max-width: 100%;

	}

	.abUs-comHist {

		padding: .5rem 0;

		background-size: cover;

	}

	.auCHist-man {

		width: 100%;

		padding: 0px;

		margin: 1rem 0 0;

	}

	.auCHman-box.cur .year {

		width: 50px;

		height: 50px;

		line-height: 50px;

		font-size: 14px;

		margin-left: -25px;

		top: -33px;

	}

	.auCHman-box.cur .year:after {

		width: 70px;

		height: 70px;

		top: -10px;

		left: -10px;

	}

	.auCHist-min {

		margin: 1.2rem 0 0;

	}

	.auCHist-min .swiper-container {

		padding: 0px 0 1rem;

	}

}



@media all and (max-width:640px) {

	.auCHmin-box {

		padding: 0px;

	}

	.auCHmin-box .auCHmin-img {

		width: 100%;

		height: auto;

		position: relative;

	}

	.auCHmin-box .auCHmin-block {

		min-height: 0px;

		padding: 1rem 4%;

	}

}





















@media all and (max-width:900px) {

	.auCHmin-block li b {

		font-size: 24px;

	}

	.auCHmin-block li p {

		font-size: 12px;

		line-height: 20px;

	}

	.auCHist-man .swiper-container {

		padding: 48px 0 0;

	}

	.auCHist-min {

		margin: 0 0;

	}

	.auCHist-min .swiper-container {

		padding: 0px 0 0;

	}

}