﻿@charset "utf-8"; 
:root{--color:#bfa273}
.details-tit{padding-left:6px}
.prodetails-bref p{margin:9px 0}
.table-responsive{margin:15px 0}
.pdshow-r h1{font-weight:700;text-transform: initial;}
.fcon li:first-child a:nth-child(3){display:none}
.newsdetails-cont p{margin-bottom:2px}
.contactus-list>div:first-child{width:100%;margin:0;padding:0}
.inquiry-form input#in-title{width:100%}
.search-box{width:280px}
.hot .home-tit span{display:none}
.about-list li{width:30%}
.about-item-text,.case,.news-t .home-tit span{display:none}
.products-ninelist-0>li .products-item-name,.side_nav1{font-weight:700}
.sf-menu .LiLevel2 a{font-weight:300}
.element{margin:0 auto;position:relative}
.element .container{position:relative}
.bigElement{box-shadow:0 12px 8px -12px #000;opacity:0;position:absolute;top:0;left:27%;width:12%;height:0;padding-bottom:12%;color:#fff}
.bigElement-num{font-size:18px}
.bigElement-el{text-align:center;font-weight:700;font-size:50px}
.bigElement-title{text-align:center;font-size:18px}
#pertable{margin:70px auto 40px;width:100%}
#pertable{width:89%}
#pertable:nth-child(2){margin-top:0}
.element-one{background-color:#fff;width:5.55%;padding-bottom:5.55%;position:relative}
.element-one a{width:100%;height:100%;border:2px solid #fff;position:absolute;top:0;left:0;display:inline-block;color:#fff;text-decoration:none;display:flex;flex-direction:column}
.element-one-num{font-size:12px;margin:2px}
.element-one-el{text-align:center;font-weight:700;font-size:23px;line-height:100%}
.element-one-title{text-align:center;font-size:0;transform:scale(.8)}
.elememt-sort{font-size:10px;font-weight:400}
.color1{background-color:#7c5c9d}
.color2{background-color:#b5d100}
.color3{background-color:#ec0143}
.color4{background-color:#775c47}
.color5{background-color:#29cc79}
.color6{background-color:#d2ac7f}
.color7{background-color:#ee5801}
.color8{background-color:#08c5be}
.color9{background-color:#ec965d}
.color10{background-color:#4eaadd}
.black{background-color:#111}
@media only screen and (max-width:960px){#pertable{margin:3rem auto;width:100%}
.bigElement{display:none}
.element-one>a{border:1px solid #fff}
.element-one-title{display:none}
.element-one-el{font-size:12px}
.elememt-sort{font-size:0}}
@media only screen and (max-width:768px){.element-one-num{display:block;transform:scale(.5);width:100%}
.element-one-el{font-size:12px;transform:scale(.7)}}
@media only screen and (min-width:960px) and (max-width:1200px){.element-one-num{font-size:12px;margin:0;transform:scale(.6);line-height:100%}
.element-one-title{display:none}
.element-one-el{font-size:16px;margin-bottom:5px}
.bigElement-num{font-size:14px;margin:0 5px}
.bigElement-el{text-align:center;font-weight:700;font-size:38px;line-height:100%}
.bigElement-title{margin-top:0;text-align:center;font-size:14px}}
@media only screen and (min-width:1200px) and (max-width:1600px){.element-one-title{display:none}
.element-one-num{transform:scale(.9);margin:0}
.element-one-el{font-size:20px;margin-bottom:10px}
.bigElement-num{font-size:18px;margin:2px 0 0 5px}
.bigElement-el{text-align:center;font-weight:700;font-size:52px;line-height:100%}
.bigElement-title{margin-top:3px;text-align:center;font-size:16px}}
@media only screen and (min-width:1600px) and (max-width:1920px){.element-one-title{display:block}
.bigElement-num{font-size:20px;margin:5px}
.bigElement-el{text-align:center;font-weight:700;font-size:50px;line-height:100%}
.bigElement-title{text-align:center;font-size:20px}}
@media only screen and (max-width:768px){#pertable{margin:.8rem auto .2rem}}
@media (min-width:769px){.logo{max-width:inherit;width:268px}
header{padding:0;height:70px}
body{padding-top:70px}
.mob-box{width:calc(100% - 268px)}}
@media (max-width:1250px) and (min-width:769px){.nav>li{padding:0 7px}}
@media (max-width:1150px) and (min-width:769px){.nav>li>a{font-size:13px}}
@media (max-width:992px){.search-box{display:none}}
li.floatwindow_phone{display:none}
.element-one.bg{background-size:100%}
.element-one.bg a{color:transparent}
.element table td a{border:1px solid #777}
.element-one:not(.bg){background:#bebebe}
.element-one-el{display:none}
.element-one-num{text-align:right}
.element table td a{color:#777}
.element-one:not(.bg) a{cursor:default}
.bigElement{color:transparent}
.bigElement{background-size:cover;transition:.5s}
.about-list{padding:0}
.about{padding:70px 0 40px}
.about-item-tit{margin-top:12px}
.news-b{background:rgba(187,206,210,.3);padding-top:0;text-align:center}
.news-t{padding-bottom:0}
.news-b .news-list{text-align:left}
.news-t-more{margin-top:50px}
.fcon-icon{display:none}
.fcon li:nth-child(1){display:none}
.fcon li{max-width:inherit}
.fcon{flex-direction:column}
.news-t-more{text-transform:capitalize}
header>.container{padding-top:8px}
.search-box{width:380px}
.home-t{margin-bottom:50px}
p.gotop{right:5px}
.siggle-page .container{max-width:1000px}
.nav>li>a{text-transform:uppercase}
.fcon li{margin-left:0;margin-right:0}
.fcon-text{text-align:center;padding:0;width:100%;margin:0}
@media(min-width:769px){.logo{width:33%}}
.addToCart{background:var(--color) url(/images/m414/addtocart.png) no-repeat center;background-size:20px;width:50px}
.addToCart.added{background-color:#213045;color:#a6774a}
.addToCart span{display:none}
.maybe-list li .maybe-item-tit{transform:none}
.maybe-list li .maybe-item-more{transform:translateY(100%)}
.maybe-list li:hover .maybe-item-tit{transform:translateY(100%)}
.maybe-list li:hover .maybe-item-more{transform:none}
@media(min-width:769px){.logo{width:auto}
.mob-box{width:auto;display:block}}
header>.container{flex-wrap:nowrap}
.maybe-item-more,.maybe-item-tit{background:var(--color)}
.maybe-item-more::before{border-left-color:var(--color);border-bottom-color:var(--color)}
.maybe-list li{border-color:var(--color)}
.element-one-num{white-space:nowrap}
.page-tit{text-transform:capitalize}
.pdshow-r-btn a{width:187px}
.fcon li:last-child .fcon-text{margin-top:20px}
@media(max-width:768px){.element-one-num{margin-top:-8px;margin-left:6px;transform:scale(.2)}
#ele-1,#ele-2{width:100%;display:flex;justify-content:flex-end;margin-left:6px;margin-top:-7px}
.pdshow-r-btn a{width:150px;margin-right:10px}
.nav .submenu,.nav>li:hover .submenu .side_nav1 a{font-weight:600}
.fcon li{margin:0}}
.mobile-bottom-item:nth-child(2){display:none}
.mobile-bottom-item{width:33.333%}
.search-box{width:325px}
.nav>li{position:relative}
.nav .nav1{width:200px;padding:10px 3% 10px}
.nav1>li::after{display:none}
.nav1>li{width:100%;margin:0 3%;padding-bottom:0}
.nav1 li ul .LiLevel2 a{font-size:16px}
.products-item-name{text-transform: inherit;}
.prodetails-page  .pdshow-r h1.prodetails-name { word-break: break-all;}