/* CSS Document */

.join-banner {
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: center;
	position: relative;
}

.join-banner img {
	width: 100%;
}

.join-banner a {
	background: url(../images/bage04.png) top no-repeat;
	background-size: 100% 100%;
	line-height: 0.44rem;
	font-size: 0.18rem;
	color: #fff;
	position: absolute;
	bottom: 0.48rem;
	left: 0.3rem;
	z-index: 2;
	width: 36%;
	padding-left: 5%;
	text-align: left;
}

.train-f5f6f9 {
	width: 100%;
	height: auto;
	background-color: #f5f6f9;
	text-align: center;
	padding-bottom: 0.4rem;
}

.train-white {
	width: 100%;
	height: auto;
	background-color: #fff;
	text-align: center;
	padding-bottom: 0.4rem;
}

.artificial-title {
	width: 100%;
	height: auto;
	padding-top: 0.44rem;
	margin-bottom: 0.5rem;
	text-align: center;
}

.artificial-title span {
	font-size: 0.38rem;
	color: #333;
	display: block;
	font-weight: bold;
}

.artificial-title em {
	font-size: 0.48rem;
	color: #4b3ccc;
	font-style: normal;
	font-weight: bold;
}

.artificial-title p {
	font-size: 0.18rem;
	color: #666;
	margin-top: 0.1rem;
}

.laboratory {
	width: 92%;
	height: auto;
	margin: 0 auto;
}

.laboratory li {
	width: 100%;
	height: auto;
	box-shadow: 0 0 0.54rem rgba(0, 0, 0, 0.12);
	background-color: #fff;
	border-radius: 0.2rem;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	justify-content: start;
	align-items: center;
	margin-bottom: 0.28rem;
}

.laboratory-left {
	background: url(../images/bage01.png) top no-repeat;
	background-size: 100% 100%;
	height: 100%;
	width: 12.03%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.laboratory-left span {
	color: #fff;
	font-size: 0.2rem;
	display: block;
	margin: 0 auto;
	padding-left: 30%;
	padding-right: 30%;
	padding-bottom: 0.2rem;
}

.laboratory-left img {
	width: 0.23rem;
}

.laboratory-right {
	flex: 1;
	display: flex;
	flex-direction: row;
}

.laboratory-self {
	display: table;
}

.laboratory-self:nth-child(1) {
	border-right: 1px #e2e2e2 dashed;
}

.laboratory-self span {
	font-size: 0.18rem;
	color: #666;
	border: 1px #dedede solid;
	border-radius: 0.1rem;
	float: left;
	margin: 0.06rem 0.05rem;
	line-height: 0.5rem;
	padding: 0 0.16rem;
}

.laboratory-self p {
	font-size: 0.2rem;
	color: #666;
	margin-bottom: 0.18rem;
}

.laboratory li:nth-child(1) {
	height: 1.9rem;
}

.laboratory li:nth-child(2) {
	height: 2.1rem;
}

.laboratory li:nth-child(3) {
	height: 2.1rem;
}

.laboratory li:nth-child(2) .laboratory-self span,
.laboratory li:nth-child(3) .laboratory-self span {
	width: 90%;
	padding: 0;
}

.laboratory li:nth-child(2) .laboratory-self:nth-child(2) span {
	width: 48%;
	padding: 0;
}

.lab01 {
	width: 40% !important;
}

.lab-seand {
	width: 92%;
	height: auto;
	margin: 0 auto;
	display: table;
}

.lab-seand li {
	width: 48.552%;
	height: 4.78rem;
	float: left;
	border-radius: 0.2rem 0.2rem 0 0;
	background-color: #fff;
	box-shadow: 0 0 0.54rem rgba(0, 0, 0, 0.12);
	overflow: hidden;
	margin-right: 0.2rem;
	margin-bottom: 0.2rem;
}

.lab-seand li:nth-child(2),
.lab-seand li:nth-child(4) {
	margin-right: 0;
}

.lab-top {
	background-color: #3077ff;
	line-height: 0.76rem;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 0.2rem;
	margin-bottom: 0.2rem;
}

.lab-top img {
	width: 0.25rem;
	margin-right: 0.14rem;
}

.lab-down {
	margin-left: 0.22rem;
	text-align: left;
	display: table;
	width: 93%;
}

.lab-yuan {
	float: left;
	width: 0.1rem;
}

.lab-yuan em {
	border-radius: 100%;
	width: 0.1rem;
	height: 0.1rem;
	border: 1px #dfdfdf solid;
	background-color: #fff;
	display: block;
}

.lab-yuan i {
	width: 1px;
	height: 1.5rem;
	background-color: #dfdfdf;
	display: block;
	margin: 0 auto;
}

.lab-right {
	float: left;
	margin-left: 0.15rem;
	width: 91%;
	text-align: left;
}

.lab-right span {
	display: block;
	font-size: 0.16rem;
	color: #3077ff;
}

.lab-right p {
	font-size: 0.16rem;
	color: #666;
	line-height: 0.28rem;
	margin-left: 0.16rem;
	margin-top: 0.16rem;
}

.lab-yuan02 i {
	height: 1.9rem;
}

.lab-blue {
	width: 100%;
	height: auto;
	background: url(../images/bage02.jpg) top no-repeat;
	background-size: 100% auto;
	overflow: hidden;
}

.blue-title02 span,
.blue-title02 p {
	color: #fff;
}

.lab-three {
	width: 92%;
	height: auto;
	margin: 0 auto;
	margin-bottom: 0.3rem;
}

.lab-t-top {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	position: relative;
	overflow: hidden;
	height: 0.48rem;
}

.mySwiper {
	width: 91.305%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}

.mySwiper .swiper-slide {
	font-size: 0.18rem;
	color: #fff;
	line-height: 0.48rem;
}

.mySwiper .swiper-slide-thumb-active {
	color: #3077ff;
	background-color: #fff;
	border-radius: 0.1rem;
}

.lab-t-top .swiper-button-next:after,
.lab-t-top .swiper-button-prev:after {
	content: none;
}

.lab-t-top .swiper-button-next {
	background: url(../images/right01.png) center no-repeat;
	background-size: 100% 100%;
	width: 0.13rem;
	height: 0.25rem;
	right: 0;
	top: 0.1rem;
	margin-top: 0;
}

.lab-t-top .swiper-button-prev {
	background: url(../images/left.png) center no-repeat;
	background-size: 100% 100%;
	width: 0.13rem;
	height: 0.25rem;
	left: 0;
	top: 0.1rem;
	margin-top: 0;
}

.lab-t-down {
	width: 100%;
	height: auto;
	margin: 0 auto;
	margin-top: 0.4rem;
}

.mySwiper2 {
	width: 100%;
	background-color: #fff;
	border-radius: 0.2rem;
	height: 4.1rem;
	position: relative;
	box-shadow: 0 0.05rem 0.59rem rgba(0, 0, 0, 0.1);
	overflow: hidden;
}

.mySwiper01 {
	width: 91.305%;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}

.mySwiper01 .swiper-slide {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-top: 0.3rem;
}

.mySwiper01 .swiper-slide img {
	width: 90%;
}

.mySwiper01 .swiper-slide a {
	width: 13rem;
}

.mySwiper01 .swiper-slide a p {
	float: right;
	margin-top: -0.5rem;
}

.lab-t-right {
	text-align: left;
}

.lab-t-right span {
	display: block;
	font-size: 0.2rem;
	color: #010414;
	margin-bottom: 0.26rem;
	margin-top: 0.2rem;
}

.lab-t-right p {
	font-size: 0.16rem !important;
	color: #666 !important;
	line-height: 0.26rem !important;
}

.mySwiper01 .swiper-pagination {
	display: flex;
	width: 100%;
	left: 0;
	bottom: 7%;
	justify-content: center;
}

.mySwiper01 .swiper-pagination-bullet {
	background: #dfdfdf;
	width: 0.15rem;
	height: 0.15rem;
	margin: 0 0.1rem;
	border-radius: 100%;
}

.mySwiper01 .swiper-pagination-bullet-active {
	background: #3077ff;
}

.histray {
	width: 92%;
	height: auto;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 0.2rem;
	overflow: hidden;
	padding-bottom: 0.22rem;
	box-shadow: 0 0 0.54rem rgba(46, 60, 204, 0.12);
	margin-bottom: 0.6rem;
}

.mySwiper3 {
	width: 100%;
	margin: 0 auto;
	padding-top: 0.2rem;
	background-color: #2f74fd;
	padding-left: 0.1rem;
	padding-right: 0.1rem;
}

.mySwiper3 .swiper-slide {
	color: #fff;
	font-size: 0.18rem;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	cursor: pointer;
	padding-top: 0.1rem;
	padding-bottom: 0.25rem;
}

.mySwiper3 .swiper-slide-thumb-active {
	background: url(../images/a-h01.png) top no-repeat;
	background-size: 100% 100%;
	color: #3077ff;
}

.mySwiper4 {
	margin-top: 0.2rem;
	width: 100%;
	padding: 0 0.16rem;
	text-align: left;
}

.mySwiper4 .swiper-slide {
	background-color: #f5f6f9;
	height: 4rem;
}

.mySwiper4 .swiper-slide img {
	width: 100%;
}

.appreciate {
	width: 90.4%;
	margin: 0 auto;
	height: auto;
	margin-top: 0.5rem;
	margin-bottom: 0.2rem;
}

.appreciate_thumbnail {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.appreciate_choose {
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: center;
}

.mySwiper02 {
	width: 100%;
	margin: 0 auto;
	height: auto;
	padding-bottom: 0.6rem;
	overflow: hidden;
	position: relative;
	margin-top: 0.6rem;
}

.mySwiper02 .swiper-slide {
	height: auto;
	background: none;
}

.mySwiper02 .swiper-slide {
	width: 100%;
	height: 1px;
}

.mySwiper02 .swiper-slide h1 {
	color: #fff;
	font-weight: bold;
	font-size: 0.24rem;
	background-color: #4b3ccc;
	line-height: 0.88rem;
	padding: 0 0.3rem;
	text-align: left;
	border-radius: 0.06rem;
	margin-bottom: 0.34rem;
}

.mySwiper02 .swiper-slide-active {
	height: auto
}

.mySwiper02 .swiper-pagination-bullets {
	left: 38%;
	bottom: 2%;
}

.mySwiper02 .swiper-pagination-bullet {
	width: 0.15rem;
	height: 0.15rem;
	background-color: #d2d2d2;
	opacity: 1;
	margin: 0 0.08rem !important;
	border-radius: 100%;
}

.mySwiper02 .swiper-pagination-bullet-active {
	background-color: #3077ff;
}

.appre-left {
	width: 100%;
	display: table;
	margin-top: 0.2rem;
}

.appre-left b {
	font-weight: bold;
	color: #fff;
	width: 30%;
	line-height: 0.57rem;
	border-radius: 0.1rem;
	background: rgba(75, 60, 204, 0.77);
	float: left;
	text-align: center;
	margin-right: 0.14rem;
	font-size: 0.16rem;
	margin-top: 0;
}

.appre-left img {
	margin-top: 0.17rem;
	width: 0.2rem;
	float: left;
	margin-right: 0.1rem;
}

.appre-left span {
	margin-left: 0.1rem;
	font-size: 0.2rem;
	color: #333;
	border: 1px #b8b8b8 solid;
	border-radius: 0.1rem;
	line-height: 0.57rem;
	padding: 0 0.5rem;
	float: left;
	position: relative;
	margin-bottom: 0.2rem;
}

.shizhan {
	border: 1px #4b3ccc solid !important;
	background-color: #f8f7fd;
	position: relative;
}

.shizhan em {
	font-style: normal;
	font-weight: bold;
	color: #fff;
	font-size: 0.15rem;
	border-radius: 100%;
	background-color: #4b3ccc;
	line-height: 0.42rem;
	position: absolute;
	top: -0.15rem;
	right: -0.15rem;
	z-index: 1;
	padding: 0 0.06rem;
}

.mySwiper05 {
	width: 92%;
	height: auto;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	padding-bottom: 0.5rem;
}

.mySwiper05 .swiper-slide {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.mySwiper05 .swiper-pagination {
	display: flex;
	width: 100%;
	left: 0;
	bottom: 4%;
	justify-content: center;
}

.mySwiper05 .swiper-pagination-bullet {
	background: #dfdfdf;
	width: 0.15rem;
	height: 0.15rem;
	margin: 0 0.1rem;
	border-radius: 100%;
}

.mySwiper05 .swiper-pagination-bullet-active {
	background: #3077ff;
}

.lab-f-left {
	text-align: center;
	width: 48.552%;
}

.lab-f-top {
	margin-bottom: 0.32rem;
}

.lab-f-top img {
	width: 100%;
}

.lab-f-top span {
	display: block;
	font-size: 0.18rem;
	color: #272727;
	margin-top: 0.2rem;
}

.lab-last {
	width: 100%;
	height: 4.7rem;
	background: url(../images/bage03.jpg) top no-repeat;
	background-size: 100% 100%;
	text-align: center;
}

.last-list {
	width: 92%;
	height: auto;
	margin: 0 auto;
}

.last-list li {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0.1rem;
}

.last-list li span {
	font-size: 0.2rem;
	color: #666;
	line-height: 0.67rem;
	background-color: #f5f6f9;
	border-radius: 0.1rem;
	width: 24%;
}