/* Default tab style */
.tabs {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top:20px;
}

/* Nav */
.tabs nav ul {
	padding:0;
}
.tabs nav .tabs_main {
	padding:0;
	float:left;
	width:28%;
	margin-right:30px;
}
.tabs nav .tabs_main li {
	z-index: 1;
	display:block;
	text-align:center;
}
.tabs nav ul li {
	z-index: 1;
	display:inline-block;
	text-align:center;
}
.tabs nav a {
	display: block;
	overflow: hidden;
}

/*tabline*/
.tabs-style-tabline nav { text-align:center;}
.tabs-style-tabline nav li {
	position:relative;
	z-index:9 !important;
}
.tabs-style-tabline nav a {
	color: #aaa;
	font-size:17px;
	text-align: center;
	border: 1px solid #ddd;
	padding:6px 15px;
	background:#fafafa;
	line-height:1.5;
}
.tabs-style-tabline nav li a:hover {
	background: #ff9000;
	border: 1px solid #ff9000;
	color: #fff;
}
.tabs-style-tabline nav li.tab-current a {
	background: #ff9000;
	border: 1px solid #ff9000;
	color: #fff;
}
/*tabline*/

/*topline*/
.tabs-style-topline nav li {
	border: 1px solid #ff9000;
	background:#fff;
	padding:10px 25px;
	margin-bottom:10px;
	border-radius:30px;
	position:relative;
	z-index:9 !important;
}
.tabs-style-topline nav a {
	color: #555;
	font-weight:300;
	font-size:20px;
	text-align: center;
	line-height:1.5;
}
.tabs-style-topline nav a:hover,
.tabs-style-topline nav a:focus {
	color: #ff9000;
}
.tabs-style-topline nav li.tab-current {
	background:#ff9000;
}
.tabs-style-topline nav li.tab-current a {
	color: #fff;
	font-weight:500;
}
/*topline*/

/* Content */
.content-wrap {
	position: relative;
}

.content-wrap section {
	display: none;
	margin: 0 auto;
	font-size:17px;
	line-height:1.7;
}
.main_tab_content section img { box-shadow:0 0 20px rgba(0,0,0,0.25); float:left; margin:0 30px 10px 0; width:37%;}
.main_tab_content section .main_protitle { font-size:25px; font-weight:700; color:#ff9000; margin-bottom:10px;}
.main_tab_content section .main_pro_btn { margin-top:20px;}
.main_tab_content section .main_pro_btn a { padding:10px 20px; color:#fff; background:#ff9000;}
.main_tab_content section .main_pro_ul li { line-height:1.5; margin-bottom:8px;}

.content-wrap section.content-current {
	display: block;
}

@media screen and (max-width:991px){
	.tabs-style-topline nav li { padding:8px 20px; margin:0 3px 10px 3px;}
	.tabs-style-topline nav a { font-size:17px;}
	
	.tabs nav .tabs_main { padding:0; float:none; width:auto; margin-right:0; text-align:center;}
	.tabs nav .tabs_main li { display:inline-block; vertical-align:top;}
	.main_tab_content section { padding:20px 20px 0 20px;}
	.main_tab_content section img { width:50%;}
	.main_tab_content section .main_protitle { font-size:20px;}
}

@media screen and (max-width:767px){
	.main_tab_content section { max-width:500px; margin:0 auto;}
	.main_tab_content section img { float:none; margin:0 0 20px 0; width:auto;}
}