/*通用部分 s*/
/*头部导航*/
.header{background:#fff; height: 160px;position: fixed; z-index:10; width: 100%; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.header.mini{ box-shadow: 0 2px 6px rgba(0, 0, 0, .1);background:rgba(255, 255, 255, 0.4); -webkit-animation:gupIn 1s 0.1s both; -moz-animation:gupIn 1s 0.1s both; animation:gupIn 1s 0.1s both;}
.header.hide{ display: none }
.header.on{background:#fff;}
.header.fix{position:fixed;}
.header .wrapper{position:relative;height: 100%;display: flex;align-items: center;justify-content: space-between;}
.header .logo{
	height: 100%;
	padding-right: 30px;
    padding-left: 8%;
	margin-bottom: 20px;
    display: flex;
    align-items: center;}
.header .logo img{width: 182px}
.header .logo em{display:none;}
.header .logo span{display:block;}
.header .download{
	width: 200px;
	height: 66px;
	background: #F01515;
	border-radius: 14px;
	line-height: 66px;
	text-align: center;
	font-size: 24px;
	color: #fff;
	margin-bottom: 20px;
	margin-right: 5%;
	margin-left: 30px;
}
.header .download a {
	display: block;
	color: #fff;
}
.language-section {
	background: #F5F8FD;
	border-radius: 25px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
	width: 100px;
	padding: 5px;
	cursor: pointer;
	
}
.language-section li {
	display: none;
	cursor: pointer;
}
.language-section .active {
	background: #FFFFFF;
	border-radius: 20px;
	color: #0B1024;
	font-size: 16px;
	padding: 5px 20px;
	display: block;
	align-self: flex-end;
	transition: transform .3s;
}
.language-section .activeEn {
	background: #FFFFFF;
	border-radius: 20px;
	color: #0B1024;
	font-size: 16px;
	padding: 5px 20px;
	display: block;
	transition: transform .3s;
	transform: translateX(38px);
}
.nav {
	width: 50%; 
}
.nav ul{display: flex;align-items: center;line-height:28px; font-size:18px; position:relative;}
.nav li{flex:1; position: relative;max-width: 130px;text-align: center;display: inline-block;margin-bottom: 20px;}
.nav li .nav-tab{text-align:center; display:block; color:#0B1024; opacity:1;margin:0 15px;padding: 36px 0 30px;display: inline-block;border-bottom: 4px solid transparent;}
.nav li .nav-tab:hover{opacity:1;color: #044ECB;}
.nav li .dorp-down{
	background: rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	display:none;
	position: absolute;
	left: 50%;
	top: 95px;
	width: 150%;
	transform: translateX(-50%);
}
.nav li .dorp-down a {
	display:block;
	color: #fff;
	padding: 20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.nav li:hover .dorp-down{
	display:block;
}
.nav li .dorp-down a:hover{
	color: #044ECB
}
.nav li.on .nav-tab{opacity:1;color: #044ECB;}
.nav.en ul{
	font-size: 17px;
}
.nav.en ul li {
	flex: none;
	max-width: inherit;
}
.wrapper{max-width:1903px; margin:0 auto; min-width: 1583px;}
/* banner */
.banner{width:100%; overflow:hidden; position:relative;min-width: 1600px;padding-top: 160px;background: #fff;}
.banner .bannerSwiper {}
.banner img{ width:100%; display:block;}

.banner-swiper .swiper-pagination-bullets {
	  bottom:50px !important;
}
 .banner-swiper .swiper-pagination-bullet {
      width: 10%;
      height: 4px;
      text-align: center;
      color: #000;
      opacity: 1;
	  border-radius: 0;
      background: rgba(255, 255, 255, 0.2);
	  margin: 0 !important;
}

.banner-swiper .swiper-pagination-bullet-active {
      color: #fff;
      background: #1CFFF2;
	  margin: 0;
}
.banner .pro-btn {
	position: absolute;
	left: 180px;
	bottom: 250px;
	display: flex;
	align-items: center;
}
.banner .pro-btn li{
	min-width: 200px;
	background: rgba(11, 16, 36, 0.2);
	border-radius: 14px;
	color: #fff;
	text-align: center;
	font-size: 20px;
	padding: 20px 30px;
	box-sizing: border-box;
}
.banner .pro-btn li.red{
	background: #F01515;
	margin-right: 30px;
}
.banner .pro-btn li a {
	display: block;
	color: #fff;
}
.banner-section {
	width: 100%;
	padding-top: 160px;
}
.banner-section img {
	width: 100%;
	display: block;
}
.banner .video {
	width: 100%;
}

/*头部导航*/

/*底部*/
.footer{color:#9a9ca6; width: 100%; overflow: hidden;background: linear-gradient(90deg, #0C1D36, #042E71);}
.footer .foot_menu{padding: 116px 0 0;font-size: 16px; padding-bottom: 30px; display: flex;align-items: center; } 
.footer .foot-section { margin: 0 8%;display: flex;align-items: flex-start;justify-content: space-between;position: relative;}
.footer .left {
	padding: 116px 0 0;
}
.logo_bottom {
	width: 491px;
}
.footer .foot_menu a{color:#fff;display: inline-block;text-align: center;padding: 0 30px;}
.footer .foot_menu span{padding:0 30px;}
.footer .copy-right {color: #8596B0;padding: 30px 0;border-top: 1px solid rgba(133, 150, 176, 0.2);margin: 0 8%;font-size: 18px}
.footer .foot_menu.en {
	flex-direction: column;
	align-items: flex-end;
	height: 330px;
	margin-right: 100px;
	justify-content: space-between;
}
.footer .foot_menu.en a {
	display: block;
	
}
.top-box {
	position: absolute;
	right: 0px;
	bottom: 50px;
	cursor: pointer;
	z-index: 2;
}
.top-icon {
	width:64px;
}
.contact-items {
	margin-top: 50px;
}
.contact-items li{
	margin-bottom: 18px;
	color: #8596B0;
	font-size: 18px;
}
.contact-section {
	display: flex;
	align-items: center;
}
.contact-section .show-qr {
	width: 100px;
	border-radius: 10px;
	padding: 10px;
	box-sizing: border-box;
	background-color: #ffff;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 70px;
	display: none;
}

.contact-section .show-qr::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%; /* 使箭头居中 */
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff; /* 使用你想要的箭头颜色 */
  transform: translateX(-50%) rotate(0deg); /* 使箭头向下 */
}
.contact-section .show-qr img {
	width: 100%;
}
.contact-icons{
    text-align: center;
    display: flex;
    align-items: center;
	flex-wrap: wrap;
    margin-top: 20px;
	margin-bottom: 40px;
}
.contact-icons li{
	cursor: pointer;
	position: relative;
	margin-right: 20px;
}
.contact-icons li.active {
	color: #1CFFF2;
}
.contact-icons li .icon{
    width: 50px;
	
}
.contact-icons li:hover .show-qr{
	display: block;
}

.qr-popup {
	display: none;
}

/*底部*/
 [v-cloak]{
	/*比较大的段落，防止闪烁，看到花括号*/
	display: none;
}
/*通用部分 e*/

/*首页*/
.main-section {
	
	position: relative;
	z-index: 2;
}
.main-section ul{
	margin: -125px 8% 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	
}
.main-section ul li {
	text-align: center;
	flex: 1;
	padding: 40px 0;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0px 17px 15px 1px rgba(0,20,53,0.03);
}
.main-section ul h2 {
	font-size: 42px;
	color: #0B1024;
	line-height: 48px;
}
.main-section ul.en h2{
	font-size: 38px;
}
.main-section ul .icon {
	width: 100px;
	margin: 30px 0;
}
.main-section ul h5 {
	font-size: 20px;
	color: #727175;
	margin: 0 10% 5px;
}
.main-section ul h4 {
	font-size: 42px;
	color: #094AB2;
	margin-bottom: 10px;
}
.main-section ul li h3 {
	background: #EEF4FD;
	border-radius: 100%;
	font-weight: 600;
	font-size: 38px;
	color: #094AB2;
	text-align: center;
	display: inline-block;
	margin: 30px 0;
	width: 100px;
	height: 100px;
	line-height: 100px;	
}
.main-section .glory {
	background: #fff;
	border-radius: 20px;
	box-shadow: 0px 17px 15px 1px rgba(0,20,53,0.03);
	margin-top: -100px;
}
.main-section .glory.en h2 {
	font-size: 35px;
}
.main-section .glory.en h5 {
	height: 100px;
}
.main-section .glory li {
	box-shadow: none;
}
.main-section .line {
	background: #F1F4F6;
	width: 1px;
	height: 100px;
	flex: initial;
	padding: 0;
	border-radius: 0;
	box-shadow: none;
}
.main-section .title {
	display: none;
}

/* 通用标题 */
.main-title-section{
	position: relative;
	margin: 0 8%;
	display: flex;
	align-items: flex-end;
}
.main-title-section::after {
	position: absolute;
	left: 0;
	top: 50%;
	content: '';
	border: 6px solid #F01515;
	height: 30px;
	transform: translateY(-50%);
}
.main-title-section h2 {
	font-weight: bold;
	font-size: 40px;
	color: #0B1024;
	margin-left: 30px;
}
.main-title-section h3 {
	font-size: 24px;
	color: #727175;
	margin-left: 20px;
}

.main-title-section.en h2 {
	font-size: 32px;
}

.main-title-section.en h3 {
	font-size: 22px;
}

/* 核心业务 */
.core-bus-section {
	margin-top: 110px;
}
.core-bus-section ul{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 109px 8%;
}
.core-bus-section ul li{
	flex: 1;
	text-align: center;
}

.core-bus-section ul li .icon{
	width: 80px;
}
.core-bus-section ul li h4{
	font-size: 28px;
	color: #0B1024;
	margin: 30px 0;
}

.core-bus-section ul li h5{
	font-size: 22px;
	color: #727175;
}

.core-bus-section ul li h5.en {
	min-height: 100px;
	padding: 0 20px;
}
.core-bus-section ul.format {
	gap: 20px;
	margin: 50px 8%;
	
}
.core-bus-section ul.format li {
	background: #F5F8FD;
	border-radius: 20px;
	padding: 40px;
}
.core-bus-section ul.format li .pic{
	width: 100%;
}

.core-bus-section ul.format li h5 {
	/* height: 50px; */
	width: 75%;
	margin: 0 auto;
	margin-bottom: 5px;
	font-size: 18px;
}

.core-bus-section ul.core h5 {
	/* height: 60px; */
	width: 70%;
	margin: 0 auto;
	margin-bottom: 5px;
}
.core-bus-section .flow {
	align-items: flex-start;
	gap: 0 50px;
}
.core-bus-section .flow li {
	position: relative;
}
.core-bus-section .flow li h5 {
	font-size: 18px;
	margin-bottom: 8px;
}
.core-bus-section .flow li .arrow {
	position: absolute;
	right:  -40px;
	top: 20%;
}
/* 产品 */
.product-section {
	margin-top: 110px;
}
.product-section ul{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 50px 8%;
	gap: 20px;
}
.product-section ul li{
	flex: 1;
	text-align: center;
	background: #F5F8FD;
	border-radius: 20px;
	padding: 40px;
}
.product-section ul li .title {
	display: flex;
	align-items: center;
}
.product-section ul li .title .icon{
	width: 100px;
}
.product-section ul li .title .info {
	margin-left: 20px;
	text-align: left;
}
.product-section ul li .title .info h2 {
	font-size: 32px;
	color: #0B1024;
	margin-bottom: 5px;
}
.product-section ul li .title .info.en h2 {
	font-size: 24px;
}
.product-section ul li .title .info h3 {
	font-size: 24px;
	color: #727175;
}
.product-section ul li .title .info.en h3 {
	font-size: 20px;
}
.product-section ul li .pic {
	width: 100%;
	height: 290px;
	object-fit: cover;
	margin: 30px 0;
}
.product-section ul li h4{
	font-size: 20px;
	color: #727175;
	margin: 30px 0 0;
}

.product-section  .product-banner {
	background: url(../img/index/banner_back_01.png) no-repeat center/cover;
	/* height: 140px; */
	margin: 50px 8%;
	text-align: center;
	font-weight: bold;
	font-size: 42px;
	color: #0B1024;
	border-radius: 20px;
	padding: 45px 40px;
	
}
.product-section  .product-banner.en {
	font-size: 24px;
	text-align: left;
}
.product-section dl{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 20px 0;
}

.product-section dl dd{
	width: 50%;
	text-align: left;
	font-size: 18px;
	color: #727175;
}
.product-section dl.en dd{
	width: 100%;
	font-size: 16px;
}
.product-section dl dd .icon{
	width: 25px;
	margin-right: 10px;
}
/* 应用场景 */
.scene-section {
	margin-top: 110px;
}
.scene-section ul{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	gap:  20px 1%;
	margin: 50px 8% 0;
}
.scene-section ul li{
	width: 24%;
}
.scene-section ul li .icon{
	width:100%;
}
.scene-section .scene-banner{
	background: #F5F8FD;
	height: 140px;
	margin: 50px 8%;
	text-align: center;
	line-height: 140px;
	font-weight: bold;
	font-size: 42px;
	color: #0B1024;
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 40px;
}
.scene-section .scene-banner .btn {
	width: 200px;
	height: 66px;
	background: #F01515;
	border-radius: 14px;
	color: #fff;
	text-align: center;
	font-size: 24px;
	line-height: 66px;
	font-weight: normal;
	display: block;
}
.scene-section .scene-banner .arrow {
	display: none;
}

/* 荣耀 */
.glory-section {
	margin-top: 110px;
}
.glory-section ul{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	gap:  20px 1%;
	margin: 50px 8% 0;
}
.glory-section ul li{
	width: 24%;
}
.glory-section ul li .pic{
	width:100%;
}

/* 咨询 */
.recruit-section {
	background: url(../img/index/banner_back_02.png) no-repeat center/cover;
	height: 250px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 50px 8%;
	margin-top: 150px;
}
.recruit-section .info{
	margin-right: 30px;
}
.recruit-section .info h2{
	font-weight: bold;
	font-size: 42px;
	color: #0B1024;
	margin-bottom: 20px;
}
.recruit-section .info h3{
	font-size: 24px;
	color: #727175;
	margin-top: 10px;
}
.recruit-section .btn{
	width: 380px;
	height: 100px;
	background: #F01515;
	border-radius: 14px;
	font-size: 32px;
	color: #FFFFFF;
	text-align: center;
	line-height: 100px;
}



/* 适用场景 */
.scene-list-section {
	margin-top: 110px;
}
.scene-list-section ul{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 50px 8% 0;
}
.scene-list-section ul li{
	width: 12%;
	padding: 30px;
	text-align: center;
	background: #FFFFFF;
	border-radius: 20px;
	border: 4px solid #F1F4F6;
	font-size: 16px;
	box-sizing: border-box;
}
.scene-list-section ul li .icon{
	width: 80%;
}

/* 配套场景 */
.matching-section {}
.matching-section .product-info{
	margin: 50px 8%;
	background: #FFFFFF;
	border-radius: 20px;
	border: 4px solid #F1F4F6;
	padding: 30px;
	text-align: center;
}
.matching-section .product-info .pic{
	width: 100%;
}
.matching-section .product-info h2{
	font-weight: bold;
	font-size: 28px;
	color: #0B1024;
	margin: 40px 0 20px;
}
.matching-section .product-info h3{
	font-size: 24px;
	color: #727175;
	width: 60%;
	margin: 0 auto;
}


/* 权威资质 */
.glory-list-section {
	margin-top: 110px;
}
.glory-list-section .glory{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	gap:  20px 1%;
	margin: 50px 8% 0;
}
.glory-list-section .glory li{
	width: 32%;
}
.glory-list-section .glory li .pic{
	width:100%;
}
.glory-list-section .glory li h4 {
	font-size: 28px;
	color: #0B1024;
	margin-top: 30px;
	text-align: center;
}
.glory-list-section .glory li h4.en {
	height: 50px;
	font-size: 24px;
}
.glory-list-section .glory-bottom{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	gap:  20px 1%;
	margin: 100px 8% 0;
}
.glory-list-section .glory-bottom li{
	width: 24%;
}
.glory-list-section .glory-bottom li .pic{
	width:100%;
}

.glory-list-section .glory-bottom li h4 {
	font-size: 28px;
	color: #0B1024;
	margin-top: 30px;
	text-align: center;
}
.glory-list-section .glory-bottom li h4.en {
	height: 50px;
	font-size: 24px;
}
/* 奖项 */
.glory-all-section {
	margin-top: 100px;
}
.glory-all-section .list{
	margin: 80px 8% 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: url(../img/glory/item_bottom.png) no-repeat center bottom/100%;
}
.glory-all-section .list li{
	width: 25%;
	text-align: center;
}
.glory-all-section .list li .pic{
	width: 100%;
}
.glory-all-section .list li h4{
	font-size: 28px;
	color: #0B1024;
	margin-top: 50px;
}
.glory-all-section .list li h4.en {
	font-size: 22px;
}
.glory-all-section .items {
	padding: 80px 5%;
	margin: 160px 8% 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	background: url(../img/glory/item_back.png) no-repeat center/cover;
	border-radius: 20px;
	gap: 100px 0;
}
.glory-all-section .items li {
	width: 50%;
	display: flex;
	align-items: center;
}
.glory-all-section .items li .icon {
	width: 150px;
}
.glory-all-section .items li .info{
	margin-left: 8%;
}
.glory-all-section .items li .info h4{
	font-size: 32px;
	color: #FFFFFF;
	margin-bottom: 20px;
}
.glory-all-section .items li .info h5{
	font-size: 24px;
	color: #FFFFFF;
	margin-top: 10px;
	padding-right: 30px;
}

/* 方案 */
.solution-section {
	margin: 100px 0;
}
.solution-section .pic {
	width: 100%;
	display: block;
}
.m-solution {
	margin: 50px 8% 0;
}
.solution-section .m-pic {
	display: none;
}
.solution-section ul{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 100px 0 0;
}
.solution-section ul li{
	flex: 1;
	text-align: center;
}
.solution-section ul li h4{
	font-size: 28px;
	color: #0B1024;
	margin: 30px 0;
}
.solution-section ul li h5{
	font-size: 22px;
	color: #727175;
	width: 80%;
	margin: 0 auto;
}

/* 案例 */

.cases-section {
	margin-top: 100px;
}
.cases-section .nav-items{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin: 50px 8% 0;
	gap: 20px 18px;
}
.cases-section .nav-items li{
	width: 250px;
	height: 80px;
	background: #F1F4F6;
	border-radius: 12px;
	font-size: 24px;
	color: #727175;
	text-align: center;
	line-height: 80px;
}
.cases-section .nav-items.en li {
	font-size: 18px;
}
.cases-section .nav-items li:hover{
	background: #094AB2;
	color: #fff;
	cursor: pointer;
}
.cases-section .nav-items li.active{
	background: #094AB2;
	color: #fff;
}
.cases-section .items{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 50px 8% 0;
	gap: 40px 0;
}
.cases-section .items li{
	width:48%;
	box-shadow: 0px 17px 15px 1px rgba(0,20,53,0.03);
	border-radius: 20px;
}
.cases-section .items li .pic{
	width: 100%;
	border-radius: 20px 20px 0 0;
}
.cases-section .items li .info{
	padding: 30px;
}
.cases-section .items li .info h2{
	font-weight: bold;
	font-size: 36px;
	color: #0B1024;
}
.cases-section .items li .info h3{
	font-size: 24px;
	color: #727175;
	margin-top: 20px;
}
.cases-section .items li .info .more{
	font-size: 14px;
	color: #F01515;
	margin-top: 100px;
}
.cases-section .items li .info .more .arrow{
	width: 10px;
	margin-left: 5px;
	
}
.cases-section .page-btns {
	display: flex;
	align-items: center;
	width: 300px;
	justify-content: space-between;
	margin: 0 auto;
}
.cases-section .more-arrow{
	display: block;
	margin: 100px auto;
	border: 2px solid #F1F4F6;
	padding: 20px 30px;
	border-radius: 50px;
	width: 40px;
	cursor: pointer;
}
.cases-section .more-arrow-pre{
	display: block;
	margin: 100px auto;
	border: 2px solid #F1F4F6;
	padding: 20px 30px;
	border-radius: 50px;
	width: 40px;
	transform: rotate(-180deg);
	cursor: pointer;
}
.no-data {
	color: #999;
	text-align: center;
	margin: 100px 0;
	font-size: 24px;
}
.no-data img {
	width: 120px;
	margin-bottom: 30px;
}

/* 合作伙伴 */

.partner-section {
	margin-top: 150px;
}
.partner-section h3{
	text-align: center;
	font-weight: bold;
	font-size: 42px;
	color: #0B1024;
}
.partner-section h4{
	font-size: 24px;
	color: #727175;
	margin-top: 20px;
	text-align: center;
}
.partner-section ul{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 80px 8% 0;
	gap: 20px;
}
.partner-section ul::after {
	content: '';
	width: 32%;
	height: 0;
}
.partner-section ul li{
	border-radius: 20px;
	border: 4px solid #F1F4F6;
	width: 31%;
}
.partner-section ul li .icon{
	width: 100%;
}

/* 公司简介 */
.company-section {
	margin-top: 100px;
}
.company-section .company{
	margin: 50px 0 0 8%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.company-section .mycompany {
	margin-right: 8%;margin-bottom: 100px;
}

.company-section .company .content {
	margin-top: 50px;
	font-size: 26px;
	margin-right: 150px;
	line-height: 1.7;
}

.company-section .company .pic {
	width: 40%;
}
.company-section .company .m-pic {
	display: none;
}

.company-section .content h3{
	/* font-weight: bold; */
	margin-top: 100px;
	font-size: 45px;
	color: #0B1024;
	line-height: 1;
}
.company-section .content h4{
	font-size: 24px;
	color: #0B1024;
	margin-top: 5px;
}
.company-section .content h5{
	font-size: 28px;
	color: #0B1024;
	margin-top: 20px;
}
.company-section .content h5 .icon{
	margin-right: 10px;
}

.company-section .company ul{
	margin-top: 80px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 90%;
	gap: 0 20px;
}
.company-section .company ul.en li {
	font-size: 18px;
}
.company-section .company ul li{
	/* width: 220px; */
	/* height: 80px; */
	background: #EEF4FD;
	border-radius: 12px;
	font-size: 24px;
	color: #094AB2;
	text-align: center;
	/* line-height: 80px; */
	padding: 20px;
}

/* 里程碑 */
.milestone-section {}
.milestone-section dl{
	margin: 100px 8% 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 4px solid #F1F4F6;
	padding: 0 12%;
}
.milestone-section dl dd{
	width: 30px;
	height: 30px;
	background: #F01515;
	border-radius: 50%;
	margin-bottom: -16px;
}

.milestone-section ul {
	margin: 80px 8% 100px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}
.milestone-section ul li{
	background: #F5F8FD;
	border-radius: 20px;
	padding: 40px;
	flex:1;
}

.milestone-section ul li h3{
	font-size: 24px;
	color: #0B1024;
}
.milestone-section ul li h3 .year{
	font-weight: bold;
	font-size: 42px;
	color: #084AB3;
	margin-right: 5px;
}
.milestone-section ul li .info{
	display: flex;
	align-items: center;
	margin-top: 40px;
}
.milestone-section ul li .info h4{
	font-size: 18px;
	color: #727175;
	line-height: 1.7;
	flex: 1;
}
.milestone-section ul li .info .icon{
	width: 100px;
	margin-left: 10%;
}

/* 价值观 */
.value-section {}
.value-section .value-warp{
	margin: 80px 8% 100px;
	display: flex;
	align-items: center;
}
.value-section .value-warp .pic {
	width: 30%;
}

.value-section .value-warp ul{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-left: 150px;
	gap: 100px 0;
}
.value-section .value-warp ul li{
	width: 50%;
	display: flex;
	align-items: center;
}
.value-section .value-warp ul li .right {
	margin-left: 20px;
}
.value-section .value-warp ul li .icon{
	width: 100px;
}

.value-section .value-warp ul li h4 {
	font-size: 24px;
	color: #0B1024;
	margin-bottom: 20px;
}
.value-section .value-warp ul li h5 {
	font-size: 18px;
	color: #727175;
	margin-bottom: 5px;
}

/* 优势 */
.advantage-section {}
.advantage-section ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 30px 0;
	margin: 80px 8% 50px;
}
.advantage-section ul li{
	width: 32%;
	text-align: center;
	border-radius: 20px;
	border: 4px solid #F1F4F6;
	padding: 30px;
	box-sizing: border-box;
}
.advantage-section ul li:nth-child(4) {
	width: 50%;
}
.advantage-section ul li:nth-child(5) {
	width: 48%;
}
.advantage-section ul li .icon {
	width: 100px;
}
.advantage-section ul li h4 {
	font-size: 24px;
	color: #0B1024;
	margin-bottom: 20px;
	margin-top: 20px;
}
.advantage-section ul li h5 {
	font-size: 18px;
	color: #727175;
	margin-bottom: 5px;
}
.advantage-section h3 {
	font-size: 24px;
	color: #094BB4;
	text-align: center;
	margin: 80px 0 100px;
}
.advantage-section h3 a {
	color: #094BB4;
}

/* 咨询 */
.consult-section {}
.consult-section .input-section {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin: 50px 8% 0;
	background: #F5F8FD;
	padding-top: 40px;
	border-radius: 20px;
}
.consult-section .input-section li {
	border-radius: 20px;
	padding: 30px;
	box-sizing: border-box;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
}
.consult-section .input-section li {
	width: 100%;
}
.consult-section .input-section li:nth-child(1) {
	width:50%;
}

.consult-section .input-section li:nth-child(2) {
	width: 50%;
}

.consult-section .input-section li .title {
	font-size: 18px;
	color: #0B1024;
	min-width: 100px;
}
.consult-section .input-section li input {
	height: 40px;
	font-size: 18px;
	color: #0B1024;
	flex: 1;
	background: #fff;
	padding: 20px 20px;
	border-radius: 10px;
	margin-left: 20px;
}
.consult-section .input-section li i {
	color: #F01515;
}
.consult-section .input-section li.textarea {
	align-items:flex-start;width:  100%;padding: 20px 30px;
}
.consult-section .input-section li.textarea .title {
	
}

.consult-section .input-section li textarea {
	margin-top: 3px;
	color: #0B1024;
	width: 100%;
	height: 100px;
	font-size: 17px;
	background: #fff;
	padding: 20px;
	border-radius: 10px;
	margin-left: 20px;
	
}

.consult-section .input-section li.btn {
	background: #F01515;
	border-radius: 14px;
	text-align: center;
	color: #fff;
	height:  100px;
	font-size: 24px;
	margin: 50px;
	justify-content: center;
	cursor: pointer;
}

/* 分页 */

.pagination-section {
	margin: 80px auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pagination-section li {
	width: 38px;
	height: 38px;
	background: #0D0D0D;
	border-radius: 8px;
	border: 1px solid #666666;
	font-size: 16px;
	color: #666666;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
}
.pagination-section li.active {
	background: #222;
}
.pagination-section li:hover {
	background: #222;
	cursor: pointer;
}

.pagination-section li .arrow {
	width: 13px;
}

.details-section {
	   padding: 40px;
 }
.details-section h3{
   font-size: 35px;
   margin: 0 5%;
   text-align: center;
   color: #222;
}
.details-section h4{
   font-size: 18px;
   color: #888;
   margin: 20px 5%;
   text-align: center;
   
}
.details-section h5{
   font-size: 14px;
   color: #ccc;
   border-top: 1px solid #eee;
   padding-top: 20px;
   text-align: center;
}
.details-section .content{
   padding: 50px;
   color: #222;
}
.details-section .content img {
	width: 100%;
}


 .contact-modal {
   	position: fixed;
   	left: 0;
   	right: 0;
   	top: 0;
   	bottom: 0;
   	background: rgba(0, 0, 0, .5);
   }
   .contact-modal .qr-section {
   	position: fixed;
   	left: 50%;
   	top: 50%;
   	transform: translate(-50%,-50%);
   	background-color: #fff;
   	padding: 25px 35px;
   	display: flex;
   	flex-direction: column;
   	align-items: center;
   	font-family: PingFang-SC-Heavy;
   	color: #333;
   	font-size: 16px;
   	border-radius: 10px;
   	z-index: 1000;
   }
   
   .contact-modal .code {
   	width: 250px;
   }
   
   .contact-modal .close {
   	position: absolute;
   	right: 12px;
   	top: 12px;
   	width: 12px;
   	height: 12px;
   	cursor: pointer;
   }

/* 移动导航隐藏 */
.m-header {
	display: none;
}

.m-footer {
	display: none;
}

.m-banner {
	   display: none;
}

.m-nav {
	display: none;
}

.m-banner-section {
	display: none;
}
.product-section .m-pic {
   display: none;
}

.value-section .value-warp ul li.m-value {
	display: none;
}
@media screen and (max-width: 1800px) { 
	.nav.en ul {
		font-size: 13px
	}
}
/* 移动端适配 */

@media screen and (max-width: 960px) { 
	/* 屏幕小于960px显示移动端 */
   html{
     font-size: 13.3333333vw /*以750宽度做来标准，所以rem值，是除以100获得*/
     /*即：我们把html:{font-size: 13.33333333vw} 
      也就是以100px位基准；1rem = 100px;
     现在就好算多了；移动端的尺寸 / 100  =  XXX rem；
   */
   }
   /* 隐藏pc端顶部 */
   a,li,div {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} /*  去除点击出现的阴影 */
   :root {
       -webkit-tap-highlight-color: transparent; /* 或者你想要的颜色 */
   }
   .header {
   	display: none;
   }
   
   .footer {  
	   	display: none;
   }
   
   .wrapper {
       max-width: none;
       margin: auto;
       min-width: auto;
   }
   .banner {
	   display: none;
   }
   
   .fix-wrap {
	   display: none;
   }
   
   .banner-section {
	   display: none;
   }

   
   /* 头部导航 */
   .m-header{display: block;height: 1.3rem;position: fixed; z-index:1000; width: 100%; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-animation:gupIn 1s 0.1s both; -moz-animation:gupIn 1s 0.1s both; animation:gupIn 1s 0.1s both;background: url(../img/m/m_header.png) no-repeat center top/100%;}
   .m-header.mini{ box-shadow: 0 2px 6px rgba(0, 0, 0, .1);}
   .m-header.hide{ display: none }
   .m-header.on{background:#fff;}
   .m-header.fix{position:fixed;}
   .m-header .m-wrapper{position:relative;height: 100%;display: flex;align-items: center;justify-content: space-between;padding: 0 0.3rem;}
   .m-header .logo img{width: 1.82rem}
   .m-header .right {
	   display: flex;
	   align-items: center;
   }
   .m-header .contact {
	   width: 1.8rem;
	   height: 0.6rem;
	   background: #F01515;
	   border-radius: 0.14rem;
	   line-height: 0.6rem;
	   text-align: center;
	   font-size: 0.22rem;
	   color: #fff;
	   display: block;
	   margin-right: 0.3rem;
   }
   .m-header .menu {
	  width: .5rem
   }
.m-nav {
	   width: 100vw;
	   background: #fff;
	   height: 100vh;
	   position: fixed;
	   top: 0;
	   left: 0;
	   right: 0;
	   bottom: 0;
	   transform:translate3d(100%,0,0);
	   transition: all 0.2s;
	   z-index: 10000;
	   overflow-y: auto;
	   display: block;
   }
 .m-nav.menu-show{
     transform:translate3d(0,0,0);
   }
.m-nav .close {
	   width: .3rem;
	   position: absolute;
	   right: 0.3rem;
	   top: .3rem;
   }
 .m-nav ul{
		margin: 1.4rem 1rem 0
	}
 .m-nav ul li{
		border-radius: .15rem;
		margin-bottom: 0.3rem;
		text-align: left;
		font-size: 0.32rem;
	}
	
.m-nav ul li.active {
		 color: #fff;
		 position: relative;
	 }
 .m-nav ul li.active a {
		 color: #044ECB;
	 }
 .m-nav ul li a {
	 	color: #000;
		display: block;
		height: 1rem;
		line-height: 1rem;
}

 .m-nav .language {
	 margin: 2rem 1rem;
	 color: #000;
	 text-align: left;
	 font-size: 0.28rem;
	 font-weight: bold;
		
}
	
	/* 移动端底部 */
	
   .m-footer {
	   width: 100%;
	   display: block;
	   padding: 1.1rem 0.4rem 0;
	   box-sizing: border-box;
	   background: linear-gradient(90deg, #0C1D36, #042E71);
   }
   .m-footer .foot-section {}
   .m-footer .foot-section .logo_bottom{
	   width: 4.91rem;
   }
   .m-footer .title-section{
   	position: relative;
	font-size: 0.32rem;
	padding-left: 0.3rem;
	margin: 0.6rem 0;
	color: #fff;
   }
   .m-footer .title-section::after {
   	position: absolute;
   	left: 0;
   	top: 50%;
   	content: '';
   	border: 0.06rem solid #F01515;
   	height: 0.2rem;
	transform: translateY(-50%);
   }
   .m-footer .foot_menu{
	   display: flex;
	   align-items: center;
	   flex-wrap: wrap;
	   justify-content: space-between;
	   gap: 0.4rem 0;
   }

   .m-footer .foot_menu a{
	   font-size: 0.26rem;
	   color: #8596B0;
	   padding: 0 0.1rem;
	   display: inline-block;
	   width: 30%;
   }
   .m-footer .foot_menu.en a{
   	   width: auto;
   }
   .m-footer .foot_menu a:nth-child(2) {
	   text-align: center;
   }
   .m-footer .foot_menu a:nth-child(5) {
   	   text-align: center;
   }
   .m-footer .foot_menu a:nth-child(3n) {
   	   text-align: right;
   }
   .m-footer .contact-items {
	   margin-top: 0;
   }
   .m-footer .contact-items li {
	   font-size: 0.24rem;
	   color: #8596B0;
   }
   .m-footer .foot-section {
	   position: relative;
   }
   .m-footer .copy-right{
	   color: #BAC0CC;
	   padding: 0.5rem 0;
	   border-top: 0.01rem solid rgba(133, 150, 176, 0.2);
	   font-size: 0.22rem;
   }
    .m-footer .top-box {
   	position: absolute;
   	right: 0;
   	bottom: 0.5rem;
   	cursor: pointer;
   }
	.m-footer .top-icon {
		width: 0.8rem;
	}
  .m-footer .m-contact-icons .show-qr {
  	width: 2rem;
  	border-radius: 0.1rem;
  	padding: 0.1rem;
  	box-sizing: border-box;
  	background-color: #ffff;
  	position: absolute;
  	right: -2.2rem;
  	bottom: -0.65rem;
  	display: block;
	z-index: 2;
  }
  
  .m-footer .m-contact-icons .show-qr::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -0.08rem; /* 使箭头居中 */
    width: 0; 
    height: 0; 
    border-top: 0.1rem solid transparent;
    border-bottom: 0.1rem solid transparent;
    border-right: 0.1rem solid #fff; /* 使用你想要的箭头颜色 */
    transform: translateY(-50%) rotate(0deg); /* 使箭头向下 */
  }
  .m-footer .m-contact-icons .show-qr img {
  	width: 100%;
  }
  .m-footer .m-contact-icons{
      text-align: center;
      display: flex;
      align-items: center;
      margin-top: 0.2rem;
  	  margin-bottom: 0.4rem;
  }
  .m-footer .m-contact-icons li{
  	position: relative;
  	margin-right: 0.2rem;
  }
  .m-footer .m-contact-icons li .icon {
	  width: 0.7rem;
  }
   
   /*首页*/
   .m-banner {
	   display: block;
	   width: 100%;
	   position: relative;
	   height: 10rem;
	   overflow: hidden;
   }
    .m-banner .banner-swiper {
		height: 10rem;
	}
   .m-banner img {
	   width: 100%;
   }
  .m-banner .pro-btn {
	  display: flex;
	  align-items: center;
	  position: absolute;
	  left: 0;
	  right:0;
	  bottom: 0;
  }
  .m-banner .pro-btn li{
	  flex: 1;
	  background: rgba(25, 25, 25, 0.5);
	  color: #fff;
	  text-align: center;
	  font-size:.32rem;
	  padding: 0.3rem;
  }
  .m-banner .pro-btn li.red{
	  background: #F01515;
  }
  .m-banner .pro-btn li a {
  	display: block;
  	color: #fff;
  }
  .m-banner .banner-swiper .swiper-pagination-bullets {
       bottom: 0 !important;
   }
   
   .m-banner-section {
   	   display: block;
   }
   .m-banner-section img {
   	   width: 100%;
   }
    .m-banner .video {
      	width: 100%;
    }
   /*首页*/
   .main-section {
   	position: relative;
   	z-index: 2;
   }
   .main-section ul{
   	margin: 0;
   	display: block;
   }
   .main-section ul li {
   	text-align: center;
   	padding: 0.2rem 0.25rem;
   	background: #FFFFFF;
   	box-shadow: 0 0.17rem 0.15rem 0.01rem rgba(0,20,53,0.03);
   	border-radius: 0.2rem;
	margin: 0.2rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
   }
   .main-section ul h2 {
   	font-size: 0.28rem;
   	color: #0B1024;
	order: 2
	
   }
   .main-section ul h2.en {
       font-size: 0.28rem;
	   line-height: 1;
	   width: 2rem;
   }
   .main-section ul .icon {
   	width: 1rem;
	margin: 0;
	
   }
   .main-section ul h5 {
   	font-size: 0.22rem;
   	color: #727175;
   	margin: 0;
	text-align: left;
	margin-bottom: 0.1rem;
   }
   .main-section ul .right {
	   order:3;
	   width: 57%;
   }
   .main-section ul h4 {
   	font-size: 0.42rem;
   	color: #094AB2;
   	margin-bottom: 0.1rem;
   }
   .main-section ul li h3 {
   	background: #EEF4FD;
   	border-radius: 100%;
   	font-weight: 600;
   	font-size: 0.38rem;
   	color: #094AB2;
   	text-align: center;
   	display: inline-block;
   	margin: 0.3rem 0;
   	width: 1rem;
   	height: 1rem;
   	line-height: 1rem;	
   }
   .main-section .glory {
   	background: #fff;
   	border-radius: 0.2rem;
   	box-shadow: none;
   	margin: 0.5rem 0.3rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
   }
   .main-section .glory li {
   	box-shadow: none;
	width: 45%;
	flex: inherit;
	box-sizing: border-box;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: column;
	padding: 0.2rem;
   }
   .main-section .glory .line {
	display: none;
   }
   .main-section .glory li h3 {
   	   margin: 0 0 0.3rem;
   }
   .main-section .glory li h2 {
   	   order: 2;
   	   font-weight: bold;
   }
   .main-section .glory.en li h2 {
	   font-size: 0.35rem;
	   line-height: 1;
	   margin-bottom: 0.2rem;
   }
   .main-section .glory li h5 {
	  width: auto;
	  order: 2;
	  font-size: 0.22rem;
	  text-align: center;
   }
   .main-section .glory.en h5 {
	   height: auto;
   }
   .main-section .glory.contact {
		display: block;
   }
   
   .main-section .glory.contact li {
   		width: 100%;
		display: flex;
		text-align: center;
		padding: 0.4rem 0.25rem;
		background: #FFFFFF;
		box-shadow: 0 0.17rem 0.15rem 0.01rem rgba(0,20,53,0.03);
		border-radius: 0.2rem;
		margin-bottom: 0.2rem;
   }
   
   .main-section .glory.contact li .icon {
	   margin: 0 0 0.3rem;
   }
   
    .main-section ul.en  h2 {
		display: none;
	}
	
	.main-section ul.en li .title {
		display: block;
		font-size: 0.28rem;
		line-height: 1;
		margin-bottom: 0.2rem;
		text-align: left;
		color: #0B1024;
	}
	.main-section ul.en li .right {
		width: auto;
		margin-left: 0.5rem;
	}
   
   /* 通用标题 */
   .main-title-section{
   	position: relative;
   	margin: 0;
   	display: block;
   }
   .main-title-section::after {
   	position: absolute;
   	left: 50%;
	transform: translateX(-50%);
   	bottom: -0.2rem;
   	content: '';
	border: none;
   	border-bottom: 0.06rem solid #F01515;
   	height: 0;
	width: 0.5rem;
	top: auto;
   }
   .main-title-section h2 {
   	font-weight: bold;
   	font-size: 0.32rem;
   	color: #0B1024;
   	margin-left: 0;
	padding: 0 0.2rem;
	text-align: center;
   }
   .main-title-section h3 {
   	font-size: 0.24rem;
   	color: #727175;
   	margin-left: 0;
	text-align: center;
	padding: 0.1rem 0;
   }
   
   .main-title-section.en h2{
	   font-size: 0.32rem;
   }
   
   .main-title-section.en h3{
   	   font-size: 0.24rem;
   }
   
   /* 核心业务 */
   .core-bus-section {
   	margin-top: 0.8rem;
   }
   .core-bus-section ul{
   	display: flex;
   	align-items: center;
   	justify-content: space-between;
	flex-wrap: wrap;
   	margin: 1rem 0;
	gap: 1rem 0;
   }
   .core-bus-section ul li{
   	flex: auto;
   	text-align: center;
	width: 50%;
   }
   
   .core-bus-section ul li .icon{
   	width: 0.86rem;
   }
   .core-bus-section ul li h4{
   	font-size: 0.28rem;
   	color: #0B1024;
   	margin: 0.3rem 0.2rem;
   }
   .core-bus-section ul li h5{
   	font-size: 0.22rem;
   	color: #727175;
	margin: 0 0.8rem;
   }
   .core-bus-section ul li h5.en {
       min-height: 0;
       padding: 0;
	    margin: 0 0.3rem;
   }
   .core-bus-section ul.format {
   	gap: 0.2rem;
   	margin: 0.5rem 0;
   	
   }
   .core-bus-section ul.format li {
   	background: #fff;
   	border-radius: 0.2rem;
   	padding: 0.1rem 0.4rem;
   }
   .core-bus-section ul.format li .pic{
   	width: 100%;
   }
   
   .core-bus-section ul.format li h5 {
   	/* height: 0.6rem; */
   	width: 80%;
   	margin: 0 auto;
	font-size: 0.24rem;
	margin-bottom: 0.1rem;
   }
   
   .core-bus-section ul.core h5 {
   	/* height: 0.6rem; */
   	width: 70%;
   	margin: 0 auto;
	font-size: 0.24rem;
	margin-bottom: 0.1rem;
   }
   .core-bus-section .flow {
	display: block;

	
   }
   .core-bus-section .flow li {
	   display: flex;
	   align-items: center;
	   width: auto;
	   text-align: left;
	   position: relative;
	   margin-bottom: 1.5rem;
	   padding-left: 1.5rem;
   }
   .core-bus-section .flow li .icon {}
   .core-bus-section .flow li .right {
	   margin-left: 0.6rem;
   }
   .core-bus-section .flow li .arrow {
	   width: 0.28rem;
	   position: absolute;
	   left:  42%;
	   top: auto;
	   right: auto;
	   bottom: -1rem;
	   transform: translateX(-50%) rotate(90deg);
   }
   .core-bus-section .flow li h4 {
   	font-size: 0.28rem;
	margin: 0 0 0.15rem;
   }
   .core-bus-section .flow li h5 {
   	font-size: 0.22rem;
	margin: 0;
	margin-bottom: 0.1rem;
	padding-right: 0.3rem;
   }
   .core-bus-section .flow li .arrow {
   	margin-top: 0.4rem;
   }
   
   
   /* 产品 */
   .product-section {
   	margin-top: 1rem;
   }
   .product-section ul{
   	display: flex;
   	align-items: center;
   	justify-content: space-between;
	flex-wrap: wrap;
   	margin: 0.5rem 0;
   	gap: 0;
   }
   .product-section ul li{
   	flex: inherit;
   	text-align: center;
   	background: #fff;
   	border-radius: 0.2rem;
   	padding: 0.4rem 0;
	width: 50%;
   }
   .product-section ul li .title {
   	display: block;
   	align-items: center;
	
   }
   .product-section .m-pic {
	   display: block;
   }
   .product-section .m-pic .m-icon{
	   width: 100%;
   }
   .product-section ul li .title .icon{
   	width: 1rem;
	
   }
   .product-section ul li .title .info {
   	margin-left: 0.2rem;
   	text-align: left;
   }
   .product-section ul li .title .info h2 {
   	font-size: 0.28rem;
   	color: #0B1024;
   	margin-bottom: 0.05rem;
	margin: 0.3rem 0 0.1rem;
	padding: 0 0.2rem;
   }
   .product-section ul li .title .info h3 {
   	font-size: 0.22rem;
   	color: #727175;
	text-align: center;
	padding: 0 0.2rem;
   }
   .product-section ul li .title .info.index {
	   text-align: center;
	   margin-left: 0;
   }
   .product-section ul li .pic {
   	width: 100%;
   	height: 2.9rem;
   	object-fit: cover;
   	margin: 0.3rem 0;
	display: none;
   }
   .product-section ul li h4{
   	font-size: 0.22rem;
   	color: #727175;
   	margin: 0.2rem 0 0;
	text-align: center;
	padding: 0 0.2rem;
   }
   
   .product-section  .product-banner {
		background: url(../img/index/banner_back_01.png) no-repeat center/cover;
		/* height: 1.4rem; */
		margin: 0.5rem  0.3rem;
		text-align: center;
		/* line-height: 1.4rem; */
		font-weight: bold;
		font-size: 0.26rem;
		color: #0B1024;
		border-radius: 0.2rem;
		padding: 0.5rem 0.2rem;
   	
   }
   .product-section .product-banner.en {
	   font-size: 0.24rem;
   }
   .product-section .m-product {
	   display: block;
   }
   .product-section .m-product li {
	   width: auto;
	   border-radius: 0.2rem;
	   border: 0.01rem solid #F1F4F6;
	   margin: 0.2rem;
	   padding: 0.5rem  0;
	
   }
   .product-section .m-product li .pic {
	  width: 50%; 
	  height: 2.9rem;
	  object-fit: cover;
	  margin: 0.5rem auto;
	  display: block;
   }
   .product-section .m-product .title {
	   display: flex;
	   justify-content: center;
   }
   .product-section .m-product .title .info h2 {
	   margin-top: 0;
   }
   .product-section ul li .title .info.en {
	   width: 60%;
   }
   .product-section ul li .title .info.en h2 {
       font-size: 0.24rem;
   }
   .product-section ul li .title .info.en h3 {
       font-size: 0.2rem;
	   text-align: left;
   }
   .product-section dl{
   	display: flex;
   	align-items: center;
   	flex-wrap: wrap;
   	justify-content: space-between;
   	gap: 0.2rem 0;
   	margin: 0.5rem 0.3rem 0 1.3rem;
   }
   .product-section dl.en dd {
       width: 100%;
       font-size: 0.24rem;
   }
   .product-section dl dd{
   	width: 50%;
   	text-align: left;
   	font-size: 0.24rem;
   	color: #727175;
   }
   .product-section dl dd .icon{
   	width: 0.3rem;
   	margin-right: 0.1rem;
   }
   
   
   
   /* 应用场景 */
   .scene-section {
   	margin-top: 0.8rem;
   }
   .scene-section ul{
   	display: flex;
   	align-items: center;
   	flex-wrap: wrap;
   	justify-content: space-between;
   	gap:  0.2rem 0;
   	margin: 0.8rem 0.2rem 0.2rem;
   }
   .scene-section ul li{
   	width: 49%;
   }
   .scene-section ul li .icon{
   	width:100%;
   }
   
   
   .scene-section .scene-banner{
   	background: #F5F8FD;
   	height: 1.4rem;
   	margin: 0.3rem  0.2rem;
   	text-align: center;
   	line-height: 1.4rem;
   	font-weight: bold;
   	font-size: 0.32rem;
   	color: #0B1024;
   	border-radius: 0.2rem;
   	display: flex;
   	align-items: center;
   	justify-content: center;
   	padding: 0 0.4rem;
   }
  .scene-section .scene-banner .btn {
	  display: none;
  }
   .scene-section .scene-banner .arrow {
   	width: 0.3rem;
	margin-left: 0.2rem;
	display: block;
   }
   
   /* 荣耀 */
   .glory-section {
   	margin-top: 0.8rem;
   }
   .glory-section ul{
   	display: flex;
   	align-items: center;
   	flex-wrap: wrap;
   	justify-content: space-between;
   	gap:  0.2rem 0;
   	margin: 0.8rem 0.2rem;
   }
   .glory-section ul li{
   	width: 49%;
   }
   .glory-section ul li .pic{
   	width:100%;
   }
   
   
   /* 咨询 */
   .recruit-section {
   	background: url(../img/index/banner_back_02.png) no-repeat center/cover;
   	height: auto;
   	display: block;
   	align-items: center;
   	justify-content: space-between;
   	padding: 0.5rem;
   	margin: 0.5rem 0.2rem;
	border-radius: 0.2rem;
   }
   .recruit-section .info{
	   text-align: center;
	   margin-right: 0;
   }
   .recruit-section .info h2{
   	font-weight: bold;
   	font-size: 0.32rem;
   	color: #0B1024;
   	margin-bottom: 0.2rem;
   }
   .recruit-section .info h3{
   	font-size: 0.24rem;
   	color: #727175;
   	margin-top: 0.1rem;
   }
   .recruit-section .btn{
   	width: 3.5rem;
   	height: 0.8rem;
   	background: #F01515;
   	border-radius: 0.14rem;
   	font-size: 0.28rem;
   	color: #FFFFFF;
   	text-align: center;
   	line-height: 0.8rem;
	margin: 0.5rem auto 0;
	display: block;
	
   }
   
   /* 适用场景 */
   .scene-list-section {
   	margin-top: 0.8rem;
   }
   .scene-list-section ul{
   	display: flex;
   	align-items: center;
   	justify-content: space-between;
	flex-wrap: wrap;
   	margin: 0.8rem 0.2rem 0;
	gap: 0.2rem
   }
   .scene-list-section ul li{
   	width: 22%;
   	padding: 0.3rem;
   	text-align: center;
   	background: #FFFFFF;
   	border-radius: 0.2rem;
   	border: 0.04rem solid #F1F4F6;
   	font-size: 0.21rem;
   	box-sizing: border-box;
	height: 1.8rem;
   }
   .scene-list-section ul li.en {
	   font-size: 0.16rem;
   }
   .scene-list-section ul li .icon{
   	width: 90%;
   }
   
   /* 配套场景 */
   .matching-section {}
   .matching-section .product-info{
   	margin: 0.8rem 0.2rem;
   	background: #FFFFFF;
   	border-radius: 0.2rem;
   	border: none;
	box-shadow: 0px 0px 20px 0px rgba(102,102,102,0.1);
   	padding: 0.5rem 0.3rem;
   	text-align: center;
   }
   .matching-section .product-info .pic{
   	width: 100%;
   }
   .matching-section .product-info h2{
   	font-weight: bold;
   	font-size: 0.28rem;
   	color: #0B1024;
   	margin: 0.4rem 0 0.2rem;
   }
   .matching-section .product-info h3{
   	font-size: 0.24rem;
   	color: #727175;
	width: auto;
   }
   
   
   
   /* 权威资质 */
   .glory-list-section {
   	margin-top: 0.8rem;
   }
   .glory-list-section .glory{
   	display: inline-flex;
   	align-items: center;
   	flex-wrap: nowrap;
   	justify-content: space-between;
   	gap: 0.2rem;
   	margin: 0.8rem 0.2rem 0.5rem;
	
   }
   
   .glory-list-section .m-glory {
	   width: 100%;
	   overflow-x: auto;
   }
   .glory-list-section .m-glory::-webkit-scrollbar {
     display: none; /* Chrome, Safari, Opera*/
   }
   .glory-list-section .glory li{
   	width: 5.2rem;
   }
   .glory-list-section .glory li .pic{
   	width:100%;
   }
   .glory-list-section .glory li h4 {
   	font-size: 0.28rem;
   	color: #0B1024;
   	margin-top: 0.3rem;
   	text-align: center;
   }
   .glory-list-section .glory li h4.en {
	   font-size: 0.28rem;
	   height: 0.5rem;
   }
   .glory-list-section .glory-bottom{
   	display: inline-flex;
   	align-items: center;
   	flex-wrap: nowrap;
   	justify-content: space-between;
   	gap:  0.2rem;
   	margin: 0.2rem 0.2rem;
   }
   .glory-list-section .glory-bottom li{
   	width: 3.84rem;
   }
   .glory-list-section .glory-bottom li .pic{
   	width:100%;
   }
   
   .glory-list-section .glory-bottom li h4 {
   	font-size: 0.28rem;
   	color: #0B1024;
   	margin-top: 0.3rem;
   	text-align: center;
   }
   .glory-list-section .glory-bottom li h4.en {
	   font-size: 0.28rem;
	   height: 0.5rem;
   }
   /* 奖项 */
   .glory-all-section {
   	margin-top: 0.8rem;
   }
   .glory-all-section .m-list {
	   width: 100%;
	   overflow-x: auto;
   }
   .glory-all-section .m-list::-webkit-scrollbar {
     display: none; /* Chrome, Safari, Opera*/
   }
   .glory-all-section .list{
   	margin: 1rem 0.2rem 0.5rem;
   	display: inline-flex;
   	align-items: center;
   	justify-content: space-between;
   	background: url(../img/glory/item_bottom.png) no-repeat center bottom/100%;
   }
   .glory-all-section .list li{
   	width: 4rem;
   	text-align: center;
   }
   .glory-all-section .list li .icon{
   	/* width: 100%; */
   }
   .glory-all-section .list li h4{
   	font-size: 0.28rem;
   	color: #0B1024;
   	margin-top: 0.5rem;
   }
   
   .glory-all-section .list li h4.en {
	   font-size: 0.28rem;
	   height: 0.5rem;
   }
   
   .glory-all-section .items {
   	padding: 0.5rem 0.6rem;
   	margin: 0.5rem 0.2rem;
   	display: block;
   	flex-wrap: wrap;
   	align-items: center;
   	justify-content: space-between;
   	background: url(../img/glory/item_back.png) no-repeat center/cover;
   	border-radius: 0.2rem;
   	gap: 1rem 0;
   }
   .glory-all-section .items li {
   	width: 100%;
   	display: flex;
   	align-items: center;
	margin-bottom: .5rem;
   }
   .glory-all-section .items li .icon {
   	width: 1.5rem;
   }
   .glory-all-section .items li .info{
   	margin-left: 0.5rem;
   }
   .glory-all-section .items li .info h4{
   	font-size: 0.32rem;
   	color: #FFFFFF;
   	margin-bottom: 0.2rem;
   }
   .glory-all-section .items li .info h5{
   	font-size: 0.24rem;
   	color: rgba(255, 255, 255, .6);
   	margin-top: 0.1rem;
	padding-right: 0;
   }
   
   /* 方案 */
   .solution-section {
   	margin: 1rem 0;
   }
    .solution-section  .m-solution {
	   display: flex;
	   align-items: center;
	   margin: 0;
   }
   .solution-section .m-pic {
   	margin: 0.5rem 0 0;
	width: 50%;
	display: block;
   }
   .solution-section .pic {
	display: none;
   }
   .solution-section ul{
   	display: block;
   	align-items: center;
   	justify-content: space-between;
   	margin: 0.6rem 0.3rem 0 0.5rem;
   }
   .solution-section ul li{
   	flex: 1;
   	text-align: left;
	margin-bottom: 1.35rem;
   }
   .solution-section ul li:first-child {
	   margin-bottom: 2.8rem;
   }
   .solution-section ul li:last-child{
	   margin-bottom: 0;
   }
   .solution-section ul li h4{
   	font-size: 0.28rem;
   	color: #0B1024;
   	margin: 1rem 0 0.2rem;
   }
   .solution-section ul li h5{
   	font-size: 0.24rem;
   	color: #727175;
	width: auto;
   }
   
   /* 案例 */
   
   .cases-section {
   	margin-top: 0.8rem;
   }
   .cases-section .nav-items{
   	display: flex;
   	align-items: center;
   	flex-wrap: wrap;
	margin: 0.8rem 0.3rem 0;
   	gap: 0.2rem;
   }
   .cases-section .nav-items li{
   	width: 2.15rem;
   	height: 0.8rem;
   	background: #F1F4F6;
   	border-radius: 0.12rem;
   	font-size: 0.22rem;
   	color: #727175;
   	text-align: center;
   	line-height: 0.8rem;
   }

   .cases-section .nav-items.en li {
	   font-size: 0.20rem;
	   line-height: 1;
	   box-sizing: border-box;
	   display: flex;
	   align-items: center;
	   justify-content: center;
   }
   .cases-section .nav-items li:hover{
   	background: #094AB2;
   	color: #fff;
   	cursor: pointer;
   }
   .cases-section .nav-items li.active{
   	background: #094AB2;
   	color: #fff;
   }
   .cases-section .items{
   	display: block;
   	align-items: center;
   	flex-wrap: wrap;
   	justify-content: space-between;
   	margin: 0.5rem 0.3rem;
   	gap: 0.4rem 0;
   }
   .cases-section .items li{
   	width: 100%;
   	box-shadow: 0px 0.17rem 0.15rem 0.01rem rgba(0,20,53,0.03);
   	border-radius: 0.2rem;
	margin-bottom: 0.3rem;
   }
   .cases-section .items li .pic{
   	width: 100%;
   	border-radius: 0.2rem 0.2rem 0 0;
   }
   .cases-section .items li .info{
   	padding: 0.3rem 0.3rem 0.5rem;
   }
   .cases-section .items li .info h2{
   	font-weight: bold;
   	font-size: 0.36rem;
   	color: #0B1024;
   }
   .cases-section .items li .info h3{
   	font-size: 0.24rem;
   	color: #727175;
   	margin-top: 0.2rem;
   }
   .cases-section .items li .info .more{
   	font-size: 0.24rem;
   	color: #F01515;
   	margin-top: 0.5rem;
   }
   .cases-section .items li .info .more .arrow{
   	width: 0.2rem;
   	margin-left: 0.03rem;
   	
   }
   .cases-section .more-arrow{
   	display: block;
   	margin: 0.8rem auto;
	border: 0.02rem solid #F1F4F6;
	padding: 0.3rem 0.4rem;
	border-radius: 0.5rem;
	width: 0.4rem;
	
   }
   .cases-section .page-btns {
   	display: flex;
   	align-items: center;
   	width: 3rem;
   	justify-content: space-between;
	margin: 0 auto;
   }

   .cases-section .more-arrow-pre{
   	display: block;
   	margin: 0.8rem auto;
   	border: 0.02rem solid #F1F4F6;
   	padding: 0.3rem 0.4rem;
   	border-radius: 0.5rem;
   	width: 0.4rem;
   	transform: rotate(-180deg);
   }
   .no-data {
   	color: #999;
   	text-align: center;
   	margin: 1rem 0;
	font-size: .24rem;
   }
   .no-data img {
   	width: 1.5rem;
   	margin-bottom: 0.3rem;
   }
   
   /* 合作伙伴 */
   
   .partner-section {
   	margin-top: 0.8rem;
   }
   .partner-section h3{
   	text-align: center;
   	font-weight: bold;
   	font-size: 0.42rem;
   	color: #0B1024;
   }
   .partner-section h4{
   	font-size: 0.24rem;
   	color: #727175;
   	margin-top: 0.2rem;
   	text-align: center;
   }
   .partner-section ul{
   	display: flex;
   	align-items: center;
   	flex-wrap: wrap;
   	justify-content: space-between;
   	margin: 0.5rem 0.3rem;
   	gap: 0.2rem 0;
   }
   .partner-section ul li{
   	border-radius: 0.2rem;
   	border: 0.04rem solid #F1F4F6;
   	width: 47.5%;
   }
   .partner-section ul li .icon{
   	width: 100%;
   }
   
   
   /* 公司简介 */
   .company-section {
   	margin-top: 0.3rem;
   }
   .company-section .company{
   	margin: 0.8rem 0;
   	display: block;
   	align-items: flex-start;
   	justify-content: space-between;
	position: relative;
   }
   
   .company-section .mycompany {
   	margin-right: 0;
	margin-bottom: 0.8rem;
	margin-top: 0rem;
	text-align: center;
   }
   
   .company-section .company .content {
   	font-size: 0.28rem;
   	margin: 0.8rem 0.3rem;
   	line-height: 1.7;
   }

   .company-section .company .pic {
   	width: 4rem;
	position: absolute;
	z-index: -1;
	right: 0;
	bottom: 0;
	opacity: 0.2;
   }
   .company-section .mycompany .pic {
	   display: none;
   }
   .company-section .mycompany .m-pic {
	   width: 7rem;
   	   position: relative;
	   border-radius: 0.2rem;
	   margin-bottom: 0.3rem;
	   display: block;
	   margin: 0.8rem auto 0.5rem;
   }
   .company-section .mycompany h5 .icon {
	   width: 0.2rem;
   }
   
   
   .company-section .content h3{
   	/* font-weight: bold; */
   	margin-top: 0.8rem;
   	font-size: 0.45rem;
   	color: #0B1024;
   	line-height: 1;
   }
   .company-section .content h4{
   	font-size: 0.24rem;
   	color: #0B1024;
	margin-top: 0.1rem;
   	
   }
   .company-section .content h5{
   	font-size: 0.28rem;
   	color: #0B1024;
   	margin-top: 0.2rem;
   }
   .company-section .content h5 .icon{
   	margin-right: 0.1rem;
   }
   
   .company-section .company ul{
   	margin-top: 0.8rem;
   	display: flex;
   	align-items: center;
   	justify-content: space-between;
	margin: 0 0.3rem;
   }
   .company-section .company ul li{
   	/* width: 2.2rem;
   	height: 0.8rem; */
   	background: #EEF4FD;
   	border-radius: 0.12rem;
   	font-size: 0.22rem;
   	color: #094AB2;
   	text-align: center;
   	/* line-height: 0.8rem; */
	padding: 0.2rem;
   }
   .company-section .company ul.en li {
	   font-size: 0.24rem;
   }
   
   /* 里程碑 */
   .milestone-section {}
   .milestone-section .m-milestone{
	   display: flex;
	   align-items: flex-start;
	   margin-top: 0.8rem;
   }
   .milestone-section dl{
   	margin: 1rem 0.3rem 0 0.8rem;
   	display: flex;
   	align-items: center;
   	justify-content: space-between;
	flex-direction: column;
   	border-left: 0.04rem solid #F1F4F6;
	border-bottom: none;
   	padding: 0;
	height: 6.5rem;
   }
    .milestone-section dl.en {
		height: 9rem;
	}
   .milestone-section dl dd{
   	width: 0.3rem;
   	height: 0.3rem;
   	background: #F01515;
   	border-radius: 50%;
   	margin-left: -0.16rem;
   }
   
   .milestone-section ul {
   	margin: 0 0.2rem;
   	display: block;
   	align-items: center;
   	justify-content: space-between;
   	gap: 0.2rem;
   }
   .milestone-section ul li{
   	background: #F5F8FD;
   	border-radius: 0.2rem;
   	padding: 0.4rem;
	margin-bottom: 0.3rem;
   }
   
   .milestone-section ul li h3{
   	font-size: 0.24rem;
   	color: #0B1024;
   }
   .milestone-section ul li h3 .year{
   	font-weight: bold;
   	font-size: 0.42rem;
   	color: #084AB3;
   	margin-right: 0.05rem;
   }
   .milestone-section ul li .info{
   	display: flex;
   	align-items: center;
   	margin-top: 0.4rem;
   }
   .milestone-section ul li .info h4{
   	font-size: 0.24rem;
   	color: #727175;
   	line-height: 1.7;
   }
   .milestone-section ul li .info .icon{
   	width: 1rem;
   	margin-left: 0.3rem;
   }
   
   /* 价值观 */
   .value-section {margin-top: 0.8rem}
   .value-section .value-warp{
   	margin: 0.8rem 0.3rem;
   	display: flex;
   	align-items: center;
	position: relative;
   }
   .value-section .value-warp .pic {
   	width: 3.6rem;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
   }
   
   .value-section .value-warp ul{
   	display: flex;
   	align-items: center;
   	flex-wrap: wrap;
   	justify-content: space-between;
   	margin-left: 0;
   	gap: 5rem 0;
   }
   .value-section .value-warp ul li{
   	width: 50%;
   	display: block;
   	align-items: center;
	text-align: center;
   }
   .value-section .value-warp ul li.m-value {
	   width: 100%;
	   display: block;
	   text-align: center;
   }
   .value-section .value-warp ul li.m-value .m-pic {
	   width: 50%;
	   margin: 0.8rem 0;
   }
   .value-section .value-warp ul li .right {
   	margin-left: 0;
   }
   .value-section .value-warp ul li .icon{
   	width: 0.81rem;
   }
   
   .value-section .value-warp ul li h4 {
   	font-size: 0.28rem;
   	color: #0B1024;
   	margin-bottom: 0.2rem;
	margin-top: 0.3rem;
   }
   .value-section .value-warp ul li h5 {
   	font-size: 0.24rem;
   	color: #727175;
   	margin-bottom: 0.05rem;
   }
   
   /* 优势 */
   .advantage-section {}
   .advantage-section ul {
   	display: block;
   	align-items: center;
   	flex-wrap: wrap;
   	justify-content: space-between;
   	gap: 0.3rem 0;
   	margin: 0.8rem 0.2rem 0;
   }
   .advantage-section ul li{
   	width: auto;
   	text-align: left;
   	border-radius: 0.2rem;
   	border: 0.04rem solid #F1F4F6;
   	padding: 0.3rem;
   	box-sizing: border-box;
	margin-bottom: 0.3rem;
	display: flex;
	align-items: center;
	
   }
   .advantage-section ul li:nth-child(4) {
   	width: auto;
   }
   .advantage-section ul li:nth-child(5) {
   	width: auto;
   }
   .advantage-section ul li .icon {
   	width: 1rem;
	margin-right: 0.5rem;
	margin-left: 0.6rem;
   }
   .advantage-section ul li h4 {
   	font-size: 0.28rem;
   	color: #0B1024;
   	margin-bottom: 0.2rem;
	margin-top: 0;
   }
   .advantage-section ul li h5 {
   	font-size: 0.24rem;
   	color: #727175;
   	margin-bottom: 0.05rem;
   }
   .advantage-section h3 {
   	font-size: 0.24rem;
   	color: #094BB4;
   	text-align: center;
   	margin: 0.8rem 0 1rem;
   }
   
   /* 咨询 */
   .consult-section {}
   .consult-section .input-section {
   	display: block;
   	align-items: center;
   	flex-wrap: wrap;
   	margin: 0.8rem 0.2rem 0.3rem;
   	background: #F5F8FD;
   	padding: 0.4rem 0;
   	border-radius: 0.2rem;
   }
   .consult-section .input-section li {
   	border-radius: 0.2rem;
   	padding: 0.3rem;
   	box-sizing: border-box;
   	margin-bottom: 0.2rem;
   	display: block;
   	align-items: center;
   }
   .consult-section .input-section li {
   	width: 100%;
   }
   .consult-section .input-section li:nth-child(1) {
   	width:100%;
   }
   
   .consult-section .input-section li:nth-child(2) {
   	width: 100%;
   }
   
   .consult-section .input-section li .title {
   	font-size: 0.28rem;
   	color: #0B1024;
   	min-width: 0.5rem;
	display: block;
   }
   .consult-section .input-section li input {
   	height: 0.4rem;
   	font-size: 0.24rem;
   	color: #0B1024;
   	flex: inherit;
   	background: #fff;
   	padding: 0.2rem;
   	border-radius: 0.1rem;
   	margin-top: 0.2rem;
	margin-left: 0;
	width: 94%;
   }
   .consult-section .input-section li i {
   	color: #F01515;
   }
   .consult-section .input-section li.textarea {
   	align-items:flex-start;width:  100%;padding: 0.2rem 0.3rem;
   }
   .consult-section .input-section li.textarea .title {
   	
   }
   
   .consult-section .input-section li textarea {
   	margin-top: 0.03rem;
   	color: #0B1024;
   	width: 94%;
   	height: 2rem;
   	font-size: 0.24rem;
   	background: #fff;
   	padding: 0.2rem;
   	border-radius: 0.1rem;
   	margin-left: 0;
	margin-top: 0.2rem;
   	
   }
   
   .consult-section .input-section li.btn {
   	background: #F01515;
   	border-radius: 0.14rem;
   	text-align: center;
   	color: #fff;
   	height:  1rem;
   	font-size: 0.28rem;
   	margin: 0.5rem 0.3rem 0;
   	justify-content: center;
	width: 6.5rem;
	line-height: 1rem;
	padding: 0;
   }
   
   
.details-section {
  padding: .4rem;
}
.details-section h3{
   font-size: 0.35rem;
	margin: 0 5%;
	text-align: center;
}
.details-section h4{
   font-size: .24rem;
   color: #888;
   margin: .2rem 5%;
	text-align: center;
}
.details-section h5{
   font-size: 0.16rem;
   color: #ccc;
   border-top: 0.01rem solid #eee;
   padding-top: 0.2rem;
	text-align: center;
}
.details-section .content{
   padding: 0.5rem 0.2rem;
}
.details-section .content img {
   width: 100% !important;
}
   
   
   
   
   
   
   .first-section{width: 100%; overflow: hidden; 
   background: url(../img/m/index_back_01.jpg) no-repeat center/100% 11.69rem; height: 11.67rem; }
   .first-section .title-section{
       margin-top:  0.6rem;
   }
   .first-section .title-section h2{
       font-size: 0.5rem;
       color: #fff;
       font-weight: bold;
	   position: relative;
	   text-align: center;
   }
   .first-section .title-section h2 .title-line {
   	position: absolute;
   	left: 50%;
   	transform: translateX(-10%);
   	bottom: -0.1rem;
   	width: 2.02rem;
   }
   .first-section .title-section h3{
       font-size: .24rem;
       color: #666666;
       margin: 0.3rem 0 0.5rem;
	   text-align: center;
   }
   .first-section .intro {
   	display: flex;
   	align-items: center;
   	justify-content: space-between;
	flex-wrap: wrap;
   	margin: 0 .5rem;
   }
   .first-section .intro li {
   	background: url(../img/index/intro_back.png) no-repeat center/100% 4.32rem;
   	padding: 0.4rem;
   	width: 3.15rem;
   	box-sizing: border-box;
   	height: 4.32rem;
	margin-bottom: 0.2rem;
   }
   .first-section .intro li .tit{
   	
   }
   .first-section .intro li .tit h4{
   	position: relative;
   	font-weight: 800;
   	font-size:.24rem;
   	color: #FFFFFF;
   	display: inline-block;
   }
   .first-section .intro li .tit h4 .tit-line {
   	width: 0.75rem;
   	position: absolute;
   	/* left: 50%;
   	transform: translateX(5%); */
   	right: -0.5rem;
   	bottom: -0.05rem;
   }
   .first-section .intro li:nth-child(4) .tit h4 .tit-line {
   	   width: 1.2rem;
   	   right: -0.8rem;
    }
   .first-section .intro li .tit h5{
   	font-size: 0.14rem;
   	color: #CCCCCC;
   	margin-top: 0.3rem;
   	line-height: 1.75;
   }
   .first-section .intro li .pic{
   	width: 100%;
   	margin-top: 0.4rem;
   }
   
   
   /* 第二块 */
   .second-section{width: 100%; overflow: hidden; 
   	background: url(../img/m/index_back_02.jpg) no-repeat center/100% 9.06rem; height: 9.04rem; 
   }
   
   .second-section .title-section{
     margin-top:  0.5rem;
   	 width: auto;
	 text-align: center;
   }
   .second-section .title-section h2{
       font-size: 0.5rem;
       color: #fff;
       font-weight: bold;
	   position: relative;
   }
   .second-section .title-section h2 .title-line {
   	position: absolute;
   	left: 50%;
   	transform: translateX(-20%);
   	bottom: -0.1rem;
   	width: 2.02rem;
   }
   .second-section .title-section h3{
       font-size: 0.24rem;
       color: #666666;
       margin: 0.2rem 0 0.5rem;
   }
   .second-section .service-section{
   	display: block;
   	max-width: none;
   	margin: 0 0.5rem;
   }
   
   .second-section .service-section .nav-items{
   	width: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
   }
   .second-section .service-section .nav-items li{
   	display: flex;
   	align-items: center;
   	height: 1.2rem;
   	box-sizing: border-box;
   	position: relative;
   	border-radius: 0.2rem;
   	cursor: pointer;
	border: .01rem solid rgba(255, 255, 255, 0.2);
	padding: 0 0.4rem;
   	
   }
   .second-section .service-section .nav-items li.active {
		padding: 0 0.3rem;
		background: #2FF2DC;
   }
   .second-section .service-section .nav-items li.active .back{
		display: none;
   }
   .second-section .service-section .nav-items li h4{
   	font-weight: 800;
   	font-size: 0.28rem;
   	color: #fff;
   }
   .second-section .service-section .nav-items li.active h4 {
   	color: #333;
   	position: relative;
   }
   .second-section .service-section .nav-items li h5{
		display: none;
   }
   .second-section .service-pic-section {
   	margin-left: 0;
   	margin-top: 0.3rem;
   }
   .second-section .service-pic-section .service-pic{
   	width: 100%;
   	display: none;
   }
   .second-section .service-pic-section .service-pic.service-pic-active{
   	display: block;
   }
   /* 第三块 */
   .news-section{width: 100%; overflow: hidden;
		background: url(../img/m/index_back_03.jpg) no-repeat center/100% 14.72rem; height: 14.70rem; 
   }
   .news-section .wrap {
   	display: block;
	padding-top: 0.3rem;
	margin: 0 0.5rem;
   }
   .news-section .title-section{
   	width: 100%;
   	margin-left: 0;
   	
   }
   .news-section .title-section h2{
       font-size: 0.5rem;
       color: #fff;
       font-weight: bold;
   	   position: relative;
   	   line-height: 1;
   	   width: 5rem;
   }
   .news-section .title-section h2 .title-line {
   	position: absolute;
   	left: 50%;
   	transform: translateX(-70%);
   	bottom: -0.1rem;
   	width: 1rem;
   }
   
   .news-section .title-section h3{
       font-size: 0.24rem;
       color: #666666;
       margin: 0.2rem 0 0.4rem;
      	display: flex;
      	align-items: center;
      	justify-content: space-between;
		padding-right: 0rem;
   }
   .news-section .title-section h3 .more {
   	color: #fff;
   	font-size: 0.18rem;
   }
   .news-section .title-section h3 .more .icon {
      	width: 0.1rem;
   	margin-left: 0.05rem;
   }
   .news-section .service-section{
   	max-width: none;
   	margin-right: 0;
   }
   .news-section .service-section .nav-items{
   	margin-left: 0;
	margin-top: 0.3rem;
   }
   .news-section .service-section .nav-items li{
   	display: flex;
   	align-items: center;
   	position: relative;
   	padding: 0.2rem 0.2rem;
   	line-height: 1.6;
   	border: 0.01rem solid transparent;
   	cursor: pointer;
   }
   .news-section .service-section .nav-items li .date {
   	margin-right: 0.3rem;
   	border-right: 0.01rem solid #2FF2DC;
   	padding-right: 0.2rem;
   }
   .news-section .service-section .nav-items li .date .day{
   	font-weight: bold;
   	font-size: 0.32rem;
   	color: #FFFFFF;
   	text-align: center;
   }
   
   .news-section .service-section .nav-items li .date .year{
   	font-size: 0.24rem;
   	color: #666666;
   	text-align: center;
   	
   }
   .news-section .service-section .nav-items li.active {
   
   	border:0.01rem solid #2FF2DC;
   	border-radius: 0.2rem;
   }
   .news-section .service-section .nav-items li.active .date .day {
   	color: #2FF2DC;
   }
   .news-section .service-section .nav-items li.active .date .year {
   	color: #2FF2DC;
   }
   .news-section .service-section .nav-items li h4{
   	font-weight: 800;
   	font-size: 0.28rem;
   	color: #fff;
   }
   .news-section .service-section .nav-items li.active h4 {
   	color: #2FF2DC;
   	position: relative;
   }
   .news-section .service-section .nav-items li h5{
   	font-size: 0.18rem;
   	color: #666666;
   }
   .news-section .service-section .nav-items li.active h5 {
   	color: #2FF2DC;
   	position: relative;
   }
   .news-section .m-service-pic-section {
   	margin-left: 0;
	display: block;
   }
   
   .news-section .m-service-pic-section .pic-box {
   	display: none;
   	position: relative;
   }
   .news-section .m-service-pic-section .pic-box .title {
   	position: absolute;
   	left: 0;
   	right: 0;
   	bottom: 0;
   	padding: 0.2rem 0.3rem;
   	background-color: rgba(0, 0, 0, 0.5);
   	font-size: 0.14rem;
   	color: #fff;
	display: none;
   }
   .news-section .m-service-pic-section .service-pic{
   	width: 100%;
   	height: 6.7rem;
   	object-fit: cover;
   	border-radius: 0.3rem;
   }
   .news-section .m-service-pic-section .pic-box.service-pic-active{
   	display: block;
   }
   
   
   /* 第四块 */
   .join-section{width: 100%; overflow: hidden; 
   	background: url(../img/m/index_back_04.jpg) no-repeat center/100% 7.28rem; height: 7.28rem; 
   }
   
   .join-section .title-section{
        margin-top:  0rem;
		margin-left: 0;

   }
   .join-section .title-section h2{
       font-size: 0.5rem;
       color: #fff;
       font-weight: bold;
	   position: relative;
	   text-align: center;
   }
   .join-section .title-section h2 .title-line {
   	position: absolute;
   	left: 50%;
   	transform: translateX(-20%);
   	bottom: -0.1rem;
   	width: 2.02rem;
   }
   .join-section .title-section h3{
       font-size: 0.24rem;
       color: #666666;
       margin: 0.3rem auto 0.4rem;
	   width: 60%;
   }
   .join-section .contact{
   	font-size: 0.20rem;
   	color: #FFFFFF;
   	border-radius: 0.06rem 0.5rem 0.06rem 0.5rem;
   	border: 0.01rem solid #FFFFFF;
   	display: block;
   	padding: 0.12rem 0.25rem 0.12rem 0.4rem;
	margin: 0 auto;
	width: 1.2rem;
   }
   .join-section .contact .arrow{
   	width: 0.08rem;
   	margin-left: 0.05rem;
   }
   
   
   .about-section{width: 100%; overflow: hidden;
   	background: none; height: auto; 
   }
   
   .about-section .about-info {
   	display: block;
   		background: url(../img/m/about_back_01.jpg) no-repeat center/100% 8.06rem; 
		height: 8.04rem; 
		margin: 0.3rem 0 0;
   }
   .about-section .title-section{
   	width: auto;
	margin: 0 0.5rem;
   }
   .about-section .title-section h2{
       font-size: .5rem;
       color: #fff;
       font-weight: bold;
		position: relative;
		width: 4rem;
   }
   .about-section .title-section h2 .title-line {
   	position: absolute;
   	right: 0;
   	bottom: 0px;
	width: 2rem;
   }
   .about-section .title-section h3{
       font-size: 0.24rem;
       color: #666666;
       margin: 0.3rem 0 0.4rem;
   }
   .about-section .title-section .desc {
   	margin-top: 0.3rem;
   	font-size: 0.18rem;
   	color: #FFFFFF;
   	line-height: 1.7;
   }
   .about-section .about-info .com-pic {
   	width: 6.5rem;
   	height: 4rem;
   	object-fit: cover;
   	border-radius: 0.2rem;
	margin: 0 0.5rem;
	margin-top: 0.5rem;
   }
   
   .about-section .about-lists {
   	display: block;
   		background: url(../img/m/about_back_02.jpg) no-repeat center/100% 7.39rem; height: 7.37rem; 
   	margin: 0;
	padding-top: .3rem;
	box-sizing: border-box;
	
   }
   .about-section .about-lists .about-list{
   	background: url(../img/about/intro_back.png) no-repeat center/6.5rem 1.9rem;
   	width: 6.5rem;
   	box-sizing: border-box;
   	height: 2rem;
   	padding: .3rem;
	margin: 0 auto 0.3rem;
   }
   .about-section .about-lists h4 {
   	display: flex;
   	align-items: center;
   	font-weight: 800;
   	font-size: 0.28rem;
   	color: #fff;
   }
   .about-section .about-lists h4 .about-icon{
   	width: 0.3rem;
   	margin-right: 0.1rem;

   }
   .about-section .about-lists ul {
   	display: flex;
   	align-items: flex-end;
   	margin: 0.3rem 0 0 .8rem;
   }
   .about-section .about-lists ul li {
   	flex: 1;
   }
   .about-section .about-lists ul li h3{
   	font-weight: bold;
   	font-size: 0.30rem !important;
   	color: #FFFFFF;
   }
   .about-section .about-lists ul li h3 span{
   	font-size: 0.12rem !important;
   	color: #fff;
	font-weight: normal;
   }
   .about-section .about-lists ul li h5{
   	font-size: 0.18rem;
   	color: #999999;
   }
   
   .first-section.about {
   	background: url(../img/m/about_back_03.jpg) no-repeat center/100% 11.26rem; height: 11.24rem;
   }
   
   .second-section.about {
   	background: url(../img/m/about_back_04.jpg) no-repeat center/100% 8.52rem; height: 8.5rem;
   }
   .about-ecology-setion {width: 100%; overflow: hidden;
   	background: url(../img/m/about_back_05.jpg) no-repeat center/100% 13.33rem; height: 13.31rem; 
   }
   .about-ecology-setion .top {
   	flex-direction: column;
   	margin: 0.3rem 0.5rem 0;
   }
   .about-ecology-setion .top .pic{
   	width: 6.5rem;
   	border-radius: 0.2rem;
	order: 2;
   }
   .about-ecology-setion .top .info{
   	height: 3.5rem;
   	background: url(../img/about/map.png) no-repeat center/100% 3.52rem;
   	margin-left: 0;
   	padding-left: 0;
	order: 1;
	margin-bottom: .3rem;
   }
   
   .about-ecology-setion .top .info h3 {
   	font-weight: 800;
   	font-size: 0.5rem;
   	color: #FFFFFF;
   	margin: 0.3rem 0px 0.3rem;
   }
   .about-ecology-setion .top .info h4 {
   	font-size: 0.24rem;
   	color: #666666;
   }
   .about-ecology-setion .top .info h5 {
   	margin-top: 0.3rem;
   	font-size: 0.20rem;
   	color: #FFFFFF;
   	line-height: 1.7;
   }
   
   .about-ecology-setion .progress{
   	display: flex;
   	align-items: flex-start;
   	justify-content: space-between;
	flex-wrap: wrap;
   	margin: 0.5rem 0.5rem 0;
   }
   .about-ecology-setion .progress li{
   	flex: auto;
   	display: flex;
   	align-items: center;
   	justify-content: center;
   	flex-direction: column;
   	position: relative;
	width: 40%;
	margin-bottom: .5rem;
   }
   .about-ecology-setion .progress li.line {
   	display: none;
   }
   
   .about-ecology-setion .progress li .icon{
   	width: 0.85rem;
   }
   .about-ecology-setion .progress li h3{
   	font-weight: 800;
   	font-size: 0.18rem;
   	color: #FFFFFF;
   	margin: 0.2rem 0;
   }
   .about-ecology-setion .progress li h4{
   	font-size: 0.14rem;
   	color: #999999;
	margin: 0 .5rem;
	text-align: center;
   }
   
   
   .about-mall-section {width: 100%; overflow: hidden; 
   	background: url(../img/m/about_back_05.jpg) no-repeat center/100% 7.02rem; height: 7rem; 
   }
   .about-mall-section .wrap{
   	display: block;
   	margin: 0.5rem 0.5rem;
   }
   .about-mall-section .wrap .info {
   	width: auto;
	margin-bottom: .4rem;
   }
   .about-mall-section .wrap .info h2{
   	font-weight: 800;
   	font-size: 0.45rem;
   	color: #FFFFFF;
   }
   .about-mall-section .wrap .info h3{
   	font-size: 0.28rem;
   	color: #666666;
   		margin: 0.2rem 0px  0.5rem;
   }
   .about-mall-section .wrap .info h4{
   	font-size: 0.18rem;
   	color: #FFFFFF;
   
   	line-height: 1.7;
   }
   .about-mall-section .wrap .pic{
   	width: 6.5rem;
   }
   
   .about-value-section {width: 100%; overflow: hidden; 
   	background: url(../img/m/about_back_06.jpg) no-repeat center/100%  10.28rem; height:  10.28rem; 
   }
   .about-value-section .wrap{
   	display: block;
   	align-items: center;
   	justify-content: space-between;
   	margin: 0.5rem;
   }
   .about-value-section .wrap .info {
   	width: auto;
   }
   .about-value-section .wrap .info h2{
   	font-weight: 800;
   	font-size: 0.5rem;
   	color: #FFFFFF;
   }
   .about-value-section .wrap .info ul{
   	border-left: 1px solid rgba(255, 255, 255, .5);
   	padding: 0.3rem 0 0.01rem;
   	margin-top: 0.5rem;
   }
   .about-value-section .wrap .info ul li {
   	display: flex;
   	align-items: center;
   	margin-left: -0.08rem;
   	margin-bottom: 0.4rem;
   }
   .about-value-section .wrap .info ul i{
   	width: 0.14rem;
   	height: 0.14rem;
   	background: #2FF2DC;
   	border-radius: 50%;
   }
   .about-value-section .wrap .info ul i{
   	width: 0.14rem;
   	height: 0.14rem;
   	background: #2FF2DC;
   	border-radius: 50%;
   }
   .about-value-section .wrap .info ul span {
   	background: #2FF2DC;
   	border-radius: 0.06rem;
   	padding: 0.05rem 0.1rem;
   	font-size: 0.14rem;
   	color: #333333;
   	text-align: center;
   	margin: 0 0.2rem;
   	display: inline-block;
   }
   
   .about-value-section .wrap .info ul p {
   	font-size: 0.14rem;
   	color: #FFFFFF;
   	flex: 1;
   }
   .about-value-section .wrap .pic{
	   margin-top: .5rem;
   	width: 6.5rem;
   }
   /* 短视频 */
   
   .video-one-section {
   	width: 100%; 
   	overflow: hidden; 
   	background: url(../img/m/video_back_01.jpg) no-repeat center/100% 7.02rem; 
   	height: 7rem; 
   }
   .video-one-section.w168 {
   	width: 100%; 
   	overflow: hidden; 
   	background: url(../img/m/w168_back_01.jpg) no-repeat center/100% 7.02rem; 
   	height: 7rem; 
   }
   .video-one-section.best {
   	width: 100%; 
   	overflow: hidden; 
   	background: url(../img/m/best_back_01.jpg) no-repeat center/100% 7.02rem; 
   	height: 7rem; 
   }
   .video-one-section .title {
   	background: url(../img/m/video_title.png) no-repeat center/100%; 
   	height: 1.31rem; 
   	margin:  0.3rem 0.5rem 0rem;
   	padding-top: 0.8rem;
   	text-align: center;
   	font-weight: 800;
   	font-size: 0.5rem;
   	color: #fff;
   	
   }
   .video-one-section .desc {
   	font-size: 0.18rem;
   	color: #999;
   	margin: 0 0.5rem;
   	line-height: 1.7;
   }
   .video-one-section .swiper-wrap {
   		 position: relative;
   		 /* width: 50%; */
   		 margin: 0.5rem auto 0;
   }
   .video-one-section .video-swiper{
        height: 2.5rem;
		width: 100%;
   }
   
   .video-one-section .video-swiper .swiper-slide {
       align-items: center;
		width: 5rem;
   }
   
   .video-one-section .video-swiper .swiper-slide img{
   	width: 100%;
   	display:block;
   }
   /* .video-one-section .video-swiper .swiper-slide-active, .video-one-section .video-swiper.swiper-slide-duplicate-active{
      transform: scale(1);
   } */
   
   /* .video-one-section .video-swiper .swiper-slide-active{
       z-index: 999 !important;
   } */
   .core-section {
   	width: 100%;
   	overflow: hidden; 
   	background: url(../img/m/video_back_02.jpg) no-repeat center/100% 14.02rem; 
   	height: 14rem; 
   }
   .core-section .title-section{
   	width: 4rem;
   	margin: 0.5rem 0.5rem 0.7rem;
   	
   }
   .core-section .title-section h2{
       font-size: 0.5rem;
       color: #fff;
       font-weight: bold;
   	position: relative;
   	line-height: 1;
   }
   .core-section .title-section h2 .title-line {
   	position: absolute;
   	right: 0;
   	bottom: -0.1rem;
   	width: 2rem;
   }
   .core-section .core-items {
   	margin: 0 0.5rem;
	flex-wrap: wrap;
   }
   
   .core-section .core-items li {
   	width: 3.1rem;
	margin-bottom: 0.3rem;
   }
   .core-section .core-items li .pic{
   	width: 100%;
   	height: 3.51rem;
   	object-fit: cover;
   	border-radius: 0.2rem;
   }
   .core-section .core-items li h4{
   	font-weight: 800;
   	font-size: 0.28rem;
   	color: #FFFFFF;
   	margin: 0.3rem 0;
   	text-align: left;
   }
   .core-section .core-items li h5{
   	font-size: 0.16rem;
   	color: #999;
   	line-height: 1.7;
   }
   
   .fun-section {
   	width: 100%;
   	overflow: hidden; 
	background: none;
	height: auto;
   }
   .fun-section.w168 {
   	background: none;
	height: auto;
   }
   .fun-section.best {
   	background: none;
   	height: auto;
   }
   .fun-section .wrap{
   	display: block;
   	align-items: center;
   	justify-content: space-between;
   	margin: 0;
   }
   
   .fun-section .title-section{
   	width: 3rem;
   	margin-bottom: 0.6rem;
	padding-top: 0.5rem;
   }
   .fun-section .title-section h2{
       font-size: 0.5rem;
       color: #fff;
       font-weight: bold;
   	position: relative;
   	line-height: 1;
   }
   .fun-section .left {
	   background: url(../img/m/video_back_03.jpg) no-repeat center/100% 6.52rem;
	   height: 6.5rem; 
	   padding: 0 0.5rem;
   }
   .fun-section.w168 .left {
   	   background: url(../img/m/w168_back_02.jpg) no-repeat center/100% 8.02rem;
   	   height: 8.0rem; 
   	   padding: 0 0.5rem;
   }
   .fun-section.best .left {
   	   background: url(../img/m/best_back_02.jpg) no-repeat center/100% 8.02rem;
   	   height: 8.0rem; 
   	   padding: 0 0.5rem;
   }
   .fun-section .title-section h2 .title-line {
   	position: absolute;
   	right: 0;
   	bottom: -0.1rem;
   	width: 1.5rem;
   }
   .fun-section .fun-items {
   	width: 100%;
   }
   .fun-section .fun-items li{
   	display: flex;
   	align-items: center;
   	margin-bottom: 0.5rem;
   }
   .fun-section .fun-items li .pic{
   	width: 0.8rem;
   }
   .fun-section .fun-items li .info{
   	margin-left: 0.2rem;
   }
   .fun-section .fun-items li .info h4{
   	font-weight: 800;
   	font-size: 0.22rem;
   	color: #FFFFFF;
   	margin-bottom: 0.1rem;
   }
   .fun-section .fun-items li .info h5{
   	font-size: 0.16rem;
   	color: #999;
   	margin-bottom: 0.05rem;
   }
   .fun-section .main-pic-wrap{
	   background: url(../img/m/video_back_04.jpg) no-repeat center/100% 6.6rem;
	   height: 6.6rem; 
	   padding: 1rem 0.5rem 0rem;
	   box-sizing: border-box;
	   width: 100%;
   }
   .fun-section.w168 .main-pic-wrap{
   	   background: url(../img/m/w168_back_03.jpg) no-repeat center/100% 6.6rem;
   	   height: 6.6rem; 
   	   padding: 1rem 0.5rem 0rem;
   	   box-sizing: border-box;
   }
    .fun-section .main-pic-wrap .main-pic {
		margin-top: 0 !important;
	}

   .fun-section.best .main-pic-wrap{
   	   background: url(../img/m/best_back_03.jpg) no-repeat center/100% 6.6rem;
   	   height: 6.6rem; 
   	   padding: 1rem 0.5rem 0rem;
   	   box-sizing: border-box;
   }
   .fun-section .main-pic{
   	width: 100%;
   }
   /*联系我们*/
   .contact-one-section{
   	width: 100%; 
   	background: url(../img/m/contact_back_01.jpg) no-repeat center/100% 3.11rem; height: 3.11rem; 
   }
   .contact-one-section .wrap {
   	top: -3.5rem;
   	position: absolute;
	width: 6.5rem;
   }
   .contact-one-section .title-section{
   	
   	margin-left: 0.5rem;
   	
   }
   .contact-one-section .title-section h2{
       font-size: 0.5rem;
       color: #fff;
       font-weight: bold;
   	position: relative;
   	width: 4rem;
   }
   .contact-one-section .title-section h2 .title-line {
   	position: absolute;
   	right: 0;
   	bottom: 0px;
	width: 2rem;
   }
   .contact-one-section .title-section h3{
       font-size: 0.24rem;
       color: #666666;
       margin: 0.3rem 0 0.6rem;
   }
   .contact-one-section .map {
   	margin: 0 0.5rem;
   	border-radius: 0.2rem;
   	overflow: hidden;
	width: 100%;
   }
   .contact-one-section .map #map {
	   width:100%;height:4rem !important;
   }
   .contact-one-section .address-section {
   	margin: 0.5rem 0.5rem;
   	display: flex;
   	align-items: center;
   	flex-wrap: wrap;
	display: none;
   }
   .contact-one-section .address-section li{
   	width: 100%;
   	font-size: 0.18rem;
   	color: #FFFFFF;
   	margin-bottom: 0.4rem;
   }
   
   .contact-two-section{
   	width: 100%; 
   	background: url(../img/m/contact_back_02.jpg) no-repeat center/100% 12.81rem; height: 12.79rem; 
   }
   
   .contact-two-section .title-section{
   	padding-top: 0.5rem;
   	margin-left: 0.5rem;
   	position: relative;
   }
   .contact-two-section .title-section h2{
       font-size: 0.5rem;
       color: #fff;
       font-weight: bold;
   	position: relative;
   	width: 5rem;
   }
   .contact-two-section .title-section h2 .title-line {
   	position: absolute;
   	right: 0;
   	bottom: 0px;
	width: 3rem;
   }
   .contact-two-section .title-section h3{
       font-size: 0.24rem;
       color: #666666;
       margin: 0.3rem 0 0.6rem;
   }
   
   
   .contact-two-section .input-section {
   	display: flex;
   	align-items: center;
   	flex-wrap: wrap;
   	margin: 0px 0.5rem;
   }
   .contact-two-section .input-section li {
   	border-radius: 0.2rem;
   	border: 0.01rem solid rgba(255, 255, 255, .5);
   	padding: 0.3rem;
   	box-sizing: border-box;
   	width: 100%;
   	margin-right: 0;
   	margin-bottom: 0.3rem;
   	display: flex;
   	align-items: center;
   }
   
   
   .contact-two-section .input-section li .title {
   	font-size: 0.18rem;
   	color: #FFFFFF;
   	min-width: 0.7rem;
   }
   .contact-two-section .input-section li input {
   	height: 0.4rem;
   	font-size: 0.18rem;
   	color: #fff;
   	flex: 1;
   }
   
   .contact-two-section .input-section li.type {
			justify-content: space-between;
			position: relative;
			height: 1rem;
   }
   
   .contact-two-section .input-section li.textarea {
	   align-items:flex-start;
	   width:  100%;
	   padding: 0.2rem 0.3rem;
	}
	.contact-two-section .input-section li.textarea .title {
		width: 1.5rem;
	}
   .contact-two-section .input-section li textarea {
   	margin-top: 0.03rem;
   	color: #fff;
   	width: 100%;
   	height: 1.5rem;
   	font-size: 0.17rem;
   }
   
   .contact-two-section .input-section li.btn {
   	background: #2ADDC9;
   	text-align: center;
   	color: #333333;
   	height:  1.2rem;
   	font-size: 0.24rem;
   	justify-content: center;
   }
   
   .contact-two-section .input-section li .arrow {
   	width: 0.15rem;
   }
   
   .contact-two-section .input-section li .dorp-down-types {
   	position: absolute;
   	left: 0;
   	top: 1.1rem;
   	padding: 0.2rem;
   	width: 100%;
   	background: #06070a;
   	border-radius: 0.2rem;
   	padding: 0 0.3rem;
   	box-sizing: border-box;
   	border: 0.01rem solid rgba(255, 255, 255, .5);
   	display: none;
   }
   
   .contact-two-section .input-section li .dorp-down-type {
   	padding: 0.3rem;
   	color: #fff;
   	text-align: center;
   	font-size: 0.16rem;
   	border-bottom: 0.01rem solid rgba(255, 255, 255, .5);
   }
   
   .contact-two-section .input-section li .dorp-down-type:last-child {
   	border-bottom: none;
   }
   
   /* 商业合作 */
   .buss-one-section{
   	width: 100%; 
   	background: url(../img/m/buss_back_01.jpg) no-repeat center/100% 6.05rem;
   	height: 6.03rem; 
   }
   
   .buss-one-section .title-section{
   	padding-top: 0.5rem;
   	margin-left: 0;
   	position: relative;
   	width: auto;
   }
   .buss-one-section .title-section h2{
       font-size: 0.5rem;
       color: #fff;
       font-weight: bold;
   	position: relative;
   	width: 4rem;
   }
   .buss-one-section .title-section h2 .title-line {
   	position: absolute;
   	right: 0;
   	bottom: 0px;
	width: 2rem;
   }
   .buss-one-section .title-section h3{
       font-size: 0.18rem;
       color: #999;
       margin: 0.4rem 0 0.4rem;
		line-height: 1.7;
   }
   .buss-one-section .wrap{
   	display: block;
   	align-items: center;
   	justify-content: space-between;
   	margin: 0 0.5rem;
   	padding: 0 0;
   	
   }
   .buss-one-section .wrap .pic{
   	width: 100%;
   }
   
   .buss-two-section {
   	width: 100%;
   	overflow: hidden; 
   	background: url(../img/m/buss_back_02.jpg) no-repeat center/100% 9rem; 
   	height: 8.98rem; 
   }
   .buss-two-section .wrap {
   	margin: 0;
   	background: none; 
   	padding: 0.5rem 0.5rem 0;
   }
   .buss-two-section .title-section{
   
   	text-align: center;
   	
   }
   .buss-two-section .title-section h2{
       font-size: 0.5rem;
       color: #fff;
       font-weight: bold;
		position: relative;
		line-height: 1;
   }
   .buss-two-section .title-section h2 .title-line {
   	    position: absolute;
   	    left: 50%;
   	    transform: translateX(-20%);
   	    bottom: -0.15rem;
   	    width: 2.02rem;
   }
   .buss-two-section .core-items {
   	margin: 0.5rem 0 0;
   	display: block;
   	align-items: center;
   	justify-content: space-between;
   }
   
   .buss-two-section .core-items li {
   	width: auto;
   	text-align: center;
	display: flex;
	align-items: center;
	margin-bottom: 0.5rem;
   }
   .buss-two-section .core-items li .pic{
   	width: 1rem;
   	height: 1rem;
	margin-right: .3rem;
   }
   .buss-two-section .core-items li h4{
   	font-weight: 800;
   	font-size: 0.28rem;
   	color: #FFFFFF;
   	margin: 0;
   	text-align: left;
	margin: 0.05rem 0 0.1rem;
   }
   .buss-two-section .core-items li h5{
   	font-size: 0.20rem;
   	color: #999;
   	line-height: 1.7;
   }
   
   
   .buss-three-section {
   	width: 100%;
   	overflow: hidden; 
   	background: url(../img/m/buss_back_03.jpg) no-repeat center/100% 10.88rem; 
   	height: 10.86rem; 
   }
   
   .buss-three-section .title-section{
   	margin: 0rem 0.5rem 0.3rem;
   	text-align: center;
   	padding-top: 0.5rem;
   	
   }
   .buss-three-section .title-section h2{
       font-size: 0.5rem;
       color: #fff;
       font-weight: bold;
   	position: relative;
   	line-height: 1;
   }
   .buss-three-section .title-section h2 .title-line {
   	    position: absolute;
   	    left: 50%;
   	    transform: translateX(-20%);
   	    bottom: -0.15rem;
   	    width: 1.82rem;
   }
   .buss-three-section .core-items {
   	margin: 0.5rem 0.5rem 0;
   	display: block;
   	align-items: center;
   	justify-content: space-between;
   }
   
   .buss-three-section .core-items li {
   	width: auto;
   	text-align: left;
   	height: auto;
	display: flex;
	align-items: center;
	margin-bottom: 0.5rem;
   }
   .buss-three-section .core-items li .pic{
   	width: 1rem;
	height: 1rem;
	margin-right: 0.3rem;
   }
   .buss-three-section .core-items li h4{
   	font-weight: 800;
   	font-size: 0.26rem;
   	color: #FFFFFF;
   	margin: 0;
   	text-align: left;
	margin: 0.05rem 0 0.1rem;
   }
   .buss-three-section .core-items li h5{
   	font-size: 0.20rem;
   	color: #999;
   	line-height: 1.7;
   }
   
   
   
   .buss-four-section{
   	width: 100%; 
   	background: url(../img/m/buss_back_04.jpg) no-repeat center/100% 11.42rem; height: 11.4rem; 
   }
   
   .buss-four-section .title-section{
   	padding-top: 0rem;
   	margin-left: 0.5rem;
   	position: relative;
   }
   .buss-four-section .title-section h2{
       font-size: 0.5rem;
       color: #fff;
       font-weight: bold;
   	position: relative;
   	width: 4rem;
   }
   .buss-four-section .title-section h2 .title-line {
   	position: absolute;
   	right: 0;
   	bottom: 0px;
	width: 2rem;
   }
   .buss-four-section .title-section h3{
       font-size: 0.24rem;
       color: #666666;
       margin: 0.3rem 0 0.6rem;
   }
   
   
   .buss-four-section .input-section {
   	display: flex;
   	align-items: center;
   	flex-wrap: wrap;
   	margin: 0px 0.5rem;
   }
   .buss-four-section .input-section li {
   	border-radius: 0.2rem;
   	border: 0.01rem solid rgba(255, 255, 255, .5);
   	padding: 0.3rem;
   	box-sizing: border-box;
   	width: 100%;
   	margin-right: 0;
   	margin-bottom: 0;
   	display: flex;
   	align-items: center;
	margin-bottom: 0.3rem;
   }
   
   
   .buss-four-section .input-section li .title {
   	font-size: 0.18rem;
   	color: #FFFFFF;
   	min-width: 50px;
   }
   .buss-four-section .input-section li input {
   	height: 0.4rem;
   	font-size: 0.18rem;
   	color: #fff;
   	flex: 1;
   }
   
   .buss-four-section .input-section li.textarea {
   	width: 100%;
	padding: 0.3rem;
   }
   .buss-four-section .input-section li.textarea .title {
	   width: 0.4rem;
   }
   
   .buss-four-section .input-section li textarea {
   	margin-top: 0.03rem;
   	color: #fff;
   	width: 100%;
   	height: 1.5rem;
   	font-size: 0.17rem;
   	
   }
   
   .buss-four-section .input-section li.btn {
   	background: #2ADDC9;
   	text-align: center;
   	color: #333333;
   	height:  1.2rem;
   	font-size: 0.30rem;
   	justify-content: center;
   	width: 100%;
	margin-top: 0.3rem;
   }
   
   /* 移动端官方资讯 */
   .m-banner-section {
	   display: block;
	   position: relative;
   }
   .m-banner-section img {
	   width: 100%;
   }
   .m-banner-section .arrow-section {
	   position: absolute;
	   left: 50%;
	   transform: translateX(-50%);
	   bottom: 0.5rem;
	   text-align: center;
   }
   .m-banner-section .arrow-section .arrow-bottom{
	   width: 0.35rem;
	   margin-top: 0.2rem;
   }
   .m-banner-section .arrow-section h3{
	   font-size: 0.32rem;
	   color: #FFFFFF;
	   
   }

   .news-navs {
   	display: flex;
   	align-items: center;
	justify-content: space-between;
   	padding: 0.3rem;
	margin: 0;

   	border-bottom: 0.01rem solid rgba(255, 255, 255, 0.2);
   }
   .news-navs  li{
   	font-size: 0.28rem;
   	color: #999999;
   	margin-right: 0;
	flex: 1;
	text-align: center;
   }
   
   .news-navs  li.active {
   	color: #2FF2DC;
	position: relative;
   }
   .news-navs  li.active::after {
	   position: absolute;
	   left: 50%;
	   transform: translateX(-50%);
	   bottom: -0.3rem;
	   width: 40%;
	   background: #2FF2DC;
	   height: 0.06rem;
	   content: '';
   }
   .news-lists {
		margin: 0.3rem;
   }
   .news-lists li{
   	margin-bottom: 0.5rem;
   	display: flex;
   	align-items: center;
   }
   .news-lists li .new-pic{
   	width: 2.4rem;
   	height: 1.6rem;
   	border-radius: 0.1rem;
   	object-fit: cover;
   	margin-right: 0.3rem;
   }
   .news-lists li h3{
   	font-weight: 800;
   	font-size: 0.25rem;
   	color: #FFFFFF;
   	margin-bottom: 0.2rem;
   }
   .news-lists li h4{
   	font-size: 0.20rem;
   	color: #666666;
   	margin-bottom: 0.2rem;
   }
   .news-lists li h5{
   	font-size: 0.18rem;
   	color: #333;
   }
   
   .pagination-section {
   	margin: 0.8rem auto;
   	display: flex;
   	align-items: center;
   	justify-content: center;
   }
   .pagination-section li {
   	width: 0.38rem;
   	height: 0.38rem;
   	background: #0D0D0D;
   	border-radius: 0.08rem;
   	border: 0.01rem solid #666666;
   	font-size: 0.16rem;
   	color: #666666;
   	display: flex;
   	align-items: center;
   	justify-content: center;
   	margin-right: 0.2rem;
   }
   .pagination-section li.active {
   	background: #222;
   }
   .pagination-section li:hover {
   	background: none;
   }
   
   
   .pagination-section li .arrow {
   	width: 0.15rem;
   }
   
   .qr-popup {
	  /* display: block; */
   }
   .qr-popup .mask {
	   position: fixed;
	   background: rgba(0, 0, 0, 0.5);
	   left: 0;
	   top: 0;
	   bottom: 0;
	   right: 0;
	   z-index: 1;
   }
   .qr-popup .popup {
	   position: fixed;
	   background: #262626;
	   left: 50%;
	   top: 50%;
	   transform: translate(-50%, -50%);
	   z-index: 2;
	   border-radius: 0.5rem;
	   padding: 0.3rem;
	   width: 6rem;
	   box-sizing: border-box;
   }
   .qr-popup .popup .close {
	   position: absolute;
	   top: 0.4rem;
	   right: 0.4rem;
	   width: 0.3rem;
   }
   .qr-popup .popup h3 {
	   font-weight: 800;
	   font-size:.32rem;
	   color: #FFFFFF;
	   text-align: center;
	   margin-top: 0.3rem;
   }
   .qr-popup .popup h4 {
	   font-size: 0.28rem;
	   color: #FFFFFF;
	   margin-top: 0.3rem;
	   text-align: center;
   }
   .qr-popup .popup .qr {
	   width: 3.5rem;
	   margin: .5rem auto;
	   display: block;
	   border-radius: 0.3rem;
	   border:0.5rem solid #fff;
   }
   
   
   .contact-modal {
   	position: fixed;
   	left: 0;
   	right: 0;
   	top: 0;
   	bottom: 0;
   	background: rgba(0, 0, 0, .5);
   }
   .contact-modal .qr-section {
   	position: fixed;
   	left: 50%;
   	top: 50%;
   	transform: translate(-50%,-50%);
   	background-color: #fff;
   	padding: 0.55rem 0.35rem 0.25rem;
   	display: flex;
   	flex-direction: column;
   	align-items: center;
   	font-family: PingFang-SC-Heavy;
   	color: #333;
   	font-size: 0.26rem;
   	border-radius: 10px;
   	z-index: 1000;
	font-weight: bold;
   }
   
   .contact-modal .code {
   	width: 3rem;
	margin-bottom: 0.1rem;
   }
   
   .contact-modal .close {
   	position: absolute;
   	right: 0.2rem;
   	top: 0.2rem;
   	width: 0.2rem;
   	cursor: pointer;
   }
   
}