@charset "gb2312";
/* CSS Document */
.m-menu{ display:none; background:#f5f5f5;}
.m-menu li{ float:left; line-height:42px; font-size:14px; position:relative}
.m-menu li a{ display:block;padding:0 20px;}
.m-menu li i{ width:13px; height:13px; position:absolute; right:0;top:14px; background:url(../images/mnavbg.png) no-repeat; background-size:13px; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.m-menu li .sub{position: absolute;background-color: #e8e8e8;width:200%; display:none; z-index:9}
.m-menu li .sub p{ float:left; width:50%}
.m-menu li.cur i{ -webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);transform:rotate(-180deg);}
.m-menu li.cur>a{color: #3b5241;}
.m-news,.m-service{ display:none;background: #FFF url(../images/linet.jpg) no-repeat left top;padding:12px 0 15px;margin-bottom: 20px;}
.m-news ul li{ border-bottom:1px dashed #d8d8d8; line-height:30px; background:url(../images/jiantou.jpg) no-repeat left 12px; padding-left:10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.m-service ul li{ border-bottom:1px dashed #d8d8d8; padding-bottom:10px; margin-bottom:15px;}
.m-service li .pic{ width:20%; border:1px solid #e8e8e8; padding:2px; float:left}
.m-service li .pic img{ width:100%; display:block}
.m-service li .wenzi{ width:75%; float:right}
.m-service li .wenzi h3{color: #24483C; padding-bottom:10px;}
.m-service li .wenzi .intro{ line-height:25px}
.m-service li .wenzi .gengduo{color: #24483C;}
.nnav{ display:none}
.nnav li{ float:left; width:50%; background:#EBEBEB;}
.nnav li a{ display:block;padding:10px 12px; font-size:14px; border-bottom:1px solid #fff; border-right:1px solid #fff; white-space:nowrap}
.nnav li .current{background-color: #24483C;color: #fff;}
.nnav4 li{ width:25%}
.m-picshow{ display:none; position:relative; height:400px; overflow:hidden; background:#f5f5f5}
.m-picshow .slides li{ text-align:center}
.m-picshow .slides img{display:inline-block;max-height:400px; max-width:100%}
.m-quick{background: url(../images/menuahover.jpg) #2f463c repeat-x left center; position:fixed; bottom:0; z-index:99; width:100%; height:45px;color:#fff; display:none}
.m-quick li{ float:left; width:33.33%; text-align:center; font-size:14px;}
.m-quick li a{ color:#fff; display:block; padding-top:25px;}
.m-quick li.tel{ background:url(../images/fltel01.png) no-repeat center 3px}
.m-quick li.tel1{ background:url(../images/fltel.png) no-repeat center 3px}
.m-quick li.mail{ background:url(../images/flmail.png) no-repeat center 3px}
@media screen and (max-width:1440px){
	.banner{ width:100%;}
}
@media screen and (max-width:1024px){
	#container{ min-width:320px;}
	#header{ width:96%}
	#news{ display:none}
	#menu{ display:none}
	.banner .flex-viewport li{ background-size:cover !important}
	#header{ height:auto;}
	#logo img{ width:auto; height:80px;}
	#header #enter{ padding-top:25px}
	.m-menu{ display:block}
	#main{ width:100%}
	#case{ width:100%; padding:12px 0}
	#main #about{ width:100%; padding:12px 0 15px; margin-bottom:20px; height:auto}
	#main #show{ width:100%;padding:12px 0 15px;height:auto}
	#title{ padding:0 12px 0}
	#content{ margin:0 12px 0; overflow:hidden;}
	.m-news,.m-service{ display:block}
	.banner .flex-control-nav{ bottom:15px}
	#nybanner{ margin-bottom:0; width:100%; height:auto}
	#nybanner img{ width:100%}
	#nmain{ width:100%; background-image:none; margin-bottom:0}
	#nmain #nleft{ display:none}
	#nmain #location{ margin:0 12px; line-height:30px}
	#nmain #ndetail{ background:none}
	#nmain #nright,#nmain #nright_c{ width:100%; padding:0 12px 18px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
	.nnav{ display:block}
	#nmain #location #dabiao{ display:none}
	#footer{ border-top:3px solid #24483C}
	.m-picshow{ display:block}	
	#gallery{ display:none}
	.banner .flex-viewport li{ height:280px;}
}
@media screen and (max-width:768px){
	.m-menu li{ width:33.33%; border-bottom:1px solid #ccc}
	.m-menu li .sub{ width:100%}
	.m-menu li .sub p{ width:100%}
	.m-menu li i{ right:20px}
	
	#nright_c #lianxi #lxkuai{ width:100%}
	#dituContent{ width:100% !important; height:300px !important}
}
@media screen and (max-width:640px){
	#footer ul{/* margin-bottom:10px*/ display:none}
	#footer ul li{ display:inline-block; float:none}
	#footer ul li:nth-child(4){ padding-top:5px !important}
	#logo img{ height:70px; max-width:100%}
	#header #enter{ display:none}
	.m-service li .pic{ width:40%}
	.m-service li .wenzi{ width:55%}
	#honor_list ul li{ width:48%}	
	.m-picshow{ height:auto;}
	#fuwulist #kuai #pic{ width:40%}
	#fuwulist #kuai #wenzi{ width:55%}
	#liuyan td{ padding:3px 0; background-size:cover !important}
	#nliuyan .inp{ width:80%}
	#nliuyan textarea{ width:90%}
	.m-quick{ display:block}
	#footer{ margin-bottom:45px;}
	#dituContent{ height:200px !important;}
}
@media screen and (max-width:480px){
	.banner .flex-viewport li{ height:200px;}
	#honor_list ul li{ width:98%}
	#honor_list ul li .pic{ height:auto}
}