html,body{/*overflow:hidden;*/}
body{margin:0;padding:0;font-family: Arial, '微软雅黑';}
a {text-decoration: none;}
img{ border:0;}
p{margin:0}

.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;}




/*banner*/
.banner{width: 100%;height: 360px;overflow: hidden;background: url(../images/banner-case.png) no-repeat center center;background-size:cover}
.fontz{ height:auto;color:#fff;margin:0 auto; opacity:.8}
.fontz p{font-size: 56px;letter-spacing: 1px;font-style: normal;  padding-top:160px; font-weight:bold; opacity:90%}
.fontz span{font-size: 28px;letter-spacing: 1px;font-style: normal;}

/*casesub*/
.casesub{} 
.case-all{ width:100%; height:auto; line-height:30px; padding:50px 0;}
.case-all strong{ font-size:18px; color:#3e3f4c; display:block; float:left;}
.case-all span{ font-size:14px; color:#3e3f4c; display:block; float:left; font-weight:normal;padding-left:20px}
.case-all p{ font-size:12px; color:#96989d; display:block; float:left; font-weight:lighter; line-height:20px ; padding-top:30px}

.case-img{overflow:auto; width:100%; font-size:14px;line-height:30px;color:#666}
.casesub hr{height: 1px;border: none;border-top: 1px dotted rgb(211, 211, 211);margin-top: 20px;margin-bottom: 20px;display:block;}
.case-page{width:100%; padding:56px 0}
.case-page ul{float:left; width:100%; padding:0}
.case-page ul li{ width:auto; height:auto; text-align:center}
.case-page ul li a{font-size:14px;color:#999;}
.case-page .case-page1{ float:left;}
.case-page .case-page2{ float:left;/* padding-left:46%*/}
.case-page .case-page3{ float: right;}
.case-page ul li:hover a{ color:#3E3F4C}


/*page*/
.page8{ margin:0; width:100%; height:30px; background-color:#3E3F4C;float: left}
.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-page ul li a,
.nav ul li a i,
.nav ul li a em,
.main {transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}



/*效果*/
/*1650分辨率下的样式*/
@media (max-width:1650px) {
	
	
	
	
}


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




/*960分辨率下的样式*/
@media (max-width:960px) {
	
	.banner{ height:250px}
	
	.case-page2{display:none;}
	.case-page3{ float:left !important;}
	
	.page8{ margin-top:30px; height:auto; float:left; padding:10px 0; text-align:center;margin-bottom:38px;}
	.page8 p{float:none;}
	.page8 span{ float:none;}
}
	


/*640分辨率下的样式*/
@media (max-width:640px) {
	
	
	.casesub{min-height:400px;}
	.page8{ margin-top:30px; height:auto; float:left; padding:10px 0; text-align:center;}
	.page8 p{ font-size:12px;float:none;}
	.page8 span{ font-size:12px; float:none;}
	.fontz p{padding-top:120px;font-size:28px;}
	.fontz span{font-size:18px}
	}