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

	/* 公用样式库 -------------------------------------------------------------------------- */


	/*  ---- 框架样式 ---- */

	/* TOP */

	.top 						{	height: 34px; background: #666; color: #fff; overflow: hidden; position: relative; z-index: 900;	}
	.top a,
	.top a:hover 				{	color: #fff;	}
	.top .box 					{	

									float: right;

	}

	.top .icon 					{	margin-right: 5px;	}
	.top .icon-link 			{	
									display: inline-block;
									height: 34px;
									line-height: 34px;
									padding: 0 10px;
									margin-left: -1px;
									border-left: 1px solid #ccc;
									border-right: 1px solid #ccc;

	}

	.top .icon-link img 		{	position: relative; top: -1px;	}

	.top-container 				{	width: 1280px;}

	/* search */

	.search  					{	padding: 7px 10px;	}
	.search input[type='text']  {	

									width: 190px;
									height: 20px;
									border: 0;
									background: #fff;
									border-radius: 0;
									color:#333;
	}

.search input[type='text']::-webkit-input-placeholder{
    color: #999;
}

	.search input[type='submit']

								{	

									width: 20px;
									height: 20px;
									border: 0;
									border-radius: 0;
									background: url(../image/search-submit.jpg) no-repeat center center #fff; 

								}


	.search ::-webkit-input-placeholder 

								{ /* WebKit browsers */
								    color:    #c7e8e6;
								}

	.search :-ms-input-placeholder

								{ /* Internet Explorer 10+ */
								    color:    #c7e8e6;
								}
	
	.inputTs 					{	color: #f1f1f1;		}


	.header 					{	
										
									box-shadow: 0 2px 5px #999;
									position: relative;
									z-index: 100;
									background: #fff;
	}

	.header-container 			{ padding:0 5px; width: 1280px; }
	
	/* logo */

	.logo 						{	width: 264px; padding:8px 0;}
	.menu 						{	width: 70%; margin-top:2%;}

	/* menu */

	.mm-list .active 			{	background: #1ea0c7;	}
	.slideNav-btn 				{	font-size: 24px; line-height: 30px; display: none; margin-left: 8px;	}

	.menu-main li 				{	
	
									display: inline-block;
									*display: inline;
									*zoom:1;
									font-size: 15px;
									position: relative;
									margin-top: 10px;
									padding: 5px 2% 0 2%;
									border-top: 2px solid #fff;
									text-transform: uppercase;

	}

	.menu-main .active,
	.menu-main li:hover 		{	border-top: 2px solid #24bbe8;		}



	/* FOOT */
	.foot-box 					{	background: #24bbe8; padding-top: 10px; border-top: 10px solid #e6e6e6;	}
	.foot-nav-box 				{	background: #272727; border-top: 1px solid #424242;	padding: 35px 10px;	}
	.foot-nav 					{	width: 1280px; color: #757575; position: relative;						}
	.foot-nav li 				{	
					
									width: 180px;
									*width: 100px;
									float: left;
									padding: 0 40px;
									min-height: 150px;
									border-left: 1px solid #3b3b3b;

	}

	.foot-nav li dt a,
	.foot-nav li dt 			{	font-size: 18px; color: #fff; font-weight: 400; margin-bottom: 10px;		}
	.foot-nav li dd a,
	.foot-nav li dd 			{	height: 25px; line-height: 25px; color: #757575;	}
	.foot-nav li dd a:hover 	{	color: #FFF;										}
	
	.erweima 					{	position: absolute; width: 400px \9; right: 0; top: 0; font-size: 15px; color: #fff;	line-height: 30px;		}
	.erweima img 				{	margin-left: 20px;									}
	.erweima span 				{	font-size: 24px; font-family: "Arial";				}
	.erweima .num 				{	margin-top: 8px;									}
	
	.foot-text-box 				{	background: #191919; padding: 12px 10px;			}
	.foot-text 					{	width: 1280px; font-size: 12px; color: #767676; font-family: "宋体";	}
	.foot-text .link a,
	.foot-text .link 			{	color: #CCC;		}


	
	/* P-HEADER */
	.p-header 					{	padding: 20px 10px 10px 10px; border-bottom: 1px solid #e6e6e6; overflow: hidden;	}
	.p-header-main 				{	width: 1120px;		}
	
	.p-header-nav 				{	float: left; overflow: hidden;	max-width:70%	}
	.p-header-nav li 			{	
									float: left;
									background: #808080;
									color: #fff;
									padding: 5px 30px;
									margin-right: 10px;
									margin-top:2px

	}

	.p-header-nav li a 			{	color: #fff; font-size: 15px; display: block; width: 100%; height: 100%;	}
	.p-header-nav .active,
	.p-header-nav li:hover 		{	background: #24bbe8;	}
	.p-minbanner 				{	display: none;			}
	
	.p-pos 						{	float: right; color: #797979; position: relative; top: 18px; *top:10px; max-width:28%; height:20px; line-height:20px; overflow:hidden;}
	.p-pos a 					{ 	color: #797979; text-transform: uppercase;									}
	.p-pos .glyphicon 			{	margin-right: 5px;							}

	.p-pos span 				{	color: #24bbe8; text-decoration: underline; text-transform: uppercase;	}
	.p-pos h2 					{	font-size: 12px; display: inline;			}
	
	.p-content 					{	width: 1150px; padding: 0 15px 30px 15px;			}
	.one-pContent 				{	width: 1175px; padding: 30px; background: #fff; position: relative; top: -65px;		}
	
	.cont-title 				{
									padding-bottom: 10px;
									border-bottom: 1px solid #f0f0f0;
									position: relative;	
									*height: 40px;

								}

	.cont-title .name 			{	font-size: 28px; float: left; text-transform: uppercase; color: #2d2d2d; display: inline-block; overflow: hidden;			}
	.one-content 				{	padding: 40px 0 0 0;								}
	

	/* PAGE-NUM */
	.page-num 					{	margin-top: 30px; text-align: right;		}

	.page-num span,
	.page-num a 				{	
									display: inline-block;
									width: 25px;
									height: 25px;
									text-align: center;
									line-height: 25px;
									color: #fff;
									background: #b2b2b2;
									font-size: 12px;
									margin:0 2px 0 2px;

	}

	.page-num span:hover,
	.page-num a:hover,
	.page-num .active,.page-num .cpb 			{	background: #24bbe8; color: #fff;	}

	.page-num .control 			{	text-transform: uppercase; color: #666; position: relative; top: 1px; background: #fff; width: 90px; height: 25px; line-height: 25px; border: 1px solid #ccc;	}


	/*------------------------------------华丽的分割线--------------------------------------------------------------*/

	/*  ---- 栏目样式 ---- */

	/* 产品 */

	.pro-clude 					{	padding: 30px 0; line-height: 22px;								}
	#p-proList li 				{	width: 265px; height: 190px; margin: 0 18px 18px 0;				}
	#p-proList li .hoverdir 	{	background: url(../image/op-green.png) repeat repeat;			}
 		 	
	.pro-header 				{	background: #f1f1f1; padding-bottom: 10px; border-bottom: 4px solid #858585; *height: 410px;	}
	.parameters 				{	

									width: 385px;
									padding: 30px;
									float: right;
									text-align: center;

	}

	.parameters img 			{	max-width: 100%;	}
	.paramet-list 				{	margin-top: 30px;	}
	.paramet-list li 			{	padding: 7px 0;	background: #eaeaea;	}

	.pro-imgShow 				{	width: 730px; float: left;	}
	.pro-imgShow .imgleft 		{	width: 580px; height: 410px; float: left; position: relative;		}
	.pro-imgShow .imgleft img 	{	width: 100%; height: 100%;				}

	.pro-imgShow .imgleft .line {	width: 100%; height: 4px; background: #ff9600; position: absolute; bottom: -14px; left: 0;	}

	.pro-imgShow .imgleft li 	{	width: 100%; height: 100%;	position: absolute;	 left: 0; top: 0; opacity:0; filter:alpha(opacity=0); z-index: 1;	}
	.pro-imgShow .imgleft .active 
	
								{	z-index: 2;	}

	.pro-imgShow .imgright 		{	width: 140px; height: 410px; float: right; 	}
	.pro-imgShow .imgright li 	{
									width: 100%;
									height: 95px;
									cursor: pointer;
									padding: 5px;
									margin: 6px 0;
									border: 1px solid #dadada;
									background: #fff;
									*width: 130px;
									*height: 80px;
								}

	.pro-imgShow .imgright li img
			
								{	width: 100%; height: 100%;	}
	.pro-imgShow .imgright .active 
	
								{	border: 1px solid #a3a3a3; background: #b7b7b7;	}


	.column-heading 			{	height: 35px; border-bottom: 1px solid #ececec; margin: 30px 0; }
	.column-heading .ch 		{	font-size: 20px; color: #010101; display: inline-block;text-align: center; padding: 0 10px; border-bottom: 1px solid #009e96; height: 100%; position: relative; top: 1px;	}
	.column-heading .en 		{	font-size: 15px; font-family: "arial";	}


	.custom01 					{	float: left;	}
	.custom02 					{	float: right;	}

	.custom01,
	.custom02 					{	width: 47%;	border-top: 10px solid #ececec;	border-bottom: 10px solid #ececec; padding: 30px 0; min-height: 580px; *min-height: 500px;		}

	.custom01 img,
	.custom02 img 				{	max-width: 100%;	}
	
	.custom01 .right-pic,
	.custom02 .right-pic 		{	width: 30%;	float: right; text-align: right;				}

	.custom01 .left-txt,
	.custom02 .left-txt 		{	width: 65%; float: left;	} 
	
	.custom01 .left-txt ul,
	.custom02 .left-txt ul 		{ 	padding-left: 10px;	 font-size: 13px;	}


	.custom01 .left-txt li,
	.custom02 .left-txt li 		{	background: url(../image/round.jpg) no-repeat left 5px; padding-left: 15px; margin-bottom: 20px;				}

	.pro-editor 				{	*min-height: 200px;	}

	/* 案例展示 */
	
	.technolog-show  			{	width: 90%; margin-top: 50px; margin-bottom: 40px;			}
	.technolog-show img 		{   border: 2px solid #fff;	}
	
	
	/* 服务支持 */
	
	.service-box 				{	padding: 50px 0 30px 0;	}
	
	.s-butler .title 			{	font-size: 28px; line-height: 32px;	color: #333;	} 		
	.s-butler span 				{	display: block;		}
	.s-butler .min-txt 			{	font-size: 17px; color: #737373;	}

	.s-butler-content 			{	margin-top: 20px; *height: 450px; padding: 50px 0; background: url(../image/bgstyle01.png) no-repeat center top;	}

	.butler-l 					{	float: left;	}
	.butler-r 					{	float: right;	}
	
	.butler-box 				{	width: 47%;		}
	
	.butler-box .container-fluid{	*margin-bottom: 50px; clear: both;}

	.butler-box .txt 			{	line-height: 24px; padding: 10px; width: 230px \9; float: left \9; *width: 200px; *float: left;					}
	.butler-box .pic 			{	float: right \9; width: 280px \9; *float: right; *width: 280px; 	}
	.butler-box img 			{	height: 130px \9; *height: 130px;	}
	.butler-box .picmar 		{	float: left \9; width: 280px \9; *float: left; *width: 280px;		}
	.butler-box h2 				{	font-size: 20px; color: #333; margin-bottom: 10px;	}
	
	.butler-box .orange 		{
									background: url(../image/bgstyle02.jpg) repeat-y left top #ff9600;
									color: #fff;
									*height: 130px;
								}	

	.butler-box .orange h2  	{	color: #fff;										}
	
	.butler-box .margin-top 	{	margin-top: 50px;		}
	.butler-box .container-fluid{	margin-bottom: 50px;	}
	
	.area-map 					{	width: 738px; float: left; border-right: 1px solid #e3e3e3;	padding-right: 50px;	}
	.map-txt 					{	width: 350px; float: right;	}
	.map-txt h2 				{	font-size: 18px; margin-bottom: 20px;				}
	.map-txt .green 			{	color: #24bbe8;	font-size: 14px; line-height: 22px;	}
	.map-txt span 				{	display: block; line-height: 22px; font-size: 13px; margin-top: 10px;				}
	
	.net-work-search-box 		{	background: #e6e6e6; padding: 0 15px;		}
	.net-work-search 			{	width: 1120px; padding: 20px 0;				}
	
	.chose .submit 				{	width: 105px; height: 24px; font-size: 12px;	background: url(../image/submit.png) no-repeat center center; border: 0; color: #fff;		}
	.chose select 				{	
	
									width: 20%;
									height: 24px;
									background: none;
									border: 1px solid #9a9ca1;
									text-indent: 5px;
	
	}
	
	.select-table 				{	margin-top: 20px;	}
	.select-table th 			{	background: #ffffff; color: #333; font-size: 15px; font-weight: 400; text-align: center;	}
	.select-table td 			{	text-align: center;	background: #f3f3f3; border-top: 1px solid #e6e6e6;	}
	.select-table .look 		{	
									display: inline-block;
									width: 78px;
									height: 21px;
									line-height: 21px;
									background: #24bbe8;
									color: #fff;
									border-radius: 4px;
	
	}
	
	.hideMap 					{	width: 90%; height: 90%; display: none;		}
	
	.description h1				{	font-size: 20px; color: #272626;			}
	.description .clude 		{	line-height: 22px; margin-top: 15px; display: block;	}
	
	.description-pic 			{	margin-top: 30px;	}
	.description-l 				{	float: left; 		}
	.description-r 				{	float: right; 		}
	.description-box 			{	width: 48%; margin-top: 30px; position: relative;			}
	.description-box li h3 		{	font-size: 14px; font-weight: bold;	margin-bottom: 10px; color: #5e5e5e;	}
	.description-box li span 	{	display: block; line-height: 24px;			}
	.description-box li 		{	padding: 20px; background: #eeeeee; margin-bottom: 35px;					}
	.description-box li:hover 	{	background: #ff9600; color: #fff; box-shadow: 5px 5px 0px #ffdfb2;			}
	.description-box li:hover h3{	color: #fff;								}

	.description-main 			{	*min-height: 500px;}

	.description-link 			{	border-top: 1px solid #e6e6e6; padding: 25px 0; display: block;					}
	.description-link a 		{	display: inline-block; width: 200px; height: 30px; box-shadow: 4px 4px 0px #b2e2df; text-align: center; font-size: 14px;	 line-height: 30px; background: #009e96; color: #fff;	}
	.description-link a:hover 	{	color: #fff;	}
	
	
	
	
	.process-imgBox .text 		{	min-height: 115px;		}
	.process-imgBox .name 		{	margin: 5px 0 8px 0; font-size: 16px; display: inline-block; 		}
	.process-imgBox .round 		{	
	
									display: inline-block;
									width: 125px;
									height: 125px;
									border-radius: 50%;
									border: 2px solid #4cbbb5;
	}
	
	.process-imgBox .round b 	{	display: block; width: 100%; height: 100%;		}
	.process-imgBox .round:hover{	border: 2px solid #ff9600; background: #ff9600;	}
	.process-imgBox 			{	margin: 50px 0;														}
	.process-imgBox .round01 	{	background: url(../image/process01.jpg) no-repeat center center;	}
	.process-imgBox .round02 	{	background: url(../image/process02.jpg) no-repeat center center;	}
	.process-imgBox .round03 	{	background: url(../image/process03.jpg) no-repeat center center;	}
	.process-imgBox .round04 	{	background: url(../image/process04.jpg) no-repeat center center;	}
	
								.process-imgBox .round01:hover 
				
								{	background: url(../image/process01.png) no-repeat center center;	}
								
								.process-imgBox .round02:hover 
				
								{	background: url(../image/process02.png) no-repeat center center;	}
								
								.process-imgBox .round03:hover 
				
								{	background: url(../image/process03.png) no-repeat center center;	}
								
								.process-imgBox .round04:hover 
				
								{	background: url(../image/process04.png) no-repeat center center;	}
	
	.process-imgBox .picont 	{	

									width: 275px \9;
									*width: 270px;
	}


	.process-step 				{	padding: 30px 45px; *height: 220px; background: #efefef; 			}
	.process-step .text 		{	line-height: 28px;	}
	.process-step .text .look 	{	color: #0060ff;		}
	.process-step .pic 			{	margin-top: 20px; 	}
	.process-step .pic .item 	{	float: left; position: relative; z-index: 1;						}
	.process-step .pic .item img{	max-width: 100%; 	}
	.process-step .pic .round 	{	margin-left: -45px; margin-right: -45px; z-index: 2; top: 14px;		}
	.process-step .pic .square 	{	width: 332px;		}	
	
	
	.help-form 					{	background: #ededed;}
	.help-form .form-left 		{
									width: 65%;
									float: left;
									padding: 20px;	
								}
	.help-form .form-right 		{	
									width: 35%;
									background: #24bbe8;
									float: right;
									box-shadow: 6px 6px 0px #24bbe8;
									color: #fff;
									padding: 20px;
								}

	.help-form .textbox 		{	padding: 20px 0; border-bottom: 1px solid #5ad5fa; border-top: 1px solid #1fa4cc;	}
	.phone-cont .icon 			{	width: 50px; height: 50px; float: left;	}
	.phone-cont .txt 			{ 	float: left; margin-left: 10px;			}
	.phone-cont .txt b 			{	font-weight: 400;						}
	
	.form-title 				{
									font-size: 20px;
									color: #333;
									height: 35px;
									border-bottom: 1px solid #d4d4d4;
		
	}
	
	.form-title span 			{	display: inline-block; border-bottom: 1px solid #009e96; height: 100%; overflow: hidden; position: relative; top: 1px;	}
	
	.form-main 					{	margin-top: 20px;	}
	.form-main li 				{	margin-bottom: 6px;}
	.form-main li .left 		{	float: left; padding: 5px 10px 5px 0; width: 6%;	}
	.form-main li .right 		{	float: right; width: 94%; padding: 5px 5px 0;		}
	.form-main li .text 		{
		
									width: 100%;
									height: 24px;
									line-height: 24px;
									font-size: 12px;
									color: #999;
									text-indent: 5px;	
									border: 1px solid #dfdfdf;
	}
	
	.form-main li .submit 		{
		
									width: 95px;
									height: 30px;
									border: 0;
									color: #fff;
									background: #ff9600;
									border: 1px solid #ffc000;
									display: inline-block;
									
		
	}
	
	.submitfloat 				{	text-align: right;											}
	.sibmitbox 					{	padding: 2px; background: #ff9600;	display: inline-block;	}
	
	.form-main li textarea 		{
		
									width: 100%;
									max-width: 100%;
									min-width: 100%;
									border: 1px solid #dfdfdf;
									color: #999;
									height: 120px;
									font-size: 12px;
									
	}
	
	
	.message-title 				{	
									height: 45px;
									margin-top: 30px;
									border-top: 1px solid #dadada;
									border-bottom: 1px solid #dadada;
	
	}
	
	.message-title span 		{
									display: inline-block;
									max-width: 90%;
									height: 100%;
									font-size: 20px;
									border-bottom: 1px solid #009e96;
									position: relative;
									top: 1px;
									left: 20px;
									line-height: 48px;
									overflow: hidden;
		
	}
	
	.message-list 				{	margin-top: 20px;				}
	.message-list li 			{
									position: relative;
									border-bottom: 1px solid #e9e9e9;
	}
	
	.message-list li .title 	{
									
									padding-left: 45px;
									padding-top: 10px;
									padding-bottom: 10px;
									overflow: hidden;
									position: relative;
									cursor: pointer;
									background: url(../image/message-q.png) no-repeat 15px 10px;
	}
	
	.message-list li .title span{	display: inline-block; max-width: 70%; }
	
	.message-list li:hover .title 
								
								{	background: url(../image/message-q.png) no-repeat 15px center #d8d8d8;	}
	
	.message-list li .title .time{	position: absolute; right: 10px; top: 10px; font-size: 12px; color: #a6a6a6;	}
	
	.message-list li .cont 		{
									width: 90%;
									margin: 10px auto;
									border: 1px solid #dfdfdf;
									position: relative;
									display: none;
		
	}
	
	.message-list li .cont .araw {
		
									display: block;
									width: 12px;
									height: 9px;
									background: url(../image/araw-top.jpg) no-repeat center center;
									position: absolute;
									left: 5%;
									top: -9px;
	}
	
	.message-list li .cont .cont-l{
		
									width: 10%;
									height: 100%;
									position: absolute;
									left: 0;
									top: 0;
									background: url(../image/message-a.jpg) no-repeat center center;
	}
	
	.message-list li .cont .cont-r{
		
									width: 90%;
									float: right;
									border-left: 1px solid #dfdfdf;
									font-size: 12px;
									padding: 20px;
	}
	
	
	/* 新闻 */
	
	.media-focus li .text .name a {
  display: inline-block;
  width: 75%;
}
	
	.news-container li 				{	position: relative; padding-bottom: 20px; *height: 120px; border-bottom: 1px solid #ededed; margin-bottom: 35px;	}
	.news-container li:hover 		{	border-bottom: 1px solid #24bbe8;			}
	.news-container li:hover .year 	{	background: #24bbe8;						}
	.news-container li:hover .month {	background: #6ddbfc;						}
	.news-container li:hover .pic 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%{-webkit-transform:scale(1)}
										100%{-webkit-transform:scale(1.1)}
										}
	 								}
	
	.news-container .time 			{	width: 60px \9; *width: 60px; float: left \9; *float: left; margin-right: 10px \9; *margin-right: 10px;	}
	.news-container .time span 		{	display: block; font-family: arial;	width: 55px; height: 24px; line-height: 24px; text-align: center; color: #fff; font-size: 12px;}
	.news-container .year 			{	background: #808080; margin-bottom: 3px;	}
	.news-container .month 			{	background: #bfbfbf;	}
	.news-container .pic 			{	text-align: center; overflow: hidden; width: 260px \9; float: left \9; *width: 260px; *float: left;		}
	
	
	.news-container .name  			{	font-size: 15px; line-height: 18px; color: #333; max-height: 17px; *min-height: 20px; max-width: 90%; overflow: hidden;		}
	.news-container .clude 			{	font-size: 12px; display: block; margin-top: 10px;	max-height: 34px; overflow: hidden;	}
	

	.news-container li .pic 		{	
										position: relative;

	}

	.news-container li .pic i 		{	

										padding-bottom: 45%;

	}


	.news-container li .pic a 		{	display: block; width: 100%; height: 100%; position: relative;		}

	.news-container li .pic img 	{	
										max-width: 100%;
										max-height: 100%;

									}

	
	.news-detail .new-title 		{	font-size: 24px; color: #333; margin-bottom: 10px; line-height: 30px;					}
	.news-detail .new-time 			{	padding: 5px 0; border-top: 1px solid #dfdfdf; color: #a1a1a1;	border-bottom: 1px solid #dfdfdf;		}
	.news-detail .new-time span 	{	margin-right: 10px;		}
	.news-ediotr 					{	padding: 30px 0; line-height: 22px;	}
	
	
	.new-other-box 					{	padding: 15px; background: #f6f6f6; margin-top: -30px;			}
	.new-other 						{	width: 1120px;													}
	.new-other .newsto 				{	float: left \9; width: 400px \9; *float: left; *width: 350px;	}
	.new-other .sharebox 			{	float: left \9; width: 300px \9; *float: left; *width: 300px;	} 

	.hnShowShare span 				{ 	float:left; margin-right: 10px;					}
	.hnShowShare a.bds_tqq 			{ 	background:url(../image/hIco4.jpg) no-repeat;	}
	.hnShowShare a.bds_qzone 		{ 	background:url(../image/hIco5.jpg) no-repeat;	}
	.hnShowShare a.bds_sqq 			{ 	background:url(../image/hIco6.jpg) no-repeat;	}
	.hnShowShare a.bds_tsina 		{ 	background:url(../image/hIco7.jpg) no-repeat;	}
	.hnShowShare a.bds_weixin 		{ 	background:url(../image/hIco8.jpg) no-repeat;	}
	
	.new-ot 						{	border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; line-height: 37px; *height: 37px;			}
	.new-ot .next 					{	border-left: 1px solid #d0d0d0;	}

	
	.hnShowRel 						{	margin-top: 30px;						}
	.hnShowRelin 					{ 	background:url(../image/pointGary.jpg) repeat-y 538px top #fff; padding:20px;	}
	.hnShowRelin h2					{ 	line-height:26px; font-size:16px; color: #333; margin-bottom: 10px;				}
	.hnShowRelin li 				{ 	float:left; width:50%; height: 30px; line-height:30px;position: relative; 		}
	.hnShowRelin li a 				{  	display: inline-block; max-width: 60%; overflow:hidden; 						}
	.hnShowRelin li span 			{	position: absolute; right: 40px; top: 0; color: #9d9d9d;						}	
		
	
	.video-list  					{	padding: 30px 0;						} 			
	.video-list li 					{
										margin: 15px 0;
										text-align: center;		
																
									}
	.video-list li a,
	.video-list li span 			{
										display: block;
										width: 100%;
										height: 100%;
										position: relative;	
										-webkit-transition: all 200ms ease-in;
										-moz-transition: all 200ms ease-in;
										-o-transition: all 200ms ease-in;
										transition: all 200ms ease-in;
									}	
								
	.video-list li span 			{	
										position: absolute;
										left: 0;
										top: 0;
										background: url(../image/video-play.png) no-repeat center center;
	
	}
	

	
	.video-list li img 				{	
		
										max-width: 100%;
										max-height: 100%;
										
										/*css3 animation*/
										-webkit-transition: all 200ms ease-in;
										-moz-transition: all 200ms ease-in;
										-o-transition: all 200ms ease-in;
										transition: all 200ms ease-in;			
								
									}
								
	.video-list li:hover img 		{
		
										/*css3 animation*/
										-webkit-transform: translate3d(0, -8px, 0);
									    -moz-transform: translate3d(0, -8px, 0);
									    transform: translate3d(0, -8px, 0);
									    transition: all 0.3s;
									    -webkit-transition: all 0.3s;
									    -moz-transition: all 0.3s;
									    -webkit-box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.1), 1px 1px 30px 5px rgba(0, 0, 0, 0.2);
									    -moz-box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.1), 1px 1px 30px 5px rgba(0, 0, 0, 0.2);
									    box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.1), 1px 1px 30px 5px rgba(0, 0, 0, 0.2);
	}
	
	.video-list li:hover span 		{
		
										/*css3 animation*/
										-webkit-transform: translate3d(0, -8px, 0);
									    -moz-transform: translate3d(0, -8px, 0);
									    transform: translate3d(0, -8px, 0);
									    transition: all 0.3s;
									    -webkit-transition: all 0.3s;
									    -moz-transition: all 0.3s;
	}
	
	
	
	.video-box 						{
										width: 635px;
										height: 350px;
										margin: 20px auto;
										background: url(../image/video-box.jpg) no-repeat center center;
		
	}
	
	.video-name 					{	font-size: 15px;	}
	
	.video-container 				{	
										width: 445px;
										position: relative;
										left: -3px;
										top: 30px;
										height: 281px;
										margin: 0 auto;
	
	}
	
	.topic 							{	margin-bottom: 50px;								}
	.topic .item 					{	background: #fff; padding: 30px; border: 1px solid #e0e0e0; margin-left: -1px; margin-bottom: -1px;			}
	.topic .name 					{	color: #333; font-size: 14px; margin-bottom: 20px; font-weight: bold; height: 20px; width: 90%;					}
	.topic .text 					{	display: block; color: #7a7a7a; max-height: 135px; overflow: hidden; line-height: 22px;	margin-top: 20px;		}
	.topic li:hover 				{	background: #009e96;								}
	.topic li:hover .name a,
	.topic li:hover .name,
	.topic li:hover .text 			{	color: #fff;										}
	
	/*加盟在线*/

	.join .title 					{	color: #2d2d2d; margin-top: 25px;		}
	.join .title .en 				{	font-size: 24px; font-family: Calibri; text-transform: uppercase;	}	
	.join .title .ch 				{	font-size: 26px; margin: 10px 0;		}	

	
	.join-fourbox 					{	margin-top: 50px; margin-bottom: 70px;	}
	.join-fourbox .item  			{
										padding: 0;
										position: relative;
										z-index: 100;
										background: #fff;
										width: 25% \9;

									}

	.join-fourbox .item .name		{	
										height: 40px;
										line-height: 40px;
										font-family: arial;
										text-align: center;
										font-size: 16px;
										text-transform: uppercase;
										border-bottom: 3px solid #545454;
										background: #686868;
										color: #fff;
										text-shadow: 1px 1px 1px #000;
										border-right: 1px solid #545454;
	
	}
	
	.join-fourbox .item .cont 		{
		
										border-left: 1px solid #dbdbdb;
										border-right: 1px solid #dbdbdb;
										border-bottom: 1px solid #dbdbdb;
										text-align: center;
		
	}
	
	.join-fourbox .item .cont h2 	{	font-size: 22px; color: #4f4f4f; height: 100px; line-height: 100px;		}
	.join-fourbox .item .cont p 	{	height: 38px; line-height: 38px;		}
	.join-fourbox .item .more 		{
		
										display: inline-block;
										padding: 7px 20px;
										background: #eaeaea;
										margin-bottom: 15px;
										margin-top: 30px;
										color: #696969;
	}
	
	.join-fourbox .item:hover .name {	background: #ff9600; border-bottom: 3px solid #e38600; height: 50px; line-height: 50px;	}
	.join-fourbox .item:hover .more {	background: #ff9600; color: #fff;		}
	.join-fourbox .item:hover 		{
										z-index: 200;
		
		
										/*css3 animation*/
										-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)}
										
		
	}

	.join-fourbox .editor 			{	

										height: 265px;
										overflow: hidden;

	}
	
	.form-box 						{	padding: 20px; background: #f2f2f2;	margin-top: -40px;		}
	.form 							{
		
										border-top: 3px solid #bdbdbd;
										width: 1120px;
										font-size: 13px;
		
	}
	
	.form li 						{	width: 100%; *min-height: 60px; position: relative; *margin-bottom: -4px; border-bottom: 1px solid #E2E2E2; padding: 0; 	}
	
	.form .form-left 				{	
										width: 20%;
										*width: 200px; 
										position: absolute;
										height: 100%;
										left: 0;
										top: 0;	
										background: #fff;
										text-align: right;
										padding: 20px;
										*padding: 0;
										border-right: 1px solid #E2E2E2;
							

									}

	.form .form-left span 			{	
										*display: inline-block;
										*padding: 20px; 


	}

	.form .form-right 				{	width: 80%; float: right; 									}
	
	.form .form-right .text 		{	
	
										height: 24px;
										line-height: 24px;
										border: 1px solid #d4d4d4;
										border-radius: 0;
										background: #fff;
	
	}
	
	.form .form-right .mintext 		{	width: 290px;							}
	.form .form-right .maxtext 		{	width: 710px;							}
	.form .form-right .right-name 	{	
										padding: 0 15px;
										border-right: 1px solid #E2E2E2;
										display: inline-block;
										height: 100%;
										line-height: 60px;
										float: left;
										margin-left: 125px;
	}
	
	.input-box 						{	padding: 20px;	display: inline-block; float: left;}
	.c8 .input-box 	{ width:30% \9; }
	.form textarea 					{
										
										width: 710px;
										height: 160px;
										min-width: 700px;
										min-height: 160px;
										border: 1px solid #d4d4d4;
										border-radius: 0;
										
		
	}
	
	.form input[type='submit'],
	.form input[type='reset'] 		{
		
										height: 25px;
										line-height: 25px;
										text-align: center;
										padding: 0 35px;
										color: #fff;
										border-radius: 0;
										margin-right: 10px;
	}
	
	.form input[type='submit'] 		{	border: 1px solid #00807a; background: #009e96;	}
	.form input[type='reset'] 		{	border: 1px solid #9b9b9b; background: #adadad;	}
	
	
	
	
	/*招贤纳士*/
	
	.job-head-img 					{
										padding: 20px 0;
										margin-top: 20px;
										background: url(../image/job-head-bg.jpg) repeat-x left top;
	}
	
	.job-list-table th 				{	
										height: 24px;
										line-height: 24px;
										padding: 5px;
										background: #58b0ee;
										color: #fff;
										border-top: 1px solid #58b0ee;
										border-right: 1px solid #ffffff;
										border-left: 1px solid #58b0ee;
										border-bottom: 1px solid #58b0ee;
										*border-top: 0;
										*border-right: 1px solid #fff;
										*border-left: 0;
										*border-bottom: 0;
										text-align: center;
	}
	
	
	.job-list-table th:last-child 	{	border-right: 1px solid #58B0EE;}
	
	
	.job-list-table 				{	width: 100%;	}
	.job-list-table td 				{
										border: 1px solid #e0e0e0; text-align: center;
										height: 30px;
									}


	.job-list-table .more 			{
		
										color: #009e96;
										text-decoration: underline;
	}
	.job-list-table .more span 		{	margin-left: 5px;	}
	
	.job-detail 					{	background: #eeeeee;}
	
	.job-detail table 				{	*margin-top: 1px;		}	
	.job-detail td 					{	border-left: 1px solid #fff; border-right: 1px solid #fff; border-top: 1px solid #fff; border-bottom: 1px solid #fff;	}
	
	.table > TBODY > TR > TD 		{	border-top: 1px solid #fff;	}

	.job-editor 					{	padding: 5px 25px 25px 25px;				}
	.job-editor ul 					{	border-left: 1px solid#fff;					}
	.job-editor li 					{	margin-bottom: 20px; padding-left: 20px; margin-left: -5px; background: url(../image/point-green.jpg) no-repeat left 0px;	}
	.job-editor li .name 			{	font-size: 13px; font-weight: bold;	margin-bottom: 5px; position: relative; top: -5px;	}
	.job-editor li .editor 			{	line-height: 22px;}
	
	
	/*关于*/
	
	.about-editor 					{	padding: 0 30px; line-height: 24px;			}
	.culture-box 					{	margin-top: 50px;	}
	.culture-box li 				{	*width: 187px; width: 185px \9; *height: 283px; padding: 0;	border-right: 1px solid #fff; position: relative;						}
	.culture-box li span 			{	position: relative; display: block; width: 100%; *width: 187px;  *height: 253px;			}
	.culture-box li .name 			{
										height: 30px;
										line-height: 30px;
										background: #e7e7e7;
										color: #414141;
										display: block;
										width: 100%;
										text-align: center;
										font-size: 14px;
	}
	
	.culture-box li .hide-txt 		{
										position: absolute;
										width: 100%;
										height: 100%;
										left: 0;
										bottom: 0;
										background: #ff9600;
										color: #fff;
										padding: 20% 10%;
										*width: 157px;
										*height: 173px;
										*padding: 40px 15px;
										display: none;
	}
	
	.culture-box li .hide-txt h4 	{	font-weight: bold; font-size: 18px;	}
	.culture-box li .main 			{	padding: 20px 0; border-top: 1px solid #ffab33; border-bottom: 1px solid #ffab33;}
	.culture-box li .main div 		{	line-height: 22px; margin-top: 10px;}
	
	
	.full-box 						{	margin: 50px 0; background: #f7f7f7;}
	
	.honner-box 					{	position: relative;	width: 1120px \9; *width: 1120px;		}		
	.honner-txt 					{	padding: 30px; width: 460px \9;	float: left \9;	*width: 460px; *float: left;	}
	.honner-txt-list  				{	border-left: 1px solid #bfbfbf;	margin-top: 30px;			}
	.honner-txt-list li 			{
										padding-left: 20px;
										height: 14px;
										line-height: 14px;
										margin-bottom: 30px;
										margin-left: -5px;
										background: url(../image/point-green.jpg) no-repeat left 3px;
	}
	
	.honner-pic-box 				{	*height: 500px;}
	.honner-pic 					{	background: #fff; width: 630px \9; float: right \9; *width: 600px; *float: right;	}
	.honner-pic .item 				{
										width: 210px \9;
										*width: 180px;
										float: left \9;
										*float: left;
										margin-bottom: 10px; 
										margin-right: 0 \9;
										*margin-right: 0;
										-webkit-transition: all 200ms ease-in;
										-moz-transition: all 200ms ease-in;
										-o-transition: all 200ms ease-in;
										transition: all 200ms ease-in;
									}
									
	.honner-pic .item:hover img		{
		
										/*css3 animation*/
										-webkit-transform: translate3d(0, -4px, 0);
									    -moz-transform: translate3d(0, -4px, 0);
									    transform: translate3d(0, -4px, 0);
									    transition: all 0.3s;
									    -webkit-transition: all 0.3s;
									    -moz-transition: all 0.3s;
									    -webkit-box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.1), 1px 1px 30px 5px rgba(0, 0, 0, 0.2);
									    -moz-box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.1), 1px 1px 30px 5px rgba(0, 0, 0, 0.2);
									    box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.1), 1px 1px 30px 5px rgba(0, 0, 0, 0.2);
	}
	
	.contact-box 					{	position: relative; min-height: 500px; background: url(../image/contact-bg.jpg) no-repeat center bottom;	}
	.contact-txt 					{
										line-height: 24px;
										width: 270px;
										position: absolute;
	}
	
	.contact-box .c-txt01 			{
										left: 155px;
										top: 55px;										
	}
	
	.contact-box .c-txt02 			{
										right: 355px;
										top: 95px;										
	}
	
	.contact-box .c-txt03 			{
										right: -50px;
										top: 30px;										
	}
	
	
	
	
	
	/*服务预约*/

	.s-appTitle 	 				{	padding: 15px 0; border-bottom: 1px solid #e9e9e9;	}
	.s-appTitle h2 					{	font-size: 20px; color: #3f3f3f;					}
	.s-appTitle span 				{	font-size: 16px; color: #b0b0b0; text-transform: capitalize; font-family: "Arial";	}
	
	.s-appoint-l 					{	width: 50%; float: left;			}
	.appoint-form 					{	margin-top: 25px; font-size: 14px;	}
	.appoint-form td 				{	padding: 10px 5px;}
	.appoint-submit 				{	text-align: right; margin-top: 30px;}
 

 	.appoint-form table 			{	width: 100%;	}
 	.appoint-form .text 			{	

										height: 25px;
										border: 1px solid #dfdfdf;
										background: #fff;
										border-radius: 0;

 	}

 	.appoint-form .textmin 			{	width: 200px;	}
 	.appoint-form .textmax 			{	width: 100%;	}
 	.appoint-form .textcode 		{	width: 150px;	}

 	.appoint-form .text:focus 		{	border: 1px solid #9ec3bc;		}

	
	.s-appoint-r 					{
										float: right;
										position: relative;
										border: 10px solid #e6e6e6;
										padding: 25px;
										width: 45%;
										line-height: 24px;
										color: #626262;
									}

	.s-appoint-r .title 			{	margin-bottom: 15px;	}
	.s-appoint-r .araw 				{	
										display: block;
										width: 26px;
										height: 50px;
										background: url(../image/s-araw.jpg) no-repeat center center;
										position: absolute;
										left: -35px;
										top: 20px;

	}
	
	
	
.page-sousuo 					{	margin-top: 30px; text-align: right;		}

	.page-sousuo span,
	.page-sousuo a 				{	
									display: inline-block;
									width: 25px;
									height: 25px;
									text-align: center;
									line-height: 25px;
									color: #fff;
									background: #b2b2b2;
									font-size: 12px;
									margin:0 2px 0 2px;

	}

	.page-sousuo span:hover,
	.page-sousuo a:hover,
	.page-sousuo .active 			{	background: #009e96; color: #fff;	}
	.page-sousuo .cpb 			{	background: #009e96; color: #fff;	}

	.page-sousuo .control 			{	text-transform: uppercase; color: #666; position: relative; top: 1px; background: #fff; width: 90px; height: 25px; line-height: 25px; border: 1px solid #ccc;	}
	
	
	
	
	
	/* 2014-12-29 */

	/* 网站地图 --------------------------- */

	.sitemap  					{	margin: 0 auto;																						}
	.sitemap li 				{	width: 27%; display: inline-block; *display: inline; *zoom:1; vertical-align: top; margin: 30px;			}
	.sitemap li dt 				{	height: 40px; line-height: 40px; font-size: 14px; margin-bottom: 10px; border-bottom: 2px solid #e5e5e5; color: #25b0a8;	}
	.sitemap li dt a 			{	color: #25b0a8;	}
	.sitemap li dd 				{	height: 30px; line-height: 30px;	}
	.sitemap li dd a 			{	color: #999;	}
	
	
	
.pro_er li{ overflow:hidden; display:none;}
.pro_er li a{ padding:0px 18px; height:24px; line-height:24px; display:inline-block; margin:5px; overflow:hidden; background:url(../image/ico.png) no-repeat 5px 10px; font-size:14px;}
.pro_er ul{ width:100%; margin-left:-10px;}
.pro_er li a.cur,.pro_er li a:hover{ background:url(../image/icos.png) no-repeat 5px 10px; color:#24bbe8}
@media (max-width: 940px){
.pro_er{ display:none;}
	}
@media (max-width:1280px){
.pro_er ul:first-child{ margin-left:0px;}
}
.contact_s{ background:url(../image/contact_bj.jpg) no-repeat right 30px; min-height:366px; line-height:30px;}
@media (max-width: 550px){
.contact_s{ background:none;}
}

.gengduo{ width:100%; text-align:center; padding-bottom:20px;}
.gengduo .more{ display:inline-block; width:229px; height:44px; border:1px solid #d2d2d2; line-height:44px; font-size:24px; color:#333333; text-transform:Uppercase}
.gengduo .more:hover{ color:#24bbe8;}

.map_s{ width:500px; height:35em; margin-top:20px; padding:2px; border:#ccc solid 1px; }
@media (max-width: 600px){
.map_s{ width:100%;}
}
@media (max-width: 400px){
.map_s{ height:20em;}
}
#dituContent img{ max-width:none;}




.technology-box .row>div{  position:relative; padding-bottom:28%; text-align:center}
.technologyShow .row a.jzimg{ position:absolute; left:5%; top:5%; width:90%; height:90%;}
@media (max-width: 991px){
.technologyShow .row>div{ padding-bottom:53%;}
}

.jzimg img,.jzimg i{vertical-align:middle; max-width:100%; max-height:100%;}
.jzimg i{height:100%; display:inline-block;}

.center-block .slick-track .slick-slide{ position:relative; padding-bottom:13%; text-align:center}
.center-block .slick-track .slick-slide .jzimg{ position:absolute; left:5%; top:5%; width:90%; height:90%; display:block}
@media (max-width:500px){
.center-block .slick-track .slick-slide{ padding-bottom:20%;}
}


.honner-box  .jzimg{ width:192px; height:155px; display:block; text-align:center;}
@media (max-width:991px){
.honner-box  .jzimg{ width:135px; height:110px;}
}

.news-item-l{ position:relative; z-index:999}