@charset "gb2312";
/* CSS Document font-family: Georgia, "Times New Roman", "宋体"*/

/*定义清除式样*/
.clearfloat {clear:both;height:1px;overflow:hidden;margin-top:-1px;}
/*图片边缘*/
img { border-width: 0px;}

/*连接颜色*/
a:link {color: #666;text-decoration: none;}
a:visited {text-decoration: none;color: #666;}
a:hover {text-decoration: underline;color:#1422C9;}
a:active {text-decoration: none;color:#F60;}

body{
	font-size:14px;
	padding:0px;
	margin:0px;
	font-family:'微软雅黑',Microsoft YaHei,Verdana, Arial,'宋体', Tahoma,Simsun, Arial Unicode MS, Mingliu,  Helvetica;
	color:#666;
	min-width:1085px;
	overflow-y: scroll;
	background-color: #F2F1F1;
}

ul,li,h1,h2,p,a,h3,span,h4,h5.input{ margin:0px; padding:0px;LIST-STYLE-TYPE: none;}

.zt-top{
	width:1080px;
	margin:auto;
	height:90px;
}
.zt-top p{ width:500px;height: 30px;line-height:30px; float:right; text-align:right;}
.zt-top b{ width:300px;height: 30px;line-height:30px; float:left;}
.logo{ width:410px; height:75px; float:left; margin-top:10px;}

.menu-nav {width:650px; height:90px; position:relative; float:right;}
.menu-nav h3 { width:106px; line-height:90px;font-weight:normal;}
.menu-nav .m {float:left;position:relative;z-index:1001;}

.menu-nav h3 a {display:block; color:#807F7F;text-decoration:none;text-align:center;font-weight:bold;}
.menu-nav h3 a:hover {color:#fff;}
.menu-nav li.on h3 a {color:#fff;}
.menu-nav .sub {display:none;position:absolute;left:0px;top:64px;z-index:1;width:104px;border:1px solid #E6E4E3;border-top:0;background:#fff;}
.menu-nav .sub li {text-align:center;padding:0 8px;margin-bottom:-1px;}
.menu-nav .sub li a {display:block;border-bottom:1px solid #E6E4E3;padding:8px 0;height:28px;line-height:28px;color:#000;font-size:14px;font-weight:bold;}
.menu-nav .sub li a:hover {color:#1422C9;}
.menu-nav .block {height:40px;width:106px;background:#1422C9;position:absolute;top:25px;}

/*--切换---*/
.main-box{width:1080px; height:286px; margin:auto;padding:10px; background-color:#FFF; clear:both;}
.xw-fous{ width:345px; height:265px; float:left; margin-top:2px;}
.mF_liuzg{ position:relative; width:345px; height:265px; overflow:hidden; font:12px/1.5 Verdana,Geneva; background:#fff;}
.mF_liuzg .loading{position:absolute;z-index:9999;width:100%;height:100%;color:#666;text-align:center;padding-top:90px;}/*载入画面*/
.mF_liuzg .pic li{width:345px;position:relative;overflow:hidden;*margin-top:-2px;}
.mF_liuzg .pic li p{width:345px;position:absolute;}
.mF_liuzg .pic li p a{display:block;}/*图片和焦点图框架一样大小*/
.mF_liuzg .pic li p img{width:345px;height:265px;}
.mF_liuzg .txt li{position:absolute;z-index:2;bottom:0;width:345px;height:30px;line-height:30px;overflow:hidden;display:none;}
.mF_liuzg .txt li a{display:block;color:#fff; line-height:25px;padding:2px 0 0 16px;font-size:14px;font-weight:bold;text-decoration:none;}/*标题样式*/
.mF_liuzg .txt-bg{position:absolute;bottom:0;z-index:1;width:345px;height:30px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;}/*标题背景*/
.mF_liuzg .num{position:absolute;z-index:3;bottom:6px;right:8px;color:#333;}/*按钮样式*/
.mF_liuzg .num li{ float:left; width:17px; height:17px; position:relative;line-height:15px; text-align:center; margin-right:3px; cursor:pointer; background:#6A6A69; filter:alpha(opacity=90); opacity:0.9; color: #FFF; }
.mF_liuzg .num li.current,.mF_liuzg .num li.hover{ background:#FF7E00; color:#fff; }


.index-list{ width:448px;float:left; margin:0px 10px 0px 10px; border:#DADADA solid 1px; background:url(litb.gif) repeat-x top;}

.tab-box{ width:440px; float:left;font-size:14px; line-height:32px; font-weight:bold;}
.tab-box a{ width:100px; display:block; float:left;text-align:center;}
.tab-box p{ float:right; width:50px;}

ul.i-list{ width:100%; margin-bottom:10px; float:left; margin-top:5px;}
ul.i-list li{ width:400px; height:27px; line-height:27px;background:url(nav.gif) 10px 10px no-repeat;padding-left:25px;}
ul.i-list li p{ width:30px; line-height:27px; float:right;}

.cur{ width:70px; height:32px;line-height:28px; background:#fff;float:left; border-left:#CCC solid 1px; border-top:#1422C9 solid 2px; border-right:#CCC solid 1px;}


#conbox{ width:100%; float:left;}

.zt-index-right{ width:260px;float:left; height:265px; border:#DADADA solid 1px;background:url(litb.gif) repeat-x top;}

.zt-index-right h3{ width:100%; height:35px; line-height:35px; font-size:14px; text-indent:10px;}
.zt-index-right a{ width:100%; display:block; margin-top:8px; text-align:center;}
.zt-index-right a:hover{ width:239px; margin:auto;display:block; vertical-align:top; margin-top:6px; border-top:#FF9900 solid 2px;}


.main-product{
	width:100%;
	margin:auto;
	height:320px;
	padding-top:180px;
	background-image: url(cases.png);
	background-repeat: no-repeat;
	background-position: center 30px;
}

.main-about{  width:1080px; margin:auto;}

.about-viode{ width:398px;float:left; height:245px; margin-top:30px; border:#DADADA solid 1px;background:url(litb.gif) repeat-x top; margin-right:10px;}
.about-viode h3{ width:100px; background:#FFF; border-top:solid 2px #1422C9; height:32px; line-height:35px; font-size:14px; text-align:center; border-right:#CCC solid 1px;}
.about-viode img{ padding:10px;}

.about-right{ width:260px; float:left; margin-top:30px;}
.ztcf{ margin-bottom:10px;height:130px;}
.ztcf a:hover{ border:none;margin:0px; padding:0px;}

.footer-box{width:100%; float:left; margin-top:30px;background-color:#333333;}
.footer-list{ width:1080px; margin:auto; clear:both; height:160px;background:url(footerlogo.png) no-repeat 20px;}
.footer-contact{ width:380px; height:120px; padding-left:30px; border-left:#474747 solid 1px;border-right:#474747 solid 1px; float:left; margin-left:280px; margin-top:20px; color:#949494; line-height:24px;}
.footer-contact h3{ font-size:14px;}

.footer-menu{ width:200px; height:120px; float:left;border-right:#474747 solid 1px; margin-top:20px;}
.footer-menu a{ width:100px; height:28px; line-height:28px; float:left; text-align:center; color:#949494;}

.footer-ewm{ width:150px; margin-top:10px; height:120px; float:left; background:url(ewm.gif) no-repeat 30px;}
.footer-ewm p{ width:100px; line-height:24px; color:#949494; margin:105px 0px 0px 28px;}
.footer-copy{
	width:100%;
	height:40px;
	line-height:40px;
	font-size:14px;
	float:left;
	text-align:center;
	background-color:#262626;
	color: #949494;
}





/*----------内页样式------------*/

.zt-lmbanner{ width:100%; height:220px;}
.b-about{background:url(about.jpg) no-repeat center top}
.b-news{background:url(news.jpg) no-repeat center top}
.b-charitable{background:url(charitable.jpg) no-repeat center top}
.b-culture{background:url(culture.jpg) no-repeat center top}
.b-case{background:url(case.jpg) no-repeat center top}
.b-join{background:url(join.jpg) no-repeat center top}

.zt-text-box{ width:1080px; margin:auto;}
.text-nav{ width:100%; height:40px; line-height:40px; float:left; font-size:18px; margin-bottom:20px; font-weight:bold; margin-top:10px; border-bottom:#CCC solid 1px; background:url(iconhome.gif) no-repeat 5px; text-indent:30px;}
.text-nav p{ width:870px; line-height:40px;text-indent:0px; font-size:14px;float:right; }
.text-nav p a{width:100px; height:40px; float:right;text-align:center; line-height:38px; display:block; background-color:#FFF;}
.text-nav p a:hover{ width:100px; height:45px; background:url(listbj.png) no-repeat top; color:#FFF; text-decoration:none;}
#stop{width:100px; display:block; height:45px; background:url(listbj.png) no-repeat top; color:#FFF; text-decoration:none;}


/*----------新闻中心-----------*/
ul.n-list{ width:100%; float:left;}
ul.n-list li{ width:1060px; height:180px; padding:10px; line-height:35px;background-color:#FFF; margin-bottom:15px;border-radius:12px;}
ul.n-list li img{ float:left; width:234px; height:180px; margin-right:20px;}
ul.n-list li h3{ width:730px; float:left; height:30px; line-height:30px;}
ul.n-list li p{ width:790px; float:left; height:110px; line-height:24px;border-bottom:#999 dotted 1px;}
ul.n-list li span{ float:left;  background:url(icon_time.gif) no-repeat left; text-indent:20px; color:#585858;width:780px; margin-left:10px; font-size:14px; text-align:left;line-height:40px; }
ul.n-list li span a{ width:130px; float:right; text-align:left; font-weight:bold; background:url(imore.png) no-repeat right 5px;}
ul.n-list li a{ color:#585858;}
ul.n-list li a:visited{text-decoration: none; color:#585858; }
ul.n-list li a:hover{color:#1422C9; }


.pages { width:100%; text-align:center;clear:both; padding-top:10px; margin-top:10px; float:left;}
.pages a{ color:#000000;}
.pages a:visited{text-decoration: none; color:#644147; }
.pages a:hover{color:#000; text-decoration:underline;}

/*--------------工程案例-----------------*/
ul.p-list { width:1040px;background-color:#FFF; float:left; padding:20px;border-radius:12px;}
ul.p-list li{ float:left; margin:8px; width:235px; height:265px;box-shadow:0 0 2px #eee inset; padding:3px; border:#eee solid 1px; text-align:center; }
ul.p-list li img { width:235px; height:230px; float:left;}
ul.p-list li span {float:left; text-align:center; width:235px; line-height:35px; height:35px; background:#eee;}
ul.p-list li a:hover{width:235px; line-height:35px; height:35px; background:#1422C9; display:block; color:#FFF; text-decoration:none;}


.zt-txt{ width:1040px;padding:20px; float:left; background-color:#FFF; line-height:22px; font-size:14px; min-height:400px; height:auto !important; height:400px;border-radius:12px;}
.zt-txt h1{ width:100%; height:50px; font-size:16px; line-height:50px; text-align:center; float:left;}
.txt-nav{ width:100%; height:30px; line-height:30px; font-size:12px; border:dotted 1px #eee; background-color:#eee;text-align:center; float:left;}
.wb{ width:1000px; float:left; padding:20px; line-height:22px; margin-bottom:10px;}
.txt-footer{ width:100%; border-top:#CCC solid 1px; height:70px; float:left; padding-top:10px;}
.txt-footer p{ width:550px; color:#12ADFA; float:left; margin-left:10px;}
.txt-footer span{ width:190px; float:right;}

/*----------人才招聘-----------*/
.join{background:url(joinbj.gif) no-repeat top right #FFF;}
.join-ln{ width:100%; min-height:100px; float:left; line-height:24px; margin-bottom:15px;}
.sideMenu{ border:1px solid #ddd; width:75%; float:left; }
.sideMenu h3{ height:36px; line-height:36px; padding-left:15px;  border-top:1px solid #e3e3e3;cursor:pointer; font-size:14px; font-weight:bold; background:url(nav.gif) no-repeat 5px #eee;}
.sideMenu h3 em{ float:right; display:block; width:40px; height:32px;   background:url(icoAdd.png) 16px 12px no-repeat; cursor:pointer; }
.sideMenu h3.on em{ background-position:16px -57px; }
.sideMenu ul{ padding:8px 25px 25px 15px; color:#999; display:none; /* 默认都隐藏 */ }
.join-lx{ width:220px; float:right; min-height:200px;border-radius:12px; line-height:24px; background-color:#eee; padding:10px;}

/*----------留言-----------*/
.tbox{ height:35px; width:307px; line-height:35px; font-size:14px; background-color:#FBFAFB; color:#666; border:#eee solid 1px;}
.fk{ font-size:16px;}
.ton{ width:800px; height:130px;border:#eee solid 1px; background-color:#FBFAFB; color:#666;}
.tbut{ width:180px; height:35px; line-height:35px; font-size:16px; color:#FFF; background-color:#EC4800; border:none; cursor:pointer;border-radius:12px;}
.fkbox{ width:100%; text-align:center; border-bottom:#EC4800 solid 2px;height:55px; line-height:55px;}




/*-----二维码扫描----------*/
#bb{ font-size:12px; border:#ccc solid 2px; padding:5px; background-color:#FFF;}
.bbjj {
	background-image: url(bbjj1.png);
	background-repeat: repeat-x;
	background-position: center top;
}
/*end*/

.bbjj2 {
	background-color: #FFFFFF;
}



.fanye{
}

/* 分页css代码 白加红*/
.mblistpage{
	MARGIN: 3px;
	TEXT-ALIGN: center;
	padding: 5px;
}
.mblistpage A,.mblistpage A:visited{PADDING-RIGHT: 7px;PADDING-LEFT: 7px;PADDING-BOTTOM: 3px;COLOR: #333333;font-weight: bold;PADDING-TOP: 5px;TEXT-DECORATION: none;border: 1px solid #CCCCCC;background-color: #FFFFFF;margin-top: 5px;margin-right: 4px;margin-bottom: 3px;margin-left: 4px;}
.mblistpage A:hover{COLOR: #FFFFFF;border: 1px solid #1422C9;background-color: #1422C9;}
.mblistpage A:active{COLOR: #FFFFFF;border: 1px solid #1422C9;background-color: #1422C9;}
.mblistpage SPAN.current{PADDING-RIGHT: 7px;PADDING-LEFT: 7px;PADDING-BOTTOM: 3px;COLOR: #FFFFFF;font-weight: bold;PADDING-TOP: 5px;background-color: #1422C9;border: 1px solid #1422C9;margin-top: 5px;margin-right: 4px;margin-bottom: 4px;margin-left: 4px;}
.mblistpage SPAN.disabled{PADDING-RIGHT: 7px;PADDING-LEFT: 7px;PADDING-BOTTOM: 3px;COLOR: #333333;font-weight: bold;PADDING-TOP: 5px;background-color: #FFFFFF;border: 1px solid #CCCCCC;margin-top: 5px;margin-right: 4px;margin-bottom: 4px;margin-left: 4px;}




/*浮动条*/
.float_qq{ position:fixed; top:50%; right:0; width:50px; height:203px; margin-top:-70px; z-index:999;}
.float_qq li{ width:auto; height:50px; z-index:20;}
.float_qq li.float_qq1,.float_qq li.float_qq4,.float_qq li.float_qq5{ position:absolute; left:0; width:62px;}
/*.float_qq li.float_qq2{ position:absolute; top:51px; left:0; width:130px;}*/
.float_qq li.float_qq3{ position:absolute; top:0px; left:0; width:172px;}
.float_qq li.float_qq4{ top:51px;left:0; width:172px;}
.float_qq li.float_qq5{ top:102px;}
.float_qq li.float_qq1{ top:153px}
.float_qq4{ position:absolute; top:153px; left:0;}
.float_qq li a{ display:block; font-family:"Microsoft Yahei"; color:#FFF; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#000; opacity:0.8; border-radius:6px;}
.float_qq li a img{ display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:12px 12px 14px 14px;}
.float_qq li a:hover{ background-color:#c70c1f; opacity:1;color: white;text-decoration: underline;}
.float_shwx{ position:absolute; top:-70px; left:-180px; background:url(../images/float_wxbd.png) no-repeat center right; width:170px; height:198px; padding-right:10px; display:none;}
.float_shwx img{ display:block;background-color:#FFF;}
@media screen and (max-width:500px) {
	.footertelly{display: block;width: 95%;height: 32px;margin: 0 auto;}
	.footertelly li{display: block;width: 45%;background: #d90707;height: 100%;text-align: center;line-height: 32px;border-radius: 4px;}
	.footertelly li.fr{background: #1977e9;}
	.footertelly li a{color: white;font-size: 14px;display: block;width: 100%;height: 100%;}
}
@media screen and (max-width:1000px) {
	.float_qq{display: none;}
}