@import url("../pc/font.css");
*{
  margin: 0;
  padding: 0;
}
body{
  margin: 0;
}
a{
  text-decoration: none;
  color:#282828;
}
ul{
  list-style: none;
}
.my_margin_top{
  margin-top: 16vw;
}
.my_h4{
  font-size: 3.75vw;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  margin-bottom: 2.67vw;
}
.my_f_12{
  font-size: 3.2vw;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  margin-top: 1.87vw;
  line-height: 5.3vw;
}
.my_h1{
  font-size: 4.27vw;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
}
.common_h1{
  font-size: 4.8vw;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 4.16vh;
  margin-bottom: 1.66vh;
}
.commmon_p{
  font-size: 3.2vw;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 2.83vh;
}
.banner_titile{
  font-size: 5.87vw;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 8vw;
}
.banner_text{
  font-size: 3.73vw;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 5.33vw;
  margin-top: 2.67vw;
}
.banner_a{
  width: 35.2vw;
  height: 12.8vw;
  border-radius: 6.4vw;
  border: 1px solid #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size:3.73vw;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  margin: 7.47vw auto 0;
}
/*
我们的服务 
*/
.our_service{
  padding-top: 6.66vh;
  text-align: center;
}
.our_service_box .service{
  height:9.66vh ;
  background: #F8FAFD;
  box-shadow: 0px -3px 4px 0px #ECF2FB;
  border: 1px solid #FFFFFF;
  display: flex;
  padding: 0 8.26vw 0 7.46vw;
  justify-content: space-between;
  align-items: center;
}
.our_service_box .service .icon{
  display: flex;  align-items: center;
}
.our_service_box .service .icon>img{
  width: 9.6vw;
  height: auto;
  margin-right: 2.66vw; 
}
.our_service_box .service .icon>span{
  font-size: 3.73vw;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 3.33vh;
}
.our_service_box .service .jt>img{
  width: 4vw;
  height: auto;
}
.service_content{
  padding: 1.66vh 5.33vw 2.66vh 8vw;
  font-size: 3.46vw;
  font-weight: 400;
  color: #000000;
  line-height: 4vh;
  text-align: left;
  display: none;
  font-family: PingFangSC-Regular, PingFang SC;
}
.service_open{
  display: block;
}
.service_colose{
  display: none;
}
/* 
头部样式
*/
.header_box{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  /* backdrop-filter: blur(50px); */
  background-color: #fff;
  z-index: 99;
}
.header_menu{
  padding:0  5.87vw 0 5.33vw;
  height: 16vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 99;
}
.header_menu_logo{
  height: 4vw;
  width: auto;
}
.header_menu_img{
  width: 3.73vw;
}
.header_menu_close{
  width: 3.73vw;
}
.float-menu{
  position: fixed;
  left: 0;
  top: 16vw;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  display: none;
  z-index: 99;
  transition: all 0.2s ease;
}
.float-menu_li{
  display: block;
  font-size: 4.27vw;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  border-bottom: 1px solid #F4F4F4;
}
.float-menu_li_item{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding:3.73vw 5.33vw ;
}
.drop_down_menu{
  background: #F6FAFF;
  padding:0 5.33vw ;
  display: none;
}
.drop_down_menu>li{
  padding: 2.67vw 0;
}
.drop_down_menu>li>a{
  color: #333333;
  display: block;
  width: 100%;
  font-size: 3.73vw;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
}
.float-menu_li_item>div>img{
  width: 4.8vw;
}
.float-menu_li_close{
  display: none;
}
.free_experience{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80vw;
  height: 10.67vw;
  background: #227CFF;
  border-radius: 2.13vw;
  font-size: 3.73vw;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  margin: 35.2vw auto 0;
}
/* 
底部样式
*/
.fotter .service_box{
  width: 100%;
  height: 37.33vw;
  background: url("../../img/h5_img/nft/service_bg@2x.png") no-repeat;
  background-size: cover;
  padding: 8.27vw 0;
  text-align: center;
}
.fotter .service_box_about{
  width: 100%;
  height: 37.33vw;
  background: url("../../img/h5_img/abouteUs/upgrade_bg@2x.png") no-repeat;
  background-size: cover;
  padding: 8.27vw 0;
  text-align: center;
  display: none;
}
.fotter .service_box>h1,
.fotter .service_box_about>h1{
  font-size: 5.33vw;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 7.47vw;
  margin-bottom:2.67vw;
}
.fotter .service_box>P,
.fotter .service_box_about>p{
  width: 58.13vw;
  height:9.07vw;
  font-size: 3.2vw;
  text-align: center;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 4.53vw;
  margin: 0 auto 8vw;
}
.fotter .service_box>a,
.fotter .service_box_about>a{
  padding: 1.5vh 8vw;
  font-size: 3.73vw;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  border-radius: 5.07vw;
  border: 1px solid #FFFFFF;
}
.fotter .contact_box{
 padding: 4.53vw 0 4vw;
}
.fotter .contact_box>img{
  width: 21.33vw;
  margin-left: 3.73vw;
}
.fotter .contact_us{
  margin-top: 4.53vw;
  margin-left: 3.73vw;
  display: flex;
}
.fotter .contact_us_wx{
  width: 34.67vw;
  margin-right: 5.33vw;
}
.fotter .contact_us_wx>img{
  width: 100%;
}
.fotter .contact_us_call{
  flex:1;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.fotter .contact_us_call_list{
  display: flex;
  align-items: center;
}
.fotter .contact_us_call_list>img{
  width: 5.07vw;
  margin-right: 2.67vw;
}
.fotter .contact_us_call_list>p{
  font-size: 3.2vw;
  font-family: PingFangSC-Regular, PingFang SC;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #282828;
}

.fotter .company_name_box{
  background: #031023;
  padding-top: 4.53vw;
  padding-bottom: 4.8vw;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom:  13.33vw;
}
.fotter .company_name{
  font-size: 3.2vw;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  margin-bottom: 2.93vw;
}
.fotter .gaoxin{
  display: flex;
  align-items: center;
}
.fotter .gaoxin>img{
  width: 5.07vw;
  margin-right: 4px;
}
.fotter .gaoxin .gaoxin_text{
  font-size: 3.2vw;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
}
.gaoxin_text_num{
  font-family: PingFangSC-Medium-SemiBold, PingFang SC;
}
.fotter .fotter_bottom{
 display: flex;
 height: 13.33vw;
 align-items: center;
 position: fixed;
 left: 0;
 right: 0;
 bottom: 0;
 background-color: #fff;
 z-index: 99;
}
.fotter .fotter_bottom>a{
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 4.27vw;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500; 
  color: #227CFF;
}
.fotter .fotter_bottom>a>img {
  width: 4.27vw;
  margin-right: 2.67vw;
}
.fotter .fotter_bottom .line{
  width: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fotter .fotter_bottom .line::after{
  content: "|";
  font-size: 2.93vw;
  color: #227CFF;
}
/*
新闻轮播
*/
.new_box{
  padding-top: 8vw;
  padding-bottom: 8vw;
  background: linear-gradient(180deg, #FFFFFF 0%, #fafcff 100%);
}
.swiper-container4.swiper-container{
  margin-left: 3.73vw;
  margin-top: 5.33vw;
}
.swiper-container4 .swiper-slide{
  border-radius: 0px 0px 2.67vw 2.67vw;
  background-color: #fff;
  width: 80vw !important;
  margin-right: 3.73vw;
}
.new_img{
  width: 80vw;
  height: 44.8vw;
  border-radius: 2.67vw 2.67vw 0 0;
  object-fit: cover;
}
.news_title{
  margin: 2.67vw;
  font-size: 4.27vw;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 5.87vw;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box; 
  -webkit-line-clamp:1; 
  -webkit-box-orient:vertical;
  display: -moz-box; 
  -moz-line-clamp:1; 
  -moz-box-orient:vertical;
  word-wrap: break-word; 
  word-break: break-all; 
  white-space: normal;
}
.news_date{
  font-size: 3.2vw;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #95989D;
  line-height: 4.53vw;
  margin-left:2.67vw;
  margin-bottom: 5.33vw;
}
/*
应用场景
*/
.programm_box{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top:5vh ;
}
.programm{
  padding: 6.66vh 3.73vw 4.16vh;
  text-align: center;
  background: linear-gradient(180deg, #FFFFFF 0%, #E8F2FF 100%);
}
.programm_box_item{
  width: 44.26vw;
  background-size: cover;
  border-radius: 2.67vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2.5vh;
}
.programm_box_item>img{
  width: 100%;
  height: auto;
}
/*
系统展示
*/
.system_display{
  background: #293EFF;
  padding: 6.66vh 0 6.66vh 3.73vw;
  text-align: center;
}
.system_display>h1,
.system_display>p{
  color: #fff;
}
.system_display>p,
.our_service>p{
  margin-bottom: 5vh;
}
.system_display>a{
  display: block;
  margin: 3.33vh auto 0;
  width: 30.93vw;
  height: 6.16vh;
  background: #FFFFFF;
  border-radius: 5.07vw;
  font-size: 3.73vw;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #293EFF;
  line-height: 6.16vh;
}
.system_display .display{
  display: block !important;
}
.system_display .swiper-container{
  margin-bottom:3.33vh ;
}
.system_display .swiper-container .swiper-slide{
  width: 32vw !important;
  height: 6.66vh;
  background: rgba(255,255,255,0.1);
  border-radius: 2.13vw;
  border: 1px solid rgba(255,255,255,0.1);
  font-size: 3.73vw;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height:  6.66vh;
  margin-right: 2.66vw;
}
.system_display .swiper-container .active{
  background: #FFFFFF;
  border: none;
  color: #293EFF;
}
.system_display   .img_box{
  background: rgba(255,255,255,0.1);
  border-radius: 4vw;
  border: 1px solid rgba(255,255,255,0.1);
  margin-right: 3.73vw;
  padding: 4.33vh 6.4vw 3.33vh 6.66vw;
  display: none;
}
.system_display  .img_box>h1{
  font-size: 4.8vw;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 4.16vh;
  margin-bottom: 1.66vh;
  text-align: left;
}
.system_display  .img_box>p{
  font-size: 3.2vw;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 2.83vh;
  margin-bottom: 3.33vh;
  text-align: left;
}
.system_display  .img_box>img{
  width: 44.26vw;
  height: auto;
  margin: 0 auto;
}
/* 黑色字体 */
.black_system_display .common_h1,
.black_system_display .commmon_p{
  color: #000000;
}
.system_display.black_system_display .img_box{
  border: 1px solid rgba(255,255,255,0.7);
  background: rgba(255,255,255,0.4);
}
.black_system_display.system_display .swiper-slide{
  color: #333333 !important;
  background: rgba(255,255,255,0.5);
  border: 1px solid rgba(255,255,255,0.7);
}
.black_system_display .swiper-container .active{
  color: #000000 !important;
  background-color: #fff;
  border-color: #fff;
}
.black_system_display .img_box>h1{
  color: #000000 !important;
}
.black_system_display .img_box>p{
  color: #333333 !important;
}
.black_system_display.system_display>a{
  background: #227CFF;
  color: #FFFFFF;
}
/*
6宫格
*/
.operation{
  padding:6.66vh 0 4.16vh;
  text-align: center;
}
.operation .content_box{
  margin-top: 5vh;
  display: flex;
  padding: 0 3.73vw;
  justify-content: space-between;
  flex-wrap: wrap;
}
.operation .content_box .item{
  width: 44.26vw;
  text-align: center;
  padding: 2.33vh 0;
  border-radius: 2.13vw;
  border: 1px solid #F4F4F4;
  margin-bottom: 2.5vh;
}
.operation .content_box .item>img{
  width: 14.4vw;
  height: auto;
}
.operation .content_box .item>h6{
  font-size: 3.73vw;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #222222;
  line-height: 3.33vh;
  margin:1.66vh 0 1vh;
}
.operation .content_box .item>p{
  font-size: 3.2vw;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height:2.83vh ;
}
/*
轮播图分页指示器
*/
#my_swiper-pagination3{
  left: 0;
  right: 0;
  margin-top:5.33vw ;
  display: flex;
  align-items: center;
  justify-content: center;
}
#my_swiper-pagination3 .swiper-pagination-bullet.swiper-pagination-bullet-active{
  width: 3.73vw;
  height: 1.6vw;
  background: #227CFF;
  border-radius: 0.8vw;
}
#my_swiper-pagination3 .swiper-pagination-bullet{
  width: 1.6vw;
  height:1.6vw;
  background: #AFD0FF;
  margin-right:1.07vw;
  opacity: 1;
}
/* 
文本+轮播图
*/
.my_swiper_text{
  background-color: #fff;
  padding:10.67vw  0 10.67vw ;
  text-align: center;
}
.my_swiper_text #my_swiper-pagination3{
  margin-top: 6.4vw;
}
.swiper_text_introduce{
  margin-top: 13.33vw;
}
.swiper_text_introduce_item{
  margin-bottom: 5.33vw;
  padding-left: 3.73vw;
  padding-right: 3.73vw;
}
.swiper_text_introduce_item:last-child{
  margin-bottom: 0;
}
.swiper_text_introduce_item_top{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.swiper_text_introduce_item_top>img{
  width: 4.8vw;
  height: 4.8vw;
  margin-right:2.67vw;
}
.swiper_text_introduce_item_top>p{
  font-size: 4.26vw;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
}
.swiper_text_introduce_bottom{
  font-size: 3.2vw;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 5.33vw;
  margin-top: 2.67vw;
  text-align: left;
}
.swiper-container8 .swiper-slide>img{
  width: 100%;
}
.swiper-container8{
  margin-top: 8vw;
  margin-left: 3.73vw !important;
  margin-right: 3.73vw !important;
}
/* 
产品功能
*/
.functions{
  text-align: center;
  padding: 10.67vw 0;
}
.functions .swiper_text_introduce{
  margin-top: 8vw;
}
.functions .swiper_text_introduce_item{
  background: rgba(255,255,255,0.8);
  box-shadow: 0px 0px 6.4vw 0px rgba(104,153,255,0.1);
  border-radius: 2.13vw;
  padding: 3.73vw;
  margin: 0 3.73vw 3.73vw;
}
.functions .swiper_text_introduce_item:last-child{
  margin-bottom: 0;
}
.functions .swiper_text_introduce_item p{
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
}
.functions .swiper_text_introduce_item .swiper_text_introduce_bottom{
 font-size: 3.47vw;
 color: #333333;
}
/* 
如何实现流量变现
*/
.four_icons{
  text-align: center;
  background: linear-gradient(180deg, #E8F2FF 0%, #FFFFFF 100%);
  padding-top: 10.67vw;
  padding-bottom: 10.67vw;
}
.four_icons_content{
  display: flex;
  flex-wrap: wrap;
}
.four_icons_content{
  margin-top: 3.67vw;
  padding: 0 3.73vw;
}
.four_icons_content_item{
  position: relative;
  margin-right: 2.4vw;
  margin-top: 13.33vw;
  background: #fff;
  box-shadow: 0px 0px 6.4vw 0px rgba(104,153,255,0.1);
  border-radius: 3.67vw;
  padding: 13.33vw 2.67vw 5.33vw;
  width: 39.73vw;
}
.four_icons_content_item:nth-child(2n+0){
  margin-right: 0;
}
.four_icons_content_item_img>img{
  width: 100%;
  height: 100%;
 
}
.four_icons_content_item_img{
  width: 16vw;
  height: 16vw;
  border-radius: 100%;
  position: absolute;
  top: -8vw;
  left: 50%;
  transform: translateX(-50%);
}
.four_icons_content_item_title{
  font-size: 3.73vw;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 5.33vw;
}
.four_icons_content_item_text{
  font-size: 3.2vw;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 5.33vw;
  min-height: 16vw;
  margin-top: 2.67vw;
}
/* 
带数字 的 6宫格
*/
.six_icons{
  background: linear-gradient(180deg, #E8F2FF 0%, #FFFFFF 100%);
  padding: 10.67vw 0;
  text-align: center;
}
.six_icons_content{
  margin-top: 8vw;
  display: flex;
  padding: 0 3.73vw;
  justify-content: space-between;
  flex-wrap: wrap;
}
.six_icons_content_item{
  width:39.73vw;
  text-align: center;
  padding: 5.33vw 2.67vw;
  background: rgba(255,255,255,0.8);
  box-shadow: 0px 0px 6.4vw 0px rgba(104,153,255,0.1);
  border-radius: 3.67vw;
  margin-bottom:2.4vw;
}
.six_icons_content_item_index{
  width: 8vw;
  height: 8vw;
  background: #6CA8FF;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 4.8vw;
  font-family: Roboto-Bold, Roboto;
  font-weight: bold;
  color: #FFFFFF;
  margin: 0 auto 5.33vw;
}
.six_icons_content_item_title{
  font-size: 3.73vw;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #000000;
  line-height: 5.33vw;
}
.six_icons_content_item_text{
  font-size: 3.2vw;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height:  5.33vw;
  text-align: center;
  margin-top: 3.67vw;
  min-height: 21.33vw;
}