@font-face {
   font-family: 'iconfont';
   src: url('../fonts/iconfont.eot');
   src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/iconfont.woff2') format('woff2'),
        url('../fonts/iconfont.woff') format('woff'),
        url('../fonts/iconfont.ttf') format('truetype'),
        url('../fonts/iconfont.svg#iconfont') format('svg');
}
@font-face {
   font-family: 'DINOT Regular';
   font-weight: 100;
   src: url('../fonts/DINOT-Regular.ttf');
}
@font-face {
   font-family: 'DINOT Light';
   font-weight: 100;
   src: url('../fonts/DINOT-Light.ttf');
}
@font-face {
   font-family: 'DINAlternate Bold';
   src: url('../fonts/DINAlternate-Bold.ttf');
}
@font-face {
   font-family: 'DIN Black';
   src: url('../fonts/DIN-Black.ttf');
}
@font-face {
   font-family: 'DIN Medium';
   src: url('../fonts/DIN-Medium.ttf');
}
.iconfont {font-family: "iconfont" !important;}
* {margin: 0;padding: 0;}
body {font: 12px/1.5 Microsoft YaHei,tahoma,arial,Hiragino Sans GB,sans-serif;}
a {text-decoration: none !important;}
i {font-style: initial;}
li {list-style: none;}
img {display: block;}
p {margin: 0;}
ul {margin-bottom: 0;}
.flowRoot {    // 娓呴櫎娴姩锛屽苟鍏煎浣庣増鏈祻瑙堝櫒
   @supports(display:flow-root){
      display: flow-root;
   }
   @supports not (display:flow-root){
      display: inline-block;
      clear: both;
   }
}

@themeColor: #CF000E;
@titleColor: #5A5A5A;
@whiteColor: #FFFFFF;

@screen-sm-min: 768px;
@screen-md-min: 992px;
@screen-lg-min: 1260px;

/*----------------------------------------*/
/*  瓒呭皬灞忓箷锛堟墜鏈猴紝灏忎簬 768px锛
/*----------------------------------------*/
#home {
   .banner {
      .swiper-slide {
         max-height: 210px;
         .bannerVideo {
            video {
               width: 100%;
            }
         }
         .content {
            width: 100%;
            padding: 0 18px;
            text-align: center;
            position: absolute;
            top: 20px;
            .title {
               line-height: 42px;
               font-size: 20px;
               color: @whiteColor;
            }
            .more {
               width: 90px;
               height: 30px;
               line-height: 28px;
               font-size: 12px;
               color: @whiteColor;
               border: 1px solid @themeColor;
               background-color: @themeColor;
               letter-spacing: 2px;
               margin: 25px auto 0;
               display: block;
            }
         }
      }
      .button {
         width: 100%;
         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;
         font-family: "DINOT Light";
         position: absolute;
         bottom: 20px;
         left: 0;
         z-index: 1;
         a {
            width: 30px;
            height: 30px;
            line-height: 26px;
            font-size: 22px;
            text-align: center;
            color: @whiteColor;
            border: 2px solid @whiteColor;
            border-radius: 50%;
            &:hover, &:active {
               color: @themeColor;
               background-color: @whiteColor;
            }
         }
         .currentPage {
            margin-left: 12px;
            font-size: 21px;
            font-weight: bold;
            color: @whiteColor;
         }
         i {
            font-size: 15px;
            color: @whiteColor;
            opacity: 0.7;
            margin: 0 6px;
         }
         .totalingPage {
            margin-right: 15px;
            font-size: 20px;
            font-weight: normal;
            color: rgba(255, 255, 255, .5);
         }
      }
   }
   .floor1 {
      width: 100%;
      padding: 20px 0;
      margin: 0 auto;
      background-image: url("../images/index/xs-floor1Bg.jpg");
      background-size: 100% 100%;
      background-repeat: no-repeat;
      background-size: 100% 100%;
      display: flex;
      justify-content: center;
      .flowRoot();
      .list {
         text-align: center;
         margin-top: 10px;
         display: flex;
         justify-content: center;
         align-items: center;
         position: relative;
         overflow: hidden;
         .imgBg {
            width: 100%;
            display: contents;
            img {
               height: 100%;
               transition: all .5s;
            }
         }
         .box {
            width: 100%;
            position: absolute;
            left: 0;
            top: 5vw;
            .icon {
               width: 31px;
               margin: 0 auto;
            }
            .ch_name {
               line-height: 1;
               font-size: 18px;
               font-weight: bold;
               color: @whiteColor;
               margin-top: 10px;
            }
            .en_name {
               line-height: 1;
               font-size: 9px;
               font-weight: bold;
               color: @whiteColor;
               opacity: 0.6;
               margin-top: 6px;
            }
         }
      }
      .leftBox {
         display: flex;
         flex-wrap: wrap;
         .list {
            &:nth-child(1) {
               width: 100%;
               margin-top: 0;
            }
            &:nth-child(2) {
               width: calc(~ "50% - 5px");
            }
            &:nth-child(3) {
               width: calc(~ "50% - 5px");
               margin-left: 10px;
            }
         }
      }
      .rightBox {
         width: 100%;
         margin-top: 10px;
      }
   }
   .floor2 {
      padding: 24px 20px 30px;
      background-image: url("../images/index/xs-floor2Bg.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      .tabs {
         border-bottom: 1px solid rgba(255, 255, 255, .1);
         ul {
            height: 39px;
            display: flex;
            justify-content: space-between;
            position: relative;
            li {
               float: left;
               display: flex;
               &::before {
                  content: "";
                  width: 13px;
                  height: 13px;
                  border: 3px solid rgba(255, 255, 255, .7);
                  border-radius: 50%;
                  display: inline-block;
                  margin-top: 1px;
               }
               a {
                  line-height: 1;
                  font-size: 14px;
                  color: rgba(255, 255, 255, .7);
                  letter-spacing: 1px;
                  padding-left: 8px;
               }
               &.active {
                  border-bottom: 2px solid @themeColor;
                  margin-bottom: -1px;
                  &::before {
                     border-color: @whiteColor;
                  }
                  a {
                     color: @whiteColor;
                  }
               }
            }
         }
      }
      .goodList {
         margin-top: 10px;
         .swiper-slide {
            ul {
               display: flex;
               flex-wrap: wrap;
               li {
                  width: calc(~ "50% - 5px");
                  background-color: @whiteColor;
                  border-bottom: 5px solid @themeColor;
                  margin-top: 10px;
                  margin-left: 10px;
                  &:nth-child(odd) {
                     margin-left: 0;
                  }
                  .goodsImg {
                     display: block;
                     overflow: hidden;
                     img {
                        height: 20vw;
                        transition: all .5s;
                     }
                  }
                  .name {
                     line-height: 1;
                     font-size: 18px;
                     font-weight: bold;
                     letter-spacing: 1px;
                     color: @titleColor;
                     padding: 15px 15px 0;
                  }
                  .synopsis {
                     line-height: 1;
                     font-size: 11px;
                     color: @titleColor;
                     margin: 9px 15px 13px;
                     word-wrap: break-word;
                     display: -webkit-box;
                     overflow :hidden;
                     text-overflow: ellipsis;
                     word-wrap: break-word;
                     -webkit-line-clamp: 1;
                     -webkit-box-orient: vertical;
                  }
               }
            }
         }
      }
      .more {
         margin-top: 30px;
         a {
            width: 90px;
            height: 30px;
            line-height: 28px;
            text-align: center;
            color: @whiteColor;
            font-size: 12px;
            letter-spacing: 2px;
            border: 1px solid @whiteColor;
            margin: 0 auto;
            display: block;
         }
      }
   }
   .floor3 {
      width: 100%;
      padding: 24px 0 0 20px;
      background-image: url("../images/index/xs-floor3Bg.jpg");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      overflow: hidden;
      .flowRoot();
      .title {
         width: 100%;
         height: 100%;
         padding-right: 20px;
         .flowRoot();
         .name {
            line-height: 1;
            font-size: 28px;
            font-weight: bold;
            color: @titleColor;
         }
         .more {
            width: 90px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            color: @whiteColor;
            border: 1px solid @themeColor;
            background-color: @themeColor;
            font-size: 12px;
            letter-spacing: 2px;
            transition: all .3s;
            float: right;
         }
      }
      .contentBox {
         margin: 20px 0 20px;
         padding-right: 20px;
         position: relative;
         .img {
            width: 100%;
            min-height: 168px;
         }
         .info {
            padding: 0 50px 0 30px;
            color: @whiteColor;
            position: absolute;
            top: 58px;
            .name {
               line-height: 1;
               font-size: 18px;
               font-weight: bold;
            }
            .describe {
               line-height: 18px;
               font-size: 11px;
               letter-spacing: 1px;
               margin-top: 10px;
            }
         }
      }
      .nav {
         ul {
            display: flex;
            justify-content: space-between;
            li {
               width: calc(~ "(100% - 6px) / 3");
               line-height: 1;
               color: @titleColor;
               border-bottom: 3px solid @whiteColor;
               padding: 13px 13px 14px 15px;
               background-color: @whiteColor;
               float: left;
               .orderNum {
                  font-family: "DIN Black";
                  font-size: 12px;
                  opacity: 0.3;
               }
               .name {
                  font-size: 14px;
                  margin-top: 10px;
                  i {
                     opacity: 0.4;
                     float: right;
                  }
               }
               &.on {
                  color: @themeColor;
                  border-color: @themeColor;
                  .orderNum {
                     opacity: 1;
                  }
               }
            }
         }
      }
      .tabs {
         margin-top: 20px;
         padding-right: 20px;
         .flowRoot();
         ul {
            li {
               line-height: 1;
               margin-left: 42px;
               float: left;
               &:nth-child(1) {
                  margin-left: 0;
               }
               &.on {
                  a {
                     font-weight: bold;
                     color: @themeColor;
                  }
               }
               a {
                  line-height: 1;
                  font-size: 14px;
                  color: @titleColor;
                  letter-spacing: 1px;
                  display: inline-block;
               }
            }
         }
      }
      .newsList {
         margin: 22px 0 40px;
         .swiper-slide{
            width: 61%;
            .img {
               img {
                  height: 50vw;
               }
            }
            .info {
               line-height: 1;
               padding: 15px;
               background-color: @whiteColor;
               border-bottom: 5px solid @whiteColor;
               .title {
                  line-height: 25px;
                  font-size: 18px;
                  word-wrap: break-word;
                  display: -webkit-box;
                  overflow :hidden;
                  text-overflow: ellipsis;
                  word-wrap: break-word;
                  -webkit-line-clamp: 1;
                  -webkit-box-orient: vertical;
                  font-weight: bold;
                  color: @titleColor;
               }
               .describe {
                  height: 36px;
                  line-height: 18px;
                  font-size: 11px;
                  word-wrap: break-word;
                  display: -webkit-box;
                  overflow :hidden;
                  text-overflow: ellipsis;
                  word-wrap: break-word;
                  -webkit-line-clamp: 2;
                  -webkit-box-orient: vertical;
                  color: @titleColor;
                  margin-top: 12px;
               }
               .time {
                  font-size: 9px;
                  font-weight: bold;
                  font-family: "DIN Medium";
                  color: @themeColor;
                  margin-top: 21px;
               }
            }
         }
      }
   }
}

/*----------------------------------------*/
/*  灏忓睆骞曪紙骞虫澘锛屽ぇ浜庣瓑浜 768px锛
/*----------------------------------------*/
@media (min-width: @screen-sm-min) {
   #home {
      .banner {
         .content {
            padding: 0 36px;
            top: 130px;
            .title {
               line-height: 84px;
               font-size: 62px;
            }
            .more {
               width: 180px;
               height: 60px;
               line-height: 58px;
               font-size: 24px;
               letter-spacing: 5px;
               margin: 50px auto 0;
            }
         }
         .button {
            bottom: 81px;
            a {
               width: 60px;
               height: 60px;
               line-height: 54px;
               font-size: 44px;
               border: 3px solid @whiteColor;
            }
            .currentPage {
               font-size: 42px;
               margin-left: 23px;
            }
            i {
               font-size: 30px;
               margin: 0 11px;
            }
            .totalingPage {
               font-size: 41px;
               margin-right: 29px;
            }
         }
      }
      .floor1 {
         padding: 40px 0;
         margin: 0 auto;
         background-image: url("../images/index/xs-floor1Bg.jpg");
         background-size: 100% 100%;
         display: block;
         .list {
            // height: 237px;
            margin-top: 24px;
            .box {
               .icon {
                  width: 61px;
               }
               .ch_name {
                  font-size: 36px;
                  font-weight: normal;
                  margin-top: 20px;
               }
               .en_name {
                  font-size: 18px;
                  margin-top: 11px;
               }
            }
         }
         .leftBox {
            .list {
               &:nth-child(1) {
                  margin-top: 0;
               }
               &:nth-child(2) {
                  width: calc(~ "50% - 10px");
               }
               &:nth-child(3) {
                  width: calc(~ "50% - 10px");
                  margin-left: 20px;
               }
            }
         }
      }
      .floor2 {
         padding: 44px 40px 70px;
         .tabs {
            border-bottom: 2px solid rgba(255, 255, 255, 0.1);
            ul {
               height: 77px;
               li {
                  &.active {
                     border-bottom: 3px solid #CF000E;
                     margin-bottom: -2px;
                  }
                  &::before {
                     width: 26px;
                     height: 26px;
                     border: 6px solid rgba(255, 255, 255, 0.7);
                     margin-top: 2px;
                  }
                  a {
                     font-size: 28px;
                     padding-left: 15px;
                  }
               }
            }
         }
         .goodList {
            margin-top: 20px;
            .swiper-slide {
               ul {
                  li {
                     width: calc(~ "50% - 10px");
                     margin-top: 20px;
                     margin-left: 20px;
                     border-bottom: 10px solid #CF000E;
                     .name {
                        padding: 30px 30px 0;
                        font-size: 30px;
                     }
                     .synopsis {
                        font-size: 16px;
                        margin: 18px 30px 26px;
                        word-wrap: break-word;
                        display: -webkit-box;
                        overflow :hidden;
                        text-overflow: ellipsis;
                        word-wrap: break-word;
                        -webkit-line-clamp: 1;
                        -webkit-box-orient: vertical;
                     }
                  }
               }
            }
         }
         .more {
            margin-top: 70px;
            a {
               width: 180px;
               height: 60px;
               line-height: 58px;
               font-size: 24px;
               letter-spacing: 5px;
            }
         }
      }
      .floor3 {
         padding: 47px 0 0 40px;
         background-image: url("../images/index/xs-floor3Bg.jpg");
         .title {
            width: 100%;
            padding-right: 40px;
            .name {
               font-size: 56px;
            }
            .more {
               width: 180px;
               height: 60px;
               line-height: 60px;
               font-size: 24px;
               letter-spacing: 5px;
            }
         }
         .contentBox {
            margin: 40px 0 40px;
            padding-right: 40px;
            .info {
               padding: 0 98px 0 58px;
               top: 115px;
               .name {
                  font-size: 36px;
                  font-weight: normal;
               }
               .describe {
                  line-height: 36px;
                  font-size: 22px;
                  letter-spacing: 1px;
                  margin-top: 20px;
               }
            }
         }
         .nav {
            ul {
               li {
                  width: calc(~ "(100% - 10px) / 3");
                  border-bottom: 5px solid #FFFFFF;
                  padding: 25px 25px 28px 30px;
                  .orderNum {
                     font-size: 24px;
                  }
                  .name {
                     font-size: 28px;
                     margin-top: 20px;
                  }
               }
            }
         }
         .tabs {
            margin-top: 40px;
            padding-right: 40px;
            ul {
               li {
                  margin-left: 84px;
                  a {
                     font-size: 28px;
                     letter-spacing: 2px;
                  }
               }
            }
         }
         .newsList {
            margin: 43px 0 80px;
            .swiper-slide {
               width: 61%;
               .info {
                  padding: 30px;
                  border-bottom: 10px solid @whiteColor;
                  .title {
                     line-height: 50px;
                     font-size: 36px;
                  }
                  .describe {
                     height: 72px;
                     line-height: 36px;
                     font-size: 22px;
                     margin-top: 23px;
                  }
                  .time {
                     font-size: 18px;
                     margin-top: 42px;
                  }
               }
            }
         }
      }
   }
}

/*----------------------------------------*/
/* 涓瓑灞忓箷锛堟闈㈡樉绀哄櫒锛屽ぇ浜庣瓑浜 992px锛 */
/*----------------------------------------*/
@media (min-width: @screen-md-min) {
   #home {
      .banner {
         .swiper-slide {
            max-height: 960px;
            .content {
               width: 46vw;
               text-align: left;
               padding: 0 80px;
               top: 11vw;
               .title {
                  line-height: 5vw;
                  font-size: 3vw;
               }
               .describe {
                  line-height: 16px;
                  font-size: 9px;
                  color: @whiteColor;
                  margin-top: 15px;
               }
               .more {
                  width: 70px;
                  height: 25px;
                  line-height: 23px;
                  font-size: 8px;
                  text-align: center;
                  letter-spacing: 2px;
                  color: @whiteColor;
                  border: 1px solid @whiteColor;
                  background-color: rgba(255, 255, 255, 0);
                  margin: 35px 0 0;
                  transition: all .3s;
                  &:hover {
                     border: 1px solid @themeColor;
                     background-color: @themeColor;
                  }
               }
            }
            .button {
               width: initial;
               margin-left: 80px;
               a {
                  width: 20px;
                  height: 20px;
                  line-height: 16px;
                  font-size: 16px;
                  border: 2px solid #FFFFFF;
               }
               .currentPage {
                  font-size: 14px;
                  margin-left: 8px;
               }
               i {
                  font-size: 10px;
                  margin: 0 3px;
               }
               .totalingPage {
                  font-size: 13px;
                  margin-right: 10px;
               }
            }
         }
      }
      .floor1 {
         padding: 50px 0;
         margin: 0 auto;
         background-image: url("../images/index/floor1Bg.jpg");
         background-size: 100% 100%;
         display: flex;
         justify-content: center;
         .list {
            cursor: pointer;
            .box {
               .icon {
                  width: 31px;
               }
               .ch_name {
                  font-size: 13px;
                  margin-top: 16px;
               }
               .en_name {
                  font-size: 6px;
                  margin-top: 7px;
               }
            }
            &:hover {
               .imgBg {
                  img {
                     transform: scale(1.1);
                  }
               }
            }
         }
         .leftBox {
            width: 576px;
            .list {
               // height: 170px;
               &:nth-child(1) {
                  width: 576px;
                  height: 204px;
               }
               &:nth-child(2) {
                  width: 276px;
                  height: 204px;
               }
               &:nth-child(3) {
                  width: 276px;
                  height: 204px;
               }
            }
         }
         .rightBox {
            width: 360px;
            min-width: 360px;
            height: 432px;
            margin-top: 0;
            margin-left: 24px;
            .info {
               width: 50%;
               margin: 15px auto 0;
               text-align: center;
               color: @whiteColor;
               .line {
                  width: 6px;
                  height: 2px;
                  background-color: @whiteColor;
                  margin: 0 auto;
                  display: block;
               }
               .describe {
                  line-height: 23px;
                  font-size: 8px;
                  margin-top: 17px;
                  color: #FFF;
               }
               .all {
                  width: 70px;
                  height: 25px;
                  line-height: 23px;
                  font-size: 8px;
                  color: @whiteColor;
                  letter-spacing: 2px;
                  border: 1px solid @whiteColor;
                  margin-top: 68px;
                  display: inline-block;
                  transition: all .3s;
                  &:hover {
                     border: 1px solid @themeColor;
                     background-color: @themeColor;
                  }
               }
            }
         }
      }
      .floor2 {
         padding: 26px 80px 30px;
         background-image: url("../images/index/floor2Bg.png");
         .tabs {
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            position: relative;
            ul {
               width: 50%;
               height: 41px;
               li {
                  &.active {
                     border-bottom: 2px solid #CF000E;
                     margin-bottom: -1px;
                  }
                  &::before {
                     width: 11px;
                     height: 11px;
                     border: 2px solid rgba(255, 255, 255, 0.7);
                     margin-top: 1px;
                  }
                  a {
                     font-size: 11px;
                     padding-left: 6px;
                  }
               }
            }
            .button {
               position: absolute;
               top: 0;
               right: 0;
               a {
                  width: 20px;
                  height: 20px;
                  line-height: 16px;
                  text-align: center;
                  font-size: 12px;
                  color: @whiteColor;
                  border: 2px solid @whiteColor;
                  border-radius: 50%;
                  margin-left: 5px;
                  display: inline-block;
                  &:hover, &:active {
                     color: @themeColor;
                     background-color: @whiteColor;
                  }
               }
            }
         }
         .goodList {
            margin-top: 34px;
            // overflow: initial !important;
            .swiper-slide {
               ul {
                  li {
                     width: calc(~ "25% - 2.5vw");
                     margin-top: 0;
                     margin-left: 0;
                     border-bottom: 5px solid rgba(90, 90, 90, .1);
                     margin-right: 2.5vw;
                     transition: all .4s;
                     position: relative;
                     cursor: pointer;
                     .name {
                        padding: 15px 50px 0 20px;
                        font-size: 15px;
                     }
                     .synopsis {
                        line-height: 18px;
                        font-size: 8px;
                        letter-spacing: 1px;
                        margin: 8px 50px 20px 20px;
                        word-wrap: break-word;
                        display: -webkit-box;
                        overflow :hidden;
                        text-overflow: ellipsis;
                        word-wrap: break-word;
                        -webkit-line-clamp: 1;
                        -webkit-box-orient: vertical;
                     }
                     .iconfont {
                        width: 3vw;
                        height: 3vw;
                        line-height: 3vw;
                        text-align: center;
                        font-size: 12px;
                        color: #AFB2B2;
                        border: 1px solid #AFB2B2;
                        position: absolute;
                        bottom: 20px;
                        right: 20px;
                        transition: all .4s;
                     }
                     &:hover {
                        border-bottom: 5px solid @themeColor;
                        .goodsImg {
                           img {
                              transform: scale(1.1);
                           }
                        }
                        .iconfont {
                           color: @whiteColor;
                           border: 1px solid @themeColor;
                           background-color: @themeColor;
                           right: -5px;
                        }
                     }
                  }
               }
            }
         }
         .more {
            margin-top: 35px;
            a {
               width: 70px;
               height: 25px;
               line-height: 23px;
               font-size: 8px;
               letter-spacing: 2px;
               transition: all .3s;
            }
            &:hover {
               a {
                  border: 1px solid @themeColor;
                  background-color: @themeColor;
               }
            }
         }
      }
      .floor3 {
         padding: 40px 0 0 80px;
         background-image: url("../images/index/floor3Bg.jpg");
         .title {
            padding-right: 80px;
            .name {
               font-size: 25px;
            }
            .more {
               width: 70px;
               height: 25px;
               line-height: 25px;
               font-size: 8px;
               color: #AFB2B2;
               border: 1px solid #AFB2B2;
               background-color: rgba(255, 255, 255, 0);
               letter-spacing: 2px;
               &:hover {
                  color: @whiteColor;
                  border: 1px solid @themeColor;
                  background-color: @themeColor;
               } 
            }
            .tabs {
               margin-top: 0;
               padding-right: 30px;
               float: right;
               ul {
                  li {
                     margin-left: 30px;
                     a {
                        height: 25px;
                        line-height: 25px;
                        font-size: 11px;
                        font-weight: bold;
                        letter-spacing: 0;
                     }
                  }
               }
            }
         }
         .contentBox {
            margin: 30px 0 40px;
            padding-right: 80px;
            .img {
               height: 400px;
            }
            .info {
               padding: 0 40px 0 40px;
               top: 91px;
               .name {
                  font-size: 35px;
               }
               .describe {
                  width: 360px;
                  line-height: 20px;
                  font-size: 9px;
                  letter-spacing: 0;
                  margin-top: 14px;
               }
            }
            .nav {
               position: absolute;
               bottom: 30px;
               left: 40px;
               right: 120px;
               ul {
                  align-items: flex-end;
                  li {
                     width: calc(~ "33% - 10px");
                     padding: 0 20px 16px 20px;
                     margin-left: 20px;
                     background-color: rgba(255, 255, 255, .9);
                     border-color: rgba(255, 255, 255, 0);
                     transition: all .4s;
                     cursor: pointer;
                     &:nth-child(1) {
                        margin-left: 0;
                     }
                     &.on {
                        color: #5A5A5A;
                     }
                     .orderNum {
                        height: 0;
                        opacity: 0;
                        padding-top: 0;
                        font-size: 15px;
                        transition: all .4s;
                     }
                     .name {
                        font-size: 15px;
                        font-weight: bold;
                        padding-top: 17px;
                        margin-top: 0;
                        i {
                           font-size: 12px;
                           font-weight: normal;
                           margin-right: 50px;
                           transition: all .4s;
                        }
                     }
                     .synopsis {
                        line-height: 20px;
                        word-wrap: break-word;
                        display: -webkit-box;
                        overflow :hidden;
                        text-overflow: ellipsis;
                        word-wrap: break-word;
                        -webkit-line-clamp: 1;
                        -webkit-box-orient: vertical;
                        font-size: 8px;
                        color: @titleColor;
                        letter-spacing: 1px;
                        margin-top: 7px;
                        transition: all .3s;
                     }
                     &:hover {
                        border-color: @themeColor;
                        .orderNum {
                           height: 38px;
                           color: @themeColor;
                           opacity: 1;
                           padding-top: 14px;
                        }
                        .name {
                           i {
                              color: @themeColor;
                              margin-right: 0;
                              opacity: 1;
                           }
                        }
                        // .synopsis {
                        //    -webkit-line-clamp: 2;
                        // }
                     }
                  }
               }
            }
         }
         .newsList {
            margin: 32px 0 50px;
            .swiper-slide {
               width: 24vw;
               cursor: pointer;
               transition: all .4s;
               .img {
                  width: 100%;
                  height: 350px;
                  display: block;
                  overflow: hidden;
                  img {
                     width: 100%;
                     height: 100%;
                     transition: all .4s;
                  }
               }
               .info {
                  padding: 13px 20px;
                  border-bottom: 5px solid @whiteColor;
                  transition: all .5s;
                  .title {
                     line-height: 1.1;
                     word-wrap: break-word;
                     display: -webkit-box;
                     overflow :hidden;
                     text-overflow: ellipsis;
                     word-wrap: break-word;
                     -webkit-line-clamp: 1;
                     -webkit-box-orient: vertical;
                     padding-right: 0;
                     font-size: 15px;
                  }
                  .describe {
                     height: 26px;
                     line-height: 13px;
                     word-wrap: break-word;
                     display: -webkit-box;
                     overflow :hidden;
                     text-overflow: ellipsis;
                     word-wrap: break-word;
                     -webkit-line-clamp: 2;
                     -webkit-box-orient: vertical;
                     font-size: 8px;
                     margin-top: 7px;
                  }
                  .time {
                     font-size: 7px;
                     margin-top: 19px;
                  }
               }
               &:hover {
                  .img {
                     img {
                        transform: scale(1.1);
                     }
                  }
                  .info {
                     border-bottom: 5px solid @themeColor;
                     .title {
                        color: @themeColor;
                     }
                  }
               }
            }
         }
      }
   }
}

/*----------------------------------------*/
/* 澶у睆骞曪紙澶ф闈㈡樉绀哄櫒锛屽ぇ浜庣瓑浜 1200px锛
/*----------------------------------------*/
@media (min-width: @screen-lg-min) {
   #home {
      .banner {
         .swiper-wrapper {
            .content {
               width: 60vw;
               text-align: left;
               padding: 0 8vw;
               top: 11vw;
               .title {
                  line-height: 5vw;
                  font-size: 3vw;
               }
               .describe {
                  width: 678px;
                  line-height: 32px;
                  font-size: 18px;
                  color: @whiteColor;
                  letter-spacing: 1px;
                  margin-top: 30px;
               }
               .more {
                  width: 140px;
                  height: 50px;
                  line-height: 46px;
                  font-size: 16px;
                  text-align: center;
                  letter-spacing: 3px;
                  color: @whiteColor;
                  border: 2px solid @whiteColor;
                  margin: 69px 0 0;
                  &:hover {
                     border: 2px solid @themeColor;
                  }
               }
            }
         }
         .button {
            width: initial;
            bottom: 8vw;
            margin-left: 8vw;
            a {
               width: 40px;
               height: 40px;
               line-height: 34px;
               font-size: 32px;
               border: 3px solid #FFFFFF;
            }
            .currentPage {
               font-size: 28px;
               margin-left: 16px;
            }
            i {
               font-size: 20px;
               margin: 0 6px;
            }
            .totalingPage {
               font-size: 27px;
               margin-right: 20px;
            }
         }
      }
      .floor1 {
         padding: 100px 0;
         margin: 0 auto;
         background-image: url("../images/index/floor1Bg.jpg");
         background-size: 100% 100%;
         display: flex;
         justify-content: center;
         .leftBox {
            width: 50vw;
            .list {
               // height: 340px;
               margin-top: 2vw;
               cursor: pointer;
               &:nth-child(1) {
                  width: 50VW;
                  height: 18vw;
               }
               &:nth-child(2) {
                  width: 24vw;
                  height: 18vw;
               }
               &:nth-child(3) {
                  width: 24vw;
                  height: 18vw;
                  margin-left: 2vw;
               }
            }
         }
         .rightBox {
            width: 31vw;
            min-width: 31vw;
            height: 38vw;
            margin-left: 2vw;
            .info {
               margin: 30px auto 0;
               .line {
                  width: 12px;
                  height: 4px;
               }
               .describe {
                  line-height: 30px;
                  font-size: 16px;
                  margin-top: 33px;
                  color: #FFF;
               }
               .all {
                  width: 140px;
                  height: 50px;
                  line-height: 46px;
                  font-size: 16px;
                  border: 2px solid @whiteColor;
                  letter-spacing: 3px;
                  margin-top: 7vw;
                  &:hover {
                     border: 2px solid @themeColor;
                  }
               }
            }
         }
         .list {
            .box {
               .icon {
                  width: 61px;
               }
               .ch_name {
                  font-size: 26px;
                  margin-top: 33px;
               }
               .en_name {
                  font-size: 12px;
                  margin-top: 13px;
               }
            }
         }
      }
      .floor2 {
         padding: 51px 8vw 60px;
         background-image: url("../images/index/floor2Bg.png");
         .tabs {
            border-bottom: 2px solid rgba(255, 255, 255, 0.1);
            ul {
               height: 81px;
               li {
                  &::before {
                     width: 22px;
                     height: 22px;
                     border: 4px solid rgba(255, 255, 255, 0.7);
                     margin-top: 2px;
                  }
                  &.active {
                     border-bottom: 3px solid #CF000E;
                  }
                  a {
                     font-size: 22px;
                     padding-left: 12px;
                  }
               }
            }
            .button {
               a {
                  width: 40px;
                  height: 40px;
                  line-height: 34px;
                  font-size: 24px;
                  margin-left: 10px;
                  border: 3px solid @whiteColor;
               }
            }
         }
         .goodList {
            margin-top: 68px;
            .swiper-slide {
               ul  {
                  li {
                     width: calc(~ "25% - 2.5vw");
                     border-bottom: 10px solid rgba(90, 90, 90, 0.1);
                     margin-right: 2.5vw;
                     .name {
                        padding: 30px 70px 0 40px;
                        font-size: 30px;
                     }
                     .synopsis {
                        line-height: 24px;
                        font-size: 16px;
                        letter-spacing: 1px;
                        margin: 15px 70px 40px 40px;
                        word-wrap: break-word;
                        display: -webkit-box;
                        overflow :hidden;
                        text-overflow: ellipsis;
                        word-wrap: break-word;
                        -webkit-line-clamp: 1;
                        -webkit-box-orient: vertical;
                     }
                     .iconfont {
                        width: 3vw;
                        height: 3vw;
                        line-height: 3vw;
                        font-size: 24px;
                        bottom: 40px;
                        right: 40px;
                     }
                     &:hover {
                        border-bottom: 10px solid @themeColor;
                        .iconfont {
                           right: -10px;
                        }
                     }
                  }
               }
            }  
         }
         .more {
            margin-top: 70px;
            a {
               width: 140px;
               height: 50px;
               line-height: 46px;
               border: 2px solid @whiteColor;
               font-size: 16px;
               letter-spacing: 3px;
            }
            &:hover {
               a {
                  border: 2px solid @themeColor;
                  background-color: @themeColor;
               }
            }
         }
      }
      .floor3 {
         padding: 80px 0 0 8vw;
         background-image: url("../images/index/floor3Bg.jpg");
         .title {
            padding-right: 8vw;
            .name {
               font-size: 50px;
               font-weight: normal;
            }
            .more {
               width: 140px;
               height: 50px;
               line-height: 50px;
               font-size: 16px;
               letter-spacing: 3px;
            }
            .tabs {
               ul {
                  li {
                     a {
                        height: 50px;
                        line-height: 50px;
                        font-size: 22px;
                        font-weight: normal;
                     }
                  }
               }
            }
         }
         .contentBox {
            margin: 60px 0 80px;
            padding-right: 8vw;
            .img {
               height: 600px;
            }
            .info {
               padding: 0 80px 0 80px;
               top: 181px;
               .name {
                  font-size: 70px;
               }
               .describe {
                  width: 534px;
                  line-height: 30px;
                  font-size: 18px;
                  letter-spacing: 1px;
                  margin-top: 27px;
               }
            }
            .nav {
               bottom: 60px;
               left: 80px;
               right: 240px;
               ul {
                  li {
                     width: calc(~ "33% - 20px");
                     padding: 0 40px 31px 40px;
                     .orderNum {
                        font-size: 30px;
                        line-height: 1;
                     }
                     .name {
                        font-size: 30px;
                        padding-top: 33px;
                        letter-spacing: 1px;
                        font-weight: normal;
                        i {
                           font-size: 24px;
                        }
                     }
                     .synopsis {
                        line-height: 28px;
                        font-size: 16px;
                        letter-spacing: 2px;
                        margin-top: 14px;
                     }
                     &:hover {
                        .orderNum {
                           height: 76px;
                           padding-top: 27px;
                        }
                        // .synopsis {
                        //    -webkit-line-clamp: 2;
                        // }
                     }
                  }
               }
            }
         }
         .newsList {
            margin: 43px 0 100px;
            .swiper-slide {
               width: 24vw;
               .info {
                  padding: 26px 40px;
                  border-bottom: 10px solid @whiteColor;
                  .title {
                     line-height: 1.1;
                     font-size: 30px;
                     font-weight: normal;
                  }
                  .describe {
                     height: 52px;
                     line-height: 26px;
                     font-size: 16px;
                     margin-top: 13px;
                  }
                  .time {
                     font-size: 14px;
                     margin-top: 38px;
                  }
               }
               &:hover {
                  .info {
                     border-bottom: 10px solid @themeColor;
                  }
               }
            }
         }
      }
   }
}