@charset "utf-8";
*{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html { overflow:-moz-scrollbars-vertical; overflow-y:scroll; overflow-x:auto;}
body{ margin:0px; padding:0px; background:#fff; font-family:'Roboto', sans-serif, Arial; font-size:17px; font-weight:400; color:#555;}
img{ border:none;}
ul{ margin:0px; padding:0px; list-style:none;}
h1, h2, h3, h4, h5, h6{ margin:0px; padding:0px; font-size:16px; font-weight:400;}
h1{ font-size:32px;}
h2{ font-size:24px;}
h3{ font-size:21px;}
h4{ font-size:18px;}
a{ text-decoration:none; color:#555; -moz-transition:all 0.1s ease-in; -webkit-transition:all 0.1s ease-in; transition:all 0.1s ease-in; cursor:pointer; outline:none;}
p{ margin:0px; padding:0px;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}

table{ border-collapse:collapse; border-spacing:0px;}
table tr td, table tr th{ border-spacing:0px; padding:0px;}

.inner{ width:1150px; margin:0px auto;}

.clear{ clear:both;}

header .top{ height:40px; background:#494748; font-size:14px; color:#fff;}
header .top .contact{ float:left;}
header .top .contact ul li{ display:block; float:left; line-height:40px; margin-right:30px;}
header .top .contact ul li:last-child{ margin-right:0px;}
header .top .contact ul li a{ display:block; line-height:40px; color:#fff;}
header .top .contact ul li a:hover{ text-decoration:underline;}
header .top .social{ padding:5px 0px; float:right; font-size:16px;}
header .top .social ul li{ float:left; margin-right:5px;}
header .top .social ul li:last-child{ margin-right:0px;}
header .top .social ul li a{ display:block; width:30px; height:30px; line-height:30px; text-align:center; color:#fff; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
header .top .social ul li a:hover{ background:#000;}
header .top .social ul li.facebook a:hover{ background:#3a589e;}
header .top .social ul li.twitter a:hover{ background:#55acee;}
header .top .social ul li.instagram a:hover{ background:#e9245c;}

header .navigation{ background:#fff;}
header .navigation .inner{ height:100px; position:relative;}
header .navigation .logo{ padding:10px 0px; float:left;}
header .navigation .logo a{ display:block; width:212px; height:80px; background:url(../images/logo/logo.png) no-repeat; background-size:212px 80px; text-indent:-9999px;}
header .navigation .menu{ float:right; font-size:17px;}
header .navigation .menu ul li{ float:left; margin-right:30px;}
header .navigation .menu ul li:last-child{ margin-right:0px;}
header .navigation .menu ul li a{ display:block; height:100px; line-height:100px; border-bottom:solid 3px #fff;}
header .navigation .menu ul li a:hover{ color:#1f8035;}
header .navigation .menu ul li.selected a{ border-bottom:solid 3px #1f8035; color:#1f8035;}
header .navigation .menu-btn{ position:absolute; right:15px; top:20px; display:none;}
header .navigation .menu-btn a{ display:block; width:40px; height:40px; line-height:40px; text-align:center; background:#1f8035; color:#fff; font-size:18px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border-bottom:solid 4px rgba(0, 0, 0, 0.2);}
header .navigation .menu-btn a:hover{ background:#409353;}

.main-banner{ background:#494748; height:700px; position:relative;}
.main-banner .item{ width:100%; height:700px; background-size:cover; background-repeat:no-repeat;}
.main-banner .item .caption{ width:90%; position:absolute; left:5%; top:50%; -moz-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); transform:translate(0, -50%); z-index:99; text-align:center;}
.main-banner .item .caption p{ color:#fff; text-shadow:1px 1px #000; font-size:48px; font-weight:300; margin-bottom:20px;}
.main-banner .item .caption a{ display:inline-block; padding:10px 30px; background:#1f8035; color:#fff; font-size:18px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border-bottom:solid 4px rgba(0, 0, 0, 0.2);}
.main-banner .item .caption a:hover{ background:#409353;}

.main-info{ padding:80px 0px; text-align:center;}
.main-info .title{ margin-bottom:30px;}
.main-info .title h1{ font-weight:300; margin-bottom:10px;}
.main-info .title span{ display:block; width:40px; height:5px; background:#1f8035; margin:0px auto;}
.main-info .text{ line-height:150%; margin-bottom:40px;}
.main-info .text a{ color:#231f20; text-decoration:underline;}
.main-info .text a:hover{ color:#1f8035;}
.main-info .text p{ margin-bottom:20px;}
.main-info .text p:last-child{ margin-bottom:0px;}
.main-info .list ul{ font-size:0px;}
.main-info .list ul li{ display:inline-block; width:26%; margin:10px 2%; vertical-align:top;}
.main-info .list ul li .photo{ margin-bottom:20px; padding:5px; border:solid 1px #ddd; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.main-info .list ul li .photo img{ display:block; width:100%; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.main-info .list ul li .info h2{ font-weight:300;}

footer{ text-align:center;}
footer .quote{ padding:60px 0px; background:url(../images/bg/quote-bg.jpg) no-repeat center #231f20; background-size:cover; font-size:24px; font-weight:700; color:#fff;}
footer .quote table{ margin:0px auto;}
footer .quote table tr td{ padding:10px;}
footer .quote table tr td.left{ vertical-align:top;}
footer .quote table tr td.right{ vertical-align:bottom;}
footer .content{ padding:40px 0px; background:#f5f5f5; border-top:solid 1px #eee;}
footer .content .social{ margin-bottom:30px;}
footer .content .social ul li{ display:inline-block; margin:5px;}
footer .content .social ul li a{ display:block; width:40px; height:40px; line-height:40px; text-align:center; border:solid 1px #999; color:#999; font-size:21px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
footer .content .social ul li a:hover{ background:#999; color:#fff;}
footer .content .social ul li.facebook a:hover{ background:#3a589e; border:solid 1px #3a589e;}
footer .content .social ul li.twitter a:hover{ background:#55acee; border:solid 1px #55acee;}
footer .content .social ul li.instagram a:hover{ background:#e9245c; border:solid 1px #e9245c;}
footer .content .menu{ font-size:15px;}
footer .content .menu ul li{ display:inline-block; margin:5px 10px;}
footer .content .menu ul li a{ color:#999;}
footer .content .menu ul li a:hover{ color:#555; text-decoration:underline;}
footer .copyright{ padding:30px 0px; font-size:14px; color:#999; border-top:solid 1px #eee;}
footer .topofpage{ display:none; width:32px; height:48px; line-height:48px; padding:0px; margin:0px; text-align: center; background:rgba(0, 0, 0, 0.4); font-size:24px; color: #fff; position:fixed; bottom:15px; right:15px; z-index:990; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-transition:background .2s ease-in; -webkit-transition:background .2s ease-in; transition:background .2s ease-in; -moz-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0);}
footer .topofpage:hover{ background:rgba(0, 0, 0, 0.7);}

.page-title{ padding:40px 0px; background:url(../images/bg/title-bg.jpg) no-repeat center #231f20; background-size:cover; text-align:center; color:#fff;}
.page-title h1{ font-weight:700; margin-bottom:10px;}
.page-title span{ display:block; width:40px; height:5px; background:#409353; margin:0px auto;}

.container{ padding:80px 0px;}

.container .static-content{ line-height:150%;}
.container .static-content .left{ width:48%; float:left;}
.container .static-content .right{ width:48%; float:right;}
.container .static-content .photo{ padding:5px; border:solid 1px #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.container .static-content .photo img{ display:block; width:100%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.container .static-content .map{ padding:8px; background:#eee; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.container .static-content .map iframe{ display:block;}
.container .static-content h2{ color:#1f8035; margin-bottom:15px;}
.container .static-content p{ margin-bottom:30px;}
.container .static-content p:last-child{ margin-bottom:0px;}
.container .static-content a{ text-decoration:underline;}
.container .static-content a:hover{ color:#1f8035;}

.container .news-content .list ul li{ padding:30px 0px; border-top:solid 1px #eee;}
.container .news-content .list ul li:first-child{ padding:0px 0px 30px 0px; border-top:none;}
.container .news-content .list ul li a{ display:block;}
.container .news-content .list ul li .left{ width:16%; float:left;}
.container .news-content .list ul li .right{ width:82%; float:right;}
.container .news-content .list ul li .photo{ padding:5px; border:solid 1px #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.container .news-content .list ul li .photo img{ display:block; width:100%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.container .news-content .list ul li .info h2{ color:#231f20; margin-bottom:10px;}
.container .news-content .list ul li .info p{ margin-bottom:15px;}
.container .news-content .list ul li .info span{ display:inline-block; padding:5px 20px; background:#999; font-size:15px; color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border-bottom:solid 4px rgba(0, 0, 0, 0.2); -moz-transition:all 0.1s ease-in; -webkit-transition:all 0.1s ease-in; transition:all 0.1s ease-in;}
.container .news-content .list ul li a:hover .info span{ background:#1f8035;}

.container .news-content .detail{ line-height:150%;}
.container .news-content .detail .photo{ padding:5px; border:solid 1px #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.container .news-content .detail .photo img{ display:block; width:100%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.container .news-content .detail .photo.left-40{ width:40%; float:left; margin-right:20px; margin-bottom:20px;}
.container .news-content .detail h2{ color:#1f8035; margin-bottom:15px;}
.container .news-content .detail p{ margin-bottom:30px;}
.container .news-content .detail ul{ margin-bottom:20px;}
.container .news-content .detail ul li{ margin-bottom:5px;}
.container .news-content .detail a{ text-decoration:underline;}
.container .news-content .detail a:hover{ color:#1f8035;}

.container .news-content .all-link{ padding:30px 0px 0px 0px; border-top:solid 1px #eee;}
.container .news-content .all-link a{ display:inline-block; padding:5px 20px; background:#999; font-size:15px; color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border-bottom:solid 4px rgba(0, 0, 0, 0.2); -moz-transition:all 0.1s ease-in; -webkit-transition:all 0.1s ease-in; transition:all 0.1s ease-in;}
.container .news-content .all-link a:hover{ background:#1f8035;}

.container .product-content .list{ text-align:center;}
.container .product-content .list .item{ padding:30px 0px; border-bottom:solid 1px #eee;}
.container .product-content .list .item:first-child{ padding:0px 0px 30px 0px;}
.container .product-content .list .item h2{ color:#1f8035; margin-bottom:10px;}
.container .product-content .list .item p{ line-height:150%; margin-bottom:20px;}
.container .product-content .list .item .gallery{ background:#f5f5f5; border:solid 1px #eee; padding:15px 15px 10px 15px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.container .product-content .list .item .gallery ul{ font-size:0px;}
.container .product-content .list .item .gallery ul li{ display:inline-block; width:18.4%; margin-right:2%; margin-bottom:2%;}
.container .product-content .list .item .gallery ul li:nth-child(5n+0){ margin-right:0px;}
.container .product-content .list .item .gallery ul li .photo{ border:solid 1px #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-transition:all 0.1s ease-in; -webkit-transition:all 0.1s ease-in; transition:all 0.1s ease-in;}
.container .product-content .list .item .gallery ul li .photo img{ display:block; width:100%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.container .product-content .list .item .gallery ul li a:hover .photo{ opacity:0.70; filter:alpha(opacity=70);}

.container .error-content .message{ background:#f5f5f5; border:solid 1px #eee; padding:40px; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.container .error-content .message .number{ font-size:150px; font-weight:300; margin-bottom:40px;}
.container .error-content .message .text{ font-size:24px; font-weight:300;}
.container .error-content .message .text a{ text-decoration:underline;}
.container .error-content .message .text a:hover{ color:#1f8035;}

.order-info { padding:30px 0px 0px 0px;}
.order-info table{ margin:0px auto;}
.order-info table tr td{ padding:10px;}
.order-info .photo img{ display:block; width:200px;}
.order-info p{ margin-bottom:15px; line-height:150%;}
.order-info .contact{ font-size:24px; color:#fff;}
.order-info .contact span{ display:inline-block; padding:5px 10px; background:#1f8035; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

@media (max-width: 1199px) {
	body{ font-size:16px;}
	h1{ font-size:30px;}
	h2{ font-size:21px;}
	h3{ font-size:18px;}
	h4{ font-size:17px;}
	
	.inner{ width:auto; padding:0px 15px;}
	
	.main-banner{ height:600px;}
	.main-banner .item{ height:600px;}
	.main-banner .item .caption p{ font-size:40px;}
	.main-banner .item .caption a{ font-size:17px;}
	
	.main-info{ padding:70px 0px;}
	
	footer .quote{ padding:50px 0px; font-size:21px;}
	footer .content{ padding:30px 0px;}
	footer .content .social{ margin-bottom:20px;}
	footer .copyright{ padding:20px 0px;}
	
	.container{ padding:70px 0px;}
	
	.container .error-content .message .number{ font-size:120px;}
}
@media (max-width: 991px) {
	h1{ font-size:24px;}
	h2{ font-size:18px;}
	h3{ font-size:17px;}
	h4{ font-size:16px;}
	
	header .navigation .inner{ height:80px; position:relative;}
	header .navigation .logo a{ width:160px; height:60px; background:url(../images/logo/logo-mobile.png) no-repeat; background-size:160px 60px;}
	header .navigation .menu{ font-size:15px;}
	header .navigation .menu ul li a{ height:80px; line-height:80px;}
	
	.main-banner{ height:480px;}
	.main-banner .item{ height:480px;}
	.main-banner .item .caption p{ font-size:36px;}
	.main-banner .item .caption a{ padding:10px 20px; font-size:16px;}
	
	.main-info{ padding:60px 0px;}
	
	footer .quote{ padding:40px 0px;}
	
	.container{ padding:60px 0px;}
	
	.container .static-content .map iframe{ height:360px;}
	
	.container .news-content .list ul li .left{ width:20%;}
	.container .news-content .list ul li .right{ width:78%;}
	
	.container .product-content .list .item .gallery ul li{ width:23.5%;}
	.container .product-content .list .item .gallery ul li:nth-child(5n+0){ margin-right:2%;}
	.container .product-content .list .item .gallery ul li:nth-child(4n+0){ margin-right:0px;}
	
	.container .error-content .message .number{ font-size:96px; margin-bottom:30px;}
	.container .error-content .message .text{ font-size:21px;}
	
	.order-info .photo img{ width:150px;}
	.order-info .contact{ font-size:21px;}
}
@media (max-width: 767px) {
	body{ font-size:15px;}
	h1{ font-size:21px;}
	h2{ font-size:17px;}
	h3{ font-size:16px;}
	h4{ font-size:15px;}
	
	header .top{ font-size:13px;}

	header .navigation .inner{ height:auto; padding:0px;}
	header .navigation .logo{ height:80px; padding:10px 15px; float:none;}
	header .navigation .menu{ float:none; background:#f5f5f5; display:none;}
	header .navigation .menu ul li{ float:none; margin-right:0px; border-top:solid 1px #ddd;}
	header .navigation .menu ul li a{ height:auto; line-height:normal; border-bottom:none; padding:15px;}
	header .navigation .menu ul li.selected a{ border-bottom:none;}
	header .navigation .menu-btn{ display:block;}
	
	.main-banner{ height:360px;}
	.main-banner .item{ height:360px;}
	.main-banner .item .caption p{ font-size:32px; margin-bottom:10px;}
	.main-banner .item .caption a{ padding:5px 15px; font-size:15px;}
	
	.main-info{ padding:50px 0px;}
	.main-info .title{ margin-bottom:20px;}
	.main-info .text{ margin-bottom:30px;}
	.main-info .list ul li{ width:32%; margin:10px 4%;}
	.main-info .list ul li .photo{ margin-bottom:10px;}
		
	footer .quote{ padding:30px 0px;}
	footer .content .menu{ font-size:14px;}
	footer .copyright{ font-size:13px;}
	
	.page-title{ padding:30px 0px;}
	
	.container{ padding:50px 0px;}
	
	.container .static-content .map iframe{ height:320px;}
	.container .static-content p{ margin-bottom:20px;}
	
	.container .news-content .list ul li .left{ width:28%;}
	.container .news-content .list ul li .right{ width:68%;}
	.container .news-content .list ul li .info span{ padding:5px 15px;}
	
	.container .news-content .detail p{ margin-bottom:20px;}
	
	.container .news-content .all-link a{ padding:5px 15px;}
	
	.container .product-content .list .item .gallery{ padding:10px;}
	.container .product-content .list .item .gallery ul li{ width:32%;}
	.container .product-content .list .item .gallery ul li:nth-child(4n+0){ margin-right:2%;}
	.container .product-content .list .item .gallery ul li:nth-child(3n+0){ margin-right:0px;}
	
	.container .error-content .message{ padding:30px;}
	.container .error-content .message .number{ font-size:72px; margin-bottom:20px;}
	.container .error-content .message .text{ font-size:18px;}
	
	.order-info .photo img{ width:120px;}
	.order-info p{ margin-bottom:10px;}
	.order-info .contact{ font-size:18px;}
}
@media (max-width: 541px) {
	header .top{ height:auto; padding:5px 0px; text-align:center;}
	header .top .contact{ float:none;}
	header .top .contact ul li{ display:inline-block; float:none; line-height:normal; margin:5px 10px;}
	header .top .contact ul li:last-child{ margin:5px;}
	header .top .contact ul li a{ line-height:normal;}
	header .top .social{ display:none;}
}
@media (max-width: 481px) {
	body{ font-size:14px;}
	h1{ font-size:18px;}
	h2{ font-size:16px;}
	h3{ font-size:15px;}
	h4{ font-size:14px;}
	
	.main-banner{ height:240px;}
	.main-banner .item{ height:240px;}
	.main-banner .item .caption p{ font-size:24px;}
	.main-banner .item .caption a{ padding:5px 10px; font-size:14px;}
	
	.main-info{ padding:40px 0px;}
	.main-info .list ul li{ width:40%; margin:10px 4%;}
	
	footer .quote{ font-size:18px;}
	footer .quote table tr td{ padding:5px;}
	footer .quote table tr td.left{ padding-bottom:10px;}
	footer .quote table tr td.right{ padding-top:10px;}
	
	.container{ padding:40px 0px;}
	
	.container .static-content .left{ width:auto; float:none; margin-bottom:20px;}
	.container .static-content .right{ width:auto; float:none;}
	.container .static-content .map iframe{ height:240px;}
	
	.container .news-content .list ul li .left{ width:32%;}
	.container .news-content .list ul li .right{ width:64%;}
	.container .news-content .list ul li .info span{ font-size:14px; padding:5px 10px;}
	
	.container .news-content .detail .photo.left-40{ width:auto; float:none; margin-right:0px;}
	
	.container .news-content .all-link a{ font-size:14px; padding:5px 10px;}
	
	.container .error-content .message .number{ font-size:64px;}
	.container .error-content .message .text{ font-size:16px;}
	
	.order-info table tr td{ padding:5px; vertical-align:top;}
	.order-info .photo img{ width:100px;}
	.order-info .contact{ font-size:16px;}
	.order-info .contact span{ padding:5px;}
}