.arshine2_company_intro {
  padding:30px 0 65px;
  background: #fff;
  position: relative;
}

.arshine2_company_intro .container {
  display: flex;
  align-items: center;
}

.arshine2_company_intro .txt {
  flex: 1;margin-right:90px;
}

.arshine2_company_intro .txt h3 {
  color: #000000;
  font-size: 40px;
  line-height: 1;
}

.arshine2_company_intro .txt h3 span {
  color: var(--color-primary);
}

.arshine2_company_intro .txt .t {
  font-size: 18px;
  color: #000;
  line-height: 30px;
  margin: 20px 0 0;
}
.arshine2_company_intro .txt .t p{
  line-height:inherit;
}
.arshine2_company_intro .txt .t p~p {
  margin-top: 18px;
}

.arshine2_company_intro .txt .more {
  margin-top: 25px;
  height: 50px;
  line-height: 48px;
  display: inline-block;
  background: var(--color-primary);
  padding: 0 60px;
  border-radius: 30px;
  font-size: 18px;
  color: #fff;
  border-radius: var(--button-radius);
}

.arshine2_company_intro .txt .more:hover {
  background: none;
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
}

.arshine2_company_intro .pic {
  width:46%;
}
.arshine2_company_intro .pic img{width:100%;}


@media screen and (max-width:1680px) {

}

@media screen and (max-width:1500px) {
.arshine2_company_intro .txt{margin-right:80px;}
}

@media screen and (max-width:1441px) {
.arshine2_company_intro .txt{margin-right:70px;}
.arshine2_company_intro .txt h3{font-size:38px;}
.arshine2_company_intro .txt .t{font-size:17px; line-height:28px;}
.arshine2_company_intro .txt .more{height:45px;line-height:43px;padding:0 50px;font-size:17px;}
}

@media screen and (max-width:1367px) {
.arshine2_company_intro .txt{margin-right:60px;}
.arshine2_company_intro .txt h3{font-size:36px;}
.arshine2_company_intro .txt .t{line-height:26px;}
.arshine2_company_intro .txt .t p ~ p{margin-top:15px;}
}

@media screen and (max-width:1281px) {
.arshine2_company_intro{padding:20px 0 60px;}
.arshine2_company_intro .txt{margin-right:50px;}
.arshine2_company_intro .txt h3{font-size:34px;}
.arshine2_company_intro .txt .t{line-height:24px;}
.arshine2_company_intro .txt .more{height:42px;line-height:40px;padding:0 40px;}

}

@media screen and (max-width:1171px) {
.arshine2_company_intro .txt h3{font-size:32px;}

}

@media screen and (max-width:992px) {
.arshine2_company_intro .txt h3{font-size:30px;}

  .arshine2_company_intro .txt .more {
    height: 40px;
    line-height:38px;
    padding: 0 35px;
  }

  

  .arshine2_company_intro .container {
    display: block;
  }

  .arshine2_company_intro .txt {
    text-align: center;margin-right:0;
  }

  .arshine2_company_intro .txt .t {
    text-align: left;
  }

  .arshine2_company_intro .pic {
    width: 80%;
    margin: 30px auto 0;
  }
}

@media screen and (max-width:768px) {
.arshine2_company_intro{padding:10px 0 30px;}
  
  .arshine2_company_intro .txt h3 {
    font-size:28px;
  }

  .arshine2_company_intro .txt .more {
    height: 38px;
    line-height: 38px;
    padding: 0 30px;
    font-size: 15px;
  }

 

  .arshine2_company_intro .txt .t p~p {
    margin-top: 10px;
  }
}

@media screen and (max-width:576px) {
.arshine2_company_intro{padding:10px 0 20px;}

  .arshine2_company_intro .txt h3 {
    font-size:26px;
  }

  .arshine2_company_intro .txt .t {
    font-size: 15px;line-height: 22px;
  }

}

@media screen and (max-width:480px) {
  .arshine2_company_intro .txt h3 {
    font-size: 24px;
  }
.arshine2_company_intro .pic{width:100%;}

}

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