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:204px; width:1200px; margin:0 auto; overflow:hidden;}
.topline{ height:38px; line-height:38px;}
.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:120px;}
.logo{ float:left; width:600px; height:120px;}
.logotxt{ float:left; width:250px; padding:40px 0 0 0;}
.logotxt h1{ margin:0; padding:0; font-size:20px; color:#231917;}
.logophone{ float:right; text-align:right; overflow:hidden; width:308px;}

.menu ul li{ float:left; background:url(images/menu_back.jpg) no-repeat right;}
.menu ul li a{ display:block; width:150px; text-align:center; font-size:16px; height:46px; line-height:46px; color:#ffffff;}
.menu ul li a:hover{ background:#ffa800; color:#231917;}
#menuover{ background:#ffa800; color:#231917;}

 .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;}
.main_title{ clear:both; min-width:1200px; width:100%; text-align:center;}
.main_title h1{ background:url(images/main_title.jpg) no-repeat center center; height:42px; line-height:42px; color:#ffffff; font-size:22px;}
.main_class{ text-align:center; margin:10px 0; clear:both;}
.main_class a{ padding:5px 15px 5px  30px; margin:0 10px; border:1px solid #cccccc; background:url(images/class_icon.jpg) no-repeat 10px center; line-height:30px;}
.main_class a:hover{background:url(images/class_icon.jpg) no-repeat 10px center #001a9e;  color:#ffffff;}
.main_prolist{ float:left; width:360px; margin:10px; background:#f5f5f5; padding:10px; text-align:center;}
.main_prolist img{ width:360px; height:270px;}
.left{ float:left;overflow:hidden; width:230px;  background:#032183;}
.left_title{ height:67px; text-align:center; color:#ffffff; background:url(images/left_title.jpg);}
.left_title_cn{ line-height:37px; font-weight:bold; font-size:18px;}
.left_title_en{ line-height:30px;}
.left_class{ padding:5px 0;}
.left_class ul li{ border-bottom:1px dashed #cccccc;}
.left_class ul li a{ display:block; width:248px; padding:0 0 0 20px; line-height:43px; background:url(images/left_class.jpg) no-repeat left center; color:#ffffff;}
.left_class ul li a:hover{ background:url(images/left_over.jpg); color:#ffffff;}
.left_content{ padding:10px; color:#ffffff;}

.right{ width:930px; margin:0 0 0 22px; float:left; overflow:hidden; }
.right_title{ border-bottom:1px solid #cccccc; font-weight:bold; font-size:22px; color:#da0c0c; line-height:45px; clear:both; overflow:hidden;}
.right_content{ padding:20px 0;}
.right_title span{ float:right; font-weight:normal; color:#555555; font-size:14px;}
.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 0;}
.news_list ul li{ background:url(images/news_ocpm.jpg) no-repeat left center; line-height:33px; padding:0 0 0 15px; border-bottom:1px solid #cccccc;}
.news_list ul li span{ float:right;}

#in_prolist li{ width:310px; height:290px; float:left; text-align:center;}
#in_prolist li img{ width:280px; height:220px; border:1px solid #cccccc; padding:4px;}

.gray_box{ background:#f2f2f2; overflow:hidden; width:100%; min-width:1200px;}
#aboutpic{ padding:10px 35px 0 0; width:304px; height:242px; 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/youshi1.jpg) no-repeat center center; height:642px; overflow:hidden;}
.case_box{ clear:both; width:100%; min-width:1200px; background:url(images/case_back.html) no-repeat top center; height:473px; overflow:hidden;}
#casemain{ padding:115px 0 0 0;}
.caselist{ float:left; width:346px; height:277px; margin:0 10px; background:#ffa800; text-align:center;}
.caselist img{ width:346px; height:247px;}
#demo{ width:1200px; overflow:hidden;}

.news_left{ float:left; width:375px;verflow:hidden; background:#fff;}
.news_box{ border:1px solid #cccccc; padding:10px; overflow:hidden;}
.news_title{ border-bottom:1px solid #cccccc; font-size:16px; padding:0 0 0 60px;}
.news_title span{ float:right;}
#news_1{ background:url(images/news_icon.jpg) no-repeat left center;}
#news_in{ background:url(images/industry_icon.jpg) no-repeat left center;}
#news_con{ background:url(images/contact_icon.jpg) no-repeat left center;}
#m_32{ margin:0 0 0 32px;}
#m_33{ margin:0 0 0 33px;}



.f_link{ clear:both; width:1198px; margin:10px auto; padding:10px; border:1px solid #cccccc;}
.foot_menu{ margin-top:10px; width:100%; min-width:1200px; background:#032183; color:#ffffff; text-align:center; overflow:hidden; height:51px; line-height:51px;}
.foot_menu a{ color:#ffffff; margin:0 15px;}

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