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;
}
/*取消放大图标*/
.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: #000;
text-decoration: none;
background-color: #fff;
border: 1px solid #000;
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: #000;
border-color: #000;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
color: #777;
cursor: not-allowed;
background-color: #fff;
border-color: #ddd;
}
/** 分页结束 **/
.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-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 .text-content{
margin-top: 0.5rem;
}
.page-container .text-content p{
color: #5d5d5d;
font-size: 0.3rem;
line-height: 0.6rem;
margin-top: 0.6rem;
}
.page-container .text-content img{
max-width: 100%;
}
.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{
text-align: left;
width: 100%;
}
.m-t50{
margin-top: 0.5rem;
}
.m-b50{
margin-bottom: 0.5rem;
}
.my-title-box .my-title{
width: 100%;
font-size: 0.3rem;
color: #000;
margin-bottom: 0.1rem;
font-weight: normal;
}
.my-title-box .my-title-en{
width: 100%;
font-size: 0.17rem;
color: #cccccc;
margin-top: 0.12rem;
font-weight: normal;
}
/*首页标题结束*/
/*内页顶部标题开始*/
.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;
position: relative;
border-bottom: 2px solid #004185;
margin-bottom: 0.2rem;
}
.inside-bar .main-container{
position: relative;
}
.inside-top-title-box{
display: inline-block;
width: 100%;
text-align: left;
}
.inside-top-title-box .title-cn{
display: inline-block;
max-width: 60%;
padding: 0.2rem 0.2rem;
margin: 0 auto;
overflow: hidden;
text-overflow: ellipsis;
color: #fff;
font-size: 0.3rem;
margin-top: 0.1rem;
background-color: #004185;
}
.inside-bar .swiper-box{
width: 70%;
position: absolute;
bottom: 0rem;
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%;
color: #572628;
font-size: 0.25rem;
position: relative;
text-align: center;
}
.inside-tabbar-swiper .swiper-slide a .name{
display: block;
color: #000;
padding: 0.15rem 0.05rem;
}
.inside-tabbar-swiper .swiper-slide.active a .name,.inside-tabbar-swiper .swiper-slide:hover a .name{
background-color: #004185;
color: #fff;
}
.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;
}
/*内页选项结束*/
/*内页顶部标题结束*/
/*规格选项开始*/
.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;
}
.slider-menu-btn.active{
color: #004185;
}
.my-side-bar{
width: 65%;
position: absolute;
right: 0;
top:100%;
padding-bottom: 1rem;
display: none;
z-index: 666;
}
.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;
}
.sidebar-navbar .one-li{
display: inline-block;
width: 100%;
overflow: hidden;
}
.sidebar-navbar .one-Item{
display: block;
width: 100%;
height: 0.85rem;
line-height: 0.85rem;
color: #fff;
font-size: 0.32rem;
background: #004185;
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: #0371b1;
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: #f2f2f2;
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: #989898;
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: #004185;
}
.three-navbar .three-Item:hover a,.three-navbar .three-Item.active a{
background-color: #fff;
}
/*导航栏结束*/
/*内页内容标题开始*/
.detail-title-box{
width: 95%;
margin: 0 auto;
height: 0.6rem;
line-height: 0.58rem;
color: #004185;
font-size: 0.3rem;
border: 1px solid #004185;
text-align: center;
overflow: hidden;
}
.inside-title{
width: 100%;
height: 0.3rem;
line-height: 0.3rem;
color: #004185;
font-size: 0.25rem;
margin-left: 0.2rem;
margin-top: 0.15rem;
padding-left: 0.1rem;
}
.inside-title span{
color: #004185;
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;
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;
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{
margin: 0.1rem 0;
height: 1rem;
line-height: 1rem;
text-align: center;
color:#ffffff;
}
.info-nav a{
padding: 0.1rem 0.4rem;
margin: 0 0.3rem;
font-size: 0.25rem;
color:#ffffff;
background-color: #004185;
}
.info-nav a:last-child{
border-right: transparent;
}
/* 分页结束 */
/*空间应用结束*/
/*意见反馈开始*/
.advice{
display: inline-block;
width: 100%;
text-align: center;
}
.my-advice{
display: inline-block;
width: 6rem;
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;
}
.advice-group .advice-input{
width: 5rem;
height: 0.6rem;
line-height: 0.6rem;
float: left;
border: 1px solid #C2C2C2;
border-radius: 5px;
font-size: 0.25rem;
padding-left: 5px;
}
.advice-group .advice-textarea{
width: 5rem;
height: 2rem;
float: left;
font-size: 0.25rem;
padding-left: 0.1rem;
border: 1px solid #C2C2C2;
}
.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: 1.6rem;
height: 0.6rem;
line-height: 0.5rem;
text-align: center;
font-size: 0.3rem;
margin-left: 2.5rem;
margin-top: 0.6rem;
margin-bottom: 0.4rem;
color: #ffffff;
background: #004185;
border: 1px solid #004185;
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:1rem;
position: relative;
}
.top-whiteSpace{
width: 100%;
height: 1rem;
}
.header .logo{
width: 2.84rem;
height: 0.8rem;
position: absolute;
top: 50%;
left: 50%;
margin-top: -0.4rem;
margin-left: -1.32rem;
}
.header .logo img{
display: block;
margin: 0 auto;
max-width: 100%;
max-height: 100%;
}
/*自定义工具栏*/
.header .menu-Btn{
color: #004185;
font-size: 0.6rem;
position: absolute;
top: 0.23rem;
}
.header .search-Btn{
color: #004185;
font-size: 0.55rem;
position: absolute;
top: 0.28rem;
display: none;
}
.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;
border: 1px solid #c30000;
}
.serach-bar .serachBtn{
width:20%;
height: 0.6rem;
line-height: 0.63rem;
font-size: 0.3rem;
float: left;
text-align: center;
background:#c30000 ;
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 #004185;
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: black;
font-size: 0.24rem;
text-align: center;
}
.menu-bar li a{
display: block;
width: 100%;
height: 100%;
color: black;
}
.menu-bar li:hover a,.menu-bar li.active a{
color: white;
background: #004185;
}
/*菜单结束*/
/*首页-产品展示开始*/
.my-pro-show {
text-align: center;
padding: 0.4rem 0;
background-color: #f3f3f3;
}
.my-pro-show .my-case-item{
display: block;
margin: 0 auto;
width: 3.5rem;
height: 4.8rem;
background-color: #fff;
}
.my-pro-show .my-case-img{
width: 100%;
height: 3.7rem;
position: relative;
overflow: hidden;
}
.my-pro-show .my-case-img img{
display: block;
max-width: 100%;
max-height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.my-pro-show .my-case-cover{
width: 100%;
height: 1.2rem;
overflow: hidden;
}
.my-pro-show .my-case-name{
width: 96%;
margin: 0 auto;
height: 0.26rem;
line-height: 0.24rem;
font-size: 0.2rem;
color: #000;
text-align: left;
margin-top: 0.2rem;
text-overflow: ellipsis;
word-wrap: normal;
}
.my-pro-show .my-case-more{
width: 96%;
margin: 0 auto;
display: block;
height: 0.4rem;
border-radius: 0.3rem;
line-height: 0.35rem;
font-size: 0.15rem;
text-align: left;
color: #000;
margin-bottom: 0.1rem;
margin-top: 0.1rem;
}
/*首页-产品展示结束*/
/*底部开始*/
.footer{
width: 100%;
height: 1rem;
background: #004185;
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: #0371b1;
}
.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%;
padding: 0.5rem 0;
background-color: #fff;
}
.my-about .my-about-wrapper{
position: relative;
width: 100%;
height: 4.7rem;
overflow: hidden;
}
.my-about .big-img-box{
width: 4.2rem;
height: 3.5rem;
position: absolute;
top: 0;
left: 0;
}
.my-about .img-container{
width: 100%;
height: 100%;
position: relative;
}
.my-about .common-img{
display: block;
max-width: 100%;
max-height: 100%;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
}
.my-about .small-img-box{
width: 2.5rem;
height: 1.7rem;
position: absolute;
bottom: 0rem;
right: 0.5rem;
}
.my-about .about-lists{
width: 60%;
padding: 0.1rem 0;
background-color: #ffffff;
font-size: 0;
position: absolute;
left: 0;
bottom: 0.5rem;
}
.my-about .about-lists li{
width: 33.33%;
background-color: #ffffff;
font-size: 0;
display: inline-block;
max-height: 0.6rem;
overflow: hidden;
}
.my-about .about-lists li a{
display: block;
width: 100%;
height: 100%;
text-align: center;
line-height: 0.3rem;
color: #000000;
background-color: #ffffff;
font-size: 0.2rem;
overflow: hidden;
}
.my-about .about-content{
width: 60%;
padding: 0.2rem;
background-color: #fff;
position: absolute;
top: 0.5rem;
right: 1.3rem;
}
.my-about .about-content .title{
width: 100%;
font-size: 0.28rem;
line-height: 0.28rem;
height: 0.32rem;
overflow: hidden;
color: #000000;
}
.my-about .about-content .title-en{
width: 100%;
font-size: 0.2rem;
line-height: 0.2rem;
height: 0.25rem;
overflow: hidden;
color: #dcdcdc;
}
.my-about .about-content .about-desc{
width: 100%;
font-size: 0.2rem;
line-height: 0.3rem;
height: 0.9rem;
overflow: hidden;
color: #cec8c8;
margin-top: 0.2rem;
}
.my-about .blue-alert{
position: relative;
top: -1.5rem;
right: -4.3rem;
width: 0.37rem;
height: 0.39rem;
background-color: #9bd4ea;
z-index: 1;
}
.my-about .blue-alert::before{
content: '';
position: absolute;
top: -0.1rem;
left:0.26rem;
width: 0.22rem;
height: 0.22rem;
background-color: #043ed1;
z-index: 2;
}
.my-about .blue-alert::after{
content: '';
position: absolute;
top: -0.3rem;
left: 0.33rem;
width: 0.37rem;
height: 0.39rem;
background-color: #0481d3;
z-index: 1;
}
/*首页关于我们结束*/
/*首页新品开始*/
.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-case{
display: block;
width: 100%;
background-color: #fff;
padding: 0.5rem 0;
}
.my-case .my-title-box{
margin-bottom: 0.85rem;
}
.my-case .title-cn{
color: #323232;
font-size: 0.22rem;
margin-bottom: 0.06rem;
font-weight: bold;
}
.my-case .title-en{
color: #b8b8b8;
font-size: 0.12rem;
}
.my-case .case-left{
width: 95%;
margin: 0 auto;
}
.my-case .case-left .case-img-box{
height: 5rem;
margin: 0 auto;
position: relative;
}
.my-case .case-left .case-img-box .case-cover{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('../img/case-cover_03.png') no-repeat center;
background-size: 100% 100%;
z-index: 2;
}
.my-case .case-left .case-img-box .mcase-img{
display: block;
width: 100%;
max-height: 100%;
margin: 0 auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
z-index: 1;
}
.my-case .case-left .case-content{
width: 100%;
text-align: center;
font-size: 0.14rem;
color: #000;
}
.my-case .case-left .case-content .content-title-cn{
font-size:0.2rem;
margin-top: 0.34rem;
line-height: 0.3rem;
}
.my-case .case-left .case-content .content-title-en{
font-size:0.14rem;
margin-top: 0.2rem;
}
.my-case .case-left .case-content .content-text{
text-align: center;
font-size: 0.14rem;
word-break:break-all;
display:-webkit-box;
-webkit-line-clamp:8;
-webkit-box-orient:vertical;
overflow:hidden;
margin-top: 0.3rem;
line-height: 0.32rem;
}
.my-case .my-case-slider-box{
width: 95%;
margin: 0 auto;
margin-top: 0.5rem;
}
.my-case .my-case-item{
display: block;
margin: 0 auto;
width: 3.5rem;
height: 4.8rem;
background-color: #fff;
}
.my-case .my-case-img{
width: 100%;
height: 3.7rem;
position: relative;
overflow: hidden;
}
.my-case .my-case-img img{
display: block;
max-width: 100%;
max-height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.my-case .my-case-cover{
width: 100%;
height: 1.2rem;
overflow: hidden;
}
.my-case .my-case-name{
width: 96%;
margin: 0 auto;
height: 0.26rem;
line-height: 0.24rem;
font-size: 0.2rem;
color: #000;
text-align: left;
margin-top: 0.2rem;
text-overflow: ellipsis;
word-wrap: normal;
}
.my-case .my-case-more{
width: 96%;
margin: 0 auto;
display: block;
height: 0.4rem;
border-radius: 0.3rem;
line-height: 0.35rem;
font-size: 0.15rem;
text-align: left;
color: #000;
margin-bottom: 0.1rem;
margin-top: 0.1rem;
display: none;
}
/* 案例展示结束 */
/*首页新闻开始*/
.my-news{
width: 100%;
font-size: 0;
padding: 0.4rem 0;
background-color: #f9f9f9;
}
.my-news .main-container{
position: relative;
}
.my-news .news-box{
width: 95%;
margin: 0 auto;
}
.my-news .news-box ul{
width: 100%;
}
.my-news .news-box ul li{
width: 100%;
height: 1.6rem;
min-height: 1.6rem;
position: relative;
}
.my-news .news-box ul li a{
display: block;
width: 100%;
height: 100%;
}
.my-news .news-box ul li::before{
content: '';
width: 0.24rem;
height: 0.24rem;
position: absolute;
top: 0.1rem;
left: 50%;
margin-left: -0.12rem;
border-radius: 100%;
background-color: #c4c4c4;
border: 1px solid #f9f9f9;
z-index: 2;
}
.my-news .news-box ul li::after{
content: '';
width: 2px;
height: 83%;
position: absolute;
top: 22%;
left: 50%;
margin-left: -1px;
background-color: #c4c4c4;
z-index: 1;
}
/* 时间 */
.my-news .news-box ul li .news-time{
width: 50%;
height: 100%;
padding: 0 0.24rem;
}
.my-news .news-box ul li .news-time{
width: 50%;
height: 100%;
padding: 0 0.24rem;
}
.my-news .news-box ul li .news-time .date{
width: 100%;
font-size: 0.42rem;
height: 0.43rem;
line-height: 0.43rem;
overflow: hidden;
color: #b6b5b5;
}
.my-news .news-box ul li .news-time .year{
width: 100%;
font-size: 0.16rem;
height: 0.5rem;
line-height: 0.2rem;
overflow: hidden;
color: #b6b5b5;
margin-top: 0.1rem;
}
/* 内容 */
.my-news .news-box ul li .news-content{
width: 50%;
height: 100%;
padding: 0 0.18rem;
}
.my-news .news-box ul li .news-content .news-title{
width: 100%;
font-size: 0.16rem;
line-height: 0.3rem;
color: #000000;
max-height: 0.3rem;
overflow: hidden;
}
.my-news .news-box ul li .news-content .news-title:hover{
color: #043ed1;
text-decoration: underline;
}
.my-news .news-box ul li .news-content .news-desc{
width: 100%;
font-size: 0.14rem;
line-height: 0.35rem;
color: #a7a7a7;
max-height: 0.7rem;
overflow: hidden;
margin-top: 0.15rem;
}
.my-news .news-box ul li:nth-child(2n-1) .news-time{
float: left;
text-align: right;
padding-left: 0;
}
.my-news .news-box ul li:nth-child(2n-1) .news-content{
float: right;
text-align: left;
padding-right: 0;
}
.my-news .news-box ul li:nth-child(2n) .news-time{
float: right;
text-align: left;
padding-right: 0;
}
.my-news .news-box ul li:nth-child(2n) .news-content{
float: left;
text-align: right;
padding-left: 0;
}
/* 右边图片层 */
.my-news .news-more{
position: absolute;
right: 0;
top: 0.15rem;
font-size: 0.16rem;
color: rgb(134, 132, 132);
}
/*首页新闻结束*/
/*内页标题背景开始*/
.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;
background: #f3f3f3;
box-shadow: 0 0 0.23rem #ddd;
background-color: #a7a4a2;
}
.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%;
background-color: #004185;
padding: 0.1rem 0;
}
.prodls-List li .name{
color: #ffffff;
font-size: 0.3rem;
height: 0.35rem;
line-height: 0.35rem;
overflow: hidden;
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;
height: 0.3rem;
line-height: 0.3rem;
overflow: hidden;
color:#ffffff;
}
.prodls-List li a .detail-span{
display: inline-block;
max-width: 100%;
height: 0.25rem;
line-height: 0.25rem;
overflow: hidden;
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: transparent;
box-shadow: 0 0 0.23rem #ddd;
}
.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: #004185;
padding: 0.1rem 0;
}
.procp-List li .name{
color: #ffffff;
font-size: 0.3rem;
height: 0.3rem;
line-height: 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;
height: 0.3rem;
line-height: 0.3rem;
overflow: hidden;
color:#ffffff;
}
.procp-List li a .detail-span{
display: inline-block;
max-width: 100%;
margin-top: 0.1rem;
font-size: 0.2rem;
height: 0.2rem;
line-height: 0.2rem;
overflow: hidden;
color: #ffffff;
}
/*瓷片结束*/
/*大理石详情开始*/
.product-detail{
display: block;
width: 95%;
margin: 0.2rem auto 0 auto;
padding: 0 0.2rem;
}
.product-detail .show-product-box{
width: 5rem;
height: 5rem;
margin: 0 auto;
border: 1px solid #004185;
position: relative;
overflow: hidden;
}
.product-detail .show-product-box .img-box{
display: block;
width: 4.8rem;
height: 4.8rem;
margin: 0.1rem auto;
position: relative;
overflow: hidden;
}
.product-detail .show-product-box .img-box figure{
display: block;
width: 4.8rem;
height: 4.8rem;
}
.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 #004185;
}
.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;
}
.product-detail .info-content{
display: inline-block;
width: 100%;
/* border:1px solid #5c282a; */
margin: 0.2rem 0;
position: relative;
}
.product-detail .info-content::before{
content: '';
position: absolute;
left: 30%;
top: 0;
width: 1px;
height: 100%;
/* background-color: #d7551b; */
}
.product-detail .info-name{
color: #004185;
font-size: 0.3rem;
font-weight: bold;
text-align: center;
margin-top: 0.4rem;
}
.product-detail .info-content .info-description{
color: #7a7a7a;
font-size: 0.3rem;
line-height: 0.4rem;
margin-top: 0.25rem;
}
.product-detail .info-description{
color: #989898;
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: #5c282a;
font-size: 0.28rem;
line-height: 0.35rem;
padding: 0.1rem 0;
}
.product-detail .info-content .info-p:not(:last-child){
/* border-bottom:1px solid #004185; */
}
.product-detail .info-content .info-p .hot{
display: inline-block;
width: 30%;
font-weight: bold;
text-align: left;
}
.product-detail .info-content .info-p span:last-child{
display: inline-block;
width: 65%;
word-break: break-all;
}
.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-bg{
width: 100%;
padding: 0.5rem 0;
text-align: left;
margin: 0 auto;
background-color: #f9f9f9;
}
.login-bg .type{
width: 100%;
height: 0.5rem;
line-height: 0.5rem;
color: #054587;
font-size: 0.32rem;
text-align: left;
font-weight: normal;
}
.login-bg .desc{
font-size: 0.35rem;
height: 0.4rem;
line-height: 0.4rem;
color: #000000;
font-weight: normal;
text-align: left;
}
.login-content-bg{
display: block;
width: 85%;
margin: 0 auto;
height: 5.5rem;
text-align: center;
}
.login-content-bg .login-form{
display: inline-block;
width: 100%;
}
.login-form .userName{
display: block;
width: 100%;
height: 0.7rem;
line-height: 0.62rem;
background-color: #ffffff;
border: 1px solid #054587;
border-radius: 0.05rem;
padding-left: 0.1rem;
margin-top: 0.3rem;
font-size: 0.22rem;
}
.login-form .passWord{
display: block;
width: 100%;
height: 0.7rem;
line-height: 0.62rem;
background-color: #ffffff;
border: 1px solid #054587;
border-radius: 0.05rem;
padding-left: 0.1rem;
margin-top: 0.3rem;
font-size: 0.22rem;
}
.login-form .login-Btn{
width: 100%;
height: 0.7rem;
color: #ffffff;
font-size: 0.24rem;
background: #054587;
border: 1px solid #054587;
margin-top: 0.4rem;
}
.login-form .auto-login-box{
text-align: left;
display: inline-block;
width: 0.32rem;
height: 0.32rem;
border:1px solid #054587;
vertical-align: top;
margin-top:0.28rem;
}
.login-form .auto-Login-text{
display: inline-block;
color: #054587;
font-size: 0.22rem;
margin-left: 0.1rem;
margin-top: 0.3rem;
font-weight: normal;
text-align: left;
}
/*文本框提示文本的颜色*/
.login-form input:-ms-input-placeholder{
color: #054587;
}
.login-form input::-webkit-input-placeholder{
color: #054587;
}
.login-bg .login-tips{
width: 100%;
height: 0.4rem;
line-height: 0.4rem;
font-size: 0.25rem;
text-align: center;
color: #000;
margin-top: 0.4rem;
}
.login-bg .login-tips span{
font-weight: bold;
}
/*经销商登录结束*/
/*经销商专区开始*/
.download{
display: inline-block;
width: 100%;
}
.download-Item{
display: inline-block;
width: 100%;
margin-top: 0.3rem;
}
.download .title{
width: 100%;
color: #000000;
font-size: 0.28rem;
text-align: left;
padding: 0.2rem 0;
text-align: left;
color: #004185;
/*font-weight: 500;*/
position: relative;
}
.download .title .sign{
position: absolute;
top: 0rem;
right: 0.2rem;
font-size: 0.28rem;
text-align: left;
padding: 0.2rem 0;
color: #004185;
}
.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.4rem;
margin-top: 0.30rem;
box-sizing: border-box;
background-color: #f2f2f2;
padding: 0.1rem;
position: relative;
float: left;
}
/* .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: 30%;
height: 2.2rem;
overflow: hidden;
position: relative;
float: left;
margin-right: 2%;
}
.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{
width: 50%;
height: 2rem;
margin: 0 auto;
margin-top: 0.2rem;
float: left;
}
.news-List li .content .title{
width: 100%;
height: 0.6rem;
margin: 0 auto;
color: #000000;
font-size: 0.25rem;
line-height: 0.3rem;
overflow:hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
text-overflow:ellipsis;
margin-top: 0.2rem;
}
.news-List li .content .title span{
font-weight: bold;
}
.news-List li .content .description{
width: 100%;
height: 0.6rem;
color: #b1b1b1;
font-size: 0.15rem;
line-height: 0.3rem;
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: 16%;
height: 0.8rem;
overflow: hidden;
line-height: 0.26rem;
margin-top: 0.8rem;
padding: 0.05rem 0;
float: left;
}
.news-List li .news-more{
width: 100%;
text-align: right;
font-size: 0.15rem;
color: #7e7e7e;
margin: 0.1rem 0;
}
.news-List li .cover .time{
color: #000;
font-size: 0.25rem;
text-align: center;
}
.news-List li .cover .year{
color: #666666;
font-size: 0.16rem;
text-align: center;
}
/*新闻资讯结束*/
/*工程案例开始*/
.project-List{
display: inline-block;
width: 100%;
margin-top: -0.3rem;
}
.project-List li{
float: left;
width: 3.4rem;
height: 3.3rem;
margin-top: 0.3rem;
background-color: #f2f2f2;
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: 2.8rem;
position: relative;
}
.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: #fff;
font-size: 0.25rem;
text-align: center;
position: relative;
background-color:#004185;
}
/* .project-List li .name::before{
content: '';
width: 0.1rem;
height: 0.2rem;
position: absolute;
top: -0.15rem;
left: 50%;
margin-left: -0.05rem;
background: url(../img/arrow-top.png) no-repeat center;
}
.project-List li:hover .name{
color: #fff;
background-color: #d7551b;
}
.project-List li:hover .name::before{
background: url(../img/arrow-top-active.png) no-repeat center;
} */
/*工程案例结束*/
/*联系我们开始*/
.contact-content{
display: block;
width: 100%;
background-color: #004185;
text-align: center;
padding: 0.3rem 0;
}
.contact-content .content{
width: 100%;
text-align: center;
}
.contact-content .content .company{
color: #fff;
font-size: 0.4rem;
line-height: 0.7rem;
font-weight: normal;
}
.contact-content .content .company-en{
color: #fff;
font-size: 0.25rem;
line-height: 0.3rem;
font-weight: normal;
}
.contact-content .content .company-p{
color: #fff;
font-size: 0.26rem;
line-height: 0.3rem;
margin-top: 0.2rem;
font-weight: blod;
}
.contact-content .content p{
color: #ffffff;
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;
}
#mapcon{
height: 4.5rem;
}
/*联系我们结束*/
.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%;
padding-bottom: 1rem;
}
.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;}}