.banner {
		width: 100%;
		margin: 0 auto;
}

	.title {
		height: 300px;
		width: 100%;
		display: table;
		vertical-align: middle;
		text-align: center;
			}
			
			.title .headline {
				padding-top: 105px;
			}
			
			.headline,
			.subhead {				
				margin-top: 35px;
			}
			
			
			.line-dashed{
				border-bottom:1px dashed #000;
				margin-bottom:100px;
			}							

		
		.workshop {
			width: 80%;
			margin: 0 auto;
			margin-bottom: 100px;
		}
		
		.workshop-content {
			display: flex;
			align-items: flex-start;
			margin-bottom: 100px;
		}
		
		.workshop-content img {
			margin-right: 100px;
			width: 45%;
			
		}
		
		.workshop-content-text {
			display: flex;
			flex-direction:column;
			flex: 1;
			align-items: flex-start;			
		}
		
		.workshop-content-text h3 {
			padding-bottom:20px;
		}
		
		
		.workshop-content-text p {		
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 10;
			overflow: hidden;
			word-break:break-all; 
			word-wrap: break-word;
			width: 100%;
			line-height: 36px;
			text-indent:2em;
			color: #777777;
		}
		
		
		.workshop-content-text a {
			background: #666;			
			padding:6px 24px;
			border-radius: 15px;
			color: white;
			margin-top: 20px;
		}		
		
		.workshop-content-text a:hover{
			background: red;
		}
		
		.workshop-show {
			width: 100%;			
			border-bottom:1px solid #ddd;
			margin-bottom:100px;
			padding-bottom: 10px;
			display: flex;
			align-items: center;
		}
		
		.workshop-show-triangle {			
			height: 0;
			border-width: 20px;
			border-style: solid;
			border-color: transparent transparent transparent red;
			display: flex;
			justify-content: flex-start;
		}
		
		.workshop-show p {
			color: red;
		}
				
		
		
		.wrapper{ 
			width:100%;  
			margin-top: 50px;
			}
			
		.picSlideWrap{ 
			background:#F5F8FD; 
			border:1px solid #A9BFD6;
			padding:50px 0;
			}
			
		.titleh3{ 
			height:70px; 
			line-height:70px; 
			text-align:center; 
			background:url(/css/images/dot.gif) repeat-x left bottom; 
			width:910px; 
			margin:0 auto; 
			font-size:26px; 
			color:#000;
			}
			
		.titleh4{
			text-align:center; 
			font-size:12px; 
			color:#000; 
			font-weight:normal; 
			padding:10px 0 20px 0px;
			}
			
		.text{
			margin:0px auto;  
			line-height:19px;
			}
			
		.text p{ 
			display: none;
			overflow: hidden;
			overflow: hidden;
			text-overflow:ellipsis;
			white-space: nowrap;
		}
		
		.imgnav{  
			position:relative; 
			margin:0 auto; 
			width:788px;
			}
			
		#img{ 
			z-index:10; 
			width:788px; 
			position:relative; 
			text-align:center;
			}
			
		#img img{ 
			height:570px; 
			display:none; 
			}
			
		#front{ 
			position:absolute; 
			left:0px; 
			top:0px; 
			z-index:10; 
			cursor:pointer;  
			width:394px; 
			height:578px; 
			background:url(/css/images/blank.gif); 
			}
			
		#front a{  
			position:absolute; 
			left:20px; 
			top:224px;
			display:block; 
			background:url(/css/images/imgSlideLeft.png) no-repeat; 
			width:104px; 
			height:104px; 
			display:none;
			}
			
		#next{  
			position:absolute; 
			right:0px; 
			top:0px; 
			z-index:10;
			cursor:pointer; 
			width:394px; 
			height:578px;  
			background:url(/css/images/blank.gif);
			}
			
		#next a{  
			position:absolute; 
			right:20px; 
			top:224px; 
			display:block; 
			background:url(/css/images/imgSlideRight.png) no-repeat; 
			width:104px; 
			height:104px; 
			display:none;
			}
		
		#cbtn{
			background:#EAEBF0; 
			position:relative; 
			height:122px; 
			border:1px solid #D6D9DC; 
			margin-top:12px; 
			}
			
		#cbtn ul{
			position:relative; 
			width:10000px; 
			height:122px;
			}
		#cbtn ul li{ 
			float:left; 
			padding:8px 3px 3px 3px; 
			width:116px; 
			height:86px; 
			cursor:pointer; 
			text-align:center; 
			margin-right:20px; 
			position:relative;
			}
			
		#cbtn ul li img{ 
			width:116px; 
			height:86px; 
			display:block;
			}
			
		#cbtn li.hov{ 
			background:url(/img/front/imgHoverBg.gif) no-repeat;
			}
		.ctrl div{ 
			clear:both;
		}
		
		#cSlideUl{
			width:690px; 
			height:116px;
			overflow:hidden; 
			position:relative; 
			top:10px; 
			margin:0 auto;
			}
			
		.picSildeLeft{
			cursor:pointer; 
			position:absolute; 
			top:32px; 
			left:10px; 
			z-index:9;
			}
			
		.picSildeRight{
			cursor:pointer; 
			position:absolute; 
			top:32px; 
			right:10px; 
			z-index:9;
			}