@charset "utf-8";		/* 文本保存传输形式设定 */
/* CSS Document */

/*本页包括4个部分：1、banner图；2、sense形象；3、锂电特点、4、电池list（三元和铁锂板块样式相同）*/
/* 页面尺寸：banner画面按1920宽，主页面宽按50%设置，相当于960 */
/* 页面整体居中*/




/* 【主体大框】横向同行占位的通用样式 */
#content{	
	width: 100%;		/* 满宽 */	
	height: auto;		/* 自适应高度 */	
	margin:auto;		/* 居中 */	
	clear: both;	}	/* 清除float，防止下面元素float上来 */	


#faq_a_d{  /* 放置tip的框 */
	width: 50%; 
	margin: auto; 
	text-align:center;
	background-color:#D7E7EF; 
	padding: 30px 0px 30px 0px;}

.faq_d{   /* 放置特点的大框，图片以不重复背景设置 */
	margin: auto;		/* 居中显示 */
	width: 50%;		/* 大框统一 */
	height: auto;;
	 }			/*阴影特效*/
.faq_d_d{
	float: left; 
	width: 78%;
	margin-top: 20px;
	box-shadow: 1px 4px 4px 4px #b8b8b8;
	padding: 30px 50px 50px 50px;}

.faq_d a{
	line-height: 30px; }


/*== 4-4 【产品list】 开始 》》》》》》》》》》》》》》》》》》》》》》》》*/
/* 产品list顶头标题banner*/


/* 产品list容纳的大框*/
.bat_container{		/*按50%显示*/
	width: 100%;
	margin: auto;
	clear: both; 		/*防止下面内容float上移*/
	overflow: hidden;  }  /*重要！！！防止下面页脚元素上移叠加显示*/
.list_head_d{
	width: 50%;
	height:90px;
	margin:auto;	}	/* 居中显示 */	
.list_head_d>h2{
	color: #ffffff;  
	text-align: left;
	padding: 10px 0px 25px 40px;}
.list_head_d>h2>span{font-size: 0.7em;}
.l_h_t_bk{
	background-image:url(../image/list_bar_t.jpg);	/* 示意图用背景方式 */
	background-repeat:repeat-x;}
.l_h_i_bk{
	background-image:url(../image/list_bar_i.jpg);	/* 示意图用背景方式 */
	background-repeat:repeat-x;}
.l_h_s_bk{
	background-image:url("../image/list_bar_s.jpg");	/* 示意图用背景方式 */
	background-repeat:repeat-x;}

.bat_list_d{
	width: 50%;
	margin: auto;}

/* list的单项电池链接容器 */
.bat_list_a {		
	background-color: #ffffff;		/*白色背景*/
	margin: 20px 20px 20px 0px;		/*配合阴影特效*/
	text-align: center;			/*文字居中对齐*/
	text-decoration: none;		/*链接取消装饰*/
	width:280px;		/*尺寸再宽，鼠标移过会挤下去*/
	height:390px;
	float: left;	}		/*排列方式*/
a.bat_list_a:hover {	/* 产品list链接容器在鼠标上移后特效*/
	margin: 5px 25px 35px 0px;		/*list内容上提*/
	box-shadow: 6px 6px 3px #cccccc;	}		/*鼠标移动出阴影特效*/

.bat_list_a div{		/*单项list内文字小框*/
	width: 55%;
	margin: auto;
	text-align: left;	}
.bat_list_a span{ /* 单项特点文字*/
	margin-top: 0px;
	font-size: 0.9em;
	line-height: 150%;
	color:#6d6b6c;	}
	

/*== 4-4【产品list】 结束《《《《《《《《《《《《《《《《《《《《《《《*/


@media screen and (max-width:1000px)	{
#faq_a_d{  /* 放置tip的框 */
	width: 85%; 
	margin: auto; 
	text-align:center;
	background-color:#D7E7EF; 
	padding: 30px 0px 30px 0px;}
	
.list_head_d{
	width: 85%;
	height:90px;
	margin:auto;	}	/* 居中显示 */	
	
.bat_list_d{
	width: 85%;
	margin: auto;}
}



