body{
  padding-bottom: 78px;
}

body.index{
  background-color: #f2f2f3;
}

/* 页面公共 */
.page-container{
  min-height:calc(100vh - 60px);
}

/* 首页板块标题 */
.index-plate-title{
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 10px;
  padding-bottom: 16px;
  padding-left: 20px;
}

.index-plate-title.index-news-title{
  background: #fff;
}

.index-plate-title h2{
  position: relative;
}

.index-plate-title h2::before{
  content: "";
  width: 2px;
  height: 110%;
  background-color: #df37a2;
  position: absolute;
  top: 0;
  left: -7px;
}

.index-plate-title a span{
  font-size: 14px;
  color: #6f6f6f;
}

.index-plate-title a img{
  width: 6px;
}

/* 首页头部 */
.index-header{
  width: 100%;
  min-height: 60px;
  height: 11.458333vw;
  /* background: linear-gradient(0deg, #22262A, #3B4044); */
  background-color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}

.header-content{
  display: flex;
  align-items: center;
}

.index-header img, .page-header .header-menu img{
  width: 36px;
  height: 36px;
}

.index-header h1, .page-header .header-menu h1{
  display: flex;
  flex-direction: column;
  margin-left: 6px;
  color: #fff;
}

.index-header .cn-site-name, .page-header .header-menu .cn-site-name{
  font-size: 16px;
  font-weight: bold;
}

.index-header .en-site-name, .page-header .header-menu .en-site-name{
  margin-top: 4px;
  font-size: 8px;
}

.page-header .page-category{
  width: 21.875vw;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  transition: all .2s;
  /* padding: 0 20px; */
  /* background-color: #df37a2; */
}

.page-header .page-category.show{
  background-color: #df37a2;
}

.page-header .page-category span{
  font-size: 14px;
  color: #000;
  font-weight: 600;
}

.page-header .page-category img{
  /* width: 28px; */
  width: 8vw;
  margin-left: 4px;
}

.header-menu-btn{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  width: 26px;
  height: 26px;
  cursor: pointer;
}

.header-menu{
  position: absolute;
  top: 0;
  left: 0;
  width: 80vw;
  height: 100vh;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  z-index: 10;
  transform: translateX(-100%);
  transition: all .5s ease;
}

.header-menu .header-menu-title{
  position:relative;
  display: flex;
  align-items: flex-end;
  width: 100%;
  height: 34.79vw;
  background-color: #484d53;
  color: #fff;
  z-index: 10;
}

.header-menu .header-menu-title .switch-lang{
  position: absolute;
  top: 0;
  right: 0;
  text-decoration: underline;
  padding: 10px;
  font-size: 16px;
  color: #fff;
}

.header-menu .header-menu-title img{
  margin-left: 10px;
  margin-bottom: 28px;
}

.header-menu .header-menu-title h1{
  margin-bottom: 28px;
}

.header-menu .header-menu-list{
  flex: 1;
  z-index: 10;
}

.header-menu .header-menu-list li{
  border-bottom: solid 1px #f1f2f2;
  box-sizing: border-box;
  padding: 20px;
}

.header-menu .header-menu-list li a{
  display: flex;
  align-items: center;
}

.header-menu .header-menu-list li a img{
  width: 26px;
  height: 26px;
}

.header-menu .header-menu-list li a span{
  color: #000;
  font-size: 16px;
  margin-left: 16px;
}

.header-menu-mask{
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,.28);
  z-index: -100;
}

/* 页面头部 */
.page-header{
  width: 100%;
  min-height: 60px;
  height: 11.458333vw;
  /* background: linear-gradient(0deg, #22262A, #3B4044); */
  background-color: #000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  box-sizing: border-box;
  padding: 0 20px;
  padding-right: 0;
}

.page-header .page-back img{
  width: 5vw;
}

.page-header h1{
  font-size: 16px;
  color: #fff;
  font-weight: bold;
}
.page-header .page-home img{
  width: 5vw;
}

/* 页面搜索框 */
.page-search{
  box-sizing: border-box;
  padding: 10px 0;
  width: 100%;
  background-color: #fff;
  box-shadow: 1px 0 8px 0 rgba(0,0,0,.2);
}

.page-search .search-bar {
  border: solid 1px #c0c2c4;
  width: 70%;
}

/* 页面导航菜单 */
.page-menu{
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 7.9vw;
  /* background-color: #eceeee; */
  background-color: #dedede;
  /* background-color: #df37a2; */
  /* border: solid 1px #dcddde; */
  /* border: solid 1px #d8c0ae; */
  z-index: 3;
}

.page-menu .page-menu-btn{
  position: absolute;
  top: 0;
  right: 0;
  width: 21.875vw;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #df37a2;
  /* border-left: solid 1px #dcddde; */
  /* border-left: solid 1px #ccc; */
  border-left: solid 1px #d8c0ae;
  box-sizing: border-box;
  display: none;
}

.page-menu .page-menu-btn .page-menu-btn-text{
  font-size: 14px;
  font-weight: 600;
}

.page-menu .page-menu-btn img{
    width: 4vw;
    margin-left: 1vw;
}

.page-menu .page-menu-list, .page-category .page-menu-list{
  width: 60vw;
  position: absolute;
  top: 7.9vw;
  right: 0;
  /* background-color: #f1f2f2; */
  /* background-color: #dedede; */
  background-color: #df37a2c2;
  /* border: solid 1px #dcddde; */
  box-sizing: border-box;
  opacity: 0;
  transform-origin: 50% 0 0;
  transform: scale(0);
  z-index: -1;
  transition: all .2s 0s ease;
}

.page-category .page-menu-list {
  top: 100%;
}

.page-menu .page-menu-list.show, .page-category .page-menu-list.show{
  opacity: 1;
  transform-origin: 50% 0 0;
  transform: scale(1);
  z-index: 5;
}

.page-menu .page-menu-list li, .page-category .page-menu-list li{
  min-height: 7.9vw;
  box-sizing: border-box;
  /* border-bottom: solid 1px #dcddde; */
  padding: 6px 8px;
}

.page-menu .page-menu-list li:last-child, .page-category .page-menu-list li:last-child{
  border-bottom: none;
}

.page-menu .page-menu-list li a, .page-category .page-menu-list li a{
  width: 100%;
  min-height: 7.9vw;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  /* color: #6f6f6f; */
  color: #333;
  text-align: center;
  line-height: 1.5;
}

.page-menu .page-menu-list li a:visited, .page-category .page-menu-list li a:visited{
  /* color: #6f6f6f; */
  color: #333;
}

/* 首页产品推荐列表 */
.recom-product-list{
  margin: 30px 0;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  width: 100%;
  padding:0 11px;
}

.recom-product-list li{
  margin-bottom: 16px;
  width: 33.33%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.recom-product-list li a{
  
}

.recom-product-list li a img{
  position: relative;
  height: 20.8333vw;
  width: auto;
}

.recom-product-list li a div {
  width: 26vw;
  height: 26vw;
  background-color: #e1e1e1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

.recom-product-list li a h3{
  width: 26vw;
  margin-top: 10px;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  text-align: center;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}

.recom-product-list li a span{
  margin-top: 6px;
  display: block;
  font-size: 14px;
  color: #df37a2;
  text-align: center;
  width: 26vw;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}

/* 首页关于我们横幅 */
.index-about-us{
  padding-bottom: 50px;
  background: #fff;
  display: block;
  width: 100%;
  height: 51vw;
}

.index-about-us img{
  width: 100%;
  height: 100%;
}

/* 首页新闻动态 */
.index-news-swiper{
  width: 100%;
  height: 56vw;
  padding-bottom: 40px !important;
  background: #fff;
}

.index-news-swiper-pagination{
  position: absolute;
  z-index: 10;
  display: flex;
  justify-content: center;
  bottom: 12px !important;
}

.index-news-swiper-pagination .swiper-pagination-bullet {
  width: 8px !important;
  height: 8px !important;
  background: #fff !important;
  opacity: 1 !important;
  margin: 0 4px !important;
  transition: all .5s ease;
  border: solid 1px #ccc;
}

.index-news-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
  transform: scale(1.3);
}
.index-news-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .child-dot {
  visibility: visible;
}

.index-news-swiper-pagination .child-dot{
  visibility: hidden;
  transform: scale(1);
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #df37a2;
}

.index-news-swiper .news-title{
  width: 100%;
  height: 12.5vw;
  background-color: rgba(0, 0, 0, .15);
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-weight: bold;
  box-sizing: border-box;
  padding: 0 12px;
  line-height: 1.2;
  text-align: center;
}

.index-news-swiper .news-title h3{
  display: -webkit-box;    
  -webkit-box-orient: vertical;    
  -webkit-line-clamp: 2;    
  overflow: hidden;
}

.index-news-swiper a{
  display: block;
  width: 100%;
  height: 100%;
}

.index-news-list {
  background: #fff;
  padding-bottom: 10px;
}

.index-news-list li{
  margin-bottom: 30px;
  display: flex;
  box-sizing: border-box;
  padding-left: 3.2vw;
  padding-right: 5.5vw;
}

.index-news-list a{
  position: relative;
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.index-news-list a > img{
  position: relative;
  width: 25vw;
  height: 25vw;
}
.index-news-list a > img+span {
  display: inline-block;
  width: 25vw;
  height: 25vw;
  position: absolute;
  top: 0;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.index-news-list a > div{
  box-sizing: border-box;
  width: 63.4375vw;
  padding: 6px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.index-news-list a > div h3{
  font-size: 16px;
  font-weight: 500;
  display: -webkit-box;    
  -webkit-box-orient: vertical;    
  -webkit-line-clamp: 2;    
  overflow: hidden;
  line-height: 1.3;
}
.index-news-list a > div p{
  font-size: 14px;
  color: #a9a9a9;
  overflow: hidden;    
  text-overflow:ellipsis;    
  white-space: nowrap;
}

.index-news-list a .news-info{
  display: flex;
}
.index-news-list a .news-info div span{
  font-size: 12px;
  vertical-align: bottom;
  display: inline-block;
}

.index-news-list a .news-info div:nth-child(1) img{
  width: 14px;
  height: 14px;
  vertical-align: bottom;
}

.index-news-list a .news-info div:nth-child(2) img{
  width: 16px;
  height: 12px;
  margin-left: 16px;
  vertical-align: bottom;
}

.index-news-list a .news-info div:nth-child(3) img{
  width: 14px;
  height: 14px;
  margin-left: 16px;
  vertical-align: bottom;
}

/*========顶部横幅============*/
.index-swiper{
  margin-bottom: 10px;
  height: 42.875vw;
}

.index-swiper-button-next, .index-swiper-button-prev{
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  /* width: 26px;
  height: 37px; */
  width: 13px;
  height: 24px;
  z-index: 20;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.index-swiper-button-next{
  background-image: url(../images/ntr.png);
  right: 22px;
  background-size: 13px auto;
  outline: none;
}

.index-swiper-button-prev{
  background-image: url(../images/ntl.png);
  left: 22px;
  background-size: 13px auto;
  outline: none;
}

.index-swiper-pagination{
  position: absolute;
  z-index: 10;
  display: flex;
  justify-content: center;
  bottom: 18px !important;
}

.index-swiper-pagination .swiper-pagination-bullet {
  width: 8px !important;
  height: 8px !important;
  background: #fff !important;
  opacity: 1 !important;
  margin: 0 4px !important;
  transition: all .5s ease;
}

.index-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
  transform: scale(1.3);
}
.index-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .child-dot {
  visibility: visible;
}

.index-swiper-pagination .child-dot{
  visibility: hidden;
  transform: scale(.8);
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #df37a2;
}

/* 搜索栏 */
.search-bar{
  position: relative;
  background-color: #fff;
  border-radius: 18px;
  padding: 4px 12px;
  width: 80%;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

.search-bar .search-btn{
  width: 20px;
  height: 20px;
  border-right: 1px solid #ccc;
  padding-right: 8px;
}

.search-bar .search-input{
  outline: none;
  border: none;
  padding: 6px;
  flex: 1;
}

.search-box{
  position: fixed;
  left: 0;
  z-index: 5;
  width: 100vw;
  /* min-height: 51.25vw; */
  transition: all .3s 0s ease;
  transform: translateY(-100%);
  overflow: hidden;
  box-shadow: none;
}

.search-box.show{
  /* transform: translateY(51.25vw); */
}

.search-box .search-content{
  width: 100%;
  height: 100%;
  background-color: #fff;
  box-sizing: border-box;
  padding-top: 6.25vw;
}

.search-box .search-content .search-content-input{
  width: 77.083vw;
  height: 7.8125vw;
  border: solid 1px #c5c7c8;
  border-radius: 32px;
  padding: 0 20px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  padding-right: 10px;
}
.search-box .search-content .search-content-input input{
  outline: none;
  border: none;
  flex: 1;
  height: 50%;
}
.search-box .search-content .search-content-input img{
  width: 5.3125vw;
  border-left: solid 1px #ccc;
  padding-left: 8px;
}

.search-box .search-mask{
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #ccc;
  z-index: -1;
}

.search-box .search-content .hot-search{
  width: 77.083vw;
  margin: 0 auto;
  padding-left: 10px;
  margin-top: 4.16666vw;
}

.search-box .search-content .hot-search h5{
  font-size: 16px;
  color: #262b2f;
  padding-left: 10px;
}

.search-box .search-content .hot-search ul{
  margin-top: 4.16666vw;
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  color: #595656;
}

.search-box .search-content .hot-search ul li {
  padding: 0 10px;
  border-right: solid 1px #ccc;
  margin-bottom: 8px;
}

.search-box .search-content .hot-search ul li:last-child{
  border-right: none;
}

.search-box .close-search-box{
  width: 8.0208vw;
  height: 8.0208vw;
  margin: 0 auto;
  display: block;
  padding-bottom: 20px;
  padding-top: 25px;
}

/* 首页菜单 */
.index-menu{
  margin: 50px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  box-sizing: border-box;
  padding: 0 10px;
}

.index-menu li {
  width: 25%;
  margin-bottom: 5vw;
}

.index-menu li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.index-menu li a img{
  width: 50px;
  height: 50px;
}
.index-menu li a span {
  margin-top: 6px;
  font-size: 14px;
}

/* 底部tab-bar */
.tab-bar{
  z-index: 1;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 78px;
  background-color: #fff;
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.35);
}

.tab-bar img{
  width: 24px;
}

.tab-bar li {
  margin-bottom: 10px;
}

.tab-bar li a{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: 14px;
}

.tab-bar li a span{
  margin-top: 6px;
}

/* 底部footer */
footer{
  margin-top: 30px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px 0;
  background-color: #f2f2f3;
}

footer img{
  width: 30px;
}

footer p{
  margin-top: 12px;
  font-size: 12px;
  color: #77797d;
}

footer p a{
  color: #77797d !important;
}

/* 产品列表 */
.product-list {

}

.product-list li{
  width: 100%;
  height: 33.95833vw;
  border-bottom: solid 1px #bcbec0;
  display: flex;
  align-items: center;
}
.product-list li a{
  display: flex;
  box-sizing: border-box;
  padding: 0 10px;
}

.product-list li a .product-img{
  min-width: 33.2291666vw;
  height: 27.3958333vw;
  display: flex;
  justify-content: center;
}

.product-list li a .product-img img{
  height: 100%;
}

.product-list .product-info{
  box-sizing: border-box;
  padding-left: 20px;
}

.product-list .product-info h2{
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  color: #262b2b;
}

.product-list .product-info .prodcut-date{
  font-size: 12px;
  color: #484d53;
  margin: 1.5625vw 0;
}

.product-list .product-info .product-introduce{
  color: #6f6f6f;
  line-height: 1.2;
  font-size: 14px;
}

.product-list .product-info .product-introduce span:nth-child(1) {
  
}

.product-list .product-info .product-introduce span:nth-child(2) {
  
}

.product-list .product-detail{
  display: inline-block;
  color: #df37a2;
}

/* 页面分页导航 */
.pagination{
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pagination .first-page img, .pagination .last-page img{
  width: 3.3333vw;
}

.pagination .pre-page, .pagination .next-page {
  color: #6f6f6f;
}

.pagination .select-page{
  position: relative;
  box-sizing: border-box;
  margin: 0 16px;
  color: #fff;
  width: 25.3125vw;
  height: 6.458333vw;
  background-color: #df37a2;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 10px;
  z-index: 1;
}

.pagination .select-page .curr-page{
  position: absolute;
  left: 40%;
  transform: translate(-50%, -50%);
  top: 50%;
}

.pagination .select-page img{
  width: 3.75vw;
}

.pagination .select-page .page-list{
  position: absolute;
  top: 6.458333vw;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: #df37a2;
  color: #fff;
  transition: all .2s ease;
  max-height: 100px;
  overflow: scroll;
  transform-origin: 50% 0 0;
  transform: scale(0);
}

.pagination .select-page .page-list.show{
  transform-origin: 50% 0 0;
  transform: scale(1);
}

.pagination .select-page .page-list li {
  box-sizing: border-box;
  width: 100%;
  height: 6.458333vw;
  border-bottom: solid 1px #f1f2f3;
}

.pagination .select-page .page-list li:first-child {
  border-top: solid 1px #f1f2f3;
}

.pagination .select-page .page-list li:last-child {
  border-bottom: none;
}

.pagination .select-page .page-list a{
  box-sizing: border-box;
  width: 100%;
  height: 6.458333vw;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pagination .pre-page{
  margin-left: 16px;
}

.pagination .next-page{
  margin-right: 16px;
}

/* 产品详情轮播图 */
.product-gallery{
  margin-bottom: 10px;
  height: 52.08333vw;
}

.product-swiper-button-next, .product-swiper-button-prev{
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  /* width: 26px;
  height: 37px; */
  width: 13px;
  height: 24px;
  z-index: 20;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.product-swiper-button-next{
  background-image: url(../images/ntr.png);
  right: 22px;
  background-size: 13px auto;
  outline: none;
}

.product-swiper-button-prev{
  background-image: url(../images/ntl.png);
  left: 22px;
  background-size: 13px auto;
  outline: none;
}

.product-swiper-pagination{
  position: absolute;
  z-index: 10;
  display: flex;
  justify-content: center;
  bottom: 18px !important;
}

.product-swiper-pagination .swiper-pagination-bullet {
  width: 12px !important;
  height: 12px !important;
  background: #fff !important;
  opacity: 1 !important;
  margin: 0 4px !important;
  transition: all .5s ease;
}

.product-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
  transform: scale(1.3);
}
.product-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .child-dot {
  visibility: visible;
}

.product-swiper-pagination .child-dot{
  visibility: hidden;
  transform: scale(.8);
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #df37a2;
}

/* 产品详情 */
.product-detail-content{
  width: 100vw;
  max-width: 100vw;
}

.product-detail-content .tab-wrapper{

}

.product-detail-content .tab-wrapper .detail-tab{
  width: 100%;
  display: flex;
}

.product-detail-content .tab-wrapper .detail-tab .first-tab, .product-detail-content .tab-wrapper .detail-tab .second-tab{
  width: 50%;
  text-align: center;
  padding: 10px 0;
  background-color: #f1f2f2;
  color: #808285;
}

.product-detail-content .tab-wrapper .detail-tab .first-tab.active, .product-detail-content .tab-wrapper .detail-tab .second-tab.active{
  background-color: #df37a2;
  color: #fff;
}

.product-detail-content .tab-content .first-tab-content {
  overflow: hidden;
}

.product-detail-content .tab-content .first-tab-content .content-rich-text img{
  max-width: 100%;
}

.product-detail-content .tab-content .second-tab-content{
  display: none;
  overflow: hidden;
  box-sizing: border-box;
  overflow: hidden;
}

/* 关于我们 */
.introduce-content{
  width: 100%;
  box-sizing: border-box;
  padding: 0 30px;
}

.introduce-content img{
  max-width: 100%;
  height: auto;
}

/* 联系我们 */
.contact-content {
  box-sizing: border-box;
  padding: 0 30px;
}

.contact-content .info-detail{
  margin-top: 32px;
}

.contact-content .info-detail h2{
  margin-bottom: 16px;
  color: #df37a2;
  font-size: 20px;
  font-weight: bold;
}

.contact-content .info-detail p, .contact-content .info-detail p a{
  color: #6e6e6e;
  padding: 10px 0px;
  border-bottom: dashed 1px #eee;
  line-height: 1.2;
}

.contact-content .info-detail p span{
  color: #6e6e6e !important;
  font-size: 16px !important;
}
.map-info-window, .map-info-address{
  font-size: 16px;
}

.map-info-address{
  margin-top: 10px;
  font-size: 12px;
}

/* 视频演示 */
.video-list{
  box-sizing: border-box;
  padding: 20px 10px;
}

.video-list .video-item{
  box-sizing: border-box;
  padding: 10px 0;
  border-bottom: solid 1px #bcbec0;
}

.video-list .video-item a{
  display: flex;
}

.video-list .video-item a .video-img{
  width: 33.3333vw;
  height: 27.395833vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #eee;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.video-list .video-item a .video-img img{
  width: 22%;
}

.video-list .video-item a .video-info{
  flex: 1;
  box-sizing: border-box;
  padding: 6px 0;
  padding-left: 20px;
}

.video-list .video-item a .video-info h2{
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  color: #262b2b;
  display: -webkit-box;    
  -webkit-box-orient: vertical;    
  -webkit-line-clamp: 2;    
  overflow: hidden;
}

.video-list .video-item a .video-info .video-date{
  font-size: 12px;
  color: #484d53;
  margin: 1vw 0;
}
.video-list .video-item a .video-info .video-date span:last-child{
  margin-left: 6px;
}

.video-list .video-item a .video-info .video-intro{
  font-size: 14px;
  color: #6f6f6f;
  line-height: 1.2  ;
  display: -webkit-box;    
  -webkit-box-orient: vertical;    
  -webkit-line-clamp: 3;    
  overflow: hidden;
}
.video-list .video-item a .video-info .video-go-play{
  
}

/* 视频详情 */
.video-detail{
  box-sizing: border-box;
  padding: 0 20px;
}

.video-detail h1{
  color: #262b2b;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}

.video-detail #dplayer{

}

.video-detail .video-date{
  color: #484d53;
  font-size: 12px;
  margin: 6px 0;
}

.video-detail .video-intro{
  color: #6f6f6f;
}


/* 售后维修页面 */
.service-detail{
  box-sizing: border-box;
  width: 100%;
  padding: 0 20px;
}

.service-detail img{
  max-width: 100%;
}

/* 下载列表 */
.download-list{
  box-sizing: border-box;
  padding: 0 2.1875vw;
}

.download-list li{
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding: 5.20833vw 0;
  border-bottom: solid 1px #d2d4d5;
}

.download-list li .download-name{
  color: #6f6f6f;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.download-list li .download-btn{
  width: 23vw;
  height: 6vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding: 0 1.7708333vw;
  background: linear-gradient(0deg, #E2E2E2, #FFFFFF);
  margin-right: 3.75vw;
}

.download-list li .download-btn img{
  width: 3.9583vw;
}

.download-list li .download-btn span{
  font-size: 16px;
}

@media screen and (max-width: 600px) {
  .download-list li .download-btn span{
    font-size: 18px;
  }
}

@media screen and (max-width: 500px) {
  .download-list li .download-btn span{
    font-size: 14px;
  }
}

@media screen and (max-width: 400px) {
  .download-list li .download-btn span{
    font-size: 12px;
  }
}

/* 新闻列表 */
.news-list{
  box-sizing: border-box;
  padding: 0 10px;
}

.news-list li{
  border-bottom: solid 1px #c9cbcd;
  padding: 16px 10px;
}

.news-list a > div {
  padding: 0;
}

.news-list a > img {
  margin-right: 10px;
}

/* 新闻详情 */
.news-detail{
  box-sizing: border-box;
  padding: 30px 20px;
  color: #494949;
  margin: initial;
  /* line-height: initial; */
  line-height: 26px;
}

.news-detail h1{
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
}

.news-detail .publish-date{
  margin-top: 20px;
  margin-bottom: 30px;
  color: #a7a9ac;
  line-height: 1;
}

.news-detail p{
  
}

.news-detail img{
  max-width: 100%;
}

/* 案例列表 */
.project-list {

}

.project-list .product-img{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.project-list .product-img img{
  display: none;
}

/* 案例详情 */
.project-detail{
  margin-top: 20px;
  box-sizing: border-box;
  padding: 0 30px;
  color: #808285;
}

.project-detail img{
  max-width: 100%;
}

.project-detail h1{
  font-size: 20px;
  font-weight: bold;
}

.project-detail .publish-date{
  margin-top: 10px;
  margin-bottom: 20px;
}

/* 专利列表 */
.patent-list{
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}

.patent-list li{
  padding: 20px 0;
  flex-basis: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-bottom: solid 1px #bcbec0;
}

.patent-list li > img{
  width: 37.70833vw;
  height: 51.0416vw;
}

.patent-list li > .patent-name{
  text-align: center;
  color: #000;
  margin-top: 10px;
  margin-bottom: 8px;
}

.patent-list li > .patent-op{
  color: #8d8d8d;
  display: flex;
  justify-content: space-around;
  align-items: end;
  width: 37.70833vw;
  box-sizing: border-box;
  padding: 0 8px;
}

.patent-list li > .patent-op a {
  display: flex;
}

.patent-list li > .patent-op a:nth-child(1) {
  margin-right: 4px;
}

.patent-list li > .patent-op a:nth-child(2) {
  margin-left: 4px;
}

/* 在线留言 */
.leave-message{
  box-sizing: border-box;
  padding: 10px 20px 30px;
}

.leave-message h1{
  margin-bottom:16px;
  font-size: 22px;
  font-weight: bold;
  color: #df37a2;
}

.leave-message form{
  color: #6e6e6e;
}

.leave-message form p{
  padding: 16px 0;
  border-bottom: solid 1px #ccc;
  display: flex;
}

.leave-message form p label{
  align-self: center;
}

.leave-message form p input, .leave-message form p textarea{
  flex: 1;
  outline: none;
  border-color: #eee;
  padding: 4px;
  outline: none;
  border: none;
}

.leave-message form button {
  margin-top: 16px;
  border: none;
  padding: 0;
  outline: none;
  cursor: pointer;
  background-color: #df37a2;
  color: #fff;
  padding: 6px;
  border-radius: 4px;
}