body{
	font:200 14px/20px '微软雅黑';
	min-width: 1200px;
}
.navbar{
	display: none;
}
.publicw{
	width: 1200px;
	margin: 0 auto;
}
.page_right{
	float: right;
}
a{
	text-decoration: none;
	color: #333;
}
.left{
	float: left;
}
.right{
	float: right;
}
/*导航*/
.nave{
	clear: both;
	border-bottom: 1px #3195e0 solid;
	height: 80px;
}
.nave img{
	float: left;
	padding:20px 0px;
}
.nave ul{
	float: left;
	margin-left: 120px;
}
.nave ul ul{
	display: none;
	margin: 0px;
	position: absolute;
	left: 8px;
	bottom: -62px;
	background-color: #fff;
	width: 100px;
	z-index: 99999;
}
.nave ul li:hover ul{
	display: block;
}
.nave ul ul li a{
	width: 100px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
}
.nave ul ul li{
	margin-bottom: 5px;
	line-height: 30px;
	padding:0px;
}
.nave ul li{
	position: relative;
	float: left;
	line-height: 60px;
	padding: 10px 30px;
}
.nave ul li a{
	display: inline-block;
}
.nave ul li a:hover{
	color: #008ef9;
}
.nave ul li.docut a:hover{
	background:url(../images/arr.png) no-repeat center bottom;
}
.nave ul li.docut li a:hover,
.nave ul li.docut li.active a{
	background:none;
	background-color: #008ef9;
	color: #fff;
}
.nave ul li.active a{
	color: #007afc;
}
.nave .page_right{
	padding: 20px 0px;
	line-height: 40px;
}
.nave .page_right a{
	margin: 0 10px;
}
/*幻灯*/
.bannerdiv{
	position: absolute;
	left: 0px;
	top: 0px;
	clear: both;
	position: relative;
	overflow: hidden;
}
.banner{
	overflow: hidden;
	position: relative;
}
#bannerone{
	display: block;
}
.bannerlist{
	width: 100%;
	float: left;
	overflow: hidden;
	display: none;
}
.bannerlist img{
	width: 100%;
	height: auto;
	float: left;
}
.bannerdiv ul{
	position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -33px;
    z-index: 2;
}

.bannerdiv ul li {
	float: left;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    margin: 0px 3px;
    background-color: #fff;
}
.bannerdiv ul li.active{
	background-color: #ed4e00;
}
#bannerone .publicw{
	position: relative;
}
#bannerone .registernow{
	line-height: 50px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	width: 180px;
	background-color: #027ee9;
	position: absolute;
	right: 360px;
	bottom: 180px;
}
/*产品展示*/
.product{
	/* background-color: #f2f2f2; */
	background-color: #fff;
}
.module{
	font-size: 18px;
	color: #999;
	overflow: hidden;
	line-height: 30px;
	margin-bottom: 30px;
}
.moduletop{
	text-align: center;
	padding: 15px 0px;
}
.moduletop .one{
	color: #333;
}
.moduletop .two{
	font-size: 14px;
}
.modulel{
	width: 600px;
}
.modulel .productp{
	padding: 110px 30px 30px 30px;
	color: #666;
}
.modulel .more{
	display: block;
	text-align: center;
	width: 176px;
	margin: 0 auto;
	line-height:50px;
	color: #fff;
	background-color: #0294d8;
}
.moduler{
	width: 600px;
}
.moduler img{
	width: 100%;
}
/*经典案例*/
.cases .moduletop{
	background-color: #fff;
}
.cases .moduledown{
	overflow: hidden;
	background-color: #68cfeb;
}
.over {position: fixed; left:0; top:0; width:100%; z-index:100;}
.t-close {
	position: fixed;
	top: 20px;
	right: 20px;
	width: 50px;
	height: 50px;
	z-index:101;
	display: none;
}
.tempContainer {position:fixed; width:100%; margin-right:0px; margin-left:0px; text-align:center; z-index:101;}
.caseslist{
	padding: 20px 0;
	width: 1200px;
	height: 392px;
	display: none;
}
.caseslist p {
	color: #fff;
}
.caseslist.active{
	display: block;
}
.caseslist li img{
	width: 100%;
	height: auto;
}
.caseslist li {
	float: left;
	width: 18%;
	margin-right: 20px;
	margin-bottom: 20px;
	color: #fff;
	cursor: pointer;
}
.caseslist ul{
	overflow: hidden;
	padding: 50px;
	padding-bottom: 20px;
	padding-right: 0px;
}
.cases .publicw{
	position: relative;
}
.cases #left,
.cases #right{
	width: 40px;
	height: 40px;
	position: absolute;

	top: 176px;
}
.cases #left{
	left: -20px;
}
.cases #right{
	right: -20px;
}
.cases #left img,
.cases #right img{
	width: 100%;
	height: 100%;
}
/*新闻资讯*/
.newscontent{
	clear: both;
}
.news .moduler{
	width: 550px;
}
.news .modulel{
	width: 550px;
}
.newstop h3{
	float: left;
	margin-right: 10px;
	line-height: 20px;
}
.newstop .first{
	color: #333;
}
.news .moduledown{
	font-size: 16px;
}
.newsimg img{
	width: 100%;
	height: auto;
}
.newsimg{
	padding: 20px 0px;
	display: inline-block;
}
.newsgroup .time{
	float: left;
	margin-right: 10px;
	color: #666;
}
.newsgroup h4{
	color: #1b1b1b;
}
.newsgroup .describe{
	color: #666;
	font-size: 14px;
	line-height: 24px;
}
.newsgroup .describe a{
	color: #0294d8;
}
.newsleft li{
	padding-bottom: 10px;
}
.newsright li{
	line-height: 33px;
}
/*页脚*/
.footer{
	overflow: hidden;
	background-color: #e6e6e6;
}
.footerl {
	float: left;
	width: 300px;
}
.footerl img{
	margin-top: 100px;
	width: 100%;
	height: auto;

}
.footerr{
	float: right;
	width: 112px;
}
.footerz{
	float: left;
	width: 300px;
}
.footerz li{
	float: left;
	/* width: 120px; */
	padding-left: 60px;
	line-height: 30px;
	font-size: 14px;
	background: url('../images/xian.png') no-repeat right center;
}
.footerz li h4{
	font-size: 16px;
	color: #333;
}
.footerz ul{
	/* width: 540px; */
	overflow: hidden;
	margin: 0 auto;
	margin-top: 80px;
}
.footerzz {
	float: left;
	width: 400px;
}
.footerzz li{
	float: left;
	/* width: 120px; */
	padding-left: 60px;
	line-height: 30px;
	font-size: 14px;
	background: url('../images/xian.png') no-repeat right center;
}
.footerzz li h4{
	font-size: 16px;
	color: #333;
}
.footerzz ul{
	/* width: 540px; */
	overflow: hidden;
	margin: 0 auto;
	margin-top: 80px;
}

.footerr img{
	margin-top: 70px;
	width: 100%;
	height: auto;
}
.footertop div{
	height: 250px;
	overflow: hidden;
}
.footerdown p{
	text-align: center;
	line-height: 30px;
	color: #999;
}
.footerdown{
	padding: 10px 0px;
}
.footertop{
	overflow: hidden;
	border-bottom: 1px solid #ccc;
}
/*联系QQ*/
.qq{
	position: fixed;
	top: 390px;
	right: 200px;
	width: 140px;
	height: 195px;
	background: url('../images/qq.png') no-repeat top center;
}
.qq a{
	display: inline-block;
}
.qq .close{
	width: 25px;
	height: 25px;
}
.qq .tlack{
	width: 110px;
	height: 43px;
	margin-top: 77px;
	margin-left: 14px;
}
/*登录页*/
/*登录主体*/
.sign{
	clear: both;
	padding: 30px 0px;
}
.sign h3{
	color: #333;
	font-size: 20px;
	text-align: center;
	line-height: 60px;
	text-indent:-60px;
}
.signone{
	text-align: center;
	line-height: 30px;
	font-size: 16px;
	color: #666;
	position: relative;

}
.signone hr{
	width: 520px;
	position: absolute;
	top: 9px;
}
.signone hr.last{
	right: 0px;
}
.weixinlogo{
	text-align: center;
	padding: 10px;
}
.weixinlogo img{
	height: 80px;
}
.signdiv{
	width: 340px;
	margin: 0 auto;
	padding-top: 10px;
}
.signdiv .account,
.signdiv .word{
	width: 340px;
	background: url('../images/atro.png') no-repeat 10px center;
}
.signdiv input{
	border: 1px solid #ccc;
	border-radius: 2px;
	margin-bottom:12px;
	line-height: 36px;
	color: #cfcfcf;
	font-size: 14px;
	text-indent: 33px;
}
.signdiv .word{
	background: url('../images/word.png') no-repeat 10px center;
}
.signdiv .reget{
	background: url('../images/reget.png') no-repeat 10px center;
	text-indent: 36px;
	width: 220px;
}
.regetdiv img{
	height: 34px;
}
.regetdiv{
	height: 38px;
	overflow: hidden;
	border: 1px solid #ccc;
	background-color: #f3fbfe;
}
.signdiv .join,
.signdiv .regis{
	width: 100%;
	display: block;
	clear: both;
	text-align: center;
	text-indent: 0px;
	font-size: 14px;
	background-color: #008ef9;
}
/*注册*/
.regidiv{
	width: 600px;
}
#regetform div{
	margin-bottom: 15px;
}
#regetform div input{
	width: 340px;
	background-image: none;
	text-indent: 10px;
}
#regetform div span{
	line-height: 40px;
}
#regetform input{
	margin: 0 10px;
}
#regetform  .releft{
	display: inline-block;
	width: 80px;
	text-align: right;
}
#regetform  .releft span{
	color: red;
}
#regetform .reget{
	width: 220px;
}
#regetform .regetdiv{
		margin-right: 164px;
}
#regetform .regis{
	margin-left: 94px;
	width: 342px;
}
#regetform .error{
	color: #fd2020;
}
/*新闻公告*/
.imgat img{
	width: 100%;
	float: left;
}
.imgat {
	clear: both;
	overflow: hidden;
}
.newgtop li{
	float: left;
	width: 180px;
	text-align: center;
	font-size: 18px;
	background-color: #ebebeb;
	color: #333;
	line-height: 40px;
	cursor: pointer;
}
.newgtop{
	margin-bottom: 40px;
	overflow: hidden;
}
.newgtop li.active{
	color: #fff;
	background-color: #00a2ff;
}
.newsgrdiv{
	overflow: hidden;
	padding: 30px 0px;
}
.newgdown{
	overflow: hidden;
}
.newgdown h4{
	line-height: 40px;
	margin: 20px 0px;
	font-size: 18px;
	text-indent: 10px;
	border-left: 3px solid #00a2ff;
}
.newgdown >div {
	display: none;
}
.newgdown >div.active{
	display: block;
}
.newgdown li img{
	float: left;
	width: 200px;
	margin-right: 10px;
}
.newgdown li{
	overflow: hidden;
	margin-bottom: 20px;
}
.newgdown div.left{
	width: 990px;
	letter-spacing: 1px;
}
.newgdown div.left h5,
.notie h5{
	font-size: 18px;
	color: #1b1b1b;
}
.newgdown div.left h5 span,
.notie h5 span{
	color: #666;
	margin-right: 10px;
}
.newgdown div.left{
	line-height: 30px;
}
.newgdown div.left p{
	color: #666;

}
.newgdown div.left p a{
	color: #0294d8;
}
.page li{
	float: left;
	display: inline;
	overflow: hidden;
}
.page li.up{
	margin-right: 10px;
}
.page .up a,
.page .next a{
	border-right: 1px solid #ccc;
}
.page .ellipsis a{
	border:none;
	border-left: 1px solid #ccc;
}
.page {
	text-align: center;
	overflow: hidden;
}
.page ul{
	display: inline-block;
	overflow: hidden;
}
.page a{
	color: #666666;
	display: inline-block;
	line-height: 30px;
	padding: 0px 12px;
	border: 1px solid #ccc;
	border-right: none;
}
.page .active a,
.page a:hover{
	color: #fff;
	background-color: #008ef9;
}
/*公告*/
.notie li{
	float: left;
	width: 500px;
	margin-right: 200px;
}
.notie ul{
	width: 1400px;
	overflow: hidden;
}
.notie{
	overflow: hidden;
}
/*新闻内容页面*/
.bread{
	overflow: hidden;
	font-size: 16px;
	line-height: 40px;
	border-bottom: 1px solid #ccc;
}
.bread li{
	float: left;
}
.bread li span{
	margin: 0px 5px;
}
.contentop{
	overflow: hidden;
	text-align: center;
	border-bottom: 1px solid #ccc;
	padding: 10px 0px;
}
.contentop h1{
	font-size: 18px;
	line-height: 40px;
	color: #333;
}
.contentop p{
	font-size: 12px;
	line-height: 20px;
	color: #999;
}
.contendown{
	padding:20px 0px;
	line-height: 30px;
	font-size: 14px;
	color: #999;
}
/*公司介绍*/
.company{
	color: #666;
	font-size: 14px;
	line-height: 24px;
}
.company p{
	padding: 5px 0;
}
.company p span {
	color: #000;
	font-size: 18px;
	font-weight: 400;
}
.company .title {
	font-size: 22px;
	font-weight: 800;
}
.company .sub-title {
	font-size: 20px;
	font-weight: 600;
}
.company p a span {
	color: #007afc;
	font-size: 18px;
	font-weight: 400;
}
.cont{
	display: inline-block;
	color: #000;
	line-height: 40px;
	font-size: 16px;
	text-align: left;
	margin: 0 auto;
}
.cont span{
	letter-spacing: 2px;
}
.contact{
	text-align: center;
	padding: 10px 0px;
}
/*经典案例*/
.sucdiv{
	overflow: hidden;
	background-color: #C7C7C7;
	padding-top: 20px;
	padding-bottom: 30px;
}
.sucdiv h2{
	line-height: 30px;
	font-size: 18px;
	color: #007afc;
	border-bottom: 1px solid #007afc;
	padding-left: 20px;
	margin-bottom: 20px;
}
.sucdown .left{
	width: 180px;
	background-color: #e8e9ea;
}
.sucdown .left>li:first-child{
	font-size: 16px;

}
.sucdown .left>li.active{
	background-color: #007afc;
	color: #fff;
}
.sucdown .left>li{
	cursor: pointer;
	margin: 5px 0px;
	line-height: 40px;
	color: #333;
	text-indent: 10px;
}
.sucdown .left>li:hover{
	background-color: #007afc;
	color: #fff;
}
.sucdown .left .pre{
	background: url('../images/arrow.png') 45px 18px no-repeat;
}
.sucdown .left .pre .child{
	display: block;
}
.sucdown .left .child{
	display: none;
	background-color: #e8e9ea;
	color: #666;
	line-height: 30px;
	text-indent: 50px;
	font-size: 12px;
}
.sucdown .right{
	width: 1020px;
	overflow: hidden;
}
.sucdown .right li{
	float: left;
	width: 360px;
	margin-left: 100px;
	display: inline;
	overflow: hidden;
	margin-bottom: 20px;
}
.sucdown .right li img{
	width: 100%;
	height: 137px;
}
/*产品分类*/
.warp{
   /* display:none;*/
	width:1200px;
	margin: 0 auto;
    overflow:hidden;
}
.cpfl{
	overflow: hidden;
    height: auto;
    background-color: #f3f3f3;
    margin-left: 50px;
}
.cpfl li {
    padding:10px 10px;
    float: left;
}
.cpfl li a {
    text-decoration: none;
    font-size: 16px;
    color: #383838;
}
.cpfl li span{
	line-height:40px;
	display:inline-block;
}
.cpfl li img {
    margin-right: 10px;
    vertical-align: middle;
}
.cpfl li:hover, .cpfl .now {
    background-color: #fff;
}
.cpd{

}
.cp {
	clear: both;
    padding:25px 0px;
}
.cp li img{
    float:left;
    margin-right: 20px;
    margin-bottom:60px;
}
.cp li{
    width:212px;
    float:left;
    height:140px;
    margin-left:72px;
}
.cp li p{
    color:#d1d1d1;
}
.cp li h5{
    color:#333333;
    line-height:25px;
    font-weight:600;
}
.productadd{
	background-color: #f3f3f3;
}
.color{
	background-color: #f9f9f9;
}
.bg{
    width:1200px;
    margin:0 auto;
    font-size:14px;
    padding:25px 0px;
}
.bg th{
    vertical-align: middle;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    text-align:center;
    height:60px;
}
.bg table .yi,.bg table .er{
    background-color:#00a0e9;
    color:#fff;
    height:44px;
    vertical-align: middle;
}
/*首页手机适配*/
@media screen and (max-width: 640px) {
	body{
		min-width: 100%;
		overflow-x: hidden;
	}
	.qq{
		display: none;
	}
	.navbar{
		display: block;
	}
	.nave{
		display: none;
	}
	.nave ul{
		display: none;
	}
	.nave .page_right{
		display: none;
	}
	.publicw{
		width: 96%;
	}
	.nave img{
		width:70%;
		height: auto;
		padding: 10px 2%;
	}
	.bannerlist img{
		height: auto;
	}
	.bannerlist{
		height: auto;
	}
	.bannerdiv ul{
		margin-left: -24px;
	}
	.bannerdiv ul li{
		width: 10px;
		border-radius: 5px;
		height: 10px;

	}
	.#bannerone .registernow{
		display: none;
	}
	.moduletop{
		padding: 5px;
	}
	.modulel .productp{
		padding: 0px;
	}
	.modulel{
		width: 100%;
	}
	.modulel .more{
		width: 30%;
		margin-top: 5px;
	}
	.moduler{
		width: 100%;
	}
	.cases #right{
		right: 0;
	}
	.cases #left{
		left: 0%;
	}
	.caseslist ul{
		width: 96%;
		padding: 2%;
	}
	.caseslist{
		width: 100%;
		height: auto;
	}
	.caseslist li img{
		width: 100%;
	}
	.caseslist li{
		/* width: 40%; */
		margin: 1% 5%;
	}
	.cases #left,.cases #right{
		top: 50%;
		margin-top: -20px;
	}
	.news .modulel{
		width: 100%;
	}
	.news .moduler{
		width: 100%;
	}
	.footerl{
		display: none;
	}
	.footerz{
		display: none;
	}
	.footerzz{
		display: none;
	}
	.footertop div{
		text-align: center;
		height: auto;
		width: 100%;
	}
	.footerr img{
		width: 50%;
		margin: 2%;
	}
	.sucdown .right{
		margin-top: 30px;
		width: 100%;
	}
	.sucdown .right li{
		width: 80%;
		margin-left: 10%;
		display: inline-block;
	}
	.sucdown .right li img{
		height: auto;
	}
	.sign h3{
		text-indent: 0px;
	}
	.sign .publicw{
		width: 80%;
		margin-left: 10%;
	}
	.regidiv{
		width: 100%;
	}
	#regetform .releft{
		text-align: left;
		text-indent: 2%;
	}
	#regetform div input{
		width: 100%;
	}
	#regetform .error{
		text-indent: 2%;
	}
	#regetform input{
		margin: 0 auto;
	}
	#regetform .regetdiv{
		margin: 0px;
	}
	#regetform .regis{
		margin-left: 0px;
		width: 100%;
		margin-top: 10px;
	}
	.signdiv .account, .signdiv .word{
		width: 100%;
	}
	.signdiv{
		width: 100%;
	}
	.signone hr{
		display: none;
	}
	.cp li{
		width:40%;
		margin:5% 5%;
		height: auto;
	}
	.cp li img{
		margin-bottom: 0px;
	}
	.cpfl{
		margin-left: 0px;
		width: 556px;
		margin: 0 auto;
	}
	.newgdown div.left{
		width: auto;
	}
	.notie ul{
		width: auto;
	}
	.notie li{
		width: auto;
		margin-right: 0px;
	}
}
@media screen and (max-width: 380px){
	.newgtop li{
		width: 50%;
	}
	.page a{
		line-height: 24px;
		padding: 0px 10px;
	}
	.page li.up{
		margin-right: 2px;
	}
}
@media screen and (max-width: 556px){
	.cpfl{
		margin-left: 0px;
		width: 417px;
		margin: 0 auto;
	}
}
@media screen and (max-width: 417px){
	.cpfl{
		margin-left: 0px;
		width: 278px;
		margin: 0 auto;
	}
}
@media screen and (max-width: 574px){
	.cp{
		width: 100%;
		overflow: hidden;
	}
	.cp li{
		width: 212px;
		height: auto;
		margin: 5% auto;
		float: none;
		overflow: hidden;
	}
}
@media screen and (max-width: 385px){
	#signform .regetdiv{
		display: block;
		float: left;
		margin-bottom: 10px;
	}
	#signform div{
		overflow: hidden;
	}
}
@media screen and (max-width: 490px){
	#regetform .regetdiv{
		float: left;
		margin: 0px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
}


/* XiaoMuCOOL update*/
table.one,table.two{
	width: 100%;
}

@media screen and (max-width: 1200px){
	.bg{
		width: 100%;
	}
}