:root {
    /** 主色-深蓝色渐变（左至右） */
    --gradient-color-primary : linear-gradient(to right, #13948A, #1887A9);
    /** 主色-深蓝色 */
    --color-primary : #007C81;
    /** 辅色-灰色 */
    --color-gray: #DBDCDC;
    /** 辅色-浅蓝色 */
    --color-blue-lighter: #F2F9F9;
    /** 辅色-浅蓝色渐变1（左至右） */
    --gradient-color-blue-lighter: linear-gradient(to right, #DFF4F5, #fff);
    /** 辅色-浅蓝色渐变2（左至右） */
    --gradient-color-blue-lighter2: linear-gradient(to right, #EAFAFB, #fff);

    /** 文字颜色 Start */
    --txt-color-primary: #007C81;
    --txt-color-black: #181919;
    --txt-color-black-lighter: #8A8A8A;
    --txt-color-orange: #CE9E69
    /** 文字颜色 End */
}

/* 样式初始化 */
html {width:100%; height: 100%; overflow-x: hidden;}
header,
footer,
article,
section,
aside,
blockquote,
details,
menu,
nav,
body,
div,
form,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
table,
tr,
th,
td,
textarea,
fieldset,
figcaption,
figure,
hr,
hgroup,
input,
span,
p {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    outline: 0;
    word-break: break-all;
}

ul,
li {
    list-style: none;
}

cite,
i {
    font-style: normal;
}

/* 滚动条整体样式 */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #DAE7E8;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb {
    background-color: var(--color-primary);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 5px;
}

body {
    position: relative;
    font-family: 'PingFang SC', '微软雅黑';
    font-size: 14px;
    line-height: 1.5;
    color: var(--txt-color-black);
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

a,
a:hover,
a:focus {
    text-decoration: none;
    outline: 0;
    color: var(--txt-color-black);
}

.cursor_pointer {
    cursor: pointer;
}

.border_radius5 {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/* 清除浮动 */
.clearfix {
    zoom: 1;
}

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

/* 子站点 body */
.body {
    padding: 98px 0 0 0;
    width: 100%;
    height: 100%;
    min-height: 100vh;
}

.index-body {
    background-color: #E5F2F4;
}

.sub-body {
    background-color: var(--color-blue-lighter);
}

/** 懒加载图片Start */
img[data-src] {
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #fff !important;
}
img[data-src]::before {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff !important;
    content: '';
}
/** 懒加载图片End */

.dn {
    display: none !important;
}

.flex {
    display: flex;
}

/* 页面布局 */
.flex-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
}
.flex-column {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.justify-content-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.justify-content-sb {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.justify-content-sa {
    -webkit-box-pack: distribute;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}
.justify-content-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.align-items-center {
    -webkit-box-align: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}
.align-items-baseline {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    align-items: baseline;
}
.align-items-end {
    -webkit-box-align: end;
    -ms-align-items: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}
.flex-ww {
    -webkit-box-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* 定位 */
.yky_relative {
    position: relative;
}
.footer_div p{
    font-family: 'PingFang SC', '微软雅黑'; font-size: 14px; color: #4D4D4D;
}

/*
* 色彩
* 主色： 适用于页面中主要和突出元素、如标题、链接 #13948A；#007C81
* 辅色： 适用于页面次要元素、如选中效果、投影、备注信息等 #DBDCDC；#DFF4F5；#F2F9F9；#EAFAFB
* 文字颜色： 页面文字颜色使用引导 #007C81；#181919；#CE9E69；#8A8A8A
*/

/** 主色 Start */
/** 深蓝色渐变（左至右） */
.gradient-color-primary {
    background: var(--gradient-color-primary);
}
/** 深蓝色 */
.color-primary { 
    color: var(--color-primary);
}
/** 主色 End */

/** 辅色 Start */
/** 灰色 */
.color-gray {
    color: var(--color-gray);
}
/** 浅蓝色 */
.color-blue-lighter {
    color: var(--color-blue-lighter);
}

/** 浅蓝色渐变1（左至右） */
.gradient-color-blue-lighter {
    background: var(--gradient-color-blue-lighter);
}
/** 浅蓝色渐变2（左至右） */
.gradient-color-blue-lighter2 {
    background: var(--gradient-color-blue-lighter2);
}

/** 辅色 End */

/** 文字颜色 Start */
.txt-color-primary {
    color: var(--txt-color-primary);
}
.txt-color-black {
    color: var(--txt-color-black);
}
.txt-color-black-lighter {
    color: var(--txt-color-black-lighter);
}
.txt-color-orange {
    color: var(--txt-color-orange);
}
/** 文字颜色 End */

/* 显示/隐藏 Start */
.pc-show{
    display: block!important;
}
.pc-hide{
    display: none!important;
}
.pc-flex {
    display: flex!important;
}
/* 显示/隐藏 End */