/* html,body{overflow:hidden;width:100%;height:100%;} */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0;font-family: microsoft yahei; }
a {text-decoration: none;}
img{ border:0;}
p{margin:0; font-family:Arial, '微软雅黑'}

.nav, .nav-sub {float:left;height:100%;}
ul, li {list-style: none;}
.fl { float: left; }
.fr { float: right; }
input:focus { outline: none; }
.input_noline{ background-color:transparent;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}




/*case*/
.case{ max-width:100%; height:auto;margin-top:140px}
.case ul {margin:0;padding:0;list-style-type: none;width:100%;overflow: hidden;}
.case ul li {float:left;width:33.33%;}
.case ul li a {display: block; width: 100%; height:100%;padding-top:75%; position: relative;background: no-repeat center center;background-size: auto 120%;
transition: all .2s;
-moz-transition: all .2s; /* Firefox 4 */
-webkit-transition: all .2s; /* Safari 和 Chrome */
-o-transition: all .2s; /* Opera */}
.case ul li a img {display: block; width: 100%;}
.case .mu{position: absolute;top:12%;left:12%; right:12%; bottom:12%;width:58%;height:50%;margin:0;padding:10%;background: rgba(0,0,0,.3); text-align:center; /* opacity:1; */}
.case ul li a:hover div{/*  opacity:1; */}
.case ul li a:hover {background-size:auto 140%}

.case .mu img{ width:auto; height:auto; display:block; padding-left:45%}
.mu span{ font-size:22px; font-weight:bold; color:#fff; display:block; padding:18% 0 6% 0;}
.mu p{font-size:12px;color:#fff;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mu i{position: absolute;top:75%;left:35%;width:25%;height:6%;margin:0;padding:9px;background:#fff;border-radius: 4px;font-size:14px;height:14px;color:#3e3f4c; font-style:normal;line-height:14px;}





/*page*/
.page8{ margin:0; width:100%; height:30px; background-color:#3E3F4C;}
.page8 p{ font-size:12px; color:#FFFFFF; float:left; display:block; margin:6px 30px;}
.page8 span{font-size:12px; color:#FFFFFF; float: right; display:block; margin:6px 30px; }


/* transition */

.case .mu,
.main {transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}



/*效果*/
/*1650分辨率下的样式
@media (max-width:1650px) {
	
	.case ul li {float:left;width:50%;}
	.mu i{ height:6%; padding:11px}
	
	
	}*/


	/*1366分辨率下的样式*/
	@media (max-width:1366px) {



	}




	/*960分辨率下的样式*/
	@media (max-width:960px) {
		.case{ }


		.case ul li {float:left;width:50%;}
		.case .mu{opacity:1; bottom:1%; left:0; top:75%; right:0; width:100%; height: 20%; padding:5px; text-align:left;}
		.case .mu img{padding:3.5%; float:left;}
		.mu span{ padding:0;float:left; margin:12px 0 5px; font-size:18px; width:70% }
		.mu p{float:left; width:70%;}
		.mu i{ display:none;}


		.page8{ margin:0; height:auto; float:left; padding:10px 0; text-align:center;}
		.page8 p{float:none;}
		.page8 span{ float:none;}
	}
	


	/*640分辨率下的样式*/
	@media (max-width:640px) {
		.case ul li {float:left;width:100%;}

		.case .mu{ display:block;opacity:1; bottom:1%; left:0; top:74%; right:0; width:100%; height: 23%; padding:5px; text-align:left;}
		.case .mu img{padding:4%; float:left;}
		.mu span{ padding:0;float:left; }
		.mu p{ font-size:14px; margin-bottom:2%}

		.page8{ margin:0; height:auto; float:left; padding:10px 0; text-align:center;  left:0; bottom:0;}
		.page8 p{ font-size:16px;float:none;}
		.page8 span{ font-size:16px; float:none;}
	}

	/*page*/
	.page{text-align: center;margin-top: 50px;}
	.pages{margin:30px auto 16px;text-align:center;width:100%;}
	.pagination{text-align:center;display: inline;}
	.pagination li{display: inline;padding:6px 10px;background-color:#eee;margin:7px;}
	.pagination li a{color:#fff;text-align:center;line-height:25px;font-size:12px; color:#999}
	.pagination li.active{background:#0064BC;color:#fff;}
	.pagination li.active a{color:#fff;}
	.pagination li.disabled{width:74px;}
	.pagination li.disabled a{width:60px;}

/* by ly_huaya_20180927 */
.case { margin-top: 30px; }
	.case ul li a { padding-top: 0 }
	.case ul#ajaxContent li:last-child { display: none; }

	.case a h2 { font-size: 16px; font-weight: normal; padding: 10px 0; text-align: center; }