/*content start*/


/*banner start*/

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

.content {
	color: #1F1F1F;
}


/*===aboutus===*/

.title {
	margin: 72px 0 32px;
	text-align: center;
}

.titleBig {
	font-size: 32px;
	color: #d9b226;
}

.titleSmall {
	font-size: 18gpx;
	color: #1F1F1F;
}

.cont {
	/*margin-bottom: 124px;*/
}
.videoReal {
	position: relative;
	width: 50%;
	height: 350px;
}
.video {
	position: relative;
	width: 44%;
	height: 350px;
	background: url("../images/aboutOur/bgvideo.png") no-repeat center center;
	background-size: cover;
}

.video img {
	position: absolute;
	top: 32%;
	left: 40%;
}

article {
	float: right;
	width: 53%;
	font-size: 14px;
	color: #1F1F1F;
	line-height: 30px;
	background-position: 2px 3px;
	margin-top: 10px;
}

article p {
	text-align: justify;
}


/*slogan 口号*/

.slogan {
	/*border: 1px solid red;*/
	background: #F7F7F7;
	text-align: center;
}

.slogan i {
	display: inline-block;
	height: 78px;
	width: 78px;
	background-color: #F7F7F7;
	background: url(../images/aboutOur/jren.png) no-repeat center center;
	background-position: 1px 2px;
	margin: 47px 7.5%;
}

i.slogan2 {
	background-position: -294px 2px;
}

i.slogan3 {
	background-position: -590px 2px;
}

i.slogan4 {
	background-position: -886px 2px;
}

.slogan i:hover {
	box-shadow: 1px 4px 23px 0 rgba(0, 0, 0, 0.20);
}


/*coreteam*/

.teampeople {
	width: 1000px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 75px;
	font-size: 16px;
}

.coreteam {
	float: left;
	/* width: 33%; */
	overflow: hidden;
	height: 280px;
	position: relative;
}

.width1{
	width:100%;
}
.width2{
	width:50%;
}
.width3{
	width:33.3%;
}	
.itemleft1{
	margin-left:360px;
}
.itemleft2{
	margin-left:90px;
}
.itemleft3{
	margin-left:0px;
}
.coreteam:hover {
	overflow: visible;
}

.coreteam:hover .item {
	border: 1px solid black;
	position: absolute;
	z-index: 100;
}

.coreteam:hover .item>div {
	display: block;
}

.coreteam .item {
	background: #fff;
	padding: 0 26px;
	border: 1px solid #fff;
	width:280px;
}

.coreteam .coreteampeople {
	display: none;
	font-size: 16px;
	line-height: 30px;
	margin: 30px 13px;
}

.coreteam .item>div>p {
	text-align: justify;
	line-height: 30px;
	margin-top: 20px;
	font-size: 15px;
}

.coreteam img {
	width: 168px;
	margin-top: 20px;
}

p.name {
	margin: 34px 0 5px
}


/*our team*/

.teamus {
	background: url("../images/aboutOur/ourteambg.png") no-repeat;
	padding-top: 57px;
	background-size: cover;
	text-align: center;
}

.teamus p {
	font-size: 30px;
	color: #FFFFFF;
	line-height: 50px;
	text-align: center;
}

.teamus img {
	width: 1000px;
	margin: 55px 0 91px;
}

.teamPeople {
	width: 150px;
	height: 86px;
	position: relative;
	margin-top: 45px;
	display: inline-block;
	background: url("../images/aboutOur/teampeople/liuxuefei.jpg") no-repeat;
}

.teamPeople:before {
	content: "";
	position: absolute;
	top: -45px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 75px solid transparent;
	border-right: 75px solid transparent;
	border-bottom: 45px solid red;
}

.teamPeople:after {
	content: "";
	position: absolute;
	bottom: -45px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 75px solid transparent;
	border-right: 75px solid transparent;
	border-top: 45px solid red;
}


/*直接播放*/

.videoview {
	text-align: center;
	margin-bottom: 50px;
}

.videoview a {
	display: inline-block;
	width: 33%;
}

.videoview .videoname {
	margin-top: 10px;
	margin-bottom: 40px;
	color: #1F1F1F
}


/*=========================mobilephone======================================*/

@media only screen and (max-device-width: 640px) {
	body {
		width: 100%;
	}
	/*banner start*/
	.banner img {
		height: 2.5rem;
	}
	.videoReal {
		position: relative;
		width: 100%;
		height: 100%;
	}
	.video {
		position: relative;
		width: 100%;
		height: 3.36rem;
		background: url("../images/aboutOur/bgvideo.png") no-repeat center center;
		background-size: cover;
	}
	.video img {
		width: 2rem;
		position: absolute;
		top: 18%;
		left: 36%;
	}
	article {
		display: block;
		width: 100%;
		margin: 0.36rem auto;
		font-size: 0.38rem;
		line-height: 0.78rem;
	}
	article p {
		margin-top: 0.27rem;
		font-size: 0.3rem;
		line-height: 0.5rem;
	}
	.teampeople{width:100%}
	/*about us*/
	.title {
		margin: 0.8rem 0 0.5rem;
	}
	.titleBig {
		font-size: 0.65rem;
	}
	.titleSmall {
		font-size: 0.36rem;
	}
	.cont {
		margin-bottom: 1.25rem;
	}
	.teamus p {
		font-size: 0.65rem;
		line-height: 0.9rem;
		text-align: center;
	}
	/*coreTeam*/
	.coreteam {
		/* width: 100%; */
		/*float:none;*/
		height: auto;
	}
	.width1{
		width:100%;
	}
	.width2{
		width:100%;
	}
	.width3{
		width:100%;
	}
	
	.itemleft1{
		margin-left:0px;
	}
	.itemleft2{
		margin-left:0px;
	}
	.itemleft3{
		margin-left:0px;
	}
	.coreteam .item{
		width:auto;
	}
	.coreteam:hover .item {
		position: static;
		margin-top: 20px;
	}
	.coreteam .coreteampeople {
	    display: block;
	    font-size: 16px;
	    line-height: 30px;
	    margin: 30px 13px;
	}
	.coreteam:hover .item>div {
		display: block;
	}
	.videoview {
		text-align: center;
		margin-bottom: 50px;
	}
	.videoview a {
		display: inline-block;
		width: 100%;
	}
	.videoview .videoname {
		margin-top: 10px;
		margin-bottom: 40px;
		color: #1F1F1F
	}
}