@charset "utf-8";

html{
  font-family: arila, '微软雅黑';
}
.header{
  width: 100%;
  height: 90px;
  background-color: #ffffff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  position: sticky;
  left: 0;
  top: 0;
  z-index: 9999;
}
.header-wrap{
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.logo{
  width: 200px;
  height: 70px;
}
.logo img{
  width: auto;
  height: 100%;
}
.nav{
  width: calc(100% - 150px);
  margin-left: 50px;
  height: 100%;
  border-left: 1px solid #f6f6f6;
}
.nav-top{
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: right;
  border-bottom: 1px solid #f6f6f6;
}
.nav-top a{
  color: #999999;
  font-size: 12px;
  margin-left: 30px;
}
.nav-top a:hover{
  color: #00bfbf;
}
.nav-list{
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.nav-list>li{
  min-width: 130px;
  height: 100%;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nav-list>li>a{
  color: #000000;
}
.nav-list>li>a i.fa{
  color: #999999;
  margin-left: 5px;
  transition: all 0.3s;
}
.nav-list>li:hover>a{
  color: #00bfbf;
}
.nav-list>li:hover>a i.fa{
  transform: rotate(180deg);
}
.sub-wrap{
  width: calc(100vw - var(--scrollbar-width));
  background-color: #ffffff;
  border-top: 1px solid #f6f6f6;
  position: absolute;
  left: 0;
  top: 90px;
  z-index: 10;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  display: none;
  opacity: 0;
  transition: all 0.3s;
}
.sub-wrap.show{
  display: flex;
}
.sub-wrap.opacity{
  opacity: 1;
}
.sub-list{
  width: 30%;
  height: 100%;
  overflow-y: auto;
}
.sub-list .sub-list-item{
  height: 80px;
  border-bottom: 1px solid #f6f6f6;
  position: relative;
}
.sub-list .sub-list-item a{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 30px;
  color: #000000;
  font-size: 16px;
}
.sub-list .sub-list-item::after{
  content: "\f105";
  font: normal normal normal 14px / 1 fontawesome;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translatey(-50%);
  color: #000000;
}
.sub-list .sub-list-item:hover a,
.sub-list .sub-list-item.active a{
  color: #ffffff;
  background-color: #00bfbf;
}
.sub-main{
  width: 70%;
  height: 100%;
  position: relative;
}
.sub-main .sub-main-item{
  width: 100%;
  height: 100%;
  position: relative;
  display: none;
  overflow: hidden;
}
.sub-main .sub-main-item.show{
  display: block;
}
.sub-main .sub-main-item-bg{
  width: 100%;
  height: auto;
}
.sub-main .sub-main-item-bg img{
  width: 100%;
  height: auto;
}
@media screen and (min-width: 3000px){  /* 大屏幕 */
	.sub-main .sub-main-item-bg{
	  width: 100%;
	  height: 65vh;
	}
	.sub-main .sub-main-item-bg img{
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	}
}
.sub-main .sub-main-item-info{
  position: absolute;
  left: 50px;
  top: 50px;
}
.sub-main-list{
  width: 20%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  overflow-y: auto;
}
.sub-main-list a{
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  padding: 0 30px;
  color: #000000;
  font-size: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.sub-main-list a.active{
  color: #ffffff;
  background-color: #00bfbf;
}
.sub-main-item-title{
  font-size: 30px;
  color: #ffffff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.sub-main-item-link{
  font-size: 20px;
  margin-top: 20px;
}
.sub-main-item-link a{
  color: #ffffff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.sub-main-item-link .fa{
  color: #ffffff;
  margin-left: 10px;
  font-size: 26px;
  transition: all 0.3s;
}
.sub-main-item-link a:hover .fa{
  margin-left: 15px;
}
/*产品世界导航样式*/
.nav-products .sub-list .sub-list-item::after{
  display: none;
}
.nav-products .sub-list .sub-list-item a{
  font-size: 16px;
}
.nav-products .sub-list .sub-list-item img{
  width: auto;
  height: 60px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translatey(-50%);
}
.nav-products .sub-wrap{
  height: 700px;
}
.nav-products .sub-list{
  width: 25%
}
.nav-products .sub-main-list{
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
}
.nav-products .sub-main{
  width: 75%;
}
.nav-products .sub-main-product{
  position: absolute;
  left: 20%;
  top: 0;
  right: 0;
  bottom: 0;
}
.nav-products .sub-main-product-item{
  padding: 30px;
  display: none;
}
.nav-products .sub-main-product-item.show{
  display: block;
}
.nav-products .sub-main-product-img{
  width: 100%;
  height: 450px;
  text-align: center;
}
.nav-products .sub-main-product-img img{
  width: auto;
  height: 450px;
  display: inline-block;
}
.nav-products .sub-main-product-parameter{
  width: 100%;
  height: 170px;
  background-color: #ffffff;
  position: relative;
  border-top: 1px solid #eeeeee;
  margin-top: 50px;
}
.nav-products .sub-main-parameter-list{
  display: flex;
  padding: 30px 10px;
}
.nav-products .sub-main-parameter-list li{
  width: 25%;
  border-left: 1px solid #eeeeee;
  padding: 0 20px;
}
.nav-products .sub-main-parameter-list li:first-child{
  border-left: none;
}
.nav-products .sub-main-parameter-list li p{
  font-family: arial;
  font-size: 26px;
  color: #000000;
}
.nav-products .sub-main-parameter-list li em{
  font-size: 16px;
  display: block;
}
.nav-products .sub-main-product-parameter a{
  position: absolute;
  right: 50px;
  bottom: 30px;
  color: #00bfbf;
  font-size: 18px;
}
.nav-products .sub-main-product-parameter a i.fa{
  margin-left: 10px;
}
/*导航新闻*/
.sub-main-news{
  padding: 30px;
}
.sub-main-news-list{
  width: 100%;
  overflow: hidden;
}
.sub-main-news-list li{
  width: calc(50% - 20px);
  height: 360px;
  float: left;
  margin: 0 10px 50px 10px;
  overflow: hidden;
}
.sub-main-news-img{
  width: 45%;
  height: 100%;
  float: left;
  overflow: hidden;
}
.sub-main-news-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}
.sub-main-news-info{
  width: 55%;
  height: 100%;
  float: left;
  padding: 30px;
  background-color: #292929;
}
.sub-main-news-info p{
  font-size: 16px;
  line-height: 30px;
  color: #ffffff;
  height: calc(100% - 50px);
}
.sub-main-news-info span{
  display: inline-block;
  margin-top: 30px;
  font-size: 14px;
  color: #666666;
}
.sub-main-news-list li:hover span{
  color: #00bfbf;
}
.sub-main-news-list li:hover .sub-main-news-img img{
  transform: scale(1.1);
}
/*导航环保信息*/
.sub-main-green{
  overflow: hidden;
}
.sub-main-green .sub-main-list{
  float: left;
}
.sub-main-green-wrap{
  width: 80%;
  float: left;
  position: relative;
}
.sub-main-green-item{
  display: none;
}
.sub-main-green-item.show{
  display: block;
}
/*移动端导航*/
.nav-mobile{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 999;
  padding-right: 50px;
  display: none;
}
.nav-mobile-btn{
  height: 100%;
  position: absolute;
  right: 15px;
  top: 0;
  line-height: 100%;
}
.nav-mobile-btn i{
  font-size: 25px;
  margin-top: 20px;
  color: #000000;
}
.nav-mobile-wrap{
  width: 100%;
  height: calc(100vh - 60px);
  display: none;
  position: absolute;
  left: 0;
  top: 60px;
  z-index: 99;
  background: #ffffff;
  overflow: auto;
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.05);
}
.nav-mobile-list li{
  line-height: 60px;
  padding: 0 20px;
  position: relative;
}
.nav-mobile-list li a{
  width: 100%;
  height: 100%;
  display: block;
  color: #333333;
  border-bottom: 1px solid rgba(0,0,0,0.05);
}
.nav-mobile-list li a img{
  display: inline-block;
}
.nav-mobile-list>li>i{
  height: 30px;
  line-height: 30px;
  font-size: 24px;
  position: absolute;
  right: 20px;
  top: 15px;
  color: #dddddd;
}
.nav-mobile-list>li.active>i{
  transform: rotate(180deg);
}
.nav-mobile-dropdown{
  display: none;
}
/*轮播图*/
.banner{
  width: 100%;
  height: 700px;
  overflow: hidden;
}
.banner-list{
  width: calc(100%   240px);
  height: 100%;
  transform: translatex(-120px);
  display: flex;
  justify-content: space-between;
}
.banner-item{
  height: 100%;
  overflow: hidden;
  transform: skewx(-7deg);
  flex: 1;
  transition: all 0.3s ease-in-out;
}
.banner-item a{
  width: calc(100%   300px);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: skewx(7deg) translatex(-150px);
  position: relative;
  text-align: center;
}
.banner-item a span{
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-size: cover;
  background-position: center center;
  filter: blur(5px);
}
.banner-item a img{
  width: auto;
  height: 100%;
}
.banner-item:hover{
  flex: 4;
}
.banner-mobile{
  display: none;
}
.banner-mobile .swiper{
  height: 500px;
}
.banner-mobile .swiper .swiper-slide img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*首页关于我们*/
.index-about{
  width: 1200px;
  margin: 120px auto 0;
  overflow: hidden;
}
.index-about-left{
  width: 550px;
  float: left;
}
.index-about-left h1{
  font-size: 30px;
  margin-top: 10px;
}
.index-about-left .index-about-content{
  font-size: 16px;
  line-height: 40px;
  text-indent: 2em;
  margin-top: 50px;
}
.index-about-left a{
  padding: 10px 50px;
  border: 1px solid #bbbbbb;
  font-size: 14px;
  color: #333333;
  display: inline-block;
  margin-top: 50px;
  border-radius: 4px;
}
.index-about-left a:hover{
  background-color: #00bfbf;
  color: #ffffff;
}
.index-about-right{
  width: 600px;
  float: right;
}
.index-about-right img{
  width: 100%;
  height: 100%;
  display: block;
}
/*首页销售地图*/
/* .index-sales{
  width: 100%;
  padding: 80px 0;
  margin-top: 100px;
  background-color: #00bfbf;
}
.index-sales-main{
  width: 1200px;
  margin: 0 auto;
}
.index-sales-title{
  font-size: 36px;
  font-weight: 700;
  letter-spacing: 20px;
  text-indent: 20px;
  color: #ffffff;
  text-align: center;
}
.index-sales-info{
  font-size: 24px;
  letter-spacing: 20px;
  text-indent: 20px;
  color: #00bfbf;
  width: 320px;
  height: 50px;
  margin: 20px auto 0;
  border-radius: 25px;
  line-height: 50px;
  background-color: #ffffff;
  text-align: center;
}
.index-sales-map{
  width: 100%;
  margin-top: 30px;
}
.index-sales-map img{
  width: 100%;
  height: auto;
  display: block;
}
#salesmap{
  width: 1200px;
  height: 685px;
  border: none;
  overflow: hidden;
} */
.index-sales{
  width: 100%;
  height: 1200px;
  margin-top: 100px;
  position: relative;
}
.index-sales video, .index-sales img{
  width: 100%;
  height: 1200px;
  object-fit: cover;
}
.index-sales .index-sales-main{
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 100px;
  z-index: 2;
}
.index-sales-title{
  font-size: 36px;
  font-weight: 700;
  letter-spacing: normal;
  text-indent: 20px;
  color: #ffffff;
  text-align: center;
}
.index-sales-info{
  font-size: 24px;
  letter-spacing: normal;
  text-indent: 20px;
  color: #00bfbf;
  width: 320px;
  height: 50px;
  margin: 20px auto 0;
  border-radius: 25px;
  line-height: 50px;
  background-color: #ffffff;
  text-align: center;
}
/*首页合作车型品牌*/
.index-brand{
  width: 100%;
  padding: 80px 0;
  background-color: #00bfbf;
  overflow: hidden;
}
.index-brand-title{
  font-size: 36px;
  font-weight: 700;
  letter-spacing: normal;
  text-indent: 10px;
  color: #ffffff;
  text-align: center;
}
.index-brand-main{
  width: 1200px;
  margin: 70px auto 0;
}
.index-brand-main .swiper{
  width: 100%;
  height: 90px;
  margin-top: 30px;
}
.index-brand-main .swiper .swiper-slide{
  width: 160px;
  height: 90px;
  margin: 0 10px;
}
.index-brand-main .swiper .swiper-slide img{
  width: 100%;
  height: 100%;
  display: block;
}
.index-brand-main .swiper-wrapper{
  -webkit-transition-timing-function: liner;
  transition-timing-function: linear;
}
/*首页产品展示*/
.index-product{
  width: 100%;
  height: 612px;
  background:  center center no-repeat;
  background-size: 100% 100%;
  padding: 100px 0;
  overflow: hidden;
}
.index-product-main{
  width: 100%;
}
.index-product-main .swiper{
  height: 510px;
  position: relative;
}
.index-product-main .swiper-slide{
  height: 100%;
  transition: 300ms;
  transform: scale(0.5);
  opacity: 0.5;
}
.index-product-main .swiper-slide-active,
.swiper-slide-duplicate-active{
  transform: scale(1);
  opacity: 1;
}
.index-product-main .swiper-slide a{
  height: 412px;
  display: flex;
  justify-content: center;
}
.index-product-main .swiper-slide a img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.index-product-main .swiper-slide p{
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  margin-top: 20px;
}
.index-product-main .swiper .swiper-button-prev,
.index-product-main .swiper .swiper-button-next{
  background-color: #00bfbf;
  color: #ffffff;
  --swiper-navigation-size: 30px;
  padding: 30px;
}
.index-product-main .swiper .swiper-button-prev{
  left: 15%;
}
.index-product-main .swiper .swiper-button-next{
  right: 15%;
}
/*首页线下门店*/
.index-store{
  width: 100%;
  height: 450px;
  padding: 80px 0;
  background:  center top no-repeat;
  background-size: cover;
}
.index-store-title{
  font-size: 36px;
  font-weight: 700;
  letter-spacing: normal;
  text-indent: 10px;
  color: #ffffff;
  text-align: center;
}
.index-store-main{
  width: 1200px;
  margin: 70px auto 0;
}
.index-store-select{
  display: flex;
  justify-content: space-between;
}
.index-store-select select{
  width: 32%;
  height: 47px;
  padding: 0 10px;
  border: 1px solid #ffffff;
  color: #ffffff;
  background-color: transparent;
}
.index-store-select option{
  color: #000000;
}
.index-store-btn{
  margin-top: 80px;
  text-align: center;
}
.index-store-btn button{
  background-color: transparent;
  border: none;
  color: #ffffff;
  font-size: 24px;
  cursor: pointer;
}
.index-store-btn button i.fa{
  margin-left: 10px;
  font-size: 26px;
  transition: all 0.3s;
}
.index-store-btn button:hover i.fa{
  margin-left: 15px;
}
/*首页供应商*/
.index-supplier{
  width: 100%;
  padding: 80px 0;
  background-color: #00bfbf;
  overflow: hidden;
}
.index-supplier-title{
  font-size: 36px;
  font-weight: 700;
  letter-spacing: normal;
  text-indent: 10px;
  color: #ffffff;
  text-align: center;
}
.index-supplier-main{
  width: 1200px;
  margin: 70px auto 0;
}
.index-supplier-main .swiper{
  width: 100%;
  height: 90px;
  margin-top: 30px;
}
.index-supplier-main .swiper .swiper-slide{
  width: 160px;
  height: 90px;
  margin: 0 10px;
}
.index-supplier-main .swiper .swiper-slide img{
  width: 100%;
  height: 100%;
  display: block;
}
.index-supplier-main .swiper-wrapper{
  -webkit-transition-timing-function: liner;
  transition-timing-function: linear;
}
/*页尾*/
.footer{
  width: 100%;
  padding: 50px 0;
  background-color: #333333;
}
.footer-wrap{
  width: 1200px;
  margin: 0 auto;
  color: #ffffff;
  display: flex;
  justify-content: space-between;
}
.footer-item-title{
  font-size: 16px;
}
.footer-item-main ul{
  margin-top: 20px;
}
.footer-item-main li{
  margin-top: 15px;
}
.footer-item-main a{
  color: #ffffff;
  font-size: 12px;
}
.footer-item-main a:hover{
  color: #00bfbf;
}
.footer-item-main .footer-contact{
  width: 300px;
  margin-top: 20px;
  overflow: hidden;
}
.footer-item-main dl{
  width: 50%;
  float: left;
  margin-bottom: 20px;
}
.footer-item-main dl dt{
  font-size: 12px;
}
.footer-item-main dl dd{
  font-size: 14px;
}
.footer-item-main .qrcode-list li{
  width: 40px;
  height: 40px;
  float: left;
  margin-right: 15px;
  margin-top: 0;
  background-color: #000000;
  padding: 6px;
  border-radius: 20px;
  position: relative;
  transition: all 0.3s;
}
.footer-item-main .qrcode-list li:hover{
  background-color: #00bfbf;
}
.footer-item-main .qrcode-list li span{
  width: 100%;
  height: 100%;
  display: block;
}
.footer-item-main .qrcode-list li span img{
  width: 100%;
  height: 100%;
}
.footer-item-main .qrcode-list li div{
  width: 100px;
  height: 100px;
  position: absolute;
  left: 50%;
  top: -110px;
  transform: translatex(-50%);
  display: none;
}
.footer-item-main .qrcode-list li div img{
  width: 100%;
  height: 100%;
}
.footer-item-main .qrcode-list li:hover div{
  display: block;
}
.footer-item-main .qrcode p{
  margin-top: 10px;
  font-size: 12px;
}
/*首页门店弹窗*/
.store-popup{
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 99999;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}
.store-popup .store-popup-wrap{
  width: 800px;
  min-height: 400px;
  max-height: 80vh;
  overflow: hidden;
  position: relative;
}
.store-popup-main{
  min-height: 400px;
  max-height: 80vh;
  background-color: #ffffff;
  overflow-y: auto;
  padding: 20px 40px;
}
.store-popup-item{
  padding: 20px 0;
  border-bottom: 1px solid #eeeeee;
}
.store-popup-main h2{
  font-size: 30px;
}
.store-popup-main p{
  font-size: 16px;
  margin-top: 15px;
}
.store-popup-close{
  width: 20px;
  height: 20px;
  color: #000000;
  font-size: 20px;
  position: absolute;
  top: 10px;
  right: 10px;
  text-align: center;
  line-height: 20px;
  cursor: pointer;
}
/*内页*/
.min-banner{
  width: 100%;
  height: auto;
  position: relative;
}
.min-banner img,
.min-banner video{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.min-banner-main{
  width: 1200px;
  position: absolute;
  left: 50%;
  top: 280px;
  transform: translatex(-50%);
}
.min-banner-title{
  font-size: 30px;
  font-weight: 700;
  color: #ffffff;
}
.min-banner-info{
  font-size: 20px;
  color: #ffffff;
  margin-top: 15px;
}
.container{
  margin-bottom: 80px;
}
/*品牌故事*/
.about-wrap{
  background: url(/uploads/image/eimages/about_bg.jpg) center bottom no-repeat;
  background-size: 100% auto;
  padding: 100px 0 600px;
}
.about-main{
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
.about-left{
  width: 150px;
  float: left;
  font-size: 24px;
  font-weight: 700;
}
.about-right{
  width: 950px;
  float: right;
}
.about-content{
  font-size: 16px;
  line-height: 30px;
}
.about-count{
  margin-top: 100px;
  display: flex;
  justify-content: space-between;
}
.about-count-item .about-count-num{
  font-size: 24px;
}
.about-count-item .about-count-num span{
  font-size: 80px;
  font-family: arial;
  margin-right: 5px;
}
.about-count-item p{
  font-size: 18px;
}
/*珠峰大事记*/
.zfdsj-wrap{
  width: 1200px;
  margin: 80px auto 0;
  overflow: hidden;
}
.zfdsj-top{
  font-size: 24px;
  font-weight: 700;
}
.zfdsj-bottom{
  width: 100%;
  padding: 80px 0;
  position: relative;
  overflow: hidden;
}
.zfdsj-bottom .swiper-slide{
  width: 300px;
  height: 380px;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}
.zfdsj-bottom .swiper-button-prev,
.zfdsj-bottom .swiper-button-next{
  background-color: #00bfbf;
  color: #ffffff;
  --swiper-navigation-size: 20px;
  padding: 20px;
}
.zfdsj-bottom .swiper-slide.swiper-slide-active:hover .zfdsj-content{
  top: 0;
  background-color: rgba(0, 191, 191, 0.9);
}
.zfdsj-content{
  width: 100%;
  height: 100%;
  background-color: #00bfbf;
  color: #ffffff;
  padding: 15px 20px;
  transition: all 0.3s;
  position: absolute;
  left: 0;
  top: 76%;
}
.zfdsj-content .zfdsj-time{
  font-size: 24px;
  font-weight: 700;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.zfdsj-content .zfdsj-info{
  font-size: 16px;
  margin-top: 10px;
  height: calc(100% - 72px);
  overflow: hidden;
  opacity: 0;
  transition: all 0.3s;
}
.zfdsj-bottom .swiper-slide.swiper-slide-active:hover .zfdsj-content{
  top: 0;
  background-color: rgba(0, 191, 191, 0.9);
}
.zfdsj-bottom .swiper-slide.swiper-slide-active:hover .zfdsj-content .zfdsj-info{
  opacity: 1;
}
/*珠峰荣誉*/
.zfry-wrap{
  width: 1200px;
  margin: 80px auto 0;
}
.zfry-top{
  font-size: 24px;
  font-weight: 700;
}
.zfry-bottom{
  width: 100%;
  margin-top: 30px;
  position: relative;
  height: 1000px;
  overflow: hidden;
}
.zfry-container{
  max-width: 1200px;
  column-count: 4;
  column-gap: 30px;
  padding: 5px;
}
.zfry-container .zfry-item{
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  margin-bottom: 30px;
  border-radius: 10px;
  padding: 15px;
  overflow: hidden;
}
.zfry-container .zfry-item img{
  width: 100%;
  height: auto;
}
.zfry-more{
  width: 100%;
  height: 100px;
  text-align: center;
  margin-top: -100px;
  position: relative;
  z-index: 2;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 30%);
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.zfry-more a{
  color: #000000;
  border: 1px solid #000000;
  height: 30px;
  line-height: 29px;
  padding: 0 20px;
  border-radius: 15px;
  display: inline-block;
  transition: all 0.3s;
}
.zfry-more a:hover{
  transform: scale(1.1);
}
/*珠峰历程*/
.fzlc-wrap{
  width: 1200px;
  margin: 80px auto 0;
  overflow: hidden;
}
.fzlc-left{
  width: 150px;
  float: left;
  font-size: 24px;
  font-weight: 700;
}
.fzlc-right{
  width: 1000px;
  float: right;
  padding: 80px 0;
  margin-top: 50px;
  position: relative;
}
.fzlc-right .swiper-button-prev,
.fzlc-right .swiper-button-next{
  background-color: #00bfbf;
  color: #ffffff;
  --swiper-navigation-size: 30px;
  padding: 30px;
  transform: translatex(-50%) rotate(90deg);
  left: 50%;
  top: auto;
  margin: 0;
}
.fzlc-right .swiper-button-prev{
  top: 0;
}
.fzlc-right .swiper-button-next{
  right: auto;
  bottom: 0;
}
.fzlc-right .swiper{
  height: 1000px;
  overflow: hidden;
}
.zflc-main{
  display: flex;
}
.zflc-main .zflc-content{
  width: calc(100% - 50px);
  margin-left: 50px;
  padding-left: 50px;
  position: relative;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
}
.zflc-main .zflc-content:before{
  content: "";
  width: 2px;
  background-color: #bbbbbb;
  position: absolute;
  left: 0;
  top: -33px;
  bottom: -81px;
}
.zflc-main .zflc-content:after{
  content: "";
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #00bfbf;
  border: 3px solid #ffffff;
  position: absolute;
  left: -12px;
  top: 50%;
  transform: translatey(-50%);
}
.zflc-main .zflc-content .zflc-time{
  width: 100%;
  font-size: 36px;
  font-weight: 700;
  color: #00bfbf;
}
.zflc-main .zflc-content .zflc-info{
  width: 100%;
  font-size: 16px;
  line-height: 30px;
  margin-top: 10px;
}
/*产品世界*/
.products-banner-swiper{
  height: 100%;
}
.products-banner-swiper .swiper{
  height: 100%;
}
.products-banner-swiper .swiper .swiper-slide img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hot-product{
  position: absolute;
  left: 50%;
  bottom: 15%;
  transform: translatex(-50%);
  text-align: center;
  z-index: 10;
}
.hot-product h2{
  text-align: center;
  font-size: 40px;
  font-weight: 700;
  color: #ffffff;
}
.hot-product p{
  font-size: 22px;
  text-align: center;
  color: #ffffff;
  margin-top: 5px;
}
.hot-product a{
  display: inline-block;
  height: 34px;
  line-height: 34px;
  border-radius: 17px;
  padding: 0 30px;
  background-color: rgba(255, 255, 255, 0.5);
  color: #000000;
  transition: all 0.3s;
  margin-top: 20px;
}
.hot-product a:hover{
  background-color: rgba(255, 255, 255, 1);
}
.products{
  width: 90%;
  margin: 80px auto 0;
}
.products-category{
  width: 1200px;
  padding: 10px 0;
  margin: 0 auto;
  border: 1px solid #dddddd;
  overflow: hidden;
}
.products-category-title{
  width: 150px;
  float: left;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  margin: 3px 0;
}
.products-category-list{
  width: calc(100% - 150px);
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.products-category-list li{
  width: 33.333%;
  text-align: center;
  margin: 5px 0;
}
.products-category-list li a{
  font-size: 14px;
  color: #333333;
}
.products-title{
  text-align: center;
  font-size: 36px;
  font-weight: 700;
  margin-top: 80px;
}
.products-container{
  width: 100%;
  position: relative;
  margin-top: 50px;
  overflow: hidden;
}
.products-container-item{
  width: 1200px;
  margin: 0 auto;
  position: relative;
  transition: all 0.3s;
}
.products-container-two{
  transform: translatex(-300px);
  margin-top: -540px;
}
.products-container-three{
  transform: translatex(300px);
  margin-top: -430px;
}
.products-container-item .products-wrap{
  position: relative;
}
.products-container-one .products-wrap{
  background:  center center repeat-y;
  background-size: 100%;
  min-height: 620px;
  top: -26px;
}
.products-container-one .products-wrap::before{
  content: "";
  width: 1200px;
  height: 16px;
  background:  center top no-repeat;
  position: absolute;
  left: 0;
  margin-top: -16px;
}
.products-container-one .products-wrap::after{
  content: "";
  width: 1200px;
  height: 10px;
  background:  center bottom no-repeat;
  position: absolute;
  left: 0;
  bottom: -10px;
}
.products-container-two .products-wrap{
  background:  center center repeat-y;
  background-size: 100%;
  min-height: 530px;
  top: -26px;
}
.products-container-two .products-wrap::before{
  content: "";
  width: 1200px;
  height: 21px;
  background:  center top no-repeat;
  position: absolute;
  left: 0;
  top: -21px;
}
.products-container-two .products-wrap::after{
  content: "";
  width: 1200px;
  height: 10px;
  background:  center bottom no-repeat;
  position: absolute;
  left: 0;
  bottom: -10px;
}
.products-container-three .products-wrap{
  background:  center center repeat-y;
  background-size: 100%;
  min-height: 200px;
  top: -26px;
}
.products-container-three .products-wrap::before{
  content: "";
  width: 1200px;
  height: 31px;
  background:  center top no-repeat;
  position: absolute;
  left: 0;
  margin-top: -31px;
}
.products-container-three .products-wrap::after{
  content: "";
  width: 1200px;
  height: 10px;
  background:  center bottom no-repeat;
  position: absolute;
  left: 0;
  bottom: -10px;
}
.products-container-list{
  width: 100%;
  height: 210px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
}
.products-container-list li{
  height: 210px;
  margin: 0 30px;
}
.products-container-list li img{
  height: 100%;
  object-fit: cover;
}
.products-wrap-info{
  color: #000000;
  margin-top: 20px;
}
.products-container-one .products-wrap-info{
  padding-top: 16px;
  text-align: right;
  padding-right: 30px;
}
.products-container-two .products-wrap-info{
  padding-top: 21px;
  padding-left: 330px;
}
.products-container-three .products-wrap-info{
  padding-top: 31px;
  text-align: right;
  padding-right: 330px;
}
.products-wrap-info h2{
  font-size: 30px;
  font-weight: 700;
}
.products-wrap-info a{
  color: #000000;
  border: 1px solid #000000;
  height: 30px;
  line-height: 29px;
  padding: 0 20px;
  border-radius: 15px;
  display: inline-block;
  margin-top: 10px;
  transition: all 0.3s;
}
.products-wrap-info a:hover{
  transform: scale(1.1);
}
.products-wrap-show{
  width: 100%;
  display: none;
  opacity: 0;
  transition: all 0.3s;
}
.products-container-one .products-wrap-show{
  padding-bottom: 550px;
}
.products-container-two .products-wrap-show{
  padding-bottom: 450px;
}
.products-wrap-list{
  padding: 15px;
}
.products-wrap-list ul{
  width: 100%;
}
.products-wrap-list li{
  width: 310px;
  height: 251px;
  margin: 40px;
  float: left;
}
.products-wrap-list li a{
  width: 310px;
  height: 220px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.products-wrap-list li a img{
  vertical-align: middle;
  transition: all 0.3s;
}
.products-wrap-list li p{
  text-align: center;
  font-size: 16px;
  margin-top: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.products-container-three .products-wrap-list li p{
  color: #ffffff;
}
.products-wrap-list li:hover img{
  transform: scale(1.1);
}
.products-container-item.show{
  transform: translatex(0);
}
.products-container-item.show .products-wrap-info h2{
  text-align: center;
}
.products-container-item.show .products-show-more{
  display: none;
}
.products-container-item.show .products-wrap-info{
  padding-left: 0;
  padding-right: 0;
}
.products-container-item.show .products-wrap-show{
  display: block;
}
.products-container-item.visible .products-wrap-show{
  opacity: 1;
}
/*产品详情*/
.banner-product-title{
  font-size: 80px;
  color: #ffffff;
}
.banner-product-info{
  font-size: 30px;
  color: #ffffff;
}
.product-show{
  padding: 150px 0 80px;
  background-color: #00bfbf;
}
.product-wrap{
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.product-parameter{
  width: 100px;
}
.product-parameter .product-parameter-item{
  text-align: center;
  color: #ffffff;
  line-height: 1;
  margin: 30px 0;
}
.product-parameter .product-parameter-item span{
  display: block;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
}
.product-parameter .product-parameter-item p{
  font-size: 30px;
  font-weight: 700;
  margin-top: 5px;
}
.product-parameter .product-parameter-item em{
  display: block;
  font-size: 14px;
  margin-top: 10px;
  color: rgba(255, 255, 255, 0.8);
}

.product-pic{
  width: 940px;
  height: 600px;
  flex: 1;
  position: relative;
}
.product-pic-wrap{
  width: calc(100% - 80px);
  margin: 0 auto;
  height: 100%;
  position: relative;
  z-index: 2;
}
.product-pic-item{
  width: 100%;
  height: 100%;
  display: none;
}
.product-pic-item.show{
  display: block;
}
.product-pic-item .product-pic-360{
  width: 100%;
  height: 100%;
}
.product-pic-item .product-pic-360 img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.rollerblade-img{	
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}
.rollerblade-drag{
  cursor: , auto;
}
.product-pic p{
  width: 100%;
  font-size: 100px;
  line-height: 1;
  color: #ffffff;
  opacity: 0.3;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.product-info{
  width: 120px;
}
.product-color .product-color-item{
  margin: 30px 0;
  display: flex;
  align-items: center;
}
.product-color .product-color-item span{
  width: 40px;
  height: 40px;
  border-radius: 20px;
  margin-right: 10px;
  border: 1px solid #333333;
  display: inline-block;
  cursor: pointer;
  transition: all 0.3s;
}
.product-color .product-color-item p{
  font-size: 20px;
  text-align: center;
  margin-top: 10px;
}
.product-color .product-color-item:hover span{
  transform: scale(1.1);
}
.product-price{
  margin-top: 40px;
}
.product-price p{
  font-size: 40px;
  font-family: arial, helvetica, sans-serif;
  line-height: 1;
}
.product-price span{
  font-size: 16px;
  display: block;
}
.product-price em{
  font-size: 12px;
  color: #7b7b7b;
  display: block;
  white-space: nowrap;
  margin-top: 5px;
}
.products-tips{
  text-align: center;
  font-size: 16px;
  margin-top: 50px;
  color: #444444;
}
.product-content{
  width: 1200px;
  margin: 0 auto;
  padding: 100px 0;
}
.product-content-swiper-thumbs{
  margin-bottom: 10px;
}
.product-content-swiper-thumbs .swiper-slide{
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  text-align: center;
}
.product-content-swiper-thumbs .swiper-slide p{
  padding: 10px 0;
  display: inline-block;
}
.product-content-swiper-thumbs .swiper-slide-thumb-active p{
  border-bottom: 4px solid #00bfbf;
}
.product-content-swiper{
  width: 100%;
  position: relative;
  border: 1px solid #f5f5f5;
}
.product-content-swiper .swiper-slide{
  height: 700px;
  background-color: #ffffff;
  overflow: hidden;
}
.product-content-img{
  width: 100%;
  height: 100%;
  background-color: #aaaaaa;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  float: left;
}
.product-content-info{
  color: #ffffff;
  position: absolute;
  left: 50px;
  top: 0;
  padding: 40px;
  line-height: 1;
  opacity: 0;
  transition: all 0.3s;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  width: 30%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.product-content-swiper .swiper-slide.info-active .product-content-info{
  left: 0;
  opacity: 1;
}
.product-content-info h2{
  font-size: 40px;
  font-weight: normal;
}
.product-content-info p{
  font-size: 24px;
  line-height: 34px;
  margin-top: 20px;
}
.product-content-swiper .swiper-button-prev,
.product-content-swiper .swiper-button-next{
  background-color: #ffffff;
  color: #000000;
  --swiper-navigation-size: 16px;
  padding: 16px;
  border-radius: 50%;
  left: auto;
  right: 20px;
}
.product-content-swiper .swiper-button-prev{
  transform: translatey(-40px);
}

.product-profile{
  width: 100%;
  background-color: #00bfbf;
}
.product-profile-wrap{
  width: 1200px;
  margin: 0 auto;
  padding: 80px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.product-profile-item{
  margin-bottom: 50px;
  overflow: hidden;
}
.product-profile-img{
  width: 50%;
  height: 400px;
  float: left;
}
.product-profile-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-profile-info{
  width: 50%;
  padding: 30px 0 0 50px;
  float: right;
  color: #ffffff;
}
.product-profile-info-title{
  font-size: 24px;
  font-weight: 700;
}
.product-profile-info-content{
  font-size: 18px;
  line-height: 30px;
  margin-top: 20px;
}
.product-profile-item:nth-child(even) .product-profile-img{
  float: right;
}
.product-profile-item:nth-child(even) .product-profile-info{
  float: left;
  padding: 30px 50px 0 0;
}

.product-spec{
  width: 1200px;
  margin: 100px auto;
}
.product-spec-title{
  font-size: 24px;
  text-align: center;
}
.product-spec-category{
  width: 100%;
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-spec-category-item{
  margin: 20px;
  font-size: 16px;
  cursor: pointer;
}
.product-spec-category-item.active{
  color: #00bfbf;
}
.product-spec-wrap{
  margin-top: 20px;
  overflow: hidden;
}
.product-spec-pic{
  width: 40%;
  float: left;
}
.product-spec-pic img{
  width: 100%;
  height: auto;
}
.product-spec-main{
  width: calc(60% - 50px);
  margin-left: 50px;
  float: left;
}
.product-spec-table{
  display: none;
}
.product-spec-table.show{
  display: block;
}
.product-spec-table table{
  width: 100%;
}
.product-spec-table table td{
  padding: 15px 20px;
  font-size: 14px;
}
.product-spec-table table tr:nth-child(odd){
  background-color: #f9f9f9;
}
.product-spec-table table td.table-title{
  font-weight: 700;
  width: 200px;
}

/*新闻资讯*/
.news-panel{
  margin-top: 80px;
}
.news-panel-title{
  text-align: center;
  font-size: 36px;
  font-weight: 700;
}
.news-panel-time{
  text-align: center;
  margin-top: 20px;
}
.news-panel-time span{
  font-size: 16px;
}
.news-panel-time select{
  margin-left: 10px;
  width: 320px;
  height: 40px;
  border: 1px solid #333333;
  padding: 0 10px;
}
.zfdt-list{
  width: 1350px;
  margin: 50px auto 0;
  overflow: hidden;
  position: relative;
}
.zfdt-list .zfdt-swiper{
  width: calc(100% - 150px);
  margin: 0 auto;
}
.zfdt-list .zfdt-swiper .swiper-slide{
  overflow: hidden;
}
.zfdt-list .swiper-button-prev,
.zfdt-list .swiper-button-next{
  background-color: #00bfbf;
  color: #ffffff;
  --swiper-navigation-size: 30px;
  padding: 30px;
}
.zfdt-item{
  width: calc(33.333% - 30px);
  float: left;
  height: 350px;
  margin: 15px;
}
.zfdt-pic{
  width: 100%;
  height: 250px;
  overflow: hidden;
}
.zfdt-pic img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}
.zfdt-title{
  font-size: 20px;
  font-weight: 700;
  color: #333333;
  margin-top: 10px;
  height: 52px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 限制显示的行数 */
  overflow: hidden;
  text-overflow: ellipsis;
}
.zfdt-time{
  font-size: 14px;
  margin-top: 9px;
  color: #333333;
}
.zfdt-list .zfdt-swiper .swiper-slide .zfdt-item:hover .zfdt-pic img{
  transform: scale(1.1);
}
.zfdt-list .zfdt-swiper .swiper-slide .zfdt-item:hover .zfdt-title{
  color: #00bfbf;
}
/*视频集锦*/
.spjj-list{
  width: 1350px;
  margin: 20px auto 0;
  overflow: hidden;
  position: relative;
}
.spjj-list .spjj-swiper{
  width: calc(100% - 150px);
  margin: 0 auto;
}
.spjj-list .spjj-swiper .swiper-slide{
  overflow: hidden;
}
.spjj-list .swiper-button-prev,
.spjj-list .swiper-button-next{
  background-color: #00bfbf;
  color: #ffffff;
  --swiper-navigation-size: 30px;
  padding: 30px;
}
.spjj-item{
  width: calc(33.333% - 30px);
  float: left;
  height: 250px;
  margin: 15px;
  position: relative;
}
.spjj-pic{
  width: 100%;
  height: 250px;
  overflow: hidden;
}
.spjj-pic img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}
.spjj-info{
  width: 80%;
  height: 100%;
  padding: 40px;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  color: #ffffff;
}
.spjj-info span{
  display: block;
  font-size: 14px;
  font-weight: 700;
}
.spjj-info p{
  font-size: 16px;
  font-weight: 700;
  margin-top: 5px;
  height: 150px;
}
.spjj-info em{
  font-size: 14px;
  color: #00bfbf;
}
.spjj-list .spjj-swiper .swiper-slide .spjj-item:hover .spjj-pic img{
  transform: scale(1.1);
}
/*促销活动*/
.cxhd-list{
  width: 1200px;
  margin: 20px auto 0;
  overflow: hidden;
  position: relative;
}
.cxhd-item{
  width: calc(50% - 30px);
  float: left;
  height: 400px;
  margin: 15px;
  border: 1px solid transparent;
  position: relative;
  overflow: hidden;
}
.cxhd-pic{
  width: 50%;
  height: 100%;
  border: 20px solid #00bfbf;
  float: left;
  overflow: hidden;
}
.cxhd-pic img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}
.cxhd-info{
  width: 50%;
  padding: 30px 20px;
  color: #333333;
  float: left;
}
.cxhd-info p{
  font-size: 30px;
  font-weight: 700;
  height: 300px;
}
.cxhd-info span{
  display: block;
  font-size: 18px;
}
.cxhd-item:hover{
  border-color: #00bfbf;
}
.cxhd-item:hover .cxhd-pic img{
  transform: scale(1.1);
}
.cxhd-item:hover .cxhd-info p{
  color: #00bfbf;
}
/*服务支持*/
.service-panel{
  margin-top: 80px;
}
.service-panel-title{
  text-align: center;
  font-size: 36px;
  font-weight: 700;
}
/*售后服务*/
.shfw-wrap{
  width: 1200px;
  margin: 30px auto 0;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 80px;
}
.shfw-wrap-item{
  width: 100%;
  margin-bottom: 20px;
}
.shfw-wrap-label{
  font-size: 14px;
  margin: 0 10px;
}
.shfw-wrap-input{
  width: 100%;
  margin-top: 10px;
  overflow: hidden;
}
.shfw-wrap-input input{
  width: calc(33.333% - 20px);
  margin: 0 10px 15px;
  border: 1px solid #bbbbbb;
  padding: 10px;
  float: left;
  font-family: helvetica neue, helvetica, pingfang sc, tahoma, arial, sans-serif;
}
.shfw-wrap-input textarea{
  width: calc(100% - 20px);
  margin: 0 10px;
  border: 1px solid #bbbbbb;
  padding: 10px;
  font-family: helvetica neue, helvetica, pingfang sc, tahoma, arial, sans-serif;
}
.shfw-tips{
  margin: 0 10px;
  font-size: 14px;
  color: #999999;
}
.shfw-btn{
  text-align: center;
  margin-top: 30px;
}
.shfw-btn button{
  width: 140px;
  height: 40px;
  background-color: #00bfbf;
  color: #ffffff;
  cursor: pointer;
  border-radius: 4px;
}
/*保修政策*/
.bxzc-wrap{
  width: 1200px;
  margin: 30px auto 0;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 80px;
}
.bxzc-item{
  margin-bottom: 30px;
  overflow: hidden;
}
.bxzc-img{
  width: 50%;
  height: 400px;
  float: left;
}
.bxzc-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bxzc-info{
  width: 50%;
  padding: 30px 0 0 50px;
  float: right;
}
.bxzc-info-title{
  font-size: 24px;
  font-weight: 700;
}
.bxzc-info-content{
  font-size: 18px;
  line-height: 30px;
  margin-top: 20px;
}
.bxzc-item:nth-child(even) .bxzc-img{
  float: right;
}
.bxzc-item:nth-child(even) .bxzc-info{
  float: left;
  padding: 30px 50px 0 0;
}
/*服务点查询*/
.fwdcx-wrap{
  width: 1200px;
  margin: 30px auto 0;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 80px;
}
.fwdcx-store-select{
  display: flex;
  justify-content: space-between;
}
.fwdcx-store-select select{
  width: 32%;
  height: 47px;
  padding: 0 10px;
  border: 1px solid #dddddd;
  color: #333333;
  background-color: transparent;
}
.fwdcx-store-select option{
  color: #333333;
}
.fwdcx-store-btn{
  margin-top: 30px;
  text-align: center;
}
.fwdcx-store-btn button{
  width: 140px;
  height: 40px;
  background-color: #00bfbf;
  color: #ffffff;
  cursor: pointer;
  border-radius: 4px;
}
/*保养知识*/
.byzs-list{
  width: 1350px;
  margin: 20px auto 0;
  overflow: hidden;
  position: relative;
}
.byzs-list .byzs-swiper{
  width: calc(100% - 150px);
  margin: 0 auto;
}
.byzs-list .byzs-swiper .swiper-slide{
  overflow: hidden;
}
.byzs-list .swiper-button-prev,
.byzs-list .swiper-button-next{
  background-color: #00bfbf;
  color: #ffffff;
  --swiper-navigation-size: 30px;
  padding: 30px;
}
.byzs-item{
  width: calc(33.333% - 30px);
  float: left;
  height: 300px;
  margin: 15px;
  position: relative;
}
.byzs-pic{
  width: 100%;
  height: 300px;
  overflow: hidden;
}
.byzs-pic img{
  width: 100%;
  height: 300px;
  object-fit: cover;
  transition: all 0.3s;
}
.byzs-info{
  width: 80%;
  height: 100%;
  padding: 40px;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  color: #ffffff;
}
.byzs-info span{
  display: block;
  font-size: 14px;
  font-weight: 700;
}
.byzs-info p{
  font-size: 16px;
  font-weight: 700;
  margin-top: 5px;
  height: 150px;
}
.byzs-info em{
  font-size: 14px;
  color: #00bfbf;
}
.byzs-list .byzs-swiper .swiper-slide .byzs-item:hover .byzs-pic img{
  transform: scale(1.1);
}
/*环保信息*/
.green-panel{
  margin-top: 80px;
}
.green-panel-title{
  text-align: center;
  font-size: 36px;
  font-weight: 700;
}
.green-wrap{
  width: 1200px;
  margin: 50px auto 0;
  overflow: hidden;
}
.green-list li{
  height: 60px;
  line-height: 60px;
  border-bottom: 1px dashed #d7d7d7;
  position: relative;
}
.green-list li a{
  color: #333333;
  font-size: 16px;
  width: 100%;
  display: block;
}
.green-list li a span{
  width: calc(100% - 110px);
  display: inline-block;
  padding: 0 10px;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.green-list li a em{
  width: 100px;
  display: inline-block;
  text-align: right;
  color: #999;
}
.green-list li a:hover span{
  color: #00bfbf;
}
.green-show-wrap{
  width: 1200px;
  margin: 50px auto 0;
}
.green-show-title{
  font-size: 24px;
  text-align: center;
  margin-bottom: 20px;
}
.green-show-info{
  text-align: center;
  font-size: 14px;
  color: #999;
  margin-bottom: 30px;
}
.green-show-main{
  font-size: 16px;
  line-height: 30px;
}
/*右侧图标*/
.mini-tools{
  position: fixed;
  right: 0;
  bottom: 100px;
  z-index: 10;
}
.mini-tools .mini-link{
  width: 80px;
  height: 80px;
  background-color: #333333;
  margin-top: 10px;
  padding: 10px 0;
  border-radius: 4px;
  transition: all 0.3s;
}
.mini-tools .mini-link img{
  width: 40px;
  height: 40px;
  margin: 0 auto;
}
.mini-tools .mini-link p{
  text-align: center;
  color: #ffffff;
  font-size: 12px;
  margin-top: 5px;
}
.mini-tools .mini-totop{
  width: 80px;
  height: 60px;
  background-color: #333333;
  margin-top: 10px;
  line-height: 60px;
  text-align: center;
  color: #ffffff;
  font-size: 24px;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.3s;
}
.mini-tools .mini-link:hover{
  transform: scale(1.1);
  border-radius: 10px;
  background-color: #00bfbf;
}
.mini-tools .mini-totop:hover{
  transform: scale(1.1);
  border-radius: 10px;
  background-color: #00bfbf;
}
/*页码*/
.page{
  color: #666666;
  text-align: center;
  height: 32px;
  margin-top: 30px;
  vertical-align: middle;
}
.page span,
.page a{
  padding: 0 10px;
  height: 32px;
  display: inline-block;
  line-height: 32px;
  border: #f0eeef 1px solid;
  margin: 0 3px;
  color: #d3d3d3;
  background: #ffffff;
  vertical-align: middle;
}
.page a{
  border: #00bfbf 1px solid;
  color: #ffffff;
  background: #00bfbf;
}
.page a:hover{
  opacity: 0.9;
}