.cont_header{position: relative;}
.header_banner{padding:10px 0;background: #eee;}
/**/ 
.m0,.m0 .m{background: #eee;}
.public_header{width: 1220px;
    display: flex;
    margin: 0 auto;}

/*顶部左侧*/
.im0l li{line-height:37px;height: auto;font-size: 16px;}
.header .sort ul{margin: 0;}
.header .sort li{line-height:37px;height: auto;font-size: 16px;}
.header .sort .mall_niu{top: 0;left: 220px;height: 517px;width:959px;justify-content: space-between;padding-bottom: 5px;}
.header .sort .mall_niu .mall_niu_left{overflow: auto;width: 760px;}
.header .sort .mall_niu .mall_niu_ad{width: 182px;}
.header .sort .mall_niu .mall_niu_ad a{display: block;width: 100%;height: 160px;}
.header .sort .mall_niu .mall_niu_ad a img{width: 100%;border-radius: 20px;}
.header .sort .mall_niu .mall_niu_ad a:nth-of-type(2){margin:14px 0}
.header .sort li:hover{background-color: #eb5927;}
.header .sort li:hover .mall_niu{display: flex;}
.header .sort li:hover .sort_list::before{background-position-x: -27px;}
.header .sort li:nth-of-type(2) .sort_list::before{background-position-y: -23px;}
.header .sort li:nth-of-type(3) .sort_list::before{background-position-y: -55px;}
.header .sort li:nth-of-type(4) .sort_list::before{background-position-y: -83px;}
.header .sort li:nth-of-type(5) .sort_list::before{background-position-y: -114px;}
.header .sort li:nth-of-type(6) .sort_list::before{background-position-y: -143px;}
.header .sort li:nth-of-type(7) .sort_list::before{background-position-y: -173px;}
.header .sort li:nth-of-type(8) .sort_list::before{background-position-y: -201px;}
.header .sort li:nth-of-type(9) .sort_list::before{background-position-y: -230px;}
.header .sort li:nth-of-type(10) .sort_list::before{background-position-y: -257px;}
.header .sort li:nth-of-type(11) .sort_list::before{background-position-y: -289px;}
.header .sort li:nth-of-type(12) .sort_list::before{background-position-y: -318px;}
.header .sort li:nth-of-type(13) .sort_list::before{background-position-y: -345px;}
.header .sort li:nth-of-type(14) .sort_list::before{background-position-y: -374px;}
.header .sort li .sort_list{position: relative;}
.header .sort li .sort_list::before{display: block;content: ""; width: 24px;height: 24px;background: url(/skin/default/images/sortTcon.png) no-repeat 2px 0 ;position: absolute;left: -30px;top: 50%;margin-top: -12px;}

.header .sort li div dl{margin: 0;border-bottom: #fff 1px dotted;clear: both;min-height: 40px;display: flex;}
.header .sort li div dl dt{margin: 0;padding: 0;line-height: 31px;font-size: 14px;text-align: left;width: 130px;margin-right: 10px;display: flex;justify-content: space-between;}
.header .sort li div dl dt a{display: flex;justify-content: space-between;width: 100%;}
.header .sort li div dl dt a i{color: #ccc;}
.header .sort li div dl dt a:hover i{color: #ff0000;}
.header .sort li div dl dd{width: 610px;display: flex;justify-content: flex-start;align-content: flex-start;flex-wrap: wrap;}
.header .sort li div dl dd a{padding-left: 8px;display: block;overflow: hidden;line-height: 35px;}
.header .sort li div dl dd a:first-child{border-left: 0;}

/*顶部中间*/

.swiper-container.advert {width: 1220px;height: 100px; margin: 10px auto;padding:15px 0;background: #fff;}
.swiper-container.advert .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

.im0a.banner_bottom{width: auto;padding: 0 0px;display: flex;justify-content: space-between;align-items: center;}
.im0a.banner_bottom div{margin: 0;height: auto;box-shadow: -1px 1px 4px 0px #eee;position: relative;}
.im0a.banner_bottom div a{display: block;width: 100%;height: 100%;}
.im0a.banner_bottom div a.ad_reserve{display: none;}
.im0a.banner_bottom div:hover .ad_reserve{display: block;}
/*顶部右侧*/
.im0u{height: 132px;}
.im0t{height: 320px;}
/*顶部右侧 登陆注册*/
.user-info{background:#FFFFFF;display: flex;justify-content: space-between;align-items: center;}
.user-info img{margin: 0;}
/* .user-info ul li{display: flex;justify-content: space-around;} */
.user-info ul li:nth-of-type(2) a{color: #f84f04}
.user-info .nologin{line-height: 35px;height: 35px;}
.user-info .nologin a{display: inline-block;padding: 0 10px; background: #f84f04; line-height: 35px;font-size: 14px;border-radius: 3px;color: #fff;text-align:center ;}
.user-info .nologin a:hover{border:1px solid #f84f04;background: #fff; color: #f84f04;}

.info_two{display: flex;justify-content: space-between; line-height: 30px;padding: 0 5px;}
.info_two li{width: 50%;text-align: center;background: #eee;}
.info_two li a{display: block;width: 100%;height: 100%;}
.info_two li:first-child{border-right: 1px solid #fff;}
/*顶部右侧签到指南*/
.notice{display: flex;margin-top: 10px;background: #fff; justify-content: space-between; height: 40px;padding: 10px;}
.notice>a{width: 35px; text-align: center; background: #f84f04; color: #fff; padding: 4px;}
.notice ul{width: 250px;line-height: 20px;}
.notice ul li a{display:block;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.notice ul span{color: #ddd;}
/**/
.tab-head ul{padding: 0 10px;display: flex; justify-content: space-between;}
.tab-head .on span{color: #f84f04;}
.tab-head .on{border-color: #f84f04;}
.tab-head li{margin-right: 0;}
.tab-head li,.tab-head ul,.tab-head .on{height: 40px;line-height: 40px;}
.im0t-list{height: auto;margin: 0;padding: 0 10px;margin-top: 5px;}
.im0t-list li{height: 30px;line-height: 30px;}
.im0t-list li a{display:block;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;​}
/*分类列表*/
.contList{border: 1px solid #eee;margin-bottom: 20px;position: relative;height: 575px;padding-bottom:10px }
/*14产品分类 导航——左侧分类列表_通用*/
.homeList,.homeList_title{display: flex;justify-content: space-between;}
/*14产品分类列表_标题*/
.homeList_title{border-bottom: 3px solid #eb5927;margin-bottom: 15px;}
.homeList_title .homeList_title_left{text-indent: 2em;}
.homeList_title .homeList_title_left span{padding-right: 8px;font-size: 26px;color: #F84F04;}
.homeList_title .homeList_title_right {width: 230px;display: flex;justify-content: space-between;align-items: center;}
.homeList_title .homeList_title_right h3{font-size: 20px;}
.homeList_title .homeList_title_right a{color:#F84F04;display: block;width: 60px;text-align: center;}
/*14产品分类列表_左侧*/
.homeList_left{width: 245px;}
.homeList_left_zl{position: relative;height: 478px;border-right: 1px solid #eee;}
.homeList_left_zl a {text-align: center;}
.homeList_left_zl a img{width: 240px;}
.homeList_left_zl .ggd{width: 80%;position: absolute;bottom: 20px;left: 20px;}
.homeList_left_zl .ggd h5{font-size: 27px;margin-bottom: 5px;color: #F84F04;}
.homeList_left_zl .ggd span{font-size: 17px;font-weight: bold;}
.homeList_left_zl .ggd a{font-size: 14px;color: #F84F04;line-height: 33px;}
.homeList_left .fenlei{position: absolute;top: 0;font-size: 14px;display: flex;width: 540px;justify-content: space-between;align-items: center;line-height: 70px;left: 50%;transform: translateX(-50%);}
/*14产品分类列表_中间*/
.homeList_center{width: 720px;display: flex;flex-wrap: wrap;text-align:center;align-content: flex-start;}
.homeList_center li{width: 22%;padding: 5px;border: 1px solid #eee;height: 220px;margin-left: 12px;}
.homeList_center li:nth-of-type(1),.homeList_center li:nth-of-type(2),.homeList_center li:nth-of-type(3),.homeList_center li:nth-of-type(4){margin-bottom: 12px;}
.homeList_center li:nth-of-type(1),.homeList_center li:nth-of-type(5){margin-left: 0;}
.homeList_center li img{width: 100%;}
/*14产品分类列表_右侧*/
.homeList_right{width: 230px;}
.homeList_right>li{padding: 0 5px;}
.homeList_right .ad_a5 li{height: 60px;margin-bottom: 3px;background:linear-gradient(#fee477 0%, #f9b15d 99% );padding:0 5px;}
.homeList_right .ad_a5 li a{display: block;width: 100%;height: 100%;}
.homeList_right .ad_a5 li a:hover{  color: #000;}
.homeList_right .ad_a5 li a p{font-size: 12px;margin: 0;letter-spacing: 1pxl}
.homeList_right .ad_a5 li a p:nth-of-type(1){font-size: 16px;font-weight: 600;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height: 35px;}

/*资讯*/
.cont_news{display: flex;justify-content: space-between;padding: 10px;}
.cont_news .news_left,.cont_news .news_center,.cont_news .news_right{width: 30%;}

.news_title{margin-bottom: 20px;font-size: 18px;font-weight: bold;}

.hotsPa{margin-bottom: 20px;overflow: hidden;position: relative;padding: 0px;}
.hotsPa p{height: 30px;margin: 0;position: absolute;bottom: 0;z-index: 999;background: #000;width: 100%;opacity: 0.5;}
.hotsPa a:nth-of-type(1){font-size: 16px;display: block;line-height: 30px;text-align: center;position: absolute;bottom: 0;color: #fff;width: 100%;z-index: 999;}
.hotsPa a img{width: 100%;height: 210px;}
.hotsPa a:last-child{width:100%;}
.hotsPa .hot{position: absolute;right: 0;top: 0;width: 65px;z-index: 8}
.news_text{padding: 0;background: initial;}
.news_text li{background: none;padding: 0;padding-left:30px;position: relative;line-height: 30px;}
.news_text li:before{ content: "热";display: block;width: 22px;height: 22px;left: 0;line-height: 22px;border-radius: 5px;text-align: center;color: #fff;position: absolute;text-indent: 0;background: red;top: 50%;margin-top: -11px;}
.news_text ul li a{width:75%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;}
.news_right .younew{margin-bottom: 10px;}
.news_right .younew:hover{0px 5px 5px #888888}
.news_right div:last-child{margin-bottom: 0;}
.news_right .younew a{display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
    display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    -webkit-justify-content: space-between;
    justify-content: space-between;justify-content: space-between;align-content: center;align-self: center;padding: 2px 5px;}
.news_right .younew a b{ font-size: 16px;margin-bottom: 10px;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news_right .younew a span{font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;line-height: 26px;-webkit-line-clamp: 3;overflow: hidden;}
.news_right .younew a div{width:125px!important;height: 109px;margin:0;margin-right: 10px;}
.news_right .younew a img{width:125px!important;height: 109px;}
.news_right .younew a p{margin:0;width: 223px}

/*new-左侧楼层导航浮动*/
#loutinav{width: 38px; position: fixed; top: 124px;text-align: center;clear: both; border: 1px solid #ddd;}
.loutinav_fu{visibility: hidden;background:#ffffff;-webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; filter:alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transform: scale(.01,.01); -moz-transform: scale(.01,.01); -o-transform: scale(.01,.01); -ms-transform: scale(.01,.01); transform: scale(.01,.01); -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -o-transition: all .2s linear 0s; -ms-transition: all .2s linear 0s; transition: all .2s linear 0s; z-index: 100;}
.loutinav_fu.on{visibility: visible; -webkit-opacity: 100; -moz-opacity: 100; -khtml-opacity: 100; opacity: 100; filter:alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1);transform:scale(1);}
#loutinav .loutinav{height:38px;line-height:38px;font-weight: 700;font-size:14px;text-align:center;background:#F84F04;color:#ffffff;border-bottom:1px solid #ffffff;}
#loutinav li{width: 38px; height: 38px; border-bottom: 1px dotted #DDDDDD; list-style: none; font-size: 12px; text-align: center; position: relative; cursor: pointer; background: #FFFFFF; color: #333333;}
#loutinav li span{width: 38px; height: 38px; padding-top: 4px; position: absolute; top: 0; left: 0;}
#loutinav li.mbw{border-bottom: 1px solid #ddd;}
#loutinav li.last{background: #757272; color: #fff; border-bottom: 1px solid #ddd;}
#loutinav li.active span{background: #F84F04; color: #fff; display: block;}
#loutinav li:hover span{background: #F84F04; color: #fff; display: block;}
#loutinav li span p{font-size: 12px;letter-spacing: 2px;line-height: 16px;margin: 0;}
#loutinav li.active span p{line-height: 16px;}
#loutinav li:hover span p{line-height: 16px;}
.louxh{width: 1200px; margin: 0 auto; clear: both;}

.ad{display: flex;justify-content: space-between;padding: 10px 0;}
.ad p{position: relative;}

@media screen and (max-width: 1920px){#loutinav{left: 260px}}
@media screen and (max-width: 1599px){#loutinav{left: 59px}}
@media screen and (max-width: 1399px){#loutinav{left: 10px;}}
@media screen and (max-width: 1399px){#loutinav{display: none;}}