.pc{ display: block;}
.mb{ display: none;}

.container{ max-width: 1920px; width: 100%; margin: 0 auto; clear: both;}
.header{position: fixed; left: 0; right: 0; top: 0; z-index: 777; background:#fff;box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1); transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.header>.wrapper{ padding: 0 20px; height: 100px; max-width: 1920px; width: 100%; box-sizing: border-box; margin: 0 auto; clear: both; display: flex; justify-content: space-between; align-items: center; position: relative;}
.header>.wrapper::after{ position: absolute; content: ''; left: 0; right: 0; bottom: 0; height: 1px; background: rgba(0, 0, 0, 0.1);}
.header>.wrapper>.logo{ width: 320px; height: 60px;}
.header>.wrapper>.logo>a{ display: block; width: 320px; height: 60px; text-indent: -999rem; background: url('../images/logo.jpg'); background-size: cover !important; background-position: 50% 50% !important;}
.header>.wrapper>.menu{ display: flex; justify-content: flex-end; align-items: center;}
.header>.wrapper>.menu>.extend{ margin: 0 40px 0 0; display: flex; justify-content: flex-end; align-items: center; }
.header>.wrapper>.menu>.extend>.item{ margin: 0 10px; height: 48px; padding: 0 20px;}
.header>.wrapper>.menu>.extend>.item:last-of-type{ margin: 0 0 0 10px;}
.header>.wrapper>.menu>.extend>.item>a{ display: block; line-height: 48px; font-size: 18px; color: #626675; text-transform: uppercase;}
.header>.wrapper>.menu>.extend>.item-hov, .header>.wrapper>.menu>.extend>.item:hover{ background: #0175c2; border-top-left-radius: 16px; border-bottom-right-radius: 16px;}
.header>.wrapper>.menu>.extend>.item-hov>a, .header>.wrapper>.menu>.extend>.item:hover>a{ color: #FFF;}

.header>.wrapper>.menu>.search{ width: 48px; height: 48px;}
.header>.wrapper>.menu>.search>a.icon-search{ display: block; width: 48px; height: 48px; text-indent: -999rem; background: url('../images/icon-search.png'); background-size: cover !important; background-position: 50% 50% !important;}
.mobile{ display: none;}
.cls-mobile{ display: none;}
.nav-mobile{ display: none;}
.nav-mobile_hov{ display: none;}

.footer{ background: #f1f1f1; height: 180px;}
.footer>.wrapper{ font-size: 12px; padding: 0 20px; max-width: 1920px; width: 100%; box-sizing: border-box; margin: 0 auto; clear: both;}
.footer>.wrapper>.hd{ height: 120px; display: flex; justify-content: space-between; align-items: center;}
.footer>.wrapper>.hd>.info{}
.footer>.wrapper>.hd>.info>p{ line-height: 20px;}
.footer>.wrapper>.hd>.info>p>span{ color: #0175c2; font-weight: 600;}
.footer>.wrapper>.hd>.code{ width: 100px; height: 100px;}
.footer>.wrapper>.ft{ padding: 10px 0; height: 60px; position: relative;}
.footer>.wrapper>.ft::before{ position: absolute; content: ''; left: 0; right: 0; top: 0; height: 1px; background: #d6d6d6;}
.footer>.wrapper>.ft>.link{ line-height: 20px; display: flex; justify-content: space-between; align-items: center;}
.footer>.wrapper>.ft>.link>.lnk{ color: #999; display: flex; justify-content: flex-start; align-items: center;}
.footer>.wrapper>.ft>.link>.lnk>a{ color: #999; text-decoration: none; margin: 0 8px 0 0;}
.footer>.wrapper>.ft>.link>.icp{ color: #0175c2; display: flex; justify-content: flex-end; align-items: center;}
.footer>.wrapper>.ft>.link>.icp>a{ color: #0175c2; text-decoration: none; margin: 0 0 0 8px;}
.footer>.wrapper>.ft>.copy{ line-height: 20px; text-align: right;}


.popup-param{ display: none; position: fixed; z-index: 900; background: rgba(0, 0, 0, 0.8); left: 0; right: 0; top: 0; bottom: 0;}
.popup-param>.hide{ position: absolute; z-index: 910; top: 20px; right: 20px; display: block; width: 28px; height: 28px; background: url('../images/icon-close.png'); text-indent: -999rem; background-size: cover !important; background-position: 50% 50% !important;}
.popup-param>.wrap{ position: absolute; z-index: 910; width: 100%; max-width: 1000px; max-height:100%;box-sizing: border-box; left: 50%; top: 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: #FFF; padding: 20px; }
.popup-param>.wrap>.icon>img{width:auto; max-width: 100%; height:auto; max-height:90vh;display: block;margin-left:auto;margin-right:auto;}
.popup-param>.wrap>.lnk-prev, .popup-param>.wrap>.lnk-next{ cursor: pointer; position: absolute; background-size: cover !important; background-position: 50% 50% !important; width: 48px; height: 48px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); background: rgba(0, 0, 0, 0.2); }
.popup-param>.wrap>.lnk-prev{ left: -48px; background: url('../images/sw-prev.png'); text-indent: -999rem;}
.popup-param>.wrap>.lnk-next{ right: -48px; background: url('../images/sw-next.png'); text-indent: -999rem;}

/* 通用分页 */
.page-ctrl{ padding: 60px 0; display: flex; justify-content: center; align-items: center;}
.page-ctrl>.page-nbsp{ width: 40px; height: 40px; line-height: 40px; font-size: 16px; margin: 0 4px; text-align: center; color: #000;}
.page-ctrl>li{ min-width: 40px; height: 40px; line-height: 40px; font-size: 16px; margin: 0 4px; text-align: center; color: #000; background: #FFF;}
.page-ctrl>li:hover{ color: #FFF; background: #0175c2;}
.page-ctrl>.active{ color: #FFF; background: #0175c2;}
.page-ctrl>.page-prev, .page-ctrl>.page-next{ font-size: 24px;}


.banner{ overflow: hidden; width: 100%; position: relative; }
.banner .mySwiper{ overflow: hidden; width: 100%; }
.banner .mySwiper .swiper-slide{ width: 100%; overflow: hidden; }
.banner .mySwiper .swiper-slide img{ display: block; width: 100%; }


/* 首页产品 */
.home-goods{ overflow: hidden;}
.home-goods>.list{ display: flex; flex-wrap: wrap; margin: -30px -20px 0;}
.home-goods>.list{ display: flex; flex-wrap: wrap; margin: -30px -20px 0;}
.home-goods>.list>.item{ flex: 0 0 33.3333%; -ms-flex: 0 0 33.3333%; max-width: 33.3333%; box-sizing: border-box; padding: 0 15px; margin: 30px 0 0;}
 
.home-goods>.list>.item>.box{ height: 370px; position: relative;}
.home-goods>.list>.item>.box>.name{ position: absolute; left: 0; right: 0; top: 0; font-size: 28px; height: 72px; line-height: 72px; text-align: center; color: #0175c2; font-weight: 600;}
.home-goods>.list>.item>.box>.icon{ height: 370px; background-size: cover !important; background-position: 50% 50% !important;}
.home-goods>.list>.item>.box>.link{ width: 48px; height: 48px; right: 20px; background: url('../images/icon-arrow.png'); background-size: cover !important; background-position: 50% 50% !important; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.home-goods>.list>.item:nth-child(1)>.box{ background: #ebf0f4;}
.home-goods>.list>.item:nth-child(1)>.box:hover{background: #f9f9f9; cursor: pointer;}
.home-goods>.list>.item:nth-child(2)>.box{ background: #fae6df;}
.home-goods>.list>.item:nth-child(2)>.box:hover{ background: #fbf4f2;cursor: pointer;}
.home-goods>.list>.item:nth-child(3)>.box{ background: #d7e9f3;}
.home-goods>.list>.item:nth-child(3)>.box:hover{ background: #e6f2f8;cursor: pointer;}
.home-goods>.list>.item:nth-child(4)>.box{ background: #f8f4c2;}
.home-goods>.list>.item:nth-child(4)>.box:hover{ background: #faf8d9;cursor: pointer;}
.home-goods>.list>.item:nth-child(5)>.box{ background: #d8fcf7;}
.home-goods>.list>.item:nth-child(5)>.box:hover{ background: #f4fbfa;cursor: pointer;}
.home-goods>.list>.item:nth-child(6)>.box{ background: #efddfd;}
.home-goods>.list>.item:nth-child(6)>.box:hover{ background: #f4eafb;cursor: pointer;}
/* 首页简介 */
.home-about{ padding: 50px 30px; display: flex; justify-content: space-between; align-items: flex-start;}
.home-about>.icon{ width: 990px; height: 560px;}
.home-about>.info{ width: calc(100% - 0px - 890px - 0px); display: flex; flex-direction: column; align-items: flex-start;}
.home-about>.info>.logo{ width: 360px; height: 100px; margin: 0 0 10px; background: url('../images/company.png'); background-size: cover !important; background-position: 50% 50% !important;}
.home-about>.info>.name{ font-size: 24px; line-height: 48px; margin: 0 0 10px; color: #131313;}
.home-about>.info>.text{ font-size: 20px; line-height: 36px; margin: 0 0 20px; color: #9ca09f;}
.home-about>.info>.link{ padding: 0 30px; height: 80px; font-size: 28px; line-height: calc(80px - 4px); box-sizing: border-box; border: 2px solid #0175c2; color: #0175c2; border-top-left-radius: 16px; border-bottom-right-radius: 16px; text-transform: uppercase; display: block;}

/*新闻列表


.s-news{}
.s-news>.news-list{ width: 1200px; margin: 0 auto;}
.s-news>.news-list>.item{ padding: 0 0 20px; border-bottom: 1px solid #e5e5e5; display: block; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; }
.s-news>.news-list>.item>img{width:300px;float:left;margin:0px;}
.s-news>.news-list>.item>.hd{ padding: 0 60px 0 20px; height: 50px; line-height: 50px; display: flex; justify-content: space-between; align-items: center; position: relative;}
.s-news>.news-list>.item>.hd::after{ position: absolute; content: ''; width: 28px; height: 28px; top: 50%; right: 20px; background: url('../images/icon-detail.png'); background-size: cover !important; background-position: 50% 50% !important; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.s-news>.news-list>.item>.hd>.name{ text-transform: uppercase; font-weight: 600; font-size: 18px; color: rgba(51, 51, 51, 0.8);overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  max-width: calc(1200px - 20px - 60px - 120px);}
.s-news>.news-list>.item>.hd>.date{ color: #999; font-size: 14px;}
.s-news>.news-list>.item>.bd{ padding: 0 20px; line-height: 20px; color: #999; font-size: 14px;}
.s-news>.news-list>.item:hover{ background: #d0004d;}
.s-news>.news-list>.item:hover>.hd::after{ background: url('../images/icon-detail_hov.png');}
.s-news>.news-list>.item:hover>.hd>.name{ color: #FFF;}
.s-news>.news-list>.item:hover>.hd>.date{ color: #FFF;}
.s-news>.news-list>.item:hover>.bd{ color: #FFF;}*/







/* 页面路径 */
.s-bread{ height: 48px; line-height: 48px; font-size: 16px; color: #0175c2;}
.s-bread>a, .s-bread>span{ display: inline-block; margin: 0 10px; text-transform: uppercase;}
.s-bread>a{ color: #0175c2;}
.s-bread>span{ color: #666;}

/* 公司简介 */
.s-about{ display: flex; justify-content: space-between; align-items: flex-start; background: #f7f7f9;}
.s-about>.slider{ width: 180px;}
.s-about>.slider>ul>li{ height: 48px; line-height: 48px; font-size: 16px; padding: 0 20px; position: relative;}
.s-about>.slider>ul>li::after{ position: absolute; content: ''; left: 0; right: 0; bottom: 0; height: 1px; background: rgba(0, 0, 0, 0.1);}
.s-about>.slider>ul>li>a{ color: #626675;}
.s-about>.slider>ul>li.hov>a,.s-about>.slider>ul>li>a.hov{ color: #0175c2;font-weight:blod;}
.s-about>.content{ width: calc(100% - 180px); min-height: 600px; padding: 20px 30px 60px; background: #FFF; box-sizing: border-box; position: relative;}
.s-about>.content::after{ position: absolute; content: ''; left: 0; top: 0; bottom: 0; width: 1px; background: rgba(0, 0, 0, 0.1);}
.s-about>.content>.about-text{ color: #666; font-size: 18px; line-height: 32px;}
.s-about>.content>.about-logo{ width: 420px; height: 100px; text-indent: -999rem; background: url('../images/logo.jpg'); margin: 20px auto 20px; background-size: cover !important; background-position: 50% 50% !important;}
.s-about>.content>.about-icon{ margin: 0 auto; display: block;}

/* 产品信息 */
.s-goods{ padding: 0 0 40px;}
.s-goods>.category{ width: 100%; margin: 0 auto; overflow: hidden;}
.s-goods>.category>.tab{ height: 60px; display: flex; justify-content: flex-start; align-items: center;}
.s-goods>.category>.tab>.item{ color: #7d7a77; font-size: 16px; font-weight: 600; height: 40px; line-height: 40px; margin: 0 10px; cursor: pointer;}
.s-goods>.category>.tab>.item a{ color: #7d7a77; font-size: 16px; font-weight: 600; height: 40px; line-height: 40px; margin: 0 10px; cursor: pointer;}
.s-goods>.category>.tab>.item-hov{ position: relative; color: #0175c2;}
.s-goods>.category>.tab>.item-hov a{ position: relative; color: #0175c2;}
.s-goods>.category>.tab>.item-hov::after{ position: absolute; content: ''; height: 3px; bottom: 0; left: 0; right: 0; background: #0175c2;}
.s-goods>.category>.con{ position: relative;}
.s-goods>.category>.con>.swiper-button-next, .s-goods>.category>.con>.swiper-button-prev{ background: rgba(0, 0, 0, 0.4); top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); margin-top: unset; z-index: 888; }
.s-goods>.category>.con>.swiper-button-next{ right: 0; background: url('../images/sw-next.png') rgba(0, 0, 0, 0.3); background-size: cover; background-position: 50% 50%;}
.s-goods>.category>.con>.swiper-button-prev{ left: 0; background: url('../images/sw-prev.png') rgba(0, 0, 0, 0.3); background-size: cover; background-position: 50% 50%;}
.s-goods>.category>.box{ display: none;}
/* 产品列表 */
.s-goods>.params{ width: 100%; margin: 30px auto 60px; overflow: hidden;}
.s-goods>.params>.list{ display: flex; flex-wrap: wrap; margin: -30px -15px 0;}
.s-goods>.params>.list>.item{ flex: 0 0 25%; -ms-flex: 0 0 25%; max-width: 25%; box-sizing: border-box; padding: 0 15px; margin: 30px 0 0;}
.s-goods>.params>.list>.item>.box{ height: 340px; cursor: pointer; background-repeat: no-repeat !important; background-position: 50% 50%; background-size: cover !important; position: relative;}
.s-goods>.params>.list>.item>.box>.prev{ display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 130, 60, 0.6); transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; }
.s-goods>.params>.list>.item>.box>.prev::after{ position: absolute; content: ''; width: 48px; height: 48px; background: url('../images/icon-preview.png'); background-size: cover !important; background-position: 50% 50% !important; left: 50%; top: 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%); }
.s-goods>.params>.list>.item>.box:hover>.prev{ display: block; }
/* 滚动内容 */
.category-item{ padding: 5px 5px 0 5px; background:#efeded;}
.category-item>.icon{ width: 150px; height: 108px;}
.category-item>.text{ height: 40px; line-height: 40px; text-align: center; font-size: 16px;}
.gundong{ background: #0175c2;}
.gundong>.text{ color: #FFF;}






/* 页面宽度最大1600px */
@media (max-width: 1600px) {
  
  .container{ width: 1200px;}


  /* 首页产品 */
  .home-goods>.list{ margin: -30px -20px 0;}
  .home-goods>.list>.item{ padding: 0 15px; margin: 30px 0 0;}  
  .home-goods>.list>.item>.box{ height: 280px;}
  .home-goods>.list>.item>.box>.name{ font-size: 24px; height: 64px; line-height: 64px;}
  .home-goods>.list>.item>.box>.icon{ height: 280px;}
  .home-goods>.list>.item>.box>.link{ width: 36px; height: 36px; right: 20px; }
  /* 首页简介 */
  .home-about{ padding: 50px 30px; display: block;}
  .home-about>.icon{ margin: 0 auto 20px;}
  .home-about>.info{ width: 100%; display: block; }
  .home-about>.info>.logo{ margin: 0 auto 10px;}
  .home-about>.info>.name{ text-align: center;}
  .home-about>.info>.text{ padding: 0 20px; color: #666; font-size: 18px;}
  .home-about>.info>.link{ width: 240px; height: 72px; line-height: calc(72px - 4px); font-size: 24px; text-align: center; margin: 0 auto;}


  /* 公司简介 */
  .s-about>.content>.about-text{ font-size: 16px; line-height: 28px;}

  /* 产品信息 */
  .s-goods{ padding: 0 0 40px;}
  .s-goods>.category{ width: 1200px;}
  .s-goods>.params{ width: 1200px; padding: 0;}
  .s-goods>.params>.list{ display: flex; flex-wrap: wrap; margin: -20px -10px 0;}
  .s-goods>.params>.list>.item{  padding: 0 10px; margin: 20px 0 0;}
  .s-goods>.params>.list>.item>.box{ height: 240px; }
  .s-goods>.params>.list>.item>.box>.prev::after{ width: 36px; height: 36px; }

  .category-item>.icon{ width: 150px; height: 100px;}
  .category-item>.text{ height: 40px; line-height: 40px; text-align: center; font-size: 16px;}

}
/* 页面宽度最大1400px */
@media (max-width: 1400px) {
  
  .container{ width: 996px;}

  .header>.wrapper>.logo{ width: 250px; height: 60px;}
  .header>.wrapper>.logo>a{ display: block; width: 250px; height: 60px; }
  .header>.wrapper>.menu>.extend{ margin: 0 20px 0 0;}
  .header>.wrapper>.menu>.extend>.item{height: 36px; padding: 0 10px; margin: 0 15px;}
  .header>.wrapper>.menu>.extend>.item:last-of-type{ margin: 0 0 0 15px;}
  .header>.wrapper>.menu>.extend>.item>a{ line-height: 36px;}
  .header>.wrapper>.menu>.search{ width: 36px; height: 36px;}
  .header>.wrapper>.menu>.search>a.icon-search{ width: 36px; height: 36px; }

  .popup-param>.hide{ width: 48px; height: 48px;}
  .popup-param>.wrap{ max-width: 996px;}
  
  /* 首页产品 */
  .home-goods>.list{ margin: -30px -20px 0;}
  .home-goods>.list>.item{ padding: 0 15px; margin: 30px 0 0;}  
  .home-goods>.list>.item>.box{ height: 200px;}
  .home-goods>.list>.item>.box>.name{ font-size: 18px; height: 48px; line-height: 48px;}
  .home-goods>.list>.item>.box>.icon{ height: 200px;}
  .home-goods>.list>.item>.box>.link{ width: 36px; height: 36px; right: 20px; }
  /* 首页简介 */
  .home-about>.icon{ width: 940px; height: 530px;}
  .home-about>.icon>img{ display: block; width: 940px;}

  /* 产品信息 */
  .s-goods>.category{ width: 996px;}
  .s-goods>.params{ width: 996px;}
  .s-goods>.params>.list>.item>.box{ height: 180px; }
  .s-goods>.params>.list>.item>.box>.prev::after{ width: 32px; height: 32px; }

  .category-item>.icon{ width: 122px; height: 80px;}
  .category-item>.text{ height: 40px; line-height: 40px; text-align: center; font-size: 16px;}

}
/* 页面宽度最大1000px */
@media (max-width: 1000px) {
  
  .container{ width: 100% !important;}
  .pc{ display: none;}
  .mb{ display: block;}


  /* 首页产品 */
  .home-goods>.list{ margin: -0.32rem 0 0;}
  .home-goods>.list>.item{ padding: 0; margin: 0.28rem 0 0; flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%;}
  .home-goods>.list>.item{ padding: 0; margin: 0.28rem 0 0; flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%;}    
  .home-goods>.list>.item>.box{ height: 4rem;}
  .home-goods>.list>.item>.box>.name{ font-size: 0.28rem; height: 0.72rem; line-height: 0.72rem;}
  .home-goods>.list>.item>.box>.icon{ height: 4rem;}
  .home-goods>.list>.item>.box>.link{ width: 0.64rem; height: 0.64rem; right: 0.2rem; }
  
  
  /* 首页简介 */
  .home-about{ padding: 0.28rem 0.2rem; display: block;}
  .home-about>.icon{ margin: 0 auto 0.2rem; width: calc(100vw - 0.4rem); height: unset;}
  .home-about>.icon>img{ width: 100%; display: block;}
  .home-about>.info{ width: 100%; display: block; }
  .home-about>.info>.logo{ margin: 0 auto 0.2rem; width: calc(100vw - 0.4rem); height: 1.4rem;}
  .home-about>.info>.name{ text-align: center; font-size: 0.3rem; font-weight: 600; line-height: 1.2rem; margin: 0;}
  .home-about>.info>.text{ padding: 0; font-size: 0.28rem; line-height: 0.48rem; margin: 0 0 0.32rem;}
  .home-about>.info>.link{ width: 2.8rem; height: 0.8rem; line-height: calc(0.8rem - 4px); padding: 0; font-size: 0.3rem; font-weight: 600;}
  

  /* 页面路径 */
  .s-bread{ height: 0.88rem; line-height: 0.88rem; font-size: 0.28rem;}
  .s-bread>a, .s-bread>span{ margin: 0 0.2rem; }

  /* 公司简介 */
  .s-about{ display: block;}
  .s-about>.slider{ width: 100%;}
  .s-about>.slider>ul{ display: flex;}
  .s-about>.slider>ul>li{ flex: 1; text-align: center; padding: 0; font-size: 0.28rem; height: 0.88rem; line-height: 0.88rem;}
  .s-about>.slider>ul>li.hov>a,.s-about>.slider>ul>li>a.hov{ font-weight: 600;}
  .s-about>.content{ width: unset; box-sizing: border-box; padding: 0.4rem 0.2rem;}
  .s-about>.content>.about-text{ font-size: 0.28rem; line-height: 0.48rem;}
  .s-about>.content>.about-text img{ max-width:100%;}
  .s-about>.content>.about-logo{ margin: 0.2rem auto 0.2rem; width: 100%; height: 2rem; background-size: contain !important; background-position: 50% 50% !important; background-repeat: no-repeat;}
  .s-about>.content>.about-icon{ width: 100%;}
  /* 产品信息 */

  .s-goods{ padding: 0 0 0.48rem;}
  .s-goods>.params{ padding: 0 0.2rem; width: unset;}
  .s-goods>.params>.list{ display: flex; flex-wrap: wrap; margin: -20px -10px 0;}
  .s-goods>.params>.list>.item{ flex: 0 0 50%; -ms-flex: 0 0 50%; max-width: 50%; padding: 0 0.1rem; margin: 0.2rem 0 0;}
  .s-goods>.params>.list>.item>.box{ height: 2.4rem; }
  .s-goods>.params>.list>.item>.box>.prev::after{ width: 0.48rem; height: 0.48rem; }
  
  .s-goods>.category{ width: unset;}
  .s-goods>.category>.tab{ width: 100vw; overflow-x: scroll;}
  .s-goods>.category>.tab>.item{ flex: unset; margin: 0 0.2rem 0 0; flex-shrink: 0; text-align: center;}
  .s-goods>.category>.con{ display: none;}
  .s-goods>.category>.box{ width: 100vw; display: block; display: flex; overflow-x: scroll;}
  .s-goods>.category>.box>.category-item{ margin: 0 0.2rem 0 0; padding: 0;}  


  .category-item>.icon{ width: 2.4rem; height: 1.6rem;}
  .category-item>.text{ height: 0.48rem; line-height: 0.48rem; text-align: center; font-size: 0.28rem;}
  
  .mobile{ display: block; background: #FFF; position: fixed; left: 0; top: 0; right: 0; z-index: 888;}
  .mobile>.wrapper{ height: 1.2rem; display: flex; justify-content: space-between; align-items: center; padding: 0 0.2rem; box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1);}

  .mobile>.wrapper>.logo{ width: 4.8rem; height: 1.2rem;}
  .mobile>.wrapper>.logo>a{ display: block; width: 4.8rem; height: 1.2rem; text-indent: -999rem; background: url('../images/logo.jpg'); background-size: cover !important; background-position: 50% 50% !important;}
  .mobile>.wrapper>.link{ display: flex; justify-content: flex-end; align-items: center;}
  .mobile>.wrapper>.link>.lnk-item{ width: 0.64rem; height: 0.64rem; margin: 0 0.2rem 0 0;}
  .mobile>.wrapper>.link>.lnk-item:last-of-type{ margin: 0;}
  .mobile>.wrapper>.link>.lnk-item>.icon{ width: 0.64rem; height: 0.64rem;}

  .cls-mobile{ height: 1.2rem; display: block;}
  .nav-mobile{ display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 666; padding: 1.2rem 0 0 0; background: rgba(0, 0, 0, 0.2);}  
  .nav-mobile_hov{ display: block;}
  .nav-mobile>.list{ height: 100vh; box-sizing: border-box; top: -100vh; left: 0; right: 0; padding: 1.2rem 0.2rem 0; background: #FFF; position: absolute;}
  .nav-mobile>.list>.item{ height: .88rem; line-height: .88rem; font-size: 0.28rem; position: relative;}
  .nav-mobile>.list>.item::after{ position: absolute; content: ''; left: 0; right: 0; bottom: 0; height: 0.02rem; background: rgba(0, 0, 0, 0.1);}
  .nav-mobile>.list>.item>a{ color: #666; text-decoration: none;}

  .footer{ height: unset; padding: 0.32rem 0;}
  .footer>.wrapper{ font-size: 0.24rem; padding: 0 0.2rem; width: 100% !important; max-width: unset; }
  .footer>.wrapper>.hd{ padding: 0.2rem 0; height: unset; flex-direction: column; align-items: flex-start;}
  .footer>.wrapper>.hd>.info{ margin: 0 0 0.16rem;}
  .footer>.wrapper>.hd>.info>p{ line-height: 0.4rem;}
  .footer>.wrapper>.hd>.code{ width: 2rem; height: 2rem;}
  .footer>.wrapper>.ft{ height: unset; padding: 0.2rem 0;}
  .footer>.wrapper>.ft>.link{ flex-direction: column; align-items: flex-start;}
  .footer>.wrapper>.ft>.link>.lnk{ line-height: 0.4rem; }
  .footer>.wrapper>.ft>.link>.lnk>a{ margin: 0 0.16rem 0 0;}
  .footer>.wrapper>.ft>.link>.icp{ margin: 0.16rem 0; flex-direction: column; justify-content: center;}
  .footer>.wrapper>.ft>.link>.icp>a{ margin: 0; line-height: 0.36rem;}
  .footer>.wrapper>.ft>.copy{ text-align: left;}

  .popup-param>.hide{ width: 0.48rem; height: 0.48rem;}
  .popup-param>.wrap{ max-width: unset; padding: 0.2rem;}
  .popup-param>.wrap>.icon>img{ width: 100%; display: block;}
  .popup-param>.wrap>.lnk-prev, .popup-param>.wrap>.lnk-next{ width: 0.48rem; height: 0.48rem;  border-radius: 0.48rem; -webkit-border-radius: 0.48rem; -moz-border-radius: 0.48rem; -ms-border-radius: 0.48rem; -o-border-radius: 0.48rem;}
  .popup-param>.wrap>.lnk-prev{ left: 0; background: rgba(0, 0, 0, 0.2); }
  .popup-param>.wrap>.lnk-prev::before{ position: absolute; content: ''; background: url('../images/sw-prev.png'); background-position: 50% 50% !important; background-size: cover !important; width: 0.28rem; height: 0.28rem; left: 50%; top: 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%); }
  .popup-param>.wrap>.lnk-next{ right: 0; background: rgba(0, 0, 0, 0.2);}
  .popup-param>.wrap>.lnk-next::before{ position: absolute; content: ''; background: url('../images/sw-next.png'); background-position: 50% 50% !important; background-size: cover !important; width: 0.28rem; height: 0.28rem; left: 50%; top: 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%); }
 
  
  
  
  /* 通用分页 */
  .page-ctrl{ padding: 0.6rem 0;}
  .page-ctrl>.page-nbsp{ width: 0.8rem; height: 0.8rem; line-height: 0.8rem; font-size: 0.32rem; margin: 0 0.02rem;}
  .page-ctrl>.page-item{ min-width: 0.8rem; height: 0.8rem; line-height: 0.8rem; font-size: 0.28rem; margin: 0 0.02rem;}
  .page-ctrl>.page-prev, .page-ctrl>.page-next{ font-size: 0.28rem;}
}