html,body{margin: 0;background: #fff;}
ul,li,a,p{margin: 0; list-style: none; padding: 0;}
/* 首页模块 */
/* 网站导航 */
.web-nav{font-size: 16px;color: rgba(0,0,0,.4);font-family: PingFangSC-Regular,PingFang SC;font-weight: 400;}
/* 分页 */
.pagenation{margin: 50px auto;text-align: center;display: flex;display: -webkit-flex;width: 154px;}
.prepage , .nextpage , .loaclpage{width: 40px;height: 40px;line-height: 40px;text-align: center;margin: 0 5px;border: 1px solid rgba(0,0,0,0.4);/* border-radius: 3px; */font-size: 16px;color: #999;cursor: pointer;}
.loaclpage{background: #F9874B;color: #fff;}
/* 首页中间区域 */
.home-nav-item{width: 1200px;margin: 0 auto;font-family: "PingFangSC-Regular","PingFang SC";padding-top:0 ;}
.home-nav-box{padding: 20px 0;}
.nav-title-line{display: flex;align-items: flex-end;justify-content: space-between;padding: 10px 0;border-bottom: 1px solid #F9874B;}
.nav-title-line .title-left{display: flex;align-items: flex-end;}
.home-nav-box .nav-item-name{font-size: 18px;color: #666;margin-right: 20px;}
.home-nav-box .nav-item-tabs{display: flex;display: -webkit-flex;justify-content: center;}
.sub-tabs-tag{display: flex;position:absolute;top:-41px;left:0;}
.sub-tabs-name{background: #eee;margin-right:10px;padding: 10px 20px;color: #999;font-size: 14px;cursor: pointer;text-align: center;border:1px solid #eee;border-bottom-width:0;}
.sub-tabs-name:hover , .tabs-active{color: #333;background: #fff;border-color:#ddd;}
.nav-title-line .title-right .more{font-size: 14px;color:rgba(0,0,0,0.6);cursor: pointer;}
.f-name{opacity: 1;font-size: 16px;color: #f66f42;font-weight: bold;}
.publish-time{min-width: 100px;text-align: center;color: #f66f42;font-size: 12px;}
.nav-goods-info .publish-time{color: rgba(0,0,0,0.6);}
.nav-goods-more{margin-top: 30px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;cursor: pointer;}
.nav-goods-more span{font-size: 14px;font-weight: 400;color: #000;opacity: .4;display: inline-block;margin-right: 5px;}
/* 网站底部信息 */
.footbar{padding: 20px 0;width: 100%;background: #303335;color: #999;}
.footbar a{color: #999;text-decoration: none;}
.aboutinfo{width: 1200px;margin: 0 auto;/* display: flex;display: -webkit-flex; */justify-content:space-between;}
.aboutinfo p{font-size: 14px; margin-bottom: 5px;line-height: 22px;text-align: center;}
.aboutinfo p a{cursor: pointer;}
.aboutinfo p a:hover{color: #f9f9f9;}
.linkbeian{cursor: pointer;margin-left: 5px;}
.linkbeian:hover{color: #f9f9f9;border-bottom: 1px solid #f9f9f9;}
.color-sys{color: #f80;}
.head-search-form{display: flex;display: -webkit-flex;align-items: center;}
.head-searchbox{display: flex;display: -webkit-flex;align-items: center;}
.head-searchbox .search-inpt{height: 38px;background: #fff;border: 1px solid #ccc;padding:0 10px;width: 150px;display: flex;align-items: center;/* border-radius: 4px 0 0 4px; */}
.head-searchbox .search-inpt input{border: none;outline: none;height: 20px;line-height: 20px;width: 100%;}
.head-searchbox .search-img{cursor: pointer;/* border-radius: 0 4px 4px 0; */width: 50px;height: 40px;display: flex;display: -webkit-flex;align-items: center;justify-content: center;background: #3ac8eb;}
.search-img .search-icon{display: inline-block;background: url('../img/search.png');width: 20px;height: 20px;background-size: 20px 20px;}
.head-search-form .publishfree{margin-left: 10px;}
.head-search-form .publishfree>span{cursor: pointer;display: inline-block;width: 100px;min-width: 100px;text-align: center;height: 40px;line-height: 40px;font-size: 14px;color: #fff;background: #f66f42;/* border-radius: 4px; */}
.head-search-form .publishfree>span:hover{background-color: #dc633b;}
.news-list{padding: 20px;}
.news-list-ul li{display: flex;align-items: center;justify-content: space-between;padding: 10px 0;border-bottom: 1px solid #e5e5e5;color: rgba(0,0,0,0.6);font-size: 14px;cursor:pointer;}
.news-list-ul li:last-child{border-bottom-width:0;}
.news-list-ul li .li-icon-img{width: 90px;height: 65px;margin-right: 10px;background: #e7e7e7;display: inline-block;}
.li-new-info{height: 50px;display: flex;flex-direction: column;justify-content: space-between;}
.news-text-left{display: flex;align-items: center;overflow: hidden;}
.news-text-right{min-width: 100px;}
.news-text-left .news-text-title{font-size: 16px;color: #666;}
.news-text-left .news-text-desc{overflow: hidden; text-overflow: ellipsis;white-space: nowrap;width: 100%;}
.news-list-ul li:hover .news-text-left .news-text-title{color: #f00;}
/* 全局遮盖 */
.marsk{width: 300px;height: 50px;position: absolute;top: 10%;left: 50%;margin-left: -150px;background: rgba(0,0,0,0.6);display: flex;align-items: center;justify-content: center;/* border-radius: 8px; */}
.marsk-text{position: relative;color: #3ac8eb;}
.top-bar{background: #f2f2f2;border-bottom:1px solid #e5e5e5;height: 31px;overflow:hidden;line-height: 31px; color: #666;font-size: 12px;margin: 0 auto;}
.top-bar .warp1200{display:flex;justify-content: space-between;}
.warp1200{width: 1200px;margin: 0 auto;}
.top-bar-line{margin-right:8px;font-style: normal;color:#999;}
.gologin{text-align: left;}
.gologin>span{margin-right:10px;cursor: pointer;}
.gologin>span:hover{color:#333;}
.home-menu-content{width: 100%;overflow:hidden;}
.swiper-box{/* max-width: 1200px; */margin: 0 auto;width: 100%;height: 400px;}
.swiper-box .swiper-container{border: 1px solid #eee;height: 100%;cursor: pointer;}
.swiper-box img{width: 100%;height:400px;background-size: cover;}
.rightjiao{font-family: '宋体'; color: #666; font-size: 14px; float: right; margin-right: 10px; font-style: normal;}
.itemonpen .rightjiao{color: #3ac8eb;}
.nav-centerbar{padding-bottom:10px;}
.bodyspace{max-width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
.bodyspace .home-com-logo{font-size: 30px;font-weight: bold;color: #ff7e16;cursor:pointer;}
.bodyspace .home-com-logo img{max-height: 80px;}
.category-bar{background: #fff;padding: 20px;/* border-radius:10px; */box-shadow:0 3px 10px rgba(0,0,0,.1);}
.category-bar .category-list{margin-top: 10px;}
.category-bar .category-list .categoryItem{margin-right: 10px;cursor: pointer;padding: 2px 10px;/* border-radius: 3px; */background: #eee;}
.category-bar .category-list .categoryActive ,.category-bar .category-list .categoryItem:hover{color: #fff;background: #75a7f1;}