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

/* 公用样式库 -------------------------------------------------------------------------- */
.jzimg{text-align:center; display: block; }
.jzimg img,.jzimg i{vertical-align:middle; /*max-width:100%; max-height:100%; */    display: inline-block;}
.jzimg i{height:100%; display:inline-block;}
/*  ---- 框架样式 ---- */

/* 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;

}

.honner-pic .item:last-child {
    display: block !important;
}

.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;
                        line-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(../images/search-submit.jpg) no-repeat center center #fff; 
                        *margin-top:1px;

					}


.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;   height:20px; line-height:20px; *height:36px; *line-height:30px; overflow:hidden;margin-bottom:5px;}

.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(../images/op-green.png) repeat repeat;			}
#p-proList li a.jzimg{ width:100%; height:100%; display:block;}
 		 	
.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 .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 .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(../images/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;	}
	.technolog-show  b.jzimg{ display:block; height:355px; width:100%;}
.technolog-show  b.jzimg img{max-height:100%}
	
/* 服务支持 */
	
.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(../images/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(../images/bgstyle02.jpg) repeat-y left top #ff9600;
*/							color: #333;
					*height: 130px;
					}	

.butler-box .orange h2  	{	color: #333;										}
	
.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(../images/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(../images/process01.jpg) no-repeat center center;	}
.process-imgBox .round02 	{	background: url(../images/process02.jpg) no-repeat center center;	}
.process-imgBox .round03 	{	background: url(../images/process03.jpg) no-repeat center center;	}
.process-imgBox .round04 	{	background: url(../images/process04.jpg) no-repeat center center;	}
	
					.process-imgBox .round01:hover 
				
					{	background: url(../images/process01.png) no-repeat center center;	}
								
					.process-imgBox .round02:hover 
				
					{	background: url(../images/process02.png) no-repeat center center;	}
								
					.process-imgBox .round03:hover 
				
					{	background: url(../images/process03.png) no-repeat center center;	}
								
					.process-imgBox .round04:hover 
				
					{	background: url(../images/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;
                        resize:none;
									
}
	
	
.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(../images/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(../images/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(../images/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(../images/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 a 		{	display: block; width: 100%; height: 95px; 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(../images/hIco4.jpg) no-repeat;	}
.hnShowShare a.bds_qzone 		{ 	background:url(../images/hIco5.jpg) no-repeat;	}
.hnShowShare a.bds_sqq 			{ 	background:url(../images/hIco6.jpg) no-repeat;	}
.hnShowShare a.bds_tsina 		{ 	background:url(../images/hIco7.jpg) no-repeat;	}
.hnShowShare a.bds_weixin 		{ 	background:url(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/point-green.jpg) no-repeat left 3px;
}
	

.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(../images/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(../images/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(../images/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(../images/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(../images/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;}

.last-news a.jzimg{ display:block; height:72px; width:100%;}







    #tec-thumbs.row > div {
	padding-top:2%;
        padding-bottom:2%;
    }
.center-block .slick-track .slick-slide{text-align:center}


.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}

#min-banner img{
    max-height:370px;
    max-width:768px;
}
#max-banner img {
    max-height:400px;
}
@media (max-width:750px){
.home-news-box .home-news .news-item-l .news-cont .last-news .txt span{ height:40px;}
}
@media (max-width:450px){
.home-news-box .home-news .news-item-l .news-cont .last-news .txt span{ height:40px;}
}






.technologyShow .am-img{ text-align:center; display: block;
	position: relative;}
.technologyShow .am-img img{ position: absolute;
	max-width: 100%;
	max-height: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	vertical-align: middle;
	margin: auto;
	width: auto;
	height: auto; }
.technologyShow .am-img i{ display: block;  padding-bottom:105%;}