html {
    font-size: 20px;
}

a {
    color: #333;
}

* {
    box-sizing: border-box;
}

img {
    max-width: 100%;
}

body,
html {
    min-height: 100%;
}

body {
    font-family: "microsoft yahei", "microsoft JhengHei", Helvetica, sans-serif;
    color: #151515;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    background-color: #fff;
    font-size: 0.8rem;
}

pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}

a {
    text-decoration: none;
    color: #000;
    outline: none;
    transition: cubic-bezier(0.215, .61, .355, 1);
}

.clearfix:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/*IE/7/6*/

/*h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}*/

input {
    outline: none;
    -webkit-appearance: none;
    border-radius: 0;
    font-size: 14px;
}

input[type="text"],
input[type="password"],
input[type="search"],
textarea,
select,
input[type="date"] {
    outline: none;
    -webkit-appearance: none;
    border-radius: 0;
    font-size: 14px;
    display: block;
    width: 100%;
    border: none;
    background: none;
    border: 1px solid #dbdbdb;
    padding: 6px 12px;
    transition: ease .45s;
}

input[type="radio"] {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    top: 2px;
    margin-right: 5px;
    cursor: pointer;
}

input[type="checkbox"] {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    top: 2px;
    margin-right: 5px;
    cursor: pointer;
}

input::-webkit-input-placeholder {
    color: #888888;
}

input:-moz-placeholder {
    color: #888888;
}

input::-moz-placeholder {
    color: #888888;
}

input:-ms-input-placeholder {
    color: #888888;
}

textarea {
    resize: none;
    overflow: hidden;
}

textarea::-webkit-input-placeholder {
    color: #888888;
}

textarea:-moz-placeholder {
    color: #888888;
}

textarea::-moz-placeholder {
    color: #888888;
}

textarea:-ms-input-placeholder {
    color: #888888;
}

select::-ms-expand {
    display: none;
}

select {
    background: url(../images/icon_xiala.png) right 12px center no-repeat;
    background-size: 14px;
    padding-left: 25px;
    padding-right: 26px!important;
}

i,
em {
    font-style: normal;
}

ul,
li,
ol {
    list-style: none;
}

a:focus,
button:focus,
div:focus {
    outline: none;
}

/*.wow{opacity: 0;}*/

.left {
    float: left;
}

.right {
    float: right;
}

.flex {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    -js-display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
}

.flex-text-center {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    -js-display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
}

.flex-align-center {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    -js-display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
}

.flex-center {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    -js-display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
}

.flex-space-between {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    -js-display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
}

.flex-space-around {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    -js-display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    -ms-justify-content: space-around;
}

.flex-space-between-center {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    -js-display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
}

.flex1 {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    -js-display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.flex-auto {
    flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
}

.tran03 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.tran1 {
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.tran06 {
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}

@font-face {
    font-family: 'Dosis';
    font-style: normal;
    /* project id 1853964 */
    src: url('../fonts/Dosis.ttf');
    src: url('../fonts/Dosis.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'AvantGarde';
    font-style: normal;
    /* project id 1853964 */
    src: url('../fonts/AvantGardeITCbyBT-Medium.ttf');
    /*src: url('../fonts/Dosis.woff') format('woff');*/
    font-display: swap;
}

.container {
    margin: auto;
    position: relative;
}

.container1400 {
    max-width: 1320px;
    margin: auto;
    position: relative;
    padding: 0 10px;
}

.blue {
    color: #1e4fdb;
}

.l-grid-2>li {
    width: 50%;
    float: left;
}

.l-grid-3>li {
    width: 33.333333333333336%;
    float: left;
}

.l-grid-4>li {
    width: 25%;
    float: left;
}

.l-grid-5>li {
    width: 20%;
    float: left;
}

.l-grid-6>li {
    width: 16.666666666666668%;
    float: left;
}

/*分享*/

#bsWXBox {
    box-sizing: initial;
}

#bsBox {
    box-sizing: initial;
}

/*浏览器滚动条*/

::-webkit-scrollbar {
    width: 10px;
    height: 5px;
}

::-webkit-scrollbar-button:vertical {
    display: none
}

::-webkit-scrollbar-track:vertical {
    background-color: black
}

::-webkit-scrollbar-track-piece {
    background: #E3E3E3
}

::-webkit-scrollbar-thumb:vertical {
    background-color: #555;
    border-radius: 30px
}

::-webkit-scrollbar-thumb:vertical:hover {
    background-color: #3B3B3B
}

::-webkit-scrollbar-corner:vertical {
    background-color: #535353
}

::-webkit-scrollbar-resizer:vertical {
    background-color: #FF6E00
}

/*.preload{width: 100vw;height: 100vh;background-color: #fff;position: fixed;top: 0;left: 0;z-index: 9999;display: none;}*/

/*.pace-done .preload{visibility: hidden;opacity: 0;}*/

/*.pace{width: 100vw;height: 100vh;position: fixed;top: 0;left: 0;z-index: 10000;display: none;}*/

:root {
    --c: #1352d3;
}

.container {
    width: 63.85%;
    margin-left: auto;
    margin-right: auto;
}

.ttop {
    position: relative;
    width: 100%;
    color: #333;
    background-color: #fff;
    padding-top: 0rem;
}

.ttop .welcome {
    font-size: 12px;
    color: #5a5a5a;
    background-color: #f6f6f6;
    padding: 5px 0;
}

.ttop .container {
    display: flex;
    justify-content: space-between;
}

.ttop .logo {
    margin-top: 0px;
    background: url(../images/logo.png) left center no-repeat;
    float: left;
    transition: all 0.35s;
    height: 136px;
    background-size: 162px;
    padding-left: 205px;
}

.ttop .logo a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #333;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.ttop .logo a .name {
    font-size: 1.6rem;
    font-weight: bold;
    color: #1352d3;
}

.ttop .logo a .desc {
    font-size: 1.2rem;
}

/*.searchform{width: 23.0rem;height: 45px; line-height: 43px; line-height: 32px;border: 2px solid #de363f;border-radius: 5px;padding-right: 80px;position: relative;}
.searchform .keywords{width: 100%;display: inline-block; background-color: rgba(255,255,255,0.5);height: 41px;padding: 5px 15px;border-radius: 15px;vertical-align: middle;border: 0;margin-right: 8px;}
.searchform button{position: absolute;right: 0; top: 0px; width: 80px;height: 41px;display: inline-block;vertical-align: middle;background: #de363f url(../images/icon_search_w.png) left 10px center no-repeat;border: 0;color: #fff;text-indent: 12px; }
*/

.navtel {
    height: 50px;
    line-height: 50px;
    padding-left: 50px;
    background: url(../images/icon_tel.png) left center no-repeat;
    margin-top: 40px;
}

.navtel .tel {
    font-size: 1.4rem;
    color: #1352d3;
    font-weight: bold;
}

.navtel .text {
    color: #555;
    font-size: 16px;
}

.menunav {
    float: left;
    width: 40px;
    height: 40px;
    background: url(../images/icon_menu_w.png) center no-repeat;
    margin: 22px 0 0 1vw;
    cursor: pointer;
    transition: ease .45s;
    display: none;
}

.top_search {
    float: left;
    position: relative;
    height: 70px;
    width: 35px;
    margin: 30px 0 0 1vw;
    position: relative;
}

.top_search .icon {
    width: 35px;
    height: 70px;
    background: url(../images/icon_search.png) center no-repeat;
    cursor: pointer;
}

.top_search .search_form {
    position: absolute;
    right: 110%;
    top: 0%;
    padding: 20px;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    display: flex;
    border: 1px solid #ccc;
}

.top_search .search_form .keywords {
    width: 200px;
    border: 0;
    border-bottom: 1px solid #ccc;
    height: 28px;
}

.top_search .search_form .submit {
    height: 28px;
    background: url(../images/icon_search.png) center no-repeat;
    border: 0;
    width: 40px;
}

.top_search.open .search_form {
    opacity: 1;
    visibility: visible;
}

.headtop {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}

.head {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 64px;
    box-sizing: border-box;
    z-index: 100;
    transition: all 0.35s;
    background-color: #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1), 0px -3px 6px rgba(0, 0, 0, 0.1)
}

.head .container {
    height: 100%;
    display: flex;
    align-items: center;
}

.head .rightnav {
    margin: 0;
    height: 100%;
    width: 100%;
}

.head .rightnav>ul {
    height: 100%;
    float: left;
    display: flex;
    width: 100%;
}

.head .rightnav>ul>li {
    height: 100%;
    line-height: 64px;
    float: left;
    position: relative;
    transition: all 0.35s;
    flex: 1;
    text-align: center;
}

.head .rightnav>ul>li>a {
    position: relative;
    z-index: 9;
    height: 100%;
    font-size: 18px;
    color: #111111;
    font-weight: normal;
    display: block;
    padding: 0 0;
    font-weight: bold;
}

.head .subnav {
    position: absolute;
    top: 110%;
    left: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15), -2px -2px 4px rgba(0, 0, 0, 0.15);
    width: 100%;
    left: 0;
    padding: 10px 10px;
    margin-top: 1px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s;
}

.head li:hover .subnav {
    opacity: 1;
    visibility: visible;
    top: 100%;
}

.head li:hover .subnav.pronav {
    opacity: 1;
    visibility: visible;
    top: 200px;
}

.head .subnav.pronav {
    width: 48vw;
    position: fixed;
    left: 26vw;
    margin-left: 0;
    top: 160px;
}

.head .subnav.pronav .container {
    flex-wrap: wrap;
    padding: 16px 0;
    justify-content: flex-start;
}

.head .subnav.pronav a {
    float: left;
    width: 20%;
    margin-bottom: 25px;
    text-align: left;
    line-height: 24px;
    padding-left: 26px;
    background: url(../images/images/icon_nav1hg.png) left center no-repeat;
    color: #222!important;
}

.head .subnav.pronav a:hover {
    color: #134398!important;
}

.head .subnav.pronav .img {
    display: inline-block;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
}

.head .subnav.pronav .img img {
    vertical-align: middle;
}

.head .subnav a {
    font-size: 16px;
    display: block;
    text-align: center;
    line-height: 2;
    padding: 5px 0;
}

.head .subnav a:hover {
    background-color: transparent!important;
    color: #1352d3!important;
}

.head .subnav a:after {
    display: none;
}

.head .rightnav li.cur>a,
.head .rightnav li.hover>a,
.head .rightnav li>a:hover {
    background-color: #1352d3;
    color: #fff;
}

/*.head .rightnav li a:after{position: absolute;z-index: 2; width: 100%;height: 2px;left: 0;bottom: -8px;background-color: #ffffff;content: "";-webkit-transition: all 0.33s;-o-transition: all 0.33s;transition: all 0.33s; transform: scale3d(0,1,1);background-color: #fff;}
.headtop.headHover .head li a:after,.headtop.scroll .head li a:after,.headtop.fixed .head li a:after{background-color: #01a66f;}
/*.head .rightnav li a:after{}*/
/*.head .rightnav li.cur a:after,.head .rightnav li:hover a:after{width: 100%;transform: scale3d(1,1,1);}*/
/*.headtop.scroll .head,.headtop.fixed .head{height:70px; line-height:70px;}
.headtop.scroll .rightnav>ul>li,.headtop.fixed .rightnav>ul>li{line-height: 70px;}
.headtop.scroll.hidden,.headtop.fixed.hidden{top: -70px;}
.headtop.scroll .head .logo,.headtop.fixed .head .logo{margin-top: 7px;}
.headtop.scroll .lh-search,.headtop.fixed .lh-search{margin-top: 15px;}
.headtop.scroll .menunav,.headtop.fixed .menunav{margin-top: 14px;}*/

.headtop.headHover,
.headtop.headHover .head {
    position: relative;
}

.headtop.headHover .head,
.headtop.scroll .head,
.headtop.fixed .head {
    background-color: #fff;
    box-shadow: 0 0 3px #ccc;
}

.headtop.headHover .head .rightnav>ul>li>a,
.headtop.scroll .head .rightnav>ul>li>a,
.headtop.fixed .head .rightnav>ul>li>a {
    color: #000000;
}

.headtop.headHover .head .logo,
.headtop.scroll .head .logo,
.headtop.fixed .head .logo {
    background-image: url(../images/logo.png);
}

.headtop.headHover .lh-search a,
.headtop.scroll .lh-search a,
.headtop.fixed .lh-search a {
    color: #333;
}

.headtop.headHover .menunav,
.headtop.scroll .menunav,
.headtop.fixed .menunav {
    background-image: url(../images/icon_menu.png);
}

.headtop.headHover .toptel,
.headtop.scroll .toptel,
.headtop.fixed .toptel {
    background-image: url(../images/icon_tel_h.png);
    color: #000;
}

/* Member pager common CSS */

.container.member {
    margin: 50px auto 80px;
}

.subnavwarp {
    position: absolute;
    left: 0;
    top: 120px;
    width: 100%;
    height: 350px;
    padding-bottom: 30px;
    z-index: 100;
    background-color: #fff;
    display: none;
    box-shadow: 0 0 3px #ccc;
}

.headtop.scroll .subnavwarp {
    top: 70px;
}

.subnavwarp .con {
    position: relative;
    display: none;
    width: 80%;
    margin: 0 auto;
}

.subnavwarp .con .left {
    float: left;
    width: 28.5%;
}

.subnavwarp .con .tu {
    /*float: right;
    width: 32%;*/
    padding-top: 2rem;
}

.subnavwarp .con .tu img {
    width: 100%;
}

.subnavwarp .con ul.subnav {
    float: left;
    width: 30%;
    margin-left: 10%;
    margin-top: -0.5rem;
}

.subnavwarp .con ul.subnav li {
    /*float: left;
    width: 50%;*/
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    line-height: 2;
    border-bottom: 1px dashed #ccc;
    /*text-align: center;*/
}

.subnavwarp .con ul.subnav li a {
    font-size: 0.9rem;
    display: block;
    color: #333;
    font-weight: bold;
    position: relative;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
}

.subnavwarp .con ul.subnav li:hover a {
    color: #0065bf;
}

.subnavwarp .con ul.subnav li a:after {
    content: '→';
    font-family: iconfont;
    font-size: 0.9rem;
    color: #0065bf;
    position: absolute;
    right: 4rem;
    top: 0;
    opacity: 0;
    transition: all 0.5s;
}

.subnavwarp .con ul.subnav li a:hover:after {
    right: 3.5rem;
    opacity: 1;
}

.subnavwarp .con .right {
    float: left;
    width: 71.5%;
    padding-top: 2rem;
}

.subnavwarp .con .right .brief {
    float: left;
    width: 60%;
    padding-left: 4rem;
    padding-top: 0;
}

.box .right .brief h2 {
    font-size: 1.2rem;
    font-weight: bold;
    color: #333;
}

.subnavwarp .con .right .brief p {
    font-size: 0.8rem;
    color: #666;
    line-height: 1.8;
    text-align: justify;
    margin: 1.5rem 0 1.5rem;
}

.subnavwarp .con .right .brief .more {
    width: 7.5rem;
    height: 2.7rem;
    background-color: #0796d8;
    /*background-image: linear-gradient(to right,#32beff 0,#005aab 51%,#32beff 100%);*/
    background-size: 200% auto;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    position: relative;
    overflow: hidden;
}

.subnavwarp .con .right .brief .more:hover {
    background-color: #005aab;
}

/*.subnavwarp .con .right .brief .more:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-image: linear-gradient(to right, #32beff, #005aab);content: "";z-index: 0;transform: translate3d(0%,0,0);transition: 0.5s;}
.subnavwarp .con .right .brief .more:hover:after{transform: translate3d(0%,0,0);background-image: linear-gradient(to left, #32beff, #005aab);background-color: #005aab;background-position: 100% 0;}*/

.subnavwarp .con .right .brief .more a {
    display: block;
    text-align: center;
    font-size: 0.8rem;
    color: #fff;
    line-height: 2.7rem;
    position: relative;
    z-index: 1;
}

/* FOOTER */

.footer {
    background-color: #222222;
    background-image: url(../images/footer_bg1.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    color: #fafafa;
    position: relative;
    z-index: 2;
    margin-top: 0;
    /*position: fixed;width: 100%;left: 0;bottom: 0;z-index: 0;*/
}

.footer a {
    color: #999;
}

.footer .container {
    padding: 1px 0;
}

.foot_top {
    border-bottom: 1px solid #666;
    margin-bottom: 1.75rem;
}

.footer .foot_info {
    position: relative;
    display: flex;
}

.footer .foot_info .item {
    margin-right: 0;
    flex: 1;
    border-right: 1px solid #666;
    padding: 1.0rem;
    display: flex;
    flex-direction: column;
    padding-top: 2.5rem;
}

.footer .foot_info .item.email {
    width: 22%;
    flex: 0 0 auto;
}

.footer .foot_info .item.addr {
    width: 20%;
    flex: 0 0 auto;
}

.footer .foot_info .name {
    color: #fff;
}

.footer .foot_info .value {
    color: #999999;
    font-weight: lighter;
}

.footer .foot_info .item.ftewm {
    text-align: center;
    align-items: center;
    padding-top: 1rem;
}

.footer .ftewm img {
    width: 110px;
}

.footer .ftewm p {
    margin-top: 0.5rem;
}

.footer .foot_middle {
    width: 100%;
    margin: 0 auto 2.0rem;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    -ms-display: flex;
    -ms-flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.foot_nav a {
    display: block;
    line-height: 1.6;
    color: #fafafa;
    margin-bottom: 0.5rem;
    transition: all 0.4s;
}

.foot_nav a:hover {
    color: #01a66f;
    text-decoration: underline;
}

.footer .item .name {
    position: relative;
    color: #fff;
    padding-bottom: 10px;
    margin-bottom: 15px;
    text-align: left;
    padding-left: 1.4rem;
    background: url(../images/icon_tel_w.png) left top 5px no-repeat;
}
.footer .item .b_nav{
    position: relative;
    color: #fff;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.footer .item .b_nav:after {
    position: absolute;
    left: 1px;
    bottom: 0;
    width: 64px;
    height: 1px;
    background-color: #666;
    content: "";
}
.footer .item.email .name,
.footer .item.fax .name {
    background-image: url(../images/icon_email_w.png);
}

.footer .item.addr .name {
    background-image: url(../images/icon_addr_w.png);
}

.footer .item .name:after {
    position: absolute;
    left: 1px;
    bottom: 0;
    width: 90px;
    height: 1px;
    background-color: #666;
    content: "";
}

.footer .item .con.col2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    /* 两列 */
    gap: 0px;
    /* 行和列之间的间距 */
}

.footer .item .con.col2 a {
    margin-right: 20px;
}

.footer .item .con a {
    color: #999999;
    text-align: left;
    font-weight: lighter;
}

.flink {
    padding: 18px 0;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    margin-bottom: 3.0rem;
    display: flex;
    align-items: center;
}

.flink .name {
    font-size: 1.2rem;
    color: #b8b8b8;
    border-right: 1px solid #888;
    padding-right: 3rem;
    padding-left: 5px;
    flex: 0 0 auto;
}

.flink .en {
    font-size: 14px;
    color: #4e4e4e;
    letter-spacing: 0.35rem;
    text-transform: capitalize;
}

.flink a {
    margin-left: 3.0rem;
}

.powerby {
    background-color: #1c1c1d;
    color: #888;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.powerby .container {
    padding-top: 1rem;
}

.powerby .left {
    width: 60%;
    float: left;
}

.powerby .right {
    width: 30%;
    text-align: right;
}

.powerby p {
    padding: 0 2.5rem 1rem;
}

.powerby a {
    color: #888;
}

.powerby a:hover {
    text-decoration: underline;
}

.m_kefu {
    position: fixed;
    z-index: 9;
}

.zxkf {
    position: fixed;
    z-index: 9;
    width: 88%;
    height: 42px;
    line-height: 42px;
    left: 6%;
    bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #d32e2e;
    border-radius: 42px;
    /*opacity: 0;visibility: hidden;*/
    transition: all 0.5s;
}

.zxkf.show {
    opacity: 1;
    visibility: visible;
}

.zxkf .icon {
    width: 28px;
    height: 28px;
    background: url(../images/icon_kefu.png) center;
    background-size: 28px;
    margin-right: 20px;
}

.zxkf .name {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

.zixun_tel {
    bottom: 250px;
    right: 5px;
    width: 60px;
    height: 60px;
    overflow: visible;
    background-color: transparent;
    transform: translateZ(0px);
    position: fixed;
    z-index: 10000 !important;
}

.zixun_tel_wrap {
    position: relative;
    display: block;
    cursor: pointer;
    width: 60px;
    height: 60px;
    background-image: url(../images/zixun_tel_bg.png);
    background-size: 100% 100%;
}

.zixun_tel .img {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 1.58125rem;
    height: 1.58125rem;
    transform-origin: center center;
    animation: shake2 4s linear infinite;
}

.zixun_tel .text {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    color: #fff;
}

@keyframes shake2 {
    0% {
        transform: rotate(0) scale(1);
    }
    4% {
        transform: rotate(20deg) scale(1.2);
    }
    8% {
        transform: rotate(0) scale(1);
    }
    13% {
        transform: rotate(20deg) scale(1.2);
    }
    17% {
        transform: rotate(0) scale(1);
    }
    33% {
        transform: rotate(0) scale(1);
    }
    38% {
        transform: rotate(20deg) scale(1.2);
    }
    42% {
        transform: rotate(0) scale(1);
    }
    46% {
        transform: rotate(20deg) scale(1.2);
    }
    50% {
        transform: rotate(0) scale(1);
    }
    100% {
        transform: rotate(0) scale(1);
    }
}

.feedform_wrap {
    position: absolute;
    z-index: 9999;
    width: 100%;
    height: 100%;
    right: 5%;
    bottom: 14%;
    padding: 0;
    transition: all 0.5s ease-in-out;
    width: 338px;
    height: 400px;
}

.feedform_wrap.open {
    opacity: 1;
    visibility: visible;
}

.feedform_wrap .feedform_bg {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 35, 35, 0.3);
    z-index: 0;
    cursor: pointer;
    border-radius: 1.0rem;
}

.feedform_wrap .content {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    padding: 30px 25px;
    border-radius: 5px;
    position: relative;
    z-index: 1;
}

.feedform_wrap .content .close {
    width: 36px;
    height: 36px;
    background: url(../images/icon_close_b.png) center no-repeat;
    background-size: 26px;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 1;
    cursor: pointer;
}

.feedform_wrap .formhead {
    display: flex;
    align-items: center;
}

.feedform_wrap .img {
    width: 72px;
    margin-right: 10px;
    font-size: 0;
}

.feedform_wrap .name {
    font-size: 2.25rem;
    font-weight: bold;
    text-align: center;
    color: #fff;
}

.feedform_wrap .desc {
    font-size: 1.4rem;
    color: #fff;
    letter-spacing: 0.8rem;
    text-align: center;
    margin-left: 0.8rem;
}

.feedform_wrap form {
    display: block;
    margin-top: 20px;
}

.feedform_wrap form .item {
    position: relative;
    margin-bottom: 15px;
    display: flex;
    font-size: 15px;
    height: 50px;
    line-height: 2.25rem;
    background-color: #fff;
    border-radius: 1.5rem;
    padding-left: 2.8rem;
    background-position: left 1rem center;
    background-repeat: no-repeat;
}

.feedform_wrap form .item.name {
    background-image: url(../images/icon_tab_name.png);
}

.feedform_wrap form .item.age {
    background-image: url(../images/icon_tab_age.png);
}

.feedform_wrap form .item.tel {
    background-image: url(../images/icon_tab_tel.png);
}

.feedform_wrap form label {
    width: 45px;
    color: #666;
    flex: 0 0 auto;
}

.feedform_wrap form input {
    flex: 1;
    color: #333;
    border: none;
    font-size: 16px;
}

.feedform_wrap form button {
    width: 100%;
    height: 50px;
    background-color: #002338;
    border-radius: 40px;
    color: #fff;
    font-size: 1.0rem;
    border: 0;
}

.z_menu_mask {
    width: 100%;
    height: 100vh;
    transition: ease 1s;
    transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    visibility: hidden;
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 101;
    background: url(../images/about_bg2.jpg) no-repeat bottom center;
    background-size: cover;
    opacity: 0;
}

.z_menu_mask.on {
    transform: translateY(0);
    -ms-transform: translateY(0);
    visibility: visible;
    opacity: 1;
}

.z_menu_header {
    width: 100%;
    height: 100px;
    border-bottom: 1px solid #E5E5E5;
    position: relative;
    padding: 0 10vw;
    padding-right: 0;
}

.z_menu_logo {
    width: 197px;
    margin-top: 30px;
    float: left;
}

.z_menu_close {
    cursor: pointer;
    font-size: 20px!important;
    font-weight: bold;
    position: absolute;
    right: 4vw;
    top: 50%;
    transform: translateY(-50%);
}

.z_menu_header .icon-l-close:before {
    font-size: 32px;
}

.z_menu_header .z_search {
    color: #333;
    float: right;
    margin-top: 30px;
    margin-right: 10vw;
}

.z_menu_header .z_search .icon,
.z_menu_header .z_search .text {
    color: #333;
}

.z_menu_header .z_search .text {
    display: inline-block;
    color: #333;
    margin-left: 10px;
    width: auto;
}

.z_menu_header .z_search .text::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #333;
}

.z_menu_header .z_search .text::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #333;
}

.z_menu_header .z_search .text:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #333;
}

.z_menu_btmwarp {
    width: 100%;
    padding: 0 10vw;
    box-sizing: border-box;
}

.z_menu_nav {
    padding: 3.125vw 0;
    border-bottom: 1px solid #E5E5E5;
    margin-bottom: 3.125vw;
}

.z_menu_nav ul {
    display: flex;
    justify-content: space-between;
}

.z_menu_nav li {
    display: inline-block;
}

.z_menu_nav li a {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #515151;
    line-height: 40px;
}

.z_menu_nav li h3 a {
    font-weight: bold;
    color: #404040;
}

.z_menu_nav li a:hover {
    color: #6510AD;
}

.z_menu_contact .z_footer_tel {
    margin-bottom: 2vw;
}

.cursor {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    margin: -25px 0 0 -25px;
    z-index: 12;
    visibility: hidden;
}

.cursor:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    transition: all .4s cubic-bezier(.3, 1.83, .49, .88);
}

.cursor.nav:before {
    background: none;
    border: 1px solid #fff;
    width: 80px;
    height: 30px;
    border-radius: 15px;
}

.cursor.btn:before {
    width: 6rem;
    height: 6rem;
}

.cursor.btn2:before {
    width: 100%;
    height: 100%;
    border: 1px solid #f4f4f4;
    background: none;
}

.cursor,
.cursor::after {
    user-select: none;
    pointer-events: none;
    mix-blend-mode: difference
}

.PosFixedNavBlock {
    position: fixed;
    bottom: 120px;
    right: 5px;
    width: 70px;
    z-index: 99;
}

.PosFixedNav {
    background: #E6251F;
    border-radius: 4px;
}

.PosFixedNavTop {
    margin-top: 10px;
    background: #fff;
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
}

.PosFixedNavTop.show {
    opacity: 1;
    visibility: visible;
}

.PosFixedNavItem {
    padding: 10px;
    display: block;
    text-align: center;
    position: relative;
}

.PosFixedNavItem.Act {
    background: #FF3C36;
}

.PosFixedNavTop .PosFixedNavItem.Act {
    background: #fff;
    border-radius: 4px;
}

.PosFixedNavTop .PosFixedNavItem.Act .PosFixedNavItemTxt {
    color: #FF3C36;
}

.PosFixedNavItem img {
    width: 24px;
}

.PosFixedNavItem:first-child {
    border-radius: 4px 4px 0 0;
}

.PosFixedNavItem:last-child {
    border-radius: 0 0 4px 4px;
}

.PosFixedNav .PosFixedNavItem .PosFixedNavItemTxt {
    padding-top: 5px;
    font-size: 12px;
    color: #FFFFFF;
}

.PosFixedNavTop .PosFixedNavItem .PosFixedNavItemTxt {
    padding-top: 5px;
    font-size: 12px;
    color: #666;
}

.PosFixedNavHide {
    padding: 10px 10px 10px 15px;
    position: absolute;
    top: 0;
    left: -196px;
    width: 195px;
    height: 66px;
    background: #FFFFFF;
    box-shadow: 0 4px 8px 0 rgba(206, 206, 206, 0.50);
    border-radius: 2px;
    display: flex;
    align-items: center;
}

.PosFixedNavHide img {
    width: 30px;
}

.PosFixedNavHideCont div {
    text-align: left;
    margin-left: 7px;
    padding-bottom: 3px;
}

.PosFixedNavHideCont div:nth-child(1) {
    color: #222222;
}

.PosFixedNavHideCont div:nth-child(2) {
    color: #2A2A2A;
}

.PosFixedNavHideCont div:nth-child(2) span {
    color: #E6251F;
}

.icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    fill: currentColor;
    overflow: hidden;
}

.preload {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 1000;
    background: #fff;
    -webkit-transition: background-color .5s;
    transition: background-color .5s;
    -webkit-transform-origin: 50% 42%;
    -ms-transform-origin: 50% 42%;
    transform-origin: 50% 42%
}

.preload.is-loaded {
    background: 0 0
}

.preload.is-animate-out {
    -webkit-transform: scale(5);
    -ms-transform: scale(5);
    transform: scale(5);
    opacity: 0;
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, -webkit-transform 1s;
    transition: transform 1s, opacity 1s;
    transition: transform 1s, opacity 1s, -webkit-transform 1s
}

.preload.is-paused .preload__progress {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.preload.is-paused .preload__progress-inner {
    -webkit-animation: none;
    animation: none
}

.preload.is-clean {
    background: 0 0;
    z-index: -1;
    -webkit-transition: none;
    transition: none
}

.preload.is-clean .preload__bg {
    display: none
}

.preload.is-clean .preload__progress {
    background: rgba(0, 0, 0, .5);
    top: 50%
}

.preload.is-clean .preload__progress-inner {
    background: #35373b
}

.preload.is-clean-paused .preload__progress-inner {
    -webkit-animation: none;
    animation: none
}

.preload__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.preload__progress {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin: -1px 0 0 -100px;
    height: 1px;
    background: rgba(255, 255, 255, .15);
    -webkit-transition: .3s;
    transition: .3s
}

.preload__progress.hid {
    left: 0;
    width: 100%;
}

.preload__progress-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-animation: preloadLine 1.6s both infinite;
    animation: preloadLine 1.6s both infinite;
}

@-webkit-keyframes preloadLine {
    2% {
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    48% {
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
    52% {
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
    98% {
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes preloadLine {
    2% {
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    48% {
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
    52% {
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
    98% {
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.load-bg {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 999;
}

.load-bg .top {
    height: 50%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 0;
    left: 0;
}

.load-bg .top i {
    display: block;
    width: 200px;
    height: 1px;
    background-color: #555;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -100px;
    -webkit-transition: .5s;
    transition: .5s;
}

.load-bg .top i.on {
    left: 0%;
    margin-left: 0px;
    width: 100%;
}

.load-bg .bot {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 50%;
    background-color: rgba(255, 255, 255, 0.5);
}

/*首页有加载条*/

.load-bg,
.preload {
    display: none;
}

.index_page .pace {
    display: block;
}

.index_page .load-bg,
.index_page .preload {
    display: block;
}

.floatkefu {
    position: fixed;
    right: 0;
    bottom: 200px;
    z-index: 99;
}

.floatkefu .img {
    position: relative;
    opacity: 0;
    visibility: hidden;
    transition: all 0.33s;
}

.floatkefu.show .img {
    opacity: 1;
    visibility: visible;
}

.floatkefu .img a {
    display: block;
    width: 132px;
    height: 32px;
    position: absolute;
    left: 50%;
    margin-left: -53px;
    bottom: 67px;
}

/*侧栏*/

.toolbar {
    position: fixed;
    top: 50%;
    right: 1%;
    margin-top: -163px;
    z-index: 100;
    width: 80px;
    transition: all .5s
}

.toolbar dd {
    position: relative;
    float: left;
    width: 80px;
    height: 80px;
    background: rgba(0, 0, 0, .5);
    backdrop-filter: blur(5px);
    margin-top: 2px;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    cursor: pointer;
    transition: all .5s
}

.toolbar dd:first-child {
    margin-top: 0
}

.toolbar dd i {
    width: 100%;
    height: 30px;
    display: block;
    margin-top: 13px;
    background: url(../images/toolbar.png) no-repeat center 0
}

.toolbar dd.qq i {
    background-position-y: 0
}

.toolbar dd.ftel i {
    background-position-y: -30px
}

.toolbar dd.code i {
    background-position-y: -60px
}

.toolbar dd.top i {
    background-position-y: -90px
}

.toolbar dd span {
    display: block;
    color: #fff
}

.toolbar dd.ftel .box {
    position: absolute;
    top: 0;
    width: 190px;
    right: -200px;
    height: 100%;
    margin-right: 10px;
    border-radius: 5px;
    background: #1352d3;
    opacity: 0;
    transition: all .5s
}

.toolbar dd.ftel .box p {
    font-size: 14px;
    margin: 15px auto 7px
}

.toolbar dd.ftel .box h3 {
    font-size: 18px;
    font-weight: bold
}

.toolbar dd.ftel .box:after {
    display: block;
    content: " ";
    border-style: solid dashed dashed dashed;
    border-color: transparent transparent transparent #1352d3;
    border-width: 9px;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: -18px;
    margin-left: -12px
}

.toolbar dd.code .box {
    position: absolute;
    top: 0;
    width: 162px;
    right: -172px;
    height: 162px;
    margin-right: 10px;
    border-radius: 5px;
    background: #1352d3;
    opacity: 0;
    transition: all .5s
}

.toolbar dd.code .box img {
    width: 140px;
    height: 140px;
    margin: 11px
}

.toolbar dd.code .box:after {
    display: block;
    content: " ";
    border-style: solid dashed dashed dashed;
    border-color: transparent transparent transparent #01848b;
    border-width: 9px;
    width: 0;
    height: 0;
    position: absolute;
    top: 30px;
    right: -18px;
    margin-left: -12px
}

.toolbar dd:hover {
    background: #1352d3
}

.toolbar dd.ftel:hover .box {
    opacity: 1;
    right: 80px
}

.toolbar dd.code:hover .box {
    opacity: 1;
    right: 80px
}

@media(max-width: 768px) {
    .toolbar {
        display: none;
    }
}

/*侧栏*/