@charset "utf-8";
@font-face {
	font-family: 'poppins_s';
	src: url(../font/poppins-semibold.eot);
}
@font-face {
	font-family: 'poppins';
	src: url(../font/poppins-regular.eot);
}
@font-face {
	font-family: 'CenturyGothic';
	src: url(../font/century-gothic-bold.eot);
}
@font-face {
	font-family: 'oswald';
	src: url(../font/oswald-regular.eot);
}
@font-face {
	font-family: 'poppins_s';
	src: url(../font/original-poppins-semibold.ttf);
	src: url(../font/poppins-semibold.eot);
	src: url(../font/poppins-semibold.svg);
	src: url(../font/poppins-semibold.ttf);
	src: url(../font/poppins-semibold.woff);
	src: url(../font/poppins-semibold.woff2);
}
@font-face {
	font-family: 'poppins';
	src: url(../font/original-poppins-regular.ttf);
	src: url(../font/poppins-regular.eot);
	src: url(../font/poppins-regular.svg);
	src: url(../font/poppins-regular.ttf);
	src: url(../font/poppins-regular.woff);
	src: url(../font/poppins-regular.woff2);
}
@font-face {
	font-family: 'CenturyGothic';
	src: url(../font/century-gothic-bold.eot);
	src: url(../font/century-gothic-bold.svg);
	src: url(../font/century-gothic-bold.ttf);
	src: url(../font/century-gothic-bold.woff);
	src: url(../font/century-gothic-bold.woff2);
	src: url(../font/original-century-gothic-bold.ttf);
}
@font-face {
	font-family: 'oswald';
	src: url(../font/original-oswald-regular.ttf);
	src: url(../font/oswald-regular.eot);
	src: url(../font/oswald-regular.svg);
	src: url(../font/oswald-regular.ttf);
	src: url(../font/oswald-regular.woff);
	src: url(../font/oswald-regular.woff2);
}/*reset*/
h1, h2, h3, h4, h5, h6 {
	margin: 0px;
}
:focus {
	outline: 0;
}
body, ul, img, p, input, dl, dd, tr, th, td {
	margin: 0;
	padding: 0;
}
img {
	border: none;
	height: auto;
	max-width: 100%;
}
a {
	text-decoration: none;
	color: #777;
	line-height: 26px;
}
input {
	padding: 0px;
	vertical-align: middle;
	line-height: normal;
	border: none;
}
body {
	overflow-x: hidden;
	font-size: 13px;
	line-height: 30px;
	word-wrap: break-word;
	color: #777;
	font-family: 'poppins';
}
.table-responsive {
	overflow: auto;
	min-height: .01%;
}
.clearfix {
*zoom:1;
}
.clearfix:before, .clearfix:after {
	line-height: 0;
	display: table;
	content: "";
}
.clearfix:after {
	clear: both;
}
a:hover {
	text-decoration: none;
}
a:focus {
	outline-style: none;
	-moz-outline-style: none;
	text-decoration: none;
}
.clear {
	clear: both;
}
a:hover {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
a, img {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
ul li {
	list-style-position: inside;
}/*top_section*/
.top_section {
	background: #04243d;
}
.select {
	position: relative;
	padding: 5px 12px 5px 12px;
	background: rgba(255,255,255,0.15);
	margin-left: 24px;
}
.select ul li {
	list-style: none;
}
.select dt {
	height: 30px;
	display: inline-block;
	line-height: 30px;
	font-size: 12px;
	text-transform: capitalize;
	cursor: pointer;
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 99;
	text-align: right;
	font-weight: normal;
	padding: 0;
	color: #fff;
}
.select dt img, .select dd ul li a img {
	height: auto;
	display: inline-block;
	margin-right: 6px;
	vertical-align: middle;
}
.select dt:after {
	font-family: FontAwesome;
	color: #fff;
	font-size: 16px;
	width: 100px;
	vertical-align: middle;
	content: "\f107";
	font-size: 14px;
	transition: all 0.3s ease 0s;
	margin-left: 6px;
}
.select dt.cur:after {
	font-family: FontAwesome;
	color: #777;
	font-size: 16px;
	width: 100px;
	vertical-align: middle;
	content: "\f106";
	font-size: 14px;
}
.select dd {
	position: absolute;
	right: -18px;
	top: 39px;
	background: #fff;
	display: none;
	z-index: 99999;
	border-top: 2px solid #f0b557;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
}
.select dd ul {
	padding: 10px 10px 5px 15px;
	width: 140px;/* max-height:304px;overflow:auto; */
	text-align: left;
}
.select dd ul li {
	padding: 2px 0px;
	position: relative;
	width: 100%;
}
.select dd ul li a {
	line-height: 24px;
	display: inline-block;
	color: #777;
	font-size: 12px;
	text-transform: capitalize;
	padding: 0 0px 0 34px;
	position: relative;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all 0.3s ease 0s;
	opacity: 0;
	-webkit-transform: translate3d(50px, 0px, 0);
	transform: translate3d(50px, 0px, 0);
}
.select dd ul li a {
filter:alpha(opacity:0);
	opacity: 0;
}
.select dd ul li img {
	height: auto;
	height: auto;
	position: absolute;
	left: 0px;
	top: 4px;
}
.select dd ul li a:hover {
	color: #1fa84c;
}
.select dd.open ul li a {
	opacity: 1;
	-webkit-transform: translate3d(0px, 0px, 0);
	transform: translate3d(0px, 0px, 0);
}
.select dd.open ul li:nth-child(1) a {
	-webkit-transition-delay: 45ms;
	transition-delay: 45ms;
}
.select dd.open ul li:nth-child(2) a {
	-webkit-transition-delay: 90ms;
	transition-delay: 90ms;
}
.select dd.open ul li:nth-child(3) a {
	-webkit-transition-delay: 135ms;
	transition-delay: 135ms;
}
.select dd.open ul li:nth-child(4) a {
	-webkit-transition-delay: 180ms;
	transition-delay: 180ms;
}
.select dd.open ul li:nth-child(5) a {
	-webkit-transition-delay: 225ms;
	transition-delay: 225ms;
}
.select dd.open ul li:nth-child(6) a {
	-webkit-transition-delay: 270ms;
	transition-delay: 270ms;
}
.select dd.open ul li:nth-child(7) a {
	-webkit-transition-delay: 315ms;
	transition-delay: 315ms;
}
.select dd.open ul li:nth-child(8) a {
	-webkit-transition-delay: 360ms;
	transition-delay: 360ms;
}
.select dd.open ul li:nth-child(9) a {
	-webkit-transition-delay: 405ms;
	transition-delay: 405ms;
}
.select dd.open ul li:nth-child(10) a {
	-webkit-transition-delay: 450ms;
	transition-delay: 450ms;
}
.top_con {
	float: left;
	color: #999;
	font-size: 13px;
	line-height: 30px;
}
.top_con .tel {
	background: url(../images/top_tel.png) no-repeat center left;
	float: left;
	padding: 5px 26px 5px 42px;
	margin-right: 8px;
}
.top_con .email {
	background: url(../images/top_email.png) no-repeat center left;
	float: left;
	padding: 5px 0px 5px 42px;
}
.top_con .email a {
	color: #999;
}
.top_con .email a:hover {
	color: #f0b557;
	text-decoration: underline;
}
.top_r {
	float: right;
}
.top_r .top_sns {
	float: left;
}
.top_r .top_sns a {
	display: inline-block;
	width: 28px;
	margin-top: 6px;
}
.language {
	float: left;
}/* Top Search*/
.search_box {
	float: right;
	z-index: 8888888;
}
.search {
	height: 40px;
	width: 55px;
	background: url(../images/search_ico.png) no-repeat center center;
	display: inline-block;
	float: right;
	margin-top: 22px;
	margin-left: 30px;
}
.search img {
	margin-left: 10px;
}
.search:hover {
	color: #fff;
}
.top-search {
	display: block;
	width: 60%;
	max-width: 500px;
	position: absolute;
	right: 0;
	top: 86px;
	display: none;
	z-index: 9999999;
	background: #fafafa;
	border-radius: 5px;
	box-shadow: 0px 5px 10px 2px rgba(0,0,0,0.05);
}
.top-search h4 {
	font-size: 20px;
	text-align: center;
	color: #333;
	margin: 15px 0;
	text-transform: capitalize;
	display: none;
	font-family: 'poppins_s';
	display: none;
}
.top-search .input-group-addon i {
	float: right;
	position: absolute;
	right: -10px;
	top: 12px;
	width: 40px;
	height: 40px;
	line-height: 38px;
	font-size: 18px;
}
.top-search .input-group-addon i:hover {
	color: #c30d23;
}
.top-search .form-control {
	box-shadow: none;
	border: none;
	border-radius: 0;
	border: 1px solid #e5e5e5;
	background: #fff;
	color: #808080;
	height: 40px;
	line-height: 40px;
	padding: 0 60px 0 20px;
	text-align: left;
	font-size: 13px;
}
.top-search input.form-control:focus {
	color: #333;
	font-style: inherit;
}
.top-search .input-group-addon.close-search {
	cursor: pointer;
}
.top-search .input-group {
	width: 100%;
	padding: 10px 40px 10px 10px;
}
.btn_search1 {
	background: url(../images/search.png) no-repeat center center;
	top: 2px;
	height: 40px;
	position: absolute;
	right: 2px;
	width: 40px;
	z-index: 3;
}
.header_search {
	position: relative;
}
.top-search .input-group-addon {
	background-color: transparent;
	border: none;
	color: #666;
	padding-left: 0;
	padding-right: 0;
}
.top-search .input-group-addon.close-search {
	cursor: pointer;
	float: right;
	position: absolute;
	right: 0;
	top: 0;
}
.attr-nav ul li {
	list-style: none;
}
.top-search .input-group {
	max-width: 100%;
	margin: 0 auto;
}
.top_main {
	position: relative;
}
.top_r {
	float: right;
}
.top_r .consultation {
	line-height: 30px;
	padding: 5px 26px;
	font-size: 14px;
	color: #fff;
	font-family: 'poppins_s';
	display: inline-block;
	background: #f0b557;
	text-transform: uppercase;
}/*nav_section*/
.nav_section #logo {
	float: left;
	margin-top: 31px;
}
.nav_section .container {
	position: relative;
}
.nav_section .nav_box {
	float: right;
}
.nav_section #nav {
	float: left;
}
@media only screen and (min-width: 998px) {
.small-mdzz {
	position: fixed;
	z-index: 8888888;
	top: 0px;
	right: 0;
	width: 100%;
	max-width: 100% !important;
	-webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3);
	margin-top: 0px;
	padding: 0;
	background: #fff;
}
.small-mdzz .mainmenu>nav>ul>li>a {
	padding: 24px 20px;
}
.small-mdzz #logo {
	margin-top: 20px;
}
.small-mdzz .mainmenu>nav>ul>li:last-child>a {
	padding-right: 0px;
}
.small-mdzz .mainmenu ul li.product_vmegamenu ul {
	top: 52px;
}
.small-mdzz .search {
	margin-top: 12px;
}
.small-mdzz .top-search {
	top: 72px;
}
}
@media only screen and (max-width:1200px) {
.nav_section #logo {
	width: 100%;
	margin-top: 20px;
}
.nav_section .nav_box {
	width: 100%;
	text-align: center;
}
.nav_section {
	position: relative;
}
.search {
	position: absolute;
	top: 18px;
	right: 15px;
	margin-top: 0px;
}
.top-search {
	top: 66px;
}
}
@media only screen and (max-width:990px) {
.nav_section #logo {
	margin-bottom: 20px;
}
}
@media only screen and (max-width:768px) {
.top-search {
	width: 100%;
	max-width: none;
}
.top_r .top_sns {
	display: none;
}
}
@media only screen and (max-width:600px) {
.top_con .tel {
	display: none;
}
.top_con .email {
	margin-left: 10px;
}
}
@media only screen and (max-width:380px) {
.top_con .email {
	display: none;
}
}/*banner*/
#bootstrap-touch-slider {
	position: relative;
}
#bootstrap-touch-slider .banner_white {
	height: 171px;
	z-index: 999;
	width: 100%;
	bottom: -1px;
	position: absolute;
	left: 0px;
}/* 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-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 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: left;
	padding: 0px;
	width: 100%;
	z-index: 999;
	left: 180px;
	top: -60px;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	margin: 0px 5px;
	padding: 0px;
	cursor: pointer;
}
.slick-dots li button {
	border: 0;
	background: transparent;
	display: block;
	height: 12px;
	width: 12px;
	outline: none;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	outline: none;
	background: none;
	border-radius: 50%;
	border: 2px solid #aaa;
	margin: 0px;
	padding: 0px;
}
.slick-dots li button:focus {
	outline: none;
}
.slick-dots li.slick-active button {
	background: #f0b557;
	border: 2px solid #f0b557;
}
.i_title {
	text-align: center;
	margin-bottom: 30px;
}
.i_title h4 {
	color: #333;
	font-size: 40px;
	font-family: 'CenturyGothic';
	text-transform: uppercase;
	margin-bottom: 6px;
	padding-bottom: 26px;
	position: relative;
	background: url(../images/title_line.png) no-repeat center bottom;
	margin-bottom: 20px;
}
.i_title .p {
	font-size: 13px;
	color: #999;
	line-height: 24px;
	max-height: 72px;
	overflow: hidden;
	max-width: 940px;
	padding: 0px 15px;
	margin: 0 auto;
}
@media only screen and (max-width:768px) {
.i_title h4 {
	font-size: 30px;
	margin-bottom: 15px;
	padding-bottom: 20px;
}
#cssmenu > ul > li > a {
	font-size: 13px;
	padding: 12px 15px 12px;
}
}
.i_more a {
	display: inline-block;
	background: #f0b557;
	line-height: 40px;
	padding: 0px 36px;
	color: #fff;
	font-size: 13px;
	font-family: 'poppins_s';
	text-transform: uppercase;
	position: relative;
}
.i_more a i {
	margin-left: 10px;
	font-size: 20px;
}
@media only screen and (max-width:768px) {
.i_more a {
	line-height: 36px;
	padding: 0px 20px;
}
}
.i_more a:hover {
	background: #f0b557 !important;
}
.i_more a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	background-color: rgba(255,255,255,0.15);
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transform: scale(0.5, 1);
	transform: scale(0.5, 1);
}
.i_more a:hover::before {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}/*cate_section*/
.cate_section {
	margin-top: 100px;
	position: relative;
	padding-bottom: 85px;
	background: url(../images/cate_bg1.png) no-repeat 10% 12%;
}
@media only screen and (min-width:1400px) {
.cate_section .container {
	width: 1400px;
}
}
.cate_section:before {
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 50%;
	background: #f6f6f6 url(../images/cate_bg2.png) no-repeat right bottom;
	width: 100%;
	content: '';
}
.cate_section ul li {
	list-style: none;
}
.cate_section .li img {
	max-width: none;
	width: 100%;
}
.cate_section .li {
	overflow: hidden;
}
.cate_section .li1 {
	margin-bottom: 20px;
	width: 29%;
	float: left;
	padding-right: 20px;
	margin-top: 12%;
}
.cate_section .li .case1 {
	position: relative;
	padding: 100% 0 0 0;
	overflow: hidden;
}
.cate_section .li .case1 .img {
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	position: absolute;
}
.cate_section .li2 {
	float: left;
	width: 42%;
	float: left;
	margin-bottom: 20px;
}
.cate_section .li .case2 {
	position: relative;
	padding: 94.5% 0 0 0;
	overflow: hidden;
}
.cate_section .li .case2 .img {
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	position: absolute;
}
.cate_section .li3 {
	float: left;
	width: 29%;
	padding-left: 20px;
	float: left;
	margin-bottom: 20px;
}
.cate_section .li .case3 {
	position: relative;
	padding: 145% 0 0 0;
	overflow: hidden;
}
.cate_section .li .case3 .img {
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	position: absolute;
}
.cate_section .li4 {
	float: left;
	width: 29%;
	padding-right: 20px;
	float: left;
	clear: both;
}
.cate_section .li .case4 {
	position: relative;
	padding: 145% 0 0 0;
	overflow: hidden;
}
.cate_section .li .case4 .img {
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	position: absolute;
}
.cate_section .li5 {
	float: left;
	width: 42%;
	float: left;
}
.cate_section .li .case5 {
	position: relative;
	padding: 65% 0 0 0;
	overflow: hidden;
}
.cate_section .li .case5 .img {
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	position: absolute;
}
.cate_section .li6 {
	float: left;
	width: 29%;
	padding-left: 20px;
	float: left;
}
.cate_section .li .case6 {
	position: relative;
	padding: 100% 0 0 0;
	overflow: hidden;
}
.cate_section .li .case6 .img {
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	position: absolute;
}
.cate_section .li .text {
	position: absolute;
	left: 0px;
	bottom: -40px;
	width: 100%;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	background: rgba(255,255,255,0);
}
.cate_section .li .text h4 a {
	font-size: 22px;
	color: #fff;
	font-family: 'poppins_s';
	display: block;
	line-height: 30px;
	padding: 10px 50px 10px 10px;
	;
	text-transform: uppercase;
}
.cate_section .li .text .icon {
	float: right;
	background: #f0b557;
	position: absolute;
	right: -100px;
	top: 0px;
	height: 100%;
	width: 70px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	text-align: center;
}
.cate_section .li .text .icon i {
	line-height: 38px;
	text-align: center;
	font-size: 30px;
	color: #fff;
	border: 2px solid #fff;
	display: inline-block;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	margin-top: 32%;
}
.cate_section .li .text p {
	font-size: 12px;
	line-height: 18px;
	height: 36px;
	overflow: hidden;
	padding: 0px 10px;
	color: rgba(255,255,255,0.6);
	margin-top: 20px;
	padding-right: 80px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.cate_section .li:hover .icon {
	right: 0px;
}
.cate_section .li:hover .text {
	bottom: 0px;
	padding-bottom: 10px;
	background: rgba(4,36,61,0.8);
}
.cate_section .li:hover .text h4 a {
	padding-bottom: 0px;
}
.cate_section .li:hover .text p {
	margin-top: 0px;
}
.cate_section .li:hover:hover img {
	transform: scale(1.1);
}
@media only screen and (max-width:768px) {
.cate_section {
	background: none;
}
.cate_section .li .text h4 a {
	font-size: 18px;
}
.cate_section .li {
	width: 50%;
	padding: 0px 5px;
	margin-bottom: 10px;
}
.cate_section .li .case1 {
	padding: 100% 0 0 0;
}
.cate_section .li .case2 {
	padding: 100% 0 0 0;
}
.cate_section .li .case3 {
	padding: 100% 0 0 0;
}
.cate_section .li .case4 {
	padding: 100% 0 0 0;
}
.cate_section .li .case5 {
	padding: 100% 0 0 0;
}
.cate_section .li {
	margin-top: 0px;
}
.cate_section .li4 {
	clear: none;
}
.cate_section .li .case5 img, .cate_section .li .case2 img {
	height: 100%;
	width: auto;
	max-width: none;
}
.cate_section {
	margin-top: 30px;
}
}/*about_section*/
.about_section {
	background: #eee url(../images/about_bg.jpg) no-repeat center center;
	background-size: cover;
}
.about_section .about_r {
	float: right;
	width: 50%;
}
.about_section .about_l {
	float: left;
	width: 50%;
	padding-right: 60px;
	padding-left: 15%;
}
.about_section .about_l .h4 {
	color: #fff;
	font-size: 40px;
	font-family: 'oswald';
	text-transform: uppercase;
	margin-bottom: 6px;
	padding-bottom: 26px;
	position: relative;
	background: url(../images/title_line.png) no-repeat left bottom;
	margin-bottom: 20px;
	margin-top: 86px;
}
.about_section .about_l .years h4 {
	font-size: 160px;
	line-height: 180px;
	color: #fff;
	font-family: 'oswald';
	float: left;
	margin-right: 20px;
	background: url(../images/num_bg.jpg) no-repeat top center;
	background-origin: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-size: 150% 150%;
}
.about_section .about_l .years h6 {
	font-size: 34px;
	color: #04243d;
	font-family: 'poppins_s';
	text-transform: uppercase;
	line-height: 40px;
	margin-top: 80px;
}
.about_section .about_l .years h6 p {
	color: #e43c39;
}
.about_section .about_l .p {
	font-size: 13px;
	color: #777;
	line-height: 30px;
	max-height: 210px;
	overflow: hidden;
	margin-top: 30px;
}
.about_section .about_section .about_r .video .img img {
	width: 100%;
}
.about_section .video {
	position: relative;
}
.about_section .video .video_ico {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 76px;
	width: 76px;
	margin-top: -51px;
	margin-left: -38px;
	background: #f0b557 url(../images/video_ico.png) no-repeat center center;
	border-radius: 50%;
	z-index: 66;
}
.about_section .video .video_ico:before {
	background: rgba(255,255,255,0.2);
	width: 66px;
	height: 66px;
	left: 50%;
	top: 50%;
	position: absolute;
	content: '';
	border-radius: 50%;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	margin-left: -33px;
	margin-top: -33px;
	z-index: 55;
	opacity: 0;
}
.about_section .video:hover .video_ico:before {
	width: 160px;
	height: 160px;
	left: 50%;
	top: 50%;
	margin-left: -80px;
	margin-top: -80px;
	opacity: 1;
}
.about_section .more {
	display: inline-block;
	line-height: 42px;
	padding: 0px 32px;
	background: #04243d;
	color: #fff;
	font-family: 'poppins_s';
	font-size: 14px;
	text-transform: uppercase;
	border-radius: 30px;
	margin-top: 40px;
	position: relative;
}
.about_section .more:hover {
	background: #f0b557;
}
.about_section .more::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	background-color: rgba(255,255,255,0.15);
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transform: scale(0.5, 1);
	transform: scale(0.5, 1);
	border-radius: 30px;
}
.about_section .more:hover::before {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}
@media only screen and (max-width:1500px) {
.about_section .about_l .years {
	margin-top: 0px;
}
.about_section .about_l {
	padding-left: 10%;
}
}
@media only screen and (max-width:1200px) {
.about_section .about_l .years h4 {
	font-size: 100px;
	line-height: 140px;
}
.about_section .about_l .years h6 {
	font-size: 24px;
	margin-top: 30px;
}
.about_section .about_l .p {
	margin-top: 0px;
}
.about_section .more {
	margin-top: 15px;
}
.about_section .about_l .p {
	max-height: 150px;
}
}
@media only screen and (max-width:980px) {
.about_section .about_l {
	width: 100%;
	padding: 20px;
}
.about_section .video {
	display: none;
}
.about_section {
	background-position: right bottom;
}
}/*products_section*/
.pro_section {
	margin-top: 85px;
	background: url(../images/cate_bg1.png) no-repeat right 10%;
}
.pro_section ul li {
	list-style: none;
	margin-bottom: 30px;
}
.pro_section ul li .li {
	background: #f6f6f6;
	overflow: hidden;
}
.pro_section ul li .li:hover img {
	transform: scale(1.1);
}
.pro_section ul li .li .text {
	padding: 8px;
	padding-top: 0px;
}
.pro_section ul li .li .text .main {
	padding: 14px 16px 22px;
	position: relative;
	margin-top: -14px;
	background: #fff;
}
.pro_section ul li .li .text .main:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0%;
	right: 0;
	background: #fff;
	transform-origin: 100% 50%;
	transform: skewY(5deg);
	will-change: transform;
	transition: all .3s ease;
	pointer-events: none;
	display: block;
}
@media only screen and (min-width: 992px) {
.pro_section ul li .li:hover .text .main:before {
	transform: none;
	bottom: 0;
	left: 0;
	right: 0;
}
}
.pro_section ul li .li .text .icon i {
	width: 40px;
	height: 40px;
	background: #f0b557;
	font-size: 22px;
	line-height: 40px;
	text-align: center;
	display: inline-block;
	position: absolute;
	left: 20px;
	top: -150px;
	opacity: 0;
	border-radius: 50%;
	color: #fff;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.pro_section ul li .li:hover .icon i {
	top: -20px;
	opacity: 1;
}
.pro_section ul li .li .text h4 a {
	color: #333;
	font-size: 20px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 10px;
	position: relative;
	z-index: 2;
	background: url(../images/title_line.png) no-repeat left top;
	padding-top: 22px;
}
.pro_section ul li .li .text p {
	font-size: 12px;
	color: #999;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	z-index: 2;
}
.pro_section ul li .li:hover .text h4 a {
	color: #f0b557;
}
@media only screen and (max-width: 768px) {
.pro_section {
	margin-top: 40px;
}
.pro_section ul li .li .text h4 a {
	font-size: 15px;
}
}/*honor_section*/
.honor_section {
	background: url(../images/honor_bg.jpg) no-repeat center center;
	background-size: cover;
	padding-top: 70px;
	padding-bottom: 80px;
	margin-top: 50px;
}
.honor_section .slider {
	padding: 0px 80px;
}
.honor_section .slider .li {
	padding: 0px 10px;
	text-align: center;
}
.honor_section .slick-prev {
	width: 42px;
	height: 42px;
	position: absolute;
	left: -20px;
	top: 50%;
	margin-top: -21px;
	vertical-align: middle;
	opacity: 1;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	background: none;
	border: 2px solid #e2e2e2;
}
.honor_section .slick-prev::before {
	border-radius: 0;
	color: #fff;
	display: inline-block;
	background: url(../images/slick_l.png) no-repeat center right;
	width: 32px;
	height: 20px;
	content: '';
	margin-left: 16px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.honor_section .slick-next {
	width: 42px;
	height: 42px;
	position: absolute;
	right: -20px;
	top: 50%;
	margin-top: -21px;
	vertical-align: middle;
	opacity: 1;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	background: none;
	border: 2px solid #e2e2e2;
}
.honor_section .slick-next::before {
	border-radius: 0;
	color: #fff;
	display: inline-block;
	background: url(../images/slick_r.png) no-repeat center left;
	width: 32px;
	height: 20px;
	content: '';
	margin-right: 16px;
	float: right;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.honor_section .slick-prev:hover::before {
	margin-left: 0px;
}
.honor_section .slick-next:hover::before {
	margin-right: 0px;
}
@media only screen and (max-width: 768px) {
.honor_section {
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: 20px;
	display: none;
}
}/*team_section*/
.btn10 {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.btn10 img {
	position: relative;
	top: 0;
	left: 0;
}
.btn10 .ovrly {
	background: rgba(255, 255, 255, 0);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.btn10 .buttons {
	position: absolute;
	top: 50%;
	left: 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%);
}
.btn10 .buttons a {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	width: 42px;
	height: 42px;
	position: relative;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	-o-transition: -o-transform 0.3s;
	transition: transform 0.3s;
}
.btn10 .buttons .fa-link {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(255,255,255,1) url(../images/team_email.png) no-repeat center center;
}
.btn10 .buttons .fa-search {
	-webkit-transform-origin: -65% 50%;
	-moz-transform-origin: -65% 50%;
	-ms-transform-origin: -65% 50%;
	-o-transform-origin: -65% 50%;
	transform-origin: -65% 50%;
	-webkit-transform: rotateZ(0deg) scale(0);
	-moz-transform: rotateZ(0deg) scale(0);
	-ms-transform: rotateZ(0deg) scale(0);
	-o-transform: rotateZ(0deg) scale(0);
	transform: rotateZ(0deg) scale(0);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(255,255,255,1) url(../images/team_skype.png) no-repeat center center;
}
.btn10:hover .buttons .fa-link {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.btn10:hover .buttons .fa-search {
	-webkit-transform: rotateZ(360deg) scale(1);
	-moz-transform: rotateZ(360deg) scale(1);
	-ms-transform: rotateZ(360deg) scale(1);
	-o-transform: rotateZ(360deg) scale(1);
	transform: rotateZ(360deg) scale(1);
}
.btn10:hover .ovrly {
	background: rgba(4, 34, 61, 0.8);
}
.btn10 .buttons .fa-link:before, .btn10 .buttons .fa-search:before {
	content: '';
}
.team_section {
	background: url(../images/team_bg.jpg) no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	padding: 50px 0;
}
.team_section .i_title h6 {
	color: #fff;
}
.team_section .i_title h4 {
	color: #fff;
}
.team_section .li {
	text-align: center;
	padding: 0px 15px;
}
.team_section .li .img {
	border: 3px solid #fff;
	overflow: hidden;
	margin: 0 auto;
}
.team_section .li h4 a {
	color: #fff;
	font-size: 16px;
	font-family: 'poppins_s';
	text-transform: capitalize;
	display: block;
	margin-top: 20px;
}
.team_section .li p {
	font-size: 12px;
	color: rgba(255,255,255,0.6);
	text-transform: uppercase;
}
.team_section .li:hover img {
	transform: scale(1.1);
}
.team_section .slick-prev {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	position: absolute;
	left: 10px;
	margin-top: -21px;
	top: 50%;
	vertical-align: middle;
	opacity: 0;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	background: #f0b557;
	margin-top: -18px;
}
.team_section .slick-prev::before {
	border-radius: 0;
	color: #fff;
	display: inline-block;
	font-family: "FontAwesome";
	font-size: 30px;
	content: "\f104";
	line-height: 36px;
}
.team_section .slick-next {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	position: absolute;
	margin-top: -21px;
	right: 10px;
	top: 50%;
	vertical-align: middle;
	opacity: 0;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	background: #f0b557;
	margin-top: -18px;
}
.team_section .slick-next::before {
	border-radius: 0;
	color: #fff;
	display: inline-block;
	font-family: "FontAwesome";
	font-size: 30px;
	content: "\f105";
	line-height: 36px;
}
.team_section:hover .slick-prev {
	left: -50px;
	opacity: 1;
}
.team_section:hover .slick-next {
	right: -50px;
	opacity: 1;
}
@media only screen and (max-width:990px) {
.team_section .slick-next {
	opacity: 1;
	right: 13px !important;
}
.team_section .slick-prev {
	opacity: 1;
	left: 13px !important;
}
}
@media only screen and (max-width: 768px) {
.team_section {
	display: none;
}
.team_section .li .img {
	width: 160px;
	height: 160px;
}
}/*case_section*/
.case_section {
	background: url(../images/case_bg2.png) no-repeat right top;
	margin-top: 30px;
}
.case_section .case_title {
	float: left;
	width: 50%;
	background: url(../images/case_bg1.png) no-repeat center left;
	padding: 60px 0px 40px 60px;
	margin-left: -50px;
}
.case_section .case_title h4 {
	font-size: 40px;
	color: #04243d;
	background: url(../images/title_line.png) no-repeat left bottom;
	padding-bottom: 30px;
	font-family: 'CenturyGothic';
	text-transform: uppercase;
}
.case_section .case_title .p {
	font-size: 13px;
	color: #777;
	line-height: 30px;
	max-height: 90px;
	overflow: hidden;
	margin-top: 20px;
}
.case_section {
	padding-bottom: 70px;
}
.case_section .slider {
	margin: 0px -20px;
}
.case_section .li {
	border: 3px solid #fff;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
	margin: 20px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.case_section .li img {
	width: 100%;
}
.case_section .main {
	position: relative;
}
.case_section .main h4 {
	position: absolute;
	left: 0px;
	bottom: -200px;
	width: 100%;
	background: rgba(4,34,61,0.8);
	padding: 15px 0;
	text-align: center;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.case_section .main h4 a {
	display: block;
	padding: 0px 50px;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	font-size: 14px;
	color: #fff;
}
.case_section .li:hover .main h4 {
	bottom: 0px;
}
.case_section .li:hover {
	transform: scale(1.1);
}
.case_section .slick-prev {
	width: 42px;
	height: 42px;
	position: absolute;
	right: 20%;
	margin-right: 70px;
	top: -25%;
	margin-top: -21px;
	vertical-align: middle;
	opacity: 1;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	background: none;
	border: none;
}
.case_section .slick-prev::before {
	border-radius: 0;
	color: #fff;
	display: inline-block;
	background: url(../images/slick_l.png) no-repeat center right;
	width: 32px;
	height: 20px;
	content: '';
	margin-left: 16px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.case_section .slick-next {
	width: 42px;
	height: 42px;
	position: absolute;
	right: 20%;
	top: -25%;
	margin-top: -21px;
	vertical-align: middle;
	opacity: 1;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	background: none;
	border: 2px solid #e2e2e2;
}
.case_section .slick-next::before {
	border-radius: 0;
	color: #fff;
	display: inline-block;
	background: url(../images/slick_r.png) no-repeat center left;
	width: 32px;
	height: 20px;
	content: '';
	margin-right: 16px;
	float: right;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.case_section .slick-next:hover::before {
	margin-right: 0px;
}
@media only screen and (max-width: 768px) {
.case_section {
	display: none;
}
}/*news_section*/
.news_section {
	padding: 70px 0;
	background: #f9f9f9;
}
.news_section .news_l {
	float: left;
	width: 50%;
	padding-right: 15px;
}
.news_section .news_r .text h4 a:hover {
	color: #f7b332;
}
.news_section .news_l .img {
	overflow: hidden;
	display: block;
}
.news_section .img img {
	width: 100%;
}
.news_section .img:hover img {
	transform: scale(1.1);
}
.news_section .news_r {
	float: right;
	width: 50%;
	padding-left: 15px;
	margin-top: 5px;
}
.news_section .news_r .text {
	box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
	padding: 35px;
	background: #fff url(../images/news_ico.png) no-repeat 30px 20px;
	padding-top: 60px;
	border-radius: 5px;
	padding-bottom: 60px;
}
.news_section .news_r .text h4 a {
	font-size: 18px;
	color: #333;
	line-height: 30px;
	height: 60px;
	overflow: hidden;
	font-family: 'poppins_s';
	display: block;
}
.news_section .news_r .text p {
	font-size: 12px;
	color: #808080;
	line-height: 26px;
	height: 104px;
	overflow: hidden;
	margin-top: 10px;
}
.news_section .news_r .more {
	display: inline-block;
	line-height: 42px;
	padding: 0px 32px;
	background: #04243d;
	color: #fff;
	font-family: 'poppins_s';
	font-size: 14px;
	text-transform: uppercase;
	border-radius: 30px;
	margin-top: 40px;
	position: relative;
}
.news_section .news_r .more:hover {
	background: #f0b557;
}
.news_section .news_r .more::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	background-color: rgba(255,255,255,0.15);
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transform: scale(0.5, 1);
	transform: scale(0.5, 1);
	border-radius: 30px;
}
.news_section .news_r .more:hover::before {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}
.news_section .news_li {
	margin-top: 70px;
}
.news_section .news_li ul li {
	list-style: none;
}
.news_section .news_li ul li .li {
	padding-left: 64px;
	position: relative;
	border-right: 1px solid #eee;
	padding-right: 15px;
}
.news_section .news_li ul li:last-child .li {
	border-right: none;
}
.news_section .news_li ul li .li .day {
	position: absolute;
	left: 0px;
	top: 0px;
}
.news_section .news_li ul li .li .day h4 {
	font-size: 32px;
	color: #f7b332;
	font-family: 'poppins_s';
}
.news_section .news_li ul li .li .day p {
	font-size: 16px;
	color: #b2b2b4;
	font-family: 'poppins_s';
	text-transform: uppercase;
}
.news_section .news_li ul li .li h4 a {
	font-size: 16px;
	color: #333;
	font-family: 'poppins_s';
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news_section .news_li ul li .li p {
	font-size: 14px;
	color: #808080;
	line-height: 26px;
	height: 52px;
	overflow: hidden;
	margin-top: 5px;
}
.news_section .news_li ul li .li .more {
	background: #fff;
	line-height: 28px;
	height: 28px;
	width: 28px;
	text-align: center;
	border-radius: 50%;
	display: inline-block;
	color: #f7b332;
	margin-top: 5px;
}
.news_section .news_li ul li .li .more i {
	line-height: 28px;
}
.news_section .news_li ul li:hover h4 a {
	color: #f7b332;
}
.news_section .news_li ul li:hover .more {
	background: #f7b332;
	color: #fff;
}
.news_section .news_li ul li {
	position: relative;
}
@media only screen and (max-width:768px) {
.news_section {
	padding: 30px 0;
}
.news_section .news_l {
	width: 100%;
}
.news_section .news_r {
	width: 100%;
	margin-top: 20px;
	padding-left: 0px;
}
.news_section .news_r .text {
	padding: 25px;
}
.news_section .news_li {
	margin-top: 30px;
}
.news_section .news_li ul li {
	margin-bottom: 20px;
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
}
}/*footer*/
.footer_top {
	text-align: center;
	position: relative;
	margin-bottom: 50px;
	overflow: hidden;
	border-bottom: 1px solid rgba(255,255,255,0.15);
	padding-bottom: 30px;
}
.footer_top .p {
	font-size: 12px;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	max-width: 800px;
	color: #999;
	margin: 20px auto;
}
.footer_top .footer_sns a {
	display: inline-block;
	margin: 0px 4px;
}
#footer {
	background: url(../images/footer_bg.jpg) no-repeat center top;
	color: #b2b2b2;
	font-size: 14px;
	padding-top: 50px;
}
#footer ul li {
	list-style: none;
}
#footer .modules a {
	color: #b2b2b2;
}
#footer .modules a:hover {
	color: #fff;
}
#footer .footer_con {
	float: left;
	width: 30%;
	padding-right: 5%;
}
#footer .footer_tags {
	float: left;
	width: 23%;
	padding-right: 5%;
}
#footer .footer_follow {
	float: left;
	width: 18%;
	padding-right: 5%;
}
#footer .footer_message {
	float: left;
	width: 29%;
}
@media only screen and (max-width:768px) {
#footer .footer_con {
	float: left;
	width: 100%;
	padding-right: 0%;
}
#footer .footer_tags {
	float: left;
	width: 100%;
	padding-right: 0%;
}
#footer .footer_follow {
	float: left;
	width: 100%;
	padding-right: 0%;
}
#footer .footer_message {
	float: left;
	width: 100%;
}
.footer_top:before {
	display: none;
}
.footer_top:after {
	display: none;
}
}
#footer .footer_follow ul li a, .footer_tags ul li a {
	line-height: 24px;
	padding: 5px 0;
	display: inline-block;
}
#footer .footer_con ul li {
	padding: 7px 0;
	line-height: 22px;
}
#footer .footer_con ul li {
	line-height: 22px;
	padding: 8px 0;
}
#footer .footer_con ul li a {
	line-height: 22px;
}
#footer .footer_con ul .li1 {
	background: url(../images/footer_add.png) no-repeat left 5px;
	padding-left: 40px;
}
#footer .footer_con ul .li2 {
	background: url(../images/footer_tel.png) no-repeat left 1px;
	padding-left: 40px;
}
#footer .footer_con ul .li3 {
	background: url(../images/footer_email.png) no-repeat left 1px;
	padding-left: 40px;
}
#footer .footer_con ul .li4 {
	background: url(../images/footer_fax.png) no-repeat left 1px;
	padding-left: 40px;
}
#footer .footer_con ul .li5 {
	background: url(../images/footer_whatsapp.png) no-repeat left 1px;
	padding-left: 40px;
}
#footer .footer_email .p {
	font-size: 13px;
	line-height: 24px;
	overflow: hidden;
}
#footer .email {
	width: 100%;
	margin-top: 15px;
	margin-bottom: 20px;
	position: relative;
}
#footer .email_main {
	height: 44px;
	color: #999;
	float: left;
	line-height: 40px;
	font-size: 13px;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	width: 100%;
	border: none;
	background: url(../images/email_ico.png) no-repeat center left;
	padding-left: 30px;
	border-bottom: 1px solid rgba(255,255,255,0.15);
	padding-right: 40px;
}
#footer .email_main:focus {
	border-bottom: 1px solid #fff;
	color: #fff;
}
#footer .email_btn {
	background: url(../images/eamil_btn.png) no-repeat center center;
	width: 41px;
	height: 41px;
	position: absolute;
	bottom: 8px;
	right: 0px;
	border: none;
}
#footer .email_btn::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	background-color: rgba(255,255,255,0.15);
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transform: scale(0.5, 1);
	transform: scale(0.5, 1);
}
#footer .email_btn:hover::before {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}
.footer_sns a {
	display: inline-block;
	margin-right: 4px;
}
.footer_sns a:hover {
	-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	transform: rotateY(180deg);
}
*:focus {
	outline: none;
}
#footer .title_h4 {
	font-size: 20px;
	color: #fff;
	font-family: 'CenturyGothic';
	text-transform: uppercase;
	margin-bottom: 24px;
}
@media only screen and (max-width: 768px) {
#footer .title_h4 {
	position: relative;
	margin-top: 0;
	font-family: 'poppins_s';
	text-transform: uppercase;
	background: rgba(255,255,255,0.1);
	font-size: 14px;
	padding-bottom: 0px;
	padding: 4px 10px;
	margin-bottom: 15px;
}
#footer .title_h4:after {
	display: block;
	content: "\f078";
	font-family: "FontAwesome";
	position: absolute;
	right: 15px;
	cursor: pointer;
	font-size: 14px;
	top: 3px;
	color: #fff;
}
#footer .title_h4.active:after {
	content: "\f077";
}
}
.footer_bottom {
	padding: 12px 0;
	font-size: 12px;
	color: #b2b2b2;
	text-align: center;
	line-height: 22px;
	margin-top: 38px;
	border-top: 1px solid rgba(255,255,255,0.15);
}
.footer_bottom .links a {
	margin: 0px 4px;
	line-height: 22px;
}
.footer_bottom a {
	color: #b2b2b2;
	font-size: 12px;
}
.footer_bottom a:hover {
	color: #fff;
}/*service*/
#service {
	position: fixed;
	right: -210px;
	top: 10px;
	z-index: 999999999;
	margin: 200px 0 0 0;
	font: 14px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	color: #666;
}
#service ul {
	list-style: none;
}
.online_title {
	background: #f0b557;
	text-align: center;
	font-family: 'poppins_s';
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	padding: 10px 0;
}
.online_title img {
	max-width: 30px;
	margin-right: 5px;
}
#service a {
	color: #666;
	font-size: 13px;
}
#ser_main {
	position: relative;
	z-index: 9;
	top: 0px;
}
#ser_main a {
	display: block;
	overflow: hidden;
}
#ser_main #floatShow1 {
	background: url(../images/ser-30.png) no-repeat;
	height: 180px;
	width: 36px;
	z-index: 99999;
	position: absolute;
	left: -36px;
	top: 0px;
}
#online {
	float: left;
	background: #fff;
	overflow: hidden;
	width: 210px;
	-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.1);
	position: relative;
}
.onlineMenu ul li {
	padding: 10px 10px;
	border-bottom: 1px solid #eee;
}
.onlineMenu ul li:last-child {
	border: none;
}
.onlineMenu ul li:nth-child(2) {
	background: #e5e5e5;
}
.onlineMenu .serm_top {
	text-align: center;
	padding-bottom: 10px;
}
.onlineMenu .call {
	text-align: left;
}
.call {
	padding: 6px 10px;
	font-size: 13px;
}
.call img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px;
}
.call a:hover {
	color: #f0b557 !important;
}
#service:hover {
	right: 0px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
#service:hover #ser_main #floatShow1 {
	left: 120px;
	z-index: -11;
	opacity: 0;
}
#service h4 {
	font-size: 14px;
	color: #666;
	margin: 0px;
	line-height: 25px;
	font-family: 'poppins_s';
}
@media only screen and (max-width: 768px) {
#service {
	display: none;
}
}/*footer_nav*/
.footer_nav, .height {
	display: none
}
@media only screen and (max-width: 768px) {
.footer_nav {
	width: 100%;
	position: fixed;
	bottom: 0;
	display: block;
	overflow: hidden;
	z-index: 999999
}
.height {
	height: 50px;
	display: block
}
.footer_nav {
	background: #2f2f2f;
	padding: 12px 0 5px;
	border-top: 2px solid #fff;
}
.footer_nav ul li {
	float: left;
	width: 20%;
	text-align: center;
	list-style: none;
	padding: 0px 10px;
}
.footer_nav ul li i {
	font-size: 16px;
	color: #fff;
}
.footer_nav ul li:nth-child(4) {
	float: right;
}
.footer_nav ul li:nth-child(5) {
	float: right;
}
.footer_nav ul li p {
	color: #fff;
	font-size: 13px;
	margin-top: 3px;
	text-transform: capitalize;
	line-height: 12px;
}
}
@media only screen and (max-width: 375px) {
.footer_nav ul li p {
	display: none;
}
.height {
	height: 43px;
}
}/*service*/
#online_qq_layer {
	z-index: 9999999;
	position: fixed;
	right: 0px;
	bottom: 0;
}
#floatShow {
	display: block;
}
#floatHide {
	display: none;
}
#online_qq_tab {
	position: relative;
	z-index: 9;
}
#online_qq_tab #floatShow {
	overflow: hidden;
	background: url(../images/ser_2.png) no-repeat left bottom;
	height: 36px;
	width: 200px;
	padding-top: 8px;
	font-size: 12px;
	padding-left: 42px;
	text-transform: uppercase;
	color: #fff;
	font-family: 'poppins_s';
}
#online_qq_tab #floatShow img {
	max-height: 24px;
	float: right;
	margin-top: 6px;
}
#online_qq_tab #floatHide img {
	max-height: 32px;
	float: right;
	margin-top: 2px;
}
#online_qq_tab #floatHide {
	overflow: hidden;
	background: #f0b557 url(../images/ser_1.png) no-repeat left center;
	width: 100%;
	height: 40px;
	font-size: 13px;
	color: #fff;
	line-height: 40px;
	padding-left: 50px;
	width: 300px;
	text-transform: capitalize;
	margin-right: 10px;
	font-family: 'poppins_s';
}
#onlineService {
	display: inline;
	width: 300px;
	overflow: hidden;
	display: none;
	background: #fff;
	font-size: 13px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	border: 1px solid #eee;
	margin-right: 10px;
}
#online_qq_tab #floatHide:after {
	position: absolute;
	right: 9px;
	top: 0px;
	height: 36px;
	width: 48px;
	content: '';
	background: url(../images/ser_3.png) no-repeat left center;
}
.web_inquiry .p {
	font-size: 12px;
	color: #555;
	line-height: 22px;
	margin-bottom: 10px;
}
.web_inquiry {
	padding: 15px;
}
.web_inquiry .input_1 {
	line-height: 38px;
	height: 38px;
	border: 1px solid #ddd;
	padding-left: 10px;
	width: 100%;
	background: none;
	color: #777;
	margin-bottom: 15px;
	font-size: 12px;
}
.web_inquiry .input_1:focus {
	color: #333;
	border: 1px solid #f0b557;
}
.web_inquiry .input_2 {
	line-height: 26px;
	height: 80px;
	border: 1px solid #ddd;
	padding-left: 10px;
	width: 100%;
	background: none;
	color: #777;
	margin-bottom: 15px;
	font-size: 12px;
}
.web_inquiry .input_2:focus {
	color: #333;
	border: 1px solid #f0b557;
}
.web_inquiry .btn_1 {
	line-height: 36px;
	height: 36px;
	background: #f0b557;
	display: inline-block;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	padding: 0px 32px;
	border: none;
	font-family: 'poppins_s';
	border-radius: 30px;
}
.web_inquiry .btn_1 i {
	margin-right: 6px;
}
.web_inquiry .btn_1::before {
	line-height: 36px !important;
}
@media only screen and (max-width: 768px) {
#onlineService {
	width: 100%;
}
#online_qq_layer {
	width: 100%;
}
#online_qq_tab {
	width: 100%;
}
#online_qq_tab #floatShow {
	background: url(../images/inquiry_ico.png) no-repeat;
	width: 46px;
	height: 46px;
	position: absolute;
	left: 50%;
	bottom: 10px;
	margin-left: -23px;
	padding-left: 46px;
}
#online_qq_tab #floatHide {
	width: 100%;
	background: #f0b557 url(../images/ser_1.png) no-repeat left center;
	width: 100%;
	height: 36px;
}
}/*back-top*/
.totop {
	width: 46px;
	height: 46px;
	position: fixed;
	right: 30px;
	bottom: 80px;
	z-index: 9999;
	display: none;
	background: rgba(0,0,0,0.3) url(../images/top.png) no-repeat center center;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	border-radius: 50%;
	border: 2px solid rgba(255,255,255,0.5);
}
.totop:hover {
	background: #f0b557 url(../images/top.png) no-repeat center center;
	border: 2px solid #f0b557;
}
@media only screen and (max-width: 768px) {
.totop {
	display: none;
	bottom: 80px;
}
.totop:hover {
	bottom: 80px;
}
.totop {
	max-width: 40px;
	height: 40px;
}
}/*n_main*/
.mbx_section {
	position: relative;
	text-align: center;
	background: #f7f7f7;
	padding: 18px 0;
}
.mbx_section .img img {
	width: 100%;
	height: auto;
}
.mbx_section .h4 {
	color: #333;
	font-size: 30px;
	font-family: 'CenturyGothic';
	text-transform: uppercase;
	float: left;
	line-height: 24px;
}
.mbx_section .mbx {
	font-size: 13px;
	margin-top: 0px;
	float: right;
}
.mbx_section .mbx a {
	color: #777;
	font-size: 13px;
	border-bottom: 1px solid rgba(255,255,255,0);
}
.mbx_section .mbx a:hover {
	color: #f0b557;
	border-bottom: 1px solid #f0b557;
}
.mbx_section .mbx a i {
	margin-right: 4px;
	color: #f0b557;
}
.mbx_section .mbx span {
	font-size: 13px;
	color: #dcdcdc;
	margin: 0px 10px;
}
.mbx_section .mbx h2 {
	color: #777;
	font-size: 13px;
	display: inline-block;
}
.mbx_section .icon i {
	font-size: 17px;
	color: #fff;
	line-height: 36px;
	width: 36px;
	border-radius: 5px;
	background: #f0b557;
	text-align: center;
	border-bottom: 2px solid #33678b;
	position: absolute;
	left: 0px;
	bottom: 0px;
	line-height: 36px;
}
@media only screen and (max-width: 768px) {
.mbx_section .h4 {
	width: 100%;
	text-align: center;
	font-size: 22px;
}
.mbx_section .mbx {
	width: 100%;
	text-align: center;
	margin-top: 0px;
}
.mbx_section h4 {
	border-bottom: none;
}
.mbx_section .icon i {
	display: none;
}
.mbx_section {
	padding: 10px 0px;
}
.mbx_section .mbx {
	margin-top: 10px;
}
.mbx_section h4 {
	line-height: 24px;
}
}
.n_main {
	padding: 40px 0 60px;
	color: #777;
	background: url(../images/cate_bg1.png) no-repeat right 10%;
}
.n_banner img {
	width: 100%;
}
.section_title {
	margin-top: 30px;
	font-family: 'CenturyGothic';
	color: #04243d;
	padding: 4px 0px;
	line-height: 30px;
	text-transform: uppercase;
	font-size: 24px;
	background: url(../images/title_line2.png) no-repeat right center;
	border-bottom: 1px solid #eee;
}
.section_title img {
	margin-right: 15px;
}
.contact .h4 h4 {
	color: #333;
	font-size: 24px;
	margin-bottom: 20px;
	font-family: 'poppins_s';
	text-transform: capitalize;
	text-align: center;
}
.contact .h4 .p {
	text-align: center;
	font-size: 13px;
	color: #999;
	margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
.section_title {
	font-size: 20px;
}
}
.prom_r {
	float: right;
	width: 28%;
	padding-left: 50px;
}
.prom_l {
	float: left;
	width: 72%;
}
.n_left {
	float: left;
	width: 28%;
	padding-right: 50px;
}
.left_h4 {
	font-family: 'CenturyGothic';
	color: #333;
	font-size: 22px;
	text-transform: uppercase;
	padding-bottom: 8px;
	background: url(../images/title_line2.png) no-repeat right center;
	border-bottom: 1px solid #e5e5e5;
}
.left_nav {
	border: 1px solid #f2f2f2;
}
.nav_h4 {
	font-family: 'CenturyGothic';
	background: #04243d;
	color: #fff;
	font-size: 18px;
	position: inherit;
	border-bottom: 1px solid #f2f2f2;
	padding: 6px 10px;
	text-transform: uppercase;
}
.nav_h4::after {
	content: none;
}
.nav_h4:before {
	content: "\f03a";
	color: #fff;
	float: right;
	font: normal normal normal 14px/1 FontAwesome;
	margin-right: 6px;
	line-height: 32px;
}
.n_right {
	float: right;
	width: 72%;
}
.n_left .block {
	margin-bottom: 30px;
}
@media only screen and (max-width:768px) {
.n_left {
	width: 100%;
	padding-right: 0;
}
.n_right {
	width: 100%;
	border-left: none !important;
	padding-left: 0px;
}
.left_h4 span {
	background: none;
}
.left_h4 {
	position: relative;
	margin-bottom: 20px;
	background: none;
	text-align: left !important;
	background: #f0b557 !important;
	padding: 0px 10px;
	line-height: 36px;
	color: #fff !important;
	font-size: 16px !important;
	border-bottom: none;
}
.left_h4:after {
	display: block;
	content: "\f107";
	font-family: "FontAwesome";
	position: absolute;
	right: 15px;
	cursor: pointer;
	font-size: 20px;
	top: 0px;
	color: #fff;
}
.left_h4.active:after {
	content: "\f106";
}
.n_left .toggle_content {
	padding-bottom: 30px;
}
.nav_h4 {
	position: relative;
	margin-bottom: 20px;
	color: #fff;
	background: #f0b557;
	padding: 3px 10px;
	font-size: 16px;
}
.nav_h4:before {
	content: none;
}
.nav_h4:after {
	display: block;
	content: "\f107";
	font-family: "FontAwesome";
	position: absolute;
	right: 15px;
	cursor: pointer;
	font-size: 20px;
	top: 4px;
	color: #fff;
}
.nav_h4.active:after {
	content: "\f106";
}
}
.bt11 .img {
	position: relative;
}
.bt11 .img img {
	width: 100%;
	background: #fff;
}
.bt11 .img .line {
	position: relative;
	overflow: hidden;
	display: block;
}
.bt11 .img .line:after {
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	position: absolute;
	left: 10px;
	top: 10px;
	content: '';
	border: 1px solid rgba(255,255,255,0.5);
	transition: all ease-out .3s;
	opacity: 0;
}
.bt11 .img {
	transition-duration: 0.6s;
	width: 100%;
	transition-timing-function: ease-out;
}
.bt11 .img:hover .line img {
	transform: scale(1.1);
}
.bt11 .icon {
	position: absolute;
	left: 50%;
	top: 100%;
	margin-left: -30px;
	margin-top: -30px;
	opacity: 0;
	display: block;
	transition: all ease-out .3s;
	text-align: center;
	font-size: 40px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	background: url(../images/links_ico.png) no-repeat center center;
	width: 60px;
	height: 60px;
}
.bt11 .img:hover .icon {
	opacity: 1;
	top: 50%;
}
.cbp-vm-view-grid ul li .li {
	overflow: hidden;
}
.cbp-vm-view-grid ul li:hover .icon {
	opacity: 1;
	top: 50%;
}
.cbp-vm-view-grid ul li:hover .line img {
	opacity: 0.5;
}
.cbp-vm-view-grid ul li .img a {
	display: block;
	overflow: inherit;
}
.cbp-vm-view-grid ul li:hover .img img {
	transform: scale(1.1);
}
.rel_pro .li {
	overflow: hidden;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.rel_pro .li .img a {
	display: block;
	overflow: hidden;
}
.rel_pro .li:hover .img img {
	transform: scale(1.1);
}/*left*/
ul.mtree {
	opacity: 0;
	margin-left: 0;
}
ul.mtree>li {
	list-style: none;
	margin-bottom: 3px;
	padding: 0px 10px;
}
ul.mtree>li:last-child>a {
	border-bottom: none;
}
ul.mtree a {
	display: block;
	font-size: 14px;
	color: #444;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	padding: 10px 30px 10px 0px;
	line-height: 22px;
	padding-right: 36px;
	border-bottom: 1px solid #f2f2f2;
}
ul.mtree li ul {
	padding-left: 10px;
}
ul.mtree li ul a {
	padding: 8px 25px 8px 0px;
}
ul.mtree ul li:last-child a {
	border: none;
}
ul.mtree li.mtree-node > a {
	font-size: 14px;
}
ul.mtree.transit li.mtree-open>span:before {
	content: "-";
	font-family: FontAwesome;
	padding-left: 5px;
	float: right;
	font-size: 30px;
	color: #333;
	font-style: normal;
	padding: 3px 15px;
	position: absolute;
	right: 10px;
	top: 0;
}
ul.mtree.transit li.mtree-closed>span:before {
	content: "+";
	font-family: FontAwesome;
	padding-left: 5px;
	float: right;
	font-size: 20px;
	color: #333;
	font-style: normal;
	padding: 6px 17px;
	position: absolute;
	right: 10px;
	top: 0;
}
ul.mtree .mtree-level-1 li.mtree-open>span:before {
	content: "-";
	font-family: FontAwesome;
	padding-left: 5px;
	float: right;
	font-size: 30px;
	color: #333;
	font-style: normal;
	background: none;
	padding: 2px 14px;
	position: absolute;
	right: 2px;
	top: 0;
}
ul.mtree .mtree-level-1 li.mtree-closed>span:before {
	content: "+";
	font-family: FontAwesome;
	padding-left: 5px;
	float: right;
	font-size: 20px;
	color: #333;
	font-style: normal;
	background: none;
	padding: 4px 12px;
	position: absolute;
	right: 2px;
	top: 0;
}
ul.mtree>li:hover>a {
	color: #f0b557;
}
ul.mtree>li.mtree-node a ul a {
	font-size: 14px;
}
ul.mtree>li.mtree-open {
	color: #f0b557;
	padding-bottom: 0;
}
ul.mtree>li.mtree-open>a {
	color: #f0b557;
}
ul.mtree>li.mtree-node:hover>a {
	color: #f0b557;
	text-decoration: none;
}
ul.mtree ul {
	background: #fff;
	border-bottom: 1px solid #f2f2f2;
	border-top: none;
}
ul.mtree ul li {
	list-style: none;
	position: relative;
}
ul.mtree ul li a {
	display: block;
	color: #777;
	font-size: 14px;
}
ul.mtree>li>ul>li>a {
	font-size: 13px !important;
}
ul.mtree ul li a:hover {
	color: #f0b557;
}
ul.mtree li ul li.mtree-open a {
	color: #f0b557;
	text-decoration: none;
}
ul.mtree .mtree-level-2 {
	margin-top: 0px;
	border: none;
	margin-bottom: 0;
	background: #fafafa;
	border-bottom: 1px solid #eee;
}
ul.mtree li ul.mtree-level-2 li a {
	color: #808080;
	font-weight: normal;
	font-size: 13px;
}
ul.mtree .mtree-level-2 li a:hover {
	text-decoration: underline;
	color: #f0b557;
	font-weight: normal;
}
ul.mtree.jet ul {
	margin-left: 0;
}
ul.mtree.jet li {
	margin-bottom: 1px;
}
ul.mtree.jet li:last-child {
	margin-bottom: 0px;
}
ul.mtree.jet li:first-child {
	margin-top: 1px;
}
ul.mtree.jet li.mtree-active a {
	background: #e5e5e5;
}
ul.mtree.jet li.mtree-active li:last-child > a {
	border-radius: 0px 0px 3px 3px;
}
ul.mtree.jet li.mtree-active > a {
	background: #008cba;
	color: #FFF;
	border-radius: 3px 3px 0px 0px;
}
ul.mtree.jet li > a:hover {
	background: #FFC000;
	color: #FFF;
}
ul.mtree.jet a {
	padding: 5px 0px 5px 1em;
}
ul.mtree.jet li li > a {
	padding-left: 2em;
}
ul.mtree.jet li li li > a {
	padding-left: 3em;
}
ul.mtree.jet li li li li > a {
	padding-left: 4em;
}
ul.mtree.jet li li li li li > a {
	padding-left: 5em;
}
ul.mtree a:hover {
	text-decoration: none;
}
ul.mtree>li.mtree-node ul i {
	margin-right: 4px;
}
.mtree-skin-selector {
	display: none !important
}
ul.mtree>li>a:before {
	display: none;
	content: "\f105";
	font-family: FontAwesome;
	margin-right: 0px;
	font-size: 14px;
	line-height: 30px;
	position: absolute;
	left: 5px;
	top: 0;
	padding: 8px 0;
	opacity: 1;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	color: #aaa;
}/*ul.mtree>li.active>a{color:#f0b557; padding-left:20px;}ul.mtree>li.active>a:before{ content:"\f178";font-family:FontAwesome; margin-right:0px; position:absolute; left:0px; top:0; padding:8px 0; opacity:1;}*//*hot_left*/
.hot_left ul li {
	list-style: none;
	margin-top: 15px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.hot_left ul li .img {
	float: left;
	width: 36%;
	display: inline-block;
	margin-right: 15px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	overflow: hidden;
	overflow: hidden;
	border: 1px solid #eee;
	position: relative;
}
.hot_left ul li .overly {
	position: absolute;
	left: -100%;
	top: 0px;
	background: rgba(140,64,103,0.7) url(../images/ico_links.png) no-repeat center center;
	width: 100%;
	height: 100%;
	background-size: 20px auto;
}
.hot_left ul li:hover .overly {
	left: 0px;
}
.hot_left ul li h4 a {
	font-size: 13px;
	color: #333;
	overflow: hidden;
	line-height: 22px;
	margin-top: 5px;
	max-height: 44px;
	display: block;
}
.hot_left ul li:hover h4 a {
	color: #f0b557;
}
.hot_left ul li:hover .img img {
	transform: scale(1.1);
}
.left-con {
	margin-top: 30px;
	height: 360px;
	width: 100%;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	text-align: center;
	border-radius: 5px;
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: 30px;
}
.left-con .ovrly {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}
.left-con .main {
	position: absolute;
	left: 0;
	top: 0;
	padding: 20px 20px 40px 20px;
	z-index: 2;
}
.left-con .main .title {
	display: block;
	font-size: 22px;
	color: #fff;
	text-transform: capitalize;
	margin-bottom: 10px;
	line-height: 28px;
	font-family: 'poppins_s';
	padding-top: 66px;
	background: url(../images/title_line.png) no-repeat center bottom;
	background-size: 58px;
	padding-bottom: 20px;
}
.left-con .main .title:hover {
	text-decoration: none;
}
.left-con .main .text {
	margin-top: 20px;
	color: #fff;
	font-size: 13px;
	line-height: 24px;
	max-height: 72px;
}
@media screen and (max-width: 768px) {
.left-con{ display:none;}
.hot_left{ display:none;}

}
.main_more a {
	display: inline-block;
	line-height: 42px;
	padding: 0px 32px;
	background: #f0b557;
	color: #fff;
	font-family: 'poppins_s';
	font-size: 14px;
	text-transform: uppercase;
	border-radius: 30px;
	margin-top: 40px;
	position: relative;
}
.main_more a:hover {
	background: #f0b557;
}
.main_more a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	background-color: rgba(255,255,255,0.15);
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transform: scale(0.5, 1);
	transform: scale(0.5, 1);
	border-radius: 30px;
}
.main_more:hover a::before {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}/*about*/
.team {
	margin-top: 50px;
	padding-top: 50px;
	border-top: 1px solid #eee;
}
.team ul li {
	list-style: none;
}
.team ul li .li {
	background: #f8f8f8;
	padding: 10px;
	text-align: center;
}
.team ul li .li .img {
	border-radius: 50%;
	overflow: hidden;
	display: inline-block;
	max-width: 218px;
}
.team ul li .li h4 {
	font-size: 16px;
	color: #333;
	margin-top: 15px;
}
.team ul li .li p {
	line-height: 24px;
	color: #8f8f8f;
	margin: 10px 0;
}
.team ul li .li .icon a {
	margin: 0px 10px;
}/*page_left*/
.page_left .nav ul {
	background: #fbfbfb;
	padding: 15px;
}
.page_left .nav ul li {
	list-style: none;
	border-bottom: 1px dashed #eee;
	padding: 5px 0;
}
.page_left .nav ul .active a {
	color: #fff;
}
.page_left .nav ul .active i {
	color: #fff;
}
.page_left .nav ul li a {
	color: #555;
	display: inline-block;
	padding: 5px 0;
	font-size: 14px;
}
.page_left .nav ul li a i {
	font-size: 13px;
	color: #bbb;
	margin-right: 10px;
}
.page_left .nav ul li:hover a, .page_left .nav ul li:hover i {
	color: #fff;
}
.adv_left {
	margin-top: 30px;
}
.adv_left .toggle_content {
	border: 1px solid #eee;
	padding: 15px;
}
.adv_left h4 a {
	font-size: 14px;
	color: #808080;
	text-align: center;
	display: block;
	margin-top: 15px;
}/*contact*/
.com_ul {
	margin-top: 30px;
	margin-bottom: 30px;
}
.com_ul a:hover {
	color: #f0b557;
}
.com_ul .h4 span {
	color: #333;
	font-size: 26px;
	text-transform: uppercase;
	text-align: center;
	background: #fff;
	padding: 0px 30px;
	display: inline-block;
}
.com_ul li {
	list-style: none;
	text-align: center;
}
.com_ul li .li {
	padding: 30px 15px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	background: #f7f7f7;
}
.com_ul li .li .icon {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	display: inline-block;
	overflow: hidden;
	color: #fff;
	background: #f0b557;
	font-size: 20px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.com_ul li .li:hover .icon {
	-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	transform: rotateY(180deg);
}
.com_ul li .li .icon i {
	line-height: 60px;
}
.com_ul li .li h4, .com_ul li .li h4 a {
	color: #333;
	font-size: 14px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	line-height: 20px;
	overflow: hidden;
	margin: 15px 0 5px;
	font-family: 'poppins_s';
	text-transform: uppercase;
}
.com_ul li .li p {
	font-size: 13px;
	color: #808080;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.com_ul li .li em {
	font-style: normal;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	color: #f0b557;
	font-size: 16px;
	margin: 10px 0;
	display: inline-block;
	font-family: 'poppins_s';
}
.com_ul li .li em i {
	margin-left: 10px;
}
.com_ul .con_info {
	margin-top: 50px;
	text-align: center;
	margin-bottom: 50px;
	padding-bottom: 30px;
	padding-top: 30px;
}
.com_ul .con_infop {
	line-height: 30px;
	font-size: 13px;
	color: #777;
}
.contact {
	margin-bottom: 40px;
}
.contact map {
	margin-top: 20px;
}
.contact .con_infop {
	padding-top: 10px;
	font-size: 13px;
}
.contact .contact_section .contact_box {
	text-align: left;
	margin-left: 0px;
}
.contact .contact_inq .req {
	font-size: 14px;
	color: #555;
	margin-bottom: 20px;
}
.contact .contact_inq .req span {
	color: red;
}
.contact_inq .p {
	font-size: 13px;
	color: #777;
	line-height: 24px;
	max-height: 48px;
	overflow: hidden;
	margin-bottom: 15px;
}
.contact_inq .input_1 {
	font-size: 13px;
	line-height: 46px;
	height: 46px;
	padding-left: 20px;
	width: 100%;
	background: #fff;
	color: #999;
	margin-bottom: 15px;
	border: 1px solid #ddd;
}
.contact_inq .input_1:focus {
	border: 1px solid #f0b557;
	color: #333;
}
.contact_inq .input_2 {
	line-height: 40px;
	font-size: 13px;
	height: 100px;
	padding-left: 20px;
	width: 100%;
	background: #fff;
	color: #999;
	border: 1px solid #ddd;
	margin-bottom: 15px;
}
.contact_inq .input_2:focus {
	border: 1px solid #f0b557;
	color: #333;
}
.contact_inq .in_email {
	background: #fff url(../images/inquiry_email.png) no-repeat 8px center;
	padding-left: 40px;
}
.contact_inq .in_tel {
	background: #fff url(../images/inquiry_tel.png) no-repeat 8px center;
	padding-left: 40px;
}
.contact_inq .in_message {
	background: #fff url(../images/inquiry_message.png) no-repeat 8px 10px;
	padding-left: 40px;
}
.contact_email {
	float: right;
}
.contact_email .email {
	background: url(../images/con_bg.jpg) no-repeat center center;
	background-size: cover;
	padding: 50px 30px;
}
.contact_email .email h4 {
	font-size: 26px;
	color: #fff;
	text-transform: capitalize;
	line-height: 40px;
	font-family: 'poppins_s';
	text-transform: capitalize;
}
.contact_email .email p {
	color: #fff0e0;
	line-height: 24px;
	height: 72px;
	overflow: hidden;
	margin: 10px 0;
}
.contact_email .email .email_main {
	background: #fff;
	line-height: 50px;
	height: 50px;
	width: 100%;
	padding-left: 10px;
	border: none;
	color: #999;
	border-radius: 30px;
}
.contact_email .email_btn {
	background: #f0b557;
	line-height: 50px;
	height: 50px;
	width: 100%;
	padding-left: 10px;
	border: none;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	margin-top: 15px;
	border-radius: 30px;
}
.contact_oth {
	margin-top: 40px;
}
.contact .map {
	margin-top: 10px;
	padding-top: 30px;
}
@media screen and (max-width: 768px) {
.contact_m {
	padding: 0px;
}
.con_map {
	margin-top: 20px;
}
.com_ul li {
	margin-bottom: 15px;
}
.com_ul li .li h4 {
	margin: 5px 0;
}
.contact_email {
	width: 100%;
}
.contact_email {
	margin-top: 20px;
}
.contact_oth {
	padding: 20px 0;
	margin: 20px 0;
}
.com_ul {
	margin-bottom: 20px;
}
.com_ul li .li {
	background: #fafafa;
}
}/*news*/
.news .img {
	width: 36%;
	margin-right: 20px;
	overflow: hidden;
	display: block;
	float: left;
	position: relative;
}
.news .img {
	display: block;
	overflow: hidden;
}
.news .img img {
	width: 100%;
}
@media only screen and (max-width: 980px) {
.news .img {
	width: 45%;
}
}
.news ul li {
	list-style: none;
	margin-bottom: 30px;
}
.news ul li .blog-info {
	background: none;
}
.news ul li:last-child {
	margin-bottom: 0px;
	border-bottom: none;
}
.news ul li h4 a {
	font-size: 14px;
	color: #333;
	margin-bottom: 8px;
	font-family: 'poppins_s';
	display: block;
	line-height: 24px;
	overflow: hidden;
	max-height: 24px;
	overflow: hidden;
}
.news ul li p {
	font-size: 12px;
	color: #999;
	max-height: 44px;
	overflow: hidden;
	line-height: 22px;
	margin-top: 6px;
	margin-bottom: 10px;
}
.more_1 {
	line-height: 30px;
	display: inline-block;
	font-size: 12px;
	font-family: 'poppins_s';
	color: #04243d;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	border: 1px solid #fff;
	text-transform: uppercase;
	border-radius: 30px;
}
.more_1 i {
	margin-left: 4px;
	font-size: 12px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.news ul li h4:hover a {
	color: #f0b557;
}
.news ul li:hover img {
	transform: scale(1.1);
}
.more_1:hover {
	color: #fff;
	background: #f0b557;
	padding: 0px 15px;
	border: 1px solid #f0b557;
}
.more_1:hover i {
	color: #fff;
}
@media only screen and (max-width: 550px) {
.more_1 {
	display: none;
}
}
@media only screen and (max-width: 768px) {
.news ul li h4 a {
	overflow: hidden;
	height: 48px;
}
}
@media only screen and (max-width: 375px) {
.news .img {
	width: 100%;
	float: none;
	display: block;
	margin-bottom: 20px;
}
}/*��ҳ*/
.page_p {
	margin: 30px auto 0px;
	text-align: center;
	width: 100%;
	font-size: 12px;
}
.page_p a {
	display: inline-block;
	font-size: 12px;
	line-height: 34px;
	padding: 0px 14px;
	margin-left: 5px;
	color: #555;
	margin-top: 5px;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	background: #eee;
	border-radius: 30px;
}
.page_p a i {
	line-height: 34px;
}
.page_p a:hover {
	background: #f0b557;
	padding: 0px 20px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	color: #fff !important;
}
.total {
	font-size: 12px;
	line-height: 24px;
	color: #333;
	margin-top: 10px;
}
.total span {
	color: #f0b557;
}
.page_p>span {
	padding: 0px 20px;
	border-radius: 30px;
	line-height: 34px;
	background: #04243d;
	color: #fff;
	display: inline-block;
	margin-left: 5px;
}
.cbp-vm-view-grid .page_more {
	display: none;
}
.page_more i {
	display: none;
}
.page_more a {
	display: inline-block;
	line-height: 22px;
	border-radius: 5px;
	border: 2px solid #f0b557;
	color: #f0b557;
	text-align: center;
	padding: 4px 30px;
	text-transform: uppercase;
	font-size: 18px;
	margin-top: 20px;
}
.page_more a span {
	color: #f0b557;
	font-size: 14px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.page_more a:hover {
	background: #f0b557;
}
.page_more a:hover span {
	color: #fff;
}
#pre_next {
	margin: 10px 0;
	list-style: none;
	background: #f5f5f5;
	padding: 8px 15px;
	border-radius: 5px;
	font-size: 13px;
	margin-top: 20px;
}
#pre_next li {
	border-bottom: none;
	margin-bottom: 0px;
	border-left: none;
}
#pre_next span {
	color: #04243d;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	text-align: center;
	padding: 5px 0px;
	font-family: 'poppins_s';
	text-transform: uppercase;
	font-size: 14px;
}
#pre_next i {
	margin-right: 16px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	color: #f0b557;
	background: none;
	line-height: 26px;
	font-size: 13px;
	text-align: center;
	border-radius: 5px;
	color: #04243d;
	float: right;
	width: 26px;
	height: 26px;
	background: #fff;
	border-radius: 50%;
}
#pre_next a {
	color: #777;
	font-size: 12px;
}
#pre_next li:hover a {
	color: #f0b557;
}
#pre_next li:hover i {
	color: #fff;
	background: #f0b557;
}
#pro_page {
	list-style: none;
	margin-top: 10px;
}
#pro_page span {
	font-size: 14px;
	text-transform: capitalize;
	color: #444;
}
#pro_page li {
	padding: 2px 0px;
}
@media (max-width:768px) {
.pre {
	float: none;
	width: 100%;
}
.next {
	float: none;
	width: 100%;
}
}/*��Ʒ�б�*/
.products_m {
	color: #777;
	font-size: 12px;
	margin-bottom: 10px;
}/*products*/
.cbp-vm-switcher {
	width: 100%;
}
.cbp-vm-view-grid .p_hot_2 {
	display: none;
}
.cbp-vm-view-grid .pro_more {
	margin-top: 10px;
}
.cbp-vm-options {
	text-align: left;
	margin-bottom: 20px;
	border: 1px solid #f2f2f2;
}
.cbp-vm-options p {
	display: inline-block;
	font-family: 'poppins_s';
	float: left;
	vertical-align: middle;
	color: #f0b557;
	text-transform: capitalize;
	font-size: 14px;
	margin-left: 8px;
}
.cbp-vm-options a {
	vertical-align: middle;
	height: 34px;
	overflow: hidden;
	white-space: nowrap;
	color: #333;
	text-align: center;
	line-height: 34px;
	text-align: center;
	width: 34px;
	background: #fff;
	float: left;
}
.cbp-vm-options a:last-child {
	border-left: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;
}
.cbp-vm-options a:hover, .cbp-vm-options a.cbp-vm-selected {
	color: #f0b557;
}
.cbp-vm-options a:before {
	font-size: 18px;
	text-align: center;
	display: inline-block;
	line-height: 34px;
}
.p_hot_2 {
	margin-bottom: 18px;
	margin-top: 5px;
	float: left;
	width: 68%;
	padding: 4px 0;
}
.p_hot_2 span {
	font-size: 13px;
	font-family: 'poppins_s';
	margin-right: 5px;
	text-transform: uppercase;
	color: #333;
	margin-right: 6px;
}
.p_hot_2 a {
	font-size: 12px;
	display: inline-block;
	padding: 0px 10px;
	color: #777;
	background: #f2f2f2;
	border-radius: 30px;
}
.p_hot_2 i {
	margin-right: 3px;
	font-size: 12px;
}
.p_hot_2 a:hover {
	color: #fff;
	background: #f0b557;
}
@media screen and (max-width: 768px) {
.p_hot_2 {
	width: 100%;
}
}/* General list */
.cbp-vm-switcher ul {
	list-style: none;
	padding: 0;
}/* Clear eventual floats */
.cbp-vm-switcher ul:before, .cbp-vm-switcher ul:after {
	content: " ";
	display: table;
}
.cbp-vm-switcher ul:after {
	clear: both;
}
.cbp-vm-switcher ul li {
	display: block;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.cbp-vm-image {
	display: block;
	margin: 0 auto;
	position: relative;
}
.cbp-vm-image span {
	display: inline-block;
	width: 100%;
	height: auto;
	border: 1px solid #eee;
	overflow: hidden;
}
.cbp-vm-image img {
	width: 100%;
	cursor: pointer;
	position: relative;
	max-width: 100%;
	max-height: 100%;
}
.cbp-vm-switcher ul li h4 a {
	font-size: 14px;
	display: block;
	color: #444;
	word-wrap: break-word;
	text-align: left;
}
.cbp-vm-switcher ul li .cbp-vm-details {
	color: #8f8f8f;
	overflow: hidden;
	height: 48px;
	font-size: 12px;
	line-height: 24px;
}
.cbp-vm-switcher ul h4 a:hover {
	text-decoration: none;
	color: #f0b557;
}
.cbp-vm-view-grid .prol_more {
	display: none;
}/* Common icon styles */
.cbp-vm-icon:before {
	font-family: 'fontawesome';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.cbp-vm-grid:before {
	content: "\f009";
}
.cbp-vm-list:before {
	content: "\f0ca";
}/* Large grid view */
.cbp-vm-view-grid ul li {
	width: 33.33%;
	text-align: left;
	vertical-align: top;
	float: left;
}

.cbp-vm-view-grid ul li:nth-child(3n+1){ clear: both;}


.cbp-vm-view-grid ul li:hover .li {
	box-shadow: 0 5px 9px rgba(0,0,0,0.08);
	-webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.08);
	-moz-box-shadow: 0 5px 9px rgba(0,0,0,0.08);
	transform: translate3d(0, -3px, 0);
	-webkit-transform: translate3d(0, -3px, 0);
}/* List view */
.cbp-vm-view-list li {
	white-space: nowrap;
	text-align: left;
	white-space: normal;
	margin-top: 30px;
}


.cbp-vm-view-list li:before, .cbp-vm-view-list li:after {
	content: " ";
	display: table;
}
.cbp-vm-view-list li:after {
	clear: both;
}
.cbp-vm-view-list .cbp-vm-image, .cbp-vm-view-list .cbp-vm-title, .cbp-vm-view-list .cbp-vm-details, .cbp-vm-view-list .cbp-vm-price, .cbp-vm-view-list .cbp-vm-add {
	display: inline-block;
	vertical-align: middle;
}
.cbp-vm-view-list .cbp-vm-image {
	width: 28%;
	display: inline-block;
	vertical-align: middle;
	float: left;
	margin-right: 3%;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	border: 1px solid #eee;
}
.cbp-vm-view-list ul li h4 a {
	display: inline-block;
	width: 68%;
	text-align: left;
	font-size: 14px;
	color: #333;
	float: left;
}
.cbp-vm-view-list ul li:hover h4 a {
	color: #f0b557;
}
.cbp-vm-view-list ul li .cbp-vm-details {
	width: 68%;
	overflow: hidden;
	white-space: normal;
	max-height: 48px;
	line-height: 24px;
	font-size: 12px;
	color: #8f8f8f;
	margin: 5px 0px;
}
@media screen and (max-width: 940px) {
.cbp-vm-view-grid ul li {
	width: 50%;
}
.cbp-vm-view-grid ul li:nth-child(3n+1){ clear: none;}
.cbp-vm-view-grid ul li:nth-child(2n+1){ clear: both;}
.cbp-vm-switcher ul li h4 a {
	font-size: 14px;
}
}
@media screen and (max-width: 520px) {
.cbp-vm-view-list .prol_more {
	font-size: 13px;
	padding: 2px 20px 7px 20px;
}
}
@media screen and (max-width: 300px) {
.cbp-vm-view-list ul li h4 a {
	width: 100%;
}
.cbp-vm-view-list ul li .cbp-vm-details {
	width: 100%;
}
.cbp-vm-view-list .cbp-vm-image {
	width: 100%;
	margin-right: 0px;
}
.cbp-vm-view-grid ul li {
	width: 100%;
	margin-bottom: 20px;
}
.p_hot_2 {
	width: 100%;
}
}
.products li span {
	overflow: hidden;
}
.cbp-vm-view-list ul li h4 a {
	overflow: hidden;
	max-height: 58px;
	overflow: hidden;
	display: block;
	font-family: 'poppins_s';
}
.cbp-vm-view-list ul li {
	overflow: hidden;
}
.cbp-vm-view-list ul li:first-child {
	border: none;
	padding-top: 0px;
	margin-top: 0px;
}/*9gonghe*/
.cbp-vm-view-grid ul {
	list-style: none;
	padding: 0;
	margin: 0px -10px;
}
.cbp-vm-view-grid ul li .more_1 {
	display: none;
}
.cbp-vm-view-grid ul li {
	padding-bottom: 20px;
	margin-bottom: 20px;
	padding: 0px 10px;
}


.cbp-vm-view-grid ul li h4 a {
	margin: 5px 0 5px;
	line-height: 22px;
	height: 44px;
	overflow: hidden;
	display: block;
	text-align: center;
	font-family: 'poppins_s';
}
.cbp-vm-view-grid ul li .li {
	text-align: center;
	padding: 8px;
	padding-bottom: 15px;
	border: 1px solid #eee;
}
.cbp-vm-view-grid ul li .li:hover h4 a {
	color: #f0b557;
}
.cbp-vm-view-grid ul li .li .cbp-vm-image {
	overflow: hidden;
	margin-bottom: 15px;
}
.cbp-vm-view-grid ul .li {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.cbp-vm-view-grid ul li .li:hover .buttons .fa {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}
.cbp-vm-view-grid ul li .li:hover .ovrly {
	opacity: 1;
}/*��*/
.products ul li .li .img a {
	display: block;
	overflow: hidden;
}
.products ul li .li:hover .img img {
	transform: scale(1.1);
}
.cbp-vm-view-grid ul li .li:hover h4 a {
	color: #f0b557;
}/*products_main*/
.page {
	margin-bottom: 50px;
}
.sp-loading {
	text-align: center;
	max-width: 100%;
	border: 2px solid #fafafa;
	padding: 2px;
	border-radius: 0;
	font-size: 12px;
	color: #888;
}
.sp-loading img {
	max-width: 100%;
	height: auto;
}/* Element wrapper */
.sp-wrap {
	display: none;
	line-height: 0;
	font-size: 0;
	position: relative;
	width: 100%;
}/* Thumbnails */
.sp-thumbs {
	text-align: left;
	display: block;
	padding: 10px 0;
}
.sp-thumbs a {
	position: relative;
	border: 1px solid #eee;
}
.sp-thumbs a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 1;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transition: all var(--transition-time, 800ms);
	-o-transition: all var(--transition-time, 800ms);
	transition: all var(--transition-time, 800ms);
}
.sp-thumbs a:hover:before {
	filter: alpha(opacity=10);
	-moz-opacity: 0.1;
	opacity: 0.1;
}
.sp-thumbs a:after {
	transition: all .5s;
	transform: scaleX(0);
	content: "\f00c";
	font-family: FontAwesome;
	display: inline-block;
	font-size: 16px;
	color: #f0b557;
	position: absolute;
	left: 50%;
	top: 33%;
	margin-left: -8px;
	z-index: 2;
}
.sp-thumbs a:hover:after {
	transform: scaleX(1);
	visibility: visible;
}
.sp-thumbs img {
	min-height: 56px;
	min-width: 56px;
	max-width: 56px;
}
.sp-thumbs a:link, .sp-thumbs a:visited {
	width: 80px;
	height: 60px;
	overflow: hidden;
	display: inline-block;
	background-size: cover;
	background-position: center;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
	opacity: 0.5;
}
.sp-thumbs a:hover {
	opacity: 1;
	border: 1px solid #f0b557;
}/* Styles for the currently selected thumbnail */
.sp-thumbs a:active, .sp-current {
	opacity: 1!important;
	position: relative;
	border: 1px solid #f0b557 !important;
}
.sp-thumbs a.sp-current:after {
	transform: scaleX(1);
	visibility: visible;
}/* Image currently being viewed */
.sp-large {
	position: relative;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	border: 1px solid #ebebeb;
}
.sp-large a img {
	max-width: 100%;
	height: auto;
	width: 100%;
}
.sp-large a {
	display: block;
}/* Panning Zoomed Image */
.sp-zoom {
	position: absolute;
	left: -50%;
	top: -50%;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
	display: none;
}/* Lightbox */
.sp-lightbox {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, .9);
	z-index: 999999;
	display: none;
	cursor: pointer;
}
.sp-lightbox img {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 90%;
	max-height: 90%;
	border: 2px solid #fff;
}
#sp-prev, #sp-next {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	z-index: 501;
	color: #fff;
	padding: 14px;
	text-decoration: none;
	background: #000;
	border-radius: 25px;
	border: 2px solid #fff;
	width: 50px;
	height: 50px;
	box-sizing: border-box;
	transition: .2s;
}
#sp-prev {
	left: 14%;
}
#sp-prev:before {
	content: '';
	border: 7px solid transparent;
	border-right: 15px solid #fff;
	position: absolute;
	top: 16px;
	left: 7px;
}
#sp-next {
	right: 14%;
}
#sp-next:before {
	content: '';
	border: 7px solid transparent;
	border-left: 15px solid white;
	position: absolute;
	top: 16px;
	left: 18px;
}
#sp-prev:hover, #sp-next:hover {
	background: #444;
}/* Tweak styles for small viewports */
@media screen and (max-width: 400px) {
.sp-wrap {
	margin: 0 0 15px 0;
}
#sp-prev, #sp-next {
	top: 50px;
	margin-top: 0;
}
}
.sp-current-big img {
	width: 100%;
}
.sp-large img {
	max-width: none;
}/*pro_table*/
.product_detail {
	border-top: 1px solid #eee;
}
.product_detail .n_left {
	padding-right: 30px;
	padding-top: 30px;
}
.product_detail .n_right {
	padding-left: 30px;
	padding-bottom: 60px;
	padding-top: 30px;
}
@media only screen and (max-width: 768px) {
.product_detail .n_right {
	padding-left: 0px;
	padding-top: 0px;
}
.product_detail .n_left {
	padding-right: 0px;
}
}
.pro_table .pro_main_title {
	font-size: 26px;
	font-family: 'poppins_s';
	overflow: hidden;
	display: block;
	text-transform: capitalize;
	margin-bottom: 15px;
	margin-top: 10px;
	color: #04243d;
	line-height: 30px;
}
@media only screen and (max-width: 768px) {
.pro_table .pro_main_title{ font-size:18px;}
}
.pro_table .pro_main_text {
	color: #808080;
	font-size: 12px;
	line-height: 30px;
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 10px;
}
.pro_table ul {
	margin-top: 15px;
}
.pro_table ul li {
	margin: 2px 0;
	font-size: 14px;
	color: #808080;
	list-style: none;
}
.pro_table ul li p {
	display: inline-block;
	margin-right: 10px;
	font-size: 13px;
	vertical-align: middle;
	margin-bottom: 0;
	color: #333;
	font-family: 'poppins_s';
}
.main-more {
	text-align: left !important;
}
.main-more a {
	color: #fff;
}
.pro_table .i_more a {
	background: #04243d;
	margin-top: 10px;
	line-height: 40px;
	font-family: 'poppins_s';
	padding: 0px 28px;
	display: inline-block;
	font-size: 14px;
	text-transform: uppercase;
	border-radius: 30px;
}
.pro_table .i_more a i {
	margin-left: 8px;
	font-size: 16px;
}/*products-tab*/
#parentHorizontalTab02 {
	margin: 0;
	text-align: left;
	padding: 0px;
	text-align: left;
}
#parentHorizontalTab02 ul.resp-tabs-list {
	margin: 0px;
	padding: 0px;
	background: url(../images/title_line2.png) no-repeat right center;
	border-bottom: 1px solid #eee;
	font-family: 'poppins_s';
	color: #333;
	padding: 4px 0px;
	line-height: 30px;
	text-transform: capitalize;
	font-size: 20px;
	padding-bottom: 10px;
}
#parentHorizontalTab02 .resp-tabs-list li {
	display: inline-block;
	list-style: none;
	cursor: pointer;
	text-transform: capitalize;
	color: #333;
	text-align: center;
	background: #808080 !important;
	padding: 0px;
	font-size: 24px;
	font-family: 'CenturyGothic';
	text-transform: uppercase;
	background-image: url(../images/ico_det.png) !important;
	padding-left: 36px;
	background-position: left center;
	background-repeat: no-repeat !important;
}
#parentHorizontalTab02 .resp-tabs-container div table {
	max-width: 100%;
}
#parentHorizontalTab02 .resp-tabs-container {
	padding: 15px 0px;
	clear: left;
	background: none;
}
#parentHorizontalTab02 em.resp-accordion {
	cursor: pointer;
	padding: 5px;
	display: none;
	padding: 3px 10px !important;
}
#parentHorizontalTab02 .resp-tab-content {
	display: none;
}
#parentHorizontalTab02 .resp-tabs-list li:hover {
	background: #333;
}
#parentHorizontalTab02 .resp-tabs-list li.resp-tab-active {
	color: #04243d;
	z-index: 99;
	background-color: #fff !important;
}
#parentHorizontalTab02 .resp-content-active, #parentHorizontalTab02 .resp-accordion-active {
	display: block;
}
#parentHorizontalTab02 em.resp-accordion {
	font-size: 16px;
	margin: 0px;
	background: #f8f8f8;
	margin-bottom: 1px;
	color: #333;
	font-style: normal;
	margin-bottom: 10px;
	font-family: 'CenturyGothic';
	text-transform: uppercase;
}
#parentHorizontalTab02 em.resp-tab-active {
	margin-bottom: 0px !important;
}
#parentHorizontalTab02 em.resp-tab-title:last-child {
	border-bottom: 12px solid #c1c1c1 !important;
	background: blue;
}
#parentHorizontalTab02 .resp-vtabs ul.resp-tabs-list {
	float: left;
	width: 30%;
}
#parentHorizontalTab02 .resp-vtabs .resp-tabs-list li {
	display: block;
	padding: 15px 15px !important;
	margin: 0 0 4px;
	cursor: pointer;
	float: none;
}
#parentHorizontalTab02 .resp-vtabs .resp-tabs-container {
	padding: 0px;
	background-color: #fff;
	border: 1px solid #c1c1c1;
	float: left;
	width: 68%;
	min-height: 250px;
	border-radius: 4px;
	clear: none;
}
#parentHorizontalTab02 .resp-vtabs .resp-tab-content {
	border: none;
	word-wrap: break-word;
}
#parentHorizontalTab02 .resp-vtabs li.resp-tab-active {
	position: relative;
	z-index: 1;
	margin-right: -1px !important;
	padding: 14px 15px 15px 14px !important;
	border-top: 1px solid;
	border: 1px solid #5AB1D0 !important;
	border-left: 4px solid #5AB1D0 !important;
	margin-bottom: 4px !important;
	border-right: 1px #FFF solid !important;
}
#parentHorizontalTab02 .resp-arrow {
	width: 0;
	height: 0;
	float: right;
	margin-top: 10px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 7px solid #c1c1c1;
}
#parentHorizontalTab02 em.resp-tab-active span.resp-arrow {
	border: none;
	position: relative;
}
#parentHorizontalTab02 em.resp-tab-active span.resp-arrow:after {
	content: "\f044";
	font-family: "FontAwesome";
	position: absolute;
	right: -6px;
	cursor: pointer;
	font-size: 20px;
	top: -8px;
	color: #fff
}
#parentHorizontalTab02 em.resp-tab-active {
	background: #f0b557 !important;
	color: #fff;
}
#parentHorizontalTab02 .resp-easy-accordion em.resp-accordion {
	display: block;
}
#parentHorizontalTab02 .resp-easy-accordion .resp-tab-content {
	border: 1px solid #1268bf;
}
#parentHorizontalTab02 .resp-easy-accordion .resp-tab-content:last-child {
	border-bottom: 1px solid #1268bf;/* !important;*/
}
#parentHorizontalTab02 .resp-jfit {
	width: 100%;
	margin: 0px;
}
#parentHorizontalTab02 .resp-tab-content-active {
	display: block;
}
@media only screen and (max-width: 768px) {
#main-btn {
	padding: 2% 6%;
}
#parentHorizontalTab02 {
	padding: 0;
}
#parentHorizontalTab02 ul.resp-tabs-list {
	display: none;
}
#parentHorizontalTab02 em.resp-accordion {
	display: block;
}
#parentHorizontalTab02 .resp-vtabs .resp-tab-content {
	border: 1px solid #C1C1C1;
	border: 1px solid #f0b557;
	border-top: none;
	padding: 8px 15px 8px 15px;
}
#parentHorizontalTab02 .resp-vtabs .resp-tabs-container {
	border: none;
	float: none;
	width: 100%;
	min-height: 100px;
	clear: none;
}
#parentHorizontalTab02 .resp-accordion-closed {
	display: none !important;
}
#parentHorizontalTab02 .resp-vtabs .resp-tab-content:last-child {
	border-bottom: 1px solid #c1c1c1 !important;
}
#parentHorizontalTab02 .resp-tabs-container {
	padding-top: 0px;
}
}/*inquiry*/
.contact .inquiry {
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	padding: 15px 30px 30px;
	margin-top: 20px;
	margin-bottom: 10px;
}
.inquiry_line {
	overflow: hidden;
}
.inquiry .section_title {
	margin-bottom: 10px;
}
.inquiry .p {
	font-size: 13px;
	color: #777;
	text-align: left;
	line-height: 24px;
	max-height: 48px;
	overflow: hidden;
	margin: 10px 0;
}
.inquiry .contact_box {
	text-align: left;
	margin-left: 0px;
}
.inquiry .contact_box .input_1 {
	font-size: 13px;
	line-height: 46px;
	height: 46px;
	padding-left: 35px;
	width: 100%;
	background: #fff;
	color: #999;
	margin-bottom: 20px;
	border: 1px solid #ddd;
	border-radius: 0px;
}
.inquiry .contact_box .input_1:focus {
	border: 1px solid #f0b557;
	background-color: #fff;
}
.inquiry .contact_box .input_2 {
	line-height: 40px;
	font-size: 13px;
	height: 100px;
	padding-left: 35px;
	width: 100%;
	background: #fff;
	color: #999;
	border: 1px solid #ddd;
	margin-bottom: 10px;
	border-radius: 0px;
}
.inquiry .contact_box .input_2:focus {
	border: 1px solid #f0b557;
	background-color: #fff;
}
.inquiry .btn_1 {
	line-height: 42px;
	height: 42px;
	padding: 0px 26px;
	background: #04243d;
	font-size: 14px;
	font-family: 'poppins_s';
	border: none;
	color: #fff;
	text-transform: uppercase;
	margin-top: 10px;
	position: relative;
	border-radius: 30px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.inquiry .btn_1::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	background-color: rgba(255,255,255,0.15);
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transform: scale(0.5, 1);
	transform: scale(0.5, 1);
}
.inquiry .btn_1:hover::before {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}
.inquiry .btn_1:hover {
	background: #f0b557;
}
.inquiry .contact_box .in_email {
	background: #fff url(../images/inquiry_email.png) no-repeat 15px center;
	padding-left: 50px;
}
.inquiry .contact_box .in_tel {
	background: #fff url(../images/inquiry_tel.png) no-repeat 15px center;
	padding-left: 50px;
}
.inquiry .contact_box .in_message {
	background: #fff url(../images/inquiry_message.png) no-repeat 15px 10px;
	padding-left: 50px;
}
.inquiry .subject_title {
	border: 1px solid #ddd;
	background: #fafafa;
	border-radius: 0px;
	line-height: 44px;
	padding: 0px 10px;
	margin-bottom: 20px;
	padding-left: 15px;
}
.inquiry .subject_title a {
	color: #f0b557;
}
.inquiry .subject_title span {
	font-size: 13px;
	color: #444;
	margin-right: 10px;
}
@media screen and (max-width: 768px) {
.inquiry .p {
	font-size: 13px;
}
}/*pro_ser*/
.pro_ser {
	background: #04243d url(../images/team_bg.jpg) no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
	padding: 40px 0;
	margin-top: 50px;
}
.pro_ser ul li {
	list-style: none;
	text-align: center;
}
.pro_ser ul li .icon {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	display: inline-block;
	background: #f0b557;
}
.pro_ser ul li h4 a {
	color: #fff;
	font-family: 'poppins_s';
	font-size: 16px;
	text-transform: uppercase;
	margin-top: 15px;
	display: block;
	margin-bottom: 10px;
}
.pro_ser ul li p {
	line-height: 22px;
	height: 44px;
	overflow: hidden;
	color: rgba(255,255,255,0.5);
}/*rel_pro*/
.rel_pro {
	padding: 60px 0 60px;
	margin-bottom: -60px;
	border-top: 1px solid #eee;
	background: #fafafa;
}
.rel_pro .h4 {
	border-bottom: 1px solid #dcdcdc;
	position: relative;
	font-family: 'poppins_s';
	padding-bottom: 15px;
	margin-bottom: 30px;
	color: #333;
	text-transform: uppercase;
	font-size: 24px;
}
@media only screen and (min-width: 768px) {
.rel_pro .h4::after {
	content: "";
	height: 3px;
	width: 44px;
	background-color: #f0b557;
	display: block;
	position: absolute;
	left: 0px;
	bottom: -2px;
}
}
.rel_pro .slider {
	padding: 0px 50px;
}
.rel_pro .li {
	margin: 10px;
	background: #fff;
	border: 1px solid #eee;
}
.rel_pro .li .text {
	border-top: none;
	padding: 10px;
	text-align: center;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	background: #fff;
}
.rel_pro .li .text h4 a {
	font-size: 14px;
	font-family: 'poppins_s';
	display: block;
	line-height: 24px;
	height: 48px;
	color: #333;
	overflow: hidden;
}
.rel_pro .li .text p {
	font-size: 13px;
	line-height: 22px;
	max-height: 44px;
	overflow: hidden;
	color: #8f8f8f;
	margin-top: 5px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.rel_pro .li:hover {
	box-shadow: 0 5px 9px rgba(0,0,0,0.08);
	-webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.08);
	-moz-box-shadow: 0 5px 9px rgba(0,0,0,0.08);
	transform: translate3d(0, -3px, 0);
	-webkit-transform: translate3d(0, -3px, 0);
}
.rel_pro .li:hover h4 a {
	color: #f0b557;
}
.rel_pro .li:hover .buttons a {
	opacity: 1;
	left: 0;
	color: rgba(50, 50, 50, 0.9);
}
.rel_pro .li:hover img {
	transform: scale(1.1);
}
.rel_pro .slick-prev {
	width: 42px;
	height: 42px;
	position: absolute;
	left: -20px;
	top: 50%;
	margin-top: -21px;
	vertical-align: middle;
	opacity: 1;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	background: none;
	border: 2px solid #e2e2e2;
}
.rel_pro .slick-prev::before {
	border-radius: 0;
	color: #fff;
	display: inline-block;
	background: url(../images/slick_l.png) no-repeat center right;
	width: 32px;
	height: 20px;
	content: '';
	margin-left: 16px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.rel_pro .slick-next {
	width: 42px;
	height: 42px;
	position: absolute;
	right: -20px;
	top: 50%;
	margin-top: -21px;
	vertical-align: middle;
	opacity: 1;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	background: none;
	border: 2px solid #e2e2e2;
}
.rel_pro .slick-next::before {
	border-radius: 0;
	color: #fff;
	display: inline-block;
	background: url(../images/slick_r.png) no-repeat center left;
	width: 32px;
	height: 20px;
	content: '';
	margin-right: 16px;
	float: right;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.rel_pro .slick-prev:hover::before {
	margin-left: 0px;
}
.rel_pro .slick-next:hover::before {
	margin-right: 0px;
}/*blog_left*/
.blog_left {
	float: left;
	width: 75%;
	padding-left: 60px;
}
.blog_right {
	float: left;
	width: 25%;
}
.blog_right .blog_nav {
	padding: 15px;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	background: #fafafa;
	border-top: 1px solid #eee;
}
.blog_right .blog_nav2 {
	border-top: none;
	border-bottom: 1px solid #eee;
}
@media only screen and (max-width:768px) {
.blog_right .block {
	background: none;
	padding: 0;
	border: none;
}
.n_main {
	background: none;
	padding: 20px 0;
}
}
.blog_h4 {
	font-size: 22px;
	color: #333;
	padding-bottom: 10px;
	border-top: none;
	padding-top: 0px;
	text-transform: uppercase;
	position: relative;
	font-family: 'CenturyGothic';
	border-bottom: 1px solid #eee;
	background: url(../images/title_line2.png) no-repeat center right;
}
@media only screen and (max-width: 768px) {
.blog_left {
	float: left;
	width: 100%;
	padding-right: 0px;
margin-bottom:
}
.blog_right {
	float: left;
	width: 100%;
}
}
.blog_right .hot_left {
	margin-bottom: 30px;
	margin-top: 30px;
}
.blog_nav ul li {
	list-style: none;
}
.blog_nav ul li a {
	font-size: 14px;
	color: #333;
	line-height: 22px;
	padding: 8px 0px;
	display: inline-block;
	display: block;
}
.blog_nav ul li a i {
	color: #ccc;
	font-size: 14px;
	margin-right: 10px;
}
.blog_nav ul li a:hover {
	color: #f0b557;
	padding-left: 10px;
}
.blog_nav ul li a:hover i {
	color: #f0b557;
}
.hot_tags a {
	font-size: 12px;
	display: inline-block;
	color: #fff;
	padding: 0px 12px;
	border: 1px solid #f0b557;
	margin-right: 4px;
	margin-top: 4px;
	background: #f0b557;
	margin: 4px;
	line-height: 30px;
	border-radius: 30px;
}
.hot_tags .toggle_content {
	margin: 0px -4px;
	margin-top: 15px;
}
.hot_tags a:hover {
	color: #f0b557;
	border-radius: 30px;
	border: 1px solid #f0b557;
	background: none;
}
.blog-info {
	display: block;
	font-size: 12px;
	color: #aaa;
	background: url(../images/title_line2.png) no-repeat center right;
}
.blog-info i {
	margin-right: 4px;
}
.blog-info img {
	margin-right: 6px;
}
.blog_main h3 {
	font-size: 19px;
	color: #333;
	margin-bottom: 10px;
	font-family: 'poppins_s';
}
.blog_main .blog_tags {
	margin-top: 20px;
}
.blog_main .blog_tags span {
	font-size: 14px;
	text-transform: uppercase;
}
.blog_main .blog_tags a {
	font-size: 12px;
	display: inline-block;
	color: #777;
	padding: 0px 8px;
	background: #f8f8f8;
}
.blog_main .blog_tags a i {
	margin-right: 4px;
	font-size: 13px;
	color: #999;
}
.blog_nav ul li {
	list-style: none;
}
.blog_p {
	margin-top: 10px;
	border-top: 1px solid #eee;
	padding-top: 10px;
}
.blog_list {
	list-style: none;
}
.blog_list li {
	position: relative;
	list-style: none;
	margin-bottom: 0;
	border: 1px solid #f5f5f5;
	padding: 25px 20px;
	border-radius: 0;
	transition: 0.5s all;
}
.blog_list li .more_1 {
	margin-top: 20px;
}
.blog_list li:hover {
	border-color: #f0b557;
}
.blog_list li .date {
	color: #808080;
	font-size: 12px;
	margin-top: 0;
	display: block;
}
.blog_list li .image {
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
}
.blog_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);
}
.blog_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));
}
.blog_list li .title {
	color: #333;
	display: block;
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 20px;
	font-family: 'poppins_s';
}
.blog_list li:hover .title {
	color: #f0b557;
	text-decoration: none;
}
.blog_list li .text {
	color: #999;
	font-size: 12px;
	line-height: 24px;
	margin-top: 15px;
	overflow: hidden;
	max-height: 72px;
}
.blog_list li .blog_tag li a i {
	color: #808080;
}
.blog_list li .blog_tag li:hover a {
	color: #fff;
	text-decoration: none;
	background: #f0b557
}
.blog_tag {
	text-align: left;
	margin-top: 15px;
}
.blog_tag>p {
	font-size: 13px;
	text-transform: uppercase;
	color: #555;
	font-family: 'poppins_s';
	display: inline-block;
}
.blog_tag>p i {
	padding-right: 2px;
}
.blog_tag li {
	display: inline-block;
	border: none;
	padding: 0;
}
.blog_tag li:last-child {
	padding: 0;
}
.blog_tag li a {
	font-size: 12px;
	display: inline-block;
	color: #777;
	padding: 0px 15px;
	background: #f2f2f2;
	text-transform: capitalize;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.blog_tag li i {
	padding-right: 5px;
	color: #f27000;
}
@media only screen and (max-width: 992px) {
.blog_list li .right {
	padding-left: 65px;
	width: 100%;
}
}
@media only screen and (max-width: 768px) {
.blog_list > li {
	padding: 20px 10px;
}
.blog_list li .date {
	left: 0;
}
.blog_list {
	border: none;
}
.blog_tag>p {
	display: block;
}
.blog_list li .right {
	padding-left: 80px;
}
.left-blog {
	margin-bottom: 0;
}
.blog_list li .main-more {
	padding: 6px 20px;
}
.blog_tag li {
	margin: 5px 3px;
}
}
@media only screen and (max-width: 480px) {
.blog_list li .date {
	position: inherit;
	width: 100%;
}
.blog_list li .date span {
	border-radius: 0;
	height: auto;
	width: auto;
	padding: 0 20px;
	border-radius: 25px;
}
.blog_list li .date>span p {
	display: inline-block;
	padding-left: 5px;
}
.blog_list li .right {
	padding: 0;
	padding-top: 10px;
}
}
@media only screen and (max-width:500px) {
.blog_li .lileft {
	display: none;
}
}
.blogin {
	font-size: 13px;
	color: #aaa;
	margin: 4px 0px;
}
.blogin span {
	color: #fff;
	margin: 0px 6px;
}
.blogin span i {
	font-size: 14px;
}
.blog .blog_tags {
	width: 100%;
	margin-top: 10px;
}
.blog_tags span {
	font-size: 14px;
	text-transform: uppercase;
	color: #555;
	font-family: 'poppins_s';
	margin-right: 4px;
}
.blog_tags a {
	font-size: 12px;
	display: inline-block;
	color: #777;
	border-radius: 30px;
	padding: 0px 15px;
	background: #f2f2f2;
}
.blog_tags i {
	font-size: 13px;
	margin-right: 6px;
}
.blog_tags a:hover {
	color: #fff;
	background: #f0b557;
}/*sitemap*/
.sitemap {
	width: 100%;
}
.stp-listA>li {
	text-transform: capitalize;
	margin-bottom: 15px;
	list-style: none;
	padding: 10px 20px;
	background: #f7f8f9;
}
.stp-top {
	width: 100%;
}
.stp-top a {
	font-size: 16px;
	text-transform: capitalize;
	display: block;
	text-transform: capitalize;
	color: #333;
	font-family: 'poppins_s';
	text-transform: uppercase;
}
.stp-top a:hover {
	text-decoration: none;
	color: #f0b557;
}
.stp-top a i {
	padding-left: 8px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.stp-top a:hover i {
	padding-left: 12px;
	color: #f0b557;
}
.stp-listB {
	display: block;
	padding: 10px 0;
	border-top: 1px solid #eee;
	list-style: none;
	margin-top: 5px;
}
.stp-listB>li {
	width: 25%;
	padding: 8px 10px;
	float: left;
	overflow: hidden;
}
.stp-listB>li>a {
	font-size: 14px;
	line-height: 22px;
	display: block;
	color: #666;
}
.stp-listB>li>a:hover {
	color: #f0b557;
}
.stp-listB li .stp-listC {
	width: 100%;
	padding-top: 15px;
	list-style: none;
}
.stp-listB li .stp-listC li {
	width: 100%;
	margin-bottom: 10px;
}
.stp-listB li .stp-listC li a {
	color: #808080;
	font-size: 13px;
}
.stp-listB li .stp-listC li a:hover {
	color: #f0b557;
}
.stp-listB li .stp-listC i {
	margin-right: 6px;
}
@media only screen and (max-width: 768px) {
.stp-listB>li {
	width: 50%;
	padding: 8px 0;
}
}
@media only screen and (max-width: 400px) {
.stp-listB li {
	width: 100%;
	margin-right: 0;
	margin-bottom: 2%;
}
}/*web*/
@media only screen and (max-width: 768px) {
.blog_nav {
	margin-bottom: 0px;
}
.n_left .block {
	margin-bottom: 0px;
}
.left_nav {
	background: none;
	padding: 0px;
	border: none;
	color: #fff;
}
.contact_right {
	width: 100%;
}
.blog_h4 {
	position: relative;
	margin-bottom: 20px;
	background: none;
	text-align: left !important;
	background: #f0b557 !important;
	padding: 0px 10px;
	line-height: 36px;
	color: #fff !important;
	font-size: 16px !important;
	border-bottom: none;
}
.blog_h4:after {
	display: block;
	content: "\f107";
	font-family: "FontAwesome";
	position: absolute;
	right: 15px;
	cursor: pointer;
	font-size: 20px;
	top: 0px;
	color: #fff;
}
.blog_h4.active:after {
	content: "\f106";
}
.news_left {
	margin-top: 0px;
}
.blog_right .hot_left {
	margin: 0px;
}
}
.mobile-menu-area .container .row {
	margin: 0;
}/*projects*/
.projects ul li {
	list-style: none;
	margin-bottom: 30px;
}
.projects ul li .li {
	background: #f6f6f6;
	overflow: hidden;
}
.projects ul li .li:hover img {
	transform: scale(1.1);
}
.projects ul li .li .text {
	padding: 8px;
	padding-top: 0px;
}
.projects ul li .li .text .main {
	padding: 30px 16px 22px;
	position: relative;
	margin-top: -14px;
	background: #fff;
}
.projects ul li .li .text .main:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0%;
	right: 0;
	background: #fff;
	transform-origin: 100% 50%;
	transform: skewY(5deg);
	will-change: transform;
	transition: all .3s ease;
	pointer-events: none;
	display: block;
}
@media only screen and (min-width: 992px) {
.projects ul li .li:hover .text .main:before {
	transform: none;
	bottom: 0;
	left: 0;
	right: 0;
}
}
.projects ul li .li .text .icon i {
	width: 40px;
	height: 40px;
	background: #f0b557;
	font-size: 22px;
	line-height: 40px;
	text-align: center;
	display: inline-block;
	position: absolute;
	left: 20px;
	top: -150px;
	opacity: 0;
	border-radius: 50%;
	color: #fff;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.projects ul li .li:hover .icon i {
	top: -20px;
	opacity: 1;
}
.projects ul li .li .text h4 a {
	color: #333;
	font-size: 20px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 10px;
	position: relative;
	z-index: 2;
	background: url(../images/title_line.png) no-repeat left top;
	padding-top: 22px;
}
.projects ul li .li .text p {
	font-size: 12px;
	color: #999;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	z-index: 2;
}/*download*/
.download {
	list-style: none;
}
.download li {
	margin-bottom: 20px;
}
.download li h4 a {
	font-size: 16px;
	margin-bottom: 15px;
	color: #333;
	display: block;
	font-family: 'poppins_s';
	border-bottom: 1px solid #eee;
	padding-bottom: 6px;
}
.download li .text p {
	color: #999;
	font-size: 12px;
	line-height: 24px;
	overflow: hidden;
	height: 48px;
	margin-bottom: 20px;
}
.download li .icon {
	color: #fff;
	display: inline-block;
	background: #f0b557 url(../images/icon_pdf.png) no-repeat 15px center;
	background-size: 24px;
	font-size: 12px;
	text-transform: uppercase;
	padding: 6px 25px 4px 50px;
	font-family: 'poppins_s';
	border-radius: 30px;
}
.download li .icon:hover {
	background-color: #f0b557;
	text-decoration: none;
	color: #fff;
}
.download li h4 a:hover {
	color: #f0b557;
}
@media only screen and (max-width: 768px) {
.download li {
	padding: 0;
	border: 1px solid #ebebeb;
	padding: 15px;
}
.download li .page_title {
	border: none;
	padding-bottom: 0;
}
.download li .text {
	height: auto;
	max-height: 36px;
}
}
@media screen and (max-width: 768px) {
.page .main {
	padding-right: 15px;
}
.product_detail .main {
	padding: 0px 15px;
}
}
.n_main .nav_li {
	margin-bottom: 30px;
	text-align: center;
}
.n_main .nav_li a {
	display: inline-block;
	line-height: 30px;
	margin: 4px;
	padding: 8px 20px;
	color: #333;
	font-size: 14px;
	text-transform: uppercase;
	font-family: 'poppins_s';
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 30px;
}
.n_main .nav_li .active, .n_main .nav_li a:hover {
	background: #04243d;
	color: #fff;
}
.nav_ul2 {
	position: absolute;
	left: 187px;
	top: 0px;
	background: #fff;
	width: 200px;
	opacity: 0;
	z-index: -1;
}
.mainmenu ul li > ul li:hover .nav_ul2 {
	opacity: 1;
	padding: 0px 10px;
	z-index: 999999;
}
.vmegamenu>li {
	position: relative;
}
.mainmenu ul li > ul li > a {
	font-size: 13px;
}