@charset "utf-8";
/* CSS Document */
/* head css */

html,body{ height:100%; padding:0px; margin:0px; overflow:hidden;}

.12pxtext{font-size:12px; line-height:26px;}
.head-main{width:100%; height:66px; background-color: #22252A;opacity:0.9;}
.head-top{background-color:#22252A; height:26px; width:100%; border-bottom:1px solid #f0f0f0; }
.head-top-center{ width:1000px; padding-left:10px; height:26px; margin:0 auto; color:#F00; line-height:26px;}
.head-top-center a{ color:#F00;}
.head-top-center a:hover{ color:#00F;background:#FFFFFF;}
.head-top-center li a:hover{ color:#00F; background:#FFFFFF;}
.head-top-center ul li{ float:left; display:block;}
.head-top-center li{
	width:500px;
	color:#666;
	display:block;
	padding-right: 20px;
}
.head-top-center li span{ color:#F60; font-weight:bold; font-size:16px;}
.head-top-center li b1{ padding-left:20px;}
.head-top-center li b1 a{ color:#06F;}
.head-top-center li b1 a:hover{ color:red;}
.head-top-center li b2 a{ color:#000;}
.head-top-center li b2 a:hover{ color:red;}

.top-info{ float:left;text-align:right; height:22px; color:#CCC; width:400px;}
.head-menu{
	height:66px;
	width:1100px;
	margin:0 auto;
	
}
.head-menu-center{ width:auto; margin:0 auto;}
.tel{ display:block; float:left; width:125px; height:26px; padding-left:100px;}

.logo{ float:left; background:url(../images/logo.png) no-repeat 10px 10px; width:204px; height:56px;}

.head-menu-list{
	width: 1100px;
	height: 66px;
	font-size: 14px;
}
.head-menu-list ul{ margin:0 auto;width:auto; float:right; }
.head-menu-list ul li{ float:left; line-height:66px;}
.head-menu-list li{ width:auto; margin-left:25px; display:block; text-align:center;}
.head-menu-list li a{
	color:#fff;
	display:block;
	font-size: 14px;
	font-family: "微软雅黑";
}
.head-menu-list li a:hover{ color:#FFCC00; }
.denglu{ display:block; background:#009DDE; width:80px;}
.select{ color:#FFCC00; width:115px; height:64px; font-size:14px; font-weight:bold;}

/* 弹出 css */

.mapToolmore{
	position: absolute;
	top: 90px;
	left: 685px;
	width: 340px;
	height: 252;
	background: #fff;
	z-index: 1;
	opacity:0.99;
	  	  }
.mapToolmore h1{ font-size:14px; color:#000; padding-left:18px; line-height:33px;}
.mapToolmore ul{ float:left; width:350px; height:150px; border-top:1px  dashed #999; padding:0px; margin-left:15px;}
.mapToolmore li{ float:left; width:168px; font-size:12px; line-height:26px; }
.mapToolmore li a{ text-align:left;line-height:26px;} .mapToolmore li a:hover{ text-align:left;line-height:26px; color:#00F; background:#FFF;} 

.sellbtn{ width:79px; height:25px; background:url(../images/buybtn.gif) no-repeat; border:0px solid; margin-top:10px; margin-left:25px;}
.sellbtn:hover{ width:79px; height:25px; background:url(../images/buybtn-hover.gif) no-repeat; border:0px solid; margin-top:10px; margin-left:25px;}

/* main css */
.main{ float:left; width:100%; height:auto;}
.main2{ float:left; width:100%; height:323px;}

.main-ad{ background: url(../images/pro/product-pic-bg.gif) #05549b repeat-x; height:323px; width:100%}
.main-ad-center{
	margin: 0 auto;
	width: 1180px;
	height: 323px;
	background:url(../images/pro/product-img.gif) no-repeat;
	
}
.product-list{ width:1000px; margin:0 auto; height:300px; background:url(../images/pro/pri-list-bg.gif) repeat-y; color:#000;}
.product-list-line{
	width: 1000px;
	margin: 0 auto;
	height: 1px;
	background: url(../images/pro/pro-list-line.gif) no-repeat;
}
.product-list ul{ float:left; width:1000px;display:block;}
.product-list li{ float:left; display:block; width:250px; height:300px;}
.product-list li:hover{ float:left; display:block; width:250px; height:300px; background:#FFF; color:#069}

.list-content{ float:left; width:250px; background:url(../images/pro/pro-pic001.png) no-repeat 60px 10px ; height:145px;}
.list-content-title{ float:left; width:250px; height:30px; font-size:16px; font-family:微软雅黑,宋体,黑体; color:#000;text-align:center;}
.line001{ float:left; background:url(../images/pro/lne001.gif) no-repeat 50px 0px;; height:3px; width:250px;}
.list-content-txt{ float:left; width:154px; height:100px; font-size:12px;  padding-left:50px; line-height:22px;color:#000; }

.list-content2{ float:left; width:250px; background:url(../images/pro/pro-pic002.png) no-repeat 60px 10px ; height:145px;}
.list-content3{ float:left; width:250px; background:url(../images/pro/pro-pic003.png) no-repeat 60px 10px ; height:145px;}
.list-content4{ float:left; width:250px; background:url(../images/pro/pro-pic004.png) no-repeat 60px 10px ; height:145px;}

.product-list-more{ background:url(../images/pro/arrow.gif) no-repeat 40px 30px; text-align:center; font-size:14px; font-family:微软雅黑,宋体,黑体; color:#212121; width:100px; height:39px; margin:0 auto; line-height:26px;}
.content-list{
	width: 1000px;
	height: 320px;
	background: url(../images/pro/content-list-line.gif) no-repeat;
	margin: 0 auto;
	margin-top: 5px;
}
.bd{
	float: left;
	width: 460px;
	line-height: 30px;
	height: 280px;
	padding-left: 20px;
	padding-top: 10px;
	font-size: 16px;
	font-family: 微软雅黑,黑体,宋体;
	padding-right: 20px;
}
.bd h1{ font-weight:100; font-size:30px; line-height:50px; margin-top:40px; }
.bd p{ float:right; width:110px; margin-top:50px;}
.bd p a{ display:block;}
.bd-img{
	float: left;
	width: 359px;
	height: 249px;
	padding-top: 20px;
}
.bd span{ display:block;}
.pro-btn001{ background:url(../images/pro/btn001.gif) no-repeat; width:89px; height:27px; border:0px; color:#FFF; padding-left:13px; font-size:12px; line-height:27px;}
.pro-btn001:hover{ background:url(../images/pro/btn001-hover.gif) no-repeat; width:89px; height:27px; border:0px; color:#FFF; padding-left:13px; font-size:12px; line-height:27px;}
.blueA{ color:#06F; float:left;}
.blueA:hover{ color:#000; text-decoration: underline;}
.content-list2-line{  width:1000px; height:1px; margin:0 auto; background:url(../images/pro/list-FGline.gif) no-repeat;}
.content-list2{
	width: 1000px;
	height: 320px;
	margin: 0 auto;
	background: url(../images/pro/list-BG001.gif) repeat-y;
}

.content-list2-line{width:1000px; height:1px; margin:0 auto; background:url(../images/pro/list-FGline.gif) no-repeat;}
.pro-list-tab{
	float: left;
	width: 1000px;
	height: 250px;
}
.wl{
	float: right;
	width: 500px;
	padding-right:20px;
	line-height: 30px;
	height: 250px;
	font-size: 16px;
	font-family: 微软雅黑,黑体,宋体;
}
.wl span{ display:block;}

.wl h1{ font-weight:100; font-size:30px; line-height:50px; margin-top:40px; }
.wl p{ float:right; width:110px; margin-top:50px;}
.wl p a{ display:block;}
.wl-img{
	float: left;
	width: 359px;
	height: 249px;
	background: url(../images/pro/c-pic02.gif) no-repeat 0px 10px;
}

.content-list3{ width:1000px; height:300px;  margin:0 auto; margin-top:5px;}


.footer-tab{
	margin: 0 auto;
	width: 100%;
	height: 240px;
	background: #3a477b;
}
.footer{height:240px; margin:0 auto;width:1473px;  background: url(../images/footer-pic.jpg) #3a477b ;}

.footer-main{width:100%; height:85px; margin:0 auto; }
.footer-menu{ background:url(../images/footer-line.gif) repeat-x; height:34px; width:100%; border-bottom:1px solid #f0f0f0; }
.footer-menu-center{
	width:1000px;
	padding-left: 10px;
	height: 34px;
	margin:0 auto;
	color:#F00;
	line-height:26px;
}
.footer-menu-center a{ color:#09F;}
.footer-menu-center a:hover{ color:#000;}
.footer-menu-center li a:hover{ color:#000; text-decoration:underline;}
.footer-menu-center ul li{ float:left; display:block;}
.footer-menu-center li{ width:auto; color:#666;display:block;}
.footer-menu-center li span{ color:#F60; font-weight:bold; font-size:16px;}
.footer-menu-center li b1{ padding-left:20px;}
.footer-menu-center li b1 a{ color:#09F;}
.footer-menu-center li b1 a:hover{ color:000;}
.footer-menu-center li b2{ float:right; display:block; padding-left:600px;}
.footer-menu-center li b2 a{ color:#09F;}
.footer-menu-center li b2 a:hover{ color:000;}


.footer-list{
	height: 266px;
	width: 750px;
	float: left;
}
.footer-list-center{ width:1000px; margin:0 auto;}
.tel{ display:block; float:left; width:125px; height:26px; padding-left:100px;}

.logo{
	float:left;
	background:url(../images/logo.png) no-repeat 10px 10px;
	width:424px;
	height:56px;
}

.footer-menu-list{
	float: left;
	width: 620px;
	height: 40px;
	font-size: 12px;
	font-weight: bold;
	border-bottom:1px solid #d9d9d9;
}
.footer-menu-list ul{ width:680px; height:44px; }
.footer-menu-list ul li{ float:left; line-height:44px;}
.footer-menu-list li{ width:125px; margin-left:1px; display:block; text-align:left; padding-left:10px;text-shadow:1px 1px 1px #fff;}
.footer-menu-list2{
	float: left;
	width: 726px;
	height: 50px;
	font-size: 12px;
	margin-top:5px;
	}
.footer-menu-list2 ul{ width:137px; height:44px; float:left; }
.footer-menu-list2 ul li{  line-height:23px;}
.footer-menu-list2 li{ width:125px; margin-left:1px; display:block; text-align:left; padding-left:10px;text-shadow: 1px 1px 1px #fff;}
.footer-menu-list2 li a{ color:#09F; display:block; }
.footer-menu-list2 li a:hover{ color:#000; text-decoration:underline;}
.footer-logo{
	height: 91px;
	background: url(../images/footer-logo.png) no-repeat;
	width: 208px;
	margin-top: 30px;
	float: left;
}
.weixin-logo{
	height: 56px;
	background: url(../images/weixin.png) no-repeat 50px 0px;
	width: 208px;
	float: left;
	margin-top: 10px;
     }
.footer-content{
	width: 1000px;
	height: 250px;
	margin: 0 auto;
}
.bottom{ width:1000px; margin:0 auto; text-align:center; font-size:12px; float:left; color:#999;}
.bottom a{ color:#09F; }
.bottom a:hover{ color:#000; text-decoration:underline;}


.news-shipin{ float:left; margin:15px; width:270px; height:160px; background:#999; border:1px solid #666;color:#FFF;}
.play-pic{ float:left; margin-top:60px; margin-left:0px; background:url(../images/play-bg.png) no-repeat; width:189px; height:31px; padding:0px; color:#FFF; line-height:28px; padding-left:10px;}
.play-pic a{ color:#FFF; display:block;}
.play-pic a:hover{ color:#FFF;}
.play-pic:hover{ float:left; margin-top:60px; margin-left:0px; background:url(../images/play-bg-hover.png) no-repeat; width:189px; height:31px; padding:0px; color:#FFF; line-height:28px; padding-left:10px;}
.work-more{ float:left; margin:15px; width:270px; height:400px; text-align:center;}
.work-more h1{ font-size:12px; padding-left:10px; font-weight:100; line-height:22px; }
.work-more a{ color:#09F; text-decoration:underline; text-align:center;line-height:22px;}
.work-more a:hover{ color:#000; text-decoration:underline; text-align:center;line-height:22px;}
.work-list-top{ background:url(../images/work-list-top.png) no-repeat; width:270px; height:11px; margin:0 auto;}
.work-list{ border-left:1px solid #e3e2e2;border-right:1px solid #e3e2e2; height:370px;  background:#FFF; margin:0 auto; width:266px;}
.work-list-bottom{ background:url(../images/work-list-bottom.png) no-repeat; width:270px; height:11px; margin:0 auto;}
.tanchu{ width:457px; float:left; height:310px;}
.title{ float:left; width:457px; height:43px; background:url(../images/tc-top.png) no-repeat;}
.title h1{ display:block; float:left; color:#FFF; font-size:14px; line-height:45px; padding-left:20px;}
.closed{ width:44px; height:42px; background:url(../images/closed.png) no-repeat 3px 11px; float:right; border:0px solid;}
.closed:hover{ width:44px; height:42px; background:url(../images/closed-hover.png) no-repeat 3px 11px; float:right; border:0px solid;}

.tc-main{ float:left; width:475px; height:250px; background:url(../images/tc-cen.png) repeat-y;}
.tc-bot{ float:left; width:457px; height:17px; background:url(../images/tc-bot.png)  no-repeat;}

.tc-main h1{ display:block; float:left; width:450px; height:40px; line-height:40px; font-size:25px; color:#cacaca;}
.tc-main ul{ display:block; float:left; width:475px; height:200px; text-align:left; padding-left:20px;}
.tc-main li{ display:block;float:left; height:35px; line-height:23px; width:435px; padding-top:5px; font-size:14px; color:#000; }
.tc-main li a{ display:block;float:right; margin-right:40px; }
.online{background:url(../images/hfbtn.png) no-repeat; width:71px; height:24px;margin-left:2px;  }
.online:hover{background:url(../images/hfbtn-hover.png) no-repeat; width:71px; height:24px;margin-left:2px;  }
.online2{background: url(../images/qqbyn.png) no-repeat; width:71px; height:24px;margin-left:1px; }
.online2:hover{background: url(../images/qqbyn-hover.png) no-repeat; width:71px; height:24px;margin-left:1px; }
.b1{ color:#F00;}
.txtbox{ width:120px;}
.send{ background:url(../images/btnsend.png) no-repeat; width:90px; height:30px; border:0px solid;}
.send:hover{ background:url(../images/btnsend-hover.png) no-repeat; width:90px; height:30px; border:0px solid;}