html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; }
img { border: 0 none; vertical-align: top; }
ul, li { list-style-type: none; }
h1, h2, h3, h4, h5, h6 { font-size: 14px; }
body, input, select, button, textarea { font-size: 12px; font-family: Tahoma, Geneva, sans-serif; }
button { cursor: pointer; }
i, em, cite { font-style: normal; }
body { background: #fff; color: #363636; line-height: 1.2; }
a{ color: #222;text-decoration: none;}
a:link {text-decoration: none; }
a:visited { color:#000}
a:active, a:hover { text-decoration: underline; }
a:focus { outline: none; }
.fixed:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.fixed { display: block; min-height: 1%; }
*html .fixed { height: 1%; }
.clear { diplay: block!important; float: none!important; clear: both; overflow: hidden; width: auto!important; height: 0!important; margin: 0 auto!important; padding: 0!important; font-size: 0; line-height: 0; }
.fltf{ float:left}
.fltr{ float:right}
.pic_more {color:#F00}
.pic_more a{color:#F00}
.mt5{ margin-top:5px; font-size:12px}
.mt5 td{ line-height:30px;}
.p5{ padding:8px 8px;}
.mt8{ margin-top:8px; clear:both}
a:active { text-decoration: none;}
.ptop{ padding-top:10px; padding-right:5px;}
/*** header ***/
.header { margin:auto; width:980px; height:102px; background:url(../images/header_bg.gif) repeat-x;}
.header .logo{ width:412px; margin:10px 10px 0 30px;float:left;}
.header .ss { width:250px; float:right;}
.header .ss p { float:right; margin:10px 10px 0 0; color:#666;}
/*** dh ***/
#foxmenucontainer{height:32px;margin:auto; border-left:1px solid #c7c7c7; border-right:1px solid #c7c7c7;  width:980px; background:url(../images/foxmenu_bg-OFF.gif) repeat-x;}
#foxmenu{position:relative;display:block;height:32px;font-size:11px;font-weight:bold;font-family:Arial,Verdana,Helvitica,sans-serif;}
#foxmenu ul{ margin-left:5px;padding:0;list-style-type:none;width:auto;}
#foxmenu ul li{display:block;float:left;margin:0px 0px; padding:0px 0px;}
#foxmenu ul li a{display:block;float:left;color:#373636;text-decoration:none; width:108px; line-height:32px; text-align:center;height:32px;}
#foxmenu .m {background:transparent url(../images/foxmenu_bg.gif) no-repeat top left;}

#foxmenu ul li a:hover{color:#373636;background:transparent url(../images/foxmenu_bg-OVER.gif) no-repeat top left;}
#foxmenu ul li a.current,#foxmenu ul li a.current:hover{color:#000;background:transparent url(../images/foxmenu_bg-OVER.gif) no-repeat top left; margin:0px 0px;}
/***flash**/
.js {
	POSITION: relative; WIDTH: 980px; HEIGHT:205px; 	margin:0 auto;
}
.jsNav {
	BACKGROUND: url(../images/jsNav.png) no-repeat; 
}
.prevBtn {
	BACKGROUND: url(../images/jsNav.png) no-repeat
}
.nextBtn {
	BACKGROUND: url(../images/jsNav.png) no-repeat
}
.imgSelected {
	BACKGROUND: url(../images/jsNav.png) no-repeat
}

*html .jsNav {
background:none; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.lanruidq.com/images/jsNav.png', sizingMethod='crop');}
*html .prevBtn {
background:none; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.lanruidq.com/images/jsNav.png', sizingMethod='crop');}
*html .nextBtn {
background:none; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.lanruidq.com/images/jsNav.png', sizingMethod='crop');}

*html .imgSelected {
background:none; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.lanruidq.com/images/jsNav.png', sizingMethod='crop');}

.jsNav {
	POSITION: absolute; WIDTH: 145px; BOTTOM: 10px;  FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 30px; RIGHT: 10px; FONT-WEIGHT: bold
}
.jsNav A {
	TEXT-ALIGN: center;color:#FFF; LINE-HEIGHT: 30px; margin-left:8px; WIDTH: 25px; FLOAT: left; VERTICAL-ALIGN: middle
}

.imgSelected {	BACKGROUND-POSITION: 1px -60px; COLOR: #dd0d0d}
.imgSelected a{ color:#FFF;text-decoration: none;}

/**左侧*/
#wap { margin:auto; width:980px; margin-top:8px;}
#wap .main_left { margin:auto; float:left; width:265px;}
#wap .main_left .top{ background:url(../images/main_top.gif) no-repeat #e9e9e9; height:8px;} 
#wap .main_left .bottom { background:url(../images/main_bot.gif) no-repeat; height:8px;}
#wap .main_left .left{ width:265px; float:left; background:url(../images/main_bj.gif) repeat-y; height:500px;}
#wap .main_left .left .search_box { background:url(../images/search_bg.gif) left top no-repeat; margin:6px 0 0 10px; width:190px; height:25px; overflow:hidden; float:left; }
#wap .main_left .left .search_bg { border:none; background:none; font-size:12px; width:190px; height:20px; line-height:20px; }
#wap .main_left .left .search_button { width:45px; height:23px; margin-left:8px; line-height:18px; float:left; margin-top:6px; background:url(../images/search.gif) left top; border:none; cursor:pointer; }
#wap .main_left .left .product_nav{ background:url(../images/product_bj.gif) repeat-x; margin-top:15px; float:left; width:265px; height:28px;}
#wap .main_left .left .product_con{ background:url(../images/product_bj.gif) repeat-x;  float:left; width:265px; height:28px;}


#wap .main_left .left .product_txt{ font-size:14px; color:#FFF; line-height:32px; background:url(../images/product_txt.gif) 5px center no-repeat; padding-left:20px; font-weight:bold}

#wap .main_left .left .product_list_con{ font:bold 16px/18px "microsoft yahei","微软雅黑"; color:#FFF; line-height:32px; background:url(../images/list_con.gif) center no-repeat; text-align:center;  font-weight:bold}

#wap .main_left .left .product_list{ text-align:left; margin-top:15px; float:left}
#wap .main_left .left .product_list ul li{ line-height:32px; width:255px; background:url(../images/product_list.gif) repeat-x bottom; float:left; }
#wap .main_left .left .product_list .txt{background:url(../images/product_listbj.gif) no-repeat 12px center;padding-left:20px;}
#wap .main_left .left .product_news_l{ text-align:left; margin-top:5px; float:left; color:#006190; font-weight:bold;}
#wap .main_left .left .product_news_l a{ color:#006190}

#wap .main_left .left .product_news_l a:hover { color:#F00}

#wap .main_left .left .product_news_l ul li{ line-height:32px; width:255px; background:url(../images/product_list.gif) repeat-x bottom; float:left; }
#wap .main_left .left .product_news_l .conn{background:url(../images/news_con.gif) no-repeat 12px center;padding-left:20px;}

#wap .main_left .left .track{ background:url(../images/kxtd.gif) no-repeat 15px center; float:left; font-size:14px; color:#007db9; font-weight:bold; padding-left:30px; margin-top:15px; width:235px;}
#wap .main_left .left .tracktxt{ background:url(../images/kxtdbj.gif) no-repeat center; width:265px; margin-top:8px; height:100px;}
#wap .main_left .left .tracktxt ul li{ float:left; line-height:45px; width:118px; text-align:center}
/*右侧代码*/
#wap .main_right{ margin:auto; float:right; width:708px;}
#wap .main_right .public{ background:url(../images/main_right_new.gif) repeat-x; width:350px; height:200px; float:left;}
#wap .main_right .public_x{ margin:5px; border-bottom:1px solid #dfdfe0; height:30px; line-height:30px;}
#wap .main_right .public_txt{ background:url(../images/news.gif) no-repeat 2px center; font-size:14px; font-weight:bold; padding-left:15px;}
#wap .main_right .news ul li{ background:url(../images/product_listbj.gif) no-repeat 8px center; padding-left:25px;  line-height:25px; border-bottom:1px dashed #CCC;}
#wap .main_right .public_gs{ line-height:26px; float:left; padding-right:3px;text-indent:2em;}
#wap .main_right .puimg{ border:1px solid #CCC; padding:2px 2px;float:left; margin:0px 5px;}
/*右侧代码--滚动*/
#wap .main_right .public_gd{ background:url(../images/product.gif) no-repeat; width:710px; margin-top:8px; height:24px;}

#wap .main_right .public_ul{ background:url(../images/product_bjlist.gif) repeat-x; height:163px; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;width:708px}


#wap .main_right .link{ background:url(../images/link.gif) no-repeat; width:710px; margin-top:8px; height:28px;}

#wap .main_right .linkul{ background:url(../images/product_bjlist.gif) repeat-x; height:68px; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6;width:708px}
#wap .main_right .linkul ul li{ float:left; margin-top:15px; margin-left:15px;}
*html #wap .main_right .linkul{ background:url(../images/product_bjlist.gif) repeat-x; height:80px; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6;width:708px}
*html #wap .main_right .linkul ul li{ float:left; margin-top:20px; margin-left:11px;}


#wap .main_right .linkfot{ background:url(../images/fotbj.gif) no-repeat; width:710px; height:8px;}

#wap .foot { width:980px; margin-top:5px; float:left;  background:url(../images/foot.gif) repeat-x; height:127px;}
#wap .foot .logo { margin-left:15px; margin-top:35px; float:left;}
#wap .foot .txt { margin-left:30px; margin-top:20px; float:left; width:760px; line-height:30px;}
/*当前位置*/

#wap .main_right .location{ width:700px; height:30px;background:url(../images/data.gif) no-repeat;  margin-left:8px; line-height:30px; text-align:left; color:#797979;}
#wap .main_right .location a{ color:#006190;}
#wap .data{ border-left:1px solid #dcdcdc; margin:auto; float:right; width:708px; }
#wap .data .current{ width:700px; height:30px;background:url(../images/data.gif) no-repeat bottom; margin-left:8px; line-height:30px;  text-align:left; color:#797979;}
#wap .data .text{ width:684px; height:auto;padding:8px 8px; font-size:14px;  margin-left:8px;  line-height:200%; text-align:left; color:#797979; }
#wap .data .list_f14d  {height:400px; }
#wap .data .list_f14d  ul li{ padding-left:10px; line-height:30px; font-size:14px; background:url(http://img1.cache.netease.com/edu/img/list09/bg06.gif) no-repeat left 10px;}
#wap .data .list_f14d  ul li span{ font-size:12px; color:#7f7f7f; float:right;}

#wap .data .pages{margin-top:30px; line-height:22px; text-align:center; padding-bottom:20px;}
#wap .data .pages a{ padding:3px 6px; color:#1f3a87; border:1px solid #ddd; background:#f0f4f5;}
#wap .data .pages a.active{ font-weight:bold; color:#fff; background:#1F3A87;}

#wap .data .text p{ text-indent:2em;}
#wap .data .curr{ width:700px;height:15px;background:url(../images/data.gif) no-repeat bottom; margin-left:8px; text-align:left; color:#797979;}
#wap .data .text .h1title{font:bold 16px/18px "microsoft yahei","微软雅黑"; color:#006190; line-height:45px; text-align:center;}
#wap .data .text .info{ border-bottom:1px dashed #CCC; text-align:center; margin-bottom:15px; line-height:30px;}


#wap .data .con{font:bold 16px/18px "microsoft yahei","微软雅黑"; color:#006190; padding-left:10px;}


<!--内容-->

/*产品列表&产品内容页*/
.product_index img {background-color: #FFFFFF; padding:1px; border: 1px solid #CCCCCC;}
.product_index{float:left;  border-bottom:#666 1px dotted; margin-bottom:10px; padding-bottom:5px; display:block; width:98%;}
.product_index img {float:left;  margin-right:10px;}
.product_index .pro_summarytxt{ float:left; width:64%; text-indent:0;}


#demo {margin-top:8px; margin-left:4px; 
background: ;
overflow:hidden;
margin-left:5px;
width:680px;
}
#demo img {padding:2px 2px; width:136px; height:116px;border:1px solid #d4d4d4;  margin-left:15px}

#demo p{ background:url(../images/Products_p.gif) no-repeat; margin-left:15px; margin-top:5px;  width:136px;line-height:30px;}
#demo a{ color:#000000}