body, td, th, li, input{font-family: "宋体"; font-size: 12px}
body {
	color: #333333;
	background-color: #f4f4f4;
	background-image: url(boc08_bg0.jpg);
	background-repeat: repeat-x;
	margin: 0px;
}

p {
	font-family: "宋体"; 
	font-size: 14px; 
	line-height: 1.5; 
	text-indent: 28px
}
li {
	line-height: 2;
	list-style:none outside none;
	/*text-indent: -12px;*/

}
a.nav:link, a.nav:visited, .navl {  color: #a0a0a0}
a.nav:active, a.nav:hover {  color: #FF6633; text-decoration: underline}

a.gld:link, a.gld:visited, .gldl {  color: #ad8e71}
a.gld:active, a.gld:hover {  color: #355f72; text-decoration: underline}

a.fsm:link, a.fsm:visited { font-size: 14px; color: #333333 }
a.fsm:active, a.fsm:hover { font-size: 14px; color: #FF6633; text-decoration: underline }

a.hlbg:link, a.hlbg:visited {
	color: #40687A;
	font-weight: bold;
}
a.hlbg:active, a.hlbg:hover {
	color: #0099CC;
	text-decoration: underline;
	font-weight: bold;
}

a:link, a:visited { text-decoration: none; color: #333333}
a:active, a:hover { text-decoration: underline; color: #FF6633}

a {  text-decoration: none; color:#a0a0a0}
h1, h2, h3, h4, h5, h6{
	margin-bottom: 0px;
	margin-top: 0px;
}
h1 {  font-size: 18px; color: #616161; }
h2 {  font-size: 16px; color: #616161}
h3 {  font-size: 14px}
h4 {  font-size: 13px}
h5 {  font-size: 12px}
h6 {  font-size: 10px}
form, input, select { font-size: 12px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}
input.srh {
	height: 17px;
	border: #D9D9D9 solid 1px;
	width: 166px;
	padding: 2px;
	margin: 4px 0 0 0;
	vertical-align: top;
}
select.brh {
	width: 166px;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
}

.navl {color: #a0a0a0}
.title {
	font-size: 18px;; 
	font-weight: bold; 
	color: #336699
}

.copyrt {
	font-family: Verdana;
	font-size: 11px;
}
.dashlh {
	background-image: url(boc08_doth.gif);
	background-repeat: repeat-x;
}
.dashlv {
	background-image: url(boc08_dotv.gif);
	background-repeat: repeat-y;
}


.header{
	height:100px;
	background-color: #FFFFFF;	
}

.headerLeft{
	width:300px;
	float:left
}

.headerRight{
	width:600px;
	float:right;
	text-align:right;
	padding-top:15px;
	padding-right:10px
}


.greyText{
	color:#959595;
}

.float_l{
	float:left
}

.float_r{
	float:right
}


#bocsearch{
	height:50px;
	padding-top:15px;}
	
b.space{
	border-left:#999 1px solid;
	margin-left:10px;
    margin-right:10px;
	height:13px;
	top:2px
}



#container{
	width:950px;
	margin:0 auto;
 	overflow:hidden;
	border:#bfbfbf 1px solid;
	background-color:#FFF


}

.mainContent{
	background-color:#FFF;
	margin:0 auto;
	overflow:hidden;	
}

.productList{
	border:#dadada 1px solid;
	
	/* Gecko browsers */
	-moz-border-radius: 5px;
	
	/* Webkit browsers */
	-webkit-border-radius: 5px;
	
	/* W3C syntax */
	border-radius: 5px;
	
	overflow:auto;
	margin:20px 0 0 0 ;
	padding:0 0 10px 0;
}
	
.productList ul{
}
	
.productList ul li{
  width:285px;
  float:left; 
}	
		
.productListTitle{	
	border-bottom:#dadada 1px solid;	
	height:30px;
}

.greyBg{
	background-color:#fafafa;
	}

.serviceTitle{
	background-image: url(ins_servTitle.jpg);
	height:30px;
}

.foot{
	width:950px;
	height:50px;
	vertical-align:bottom;
	
}

.mainLeft{
	width:207px;
	float:left;
	margin:0 0 0 25px;
}


.leftOutline{
	margin-top:5px;
	margin-bottom:20px;
	border-top:#ed5724 2px solid;
	border-bottom:#ed5724 2px solid;
	padding:0 0 10px 0;
}

.digest p{
	line-height:2;	
}

.triLi{
	padding:0px;
	display:inline;
}

.triLi li{	
	padding:5px 0 5px 15px;	/*
	list-style-image:url(bocins_but1.gif);*/
	list-style:none outside none;
	line-height:26px;
	width:206px;
}

.dotLi li{
	padding:5px 0 5px 0;	
	list-style-image:url(bocins_but2.gif)
}
	
.mainRight{
	
	width:652px;	
	padding:0 25px 0 0;
	zoom:1;
	overflow:hidden;
	float:right;
	

	/*float:right;
	zoom:1;
	overflow:hidden;vertical-align:top; */	
}

.leftTopBorder{
/* Gecko browsers */
	-moz-border-radius-topleft: 10px;
	
	/* Webkit browsers */
	-webkit-border-top-left-radius: 10px;
	
	/* W3C syntax */
	border-top-left-radius: 10px;

	border-left:#dadada 1px solid;
	border-top:#dadada 1px solid;	
}

.textTitle{
	margin:15px 0 0 10px;
	height:20px;
}

.textTitleB1{
	height:30px;	
	margin:20px;
}



.textTitleB1 span{
	vertical-align:top;
	font-family: "微软雅黑"; 
	font-size: 16px;
	line-height: 1.5; 
}

.textTitleB2{
	height:55px;
	padding-top:10px;
	
	text-align:center;
	margin:20px;
}
	
.content{
	margin:20px;
	min-height:300px;
}

.colorBorder {
	border-bottom:#fca68b 1px solid;
	border-left:#fca68b 1px solid;
	border-right:#fca68b 1px solid;	
}

.dotBorderBottom{
	border-bottom:#dadada dotted 1px;	
}

.dashBorderBottom{
	border-bottom:#dadada 1px dashed;
}

.lineBorderBottom{
	border-bottom:#dadada 1px solid;
}

.lineBorder{
	border:#dadada 1px solid;
}

.foot{	
	border-top:#dadada 1px solid;
	text-align:right;
	vertical-align:middle;
	padding:20px;
	width:870px;
	height:20px;
	margin:5px 20px 0 20px;
}

.foot span{	
color:#959595;
	}
	
		
	
	
	
.dropDownMenu{
	float:left;	
	width: 930px;
	text-align:center;

	padding:0 0 0 20px;
	margin: 0 auto;
	z-index: 30;
	background-image:url(ins_titleBg.gif);
	background-repeat:repeat-x;
	
	/*background-color:#F4F4F4;
		background-color:#fafafa;*/
	height:34px;
}

.dropDownMenu B.space {
	BORDER-LEFT: #999 1px solid; float:left; height:12px; MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; margin-top:12px;
}

.dropDownMenu ul
{
  list-style:none;
  padding:0 0 0 24px;
  margin:0px;  
}

.dropDownMenu ul li
{
  display:inline;
  float:left; 
}

.dropDownMenu ul li a
{
  margin: 0 1px 0 0;
  padding: 6px 5px 0 5px;  
  display:block;
  width: 130px;
  text-align:center;  
  text-decoration: none;
}
 
.dropDownMenu ul li a:hover
{
	color:#a0a0a0;
}

.dropDownMenu ul li.sublinks
{
	display:none;
	position:relative;	
	margin:8px 0 0 0;
	padding: 0;
	background: #ffffff;
	border-left:1px solid #d6d6d6;
	border-right:1px solid #d6d6d6;

	z-index:100;
	text-align:center;
}
 
.dropDownMenu ul li.sublinks a
{
	color:#959595;	
	border-bottom:#d6d6d6 1px solid;	
	display:block;
	position:relative;
	text-align:center;
	text-decoration: none;
	padding: 2px 5px;
	margin-top:2px;
}
 
.dropDownMenu ul li.sublinks a:hover
{
	background: #fafafa;
}
 
.kv{
	width:900px;
	height:190px;
	margin:5px 0 15px 25px;	
}

.flash{
	width:650px;
	height:130px;
	margin:0 0 0 1px;
}

.productCategory{
	width:204px;
	height:230px;
	float:left;
	margin-left:1px;
	padding-top:5px;
}

.newsList{
	width:314px;
	min-height:212px;
	float:left;
	margin:4px;
}

.newsHighlight{
	height:110px;
}

.newsPhoto{
	margin:10px;
	width:132px;
	height:90px;
}

.newsAbstract{
	width:162px;
	padding:10px 0 0 0;
	line-height:16px;
	color:#ad8e71;
}

.textRight{
	text-align:right;
}

.textCenter{
	text-align:center;
}

.newsAbstract a:link{
	color:#ad8e71;
}


.cardShow{
	width:650px;
	height:200px;
	float:left;
	margin:2px;
	position:relative;
	}

.insClass{
	width:650px;
	height:140px;
	float:left;
	margin:2px;
}

.insClassIcon{
	margin:10px 20px 0 20px;
}


.insClass ul{
	width:420px;
	float:left;
	margin-top:10px;
}

.insClass ul li{
	width:210px;
	float:left;
}

.coloredText{
	color:#eb5822;
	font-family: "微软雅黑"; 
	font-size: 15px;
	line-height:30px;
	padding:0 0 0 10px;
}

.whiteText{
	color:#fff;
	font-family: "微软雅黑"; 
	font-size: 15px;
	line-height:30px;
	padding:0 0 0 10px;
}

.moreText{
	line-height:30px;
	padding:0 10px 0 0 ;
}



.cardSlides {
  width: 650px;
  position: relative;
  text-align:center;
}

.cardSlides .wrapper {
  width: 510px; /* .cardSlides width - (.wrapper margin-left + .wrapper margin-right)  |||  padding * 6 + image width * 3  */  
  height: 150px;
  margin:0 70px 0 70px;
  position: absolute;
  top: 0;
  left: 0;
}

.cardSlides ul a img {
  border: 2px solid #D9D9D9;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.cardSlides .wrapper ul {
	 /*width: 512px; single item * n */
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
	top: 0;
	left: 0;
}

.cardSlides ul li {
  display:block;
  float:left;
  padding: 10px;
  height: 95px;
  width: 150px;
}

.cardSlides ul li img {
    -webkit-transition: border-color 400ms;
}

.cardSlides ul:hover li img {
  border-color: #D9D9D9;
}

.cardSlides ul:hover li:hover img {
  border-color: #ffffff;
}

.cardSlides ul li a img {
  display:block;
}

.cardSlides .arrow {
  display: block;
  height: 36px;
  width: 37px;
  background: url(arrow.png) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 67px;
  cursor: pointer;
  outline: 0;
  margin:0 10px 0 10px;
}

.cardSlides .forward {
  background-position: 0 0;
  right: 0;
}

.cardSlides .back {
  background-position: 0 -72px;
  left: 0;
}

.cardSlides .forward:hover {
  background-position: 0 -36px;
}

.cardSlides .back:hover {
  background-position: 0 -108px;
}

.customServ {
	text-align:center;
	height:130px;	
}

.customServ ul{
	float:none;
	height:30px;
}

.customServ ul li{
	width:70px;
	float:left;
}

.textIndent{
	text-indent:-20px;
}