/* body { */
  /*-webkit-overflow-scrolling: touch;*/
/* } */

img {
  height: 100%;
  width: 100%;
  /*!*background-position: center center;*!*/
  /*!*background-repeat: no-repeat;*!*/
  object-fit: cover;
  vertical-align: middle;
  outline: none;
  border-style: none;
  margin-top: expression((120-this.height)/2); /*!* IE中图片垂直居中 *!*/
}

img[src=""] {
  opacity: 0;
}

.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
  pointer-events: auto !important;
}

.banner-swiper {
  position: relative;
  width: 100%;
  height: 100%;
}

.banner-swiper .swiper-container {
  width: 100%;
  height: 100%;
}

.banner-swiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  overflow: hidden;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.banner-swiper .swiper-slide a {
  display: inline-block;
  height: 100%;
  width: 100%;
}

/*.banner-swiper .swiper-slide img {*/
/*height: auto;*/
/*width: auto;*/
/*height: 100%;*/
/*width: 100%;*/
/*background-position: center center;*/
/*background-repeat: no-repeat;*/
/*}*/

/*.banner-swiper .content-slide {*/
/*padding: 20px;*/
/*color: #fff;*/
/*}*/

.title {
  font-size: 25px;
  margin-bottom: 10px;
}

.banner-swiper .swiper-pagination {
  position: absolute;
  left: 0;
  z-index: 10;
  /*top: -40px;*/
  text-align: center;
  bottom: 20px;
  width: 100%;
}

.banner-swiper .swiper-pagination-bullet {
  /*display: inline-block;*/
  width: 12px;
  height: 12px;
  margin: 20px 0 0 15px;
  background: #222; /*支持rgba的浏览器*/
  opacity: 1;
  /*-webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: transparent; !*不支持rgba的浏览器*!
  background: rgba(0, 0, 0, .6); !*支持rgba的浏览器*!
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000); !*IE8支持*!
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0*/
}

.banner-swiper .swiper-pagination-bullet-active {
  background: #ffffff;
}

.black {
  background: #010202;
}

.gray {
  background: #0f1217;
}

.article {
  overflow: hidden;
  text-align: center;
  color: #ffffff;
  /*font-size:;*/
}

.article-title {
  margin: 100px 0 10px;
}

.article-title h1 {
  margin: 0 20px;
  font-size: 30px;
  line-height: 42px;
  font-weight: 400;
  vertical-align: middle;
}

.article-title h1 span{
  vertical-align: middle;
}

#product-logo {
  height: 30px;
  width: auto;
  vertical-align: middle;
}

.article-title p {
  margin: 10px 20px 0;
  font-size: 16px;
  color: #888791;
  /*font-weight: 400;*/
}

.product-only, .community-product-only {
  margin-bottom: 150px;
}

.product-tab .tabs {
  position: relative;
  z-index: 1;
  display: inline-block;
  border-bottom: 2px solid #bdbdbe;
  /*overflow: hidden;*/
}

.product-only .tabs, .community-product-only .tabs {
  position: relative;
  margin: 40px 0 80px;
}

.product-tab-title {
  /*vertical-align: bottom;*/
  float: left;
  overflow: hidden;
  vertical-align: middle;
  width: 170px;
  height: 100%;
  margin: 0;
  padding-bottom: 14px;
  font-size: 16px;
  color: #bdbdbe;
  /*padding-top: 2px;*/
  cursor: pointer;
}

.product-tab-title:hover, .product-tab-title:focus {
  color: #bdbdbe;
}

.product-tab-title.active {
  color: #99604c;
}

.product-tab-nav {
  position: absolute;
  left: 0;
  bottom: -2px;
  z-index: 2;
  display: inline-block;
  width: 170px;
  height: 4px;
  background: #99604c;
  -webkit-transition: all .4s linear;
  -moz-transition: all .4s linear;
  -ms-transition: all .4s linear;
  -o-transition: all .4s linear;
  transition: all .4s linear;
}

.product {
  position: relative;
  display: inline-block;
  width: 1120px;
  height: 600px;
}

.product-mobile {
  display: none;
}

.product-item {
  width: 100%;
  height: 100%;
  /*background: #010202;*/
  /*display: none;*/
  /*width: 0;*/
  /*height: 0;*/
}

.product-pc .product-item {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.product-pc .product-item.active {
  /*display: block;*/
  z-index: 10;
}

.product-cover {
  display: inline-block;
  width: 600px;
  height: 600px;
  vertical-align: middle;
  overflow: hidden;
  text-align: center;
  -webkit-transition: all .8s ease-in-out;
  -moz-transition: all .8s ease-in-out;
  -ms-transition: all .8s ease-in-out;
  -o-transition: all .8s ease-in-out;
  transition: all .8s ease-in-out;
}

.product-pc .product-cover {
  position: relative;
  left: -500px;
  opacity: 0;
}

.active .product-cover {
  left: 0;
  opacity: 1;
}

.product-cover img {
  /*display: inline-block;*/
  /*width: 200px;*/
  width: 100%;
  height: 100%;
  /*padding: 10px;*/
}

.product-info {
  display: inline-block;
  position: relative;
  top: 80px;
  right: 0;
  opacity: 0;
  vertical-align: middle;
  width: 500px;
  /*max-height: 600px;*/
  padding-left: 10px;
  text-align: left;
  -webkit-transition: all .7s;
  -moz-transition: all .7s;
  -ms-transition: all .7s;
  -o-transition: all .7s;
  transition: all .7s;
}

.active .product-info {
  top: 0;
  opacity: 1;
}

.product-text h2 {
  max-height: 82px;
  margin: 0;
  font-size: 30px;
  line-height: 41px;
  font-weight: 400;
  overflow: hidden;
  /*white-space: nowrap;*/
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.product-text .product-intro {
  max-height: 300px;
  margin: 20px 0 20px;
  font-size: 14px;
  line-height: 25px;
  color: #bdbdbe;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 12;
  -webkit-box-orient: vertical;
  -webkit-transition: all .7s;
  -moz-transition: all .7s;
  -ms-transition: all .7s;
  -o-transition: all .7s;
  transition: all .7s;
}

.product-pc .product-text .product-intro {
  margin: 40px 0 40px;
}

.product-pc .active .product-text .product-intro {
  margin: 20px 0 20px;
}

.read-more {
  font-family: 'Gotham SSm 4r';
  font-size: 16px;
  color: #99604c;
}

.read-more:hover, .read-more:focus {
  color: #907a6a;
}

.video-more .read-more:hover, .video-more .read-more:focus {
  color: #99604c;
}

.parent-tabs .product-tab-title {
  vertical-align: middle;
  text-align: center;
  margin-top: 15px;
}

.parent-tabs .icon-img {
  display: inline-block;
  height: 55px;
  height: auto\9;
  *height: auto;
  _height: auto;
  width: 55px;
  width: auto\9;
  *width: auto;
  _width: auto;
  overflow: hidden;
  background-color: #bdbdbe;
  background-color: transparent\9;
  *background-color: transparent;
  _background-color: transparent;
}

.parent-tabs .active .icon-img {
  background-color: #99604c;
  background-color: transparent\9;
  *background-color: transparent;
  _background-color: transparent;
}

.parent-tabs .icon-img img {
  display: none;
  position: relative;
  left: -60px;
  height: 55px;
  width: 85px;
  object-fit: contain;
  border-right: 30px solid transparent;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: drop-shadow(60px 0 0 #bdbdbe);
}

@-moz-document url-prefix() {
  .parent-tabs .icon-img, .parent-tabs .active .icon-img {
    background-color: transparent;
  }

  .parent-tabs .icon-img img {
    display: block;
  }
}

/* Target IE 10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .parent-tabs .icon-img, .parent-tabs .active .icon-img {
    background-color: transparent;
    height: auto;
    width: auto;
  }

  .parent-tabs .icon-img img {
    display: none;
  }
}

/* IE Edge 12+ CSS styles go here */
@supports (-ms-accelerator:true) {
  .parent-tabs .icon-img, .parent-tabs .active .icon-img {
    background-color: transparent;
    height: auto;
    width: auto;
  }

  .parent-tabs .icon-img img {
    display: none;
  }
}

.parent-tabs .active .icon-img img {
  filter: drop-shadow(60px 0 0 #99604c);
}

.swiper-parent {
  width: 100%;
  height: 620px;
  color: #fff;
  text-align: center;
}

.swiper-parent .swiper-nested .swiper-button-prev, .swiper-parent .swiper-nested .swiper-button-next {
  visibility: hidden !important;
  width: 60px;
  height: 100%;
  top: 0;
  /*margin-top: 52px;*/
  background-size: 60px 60px;
}

.swiper-slide-active .swiper-nested:hover .swiper-slide-active .swiper-button-prev, .swiper-slide-active .swiper-nested:hover .swiper-slide-active .swiper-button-next {
  visibility: visible !important;
  transition: visibility .3s;
  /*-webkit-transition-delay: 1s;*/
  /*-moz-transition-delay: 1s;*/
  /*-ms-transition-delay: 1s;*/
  /*-o-transition-delay: 1s;*/
  /*transition-delay: 1s;*/
}

.swiper-container .swiper-button-prev {
  left: 30px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc1MTE2RDg1N0Q4RDExRTc4MDQ5QkI1QkQ1NEE3RTJCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc1MTE2RDg2N0Q4RDExRTc4MDQ5QkI1QkQ1NEE3RTJCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzUxMTZEODM3RDhEMTFFNzgwNDlCQjVCRDU0QTdFMkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzUxMTZEODQ3RDhEMTFFNzgwNDlCQjVCRDU0QTdFMkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4q4TyBAAAD4ElEQVR42uzdS24TQRAA0J7OxI4/coyREBdgAwsOgMSeA8CaLXADOAfiCrBmwQnYcAVYwDZSgomS+MOMhy672rRHM55vuqvbXVJJKAmx56W/8ykHSZIwg8FFHosMlTzCrweYiZIrzEjJv/g1IxFoBgSQLmYH8doIQFyKXGAmrgECWF/kCSLeZsABzUXeIKa1gAGiDbFbmohY5BViJrYAAtwA4TijESuEvG4bsm3AnsiRwRZXpkVeipxRAwSwMY51NgSMjVMENQ7YQ7yA2RUJIs5MAQLYKU4UNgdMMH/qjo11AWFymOBazoWANeRFnQV5HUAY7+7irsGlgF3NedVxsSpgiHhHzM2IETGq0hU9XoPexSv83MRxPBVxUtamzA8F+AtDdjgR4jEHbQCeOjTbVokOHnsjwJ4D67wm0UeDWoBye3boMd439vOC/xh4v7XBuCpgz6ITAzqim9eVeY74iPjB3DPwuqOsHpkFOCC83oOlxWeR30TeN7A+HBQBgvCQMN5HkY9E/mKbE6O6Y5huhTxj2ubE8X6IfM42p6F0B08v63iGsA14ZwbfzzAPsEtw7KOGJ8fCbhZg3+NV2qHsAMLAeEIU7zsxPMaUGwS40n0DongviOHJBtdNA3q86gt6UoA24e0AQoYer3KAGZf353m8enFsGtBmvC1g6PHqd2NuaPfhAt56V2IC0BW8NWCo+ewL4H0S+dABPCZn4cDj1d+R6ALsOIi3BdRxmz5c1XqA//7qCB6TOxEdgAD2im2e53gp8q0jfokuQIgvCuIbRxDXgDofk3INcaUb0DXEGABjAy/sCuIaMDL04i4gRhwPgHlEOwFtR1zKSSTyiNVbn5yF15IE3pBtiAu5E4GYE3lTNiHuAGp9TN4BxCQNmBBqhVmI74gBzmWDU0+m3hB7kyria2KIWyue6tOxRyzefTClmEX6dP4VwfGGGuKOEc9omiuPmBur9FCX9bgr3IFJ9S79ZyI/sM3NAE9E/tT8+pfpFpgFCNdI4DECqnfqPxX5WOR7zb0Fxr6z9HIv74FreKjkDvOhxm+WUaAi75rwjGkom2RRLFhOdY99F9WnhHYnpncd07xv8oI+P/V++wv0FN3WMSO4Q9G949hbmKfMfTFQlGZ5gHhLPHbWFBDGAChKEx0QXoTHnLQBKFfgFwT3yre13itdxYhX/KucO45YufCOL/3UsIH44mP/JwxtxcfUPTOcdBhYjneNJwm0lr9TAx68GzOaD2oXTYywSG50KcOXAG0YvggtMUA5NvoyyC1B+kLcLYUvBd9iq/QfRtBilPk4DNmq5MdhxIzQx2H8E2AAyC51JpnsG7sAAAAASUVORK5CYII=');
}

.swiper-container .swiper-button-next {
  right: 30px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc3MjlFRDQ1N0Q4RDExRTc5RUEyQzFCNjBFMThBNDg2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc3MjlFRDQ2N0Q4RDExRTc5RUEyQzFCNjBFMThBNDg2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzcyOUVENDM3RDhEMTFFNzlFQTJDMUI2MEUxOEE0ODYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzcyOUVENDQ3RDhEMTFFNzlFQTJDMUI2MEUxOEE0ODYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5/qEhHAAAD3ElEQVR42uydz2/TMBTHHTdd1x/qSjchjly4wN8DZ66w/wD+IThz4I7EhRtnuHCdxijTtq4lifHrnqssSprEyeJn11/pSVPVLvEntt/zr5dACMEMikvrSwtT1sPPAzSRsgQtStk//MyIgo4BApAB2gHCa0MAcS1thSZcAwjARtIOEeJDCgp0K+0GYVoLMEBoE2yWJhRLu0KYwhaAAG6M4DijoQRBXrcNsm2AQ2lTgzWuSo28lLakBhCAzbCvs0HQNy4QqHGAQ4QXMLskEOLSFEAAdoSOwmaBg/mr2zfqAgTnMMdYzgVBDHmhE5DreEno704cgsewLCc6zq8uwBAvFDL3pFU2XvMCx4RDlLaiieM6EHmN780dh5eGOK/KpsqXAvyHIdsfhVjmoA2AR445jDqO5agpwKEDcV4TjZCBFkA1PNt3zXb1/bzkh4Hnt2EwqwtwaNHEQBcaFDVlXkB8auAmHxN/aNO8FpkHcGwg3nsi7Zu0Txg+UI0Px2UAgfDEwM3BJOcvaS+kfSAMcZKthTzHbZuYhocppZfSfhKHyLNhHc8hbEpnlkCcFAEcEBjr2gCxl3Z2PNN8KcgGiKMsQOgYDwndIHWI2w0CPNV8qY06KENUW1TuAaQoyhCtAEgZ4hYgGPXJUooQgRlX+/NsUBbiRwIQ+zYBzEJ8TgBi34bmSxliyJmdK20K4g/DEHu2AlQQXxmG2OOMziZIGyFyzuxf9zAJMXABYBHEg64ACuaGAOJX/PsZ62hJ1iWA76S9ZndnRt4g0IeWcAUgwDtNwfvc0XU3ABMPT1uJ7QBNwgPFMIyLLYX3Xtpbg/A2AKEGRh6etiKON+Hh7QlASvBAa+VEIg+vfu1TXnhD0sOrrZUaiYBuPbxmADs9Ju8APJEFKAjWQqrwVIsVaYCgGw+vsraseKZNxx5e+eiDpZJZZKfzrzy8Ut1jxHOqZuLhFSrJdnV5B65hB2bXu/SfsrvZZMrwQJfZGpgHENZI4MhBl8ud0BJgWuq7tC9E4UHfd5YN94qO/MOhkkfMK60/LCdBRdGa8JJ1kDbJIq1YQXaPXYvqC+bOglPTUcdiV9+zq80vPL/dCXrKtnUsiY1QTIw4lmXer0yQlGa9h/DWWHbWFCD0AZCUJtojeBGWWbQBUEXgF8zeFby68V7lLEa85lP57TjEGMtYubVxjap97mhz1iob13xK5445ljWWqXbrapr+DiYdxpbDu8ZJgk7T36UFB+9mzL6twgkGyY2WMnwK0IbySWiJAVR9o0+D3BJIn4i7JflU8C3WSv8yghZV5XUYqlap12HEjNDrMP4LMADNZWo2Kx1JngAAAABJRU5ErkJggg==');
}

.swiper-nested {
  width: 100%;
  /*margin: 0 40px;*/
  /*overflow: hidden;*/
}

.swiper-nested > .swiper-wrapper > .swiper-slide {
  opacity: 0;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  /*margin: 0 40px;*/
  /*overflow: hidden;*/
}

.swiper-nested > .swiper-wrapper > .swiper-slide-active {
  opacity: 1;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  /*margin: 0 40px;*/
  /*overflow: hidden;*/
}

.swiper-wrapper-mobile {
  display: none;
}

.product-tab {
  margin-bottom: 60px;
}

/* .product-list { */
  /*padding: 0 20px;*/
/* } */

.swiper-list {
  padding: 0 60px;
}

.product-tab .nested-tabs {
  margin: 40px 0 80px;
  /*white-space: nowrap;*/
  font-size: 16px;
  color: #bdbdbe;
  border: none;
}

.nested-tabs a {
  padding: 0 20px;
  font-size: 16px;
  color: #bdbdbe;
  cursor: pointer;
}

.nested-tabs a.active {
  color: #99604c;
}

/* .swiper-list .swiper-wrapper { */
  /*padding: 0 40px;*/
/* } */

.swiper-list .swiper-slide {
  display: inline-block;
  width: 360px;
  height: 490px;
  overflow: hidden;
}

/* .swiper-list .swiper-slide:hover { */
  /*background: #282a30;*/
/* } */

.swiper-list .product-list-cover {
  display: inline-block;
  width: 360px;
  height: 360px;
  padding: 25px;
  overflow: hidden;
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}

.swiper-list .swiper-slide:hover .product-list-cover {
  padding: 0;
}

.product-name, .product-description {
  padding: 0 10px;
  width: 100%;
  margin: 5px 0 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product-name {
  font-size: 16px;
  color: #ffffff;
}

.product-description {
  font-size: 14px;
  color: #919191;
}

.action {
  /*width: 1500px;*/
  position: relative;
  max-width: 1800px;
  margin: 40px auto;
  /*padding: 0 20px;*/
  overflow: hidden;
  text-align: left;
}

.video {
  padding: 120px 20px 20px;
}

.mobile-video {
  display: none;
}

.video-wrap{
  position: relative;
}

.video-wrap, .video-authors {
  float: left;
  vertical-align: top;
}

.video-warning{
  position: absolute;
  top: -100px;
  left: 0;
  padding-right: 350px;
  height: 100px;
  width: 100%;
}

.video-wrap-content{
  height: 100%;
  width: 100%;
  padding-top: 10px;
  font-size: 32px;
  line-height: 40px;
  text-align: center;
  background: #fff;
  color: #000;
}

.video-wrap {
  height: 765px;
  width: 100%;
  padding-right: 350px;
}

/* .video-wrap .swiper-slide { */
  /*display: none;*/
/* } */

/* .video-wrap .swiper-slide-active { */
  /*display: block;*/
/* } */

.iframe {
  height: 100%;
  width: 100%;
  border: none;
}

.video-authors {
  position: absolute;
  right: 20px;
  top: 120px;
  z-index: 2;
  width: 350px;
}

.author-list {
  position: relative;
  height: 565px;
  overflow: hidden;
  background: #14181f;
}

.author-list .swiper-container {
  height: 535px;
  margin: 15px 0;
  overflow: hidden;
}

.author-list .author-button-prev, .author-list .author-button-next {
  visibility: hidden;
  position: absolute;
  left: 50%;
  z-index: 10;
  width: 40px;
  height: 40px;
  margin-left: -12px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  cursor: pointer;
  /*-webkit-transform: rotate(90deg);*/
  /*-moz-transform: rotate(90deg);*/
  /*-ms-transform: rotate(90deg);*/
  /*-o-transform: rotate(90deg);*/
  /*transform: rotate(90deg);*/
}

.author-button-next.swiper-button-disabled, .author-button-prev.swiper-button-disabled {
  opacity: .35;
}

.author-list:hover .author-button-prev, .author-list:hover .author-button-next {
  visibility: visible;
}

.author-list .author-button-prev {
  top: 10px;
  margin-top: 0;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzUxQTIwMTU3RDhEMTFFN0IwOEREMEQyNjk5MjJGNUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzUxQTIwMTY3RDhEMTFFN0IwOEREMEQyNjk5MjJGNUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NTFBMjAxMzdEOEQxMUU3QjA4REQwRDI2OTkyMkY1RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NTFBMjAxNDdEOEQxMUU3QjA4REQwRDI2OTkyMkY1RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq4o+L4AAAIuSURBVFhHzZlrSsNAFEZb61tU1DUquBNdgII70B0IuidRUUu11u+MvWHapOk80qQHPoj5kZzeeWRm7E8mk14i2142lQ2lrwAP/VV+lJGXaGIFB8qBsje9jmGsfCkf0+sgQgWpzqGyr1iVUuGFn8q7QpVrCRGkWscKkk2C3KtCVRdSJ0iljhSadJXQ5IhWskgQuRNl1/21eobKi1KSqWo25E6VtuSAd1GQElWCNOvO/2WrIElfn2FekAGx6j5Xh01hBb4g16Vf0AEzM4YvyDw3X9EuwAEXhwnxVWASXhdwcV8qE6Ttc78QwDe5iefwDDcWTHCmYyZypjwqd8oWNzJxTgiyGon98M+D3IPyrPC8G4Vq5oDTtgnmgNy98qRcKecKz7xVciWzBU2Oyl1zQ3wrTUk6wdTmrZIzmpIcpArWyRkmyYBJlXSCsdNCiJyB5IWSKtlHMIYYOSNLEsGlS+opKXJGquQEwdANDFMIU0msnGGSyF1yI4AxK+rQxSm/npfkQp9nYLIlXcaQCobuV5uQA7pUiByMYgS7oBAM3ki3CE5OEGr3ph3hnEyQvWnodNMGuOBUCFJOjiPWBVxctzNBCDoraQEccHH4gnZW0jU4FIXyBcGOx7qCd88M2HlBeFM4K2kb3llqwSpBRhAHOW1K2uFRiWXHb+zyV71fTjp+81nbA0wf5Nb2CNiHZZKdQMXuZZh4bZYI/vbHCvqwY7OwCKXKVl0eSnUy/w3R6/0B5UOgUAsp1/IAAAAASUVORK5CYII=');
}

.author-list .author-button-next {
  bottom: 10px;
  margin-bottom: 0;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzczMjAzOTU3RDhEMTFFN0EwQkVCRTU1MEE4NzVGNzQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzczMjAzOTY3RDhEMTFFN0EwQkVCRTU1MEE4NzVGNzQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NzMyMDM5MzdEOEQxMUU3QTBCRUJFNTUwQTg3NUY3NCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NzMyMDM5NDdEOEQxMUU3QTBCRUJFNTUwQTg3NUY3NCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl4RDwMAAAI9SURBVFhHzZlbTttAGEYTaENbWhC0UrfQhbR7YAuwgJaVUKkS7yyCvfCMRFWVXkCU4H5n4j+a2I4zM74e6RM2D/bJzGQuf6ZZlk0SmXl5pmwpUwV46JPyqDx4iSZWcFvZVV7m1zHMlTvlT34dRKggrfNGeaVYK6XCC/8qvxRauZYQQVprX0GyTZD7qdCqa6kTpKX2FLq0S+hyRCtZJ4jcgfLC3XXPvfJDKclUdRtyh0pfcsC7aJASVYJ0687isleQZKyvUBTkC9H1mKvDprAlviDXpU8wACszhi/IPFds0SHAAReHCbEqMAmPBVzcSmWC9H3TFaJNcHHfBRNcGZgjwTkhyG4kduHvA5xmJjhWogSf53+bwvhi/xiCEwzt3jPl8+IyGT7kuXLs7jazHSN4qnxSvri7eJD7prDL/so/AnCCodPLd+VI+ajESprcP+VEQTKEKYIxpEimyjkQ3LilLuBLbhqTjeREhmDwAcbDJBmT6ySbysE8VRDqJNuQAyeYdF7NqZJsSw4eOJMwUb9b3CfzVrlQLpUPShtycGOHpvdK0/XYJK+UNuQYetcmyDnkNRcNYQnjwbEzQxW/lVubBzmbtvFQWq2N5/AMnJb7QT415YixgIubXUwQgmolPYADLg5f0GolQ4PDsqF8QbDy2FDw7pViUlEQbhVqJX3DO0s9WCXIN4hCTp+SVjwqsa66BewTOeV3fV5OKr/5jLaA6YPcaEvAPqzXVoGKXbuZeDsrolfBLsjS0c8Qk8l/rSOr0CtRP4MAAAAASUVORK5CYII=');

}

.video-authors .author {
  height: 75px;
  padding: 10px 20px;
  cursor: pointer;
}

.author.active::before {
  content: ' ';
  position: absolute;
  z-index: 99999;
  left: -30px;
  top: 50%;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right-color: #14181f;

}

.author-avatar {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  height: 55px;
  width: 55px;
  margin: 0 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.author-name {
  vertical-align: middle;
  font-size: 14px;
  color: #545454;
}

.author:hover .author-name {
  color: #ffffff;
}

.active .author-name {
  color: #fff;
}

.video-more {
  height: 200px;
  padding: 20px 20px 20px;
}

.video-more .read-more {
  font-size: 18px;
  margin: 15px 0 0;
}

.video-info {
  height: 130px;
  font-size: 14px;
}

.video-info .swiper-slide {
  background: #0f1217;
  opacity: 0;
}

.video-info .swiper-slide-active {
  opacity: 1;
}

.video-info .time {
  display: inline-block;
  vertical-align: middle;
  width: 100px;
  margin-right: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #545454;
}

.video-info .name {
  vertical-align: middle;
  color: #888791;
}

.video-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 18px 0;
  /*line-height: 19px;*/
  cursor: pointer;
  color: #888791;
}

.video-title:hover, .video-title:hover .name, .video-title.active, .video-title.active .name {
  color: #fff;
}

.action-item {
  float: left;
  cursor: pointer;
}

.action-2 {
  width: 50%;
  padding: 20px;
}

.action-2 .news-cover {
  height: 484px;
}

.action-3 {
  width: 33.333%;
  padding: 12px;
}

.action-3 .news-cover {
  height: 315px;
}

.news {
  margin: 40px auto 30px;
  padding: 0 8px;
}

.action-4 {
  width: 25%;
  padding: 10px 12px 18px;
}

.action-4 .news-cover {
  height: 237px;
}

.news-article-title {
  margin: 80px 0 20px;
}

/* .news-cover { */
  /*margin-bottom: 20px;*/
/* } */

.news-info {
  padding: 16px 24px 10px 0;
}

/* .action-item:hover .news-info { */
  /*padding: 20px 10px 10px;*/
  /*background: #282a30;*/
/* } */

.news-date {
  /*display: inline-block;*/
  margin: 0 0 4px;
  font-family: 'Gotham SSm 5r';
  font-size: 10px;
  line-height: 16px;
  font-weight: 400;
  color: #84817d;
}

.news-title {
  max-height: 48px;
  margin: 0;
  /*height: 84px;*/
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: 'Gotham 3r';
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
  color: #ffffff;
}

.news-intro {
  /*max-height: 125px;*/
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-height: 60px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin: 16px 0;
  font-family: 'Gotham SSm 3r';
  font-size: 12px;
  line-height: 20px;
  color: #7b7b7b;
  color: rgba(255, 255, 255, .48);
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

/* .action-item:hover .news-date { */
  /*font-size: 15px;*/
/* } */

/* .action-item:hover .news-title { */
  /*font-size: 28px;*/
  /*text-decoration: underline;*/
/* } */

/*.action-item:hover .news-intro {*/
.news-intro:hover {
  /*font-size: 17px;*/
  color: #ffffff;
}

.news-all {
  margin-bottom: 60px;
}

/* .news-all .read-more { */
  /*font-size: 18px;*/
/* } */

.row {
  padding: 0 15px;
  overflow: hidden;
}

.posts {
  margin-bottom: 60px;
}

.post {
  position: relative;
  float: left;
  height: 462px;
  padding: 5px;
  overflow: hidden;
  cursor: pointer;
}

.post a:hover::before {
  content: ' ';
  position: absolute;
  left: 5px;
  right: 5px;
  top: 5px;
  bottom: 5px;
  /*background: red;*/
  /*box-shadow: inset 5px 5px 38px #e6e6e6;*/
  box-shadow: 0 0 500px rgba(0, 0, 0, 0.8) inset;
}

/* .post a:hover { */
  /*box-shadow: inset 5px 5px 38px #e6e6e6;*/
  /*box-shadow: 0 0 38px #e6e6e6 inset;*/
/* } */

.post-lg {
  width: 47%;
}

.post-md {
  width: 26.5%;
}

.post-cover {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.post-cover img {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.post a:hover img {
  height: 105%;
  width: 105%;
  object-fit: cover;
}

.post-text {
  display: table-cell;
  vertical-align: middle;
  position: absolute;
  /*left: 30px;*/
  /*bottom: 25px;*/
  /*right: 30px;*/
  bottom: 0;
  left: 0;
  right: 0;
  height: 113px;
  padding: 20px 30px;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

/* .post a:hover .post-text { */
  /*bottom: 35px;*/
/* } */

.post-text h1 {
  margin: 0;
  font-size: 18px;
  line-height: 24px;
  max-height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: 400;
}

.post-text h2 {
  margin: 5px 0 0;
  font-size: 14px;
  line-height: 20px;
  height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 400;
}

@media (max-width: 1600px) {
  .video-wrap {
    height: 681px;
  }

  .author-list {
    height: 472px;
  }

  .author-avatar {
    margin: 0 10px;
  }

  .author-list .swiper-container {
    height: 442px;
  }

  .video-more {
    height: 209px;
    padding: 18px 20px 18px;
  }

  .action-3 .news-cover {
    height: 283px;
  }

  .post {
    height: 417px;
  }

  .action-4 .news-cover {
    height: 209px;
  }

  @media (max-width: 1440px) {
    .product {
      width: 950px;
      height: 500px;
    }

    .product-cover {
      width: 500px;
      height: 500px;
    }

    .product-info {
      width: 400px;
    }

    .video-wrap {
      height: 591px;
    }

    .author-list {
      height: 421px;
    }

    .author-avatar {
      margin: 0 10px;
    }

    .author-list .swiper-container {
      height: 391px;
    }

    .video-more {
      height: 170px;
      padding: 15px 20px 15px;
    }

    .video-more .read-more {
      margin-top: 10px;
    }

    .video-info {
      height: 120px;
    }

    .video-info p {
      margin: 16px 0;
    }

    .action-3 .news-cover {
      height: 246px;
    }

    .post {
      height: 365px;
    }

    .action-4 .news-cover {
      height: 181px;
    }

    @media (max-width: 1366px) {
      .video-wrap {
        height: 577px;
        padding-right: 300px;
      }

      .video-warning{
        padding-right: 300px;
      }
      .video-authors {
        width: 300px;
      }

      .author-list {
        height: 407px;
      }

      .author-avatar {
        margin: 0 10px;
      }

      .author-list .swiper-container {
        height: 377px;
      }

      .video-more {
        height: 170px;
        padding: 15px 20px 15px;
      }

      .action-3 .news-cover {
        height: 240px;
      }

      .post {
        height: 356px;
      }

      .action-4 .news-cover {
        height: 176px;
      }

      @media (max-width: 1200px) {
        .video-wrap-content{
          font-size: 28px;
        }

        @media (max-width: 1080px) {

          .video-wrap {
            height: 416px;
          }

          .author-list {
            height: 287px;
          }

          .author-avatar {
            margin: 0 10px;
          }

          .author-list .swiper-container {
            height: 257px;
          }

          .video-more {
            height: 129px;
            padding: 10px 20px 10px;
          }

          .video-info {
            height: 80px;
          }

          .video-info p {
            margin: 8px 0;
          }

          .action-3 .news-cover {
            height: 186px;
          }

          .post {
            height: 280px;
          }

          .action-4 .news-cover {
            height: 136px;
          }

          @media (max-width: 1024px) {

            .article-title {
              margin: 80px 0 10px;
            }

            .article-title h1, .product-text h2 {
              font-size: 22px;
              line-height: 31px;
            }

            .product-text h2 {
              max-height: 62px;
              line-height: 31px;
            }

            .read-more, .product-name {
              font-size: 14px;
            }

            .article-title p, .product-text .product-intro, .product-tab-title, .nested-tabs a, .product-description, .author-name, .video-more .read-more {
              font-size: 12px;
            }

            .product-text .product-intro {
              margin: 40px 20px 40px;
            }

            .swiper-list .product-list-cover {
              padding: 15px;
            }

            .swiper-list .swiper-slide:hover .product-list-cover {
              padding: 15px;
            }

            .active .product-text .product-intro {
              margin: 20px 20px 20px;
            }

            /*.news-info .read-more,, .news-intro.news-date , .news-title, .post-text h1, .post-text h2*/
            .video-title {
              font-size: 10px;
            }

            .product-tab .nested-tabs {
              display: none;
            }

            .swiper-wrapper-mobile {
              display: block;
            }

            .swiper-wrapper-pc {
              display: none;
            }

            .swiper-parent {
              height: 430px;
              margin-top: 20px;
            }

            .swiper-list .swiper-slide {
              height: 430px;
            }

            .swiper-parent .swiper-nested .swiper-button-prev, .swiper-parent .swiper-nested .swiper-button-next {
              visibility: visible !important;
              margin-top: 0;
            }

            .product-tab-title, .product-tab-nav {
              width: 120px;
            }

            .video-wrap {
              height: 385px;
            }

            .author-list {
              height: 261px;
            }

            .video-authors .author {
              height: 65px;
            }

            .author-avatar {
              height: 45px;
              width: 45px;
              margin: 0 10px;
            }

            .author-list .swiper-container {
              height: 231px;
            }

            .video-more {
              height: 124px;
              padding: 10px 20px 10px;
            }

            .video-more .read-more {
              margin-top: 0;
            }

            .mobile-iframe-wrap {
              margin-top: 0;
              height: 100%;
              background: #000;

              -webkit-transition: all .4s linear;
              -moz-transition: all .4s linear;
              -ms-transition: all .4s linear;
              -o-transition: all .4s linear;
              transition: all .4s linear;
            }

            .action-3 .news-cover {
              height: 175px;
            }

            .post {
              height: 265px;
            }

            .post-text {
              height: 101px;
              padding: 15px 20px;
            }

            .action-4 .news-cover {
              height: 128px;
            }

            @media (max-width: 768px) {
              .banner-swiper {
                height: 432px;
              }

              .product-tab-title, .product-tab-nav {
                width: 100px;
              }

              .product-only .tabs, .community-product-only .tabs {
                display: none;
              }

              .product {
                display: none;
              }

              .product-text h2 {
                padding: 0 20px;
              }

              .product-mobile {
                display: inline-block;
                width: 100%;
                /*padding: 0 40px;*/
                height: auto;
                /*margin: 20px 20px 0;*/
              }

              /* .swiper-wrapper { */
                /*display: block !important;*/
              /* } */

              .product-mobile .swiper-button-prev, .product-mobile .swiper-button-next {
                /*display: none;*/
                top: 250px;
                margin-top: -30px;
                width: 60px;
                height: 60px;
                background-size: 60px 60px;
              }

              .product-item {
                text-align: center;
              }

              .product-info {
                display: block;
                top: 0;
                width: 100%;
                margin: 20px auto;
                padding: 0;
                opacity: 1;
                text-align: center;
              }

              .product-text .product-intro {
                margin: 20px 20px 20px;
              }

              .video {
                display: none;
              }

              .mobile-video {
                display: block;
              }

              .mobile-author-list .swiper-slide {
                width: 670px;
                background: #14181f;
              }

              .mobile-video-wrap {
                position: relative;
                width: 100%;
                height: 377px;
              }

              .mobile-author-list .iframe {
                position: relative;
                z-index: 1;
                overflow: hidden;
              }

              #video-overlay {
                -webkit-transition: all .4s linear;
                -moz-transition: all .4s linear;
                -ms-transition: all .4s linear;
                -o-transition: all .4s linear;
                transition: all .4s linear;
              }

              .mobile-iframe-wrap {
                position: absolute;
                top: 50%;
                margin-top: -226px;
                width: 100%;
                height: 432px;
              }

              .video-play {
                pointer-events: none;
                position: absolute;
                z-index: 2;
                top: 50%;
                left: 50%;
                width: 91px;
                height: 91px;
                margin-top: -45px;
                margin-left: -45px;
                background-position: center;
                background-repeat: no-repeat;
                background-size: 91px 91px;
                cursor: pointer;
                background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFsAAABbCAYAAAAcNvmZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ0MzNGRjMzNzhDMjExRTc4OUE2QjdFODRCQ0MxRkMyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ0MzNGRjM0NzhDMjExRTc4OUE2QjdFODRCQ0MxRkMyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDQzM0ZGMzE3OEMyMTFFNzg5QTZCN0U4NEJDQzFGQzIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDQzM0ZGMzI3OEMyMTFFNzg5QTZCN0U4NEJDQzFGQzIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5erGqnAAANN0lEQVR42uyd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');
              }

              .mobile-author {
                text-align: center;
              }

              .mobile-author-avatar {
                position: relative;
                z-index: 10;
                width: 80px;
                height: 80px;
                margin: -40px auto 10px;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%;
                overflow: hidden;
              }

              .mobile-author-name {
                display: inline-block;
                margin-bottom: 40px;
                font-size: 14px;
              }

              .mobile-video-prev, .mobile-video-next {
                position: absolute;
                top: 0;
                z-index: 10;
                height: 100%;
                width: 80px;
                /*margin-top: -12px;*/
                background-position: center;
                background-repeat: no-repeat;
                background-size: 14px 27px;
                cursor: pointer;
              }

              .mobile-video-prev.swiper-button-disabled, .mobile-video-next.swiper-button-disabled {
                opacity: .35;
              }

              .mobile-video-prev {
                left: 0;
                /*background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAbCAYAAABMU775AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzA2RjFGNjE3NDI4MTFFN0I1RENBNTU2Q0FFRDc1MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzA2RjFGNjI3NDI4MTFFN0I1RENBNTU2Q0FFRDc1MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3MDZGMUY1Rjc0MjgxMUU3QjVEQ0E1NTZDQUVENzUxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3MDZGMUY2MDc0MjgxMUU3QjVEQ0E1NTZDQUVENzUxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuVOrTAAAAEwSURBVDhPndSxLgRRFMbxK3qNSmUbUYlOdKxOKCVaovYA4gF4gX0BVuMJPIBOqxKNioaCIBIx/p+cO7lz51yZ2ZP8JjPfnMnNzNm9U1VVhR41jQucBz3YkRY5g+rKaygZQXWDGa/BcwLVLWYRvKbcEVT3mMNfnjflDqF6wAD1vbQpt4cfPGHRslrjIrGDb7xg2bKGVoBNfOENq5a15MEa3vGJDctc6cUKXqHVti0riidLeIbea9eyf+mwgEfoCx4o7EKHa6gu0Woo0UEz0qy0ombXavLEE81KM9M7aoaNJk96oZlpdvqqW5YV5cEQH2bdMpcXajWtqplqtl6P+6BolnpfzbbzbzXaR+9/R5T+H+dR30ubSo6hukPnHSA6harXnhNNtMtJY1+dZCcfhxDGvzAFWzg/dJMzAAAAAElFTkSuQmCC');*/
                background-image: none;
              }

              .mobile-video-next {
                right: 0;
                /*background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAbCAYAAABMU775AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzA2RjFGNjE3NDI4MTFFN0I1RENBNTU2Q0FFRDc1MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzA2RjFGNjI3NDI4MTFFN0I1RENBNTU2Q0FFRDc1MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3MDZGMUY1Rjc0MjgxMUU3QjVEQ0E1NTZDQUVENzUxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3MDZGMUY2MDc0MjgxMUU3QjVEQ0E1NTZDQUVENzUxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuVOrTAAAAE4SURBVDhPndS/SgNBEMfxiL1NKittJFVIJ3b+6URLwTbB2gcQH0BfIC9go/gEPoCdrZXYWGmjhUFFEM/v79iE2Z2JXDLwOW5nZ1n2httWVVV7uMQiNG5EjxsoLrAAVxTRYwl3UAzhiiLjlzbuoThHVhSxg2U8QHEKO+eUiRU8QXGMcn4iSnbwgl8MUs4Jk+jhFT84TLmMSxjreMc31OtsPhsEtvCZbKdczRZNo9206wgbKddooRxA532Dzt94ofShL60v3okK/nMNxW00Oc0RtOMz1qKCiHqpM6q3XeWiotI+9FXVU/W2zpdFpR184QObKVezRSX1TL3TbrspN5ENDPVKPdO51ENX4xKwf4d6F9W4hauY+X/UDfAIxQnsnDN+sXfOGbKiiB5z33Jz36v6364ww01etf4A9b+oPXfpjhgAAAAASUVORK5CYII=');*/
                background-image: none;
              }

              .post {
                width: 100%;
                height: 419px;
              }

              .post-text {
                height: auto;
              }

              .action-item {
                width: 100%;
              }

              .action-3 .news-cover, .action-4 .news-cover {
                height: 409px;
              }

              @media (max-width: 720px) {
                .banner-swiper {
                  height: 405px;
                }

                .product-tab-title, .product-tab-nav {
                  width: 90px;
                }

                .article-title {
                  margin: 50px 0 10px;
                }

                .action-3 .news-cover, .action-4 .news-cover {
                  height: 382px;
                }

                .post {
                  height: 392px;
                }

                .product-tab {
                  margin-bottom: 30px;
                }

                .swiper-list .product-list-cover {
                  width: 360px;
                }

                .post-text {
                  padding: 15px 20px;
                }

                .post-text h1 {
                  font-size: 12px;
                  line-height: 16px;
                  max-height: 32px;
                }

                .post-text h2 {
                  font-size: 10px;
                  line-height: 14px;
                  height: 14px;
                }

                .posts {
                  margin: 20px auto 40px;
                }

                .news {
                  margin: 20px auto 10px;
                }

                .news-info {
                  padding: 16px 20px 0 0;
                }

                .news-all {
                  margin-bottom: 30px;
                }

                .mobile-author-list .swiper-slide {
                  width: 622px;
                }

                .mobile-video-wrap {
                  height: 350px;
                }

                .mobile-iframe-wrap {
                  margin-top: 0;
                  height: 100%;
                }

                @media (max-width: 480px) {

                  .product-tab-title, .product-tab-nav {
                    width: 80px;
                  }

                  @media (max-width: 414px) {

                    .banner-swiper .swiper-pagination {
                      bottom: 10px;
                    }

                    .banner-swiper .swiper-pagination-bullet {
                      width: 8px;
                      height: 8px;
                      margin: 20px 0 0 10px;
                    }

                    .banner-swiper {
                      height: 233px;
                    }

                    .swiper-parent {
                      height: 380px;
                    }

                    .swiper-list {
                      padding: 0;
                    }

                    .swiper-list .swiper-slide {
                      height: 380px;
                      width: 100%;
                    }

                    .swiper-list .product-list-cover {
                      width: 294px;
                      height: 294px;
                    }

                    .product-tab-title, .product-tab-nav {
                      width: 70px;
                      font-size: 12px;
                    }

                    .parent-tabs .product-tab-title .icon-img {
                      height: 44px;
                      width: 44px;
                    }

                    .product-item {
                      text-align: center;
                    }

                    .product-cover {
                      width: 350px;
                      height: 350px;
                    }

                    .product-info {
                      /*width: 380px;*/
                      margin: 20px auto;
                      padding: 0;
                    }

                    .product-mobile .swiper-button-prev {
                      left: 20px;
                    }

                    .product-mobile .swiper-button-next {
                      right: 20px;
                    }

                    .product-mobile .swiper-button-prev, .product-mobile .swiper-button-next {
                      top: 175px;
                      margin-top: -30px;
                      width: 60px;
                      height: 60px;
                      background-size: 60px 60px;
                    }

                    .swiper-parent .swiper-nested .swiper-button-prev, .swiper-parent .swiper-nested .swiper-button-next {
                      width: 60px;
                      background-size: 60px 60px;
                    }

                    .action-3 .news-cover, .action-4 .news-cover {
                      height: 210px;
                    }

                    .post {
                      height: 220px;
                    }

                    .mobile-author-list .swiper-slide {
                      width: 350px;
                    }

                    .mobile-video-wrap {
                      height: 197px;
                    }

                    .mobile-author-avatar {
                      width: 50px;
                      height: 50px;
                      margin: -25px auto 5px;
                    }

                    .mobile-author-name {
                      font-size: 12px;
                      margin-bottom: 25px;
                    }

                    .mobile-video-prev, .mobile-video-next {
                      width: 60px;
                    }

                    .mobile-iframe-wrap {
                      margin-top: -116px;
                      height: 233px;
                    }

                    .video-play {
                      width: 46px;
                      height: 46px;
                      margin-top: -23px;
                      margin-left: -23px;
                      background-size: 46px 46px;
                      background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFBMUE5RjM0NzgyRDExRTc4RDM1QTg5NTMzQTFDMzY5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFBMUE5RjM1NzgyRDExRTc4RDM1QTg5NTMzQTFDMzY5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUExQTlGMzI3ODJEMTFFNzhEMzVBODk1MzNBMUMzNjkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQTlGMzM3ODJEMTFFNzhEMzVBODk1MzNBMUMzNjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6avg0iAAAHjUlEQVR42uSb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');
                    }

                    @media (max-width: 375px) {
                      .banner-swiper {
                        height: 211px;
                      }

                      .article-title {
                        margin: 30px 0 10px;
                      }

                      .product-tab-title, .product-tab-nav {
                        width: 65px;
                        /*font-size: 12px;*/
                      }

                      .swiper-parent {
                        height: 320px;
                      }

                      .swiper-list .swiper-slide {
                        height: 320px;
                      }

                      .swiper-list .product-list-cover {
                        width: 255px;
                        height: 255px;
                      }

                      .action-3 .news-cover, .action-4 .news-cover {
                        height: 188px;
                      }

                      .post {
                        height: 198px;
                      }

                      .mobile-author-list .swiper-slide {
                        width: 316px;
                      }

                      .mobile-video-wrap {
                        height: 178px;
                      }

                      .mobile-iframe-wrap {
                        margin-top: -105px;
                        height: 211px;
                      }

                      @media (max-width: 320px) {
                        .banner-swiper {
                          height: 180px;
                        }

                        .product-tab-title {
                          width: 60px;
                          font-size: 10px;
                        }

                        .parent-tabs .product-tab-title .icon-img {
                          height: 40px;
                          width: 40px;
                        }

                        .product-tab-nav {
                          width: 60px;
                        }

                        .product-cover {
                          width: 260px;
                          height: 260px;
                          /*height: 100%;*/
                        }

                        .product-mobile .swiper-button-prev, .product-mobile .swiper-button-next {
                          /*display: none;*/
                          top: 130px;
                        }

                        .product-text .product-intro {
                          line-height: 20px;
                          max-height: 240px;
                        }

                        .product-info {
                          margin: 15px auto;
                        }

                        .swiper-parent {
                          height: 305px;
                        }

                        .swiper-list .swiper-slide {
                          height: 305px;
                        }

                        .swiper-list .product-list-cover {
                          width: 235px;
                          height: 235px;
                        }

                        .swiper-parent .swiper-button-prev, .swiper-parent .swiper-button-next {
                          margin-top: -20px;
                        }

                        .action-3 .news-cover, .action-4 .news-cover {
                          height: 157px;
                        }

                        .post {
                          height: 167px;
                        }

                        .post-text h1 {
                          display: block;
                          white-space: nowrap;
                          overflow: hidden;
                          text-overflow: ellipsis;
                        }

                        .mobile-author-list .swiper-slide {
                          width: 260px;
                        }

                        .mobile-video-wrap {
                          height: 146px;
                        }

                        .mobile-iframe-wrap {
                          margin-top: -90px;
                          height: 180px;
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

.product-type-cover {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: default;
}

.swiper-slide:hover > .product-type-cover {
  display: block;
}

.type-cover-half {
  float: left;
  width: 50%;
  height: 100%;
  text-align: center;
}

.product-type-btn1 {
  vertical-align: middle;
  display: inline-block;
  height: 100%;
  /*background: red;*/
}

.product-type-btn {
  vertical-align: middle;
  display: inline-block;
  width: 60%;
  padding: 2px 5px;
  color: #fff;
  border: 1px solid #fff;
  cursor: pointer;
}

.product-type-btn:hover {
  color: #99604c;
  border: 1px solid #99604c;
}