@CHARSET "UTF-8";
 body{
 background-color:#fff;
}

#main-container  {
  margin-top:20px;
}
.con-content .con-menu .side_contact_wrapper,.con-content .con-menu .side_product_wrapper{
  width:240px;
  background-color:#fafafa;
  font-size:14px;
  overflow:hidden;
}
.con-content .con-menu ul li{
  border-bottom:solid 1px #f1f1f1;
  height:30px;
  line-height:30px;
  padding-left:20px;
  position:relative;
}
.con-content .con-menu ul li a{
   position:absolute;
   
}


.con-content .con-menu ul li em.arrow{
   position:absolute;
   bottom:8px;
   right:10px;
   height:7px;
   width:5px;
   display:inline-block;
   line-height:30px;
   background:url(../images/common/arrow_01.png) no-repeat left center;
}

.con-content .con-menu ul li em.arrow_{
   position:absolute;
   bottom:9px;
   right:10px;
   height:7px;
   width:5px;
   display:inline-block;
   line-height:30px;
   background:url(../images/common/arrow_01_.png) no-repeat left center;
}


.con-menu .about-hd{
 background:url(../images/product/side_hdbg.jpg) no-repeat left center;
 width:240px;
 height:58px;
 overflow:hidden;
 margin-bottom:30px;
}

.con-menu .about-hd span{
 text-indent:-5em;
} 

.side_contact_wrapper{

}

.side_contact_wrapper h3{
  background:url(../images/about/contact.jpg) no-repeat left center;
  height:28px;
  width:103px;
  margin-top:30px;
  margin-bottom:20px;
}
.side_contact_wrapper h3 span{
 text-indent:-5em;
}

.side_contact_wrapper .side_contact_content{
  margin-top:20px;
  font-size:12px;
}
.side_contact_wrapper .side_contact_content em.arrow_{
   position:absolute;
   bottom:8px;
   right:10px;
   height:7px;
   width:5px;
   display:inline-block;
   line-height:30px;
   background:url(../images/common/arrow_01.png) no-repeat left center;
}
.con-content-wrapper .con_content_nav{
 padding:0px 10px;
 height:30px;
 line-height:30px;
 background-color:#fff;
}

.con-content-wrapper{
   position:relative;
   width:970px;
}

.con_content_nav .nav_title{
 font-size:16px;
 FONT-FAMILY: "Microsoft Yahei", "微软雅黑", Tahoma, Arial, Helvetica, STHeiti;
 
}

 
.product-detail{
    margin-top:10px;
    background-color:#fff;
}

.side_contact_wrapper{
  margin-top:30px;
}
.side_product_wrapper,.side_contact_wrapper{
   background-color:#fff;
}

ul.products-intro{
    width:900px;
    padding:15px 15px 30px 30px;
}

ul.products-intro li{
  float:left;
  width:236px;
  height:240px;
  margin-right:45px;
  margin-top:50px;
  text-align:center;
  color:#0271c6;
  font-size:14px;
}
ul.products-intro li img{
 border:1px solid #c8c8c8;
 width:236px;
 height:240px;
}

.box{
  border:1px solid #ccc;
  padding-bottom:10px;
}
.box h2{
 height:34px;
 line-height:34px;
 background-color:#f5f5f5;
}
.box h2 span{
   background-color:#1a6fbf;
   color:#fff;
   padding:0px 10px;
   display:inline-block;
   height:34px;
   line-height:34px;
   font-size:14px;
   FONT-FAMILY: "Microsoft Yahei", "微软雅黑", Tahoma, Arial, Helvetica, STHeiti; 
}

.culture-content{
 
  font-size:14px;
  margin-top:50px;
  margin-bottom:100px;
  padding-left:100px;
  line-height:30px;
}

.side_menu_selected{
  background-color:#0271c6;
  color:#fff;
}
.side_menu_selected a{
  color:#fff;
}

.product-detail{
  padding:30px 30px;
}
.product-detail .products-pic{
 text-align:center;
 overflow:hidden;
}
.products-name,.product-desc{
 margin:30px 0px;
 line-height:30px;
}
.products-name,.p_desc{
   font-size:14px;
   FONT-FAMILY: "Microsoft Yahei", "微软雅黑", Tahoma, Arial, Helvetica, STHeiti; 
}
.products-name .p_name,.product-desc .p_desc{
  background:url(../images/product/arrow.jpg) no-repeat left center;
  height:10px;
  padding-left:15px;
  color:#4885b1;
 
}
.product-desc p{
  font-size:14px;
  display:inline;
}
/*********************************************************************/
/*root element for the scrollable.  when scrolling occurs thiselement stays still.*/
.scrollable {
	/*required settings */  
	/**BORDER: #ccc 1px solid;**/ 
	POSITION: relative; 
	WIDTH: 1008px; 
	/**BACKGROUND: url(../images/common/h300.png) repeat-x;**/ 
	HEIGHT: 187px; 
	OVERFLOW: hidden; 
   } 
/*root element for scrollable items. Must be absolutely positionedand it should have a extremely large width to accommodate scrollableitems.  it's enough that you set width and height for the root elementand not for this element.*/
.scrollable .items {  
		/* this cannot be too large */ 
		width:20000em;  
		position:absolute;
}
/*a single item. must be floated in horizontal scrolling.  typically,this element is the one that *you* will style the most.*/
.items div {  float:left;}

.scrollable {
	FLOAT: left
}
A.browse {
	MARGIN: 80px 10px; 
	WIDTH: 26px; 
	DISPLAY: block; 
	BACKGROUND: url(../images/common/hori_large.png) no-repeat; 
	FLOAT: left; 
	HEIGHT: 48px; 
	FONT-SIZE: 1px; 
	CURSOR: pointer
}
A.right {
	BACKGROUND-POSITION: 0px -48px; CLEAR: right; MARGIN-RIGHT: 0px
}
A.right:hover {
	/**BACKGROUND-POSITION: -30px -30px**/
}
A.right:active {
	/**BACKGROUND-POSITION: -60px -30px**/
}
A.left {
	MARGIN-LEFT: 0px
}
A.left:hover {
	/**BACKGROUND-POSITION: -30px 0px**/
}
A.left:active {
	/**BACKGROUND-POSITION: -60px 0px**/
}
A.up {
	MARGIN: 10px 50px; BACKGROUND: url(../images/common/vert_large.png) no-repeat; FLOAT: none
}
A.down {
	MARGIN: 10px 50px; BACKGROUND: url(../images/common/vert_large.png) no-repeat; FLOAT: none
}
A.up:hover {
	BACKGROUND-POSITION: -30px 0px
}
A.up:active {
	BACKGROUND-POSITION: -60px 0px
}
A.down {
	BACKGROUND-POSITION: 0px -30px
}
A.down:hover {
	BACKGROUND-POSITION: -30px -30px
}
A.down:active {
	BACKGROUND-POSITION: -60px -30px
}
A.disabled {
	VISIBILITY: hidden !important
}

 
.scrollable IMG {
	/**BORDER: #ccc 1px solid;**/ 
	PADDING-BOTTOM: 2px; 
	BACKGROUND-COLOR: #fff; 
	MARGIN: 20px 5px 20px 21px; 
	PADDING-LEFT: 2px; 
	WIDTH: 126px; 
	PADDING-RIGHT: 2px; 
	FLOAT: left; 
	HEIGHT: 136px; 
	PADDING-TOP: 2px; 
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px
}
.scrollable .active {
	/**BORDER: #000 2px solid; **/
	POSITION: relative; 
	CURSOR: default; 
	 
}

#image_intro{
  margin:100px 0px 10px 10px;
  line-height:25px;
  width:350px;
}

#image_intro .p_title{
  font-size:14px;
}
#image_intro .p_content{
 margin:10px 0px 30px 0px;
 text-indent:2em;
}

.pages{
  text-align:right;
  paddding-right:100px;
}