@charset "utf-8";
/* CSS Document */
a,blockquote,body,code,dd,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,iframe,img,input,label,li,object,ol,p,q,small,span,strong,table,tbody,td,th,tr,ul{margin:0;padding:0;border:0}
body{font-family:"Microsoft YaHei,Helvetica,Arial,sans-serif";-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none}
a,a:active,a:focus,a:hover,a:visited{text-decoration:none}
a,img{-webkit-touch-callout:none}
li,ol,ul{list-style:none}
input[type=password],input[type=text],textarea{resize:none;outline:none;-webkit-appearance:none;white-space:pre-wrap;word-wrap:break-word}
input{outline:none;-webkit-appearance:none;background:none}
a {color: #333;}

:root {--mwidth: 1200px;--tcolor: #e43a3d;}

/*头部*/
.pageheader {display: flex;align-items: center;justify-content: center;}
.pageheader .header {display: flex;align-items: center;width: var(--mwidth);height: 92px;}
.pageheader .header .headericon {display: flex;align-items: center;margin-right: auto;}
.pageheader .header .headericon .logo {display: block;width: 159px;height: 42px;margin-right: 22px;font-size: 0;}
.pageheader .header .headericon .logo img {width: 100%;vertical-align: middle;}
.pageheader .header .headericon .pagetitle {display: block;font-size: 20px;font-weight: bold;line-height: 42px;color: #333;}

.pageheader .header .headersearchbox_in {position:relative;width:390px;height:36px;margin-right:20px;border:2px solid #ff0000;background:url(https://u-static.lmjx.net/2024/spage/images/searchicon.png) 12px center no-repeat;box-sizing:border-box;}
.pageheader .header .headersearchbox_in .hsearchinput input {display:block;width:315px;height:32px;padding:0 20px 0 38px;font-size:14px;line-height:32px;box-sizing:border-box;background:none;}
.pageheader .header .headersearchbox_in .hsearchbtn input {display:block;position:absolute;width:73px;height:36px;top:-2px;right:-2px;cursor: pointer;}
.pageheader .header .headersearchbox_in .hsearchbtn input {display:block;font-size:16px;line-height:36px;text-align:center;color:#fff;background:var(--tcolor);}

.headernav {display: flex;align-items: center;}
.headernav .item {display: block;margin-left: 20px;font-size: 16px;line-height: 36px;color: #000;}
.headernav .itemmore {display: flex;align-items: center;margin-left: 20px;font-size: 16px;line-height: 36px;color: #000;}
.headernav .itemmore i { display: block; width: 7px; height: 7px; border-right: 2px solid #666;margin-top: -2px;margin-left: 6px; border-bottom: 2px solid #666; box-sizing: border-box; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }

.headernav .item:hover,.headernav .itemmore:hover {color: var(--tcolor);}
.headernav .itemmore:hover i {border-color: var(--tcolor);}

/* topmenu */
/*.topmenubox {display: flex;align-items: center;justify-content: center;background: #F7F7F7;}
.topmenubox .topmenuin {display: flex;align-items: center;width: var(--mwidth);height: 42px;}
.topmenubox .topmenuin .item { display: block; margin-left: 14px; padding: 0 10px; font-size: 14px; line-height: 42px; color: #262626; }
.topmenubox .topmenuin .item:first-child {margin-left: 0;}
.topmenubox .topmenuin .item:hover {background: var(--tcolor);color: #fff;transition: background .3s,color .3s; -webkit-transition: background .3s,color .3s; -moz-transition: background .3s,color .3s; -ms-transition: background .3s,color .3s; -o-transition: background .3s,color .3s; }
.topmenubox .topmenuin .item.cur {background: var(--tcolor);color: #fff;}*/
.topmenubox{display:flex;align-items:center;justify-content:center;background:#F7F7F7}
.topmenubox .topmenuin{display:flex;align-items:center;width:var(--mwidth);min-height:42px;flex-wrap:wrap;padding:10px 10px 1px}
.topmenubox .topmenuin .item{display:block;margin-bottom:9px;margin-right:14px;padding:0 10px;font-size:14px;line-height:34px;color:#262626;border-radius:4px}
.topmenubox .topmenuin .item:first-child{margin-left:0}
.topmenubox .topmenuin .item:hover{background:var(--tcolor);color:#fff;transition:background .3s,color .3s;-webkit-transition:background .3s,color .3s;-moz-transition:background .3s,color .3s;-ms-transition:background .3s,color .3s;-o-transition:background .3s,color .3s}
.topmenubox .topmenuin .item.cur{background:var(--tcolor);color:#fff}

/* 面包屑导航 */
.bread{ height: 34px;font-size: 14px;line-height: 32px;color: #979B9E;box-sizing:border-box;}
.bread a{color: #979B9E;}
.bread span{color: #979B9E;}

/* 标题 */
.inlinetitle{position: relative;display: flex;align-items: center;height: 44px;margin-top: 10px; border-bottom: 3px solid #e9e9e9;}
.inlinetitle h1,.inlinetitle h2 {display: block;position: relative; padding: 7px 5px 7px 0; font-size: 20px; font-weight: bold; line-height: 30px; color: #525252;}
.inlinetitle h1::after,.inlinetitle h2::after{display: block;content: '';position: absolute; width: 100%; height: 3px; left: 0; bottom: -3px; background: var(--tcolor);}

.inlinetitle .inlinetitle_nav {display: flex;align-items: center;}
.inlinetitle .inlinetitle_nav .it {display: block;position: relative;margin-right: 36px;padding: 7px 5px 7px 0;font-size: 20px;font-weight: bold;line-height: 30px;color: #626262;}
.inlinetitle .inlinetitle_nav .it.cur::after{display: block;content: '';position: absolute; width: 100%; height: 3px; left: 0; bottom: -3px; background: var(--tcolor);}

.inlinetitle .bread {margin-left: auto;margin-top: 6px;}

.inlinetitle .pronum {display: block;margin-left: auto;font-size: 14px;line-height: 36px;color: #929292;}
.inlinetitle .pronum span {color: #e4393c;}

/* 标题2 */
.sinlinetitle{position: relative;display: flex;align-items: center;height: 44px;margin-top: 10px; border-bottom: 2px solid #e9e9e9;}
.sinlinetitle h1,.sinlinetitle h2 {display: block;position: relative; padding: 7px 5px 7px 0; font-size: 18px; line-height: 30px; color: var(--tcolor);font-weight: normal;}
.sinlinetitle h1::after,.sinlinetitle h2::after{display: block;content: '';position: absolute; width: 100%; height: 2px; left: 0; bottom: -2px; background: var(--tcolor);}
.sinlinetitle .morebtn {display: flex;align-items: center;margin-left: auto;margin-top: 6px;padding: 0 6px;font-size: 14px;line-height: 40px;margin-right: 10px;color: #777;cursor: pointer;}
.sinlinetitle .morebtn i { display: block; width: 6px; height: 6px;margin-left: 12px;margin-top: -2px; border-right: 1px solid #777; border-bottom: 1px solid #777; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.sinlinetitle .morebtn_open i {margin-top: 4px; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); }


/* 主体 */
.pagemain {display: flex;width: var(--mwidth);margin: 0 auto;}
.pagemain .pagemain_con {display: block;flex: 1;max-width: calc(100% - 258px);}

.pagemain .pagemain_side {width: 230px;min-width: 230px;margin-left: 28px;padding-top: 1px;}

/* 筛选 */
.screenbox {overflow: hidden;}
.screenbox .screenitem {display: flex;position: relative;padding: 15px 0 5px;border-top: 1px solid #E7EBEE;}
.screenbox .screenitem .screenitem_in {display: flex;flex: 1;}
.screenbox .screenitem .screenitem_in .label {display: block;width: 72px;min-width: 72px;font-size: 14px;line-height: 28px;color: #979B9E;}
.screenbox .screenitem:first-child {border-top: 0;}

.screenits {display: flex;flex-wrap: wrap;position: relative;margin-left: -10px;box-sizing: border-box;}
.screenits .it { display: block; height: 28px; margin-bottom: 10px; margin-left: 10px; padding: 0 10px; font-size: 14px; line-height: 28px; color: #333; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;box-sizing: border-box;cursor: pointer; }
.screenits .it.cur,.screenits .it:hover {background: var(--tcolor);color: #fff;transition: background .3s,color .3s; -webkit-transition: background .3s,color .3s; -moz-transition: background .3s,color .3s; -ms-transition: background .3s,color .3s; -o-transition: background .3s,color .3s;}
.screenits .sallbtn {display: block;position: absolute;right: 18px;bottom: 26px;font-size: 12px;color: var(--tcolor);font-weight: bold;cursor: pointer;}
.screenits .sallbtn.hide {display: none;}
.screenits.companys {height: auto;padding-right: 60px;overflow: hidden;}
.screenits.companys .it {width: 95px;}
.screenits.companys_max {height: 72px;}

.smaxbtn {display:flex;align-items: center;position:absolute;right:0;padding:0 8px;font-size:14px;line-height:24px;color: #505666;cursor: pointer;}
.smaxbtn i {display: block;width: 14px;height: 14px;margin-right: 6px;background:url(https://u-static.lmjx.net/2024/spage/images/maxopenicon.png) center center no-repeat;background-size: 100% auto;}
.smaxbtn.smaxbtn_open i {background:url(https://u-static.lmjx.net/2024/spage/images/maxcloseicon.png) center center no-repeat;background-size: 100% auto;}

/* 产品介绍 */
.proabout {display: flex;margin-top: 20px;margin-bottom: 20px;padding: 22px;background: #FDF6F6;}
.proabout .icon {display: block;position: relative;;width: 232px;min-width: 232px;height: 174px;margin-right: 38px;background: #fff;overflow: hidden;}
.proabout .icon .picon {display: block;}
.proabout .icon .picon img {width: 100%;vertical-align: top;}
.proabout .intro {display: block;font-size: 14px;line-height: 24px;color: #222;}
.proabout .intro .tit {display: block;margin: 10px 0;font-size: 16px;font-weight: bold;line-height: 28px;color: var(--tcolor);}
.proabout:hover .icon .picon img { transform: scale(1.08); -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); transition: transform .3s; -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s; }
.proabout .logo {position:absolute;width:80px;top:0;right:0;}


/* 产品列表 */
.prolist {margin-top: 14px;}
.prolist .item {position: relative;display: flex;align-items: center;padding:28px 20px;border-bottom:1px solid #E7EBEE;overflow:hidden;}
.prolist .item .itemicon {width:204px;height: 136px;position: relative;margin-right:20px;}
.prolist .item .icon {display:flex;align-items: center;justify-content: center;position: relative;width:204px;min-width: 204px;height:136px;font-size: 0;line-height:174px;text-align:center;background: #fff;overflow: hidden;}
.prolist .item .icon img {max-width:100%;max-height:100%;vertical-align:top;}
.prolist .item .itemin {flex: 1;}
.prolist .item .adv {position: absolute;right: 3px;bottom: 3px;display: block;color: #fff;overflow: hidden;font-size: 12px;line-height: 100%;font-weight: normal;font-style: normal;background: #999;padding: 3px;border-radius: 3px;}
.prolist .item .itit {display: block;margin-bottom: 20px;}
.prolist .item h2 {display: block;font-size:20px;font-weight: bold;line-height:32px;color:#2c2c2c;}
.prolist .item h2 i {display: inline-block;width: 50px;height: 18px;margin-left: 10px;background: url(https://u-static.lmjx.net/2019/zj/images/vrkcpc.png) center center no-repeat;background-size: 100% auto;vertical-align: middle;}
.prolist .item .dds {display: flex;flex-wrap: wrap;width:100%;margin-top:10px;font-size:14px;line-height:24px;color:#999;overflow:hidden;}
.prolist .item .dds dt {display:block;width:22%;margin-bottom: 10px;color:#999;}
.prolist .item .dds dd {display:block;width:28%;height:23px;color:#2c2c2c;word-break: break-all;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.prolist .item .moreparma {font-size:12px;line-height:23px;color:var(--tcolor);}
.prolist .item .pinfbtnwrap {display: flex;margin-top:10px;font-size:14px;line-height:24px;color:#63768A;}
.prolist .item .pinfbtnwrap .btn {display: block;height: 24px;margin-right: 10px;padding:0 10px;background: #F5F7F9;}
.prolist .item .pinfbtnwrap .btn:first-child {border:0;}

.prolist .item .itembtnwrap {display: flex;align-items: center;height: 100%;}
.prolist .item .itembtnwrap span {display:block;font-size:20px;}
.prolist .item .itembtnwrap span.price {font-size:20px;line-height:50px;color:var(--tcolor);}
.prolist .item .itembtnwrap i {line-height:50px;color:#999;}
.prolist .item .itembtnwrap .askpbtn {display:block;width:101px;height:44px;font-size:16px;line-height:42px;text-align:center;color:var(--tcolor);border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border: 1px solid var(--tcolor);box-sizing: border-box;}
.prolist .item:hover { background: #f9f9f9; transition: background .3s; -webkit-transition: background .3s; -moz-transition: background .3s; -ms-transition: background .3s; -o-transition: background .3s; }
.prolist .item:hover .itembtnwrap .askpbtn {background:var(--tcolor);color: #fff;}
.prolist .item:hover h2 {color: var(--tcolor);}
.prolist .item:hover .icon img { transform: scale(1.08); -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); transition: transform .3s; -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s; }

.quans { display: block; position: absolute; height: 50px; top: 10px; left: 6px;overflow: hidden; }
.quans .quanitem { display: block; float: right;width: auto; height: 100%; }
.quans .quanitem img { width: auto; height: 100%; vertical-align: top; }
.dphoto .quans { height: 70px; }

/* 配件列表 */
.partslist {display: flex;flex-wrap: wrap;align-content: flex-start;margin-top: 16px;}
.partslist .item {display: block;width: 25%;margin-bottom: 12px;padding: 14px;box-sizing: border-box;}
.partslist .item .icon {display: flex;align-items: center;justify-content: center;width: 100%;height: 136px;font-size: 0;border: 1px solid #E7EBEE;box-sizing: border-box;overflow: hidden;}
.partslist .item .icon img {max-width: 100%;max-height: 100%;}
.partslist .item h3 {display: block;margin-top: 10px;padding: 10px;font-size: 14px;font-weight: normal;line-height: 21px;text-align: center;color: #222;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.partslist .item h3 a {color: #222;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.partslist .item .askpbtn { display: block; width: 88px; height: 32px; margin: 10px auto 0; font-size: 16px;line-height: 30px;text-align: center;color: var(--tcolor); box-sizing: border-box; border: 1px solid var(--tcolor); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.partslist .item:hover {box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
.partslist .item:hover h3,.partslist .item:hover h3 a {color: var(--tcolor);}
.partslist .item:hover .askpbtn { background: var(--tcolor); color: #fff; transition: background .3s,color .3s; -webkit-transition: background .3s,color .3s; -moz-transition: background .3s,color .3s; -ms-transition: background .3s,color .3s; -o-transition: background .3s,color .3s; }
.partslist .item:hover .icon img {transform: scale(1.08); -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); transition: transform .3s; -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s;}

/* 新闻与资讯 */
.snewslist {margin-top: 20px;}
.snewslist .item {display: flex;padding: 28px 20px;box-sizing: border-box;border-bottom: 1px solid #E7EBEE;}
.snewslist .item .icon {display: block;width: 186px;min-width: 186px;max-height: 140px;margin-right: 20px;overflow: hidden;}
.snewslist .item .icon img {width: 100%;vertical-align: top;}
.snewslist .item .itemin {flex: 1;overflow: hidden;}
.snewslist .item h3 {display: block;font-size: 20px;line-height: 30px;color: #222;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.snewslist .item h3 a {display: block;color: #222;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.snewslist .item .iintro {display: block;margin-top: 20px;font-size: 14px;line-height: 21px;color: #777;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.snewslist .item .iintro a {display: block;font-size: 14px;line-height: 21px;color: #777;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.snewslist .item .iinfo {display: flex;align-items: center;margin-top: 20px;}
.snewslist .item .iinfo .idate {display: block;padding: 0 10px;font-size: 14px;line-height: 24px;color: #63768A;background: #F5F7F9;}
.snewslist .item .iinfo .icompany {display: block;margin-left: 10px;padding: 0 10px;font-size: 14px;line-height: 24px;color: #63768A;background: #F5F7F9;}
.snewslist .item:hover {background: #f9f9f9;}
.snewslist .item:hover h3,.snewslist .item:hover h3 a {color: var(--tcolor);}
.snewslist .item:hover .icon img {transform: scale(1.08); -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); transition: transform .3s; -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s;}

/* 品牌推荐 */
.slogos {display: flex;flex-wrap: wrap;width:100%;margin-bottom:10px;height:auto;overflow:hidden;border-left:1px solid #eee;}
.slogos_max {height:142px;}
.slogos .item {display:block; width:157px;height:71px;padding:10px;border:1px solid #eee;border-width:0 1px 1px 0;box-sizing:border-box;}
.slogos .item .icon {display:block;width:102px;height:51px;margin:0 auto;}
.slogos .item .icon img {width:100%;height:100%;vertical-align:top;}

/* 视频列表 */
.avideoslist {display: grid;grid-template-columns: 2fr 1fr 1fr;grid-template-rows: repeat(2, 1fr);gap: 14px;margin-top: 17px;}
.avideoslist .item {width: 220px;/*height: 176px;*/}
.avideoslist .item.itembig {width: 480px;height: 387px;grid-column: 1;grid-row: 1 / 4;background: #F7F7F7;}
.avideoslist .item .icon {display: block;height: 126px;position: relative;overflow: hidden;}
.avideoslist .item .icon img {width: 100%;vertical-align: top;}
.avideoslist .item .icon i { display: block; position: absolute; width: 22px; height: 22px; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); background: url(https://u-static.lmjx.net/2024/spage/images/svplayicon.png) center center no-repeat;background-size: 100% auto;}
.avideoslist .item.itembig .itemin {padding: 1px 13px;}
.avideoslist .item.itembig .icon {height: 270px;}
.avideoslist .item h3 {display: block;margin-top: 10px;font-size: 14px;line-height: 21px;color: #333;font-weight: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.avideoslist .item h3 a {display: block;font-size: 14px;line-height: 21px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;;}
.avideoslist .item .itags {display: flex;align-items: center;margin-top: 8px;font-size: 14px;line-height: 21px;color: #63768A;}
.avideoslist .item .itags .it {display: block;margin-right: 10px;padding: 0 10px;font-size: 14px;line-height: 21px;color: #63768A;background: #F5F7F9;}
.avideoslist .item:hover .icon img {transform: scale(1.08); -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); transition: transform .3s; -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s;}
.avideoslist .item:hover h3,.avideoslist .item:hover h3 a {color: var(--tcolor);}

/* 图片列表 */
.apictureslist {display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: repeat(2, 1fr);gap: 10px;margin-top: 17px;}
.apictureslist .item {width: 222px;height: 140px;position: relative;overflow: hidden;}
.apictureslist .item.itembig {width: 480px;height: 290px;grid-column: span 2;grid-row: span 2;background: #F7F7F7;}
.apictureslist .item .icon {display: block;position: relative;overflow: hidden;width: 100%;height: 100%;background-position: center center;background-size: cover;background-repeat: no-repeat;}
.apictureslist .item .icon img {width: 100%;vertical-align: top;}
.apictureslist .item .itemin {position: absolute;bottom: 0;left: 0;width: 100%;height: 34px;padding: 7px 15px;background: rgba(0, 0, 0, 0.5);box-sizing: border-box;}
.apictureslist .item h3 {display: block;font-size: 14px;line-height: 20px;color: #fff;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.apictureslist .item h3 a {display: block;font-size: 14px;line-height: 20px;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.apictureslist .item:hover .icon {transform: scale(1.08); -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); transition: transform .3s; -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s;}

.apictureslist .item:nth-child(6) {width: 232px;}
.apictureslist .item:nth-child(7) {width: 232px;}

.apictureslist4 {grid-template-rows: repeat(3, 1fr);}


/* 侧栏 分类 */
.sidecates {margin-top: 17px;}
.sidecates .tit {display: block;width: 100%;height: 48px;background: var(--tcolor);font-size: 16px;font-weight: bold;line-height: 48px;text-align: center;color: #fff ;}
.sidecates .sidecates_in {border: 1px solid #E9E9E9;border-top: 0;}
.sidecates .sidecatesitem {display: flex;align-items: center;height: 46px;padding: 0 8px 0 24px;background: #FAFAFA;border-top: 1px solid #e9e9e9;box-sizing: border-box;cursor: pointer;}
.sidecates .sidecatesitem h3,.sidecates .sidecatesitem h3 a {display: block;font-weight: normal;font-size: 16px;line-height: 24px;color: #262626;}
.sidecates .sidecatesitem .btn {display: flex;align-items: center;justify-content: center;;width: 45px;height: 45px;margin-left: auto;}
.sidecates .sidecatesitem .btn i {display: block;width: 14px;height: 14px;background: url(https://u-static.lmjx.net/2024/spage/images/maxopenicon.png) center center no-repeat;background-size: 100% auto;}
.sidecates .sidecatesitem .btn.btn_open i {background: url(https://u-static.lmjx.net/2024/spage/images/maxcloseicon.png) center center no-repeat;background-size: 100% auto;}
.sidecates .sidecatesitem_s { max-height: 0; overflow: hidden; transition: max-height .3s; -webkit-transition: max-height .3s; -moz-transition: max-height .3s; -ms-transition: max-height .3s; -o-transition: max-height .3s; }
.sidecates .sidecatesitem_s a {display: flex;align-items: center;height: 40px;padding: 0 24px;font-size: 14px;line-height: 21px;color: #333;border-top: 1px solid #E9E9E9;}
.sidecates .sidecatesitem_s a:hover {color: var(--tcolor);}
.sidecates .sidecatesitem_s a.cur {color: var(--tcolor);}

.sidecates .sidecatesitem_smax {max-height: 1000px;}

/* 侧栏 询价 */
.sidebox {display: block;margin-top: 24px;border: 1px solid #E9E9E9;border-top: 3px solid var(--tcolor);}
.sidebox .sidetitle {}
.sidebox .sidetitle h3 {display: block;margin: 0 10px;padding: 8px 10px;font-size: 16px;font-weight: bold;line-height: 24px;color: #222;box-sizing: border-box;border-bottom: 1px solid #e7ebee;}

.sideaskplist {padding: 0 10px;}
.sideaskplist .item {display: flex;align-items: center;height: 50px;overflow: hidden;border-bottom: 1px dashed #E7EBEE;}
.sideaskplist .item .label { display: block; width: 40px;min-width: 40px; height: 24px; font-size: 14px; line-height: 24px; text-align: center; color: var(--tcolor); background: #FFF1F2; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.sideaskplist .item .askptit {display: block;flex: 1;margin: 0 6px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 14px;line-height: 24px;color: #222;}
.sideaskplist .item .itime {display: block;font-size: 14px;line-height: 24px;color: #999;white-space: nowrap;}
.sideaskplist .item:last-child {border: 0;}

/* 侧栏 口碑 */
.sidekoubeislist .item {width:212px;margin:0 auto;padding:10px 0;border-bottom:1px solid #e5e5e5;overflow: hidden;}
.sidekoubeislist .item .icon {display:block;width:200px;height:150px;margin:0 auto;line-height:150px;text-align:center;overflow: hidden;}
.sidekoubeislist .item .icon img {max-width:100%;max-height:100%;vertical-align:middle;}
.sidekoubeislist .item h3 a {display:table;padding:0 4px;font-size:12px;font-weight: normal;line-height:20px;color:#09408a;}
.sidekoubeislist .item .icontent {font-size:12px;line-height:20px;color:#666;}
.sidekoubeislist .item a {color:#198ef6;}
.istars {display:block;margin:6px auto;text-align:center;}
.istars .istar {display:inline-block;position:relative;width:75px;height:12px;background:url(https://u-static.lmjx.net/2019/spage/images/star1.png) left center repeat-x;}
.istars .istar100 i {display:block;position:absolute;width:100%;height:12px;top:0;left:0;background:url(https://u-static.lmjx.net/2019/spage/images/star2.png) left center repeat-x;}
.istars .istar90 i {display:block;position:absolute;width:90%;height:12px;top:0;left:0;background:url(https://u-static.lmjx.net/2019/spage/images/star2.png) left center repeat-x;}
.istars .istar80 i {display:block;position:absolute;width:80%;height:12px;top:0;left:0;background:url(https://u-static.lmjx.net/2019/spage/images/star2.png) left center repeat-x;}
.istars .istar70 i {display:block;position:absolute;width:70%;height:12px;top:0;left:0;background:url(https://u-static.lmjx.net/2019/spage/images/star2.png) left center repeat-x;}
.istars .istar60 i {display:block;position:absolute;width:60%;height:12px;top:0;left:0;background:url(https://u-static.lmjx.net/2019/spage/images/star2.png) left center repeat-x;}
.istars .istar50 i {display:block;position:absolute;width:50%;height:12px;top:0;left:0;background:url(https://u-static.lmjx.net/2019/spage/images/star2.png) left center repeat-x;}
.istars .istar40 i {display:block;position:absolute;width:40%;height:12px;top:0;left:0;background:url(https://u-static.lmjx.net/2019/spage/images/star2.png) left center repeat-x;}
.istars .istar30 i {display:block;position:absolute;width:30%;height:12px;top:0;left:0;background:url(https://u-static.lmjx.net/2019/spage/images/star2.png) left center repeat-x;}
.istars .istar20 i {display:block;position:absolute;width:20%;height:12px;top:0;left:0;background:url(https://u-static.lmjx.net/2019/spage/images/star2.png) left center repeat-x;}
.istars .istar10 i {display:block;position:absolute;width:10%;height:12px;top:0;left:0;background:url(https://u-static.lmjx.net/2019/spage/images/star2.png) left center repeat-x;}
.istar_num {font-size:14px;font-weight:bold;color:#e4393c;}

.skoubeismore {display: flex;align-items: center;justify-content: center;;padding: 9px;font-size: 14px;line-height: 21px;text-align: center;color: var(--tcolor);}

.sidekoubeislist .item:hover h3,.sidekoubeislist .item:hover h3 a {color: var(--tcolor);}
.sidekoubeislist .item:hover .icon img {transform: scale(1.08); -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); transition: transform .3s; -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s;}

/* 侧栏 施工场景 */
.ullist {padding: 0 10px;}
.ullist .item {display: flex;align-items: center;padding: 10px 14px 10px 0;border-bottom: 1px dashed #E7EBEE;box-sizing: border-box;}
.ullist .item span {display: block;flex: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 14px;line-height: 24px;color: #222;}
.ullist .item i {display: block;width: 4px;min-width: 4px;height: 4px;margin-right: 10px;background: #CECECE;}
.ullist .item:last-child {border: 0;}
.ullist .item:hover span {color: var(--tcolor);}
.ullist .item:hover i {background: var(--tcolor);}

/* 侧栏 推荐产品 */
.accslist {padding: 6px 10px 0;}
.accslist .item {padding: 0 0 14px;border-bottom:1px solid #e5e5e5;}
.accslist .item .icon {display:block;width:200px;height:138px;margin:0 auto;text-align:center;overflow: hidden;}
.accslist .item .icon img {max-width:100%;max-height:100%;vertical-align:middle;}
.accslist .item h3 a {display:block;margin-top:4px;padding:0 10px;font-size:14px;font-weight: normal;line-height:23px;text-align:center;color:#333;}
.accslist .item .btnwrap {display: flex;align-items: center;justify-content: center;margin-top: 12px;}
.accslist .item .btnwrap .askpbtn {display: block;width: 180px;height: 28px;font-size: 14px;line-height: 26px;text-align: center;color:var(--tcolor);border:1px solid var(--tcolor);border-radius:3px;box-sizing: border-box;}
.accslist .item:hover .icon img {transform: scale(1.08); -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); transition: transform .3s; -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s;}
.accslist .item:hover h3,.accslist .item:hover h3 a {color: var(--tcolor);}
.accslist .item:hover .btnwrap .askpbtn {background: var(--tcolor);color: #fff;}


/* 推荐内容 */
.reccontainer {}
.reccontainer .recbox {width: var(--mwidth);margin: 0 auto;}
.reclist {padding:12px 0;border-top:1px solid #e5e5e5;height:auto;overflow:hidden;}
.reclist_max1 {height:25px;}
.reclist_max2 {height:56px;}
.reclist a {display:inline-block;width:105px;margin-right:24px;font-size:14px;line-height:28px;color:#505050;height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.reclist a:hover {color: var(--tcolor);}


/* 弹窗 全部品牌 */
.select_mms{position: relative;}
.mms_companys{position: relative;padding: 5px 0 10px;border-bottom: 1px solid #e9e9e9;overflow: hidden;}
.mms_companys .lindexs{margin-bottom: 2px;padding: 9px 0 2px 5px;overflow: hidden;}
.mms_companys .lindexs a,
.mms_companys .lindexs span{display: block;float: left;font-size: 14px;line-height: 18px;text-align: center;color: #444;width: 18px;margin-right: 8px;transition: all .3s;}
.mms_companys .lindexs .reseta{width: auto;padding: 0 4px;}
.mms_companys .lindexs .disabled{color: #ddd;}
.mms_companys .lindexs a.current{color: #fff;background: #e4393c;}
.mms_companys .lindexs a:hover{color: #fff;background: #e4393c;}
.mms_companys .lindexs a.disabled:hover{color: #000;background: none;}
.mms_companys .companys{padding-left: 5px;height: 60px;overflow: hidden;transition: all .3s;}
.mms_companys.mms_companys_open .companys{height: 100px;overflow: auto;}
.mms_companys_2 dd .companys{height: 60px;overflow: hidden;}
.mms_companys_2.mms_companys_open dd .companys{height: 100px;overflow: auto;}
.mms_companys_3 dd .companys{height: 100px;overflow: hidden;}
.mms_companys_3.mms_companys_open dd .companys{height: 134px;overflow: auto;}
.mms_companys_4 dd .companys{height: 134px;overflow: hidden;}
.mms_companys_4.mms_companys_open dd .companys,.companys2{height: 160px;overflow: auto;}
.mms_companys_open .companys dd{overflow: auto;}
.mms_companys dt{display: block;float: left;min-width: 7em;font-size: 14px;line-height: 32px;color: #8f8f8f;}
.mms_companys .mc{position: relative;float: left;height: auto;margin-left: 0;}
.mms_companys .mc a,
.mms_companys .mc span{display: block;min-width: 48px;width: auto; height: 26px;margin: 4px 8px 7px 0;padding: 0 10px;font-size: 14px;line-height: 26px;border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; box-sizing: border-box;}
.mms_companys .mc .mc_origin_1{color: #e4393c;}
.mms_companys .mc .mc_origin_2{color: #ffaa42;}
.mms_companys .mc .mc_origin_3{color: #6cba49;}
.mms_companys .mc .mc_origin_4{color: #5c79e5;}
.mms_companys .mc .mc_origin_1.current{color: #fff;background: #e4393c;}
.mms_companys .mc .mc_origin_2.current{color: #fff;background: #ffaa42;}
.mms_companys .mc .mc_origin_3.current{color: #fff;background: #6cba49;}
.mms_companys .mc .mc_origin_4.current{color: #fff;background: #5c79e5;}
.mms_companys .mc a.current{color: #fff; background: #e4393c;}
.mms_companys dd{margin-left: 11.6em;font-size: 14px;line-height: 29px;}
.mms_companys .companys a{display: inline-block;width: 136px;height: 24px;line-height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.zjcompany .companys{margin-top: 9px;}
.zjcompany .companys a{height: 26px;/*margin: 4px 0 3px 0;border: 1px solid transparent;*/box-sizing: border-box;transition: all .3s;}
.cc_1:hover,
.cc_1.current{color: #e4393c;}
.cc_2:hover,
.cc_2.current{color: #ffaa42;}
.cc_3:hover,
.cc_3.current{color: #6cba49;}
.cc_4:hover,
.cc_4.current{color: #5c79e5;}
.cc_1.current,
.cc_2.current,
.cc_3.current,
.cc_4.current{font-weight: bold;}
.mms_companys dd a span{color: #e4393c;}
.cl::after,
.clr::after{content: ''; display: block; height: 0; clear: both; visibility: hidden; zoom: 1;}
.select_mms .expand{display: block;position: absolute;height: 28px;padding: 0 20px 0 6px;right: 0;top: 10px;font-size: 14px;line-height: 26px;background: url(https://u-static.lmjx.net/2019/zj/images/tarrow-down.png) 38px center no-repeat;box-sizing: border-box;}
.select_mms .expand_open{background: url(https://u-static.lmjx.net/2019/zj/images/tarrow-up.png) 38px center no-repeat;}
.company_all{display: block; position: absolute;right: 18px; bottom: 26px;font-size: 12px;color:#e4393c;font-weight: bold;cursor: pointer;}
.company_all.ihide{display: none;}
.zjcompany{display: none;position: fixed;width: 100%;height: 100%;z-index: 20;}
.zjcompanys_click_mask{position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: url(https://u-static.lmjx.net/2019/zj/images/paskpcover.png) repeat;}
.zjcompanys{ position: fixed;width: 1089px;top: 50%;left: 50%;margin-top: -120px;margin-left: -544px;padding: 30px 44px 20px;background: #fff;box-sizing: border-box;
}
.zjcompanys .close {display: block;position: absolute;width: 20px;height: 21px;top: 15px;right: 15px;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;background: url(https://u-static.lmjx.net/2019/sss/images/askpclose.png);}


/* 分页 */
.pagesbar {display: flex;justify-content: flex-end;;margin-left:-5px;margin-top:31px;margin:31px 0 10px -5px;font-size:0;text-align:right;}
.pagesbar a,.pagesbar span {display:inline-block;min-width:33px;height:30px;margin-left:5px;padding:0 10px;font-size:12px;line-height:28px;text-align:center;color:#999;border:1px solid #e5e5e5;box-sizing:border-box;}
.pagesbar .nextprev {padding:0 12px;}
.pagesbar .this {color:#fff;background:var(--tcolor);border-color:var(--tcolor);}
.pagesbar .morebtn {display:inline-block;min-width:33px;height:30px;margin-left:5px;padding:0 10px;font-size:12px;line-height:28px;text-align:center;color:#999;border:1px solid #e5e5e5;box-sizing:border-box;cursor: pointer;}
.pagesbar a:hover,.pagesbar span:hover { color:#fff; background:var(--tcolor); border-color:var(--tcolor); transition: background .3s,color .3s,border-color .3s; -webkit-transition: background .3s,color .3s,border-color .3s; -moz-transition: background .3s,color .3s,border-color .3s; -ms-transition: background .3s,color .3s,border-color .3s; -o-transition: background .3s,color .3s,border-color .3s; }

/* 底部 */
.footer {}
.footer .footercon {}

.flinkswrap {width:100%;margin-top:30px;padding:31px 0;background:#f6f6f6;border-top:1px solid #e5e5e5;overflow:hidden;}
.flinkswrap .flinkswrap_in {width: var(--mwidth);margin: 0 auto;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.flinkswrap .flinksitem {width:190px;height:222px;margin-right:10px;padding:12px;border:1px solid #e5e5e5;background:#eee;box-sizing:border-box;overflow:hidden;}
.flinkswrap .flinksitem h3 a {display:block;font-size:12px;font-weight:bold;line-height:23px;color:#2b2b2b;}
.flinkswrap .flinksitem .flinksitemin {font-size:0;}
.flinkswrap .flinksitem .flinksitemin a {display:inline-block;width:50%;font-size:12px;line-height:26px;color:#2b2b2b;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.flinkswrap .flinksitem:hover {background:#666;}
.flinkswrap .flinksitem:hover h3 a {color:#fff;}
.flinkswrap .flinksitem:hover .flinksitemin a {color:#fff;}

.fcopyright {height:40px;font-size:12px;line-height:40px;color:#ccc;background:#333;}
.fcopyright .fcopyright_in {width: var(--mwidth);margin: 0 auto;display: flex;align-items: center;}
.fcopyright .links {display: flex;margin-left:-12px;}
.fcopyright .links a {display:block;padding:0 10px;font-size:12px;line-height:40px;color:#ccc;}
.fcopyright .copyright {margin-left: auto;color:#848484;}

.container, .center {
    width: 1200px;
    margin: 0 auto;
  	overflow: hidden;
}
.gg {
    padding-top: 10px;
}
.gg_item {
    float: left;
}