@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: "DINBold";
  src: url("../font/DIN\ Bold.otf");
} 
@font-face {
   font-family: "DINRegular";
   src: url("../font/DIN\ Regular.ttf");
} 
@font-face {
  font-family: "DINLight";
  src: url("../font/DIN\ Light.otf");
} 
@font-face {
  font-family: "AlimamaShuHeiTi";
  src: url("../font/AlimamaShuHeiTi.woff") format(woff);
} 
/* @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");
 }  */


/* 字体预定义大小 */
.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;
  --font46:0.46rem;
  --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%;}
   :root {
    --font14:12px;
    --font15:13px;
    --font16:14px;
    --font17:15px;
    --font18:16px;
    --font19:17px;
    --font20:18px;
    --font21:19px;
    --font22:20px;
    --font23:21px;
    --font24:20px;
    --font25:22px;
    --font26:22px;
    --font28:23px;
    --font29:23px;
    --font30:24px;
    --font33:0.38rem;
    --font40:0.42rem;
  }
}
@media (max-width: 1199px) {
  :root {
     --font30:.36rem;
     --font32:.36rem;
     --font34:.38rem;
     --font36:.4rem;
     --font46:.4rem;
     --font48:.4rem;
  }
}

@media (max-width: 991px) {
  :root {
     --font24:18px;
     --font25:19px;
     --font26:20px;
  }
}

@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.42rem;
    --font33:0.4rem;
    --font34:0.4rem;
    --font36:0.42rem;
    --font38:0.42rem;
    --font40:0.42rem;
    --font46:0.42rem;
    --font48:0.42rem;
    --font80:0.58rem;
  }
}

/* 搜索页面 */
.search-page .box {margin-top: 1rem;}
.search-page form {width: 75%;margin: auto; margin-bottom: 60px; border: 1px solid #333; border-radius: 50px; padding:5px 20px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; }
.search-page form .searchCon {padding: 5px 0; width: 90%; line-height: 35px; outline: none; border: none; box-sizing: border-box; font-size: 16px;}
.search-page form .sub {width: 25px;  height: 25px; display: flex; align-items: center; cursor: pointer;  outline: none; border: none; }
.search-page ul {width: 100%;}
.search-page li {width: 100%; padding: 30px; margin-top: 20px; box-sizing: border-box; background: #f5f5f5;}
.search-page li span {background: #C1030E; color: #fff; font-size: 12px; padding: 2px 5px; }
.search-page li h3 {font-size: var(--font18); margin: 10px 0; color: #000000; font-weight: 700;}
.search-page li p {font-size: var(--font16); color: #666; }
.search-page li .le {width: 95%;}
.search-page li a {display: flex; align-items: flex-end; justify-content: space-between;}
.search-page li img {transition: .5s; margin-right: 20px;}
.search-page li:hover img {transform: translateX(20px);}
@media screen and (min-width: 200px) and (max-width: 640px){
  .search-page form {width: 90%;margin-bottom: 40px;padding: 3px 20px;}
  .search-page form .searchCon {width: 80%;}
}

/* 分页 */
.fy {margin-top: .5rem; padding: 0.5rem 0; display: flex;justify-content: center;align-items: center; flex-wrap: wrap;}
.fy a { display: flex; align-items: center; border: 1px solid #D0D0D0; border-radius: .1rem; justify-content: center;  color: #999; }
.fy a {width: .45rem; height: .45rem; min-width: 35px; min-height: 35px; transition: .4s; margin:5px;}
.fy a:hover {color: #fff; background: #C1030E; border-color:#C1030E ;}
.fy .layui-laypage-curr {display: flex; align-items: center; justify-content: center;border-radius: .1rem; }
.fy .layui-laypage-curr {width: .45rem; height: .45rem; min-width: 35px; min-height: 35px; color: #fff; background: #C1030E; border-color:#C1030E ; margin: 0 5px;}
.fy a:first-child ,.fy a:last-child {width: auto; text-align: center;padding: 0 .3rem;}
.fy a:first-child:hover::before ,.fy a:last-child:hover::before {filter: brightness(100); -webkit-filter:brightness(100);}

/* 视频弹窗 */
.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: #c0040c;}
#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: 135vh;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%;}}

/* 二维码弹窗 */
#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: #c0040c;}
#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; margin-bottom: 20px;}
#hi-upgrade .hi-wrap .hi-close {margin: 10px 0;display: inline-block; cursor: pointer;font-size: 18px;color: #c0040c;}
#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: #c0040c;}
#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: #c0040c;}
#hi-upgrade .hi-wrap .hi-list li .hi-ico1 {background: url(../images/hi-llqImg/hi-llq-1.svg) no-repeat center / 100%;}
#hi-upgrade .hi-wrap .hi-list li .hi-ico2 {background: url(../images/hi-llqImg/hi-llq-2.svg) no-repeat center / 100%;}
#hi-upgrade .hi-wrap .hi-list li .hi-ico3 {background: url(../images/hi-llqImg/hi-llq-3.svg) no-repeat center / 100%;}
#hi-upgrade .hi-wrap .hi-list li .hi-ico4 {background: url(../images/hi-llqImg/hi-llq-4.svg) no-repeat center / 100%;}
#hi-upgrade .hi-wrap .hi-list li .hi-ico5 {background: url(../images/hi-llqImg/hi-llq-5.svg) no-repeat center / 100%;}
#hi-upgrade .hi-wrap .hi-list li .hi-ico6 {background: url(../images/hi-llqImg/hi-llq-6.svg) no-repeat center / 100%;}