.allpp ul li{
	list-style: none;
}
.bannerpp{
	width: 100%;
	height:480px;
	background: url("../img/aboutus/bannerpp.jpg")no-repeat center 0;
	position: relative;

}
.videopp{
	position: absolute;
	width: 608px;
	height:398px;
	background: url("../img/aboutus/videopp.jpg")no-repeat;
	top:0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
}
.starti{
	width: 80px;
	height:80px;
	display:block;
	position: absolute;
	top:0;
	left:0;
	right: 0;
	margin: auto;
	bottom: 0;
	background: url("../img/aboutus/icon-player.png")no-repeat ;
	background-position:0 0 ;
}
.starti:hover{
	background-position:0 -80px;
}
/*公司简介*/
.intropp{
	padding: .4rem;
}
.introtit h1{
	font-size: .38rem;
	color:#1b0000;
	letter-spacing:8px;
	font-weight: 400;
	text-align: center;
}
.introtit h2{
	margin-top: 6px;
	font-size: .2rem;
	color:#808080;
	letter-spacing:1px;
	font-weight: 400;
	text-align: center;
	margin-left: -5px;
}
.introp{
	font-size: .28rem;
    color: #4d4d4d;
    width: 100%;
    margin: 0 auto;
    line-height: .5rem;
    letter-spacing: 2px;
    margin-top: .2rem;
    padding-bottom: .5rem;
    text-align: justify;
}
.intropp2{
	background: url("../img/aboutus/gsln.jpg")no-repeat;
}
.intropp2 .introtit{
	padding-top: .3rem;
    width: 100%;
    padding-bottom: .3rem;
    margin: 0 auto;
}
.ideapp{
	overflow: hidden;
	margin-top:.3rem;
}
.ideapl{
	float: left;
    width: 100%;
}
.ideapl>img{
	width: 100%;
}
.ideapr{
	width: 100%;
    float: left;
    margin-top: .2rem;
}
.ideaul li{
	padding: 0rem .4rem;
}
.lipr1{
	margin-top: .2rem;
	font-weight: bold;
	color:#333333;
	font-size: .32rem;
}
.lipr2,.lipr3,.lipr4,.lipr5{
	font-size: .28rem;
	color:#4d4d4d;
	line-height: .5rem;
	letter-spacing: 1px;
}
/*团队成员*/
.coreteam{
	margin-top: .3rem;
	padding-bottom: .4rem;
	overflow: hidden;
}
.coreul{
	width: 100%;
    margin: 0 auto;
    overflow: hidden;
    margin-top: .3rem;
    padding: .1rem .4rem;
}
.coreul li{
	width: 42%;
    height: 5.7rem;
    position: relative;
    float: left;
    overflow: hidden;
    background-color: #cfcfcf;
    margin-right: 20px;
    margin-bottom: 20px;
}
.corename{
	font-size: .45rem;
    color: #fff;
    position: relative;
    z-index: 1111;
}
.corename1{
	margin-top: .08rem;
	color: #fff;
	position: relative;
	z-index: 1111;
	font-size: .32rem;
}
.corename2{
	margin-top: 6px;
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    position: relative;
    z-index: 1111;
}
.memberpp{
	position: absolute;
    padding: .4rem .2rem;
    top: 3.6rem;
    width: 90%;
    z-index: 1111;
    text-shadow: 0 0 6px rgba(0,0,0,.64);
}
/***************向上动画******************/
.memberpp:before{
	content: '';
	left: -20px;
	opacity: 0.3;
	top: 12px;
	position: relative;
	width: 0;
	height: 2rem;
	border-left: 3.35rem solid black;
	border-bottom: 1.2rem solid black;
	z-index: 1;
    /* border-top: 40px solid transparent; */

}
.memberpp:hover::before{
	animation: changecolor 0.8s linear;
	opacity: 0.6;

}
@keyframes changecolor{
	0%{opacity: 0.2}
	50%{opacity: 0.4}
	100%{opacity: 0.6 }
}
#corel1{
	background: url("../img/aboutus/p1.png")no-repeat;
	background-size: contain;
}
#corel2{
	background: url("../img/aboutus/p2.png")no-repeat;
	background-size: contain;
}
#corel3{
	background: url("../img/aboutus/p3.png")no-repeat;
	background-size: contain;
}
#corel4{
	background: url("../img/aboutus/p41.png")no-repeat;
	background-size: contain;
}
#corel5{
	background: url("../img/aboutus/p5.png")no-repeat;
	background-size: contain;
}
#corel6{
	background: url("../img/aboutus/p6.png")no-repeat;
	background-size: contain;
}
#corel7{
	background: url("../img/aboutus/p711.jpg")no-repeat;
	background-size: contain;
}
#corel8{
	background: url("../img/aboutus/p9.png")no-repeat;
	background-size: contain;
}



/***********公司荣誉***********/
.honorpp{
	background: url("../img/aboutus/ppmap.jpg")no-repeat;
	width: 90%;
	background-size:cover;
	padding: .5rem .4rem;
}
.honorul{
	width: 100%;
    margin: .3rem auto;
}
.honorul li{
	font-size: .28rem;
    color: #333333;
    line-height: .5rem;
    letter-spacing: 1.2px;
    text-align: justify;
    margin-bottom: .2rem;
}
.ocup{
	position: relative;
	height: 2rem;
}
.honorcup{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin:auto;
	display: block;
	width: 100%;
}
/**********公司历程***********/
.historypp{
	padding-top: .5rem;
	overflow-x: scroll;

}

.title{
	width: 90%;
	overflow: hidden;
	margin:0 auto;
}
.title span{
	background: #DBDBDB;
	font-size: .38rem;
	float: left;
	width: 30%;
	text-align: center;
	line-height: .9rem;
	color: #646464;
}
span.jyxx{
	margin-left: 1%;
	width: 69%;
}

.historyear{
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	position: relative;
	/*padding: 0 .4rem;*/
}
.historl{
	float: left;
	width: 2px;
	background: #DBDBDB;
	margin-left: .05rem;
	/*margin-top: .2rem;*/
}
.historul{
	padding-left: .3rem;
	width: 5rem;
	float: left;
	padding-top: 6px;
	padding-bottom: 50px;
	margin-top: .8rem;

}
.historul333{
	height: 300px;
}
.historul li{
	font-size: .3rem;
	color: #333;
	line-height: .5rem;
	margin-bottom: .2rem;
	width: 100%;
	text-align: justify;
	position: relative;
}
.historul li div{
	position: absolute;
	font-size: .32rem;
	color: #9F9F9F;
	left: -1.32rem;
	width: 1.3rem;
}
.historul li div .dian{
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	border: 2px solid #E0B763;
	background: #fff;
	float: right;
	margin-top: .12rem;
	margin-right: .15rem;
}
.yearhh{
	font-size: .38rem;
	float: left;
	background: url("../img/rectangle2.png") 0 0 no-repeat;
	background-size: 100% 100%;
	color: #fff;
	padding: .02rem .3rem .02rem .2rem;
	position: relative;
}
.yearline{
	float: left;
	width: 5px;
	height: 5px;
	border: 2px solid #979797;
	background: #DBDBDB;
	border-radius: 50%;
	position: absolute;
	top: .2rem;
	right: -.15rem;
}
.sq2{
	color: rgba(51, 51, 51, 0.81);
	font-weight: bold;
}
.sq2:hover{
	color: #999;
	cursor: pointer;
}
.div1233{
	height: 95px;
    width: 100%;
    margin: 0 auto;
    margin-top: -74px;
    position: absolute;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(250, 245, 249, 0.41)), to(#faf9f5));
}
.historyearbig{
	width: 90%;
	margin: 0rem auto;
}
.shanghaibg{
	background: url("../img/aboutus/shanghai.png")no-repeat;
	width: 100%;
	height:530px;
	margin-top:-250px;
	position: relative;

}
.shanghaibigg{
	z-index: -1;
    position: relative;
	height:530px;
	background:-webkit-gradient(linear, 0% 14%, 0% 100%,from(rgb(255, 255, 255)), to(rgba(134,159,168,1)));
}
.allpp{
	overflow: hidden;
	margin-bottom: .5rem;
}
.coreul li,.historul,.starti{
	cursor: pointer;
}
.bannerpp{background-size:cover}