.n_banner {
  height: 26rem;
  position: relative;
  width: 100%;
  margin-top: -60px;	
}
@media (max-width:668px) {
  .n_banner {
    height: 340px;
	background: url("../image/banner.jpg");
	background-size:cover;
	margin-top: 0px;  
  }
	.n_banner_img{display: none} 
}
.n_banner_txt {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  -webkit-justify-content: center;
  justify-content: center;
  left: 50%;
  padding-top: 40px;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  z-index: 2
}
@media (max-width:1201px) {
  .n_banner_txt {
    padding: 60px 20px 20px
  }
}
@media (max-width:668px) {
  .n_banner_txt {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding-top: 80px
  }
}
.n_banner_txt .inner {
  max-width: 100%;
  text-align: center;	
}
@media (max-width:668px) {
  .n_banner_txt .inner {
    max-width: 100%
  }
	.n_banner_txt .inner img{width: 100%}	
}

.n_banner_txt .title h1 {
  color: #FFF;
  font-size: 2.84rem;
  font-weight: 600;	
  line-height: 1em;
  margin: 0;
  padding: 0
}
@media (max-width:1201px) {
  .n_banner_txt .title h1 {
    font-size: 30px
  }
}
@media (max-width:668px) {
  .n_banner_txt .title h1 {
    font-size: 24px
  }
}
.n_banner_txt .title p {
  color: #FFF;
  font-size: 1.64rem;
  line-height: 3.5em;
  margin: .4rem 0 0
}
.n_banner_txt .title p.supply {
  color: #FFF;
  font-size: 1.44rem;
  line-height: 2.1em;
  margin: .4rem 0 0
}
@media (max-width:1201px) {
  .n_banner_txt .title p {
    font-size: 18px
  }
}
@media (max-width:668px) {
  .n_banner_txt .title p {
    font-size: 16px
  }
}
.n_banner_txt .des {
  color: #fff;
  font-size: .64rem;
  line-height: 1.75em;
  margin: 1rem 0 2rem
}
@media (max-width:1201px) {
  .n_banner_txt .des {
    font-size: 14px;
    margin: 15px 0 25px
  }
}
@media (max-width:668px) {
  .n_banner_txt .des {
    font-size: 13px
  }
}
.n_banner_txt .more {
  display: inline-block
}
.n_banner_txt .more .btn01 {
  border-radius: 23px;
  height: 46px;
  padding: 0 35px
}
@media (max-width:1380px) {
  .n_banner_txt .more .btn01 {
    border-radius: 18px;
    height: 36px;
    padding: 0 25px
  }
}
.n_banner_txt .more .btn01:after {
  border-radius: 23px
}
@media (max-width:1380px) {
  .n_banner_txt .more .btn01:after {
    border-radius: 18px
  }
}
.n_banner_txt .more .btn01 em {
  font-size: 16px
}
@media (max-width:1380px) {
  .n_banner_txt .more .btn01 em {
    font-size: 14px
  }
}
.n_banner_img, .n_banner_img img {
  height: 100%;
  width: 100%
}
.n_banner_img img {
  object-fit: cover
}

.solutions_73_01, .grey {
  padding: 3rem 0
}
@media (max-width:1201px) {
  .solutions_73_01 {
    padding-bottom: 40px;
    padding-top: 40px
  }
}
@media (max-width:668px) {
  .solutions_73_01 {
    padding-bottom: 20px
  }
  .solutions_73_01 .link {
    margin-top: 20px
  }
}
.solutions_73_01 .img {
  margin: 1rem 0 0;
  text-align: center
}
@media (max-width:1201px) {
  .solutions_73_01 .img {
    margin-top: 20px
  }
}
.solutions_73_01 .img img {
  max-width: 100%
}
.solutions_73_04 {
  padding: 4rem 0
}
@media (max-width:1201px) {
  .solutions_73_04 {
    padding-bottom: 40px;
    padding-top: 40px
  }
}
@media (max-width:668px) {
  .solutions_73_04 {
    padding-bottom: 20px
  }
  .solutions_73_04 .link {
    margin-top: 0
  }
}
.solutions_73_04 .list {
  margin: 2.8rem 0 0
}
@media (max-width:1201px) {
  .solutions_73_04 .list {
    margin-top: 20px
  }
}
.solutions_73_04 .list > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0 -1.2rem;
  padding: 0
}
@media (max-width:1201px) {
  .solutions_73_04 .list > ul {
    margin: 0 -10px
  }
}
@media (max-width:668px) {
  .solutions_73_04 .list > ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
.solutions_73_04 .list > ul > li {
  padding: 0 1.2rem;
  width: 33.33%
}
@media (max-width:1201px) {
  .solutions_73_04 .list > ul > li {
    margin-bottom: 20px;
    padding: 0 10px
  }
}
@media (max-width:668px) {
  .solutions_73_04 .list > ul > li {
    width: 100%
  }
}
.solutions_73_04 .list > ul > li .item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 .4rem 1.4rem 0 rgba(0, 0, 0, .1);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding: 2.4rem 1.6rem
}
@media (max-width:1201px) {
  .solutions_73_04 .list > ul > li .item {
    padding: 20px
  }
}
.solutions_73_04 .list > ul > li .item b.t {
  color: #08b494;
  display: block;
  font-size: .96rem;
  line-height: 1em
}
@media (max-width:1201px) {
  .solutions_73_04 .list > ul > li .item b.t {
    font-size: 18px
  }
}
.solutions_73_04 .list > ul > li .item .sub_t {
  color: #666;
  font-size: .72rem;
  line-height: 1em;
  margin: .8rem 0 1rem
}
@media (max-width:1201px) {
  .solutions_73_04 .list > ul > li .item .sub_t {
    font-size: 16px
  }
}
.solutions_73_04 .list > ul > li .item .list_icon > ul {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  list-style: none;
  margin: 0 -.4rem;
  padding: 0
}
.solutions_73_04 .list > ul > li .item .list_icon > ul > li {
  padding: 0 .4rem
}
.solutions_73_04 .list > ul > li .item .list_icon > ul > li span {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: -webkit-linear-gradient(left, #00d8c2, #00e19e);
  background: linear-gradient(90deg, #00d8c2, #00e19e);
  border-radius: 100%;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: .64rem;
  height: 2.4rem;
  -webkit-justify-content: center;
  justify-content: center;
  line-height: 1.2em;
  width: 2.4rem;
  -webkit-writing-mode: tb-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: tb-rl
}
@media (max-width:1201px) {
  .solutions_73_04 .list > ul > li .item .list_icon > ul > li span {
    font-size: 12px
  }
}
.solutions_73_04 .list > ul > li .item .img {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 12rem;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%
}
.solutions_73_04 .list > ul > li .item .img img {
  max-height: 100%;
  max-width: 100%
}
.solutions_73_04 .list > ul > li .item p {
  color: #666;
  font-size: .64rem;
  line-height: 1.5em;
  padding: 0 1.2rem;
  text-align: center
}
@media (max-width:1201px) {
  .solutions_73_04 .list > ul > li .item p {
    font-size: 14px
  }
}
.solutions_73_05 {
  padding: 4rem 0
}
@media (max-width:1201px) {
  .solutions_73_05 {
    padding-bottom: 40px;
    padding-top: 40px
  }
}
@media (max-width:668px) {
  .solutions_73_05 {
    padding-bottom: 20px
  }
  .solutions_73_05 .title_des {
    padding: 0
  }
}
.solutions_73_05 .img {
  margin: 2.8rem 0 0;
  text-align: center
}
@media (max-width:1201px) {
  .solutions_73_05 .img {
    margin-top: 20px
  }
}
.solutions_72_03 {
  padding: 4rem 0
}
@media (max-width:1201px) {
  .solutions_72_03 {
    padding-bottom: 40px;
    padding-top: 40px
  }
}
@media (max-width:668px) {
  .solutions_72_03 {
    padding-bottom: 20px
  }
  .solutions_72_03 .link {
    margin-top: 20px
  }
}
.solutions_72_03 .img {
  margin: 2.8rem 0 0;
  text-align: center
}
@media (max-width:1201px) {
  .solutions_72_03 .img {
    margin-top: 20px
  }
}
.solutions_72_04 {
  padding: 4rem 0
}
@media (max-width:1201px) {
  .solutions_72_04 {
    padding-bottom: 40px;
    padding-top: 40px
  }
}
@media (max-width:668px) {
  .solutions_72_04 {
    padding-bottom: 20px
  }
  .solutions_72_04 .link {
    margin-top: 0
  }
  .solutions_72_04 .link > ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
  }
}
.solutions_72_04 .inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
@media (max-width:668px) {
  .solutions_72_04 .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
.solutions_72_04 .txt {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 2.4rem
}
@media (max-width:668px) {
  .solutions_72_04 .txt {
    padding: 0
  }
}
.solutions_72_04 .txt .list_circle_dot {
  margin: 1.6rem 0 2rem
}
.solutions_72_04 .txt .list > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0
}
@media (max-width:668px) {
  .solutions_72_04 .txt .list > ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px
  }
}
.solutions_72_04 .txt .list > ul > li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 1.6rem
}
@media (max-width:668px) {
  .solutions_72_04 .txt .list > ul > li {
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    margin-bottom: 20px;
    padding: 0 10px
  }
}
.solutions_72_04 .txt .list > ul > li .item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center
}
.solutions_72_04 .txt .list > ul > li .item .icon {
  height: 3.2rem;
  width: 3.2rem
}
.solutions_72_04 .txt .list > ul > li .item .t {
  font-size: .72rem;
  line-height: 1em;
  margin: .8rem 0 .4rem
}
@media (max-width:1201px) {
  .solutions_72_04 .txt .list > ul > li .item .t {
    font-size: 16px
  }
}
.solutions_72_04 .txt .list > ul > li .item p {
  color: #666;
  font-size: .56rem;
  line-height: 1.5em;
  margin: 0
}
@media (max-width:1201px) {
  .solutions_72_04 .txt .list > ul > li .item p {
    font-size: 14px
  }
}
.solutions_72_04 .img {
  -ms-flex-negative: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  text-align: center;
  width: 32.8%
}
@media (max-width:668px) {
  .solutions_72_04 .img {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    margin-bottom: 20px;
    -webkit-order: -1;
    order: -1;
    width: 100%
  }
}
.solutions_72_04 .img img {
  max-width: 100%
}
@media (max-width:668px) {
  .solutions_72_04 .img img {
    max-width: 80%
  }
}
.solutions_72_05 {
  padding: 4rem 0
}
@media (max-width:1201px) {
  .solutions_72_05 {
    padding-bottom: 40px;
    padding-top: 40px
  }
}
@media (max-width:668px) {
  .solutions_72_05 {
    padding-bottom: 20px
  }
}
.solutions_72_05 .img {
  margin: 2.8rem 0 0;
  text-align: center
}
@media (max-width:1201px) {
  .solutions_72_05 .img {
    margin-top: 20px
  }
}
.solutions_72_06 {
  padding: 4rem 0
}
@media (max-width:1201px) {
  .solutions_72_06 {
    padding-bottom: 40px;
    padding-top: 40px
  }
}
@media (max-width:668px) {
  .solutions_72_06 {
    padding-bottom: 20px
  }
}
.solutions_72_06 .img {
  margin: 2.8rem 0 0;
  text-align: center
}
@media (max-width:1201px) {
  .solutions_72_06 .img {
    margin-top: 20px
  }
}

.solutions_single_top_71 {
  max-width: 40.8rem
}
@media (max-width:1201px) {
  .solutions_single_top_71 {
    max-width: 85%
  }
}
@media (max-width:668px) {
  .solutions_single_top_71 {
    max-width: 100%
  }
}
.solutions_71_01 {
  padding: 4rem 0
}
@media (max-width:1201px) {
  .solutions_71_01 {
    padding-bottom: 40px;
    padding-top: 40px
  }
}
@media (max-width:668px) {
  .solutions_71_01 {
    padding-bottom: 20px
  }
  .solutions_71_01 .link {
    margin-top: 0
  }
}
.solutions_71_01 .list {
  margin: 2.8rem 0 0
}
@media (max-width:1201px) {
  .solutions_71_01 .list {
    margin-top: 20px
  }
}
.solutions_71_01 .list > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0 -2rem;
  padding: 0
}
@media (max-width:1201px) {
  .solutions_71_01 .list > ul {
    margin: 0 -10px
  }
}
@media (max-width:668px) {
  .solutions_71_01 .list > ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}
.solutions_71_01 .list > ul > li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 2rem
}
@media (max-width:1201px) {
  .solutions_71_01 .list > ul > li {
    padding: 0 10px
  }
}
@media (max-width:668px) {
  .solutions_71_01 .list > ul > li {
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    margin-bottom: 20px
  }
}
.solutions_71_01 .list > ul > li .item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%
}
.solutions_71_01 .list > ul > li .item, .solutions_71_01 .list > ul > li .item .icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.solutions_71_01 .list > ul > li .item .icon {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  height: 3.6rem;
  -webkit-justify-content: center;
  justify-content: center;
  width: 3.36rem
}
.solutions_71_01 .list > ul > li .item .icon img {
  max-height: 100%;
  max-width: 100%
}
.solutions_71_01 .list > ul > li .item b.t {
  color: #333;
  font-size: .8rem;
  line-height: 1em;
  margin: 1.6rem 0 0
}
@media (max-width:1201px) {
  .solutions_71_01 .list > ul > li .item b.t {
    font-size: 16px
  }
}
.solutions_71_01 .list > ul > li .item p {
  color: #666;
  font-size: .72rem;
  line-height: 1.5em;
  margin: .6rem 0 0;
  padding: 0;
  text-align: center
}
@media (max-width:1201px) {
  .solutions_71_01 .list > ul > li .item p {
    font-size: 14px
  }
}
.solutions_71_02 {
  padding: 4rem 0
}
@media (max-width:1201px) {
  .solutions_71_02 {
    padding-bottom: 40px;
    padding-top: 40px
  }
}
@media (max-width:668px) {
  .solutions_71_02 {
    padding-bottom: 20px
  }
  .solutions_71_02 .link {
    margin-top: 20px
  }
}
.solutions_71_02 .img {
  margin: 2.8rem 0 0;
  text-align: center
}
@media (max-width:1201px) {
  .solutions_71_02 .img {
    margin-top: 20px
  }
}
.solutions_71_03 {
  padding-bottom: 2.8rem;
  padding-top: 2.8rem
}
@media (max-width:1201px) {
  .solutions_71_03 {
    padding-bottom: 40px;
    padding-top: 40px
  }
}
@media (max-width:668px) {
  .solutions_71_03 {
    padding-bottom: 20px
  }
}
.solutions_71_03 .inner {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
@media (max-width:668px) {
  .solutions_71_03 .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
  }
}
.solutions_71_03 .inner .txt {
  width: 50%
}
@media (max-width:668px) {
  .solutions_71_03 .inner .txt {
    padding: 0;
    width: 100%
  }
}
.solutions_71_03 .inner .txt .list_circle_dot {
  margin: 1.6rem 0
}
@media (max-width:668px) {
  .solutions_71_03 .inner .txt .list_circle_dot {
    margin: 20px 0
  }
}
.solutions_71_03 .inner .img {
  margin-left: auto;
  width: 42%
}
@media (max-width:668px) {
  .solutions_71_03 .inner .img {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    margin-bottom: 20px;
    -webkit-order: -1;
    order: -1;
    text-align: center;
    width: 100%
  }
}
.solutions_71_03 .inner .img img {
  width: 100%
}
@media (max-width:668px) {
  .solutions_71_03 .inner .img img {
    width: 80%
  }
}

.title01 {
  font-weight: 400;
  margin: 0;
  padding: 0;
  text-align: center
}
.title01 b.t {
  display: block;
  font-size: 2.44rem;
  font-weight: 700;
  line-height: 1.3em;
  color:#5E5E5E;	
}
@media (max-width:668px) {
  .title01 b.t {
    font-size: 20px
  }
}
.title01 .des {
  color: #999;
  font-size: 20px;	
  margin-top: .8rem;
}
@media (max-width:668px) {
  .title01 .des {
    margin-top: 10px
  }
}
.title02 {
  margin: 0;
  padding: 0
}
.title02 b {
  color: #5E5E5E;
  display: block;
  font-size: 2.24rem;
  line-height: 2em
}
@media (max-width:1681px) {
  .title02 b {
    font-size: 1.6rem
  }
}
@media (max-width:1288px) {
  .title02 b {
    font-size: 30px
  }
}
@media (max-width:1201px) {
  .title02 b {
    font-size: 30px
  }
}
@media (max-width:668px) {
  .title02 b {
    font-size: 22px
  }
}
.title02.center {
  text-align: center
}
.title02 p {
  color:#767676;
  font-weight: 400;
  line-height: 180%;
  font-size: 20px;	
}
.title02.line:after {
  background: -webkit-linear-gradient(left, #017ffe, #017ffe);
  background: linear-gradient(90deg, #017ffe, #017ffe);
  content: "";
  display: block;
  height: 2px;
  line-height: 2px;
  margin: .8rem auto 0;
  width: 2.8rem
}
.title_des {
  color: #787878;
  font-size: .72rem;
  line-height: 1.75em;
  margin: .8rem auto 0;
  max-width: 37.6rem;
  text-align: center
}
@media (max-width:1201px) {
  .title_des {
    font-size: 14px;
    line-height: 2em;
    max-width: 100%;
    padding: 0 20px
  }
}
@media (max-width:668px) {
  .title_des.phone_nopadding {
    padding: 0
  }
}
.w {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
}
index_marketing_scenario {
  padding-bottom: 4.8rem;
  padding-top: 5.6rem
}
@media (max-width:1201px) {
  .index_marketing_scenario {
    padding-bottom: 40px;
    padding-top: 40px
  }
}
@media (max-width:668px) {
  .index_marketing_scenario {
    padding-bottom: 20px
  }
}
.index_marketing_scenario_col {
  margin-top: 3.2rem
}
@media (max-width:1201px) {
  .index_marketing_scenario_col {
    margin-top: 20px
  }
}
.index_marketing_scenario_col > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 -.8rem;
  padding: 0
}
@media (max-width:1201px) {
  .index_marketing_scenario_col > ul {
    margin: 0 -10px
  }
}
.index_marketing_scenario_col > ul > li {
  margin-bottom: 1.6rem;
  padding: 0 .8rem;
  width: 33.33%
}
@media (max-width:1201px) {
  .index_marketing_scenario_col > ul > li {
    margin-bottom: 20px;
    padding: 0 10px
  }
}
@media (max-width:668px) {
  .index_marketing_scenario_col > ul > li {
    width: 100%
  }
}
.index_marketing_scenario_col > ul > li .item {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 10px 35px 0 rgba(0, 0, 0, .1);
  height: 100%;
  min-height: 9.2rem;
  overflow: hidden;
  padding: 1.6rem 3.6rem 1.2rem 1.6rem;
  position: relative
}
@media (max-width:1380px) {
  .index_marketing_scenario_col > ul > li .item {
    min-height: 10rem
  }
}
@media (max-width:968px) {
  .index_marketing_scenario_col > ul > li .item {
    min-height: 220px
  }
}
@media (max-width:668px) {
  .index_marketing_scenario_col > ul > li .item {
    min-height: 180px;
    padding: 20px
  }
}
.index_marketing_scenario_col > ul > li .item:after {
  background: -webkit-linear-gradient(left, #00cbd3, #002d50);
  background: linear-gradient(90deg, #00cbd3, #002d50);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}
.index_marketing_scenario_col > ul > li .item .txt {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  position: relative;
  width: 80%;
  z-index: 2
}
@media (max-width:668px) {
  .index_marketing_scenario_col > ul > li .item .txt {
    padding-right: 90px;
    width: 100%
  }
}
.index_marketing_scenario_col > ul > li .item .txt b.t {
  color: #000;
  display: block;
  font-size: .88rem;
  line-height: 1.5em
}
@media (max-width:1380px) {
  .index_marketing_scenario_col > ul > li .item .txt b.t {
    font-size: 16px
  }
}
.index_marketing_scenario_col > ul > li .item .txt .des {
  color: #999;
  font-size: 14px;
  line-height: 1.8em;
  margin-top: 5px
}
@media (max-width:1380px) {
  .index_marketing_scenario_col > ul > li .item .txt .des {
    font-size: 12px;
    line-height: 1.5em
  }
}
@media (max-width:668px) {
  .index_marketing_scenario_col > ul > li .item .txt .des {
    font-size: 14px
  }
}
.index_marketing_scenario_col > ul > li .item .txt .link {
  margin-top: auto
}
.index_marketing_scenario_col > ul > li .item .txt .link > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0 -10px;
  padding: 0
}
.index_marketing_scenario_col > ul > li .item .txt .link > ul > li {
  padding: 0 10px
}
.index_marketing_scenario_col > ul > li .item .txt .link > ul > li a {
  display: inline-block
}
.index_marketing_scenario_col > ul > li .item .txt .link > ul > li a .btn01 {
  border-radius: 15px;
  height: 30px;
  padding: 0 20px
}
.index_marketing_scenario_col > ul > li .item .txt .link > ul > li a .btn01 em {
  font-size: 12px
}
.index_marketing_scenario_col > ul > li .item .icon {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  bottom: 1.6rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 4.6rem;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  right: 1.6rem;
  width: 4.6rem;
  z-index: 2
}
@media (max-width:668px) {
  .index_marketing_scenario_col > ul > li .item .icon {
    bottom: 20px;
    height: 70px;
    right: 20px;
    width: 70px
  }
}
.index_marketing_scenario_col > ul > li .item .icon img {
  max-height: 100%;
  max-width: 100%
}
.index_marketing_scenario_col > ul > li .item:hover:after {
  opacity: 1
}
.index_marketing_scenario_col > ul > li .item:hover .txt .des, .index_marketing_scenario_col > ul > li .item:hover .txt b.t {
  color: #fff
}
.index_marketing_scenario_col > ul > li .item:hover .icon {
  opacity: 0
}
.pro_single_list {
  padding-top: 1.2rem
}
@media (max-width:1201px) {
  .pro_single_list {
    padding-top: 0
  }
}
.pro_single_list > ul {
  list-style: none;
  margin: 0;
  padding: 0
}
.pro_single_list > ul > li {
  display: block;
  padding: 2.8rem 0;
  background-color: #efefef;	
}
@media (max-width:1201px) {
  .pro_single_list > ul > li {
    padding: 40px 0
  }
}
@media (max-width:668px) {
  .pro_single_list > ul > li {
    padding: 20px 0
  }
}
.pro_single_list > ul > li .item {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
@media (max-width:668px) {
  .pro_single_list > ul > li .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start
  }
}
.pro_single_list > ul > li .item .img {
  text-align: center;
  width: 50%
}
@media (max-width:668px) {
  .pro_single_list > ul > li .item .img {
    margin-bottom: 20px;
    width: 100%
  }
}
.pro_single_list > ul > li .item .img img {
  max-width: 100%
}
@media (max-width:668px) {
  .pro_single_list > ul > li .item .img img {
    max-width: 80%
  }
}
.pro_single_list > ul > li .item .txt {
  padding: 0 2.8rem 0 0;
  width: 50%
}
@media (max-width:668px) {
  .pro_single_list > ul > li .item .txt {
    padding: 0;
    width: 100%
  }
}
.pro_single_list > ul > li .item .txt .title_sub {
  display: block;
  font-size: .72rem;
  line-height: 1.5em;
  margin-top: 1.2rem
}
@media (max-width:1201px) {
  .pro_single_list > ul > li .item .txt .title_sub {
    color: #666;
    font-size: 14px
  }
}
.pro_single_list > ul > li .item .txt .list_circle_dot {
  margin: 1.2rem 0 0
}
.pro_single_list > ul > li .item .txt .link {
  margin-top: 1.2rem
}
.pro_single_list > ul > li:nth-of-type(2n) {
  background-color: #FFF
}
.pro_single_list > ul > li:nth-of-type(2n) .txt {
  padding: 0 0 0 2.8rem
}
@media (max-width:668px) {
  .pro_single_list > ul > li:nth-of-type(2n) .txt {
    padding: 0
  }
}
@media (min-width:668px) {
  .pro_single_list > ul > li:nth-of-type(odd) .item .txt, .pro_single_list_innerlist > ul > li:nth-of-type(2n) .item .txt {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1
  }
  .pro_single_list_innerlist > ul > li:nth-of-type(2n) .item .txt {
    padding: 0 2.8rem 0 0
  }
  .pro_single_list_innerlist > ul > li:nth-of-type(odd) .item .txt {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    padding: 0 0 0 2.8rem
  }
}
a .btn01 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 19px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	width: 150px;
    height: 38px;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: hidden;
    padding: 0 25px;
    position: relative;
}

.solutions_133_01 {
  padding: 2rem 0
}
@media (max-width:1201px) {
  .solutions_133_01 {
    padding-bottom: 40px;
    padding-top: 40px
  }
}
@media (max-width:668px) {
  .solutions_133_01 {
    padding-bottom: 20px
  }
  .solutions_133_01 .link {
    margin-top: 0
  }
}
.solutions_133_01 .list {
  margin: 2.8rem 0 0
}
@media (max-width:1201px) {
  .solutions_133_01 .list {
    margin-top: 20px
  }
}
.solutions_133_01 .list > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;	
  list-style: none;
  margin: 0 -1rem;
  padding: 0
}
@media (max-width:1201px) {
  .solutions_133_01 .list > ul {
    margin: 0 -10px
  }
}
@media (max-width:668px) {
  .solutions_133_01 .list > ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
.solutions_133_01 .list > ul > li {
  width: 33.3%;
  padding: 0 1rem;
  margin-bottom: 1.6rem;	
}
@media (max-width:1201px) {
  .solutions_133_01 .list > ul > li {
    padding: 0 10px
  }
}
@media (max-width:668px) {
  .solutions_133_01 .list > ul > li {
    margin-bottom: 20px;
	width: 100%;  
  }
}
.solutions_133_01 .list > ul > li .item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 .4rem 1.4rem 0 rgba(0, 0, 0, .1);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding: 2.4rem 1.6rem
}
@media (max-width:1201px) {
  .solutions_133_01 .list > ul > li .item {
    padding: 20px
  }
}
.solutions_133_01 .list > ul > li .item b.t {
  color: #017ffe;
  display: block;
  font-size: .96rem;
  line-height: 1.5em;
  text-align: center
}
@media (max-width:1201px) {
  .solutions_133_01 .list > ul > li .item b.t {
    font-size: 16px
  }
}
.solutions_133_01 .list > ul > li .item .des {
  color: #666;
  font-size: .72rem;
  line-height: 1.5em;
  margin: 1rem 0 2rem;
  padding: 0;
  text-align: center
}
@media (max-width:1201px) {
  .solutions_133_01 .list > ul > li .item .des {
    font-size: 14px;
    margin: 20px 0 40px
  }
}
.solutions_133_01 .list > ul > li .item p {
  font-weight: lighter
}
.solutions_133_01 .list > ul > li .item .icon {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 3.6rem;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: auto;
  position: relative;
  width: 3.6rem
}
.solutions_133_01 .list > ul > li .item .icon img {
  left: 50%;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2
}
.solutions_133_01 .list > ul > li .item .icon img.b {
  opacity: 1
}
.solutions_133_01 .list > ul > li .item .icon img.a {
  opacity: 0
}
.solutions_133_01 .list > ul > li .item:hover {
    background: -webkit-linear-gradient(left, #017ffe, #002d50);
    background: linear-gradient(90deg, #017ffe, #002d50);
}
.solutions_133_01 .list > ul > li .item:hover b.t, .solutions_133_01 .list > ul > li .item:hover p {
  color: #fff
}
.solutions_133_01 .list > ul > li .item:hover .icon img.b {
  opacity: 0
}
.solutions_133_01 .list > ul > li .item:hover .icon img.a {
  opacity: 1
}
.solutions_133_02 {
  padding: 2rem 0
}
@media (max-width:1201px) {
  .solutions_133_02 {
    padding-bottom: 40px;
    padding-top: 40px
  }
}
@media (max-width:668px) {
  .solutions_133_02 {
    padding-bottom: 20px
  }
  .solutions_133_02 .link {
    margin-top: 0
  }
}
.solutions_133_02 .list {
  margin: 2.8rem 0 0
}
@media (max-width:1201px) {
  .solutions_133_02 .list {
    margin-top: 20px
  }
}
.solutions_133_02 .list > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0 -2rem;
  padding: 0
}
@media (max-width:968px) {
  .solutions_133_02 .list > ul {
    margin: 0 -10px
  }
}
@media (max-width:668px) {
  .solutions_133_02 .list > ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}
.solutions_133_02 .list > ul > li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 2rem
}
@media (max-width:968px) {
  .solutions_133_02 .list > ul > li {
    padding: 0 10px
  }
}
@media (max-width:668px) {
  .solutions_133_02 .list > ul > li {
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    margin-bottom: 20px
  }
}
.solutions_133_02 .list > ul > li .item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%
}
.solutions_133_02 .list > ul > li .item, .solutions_133_02 .list > ul > li .item .icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}
.solutions_133_02 .list > ul > li .item .icon {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  height: 9.2rem;
  -webkit-justify-content: center;
  justify-content: center;
  width: 6.72rem
}
.solutions_133_02 .list > ul > li .item .icon img {
  max-height: 100%;
  max-width: 100%
}
.solutions_133_02 .list > ul > li .item b.t {
  color: #017ffe;
  font-size: .96rem;
  line-height: 1.5em;
  margin: .8rem 0 0;
  text-align: center
}
@media (max-width:1201px) {
  .solutions_133_02 .list > ul > li .item b.t {
    font-size: 16px
  }
}
.solutions_133_02 .list > ul > li .item p {
  color: #B8B8B8;
  font-size: .72rem;
  line-height: 1.5em;
  margin: .8rem 0 0;
  padding: 0;
  text-align: center
}
@media (max-width:1201px) {
  .solutions_133_02 .list > ul > li .item p {
    font-size: 14px
  }
}
.solutions_133_03 {
  padding: 4rem 0
}
@media (max-width:1201px) {
  .solutions_133_03 {
    padding-bottom: 40px;
    padding-top: 40px
  }
}
@media (max-width:668px) {
  .solutions_133_03 {
    padding-bottom: 20px
  }
  .solutions_133_03 .title_des {
    padding: 0
  }
  .solutions_133_03 .link {
    margin-top: 20px
  }
}
.solutions_133_03 .img {
  margin: 2.8rem 0 0;
  text-align: center
}
@media (max-width:1201px) {
  .solutions_133_03 .img {
    margin-top: 20px
  }
}
.solutions_133_04 {
  padding: 4rem 0
}
@media (max-width:1201px) {
  .solutions_133_04 {
    padding-bottom: 40px;
    padding-top: 40px
  }
}
@media (max-width:668px) {
  .solutions_133_04 {
    padding-bottom: 20px
  }
  .solutions_133_04 .link {
    margin: 20px 0 0
  }
}
.solutions_133_04 .solutions_133_04_hd {
  margin-bottom: 2.8rem
}
.solutions_133_04 .solutions_133_04_hd > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0
}
@media (max-width:668px) {
  .solutions_133_04 .solutions_133_04_hd > ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
}
.solutions_133_04 .solutions_133_04_hd > ul > li {
  position: relative;
  width: 33.33%
}
@media (max-width:668px) {
  .solutions_133_04 .solutions_133_04_hd > ul > li {
    margin-bottom: 20px;
    width: 100%
  }
}
.solutions_133_04 .solutions_133_04_hd > ul > li:after {
  background-color: rgba(8, 180, 148, .2);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px
}
@media (max-width:668px) {
  .solutions_133_04 .solutions_133_04_hd > ul > li:after {
    display: none
  }
  .solutions_133_04 .solutions_133_04_hd > ul > li:last-of-type {
    margin-bottom: 0
  }
}
.solutions_133_04 .solutions_133_04_hd > ul > li:last-of-type:after {
  display: none
}
.solutions_133_04 .solutions_133_04_hd > ul > li .item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 3.4rem;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center
}
@media (max-width:968px) {
  .solutions_133_04 .solutions_133_04_hd > ul > li .item {
    height: 100%;
    padding: 0 10px
  }
}
@media (max-width:668px) {
  .solutions_133_04 .solutions_133_04_hd > ul > li .item {
    border: 1px solid #ddd;
    padding: 10px
  }
}
.solutions_133_04 .solutions_133_04_hd > ul > li .item b {
  color: #aaa;
  display: block;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1em
}
@media (max-width:1380px) {
  .solutions_133_04 .solutions_133_04_hd > ul > li .item b {
    font-size: 1.04rem
  }
}
@media (max-width:668px) {
  .solutions_133_04 .solutions_133_04_hd > ul > li .item b {
    font-size: 18px
  }
}
.solutions_133_04 .solutions_133_04_hd > ul > li .item p {
  color: #666;
  display: none;
  font-size: 16px;
  line-height: 1em;
  margin: 0
}
@media (max-width:1380px) {
  .solutions_133_04 .solutions_133_04_hd > ul > li .item p {
    font-size: 14px
  }
}
@media (max-width:968px) {
  .solutions_133_04 .solutions_133_04_hd > ul > li .item p {
    line-height: 1.5em;
    margin-top: 20px
  }
}
@media (max-width:668px) {
  .solutions_133_04 .solutions_133_04_hd > ul > li .item p {
    display: block;
    margin-top: 10px
  }
  .solutions_133_04 .solutions_133_04_hd > ul > li.on {
    background-color: #08b494
  }
}
.solutions_133_04 .solutions_133_04_hd > ul > li.on .item {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
@media (max-width:668px) {
  .solutions_133_04 .solutions_133_04_hd > ul > li.on .item {
    border-color: #08b494
  }
}
.solutions_133_04 .solutions_133_04_hd > ul > li.on .item b {
  color: #000;
  font-size: 1.6rem;
  font-weight: 700
}
@media (max-width:1380px) {
  .solutions_133_04 .solutions_133_04_hd > ul > li.on .item b {
    font-size: 1.36rem
  }
}
@media (max-width:668px) {
  .solutions_133_04 .solutions_133_04_hd > ul > li.on .item b {
    color: #fff;
    font-size: 18px
  }
}
.solutions_133_04 .solutions_133_04_hd > ul > li.on .item p {
  display: block
}
@media (max-width:668px) {
  .solutions_133_04 .solutions_133_04_hd > ul > li.on .item p {
    color: #fff
  }
}
.solutions_133_04 .solutions_133_04_bd .img {
  text-align: center
}
.solutions_73_01 {
  padding: 2rem 0
}