.menuToggler { display: block; position: absolute; right: 10px; top: 50%; height: 2px; padding: 21px 10px; margin-top: -22px; display: none;}
.menuToggler i { display: block; position: relative; width: 26px; height: 2px; background: #af9a68; transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out; }
.menuToggler i:before,
.menuToggler i:after { content: ''; display: block; position: absolute; width: 100%; height: 100%; border-radius: 2px; background: #af9a68; transition: all .4s ease-out;-webkit-transition: all .4s ease-out;-o-transition: all .4s ease-out;-moz-transition: all .4s ease-out;transform-origin: center; -webkit-transform-origin: center; }
.menuToggler i:before { bottom: 100%; margin-bottom: 5px; }
.menuToggler i:after { top: 100%; margin-top: 5px; }
.menuToggler.active i { background: none; width: 20px; }
.menuToggler.active i:before { transform: rotate(45deg); margin-bottom: 0; bottom: auto; }
.menuToggler.active i:after { transform: rotate(-45deg); margin-top: 0; top: auto; }

@media screen and (max-width: 1230px) {
	.maxsize { padding: 0 15px; }
}

@media screen and (max-width: 800px) {
	body { padding-top: 60px; }
	.menuToggler { display: block; }
	.header .logo { padding: 10px 20px; height: 40px; }
	.header.fixed .menu .logo { height: 40px; padding: 10px 20px; }
	.banner .slider li:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); }
	.banner .slider li { height: auto; }
	.header .menulist { position: absolute; top: 100%; left: 0; right: 0;display: block; bottom: auto; background: #fff; display: none; margin-top: 0;}
	.header .menulist li { float: none; width: auto;  padding-bottom: 0; position: relative; -webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft; }
	.header .menulist li a { display: block; line-height: 45px; padding: 0 20px;}
	.header .menulist li:hover a .sub { display: none; }
	.banner .info .text .item { margin: 0; padding: 0;margin-bottom: 30px; display: block; text-align: center; }
	.banner .info .text { position: relative; padding: 30px 0; }
	.banner .info.inmiddle .text,
	.banner .info.intop .text,
	.banner .info.inbottom .text { top: auto; bottom: auto; margin-top: 0; margin-left: 0; color: #fff; }
	.banner .info .text .item strong { font-size: 25px; line-height: 38px; border: 0; position: relative; margin: 0; padding: 0;right: auto; margin-bottom: 10px; display: inline-block; border-bottom: 2px solid #af9a68; }
	.banner .info .text .item h1 { font-size: 18px; }
	.banner .info .text .item span { font-size: 12px; }
	.banner .slider li .text .item * { color: #fff !important; }

	.banner .slider li .text .item { -webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft }
	.banner .slider li .text.active .item { -webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInRight;animation-name:fadeInRight }

	.header .menulist .lang { top: -35px; right: 70px; }
	.header .menulist .lang a:last-of-type { display: none; }

	.group .title { font-size: 16px; }
	.group .title font { width: auto; padding-right: 10px; }
	.customer .title { font-size: 16px; }
	.customer .title font { width: auto; padding-right: 10px; }
	.group .items { margin: 0; padding: 0; }
	.group .items .item { float: none; width: auto; margin-bottom: 20px; }
	.group .items .item .con { margin: 0; padding: 0; }

	.group .items .item span { font-size: 14px; }
	.group .items .item h1 { font-size: 20px; }
	.group .items .item .face { height: 100px; }

	.customer .left { width: auto; float: none; }
	.customer .right { width: auto; float: none; margin-top: 20px;}
	.customer .con { padding-left: 0; }
	.footer .maxsize { padding: 0; }
	.footer .links { padding: 15px; }
	.footer .links dl { float: none; width: auto; margin-bottom: 20px; }
	.footer .links dl dt { margin-bottom: 10px; font-size: 14px; }
	.footer .links dd { -webkit-transform: scale(.75);-moz-transform: scale(.75);-o-transform: scale(.75);-ms-transform: scale(.75);transform: scale(.75); transform-origin: top left; }
	.footer .links dd a { line-height: 20px; }
	.footer .copyright { line-height: 1; padding: 15px; font-size: 12px; }
	
	.slogan { height: auto; }
	.slogan .info { height: auto; }
	.slogan .info .text .item { margin: 0; padding: 0;margin-bottom: 30px; display: block; text-align: center; }
	.slogan .info .text { position: relative; padding: 30px 0; }
	.slogan .info.inmiddle .text,
	.slogan .info.intop .text,
	.slogan .info.inbottom .text { top: auto; bottom: auto; margin-top: 0; margin-left: 0; color: #fff; }
	.slogan .info .text .item strong { font-size: 25px; line-height: 38px; border: 0; position: relative; margin: 0; padding: 0;right: auto; margin-bottom: 10px; display: inline-block; border-bottom: 2px solid #af9a68; }
	.slogan .info .text .item h1 { font-size: 18px; }
	.slogan .info .text .item span { font-size: 12px; }

	.factory .left, .factory .right { float: none; width: auto; margin-bottom: 15px; }
	.factory .left .text { padding-left: 0; }
	.factory .text p { line-height: 1.5; font-size: 12px; }
	
	.service .block { margin-bottom: 20px; }
	.service .block:nth-child(n) .face,
	.service .block .face { position: relative; left: auto; right: auto; width: auto; height: 200px; }
	.service .block:nth-child(n) .text,
	.service .block .text { margin: 0; padding: 0; width: auto; }
	.service .block .text .con { padding: 15px 20px; }
	.service .block .text h1 { font-size: 30px; margin-bottom: 20px; }
	.service .block .text h3 { font-size: 14px; margin-bottom: 15px; }

	.research .block { margin-bottom: 20px; }
	.research .block:nth-child(n) .face,
	.research .block .face { position: relative; left: auto; right: auto; width: auto; height: 200px; }
	.research .block:nth-child(n) .text,
	.research .block .text { margin: 0; padding: 0; width: auto; background: #f5f5f5; }
	.research .block .text .con { padding: 15px 20px; }
	.research .block .text h1 { font-size: 30px; margin-bottom: 20px; }
	.research .block .text h3 { font-size: 14px; margin-bottom: 15px; }

	.pros .block { margin-bottom: 20px; border: 1px solid #af9a68; }
	.pros .block:nth-child(n) .face,
	.pros .face { position: relative; left: auto; right: auto; top: auto;bottom: auto; margin: 0; padding: 0;height: 200px; }
	.pros .block:nth-child(n) .text,
	.pros .block .text { margin: 0; padding: 0; width: auto; border: 0;}
	.pros .text .title h1 { font-size: 30px; }
	.pros .con .filter li a { font-size: 12px; }
	.pros .con { padding: 80px 0 30px 0; }
	.pros .contactblock .cont { font-size: 20px; }

	.contact [class^=md] { float: none; width: auto; }
	.contact .title { padding: 20px 0; }
	.contact .row .item { margin-top: 35px; float: none;width: auto; }
	.contact .title h1 { font-size: 30px; }
	.contact .title h2 { font-size: 15px; }
	.contact .row .con { margin: 0; padding: 0; }
}

@media screen and (max-width: 480px) {
	.pros .contactblock .cont { font-size: 15px; }
}