@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, audio, mark, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;

}
.blank1{ width:100%; height:1px;}
.blank3{ width:100%; height:3px;}
.blank5{ width:100%; height:5px;}
.blank10{ width:100%; height:10px;}
.center{ margin:0 auto;}
.left{float:left}
.right{float:right}
.clear{clear:both;}
.rel{position:relative}
.abs{position:absolute}
body {
	font:12px/22px "Microsoft yahei";
	/*background:url(../images/body.gif) top repeat-x;*/
	color:#4e4e4e;
}
li{list-style:none;}
a:link {color: #000000; text-decoration:none;}
a:visited {color: #000000; text-decoration: none;}
a:hover {color: #f00; text-decoration:none;}
a.a2:link {color: #000000; text-decoration:none;}
a.a2:visited {color: #000000; text-decoration: none;}
a.a2:hover {color: #FFF; text-decoration:none;}
a.a1:link { font-size:15px;color: #FFFFFF; text-decoration:none;font-weight:bold;}
a.a1:visited {font-size:14px;color: #FFFFFF; text-decoration: none;}
a.a1:hover {font-size:14px;color: #CCCCCC; text-decoration:none;}

/*top*/
.bak { width:100%; height:auto;  margin:auto; background:url(../images/bak.png) repeat-y  center;}
.top { width:970px; height:99px; margin:auto; background:url(../images/top.jpg); text-align:right; color:#FF3300; padding-right:30px; }
.nav { width:1000px; height:37px; margin:auto; background:url(../images/nav.jpg);}
.nav li { float:left; width:142px; text-align:center; line-height:37px;}
.banner { width:1000px; height:300px; margin:auto;}
.foot { width:1019px; margin:auto; height:103px; background:#d7d7d7; margin-top:36px; padding-top:24px; line-height:35px;}

/*index*/
.gonggao { width:980px; height:41px; margin:auto;/* background:url(../images/gong.gif); */margin-top:6px;margin-bottom:10px; line-height:30px;}
.main { width:1000px; height:auto; margin:0 auto;overflow:hidden;}
.mainleft { width:206px; float:left; height:auto;}
.mainright { width:774px;_width:764px;float:right; height:auto;}
.product { border:1px solid #d5d5d5;}
.fist { height:35px; background:url(../images/fist.gif) repeat-x 25px; line-height:35px; padding-left:70px;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.sec { height:35px; background:url(../images/sec.gif); line-height:35px; padding-left:50px;}
.sec:hover { height:35px; background:url(../images/hover.gif); line-height:35px; padding-left:50px; color:#FFFFFF;}
.producttitle { height:29px; background:url(../images/title.gif); font-size:14px; font-weight:bold; padding-left:47px; line-height:29px;}
.news { margin-top:16px;border:1px solid #d5d5d5;}
.news li { height:35px; line-height:35px; border-bottom:1px dashed #CCCCCC; background:url(../images/dian.gif) left no-repeat; padding-left:10px;}
.rexian { margin-top:15px;}
.contact { border:1px solid #d5d5d5; margin-top:17px; background:url(../images/contact.gif) bottom; background-repeat:no-repeat;}
.contact ul { padding-top:10px; padding-left:5px;}
.contact p { line-height:25px;}
.ctitle { width:48px; color:#df0000;}
.message { margin-top:13px;}
.link { height:76px;border:1px solid #d5d5d5; margin-top:16px;}
.linktitle { height:26px; line-height:26px; background:url(../images/biao.gif) left center no-repeat; padding-left:10px; margin:0 8px 0 8px; border-bottom:1px solid #d5d5d5;}
.about { border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5;}
.about1 {border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; height:auto !important;  min-height:450px; _height:450px;position:relative;}
.title { background:url(../images/title1.gif); height:30px; line-height:30px; font-size:14px;}
.about img { padding-right:10px;}
.about ul { padding:15px;}
.productlist {border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; margin-top:17px; }
.productlist li  { width:178px; height:246px; border:1px solid #cecece; overflow:hidden;float:left; margin:10px 0 10px 10px;display:inline; } 

.productlist li img { max-width:160px; max-height:201px;}
.productlist li p { height:26px; background:#e7e7e7; line-height:26px; text-align:center; border-top:1px solid #cecece;}
.jingpin { margin-top:19px; height:298px; border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5;}
.jingpin li  { width:178px; height:246px; border:1px solid #cecece; float:left; margin:10px 0 10px 10px; display:inline; } 
/*.jingpin li img { width:160px; height:201px; border:1px solid #cecece; margin:8px;}*/
.jingpin li p { height:26px; background:#e7e7e7; line-height:26px; text-align:center; border-top:1px solid #cecece;}

/*内页*/
.nei { padding:10px;}
.nei1 { padding:10px;  }
.nei1 li {line-height:30px; border-bottom:1px dashed #999999;}
.productlist1 {border-bottom:1px solid #d5d5d5; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5;height:auto !important;  min-height:450px; _height:450px;position:relative; }
.productlist1 li  { width:178px; height:246px; border:1px solid #cecece; float:left; margin:10px 0 10px 10px;display:inline; } 
.box{ width:160px; height:201px; border:1px solid #cecece; margin:8px;}
.productlist1 li p { height:26px; background:#e7e7e7; line-height:26px; text-align:center; border-top:1px solid #cecece;}
.nyxx_title { text-align:center; padding:20px; font-size:16px;}
.nyxx_pic { text-align:center; padding:20px;}
.nyxx_time { padding:20px; text-align:center;}
.page { text-align:center; position:absolute; bottom:0px; left:200px;}
.page1 { text-align:center; position:absolute; bottom:0px; left:375px;}


#ademo {
background: #FFF;
overflow:hidden;
height:545px;

}

#aindemo {
float: left;
width: 800%;
}
#ademo1 {
float: left;
}
#ademo2 {
float: left;
}



#demo {
background: #FFF;
overflow:hidden;
width: 770px;
}

#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}

#sdemo {
background: #FFF;
overflow:hidden;
height:545px;

}

#sindemo {
float: left;
width: 800%;
}
#sdemo1 {
float: left;
}
#sdemo2 {
float: left;
}