: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(12px * 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;
}
#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;
}
#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;
  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{
	margin-top:-10px;
}
#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: all .2s;
  overflow:hidden;
}
#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;
}
#solution .banner .swiper-box{
  width:100%; 
  position: relative; 
  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 6px 24px 0px rgba(25, 29, 36, 0.4);
  border-radius: 10px;
}
#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);
  display: none;
}
#solution .swiper-slide.swiper-slide-active .slide_item{
  display: flex;
}
#solution .swiper-slide .slide_item *{
  transition: all 500ms;
}
#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;
}

#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;
}
#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');
}
#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');
}
#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:-10px;
}
.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;
}
.section_nav .section_nav_data{
  width: 100%;
  display:flex;
}
.section_nav .section_nav_data .item{
  margin-right:42px;
}
.section_nav .section_nav_data .item a{
  color:#262626;
  font-size:14px;
  line-height: 58px;
}
.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:282px;
  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;
}
.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;
}

.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;
	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;
  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;
}
.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_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;
}
.section_product_block .section_product_block_data .data_img{
  text-align: center;
}
.section_product_block .section_product_block_data .data_img img{
  max-width: 100%;
}
/*产品块样式：文字+单图：上下结构之图下*/
.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;
}
/*产品块样式：文字+单图：左右结构之图左*/
.section_product_block.section_product_block_1_3 .section_product_block_data{
  display:flex;
  flex-flow: row;
  padding:0 70px;
  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;
}
/*产品块样式：文字+单图：左右结构之图右*/
.section_product_block.section_product_block_1_4 .section_product_block_data{
  display:flex;
  flex-flow: row-reverse;
  padding:0 70px;
  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;
}
.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');
}

/*产品块样式：文字+图标列表：上下结构*/
.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;
  margin-top:10px;
}
.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;
  margin-top:19px;
}
.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;
}


/*产品块样式：文字+图标列表：上下结构有框*/
.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%;
}


/*产品块样式：文字+图标列表：上下结构，一行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;
  margin-top:19px;
}
.section_product_block.section_product_block_3_5 .section_product_block_data .item_img{
  width:80px;
  height:80px;
}
.section_product_block.section_product_block_3_5 .section_product_block_data .item_img img{
  width:100%;
  height:100%;
  object-fit: cover;
}


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

.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_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;
  }
  .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;
	}
	.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;
	}
	
	.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;
	}
	.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;
	}
	.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;
  }
}