/* public20231227 */
html{ -webkit-text-size-adjust:none;width: 100%;} 
body {width: 100%;font-family:"PingFang SC","Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;line-height:normal;}
table{border-collapse:collapse;border-spacing:0;}
*{margin:0; padding:0; border:0;box-sizing: border-box;background-position: center;background-size:cover;background-repeat: no-repeat;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
/* 清除表单相关默认样式 */
input,textarea,select,button{outline:none; resize:none; appearance:none;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;background-color: transparent;}
input:focus,textarea:focus,button,a,select{outline:none; appearance:none;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;}
/*去除input自动填充的黄色背景*/
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {box-shadow: 0 0 0px 1000px #060606 inset; -webkit-box-shadow: 0 0 0px #060606  inset;-webkit-text-fill-color: #00f76a;}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }
/*设置placeholder*/
/*WebKit browsers   */
input::-webkit-input-placeholder{color: #8A8A8A;}
/*Mozilla Firefox 4 to 18   */
input:-moz-placeholder{color: #8A8A8A;}
/*Mozilla Firefox 19+   */
input::-moz-placeholder{color: #8A8A8A;}
/*Internet Explorer 10+ */
input:-ms-input-placeholder{color: #8A8A8A;}
/*WebKit browsers   */
textarea::-webkit-input-placeholder {color: #8A8A8A;}
/*Mozilla Firefox 4 to 18   */
textarea:-moz-placeholder {color: #8A8A8A;}
/*Mozilla Firefox 19+   */
textarea::-moz-placeholder {color: #8A8A8A;}
/*Internet Explorer 10+ */
textarea:-ms-input-placeholder {color: #8A8A8A;}
/*解除最小字体限制*/
img{width: 100%;display: block;transition: all 0.25s ease-in;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;background-color: #ddd;}
em,th,i{font-style:normal;}
ol,ul,li{list-style:none;}
/*手机端页面去除a标签点击时的蓝色边框*/
a{text-decoration:none; color:inherit; transition:all 0.25s ease-in;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}
a:hover{ outline:none; text-decoration:none;}
a:focus{ outline:none;}
/* 可修复IE6中双倍边距bug */
.cb{clear:both;}
.or{overflow:hidden;}
.clearfix:after{content:'';display:block;height:0;visibility: hidden;clear:both;}
/* 限制内容文本行数 */
.ovline{text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}
.ovline2{display:-webkit-box;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-line-clamp:2;-moz-line-clamp:2;text-overflow:ellipsis;overflow: hidden;}
.ovline3{display:-webkit-box;-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-line-clamp:3;-moz-line-clamp:3;text-overflow:ellipsis;overflow: hidden;}
/* layer 弹出层 */
.layui-layer-hui{background-color: rgba(0,0,0,0.6) !important}
.layui-layer-hui .layui-layer-content{color: #fff !important;font-size: 14px !important;line-height: 22px !important;padding: 15px !important;}
/* 弹窗 */
.pop{position: fixed;top: 0;bottom: 0;left: 0;right: 0;margin: auto;z-index: 999;text-align: center;display: none;}
.pop .shadow{ background:rgba(0,0,0,0.5);position:absolute; top: 0;bottom: 0;left: 0;right: 0;margin: auto; z-index:1;}
.pop .wrap{z-index: 2;position: relative;}
/* 解决ios上下滚屏卡顿 */
.ios{-webkit-overflow-scrolling : touch;}
video{object-fit: cover;display: block;width: 100%;}
.swiper-wrapper{transition-timing-function:ease}
.swiper-scrollbar-drag{background-color: #34285a}
/* 修复 element-ui 移动端 双击才选中 */
.el-scrollbar > .el-scrollbar__bar {
  opacity: 1 !important;
}
/** nanoscroller.css **/
.nano {
position : relative;
width    : 100%;
height   : 100%;
overflow : hidden;
}
.nano > .nano-content {
position      : absolute;
overflow      : scroll;
overflow-x    : hidden;
top           : 0;
right         : 0;
bottom        : 0;
left          : 0;
}
.nano > .nano-content:focus {
outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
display: none;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
display: block;
}
.nano > .nano-pane {
background : rgba(0,0,0,0.1);
position   : absolute;
width      : 4px;
right      : 1px;
top        : 0;
bottom     : 0;
visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
opacity    : .01;
-webkit-transition    : .2s;
-moz-transition       : .2s;
-o-transition         : .2s;
transition            : .2s;
-moz-border-radius    : 5px;
-webkit-border-radius : 5px;
border-radius         : 5px;
}
.nano > .nano-pane > .nano-slider {
background: #A01606;
position              : relative;
border-radius         : 5px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
visibility : visible\9; /* Target only IE7 and IE8 with this hack */
opacity    : 0.99;
}
.indexpage{margin-top: 100px;}
/* 内宽 */
.mainbox{ margin:0 auto;font-style:normal;width: 1400px;position: relative;}
@media screen and (max-width:1596px){
	.mainbox{width: 80%;}
}
@media screen and (max-width:977px){
	.mainbox{width: 90%;}
	.indexpage{margin-top: 0}
}
@font-face{
	font-family: Lato;
	/* src: url('font/Lato-Regular.ttf') format("truetype"); */
	src: url('http://demoimg.niceued.com/djyvideo/Lato-Regular.ttf') format("truetype");
	font-weight: normal;
	font-display: swap;
}
@font-face{
	font-family: siyuanhei;
	/* src: url('font/sourceHanSansCN-Regular.otf') format("opentype"); */
	src: url('http://demoimg.niceued.com/djyvideo/sourceHanSansCN-Regular.otf') format("opentype");
	font-weight: normal;
	font-display: swap;
}
@font-face{
	font-family: siyuansong;
	/* src: url('font/SourceHanSerifSC-Bold.otf') format("opentype"); */
	src: url('http://demoimg.niceued.com/djyvideo/SourceHanSerifSC-Bold.otf') format("opentype");
	font-weight: normal;
	font-display: swap;
}
.syhei{font-family:siyuanhei;font-weight: normal !important;}
.Lato{font-family: Lato;font-weight: normal !important;}
.sysong{font-family: siyuansong;font-weight: normal !important;}
body {font-family: "PingFang SC","Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;font-size: 14px;}

.header{width: 100%;position: fixed;top: 0;left: 0;z-index: 100;box-shadow: none;background-color: #fff;transition: all 0.25s ease-in;}
.header .con{width: 1600px;height: 100px;margin:0 auto;display: flex;align-items: center;justify-content: space-between;}
.header .logo{width: 136px;}
.header a{display: block;}
.header .fr{display: flex;align-items: center;justify-content: flex-end;}
/* .header .nav{overflow: hidden;} */
.header .nav li{margin-right: 68px;float: left;position: relative;}
.header .nav a{font-size: 16px;line-height: 24px;color: #000;position: relative;padding: 10px 0;}
.header .nav a:after{content: '';width: 0%;height: 3px;position: absolute;left: 0;right: 0;margin:auto;bottom: 0;border-radius: 3px;background-color:transparent;transition: all 0.25s;}
.header .nav a.active{color: #A01606;}
.header .nav a.active:after{width: 100%;background-color:#A01606}
.header .nav li:last-child{margin-right: 30px;}
.header .nav li .list{position: absolute;left: 50%;top: 100%;background-color: #fff;width: auto;overflow: hidden;box-shadow: 0 4px 20px rgba(0,0,0,0.15);transform: translateX(-50%);border-radius: 4px;display: none;animation: fadeIn 0.25s ease-in 0s ;}
.header .nav li .list a{white-space: nowrap;padding: 10px 20px;font-size: 14px;line-height: 20px;text-align: center;font-family:siyuansong;font-weight: normal !important;}
.header .icon{width: 40px;height: 40px;border-radius: 50%;background-color: #EAEAEA;line-height: 40px;text-align: center;margin-left: 40px;font-size: 14px;cursor: pointer;}
/* .header .icon.disabled{cursor: default;} */
.header .icon.search{background-size: 16px;background-image: url(../images/header-ico-search.png);}
.header .icon.lang{color: #fff;background-color: #A01606;}
.header .icon.menu{display: none;}
.header_placeholder{width: 100%;height: 100px;}
/*.header.index{background-color: transparent;}
.header.index .nav a{color: #fff;}*/
.header.index .nav a.active{color: #A01606;}
.header.fixed{background-color: #fff;box-shadow: 0 20px 20px rgba(0,0,0,0.1);}
.header.fixed .nav a{color: #000;}
.header.fixed .nav a.active{color: #A01606;}
.header.open{box-shadow: none;background-color: #fff;}
.header.open .nav a{color: #000;}
.header.open .nav a.active{color: #A01606;}
.navbar{position: fixed;z-index: 99;top: 100px;left: 0;width: 100%;background-color: #fff;box-shadow: 0 20px 20px rgba(0,0,0,0.1);display: none;}
.navbar .mainbox{width: 600px;padding: 90px 0;}
.navbar .input{width: 100%;position: relative;}
.navbar input{position:relative;z-index:1;width:100%;display:block;line-height:38px;font-size:18px;color:#000;border-bottom: 1px  solid rgba(0,0,0,0.2);padding-right: 60px;}
.navbar button{cursor: pointer;display: block;position: absolute;width: 38px;height: 38px;z-index: 2;top: 0;right: -11px;background-image: url('../images/header-ico-search.png');background-size: 16px;/* background-position: right center; */}
@media screen and (min-width:1024px){
	.header.index:hover{background-color: #fff;}
	.header.index:hover .nav a{color: #000;}
	.header.index:hover .nav a.active{color: #A01606;}
	.header .nav li:hover> a{color: #000;}
	.header .nav li:hover> a:after{width: 100%;background-color:#A01606}
	.header .nav li:hover .list{display: block;}
	.header .nav li .list a:hover{background-color: #f8f8f8;color:#A01606}
}
@media screen and (max-width:1920px){
	.header .con{width: 92%;}
}
@media screen and (max-width:1360px){
	.header .nav li{margin-right: 28px;}
	.header .icon{margin-left: 20px;}
	.header .nav li:last-child{margin-right: 10px;}
}
.footer{width:100%;background-color:#020201;/* padding: 44px 0;*/} 
.footer .mainbox{padding:44px 0 48px;width:1200px;height:auto;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;}
.footer .mainbox .item{padding-right:36px;}
.footer .mainbox .item h5{font-size:18px;line-height:normal;color:#ffffff;margin-bottom:15px;}
.footer .mainbox .item h5 a{font-size:18px;line-height:normal;color:#ffffff;}
.footer .mainbox .item h5 i{display:none;}
.footer .mainbox .item ul li{font-size:14px;color:#ffffff;line-height:32px;}
.footer .mainbox .item ul li a{opacity:0.7;}
.footer .mainbox .item:last-child{padding-right: 0;}
.footer .br{display:block;width:1200px;margin:0 auto;height:1px;background-color:rgba(255,255,255,0.3);}
.footer .information {width: 1200px;height: auto;padding: 20px 0;margin: 0 auto;}
.footer .information .copyright{font-size: 14px;color: #ffffff;}
.footer .information .copyright a{padding: 0 15px;line-height: normal;opacity: 0.7;position: relative;display: inline-block;}
.footer .information .copyright a:after {content: '';width: 1px;height: 14px;position: absolute;top: 0;bottom: 0;right: 0;margin: auto;background-color: rgba(255, 255, 255, 0.7)}
.footer .information .copyright a:last-child:after {display: none;}
.footer .information .copyright a:nth-child(1) {padding-left: 0}
.footer .information .copyright a:last-child {padding-right: 0}
.footer .information .about {margin-top: 5px;line-height: normal;font-size: 14px;color: #ffffff;}
.footer .information .about a{opacity: 0.7;}
.footer .information .about span {white-space: nowrap;opacity: 0.7;}
.footer .information .logo{display: none;}
@media screen and (min-width:1024px){
	.footer a:hover{opacity: 1 !important;}
}
@media screen and (max-width:1340px){
	.footer .mainbox{width: 90%;}
	.footer .br{width: 90%;}
	.footer .information{width: 90%;}
}
.opacity{background-color: transparent;}

@media screen and (max-width:977px){
	.header .con{width: 90%;height: 12vmin;}
	.header .fr{margin-right: -1.2vmin;}
	.header .logo{width: 15.733vmin;}
	.header .icon{width: 7.2vmin;height: 7.2vmin;line-height: 7.2vmin;font-size: 2.4vmin;margin-left: 5vmin;}
	.header .icon.search{display: none;}
	.header .icon.menu{display: block;position: relative;border-radius: 0;background-color: transparent;}
	.header .icon.menu span{width: 5vmin;height: 2px;border-radius: 4px;position: absolute;left: 0;right: 0;top: calc(50% - 1px);margin:0 auto;background-color: #A01606;transition: all 0.25s ease-in;}
	.header .icon.menu span.t{top: calc(25% - 1px);}
	.header .icon.menu span.b{top: calc(75% - 1px);}
	.header .icon.menu.open span.t{top: calc(50% - 1px);transform: rotate(45deg);}
	.header .icon.menu.open span.m{opacity: 0;}
	.header .icon.menu.open span.b{top: calc(50% - 1px);transform: rotate(-45deg);}
	.header .nav{display: none;}
	.header.index{background-color: #fff;}
	.header.index .nav a{color: #000;}
	.header.index .nav a.active{color: #A01606;}
	.header_placeholder{height: 12vmin;}
	.navbar{top: 12vmin;bottom:0;background-color: #fff;box-shadow:none;}
	.navbar .mainbox{width: 100%;padding: 6vmin 0;max-height: 100%;overflow-y: auto;overflow-x:hidden;}
	.navbar .searchbar{padding-bottom: 6vmin;}
	.navbar .input{width: 90%;margin:0 auto;}
	.navbar input{line-height:7.466vmin;font-size:3.466vmin;padding-right: 9vmin;}
	.navbar button{width: 7.466vmin;height: 7.466vmin;right: -2vmin;background-size: 3.466vmin;}
	.navbar .menubar dd{display: none;}
	.navbar .menubar dl{border-bottom: 1px solid #ECE7E7;}
	.navbar .menubar dl:last-child{border-bottom: none;}
	.navbar .menubar a,.navbar .menubar dt{width: 100%;position: relative;font-size: 4.8vmin;line-height: 6.8vmin;color: #000;display: block;padding: 6vmin 5%;}
	.navbar .menubar dt a{display: inline-block;width: auto;padding: 0;}
	.navbar .menubar a.active{color: #A01606;background: #F6F6F6;}
	.navbar .menubar dt a.active{background: transparent;}
	.navbar .menubar dt i{float: right;width: 3.466vmin;height: 6.8vmin;display: block;position: relative;}
	.navbar .menubar dt i:before{content: '';width: 2px;height: 3.466vmin;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin:auto;background-color: #000;transition: all 0.25s ease-in;}
	.navbar .menubar dt i:after{content: '';width: 3.466vmin;height: 2px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin:auto;background-color: #000;}
	.navbar .menubar dl.open dd{display: block;}
	.navbar .menubar dl.open dt i:before{transform: rotate(90deg);}
	.navbar .menubar dl.click dt i:before{transform: rotate(90deg);}
	.navbar .menubar dd a{font-size: 4.266vmin;line-height: 6.133vmin;padding: 4vmin 15%;}
	.navbar .menubar dd a:before{content: '';width: 0.8vmin;height: 0.8vmin;min-width: 4px;min-height: 4px;position: absolute;left: 10%;top: 0;bottom: 0;margin:auto 0;border-radius: 50%;background-color: #A01606;}


}
@media screen and (max-width:768px){
	.footer .mainbox{display: none;padding: 6vmin 0;}
	/* .footer .mainbox ul{display: none;}
	.footer .mainbox .item{padding: 6vmin 0 2vmin;padding-right: 0;border-bottom: 1px solid rgba(255,255,255,0.3);}
	.footer .mainbox .item:last-child{border-bottom: none;}
	.footer .mainbox .item h5{margin-bottom: 0;padding-bottom: 4vmin;}
	.footer .mainbox .item h5 a{font-size: 4.8vmin;line-height: 6.8vmin;}
	.footer .mainbox .item h5 i{float: right;width: 3.466vmin;height: 6.8vmin;display: block;position: relative;}
	.footer .mainbox .item h5 i:before{content: '';width: 2px;height: 3.466vmin;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin:auto;background-color: #fff;transition: all 0.25s ease-in;}
	.footer .mainbox .item h5 i:after{content: '';width: 3.466vmin;height: 2px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin:auto;background-color: #fff;}
	.footer .mainbox .item.click h5 i:before{transform: rotate(90deg);}
	.footer .mainbox .item ul li{font-size: 4.266vmin;line-height: 6.133vmin;padding: 4vmin 10%;}
	.footer .mainbox .item ul li:first-child{padding-top: 2vmin;}
	.footer .mainbox .item ul li a{display: block;}
	.footer .mainbox .item:last-child  h5 i{display: none;} */
	.footer .br{width: 100%;display: none;}
	.footer .information{padding: 6vmin 0;text-align: center;}
	.footer .information .copyright{font-size: 3.2vmin;line-height: 2;}
	.footer .information .copyright a{opacity:1}
	.footer .information .about{font-size: 3.2vmin;line-height: 2;margin-top: 3vmin;}
	.footer .information .about span{opacity:1}
	.footer .information .about span:first-child{display: block;}
	.footer .information .about a{opacity: 1;white-space: nowrap;}
	.footer .information .logo{display: block;width: 40vmin;margin:6vmin auto 0;}
}