.demo {
	width: 1000px;
	margin: 20px auto 50px;
}
.demo h1 {
	font-size: 28px;
	font-weight: normal;
	margin-bottom: 50px;
}
.tips {
	color: #999;
	font-size: 12px;
	margin: 50px 0 20px;
}

.tab-content h4, .accordion-content h4 {
	margin-bottom: 5px;
}
.tab-content p, .accordion-content p {
	margin-bottom: 10px;
}
.tab_bg {
}
.tabs-list {
	list-style: none;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	flex-direction: row;
}
.tabs-list li {
	/* display: inline-block; */
	/* display:inline; */
	zoom:1;
	/* margin-right: 20px; */
	margin-bottom: 10px;
}
.tabs-list li a {
	display: block;
	height: 38px;
	line-height: 38px;
	padding: 0 30px;/*background-color:#ebebeb;*/
	color: #808080;
	text-decoration: none;
	font-size: 16px;/*transition:all 0.4s ease 0s;*/
	border: 1px solid #8c888a;
}
.tabs-list li a:hover { /*background-color:#d9d9d9;*/
}
.tabs-list li.active a {
	background-color: #b32424;
	color: #fff;
	border: 1px solid #b32424;
	background-repeat: no-repeat;
	background-position: bottom;
}
.tab-content {
	margin: 20px 0 50px;
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
  display:none;
}
.tab-content:first-child
{ 
 display:block;
}
.tabs .accordion-handle {
	display: none;
}
/*.tabs-vertical-left, .tabs-vertical-right { *zoom:1; }
.tabs-vertical-left:before, .tabs-vertical-left:after, .tabs-vertical-right:before, .tabs-vertical-right:after { visibility:hidden; display:block; font-size:0;content:" "; clear:both; height:0; }
.tabs-vertical-left .tabs-list, .tabs-vertical-right .tabs-list { width:25%; }
.tabs-vertical-left .tabs-list li, .tabs-vertical-right .tabs-list li { display:block; margin:0 0 5px 0; width:100%; }
.tabs-vertical-left .tabs-list li a, .tabs-vertical-right .tabs-list li a { height:auto; padding:8px 20px; line-height:1.5; }
.tabs-vertical-left .tabs-container, .tabs-vertical-right .tabs-container { width:75%; }
.tabs-vertical-left .tabs-list { float:left; }
.tabs-vertical-left .tabs-container { float:right; }
.tabs-vertical-left .tabs-container .tab-content { margin:0 0 0 15px; }
.tabs-vertical-right .tabs-list { float:right; }
.tabs-vertical-right .tabs-container { float:left; }
.tabs-vertical-right .tabs-container .tab-content { margin:0 15px 0 0; }*/

.accordion-handle {
	position: relative;
	margin-bottom: 10px;
	background-color: #ebebeb;
	text-decoration: none;
	color: #808080;
	cursor: pointer;
	transition: all 0.4s ease 0s;
}
.accordion-handle:hover {
	background-color: #d9d9d9;
}
.accordion-handle.active {
	background-color: #0d7eff;
	color: #fff;
}
.accordion-handle h4 {
	height: 38px;
	line-height: 38px;
	padding: 0 15px;
	font-size: 14px;
	font-weight: normal;
}
.accordion-handle i {
	display: block;
	width: 38px;
	height: 38px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	background: url(../images/icon-accordion.gif) no-repeat top center;
}
.accordion-handle.active i {
	background-position: bottom center;
}
.accordion-content {
	margin-bottom: 15px;
	display: none;
}

.tab-content img{
	max-width: 100%;
	margin-top: 15px;
}
.tab-content .pri-0_img img{
	margin-top: 0px;
}
/*@media only screen and ( max-width:768px ){
	.responsive-tabs .tabs-list { display:none; }
	.responsive-tabs .accordion-handle { display:block; }	
	.responsive-tabs.tabs-vertical-left .tabs-container, .responsive-tabs.tabs-vertical-right .tabs-container { width:100%; float:none; }
	.responsive-tabs.tabs-vertical-left .tabs-container .tab-content, .responsive-tabs.tabs-vertical-right .tabs-container .tab-content { margin:10px 0 15px; }	
}*/
.pro_ny {
	width: 100%;
	text-align: center;
	max-width: 1200px;
	margin: 0px auto;
}
.pro_ny_0 {
	transition: all 0.6s;
	border: none;
	width: 100%;
	border: #ccc 1px solid;
	margin: 10px 0.5% 0;
	float: left;
}
.pri-0_img {
	position: relative;
	z-index: 1;
	font-size: 0;
}
.pri-0_telta {
	position: relative;
	height: 40px;
	line-height: 40px;
	background: rgba(255,255,255,.8);
	z-index: 99;
	/*margin-top: -40px;*/
  transition: all 0.6s;
	text-align: center;
}
.pro_ny_0:hover .pri-0_telta {
	height: 40px;
	margin-top: 0px;
	line-height: 40px;
	background: rgba(255,255,255,.7);
}
.pri-0_img img {
	width: 100%;
	border: none;
	line-height: 0;
	font-size: 0;
}