@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 ,body { -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 { 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; }
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;vertical-align: bottom;}
.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; -webkit-tap-highlight-color: transparent;}
/* 内容区域宽度 */
.container{width:1620px; 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%;}
.container18{width:1800px; margin:0 auto;max-width: 92%;}
.containers{width:96%; margin:0 auto;}

/*字体引入*/
/* @font-face {
  font-family: "PFRegular";
  src: url("/html/class/template/font/PingFang/ Regular.ttf");
}
@font-face {
  font-family: "PFMedium";
  src: url("/html/class/template/font/PingFang/ Medium.ttf");
}
@font-face {
  font-family: "PFBold";
  src: url("/html/class/template/font/PingFang/ Bold.ttf");
}
@font-face {
  font-family: "PFLight";
  src: url("/html/class/template/font/PingFang/ Light.ttf");
}
@font-face {
  font-family: "PFHeavy";
  src: url("/html/class/template/font/PingFang/ Heavy.ttf");
}
@font-face {
  font-family: "DINBold";
  src: url("/html/class/template/font/DIN/ Bold.otf");
} */

@font-face {
  font-family: "PFRegular";
  src: url("/html/class/template/font/PingFang/ Regular.woff2") format("woff2");
}
@font-face {
  font-family: "PFMedium";
  src: url("/html/class/template/font/PingFang/ Medium.woff2") format("woff2");
}
@font-face {
  font-family: "PFBold";
  src: url("/html/class/template/font/PingFang/ Bold.woff2") format("woff2");
}
@font-face {
  font-family: "PFLight";
  src: url("/html/class/template/font/PingFang/ Light.woff2") format("woff2");
}
@font-face {
  font-family: "PFHeavy";
  src: url("/html/class/template/font/PingFang/ Heavy.woff2") format("woff2");
}
@font-face {
  font-family: "DINBold";
  src: url("/html/class/template/font/DIN/ Bold.woff2") format("woff2");
}


@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 {FONT: 14px/1.4 "PFMedium" , "Microsoft YaHei", Arial, Helvetica , sans-serif; min-height: 100%;font-size: 16px;line-height: 1.5;color: #333;}
@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;}
   .font22 {font-size: 0.34rem;}
   .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;
   }
}

/*
插件：视频弹窗
版本：
官网：
*/
/* 视频弹窗 */
.video-js {width: 100%;height: 100%;}
.video-js .vjs-tech { position: relative;}
.vjs-control-bar { opacity: 0;}
.video-js .vjs-control-bar { position: relative;background-color: rgba(43, 51, 63, 0.2);}
#hi-video-pop {display: none;position: fixed;top: 0;left: 0; z-index: 99999; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); text-align: center; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
#hi-video-pop * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#hi-video-pop .hi-close {position: absolute;top: 100%; left: 50%; z-index: 5;margin: 20px 0 0 -20px;width: 40px;height: 40px;color: #fff; background: #fff; border-radius: 50%;transition: 0.3s;cursor: pointer;}
#hi-video-pop .hi-close:after,
#hi-video-pop .hi-close:before {content: "";position: absolute; top: 50%; left: 50%; z-index: 5; width: 20px; height: 2px; margin: -1px 0 0 -10px; background: #333; transition: 0.3s;}
#hi-video-pop .hi-close:hover { background: #0072a4;}
#hi-video-pop .hi-close:hover:after,
#hi-video-pop .hi-close:hover:before {background: #fff;}
#hi-video-pop .hi-close:after {-webkit-transform: rotate(45deg);transform: rotate(45deg);}
#hi-video-pop .hi-close:before {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
#hi-video-pop .hi-video-box {position: fixed; left: 0;top: 0; z-index: 1; width: 100%;height: 100%;display: flex;align-items: center; justify-content: center;}
#hi-video-pop .hi-video-box .hi-video-wrap {position: relative;max-width: 100vh;border: 2px solid #fff;}
#hi-video-pop .hi-video-box .hi-video-wrap video { width: 100%;height: 100%; vertical-align: top;}
@media (max-width: 767px) { #hi-video-pop .hi-video-box .hi-video-wrap {max-width: 90%;}}
 
/*
插件：视频全屏
版本：
官网：
*/
#hi-video-pop2 { display: none;height: 0; width: 0;}

/* 不兼容IE浏览器提示 */
#hi-upgrade {position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background: #fff;font-size: 16px;line-height: 26px;  text-align: center;}
#hi-upgrade .hi-wrap { position: absolute; top: 50%; left: 50%;margin: -177px 0 0 -450px;width: 900px;}
#hi-upgrade .hi-wrap .hi-title {font-size: 30px;line-height: 40px;color: #333;}
#hi-upgrade .hi-wrap .hi-close { margin: 10px 0; display: inline-block; cursor: pointer; font-size: 18px;color: #f16777;}
#hi-upgrade .hi-wrap .hi-close:hover { text-decoration: underline;}
#hi-upgrade .hi-wrap .hi-text1 { color: #666;}
#hi-upgrade .hi-wrap .hi-text1 span { color: #f16777;}
#hi-upgrade .hi-wrap .hi-text2 { position: relative; margin: 60px 0; color: #333;}
#hi-upgrade .hi-wrap .hi-text2::before {content: "";position: absolute; top: 50%; left: 0; z-index: 1; width: 100%; border-top: 1px solid #ddd;}
#hi-upgrade .hi-wrap .hi-text2 span { position: relative; z-index: 5;padding: 0 30px; background: #fff;}
#hi-upgrade .hi-wrap .hi-list { overflow: hidden;}
#hi-upgrade .hi-wrap .hi-list li {display: inline-block; width: 16%;}
#hi-upgrade .hi-wrap .hi-list li div {margin: 0 auto 5px;width: 50px; height: 50px;}
#hi-upgrade .hi-wrap .hi-list li a { color: #666;}
#hi-upgrade .hi-wrap .hi-list li a:hover {color: #f16777;}
#hi-upgrade .hi-wrap .hi-list li .hi-ico1 { background: url(/html/class/template/images/hi-llq-1.jpg) no-repeat center / 100%;}
#hi-upgrade .hi-wrap .hi-list li .hi-ico2 {background: url(/html/class/template/images/hi-llq-2.jpg) no-repeat center / 100%;}
#hi-upgrade .hi-wrap .hi-list li .hi-ico3 { background: url(/html/class/template/images/hi-llq-3.jpg) no-repeat center / 100%;}
#hi-upgrade .hi-wrap .hi-list li .hi-ico4 { background: url(/html/class/template/images/hi-llq-4.jpg) no-repeat center / 100%;}
#hi-upgrade .hi-wrap .hi-list li .hi-ico5 {background: url(/html/class/template/images/hi-llq-5.jpg) no-repeat center / 100%;}
#hi-upgrade .hi-wrap .hi-list li .hi-ico6 { background: url(/html/class/template/images/hi-llq-6.jpg) no-repeat center / 100%;}

/* load */
.home-load { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 199; background: #101010; display: none;}
.home-load .load-bg { width: 0; height: 100%; background: #1b1b1b;position: absolute;top: 0;}
.home-load .load-left { left: 0;}
.home-load .load-right { right: 0;}
.load-lines {width: 1px; height: 100%; position: absolute; left: 50%; top: 0; background: #101010; z-index: 5; pointer-events: none;}
.load-texts {width: 480px; position: absolute; left: 50%; margin-left: -240px; top: 50%; margin-top: -111px; text-align: center;}
.load-logo {display: inline-block; position: relative; margin: auto; width: 1  66px; transform: translateX(8px);}
.load-logo img { display: block;width: 100%;height: auto;opacity: 1;}
.load-line {width: 100%;height: 2px;position: relative; margin-top: 30px;}
.load-line b { display: block; width: 100%; height: 2px; position: absolute; left: 0; top: 0; background: #282828; transform: scale(1);}
.load-line i { display: block; width: 100%; height: 2px; background: #fff;position: absolute; left: 0; top: 0; transform: scale(1);}
.load-fonts {margin-top: 50px; text-align: center; color: #ffffff; font-size: 20px; line-height: 1;opacity: 1;position: relative;top: -30px;}