/*全站置灰*/

/**引用字体库*/
@font-face {font-family: "Regular";src: url(../fonts/regular.ttf);}

html {font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';}

html, body {}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {margin: 0;padding: 0;border: 0;vertical-align: baseline;}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {display: block;}

ol,
ul {list-style: none;}

blockquote,
q {quotes: none;}

blockquote:before,
blockquote:after,
q:before,
q:after {content: '';content: none;}

a {cursor: pointer !important;text-decoration: none;color: #000;}
input { border: none;}
.dis-flex {display: flex;}

a {cursor: pointer !important;text-decoration: none; color: inherit;}

/**dis*/
.dis-flex {display: flex;}

table {border-collapse: collapse;border-spacing: 0;}

img {display: block;width: 100%;}
.text-hidden {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.text-more-hidden {display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;/* -webkit-line-clamp: 2; */}
.positon-relative {position: relative;}
.gl {width: 6px;height: 6px;position: absolute;border-left: 2px solid #999;border-bottom: 2px solid #999;-webkit-transform: translate(0, 0) rotate(-135deg);transform: translate(0, 0) rotate(-135deg);border-radius: 1px;top: 0;bottom: 0;right: 0;margin: auto;z-index: 1;}


.f16 {font-size: 16px !important;}
.f18 {font-size: 18px !important;}
.hide-img {display: none;}

/**隐藏输入框上下箭头 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none !important;}
input[type="number"] {-moz-appearance: textfield;}


/* 头部菜单栏 */
.top-header {width: 100%;height: 60px;background: rgba(255, 255, 255, 0.9);box-shadow: inset 0 -1px 0 #f0f0f0;backdrop-filter: blur(2px);position: fixed;top: 0; z-index: 9999;}

.header-main {width: 1200px;height: 60px;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-align-items: center;   -moz-box-align: center;    -ms-flex-align: center; align-items: center;-webkit-justify-content: space-between;   -moz-box-pack: justify;    -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto;}
.header-main .logo {max-width: 190px;height: auto;overflow: hidden;cursor: pointer;display: inline-block;}
.header-main .logo h1{max-width: 190px;height: auto;}
.header-main .logo img {width: 100%;height: auto;}



.footer {overflow: hidden;background: #2a2b2c;}

/**links */
.footer .links-box {width: 1200px;margin: 0 auto;color: rgba(255, 255, 255, 0.8);}
.footer .links-box .links-title {display: -webkit-inline-flex;display: -moz-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-align-items: center;   -moz-box-align: center;    -ms-flex-align: center; align-items: center; overflow: hidden;cursor: pointer;}
.footer .links-box .link {width: auto;color: #ffffff;position: relative;}
.footer .links-box .item {display: inline-block;font-weight: 400;font-size: 14px;line-height: 20px;color: rgba(255, 255, 255, 0.7);margin: 0 36px 16px 0;}
.footer .links-box .img {width: 18px;height: 18px;}
.footer .links-box .links-list {margin-top: 24px;}
.footer .links-box .hide {display: none;}
.footer .links-box .active .link {color: #72A4FF;}


/**linkbox */
.footer .link-box {width: 1200px;margin: 0 auto;padding: 64px 0 0 0; background: #2a2b2c;}
.footer .link-box .right {font-weight: 400;font-size: 14px;line-height: 28px;color: rgba(255, 255, 255, 0.8);  display: flex; justify-content: center; align-items:center; flex-direction:column;}
.footer .link-box .right .icon img {width: 223px;height: 52px;}
.footer .link-box .right .code {width: 103px;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;   -moz-box-pack: justify;    -ms-flex-pack: justify; justify-content: space-between;margin: 10px 0;}
.footer .link-box .right .code span img {width: 99px;height: 99px;border-radius: 8px;}
.footer .link-box .right .code span p {width: 99px;text-align: center;color: rgba(255, 255, 255, 0.9);margin-top: 10px;}
.footer .link-box .right .tel {color: rgba(255, 255, 255, 0.8);margin: 24px 0;}
.footer .link-box .right .tel .mark {color: #ffd27b;}
.footer .link-box .right .tel span {font-weight: 400;font-size: 16px;line-height: 28px;color: #ffffff;}
.footer .link-box .right .city ul {display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-align-items: center;   -moz-box-align: center;    -ms-flex-align: center; align-items: center;-webkit-flex-wrap: wrap;    -ms-flex-wrap: wrap; flex-wrap: wrap;}
.footer .link-box .right .city ul li {position: relative;margin-bottom: 14px;padding: 0 8px;border-right: 1px solid #d9d9d9;height: 14px;line-height: 14px;overflow: hidden;}
.footer .link-box .right .city ul li:hover {color: rgba(255, 255, 255, 1);}
.footer .link-box .right .city ul li:nth-child(5n + 1) {padding-left: 0;}
.footer .link-box .right .city ul li:nth-child(5n){border: none;}
.footer .link-box .right .city ul li:nth-child(5n)::after {display: none;}
.footer .link-box .right .city ul li:last-child{border: none;}
.footer .link-box .right .city ul li:last-child::after {display: none;}

.footer .bottom {background: #1f2021;font-weight: 400;font-size: 12px;line-height: 18px;color: rgba(255, 255, 255, 0.8);padding: 10.62px 0 12.38px 0;margin-top: 24px;overflow: hidden;}
.footer .bottom ul {display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;margin-left: 8px;}
.footer .bottom ul li:nth-child(2) {border-left: 1px solid #505766;border-right: 1px solid #505766;padding: 0 8px;margin: 0 8px;}
.footer .bottom ul li a {color: inherit;}
.footer .bottom div {display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-align-items: center;   -moz-box-align: center;    -ms-flex-align: center; align-items: center;-webkit-justify-content: center;   -moz-box-pack: center;    -ms-flex-pack: center; justify-content: center;}
.footer .bottom div:nth-child(1) {margin-bottom: 8px;}
.footer .bottom div a {color: inherit;}
.footer .bottom img {width: auto;height: 20px;}
.footer .bottom .bottom-icon {margin-right: 8px;}
.footer .bottom .copyright{border-right:1px solid #505766 ;padding-right: 8px;margin-right: 8px;}
/**hover */
.footer .links-box .link:hover {color: #72a4ff;}
.footer .links-box .item:hover {color: #ffffff;}



/*在线客服*/
.online-service {position: fixed;bottom: 20%;right: 20px;z-index: 99999;}
.online-service .hidden {visibility: hidden;}
.online-service ul li {display: block;width: 45px;height: 45px;text-align: center;display: flex;align-items: center;margin: 0 auto; background: #ffffff; border-radius: 45px;box-shadow: 0px 0px 20px -4px rgba(0, 0, 0, 0.08);filter: drop-shadow(0px 2px 12px rgba(0, 0, 0, 0.11)); cursor:pointer;}
.online-service ul li img {width: 18px;margin: 0 auto;}

@keyframes shock {
	0% {    transform-origin: bottom;    transform: rotate(0);}
    2% {    transform-origin: bottom;    transform: rotate(-1.2deg);}
    4% {    transform-origin: bottom;    transform: rotate(-2deg);}
    6% {    transform-origin: bottom;    transform: rotate(-2.1deg);}
    8% {    transform-origin: bottom;    transform: rotate(-1.1deg);}
    10% {    transform-origin: bottom;    transform: rotate(5deg);}
    12% {    transform-origin: bottom;    transform: rotate(5.1deg);}
    14% {    transform-origin: bottom;    transform: rotate(3.9deg);}
    16% {    transform-origin: bottom;    transform: rotate(-3.1deg);}
    18% {    transform-origin: bottom;    transform: rotate(-4deg);}
    20% {    transform-origin: bottom;    transform: rotate(-3.6deg);}
    22% {    transform-origin: bottom;    transform: rotate(-1.9deg);}
    24% {    transform-origin: bottom;    transform: rotate(2.2deg);}
    26% {    transform-origin: bottom;    transform: rotate(3deg);}
    28% {    transform-origin: bottom;    transform: rotate(2.7deg);}
    30% {    transform-origin: bottom;    transform: rotate(1.5deg);}

    32% {    transform-origin: bottom;    transform: rotate(-0.2deg);}
    34% {    transform-origin: bottom;    transform: rotate(-1.6deg);}
    36% {    transform-origin: bottom;    transform: rotate(-2deg);}
    38% {    transform-origin: bottom;    transform: rotate(-1.7deg);}
    40% {    transform-origin: bottom;    transform: rotate(-1.1deg);}
    42% {    transform-origin: bottom;    transform: rotate(-0.4deg);}
    44% {    transform-origin: bottom;    transform: rotate(0deg);}
    46% {    transform-origin: bottom;    transform: rotate(0deg);}
    100% {    transform-origin: bottom;    transform: rotate(0deg);}
}

/**hover */
.online-service ul li:not(:first-child, :last-child):hover {background: #ecf3ff;}
.online-service ul li:nth-child(2):hover .service-fixed,
.online-service ul li:nth-child(3):hover .service-fixed{display: block;}
.online-service ul li#service-open:hover .service-fixed{display: block;}
.online-service ul li .service-fixed {display: none;}
/**动态效果-抖动 */
.culture-block {animation-iteration-count: infinite;animation-duration: 2000ms;animation-direction: normal;animation-timing-function: linear;}
.culture-block:hover {animation-name: none;}

@keyframes shock {
	0% {    transform-origin: bottom;    transform: rotate(0);}
    2% {    transform-origin: bottom;    transform: rotate(-1.2deg);}
    4% {    transform-origin: bottom;    transform: rotate(-2deg);}
    6% {    transform-origin: bottom;    transform: rotate(-2.1deg);}
    8% {    transform-origin: bottom;    transform: rotate(-1.1deg);}
    10% {    transform-origin: bottom;    transform: rotate(5deg);}
    12% {    transform-origin: bottom;    transform: rotate(5.1deg);}
    14% {    transform-origin: bottom;    transform: rotate(3.9deg);}
    16% {    transform-origin: bottom;    transform: rotate(-3.1deg);}
    18% {    transform-origin: bottom;    transform: rotate(-4deg);}
    20% {    transform-origin: bottom;    transform: rotate(-3.6deg);}
    22% {    transform-origin: bottom;    transform: rotate(-1.9deg);}
    24% {    transform-origin: bottom;    transform: rotate(2.2deg);}
    26% {    transform-origin: bottom;    transform: rotate(3deg);}
    28% {    transform-origin: bottom;    transform: rotate(2.7deg);}
    30% {    transform-origin: bottom;    transform: rotate(1.5deg);}

    32% {    transform-origin: bottom;    transform: rotate(-0.2deg);}
    34% {    transform-origin: bottom;    transform: rotate(-1.6deg);}
    36% {    transform-origin: bottom;    transform: rotate(-2deg);}
    38% {    transform-origin: bottom;    transform: rotate(-1.7deg);}
    40% {    transform-origin: bottom;    transform: rotate(-1.1deg);}
    42% {    transform-origin: bottom;    transform: rotate(-0.4deg);}
    44% {    transform-origin: bottom;    transform: rotate(0deg);}
    46% {    transform-origin: bottom;    transform: rotate(0deg);}
    100% {    transform-origin: bottom;    transform: rotate(0deg);}
}