::-webkit-scrollbar{
		  width:0px !important;
}
body{
	margin: 0;
	font-family: sans-serif;
}
a{
	text-decoration-line:none;
	color: #01041B
}

.pop{
	width: 100%;
	height: 530px;
	background-color: #fff;
	bottom: 0;
	overflow-x: hidden;
	overflow-y: scroll;
        
}
.pop > .pop1{
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}
.pop > .pop1 .title{
	font-size: 30px;
    color: #000;
    font-weight: 600;
    text-align: center;
}
.pop > .pop1 .txt{
	font-size: 18px;
    color: #9D9EA0;
    line-height: 32px;
     width: 88%;
    margin: 0 auto;
    margin-bottom: 35px;
}
.pop > .pop1 .w600{
	font-weight: 600;color: #000;
}
.pop > .pop1 .fend{
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: flex-end;
}
 .show{
	display: block;
	animation: frame 3s linear;
	animation-fill-mode: forwards;
 }
.el-dialog__body .pop::-webkit-scrollbar{
        width: 8px !important;
        height: 10px;
        background-color:#F5F5F5;
  }
 .el-dialog__body .pop::-webkit-scrollbar-thumb{
    border-radius:5px;
    -webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.2);
    background-color:#999;
}

.officialWebsite{
	width: 100vw;
	height: 100vh;
	position: relative;
}
.officialWebsite_top{
      width: 100%;
      height: 42vw;
      min-height: 610px;
      font-size: 0;
      position: relative;
}
.officialWebsite_top img{
	width: 100%;
	height: 100%;
}
.officialWebsite_top_mask{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;

}
.officialWebsite_top_mask_t1{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	font-size: 0;
	height: 80px;
	align-items: center;
	width: 100vw;
	background: rgba(255,255,255,0.7);
}

.officialWebsite_top_mask_t1 .officialWebsite_top_mask_t1_1{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	font-size: 0;
	height: 80px;
	align-items: center;
	width: 1173px;
	margin: 0 auto;           
}
.officialWebsite_top_mask_t1 .officialWebsite_top_mask_t1_1 img{
	/*width: 124px;
	height: 44px;*/
	width: 160px
}
 .officialWebsite_top_mask_t1_r{
	flex:1;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-end;
	align-items: center;     
}
.officialWebsite_top_mask_t1_r_btnClick{
	padding: 0 38px;
	font-size: 18px;
	color: #01041B;
}
.officialWebsite_top_mask_t1_r_btn{
	border-radius: 8px;
	height: 44px;
	width: 100px;
	background: #5752FF;
	font-size: 18px;
	color: #FFFFFF;
	margin-right: 20px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}
.officialWebsite_top_mask_t1_r_btn1{
	border-radius: 8px;
	font-size: 18px;
	width: 90px;
	background: #B2E0FF;
	color: #01041B;
	height: 44px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}
.officialWebsite_top_mask_txtBox{
	width: 100%;
	position: absolute;
	bottom: 0;left: 0;
}
 .officialWebsite_top_mask_txtBox1{
	width: 1173px;
	height: 100%;
	margin: 0 auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: column;
	justify-content:flex-end;
}
.officialWebsite_top_mask_txtBox_title{
	color: #01041B;
	font-size: 46px;
	margin-bottom: 15px;
}
.officialWebsite_top_mask_txtBox_txt{
	font-size: 26px;
	color: #01041B;
	margin-bottom: 6%
}
.officialWebsite_top_mask_txtBox_btn{
	background: #5752FF;
	font-size: 23px;
	width: 190px;
	padding: 10px 0;
	border-radius: 30px;
	color: #FFFFFF;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 14.6%;
}



.officialWebsite_box{
	margin: 0 auto;
	width: 1173px;
}
.officialWebsite_t1{

        
}
.officialWebsite_t1_title{
	font-size:24px;
	color: #1D1E1E;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 45px;
	font-weight: 600;
}
.officialWebsite_t1_txt{
	margin: 0 auto;
	font-size: 18px;
	line-height: 38px;
	color: #9D9EA0;
	padding-top: 20px;
}

.officialWebsite_t2{
	margin: 0 auto;
	padding-top: 65px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: space-between;   
}
 .officialWebsite_t2_item{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	font-size: 0; 
}
.officialWebsite_t2_item img{
	width: 125px;
	height: 101px;
}
.officialWebsite_t2_item_t1{
	font-size: 24px;
	font-weight: 600;
	color: #000;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	padding-top: 30px;
}
.officialWebsite_t2_item_t2{
	font-size: 20px;
	color: #666;
	padding-top: 12px;
}
.officialWebsite_t3{
	padding-top: 120px;
}
.officialWebsite_t3_title{
	font-size: 24px;
	color: #000;
	font-weight: 600;
	text-align: center;
	padding-bottom: 45px;
}
.officialWebsite_t3_center{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;        
}

.officialWebsite_t3_center_l{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.officialWebsite_t3_center_l_item{
	width: 296px;
	height: 116px;
	border: 2px solid #cbd7e4;
	border-radius: 15px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	color: #000;
	background: #fff;
	position: relative;
}
.officialWebsite_t3_center_l_itemClick{
	background-color: #5752FF;
	color: #fff;
}
.officialWebsite_t3_center_r{
	width: 836px;
	height: 588px;
	font-size: 0;
	border-radius: 20px;
	position: relative;
}
.officialWebsite_t3_center_r img{
	width: 100%;
	height: 100%;
	border-radius: 20px;
}
.officialWebsite_t3_center_r_txt{
	font-size: 22px;
	font-weight: 600;
	color: #0B568A;
	width: 100%;
	height: 78px;
	position: absolute;
	top: 0;
	left: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: flex-end;
	justify-content:  center;
}

.officialWebsite_t4{
	padding-top: 120px;
	font-size: 0;
}
.officialWebsite_t4 .officialWebsite_t4_box{
    width: 100vw;
	height: 482px;
	position: relative;
	font-size: 0;
}
.officialWebsite_t4 .officialWebsite_t4_box img{
	width: 100%;
	height: 100%;
}
.officialWebsite_t4 .officialWebsite_t4_box .officialWebsite_t4_box_mask{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;    
}

.officialWebsite_t4_box_mask_t{
	height: 145px;
	width: 100vw;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	color: #000;
	font-weight: 600;
}
 .officialWebsite_t4_box_mask_c{
	width: 1173px;
	margin: 0 auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
.officialWebsite_t4_box_mask_c_item{
	width: 263px;
	height: 247px;
	border-radius: 20px;
	background: #fff;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 0;
	position: relative;        
}
.officialWebsite_t4_box_mask_c_item .officialWebsite_t4_box_mask_c_item_box{
	width: 263px;
	height: 247px;
	border-radius: 20px;
	background: #fff;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 0;
	position: relative;
}
.officialWebsite_t4_box_mask_c_item .officialWebsite_t4_box_mask_c_item_box img{
	width: 87.5px;
	height: 87.5px;
	margin-top: 35px;
	margin-bottom: 40px;
}
.officialWebsite_t4_box_mask_c_item_box .officialWebsite_t4_box_mask_c_item_txt{
	font-size: 18px;
	color: #292D32
}
.officialWebsite_t4_box_mask_c_item .officialWebsite_t4_box_mask_c_item_txt_90{
    padding: 20px;
    /*width: 100%;*/
    /*height: 100%;*/
    width: 223px;
    height: 207px;
    background: #fff;
    align-content: center;
    position: absolute;
    top:0px;
    border-radius: 20px;
    opacity: 0;
    font-size: 0;
    box-shadow: 0px 5px 0px #3bc1c4; 
}
.officialWebsite_t4_box_mask_c_item .officialWebsite_t4_box_mask_c_item_txt_90 .officialWebsite_t4_box_mask_c_item_txt_90_ti{
	font-size: 18px;
	width: 100%;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 20px;
	color: #292D32;
}
.officialWebsite_t4_box_mask_c_item .officialWebsite_t4_box_mask_c_item_txt_90 .officialWebsite_t4_box_mask_c_item_txt_90_t{
	font-size: 16px;
	line-height: 32px;
	width: 100%;
	color: #9D9EA0;
}

 .officialWebsite_t4_box_mask_c_item .officialWebsite_t4_box_mask_c_item_txt_901{
    box-shadow: 0px 5px 0px #5f59fd;
  }
 .officialWebsite_t4_box_mask_c_item .officialWebsite_t4_box_mask_c_item_txt_902{
    box-shadow: 0px 5px 0px #f7c931;
  }
.officialWebsite_t4_box_mask_c_item .officialWebsite_t4_box_mask_c_item_txt_903{
    box-shadow: 0px 5px 0px #3bc1c4;
 }


.officialWebsite_t4_box_mask_c_item:hover .officialWebsite_t4_box_mask_c_item_box{
  opacity: 0;
}
.officialWebsite_t4_box_mask_c_item:hover .officialWebsite_t4_box_mask_c_item_txt_90{
  opacity: 1;
}


.officialWebsite_t5{
      padding-top: 120px;
 }
.officialWebsite_t5 .officialWebsite_t5_title{
	font-size: 24px;
	color: #1D1E1E;
	font-weight: 600;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}
.officialWebsite_t5 .officialWebsite_t5_list{
	width: 1173px;
	margin: 0 auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	padding-top: 45px; 
}
.officialWebsite_t5 .officialWebsite_t5_list .officialWebsite_t5_list_item_l{
	position: relative;
	width: 193px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	height: 325px;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;   
}
.officialWebsite_t5 .officialWebsite_t5_list .officialWebsite_t5_list_item_l .officialWebsite_t5_list_item_l_icon{
	width: 71px;
	height: 71px;
	margin-bottom: 15px;
}
.officialWebsite_t5 .officialWebsite_t5_list .officialWebsite_t5_list_item_l .officialWebsite_t5_list_item_l_txt{
	font-size: 18px;
	color: #333333;
}
.officialWebsite_t5 .officialWebsite_t5_list .officialWebsite_t5_list_item_l .officialWebsite_t5_list_item_l_line{
	position: absolute;
	width: 110px;
	height: 94px;
	bottom: 120px;
	right: -60px;
}
.officialWebsite_t5 .officialWebsite_t5_list .officialWebsite_t5_list_item_r{
	position: relative;
	width: 193px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	height: 325px;
	flex-direction: column;
	align-items: center;
}
.officialWebsite_t5 .officialWebsite_t5_list .officialWebsite_t5_list_item_r .officialWebsite_t5_list_item_r_txt{
	font-size: 18px;
	color: #333333;
	margin-bottom: 15px;
}
.officialWebsite_t5 .officialWebsite_t5_list .officialWebsite_t5_list_item_r .officialWebsite_t5_list_item_r_icon{
	width: 71px;
	height: 71px;
	margin-left: -25%;
}
.officialWebsite_t5 .officialWebsite_t5_list .officialWebsite_t5_list_item_r .officialWebsite_t5_list_item_r_line{
	top: 115px;
	right: -60px;
	width: 120px;
	height: 94px;
	position: absolute;
}

.officialWebsite_t6{
	width: 100vw;
	padding-top: 120px;
 }

.officialWebsite_t6 .officialWebsite_t6_title{
	font-size: 24px;
	color: #1D1E1E;
	font-weight: 600;
	padding-bottom: 45px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}
.officialWebsite_t6 .officialWebsite_t6_List{
	width: 1173px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	margin: 0 auto; 
}
.officialWebsite_t6 .officialWebsite_t6_List .officialWebsite_t6_List_item{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: column;
	font-size: 0;
	width: 265px;
	height: 440px;
	border: 2px solid #D7E2EB;
}
.officialWebsite_t6 .officialWebsite_t6_List .officialWebsite_t6_List_item .officialWebsite_t6_List_item_imgBox{
    position: relative;
    font-size: 0;
    width: 100%;
    height: 158px;
}
.officialWebsite_t6 .officialWebsite_t6_List .officialWebsite_t6_List_item .officialWebsite_t6_List_item_imgBox .officialWebsite_t6_List_item_imgBanner{
	  width: 100%;
	  height: 100%;
 }
.officialWebsite_t6 .officialWebsite_t6_List .officialWebsite_t6_List_item .officialWebsite_t6_List_item_imgBox .officialWebsite_t6_List_item_imgBox_icon{
	width: 70px;
	height: 70px;
	position: absolute;
	left: 20px;
	top: 120px;
}
.officialWebsite_t6 .officialWebsite_t6_List .officialWebsite_t6_List_item .officialWebsite_t6_List_item_title{
	padding: 35px 20px 10px 25px;
	font-size: 18px;
	color: #292D32;		
}
.officialWebsite_t6 .officialWebsite_t6_List .officialWebsite_t6_List_item  .officialWebsite_t6_List_item_txt{
	padding: 0 25px;
	font-size: 16px;
	line-height: 28px;
	color: #9D9EA0;
}
.officialWebsite_t6 .officialWebsite_t6_List .officialWebsite_t6_List_item .officialWebsite_t6_List_item_txt_span{
	padding: 25px 0 0 25px;
	font-size: 16px;
	color: #292D32;
}

.officialWebsite_t7{
	padding-top: 45px;
	margin-top: 75px;
	padding-bottom: 45px;
	background: #fafafc;
}
.officialWebsite_t7 .officialWebsite_t7_title{
	font-size: 24px;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #1D1E1E;
	padding-bottom: 45px;
}
.officialWebsite_t7 .officialWebsite_t7_list{
	width: 1173px;
	margin: 0 auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}
.officialWebsite_t7 .officialWebsite_t7_list img{
	width: 100%;
}
.officialWebsite_t7 .officialWebsite_t7_list .officialWebsite_t7_list_item{
	width: 16.7vw;
	height: 5.26vw;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 2vw;
}


 .officialWebsite_t8{
      width: 100vw;
      height: 348px;
      position: relative;
      font-size: 0;  
}
.officialWebsite_t8 .officialWebsite_t8_banner{
	width: 100%;
	height: 100%;
 }
.officialWebsite_t8 .officialWebsite_t8_mask{
	width: 1173px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -586.5px;
}

.officialWebsite_t8 .officialWebsite_t8_mask .officialWebsite_t8_mask_top{
	padding-top: 40px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;   
}
.officialWebsite_t8 .officialWebsite_t8_mask .officialWebsite_t8_mask_top .officialWebsite_t8_mask_top_l{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: column;
}
.officialWebsite_t8 .officialWebsite_t8_mask .officialWebsite_t8_mask_top .officialWebsite_t8_mask_top_l .officialWebsite_t8_mask_top_l_title{
	font-size: 18px;
	color: #333333;
	padding-bottom:8px; 
	font-weight: 600;
}
.officialWebsite_t8 .officialWebsite_t8_mask .officialWebsite_t8_mask_top .officialWebsite_t8_mask_top_l .officialWebsite_t8_mask_top_l_txt{
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	color: #333333;
}


.officialWebsite_t8 .officialWebsite_t8_mask .officialWebsite_t8_mask_top .officialWebsite_t8_mask_top_r{
	width: 712px;
	margin-left: 68px;
}

.officialWebsite_t8_mask_top_right{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.officialWebsite_t8_mask_top_right .officialWebsite_t8_mask_top_right_l{
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      flex-direction: column;
 }

.officialWebsite_t8_mask_top_right .officialWebsite_t8_mask_top_right_l>img{
	width: 104px;
	height: 104px;
}
.officialWebsite_t8_mask_top_right .officialWebsite_t8_mask_top_right_l>div{
	font-size: 14px;
	color: #333333;
	margin-top: 15px;
}
.officialWebsite_t8_mask_bottom{
	padding-top: 95px;
	font-size: 0;
 }
.officialWebsite_t8_mask_bottom  div{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #1D1E1E
  }
 .showQrCodeBox{
      position: fixed;
      top: 0;
      left: 0;
      background: rgba(0,0,0,.6);
      width: 100vw;
      height: 100vh;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 0;
      flex-direction: column;
      z-index: 200;
  }
 .showQrCodeBox img{
        width: 10vw;
        height: 10vw;
  }
 .showQrCodeBox .showQrCodeBox_txt{
        font-size: 1vw;
        color: #fff;
        margin-top: 1vw;
 }

.officialWebsite::-webkit-scrollbar{
        width: 0px;
       background: none;
  }
  .cursor{
    cursor: pointer;
  }
  .el-dialog__wrapper{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    
  }
 .el-dialog__wrapper .el-dialog{
       margin: 0 auto !important;
    }
 
  .el-dialog {
    display: flex;
    flex-direction: column;
    margin: 0 !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
 
.el-dialog .el-dialog__body {
    flex: 1;
}


.el-dialog__header .el-icon-close{
  /*font-size: 20px;*/
  width: 20px;
  height: 20px;
  background: url(http://hefu-baiwei.oss-cn-shanghai.aliyuncs.com/vmImg/dialogClose.png);
}
 .el-dialog__header .el-icon-close::before{
      content: "";
}
.el-dialog__body .cancel{
  min-width: 80px;
  /*height: 30px;*/
  font-size: 12px;
  border: 1px solid #5752FF;
  color: #5752FF
}
.el-dialog__body .confirm{
  /*width: 80px;*/
  /*height: 30px;*/
  font-size: 12px;
  min-width: 80px;
  background: #5752FF;
  color: #fff;
}