﻿#ind .ind-l {background: var(--introcolor)}
#ind .ind-r lite-youtube {height: 100%}
.kche-wrap-width {clear: both;margin: 0 auto;width: 100%;padding: 15px 0;max-width: 1600px;box-sizing: border-box;}
.kche-t4>h2 {width: 100%;font-size: 24px;padding: 8px 20px;box-sizing: border-box;border-bottom: 3px solid transparent;border-image: url(https://cdn.seo.com.cn/Content/Images/sdg-line.png);border-image-slice: 6;border-image-repeat: repeat;margin: 0px;color: var(--color, #000);}
.kche-t223 .kche-t223-flex {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.kche-t223 .kche-t223-flex>div {width: 48%}
.kche-t223 .kche-t223-flex .kche-t223-text p {margin: 0 0 15px 0;line-height: 1.5}
.kche-t223 .kche-t223-flex .kche-t223-img img {max-width: 100%;width: 100%;height: auto;transition: all .1s linear;border-radius: 10px}
.kche-t223 .kche-t223-flex .kche-t223-img img:hover {transform: scale(1.01)}
@media (max-width:768px) {.kche-t223 .kche-t223-flex {flex-direction: column}
.kche-t223 .kche-t223-flex>div {width: 100%}
.kche-t223 .kche-t223-flex .kche-t223-text {margin-top: 10px;}
.kche-t223-img {margin: 10px 0}}
.kche-t222 .kche-t222-flex {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.kche-t222 .kche-t222-flex>div {width: 48%}
.kche-t222 .kche-t222-flex .kche-t222-text p {margin: 0 0 15px 0;line-height: 26px}
.kche-t222 .kche-t222-flex .kche-t222-img img {max-width: 100%;width: 100%;height: auto;transition: all .1s linear;border-radius: 10px}
.kche-t222 .kche-t222-flex .kche-t222-img img:hover {transform: scale(1.01)}
@media (max-width:768px) {.kche-t222 .kche-t222-flex {flex-direction: column}
.kche-t222 .kche-t222-flex>div {width: 100%}
.kche-t222-img {margin: 10px 0}}
#ind .ind-lef {flex: inherit;width: 45%;margin-top: 20px}
#ind .ind-wrap {padding: 5%}
#ind .ind-r {top: 0;margin: 0}
#ind .ind-rig {padding: 0 30px;flex: inherit;width: 55%;}
.kche-t223 .kche-t223-flex .kche-t223-text p * {font-size: 14px !important;}
.kche-t222 .kche-t222-flex .kche-t222-text p * {font-size: 14px !important;}
@media (max-width:1366px) {#ind .ind-lef {width: 100%;margin-top: 0}
#ind {flex-wrap: wrap;flex-direction: column}
#ind .ind-rig {padding: 30px 20px 0;width: 100%;}}
@media (max-width:768px) {#ind .ind-wrap {padding: 20px 3vw}
#ind .ind-rig {padding: 20px 3vw 0;}
.kche-t223 .kche-t223-flex .kche-t223-text p * {font-size: 15px !important;}
.kche-t222 .kche-t222-flex .kche-t222-text p * {font-size: 15px !important;}
.kche-t4>h2 {font-size: 20px;padding: 5px 0;line-height: 1.4}}
#ind {padding: 0;}
#about1 {padding: 80px 0px}
#about1 .l-wrap {display: flex}
#about1 .about-img,#about1 .about-con {width: 50%}
#about1 .about-con {padding-left: 100px}
#about1 .about-con .title {color: var(--color);font-weight: var(--fontbold6);margin-bottom: 22px}
#about1 .about-con h3 {font-size: var(--fontsize32);text-transform: uppercase;margin-bottom: 20px}
#about1 .about-con h3>span {color: var(--color)}
#about1 .about-con .con {color: var(--introcolor);line-height: 1.5em}
#about1 .about-con ul {margin: 40px 0px 50px;padding-left: 70px;position: relative;color: var(--fontcolor)}
#about1 .about-con ul li {line-height: 1.5em;margin-bottom: 10px;position: relative}
#about1 .about-con ul li:after {content: "";width: 10px;height: 10px;background: var(--color);position: absolute;top: 8px;left: -20px}
#about1 .about-con ul:before,#about1 .about-con ul:after {content: "";height: 100%;width: 1px;background: var(--color);position: absolute;left: 0px}
#about1 .about-con ul:after {left: 14px;top: -22px}
#about1 .about-con ul:before {top: 10px}
#about1 .about-img {padding-top: 60px}
#about1 .about-img img {display: block;right: 0px;width: 90%;height: auto}
#about1 .about-img .img-wrap {position: relative;display: flex;justify-content: flex-end}
#about1 .about-img .dot,#about1 .about-img .box {position: absolute}
#about1 .about-img .dot {z-index: -2;background-image: radial-gradient(#D8D8D8 1.2px, rgba(0, 0, 0, 0) 1px);background-size: 16px 16px}
#about1 .about-img .box {background: #F1F4F9;z-index: -1}
@media screen and (max-width:1470px) {#about1 .about-con {padding-left: 50px}}
@media screen and (max-width:768px) {#about1 {padding: 3vw}
#about1 .l-wrap {display: block;margin: 0px}
#about1 .about-img,#about1 .about-con {width: 100%}
#about1 .about-img {margin-bottom: 40px}
#about1 .about-img img {width: 100%}
#about1 .about-con {padding-left: 0px}
#about1 .about-con h3,#about1 .about-con .title {text-align: center}
#about1 .about-con h3 {font-size: var(--fontsize20)}
#about1 .about-con .title {margin-bottom: 16px}
#about1 .about-con ul {margin: 30px 0px 40px;padding-left: 60px}}
.common-main #about1 {padding: 0px}
.common-main #about1 .about-con {margin-top: 80px}
.common-main #about1 .about-con ul {padding-left: 20px}
.common-main #about1 .about-con ul:before,.common-main #about1 .about-con ul:after {display: none}
#about1 .list {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;margin-top: 20px;margin-bottom: 3%}
#about1 .list .item {padding: 20px;box-sizing: border-box;position: relative;background: #fdf2e9;border-radius: 50%;width: 100%;aspect-ratio: 1/1;display: flex;align-items: center;justify-content: center;flex-direction: column;color: var(--color);z-index: 11;font-size: 20px;word-break: break-word;text-align: center}
#about1 .list .item span {position: absolute;z-index: -1;left: -1%;top: 10px;width: 102%;height: 102%;border-radius: 50%;background: #fff;display: inline-block}
#about1 .about-img iframe {width: 100%;aspect-ratio: 16/9;}
@media (max-width:1064px) {#about1 .list {grid-template-columns: repeat(2, 1fr)}}
@media (max-width:768px) {#about1 .list {grid-template-columns: repeat(3, 1fr)}}
@media (max-width:500px) {#about1 .list {grid-template-columns: repeat(2, 1fr)}}
#about1 .list .item .inum{font-size:40px;font-weight: var(--fontbold7);}
#about1 .list .item .ides{color:var(--fontcolor);font-weight:var(--fontbold7);margin-top:10px;}
@media (max-width:768px){#about1 .list .item .inum{font-size:20px;}
#about1 .list .item .ides{font-size:14px;}}
#about1 .about-img{ display: flex;align-items: center;}