/*本页为电池详情页*/
/*包括本页的2个部分：1、导航条文字；2、产品图片和指标；3、tip*/
/*产品特点在style.css表中*/
/* 页面尺寸：banner画面按1920宽，主页面宽按50%设置，相当于960 */
/* 页面整体居中*/

@charset "utf-8";
/* CSS Document */

/*== 3-1【顶部导航条内的电池title】 开始《《》《》《》《》《》《》《》《》《》《》《》《》《》*/
.top_h1{		/* 产品让标题漂浮在导航栏上 */
	font-size: 1em; 
	font-weight: normal; 
	z-index:100;  
	position:fixed; 
	top:0px; 
	left:25%; 	}	
/*== 3-1【产品图片和参数】 开始《《》《》《》《》《》《》《》《》《》《》《》《》《》*/

/*== 3-2【产品图片和参数】 开始《《》《》《》《》《》《》《》《》《》《》《》《》《》*/
.product_d{		/* 电池和充电器两部分都用这个样式，左边图片，右边参数配置 */
	width:100%; 
	background-color:#ffffff; 
	clear: both;}
.left_img_d{		/* 产品图片框 */
	width: 40%; 
	margin: 80px 0px 80px 150px;
	float:left; }
.img_d_img{		/*只用于产品图片框，按400px显示*/
    width:400px;
    height:400px;
	float:right;
    cursor:hand;
   /*   默认样式,鼠标移开后,自动还原 */
    transform: scale(1.0,1.0);
    -ms-transform:scale(1.0,1.0);
    -moz-transform:scale(1.0,1.0);
    -webkit-transform:scale(1.0,1.0);
    -o-transform:scale(1.0,1.0);   }
.img_d_img:hover{		/*鼠标放上时，图片放大的 css样式设置  */
      transform: scale(1.5,1.5);
      -ms-transform:scale(1.5,1.5);
      -moz-transform:scale(1.5,1.5);
      -webkit-transform:scale(1.5,1.5);
      -o-transform:scale(1.5,1.5); }


.right_d{		/*右边的产品指标框 */
	width: 40%;
	float:left; 
	padding:0px 0px 50px 100px;}
.right_d h3{	/*副标题样式*/
	font-size:1em; 
	color:#f02563;	}
.para_d{		/*参数框 */
	font-size: 0.9em;
	font-weight: 600;
	color: #1c1c1c;
	line-height: 40px;}

.para_s1{		/* 参数*/
	font-size: 1em;
	font-weight: 600;
	color: #1c1c1c;
	line-height: 40px;}
.para_s2{		/* 中间当做空格使用，白底 */
	line-height: 40px;
	color:#ffffff;}
.para_s3{		/* 参数值*/
	font-size: 1em;
	font-weight: normal;
	color: #E0013F;
	line-height: 40px; }
/*== 3-2【产品图片和参数】 结束《《》《》《》《》《》《》《》《》《》《》《》《》《》*/

/*== 3-3【tip】 开始《《》《》《》《》《》《》《》《》《》《》《》《》《》*/
.tip_d{  /* 放置tip的框 */
	width: 50%; 
	margin: auto; 
	text-align:left;
	padding: 20px 100px 40px 100px; }
/*== 3-3【tip】 结束《《》《》《》《》《》《》《》《》《》《》《》《》《》*/


@media screen and (max-width:900px)	{
	
.top_h1{		/* 产品让标题漂浮在导航栏上 */
	font-size: 1em; 
	font-weight: normal; 
	z-index:100;  
	position:fixed; 
	top:0px; 
	left:5%; 	}
.left_img_d{		/* 产品图片框 */
	width: 450px; 
	margin:auto;
	clear: both;
	margin: auto;
	padding: 80px 0px 50px 0px; /* 下部用于图片放大后的空间 */
	}

.img_d_img{		/*只用于产品图片框，按400px显示*/
    width:400px;
    height:400px;
	margin:auto;
    cursor:hand;
   /*   默认样式,鼠标移开后,自动还原 */
    transform: scale(1.0,1.0);
    -ms-transform:scale(1.0,1.0);
    -moz-transform:scale(1.0,1.0);
    -webkit-transform:scale(1.0,1.0);
    -o-transform:scale(1.0,1.0);   }
	
.right_d{		/*右边的产品指标框 */
	width:400px;
	margin: auto;
	clear: both;
	padding:0px 0px 30px 0px;}

.para_d{		/*参数框 */
	margin: auto;
	padding-left: 20%;
	font-size: 0.9em;
	font-weight: 600;
	color: #1c1c1c;
	line-height: 40px;}
	
.tip_d{  /* 放置tip的框 */
	width: 80%; 
	margin: auto; 
	text-align:left;
	padding: 20px 50px 40px 50px; }
}