@media screen and (max-width:1200px) {
body {
	overflow-x: hidden;
}
.layout {
	width: 100%;
	margin: 0 auto;
	padding: 0 5px;
	box-sizing: border-box;
}
.header .nav li {
	float: left;
	padding: 0 30px;
}
.header .nav {
	width: 92%;
	margin-left: 4%;
}
.header .nav .search span {
	padding: 0 20px;
}
.index .index-product {
	width: 100%;
}
.index .index-product .item {
	display: block;
	float: left;
	width: 31.3333%;
	margin: 0 1%;
	margin-bottom: 20px;
}
.index .index-product {
	width: 100%;
}
.index .about-title {
	float: left;
	height: 480px;
	width: 30%;
}
.index .title-bg {
	width: 100%;
	height: 480px;
	background-image: url("/source/d0514d0035f8e2101bfbd6758e46f0f5/about_title.png");
	background-repeat: no-repeat;
	background-position: center;
	background-position-y: 40px;
}
.index .about-content h1 {
	display: block;
	font-size: 20px;
	font-weight: 700;
	line-height: 40px;
}
.index .about-content span {
	display: block;
	font-size: 20px;
	font-weight: 700;
	line-height: 40px;
}
.index .about-content {
	box-sizing: border-box;
	width: 68%;
	background-color: #fff;
	height: 480px;
	overflow: hidden;
	float: right;
	padding: 20px 15px;
}
.index .about-title h3 {
	font-size: 20px;
	line-height: 260px;
	margin-left: 20px;
	color: #78b124;
}
.index .about-title h2 {
	font-size: 20px;
	line-height: 260px;
	margin-left: 20px;
	color: #78b124;
}
.product .about-content {
	background-color: #303030;
	overflow: visible;
	height: auto;
}
.services .about-content {
	overflow: visible;
	height: auto;
}
.index .about-content p {
	margin-top: 10px;
	line-height: 120%;
	font-size: 14px;
	color: #666;
	text-align: justify;
}
.product {
	background: inherit;
}
.index .about-title a {
	margin-top: 90px;
	display: block;
	margin-left: 0;
	color: #78b124;
	text-align: center;
}
.services .about-content ul {
	width: 15%;
}
.services .about-content span {
	display: block;
	font-size: 14px;
	font-weight: 700;
	line-height: 18px;
	color: #fff;
	word-break: break-all;
	padding-top: 3px;
}
.services .about-content li {
	padding: 0 3px;
}
.services .about-content .service-content {
	width: 75%;
	position: absolute;
	top: 50%;
	left: 20%;
	transform: translate(0%, -50%);
}
.services .about-content .service-content img {
	width: 100%;
	text-align: center;
}
.footer-cont {
	width: 100%;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.footer-cont .footer-contact, .footer-cont .footer-nav, .footer-cont .footer-news {
	box-sizing: border-box;
	width: 50%;
	padding: 20px 30px 10px 30px;
	border-bottom: 1px solid #666;
}
.footer-link ul {
	width: 100%;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
}
.footer-wrapper {
	background-color: #303030;
	padding: 30px 0 30px 0;
}
}
@media screen and (max-width:991px) {
.layout {
	padding: 0;
}
.fl {
	float: none;
}
.fr {
	float: none;
}
.head-wrapper .topbar {
	background: inherit;
	height: 0;
}
.head-wrapper .topbar .language-info {
	display: none;
}
.layout .heaf_map {
	display: none;
}
.header .logo {
	text-align: center;
}
.header .logo {
	max-height: 50px;
}
.header-contact {
	display: none;
}
.header .nav nav ul {
	display: none;
	position: absolute;
	width: 60%;
	background-color: #303030;
	top: -100px;
	z-index: 9999;
}
.header .nav nav ul ul {
	position: static;
	width: 100%;
}
.header .nav li li {
	float: none;
	padding: 0 5px;
}
.header .nav li {
	float: none;
	padding: 0 30px;
}
.header .nav li a {
	display: block;
	font-size: 14px;
	line-height: 60px;
	color: #fff;
	-webkit-transform: skew(0);
	-moz-transform: skew(0);
	-o-transform: skew(0);
	transform: skew(0);
}
.header .nav nav:after {
	content: "";
}
.header .nav {
	position: absolute;
	width: 100%;
	height: 50px;
	margin-left: 0;
	background: #303030;
	-webkit-transform: skew(0deg);
	-moz-transform: skew(0deg);
	-o-transform: skew(0deg);
	transform: skew(0deg);
}
#nav {
	overflow: scroll;
}
#nav li a {
	border-bottom: 1px solid #666;
}

.header .nav ul li:hover ul{background-color:#333;transform: skew(0deg);}

.header .nav ul li ul li:hover ul{background-color:#333 !important;transform: skew(0deg) !important;}


#nav li span {
	background: url("/source/3fbc4caab213d0c617b32568a9ada2ce/product_03.png");
	display: block;
	width: 15px;
	height: 15px;
	position: absolute;
	right: 0;
	top: 20px;
	transform: translate(-50%, 0%);
}
.nav ul li ul {
	width: auto;
	-webkit-transform: skew(0);
	-moz-transform: skew(0);
	-o-transform: skew(0);
	transform: skew(0);
}
.mobile {
	display: block;
	width: 100%;
	height: 50px;
}
.mobile span {
	display: block;
	float: left;
	width: 25%;
	height: 50px;
}
.mobile a {
	display: block;
	float: left;
	width: 25%;
	height: 50px;
}
#home {
	background: url("/source/862df52846dcbc17a0bf2e36bac148ad/home.png") no-repeat center center;
}
#menu {
	background: url("/source/1fed23381d8774e9650838bb97b60f55/menu.png") no-repeat center center;
}
#lang {
	background: url("/source/522304c8297467f2a1a2af10177600e7/lang.png") no-repeat center center;
}
#search_mobile {
	background: url("/source/fa046e7430697ff4d563177e69a3d6ce/search12.png") no-repeat center center;
}
.header .nav .search {
	float: none;
	position: absolute;
	right: 0;
	top: 50px;
	width: 100%;
}
.header .nav .current {
	background: inherit !important;
}
.header .nav ul li{transform: none;}
.header .nav .search span {
	display: none;
}
.header .nav .search span img {
	padding: 0;
	width: 80%;
}
.search-content {
	background-color: #fff;
	padding: 0;
	width: 100%;
	z-index: 99;
	text-align: center;
	padding: 10px 0;
}
.search-content #keys {
	box-sizing: border-box;
	line-height: 38px;
	border: 1px solid #eee;
	background-color: #fff;
	margin: 0;
	padding: 0 5px;
	width: 80%;
}
.search-content #keys, .search-content #search {
	-webkit-transform: skew(0);
	-moz-transform: skew(0);
	-o-transform: skew(0);
	transform: skew(0);
}
.search-content #search {
	position: static;
	width: 80%;
	margin-top: 10px;
	padding: 0;
	text-align: center;
	background: inherit;
	padding: 0 5px;
	line-height: 38px;
	font-size: 16px;
	height: auto;
	background-color: #303030;
	color: #fff;
}
.language-cont {
	width: 100%;
	top: 150px;
	height: 300px;
}
.language-cont ul {
	padding: 5px;
}
.language-cont ul li {
	line-height: 40px;
	width: 25%;
	padding-left: 0;
	float: left;
	border-bottom: 1px solid #eee;
	text-align: center;
}
#owl-banner {
	margin-top: 50px;
	z-index: 1;
}
.header .nav li:hover {
	background: inherit;
}
.nav ul li:hover ul {
	display: none;
}
}
@media screen and (max-width:768px) {
.index .index-product .item {
	display: block;
	float: left;
	width: 46%;
	margin: 2%;
}
.index .title-bg {
	box-sizing: border-box;
	width: 100%;
	background-image: url("/source/b8eb30191e0d1edbb5fd1685cff9488e/bg_title.png");
	background-repeat: no-repeat;
	background-position: center;
	background-position-y: center;
	height: auto;
	padding: 20px;
}
.index .about-title {
	float: left;
	height: auto;
	width: 100%;
}
.index .about-title h3 {
	font-size: 20px;
	line-height: 60px;
	margin-left: 0;
	text-align: center;
	color: #78b124;
}
.index .about-title h2 {
	font-size: 20px;
	line-height: 60px;
	margin-left: 0;
	text-align: center;
	color: #78b124;
}
.index .title-bg a {
	display: none;
}
.about {
	background-position: 0;
	background-position-y: center;
	background-size: 100%;
}
.index .about-content {
	box-sizing: border-box;
	width: 100%;
	background-color: rgba(255,255,255,0.2);
	height: auto;
	overflow: visible;
	float: right;
	padding: 20px 15px;
}
.index .about-content span {
	text-align: center;
	color: #fff;
}
.index .about-content h1 {
	text-align: center;
	color: #fff;
}
.index .about-content span::after {
	position: relative;
	left: 50%;
	transform: translate(-50%, -50%);
}
.index .about-content p {
	margin-top: 10px;
	line-height: 120%;
	font-size: 14px;
	color: #fff;
	text-align: justify;
}
.product .about-content ul li {
	width: 46%;
	float: left;
	margin: 2%;
	position: relative;
}
.services {
	background: url("../images/about-bg.png") no-repeat;
	background-position: 0;
	background-position-y: center;
	background-attachment: fixed;
}
.services .about-content {
	background: inherit;
}
.services .about-content p {
	color: #666;
}
.footer-cont .footer-contact, .footer-cont .footer-nav, .footer-cont .footer-news {
	box-sizing: border-box;
	width: 100%;
	padding: 20px 30px 10px 30px;
	border-bottom: 1px solid #666;
}
}
@media screen and (max-width:991px) {
.header .nav li {
	float: left;
	padding: 0 30px;
	width: calc(100% - 60px);
}
.header .nav ul li ul li {
	float: left;
	width: calc(100% - 10px);
}
.nav ul li ul {
	white-space: normal;
}
.header .nav li a {
	line-height: 20px;
	width: 100%;
	padding: 20px 0;
}
}