/*@font-face{*/
/*  font-family:'impact';*/
/*  src:url('../font/impact-2.ttf');*/
/*}*/
/*@font-face{*/
/*  font-family:'didot';*/
/*  src:url('/static/font/didot.woff');*/
/*}*/
@font-face{
  font-family:'roboto';
  src:url('/static/font/Roboto-Regular.ttf');
}
@font-face{
  font-family:'ArialBlack';
  src:url('/static/font/ArialBlack.ttf');
}
@font-face{
  font-family:'Montserrat';
  src:url('/static/font/Montserrat-Medium.ttf');
}
@font-face{
  font-family:'MontserratThin';
  src:url('/static/font/MONTSERRAT-LIGHT.TTF');
}

/*@font-face{*/
/*  font-family:'song';*/
/*  src:url('/static/font/SourceHanSerif-Medium.woff');*/
/*}*/


:root {
  /*--global-family: '宋体','Noto Sans JP', sans-serif;*/
  --global-family:"Montserrat","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
  /*--title-family:'宋体','Noto Sans JP', sans-serif;*/
  --title-family:"Montserrat","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
  --text-color:#000;
  /* --primary-color:#003CC8; */
  --primary-color:#004C90;
  --text-color-second:#666;
  --text-color-third:#999;
  --border-color:#D9D9D9;
  --gray-light:#fafafa;

  /*swiper*/
  --swiper-pagination-bullet-size: 10px;
  --swiper-theme-color: var(--primary-color);

  --plyr-color-main: var(--primary-color);
}
html,body{font-family: var(--global-family);color:var(--text-color);scroll-behavior: smooth;
}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;height:100%}
body{margin:0;font-size:16px;line-height:1.5;min-height:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
h1,h2,h3,h4,h5{margin:0;padding:0}
/**{transition: all .3s;}*/

body.el-popup-parent--hidden{
  padding-right:0 !important;
}
.global-loading-box .el-loading-spinner .path{stroke:var(--primary-color) !important;}
*::-webkit-scrollbar {width: 5px;height:5px;}
*::-webkit-scrollbar-track {background: #B3B1B1;border-radius: 10px;}
/* *::-webkit-scrollbar-thumb {background: var(--primary-color);border-radius: 10px;} */
*::-webkit-scrollbar-thumb {background: #333;border-radius: 10px;}
*::-webkit-scrollbar-thumb:hover {background: #646464;border-radius: 10px;}
*::-webkit-scrollbar-thumb:active {background: #444444;border-radius: 10px;}

.thin-scroll::-webkit-scrollbar {width: 4px;height:4px;}
.thin-scroll::-webkit-scrollbar-track {background: #333;border-radius: 10px;}
.thin-scroll::-webkit-scrollbar-thumb {background: var(--primary-color);border-radius: 10px;}

/*.thin-scroll::-webkit-scrollbar-thumb:hover {background: #646464;border-radius: 10px;}*/
/*.thin-scroll::-webkit-scrollbar-thumb:active {background: #444444;border-radius: 10px;}*/


.el-dialog__headerbtn:hover .el-dialog__close{color:var(--primary-color);}



.no-scroll{overflow:hidden !important}
a{text-decoration:none;color:var(--text-color);transition: all .3s;}
a:hover{text-decoration:none;color: var(--primary-color);}
a:focus{text-decoration:none;outline: none;}
ul,li{margin:0;padding:0;list-style: none;}

.recover-ul-ol ul,
.recover-ul-ol ol {
  margin: 1em 0;          /* 浏览器默认是 1em 0 */
  padding-left: 40px;     /* 浏览器默认是 40px */
}
.recover-ul-ol ul li {
  list-style: disc;       /* 实心圆点 */
}
.recover-ul-ol ol li {
  list-style: decimal;    /* 1. 2. 3. … */
}



.bg-cover{background-size:cover !important;background-repeat:no-repeat;background-position:center center}
.bg-contain{background-size:contain !important;background-repeat:no-repeat !important;background-position:center center !important}
.oneline{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.oneline_2 {
  overflow: hidden;
  word-break: break-word;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  display: -webkit-box;
}
.twoline{overflow:hidden;word-break:break-word;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;display:-webkit-box}
.threeline{overflow:hidden;word-break:break-word;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;display:-webkit-box}
.fourline{overflow:hidden;word-break:break-word;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;display:-webkit-box}
.fiveline{overflow:hidden;word-break:break-word;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;display:-webkit-box}
.sixline{overflow:hidden;word-break:break-word;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:6;line-clamp:6;display:-webkit-box}
.sevenline{overflow:hidden;word-break:break-word;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:7;line-clamp:7;display:-webkit-box}
.clearfix:after { content: "."; display: block; height: 0; line-height: 0; font-size: 0; overflow: hidden; visibility: hidden; clear: both; }
.clearfix { *zoom: 1; *display: table; }




/*max-width:1920px;*/
.common-layout-full{width:100%;position:relative;margin:0 auto;box-sizing: border-box;padding-left:100px;padding-right:100px;}
.common-layout{width:100%;max-width:1760px;position:relative;margin:0 auto;box-sizing: border-box;padding-left:16px;padding-right:16px;}
.common-layout-1400{width:100%;max-width:1400px;position:relative;margin:0 auto;box-sizing: border-box;padding-left:16px;padding-right:16px;}
.common-layout-1200{width:100%;max-width:1200px;position:relative;margin:0 auto;box-sizing: border-box;padding-left:16px;padding-right:16px;}
.common-layout-1000{width:100%;max-width:1000px;position:relative;margin:0 auto;box-sizing: border-box;padding-left:16px;padding-right:16px;}

@media screen and (max-width: 1520px) {

}
@media screen and (max-width: 1300px) {
  .common-layout{padding-left:24px !important;padding-right:24px !important;}
  .common-layout-1200{padding-left:24px !important;padding-right:24px !important;}
}
@media screen and (max-width: 1180px) {
  
}
@media screen and (max-width: 750px) {
  .common-layout{padding-left:16px !important;padding-right:16px !important;}
  .common-layout-1200{padding-left:16px !important;padding-right:16px !important;}
} 

.ani-all{transition: all .3s;}

.common-sticky-after{position: relative;z-index: 3;}


.page-wrapper{visibility: hidden;}
.page-loading{position:fixed;left:0;right:0;bottom:0;top:0;z-index: 999;background: rgba(255,255,255,.3)}
.page-loading .loading-text{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);font-size:50px;color:rgba(255,255,255,.1);display: none;}

 
   

/*公共按钮*/
.common-btn{height:50px;background: var(--primary-color);color:#fff;font-size:14px;display: flex;align-items: center;justify-content: center;cursor: pointer;padding:0 30px;transition: all .3s;height:44px;border-radius: 8px;
}
.common-btn.round4{border-radius: 4px;}
.common-btn.round8{border-radius: 8px;}
.common-btn.round999{border-radius: 999px;}
/* .common-btn:hover{color:#fafafa;background: #5358F5;} */
.common-btn.white{background-color:#fff;color:var(--text-color);}
.common-btn.white:hover{background-color:var(--primary-color);color:#fff;}
.common-btn.gray{background:#262626;color:#fff;}
.common-btn.gray:hover{background-color:var(--primary-color);}
.common-btn.light-gray{background:#f2f2f2;color:var(--text-color);}
.common-btn.light-gray:hover{background-color:var(--primary-color);color:#fff}
.common-btn.primary{background-color:var(--primary-color);color:#fff;}
.common-btn.primary:hover{color:#fff;}
.common-btn.black{background-color:#000;color:#fff}
.common-btn.black:hover{background-color:var(--primary-color);}
.common-btn.trans-border{background-color:transparent;border:1px solid #9E9E9E;color:#9E9E9E;}
.common-btn.trans-border:hover{background-color:var(--primary-color);border:1px solid var(--primary-color);color:#fff;}



@media screen and (max-width: 1520px) {

}
@media screen and (max-width: 1300px) {
  .common-layout-full{padding-left:16px;padding-right:16px;}
}
@media screen and (max-width: 1180px) {

}
@media screen and (max-width: 750px) {
  .common-form-box .form-in .form-item{width:100%;padding:10px 8px;}
  .common-input-box .input-dom-box input{height:50px;}
  .common-btn{height:36px;padding:0 16px;}

}
@media screen and (max-width: 480px) {

}

.com-toast-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background-color:rgba(0,0,0,.6)}
.com-toast-box{position:absolute;top:50%;left:50%;padding:12px 30px;border-radius:2px;background-color:rgba(255,255,255,.9);color:#222;transform:translate(-50%,-50%);font-size:14px}
.com-toast-tit{line-height:30px}
.com-toast-item{line-height:30px;font-size:14px}



/*公共无banner样式*/
.page-main-no-banner{padding-top:150px;}

/* 标题:flex左右布局 */
.common-title-between{display: flex;justify-content: space-between;align-items: center;}
.common-title-center{text-align: center;}

.common-title{font-size:36px !important;line-height: 1.3;font-weight:bold;}
@media screen and (max-width: 1520px) {

}
@media screen and (max-width: 1300px) {
  .common-title{font-size:32px !important;}
}
@media screen and (max-width: 1180px) {
  .common-title{font-size:24px !important;}
}
@media screen and (max-width: 750px) {
  .common-title{font-size:20px !important;}
} 
.common-title-sub{font-size:32px;line-height:1;}
@media screen and (max-width: 1520px) {
  .common-title-sub{font-size:24px !important;}
}
@media screen and (max-width: 1300px) {
}
@media screen and (max-width: 1180px) {
  .common-title-sub{font-size:20px !important;}
}
@media screen and (max-width: 750px) {
  .common-title-sub{font-size:18px !important;}
} 


/* 通用grid */
.common-grid{}
.common-grid .common-grid-in{display: flex;flex-wrap: wrap;}
.common-grid .common-grid-in .common-grid-item{box-sizing: border-box;}
.common-grid .common-grid-in .common-grid-item-in{box-sizing: border-box;height:100%;}





.common-go-up{}
.common-go-up .up-in{display: flex;color:#666;align-items: center;font-size:16px;cursor: pointer;}
.common-go-up .txt{margin-right:8px;}
.common-go-up .icon i{font-size:16px;}
/*通用分页*/
.common-paging{display: flex;align-items: center;justify-content: center;padding:0 16px;}
.common-paging li:first-child{display: none;}
.common-paging li:last-child{display: none;}
.common-paging .paging-in{display: flex;justify-content: center;}
.common-paging .pagination{display: flex;justify-content: center;align-items: center;}
.common-paging li{margin-left:5px;margin-right:5px;position: relative;}
/*.common-paging li.active:after{position:absolute;bottom:3px;border-top:1px solid #445c47;left:6px;right:6px;content:"";z-index: 3;}*/
.common-paging li a,.common-paging li span{
  width:30px;height:30px;border-radius: 999px;margin-left:0;font-size:16px;color:#666;background: transparent;
  display: flex;align-items: center;justify-content: center;
}
.common-paging li span{color:var(--primary-color)}
.common-paging .pagination>.active>a,
.common-paging .pagination>.active>a:focus,
.common-paging .pagination>.active>a:hover,
.common-paging .pagination>.active>span,
.common-paging .pagination>.active>span:focus,
.common-paging .pagination>.active>span:hover{
  background-color:var(--primary-color);
  border-color:#fff;
  color:#fff;
}

/* 公共ajax加载更多按钮 */
.common-ajax-more{display: flex;align-items: center;justify-content: center;margin-top:120px;}
.common-ajax-more .more-btn{cursor: pointer;padding:20px 50px;display: flex;align-items: center;justify-content: center;background-color: #fff;border-radius: 999px;}
.common-ajax-more .more-btn .more-btn-txt{color:var(--primary-color);margin-right:8px;}
.common-ajax-more .more-btn .more-btn-icon{color:var(--primary-color);}
.common-ajax-more .more-btn .more-btn-icon i{font-size:22px;}

/*公共块级*/
.common-block{background: #fff;}
.common-block.white{background: #fff;}
.common-block.light-gray{background: #fafafa;}


.el-radio__input.is-checked+.el-radio__label{color:var(--primary-color);}
.el-radio__input.is-checked .el-radio__inner{background-color: var(--primary-color);border-color: var(--primary-color);}


/*更多*/
.common-more-link{display: inline-block;cursor:pointer;}
.common-more-link *{transition: all .3s;}
.common-more-link .link{display: flex;align-items: center;height:60px;position:relative;box-sizing: border-box;padding:10px 10px 10px 16px;background-color: #f2f2f2;border-radius: 999px;}
/* .common-more-link .link:before{content:"";display: block;width:50px;height:50px;border-radius: 999px;background: #CACACA;transition: all .3s;} */
.common-more-link .link:hover:before{background: var(--primary-color)}
.common-more-link .link .link-txt{font-size:16px;font-weight: normal;margin-right:80px;color:var(--primary-color);}
.common-more-link .link .link-icon{width:40px;height:40px;border-radius: 999px;background: var(--primary-color);display: flex;align-items: center;justify-content: center;}
.common-more-link .link .link-icon i{color:#fff;font-size:22px;}
.common-more-link:hover .link{background-color: var(--primary-color);}
.common-more-link:hover .link .link-txt{color:#fff;}
.common-more-link:hover .link .link-icon{color:var(--primary-color);background-color: #fff;}
.common-more-link:hover .link .link-icon i{color:var(--primary-color);}

 

.page-main{position:relative;z-index: 97;}
@media screen and (max-width: 1300px) {
  .page-wrapper .page-main{padding-top:32px;} 
  .page-wrapper .page-main.page-main-no-banner{padding-top:130px;}
}
@media screen and (max-width: 750px) {
  .page-wrapper .page-main{padding-top:0;} 
  .page-wrapper .page-main.page-main-no-banner{padding-top:100px;}
}





/*通用:更多*/
.common-more-box{
  height:50px;width:160px;position:relative;display: flex;align-items: center;justify-content: center;
  border:1px solid #999;border-radius: 999px;color:#999;cursor:pointer;
}
@media screen and (max-width: 750px) {
  .common-more-box{height:40px;padding:0 32px;width:auto;}
}

.common-more-box .more-in{}
.common-more-box:hover{
  border-color: var(--primary-color);color: var(--primary-color);
}
 

@keyframes scaleDown {
  from {
    transform: scale(1.15);
  }
  to {
    transform: scale(1);
  }
}

/* 公共动画 */
.common-ani {
  animation-name: scaleDown; /* 动画名称 */
  animation-duration: 7s; /* 动画持续时间 */
  animation-timing-function: ease; /* 动画速度曲线 */
  animation-fill-mode: forwards; /* 动画结束后保持最后一帧状态 */
  animation-iteration-count: 1; /* 动画只执行一次 */
} 
 

/* 产品分类Swiper */
.product-category-wrap{padding:16px 0;display: none;justify-content: center;}
.product-category-wrap .cate-arrow{
  width:38px;display: flex;align-items: center;justify-content: center;
  cursor: pointer;
}
.product-category-wrap .cate-arrow.swiper-button-lock{display: none;}
.product-category-wrap .cate-arrow i{font-size:18px;}
.product-category-wrap .product-category-swiper{flex:1;}
.product-category-wrap .swiper-slide{width:auto;}
.product-category-wrap .cate-item-link{display: block;font-size:14px;padding:4px 16px;background-color: #f5f5f5;border-radius: 999px;}
.product-category-wrap .cate-item-link.active,.product-category-wrap .cate-item-link:hover{background: var(--primary-color);color:#fff;border-radius: 999px;}

@media screen and (max-width: 1520px) {
  .common-product-list .product-item{width:50%;}
  .product-main-box{padding-left:16px;padding-right:16px;}
}
@media screen and (max-width: 1300px) {
  
}
@media screen and (max-width: 1180px) {
  .product-main-box{display: block;}
  .product-main-box .category-box{margin-right:0;width:100%;border:none;padding-right:0;}
  .product-main-box .category-box .level-ul-1{display: none;}

  .product-category-wrap{display: flex;}
  .com-product-category-box{display:none;}
}
@media screen and (max-width: 750px) {
  
}
@media screen and (max-width: 480px) {

}
 

 

/* com-plyr 组件样式 start */
.com-plyr-container {
  position: relative;width: 100%;height: 100%;overflow: hidden;border-radius: 4px;
  background-color: #000;
}
.com-plyr-container video {width: 100%;height: 100%;object-fit: contain;}
 /* com-plyr 组件样式 end */


 /* swiper公共样式 start */
.swiper-button-next{right:60px;}
.swiper-button-prev{left:60px;}
.swiper-button-next,.swiper-button-prev{
  width:32px;height:32px;border-radius: 999px;background: rgba(0,0,0,.8);transition: all .3s;
}
.swiper-button-next.next-prev-white,.swiper-button-prev.next-prev-white{
  background: rgba(255,255,255,.8);
}
.swiper-button-next:after, .swiper-button-prev:after{font-size:12px;color:#fff;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.swiper-button-next:hover,.swiper-button-prev:hover{background:var(--primary-color);}

.swiper-button-next.next-prev-white:after, .swiper-button-prev.next-prev-white:after{
  color:#333;
}
.swiper-button-next.next-prev-white:hover,.swiper-button-prev.next-prev-white:hover{
  background:var(--primary-color); 
}
.swiper-button-next.next-prev-white:hover:after,.swiper-button-prev.next-prev-white:hover:after{
  color:#fff;
}
/* 自定义 swiper 分页器 宽度 */
.com-swiper-container{}

/* swiper分页,激活改成长条 */
.swiper-page-active-is-line .swiper-pagination-bullet{height:4px;width:4px;}
.swiper-page-active-is-line .swiper-pagination-bullet-active{width:50px;border-radius: 999px;}

/* 分类模式下 , 左右箭头的样式 */
.com-swiper-container.swiper-category-mode{display:flex;align-items: center;}

/* swiper组件, mode=category模式下, 左右箭头的样式 */
.com-swiper-container.swiper-category-mode .category-arrow{
  background: rgba(0,0,0,.8);transition: all .3s;cursor:pointer;background:transparent;padding:0 8px;
}

/* swiper组件, mode=category模式下, 使用默认的swiper的样式 */
.swiper-wrap-naviation .category-arrow .swiper-button-prev{position:relative;left:0;}
.swiper-wrap-naviation .category-arrow .swiper-button-next{position:relative;right:0;}

/* swiper公共样式 end */