*{
	margin: 0;
	padding: 0;
}

ol,
ul,
li {
	list-style: none;
}

a {
	text-decoration: one;
}

.header {
	width: 100%;
}

.header li a {
	float: left;
	width: 20%;
	font-size: 15px;
	color: #000000;
	line-height: 90px;
	font-weight: bold;
	text-align: center;
	display: flex;
	flex-direction: column;
}
#img {
	margin: 20% 0% 20% 0%;
	width:120%;
}

.header li a:hover {
	text-decoration: none;
	color: #019849;
}

.header_new {
	width: 100%;
	margin-top: 3%;
}

.header_new h3 {
	/*font-size: 30px;*/
}

.header_new p {
	font-size: 12.3px;
	margin-top: 1%;
	line-height: 2;
}

.header_new span {
	/*line-height: 10px;*/
	color: #019849;
}

.header_new img {
	margin-top: 0%;
}

#heighttop {
	height: 45px;
	line-height: 45px;
}
.width-cover{
        width:25% !important;
}

#bg {
	width: 100%;
	background-image: url(../images/sy.png);
	background-size: cover;
	padding-bottom: 63.156%;
	margin-top: -7%;
}

#div {
	width: 68%;
	height: 60%;
	/*background:red;*/
	position: absolute;
	left: 16%;
	top: 24%;
}

.footer {
	width: 100%;
	padding-bottom: 2%;
}

.footer p {
	color: #555555;
	text-align: center;
	letter-spacing: 1px;
}

#button button {
	width: 30%;
	height: 45px;
	border: 1px solid #cccccc;
	/*color: #019849;*/
	border-bottom: 0px;
	border-radius: 10px 10px 0px 0px;
}

#content {
	width: 100%;
	height: 100%;
	background: white;
}

#left {
	float: left;
	width: 30%;
}

#left img {
	width: 82%;
	margin: 6% 0% 0% 3%;
}

#right {
	width: 70%;
	float: right;
}

#right #box {
	width: 80%;
	height: 300px;
	/*background: red;*/
	margin: 0 auto;
	margin-top: 29%;
}

#box ul li {
	float: left;
	width: 33%;
	text-align: center;
	margin-top: 2%;
}

#box ul li span {
	font-size: 13px;
}

#box p {
	margin-left: 9%;
	font-size: 13px;
}


/*#box p>span {
	padding: 2% 2%;
	width: 4px;
	height: 4px;
	background: red;
	border-radius: 50%;
}*/

#ppp {
	color: #019849;
	font-size: 40px;
}

.d li span {
	float: left;
	text-align: center;
	width: 20%;
	font-size: 16px;
	color: #000000;
	font-weight: 100;
	padding-bottom: 5%;
}

#pages {
	background: white;
	color: #019849;
}

input,
button,
a {
	outline: 0 none !important;
	blr: expression(this.onFocus=this.blur());
}

#contents {
	display: none;
	width: 100%;
	height: 100%;
	background: white;
}

#headers {
	width: 80%;
	margin-left: 10%;
	display: flex;
	justify-content: space-around;
	border-bottom: 1px solid #cccccc;
}

#images {
	margin-top: 8%;
	padding-bottom: 3%;
}

#images img {
	float: left;
}

#images div {
	float: left;
	width: 34%;
	text-align: center;
	margin-left: 11%;
	font-size: 13px;
}

.iml div {
	/*float: left;*/
	width: 34%;
	text-align: center;
	margin-left: 34%;
	font-size: 12px;
}

#lefts {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

#one p {
	text-align: center;
	font-size: 15px;
	color: #007036;
}
#one{
	width:20%;
	float: left;
	margin-top: 1%;
	margin-left:7%;
}

#tow {
	width: 60%;
	margin-left: 3%;
	border-bottom: 1px solid #cccccc;
	margin-top: 1%;
	font-size: 12.4px;
	margin-right: 9%;
}

@media (max-width:1256px) {
	#tow {
		width: 80%;
		margin-left: 5%;
		border-bottom: 1px solid #cccccc;
		margin-top: 1.5%;
		font-size: 12.5px;
	}
}

@media (min-width:1400px) {
	#one{
	width:20%;
	float: left;
	margin-top: 4%;
	margin-left:7%;
}
	#tow {
	width: 60%;
	margin-left: 3%;
	border-bottom: 1px solid #cccccc;
	margin-top: 4%;
	font-size: 12.4px;
	margin-right: 9%;
}
}