*{
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    outline: none;
}



html {
    font-family: "Helvetica Neue", Helvetica, sans-serif;
}

html,
body {
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    width: 100%;
    height: 100%;
    outline: 0;
}
body{/*使用图像作为光标*/
    /*cursor:url("../image/cursor.png"), auto;*/
}


html,
body,
header,
section,
footer,
div,
ul,
ol,
li,
img,
a,
span,
em,
del,
legend,
center,
strong,
var,
fieldset,
form,
label,
dl,
dt,
dd,
cite,
input,
hr,
time,
mark,
code,
figcaption,
figure,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    border: 0;
    padding: 0;
    font-style: normal;
    text-decoration: none;
    list-style-type:none;
}

.clearfix:after {
    content: ' ';
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}



.padded-0 {
    padding: 0 !important;
}

.padded-5 {
    padding: 5px !important;
}

.padded-10 {
    padding: 10px !important;
}

.padded-15 {
    padding: 15px !important;
}

.padded-20 {
    padding: 20px !important;
}

.padded-t-0 {
    padding-top: 0 !important;
}

.padded-t-5 {
    padding-top: 5px !important;
}

.padded-t-10 {
    padding-top: 10px !important;
}

.padded-t-15 {
    padding-top: 15px !important;
}

.padded-t-20 {
    padding-top: 20px !important;
}
.padded-t-30 {
    padding-top: 30px !important;
}
.padded-t-40 {
    padding-top: 40px !important;
}
.padded-t-50 {
    padding-top: 50px !important;
}

.padded-b-0 {
    padding-bottom: 0 !important;
}

.padded-b-5 {
    padding-bottom: 5px !important;
}

.padded-b-10 {
    padding-bottom: 10px !important;
}

.padded-b-15 {
    padding-bottom: 15px !important;
}

.padded-b-20 {
    padding-bottom: 20px !important;
}

.padded-b-50 {
    padding-bottom: 50px !important;
}
.padded-l-0 {
    padding-left: 0 !important;
}

.padded-l-5 {
    padding-left: 5px !important;
}

.padded-l-10 {
    padding-left: 10px !important;
}

.padded-l-15 {
    padding-left: 15px !important;
}

.padded-l-20 {
    padding-left: 20px !important;
}

.padded-r-0 {
    padding-right: 0 !important;
}

.padded-r-5 {
    padding-right: 5px!important;
}

.padded-r-10 {
    padding-right: 10px !important;
}

.padded-r-15 {
    padding-right: 15px !important;
}

.padded-r-20 {
    padding-right: 20px !important;
}

.margin-0 {
    margin: 0 !important;
}

.margin-5 {
    margin: 5px !important;
}

.margin-10 {
    margin: 10px !important;
}

.margin-15 {
    margin: 15px !important;
}

.margin-20 {
    margin: 20px !important;
}

.margin-t-0 {
    margin-top: 0 !important;
}

.margin-t-5 {
    margin-top: 5px !important;
}

.margin-t-10 {
    margin-top: 10px !important;
}

.margin-t-15 {
    margin-top: 15px !important;
}

.margin-t-20 {
    margin-top: 20px !important;
}

.margin-t-30 {
    margin-top: 30px !important;
}
.margin-t-40 {
    margin-top: 40px !important;
}
.margin-t-50 {
    margin-top: 50px !important;
}

.margin-b-0 {
    margin-bottom: 0 !important;
}

.margin-b-5 {
    margin-bottom: 5px !important;
}

.margin-b-10 {
    margin-bottom: 10px !important;
}

.margin-b-15 {
    margin-bottom: 15px !important;
}

.margin-b-20 {
    margin-bottom: 20px !important;
}

.margin-l-0 {
    margin-left: 0 !important;
}

.margin-l-5 {
    margin-left: 5px !important;
}

.margin-l-10 {
    margin-left: 10px !important;
}

.margin-l-15 {
    margin-left: 15px !important;
}

.margin-l-20 {
    margin-left: 20px !important;
}

.margin-r-0 {
    margin-right: 0 !important;
}

.margin-r-5 {
    margin-right: 5px !important;
}

.margin-r-10 {
    margin-right: 10px !important;
}

.margin-r-15 {
    margin-right: 15px !important;
}

.margin-r-20 {
    margin-right: 20px !important;
}

/*字体大小*/

.font-size-12 {
    font-size: 12px;
}

.font-size-14 {
    font-size: 14px;
}

.font-size-16 {
    font-size: 16px;
}

.font-size-18 {
    font-size: 18px;
}

.font-size-20 {
    font-size: 20px;
}

.font-size-22 {
    font-size: 22px;
}

.font-size-24 {
    font-size: 24px;
}

.font-size-26 {
    font-size: 26px;
}

.font-size-28 {
    font-size: 28px;
}

.font-size-30 {
    font-size: 30px;
}
.font-size-34 {
    font-size: 34px;
}
.font-size-40 {
    font-size: 40px;
}
.font-size-50 {
    font-size: 50px;
}
.font-size-60 {
    font-size: 60px;
}
.font-size-80 {
    font-size: 80px;
}
.font-size-100 {
    font-size: 100px;
}






/* 圆角设置 */

.bg-radius {
    border-radius: 20px;
}


/* 文字对齐方式 */
.text-center{
    text-align: center;
}
.text-left{
    text-align: left;
}
.text-right{
    text-align: right;
}


/* 阴影设置 */

.box-shadow {
    box-shadow: 0px 2px 10px 0px rgba(233, 239, 254, 1);
}


/* 弹性布局 */

.flex {
    display: flex;
     /*justify-content: space-between;*/ 
    align-items: center;
}

.flex-column {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.flex-start {
    justify-content: flex-start !important;
}

.flex-center {
    justify-content: center !important;
}

.flex-end {
    justify-content: flex-end !important;
}

.flex-between {
    justify-content: space-between;
}

.flex_around {
    justify-content: space-around !important;
}

.flex-shrink-0 {
    flex-shrink: 0;
}

.flex-align-center {
    align-items: center;
}

.flex-align-start {
    align-items: flex-start;
}

.flex-align-end {
    align-items: flex-end;
}
.flex-align-stretch {
    align-items: stretch;
}
.flex-wrap{
	flex-wrap: wrap;
}

.white-nowrap {
    white-space: nowrap !important;
}

.flex1 {
    flex: 1;
}

/* 定位 */
.position-relative{
   position: relative;
}
.position-absolute{
    position: absolute;
 }
 .position-fixed{
    position: fixed;
 }

 /* 背景颜色 */
 .bg-theme{
    background-color: #12348B;
 }
 .bg-white{
    background-color: #ffffff;
 }
 .bg-F2F3F7{
    background-color: #F2F3F7;
 }


 /* 字体颜色 */
 .text-theme{color: #12348B;}
 .text-white{color: #ffffff;}
 .text-333{color: #333333;}
 .text-666{color: #666666;}
 .text-999{color: #999999;}
 .fw-500{font-weight: 500 !important;}
 .fw-bold{font-weight: bold !important;}


/* 可点击光标样式 */
.cursor-50{/*使用图像作为光标*/
	cursor:pointer;
    /*cursor: url("../image/cursor-50.png"), auto;*/
}

/* 显示隐藏 */
.disnone{
    display: none !important;
}
.disblock{
    display: block !important;
}

.cover_img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}


 /* 自定义样式 */
 .container-box{
    width: 100%;
    margin: 0 auto;
 }
 .container{
    width: 85%;
    margin: 0 auto;
 }
 .text-line-height-40{
    line-height: 40px;
 }
  .company-text-index{
    line-height: 34px;
 }
 .title-text{
    font-size: 42px;
 }
 .title-text-english{
    font-size: 24px;
 }
 
 .arrow-box{
    width:80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
 }

 .arrow-box-theme{
    border: 2px solid #12348B;
 }
 .arrow-box-white{
    border: 2px solid #ffffff;
 }


.title-box{width: 100%;margin: 0 auto;}


/*20230612*/
/*超出隐藏*/
 .ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/*自动隐藏文字*/
.ellipsis-1 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.ellipsis-2 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.ellipsis-3 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
 /*文字两端对齐,最后一行左对齐*/
.text-justify {
	text-align: justify;
	text-justify: inter-ideograph;
	text-align-last: inter-ideograph;
}

.text-indent {
	text-indent: 2em;
}