@charset "utf-8";
/* CSS Document */
/*此样式在窗口小于1280px的时候生效*/
@media screen and (max-width: 1280px) {/*1280*600*/
/*取消宽度*/
body{ overflow-x:hidden;}
.Top,.contents,.caseList,.separatorIn,.footer{
	width:99%;
	margin:0 auto;
	}
nav .glyphicon{
	 left:6%;
	 }	
.seaparImg img{
	width:100%;
	height:auto !important;
	}

/*关于我们*/
.min-1280-hide{
	display:none;
	} 
.min-1200-show{
	display:block;
	}
/*清楚左右浮动*/
.fll,.flr{
	float:none;
	width:99%;
	margin:10px auto;
	padding:5px;
	}
.serList dl{
	height:320px;
	}
.webdesignList{
	width:100px;
	right:-50px;
	}
.webdesignList:hover{
	width:100px;
	right:0;
	}
}
/*此样式在窗口小于1024px的时候生效*/
@media screen and (max-width: 1024px) {/*980*1280*/
header{ height:auto !important;}
.logo,nav{
	float:none;
	margin:15px auto;
	width:99%;
	}
.phones{
	position:absolute;
	right:10px;
	top:-10px;	
	}
}
/*此样式在窗口小于980px的时候生效*/
@media screen and (max-width: 980px) {/*980*1280*/

}
/*此样式在窗口小于800px的时候生效*/
@media screen and (max-width: 800px) {/*800*1280*/
.separatorIn{
	padding:3em 0;
    height:auto !important;
}
.separatorList dl{
	width:50%;
	margin:5px auto;
	padding:0 10px;
	}
.caseSelect li{
	width:20%;
	padding:0 3px;
	}
.caseSelect li.jlSy a{
	border:0;
	}
.caseSelect li.all{
	margin-left:0;
	}
.caseSelect li a.btn{
	width:100%;
	padding:0;
	-moz-border-radius: 0px;      /* Gecko browsers */
    -webkit-border-radius: 0px;   /* Webkit browsers */
    border-radius:0px;            /* W3C syntax */
	font-size:1em;
	height:20px;
	line-height:20px;
	}
.logo{width:100%; text-align:left;}
}

/*此样式在窗口小于768px的时候生效*/
@media screen and (max-width: 768px) {/*768*1024*/
.index-works{ display:none;}
#pars{
	width:99%;
	margin:0 auto;
	}
/*.weCanList li*/
.weCanList li{
	width:50%;
	margin: 10px auto;
	}
.weCanPar{ font-size:1em; text-align:left; padding:10px 5px;}
.wlPar{ height:40px; overflow:hidden; line-height:20px;}
.weCan h2{
	font-size:2em;
	line-height:40px;
	}
.weCanList h3{
	width:70px;
	height:70px;
	line-height:70px;
	}
.weCanList{
	padding:10px 0 0 0;
	}
.weCanList h3 span{
	position:static;
	font-size:1.4em;
	}
nav{font-size:1.2em;}	
nav .glyphicon{
	 left:0%;
	 }	
.Template dl{
	width:50%;
	}	
/*地图*/
.webMap,#dituContent{
    height:320px;
}
.webMapBg{
	line-height:320px;
	}
.separatorList dt,.separatorList dd{
	float:none;
	margin:0px auto;
	text-align:center;
	width:99%;
	}	
/*footer*/
.footer ul,.new,.fenxaing{
	float:none;
	margin:10px auto;
	text-align:center;
	}
.Process-box,.footer{ display:none;}	

/*服务中心*/
.server{margin:0.5em 0;}
.server li{ text-align:center;padding-bottom:0.5em;width:49%;float:left;}
.server li h3{ font-size:1em; font-weight:bold;padding:0.5em 0;}
.server li div{ font-size:1em; width:99%; overflow:hidden;}	 

/**/
.caseSelect li{
	width:33.33%;
	padding:0 3px;
	}
.contentsList{
	font-size:1.2em;
	padding:0 1em;
	}
.contentsList li{
	float:none;
	width:100%;
	margin-bottom:15px;
	}
.caseCenList{
	float:left;
	width:50%;
	padding:5px;
	}
.serList{
	width:50%;
	}
.serList dl{
	height:auto;
	}
.logo img{
	padding:0;
	width:auto;
	height:30px;
	}
.phones{
	font-size:1.6em;
	right:5px;		width:16rem;
	}
.phones span{	
	font-size:1.4rem;
	}
.about-new-cont{width:95%;bottom:0;}
.bg-color{bottom:0;
}
.about-new-cont .aboutArticle img{
	float:none;
	width:98%;
	display:block;
	margin:10px auto;
	}
}
/*此样式在窗口小于360px的时候生效*/
@media screen and (max-width: 480px) {/*320*640*/
footer .copy{ font-size:12px;}
.caseCenList,
.serList{
	width:100%;
	padding:5px;
	}
}

/*此样式在窗口小于360px的时候生效*/
@media screen and (max-width: 360px) {/*320*640*/
nav .glyphicon{
	  display:none;
	 }	
	
.Process dl{
	float:none;
	width:99%;
	margin:10px auto;
	}	
}/*footNav*/.footHeight{	height:65px;	display:none;	}.footNav{	position:fixed;	width:100%;	left:0;	bottom:0;	height:55px;	background:#333;	border-top:#000 1px solid;	border-bottom:#000 1px solid;	display:none;	z-index:999;	}.footNav a{	color:#fff;	}.footNav dl{	float:left;	position:relative;	width:24.7%;	text-align:center;	border-right:#000 1px solid;	}.footNav a:link {color: #fff;} /* 未访问的链接 */.footNav a:visited {color: #fff;} /* 已访问的链接 */.footNav a:hover{color:#fff;} /* 鼠标在链接上 */ .footNav a:active {color: #fff;} /* 点击激活链接——在你点击该链接之后，页面正在转向新地址的时候，链接显示此颜色；当你已经到了要链接的页面，然后再返回，原页面上的此链接仍是此颜色 */ .footNav dt{	height:35px;	line-height:35px;	font-size:1.8rem;	}.footNav dd{	height:18px;	line-height:18px;	}			@media screen and (max-width: 768px) {/*768*1024*/.footHeight,.footNav{ display:block;}}







