html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
}
/* HTML5 display-role reset for older browsers */
body {
line-height: 1;
font-size: 0;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a {
text-decoration: none;
}
a:hover{
text-decoration: none;
}
img {
border-style: none;
}
input{
outline: none;
}
.none {
display: none;
}
.sm-visible {
display: none;
}
.clearfix:after {
content:".";
height:0;
visibility:hidden;
display:block;
clear:both;
}
.clearMarg:before {
content:".";
height:0;
visibility:hidden;
display:block;
}
.row{
width: 100%;
}
.l-float{
float: left;
}
.r-float{
float: right;
}
.cv-img{
display: block;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
}
/*取消放大图标*/
.am-figure-zoomable:after{
display: none;
}
/** 分页*/
.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
font-size: 0.2rem;
}
.pagination > li {
display: inline;
}
.pagination > li > a,
.pagination > li > span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: #808080;
text-decoration: none;
background-color: #fff;
border: 1px solid #808080;
margin: 5px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
margin-left: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
z-index: 3;
color: #fff;
cursor: default;
background-color: #ea1c1c;
border-color: #ea1c1c;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
color: #fff;
cursor: not-allowed;
background-color: #ea1c1c;
border-color: #ea1c1c;
}
/** 分页结束 **/
.main-container{
width: 95%;
margin: 0 auto;
font-size: 0;
}
.info-container{
width: 7rem;
margin: 0 auto;
font-size: 0;
padding: 0.5rem 0;
}
.main-img{
display: block;
max-width: 100%;
margin: 0 auto;
}
/* 内页通用标题开始 */
.page-title-box{
width: 100%;
margin-top: 0.4rem;
}
.page-title-en{
width: 100%;
text-align: center;
font-size: 0.5rem;
color: #777777;
font-weight: 500;
}
.page-title{
width: 100%;
text-align: center;
font-size: 0.25rem;
color: #777777;
margin-top: 0.2rem;
}
/* 内页通用标题结束 */
.page-container{
width: 7rem;
margin: 0 auto;
font-size: 0;
min-height: 9rem;
padding: 0.6rem 0;
}
.page-content{
width: 7rem;
margin: 0 auto;
font-size: 0;
min-height: 5rem;
padding: 0.5rem 0;
}
.page-container .news-title {
width: 100%;
font-size: 0.3rem;
color: #333;
text-align: center;
line-height: 0.45rem;
padding: 0.15rem 0;
margin: 0 auto;
}
.page-container .text-content{
}
.page-container .text-content p{
color: #5d5d5d;
font-size: 0.28rem;
line-height: 0.54rem;
margin-bottom: 0.2rem;
}
.page-container .text-content img{
max-width: 100%;
display: block;
margin: 0 auto;
}
.page-container .text-content .sign{
color: #666666;
font-size: 0.25rem;
line-height: 0.35rem;
text-align: right;
margin-top: 0.35rem;
}
/* 关于我们开始 */
.about-us-img{
display: block;
margin: 0 auto;
max-width: 100%;
}
.about-us-items{
padding: 0.2rem;
}
.about-us-items .item-title{
font-size: 0.4rem;
}
.page-container .text-content .about-us-items .text{
margin-top: 0.3rem;
line-height: 0.5rem;
}
.about-us-img-box{
margin-top: 0.3rem;
}
.about-us-img-box img{
max-width: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
.about-us-img-box .left,.about-us-img-box .right{
width: 49%;
height: 3rem;
overflow: hidden;
}
.about-us-img-box .left{
position: relative;
margin-right: 1%;
border: 1px solid #572628;
}
.about-us-img-box .right .top{
width: 100%;
height: 49%;
overflow: hidden;
position: relative;
margin-bottom: 1%;
border: 1px solid #572628;
}
.about-us-img-box .right .bottom{
position: relative;
width: 100%;
height: 49%;
overflow: hidden;
border: 1px solid #572628;
}
/* 关于我们结束 */
/*首页更多开始*/
.index-more{
display: block;
width: 1.8rem;
height: 0.5rem;
line-height: 0.48rem;
text-align: center;
margin: 0 auto;
font-size: 0.26rem;
margin-top: 0.3rem;
overflow: hidden;
}
.index-more a{
display: block;
color: #f8b319;
border: 1px solid #f8b319;
width: 100%;
height: 100%;
}
/*首页更多结束*/
/*首页标题开始*/
.my-title-box{
width: 100%;
text-align: center;
margin-bottom: 0.32rem;
}
.my-title-box .title-cn{
display: inline-block;
color: #000000;
font-size: 0.28rem;
font-weight: normal;
margin-top: 0.2rem;
}
.my-title-box .title-en{
display: inline-block;
color: #333;
font-size: 0.4rem;
position: relative;
margin-top: 0.1rem;
padding: 0 0.8rem;
font-weight: 500;
}
.my-title-box .title-en .red{
color: #d7000f;
}
.my-title-box .line-img{
margin-top: 0.05rem;
}
/*首页标题结束*/
/*内页顶部标题开始*/
.inside-top-title{
width: 100%;
height: 1rem;
font-size: 0;
text-align: center;
overflow: hidden;
box-shadow: 0 4px 9px rgba(0,0,0,0.16);
}
.inside-top-title .title-en{
color: #a4a4a4;
font-size: 0.3rem;
margin-top: 0.15rem;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.inside-top-title .title-cn{
color: #000000;
font-size: 0.36rem;
line-height: 0.4rem;
margin-top: 0.08rem;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.inside-top-title-cn{
width: 100%;
height: 0.7rem;
line-height: 0.7rem;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
text-align: center;
color: #56ad38;
font-size: 0.4rem;
background: #e6dec6;
}
/*内页顶部标题结束*/
/*内页顶部标题开始*/
.inside-bar{
width: 100%;
height: 0.8rem;
line-height: 0.8rem;
position: relative;
background-color: #e8e8e8;
}
.inside-bar .main-container{
position: relative;
}
.inside-top-title-box{
display: inline-block;
width: 100%;
height: 0.8rem;
line-height: 0.8rem;
text-align: left;
border-bottom: 2px solid #d7551b;
display: none;
}
.inside-top-title-box .title-cn{
display: inline-block;
width: 38%;
margin: 0 auto;
height: 0.4rem;
overflow: hidden;
text-overflow: ellipsis;
line-height: 0.4rem;
color: #676767;
font-size: 0.3rem;
text-indent: 0.2rem;
margin-top: 0.3rem;
}
.inside-bar .swiper-box{
width: auto;
height: 100%;
position: absolute;
bottom: 0;
left: 0.1rem;
right: 0.1rem;
}
/*内页选项开始*/
.inside-tabbar-swiper{
display: inline-block;
width: 100%;
}
.inside-tabbar-swiper .swiper-slide{
display: inline-block;
width: 100%;
text-align: center;
}
.inside-tabbar-swiper .swiper-slide a{
display: block;
width: 100%;
height: 100%;
color: #572628;
font-size: 0.25rem;
position: relative;
text-align: center;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.inside-tabbar-swiper .swiper-slide a .name{
color: #572628;
}
.inside-tabbar-swiper .swiper-slide.active a,.inside-tabbar-swiper .swiper-slide:hover a{
color: #fff;
background-color: #333333;
}
.inside-tabbar-swiper .swiper-slide.active a .name,.inside-tabbar-swiper .swiper-slide:hover a .name{
color: #fff;
}
.inside-tabbar-swiper .swiper-slide a .name{
/* width: 100%; */
height: 100%;
}
.inside-tabbar-swiper .swiper-slide:last-child a {
}
.inside-tabbar-swiper .swiper-slide .sign{
position: absolute;
top: 0.08rem;
right: -0.05rem;
width: 0.1rem;
height: 0.1rem;
background-color: #9c733f;
transform: rotate(45deg);
display: none;
}
/* 产品中心专用导航栏开始 */
.inside-product-bar{
width: 100%;
height: 0.8rem;
line-height: 0.8rem;
position: relative;
margin-top: 0.3rem;
}
.inside-product-bar .main-container{
position: relative;
}
.inside-product-title-box{
display: inline-block;
width: 100%;
height: 0.8rem;
line-height: 0.8rem;
text-align: left;
border-bottom: 2px solid #d7551b;
}
.inside-product-title-box .inside-product-title-cn{
display: inline-block;
width: 38%;
margin: 0 auto;
height: 0.4rem;
overflow: hidden;
text-overflow: ellipsis;
line-height: 0.4rem;
color: #d7551b;
font-size: 0.3rem;
text-indent: 0.2rem;
margin-top: 0.2rem;
}
.inside-product-bar .slider-menu-btn{
bottom: 0;
}
/* 产品中心专用导航栏结束 */
/*内页选项结束*/
/*内页顶部标题结束*/
/*规格选项开始*/
.size-tabbar-swiper{
display: inline-block;
width: 100%;
background: #d3d99f;
}
.size-tabbar-swiper .swiper-slide{
display: inline-block;
width: 100%;
text-align: center;
padding:0.25rem 0;
}
.size-tabbar-swiper .swiper-slide a{
display: block;
width: 100%;
color: #ffffff;
font-size: 0.3rem;
position: relative;
}
.size-tabbar-swiper .swiper-slide.active a,.size-tabbar-swiper .swiper-slide:hover a{
color: #000000;
}
/*规格选项结束*/
/*内页线开始*/
.inside-line{
width: 100%;
height: 1px;
background: #cccccc;
}
/*内页线结束*/
/*内页顶部标题开始*/
.inside-top-title-box .title{
width: 100%;
color: #666666;
font-size: 0.6rem;
line-height: 0.7rem;
text-align: center;
}
/*内页顶部标题结束*/
/*内页标题开始*/
.inside-title-box{
display: inline-block;
width: 100%;
text-align: left;
}
.inside-title-box .title-cn{
color: #ae0c17;
font-size: 0.25rem;
}
.inside-title-box .title-en{
color: #ae0c17;
font-size: 0.25rem;
margin-top: 0.1rem;
padding-bottom: 0.1rem;
border-bottom: 1px solid #256409;
}
.inside-title-box .inside-title{
display: inline-block;
width: 100%;
}
.inside-title-box .inside-title .line{
float: left;
width: 1rem;
height: 1px;
background: #d2d2d2;
margin-top: 0.32rem;
}
.inside-title-box .inside-title .title{
float: left;
color: #000000;
font-size: 0.3rem;
margin: 0 0.15rem;
margin-top: 0.17rem;
}
.inside-title-box .inside-title .title span{
color: #848484;
font-size: 0.28rem;
}
/*内页标题结束*/
/*导航栏开始*/
/* 按钮 */
.slider-menu-btn{
position: absolute;
bottom: 0.1rem;
right: 0.3rem;
font-size: 0.4rem;
color: #333333;
transition: all 0.3s linear;
}
.slider-menu-btn.active{
color: #d7551b;
transform: rotateZ(45deg)
}
.my-side-bar{
width: 65%;
position: absolute;
right: 0;
top:100%;
padding-bottom: 1rem;
display: none;
z-index: 99;
}
.my-side-bar .side-bar-title{
padding: 0.4rem 0;
background-color: #5c282a;
color: #fff;
font-size: 0.4rem;
text-align: center;
display: none;
}
.sidebar-navbar{
display: inline-block;
width: 100%;
text-align: left;
line-height: 0;
}
.sidebar-navbar .one-li{
display: inline-block;
width: 100%;
overflow: hidden;
margin: 0;
}
.sidebar-navbar .one-Item{
display: block;
width: 100%;
height: 0.85rem;
line-height: 0.85rem;
color: #fff;
font-size: 0.32rem;
background: #333333;
position: relative;
text-indent: 0.1rem;
}
.sidebar-navbar .one-Item .name{
float: left;
width: 6.4rem;
height: 0.85rem;
line-height: 0.85rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: normal;
}
.sidebar-navbar .one-Item .sign{
position: absolute;
top: 0px;
right: 0.3rem;
color: #fff;
font-size: 0.4rem;
transform:rotate(0deg);
}
.sidebar-navbar .two-navbar{
display: none;
}
.sidebar-navbar .two-navbar .two-li{
display: inline-block;
width: 100%;
}
.two-navbar .two-Item{
display: block;
width: 100%;
height: 0.75rem;
line-height: 0.75rem;
font-size: 0.28rem;
color:#fff;
background: #999999;
position: relative;
text-indent: 0.3rem;
}
.sidebar-navbar .two-Item .name{
float: left;
width: 6.4rem;
height: 0.75rem;
line-height: 0.75rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.sidebar-navbar .two-Item .sign{
position: absolute;
top: 0px;
right: 0.3rem;
color: #fff;
font-size: 0.4rem;
transform:rotate(0deg);
}
.sidebar-navbar .three-navbar{
display: none;
}
.sidebar-navbar .three-Item{
display: block;
width: 100%;
height: 0.7rem;
line-height: 0.7rem;
color: #fff;
font-size: 0.25rem;
background: #777777;
position: relative;
}
.sidebar-navbar .three-Item .name{
float: left;
width: 6.4rem;
height: 0.7rem;
line-height: 0.7rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #cccccc;
text-indent: 1rem;
}
.sidebar-navbar .one-li:last-child .one-Item .name{
/* border-bottom: 1px solid rgba(0,0,0,0); */
}
.sidebar-navbar .one-Item:hover,.sidebar-navbar .one-Item.active{
color:#fff;
}
.two-navbar .two-Item:hover .name,.sidebar-navbar .two-Item.active .name{
/* border-bottom: 1px solid #f7ab00; */
}
.three-navbar .three-Item:hover .name,.three-navbar .three-Item.active .name{
color: #fff;
}
.three-navbar .three-Item:hover a,.three-navbar .three-Item.active a{
background-color: #fff;
}
/*导航栏结束*/
/*内页内容标题开始*/
.detail-title-box{
width: 100%;
height: 0.7rem;
line-height: 0.68rem;
color: #ffffff;
font-size: 0.3rem;
background: #e62129;
text-align: left;
overflow: hidden;
}
.inside-title{
width: 100%;
height: 0.3rem;
line-height: 0.3rem;
color: #ffffff;
font-size: 0.3rem;
margin-top: 0.18rem;
padding-left: 0.4rem;
}
.inside-title span{
color: #f2f2f2;
font-size: 0.25rem;
}
/*内页内容标题结束*/
/*多面开始*/
.duomian{
display: inline-block;
width: 100%;
margin-top: 0.4rem;
text-align: center;
}
.duomian-List{
display: inline-block;
width: 6rem;
margin-top: 0.3rem;
}
.duomian-List li{
float: left;
width: 1.96rem;
margin-top: 0.03rem;
}
.duomian-List li .duomian-img{
display: block;
max-width: 100%;
}
.duomian-List li:not(:nth-child(3n)){
margin-right: 0.05rem;
}
.duomian .duomian-title{
display: inline-block;
width: 100%;
color: #000000;
font-size: 0.3rem;
margin-top: 0.25rem;
}
/*多面结束*/
/*配件开始*/
.peijian{
display: inline-block;
width: 100%;
text-align: center;
}
.peijian-List{
display: block;
width: 95%;
margin: 0 auto;
padding: 0.4rem;
background-color:transparent;
margin-top: 0.3rem;
box-sizing: border-box;
}
.peijian-List li{
display: inline-block;
width: 100%;
margin-top:0.35rem;
}
.peijian-List li .peijian-img{
display: block;
max-width: 100%;
}
.peijian-List li .content{
display: inline-block;
width: 100%;
margin-top: 0.1rem;
}
.peijian-List li .content .name{
float: left;
color: #676767;
font-size: 0.3rem;
}
.peijian-List li .content .size{
float: right;
color: #676767;
font-size: 0.3rem;
}
/*配件结束*/
/*空间应用开始*/
.room{
display: inline-block;
width: 100%;
margin-top: 0.6rem;
}
.img-content{
display: inline-block;
padding: 0.25rem;
background: #eee8d6;
margin-top: 0.4rem;
}
.room-img{
display: block;
max-width: 100%;
margin: 0 auto;
margin-top: 0.2rem;
}
/* 分页开始 */
.info-nav{
padding: 0.4rem 0.1rem;
text-align: center;
color:#ffffff;
}
.info-nav a{
width: 1.5rem;
height: 0.6rem;
line-height: 0.6rem;
margin: 0 0.15rem;
font-size: 0.25rem;
color:#ffffff;
background-color: #e62129;
border-radius: 5px;
}
.info-nav a:last-child{
border-right: transparent;
}
/* 分页结束 */
/*空间应用结束*/
/*意见反馈开始*/
.advice{
display: inline-block;
width: 100%;
text-align: center;
padding: 0 0.3rem;
box-sizing: border-box;
margin-top: 0.4rem;
}
.my-advice{
display: inline-block;
width: 100%;
font-size: 0;
text-align: left;
}
.advice-group{
display: inline-block;
margin-top: 0.2rem;
}
.advice-group .advice-label{
color: #000000;
font-size: 0.25rem;
width: 1rem;
height: 0.6rem;
line-height: 0.6rem;
float: left;
font-weight: bold;
text-align: right;
padding-right: 5px;
display: none;
}
.name-group{
width: 48%;
float: left;
}
.phone-group{
width: 48%;
float: right;
}
.advice-group .advice-input{
width: 100%;
height: 0.7rem;
line-height: 0.7rem;
float: left;
border: 1px solid #C2C2C2;
font-size: 0.25rem;
padding-left: 5px;
}
.advice-group .advice-textarea{
width: 100%;
height: 2.5rem;
float: left;
font-size: 0.25rem;
padding: 0.1rem;
border: 1px solid #C2C2C2;
}
.textarea-group{
width: 100%;
}
.yzm-group{
width: 5rem;
height: 0.6rem;
float: left;
}
.yzm-group .yzm-input{
width:2rem;
height: 0.6rem;
line-height: 0.6rem;
border: 1px solid #C2C2C2;
border-radius: 5px;
font-size: 14px;
padding-left: 10px;
float: left;
}
.yzm-img{
float: left;
width: 2.5rem;
height: 0.6rem;
margin-left: 0.1rem;
border-radius: 0.05rem;
border: 1px solid #c8c8c8;
}
.advice-submit{
display: block;
width: 100%;
height: 0.7rem;
line-height: 0.6rem;
text-align: center;
font-size: 0.3rem;
margin-top: 0.3rem;
color: rgb(107, 103, 103);
background: transparent;
border: 1px solid #C2C2C2;
border-radius: 0.05rem;
}
/*意见反馈结束*/
/* 招商加盟开始 */
.join{
width: 100%;
}
.join .join-left{
width: 100%;
}
.join .join-left .join-list{
width: 100%;
text-align: center;
}
.join .join-left .join-list li{
list-style: none;
display: inline-block;
font-size:0.25rem;
color: #8d8d8d;
text-align: left;
margin: 0 0.1rem;
}
.join .join-left .join-list li a{
display: block;
width: 100%;
height: 100%;
color: #8d8d8d;
padding: 0.1rem;
}
.join .join-right{
width:100%;
margin: 0.4rem 0;
}
.join .join-right .join-content{
width: 100%;
}
.join .join-right p{
width: 100%;
margin-bottom: 0.15rem;
}
.join .join-right img{
max-width: 100%;
}
.join .join-left .join-list li.active a{
color: #fff;
background-color: #d7551b;
}
/* 招商加盟结束 */
/*详情翻页开始*/
.info-page{
display: inline-block;
width: 100%;
text-align: center;
padding-top: 0.5rem;
}
.info-page-List{
display: inline-block;
}
.info-page-List li{
float: left;
color: #000000;
font-size: 0.3rem;
}
.info-page-List li span{
margin-left: 0.3rem;
}
.info-page-List li:not(:first-child){
margin-left: 0.3rem;
}
.info-page-List li a{
display: block;
width: 100%;
height: 100%;
color: #858585;
}
/*详情翻页结束*/
/*头部*/
.header{
display: inline-block;
width: 100%;
background:#ffffff;
position: fixed;
font-size: 0;
z-index: 100;
}
.header-top{
width: 100%;
height:1.2rem;
position: relative;
}
.top-whiteSpace{
width: 100%;
height: 1.2rem;
}
.header .logo{
width: 2.84rem;
height: 0.9rem;
position: absolute;
top: 50%;
left: 50%;
margin-top: -0.45rem;
margin-left: -1.5rem;
}
.header .logo img{
display: block;
margin: 0 auto;
max-width: 100%;
max-height: 100%;
}
/*自定义工具栏*/
.header .menu-Btn{
color: #333333;
font-size: 0.5rem;
position: absolute;
top: 0.38rem;
}
.header .search-Btn{
color: #333333;
font-size: 0.55rem;
position: absolute;
top: 0.35rem;
}
.menu-left-Btn{
left: 0.25rem;
}
.menu-right-Btn{
right:0.25rem
}
/*搜索框开始*/
.serach-bar{
font-size: 0;
z-index: 97;
width: 100%;
height: 0.8rem;
line-height: 0.8rem;
display: none;
background: #ffffff;
}
.serach-Form{
width:90%;
height: 0.8rem;
line-height: 0.8rem;
padding: 0.1rem;
margin: 0 auto;
}
.serach-bar .search-input{
width: 80%;
height: 0.6rem;
font-size: 0.3rem;
float: left;
text-indent: 0.1rem;
border: 1px solid #333333;
}
.serach-bar .serachBtn{
width:20%;
height: 0.6rem;
line-height: 0.63rem;
font-size: 0.3rem;
float: left;
text-align: center;
background: #333333;
color: #ffffff;
}
/*搜索框结束*/
/*文本框提示文本的颜色*/
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #d1d0d0;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #d1d0d0;
}
.header .search-bar .serarchInput:-ms-input-placeholder{
color: #d1d0d0;
}
.header .search-bar .serarchInput::-webkit-input-placeholder{
color: #d1d0d0;
}
/*菜单开始*/
.menu-bar{
position: absolute;
z-index: 98;
border-top: 1px solid #787878;
background:#fff;
display: none;
}
.menu-left-bar{
left: 0;
/* border-right: 1px solid grey; */
}
.menu-right-bar{
right: 0;
}
.menu-bar li{
width: 3rem;
height: 0.7rem;
line-height: 0.7rem;
color: #000;
font-size: 0.24rem;
text-align: center;
}
.menu-bar li a{
display: block;
width: 100%;
height: 100%;
color: #000;
}
.menu-bar li:hover a,.menu-bar li.active a{
color: white;
background: #787878;
}
/*菜单结束*/
/*首页-产品展示开始*/
.my-case{
text-align: center;
padding: 0.2rem 0 0 0;
/*background: url('../img/case-bg_02.png') no-repeat center;*/
background-size: 100% 100%;
background-color: #fff;
}
.my-case .my-case-top{
width: 100%;
height: 4.5rem;
overflow: hidden;
margin: 0 auto;
position: relative;
}
.my-case .my-case-top::before{
position: absolute;
content: '';
width: 0.49rem;
height: 0.51rem;
top: 0;
left: 0;
/*background: url('../img/case-top-bg_02.png') no-repeat center;*/
background-size: 100% 100%;
background-color: #fff;
z-index: 2;
}
.my-case .my-case-top::after{
position: absolute;
content: '';
width: 0.49rem;
height: 0.51rem;
top: 0.5rem;
left: 0.5rem;
z-index: 1;
background-size: 100% 100%;
background-color: rgba(182, 44, 31, 0.411);
}
.my-case .swiper-container{
width: 100%;
height: 100%;
overflow: hidden;
}
.my-case .swiper-container .swiper-wrapper{
height: 100%;
}
.my-case .swiper-container .swiper-slide{
position: relative;
}
.my-case .my-case-pagenation{
text-align: center;
height: 0.1rem;
line-height: 0.1rem;
margin-top: 0.11rem;
overflow: hidden;
}
.my-case .my-case-pagenation .swiper-pagination-bullet{
width: 0.1rem;
height: 0.1rem;
margin: 0 0.1rem;
background: rgb(48, 46, 46);
opacity: 1;
border-radius:100%;
}
.my-case .my-case-pagenation .swiper-pagination-bullet-active{
background: #d7000f;
}
/* 按钮控制 */
.my-case .my-case-control{
width: 3.5rem;
height: 1rem;
background-color: rgba(255, 255, 255, 0.8);
position: absolute;
bottom: 0;
right: 0;
z-index: 3;
overflow: hidden;
}
.my-case .my-case-btn-group{
width: 1.8rem;
height: 0.35rem;
padding: 0 0.15rem;
position: relative;
text-align: center;
float: right;
margin-top: 0.33rem;
margin-right: 0.1rem;
}
.my-case .my-case-btn-group .my-case-btn{
display: block;
width: 0.4rem;
height: 0.4rem;
line-height: 0.4rem;
font-size: 0.28rem;
text-align: center;
color: #333;
position: absolute;
top: 0;
cursor: pointer;
}
.my-case .my-case-btn-group .my-case-prev{
left: 0;
}
.my-case .my-case-btn-group .my-case-next{
right: 0;
}
.my-case .my-cse-page-num{
width: 1.2rem;
height: 0.45rem;
line-height: 0.45rem;
text-align: center;
font-size: 0.28rem;
font-weight: 500;
color: #000;
margin-top: 0.25rem;
margin-left: 0.14rem;
float: left;
}
.my-case .my-cse-page-num .big{
font-size: 0.38rem;
}
/* 底部 */
.my-case .my-case-bottom{
width: 100%;
box-sizing: border-box;
padding: 0.3rem 0.5rem;
height: 100%;
overflow: hidden;
margin: 0 auto;
background-color: #fff;
position: relative;
}
.my-case .my-case-bottom .my-case-cn-name{
width: 100%;
height: 0.4rem;
line-height: 0.4rem;
font-size: 0.32rem;
color: #333;
overflow: hidden;
text-align: left;
}
.my-case .my-case-bottom .my-case-en-name{
width: 100%;
height: 0.4rem;
line-height: 0.4rem;
font-size: 0.32rem;
font-weight: bold;
color: #333;
overflow: hidden;
margin-top: 0.1rem;
text-align: left;
}
.my-case .my-case-bottom .my-case-bottom-line{
width: 0.8rem;
height: 1px;
line-height: 0.16rem;
font-size: 0.15rem;
background-color: #d70001;
overflow: hidden;
margin-top: 0.15rem;
}
.my-case .my-case-bottom .my-case-text{
width: 100%;
height: 1rem;
line-height: 0.34rem;
font-size: 0.22rem;
color: #333;
overflow: hidden;
margin-top: 0.2rem;
text-align: left;
}
.my-case .my-case-bottom .my-case-more{
display: block;
width: 1.2rem;
height: 0.5rem;
line-height: 0.5rem;
text-align: center;
font-size: 0.22rem;
color: #d70001;
border: 1px solid#f3b2b7;
border-radius: 25px;
position: absolute;
top: 0.5rem;
right: 0.1rem;
transition: all 0.5s ease;
font-weight: bold;
}
.my-case .my-case-bottom .my-case-more:hover{
color: #fff;
background-color: #d70001;
border: 1px solid #d70001;
}
/*首页-产品展示结束*/
/*底部开始*/
.footer{
width: 100%;
height: 1rem;
background: #333;
position: fixed;
bottom: 0;
z-index: 999;
}
.footer .footNaviList{
width: 100%;
height: 100%;
}
.footer .footNaviList li{
float: left;
width: 20%;
height: 1rem;
text-align: center;
cursor: pointer;
}
.footer .footNaviList li a{
display: block;
width: 100%;
height: 100%;
color: #fff;
font-size: 0.2rem;
padding-top: 0.13rem;
}
.footer .footNaviList li.active,.footer .footNaviList li.active a{
color: #fff;
background-color: #787878;
}
.footer .footNaviList li .iconfont{
font-size: 0.45rem;
}
.footer .footNaviList li .name{
font-size: 0.2rem;
padding-top: 0.08rem;
}
.footer-whiteSpace{
width: 100%;
height: 1rem;
}
/*底部结束*/
/*广告开始*/
.banner img{
display: block;
width: 100%;
}
/*自定义分页器*/
.banner .swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 0.08rem;
left: 0;
width: 100%;
}
.banner-pagination{position: absolute;text-align: center; z-index: 99;}
.banner-pagination .swiper-pagination-bullet{width: 0.15rem; height: 0.15rem; background: #000;opacity: 0.2; border-radius:100%;}
.banner-pagination .swiper-pagination-bullet-active{background: #e5cca7;}
/*包裹自定义分页器的div的位置等CSS样式*/
.banner .swiper-pagination-custom {
bottom: 0.1rem;
left: 0;
width: 100%;
}
/*自定义分页器的样式，这个你自己想要什么样子自己写*/
.banner .swiper-border{
display: inline-block;
width: 0.2rem;
height: 0.2rem;
border-radius: 100%;
background-color: #000;
margin: 0 0.1rem;
padding: 0.02rem;
cursor: pointer;
opacity: 0.2;
}
.banner .swiper-pagination-customs {
width: 100%;
height: 100%;
display: inline-block;
border-radius: 100%;
}
/*自定义分页器激活时的样式表现*/
.banner .swiper-border-active{
background-color: #e5cca7;
opacity: 1;
}
/*广告结束*/
/* 首页通用 “更多” 标签样式 */
.more-box{
width: 100%;
height: 0.7rem;
line-height: 0.7rem;
text-align: center;
margin-top: 0.3rem;
}
.more{
font-size: 0.2rem;
color: #fff;
padding: 0.2rem 0.4rem;
background-color: #9c733f;
text-align: center;
}
/*首页关于我们开始*/
.my-about{
width: 100%;
font-size: 0;
padding: 0.55rem 0 0 0;
background-color: #fff;
position: relative;
z-index: 2;
}
.my-about .my-about-wrapper .my-about-top{
width: 100%;
height: 4.18rem;
box-sizing: border-box;
}
.my-about .my-about-content{
width: 100%;
height: 2.43rem;
box-sizing: border-box;
padding: 0 0.8rem 0 1.8rem;
position: relative;
}
.my-about .my-about-content::before{
content: '';
width: 0.8rem;
height: 3.5rem;
background-color: #d7000f;
position: absolute;
bottom: 0rem;
left: 0.8rem;
z-index: 666;
}
.my-about .my-about-content .my-about-title-box{
width: 100%;
margin: 0 auto;
height: 0.35rem;
line-height: 0.35rem;
overflow: hidden;
position: relative;
text-align: center;
}
.my-about .my-about-content .about-cn{
font-size: 0.32rem;
color: #333;
float: left;
}
.my-about .my-about-content .about-line{
display: inline-block;
width: 0.3rem;
height: 1px;
background-color: #333;
margin-left: 1.2rem;
}
.my-about .my-about-content .about-en{
font-size: 0.3rem;
color: #333;
float: right;
}
.my-about .my-about-middle-text{
width: 100%;
height: 0.45rem;
line-height: 0.45rem;
font-size: 0.4rem;
font-weight: bold;
overflow: hidden;
color: #d70001;
margin-top: 0.35rem;
}
.my-about .my-about-middle-text .my-about-bottom-text{
width: 100%;
height: 0.4rem;
line-height: 0.4rem;
font-size: 0.22rem;
overflow: hidden;
color: #333;
margin-top: 0.22rem;
}
.my-about .my-about-middle-text .middle-line{
display: inline-block;
width: 0.34rem;
height: 2px;
line-height: 2px;
background-color: #333;
margin-bottom: 0.1rem;
margin-right: 0.1rem;
}
.my-about .my-about-bottom-text{
width: 100%;
height: 0.5rem;
line-height: 0.5rem;
font-size: 0.4rem;
font-weight: bold;
overflow: hidden;
color: #000;
margin-top: 0.4rem;
}
.my-about .my-about-desc{
width: 100%;
padding: 0.8rem;
box-sizing: border-box;
overflow: hidden;
background-color: #e3e3e3;
position: relative;
}
.my-about .my-about-desc::before{
display: block;
content: '';
width: 0.2rem;
height: 1px;
background-color: #333;
position: absolute;
top: 0.42rem;
left: 1.3rem;
overflow: hidden;
}
.my-about .my-about-desc .about-desc-text{
width: 100%;
min-height: 0.96rem;
max-height: 2.3rem;
font-size: 0.28rem;
text-indent: 2em;
line-height: 0.38rem;
color: #333;
overflow: hidden;
}
.my-about .my-about-desc .my-about-more{
font-size: 0.32rem;
color: #333;
position: absolute;
bottom: 0.2rem;
right: 0.6rem;
}
.my-about .my-about-bottom{
width: 100%;
height: 4.65rem;
position: relative;
overflow: hidden;
}
.my-about .my-about-img-box{
width: 100%;
max-height: 5rem;
position: relative;
}
.my-about .my-about-img-box>a{
display: block;
width: 100%;
height: 100%;
position: relative;
}
.my-about .my-about-img-box img{
max-width: 100%;
}
.my-about .my-about-bottom .my-about-btn{
display: block;
width: 0.8rem;
height: 0.8rem;
line-height: 0.8rem;
text-align: center;
font-size: 0.22rem;
position: absolute;
color: #fff;
text-decoration: none;
}
.my-about .my-about-bottom .a-prev{
background-color: #5d5d5d;
bottom: 0.8rem;
right: 1.15rem;
}
.my-about .my-about-bottom .a-next{
background-color: #d7000f;
bottom: 0rem;
right: 1.93rem;
}
/*首页关于我们结束*/
/*首页新品开始*/
.my-newPro{
display: inline-block;
width: 100%;
padding: 0.55rem 0 0 0;
}
.my-newPro-swiper{
display: inline-block;
width: 100%;
margin-top: 0.5rem;
padding-bottom: 0.5rem;
}
.my-newPro-swiper .swiper-slide a{
display: inline-block;
width: 1.86rem;
}
.my-newPro-swiper .swiper-slide .img-box{
width: 1.86rem;
height: 1.86rem;
display: table-cell;
text-align: center;
vertical-align: middle;
}
.my-newPro-img{
max-width: 100%;
max-height: 100%;
/*box-shadow: 0 0 5px rgba(0,0,0,0.7);*/
}
.my-newPro-swiper .swiper-slide .name{
color: #4f2a11;
font-size: 0.22rem;
text-align: center;
margin-top: 0.18rem;
}
.my-newPro-swiper .swiper-slide .number{
color: #4f2a11;
font-size: 0.22rem;
text-align: center;
margin-top: 0.05rem;
}
.my-newPro-gallery .page-Btn{
float: left;
margin-top: 68px;
cursor: pointer;
}
.my-newPro-gallery .prev-Btn{
margin-right: 40px;
}
.my-newPro-gallery .next-Btn{
transform: rotate(180deg);
margin-left: 40px;
}
.my-newPro-swiper .swiper-pagination-custom {
bottom: 0px;
left: 0;
width: 100%;
}
/*自定义分页器的样式，这个你自己想要什么样子自己写*/
.my-newPro-swiper .swiper-border{
display: inline-block;
width: 0.25rem;
height: 0.25rem;
border-radius: 100%;
border: 1px solid rgba(0,0,0,0);
margin: 0 0.1rem;
padding: 0.02rem;
cursor: pointer;
}
.my-newPro-swiper .swiper-pagination-customs {
width: 100%;
height: 100%;
display: inline-block;
background: #fce1a3;
border-radius: 100%;
}
/*自定义分页器激活时的样式表现*/
.my-newPro-swiper .swiper-border-active{
border: 1px solid #fddd93;
}
.my-newPro-swiper .swiper-pagination-customs-active {
background: #f8b319;
}
/*首页新品结束*/
/*首页-产品中心开始*/
.my-product{
display: inline-block;
width: 100%;
padding: 0.2rem 0 0 0;
background-color: #ffffff;
position: relative;
}
.my-product::after{
content: '';
width: 100%;
height: 0.48rem;
margin: 0 auto;
background-color: #dfdfdf;
position: absolute;
bottom:0;
z-index: 0;
}
/* 外层轮播控制 */
.my-product .my-product-control{
width: 95%;
margin: 0 auto;
}
.my-product .select-item-btn{
display: inline-block;
padding: 0.1rem 0.16rem;
border: 1px solid transparent;
font-size: 0.22rem;
box-sizing: border-box;
color: #484848;
line-height: 0.32rem;
text-align: center;
position: relative;
border-radius: 0.3rem;
}
.my-product .swiper-slide:hover .select-item-btn{
border: 1px solid #333;
}
.my-product .swiper-slide.active .select-item-btn{
border: 1px solid #333;
}
/* 外层轮播 */
.my-product .my-product-container{
width: 100%;
margin: 0 auto;
margin-top: 0.4rem;
z-index: 3;
}
.my-product .wrapper-swiper{
width: 100%;
height: 4.8rem;
/* padding-bottom: 50px; */
overflow: hidden;
margin: 0 auto;
position: relative;
}
.my-product .wrapper-swiper .swiper-slide{
height: 100%;
}
.my-product .wrapper-swiper .my-product-wrapper-pagination{
width: 100%;
text-align: center;
position: absolute;
bottom: 0.05rem;
left: 0;
overflow: hidden;
}
.my-product .wrapper-swiper .swiper-pagination-bullet{
width: 0.1rem;
height: 0.1rem;
margin: 0 0.15rem;
opacity: 1;
background: #fff;
}
.my-product .wrapper-swiper .swiper-pagination-bullet-active{
background-color: #fd7000;
}
/* 内层轮播图配置 */
.my-product .product-item-swiper{
width: 100%;
}
.my-product .product-item-swiper .my-product-item-pagination{
width: 100%;
text-align: center;
margin-top: 0.5rem;
display: none;
}
.my-product .product-item-swiper .swiper-pagination-bullet{
width: 0.1rem;
height: 0.1rem;
margin: 0 0.15rem;
opacity: 1;
background: #fff;
}
.my-product .product-item-swiper .swiper-pagination-bullet-active{
background-color: #fd7000;
}
/* 产品项目配置 */
.my-product .my-product-item{
display: block;
margin: 0 auto;
width: 3rem;
height: 4.3rem;
box-sizing: border-box;
/* padding: 12px; */
/* background-color:#fff; */
overflow: hidden;
}
.my-product .my-product-item:hover{
background-color:#f4f4f4;
/* border: 1px solid #f4f4f4; */
}
.my-product .my-product-item .my-product-img-box{
width: 100%;
height: 3.8rem;
position: relative;
overflow: hidden;
}
.my-product .my-product-item .my-product-img-box img{
max-width: 100%;
max-height: 100%;
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
.my-product .my-product-item .my-product-name{
width: 100%;
height: 0.3rem;
line-height: 0.3rem;
font-size: 0.25rem;
color: #333;
text-align: center;
margin-top: 0.1rem;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.my-product .my-product-item .my-product-line{
width: 0.84rem;
height: 3px;
background-color: #d7000f;
margin: 0 auto;
margin-top: 0.12rem;
overflow: hidden;
display: none;
}
/*首页-产品中心结束*/
/*首页新闻开始*/
.my-news{
width: 100%;
font-size: 0;
padding: 0.5rem 0;
background: url('../img/news-bg_02.jpg') no-repeat center;
background-size: 100% 100%;
}
.my-news .row{
display: block;
margin-top: 0.5rem;
}
.my-news .my-news-swiper{
width: 95%;
margin: 0.3rem auto;
}
.my-news .my-news-title-desc{
width: 96%;
margin: 0 auto;
height: 0.4rem;
line-height: 0.4rem;
color: #333;
text-align: center;
font-size: 0.25rem;
margin-bottom: 0.3rem;
}
.my-news .my-news-item-wrapper{
display: block;
width: 3.1rem;
height: 4rem;
margin: 0 auto;
font-size: 0;
text-align: center;
position: relative;
}
.my-news .my-news-item{
display: block;
width: 100%;
height: 100%;
border: 1px solid #333333;
box-sizing: border-box;
padding: 0.1rem;
margin-left: 0.06rem;
font-size: 0.22rem;
color: #333;
margin: 0 auto;
overflow: hidden;
background-color: #fff;
}
.my-news .my-news-item .my-news-time{
display: block;
width: 100%;
height: 0.25rem;
line-height: 0.25rem;
font-size: 0.25rem;
color: #333;
text-align: left;
overflow: hidden;
margin-top: 0.18rem;
}
.my-news .my-news-item .my-news-title{
display: block;
width: 100%;
height: 0.7rem;
line-height: 0.35rem;
font-size: 0.25rem;
font-weight: bold;
color: #333;
text-align: left;
overflow: hidden;
margin-top: 0.23rem;
}
.my-news .my-news-item .my-news-desc{
display: block;
width: 100%;
height: 1.4rem;
line-height: 0.35rem;
font-size: 0.22rem;
font-weight: bold;
color: #b6b6b6;
text-align: left;
overflow: hidden;
margin-top: 0.23rem;
}
.my-news .my-news-detail{
display: block;
position: absolute;
bottom: 0.36rem;
left: 0.1rem;
width: 1.3rem;
height: 0.32rem;
font-size: 0.22rem;
line-height: 0.32rem;
text-align: center;
color: #333;
}
.my-news .my-news-detail>i{
font-size: 0.22rem;
}
.my-news .my-news-ul li:hover .my-news-item{
background-color: #333333;
}
.my-news .my-news-ul li:hover .my-news-time{
color: #fff;
}
.my-news .my-news-ul li:hover .my-news-title{
color: #fff;
}
.my-news .my-news-ul li:hover .my-news-detail{
color: #fff;
background-color: #d7000f;
}
/*首页新闻结束*/
/*内页标题背景开始*/
.inside-title-bg{
width: 100%;
margin: 0 auto;
}
.inside-title-bg-img{
display: block;
width: 100%;
}
/*内页标题背景结束*/
/*产品系列开始*/
.protype-title{
width: 100%;
line-height: 0.88rem;
text-align: center;
color: #473200;
font-size: 0.4rem;
background: #dedede;
}
/*产品系列结束*/
/*大理石开始*/
.prodls-List{
display: inline-block;
width: 100%;
margin-top: -0.35rem;
}
.prodls-List li{
display: inline-block;
width: 3.4rem;
height: 4.2rem;
margin-top: 0.35rem;
}
.prodls-List li:not(:nth-child(2n)){
margin-right: 0.2rem;
}
.prodls-List li a{
display: block;
width: 100%;
height: 100%;
text-align: center;
}
.prodls-List li .img-box{
display: block;
width: 100%;
height: 3.4rem;
position: relative;
}
.prodls-List li .prodls-img{
display: block;
max-width: 100%;
max-height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.prodls-List li .cover{
width: 100%;
padding: 0.25rem 0;
border-bottom: 1px solid #ccc;
}
.prodls-List li .name{
color: #333;
font-size: 0.25rem;
text-align: center;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.prodls-List li a .desc{
margin-top: 0.1rem;
padding-top: 0.1rem;
border-top:1px solid #e6babb;
font-size: 0.3rem;
color:#333;
}
.prodls-List li a .detail-span{
display: inline-block;
margin-top: 0.1rem;
font-size: 0.2rem;
color: #ffffff;
}
/*大理石结束*/
/*瓷片开始*/
.procp-List{
display: inline-block;
width: 100%;
margin-top: -0.35rem;
}
.procp-List li{
display: inline-block;
width: 3.4rem;
height: 4.2rem;
margin-top: 0.35rem;
background: #f3f3f3;
box-shadow: 0 0 0.23rem #ddd;
background-color: #a7a4a2;
}
.procp-List li:not(:nth-child(2n)){
margin-right: 0.2rem;
}
.procp-List li a{
display: block;
width: 100%;
height: 100%;
text-align: center;
}
.procp-List li .img-box{
display: block;
width: 100%;
height: 3.4rem;
position: relative;
}
.procp-List li .procp-img{
display: block;
max-width: 100%;
max-height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.procp-List li .cover{
width: 100%;
background-color: #777472;
padding: 0.1rem 0;
}
.procp-List li .name{
color: #ffffff;
font-size: 0.3rem;
text-align: center;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.procp-List li a .desc{
margin-top: 0.1rem;
padding-top: 0.1rem;
border-top:1px solid #e6babb;
font-size: 0.3rem;
color:#ffffff;
}
.procp-List li a .detail-span{
display: inline-block;
margin-top: 0.1rem;
font-size: 0.2rem;
color: #ffffff;
}
/*瓷片结束*/
/*大理石详情开始*/
.product-detail{
display: block;
width: 100%;
margin: 0.2rem auto 0.2rem auto;
padding: 0.2rem 0.2rem;
border-bottom: 1px solid #ccc;
}
.product-detail .show-product-box{
width: 5rem;
height: 5rem;
margin: 0 auto;
position: relative;
overflow: hidden;
box-shadow: 2px 2px 12px #7e7e7e;
}
.product-detail .show-product-box .img-box{
display: block;
width: 98%;
height: 98%;
margin: 1% auto;
position: relative;
overflow: hidden;
}
.product-detail .show-product-box .img-box figure{
display: block;
width: 100%;
height: 100%;
}
.product-detail .show-product{
display: block;
max-width: 100%;
max-height: 100%;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: auto;
}
/* 产品选项开始 */
.product-detail .show-product-list{
width: 5rem;
height: 0.8rem;
margin-top: 0.2rem;
font-size: 0;
}
.product-detail .show-product-list .swiper-slide{
width: 0.8rem;
height: 0.8rem;
position: relative;
overflow: hidden;
cursor: pointer;
display: inline-block;
}
.product-detail .show-product-list .swiper-slide.swiper-slide-active{
border: 1px solid #ff0000;
}
.product-detail .show-product-list .swiper-slide img{
display: block;
max-width: 100%;
max-height: 100%;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: auto;
}
/* 产品选项结束 */
/* 二维码 */
.evm-code-box{
width: 100%;
position: relative;
margin: 0.2rem 0;
}
.evm-code-box img{
display: block;
width: 40%;
margin: 0 auto;
}
.evm-code-box .evm-name{
display: block;
width: 100%;
text-align: center;
font-size: 0.2rem;
color: #000000;
margin-top: 0.2rem;
}
.product-detail .info-content{
display: inline-block;
width: 100%;
margin: 0.2rem 0;
position: relative;
}
.product-detail .info-content::before{
content: '';
position: absolute;
left: 30%;
top: 0;
width: 1px;
height: 100%;
}
.product-detail .info-name{
color: #333;
font-size: 0.4rem;
font-weight: bold;
text-align: left;
margin-top: 0.5rem;
}
.product-detail .info-content .info-description{
color: rgb(221, 215, 215);
font-size: 0.3rem;
line-height: 0.4rem;
margin-top: 0.25rem;
}
.product-detail .info-description{
color: #7e7e7e;
font-size: 0.3rem;
line-height: 0.4rem;
margin-top: 0.25rem;
margin-bottom: 0.25rem;
text-align: left;
}
.product-detail .info-content .info-p{
color: #333;
font-size: 0.28rem;
line-height: 0.35rem;
padding: 0.1rem 0;
}
.product-detail .info-content .info-p .detail-key{
float: left;
width: 24%;
font-weight: bold;
text-align: center;
}
.product-detail .info-content .info-p .detail-value{
float: left;
width: 74%;
word-break: break-all;
color: #7e7e7e;
}
.product-detail .info-content img{
max-width: 100%;
}
.product-detail .pic-choose{
margin-top: .4rem;
}
.product-detail .pic-choose .img-box{
width: 0.8rem;
height: 0.7rem;
vertical-align: middle;
text-align: center;
overflow: hidden;
float: left;
margin: 0 7px;
}
.product-detail .pic-choose .chosse-img{
display: block;
cursor: pointer;
max-width: 100%;
vertical-align: middle;
}
.product-detail .pic-choose .img-box:hover{
margin: 0 6px;
}
.product-detail .pic-choose .active{
margin: 0 6px;
border: 1px solid #b0272b;
}
.dlsdetail-title{
width: 100%;
height: 0.7rem;
line-height: 0.7rem;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
text-align: center;
color: #000;
font-size: 0.3rem;
}
.detail-title{
width: 100%;
padding: 0.25rem 0;
text-align: center;
color: #b0272b;
font-size: 0.4rem;
}
.dlsdetail-List{
display: inline-block;
width: 100%;
}
.dlsdetail-List li{
display: inline-block;
width: 100%;
margin-top:0.4rem;
padding: 0.2rem;
}
.dlsdetail-List li .peijian-img{
display: block;
max-width: 100%;
box-shadow: 0 0 0.1rem rgba(0,0,0,0.5);
}
.dlsdetail-List li .content{
display: inline-block;
width: 100%;
margin-top: 0.2rem;
}
.dlsdetail-List li .content::before,.dlsdetail-List li .content::after{
display: block;
content: '';
height: 0;
visibility: hidden;
clear: both;
}
.dlsdetail-List li .content .name{
float: left;
color: #000000;
font-size: 0.3rem;
font-weight: 500;
}
.dlsdetail-List li .content .size{
float: right;
color: #8d8d8d;
font-size: 0.28rem;
}
/*大理石详情结束*/
/*经销商登录开始*/
.login-row{
width: 100%;
background-color: #f3f3f3;
}
.login-bg{
width: 95%;
box-sizing: border-box;
text-align: center;
padding: 0.5rem;
margin: 0 auto;
box-shadow: 2px 2px 12px #ddd;
background-color: #fff;
overflow: hidden;
margin-top: 0.5rem;
}
.login-bg .login-title-en{
width: 100%;
height: 0.3rem;
line-height: 0.3rem;
font-size: 0.26rem;
text-align: left;
color: #e62129;
font-weight: 500;
}
.login-bg .login-title{
width: 100%;
height: 0.3rem;
line-height: 0.3rem;
font-size: 0.26rem;
text-align: left;
color: #000;
font-weight: normal;
margin-top: 0.13rem;
}
.login-content{
width: 100%;
display: inline-block;
}
.login-content .type{
color: #7b7b7b;
font-size: 0.24rem;
margin-top: 0.05rem;
text-align: left;
width: 100%;
font-weight: normal;
}
.login-content .userName{
display: block;
width: 100%;
height: 0.7rem;
line-height: 0.7rem;
border: 1px solid #b0b0b0;
padding-left: 0.1rem;
margin-top: 0.25rem;
font-size: 0.16rem;
background: transparent;
}
.login-content .passWord{
display: block;
width: 100%;
height: 0.7rem;
line-height: 0.7rem;
border: 1px solid #b0b0b0;
padding-left: 0.1rem;
margin-top: 0.25rem;
font-size: 0.22rem;
background: transparent;
}
.login-content .login-Btn{
display: block;
width: 100%;
height: 0.7rem;
line-height: 0.65rem;
border: 1px solid #e62129;
padding-left: 0.1rem;
margin-top: 0.52rem;
font-size: 0.2rem;
background: #e62129;
color: #fff;
}
.login-content .login-Btn:hover{
color: #fff;
}
.login-content .auto-login-box{
width: 0.3rem;
height: 0.3rem;
float: left;
border:1px solid #edb625;
margin-top: 0.35rem;
}
.login-content .rememeber-password{
float: left;
color: #333;
font-size: 0.22rem;
margin-top: 0.37rem;
margin-left: 0.05rem;
}
.login-bg .login-tip{
width: 100%;
height: 0.3rem;
line-height: 0.3rem;
font-size: 0.22rem;
text-align: center;
color: #000;
font-weight: normal;
margin-top: 0.76rem;
}
/*文本框提示文本的颜色*/
.login-content input:-ms-input-placeholder{
color: #ccc;
}
.login-content input::-webkit-input-placeholder{
color: #ccc;
}
/*经销商登录结束*/
/*经销商专区开始*/
.download{
display: inline-block;
width: 100%;
}
.download-Item{
display: inline-block;
width: 100%;
margin-top: 0.3rem;
}
.download .title{
width: 100%;
font-size: 0.28rem;
text-align: left;
padding: 0.2rem 0;
text-align: left;
color: #e62129;
border:1px solid #e62129;
position: relative;
text-indent: 0.1rem;
border-radius: 5px;
}
.download .title .sign{
position: absolute;
top: 0rem;
right: 0.2rem;
font-size: 0.28rem;
text-align: left;
padding: 0.2rem 0;
color: #e62129;
}
.download .title.active .sign{
transition: all 0.2s;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
.download-List{
display: inline-block;
width: 100%;
}
.download-List li a{
display:block;
width: 100%;
color: #000;
}
.download-List li{
display: inline-block;
width: 100%;
padding: 0.2rem 0;
text-indent: 2em;
}
.download-List li::before,.download-List li::after{
/* 因为li内部使用了浮动，在此给li设置清除浮动,避免高度崩塌 */
display: block;
content: '';
height: 0;
visibility: hidden;
clear: both;
}
.download-List li:nth-child(2n-1){
}
.download-List li .name{
float: left;
width: 64%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 0.25rem;
line-height: 0.4rem;
text-indent: 0.1rem;
}
.download-List li .date{
float: right;
width: 34%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 0.1rem;
line-height: 0.4rem;
}
.download-List li .name a{
color: #333333;
}
.download-List li .name:hover a{
color: #f7ab00;
}
.download-List li .time{
float: right;
width: 20%;
color: #333333;
font-size: 0.27rem;
line-height: 0.35rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.download-List li .two-list{
width: 100%;
}
.download-List li .two-list li a{
color: #5c5c5c;
}
.download-List li .two-list li a .name{
text-indent: 0.4rem;
}
/*经销商专区结束*/
/*经销商专区开始*/
.my-dealers-navbar{
display: inline-block;
width: 100%;
/*margin-top: -0.6rem;*/
}
.my-dealers-navbar .one-li{
display: inline-block;
width: 100%;
font-size: 0;
overflow: hidden;
margin-top: 0.4rem;
}
.my-dealers-navbar .one-Item{
display: inline-block;
width: 100%;
position: relative;
}
.my-dealers-navbar .one-Item .type{
width: 90%;
height: 0.6rem;
line-height: 0.6rem;
color: #ffffff;
font-size: 0.26rem;
text-align: center;
background: #256409;
font-weight: 500;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin: 0 auto;
}
.my-dealers-navbar .one-Item .sign{
position: absolute;
top: 0.12rem;
right: 0.6rem;
color: #ffffff;
font-size: 0.32rem;
}
.my-dealers-navbar .my-two-navbar{
display: none;
margin-top: 0.2rem;
}
.my-dealers-navbar .my-two-navbar .two-li{
margin-top: 0.2rem;
}
.my-two-navbar .two-Item{
display: inline-block;
width: 100%;
height: 0.8rem;
line-height: 0.8rem;
color: #000000;
padding: 0rem 0.32rem;
border-bottom: 1px solid #c9d9b1;
}
.my-two-navbar .two-Item .name{
float: left;
width: 70%;
color: #000000;
font-size: 0.3rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.my-two-navbar .two-Item .time{
float: left;
width: 30%;
color: #9c9c9c;
font-size: 0.23rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: right;
padding-top: 0.02rem;
}
.my-three-navbar{
/*display: none;*/
width: 100%;
}
.my-three-navbar .three-Item{
display: block;
width: 100%;
height: 0.8rem;
line-height: 0.8rem;
border-bottom: 1px solid #c9d9b1;
color: #000000;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding: 0rem 0.6rem;
}
.my-three-navbar .three-Item .name{
color: #000000;
float: left;
width: 70%;
font-size: 0.3rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.my-three-navbar .three-Item .time{
color: #9c9c9c;
float: right;
width: 30%;
font-size: 0.26rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: right;
}
.my-dealers-navbar .one-Item:hover .type,.my-dealers-navbar .one-Item.active .type{
/*color: #edb625;*/
}
.my-two-navbar .two-Item:hover .name,.my-two-navbar .two-Item.active .name{
/*color: #f28c00;*/
}
.my-three-navbar .three-Item:hover .name,.my-three-navbar .three-Item.active .name{
/*color: #dd1820;*/
}
/*经销商专区结束*/
/*新闻资讯开始*/
.news-List{
display: inline-block;
width: 100%;
font-size: 0;
margin-top: -0.35rem;
}
.news-List li{
width: 100%;
height: 2.8rem;
margin-top: 0.30rem;
box-sizing: border-box;
position: relative;
}
.news-List li:not(:nth-child(2n)){
margin-right: 2.5%;
}
.news-List li a{
display: block;
width: 100%;
height: 100%;
}
.news-List li a .news-img-box{
width: 38%;
height: 2.8rem;
overflow: hidden;
position: relative;
float: left;
}
.news-List li .news-img{
display: block;
max-width: 100%;
max-height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.news-List li .content{
box-sizing: border-box;
width: 62%;
height: 2.8rem;
margin: 0 auto;
float: right;
border-top: 2px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
overflow: hidden;
padding:0 0.1rem;
}
.news-List li .content .title{
width: 100%;
height: 0.4rem;
line-height: 0.4rem;
margin: 0 auto;
color: #000000;
font-size: 0.25rem;
margin-top: 0.2rem;
white-space: nowrap;
text-overflow:ellipsis;
overflow:hidden;
position: relative;
box-sizing: content-box;
padding-bottom: 0.2rem;
}
.news-List li .content .title::after{
content: 0.7rem;
height: 2spx;
background-color: #333;
position: absolute;
bottom: 0;
left: 0;
}
.news-List li .content .title span{
font-weight: bold;
}
.news-List li .content .description{
width: 100%;
height: 1rem;
color: #b1b1b1;
font-size: 0.15rem;
line-height: 0.35rem;
overflow:hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
text-overflow:ellipsis;
margin-top: 0.1rem;
}
.news-List li .cover{
width: 90%;
height: 0.5rem;
overflow: hidden;
line-height: 0.24rem;
margin: 0 auto;
margin-top: 0.25rem;
}
.news-List li .news-more{
font-size: 0.22rem;
color: #fff;
background-color: #d7000f;
padding: 0.1rem 0.15rem;
border-radius: 5px;
float: right;
}
.news-List li .cover .time{
float: left;
color: #666666;
font-size: 0.22rem;
margin-top: 0.15rem
}
/*新闻资讯结束*/
/*工程案例开始*/
.project-List{
display: inline-block;
width: 100%;
margin-top: -0.3rem;
}
.project-List li{
float: left;
width: 3.4rem;
height: 4rem;
margin-top: 0.3rem;
position: relative;
cursor: pointer;
box-sizing: border-box;
}
.project-List li:not(:nth-child(2n)){
margin-right: 0.2rem;
}
.project-List .project-img{
display: block;
width: 100%;
height: 3.4rem;
position: relative;
z-index: 1;
}
/* .project-List .project-img::before{
content: attr(title);
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border: 1px solid #fff;
color: #fff;
line-height: 3.4rem;
text-align: center;
font-size: 0.3rem;
opacity: 0;
z-index: 0;
}
.project-List .project-img::after{
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0,0,0,0.5);
opacity: 0;
z-index: 0;
} */
.project-List .project-img img{
display: block;
max-width: 100%;
max-height:100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
.project-List li .name{
width: 100%;
height: 0.5rem;
line-height: 0.5rem;
color: #000;
font-size: 0.25rem;
text-align: center;
position: relative;
margin-top: 0.1rem;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
/* .project-List li:hover .project-img::before{
width: 90%;
height: 90%;
opacity: 1;
}
.project-List li:hover .project-img::after{
opacity: 1;
} */
/*工程案例结束*/
/*联系我们开始*/
.contact-container{
width: 100%;
padding: 0.4rem 0;
}
.contact-split-line{
width: 1rem;
height: 1px;
margin: 0.3rem auto 0.2rem auto;
background-color: #333;
}
.contact-title-desc{
width: 96%;
margin: 0 auto;
font-size: 0.3rem;
text-align: center;
letter-spacing: 7px;
color: #818286;
}
.contact-title-desc-en{
width: 96%;
margin: 0 auto;
font-size: 0.3rem;
text-align: center;
letter-spacing: 2px;
color: #818286;
margin-top: 0.2rem;
}
.contact-content{
display: block;
width: 90%;
margin: 0 auto;
text-align: center;
margin-top: 0.4rem;
}
.contact-content .content{
width: 100%;
text-align: left;
}
.contact-content .content .company{
color: #000000;
font-size: 0.4rem;
line-height: 0.7rem;
font-weight: 700;
}
.contact-content .content .company-en{
color: #989898;
font-size: 0.25rem;
line-height: 0.3rem;
font-weight: normal;
}
.contact-content .content .company-p{
color: #000;
font-size: 0.26rem;
line-height: 0.3rem;
margin-top: 0.35rem;
font-weight: blod;
}
.contact-content .content .company-p>.iconfont{
padding: 0.1rem;
font-size: 0.3rem;
border: 1px solid #000;
border-radius: 100%;
color: #333;
margin-right: 0.1rem;
}
.contact-content .content p{
color: #b0b0b0;
font-size: 0.26rem;
line-height: 0.3rem;
margin-top: 0.2rem;
font-weight: blod;
}
.contact-content .code-List{
width:100%;
text-align: center;
}
.contact-content .code-List li{
display: inline-block;
margin-top: 0.4rem;
margin-left: 0.2rem;
width: 1.8rem;
}
.contact-content .code-List li .code-img{
display: block;
max-width: 100%;
}
.contact-content .code-List li .name{
color: #886356;
font-size: 0.3rem;
margin-top: 0.1rem;
text-align: center;
}
.contact-content .feedback{
height: 1.2rem;
line-height: 1.2rem;
}
.contact-content .feedback>a{
font-size: 0.2rem;
color: #fff;
background: #b0272b;
border-radius: 50%;
padding: 0.2rem 0.4rem;
}
.map-title{
width: 100%;
font-size: 0.2rem;
padding: 0.3rem 0;
text-align: center;
color: #000;
}
/*联系我们结束*/
.advice-Btn{
width: 2.9rem;
height: 0.7rem;
line-height: 0.7rem;
font-size: 0.3rem;
background: #e62129;
border-radius: 0.3rem;
text-align: center;
margin:0 auto;
margin-top: 1rem;
}
.advice-Btn a{
display: block;
width: 100%;
height: 100%;
color: #ffffff;
}
.map{
display: inline-block;
width: 100%;
height: 4.5rem;
margin-top: 0.55rem;
}
#map{
width: 100%;
height: 4.5rem;
}
.map-img{
display: block;
max-width: 100%;
margin: 0 auto;
border: 1px solid #cccccc;
}
/*联系我们结束*/
@media (min-width: 320px){html{font-size: 42.7px;}}
@media (min-width: 360px){html{font-size: 48px;}}
@media (min-width: 375px){html{font-size: 50px;}}
@media (min-width: 384px){html{font-size: 51.1px;}}
@media (min-width: 412px){html{font-size: 54.8px;}}
@media (min-width: 414px){html{font-size: 55px;}}
@media (min-width: 448px){html{font-size: 59.6px;}}
@media (min-width: 480px){html{font-size: 63.8px;}}
@media (min-width: 512px){html{font-size: 68px;}}
@media (min-width: 544px){html{font-size: 72.4px;}}
@media (min-width: 576px){html{font-size: 76.6px;}}
@media (min-width: 608px){html{font-size: 80.9px;}}
@media (min-width: 640px){html{font-size: 85.1px;}}
@media (min-width: 750px){html{font-size: 100px;}}
@media (min-width: 800px){html{font-size: 106.5px;}}
@media (min-width: 1024px){html{font-size: 136.5px;}}