/*通用部分 s*/
/*头部导航*/
.header{/* background:rgba(51, 51, 51, 0.3); */height: 100px;position: fixed; z-index:10; 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;}
.header.mini{ box-shadow: 0 2px 6px rgba(0, 0, 0, .1);background:rgba(0, 0, 0, 0.4)}
.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: 60px;
    padding-left: 60px;
    display: flex;
    align-items: center;}
.header .logo img{width: 144px}
.header .logo .logo_en {width: 288px}
.header .logo em{display:none;}
.header .logo span{display:block;}
.header .header-right {
	height: 100%;
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #fff;
	gap: 30px;
	cursor: pointer;
}
.header .header-right .language{
	position: relative;
	display: flex;
	align-items: center;
	gap: 8px;
}
.header .header-right .language .icon-yuyan{
	width: 18px;
	height: 18px;
}
.header .header-right .language .icon-bottom{
	width: 8px;
	height: 7px;
}
.header .header-right .dorp-down{
	background: rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	display:none;
	position: absolute;
	left: 50%;
	top: 48px;
	width: 150px;
	transform: translateX(-50%);
}
.header .header-right .dorp-down a {
	display:block;
	color: #fff;
	padding: 20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.header .header-right .dorp-down a:last-child {
	border-bottom: none;
}
.header .header-right:hover .dorp-down{
	display:block;
}
.header .header-right .dorp-down a:hover{
	color: #2EFFE9
}

.header .download img{
	width: 150px;
	margin-right: 50px;
}
.nav {
	width: 60%; 
}
.nav ul{display: flex;align-items: center;justify-content: flex-end; line-height:28px; font-size:18px; position:relative;}
.nav li{flex:1; position: relative;max-width: 160px;text-align: center;display: inline-block;}
.nav li .nav-tab{text-align:center; display:block; color:#fff; opacity:0.6;margin:0 15px;padding: 36px 0 30px;display: inline-block;border-bottom: 4px solid transparent;}
.nav li .nav-tab:hover{opacity:1;color: #2EFFE9;}
.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: 250px;
	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 .dorp-down a:last-child {
	border-bottom: none;
}
.nav li:hover .dorp-down{
	display:block;
}
.nav li .dorp-down a:hover{
	color: #2EFFE9
}
.nav li.on .nav-tab{border-bottom: 4px #2EFFE9 solid;opacity:1;color: #2EFFE9;}

.wrapper{max-width:1903px; margin:0 auto; min-width: 1583px;}
/* banner */
.banner{width:100%; overflow:hidden; position:relative;min-width: 1600px;}
.banner .bannerSwiper {}
.banner img{ width:100%; display:block;}
.banner .video {
	width: 100%;
}
.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;
}

/*头部导航*/

/*底部*/
.footer{color:#9a9ca6; width: 100%; overflow: hidden;background: #0D0D0D;}
.footer .foot_menu{font-size: 14px; padding-bottom: 30px; display: flex;align-items: center; } 
.footer .foot-section { margin: 0 8%;display: flex;align-items: center;justify-content: space-between;}
.footer .left {
	padding: 75px 0;
}
.footer .foot_menu a{color:#fff;display: inline-block;text-align: center;padding: 0 20px;border-right: 1px solid #fff;}
.footer .foot_menu span{padding:0 30px;}
.footer .copy-right {display:flex;align-items:center;flex-wrap: wrap;color: #fff;}
.footer .copy-right li {
	margin-right: 10px;
	margin-bottom: 10px;
}
.contact-section {
	display: flex;
	align-items: center;
	width: 35%;
}
@media screen and (max-width: 1903px) { 
	.contact-section {
		width: 50%;
	}
}
.contact-section .show-qr {
	width: 280px;
	border-radius: 20px;
	padding: 10px;
	box-sizing: border-box;
	background-color: #ffff;
}
.contact-section .show-qr img {
	width: 100%;
}
.contact-icons{
    text-align: center;
    display: flex;
    align-items: center;
	flex-wrap: wrap;
	/*justify-content: space-between;*/
    margin-left: 50px;
	/* width: 100%; */
	gap: 25px 0;
}
.contact-icons li{
    width: 33%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 14px;
	color: #FFFFFF;
	/* margin-bottom: 25px; */
	cursor: pointer;

}
.contact-icons li span{
    white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.contact-icons li.active {
	color: #1CFFF2;
}
.contact-icons li .icon{
    width: 20px;
	margin-right: 10px;
}

.qr-popup {
	display: none;
}

/* .barrow_box {
    position: relative;
    background: #fff;
    border: 1px solid #999;
}
.barrow_box:after, .barrow_box:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.barrow_box:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 5px;
    margin-left: -5px;
}
.barrow_box:before {
    border-color: rgba(222, 106, 82, 0);
    border-top-color: #999;
    border-width: 6px;
    margin-left: -6px;
} */


.fix_link{position:fixed; top:50%; right:0; margin-top:-104px; display:none;z-index: 100}
.fix_link li{width:50px; height:50px; margin-top:12px; cursor:pointer; position:relative; background:rgba(153,153,153,0.3);background-size: 100%;background-origin: center;background-repeat: no-repeat;}
.fix_link li .fix_info{position:absolute; right:62px; width:116px; box-shadow: 0px 0px 8px 0px rgba(4,0,0,0.2); text-align:center; background:#fff; line-height:36px; display:none;}
.fix_link li .fix_info span{position:absolute; right:-12px; top:45%; background:url(../img/fix_jtico.png) no-repeat; width:12px; height:10px; margin-top:-2px; display:block;}
.fix_link li:hover .fix_info{display:block;}
.fix_link li .fix_info{top:-30px;}
.fix_link li .fix_info img{width: 96px;
    height: 96px;
    margin: 10px;}
.fix_link li.fix_qq{background-image:url(../img/index/contact_02.png) }
.fix_link li.fix_wx{background-image:url(../img/index/contact_01.png)}
.fix_link li.fix_top{background-image:url(../img/index/contact_03.png)}
.fix_link li.fix_qq:hover{opacity: 0.8}
.fix_link li.fix_wx:hover{opacity: 0.8}

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

/*首页*/
.first-section{width: 100%; overflow: hidden; 
background: url(../img/index/index_back_01.png) no-repeat center/100% 988px; height: 986px; }
.first-section.about {
	background: url(../img/about/about_back_02.png) no-repeat center/100% 847px; height: 845px;
}
.first-section .title-section{
    margin-top:  150px;
}
.first-section .title-section h2{
    font-size: 50px;
    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: -10px;
	width: 202px;
}
.first-section .title-section h3{
    font-size: 24px;
    color: #666666;
    margin: 40px 0 90px;
	text-align: center;
}
.first-section .intro {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 8%;
}
.first-section .intro li {
	background: url(../img/index/intro_back.png) no-repeat center/100% 500px;
	padding: 40px;
	width: 23%;
	box-sizing: border-box;
	height: 500px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: column;
	border-radius: 30px;
	cursor: pointer;
	transition: all 500ms;
}
.first-section .intro .isEn {
	padding: 40px 30px;
}
.first-section .intro li:hover{
    box-shadow: 5px 5px 30px 0px rgb(0 0 0 / 90%);
	transform: translateY(-20px);
}
.first-section .intro li .tit{
	width: 100%;
	margin-bottom: 30px;
}
.first-section .intro li .tit h4{
	position: relative;
	font-weight: 800;
	font-size: 24px;
	color: #FFFFFF;
	display: inline-block;
	white-space: nowrap;
}
.first-section .intro li .tit h4 .tit-line {
	/* width: 75px; */
	position: absolute;
	/* left: 50%;
	transform: translateX(5%); */
	/* right: -60px;
	bottom: -10px; */
	right: 0;
	bottom: 0;
	font-size: 18px;
	transform: translateX(80%);
	color: #32fff3;
	font-family: 'titleFont';
	font-weight: normal;
}
   .first-section .intro li:nth-child(1) .tit h4 .tit-line {
   	   color: #1CFFF2;
    }
	.first-section .intro li:nth-child(2) .tit h4 .tit-line {
		   color: #ffcb2b;
	 }
    .first-section .intro li:nth-child(3) .tit h4 .tit-line {
	 	   color: #eb2f2f;
	}
  .first-section .intro li:nth-child(4) .tit h4 .tit-line {
	   color: #1762b4;
   }

.first-section .intro li h5{
	flex: 1;
	font-size: 16px;
	color: #CCCCCC;
	line-height: 1.75;
	overflow-wrap: normal;
}
.first-section .intro li .pic{
	width: 100%;
}


/* 第二块 */
.second-section{width: 100%; overflow: hidden; 
	background: url(../img/index/index_back_02.png) no-repeat center/100% 887px;
	 height: 885px; 
}

 .second-section.about {
   	background: url(../img/about/about_back_03.png) no-repeat center/100% 902px; height: 900px;
   }

.second-section .title-section{
    margin-top:  90px;
	/*width: 400px;*/
	/*margin-left: 8%;*/
}
.second-section .title-section h2{
    font-size: 50px;
    color: #fff;
    font-weight: bold;
	position: relative;
	text-align: center;
}
.second-section .title-section h2 .title-line {
	position: absolute;
	left: 50%;
	transform: translateX(-60%);
	bottom: -10px;
	width: 202px;
}
.second-section .title-section h3{
    font-size: 24px;
    color: #666666;
    margin: 50px 0 90px;
    text-align: center;
}
.second-section .service-section{
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 1600px;
	margin: 0 8%;
}
.second-section .service-section .nav-items{
	width: 40%;
}
.second-section .service-section .nav-items li{
	display: flex;
	align-items: center;
	height: 130px;
	box-sizing: border-box;
	position: relative;
	border-radius: 20px;
	cursor: pointer;
	
}

.second-section .service-section .nav-items li.active {
	padding: 50px 30px;	
}
.second-section .service-section .nav-items li.active .back{
	border-radius: 20px;
	background: #2FF2DC url(../img/index/num_01.png) no-repeat right bottom/135px;
	height: 130px;
	position: absolute;
	width: 120%;
	left: 0;
	top: 0;
}
.second-section .service-section .nav-items li:nth-child(1).active .back{
	background-image: url(../img/index/num_01.png);
}
.second-section .service-section .nav-items li:nth-child(2).active .back{
	background-image: url(../img/index/num_02.png);
}
.second-section .service-section .nav-items li:nth-child(3).active .back{
	background-image: url(../img/index/num_03.png);
}
.second-section .service-section .nav-items li h4{
	font-weight: 800;
	font-size: 28px;
	color: #fff;
}
.second-section .service-section .nav-items li.active h4 {
	color: #333;
	position: relative;
}
.second-section .service-section .nav-items li h5{
	font-size: 24px;
	color: #fff;
	flex: 1;
}
.second-section .service-section .nav-items li.active h5 {
	color: #333;
	position: relative;
	
}
.second-section .service-pic-section {
	margin-left: 50px;
	/*margin-top: -150px;*/
}
.second-section .service-pic-section .service-pic{
	width: 100%;
	height: 604px;
	/* display: none; */
}
.second-section .service-pic-section .service-pic.service-pic-active{
	display: block;
}
/* 第三块 */
.news-section{width: 100%; overflow: hidden; 
	background: url(../img/index/index_back_03.png) no-repeat center/100% 782px; height: 780px; 
}
.news-section .wrap {
	display: flex;align-items: flex-start;justify-content: space-between;padding-top: 180px;
}
.news-section .title-section{
	width: 100%;
	margin-left: 30px;
	
}
.news-section .title-section h2{
    font-size: 50px;
    color: #fff;
    font-weight: bold;
	position: relative;
	line-height: 1;
	/* width: 550px; */
}
.news-section .title-section h2 .title-line {
	position: absolute;
	right: 0;
	bottom: 0;
	transform: translateX(90%);
	font-size: 18px;
	color: #32fff3;
	font-family: 'titleFont';
	font-weight: normal;
}

.news-section .title-section h3{
    font-size: 24px;
    color: #666666;
    margin: 20px 0 40px;
   	display: flex;
   	align-items: center;
   	justify-content: space-between;
	padding-right: 50px;
}
.news-section .title-section h3 .more {
	color: #fff;
	font-size: 18px;
}
.news-section .title-section h3 .more .icon {
   	width: 5px;
	margin-left: 5px;
}
.news-section .service-section{
	width: 35%;
	margin-right: 8%;
}
.news-section .service-section .nav-items{
	margin-left: 30px;
}
.news-section .service-section .nav-items li{
	position: relative;
	padding: 20px 20px;
	line-height: 1.6;
	border: 1px solid transparent;
	cursor: pointer;
}
.news-section .service-section .nav-items li .link {
	display: flex;
	align-items: center;
}
.news-section .service-section .nav-items li .date {
	margin-right: 30px;
	border-right: 1px solid #2FF2DC;
	padding-right: 20px;
}
.news-section .service-section .nav-items li .date .day{
	font-weight: bold;
	font-size: 32px;
	color: #FFFFFF;
	text-align: center;
}

.news-section .service-section .nav-items li .date .year{
	font-size: 24px;
	color: #666666;
	text-align: center;
	
}
.news-section .service-section .nav-items li.active {

	border: 1px solid #2FF2DC;
	border-radius: 20px;
}
.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: 28px;
	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: 14px;
	color: #666666;
}
.news-section .service-section .nav-items li.active h5 {
	color: #2FF2DC;
	position: relative;
}
.news-section .service-pic-section {
	margin-left: 8%;
	width: 50%;
}
.news-section .service-pic-section .pic-box {
	display: none;
	position: relative;
}
.news-section .service-pic-section .pic-box .title {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 20px 30px;
	background-color: rgba(0, 0, 0, 0.5);
	font-size: 14px;
	color: #fff;
}
.news-section .service-pic-section .service-pic{
	width: 100%;
	height: 532px;
	object-fit: cover;
	border-radius: 30px;
}
.news-section .service-pic-section .pic-box.service-pic-active{
	display: block;
}


/* 第四块 */
.join-section{width: 100%; overflow: hidden; 
	background: url(../img/index/index_back_04.png) no-repeat center/100% 628px; height: 626px; 
}

.join-section .title-section{
    margin-top:  150px;
	margin-left: 8%;
}
.join-section .title-section h2{
    font-size: 50px;
    color: #fff;
    font-weight: bold;
	position: relative;
}
.join-section .title-section h2 .title-line {
	position: absolute;
	left: 0;
	bottom: -10px;
}
.join-section .title-section h3{
	width: 45%;
    font-size: 24px;
    color: #666666;
    margin: 30px 0 60px;
	word-break: normal;
	overflow-wrap: break-word;
}
.join-section .contact{
	display: flex;
	align-items: center;
	font-size: 16px;
	color: #FFFFFF;
	border-radius: 6px 30px 6px 30px;
	border: 1px solid #FFFFFF;
	display: inline-block;
	padding: 12px 40px;
	margin-left: 8%;
}
.join-section .contact .arrow{
	width: 8px;
	margin-left: 5px;
}

/* 关于我们 */
.banner-section {
	width: 100%;
}
.banner-section img {
	width: 100%;
	display: block;
}

.about-section{width: 100%; overflow: hidden; 
	background: url(../img/about/about_back_01.png) no-repeat center/100% 970px; height: 968px; 
}

.about-section .about-info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 150px 8% 50px;
}
.about-section .title-section{
	width: 40%;
}
.about-section .title-section h2{
    font-size: 50px;
    color: #fff;
    font-weight: bold;
	position: relative;
	/* width: 350px; */
}
.about-section .title-section h2 .title-line {
	position: absolute;
	right: 0;
	bottom: 12px;
	font-size: 18px;
	color: #32fff3;
	font-family: 'titleFont';
	font-weight: normal;
	white-space: nowrap;
	transform: translateX(90%);
}
.about-section .title-section h3{
    font-size: 24px;
    color: #666666;
    margin: 30px 0 60px;
}
.about-section .title-section .desc {
	margin-top: 50px;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 1.7;
}
.about-section .about-info .com-pic {
	width: 40%;
	height: 400px;
	object-fit: cover;
	border-radius: 20px;
}

.about-section .about-lists {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 8%;
}
.about-section .about-lists .about-list{
	background: url(../img/about/intro_back.png) no-repeat center/100% 200px;
	width: 32%;
	box-sizing: border-box;
	height: 200px;
	padding: 20px;
}
.about-section .about-lists h4 {
	display: flex;
	align-items: center;
	font-weight: 800;
	font-size: 28px;
	color: #fff;
}
.about-section .about-lists h4 .about-icon{
	width: 30px;
	margin-right: 10px;
}
.about-section .about-lists ul {
	display: flex;
	align-items: flex-end;
	margin-top: 30px;
}
.about-section .about-lists ul li {
	flex: 1;
}
.about-section .about-lists ul li h3{
	font-weight: bold;
	font-size: 32px;
	color: #FFFFFF;
}
.about-section .about-lists ul li h3 span{
	font-size: 18px;
	color: #fff;
}
.about-section .about-lists ul li h5{
	font-size: 18px;
	color: #999999;
}

.about-ecology-setion {width: 100%; overflow: hidden; 
	background: url(../img/about/about_back_04.png) no-repeat center/100% 962px; height: 960px; 
}
.about-ecology-setion .top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 100px 8% 0;
}
.about-ecology-setion .top .pic{
	width: 40%;
	border-radius: 20px;
}
.about-ecology-setion .top .info{
	height: 430px;
	background: url(../img/about/map.png) no-repeat center/100% 430px;
	margin-left: 50px;
	padding-left: 50px;
	width: 50%;
}

.about-ecology-setion .top .info h3 {
	font-weight: 800;
	font-size: 50px;
	color: #FFFFFF;
	margin: 50px 0px 30px;
}
.about-ecology-setion .top .info h4 {
	font-size: 24px;
	color: #666666;
}
.about-ecology-setion .top .info h5 {
	margin-top: 80px;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 1.7;
}

.about-ecology-setion .progress{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin: 100px 8% 0;
}
.about-ecology-setion .progress li{
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: relative;
}
.about-ecology-setion .progress li.line {
	padding-top: 40px;
	border-bottom: 1px solid rgba(255, 255, 255, .5);
}

.about-ecology-setion .progress li .icon{
	width: 80px;
}
.about-ecology-setion .progress li h3{
	font-weight: 800;
	font-size: 18px;
	color: #FFFFFF;
	margin: 40px 0;
}
.about-ecology-setion .progress li h4{
	font-size: 14px;
	color: #999999;
}


.about-mall-section {width: 100%; overflow: hidden; 
	background: url(../img/about/about_back_05.png) no-repeat center/100% 533px; height: 531px; 
}
.about-mall-section .wrap{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 100px 8%;
}
.about-mall-section .wrap .info {
	width: 50%;
}
.about-mall-section .wrap .info h2{
	font-weight: 800;
	font-size: 50px;
	color: #FFFFFF;
}
.about-mall-section .wrap .info h3{
	font-size: 28px;
	color: #666666;
		margin: 20px 0px  50px;
}
.about-mall-section .wrap .info h4{
	font-size: 18px;
	color: #FFFFFF;

	line-height: 1.7;
}
.about-mall-section .wrap .pic{
	width: 40%;
}

.about-value-section {width: 100%; overflow: hidden; 
	background: url(../img/about/about_back_06.png) no-repeat center/100% 838px; height: 836px; 
}
.about-value-section .wrap{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 50px 8%;
}
.about-value-section .wrap .info {
	width: 45%;
}
.about-value-section .wrap .info h2{
	font-weight: 800;
	font-size: 50px;
	color: #FFFFFF;
}
.about-value-section .wrap .info ul{
	border-left: 1px solid rgba(255, 255, 255, .5);
	padding: 30px 0 1px;
	margin-top: 50px;
}
.about-value-section .wrap .info ul li {
	display: flex;
	align-items: center;
	margin-left: -8px;
	margin-bottom: 40px;
}
.about-value-section .wrap .info ul i{
	width: 14px;
	height: 14px;
	background: #2FF2DC;
	border-radius: 50%;
}
.about-value-section .wrap .info ul i{
	width: 14px;
	height: 14px;
	background: #2FF2DC;
	border-radius: 50%;
}
.about-value-section .wrap .info ul span {
	background: #2FF2DC;
	border-radius: 6px;
	padding: 5px 10px;
	font-size: 14px;
	color: #333333;
	text-align: center;
	margin: 0 20px;
	display: inline-block;
}

.about-value-section .wrap .info ul p {
	font-size: 14px;
	color: #FFFFFF;
	flex: 1;
}
.about-value-section .wrap .pic{
	width: 40%;
}
/* 短视频 */

.video-one-section {
	width: 100%; 
	overflow: hidden; 
	background: url(../img/ecology/video_back_01.png) no-repeat center/100% 932px; 
	height: 930px; 
}
.video-one-section .title {
	background: url(../img/ecology/video_title.png) no-repeat center/100%; 
	height: 131px; 
	margin: 100px 8% 50px;
	padding-top: 80px;
	text-align: center;
	font-weight: 800;
	font-size: 50px;
	color: #fff;
	
}
.video-one-section .desc {
	font-size: 18px;
	color: #999;
	margin: 0 10%;
	line-height: 1.7;
}
.video-one-section .swiper-wrap {
		 position: relative;
		 /* width: 50%; */
		 margin:100px auto 0;
}
.video-one-section .video-swiper{
     height: 430px;
	 width: 100%;
}

.video-one-section .video-swiper .swiper-slide {
    align-items: center;
    /* transition: 300ms; */
    /* transform: scale(0.8); */
	width: 700px;
}

.video-one-section .video-swiper .swiper-slide img{
	width: 100%;
	display:block;
}
.video-one-section .video-swiper .swiper-slide .myVideo{
	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/ecology/video_back_02.png) no-repeat center/100% 1032px; 
	/* height: 943px;  */
	height: 1030px;
}
.core-section .title-section{
	/* width: 240px; */
	margin: 120px 8% 70px;
	
}
.core-section .title-section h2{
    font-size: 50px;
    color: #fff;
    font-weight: bold;
	position: relative;
}
.core-section .title-section h2 .title-line {
	position: absolute;
	right: 0;
	bottom: 12px;
	font-size: 18px;
	color: #32fff3;
	font-family: 'titleFont';
	font-weight: normal;
	white-space: nowrap;
	transform: translateX(90%);
}
.core-section .core-items {
	margin: 0 8%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.core-section .core-items li {
	width: 23%;
	transition: all 500ms;
	cursor: pointer;
}
.core-section .core-items li:hover{

	transform: translateY(20px);
}
.core-section .core-items li .pic{
	width: 100%;
	height: 430px;
	object-fit: cover;
	border-radius: 20px;
}
.core-section .core-items li h4{
	font-weight: 800;
	font-size: 24px;
	color: #FFFFFF;
	margin: 30px 0;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.core-section .core-items li h5{
	font-size: 16px;
	color: #999;
	line-height: 1.7;
	white-space: pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
}

.fun-section {
	width: 100%;
	overflow: hidden; 
	background: url(../img/ecology/video_back_03.png) no-repeat center/100% 945px; 
	height: 943px; 

}
.fun-section.w168 {
	background: url(../img/ecology/w168_back_02.png) no-repeat center/100% 1078px; height: 1076px; 

}
.fun-section.best {
	/* background: url(../img/ecology/w168_back_02.png) no-repeat center/100% 1078px; height: 1076px;  */
	background: url(../img/ecology/w168_back_02.png) no-repeat center/100% 1222px; height: 1220px; 
}
.fun-section .wrap{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 120px 8% 0;
}
.fun-section .left {
	width: 40%;
}
.fun-section .title-section{
	/* width: 250px; */
	margin-bottom: 60px;
}
.fun-section .title-section h2{
    font-size: 50px;
    color: #fff;
    font-weight: bold;
	position: relative;
}
.fun-section .title-section h2 .title-line {
	position: absolute;
	right: 0;
	bottom: 12px;
	font-size: 18px;
	color: #32fff3;
	font-family: 'titleFont';
	font-weight: normal;
	white-space: nowrap;
	transform: translateX(90%);
}
.fun-section .fun-items {
	width: 90%;
}
.fun-section .fun-items li{
	display: flex;
	align-items: center;
	margin-bottom: 50px;
}
.fun-section .fun-items li .pic{
	width: 80px;
}
.fun-section .fun-items li .info{
	margin-left: 20px;
}
.fun-section .fun-items li .info h4{
	font-weight: 800;
	font-size: 22px;
	color: #FFFFFF;
	margin-bottom: 10px;
}
.fun-section .fun-items li .info h5{
	font-size: 16px;
	color: #999;
	margin-bottom: 5px;
	white-space: pre-line;
}
.fun-section .main-pic-wrap{
	width: 60%;
}
.fun-section .main-pic{
	width: 100%;
}

/*联系我们*/
.contact-one-section{
	width: 100%; 
	background: url(../img/contact/contact_back_01.png) no-repeat center/100% 463px; height: 461px; 
}
.contact-one-section .wrap {
	top: -350px;
	position: absolute;
}
.contact-one-section .title-section{
	
	margin-left: 8%;
	
}
.contact-one-section .title-section h2{
    font-size: 50px;
    color: #fff;
    font-weight: bold;
	position: relative;
	/* width: 320px; */
}
.contact-one-section .title-section h2 .title-line {
	position: absolute;
	right: 0;
	bottom: 12px;
	font-size: 18px;
	color: #32fff3;
	font-family: 'titleFont';
	font-weight: normal;
	transform: translateX(90%);
	white-space: nowrap;
}
.contact-one-section .title-section h3{
    font-size: 24px;
    color: #666666;
    margin: 30px 0 60px;
}
.contact-one-section  .map {
	margin: 0 8%;
	border-radius: 20px;
	overflow: hidden;
}
.contact-one-section .address-section {
	margin: 50px 8%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.contact-one-section .address-section li{
	width: 50%;
	font-size: 18px;
	color: #FFFFFF;
	margin-bottom: 30px;
	display: flex;
	align-items: center;
}

.contact-two-section{
	width: 100%; 
	background: url(../img/contact/contact_back_02.png) no-repeat center/100% 660px; height: 658px; 
}

.contact-two-section .title-section{
	padding-top: 50px;
	margin-left: 8%;
	position: relative;
}
.contact-two-section .title-section h2{
    font-size: 50px;
    color: #fff;
    font-weight: bold;
	position: relative;
	/* width: 485px; */
}
.contact-two-section .title-section h2 .title-line {
	position: absolute;
	right: 0;
   	bottom: 12px;
	font-size: 18px;
	color: #32fff3;
	font-family: 'titleFont';
	font-weight: normal;
	white-space: nowrap;
	transform: translateX(90%);
}
.contact-two-section .title-section h3{
    font-size: 24px;
    color: #666666;
    margin: 30px 0 60px;
}


.contact-two-section .input-section {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin: 0px 8%;
}
.contact-two-section .input-section li {
	border-radius: 20px;
	border: 1px solid rgba(255, 255, 255, .5);
	padding: 30px;
	box-sizing: border-box;
	width: 23%;
	margin-right: 20px;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
}


.contact-two-section .input-section li .title {
	font-size: 18px;
	color: #FFFFFF;
	min-width: 80px;
}
.contact-two-section .input-section li input {
	height: 40px;
	font-size: 18px;
	color: #fff;
	flex: 1;
}

.contact-two-section .input-section li.type {
	justify-content: space-between;position: relative;height: 100px;
	cursor: pointer;
}
   
.contact-two-section .input-section li.textarea {
   align-items:flex-start;width:  71.5%;padding: 20px 30px;
}
.contact-two-section .input-section li.textarea .title {
	width: 180px;
}
.contact-two-section .input-section li textarea {
	margin-top: 2px;
	color: #fff;
	width: 100%;
	height: 50px;
	font-size: 18px;
	
}

.contact-two-section .input-section li.btn {
	background: #2ADDC9;
	text-align: center;
	color: #333333;
	height:  100px;
	font-size: 24px;
	justify-content: center;
}

.contact-two-section .input-section li .arrow {
	width: 10px;
}

.contact-two-section .input-section li .dorp-down-types {
	position: absolute;
	left: 0;
	top: 110px;
	padding: 20x;
	width: 100%;
	background: #06070a;
	border-radius: 20px;
	padding: 0 30px;
	box-sizing: border-box;
	border: 1px solid rgba(255, 255, 255, .5);
}

.contact-two-section .input-section li .dorp-down-type {
	padding: 30px;
	color: #fff;
	text-align: center;
	font-size: 16px;
	border-bottom: 1px solid rgba(255, 255, 255, .5);
	cursor: pointer;
}

.contact-two-section .input-section li .dorp-down-type:hover {
	color: #1CFFF2;
}

.contact-two-section .input-section li .dorp-down-type:last-child {
	border-bottom: none;
}

/* 商业合作 */
.buss-one-section{
	width: 100%; 
	background: url(../img/buss/buss_back_01.png) no-repeat center/100% 593px;
	height: 591px; 
}

.buss-one-section .title-section{
	padding-top: 50px;
	/* margin-left: 8%; */
	position: relative;
	width: 40%;
}
.buss-one-section .title-section h2{
    font-size: 50px;
    color: #fff;
    font-weight: bold;
	position: relative;
	/* width: 420px; */
}
.buss-one-section .title-section h2 .title-line {
	position: absolute;
	right: 0;
	bottom: 12px;
	font-size: 18px;
	color: #32fff3;
	font-family: 'titleFont';
	font-weight: normal;
	white-space: nowrap;
	transform: translateX(90%);
}
.buss-one-section .title-section h3{
    font-size: 18px;
    color: #fff;
    margin: 80px 0 60px;
	line-height: 1.7;
}
.buss-one-section .wrap{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 8%;
	padding: 100px 0;
	
}
.buss-one-section .wrap .pic{
	width: 40%;
}

.buss-two-section {
	width: 100%;
	overflow: hidden; 
	background: url(../img/buss/buss_back_02.png) no-repeat center/100% 643px; 
	height: 641px; 
}
.buss-two-section .wrap {
	margin: 50px 8% 70px;
	background: url(../img/buss/buss_banner_core_back.png) no-repeat center/100% 500px; 
	padding: 80px 30px;
}
.buss-two-section .title-section{

	text-align: center;
	
}
.buss-two-section .title-section h2{
    font-size: 50px;
    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: -15px;
	    width: 202px;
}
.buss-two-section .core-items {
	margin: 100px 0 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.buss-two-section .core-items li {
	width: 20%;
	text-align: center;
}
.buss-two-section .core-items li .pic{
	width: 100px;
	height: 100px;
	transition: all 300ms;
	cursor: pointer;
}
.buss-two-section .core-items li:hover .pic {
	transform: scale(1.1);
}
.buss-two-section .core-items li h4{
	font-weight: 800;
	font-size: 24px;
	color: #FFFFFF;
	margin: 30px 0;
	text-align: center;
}
.buss-two-section .core-items li h5{
	font-size: 16px;
	color: #999;
	line-height: 1.7;
	text-align: left;
}


.buss-three-section {
	width: 100%;
	overflow: hidden; 
	background: url(../img/buss/buss_back_03.png) no-repeat center/100% 643px; 
	height: 641px; 
}

.buss-three-section .title-section{
	margin: 0 8%;
	text-align: center;
	padding-top: 50px;
	
}
.buss-three-section .title-section h2{
    font-size: 50px;
    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: -15px;
	    width: 202px;
}
.buss-three-section .core-items {
	margin: 100px 8% 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.buss-three-section .core-items li {
	width: 16%;
	text-align: center;
	height: 350px;
	transition: all 500ms;
	cursor: pointer;
}
.buss-three-section .core-items li:hover {
	transform: translateY(-20px);
}
.buss-three-section .core-items li .pic{
	width: 90%;
	/* height: 240px; */
}
.buss-three-section .core-items li h4{
	font-weight: 800;
	font-size: 18px;
	color: #FFFFFF;
	margin: 30px 0;
	text-align: center;
}
.buss-three-section .core-items li h5{
	font-size: 14px;
	color: #999;
	line-height: 1.7;
}



.buss-four-section{
	width: 100%; 
	background: url(../img/buss/buss_back_04.png) no-repeat center/100% 733px; height: 731px; 
}

.buss-four-section .title-section{
	padding-top: 100px;
	margin-left: 8%;
	position: relative;
}
.buss-four-section .title-section h2{
    font-size: 50px;
    color: #fff;
    font-weight: bold;
	position: relative;
	/* width: 350px; */
}
.buss-four-section .title-section h2 .title-line {
	position: absolute;
	right: 0;
	bottom: 12px;
	font-size: 18px;
	color: #32fff3;
	font-family: 'titleFont';
	font-weight: normal;
	white-space: nowrap;
	transform: translateX(90%);
}
.buss-four-section .title-section h3{
    font-size: 24px;
    color: #666666;
    margin: 30px 0 60px;
}


.buss-four-section .input-section {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin: 0px 8%;
}
.buss-four-section .input-section li {
	border-radius: 20px;
	border: 1px solid rgba(255, 255, 255, .5);
	padding: 30px;
	box-sizing: border-box;
	width: 31%;
	margin-right: 20px;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
}


.buss-four-section .input-section li .title {
	font-size: 18px;
	color: #FFFFFF;
	min-width: 80px;
}
.buss-four-section .input-section li input {
	height: 40px;
	font-size: 18px;
	color: #fff;
	flex: 1;
}

.buss-four-section .input-section li.textarea {
	align-items:flex-start;width:  72.2%;padding: 20px 30px;
}
.buss-four-section .input-section li.textarea .title {
	width: 50px;
}

.buss-four-section .input-section li textarea {
	margin-top: 3px;
	color: #fff;
	width: 100%;
	height: 50px;
	font-size: 17px;
	
}

.buss-four-section .input-section li.btn {
	background: #2ADDC9;
	text-align: center;
	color: #333333;
	height:  100px;
	font-size: 24px;
	justify-content: center;
	width: 22%;
}


/* 新闻 */

.news-navs {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin: 50px 8% 30px;
	padding-bottom: 40px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	gap: 30px 40px;
}
.news-navs  li{
	font-size: 28px;
	color: #999999;

	cursor: pointer;
}

.news-navs  li.active {
	color: #FFFFFF
}

.news-lists {
	margin: 30px 8%;
}
.news-lists li{
	margin-bottom: 50px;

}
.news-lists li .link {
	display: flex;
	align-items: center;
}
.news-lists li .new-pic{
	width: 240px;
	height: 160px;
	border-radius: 10px;
	object-fit: cover;
	margin-right: 30px;
}
.news-lists li .info{
	flex: 1;
}
.news-lists li h3{
	font-weight: 800;
	font-size: 24px;
	color: #FFFFFF;
	margin-bottom: 20px;
}
.news-lists li h4{
	font-size: 16px;
	color: #666666;
	margin-bottom: 20px;
}
.news-lists li h5{
	font-size: 16px;
	color: #333;
}

.no-data {
	color: #555;
	text-align: center;
	margin: 100px 0;
}
.no-data img {
	width: 80px;
	margin-bottom: 20px;
}

.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: #fff;
	color: #333;
}
.pagination-section li:hover {
	background: #fff;
	cursor: pointer;
}

.pagination-section li:first-child:hover {
	background: #222;
	cursor: pointer;
}
.pagination-section li:last-child:hover {
	background: #222;
	cursor: pointer;
}
.pagination-section li .arrow {
	width: 13px;
}
 .details-section {
	   padding: 40px;
	   color: #fff;
	   
   }
   .details-section h3{
	   font-size: 35px;
	   margin: 0 5%;
	   text-align: center;
   }
   .details-section h4{
	   font-size: 18px;
	   color: #555;
	   margin: 20px 5%;
	   text-align: center;
	   
   }
   .details-section h5{
	   font-size: 14px;
	   color: #333;
	   border-top: 1px solid #333;
	   padding-top: 20px;
	   text-align: center;
   }
   .details-section .content{
	   padding: 50px;
   }
   .details-section .content img {
	    width: 30% !important;
   }

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

.m-footer {
	display: none;
}

.m-banner {
	   display: none;
}

.m-nav {
	display: none;
}
.news-section .m-service-pic-section {
	   display: none;
}
.m-banner-section {
	display: none;
}

/* 移动端适配 */

@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;
   }
   .news-section .service-pic-section {
   	   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;}
   .m-header.mini{ box-shadow: 0 2px 6px rgba(0, 0, 0, .1);background:rgba(0, 0, 0, 0.4)}
   .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.44rem}
   .m-header .logo .logo_en{width: 2.44rem}
   .m-header .menu {
	  width: .5rem
   }
   .m-header .language{
	position: relative;
	display: flex;
	align-items: center;
	gap: 8px;
	color: #fff;
	font-size: 20px;
}

.m-header .language .icon-yuyan{
	width: 20px;
	height: 20px;
}
.m-header .language .icon-bottom{
	width: 8px;
	height: 7px;
}
.m-header .dorp-down{
	background: rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	display:none;
	position: absolute;
	left: 50%;
	top: 48px;
	width: 150px;
	transform: translateX(-50%);
}

.m-header .dorp-down a {
	display:block;
	color: #fff;
	padding: 20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.m-header .dorp-down a:last-child {
	border-bottom: none;
}
.m-header .language:hover .dorp-down{
	display:block;
}
.m-header .dorp-down a:hover{
	color: #2EFFE9
}
.m-nav {
	   width: 100vw;
	   background: #000000 url(../img/m/nav_back.png) no-repeat center/150%;
	   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 0.3rem 0
	}
 .m-nav ul li{
		border-radius: .15rem;
		border: 1px solid rgba(255, 255, 255, 0.5);
		margin-bottom: 0.3rem;
		/* padding: 0.3rem; */
		text-align: center;
		font-size: 0.28rem;
		color: #999999;
	}
	
.m-nav ul li.active {
		 border: 1px solid #2FF2DC;
		 color: #fff;
		 position: relative;
	 }
 .m-nav ul li.active a {
		 color: #fff;
	 }
 .m-nav ul li a {
	 	color: #999;
		display: block;
		height: 1rem;
		line-height: 1rem;
}
 .m-nav ul li.active:after {
		content: '';
		width: 0.14rem;
		height: 0.6rem;
		background: #2FF2DC;
		border-radius: 0.07rem;
		position: absolute;
		left: .2rem;
		top: 0.2rem;
	 }
 .m-nav .min-logo {
		width:1.44rem;
		margin: 2rem auto;
		display: block;
		
	}
	
	/* 移动端底部 */
	
   .m-footer {
	   width: 100%;
	   background: #0D0D0D;
	   display: block;
	   padding: 0.8rem 0.4rem 0.5rem;
	   box-sizing: border-box;
	    background: #000000 url(../img/m/foot_back.jpg) no-repeat center/cover;
   }
   
   .m-footer .foot_menu{
	   display: flex;
	   align-items: center;
	   justify-content: space-between;
   }
   .m-footer .foot_menu a{
	   font-size: 0.24rem;
	   color: #FFFFFF;
	   border-right: 0.01rem solid #fff;
	   padding: 0 0.25rem;
	   display: inline-block;
   }
   .m-footer .copy-right{
	   display: block;
	   margin-top: 0.5rem;
	   text-align: center;
   }
   .m-footer .copy-right li{
	   font-size: 0.24rem;
	   color: #666666;
	   line-height: 1.75;
   }
   .m-footer .m-contact-section {
	   margin: 0.8rem 0 0;
   }

   .m-footer .m-contact-section .m-contact-icons{
	   display: flex;
	   align-items: center;
	   /*justify-content: space-between;*/
	   flex-wrap: wrap;
	   width: 100%;
	   gap: 0.5rem 0;
   }
   .m-footer .m-contact-section .m-contact-icons li{
	   width: 33%;
	   display: flex;
	   align-items: center;
	   justify-content: center;
	   flex-direction: column;;
	   /* margin-bottom: 0.5rem; */
   }
   
   .m-footer .m-contact-section .m-contact-icons li .icon {
	   width: .6rem;
   }
   
   .m-footer .m-contact-section .m-contact-icons li h3 {
   	   font-size: .24rem;
   	   color: #666666;
	   margin-top: 0.3rem;
   }
   
   /*首页*/
   .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 .video {
   	width: 100%;
   }
  .m-banner .banner-swiper .swiper-pagination-bullets {
       bottom: 0 !important;
   }
   
   .first-section{width: 100%; overflow: hidden; 
   	background: url(../img/m/index_back_01.jpg) no-repeat center/100% 100%;
    /* height: 11.67rem;  11.69rem*/
	height: auto;
   }
   .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.8rem;
   	padding: 0.4rem;
   	width: 3.15rem;
   	box-sizing: border-box;
   	height: 4.8rem;
	margin-bottom: 0.2rem;
	border-radius: 0;
	align-items: flex-start;
   }
   .first-section .intro .isEn {
	padding: 0.4rem 0.3rem;
   }
   .first-section .intro li:hover {
	   transform: none;
   }
   .first-section .intro li .tit{
   	
   }
   .first-section .intro li .tit h4{
   	position: relative;
   	font-weight: 800;
   	font-size:.26rem;
   	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;
   	bottom: 0;
	font-size: 0.18rem;
   }
   .first-section .intro li h5{
	flex: 1;
   	font-size: 0.22rem;
   	color: #CCCCCC;
   	line-height: 1.45;
   }
   .first-section .intro li .pic{
   	width: 100%;
   }
   
   
   /* 第二块 */
   .second-section{width: 100%; overflow: hidden; 
   	background: url(../img/m/index_back_02.jpg) no-repeat center/100% 100%; 
	/* height: 9.04rem;  9.06rem*/
	height: auto;
   }
   
   .second-section .title-section{
     margin-top:  0.5rem;
   	 width: auto;
	 text-align: left;
   }
   .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;
	gap: 0.25rem;
   }
   .second-section .service-section .nav-items li{
   	display: flex;
   	align-items: center;
	justify-content: center;
	width: 30%;
   	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; */
	padding: 0;
   	text-align: center;
   }
   .second-section .service-section .nav-items li.active {
		/* padding: 0 0.4rem; */
	    padding: 0;
		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.24rem;
   	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%;
	height: 4.5rem;
   	/* 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% 100%; 
		/* height: 14.70rem; 14.72rem  */
		height: auto;
   }
   .news-section .wrap {
   	display: block;
	/* padding-top: 0.3rem; */
	padding-top: 1rem;
	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: 5.5rem; */
   }
   .news-section .title-section h2 .title-line {
   	position: absolute;
   	right: 0;
	bottom: 0;
	transform: translateX(90%);
   	font-size: .18rem;
   }
   
   .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{
   	width: auto;
   	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: 5.4rem;
   	object-fit: contain;
   	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; 
	 margin-top: 1rem;
   }
   
   .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{
	   box-sizing: border-box;
       font-size: 0.24rem;
       color: #666666;
       padding: 0.3rem 0.3rem 0.3rem;
	   margin: 0;
	   width: 100%;
	   text-align: center;
	   word-break: normal;
	   overflow-wrap: break-word;
   }
   .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.1rem 0.12rem 0.4rem;
	margin: 0 auto;
	width: 1.6rem;
   }
   .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% 9.06rem; 
		height: 9.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: 2.5rem; */
   }
   .about-section .title-section h2 .title-line {
   	position: absolute;
   	right: 0;
   	bottom: 12px;
	font-size: .18rem;
	transform: translateX(90%);
   }
   .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.22rem;
   	color: #FFFFFF;
   	line-height: 1.7;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
   }
   .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.15rem 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.22rem;
   	color: #999999;
   }
   
   .first-section.about {
   	background: url(../img/m/about_back_03.jpg) no-repeat center/100% 100%; 
	/* height: 12.24rem; 12.26rem*/
	height: auto;
   }
   
   .second-section.about {
   	background: url(../img/m/about_back_04.jpg) no-repeat center/100% 100%; 
	/* height: 8.5rem; 8.52rem*/
	height: auto;

   }
   .about-ecology-setion {width: 100%; overflow: hidden;
   	background: url(../img/m/about_back_05.jpg) no-repeat center/100% 100%; 
	/* height: 14.31rem; 14.33rem  */
	height: auto;

   }
   .about-ecology-setion .top {
   	flex-direction: column;
   	margin: 0.8rem 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;
	width: 100%;
   }
   
   .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.26rem;
   	color: #666666;
   }
   .about-ecology-setion .top .info h5 {
   	margin-top: 0.3rem;
   	font-size: 0.22rem;
   	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.24rem;
   	color: #FFFFFF;
   	margin: 0.2rem 0 0.1rem;
   }
   .about-ecology-setion .progress li h4{
   	font-size: 0.22rem;
   	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% 100%; 
	/* height: 7rem; 7.02rem */
	height: auto;
   }
   .about-mall-section .wrap{
   	display: block;
   	margin: 0.5rem 0.5rem;
   }
   .about-mall-section .wrap .info {
   	width: auto;
	margin: .8rem 0 0.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.3rem;
   }
   .about-mall-section .wrap .info h4{
   	font-size: 0.22rem;
   	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%  100%; 
	/* height:  10.28rem; 10.28rem */
	height: auto;
   }
   .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.22rem;
   	color: #333333;
   	text-align: center;
   	margin: 0 0.2rem;
   	display: inline-block;
   }
   
   .about-value-section .wrap .info ul p {
   	font-size: 0.22rem;
   	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% ; 
   	/* height: 7.5rem;  7.52rem */
	height: auto;
   }
   .video-one-section.w168 {
   	width: 100%; 
   	overflow: hidden; 
   	background: url(../img/m/w168_back_01.jpg) no-repeat center/100% 100%; 
   	/* height: 8rem;  8.02rem*/
	height: auto;
   }
   .video-one-section.best {
   	width: 100%; 
   	overflow: hidden; 
   	background: url(../img/m/best_back_01.jpg) no-repeat center/100% 100%; 
   	/* height: 7rem; 7.02rem */
	height: auto;

   }
   .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.24rem;
   	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 .myVideo{
	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% 100%; 
   	/* height: 15rem;  15.02rem*/
	height: auto;
   }
   .core-section .title-section{
   	/* width: 2.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.12rem;
   	font-size: 0.18rem;
	white-space: nowrap;
	transform: translateX(90%);
   }
   .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 0.1rem;
   	text-align: left;
   }
   .core-section .core-items li h5{
   	font-size: 0.22rem;
   	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: flex;
	flex-direction: column;
   	align-items: center;
   	justify-content: space-between;
   	margin: 0;
   }
   
   .fun-section .title-section{
   	/* width: 3.5rem; */
   	padding-bottom: 0.3rem;
	margin-bottom: 0;
	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% 100%;
	   /* height: 7.7rem;  7.72rem*/
	   height: auto;
	   padding: 0 0.5rem;
	   width: auto;
   }
   .fun-section.w168 .left {
   	   background: url(../img/m/w168_back_02.jpg) no-repeat center/100% 100%;
   	   /* height: 10rem;  10.02rem*/
	   height: auto;
   	   padding: 0 0.5rem;
   }
   .fun-section.best .left {
   	   background: url(../img/m/best_back_02.jpg) no-repeat center/100% 100%;
   	   /* height: 10.0rem;  10.02rem*/
	   height: auto;
   	   padding: 0 0.5rem;
   }
   .fun-section .title-section h2 .title-line {
   	position: absolute;
   	right: 0;
   	bottom: 0.12rem;
   	font-size: .18rem;
	white-space: nowrap;
	transform: translateX(90%);
   }
   .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.26rem;
   	color: #FFFFFF;
   	margin-bottom: 0.1rem;
   }
   .fun-section .fun-items li .info h5{
   	font-size: 0.22rem;
   	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: 0 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: 0 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: 0 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% 7.51rem; height: 7.51rem; 
   }
   .contact-one-section .wrap {
   	top: -3.5rem;
   	position: absolute;
	width: 7.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: 2.5rem; */
   }
   .contact-one-section .title-section h2 .title-line {
   	position: absolute;
   	right: 0;
   	bottom: 12px;
	font-size: .18rem;
	transform: translateX(90%);
	white-space: nowrap;
   }
   .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: 6.5rem;
   }
   .contact-one-section .map #map {
	   width:100%;height:4rem !important;
   }
   .contact-one-section .address-section {
   	margin: 0.5rem auto;
   	display: block;
   }
   .contact-one-section .address-section li{
   	width: 100%;
   	font-size: 0.22rem;
   	color: #FFFFFF;
   	margin-bottom: 0.4rem;
	display: block;
	text-align: center;
   }
   .contact-one-section .address-section li h5 {
	   color: #999;
   }
   .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: 12px;
	font-size: .18rem;
	white-space: nowrap;
	transform: translateX(90%);
   }
   .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.02rem 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.24rem;
   	color: #FFFFFF;
   	min-width: 1.2rem;
   }
   .contact-two-section .input-section li input {
   	height: 0.4rem;
   	font-size: 0.24rem;
   	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: 2.4rem;
	}
   .contact-two-section .input-section li textarea {
   	margin-top: 0.03rem;
   	color: #fff;
   	width: 100%;
   	height: 1.5rem;
   	font-size: 0.24rem;
   }
   
   .contact-two-section .input-section li.btn {
   	background: #2ADDC9;
   	text-align: center;
   	color: #333333;
   	height:  1.2rem;
   	font-size: 0.28rem;
   	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);
   }
   
   .contact-two-section .input-section li .dorp-down-type {
   	padding: 0.3rem;
   	color: #fff;
   	text-align: center;
   	font-size: 0.24rem;
   	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% 100%;
   	/* height: 8.03rem; 8.05rem */
	height: auto;
   }
   
   .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: 12px;
	font-size: .18rem;
	white-space: nowrap;
	transform: translateX(90%);
   }
   .buss-one-section .title-section h3{
       font-size: 0.26rem;
       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% 100%; 
   	/* height: 9.98rem;  10rem*/
	height: auto;
   }
   .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.26rem;
   	color: #FFFFFF;
   	margin: 0;
   	text-align: left;
	margin: 0.05rem 0 0.1rem;
   }
   .buss-two-section .core-items li h5{
   	font-size: 0.24rem;
   	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% 100%; 
   	/* height: 10.86rem;  10.88rem*/
	height: auto;
   }
   
   .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.24rem;
   	color: #999;
   	line-height: 1.7;
	text-align: left;
   }
   
   
   
   .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: 3.3rem; */
   }
   .buss-four-section .title-section h2 .title-line {
   	position: absolute;
   	right: 0;
   	bottom: 12px;
	font-size: 0.18rem;
	white-space: nowrap;
	transform: translateX(90%);
   }
   .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.02rem 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.26rem;
   	color: #FFFFFF;
   	min-width: 80px;
   }
   .buss-four-section .input-section li input {
   	height: 0.4rem;
   	font-size: 0.26rem;
   	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.26rem;
   	
   }
   
   .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;
   }
   .m-banner-section img {
	   width: 100%;
   }

   .news-navs {
   	display: inline-flex;
   	align-items: center;
   	padding: 0.3rem;
	margin: 0;
	overflow-x: auto;
	width: 100%;
   	border-bottom: 0.01rem solid rgba(255, 255, 255, 0.2);
	box-sizing: border-box;
	flex-wrap: nowrap;
   }
   .news-navs::-webkit-scrollbar {
     display: none; /* 对于WebKit浏览器（如Chrome, Safari） */
   }
   .news-navs  li{
   	font-size: 0.28rem;
   	color: #999999;
   	margin-right: 0;
	flex: none;
	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;
   }
   
   .no-data {
   	color: #555;
   	text-align: center;
   	margin: 1rem 0;
   }

	.no-data img {
		width: 1rem;
		margin-bottom: 0.2rem;
	}
   
   .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: #fff;
	color: #333;
   }
   .pagination-section li:first-child:hover {
   	background: #222;
   	cursor: pointer;
   }
   .pagination-section li:last-child:hover {
   	background: #222;
   	cursor: pointer;
   }
  .pagination-section li:hover {
   	background: auto;
   }
   
   
   .pagination-section li .arrow {
   	width: 0.15rem;
   }
   
   .details-section {
   	   padding: .4rem;
   	   color: #fff;
   	  
     }
     .details-section h3{
   	   font-size: 0.35rem;
	   margin: 0 5%;
	    text-align: center;
     }
     .details-section h4{
   	   font-size: .24rem;
   	   color: #555;
   	   margin: .2rem 5%;
   	    text-align: center;
     }
     .details-section h5{
   	   font-size: 0.16rem;
   	   color: #333;
   	   border-top: 0.01rem solid #333;
   	   padding-top: 0.2rem;
   	    text-align: center;
     }
     .details-section .content{
   	   padding: 0.2rem;
     }
     .details-section .content img {
   	   width: 100% !important;
     }
   
   .qr-popup.show {
	  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.2rem solid #fff;
   }
   
}