@import url(animate.min.css);
/*初始化样式*/
html { margin: 0 auto; padding: 0; zoom: 1; font-size: 62.5%; font-size: 16px; line-height: 1.4em;/* max-width: 1920px;
  min-width: 1200px; */ }
body { margin: 0; padding: 0; zoom: 1; font-size: 16px; line-height: 1.4em; font-family: "PingFang SC", "Arial", "Microsoft YaHei", "Microsoft YaHei UI", "WenQuanYi Micro Hei", "sans-serif", \5b8b\4f53; color: #222222; /*设置宽度*/ background-color: #fff; }
*, *::before, *::after { font: inherit; margin: 0; padding: 0; color: inherit; }
.ol, .ol .li, .dl, .dl .li, .ul, .ul .li { margin: 0; padding: 0; list-style: none; }
b, strong { font-weight: 600; }
input, button, select, textarea { background: none; border: none; border-radius: 0; -webkit-border-radius: 0; -webkit-appearance: none; outline: none; resize: none; }
input:focus { outline: none; }
a { color: inherit; }
.footnav, .footnav1 { display: none; }

@media(max-width:768px) {
.lang { width: auto; position: relative; z-index: 9999; text-align: left; margin-left: 10px }
.lang-icon { display: flex; align-items: center; width: 100%; height: 30px; border: none; cursor: pointer; font-size: var(--fontsize14); user-select: none; white-space: nowrap }
.lang-icon>img { margin-right: 5px; margin-top: 3px }
.lang-icon span { position: relative; padding-right: 18px; color: var(--headercolor) }
.lang-icon span::before { content: ""; position: absolute; right: 4px; top: 11px; width: 8px; height: 1px; background: var(--headercolor); transform: rotate(50deg) }
.lang-icon span::after { content: ""; position: absolute; right: 0px; top: 11px; width: 8px; height: 1px; background: var(--headercolor); transform: rotate(-50deg) }
.lang-drop { position: absolute; top: calc(100% + 26px); right: 50%; transform: translateX(50%); background: #FFFFFF; border: 1px solid #EBEEF5; border-radius: 4px; box-shadow: 0px 2px 12px 0 rgba(0,0,0,.1); z-index: 9999; visibility: hidden; opacity: 0; transition: opacity .3s, top .3s }
.lang-drop.lang-flex { transform: translateX(25%) }
.lang-drop.lang-flex .lang-arrow { left: 75% }
.lang-drop.active { visibility: visible; opacity: 1; top: calc(100% + 12px) }
.lang-arrow { display: block; width: 10px; height: 10px; background-color: #FFFFFF; border-top: 1px solid #EBEEF5; border-left: 1px solid #EBEEF5; transform: translateX(-50%) rotate(45deg); position: absolute; top: -6px; left: 50% }
.lang-wrap { width: 140px; padding: 8px 0px; box-sizing: border-box }
.lang-flex .lang-wrap { width: 340px; display: flex; flex-wrap: wrap; padding: 8px }
.lang-wrap li { width: 100%; padding: 8px 16px; box-sizing: border-box; transition: background-color .3s }
.lang-flex .lang-wrap li { width: 33%; padding: 8px 6px }
.lang-wrap li.lang-active, .lang-wrap li:hover { background-color: #EEEEEE }
.lang-wrap li a { display: block; font-size: var(--fontsize12); text-decoration: none; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.lang-wrap li img { display: inline-block; width: 24px; height: 16px; vertical-align: -.25em; margin-right: 4px }
.footnav, .footnav1 { display: block; }
}
@media (max-width:1024px) {
.lang {
margin-left:auto;
position:fixed;
top:12px;
right:60px;
transition:all .2s linear
}
.lang-icon span {
display:none
}
.lang-icon>img {
width:36px;
height:24px;
margin-top:0px
}
.lang-drop.lang-flex {
right:auto;
left:50%;
transform:translateX(-50%);
top:60px!important;
position:fixed;
width:calc(100vw - 20px)
}
.lang-drop.lang-flex.active {
top:54px!important
}
.lang-flex .lang-wrap {
width:100%
}
.lang-drop.lang-flex .lang-arrow {
left:82%
}
.lang-drop {
display:none
}
.lang-drop.active {
display:block
}
}

/* 语言切换按钮容器 */
.language-switcher { position: relative; display: inline-block; float: right; padding: 0 0 0 10px; }
/* 语言切换按钮 */
.lan_b{ display:none;}
.language-btn { border-radius: 4px; cursor: pointer; font-size: 14px; color: #fff; }


.header-box:hover .language-btn {  color: #000; }


.header-box:hover .lan_b{ display: inline-block;}
.header-box:hover .lan_w{ display:none;}

.language-btn .globe-icon { font-size: 16px; }
.language-btn .arrow-icon { margin-left: 5px; transition: transform 0.3s; }
.language-list .hidden { display: none }
/* 下拉框容器 */
.language-dropdown { position: absolute; top: calc(100% + 5px); right: 0; background: #fff; border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); display: none; z-index: 1000; width: 400px; }
/* 语言列表 */
.language-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; padding: 10px; max-height: 230px; overflow-y: auto; }
/* 语言选项 */
.language-item { display: flex; align-items: center; padding: 6px 8px; cursor: pointer; border-radius: 4px; gap: 5px; font-size: 13px; color: #333; height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.language-item a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.language-item:hover { background: #f5f5f5; }
.language-item img { width: 16px; height: 12px; object-fit: cover; }
/* More Language按钮 */
.more-languages { text-align: center; padding: 8px; border-top: 1px solid #eee; cursor: pointer; color: #666; font-size: 13px; height: 40px; }
.more-languages:hover { color: #333; background: #f5f5f5; }
/* 展开状态 */
.language-dropdown.active { display: block; background: white; }
.language-list.show-all { max-height: 400px; }
.language-list::-webkit-scrollbar {
 width: 6px;
}
 .language-list::-webkit-scrollbar-track {
 background: #f1f1f1;
}
 .language-list::-webkit-scrollbar-thumb {
 background: #ccc;
 border-radius: 3px;
}
 .language-list::-webkit-scrollbar-thumb:hover {
 background: #999;
}
 @media screen and (max-width: 800px) {
.language-dropdown { position: absolute; right: -58px !important; top: 45px !important; width: 370px; }
.language-btn { color:#000;}
.lan_w{ display:none;}
.lan_b{ display: inline-block;}
}

.small-header .language-btn { color:#000;}
.small-header .lan_b{ display: inline-block;}
.small-header .lan_w{ display:none;}
/*html5设置*/
article, aside, footer, header, hgroup, nav, section, figure, figcaption { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
img { border: none; border: 0; max-width: 100%; vertical-align: top; object-fit: fill; }
span { outline: none; }
a { text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none; }
a:link, a:visited, a:focus { outline: none; text-decoration: none; -moz-outline: none; }
a:hover { text-decoration: none; }
.box-sizing-border, .box-sizing-border * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.box-sizing-border::before, .box-sizing-border *::before, .box-sizing-border::after, .box-sizing-border *::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.box-sizing-content, .box-sizing-content * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.box-sizing-content::before, .box-sizing-content *::before, .box-sizing-content::after, .box-sizing-content *::after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.textover { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.textovers { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.t-center { text-align: center; }
.t-left { text-align: left; }
.t-right { text-align: right; }
.x-half { transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.y-half { transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.xy-half { transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.o-hide { overflow: hidden; }
.img-box { position: relative; overflow: hidden; }
.img-box::before { content: ""; display: block; width: 100%; }
.img-box img { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; }
.img-box.type-product::before { padding-top: 78.723%; }
.img-box.auto-img::before { display: none; }
.img-box.auto-img img { position: static; height: auto; }
.imgh:hover .img-box img, .img-box .imgh:hover img, .img-box.imgh:hover img { transform: scale(1.03); -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); }
.vmd { display: inline-block; vertical-align: middle; }
/*清楚浮动*/
.clear { clear: both; height: 0; overflow: hidden; }
.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; font-size: 0; }
.clearfix { zoom: 1; }
/*初始化样式*/
.f-l { float: left; }
.f-r { float: right; }
html { --default-h: 80px;
 --header-small-height: 80px;
 --scroll-w: 4px;
 --vw: 100vw;
 --vwmini: calc(var(--vw) - var(--scroll-w));
 --hvw: clamp(0px, calc(100vw - var(--scroll-w)), 1920px);
  /* --hvw: 100%; */
  --bettwen-pad: 5vw;
 --main-color: #1c66c9;
 --main-hover-color: #4997cb;
 --main-color-rgb: 246, 117, 36;
 --main-hover-color-rgb: 10, 76, 154;
 --main-third-color: #4997cb;
 --main-third-hover-color: #1265c7;
 --main-third-color-rgb: 73, 151, 203;
 --main-third-hover-color-rgb: 18, 101, 199;
 --w-color: linear-gradient(124deg, #eee, #ccc);
 --linear-color: linear-gradient(124deg, #57c5f7, #1c66c9);
 --linear-color-h: linear-gradient(-124deg, #1c66c9, #57c5f7);
 --background: linear-gradient(-34deg, #ed7841 0%, #ebb13c 100%), linear-gradient(#f67524, #f67524);
 --background-hover: linear-gradient(-34deg, #ed7841 100%, #ebb13c 0%), linear-gradient(#f67524, #f67524);
 --win-width-1920: 100vw;
 --bettwen-full-pad: calc((100vw - var(--wrap-full-width)) / 2);
 --bettwen-1760-pad: calc((100vw - var(--wrap-1760-width)) / 2);
 --bettwen-1680-pad: calc((100vw - var(--wrap-1680-width)) / 2);
 --bettwen-1470-pad: calc((100vw - var(--wrap-1470-width)) / 2);
 --bettwen-1300-pad: calc((100vw - var(--wrap-1300-width)) / 2);
 --bettwen-1200-pad: calc((100vw - var(--wrap-1200-width)) / 2);
}
@media (min-width: 1921px) {
html { --win-width-1920: 1920px;
}
}
@media (min-width: 1201px) {
html { --wrap-full-width: clamp(calc(1200px - calc(15px * 2)), 95vw, 100vw);
}
}
@media (min-width: 1201px) {
html { --wrap-1760-width: clamp(calc(1200px - var(--scroll-w) - 68px*2), calc(100vw - var(--scroll-w) - 68px*2), 1760px);
}
}
@media (max-width: 1200px) {
html { --wrap-1760-width: 1200px;
}
}
@media (min-width: 1201px) {
html { --wrap-1680-width: clamp(calc(1200px - var(--scroll-w) - 68px*2), calc(100vw - var(--scroll-w) - 68px*2), 1680px);
}
}
@media (max-width: 1200px) {
html { --wrap-1680-width: clamp(0px, 768px, calc(100% - (15px * 2)));
 --wrap-1680-width: 1200px;
}
}
@media (min-width: 1201px) {
html { --wrap-1470-width: clamp(calc(1200px - calc(15px * 2)), calc(90vw - 30px), 1470px);
}
}
@media (max-width: 1200px) {
html { --wrap-1470-width: clamp(0px, 768px, calc(100% - (15px * 2)));
 --wrap-1470-width: 1200px;
}
}
@media (min-width: 1201px) {
html { --wrap-1300-width: clamp(calc(1200px - calc(15px * 2)), calc(90vw - 30px), 1300px);
}
}
@media (max-width: 1200px) {
html { --wrap-1300-width: clamp(0px, 768px, calc(100% - (15px * 2)));
 --wrap-1300-width: 1200px;
}
}
@media (min-width: 1201px) {
html { --wrap-1200-width: clamp(calc(1200px - calc(15px * 2)), calc(90vw - 30px), 1200px);
}
}
@media (max-width: 1200px) {
html { --wrap-1200-width: clamp(0px, 768px, calc(100% - (15px * 2)));
 --wrap-1200-width: 1200px;
}
}
.wrap-full { margin-left: auto; margin-right: auto; width: var(--wrap-full-width); }
.wrap-1200 { margin-left: auto; margin-right: auto; width: var(--wrap-1200-width); }
.wrap-1300 { margin-left: auto; margin-right: auto; width: var(--wrap-1300-width); }
.wrap-1470 { margin-left: auto; margin-right: auto; width: var(--wrap-1470-width); }
.wrap-1680 { margin-left: auto; margin-right: auto; max-width: 100%; width: var(--wrap-1680-width); }
.wrap-1760 { margin-left: auto; margin-right: auto; width: var(--wrap-1760-width);/* width: 94%;
  max-width: 1760px;
  min-width: 1200px; */ }
@media (max-width: 1200px) {
.wrap-full, .wrap-1200, .wrap-1300, .wrap-1470, .wrap-1680, .wrap-1760 { padding-left: 15px; padding-right: 15px; }
}
.main { background-color: #ffffff; pointer-events: auto; opacity: 1; }
.bg-main-color { background-color: var(--main-color); }
.bgf0f0f0 { background-color: #f0f0f0; }
.bgf8f7f6 { background-color: #f8f7f6; }
.bgf8f8f8 { background-color: #f8f8f8; }
.bgffffff { background-color: #ffffff; }
.bgf1f1f1 { background-color: #f1f1f1; }
.bgf3f3f3 { background-color: #f3f3f3; }
.bgf6f7f9 { background-color: #f6f7f9; }
.bgf4f4f4 { background-color: #f4f4f4; }
.bgf5f5f5 { background-color: #f5f5f5; }
.bgf7f7f7 { background-color: #f7f7f7; }
.bg2d2d2d { background-color: #2d2d2d; }
.bg121212 { background-color: #121212; }
.color-main { color: var(--main-color); }
::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: rgba(102, 102, 102, 0.5);
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: rgba(102, 102, 102, 0.5);
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: rgba(102, 102, 102, 0.5);
}
:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: rgba(102, 102, 102, 0.5);
}
.input-color1 { --color: #555555;
}
.input-color1::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: var(--color);
}
.input-color1:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: var(--color);
}
.input-color1::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: var(--color);
}
.input-color1:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--color);
}
.input-color2 { --color: #999999;
}
.input-color2::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: var(--color);
}
.input-color2:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: var(--color);
}
.input-color2::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: var(--color);
}
.input-color2:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--color);
}
.input-color3 { --color: #555555;
}
.input-color3::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: var(--color);
}
.input-color3:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: var(--color);
}
.input-color3::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: var(--color);
}
.input-color3:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--color);
}
.input-color4 { --color: rgba(255, 255, 255, 0.4);
}
.input-color4::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: var(--color);
}
.input-color4:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: var(--color);
}
.input-color4::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: var(--color);
}
.input-color4:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--color);
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
 border-radius: 1.5px;
 width: 4px;
 height: 4px;
 background-color: #dfdfdf;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
 border-radius: 1.5px;
 background-color: #dfdfdf;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
 border-radius: 1.5px;
 background-color: var(--main-color);
}
/*滑块效果*/
::-webkit-scrollbar-thumb:hover {
 border-radius: 1.5px;
 background-color: var(--main-color);
}
.scroll-type-a::-webkit-scrollbar {
 width: 4px;
 height: 4px;
 background-color: rgba(255, 255, 255, 0.18);
}
/*定义滚动条轨道 内阴影+圆角*/
.scroll-type-a::-webkit-scrollbar-track {
 border-radius: 3px;
 background-color: rgba(255, 255, 255, 0.18);
}
/*定义滑块 内阴影+圆角*/
.scroll-type-a::-webkit-scrollbar-thumb {
 border-radius: 3px;
 background-color: #ffffff;
}
/*滑块效果*/
.scroll-type-a::-webkit-scrollbar-thumb:hover {
 border-radius: 3px;
 background-color: #ffffff;
}
.i-block { display: inline-block; }
[flex] {
 display: flex;
}
[flex][flex~="i"] {
 display: inline-flex;
}
[flex][flex~="wrap"] {
 flex-wrap: wrap;
}
[flex][flex~="no-wrap"] {
 flex-wrap: nowrap;
}
[flex][flex~="ja"] {
 justify-content: space-around;
}
[flex][flex~="jb"] {
 justify-content: space-between;
}
[flex][flex~="js"] {
 justify-content: start;
}
[flex][flex~="jfs"] {
 justify-content: flex-start;
}
[flex][flex~="jc"] {
 justify-content: center;
}
[flex][flex~="je"] {
 justify-content: end;
}
[flex][flex~="jfe"] {
 justify-content: flex-end;
}
[flex][flex~="ais"] {
 align-items: flex-start;
}
[flex][flex~="aic"] {
 align-items: center;
}
[flex][flex~="acc"] {
 align-content: center;
}
[flex][flex~="aie"] {
 align-items: flex-end;
}
.lw-w-1 { width: 8.33333333%; }
.lw-w-2 { width: 16.66666667%; }
.lw-w-3 { width: 25%; }
.lw-w-4 { width: 33.33333333%; }
.lw-w-5 { width: 41.66666667%; }
.lw-w-6 { width: 50%; }
.lw-w-7 { width: 58.33333333%; }
.lw-w-8 { width: 66.66666667%; }
.lw-w-9 { width: 75%; }
.lw-w-10 { width: 83.33333333%; }
.lw-w-11 { width: 91.66666667%; }
.lw-w-12 { width: 100%; }
.lw-5w { width: 20%; }
.lw-w-hide { display: none; }
@media (max-width: 1200px) {
.lw-xw-1 { width: 8.33333333%; }
.lw-xw-2 { width: 16.66666667%; }
.lw-xw-3 { width: 25%; }
.lw-xw-4 { width: 33.33333333%; }
.lw-xw-5 { width: 41.66666667%; }
.lw-xw-6 { width: 50%; }
.lw-xw-7 { width: 58.33333333%; }
.lw-xw-8 { width: 66.66666667%; }
.lw-xw-9 { width: 75%; }
.lw-xw-10 { width: 83.33333333%; }
.lw-xw-11 { width: 91.66666667%; }
.lw-xw-12 { width: 100%; }
.lw-5xw { width: 20%; }
}
@media (max-width: 1024px) {
.lw-mw-1 { width: 8.33333333%; }
.lw-mw-2 { width: 16.66666667%; }
.lw-mw-3 { width: 25%; }
.lw-mw-4 { width: 33.33333333%; }
.lw-mw-5 { width: 41.66666667%; }
.lw-mw-6 { width: 50%; }
.lw-mw-7 { width: 58.33333333%; }
.lw-mw-8 { width: 66.66666667%; }
.lw-mw-9 { width: 75%; }
.lw-mw-10 { width: 83.33333333%; }
.lw-mw-11 { width: 91.66666667%; }
.lw-mw-12 { width: 100%; }
.lw-5mw { width: 20%; }
}
@media (max-width: 992px) {
.lw-nw-1 { width: 8.33333333%; }
.lw-nw-2 { width: 16.66666667%; }
.lw-nw-3 { width: 25%; }
.lw-nw-4 { width: 33.33333333%; }
.lw-nw-5 { width: 41.66666667%; }
.lw-nw-6 { width: 50%; }
.lw-nw-7 { width: 58.33333333%; }
.lw-nw-8 { width: 66.66666667%; }
.lw-nw-9 { width: 75%; }
.lw-nw-10 { width: 83.33333333%; }
.lw-nw-11 { width: 91.66666667%; }
.lw-nw-12 { width: 100%; }
.lw-5nw { width: 20%; }
}
@media (max-width: 768px) {
.lw-sw-1 { width: 8.33333333%; }
.lw-sw-2 { width: 16.66666667%; }
.lw-sw-3 { width: 25%; }
.lw-sw-4 { width: 33.33333333%; }
.lw-sw-5 { width: 41.66666667%; }
.lw-sw-6 { width: 50%; }
.lw-sw-7 { width: 58.33333333%; }
.lw-sw-8 { width: 66.66666667%; }
.lw-sw-9 { width: 75%; }
.lw-sw-10 { width: 83.33333333%; }
.lw-sw-11 { width: 91.66666667%; }
.lw-sw-12 { width: 100%; }
.lw-5sw { width: 20%; }
.lw-sw-block { display: block; }
}
.relative { position: relative; }
.cycle-box {
 --size: 40px;
 --time: 4s;
 --b-c: var(--main-color);
 --b-w: 3px; position: relative; width: var(--size); height: var(--size); }
.cycle-box .cycle-son { position: absolute; top: 0; height: var(--size); width: calc(var(--size) * 0.5);
overflow: hidden; }
.cycle-box .cycle-son::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.cycle-box .left-c { left: 0; }
.cycle-box .left-c::before { transform-origin: right center; border-radius: calc(var(--size) * 0.5) 0 0 calc(var(--size) * 0.5);
border: var(--b-w) solid var(--b-c); border-right: 0; transform: rotate(-180deg); }
.cycle-box .right-c { right: 0; }
.cycle-box .right-c::before { transform-origin: left center; border-radius: 0 calc(var(--size) * 0.5) calc(var(--size) * 0.5) 0;
border: var(--b-w) solid var(--b-c); border-left: 0; transform: rotate(-180deg); }
.cycle-box.run .left-c::before { animation: cycle-left var(--time) linear; }
.cycle-box.run .right-c { right: 0; }
.cycle-box.run .right-c::before { animation: cycle-right var(--time) linear; }
.run .cycle-box .left-c::before { animation: cycle-left var(--time) linear; }
.run .cycle-box .right-c { right: 0; }
.run .cycle-box .right-c::before { animation: cycle-right var(--time) linear; }
@keyframes cycle-left { 0% {
 transform: rotate(-180deg);
}
 50% {
 transform: rotate(-180deg);
}
 100% {
 transform: rotate(0deg);
}
}
@keyframes cycle-right { 0% {
 transform: rotate(-180deg);
}
 50% {
 transform: rotate(0deg);
}
 100% {
 transform: rotate(0deg);
}
}
.self-svg { display: flex; align-items: center; justify-content: center; }
.self-svg svg.icon { width: var(--size); height: var(--size); fill: var(--fill); }
/**侧边悬浮**/
.small-header .fix-nav { transform: translateX(0); }
.fix-nav {
 --color1: var(--main-color);
 --fs: 68px;
 --size: 43%;
 --fill: #ffffff; margin-top: -172px; transform: translateX(100%); position: fixed; right: 0; top: 50%; z-index: 9; background: var(--linear-color); text-align: center; transition: transform .3s; }
.fix-nav .line { display: block; margin: 0 auto; height: 1px; width: 80%; background: rgba(255, 255, 255, 0.17); }
.fix-nav .fix-btn { display: block; position: relative; width: var(--fs); height: var(--fs); background: transparent; color: #fff; font-size: 12px; transition: all 0.3s; }
.fix-nav .fix-btn + .fix-btn { margin-top: 5px; }
.fix-nav .fix-btn.qq { --size: 55%;
}
.fix-nav .fix-btn.weixin { --size: 46%;
}
.fix-nav .fix-btn.phone { --size: 46%;
}
.fix-nav .fix-btn.edit { --size: 54%;
}
.fix-nav .fix-btn.return-top { --size: 34%;
}
.fix-nav .fix-btn .self-svg { width: var(--fs); height: var(--fs); }
.fix-nav .fix-btn .p { font-size: 12px; line-height: 20px; padding-top: 3px; }
.fix-nav .fix-btn .p-number { word-break: keep-all; position: absolute; right: 50%; top: 50%; /* height: 100%; */ flex-direction: column; text-align: left; line-height: 1.6em; font-size: 18px; color: #fff; width: max-content; background-color: var(--color1); opacity: 0; transition: opacity 0.3s, right 0.3s; transform: translateY(-50%); pointer-events: none; }
.fix-nav .fix-btn .p-number .p-number-li { /* height: var(--fs); */ width: 100%; padding: .7em 1.4em .7em .5em; }
.fix-nav .fix-btn .p-number .p-number-li:nth-child(2n+1) { background: #e96410; }
.fix-nav .fix-btn .p-number .p-tit { flex-shrink: 0; }
.fix-nav .fix-btn:hover { background-color: var(--main-color); }
.fix-nav .fix-btn:hover .p-number { opacity: 1; right: 100%; pointer-events: auto; }
.fix-nav .fix-btn:hover .code-box { opacity: 1; right: 100%; transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); }
.fix-nav .code-box { margin-top: -76px; margin-right: 10px; width: 150px; background-color: #fff; border-radius: 5px; position: absolute; top: 50%; right: 50%; opacity: 0; transition: opacity 0.3s, right 0.3s; transform: scale(0); -webkit-transform: scale(0); -ms-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); padding: 5px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); }
.fix-nav .code-box::before { content: ""; border: 5px solid transparent; border-left-color: #fff; position: absolute; left: 100%; top: 50%; margin-top: -5px; }
.fix-nav .code-box .txt { font-size: 12px; color: #444; }
@media (max-width: 1200px) {
.fix-nav { display: none; }
}
.nodata { padding-top: 80px; padding-bottom: 50px; text-align: center; font-size: 18px; line-height: 2em; color: #666666; }
@media (max-width: 1200px) {
.nodata { padding-top: 0.7rem; padding-bottom: 0.5rem; font-size: 0.3rem; }
}
.website-map {
 --c: rgba(255, 255, 255, 0.6); position: relative; z-index: 2; font-size: 14px; line-height: 1.4em; color: var(--c); }
.website-map.type-a .flex-box { position: absolute; bottom: 0; }
.website-map .flex-box { padding: 1.6em 0; }
.website-map .home-icon {
 --size: 1.1em;
 --fill: var(--c); margin-right: 0.4em; transform: translate(0, -10%); }
.website-map .jt { margin: 0 0.5em; }
.website-map a:hover { color: var(--main-color); }
.auto-title-block { font-size: 82px; line-height: 1.4em; color: #222222; }
.auto-title-block .auto-title-en { font-family: DIN; font-weight: bold; line-height: 0.9em; }
.auto-title-block .auto-title-en .i { display: inline-block; vertical-align: top; background: var(--linear-color); -webkit-background-clip: text; color: transparent; }
.auto-title-block .auto-title-en span.i1 { display: inline-block; vertical-align: top; background: var(--w-color); -webkit-background-clip: text; color: transparent; }
.auto-title-block .auto-title-h2 { margin-top: 0.1em; font-size: 0.63em; font-weight: bold; line-height: 1.4em; }
.auto-title-block .auto-title-h3 { margin-top: 0.1em; font-size: 0.51em; line-height: 1.4em; }
.auto-title-block .auto-title-des { margin-top: 0.9em; font-size: 0.26em; line-height: 1.4em; color: #fff; }
@media (max-width: 1660px) {
.auto-title-block { font-size: 68px; }
}
@media (max-width: 1550px) {
.auto-title-block { font-size: 58px; }
}
@media (max-width: 1400px) {
.auto-title-block { font-size: 52px; }
}
@media (max-width: 1300px) {
.auto-title-block { font-size: 46px; }
}
@media (max-width: 1200px) {
.auto-title-block { font-size: 36px; }
.auto-title-block .auto-title-h3 { margin-top: 1%; }
.auto-title-block .auto-title-des { margin-top: 1%; line-height: 1.3; font-size: 15px; }
}
@media (max-width: 480px) {
.auto-title-block .auto-title-h3 { margin-top: 2%; }
.auto-title-block .auto-title-des { margin-top: 2%; font-size: 14px; }
}
.swiper-btns { --s: 70px;
}
.swiper-btns .swiper-btn .self-svg {
 --size: 36%;
 --fill: #ffffff; border-radius: 30px 30px 30px 0; width: var(--s); height: var(--s); background: var(--linear-color); }
.swiper-btns .swiper-btn .self-svg svg { margin-left: -5%; }
.swiper-btns .swiper-btn.prev .self-svg svg { transform: rotate(180deg); }
.swiper-btns .swiper-btn:hover .self-svg { background: var(--linear-color-h); }
.more-box-a {
 --m-h: 46px; font-size: 15px; line-height: 46px; color: #ffffff; }
.more-box-a .more-box { position: relative; background: var(--linear-color); border-radius: calc(var(--m-h) * 0.5) calc(var(--m-h) * 0.5) calc(var(--m-h) * 0.5) 0px;
padding: 0 40px; transition: background 0.3s; }
.more-box-a .more-box::before { content: ""; display: block; position: absolute; left: 0; top: 0; border-radius: calc(var(--m-h) * 0.5) calc(var(--m-h) * 0.5) calc(var(--m-h) * 0.5) 0px;
border: 1px solid transparent; width: 100%; height: 100%; }
.more-box-a .more-box .self-svg {
 --size: 70%;
 --fill: #ffffff; margin-left: 0.5em; width: 1em; height: 1em; }
.more-box-a .more-box.type-a { background: transparent; }
.more-box-a .more-box.type-a::before { border-color: #ffffff; }
.more-box-a .more-box:hover { background: var(--linear-color-h); }
.more-box-a .more-box:hover::before { border-color: transparent; }
@media (max-width: 640px) {
.more-box-a { line-height: 40px; }
.more-box-a .more-box { padding: 0 30px; }
}
@media (max-width: 640px) {
.more-box-a { font-size: 14px; }
}
.more-box-b {
 --m-h: 40px; font-size: 15px; line-height: var(--m-h); color: #ffffff; }
.more-box-b .more-box { background: var(--linear-color); border-radius: calc(var(--m-h) * 0.5) calc(var(--m-h) * 0.5) calc(var(--m-h) * 0.5) 0px;
}
.more-box-b .more-box .self-svg {
 --size: 50%;
 --fill: #ffffff; width: var(--m-h); height: var(--m-h); }
.more-box-b .more-box:hover { background: var(--linear-color-h); }
.radio-box-self {
 --sw: 22px; position: relative; font-size: 16px; line-height: 1.4em; color: #555555; }
.radio-box-self .radio-input { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.radio-box-self .radio-input:checked + .radio-other .radio-point { border-color: var(--main-color); }
.radio-box-self .radio-input:checked + .radio-other .radio-point::before { content: ""; transform: scale(1); }
.radio-box-self .radio-other { display: flex; align-content: center; }
.radio-box-self .radio-other .radio-point { flex-shrink: 0; position: relative; border-radius: 50%; border: 1px solid transparent; height: var(--sw); width: var(--sw); transition: border 0.3s; }
.radio-box-self .radio-other .radio-point::before { content: ""; display: block; position: relative; z-index: 1; border-radius: 50%; border: 1px solid #ffffff; width: 100%; height: 100%; background: var(--main-color); transform: scale(0); transition: transform 0.3s; }
.radio-box-self .radio-other .radio-point::after {
 --asw: calc(100% - 4px);
 --lp: 2px; content: ""; display: block; position: absolute; left: var(--lp); top: var(--lp); border-radius: 50%; border: 1px solid #ededed; width: var(--asw); height: var(--asw); background: #f7f8f9; opacity: 1; transition: opacity 0.3s; }
.radio-box-self .radio-other .radio-text { padding-left: 8px; }
@media (max-width: 640px) {
.radio-box-self { font-size: 14px; line-height: 22px; }
}
.select-self {
 --sc: #222222;
 --hc: var(--main-color); position: relative; }
.select-self .select-word { position: relative; padding-right: 3px; background: transparent; line-height: 46px; font-size: 18px; color: #222222; cursor: pointer; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.select-self .select-word::after { content: ""; display: inline-block; margin-top: 1px; margin-left: 10px; border: 0 none; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid var(--sc); }
.select-self .select-word:hover::after { border-top-color: var(--main-color); }
.select-self.on { z-index: 2; }
.select-self.on .select-word { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; color: var(--hc); }
.select-self.on .select-word::after { border-top-color: var(--hc); }
.select-self.on .select-list { display: block; }
.select-self .select-list { display: none; position: absolute; left: 0; margin-top: -1px; width: 100%; min-width: 200px; max-height: 211px; overflow-y: auto; background-color: #fff; border: 1px solid #e4e4e4; border-top: 0 none; }
.select-self .select-list li { border-top: 1px solid #f4f4f4; background: transparent; cursor: pointer; line-height: 20px; font-size: 14px; color: var(--c); }
.select-self .select-list li.on, .select-self .select-list li:hover { background: var(--hc); color: #ffffff; }
.select-self .select-list li a { display: block; padding: 9px 12px; }
@media (max-width: 640px) {
.select-self .select-word { font-size: 16px; }
.select-self .select-list li { font-size: 13px; }
}
@media (max-width: 480px) {
.select-self .select-word { font-size: 14px; }
.select-self .select-list li { font-size: 12px; }
}
/**列表翻页**/
.page-btn-box {
 --bg: var(--main-color);
 --s: 44px; padding: 50px 15px 80px; text-align: center; font-size: 15px; /* line-height: var(--s); */ line-height: 44px; color: #555555; }
.page-btn-box.no-bot { padding-bottom: 0; }
.page-btn-box .page-btn { margin: 2.5px; border-radius: 5px; /* min-width: calc(var(--s) * 1.4); */ min-width: 44px; padding: 0 0.5em; border-radius: 22px 22px 22px 0px; background-color: transparent; transition: all 0.3s; }
.page-btn-box .page-btn:hover, .page-btn-box .page-btn.on { background-image: linear-gradient(-34deg, #ed7841 0%, #ebb13c 100%), linear-gradient(#535cad, #535cad); background-blend-mode: normal, normal; color: #ffffff; }
@media (max-width: 1200px) {
/**列表翻页**/
.page-btn-box { line-height: 40px; }
.page-btn-box .page-btn { min-width: 40px; }
}
@media (max-width: 480px) {
/**列表翻页**/
.page-btn-box { line-height: 36px; }
.page-btn-box .page-btn { min-width: 36px; }
}
/**详情页翻页**/
.info-page { padding: 35px 0; font-size: 15px; line-height: 30px; color: #555555; }
.info-page p { max-width: 49%; }
.info-page a { color: #555555; }
.info-page a:hover { color: var(--main-color); }
/**头部导航**/
.header-box { position: fixed; top: 0; left: 0%; z-index: 9; width: 100%; height: 80px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)); transition: transform 0.4s ease; }
#header {
 --color: #ffffff;
 --hover-color: var(--main-color); background-color: transparent; color: #ffffff; transition: all 0.4s ease; }
#header .logo-box { transition: all 0.3s; height: 80px; }
#header .logo-box .imgs { position: relative; }
#header .logo-box .imgs img { display: block; height: clamp(15px, calc(var(--h)*0.5), 48px);
height: 48px; transition: height 0.3s; }
#header .logo-box .imgs .i { opacity: 1; }
#header .logo-box .imgs .i_h { position: absolute; left: 0; top: 0; opacity: 0; }
#header .phone-box, #header .phone-menu-switch { --w: var(--btnh);
}
#header .phone-box {
 --w: 1.8em; position: relative; z-index: 2; /* font-size: 1.3em; */ font-size: 20.8px; line-height: 37.44px; font-style: italic; color: #ffffff; }
#header .phone-box .self-svg {
 --size: 80%;
 --fill: linear-gradient(-34deg, #ed7841 0%, #ebb13c 100%);
 --fill: #ffffff; position: relative; z-index: 1; border-radius: 50%; width: 37.44px; height: 37.44px; background: var(--main-color); }
#header .phone-box .self-svg svg { transform: translateX(-5%); }
#header .phone-box .phone-num { margin-right: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); /* border-radius: calc(var(--w)*.5); */ border-radius: 19px; /* padding: 0 0 0 1em; */ padding: 0 0 0 14px; word-break: keep-all; white-space: nowrap; pointer-events: none; opacity: 0; transition: opacity 0.2s, margin 0.3s, padding .3s; background-color: var(--main-color); }
#header .phone-box:hover .phone-num { margin-right: 0; padding-right: calc(var(--w)*1 + 1em);
pointer-events: auto; opacity: 1; }
.phone-menu-switch {
 --w: 62px; margin-left: 50px; position: relative; /* width: var(--w); */ height: 40px; background-image: linear-gradient(-34deg, #ed7841 0%, #ebb13c 100%), linear-gradient(#f67524, #f67524); background-blend-mode: normal, normal; border-radius: 5px; padding: 0 1em; color: #ffffff; transition: all 0.4s; }
.phone-menu-switch:hover { background-image: linear-gradient(-34deg, #ed7841 100%, #ebb13c 0%), linear-gradient(#f67524, #f67524); }
.phone-menu-switch .switch-line { position: relative; width: 50%; height: 50%; flex-direction: column; }
.phone-menu-switch .switch-line .switch-i { width: 100%; height: 3px; background-color: #ffffff; opacity: 1; transform: translate(0); transition: transform 0.3s, width 0.4s, opacity 0.2s; }
.phone-menu-switch .switch-line .i2 { width: 80%; }
.phone-menu-switch .switch-exit { display: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 50%; height: 50%; }
.phone-menu-switch .switch-exit .exit-i { display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); height: 3px; width: 0%; background-color: #ffffff; opacity: 1; transition: width 0.4s, opacity 0.2s; }
.phone-menu-switch .switch-exit .i2 { transform: translate(-50%, -50%) rotate(-45deg); }
.menu-show .phone-menu-switch .switch-line .switch-i { width: 100%; }
.menu-show .phone-menu-switch .switch-line .i1 { transform: translate(-5%, calc(var(--w)*0.22)) rotate(45deg);
}
.menu-show .phone-menu-switch .switch-line .i2 { opacity: 0; width: 100%; }
.menu-show .phone-menu-switch .switch-line .i3 { transform: translate(-5%, calc(var(--w)*-0.22)) rotate(-45deg);
}
.menu-show .phone-menu-switch .switch-exit .exit-i { width: 116%; }
.no-banner .header-box { position: sticky; }
#header {
 --divpad: 50px; font-size: 16px; }
#header .menu-block .menu {
 --i-h: 80px;
 --pad: var(--divpad);
 --pad-mini: 0px; line-height: 80px; transition: all 0.3s; }
#header .menu-block .menu .menu-son { background: transparent; margin-right: 50px; position: relative; }
#header .menu-block .menu .menu-son .menu-title-word { position: relative; }
#header .menu-block .menu .menu-son .cn { display: block; transform: translateY(0); opacity: 1; transition: opacity 0.2s, transform 0.4s; }
#header .menu-block .menu .menu-son .en { display: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%, 0%); opacity: 0; transition: opacity 0.2s, transform 0.4s; }
.small-header #header .menu-block .menu .menu-son:hover .menu-title, .small-header #header .menu-block .menu .menu-son.on .menu-title { color: #1265c7; }

.header-box #header .menu-block .menu .menu-son:hover .menu-title, .header-box:hover #header .menu-block .menu .menu-son.on .menu-title { color: #1265c7; }

#header .menu-block .menu .menu-son:hover .menu-title .jt-icon { margin-bottom: -1px; opacity: 1; }
#header .menu-block .menu .menu-son:hover .sub-block { margin-top: 0; opacity: 1; pointer-events: auto; }
#header .menu-block .menu .menu-title { position: relative; z-index: 2; padding: 0 var(--pad-mini); text-align: center; font-size: 18px; }
#header .menu-block .menu .menu-title .jt-icon { display: block; margin-bottom: -10px; transform: translateX(-50%); position: absolute; left: 50%; bottom: 0; border: 0 transparent; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 8px solid #ffffff; opacity: 0; pointer-events: none; transition: margin 0.3s, opacity 0.3s; }
#header .menu-block .menu .menu-title .jt-icon:before { content: ""; display: block; margin-bottom: -10px; transform: translateX(-50%); position: absolute; left: 50%; bottom: 0; border: 0 transparent; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 8px solid #ffffff; opacity: 1; pointer-events: none; }
#header .menu-block .menu .arrow { display: none; }
#header .menu-block .sub-block { text-align: center; margin-top: 10px; position: absolute; left: -100%; top: var(--h); width: 300%; padding: 18px 0; background-color: #ffffff; opacity: 0; pointer-events: none; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.03); line-height: 1.4em; transition: top 0.3s ease, padding 0.5s, margin 0.3s, opacity 0.3s; }
#header .menu-block .sub-block::before { content: ''; display: block; position: absolute; left: 0; top: 0; border-top: 1px solid #eeeeee; width: 100%; }
#header .menu-block .sub-block .wrap-div { margin-left: auto; margin-right: auto; width: var(--wrap-1760-width); }
#header .menu-block .sub-block .sub-list { width: 100%; }
#header .menu-block .sub-block .sub-list .list .list-li .list-box { padding: 10px 0px; cursor: pointer; }
#header .menu-block .sub-block .sub-list .list .list-li:hover .list-title { color: var(--main-color); }
#header .menu-block .sub-block .sub-list .list .list-li:first-child .next-list { display: block; }
#header .menu-block .sub-block .sub-list .list .list-cont .list-title { font-size: 16px; line-height: 1.4em; color: #222222; }
#header .menu-block .sub-block .sub-list .list .list-cont .list-a { margin-top: 1em; font-size: 14px; line-height: 1.4em; color: #777777; }
#header .menu-block .sub-block .sub-list .list .list-cont .list-a + .list-a { margin-top: 0; }
#header .menu-block .sub-block .sub-list .list .list-cont .list-a .a { margin-right: 20px; }
#header .menu-block .sub-block .sub-list .list .list-cont .list-a .a:hover { color: var(--main-color); }
#header .menu-block .sub-block .sub-list .next-list { display: none; margin-top: -14px; position: relative; }
#header .menu-block .sub-block .sub-list .next-list::before { content: ''; display: block; margin-top: -4px; transform: rotate(45deg); position: absolute; top: 0; left: 85px; width: 15px; height: 15px; border-radius: 2px; background-color: #f4f4f4; }
#header .menu-block .sub-block .sub-list .next-list .next-pad { margin-right: -100%; position: relative; border-radius: 12px; background-color: #f4f4f4; padding: 27px 40px; }
#header .menu-block .sub-block .sub-list .next-list .next-li { padding: 5px; }
#header .menu-block .sub-block .sub-list .next-list .next-li-box { display: inline-block; vertical-align: top; border-radius: 5px; padding: 10px; background-color: transparent; transition: background 0.3s; }
#header .menu-block .sub-block .sub-list .next-list .next-li-box:hover { background-color: #eeeeee; }
#header .menu-block .sub-block .sub-list .next-list .next-li-box:hover .next-li-title { color: var(--main-color); }
#header .menu-block .sub-block .sub-list .next-list .next-li-title { font-size: 18px; line-height: 1.4em; color: #222222; transition: color 0.3s; }
#header .menu-block .sub-block .sub-list .next-list .next-li-des { margin-top: 5px; font-size: 14px; line-height: 1.4em; color: #777777; }
.type-a #header {
 --color: #333333; color: #333333; }
.small-header .header-box { transform: translateY(-100%); }
.small-header #header { --h: var(--header-small-height);
}
.small-header #header .menu-block .menu { font-size: 16px; }
.small-header #header .menu-block .menu .menu-son .menu-title .jt-icon { border-bottom-color: #eeeeee; }
.small-header #header .menu-block .menu .sub-block { padding: 30px 0; }
.small-header.show-header .header-box { transform: translateY(0); }
.no-banner #header, .small-header #header {
 --color: #333333; color: #333333; background-color: #ffffff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); }
.no-banner #header .logo-box .imgs .i, .small-header #header .logo-box .imgs .i { opacity: 0; }
.no-banner #header .logo-box .imgs .i_h, .small-header #header .logo-box .imgs .i_h { opacity: 1; }
.no-banner #header .menu-block .menu .menu-title .jt-icon, .small-header #header .menu-block .menu .menu-title .jt-icon { border-bottom-color: #eeeeee; }
.header-box:hover #header {
 --color: #333333; color: #333333; background-color: #ffffff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); }
.header-box:hover #header .logo-box .imgs .i { opacity: 0; }
.header-box:hover #header .logo-box .imgs .i_h { opacity: 1; }
.header-box:hover #header .menu-block .menu .menu-title .jt-icon { border-bottom-color: #eeeeee; }
/*导航关闭*/
.menu_btn { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; width: 22px; position: relative; margin-left: 15px; margin-top: 6px; display: none; }
.menu_btn .nav-toggle .lines { position: absolute; top: 50%; left: 50%; z-index: 2; }
.menu_btn .nav-toggle .lines .line { background: #333; -webkit-transition: background 0.3s; transition: background 0.3s; }
.menu_btn .nav-toggle .lines.open { margin: -11px 0 0 -11px; width: 22px; height: 25px; cursor: pointer; }
.menu_btn .nav-toggle .lines.open .line { position: relative; width: 22px; height: 2px; -webkit-animation: open-in 0.3s cubic-bezier(0.18, 0.89, 0.67, 1.16) 0.3s 1 normal forwards; animation: open-in 0.3s cubic-bezier(0.18, 0.89, 0.67, 1.16) 0.3s 1 normal forwards; -webkit-transform: scaleX(0); transform: scaleX(0); }
.menu_btn .nav-toggle .lines.open .line+.line, .menu_btn .nav-toggle .lines.open .line+.line+.line { margin-top: 5px; }
.menu_btn .nav-toggle .lines.open .line:nth-child(2) { -webkit-animation-delay: 0.36s; animation-delay: 0.36s; }
.menu_btn.is-opened .nav-toggle .open .line { -webkit-animation: open-out-1 0.4s linear 0s 1 normal forwards; animation: open-out-1 0.4s linear 0s 1 normal forwards; -webkit-transform: scaleX(1) translateX(0); transform: scaleX(1) translateX(0); }
.menu_btn.is-opened .nav-toggle .open .line:nth-child(1) { -webkit-animation-delay: 0.16s; animation-delay: 0.16s; }
.menu_btn.is-opened .nav-toggle .open .line:nth-child(2) { -webkit-animation-delay: 0.08s; animation-delay: 0.08s; -webkit-animation-name: open-out-2; animation-name: open-out-2; }
.menu_btn .nav-toggle .lines.close { margin: -17px 0 0 -17px; width: 28px; height: 28px; -webkit-transform: rotateX(0.1deg) rotateZ(45deg); transform: rotateX(0.1deg) rotateZ(45deg); display: none; }
.shiftLeft .menu_btn .nav-toggle .lines.close { display: block; }
.menu_btn .nav-toggle .lines.close .line { position: absolute; background: #666; }
.menu_btn .nav-toggle .lines.close .line:nth-child(1) { top: 0; left: 12px; width: 3px; height: 28px; -webkit-animation: close-out-1 0.3s linear 0.1s 1 normal forwards; animation: close-out-1 0.3s linear 0.1s 1 normal forwards; }
.menu_btn .nav-toggle .lines.close .line:nth-child(2) { top: 12px; left: 0; width: 28px; height: 3px; -webkit-animation: close-out-2 0.3s linear 0s 1 normal forwards; animation: close-out-2 0.3s linear 0s 1 normal forwards; }
.menu_btn.is-opened .nav-toggle .close .line:nth-child(1) { -webkit-animation: close-in-1 0.3s cubic-bezier(0.18, 0.89, 0.67, 1.16) 0.6s 1 normal forwards; animation: close-in-1 0.3s cubic-bezier(0.18, 0.89, 0.67, 1.16) 0.6s 1 normal forwards; -webkit-transform: scaleY(0); transform: scaleY(0); }
.menu_btn.is-opened .nav-toggle .close .line:nth-child(2) { -webkit-animation: close-in-2 0.3s cubic-bezier(0.18, 0.89, 0.67, 1.16) 0.5s 1 normal forwards; animation: close-in-2 0.3s cubic-bezier(0.18, 0.89, 0.67, 1.16) 0.5s 1 normal forwards; -webkit-transform: scaleX(0); transform: scaleX(0); }
.menu_btn:hover .nav-toggle .i1 { width: 11px; }
.menu_btne:hover .nav-toggl .i2 { width: 16px; }
@media (max-width: 1660px) {
.phone-menu-switch { height: 36px; margin-left: 35px; }
#header { --divpad: 35px;
}
#header .menu-block .menu .menu-son { margin-right: 35px; }
#header .menu-block .sub-block .sub-list .list .list-li .list-box { padding: 10px 0px; }
#header .menu-block .sub-block .sub-list .list .list-cont .list-title { font-size: 16px; }
#header .menu-block .sub-block .sub-list .list .next-list { margin-top: -15px; }
#header .menu-block .sub-block .sub-list .list .next-list::before { margin-top: -4px; left: 75px; }
#header .menu-block .sub-block .sub-list .list .next-list .next-pad { border-radius: 10px; padding: 18px 25px; }
#header .menu-block .sub-block .sub-list .list .next-list .next-li-title { font-size: 17px; }
#header .menu-block .sub-block .sub-list .list .next-list .next-li-des { margin-top: 3px; }
#header .phone-menu-switch { font-size: .9em; }
}
@media (max-width: 1500px) {
.phone-menu-switch { margin-left: 34px; }
#header { --divpad: 34px;
}
#header .menu-block .menu .menu-son { margin-right: 34px; }
}
@media (max-width: 1400px) {
.phone-menu-switch { margin-left: 32px; }
#header { --divpad: 32px;
}
#header .menu-block .menu .menu-son { margin-right: 32px; }
}
@media (max-width: 1350px) {
.phone-menu-switch { margin-left: 30px; }
#header { --divpad: 30px;
}
#header .menu-block .menu .menu-son { margin-right: 30px; }
}
@media (max-width: 1300px) {
.phone-menu-switch { margin-left: 25px; }
#header { --divpad: 25px;
}
#header .menu-block .menu .menu-son { margin-right: 25px; }
}
@media (max-width: 1200px) {
#header .menu-block .menu .menu-son:first-child { display: none; }
#header .menu-block .menu .menu-son { margin-right: 15px; }
.phone-menu-switch { margin-left: 16px; }
}
@media (max-width: 992px) {
#header { color: #333; }
.phone-menu-switch { margin-left: 15px; height: 30px; }
.header-box { height: 50px; z-index: 105; background: #fff; border-bottom: 1px solid #dddddd; }
.small-header.show-header .header-box { transform: inherit; }
.shiftLeft.small-header .header-box { transform: inherit; }
#header .logo-box { height: 50px; }
#header .logo-box .imgs .i_h { opacity: 1; }
#header .logo-box .imgs img { height: 30px; }
#header .phone-box:hover .phone-num { display: none; }
#header .phone-box .self-svg { width: 30px; height: 30px; }
.shiftLeft #header .menu-block .menu { right: 0px; }
#header .menu-block .menu { width: 100%; height: calc(100% - 50px); height: -webkit-calc(100% - 50px); height: -moz-calc(100% - 50px); overflow: hidden; overflow-y: auto; position: fixed; right: -100%; top: 0; bottom: 0; z-index: 105; background: #fff; margin: 0; padding: 0px 0 52px 0; text-align: left; margin-top: 50px; display: block; line-height: 50px; }
#header .menu-block .menu .menu-son { margin-right: 0; padding-left: 3%; padding-right: 3%; }
#header .menu-block .menu .arrow { width: 50px; height: 50px; position: absolute; top: 0; right: 0; z-index: 2; display: block; background: url(../image/arrow1.png) no-repeat center; display: block; }
#header .menu-block .menu .menu-son { position: relative; }
#header .menu-block .menu .menu-son.on .arrow { transform: rotate(180deg); }
#header .menu-block .menu .menu-son.now .arrow { transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg); }
#header .menu-block .menu .menu-son:hover .menu-title { color: #333; }
#header .menu-block .menu .menu-son.on .menu-title { color: #1265c7; }
#header .menu-block .menu .menu-son.now .menu-title { color: #333; }
#header .menu-block .menu .menu-son:first-child { display: block; }
#header .menu-block .menu .menu-title { display: block; text-align: left; }
#header .menu-block .menu .menu-title .jt-icon { transform: translateX(0%); left: auto; margin-bottom: 0px; opacity: 1; right: -20px; padding: 25px; z-index: 3; display: none; }
#header .menu-block .menu .menu-title .jt-icon::before { margin-bottom: 0; }
#header .menu-block .menu .menu-son:hover .menu-title .jt-icon { margin-bottom: 0; }
.header-box:hover #header .menu-block .menu .menu-title .jt-icon { border: 0; }
#header .menu-block .sub-block { position: static; padding: 0; overflow: hidden; margin: 0; display: none; opacity: 1; box-shadow: 0 1px 1px rgba(0, 0, 0, 0); }
#header .menu-block .sub-block .sub-list .list .list-li .list-box { padding-top: 5px; padding-bottom: 5px; padding-left: 0px; }
#header .menu-block .menu-son:nth-child(2) .sub-block .sub-list .list .list-li .list-box { padding-top: 5px; padding-bottom: 5px; padding-left: 0px; }
#header .menu-block .sub-block .sub-list .list .list-cont .list-title { font-size: 15px; }
#header .menu-block .menu-son:nth-child(5) .sub-block .sub-list .list .list-cont .list-title { font-weight: bold; }
#header .menu-block .sub-block .sub-list .next-list { display: block; }
#header .menu-block .sub-block .sub-list .next-list .next-li-box { padding-left: 0; padding-top: 5px; padding-bottom: 5px; }
#header .menu-block .sub-block .sub-list .list .next-list .next-li-title { font-size: 14px; color: #666; }
#header .menu-block .menu .menu-title .jt-icon:before { border: 0; content: ">"; font-family: '宋体'; font-weight: bold; }
#header .menu-block .sub-block .line { display: none; }
#header .menu-block .sub-block .sub-list { width: 100%; }
#header .menu-block .sub-block .sub-list .list-li { width: 100%; }
#header .menu-block .sub-block .sub-list .list .next-list { margin-top: 0; }
#header .menu-block .sub-block .sub-list .list .next-list::before { display: none; }
#header .menu-block .sub-block .sub-list .list .next-list .next-pad { width: 100%; background-color: #fff; padding: 0; }
#header .menu-block .sub-block .sub-list .next-list .next-li { padding: 0; width: 100%; }
#header .menu-block .sub-block .sub-list .list .next-list .next-li-des { display: none; }
#header .menu-block .sub-block .sub-list .list .list-li:nth-child(2n+2) .next-list .next-pad { margin-left: 0; }
/*导航关闭*/
.menu_btn { display: block; }
#header .menu-block .sub-block { width: 100%; text-align: left; }
}
/**底部**/
.footer {
 --hover: #ffffff; position: relative; background-image: url(../image/footbg.png); font-size: 16px; line-height: 1.6em; color: #fff; }
/* .footer .wrap3{max-width: 1680px;} */
.footer a:hover { color: var(--hover); }
.footer .first-title { font-size: 22px; line-height: 1.4em; color: #ffffff; font-weight: bold; }
.footer .top { border-bottom: 1px solid rgb(255, 255, 255, 0.3); padding-top: 50px; padding-bottom: 30px; }
.footer .menus .menus-son { font-size: 18px; line-height: 1.4em; color: #ffffff; }
.footer .menus .menus-son + .menus-son { margin-left: 50px; }
.footer .menus .menus-son:hover { color: #fff; text-decoration: underline; }
.footer .mid { padding-top: 50px; padding-bottom: 47px; }
.footer .mid .tit-box { margin-bottom: 25px; border-bottom: 1px solid rgb(255, 255, 255, 0.3); padding-bottom: 16px; }
.footer .mid .tit-box .first-title + .first-title { margin-left: 40px; }
.footer .mid .tit-box .link { color: #eee; }
.footer .mid .tit-box .link.on { color: #fff; }
.footer .mid .tit-box .link:hover { color: #ffffff; }
.footer .mid .left-cont { width: 33.92%; }
.footer .mid .left-cont .contact-box { margin-bottom: 24px; }
.footer .mid .left-cont .contact-box .phone { display: inline-block; vertical-align: top; background: var(--w-color); -webkit-background-clip: text; font-size: 28px; line-height: 1em; color: transparent; font-weight: bold; }
.footer .mid .left-cont .contact-box .address { margin-top: 20px; margin-bottom: 30px; }
.footer .mid .left-cont .contact-box .code-list { word-break: keep-all; }
.footer .mid .left-cont .contact-box .code-list .line { margin: 0 50px 0 40px; width: 1px; background-color: rgb(255, 255, 255, 0.3); }
.footer .mid .left-cont .contact-box .code-list .code-wid .img img { width: 99px; }
.footer .mid .left-cont .contact-box .code-list .code-wid .code-txt { padding-left: 23px; }
.footer .mid .left-cont .more-box-b .more-box { padding-left: 10px; }
.footer .mid .left-cont .more-box-b .more-box .more-box-word { margin-right: 20px; }
.footer .mid .right-cont { width: 57.73%; }
.footer .mid .right-cont .text { margin-bottom: 33px; line-height: 2.2em; }
.footer .mid .right-cont .list {
 --lp: 3px; margin-top: -8px; }
.footer .mid .right-cont .list .list-li { padding: 3px;margin-right: 8%; }
.footer .friends-link { border-top: 1px solid rgb(255, 255, 255, 0.3); padding-top: 27px; padding-bottom: 18px; }
.footer .friends-link .f-title { margin-bottom: 6px; }
.footer .friends-link .f-title .tit { font-size: 16px; line-height: 1.4em; }
.footer .friends-link .f-title .tit.on { color: #ffffff; }
.footer .friends-link .f-title .tit + .tit { margin-left: 0.8em; }
.footer .friends-link .f-title .on { color: #ffffff; }
.footer .friends-link .links a { margin-right: 40px; }
.footer .bot { border-top: 1px solid rgb(255, 255, 255, 0.3); padding: 26px 0; }
.footer .bot .icp { display: flex; align-items: center; }
@media (max-width: 1300px) {
.footer .menus .menus-son + .menus-son { margin-left: 30px; }
.footer .mid .left-cont { width: 38%; }
.footer .friends-link .links a { margin-right: 30px; }
}
 @media (max-width: 992px) {
.footer .top { display: none; }
.footer .mid .left-cont .contact-box .code-list { display: none; }
.footer .mid .right-cont { display: none; }
.footer .friends-link { display: none; }
.footer .mid { display: block; }
.footer .mid .left-cont { width: 100%; text-align: center; }
.footer .mid .left-cont .more-box-b { display: inline-block; vertical-align: top; }
.footer .bot { display: block; text-align: center; }
.footer .bot .icp { display: block; }
}
@media (max-width: 640px) {
.footer .mid { padding-top: 7%; padding-bottom: 7%; }
.footer .mid .tit-box { margin-bottom: 5%; padding-bottom: 0%; }
.footer .mid .left-cont .contact-box .address { margin-top: 5%; margin-bottom: 6%; }
.footer .bot { padding: 4% 0; }
}
@media (max-width: 480px) {
.footer { font-size: 13px; }
}
.get-quote-block {
 --c: #4c4f55;
 --maxw: max(150vw, 150vh); position: fixed; z-index: -1; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; overflow: hidden; pointer-events: none; background-color: transparent; color: var(--c); }
.get-quote-block.show { z-index: 999; opacity: 1; pointer-events: auto; }
.get-quote-block.show .cycle-bg { --maxwmini: calc(var(--maxw)*1);
}
.get-quote-block.show .get-quote-top, .get-quote-block.show .left-cont, .get-quote-block.show .right-cont { pointer-events: auto; transform: translate(0, 0); opacity: 1; transition: all 0.6s ease-in-out; }
.get-quote-block.show .get-quote-top { transition-delay: 0.2s; }
.get-quote-block.show .left-cont { transition-delay: 0.5s; }
.get-quote-block.show .right-cont { transition-delay: 0.7s; }
.get-quote-block .cycle-bg {
 --maxwmini: calc(var(--maxw)*0);
 margin-top: calc(var(--maxwmini)*-1);
 margin-right: calc(var(--maxwmini)*-1); position: absolute; right: 0; top: 0; border-radius: 50%; width: calc(var(--maxwmini)*2);
 height: calc(var(--maxwmini)*2);
background-color: #ffffff; pointer-events: none; transition: all 0.8s; }
.get-quote-block .get-quote-top, .get-quote-block .left-cont, .get-quote-block .right-cont { pointer-events: none; opacity: 0; }
.get-quote-block .get-quote-top { transform: translate(0, 40px); }
.get-quote-block .left-cont { transform: translate(100px, 0); }
.get-quote-block .right-cont { transform: translate(100px, 0); }
.get-quote-block .get-quote-top { position: absolute; z-index: 3; left: 0; top: 0; width: 100%; padding: 15px 30px; }
.get-quote-block .get-quote-top .logo img { display: block; }
.get-quote-block .get-quote-top .exit { --sw: 32px;
 --size: 55%;
 --fill: #222222;
}
.get-quote-block .get-quote-top .exit .self-svg { width: var(--sw); height: var(--sw); transition: all 0.3s; }
.get-quote-block .get-quote-top .exit:hover { --fill: var(--main-color);
}
.get-quote-block .flex-box { position: relative; z-index: 2; width: 100%; height: 100%; }
.get-quote-block .left-cont { width: 50%; height: 100%; }
.get-quote-block .left-cont img { height: 100%; }
.get-quote-block .right-cont { width: 60%; height: 100%; padding: 4% 0 50px; margin: 0 auto; }
.get-quote-block .form { height: 100%; padding: 0 10%; overflow-y: auto; }
.get-quote-block .mt-35 { margin-top: 35px; }
.get-quote-block .title { font-size: 36px; line-height: 1.4em; }
.get-quote-block .next-title { font-size: 24px; line-height: 1.4em; }
.get-quote-block .hr { margin: 35px 0; border: 0 none; border-bottom: 2px solid #f7f7f7; }
.get-quote-block .hr.hr1 { margin-bottom: 0; }
.get-quote-block .hr.hr2 { margin: 25px 0; }
.get-quote-block .lw-w-5 { width: 47%; }
.get-quote-block .input-li {
 --ih: 26px;
 --pad: 10px; padding-top: 30px; line-height: var(--ih); cursor: pointer; }
.get-quote-block .input-li .input-title { margin-top: 0; position: absolute; left: 0px; top: var(--pad); font-size: 16px; font-weight: 700; color: #c0c0c0; transition: all 0.4s; }
.get-quote-block .input-li .input-box { position: relative; border-bottom: 1px solid #c0c0c0; }
.get-quote-block .input-li .input-box .input { display: block; width: 100%; padding: var(--pad) 0; font-size: 16px; line-height: var(--ih); color: #4c4f55; }
.get-quote-block .input-li .input-box .input.hasVal + .input-title, .get-quote-block .input-li .input-box .input:focus + .input-title { margin-top: -20px; font-size: 12px; }
.get-quote-block .input-li .input-box.code-box { position: relative; padding-right: 120px; }
.get-quote-block .input-li .input-box.code-box .code { position: absolute; top: calc(var(--pad)*0.2);
right: 0; height: calc(var(--ih) + var(--pad)*0.6);
}
.get-quote-block .text-checkbox { position: relative; cursor: pointer; }
.get-quote-block .text-checkbox .text-checkbox-val { position: absolute; opacity: 0; left: 0; top: 0; }
.get-quote-block .text-checkbox .text-checkbox-val:checked + .text-checkbox-text { color: var(--c); }
.get-quote-block .text-checkbox .text-checkbox-text:hover { color: var(--ce); }
.get-quote-block .server-type-box { margin-top: 10px; font-size: 18px; line-height: 1.4em; font-weight: 700; color: #b6b6b6; }
.get-quote-block .server-type-box .server-type-li { position: relative; padding: 7px 0; }
.get-quote-block .server-type-box .point { padding: 0px 8px; }
.get-quote-block .radio-list .next-title { margin-right: 15px; }
.get-quote-block .radio-list .radio-box-self {
 --sw: 18px; line-height: 22px; }
.get-quote-block .radio-list .radio-box-self + .radio-box-self { margin-left: 15px; }
.get-quote-block .radio-list .radio-box-self .radio-text { padding-left: 5px; }
.get-quote-block .radio-list .radio-box-self .radio-point::after { --asw: 100%;
 --lp: 0;
}
.get-quote-block .submit-box { margin-top: 40px; }
.get-quote-block .submit-box .submit { width: 100%; background-color: #d8dbe2; cursor: pointer; font-size: 18px; font-weight: 700; line-height: 60px; transition: all 0.8s; }
.get-quote-block .submit-box .submit:hover { background: var(--main-color); color: #ffffff; }
@media (max-width: 1600px) {
.get-quote-block .title { font-size: 32px; }
.get-quote-block .next-title { font-size: 22px; }
.get-quote-block .hr { margin: 30px 0; }
.get-quote-block .hr.hr2 { margin: 20px 0; }
}
@media (max-width: 1230px) {
.get-quote-block .get-quote-top { padding: 15px 20px; }
.get-quote-block .left-cont { width: 30%; }
.get-quote-block .right-cont { width: 70%;/* padding: 80px 0 50px; */ }
.get-quote-block .mt-35 { margin-top: 25px; }
.get-quote-block .title { font-size: 28px; }
.get-quote-block .next-title { font-size: 20px; }
.get-quote-block .hr { margin: 25px 0; }
.get-quote-block .hr.hr1 { margin-bottom: 0; }
.get-quote-block .hr.hr2 { margin: 18px 0; }
.get-quote-block .input-li {
 --ih: 26px;
 --pad: 10px; padding-top: 20px; }
.get-quote-block .input-li .input-title { font-size: 14px; }
.get-quote-block .input-li .input-box .input { font-size: 14px; }
.get-quote-block .server-type-box { font-size: 16px; }
.get-quote-block .server-type-box .server-type-li { padding: 4px 0; }
.get-quote-block .server-type-box .point { padding: 0px 6px; }
.get-quote-block .radio-list .next-title { margin-right: 10px; }
.get-quote-block .radio-list .radio-box-self { --sw: 16px;
}
.get-quote-block .radio-list .radio-box-self + .radio-box-self { margin-left: 12px; }
.get-quote-block .submit-box { margin-top: 30px; }
.get-quote-block .submit-box .submit { font-size: 16px; line-height: 50px; }
}
@media (max-width: 900px) {
.get-quote-block .left-cont { width: 0; }
.get-quote-block .right-cont { width: 100%; }
.get-quote-block .get-quote-top .logo { opacity: 0; filter: Alpha(opacity=0); }
.get-quote-block .form { padding: 0 3%; }
}
/*第一屏大图*/
.wrap3 { max-width: 1760px; width: 93%; margin: 0 auto; }
.o_big_con { overflow: hidden; position: relative; }
.o_big_con .o_big { overflow: hidden; background-repeat: no-repeat; background-position: 70% center; background-size: cover; position: relative; width: 100%;/*-webkit-animation:scaleAnim 5s ease forwards; animation: scaleAnim 5s ease forwards;*/ padding-top: 36.126%; }
.o_big_con .cons { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.o_big_con .cons .website_h3 { display: flex; align-items: center; position: absolute; bottom: 0; width: 35.4%; height: 100%; /*background:url(../images/website2/website1_bg1.png) center center no-repeat;*/ background-size: cover; color: #fff; }
.o_big_con .cons .website_h3.wid2 { width: 60%; }
.o_big_con .cons .website_h3.wid2 .boxs { width: 100%; max-width: 90%; }
.o_big_con .cons .website_h3 .boxs { width: 90%; max-width: 520px; margin: 0; }
.o_big_con .cons .website_h3 .h3 { line-height: 60px; overflow: hidden; font-weight: bold; margin-top: 15.7%; }
.o_big_con .cons .website_h3 .p { overflow: hidden; margin-top: 3.27%; line-height: 30px; }
.o_big_con .cons .website_pos { bottom: 21px; position: absolute; line-height: 30px; color: rgba(255,255,255,0.6); font-size: 14px; }
.o_big_con .cons .website_pos a { color: rgba(255,255,255,0.6); }
.o_big_con .cons .website_pos a:hover { color: #fff; }
.o_big_con .cons .website_pos img { height: 14px; margin-right: 6px; margin-bottom: 3px; }
.f288 { font-size: 288px; }
.f240 { font-size: 240px; }
.f100 { font-size: 100px; }
.f52 { font-size: 52px; }
.f48 { font-size: 48px; }
.f32 { font-size: 32px; }
.f28 { font-size: 28px; }
.f24 { font-size: 24px; }
.f20 { font-size: 20px; }
.f18 { font-size: 18px; }
@media screen and (max-width: 1800px) {
/* .wrap3{ max-width:1500px;} */
.wrap3 { max-width: 1600px; }
}
@media screen and (max-width: 1700px) {
/* .wrap3{ max-width:1400px;} */
.wrap3 { max-width: 1500px; }
}
@media (max-width: 1660px) {
/* .wrap3{ max-width:1300px;} */
.wrap3 { max-width: 1440px; }
.f288 { font-size: 272px; }
.f240 { font-size: 226px; }
.f100 { font-size: 94px; }
.f52 { font-size: 49px; }
.f48 { font-size: 45px; }
.f32 { font-size: 30px; }
.f28 { font-size: 26px; }
.f24 { font-size: 23px; }
.f20 { font-size: 19px; }
.f18 { font-size: 17px; }
/*第一屏大图*/
.o_big_con .cons .website_h3 .h3 { line-height: 56px; margin-top: 14%; }
.o_big_con .cons .website_h3 .p { margin-top: 3%; }
}
@media (max-width: 1550px) {
/* .wrap3{ max-width:82%;} */
.wrap3 { max-width: 1360px; }
.f288 { font-size: 254px; }
.f240 { font-size: 211px; }
.f100 { font-size: 88px; }
.f52 { font-size: 46px; }
.f48 { font-size: 42px; }
.f32 { font-size: 28px; }
.f28 { font-size: 25px; }
.f24 { font-size: 21px; }
.f20 { font-size: 18px; }
.f18 { font-size: 16px; }
/*第一屏大图*/
.o_big_con .cons .website_h3 .h3 { line-height: 50px; margin-top: 12%; }
.o_big_con .cons .website_h3 .p { margin-top: 2%; }
}
@media (max-width: 1400px) {
.wrap3 { max-width: 94%; }
.f288 { font-size: 229px; }
.f240 { font-size: 191px; }
.f100 { font-size: 80px; }
.f52 { font-size: 41px; }
.f48 { font-size: 38px; }
.f32 { font-size: 25px; }
.f28 { font-size: 22px; }
.f24 { font-size: 19px; }
.f20 { font-size: 16px; }
.f18 { font-size: 14px; }
/*第一屏大图*/
.o_big_con .cons .website_h3 .h3 { line-height: 46px; margin-top: 10%; }
.o_big_con .cons .website_h3 .p { line-height: 26px; }
}
@media (max-width: 1200px) {
.f288 { font-size: 200px; }
.f240 { font-size: 160px; }
.f100 { font-size: 74px; }
.f52 { font-size: 38px; }
.f48 { font-size: 36px; }
.o_big_con .o_big { min-height: 350px; }
.o_big_con .cons .website_h3 { width: 100%; }
/*第一屏大图*/
.o_big_con .cons .website_pos label { display: none; }
}
@media (max-width: 960px) {
.f52 { font-size: 33px; }
.f48 { font-size: 31px; }
.f32 { font-size: 22px; }
.f28 { font-size: 19px; }
.f24 { font-size: 17px; }
}
@media (max-width: 640px) {
.f288 { font-size: 160px; }
.f240 { font-size: 130px; }
.f100 { font-size: 64px; }
.f52 { font-size: 30px; }
.f48 { font-size: 29px; }
.f32 { font-size: 20px; }
.f28 { font-size: 17px; }
.f24 { font-size: 16px; }
.f20 { font-size: 15px; }
.f18 { font-size: 13px; }
}
 @media (max-width: 480px) {
.f288 { font-size: 130px; }
.f240 { font-size: 110px; }
.f100 { font-size: 52px; }
.f52 { font-size: 26px; }
.f48 { font-size: 23px; }
.f32 { font-size: 19px; }
.f28 { font-size: 16px; }
.f24 { font-size: 15px; }
.f20 { font-size: 14px; }
.f18 { font-size: 12px; }
}
 @-webkit-keyframes open-in { 0% {
 -webkit-transform: scaleX(0);
 transform: scaleX(0);
 -webkit-transform-origin: 0 0;
 transform-origin: 0 0;
}
 100% {
 -webkit-transform: scaleX(1);
 transform: scaleX(1);
 -webkit-transform-origin: 0 0;
 transform-origin: 0 0;
}
}
 @keyframes open-in { 0% {
 -webkit-transform: scaleX(0);
 transform: scaleX(0);
 -webkit-transform-origin: 0 0;
 transform-origin: 0 0;
}
 100% {
 -webkit-transform: scaleX(1);
 transform: scaleX(1);
 -webkit-transform-origin: 0 0;
 transform-origin: 0 0;
}
}
 @-webkit-keyframes open-out-1 { 0% {
 -webkit-transform: scaleX(1) translateX(0);
 transform: scaleX(1) translateX(0);
 -webkit-transform-origin: 100% 0;
 transform-origin: 100% 0;
}
 35% {
 -webkit-transform: scaleX(0.9) translateX(-5px);
 transform: scaleX(0.9) translateX(-5px);
 -webkit-transform-origin: 100% 0;
 transform-origin: 100% 0;
}
 100% {
 -webkit-transform: scaleX(0) translateX(5px);
 transform: scaleX(0) translateX(5px);
 -webkit-transform-origin: 100% 0;
 transform-origin: 100% 0;
}
}
 @keyframes open-out-1 { 0% {
 -webkit-transform: scaleX(1) translateX(0);
 transform: scaleX(1) translateX(0);
 -webkit-transform-origin: 100% 0;
 transform-origin: 100% 0;
}
 35% {
 -webkit-transform: scaleX(0.9) translateX(-5px);
 transform: scaleX(0.9) translateX(-5px);
 -webkit-transform-origin: 100% 0;
 transform-origin: 100% 0;
}
 100% {
 -webkit-transform: scaleX(0) translateX(5px);
 transform: scaleX(0) translateX(5px);
 -webkit-transform-origin: 100% 0;
 transform-origin: 100% 0;
}
}
 @-webkit-keyframes open-out-2 { 0% {
 -webkit-transform: scaleX(1) translateX(0);
 transform: scaleX(1) translateX(0);
 -webkit-transform-origin: 0 0;
 transform-origin: 0 0;
}
 35% {
 -webkit-transform: scaleX(0.9) translateX(5px);
 transform: scaleX(0.9) translateX(5px);
 -webkit-transform-origin: 0 0;
 transform-origin: 0 0;
}
 100% {
 -webkit-transform: scaleX(0) translateX(-5px);
 transform: scaleX(0) translateX(-5px);
 -webkit-transform-origin: 0 0;
 transform-origin: 0 0;
}
}
 @keyframes open-out-2 { 0% {
 -webkit-transform: scaleX(1) translateX(0);
 transform: scaleX(1) translateX(0);
 -webkit-transform-origin: 0 0;
 transform-origin: 0 0;
}
 35% {
 -webkit-transform: scaleX(0.9) translateX(5px);
 transform: scaleX(0.9) translateX(5px);
 -webkit-transform-origin: 0 0;
 transform-origin: 0 0;
}
 100% {
 -webkit-transform: scaleX(0) translateX(-5px);
 transform: scaleX(0) translateX(-5px);
 -webkit-transform-origin: 0 0;
 transform-origin: 0 0;
}
}
 @-webkit-keyframes close-in-1 { 0% {
 -webkit-transform: scaleY(0) translateY(-10px);
 transform: scaleY(0) translateY(-10px);
 -webkit-transform-origin: 0 0;
 transform-origin: 0 0;
}
 100% {
 -webkit-transform: scaleY(1) translateY(0);
 transform: scaleY(1) translateY(0);
 -webkit-transform-origin: 0 0;
 transform-origin: 0 0;
}
}
 @keyframes close-in-1 { 0% {
 -webkit-transform: scaleY(0) translateY(-10px);
 transform: scaleY(0) translateY(-10px);
 -webkit-transform-origin: 0 0;
 transform-origin: 0 0;
}
 100% {
 -webkit-transform: scaleY(1) translateY(0);
 transform: scaleY(1) translateY(0);
 -webkit-transform-origin: 0 0;
 transform-origin: 0 0;
}
}
 @-webkit-keyframes close-in-2 { 0% {
 -webkit-transform: scaleX(0) translateX(-10px);
 transform: scaleX(0) translateX(-10px);
 -webkit-transform-origin: 0 0;
 transform-origin: 0 0;
}
 100% {
 -webkit-transform: scaleX(1) translateX(0);
 transform: scaleX(1) translateX(0);
 -webkit-transform-origin: 0 0;
 transform-origin: 0 0;
}
}
 @keyframes close-in-2 { 0% {
 -webkit-transform: scaleX(0) translateX(-10px);
 transform: scaleX(0) translateX(-10px);
 -webkit-transform-origin: 0 0;
 transform-origin: 0 0;
}
 100% {
 -webkit-transform: scaleX(1) translateX(0);
 transform: scaleX(1) translateX(0);
 -webkit-transform-origin: 0 0;
 transform-origin: 0 0;
}
}
 @-webkit-keyframes close-out-1 { 0% {
 -webkit-transform: scaleY(1) translateY(0);
 transform: scaleY(1) translateY(0);
 -webkit-transform-origin: 100% 100%;
 transform-origin: 100% 100%;
}
 100% {
 -webkit-transform: scaleY(0) translateY(10px);
 transform: scaleY(0) translateY(10px);
 -webkit-transform-origin: 100% 100%;
 transform-origin: 100% 100%;
}
}
 @keyframes close-out-1 { 0% {
 -webkit-transform: scaleY(1) translateY(0);
 transform: scaleY(1) translateY(0);
 -webkit-transform-origin: 100% 100%;
 transform-origin: 100% 100%;
}
 100% {
 -webkit-transform: scaleY(0) translateY(10px);
 transform: scaleY(0) translateY(10px);
 -webkit-transform-origin: 100% 100%;
 transform-origin: 100% 100%;
}
}
 @-webkit-keyframes close-out-2 { 0% {
 -webkit-transform: scaleX(1) translateX(0);
 transform: scaleX(1) translateX(0);
 -webkit-transform-origin: 100% 100%;
 transform-origin: 100% 100%;
}
 100% {
 -webkit-transform: scaleX(0) translateX(10px);
 transform: scaleX(0) translateX(10px);
 -webkit-transform-origin: 100% 100%;
 transform-origin: 100% 100%;
}
}
 @keyframes close-out-2 { 0% {
 -webkit-transform: scaleX(1) translateX(0);
 transform: scaleX(1) translateX(0);
 -webkit-transform-origin: 100% 100%;
 transform-origin: 100% 100%;
}
 100% {
 -webkit-transform: scaleX(0) translateX(10px);
 transform: scaleX(0) translateX(10px);
 -webkit-transform-origin: 100% 100%;
 transform-origin: 100% 100%;
}
}
/* 侧边栏mark样式 */
.xxymark { position: relative; }
.xxymark:after { content: " "; display: block; width: 16px; height: 16px; border-radius: 50%; background-color: #; color: #fff;/*font-style: italic;*/ font-size: 12px; text-align: center; line-height: 16px; position: absolute; top: 6px; right: 8px;/*animation: xxymark 2s ease-in-out infinite;*/ }
@keyframes xxymark { 60% {
top: 12px;
}
 80% {
top: 4px;
}
 100% {
top: 12px;
}
}
/* 首页样式移入*/
.nodata { clear: both; max-width: 1200px; margin: 0 auto; overflow: hidden; text-align: center; margin-top: 13%; margin-bottom: 2%; background: url(../image/nodata.png) center top no-repeat; background-size: auto 169px; padding-top: 180px; }
.nodata .title { color: #555555; font-size: 18px; overflow: hidden; margin-top: 2%; line-height: 26px; }
.nodata .desc { color: #999999; font-size: 14px; overflow: hidden; line-height: 24px; margin-top: 5px; }
/* 右上电话图标 */
#xxysvg { width: 60%; }
#xxysvg path { fill: #fff; }
#xxysvg path:nth-child(1) { transform-Origin: 50% 50%; animation: xxysvg1 1.5s linear infinite; }
#xxysvg path:nth-child(2) { animation: xxysvg2 5s 0.5s linear infinite; }
#xxysvg path:nth-child(3) { animation: xxysvg2 5s 0.25s linear infinite; }
#xxysvg path:nth-child(4) { animation: xxysvg2 5s linear infinite; }
@keyframes xxysvg1 { 0% {
transform: rotateZ(0deg);
}
 11% {
transform: rotateZ(-5deg);
}
 33% {
transform: rotateZ(5deg);
}
 55% {
transform: rotateZ(-5deg);
}
 66% {
transform: rotateZ(0deg);
}
 100% {
transform: rotateZ(0deg);
}
}
@keyframes xxysvg2 { 0% {
opacity: 0;
}
 10% {
opacity: 1;
}
 20% {
opacity: 0;
}
 30% {
opacity: 1;
}
 40% {
opacity: 0;
}
 50% {
opacity: 1;
}
 100% {
opacity: 1;
}
}
/* slick.css 样式移入 Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, /*.slick-dots li button:focus:before
{
    opacity: 1;
}*/ .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; /*   opacity: .25;*/ color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }