@charset "utf-8";
html{overflow:-moz-scrollbars-vertical;overflow-y:scroll;overflow-x:auto}
img{border:none}
ul{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:400;font-family:'Muli',sans-serif,Arial}
a{text-decoration:none;outline:none;cursor:pointer}
a:hover,a:focus{text-decoration:none}
body{margin:0;padding:0;font-family:'Muli',sans-serif,Arial;background:url(../images/bg/body-bg.png) #fff}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
.textbox,.textarea,.selectbox{width:100%;padding:10px;background:#fff;border:solid 1px #ddd;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-size:17px;color:#231f20;font-family:'Muli',sans-serif,Arial}
.textarea{overflow:hidden}
.clear{clear:both}
table{border-collapse:collapse;border-spacing:0}
table tr td,table tr th{border-spacing:0;padding:0}
.subpage{background:url(../images/bg/subpage-shadow.png) repeat-x top left #fff}
header{width:100%;height:118px;padding-left:300px}
header .left{width:300px;height:118px;position:absolute;left:0;top:0}
header .right{width:100%;height:118px;position:relative}
header .logo{padding-left:60px;margin-top:-7px}
header .logo a{display:block;width:240px;height:120px;background:url(../images/logo/logo.png) no-repeat;background-size:240px 120px;text-indent:-9999px}
header .menu{height:70px;padding-right:60px}
header .menu ul{float:right}
header .menu ul li{float:left;font-size:15px;font-weight:600;text-shadow:0 1px 1px rgba(0,0,0,0.75);margin-right:40px;position:relative}
header .menu ul li:last-child{margin-right:0}
header .menu ul li a{display:block;height:70px;line-height:70px;color:#fff}
header .menu ul li:hover{position: static}
header .menu ul li:hover a{color:#d19e49}
header .menu ul li.selected > a{color:#d19e49}
header .menu ul li .ac_menu{
	width: 1090px;
	padding: 15px 10px;
	background: #fff;
	position: absolute;
	left: auto;
	top: 70px;
	visibility: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	box-shadow: 2px 2px 4px rgba(0,0,0,0.5);
	z-index: 9;
	right: 15px;
}
header .menu ul li .ac_menu ul{
	float: left;
	width: 75%;
}
header .menu ul li .ac_menu .chng_img{
	float: left;
	width: 25%;
	padding: 15px 0 15px 10px;
}
header .menu ul li:hover .ac_menu{visibility:visible;opacity:1;filter:alpha(opacity=100)}
header .menu ul li ul li{float: left;
	height: auto;
	margin: 0;
	font-size: 13px;
	text-shadow: none;
	clear: none;
	width: 33.333%;}
header .menu ul li ul li a{height:auto;line-height:normal;padding:10px 15px}
header .menu ul li:hover ul li a{color:#37331a}
header .menu ul li ul li a:hover{background:#d19e49;color:#fff}
header .open-menu{position:absolute;right:15px;top:15px;display:none}
header .open-menu a{display:block;width:40px;height:40px;line-height:40px;text-align:center;font-size:30px;color:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
header .open-menu a:hover{color:#d19e49}
.homepage header{height:120px;background:url(../images/bg/banner-shadow.png) repeat-x top left;position:absolute;top:0;left:0;z-index:99}
.homepage header .left{background:url(../images/bg/home-header-left-bg.png) no-repeat right center}
.homepage header .right{background:url(../images/bg/home-header-right-bg.png) repeat-x left top}
.subpage header{background:#}
.subpage header .left{background:url(../images/bg/sub-header-left-bg.png) no-repeat right center}
.subpage header .right{background:url(../images/bg/sub-header-right-bg.png) repeat-x left top}
.mobile-menu{width:75%;height:100%;overflow:hidden;background:#544c44;position:fixed;left:0;top:0;z-index:998;-moz-box-shadow:0 0 10px rgba(0,0,0,0.7);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.7);box-shadow:0 0 10px rgba(0,0,0,0.7);display:none}
.mobile-menu .content{height:100%;overflow:auto}
.mobile-menu .logo{padding:20px 0}
.mobile-menu .logo a{display:block;width:160px;height:80px;background:url(../images/logo/logo-mobile.png) no-repeat;background-size:160px 80px;text-indent:-9999px;margin:0 auto}
.mobile-menu ul li{font-size:14px}
.mobile-menu ul li a{display:block;padding:15px;text-align:center;background:#544c44;color:#e2e2e2;border-bottom:solid 1px #696158}
.mobile-menu ul li a:hover,.mobile-menu ul li.selected > a,.mobile-menu ul li a.active{color:#fff}
.mobile-menu ul li a.openmenu:after{content:"\f0d7";font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;color:#e2e2e2;font-size:14px;padding:0 0 0 10px}
.mobile-menu ul li a.active:after{content:"\f0d8";font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;color:#fff;font-size:14px;padding:0 0 0 10px}
.mobile-menu ul li ul{display:none}
.mobile-menu ul li ul li a{background:#464039;color:#d19e49;border-bottom:solid 1px #37332d}
.mobile-menu ul li ul li a:hover{color:#fff}
.mobile-menu ul li ul li:first-child a{border-top:none}
.close-menu{width:40px;height:40px;position:fixed;right:15px;top:15px;z-index:999;display:none}
.close-menu a{display:block;width:40px;height:40px;line-height:40px;text-align:center;background:#ef8466;color:#fff;font-size:21px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer}
.close-menu a:hover{background:#d8775c}
.overlay{width:100%;height:100%;background:rgba(0,0,0,0.5);position:fixed;left:0;top:0;z-index:997;display:none}
.homepage .section{background:#fff}
.subpage .section{padding:20px 0 60px;color:#37331a}
.main-banner{position:relative;min-height:120px}
.main-banner .item{position:relative;overflow:hidden;}
.main-banner .item img{display:block;width:100%}
.main-banner .shape{width:660px;height:140px;background:url(../images/bg/shape-1.png) no-repeat;position:absolute;bottom:0;left:50%;margin-left:-585px}
.main-about .content{padding:0 150px 100px;color:#37331a;font-size:15px;line-height:160%}
.main-about .content h1{font-size:24px;font-weight:700;margin-bottom:50px}
.main-categories{background:#d19e49;padding-bottom:100px}
.main-categories .title{text-align:right;color:#37331a;margin-bottom:50px}
.main-categories .title h2{display:inline-block;width:320px;height:90px;line-height:70px;text-align:center;background:url(../images/bg/shape-2.png) no-repeat;font-size:24px;font-weight:700}
.main-categories .category-list{text-align:center}
.main-categories .category-list ul{font-size:0}
.main-categories .category-list ul li{display:inline-block;width:20%;padding:0 20px;vertical-align:top;color:#fff;text-align:left}
.main-categories .category-list ul li a{display:block;color:#fff}
.main-categories .category-list ul li .photo{margin-bottom:10px}
.main-categories .category-list ul li .photo img{display:block;width:90%;margin:0 auto}
.main-categories .category-list ul li .info{min-height:90px;font-size:14px;background:url(../images/bg/shape-3.png) no-repeat left top;margin:0 20px;padding-left:40px}
.main-categories .category-list ul li .info h3{font-size:18px;font-weight:700;margin-bottom:5px}
.main-news{padding:50px 0 100px}
.main-news .ref_title{display:block;text-align:center;font-size:24px;font-weight:700;margin-bottom: 40px;}
.main-news .news-slider{padding:0 40px}
.main-news .news-slider .item{margin:0 20px}
.main-news .news-slider .item .photo{margin-bottom:15px}
.main-news .news-slider .item .photo img{display:block;width:100%;-webkit-border-radius:60px;-moz-border-radius:60px;border-radius:60px}
.main-news .news-slider .item .info{color:#37331a;font-size:13px;margin-bottom:30px}
.main-news .news-slider .item .info h3{font-size:15px;font-weight:700;margin-bottom:15px}
.main-news .news-slider .item .button{font-size:15px;font-weight:700;margin-bottom:5px}
.main-news .news-slider .item .button a{display:block;width:75%;margin:0 auto;padding:8px 0;text-align:center;color:#c67304;border:solid 1px #c67304;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}
.main-news .news-slider .item .button a:hover{background:#c67304;color:#fff}
.section .breadcrumb{background:none;padding:0;font-size:14px;color:#37331a}
.section .breadcrumb ul li{float:left;margin-right:10px}
.section .breadcrumb ul li:last-child{margin-right:0}
.section .breadcrumb ul li:before{content:"\f105";font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;color:#546223;font-size:16px;padding:0 10px 0 0}
.section .breadcrumb ul li:first-child:before{content:"";padding:0}
.section .breadcrumb ul li a{color:#37331a}
.section .breadcrumb ul li a:hover{text-decoration:underline}
.section .page-title{color:#d19e49;margin-bottom:40px}
.section .page-title h1{font-size:36px;font-weight:700;margin:0}
.section .text-content{font-size:15px}
.section .contact-content h2{font-size:21px;font-weight:600;color:#855704;margin-bottom:15px}
.section .contact-content .contact-info{margin-bottom:30px}
.section .contact-content .contact-info a{color:#37331a}
.section .contact-content .contact-info a:hover{color:#d19e49}
.section .contact-content .contact-map{background:#ddd;padding:5px}
.section .contact-content .contact-map iframe{display:block}
.section .contact-content .form .message{margin-bottom:10px}
.section .contact-content .form .message p{padding:10px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
.section .contact-content .form .btn{display:block;width:100%;background:#878470;color:#fff;-moz-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}
.section .contact-content .form .btn:hover{background:#544c44}
.section .contact-content .form label.inputError{font-size:13px;font-weight:400;font-style:italic;color:#d19e49}
.section .portfolio-list ul li{float:left;width:23.2%;margin-right:2.4%;margin-bottom:2.4%;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
.section .portfolio-list ul li:nth-child(4n+0){margin-right:0}
.section .portfolio-list ul li a{display:block;outline:none}
.section .portfolio-list ul li .photo {
	-moz-transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
	transition: all .2s ease-in;
	box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
	-webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
	padding-bottom: 15px;
	padding-top: 15px;
}
.section .portfolio-list ul li .photo img{
	display: block;
	width: 80%;
	margin: 0 auto;
}
.section .portfolio-list ul li a:hover .photo{opacity:.5;filter:alpha(opacity=50)}
.section .portfolio-list ul li .icon{width:40px;height:40px;line-height:40px;font-size:36px;color:#fff;position:absolute;left:50%;top:50%;margin-left:-20px;margin-top:-20px;-moz-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;transition:all .2s ease-in;visibility:hidden;opacity:0;filter:alpha(opacity=0)}
.section .portfolio-list ul li:hover .icon{visibility:visible;opacity:1;filter:alpha(opacity=100)}
.section .product-list ul li{float:left;width:23.2%;margin-right:2.4%;margin-bottom:2.4%;position:relative;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
.section .product-list ul li:nth-child(4n+0){margin-right:0}
.section .product-list ul li a{display:block;outline:none}
.section .product-list ul li .photo{-moz-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}
.section .product-list ul li .photo img{display:block;width:100%;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
.section .product-list ul li a:hover .photo{opacity:.75;filter:alpha(opacity=75)}
.section .product-list ul li .name{width:100%;padding:10px;text-align:center;font-size:14px;color:#e2e2e2;background:rgba(0,0,0,0.5);position:absolute;left:0;bottom:0;border-bottom-right-radius:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;border-bottom-left-radius:10px;-moz-border-radius-bottomleft:10px;-webkit-border-bottom-left-radius:10px}
.section .product-list ul li a:hover .name{color:#fff}
.section .product-gallery{margin-bottom:50px}
.section .product-gallery .left{width:240px;float:left;padding:45px}
.section .product-gallery .right{width:900px;float:right}
.section .product-gallery .gallery-slider .item img,.section .product-gallery .thumbnail-slider .item img{display:block;width:100%}
.section .product-gallery .gallery-slider .item img{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.section .product-gallery .thumbnail-slider{width:150px}
.section .product-gallery .thumbnail-slider .item{width:150px;height:150px;margin:10px 0;padding:5px;background:#fff;border:none;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;cursor:pointer}
.section .product-gallery .thumbnail-slider .item img{width:140px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
.section .product-gallery .thumbnail-slider .slick-current{background:#ef8466}
.section .product-features ul li{width:15%;float:left;margin-right:2%;margin-bottom:2%;padding:20px 5px;text-align:center;border:solid 1px #ddd;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.section .product-features ul li:nth-child(6n+0){margin-right:0}
.section .product-features ul li section{font-size:17px;font-weight:700;color:#000}
.section .product-features ul li section span{font-size:24px}
.section .product-features ul li section h2{font-size:18px;font-weight:400;margin-bottom:15px}
.section .faq-list .question{padding:15px 0;border-top:solid 1px #ddd;font-size:16px;cursor:pointer}
.section .faq-list .question:first-child{border-top:none}
.section .faq-list .question:before{content:"\f067";font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;color:#ccc;font-size:16px;padding:0 10px 0 0}
.section .faq-list .active{color:#855704}
.section .faq-list .active:before{content:"\f068";font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;color:#855704;font-size:16px;padding:0 10px 0 0}
.section .faq-list .answer{display:none;padding:30px;background:#f5f5f5;border:solid 1px #ddd;border-bottom:none;font-size:15px;line-height:160%}
.section .faq-list .answer:last-child{border-bottom:solid 1px #ddd}
.section .news-list ul li{padding:30px 0;border-top:solid 1px #ddd}
.section .news-list ul li:first-child{padding:0 0 30px;border-top:none}
.section .news-list ul li a{display:block}
.section .news-list ul li .photo{width:16%;float:left;-moz-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}
.section .news-list ul li .photo img{display:block;width:100%;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
.section .news-list ul li .info{width:82%;float:right;font-size:15px;color:#37331a}
.section .news-list ul li .info h2{font-size:18px;font-weight:600;margin-bottom:15px;color:#855704}
.section .news-list ul li a:hover .info{color:#855704}
.section .news-list ul li a:hover .photo{opacity:.75;filter:alpha(opacity=75)}
.section .news-detail{font-size:15px;margin-bottom:20px}
.section .all-news-link{padding:20px 0 0;border-top:solid 1px #ddd}
.section .all-news-link a{background:#878470;color:#fff}
.section .all-news-link a:hover{background:#544c44}
.section .pager-content{padding:30px 0 0;border-top:solid 1px #ddd}
.section .pagination{margin:0}
.section .pagination>li>a,.section .pagination>li>span{color:#37331a}
.section .pagination>.active>a,.section .pagination>.active>a:focus,.section .pagination>.active>a:hover,.section .pagination>.active>span,.section .pagination>.active>span:focus,.section .pagination>.active>span:hover{background-color:#ef8466;border-color:#ef8466;color:#fff}
footer{padding:50px 0}
footer .logo{text-align:center;margin-bottom:50px}
footer .logo span{display:inline-block;width:111px;height:65px;background:url(../images/logo/logo-footer.png) no-repeat;text-indent:-9999px}
footer .content{margin-bottom:60px;font-size:15px;color:#878470}
footer .content h4{font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px;
	border-bottom: 1px solid currentColor;
	padding-bottom: 5px;}
footer .content .menu{float:left;width: 100%;}
footer .content .menu ul li{margin-bottom:3px}
footer .content .menu.cat ul li{float:left;width: 50%;}
footer .content .menu ul li a{color:#878470}
footer .content .menu ul li a:hover{color:#544c44}
footer .content .text{margin-bottom: 30px;}
footer .content .contact{margin-bottom:30px}
footer .content .contact a{color:#878470}
footer .content .contact a:hover{color:#544c44;text-decoration:underline}
footer .content .contact table tr td{vertical-align:top}
footer .content .contact table tr td:first-child{padding-right:10px;white-space:nowrap}
footer .content .social ul li{float:left;margin-right:20px;font-size:24px}
footer .content .social ul li:last-child{margin-right:0}
footer .content .social ul li a{color:#878470}
footer .content .social ul li a:hover{color:#544c44}
footer .copyright{font-size:14px;color:#878470}
footer .copyright .right{text-align:right;font-size:13px}
footer .copyright a.iwt{display:inline-block;width:100px;background:url(../images/icon/iwt.png) no-repeat top center;padding-top:14px;text-align:center;color:#878470}
footer .copyright a.iwt:hover{color:#544c44}
footer .topofpage{display:none;width:40px;height:40px;line-height:40px;padding:0;margin:0;text-align:center;background:#878470;font-size:30px;color:#fff;position:fixed;bottom:15px;right:10px;z-index:990;cursor:pointer;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-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:#544c44}
.s_text > span:nth-child(2){color:#80430d;font-weight:400;letter-spacing:7px;line-height:85px;padding-left:180px}
.s_text > span:nth-child(1){color:#d19e49}
.s_text > span{display:block;text-shadow:1px 1px 0 #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff}
.s_text{font-size:87px;font-weight:700;left:12%;position:absolute;top:240px}
.section .product-gallery .thumbnail-slider .item{position:relative}
.section .product-gallery .thumbnail-slider .item .no{background-color:rgba(0,0,0,0.7);border-radius:50%;color:#fff;height:100%;left:0;position:absolute;text-align:center;top:0;width:100%;z-index:9999;opacity:0;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}
.section .product-gallery .thumbnail-slider .item:hover .no{opacity:1}
.section .product-gallery .thumbnail-slider .item .no .text{display:block;position:relative;top:50%;transform:translate(0px,-50%)}
.section .product-gallery .thumbnail-slider .item .no .text span{display:block}
.pro_text{font-size:18px;margin-bottom:30px}