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;}
ul, li{list-style-type: none; }
body, select, {font-size:12px;}
button {cursor: pointer; }
body {font-size:14px; line-height:28px;color:#595959; background:url(../images/page_back.jpg); font-family:"΢ÈíÑźÚ";}
a, a:link {text-decoration: none; color:#595959; }
a:visited { }
a:active, a:hover{text-decoration:none; color:#FF6600;}
#page{ text-align:center; clear:both;}
#space{ clear:both; height:5px;}
.tips{ background:url(../images/tipsbg.gif) no-repeat left top; padding:40px 0 10px 166px; margin-top:20px; margin-bottom:10px; color:#999; font-family:"΢ÈíÑźÚ";}

.top{ width:100%; min-width:1220px; clear:both; background:url(../images/top_back.jpg) repeat-x top;position:fixed; top:0; height:120px; z-index:999;}
.top_1{ width:1220px; margin:0 auto;height:120px;}
.top_logo{ width:180px; float:left; overflow:hidden;}
.top_yahuang{ width:166px; float:left; overflow:hidden; text-align:center; padding:10px 0 0 0;}
.top_right{ float:left;width:874px;}
.top_right_1{ padding:25px 0 0 0; height:25px; line-height:100%; text-align:right; float:left; width:400px;}
.top_right_2{ padding:15px 0 0 0; height:33px;}
.top_right_2_search{ width:355px; height:33px; padding:0 0 0 519px;}
.top_r_2_search_box{ float:left; width:322px; height:33px;}
.top_r_2_search_box input{ width:311px; height:31px; line-height:31px; padding:0 0 0 10px; color:#cccccc; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; border-top:1px solid #cccccc;}
.top_r_2_search_b{ float:left; width:32px;}
.menu{margin:10px 0 0 0; clear:both;}

   #nave{width:874px;}
   #nave ul li{width:109px; height:55px; float:left;}
   #nave ul li a{ display:block;height:55px;line-height:55px; text-align:center;font-size:18px; color:#000000; width:109px;}
   #nave ul li a:hover{color:#a92516;}
   #nave ul li ul{position:relative;width:400px;top:0px; display:none; background:url(../images/menu_ul_back.png); color:#fff;padding:0; margin:0; overflow:hidden; z-index:99999;}
   #nave ul li ul table{}
   #nave ul li ul table tr td a{ display:block; height:30px; line-height:30px; color:#ffffff; font-size:14px; padding:0 0 0 10px; text-align:left; width:90%;}
   #nave ul li ul table tr td a:hover{  background:#036541; color:#ffffff;}
   


   .banner{ clear:both; width:100%; margin:115px 0 0 0;overflow:hidden;min-width:1220px;}
   
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.slide_container {
  position: relative;
  float: left;
  width: 100%;
  }

.slide {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.slide li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }
  
 .slide img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.slide .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }
  
 .slide_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url(../images/themes.gif) no-repeat left top;
  margin-top: -45px;
  }

.slide_nav:active {
  opacity: 1.0;
  }

.slide_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }
   
.in_list_class{ clear:both; width:600px; margin:20px auto; overflow:hidden; font-size:22px;}
.in_list_class a{ display:block; float:left; width:110px; height:36px; margin:0 5px; background:url(../images/in_class_back.jpg); line-height:36px; text-align:center; color:#ffffff;}
.in_list_class a:hover{ background:url(../images/in_class_over.jpg);}
.page_banner{height:260px; overflow:hidden; min-width:1220px; width:100%;}

.aboutpic{ width:365px; height:494px; float:left;}
.aboutpic img{ width:332px;height:494px;}
.abouttxt{ float:left; width:835px; font-size:24px; line-height:40px;}


.about_title{ text-align:center; clear:both; line-height:60px; color:#0ba141; font-size:36px; font-weight:bold;}
#aboutpic{ width:501px; float:left; height:269px; margin:0 40px 0 0; }

.topbanner{ width:100%; min-width:1200px; overflow:hidden; margin:10px auto;}
.topbanner img{ width:100%;}




.main{ clear:both; margin:5px auto; width:1220px; overflow:hidden;}
#in_about{ float:left; width:720px; height:220px;}
#in_news{ float:left;width:385px; height:220px;}
#in_cl_safe{ float:left; width:470px; height:220px;}
.main_back{ background:url(../images/main_back.jpg) no-repeat left; padding:0 0 0 30px;}
.main_title{ height:40px; padding:0 0 0 40px;}
.main_title h1{ margin:0; padding:0; font-size:16px; color:#00913d; line-height:25px;}
.main_title p{ color:#e7720a; font-size:11px; line-height:10px;}
.main_title span{ float:right; padding:10px 10px 0 0;}
.brandlist ul li{ float:left; width:180px; text-align:center;}
.brandlist ul li img{width:133px; height:175px; border:1px solid #000000;}

.title_about{ background:url(../images/title_about.jpg) no-repeat left center;}
.title_aboutpic{ border:1px solid #cccccc; padding:4px; height:76px; margin:10px 0 0 0;}
.title_aboutpic img{ width:285px; height:76px;}

.title_news{background:url(../images/title_about.jpg) no-repeat left center;}
.title_news_pic{ overflow:hidden; margin:10px 0 0 0; color:#6e6e6e;}
.title_news_pic img{ height:76px; border:1px solid #cccccc; padding:2px; margin:0 10px 0 0; float:left;}
.title_news_pic h1 a{ color:#357927; font-size:14px;}
.title_news ul{ margin:5px 0  0 0;}
.title_news ul li{ border-bottom:1px dashed #cccccc;}


.in_cl_left{ float:left; width:243px; overflow:hidden;}
.in_cl_left_title{ background:url(../images/culture.jpg) no-repeat left center;}
.in_cl_left_pic{ padding:5px 0 0 0;}
.in_cl_right{ float:left; width:215px; overflow:hidden; margin:0 0 0 11px;}
.in_cl_right_title{ background:url(../images/safe.jpg) no-repeat left center;}

.friend_link{ background:url(../images/friend_link.jpg) no-repeat left top; width:1100px; padding:0 0 0 120px; margin:10px auto; clear:both; font-size:12px;}
.foot_box{ clear:both; margin:10px 0 0 0; overflow:hidden; padding:40px 0; background:#eeeeee;}
.foot{ width:1220px; margin:0 auto; text-align:center;}
#erwei{ float:right; width:110px; height:110px; margin:0 5px;}
#erwei img{ width:110px; height:110px;}
.left{ width:240px; overflow:hidden; float:left; background:#eeeeee; border:1px solid #cccccc;}
.right{ width:950px; float:left; margin:0 0  0 26px; overflow:hidden; border:1px solid #cccccc;}
.left, .right { padding-bottom: 32767px !important; margin-bottom: -32767px !important; } @media all and (min-width: 0px) { .left, .right { padding-bottom: 0 !important; margin-bottom: 0 !important; } 
.left:before, .right:before { content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; background: inherit; padding-top: 32767px !important; margin-bottom: -32767px !important; height: 0; } }

.left_title{ height:60px; padding:0 0 0 30px;color:#ffffff; background:url(../images/left_title.jpg); font-size:26px; line-height:60px;}
.left_class{ padding:0; margin:0;}
.left_class ul li{ border-bottom:1px solid #e4e4e4; background:url(../images/left_class.jpg); line-height:40px;}
.left_class ul li a { display:block; width:210px; padding:0 0 0 30px;}
.left_class ul li a:hover{ background:url(../images/left_class_over.jpg); color:#ffffff;}
.left_class ul p a{ display:block; width:210px;padding:0 0 0 30px; border-bottom:1px dashed #cccccc; line-height:40px; background:url(../images/icon.jpg) no-repeat 20px center;}

.active{ background:url(../images/left_class_over.jpg); color:#ffffff;}

.left_class ul p a:hover{ background:#0e9d41; color:#ffffff;}
.left_pic{ overflow:hidden; margin:2px 0;}
.left_content{ padding:15px 10px; clear:both; overflow:hidden;}

.right_title{ background:url(../images/right_title.jpg); padding:0 0 0 30px; height:40px; color:#ffffff; border-bottom:1px solid #e4e4e4; line-height:40px; font:bold 16px;}
.right_title span{ float:right; padding:0 10px 0 0; color:#555555; font:normal;}
.right_content{ padding:15px 0; clear:both; overflow:hidden;}

#newslist li{ border-bottom:1px dotted #cccccc; background:url(../images/icon1.jpg) no-repeat left center; line-height:32px; padding:0 0 0 25px;}
#newslist li span{ float:right;}

#productlist li{ width:236px; height:220px; float:left; text-align:center;}
#productlist li img{width:220px; height:180px; border:1px solid #cccccc; padding:2px;}
#productlist li a{color:#666666;}
#productlist li a:hover{color:#cc333333;}

#photo li{ width:236px; height:340px; float:left; text-align:center;}
#photo li img{width:220px; height:290px; border:1px solid #cccccc; padding:2px;}
#photo li a{color:#666666;}
#photo li a:hover{color:#cc333333;}

#zhiyuan li{ width:236px; height:460px; float:left; text-align:center;}
#zhiyuan li img{width:220px; height:280px; border:1px solid #cccccc; padding:2px;}
#zhiyuan li p{ text-align:left; padding:0 0 0 10px;}
#zhiyuan li a{color:#666666;}
#zhiyuan li a:hover{color:#cc333333;}

#factory li{ width:236px; height:200x; float:left; text-align:center;}
#factory li img{width:220px; height:160px; border:1px solid #cccccc; padding:2px;}
#factory li a{color:#666666;}
#factory li a:hover{color:#cc333333;}

#page{ clear:both; text-align:center; line-height:30px; padding:5px 0;}
#page a{ background:#0f8036; color:#fff; padding:5px 10px; margin:0 5px;}
#page a:hover{ background:#ad2017; color:#fff;}
#classover{ background:#ad2017; color:#fff;}