.article-views {
	background: #fff
}
.article-views .views {
	display: table;
	width: 100%
}
.article-views .views .col {
	display: table-cell;
	vertical-align: top
}
.article-views .views .col.content {
	padding: 40px 0 0 40px
}
.article-views .views .col.content h1 {
	font-size: 24px;
	font-weight: 400
}
.article-views .views .col.content .desc {
	color: #666
}
.article-views .views .col.content .desc p {
	line-height: 24px
}
.article-views .views .col.content .desc img {
	max-width: 100%
}
.article-views .views .col.sidebar {
	width: 25%;
	padding: 40px 40px 40px 0;
	border-right: 1px solid #eee
}
.article-views .views .col.sidebar .SR {
	margin-top: 10px;
	padding-left: 20px
}
.article-views .views .col.sidebar .SR a {
	color: #005bac;
	display: inline-block;
	position: relative
}
.article-views .views .col.sidebar .SR a:hover {
	color: #ec9009;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s
}
.article-views .views .col.sidebar .SR a:after {
	position: absolute;
	display: block;
	content: "";
	height: 1px;
	bottom: 3px;
	width: 0%;
	background-color: #ec9009;
	-webkit-transition: width .3s ease-in-out;
	-o-transition: width .3s ease-in-out;
	transition: width .3s ease-in-out
}
.article-views .views .col.sidebar .SR a:focus:after, .article-views .views .col.sidebar .SR a:hover:after {
	width: 100%
}
.article-views .views .col.sidebar .SR a.active {
	color: #ec9009
}
.article-views .views .col.sidebar .SR>li {
	list-style: disc
}
.article-views .views .col.sidebar .SR>li>a {
	line-height: 30px;
	font-size: 14px
}
.article-views .views .col.sidebar .SR>li ul {
	padding-left: 20px
}
.article-views .views .col.sidebar .SR>li ul li {
	list-style: circle
}
.article-views .views .col.sidebar .SR>li ul li a {
	line-height: 26px;
	font-size: 12px
}
.article-views .views .col.sidebar h3 {
	margin-top: 60px
}
.article-views .views .col.sidebar h3:nth-of-type(1) {
	margin-top: 0
}
.article-views .views .col.sidebar .tags {
	margin-top: 24px
}
.article-views .views .col.sidebar .tags li {
	float: left;
	margin-right: 10px;
	margin-bottom: 12px
}
.article-views .views .col.sidebar .tags li a {
	display: block;
	border: 1px solid #eee;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 7px;
	color: #807d7d;
	font-size: 14px
}
.article-views .views .col.sidebar .tags li a:hover {
	color: #fff;
	background: #0066cc
}
.article-views .views .col.sidebar .contactus {
	margin-top: 24px
}
.article-views .views .col.sidebar .contactus li {
	width: 280px;
	border: 1px solid #eee;
	border-left: 2px solid #0066cc;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	line-height: 40px;
	margin-bottom: 20px
}
.article-views .views .col.sidebar .contactus li:hover {
	background: #0066cc;
	color: #fff
}
.article-views .views .col.sidebar .contactus li i {
	margin: 0 10px
}
.article-views .views .col.sidebar .contactus li span {
	margin-right: 5px
}
.article-views .views .col.sidebar .contactus li a:hover {
	color: #fff
}
.article-list .col.sidebar h3 {
	margin-top: 60px
}
.article-list .col.sidebar h3:nth-of-type(1) {
	margin-top: 0
}
.article-list .col.sidebar .tags {
	margin-top: 24px
}
.article-list .col.sidebar .tags li {
	float: left;
	margin-right: 10px;
	margin-bottom: 12px
}
.article-list .col.sidebar .tags li a {
	display: block;
	border: 1px solid #eee;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 7px;
	color: #807d7d;
	font-size: 14px
}
.article-list .col.sidebar .tags li a:hover {
	color: #fff;
	background: #0066cc
}
.article-list .col.sidebar .contactus {
	margin-top: 24px
}
.article-list .col.sidebar .contactus li {
	border: 1px solid #eee;
	border-left: 2px solid #0066cc;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	line-height: 40px;
	margin-bottom: 20px;
	white-space: nowrap
}
.article-list .col.sidebar .contactus li:hover {
	background: #0066cc;
	color: #fff
}
.article-list .col.sidebar .contactus li i {
	margin: 0 7px
}
.article-list .col.sidebar .contactus li span {
	margin-right: 5px
}
.article-list .col.sidebar .contactus li a:hover {
	color: #fff
}
.topbar {
	background: #fff;
	color: #0066cc;
	line-height: 50px
}
.topbar .uibases-container>span {
	display: inline-block;
	margin-right: 25px
}
.topbar .logo {
	float: left;
	line-height: 0;
	margin-right: 56px
}
.topbar .logo img {
	margin-top: 12px
}
.topbar span i.fa {
	width: 25px;
	height: 25px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #fff;
	color: #0066cc;
	line-height: 25px;
	text-align: center;
	margin-right: 10px;
    border: 0.5px solid #0066cc;
}
.topbar span i.iconfont {
	float: left;
	font-size: 25px;
	margin-right: 10px
}
.topbar span a {
	color: #0066cc
}
.topbar .menu {
	float: right;
	line-height: 50px
}
.topbar .menu a {
	color: #fff;
	font-size: 12px;
	display: inline-block;

}
.language{margin-left: 15px;
    font-size: 16px;}
	
.enbg{ background:url(/images/en_icon.jpg) no-repeat left;    background-size: 20%;padding-left: 23px;}	
	
.esbg{ background:url(/images/es_icon.jpg) no-repeat left;background-size: 20%;padding-left: 23px}	

.mubg{ background:url(/images/mu_icon.jpg) no-repeat left;background-size: 20%;padding-left: 23px}	
	
	
.sub-language{    padding: 0 15px;}

.sub-language a:hover{    text-decoration: underline;}

.sub-language > .sub-language-item {

            line-height: 30px !important;

            display: block !important; padding:5px 0px 5px 25px;

            margin: 0 !important;

            color: #000 !important;

        }

	
	
	
	
	
.topbar .menu i.fa {
	height: 24px;
	width: 24px;
	text-align: center;
	background: #fff;
	color: #0066cc;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	line-height: 24px;

    border: 0.5px solid #0066cc;
}
.header {
	height: 50px;
	background: #0066cc
}
.header .menu {
	float: left
}
.header .menu>.ms1 {
	display: inline-block;
	position: relative
}
.header .menu>.ms1>a {
	font-size: 16px;
	color: white;
	font-weight: 600;
	display: inline-block;
	margin-right: 25px;
	text-transform: uppercase;
	line-height: 50px
}
.header .menu>.ms1>a i {
	font-size: 30px;
	font-weight: 200;
	float: left;
	margin-right: 10px
}
.header .menu>.ms1>a:hover {
	color: #ff9121;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s
}
.header .menu>.ms1 .sub-menu {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background: #fff;
	border-top: 2px solid #0066cc;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;
	padding: 15px 0;
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.1);
	box-shadow: 1px 1px 3px rgba(0,0,0,.1);
	display: none;
	z-index: 9880
}
.header .menu>.ms1 .sub-menu a {
	font-size: 12px;
	white-space: nowrap;
	line-height: 24px;
	display: block;
	padding: 0 20px
}
.header .menu>.ms1 .sub-menu a:hover {
	background: #0066cc;
	color: #fff;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s
}
.header .menu>.ms1 .sub-menu.active {
	display: block
}
.header .menu>.ms1.nav-product {
	position: static
}
.header .menu>.ms1.nav-product .sub-menu {
	left: 0;
	text-align: center
}
.header .menu>.ms1.nav-product .sub-menu>a {
	display: inline-block;
	margin-top: 15px;
	font-size: 14px
}
.header .menu>.ms1.nav-product .sub-menu>a.active {
	color: #ec9009
}
.header .menu>.ms1.nav-product .sub-menu>a.active:hover {
	color: #fff
}
.header .menu>.ms1.nav-product .sub-menu .nav-product-list {
	padding: 40px 20px;
	display: none
}
.header .menu>.ms1.nav-product .sub-menu .nav-product-list:after {
	display: table;
	content: "";
	zoom: 1;
	clear: both
}
.header .menu>.ms1.nav-product .sub-menu .nav-product-list .item {
	float: left;
	width: 14.2857%;
	padding: 0 20px;
	text-align: left
}
.header .menu>.ms1.nav-product .sub-menu .nav-product-list .item .thumb img {
	max-width: 100%
}
.header .menu>.ms1.nav-product .sub-menu .nav-product-list .item a {
	font-size: 12px;
	padding: 0;
	white-space: normal;
	line-height: 18px;
	height: 52px;
	overflow: hidden;
	text-align: center
}
.header .menu>.ms1.nav-product .sub-menu .nav-product-list .item a:hover {
	background-color: transparent;
	color: #ec9009
}
.header label.search {
	float: right;
	width: 30%;
}
.header label.search .label {
	display: block;
	position: relative;
	margin-top: 5px;
	width:100%;
}
.header label.search .label form {
	display: inline-block;
	width: 100%;
}
.header label.search .label input {
	width: 80%;
	border: 0;
	padding: 8px 15px;
	background: #e5e5e5;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: block
}
.header label.search .label button {
	border: none;
	display: block;
	background: 0 0;
	position: absolute;
	right: 95px;
	top: 33px
}
.header label.search .label button i.fa {
	color: #0066cc;
	font-size: 25px
}
.header label.search .label .list {
	position: absolute;
	z-index: 3;
	background: #fff;
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.15);
	box-shadow: 1px 1px 3px rgba(0,0,0,.15);
	left: -230px;
	width: 700px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	top: 75px;
	padding: 20px;
	color: #333;
	display: none
}
.header label.search .label .list:before {
	display: inline-block;
	content: "";
	width: 10px;
	height: 10px;
	background: #fff;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	top: -5px;
	left: 50%;
	margin-left: -5px;
	position: absolute
}
.header label.search .label .list .ilist {
	height: auto;
	max-height: 400px;
	overflow-y: auto;
	line-height: 24px;
	overflow-x: hidden
}
.header label.search .label .list .ilist cite {
	float: right;
	font-size: 12px;
	font-style: normal;
	color: #999
}
.header label.search .label .list .ilist a {
	color: #333;
	margin: 0;
	display: block;
	padding-left: 5px
}
.header label.search .label .list .ilist a:hover {
	background: #eee
}
.header.sticky {
	position: fixed;
	top: 0;
    /*background-color: #fff;*/
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
	box-shadow: 0 1px 3px rgba(0,0,0,.1);
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	z-index: 9899
}
.map {
	min-height: 450px;
	background: url(../images/map.jpg) center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover
}
.breadcrumb {
	padding: 20px 0
}
.breadcrumb .arrow-right {
	display: inline-block;
	margin: 0 10px;
	font-style: normal
}
.breadcrumb .arrow-right:after {
	display: block;
	content: "»";
	font-family: verdana;
	color: #999
}
.page {
	padding: 40px 0
}
.page .pagination {
	text-align: center
}
.page .pagination li {
	display: inline-block;
	margin: 0 1px
}
.page .pagination li a, .page .pagination li span {
	display: block;
	background: #fff;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 7px 15px;
	font-family: verdana
}
.page .pagination li span {
	background: #ccc;
	color: #999
}
.page .pagination li a:hover {
	background: #0066cc;
	color: #fff;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s
}
.footer {
	background: #fff;
	padding: 60px 0
}
.copy .inner-srow:after, .footer .inner-partner:after, .footer .partner .item {
	display: table;
	content: "";
	zoom: 1;
	clear: both
}
.footer .inner-partner {
	text-align: center
}
.footer .item {
	display: inline-block;
	margin: 15px 20px
}
.footer .item .logo {
	background: #eee;
	text-align: center;
	min-height: 45px;
	opacity: .5;
	-moz-opacity: .5;
	-khtml-opacity: .5;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s
}
.footer .item .logo:hover {
	opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1
}
.footer .item img {
	max-height: 100%;
	float: left
}
.copy {
	background: #121212;
	color: #fff
}
.copy a {
	color: #fff
}
.copy>div {
	padding: 40px 0
}
.copy .inner-srow {
	margin: 0 -20px
}
.copy .inner-srow .col {
	padding: 20px;
	float: left;
	width: 20%;
	text-align: left
}
.copy .inner-srow .col h2 {
	font-weight: 300
}
.copy .inner-srow .col.zms {
	width: 15%
}
.copy .inner-srow .col.sns {
	width: 25%
}
.copy .inner-srow .col ul {
	margin-top: 10px
}
.copy .inner-srow .col ul li {
	line-height: 24px
}
.copy .inner-srow .col ul li a {
	color: #cae4fb;
	font-size: 13px
}
.copy .inner-srow .col.sns .list {
	margin-right: -20px
}
.copy .inner-srow .col.sns a {
	display: inline-block;
	width: 50px;
	height: 50px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	margin-right: 20px;
	margin-top: 20px;
	background: #fff;
	float: left;
	color: #0066cc;
	line-height: 50px;
	text-align: center;
	font-size: 22px
}
.copy .copyright {
	text-align: center;
	padding: 40px 0;
	border-top: 1px solid #0865b8
}
#LRfloater0 {
	right: 15px!important;
	bottom: 0!important;
	top: auto!important
}
#LRfloater0 img {
	display: block
}
#sidebar {
	display: block;
	position: fixed;
	right: 40px;
	top: 30%;
	width: 40px;
	z-index: 9
}
#sidebar .item {
	width: 40px;
	height: 40px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background: #000;
	text-align: center;
	line-height: 40px;
	margin: 10px 0
}
#sidebar .item a {
	display: block;
	color: #fff
}
#sidebar .item a.tips {
	position: relative
}
#sidebar .item a.tips .tipbox {
	display: none;
	width: 180px;
	text-align: center;
	position: absolute;
	left: -190px;
	background: #333;
	-webkit-border-radius: 3px;
	border-radius: 3px
}
#sidebar .item a.tips:hover .tipbox {
	display: block
}
#sidebar .item#scrollup {
	display: none
}
#inquiry-form {
	width: 100%;
	height: auto;
	overflow-y: auto
}
#inquiry-form .data:after, #inquiry-form .form-box .row:after, #inquiry-form .form-box:after {
	display: table;
	content: "";
	clear: both;
	zoom: 1
}
.submit{    display: inline-block;
    padding: 10px 30px;
    background: #005aad;
    border-radius: 3px;
    color: #fff;}
#inquiry-form .data .thumb {
	width: 100px;
	height: 100px;
	overflow: hidden;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	float: left;
	margin-right: 15px
}
#inquiry-form .data .thumb img {
	max-width: 100%
}
#inquiry-form .data dl dd {
	font-size: 12px;
	color: #999;
	padding-top: 10px
}
#inquiry-form .form-box {
	margin-top: 20px;
	padding-bottom: 20px
}
#inquiry-form .form-box .row {
	margin-top: 20px
}
#inquiry-form .form-box .row .col {
	float: left
}
#inquiry-form .form-box .row .col:first-child {
	padding-right: 20px
}
#inquiry-form .form-box .row .col:last-child {
	padding-left: 20px
}
#inquiry-form .form-box .row .col.col50 {
	width: 50%
}
#inquiry-form .form-box .row .col.col100 {
	padding: 0
}
#inquiry-form .form-box label {
	display: inline-block
}
#inquiry-form .form-box label.full {
	display: block;
	width: 100%
}
#inquiry-form .form-box label span {
	display: inline-block;
	padding-bottom: 5px
}
#inquiry-form .form-box label span.important {
	position: relative
}
#inquiry-form .form-box label span.important:after {
	content: "*";
	color: #c20;
	display: block;
	position: absolute;
	right: -10px;
	top: 0
}
#inquiry-form .form-box label input {
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 10px;
	background: #fff
}
#inquiry-form .form-box label input:focus {
	border-color: #0066cc
}
#inquiry-form .form-box label textarea {
	display: block;
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	border-radius: 3px
}
#inquiry-form .form-box label textarea:focus {
	border-color: #0066cc
}
#inquiry-form .form-box label input.full {
	display: block;
	width: 100%
}
#inquiry-form .form-box .row .col.col50 .select {
	border: 1px solid #ccc;
	position: relative
}
#inquiry-form .form-box .row .col.col50 .select select {
	border: none;
	outline: 0;
	width: 100%;
	height: 40px;
	padding: 10px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none
}
#inquiry-form .form-box .row .col.col50 .select i.iconfont {
	color: #aaa;
	position: absolute;
	right: 15px;
	top: 30%;
	pointer-events: none
}
#reviews h3 {
	font-size: 14px;
	color: #4c4c4c
}
#reviews .form {
	margin-top: 30px
}
#reviews .form .nickname {
	padding-right: 15px
}
#reviews .form .email {
	padding-left: 15px
}
#reviews .form>div input {
	width: 100%;
	height: 40px;
	padding-left: 15px;
	border: 1px solid #d4d7d9;
	-webkit-border-radius: 5px;
	border-radius: 5px
}
#reviews .form>div input:focus {
	border-color: #0066cc
}
#reviews .form .col span {
	display: block;
	line-height: 20px;
	margin-bottom: 5px
}
#reviews .form .col span em {
	color: red
}
#reviews .form .question {
	margin-top: 15px
}
#reviews .form .question textarea {
	width: 100%;
	height: 200px;
	padding: 15px;
	border: 1px solid #d4d7d9;
	-webkit-border-radius: 5px;
	border-radius: 5px
}
#reviews .form .btn {
	text-align: left;
	margin-top: 30px
}
#reviews .form .btn button {
	width: 160px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	background: #0066cc;
	-webkit-border-radius: 5px;
	border-radius: 5px
}
#reviews ul {
	padding-left: 70px
}
#reviews ul li {
	border-bottom: 1px solid #d4d8d9;
	position: relative;
	padding: 20px 0
}
#reviews ul li .thumb {
	width: 40px;
	position: absolute;
	left: -70px;
	top: 20px
}
#reviews ul li .thumb img {
	max-width: 100%
}
#reviews ul li .name {
	color: #00c2dc
}
#reviews ul li .content {
	margin-top: 10px
}
#reviews ul li .content span {
	color: #4c4c4c;
	line-height: 20px
}
#reviews ul li .content img {
	max-width: 40px;
	max-height: 40
}
#reviews ul li .other {
	margin-top: 10px
}
#reviews ul li .other .time {
	color: #999
}
.zms-dialog-wrap {
	position: relative;
	z-index: 9999
}
.zms-dialog-cover {
	display: block;
	background: rgba(0,0,0,.5);
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 995
}
.zms-dialog {
	display: table;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 996
}
.zms-dialog .cel {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}
.zms-dialog .message {
	padding: 30px 60px;
	font-size: 14px;
	background: #fff;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 0 auto;
	display: inline-block;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
	box-shadow: 0 0 3px rgba(0,0,0,.3)
}
.zms-dialog .dialog {
	display: inline-block;
	background: #fff;
	text-align: left;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
	box-shadow: 0 0 10px rgba(0,0,0,.2)
}
.zms-dialog .loading {
	margin: 0 auto;
	display: inline-block;
	padding: 25px 60px;
	background: #fff;
	-webkit-border-radius: 3px;
	border-radius: 3px
}
.zms-dialog .confirm {
	margin: 0 auto;
	display: inline-block;
	background: #fff;
	-webkit-border-radius: 3px;
	border-radius: 3px
}
.zms-dialog .confirm .confirm-body {
	padding: 30px 60px
}
.zms-dialog .confirm .confirm-button a {
	display: inline-block;
	width: 50%;
	padding: 10px 0;
	border-top: 1px solid #eee;
	font-size: 12px
}
.zms-dialog .confirm .confirm-button a.sure {
	color: #c20
}
.zms-dialog .confirm .confirm-button a.cancel {
	color: #00bcd4
}
.zms-dialog .confirm .confirm-button a~a {
	border-left: 1px solid #eee
}
.zms-dialog .form {
	display: inline-block;
	background: #fff;
	text-align: left;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
	box-shadow: 0 0 10px rgba(0,0,0,.2);
	position: relative
}
.zms-dialog .form>.title {
	font-size: 14px;
	display: inline-block;
	line-height: 14px;
	padding: 20px 0 0 20px
}
.zms-dialog .form .close {
	position: absolute;
	right: 5px;
	top: 5px;
	cursor: pointer
}
.zms-dialog .form .close i {
	font-size: 36px
}
.zms-dialog .form .body {
	padding: 30px 50px
}
.zms-dialog .form>.button {
	display: table;
	text-align: center;
	width: 100%
}
.zms-dialog .form>.button .button {
	display: table-cell;
	padding: 15px 0;
	border-top: 1px solid #eee;
	font-size: 14px
}
.zms-dialog .form>.button .ye {
	color: #c20
}
.zms-dialog .form>.button .no {
	color: #00bcd4
}
.zms-dialog .form>.button .button~.button {
	border-left: 1px solid #eee
}
.banner {
	background: #fff
}
.banner .flexslider {
	border: 0!important;
	-webkit-border-radius: 0!important;
	border-radius: 0!important;
	margin: 0!important
}
.banner .flex-control-nav {
	bottom: 30px!important;
	z-index: 5
}
.banner .flex-control-paging li a {
	background: rgba(255,255,255,.5)!important;
	-webkit-box-shadow: none!important;
	-o-box-shadow: none!important;
	box-shadow: none!important
}
.banner .flex-control-paging li a.flex-active, .banner .flex-control-paging li a:hover {
	background: rgba(255,255,255,1)!important
}
.banner ul li {
	height: 500px;
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden
}
.product {
	padding: 60px 0;
	background: #fff
}
.product h2 {
	font-weight: 300;
	font-size: 32px;
	text-align: center
}
.product .remark {
	font-size: 12px;
	color: #999;
	margin-top: 5px;
	text-align: center
}
.product .more {
	text-align: center;
	margin-top: 40px
}
.i-button {
	display: inline-block;
	line-height: 14px;
	color: #999;
	font-size: 12px;
	padding: 10px 50px;
	border: 1px solid #ccc;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-weight: 300
}
.i-button:hover {
	color: #fff;
	background: #0066cc;
	border-color: #0066cc
}
.index-about {
	padding: 60px 0
}
.index-about .pic img {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	max-width: 100%
}
.index-about .text {
	text-align: center;
	margin: 40px 0 0
}
.index-about .text dt {
	font-size: 48px;
	color: #333;
	font-weight: 300;
	line-height: 48px;
	margin-bottom: 25px
}
.index-about .text dd {
	font-size: 16px;
	color: #333;
	line-height: 26px;
	margin-left: 0
}
.index-about .text dd.op {
	margin-top: 60px
}
.s-text {
	padding: 50px 0
}
.s-text h2 {
	font-weight: 300;
	font-size: 32px;
	color: #000;
	text-align: left;
	margin-bottom: 20px
}
.s-text .FAQ {
	width: 50%;
	float: left;
	padding-right: 25px
}
.s-text .FAQ .list {
	height: 375px;
	overflow-x: hidden;
	overflow-y: auto
}
.s-text .FAQ .item {
	padding: 20px 0;
	border-bottom: 1px solid #eee
}
.s-text .FAQ .item .question {
	text-transform: uppercase
}
.s-text .FAQ .item .question span.q {
	display: inline-block;
	background: #005bac;
	color: #fff;
	padding: 2px 4px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-weight: 300;
	line-height: 14px;
	margin-right: 5px;
	font-size: 12px
}
.s-text .FAQ .item .asked {
	margin-top: 10px;
	color: #999;
	font-size: 12px;
	margin-left: 20px
}
.s-text .FAQ .item .asked span.a {
	display: inline-block;
	background: #ec9009;
	color: #fff;
	padding: 1px 4px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-weight: 300;
	line-height: 14px;
	margin-right: 5px;
	margin-left: -20px
}
.s-text .FAQ .item ol, .s-text .FAQ .item ul {
	padding-left: 37px;
	font-size: 12px;
	color: #999
}
.s-text .FAQ .item ol, .s-text .FAQ .item ol li {
	list-style: decimal
}
.s-text .FAQ .item ul, .s-text .FAQ .item ul li {
	list-style: disc
}
.s-text .FAQ .item p {
	font-size: 12px;
	color: #999;
	margin: 10px 0 0 24px
}
.s-text .inquiry {
	width: 50%;
	float: left;
	padding-left: 25px
}
.s-text .inquiry .form>div {
	margin-bottom: 25px
}
.s-text .inquiry .form>div:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	zoom: 1
}
.s-text .inquiry .form>div span {
	display: block;
	font-size: 12px;
	margin-bottom: 10px
}
.s-text .inquiry .form>div.necessary span:after {
	content: "*";
	color: #c20000;
	margin-left: 5px
}
.s-text .inquiry .form>div div {
	width: 50%;
	float: left
}
.s-text .inquiry .form>div div:first-child {
	padding-right: 2%
}
.s-text .inquiry .form>div div:last-child {
	padding-left: 2%
}
.s-text .inquiry .form>div div input {
	width: 100%;
	height: 45px;
	padding: 10px 15px;
	border: 1px solid #d9d9d9;
	-webkit-border-radius: 3px;
	border-radius: 3px
}
.s-text .inquiry .form>div div input:focus {
	border-color: #0066cc
}
.s-text .inquiry .form>div.message textarea {
	width: 100%;
	height: 150px;
	padding: 10px 15px;
	border: 1px solid #d9d9d9;
	-webkit-border-radius: 3px;
	border-radius: 3px
}
.s-text .inquiry .form>div.message textarea:focus {
	border-color: #0066cc
}
.s-text .inquiry .form>div.btn {
	text-align: center
}
.s-text .inquiry .form>div.btn button {
	width: 140px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #0066cc;
	color: #fff;
	border: none;
	-webkit-border-radius: 5px;
	border-radius: 5px
}
.s-text.news {
	background: #fff
}
.s-text.news h2 {
	text-align: center
}
.s-text .news-list {
	overflow: hidden;
	margin-top: 30px
}
.s-text .news-list ul {
	margin: 0 -20px
}
.s-text .news-list ul:after {
	display: table;
	content: "";
	zoom: 1;
	clear: both
}
.s-text .news-list ul li {
	border-bottom: 1px solid #eee;
	float: left;
	width: 50%;
	padding: 20px
}
.s-text .news-list ul li .thumb {
	float: left;
	width: 160px;
	height: 100px;
	background: #eee;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	overflow: hidden;
	margin-right: 15px
}
.s-text .news-list ul li .thumb img {
	width: 100%
}
.s-text .news-list ul li dl {
	font-size: 12px;
	margin: 0
}
.s-text .news-list ul li dl dt {
	font-size: 14px;
	height: 19px;
	overflow: hidden
}
.s-text .news-list ul li dl dt span {
	float: right;
	font-size: 11px;
	color: #999
}
.s-text .news-list ul li dl dd {
	color: #999;
	margin-top: 10px;
	margin-left: 0
}
.s-text .news-list ul li dl dd.summary {
	height: 71px;
	overflow: hidden;
	line-height: 17px
}
.s-text .link-button {
	text-align: center;
	padding: 40px 0
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	src: local('Open Sans Light'), local('OpenSans-Light'), url(../static/fonts/Open-Sans/Open-Sans-Light.woff) format('woff'), url(../static/fonts/Open-Sans/Open-Sans-Light.woff2) format('woff2'), url(../static/fonts/Open-Sans/Open-Sans-Light.ttf) format('truetype')
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url(../static/fonts/Open-Sans/Open-Sans-Regular.eot);
	src: local('Open Sans Regular'), local('OpenSans-Regular'), local('Open Sans'), url(../static/fonts/Open-Sans/Open-Sans-Regular.woff) format('woff'), url(../static/fonts/Open-Sans/Open-Sans-Regular.svg#OpenSans) format('svg'), url(../static/fonts/Open-Sans/Open-Sans-Regular.woff2) format('woff2'), url(../static/fonts/Open-Sans/Open-Sans-Regular.ttf) format('truetype'), url(../static/fonts/Open-Sans/Open-Sans-Regulard41d.eot?#iefix) format('embedded-opentype')
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(../static/fonts/Open-Sans/Open-Sans-SemiBold.woff) format('woff'), url(../static/fonts/Open-Sans/Open-Sans-SemiBold.woff2) format('woff2'), url(../static/fonts/Open-Sans/Open-Sans-SemiBold.ttf) format('truetype')
}
@font-face {
	font-family: Lato;
	font-style: normal;
	font-weight: 100;
	src: local('Lato Hairline'), local('Lato-Hairline'), url(../static/fonts/Lato/Lato-Hairline.woff) format('woff'), url(../static/fonts/Lato/Lato-Hairline.ttf) format('truetype'), url(../static/fonts/Lato/Lato-Hairline.woff2) format('woff2')
}
@font-face {
	font-family: Lato;
	font-style: normal;
	font-weight: 300;
	src: local('Lato Light'), local('Lato-Light'), url(../static/fonts/Lato/Lato-Light.woff) format('woff'), url(../static/fonts/Lato/Lato-Light.ttf) format('truetype'), url(../static/fonts/Lato/Lato-Light.woff2) format('woff2')
}
@font-face {
	font-family: Lato;
	font-style: normal;
	font-weight: 400;
	src: url(../static/fonts/Lato/Lato-Regular.eot);
	src: local('Lato Regular'), local('Lato-Regular'), local('Lato'), url(../static/fonts/Lato/Lato-Regular.woff) format('woff'), url(../static/fonts/Lato/Lato-Regular.ttf) format('truetype'), url(../static/fonts/Lato/Lato-Regular.svg#Lato) format('svg'), url(../static/fonts/Lato/Lato-Regulard41d.eot?#iefix) format('embedded-opentype'), url(../static/fonts/Lato/Lato-Regular.woff2) format('woff2')
}
@font-face {
	font-family: Lato;
	font-style: normal;
	font-weight: 700;
	src: local('Lato Bold'), local('Lato-Bold'), url(../static/fonts/Lato/Lato-Bold.woff) format('woff'), url(../static/fonts/Lato/Lato-Bold.ttf) format('truetype'), url(../static/fonts/Lato/Lato-Bold.woff2) format('woff2')
}
body, html {
	font-size: 14px;
	color: #333;
	background-color: #f5f5f5
}
body, button, html, input, select, textarea {
	font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Microsoft YaHei", "Microsoft JhengHei", "Helvetica Neue", Arial, sans-serif
}
::after, ::before, a, body, button, div, em, h1, h2, h3, h4, h5, html, i, input, label, li, ol, select, span, strong, sub, sup, textarea, ul {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
a {
	text-decoration: none;
	color: #000;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}
a:hover {
	color: #0066cc
}
em, i {
	font-style: normal
}
button, input[type=button], input[type=submit] {
	cursor: pointer;
	border: none
}
button:focus, input:focus, input[type=button]:focus, input[type=submit]:focus, select:focus, textarea:focus {
	outline: 0
}
input:-webkit-autofill {
-webkit-box-shadow:0 0 0 1000px #fff inset;
box-shadow:0 0 0 1000px #fff inset
}
input:disabled {
	background-color: #eee
}
li, ul {
	list-style-type: none
}
textarea {
	resize: none
}
.uibases-container {
	margin: 0 auto
}
.uibases-container-fluid {
	width: 100%!important
}
.uibases-container-fixed {
	width: 1170px!important;
	margin: 0 auto
}
.uibases-container-fixed:after, .uibases-container-fluid:after, .uibases-container:after {
	display: table;
	content: "";
	zoom: 1;
	clear: both
}
@media (min-width:992px) {
.uibases-container {
	width: 970px
}
}
@media (min-width:1200px) {
.uibases-container {
	width: 1170px
}
}
.row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap
}
.row:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	zoom: 1
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto {
	position: relative;
	width: 100%
}
.col {
	-ms-flex-preferred-size: 0;
	-webkit-flex-basis: 0;
	flex-basis: 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	max-width: 100%
}
.col-auto {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: none
}
.col-1 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 8.333333%;
	-webkit-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%
}
.col-2 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 16.666667%;
	-webkit-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%
}
.col-3 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 25%;
	-webkit-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%
}
.col-4 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.333333%;
	-webkit-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%
}
.col-5 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 41.666667%;
	-webkit-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%
}
.col-6 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	-webkit-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}
.col-7 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 58.333333%;
	-webkit-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%
}
.col-8 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 66.666667%;
	-webkit-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%
}
.col-9 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 75%;
	-webkit-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%
}
.col-10 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 83.333333%;
	-webkit-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%
}
.col-11 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 91.666667%;
	-webkit-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%
}
.col-12 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	-webkit-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}
.col.text-r {
	text-align: right
}
.clearfix:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	zoom: 1
}
.iconfont {
	font-family: iconfont
}
@font-face {
	font-family: iconfont;
	src: url(http://at.alicdn.com/t/font_623792_rk5pdrdalfkr19k9.eot);
	src: url(//at.alicdn.com/t/font_623792_rk5pdrdalfkr19k9.eot?#iefix) format('embedded-opentype'), url(//at.alicdn.com/t/font_623792_rk5pdrdalfkr19k9.woff) format('woff'), url(//at.alicdn.com/t/font_623792_rk5pdrdalfkr19k9.ttf) format('truetype'), url(//at.alicdn.com/t/font_623792_rk5pdrdalfkr19k9.svg#iconfont) format('svg')
}
.list-product {
	margin: 20px -20px
}
.list-product:after {
	display: table;
	content: "";
	zoom: 1;
	clear: both
}
.list-product .item {
	width: 20%;
	padding: 20px;
	float: left;
	position: relative
}
.list-product .item .thumb {
	background: #eee
}
.list-product .item .thumb1 {
	position: absolute;
	left: 0;
	top: 0;
	margin: 20px;
	opacity: 0;
	visibility: hidden;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s
}
.list-product .item .thumb img, .list-product .item .thumb1 img {
	display: block;
	width: 100%
}
.list-product .item:hover .thumb1 {
	opacity: 1;
	visibility: visible
}
.list-product .item .name {
	text-align: center;
	margin-top: 10px;
	height: 36px;
	overflow: hidden
}
.list-product .item .summary {
	text-align: center;
	font-size: 12px;
	color: #999;
	margin-top: 5px;
	height: 36px;
	overflow: hidden
}
.list-product .item .inquiry {
	margin: 20px 0;
	text-align: center
}
.list-product .item .inquiry a {
	display: inline-block;
	width: 96px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #d2d2d2;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 12px;
	color: #666
}
.list-product .item .inquiry a:hover {
	color: #fff;
	background: #0066cc;
	border-color: #0066cc
}
.list-product .item .tags {
	font-size: 12px;
	text-align: center;
	line-height: 22px;
	height: 66px;
	overflow: hidden
}
.list-product .item .tags span {
	background: #ff9121;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin-left: 5px;
	padding: 0 5px;
	line-height: 18px;
	display: inline-block
}
.list-product .item .tags span a {
	color: #fff
}
.article-list {
	background: #fff
}
.article-list .list {
	display: table;
	width: 100%
}
.article-list .list .col {
	display: table-cell;
	vertical-align: top
}
.article-list .list .col.sidebar {
	width: 25%;
	padding: 40px 40px 40px 0;
	border-right: 1px solid #eee
}
.article-list .list .col.sidebar .SR {
	margin-top: 10px;
	padding-left: 20px
}
.article-list .list .col.sidebar .SR a {
	color: #005bac;
	display: inline-block;
	position: relative
}
.article-list .list .col.sidebar .SR a:hover {
	color: #ec9009;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s
}
.article-list .list .col.sidebar .SR a:after {
	position: absolute;
	display: block;
	content: "";
	height: 1px;
	bottom: 3px;
	width: 0%;
	background-color: #ec9009;
	-webkit-transition: width .3s ease-in-out;
	-o-transition: width .3s ease-in-out;
	transition: width .3s ease-in-out
}
.article-list .list .col.sidebar .SR a:focus:after, .article-list .list .col.sidebar .SR a:hover:after {
	width: 100%
}
.article-list .list .col.sidebar .SR a.active {
	color: #ec9009
}
.article-list .list .col.sidebar .SR>li {
	list-style: disc
}
.article-list .list .col.sidebar .SR>li>a {
	line-height: 30px;
	font-size: 14px
}
.article-list .list .col.sidebar .SR>li ul {
	padding-left: 20px
}
.article-list .list .col.sidebar .SR>li ul li {
	list-style: circle
}
.article-list .list .col.sidebar .SR>li ul li a {
	line-height: 26px;
	font-size: 12px
}
.article-list .inner-list {
	padding: 10px 0 10px 40px
}
.article-list .inner-list .item {
	padding: 30px 0;
	border-bottom: 1px solid #eee;
	margin-right: 30px
}
.article-list .inner-list .item:last-child {
	border-bottom: 0
}
.article-list .inner-list .item:after {
	display: table;
	content: "";
	zoom: 1;
	clear: both
}
.article-list .inner-list .item .thumb {
	float: left;
	width: 160px;
	margin-right: 20px
}
.article-list .inner-list .item .thumb img {
	width: 100%
}
.article-list .inner-list .item dl {
	margin: 0
}
.article-list .inner-list .item dl dt {
	height: 20px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}
.article-list .inner-list .item dl dd {
	font-size: 12px;
	color: #999;
	padding-top: 5px;
	line-height: 19px;
	margin-left: 0
}
.article-list .inner-list .item a:hover {
	color: #ec9009;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s
}
.article-list .inner-list .item dl dd.summary {
	line-height: 22px;
	height: 44px;
	overflow: hidden
}
.article-list .inner-list .item dl dd.time i {
	margin-right: 5px;
	font-size: 14px
}
.recommend-box {
	background: #fff
}
.recommend-box>div {
	overflow: hidden
}
.recommend-box h2 {
	font-size: 24px;
	font-weight: 400;
	margin: 40px 0
}
.recommend-box .recommend-list {
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 40px;
	overflow: hidden
}
.recommend-box .recommend-list .item {
	padding: 0 10px;
	width: 50%;
	float: left
}
.recommend-box .recommend-list .item .thumb {
	float: left;
	width: 225px;
	margin-right: 20px;
	overflow: hidden
}
.recommend-box .recommend-list .item .thumb img {
	width: 100%
}
.recommend-box .recommend-list .item dl {
	margin: 0;
	font-size: 14px
}
.recommend-box .recommend-list .item dl dt {
	line-height: 20px;
	height: 44px;
	overflow: hidden
}
.recommend-box .recommend-list .item dl dt a {
	color: #000
}
.recommend-box .recommend-list .item dl dd.summary {
	line-height: 18px;
	height: 72px;
	overflow: hidden;
	color: #999;
	margin: 10px 0
}
.recommend-box .recommend-list .item dl dd.time i {
	margin-right: 5px
}
.product-list, .product-views {
	background: #fff;
	padding: 40px 0
}
.product-list .summary {
	margin-bottom: 40px
}
.product-list .summary .text {
	font-size: 12px;
	color: #999;
	padding-top: 5px
}
.product-list .sub-menu {
	text-align: center;
	margin-bottom: 25px
}
.product-list .sub-menu a {
	display: inline-block;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 8px 15px;
	font-size: 12px;
	background: #0066cc;
	color: #fff
}
.product-list .sub-menu a.active {
	background: #ec9009;
	color: #fff
}
.product-list .sub-menu a:hover {
	background: #ec9009;
	color: #fff;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.product-list .inner-list {
	margin: 0 -20px
}
.product-list .inner-list:after {
	display: table;
	content: "";
	zoom: 1;
	clear: both
}
.product-list .inner-list .item {
	float: left;
	width: 20%;
	padding: 20px
}
.product-list .inner-list .item .thumb {
	width: 100%;
	background: #eee;
	overflow: hidden;
	border: 2px solid #f2f2f2;
}
.product-list .inner-list .item .thumb:hover {
	border:2px solid #0066cc;
}
.product-list .inner-list .item .thumb img {
	max-width: 100%;
	float: left
}
.product-list .inner-list .item .name {
	margin-top: 15px;
	font-size: 14px;
	text-align: center;
	height: 36px;
	overflow: hidden
}
.product-list .inner-list .item .title {
	font-size: 12px;
	color: #999;
	margin-top: 5px;
	height: 54px;
	overflow: hidden;
	text-align: center
}
.product-list .inner-list .item .inquiry {
	text-align: center;
	margin: 10px 0
}
.product-list .inner-list .item .inquiry a {
	display: inline-block;
	width: 96px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #d2d2d2;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 12px;
	color: #666
}
.product-list .inner-list .item .inquiry a:hover {
	color: #fff;
	background: #0066cc;
	border-color: #0066cc
}
.product-list .inner-list .item .tags {
	font-size: 12px;
	text-align: center;
	line-height: 22px;
	height: 66px;
	overflow: hidden
}
.product-list .inner-list .item .tags span {
	background: #ff9121;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin-left: 5px;
	padding: 0 5px;
	display: inline-block;
	line-height: 18px
}
.product-list .inner-list .item .tags span a {
	color: #fff
}
.product-views .views .col.cont {
	padding-right: 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.product-views .views .product-a .infos h1 {
	font-weight: 400;
	font-size: 32px;
	float: left;
	width: 100%;
	line-height: 32px;
	margin-bottom: 20px
}
.product-views .views .col.sidebar .image {
	display: inline-block
}
.product-views .views .col.sidebar .image img {
	width: 100%;
	display: inline-block;
	background: #eee;
	-webkit-border-radius: 3px;
	border-radius: 3px
}
.product-views .views .col.sidebar .hr {
	height: 40px
}
.product-views .cat h3, .product-views .views .col.sidebar h3 {
	font-size: 24px;
	font-weight: 300
}
.product-views .views .col.sidebar>div.list {
	position: relative;
	overflow-y: auto;
	overflow-x: hidden;
	height: 1040px;
	width: 100%;
	margin: 0 auto
}
.uibases-container .list .list-item table{max-width: 1165px;}
.product-views .views .col.sidebar .list {
	margin: 0 -10px
}
.product-views .views .col.sidebar .list li {
	float: left;
	width: 50%;
	padding: 10px
}
.product-views .views .col.sidebar .list li .thumb {
	width: 100%;
	background: #eee
}
.product-views .views .col.sidebar .list li .thumb img {
	width: 100%;
	display: block
}
.product-views .views .col.sidebar .list li .name {
	font-size: 12px;
	display: block;
	text-align: center;
	height: 26px;
	overflow: hidden;
	padding-top: 10px
}





/*******bootstrap-touch-slider********/

.slide-section{position:relative;z-index:4;}

/* SVG wrap */

.bs-slider{

    overflow: hidden;

    position: relative;

}

/*.bs-slider:hover {

    cursor: -moz-grab;

    cursor: -webkit-grab;

}

.bs-slider:active {

    cursor: -moz-grabbing;

    cursor: -webkit-grabbing;

}*/

.bs-slider .bs-slider-overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.40);

}

.bs-slider > .carousel-inner > .item > img,

.bs-slider > .carousel-inner > .item > a > img {

    margin: auto;

    width: 100% !important;

}

/*************************Slide effect**********************/

.fade {

    opacity: 1;

}

.fade .item {

    top: 0;

    z-index: 1;

    opacity: 0;

    width: 100%;

    position: absolute;

    left: 0 !important;

    display: block !important;

    -webkit-transition: opacity ease-in-out 1s;

    -moz-transition: opacity ease-in-out 1s;

    -ms-transition: opacity ease-in-out 1s;

    -o-transition: opacity ease-in-out 1s;

    transition: opacity ease-in-out 1s;

}

.fade .item:first-child {

    top: auto;

    position: relative;

}

.fade .item.active {

    opacity: 1;

    z-index: 2;

    -webkit-transition: opacity ease-in-out 1s;

    -moz-transition: opacity ease-in-out 1s;

    -ms-transition: opacity ease-in-out 1s;

    -o-transition: opacity ease-in-out 1s;

    transition: opacity ease-in-out 1s;

}

/*---------- LEFT/RIGHT ROUND CONTROL ----------*/

.control-round .carousel-control {

	top:auto;

    bottom: 0;

    z-index: 100;

    color: #fff;

    display: block;

    cursor: pointer;

    overflow: hidden;

    text-shadow: none;

    position: absolute;

    background: transparent;

	right:200px;

	left:auto;

	top:45%;bottom:auto;right:auto;left:auto;border-radius:0;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;

	border:none;

}

.control-round .carousel-control.left{left:-80px;-webkit-transition:all var(--transition-time,800ms);

	-o-transition:all var(--transition-time,800ms);

	transition:all var(--transition-time,800ms);}

.control-round .carousel-control.right{right:-80px;-webkit-transition:all var(--transition-time,800ms);

	-o-transition:all var(--transition-time,800ms);

	transition:all var(--transition-time,800ms);}

.slide-section:hover .control-round .carousel-control.left{left:-30px;}

.slide-section:hover .control-round .carousel-control.right{right:-30px;}



.control-round .carousel-control.left:hover,

.control-round .carousel-control.right:hover{

    border: 0px transparent;

}

.control-round .carousel-control.left{margin-right:81px;}

.control-round .carousel-control.left:before{font-family:FontAwesome;content:"\f104";}

.control-round .carousel-control.right:before{font-family:FontAwesome;content:"\f105";}



.control-round .carousel-control {

	margin: 0 20px;

	padding: 14px 20px;

	width: 40px;

	height: 80px;

	background:#333;

	background:rgba(0,0,0,0.4);

	-webkit-transition: width 0.3s, background-color 0.3s;

	transition: width 0.3s, background-color 0.3s;

	opacity:1;

	line-height:50px;

}

.control-round .carousel-control.right{padding-left:15px;}

.carousel-control .icon-wrap {

	position: absolute;

	width: 32px;

}



.carousel-control.left .icon-wrap {

	left: 15px;

}

.carousel-control.right .icon-wrap {

	right: 15px;

}



.carousel-control h3 {

	position: absolute;

	top: 0;

	margin: 0;

	color: #000;

	text-transform: uppercase;

	white-space: nowrap;

	font-size:16px;

	line-height:80px;

	opacity: 0;

	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;

	transition: opacity 0.3s, transform 0.3s;

	color:#333;

}



.carousel-control.left h3 {

	right: 20px;

	-webkit-transform: translateX(100%);

	transform: translateX(100%);


}



.carousel-control.right h3 {

	left: 25px;

	-webkit-transform: translateX(-100%);

	transform: translateX(-100%);

}



.control-round .carousel-control:hover {

	background: #0066cc;

	color:#fff;

}



.carousel-control:hover h3 {

	opacity: 1;

	-webkit-transition-delay: 0.1s;

	transition-delay: 0.1s;

	-webkit-transform: translateX(0);

	transform: translateX(0);

}

/*---------- INDICATORS CONTROL ----------*/

.indicators-line > .carousel-indicators{

    left:0;

	padding:0 10px;

    bottom: 3%;

    width: 100%;

    height: 20px;

    font-size: 0;

    overflow-x: auto;

    text-align: center;

    overflow-y: hidden;

    padding-top: 1px;

    white-space: nowrap;

	margin-left:0;

}

.indicators-line > .carousel-indicators li{

    padding: 0;

    width: 30px;

    height: 5px;

    text-indent: 0;

    overflow: hidden;

    text-align: left;

    position: relative;

    margin-right: 5px;

    z-index: 10;

    cursor:pointer;

	background:#fff;

	background:rgba(255,255,255,0.8);

	border:none;

	border-radius:0;

}



.indicators-line > .carousel-indicators li:last-child{

    margin-right: 0;

}

.indicators-line > .carousel-indicators .active{

    background-color: #0066cc;

    position: relative;

    -webkit-transition: box-shadow 0.3s ease;

    -moz-transition: box-shadow 0.3s ease;

    -o-transition: box-shadow 0.3s ease;

    transition: box-shadow 0.3s ease;

    -webkit-transition: background-color 0.3s ease;

    -moz-transition: background-color 0.3s ease;

    -o-transition: background-color 0.3s ease;

    transition: background-color 0.3s ease;



}

.indicators-line > .carousel-indicators .active:before{

    transform: scale(0.5);

    background-color:rgba(255,255,255,0.5);

    content:"";

    position: absolute;

    left:-1px;

    top:-1px;

    width:23px;

    height: 23px;

    border-radius: 50%;

    -webkit-transition: background-color 0.3s ease;

    -moz-transition: background-color 0.3s ease;

    -o-transition: background-color 0.3s ease;

    transition: background-color 0.3s ease;

	display:none;

}

/*---------- SLIDE CAPTION ----------*/

.slide_style_left {

    text-align: left !important;

}

.slide_style_right {

    text-align: left !important;

}

.slide_style_center {

    text-align: center !important;

}



.slide-text {

	position:absolute;

	left:50%;

	top:50%;

	-webkit-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

	width:100%;

	padding-left:15px;

	padding-right:15px;

}



.slide-text .box{

    text-align: center;

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

	max-width:90%;

	margin:auto;

}

.slide-text .box .title{display:block;color:#ffffff;font-family: 'poppins_sb';font-size:40px;line-height:45px;overflow:hidden;text-transform:uppercase;margin-bottom:20px;}

.slide-text .box .text{color:#fff;font-size:20px;display:block;line-height:24px;overflow:hidden;max-height:48px;}

 

@media only screen and (max-width: 1200px) {

	.slide-text .box{max-width:100%;}

}



@media only screen and (max-width: 992px) {

	.indicators-line > .carousel-indicators{bottom:0;padding-right:0;}

}

@media only screen and (max-width: 768px) {

	.indicators-line > .carousel-indicators{margin-bottom:0;}

	.control-round .carousel-control{top:34%;}

	.slide-text .box{max-width:100%;text-align:center;}

	.slide-text .box .title{font-size:24px;margin-bottom:10px;line-height:32px;}


	.slide-text .box .text{font-size:12px;}

	.slide-text .box .main_more{margin-top:10px;}

}

@media only screen and (max-width: 480px) {

	.slide-text{padding-left:45px;padding-right:45px;}

	.slide-text .box .title{font-size:20px;line-height:24px;max-height:48px;margin-top:0;}

	.slide-text .box .more{padding:8px 15px;margin-top:15px;}

	.slide-text .box .main_more{font-size:10px;margin-top:0;padding:6px 20px;}

	.slide-text .box .text{display:none;}

	.control-round .carousel-control.left{left:-24px;margin-right:0;height:60px;line-height:60px;padding:0;width:30px;}

	.control-round .carousel-control.right{right:-24px;margin-left:0;height:60px;line-height:60px;padding:0;width:30px;}

	.slide-section:hover .control-round .carousel-control.left{left:-24px;}

	.slide-section:hover .control-round .carousel-control.right{right:-24px;}

	.indicators-line > .carousel-indicators{display:none;}

}



@media (min-width: 768px) {

  .slide-text {

    width: 750px;

  }

}

@media (min-width: 992px) {

  .slide-text {

    width: 970px;

  }

}

@media (min-width: 1200px) {

  .slide-text {

    width: 1170px;

  }

}



.main_title{margin-bottom:30px;text-align:center; width:100%;}

.main_title em{font-family: 'oswald';display:block;text-align:center;font-size:36px;line-height:48px;padding-top:30px;background:url(../images/title_bg.png) no-repeat top center;text-transform:uppercase;margin-bottom:20px;}

.main_title .text{color:#999999;font-size:13px;line-height:18px;height:36px;overflow:hidden;max-width:50%;margin:auto;}



.main_more{
	margin-top:30px;
	color:#fff;
	display:inline-block;
	background:rgba(0, 0, 0, .5);
	font-size:12px;
	text-transform:uppercase;
	padding:14px 26px;
	letter-spacing:1px;
	font-family: 'poppins_sb';
}

.main_more:hover{background:#323771;text-decoration:none;color:#fff;}



@media only screen and (max-width: 768px) {

	.main_title .text{max-width:100%;font-size:12px;}

	.main_more{font-size:12px;padding:10px 26px;}

}

@media only screen and (max-width: 480px) {

	.main_title em{font-size:28px;margin-bottom:10px;background-size:58px;padding-top:20px;}

}




.about_content .owl-carousel .owl-wrapper-outer{background:none;}

.about_content .single-product{padding-bottom:20px;max-width:50%;}

.about_content #about01 .title{font-family:'poppins_sb';display:block;color:#fff;font-size:18px;margin-bottom:30px;}

.about_content #about01 .text{font-size:12px;color:#fff;line-height:36px;max-height:180px;overflow:hidden;}

.about_content #about01 .main_more{border:2px solid #fff;background:none;color:#fff;}

.about_content #about01 .main_more:hover{background:#0066cc;border:2px solid #0066cc;}



.about_content #about02{max-width:50%;}

.about_content #about02 .single-product{padding:10px 30px;max-width:100%;}

.about_content #about02 .single-product .image{position:relative;overflow:hidden;}

.about_content #about02 .single-product .image>a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:5;}

.about_content #about02 .single-product .image img{max-width:100%;height:auto;-webkit-transition:all var(--transition-time,1200ms);

	-o-transition:all var(--transition-time,1200ms);

	transition:all var(--transition-time,1200ms);}

.about_content #about02 .single-product:hover .image img{-webkit-transform:scale(var(--scale-multiplier,1.05));

	-ms-transform:scale(var(--scale-multiplier,1.05));

	transform:scale(var(--scale-multiplier,1.05));}

.about_content #about02 .single-product .image .ovrly{position:absolute;left:0;top:0;width:100%;height:100%;display:block;background:#000;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;-webkit-transition:all var(--transition-time,500ms);

	-o-transition:all var(--transition-time,500ms);

	transition:all var(--transition-time,500ms);}

.about_content #about02 .single-product:hover .image .ovrly{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}

.about_content #about02 .single-product .image .icon{

	width:48px;

	height:48px;

	position:absolute;

	left:50%;

	top:50%;

	-webkit-transform:translate(-50%, -50%) scale(0);

	transform:translate(-50%, -50%) scale(0);

	-webkit-transition: all 0.6s ease-in-out;

	-moz-transition: all 0.6s ease-in-out;

	-o-transition: all 0.6s ease-in-out;

	transition: all 0.6s ease-in-out;

	background:url(../images/icon_see.png) no-repeat center center;

}

.about_content #about02 .single-product:hover .image .icon{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);}

.about_content #about02 .single-product .title{font-size:14px;display:block;margin-top:20px;line-height:20px;overflow:hidden;height:40px;text-align:center;color:#fff;}

.about_content #about02 .single-product:hover .title{color:#c60300;}


.cat_content{padding:60px 0 120px 0;background:#fff url(../images/bgpattern-2.png) no-repeat bottom center;position:relative;z-index:5;text-align:center;}

.cat_content .list{list-style:none;}

.cat_content .list li{margin-bottom:30px;overflow:hidden;}

.cat_content .list li:nth-child(6n+2) .box{animation-delay:0.1s;}

.cat_content .list li:nth-child(6n+3) .box{animation-delay:0.2s;}

.cat_content .list li:nth-child(6n+4) .box{animation-delay:0.3s;}

.cat_content .list li:nth-child(6n+5) .box{animation-delay:0.4s;}

.cat_content .list li:nth-child(6n+6) .box{animation-delay:0.5s;}

.cat_content .list li .box{position:relative;overflow:hidden;border:2px solid #f2f2f2;min-height:254px;text-align:left;padding:40px 20px;background:#fff;-webkit-transition:all var(--transition-time,300ms);

	-o-transition:all var(--transition-time,300ms);

	transition:all var(--transition-time,300ms);}

.cat_content .list li .box:hover{border:2px solid #2B333B;}

.cat_content .list li .box .image{position:absolute;right:-10%;top:0;display:block;height:100%;}

.cat_content .list li .box .image img{max-width:254px;width:100%;height:auto;}

.cat_content .list li .box .title{display:block;color:#000;text-transform:uppercase;font-size:20px;line-height:24px;overflow:hidden;height:48px;font-family:'oswald';z-index:2;position:relative;margin-bottom:20px;max-width:62%;}

.cat_content .list li .box:hover .title{color:#0066cc;text-decoration:none;}

.cat_content .list li .box .line{display:inline-block;width:40px;height:5px;background:#e5e5e7;}

.cat_content .list li .box:hover .line{background:skyblue;}

.cat_content .list li .box .text{color:#999999;font-size:12px;line-height:18px;overflow:hidden;height:36px;margin-top:20px;z-index:2;position:relative;max-width:50%;}

.cat_content .list li .box .more{display:inline-block;z-index:2;position:absolute;color:#0066cc;left:20px;bottom:-20%;font-family:'poppins_sb';text-transform:uppercase;-webkit-transition:all var(--transition-time,500ms);

	-o-transition:all var(--transition-time,500ms);

	transition:all var(--transition-time,500ms);}

.cat_content .list li .box .more i{padding-left:5px;}

.cat_content .list li .box:hover .more{bottom:20px;}





@media only screen and (max-width: 1200px) {

	.cat_content{padding:60px 0 100px 0;}

	.cat_content .list li{padding:0 10px;margin-bottom:20px;}

	.cat_content .list li .box{min-height:220px;padding:40px 15px;}

	.cat_content .list li .box .image img{max-width:220px;}

}

@media only screen and (max-width: 992px) {

	.cat_content{padding:40px 0 60px 0;}

	.cat_content .list li .box{min-height:180px;padding:30px 15px;}

	.cat_content .list li .box .image{right:-20%;}

	.cat_content .list li .box .image img{max-width:180px;}

	.cat_content .list li .box .more{display:none;}

}

@media only screen and (max-width: 768px) {

	.cat_content .list li .box .image{right:-10%;}

	.cat_content .list li .box .image img{max-width:200px;}

}

@media only screen and (max-width: 580px) {

	.cat_content .list li{padding:0;width:100%;}

	.cat_content .list li .box .image{right:0%;}

}

@media only screen and (max-width: 380px) {

	.cat_content .list li .box{min-height:140px;}

	.cat_content .list li .box .image img{max-width:140px;}

	.cat_content .list li .box .text{display:none;}

	.cat_content .list li .box .title{font-size:18px;height:auto;}

	.cat_content .list li .box .line{width:30px;height:3px;}

	.cat_content .more{margin-top:10px;}

}



/*******features-tab********/

/* clearfix */

.owl-carousel .owl-wrapper:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}

/* display none until init */

.owl-carousel{

	display: none;

	position: relative;

	width: 100%;

	-ms-touch-action: pan-y;

}

.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}

.owl-carousel .owl-wrapper-outer{

	overflow: hidden;

	position: relative;

	width: 100%;

}

.owl-carousel .owl-wrapper-outer.autoHeight{

	-webkit-transition: height 500ms ease-in-out;

	-moz-transition: height 500ms ease-in-out;

	-ms-transition: height 500ms ease-in-out;

	-o-transition: height 500ms ease-in-out;

	transition: height 500ms ease-in-out;

}

	

.owl-carousel .owl-item{

	float: left;

}

.owl-controls .owl-page,

.owl-controls .owl-buttons div{

	cursor: pointer;

}

.owl-controls {

	-webkit-user-select: none;

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}



/* mouse grab icon */

.grabbing { 

    cursor:url(grabbing.png) 8 8, move;

}



/* fix */

.owl-carousel  .owl-wrapper,

.owl-carousel  .owl-item{

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility:    hidden;

	-ms-backface-visibility:     hidden;

  -webkit-transform: translate3d(0,0,0);

  -moz-transform: translate3d(0,0,0);

  -ms-transform: translate3d(0,0,0);

}

.indicator-style.owl-theme .owl-controls .owl-buttons div {

    background: inherit;

    width:24px;

	height:40px;

	filter:alpha(opacity=0);

	-moz-opacity:0.0;

	opacity:0;

	padding: 0;

    position: absolute;

    right: 5px;

    top: 40%;

	text-indent:-9999px;

	overflow:hidden;

	-webkit-transition:all var(--transition-time,500ms);

	-o-transition:all var(--transition-time,500ms);

	transition:all var(--transition-time,500ms);

}

.indicator-style.owl-theme .owl-controls .owl-buttons div.owl-prev {left:-60px;background:url(../images/prev.png) no-repeat center center;}

.indicator-style.owl-theme .owl-controls .owl-buttons div.owl-next {right:-60px;background:url(../images/next.png) no-repeat center center;}



.about_box{padding-top:120px;position:relative;z-index:6;text-align:center;margin-top:-120px;overflow:hidden;}

.about_box>.image{display:block;width:820px;height:810px;position:absolute;right:-6%;bottom:0;background:url(../images/background-r1.png) no-repeat right bottom;z-index:6;}

.about_box .more{display:inline-block;font-size:13px;text-transform:uppercase;color:black;font-family: 'poppins_sb';position:absolute;top:30px;left:50%;margin-left:-90px;}

.about_box .more span{display:inline-block;width:20px;height:10px;background:url(../images/icon_right.png) no-repeat right center;background-position:-20px 0;margin-left:10px;-webkit-transition:all var(--transition-time,300ms);

	-o-transition:all var(--transition-time,300ms);

	transition:all var(--transition-time,300ms);}

.about_box .more:hover span{background-position:0 0;}

.about_box .more:hover{color:#0066cc;}



.about_content{padding:70px 0;background:url(../images/background-l.jpg) no-repeat center center;position:relative;z-index:5;text-align:left;}

.about_content .main_title em{text-align:left;color:#fff;background-position:left top;}

.features-tab{position:relative;padding-bottom:100px;}

.about_content .tab-scroll{position:absolute;left:0;bottom:-20px;text-align:left;width:100%;}

.about_content .tab-scroll .nav-tabs{border:none;}

.about_content .tab-scroll .nav-tabs>li{float:none;display:inline-block;margin:0 -4px;text-align:center;}

.about_content .tab-scroll .nav-tabs > li > a{background:none;border:none;padding:0 30px;position:relative;overflow:hidden;}

.about_content .tab-scroll .nav-tabs > li > a:before{content:'';width:22px;height:4px;display:inline-block;background:url(../images/icon_circle.png) no-repeat center center;position:absolute;left:-20%;top:20px;-webkit-transition:all var(--transition-time,500ms);

	-o-transition:all var(--transition-time,500ms);

	transition:all var(--transition-time,500ms);}

.about_content .tab-scroll .nav-tabs > li > a:after{content:'';width:22px;height:4px;display:inline-block;background:url(../images/icon_circle.png) no-repeat center center;position:absolute;right:-20%;top:20px;-webkit-transition:all var(--transition-time,500ms);

	-o-transition:all var(--transition-time,500ms);

	transition:all var(--transition-time,500ms);}

.about_content .tab-scroll .nav-tabs > li > a .icon{border:1px solid #808080;width:40px;height:40px;display:inline-block;border-radius:50%;border:1px solid #fff;position:relative;z-index:2;}

.about_content .tab-scroll .nav-tabs > li > a .icon p{width:38px;height:38px;background-repeat:no-repeat;background-position:center center;}

.about_content .tab-scroll .nav-tabs > li > a .title{display:block;color:#fff;font-size:14px;text-transform:uppercase;margin-top:15px;}



.about_content .nav-tabs > li.active > a,.about_content .nav-tabs > li.active > a:hover, .about_content .nav-tabs > li.active > a:focus{border:none;}

.about_content .nav-tabs > li.active > a:before,.about_content .nav-tabs > li.active > a:hover:before, .about_content .nav-tabs > li.active > a:focus:before{left:15px;}

.about_content .nav-tabs > li.active > a:after,.about_content .nav-tabs > li.active > a:hover:after, .about_content .nav-tabs > li.active > a:focus:after{right:15px;}

.about_content .nav-tabs > li.active > a .icon,.about_content .nav-tabs > li.active > a:hover .icon, .about_content .nav-tabs > li.active > a:focus .icon{background:#0066cc;border:1px solid #0066cc;}

.about_content .nav-tabs > li.active > a .title,.about_content .nav-tabs > li.active > a:hover .title, .about_content .nav-tabs > li.active > a:focus .title{color:#0066cc;font-family:'poppins_sb';}


.tab-content{ width:1170px;}



.about_content .indicator-style.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(../images/prev_w.png) no-repeat center center;}

.about_content .indicator-style.owl-theme .owl-controls .owl-buttons div.owl-next{background:url(../images/next_w.png) no-repeat center center;}

.about_content:hover .indicator-style.owl-theme .owl-controls .owl-buttons div{filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;}

.about_content:hover .indicator-style.owl-theme .owl-controls .owl-buttons div.owl-prev{left:-20px;}

.about_content:hover .indicator-style.owl-theme .owl-controls .owl-buttons div.owl-next{right:-20px;}



@media only screen and (max-width: 1480px) {

	.about_box>.image{right:-18%;}

}



@media only screen and (max-width: 1200px) {

	.about_box{margin-top:0;padding:0;background:#fff;overflow:initial;}

	.about_box .more{top:-60px;}

	.about_box>.image{position:inherit;width:100%;height:240px;background-position:-80px center;right:auto;top:auto;background-size:106%;}

	.about_content .slick-prev,.about_content .slick-next{filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;}

	.about_content .single-product,.about_content #about02{max-width:100%;text-align:center;}

	.about_content .main_title em{text-align:center;background-position:center top;}

	.about_content .tab-scroll{text-align:center;}

}

@media only screen and (max-width: 992px) {

	.about_box .more{top:-45px;}

	.about_content{padding:40px 0;}

	.indicator-style.owl-theme .owl-controls .owl-buttons div{filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;}

	.about_content .indicator-style.owl-theme .owl-controls .owl-buttons div.owl-prev,.about_content:hover .indicator-style.owl-theme .owl-controls .owl-buttons div.owl-prev{left:-10px;}

	.about_content .indicator-style.owl-theme .owl-controls .owl-buttons div.owl-next,.about_content:hover .indicator-style.owl-theme .owl-controls .owl-buttons div.owl-next{right:-10px;}

	.about_content #about01 .image:after{display:none;}

}

@media only screen and (max-width: 768px) {

	.about_box>.image{background-position:-51px center;background-size:auto;}

	.about_content #about01 .owl-carousel .owl-item,.about_content #about01 .owl-carousel .owl-wrapper{width:100% !important;}

	.about_content #about01 .image{text-align:center;}

	.about_content #about01 .main{padding-left:0;text-align:center;}

}

@media only screen and (max-width: 420px) {

	.about_box>.image{background-position:-200px center;}

}



.service_content{background:#f8f8f8;padding:60px 0 60px 0;position:relative;z-index:5;}

.service_content .list{list-style:none;overflow:hidden;padding-bottom:80px; width:100%;}

.service_content .list li{padding-right:30px;position:relative;padding-left:0;}

.service_content .list li:nth-child(2n+2){padding-left:30px;padding-right:0;}

.service_content .list li .image{display:block;overflow:hidden;float:left;}

.service_content .list li .image img{max-width:100%;height:auto;-webkit-transition:all var(--transition-time,800ms);

	-o-transition:all var(--transition-time,800ms);

	transition:all var(--transition-time,800ms);}

.service_content .list li:hover .image img{-webkit-transform:scale(var(--scale-multiplier,1.05));

	-ms-transform:scale(var(--scale-multiplier,1.05));

	transform:scale(var(--scale-multiplier,1.05));}

.service_content .list li .main{background:#fff;padding:20px;position:relative;z-index:2;max-width:65%;position:absolute;right:30px;top:60px;background:linear-gradient(135deg, transparent 4em, #fff 0);padding-left:100px;box-shadow:0 0 20px 2px rgba(0,0,0,0.05);}

.service_content .list li:hover .main{}

.service_content .list li .main .icon{display:inline-block;position:absolute;left:30px;top:50%;margin-top:-22px;}

.service_content .list li .main .icon img{max-width:45px;max-height:45px;height:auto;width:100%;}

.service_content .list li .main .title{display:block;font-family:'oswald';text-transform:uppercase;color:#333333;font-size:24px;margin-bottom:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;}

.service_content .list li:hover .main .title{color:#2B333B;text-decoration:none;}

.service_content .list li .text{color:#808080;font-size:12px;line-height:24px;overflow:hidden;height:48px;}

.service_content .list li .main_more{border:2px solid #cccccc;background:#fff;font-family: 'poppins';font-size:12px;margin-top:20px;padding:5px 10px;color:#808080;}

.service_content .list li:hover .main_more{background:#0066cc;border:2px solid #0066cc;color:#fff;}



@media only screen and (max-width: 992px) {

	.service_content .list li .main{padding:15px;padding-left:80px;}

	.service_content .list li .main .icon{left:18px;}

	.service_content .list li .main .title{font-size:20px;}

}

@media only screen and (max-width: 768px) {

	.service_content{padding:60px 0 30px 0;}

	.service_content .list{padding-bottom:0;}

	.service_content .list li,.service_content .list li:nth-child(2n+2){padding:0;margin-bottom:40px;}

	.service_content .list li .main{top:0;max-width:70%;right:0;}

}

@media only screen and (max-width: 480px) {

	.service_content{padding:40px 0 20px 0;}

	.service_content .list li,.service_content .list li:nth-child(2n+2){padding:0;margin-bottom:20px;}

	.service_content .list li .image{width:36%;}

	.service_content .list li .main{position:inherit;right:auto;top:auto;left:auto;bottom:auto;background:#fff;float:left;width:64%;padding:10px 15px;padding-left:50px;}

	.service_content .list li .main_more{display:none;}

	.service_content .list li .main .icon{left:10px;}

	.service_content .list li .main .icon img{max-width:30px;}

	.service_content .list li .main .title{font-size:18px;margin-bottom:10px;line-height:24px;}

	.service_content .list li .main .text{line-height:18px;height:36px;}

}



.pro_content{padding:60px 0;position:relative;z-index:5;background:#fff url(../images/bgpattern-2.png) no-repeat bottom center;text-align:center;}

.pro_content .list{list-style:none;}

.pro_content .list li{margin-bottom:20px;overflow:hidden;}

.pro_content .list li:nth-child(8n+2) .box{animation-delay:0.1s;}

.pro_content .list li:nth-child(8n+3) .box{animation-delay:0.2s;}

.pro_content .list li:nth-child(8n+4) .box{animation-delay:0.3s;}

.pro_content .list li:nth-child(8n+5) .box{animation-delay:0.4s;}

.pro_content .list li:nth-child(8n+6) .box{animation-delay:0.5s;}

.pro_content .list li:nth-child(8n+7) .box{animation-delay:0.6s;}

.pro_content .list li:nth-child(8n+8) .box{animation-delay:0.7s;}



.pro_content .list li .box{padding:15px;border:2px solid #f2f2f2;background:#fff;-webkit-transition:all var(--transition-time,500ms);

	-o-transition:all var(--transition-time,500ms);

	transition:all var(--transition-time,500ms);}

.pro_content .list li .box:hover{border:2px solid #0066cc;}

.pro_content .list li .box .image{display:block;}

.pro_content .list li .box .image img{max-width:100%;height:auto;}

.pro_content .list li .box .title{display:block;font-size:14px;color:#333333;line-height:24px;overflow:hidden;height:48px;margin-bottom: 0;margin-top:10px;font-family: 'poppins_sb';}

.pro_content .list li .box:hover .title{color:#0066cc;text-decoration:none;}

.pro_content .list li .box .text{color:#999999;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;margin-bottom:10px;}



.pro_content .more{display:inline-block;margin:auto; font-size:13px;text-transform:uppercase;color:black;font-family: 'poppins_sb';}

.pro_content .more span{display:inline-block;width:20px;height:10px;background:url(../images/icon_right.png) no-repeat right center;background-position:-20px 0;margin-left:10px;-webkit-transition:all var(--transition-time,300ms);

	-o-transition:all var(--transition-time,300ms);

	transition:all var(--transition-time,300ms);}

.pro_content .more:hover span{background-position:0 0;}

.pro_content .more:hover{color:#0066cc;}



@media only screen and (max-width: 992px) {

	.pro_content{padding:40px 0;}

	.pro_content .list li{padding:0 10px;}

	.pro_content .list li .box{padding:5px;}

}

@media only screen and (max-width: 480px) {

	.pro_content .list li{padding:0 5px;}

	.pro_content .list li .box .title{font-size:12px;margin-bottom:10px;line-height:20px;height:40px;margin-top:15px;}

	.pro_content .list li .box .text{display:none;}

}



/*******Slider********/

/* Slider */

.slick-slider{ position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent;}



.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand;}



.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }



.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }



.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

.slick-slide img { display: block; margin:0 auto;}

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }



/* Arrows */

.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; margin-top: -10px; padding: 0; border: none; outline: none; }

.slick-prev:focus, .slick-next:focus { outline: none; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

/* Dots */

.slick-dots { position: absolute;  list-style: none; display: block; text-align: center; padding: 0px; width: 100%; z-index:999; left:0; margin-top:34px;}

.slick-dots li { position: relative; display: inline-block; height: 5px; width:52px; margin: 0px 5px; padding: 0px; cursor: pointer; }

.slick-dots li button { border: 0; background: transparent; display: block; height: 5px; width:52px; outline: none; line-height: 0; font-size: 0; cursor: pointer; outline: none; background:#eeeeee;}

.slick-dots li button:focus { outline: none;}

.slick-dots li.slick-active button{background:#0db26d;}



/* Arrows */

.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; margin-top: -10px; padding: 0; border: none; outline: none; }

.slick-prev:focus, .slick-next:focus { outline: none; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

/* Dots */

.slick-dots { position: absolute; bottom: -35px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; z-index:999;display:none !important;}

.slick-dots li { position: relative; display: inline-block; height: 5px; width: 35px; margin: 0px 5px; padding: 0px; cursor: pointer; }

.slick-dots li button { border: 0; background: transparent; display: block; height: 5px; width: 35px; outline: none; line-height: 0; font-size: 0; cursor: pointer; outline: none; background:rgba(255,255,255,0.6);}

.slick-dots li button:focus { outline: none;}

.slick-dots li.slick-active button{background:#fff;}



.slick-prev{width:15px;height:24px;position:absolute; left:-40px; top:45%; vertical-align: middle;filter:alpha(opacity=10);-moz-opacity:0.1;opacity:0.1;background:url(../images/prev.png) no-repeat center center;-webkit-transition:all var(--transition-time,800ms);

	-o-transition:all var(--transition-time,800ms);

	transition:all var(--transition-time,800ms);}

.slick-next{width:15px;height:24px;position:absolute; right:-40px; top:45%; vertical-align: middle;filter:alpha(opacity=10);-moz-opacity:0.1;opacity:0.1;background:url(../images/next.png) no-repeat center center;-webkit-transition:all var(--transition-time,800ms);

	-o-transition:all var(--transition-time,800ms);

	transition:all var(--transition-time,800ms);}

.slick-next:hover,.slick-prev:hover{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}



@media only screen and (max-width: 840px) {

	.slick-prev{left:0;}

	.slick-next{right:0;}

}

@media only screen and (max-width: 768px) {

	.slick-prev{left:0;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;top:40%;}

	.slick-next{right:0;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;top:40%;}

}

@media only screen and (max-width: 480px) {

	.slick-prev{background:url(../images/prev_s.png) no-repeat center center;}

	.slick-next{background:url(../images/next_s.png) no-repeat center center;}

}



.news_content{background:#f8f8f8;padding:60px 0 120px 0;position:relative;z-index:5;overflow:hidden;}

.news_content .slider .li{padding:0 15px;}

.news_content .slider .li .box{text-align:center;background:#fff;}

.news_content .slider .li .image{position:relative;overflow:hidden;display:block;}

.news_content .slider .li .image img{max-width:100%;height:auto;

-webkit-transition:all var(--transition-time,800ms);

	-o-transition:all var(--transition-time,800ms);

	transition:all var(--transition-time,800ms);

}

.news_content .slider .li:hover .image img{-webkit-transform:scale(var(--scale-multiplier,1.05));

	-ms-transform:scale(var(--scale-multiplier,1.05));

	transform:scale(var(--scale-multiplier,1.05));}

.news_content .slider .li .image:after{content:'';display:block;width:100%;min-height:24px;background:url(../images/news_bg.png) no-repeat top left;background-size:cover;position:absolute;left:0;bottom:0;}

.news_content .slider .li .main{text-align:left;padding:20px;}

.news_content .slider .li .date{display:block;color:#000;}

.news_content .slider .li .title{display:block;color:#333333;font-size:18px;line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;font-family: 'poppins_sb';}

.news_content .slider .li .title:hover{color:#c60300;text-decoration:none;}

.news_content .slider .li .text{display:block;color:#999999;font-size:12px;overflow:hidden;margin-top:20px;line-height:24px;height:48px;margin-bottom:20px;}

.news_content .slick-dots{display:block !important;bottom:-60px;}

.news_content .slick-dots li button{background:#c6c6c6;width:30px;}

.news_content .slick-dots li.slick-active button{background:#c60300;}

.news_content .slick-prev,.news_content .slick-next{display:none !important;}



@media only screen and (max-width: 768px){

	.news_content{padding:40px 0 100px 0;}

	.news_content .slider .li{padding:0 10px;}

	.news_content .slider .li .image:after{display:none;}

}

@media only screen and (max-width: 480px){

	.news_content{padding:40px 0 80px 0;}

	.news_content .slider .li{padding:0 0;}

	.news_content .slider .li .main{padding:15px;}

	.news_content .slider .li .title{font-size:16px;}

	.news_content .slick-dots{bottom:-40px;}

}
.autoplay1{ width:100%;}

.pages ul.pagination { text-align:center;height: 33px }
.pages ul.pagination  li { display: inline; margin:0 3px;line-height: 32px;}
.pages ul.pagination  li .thisclass{ color:rgb(0, 183, 238); font-weight:bold;}