﻿
.layout {
	width: 100%
}
.container, .container-layout {
	margin: 0 auto;
	padding: 0 10px
}
@media(min-width:760px) {
.container {
	width: 750px
}
}
@media(min-width:1000px) {
.container {
	width: 1000px
}
}
@media(min-width:1200px) {
.container {
	width: 1200px
}
}
.line {
	margin: 0;
	padding: 0
}
.tab .tab-head {width:47%; float: right;}
.tab .tab-head strong {
	float: left;
	padding: 8px 20px 0 0;
	line-height: 20px
}
.tab .tab-head .logo1{ text-align:right; margin-bottom:20px;}
.tab .tab-head .logo1 img{ width:200px;}
.tab .tab-more {
	float: right;
	margin: 10px 0 0 10px;
	font-size: 12px
}
.tab .tab-nav {
	list-style: none;
	background-color:#fff;
	border-radius:28px;
	padding:10px;
}
.tab .tab-nav li {
	display: inline-block
}
.tab .tab-nav li a {
	color: #000000;
	padding: 8px 20px;
	display: block;
	line-height: 20px;
	border-bottom: 0;
	background-color: #dcdddd;
	border-radius:10px;
	font-weight:bold;
	
}
.tab .tab-nav .active {

	
}
.tab .tab-nav .active a {
	cursor: default
}
.tab .tab-body {
	border-top: solid 1px #ddd;
	margin-top: -1px;
	padding-top: 15px
}
.tab .tab-body-bordered {
	border: solid 1px #ddd;
	border-radius: 4px;
	padding: 15px
}
.tab .tab-body .tab-panel {
	display: none
}
.tab .tab-body .active {
	display: block
}



.text-center {
	text-align: center
}


.layout:after,  .line:after{
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden
}


@media only screen and (max-width:750px) {
.tab .tab-head {width:100%;}
.tab .tab-head .logo1{display: none}
}
@media only screen and (max-width:1000px) {
.tab .tab-head {width:95%; margin:0 2%;}
.tab .tab-head .logo1{display: none}
}
@media only screen and (max-width:1024px) {
.tab .tab-head {width:95%; margin:0 2%;}
.tab .tab-head .logo1{display: none}
}











/* home product  begin*/
#fh5co-product-list {
	background:#920683;
	padding:40px 0px;
}
#fh5co-product-list .fh5co-heading {
	padding:20px 0;
	width:45%;
	float:left;

}
#fh5co-product-list .fh5co-heading img {
	width:90%;
}
#fh5co-product-list .fh5co-heading .proline {
	width: 77px;
	height: 2px;
	background: #129da4;
	margin: 0 auto;
}
#fh5co-product-list .fh5co-heading p {
	font-size: 14px;
	color: #555556;
	text-align: center;
	margin: 20px 0 29px 0;
}
#fh5co-product-list .tab {
}
#fh5co-product-list .tab .tab-nav li {
	padding: 0;
}
#fh5co-product-list .tab .tab-nav li a {
	display: inline-block;
	
	font-size: 14px;
	margin: 0 1px;
}
#fh5co-product-list .tab .tab-nav li a:hover, #fh5co-product-list .tab .tab-nav li.active a {
	background: #A32589;
	color: #fff;
	text-decoration: none;
	 border-radius:10px;
}
#fh5co-product-list .tab .tab-body {
	background: #fff;
	padding: 30px 40px;
	margin-top:20px;
}


@media only screen and (max-width:750px) {
#fh5co-product-list .fh5co-heading {
	padding:10px 0;
	width:100%;
	text-align:center;

}
}
@media only screen and (max-width:1000px) {
#fh5co-product-list .fh5co-heading {
	padding:10px 14%;
	width:70%;
	text-align:center;

}
}
@media only screen and (max-width:1024px) {
#fh5co-product-list .fh5co-heading {
	padding:10px 14%;
	width:70%;
	text-align:center;

}
}

