:root{
  font-family: "PingFang SC", "Lantinghei SC","Microsoft Yahei",Roboto-Regular,Roboto,Helvetica Neue,Helvetica,Tahoma,Arial,sans-serif;
  --colums: 1;
  --page_title_w: calc(1200px * var(--colums));
  --page_title_h2: calc(32px * var(--colums));
  --page_title_mtop: calc(16px * var(--colums));
  --page_title_p: calc(18px * var(--colums));
}
:focus {
  outline: inherit;
}

header{
  --navbar_w: calc(1200px * var(--colums));
  --navbar_a_l: calc(21px * var(--colums));
}

#home{
  --home_bg_r_1: 90deg;
  --home_bg_r2: 45deg;
  --home_bg_w: calc(1161px * var(--colums));
  --home_bg_h: calc(799px * var(--colums));
  --home_content_b_w: calc(257px * var(--colums));
  --home_content_b_h: calc(291px * var(--colums));
  --home_content_a_w: calc(164px * var(--colums));
  --home_content_a_h: calc(203px * var(--colums));
  --home_content_bg_img_1_w: calc(567px * var(--colums));
  --home_content_bg_img_1_h: calc(403px * var(--colums));
  --home_content_bg_img_2_w: calc(498px * var(--colums));
  --home_content_bg_img_2_h: calc(549px * var(--colums));
  --home_mouse_b: calc(3vh * var(--colums));
}
#services{
  --service_examples_mtop: calc(132px * var(--colums));
  --service_examples_img_w: calc(140px * var(--colums));
  --service_examples_img_h: calc(100px * var(--colums));
  --services_title_h3: calc(30px * var(--colums));
  --services_title_h3_p: calc(18px * var(--colums));
}
#solution{
  --banner_img_w: calc(600px *  var(--colums));
  --banner_img_h: calc(400px *  var(--colums));
}
* {
  margin: 0;
  padding: 0;
  line-height: 1;
  box-sizing: border-box;
}
html>body {
  width: 100vw;
  height: 100vh;
  overflow-x: hidden;
  /* min-height: 600px; */
  /* overflow: hidden; */
}

ul>li {
  list-style: none;
}
a{
  display: inline-block;
  text-decoration: none;
  color: inherit;
}
a:hover{
  color:#3d71ff;
}
textarea{
  resize:none;
  outline: none;
}
input{
  outline: none;
}
button{
  border: none;
  outline: none;
}
input[type="text"], button, select, textarea {
  outline: none;
  -webkit-appearance: none;
  border-radius: 0;
}
input[type="radio"]{
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"]{
    -moz-appearance: textfield;
}
::-webkit-input-placeholder { /* WebKit browsers */
  font-size: calc(16px * var(--colums));
  color:#999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  font-size: calc(16px * var(--colums));
  color:#999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  font-size: calc(16px * var(--colums));
  color:#999;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
  font-size: calc(16px * var(--colums));
  color:#999;
}
.fullpage.swiper-container {
  width: calc(100% + 17px);
  height: 100%;
  padding-right: 17px;
}
.swiper-container-autoheight, .swiper-container-autoheight > .swiper-wrapper > .swiper-slide{
  min-height: 1080px;
}
.swiper-container-vertical>.swiper-pagination-bullets {
  right: 27px;
}
.swiper-pagination-bullet-active {
  background: #98b6da;
}
.mCSB_scrollTools .mCSB_draggerRail{
  background-color:rgba(98, 121, 188, 0.4)!important;
}
section{
  /* text-align: center; */
}
section > .page_wrapper{
  width: 1200px;
  margin: 0 auto;
}
.hide{
	display:none!important;
}
#home div[data-page]{
  min-height: 768px;
  height: 100vh;
  background-image: linear-gradient(26deg, 
		#0fe9fe 13%, 
		#3c6ffa 100%);
	background-image:url('../image/index/top_bg.jpg');
		background-repeat: no-repeat;
	background-size: cover;
	background-position: center;

}

header {
  position: fixed; 
  /* position: absolute;*/
  top: 0;
  width: 100%;
  height: 72px;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .5s;
}
header.bg {
  background:#ffffff;
  box-shadow: 0px 2px 10px 0px rgba(38, 38, 38, 0.1);
  transition: all .5s;
}
header.static{
  background:#ffffff;
}
header.dark.bg {
  background:rgba(255, 255, 255, 0.9);
}
header nav.navbar{
  width: var(--navbar_w);
  margin: 0 70px;
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
}
header nav.navbar h1{
  display: none;
}
header nav.navbar .navbar_logo a img{
  width: 85px;
  height: 32px;
}
header nav.navbar .navbar_logo .navbar_logo_img2{
  display:none;
}
header.static nav.navbar .navbar_logo .navbar_logo_img2,
header.bg nav.navbar .navbar_logo .navbar_logo_img2{
  display:block;
}
header.static nav.navbar .navbar_logo .navbar_logo_img,
header.bg nav.navbar .navbar_logo .navbar_logo_img{
  display:none;
}
header nav.navbar:not(.mobile) .navbar_nav{
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
header nav.navbar:not(.mobile) .navbar_nav li{
 display: flex;
 align-items: center;
 position: relative;
}
header nav.navbar:not(.mobile) .navbar_nav li > a{
  white-space: nowrap;
  color: #fff;
  margin-left: var(--navbar_a_l);
  margin-right: var(--navbar_a_l);
  font-size: 15px;
  opacity: 0.5;
  line-height:70px;
  box-sizing:border-box;
  border-top:2px solid rgba(255,255,255,0);
}
header nav.navbar:not(.mobile) .navbar_nav li:last-child > a{
  margin-right:0;
}
header.static nav.navbar:not(.mobile) .navbar_nav li > a,
header.bg nav.navbar:not(.mobile) .navbar_nav li > a{
  color: #262626;
}
header nav.navbar:not(.mobile).dark .navbar_nav li > a{
  color: #000000;
}
header nav.navbar:not(.mobile) .navbar_nav li.active > a,
header nav.navbar:not(.mobile) .navbar_nav li:hover > a{
  opacity: 1;
  border-color:#ffffff;
}
header.static nav.navbar:not(.mobile) .navbar_nav li.active > a,
header.bg nav.navbar:not(.mobile) .navbar_nav li.active > a,
header.bg nav.navbar:not(.mobile) .navbar_nav li:hover > a{
  color: #3d71ff;
  border-color:#3d71ff;
}
header nav.navbar:not(.mobile) .navbar_nav li .nav_child{
  position:absolute;
  top:68px;
  background-color: #ffffff;
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.06);
	border-radius: 4px;
  padding:6px 0;
  overflow: hidden;
  display: none;
}
header nav.navbar:not(.mobile) .navbar_nav li:hover .nav_child{
  display:flex;
}
header nav.navbar:not(.mobile) .navbar_nav li .nav_child a{
  font-size: 14px;
  color: #262626;
  margin: 0;
  opacity: 1;
  padding: 0 20px;
  min-width: 166px;
  line-height: 44px;
}
header nav.navbar:not(.mobile) .navbar_nav li .nav_child a:hover{
  background: #f7f7f7;
}
header nav.navbar:not(.mobile) .navbar_nav li .nav_child a.active{
  color:#3d71ff;
}
header nav.navbar > .identifier{
  display: none;
  height: 54px;
  color: #fff;
  height: 8vw;
  position: relative;
  left: 5vw;
  padding-left:1.8vw;
  justify-content:center;
}
header nav.navbar > .identifier .quan{
  width: 7vw;
  left: -6vw;
  height: 7vw;
  border: solid 1px #fff;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  display: inline-block;
  border-radius: 50%;
}
header nav.navbar > .identifier .quan span{
  display:inline-block;
  border-radius: 50%;
  width: 2vw;
  height: 2vw;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 0;
}
header nav.navbar > .identifier > span{
  font-size: 3vw;
  display:inline-block;
}
header nav.navbar > .identifier > p{
  margin-top: .7vw;
  font-size: 2.4vw;
}
header nav.navbar > .menu-button{
  height: 6vw;
  cursor: pointer;
  display: none;
  position: absolute;
  right: 5vw;
  top: 50%;
  transform: translate(0,-50%);
}
header nav.navbar > .menu-button.active{    
  top: inherit;
  transform: inherit;
}
header nav.navbar > .menu-button.active > ul.nav{
  transform: translate(0, 0);
}
header nav.navbar > .menu-button::before{
  content: '';
  display: inline-block;
  width: 5vw;
  height: .5vw;
  background-color: #fff;
  box-shadow: 0 1.8vw 0 #fff, 0 -1.8vw 0 #fff;
}
header nav.navbar.dark > .identifier{
  color: #000;
}
header nav.navbar.dark > .identifier .quan{
  border-color:#000;
}
header nav.navbar.dark > .identifier .quan span{
  background-color: #000;
}
header nav.navbar.dark > .menu-button::before{
  background-color: #000;
  box-shadow: 0 1.8vw 0 #333333, 0 -1.8vw 0 #333333;
  
}

header nav.navbar > .menu-button > ul.nav{
  width: 100vw;
  background-color: #ffffff;
  position: fixed;
  top: 16vw;
  max-height:calc(100% - 16vw);
  overflow-y:auto;
  right: 0;
  transform: translate(100%,0);
  transition: all .2s ease-out;
  z-index: 1;
  display:none;
}
header nav.navbar > .menu-button.active > ul.nav{
  display:block;
}
header nav.navbar > .menu-button > ul.nav > li a{
  width: 100%;
  min-height: 12vw;
    line-height: 12vw;
	background-color: #ffffff;
  border-bottom: 0.3vw solid #f2f2f2;
    font-size: 3.8vw;
    padding-left: 5vw;
  color: #262626;
  position: relative;
}

header nav.navbar > .menu-button > ul.nav li.active > a{
	color: #3d71ff!important;
}
header nav.navbar > .menu-button > ul.nav > li a + ul > li > a{
  width: 100%;
	background-color: #f2f2f2;
  border-bottom: 0;
  line-height: 1.2;
  min-height: auto;
  padding: 3.5vw 3vw 3.5vw 5vw;
  color:#262626;
}
header nav.navbar > .menu-button > ul.nav > li a + ul{
  height: 0;
  overflow: hidden;
  /* opacity: 0; */
}
header nav.navbar > .menu-button > ul.nav > li a.nav_drawer.active + ul{
  height: auto;
}
header nav.navbar > .menu-button > ul.nav > li a.nav_drawer::before{
  content: " ";
  border: solid;
  border-width: 0 0.5vw 0.5vw 0;
  display: inline-block;
  padding: 1vw;
  transform: rotate(45deg);
  position: absolute;
  top: 3.5vw;
  right: 3vw;
  transition: all .2s ease-out;
}
header nav.navbar > .menu-button > ul.nav > li a.nav_drawer.active::before{
  transform: rotate(-135deg);
  top: 5vw;
}
header nav.navbar > .menu-button.active > .mask{
  position: fixed;
  top: 16vw;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .6);
}
.swiper-container{
	z-index:0!important;
}
.swiper-slide{
  overflow: hidden;
}
.section_bg1{
	background-color:#ffffff;
}
.section_bg2{
	background-color:#fafbfc;
}
.section_panel{
	position:fixed;
	top:0;
	left:0;
	z-index:200;
	width:100vw;
	height:100vh;
	display:flex;
	align-items:center;
	justify-content:center;
}
.section_panel.hide{
	display:none;
}
.section_panel .panel_con{
	position:relative;
	z-index:100;
	background:#ffffff;
	border-radius:10px;
	padding:24px;
	max-width:80vw;
	max-height:70vh;
	overflow-y:auto;
	font-size: 14px;
	line-height: 1.4;
	color:#262626;
}
.section_panel .mask{
	position:fixed;
	z-index:90;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	background:rgba(0,0,0,0.5);
}
[data-panel="1"]{
	cursor:pointer;
	
}
#home > .swiper-container{
  height: 100%;
  z-index: 0;
}
#home .swiper-slide{
  display: flex;
  justify-content: center;
  align-items: center;
}
#home .content_text{
  width: var(--home_bg_w);
  height: var(--home_bg_h);
  max-height: 80vh;
  margin: 0 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  position: relative;
  z-index: 102;
  transition: all 200ms;
}
#home .content_text h1,
#home .content_text h2{
  color: #fff;
  text-align:center;
}
#home .content_text h1{
  line-height: 1;
  font-size: 48px;
  margin-bottom:36px;
}
#home .content_text h2{
  font-weight: normal;
	font-size: 24px;
	line-height: 36px;
  white-space: pre-line;
}
#home .mouse{
  z-index: 101;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: var(--home_mouse_b);
}
.fullpage .tips::before{
  content: '';
  display: inline-block;
  width: .34rem;
  height: .36rem;
  background: url('../image/spirit.png') no-repeat;
  background-size: 8rem 6.12rem;
  background-position: -4.05rem 0;
  z-index: 1;
  position: fixed;
  bottom: .2rem;
  left: calc(50% - (.34rem / 2));
  animation: start 2s infinite ease-in-out;
}
.fullpage .tips.dark::before{
  background-position: -4.56rem 0;
}
@-webkit-keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,-8px);}
}
@-moz-keyframes start {
	0%,30% {opacity: 0;-moz-transform: translate(0,10px);}
	60% {opacity: 1;-moz-transform: translate(0,0);}
	100% {opacity: 0;-moz-transform: translate(0,-8px);}
}
@keyframes start {
	0%,30% {opacity: 0;transform: translate(0,10px);}
	60% {opacity: 1;transform: translate(0,0);}
	100% {opacity: 0;transform: translate(0,-8px);}
}

.page_wrapper{
  width: var(--page_title_w);
  height: 100%;
  margin: 0 auto;
  padding-top: 70px;
  padding-bottom: 64px;
}
.page_wrapper > .title{
  margin-bottom: 32px;
}
.page_wrapper > .title > h2{
  font-size: var(--page_title_h2);
  line-height:46px;
}
.page_wrapper > .title > p{
  margin-top: 12px;
  text-align: justify;
  line-height: 32px;
  color: #262626;
  font-size:18px;
}
.en .page_wrapper > .title > p{
  text-align: center;
  text-indent: inherit;
}
.page_wrapper.dark > .title > h2,
.page_wrapper.dark > .title > p{
  color: #fff;
}
#services > .page_wrapper > .examples{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#services > .page_wrapper > .examples > li{
	display: flex;
	flex-flow: column;
	align-items: center;
	width: 282px;
	padding:55px 0;
	background-color: #ffffff;
	box-shadow: 0px 2px 40px 0px rgba(220, 226, 250, 0.5);
	border-radius: 10px;
	overflow:hidden;
  transition: all .2s;
	position:relative;
}
#services > .page_wrapper > .examples > li > img{
  width: auto;
  height: 83px;
  margin-bottom:45px;
}
#services > .page_wrapper > .examples > li .examples_item_title{
  /*font-size: var(--services_title_h3);*/
  font-weight: 700;
  font-size: 30px;
  line-height:32px;
  color:#262626;
  white-space: pre-line;
}
#services > .page_wrapper > .examples > li .examples_item_desc{
  /*font-size: var(--services_title_h3_p);*/
  background:#3d71ff;
  padding:50px 44px 0 44px;
  font-size: 16px;
	line-height: 28px;
  color: #ffffff;
  text-align: justify;
  white-space: pre-line;
  position:absolute;
  left:0;
  top:100%;
  width:100%;
  height:100%;
  box-sizing:border-box;
  transition: all .2s;
  opacity:0;
}
#services > .page_wrapper > .examples > li:hover{
	transform:translateY(-8px);
}
#services > .page_wrapper > .examples > li:hover .examples_item_desc{
  top:0;
  opacity:1;
}
.en #services > .page_wrapper > .examples > li > div > p{
  text-align: left;
}
#services > .page_wrapper > .examples_youshi{
  display:flex;
  justify-content: space-between;
  margin-top:128px;
}
#services > .page_wrapper > .examples_youshi .examples_youshi_left{
	margin-right:24px;
}
#services > .page_wrapper > .examples_youshi .examples_youshi_left .examples_youshi_left_title{
  color:#262626;
  font-size:32px;
  margin-bottom:54px;
}
#services > .page_wrapper > .examples_youshi .examples_youshi_left .examples_youshi_left_desc p{
  color:#262626;
  font-size:18px;
  line-height:1.2;
  margin-bottom:20px;
}
#services > .page_wrapper > .examples_youshi .examples_youshi_right{
 display: flex;
}
#services > .page_wrapper > .examples_youshi .examples_youshi_right .item{
  width: 180px;
	height: 280px;
	background-color: #ffffff;
	box-shadow: 0px 2px 40px 0px rgba(220, 226, 250, 0.5);
	border-radius: 10px;
  margin-left:24px;
  padding:50px 40px;
  position: relative;
  transition: transform .2s, width .2s, background-image .2s;
  overflow:hidden;
}
#services > .page_wrapper > .examples_youshi .examples_youshi_right .item:hover{
  transform: translateY(-8px);
}
#services > .page_wrapper > .examples_youshi .examples_youshi_right .item:first-child{
  margin-left:0;
}
#services > .page_wrapper > .examples_youshi .examples_youshi_right .item::before{
  content:"";
  width:100%;
  height:100%;
  position: absolute;
  top:0;
  right:0;
  background-image:url('../image/index/examples_youshi_01.png');
  background-repeat: no-repeat;
  background-position: right top;
  background-size: auto 280px;
}
#services > .page_wrapper > .examples_youshi .examples_youshi_right .item:nth-child(2)::before{
  background-image:url('../image/index/examples_youshi_02.png');
}
#services > .page_wrapper > .examples_youshi .examples_youshi_right .item:nth-child(3)::before{
  background-image:url('../image/index/examples_youshi_03.png');
}
#services > .page_wrapper > .examples_youshi .examples_youshi_right .item .item_title{
  font-size:30px;
  color:#262626;
  position: relative;
  word-break: break-all;
}

#services > .page_wrapper > .examples_youshi .examples_youshi_right .item .item_title::before{
  content:"";
  display:block;
  width: 6px;
	height: 40px;
	background-color: #3d71ff;
	border-radius: 3px;
  position: absolute;
  left:-40px;
  top:0;
}
#services > .page_wrapper > .examples_youshi .examples_youshi_right .item .item_desc{
  display:none;
}
#services > .page_wrapper > .examples_youshi .examples_youshi_right .item.active{
  width:384px;
  background-image: linear-gradient(45deg, 
		#0fe9fe 0%, 
		#3d71ff 100%);
}
#services > .page_wrapper > .examples_youshi .examples_youshi_right .item.active::before{
  background-image:url('../image/index/examples_youshi_01_active.png');
}
#services > .page_wrapper > .examples_youshi .examples_youshi_right .item.active:nth-child(2)::before{
  background-image:url('../image/index/examples_youshi_02_active.png');
}
#services > .page_wrapper > .examples_youshi .examples_youshi_right .item.active:nth-child(3)::before{
  background-image:url('../image/index/examples_youshi_03_active.png');
}
#services > .page_wrapper > .examples_youshi .examples_youshi_right .item:after{
  content:"";
  background:url('../image/index/examples_youshi_bg.png');
  width:100%;
  height:100%;
  position: absolute;
  left:0;
  bottom:0;
}
#services > .page_wrapper > .examples_youshi .examples_youshi_right .item.active .item_title{
  color:#ffffff;
}
#services > .page_wrapper > .examples_youshi .examples_youshi_right .item.active .item_title::before{
  display:none;
}
#services > .page_wrapper > .examples_youshi .examples_youshi_right .item.active .item_desc{
  color:#ffffff;
  display: block;
  width:196px;
  font-size:16px;
  line-height:28px;
  margin-top:40px;
}
#solution .banner{
  position: relative;
}
/* #1028: visible lets the card shadows (0 8px 40px) render past the box
   edges instead of being clipped; offstage loop slides that translate far
   sideways are caught by the section-level overflow below. */
#solution .banner .swiper-box{
  width:100%;
  position: relative;
  overflow: visible;
}
/* #1028: catch the horizontal overreach of translated offstage slides so
   the page never grows a horizontal scrollbar. */
#solution{
  overflow: hidden;
}
#solution .banner .swiper-container{
  z-index: 0;
}
#solution > .page_wrapper > .banner .swiper-slide{
  padding:30px;
}
#solution > .page_wrapper > .banner .swiper-slide > img{
  width: var(--banner_img_w);
	height: var(--banner_img_h);
	box-shadow: 0px 8px 40px 0px rgba(112, 115, 128, 0.5);
  border-radius: 10px;
  transition: transform 0.35s ease;
}
#solution > .page_wrapper > .banner .swiper-slide.swiper-slide-active > img{
  transform: translateY(-8px);
}
#solution .swiper-pagination {
  margin-top: 34px;
  width: var(--page_title_w);
  z-index: 0;
}
#solution .swiper-container {
  text-align: center;
}
#solution .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 10px;
  width: 14px;
	height: 14px;
	border: solid 2px #dddddd;
  background-color: transparent;
  opacity: 1;
}
#solution .swiper-pagination-bullets .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover {
  opacity: 0.5 !important;
  transition: all .2s;
}
#solution .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #dddddd;
}
#solution .banner_title{
  margin-top: .3rem;
  width: 100%;
  text-align: center;
  color: #fff;
  display: none;
}
#solution .banner_title > p{
  font-family: 'PingFang-SC-Medium';
  font-size: .2rem;
}
#solution .banner_title > h3{
  margin-top: .2rem;
  font-size: .48rem;
}
#solution .swiper-slide .slide_item{
  width: var(--banner_img_w);
	height: var(--banner_img_h);
  color: #ffffff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: calc(50% - var(--banner_img_w)/2);
  z-index: 2;
  display: none;
}
#solution .swiper-slide.swiper-slide-active .slide_item{
  display: flex;
  transform: translateY(-8px);
}
#solution .swiper-slide .slide_item *{
  transition: opacity 0.3s, transform 0.3s, background-color 0.3s;
}
#solution .swiper-slide .slide_item .slide_item_info{
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: translateY(calc(34px * var(--colums)));
  z-index: 1;
}
#solution .swiper-slide .slide_item .slide_item_info > p{
  font-size: calc(14px * var(--colums));
}
#solution .swiper-slide .slide_item .slide_item_info > h2{
  margin-top: calc(20px * var(--colums));
  font-size: calc(48px * var(--colums));
}
#solution .swiper-slide .slide_item > a{
  width: calc(205px * var(--colums));
	height: calc(50px * var(--colums));
  color: #ffffff;
  font-size: calc(18px * var(--colums));
	letter-spacing: 1.8px;
	background-color: #3d71ff;
  border-radius: 4px;
  margin-top: calc(59px * var(--colums));
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
#solution .swiper-slide.swiper-slide-active .slide_item::before,
#solution .swiper-slide.swiper-slide-prev .slide_item::before,
#solution .swiper-slide.swiper-slide-next .slide_item::before{
  content: '';
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
}
/* Active card overlay: transparent by default, darken on hover (#123) */
#solution .swiper-slide.swiper-slide-active .slide_item::before{
  background-color: rgba(0, 0, 0, 0);
  transition: background-color 0.3s;
}
#solution .swiper-slide.swiper-slide-active .slide_item:hover::before{
  background-color: rgba(0, 0, 0, 0.35);
}

#solution .swiper-slide.swiper-slide-prev .slide_item::before,
#solution .swiper-slide.swiper-slide-next .slide_item::before{
  background-color: rgba(255, 255, 255, .3);
}
#solution .swiper-slide .slide_item:hover .slide_item_info{
  transform: translateY(0);
}
#solution .swiper-slide .slide_item:hover > a{
  opacity: 1;
}
#solution .swiper-slide .slide_item > a{
  /* display: none !important; */
  opacity: 0;
}
#solution .swiper-slide-next-prev{
  width: 152px;
  height:152px;
  position: absolute;
  top:170px;
  cursor: pointer;
  display: none;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 50%;
  transition: background-color 0.2s;
}
#solution .banner:hover .swiper-slide-next-prev,
#solution:hover .banner .swiper-slide-next-prev{
  display:block;
}
#solution .swiper-slide-next-prev.prev{
  background-image:url('../image/index/icon_prev.png');
  left:-160px;
}
#solution .swiper-slide-next-prev.prev:hover{
  background-image:url('../image/index/icon_prev_hover.png');
  filter:drop-shadow(0 4px 6px rgba(0,0,0,.3));
}
#solution .swiper-slide-next-prev.next{
  background-image:url('../image/index/icon_next.png');
  right:-160px;
}
#solution .swiper-slide-next-prev.next:hover{
  background-image:url('../image/index/icon_next_hover.png');
  filter:drop-shadow(0 4px 6px rgba(0,0,0,.3));
}
#case .exhibition{
  display: flex;
  flex-wrap: wrap;
}
#case .exhibition .item{
  width: 282px;
  height: 268px;
  background-color: #ffffff;
	box-shadow: 0px 2px 40px 0px rgba(220, 226, 250, 0.5);
	border-radius: 10px;
	cursor:pointer;
  position: relative;
  top:0;
  overflow: hidden;
  margin-right: 24px;
  margin-top: 24px;
  transition: all .2s;
}
#case .exhibition .item:nth-child(4n){
  margin-right: 0;
}
#case .exhibition .item:nth-child(-n+4){
  margin-top: 0;
}
#case .exhibition .item .item_img{
  width: 100%;
  height: 212px;
}
#case .exhibition .item .item_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#case .exhibition .item .item_title{
  padding: 0 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 56px;
  color: #262626;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#case .exhibition .item .item_info{
  position:absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 40px 33px;
  background-color: #3d71ff;
  opacity: 0;
  transition: all .2s;
  color:#ffffff;
  display:flex;
  flex-flow: column;
}
#case .exhibition .item .item_info .item_info_title{
  font-size: 18px;
  font-weight:700;
  line-height:24px;
  margin-bottom: 8px;
}
#case .exhibition .item .item_info .item_info_desc_box{
  flex:1;
}
#case .exhibition .item .item_info .item_info_desc{
	  font-size: 14px;
	  line-height: 24px;
	  display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
	text-overflow: ellipsis;
}
#case .exhibition .item .item_info .item_info_tag{
  padding-left:10px;
  position: relative;
}
#case .exhibition .item .item_info .item_info_tag::before{
  content:"";
  display:block;
  width: 4px;
	height: 14px;
	background-color: #ffffff;
  position: absolute;
  left:0;
}
#case .exhibition .item .item_info .item_info_tag .item_info_tag_one{
  font-size:14px;
  line-height:16px;
  margin-right: 14px;
}
#case .exhibition .item:hover{
  top:-8px;
}
#case .exhibition .item:hover .item_info{
  opacity: 1;
}
#case .exhibition_more{
  text-align: center;
  margin-top:65px;
}
#case .exhibition_more .exhibition_more_btn{
  width: 144px;
	height: 44px;
	line-height: 44px;
	border-radius: 4px;
	border: solid 1px #3d71ff;
  color: #3d71ff;
  font-size:16px;
}
#article .article_box{
  display: flex;
  flex-wrap: wrap;
}
#article .article_box .item{
  width: 282px;
  height: 184px;
  padding:23px 17px;
  box-sizing: border-box;
  background-color: #ffffff;
	box-shadow: 0px 2px 40px 0px rgba(220, 226, 250, 0.5);
	border-radius: 10px;
  position: relative;
  top:0;
  overflow: hidden;
  margin-right: 24px;
  display:flex;
  flex-flow: column;
  transition: all .2s;
}
#article .article_box .item:nth-child(4n){
  margin-right: 0;
}
#article .article_box .item .item_title{
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  margin-bottom: 14px;
  color: #262626;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
#article .article_box .item .item_desc{
  flex:1;
}
#article .article_box .item .item_desc .item_desc_text{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 20px;
  color: #999999;
}
#article .article_box .item .item_time{
  font-size: 14px;
  color: #b2b2b2;
}
#article .article_box .item:hover{
  top: -8px;
}
#over{
  flex: 1;
}
.consult{
  width: 60%;
  margin-left: 20px;
}

#footer{
  width: 100%;
  z-index: 0;
  font-size: calc(16px * var(--colums));
  color: rgb(171, 171, 171);
  display: flex;
  justify-content: center;
  background-color: #262626;
  padding-top: calc(60px * var(--colums));
  padding-bottom: calc(20px * var(--colums));
}
#footer .footer_content{
  width: calc(1200px * var(--colums));
  height: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
}

#footer .footer_content .footer_nav{
  width: 100%;
  display: flex;
}
#footer .footer_content .footer_nav .footer_nav_left{
  margin-right: 82px;
}
#footer .footer_content .footer_nav .footer_nav_left .left_top{
  margin-bottom:29px;
}
#footer .footer_content .footer_nav .footer_nav_left .left_top .phone{
  font-size: 28px;
  font-weight: 700;
  color: #ffffff;
}
#footer .footer_content .footer_nav .footer_nav_left .left_top .time{
  font-size: 12px;
  color: #999999;
  margin-top:12px;
}
#footer .footer_content .footer_nav .footer_nav_left .left_qrcode{
  display: flex;
}
#footer .footer_content .footer_nav .footer_nav_left .left_qrcode .item{
  width: 106px;
  margin-right:32px;
}
#footer .footer_content .footer_nav .footer_nav_left .left_qrcode .item:nth-child(2n){
 margin-right: 0; 
}
#footer .footer_content .footer_nav .footer_nav_left .left_qrcode .item .item_img{
  width: 106px;
  height: 106px;
  margin-bottom: 15px;
}
#footer .footer_content .footer_nav .footer_nav_left .left_qrcode .item .item_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#footer .footer_content .footer_nav .footer_nav_left .left_qrcode .item .item_title{
  font-size: 12px;
  text-align: center;
}
#footer .footer_content .footer_nav .footer_nav_right{
  display: flex;
}
#footer .footer_content .footer_nav .footer_nav_right .item{
  margin-right: 60px;
}
#footer .footer_content .footer_nav .footer_nav_right .item:last-child{
  margin-right: 0px;
}
#footer .footer_content .footer_nav .footer_nav_right .item .item_title{
  font-size: 16px;
  color:#ffffff;
  margin-bottom: 40px;
}
#footer .footer_content .footer_nav .footer_nav_right .item .item_con_box{
  display: flex;
}
#footer .footer_content .footer_nav .footer_nav_right .item .item_con_box .item_con{
  width:116px;
  margin-right:60px;
}
#footer .footer_content .footer_nav .footer_nav_right .item .item_con_box .item_con:last-child{
  margin-right:0!important;
}
#footer .footer_content .footer_nav .footer_nav_right .item .item_con_box .item_con li{
  margin-bottom:16px;
}
#footer .footer_content .footer_nav .footer_nav_right .item .item_con_box .item_con li a{
  font-size:14px;
  color:#999999;
  line-height: 24px;
}
#footer .footer_content .footer_nav .footer_nav_right .item .item_con_box .item_con a:hover{
  color: #3d71ff;
}
#footer .footer_content .footer_nav .footer_nav_right .item.item2 .item_con_box .item_con{
	width:230px;
}
#footer .footer_content .friend_link{
  width: 100%;
  display: flex;
  margin-top:50px;
}
#footer .footer_content .friend_link .friend_link_title{
  color:#ffffff;
  font-size: 14px;
  line-height: 33px;
  margin-right:20px;
}
#footer .footer_content .friend_link .friend_link_con{
  flex:1;
}
#footer .footer_content .friend_link .friend_link_con a{
  font-size: 14px;
  color:#999999;
  margin-right: 20px;
  line-height: 33px;
}
#footer .footer_content .company_info{
  width:100%;
  border-top:1px solid #333333;
  margin-top:13px;
  padding-top:13px;
  display: flex;
  justify-content: space-between;
}
#footer .footer_content .company_info .item_left{
  font-size: 14px;
  color:#999999;
}
#footer .footer_content .company_info .item_left p{
  line-height: 33px;
}
#footer .footer_content .company_info .item_center{
  font-size: 14px;
  color:#999999;
}
#footer .footer_content .company_info .item_center a{
  display: inline-block;
  width:100%;
  padding-left: 27px;
  line-height: 33px;
}
#footer .footer_content .company_info .item_center a:hover{
  color: #3d71ff;
}
#footer .footer_content .company_info .item_center a.email{
  background:url('../image/icon_email.png');
  background-repeat: no-repeat;
  background-position: left center;
}
#footer .footer_content .company_info .item_center a.weibo{
  background:url('../image/icon_weibo.png');
  background-repeat: no-repeat;
  background-position: left center;
}
#footer .footer_content .company_info .item_right{
  
}
#footer .footer_content .cpy{
  width: 100%;
  margin-top: 20px;
  display: flex;
  font-size:12px;
  color:#555555;
}
#footer .footer_content .cpy .item{
  margin-right: 10px;
}
#footer .footer_content .cpy .item:last-child{
  margin-right: 0px;
}
#footer.other,
#footer.other .footer_content .cpy a{
  color: #ffffff;
}
#footer .wx{
  position: relative;
}
#qcbox{
  position: absolute;
  bottom: calc(100% + 20px);
  display:none;
  transition: all 200ms ease-in-out;
  /* right: 50%; */
}

#qcbox .mask{
  background:rgba(0,0,0,0.8);
  z-index: 10;
  width:100vw;
  height:100vh;
  position: fixed;
  left: 0;
  top: 0;
}
#qcbox.show{
  display: block;
}
#qcbox img{
  width: 70vw;
  max-width: 247px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 11;
  border-radius: 10px;
}

.float_block{
	position:fixed;
	right: 20px;
	bottom: 40px;
	z-index:50;
	display:flex;
	align-items: center;
	flex-flow:column;
}
.float_block .item_con{
	padding:20px 0;
	width:60px;
	background-color: #222222;
	border-radius: 30px;
	margin-bottom:20px;
	border: 2px solid #fff;
}
.float_block .item_con.item_con1{
	width:75px;
	background:none;
	padding:0;
	border:none;
}
.float_block .item_con.item_con1 .item{
}
.float_block .item_con:last-child{
	margin-bottom:0;
}
.float_block .item_con .item{
	width:100%;
	height:36px;
	margin-bottom:24px;
	background-repeat:no-repeat;
	background-position:center;
	cursor:pointer;
	position:relative;
}
.float_block .item_con .item:last-child{
	margin-bottom:0;
}
.float_block .item_con .item.item_kefu{
	width: 75px;
	height: 55px;
	background-image:url('../image/float_block/icon_kefu.png');
}
.float_block .item_con .item.item_qq{
	background-image:url('../image/float_block/icon_qq.png');
}
.float_block .item_con .item.item_qq:hover{
	background-image:url('../image/float_block/icon_qq_hover.png');
}
.float_block .item_con .item.item_wechat{
	background-image:url('../image/float_block/icon_wechat.png');
}
.float_block .item_con .item.item_wechat:hover{
	background-image:url('../image/float_block/icon_wechat_hover.png');
}
.float_block .item_con .item.item_totop{
	background-image:url('../image/float_block/icon_totop.png');
}
.float_block .item_con .item.item_totop:hover{
	background-image:url('../image/float_block/icon_totop_hover.png');
}
.float_block .item_con .item .hover_div{
	position:absolute;
	right: 70px;
	width: max-content;
	min-height: 100%;
	background-color: #ffffff;
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.06);
	border-radius: 4px;
	display:flex;
	flex-flow: column;
	justify-content: center;
	align-items:center;
	padding:6px;
	color: #262626;
	font-size:14px;
	opacity:0;
	pointer-events: none;
	transition:all .2s;
}
.float_block .item_con.item_con1 .item .hover_div{
	right:85px;
}
.float_block .item_con .item .hover_div .img{
	max-width:125px;
	margin-bottom:10px;
}
.float_block .item_con .item .hover_div .img img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.float_block .item_con .item .hover_div .text{
	padding: 6px 10px;
}
.float_block .item_con .item .hover_div_image .text{
	color: #999999;
	font-size: 12px;
}
.float_block .item_con .item:hover .hover_div{
	display:flex;
	opacity:1;
	pointer-events: auto;
}
.cuctom_service_panel{
	position:fixed;
	right: 20px;
	bottom: 40px;
	z-index:100;
	width:380px;
	background:#ffffff;
	display:flex;
	flex-flow:column;
	border-radius:10px;
	height: 530px;
	overflow:hidden;
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.06);
	display:none;
}
.cuctom_service_panel .panel_header{
	background:#3d72ff;
	padding:0 10px;
	height:40px;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.cuctom_service_panel .panel_header .title{
	color:#ffffff;
	font-size:14px;
}
.cuctom_service_panel .panel_header .close_btn{
	cursor:pointer;
	content:"-";
	font-size:16px;
	color:#ffffff;
	width:40px;
	height:40px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.cuctom_service_panel .panel_header .close_btn::before{
	content: "";
	display: inline-block;
	width: 16px;
	height: 2px;
	background: #fff;
}
.cuctom_service_panel .panel_con{
	background:#f5f5f5;
	border:1px solid #f5f5f5;
	height:350px;
	overflow-y:auto;
	padding:20px 10px;
}
.cuctom_service_panel .panel_con .item{
	display:flex;
	flex-flow:column;
	margin-bottom:12px;
}
.cuctom_service_panel .panel_con .item .item_con{
	background:#ffffff;
	border-radius:4px;
	padding:5px 10px;
	width: fit-content;
}
.cuctom_service_panel .panel_con .item .item_time{
	font-size:14px;
	color:#ddd;
	align-self: center;
	margin-bottom:10px;
}
.cuctom_service_panel .panel_con .item .item_con .item_text{
	color:#333333;
	line-height:1.6;
	font-size:16px;
}
.cuctom_service_panel .panel_con .item2 .item_con{
	align-self:flex-end;
	background:linear-gradient(26deg, #0fe9fe 13%, #3c6ffa 100%);
}
.cuctom_service_panel .panel_con .item2 .item_con .item_text{
	color:#ffffff;
}
.cuctom_service_panel .panel_con .item_qa .item_con{
	width:100%;
	padding:10px 10px;
}
.cuctom_service_panel .panel_con .item_qa .item_con .item_qa_title{
	font-size:16px;
	color:#333333;
	margin-bottom:12px;
}
.cuctom_service_panel .panel_con .item_qa .item_con .item_qa_con{
	
}
.cuctom_service_panel .panel_con .item_qa .item_con .item_qa_con .con_one{
	display:block;
}
.cuctom_service_panel .panel_con .item_qa .item_con .item_qa_con .con_one a{
	line-height:1.2;
	color: #3d72ff;
	margin-bottom:5px;
	font-size:14px;
}
.cuctom_service_panel .panel_con .item_option .item_con{
	align-self:flex-end;
	padding: 0;
	background:none;
}
.cuctom_service_panel .panel_con .item_option .item_con .item_one{
	margin-bottom:6px;
	text-align: right;
}
.cuctom_service_panel .panel_con .item_option .item_con .item_one a{
	border:1px solid #3d72ff;
	color: #3d72ff;
	background:#eee;
	border-radius:30px;
	padding:10px 20px;
}
.cuctom_service_panel .panel_footer{
	padding:10px;
}
.cuctom_service_panel .panel_footer .tags_box{
	margin-bottom:16px;
}
.cuctom_service_panel .panel_footer .tags_box .item{
	color: #3d72ff;
	padding: 8px 20px;
	font-size:14px;
	border-radius:25px;
	box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
}
.cuctom_service_panel .panel_footer .tags_box .item:hover{
	background: #3d72ff;
	color:#ffffff;
}
.cuctom_service_panel .panel_footer .input_box{
	background:#f5f5f5;
}
.cuctom_service_panel .panel_footer .input_box .textarea{
	background:none;
	width:100%;
	box-sizing:border-box;
	padding:10px 20px;
	border:none;
	line-height:1.4;
	font-size:14px;
}

/* 优质案例页面 */
.wrapper_case{
  width: 100vw;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #232831;
}
.wrapper_case .content.allCase{
  width: 1140px;
  height: 100%;
  padding-top: 15.389vh;
}
.wrapper_case .allCase .caseNav{
  width: 100%;
  height: 65px;
  background-color: #3c4454;
  display: flex;
}
.wrapper_case .allCase .caseNav li{
  height: 100%;
  display: flex;
  align-items: center;
}
.wrapper_case .allCase .caseNav li span{
  padding: 0 30px;
  font-size: 18px;
  border-left: 1px solid #999999;
  color: rgba(255, 255, 255, .7);
  cursor: pointer;
  transition: none;
  white-space: nowrap;
}
.wrapper_case .allCase .caseNav li.active span{
  color: rgba(255, 255, 255, 1);
}
.wrapper_case .allCase .caseNav li:first-of-type span{
  border-left: none;
}
.wrapper_case .allCase .caseContent{
  margin-top: 0;
  margin-bottom: 18.906vw;
  display: flex;
  flex-wrap: wrap;
}
.wrapper_case .allCase .caseContent li{
  width: 33.333%;
  /* height: 14.844vw; */
  position: relative;
}
.wrapper_case .allCase .caseContent li span{
  position: absolute;
  left: 0;
  bottom: 0;
  min-width: 6.25vw;
  height: 2.604vw;
  font-size: 18px;
  padding: 0 10px;
  color: #ffffff;
  background-color: #232831;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wrapper_case .allCase .caseContent li img{
  width: 100%;
  height: auto;
}
.web_panel{
  display: block;
}
.mobile_panel{
  display:none!important;
}

/* 阴影遮罩 */
.showImg{
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
  opacity: 0;
  display: none;
}
.showImg.show{
  opacity: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.showImg .img_prev,
.showImg .img_next{
  width: 4.167vw;
  height: 7.813vw;
  background-color: rgba(0, 0, 0, 0.4);
  cursor: pointer;
  z-index: 102;
}
.showImg .img_mask{
  position: fixed;
  top: 0;
  left:0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}
.showImg .img_close{
  width: 2.5vw;
  height: 2.5vw;
  position: absolute;
  top: 0.417vw;
  right: 0;
  background-color: rgba(0, 0, 0, 0.4);
  cursor: pointer;
  z-index: 102;
}
.showImg .img_title{
  color: #ffffff;
  z-index: 102;
  font-size: 30px;
  position: absolute;
  left: 50%;
  top: calc(50% + 40vh);
  transform: translate(-50%, -50%);
}
.showImg .img_close,
.showImg .img_next,
.showImg .img_prev{
  display: flex;
  justify-content: center;
  align-items: center;
}
.showImg .img_close::before{
  content: '';
  display: inline-block;
  background: url('../image/close.png') no-repeat;
  background-size: 100% 100%;
  width: 18px;
  height: 18px;
}
.showImg .img_next::before{
  content: '';
  display: inline-block;
  background: url('../image/right.png') no-repeat;
  background-size: 100% 100%;
  width: 33px;
  height: 60px;
}
.showImg .img_prev::before{
  content: '';
  display: inline-block;
  background: url('../image/left.png') no-repeat;
  background-size: 100% 100%;
  width: 33px;
  height: 60px;
}
.showImg img{
  width: 41.667vw;
  height: 31.25vw;
  z-index: 102;
  cursor: pointer;
}

.lazyloadimg footer{
  position: absolute;
  bottom: 0;
}

.wrapper{
  width: 100vw;
  min-height: 680px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.wrapper .content .title>h2{
  font-size: 2.5vw;
}
.wrapper .content .title>p{
  margin-top: 2.611vh;
  font-size: 1.146vw;
line-height: 1.667vw;
}
.content .home_page{
  color: #ffffff;
  display: flex;
  position: relative;
}
.list{
  margin-top: 140px
}
.lazyloadimg{
  width: 100vw;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: -1;
}
.imgLazyLoad > img{
  width: 1920px;
  /* height: 21.458vw; */
}

/* loading */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
}
#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  /* COLOR 1 */
  border-top-color: #FFF;
  -webkit-animation: spin 2s linear infinite;
  /* Chrome, Opera 15+, Safari 5+ */
  -ms-animation: spin 2s linear infinite;
  /* Chrome, Opera 15+, Safari 5+ */
  -moz-animation: spin 2s linear infinite;
  /* Chrome, Opera 15+, Safari 5+ */
  -o-animation: spin 2s linear infinite;
  /* Chrome, Opera 15+, Safari 5+ */
  animation: spin 2s linear infinite;
  /* Chrome, Firefox 16+, IE 10+, Opera */
  z-index: 1001;
}
#loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  /* COLOR 2 */
  border-top-color: #FFF;
  -webkit-animation: spin 3s linear infinite;
  /* Chrome, Opera 15+, Safari 5+ */
  -moz-animation: spin 3s linear infinite;
  /* Chrome, Opera 15+, Safari 5+ */
  -o-animation: spin 3s linear infinite;
  /* Chrome, Opera 15+, Safari 5+ */
  -ms-animation: spin 3s linear infinite;
  /* Chrome, Opera 15+, Safari 5+ */
  animation: spin 3s linear infinite;
  /* Chrome, Firefox 16+, IE 10+, Opera */
}
#loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #FFF;
  /* COLOR 3 */
  -moz-animation: spin 1.5s linear infinite;
  /* Chrome, Opera 15+, Safari 5+ */
  -o-animation: spin 1.5s linear infinite;
  /* Chrome, Opera 15+, Safari 5+ */
  -ms-animation: spin 1.5s linear infinite;
  /* Chrome, Opera 15+, Safari 5+ */
  -webkit-animation: spin 1.5s linear infinite;
  /* Chrome, Opera 15+, Safari 5+ */
  animation: spin 1.5s linear infinite;
  /* Chrome, Firefox 16+, IE 10+, Opera */
}
@-webkit-keyframes spin {
  0% {
      -webkit-transform: rotate(0deg);
      /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: rotate(0deg);
      /* IE 9 */
      transform: rotate(0deg);
      /* Firefox 16+, IE 10+, Opera */
  }
  100% {
      -webkit-transform: rotate(360deg);
      /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: rotate(360deg);
      /* IE 9 */
      transform: rotate(360deg);
      /* Firefox 16+, IE 10+, Opera */
  }
}
@keyframes spin {
  0% {
      -webkit-transform: rotate(0deg);
      /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: rotate(0deg);
      /* IE 9 */
      transform: rotate(0deg);
      /* Firefox 16+, IE 10+, Opera */
  }
  100% {
      -webkit-transform: rotate(360deg);
      /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: rotate(360deg);
      /* IE 9 */
      transform: rotate(360deg);
      /* Firefox 16+, IE 10+, Opera */
  }
}
#loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  width: 51%;
  height: 100%;
  background: #1abc9c;
  /* Old browsers */
  z-index: 1000;
  -webkit-transform: translateX(0);
  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: translateX(0);
  /* IE 9 */
  transform: translateX(0);
  /* Firefox 16+, IE 10+, Opera */
}
#loader-wrapper .loader-section.section-left {
  left: 0;
}
#loader-wrapper .loader-section.section-right {
  right: 0;
}
/* Loaded */
.loaded #loader-wrapper .loader-section.section-left {
  -webkit-transform: translateX(-100%);
  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: translateX(-100%);
  /* IE 9 */
  transform: translateX(-100%);
  /* Firefox 16+, IE 10+, Opera */
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded #loader-wrapper .loader-section.section-right {
  -webkit-transform: translateX(100%);
  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: translateX(100%);
  /* IE 9 */
  transform: translateX(100%);
  /* Firefox 16+, IE 10+, Opera */
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded #loader {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
  visibility: hidden;
  -webkit-transform: translateY(-100%);
  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: translateY(-100%);
  /* IE 9 */
  transform: translateY(-100%);
  /* Firefox 16+, IE 10+, Opera */
  -webkit-transition: all 0.3s 1s ease-out;
  transition: all 0.3s 1s ease-out;
}
/* JavaScript Turned Off */
.no-js #loader-wrapper {
  display: none;
}
.no-js h1 {
  color: #222222;
}
#loader-wrapper .load_title {
  font-family: 'Open Sans';
  color: #FFF;
  font-size: 19px;
  width: 100%;
  text-align: center;
  z-index: 9999999999999;
  position: absolute;
  top: 60%;
  opacity: 1;
  line-height: 30px;
}
#loader-wrapper .load_title span {
  font-weight: normal;
  font-style: italic;
  font-size: 13px;
  color: #FFF;
  opacity: 0.5;
}

.section_banner > .swiper-container{
  height: 100%;
  z-index: 0;
  background-image: linear-gradient(26deg, 
		#0fe9fe 13%, 
		#3c6ffa 100%);
}
.section_banner .swiper-slide{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 656px;
	background-image:url('../image/index/top_bg.jpg');
		background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center;
}
.section_banner .content_text{
  width: var(--home_bg_w);
  height: var(--home_bg_h);
  max-height: 80vh;
  max-width:1000px;
  margin: 0 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  position: relative;
  z-index: 102;
  transition: all 200ms;
}
.section_banner .content_text h1,
.section_banner .content_text h2{
  color: #fff;
  text-align:center;
}
.section_banner .content_text h1{
  line-height: 76px;
  font-size: 48px;
}
.section_banner .content_text h2{
  font-weight: normal;
  font-size: 24px;
  line-height: 36px;
  margin-top:40px;
}
.section_question_data{
  text-align: center;
}
.section_question_data img{
	max-width:100%;
}

.section_develop .section_develop_data{
  display: flex;
  flex-flow: wrap;
}
.section_develop .section_develop_data .item{
  width: 384px;
	background-color: #ffffff;
	box-shadow: 0px 2px 40px 0px rgba(220, 226, 250, 0.5);
	border-radius: 10px;
  padding:40px 32px;
  box-sizing: border-box;
  margin-right: 24px;
  margin-top: 24px;
  display: flex;
  position: relative;
  top:0;
	transition: all .2s;
}
.section_develop .section_develop_data .item:nth-child(3n){
  margin-right: 0;
}
.section_develop .section_develop_data .item:nth-child(-n+3){
  margin-top: 0;
}
.section_develop .section_develop_data .item::before{
  content:"";
  width:80px;
  background-position: left top;
  background-repeat: no-repeat;
}
.section_develop .section_develop_data .item.item_rgzn::before{
  background-image:url('../image/service/icon_rgzn.png');
}
.section_develop .section_develop_data .item.item_znwl::before{
  background-image:url('../image/service/icon_znwl.png');
}
.section_develop .section_develop_data .item.item_wechat::before{
  background-image:url('../image/service/icon_wechat.png');
}
.section_develop .section_develop_data .item.item_ios::before{
  background-image:url('../image/service/icon_ios.png');
}
.section_develop .section_develop_data .item.item_android::before{
  background-image:url('../image/service/icon_android.png');
}
.section_develop .section_develop_data .item.item_web::before{
  background-image:url('../image/service/icon_web.png');
}
.section_develop .section_develop_data .item.item_sjpq::before{
  background-image:url('../image/service/icon_sjpq.png');
}
.section_develop .section_develop_data .item.item_qdjh::before{
  background-image:url('../image/service/icon_qdjh.png');
}
.section_develop .section_develop_data .item.item_hyly::before{
  background-image:url('../image/service/icon_hyly.png');
}
.section_develop .section_develop_data .item .item_info{
  flex:1;
}
.section_develop .section_develop_data .item .item_title{
  font-size: 24px;
  font-weight: 700;
  margin-bottom:15px;
}
.section_develop .section_develop_data .item .item_desc{
  font-size: 16px;
  line-height: 28px;
  color:#666666;
  white-space: pre-wrap;
}
.section_develop .section_develop_data .item:hover{
  top:-8px;
}

.section_aifuneng .section_aifuneng_data{
  display: flex;
  flex-flow: wrap;
}
.section_aifuneng .section_aifuneng_data .item{
  width: 588px;
	background-color: #ffffff;
	box-shadow: 0px 2px 40px 0px rgba(220, 226, 250, 0.5);
	border-radius: 10px;
  padding:40px 32px;
  box-sizing: border-box;
  margin-right: 24px;
  margin-top: 24px;
  display: flex;
  position: relative;
  top:0;
	transition: all .2s;
}
.section_aifuneng .section_aifuneng_data .item:nth-child(2n){
  margin-right: 0;
}
.section_aifuneng .section_aifuneng_data .item:nth-child(-n+2){
  margin-top: 0;
}
.section_aifuneng .section_aifuneng_data .item::before{
  content:"";
  width:80px;
  background-position: left top;
  background-repeat: no-repeat;
}
.section_aifuneng .section_aifuneng_data .item.item_changpin::before{
  background-image:url('../image/service/icon_ai_changpin.png');
}
.section_aifuneng .section_aifuneng_data .item.item_fuwu::before{
  background-image:url('../image/service/icon_ai_fuwu.png');
}
.section_aifuneng .section_aifuneng_data .item.item_liucheng::before{
  background-image:url('../image/service/icon_ai_liucheng.png');
}
.section_aifuneng .section_aifuneng_data .item.item_hangye::before{
  background-image:url('../image/service/icon_ai_hangye.png');
}
.section_aifuneng .section_aifuneng_data .item .item_info{
  flex:1;
}
.section_aifuneng .section_aifuneng_data .item .item_title{
  font-size: 24px;
  font-weight: 700;
  margin-bottom:15px;
}
.section_aifuneng .section_aifuneng_data .item .item_desc{
  font-size: 16px;
  line-height: 28px;
  color:#666666;
  white-space: pre-wrap;
}
.section_aifuneng .section_aifuneng_data .item:hover{
  top:-8px;
}

.section_service_weihu .section_service_weihu_data{
  display: flex;
  flex-flow: wrap;
}
.section_service_weihu .section_service_weihu_data .item{
  width: 180px;
	height: 214px;
	background-color: #ffffff;
	box-shadow: 0px 2px 40px 0px rgba(220, 226, 250, 0.5);
	border-radius: 10px;
  padding:50px 24px;
  box-sizing: border-box;
  overflow: hidden;
  margin-right: 24px;
  display: flex;
  flex-flow: column;
  align-items: center;
  position: relative;
  top:0;
  transition: all .2s;
}
.section_service_weihu .section_service_weihu_data .item:last-child{
  margin-right:0;
}
.section_service_weihu .section_service_weihu_data .item::before{
  content:"";
  width:100%;
  height:87px;
  
  background-position: center top;
  background-repeat: no-repeat;
}
.section_service_weihu .section_service_weihu_data .item.item_jcwh::before{
  background-image:url('../image/service/icon_jcwh.png');
}
.section_service_weihu .section_service_weihu_data .item.item_aqwh::before{
  background-image:url('../image/service/icon_anquan.png');
}
.section_service_weihu .section_service_weihu_data .item.item_fwq::before{
  background-image:url('../image/service/icon_fwq.png');
}
.section_service_weihu .section_service_weihu_data .item.item_ruanjian::before{
  background-image:url('../image/service/icon_ruanjian.png');
}
.section_service_weihu .section_service_weihu_data .item.item_bd::before{
  background-image:url('../image/service/icon_bingdu.png');
}
.section_service_weihu .section_service_weihu_data .item.item_jiance::before{
  background-image:url('../image/service/icon_jiance.png');
}
.section_service_weihu .section_service_weihu_data .item .item_info{
  flex:1;
}
.section_service_weihu .section_service_weihu_data .item .item_title{
  font-size: 24px;
  font-weight: 700;
  text-align:center;
  white-space: pre-wrap;
}
.section_service_weihu .section_service_weihu_data .item .item_desc{
  background: #3d71ff;
  white-space: pre-wrap;
  padding: 24px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
  text-align: justify;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  transition: all .2s;
  display:flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}
.section_service_weihu .section_service_weihu_data .item:hover{
  top:-8px;
}
.section_service_weihu .section_service_weihu_data .item:hover .item_desc{
  opacity:1;
  top:0;
}

.section_service_youshi .section_service_youshi_data{
  display: flex;
  flex-wrap: wrap;
}
.section_service_youshi .section_service_youshi_data .item{
  width: 282px;
  /*height: 224px;*/
  padding:52px 12px;
  box-sizing: border-box;
  background-color: #ffffff;
	box-shadow: 0px 2px 40px 0px rgba(220, 226, 250, 0.5);
	border-radius: 10px;
  position: relative;
  top:0;
  overflow: hidden;
  margin-right: 24px;
  display:flex;
  flex-flow: column;
  align-items: center;
  transition: all .2s;
  background-image: linear-gradient(-90deg, 
  #3d71ff 0%, 
  #0fe9fe 100%);
  background-size: 100% 8px;
  background-position: left top;
  background-repeat: no-repeat;
  
}
.section_service_youshi .section_service_youshi_data .item:nth-child(4n){
  margin-right: 0;
}
.section_service_youshi .section_service_youshi_data .item .item_title{
  font-size: 24px;
  font-weight: 700;
  line-height: 20px;
  height:70px;
  color: #3d71ff;
  text-align: center;
}
.section_service_youshi .section_service_youshi_data .item .item_desc{
  flex:1;
}
.section_service_youshi .section_service_youshi_data .item .item_desc .item_desc_text{
  font-size: 14px;
  line-height: 28px;
  color: #999999;
  text-align: center;
}
.section_service_youshi .section_service_youshi_data .item:hover{
  top: -8px;
}


.section_service_yunyin .section_service_yunyin_data_box{
  background-color: #ffffff;
	box-shadow: 0px 2px 40px 0px rgba(220, 226, 250, 0.5);
	border-radius: 10px;
  padding:48px 30px 32px;
  position: relative;
  top:0;
  transition: all .2s;
}
.section_service_yunyin .section_service_yunyin_data_box:hover{
  top:-8px;
}
.section_service_yunyin .section_service_yunyin_data_box .box_desc{
  font-size: 18px;
  line-height: 32px;
  color:#999999;
  padding: 0 10px;
  text-align: justify;
}
.section_service_yunyin .section_service_yunyin_data{
  display: flex;
  flex-wrap: wrap;
}
.section_service_yunyin .section_service_yunyin_data .item{
  width: 215px;
  padding:52px 35px 38px 0px;
  box-sizing: border-box;
  background-color: #ffffff;
  margin-right:25px;
  overflow: hidden;
  display:flex;
  flex-flow: column;
  align-items: center;
  background-image:url('../image/service/icon_next.png');
  background-position: right center;
  background-repeat: no-repeat;
}
.section_service_yunyin .section_service_yunyin_data .item:last-child{
  margin-right: 0;
  width:180px;
  padding-right:0;
  background-image: initial;
}
.section_service_yunyin .section_service_yunyin_data .item::before{
  content:"";
  width:100%;
  height:92px;
  background-position: center top;
  background-repeat: no-repeat;
}
.section_service_yunyin .section_service_yunyin_data .item.item_guihua::before{
  background-image:url('../image/service/icon_guihua.png');
}
.section_service_yunyin .section_service_yunyin_data .item.item_xitong::before{
  background-image:url('../image/service/icon_xitong.png');
}
.section_service_yunyin .section_service_yunyin_data .item.item_shisi::before{
  background-image:url('../image/service/icon_shisi.png');
}
.section_service_yunyin .section_service_yunyin_data .item.item_yunwei::before{
  background-image:url('../image/service/icon_yunwei.png');
}
.section_service_yunyin .section_service_yunyin_data .item.item_fenxi::before{
  background-image:url('../image/service/icon_fenxi.png');
}
.section_service_yunyin .section_service_yunyin_data .item .item_title{
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  min-height: 40px;
  margin-bottom: 16px;
  color: #262626;
  text-align: center;
}
.section_service_yunyin .section_service_yunyin_data .item .item_desc{
  flex:1;
  width: 100%;
}
.section_service_yunyin .section_service_yunyin_data .item .item_desc > p{
  font-size: 14px;
  line-height: 20px;
  color: #262626;
  padding-left: 24px;
  background-image:url('../image/service/icon_gou.png');
  background-repeat: no-repeat;
  background-position: left 2px;
	margin-bottom: 4px;
}
.section_service_yunyin .section_service_yunyin_data .item .item_desc > p:last-child{
	margin-bottom:0;
}

.section_nav{
  height: 60px;
}
.section_nav .page_wrapper_box{
  width:100%;
  height: 60px;
	background-color: #ffffff;
	box-shadow: 0px 2px 10px 0px rgba(38, 38, 38, 0.1);
}
.section_nav.fixed .page_wrapper_box{
  position: fixed;
  top: 0;
  z-index:1000;
}
.section_nav .page_wrapper{
  padding:0;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
}
.section_nav .section_nav_data{
  width: 100%;
  display:flex;
  flex-wrap:nowrap;
}
.section_nav .section_nav_data .item{
  margin-right:42px;
  flex:0 0 auto;
}
.section_nav .section_nav_data .item a{
  color:#262626;
  font-size:14px;
  line-height: 58px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  white-space:nowrap;
}
.section_nav .section_nav_data .category-nav-icon{width:18px;height:18px;object-fit:contain;display:inline-block;flex:0 0 auto}
.section_nav .section_nav_data .item.active,.section_nav .section_nav_data .item:hover{
  border-bottom:2px solid #3d71ff;
}
.section_nav .section_nav_data .item.active a,.section_nav .section_nav_data .item:hover a{
  color:#3d71ff;
}

.section_mbx .page_wrapper{
  padding:27px 0;
}
.section_mbx .section_mbx_data{
  
}
.section_mbx .section_mbx_data .item{
  font-size:12px;
  color:#999999;
}
.section_mbx .section_mbx_data a.item:hover{
  color:#3d71ff;
}
.section_mbx .section_mbx_data .er{
  display:inline-block;
  width:26px;
  text-align: center;
  color:#999999;
  font-size:12px;
}

.section_case .page_wrapper{
  padding-top:0;
}
.section_case_data{
  display: flex;
  flex-flow: wrap;
}
.section_case_data .item{
  width: calc(25% - 18px);
  height: 268px;
  background-color: #ffffff;
	box-shadow: 0px 2px 40px 0px rgba(220, 226, 250, 0.5);
	border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
  margin-right: 24px;
  margin-top: 24px;
  position:relative;
  top:0;
  transition:all .2s;
}
.section_case_data .item > a{
	display:block;
}
.section_case_data .item:nth-child(4n){
  margin-right:0;
}
.section_case_data .item.item:nth-child(-n+4){
  margin-top:0;
}
.section_case_data .item .item_img{
  width: 100%;
  height: 212px;
}
.section_case_data .item .item_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section_case_data .item .item_title{
  padding: 0 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 56px;
  color: #262626;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.section_case_data .item .item_info{
  position:absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 40px 33px;
  background-color: #3d71ff;
  opacity: 0;
  transition: all .2s;
  color:#ffffff;
  display:flex;
  flex-flow: column;
}
.section_case_data .item .item_info .item_info_title{
  font-size: 18px;
  font-weight:700;
  line-height:24px;
  margin-bottom: 8px;
}
.section_case_data .item .item_info .item_info_desc_box{
  flex:1;
}
.section_case_data .item .item_info .item_info_desc{
	  font-size: 14px;
	  line-height: 24px;
	  display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
	text-overflow: ellipsis;
}
.section_case_data .item .item_info .item_info_tag{
  padding-left:10px;
  position: relative;
}
.section_case_data .item .item_info .item_info_tag::before{
  content:"";
  display:block;
  width: 4px;
	height: 14px;
	background-color: #ffffff;
  position: absolute;
  left:0;
}
.section_case_data .item .item_info .item_info_tag .item_info_tag_one{
  font-size:14px;
  line-height:16px;
  margin-right: 14px;
}
.section_case_data .item:hover{
  top:-8px;
}
.section_case_data .item:hover .item_info{
  opacity: 1;
}

.page_wrapper .msg_top_tip{
  font-size: 14px;
  line-height: 30px;
  color: #262626;
  margin-bottom:24px;
}
.page_wrapper .msg_top_tip a{
	color: #3d71ff;
}
.page_wrapper .msg_tip{
  font-size: 14px;
  line-height: 24px;
  color: #666666;
  margin-top:40px;
}
.case_data_panel{
  position: fixed;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: none;
  align-items: center;
  justify-content: center;
}
.case_data_panel.show{
  display:flex;
}
.case_data_panel .mask{
  position: fixed;
  top: 0;
  left:0;
  width: 100%;
  height: 100%;
  background:rgba(0,0,0,0.8);
  z-index: 10;
}
.case_data_panel .close_btn{
  position: fixed;
  top: 50px;
  right:50px;
  background-image:url('../image/case/icon_close.png');
  background-repeat: no-repeat;
  background-position: center;
	background-color: #000000;
  width: 48px;
	height: 48px;
	border-radius: 4px 0px 0px 4px;
  z-index:200;
  cursor: pointer;
}
.case_data_panel .prev_next_con{
  position:fixed;
  z-index: 100;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding:0 100px;
}
.case_data_panel .prev_next_con .item{
  content:"";
  width: 80px;
  height: 80px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  position:fixed;
  left:10%;
}
.case_data_panel .prev_next_con .prev_btn{
  background-image: url('../image/case/icon_prev.png');
}
.case_data_panel .prev_next_con .prev_btn:hover{
  background-image: url('../image/case/icon_prev_hover.png');
}
.case_data_panel .prev_next_con .next_btn{
  background-image: url('../image/case/icon_next.png');
  left:auto;
  right:10%;
}
.case_data_panel .prev_next_con .next_btn:hover{
  background-image: url('../image/case/icon_next_hover.png');
}
.case_data_panel .panel_con{
  position: relative;
  z-index:50;
}
.case_data_panel .panel_con .img{
  width: 800px;
  height: 600px;
}
.case_data_panel .panel_con .img img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.case_data_panel .panel_con .con_btm{
  position:fixed;
  bottom:0;
  left:0;
  width: 100%;
  background: rgba(0,0,0,0.6);
  display:flex;
  justify-content: center;
  z-index:100;
  padding:27px 0 22px;
}
.case_data_panel .panel_con .con_btm.hide{
	display:none;
}
.case_data_panel .panel_con .con_btm .info{
  width: 1200px;
  color:#ffffff;
}
.case_data_panel .panel_con .con_btm .info .info_title{
  font-size:18px;
  font-weight: 700;
  line-height: 32px;
  margin-bottom:10px;
}
.case_data_panel .panel_con .con_btm .info .info_desc{
  font-size:14px;
  line-height: 24px;
  flex:1;
}
.case_data_panel .panel_con .con_btm .info .info_tags{
  border-left: 4px solid #ffffff;
  padding-left: 7px;
  margin-top:25px;
}
.case_data_panel .panel_con .con_btm .info .info_tags span{
  font-size: 14px;
  line-height: 14px;
  margin-right: 14px;
}

.section_article{

}
.section_article .page_wrapper{
  padding-top:0;
  display: flex;
  justify-content: space-between;
}
.section_article .page_wrapper .page_wrapper_left{
  width:calc(100% - 432px);
  margin-right: 48px;
}
.section_article .page_wrapper .page_wrapper_right{
  width: 384px;
}
.section_article .page_wrapper .page_wrapper_right.fixed{
	position:fixed;
}
.section_article .section_article_data .item{
  display: flex;
  padding: 24px 0;
  border-radius:10px;
  min-height:150px;
}
.section_article .section_article_data .item .item_img{
  width: 200px;
  height: 150px;
  margin-right:20px;
}
.section_article .section_article_data .item .item_img img{
  width:100%;
  height: 100%;
  object-fit: cover;
}
.section_article .section_article_data .item .item_info{
  flex:1;
  display: flex;
  flex-flow: column;
}
.section_article .section_article_data .item .item_info .item_title{
  font-size: 18px;
  line-height: 26px;
  color:#262626;
  margin-bottom:15px;
}
.section_article .section_article_data .item .item_info .item_desc{
  flex:1;
}
.section_article .section_article_data .item .item_info .item_desc .item_desc_text{
  font-size:14px;
  color:#999999;
  line-height: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.section_article .section_article_data .item .item_info .item_time{
  font-size:14px;
  color:#b2b2b2;
}
.section_article .section_article_data .item:hover{
  position:relative;
  padding:24px 17px;
  left: -17px;
  width: calc(100% + 34px);
  background-color: #ffffff;
	box-shadow: 0px 2px 40px 0px 
		rgba(220, 226, 250, 0.5);
}
.section_article .section_article_data .item:hover .item_info .item_title{
  color: #3d71ff;
}

.qrcode_block{
  margin-bottom:30px;
}
.qrcode_block .block_title{
  font-size: 20px;
  line-height: 22px;
  border-left: 4px solid #2f54eb;
  padding-left: 8px;
  margin-bottom: 14px;
}
.qrcode_block .block_con{
	display: flex;
    align-items: center;
    justify-content: center;
}
.qrcode_block .block_con .item_qrcode{
	width:120px;
	height:120px;
	margin-right:30px;
}
.qrcode_block .block_con .item_qrcode img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.qrcode_block .block_con .item_text{
	font-size:14px;
	line-height:25px;
	color:#262626;
}
.article_list_block{
  margin-bottom:30px;
}
.article_list_block .block_title{
  font-size: 20px;
  line-height: 22px;
  border-left: 4px solid #2f54eb;
  padding-left: 8px;
  margin-bottom: 14px;
}
.article_list_block .block_con{

}
.article_list_block .block_con .item{
  height:36px;
  line-height:36px;
  font-size:14px;
  display: flex;
  align-items: center;
}
.article_list_block .block_con .item span{
  display:inline-block;
}
.article_list_block .block_con .item .item_time{
  color: #999999;
  margin-right:22px;
}
.article_list_block .block_con .item .item_title{
  flex:1;
  color: #262626;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.article_list_block .block_con .item:hover span{
  color: #3d71ff;
}

.case_list_block{
  margin-bottom:30px;
}
.case_list_block .block_title{
  font-size: 20px;
  line-height: 22px;
  border-left: 4px solid #2f54eb;
  padding-left: 8px;
  margin-bottom: 14px;
}
.case_list_block .block_con{
	display: flex;
    flex-flow: wrap;
}
.case_list_block .block_con .item{
  display: flex;
  flex-flow:column;
  align-items: center;
  width: 181px;
	margin-right:21px;
	margin-top:21px;
}
.case_list_block .block_con .item:nth-child(2n){
	margin-right:0;
}
.case_list_block .block_con .item:nth-child(-n+2){
	margin-top:0;
}
.case_list_block .block_con .item span{
  display:inline-block;
}
.case_list_block .block_con .item .item_img{
	width: 181px;
	height: 136px;
	background-color: #bfbfbf;
	border-radius: 10px;
	overflow:hidden;
	margin-bottom:12px;
}
.case_list_block .block_con .item .item_img img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.case_list_block .block_con .item .item_title{
  flex:1;
  width: 100%;
  text-align: center;
  font-size:14px;
  color: #262626;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.case_list_block .block_con .item:hover span{
  color: #3d71ff;
}

.solution_list_block{
  margin-bottom:30px;
}
.solution_list_block .block_title{
  font-size: 20px;
  line-height: 22px;
  border-left: 4px solid #2f54eb;
  padding-left: 8px;
  margin-bottom: 14px;
}
.solution_list_block .block_con{

}
.solution_list_block .block_con .item{
  height:36px;
  line-height:36px;
  font-size:14px;
  display: flex;
  align-items: center;
}
.solution_list_block .block_con .item span{
  display:inline-block;
}
.solution_list_block .block_con .item .item_title{
  flex:1;
  color: #262626;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.solution_list_block .block_con .item:hover span{
  color: #3d71ff;
}
.section_blank_block{
  height:80px;
}
.section_article.section_article_detail{
}
.section_article_detail_data .item_title{
  font-size: 36px;
  line-height: 50px;
  color: #262626;
}
.section_article_detail_data .item_time{
  font-size:14px;
  color:#b2b2b2;
  margin-top:30px;
}
.section_article_detail_data .item_content{
  text-align: justify;
  word-wrap: break-word;
  margin-top: 60px;
  /* #987 r2: bare text nodes (legacy pre-#987 bodies, editor artifacts) have no
     element to match the `*` rule below and inherited the page-wide 12px/1
     line-height — declare the body typography on the container itself. */
  font-size:16px;
  color:#333333;
  line-height:28px;
}
.section_article_detail_data .item_content *{
  font-size:16px;
  color:#333333;
  line-height: 28px;
  text-align: justify;
  word-wrap: break-word;
}
.section_article_detail_data .item_content img{
  max-width: 100%!important;
}
.section_article_detail_data .item_content h2{
  font-size:24px;
  line-height:34px;
  font-weight:700;
  margin:34px 0 16px;
}
.section_article_detail_data .item_content h3{
  font-size:20px;
  line-height:30px;
  font-weight:700;
  margin:26px 0 12px;
}
.section_article_detail_data .item_content ul,
.section_article_detail_data .item_content ol{
  margin:18px 0 18px 1.5em;
  padding-left:1.2em;
}
.section_article_detail_data .item_content ul{
  list-style:disc;
}
.section_article_detail_data .item_content ol{
  list-style:decimal;
}
.section_article_detail_data .item_content li{
  display:list-item;
  margin:6px 0;
  text-align:left;
}
.section_article_detail_data .item_content pre{
  margin:20px 0;
  padding:16px;
  overflow-x:auto;
  border-radius:6px;
  background:#111827;
  color:#f9fafb;
  text-align:left;
}
.section_article_detail_data .item_content code{
  padding:2px 5px;
  border-radius:4px;
  background:#f1f5f9;
  color:#0f172a;
  font-family:Menlo, Monaco, Consolas, monospace;
}
.section_article_detail_data .item_content pre code{
  padding:0;
  background:transparent;
  color:inherit;
}
.section_article_detail_data .item_content a{
  color:#1677ff;
  text-decoration:underline;
  text-underline-offset:2px;
}

.section_case.section_case_detail{
}
.section_case.section_case_detail .page_wrapper{
  padding-top:0;
  display: flex;
  justify-content: space-between;
}
.section_case.section_case_detail .page_wrapper .page_wrapper_left{
  width:calc(100% - 432px);
  margin-right: 48px;
}
.section_case.section_case_detail .page_wrapper .page_wrapper_right{
  width: 384px;
}
.section_case.section_case_detail .page_wrapper .page_wrapper_right.fixed{
	position:fixed;
}
.section_case_detail_data .block_title{
  font-size: 20px;
	line-height: 22px;
	border-left: 4px solid #2f54eb;
	padding-left: 8px;
	margin-bottom: 14px;
}
.section_case_detail .item_content{
  text-align: justify;
  word-wrap: break-word;
}
.section_case_detail .item_content *{
  font-size:16px;
  color:#333333;
  line-height: 28px;
  text-align: justify;
  word-wrap: break-word;
}
.section_case_detail .item_content img{
  max-width: 100%!important;
}

.section_company_desc_data p{
  font-size:18px;
  line-height: 32px;
  color:#262626;
  margin-bottom:32px;
  text-align:justify;
}
.section_company_desc_data p:last-child{
  margin-bottom:0;
}


.section_company_wenhua .section_company_wenhua_data{
  display: flex;
  flex-flow: wrap;
}
.section_company_wenhua .section_company_wenhua_data .item{
  width: 384px;
	height: 162px;
	background-color: #ffffff;
	box-shadow: 0px 2px 40px 0px rgba(220, 226, 250, 0.5);
	border-radius: 10px;
  padding:40px 32px;
  box-sizing: border-box;
  margin-right: 24px;
  display: flex;
  position: relative;
  top:0;
  transition: all .2s;
}
.section_company_wenhua .section_company_wenhua_data .item:nth-child(3n){
  margin-right: 0;
}
.section_company_wenhua .section_company_wenhua_data .item .item_info{
  flex:1;
  text-align: center;
}
.section_company_wenhua .section_company_wenhua_data .item .item_title{
  font-size: 24px;
  font-weight: 700;
  margin-bottom:15px;
}
.section_company_wenhua .section_company_wenhua_data .item .item_desc{
  font-size: 16px;
  line-height: 28px;
  color:#666666;
}
.section_company_wenhua .section_company_wenhua_data .item:hover{
  top: -8px;
}

.section_company_linian .section_company_linian_data{
  display: flex;
  flex-flow: wrap;
}
.section_company_linian .section_company_linian_data .item{
  width: 384px;
	background-color: #ffffff;
	box-shadow: 0px 2px 40px 0px rgba(220, 226, 250, 0.5);
	border-radius: 10px;
  padding:48px 40px 40px 40px;
  box-sizing: border-box;
  overflow: hidden;
  margin-right: 24px;
  display: flex;
  flex-flow: column;
  align-items: center;
  position: relative;
  top:0;
  transition: all .2s;
}
.section_company_linian .section_company_linian_data .item:last-child{
  margin-right:0;
}
.section_company_linian .section_company_linian_data .item::before{
  content:"";
  width:100%;
  height:75px;
  
  background-position: center top;
  background-repeat: no-repeat;
}
.section_company_linian .section_company_linian_data .item.item_qudong::before{
  background-image:url('../image/about/icon_qudong.png');
}
.section_company_linian .section_company_linian_data .item.item_kehu::before{
  background-image:url('../image/about/icon_kehu.png');
}
.section_company_linian .section_company_linian_data .item.item_huoban::before{
  background-image:url('../image/about/icon_huoban.png');
}
.section_company_linian .section_company_linian_data .item .item_info{
  flex:1;
}
.section_company_linian .section_company_linian_data .item .item_title{
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  margin-bottom:10px;
}
.section_company_linian .section_company_linian_data .item .item_desc{
  box-sizing: border-box;
  font-size: 16px;
  line-height: 28px;
  color: #666666;
  text-align: justify;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.section_company_linian .section_company_linian_data .item:hover{
  top:-8px;
}

.section_company_rongyu_data{
  background-color: #ffffff;
	box-shadow: 0px 2px 40px 0px rgba(220, 226, 250, 0.5);
	border-radius: 10px;
  padding:24px;
}
.section_company_rongyu_data .section_company_rongyu_data_box1{
  display: flex;
  flex-flow: wrap;
  margin-bottom:22px;
}
.section_company_rongyu_data .section_company_rongyu_data_box1 .item{
  width:182px;
  height: 121px;
  margin-right:12px;
  margin-top:22px;
}
.section_company_rongyu_data .section_company_rongyu_data_box1 .item img{
  width:100%;
  height:100%;
  object-fit: cover;
}
.section_company_rongyu_data .section_company_rongyu_data_box1 .item:nth-child(6n){
  margin-right:0;
}
.section_company_rongyu_data .section_company_rongyu_data_box1 .item:nth-child(-n+6){
  margin-top:0;
}
.section_company_rongyu_data .section_company_rongyu_data_box2{
  display: flex;
  flex-flow: wrap;
}
.section_company_rongyu_data .section_company_rongyu_data_box2 .item{
  width:85px;
  height: 119px;
  margin-right:12px;
  margin-top:22px;
}
.section_company_rongyu_data .section_company_rongyu_data_box2 .item img{
  width:100%;
  height:100%;
  object-fit: cover;
}
.section_company_rongyu_data .section_company_rongyu_data_box2 .item:nth-child(12n){
  margin-right:0;
}
.section_company_rongyu_data .section_company_rongyu_data_box2 .item:nth-child(-n+12){
  margin-top:0;
}

.section_company_hezuo .page_wrapper_box{
  background:url('../image/about/bg_hezuo.jpg');
  background-repeat: no-repeat;
  background-position: center top;
  height:338px;
}
.section_company_hezuo .page_wrapper{
  display:flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.section_company_hezuo .section_company_hezuo_data{
  width:468px;
  margin:0 auto;
  text-align: center;
}
.section_company_hezuo .section_company_hezuo_data .data_title{
  font-size: 32px;
  line-height: 33px;
  font-weight: 700;
  color:#ffffff;
  margin-bottom:30px;
}
.section_company_hezuo .section_company_hezuo_data .data_desc{
  font-size: 18px;
  line-height: 32px;
  color:#ffffff;
}
.section_company_hezuo .section_company_hezuo_data .data_btn{
  display:inline-block;
  padding:0 26px;
  height: 44px;
  line-height: 44px;
	border-radius: 4px;
	border: solid 1px #ffffff;
	font-size: 16px;
	color: #ffffff;
  margin-top:38px;
}
.section_company_hezuo .section_company_hezuo_data .data_btn:hover{
	background-color: #ffffff;
	color: #3d71ff;
}
.section_company_lianxifangshi .section_company_lianxifangshi_data{
  display: flex;
}
.section_company_lianxifangshi .section_company_lianxifangshi_data .item{
  width: 220px;
	background-color: #ffffff;
	box-shadow: 0px 2px 40px 0px rgba(220, 226, 250, 0.5);
	border-radius: 10px;
  margin-right:24px;
  padding:48px 20px;
  position:relative;
  top:0;
  transition:all .2s;
}
.section_company_lianxifangshi .section_company_lianxifangshi_data .item:nth-child(5n){
  margin-right: 0;
}
.section_company_lianxifangshi .section_company_lianxifangshi_data .item::before{
  content:"";
  display:block;
  width:100%;
  height:77px;
  background-position: left top;
  background-repeat: no-repeat;
}
.section_company_lianxifangshi .section_company_lianxifangshi_data .item.item_address::before{
  background-image:url('../image/about/icon_address.png');
}
.section_company_lianxifangshi .section_company_lianxifangshi_data .item.item_tel::before{
  background-image:url('../image/about/icon_tel.png');
}
.section_company_lianxifangshi .section_company_lianxifangshi_data .item.item_qq::before{
  background-image:url('../image/about/icon_qq.png');
}
.section_company_lianxifangshi .section_company_lianxifangshi_data .item.item_email::before{
  background-image:url('../image/about/icon_email.png');
}
.section_company_lianxifangshi .section_company_lianxifangshi_data .item .item_info{
  flex:1;
}
.section_company_lianxifangshi .section_company_lianxifangshi_data .item .item_title{
  font-size: 24px;
  font-weight: 700;
  margin-bottom:10px;
}
.section_company_lianxifangshi .section_company_lianxifangshi_data .item .item_desc{
  box-sizing: border-box;
  font-size: 16px;
  line-height: 24px;
  color: #666666;
  text-align: justify;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.section_company_lianxifangshi .section_company_lianxifangshi_data .item.item_qrcode{
  padding:32px 30px;
}
.section_company_lianxifangshi .section_company_lianxifangshi_data .item.item_qrcode::before{
  display: none;
}
.section_company_lianxifangshi .section_company_lianxifangshi_data .item.item_qrcode .item_img{
  width: 160px;
  height: 160px;
}
.section_company_lianxifangshi .section_company_lianxifangshi_data .item.item_qrcode .item_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section_company_lianxifangshi .section_company_lianxifangshi_data .item.item_qrcode .item_info .item_desc{
  text-align: center;
  margin-top:8px;
}
.section_company_lianxifangshi .section_company_lianxifangshi_data .item:hover{
  top: -8px;
}
.section_company_map_box{
  width:100%;
  height:640px;
  background:#999999;
}
.anchorBL{
  display:none;
}
.section_company_join{

}
.section_company_join .section_company_join_data{
  text-align: center;
}
.section_company_join .section_company_join_data .data_title{
  font-size:32px;
  line-height: 33px;
  color:#262626;
}
.section_company_join .section_company_join_data .data_btn{
  height: 44px;
  line-height: 44px;
  padding:0 40px;
	border-radius: 4px;
	border: solid 1px #3d71ff;
  font-size:16px;
  color:#3d71ff;
  margin-top:48px;
}
.section_company_join .section_company_join_data .data_btn:hover{
	background-color: #3d71ff;
  color:#ffffff;
}


.map_info_window{
	display:flex;
	align-items: center;
	height:100%;
}
.map_info_window .img{
	width:100px;
	margin-right:8px;
}
.map_info_window .img img{
	width:100%;
	height:100%;
	object-fit: cover;
}
.map_info_window .info{
	
}
.map_info_window .info p{
	margin-bottom:10px;
	line-height:1.4;
}
.BMapLib_nav_tab_content *{
	box-sizing: content-box;
}

/*产品页面样式*/
.section_product_block{

}
.section_product_block .page_wrapper{
	width:1140px;
	padding-top:64px;
}
.section_product_block .page_wrapper > .title{
	text-align:center;
	margin-bottom:40px;
}
.section_product_block .page_wrapper > .title h2{
	font-weight:500;
	line-height:46px;
}
.section_product_block .page_wrapper > .title p{
	text-align:center;
	line-height:34px;
	color: #666666;
}
.section_product_block .page_wrapper > .title h2+p{
	margin-top:12px;
}
.section_product_block .section_product_block_data .data_info{
  text-align: center;
}
.section_product_block .section_product_block_data .data_info .data_info_title{
  color:#333333;
  font-size:30px;
  margin-bottom:30px;
  line-height:1.2;
  white-space: pre-wrap;
}
.section_product_block .section_product_block_data .data_info .data_info_title2{
  font-size:20px;
  color:#999999;
  line-height: 1.8;
  white-space: pre-wrap;
}
.section_product_block .section_product_block_data .data_info .data_info_desc{
  color:#999999;
  font-size:16px;
  line-height: 1.8;
  white-space: pre-wrap;
}
/* #1034: rich-text 引用 (blockquote) in block/article bodies was unstyled —
   it collapsed into plain text on the front end. Quote card in the site
   palette (#3d71ff accent); em-based metrics so mobile vw font sizes scale. */
.section_product_block .section_product_block_data .data_info .data_info_desc blockquote,
.section_article_detail_data .item_content blockquote{
  margin: .75em 0;
  padding: .85em 1.1em;
  background: rgba(61,113,255,.06);
  border-left: 4px solid #3d71ff;
  border-radius: 8px;
  color: #262626;
}
.section_product_block .section_product_block_data .data_info .data_info_desc blockquote p,
.section_article_detail_data .item_content blockquote p{
  margin: 0;
}
/* #1034 r2: the page-wide `*{line-height:1}` reset beats the inherited 1.8 on
   every child element, so <p>/<br>/<blockquote> bodies stacked at line-height
   1. Declare the line-height across the subtree (same pattern as
   .item_content *, #987 r2) so block bodies match article-body spacing. */
.section_product_block .section_product_block_data .data_info .data_info_desc *{
  line-height: 1.8;
}
/* #1034 r3: 提示框 (blockquote.rich-callout, `> [!TIP] ` marker) — dashed
   tip card with a 💡 glyph on the first line, site palette #3d71ff. */
.section_product_block .section_product_block_data .data_info .data_info_desc blockquote.rich-callout,
.section_article_detail_data .item_content blockquote.rich-callout{
  border: 1px dashed rgba(61,113,255,.45);
  background: rgba(61,113,255,.05);
  /* #1034 r4: measured 17.6px (1.1em) too wide — spec 12px left padding. */
  padding-left: .75em;
}
.section_product_block .section_product_block_data .data_info .data_info_desc blockquote.rich-callout > p:first-child::before,
.section_article_detail_data .item_content blockquote.rich-callout > p:first-child::before{
  content: '💡 ';
}
/* #1034 r3: 功能条目 (ul.rich-feature-list, `- [f] ` marker) — rounded row
   cards with a brand-blue check badge, ref screenshot A in site palette. */
.section_product_block .section_product_block_data .data_info .data_info_desc ul.rich-feature-list,
.section_article_detail_data .item_content ul.rich-feature-list{
  list-style: none;
  margin: .75em 0;
  padding: 0;
}
.section_product_block .section_product_block_data .data_info .data_info_desc ul.rich-feature-list li,
.section_article_detail_data .item_content ul.rich-feature-list li{
  position: relative;
  margin: .5em 0;
  /* #1034 r4: badge 16px from the left edge, badge 1.4em (22.4px) wide +
     8px text gap → text starts 46.4px = 2.9em (padding unchanged). */
  padding: 12px .9em 12px 2.9em;
  background: rgba(61,113,255,.06);
  border-radius: 8px;
  /* #1034 r7: label color per review (#262626 → #999999). */
  color: #999999;
  /* #1051: row text line-height 1.8 → 1.5 and vertical padding 8.8px → 12px
     per review (declared on the li so both product-block and article-detail
     renderings share it; beats the inherited .data_info_desc * 1.8). */
  line-height: 1.5;
}
.section_product_block .section_product_block_data .data_info .data_info_desc ul.rich-feature-list li::before,
.section_article_detail_data .item_content ul.rich-feature-list li::before{
  /* #1034 r6: angular badge square only — the check strokes moved back to
     ::after (r4 two-segment 45° corner, not a font glyph). Badge metrics
     from r4 kept: 16px (1em) from the row edge, 1.4em badge, text gap 8px
     via the 2.9em padding. */
  content: '';
  position: absolute;
  left: 1em;
  top: 50%;
  transform: translateY(-50%);
  width: 1.4em;
  height: 1.4em;
  background: #3d71ff;
  border-radius: .35em;
}
.section_product_block .section_product_block_data .data_info .data_info_desc ul.rich-feature-list li::after,
.section_article_detail_data .item_content ul.rich-feature-list li::after{
  /* #1034 r6: angular checkmark restored (r4) + horizontally mirrored per
     review — two straight strokes meeting at a sharp 45° corner, opening
     to the left. #1034 r8: pixel-measured recentering — analysis of the
     rejection screenshot (36x34, badge 22x22) showed the stroke bbox
     center +1.0..+1.5px right / +1.0px below the badge center, so left
     1.55em→1.472em (-1.25px, midpoint of both extractions) and translateY
     -58%→-62.7% (-0.45px) land the strokes within ±0.25px of the badge
     center (ref shot keeps a ~0.5px visual dip, matched here). */
  content: '';
  position: absolute;
  left: 1.472em;
  top: 50%;
  width: .3em;
  height: .6em;
  border-left: .16em solid #ffffff;
  border-bottom: .16em solid #ffffff;
  transform: translateY(-62.7%) scaleX(-1) rotate(-45deg);
}
/* #1045: 版块标签 (div.section_tag) — brand-blue pill above the section
   title, in the site palette. Rendered only when filled in the editor. */
.section_product_block .section_tag{
  /* #1045 r2: pill height pinned to 28px per review (was 27.28px with em
     padding); inline-flex centers the single-line label. */
  display: inline-flex;
  align-items: center;
  height: 28px;
  background: #3d71ff;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  padding: 0 1.4em;
  border-radius: 999px;
  letter-spacing: .05em;
}
.section_product_block .page_wrapper > .title .section_tag{
  display: flex;
  width: fit-content;
  margin: 0 auto 14px;
}
.section_product_block .data_info .section_tag{
  margin-bottom: 12px;
}
/* #1046: 标签 (ul.section_tags) — light-blue pills below the rich-text
   body, one row, wrapping when the row runs out of width. */
.section_product_block ul.section_tags{
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 14px 0 0;
  padding: 0;
}
.section_product_block ul.section_tags li{
  /* #1046 r2: pill height pinned to 32px per review (was 31.5px). */
  display: inline-flex;
  align-items: center;
  height: 32px;
  background: rgba(61,113,255,.08);
  color: #3d71ff;
  font-size: 14px;
  line-height: 1;
  padding: 0 1.25em;
  border-radius: 999px;
}
.section_product_block .section_product_block_data .data_info .data_img{
  text-align: center;
}
.section_product_block .section_product_block_data .data_img img{
  max-width: 100%;
}
.section_product_block .swiper-slide-next-prev{
  transition: filter 0.2s ease, opacity 0.2s ease;
  cursor: pointer;
}
.section_product_block .swiper-slide-next-prev.prev:hover,
.section_product_block .swiper-slide-next-prev.next:hover{
  filter: brightness(1.12);
}
/*产品块样式：文字+单图：上下结构之图下*/
.section_product_block.section_product_block_1_1 .section_product_block_data{
  display: flex;
  flex-flow: column;
}
.section_product_block.section_product_block_1_1 .section_product_block_data .data_info{
  text-align: center;
}
.section_product_block.section_product_block_1_1 .section_product_block_data .data_info+.data_img{
  margin-top:44px;
}
/*产品块样式：文字+单图：上下结构之图上*/
.section_product_block.section_product_block_1_2 .section_product_block_data{
  display: flex;
  flex-flow: column-reverse;
}
.section_product_block.section_product_block_1_2 .section_product_block_data .data_info{
  text-align: center;
}
.section_product_block.section_product_block_1_2 .section_product_block_data .data_info+.data_img{
  margin-bottom:40px;
}
/*产品块样式：文字+单图：左右结构之图左*/
/* #1029: 左右图文版块左右内边距 70px→0,内容区与 page_wrapper 边缘对齐 */
.section_product_block.section_product_block_1_3 .section_product_block_data{
  display:flex;
  flex-flow: row;
  padding:0;
  align-items: center;
  justify-content: space-between;
}
.section_product_block.section_product_block_1_3 .section_product_block_data .data_info{
  text-align: left;
  flex:1;
  margin-right:100px;
}
.section_product_block.section_product_block_1_3 .section_product_block_data .data_img{
  flex:1;
}
/*产品块样式：文字+单图：左右结构之图右*/
/* #1029: 左右图文版块左右内边距 70px→0,内容区与 page_wrapper 边缘对齐 */
.section_product_block.section_product_block_1_4 .section_product_block_data{
  display:flex;
  flex-flow: row-reverse;
  padding:0;
  align-items: center;
  justify-content: space-between;
}
.section_product_block.section_product_block_1_4 .section_product_block_data .data_info{
  text-align: left;
  flex:1;
  margin-left:100px;
}
.section_product_block.section_product_block_1_4 .section_product_block_data .data_img{
  flex:1;
}
/*产品块样式：文字+图片列表：上下结构*/
.section_product_block.section_product_block_2_1 .section_product_block_data{
  position:relative;
}
.section_product_block.section_product_block_2_1 .section_product_block_data .swiper-container{
  width:1168px;
  margin-left:-14px;
}
.section_product_block.section_product_block_2_1 .section_product_block_data .item{
  display: flex;
  flex-flow: column;
  align-items: center;
}
.section_product_block.section_product_block_2_1 .section_product_block_data .item_info{
  text-align: center;
  margin-top:10px;
}
.section_product_block.section_product_block_2_1 .section_product_block_data .item_info .item_info_title{
  font-size:16px;
  text-align: center;
  color:#666666;
}
.section_product_block.section_product_block_2_1 .section_product_block_data .item_info .item_info_desc{
  font-size:20px;
}
.section_product_block.section_product_block_2_1 .section_product_block_data .item_img{
  width:267px;
  height:356px;
  border-radius: 4px;
  overflow:hidden;
}
.section_product_block.section_product_block_2_1 .section_product_block_data .item_img img{
  width:100%;
  height:100%;
  object-fit: cover;
}
.section_product_block.section_product_block_2_1 .section_product_block_data .swiper-slide-next-prev{
  width: 62px;
  height:63px;
  position: absolute;
  top:170px;
  cursor: pointer;
  display: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border-radius: 50%;
}
.section_product_block.section_product_block_2_1:hover .section_product_block_data .swiper-slide-next-prev{
  display:block;
}
.section_product_block.section_product_block_2_1 .section_product_block_data .swiper-slide-next-prev.prev{
  background-image:url('../image/product/icon_prev.png');
  left:-84px;
}
.section_product_block.section_product_block_2_1 .section_product_block_data .swiper-slide-next-prev.prev:hover{
  background-image:url('../image/product/icon_prev_hover.png');
}
.section_product_block.section_product_block_2_1 .section_product_block_data .swiper-slide-next-prev.next{
  background-image:url('../image/product/icon_next.png');
  right:-84px;
}
.section_product_block.section_product_block_2_1 .section_product_block_data .swiper-slide-next-prev.next:hover{
  background-image:url('../image/product/icon_next_hover.png');
}
/* #1074: carousel (轮播展示) item title/desc aligned with the feature_cards
   family (3_1) — title 20px #333, desc 14px #666 with an 8px gap. The
   sibling selector matches the non-avatar variant only (.item_img precedes
   .item_info), so the reviews block (avatar layout) keeps its own styling. */
.section_product_block.section_product_block_2_1 .section_product_block_data .item .item_img + .item_info .item_info_title{
  font-size:20px;
    line-height: 1.6;
	white-space: pre-wrap;
  text-align: center;
  color:#333333;
}
.section_product_block.section_product_block_2_1 .section_product_block_data .item .item_img + .item_info .item_info_desc{
  font-size:14px;
  color:#666666;
  line-height:23px;
  margin-top:8px;
}

/*产品块样式：文字+图标列表：上下结构*/
.section_product_block.section_product_block_3_1 .section_product_block_data{
  display: flex;
  flex-flow: wrap;
}
.section_product_block.section_product_block_3_1 .section_product_block_data .item{
  width:267px;
  padding:0 24px;
  margin-right:24px;
  margin-top:40px;
  display:flex;
  flex-flow: column;
  align-items: center;
}
.section_product_block.section_product_block_3_1 .section_product_block_data .item:nth-child(4n){
  margin-right:0;
}
.section_product_block.section_product_block_3_1 .section_product_block_data .item:nth-child(-n+4){
  margin-top:0;
}
.section_product_block.section_product_block_3_1 .section_product_block_data .item_info{
  text-align: center;
  /* #1062: icon-over-text cards — text top margin 10px → 0 (icon_left/right
     variants already override this with their own margin rules). */
  margin-top:0px;
}
.section_product_block.section_product_block_3_1 .section_product_block_data .item_info .item_info_title{
  font-size:20px;
    line-height: 1.6;
	white-space: pre-wrap;
  text-align: center;
  color:#333333;
}
.section_product_block.section_product_block_3_1 .section_product_block_data .item_info .item_info_desc{
  font-size:14px;
  color:#666666;
  line-height:23px;
  /* #1070: tighter title→desc rhythm (was 19px) */
  margin-top:8px;
}
.section_product_block.section_product_block_3_1 .section_product_block_data .item_img{
  width:122px;
  height:122px;
}
.section_product_block.section_product_block_3_1 .section_product_block_data .item_img img{
  width:100%;
  height:100%;
  object-fit: cover;
}

/* #847: icon_cards layout variants — 7 arrangements for icon vs text */
.section_product_block.section_product_block_3_1 .section_product_block_data .item_info .item_info_subtitle{
  font-size:14px;
  color:#666666;
  line-height:1.6;
  margin-top:4px;
}
/* icon_left: icon and text side by side, icon first */
.section_product_block.section_product_block_3_1 .section_product_block_data .item.layout_icon_left{
  flex-direction:row;
  align-items:flex-start;
  text-align:left;
}
.section_product_block.section_product_block_3_1 .section_product_block_data .item.layout_icon_left .item_info{
  text-align:left;
  margin-top:0;
  margin-left:16px;
  flex:1;
}
.section_product_block.section_product_block_3_1 .section_product_block_data .item.layout_icon_left .item_info .item_info_title{
  text-align:left;
}
/* icon_right: text first, icon on the right */
.section_product_block.section_product_block_3_1 .section_product_block_data .item.layout_icon_right{
  flex-direction:row;
  align-items:flex-start;
  text-align:left;
}
.section_product_block.section_product_block_3_1 .section_product_block_data .item.layout_icon_right .item_info{
  text-align:left;
  margin-top:0;
  margin-right:16px;
  flex:1;
  order:1;
}
.section_product_block.section_product_block_3_1 .section_product_block_data .item.layout_icon_right .item_img{
  order:2;
}
.section_product_block.section_product_block_3_1 .section_product_block_data .item.layout_icon_right .item_info .item_info_title{
  text-align:left;
}
/* icon_top: icon above text. #1065 r2: an explicit 图标居上 renders the full
   legacy 3_2 card family — 56px icon, card height (padding), inner spacing,
   soft indigo shadow and hover lift all mirror 3_2 so editing a legacy
   "我们的优势" block never changes its look. The 122px default belongs to the
   legacy 3_1 big-icon cards (no layout_ class, untouched). */
.section_product_block.section_product_block_3_1 .section_product_block_data .item.layout_icon_top .item_img{
  width: auto;
  height: 56px;
  margin-bottom: 18px;
}
.section_product_block.section_product_block_3_1 .section_product_block_data .item.layout_icon_top .item_img img{
  max-height: 100%;
  width: auto;
  object-fit: cover;
}
.section_product_block.section_product_block_3_1 .section_product_block_data .item.layout_icon_top .item_info .item_info_title{
  font-size: 24px;
  line-height: 1.6;
  font-weight: 700;
  text-align: center;
}
.section_product_block.section_product_block_3_1 .section_product_block_data .item.layout_icon_top .item_info .item_info_desc{
  font-size: 16px;
  line-height: 28px;
  color: #666666;
  text-align: center;
  margin-top: 10px;
}
/* card box (only with the card background on): exact 3_2 metrics. The
   .card_style chain below must not override — these selectors carry one more
   class than the generic card_style rules. */
.section_product_block.section_product_block_3_1 .section_product_block_data.card_style .item.layout_icon_top{
  padding: 50px 40px 30px;
  border-radius: 10px;
  box-shadow: 0px 2px 40px 0px rgba(220,226,250,0.5);
  transition: all .2s;
  position: relative;
  top: 0;
}
.section_product_block.section_product_block_3_1 .section_product_block_data.card_style .item.layout_icon_top:hover,
.section_product_block.section_product_block_3_1 .section_product_block_data.card_style.card_shadow.card_hover_shadow .item.layout_icon_top:hover{
  top: -8px;
  box-shadow: 0px 2px 40px 0px rgba(220,226,250,0.5);
}
/* #1067 r3: icon_left mirrors the legacy 3_3 family (left icon + right text
   card) — 56px icon. #1072 r2: the icon size is layout-level so toggling the
   card background off keeps the icon the same size (it used to fall back to
   the legacy 122px default). Card padding/hover stay card-scoped below. */
.section_product_block.section_product_block_3_1 .section_product_block_data .item.layout_icon_left .item_img{
  width:56px;
  height:auto;
  margin-right:22px;
  text-align:center;
}
.section_product_block.section_product_block_3_1 .section_product_block_data .item.layout_icon_left .item_img img{
  max-width:100%;
  height:auto;
  object-fit:cover;
}
.section_product_block.section_product_block_3_1 .section_product_block_data.card_style .item.layout_icon_left{
  padding:40px 34px;
  border-radius:10px;
  box-shadow: 0px 2px 40px 0px rgba(220,226,250,0.5);
  transition: all .2s;
  position: relative;
  top: 0;
}
.section_product_block.section_product_block_3_1 .section_product_block_data.card_style .item.layout_icon_left:hover{
  top: -8px;
  box-shadow: 0px 2px 40px 0px rgba(220,226,250,0.5);
}
/* icon_bottom: text first, icon below */
.section_product_block.section_product_block_3_1 .section_product_block_data .item.layout_icon_bottom{
  flex-direction:column;
  align-items:center;
}
/* icon_below_title / icon_above_desc: icon inside item_info, no item-level override */
.section_product_block.section_product_block_3_1 .section_product_block_data .item.layout_icon_below_title .item_img,
.section_product_block.section_product_block_3_1 .section_product_block_data .item.layout_icon_above_desc .item_img{
  width:80px;
  height:80px;
  margin-top:8px;
}
/* text_only: no icon */
.section_product_block.section_product_block_3_1 .section_product_block_data .item.layout_text_only .item_img{
  display:none;
}

/* #847 r3: icon_cards alignment — left/center for vertical-stack layouts */
.section_product_block.section_product_block_3_1 .section_product_block_data .item.align_left{
  align-items:flex-start;
  text-align:left;
}
.section_product_block.section_product_block_3_1 .section_product_block_data .item.align_left .item_info{
  text-align:left;
}
.section_product_block.section_product_block_3_1 .section_product_block_data .item.align_left .item_info .item_info_title,
.section_product_block.section_product_block_3_1 .section_product_block_data .item.align_left .item_info .item_info_subtitle{
  text-align:left;
}

/* #847 r3: icon_cards card container styling */
.section_product_block.section_product_block_3_1 .section_product_block_data.card_style .item{
  background:#fff;
  border-radius:8px;
  padding:32px 24px;
  box-sizing:border-box;
}
/* #1072: 卡片阴影与"服务"页"开发服务"卡片一致 (was 0 2px 8px rgba(0,0,0,.08)) */
.section_product_block.section_product_block_3_1 .section_product_block_data.card_style.card_shadow .item{
  box-shadow:0px 2px 40px 0px rgba(220,226,250,0.5);
  transition:box-shadow 0.3s ease;
}
.section_product_block.section_product_block_3_1 .section_product_block_data.card_style.card_shadow.card_hover_shadow .item:hover{
  box-shadow:0 4px 20px rgba(0,0,0,0.15);
}

/* ==================== #1072 图标卡片版块重构 ==================== */
/* 主标题字重对齐"服务"页"开发服务"(h2 默认粗体)；次标题保持版块标题样式(500)。
   text_image 的版块主标题(#1073)复用同一组规则。 */
.section_product_block .page_wrapper > .title h2.main_title{
  font-weight:700;
}
.section_product_block .page_wrapper > .title .title_sub{
  font-size:var(--page_title_h2);
  line-height:46px;
  font-weight:500;
}
/* #1073: text_image 并排布局 data_info 内的版块主标题 */
/* #1072 r2: icon_cards only — tighter 24px gutters; feature_cards (and every
   other grid_auto family) keeps the #1062 r3 64px 24px rhythm. The Core
   renderer tags the icon_cards <ul> with .icon_cards. */
.section_product_block .section_product_block_data.grid_auto.icon_cards{
  gap: 24px 24px;
}
/* #1072: 每行卡片数 3/4/6——仅显式选择时锁定列数，未选择保持 grid_auto 自适应 */
.section_product_block.section_product_block_3_1 .section_product_block_data.grid_auto.per_row_3{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.section_product_block.section_product_block_3_1 .section_product_block_data.grid_auto.per_row_4{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.section_product_block.section_product_block_3_1 .section_product_block_data.grid_auto.per_row_6{
  grid-template-columns:repeat(6,minmax(0,1fr));
}
/* #1072: 字段级对齐——标题/副标题/描述独立控制，居中沿用网格默认 */
.section_product_block.section_product_block_3_1 .section_product_block_data .item .item_info .item_info_title.title_align_left,
.section_product_block.section_product_block_3_1 .section_product_block_data .item .item_info .item_info_subtitle.subtitle_align_left,
.section_product_block.section_product_block_3_1 .section_product_block_data .item .item_info .item_info_desc.desc_align_left{
  text-align:left;
}


/*产品块样式：文字+图标列表：上下结构有框*/
.section_product_block.section_product_block_3_2 .section_product_block_data{
  display: flex;
  flex-flow: wrap;
}
.section_product_block.section_product_block_3_2 .section_product_block_data .item{
	width: 267px;
	background-color: #ffffff;
	box-shadow: 0px 2px 40px 0px rgba(220, 226, 250, 0.5);
	border-radius: 10px;
	padding:50px 40px 30px 40px;
	box-sizing: border-box;
	overflow: hidden;
	margin-right: 24px;
	margin-top: 24px;
	display: flex;
	flex-flow: column;
	align-items: center;
	position: relative;
	top:0;
	transition: all .2s;
}
.section_product_block.section_product_block_3_2 .section_product_block_data .item:nth-child(4n){
	margin-right:0;
}
.section_product_block.section_product_block_3_2 .section_product_block_data .item:nth-child(-n+4){
	margin-top:0;
}
.section_product_block.section_product_block_3_2 .section_product_block_data .item .item_img{
	width: auto;
	height: 56px;
	margin-bottom:18px;
	text-align:center;
}
.section_product_block.section_product_block_3_2 .section_product_block_data .item .item_img img{
	max-height: 100%;
	object-fit:cover;
}
.section_product_block.section_product_block_3_2 .section_product_block_data .item .item_info{
  flex:1;
}
.section_product_block.section_product_block_3_2 .section_product_block_data .item .item_info_title{
  font-size: 24px;
    line-height: 1.6;
	white-space: pre-wrap;
  font-weight: 700;
  text-align: center;
}
.section_product_block.section_product_block_3_2 .section_product_block_data .item .item_info_desc{
  box-sizing: border-box;
  font-size: 16px;
  line-height: 28px;
  color: #666666;
  text-align: justify;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  margin-top:10px;
}
.section_product_block.section_product_block_3_2 .section_product_block_data .item:hover{
  top:-8px;
}
/*产品块样式：文字+图标列表：左右结构有框*/
.section_product_block.section_product_block_3_3 .section_product_block_data{
  display: flex;
  flex-flow: wrap;
}
.section_product_block.section_product_block_3_3 .section_product_block_data .item{
	width: 364px;
	background-color: #ffffff;
	box-shadow: 0px 2px 40px 0px rgba(220, 226, 250, 0.5);
	border-radius: 10px;
	padding:40px 34px;
	box-sizing: border-box;
	overflow: hidden;
	margin-right: 24px;
	margin-top: 24px;
	display: flex;
	position: relative;
	top:0;
	transition: all .2s;
}
.section_product_block.section_product_block_3_3 .section_product_block_data .item:nth-child(3n){
	margin-right:0;
}
.section_product_block.section_product_block_3_3 .section_product_block_data .item:nth-child(-n+3){
	margin-top:0;
}
.section_product_block.section_product_block_3_3 .section_product_block_data .item .item_img{
	width: 56px;
	height: auto;
	margin-right:22px;
	text-align:center;
}
.section_product_block.section_product_block_3_3 .section_product_block_data .item .item_img img{
	max-width: 100%;
	object-fit:cover;
}
.section_product_block.section_product_block_3_3 .section_product_block_data .item .item_info{
  flex:1;
}
.section_product_block.section_product_block_3_3 .section_product_block_data .item .item_info_title{
  font-size: 24px;
    line-height: 1.6;
	white-space: pre-wrap;
  font-weight: 700;
}
.section_product_block.section_product_block_3_3 .section_product_block_data .item .item_info_desc{
  box-sizing: border-box;
  font-size: 16px;
  line-height: 28px;
  color: #666666;
  text-align: justify;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  margin-top:10px;
}
.section_product_block.section_product_block_3_3 .section_product_block_data .item:hover{
  top:-8px;
}

/*产品块样式：文字+图标列表：上下结构，左三图标右大图*/
.section_product_block.section_product_block_3_4 .section_product_block_data_box{
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
}
.section_product_block.section_product_block_3_4 .section_product_block_data{
  display: flex;
  flex-flow: wrap;
  width:558px;
}
.section_product_block.section_product_block_3_4 .section_product_block_data .item{
  width:170px;
  margin-right:24px;
  margin-top:40px;
  display:flex;
  flex-flow: column;
  align-items: center;
}
.section_product_block.section_product_block_3_4 .section_product_block_data .item:nth-child(3n){
  margin-right:0;
}
.section_product_block.section_product_block_3_4 .section_product_block_data .item:nth-child(-n+3){
  margin-top:0;
}
.section_product_block.section_product_block_3_4 .section_product_block_data .item_info{
  text-align: center;
  margin-top:10px;
}
.section_product_block.section_product_block_3_4 .section_product_block_data .item_info .item_info_title{
  font-size:16px;
    line-height: 1.6;
	white-space: pre-wrap;
  text-align: center;
  color:#333333;
}
.section_product_block.section_product_block_3_4 .section_product_block_data .item_info .item_info_desc{
  font-size:14px;
  color:#666666;
  line-height:21px;
  margin-top:19px;
}
.section_product_block.section_product_block_3_4 .section_product_block_data .item_img{
  width:122px;
  height:122px;
}
.section_product_block.section_product_block_3_4 .section_product_block_data .item_img img{
  width:100%;
  height:100%;
  object-fit: cover;
}
.section_product_block.section_product_block_3_4 .section_product_block_data_box .section_product_block_data_box_right{
	display:flex;
	justify-content:center;
	flex:1;
}
.section_product_block.section_product_block_3_4 .section_product_block_data_box .section_product_block_data_box_right img{
	max-width: 100%;
}
/*#860 产品块样式：图卡组合：卡片列表+大图左右双栏（左卡右图）*/
.section_product_block.section_product_block_3_4 .section_product_block_data_dual{
  display:flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}
.section_product_block.section_product_block_3_4 .section_product_block_data_dual.spec_dual_image_left{
  flex-flow: row-reverse;
}
.section_product_block.section_product_block_3_4 .section_product_block_data_dual .data_dual_img{
  flex:1;
  display:flex;
  justify-content:center;
}
.section_product_block.section_product_block_3_4 .section_product_block_data_dual .data_dual_img img{
  max-width: 100%;
  height:auto;
}


/*产品块样式：文字+图标列表：上下结构，一行5个*/
.section_product_block.section_product_block_3_5 .section_product_block_data{
  display: flex;
  flex-flow: wrap;
}
.section_product_block.section_product_block_3_5 .section_product_block_data .item{
  width:208px;
  margin-right:24px;
  margin-top:40px;
  display:flex;
  flex-flow: column;
  align-items: center;
}
.section_product_block.section_product_block_3_5 .section_product_block_data .item:nth-child(5n){
  margin-right:0;
}
.section_product_block.section_product_block_3_5 .section_product_block_data .item:nth-child(-n+5){
  margin-top:0;
}
.section_product_block.section_product_block_3_5 .section_product_block_data .item_info{
  text-align: center;
  margin-top:10px;
}
.section_product_block.section_product_block_3_5 .section_product_block_data .item_info .item_info_title{
  font-size:20px;    
    line-height: 1.6;
	white-space: pre-wrap;
  text-align: center;
  color:#333333;
}
.section_product_block.section_product_block_3_5 .section_product_block_data .item_info .item_info_desc{
  font-size:14px;
  color:#666666;
  line-height:23px;
  /* #1075: tighter title→desc rhythm, aligned with the feature_cards family */
  margin-top:8px;
}
/* #1075: larger image (was 80×80) — max-width 211px, height scales with the
   intrinsic aspect ratio instead of a fixed square. */
.section_product_block.section_product_block_3_5 .section_product_block_data .item_img{
  max-width:211px;
  height:auto;
}
.section_product_block.section_product_block_3_5 .section_product_block_data .item_img img{
  width:100%;
  height:auto;
  object-fit: cover;
}
/* #1075: fixed 4-per-row track (grid_auto auto-fit resolves to 5 columns in
   the 1200px wrapper). */
.section_product_block.section_product_block_3_5 .section_product_block_data.grid_auto{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}


/*产品块样式：文字+图片列表：上下结构*/

.section_product_block.section_product_block_4_1 .section_product_block_data{
  display: flex;
  flex-flow: wrap;
}
.section_product_block.section_product_block_4_1 .section_product_block_data .item{
  width:267px;
  margin-right:24px;
  margin-top:40px;
  display:flex;
  flex-flow: column;
  align-items: center;
}
.section_product_block.section_product_block_4_1 .section_product_block_data .item:nth-child(4n){
  margin-right:0;
}
.section_product_block.section_product_block_4_1 .section_product_block_data .item:nth-child(-n+4){
  margin-top:0;
}
.section_product_block.section_product_block_4_1 .section_product_block_data .item_info{
  text-align: center;
  margin-top:10px;
}
.section_product_block.section_product_block_4_1 .section_product_block_data .item_info .item_info_title{
  font-size:20px;
  text-align: center;
  color:#333333;
}
.section_product_block.section_product_block_4_1 .section_product_block_data .item_info .item_info_desc{
  font-size:14px;
  color:#666666;
  line-height:21px;
  margin-top:19px;
}
.section_product_block.section_product_block_4_1 .section_product_block_data .item_img{
  max-width:100%;
}
.section_product_block.section_product_block_4_1 .section_product_block_data .item_img img{
  width:100%;
  height:100%;
  object-fit: cover;
}



.section_product_contact{

}
.section_product_contact .section_product_contact_data{
  text-align: center;
}
.section_product_contact .section_product_contact_data .data_title{
  font-size:32px;
  line-height: 33px;
  color:#262626;
}
.section_product_contact .section_product_contact_data .data_title2{
  font-size:16px;
  line-height: 1.6;
  color:#666666;
  margin-top:10px;
}
.section_product_contact .section_product_contact_data .data_btn{
  height: 44px;
  line-height: 44px;
  padding:0 40px;
	border-radius: 4px;
	border: solid 1px #3d71ff;
  font-size:16px;
  color:#3d71ff;
  margin-top:48px;
}
.section_product_contact .section_product_contact_data .data_btn:hover{
	background-color: #3d71ff;
  color:#ffffff;
}

.wxqrcode_panel .item{
	max-width:256px;
}
.wxqrcode_panel .item .item_img{
	max-width:100%;
}

.wxqrcode_panel .item .item_img img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.wxqrcode_panel .item .item_title{
	font-size:12px;
	margin-top:15px;
	text-align:center;
}

@media (min-width: 768px){
  #solution .swiper-slide > div:hover *{
    display: flex !important;
  }
  #solution .swiper-slide.swiper-slide-active > div:hover::before{
    background-color: rgba(0, 0, 0, .6);
    border-radius: 10px;
  }
  
}
@media (max-height: 768px){
  :root{
    /* --colums: 0.8; */
  }
}
@media (max-width: 1920px){
  #home .home_bg::before{
    background-position: calc((1920px - 100vw) * 0.8) 0;
  }
}
@media (max-width: 1350px){
  header nav.navbar{
    margin: 0 40px;
  }
  #home .home_bg > span{
    display: none;
  }
  #home .home_bg::before,
  #home .content_text::after,
  #home .content_text::before,
  #home .imgs::before,
  #home .imgs::after{
      content: none;
  }
  .page_wrapper{
    /* width: calc(100% - .8rem);
    margin: 0 .4rem;
    padding-top: 1.9rem; */
    width: 100%;
    margin: 0;
    padding: 1.9rem .4rem .75rem;
  }
}
@media (max-width: 1060px){
  #home div[data-page="1"] .content_text h1,
  #home div[data-page="1"] .content_text h2{
    width: calc(100% - var(--home_content_bg_img_1_w));
  }
  #home div[data-page="2"] .content_text h1,
  #home div[data-page="2"] .content_text h2{
    width: calc(100% - var(--home_content_bg_img_2_w));
  }
  
  #services > .page_wrapper > .examples > li{
    margin-bottom: .52rem;
  }
  
  
}
@media (max-width: 875px){
  #home .content_text{
    justify-content: flex-start;
  }
  #home .swiper-wrapper .swiper-slide .content_text h1,
  #home .swiper-wrapper .swiper-slide .content_text h2{
    margin-top: .6rem;
    width: calc(100% - .6rem);
  }
  #home .imgs{
    width: 100%;
    align-items: flex-end;
    z-index: 1;
  }
  #home .swiper-wrapper  div[data-page="1"] .content_text img{
    position: absolute;
    bottom: -3vw;
  }
  #solution .banner_title{
    display: block;
  }
}
@media (max-width: 768px){
  @font-face {
    font-family: 'siyuanMake';
    font-display: swap;
    src: url('../font/siyuanMake.eot'); /* IE9*/
    src: url('../font/siyuanMake.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/siyuanMake.woff2') format('woff2'),
    url('../font/siyuanMake.woff') format('woff'), /* chrome、firefox */
    url('../font/siyuanMake.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../font/siyuanMake.svg#after') format('svg'); /* iOS 4.1- */
  }
  .web_panel{
    display: none!important;
  }
  .mobile_panel{
    display:block!important;
  }
  header nav.navbar:not(.page) .navbar_logo{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  header nav.navbar .navbar_logo a img{
    width: 14.5vw;
    height:  auto;
  }
  header nav.navbar .navbar_nav{
    display: none!important;
  }
  header nav.navbar{
    justify-content: space-between;
  }
  header nav.navbar > .identifier{
    display: flex;
	flex-flow:column;
  }
  header nav.navbar > .menu-button{
    display: block;
  }
  .section_panel .panel_con{
	font-size:3.7333vw;
	padding: 6vw;
    border-radius: 4vw;
  }
  #home .swiper-wrapper .swiper-slide .content_text img{
    position: initial;
    width: auto;
    height: 35.8vh;
  }
  #services > .page_wrapper > .examples > li{
    width: 44vw;
    margin-bottom: 5vw;
    padding:8.8vw 0!important;
  }
  #services > .page_wrapper > .examples > li > img{
    height: 13.3333vw;
    margin-bottom:7.3333vw;
  }
  #services > .page_wrapper > .examples > li:nth-child(2) > img{
    position: relative;
  }
  #services > .page_wrapper > .examples > li .examples_item_title{
    font-size: 4.8vw;
	line-height:1.4;
    width: 100%;
    text-align: center;
    margin: 0;
  }
  #services > .page_wrapper > .examples > li .examples_item_desc{
    font-size:3.7333vw;
    padding:4vw;
    line-height: 5.2vw;
    margin:0;
  }
  #services > .page_wrapper > .examples{
    margin-top: 9vw;
  }
	#solution .banner .swiper-box{
		overflow:inherit;
	}
	#solution .banner .swiper-box .swiper-container{
		overflow:inherit;
	}
  .page_wrapper{
    overflow-x: hidden;
    overflow-y: scroll;
  }
  .page_wrapper > .title{
    text-align: center;
    margin-bottom:8vw;
  }
  .page_wrapper > .title > h2{
    font-size:5.3333vw;
  }
  /* #1072/#1073: main/sub title pair scales with the mobile h2; per-row
     locks release back to the adaptive grid so 6 columns never squeeze. */
  .page_wrapper > .title > .title_sub{
    font-size:5.3333vw;
    line-height:1.6;
  }
  .section_product_block.section_product_block_3_1 .section_product_block_data.grid_auto.per_row_3,
  .section_product_block.section_product_block_3_1 .section_product_block_data.grid_auto.per_row_4,
  .section_product_block.section_product_block_3_1 .section_product_block_data.grid_auto.per_row_6{
    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
  }
  .page_wrapper > .title > p{
    font-size: 3.7333vw;
    margin-top: 5vw;
    text-align: center;
	line-height:5.6vw;
  }
  .en .page_wrapper > .title > p{
    font-size: 3.8vw;
  }
  #services > .page_wrapper > .examples > li > div > h3{
    font-size: 3.8vw;
  }
  #services > .page_wrapper > .examples > li > div > p{
    font-size: 3.2vw;
    margin-top: 2vw;
    line-height:1.5;
  }
  .en #services > .page_wrapper > .examples > li > div > p{
    text-align: left;
  }
  #solution > .page_wrapper > .banner .swiper-slide{
    padding:5vw 0 25.6vw;
  }
  #solution .banner .swiper-container{
  }
  #solution .swiper-pagination{
    margin-top: 4.5vw;
    width: 100%;
  }
  #services > .page_wrapper > .examples_youshi{
    flex-flow: column;
    margin-top:10.6666vw;
  }
  #services > .page_wrapper > .examples_youshi .examples_youshi_left{
    text-align: center;
    margin-bottom:8vw;
	margin-right:0;
  }
  #services > .page_wrapper > .examples_youshi .examples_youshi_left .examples_youshi_left_desc p{
	  margin-bottom:4vw;
	  font-size:3.7333vw;
  }
  #services > .page_wrapper > .examples_youshi .examples_youshi_left .examples_youshi_left_title{
    font-size:5.3333vw;
    margin-bottom:5.3333vw;
  }
  #services > .page_wrapper > .examples_youshi .examples_youshi_left .examples_youshi_left_desc{
    font-size:3.7333vw;
    font-weight: 300;
  }
  #services > .page_wrapper > .examples_youshi .examples_youshi_right .item{
    width: 28.2666vw;
    height: auto;
    padding:8vw 3vw;
    margin-left:3.3333vw;
  }
  #services > .page_wrapper > .examples_youshi .examples_youshi_right .item::before{
    background-size: auto 44.8vw;
  }
  #services > .page_wrapper > .examples_youshi .examples_youshi_right .item .item_title{
    font-size: 4.8vw;
    text-align: center;
    font-weight:700;
  }
  #services > .page_wrapper > .examples_youshi .examples_youshi_right .item .item_title::before{
    left:-3vw;
    width:1.0644vw;
    height:6.4vw;
  }
  #services > .page_wrapper > .examples_youshi .examples_youshi_right .item.active{
    width: 58.6666vw;
  }
  #services > .page_wrapper > .examples_youshi .examples_youshi_right .item.active .item_desc{
    width:100%;
    font-size:3.7333vw;
    margin-top:4vw;
    line-height: 5.2vw;
  }
  #case .exhibition .item{
    width:44vw;
    height:42.6666vw;
    margin-right:3.4666vw;
    margin-top:3.2vw;
  }
  #case .exhibition .item:nth-child(2n){
    margin-right:0;
  }
  #case .exhibition .item:nth-child(-n+4){
    margin-top:3.2vw;
  }
  #case .exhibition .item:nth-child(-n+2){
    margin-top:0;
  }
  #case .exhibition .item .item_img{
    height:33.2vw;
  }
  #case .exhibition .item .item_title{
    line-height: 9.6vw;
	font-size:3.7333vw;
	padding:0 4vw;
  }
  #case .exhibition .item .item_info{
    padding:4vw;
  }
  #case .exhibition .item .item_info .item_info_title{
    font-size:5.3333vw;
    margin-bottom:4vw;
  }
  #case .exhibition .item .item_info .item_info_desc{
    font-size:3.7333vw;
    line-height:4.8vw;
  }
  #case .exhibition .item .item_info .item_info_tag{
    padding-left:2.4vw;
  }
  #case .exhibition .item .item_info .item_info_tag .item_info_tag_one{
    font-size:3.7333vw;
    margin-right:2vw;
  }
  #case .exhibition_more{
    margin-top:10.6666vw;
  }
  #case .exhibition_more .exhibition_more_btn{
    width:26.6666vw;
    height:9.0666vw;
    line-height:9.0666vw;
    font-size:3.2vw;
  }
  #article .article_box .item{
    width:44vw;
    height:29.6vw;
    margin-right:3.4666vw;
    margin-top:3.4666vw;
    padding:3.2vw 2.6666vw;
  }
  #article .article_box .item:nth-child(2n){
    margin-right: 0;
  }
  #article .article_box .item:nth-child(-n+2){
    margin-top:0;
  }
  #article .article_box .item .item_title{
    font-size:3.2vw;
    height:3vw;
    line-height:3.2vw;
    margin-bottom:3.2vw;
    -webkit-line-clamp:1;
  }
  #article .article_box .item .item_desc .item_desc_text{
    font-size:2.6666vw;
    line-height: 3.8vw;
  }
  #article .article_box .item .item_time{
    font-size:2.6666vw;
  }

  .section_banner .swiper-slide{
    height: 56.2666vw;
  }
  .section_banner .content_text{
	  margin: 0;
	  max-width:80vw;
  }
  .section_banner .content_text h1{
    font-size:8vw;
    line-height: 1.4;
  }
  .section_banner .content_text h2{
    font-size:4vw;
    line-height: 1.4;
    margin-top:6vw;
  }
  
	.section_nav .page_wrapper{
		overflow-x:auto;
	}
	.section_nav .section_nav_data{
		width: max-content;
		flex-wrap:nowrap;
	}
	.section_nav .section_nav_data .item{
		margin:0 4vw;
	}
	.section_mbx .page_wrapper{
		padding:4.2666vw;
	}
	.section_mbx .section_mbx_data .item{
		font-size: 3.2vw;
	}
	.section_case_data .item{
		width: 100%;
		height:auto;
		margin-right:0;
		margin-bottom:3.2vw;
	}
	.section_case_data .item .item_img{
		height: 68.9333vw;
	}
	.section_case_data .item .item_info{
		height: 15.4666vw;
		padding:0 4.2666vw;
	}
	.section_case_data .item .item_info .item_title{
		font-size:5.3333vw;
	}
	.page_wrapper .msg_tip{
		margin-top:2.6666vw;
		font-size: 2.6666vw;
	}
	.case_data_panel .panel_con .img{
		width:100vw;
		height: auto;
	}
	.case_data_panel .prev_next_con{
		padding:0;
	}
	.case_data_panel .prev_next_con .item{
		width:12vw;
		height:12vw;
	}
	.case_data_panel .close_btn{
		width:10vw;
		height:10vw;
		top:10vw;
		right:10vw;
	}
	.case_data_panel .panel_con .con_btm{
		padding: 8vw 4.2666vw;
	}
	.case_data_panel .panel_con .con_btm .info .info_title{
		font-size:5.3333vw;
		margin-bottom:3vw;
	}
	.case_data_panel .panel_con .con_btm .info .info_desc{
		font-size:3.7333vw;
		line-height:4.8vw;
	}
	.case_data_panel .panel_con .con_btm .info .info_tags{
		padding-left:2vw;
		margin-top:4vw;
	}
	.case_data_panel .panel_con .con_btm .info .info_tags span{
		font-size:3.2vw;
		margin-right:3.2vw;
	}
	
	.section_article .page_wrapper .page_wrapper_left{
		margin-right:0;
		width:100%;
	}
	.section_article .section_article_data .item{
		padding: 4vw 0;
		min-height: 23.2vw;
	}
	.section_article .section_article_data .item .item_img{
		width: 30.9333vw;
		height: 23.2vw;
		margin-right: 2.6666vw;
	}
	.section_article .section_article_data .item .item_info .item_title{
		font-size: 4.2666vw;
		line-height:4.8vw;
		font-weight:700;
		margin-bottom: 2vw;
	}
	.section_article .section_article_data .item .item_img+.item_info{
		width: calc(100% - 33.5999vw);
	}
	.section_article .section_article_data .item .item_img+.item_info .item_title{
		white-space:nowrap;
		text-overflow: ellipsis;
		overflow:hidden;
	}
	.section_article .section_article_data .item .item_info .item_desc .item_desc_text{
		font-size: 3.7333vw;
		height: 8vw;
		line-height: 4.2vw;
	}
	.section_article .section_article_data .item .item_info .item_time{
		font-size: 3.2vw;
		margin-top: 2vw;
	}
	.section_article .page_wrapper .page_wrapper_right{
		display:none;
	}
	
	.section_article_detail_data .item_title{
		font-size:5.3333vw;
		line-height:6.8vw;
	}
	.section_article_detail_data .item_time{
		font-size:3.2vw;
		margin-top: 3.2vw;
	}
	.section_article_detail_data .item_content{
		margin-top:6vw;
	}
	.section_article_detail_data .item_content *{
		font-size:3.7333vw;
		line-height:5.6vw;
	}
	
	
	.section_case.section_case_detail{
		
	}
	
	.section_case.section_case_detail .page_wrapper .page_wrapper_left{
		margin-right:0;
		width:100%;
	}
	.section_case.section_case_detail .page_wrapper .page_wrapper_right{
		display:none;
	}
	.section_case_detail_data .item_content{
		margin-top:6vw;
	}
	.section_case_detail_data .item_content *{
		font-size:3.7333vw;
		line-height:5.6vw;
	}
	
	.section_company_desc_data{
		padding: 0 6vw;
	}
	.section_company_desc_data p{
		font-size: 3.7333vw;
		line-height: 5.6vw;
		margin-bottom:6vw;
	}
	.section_company_wenhua .section_company_wenhua_data .item{
		width:100%;
		height:30.1333vw;
		margin-right:0;
		margin-bottom: 3.2vw;
	}
	.section_company_wenhua .section_company_wenhua_data .item:last-child{
		margin-bottom:0;
	}
	.section_company_wenhua .section_company_wenhua_data .item .item_title{
		font-size: 4.2666vw;
		margin-bottom: 2.0666vw;
	}
	.section_company_wenhua .section_company_wenhua_data .item .item_desc{
		font-size:3.7333vw;
	}
	.section_company_linian .section_company_linian_data .item{
		width:100%;
		height: 53.3333vw;
		margin-right:0;
		margin-bottom:3.2vw;
		padding: 7.6vw 9.2vw 9.2vw 9.2vw;
	}
	.section_company_linian .section_company_linian_data .item:last-child{
		margin-bottom:0;
	}
	.section_company_linian .section_company_linian_data .item::before{
		height: 18.1333vw;
		background-size:auto 12.1333vw;
	}
	.section_company_linian .section_company_linian_data .item .item_title{
		font-size:4.2666vw;
		margin-bottom:2.6w;
	}
	.section_company_linian .section_company_linian_data .item .item_desc{
		font-size: 3.7333vw;
		line-height:5.6vw;
	}
	.section_company_rongyu_data{
		padding: 7.4666vw;
	}
	.section_company_rongyu_data .section_company_rongyu_data_box1{
		margin-bottom:0;
	}
	.section_company_rongyu_data .section_company_rongyu_data_box1 .item{
		width: 24.2666vw;
		height: 16.1333vw;
		margin-right: 1.8666vw;
		margin-bottom: 2.1333vw;
	}
	.section_company_rongyu_data .section_company_rongyu_data_box1 .item:nth-child(3n){
		margin-right:0;
	}
	.section_company_rongyu_data .section_company_rongyu_data_box2 .item{
		width: 11.3333vw;
		height: 15.4666vw;
		margin-right:1.6333vw;
		margin-top: 2.1333vw;
	}
	.section_company_rongyu_data .section_company_rongyu_data_box2 .item:nth-child(6n){
		margin-right:0;
	}
	.section_company_rongyu_data .section_company_rongyu_data_box2 .item:nth-child(-n+12){
		margin-top: 2.1333vw;
	}
	.section_company_rongyu_data .section_company_rongyu_data_box2 .item:nth-child(-n+6){
		margin-top: 0vw;
	}
	
	.section_company_hezuo .page_wrapper_box{
		height:56.2666vw;
		background-size: auto 100%;
	}
	.section_company_hezuo .section_company_hezuo_data{
		width:100%;
		padding: 5.3333vw;
	}
	.section_company_hezuo .section_company_hezuo_data .data_title{
		font-size: 5.3333vw;
		margin-bottom:3.2vw;
	}
	.section_company_hezuo .section_company_hezuo_data .data_desc{
		font-size: 3.7333vw;
		line-height:6.4vw;
	}
	.section_company_hezuo .section_company_hezuo_data .data_btn{
		margin-top:4vw;
		color:#ffffff;
		background:none;
	}
	.section_company_lianxifangshi .section_company_lianxifangshi_data{
		flex-flow:wrap;
	}
	.section_company_lianxifangshi .section_company_lianxifangshi_data .item{
		width:44vw;
		height:50.6666vw;
		margin-right: 3.4666vw;
		margin-bottom: 3.2vw;
	}
	.section_company_lianxifangshi .section_company_lianxifangshi_data .item:nth-child(2n){
		margin-right:0;
	}
	.section_company_lianxifangshi .section_company_lianxifangshi_data .item::before{
		height: 8.8vw;
		background-size: auto 8.8vw;
		margin-bottom:5.8666vw;
	}
	.section_company_lianxifangshi .section_company_lianxifangshi_data .item .item_title{
		font-size: 4.8vw;
		margin-bottom: 3.2vw;
	}
	.section_company_lianxifangshi .section_company_lianxifangshi_data .item .item_desc{
		font-size:3.2vw;
		line-height:5.6vw;
	}
	.section_company_lianxifangshi .section_company_lianxifangshi_data .item.item_qrcode{
		padding: 6.4vw 5.3333vw 0 5.3333vw;
	}
	.section_company_lianxifangshi .section_company_lianxifangshi_data .item.item_qrcode .item_img{
		width: 32.1333vw;
		height: 32.1333vw;
	}
	.section_company_lianxifangshi .section_company_lianxifangshi_data .item.item_qrcode .item_info .item_desc{
		margin-top:2vw;
	}
	.section_company_join .section_company_join_data .data_title{
		font-size: 5.3333vw;
		font-weight: 700;
	}
	.section_company_join .section_company_join_data .data_btn{
		margin-top:8vw;
		background:none;
		color: #3d71ff;
	}
	.section_develop .section_develop_data .item{
		width: 100%;
		margin-right:0;
		margin-top: 3.2vw;
	}
	.section_develop .section_develop_data .item:nth-child(-n+3){
		margin-top: 3.2vw;
	}
	.section_develop .section_develop_data .item{
		height: auto;
		padding:7.4666vw 4.2666vw;
	}
	.section_develop .section_develop_data .item::before{
		width: 17.0666vw;
		background-size:12.8vw auto;
	}
	.section_develop .section_develop_data .item .item_title{
		font-size:4.2666vw;
		margin-bottom:3vw;
	}
	.section_develop .section_develop_data .item .item_desc{
		font-size:3.7333vw;
		line-height:5.6vw;
	}
	.section_service_weihu .section_service_weihu_data .item{
		width:44vw;
		padding:10.6666vw 5.666vw;
		margin-right: 3.4666vw;
		margin-top:3.2vw;
	}
	.section_service_weihu .section_service_weihu_data .item:nth-child(2n){
		margin-right:0;
	}
	.section_service_weihu .section_service_weihu_data .item:nth-child(-n+2){
		margin-top:0;
	}
	.section_service_weihu .section_service_weihu_data .item::before{
		height: 17.4666vw;
	}
	.section_service_weihu .section_service_weihu_data .item .item_title{
		font-size: 5.3333vw;
	}
	.section_service_youshi .section_service_weihu_data .item .item_desc{
		font-size: 3.2vw;
		line-height:4.6vw;
	}
	.section_service_youshi .section_service_youshi_data .item{
		width:44vw;
		margin-right: 3.4666vw;
		margin-top:3.2vw;
		padding:9.6vw 7.2vw;
	}
	.section_service_youshi .section_service_youshi_data .item:nth-child(2n){
		margin-right:0;
	}
	.section_service_youshi .section_service_youshi_data .item .item_title{
		font-size:4.8vw;
		height:14.0666vw;
	}
	.section_service_youshi .section_service_youshi_data .item .item_desc .item_desc_text{
		font-size: 3.2vw;
		line-height:4.6vw;
	}
	.section_service_yunyin .section_service_yunyin_data_box{
		padding: 9.3333vw 4.6666vw;
	}
	.section_service_yunyin .section_service_yunyin_data_box .box_desc{
		font-size: 3.7333vw;
		line-height: 6.4vw;
		padding:0 1.8666vw;
	}
	.section_service_yunyin .section_service_yunyin_data .item{
		width: 38.6333vw;
		margin-right:3.3333vw;
		padding:8vw 8vw 5.6vw 0;
	}
	.section_service_yunyin .section_service_yunyin_data .item:nth-child(2n){
		margin-right:0;
	}
	.section_service_yunyin .section_service_yunyin_data .item:last-child{
		width: 38.6333vw;
		padding:8vw 8vw 0 2.1333vw;
	}
	.section_service_yunyin .section_service_yunyin_data .item .item_title{
		font-size: 3.7333vw;
		line-height: 4.4vw;
		min-height: 8.8vw;
		margin-bottom:2vw;
	}
	.section_service_yunyin .section_service_yunyin_data .item .item_desc > p{
		font-size:2.8vw;
		line-height: 4.4vw;
		padding-left: 5.0666vw;
		margin-bottom: 1.8vw;
		background-size: 3.0666vw;
	}
	.section_product_block .page_wrapper{
		width: 100vw;
		padding-top: 10.6666vw;
	}
	.section_product_block .page_wrapper > .title{
		margin-bottom:8vw;
	}
	.section_product_block .page_wrapper > .title h2{
		line-height: 6.4vw;
	}
	.section_product_block .page_wrapper > .title p{
		line-height: 4.6vw;
	}
	.section_product_block .page_wrapper > .title h2+p{
		margin-top:2vw;
	}
	.section_product_block .section_product_block_data .data_info .data_info_title{
		font-size: 5.3333vw;
		line-height: 6.4vw;
		margin-bottom:5.3333vw;
	}
	.section_product_block .section_product_block_data .data_info .data_info_title2{
		font-size: 4.2666vw;
		line-height: 5.6vw;
	}
	.section_product_block .section_product_block_data .data_info .data_info_desc{
		font-size:3.7333vw;
		line-height:6.2vw;
	}
	.section_product_block.section_product_block_1_1 .section_product_block_data .data_info+.data_img{
		margin-top: 8vw;
	}
	.section_product_block.section_product_block_1_1 .section_product_block_data{
		padding-left: 6.6666vw;
		padding-right: 6.6666vw;
	}
	.section_product_block.section_product_block_1_1 .section_product_block_data .data_info .data_info_title{
		text-align:center;
	}
	.section_product_block.section_product_block_1_1 .section_product_block_data .data_info .data_info_title2{
		text-align:left;
	}
	.section_product_block.section_product_block_1_1 .section_product_block_data .data_info .data_info_desc{
		text-align:left;
	}
	.section_product_block.section_product_block_1_2 .section_product_block_data{
		padding-left: 6.6666vw;
		padding-right: 6.6666vw;
	}
	.section_product_block.section_product_block_1_2 .section_product_block_data .data_info .data_info_title{
		text-align:center;
	}
	.section_product_block.section_product_block_1_2 .section_product_block_data .data_info .data_info_title2{
		text-align:left;
	}
	.section_product_block.section_product_block_1_2 .section_product_block_data .data_info .data_info_desc{
		text-align:left;
	}
	.section_product_block.section_product_block_1_3 .section_product_block_data{
		flex-flow: column;
		padding-left: 6.6666vw;
		padding-right: 6.6666vw;
	}
	.section_product_block.section_product_block_1_3 .section_product_block_data .data_info{
		margin-right:0;
		text-align:center;
	}
	.section_product_block.section_product_block_1_3 .section_product_block_data .data_info .data_info_title{
		text-align:center;
	}
	.section_product_block.section_product_block_1_3 .section_product_block_data .data_info .data_info_title2{
		text-align:left;
	}
	.section_product_block.section_product_block_1_3 .section_product_block_data .data_info .data_info_desc{
		font-size:3.7333vw;
		text-align:left;
	}
	.section_product_block.section_product_block_1_3 .section_product_block_data .data_info+.data_img{
		margin-top: 8vw;
	}
	.section_product_block.section_product_block_1_4 .section_product_block_data{
		flex-flow: column;
		padding-left: 6.6666vw;
		padding-right: 6.6666vw;
	}
	.section_product_block.section_product_block_1_4 .section_product_block_data .data_info{
		margin-left:0;
		text-align:center;
	}
	.section_product_block.section_product_block_1_4 .section_product_block_data .data_info .data_info_title{
		text-align:center;
	}
	.section_product_block.section_product_block_1_4 .section_product_block_data .data_info .data_info_title2{
		text-align:left;
	}
	.section_product_block.section_product_block_1_4 .section_product_block_data .data_info .data_info_desc{
		font-size:3.7333vw;
		text-align:left;
	}
	.section_product_block.section_product_block_1_4 .section_product_block_data .data_info+.data_img{
		margin-top: 8vw;
	}
	
	.section_product_block.section_product_block_2_1 .section_product_block_data .swiper-container{
		width:90vw;
		margin:0;
	}
	.section_product_block.section_product_block_2_1 .section_product_block_data .item_img{
		width: 35.6vw;
		height: 47.4666vw;
	}
	.section_product_block.section_product_block_2_1 .section_product_block_data .item_info .item_info_title{
		font-size:3.2vw;
	}
	/* #1074: carousel desc had no mobile override (inherited the 20px desktop
	   size); match the feature_cards mobile rhythm like the title above. The
	   title override is re-declared because the desktop #1074 rule (7-class
	   selector) would otherwise out-rank the 3.2vw rule above it. */
	.section_product_block.section_product_block_2_1 .section_product_block_data .item .item_img + .item_info .item_info_title{
		font-size:3.2vw;
	}
	.section_product_block.section_product_block_2_1 .section_product_block_data .item .item_img + .item_info .item_info_desc{
		font-size:2.4vw;
		line-height: 3.7vw;
		margin-top:2vw;
	}
	
	.section_product_block.section_product_block_3_1 .section_product_block_data .item{
		width: 43.78666vw;
		margin-top:6.2vw!important;
		margin-right: 3.7333vw;
	}
	.section_product_block.section_product_block_3_1 .section_product_block_data .item:nth-child(2n){
		margin-right:0;
	}
	.section_product_block.section_product_block_3_1 .section_product_block_data .item_img{
		width:19.4666vw;
		height:19.4666vw;
	}
	.section_product_block.section_product_block_3_1 .section_product_block_data .item_info .item_info_title{
		font-size:3.2vw;
	}
	.section_product_block.section_product_block_3_1 .section_product_block_data .item_info .item_info_desc{
		font-size:2.4vw;
		line-height: 3.7vw;
		margin-top:2vw;
	}
	.section_product_block.section_product_block_3_4 .section_product_block_data_box{
		flex-flow:column;
	}
	.section_product_block.section_product_block_3_4 .section_product_block_data .item{
		width: 43.78666vw;
		margin-top:6.2vw!important;
		margin-right: 3.7333vw;
	}
	.section_product_block.section_product_block_3_4 .section_product_block_data .item:nth-child(2n){
		margin-right:0;
	}
	.section_product_block.section_product_block_3_4 .section_product_block_data_box .section_product_block_data_box_right{
		margin-top:5.6vw;
	}
	/*#860 移动端：图卡组合双栏改纵向堆叠（图片在下）*/
	.section_product_block.section_product_block_3_4 .section_product_block_data_dual{
		flex-flow: column;
	}
	.section_product_block.section_product_block_3_4 .section_product_block_data_dual.spec_dual_image_left{
		flex-flow: column;
	}
	.section_product_block.section_product_block_3_4 .section_product_block_data_dual .data_dual_img{
		margin-top:5.6vw;
	}
	.section_product_block.section_product_block_3_5 .section_product_block_data .item{
		width: 43.78666vw;
		margin-top:6.2vw!important;
		margin-right: 3.7333vw;
	}
	.section_product_block.section_product_block_3_5 .section_product_block_data .item:nth-child(2n){
		margin-right:0;
	}
	.section_product_block.section_product_block_3_5 .section_product_block_data .item_img{
		width:19.4666vw;
		height:19.4666vw;
	}
	/* #1075: mobile keeps the fixed square crop (the desktop rule now scales
	   height:auto; restore the square fill so tall images do not overflow). */
	.section_product_block.section_product_block_3_5 .section_product_block_data .item_img img{
		height:100%;
	}
	/* #1075: release the desktop 4-column lock back to the adaptive grid
	   (same mobile pattern as the #1072 per_row locks) — 4 columns would
	   squeeze to ~86px on phone viewports. */
	.section_product_block.section_product_block_3_5 .section_product_block_data.grid_auto{
		grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
	}
	.section_product_block.section_product_block_3_5 .section_product_block_data .item_info .item_info_title{
		font-size:3.2vw;
	}
	.section_product_block.section_product_block_3_5 .section_product_block_data .item_info .item_info_desc{
		font-size:2.4vw;
		line-height: 3.7vw;
		margin-top:2vw;
	}
	.section_product_contact .section_product_contact_data .data_title{
		font-size:5.3333vw;
		font-weight: 700;
		line-height: 6.4vw;
	}
	.section_product_contact .section_product_contact_data .data_btn{
		font-size: 3.2vw;
		margin-top:10.6666vw;
		padding:0 7.3333vw;
		background:none;
		color:#3d71ff;
		height:9.0666vw;
		line-height:9.0666vw;
	}
	.section_product_block.section_product_block_3_2 .section_product_block_data .item{
		width:44vw;
		padding: 8vw 4vw;
		margin-right: 3.4666vw;
		margin-bottom: 3.2vw;
	}
	.section_product_block.section_product_block_3_2 .section_product_block_data .item:nth-child(2n){
		margin-right:0;
	}
	.section_product_block.section_product_block_3_2 .section_product_block_data .item .item_img{
		height:12.1333vw;
		margin-bottom:6vw;
	}
	.section_product_block.section_product_block_3_2 .section_product_block_data .item .item_info_title{
		font-size:4.2666vw;
	}
	.section_product_block.section_product_block_3_2 .section_product_block_data .item .item_info_desc{
		font-size:3.7333vw;
		line-height:5.6vw;
		margin-top:3.2vw;
	}
	.section_product_block.section_product_block_3_3 .section_product_block_data .item{
		width:100%;
		margin-right:0;
		margin-top: 3.2vw;
		padding:8vw;
	}
	.section_product_block.section_product_block_3_3 .section_product_block_data .item:first-child{
		margin-top:0;
	}
	.section_product_block.section_product_block_3_3 .section_product_block_data .item:nth-child(-n+4){
		margin-top:3.2vw;
	}
	.section_product_block.section_product_block_3_3 .section_product_block_data .item .item_img{
		width: 12.1333vw;
		margin-right:4vw;
	}
	.section_product_block.section_product_block_3_3 .section_product_block_data .item .item_info_title{
		font-size: 4.2666vw;
	}
	.section_product_block.section_product_block_3_3 .section_product_block_data .item .item_info_desc{
		font-size:3.7333vw;
		line-height:5.6vw;
		margin-top:3.2vw;
	}
	
	.section_product_block.section_product_block_4_1 .section_product_block_data .item{
		width: 28vw;
		margin-top:6.2vw;
		margin-right: 3.7333vw;
	}
	.section_product_block.section_product_block_4_1 .section_product_block_data .item:nth-child(3n){
		margin-right:0;
	}
	.section_product_block.section_product_block_4_1 .section_product_block_data .item:nth-child(4n){
		margin-right: 3.7333vw;
	}
	.section_product_block.section_product_block_4_1 .section_product_block_data .item:nth-child(-n+4){
		margin-top:6.2vw;
	}
	.section_product_block.section_product_block_4_1 .section_product_block_data .item:nth-child(-n+3){
		margin-top:0;
	}
	.section_product_block.section_product_block_4_1 .section_product_block_data .item_info .item_info_title{
		font-size:3.2vw;
	}
	.section_product_block.section_product_block_4_1 .section_product_block_data .item_info .item_info_desc{
		font-size:2.4vw;
		line-height: 3.7vw;
		margin-top:2vw;
	}

	
	
  #footer{
    position: relative;
    background:#333333;
    color:#fff;
    height: auto;
    padding:0;
  }


  #footer .footer_content{
      border-top:0;
      padding: 5.3333vw 5.3333vw 10.6666vw 5.3333vw ;
      font-size: 4vw;
	  align-items: flex-start;
  }
  #footer .footer_content .our_message{
      width:100%;
      margin-top:0;
      display: block;
      margin-bottom: 9vw;
  }
  #footer .footer_content .our_message dt{
    margin-bottom: 2.465vw;    
  }
  #footer .footer_content .our_message dl{
      display: block;
      width:100%;
      margin-bottom:10vw;
  }
  #footer .footer_content .our_message dl:last-child{
      margin-bottom:0;
  }
  #footer .footer_content .our_message dl dd a{
      color:#fff;
  }
  #footer .footer_content .our_message dl.code dd{
      width:9vw;
      height:9vw;
  }
  #footer .footer_content .our_message dl.code .wx{
      margin-left: 0;
  }
  #footer .footer_content .our_message dl.code .wx::before{
      background-image: url('../image/wx_white.png');
      width: 4.4vw;
      height: 3.8vw;
  }
  #footer .footer_content .our_message dl.code .wb::before{
      background-image: url('../image/wb_white.png');
      width: 4.4vw;
      height: 3.8vw;
  }
  #footer .footer_content .cpy{
      width:100%;
      font-size:3.6vw;
      display:block;
      line-height: 1.5;
      margin-top:0;
  }
  #footer .footer_content .cpy a{
      color:#999999;
  }
  #footer .footer_content .cpy a:last-of-type{
      margin-left:0;
  }
  #footer .footer_content .footer_nav{
    flex-flow: column;
  }
  #footer .footer_content .footer_nav .footer_nav_left{
	  margin-right:0;
  }
  #footer .footer_content .footer_nav .footer_nav_left .footer_nav_enter{
	  display:flex!important;
  }
  #footer .footer_content .footer_nav .footer_nav_left .footer_nav_enter .item{
	  display:inline-block;
	  width: 9.6vw;
	  height:9.6vw;
	  border-radius:50%;
	  margin-right: 8vw;
	  background-size:100%;
	  background-position:center;
	  background-repeat:no-repeat;
  }
  #footer .footer_content .footer_nav .footer_nav_left .footer_nav_enter .item.item_weixin{
	  background-image:url('../image/icon_weixin_big.png');
  }
  #footer .footer_content .footer_nav .footer_nav_left .footer_nav_enter .item.item_weixin *{
	  display:none;
  }
  #footer .footer_content .footer_nav .footer_nav_left .footer_nav_enter .item.item_qq{
	  background-image:url('../image/icon_qq_big.png');
  }
  #footer .footer_content .footer_nav .footer_nav_left .footer_nav_enter .item.item_weibo{
	  background-image:url('../image/icon_weibo_big.png');
  }
  #footer .footer_content .footer_nav .footer_nav_left .left_top .phone{
    font-size: 7.4666vw;
  }
  #footer .footer_content .footer_nav .footer_nav_left .left_top .time{
    font-size: 3.2vw;
  }
  #footer .footer_content .footer_nav .footer_nav_right{
    display:none;
  }
  #footer .footer_content .company_info{
	  width:65vw;
  }
  #footer .footer_content .company_info .item_left{
    font-size:3.7333vw;
  }
  #footer .footer_content .company_info .item_left p{
    line-height: 5.2vw;
    margin-bottom: 0;
  }
  #footer .footer_content .company_info .item_left p:last-child{
    margin-bottom:0;
	display:none;
  }
  #footer .footer_content .company_info .item_center{
    display: none;
  }
  #footer .footer_content .company_info .item_right{
    display: none;
  }
  #footer .footer_content .friend_link{
	  display:none;
  }
  #footer .footer_content .friend_link .friend_link_title{
    font-size:3.7333vw;
    margin-right:0vw;
  }
  #footer .footer_content .friend_link .friend_link_con a{
    margin-right:2vw;
  }
}
@media (max-width: 600px){
  html>body{
    padding-top:16vw;
  }
  .lazyloadimg{
    display: block;
    font-size: 0;
    overflow: hidden;
    width:100vw;
  }
  .wrapper{
    display: block;
    overflow-x: hidden;
  }
  .wrapper .content{
    width: 100vw;
    overflow: hidden;
  }
  section > .page_wrapper{
    width: 100vw;
    margin: 0 auto;
    padding: 10.6666vw 4.2666vw 8vw;
  }
  .page_wrapper > .title{
    text-align: center;
  }
  .page_wrapper > .title h2{
    font-size:5.3333vw;
	line-height:1.4;
  }
  #home div[data-page]{
    height: 56.26vw;
    min-height: inherit;
  }
  .fullpage.swiper-container{
    width: 100%;
    padding: 0;
  }
  header{
    height:16vw;
  }
  header nav.navbar{
    padding: 0 5vw 0 7vw;
    margin: 0;
  }
  header nav.navbar h1{
    display: block;
    color: #fff;
    font-size: 4.8vw;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    max-width: 50vw;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .cuctom_service_panel{
	width: 96vw;
	left: 2vw;
	bottom:0;
	height:80vh;
	border-radius: 4px 4px 0 0;
  }
  .cuctom_service_panel .panel_header{
	  padding:0 4vw;
  }
	.cuctom_service_panel .panel_con{
		flex:1;
	}
  #home{
    --home_bg_r_1: 0deg;
    --home_bg_r2: 0deg;
  }
  #home .mouse{
    display: none;
  }
  #home .content_text{
    width: 95.333vw;
    height: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    margin:0;
  }
      
  #home .swiper-wrapper .swiper-slide .content_text h2{
    margin-top: 0;
    font-size:3.733vw;
    line-height: 1.5;
    z-index:2;
    position: relative;
    width:100%;
    padding:0 12.5vw;
  }
  #home .swiper-wrapper .swiper-slide .content_text h1{
    width: 100vw;
    font-size: 8vw;
    font-weight:normal;
    font-family: siyuanMake;
    line-height: 1.2;
    letter-spacing: .4vw;
    padding-left: 0;
    margin: 0 0 5.3333vw 0;
  }
  
  .en #home .swiper-wrapper .swiper-slide .content_text h1{
    font-size:10vw;
    letter-spacing: inherit;
    width:90vw;
  }
  #home .content_text h1::after{
    margin: 6.5vw 0 8vw;
    width: 8.5vw;
    height: 0.5vw;
  }
  #home .content_text h2{
    padding-left: .82rem;
  }
  #home .swiper-wrapper  div[data-page="1"] .content_text img{
    width: 89vw;
    height: auto;
    right: 0;
  }
  #home .swiper-wrapper  div[data-page="2"] .content_text img{
    height: 42vh;
    margin-bottom: -7vw;
  }
  #solution > .page_wrapper > .banner .swiper-slide > div{
	height:100%;
	width: 80%;
    left: 10%;
	padding-top: 42vw;
	color:#333333;
  }
  #solution .swiper-slide .slide_item .slide_item_info > h2{
	  font-size:3.2vw;
  }
  #solution .swiper-slide .slide_item .slide_item_info > h2{
	  font-size:6.4vw;
  }
  #solution > .page_wrapper > .banner .swiper-slide > img{
    width: 80%;
	  height: auto;
  }
  #services > .page_wrapper > .examples > li > div{
    width: 67vw;
    margin-left: 4vw;
    padding: 0;
  }
  #solution .swiper-pagination-bullets .swiper-pagination-bullet{
    width: 3.2vw;
    height: 3.2vw;
    margin: 0 0.5vw;
    border: solid 0.4vw #dddddd;
  }
  #solution .swiper-slide > div{
    width: 100%;
    height: 100%;
  }
#solution .swiper-slide .slide_item .slide_item_info{
	transform: inherit;	  
}
#solution .swiper-slide .slide_item:hover .slide_item_info{
	transform: inherit;	  
}
#solution .swiper-slide .slide_item > a{
	opacity:0;
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
	margin: 0;
}
#solution .swiper-slide .slide_item:hover > a{
	opacity:0;
}
  #case .exhibition > li{
    width: 50%;
  }
  #case .exhibition{
    margin-top: 6.4vw;
  }
  #case .exhibition > li > span{
    min-width: 14.2vw;
    min-height: 5vw;
    height: 10vw;
    font-size: 3.6vw;
    padding: 0 5.5vw;
  }
  #case .exhibition > li > .exhibition_more{
    font-size: 3.8vw;
    height: 34.70vw;
  }
  #case .exhibition > li > .exhibition_more::before{
    width: 9.8vw;
    height: 9.8vw;
    margin-bottom:5vw;
  }
  #map2ude{
    width: 100%;
    height: 85.3333vw;
  }
  #contcat .check{
    display: none;
  }
  #contcat > .page_wrapper >  .user_message input{
    width: 90%;
    height: 10vw;
    line-height: 10vw;
    margin: 0 0 4vw;
    padding: 0 3vw;
    font-size: 3.8vw;
    border-radius: 2vw;
  }
  #contcat > .page_wrapper > .user_message button{
    margin-top: 3vw;
    height: 10vw;
    line-height: 10vw;
    width: 60%;
    font-size: 4vw;
    border-radius: 2vw;
  }
  #case > .page_wrapper{
    padding-bottom: 13.2vw;
  }
  #solution .banner_title > h3{
    font-size:6.2vw;
    margin-top:2vw;
  }
  #solution .banner_title > p{
    font-size:2vw;
  }
  #about{
    padding-bottom: 10.8vw;
  }
  #contcat::before{
    height: 100%;
  }
  #contcat > .page_wrapper > .user_message{
    height: auto;
    margin-top: 7.2vw;
  }
  #contcat > .page_wrapper > .user_message > .consult_btn{
    width: 90%;
  }
  #contcat,
  #contcat .page_wrapper{
    height: auto;
  }
  /* #contcat > .page_wrapper > .user_message input{
    width: 100%;
	  height: 0.8rem;
  } */
  #footer .footer_content .our_message{
    flex-direction: column;
  }
  #footer .footer_content .our_message dl{
    margin-bottom: 8.525vw;
  }
  .en #footer .footer_content .our_message dl.address{
    max-width: 100%;
  }
  #footer .footer_content .cpy{
    margin-top: 2.8vw;
    display: block;
    color:#999999;
	width: 65vw;
  }
  #contcat .check.show dl{
    margin-top: 5vw;
    margin-bottom: 5vw;
  }
  #contcat .user_message::after{
    content: none;
  }
  #contcat .check.show{
    width: 80%;
    padding: 5vw 6vw;
    border-radius: 0;
    flex-direction: column;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 70vh;
  }
  
#contcat .check form{
  flex-direction: column;
}
  #contcat > .page_wrapper > .check .user_message{
    position: initial;
    flex-direction: column;
    width: 100%;
    display:block;
    padding-bottom: 10vw;
  }
  #contcat .check dl:not(#message) dd{
    margin-top:5vw;
    font-size: 3.8vw;
  }
  #contcat .check dl:not(#message) dd label{
    line-height: 1.4;
  }
  #contcat .check dl dt p{
    line-height: 1.2;
  }
  #contcat > .page_wrapper > .check .user_message input{
    margin-bottom: 3vw;
    width: 100%;
    padding: 0 3vw;
    font-size: 3.8vw;
    height: 12.5vw;
    line-height: 12.5vw;
  }
  #contcat > .page_wrapper > .check .user_message button{
    width: 100%;
    margin-left: 0;
    font-size: 4vw;
    height: 12.5vw;
  }
  #contcat .check dl dd textarea{
    width: 100%;
    font-size: 3.8vw;
    color: #333;
    padding:3vw;
  }
  #contcat .check dl#message dd p{
    right: 3vw;
  }
  .wrapper_case .content.allCase{
    width: 90vw;
    padding-top: 22vw;
    margin: 0 5vw;
  }
  .wrapper_case .content.allCase.fixed{
    padding-top:35vw;
  }
  .wrapper_case .content.allCase.fixed .caseNav{
    position: fixed;
    z-index: 99;
    top: 17vw;
    background-color: rgba(34, 41, 55, 0.9);
  }
  .wrapper_case .allCase .caseContent li{
    width: 100%;
    margin-top: 4vw;
  }
  .wrapper_case .allCase .caseContent li span{
    height: 10vw;
    font-size: 3.6vw;
    padding: 0 5.5vw;
  }
  .wrapper_case .allCase .caseNav li span{
    padding: 0 3.8vw;
    font-size: 3.8vw;
  }
  .wrapper_case .allCase .caseNav{
    height: 13vw;
    width:90vw;
    overflow-x: auto;
  }
  .showImg img{
    width: 100%;
    height: auto;
  }
  .showImg .img_close {
    top: 10vw;
    right: 10vw;
    width: 4vw;
    height: 4vw;
    background:none;
}
  .showImg .img_close::before {
    width: 100%;
    height: 100%;
  }
  .showImg .img_next, .showImg .img_prev{
    position: absolute;
    z-index:103;
  }
  .showImg .img_prev{
    left:0;
  }
  .showImg .img_next{
    right:0;
  }
  .showImg .img_next, .showImg .img_prev{
    padding: 2vw;
    width: 6.167vw;
    height: 9.813vw;
    top: 50%;
    transform: translate(0, -50%);
  }
  .showImg .img_next::before, .showImg .img_prev::before{
    width:100%;
    height:100%;
  }
  .showImg .img_title{
    font-size: 4.8vw;
  }
  .wrapper_case .allCase .caseContent{
    margin-bottom: 8vw;
  }
}

/* Card hover lift effect */
.wrapper_article .item,
.page_wrapper_left .item,
.article_list_item,
.wrapper_case .allCase .caseContent .caseItem,
#product .section_product .swiper-slide,
#solution .swiper-slide .slide_item {
  transition: transform .3s ease, box-shadow .3s ease;
}
.wrapper_article .item:hover,
.page_wrapper_left .item:hover,
.article_list_item:hover,
.wrapper_case .allCase .caseContent .caseItem:hover,
#product .section_product .swiper-slide:hover,
#solution .swiper-slide .slide_item:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
}

/* ==================== #775 版块编辑器新增版块样式 ==================== */
/* 卡片类自适应：由创建人上传数量决定列数（默认 4 列、3 个→3 列等宽等） */
.section_product_block .section_product_block_data.grid_auto{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  /* #1062 r3: row gap 40px -> 64px (column gap unchanged) */
  gap: 64px 24px;
  margin: 0 auto;
}
.section_product_block .section_product_block_data.grid_auto .item{
  width: auto;
  margin-right: 0;
  margin-top: 0;
  box-sizing: border-box;
  display: flex;
  flex-flow: column;
  align-items: center;
  text-align: center;
}
.section_product_block.section_product_block_3_4 .section_product_block_data_box .section_product_block_data.grid_auto{
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
/* 步骤流程（5_1） */
.section_product_block.section_product_block_5_1 .section_product_block_data.steps_grid .item{
  justify-content: flex-start;
}
.section_product_block.section_product_block_5_1 .step_index{
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #2b6ff3;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  line-height: 56px;
  text-align: center;
  margin-bottom: 18px;
}
.section_product_block.section_product_block_5_1 .item_info_title{
  font-size: 20px;
  line-height: 1.6;
  white-space: pre-wrap;
  color: #333333;
}
.section_product_block.section_product_block_5_1 .item_info_desc{
  font-size: 14px;
  color: #666666;
  line-height: 23px;
  margin-top: 12px;
}
/* #864 步骤流程：副标题(可选) */
.section_product_block.section_product_block_5_1 .item_info_subtitle{
  font-size: 14px;
  color: #999999;
  line-height: 1.6;
  margin-top: 4px;
}
/* 数据统计（6_1） */
.section_product_block.section_product_block_6_1 .stat_value{
  font-size: 44px;
  font-weight: 700;
  color: #2b6ff3;
  line-height: 1.2;
  white-space: pre-wrap;
}
.section_product_block.section_product_block_6_1 .stat_unit{
  font-size: 20px;
  font-weight: 500;
  margin-left: 4px;
}
.section_product_block.section_product_block_6_1 .stat_desc{
  font-size: 15px;
  color: #666666;
  margin-top: 10px;
  line-height: 1.6;
}
/* #865 数据统计：双栏布局（数据+文） */
.section_product_block.section_product_block_6_1 .stats_dual{
  display: flex;
  gap: 40px;
  align-items: flex-start;
}
.section_product_block.section_product_block_6_1 .stats_dual.stats_text_left{
  flex-direction: row-reverse;
}
.section_product_block.section_product_block_6_1 .stats_chart_side{
  flex: 1;
  min-width: 0;
}
.section_product_block.section_product_block_6_1 .stats_text_side{
  flex: 1;
  min-width: 0;
}
.section_product_block.section_product_block_6_1 .stats_text_side .data_info_desc{
  font-size: 15px;
  color: #666;
  line-height: 1.8;
}
/* #865 数据统计：纯数据卡片网格 */
.section_product_block.section_product_block_6_1 .stats_card_grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 24px;
}
.section_product_block.section_product_block_6_1 .stats_card_item{
  padding: 24px;
  border: 1px solid #eaeaea;
  border-radius: 8px;
  background: #fafafa;
}
.section_product_block.section_product_block_6_1 .stats_card_title{
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin-bottom: 12px;
}
.section_product_block.section_product_block_6_1 .stats_card_desc{
  font-size: 14px;
  color: #999;
  margin-top: 12px;
}
/* #865 数据统计：数字卡片 */
.section_product_block.section_product_block_6_1 .stats_number_grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 24px;
}
.section_product_block.section_product_block_6_1 .stats_number_grid .stat_item{
  text-align: center;
}
/* #865 数据统计：图表容器最小高度 */
.section_product_block.section_product_block_6_1 .chart_container{
  width: 100%;
  min-height: 320px;
}
@media (max-width: 768px){
  .section_product_block.section_product_block_6_1 .stats_dual{
    flex-direction: column;
    gap: 20px;
  }
  .section_product_block.section_product_block_6_1 .stats_dual.stats_text_left{
    flex-direction: column;
  }
}
/* 视频展示（7_1） */
.section_product_block.section_product_block_7_1 .section_product_block_data.video_box{
  max-width: 960px;
  margin: 0 auto;
}
.section_product_block.section_product_block_7_1 .video_box video{
  width: 100%;
  max-height: 540px;
  border-radius: 8px;
  background: #000;
}
.section_product_block.section_product_block_7_1 .video_cover img{
  max-width: 100%;
  border-radius: 8px;
}
/* 客户评价（8_1 复用 2_1 swiper 结构，头像圆形） */
.section_product_block.section_product_block_2_1 .item .item_avatar img{
  border-radius: 50%;
  object-fit: cover;
}
/* #867 客户评价：职位/公司/评分/链接 */
.section_product_block.section_product_block_2_1 .item_info .item_info_position{
  font-size: 13px;
  color: #999999;
  margin-top: 4px;
}
.section_product_block.section_product_block_2_1 .item_info .item_info_company{
  font-size: 13px;
  color: #999999;
  margin-top: 4px;
}
.section_product_block.section_product_block_2_1 .item_info .item_info_stars{
  color: #f5a623;
  font-size: 16px;
  letter-spacing: 2px;
  margin-top: 6px;
}
.section_product_block.section_product_block_2_1 .item_info .item_info_link{
  display: inline-block;
  margin-top: 10px;
  font-size: 14px;
  color: #3d71ff;
}
/* FAQ 问答（9_1 手风琴） */
.section_product_block.section_product_block_9_1 .section_product_block_data.faq_list{
  max-width: 900px;
  margin: 0 auto;
}
.section_product_block.section_product_block_9_1 .faq_item{
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  margin-bottom: 12px;
  overflow: hidden;
}
.section_product_block.section_product_block_9_1 .faq_q{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  cursor: pointer;
  font-size: 16px;
  color: #333333;
  line-height: 1.5;
  background: #f8fafc;
}
.section_product_block.section_product_block_9_1 .faq_q:hover{
  color: #2b6ff3;
}
.section_product_block.section_product_block_9_1 .faq_arrow{
  width: 8px;
  height: 8px;
  border-right: 2px solid #999;
  border-bottom: 2px solid #999;
  transform: rotate(45deg);
  transition: transform 0.2s ease;
  flex-shrink: 0;
  margin-left: 12px;
}
.section_product_block.section_product_block_9_1 .faq_item.open .faq_arrow{
  transform: rotate(-135deg);
}
.section_product_block.section_product_block_9_1 .faq_a{
  display: none;
  padding: 0 20px 18px 20px;
  font-size: 15px;
  color: #666666;
  line-height: 1.8;
}
.section_product_block.section_product_block_9_1 .faq_item.open .faq_a{
  display: block;
}
/* 时间轴（10_1） */
.section_product_block.section_product_block_10_1 .section_product_block_data.timeline_list{
  list-style: none;
  padding: 0;
  margin: 0 auto;
  max-width: 960px;
}
.section_product_block.section_product_block_10_1 .timeline_list .item{
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  text-align: left;
  position: relative;
  padding-left: 24px;
  border-left: 2px solid #e5e7eb;
  padding-bottom: 32px;
}
.section_product_block.section_product_block_10_1 .timeline_list .item:last-child{
  padding-bottom: 0;
  border-left-color: transparent;
}
.section_product_block.section_product_block_10_1 .timeline_list .item::before{
  content: '';
  position: absolute;
  left: -7px;
  top: 4px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #2b6ff3;
  border: 2px solid #fff;
  box-shadow: 0 0 0 2px #2b6ff3;
}
.section_product_block.section_product_block_10_1 .timeline_list .item_img img{
  max-width: 260px;
  border-radius: 6px;
  margin-bottom: 12px;
}
.section_product_block.section_product_block_10_1 .timeline_list .timeline_date{
  font-size: 15px;
  color: #2b6ff3;
  font-weight: 600;
  margin-bottom: 6px;
}
.section_product_block.section_product_block_10_1 .timeline_list .item_info_title{
  font-size: 18px;
  font-weight: 600;
  color: #333333;
}
.section_product_block.section_product_block_10_1 .timeline_list .item_info_desc{
  font-size: 14px;
  color: #666666;
  line-height: 1.7;
  margin-top: 8px;
}
.section_product_block.section_product_block_10_1 .timeline_list.timeline_horizontal{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 24px;
  border: none;
}
.section_product_block.section_product_block_10_1 .timeline_list.timeline_horizontal .item{
  border-left: none;
  border-top: 2px solid #e5e7eb;
  padding-left: 0;
  padding-top: 24px;
}
.section_product_block.section_product_block_10_1 .timeline_list.timeline_horizontal .item::before{
  left: 0;
  top: -7px;
}
/* 图片/证书展示（cert_gallery） */
.section_product_block .cert_gallery{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
}
.section_product_block .cert_gallery .cert_gallery_item{
  text-align: center;
}
.section_product_block .cert_gallery .cert_gallery_item img{
  max-width: 100%;
  max-height: 320px;
  object-fit: contain;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
}
/* #990: rich-text tables — the admin editor renders table borders from its own
   chrome (tailwind arbitrary selectors), so a saved <table class="rich-table">
   arrived at the front-end with no borders/padding at all. Mirror the editor
   presentation for the two rich-text body containers.
   #990 r2: indent the table block 2 spaces (2em) from the left while keeping
   the right edge on the container edge, per product feedback. */
.section_article_detail_data .item_content table,
.section_case_detail .item_content table{
  width:calc(100% - 2em);
  table-layout:auto;
  border-collapse:collapse;
  margin:18px 0 18px 2em;
}
.section_article_detail_data .item_content th,
.section_article_detail_data .item_content td,
.section_case_detail .item_content th,
.section_case_detail .item_content td{
  border:1px solid #d4d4d8;
  padding:4px 8px;
  vertical-align:top;
}

/* #1059: 功能条目样式2 —— 勾选徽标+文字（无胶囊底），ref shot c16487e2. */
.section_product_block .section_product_block_data .data_info .data_info_desc ul.rich-feature-plain,
.section_article_detail_data .item_content ul.rich-feature-plain{
  list-style: none;
  margin: .75em 0;
  padding: 0;
}
.section_product_block .section_product_block_data .data_info .data_info_desc ul.rich-feature-plain li,
.section_article_detail_data .item_content ul.rich-feature-plain li{
  position: relative;
  margin: .5em 0;
  /* badge anchored at the row's left edge (no capsule padding) */
  padding: .3em 0 .3em 1.75em;
  color: #333333;
  line-height: 1.5;
}
.section_product_block .section_product_block_data .data_info .data_info_desc ul.rich-feature-plain li::before,
.section_article_detail_data .item_content ul.rich-feature-plain li::before{
  /* #1059 r2: bare blue check glyph — no badge square, per review */
  content: '✓';
  position: absolute;
  left: 0;
  top: .3em;
  color: #3d71ff;
  font-weight: 700;
  font-size: 1.1em;
  line-height: 1.5;
}

/* #1059: 功能条目样式3 —— 勾选徽标+标题+描述（徽标与标题同行，描述下一行，
   与标题左对齐），ref shot 77a514f9. */
.section_product_block .section_product_block_data .data_info .data_info_desc ul.rich-feature-rich,
.section_article_detail_data .item_content ul.rich-feature-rich{
  list-style: none;
  margin: 1em 0;
  padding: 0;
}
.section_product_block .section_product_block_data .data_info .data_info_desc ul.rich-feature-rich li,
.section_article_detail_data .item_content ul.rich-feature-rich li{
  position: relative;
  margin: .75em 0;
  padding: .05em 0 .05em 2.4em;
}
.section_product_block .section_product_block_data .data_info .data_info_desc ul.rich-feature-rich li::before,
.section_article_detail_data .item_content ul.rich-feature-rich li::before{
  content: '';
  position: absolute;
  left: .4em;
  /* badge centered on the title line (1.5em line-height → mid .75em, badge 1.4em tall) */
  top: .05em;
  width: 1.4em;
  height: 1.4em;
  background: #3d71ff;
  border-radius: 50%;
  /* #1059 r3: round badge so variant 3's check differs from variant 1's square. */
}
.section_product_block .section_product_block_data .data_info .data_info_desc ul.rich-feature-rich li::after,
.section_article_detail_data .item_content ul.rich-feature-rich li::after{
  content: '';
  position: absolute;
  left: .872em;
  top: .75em;
  width: .3em;
  height: .6em;
  border-left: .16em solid #ffffff;
  border-bottom: .16em solid #ffffff;
  transform: translateY(-62.7%) scaleX(-1) rotate(-45deg);
}
.section_product_block .section_product_block_data .data_info .data_info_desc ul.rich-feature-rich .ffe-title,
.section_article_detail_data .item_content ul.rich-feature-rich .ffe-title{
  font-weight: 600;
  font-size: 1em;
  color: #262626;
  line-height: 1.5;
}
.section_product_block .section_product_block_data .data_info .data_info_desc ul.rich-feature-rich .ffe-desc,
.section_article_detail_data .item_content ul.rich-feature-rich .ffe-desc{
  margin-top: .15em;
  font-size: .875em;
  color: #666666;
  line-height: 1.5;
}

/* #1060: 数据亮点 (ul.rich-stat-list, `- [d] big | small`) — big number or
   keyword over a small caption, responsive multi-column grid for data
   highlights / key metrics, ref shots 4c92c876 / 0e280afc. */
.section_product_block .section_product_block_data .data_info .data_info_desc ul.rich-stat-list,
.section_article_detail_data .item_content ul.rich-stat-list{
  list-style: none;
  margin: 1.25em 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px 40px;
}
.section_product_block .section_product_block_data .data_info .data_info_desc ul.rich-stat-list li,
.section_article_detail_data .item_content ul.rich-stat-list li{
  list-style: none;
  margin: 0;
  padding: 0;
}
.section_product_block .section_product_block_data .data_info .data_info_desc ul.rich-stat-list .stat-big,
.section_article_detail_data .item_content ul.rich-stat-list .stat-big{
  font-size: 2em;
  font-weight: 700;
  color: #3d71ff;
  line-height: 1.15;
}
.section_product_block .section_product_block_data .data_info .data_info_desc ul.rich-stat-list .stat-small,
.section_article_detail_data .item_content ul.rich-stat-list .stat-small{
  margin-top: 6px;
  font-size: .875em;
  color: #666666;
  line-height: 1.5;
}

/* ==================== #1068 产品卡片版块 ==================== */
/* Card matrix: each card = title zone + multiple entries (#1068 r3).
   r7 restores the SVG art's real three-layer stacking (the r5/r6 fused
   single gradient lost the horizontal layers): 1) white card + soft
   #dce2fa glow, 2) 200px header gradient, 3) white @ 50% entry panel
   laid over the lower half of the gradient — ::before/::after, no DOM change.
   r8 aligns the text with the 图文混排 · 左图右文 (1_3) reference block:
   full-card-width gradient (top-aligned, no side insets), entry panel
   inset 8px per side, one row = 3 cards, entry text left-aligned, entry
   title = data_info_title (30px #333 lh1.2, 30px to the desc), entry
   desc = data_info_title2 (20px #999 lh1.8), section title-to-desc
   gap 30px (.title h2+p). The art carries no tag badge, so
   .product_card_tag stays hidden (editor field and data kept).
   r9 shifts every tier one level down the 1_3 ladder: entry title =
   data_info_title2 (20px #999 lh1.8), entry desc = data_info_desc
   (16px #999 lh1.8), and both gaps that r8 matched to the 1_3 title
   tier (30px) drop to the 1_3 title2 -> desc gap, which is 0px (both
   divs carry no margin and the page-wide *{margin:0} reset kills the
   rich-body <p> margins). Entry-to-entry spacing is spec'd at 32px. */
.section_product_block.section_product_block_3_6.section_bg2{
  background: #f2f5f9;
}
/* SVG card gutters: 24px between cards */
.section_product_block.section_product_block_3_6 .product_card_grid{
  gap: 24px;
}
/* r8: one row shows 3 cards (beats the generic auto-fit 4-column grid
   by specificity; released back to the adaptive grid on mobile) */
.section_product_block.section_product_block_3_6 .section_product_block_data.product_card_grid{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
/* r9: section title-to-desc gap matches the 1_3 data_info_title2 ->
   data_info_desc gap, which is 0px (both unstyled, *{margin:0} reset) */
.section_product_block.section_product_block_3_6 .page_wrapper > .title h2+p{
  margin-top: 0px;
}
.section_product_block.section_product_block_3_6 .product_card_grid .item.product_card{
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 0;
  box-sizing: border-box;
  border-radius: 10px;
  overflow: hidden;
  /* layer 1 (r7): plain white card + SVG shadow (dy 2px, blur
     stdDeviation 6.325 ~ 13px, #dce2fa @ 50%) */
  background: #ffffff;
  box-shadow: 0 2px 13px rgba(220, 226, 250, 0.5);
}
/* layer 2 (r7): 200px header gradient, 10px side insets, rounded top,
   laid on the white card (SVG art: #3ba7ff -> #218aff 65% -> #fff) */
.section_product_block.section_product_block_3_6 .product_card_grid .item.product_card::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 200px;
  border-radius: 10px 10px 0 0;
  background: linear-gradient(180deg, #3ba7ff 0%, #218aff 65%, #ffffff 100%);
}
/* layer 3 (r7): entry panel, white @ 50%, 20px side insets, 98px from the
   card top / 32px from the bottom, translucent over the gradient */
.section_product_block.section_product_block_3_6 .product_card_grid .item.product_card::after{
  content: "";
  position: absolute;
  top: 98px;
  left: 8px;
  right: 8px;
  bottom: 32px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.5);
}
/* title baseline sits 65px from the card top, ink left edge at 31px */
.section_product_block.section_product_block_3_6 .product_card_title{
  position: relative;
  z-index: 2;
  padding: 48px 31px 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
  color: #ffffff;
}
/* entries start 132px from the card top (SVG: panel top 98px + 34px inset) */
.section_product_block.section_product_block_3_6 .product_card_entry{
  position: relative;
  z-index: 2;
  flex: 1;
  padding: 0 43px;
}
.section_product_block.section_product_block_3_6 .product_card_entry:first-of-type{
  padding-top: 47px;
}
.section_product_block.section_product_block_3_6 .product_card_entry + .product_card_entry{
  /* r9: spec'd entry-to-entry spacing */
  margin-top: 32px;
}
.section_product_block.section_product_block_3_6 .product_card_entry:last-child{
  padding-bottom: 32px;
}
.section_product_block.section_product_block_3_6 .product_card_entry_head{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  /* r8: beat the inherited .grid_auto .item{text-align:center}; r9: the
     title-to-desc spacing drops to the 1_3 title2 -> desc gap (0px) */
  text-align: left;
  margin-bottom: 0px;
}
/* SVG art has no tag badge — hide the r3 coral pill (data field kept) */
.section_product_block.section_product_block_3_6 .product_card_tag{
  display: none;
}
.section_product_block.section_product_block_3_6 .product_card_entry_title{
  /* r9: same look as 1_3 .data_info_title2 (a normal-weight grey div) */
  font-size: 20px;
  font-weight: 400;
  line-height: 1.8;
  color: #999999;
  white-space: pre-wrap;
}
.section_product_block.section_product_block_3_6 .product_card_entry_desc{
  /* r9: same look as 1_3 .data_info_desc */
  margin: 0;
  font-size: 16px;
  color: #999999;
  line-height: 1.8;
  white-space: pre-wrap;
  text-align: left;
}
/* mobile: scale the header band and panel insets down to ~60% */
@media (max-width: 768px){
  /* r8: release the 3-column lock (same mobile pattern as the #1075
     4-column lock) — 3 columns would squeeze to ~110px on phones */
  .section_product_block.section_product_block_3_6 .section_product_block_data.product_card_grid{
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  }
  .section_product_block.section_product_block_3_6 .product_card_grid .item.product_card::before{
    left: 0;
    right: 0;
    height: 120px;
  }
  .section_product_block.section_product_block_3_6 .product_card_grid .item.product_card::after{
    top: 59px;
    left: 8px;
    right: 8px;
    bottom: 19px;
  }
  .section_product_block.section_product_block_3_6 .product_card_title{
    padding: 28px 20px 0;
    font-size: 20px;
  }
  .section_product_block.section_product_block_3_6 .product_card_entry{
    padding: 0 20px;
  }
  .section_product_block.section_product_block_3_6 .product_card_entry:first-of-type{
    padding-top: 24px;
  }
  .section_product_block.section_product_block_3_6 .product_card_entry + .product_card_entry{
    /* r9: 32px desktop spec at the ~60% mobile scale */
    margin-top: 19.2px;
  }
  /* r9: 1_3 mobile baseline — data_info_title2 4.2666vw/5.6vw (no margin),
     data_info_desc 3.7333vw/6.2vw */
  .section_product_block.section_product_block_3_6 .product_card_entry_head{
    margin-bottom: 0;
  }
  .section_product_block.section_product_block_3_6 .product_card_entry_title{
    font-size: 4.2666vw;
    line-height: 5.6vw;
  }
  .section_product_block.section_product_block_3_6 .product_card_entry_desc{
    font-size: 3.7333vw;
    line-height: 6.2vw;
  }
  /* re-declare inside the query: the desktop 5-class h2+p would otherwise
     out-specify the generic mobile 4-class margin-top:2vw rule; r9 keeps
     the 1_3 title2 -> desc gap (0) on mobile too */
  .section_product_block.section_product_block_3_6 .page_wrapper > .title h2+p{
    margin-top: 0;
  }
}