/* CSS Document */
html,body{ margin:0px; padding:0px; font-family:"微软雅黑"}
a{ text-decoration:none; color:#333333;}
img{ border:0px;}

#hea{ width:100%; height:100px;}
#hea .tp{ width:1200px; height:20px; line-height:20px; margin:10px auto 0px auto; font-size:12px; text-align:right;}
#hea .tp a{ padding-left:10px;}
#hea .daoh{ width:1200px; height:70px; margin:0px auto 0px auto;}
#hea .daoh .lg{ width:300px; height:70px; float:left;}
#hea .daoh .dh{ width:600px; height:50px; padding-top:20px; margin-left:90px; float:left;}
#hea .daoh .dh a{display:block; height:48px; border-bottom:2px #FFFFFF solid; float:left; text-align:center; line-height:30px; font-size:13px; padding-left:10px; padding-right:10px;}
#hea .daoh .dh a:hover{ border-bottom:2px #0066FF solid; color:#0066FF; background:#0066FF; color:#FFFFFF;}
#hea .daoh .cx{ width:200px; height:30px; float:right; margin-top:20px; border:1px #EEEEEE solid;}
#hea .daoh .cx form{ margin:0px; padding:0px;}
#hea .daoh .cx .tx{ width:140px; height:20px; border:0px; margin-top:3px; margin-left:5px; float:left;}
#hea .daoh .cx .bt{ width:50px; height:25px; border:0px; background:url(sous.jpg) no-repeat center; float:right; margin-top:3px;}

#fldh{ width:100%; height:50px; background:#003399;}
#fldh .lmdh{ width:1200px; height:50px; margin-left:auto; margin-right:auto;}
#fldh .lmdh a{ display:block; width:180px; height:50px; line-height:50px;  text-align:center; font-size:16px; color:#F3F3F3; float:left;}
#fldh .lmdh a:hover{ background:url(http://www.hm110.cn/img/dh.png) center no-repeat; font-weight:bold;}
#fldh .lmdhh{ width:1200px; height:50px; margin-left:auto; margin-right:auto;}
#fldh .lmdhh a{ display:block; width:120px; height:50px; line-height:50px;  text-align:center; font-size:16px; color:#F3F3F3; float:left;}
#fldh .lmdhh a:hover{ background:url(http://www.hm110.cn/img/dh.png) center no-repeat; font-weight:bold;}
#fldh .lmdh2{ width:1200px; height:50px; margin-left:auto; margin-right:auto;}
#fldh .lmdh2 a{ display:block; width:145px; height:50px; line-height:50px;  text-align:center; font-size:16px; color:#F3F3F3; float:left;}
#fldh .lmdh2 a:hover{ background:url(http://www.hm110.cn/img/dh.png) center no-repeat; font-weight:bold;}
#fldh .lmdh2 .lon{display:block; width:145px; height:50px; line-height:50px;  text-align:center; font-size:16px; color:#F3F3F3; float:left; background:url(../img/dh.png) center no-repeat; font-weight:bold;}
#bodd{ width:100%; height:auto; padding-top:10px; padding-bottom:50px;}
#abou{ width:1200px; height:auto; line-height:35px; padding-top:20px; font-size:16px; color:#333333; margin-left:auto; margin-right:auto;}
#zhenw{background:#F5F5F5; width:1000px; padding:65px 100px;}
#zhens{background:#F5F5F5; width:1140px; padding:30px; overflow:hidden;}
#zhens .fx{ width:340px; height:470px; padding:20px; line-height:40px; font-size:16px; float:left; text-align:center;}
#zhens .fx img{ height:430px;}
#zhens .fx2{ width:340px; height:280px; padding:20px; line-height:40px; font-size:16px; float:left; text-align:center;}
#zhens .fx2 img{ height:230px;}

/*flash轮播*/
ul{ list-style: none;}
#lubo{ width:100%; height:560px;  /*其实就是图片的高度*/ position: relative; overflow: hidden; /*此处需要将溢出框架的图片部分隐藏*/}
#lubo ul{ height:6500px; position: relative; width:100%; /*此处需注意relative : 对象不可层叠，但将依据left，right，top，bottom等属性在正常文档流中偏移位置，如果没有这个属性，图片将不可左右移动*/}
#lubo ul li{ height:650px; float:left; width:100%; display:block;}
.showNav{ position: absolute; z-index:10; right:49%; bottom: 15px; text-align:center; font-size: 12px;  line-height: 20px;}
.showNav span{ cursor: pointer; display: block; float: left; width: 20px; height: 20px; background:#0099FF; margin-left: 2px; color: #fff;}
.showNav .active{ background:#0066FF;}
/*flash轮播end*/

.ondhal{ height:auto; width:100%; padding-top:10px; padding-bottom:10px; background:#FAFAFA;}
.ondhal .obod{ width:1000px; margin-left:auto; margin-right:auto; height:auto; overflow:hidden;}
.ondhal .xiaolo{ width:300px; float:left;}
.ondhal .xiaolo a{ height:43px; line-height:43px; width:100%; display:block; font-size:16px; color:#333; border-bottom:#CCC 1px double;}
.ondhal .xiaolo a:hover{ text-decoration:underline; color:#09F;}
.ondhal .obod .zhytup{ width:240px; height:auto; padding:10px 55px; float:left; line-height:20px;}
.ondhal .cpfenl{ width:155px; height:auto; padding:10px 0px; float:left;}
.ondhal .cpfenl a{ display:block; height:35px; line-height:35px; width:155px; text-decoration:none; color:#333;}
.ondhal .cpfenl a:hover{ color:#09F; text-decoration:underline;}
.dhalof{ display:none;}

#anl{ width:1200px; height:360px; margin:20px auto 20px auto; }
#anl .lw{ width:530px; height:350px; margin-bottom:10px; float:left; background:url(http://www.hm110.cn/bas/img/01.jpg) no-repeat center;}
#anl .lw a{ padding:270px 260px 20px 30px; height:60px; width:240px; display:block; }
#anl .lm{ height:60px; width:240px; background:url(http://www.hm110.cn/bas/img/bk.png) no-repeat center;  font-size:20px; text-align:center; line-height:60px; font-family:"宋体"; font-weight:bold;}
#anl .lm:hover{ background:url(http://www.hm110.cn/bas/img/bk2.png) no-repeat center; color:#0066FF;}
#anl .xt{ width:670px; height:360px; float:left;}
#anl .xtb{ width:320px; height:170px; margin-left:15px; margin-bottom:10px; float:left;}
#anl .xtb a{ display:block; height:60px; width:240px; padding:55px 40px; line-height:60px; text-align:center; font-size:26px;  font-family:"黑体";}
#anl .xtb a:hover{ color:#0066FF;}


/*cp*/
#pro{ width:1220px; height:auto; margin-left:auto; margin-right:auto; padding-bottom:20px; padding-top:20px; overflow:hidden;}

#pro .fenl{ width:1150px; padding:0px 22px; height:45px; color:#333333; font-size:13px; line-height:45px; margin-bottom:13px; background:#FFFFFF; margin-left:13px; overflow:hidden;}
#pro .fenl a{ color:#333333; padding-left:10px;}
#pro .fenl a:hover{ color:#0066FF;}

#pro .cpxq{ width:1100px; padding:50px; margin-top:10px; background:#FFFFFF; overflow:hidden; margin-left:13px;}
#pro .cpxq .cpzh{ width:1100px; height:450px; border-bottom:2px #EEEEEE dotted;}
#pro .cpxq .cpzh .img{ width:450px; height:450px; float:left;}
#pro .cpxq .cpzh img{ width:450px; height:450px;}
#pro .cpxq .cpzh .zhwz{ width:610px; height:450px; float:right;}
#pro .cpxq .cpzh h1{ margin:0px; padding:0px; margin-top:20px; height:60px; width:610px; font-size:23px; display:block; line-height:50px;}
#pro .cpxq .cpzh h3{ width:200px; height:45px; margin-bottom:5px; background:#0066FF; color:#FFFFFF; text-align:center; line-height:45px; margin:0px; padding:0px; font-size:18px; display:block;}
#pro .cpxq .cpzh h2{ margin:0px; padding:0px; height:290px; margin-top:30px; width:610px; font-size:15px; display:block; line-height:30px; font-weight:300; color:#666666;}
#pro .cpxq .cpjs{ width:1100px; height:auto; padding:50px 0px; line-height:35px;}
#pro .cpxq .point{ width:1100px; height:50px; line-height:45px; text-align:center; font-size:15px;}
#pro .cpxq .point a{ color:#333333; text-decoration:none;}
#pro .cpxq .point a:hover{ color:#0066CC;}

#prod{ width:380px; margin:13px; background:#FFFFFF; overflow:hidden; float:left; height:490px;}
#prod:hover{width:380px; height:490px; -webkit-box-shadow:0 0 10px #CCCCCC;  
  -moz-box-shadow:0 0 10px #CCCCCC;  
  box-shadow:0 0 10px #CCCCCC;  }
#prod .titl{ width:360px; padding-left:20px; height:25px; font-weight:bold; font-size:18px; font-family:"黑体"; color:#333333; line-height:25px; padding-top:5px;}
#prod .intro{ width:340px; padding:5px 20px; height:50px;}
#prod .intro .prin{ width:230px; height:50px; line-height:23px; font-size:12px; color:#999999; float:left;}
#prod .intro .bt{ width:95px; height:36px; margin-top:5px; border:1px #0099FF double; display:block; float:right; line-height:36px; text-align:center; color:#0099FF;}
#prod .intro .bt:hover{ width:95px; height:36px; background:#0099FF; margin-top:5px; border:1px #0099FF double; display:block; float:right; line-height:36px; text-align:center; color:#FFFFFF;}
#img{ overflow:hidden;}
#img img{
				cursor: pointer;
				transition: all 0.6s;
			}
#img img:hover{
				transform: scale(1.1);
			}
/*cpend*/

#cpfl{width:1200px; height:45px; margin:0px auto 0px auto; line-height:45px; font-size:22px; color:#000000; padding-top:25px;}
#cpfl a{ width:100px; height:35px; padding-left:6px; line-height:35px; float:left; font-size:22px; text-align:left; font-weight:bold; margin-right:5px;}
#cpfl a:hover{ color:#0066CC;}

#cplb{ width:1210px; height:auto; margin:0px auto 0px auto; padding-bottom:50px; overflow:hidden;}
#cplb .cplm{ width:280px; height:380px; margin:9px; float:left; background:#FFFFFF; overflow:hidden; }
#cplb .cplm:hover{width:280px; height:380px; background:#FFFFFF;  -webkit-box-shadow:0 0 10px #CCCCCC;  
  -moz-box-shadow:0 0 10px #CCCCCC;  
  box-shadow:0 0 10px #CCCCCC;  }
#cplb .cplm img{ width:280px; height:280px; margin:2px; border:0px; padding-top:5px;}
#cplb .cplm .bt{ width:280px; height:30px; padding-top:5px; line-height:30px;  text-align:center; font-size:16px; color:#000000;}
#cplb .cplm .cje{ width:280px; height:40px; line-height:20px; font-size:13px; color:#999999; text-align:center; font-family:"宋体";}

#jgbd{ width:100%; height:45px; background:#f6f6f6; display:block;}
#jgfl{width:1200px; margin-left:auto; margin-right:auto; height:45px; background:#FFF; line-height:45px;}
#jgfl a{ height:45px; float:left; font-size:12px; padding-right:12px; padding-left:12px;}

#new{ width:100%; height:320px; background:#F6F6F6;}
#new .nnew{ width:1200px; height:260px; margin:0px auto 0px auto; padding:30px 0px 30px 0px;}
#new .nes{ width:400px; height:260px; float:left; }
.bnew{ width:100%; height:45px;}
.bnew a:hover{ color:#0066FF;}
.newlb{ width:120px; height:45px; line-height:45px; font-size:23px; font-family:"黑体"; font-weight:bold; float:left; display:block;}
.newxl{ width:280px; height:30px; padding-top:13px; font-size:13px; float:left; line-height:30px;}
#new .nes .zxin{ width:400px; height:80px; padding-bottom:5px;}
#new .nes .zxin .img{ width:150px; height:80px; float:left;}
#new .nes .zxin .img img{ width:150px; height:80px; border:0px;}
#new .nes .zxin .wtit{ width:240px; float:right; height:80px; font-size:13px; color:#333333; line-height:20px; overflow:hidden; display:block;}
#new .nes .zxin .wtit a{ color:#000000; font-weight:bold; }
#new .nes .zxin .wtit a:hover{ color:#0066FF;}
#new .nes .nelb{ width:400px; height:27px; line-height:27px; font-size:13px; display:block; overflow:hidden;}
#new .nes .nelb font{ float:left; font-size:10px; color:#666666; padding-right:5px; width:10px; height:26px;}
#new .nes .nelb a{ float:left;}
#new .nes .nelb a:hover{ color:#0066FF;}
#new .nes .nelb .dt{ width:80px; height:20px; line-height:20px; display:block; overflow:hidden; padding-top:5px; color:#666666; font-size:11px; float:right;}

#new .nmv{ width:330px; height:260px; float:left; margin-left:80px;}
.mval{ width:330px; height:210px;}
.shp{ height:200px; width:320px; float:left;  line-height:30px; line-height:30px; font-size:13px;}
.shp a{display:block; width:150px; height:30px; padding:160px 160px 10px 10px;   color:#333333; }
.shp a:hover{ color:#0066FF;}
.shp .anlbk{width:150px; height:30px; text-align:center; background:url(http://www.hm110.cn/img/bk1.png);}
.shanl{ width:180px; height:210px; float:right;}
.shanl a{display:block; width:180px; height:20px; padding:8px 0px;   color:#333333;  }
.shanl a:hover{ color:#0066FF;}


#new .smv{ width:305px; height:260px; float:left; margin-left:80px;}
.smval{ width:305px; height:200px;}
.smval img{ width:305px; height:200px; border:0px;}

#bttm{ width:100%; height:auto; background:#333333;}
#bottm{ height:370px; width:100%; margin-top:10px; }
#btkslj{ height:260px; width:1200px; padding-top:10px; margin-left:auto; margin-right:auto;}
#btkslj .wd{ height:230px; float:left; line-height:20px;}
#btkslj .dat{ height:30px; width:100%;  line-height:30px; font-weight:bold;}
#btkslj  a{ color:#CCCCCC; text-decoration:none; font-size:12px;}
#btkslj a:hover{ text-decoration:underline;}
#btkslj .jiaoh{ height:230px; width:280px; float:right;}
#btkslj .btt{ height:30px; width:280px; font-size:15px; line-height:30px; font-weight:bold; color:#CCCCCC;}
#btkslj .rexx{ height:45px; width:280px; font-size:30px; line-height:45px; font-weight:bold; color:#FFFFFF;}
#btkslj .bimg{ height:155px; width:280px;}
#btkslj .bimg .imag{ height:150px; width:130px; margin:0px 5px; float:left;}
#bbttom{ height:35px; width:1200px; margin-left:auto; margin-right:auto; line-height:35px; color:#CCCCCC; margin-top:10px; border-top:1px double #666666; font-size:12px;}
#bblink{ height:35px; width:1200px; line-height:35px; color:#666666; font-size:12px; margin-left:auto; margin-right:auto;}
#bblink a{ color:#666666;}
#bblink a:hover{ color:#CCCCCC;}
#fenll{ height:35px; width:140px; overflow:hidden;}
#fenll ul li{ list-style:none; }
#fenll ul li .fenl{display:block; width:85px; cursor:pointer; margin-left:5px; font-size:12px; line-height:30px; background:#F3F3F3; border:#CCC 1px double; height:30px; text-align:center; float:left;}
#fenll ul li{ overflow:hidden; float:left;}
#fenll .kjia{ display:block;}
#fenll .p1{ display:none;}
#fenll ul li ul li{ display:block; width:80px; float:none;}
#fenll .d1{ display:block;  margin-left:200px; overflow-y:scroll; overflow-x:hidden; height:90px; width:90px; position:absolute; z-index:500; left:50%;  background:#FFF; color:#666; border:1px #CCCCCC double;}
#fenll .d2{ display:block;  margin-left:300px; overflow-y:scroll; overflow-x:hidden; height:90px; width:90px; position:absolute; z-index:500; left:50%;  background:#FFF; color:#666; border:1px #CCCCCC double;}
#fenll .d3{ display:block;   margin-left:380px; overflow-y:scroll; overflow-x:hidden; height:90px; width:90px; position:absolute; z-index:500; left:50%;  background:#FFF; color:#666; border:1px #CCCCCC double;}
#fenll a{ text-decoration:none; color:#333; line-height:20px; text-align:center; font-size:12px;}
#fenll a:hover{ color:#03C;}

/*兼容*/
@media screen and (max-width: 850px) {
	#cpfl{width:98%; height:45px; margin:0px auto 0px auto; line-height:45px; font-size:22px; color:#000000; padding-top:25px; padding-left:1%;}
	#cplb{ width:100%; margin:0px; padding:0px; overflow:hidden;}
	#cplb .cplm{ width:45%; height:auto; margin:9px; background:#FFFFFF; overflow:hidden; }
	#cplb .cplm:hover{width:45%; height:auto; background:#FFFFFF;  }
	#cplb .cplm img{ width:100%; height:auto; margin:2px; border:0px; padding-top:5px;}
	#cplb .cplm .bt{ width:98%; height:40px; padding-top:5px; line-height:20px;  text-align:center; font-size:16px; color:#000000;}
	#jgbd{ width:100%; height:45px; background:#f6f6f6; display:block;}
#jgfl{width:100%; margin-left:auto; margin-right:auto; height:45px; background:#FFF; line-height:45px;}
#jgfl a{ height:45px; float:left; font-size:12px; padding-right:20px; padding-left:20px;}
	#cplb .cplm .cje{ width:98%; height:40px; line-height:20px; font-size:13px; color:#999999; text-align:center; font-family:"宋体";}
	#new{ width:99%; height:auto; background:#F6F6F6; overflow:hidden; padding-left:1%;}
	#new .nnew{ width:100%; height:auto; margin:0px auto 0px auto; padding:30px 0px 30px 0px;}
	#new .nes .nelb{ width:95%; height:27px; line-height:27px; font-size:13px;}
	#new .nes .nelb font{ float:left; font-size:10px; color:#666666; padding-right:5px;}
	#new .nes .nelb .dt{ width:20%; height:20px; line-height:20px; padding-top:5px; color:#666666; font-size:11px; float:right;}
	.newlb{ width:30%; height:45px; line-height:45px; font-size:23px; font-family:"黑体"; font-weight:bold; float:left;}
	.newxl{ width:68%; height:30px; padding-top:13px; font-size:13px; float:left; line-height:30px;}
	#new .nes .nelb{ width:98%; height:27px; line-height:27px; font-size:13px;}
	#new .nes{ width:98%; height:260px; }
	#new .nmv{ width:98%; height:260px; padding-top:10px; padding-left:1%; margin-left:0px;}
	#new .smv{ width:98%; height:260px; padding-top:10px; padding-left:1%; margin-left:0px;}
	#donghua{ display:none;}
}