@charset "utf-8";
/*头部*/
header{background: #f4f4f4;}/*头部底色*/
.searchBox{width: 52%;background: #ffffff;border-radius: 6px;height: 36px;opacity: 0.9;margin-top: 18px;position: relative;/* background: url("../images/search.png") no-repeat 92% center; */}
.searchBox input{height: 36px;border-radius: 3px;font-size: 1.6rem;padding-left: 8px;color: #333;/* background: url("../images/search.png") no-repeat 92% center; */background-size: 15px;box-sizing: border-box;width: 80%;outline: none;}
.logo{width: 32%;margin-top: 10px;margin-bottom: 10px;margin-right: 2.6%;}
.searchBtn{width: 37px; height: 37px; display: inline-block;position: absolute;right: 0;top: 0;background: url("../images/search.png") no-repeat center;background-size: 15px;}
.fenlei{margin-top: 21px;}
.fenlei img{width: 25px;}
/*导航*/
nav{background: #11437d;padding: 12px 4% 15px;border-radius:8px;}/*头部导航底色*/
nav a{color:#fff;font-size: 1.65rem;margin-right: 0;display: inline-block;margin: 3px 0 0;width: 22%;text-align: center;}
nav a:nth-child(3), nav a:nth-child(7){width: 31%;}
/*轮播图*/
.swiper{width:92%;margin: 15px auto 15px;height: 210px;background: #e6e6e6;border-radius: 10px;}
.swiper-slide{position: relative;}
.swiper-slide img{width:100%;/* height: 100%; */object-fit: cover;}
.swiper-slide p{position: absolute;bottom: 0;left:0;height: 57px;color: #fff;padding: 3px 50px 0px 10px;font-size: 1.5rem;background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));width: 100%;box-sizing: border-box;}
.swiper-slide p a{color:#fff;}
.celeb .swiper-slide p a{color:#656565;}
.swiper-pagination-bullet{background-color:#c3c3c3; opacity:1;}
.swiper-pagination-bullet-active{background-color:#ffba00}

.title {color: #000;text-align: center;font-size: 20px; border-bottom: 1px solid #eee; line-height: 60px;}
.mui-bar{position: fixed;  z-index: 10;  right: 0;  left: 0;  border-bottom: 0;  }
.nav{position: relative;/* background-color: #f4f5f6; */height: 40px;  border-bottom: 1px solid #e8e8e8;}
.nav-list{  overflow: hidden;  overflow-x: scroll;  white-space: nowrap;  display: flex; height: 40px;  align-items: center;  }
.nav-a {text-decoration: none;font-size: 1.5rem;margin:  0px;padding: 0  5px;line-height: 28px;display: inline-block;width: auto;height: 100%;overflow: hidden;position: relative;text-align: center;}
.nav-a a{color: #505050;}
.selected {font-weight: bold;color: #151515;font-size: 15px;}
.selected .underLine{  width:15px;  height: 1px;  background: #FFF;  bottom:0px;  left:0px;  right:0px;  margin:auto;  }
#nav .bar .color{  width: 20px;  margin: 0 auto;  height: 4px;  background: #ff9600;  border-radius: 3px;  }
#nav .bar {width: 11.111%;height: 4px;position: absolute;bottom: 0px;}
.nav-a span{  line-height: 40px;  }
::-webkit-scrollbar {  width: 0px;  height: 0px;  }
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{left:0px;}

/*要闻推荐*/
.tit{padding:0 4%;}
.tit img{width: 90px;}
.tit .more{float:right;font-size: 1.5rem;padding-right:12px;background:url("../images/arrow-r.jpg") no-repeat right center;background-size:8px auto;line-height: 19px;}
.tit h4{float: left;border-left: 5px solid #0164d2;padding-left: 7px;font-size: 1.8rem;line-height: 20px;}
.tit h4 a{color: #32373d;}
/*信息列表*/
/*.list{margin-bottom: 10px;}*/
.item{overflow: hidden;padding: 15px 3.5% 12px;border-bottom: 1px solid #ebebeb;}
.item-txt{float: left;width: 62%;}
.item-txt h3{margin-bottom: 20px;height: auto;overflow: hidden;min-height: 48px;max-height: 48px;}
.item-txt h3 a{font-size: 1.7rem;font-weight: normal;color:#191a1c;}
.item-txt p span{font-size: 1.25rem;color:#8f8f8f;padding-left: 14px;background: url("../images/item-icon.png") no-repeat;background-size: 13px;}
.item-txt p span:last-child{float: right;}
.item-txt p span.tag{background-position: 0 0px;padding-left: 14px;padding-right: 5px;}
.item-txt p span.time{background-position: 0 -21px;}
.item-txt p span.num{background-position: 0 -40px;}
.item-txt p span.from{background-position: 0 -59px;}
.item-img{float: right;width: 34%;}
.item-img a{height: 130px;display: block;overflow: hidden;border-radius: 6px;}
.item-img img{min-height:100%;}
.nopic .item-txt{float: none; width:100%;}
.nopic h3{height:auto;min-height:auto;max-height: 48px;}
/*能源人物*/
.celeb .swiper{width:92%;margin: 15px auto 15px;height: 295px;background: none;object-fit: cover;border-radius:0;padding-bottom: 20px;}
.celeb .swiper .swiper-slide{position: static;height: 230px;/* overflow: hidden; */}
.celeb .swiper .swiper-slide p{color:#464646;position: static;background: none;height: 62px;font-size: 1.6rem;padding: 10px 0 0;}
.celeb .swiper .swiper-slide img{height: 100%;border-radius: 10px;object-fit: cover;}
/*热点专题*/
.zt{width:92%; margin: 15px auto 10px;}
.zt-list:first-child{position:relative; margin-bottom:15px;}
.zt-list:first-child img{width: 100%;}
.zt-list:first-child p{position:absolute; bottom:0; padding-left:10px; padding-bottom:5px;}
.zt-list:first-child p a{color:#fff;}
.zt-list:last-child{border-top: 1px dashed #dedede;margin-top:15px;padding-top:15px;margin-bottom: 24px;}
.zt-list{overflow: hidden;}
.zt-list img{float: right;width:42%;margin-left: 10px;object-fit: cover;}
.zt-list p{font-size: 1.6rem;}
.zt-list p a{color:#1f1f1f;}
/*优品推荐*/
.pro .swiper{width: 92%;background:none;border-radius:0;height: 372px;padding: 0 4%;padding-bottom: 30px;}
.pro .swiper-slide p{position: static;background: none;padding-right: 0;height: 27px;overflow: hidden;}
.pro .swiper-slide{height: calc((100% - 30px) / 2);  /* 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;}
.pro .swiper-slide p a{color:#000;}
.pro .swiper-slide img{width:90%; margin: 0 auto;object-fit: cover;}
.pro .swiper-slide p.price{color:#f60; height: auto;}
.pro .swiper-slide p.companyName a{color: #cccccc;font-size: 14px;height: 27px;}
.pro .swiper-horizontal>.swiper-pagination-bullets{left:0;}
/*产品分类*/
.cpfl{width:92%;margin: 0 auto 15px;border-bottom:1px solid #e4e4e4; padding-top:15px;}
.cpfl a{width: 15.8%;display: inline-block;text-align: center;padding-top: 41px;font-size: 1.3rem;background: url("../images/pro-1.jpg") no-repeat top center;background-size: 69%;margin-bottom: 20px;color:#585858;}
.cpfl a:nth-child(2){background-image:url("../images/pro-2.jpg")}
.cpfl a:nth-child(3){background-image:url("../images/pro-3.jpg")}
.cpfl a:nth-child(4){background-image:url("../images/pro-4.jpg")}
.cpfl a:nth-child(5){background-image:url("../images/pro-5.jpg")}
.cpfl a:nth-child(6){background-image:url("../images/pro-6.jpg")}
.cpfl a:nth-child(7){background-image:url("../images/pro-7.jpg")}
.cpfl a:nth-child(8){background-image:url("../images/pro-8.jpg")}
.cpfl a:nth-child(9){background-image:url("../images/pro-9.jpg")}
.cpfl a:nth-child(10){background-image:url("../images/pro-10.jpg")}
.cpfl a:nth-child(11){background-image:url("../images/pro-11.jpg")}
.cpfl a:nth-child(12){background-image:url("../images/pro-12.jpg")}
/*展会推荐*/
.expo{width:92%; margin:0 auto;}
.expo-list{overflow: hidden; margin-top: 20px;}
.expo-img{float:right;width:48%;margin-left: 2%;border-radius: 15px;/* display: block; */}
.expo-img img{border-radius:10px;height: 102px;object-fit: cover;}
.expo-list p a{font-size: 1.6rem;color:#292929;margin-bottom: 15px;display: block;text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
word-break: break-all;
overflow: hidden;}
.expo-list p span{font-size: 1.4rem;color: #b9b9b9;display: block;margin-top: 5px;}
.expo-list{border-bottom: 1px dashed #dbdbdb; padding-bottom: 10px;}
/*.expo-list:first-child{border-bottom: 1px dashed #dbdbdb; padding-bottom: 10px;}*/
.expo-list:last-child{border-bottom: 0px dashed #dbdbdb; padding-bottom: 10px;}
/*返回顶部*/
.top{position: fixed;right: 15px;bottom: 106px;width: 46px;height: 46px;z-index: 100000;opacity: 0.5;}
/*手机端通用底部*/
.footers{background-color:#fff}
.footers .link{padding:10px 0;background-color:#e8e8e8;font-size:15px;font-weight:bold;display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:1px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.footers .link a{position:relative;display:block;width:20%;line-height:2;color: #6c6a6a;text-align:center}
.footers .link a::after{content:'';position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:block;width:2px;height:22px;background-color:#6c6a6a}
.footers .link a:last-child::after{display:none}
.footers .bd{padding:10px}
.footers .copy{text-align:center;color:#424040;font-size:14px;line-height:2}
.footers a {
    text-decoration: none;
    color: #424040;
    font-family: 'Microsoft YaHei', Tahoma, Arial, sans-serif;
}
.footers .copy img,.footers .copy span{display:inline-block;vertical-align:middle}
.footers .logo{width:70px;margin:0 auto;top:10%;}
/*手机端新增css*/
.layout {
  position: relative;
  width: 740px;
  margin: 0 auto;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
}
#searchform {
  display: inline-block;
  height: 37px;
  line-height: 37px;
  width: 100%;
  margin: 0;
  outline: none;
  padding: 0 5px;
  box-sizing: border-box;
  border-width: 1px;
    border-right-width: 1px;
  border-style: solid;
    border-right-style: solid;
  border-color: #ececec;
    border-right-color: rgb(236, 236, 236);
  border-radius: 1px 0 0 1px;
  border-right: 0;
  color: #bababa;
  font-size: 14px;
  background-color: #11437d;
}
 .adbox{width:100%;position: relative;padding: 11px 0 5px;background: #f3f3f3;}
 .adbox span{position: absolute;bottom: 8px;right:3px;border: 1px solid #696969;background: rgba(0,0,0,.42);color: #909090;border-radius: 3px;z-index: 99;padding: 0 4px;line-height: 16px;}
.not_in_mm {position: fixed;z-index: 999;}
.not_in_mm .qr_code_pc {
    position: absolute;
    right: -960px;
    top: -100px;
    width: 140px;
    padding: 16px;
    border: 1px solid #D9DADC;
    background-color: #fff;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    box-sizing: border-box;
}
.not_in_mm .qr_code_pc_img {
    width: 102px;
    height: 102px;
}
.not_in_mm .qr_code_pc p {
    font-size: 14px;
    line-height: 20px;
}

@media (prefers-color-scheme: dark)
.not_in_mm .qr_code_pc {
    background-color: #2c2c2c;
    border-color: rgba(255,255,255,.1);
}
 @media (max-width: 1210px){ 
.layout{width:100% !important;}
  }
 @media (max-width: 1024px){
.layout{width:100% !important;}.not_in_mm{display: none;}
.logo {
  width: 45%;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 2.6%;
}
.not_in_mm .qr_code_pc_outer {
    color: rgba(255,255,255,.5);
}
.not_in_mm .qr_code_pc_outer {
    display: none!important;
    position: fixed;
    left: 0;
    right: 0;
    top: 28px;
    color: #717375;
    text-align: center;
}
 }
  @media (max-width: 750px){
.layout{width:100% !important;}
nav{background: #11437d;padding: 12px 4% 15px;border-radius:0px;}/*头部导航底色*/
nav a{color:#fff;font-size: 1.65rem;margin-right: 0;display: inline-block;margin: 3px 0 0;width: 22%;text-align: center;}
nav a:nth-child(3), nav a:nth-child(7){width: 31%;}
.item-img a{height: 90px;display: block;overflow: hidden;border-radius: 6px;}
.logo img{width: 80%;margin-top: 8px;margin-bottom: 10px;margin-right: 2.6%;
 }
 @media (max-width:479px) {
nav{background: #11437d;padding: 12px 4% 15px;border-radius:0px;}/*头部导航底色*/
nav a{color:#fff;font-size: 1.65rem;margin-right: 0;display: inline-block;margin: 3px 0 0;width: 22%;text-align: center;}
nav a:nth-child(3), nav a:nth-child(7){width: 31%;}
.layout{width:100% !important;}.not_in_mm{display: none;}
.item-img a{height: 90px;display: block;overflow: hidden;border-radius: 6px;}
.logo img{width: 100%;margin-top: 8px;margin-bottom: 10px;margin-right: 2.6%;
}
}  
 @media screen and (max-width:428px) {
nav{background: #11437d;padding: 12px 4% 15px;border-radius:0px;}/*头部导航底色*/
nav a{color:#fff;font-size: 1.65rem;margin-right: 0;display: inline-block;margin: 3px 0 0;width: 22%;text-align: center;}
nav a:nth-child(3), nav a:nth-child(7){width: 31%;}
.layout{width:100% !important;}.not_in_mm{display: none;}
.item-img a{height: 90px;display: block;overflow: hidden;border-radius: 6px;}
.logo img{width: 100%;margin-top: 8px;margin-bottom: 10px;margin-right: 2.6%;
 }