/* img scale */

.banner-img {
  height: 800px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  .marginAuto {
    padding-top: 86px;
    height: 100%;
    .top-box {
      width: 100%;
      height: 100%;
      .img {
        width: 50%;
      }
      .text-box {
        width: 50%;
        .title {
          font-size: 48px;
          color: #ffffff;
          font-family: "Poppins-Bold";
        }
        .des {
          font-size: 24px;
          color: #FFFFFF;
          font-family: "Poppins-Regular";
        }
      }
    }
  }
}
.img-products {
  padding: 80px 0;
  background-color: #ffffff;
  .cell {
    padding-bottom: 40px;
    .text-box {
      width: 45%;
      padding-right: 3%;
      .title {
        font-size: 48px;
        color: #000000;
        font-family: "Poppins-Bold";
      }
      .des {
        font-size: 16px;
        color: #000000;
        padding-top: 20px;
        font-family: "Poppins-Regular";
      }
    }
    .img-box {
      width: 52%;
      .img {
        width: 100%;
      }
    }
  }
  .cell:nth-child(odd) {
    padding-bottom: 0;
    .text-box {
      width: 45%;
      padding-left: 3%;
      padding-right: 0;
      order: -1
    }
    .img-box {
      order: 99;
    }
  }
  .cell:last-child {
    padding-bottom: 0;
    .text-box {
      width: 45%;
      padding-left: 3%;
      padding-right: 0;
    }
  }
}
.Performance {
  background-color: #ffffff;
  .marginAuto {
    .wrap {
      padding: 60px 0;
      border-top: 1px solid #e8e8e8;
      .title {
        font-size: 32px;
        color: #000000;
        font-family: "Poppins-SemiBold";
      }
      .c-list {
        padding-top: 40px;
        column-gap: 56px;
        column-count: 3;
        .cell {
          padding-bottom: 24px;
          .label {
            font-size: 16px;
            color: #000000;
            font-family: "Poppins-SemiBold";
          }
          .value {
            padding-top: 12px;
            font-size: 14px;
            color: #666666;
            font-family: "Poppins-Regular";
          }
        }
      }
    }
  }
}
.other {
  background-color: #ffffff;
  .marginAuto {
    .wrap {
      padding: 60px 0;
      .title {
        font-size: 32px;
        color: #000000;
        font-family: "Poppins-SemiBold";
      }
      .list {
        padding-top: 40px;
        .cell {
          width: 33.33%;
          height: 296px;
          padding-right: 24px;
          margin-bottom: 24px;
          a {
            display: block;
            width: 100%;
            height: 100%;
            /*background: #f1f1f1;*/
            .el-image {
              overflow: hidden;
              /deep/img {
                transform: translateX(0) scale(1);
                transition: all 0.5s;
              }
            }
            .title {
              text-align: center;
              font-size: 18px;
              color: #000000;
              font-family: "Poppins-SemiBold";
              padding: 0 20px;
              padding-top: 24px;
              overflow:hidden;
              text-overflow: ellipsis;
              -webkit-line-clamp: 2;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              line-height: 20px;
            }
          }
        }
        .cell:hover {
          a {
            .el-image {
              /deep/img {
                transform: translateX(0) scale(1.2);
              }
            }
          }
        }
        .cell:nth-child(3n) {
          padding-right: 0;
        }
      }
    }
  }
}
.other-phone {
  display: none;
  background-color: #ffffff;
  padding-bottom: 40px;
  .news-phone-title {
    font-size: 24px;
    color: #000000;
    font-family: "Poppins-SemiBold";
  }
  .news-phone-slide {
    padding-top: 20px;
    .cell {
      width: 100%;
      height: 296px;
      padding-right: 0;
      margin-bottom: 24px;
      a {
        display: block;
        width: 100%;
        height: 100%;
        /*background: #f1f1f1;*/
        .title {
          text-align: center;
          font-size: 18px;
          color: #000000;
          font-family: "Poppins-SemiBold";
          padding: 0 20px;
        }
      }
    }
  }
  .p-phone-swiper-pagination {
    padding-top: 15px;
  }
  .p-phone-swiper-pagination .pagination{
    width: 8px;
    height: 8px;
    background: #e8e8e8;
    border-radius: 50%;
    margin: 0 8px;
  }
  .p-phone-swiper-pagination .paginationActive{
    width: 8px;
    height: 8px;
    background: #192f58;
    border-radius: 50%;
    margin: 0 8px;
  }
}
@media only screen and (max-width: 1440px) and (min-width:1200px) {
  .banner-img {
    height: 700px;
    .marginAuto {
      .text-box {
        .text {
          font-size: 40px;
        }
      }
    }
  }
}
@media only screen and (max-width: 1200px) and (min-width:1024px) {
  .banner-img {
    height: 500px;
    .marginAuto {
      .text-box {
        .text {
          font-size: 34px;
        }
      }
    }
  }
}
@media only screen and (max-width: 1024px) and (min-width:0px) {
  .banner-img {
    height: 600px;
    .marginAuto {
      padding-top: 48px;
      .top-box {
        width: 100%;
        height: 100%;
        >div {
          display: block;
        }
        .img {
          width: 100%;
        }
        .text-box {
          width: 100%;
          .title {
            font-size: 32px;
          }
          .des {
            font-size: 18px;
          }
        }
      }
    }
  }
  .img-products {
    padding: 40px 0;
    background-color: #ffffff;
    .cell {
      padding-bottom: 20px;
      display: block;
      .text-box {
        width: 100%;
        padding-right: 0%;
        .title {
          font-size: 24px;
        }
        .des {
          font-size: 14px;
          padding-top: 10px;
        }
      }
      .img-box {
        width: 100%;
      }
    }
    .cell:nth-child(odd) {
      padding-bottom: 0;
      .text-box {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        order: 1
      }
      .img-box {
        order: 99;
      }
    }
    .cell:last-child {
      padding-bottom: 0;
      .text-box {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
      }
    }
  }
  .Performance {
    background-color: #ffffff;
    .marginAuto {
      .wrap {
        padding: 40px 0;
        border-top: 1px solid #e8e8e8;
        .title {
          font-size: 24px;
          color: #000000;
          font-family: "Poppins-SemiBold";
        }
        .c-list {
          padding-top: 40px;
          column-gap: 0;
          column-count: 1;
          .cell {
            padding-bottom: 24px;
            .label {
              font-size: 16px;
              color: #000000;
              font-family: "Poppins-SemiBold";
            }
            .value {
              padding-top: 12px;
              font-size: 14px;
              color: #666666;
              font-family: "Poppins-Regular";
            }
          }
        }
      }
    }
  }
  .other {
    display: none;
  }
  .other-phone {
    display: block;
  }
}



@media only screen and (max-width: 1350px) {
	.c_location li{font-size: 24px;}
}
@media only screen and (max-width: 1200px) {
	.c_location li{font-size: 22px;}
}
@media only screen and (max-width: 950px) {
	.c_location{margin-top: 46px; padding-bottom: 0;}
	.c_location li{font-size: 18px;}
}

/* innerPro_box */
.pro_top_info{width: 49.5%;}
.pro_top_div{}
/* pro_div */
.pro_div .title{font-size: 30px; font-family: 'Humanist777BT-BlackCondensedB'; color: var(--commonColor); line-height: 1.25; margin-bottom: 12px;}
.pro_div .brief{line-height: 1.75;}
/* pro_param */
.pro_param{margin-top: 3%;}
.pro_param .row_item{padding: 5px 0; line-height: 24px;}
.pro_param .row_item .bt{font-size: 18px; font-family: 'Poppins-Medium'; width: 118px;}
.pro_param .row_item .txt{font-family: 'MyriadPro-Regular'; color: #999; flex: 1;}

.pro_btn{margin-top: 4%;}
.pro_btn .btn{border: 1px solid var(--commonColor); padding: 10px 20px; display: block; line-height: 24px; position: relative; color: var(--commonColor); font-size: 20px; cursor: pointer;}
.btn_send{margin-right: 25px;}
.btn_down::before{content: ''; display: inline-block; background: url(../img/icon_down_1.png) no-repeat center/16px auto; height: 16px; width: 24px; vertical-align: middle; margin-right: 2px;}
.pro_btn .btn:hover{background: var(--commonColor); color: #fff;}
.pro_btn .btn_down:hover::before{background-image: url(../img/icon_down.png);}

@media only screen and (max-width: 1350px) {
	.pro_div .title{font-size: 26px;}
}
@media only screen and (max-width: 950px) {
	.pro_top_div{flex-direction: column;}
	.pro_top_info{width: 100%; margin-top: 20px;}
	.pro_div .title{font-size: 24px;}
}

/*product photos*/
.product-view {width: 46%; position: relative; align-items: center;}

.cloud-zoom-lens { border: 1px solid #eee; cursor: move; }
.cloud-zoom-title { position: absolute !important; top: 0px; padding: 3px; width: 100%; background-color: #000; color: #fff; text-align: center; font-weight: bold; font-size: 10px; }
.cloud-zoom-big { overflow: hidden; padding: 0px; background-color: #fff; }
.cloud-zoom-loading { padding: 3px; border: 1px solid #000; background: #222; color: white; }

.product-view .product-image.zoom_remove:after { position: absolute; bottom: 0; left: 0; z-index: 999; width: 100%; height: 100%; content: ""; }
.product-view .product-image {max-width: 480px; margin: 0 auto; overflow: hidden; border: 1px solid #ddd;}
.product-view .product-image a{position: relative; width: 100%; height: 0; padding-bottom: 95%; display: block;}
.product-view .product-image img { position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0; left: 0;}

.image-additional-wrap { position: relative; z-index: 999; margin-top: 4%; padding: 0;}
.image-additional-wrap .image-additional { position: relative; overflow: hidden; padding: 0; max-width: 436px; margin: 0 auto;}
.image-additional-wrap .image-additional li { position: relative; float: left; display: -webkit-box; display: -webkit-flex; display: flex; overflow: visible; width: 33%; height: auto; border: 1px solid #aaa; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; overflow: hidden; border-radius: 8px; padding: 12px;}
.image-additional-wrap .image-additional li:before { position: absolute; bottom: -5px; left: 40%; z-index: 1; display: block; width: 33%; height: 4px; border-radius: 6px; content: ''; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.image-additional-wrap .image-additional li.single { display: none; }
.image-additional-wrap .image-additional li img { position: relative; display: block; margin: 0 auto; width: 100%; opacity: .5; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; filter: alpha(opacity=40); position: absolute; height: 100%; top: 0; left: 0; object-fit: cover;}
.image-additional-wrap .image-additional li a { position: relative; display: block; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 0; padding-bottom: 100%;}
.image-additional-wrap .image-additional li.current { -bottom: 0; border: 1px solid #14457B; }
.image-additional-wrap .image-additional li.current img { opacity: 1; filter: alpha(opacity=100); }
.image-additional-wrap .image-additional img.popup { display: none; }
.image-additional-wrap .image-additional.swiper-container-horizontal>.swiper-pagination-bullets { display: none; }

.image-additional-wrap:hover .swiper-button-disabled { opacity: .3; filter: alpha(opacity=30); }

.innerPro-prev{left: 0;}
.innerPro-next{right: 0;}

.innerPro-pagination{display: none;}

@media only screen and (max-width: 950px) {
	.product-view{width: 100%;}
	.pro_param, .pro_btn{margin-top: 15px;}
	.product-view .product-image{display: none;}
	.product-view .image-additional-wrap{margin-top: 0px; padding: 0 20px;}
	.product-view .image-additional li.current{border-color: #dcdcdc;}
	.product-view .image-additional li img{opacity: 1;}
	.image-additional-wrap .image-additional li{padding: 0;}
	.innerPro-next{right: -14px;}
	.innerPro-prev{left: -14px;}
}

/* innerPro_desc */
.pro_desc_div{margin: 2% 0 0;}
.table_wrap{width: 100%; overflow-x: auto;}

.table_wrap table{border-spacing: 0; border-collapse: collapse; width: 100%; font-family: Arial; font-weight: bold;}
.table_wrap table tr th{background: var(--commonColor); color: #fff; border: 1px solid var(--commonColor); line-height: 26px; padding: 14px 14px; font-size: 20px; text-align: left;}
.table_wrap table tr td{border: 1px solid #dcdcdc; line-height: 1.25; padding: 12px 14px; text-align: left; font-size: 18px; color: #666;}
.table_wrap table tr:nth-child(even){background: #FAFAFA;}
.table_wrap table tr td:first-child{width: 20%;}

@media only screen and (max-width: 950px) {
	.pro_desc_div{margin: 20px 0 0;}
	.table_wrap table{max-width: 100%;}
	.table_wrap table tr td, .pro_table tr th{padding: 10px 8px;}
	.table_wrap table tr td:first-child{width: 40%;}
}


/* innerPro_type */
.innerPro_type .web_th{padding-top: 3.5%;}
.innerPro_type .web_th .title{text-align: left; width: 46%;}
.innerPro_type .web_th .brief{width: 46%; margin-top: 0;}

.innerPro_type_list{margin-top: 3%;}
.type_item{margin-bottom: 2.5%; overflow: hidden;}
.innerPro_type_list .type_item:last-child{margin-bottom: 0;}

.type_pic_item{width: 50%; order: 3;}
.type_pic_item .type_pic{padding-bottom: 66%;}
.type_info{width: 46%; order: 2; height: auto;}
.type_info .title .txt{font-family: 'Humanist777BT-BlackCondensedB'; font-size: 45px; line-height: 1.25; position: relative; display: inline-block; padding-bottom: 10px;}
.type_info .title .txt::before{position: absolute; left: 0; bottom: 0; height: 3px; background: var(--commonColor); width: 0; content: '';}
.type_info .brief{color: #666; line-height: 1.5; margin-top: 2%;/* height: 21em; overflow-y: auto; */}

.type_item:nth-child(even) .type_pic_item{order: 1;}
.type_item:hover .title .txt{color: var(--commonColor);}
.type_item:hover .title .txt::before{width: 120px;}

.type_brief{line-height: 1.5; color: #666; margin-top: 20px;}

@media only screen and (max-width: 1450px) {
	.type_info .title .txt{font-size: 40px;}
}
@media only screen and (max-width: 1350px) {
	.type_info .title .txt{font-size: 36px;}
}
@media only screen and (max-width: 1200px) {
	.type_info .title .txt{font-size: 32px;}
}
@media only screen and (max-width: 950px) {
	.type_info .title .txt{font-size: 26px;}
	.innerPro_type .web_th{flex-direction: column;}
	.innerPro_type .web_th .title{width: 100%;}
	.innerPro_type .web_th .brief{width: 100%; margin-top: 12px;}
	.type_item{flex-direction: column; border-radius: 8px 8px 0 0; margin-bottom: 20px;}
	.type_item:nth-child(even){border-radius: 8px 8px 0 0;}
	.innerPro_type_list{margin-top: 20px;}
	.type_pic_item{width: 100%; order: 1;}
	.type_info{width: 100%; padding: 10px 0 0;}
	.type_pic_item .type_pic{height: 0; padding-bottom: 75%;}
	.type_info .brief{height: auto; overflow: hidden;}
}