﻿/********************************************************************************************↓全局样式↓*/
body{ font-size:12px; margin:0px; padding:0px;}
div,table,td,ul,li{ line-height:150%;padding:0px; margin:0px; text-decoration:none; word-break:break-all; font-family: "宋体";border-collapse:collapse; list-style:none; font-size:12px;}
p{ padding:0px; margin:0px; text-decoration:none; word-break:break-all;}
h1,h2,h3,h4,h5,h6{ font-size:12px; font-weight:400; margin:0px; padding:0px; line-height:150%; text-decoration:none;}
img{border:0px solid;}﻿
input,select,form{ margin:0px; padding:0px;}
a:link {color: #000000;text-decoration: none;}
a:visited {color: #000000;text-decoration: none;}
a:hover {color: #ff0000;text-decoration: none;}
a:active {color: #000000;text-decoration: none;}
.cboth{ clear:both; height:0px; font-size:0px;}
.changemodel{ text-decoration:underline; cursor:pointer;}
.changemodel:hover{ color:#FF3300!important}
#pageloading{ border:1px solid #666666; text-align:center; position:absolute; padding:5px 30px; background: #efefef;filter:Alpha(Opacity=80);-moz-opacity:0.80;opacity:0.80;}
#pageloading img{ vertical-align:middle; margin-right:5px;}
/*页面分页*/ 
#mypage{ padding:3px; margin:10px 0; text-align:center; clear:both;}
#mypage a{ border:1px solid #ccc; padding:3px 5px;text-decoration:none; margin:0 3px; word-break:keep-all; line-height:25px;}
#mypage a:hover{ text-decoration:none; background:#FF9900; color:#FFFFFF; word-break:keep-all;}
.page_no{ border:1px solid; padding:3px 5px; margin:0px;color:#bbb!important; word-break:keep-all;}
.page_no:hover{background:none!important; cursor: default!important;}
.page_on{ font-weight:bold; color:#FF0000!important;margin:0 2px; word-break:keep-all;}
/*页内分页*/
.onepage{ margin:10px; font-family:'宋体'; text-align:center; padding:5px; word-break:keep-all;}
.onepage a{ border:1px solid #ccc; padding:3px 5px;text-decoration:none; margin:0 3px; word-break:keep-all; line-height:25px;}
.onepage a:hover{ text-decoration:none; background:#FF9900; color:#FFFFFF; word-break:keep-all;}
.onepage_no{ border:1px solid; padding:3px 5px; margin:0px;color:#bbb!important; word-break:keep-all;}
.onepage_no:hover{background:none!important; cursor: default!important;}
.onepage_on{ font-weight:bold; color:#FF0000!important;margin:0 2px; word-break:keep-all;}
/********************************************************************************************↓产品多样式↓*/
/*切换模式*/
#pro_list{ margin-top:20px;}
.promodel{ float:right; font-size:16px;}
.promodel a{ margin:0 5px 0 2px;}
#pro_list div p{ text-align:center; padding:10px;}
/*
<ul>
	<h1 style="width:<%=w+6%>px; height:<%=h+6%>px; overflow:hidden;">
		<table><tr><td style="width:<%=w+6%>px; height:<%=h+6%>px;"><a href="?id=<%=rs("id")%>&classid=<%=rs("classid")%>"><img src="images/loading2.gif" onload="setimg(this,<%=w%>,<%=h%>,'images/propic/<%=getpic(rs("smallpic"),0)%>')" alt="<%=rs(thetitle)%>" /></a></td></tr></table>
	</h1>
	<h2>
		<span><b><%=text1%>：</b><a href="?id=<%=rs("id")%>&classid=<%=rs("classid")%>"><%=replace(rs(thetitle),oldt,newt)%></a></span>
		<h3>
			<b><%=text2%>：</b><a href="?classid=<%=rs("classid")%>"><%=classname%></a><br />
			<%if pro_click_io then%><b><%=text4%>：</b><%=rs("click")&text5%><br /><%end if%>
			<b><%=text3%>：</b><%=replace(rs(theabout),oldt,newt)%><br />		
		</h3>				
		<h4>			
			<p>市场价格：<span>￥<%=formatprice(rs("price1"))%></span></p>
			<p>本站价格：<span>￥<%=formatprice(rs("price2"))%></span></p>
			<p><%call shop_do(1,1,1,rs("id"))%></p>
		</h4>
	</h2>
	<i></i>
</ul>
*/
/*首页无分页模式*/
.pro_list0{ width:99%; text-align:left;}
.pro_list0 ul{ width:33%; float:left; text-align:center;}
.pro_list0 ul h1{ border:1px solid #ccc;}
.pro_list0 ul h2{ height:42px; display:block; overflow:hidden; padding-top:3px; width:80%;}
.pro_list0 ul h2 b{ display:none;}
/*模式一*/
.pro_list1{ width:99%; text-align:left;}
.pro_list1 ul{ width:33%; float:left; text-align:center;}
.pro_list1 ul h1{ border:1px solid #ccc;}
.pro_list1 ul h2{ height:42px; display:block; overflow:hidden; padding-top:3px; width:80%;}
.pro_list1 ul h2 b{ display:none;}
.pro_list1 ul h3{ display:none;}
.pro_list1 ul h4{ display:none;}
/*模式二*/
.pro_list2{ width:99%; text-align:left;}
.pro_list2 ul{ width:98%; float:left; text-align:left; border-bottom:1px solid #ccc; padding:10px 0; margin-left:20px}
.pro_list2 ul h1{ float:left; text-align:center;border:1px solid #efefef; margin-right:10px;}
.pro_list2 ul h2{ float:left;}
.pro_list2 ul i{ clear:both;}
.pro_list2 ul h4{display:none;}
/*模式三*/
.pro_list3{width:99%; text-align:left;}
.pro_list3 img{ vertical-align:middle;}
.pro_list3 ul{ text-align:left; padding-left:20px;}
.pro_list3 ul h1{ display:none;}
.pro_list3 ul h2 b{ display:none;}
.pro_list3 ul h2 span{ padding:5px; border-bottom:1px dashed #ccc; display:block}
.pro_list3 ul h2 span a{ background:url(../images/alz_listc.gif) no-repeat center left;padding-left:15px; }
.pro_list3 ul h2 h3{ display:none;}
.pro_list3 ul h2 h4{ display:none;}
/********************************************************************************************↓产品列表二级样式↓*/
#prolists img{ margin-right:5px; vertical-align:middle;}
.bigclass,.bigclass_on{ cursor:pointer; padding:5px 0 0 20px; height:22px; border-bottom:0px dashed #ccc; margin:0 3px;}
.bigclass_on a{ font-weight:bold;color:#FF0000!important}
.smallclass{ padding:0px;}
.smallclass_list,.smallclass_list_on{ padding:5px 0 0 22px; height:22px;}
.smallclass_list_on a{ font-weight:bold;color:#FF0000!important}
/********************************************************************************************↓产品滚动小图片↓*/
.roll{
	border:0px #efefef solid;
	text-align:center;
	margin:0 8px;
}
.roll_pic{border:1px #efefef solid; text-align:center; margin:auto;}
.roll_pic img{ margin:2px;}
.roll_text{	text-align:center; height:30px;}
/********************************************************************************************↓产品小图片↓*/
.pro_pic{
	border:1px #efefef solid;
	overflow:hidden;
	text-align:center;
	position:relative;
	margin:auto;
}
.pro_pic p{ +position:absolute;top:50%;}
.pro_pic p img{ +position:relative;top:-50%;left:-50%;}
.pro_text{ text-align:center; margin:5px auto; height:38px; overflow:hidden;}
.pro_mode2{ padding:15px 0; float:left; border-bottom:1px solid #efefef;}
.pro_text2{ float:left; text-align:left; padding:0 10px; line-height:25px;}
.pro_text3{ border-bottom:1px dashed #ccc; padding:10px; text-align:left;}
/********************************************************************************************↓产品大图片↓及产品详细资料*/
#pro_desc{ width:98%; margin:auto;}
#pro_desc input{ margin:10px;}
.pro_bigpic{ margin:10px auto;text-align:center; cursor:pointer; width:40%; height:300px; float:left; border:1px solid #efefef; padding:10px 0; position:relative; overflow:hidden;}
.pro_bigpic td{ width:100%; height:300px;}

.big_titles{ float:left; text-align:left; margin-left:10px;}
.big_titles h1{ font-weight:bold; clear:both;}
.big_titles h2{ color:#666;}
.big_title{ background:#efefef; padding:5px; text-align:center; margin:10px auto;} 
.big_title b{ font-size:14px; margin:0 10px;}
.pro_desc{ padding:5px 10px; text-align:left;}
.pro_page{text-align:center; margin:10px; clear:left; text-align:left;}
/*多产品图片展示*/
.pro_pics{ position:absolute; bottom:1px; left:2px;}
.pro_pics img{ height:30px; width:30px; border:1px solid #ccc; cursor:pointer;}

/*产品展示处样式
.ListTitles{ text-align:center;width:96%;border:0px solid red;cursor:pointer; margin:20px auto 0 auto;}
.linkon,.linkoff {width:100px; float:left; border:1px solid #ccc; border-bottom:0px solid; height:25px; line-height:25px;}
.linkon{ background:#efefef; color:#000}
.ContentBodyContent{ word-break:break-all; width:96%; height:100px; text-align:left; border-top:1px solid #ccc; padding:5px 10px; margin:auto}
/********************************************************************************************↓产品详细资料导航↓*/
/*#pro_dh{ border:1px solid #cccccc; margin:10px; padding:3px 0; background:#fff; text-align:center; width:70px;}
.pro_dhlist,.pro_dhlist_on{ border:1px solid #cccccc; margin:3px; height:40px; width:60px;overflow:hidden;cursor:pointer;}
.pro_dhlist img{filter:Alpha(Opacity=28);-moz-opacity:0.28;opacity:0.28;}
.pro_dhlist_on{ border:1px solid #FF0000;}
.pro_dh_pre,.pro_dh_next{border:1px solid #cccccc; margin:auto; height:20px; width:60px; cursor:pointer}
.pro_dh_pre_on,.pro_dh_next_on{border:1px solid #ff0000; margin:auto; height:20px; width:60px; cursor:pointer;}
.pro_dh_pre{ background:url(../images/pre.gif) center center no-repeat;filter: Alpha(Opacity=50);-moz-opacity:0.50;opacity:0.50;}
.pro_dh_next{ background:url(../images/next.gif) center center no-repeat;filter: Alpha(Opacity=50);-moz-opacity:0.50;opacity:0.50;}
.pro_dh_pre_on{ background:url(../images/pre.gif) center center no-repeat;}
.pro_dh_next_on{ background:url(../images/next.gif) center center no-repeat;}*/

#pro_dh{ border:1px solid #cccccc; margin:10px 0; float:left; display:inline; text-align:center;}
.pro_dhlist,.pro_dhlist_on{ border:1px solid #ccc;margin:3px 2px; height:40px;width:60px;overflow:hidden;cursor:pointer;float:left;display:inline;}
.pro_dhlist img{filter:Alpha(Opacity=28);-moz-opacity:0.28;opacity:0.28;}
.pro_dhlist_on{ border:1px solid #FF0000;}
.pro_dh_pre,.pro_dh_next{border:1px solid #ccc; margin:3px; height:40px; width:20px; cursor:pointer;float:left;display:inline;}
.pro_dh_pre_on,.pro_dh_next_on{border:1px solid #ff0000;height:40px; width:20px; cursor:pointer; float:left; display:inline;}
.pro_dh_pre{ background:url(../images/pre1.gif) center no-repeat;filter:Alpha(Opacity=50);-moz-opacity:0.50;opacity:0.50;}
.pro_dh_next{ background:url(../images/next1.gif) center no-repeat;filter:Alpha(Opacity=50);-moz-opacity:0.50;opacity:0.50;}
.pro_dh_pre_on{ background:url(../images/pre1.gif) center no-repeat;margin:3px; }
.pro_dh_next_on{ background:url(../images/next1.gif) center no-repeat;margin:3px; }
/********************************************************************************************↓新闻列表样式↓*/
.newslist{ margin:10px; padding:0px; clear:both;}
.newslist li{ margin:5px; list-style:none; padding:3px; border-bottom:1px #ccc dashed;}
.newslist li a{ background:url(../images/alz_listc.gif) center left no-repeat; padding-left:15px; margin-left:5px;}
.newslist li span{float:right; margin-right:5px; color:#666;}	/*span时间*/
.newslist li h1{ display:none;}	/*h1简介*/
.newslist li h2{ display:none;}	/*h2标签*/
.newslist2{ margin:10px; padding:0px; clear:both;}
.newslist2 li{ margin:5px; list-style:none; padding:3px; border-bottom:1px #ccc dashed;}
.newslist2 li a{ background:url(../images/alz_listc.gif) center left no-repeat; padding-left:15px; margin-left:5px; font-weight:bold; color:#333333;}
.newslist2 li span{float:right; margin-right:5px; color:#666;}	/*span时间*/
.newslist2 li h1{ color:#666; margin-left:20px;}	/*h1简介*/
.newslist2 li h2{ color:#800000;margin-left:20px;}	/*h2标签*/
.newslist2 li h2 a{ background:none!important; padding:0px!important; text-decoration:underline!important; font-weight:400; margin:0 3px!important;}
.newslist2 li u{ color:#ff3300; margin:0 1px; text-decoration:blink}


.topnewslist i{ clear:both;}
.topnewslist img{ margin-right:5px;}
.topnewslist li{ margin:0px; list-style:none; height:20px; line-height:20px; overflow:hidden;}
.topnewslist li span{float:right; margin-right:2px; color:#666;}

.readnews{ border:1px solid red;}
.readnewstitle{font-size:16px; filter: shadow(color=#eeeeee,direction=150); color: #d00000; letter-spacing:2px; text-align:center; margin:10px; font-weight:bold;}
.readnewstop{border-top:1px #ccc solid; border-bottom:1px #ccc solid; text-align:right; padding:5px 0}
.readnewstop li{ display:inline; list-style:none; margin:0px 5px;}
.readnewstop li span{ cursor:pointer; margin:0 3px;}
.readnewstop li b{ color:red; margin:0 5px; font-weight:400}
.readnewspic{ text-align:center; margin:10px;}
.readnewspic h1{ padding:5px 0;}
#newscontent{ margin:10px;}
.readnewsback{ text-align:center; margin:10px;}
.newsreadtag{ color:#800000;margin:10px;}
.newsreadtag a{ background:none;text-decoration:underline!important; font-weight:400; margin:0 3px;}
.newsreadGuid{ margin:10px;}
/********************************************************************************************↓其它样式↓*/
.jobborder{ width:98%;}
.jobborder,.jobborder td{ border:1px solid #efefef; padding:8px; text-align:center;}
.jobborder_view,.jobborder_view td{ border:0px solid; border-bottom:1px dashed #efefef; text-align:left; padding:3px 5px;}
.jobborder_a,.jobborder_a td{ border-bottom:1px dashed #efefef;}
.jobborder_a input{ height:20px; margin-left:3px;}
/********************************************************************************************/
#mesinput input,select{ margin:3px;}
#download { width:100%; border:1px #efefef solid;}
#download td{ text-align:center;border:1px #efefef solid;}
.order_td{ text-align:right; height:28px; width:25%}
.order_td span{ color:#ff0000; margin-right:5px;}
/********************************************************************************************/
.feedback{ border:1px #efefef solid;margin:10px auto; width:98%; text-align:center;}
.feedbackhead{ text-align:center; width:150px;}
.feedback img{ vertical-align:middle;}
.feedback li{ float:left;}
.feedback i{ clear:both; font-size:0px; height:0px;}
.feedback li h1{ text-align:right; padding:5px; background:#efefef;}
.feedback li h1 span{ float:left;}
.feedback li h1 span b{ margin:0 3px; color:red; font-weight:400;}
.feedback li h2{ padding:5px 10px; text-align:left;}
.feedback li h2 span{ color:#CCCCCC; float:right; padding:0 10px;}
.feedback li h3{border:1px solid #efefef; margin:10px; padding:3px; clear:both; text-align:left;}
.feedback li h3 span{ color:#CCCCCC; float:right; padding:0 10px;}
.feedback li h3 b{ color:red; font-weight:400;}

.mes_list{ padding:3px 3px; border-bottom:0px solid;}
.mes_list select{ margin:0}
.mes_list span{ width:150px; float:left; text-align:right; }
.mes_list b{ font-weight:400; color:red;}
/********************************************************************************************/
.mycomment{margin:auto; margin-bottom:20px; border:1px solid #efefef; width:96%; text-align:center; padding:5px;}
.mycomment td{ text-align:left;}
.mycomment1{ width:100%; border:1px solid #eeeeee; margin:auto; margin-bottom:10px;}
.mycomment1 td{ padding:5px 10px;}
.mycomment2{ width:100%; border:1px solid #eeeeee; margin:auto; margin-bottom:10px;padding:5px 0px; text-align:left}

.mycomment3{ width:100%; border:1px solid #eeeeee; margin:auto;}
.mycomment3 table{ width:98%; margin:10px;}
.mycomment3 table td{ padding:3px 0px; padding-left:10px;}
.mycomment3 table td u{ color:red; text-decoration:none; margin-right:3px;}
.nothing{ text-align:center; border:1px solid #efefef; padding:5px; margin:auto; margin-bottom:5px;}
/********************************************************************************************/
#linkleft{overflow:hidden;}
#linkleft img{ height:32px; margin:0 3px;}

#linkup{overflow:hidden;}
#linkup td{padding:3px 0; text-align:center}
#linkup td img{margin:2px 0;background:#FFFFFF;}
/********************************************************************************************/
.changeshowstr{ cursor:pointer; text-decoration:underline; margin-right:25px; float:right; clear:both;}
