body {min-width: 1200px;margin: auto;}
img {display: block;object-fit: cover;width: 100%;height: 100%;}
a {color: inherit;text-decoration: none;cursor: pointer;}
dl,dd,ul,li {border: medium none;margin: 0;padding: 0;}
ul {list-style: none;display: flex;flex-wrap: wrap;}
li {list-style-type: none;text-align: center;}
input {background: none;outline: none;border: 0px;}
input::-webkit-input-placeholder {color: #999999;font-size: 12px;}
input::-moz-placeholder {color: #999999;font-size: 12px;}
input::-moz-placeholder {color: #999999;font-size: 12px;}
input::-ms-input-placeholder {color: #999999;font-size: 12px;}
.text1 {display: -webkit-box;word-break: break-all;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 1;line-clamp: 1;}
.text2 {display: -webkit-box;word-break: break-all;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-clamp: 2;}
.text3 {display: -webkit-box;word-break: break-all;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 3;line-clamp: 3;}
.textn {display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}

/* flex布局,自动换行 */
.flex-row-wrap {
    display: flex;
    flex-wrap: wrap;
}

/* 水平平均分布 */
.flex_around {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

/* 水平两端对齐 */
.flex_between {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

/** 水平右对齐 */
.flex_end {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

/* 水平居中对齐 */
.flex_center {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

/**/
.flex_vertical {
    display: flex;
    flex-direction: row;
    flex-direction: row-reverse
}

/* 垂直居中 */
.flex_center_align {
    display: flex;
    flex-direction: row;
    align-items: center;
}

/* 水平平均垂直居中 */
.flex_center_around {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

/** 文本两端对齐 */
.text_bothends {
    text-align: justify;
    text-justify: distribute-all-lines;
    /** 这行必加，兼容ie浏览器 */
    text-align-last: justify;
}

/** 侧边导航栏 */
.nav_s_1 {height: 587px;width: 100%;position: relative;}
.nav_s_2 {position: absolute;top: 21%;left: 80px;}
.nav_s_3 {position: absolute;width: auto;top: 19%;right: 140px;}
.c_n_s_3 {border-bottom: 1px solid var(--border-color);}
.c_n_s_4 {font-size: 26px;padding: 19px 0 15px 0;color: var(--text-primary);}
.c_n_s_5 {font-size: 16px;color: var(--text-dim);}
.nav {position: absolute;top: 0;left: 0;height: 160px; width: 100%;z-index: 999999;}
.headerShadow{ transition: all 0.35s ease-in-out;background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.8));padding-bottom: 60px;position: absolute;left: 0px;top: 0px;z-index: 9;width: 100%;}


/** 头部导航 */
.navWrap {height: var(--nav-height);line-height: var(--nav-height);margin: 0 auto;position: relative;z-index: 9999;}
.head_nav_logo {width: auto;height: 40px;display: block;float: left;margin-top: 2.5px;}
.activeMenu { display: none; }
.mainmenu:hover {background-color: var(--primary-color);}
.two:hover {background-color: var(--primary-color);}
.head_nav_box li {min-width: var(--nav-width);float: left;height: var(--nav-height);font-weight: var(--nav-weight);line-height: var(--nav-height);font-size: var(--nav-size);position: relative;}
.head_nav_box { float: right;}
.head_nav_box li a { color: var(--nav-color);display: block; }
.head_nav_box ul li a:hover { display: block; color: #fff; background: var(--secondary-color);}
.head_nav_box dl {font-size: var(--nav-size);background: var(--primary-color);position: absolute;top: var(--nav-height);left: 0px;z-index: 9999;width: 100%;font-weight: var(--nav-weight);}
.head_nav_box dl dd { position: relative; }
.head_nav_box dl dd a {color: #fff;padding: 8px 0;line-height: 22px;display: block;text-align: center;}
.head_nav_box dl dd a:hover { color: #fff; background: var(--secondary-color); }
.threeMenu_box {position: absolute;left: var(--nav-width);background: var(--primary-color);top: 0;}
.navigation {position: fixed;top: 0;left: 0;width: 100%;background-color: var(--primary-color);box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.5);z-index: 999999;animation: fadenum 1s 1;}
@keyframes fadenum {
    0% {opacity: 0}
    20% {opacity: 0.2}
    40% {opacity: 0.4}
    60% {opacity: 0.6}
    80% {opacity: 0.8}
    100% {opacity: 1}
}

/** 阴影边框 */
.ShadowBox{
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid var(--border-color);
}

/* 阴影 */
.boxShadow:hover{
    transform: translate(0, -8px);
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 10px 10px rgba(0,0,0,0.1);
}

.boxShadow{
    transform: translate(0, 0px);
    transition: all 0.3s ease-in-out;
}