@import url(/css/main.css);

#bg{ background:url(/images/bg.jpg) ; height:153px; border-top:1px solid #DE0112}
#top_bg{ height:115px; padding-top:3px}
#menu h2{ font-size:14px; font-weight:bold; float:left; width:99px; height:35px; line-height: 35px; color:#FFF; text-align:center; background:url(/images/menu_line.jpg) left center no-repeat; overflow:hidden}
#menu a:LINK,#menu a:visited{ color:#FFF}
#menu a:hover{ color:#FF0; text-decoration:none}

#hot_keyword{ height:33px; line-height:33px; background:url(/images/bg1.jpg) repeat-y;}
.wd220{ width:220px}
.wd220 em{ padding-top:7px}

.wd770{ width:770px}
.wd768{ width:768px}
.wd325{ width:325px}

.wd220 h2{ background:url(/images/bg_s.png); height:30px; line-height:30px; padding-left:15px; color:#FFF; font-size:14px}
.wd220 h4,.h4_title{ border-left:5px solid #ee0013; background:url(/images/bg_s.png); padding-left:10px; height:30px; line-height:30px; background-position:0 -60px; color:#000; font-size:14px}
#left_contact{ background:url(/images/contact.jpg) right bottom no-repeat; line-height:180%}
#catelist{ background-color:#f2f2f2;}
#catelist h3{ padding-left:25px;  line-height:30px; font-weight:bold; height:30px; background:url(/images/bg_s.png) no-repeat; background-position:0px -30px;background-color:#c5c5c5; font-size:12px}
#catelist ul{ padding:0 25px;}
#catelist ul li{ height:33px; line-height:33px; border-bottom:1px  dashed #CCC}
.border{ border:1px solid #cccccc}
.border_new{ border:1px solid #cccccc;border-top:3px solid #df0011;}
.border_new1{ border:1px solid #cccccc;}
.h3_title{ font-size:14px; background:url(/images/bg_s.png) ; height:27px; line-height:27px; background-position:0 -60px}
.h3_title li{ float:left; width:90px; height:27px; line-height:27px;color:#000; margin-right:15px; text-align:center; }
.h3_title .li_over{ background-color:#df0011; color:#FFF}
.h3_title .li_over120{ width:120px; background-color:#df0011; color:#FFF}

.h3_title em{  padding:7px 10px 0 0}
.wd768 h3 em{ padding:7px 10px 0 0}
.wd768 h3 .h3_left,#link .h3_left{  float:left; height:30px; line-height:30px; margin-left:10px; padding-left:15px; background:url(/images/bg_s.png) no-repeat; background-position:0 -90px}

#plist li{ float:left; width:216px; display:inline; margin:0 16px; line-height:25px; padding-bottom:10px; color:#555}
#plist li span{ border:1px solid #CCC; padding:2px; width:210px; height:210px; overflow:hidden;display:table-cell; vertical-align:middle; text-align:center; *display:block; *font-size:182px; *font-family:Arial}
#plist li img{  max-width:210px; max-height:210px; width: expression(this.width > 210 ? '210px': true);height: expression(this.height > 210 ? '210px': true)}

#Product_News li{ float:left; width:370px; padding:3px 0; overflow:hidden; height:20px}


#cert li{ float:left; width:216px; display:inline; margin:0 16px; line-height:25px; padding-bottom:10px; color:#555; text-align:center}
#cert li span{ border:1px solid #CCC; padding:2px; width:210px; height:210px; overflow:hidden;display:table-cell; vertical-align:middle; text-align:center; *display:block; *font-size:182px; *font-family:Arial}
#cert li img{  max-width:210px; max-height:210px; width: expression(this.width > 210 ? '210px': true);height: expression(this.height > 210 ? '210px': true)}

#about_news li,.news_index_list li{ line-height:25px; height:25px; float:left; width:350px;background:url(/images/bg_s.png) no-repeat; background-position:0 -125px; padding-left:15px}
.news_index_list li{width:300px;}
.news_index_list li em{ color:#666}
/*在线留言*/
#right_1 h2{ height:28px; line-height:28px; border-top:3px solid #df0011; font-size:14px; padding-left:20px;background:url(/images/bg_s.png);background-position:0 -60px}
#right_1_cnt { background:url(/images/mm.gif) right bottom no-repeat;}
#right_1_cnt h3{font-size: 18px;
color: #649c13;
padding: 8px 0 0 0;
height: 30px;
line-height: 30px;
font-family: "微软雅黑";
font-weight: normal;}
#right_1_cnt p{
	font-size: 14px;
font-family: "微软雅黑";
height: 25px;
line-height: 25px;}
#right_1_cnt h4 {
font-size: 21px;
color: #FF6600;
font-family: "微软雅黑";
font-weight: normal;
height: 34px;
line-height: 34px;
}
.btn_reset{ border:0px; background:url(/images/ret.jpg); width:91px; height:35px; }

/*对于我们*/
#left_about h3{ padding-left:25px;  line-height:30px; font-weight:bold; height:30px; background:url(/images/bg_s.png) no-repeat; background-position:0px -30px;background-color:#DDD; font-size:12px; border-bottom:1px dashed #FFF}
.page_nav{ line-height:27px; height:27px; font-size:14px;  background:url(/images/bg_s.png) ; background-position:0 -60px}
.page_nav strong,.page_nav1 strong{float:left; display:inline-block; padding:0 20px; height:27px; line-height:27px;background-color:#df0011; color:#FFF}
.page_nav em img,.page_nav1 em img{ padding:7px 0px 0 0}
.page_nav1{ line-height:27px; height:27px; font-size:14px;  background:url(/images/bg_s.png) ; background-position:0 -60px;border-top:3px solid #df0011;}


#btm_menu{ background-color:#df0011; color: #FFF; line-height:35px; height:35px; text-align:center}
#btm_menu a{ color:#FFF; margin-right:10px}
#btm{ height:70px; padding-top:5px; line-height:180%}


/*news.asp新闻页*/
#newslist h5{ line-height:30px; height:30px; font-size:14px; font-weight:normal; background:url(/images/bg_s.png) no-repeat; background-position:0 -120px; padding-left:15px}
#newslist .h5_34{ line-height:30px; height:30px; font-size:14px; font-weight:normal; background:url(/images/bg_s.png) no-repeat; background-position:0 -150px; padding-left:20px}
#newslist h5 em{ color:#666}
#newslist .p_keyword{ line-height:200%; font-size:12px; color:#999; padding:0 0 5px 15px; border-bottom:1px dashed #CCC; height:50px; overflow:hidden}
#newslist .p_keyword_34{line-height:25px; height:50px; font-size:12px; font-weight:normal; background:url(/images/bg_s.png) no-repeat; background-position:0 -180px; padding-left:20px; border-bottom:1px dashed #CCC; color:#999}
#newslist img{ max-width:750px;}
#right_nav{ line-height:35px; text-align:center; color:#999;}
#right_nav a{ color: #999}
#newslist h1{ line-height:45px; text-align:center; border-bottom:1px  dashed #ccc}
#newslist .news_link{ height:30px; line-height:30px; background-color:#DDD; font-size:14px; margin-top:15PX; padding-left:10px}
#news_link_list { padding:0 10px}
#news_link_list li{ display:inline; float:left; margin-right:13px; width:350px; line-height:28px; line-height:28px}
#news_commend  li{ font-size:12px; height:25px; line-height:25px}
#news_commend i{ font-size:12px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; color:#333 }
#news_commend .i_top1,#news_commend .i_top2,#news_commend .i_top3{ color:#F30}
#p_next{ color:#666}
#p_next a{ color:#666}

/*example*/

#left_p_commend li{ float:left; width:198px;padding-bottom:10px; color:#555; line-height:150%}
#left_p_commend li img{  width:194px;border:1px solid #CCC; padding:1px;}


/*动画*/
		.slideBox{ width:1000px; height:330px; overflow:hidden; position:relative; border:1px solid #ddd;  }
		.slideBox .hd{ height:20px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:10px;  width:20px; height:20px; line-height:20px; text-align:center; background:#EEE; cursor:pointer; font-family:Verdana, Geneva, sans-serif; font-size:14px; font-weight:bold; color:#333}
		.slideBox .hd ul li.on{ background:#FF8001; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:1000px; height:330px; display:block;  }

		.picScroll-left{ width:950px; position:relative;}
		.picScroll-left li{ float: left; width:165px; border:1px solid #ccc; padding:2px; text-align:center; margin:0 10px}
		.picScroll-left li div{ width:165px; height:175px; overflow:hidden;display:table-cell; vertical-align:middle; text-align:center; *display:block; *font-size:147px; *font-family:Arial}
		.picScroll-left li img{ max-width:165px; max-height:165px}
		.picScroll-left li p{ background-color:#EEE; height:30px; line-height:30px; text-align:center; overflow:hidden}
		.picScroll-left .hd{ overflow:hidden; padding:0px; position:absolute; top:70px; width:980px}
		.picScroll-left .hd .prev{ display: block; float:left; width:14px; height:41px; background:url(/images/pre.png); cursor:pointer}
		.picScroll-left .hd .next{display: block; float:right; width:14px; height:41px; background:url(/images/pre.png) no-repeat;  cursor:pointer; background-position:-14px 0}
        .picScroll-left .bd{ padding:0 10px}


		.picScroll-top{ margin:0 auto;  width:198px;  overflow:hidden; position:relative; }
		.picScroll-top .bd{ padding:0px;   }
		.picScroll-top .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-top .bd ul li{ text-align:center; zoom:1; height:207px; margin-bottom:5px }
        .picScroll-top .bd ul li span{ padding:9px;width:175px; height:175px;overflow:hidden;display:table-cell; vertical-align:middle; text-align:center; *display:block; *font-size:165px; *font-family:Arial; text-align:center;border:1px solid #ccc; }
		.picScroll-top .bd ul li .pic{ text-align:center; }
		.picScroll-top .bd ul li img{ max-width:170px; max-height:170px; padding:2px;width: expression(this.width > 170 ? '170px': true);height: expression(this.height > 170 ? '170px': true)}

		.picScroll-top1{ margin:0 auto; overflow:hidden; position:relative; }
		.picScroll-top1 .bd{ padding:0px;   }
		.picScroll-top1 .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-top1 .bd ul li{clear:both; line-height:30px; height:80px; float:left; background:url(/images/bg_s.png) no-repeat; background-position:0 -150px; padding-left:20px; overflow:hidden ; border-top:1px dashed #CCC}
		.picScroll-top1 .bd .ask_reback { color:#666; line-height:23px}


		/* 本例子css */
		.slideTxtBox{ width:325px;}
		.slideTxtBox .hd{ background:url(/images/bg_s.png) ; height:27px; line-height:27px; background-position:0 -60px;  position:relative; }
		.slideTxtBox .hd ul{ float:left;  position:absolute; top:-1px; height:32px;   }
		.slideTxtBox .hd ul li{ font-size:14px; font-weight:bold;float:left; width:90px; height:27px; line-height:27px;color:#000; margin-right:15px; text-align:center; }
		.slideTxtBox .hd ul li.on{ background-color:#df0011; color:#FFF}
		.slideTxtBox .bd ul{ padding:10px;  zoom:1;  }
		.slideTxtBox .bd li{line-height:25px; height:25px; float:left; width:300px;background:url(/images/bg_s.png) no-repeat; background-position:0 -125px; padding-left:15px}
		.slideTxtBox .bd li .date{ float:right; color:#999;  }

		.slideTxtBox1 .hd{ background:url(/images/bg_s.png) ; height:27px; line-height:27px; background-position:0 -60px;  position:relative; }
		.slideTxtBox1 .hd ul{ float:left;  position:absolute; top:-1px; height:32px;   }
		.slideTxtBox1 .hd ul li{ font-size:14px; font-weight:bold;float:left; width:90px; height:27px; line-height:27px;color:#000; margin-right:15px; text-align:center; }
		.slideTxtBox1 .hd ul li.on{ background-color:#df0011; color:#FFF}
		.slideTxtBox1 .bd ul{ padding:10px;  zoom:1;  }


		.sideMenu{  border:1px solid #ddd;  }
		.sideMenu h3{ height:32px; line-height:32px; padding-left:10px;  border-top:1px solid #e3e3e3; background:#f4f4f4; cursor:pointer;font:normal 14px/32px "Microsoft YaHei";}
		.sideMenu ul{ padding:5px; display:none; /* 默认都隐藏 */ }
		.sideMenu ul li{ height:190px; width:190px; text-align: center}
		.sideMenu ul img{  max-width:190px; max-height:190px; width: expression(this.width > 190 ? '190px': true);height: expression(this.height > 190 ? '190px': true)}
/*回到顶部*/
p#back-to-top{
      position:fixed;
      bottom:80px; right:10px;
}
p#back-to-top a{
      text-align:center;
      text-decoration:none;
      color:#d1d1d1;
      display:block;
      width:19px;

      /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/

      -moz-transition:color 1s;
      -webkit-transition:color 1s;
      -o-transition:color 1s;
}
p#back-to-top a:hover{
      color:#979797;
}
p#back-to-top a span{
      background:#d1d1d1 url(../images/top.gif) no-repeat center center;
      border-radius:6px;
      display:block;
      height:77px;
      width:19px;
      margin-bottom:5px;

      /*使用CSS3中的transition属性给<span>标签背景颜色添加渐变效果*/

      -moz-transition:background 1s;
      -webkit-transition:background 1s;
      -o-transition:background 1s;
}
#back-to-top a:hover span{
      background:#979797 url(../images/top.gif) no-repeat center center;
}