@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;}
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; background: none; border: 0;}
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: middle;}
.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;}
.flexlign {display: flex; align-items: center;}
.flexcen {display: flex; align-items: center; justify-content: center;}
.flexsb {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.flexsa {display: flex; align-items: center; justify-content: space-around;}
/* 多行省略 */
.line1 {display: -webkit-box;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical; }
.line2 {display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.line3 {display: -webkit-box;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical; }
/* 绝对定位居中 */
.jddwjz { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
/* 滚动条样式 */
.slideScroll {scrollbar-width:thin;scrollbar-color:#ccc #eee; overflow-y: auto;}
.slideScroll::-webkit-scrollbar {/*滚动条整体*/width: 4px;}
.slideScroll::-webkit-scrollbar-thumb {/*控制滑块*/ border-radius: 5px;background: rgba(0, 0, 0, 0.2);}
.slideScroll::-webkit-scrollbar-track {/*控制轨道*/border-radius: 5px; border-radius: 0; background: rgba(0,0,0,0.2);}
/* Firefox 浏览器
scrollbar-width
scrollbar-color */

/* 去除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:1500px; 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%;}
.container17{width:1700px; margin:0 auto;max-width: 92%;}
.container18{width:1800px; margin:0 auto;max-width: 94%;}
.containers{width:96%; margin:0 auto;}

/*字体引入*/
/*字体引入*/
/* @font-face {
  font-family: "Noto Sans SC";
}
@font-face {
  font-family: "LexMedium";
  src: url("../font/LexendDeca-Medium.ttf");
}
@font-face {
  font-family: "LexRegular";
  src: url("../font/LexendDeca-Regular.ttf");
}
@font-face {
  font-family: "DINBold";
  src: url("../font/DIN\ Bold.otf");
} 
@font-face {
   font-family: "DINRegular";
   src: url("../font/DIN\ Regular.ttf");
 }  */
 @font-face {
   font-family: "PFRegular";
   src: url("../font/PingFangRegular.woff") format("woff");
 }
 @font-face {
   font-family: "PFMedium";
   src: url("../font/PingFangMedium.woff") format("woff");
 }
 @font-face {
   font-family: "PFBold";
   src: url("../font/PingFangBold.woff") format("woff");
 }
 @font-face {
   font-family: "PFLight";
   src: url("../font/PingFangLight.woff") format("woff");
 }
 @font-face {
   font-family: "PFHeavy";
   src: url("../font/PingFangHeavy.woff") format("woff");
 }



/* 字体预定义大小 */
.font14 {font-size: 14px; }
.font16 {font-size: 16px;}
.font18 { font-size: 18px;}
.font20 {font-size: 20px;}
.font21 {font-size: 21px;}
.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;
  --font17:17px;
  --font18:18px;
  --font19:19px;
  --font20:20px;
  --font21:21px;
  --font22:22px;
  --font23:23px;
  --font24:24px;
  --font25:25px;
  --font26:26px;
  --font28:28px;
  --font29:29px;
  --font30:30px;
  --font32:0.32rem;
  --font33:0.33rem;
  --font34:0.34rem;
  --font36:0.36rem;
  --font38:0.38rem;
  --font40:0.40rem;
  --font42:0.42rem;
  --font48:0.48rem;
  --font60:0.6rem;
  --font80:0.8rem;
}
/* CSS Document end！！！*/


/* 响应式 */
html {font-size: calc(100vw/19.2);  -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
body {FONT: 16px/1.5 "PingFang SC", "Microsoft YaHei" , 'SimSun', 'SimHei',Arial, Helvetica, sans-serif;  min-height: 100%;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/12);}}
@media (max-width: 640px) {html {font-size: calc(100vw/9);}}
@media (max-width: 500px) {html {font-size: calc(100vw/7.5);}}
@media (max-width: 1580px) {
   .container{max-width: 85%;}
   .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;
      --font17:15px;
      --font18:16px;
      --font19:17px;
      --font20:18px;
      --font21:19px;
      --font22:20px;
      --font23:21px;
      --font24:22px;
      --font25:23px;
      --font26:24px;
      --font28:25px;
      --font29:24px;
      --font30:26px;
      --font33:0.38rem;
      --font40:0.42rem;
   }
}

@media (max-width: 767px) {
   .container{max-width: 90%;}
   .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;
      --font17:0.28rem;
      --font18:0.29rem;
      --font19:0.3rem;
      --font20:0.3rem;
      --font22:0.31rem;
      --font21:0.31rem;
      --font23:0.31rem;
      --font24:0.32rem;
      --font25:0.33rem;
      --font26:0.34rem;
      --font27:0.35rem;
      --font28:0.36rem;
      --font29:0.36rem;
      --font30:0.4rem;
      --font32:0.4rem;
      --font33:0.4rem;
      --font34:0.4rem;
      --font36:0.46rem;
      --font38:0.46rem;
      --font40:0.46rem;
      --font46:0.46rem;
      --font48:0.58rem;
      --font80:0.58rem;
   }
}

/*
插件：视频弹窗
版本：
官网：
*/
/* 视频弹窗 */
.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: #0557FA;}
#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;width: 11rem; height: 8rem; max-width: 90%; max-height: 60%; 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%; height: 5rem; max-height: initial;}}

/* 二维码弹窗 */
#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:hover {background-color: #0B70B8;}
#c-code-pop .c-img-box .c-close:hover 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;}
 
/*
插件：视频全屏
版本：
官网：
*/
#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(../images/hi-llq-1.jpg) no-repeat center / 100%;}
#hi-upgrade .hi-wrap .hi-list li .hi-ico2 {background: url(../images/hi-llq-2.jpg) no-repeat center / 100%;}
#hi-upgrade .hi-wrap .hi-list li .hi-ico3 { background: url(../images/hi-llq-3.jpg) no-repeat center / 100%;}
#hi-upgrade .hi-wrap .hi-list li .hi-ico4 { background: url(../images/hi-llq-4.jpg) no-repeat center / 100%;}
#hi-upgrade .hi-wrap .hi-list li .hi-ico5 { background: url(../images/hi-llq-5.jpg) no-repeat center / 100%;}
#hi-upgrade .hi-wrap .hi-list li .hi-ico6 {background: url(../images/hi-llq-6.jpg) no-repeat center / 100%;}