.grid {
	list-style: none;
	margin: 20px auto;
	padding: 0;
	line-height:1.5em;
}

.grid li {
	padding:20px;
	margin:10px;
	border-radius:10px;
	border:5px #a8cd51 solid;
	padding-top:3em;
	overflow:hidden;
}
.grid li:nth-child(1){ border:5px #a8cd51 solid;text-align: center;}
.grid li:nth-child(2){ padding-left:0 !important; padding-right:0 !important; border:5px #a8cd51 solid;}

.grid li:nth-child(4){
	padding-top:4em;
}
.grid .res-con{ font-size:.8em;}
.grid .req-con{ font-size:.8em;}
.grid .btn{ width:100%; height:40px; text-align:center; font-size:20px; margin-top:30px; margin-bottom: 20px;}
.grid .btn a{ max-width:300px; border-radius:20px; background-color:#a8cd51; color:#FFF; margin:0 auto; display:block; height:40px; line-height:40px;}
.grid h2{ color:#a8cd51; font-size:1.3em; margin: 0; }
.grid h2 span{font-size: 1.2em;text-decoration: underline;}
.grid h2 small{ font-size:.7em; color:#999;}

.grid h3{ color:#a8cd51; font-size:1em; background-color: #ffffff; border-radius: 30px; padding: 5px 0 5px 16px;}
.grid .bg{ background-color:#fff; width:calc( 100% - 1em ); margin-left:1em; padding:1em; padding-bottom:2em; margin-top:2em; border-radius: 5px;}
.grid .bg h3{ margin-left: -2em;}

.add-con{ font-size:.8em;}



.zygj-box{ width:100%; margin-top:165px;}
.zygj-box h3{ margin:0 auto; width:130px; height:45px; font-size:1.5em; background-color:rgba(168, 205, 81, 1); color:#fff; text-align:center; border-radius:40px; line-height:40px; border:4px #FFFFFF solid; padding: 0;}

.zygj-box .d2{ margin:0 auto; width:100%; padding-top:10px; text-align:center;}
.zygj-box .d2 span{ font-size:2em;writing-mode: vertical-rl; margin:0 auto; color:#144ea0;}
.d2 img {
    margin: 0 auto;
}
.zygj-box h4{ max-width:280px; width:100%; margin:0 auto; margin-top:10px; text-align:center; padding:5px 30px; background-color:rgba(168, 205, 81, 1); color:#FFF; font-size:1em; border-radius:50px;border:4px #FFFFFF solid; }


.zygj h4{ margin:40px 0 0 0; position:relative; text-align:right; border-radius:0 20px 20px 0; background-image: linear-gradient(to right, #f2f2f2, #111 100%); height:30px; line-height:32px; font-size:1em; color:#FFF; padding-right:20px; display:none;}

.zygj-li{
    margin: 0 auto;
    width: 280px;
    height: 50px;
}

.zygj dl{ float:left;}

.zygj dl dt{ margin:0 auto; margin-bottom:10px; width:100%; padding-top:10px; height:30px;}
.zygj dl dt span{ 
	background-image: url(images/jj.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 15%; width:100%; height:35px; float: left; 

}

.zygj dl dd{ margin:-2px 8px 0px 8px; width:40px; padding:0 12px;  line-height:14px;color:#FFF; font-size:.8em; border-radius:2em 2em 2em 2em; padding-bottom:20px; border:2px #FFFFFF solid; text-align:center;}
.zygj dl dd span {
	height: 20px;
	width: 20px;
	background-color: #fff;
	border-radius: 10px;
	margin: 8px;
	margin-bottom: 10px;
	display: block;
	float: left;
	background-image: url(images/jj.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 40%; margin-left: -4px; margin-top:2px
}

.zygj dl dd:nth-child(2){ background-color:rgba(168, 205, 81, 1);}
.zygj dl dd:nth-child(3){ background-color:rgba(168, 205, 81, .9);}
.zygj dl dd:nth-child(4){ background-color:rgba(168, 205, 81, .8);}
.zygj dl dd:nth-child(5){ background-color:rgba(168, 205, 81, .7);}
.zygj dl dd:nth-child(6){ background-color:rgba(168, 205, 81, .6);}
.zygj dl dd:nth-child(7){ background-color:rgba(168, 205, 81, .5);}
.zygj dl dd:nth-child(8){ background-color:rgba(168, 205, 81, .4);}

.zygj dl dd:nth-last-child(1){ background-color:rgba(168, 205, 81, 1); padding-top:20px; font-weight:bold; font-size:1em; line-height:18px;}
.zygj dl dd:nth-last-child(1):before{ content:none;}


.grid li.shown,
.no-js .grid li,
.no-cssanimations .grid li {
	opacity: 1;
}

.grid li a,
.grid li img {
	outline: none;
	border: none;
	display: block;
	max-width: 100%;
}


.grid li {width: calc( 100% - 20px );}