@charset "utf-8";
/* CSS Document */

 *{ margin:0; padding:0;}
     body{ margin:0; padding:0; background:url(../images/021.jpg) repeat-x;font:12px "新宋体";}
     ul,li{margin:0;padding:0;list-style:none;}
     a{margin:0; text-decoration:none; border:0 none; color:#000;}
	 h2{ margin:0; padding:0; border:0; background:#FAFAFA; font-family:Arial, Helvetica, sans-serif,"新宋体"}
	 
	 /** 页头 **/
	 .header{ margin:0 auto; width:980px; height:110px;}
	 .header_1{ width:980px; /*height:20px;*/}
	 .top{ width:260px; height:24px;margin:0 0 0 740px; line-height:24px;}
	 .top a{ display:block; float:left; padding:0 10px 0 10px;}
	 .top a:hover{ color:#D20000;}
	 
	 /**logo**/
	 .logo{ margin:10px 0 0 0; display:block; float:left; width:486px; height:75px;}
	 
	 .mian{margin:10px 0 0 220px; height:75px; display:block; float:left;}
     /** 搜索栏 **/
     .sousuo { margin-left:20px; height:28px;margin-bottom: 5px; display:block; float:left;margin:12px 0 0 0; }
     .sousuo form {height: 28px; padding:0; margin:0;}
     .sousuo form input{ padding:0; margin:0;}
     .sousuo form #title {background: url(../images/002.jpg) no-repeat;height: 21px;display:block;width: 166px;border:0;float: left;
	padding-left: 10px;padding-top: 7px;}
     .sousuo form #Submit {background: url(../images/003.jpg) no-repeat;height: 28px;width:51px;border:0;float: left; line-height:24px; cursor:pointer;} 
	 
	/** 导航 **/
	 .nav{ width:100%; height:38px; background:url(../images/30.jpg) repeat-x;}
	 .nav_1{ margin:0 auto; width:980px; height:38px}

	 
 


	 /** 幻灯片 **/
	 .flash{ margin:6px auto 0; width:980px; height:386px;}
	 
	 /** 内容 **/
	 .content{ margin:10px auto 0; width:980px; overflow:hidden;}
	 .left{ width:210px; height:636+210px; display:block; float:left;}
	 .right{ width:750px; height:636px; display:block; float:right;}
	 
	 /** 产品分类 **/
	 .classify{ width:210px; height: auto;}
	 .classify_1{width:210px; height:30px;}
	
	 .classify a:hover{color:#D20000;}
	 
	 /** 新闻 **/
	 .news{ margin-top:10px; width:210px; height:160px; float:left;}
	 .news_1{width:210px; height:30px;}
	 .news li{border-bottom:1px dashed #CCCCCC; line-height:25px; padding-left:10px;}
	 .news a:hover{ color:#D20000;}

     /** 页脚 **/
	 .foot{ margin:10px auto 0; width:980px; height:382px;}
	 .foot_1{ width:980px; height:80px;}
	 .foot_1 a{ display:block; float:left; padding:0 0 0 2px;}
	 /*new_add*/
	 .foot_1 li{ display:inline; float:left;}
	 .pr20{padding-right:18px;}
	 .pr6{padding-right:6px;}
	 
	 .foot_2{margin:10px auto 0;width:978px; height:193px; background:url(../images/023.jpg) repeat-x; border-left:1px solid #dddddd;border-right:1px solid #dddddd;}
	 .foot_2_1{ margin:0 auto; padding:10px 0 0 40px; width:950px; height:175px;}
	 .foot_2_1 li{ margin:0 55px 0 10px; width:169px; height:175px; float:left; display:inline;}
	 .foot_2_1 p{ padding:0 0 0 20px; line-height:20px; background:url(../images/020.jpg) no-repeat; border-bottom:1px dashed #CCCCCC;}
	 .foot_2_1 a:hover{ color:#D20000;}
	 .foot_3{ margin:10px 0 0 0; width:980px; height:34px; border-bottom:2px solid #cccccc;}
	 .foot_3 a{ display:block; float:left; margin-top:10px; padding:0 15px 0 15px; border-right:1px solid #000;}
	 .foot_3 a:hover{ color:#D20000;}
	 .foot_4{ margin:10px 0 0 0; width:680px; height:30px; display:block; float:left;}
	 .foot_4 p{ line-height:16px;}
	 .foot_5{display:block; float:right;}
	 .foot_5 a:hover{ color:#d20000;}
.web_bottom{
	float:left;
	width:100%;
	min-height:120px;
	margin:0px auto;
	background:url(../image/web_bottom.jpg) repeat-x top;
}

.bottom{ width:980px; min-height:98px; margin:0px auto; }
.bottom_content{
	line-height:22px;
	padding:20px 0px 0px 0px;
	text-align:center;
	color: #666666;
}
.bottom_content a:hover{ color:#FF0000; }

/* Powered by */
a.www_mac21cn_com{ font-family:"微软雅黑", "宋体", Arial; }
a.www_mac21cn_com:hover{ color:#FF0000; }
	 
	 /** about **/
	 .about{ width:750px; overflow:hidden; display:block; float:right;}
	 .about_1{width:750px; height:255px; margin:0; padding:0;}
	 .about_2{ margin:10px 0 0 0 ;width:748px; overflow:hidden; border:1px solid #CCC; clear:both; }
	 .about_2_1 { width:748px; height:30px;  background:url(../images/024.jpg) no-repeat;}
	 .about_2_2{ font-size:14px; color:#FFF; padding:10px 0 0 40px;}
	 .about_2_2 a{color:#FFF;}

	 /** productlist **/
     .productlist{ width:748px; overflow:hidden;}
	 .productlist li{ width:177px; display:block; float:left; margin:20px 0 0 8px; height:300px;}
	 .productlist img{border:1px solid #CCC; width:175px; height:175px;}
	 .productlist p{ line-height:20px; padding-left:5px;}
     .productlist a{ display:block; float:left; color:#D20000;}
	 .newslistbot{ margin:10px 0 0 0;}
	 
	 /** product **/
	 .product{margin:10px auto 0; width:680px; overflow:hidden;}
	 .biaot{ text-align:center; color:#D20000; font:14px "微软雅黑"; }
	 .times{margin:10px 0 0 0;text-align:center;}
	 .proinfoimg{ margin:10px auto 0; width:422px; height:354px;}
	 .product_2{ margin:20px 0 0 0; width:680px ; overflow:hidden;}
	 .next{margin:10px 0 0 0; line-height:20px;}
	 
	 /** newslist **/
	 .newslist{ margin:10px auto 0; width:680px; overflow:hidden;}
	 .newslist li{ line-height:28px; border-bottom:1px dashed #CCCCCC;}
	 
	 /** new **/
	 .new{margin:10px auto 0; width:680px; overflow:hidden; line-height:28px;}
	 
	 /** about_3 **/
	 .about_3{margin:10px auto 0; width:680px; overflow:hidden;}
	 
	 /** search **/
	 .search{margin:10px auto 0; width:680px; overflow:hidden; line-height:28px;}
	 
	 /** left_1 **/
	 .left_1{ margin-bottom:10px; width:208; height:229px; border:1px solid #CCC; background:url(../images/029.jpg) no-repeat;}
	 .left_1_1{ width:178px; height:26px; padding:4px 0 0 30px; color:#FFF; font:14px "微软雅黑";}
	 .left_1 li{ line-height:28px; margin:0 15px 0 15px; border-bottom:1px dashed #CCCCCC;}
	 .left_1 a:hover{ color:#D90000;}
	  
	 /** 留言板 **/
	 #faqbox{margin:10px auto 0; width:680px; overflow:hidden; height:auto;}
	 .jishu{width:680px; height:500px;}
	 .jishu tr{margin:0px 0 0 0;}
	 .jishu tr td{padding:2px;}
	 
	 textarea{ border:1px #ccc solid; width:400px; height:80px;padding:4px;}
     .submit{margin-left:500px; border-style:none; width:60px; height:20px; background:#999;}
	 .submit:hover{color:#FFF; background:#F00;}
	 
	 /** 放大镜 **/
	 .zoomPan{width:422px;position:relative; margin:0 auto;}
.sh{zoom:1;background:#eee;filter:progid:DXImageTransform.Microsoft.dropShadow(color='#54000000', OffX=2,OffY=2);-webkit-box-shadow:4px 4px 4px #666;-moz-box-shadow:4px 4px 4px #666;}
#zoom{position:absolute;width:200px;height:200px;border:3px solid #fff;left:-9999px;top:0;overflow:hidden;background:#fff;}
#zoom img{position:relative;}




/**********导航栏**************/
* { padding:0; margin:0; } 
#navigation, #navigation li ul { list-style-type:none;} 
#navigation{ width:980px; height:38px;} 
#navigation li { display:inline; float:left; text-align:center; position:relative;width:122px;height:38px;line-height:38px; background: url(../images/004.jpg);font-size:14px;}
#navigation a:link,#navigation a:visited{ color:#FFF;}
#navigation li:hover{ /*color:#fff; background:#D90000;*/}
#navigation li ul { display:none; position:absolute; top:36px; left:0;margin-top:1px; font-size:12px;} 
#navigation li ul li{display:block; text-decoration:none; color:#FFF; width:122px; height:30px; line-height:30px; background: url(../images/200.png); font-size:12px;}
#navigation li ul li:hover { background:url(../images/200.png);} 
#navigation li ul li a:hover {color:#D90000;}



/****技术支持*****/
#gbooklist {
	width: 98%;
	text-align:center;
}
#gbooklist .faq  ,
#gbooklist .reply
{
	text-align:left;
	width: 98%;
	word-wrap: break-word; 
	word-break: break-all;
}
#gbooklist .faq{
	margin-bottom:15px;
}
#gbooklist .faqtit,
#gbooklist .faqcon
{
padding-left:5px;
}

#gbooklist .faqtit{
background:#A8DFFA;
color:#0B3779;
font-size:14px;
}

#gbooklist .reply{
	border: 1px dashed #FF0000;
	width:95%;
	margin-bottom:10px;
	margin-left:5px;
	padding:3px;
}
.pageNavi{border:none;}
/* CSS Document */
#faqbox {}
#faqbox .faqline{ line-height:2em;  text-align:left}
#faqbox .faqline .faqtit{  width:100px; display:block; float:left; clear:both; text-align:right}
#faqbox .Content{ line-height:2em; height:120px; text-align:left}
#faqbox .Content  .faqtit{  width:70px; display:block; float:left; clear:both; text-align:right}
#faqbox .Content textarea { height:100px;}
#faqbox p a{text-decoration:underline;}
#faqbox p a:hover{color:#F00;}







/** 选项卡 **/
.box{ width:750px; height:580px;}
.Menubox{width:750px;height:32px;background: url(../images/022.jpg) no-repeat;line-height:32px;}
.Menubox li{float:left;display:block;cursor:pointer;width:105px;text-align:center;color:#000;font-size:14px;}
.Menubox li.hover{background: url(../images/010.jpg) no-repeat;;width:105px;color:#fff;height:32px;line-height:32px;font-size:14px;}
.Menubox li.out{border-top:1px #999999 solid;}

.Contentbox{width:748px;clear:both;border:1px solid #999999; height:645px; }

  #con_two_1 li{  width:177px; display:block; float:left; margin:20px 0 0 8px;}
  #con_two_1 img{border:1px solid #CCC; width:175px; height:175px;}
  #con_two_1 p{ line-height:20px; padding-left:5px;}
  #con_two_1 a{ display:block; float:left; color:#D20000;}
  
  #con_two_2 li{display:block; float:left; margin:20px 0 0 8px; width:177px;}
  #con_two_2 img{border:1px solid #CCC; width:175px; height:175px;}
  #con_two_2 p{ line-height:20px; padding-left:5px;}
  #con_two_2 a{ display:block; float:left; color:#D20000;}
  
  #con_two_3 li{display:block; float:left; margin:20px 0 0 8px; width:177px;}
  #con_two_3 img{border:1px solid #CCC; width:175px; height:175px;}
  #con_two_3 p{ line-height:20px; padding-left:5px;}
  #con_two_3 a{ display:block; float:left; color:#D20000;}
  
  #con_two_4 li{display:block; float:left; margin:20px 0 0 8px; width:177px;}
  #con_two_4 img{border:1px solid #CCC; width:175px; height:175px;}
  #con_two_4 p{ line-height:20px; padding-left:5px;}
  #con_two_4 a{ display:block; float:left; color:#D20000;}
  
  #con_two_5 li{display:block; float:left; margin:20px 0 0 8px; width:177px;}
  #con_two_5 img{border:1px solid #CCC; width:175px; height:175px;}
  #con_two_5 p{ line-height:20px; padding-left:5px;}
  #con_two_5 a{ display:block; float:left; color:#D20000;}
  
  #con_two_6 li{display:block; float:left; margin:20px 0 0 8px; width:177px;}
  #con_two_6 img{border:1px solid #CCC; width:175px; height:175px;}
  #con_two_6 p{ line-height:20px; padding-left:5px;}
  #con_two_6 a{ display:block; float:left; color:#D20000;}
  
  #con_two_7 li{display:block; float:left; margin:20px 0 0 8px; width:177px;}
  #con_two_7 img{border:1px solid #CCC; width:175px; height:175px;}
  #con_two_7 p{ line-height:20px; padding-left:5px;}
  #con_two_7 a{ display:block; float:left; color:#D20000;}


/*产品单页特效*/
.tabBox{width:680px;}
.tabTag{height:25px;border-bottom:3px solid #cccccc;list-style:none}
.tabTag li{float:left;line-height:25px; width:50px; height:25px;padding:0 18px;margin-right:5px;background: url(../images/027.jpg) no-repeat;font-size:12px;}
.tabTag li.active{ background:url(../images/026.jpg) no-repeat; color:#fff;position:relative;top:1px;}
.tabCon{width:680px; overflow:hidden;}
.tCon{display:none; width:680px; margin:10px auto 0; line-height:28px; font-size:12px;}


/*fold*/


.rolinList{ width:210px; height:auto; margin:0 auto; text-align:left;}
.rolinList li{margin-bottom:2px;/*border:1px solid #DADADA;*/}
/*.rolinList li h2{ width:173px; height:30px; font-size:14px; line-height:30px; padding-left:35px; color:#333; }
.rolinList li h2{ cursor:pointer;}*/
.conten{ overflow:hidden;}
.conten p{ /*margin:12px;*/ font:"宋体"; background:#f5f5f5; padding:6px 0 6px 40px; margin:2px 0;border:1px #eee solid;}
.conten a:hover{ color:#D90000;  }

.left_menu{ background:url(../images/007.jpg) no-repeat; height:31px; width:170px; font-size:12px; font-weight:normal; line-height:31px; padding-left:40px; cursor:pointer;}


/*op3*/
*{
	margin:0px;
	padding:0px;
	list-style:none;
}
.main{
	width:680px; overflow:hidden; float:left;display:inline;}
.main .menu{
	width:680px;
	height:33px;
	overflow:hidden;
	float:left;
}
.main .menu li{
	width:86px;
	height:25px;
	line-height:25px;
	overflow:hidden;
	text-align:center;
	float:left;
	margin:1px 0 0 5px;
	background: url(../images/027.jpg) no-repeat;
	color:#000;
	cursor:pointer;
	font-size:12px;
}
.main .menu .hover{
	background: url(../images/026.jpg) no-repeat;
	color:#FFF;
}
.main .content{
	width:680px;
	height:266px;
	overflow:hidden;
	float:left;
	margin:1px;
	display:inline;

}
.main .conten div{
	width:680px;
	overflow:hidden;
	line-height:24px;
}


/****/
.nr_text{ font-size:14px; line-height:26px; color:#333;}










/******/
.column_l, .column_m, column_r{ float:left; overflow:hidden;}
.column_m{ width:520px; overflow:hidden; margin-top:20px;}
.column_m .bt{ height:19px; background:url(../images/title1.jpg) no-repeat 0 0; text-indent:-1000px;}
.list_wrap .column_m{  width:760px; float:right; padding-right:20px;}
.list_wrap .column_m .bt{ height:27px; line-height:20px; background:url(../images/title792.jpg) no-repeat 0 0; text-indent:0; position:relative;}
.list_wrap .column_m .bt h4{ font-size:14px; color:#09731A; padding-left:20px;}
.list_wrap .column_m .bt span{ position:absolute; right:0; top:0;}
.list_wrap .column_m .nr ul{ padding-top:20px;}
.list_wrap .column_m .nr li{ padding-left:20px; margin-top:10px; height:30px; position:relative; background:url(../images/line.jpg) no-repeat 0 bottom;}
.list_wrap .column_m .nr li a:hover{ color:#FFA605; text-decoration:underline;}
.list_wrap .column_m .nr li span{ position:absolute; right:0; top:0; color:#999;}




/*********/
.control{float:right;}
.taboooo{width:680px; margin:0 auto; padding-bottom:10px;}
.jqzoom{width:350px;}
#spec-n5{width:350px;}
/**修改**/

.img{ width:680px; float:left;}
.img .one{ float:right; width:310px;}

.tu{padding-top:10px;}
.tu1{float:left; }
.tu2{float:right; }
.recommend{padding-top:10px;}
.recommendtitle{background:url(../images/news_2.png) no-repeat; color:#FFF; width:82px; height:35px; padding:5px 0 0 15px; font-size:14px;}

/**订购表格修改**/
.table_message{width:715px;}
.table_message ul{list-style:none; width:715px;}
.first{background:#CCC; color:#666; text-align:center; padding:10px;}
.table_message ul li{width:80%; border-bottom:dotted 1px #CCCCCC; padding:10px; font-size:12px;}
.table_message input{border:#ccc 1px solid;}
.table_message textarea{width:485px; height:100px; border:solid #CCCCCC 1px;}
.table_message .tijiao,.table_message .chongzhi{width:80px;}

/* my_pages  */
.my_pages {padding:5px 0 0 0; text-align:center; margin:5px auto;line-height:30px;clear:both !important;}
.my_pages ul {text-align:center;list-style:none;}
.my_pages ul li {list-style:none;text-align:center;height:24px;display:inline; margin:0 2px; padding:0; overflow:hidden; white-space:nowrap;font-size:13px;}
.my_pages ul li a {border: 1px solid #E9E9E9; color: #555;display: inline;height:24px; overflow:hidden;padding:6px 10px;margin:0;}
.my_pages ul li a:hover {border: 1px solid #D81B21;color: #fff; background:#D81B21;height:24px;overflow:hidden;text-decoration: none; cursor:pointer;}
.my_pages ul li.thisclass, .my_pages ul li.thisclass a, .pagebox ul li.thisclass a:hover {background-color: #D81B21;height:24px;overflow:hidden; color:#fff;font-weight: bold;}
.my_pages .pageinfo {color: #999;padding:0 3px 0 3px;height:24px;}
.my_pages .pageinfo strong {color: #333;font-weight: normal;margin: 0 0;height:24px;}