/*
* @Author: dell
* @Date:   2019-02-20 12:50:24
* @Last Modified by:   dell
* @Last Modified time: 2019-02-20 13:57:30
*/
*{margin: 0px;
  padding: 0px;
  box-sizing: border-box;

}
h3{margin: 0;
	padding: 0;}
a{
	text-decoration: none;
	color:#363636 ;
}
li{
	list-style-type: none;
}
i{
	font-style:normal;
	font-size: 14px;
	color:#9C9C9C;
}
h5{
	font-weight:500;
	color:#bdbdbd;
}
img{vertical-align: top;}
.xin{
	width: 1210px;
	margin: auto;
}
.tab-hd{
	width: 100%;
	height: 70px;
	text-align: center;
	line-height: 50px;
	position: relative;
	border-bottom: 1px solid #999;
}
.tab-hd p{
	font-size: 16px;
	line-height: 70px;
	display: inline;
	color:#02B09B;
}
.tab-hd p:first-child{
	margin-right: 110px;
}
.tab-hd p:hover{
	color:#29BEA9;
}
.line{
	width: 98px;
	height: 2px;
	background-color: #29BEA9;
	position: absolute;
	bottom: 0;
	left: 502px;
}
.bd{
	width: 100%;
	padding-top:20px;
}
.weik{
	width:900px;
	height:40px;
	margin-bottom: 20px;
}
.weik img{
	float: left;
}
.xitong{
	display: inline-block;
	float: left;
	font-size: 20px;
	line-height: 30px;
	margin-left: 5px;
}
.rizhi{
	width: 100%;
	padding-top: 20px;
	padding-bottom: 40px;
	padding-left: 20px;
position: relative;
height:auto;

}

.riz{
	margin-bottom: 40px;
	position: relative;
}
.tu-o{
	display: inline-block;
	float: left;
	margin-left: 70px;
	margin-top: 6px;
}
.tu-o2{
	display: inline-block;
	float: left;
	left: 230px;
	position: absolute;
}

.tu-o3{
	animation:hi 0.1s linear ;
	animation-fill-mode:forwards;
}

@keyframes hi{
	from{transform: rotate(0deg);}
	to{transform: rotate(90deg);}
}
.tu-o4{
	animation:ha 0.1s linear ;
	animation-fill-mode:forwards;
}

@keyframes ha{
	from{transform: rotate(90deg);}
	to{transform: rotate(0deg);}
}

.riz-o{
	width: 70%;
	cursor:pointer;
	display:inline-block;
	-webkit-transition: all .3s;
	margin-left: 15px;
}
.riz-o h5{
	font-size: 18px;
}
.riz-o p{
	font-size: 12px;
	line-height: 24px;
	color:#bdbdbd;
	margin-top: 30px;
	-webkit-transition: all .3s;
}
.line-t{
	width: 1px;
	height: 100%;
	background-color: #e8e8e8;
	position: absolute;
	left:293px;
	top:0px;
}
.imgg{
	width: 216px;
	height: 134px;
	display: inline-block;
	float: left;
}
.imgg_p{
	width: 131px;
	display: block;
	font-size: 23px;
	color: white;
	line-height: 40px;
	text-align: center;
	margin: auto;
}
.logimg1{
	position: absolute;
	top: 20%;
	right: 1%;
}
.logimg2{
	position: absolute;
	top: 26%;
	right: 5%;
}
.logimg4{
	position: absolute;
	top: 33%;
	right: 12%;
}
.logimg5{
	position: absolute;
	top: 31%;
	left: 0%;
}
.logimg6{
	position: absolute;
	top:52%;
	left: 0%;
}
.caseimg1{
	position: absolute;
	top: 23%;
	left: 1%;
}

.caseimg2{
	position: absolute;
	top:38%;
	left: 1%;
}

.caseimg3{
	position: absolute;
	top: 56%;
	left: 1%;
}
.caseimg4{
	position: absolute;
	top: 67%;
	left: 1%;
}

.caseimg5{
	position: absolute;
	top: -1%;
	right: -8%;
}

.docuimg1{
	position: absolute;
	top:4%;
	left: 26%;
}
.docuimg2{
	position: absolute;
	top: 15%;

}
.docuimg3{
	position: absolute;
	top: 15%;
	left: 65%;
}
.docuimg4{
	position: absolute;
	top: 57%;

}
.docuimg5{
	position: absolute;
	top: 57%;
	left: 65%;
}
.docuimg6{
	position: absolute;top: 40%; left: 44%; width: 149px;height: 31px;
}
.docu-p{
	width: 2px;height: 80px;position: absolute;top: 16%;background: white;left: 50%
}
.docu-pa{
	width: 2px;height: 80px;position: absolute;top: 62%;background: white;left: 50%
}
.docu-pb{
	position: absolute;top: 46%;left: 45%;font-size: 23px;color: white;letter-spacing: 10px
}