.introduction{
	text-indent: 35px;
    font-size: 17px;
    letter-spacing: 1px;
    line-height: 30px;
}
.hxys h2{
	color: #77b122;text-align: center;
	margin-top: 80px;
}
.hxys img{
	margin: 0px auto 50px;
}
.yxdiv{
	position: relative;	
	height: 360px;
}
.sjck{
	width: 150px;
	height: 90px;
	border-radius: 10px;
	text-align: center;
	line-height: 90px;
	font-size: 25px;
	font-weight: bold;
	background-color: #36985D;
	color: #fff;
	position: absolute;
	left: 510px;
	top: 120px;
}
.ysdiv{
	position: absolute;
}
.ysindex{
	width: 50px;height: 50px;
	border-radius: 10px;text-align: center;
	line-height: 50px;font-size: 25px;
	background-color: #36985D;color: #fff;
	display: inline-block;cursor: pointer;
}
 /*360°旋转 修改rotate(旋转度数)*/
 .ysindex {
     transition: All 1s ease-in-out;
     -webkit-transition: All 1s ease-in-out;
     -moz-transition: All 1s ease-in-out;
     -o-transition: All 1s ease-in-out;
 }
 .ysindex:hover {
     transform: rotate(360deg);
     -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
     -o-transform: rotate(360deg);
     -ms-transform: rotate(360deg);
 }
.ysdiv1{ left: 783px;top: 18px; }
.ysdiv2{ left: 130px;top: 30px; }
.ysdiv3{ left: 770px;top: 154px; }
.ysdiv4{ left: 160px; top: 223px;}
.ysdiv5{ left: 710px;top: 254px;}

/* 阴影效果 */
.shadow{
	box-shadow: darkgrey 0px 0px 10px 2px!important;
}
.ystest{
	display: inline-block;
}
.ystestright{
	text-align: left;
	margin-left: 20px;
}
.ystestleft{
	text-align: right;
	margin-right: 20px;
}
.ystest p{
	margin-bottom: 0px;
	font-size: 18px;
	line-height: 20px;
}
.ptitle{
	font-weight: bold;
	margin-bottom: 10px!important;
}
.line{
    height: 1px;
    border-bottom: 1px solid #a9a9a9;
    position: absolute;
}
.line1{
	width: 99px;
    transform: rotateZ(155deg) scale(1.414);
    left: 671px;
    top: 93px;
}
.line2{
	width: 100px;
    transform: rotateZ(19deg) scale(1.414);
    left: 396px;
    top: 99px;
}
.line3{
	width: 78px;
    transform: rotateZ(180deg) scale(1.414);
    left: 676px;
    top: 175px;
}
.line4{
	width: 78px;
    transform: rotateZ(158deg) scale(1.414);
    left: 423px;
    top: 226px;
}
.line5{
	width: 52px;
    transform: rotateZ(43deg) scale(1.414);
    left: 659px;
    top: 231px;
}
.apidiv{
	text-align: center;
	padding: 80px 0px;
}
.topdiv{
	margin-bottom: 20px;
}
.middlediv{
	text-align: center;
}
.bottomdiv{
	margin-top: 40px;
}
.apiitem{
	margin-right: 3%;
	display: inline-block;
	height: 118px;
	cursor: pointer;
}
.itemimg{
	display: inline-block;
}
.itemtext{
	padding: 10px;
	text-align: center;
	font-size: 16px;
}
.itemleft{
	margin-right: 15px;
}
.itemright{
	margin-left: 15px;
}