.sectionA {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background: #0b2138;
}

.sectionA .swiper-slide{
height:auto;
  display:flex;
  flex-direction:column;
}

.ntwas-hot_products{padding:80px 0;}
.ntwas-hot_products .wp{display:flex;margin: 50px auto;}

.ntwas-hot_products .left{width:485px;position:relative;background-repeat:no-repeat;background-position:center;border-radius: 18px;}
.ntwas-hot_products .left .txt{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:space-between;align-items: center;padding:0 22px;background-color: #ffffffcc;border-radius: 18px;}
.ntwas-hot_products .left .txt h2{font-size:26px;color:#000;font-weight:bold;text-transform:uppercase;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;
/* -webkit-line-clamp: 2;*/
  -webkit-box-orient: vertical;}
.ntwas-hot_products .left .txt .t{margin:15px 0 0;}
.ntwas-hot_products .left .txt .t h3{font-size:20px;color:#000;font-weight:bold;display: none;}
.ntwas-hot_products .left .txt .t p{font-size:17px;color:#3c3c3c;margin:15px 0 0;}
.ntwas-hot_products .left .txt .more{width:155px;height:45px;line-height:45px;display:block;text-align:center;background:#2b3e52;border-radius:30px;font-size:15px;color:#fff;margin:50px 0 0;}
.ntwas-hot_products .left .txt .more:hover{background:var(--btn-bg-hover);}

.ntwas-hot_products .right{flex:1;overflow:hidden;margin-left:53px;}
.ntwas-hot_products .tit{width:100%;}
.ntwas-hot_products .tit em{font-size:14px;color:#fff;font-weight:bold;display:block;}
.ntwas-hot_products .tit h3{font-size:36px;color:#fff;font-weight:700;
/*font-family:'PT Serif', serif;*/
margin:10px 0 0;}
.ntwas-hot_products .tit p{font-size:17px;line-height:30px;color:#fff;margin:13px 0 0;}

.ntwas-hot_products .list{position:relative;}
.ntwas-hot_products .swiper-slide{background-color: #2b3e52;border-radius: 18px;}
.ntwas-hot_products .swiper-slide:hover{background-color: #f56800;}
.ntwas-hot_products .swiper-slide .pic{display:block;width:100%;position:relative;overflow:hidden;}
.ntwas-hot_products .swiper-slide .pic img{width:100%;display:block;transition:all 0.3s ease 0s;border-top-left-radius: 18px;border-top-right-radius: 18px;}
.ntwas-hot_products .swiper-slide p{line-height:24px;margin:15px 0 0;color:rgba(255,255,255,0.6);font-size:15px;}
.ntwas-hot_products .swiper-slide h5{margin:15px 0 0;font-size:20px;color:#fff;font-weight:500;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;padding: 0 20px;flex:1;}
.ntwas-hot_products .swiper-slide h5 a:hover{color: #fff;}
.ntwas-hot_products .swiper-slide .more{width:85%;height:42px;line-height:42px;display:block;text-align:center;border-radius:30px;font-size:14px;color:#fff;margin:20px auto;border: 1px solid #fff;background-color: #2b3e52}
/* .ntwas-hot_products .swiper-slide .more:hover{background:var(--btn-bg-hover);} */

.ntwas-hot_products .swiper-slide:hover .pic img{transform:scale(1.05);}

.ntwas-hot_products .swiper-pagination{display:none;position:static;width:100%;text-align:center;margin:20px 0 0;}
.ntwas-hot_products .swiper-pagination-bullet {height:12px;width:12px;margin:0 5px;background:#E0E0E0;border-radius:50%;opacity:1;box-sizing:border-box;}
.ntwas-hot_products .swiper-pagination-bullet-active{background:var(--btn-bg);}

.ntwas-hot_products .page{font-size:0;margin:38px 0 0;}
.ntwas-hot_products .swiper-button-prev,.ntwas-hot_products .swiper-button-next{position:static;color:#777;overflow:hidden;display:inline-block;width:43px;height:43px;border:1px solid #777;background:none;border-radius:0;margin-top:0;text-align:center;vertical-align:top;}
.ntwas-hot_products .swiper-button-next{margin-left:13px;}
.ntwas-hot_products .swiper-button-prev i,.ntwas-hot_products .swiper-button-next i{color:inherit;font-size:22px;line-height:45px;}
.ntwas-hot_products .swiper-button-prev:hover,.ntwas-hot_products .swiper-button-next:hover{background:var(--btn-bg);border-color:var(--btn-bg);color:#fff;}

@media screen and (max-width:1500px) {
  .ntwas-hot_products .left{width:350px;}
}

@media screen and (max-width:1340px) {  
  .ntwas-hot_productsA .tit h3{font-size:30px;}
  
  .ntwas-hot_products .tit p{font-size:16px;line-height:28px;}
  .ntwas-hot_products .swiper-slide .pic p{line-height:45px;height:45px;font-size:16px;padding:0 8px;}
}

@media screen and (max-width:768px) {
  .sectionA{background-size:cover;}
  .ntwas-hot_products{padding:30px 0;}
  .ntwas-hot_products .wp{display:block;}

  .ntwas-hot_products .left{width:100%;text-align:center;}
  .ntwas-hot_products .left .t{position:static;padding: 0 0 30px;}
  .ntwas-hot_products .left .t h2{font-size:24px;line-height:1.4;}
  .ntwas-hot_products .left .t .more{width:160px;height:40px;line-height:40px;margin:20px auto 0;}

  .ntwas-hot_products .right{overflow:hidden;margin:0;}
  .ntwas-hot_products .tit{width:100%;}
  .ntwas-hot_products .tit em{font-size:13px;text-align:center;}
  .ntwas-hot_products .tit h3{text-align:center;}
  .ntwas-hot_products .tit p{font-size:15px;line-height:24px;}

  .ntwas-hot_products .list{margin:30px 0 0;}
  .ntwas-hot_products .swiper-slide .pic p{line-height:40px;height:40px;font-size:15px;padding:0 5px;}
  .ntwas-hot_products .page{display:none;}
  .ntwas-hot_products .swiper-pagination{display:block;}
}

@media screen and (max-width:480px) {
  .ntwas-hot_products .tit h3{font-size:24px;}
}
                                        
                                        
                                        @media screen and (max-width:1280px){
	.ntwas-hot_products .wp {
	    display: flex;
	     margin: 225px auto 70px;
	    flex-direction: column;
	}
	
.ntwas-hot_products .right {
    flex: 1;
    overflow: hidden;
    margin-left: 0;
    margin-top: 185px;
}
                                          .ntwas-hot_products .left {
    width: 100%;
}
                                          .ntwas-hot_products .list {
    margin-top: 35px;
}
                                          .ntwas-hot_products .swiper-slide {
    margin: 0 0 0 1px;
}
}
                                        .wp .left .txt img  {
    width: 50% ! important;
}
                                             @media screen and (max-width: 1280px){
.wp .left .txt img  {
    width: 25% ! important;
}
}
                                     .ntwas-hot_products h1{
   word-break: break-all;
}
                                     
                                     
                                     
                                     
                                     @media screen and (max-width: 1280px){
.ntwas-hot_products .left .txt .t p {
   color: white;
}
.ntwas-hot_products .left .txt h2 {
    color: white;
}
.ntwas-hot_products .left {
    text-align: left;
}
}
                                        
                                        
                                        @media screen and (max-width:992px){
.ntwas-hot_products h1 , .ntwas-hot_products h2 {
    font-size: 34px !important;
}.ntwas-hot_products {
    padding: 30px 0;
}body > div.section.sectionA > div > p{
	    margin-top: 10px !important;
}
}
@media screen and (max-width:768px){
.ntwas-hot_products h1, .ntwas-hot_products h2 {
    font-size: 24px !important;
}
}
                           
                           
                           
                           @media screen and (max-width:992px){
.ntwas-hot_products .left .txt {
    position: relative;
      padding: 10px;
}.ntwas-hot_products .wp {
    margin: 10px 0;
}.ntwas-hot_products .list {
    margin-top: 10px;
    margin-bottom: 10px;
}.ntwas-hot_products .swiper-pagination {
    margin: 10px 0 0;
}
.ntwas-hot_products .swiper-slide h5 {
    margin: 5px 0 0;
    font-size: 16px;
    padding: 0 10px;
  -webkit-line-clamp: 2;
}.ntwas-hot_products .left .txt h2 {
    font-size: 26px;
    color: #000 !important;}.ntwas-hot_products .left .txt .t p {
    font-size: 16px;
    color: #3c3c3c !important;
    margin: 5px 0 0;
}.ntwas-hot_products .right {
    margin-top: 0;
}
                             .ntwas-hot_products .wp {
    width: 100%;
    padding: 0 15px;
}	body > div.section.sectionA > div > p {
    font-size: 14px !important;
}
}
@media screen and (max-width:768px){
.ntwas-hot_products .swiper-slide h5 {
    font-size: 14px;
}.ntwas-hot_products .left .txt h2 {
    font-size: 24px;}
	.ntwas-hot_products .left .txt .t p {
	    font-size: 14px;
	}

}