/* 
		site name : 上海珍岛信息技术有限公司;
		site time : 2014-12-8;
	*/


	.heder-box 						{	

										position: fixed;
										width: 100%;
										height: auto;
										top: 0;
										left: 0;
										z-index: 1000;

	}
	
	
	/* banner */

	.banner 						{	position: relative; z-index: 80; position: relative;overflow:hidden;	}

	.carousel-indicators 			{	z-index: 30px;						}
	.banner .maxPic 				{	position: relative; z-index: 10;	}
	.banner .minPic 				{
										position: relative;
										z-index: 20;
										position: absolute;
										top: 0;

									}


	
	.banner .slick-dots 		{
										position: absolute;
										bottom: 0;
										width: 100%;
										left: 0;
										height: 30px;
										line-height: 25px;
										padding: 0;
	}
	
	.banner .slick-dots li {
										display: inline-block;
										width: 50px;
										height: 5px;
										background: #fff;
										text-indent: -9999px;
	}
	
	
	.banner .slick-dots li button:before {
		
										width: 100%;
										height: 100%;
										font-size: 0px;
										line-height: 5px;
										background: #24bbe8;
										opacity: 0;
	}
	.banner .slick-dots .slick-active button:before {
										opacity: 1;
	}
	
	.banner-txt {
									position: absolute;
									width: 50%;
	}
	
	.banner .slick-prev {
									position: absolute;
									width: 10%;
									height: 100%;
									left: 0;
									top: 0;
									background: url(../images/banner-prev.png) no-repeat center center;
	}
	
	.banner .slick-next {
									position: absolute;
									width: 10%;
									height: 100%;
									right: 0;
									top: 0;
									background: url(../images/banner-next.png) no-repeat center center;
	}
	
	#min-banner 					{	display: none;	}
	
	
	/* 栏目标题 */

	.column-title 					{	padding:10px 10px;	position: relative;								}
	.column-title .ch 				{	
										background: url(../images/point-gary.jpg) repeat-x center center;
										font-size: 40px;
										color: #333333;	
										position: relative;
										z-index: 30;	
									}

	.column-title .ch b 			{
										width:80%;
background:#fff;
										padding:0 15px;
										font-weight: 400;

									}

	.column-title .en 				{
										font-size: 24px;
										color: #9b9b9b;
										text-transform: uppercase;
padding:5px 0;
									}
	.column-title .green 			{	color: #24bbe8;		}
	.column-title .clude 			{
										line-height: 20px;
										overflow: hidden;
										margin-top: 10px;
									}

	.column-title .more 			{	
										display: inline-block;
										padding: 10px 5%;
										line-height: 100%;
										text-transform: uppercase;
										margin-top: 10px;

	}

	.column-title .moreStyle1 		{	color: #333; border: 1px solid #d2d2d2;	}
	.column-title .moreStyle2 		{	color: #fff; border: 1px solid #82d0cb;	}
	
	.column-title .line 			{
										width: 100%;
										height: 1px;
										background: #cecece;
										position: absolute;
										top: 65px;
										left: 0;
										z-index: 10;

									}
	

	/* 厨房电器展示 */

	.home-proshow 					{	width: 1305px;	}
	.home-proshow a:hover,
	.home-proshow a 				{	color: #fff;	}
	.home-proshow li 				{	

										float: left;
										margin: 8px;
										width: 245px;
										height: 170px;
										position: relative;
										overflow: hidden;
	}



	.home-proshow li img 			{position: relative; z-index: 10;	}
	.home-proshow .hoverdir 		{	
										position: absolute;
										width: 100%;
										height: 100%;
										left: 0;
										top: 100%;
										background: url(../images/op-green.png) repeat repeat;
										z-index: 20;
										display: block;
	}


	.home-proshow .hoverdir .box 	{	display: block;	padding: 30px 20px; text-align: center; color: #fff;	}
	.home-proshow .hoverdir span 	{	display: block; overflow: hidden;	}
	.home-proshow .name 			{	font-size: 24px; height: 34px; 						}
	.home-proshow .clude 			{	height: 34px; overflow: hidden; margin-top: 10px;	}
	.home-proshow .more 			{	color: #fff; padding: 2px 10px; margin-top: 15px; border: 1px solid #fff; display: inline-block;	}
	


	#pro-type 						{	padding: 13px 10px;					}
	#pro-type a 					{	

										display: inline-block;
										padding: 8px 20px;
										background: #fff;
										color: #333;
										font-size: 14px;

	}

	#pro-type a:hover,
	#pro-type .active 				{	background: #24bbe8; color: #fff; border-radius: 6px;	}



	/* 先进技术 */

	.technology 					{	width: 1280px; background: url(../images/green-bg.jpg) no-repeat right bottom;	 padding-bottom: 2%;		}
	.technologyShow 				{	padding: 0 5px;			}
	.technology-box 				{	background: #24bbe8;	}

	#tec-thumbs div 				{

										float: left \9;
										width: 316px \9;
										padding: 0 15px \9;
										*float: left;
										*width: 285px;
										*padding: 0 15px;
										p
									}


	/* 招商加盟 */

	.home-join 						{	width: 1280px; padding: 40px 0;									}
	.home-join img 					{	max-height: 100%;												}
	.home-join li 					{
										margin-left: -1px;
										padding-left: 0;
										padding-right: 0;
										*width: 318px;
										*margin: 0 0 0 0;
										width: 318px \9;
										margin: 0 0 0 0 \9;
									}

	.home-join li a 				{	
										display: block;
										padding: 10px 20px; 	


	}
	.home-join li span 				{	font-size: 18px; display: block; margin-top: 10px;				}
	.home-join li a:first-child 	{	border-left: 1px solid #e2e2e2;									}
	
	.home-join li:hover img 		{	

										-webkit-animation:pulse 0.5s 0s ease both;
										-moz-animation:pulse 0.5s  0s ease both;}
										@-webkit-keyframes pulse{
										0%{-webkit-transform:scale(1)}
										100%{-webkit-transform:scale(1.1)}
										}
										@-moz-keyframes pulse{
										0%{-moz-transform:scale(1)}
										100%{-moz-transform:scale(1.1)}

	}


	/* 新闻中心 */

	.home-news-box 					{	background: #f5f5f5; padding: 3% 0;								}
	.home-news 						{	width: 1280px; padding: 0 10px;	}
	.news-item-r 					{	float: right;	}
	.news-item-l					{	float: left;	}
	.news-item-r,
	.news-item-l					{	width: 49%; background: #fff; min-height: 275px;					}

	.news-item-l .news-name,
	.news-item-r .news-name 		{
										padding: 20px;
										border-bottom: 1px solid #f5f5f5;	
										font-size: 22px;
										color: #000;
										position: relative;

									}

	.news-item-l .news-name .en,
	.news-item-r .news-name .en 	{	font-size: 14px; color: #9a9a9a; text-transform: uppercase; font-family: "Arial"; margin-left: 10px;	}

	.news-item-l .news-name .more,
	.news-item-r .news-name .more

									{	

										position: absolute;
										right: 0;
										top: 0;
										height: 100%;
										line-height: 220%;
										font-size: 14px;
										color: #2d2d2d;
										padding: 20px 30px;
										border-left: 1px solid #f5f5f5;
										display: inline-block;

									}

	.last-news 						{	padding: 0px 20px;	}
	.last-news li 					{	margin: 20px 0;		}

	.last-news .pic 				{	width: 30%; float: left;	}
	.last-news .txt 				{	width: 67%; float: left; margin-left: 3%; 	}
	.last-news .txt .name 			{	font-size: 14px; overflow: hidden; width: 90%;			}
	
	.media-focus li .text .clude,
	.last-news .txt span 			{	display: block; height:40px; line-height:20px;  margin-top: 5px; color: #7a7a7a; overflow:hidden}


	.media-focus li 				{	padding: 8px; position: relative; *height: 80px;		}
	.media-focus li .num 			{	width: 20%;	float: left;	}
	.media-focus li .text 			{	width: 80%;	float: right;	}

	.media-focus li .num span 		{	display: block; width: 100%;  font-size: 60px; font-family: "Tahoma"; color: #9a9a9a;	}
	.media-focus li .text span 		{	display: block; padding: 0 20px; border-left: 1px solid #adadad; 	}
	.media-focus li .text .name 	{	height: 28px; line-height: 28px; font-size: 14px; position: relative;		}
	.media-focus li .text .name a 	{	display: inline-block; width: 90%;	}
	.media-focus li .text .name .time

									{	position: absolute; right: 0; top: 0; color: #b9b9b9; font-size: 12px;	border: 0;	}

	.media-focus li:hover 			{	background: #24bbe8; color: #fff;	}


	.media-focus li:hover .clude,
	.media-focus li:hover .name a,
	.media-focus li:hover .name .time,
	.media-focus li:hover .num span {	color: #fff;						}

	.media-focus li:hover .num span {	border-right: 1px solid #ffffff;	 }
	.media-focus li:hover .line 	{	display: block;						}
	.media-focus li .line 			{	
										display: none;
										width: 10px;
										height: 100%;
										position: absolute;
										right: -10px;
										top: 5px;
										background: #24bbe8;
										border: 0;

	}