body {
    font-family: "PingFang SC", BlinkMacSystemFont, -apple-system, "Roboto", "SF Pro SC", "SF Pro Display", "SF Pro Icons", "Segoe UI", "Microsoft Yahei", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
}
a {
    text-decoration: none!important;
    color:#606060;
}

input:focus { outline: none; }
select:focus { outline: none; }

ul,ul li {
    list-style: none;
    padding:0;
    margin: 0;
}
.page {
    width: 1200px;
    margin:0 auto;
}
header {
    width: 1200px;
    left:calc(50% - 600px);
    position: absolute;
    z-index: 999999999999;
    background: transparent;
    padding-top:20px;
}

#header {
    width: 100%;
}
#header li {
    float:left;
    height: 70px;
    line-height: 70px;
}
#header_logo {
    width: 275px;
}
#header_menu {
    width: 600px;
}
#header_tel {
    width: 155px;
}
#header_login {
    padding-top:10px;
}

.nav-menu {
    width: 100%;
}
.nav-menu li{
    float: left;
    width: 80px;
    height: 40px;
    font-size: 14px;
    color: #fff;
}
.nav-menu li a{
    color: #fff;
    padding-bottom:15px;
}
.nav-menu li a:hover {
    color:#008cff;
    border-bottom:1px solid #008cff;
}
header .tel {
    padding-top:15px;
    text-align: center;
}
#btn_user {
    background: url('/assets/2021/img/user_name_bg@2x.png') no-repeat;
    background-size: cover;
    border:0;
    color:#fff;
    width: 170px;
    height: 38px;
    line-height: 30px;
    display: flex;
}
.container-fluid {
    padding-left:0;
}
.foot-menu-bg {
    background: #f6f6f6;
    height: 110px;
    line-height: 110px;
    margin-right: 0px;
    padding-top:10px;
}
.foot-link {
    width: 1040px;
    margin:0 auto;
    font-size: 18px;
}
.foot-link .col {
    float:left;
    text-align: left;
    padding-left: 15px;
    list-style: none;
    background: url('/assets/2021/img/icon_arrow_r@2x.png') no-repeat left;
    background-size: 7px;
}
footer {
    background: #2f5371;
    height:418px;
    padding-top:70px;
}
footer .footer-left a{
    color:#ffffff;
}

footer .footer-left li {
    font-size:16px;
    color:#ffffff;
    height: 50px;
    line-height: 30px;
    list-style: none;
}
footer .footer-right {
    float:right;
}
.copyright {
    margin-top:10px;
    line-height: 24px;
    font-size:14px;
    color: #92a0ae;
}
.copyright a {
    color: #92a0ae!important;
}
.footicon {
    width: 30px;
    height: 30px;
    margin-right:20px;
    float: left;
}

.icon_tel {
    background: url('/assets/2021/img/icon_tel@2x.png') no-repeat left;
    background-size: contain;
}
.icon_weixin {
    background: url('/assets/2021/img/icon_weixin@2x.png') no-repeat left;
    background-size: contain;
}
.icon_email {
    background: url('/assets/2021/img/icon_email@2x.png') no-repeat left;
    background-size: contain;
}
#dyform li {
    margin-bottom:18px;
}

#dyform li input {
    width: 336px;
    height: 45px;
    padding-left:12px;
    font-size: 16px;
    color:#909090;
}
.btn-dingyue {
    width: 100%!important;
    height: 47px;
    line-height: 100%;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    background: #63a6dd;
}
.user_pop {
    background: url("/assets/2021/img/user_menu_bg@2x.png") no-repeat center;
    background-size: contain;
    width: 169px;
    height: 149px;
    position: absolute;
    top: 75px;
    display: none;
}
.user_pop ul{
    padding-top:24px;
    width: 100%;
}

.user_pop ul li{
    width: 100%;
    height: 38px!important;
    line-height: 38px!important;
    text-align: center;
    color: #ffffff;
    font-size:14px;
}
.user_pop ul li a{
    color:#ffffff;
}
.user_menu_act {
    background:#3c81b9;
}
.user_avatar {
    margin-top: 3px;
    margin-right:10px;
    width: 24px;
    height: 24px;
    border-radius: 5px;
    float:left;
    align-items: center;
    display: flex;
}
.user_login {
    background: url("/assets/2021/img/btn-reg@2x.png") no-repeat center;
    background-size: contain;
    width: 170px;
    height: 37px;
}

.user_login #reg {
    display: block;
    width: 114px;
    height: 37px;
    float:left;
}
.user_login #login {
    display: block;
    width: 56px;
    height: 37px;
    float:left;
}
.form-control-default {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    background: transparent;
    appearance: none;
    border: 0;
    margin-top: 7px;
}
.form-control,.form-select {
    border-radius: 0;
    font-size:14px;
    height: 45px;
    align-items: center;
}
.input-group-text {
    width: 82px;
    text-align: right;
    font-size: 14px;
    background: #3c81b9;
    border: 0;
    color: #fff;
    border-radius: 0;
    display: inline-grid;
}

.hide {
    display:none;
}
.show {
    display:block;
}
.text-center {
    text-align: center;
}
.pagination {
    justify-content: center!important;
    margin-bottom: 20px;
    width: 100%;
}
.pagination .active {
    background: #1869ac;
    color:#fff;
}
.pagination li {
    height: 48px;
    width: 48px;
    line-height: 48px;
    text-align: center;
    background: #ececec;
    font-size:16px;
    margin-left:1px;
}
.pagination li:first-child {
    margin-right:20px;
}
.pagination li:last-child {
    margin-left:20px;
}
.pagination li a{
    display: block;
    color:#a7a7a7;
}
.pagination li a:hover  {
    background: #1869ac;
    color:#fff;
}

.flex {
    display: flex;
}
.full_banner {
    position: relative;
}
.full_banner .bgimg {
    position: absolute;
    left:0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.btn-submit {
    background: #3c81b9;
    color:#fff;
    font-size:16px;
    border:0;
    border-radius: 0;
}
.btn-reset {
    background: #e5e5e5;
    color:#707070;
    font-size:16px;
    border:0;
    border-radius: 0;
}
.btn {
    border:0;
}

.nav-bg {
    position: absolute;
    bottom: 0;
    width: 1200px;
    height: 54px;
    line-height: 54px;
    background: #3c81b9;
    color:#fff;
    opacity:0.77;
    left:calc(50% - 600px);
}
.nav-body {
    position: absolute;
    bottom: 0px;
    left:calc(50% - 600px);
    width: 1200px;
    height: 54px;
    line-height: 54px;
    padding-left:22px;
    font-size:14px;
    color:#fff;
}
.nav-body a {
    color:#fff;
}

.col {
    --bs-gutter-x: 0rem;
}
form .col {
    --bs-gutter-x: 1.5rem;
}
.list-group {
    border-radius: 0;
}

/**左右结构布局 S**/
.left-block {
    margin-bottom: 20px;
}
.list-ul {
    width: 100%;
}
.list-ul li {
    height: 53px;
    line-height: 53px;
    border:1px solid #f0f0f0;
    border-top:0px;
    padding-left:24px;
    padding-right:18px;
    font-size:14px;
    color:#4b4b4b;
    overflow: hidden;
}
.list-ul li a{
    color:#4b4b4b;
    height: auto;
    overflow: hidden;
}
.left-block .list-ul li a{
    width: 255px;
    display: block;
    float: left;
}
.list-ul li .fa {
    float:right;
    height: 53px;
    line-height: 53px;
    font-size:16px;
    color:#cccccc;
}
.list-ul .active .fa{
    color:#1869ac;
}
.list-ul .active{
    color:#1869ac;
    background: #f1f6fa;
}
.list-ul li:hover {
    background: #f9f9f9;
}
.list-ul .active a{
    color:#1869ac;
}
.slide-title {
    font-size:16px;
    padding-left: 24px;
}
.news-list {
    padding:20px;
    background: #f9f9f9;
    margin-bottom: 12px;
}
.news-list .col:first-child {
    width: 30%;
}
.right_body {
    width: 870px;
    padding: 0 0 0 20px;
}
/**左右结构布局 E**/
.article-text table {
    width: 98%!important;
    margin:0 auto;
    border: 1px solid #eee;
}

.top_mask {
    position: absolute;
    top: 0;
    width: 100%;
    height: 95px;
    background: url("/assets/2021/img/top_mask.png") repeat-x;
    background-size: cover;
    z-index: 1;
}

/**CAT LIST**/

.cat_icons a {
    display: block;
    width: 100%;
    height: 30px;
    color: #606060;
    text-decoration: none;
}
.cat_icons a:hover {
    color:#63a6dd;
}
.cat_icon {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    float:left;
    background: url('/assets/2021/img/cat-icons.png') no-repeat left top;
}
#cat_icon_1 {
    background-position: 0px 0px;
}
#cat_icon_2 {
    background-position: -200px 0px;
}
#cat_icon_3 {
    background-position: -400px 0px;
}
#cat_icon_4 {
    background-position: -600px 0px;
}
#cat_icon_5 {
    background-position: -800px 0px;
}
#cat_icon_6 {
    background-position: -996px 0px;
}
#cat_icon_7 {
    background-position: 0px -80px;
}
#cat_icon_8 {
    background-position: -197px -80px;
}
#cat_icon_9 {
    background-position: -400px -80px;
}
#cat_icon_10 {
    background-position: -600px -80px;
}
#cat_icon_11 {
    background-position: -802px -82px;
}
#cat_icon_12 {
    background-position: -995px -81px;
}
#cat_icon_13 {
    background-position: 0px -160px;
}
#cat_icon_14 {
    background-position: -198px -160px;
}
#cat_icon_15 {
    background-position: -400px -160px;
}
#cat_icon_16 {
    background-position: -600px -160px;
}
#cat_icon_17 {
    background-position: -800px -160px;
}
#cat_icon_18 {
    background-position: -994px -160px;
}
#cat_icon_19 {
    background-position: 0px -240px;
}
#cat_icon_20 {
    background-position: -198px -240px;
}
#cat_icon_21 {
    background-position: -400px -240px;
}
#cat_icon_22 {
    background-position: -600px -240px;
}
#cat_icon_23 {
    background-position: -800px -240px;
}
#cat_icon_24 {
    background-position: -994px -240px;
}
#cat_icon_25 {
    background-position: -0px -320px;
}
#cat_icon_26 {
    background-position: -198px -322px;
}
#cat_icon_27 {
    background-position: -402px -320px;
}
#cat_icon_28 {
    background-position: -600px -320px;
}
#cat_icon_29 {
    background-position: -800px -320px;
}
#cat_icon_30 {
    background-position: -994px -320px;
}
.link-dark:hover {
    color:#3c81b9;
}
.slide-news a h6:hover {
    color:#3c81b9;
}
.tran180 {
    transform: rotate(180deg);
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #7c7c7c;
    font-size: 14px;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #7c7c7c;
    font-size: 14px;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #7c7c7c;
    font-size: 14px;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #7c7c7c;
    font-size: 14px;
}

/**右侧浮动**/
.float_menu {
    position: fixed;
    right: 5px;
    top: 200px;
    z-index: 199999;
}
.float_icons {
    position: relative;
    background: url('/assets/2021/img/float_menu.png') no-repeat center center;
    width: 42px;
    height: 177px;
}
.float_pop {
    position: absolute;
    right: 50px;
    top: 0;
    width: 170px;
    height: 180px;
    text-align: center;
    align-items: center;
    background: url('/assets/2021/img/float_msg.png') no-repeat center center;
}
.float_icons ul {
    width: 100%;
}
.float_icons ul li{
    width: 100%;
    height: 43px;
    margin-bottom:3px;
}
.wxqrcode{
    width: 100px;
    margin-top: 25px;
}
.float_pop p {
    font-size: 16px;
    text-align: center;
    height: 30px;
    line-height: 30px;
}
.float_pop {
    display: none;
}
#totop {
    cursor: pointer;
}