.ntwas-company_intro{
  padding:100px 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:#var(--title-text-color);font-weight:bold;display:block;}
.ntwas-company_intro .txt h3{font-size:36px;line-height:1.6;color:var(--title-text-color);font-weight:700;margin:10px 0 0;}
.ntwas-company_intro .txt .t{font-size:18px;line-height:36px;color:#var(--title-text-color);margin:35px 0 0;}
.ntwas-company_intro .txt .more{width:180px;height:45px;line-height:45px;display:block;text-align:center;background:#000;border-radius:30px;font-size:15px;color:#fff;margin:50px 0 0;}
.ntwas-company_intro .txt .more:hover{background:var(--color-second);}

.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 h3{line-height:1.4;}
  .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:768px) {
  .ntwas-company_intro{padding:30px 0;background-size:cover;}
  .ntwas-company_intro .container{padding:0 10px;-webkit-flex-direction:column;flex-direction:column;}
  .ntwas-company_intro .container::before{display:none;}
  .ntwas-company_intro .txt{margin:0;}
  .ntwas-company_intro .txt em{font-size:13px;text-align:center;}
  .ntwas-company_intro .txt h3{text-align:center;}
  .ntwas-company_intro .txt .t{font-size:15px;line-height:24px;margin:20px 0 0;}
  .ntwas-company_intro .txt .more{width:160px;height:40px;line-height:40px;margin:30px auto 0;}
  .ntwas-company_intro .pic{width:100%;}
  .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: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);
  }
}