.header{
	width: 100%;
}
.headerCenter{
	width: 1200px;
	height: 69px;
	margin: 0 auto;
	display: flex;
	align-items: center;
}
.logo img{
	display: block;
	width: 312px;
	height: 56px;
}
.nav{
	display: flex;
	justify-content: space-between;
	margin-left: 46px;
}
.nav .navItem{
	width: 102px;
	height: 40px;
	color: #000000;
	text-align: center;
	line-height: 40px;
	
}
.nav .navAction{
	color: #FFFFFF;
	background: url(../img/icon.png)no-repeat;
	background-size: 100% 100%;
}
.banner{
	width: 100%;
	height: 652px;
	background: url(../img/banner.png)no-repeat center;
	background-size: cover;
}
.title{
	width: 1096px;
	margin: 0 auto;
	padding-top: 137px;
}
.title img{
	display: block;
	width: 1096px;
	
}
.experInfor{
	width: 500px;
	margin: 0 auto;
	margin-top: 21px;
	color: #fff;
	font-weight: 700;
	font-size: 18px;
	background: rgba(0,0,0,0.4);
}
.experInfor div{
	display: flex;
	justify-content: center;
}
.experInfor div p{
	line-height: 28px;
	margin-right: 25px;
}
.experInfor div:nth-child(1) p:nth-child(3){
	margin-right: 0;
}
.experInfor div:nth-child(2) p:nth-child(2){
	margin-right: 0;
}
.btn{
	width: 236px;
	display: block;
	margin: 0 auto;
	margin-top: 60px;
}
.btn img{
	width: 236px;
	height: 78px;
}
.browser{
	color: #FFFFFF;
	text-align: center;
	margin-top: 35px;
	font-weight: 700;
}
.browser a{
	color: #FFFC00;
}
/* 实验介绍 */
.intro{
	width: 1200px;
	margin: 0 auto;
	padding-top: 90px;
}
.headline{
	text-align: center;
	font-size:40px;
	font-weight:bold;
	color:rgba(51,51,51,1);
}
.introContent{
	display:flex;
	justify-content: space-around;
}
.introWord{
	width:676px;
	font-size:16px;
	font-weight:normal;
	color:rgba(163,163,163,1);
	text-indent: 32px;
	line-height: 32px;
	margin-top: 20px;
}
.introleft{
	margin-top: 28px;
}
.box1 ,.box2{
	width: 500px;
	margin: 0 auto;
}
.box2 {
    display: none;
}
.video-tit{
	display: flex;
	width: 500px;
	margin: 0 auto;
}
.color-1,.color-2{
	flex: 1;
	display: inline-block;
	font-size:27px;
	font-weight:normal;
	color:rgba(51,51,51,1);
	position: relative;
	height: 60px;
	text-align: center;
	background-color: #E4E4E4;
	line-height: 60px;
	cursor: pointer;
}
.color{
	background: url(../img/btn.png)no-repeat;
	background-size: 100% 100%;
	color: #FFFFFF;
}
/* 网络要求 */
.network{
	width: 100%;
	margin-top: 90px;
	background-color: #F5F5F5;
	padding-bottom: 90px;
}
.net{
	width: 1200px;
	margin: 0 auto;
	padding-top: 100px;
}
 .sd_Network_content {
 width: 100%;
 padding-top: 2%;
 margin-top: 90px;
}

.sd_Network_content .swiper-container {
 width: 100%;
 height: 100%;
 margin-left: auto;
 margin-right: auto;
}
.sd_Network_content .swiper-container .swiper-slide {
 padding-bottom: 50px;
}
.sd_Network_content .swiper-container .swiper-slide img {
 height: 128px;
 margin: 0 auto;
 display: block;
}
.sd_Network_content .swiper-container .swiper-slide img:nth-child(2) {
 display: none;
}

.sd_Network_content .swiper-container .swiper-slide:hover img:nth-child(1) {
 display: none;
}
.sd_Network_content .swiper-container .swiper-slide:hover img:nth-child(2) {
 display: block;
}
/* 教学团队 */
.team{
	width: 1200px;
	margin: 0 auto;
	margin-top: 90px;
	
}
.teamList{
	margin-top: 40px;
}
.potho{
	width: 270px;
	height: 300px;
	position: relative;
	margin:0 auto;
}
.potho img{
	position: absolute;
	width:235px;
	height:270px;
	border-radius:8px;
}
.potho img:nth-child(1){
	right: 0;
	bottom: 0;
}
.potho img:nth-child(2){
	left: 0;
	top: 0;
}
.name{
	font-size:22px;
	font-weight:bold;
	color:rgba(51,51,51,1);
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
}
.name span:nth-child(2){
	font-size: 18px;
	margin-left: 20px;
}
.brief{
	font-size:16px;
	font-weight:bold;
	color:rgba(176,177,180,1);
	line-height:26px;
	text-align: center;
	margin-bottom: 20px;
}
.more{
	display: block;
	width:137px;
	height:39px;
	border-radius:20px;
	border: 1px solid #00D2FF;
	color: #00D2FF;
	text-align: center;
	line-height: 39px;
	margin: 0 auto;
}
.more:hover{
	background: url(../img/more.png)no-repeat;
	background-size: 100% 100%;
	color: #fff;
	border: 1px solid transparent;
}
/* footer */
.footer{
	width:100%;
	background: url(../img/footer.png)no-repeat;
	background-size: 100% 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 201px;
	margin-top: 90px;
}
.foot{
	width: 1200px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.footleft{
	color: #fff;
	line-height: 38px;
}
.footRight{
	display: flex;
}
.footRight img{
	width: 95px;
	height: 112px;
}
.footRight img:nth-child(1){
	margin-right: 38px;
}