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; }
button {cursor: pointer; }
body {font-size:14px; line-height:28px;color:#555555;  background:url(images/page_back.jpg) repeat-x top; font-family:"΢ÈíÑźÚ";}
a, a:link {text-decoration: none; color:#555555; }
a:visited { }
a:active, a:hover{text-decoration:none; color:#FF6600;}

.top{ height:181px; width:1200px; margin:0 auto; overflow:hidden;}
.topline{ height:31px; line-height:31px; color:#ffffff;}
.topline a{ color:#ffffff;}
.topline span{ float:right;}
#addfaover{ background:url(images/favoer.png) no-repeat left center; padding:0 0 0 31px;}
#contact{ background:url(images/contact.png) no-repeat left center; padding:0 0 0 28px;margin:0 0 0 10px;}
#sitemap{ background:url(images/map.png) no-repeat left center; padding:0 0 0 25px;margin:0 0 0 10px;}
.toplogo{ height:106px;}
.logo{ float:left; width:311px; height:106px;}
.logotxt{ float:left; width:450px; padding:30px 0 0 0;}
.logotxt h1{ margin:0; padding:0; font-size:18px;}
.logophone{ float:right; text-align:right; overflow:hidden; width:408px;}

.menu ul li{ float:left;}
.menu ul li a{ display:block; width:150px; text-align:center; font-size:16px; height:42px; line-height:42px;}
.menu ul li a:hover{ background:url(images/menu_over.jpg) no-repeat top center;}
#menuover{ background:url(images/menu_over.jpg) no-repeat top center; color:#FF6600;}

 .banner{ clear:both; width:100%;overflow:hidden;min-width:1200px;}
   
.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;
  }
  
.main{ clear:both; width:1200px; overflow:hidden; margin:15px auto;}
.left{ float:left; background:#cfd6db; overflow:hidden; width:230px;}
.left_top{ height:123px;}
.left_class ul li a{ display:block; width:180px; height:52px; line-height:52px; padding:0 0 0 50px; background:url(images/left_class.jpg);}
.left_class ul li a:hover{ background:url(images/left_class_over.jpg) no-repeat left;color:#000;}
.left_contact{ padding:10px;}

.right{ width:940px; margin:0 0 0 30px; float:left; overflow:hidden;}
.right_title{ background:url(images/right_title.jpg) no-repeat left top; height:36px; line-height:33px; color:#ffffff; padding:0 0 0 45px; font-size:16px;}
.right_title span{ float:right; font-size:12px;}
.right_content{ padding:15px 0; overflow:hidden;}
.in_prolist{width:295px; height:292px; margin:9px; float:left;}
#propic{ width:293px; height:254px; border:1px solid #cccccc;}
.in_prolist p{ background:#333333; padding:0 0 0 10px; height:35px; line-height:35px;}
.in_prolist p a{ color:#ffffff;}
.in_prolist p span{ float:right;}

.news_list{ margin:10px;}
.news_list ul li{ background:url(images/news_ocpm.jpg) no-repeat left center; line-height:28px; padding:0 0 0 20px; border-bottom:1px dashed #cccccc;}
.news_list ul li span{ float:right;}

.gray_box{ background:#e8e8e8; overflow:hidden; width:100%; min-width:1200px;}
#aboutpic{ padding:30px 35px; width:616px; height:370px; float:left;}
#c_view{ color:#ffb900; border:1px solid #ffb900; padding:5px 10px;}
#c_h1{ margin:0; padding:64PX 0 0 0; font-size:30px; color:#000; line-height:40px;}
#c_h1 span{ padding:0 0 0 10px; font-size:24px; color:#888888; font-family:Tahoma, Geneva, sans-serif;}

.youshi{ clear:both; width:100%; min-width:1200px; background:url(images/youshi.jpg) no-repeat center center; height:737px; overflow:hidden;}
.case_box{ clear:both; width:100%; min-width:1200px; background:url(images/case_back.jpg) no-repeat top center; height:473px; overflow:hidden;}
#casemain{ padding:115px 0 0 0;}
.caselist{ float:left; width:389px; height:301px; margin:0 10px; background:#cccccc; text-align:center;}
.caselist img{ width:389px; height:261px;}
#demo{ width:1200px; overflow:hidden;}

.news_title{ font-size:24px; font-weight:bold; color:#000; line-height:40px;}
.news_left{ float:left; width:467px; margin:0 23px 0 0; overflow:hidden; background:#999999;}
.news_left img{ width:467px; height:268px;}
.news_left_txt{ padding:10px; color:#ffffff;}
.news_left_txt h1{ padding:0; margin:0; font-size:16px; line-height:35px;}
.news_left_txt h1 a{ color:#ffffff;}
.news_right{ float:left; width:700px; overflow:hidden;}
.news_right ul li{ border:1px solid #cccccc; overflow:hidden; margin:0 0 25px 0; padding:15px;}
#newsdate{ display:block; width:84px; height:74px; overflow:hidden; color:#ffffff; background:#ffb900; margin:0 15px 0 0; padding:10px 0 0 0; float:left; font-family:Tahoma, Geneva, sans-serif; font-size:26px; word-wrap:break-word; font-weight:bold;}
.news_right ul li h1{ line-height:30px; font-size:16px;}
.news_right ul li p{ color:#888888;}

.f_link{ clear:both; width:1198px; margin:10px auto; padding:10px; border:1px solid #cccccc;}

.foot{ clear:both; width:100%; min-width:1200px; min-height:148px; background:url(images/foot_back.jpg); padding:60px 0 0 0;}
.foot_txt{ width:1200px; margin:0 auto; color:#ffffff;min-height:90px; text-align: center;}
.foot_txt a{ color:#ffffff;}
#page{ text-align:center; clear:both;}