body,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd {
margin:0;
padding:0;
}
div,ul,h1,h2,h3,h4,h5,h6 {
box-sizing:border-box;
}
ul,ol,li {
list-style:none;
padding: 0;
margin: 0;
}
img {
max-width:100%;
}
a {
color:rgb(182, 140, 47);
text-decoration: none;
}
a:hover {
color:rgb(126, 92, 16);
text-decoration: none;
}
button,input,textarea {
letter-spacing:.5px;
outline:none;
}
html,body {
background:fff;
}
body {
font-size:15px;
line-height:1.5;
font-family:"Microsoft YaHei",Arial,sans-serif;
letter-spacing:.1px;
width:100%;
overflow-x:hidden;
color:#000;
transition: transform 0.4s ease-in 0s;
}
@media only screen and (max-width:575px) {
html {font-size:13px!important;}
}
@media (min-width:576px) and (max-width:991px){
html {font-size:14px!important;}
}
@media (min-width:992px) and (max-width:1199px){
html {font-size:15px!important;}
}
@media (min-width:1200px) {
html {font-size:16px!important;}
}
header { background: #fff; }
.h-middle { }
.navbar-toggler { color: rgba(0, 0, 0); }
.navbar-toggler-icon { font-size: 1.6rem; }
.h-middle-inner { margin:1rem 0;display: flex; flex-wrap: wrap;align-items: center; position: relative; justify-content: space-between; }
.header-logo { width:15rem; }
.header-icon { width: 3rem; visibility: hidden; }
.header-searchicon { display: none; font-size: 1.6rem; }
.header-search { min-width: 30rem; }
.header-search-form { border: 0.05rem solid #ebebeb; border-radius: 0.5rem; display:flex; }
.header-select { position: relative; }
.header-select-inner { height: 3rem; border-radius:0.3rem 0 0 0.3rem; cursor: pointer; padding: 0 1.5rem 0 1rem; font-size:1rem; border: 0.05rem solid #ebebeb; }
.header-select-inner selected { background:#f5f5f5; }
.header-searchbox { position: relative; width:100%; }
.header-searchbox-input { width: 100%; padding:0 5rem 0 1rem; height: 100%; border: 0.05rem solid #ebebeb; border-radius:0 0.3rem 0.3rem 0; }
.header-searchbox-button { position: absolute; top: 0; right: 0; border-radius:0 0.3rem 0.3rem 0; background:#b68c2f; color: #fff; height: 100%; border: none; padding: 0 1.5rem;}
.mr-auto { margin-right: auto; }
.h-bottom { line-height: 2.5rem; background:#b68c2f;box-shadow:0 3px 5px rgb(0 0 0 / 5%); }
.h-bottom-inner { position: relative; display: flex; align-items: center;justify-content:space-between; }
.h-bottom-category { width:15rem; height:auto; }
.h-bottom-category-header { padding: 1rem; color: #fff; font-size: 1rem; font-weight: bold; position: relative; background-color:rgb(126, 92, 16); }
.h-bottom-category-header::after {font-family: "FontAwesome";content: "\f107"; position: absolute;top:25%; right: 1rem; font-size: 1.3rem; }
.h-bottom-category-body { z-index:2; position: absolute; background: #fff; width:15rem; border:0.05rem solid #ebebeb; box-shadow:0 0 0 1px rgba(67, 41, 163, .08), 0 1px 5px 0 rgba(67, 41, 163, .08); }
.h-bottom-category-body ul { }
.h-bottom-category-body ul>li { position: relative;line-height:2.1rem; border-bottom:0.05rem solid #ebebeb; }
.h-bottom-category-body ul>li a:hover { background: #f5f5f5; }
.h-bottom-category-body ul>li a {padding:0.5rem 1rem; display: flex; align-items: center;justify-content: space-between; font-size:0.9rem; }
.h-bottom-category-body ul>li.h-bottom-subcat a::after { font-family: "FontAwesome";content: "\f105"; display: inline-block; font-size:1.2rem; }
.h-bottom-category-body ul>li:hover>dl { opacity:1;visibility:visible; }
.h-bottom-category-body ul>li>dl { position: absolute;top: 0; left:100%; background: #fff; width:25rem; transition:.3s;opacity:0;visibility:hidden;z-index:90; border:0.05rem solid #ebebeb;}
.h-bottom-category-body ul>li>dl>dd { width:49%; display: inline-block; line-height: 1.2rem; }
.h-bottom-category-body ul>li.h-bottom-subcat dl>dd a::after{content: ""; }
.h-bottom-category-body ul>li.h-bottom-subcat dl>dd a:hover { background: #fff; }
.h-bottom-b2b { display: block; }
.h-bottom-b2b a { color: #fff; font-weight: bold; font-size: 1rem;padding: 1rem 2rem;background: #151515; }
.h-bottom-b2b a:hover { background: #ee214b; }
.offcanvas-body { }
.offcanvas-body ul>li { position: relative; margin:0 1rem; }
.offcanvas-body ul>li a { font-size:0.9rem; font-weight: bold; padding: 1rem; color: #fff; }
.offcanvas-body ul>li a:hover {color: rgb(255,255,255,0.5); }
.offcanvas-body ul>li:hover ul.dropdown-menu{ display: block; }
.offcanvas-body ul>li>ul.dropdown-menu {transition:.3s;top:3.05rem; border-top-left-radius:0;border-top-right-radius: 0; border: 0.05rem solid #ebebeb;padding: 0; }
.offcanvas-body ul>li>ul.dropdown-menu li { margin:0; }
.offcanvas-body ul>li>ul.dropdown-menu>li a { color:#151515; padding: 0 1rem; display:block; font-weight: normal; font-size: 0.9rem;line-height: 2.5rem; border-bottom: 0.05rem solid #ebebeb; }
.offcanvas-body ul>li>ul.dropdown-menu>li a:hover { background:#f5f5f5; }
.offcanvas-body ul>li.nav-block { position:static; }
.h-bottom-brand { position: absolute; left: 0; width: 100%; background: #fff; top:100% ; z-index: 30; display: none;}
.offcanvas-body ul>li.nav-brand a:hover .h-bottom-brand { display: block; }
@media (max-width:992px) {
.header-searchicon { display:block; }
.header-icon { visibility: visible; }
.offcanvas-body ul>li {border-bottom:0.05rem solid #ebebeb; }
.offcanvas-body ul>li::after { position: absolute; right: 0; }
.offcanvas-body ul>li a { position: relative; line-height:2.5rem;font-size: 0.9rem; color:#151515; padding: 0;font-weight: normal; }
.offcanvas-body ul>li>ul.dropdown-menu { border: none; background: #f5f5f5; padding: 0.3rem;}
.offcanvas-body ul>li>ul.dropdown-menu>li { display: inline-block; width:auto; font-size: 0.8rem; border:none;}
.offcanvas-body ul>li>ul.dropdown-menu>li a { padding:0 0.5rem; border:none; line-height: 1.7rem; }
.h-bottom-category { width: 100%; }
.h-bottom-category-body { width:100%; }
.h-bottom-category-body ul>li:hover>dl { opacity:1;display: block; }
.h-bottom-category-body ul>li>dl { position: relative;left: 0; background: #f5f5f5;opacity: 1;width: 100%;display: none; }
.h-bottom-category-body ul>li>dl dt { display: none; }
.h-bottom-category-body ul>li>dl dd { display: block;width: 100%;border-bottom: 0.05rem solid #ebebeb; }
.h-bottom-category-body ul>li>dl dd a { margin: 0 0.5rem; }
.h-bottom-category-body ul>li.h-bottom-subcat a::after {content: "\f196";}
.h-bottom-category-body ul>li.h-bottom-subcat dl>dd a:hover { background: #f5f5f5; }
.h-bottom-b2b {display: none;}
}
.container-fluid { padding:0; }
.cat-title { height: 1.5rem; }
.cat-title h3 { font-size: 1.3rem; font-weight:bold; }
.cat-title h4 { font-size: 1.2rem; font-weight:bold; }
.bg-grey { background: #f8f8f8; }
.bg-white { background: #fff; }
.crumb { background:#f8f8f8; color:#999; padding:0 0.5rem; height:2rem; line-height:2rem; font-size:0.85rem; }
.crumb a { color:#999; }
.crumb a:hover { color:#999; }
/* 首页æ ç›® */
.category-box { margin:0 0 1.5rem; position:relative;transition:.3s; }
.category-box a h5{ font-size:0.9rem; color:rgba(0, 0, 0, 0.87); line-height:2rem; font-weight:bold; }
.category-box:hover {transform:translateY(-0.3rem); }
.category-box:hover .category-box-info { background-color:rgba(255,255,255); }
.category-box img { border-radius:0.5rem;transition:.3s; }
.category-box-icon { position:absolute; top:1rem; left:1rem; background:rgba(255,255,255,.9); border-radius:50%; font-size:1.5rem; width:2.5rem; height:2.5rem; align-items:center; justify-content:center; display:flex; }
.category-box-info { padding:0.5rem 1rem;box-shadow:0 2px 9px 0 rgba(34,12,43,0.1); position:absolute; margin:2rem 2rem 1rem; width:calc(100% - 4rem);transition:.3s; border-radius:0.5rem; background-color:rgba(255,255,255,.9); left:0; bottom:0; }
.category-box-info h5 { font-size:0.9rem; color:rgba(0, 0, 0, 0.87); line-height:2rem; font-weight:bold; }
.category-box-info p { color:gray; font-size:0.85rem; }
@media (max-width:575px ) {
.category-box-icon { display:none; }
}
.brand { position:relative; }
/* å…¬å¸ä»‹ç» */
.intro-right{ margin: 1rem 0; }
.intro-right h4 { font-size: 1.2rem; }
.intro-right h2 { color:rgb(194, 153, 88); font-size: 1.3rem; margin:0.5rem 0;font-weight: bold; }
.intro-right p { text-indent:2em; font-size: 0.95rem; margin: 0.5rem 0; line-height:1.7rem; }
.intro-advlist {}
.intro-advlist li { color:gray ; padding: 0.2rem 0; }
.intro-advlist li::before { font-family:"FontAwesome"; content:"\f05d"; }
.intro-left { position: relative; max-width: 560px; padding: 0 0 450px; }
.intro-pic1 {z-index: 1;right:0; top: 0; position: absolute; }
.intro-pic1 img { border-radius: 0.5rem;width: 400px; }
.intro-pic1::after { left:-15%; top:10%; }
.intro-pic1::before { left:-30%; top:0; }
.intro-pic1::after,.intro-pic1::before { width: 0.2rem; height: 10rem; content: '';background: rgb(255,255,255); position: absolute; }
.intro-pic2 { width: 45%; z-index:1; position: absolute; left: 0; bottom: 0; border-right: 0.5rem solid #fff; border-top: 0.5rem solid #fff; }
.intro-pic2 img { border-radius: 0.5rem; }
.intro-year { color: #000; background:rgb(194, 153, 88); border-radius: 0.5rem; position:absolute; right: 0; bottom:0; display: block; width:55%; padding: 2rem 0; text-align: center; line-height: 4rem; }
@media (max-width:991px ) {
.intro-left { max-width:inherit;}
}
/* 优势*/
.adver-border { border: 0.2rem solid #f8f8f8; }
.adver-img { text-align:center; border: 0.2rem solid #f8f8f8; margin: 0.75rem 0; }
.adver-info { margin: 0.75rem 0; text-align: center;border: 0.2rem solid #f8f8f8; display: block; height:90%; vertical-align: middle; }
.adver-info i { font-size:2.5rem; color:#3cab0c; padding: 2.5rem 0 0;}
.adver-info h4 { font-size: 1.2rem; padding: 0.5rem 0;font-weight: bold; }
.adver-info p { font-size: 0.9rem; color: #9c9c9c; }
.adver-info:hover { background: #3cab0c; }
.adver-info:hover i,.adver-info:hover h4,.adver-info:hover p { color: #fff; }
@media (max-width:575px ) {
.adver-info { height: 85%;}
.adver-info i { padding: 1rem 0 0; font-size:1.8rem;}
.adver-info h4 { font-size: 1rem; font-weight: normal; padding: 0.3rem 0; }
.adver-info p { font-size: 0.85rem; }
}
/* ä¿¡æ¯ç»Ÿè®¡ */
.totalbox { color: #fff; position: relative; }
.totalbox i { font-size: 2.5rem; color:#FFFF00; }
.totalbox h3 { font-size: 3rem; font-weight: bold; }
.totalbox h3 sup{ font-size: 1.2rem; }
.totalbox span { font-size: 1rem; }
.totalbox::after { position: absolute; content: ""; width: 0.05rem; height: 100%; display: block; background-color:rgb(255 255 255 / .20); top: 0; right:20%;}
@media (max-width:575px ) {
.totalbox { text-align: center; }
.totalbox::after { background:none; }
}
/* ä½¿å‘½ç›®æ ‡æ¡† */
.qbox { position: relative; width: 60%; background:#fff; border-radius: 0.5rem; margin: 0 auto; padding: 2.5rem;}
.qbox p { font-size: 1.1rem; line-height: 2rem; font-weight: bold; }
.qbox::before { position: absolute; font-family:"FontAwesome";content:"\f10d"; left:1rem;color: #9c9c9c; font-size: 1rem; top: 0.5rem; }
.qbox::after { position: absolute;font-family:"FontAwesome";content:"\f10e"; right:1rem; bottom:0; color: #9c9c9c; font-size: 1rem;bottom: 0.5rem; }
@media (max-width:991px ) {
.qbox { width:90%;}
}
/* 帮助box */
a.helpbox { display:block; box-shadow:0 0 0 1px rgba(67, 41, 163, .08), 0 1px 5px 0 rgba(67, 41, 163, .08); border-radius:0.3rem; margin:0 0 1.5rem; text-align:center; padding:3rem 1rem 2rem; transition:all .3s ease-in-out; }
a.helpbox:hover { transform:translateY(-0.5rem); }
.helpbox i { font-size:2.5rem; border-radius:50%; width:5rem; height:5rem; line-height:5rem; background:rgb(126, 92, 16); color:#fff; }
.helpbox h3 { font-size:1.1rem; font-weight:bold;line-height:2.5rem; }
.helpbox p { font-size:0.85rem; line-height:1.5rem; color:rgb(119, 119, 119); }
a.help-info { transition:all .3s ease-in-out; color:rgba(0, 0, 0, 0.87); border-bottom:0.05rem solid #ebebeb; padding:0.7rem 0; display:block; }
a.help-info:hover { margin:0 0 0 0.3rem; }
.help-centent { box-shadow:0 0 0 1px rgba(67, 41, 163, .08), 0 1px 5px 0 rgba(67, 41, 163, .08); border-radius:0.3rem; overflow:hidden; padding:1rem; }
.help-title { text-align:center; padding: 1rem 0; border-bottom:0.05rem solid #ebebeb;}
.help-title h1 { font-size:1.3rem; font-weight:bold; }
.help-text { padding:1rem; border-top:0.05rem solid #ebebeb; border-bottom:0.05rem solid #ebebeb;}
.help-text p { line-height:2rem; }
.help-text img { }
.help-np { font-size:0.95rem; padding:0.5rem; }
.help-np a { color:gray; }
/* æœç´¢ */
.search { margin: 1rem 20%; text-align: center; }
.search form { margin: 0 auto; text-align: center; }
.search input { border: 0.05rem solid #ebebeb; padding: 0.5rem 1rem; width: 20rem; }
.search button { border: 0.5rem solid #ebebeb; }
.search h1 { color: #666; font-size: 1rem; font-weight: normal;margin:1rem 0 0; }
.search h1 span { color: #b68c2f; font-weight:bold;}
/* 产å“列表 */
.filter { box-shadow:0 0 0 1px rgba(67, 41, 163, .08), 0 1px 5px 0 rgba(67, 41, 163, .08); border-radius:0.3rem; margin:0 0 1rem; padding:0.5rem 1rem 1rem; }
.filter dl { display: flex; padding:0.5rem 0; font-size:0.95rem; height:auto; border-bottom:0.05rem dashed #ebebeb;}
.filter dl dt { width:3rem; font-weight: normal; color:gray;padding:0.3rem 0; }
.filter dl dd { width:calc(100% - 3rem); }
.filter dl dd a { padding:0.3rem 0.5rem; white-space: nowrap; display: inline-block; color:gray; margin:0 0.5rem;}
.filter dl dd a.active { background:rgb(194, 153, 88); color:#fff; }
.filter dl dd a:hover { color:rgb(194, 153, 88) }
.pbox { margin:0 0 1.5rem; position: relative; box-shadow:0 0 0 1px rgba(67, 41, 163, .08), 0 1px 5px 0 rgba(67, 41, 163, .08); border-radius:0.3rem; overflow:hidden; }
.pbox:hover img{ transform:scale(1.1); transition:0.3s; }
.pbox-img { overflow:hidden; }
.pbox-img img { text-align: center; width:100%; transition:.3s; }
.pbox-info { padding:0.5rem; text-align:center; }
.pbox-info h6 {font-size: 0.9rem; }
.pbox-info h6 a { color:rgb(119, 119, 119); }
.pbox-info h4 { font-size: 1rem; font-weight: 500; margin:0.8rem 0; }
.pbox-info h4 a { color:rgba(0, 0, 0, 0.87) }
.pbox-info p { font-size: 0.9rem; line-height: 1.2rem; height: 1.2rem; color:#9c9c9c; margin: 0 0 0.5rem; }
.pbox-info p span { color:rgb(182, 140, 47); font-weight:600; }
.pbox-info p del { color:gray; }
.pbox-tool { background: #f8f8f8; padding:0.2rem 0.5rem ; }
.pbox-price { display: inline-block; color: #FF0000 ; font-weight: bold; font-size: 1.2rem; }
.pbox-star {display: inline-block; float: right; color:#FFFF00; font-size: 1.2rem; }
.pbox-tag { position: absolute; top: 0.5rem; left: 0.5rem;color: #fff; font-size:0.7rem; background-color:rgb(194, 153, 88); border-radius:1.8rem; text-align: center; width: 2.5rem; height:1.5rem; line-height:1.5rem; }
.pbox-data { font-size:0.85rem; margin:0 0 0.5rem; }
.pbox-data dt { color:rgba(0, 0, 0, 0.87); font-weight:normal; }
.pbox-data dd { color: rgb(119, 119, 119); }
/* æ–‡ç« åˆ—è¡¨ */
.abox { margin:0 0 1.5rem; box-shadow:0 0 0 1px rgba(67, 41, 163, .08), 0 1px 5px 0 rgba(67, 41, 163, .08); border-radius:0.3rem; overflow:hidden; }
.abox-img {position: relative; overflow: hidden; }
.abox-img span{ position: absolute; font-size: 0.8rem; left: 1rem; top:1rem; background-color:rgba(255, 255, 255, 0.83); border-radius: 0.3rem;text-align: center; padding:0.1rem 0.5rem; line-height: 2rem; z-index:2;}
.abox-img img { text-align: center; width: 100%; transition:.3s; }
.abox:hover img { transform:scale(1.1);}
.abox-info { padding:1rem; }
.abox-info h4 { font-size: 1rem; font-weight: bold;margin:0.8rem 0; text-overflow: ellipsis; overflow: hidden;}
.abox-info h4 a {color:rgb(0, 0, 0, 0.87); }
.abox-info p { font-size: 0.85rem; line-height:1.8; text-overflow:ellipsis; overflow:hidden; margin:0 0 1.5rem; }
.abox-btn { font-size:0.95rem; padding:0 0 0.3rem; }
/* æ–‡ç« å†…å®¹ */
.a-news { box-shadow:0 0 0 1px rgba(67, 41, 163, .08), 0 1px 5px 0 rgba(67, 41, 163, .08); border-radius:0.3rem; overflow:hidden; padding:1rem; }
.a-title { }
.a-title h1{ font-size:1.4rem; line-height:3rem; font-weight:bold; }
.a-title h5{ color:gray; font-size:0.85rem; margin:0.5rem 0 1.5em;}
.a-des { background: #f8f8f8; padding:1rem; margin:1rem 0; line-height:1.8rem; font-size:0.9rem; }
.a-content { margin: 1rem 0; }
.a-content { font-size: 1rem; min-height: 20rem; }
.a-content p{margin-bottom:0.5rem;max-width:100%; line-height: 2rem;}
.a-content h2 {
font-size:1.2rem;
margin-bottom:0.5rem;
font-weight: bold;
}
.a-content h3 {
font-size:1.15rem;
margin-bottom:0.5rem;
font-weight: bold;
}
.a-content h4 {
color:#333;
font-size:1.1rem;
line-height:1.5rem;
margin-bottom:1.5rem;
font-weight: bold;
}
.a-content h5 {
font-weight: bold;
font-size:1.05rem;
margin-bottom:0.5rem;
}
.a-content ul {
margin-bottom:1.5rem;
margin-left:2.8em;
}
.a-content ul li {
list-style:circle;
margin-bottom:.5em
}
.a-content ol {
list-style-type:decimal;
margin:0 0 1.75em 3.1em;
padding:0;
}
.a-content ol li {
list-style-type:decimal;
}
.a-content .img-zoom {
overflow:visible;
}
.a-content img {
visibility:visible;
opacity:1;
transition:all .2s;
height:auto!important;
width:auto;
transition:none;
margin:1rem 0;
max-width:100%!important;
}
.a-content .aligncenter {
margin:0 auto;
}
.a-content a {
border-bottom:0.05rem solid #f8f8f8;
word-break:break-all;
}
.a-content a:hover {
border-bottom-color:transparent;
}
.a-content blockquote {
margin: 0.5rem 0 0.5rem 0.5rem;
padding: 0.5rem 0.5rem 0.5rem 0.75rem;
padding-left: 15px;
border-left: 0.15rem solid #f2f2f2;
background-color:#fafafa;
color:#888;
position:relative;
}
.a-content blockquote::before {
content:'';
font-family:"fontello";
font-style:normal;
font-weight:normal;
speak:none;
text-decoration:inherit;
font-size:1.7rem;
color:#e7e7e7;
width:1em;
text-align:center;
font-variant:normal;
text-transform:none;
display:block;
position:absolute;
left:0;
top:0;
}
.a-tags { border-top:0.1rem solid #ebebeb; border-bottom:0.1rem solid #ebebeb;padding:1rem 0; }
.a-tags h3{ font-size:0.9rem; font-weight:bold; }
.a-tags p { margin: 1rem 0; }
.a-tags p a {color: gray; border-radius: 0.2rem; background: #f8f8f8; padding: 0.5rem; text-align: center; margin:0 0.5rem 0 0; font-size: 0.9rem; }
.a-tags p a:hover { background:#b68c2f; color:#fff; }
.a-np { color:gray; font-size:0.9rem; padding: 1rem 0 0;}
.a-np a { color:#000; }
/* 产å“é¡µé¢ */
.p-border { border:0.3rem solid #f8f8f8; }
.p-slide { margin:0 0; }
.p-slide li { display:inline-block; width:100%; }
.p-slide li a { border:0.15rem solid #ebebeb; display:inline-block;margin:0.5rem; }
.p-slide li a.active { border:0.15rem solid #f1dad4; }
@media (max-width:991px) {
.p-slide li { width:20%; display:inline-block; }
}
.p-title { padding:1rem 0; }
.p-title h1 { font-size:1.4rem; line-height:3rem; font-weight:bold; }
.p-title h3 { font-size:1.1rem; color:rgb(182, 140, 47); }
.p-des { font-size:0.9rem; color:gray; line-height:1.5rem; padding:1rem 0; }
.p-info { height: 100%; display: block; }
.p-price { padding:0.5rem 1rem; background: #000; }
.p-price span { color:rgb(182, 140, 47);font-size:1.3rem; font-weight:bold; }
.p-price del { font-size:1rem; margin:0 1rem; color:gray; }
.p-data { padding:1rem 0; border-top: 0.1rem solid #ebebeb;border-bottom: 0.1rem solid #ebebeb; margin:0 0 1rem; }
.p-data li { font-size:0.9rem; line-height:1.7rem; width:45%; display:inline-block; }
.p-consulting { padding: 1rem; }
.p-promise { font-size: 0.85rem; color: #666 ; padding:0 0 0.3rem 0;}
.p-tip { padding:0 1rem 1rem;color:#FF0000; font-size: 0.85rem; }
.p-tabtitle { padding: 0.8rem 0; }
.p-tabtitle ul{ border-bottom: 0.15rem solid #ebebeb; }
.p-tabtitle li { display: inline-block; padding:0.8rem; text-align:center; }
.p-tabtitle li a { text-align: center; font-size:1.1rem; padding:0.9rem 1rem; }
.p-tabtitle li a.active,.p-tabtitle li a:hover { font-weight: bold; font-weight: bold; color: #000; border-bottom:0.2rem solid #000; }
.p-tit { border-bottom: #f8f8f8 solid 0.15rem; margin: 1rem 0; }
.p-tit h3 { font-size: 1rem; font-weight: bold; line-height: 2rem; }
.p-parameter { background: #f8f8f8; border:0.05rem solid #ebebeb; }
.p-parameter table { width: 100%; }
.p-parameter table tr { border:0.05rem solid #ebebeb; }
.p-parameter table td { padding: 0.3rem; }
.p-diy { margin:1rem auto; text-align:center; }
.p-diy img{ max-width: 100%!important; height: auto!important; }
.p-brand { margin:1rem auto; }
.p-brand p { line-height:2rem; }
.p-buy { margin:1rem auto; }
.p-buy dl {
border-bottom: 1px dashed #e5e5e5;
padding: 0.5rem 0;
}
.p-buy dt {
height: 2rem;
line-height: 2rem;
font-weight: bold;
}
.p-buy dd {
line-height: 2rem;
}
.p-delivery { margin:1rem auto; }
.p-delivery-pic { text-align:center; }
.p-delivery-pic img { }
.p-delivery-text { padding:3rem 0; }
.p-delivery-text h3 { font-size:1rem; font-weight: bold; line-height: 2rem;}
.p-delivery-text ul { border:none; }
.p-delivery-text li { display:block; line-height: 1.8rem; width:100%!important; font-size:0.9rem;text-align:left; padding: 0;}
.p-maintain { }
@media (max-width:576px) {
.p-tabtitle{ padding: 0.5rem 0 0.1rem; }
.p-tabtitle li { width: 25%; padding:0.5rem 0; }
.p-tabtitle li a { padding:0.6rem 0; }
.p-delivery-text { padding:1rem 0; }
.p-delivery-text li { line-height:1.4rem; }
}
.p-catgory { margin:0 0; }
.p-catgory dt { position: relative; display: block; background:#ffed00; padding:0.5rem 1rem; font-size:0.9rem; }
.p-catgory dt:hover { }
.p-catgory dt:hover i {color:#fff;}
.p-catgory dt i { position: absolute;right:1rem;top:0.6rem; }
.p-catgory dd {display: block; font-size:0.85rem; padding:0.4rem 1rem; border-bottom:0.1rem solid #fff ;background: #f8f8f8; }
.p-catgory dd a { color:#5f6168; }
.p-catgory dd i { margin:0 0.3rem 0 0; }
.p-catgory dd:hover {background:#fff; }
.p-catgory dd:hover a,.p-catgory dd:hover i { }
/* 侧边æ 分类 */
.w-box { box-shadow:0 0 0 1px rgba(67, 41, 163, .08), 0 1px 5px 0 rgba(67, 41, 163, .08); border-radius:0.3rem; margin:0 0 1rem; padding:1rem; }
.w-box h4 { font-size:1.1rem; margin:0 0 1rem; font-weight:500; }
.w-category { font-size:0.95rem; }
.w-category li { display:flex; position:relative; margin:0 0 1rem; border-bottom:0.05rem solid #ebebeb; padding:0 0 0.5rem; font-size:0.9rem; }
.w-category li a { justify-content:space-between; display:flex; align-items:center; width:100%; color:#000; }
.w-category li a span { color:gray; font-size:0.85rem; }
.w-tags { }
.w-tags a { display:inline-block; padding:0.3rem 0.5rem; border:0.05rem solid #ebebeb; margin:0 0.8rem 0.8rem 0; font-size:0.85rem; }
.w-tags a:hover { border:0.05rem solid #b68c2f; background:#b68c2f; color:#fff; }
.w-pro { display:flex; border-bottom:0.05rem dashed #ebebeb;padding:0 0 1rem; margin:0 0 1rem; }
.w-pro-img { max-width:7rem; border:0.05rem solid #ebebeb; margin:0 1rem 0 0; }
.w-pro-img img{ border-radius:0.2rem; }
.w-pro-info { max-width:calc(100% - 7rem); }
.w-pro-info h5 { font-size:0.9rem; margin:0 0 0.5rem; line-height:1.5rem; }
.w-pro-info h5 a{color:#000; }
.w-pro-info p { color:#b68c2f; }
.w-news { display:flex; border-bottom:0.05rem dashed #ebebeb;padding:0 0 1rem; margin:0 0 1rem; }
.w-news-img { max-width:7rem; border:0.05rem solid #ebebeb; margin:0 1rem 0 0; }
.w-news-img img{ border-radius:0.2rem; }
.w-news-info { max-width:calc(100% - 7rem); }
.w-news-info h5 { font-size:0.9rem; margin:0 0 0.5rem; line-height:1.5rem; }
.w-news-info h5 a{color:#000; }
.w-news-info p { color:gray; font-size:0.85rem; }
.w-help { box-shadow:0 0 0 1px rgba(67, 41, 163, .08), 0 1px 5px 0 rgba(67, 41, 163, .08); border-radius:0.3rem; overflow:hidden; margin:0 0 1rem; }
.w-help dt { font-size:1rem; font-weight:bold; background:#b68c2f; color:#fff; padding:0.5rem; }
.w-help dd { border-bottom:#ebebeb solid 0.05rem; padding:0.5rem 1rem ; }
.w-help dd a{ color:gray; }
.w-help dd a:hover { color:rgba(0, 0, 0, 0.87); }
.w-help dd.active {color:rgba(0, 0, 0, 0.87); font-weight:bold; background:#f8f8f8; }
/*compare*/
.comparebox {box-shadow: 0 0 0 1px rgba(67, 41, 163, .08), 0 1px 5px 0 rgba(67, 41, 163, .08); border-radius: 0.3rem;}
/*sitemap*/
.sitemap { padding:2.5rem 2rem 3rem; box-shadow: 0 0 0 1px rgba(67, 41, 163, .08), 0 1px 5px 0 rgba(67, 41, 163, .08); border-radius: 0.3rem;}
.sitemap h1 { text-align:center; font-size:1.3rem; font-weight:bold; margin:0 0 2rem;}
.sitemap dl{ border-bottom: 0.1rem solid #ebebeb; }
.sitemap dt { margin:0.8rem 0; font-size:0.9rem; }
.sitemap dt a { color:rgb(0,0,0,0.87); }
.sitemap dd { margin:0.5rem; font-size: 0.9rem; line-height: 2rem;}
.sitemap dd a { white-space: nowrap; margin: 0 0.5rem; color:grey; }
@media (max-width:576px) {
.sitemap{ padding:0.5rem 1rem 1rem; margin: 0 0 2rem; }
}
@media (max-width:576px) {
.sitemap{ padding:0.5rem 1rem 1rem; margin: 0 0 2rem; }
}
.center-title { text-align: center; }
.center-title h3 { font-size: 1.3rem; font-weight: bold; margin:0 0 0.5rem; }
.center-title p { font-size: 1rem; color: #9c9c9c; }
.center-title h1 { font-size: 1.3rem; font-weight: bold; }
.tab-choose { }
.tab-choose li { line-height: 1.5rem; display: inline-block; text-align:center; }
.tab-choose li a { height: 2rem; display: inline-block; line-height:2rem; font-size:1rem; background:#f8f8f8; margin:0.5rem 1rem; padding:0 1rem; color:gray; border-radius:0.2rem; }
.tab-choose li i { font-size:2rem; margin: 0 0.3rem 0 0; }
.tab-choose li a.active { background:rgb(194, 153, 88); color:#fff; }
.choose-box { position: relative; }
.choose-pic { }
.choose-pic img { width:100%; }
.tab-choose .choose-text {padding:0.7rem 0; position: absolute; background:rgba(255,255,255,0.95); left:2rem; right:2rem; bottom:2rem; padding: 2% 3%; }
.tab-choose .choose-texttit {margin:0.7rem 0; }
.tab-choose .choose-texttit h3 { font-weight: bold;font-size:1.4rem; margin:0 0 0.5rem; }
.tab-choose .choose-texttit p { font-size:1rem; color:#5f6168; }
.tab-choose .choose-texttit span { color:#fc5e16; }
.tab-choose .choose-textlist {}
.tab-choose .choose-textlist li { color:#5f6168;border:none; list-style: square inside; font-size:1rem; width:100%; text-align:left; margin:0;height:auto; line-height:1.6rem;}
@media (max-width:1200px) {
.tab-choose .choose-text { padding:2%; }
}
@media (max-width:993px) {
.tab-choose .choose-text { position: relative; background:#f9f9f9; left: 0; right:0; top:0; padding:0.5rem 2rem;}
.tab-choose .choose-textlist li { padding: 0; }
}
@media (max-width:576px) {
.tab-choose li i { display: block;}
.tab-choose li a { margin:0.5rem 0.3rem; padding:0 0.4rem; }
}
/* 分页 */
.pages { margin:2rem auto; text-align: center; font-size: 1rem; }
.pages a { display: inline-block; padding:0.5rem 1rem; background: #f8f8f8; color:rgb(182, 140, 47); }
.pages b { color:#fff; background:rgb(182, 140, 47); padding:0.6rem 1rem; }
.pages a:hover { background:rgb(182, 140, 47); color: #fff }
.pages a b{ background: #f1dad4 border:0.05rem solid #f8f8f8; }
.pages a b:hover { background: rgb(182, 140, 47); }
/* 404 */
.p404 { background:#f8f8f8; padding:2.5rem 3rem 3rem; }
.p404 h1 { font-size: 5rem; line-height: 6rem; margin:0 0 1rem;}
.p404 h5 { font-size: 1.5rem; }
.p404 p { font-size: 0.9rem; color:#999; padding:1.5rem 0; }
a.btn-404 { background:#000; color: #fff; padding:0.7rem 2rem; display: inline-block; margin: 0 1rem; }
a.btn-404:hover { background: #999; }
/* 门店 */
.shop-4s { background:#f8f8f8; padding:1.5rem; text-align:center; margin:1.5rem 0 0 ;}
.shop-service { font-size:1rem; }
.shop-service dt { }
.shop-service dd i { font-size:3rem; }
.shop-service dd { color:#999; font-size:0.9rem; line-height:1.8rem; }
.shop-info { }
/* pop */
.popup { display: flex; position: fixed; z-index: 999; top: 0; bottom: 0;left: 0; right: 0; overflow: hidden;transition: all 300ms ease-in-out;width: auto !important; height: auto !important; opacity: 1 !important; }
.popup-overlay { display: block; background-color: rgba(0, 0, 0, 0.56); position: fixed; top: 0; bottom: 0;left: 0; right: 0; }
.popup-box { max-width: 918px; position: relative; margin:auto; background: #fff;}
.popup-header { }
.popup-main { padding: 2rem; }
.popup-main h3 { font-size: 2rem; line-height: 3rem; }
.popup-main p { color: #9c9c9c; font-size: 1rem; line-height: 2rem;}
.popup-main form { }
.popup-main form .form-control { background: #f8f8f8; border: none; border-radius: 0;}
.popup-close { position: absolute; top:0.5rem; right:0.5rem; color: #333; }
.popup-close i { font-size: 1.3rem; transition: all 0.2s ease-in-out; }
.popup-close:hover i { transform: rotate(180deg); color: #3cab0c ; }
.popup-btn { background: #f8f8f8; border: none; padding: 0.5rem 1rem; color: #212529; }
/* 网站底部 */
footer { background:#323232; position: relative; color: #b3b3b3; }
.f-advantage {padding:0.5rem; background:#292929;}
.f-advbox { position: relative; color: #fff; }
.f-advbox span { display: block; width: 4rem; height: 4rem; border-radius: 50%; text-align: center;}
.f-advbox span i { font-size: 2rem; line-height:4rem; }
.f-advbox ul { position: absolute; top:0px; left: 4rem; padding: 0.6rem 0; }
.f-advbox li { height: 1.3rem; line-height:1.3rem; font-size: 1rem; }
.fmain { }
.f-contact { position:relative; }
.f-contact span { display: block; width: 4rem; height: 4rem; border-radius: 50%; text-align: center;}
.f-contact span i { font-size: 2rem; line-height:4rem; color:#fff;}
.f-contact dl { position: absolute; top:0px; left: 4rem; padding: 0.6rem 0; }
.f-contact dd { height: 1.3rem; line-height:1.3rem; font-size:0.85rem; }
.f-contact dt { height: 1.3rem; line-height:1.3rem; font-size:0.95rem; color:#fff; } }
.f-list { }
.f-list ul { margin: 0; padding: 0; }
.f-list li {line-height:1.8rem;font-size:0.9rem; }
.f-list li a { text-decoration: none; color: #666; }
.f-list h3 { font-size:1rem; font-weight: bold; line-height:2rem; position: relative; }
.f-bottom { padding:2rem 0; }
.f-copyright { text-align: center; border-top:0.05rem solid #8c8c8c; padding:0.5rem 0; }
.f-copyright a { }
.fbar { background:#0e6aba; margin:3rem 0 0; padding: 1.3rem 0; color:#fff; }
.fix-bar {text-align:center;position:fixed;z-index:10;display:block;bottom:7rem;right:1rem;transition:all .2s; font-size:1.5rem;}
.fix-bar dd {background:#3cab0c;padding:0.5rem 0.8rem;margin: 0.2rem 0; position: relative;}
.fix-bar dd i { color: #fff; }
.fix-tel { font-weight: bold; position: absolute; right:3.1rem; padding: 0.5rem; font-size: 1.2rem; background:#fff; color:#001c47; top:-1rem;}
.fix-qrcode { width:8rem; position: absolute; right:3.1rem; padding:1rem; background: #fff;top:-0.5rem; }
.fix-qrcode,.fix-tel { display: none; }
.fix-bar dd:hover { background: #FFFF00; }
.fix-bar dd:hover .fix-tel {display: block;}
.fix-bar dd:hover .fix-qrcode { display: block;}
.fix-bar dt {background:#3cab0c;padding:0.3rem 0.5rem;}
.fix-bar dt span { font-weight:bold;display:block;font-size:0.5rem;font-weight:normal;margin:-0.5rem 0 0;}
.fix-bar a { color: #fff; }
.fix-bar a:hover i,.fix-bar a:hover span {color:#ff5c00;}
.fix-catgory { position:fixed; z-index:8; display:block;bottom:7rem; left:1rem; background: #f8f8f8; text-align: center; }
.fix-catgory dt { padding: 0.5rem 0; }
.fix-catgory dd { padding:0 0.5rem 0.5rem; }
.fix-catgory dd a { padding:0.5rem; }
.fix-catgory dd a.active { background:#3cab0c;color: #Fff; }
.fix-catgory dd a:hover { background:#3cab0c;color: #Fff; }
@media (max-width:1199px) {
.fix-bar { display: none; }
.fix-catgory{ display: none; }
}
.m-contact { display: none; }
@media (max-width:1199px) {
.m-contact { position:fixed; z-index: 18000000; left: 0; right: 0; text-align: center; width: 100%; align-items: center; height: 3rem;display: block;bottom:0; background: rgb(255,255,255,0.9) }
.m-contact li { display: inline-block; width: 50%; padding:1rem 0;}
.m-contact li a { background: #ffed00; width: 70%; display: inline-block; }
}