/*creat  by QQ48616159*/
body {margin-top:0px;  padding:0; font-size:12px; color:#666;}
#main{ width:990px; margin:0 auto; font-size:12px; color:#666; text-align:left;}
#head{ width:990px; float:left;}
.tel{ margin:0 25px 0 0; float:right;}
#nav{ width:990px; height:45px; float:left; background:url(images/nav_bg.jpg) repeat-x;}
#nav ul{ margin:0; padding:0;}
#nav ul li{ list-style:none; float:left; padding:19px 12px 0 12px; background:url(images/line.gif) right 18px no-repeat;}
#nav ul li a{ text-decoration:none; color:#000; font-weight:bold;float:left;}
#nav ul li a:hover{ color:#D23971;}
#nav .last{ background:none;}
#search{ width:180px; height:18px; float:right; padding:14px 15px 0 0;}
#search .inputTxt{ width:128px; height:16px; color:#049; border:1px solid #B3C8E8; float:left; margin:0;}
#search .refer{ width:39px; height:18px; background:url(images/search2.gif) no-repeat; border:0; cursor:pointer; float:left;margin:0 0 0 11px; display:inline;}
#banner{ width:990px; height:300px; float:left; margin:10px 0;}
#about{ width:675px; height:215px; float:left; background:url(images/pro_bg.gif) repeat-x;}
.proshow{ float:left; padding-left:15px;}
#product{ width:900px; height:180px; float:left; background:url(images/pro_bg.gif) repeat-x;}
.proshow{ float:left; padding-left:15px;padding-top:20px;}
#about2{ width:663px; height:195px; float:left; background:url(images/about.gif) 15px 0 no-repeat; padding-top:20px;}
#pro{ width:663px; height:195px; float:left; background:url(images/proshow.gif) 15px 0 no-repeat; padding-top:30px;}
#pro ul{ margin:0; padding:0;}
#pro ul li{ list-style:none; width:140px;  float:left; padding:0; margin:10px;}
#pro a span{ width:120px; float:left; text-align:center; color:#D23971; font-weight:bold; text-decoration:none;}
#news{ width:220px; height:215px; float:left; margin-left:5px; background:url(images/pro_bg.gif) repeat-x;}
#new{ width:208px; height:195px; float:left; background:url(images/news.gif) 15px 0 no-repeat; padding-top:20px;}
#new ul{ margin:0; padding:0;}
#new ul li{ list-style:none; line-height:20px; width:190px; padding:5px 0 4px 15px; border-bottom:1px #666 dashed; background:url(images/icon.jpg) 5px 13px no-repeat;}
#new ul li a{ text-decoration:none; color:#666;}
#new ul li a:hover{ color:#03c; padding:1px 0 0 1px;}
#new .more{ text-align:right; padding:8px; background:none; border:none; }
#botmnav{ width:990px; height:45px; float:left; margin-top:20px;}
#botmnav ul{ margin:0; padding:0;}
#botmnav ul li{ list-style:none; float:left; padding:20px 5px 0 5px; background:url(images/line.gif) right 20px no-repeat;}
#botmnav ul li a{ text-decoration:none; color:#069;}
#botmnav ul li a:hover{ color:#039;}
#botmnav .last{ background:none;}
#footer{ width:990px; height:50px; float:left;}
#footer p{ width:990px; float:left; height:20px; text-align:center; padding:5px 0 0 0; margin:0;}
#wrap{ width:980px;overflow: hidden; margin:0; float:left; padding:15px 0 10px 10px;}
#cleft{ width:175px; float:left; border:1px #ccc solid; background:url(images/cleft_bg.jpg) top no-repeat;}
#cright{ width:770px; float:left; padding:10px 0 0 0; margin-left:10px;top no-repeat; }
#wrap:after{ display: block; height: 0; clear: both; visibility: hidden;}
#wrap{display: inline-block;}
#wrap{display: block;}
#cleft, #cright{padding-bottom: 32767px !important; margin-bottom: -32767px !important;}
@media all and (min-width: 0px) {
#cleft, #cright{padding-bottom: 0 !important; margin-bottom: 0 !important; }
#cleft:before, #cright:before{ content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; background: inherit; padding-top: 32767px !important; margin-bottom: -32767px !important; height: 0;}
}
#cleft ul{ width:155px; margin:0; padding:140px 10px 0 10px;}
#cleft li{ margin:0; padding:6px 0 0 0; list-style-type:none; width:155px; line-height:25px; background:#73AEDA; text-align:left; margin-bottom:5px; padding-left:6px;}
#cleft li a{ color:#FFF; text-decoration:none;}
#cleft li a:hover{ color:#039;}
#cstitle{ padding:10px 15px 5px 10px; margin:0; float:left; width:655px;}
#cstitle a{margin:0; padding:0; letter-spacing:2px; color:#999; font-weight:bold; text-decoration:none; }
#cstitle a:hover{color:#069;}
#crs{ width:760px;  border-top:1px dashed #ccc; margin:0; padding:10px 5px 0 10px; float:left; font-size:12px;}

#demo {
background: #FFF;
overflow:hidden;
height: 990px;
}
#demo img {
border: 3px solid #F2F2F2;
}
#indemopicture {
float: left;
height: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
/*creat by QQ48616159*/