@charset "utf-8";
html,body{min-width: 1300px;}
html{ --primary:#d01414; --secondary: #f47900;}
.iconfont{font-size:inherit;}
.layui-icon,
.layui-btn .layui-icon{font-size: inherit;}
.layui-btn.layui-btn-trans{background-color: transparent; color:var(--primary);}
/* CSS Document */		
/*边距清零*/
div,ul,li,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,ol,input{margin:0; padding:0; font-weight:normal;box-sizing:border-box;}
form,span,input,select,textarea{margin:0; padding:0;outline:none;}
/*滚动条*/
::-webkit-scrollbar{width:3px !important; height:3px !important;}
::-webkit-scrollbar-track-piece{background-color:transparent;}
body::-webkit-scrollbar-track-piece{background-color:#ccc;}
::-webkit-scrollbar-track-piece:no-button{}
::-webkit-scrollbar-thumb{background-color:#aaa;;border-radius: 2px !important;}
::-webkit-scrollbar-thumb:hover{background-color:#aaa;}
::-webkit-scrollbar-thumb:active{background-color:#aaa;;}
/*/滚动条*/
/*----------------------------------------------------------总体设置----------------------------------------------------------*/
html{margin:0 auto;padding:0;font-size:14px; overflow-y:scroll;overflow-x:hidden;font-family:'微软雅黑'; box-sizing:border-box; background:#f8f8f8; }
body{color:#666; margin:0 auto;padding:0; font-size:14px;
font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif;}
a{blr:expression(this.onFocus=this.blur())}/*去掉a标签虚线*/
p{ margin:0; padding:0;}
img{ margin:0; padding:0; border:0;}
ul,li{ list-style-type:none; margin:0; padding:0;}
/*公共*/
.clear{ clear:both;}.nothing{font-size:14px; font-weight:bold; color:#fe5a0a; text-align:left;}/*资料整理中*/.floatL{ float:left;}.floatR{ float:right;}
.w1200{ max-width:1200px; margin:0 auto;}
.w1200.margin-top{margin-top:20px;}
.hoverimg img{-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/}
.hoverimg img:hover{
-webkit-transform:scale(1.2); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.2); /*Mozilla scale version*/
-o-transform:scale(1.2); /*Opera scale version*/}
.clearfix:before, .clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}
.margin{ margin:80px auto;}.margin-q{ margin:0 10px;}.block{padding:0 15px;}
.block + .block{margin-top: 15px;}.block.bg-white{background-color: #fff;}.block-body{padding:15px 0;}
/*通用大标题*/
.big-title{text-align: center; font-size:36px; font-weight: bold; color:var(--primary); line-height: 1;}
.big-title:after{display: block; content:'───'; margin-top:-5px;}
.btn-more{text-align: center;}
.btn-more a{display: inline-block; padding:12px 30px; line-height: 1; font-size:15px; background-color: #f8f8f8; border-radius:40px; border:1px solid #ddd;}
.btn-more a:hover{color: #fff; background-color: var(--primary); border-color: var(--primary);}
/****************************************************************头部设置*********************************************************************/
.top{ height:36px; line-height:36px; background:#ebebeb; color:#888;}
.top .top-city{ float:left;}
.top .top-reg{ float:right;}
.top .top-reg a{ margin:0 30px 0 0; color:#000;}
.top .top-reg strong{ color:#d01414; font-size:16px;}
.top-bg{ background:#fff;}
.logo{ max-width:1200px; margin:0 auto; padding:30px 0; position:relative; z-index: 1000;}
.logo .logo-img{ float:left; margin:-5px 0 -10px 0; width: 250px; text-align: center;}
.logo .logo-img img{max-height:130px;}
.logo .logo-city{position:absolute; z-index: 1; top:60px; left:260px;}
.logo .logo-city-change{display: block; max-width: 90px; padding:8px 15px; border-radius:20px; background: -webkit-linear-gradient(left, #f47900, #e80000); color:#fff; font-size:14px; line-height: 1;}
.logo .logo-search {position:absolute; left:50%; top:50%; -webkit-transform: translate(-40%,-50%);transform: translate(-40%,-50%);}
.logo .logo-search ul.search{position: relative; width:494px;  border:2px solid #d01414; height:45px; line-height:45px; margin-bottom:12px;}
.logo .logo-search ul.search input{ display:block; height:41px; border:0; line-height:41px; float:left; padding:0 0 0 65px; width:390px;}
.logo .logo-search ul.search input[type='submit']{ width:100px; padding:0; background:#d01414; color:#fff;}
.logo .logo-search ul a{ padding:0 8px; color:#999;}
.logo .logo-search ul a:hover{ color:#f00;}
.logo .logo-search ul.search .search-type{position: absolute; left:-2px; top:-2px; z-index: 1; line-height:42px; border:2px solid rgba(0,0,0,0); width:70px; text-align: center;cursor: pointer;}
.logo .logo-search ul.search .search-type .selected{color:var(--primary);}
.logo .logo-search ul.search .search-type .item{display: none; border-top:1px solid #f2f2f2;}
.logo .logo-search ul.search .search-type .item:hover{background-color: var(--primary); color:#fff; border-color:var(--primary);}
.logo .logo-search ul.search .search-type.more{background-color: #fff; border-color: var(--primary); box-shadow: 3px 3px 15px rgba(208,20,20,0.2);}
.logo .logo-search ul.search .search-type.more .item{display: block;}
.logo .logo-search .logo-search-hot-keys{width: 540px; box-sizing: border-box;}
.logo .logo-code{ float:right;}
.logo .logo-code .item{float:left; width:100px; text-align: center; font-size:12px;}
.logo .logo-code .item + .item{ margin-left: 20px;}
.logo .logo-code img{display: block; width:100px;}
.logo .logo-code li{ display:inline-block; margin-left:10px; line-height:2.5; text-align:center;}
.logo .logo-code li span{ width:86px; height:86px; background:#ddd; display:block;}
.logo .logo-code .logo-ruzhu{ height:50px; box-sizing:border-box; display:block; margin-top:20px; box-shadow:0 0 8px rgba(0,0,0,0.1); line-height:1; border-radius:50px; padding:15px 40px; font-size:18px; background:#d01414; color:#fff;}
.logo .logo-code .logo-ruzhu i{ font-size:24px; float:left; margin-right:10px;}
/********导航********/
.top-menu{  border-bottom: 1px solid #ddd; background-color: #fff; box-shadow:0 2px 2px rgba(0,0,0,0.1);}
.top-menu ul.menutab{ float:left; width:250px; position:relative;height:52px; background:#d01414; color:#fff; font-size:18px; font-weight:bold; text-align:center; border-radius:8px 8px 0 0; line-height:52px;}
.top-menu ul.menutab .menu-xl{display: none; position:absolute; height:500px; top:52px; left:0; background:rgba(255,255,255,0.99); width:100%; z-index:100;}
.top-menu ul.menutab:hover .menu-xl,
.top-menu ul.menutab .menu-xl.active{display: block;}
.top-menu ul.menutab .menu-xl:not(.active){box-shadow:2px 2px 2px rgba(0,0,0,0.25); border:1px solid #eee;}
.top-menu ul.menutab .menu-xl li:last-child{ border-bottom:0;}
.top-menu ul.menutab .menu-xl li{ display:block; color:#666; font-size:12px; border-bottom:1px solid #eee; text-align:left; padding:0 15px; }
.top-menu ul.menutab .menu-xl li span{ margin-right:18px;}
.top-menu ul.menutab .menu-xl li span:last-of-type{ margin-right:0;}
.top-menu ul.menutab .menu-xl li span:nth-child(1){ font-weight:bold;}
.top-menu ul.menutab .menu-xl li span:nth-child(1) i{ font-size:13px; font-weight:normal !important; margin-right:5px;}
.top-menu ul.menutab .menu-xl li:hover{ background:#d01414;}
.top-menu ul.menutab .menu-xl li:hover span{ color:#fff;}
.top-menu ul.menutab .menu-xl li:hover span a{ color:#fff;}
.top-menu ul.menutab .menu-xl li .menusmall{ display:none; position:absolute; left:250px; top:0; width:950px; height:500px; overflow: auto; background:rgba(255,255,255,0.99); padding:0 20px 20px 20px; border:1px solid #eee; border-width: 1px 1px 1px 0; box-shadow:4px 4px 10px rgba(0,0,0,0.2);}
.top-menu ul.menutab .menu-xl li .menusmall ul h2{ display:block; font-size:15px; font-weight:bold; border-bottom:1px solid #eee; margin-bottom:15px;}
.top-menu ul.menutab .menu-xl li:hover .menusmall{ display:block}
.top-menu ul.menutab .menu-xl li:hover .menusmall ul p{ display:block; float:left; padding-right:0; width:20%; line-height:2.5;  margin:0;}
.top-menu ul.menu{  height:52px; line-height:52px; padding-left:30px; display:flex;}
.top-menu ul.menu li{ flex:1; text-align: center; cursor: pointer;}
.top-menu ul.menu li > a, .top-menu ul.menu li > div{ position: relative; padding:0 10px; display:block; font-size:16px;}
.top-menu ul.menu li a span{position: absolute; margin:-10px -16px 0 0;}
.top-menu ul.menu li.item.active a{color:var(--primary); font-weight: bold;}
.top-menu ul.menu .top-menu-drop{display: none; position: absolute; z-index: 1000; left:0; top:52px; width:100%;  background-color: #fff; border:1px solid #eee; border-top:0; box-shadow:0 5px 5px rgba(0,0,0,0.15);}
.top-menu ul.menu .top-menu-drop .subitem{border-top:1px solid #eee;}
.top-menu ul.menu li.item:hover .top-menu-drop{display: block;}
.top-menu ul.menu-flex{float: unset; display: flex; flex-direction:row; justify-content : space-between;}
.top-menu ul.menu-flex li.item{display: block; width:100%;}
.top-menu .menusmall-loading{text-align: center; padding-top: 210px;}
.top-menu ul.menutab .menu-xl li:hover span.layui-icon{font-size:64px; color:#d01414;}

/*notice*/
.notice{ height:50px; overflow:hidden; position:relative; background-color: #fff; border-bottom:1px solid #f0f0f0;}
.notice .w1200{position: relative;}
.notice .lefticon{ position: absolute; z-index: 1; left: 0; top:5px;}
.notice .lefticon .img{display: block;}
.notice .bd{padding-left:60px;}
.notice .infoList li{ height:50px; line-height:50px; font-size:16px; }
.notice .infoList li a{color:red; font-weight: bold;}
.notice .infoList li .date{ float:right; color:#999;}
/*banner*/
.index-banner{ height:500px;}
.i-title{ font-size:30px; font-weight:bold; color:#d01414; line-height:1; margin:20px auto;}
.i-title img{ display:block; float:left; margin-right:15px;}
.hf {display: inline-block;   font-size: 80px;   line-height:80px;   color: #000;   position: relative;   overflow: hidden;   whitewhite-space: pre;/* 处理空格 */  }   
.y-title{ font-size:18px; font-weight:bold; color:#000; padding:20px 0 15px 0; line-height:1.2; position:relative; border-bottom:1px solid #eee; }
.y-title img{ display:block; float:left; margin-right:10px;}
.y-title .more{ width:26px; text-align:center; font-size:16px; font-weight:normal; height:26px; line-height:28px; border-radius:26px; background:#eee; color:#888; position:absolute; right:0; top:18px;}
.y-title .more:hover{ background:#d01414; color:#fff;}
.y-title:before{ width:102px; content:''; border-bottom:2px solid #d01414; position:absolute; bottom:-2px; left:0; display:block;}
.y-title .more-btn{position:absolute; z-index: 1; right:0; top:18px;}
.y-title span{display: inline-block;    color: #000;   position: relative;   overflow: hidden;    whitewhite-space: pre;/* 处理空格 */   }
.y-title span.red{color:#d01414;}
/********影响力品牌/********//*
.yingxiangli{ margin-top:20px;}
.yx-list{ display:flex;}
.yx-list .yx-left{ flex:2; background:#fff; padding:0 15px;}
.yx-list .yx-up{ padding:20px 0;}
.yx-list .yx-left-list{  padding:0 15px; line-height:2.5;}
.yx-list .yx-left-list li:before{ content:'•'; margin-right:8px; color:#d01414;}
.yx-list .yx-right{ flex:8; background:#fff; margin-left:10px; padding:0 15px;}
.yx-list .yx-right .yx-right-list{ padding:25px 0;}
.yx-list .yx-right .yx-right-list li{ width:19%; float:left; margin-right:1.25%; text-align:center; margin-bottom:10px;}
.yx-list .yx-right .yx-right-list li:nth-child(5n){ margin-right:0;}
.yx-list .yx-right .yx-right-list li .pic{ border:1px solid #eee;}
.yx-list .yx-right .yx-right-list li p{ display:block; margin:15px 0;}
.hot-city .yx-list{padding:15px 0;}.hot-city .yx-left-list{padding:0;}*/

.yingxiangli{ margin-top:20px;}
.yx-list{ display:flex;}
.yx-list .yx-left{ flex:2; background:#fff; padding:0 15px;}
.yx-list .yx-left{display:block; width:300px; flex: unset;}
.yx-list .yx-up{ padding:20px 0; height:334px; overflow: hidden; box-sizing: border-box;}
.yx-list .yx-left-list{ padding:0 15px; box-sizing: border-box;}
.yx-list .yx-left-list li{display: flex; line-height:38px;}
.yx-list .yx-left-list li a{display: block; width:50%; box-sizing: border-box;}
.yx-list .yx-left-list li a:before{content:'•'; margin-right:8px; color:#d01414;}

.yx-list .yx-right{display: block; width:890px; flex: unset; background-color: #fff; margin-left:10px;}
.yx-list .yx-right .y-title{padding:20px 20px 15px;}
.yx-list .yx-right .y-title .more{right:18px;}
.yx-list .yx-right .company-logo-text.size-lg{width: 100px; height:100px; margin-top:2px;}
.brand-tab{position: absolute; top:9px; left:250px;}
.brand-tab .item{float: left; line-height:50px; padding: 0 50px; font-size: 15px; font-weight: bold; color:#333; border-bottom: 3px solid transparent; cursor: pointer;}
.brand-tab .item.active{color:#d01414; border-bottom: 3px solid #d01414;}
.yx-right-list{ overflow:hidden; position:relative; width:890px; height: 345px; padding:10px 0 0 5px; box-sizing: border-box;}
.yx-right-list .hd{ overflow:hidden; height:30px; padding:0 10px;  }
.yx-right-list .hd ul{ display: block; text-align: center; margin-top:10px; zoom:1; }
.yx-right-list .hd ul li{ display: inline-block; width:12px; height:12px; border-radius:50%; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background-color:#ccc;}
.yx-right-list .hd ul li.on{ background-color:#d01414; }
.yx-right-list .bd{ overflow:hidden; box-sizing: border-box; }
.yx-right-list .bd ul{ overflow:hidden; zoom:1; width:880px; float:left; _display:inline; box-sizing: border-box;}
.yx-right-list .bd ul li{ margin:5px; float:left; _display:inline; overflow:hidden; text-align:center; width:166px; height: 139px; border:1px solid #f5f5f5; border-radius:2px; box-sizing: border-box; cursor: pointer; overflow: hidden;}
.yx-right-list .bd ul li:hover{box-shadow:0 0 10px rgba(0,0,0,0.1);}
.yx-right-list .bd ul li .pic{display: block; height:103px; overflow: hidden; text-align:center; border-bottom: 1px solid #f5f5f5;}
.yx-right-list .bd ul li .pic img{ max-width:100%; max-height:100px; display:block; margin: 0 auto;}
.yx-right-list .bd ul li .pic a:hover img{ border-color:#999;  }
.yx-right-list .bd ul li .title{ line-height:24px; display: block; line-height: 1; padding:10px 0;}


.hot-city .yx-list{padding:15px 0;}
.hot-city .yx-left-list{padding:0;}
/*广告**/
.guanggao{ margin:20px auto;}
.guanggao ul{ margin-bottom:10px; position:relative;}
.guanggao ul span{ position:absolute; bottom:0; right:0; color:#fff; background:rgba(0,0,0,0.3); font-size:12px;}
.guanggao ul img{ display:block; max-width:100%;}
.guanggao ul.list{ margin-bottom:0;}
.guanggao ul.list li{ width:393px; float:left; margin-right:10.5px; margin-bottom:10.5px; position:relative;}
.guanggao ul.list li:nth-child(3n){ margin-right:0;}
.banner-row{margin-top:5px;}
/**热门品牌榜单*/
.bang{ margin:20px auto 0;}
.bang-list { position:relative;}
.bang-list .hd{ height:50px; position:absolute; top:50%; width:100%; opacity:0;}
.bang-list .hd a{ display:block;  width:50px; height:50px; position:absolute; border-radius:5px; top:0; background:url(https://cdn.laopp.com/indexn/pc/images/bannerBtn.png) no-repeat; background-size:auto 60px;background-color:rgba(0,0,0,0.2);}
.bang-list .hd a.next{ right:-80px; background-position:-21px -5px; }
.bang-list .hd a.prev{ left:-80px;background-position:11px -5px;}
.bang-list .tempWrap{ overflow:hidden; max-width:1200px;}
.bang-list:hover .hd{ opacity:0.8;}
.bang-list .b-list-1{ width:292.5px !important; margin:10px 10px 10px 0; float:left; background:#fff; padding:0 15px; }
.brand-ten-recommend.bang-list .b-list-1:nth-of-type(4n){margin-right: 0;}
/*十大品牌榜单*/
.brand-ten-list ul{ padding:18px 0; border-bottom:1px solid #eee; }
.brand-ten-list ul h2{ font-size:14px; line-height:1; color:#000;}
.brand-ten-list ul h2 i{ display:inline-block; height:14px; line-height:14px; width:14px; font-size:12px; background:#ccc; color:#fff; text-align:center; font-style:normal; border-radius:3px; margin-right:6px;}
.brand-ten-list ul h2 a{ float:right; color:#888;}
.brand-ten-list ul:nth-child(1) h2,.brand-ten-list li:nth-child(1) h3{ color:#fe741c;}
.brand-ten-list ul:nth-child(2) h2,.brand-ten-list li:nth-child(2) h3{ color:#fdb90f;}
.brand-ten-list ul:nth-child(3) h2,.brand-ten-list li:nth-child(3) h3{ color:#ffdc00;}
.brand-ten-list ul:nth-child(1) i{ background:#fe741c;}
.brand-ten-list ul:nth-child(2) i{ background:#fdb90f;}
.brand-ten-list ul:nth-child(3) i{ background:#ffdc00;}
.brand-ten-list ul div{ display:none; padding-left:65px; position:relative; line-height:1.5;}
.brand-ten-list ul div .img-logo{padding: 0; width:55px; position:absolute; left:0; top:0; border:1px solid #ddd; border-radius:3px; display:block;}
.brand-ten-list ul div .img-logo > span{float:unset;}
.brand-ten-list ul div h3{ display:block; font-size:14px;}
.brand-ten-list ul div h3 i{ display:inline-block; height:14px; line-height:14px; width:14px; font-size:12px; background:#ccc; color:#fff; text-align:center; font-style:normal; border-radius:3px; margin-right:6px;}
.brand-ten-list ul div p{ padding-left:20px; display:block; font-size:12px;}
.brand-ten-list ul div p .label{display: inline-block; margin-top:10px; padding:4px 6px; line-height: 1; border-radius: 3px; background-color: var(--secondary); color:#fff;}
.brand-ten-list ul div span{ float:right; font-size:12px;}
.brand-ten-list ul div span:after{ content:'\e6ff'; font-family:'iconfont'; color:#da2920;}
.brand-ten-list ul:last-child{ border-bottom:0;}
.brand-ten-list ul.on div{ display:block;}
.brand-ten-list ul.on h2{ display:none;}
.brand-ten-list-more a{ display: block; text-align: center; padding: 12px 0; color:var(--primary);}
/*十大品牌：页面*/
.brand-category{margin:20px 0 50px; padding:0; background-color: #fff; border-radius:4px; box-shadow: 0 0 30px rgba(0,0,0,0.1);}
.brand-category.noshadow{margin:0 0 20px; box-shadow: unset;}
.brand-category .breadcrumb{margin:0; padding:15px;}
.brand-category + .brand-category{margin-top:-30px;}
.brand-category .td1{width:120px; text-align: center; font-size:16px; color:#000; font-weight: bold;}
.brand-category .td2{ position: relative; padding:15px 0; font-size:15px;}
.brand-category .td2 .item{display: inline-block; padding:5px 16px; margin:3px 0; border-radius:20px;}
.brand-category .td2 .item:hover,
.brand-category .td2 .item.active{background-color:var(--primary); color:#fff;}
.brand-ten-recommend{margin:10px 0 40px;}
.brand-ten-recommend .b-list-1{ border-radius:4px;  box-shadow: 0 0 30px rgba(0,0,0,0.025);}
.brand-category .item-group{display: inline-block;}
.brand-category .item-group-child strong{display: inline-block; margin:15px 0 5px;}
.brand-category .item-group-child{display: none; position: absolute; left:20px; width:1040px;  z-index:10; padding:0 15px 15px; background-color:#f2f2f2; border:1px solid #ddd; box-shadow:5px 5px 20px rgba(0,0,0,0.25); overflow-y: auto;}
.brand-category .item-group-child .item-group-child-item{display: block; line-height:30px; padding:0;}
.brand-category .item-group-child .item-group-child-item a{display:inline-block; margin:0 30px 0 0; font-size:14px;}
.brand-category .item-group:hover .item-group-child{display: block;}
.brand-category .item-group:hover > a{background-color:var(--primary); color:#fff;}
.brand-category .item-group > a span{display: inline-block;}
.brand-category .item-group > a span + span:before{content: '/'; padding: 0 3px;}
.brand-ten-product{margin-top:20px; margin-bottom:20px;}
.brand-ten-product .item{ text-align: center; background-color: #fff; border-radius:4px; box-shadow:0 0 30px rgba(0,0,0,0.025);}
.brand-ten-product .item-thumb img{display: block; width:100%; height:200px; border-radius:4px 4px 0 0;}
.brand-ten-product .item-name{font-size:15px; line-height:1; padding:15px 5px;}
.brand-ten-product + .btn-more{margin-bottom: 50px;}
.brand-ten-news{margin:10px 0 30px;}
.brand-ten-news .item{ position: relative; padding:15px; background-color: #fff; border-bottom: 1px solid #f5f5f5; }
.brand-ten-news .item-thumb{display: none; position: absolute; z-index: 1; width:180px;}
.brand-ten-news .item-name a{font-size:18px; color:#000; font-weight: 500;}
.brand-ten-news .item-intro{ font-size:15px; line-height:2.2; padding:10px 0 0; color:#999;}
.brand-ten-news > div{box-shadow:0 0 30px rgba(0,0,0,0.025);}
.brand-ten-news > div:nth-of-type(1){width:calc(50% - 10px); margin-right:10px;}
.brand-ten-news > div:nth-of-type(2){width:calc(50% - 10px); margin-left:10px;}
.brand-ten-news > div .item:first-child .item-thumb{display: block;}
.brand-ten-news > div .item:first-child .item-thumb + .item-body{margin-left:195px;}
.brand-ten-news + .btn-more{margin-bottom: 50px;}
/*广告2**/
.guanggao2{ margin:20px auto;}
.guanggao2 ul{ margin-bottom:10px; position:relative;}
.guanggao2 ul span{ position:absolute; bottom:0; right:0; color:#fff; background:rgba(0,0,0,0.3); font-size:12px;}
.guanggao2 ul img{ display:block; max-width:100%;}
.guanggao2 ul.list{ margin-bottom:0;}
.guanggao2 ul.list li{ width:192px; float:left; margin-right:9.6px; margin-bottom:9.6px; position:relative;}
.guanggao2 ul.list li:nth-child(6n){ margin-right:0;}
/*新闻资讯**/
.newsz{ margin:20px auto; }
.newsz .newslist{ display:flex; flex-direction:row; justify-content : space-between;}
.newsz .newslist .news1{ display: block;width:393.3px; background:#fff;}
.newsz .newslist .news1 ul{ position:relative;}
.newsz .newslist .news1 ul img.thumb{ display:block; width:100%; height:210px;}
.newsz .newslist .news1 ul h2{ background:#F60; color:#fff; font-size:16px; padding:8px 25px; position:absolute; top:0; left:0; border-radius:0 0 30px 0;}
.newsz .newslist .news1 ul h2 a{color:#fff;}
.newsz .newslist .news1 ul:nth-child(2){ padding:25px; line-height:2;}
.newsz .newslist .news1 ul li{ padding:3px 0; background:url(https://cdn.laopp.com/indexn/pc/images/icon-new-3.gif) no-repeat center right; padding-right:30px;}
.newsz .newslist .news1 ul li a{ display:block; width:80%; float:left; padding-left:15px; position:relative;}
.newsz .newslist .news1 ul li span{ float:right;}
.newsz .newslist .news1 ul li a:before{ content:'';  height:7px; width:7px; display:block; float:left; background:#c8c8c8; border-radius:7px; position:absolute; left:0; top:50%; margin-top:-3.5px;}
/*品牌项目推荐*/
.hot-city{ display:flex;}
.hot-city .hot-left{display: block; width:300px; background:#fff; padding:0 15px; box-sizing: border-box;}
.hot-city .hot-left .city-list{ padding:10px 0 0 0;}
.hot-city .yx-list{display: block;}
.hot-city .yx-list .yx-left-list li{}
/*.hot-city .hot-left .city-list li{ border-bottom:1px solid #eee; padding:15px 0;}
.hot-city .hot-left .city-list li h2{ display:block; font-size:15px; font-weight:bold; color:#000; margin-bottom:12px;}
.hot-city .hot-left .city-list li h2 i{ font-size:16px; margin-right:4px; color:#888; font-weight:normal;}
.hot-city .hot-left .city-list li p{ display:block; float:left; width:25%; line-height:2; text-align:left; font-size:12px; }*/
.hot-city .hot-left .city-list a.more{ display:block; width:100px; border:1px solid #d01414; color:#fff; background:#d01414; font-size:12px; text-align:center; margin:20px auto; padding:8px 0;}
.hot-city .hot-right{ display: block; width:890px; background:#fff; padding:0 15px; margin-left:10px; box-sizing: border-box;}
.hot-city .hot-right .list{ padding:20px 0 0;}
.hot-city .hot-right .list li{ width:24%; float:left; margin-right:1.3333%; margin-bottom:1.3333%; position:relative; border:1px solid #eee;}
.hot-city .hot-right .list li:nth-child(4n){ margin-right:0;}
.hot-city .hot-right .list li .pic img{ display:block; width: 100%; height: 138px;}
.hot-city .hot-right .list li .item-name{ padding:10px; border-bottom: 1px solid #f2f2f2;}
.hot-city .hot-right .list li .item-company{padding:10px 5px 10px 10px; color:rgba(208, 20,20, 0.75); font-size:14px;}
.hot-city .hot-right .list li .item-company img{float: left; margin:0 5px 0 0; width:18px; height:18px;}
.hot-city .hot-right .list li .item-company i{float: right; padding:3px 5px; line-height:1;background-color: rgba(208, 20,20, 0.05); font-style: normal; color:rgba(208, 20,20, 0.75); border-radius:2px;}
.hot-city .hot-right .list li:hover p{ display:block;}
/*****links****/
.links{margin-top:10px; padding:20px 0; background-color: #fff;}
.links .links-header{font-size:16px; margin-bottom:15px;}
.links .links-header .item{display: inline-block; margin-right:25px; color:#333; padding:5px 0; border-bottom: 1px solid transparent; cursor: pointer;}
.links .links-header .item.active{border-bottom-color: #333; color:#000;}
.links .links-header .item.item-header{font-weight: bold; cursor: default;}
.links ul li{display:none; margin: 0 20px 10px 0; font-size:14px;}
.links ul li[data-tab="0"]{display: inline-block;}
.bottom-ccc-top{ width:100%; position:fixed; z-index:100; left:0; bottom:0; background:rgba(0,0,0,0.6);}
.bottom-ccc-top ul{ max-width:1400px; text-align:center; margin:0 auto; line-height:40px; position:relative; padding:20px 0; color:#fff; }
.bottom-ccc-top ul span{ font-size:30px; font-family:Arial, Helvetica, sans-serif; padding-right:6px; padding-left:17px;}
.bottom-ccc-top ul strong{ font-size:20px;}
.bottom-ccc-top ul a{display:inline-block; position:relative; z-index:10;height:40px;line-height:40px; background:#3c7eff; color:#fff; width:100px; text-align:center; border-radius:4px; font-size:16px;}
.bottom-ccc-top ul a.b-dl{ margin-left:17px; margin-right:7px;}
.bottom-ccc-top ul a.b-zc{ background:#f60;}
.bottom-ccc-top ul .wei{ position:absolute; bottom:5px; right:-10px; font-size:12px; line-height:2; z-index:0;}
.bottom-ccc-top ul .wei p.img{ padding:0; background:url(https://cdn.laopp.com/indexn/pc/images/foot_erm.png) no-repeat top center; width:187px;  padding-top:30px;}
.bottom-ccc-top ul .wei p.img img{ display:block; margin:0 auto;}
.bottom-ccc-top ul .wei .guanbi{ position:absolute; right:-15px; height:20px; width:20px; line-height:1; top:65px; cursor:pointer; background:url(https://cdn.laopp.com/indexn/pc/images/x.png) no-repeat center;background-size:20px auto; }
.bottom-ccc-top ul .foot_ren{ position:absolute; left:0; bottom:0;}
/****footer*****/
.footer{ background:#282828; padding:30px 0 25px;}
.footer .footer-1{ float:left;}
.footer .footer-1 li{ display:inline-block; width:110px; margin-right:12px; text-align:center; font-size:15px;}
.footer .footer-1 li span{ display:block; width:110px; height:110px; background:#fff; margin-bottom:15px;}
.footer .footer-1 li span img{ display:block; max-width:100%;}
.footer .footer-2{ width:55%; margin-left:6%;}
.footer .footer-2 ul{ display:flex; border-bottom:1px solid rgba(255,255,255,0.3);}
.footer .footer-2 ul li{ flex:1; font-size:15px; line-height:2; text-align:left; padding:10px 0;}
.footer .footer-2 ul li a{color:rgba(255,255,255,0.5);}
.footer .footer-2 ul:nth-child(2){ font-size:20px; padding:30px 0; border-bottom:0; line-height:1; text-align:center !important; display:block; color:#fff;}
.footer .footer-2 ul:nth-child(2) i{ font-size:25px; font-weight:bold;}
.footer .footer-2 ul:nth-child(2) span{ font-size:14px; color:rgba(255,255,255,0.5); }
.footer .footer-2{ float:left; margin-left: 0;}
.footer .footer-3{ float:right; width:100px; padding-top: 10px; text-align:center;}
.footer .footer-3 span{ display:block;background:#fff; margin-bottom:10px;}
.footer .footer-3 img{display: block; width:100px; height:100px;}
.footer .footer-3 + .footer-3{margin-right:10px;}
.footer-copyright{padding-top:20px; color:rgba(255,255,255,0.5); text-align: center;}
.footer-copyright a{color:rgba(255,255,255,0.5);}
.footer-copyright h1{font-size:14px; margin:0; padding:0;}
.footer .w1200{position: relative;}
.footer-copyright{ clear: both; padding-top:10px; text-align: left; line-height: 2;}
.footer .footer-2{width:unset; margin-right: 250px;}
.footer .footer-3{position: absolute; right: 0; float:unset; width:unset;}
.footer .footer-3 .item{display: inline-block; float: left; margin-left:20px;}
/******首页配置********/
/*导航*/
.breadcrumb{margin:20px 0; font-size:14px;}
.breadcrumb a{float:left; color:#333;}.breadcrumb a + a:before{ content: '/'; padding:0 5px; color: #ddd;}.breadcrumb .layui-icon{font-size: inherit; margin-right: 3px;}
/*品牌排行*/
.brand-rank{padding:0 0 20px 0;}
.brand-rank h2{font-size:22px; color:#666; line-height: 1; padding: 20px 10px 10px; margin: 0;}
.brand-rank .brand-rank-lists h3{font-size:16px; font-weight: bold; margin:0; padding:0;}
.brand-rank .brand-rank-lists td{font-size:14px; line-height: 2; padding:20px;}
.brand-rank .brand-rank-lists .item{display: inline-block; margin-right:20px;}
/*项目推荐（产品列表）*/
.product-lists .item{border:2px solid transparent; padding:1px; border-radius:2px; background-color: #fff;}
.product-lists .item-thumb img{display: block; border-radius:2px; width: 100%; height:210px;}
.product-lists .item:hover{border-color:var(--primary); background-color: #fff;}
.product-lists .item:hover .item-name{color:var(--primary);}
.product-lists .item .item-name{ padding:10px; border-bottom: 1px solid #f2f2f2; font-size:14px;}
.product-lists .item .item-company{padding:10px 5px 10px 10px; color:rgba(208, 20,20, 0.75); font-size:14px;}
.product-lists .item .item-company img{float: left; margin:0 5px 0 0; width:18px; height:18px;}
.product-lists .item .item-company i{float: right; padding:3px 5px; line-height: 1; background-color: rgba(208, 20,20, 0.05); font-style: normal; color:rgba(208, 20,20, 0.75); border-radius:2px;}
/*品牌大全（企业列表）*/
.company-lists .item{position: relative; background-color: #fff; min-height: 160px; margin-bottom: 20px; padding:18px 18px 18px 160px; border:2px solid #fff; border-radius:2px;}
.company-lists .item-thumb{position: absolute; z-index: 1; left:18px; top:18px;}
.company-lists .item-thumb img{display: block; border:1px solid #eee; border-radius:2px;}
.company-lists .item-name{font-size:18px; line-height: 1; padding:0 0 10px; margin:0;}
.company-lists .item-name a{color:#000;}
.company-lists .item-intro{line-height:2; font-size:14px; color:#aaa;}
.company-lists .item-info{ position: absolute; z-index: 1; bottom: 18px; left:0; width:100%; padding-left:160px;}
.company-lists .item-label{display: inline-block; line-height: 1; padding:3px 5px; color:var(--primary); background-color:rgba(208, 20, 20, 0.05); border-radius:2px;}
.company-lists .item-info{}
.company-lists .item-vote{position: absolute; z-index: 1; bottom: 18px; right:18px;}
.company-lists .item-vote .label{display: inline-block; margin-left: 30px; background-color:var(--secondary); color:#fff; font-size:14px; line-height: 1; padding:4px 8px; border-radius:3px; cursor: pointer;}
.company-lists .item-vote .label.label-gray{background-color: #ddd; color:#fff;}
.company-lists .item:hover{border-color:var(--primary);}
.company-lists .item:hover .item-name a{color: var(--primary);}
.company-lists .item-empty{background-color: #fff; padding:70px 0; text-align: center; color:gray;}
/*文章列表*/
.article-lists{margin:0 -10px;}
.article-lists .item{position: relative; background-color: #fff; min-height: 170px; padding:30px 10px; border-bottom:1px solid #eee;}
.article-lists .item-thumb{position: absolute; z-index: 1; left:18px; top:28px;}
.article-lists .item-thumb img{display: block; border:1px solid #eee; border-radius:2px;}
.article-lists .item-thumb + .item-body{margin-left:220px;}
.article-lists .item-name{font-size:18px; line-height: 1; padding:0 0 10px; margin:0;}
.article-lists .item-name a{color:#000;}
.article-lists .item-intro{line-height:2; font-size:14px; color:#aaa;}
.article-lists .item-info{ position: absolute; z-index: 1; bottom: 18px; left:0; width:100%; padding-left:10px;}
.article-lists .item-thumb + .item-body .item-info{padding-left:230px;}
.article-lists .item-label{display: inline-block; line-height: 1; padding:3px 5px; color:var(--primary); background-color:rgba(208, 20, 20, 0.05); border-radius:2px;}
.article-lists .item-right{position: absolute; z-index: 1; bottom: 18px; right:18px; color:#aaa;}
.article-lists .item:hover{background-color: #f8f8f8;}
.article-lists .item:hover .item-name a{color: var(--primary);}
.article-lists .item-empty{padding:70px 0; text-align: center; font-size:16px; color:#aaa;}
/*文章内容*/
.article-header{ padding:20px; margin:0 -15px;}
.article-header-name{padding:0; margin:0; line-height:1.8; font-size: 22px; font-weight: bold; color:#000;}
.article-header-info{line-height:1; font-size:15px; margin-top:15px;}
.article-header-info .article-header-label{display: inline-block; margin-right: 20px; color:#999;}
.article-header-info .article-header-label .label{display: inline-block; line-height: 1; margin-right: 3px; padding:4px 8px; color:var(--primary); background-color:rgba(208, 20, 20, 0.1); border-radius:2px; font-size:13px;}
.article-body{margin:0 -15px; padding:20px; line-height: 2; font-size:16px; border-top:1px solid #eee;}
.article-body p{text-indent: 2em; margin:0; padding:0;}
.article-body img{max-width: 100%;}
/*右侧边栏：行业分类*/
.block-lists-brand-category{margin:0 -10px;}
.block-lists-brand-category .item{display: inline-block; line-height: 1; padding:6px 2px;}
.block-lists-brand-category .item a{display: block; line-height: 1; padding:4px 8px; border-radius:30px;}
.block-lists-brand-category .item a:hover{color:var(--primary);}
.block-lists-brand-category .item.active{}
.block-lists-brand-category .item.active a{ background-color: var(--secondary);color:#fff;}
/*右侧边栏：文章最新列表*/
.block-lists-content-news .item{display: block; line-height: 1; padding:15px 0; font-size:14px; border-bottom: 1px dashed #eee;}
.block-lists-content-news .item i{float: left; width:16px; height:16px; line-height: 16px; font-size:12px; margin:-1px 5px 0 0; background-color: #ccc; color:#fff; border-radius:50%; text-align: center;}
.block-lists-content-news .item:nth-of-type(1) i{background-color:#F47E43;}
.block-lists-content-news .item:nth-of-type(2) i{background-color:#DD9C1D;}
.block-lists-content-news .item:nth-of-type(3) i{background-color:#E0E455;}
/*新闻：左侧一级类目*/
.block-article-brand-category{margin:-15px;}
.block-article-brand-category .item{line-height: 50px; font-size:14px; text-align: center; margin-bottom: 1px;}
.block-article-brand-category .item a{display: block;}
.block-article-brand-category .item .layui-icon{display: none;}
.block-article-brand-category .item:hover,.block-article-brand-category .item.active{background:-webkit-linear-gradient(left, var(--secondary), var(--primary));}
.block-article-brand-category .item:hover a,.block-article-brand-category .item.active a{color: #fff;}
.block-article-brand-category .item.active .layui-icon{display:inline-block; margin-left: 3px; font-size:9px;}
/*登录注册对话框*/
.member-dialog-header{padding:15px 15px 10px; font-size:24px; color:#000; border-bottom:2px solid #eee;}
.member-dialog-body{padding:0 15px 10px;}
.member-dialog-input{position: relative; margin-top:15px; height:50px; border:1px solid #f0f0f0;}
.member-dialog-input .iconfont{position: absolute; z-index: 1; width:50px; height:50px; text-align: center; line-height: 50px; color:#999; font-size:20px;}
.member-dialog-input input{width:100%; height: 50px; line-height: 50px; padding:0 15px 0 45px; border-width:0; background-color: transparent; font-size:16px;}
.member-dialog-input-text{position: absolute; z-index: 1; right:15px; height:50px; line-height: 50px; font-size:14px; color: #63564b;}
.member-dialog-input.active{border-color:#ddd; background-color: #f2f2f2;}
.member-dialog-body-type .member-dialog-input .member-type{cursor: pointer; display: inline-block; width:140px;}
.member-dialog-body-type .member-dialog-input .member-type input{cursor: pointer;}
.member-dialog-link{padding:15px 0 10px; font-size:16px;}
.member-dialog-link a{color:#000;}
.member-dialog-link small{color: #999;}
.member-dialog-button{ padding-top:10px; padding-bottom:10px;}
.member-dialog-button button{display: block; width:100%; height:50px; line-height: 50px; padding:0;margin:0; font-size:24px; color:#fff; background-color:#db0000; border-width:0; box-shadow: none;}
/*浮动二维码*/
.float-qrcode{position: fixed; z-index: 1; right:20px; bottom:200px; padding:5px; background-color: #fff; font-size:14px; text-align: center; box-shadow:3px 3px 10px rgba(0,0,0,0.2); border-radius:2px;}
.float-qrcode img{display: block; width:150px;}
/*company-logo-text*/
.company-logo-text{position: relative; display: block; float: none; text-align: center; color:#fff; border-radius:50%; margin:0 auto;}
.company-logo-text > strong{position:absolute; z-index: 1; width:100%; padding:10px; left:50%; top:50%; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%); box-sizing: border-box;}
.company-logo-text.size-lg{font-size:22px; letter-spacing:1px; line-height: 1.5;}
.company-logo-text.size-lg > strong{width:120px; text-shadow:2px 2px 10px rgba(0,0,0,0.25);}
.company-logo-text.size-sm{font-size:12px; letter-spacing:1px; line-height: 1.5;}
.company-logo-text.size-sm > strong{width:55px; padding: 3px; text-shadow:2px 2px 10px rgba(0,0,0,0.25);}
.company-logo-text.size-sm:after{content: '';}
.color-1{background-color:#ffb808; background-image: linear-gradient(to bottom right, #ffb808 , #FFD700);}
.color-2{background-color:#1795e2; background-image: linear-gradient(to bottom right, #1795e2 , #2BB3E2);}
.color-3{background-color:#26aeea; background-image: linear-gradient(to bottom right, #26aeea , #2FD1EA);}
.color-4{background-color:#f467d6; background-image: linear-gradient(to bottom right, #f467d6 , #F490D6);}
.color-5{background-color:#ff1d38; background-image: linear-gradient(to bottom right, #ff1d38 , #FF5062);}
.color-6{background-color:#da4af4; background-image: linear-gradient(to bottom right, #da4af4 , #EA68F4);}
.color-7{background-color:#21d0f9; background-image: linear-gradient(to bottom right, #21d0f9 , #29EEF9);}
.color-8{background-color:#ffac27; background-image: linear-gradient(to bottom right, #ffac27 , #FFDB45);}
.color-9{background-color:#fc83ff; background-image: linear-gradient(to bottom right, #fc83ff , #FFA8FF);}
.color-10{background-color:#ffaa4d; background-image: linear-gradient(to bottom right, #ffaa4d , #FFCD5D);}
.color-11{background-color:#be50ff; background-image: linear-gradient(to bottom right, #be50ff , #D170FF);}
.color-12{background-color:#ff59d5; background-image: linear-gradient(to bottom right, #ff59d5 , #FF7ACD);}
.color-13{background-color:#fc1f59; background-image: linear-gradient(to bottom right, #fc1f59 , #FC467A);}
.color-14{background-color:#bf9f45; background-image: linear-gradient(to bottom right, #bf9f45 , #BFB550);}
.color-15{background-color:#649ab2; background-image: linear-gradient(to bottom right, #649ab2 , #6AAAB2);}
.color-16{background-color:#48c153; background-image: linear-gradient(to bottom right, #48c153 , #5AC15D);}
.color-17{background-color:#c75bef; background-image: linear-gradient(to bottom right, #c75bef , #D480EF);}
.color-18{background-color:#4d9eef; background-image: linear-gradient(to bottom right, #4d9eef , #5DB8EF);}
.color-19{background-color:#e84b69; background-image: linear-gradient(to bottom right, #e84b69 , #E86185);}
.color-20{background-color:#43bf69; background-image: linear-gradient(to bottom right, #43bf69 , #30BF33);}
.color-0{background-color:#43bf69; background-image: linear-gradient(to bottom right, #43bf69 , #30BF33);}
.text-ellipsis-1{overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.text-ellipsis-2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.text-ellipsis-3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.text-ellipsis-4{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.text-ellipsis-5{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.text-left{text-align: left;}.text-center{text-align: center;}.text-right{text-align: right;}
/*企业认证*/
.verify-item{display: inline-block; position: relative; width:18px; height:14px;}
.verify-item img{position: absolute; width:14px; height:14px; margin-left:2px; box-sizing: border-box;}
.verify-size1 .verify-item{ width:21px; height: 15px;}
.verify-size1 .verify-item img{width:17px; height:17px;}
.company-verify{margin-top:10px; font-size:12px; font-weight: normal; line-height: 20px;}.company-verify:after{clear:both; display: table; content:'';}
.company-verify .verify-item{float:left; width: auto; height:20px; line-height: 20px; overflow: hidden; border:1px solid #eee; padding:0 3px 0 0; border-radius:2px;}
.company-verify .verify-item + .verify-item{margin-left:10px;}
.company-verify .verify-item.cooperation{border-color:#e05618;}
.company-verify .verify-item.certificate{border-color:#0653f7;}
.company-verify .verify-item.aaa{border-color:#dd8d1a;}
.company-verify .verify-item.gongshang{border-color:#da2226;}
.company-verify img{position: unset; width:20px; height:20px; float:left; border-radius:2px 0 0 2px; margin:0;}
.y-title{position: relative;}
.y-title .company-verify{position: absolute; z-index: 1; right:1px; top:11px;}
.y-title .company-verify .verify-item img{margin-right:0;}


.member-has-login, .member-not-login, .member-has-company{display: none;}

#pager{text-align: center; padding:30px 0 0; height: 100px;}
#pager .pager{position: absolute; left: 50%; transform: translate(-50%,0); display: flex; flex-direction:row;}
#pager .pager .item{float: left; background-color: #fff; border:1px solid #eee; line-height: 40px; padding:0 15px; border-radius: 0; box-sizing: border-box;}
#pager .pager .item + .item{border-left:0;}
#pager .pager .item.active,
#pager .pager .item:hover{background-color: #e05618; border-color: #e05618; color:#fff;}
#pager .pager .item:first-child,
#pager .pager .item:last-child{width:60px;}


/*品牌大全轮播图样式*/
.banner-brand-list{ overflow:hidden; position:relative; margin-bottom: 20px;}
.banner-brand-list .hd{ overflow:hidden; }
.banner-brand-list .hd .prev,
.banner-brand-list .hd .next{ display:block; position: absolute; top:66px; left:0; width:35px; cursor: pointer;}
.banner-brand-list .hd .next{ right:0; left:unset; }
.banner-brand-list .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; display: none; }
.banner-brand-list .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
.banner-brand-list .hd ul li.on{ background-position:0 0; }
.banner-brand-list .hd img{display: block; width:100%;}
.banner-brand-list .bd{ }
.banner-brand-list .bd ul{ overflow:hidden; zoom:1; }
.banner-brand-list .bd ul li{ margin:0 15px 0 0; float:left; width:390px; _display:inline; overflow:hidden; text-align:center;  }
.banner-brand-list .bd ul li img{display: block; width:390px;}