html,body{/* overflow:hidden;width:100%;height:100%; */}
body{margin:0;padding:0;font-family: Arial, '寰蒋闆呴粦';}
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;}


/* main */
.main {/* position:fixed;top:0;right:0;left:80px;overflow:auto;height:100%; */}
.main-sub {left:320px;}
.main-hover {left:220px;}
.main-hover-sub {left:460px;}

/*nav-top*/
#header{position: absolute;height: 68px;width: 100%;top: 0; left:0;z-index: 2000;background: #3e3f4a; display:none;}
#nav-top {background: #4abcc7;width: 90px;height: 68px;overflow: hidden;z-index: 3001; display:block; float:left;}
#logot {display: block;width: 68px; height:68px;z-index: 3002;float: right;}
#header .logot {width: 120px;margin: 20px auto 0;font-size: 24px;color: #ffffff;text-align: center;overflow: hidden;font-weight: normal;}
#header .nav-top nav a {background: url(../images/menu.png)no-repeat center center;width: 90px;height: 68px;overflow: hidden;z-index: 2001; display:block;}



/* transition */
.nav-hover .logo{ background: url(../images/logo1.png)no-repeat center center;   margin: 50px 0 0 0;}
.fixbottom,
.line,
.nav,
.nav ul li a i,
.nav ul li a em,
.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}
	
	
}


/*1300鍒嗚鲸鐜囦笅鐨勬牱寮?/
@media (max-width:1300px) {
	.nav-sub{display:none}
    .main-sub {left:80px;}
    .main-hover {left:80px;}
	.main-hover-sub {left:220px;}
	
	
	}




/*960鍒嗚鲸鐜囦笅鐨勬牱寮?/
@media (max-width:960px) {
	.case{ margin-top:68px}
	.nav{ display:none;}
	.nav-sub{ display:none}
	#header{ display:block}
	.main-sub{ left:0}
}