body{
    overflow-x: hidden;
}


.message {
	cursor: pointer;
	position: fixed;
	z-index: 6;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
#loadingBox {
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #333;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	display: none!important;
}
#loading_vio {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
@keyframes task_ani {
  0% {
	background-position: 100% 0;
}
100% {
	background-position: 0 0;
}
}
@keyframes task_ani2 {
  0% {
	left: -200px;
}
100% {
	left: 150%;
}
}
@-webkit-keyframes rotation3 {
  0% {
	background-position: 0 0px;
}
100% {
	background-position: 0 -1960px;
}
}
@keyframes rotation3 {
  0% {
	background-position: 0 0px;
}
100% {
	background-position: 0 -1960px;
}
}
.partner {
	position: relative;
	overflow: hidden;
	z-index: 3;
	background: #fff;
}
.partner .phone_product {
	display: none;
}
.partner .point {
	display: none;
}
.partner .steps {
	display: flex;
	align-items: center;
	background: rgba(32,59,60,0.5);
	padding: 10px;
	color: #fff;
	position: relative;
	border-radius: 60px;
}
.partner .steps span {
	margin: 0 6px;
}
.partner .steps div:not(.steps_shadow) {
	height: 50px;
	display: flex;
	align-items: center;
	padding: 0 30px;
	border-radius: 60px;
	cursor: pointer;
	position: relative;
	z-index: 2;
	transition: all 0.5s;
}
.partner .steps .steps_act {
	border-radius: 60px;
	transition: all 0.5s;
	color: #333;
}
.partner .steps .steps_shadow {
	height: 50px;
	position: absolute;
	top: 10px;
	left: 10px;
	transition: all 0.5s;
	background: #fff;
	border-radius: 60px;
}
.partner .same_btn1 {
	background: none;
	border: 1px solid var(--primary-color);
	color: var(--primary-color);
}
.partner .same_btn1:hover {
	color: #fff;
	border-color: var(--green-color);
}
.partner .same_btn1:hover svg path {
	stroke: #fff;
}
.partner .swiper {
	width: 100%;
	padding: 20px 0;
}
.partner .swiper-wrapper {
	align-items: stretch;
}
.partner .swiper-slide {
	padding: 6px;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);
	border-radius: 20px;
	background: none;
	overflow: hidden;
	height: auto;
}
/*.partner .swiper-slide-active {
	background: linear-gradient(270deg, rgba(54, 169, 155, 0.8), rgba(95, 254, 201, 0.8), rgba(72, 254, 194, 0.8), rgba(53, 222, 160, 1), rgba(85, 255, 158, 0.5));
}
*/
@keyframes partner_ani {
  0% {
	transform: translate(-50%,-50%) rotate(0)
}
100% {
	transform: translate(-50%,-50%) rotate(360deg);
}
}
.partner .swiper-slide::after {
	content: '';
	display: block;
	position: absolute;
	width: 200%;
	height: 200%;
	top: 50%;
	left: 50%;
	background: linear-gradient(270deg, rgba(54, 169, 155, 0.8), rgba(95, 254, 201, 0.8), rgba(72, 254, 194, 0.8), rgba(53, 222, 160, 1), rgba(85, 255, 158, 0.5));
	display: none;
}
.partner .swiper-slide-active::after {
	display: block;
	animation: partner_ani 3s linear infinite;
}
.partner .swiper-slide .txt {
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 40px;
	border-radius: 20px;
	text-align: center;
	background: #fff;
	position: relative;
	z-index: 2;
}
.partner .wrap {
	position: relative;
	z-index: 2;
}
.partner .bg1 {
	position: absolute;
	right: 0;
	top: 0;
}
.partner .bg2 {
	position: absolute;
	left: 0;
	bottom: 0;
}
.partner .flx {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}
.partner .l,.partner .column {
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.partner .item {
	padding: 40px;
	border-radius: 20px;
}
.partner .item:first-child .btm {
	display: block;
}
.partner .item_act {
	background: #fff;
  -webkit-box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.partner .swiper-slide-active .icona {
  -webkit-animation:1.6s steps(35, start) rotation3 forwards;
	animation: 1.6s steps(35, start) rotation3 forwards;
	animation-delay: 0.6s;
}
.partner .item_act .icon img {
	display: none;
}
.partner .top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
	align-items: center;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
	justify-content: space-between;
}
.partner .icona {
	width: 56px;
	height: 56px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
	align-items: center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
	justify-content: center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: 0 -1960px;
	margin-bottom: 40px;
}
.partner .icona img {
	max-height: 100%;
	display: none;
}
.partner .tit {
	margin-top: 16px;
}
.partner .des {
	margin-top: 8px;

	    color: rgba(13, 32, 20, 0.50);
}
.partner .num {
	opacity: 0.5;
	margin-right: 5px;
}
.partner .swiper-slide-active .title {
	color: var(--green-color);
}
/* 把这个加到你的样式表最底部 */
.partner .swiper-wrapper {
	pointer-events: none !important;
	z-index: 0 !important;
}
.partner .swiper-slide {
	pointer-events: auto !important;
	z-index: 1 !important;
	position: relative !important;
}
.partner .swiper-slide-active {
	z-index: 10 !important;
}
.partner .swiper-slide .same_btn2 {
	pointer-events: auto !important;
	cursor: pointer !important;
	position: relative !important;
	z-index: 1000 !important;
/* 重要：确保按钮在3D空间中可见 */
  transform:translateZ(20px) !important;
  -webkit-transform:translateZ(20px) !important;
}
.vision {
	position: relative;
	z-index: 3;
	background: #fff;
}
.vision .new_flx {
	display: flex;
	align-items: flex-end;
	margin-left: calc((100% - 40vw) / 2);
	width: 60vw;
}
.vision .new_sw {
	width: 60vw;
	position: relative;
}
.vision .new_sw .swiper-slide {
	border-radius: 20px;
	width: 40vw;
	height: 30vw;
	position: relative;
	overflow: hidden;
	opacity: 0;
}
.vision .new_sw .swiper-slide-active {
       /* margin-left:20vw;
	padding-left: 33%;
*/
}
.vision .new_sw .swiper-slide-next {
	transform: scale(0.5);
}
.vision .new_con {
	width: 100%;
	height: 100%;
}
.vision .new_img {
	height: 100%;
}
.vision .new_img img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.vision .new_logo {
	max-height: 40px;
}
.vision .new_txt {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	padding: 40px;
}
.vision .new_info {
	display: flex;
	justify-content: space-between;
	color: #fff;
	opacity: 0;
	transform: translateY(100%);
	transition: all 0.5s;
	transition-delay: 0.5s;
}
.vision .swiper-slide-active .new_info {
	transform: none;
	opacity: 1;
}
.vision .new_des {
	opacity: 0.5;
}
.vision .new_info>div:first-child {
	width: 182px;
}
.vision .new_info>div:last-child {
	width: calc(100% - 270px);
}
.vision .new_btn {
	display: flex;
	position: absolute;
	z-index: 2;
	bottom: 0;
	right: 0;
}
.vision .new_btn>div {
	width: 111px;
	height: 111px;
	border-radius: 50%;
	background: #D9D9D9;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	margin-right: 16px;
	position: relative;
}
.vision .new_btn>div svg {
	z-index: 3;
	position: relative;
}
.vision .new_btn>div::before {
	content: '';
	display: block;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	position: absolute;
	z-index: 2;
	top: 1px;
	left: 1px;
	background: #fff;
	border-radius: 50%;
}
.vision .new_btn>div::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(270deg, rgba(64, 216, 144, 1), rgba(217, 217, 217, 1));
	border-radius: 50%;
	opacity: 0;
	transition: all 0.5s;
}
.vision .new_btn>div:hover::after {
	opacity: 1;
	animation: rotate 2s linear infinite;
}
@keyframes rotate {
  from {
	transform: rotate(0deg);
}
to {
	transform: rotate(360deg);
}
}
.vision .vision_bg {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}
.pc_bg {
	display: block;
}
.phone_bg {
	display: none;
}
.vision > *:not(.vision_bg) {
	position: relative;
	z-index: 2;
}
.vision .column {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
	flex-direction: column;
  -webkit-box-align:center;
      -ms-flex-align:center;
	align-items: center;
	text-align: center;
}
.vision .txt {
	clip-path: inset(0 0 100% 0);
	border-radius: 20px;
	padding: 40px;
	width: 452px;
	margin-left: auto;
	background: rgba(255, 255, 255, 0.8);
	backdrop-filter: blur(10px);
	opacity: 1;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
	flex-direction: column;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
	justify-content: space-between;
}
.vision .big_logo {
	max-height: 32px;
}
.vision .shang {
	height: 22px;
}
.vision .xia {
	height: 22px;
	text-align: right;
}
.vision .color {
	color: rgb(123, 191, 81);
}
.vision .con {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
  -webkit-line-clamp:5;
  -webkit-box-orient:vertical;
}
.vision .big {
	overflow: hidden;
	display: none;
}
.vision .big .swiper {
	overflow: visible;
	width: 1000px;
	height: 530px;
	margin: auto;
}
.vision .big .swiper-wrapper {
  -webkit-box-align:center;
      -ms-flex-align:center;
	align-items: center;
}
.vision .big .swiper-slide {
	padding: 40px;
	border-radius: 20px;
	overflow: hidden;
	height: calc(100% - 70px);
  -webkit-transition:all 0.5s;
	transition: all 0.5s;
}
.vision .big .swiper-slide .img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.vision .big .swiper-slide .img img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.vision .big .swiper-slide-active {
	height: 100%;
}
.vision .big .swiper-slide-active .txt {
  -webkit-transition:all 1.5s;
	transition: all 1.5s;
	clip-path: inset(0 0 0 0);
}
.vision .line {
	height: 1px;
	background: rgba(255, 255, 255, 0.5);
}
.vision .small {
	display: none;
}
.vision .small .swiper-slide {
	width: auto;
	opacity: 0.4;
  -webkit-transition:all 0.5s;
	transition: all 0.5s;
	cursor: pointer;
}
.vision .small .swiper-slide-thumb-active {
	opacity: 1;
}
.vision .bigPoint {
	display: flex;
	justify-content: center;
}
.vision .bigPointPhone {
	display: none;
}
.vision .bigPoint div {
	width: auto;
	height: auto;
	background: none;
	margin: 0 25px !important;
}
.vision .bigPoint div img {
	max-height: 40px;
}
.product {
	position: relative;
	overflow: hidden;
}
.product .r_btm {
	display: flex;
	justify-content: flex-start;
}
.product .play {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: rgba(255,255,255,0.2);
	position: relative;
	margin-right: 12px;
	cursor: pointer;
}
.product .play svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.product .play svg:nth-child(1) {
	opacity: 0;
}
.product .play_act svg:nth-child(1) {
	opacity: 1;
}
.product .play_act svg:nth-child(2) {
	opacity: 0;
}
.product .point {
	height: 70px;
	background: rgba(255,255,255,0.2);
	border-radius: 70px;
	align-items: center;
	padding: 0 30px;
	width: auto !important;
}
.product .r .swiper-slide > * {
	opacity: 0;
  -webkit-transform:translateX(25px);
      -ms-transform:translateX(25px);
	transform: translateX(25px);
  -webkit-transition:all 1s;
	transition: all 1s;
}
.product .r .swiper-slide > *:nth-child(1) {
  -webkit-transition-delay:0.4s;
	transition-delay: 0.4s;
}
.product .r .swiper-slide > *:nth-child(2) {
  -webkit-transition-delay:0.6s;
	transition-delay: 0.6s;
}
.product .r .swiper-slide > *:nth-child(3) {
  -webkit-transition-delay:0.8s;
	transition-delay: 0.8s;
}
.product .r .swiper-slide-active > * {
	opacity: 1;
  -webkit-transform:none;
      -ms-transform:none;
	transform: none;
}
.product .point span {
	border-radius: 10px;
	background-color: rgba(255, 255, 255, 0.2);
	opacity: 1;
	position: relative;
	overflow: hidden;
}
.product .swiper-pagination-bullet-active {
	width: 80px;
}
.product .point span::after {
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #fff;
}
@keyframes point_ani {
    0% {
	width: 0;
}
100% {
	width: 100%;
}
}
.product .point .swiper-pagination-bullet-active::after {
	animation: point_ani 3.6s linear forwards;
}
.product .point .point-act::after {
	animation-play-state: paused;
}
.product > div {
	height: 100vh;
	max-height: 1080px;
	overflow: hidden;
	transform-origin: center;
}
.product .l .swiper {
	height: 100%;
}
.product a {
	color: var(--green-color);
	font-weight: bold;
}
.product .l img {
	width: 100%;
	height: 100%;
  -o-object-fit:cover;
	object-fit: cover;
}
.product .r {
	width: 50%;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 101%;
	padding: 170px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
	flex-direction: column;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
	justify-content: space-between;
	background-size: cover;
	background-image: url(https://omo-oss-image.thefastimg.com/portal-saas/pg2026032010211947753/cms/image/153baa07-47d0-4382-84af-48f97af18bae.jpg);
	background-position: center bottom;
}
.product .sub {
	color: rgba(255, 255, 255, 0.5);
}
.product .tit {
	line-height: 1.34;
}
.product .des {
	color: rgba(255, 255, 255, 0.8);
}
.information {
	position: relative;
	overflow: visible;
	background: #fff;
}
.information .wrap {
	position: relative;
	z-index: 2;
}
.information .bg1 {
	position: absolute;
	right: 0;
	top: 0;
}
.information .column {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
	flex-direction: column;
  -webkit-box-align:center;
      -ms-flex-align:center;
	align-items: center;
	text-align: center;
}
.information .flx {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -ms-flex-wrap:wrap;
	flex-wrap: wrap;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
	justify-content: space-between;
}
.information .item:nth-child(n+4) {
	margin-top: 20px;
}
.information .item:nth-child(5n-1) {
	width: calc((100% - 40px) / 3 * 2 + 20px);
}
.information .item {
	position: relative;
	height: 0;
	padding-bottom: 21.52%;
  /*overflow:hidden;
*/
  display:block;
	width: calc((100% - 40px) / 3);
	perspective: 1000px;
}
.information .item img {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
  -webkit-transition:all 0.5s;
	transition: all 0.5s;
  -o-object-fit:cover;
	object-fit: cover;
	transform: scale(1.1);
}
.information .item:hover img {
  -webkit-transform:scale(1.05);
      -ms-transform:scale(1.05);
	transform: scale(1.05);
}
.item_con {
	border-radius: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
/* 保留3D效果 */
            transition:transform 0.8s ease;
}
.information .item:hover .item_con {
	transform: rotateY(180deg);
}
.information .item .item_img {
	position: absolute;
	border-radius: 20px;
	overflow: hidden;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	backface-visibility: hidden;
}
.information .item .item_img::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	background: rgba(0, 0, 0, 0.4);
	left: 0;
	top: 0;
	transition: all 0.5s;
	opacity: 0;
}
.information .item_act .item_img::after {
	opacity: 1;
}
.information .item_act .item_img img {
	transform: scale(1);
}
.information .item .txt {
	border-radius: 20px;
	overflow: hidden;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	color: rgba(13, 32, 20, 1);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 40px;
	transform: rotateY(180deg);
	backface-visibility: hidden;
}
.information .item .txt div {
	position: relative;
	z-index: 2;
}
.information .item .txt::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-size: cover;
	background-position: center;
	background-image: url(https://omo-oss-image.thefastimg.com/portal-saas/pg2026032010211947753/cms/image/e5818d90-caa1-48d6-ad30-44e7c99a90d5.jpg);
	opacity: 0.9;
}
.information .item .address {
	font-weight: bold;
}
.information .item .time2 {
	opacity: 0.5;
}

.contact{
    background: #fff;
    position: relative;
}
.contact .wrap{
    position: relative;
    z-index: 2;
}
.contact .flx{
    display: flex;
    justify-content: space-between;
}
.contact .r{
    width: 670px;
        background: #FFFFFF;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    padding: 40px;
}
.contact_email div {
    color: rgba(157, 157, 157, 1);
}
.contact_email a {
    transition: all 0.5s;
    color: rgba(46, 46, 46, 1);
}
.contact_email a:hover {
    color: var(--green-color);
}
.contact_bg {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}
input::placeholder {
    color: rgba(13, 32, 20, 0.5);
    opacity: 1;
}
textarea::placeholder {
    color: rgba(13, 32, 20, 0.5);
    opacity: 1;
}
.form_summary {
    color: rgba(13, 32, 20, 0.50);
    margin-top: 8px;
}
.must::after {
    color: red;
    content: "*";
    margin-left: 5px;
}
.form_flx{
    display: flex;
    justify-content: space-between;
}
.form_flx>div{
    width: calc((100% - 16px)/2);
}
.form_info{
    margin-top: 50px;
}
.form_info>div:nth-child(n+2){
    margin-top: 15px;
}
.form_tit{
    margin-bottom: 10px;
}
.form_tips{
    width: calc(100% - 180px);
    color: var(--green-color);
}
.form_btm{
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.contact .same_btn1{
    width: 158px;
    border: none;
}
.contact input{
    height: 48px;
    border: none;
    background: rgba(229, 229, 229, 0.3);
}
.contact textarea{
    min-height: auto;
    height: 70px;
    border: none;
    background: rgba(229, 229, 229, 0.3);
}
.layui-form-select dl dd.layui-this {
    background-color: var(--green-color);
}

.contact_task{
    z-index: 9;
    height: 90%;
    position: fixed;
    top: 101%;
    width: calc(100% - 100px);
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    transition: all 0.5s;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    padding: 80px 0;
}
.form_close{
    cursor: pointer;
    position: absolute;
    top: 30px;
    right: calc((100% - 1440px)/2);
    transition: all 0.5s;
}
@media screen and (max-width:1700px) {
    .form_close{
        right: 10%;
    }
  .information .item .txt {
	padding: 30px;
}
.partner .swiper-slide .txt {
	padding: 30px;
}
.partner .item {
	padding: 30px;
}
.vision .big .swiper {
	width: 800px;
	height: 500px;
}
.product .r {
	padding: 8.8%;
}
.partner .bg1,.partner .bg2,.information .bg1 {
	width: 26%;
}
.product .play {
	width: 50px;
	height: 50px;
}
.product .point {
	height: 50px;
	padding: 0 20px;
}
.vision .new_btn>div {
	width: 80px;
	height: 80px;
}
.vision .new_info {
	flex-direction: column;
}
.vision .new_info>div:first-child {
	width: 100%;
}
.vision .new_info>div:last-child {
	width: 100%;
	margin-top: 10px;
}
.vision .new_txt {
	padding: 30px;
}
    .contact .same_btn1{
        width: 130px;
        height: 50px;
    }
    .form_tips {
    width: calc(100% - 150px);
    color: var(--green-color);
}
}
@media screen and (max-width:1200px) {
    .contact_task .form_info {
    margin-top: 25px;
}
    .contact_task .l{
        display: none;
    }
    .contact_task .r{
        width: 100%;
    }
    .form_close {
        top: 12px;
        right: 5%;
    }
      .product .r {
	padding: 40px;
}
.partner .swiper {
	padding: 10px;
}
.partner .swiper-slide-active {
	background: none;
}
.vision .new_btn>div {
	width: 50px;
	height: 50px;
}
.partner .sw_product {
	display: none;
}
.partner .phone_product {
	display: block;
}
.partner .phone_product .swiper .swiper-wrapper {
	align-items: stretch;
}
.partner .point {
	display: flex;
	justify-content: center;
}
.partner .point span {
	background: #0D2014;
}
.partner .flx {
	flex-direction: column;
}
.partner .swiper-slide .txt {
	padding: 20px;
}
.partner .steps {
	display: none;
}
.vision .big .swiper {
	width: 580px;
	height: 430px;
}
.vision .txt {
	padding: 25px;
}
.vision .bigPoint img {
	display: none;
}
.vision .bigPoint div {
	background: #0D2014;
	width: 10px;
	height: 10px;
	margin: 0 6px !important;
}
.vision .big .swiper-slide > img {
	position: relative;
}
.vision .big .swiper {
	width: 80%;
	height: auto;
}
.information .item {
	width: calc((100% - 30px) / 3);
}
.information .item .item_img {
	border-radius: 10px;
}
.information .item .txt {
	border-radius: 10px;
	padding: 10px 0;
}
.information .item .txt div {
	transform: scale(0.9);
}
.information .item:nth-child(n+4) {
	margin-top: 15px;
}
.contact .flx{
    flex-direction: column;
}
.contact .r{
    width: 100%;
    padding: 30px;
}
.contact_default .r{
    margin-top: 40px;
}
.contact .same_btn1{
               width: 120px;
        height: 40px;
    }
}
@media screen and (max-width:1000px) {
    .vision .new_flx {
	display: none;
}
.vision .big {
	display: block;
}
.vision .bigPointPhone {
	display: flex;
	justify-content: center;
}
.vision .bigPointPhone span {
	background: #333;
}
}
@media screen and (max-width:768px) {
    .form_tit {
    margin-bottom: 5px;
}
    .contact .r{
                padding: 0px;
        box-shadow: none;
    }
    .contact_task .form_info {
        margin-top: 15px;
    }
	.message{
		right: -100px;
		display: none;
	}
  #percentValue {
	font-size: 24px;
}
.partner .point {
	margin-top: 20px;
}
.vision .big .swiper-wrapper {
	align-items: stretch;
}
.vision .txt {
	clip-path: inset(0 0 0 0);
	display: flex;
	flex-direction: column-reverse;
}
.vision .line {
	display: none;
}
.vision .big_logo {
	display: none;
}
.partner .swiper-slide-active {
	background: linear-gradient(270deg, rgba(54, 169, 155, 0.8), rgba(95, 254, 201, 0.8), rgba(72, 254, 194, 0.8), rgba(53, 222, 160, 1), rgba(85, 255, 158, 0.5));
	box-shadow: none;
}
.information .item .txt {
	padding: 20px;
}
.information .item .txt div {
	transform: scale(1);
}
.vision .big .swiper {
	border-radius: 10px;
	overflow: hidden;
	width: 90%;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.vision .big {
	overflow: visible;
}
.vision .big .swiper-slide {
	padding: 0;
	border-radius: 10px;
}
.vision .big .swiper-slide .img {
	position: relative;
	height: 0;
	padding-bottom: 56%;
	overflow: hidden;
	display: block;
	transition: 0.5s;
}
.vision .big .swiper-slide .img .show_img {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	transition: all 0.5s;
	object-fit: cover;
}
.vision .big .swiper-slide .img .show_logo {
	position: absolute;
	height: 30px;
	width: auto;
	left: 20px;
	top: 20px;
}
.vision .txt {
	width: 100%;
}
.product > div {
	height: auto;
	width: 100%;
}
.product .l .swiper-slide {
	padding-bottom: 56%;
	height: 0;
	position: relative;
}
.product .l .swiper-slide img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.product .r {
	padding: 5%;
	position: relative;
	left: 0;
	width: 100%;
}
.product .r .r_btm {
	margin-top: 8vw;
}
.information .item {
	width: 100%;
	padding-bottom: 65%;
}
.information .item:nth-child(n+2) {
	margin-top: 10px;
}
.information .item:nth-child(5n-1) {
	width: 100%;
}
#loadingBox{
	display: none;
}
.big .txt_tit{
	color: var(--green-color);
}
.big .txt_des{
	    color: rgba(13, 32, 20, 0.50);
}
.contact_task{
    width: 90%;
    padding: 35px 0;
}
.contact_task .r{
    padding: 0px;
}
.form_close{
    width: 18px;
}
}