@import url(global.css);

/*---------首页幻灯--------*/

.column_01 {
	width:100%;
	height:400px;
	overflow:hidden;
    position: relative;
	margin:0 auto;
	margin-bottom:20px;
}

.column_01 a{
    color:#666;
	}

/* 幻灯切换 */
.slideBox{position:relative;display:block;height:400px;overflow:hidden;}
.slideBox .bd img{display:block;margin:0 auto;width:100%;height:400px}
.slideBox .prev{display:none;position:absolute;padding:0;left:40px;top:50%;margin-top:-54px;width:64px;height:109px;background: url('../images/normal_bg.png') no-repeat;background-position: 0 0;}
.slideBox .next{display:none;position:absolute;padding:0;right:40px;top:50%;margin-top:-54px;width:64px;height:109px;background: url('../images/normal_bg.png') no-repeat;background-position: -439px 0;}
.slideBox .hd{position:relative;top:-25px;z-index:1}
.slideBox .hd ul{text-align:center}
.slideBox .hd ul li{display:inline-block;cursor:pointer;width: 16px;height: 17px;background: url('../images/normal_bg.png') no-repeat;background-position: -249px -51px;}
.slideBox .hd ul li.on{background-position: -216px -51px;}
.slideBox .hd ul li:hover {background-position: -216px -51px;}

/*---------幻灯1--------*/


.banner {
   	width:530px;
	height:200px;
	position:relative;
	float:right;
	overflow:hidden;
	padding-top:25px;
}

.banner .banner-img {
	width:530px; 
	height:200px;
}

.banner .banner-img li{
   display:block;
   float:left;
}

.banner .banner-img img {
	width:530px; 
	height:200px;
}

.banner .banner-nav {
    width:60px;
    height:20px;
	right:240px;
	bottom:10px;
	position:absolute;	
}
.banner .banner-nav li {
	float:left;
	overflow:hidden;
	width:15px;
	height:15px;
	padding-left:5px;
}
.banner .banner-nav span{
	float:left;
	width:15px;
	height:15px;
	line-height:20px;	
	background:url(../images/22.png) no-repeat;
}
.banner .banner-nav .this span{
	display:block;
	width:15px;
	height:15px;
    background:url(../images/11.png) no-repeat;
}

/*---------幻灯2--------*/


.banner1 {
   	width:240px;
	height:310px;
	position:relative;
	float:left;
	overflow:hidden;
	padding-left:20px;
}

.banner1 .banner-img {
	width:240px; 
	height:310px;
}

.banner1 .banner-img li{
   display:block;
   float:left;
}

.banner1 .banner-img img {
	width:240px; 
	height:310px;
}

.banner1 .banner-nav {
    width:75px;
    height:20px;
	padding:8px 8px 8px 157px;
	right:0px;
	position:absolute;
	bottom:0px;
	background:rgba(0, 0, 0, 0.3) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
	filter:Alpha(opacity=30);
	background:#000;/*实现IE背景透明*/
}
.banner1 .banner-nav li {
	float:left;
	overflow:hidden;
	width:20px;
	height:20px;
	padding-left:5px;
}
.banner1 .banner-nav span{
	float:left;
	width:20px;
	height:20px;
	line-height:20px;
	font-size:12px;
	color:#666;
	text-align:center;
	background-color:#ccc;	
}
.banner1 .banner-nav .this span{
	display:block;
	width:20px;
	height:20px;
	color:#fff;
   background:#2e88be;
}

	
	
/*------------广告图片-------------*/

.imagesad{
   width:1200px;
   height:100%;
   overflow:hidden;
   padding-bottom:20px;
   margin:0 auto;
  }
  
.imagesad img{
   display:block;
  }
  

	
/*----------------------------列表模板样式-------------------------------*/


/*------------公共调用----------*/

.main{
   width:1200px;
   height:100%;
   overflow:hidden;
   margin:0 auto;
  }
  
.mainBody{
  width:100%;
  height:100%;
  overflow:hidden;
  margin-bottom:10px;
 }  


.main  ul{
   height:100%;
   overflow:hidden;
   }
  
.main li,.main img{
   display:block;
   }  
   
.main span{
   display:block;
   font-size:12px;
  } 
  
  
  
/*-------博跃产品分类---------*/  
  
.classification{
  width:200px;
  height:620px;
  overflow:hidden;
  float:left;
  } 
  
.classification .title{
  width:200px;
  height:40px;
  line-height:40px;
  text-indent:25px;
  color:#FFFFFF;
  font-size:14px;
  font-weight:bold;
  background:#2e88be url(../images/1_38.gif) no-repeat 176px 18px;
  } 
  
.classification ul{
  width:156px;
  height:580px;
  overflow:hidden;
  border-left:2px solid #2e88be;
  border-right:2px solid #2e88be;
  background:#fff;
  padding:0 20px;
  }     
  
 .classification h2{
  width:156px;
  height:40px;
  line-height:40px;
  display:block;
  color:#333;
  font-size:14px;
  float:left;
  padding-top:10px;
  } 
  
.classification ul li{
  display:block;
  float:left;
  }   
  
.classification ul li a{
  width:156px;
  height:38px;
  float:left;
  line-height:38px;
  display:block;
  text-indent:20px;
  color:#666;
  font-size:14px;
  border-bottom:1px dashed #dfdfdf; 
  background:url(../images/1_48.gif) no-repeat 3px 14px;
  }  
  
.classification ul li a:hover{
  color:#ff6600;
  background:url(../images/1_50.gif) no-repeat 3px 14px;
  } 
  
  
/*-----------------*/  

.product{
  width:1000px;
  height:620px;
  overflow:hidden;
  float:right;
  }
  
.product ul{ 
  width:1030px;
  padding-left:30px;
  }
  
.product ul li{
  width:428px;
  height:238px;
  overflow:hidden;
  float:left;
  margin:0 30px 30px 0px;
  border:1px solid #dfdfdf;
  padding:20px;
  background:#fff;  
  }  
 
.product ul li h5 a{
  width:428px;
  height:35px;
  line-height:35px;
  overflow:hidden;
  display:block;
  font-size:14px;
  color:#333333;
  padding-top:10px;
  } 
.product ul li h5 a:hover{color: #F00;}
.product ul li p{
  width:428px;
  height:50px;
  line-height:20px;
  overflow:hidden;
  font-size:12px;
  color:#666;
  }  
  
 .product ul li p a{
  color:#2e88be;
  } 
   .product ul li p a:hover{color: #F00;}
/*-----------------------*/ 

.contrast{
  width:100%;
  min-width:1200px;
  height:100%;
  overflow:hidden;
  background:#fff;
  padding-bottom:60px;
 margin:0 auto;
  }
  
.contrast .content{
  width:1200px;
 min-width:1200px;
  height:100%;
  overflow:hidden;
  margin:0 auto;
  }
  
.contrast .content img{
  display:block;
  }
  
.contrast .content .left{
  float:left;
  height:120px;
  } 
  
.contrast .content .right{
  float:right;
  height:80px;
  padding-top:40px;
  } 
  
.contrast .content .box{
  height:360px;
  float:left;
  margin-bottom:35px;
  } 
  
  
/*------------------------*/

.case{ 
    width:1200px; 
	height:820px;
	overflow:hidden;
	margin:0 auto;	
	}
	
.case .title{
    height:51px;
    padding:40px 0 30px 0;
	overflow:hidden;
	}
	
.case .content{ 
    width:1200px; 
	height:680px;
	overflow:hidden;
	overflow:hidden;
	}

.case #menubox {
    width:1194px;
	height:50px;
	position:relative;
	top:0px;
	margin-bottom:30px;
	float:left;
	border-right:1px solid #dfdfdf;
	background:url(../images/1_77.gif) repeat-x top;
	
}

.case #menubox ul{
	height:58px;
	text-align:center;
	list-style-type:none;
	}
	
.case #menubox ul li {
	float:left;
	height:58px;
	line-height:50px;
	cursor:pointer;
	text-align:center;
	width:149px;
	color:#333;
	display:block;
	overflow:hidden;
	font-size:14px;	
}

.case #menubox ul li a{
    width:149px;
	height:50px;
	display:block;
	color:#333333;
	border-left:1px solid #dfdfdf;
}

.case #menubox ul li.hover {
	height:58px;
	color:#333;
	border:none;
	background:url(../images/1_75.gif) repeat-x top;	
   }
   
.case #menubox ul li.hover a{
    width:149px;
	height:50px;
	display:block;
	
}

.case .tat{ 
   width:1200px;
   height:600px;
   overflow:hidden;
   }
	
   
.case .tat ul{
   width:1250px;
   height:600px;
   display:block;
   overflow:hidden;
  }  		
  
.case .tat ul li{
  width:250px;
  height:250px;
  overflow:hidden;
  float:left;
  display:block;
  margin:0 25px 25px 0;
  background:#fff url(../images/1_60.png);
  padding:15px;	
  } 
  
.case .tat ul li img{
  width:240px;
  height:140px;
  display:block;
  }  

.case .tat ul li h5 a{
  width:240px;
  line-height:36px;
  display:block;
  font-size:14px;
  color:#333;
  padding-top:10px;
  }
  
.case .tat ul li p{
  width:240px;
  height:50px;
  font-size:12px;
  color:#666;
  line-height:22px;
  }  
  
.case .tat ul li p a{
  color:#2d87be;
  }  
  
  
.case .tat ul li a:hover{
  color:#ff6600;
  background:url(../images/1_40.gif) no-repeat 3px 14px;
  }
   
  
/*--------------------*/ 
  
.fangan{
  width:100%;
  height:100%;
  overflow:hidden;
  background:#fff;
  padding:40px 0 60px 0;
  margin-bottom:20px;
  }  
  
.fangan .content{
  width:1200px;
  height:100%;
  overflow:hidden;
  margin:0 auto;
  }  
  
.fangan .content img{
  display:block;
  }  
  
.fangan .content .title{
  width:1200px;
  height:90px;
  overflow:hidden;
  }  
  
.fangan .content .title a{
  float:right;
  color:#666666;
  line-height:90px;
  }  
  
.fangan .content .left{
  width:580px;
  height:100%;
  overflow:hidden;
  float:left;
  } 
  
.fangan .content .left ul{
  width:600px;
  height:100px;
  padding:20px 0 40px 0;
  } 
  
.fangan .content .left ul li{
  display:block;
  float:left;
  padding-right:10px;
  }
  
.fangan .content .left ul li img{
  width:139px;
  height:99px;
  } 
  
.fangan .content .right{
  width:580px;
  height:100%;
  overflow:hidden;
  float:right;
  } 
  
/*-----------------*/  
  
.kehu{
  width:1200px;
  height:100%;
  overflow:hidden;
  margin:0 auto;
  margin-bottom:20px;
  } 
  
.kehu .title{
  width:1200px;
  height:90px;
  padding-top:20px;
  overflow:hidden;
  }
  
.kehu .title img{
  display:block;
  float:left;
  }  
  
.kehu .title a{
  display:block;
  float:right;
  line-height:90px;
  font-size:12px;
  color:#666666;
  }    
  .kehu .title a:hover{color: #F00;}  
  
.kehu ul{
  width:1300px;
  height:500px;
  overflow:hidden;
  }   
   
.kehu ul li{
  width:538px;
  height:100px;
  float:left;
  display:block;
  background-color:#fff;
  border:1px solid #dfdfdf;
  margin:0 40px 20px 0;
  overflow:hidden;
  padding:20px;
  }    
  
.kehu ul li img{
  width:100px;
  height:100px;
  float:left;
  display:block;
  padding-right:20px;
  } 
  
.kehu ul li h5 a{
  line-height:30px;
  color:#333333;
  font-size:14px;  
  } 
  
.kehu ul li p{
  line-height:30px;
  color:#666;
  font-size:12px;  
  }   
  
.kehu ul li p{
  line-height:22px;
  color:#999;
  font-size:12px;  
  } 
  
.kehu ul li p a{
  color:#2D87BE;
  }   
    
  
.kehu ul li a:hover{
  color:#ff6600;
  }     

/*--------------------*/ 
  
.meiti{
  width:100%;
  height:100%;
  overflow:hidden;
  background:#fff;
  padding:40px 0 30px 0;
  margin-bottom:20px; 
 
  }  
  
.meiti .content{
  width:1200px;
  height:100%;
  overflow:hidden;
  margin:0 auto;
  }  
  
.meiti .content .title{
  width:1200px;
  height:90px;
  overflow:hidden;
  }  
  
.meiti .content .title img{
  display:block;
  float:left;
  }  
  
.meiti .content .title a{
  float:right;
  display:block;
  color:#666666;
  line-height:90px;
  }  
  .meiti .content .title a:hover{color: #F00;}
.meiti .content .left{
  width:580px;
  height:100%;
  overflow:hidden;
  float:left;
  } 
  
.meiti .content .left ul{
  width:620px;
  height:100px;
  padding:0px 0 40px 0;
  } 
  
.meiti .content .left ul li{
  width:280px;
  height:250px;
  display:block;
  float:left;
  padding-right:20px;
  }
  
.meiti .content .left ul li img{
  width:280px;
  height:200px;
  display:block;
  } 
  
.meiti .content .left ul li span{
  width:280px;
  height:50px;
  line-height:50px;
  text-align:left;
  display:block;
  } 
  
.meiti .content .right{
  width:580px;
  height:100%;
  overflow:hidden;
  float:right;
  } 
  
.meiti .content .right ul{
  width:620px;
  height:100px;
  padding:0px 0 40px 0;
  } 
  
.meiti .content .right ul li{
  width:580px;
  height: auto;
  display:block;
  float:left;
  padding:0 20px 20px 0;
  }
  
.meiti .content .right ul li img{
  width:580px;
  height: auto;
  display:block;
  } 
  
.meiti .content .right ul li span{
  width:280px;
  padding:20px 0 0 0;
  text-align:left;
  display:block;
  } 


/*----------------*/

.about_us{
  width:1200px;
  height:550px;
  overflow:hidden;
  margin:0 auto;
  padding-top:20px;
  border-bottom:1px solid #dfdfdf;
  margin-bottom:20px;
  }  
  
.about_us .title{
  width:1200px;
  height:90px;
  overflow:hidden;
  border-bottom:3px solid #2e88be;
  }  
  
.about_us .title img{
  float:left;
  display:block;
  }  
  
.about_us .title a{
  float:right;
  color:#666666;
  display:block;
  line-height:90px;
  padding:0 15px;
  background:url(../images/1_31.gif) no-repeat right 39px;
  }  
  .about_us .title a:hover{color: #F00;}
.about_us .left{
  width:755px;
  height:458px;
  overflow:hidden;
  float:left;
  padding-right:25px;
  border-right:1px solid #dfdfdf;
  background-color:#FFFFFF;
  } 

.about_us .left .img{
  width:200px;
  height:780px;
  float:left;
  } 

.about_us .left h1{
  width:530px;
  height:46px;
  line-height:46px;
  display:block;
  float:right;
  font-size:14px;
  color:#333333;
  padding-top:10px;
  } 


.about_us .left p{
  width:530px;
  height:50px;
  line-height:24px;
  display:block;
  float:right;
  color:#666666;
  } 

.about_us .right{
  width:395px;
  height:433px;
  overflow:hidden;
  float:left;
  border-right:1px solid #dfdfdf;
  background-color:#FFFFFF;
  padding:30px 0 0 23px;
  } 

.about_us .right .tit{
  width:370px;
  height:110px;
  overflow:hidden;
  background-color:#2e88be;
  } 

.about_us .right .tit img{
   padding:26px 0 0 40px;
  }
  
.about_us .right ul li{
  width:178px;
  height:78px;
  overflow:hidden;
  float:left;
  margin:10px 10px 0 0;
  border:1px solid #e9e9e9;
  }


/*-------------------*/


.trinity{
   width:1200px;
   height:220px;
   overflow:hidden;
   margin:5px 0 15px 0;
   }

.trinity ul{
  width:1250px;
  height:220;
  overflow:hidden;
  }
   
.trinity ul li{
   width:200px;
   height:188px;
   display:block;
   float:left;
   margin-right:25px;
   padding:9px;
   border:1px solid #dfdfdf;
   background:#fff;
   }   
   
.trinity ul li img{
   width:200px;
   height:150px;
   display:block;
   }  
 
.trinity ul li span a{
   width:180px;
   height:42px;
   line-height:42px;
   text-align:center;
   display:block;
   color:#666666;
   } 
   
.trinity ul li span a:hover{
  color:#ff6600;
   }    
  
/*------------------------*/

.news{ 
    width:708px; 
	height:408px;
	overflow:hidden;
	float: left;
	border:1px solid #dfdfdf;
	background:#FFFFFF;
	margin-bottom:10px;
	}
	
.news .box{ 
    width:708px; 
	height:408px;
	overflow:hidden;
	}

.news #menubox {
    width:708px;
	height:49px;
	position:relative;
	top:0px;
	margin-bottom:20px;
	float:left;
}

.news #menubox ul{
	height:49px;
	text-align:center;
	list-style-type:none;
	background:url(../images/1_216.gif) repeat-x top;
	}
	
.news #menubox ul li {
	float:left;
	height:49px;
	line-height:49px;
	width:auto;
	cursor:pointer;
	text-align:center;
	width:150px;
	color:#333;
	font-size:14px;
	border-right:1px solid #dfdfdf;	
}

.news #menubox ul li.hover {
	height:49px;
	font-weight:bold;	
	color:#333;
	background:#FFFFFF;
	border-right:1px solid #dfdfdf;		
   }
   
.news #menubox ul span a{
    width:70px;
	float:right;
	font-size:12px;
	color:#666666;
	line-height:49px;
	display:block;
}

.news #menubox ul span a:hover{
	color:#ff6600;
}

.news .tat{ 
   width:390px;
   height:340px;
   overflow:hidden;
   padding-right:35px;
   float:right;
 }
	
 
.news .tat .hot{
   width:390px;
   height:110px;
   overflow:hidden;
   margin-bottom:15px;
   border-bottom:1px solid #dfdfdf;
   }
   
.news .tat .hot h3 a{
    width:390px;
    height:28px;
	line-height:20px;
	font-size:14px;
	display:block;
	color:#333333;	
   }
   
.news .tat .hot h3 a:hover{
   color:#ff6600;
   }
   
.news .tat .hot p {
   width:390px;
   float:right;
   font-size:12px;
   line-height:22px;
   color:#999;
   }
   
.news .tat .hot p a{
   color:#666666;
    }
	
.news .tat .hot p a:hover{
   color:#ff6600;
    }	

.news .tat ul{
   height:320px;
   overflow:hidden;
  }  		
  
.news .tat ul li{
  width:390px;
  height:30px;
  line-height:30px;
  overflow:hidden;
  float:left;
  display:block;
  }  
.news .tat ul li span{ display:block;width:85px;float:right;}
.news .tat ul li a{
  display:block;
  width:305px;
  float:left;
  font-size:12px;
  color:#333;
  text-indent:18px;
  background:url(../images/1_223.gif) no-repeat 3px 14px;
  }
  
.news .tat ul li a:hover{
  color:#ff6600;
  background:url(../images/1_223.gif) no-repeat 3px 14px;
  }
  
  
 
/*---------常见问题解答----------*/	

.faq{
   width:463px;
   height:408px;
   float:right;
   overflow:hidden;
   background: #FFFFFF;
   border:1px solid #dfdfdf;
   margin-bottom:10px;
 }
 
.faq .title{
   height:49px;
   line-height:49px;  
   background:url(../images/1_216.gif) repeat-x;
  }
  
.faq .title h2{
   font-size:14px;
   display:block;
   float:left;
   color:#333;
   padding-left:20px;
   }
 
.faq .title span a{
   font-size:12px;
   display:block;
   float:right;
   color:#666;
   padding-right:20px;
   } 
   
.faq .title span a:hover{
   color:#ff6600;
   }
   
.faq ul{ 
   height:544px;
   display:block;
   padding:20px;
   overflow:hidden;
   background-color:#FFFFFF;
   }  
   
.faq ul img{
   margin-bottom:10px;
   display:block;
   } 
   
.faq ul li{
  width:325px;
  height:29px;
  float:left;
  line-height:29px;
  overflow:hidden;
  display:block;
  }  

.faq ul li a{
  display:block;
  float:left;
  font-size:12px;
  color:#333;
  text-indent:18px;
  background:url(../images/1_223.gif) no-repeat 3px 14px;
  }
  
.faq ul li a:hover{
  color:#ff6600;
  background:url(../images/1_223.gif) no-repeat 3px 14px;
  }  
  
/*-------------------*/  

.links{
  width:100%;
  height:100%;
  overflow:hidden;
  background:#fff;
  border-top:1px solid #dfdfdf;
  margin-top:20px;
 }

.links ul{
  width:1200px;
  height:100%;
  display:block;
  overflow:hidden;
  margin: auto;
 }
   
  
.links h3{
   width:1200px; 
   height:36px;
   line-height:30px;
   display:block;
   color:#333333;
   background:url(../images/1_30.gif) repeat-x;  
 }
  
 .links ul{
   width:1200px; 
   height:100%;
   overflow:hidden;
   padding:20px 0 30px 0;
 } 
 
.links ul li{
   display:block;
   float:left;
   white-space: nowrap;
 }  
  
.links ul a{
   display:block;
   float:left;
   height:24px;
   line-height:24px;
   padding-right:10px;
   color:#333;
   white-space: nowrap;
 }