* {margin: 0px;padding: 0px;border: 0px;}
body{ width: auto; margin:0 auto; font-size:12px; font-family: "宋体";color:#000; background:url(../images/bg.jpg)  repeat-x top;}
ul, ol ,li{ list-style-type:none;}
.clr{ clear:both;}
a{ text-decoration:none; color:#000;}
a:hover{ color:#F30;}
.fl{ float:left;}
.fr{ float:right;}
#header{ background:url(../images/topbg.jpg) no-repeat; height:112px; width:994px; margin:0 auto; color:#fff; text-align:right; padding:10px 20px 0 0;}
#header a{ color:#fff;}
#header a:hover{ color:#FF0;}
#nav{ background:url(../images/navbg.jpg) no-repeat; height:38px; line-height:38px; width:1014px; margin:0 auto;}
#nav ul li{ width:126px; text-align:center; float:left; font:bold 14px/38px "微软雅黑"; color:#fff; background: url(../images/navlibg.jpg) no-repeat right;}
#nav ul li a{ color:#fff;}
#nav ul li a:hover{ color:#FF0; font-size:16px;}
#banner{ width:1000px; height:240px; margin:0 auto; padding-bottom:10px;}
#mainbox{ width:1000px; margin:0 auto;}
.left{ width:215px;}
.proli h1,.new h1{ background:url(../images/h1bg1.jpg) no-repeat; height:35px; line-height:35px; font:bold 14px/35px "黑体"; color:#FFF;}
.en{ font:bold 12px/29px Tahoma; padding:0 5px; color:#FFD500;}
.proli ul{ display:block; width:213px; border-left:#22A9CD 1px solid; border-right:#22A9CD 1px solid;}
.proli ul li{ height:36px; line-height:36px; background:url(../images/inforli.jpg) no-repeat; padding-left:65px;font:bold 14px/36px "黑体";}
.proli,.new,.product,.service,.video,.honor{ margin-bottom:10px;}
.i_more{ float:right; font-family:rial; font-size:14px; font-weight:normal; padding-right:5px;}
.new ul{ border:#22A9CD 1px solid; display:block; width:203px; padding:5px; background:#fff;}
.new ul li{ height:24px; line-height:24px;}
.contact{ background:url(../images/contactbg.jpg) no-repeat; width:195px; height:150px; padding:40px 10px 0;}
.contact p{ line-height:22px; color:#fff;}

.center{ width:515px; padding:0 10px;}
.product h1,.about h1{ background:url(../images/h1bg2.jpg) no-repeat; height:29px; line-height:29px;padding-left:25px;font:bold 14px/29px "黑体"; color:#FFF;}
.product ul{ width:513px; display:block;border:#22A9CD 1px solid; background: url(../images/probg.jpg) repeat-x; height:148px;}
.product ul li{ width:164px; float:left; margin:12px 0 0 5px; display:inline;}
.product ul li img{ width:162px; height:122px; border:#ccc 1px solid;}
.service h1{ background:url(../images/h1bg3.jpg) no-repeat; height:29px; line-height:29px; padding-left:25px; font:bold 14px/29px "黑体"; color:#FFF;}
.serimg{ width:145px; text-align:center;margin:10px 0 10px 10px; display:inline;}
.serimg img{ width:145px; height:125px; margin-bottom:10px;}
.serli{ margin:10px 10px 0;}
.serli ul li{ line-height:22px; height:22px;width:175px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.about_cont{ padding:8px;border:#22A9CD 1px solid;}
.about_cont img{ float:right;}
.about_cont p{ text-indent:2em; line-height:24px;}
.right{ width:250px;}
.video h1,.custom h1{ background:url(../images/h1bg04.jpg) no-repeat; height:34px; line-height:34px;font:bold 14px/34px "黑体"; color:#FFF;}
.video_cont{border:#22A9CD 1px solid; padding:8px; text-align:center; background:#fff;}
.honor{ background:url(../images/honor.jpg) no-repeat; height:150px; text-align:center; padding-top:50px;}
.custom ul{ width:248px; display:block;border:#22A9CD 1px solid; background:#fff; padding:10px 0;}
.custom ul li{ width:120px; height:48px; float: left; margin-left:3px; display:inline;}
.custom ul li img{width:120px; height:48px; display:block;}
#bottom{ background: url(../images/bottomb.jpg) repeat-x bottom; min-height:68px; height:auto !important; height:68px; padding:20px 0 10px 0;}
.copyright{ width:1000px; margin:0 auto;}
.copyright p{ line-height:24px; text-align:center;}
/*内页的样式*/
.inright{ width:775px;min-height:600px;}
.position{ background: url(../images/pos.jpg) no-repeat bottom; height:30px; padding-left:25px;font:bold 14px/29px "黑体"; color:#FFF;}
.position .pos{ float:right; font:normal 12px "宋体"; color:#fff; height:30px; line-height:30px; padding-right:10px; }
.position .pos a{ color:#fff;}
.position .pos a:hover{ color:#f30;}
.list,.detail,.piclist{ background:#fff; width:755px; padding:10px; min-height:570px;height:auto !important; height:570px;}
.list ul li{ height:30px; line-height:30px; border-bottom:#ccc 1px dashed; background:url(../images/icon.jpg) no-repeat left; padding-left:10px;}
.list ul li span{ float: right;}
.fanye{ height:30px; line-height:30px; text-align:center; padding:10px 0; background:#fff;}
.detail{ line-height:1.5;}
.biaoti{ text-align:center; line-height:25px; font: bold 14px/25px "宋体";color:#BE0B0B;border-bottom:#ccc 1px dashed; margin-bottom:15px;}
.biaoti span{ color:#999; font:normal 12px/25px "宋体";}
.detail p{ line-height:22px; text-indent:2em;}
.det_img{ width:720px; margin:10px auto; text-align:center; overflow:hidden;}
.piclist ul li{ width:164px; float:left; margin:0 0 15px 18px; display:inline; text-align:center;}
.piclist ul li img{width:162px; height:122px; border:#ccc 1px solid; margin-bottom:8px; }
.detail_img{ width:745px; margin-bottom:15px; text-align:center;}

#demo1 li ,#demo2 li {width:162px;display:inline;text-align:center;}
#demo{overflow:hidden;width:750px; height:147px; float:left;display: inline;} 
#indemo{float: left;width: 1000%;} 
#demo1 li img,#demo2 li img{ width:155px; height:122px;padding:2px; border:#ccc 1px solid; margin-bottom:8px;}
#demo1,#demo2{float: left;} 
#demo1 a,#demo2 a{cursor:pointer;}