@charset "utf-8";
/* CSS Document */
* {padding: 0;margin: 0;outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT: 14px/1.4 "Microsoft YaHei", Arial, Helvetica , sans-serif; background: #fff; overflow-x: hidden; 一webkit一overflow一scrolling: touch; overflow一scrolling: touch;}
A {COLOR: #666; TEXT-DECORATION: none}
P{COLOR: #333;}
A:active,A:hover {TEXT-DECORATION: none;outline: 0;}
A:focus {outline:none; /* 处理“outline”在Chrome浏览器中和其它浏览器之间的不一致 */}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none;border: 0;}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px;}
/* 表单文本相关样式 */
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
button, input, select, textarea {font-family: inherit; /* 更改关联字体属性 */ font-size: 100%; /* 更改字体大小属性 */ margin: 0; /* 调整边距设置 */}
button, input {line-height: normal;  -webkit-appearance: none;border-radius: 0;line-height: normal;}
button, select {text-transform: none;/*** 调整“button”和“select”的“text-transform”继承不一致性的问题 *其他表单控件元素不继承“text-transform”属性*/}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.clear{clear: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
img { image-rendering: -webkit-optimize-contrast; border: 0;    display: block;}
.c {zoom: 1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
.col-white{color: #fff;}
.clearfix:after{ content:""; display:block; clear:both; height:0; visibility:hidden;}
.clearfix{ zoom:1;}
.displayFlex {display: flex; align-items: center; justify-content: center;}
/* 下滑头部 */
/* .navfixed {position: fixed; top: 0; width: 100%; z-index: 99999; transition: .5s;} */
/* 多行省略 */
.omit {display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
/* 绝对定位居中 */
.jddwjz { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)}
/* 滚动条样式 */
::-webkit-scrollbar {/*滚动条整体样式*/width: 4px;/*高宽分别对应横竖滚动条的尺寸*/ height: 4px;}
::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);background: rgba(0, 0, 0, 0.2);}
::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 0; background: rgba(0,0,0,0.2);}
/* 去除input自动填充背景色 */
input:-webkit-autofill { box-shadow:0 0 0 1000px none inset !important;}
input:-internal-autofill-previewed, input:-internal-autofill-selected {-webkit-text-fill-color: #333 !important; transition: background-color 5000s ease-in-out 0s !important;}
/* 图标变黑色 */
.icon-black {  filter: brightness(0); -webkit-filter:brightness(0);}
/* 图标变白色 */
.icon-white {filter: brightness(100); -webkit-filter:brightness(100);}
/* 图标变灰色色 */
.icon-gray {filter: grayscale(100%); -webkit-filter:grayscale(100%);}
/* 去掉sipwer按钮黑边框 */
.swiper-button-prev:focus ,.swiper-button-next:focus {outline: none; border: none;}
/* 内容区域宽度 */
.container{width:1700px; margin:0 auto;max-width: 92%;}
.container12{width:1200px; margin:0 auto;max-width: 92%;}
.container13{width:1300px; margin:0 auto;max-width: 92%;}
.container14{width:1400px; margin:0 auto;max-width: 92%;}
.container15{width:1500px; margin:0 auto;max-width: 92%;}
.container16{width:1600px; margin:0 auto;max-width: 92%;}
.containers{width:96%; margin:0 auto;}

.swiper-button-prev.swiper-button-disabled { cursor: not-allowed !important;  pointer-events: auto;}
.swiper-button-next.swiper-button-disabled { cursor: not-allowed !important; pointer-events: auto;}

/*字体引入*/
@font-face {
  font-family: "DINMEDIU";
  src: url("../font/DINCond-MediumAlternate.otf");
}
@font-face {
  font-family: "CENTURY";
  src: url("../font/centurygothic.ttf");
}
@font-face {
  font-family: "Frutiger";
  src: url("../font/Frutiger\ LT\ 45\ Light.ttf");
}

@font-face {
  font-family:"Noto Serif SC";
}
/* 字体预定义大小 */
.font14 {font-size: 14px;}
.font16 {font-size: 16px;}
.font18 { font-size: 18px;}
.font20 {font-size: 20px;}
.font24 {font-size: 24px;}
.font30 {font-size: 30px;}
.font34 {font-size: 0.34rem;}
.font36 {font-size: 0.36rem;}
.font42 {font-size: 0.42rem;}
.font48 {font-size: 0.48rem;}
.font60 {font-size: 0.6rem;}
.font80 {font-size: 0.8rem;}
:root {
  /* 字体大小 */
  --font14:14px;
  --font15:15px;
  --font16:16px;
  --font18:18px;
  --font20:20px;
  --font22:22px;
  --font24:24px;
  --font26:26px;
  --font30:30px;
  --font32:32px;
  --font34:0.34rem;
  --font36:0.36rem;
  --font38:0.38rem;
  --font42:0.42rem;
  --font48:0.48rem;
  --font60:0.6rem;
  --font80:0.8rem;
}
/* CSS Document end！！！*/


/* 响应式 */
html {font-size: calc(100vw/19.2);}
body {min-height: 100%;font-size: 16px;line-height: 1.5;color: #333;background: #fff;}
@media (min-width: 1901px) {html {font-size: 100px;}}
@media (max-width: 1580px) {html {font-size: 66px;}body {font-size: 14px;}}
@media (max-width: 767px) {body {font-size: 0.28rem;}html {font-size: calc(100vw/7.5);}}
@media (max-width: 1580px) {
   .font14 {font-size: 12px;}
   .font16 { font-size: 14px;}
   .font18 { font-size: 16px;}
   .font20 {font-size: 18px;}
   .font24 {font-size: 22px;}
   .font30 { font-size: 24px;}
   :root {
      --font14:12px;
      --font15:13px;
      --font16:14px;
      --font18:16px;
      --font20:18px;
      --font22:20px;
      --font24:22px;
      --font26:24px;
      --font30:26px;
      --font32:28px;
   }
}

@media (max-width: 767px) {
   .font14 {font-size: 0.26rem;}
   .font16 {font-size: 0.28rem;}
   .font18 {font-size: 0.3rem;}
   .font20 {font-size: 0.32rem;}
   .font24 {font-size: 0.36rem;}
   .font30 {font-size: 0.38rem;}
   .font36 {font-size: 0.42rem;}
   .font60 {font-size: 0.5rem;}
   :root {
      --font14:0.26rem;
      --font15:0.27rem;
      --font16:0.28rem;
      --font18:0.3rem;
      --font20:0.32rem;
      --font22:0.34rem;
      --font24:0.36rem;
      --font26:0.35rem;
      --font30:0.38rem;
      --font32:0.40rem;
      --font36:0.42rem;
      --font38:0.44rem;
      --font60:0.5rem;
      --font80:0.7rem;
   }
}


/* 二维码弹窗 */
#c-code-pop { display: none; position: fixed;top: 0;left: 0; z-index: 910; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4);}
#c-code-pop .c-img-box {position: absolute;top: 50%; left: 50%;padding: 20px; width: 200px; border-radius: 5px;background: #fff;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
#c-code-pop .c-img-box .c-close {position: absolute; display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;bottom: -60px;left: 50%;margin-left: -20px; cursor: pointer; background-color: #fff; border-radius: 50%; transition: all 0.5s;}
#c-code-pop .c-img-box .c-close img,
#c-code-pop .c-img-box .c-close svg {margin: 4px; width: 18px;height: 18px;}
#c-code-pop .c-img-box .c-close img path,
#c-code-pop .c-img-box .c-close svg path { fill: #333;transition: all 0.5s;}
#c-code-pop .c-img-box .c-close:active {background-color: #1a98cb;}
#c-code-pop .c-img-box .c-close:active svg path {fill: #fff;}
#c-code-pop .c-img-box > img {width: 100%;}
#c-code-pop .c-img-box .c-text { padding-top: 10px; line-height: 1;text-align: center; color: #333;}
 

@media (any-hover: hover) {
  #c-code-pop .c-img-box .c-close:hover {background-color: #1a98cb;}
  #c-code-pop .c-img-box .c-close:hover svg path {fill: #fff;}
  
  }