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:#555555;  background:url(images/page_back.jpg) repeat-x top #f6f6f6; font-family:"΢ÈíÑźÚ";}
a, a:link {text-decoration: none; color:#555555; }
a:visited { }
a:active, a:hover{text-decoration:none; color:#FF6600;}
#page{ text-align:center; clear:both;}
#space{ clear:both; height:5px;}

.top{ width:1120px; height:179px; margin:0 auto;}
.top_line{ height:42px; line-height:42px;}
.top_line span{ float:right;}

.top_logo{ height:85px;}
.top_logo span{ float:right; padding:0 20px 0 0;}


	#nav{width:1120px;height:52px;}
	#nav ul li{float:left;}
	#nav ul li a{display:block;width:124px;height:52px; line-height:52px;text-align:center;color:#ffffff;font-weight:bold;}
	#nav ul li a:hover{ background:#dd020a;}
	#nav ul li ul{text-align:center;left:-999em;position:absolute; width:140px; background:#005cc3; z-index:999;}
	#nav ul li ul li{float:left;}
	#nav ul li ul li a{display:block;width:130px;height:30px; line-height:30px;padding:0 0 0  10px;color:#ffffff;border:none; text-align:left;}
	#nav ul li ul li a:hover{color:#ffffff; background:#dd020a;font-weight:bold;}
    #nav li:hover ul {left:auto;}
    #nav li.sfhover ul {left:auto;}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  min-width:1120px;
  }

.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;
  }


.search_box{ width:100%; overflow:hidden; background:#ebebeb; clear:both;}
.searchllist{ height:51px; width:1120px; margin:0 auto;}
.searchleft{ width:260px; float:left; height:51px;}
.serch_input{ width:199px; padding:0 0 0 10px; border:1px solid #cccccc; background:ffffff; height:22px; line-height:22px;}
.searchright{ float:left; width:800px; margin:0 0  0 60px; height:51px; text-align:right; line-height:51px;}

.main{ clear:both; padding:20px 0; overflow:hidden; width:1120px; margin:0 auto; background:#fff;}
.main_title{ background:url(images/main_title.jpg) no-repeat center center; text-align:center; font-size:26px; font-weight:bold; color:#0056ad; height:41px; line-height:41px;}

.left{ float:left; width:281px; border:1px solid #cccccc;}
.right{ float:left; width:820px; margin:0 0 0 17px; overflow:hidden;}

.left_title{ height:94px;}
.left_class{ padding:10px 0; width:260px; margin:0 auto;}
.left_class ul li{ margin:5px 0; font-size:15px; font-weight:bold;}
.left_class ul li a{ display:block; width:210px; padding:0 0 0 30px; background:url(images/news_ocpm.jpg) no-repeat left center #4189d3; color:#ffffff; height:40px; line-height:40px;}
.left_class ul li a:hover{ background:url(images/news_ocpm_icon.jpg) no-repeat left center #ff0000;}

#sidelist{ width:260px; margin:10px auto;}
		#sidelist ul{}
		#sidelist ul li{position:relative;float:left; border-bottom:1px dashed #cccccc;}
		#sidelist ul li a{display:block;width:235px;height:40px; line-height:40px; padding:0 0 0 25px; background:url(images/class_icon.jpg) no-repeat left center;font-weight:bold;}
		#sidelist ul li a:hover{color:#ffffff; background:#005cc3;}
		#sidelist ul li ul{position:absolute;top:0px;left:-999em;margin:0 0 0 235px; background:#ffffff; border:1px solid #cccccc;}
		#sidelist ul li ul li{}
	    #sidelist ul li ul li a{display:block;width:235px;height:40px;padding:0 0 0 25px; line-height:40px; background:url(images/class_icon.jpg) no-repeat left center;font-weight:bold;}
		#sidelist ul li ul li a:hover{color:#ffffff;}
		#sidelist li:hover ul {left:auto;}
        #sidelist li.sfhover ul {left:auto;}
		
		
.left_content{ padding:10px; overflow:hidden;}
#in_prolist li{ float:left; width:273px; height:240px; text-align:center;}
#in_prolist li img{ width:260px; height:191px; border:1px solid #cccccc; padding:3px;}
#demo{ height:700px;  overflow:hidden;}
.right_content{ padding:15px 0; overflow:hidden;}
.right_title{ background:url(images/right_title.jpg) no-repeat left; height:47px; border-bottom:1px solid #cccccc; color:#005cc3; padding:0 0 0 20px; line-height:47px; font-weight:bold; font-size:18px;}
.right_title span{ float:right; padding:15px 0 0 0;}

.youshi{ background:url(images/youshi.jpg) no-repeat center center; height:164px; width:100%;}
.youshi2{ background:url(images/youshi2.jpg) no-repeat center center; height:1268px; width:100%;}

.demo_box{ width:1110px; border:1px solid #cccccc; background:url(images/demo_back.jpg) no-repeat center center; margin:0 auto;}
#demot{ width:1020px; overflow:hidden; margin:0 auto;}
.demolist{ float:left; width:217px; height:160px; text-align:center;}
.demolist img{ width:207px; height:160px;}

.news_title{ background:url(images/news_title.jpg) no-repeat left center; height:62px; padding:0 0 0 25px;}
.news_title_en{ line-height:20px; color:#666; font-weight:bold; width:230px;}
.news_title_cn{ line-height:32px; color:#0054aa; font-size:16px; font-weight:bold; width:230px;}
.news_title span{ float:right; padding:30px 0 0 0;}

.news_left{ width:385px; float:left; overflow:hidden;}
.news_right{ width:320px; margin:0 0 0 15px; float:left; overflow:hidden;}

#newslist li{ border-bottom:1px dashed #cccccc; line-height:40px; background:url(images/news_ocpm.jpg) no-repeat left center; padding:0 0 0 20px;}
#newslist li span{ float:right;}
.foot_link{ padding:10px; width:1100px; clear:both;}


.foot{ background:#0056b9; color:#ffffff; text-align:center; padding:15px 0;  min-width:1120px;}
.foot a{ color:#ffffff;}