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:#141414;
	text-decoration: none;
}
a:hover {
	color:#E53E3E;
	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:#333;
	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; box-shadow:0 1px 5px rgba(0,0,0,.05); border-bottom:0.05rem solid #E8E8E8;     } 
.head-bar { background:#000;  line-height:2rem; height:2rem;        }

.head-main {                    }
.head-inner {  display:flex;  flex-wrap:wrap;  position:relative; justify-content:space-between;   align-items:center;        }
.head-logo {   display:flex;             }
.logo-img {   max-width:10rem; }
.head-des {  margin:1.5rem 0 0 0;        }
.head-des  dt { margin: 0 0 0.5rem;  background:#141414;color:#fff; border-radius: 0.5rem;padding: 0.3rem 0.5rem; text-align: center;}
.head-des  dd { color:#74787C;  font-size:0.85rem;         }
.head-search {   min-width:30rem;             }
.head-search-form { border: 0.05rem solid #E8E8E8; border-radius: 0.5rem; display:flex; }
.head-select { position: relative;          }
.head-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 #E8E8E8;  }
.head-select-inner  selected {  background:#f5f5f5;  }
.head-searchbox {  position: relative; width:100%; }
.head-searchbox-input {  width: 100%; padding:0 5rem 0 1rem; height: 100%; border: 0.05rem solid #E8E8E8; border-radius:0  0.3rem 0.3rem  0;       }
.head-searchbox-button { position: absolute; top: 0; right: 0; border-radius:0  0.3rem 0.3rem  0; background:#E53E3E; color: #fff;    height: 100%;   border: none; padding: 0 1.5rem;}

.head-menu {                  }

@media  (max-width:576px) {
.head-search  {  min-width:auto; margin:2rem 0; }
}

.head-nav {        }
.head-nav li {margin:0 1rem;        }
.head-nav li a{ font-size:0.95rem;    font-weight:bold; padding:0.5rem 0; position:relative;      }
.head-nav li a:hover { border-bottom:0.2rem solid #E53E3E; }
.head-nav li:hover .subnav { display:block; }

.subnav { position:absolute; background:#fff;  border:0.1rem solid #e8e8e8; min-height:8rem; height:auto; box-shadow:0 1px 5px rgb(0 0 0 / 5%); z-index:10;    }
.subnav li a{ font-weight:normal; }
.subnav li a:hover { border:none; }
.about-sub{ display:none;padding:1rem 0rem;  top:1.9rem; left:-1rem; width:8rem;margin:0 0 1rem;     }
.about-sub li {  line-height:1.5rem;    }
.about-sub li a { font-size:0.9rem;      }
.about-sub li a:hover {  margin-left:0.2rem;        }

.room-sub  { display:none;padding:1.5rem 2rem;  top:100%; left:0; width:100%;margin:0 0 1rem;          }
.room-pic-sub {  margin:0 0 1rem; position:relative;    }
.room-pic-sub img {max-width: 12rem;}
.room-pic-sub p { font-size:0.85rem; font-weight:normal; background:#fff;  border-radius:0.5rem; position:absolute; width:5rem; height:2rem; text-align:center; line-height:2rem; top:3rem; left:3rem; }
.event-sub {display:none;padding:1.5rem 2rem;  top:100%; left:0; width:100%;margin:0 0 1rem;          }
.event-pic-sub img { max-width:15rem; }

.brand-sub {display:none;padding:1.5rem 2rem;   top:100%; left:0; width:100%;margin:0 0 1rem;      }
.subnav .brand-pic-sub img { width:4rem; }
.subnav .brand-pic-sub a:hover;{ border:none;  }
.subnav .brand-text-sub{   } 
.subnav .brand-text-sub li { width:18%; display:inline-block;  }
.subnav .brand-text-sub li a { font-size:0.85rem;  font-weight:normal; }
.subnav .brand-text-sub li a:hover { border:none;  }   
.subnav .brand-country-sub {   border-bottom:0.1rem solid #E8E8E8;margin:0 0 1rem; padding:0 0 1rem;    }
.subnav .brand-country-sub a { font-size:0.9rem; font-weight:normal; margin:0 0.5rem; }
.subnav .brand-country-sub a:hover { border:0;  }
.case-sub { display:none;  padding:1.5rem 2rem;  top:100%; left:0; width:100%;margin:0 0 1rem;  }
.rank-sub { display:none;  padding:1.5rem 2rem;  top:100%; left:0; width:100%;margin:0 0 1rem;    }
.product-sub { padding:1.5rem 2rem;   top:100%; left:0; width:100%;margin:0 0 1rem;  display:none;   }
.product-tab-sub { display:flex;align-items:flex-start;  border-right:0.05rem solid #E8E8E8;  }
.product-tab-sub li { line-height:2.5rem; }
.product-tab-sub li a { font-size:0.85rem; font-weight:bold;  }
.product-tab-sub li a.active { color:#E53E3E; }

.product-box-sub {                  }
.product-box-sub h3 { font-size:0.85rem;  font-weight:bold;margin: 0 0 2rem;}

.product-cat-sub {  font-size:0.85rem; font-weight:normal;   }
.product-cat-sub img { max-width:4rem;padding:0.3rem;   }
.product-cat-sub:hover { background:#F6F6F7; }

.subnav .catnav-sub  {            }
.subnav .catnav-sub  dt  { font-size:0.85rem;           }
.subnav .catnav-sub  dd { line-height:2rem;    }
.subnav .catnav-sub  dd a {  font-size:0.9rem; font-weight:normal;          }
.subnav .catnav-sub  dd a:hover {  border-bottom:none;       }





@media  (max-width:991px) {
.subnav  {position: relative;box-shadow:0 0 0 rgb(255,255,200); }
.room-sub,.brand-sub,.about-sub,.case-sub { padding:0.5rem; }
.brand-pic-sub { display:none; }
.subnav .brand-text-sub li { width:40%;  }

}


/* 站内面包导航 */

.breadcrumbs { margin:0.5rem 0; font-size:0.85rem; color:#141414;         }
.breadcrumbs a {  color:#74787C;          }





/* 品牌页面 */
.b-box{  display:flex; padding:1rem;  margin:0 0 1rem;  border:0.1rem solid #E8E8E8;  border-radius:0.3rem; }
.b-cover { background-size:cover; background-position:50% 50%; height:15rem; border-radius:1rem;  }
.b-head { justify-content:space-between; position:relative; display:flex; }
.b-headleft {  margin:0 0 0 1rem;   display:flex;           }
.b-headright {  display:flex; margin:2rem 0 0 0;            }
.b-logo {  border:0.1rem solid #E8E8E8; width:10rem; height:10rem; border-radius:1rem; line-height:8rem; padding:1rem; margin:-4rem 0 0; background:#fff;      }
.b-logo img {        }
.b-name {  margin:2rem 0 0 2rem;           }
.b-name h1,.b-name h2  {  font-size:1.3rem; font-weight:bold; line-height:2rem;           }
.b-name h5{     font-size:0.9rem; color:#74787C;        }
.b-btn {  border-radius:0.8rem;  display:inline-block; padding: 0 1rem; height:2.5rem;  text-align:center; line-height:2.5rem; margin:0 1rem 0 0; }
.b-homepage,.b-share  {  background:#F6F6F7;     }
.b-contact {  background:#141414; color:#fff; }


.b-nav { display:flex; justify-content:space-between; margin:1rem 0 0; width:100%; white-space:nowrap; position: relative; z-index: 2; font-weight: bold;height:3rem;overflow-x:auto; 
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
  scrollbar-width: none;     /* Firefox */}

.b-nav ul.b-nav-one li { vertical-align:middle; display: inline-block;}
.b-nav ul.b-nav-one li a { font-size:1.1rem; padding:0.5rem 1rem; display:inline-block; border-bottom:transparent solid 0.15rem;}
.b-nav ul.b-nav-one li a.active,.b-nav ul.b-nav-one li a:hover { border-bottom:#141414 solid 0.15rem; color:#141414; }

.b-nav ul.b-nav-two li { display: inline-block; vertical-align:middle; }
.b-nav ul.b-nav-two li a  { font-size:0.95rem; padding:0.6rem 0.8rem; display:inline-block;border-bottom:transparent solid 0.15rem;}
.b-nav ul.b-nav-two li a.active,.b-nav ul.b-nav-two li a:hover { border-bottom:#141414 solid 0.15rem; color:#141414;}

.b-nav::-webkit-scrollbar {
  display: none;
}

.b-intro {  text-indent:2em; line-height:1.8rem; font-size:0.95rem; margin:2rem 0;    }
.b-ftitle {  padding:0.5rem 0 1rem;      }
.b-ftitle h3 { font-size:1rem; font-weight:bold;  }
.b-fdes{ font-size:0.9rem; line-height:1.6rem;       }



.modal {   top:30%; }
.modal-header { border:none; }
.modal-header h3 { font-size:1.1rem; }
.modal-footer { border:none;justify-content:center; padding: 1rem 0 3rem;}
.modal-content { text-align:center; }
.modal-btn { background: #141414; padding:0.5rem 2rem; color:#fff; border-radius:0.5rem;    }
.modal-share { display:flex;     }
.modal-share img { width:6rem; height: 6rem; background:#F6F6F7; padding:1rem; border-radius:0.2rem; }
.modal-share span { margin:1.5rem 0 0 2rem; }
.modal-copy {  border-top:0.05rem #E8E8E8 solid;  padding:1rem 0; margin:1rem 0;          }


@media  (max-width:768px) {
.b-cover { height:12rem; } 
.b-head { display:grid; justify-content:center;}
.b-headleft  { display:block;  margin: 0 auto;}
.b-logo { margin:-5rem 0 0; }
.b-name { margin:1rem 0 0; text-align:center; }
.b-nav ul.b-nav-two li a  { font-size:1.1rem;  padding:0.5rem 1rem;}
}


/*  国家品牌列表     */


.bc-area {  margin:0 0 1rem;              }
.bc-area dt {  font-size:1rem;  line-height:2rem;             }
.bc-area dd {  font-size:0.95rem;   line-height:2rem;             }
.bc-area dd a {  margin:0 1rem 0 0; font-size:0.95rem;  }

.bc-lettle { display:inline-block; flex-wrap: wrap; margin:0 0 1rem;        }
.bc-lettle dt  { display: inline-block; width:3rem; text-align:center;   font-size:2rem; color:#74787C; font-family:CenCentaur,Times New Roman; vertical-align: top;     }
.bc-lettle dd  { display: inline-block; width: calc(100% - 4rem);  margin:0.3rem 0;               }
.bc-lettle dd a {  margin:0 1rem 0 0 ;   line-height:2rem;     }

.bc-country {      display:flex;  line-height:2.5rem;  }
.bc-country  dl {  display:flex;  }
.bc-country dt{ display:inline-block;  width:50px; color:#74787C; font-weight:normal;  vertical-align:top;        }
.bc-country dd {   display:inline-block;  width:calc(100% - 50px);  }     
.bc-country dd a{  margin:0 0.5rem;        }
.bc-country dd a.active{ background:#141414; color:#fff; padding:0.3rem 0.5rem; border-radius:0.5rem;}

.bc-alph {   display:inline-block; width:60px;      }
.bc-alph h3 { font-size:3rem; color:#74787C; font-family:CenCentaur,Times New Roman;              }
.bc-block { display:inline-block; width:calc( 100% - 60px); }

a.bc-logo { text-align:center;  }
a.bc-logo dt { border:0.1rem solid #E8E8E8; overflow:hidden; }
a.bc-logo dt img { width: 100%;transition: .3s; }
a.bc-logo dt img:hover { transform:scale(1.1); } 
a.bc-logo dd {  line-height:3rem;   }



.bl-box  {  border-bottom:0.1rem solid #E8E8E8;   width:12rem; height:9rem;    } 


/*   设计师   */
.d-head { margin:0 0 1rem; display:flex; position:relative; justify-content:space-between;     }
.d-headleft {  display:flex;        }
.d-headright {  display:flex; margin:3rem 0 0;      }
.d-avator {  border:0.1rem solid #E8E8E8; width:10rem; height:10rem; border-radius:1rem;  background:#fff; padding:1rem;line-height:8rem;       }
.d-info { vertical-align:bottom; margin:3rem 0 0rem 1rem;  }
.d-info h1 { font-size:1.3rem; line-height:2rem; font-weight:bold;font-family:CenCentaur,Times New Roman;  }
.d-info h2 { font-size:1.1rem; line-height:1.7rem;}
.d-info h5 { color: #74787C;  font-size:0.9rem; line-height:1.5rem;    }
.d-info h6 { font-size:0.9rem;  color: #74787C;    }
.d-intro { margin:1rem 0; font-size:0.95rem; line-height:1.5rem; }

@media  (max-width:768px) {
.d-headleft {  display:block; } 
.d-head { display:grid; justify-content:center;}
.d-info { margin:1rem; }
.d-headright { margin:0; }
}


/*  新闻资讯   */

/* 文章内容 */
.a-news {   border-radius:0.3rem;  overflow:hidden; padding:1rem;   }
.a-title {  text-align:center;  }
.a-title h1{  font-size:1.4rem; line-height:3rem; font-weight:bold;  }
.a-title h5{  color:#74787C;  font-size:0.85rem; margin:0.5rem 0 1.5em;}
.a-des  { background: #F6F6F7; padding:1rem; margin:1rem 0; line-height:1.8rem;  font-size:0.9rem; color:#74787C; }
.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 #E8E8E8; border-bottom:0.1rem solid #E8E8E8;padding:1.5rem 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:#E53E3E; color:#fff; }
.a-np { color: #74787C; font-size:0.9rem; padding: 1rem 0 0;}
.a-np a { color: #141414; }


/*  品牌故事  */
.b-story {  font-size:1rem;                }
.b-story a.infotextkey {  text-decoration: underline; font-weight:bold;    }
.b-story p { margin:0 0 1rem; line-height:1.8rem; }
.b-story p img { text-align:center; }
.b-data {   overflow-x:auto;  boroder:0.05rem solid #E8E8E8;             }
.b-data table {            }
.b-data th {  font-weight:normal; color: #74787C;  min-width:6rem;       }
.b-data td {    min-width:10rem;             }

/* 品牌专卖店 */
.b-store { margin:0 0 1.5rem; background:#F6F6F7; border-radius:0.3rem;  }
.b-store dl {   padding:1.5rem 2rem 2rem;     } 
.b-store dt { margin:0.5rem 0; line-height:2.5rem; border-bottom:0.1rem solid #E8E8E8; font-size:0.9rem;      } 
.b-store dd {  line-height:2rem; font-size:0.9rem; color:#74787C;     } 
.b-store:hover { background:#E53E3E; color:#fff; }
.b-store:hover dt {color:#fff;  }
.b-store:hover dd {color:#fff;  }
/* 新闻列表 */
.al-box { margin:0 0 1.5rem;  overflow:hidden;  box-shadow: 0px 9px 21px rgba(0, 0, 0, 0.04);   }
.al-box-img {position: relative; overflow: hidden;  }
.al-box-img img  { max-height: 12rem; text-align: center; width: 100%; transition:.3s;    }
.al-box:hover .al-box-img img  { transform:scale(1.2); padding: 0.5rem;}
.al-box-info {  max-height:7.5rem; padding:0 1rem 1rem;      }
.al-box-info h4 { font-weight: bold; font-size:0.9rem; margin:0.8rem 0; text-overflow: ellipsis; overflow: hidden; height: 1.25rem;}
.al-box-info p { font-size: 0.85rem; line-height:1.8;  text-overflow:ellipsis; overflow:hidden; margin:0 0 1.5rem; color:#74787C;   }

/*  案例列表      */
.cl-box {    position:relative;  margin:0 0  9rem;                       }
.cl-box:hover .cl-box-info { background:#E53E3E;   }
.cl-box:hover .cl-box-info h5 a,.cl-box:hover .cl-box-info p {color:#fff;}
.cl-box-img    {   max-width:28rem; height:15rem;  background:no-repeat; background-size: cover; background-position: 50% 50%;    }
.cl-box-info   { box-shadow: 0px 9px 21px rgba(0, 0, 0, 0.04);  position:absolute;  height:9rem; background:#fff; padding:1.5rem 2rem; margin:-3rem 3rem 5rem 3rem;width: calc(100% - 6rem);                       }
.cl-box-info h5 { font-size:1rem;font-weight:bold; line-height:1.6rem; height:3.2rem; overflow:hidden;  }
.cl-box-info p  { font-size:0.85rem; line-height:1.2rem; color:#74787C; margin:1rem 0 0;}



/* 分类   */

.cat-box { margin:0 0 1rem; background:#F6F6F7;      }
.cat-box dt {}
.cat-box dd { font-size:0.9rem; font-weight:bold; line-height:2rem; margin:0 0.5rem; }

.cat-circle { text-align:center; margin:0 0 1rem;          }
.cat-circle dt {  font-size:1rem;         }
.cat-circle dd {          }
.cat-circle dd img {  border-radius:50%; width:6rem; height:6rem; overflow:hidden;         }


/*   系列列表  */
.sl-box {   border:#E8E8E8 0.05rem solid; margin:0 0 1.5rem;  border-radius:1rem; overflow:hidden;     }
.sl-box-img {      }

.sl-box-info { background:#F6F6F7; padding:1rem 0;  text-align:center;            }
.sl-box-info h4 { font-size:0.9rem; font-weight:bold; }

/*  设计师列表  */

.dl-lettle {   border-bottom:0.1rem solid #E8E8E8;   line-height:2rem; margin:0.5rem 0;      }
.dl-lettle h3 {font-weight: bold; color:#74787C; font-size:1.8rem;font-family:CenCentaur,Times New Roman;      }
.dl-list {    margin:0 0 1.5rem;     }
.dl-list dl { width:50%;  float:left; margin:0.5rem 0;         }
.dl-list dt { font-size:0.85rem;         }
.dl-list dd { font-size:0.90rem;  font-family:"Microsoft YaHei",Arial,sans-serif;     }






/*  商品列表 */
.pl-box { border:#E8E8E8 0.05rem solid; margin:0 0 1.5rem;  position: relative; box-shadow:0px 9px 21px rgb(0 0 0 / 4%); border-radius:0.3rem; overflow:hidden;   }
.pl-box:hover img{ transform:scale(1.2);  transition:0.3s; }
.pl-box-img {  overflow:hidden; }
.pl-box-img img  { text-align: center; width:100%;  transition:.3s;   }
.pl-box-img span { position:absolute; left:1rem; top:1rem;  width:2rem; height:2rem; line-height: 2rem; background:#E53E3E; border-radius:0.2rem; color:#fff; text-align:center; font-size:0.85rem;   }
.pl-box-info {  padding:1rem;  background:#F6F6F7;  }
.pl-box-info h6 {font-size: 0.9rem; color:#74787C;   }
.pl-box-info h4 { max-height: 2rem; line-height: 1rem; overflow: hidden; width:100%; margin: 0.5rem 0;color:#141414; font-size:1rem;  font-weight: bold;}
.pl-box-info p { font-size: 0.9rem; line-height: 1.2rem; height: 1.2rem; color:#9c9c9c; margin: 0 0 0.5rem;   }
.pl-box-info p span { color:#E53E3E; font-weight:600; }
.pl-box-info p del { color:#74787C; }

.pl-box:hover .pl-box-info { background:#E53E3E; color:#fff; }
.pl-box:hover .pl-box-info h6,.pl-box:hover .pl-box-info p span,.pl-box:hover .pl-box-info p del,.pl-box:hover .pl-box-info h4 {   color:#fff;    }


/*   公共模块 */

.heading { margin:1.5rem 0;  }
.heading h1,.heading h2 {  font-size:1.3rem; line-height:2rem; font-weight:bold;    }
.heading p { color:#74787C; font-size:0.85rem; line-height: 1.2rem; }
.heading span {  padding:0.3rem; display:block; }

.h-box {  position:relative;width:100%; height:100%; overflow:hidden;  }
.h-bg {  position:absolute;left:0;top:0; right:0; bottom:0;  z-index:1;  }
.h-title {   z-index:5; position:relative;  padding:2rem 2em 1rem;            }
.h-title h1 { font-size:1.4rem; font-weight:bold;  line-height:3rem;       }
.h-title span {  background:#141414; width:2rem; height:.2rem;  display:block;        }
.h-bg-opcity{ z-index:6; position: relative; background:rgba(248,248,248,.9);  padding:0 0 2rem; display:flex; justify-content:space-between; }
.h-des { padding:1rem 2em 3rem;  }
.h-des p { text-indent: 2em;  line-height:1.6rem; font-size:0.9rem; color:#74787C; margin:0 0 1rem;}
.h-category { margin:3rem 0 1rem;   }
.h-category dt {  font-size:0.8rem; color:#74787C; line-height:1.8rem;  }
.h-category dd {  font-size:0.9rem; line-height: 1.8rem;} 
.h-pic { margin:0 auto;  border:0.1rem solid #E8E8E8;  border-radius:1rem;  width:8rem; height:8rem; overflow:hidden; padding:1rem; background:#fff;      }

@media  (max-width:575px) {
.h-category { display:none; }
}



.head-bg-banner { position: relative; background-repeat:no-repeat; background-position:50% 50%; background-attachment:scroll; padding:4rem 0 5rem ;  }
.head-bg-opcity { position:absolute; left:0; right:0; top:0; bottom:0; z-index:2; background:#000; opacity:0.3;  }
.head-bg-title {  color:#fff; z-index:3; position:relative; padding:2rem 2em 1rem; }
.head-bg-title h1 {  font-size:1.4rem; font-weight:bold; line-height:3rem;   }
.head-bg-des { color:#fff; z-index:3; font-size:0.95rem; position:relative; padding:0 2em 1rem; line-height:1.6rem;}


.category-title {       }
.category-title h2 {  font-size:1.3rem;  font-weight:bold;  line-height:3rem;      }
.category-title span { display: block; width:2rem; background:#141414; height:0.2rem; }
.category-des { padding: 1rem 0;  font-size:0.95rem;  line-height:1.6rem;    }


.design-banner-bg { background:url( ../img/design-service.jpg) scroll no-repeat 50% 80%; background-size:cover;height:25rem;       }
.design-banner { margin:4rem 0; color:#fff;  width:40%;}
.design-banner h3 { font-size:1.2rem; font-weight:bold; }
.design-banner p { font-size:0.9rem; line-height:1.5rem; margin:1rem 0; }
.design-btn{ background:#E53E3E; color:#fff;  text-align:center; padding:0.5rem 1rem;  border-radius:0.1rem;margin:1rem 0;  }
.design-btn:hover { background:#fff; color:#141414;}


.font-white { color:#fff; }
.font-black { color:#141414; }




/* 图片分类模块链接  */
.img-block { box-sizing:border-box;overflow: hidden; padding:1.5rem; position:relative; height:30rem; display:block; margin:0 0 1.5rem;   }
.img-block span { position:absolute;  background:#fff; left:0; right:0;top:0; bottom:0;  background:#000; opacity:0.3; z-index:2; }
.img-block h3 { font-size:1.2rem; z-index:3; font-weight:bold;  position:relative;  margin:0 0 0.8rem;   }
.img-block p { font-size:1rem; line-height:1.5rem; z-index:2; position:relative;  font-size: 0.9rem;}
.img-block img { position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; }

@media  (max-width:768px) {
.img-block { height:25rem; }
}



.text-block {  border-bottom:#E8E8E8 0.1rem solid;font-size:1rem; padding:0.6rem 0; width:100%; display:flex; font-weight:bold; margin:0 0 1rem;  }

/*   owl模块 */

.owl-prev  {     position:absolute; left:-2rem;    top:35%;  }
.owl-next  {     position:absolute; right:-2rem; top:35%;  }
.owl-theme .owl-nav [class*=owl-] { font-size:3rem !important;    }


/* 房间列表 */

.rl-box { background:#F6F6F7; padding:1rem 1rem 0; margin:0 0 1.5rem;      }
.rl-box-img {          }
.rl-box-info {   display:flex; justify-content:space-between;   }
.rl-box-info h3{  font-size:1rem; font-weight:bold;  padding:1rem 0;    }
.rl-box-info span{ font-size:1.5rem; line-height:3rem;    }

/*  热门品牌    */
.b-hotbrand { transition:.2s;overflow: hidden; border-radius: 0.2rem; margin: 0 0 1.5rem;  position:relative;  width:100%; height:13rem;  border:0.05rem solid #E8E8E8;  }
.b-hotpic {  height:8rem;width:100%;  overflow:hidden;  }
.b-hotinfo { position:absolute; left:0; text-align:center; width:100%;display:block; background:#fff;   }
.b-hotlogo  { background-size:cover; background-position:50% 50%;  width:4rem; margin:0.5rem auto ;  height:1.6rem; overflow:hidden;     }
.b-hotinfo span { background:#141414; height:2px; width:0rem; display:block; margin:0 auto;transition:all 1s ease;  }
.b-hotinfo h4 {  font-size:1rem;  line-height:2rem;  font-weight:bold;  }
.b-hotinfo p  {  font-size:0.8rem; color:#74787C;  line-height:1.2rem;      } 
.b-hotbrand:hover .b-hotinfo { top:5rem; transition:all 0.4s ease-out; }
.b-hotbrand:hover span { width:5rem; }


/* 搜索页面  */
.head-keyword {  padding:1.5rem 0;        }
.head-keyword a {display: inline-block; background:#F6F6F7; padding:0.3rem 0.5rem;  color:#74787C; font-size:0.85rem; border-radius:0.15rem; margin:0.3rem; }
.head-keyword a:hover {  background:#E53E3E; color:#fff;   }

@media  (max-width:576px) {
.head-keyword{ display:none;  }

}

/* 产品页面 */

.p-carousel {        }
.p-carousel ul.nav {}
.p-carousel ul { }
.p-carousel ul li { display:inline-block; width:100%; }
.p-carousel ul li a{  border:0.1rem solid #E8E8E8; margin:0.5rem 0; display: inline-block;}
.p-carousel ul li a.active { border:0.1rem solid #E53E3E;  }


@media  (max-width:1199px) {

.p-carousel ul li  { display:inline-block; width:6rem; height:4.5rem; }
.p-carousel ul li a { margin:0.3rem; }

}

.p-border { border:0.3rem solid #E8E8E8;   }

.p-lable {  margin:0.5rem 0 0;   }
.p-lable span  { background:#E53E3E; color:#FFF; font-size:0.8rem;  display: inline-block; padding:0.2rem 0.3rem; border-radius: 0.1rem;  }
.p-title {  }
.p-title h1 { font-size:1rem; margin:0.5rem 0 1rem;   }
.p-title h1 a { font-size:1.2rem; display:block; padding:0.5rem 0; }
.p-title h1 span {  font-size:1.3rem;    font-weight:bold;      }
.p-des {  font-size:0.9rem; color:#74787C; line-height:1.5rem;  padding:1rem 0; border-top:0.1rem solid #E8E8E8;     }
.p-info {  height: 100%; display: block;  }
.p-logo { text-align:center; width:7rem; height:7rem; border:0.05rem solid #E8E8E8; border-radius:0.5rem; background: #fff; line-height: 6rem; padding: 0.5rem;margin:2rem 1rem;}
.p-logo img { }
.p-price { padding: 1rem; background: #fff;  }
.p-price span {  color:#E53E3E;font-size:1.3rem; font-weight:bold; }
.p-price  del {  font-size:1rem; margin:0 1rem; color: #74787C;    }
.p-data {  padding:1rem 0;  }
.p-data  li { font-size:0.9rem; line-height:1.7rem;  display:block; }
.p-consulting { padding: 1rem; }

.p-promise { font-size: 0.85rem; color:#74787C ;  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 #E8E8E8;          }
.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: #E53E3E; border-bottom:0.2rem solid #E53E3E; }

.p-tit { border-bottom: #f8f8f8 solid 0.15rem; margin: 1rem 0;       }
.p-tit h3 { color:#74787C; font-size: 1rem; font-weight: bold;  line-height: 2rem; color:     }
.p-parameter { background: #f8f8f8; border:0.05rem solid #E8E8E8;  }
.p-parameter table { width: 100%; }
.p-parameter table tr { border:0.05rem solid #E8E8E8; } 
.p-parameter table td { padding: 0.3rem; }



.p-diy {   margin:1rem 0; text-align:left;    }
.p-diy img{ max-width: 100%!important;   height: auto!important; }
.p-diy p {margin:0 0 1rem; line-height:1.8rem; }

.p-size { background:#F6F6F7; padding:2rem; }
.p-size h3 { font-size:1rem; margin:0 0 1rem; }
.p-size img { max-width:100%; width:30rem; height:auto;margin:0 0 1rem; } 
.p-size p { color:#74787C; }
.p-brand {  margin:1rem auto;      }
.p-brand p {   line-height:2rem; }

.p-brandwrap {  margin:0 0 1rem;       }
.p-brandwrap h3 { font-size:1.2rem; line-height:2rem;       }
.p-brandwrap img { float:right;width:10rem; height:auto;   }
.p-brandwrap p { color:#74787C; font-size:0.9rem;  line-height:1.5rem;              }
.p-brandwrap h5 { line-height: 1.8rem; font-size:0.85rem;  font-weight: bold;}


a.p-order { background:#141414; text-align: center;   padding:0.5rem; color:#fff; display:block;      }
a.p-order:hover { background:#E53E3E;  }

.p-process { display: block; overflow:hidden; background: #F6F6F7; border-radius: 0.5rem; text-align: center; padding:1.3rem 0 2rem;  position: relative; margin: 0 0 1.3rem; transition:all .3s ease; }
.p-process i { display: block; font-size: 2.8rem; padding:1rem 0; }
.p-process p { display: block;font-size:0.9rem;  }
.p-process h6{font-weight: bold; font-size: 3rem; opacity: 0.1; color:#74787C ; position: absolute; bottom: -1.5rem; left: 0; right: 0; }
.p-process:hover { background:  #E53E3E; color: #fff;      }
.p-process:hover i,.p-process:hover h6 { color: #fff;box-shadow:0 0 0 1px rgba(67, 41, 163, .08), 0 1px 5px 0 rgba(67, 41, 163, .08); }

.p-maintain {             }

@media  (max-width:576px) {
.p-tabtitle{ padding: 0.5rem 0 0.1rem;   }
.p-tabtitle li { width: 20%; 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 { }

.p-guide {  margin: 1rem 0 0 3.5rem ;  font-size:0.9rem;     }
.p-guide dt { line-height:1.8rem; border-bottom:0.05rem solid #E8E8E8; line-height:3rem; }
.p-guide dt i {  font-size:1.6rem;  }
.p-guide dd { line-height:2.5rem;  font-weight:bold;   }



/*   tags页面   */

.tl-letter { margin: 0.5rem 0 ;  padding: 0 0 1rem; font-size:1rem;  }
.tl-letter a { font-family:CenCentaur,Times New Roman; display: inline-block; margin: 0 0.5rem 0.3rem 0;   padding:0 0.5rem; text-transform: uppercase; font-weight: bold; font-size:1.2rem;}
.tl-letter a:hover {  font-weight: bold; }
.tl-letter span {  font-size: 1rem; color:#74787C; }

@media (max-width:576px) {
.tl-letter span { display: block; text-align: center; line-height: 1rem; }
}
.tl-block {display:block; margin-bottom:1rem;  border-radius: 0.3rem; padding:1rem; border:#E8E8E8 0.1rem solid; }
.tl-alphabet { color:#74787C; font-size: 1.5rem; font-family:CenCentaur,Times New Roman; font-weight: bold;    }
.tl-tag{font-size: 0.9rem; padding:0.3rem 0.5rem; }
.tl-tag a { background:#F6F6F7; padding:0.3rem 0.5rem; margin: 0 0.3rem 0.5rem; display: inline-block; border-radius: 0.1rem;     }
.tl-tag a:hover { background:#141414; color:#fff; }



/* 帮助box */
a.helpbox { display:block; border:#E8E8E8 0.1rem solid;  border-radius:0.3rem; margin:0 0 1.5rem; text-align:center;   padding:2rem 1rem;   transition:all .3s ease-in-out;  box-shadow:0px 9px 21px rgb(0 0 0 / 4%);  }
a.helpbox:hover { transform:translateY(-0.5rem); background:#E53E3E; color:#fff; }
a.helpbox:hover i{ background:#fff; color:#141414;      }
a.helpbox:hover p{ color:#fff;      }
.helpbox i {    font-size:1.5rem;  border-radius:50%;  width:5rem; height:5rem; line-height:5rem; background:#F6F6F7;      }
.helpbox h3 {   font-size:0.9rem;  font-weight:bold;line-height:2.5rem;        }
.helpbox p {   font-size:0.85rem; line-height:1.5rem; color: #74787C; height:3rem;       }


a.help-info { transition:all .3s ease-in-out;  border-bottom:0.05rem solid #E8E8E8; padding:0.7rem 0; display:block; }
a.help-info:hover { margin:0 0 0 0.3rem;  }

.help-box {   border-radius:0.3rem;  overflow:hidden; padding:1rem;  border:0.1rem solid #E8E8E8;           }
.help-title { text-align:center;  padding: 1rem 0; border-bottom:0.05rem solid #E8E8E8;}
.help-title h1 { font-size:1.2rem; font-weight:bold; }
.help-content { padding:1rem; border-top:0.1rem solid #E8E8E8; border-bottom:0.1rem solid #E8E8E8; min-height:20rem;}
.help-content p  { line-height:2rem; }
.help-content img  { margin:0 0 1rem; }
.help-np { font-size:0.95rem; padding:0.5rem; }


/*sitemap*/

.sitemap {         }
.sitemap dt { border-left:0.3rem solid #E53E3E; background:#F6F6F7; height: 3rem; line-height:3rem;      }
.sitemap dt a {  font-size:0.9rem;  color: #141414; margin:0 1.5rem; white-space:nowrap;      }
.sitemap dd {  line-height:3.5rem;padding:0 1.5rem; min-height:3.5rem; }
.sitemap dd a  {  padding:0 1rem;  white-space:nowrap; }

/*  404  */
.p404 {   padding:2.5rem 3rem 3rem; border:0.1rem solid #E8E8E8; border-radius: 0.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:#74787C; padding:1.5rem 0; }
a.btn-404   {  background:#000; color: #fff;   padding:0.7rem 2rem;  display: inline-block; margin: 0 1rem; border-radius: 0.2rem; }
a.btn-404:hover  {  background: #E53E3E;  }


/* 分页   */
.pages {  margin:3rem  auto;  text-align: center;  font-size: 1rem;     }
.pages a {   padding: 0.6rem 1rem;  background: #F6F6F7;   }
.pages b { color:#fff;       background:#E53E3E;   padding: 0.6rem 1rem;   }
.pages a:hover  {    background:#E53E3E; color: #fff }








/* 侧边栏分类  */
.w-box {  border:#E8E8E8 0.1rem solid;   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 #E8E8E8; padding:0 0 0.5rem; font-size:0.9rem; }
.w-category li a { justify-content:space-between; display:flex;  align-items:center; width:100%; }
.w-category li a span { color:#74787C; font-size:0.85rem; }

.w-tags {  }
.w-tags a { display:inline-block;  padding:0.3rem 0.5rem; border:0.05rem solid #E8E8E8; margin:0 0.8rem 0.8rem 0; font-size:0.85rem; }
.w-tags a:hover {  border:0.05rem solid #E53E3E; background:#E53E3E; color:#fff;     }


.w-pro {  display:flex; border-bottom:0.05rem dashed #E8E8E8;padding:0 0 1rem;  margin:0 0 1rem;  }
.w-pro-img { max-width:7rem; border:0.05rem solid #E8E8E8; 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 p { color:#141414;    }

.w-news {  display:flex; border-bottom:0.05rem dashed #E8E8E8;padding:0 0 1rem;  margin:0 0 1rem;    }
.w-news-img { max-width:7rem; border:0.05rem solid #E8E8E8; 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:#74787C; font-size:0.85rem;    }

.w-brand {     }
.w-brand img { border:0.05rem solid #E8E8E8;      }
.w-brand dt {  line-height:2rem;  text-align: center;font-size:1rem; padding:0.5rem 0;}
.w-brand dd {  line-height:2rem; font-size:0.9rem;        }
.w-brand dd a {         }

.w-help { font-size:0.85rem; background: #F6F6F7;  border-radius:0.2rem;    overflow:hidden; margin:0 0 1rem;     }
.w-help dt {   font-weight:bold; background:#141414; color:#fff;  padding:0.5rem 1rem; }
.w-help dd { border-bottom:#E8E8E8 solid 0.05rem;  padding:0.5rem 1.5rem ; }
.w-help dd a{ color:#74787C;  }
.w-help dd a:hover { color:#141414; }
.w-help dd a.active { color:#E53E3E; font-weight:bold; }

/*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;}




.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:#74787C; border-radius:0.2rem;  }
.tab-choose li i {     font-size:2rem; margin: 0 0.3rem 0 0;       }
.tab-choose  li a.active { background:#E53E3E; color:#fff; }
.choose-box { position: relative;  } 
.choose-pic {  background:#F6F6F7;  }
.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; }
}




/* 门店 */

.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 {         }
.shop-pic {}
.shop-booking {}

/* 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;                }







/*   排行榜   */
.r-brandbox  { box-shadow: 0 0 0 1px rgb(67 41 163 / 8%), 0 1px 5px 0 rgb(67 41 163 / 8%);   margin: 0 0 1rem; padding: 0 0 1rem;border-radius: 0.2rem;}
.r-brandbox  dt { height: 3rem; line-height: 3rem;  font-size: 1rem;  padding: 0 0.5rem; border-radius: 0.2rem ;  }
.r-brandbox  dt  a {     }
.r-brandbox  dd { position: relative; border-bottom: 1px solid #E8E8E8; height:3rem; margin: 0 0.6rem; overflow: hidden; line-height: 3rem;}
.r-brandbox  dd i { font-size: 1.2rem; color:#E53E3E; width: 1.5rem;display: inline-block; line-height:3rem; }
.r-brandbox  dd strong { font-size: 0.9rem; font-weight:normal; }
.r-brandbox  dd span { position: absolute; right:0px; top: 0px;  }
.r-brandbox  dd span img { max-width:2.5rem; height:auto;}





/*  推荐品牌样式  */
.b-hotbox {transition:.2s;overflow: hidden; border-radius: 0.2rem; margin: 0 0 1rem;  box-shadow:0 0 0 1px rgb(67 41 163 / 8%), 0 1px 5px 0 rgb(67 41 163 / 8%); }
.b-hotbox-pic { overflow: hidden;  }
.b-hotbox-pic img { width: 100%; transition: .3s;  }
.b-hotbox-pic img:hover {transform:scale(1.1);}
.b-hotbox-content {  padding:1rem;  overflow: hidden; }
.b-hotbox-logo  { float: left; width: 35%;   }
.b-hotbox-info  { float:right;width: 60%;             }
.b-hotbox-info  h3  { font-size: 1rem;font-family: "Microsoft YaHei",Arial,sans-serif; font-weight: bold; line-height: 1.2rem; margin: 0 0 0.3rem;}
.b-hotbox-info  h4  { font-size: 1rem; font-family: Georgia,Serif; font-weight: bold; line-height:1.2rem;  }
.b-hotbox-info p {font-size: 0.85rem; line-height: 1rem;   }
.b-hotbox-info p a { color: #74787C; margin: 0 0.3rem 0 0;                      }

/*  推荐品牌样式2  */





/* 搜索 */

.search {  margin: 1rem 20%;   text-align: center;           }
.search form { margin: 0 auto; text-align: center; }
.search input {   border: 0.05rem solid #E8E8E8; padding: 0.5rem 1rem; width: 20rem; }
.search button {  border: 0.5rem solid #E8E8E8;        }
.search h1 { color: #141414; font-size: 1rem; font-weight: normal;margin:1rem 0 0; }
.search h1 span { color: #141414; font-weight:bold;}
.search h1   b  {color:#E53E3E;font-weight:bold;}     


/*  服务  */
.service-box.active { background:#E53E3E; color:#fff; }
.service-box.active i,.service-box.active p{ color:#fff; }
.service-box { border-radius: 0.3rem; transition: all .5s ease-in-out; border:#F6F6F7 0.1rem solid;  padding: 1rem; border-bottom:0.2rem solid transparent; box-shadow:0px 9px 21px rgb(0 0 0 / 4%);  margin:1rem 1rem 1.5rem; text-align:center;   }
.service-box:hover { border-bottom:0.2rem solid #E53E3E;  }
.service-box i {  font-size:3rem; color:#E53E3E;      }
.service-box h4 { font-size:0.9rem; font-weight:bold; margin:1rem 0;      }
.service-box p { height:3rem; line-height:1.5rem; font-size:0.85rem;  color:#74787C;         }



/*    team    */
.team-box  { border:0.1rem solid #E8E8E8; border-radius:0.2rem;   display: block; width:100%; height:100%;       }
.team-zheng {   display: block;  	transform-style: preserve-3d;transition: all .7s ease-out          }
.team-img {           } 
.team-info  {   text-align: center; padding: 1rem 0;          }
.team-info  h3 {  font-size:1rem; line-height: 2rem; font-weight:bold;          }
.team-info  p  {   font-size:0.85rem; line-height: 1rem; color:#E53E3E; margin: 0 0 0.5rem;       }
.team-info  span { background:#E53E3E; height:0.1rem; display: block; width:1.5rem; margin: 0 auto;}
.team-fan  {   display: none; background:#fff; padding: 1rem 0 0; transform: rotateY(180deg);	transform-style: preserve-3d;transition: all .7s ease-out            }
.team-info2{  border-left:0.15rem solid #E53E3E;  padding:5px 20px;                              }
.team-info2 h3 {  font-size:1rem;  line-height: 1.5rem; font-weight:bold; }
.team-info2 p {  font-size:0.85rem;x;  line-height: 1rem;color:#E53E3E; }
.team-intro  {  padding:1.5rem;   font-size:0.9rem;                    }
.team-box:hover {  box-shadow: 0 2px 4px rgb(3 27 78 / 10%); }
.team-box:hover .team-zheng  { display: none; transform: rotateY(-180deg); }
.team-box:hover .team-fan  { display: block; transform: rotateY(0);}
/*    联系我们  */

.contact-info { background:#F6F6F7; padding:2rem 3rem; display:flex;  border-bottom:#E8E8E8 0.05rem solid;    }
.contact-info i { display:inline-block;  font-size:3rem; color:#74787C;}
.contact-info dl {   margin:0 0 0 1rem;     }
.contact-info dt {   font-weight:normal; line-height:2rem;           }
.contact-info dd {  line-height:2rem;           }


.ma-box {  text-align:center;  padding:2rem 1rem 1rem;  margin:0 0 1rem;  border:0.1rem solid #E8E8E8;}
.ma-box dd {  }
.ma-box dd img { max-width:5rem; height:auto; }
.ma-box dt { font-weight:normal; font-size:0.95rem; line-height:3rem; color:#a9a9a9;}



/*  企业文化 */

.culture-box {  position:relative;  background:#F6F6F7; border-radius: 0.2rem;  padding:1.5rem 1rem 1rem; margin: 2rem 0 0;                          } 
.culture-box  h3   {   font-size: 1rem;  margin: 0 0 0.5rem;  font-weight: bold;                  }
.culture-box  h4   {   font-family:Arial,Impact,Georgia; font-size: 1rem;margin: 0 0 0.5rem; font-weight: bold;   color:#141414;              }
.culture-box  p   {     font-size:14px; color:#74787C;            }
.culture-box  span   { font-family:Arial,Impact,Georgia;  position: absolute;   right: 1.5rem;  top:-2rem;  font-size:60px; font-weight: bold;  color:#E53E3E;              }
.culture-bg { background:url(../img/culture_bg.png) scroll no-repeat 50% -30%; }
.culture-box:hover { background:#E53E3E;box-shadow: 0 2px 4px rgb(3 27 78 / 10%); }
.culture-box:hover h3,.culture-box:hover h4,.culture-box:hover  p  { color:#fff;     } 
.culture-box:hover span { color:#fff; top:0; }

@media (max-width:769px) {
.culture-bg  { background-image:none; }
}


/* 品牌logo  */
.logo-box { border:0.1rem solid #E8E8E8; margin: 0 0 1.5rem;}
.logo-box:hover {  border:0.1rem solid #E53E3E;   }




/* 相册   */    
.gallery {  margin:0 0 1.5rem 0;       }

/*  对比 */

.vs-box  { background: #fff; box-shadow:0px 9px 21px rgb(0 0 0 / 4%); padding:30px;      }
.vs-brand { padding: 20px; background: #F6F6F7; text-align:center; }
.vs-brand img  {  width:100%; max-width:200px; }
.vs-brand h3  {  font-size:18px; font-weight:bold; line-height:30px;  }
.vs-info { margin:10px 0;   }
.vs-info li { border-bottom:1px solid #ebebeb;padding:10px 0; }
.vs-info li span {    float:right; }
.vs-block {
  position: relative;
  background: #fff;
  border-radius:5px;
  margin: 0 0 20px;
  display: flex; /* 使用flexbox实现并排 */
  align-items: center; /* 垂直居中 */
  border:1px solid #E8E8E8;
  padding: 10px;
  box-shadow: 0px 9px 21px rgb(0 0 0 / 4%);
  transition:transform 0.3s, box-shadow 0.3s;
}
.vs-block:hover { transform:translateY(-5px); }
.vs-pin {
  width: 50%;
  display: inline-block;
  align-items: center;
  overflow: hidden; /* 防止图片溢出 */
}
.vs-pin:hover { background:#F6F6F7;  }
.vs-pin img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain; /* 保持图片比例 */
}
.vs-pin  p { display:block; text-align:center;margin:0 0 20px; }
.vs-vs {
  position: absolute;
  left: calc(50% - 1rem); 
  top: 30%; 
  background: #E53E3E;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  z-index: 10; /* 确保在图片上方 */
}
.vs-chan {   width: 45%;
  display: inline-block;
  align-items: center;
  overflow: hidden;
  margin:7.5% auto 5%;  text-align:center;      }

.vs-chan img { border:1px solid #E8E8E8; }
.vs-chan h3 { font-weight:bold; font-size:15px;margin:15px 0 5px; height:20px; overflow:hidden; }
.vs-chan h5  {font-size:14px; color:#74787C;line-height:25px;} 
.vs-chan p { font-size:12px; font-weight:bold; color:#E53E3E; line-height:20px;}
.vs-des {  background: #F6F6F7; border-left:4px solid #E53E3E; border-radius:5px; padding:15px 20px; margin:0 0 30px;  }
.vs-des h3 {  font-size:15px; line-height:25px; font-weight:bold; }
.vs-des p {  color:#74787C; line-height:25px; font-size:15px; }




/*  公司介绍 */

/* 公司介绍 */
.intro-right{  margin: 1rem 0;   }
.intro-right h4 {   font-size: 1.2rem;   }
.intro-right h2 { color:#E53E3E;   font-size: 1.3rem; margin:0.5rem 0;font-weight: bold;  }
.intro-right p { font-size:0.95rem; margin: 1rem 0; line-height:1.4rem; color:#74787C;}
.intro-advlist {}
.intro-advlist li { color:#141414; padding: 0.3rem 0; font-size:1rem; }
.intro-advlist li::before { font-family:"FontAwesome"; content:"\f05d"; color:#E53E3E; }


.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: #F6F6F7;  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 { z-index:5; color: #000; background:#F6F6F7; 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;}
}

/* 信息统计 */
.total-bg { background-image:url(../img/category-backgroundimage.jpg); background-size:cover; background-position:center;padding:5rem 0; position:relative;  z-index:1; display:flex;  }
.total-dark { background:#141414; position:absolute; left:0; top:0; width:100%; height:100%; content:""; opacity:0.6; }
.totalbox { color: #fff; position: relative;  text-align: center;}
.totalbox i { font-size: 2.5rem; color:#F6F6F7; }
.totalbox h3 { font-size: 2.2rem; font-weight: bold;margin:1rem 0 0.5rem; }
.totalbox h3 sup{  font-size: 1.2rem; }
.totalbox span { font-size: 1rem; }
@media  (max-width:575px )   {
.totalbox  { text-align: center; }
.totalbox::after { background:none;     } 
}


/*使命目标价值观*/
.mission-bg { background:#F6F6F7; }
.mission-box  { position: relative; width: 70%; background:#fff;  border-radius: 0.5rem; margin: 0 auto; padding: 2.5rem;}
.mission-box p { font-size: 1.1rem; line-height: 2rem; font-weight: bold;  }
.mission-box::before {  position: absolute; font-family:"FontAwesome";content:"\f10d"; left:1rem;color: #141414; font-size: 1rem; top: 0.5rem; }
.mission-box::after {  position: absolute;font-family:"FontAwesome";content:"\f10e"; right:1rem; bottom:0; color: #141414; font-size: 1rem;bottom: 0.5rem; }
@media  (max-width:991px )   {
.mission-box { width:90%;}
}


/*       浮动客户       */
.wechat-bar {  box-shadow:0 0 5px 3px rgba(229, 62, 62,.5); width:10rem;background:#E53E3E; }
.wechat-box {  padding:1rem; color:#fff; text-align:center;    }
.wechat-box h5 { font-size:0.7rem;      }
.wechat-box h3 {  font-size:0.8rem; font-weight:bold; padding:0.5rem 0;     }
.wechat-icon { text-align: center; background:rgb(255,255,255,.3); padding:0.3rem 0;    }
.wechat-icon li { display:inline-block; width:33%;  font-size:0.5rem; color:#fff;    }
.wechat-icon li i { font-size:1rem;     }


.float-bar   {      }
.float-bar dd  { box-shadow:0 0 5px 3px rgba(229, 62, 62,.5);width:4rem;background:#E53E3E; font-size:2rem; color:#fff; text-align:center;margin:0.4rem 0;     }
.float-bar dt  {    }
.float-bar dt span {  font-size:0.8rem; display:block;margin:-1rem;  }




/*   网站底部      */

footer { background:#f5f5f5;  position: relative; color: #b3b3b3;  padding:1.5rem 0 0; }


.f-advantage { margin:1rem 0;  padding:0.5rem; background:#fff;}
.f-advbox { position: relative; color: #141414;  margin:0.7rem 0 ;}


.f-advbox span { display: block;  width:3rem;; height:3rem;; border-radius: 50%; text-align: center;}
.f-advbox span i { font-size: 2rem; line-height:3rem;; }
.f-advbox dl  { position: absolute; top:0px; left: 3.5rem;  line-height:3.5rem; }
.f-advbox dt { height: 1.5rem; line-height:1.5rem; font-size: 1rem; }
.f-advbox dd { font-size:0.85rem;  color:#74787C;  line-height: 1.5rem; height:1.5rem;     }
.fmain {    }


.f-text  {  display:flex; margin:1rem 0;         }
.f-text-icon {  width:3rem; height:3rem;  background:#fff; border-radius:50%; text-align:center; line-height:3rem;   margin:0 1rem 0 0; font-size:1.5rem;            }
.f-text-icon i {                   }
.f-text-info  {  width:calc(100% - 3.5rem);                }
.f-text-info  dt {   color:#E53E3E;  font-size:0.9rem; line-height:1.5rem;           }
.f-text-info  dt a  {  font-size:1.2rem; color:#E53E3E;   }
.f-text-info  dd {  font-size:0.85rem; color:#74787C; line-height:1.5rem;             }



.f-kf  {   margin:1.5rem 0;}
.f-kf  a  {  background:#141414;    border-radius:1.2rem;     line-height: 1.5rem; color:#fff;   padding:0.5rem 2.5rem;display:inline-block;      }
.f-kf  a:hover   {    background:#E53E3E;  color:#fff;         }
.f-icons {                        }
.f-icons li {   display:inline-block; background:#fff; width:3rem; height:3rem; line-height:3rem; border-radius:2.5rem;color:#74787C;  margin: 0.3rem;  position: relative;  text-align: center;}
.f-icons li:hover {   background:#E53E3E;  color:#fff; display:inline-block;      }          
.icon-info { position:absolute;   width:15rem;   background: #fff;  height:8rem; padding:0.5rem;  top:-9rem;   left:-5rem;  display:none;  border-radius:0.3rem; box-shadow:0 0.2rem 0.2rem 0 rgba(0,0,0,0.1);   }
.icon-info::before { content:""; display:block;  position:absolute;  width:0; height:0;  border-top:0.2rem solid transparent; border-left:0.2rem solid transparent; border-right:0.2rem solid transparent;             }




.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: #74787C;transition:all .5s ease-in-out; }
.f-list li a:hover  {padding-left:0.6rem;      }
.f-list h3 {  font-size:1rem; line-height:2.5rem; position: relative; color:#141414;  font-weight:bold; }
.f-bottom { padding:1rem 0  2rem;  }
.f-copyright {  text-align: center;   padding:0.5rem 0;  font-size:0.85rem;       }
.f-copyright a { }
.f-bar{ margin:1rem 0 0;  border-top:0.1rem solid #E8E8E8;}


.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; }
}