.more{
	border: #f1f1f1 1px solid;
	text-align: center;
}
.more_direction{
	margin-top: 12%;
}
.more_name{
	color: #333333;
	font-size: 1.5em;
	margin-top: 9%;
}
.more_cate{
	margin-top: 1%;
	color: #333333;
	font-size: 1.5em;
}
.read_more{
	margin-top: 7.8%;
	display: block;
	margin-left: 50%;
}
.read_more_last{
	margin-bottom: 24%;
}
a.box{
	display:block;
	font-size: 1.125em;
	height: 2.75em;
	line-height: 2.75em;
	width: 9em;
	font-family: "arial";
	border-radius: 1.25em;
	background-color: #10763a;
	color: #FFFFFF;
	margin-left:-4.5em;
} 

a.box:hover {  background-color: #333333; }
.box_color{
	background-color: #10763a;
}
.gap{
	margin-top: 4em;
}
.gap_t{
	margin-top: 5.875em;
}
.gap_b{
	margin-bottom: 6em;
}


.gap_t>.gap:nth-child(even) .more_direction {  transform:rotate(180deg);
-ms-transform:rotate(180deg); 	/* IE 9 */
-moz-transform:rotate(180deg); 	/* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg); 	/* Opera */ }

.selfnav { text-align:right; position:absolute; right:0; bottom:0; background-color:#ccc}
.selfnav li { display:inline-block; padding:0.5em 1.5em;}
.selfnav li>a { font-size:1em; color:#333;  padding-left:0.5em; padding-right: 0.5em; padding-top:5px; padding-bottom:5px;}
.selfnav li:hover  { background-color:#10763a;color:#fff;}
.selfnav li:hover a { color:#fff;}
.selfnav li.sel   { background-color:#10763a;color:#fff;}
.selfnav li.sel  a { color:#fff;}
@media screen and (min-width:992px){
	.gapbox>div:nth-child(even)>div:first-child { float:right}
}


.solu-main { border-top:#ccc solid 1px; padding-top: 5em; padding-bottom: 6em;}


@media screen and (max-width:960px) {



	.gap_t>.gap .more_direction { display: none; }


	.more_name {
 
    margin-top: 3%;
}
	.read_more {
    margin-top: 2.8%; }
	.gap {    margin-bottom: 2em; margin-top:1em;}
	.left_img { width:100%; margin-top:1em; }
	.more_direction{
		margin-top: 4%;
	}
	  .main{

		    margin-top: 1em;
    		margin-bottom: 0.5em;
	  	
	  }
  	.banner_info{
		font-size: 1em;
	}
	
	.banner_info p{
		font-size: 1.3em;
	}
	.typedes .downjt {
		
		width: 22px;
 	height: 22px;
 	-moz-border-radius: 22px;
 	-webkit-border-radius: 22px;
 	border-radius: 22px;
 	line-height: 22px;
		
		}
		.selfnav { bottom:-50px;  right:15px; }
		.selfnav ul { text-align: left; }
		.selfnav li {   display: inline-block;  padding: 0.5em 0.5em;}
		
  }
  
@media screen and (max-width:320px) {
	
	.more_direction{
		margin-top: 6%;
	}
	.more_name{
		margin-top: 3%;
	}

	.read_more{
		margin-top:3%;
		
	}
	
	
  	.banner_info{
  		font-size: 0.75em;
  	}
  	.main{
		margin-top: 2em;
	}
	
  	.banner_info p{
  		font-size: 1em;
  	}
  	.typedes   {font-size: 12px;
  		 
  		}
	.banner_info h2{
		margin-bottom: -0.1%;
	}
	.gap_t {
		margin-top: 1.875em;
	}
	
  }