.ntwas-company_intro{
  padding:50px 0 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover
}
.ntwas-company_intro .container{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;position:relative}
.ntwas-company_intro .container::before{content:'';padding:0;text-align:center;top:50%;left:0;position:absolute;writing-mode: vertical-lr;font-size:40px;font-weight:bold;color:rgba(255,255,255,.2);letter-spacing:50px;font-family:'PT Serif', serif;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}

.ntwas-company_intro .txt{-webkit-flex:1;flex:1;margin:0 100px 0 0;position:relative;}
.ntwas-company_intro .txt em{font-size:14px;color:#020202;font-weight:bold;display:block;}
.ntwas-company_intro .txt h3{font-size:40px;line-height:1;color:#000000;font-weight:700;margin:10px 0 0;}
.ntwas-company_intro .txt .t{font-size:18px;line-height:36px;color:#000000;margin:35px 0 0;}
.ntwas-company_intro .txt .more{width:180px;height:45px;line-height:45px;display:block;text-align:center;background:var(--color-primary);border-radius:30px;font-size:15px;color:#fff;margin:50px 0 0;}
.ntwas-company_intro .txt .more:hover{background:var(--color-second);color: #000;}

.ntwas-company_intro .pic{width:554px;display:block;overflow:hidden;position:relative;}
.ntwas-company_intro ul{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-end;align-items:flex-end;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.ntwas-company_intro ul li{width:300px;box-sizing:border-box;position:relative;}
.ntwas-company_intro ul li:nth-child(n+3){margin-top:23px;}
.ntwas-company_intro ul li:nth-child(2),.ntwas-company_intro ul li:nth-child(3){width:230px;}
.ntwas-company_intro .rich-text ul li:nth-child(2),.ntwas-company_intro .rich-text ul li:nth-child(3){width:230px;}

.ntwas-company_intro .rich-text ul {
  display: block;
}
.ntwas-company_intro .rich-text ul li {
  width: 100%;
}
.ntwas-company_intro .rich-text ul li:nth-child(n+3) {
  margin-top: unset;
}

@media screen and (max-width:1500px) {
  .ntwas-company_intro .container{padding:0 0 0 60px;}
  .ntwas-company_intro .container::before{font-size:30px;}
  .ntwas-company_intro .txt .t{font-size:17px;line-height:30px;margin:30px 0 0;}
  .ntwas-company_intro .pic{width:500px;}
  .ntwas-company_intro ul li{width:54%;}
  .ntwas-company_intro ul li:nth-child(n+3){margin-top:20px;}
  .ntwas-company_intro ul li:nth-child(2),.ntwas-company_intro ul li:nth-child(3){width:41%;}
}

@media screen and (max-width:1340px) {
  .ntwas-company_intro .txt h3{font-size:30px;}
  .ntwas-company_intro .txt .t{font-size:16px;line-height:28px;}
}

@media screen and (max-width:1100px) {
  .ntwas-company_intro .container{padding:0 20px;}
  .ntwas-company_intro .container::before {display:none;}
  .ntwas-company_intro .txt{margin:0 50px 0 0;}
  .ntwas-company_intro .pic{width:450px;}
}

@media screen and (max-width:992px) {
  .ntwas-company_intro .txt{margin-right:30px;}
  .ntwas-company_intro .pic{width:400px;}
}

@media screen and (max-width:1025px) {
  .ntwas-company_intro{padding:30px 0;background-size:cover;}
  .ntwas-company_intro .container{
    padding:0 10px !important; 
    -webkit-flex-direction:column !important; 
    flex-direction:column !important;
  }
  .ntwas-company_intro .container::before{display:none;}
  .ntwas-company_intro .txt{
    margin:0 !important; 
    width: 100%; 
  }
  .ntwas-company_intro .txt em{
    font-size:13px;
    text-align:center; 
  }
  .ntwas-company_intro .txt h3{
    text-align:center; 
    font-size: 30px; 
  }
  .ntwas-company_intro .txt .t{
    font-size:16px; 
    line-height:28px;
    margin:20px 0 0;
  }
  .ntwas-company_intro .txt .more{
    width:160px;
    height:40px;
    line-height:40px;
    margin:30px auto 0 !important; 
  }
  .ntwas-company_intro .pic{
    width:100% !important; 
    margin-top: 30px; 
  }

  .ntwas-company_intro ul li{width:23%;}
  .ntwas-company_intro ul li:nth-child(n+3){margin-top:20px;}
  .ntwas-company_intro ul li:nth-child(2),.ntwas-company_intro ul li:nth-child(3){width:23%;}
}


@media screen and (max-width:768px) {
  .ntwas-company_intro .txt .t{font-size:15px;line-height:24px;} 
  .ntwas-company_intro .txt h3{font-size:22px;} 
}

@media screen and (max-width:600px) {
  .ntwas-company_intro .txt h3{font-size:22px;} 
}

@media screen and (max-width:480px) {
  .ntwas-company_intro .txt h3{font-size:21px;}
}

@media screen and (min-width: 576px) {
  .fp-tableCell .ntwas-company_intro .container{
    padding-left: calc(75px - (100vw - 540px) / 2);
    padding-right: calc(75px - (100vw - 540px) / 2);
  }
}
@media screen and (min-width: 768px) {
  .fp-tableCell .ntwas-company_intro .container{
    padding-left: calc(75px - (100vw - 720px) / 2);
    padding-right: calc(75px - (100vw - 720px) / 2);
  }
}
@media screen and (min-width:992px) {
  .fp-tableCell .ntwas-company_intro .container{
    padding-left: calc(105px - (100vw - 960px) / 2);
    padding-right: calc(105px - (100vw - 960px) / 2);
  }
}
@media screen and (min-width:1200px) {
  .fp-tableCell .ntwas-company_intro .container{
    padding-left: calc(105px - (100vw - 1140px) / 2);
    padding-right: calc(105px - (100vw - 1140px) / 2);
  }
}
@media screen and (min-width:1280px) {
  .fp-tableCell .ntwas-company_intro .container{
    padding-left: calc(105px - (100vw - 1200px) / 2);
    padding-right: calc(105px - (100vw - 1200px) / 2);
  }
}
@media screen and (min-width:1500px) {
  .fp-tableCell .ntwas-company_intro .container{
    padding-left: calc(105px - (100vw - 1440px) / 2);
    padding-right: calc(105px - (100vw - 1440px) / 2);
  }
}