#prozs{ width:100%; float:left; position:relative;}
#prozs .tp{ width:40%; float:left;position:relative; cursor:pointer;}
#prozs .tp:after{
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	content:"";
	background-image: url(fd2.png);
	background-repeat: no-repeat;
	background-position: center center; display:none;
}
#prozs .tp:hover:after{ display:block}
#prozs .tp img{ display:block; width:100%;}
#prozs .js{ width:58%; position:absolute; right:0px; top:0px; height:100%; background-color:#00522f;}
#prozs .js .nr{ width:80%; padding:0px 10%; color:#fff;line-height:30px;  position:absolute; left:0px; top:50%; margin-top:-100px;}
#prozs .js .nr h1{ font-size:26px; text-transform:capitalize;}
#prozs .js .nr h2{   font-size:16px; margin-top:5px; margin-bottom:5px;}
#prozs .js .nr span{ width:100%; float:left; background-color:#fff;border-radius:4px; text-align:center; font-size:16px; line-height:35px; overflow:hidden; font-weight:bold; margin-top:12px; color:#00522f;}
#prozs .js .nr span:hover{ background-color:#00853f; background:-webkit-linear-gradient(left, #00853f, rgba(0,133,63,0.2)); color:#FFF}
#pdflist {
	WIDTH:100%;
	FLOAT: left;  overflow:hidden; text-align:left;
}
#pdflist UL {
	LIST-STYLE-TYPE: none; margin-left:-2%;
}
#pdflist UL LI {
	TEXT-ALIGN: center; WIDTH:31.33%; float:left;cursor:pointer; margin-left:2%; margin-top:1%; margin-bottom:1%; padding:2px;background-color:#fff; border:#00522f solid 1px;box-sizing:content-box; box-sizing:border-box; 
}

#pdflist UL LI dd{ width:100%; cursor:pointer;TEXT-ALIGN: center; display:block;  overflow:hidden;background-color:#fff; position:relative; padding-top:138%;  }
#pdflist UL LI IMG { border:0px; min-height:100%; width:100%;transition:all 0.4s ease-in-out 0s; position:absolute; left:0px; top:0px;}
#pdflist UL LI p{width:98%; color:#6BB92D;background-color:#eee;cursor:pointer;border-radius:2px; padding:1%; text-align:center; font-size:14px;  line-height:30px;TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden;  margin-top:5px; }

#pdflist UL LI A {
	DISPLAY: block; color:#fff;transition:all 0.2s ease-in-out 0s;
}
#pdflist UL LI:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
#pdflist UL LI:hover{ border:#6BB92D solid 1px;}
#pdflist  ul li:hover p{ background-color:#6BB92D; color:#FFF }
#pdflist UL LI p.c1{ background:none;color:#6BB92D;}
#pdfzs{ width:100%; position:fixed; z-index:1000;top:0px; height:100%;  background-color:rgba(0,0,0,0.5);  text-align:center;overflow-y:scroll;
	overflow-x:hidden;}
#pdfzs iframe{ width:100%; height:100%;}
#pdfzs .gbf{
	width:38px;
	cursor:pointer;
	height:25px;
	position:absolute;
	bottom:20px;
	right:2%;
	background-image: url(f1.jpg);
	background-repeat: no-repeat;
	background-position:center center;
	z-index:10;
	color:rgba(255,255,255,0.8); font-size:12px; line-height:25px;
}
@media only screen and (max-width: 1300px){#prozs .js .nr{line-height:1.5;}#prozs .js .nr h1{ font-size:24px;}#prozs .js .nr h2{font-size:16px;}#prozs .js .nr span{ font-size:14px;line-height:30px;margin-top:10px;}}
@media only screen and (max-width: 1100px){#prozs .js .nr{margin-top:-80px;}#prozs .js .nr{line-height:1.5;}#prozs .js .nr h1{ font-size:18px;}#prozs .js .nr h2{font-size:14px;}#prozs .js .nr span{ font-size:12px;line-height:25px;}}
@media only screen and (max-width: 1000px){#prozs .js .nr{width:84%; padding:0px 8%;}}
@media only screen and (max-width: 800px){#pdflist UL LI p{ font-size:12px; line-height:25px;}}
@media only screen and (max-width: 700px){#prozs .tp{ width:100%;}#prozs .js{ width:80%; float:left; position:relative; margin-top:10px; padding:10%;}#prozs .js .nr{ width:100%; float:left; position:relative; top:0px; margin-top:0px; padding:0px;}#prozs .js .nr h1{ font-size:16px;}}
@media only screen and (max-width: 600px){#pdflist UL LI{ width:48%;}}
@media only screen and (max-width: 450px){#}
@media only screen and (max-width: 400px){}