/*@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;
  --text-color-second:rgba(0,0,0,0.6);
  --border-color:#E6E6E6;
  --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;}*/






.no-scroll{overflow:hidden !important}
a{text-decoration:none;color:#333;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-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  display: -webkit-box;
}
.twoline{overflow:hidden;word-break:break-all;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;display:-webkit-box}
.threeline{overflow:hidden;word-break:break-all;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;display:-webkit-box}
.fourline{overflow:hidden;word-break:break-all;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;display:-webkit-box}
.fiveline{overflow:hidden;word-break:break-all;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;display:-webkit-box}
.sixline{overflow:hidden;word-break:break-all;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:6;line-clamp:6;display:-webkit-box}
.sevenline{overflow:hidden;word-break:break-all;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; }


.marquee-ul li{float:left;padding:0 20px;}

/*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:160px;padding-right:160px;}
.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;}

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

.common-title{font-size:36px;line-height: 1;font-weight:500;}
.common-title.small{font-size:32px;}
.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;}

/* 分类组件动画效果 */
.slide-down-enter-active { transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; opacity: 1; }
.slide-down-leave-active { transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; opacity: 1; }
.slide-down-enter { max-height: 0 !important; opacity: 0; }
.slide-down-leave-to { max-height: 0 !important; opacity: 0; }

/*二级导航*/
.common-sub-nav-wrap{position:fixed;top:0;right:0;left:0;bottom:0;z-index: 98;opacity: 0;visibility: hidden;transform: translateY(-8px);transition: opacity 0.25s ease-out, transform 0.25s ease-out, visibility 0.25s ease-out;will-change: opacity, transform;backface-visibility: hidden;}
.common-sub-nav-wrap::before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;;filter:blur(2px);background-color: rgba(235,235,235,.95);pointer-events:none;z-index:-1;}
.common-sub-nav-wrap .sub-nav-list-box{background-color: #FAFAFA;padding-top:80px;opacity: 0;transform: translateY(-3px);transition: opacity 0.3s ease-out 0.08s, transform 0.3s ease-out 0.08s;will-change: opacity, transform;backface-visibility: hidden;}
.common-sub-nav-wrap .sub-nav-list-box-in{padding:50px 0;display: flex;justify-content: space-between;box-sizing: border-box;flex:1;}
.common-sub-nav-wrap .sub-nav-list-box-in .digital-nav-list{flex:1;display:flex;gap:16px;}





/* 二级导航 左侧(产品特有的样式) */
.common-sub-nav-wrap .sub-nav-left .sub-nav-product{display:flex;}
.common-sub-nav-wrap .sub-nav-product .nav-pro-tree{width:300px;margin-right:72px;}
.common-sub-nav-wrap .sub-nav-product .nav-pro-tree .el-tree{background:transparent;}
.common-sub-nav-wrap .sub-nav-product .nav-pro-tree .el-tree-node__content{height:32px;}
.common-sub-nav-wrap .sub-nav-product .nav-pro-tree-item-txt{display:flex;align-items: center;justify-content: space-between;font-size:14px;}
.common-sub-nav-wrap .el-tree .el-tree-node__expand-icon {display: none;}
.common-sub-nav-wrap .global-custom-nav-pro-tree-item-box{display: flex;align-items: center;justify-content: space-between;flex:1;}
.common-sub-nav-wrap .global-custom-nav-pro-tree-item-box .custom-item-txt{font-size:14px;}

/* 树形结构图标旋转动画 */
.common-sub-nav-wrap .expand-icon {
  transition: transform 0.3s ease;
  display: inline-block;
}
.common-sub-nav-wrap .expand-icon.rotating {
  transform: rotate(180deg);
}


.common-sub-nav-wrap .sub-nav-left .sub-nav-list{display: flex;gap:30px;flex-wrap: wrap;}
.common-sub-nav-wrap .sub-nav-left .sub-nav-product .sub-nav-list{max-width:900px;}
.common-sub-nav-wrap .sub-nav-left .sub-nav-item{}
.common-sub-nav-wrap .sub-nav-left .sub-nav-item-img{width:100%;max-width:280px;overflow:hidden;border-radius:10px;position:relative;box-shadow:0 4px 12px rgba(0,0,0,0.1);transition:all 0.3s ease;}
.common-sub-nav-wrap .sub-nav-left .sub-nav-item-img:hover{box-shadow:0 8px 24px rgba(0,0,0,0.15);transform:translateY(-5px);}
.common-sub-nav-wrap .sub-nav-left .sub-nav-item-img img{display: block;width:100%;background-color: #ccc;border-radius: 10px;transition:transform 0.5s ease,filter 0.3s ease;}
.common-sub-nav-wrap .sub-nav-left .sub-nav-item-img:hover img{transform:scale(1.1);filter:brightness(1.05);}
.common-sub-nav-wrap .sub-nav-left .sub-nav-item{position:relative;transition:transform 0.3s ease;max-width:280px;}
.common-sub-nav-wrap .sub-nav-left .sub-nav-item:hover{transform:translateY(-3px);}
.common-sub-nav-wrap .sub-nav-left .sub-nav-item-txt{text-align: center;padding:18px;line-height: 1;font-size:14px;}

.common-sub-nav-wrap .sub-nav-right{margin-top:50px;}
.common-sub-nav-wrap .nav-right-in{border-left:1px solid var(--border-color);padding-left:30px;}
.common-sub-nav-wrap .nav-right-in .right-in-title{font-size:14px;padding-bottom:32px;}
.common-sub-nav-wrap .nav-right-in .right-in-cont{display: flex;gap:20px;}
.common-sub-nav-wrap .nav-right-in .right-in-item{text-align: center;}
.common-sub-nav-wrap .nav-right-in .right-in-item .item-img{width:120px;}
.common-sub-nav-wrap .nav-right-in .right-in-item .item-img img{display: block;width:100%;}
.common-sub-nav-wrap .nav-right-in .right-in-item .item-txt{color:var(--text-color-second);}



.body-hover-nav .common-sub-nav-wrap{opacity: 1;visibility: visible;transform: translateY(0);}
.body-hover-nav .common-sub-nav-wrap .sub-nav-list-box{opacity: 1;transform: translateY(0);display:flex;justify-content: space-between;padding:80px 100px 0 100px;}
.body-hover-nav .page-head{background: #fff;transition: none!important;}
.body-hover-nav .page-head:before{display: none;}
.body-hover-nav .page-head .head-nav ul li a{color:var(--text-color);}

@media screen and (max-width: 1520px) {
  .common-sub-nav-wrap .sub-nav-product .nav-pro-tree{width:250px;margin-right:32px;}
  .common-sub-nav-wrap .sub-nav-left .sub-nav-item{max-width:200px;}
  .common-sub-nav-wrap .sub-nav-left .sub-nav-item-img{max-width:200px;}
}

/*光圈*/
.common-light-box{position:absolute;z-index: 1;}
.digital-container{position:relative;width:100%;height:auto;overflow:visible;}
.digital-container .digital-main{position:sticky;top:0;width:100%;min-height:100vh;background:#fff;z-index:1;display:flex;flex-direction:column;}
.digital-container .digital-main .common-layout{padding-left:0;padding-right:0;}
.digital-container .digital-media-container{position:absolute;width:100%;z-index:20;height:100%;overflow:visible;transition:transform 0.1s ease-out;top:0;}
.digital-container .digital-item{position:absolute;cursor:pointer;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.1);transition:all 0.3s ease;z-index:30;}
.digital-container .digital-item:hover{transform:translateY(-5px);box-shadow:0 8px 24px rgba(0,0,0,0.15);z-index: 99 !important;}
.digital-container .digital-item img{width:100%;height:100%;object-fit:cover;display:block;}
.digital-container .item-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;transition:all 0.3s ease;}
.digital-container .item-play-icon i{font-size:28px;}
.digital-container .digital-item:hover .item-play-icon{transform:translate(-50%,-50%) scale(1.1);}
.digital-container .digital-cont-box{position:sticky;top:0;height:100vh;z-index:5;text-align:center;background:#fff;display:flex;flex-direction:column;justify-content:center;flex-shrink:0;box-sizing: border-box;}
.digital-container .digital-tit-box{font-size:36px;color:#333;margin-bottom:30px;}
.digital-container .digital-desc{font-size:16px;color:var(--text-color-second);line-height:24px;margin-bottom:4px;max-width:800px;margin-left:auto;margin-right:auto;}
.digital-container .media-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);z-index:1000;display:flex;align-items:center;justify-content:center;}
.digital-container .media-content{position:relative;max-width:90%;max-height:90%;}
.digital-container .media-player{max-width:100%;max-height:100%;border-radius:8px;}
.digital-container .media-close{position:absolute;top:-40px;right:0;color:#fff;font-size:30px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.5);border-radius:50%;}


@media (max-width:1400px){
  
  .digital-container{height:auto !important;}
  .digital-container .digital-main{height:auto !important;min-height:auto !important;}
  .digital-container .digital-media-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:40px 20px;height:auto !important;min-height:auto !important;position:relative !important;box-sizing: border-box;}
  .digital-container .digital-item{position:relative !important;left:auto !important;top:auto !important;margin:10px;width:calc(33% - 30px);}
  .digital-container .digital-cont-box{position:relative !important;padding:40px 20px;height:auto;margin-top:20px;}
  .digital-container .digital-tit-box{font-size:28px;}
  .digital-desc{font-size:16px;}
  .digital-container .digital-main .common-layout{height:auto !important;}
  
}
@media (max-width:1080px){
  .digital-container .digital-item{width:calc(50% - 10px);margin:0;}
  .digital-container .digital-media-container{padding:20px 0;}
  
}
@media (max-width:768px){
.digital-container .digital-item{width:calc(50% - 5px) !important;height:auto !important;aspect-ratio:16/9;margin:0;}
.digital-container .digital-cont-box{padding:10px 0;margin-top:32px;}

.digital-container .digital-tit-box{font-size:24px;margin-bottom:16px;}
.digital-container .digital-media-container{padding:0;gap:10px;}
.digital-container .digital-desc{font-size:14px;}
}
.common-light-box img{display: block;width:1000px;opacity: .4}
.common-light-box.light-red{top:-400px;left:-400px;}
.common-light-box.light-blue{top:1000px;right:-400px;}


/*公共表单布局样式*/
.common-form-box{overflow: hidden;}
.common-form-box .form-in{margin:0 -8px;display: flex;flex-wrap: wrap;}
.common-form-box .form-in .form-item{padding:15px 8px;width:50%;box-sizing: border-box;}
.common-form-box .form-in .form-item.item-full{width:100%;}
.common-form-box.global-msg-form{padding:16px;}
.common-form-box.global-msg-form .form-in .form-item{width:100%;}
.common-form-box .btn-wrap{display: flex;padding-top:8px;}
/*上传样式*/
.common-form-box .form-in .form-upload-box{display: flex;align-items: center;}
.common-form-box .form-in .form-upload-box .upload-item{display: flex;align-items: center;justify-content: center;width:80px;height:80px;background:rgba(255,255,255,.2);margin-right:8px;position:relative;border-radius: 8px;}
.common-form-box .form-in .form-upload-box .upload-item :last-child{margin-right:0;}
.common-form-box .form-in .form-upload-box .upload-item .upload-item-option{display: flex;position:absolute;top:0;right:0;bottom:0;left:0;align-items: center;justify-content: center;background:rgba(0,0,0,.3);}
.common-form-box .form-in .form-upload-box .upload-item:hover .upload-item-option{display: flex;}
.common-form-box .form-in .form-upload-box .upload-item .option-item{padding-right:8px;cursor: pointer;}
.common-form-box .form-in .form-upload-box .upload-item .option-item i{font-size:24px;}
.common-form-box .form-in .form-upload-box .upload-item .option-item:last-child{padding-right:0;}
.common-form-box .form-in .form-upload-box .upload-item.plus{cursor: pointer;position:relative;}
.common-form-box .form-in .form-upload-box .upload-item.plus input{display: block;position:absolute;top:0;left:0;bottom:0;right:0;opacity: 0;}
.common-form-box .form-in .form-upload-box .upload-item.plus i{font-size:32px;}



/*公共视频播放弹窗*/
.common-video-dialog .el-dialog{width:100%;max-width: 800px;background: #000;margin-top:0 !important;position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.common-video-dialog video{display: block;width:100%;}
.common-video-dialog .media-code-box iframe{display: block;width:100%;height:428px;}


/*灰色镂空按钮*/
.common-gray-ghost-btn{border-radius: 99px;border:1px solid #999;height: 50px;padding:0 24px;display: flex;align-items: center;justify-content: center;font-size:18px;color:#999;}
.common-gray-ghost-btn:hover{border:1px solid #445c47;}

/*公共文本框*/
.common-input-box{background: #fff;box-sizing: border-box;display: block;overflow: hidden;;}
.common-input-box .input-label{font-size:20px;padding-bottom:16px;}
.common-input-box .input-icon{margin-right:8px;}
.common-input-box .input-icon i{font-size:16px;color:#BEBEBE;}
.common-input-box .input-dom-box{flex:1;background: transparent;border-bottom:1px solid rgba(255,255,255,.3)}
.common-input-box .input-dom-box input{border:none;background: #fff;width:100%;outline: none;font-weight:normal;font-size:16px;height:60px;padding-left:16px;padding-right:16px;box-sizing: border-box;}
.common-input-box .input-suffix{margin-left:8px;}
.common-input-box .input-suffix .valid-code{display: block;width: 100px;height: 40px;}

.common-textarea-box{border-bottom:1px solid #E6E6E6;padding:8px 0;background: #fff;display: block;border-radius: 8px;overflow: hidden;}
.common-textarea-box .input-label{font-size:20px;padding-bottom:16px;}
.common-textarea-box .textarea-icon{margin-right:8px;}
.common-textarea-box .textarea-icon i{font-size:16px;color:#BEBEBE;}
.common-textarea-box .textarea-dom-box{flex:1;background: transparent;}
.common-textarea-box .textarea-dom-box textarea{border:none;width:100%;outline: none;font-weight:normal;font-size:16px;background: #fff;padding:16px;box-sizing: border-box;resize: none;}
input::placeholder,textarea::placeholder {
  color: #999;font-family: var(--global-family);
}
/*公共from-item*/
.common-form-item{height: 60px;display: flex;align-items: center;}
.common-form-item .item-label{margin-right:16px;color:#999;}
.common-form-item .item-cont{}

.common-submit-btn-box{display: flex;}
.common-submit-btn-box .submit-btn{display: flex;align-items: center;justify-content: center;height:60px;background: #fff;color:var(--primary-color);font-size:18px;cursor: pointer;padding:0 10px 0 24px;transition: all .3s;border-radius: 9998px;overflow: hidden;}
.common-submit-btn-box .submit-btn .btn-txt{font-size:18px;color:var(--primary-color);margin-right:80px;}
.common-submit-btn-box .submit-btn .btn-icon{width:40px;height:40px;border-radius: 999px;background: var(--primary-color);display: flex;align-items: center;justify-content: center;margin-left:10px;}
.common-submit-btn-box .submit-btn .btn-icon i{font-size:24px;color:#fff;}

.common-submit-btn-box .submit-btn:hover{background: var(--primary-color);color:#fff;}
.common-submit-btn-box .submit-btn:hover .btn-txt{color:#fff;}
.common-submit-btn-box .submit-btn:hover .btn-icon{background: #fff;color:var(--primary-color);}
.common-submit-btn-box .submit-btn:hover .btn-icon i{color:var(--primary-color);}

.common-submit-btn-box.nohover .submit-btn:hover{background: #fff;color:var(--primary-color);}
.common-submit-btn-box.nohover .submit-btn:hover .btn-txt{color:var(--primary-color);}
.common-submit-btn-box.nohover .submit-btn:hover .btn-icon{background: var(--primary-color);color:#fff;}
.common-submit-btn-box.nohover .submit-btn:hover .btn-icon i{color:#fff;}

/*公共按钮*/
.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: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);}

.com-tf-checkbox-wrap{display:inline-flex;align-items:flex-start;cursor:pointer;user-select:none;}
.com-tf-checkbox{position:relative;display:inline-block;width:20px;height:20px;border:2px solid #dcdfe6;border-radius:4px;background-color:#fff;cursor:pointer;transition:border-color .3s,background-color .3s;vertical-align:middle;}
.com-tf-checkbox .com-tf-checkbox-inner{position:absolute;top:2px;left:7px;width:6px;height:12px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg) scale(0);transition:transform .3s;box-sizing:border-box;}
.com-tf-checkbox.is-checked{border-color:var(--primary-color);background-color:var(--primary-color);}
.com-tf-checkbox.is-checked .com-tf-checkbox-inner{transform:rotate(45deg) scale(1);}
.com-tf-checkbox-text{margin-left:10px;font-size:16px;color:var(--text-color);line-height:1.5;flex:1;}


@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}

.swiper-button-next{right:60px;}
.swiper-button-prev{left:60px;}
.swiper-button-next,.swiper-button-prev{
  width:30px;height:30px;border-radius: 999px;background: rgba(0,0,0,.8);transition: all .3s;
}
.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-pagination-bullet{width:10px;height:10px;background: #fff;opacity:1;}
.swiper-pagination-bullet-active{background: var(--primary-color);}

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

/*公共样式的媒体查询*/
@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) {
  .common-title{font-size:32px !important;}
  .common-title.small{font-size:28px;}
}
@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;}
  .page-main-no-banner{margin-top:100px;}
  .common-title{font-size:22px !important;}
  .common-title.small{font-size:18px;}

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

}

/* 通用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%;}


/*页脚 start*/
/*页脚 start*/
/* 页脚手风琴动画效果 */
.foot-follow-us-box, .foot-address-box { max-height: 0; opacity: 0; overflow: hidden; transition: max-height 0.3s ease, opacity 0.3s ease; }
.foot-follow-us-box.active, .foot-address-box.active { max-height: 1000px; opacity: 1; }

.page-foot-wrap{background: #000;padding-top:60px;padding-bottom:0;}
.page-foot-wrap .foot-nav{display: flex;justify-content: space-between;}
.page-foot-wrap .foot-nav .nav-left{display: flex;align-items: center;}

.page-foot-wrap .foot-nav .nav-left .foot-nav-list{display: flex;}
.page-foot-wrap .foot-nav .nav-left .foot-nav-list .nav-item{margin-right:100px;}
.page-foot-wrap .foot-nav .nav-left .foot-nav-list .nav-item .nav-item-link{font-size:18px;color:#fff;}
.page-foot-wrap .foot-nav .nav-left .foot-nav-list .nav-item .nav-sub-list{display: block;margin-top:36px;}
.page-foot-wrap .foot-nav .nav-left .foot-nav-list .nav-item .nav-sub-list li{display: block;;}
.page-foot-wrap .foot-nav .nav-left .foot-nav-list .nav-item .nav-sub-list li a{font-size:16px;color:rgba(255,255,255,.8);display: block;line-height: 1.3;padding:8px 0;}
.page-foot-wrap .nav-right-qrcode .foot-qrcode-box{width:160px;height:160px;padding:0px;background-color: #fff;border-radius: 8px;overflow: hidden;;}
.page-foot-wrap .nav-right-qrcode .foot-qrcode-box img{display: block;width:100%;height:100%;background-color: #ccc;}

.page-foot-wrap .foot-contact{display: flex;justify-content: space-between;align-items: flex-end;margin-top:180px;}
.page-foot-wrap .foot-contact .contact-left{}
.page-foot-wrap .foot-contact .contact-left .left-t1{display: flex;align-items: center;}
.page-foot-wrap .foot-contact .contact-left .left-t1 .t1-icon{margin-right:16px;}
.page-foot-wrap .foot-contact .contact-left .left-t1 .t1-icon i{font-size:40px;color:#fff;}
.page-foot-wrap .foot-contact .contact-left .left-t1 .t1-txt{font-size:32px;color:#fff;}
.page-foot-wrap .foot-contact .contact-left .left-t2{font-size:18px;color:#fff;margin-top:30px;}
.page-foot-wrap .foot-contact .contact-left .left-t2 .t2-item{margin-right:16px;}
.page-foot-wrap .foot-contact .contact-left .left-t2 .t2-item:last-child{margin-right:0;}
.page-foot-wrap .foot-contact .contact-right{padding-top:16px;}
.page-foot-wrap .foot-contact .contact-right .arrow-top-box{width:25px;height:25px;background-color: #fff;border-radius: 6px;display: flex;align-items: center;justify-content: center;cursor:pointer;}
.page-foot-wrap .foot-contact .contact-right .arrow-top-box i{font-size:16px;color:var(--primary-color);}

.page-foot-wrap .foot-copyright{display: flex;justify-content: space-between;align-items: center;border-top:1px solid rgba(255,255,255,.2);padding:32px 0;}
.page-foot-wrap .foot-copyright .copyright-left{font-size:16px;color:rgba(255,255,255,.6);}
.page-foot-wrap .foot-copyright .copyright-right{display: flex;align-items: center;}
.page-foot-wrap .foot-copyright .copyright-right a{font-size:16px;color:rgba(255,255,255,.8);margin-right:16px;}
.page-foot-wrap .foot-copyright .copyright-right a:last-child{margin-right:0;}

.page-foot-wrap .foot-top-section{padding-top:30px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.1);display: flex;align-items: center;justify-content: space-between;}
.page-foot-wrap .foot-top-section .foot-logo-right{color:rgba(255,255,255,.6);font-size:14px;}
.page-foot-wrap .foot-top-section .foot-logo-right a{color:rgba(255,255,255,.6);font-size:14px;text-decoration: underline;cursor: pointer;}
.page-foot-wrap .foot-logo{display: block;}
.page-foot-wrap .foot-logo img{height:42px;}
.page-foot-wrap .foot-main-section{padding-top:40px;padding-bottom:0;display:flex;justify-content:space-between;}
.page-foot-wrap .foot-nav-section{display:flex;flex-wrap:wrap;}
.page-foot-wrap .foot-nav-column{margin-right:108px;margin-bottom:30px;}
.page-foot-wrap .nav-column-title{color:#fff;font-size:18px;margin-bottom:20px;display:block;}
.page-foot-wrap .nav-column-subtitle{color:#fff;font-size:16px;margin-top:15px;display:block;}
.page-foot-wrap .nav-sub-link{color:rgba(255,255,255,0.6);font-size:16px;display:block;padding:8px 0;}
.page-foot-wrap .foot-contact-section{width:250px;}
.page-foot-wrap .contact-title{color:#fff;font-size:18px;margin-bottom:20px;}
.page-foot-wrap .contact-text{color:rgba(255,255,255,0.8);font-size:16px;margin-bottom:20px;}
.page-foot-wrap .contact-buttons{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;}
.page-foot-wrap .contact-email{color:rgba(255,255,255,0.8);font-size:16px;}
.page-foot-wrap .foot-contact-bottom{margin-top:37px;}
.page-foot-wrap .foot-contact-bottom .cb-item{color:rgba(255,255,255,1);font-size:16px;margin-top:8px;cursor: pointer;}
.page-foot-wrap .foot-contact-bottom .cb-item:first-child{margin-top:0px;}

.page-foot-wrap .foot-rusin-desc{}
.page-foot-wrap .foot-rusin-desc .desc-in{font-size:14px;color:rgba(255,255,255,0.6);margin-top:47px;padding-bottom:24px;}




.page-foot-wrap .follow-us-in{padding:27px 0;border-top:1px solid rgba(255,255,255,.2);position:relative;}
.page-foot-wrap .follow-us-in .follow-us-close{position:absolute;top:16px;right:16px;color:#fff;cursor: pointer;}
.page-foot-wrap .follow-us-in .follow-us-tit{font-size:20px;font-weight:400;color:#fff;text-align: center;}
.page-foot-wrap .follow-us-in .follow-us-icon-box{text-align: center;margin-top:24px;}
.page-foot-wrap .follow-us-in .follow-us-icon-box a{margin:0 12px;color:#fff;font-size:20px;}
.page-foot-wrap .follow-us-in .follow-us-icon-box a:hover{color:rgba(255,255,255,.6)}

.page-foot-wrap .foot-address-box .address-in{padding:27px 0;border-top:1px solid rgba(255,255,255,.2);position:relative;}
.page-foot-wrap .foot-address-box .address-in .address-close{position:absolute;top:16px;right:16px;color:#fff;cursor: pointer;}
.page-foot-wrap .foot-address-box .address-in .address-tit{font-size:20px;font-weight:400;color:#fff;text-align: left;}
.page-foot-wrap .foot-address-box .address-in .address-desc{font-size:16px;color:rgba(255,255,255,0.8);text-align: center;margin-top:24px;}
.page-foot-wrap .foot-address-box .address-in .address-icon-box{text-align: center;margin-top:24px;}
.page-foot-wrap .foot-address-box .address-in .address-icon-box a{margin:0 12px;color:#fff;font-size:20px;}
.page-foot-wrap .foot-address-box .address-in .address-icon-box a:hover{color:rgba(255,255,255,.6)}
.page-foot-wrap .foot-address-box .address-cont{display: flex;justify-content: flex-end;}
.page-foot-wrap .foot-address-box .address-cont .address-item{margin-top:24px;}
.page-foot-wrap .foot-address-box .address-cont .address-item:first-child{margin-top:0px;}
.page-foot-wrap .foot-address-box .address-cont .address-item .item-tit{color:rgba(255,255,255,.8);font-size:18px;}
.page-foot-wrap .foot-address-box .address-cont .address-item .item-mate-box{margin-top:6px;}
.page-foot-wrap .foot-address-box .address-cont .address-item .mate-item{color:rgba(255,255,255,.6);padding:4px 0;}
.page-foot-wrap .foot-address-box .address-cont .address-item .mate-item a{color:rgba(255,255,255,.6);}
.page-foot-wrap .foot-address-box .address-cont .address-item .mate-item a:hover{color:rgba(255,255,255,.8);}



.page-foot-wrap .foot-bottom-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2);}
.page-foot-wrap .foot-links{display:flex;gap:30px;}
.page-foot-wrap .foot-link{color:rgba(255,255,255,0.6);font-size:14px;}
.page-foot-wrap .foot-social-icons{display:flex;align-items:center;gap:15px;}
.page-foot-wrap .foot-social-icons i{font-size:20px;color:#fff;}
.page-foot-wrap .foot-copyright{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-top:1px solid rgba(255,255,255,0.2);}
.page-foot-wrap .copyright-text,.design-credit{color:rgba(255,255,255,0.3);font-size:14px;}
/* .page-foot-wrap .foot-nav-column a:hover{color:#003CC8;} */
.page-foot-wrap .foot-link:hover{color:rgba(255,255,255,0.3);}
.page-foot-wrap .social-icon:hover i{color:rgba(255,255,255,0.3);}
.page-foot-wrap a:hover{color:rgba(255,255,255,0.3);}




@media screen and (max-width: 1520px) {
  .page-foot .foot-block-1 .block-1-left .block-1-contact{font-size:150px;}
  .page-foot-wrap{padding-top:32px;}
  .page-foot-wrap .foot-nav .nav-left .foot-nav-list{flex:1;}
  .page-foot-wrap .foot-nav .nav-left .foot-nav-list .nav-item{margin-right:24px;flex:1;}

  .page-foot-wrap .foot-top-section{display: block;}
  .page-foot-wrap .foot-top-section .foot-logo-right{margin-top:8px;}
  
}
@media screen and (max-width: 1300px) {
  .page-foot-wrap{}
  .page-foot-wrap .foot-nav{display: block;}
  .page-foot-wrap .foot-nav .nav-right-qrcode{margin-top:32px;}
  .page-foot-wrap .foot-contact{margin-top:32px;}
  .page-foot-wrap .foot-nav .nav-left .foot-nav-list .nav-item .nav-sub-list{margin-top:12px;}

  .page-foot-wrap .foot-main-section{padding-top:24px;display: block;padding-left:16px;padding-right:16px;}
  .page-foot-wrap .foot-nav-section{width:100%;}

  .page-foot-wrap .foot-top-section{padding-left:16px;padding-right:16px;}
  
  
}
@media screen and (max-width: 1180px) {
  .page-foot-wrap .foot-nav .nav-left .foot-nav-list{flex-wrap:wrap;}
  .page-foot-wrap .foot-nav .nav-left .foot-nav-list .nav-item{min-width:33.333%;box-sizing: border-box;margin:0;padding-left:8px;padding-bottom:24px;}
  .page-foot-wrap .foot-nav-column{margin-right:24px;}
  .page-foot-wrap .foot-nav-column .nav-column-group{display: none;}
  .page-foot-wrap .nav-column-title{margin-bottom:0;}
  
}
@media screen and (max-width: 750px) {
   
  /* .page-foot-wrap .foot-nav .nav-left .foot-nav-list{display: flex;} */
  .page-foot-wrap .foot-contact .contact-left .left-t2{display: flex;flex-direction: column;margin-top:16px;}

  .page-foot-wrap{}
  .page-foot-wrap .foot-copyright{display: block;;}
  .page-foot-wrap .foot-contact .contact-left .left-t1 .t1-icon i{font-size:32px;}
  .page-foot-wrap .foot-contact .contact-left .left-t1 .t1-txt{font-size:24px;}
  .page-foot-wrap .foot-contact .contact-left .left-t1 .t1-icon{margin-right:8px;}
  .page-foot-wrap .foot-nav .nav-left .foot-nav-list .nav-item{min-width:50%;}

  .page-foot-wrap .nav-right-qrcode .foot-qrcode-box{display: none;}

  .page-foot-wrap .foot-rusin-desc .desc-in{font-size:12px;margin-top:32px;}

  .page-foot-wrap .foot-address-box .address-in .address-tit{font-size:18px;}
  .page-foot-wrap .foot-address-box .address-cont .address-item .item-tit{font-size:16px;}
  .page-foot-wrap .foot-address-box .address-cont .address-item .item-mate-box{font-size:14px;}

  .page-foot-wrap .foot-logo img{height:37px;}

  .page-foot-wrap .foot-top-section{padding-top:8px;}

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

}
/*页脚 start*/


.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);}


.fixed-area{position:fixed;right:0;bottom:0;z-index: 10;background: #000;display: flex;align-items: center;color:#999;}
.fixed-area .area-item{display: block;color:#999;cursor: pointer;position:relative;}
.fixed-area .area-item:after{content:"";position:absolute;top:50%;transform: translateY(-50%);right:0;border-right:1px solid #666;height:30px;}
.fixed-area .area-item:last-child:after{display: none;}
.fixed-area .item-tel{background: var(--primary-color);color:#fff;}
.fixed-area .item-tel a{color:#fff;}
.fixed-area .item-top{padding-right:16px;padding-left:12px;}
.fixed-area .item-in{height:60px;padding:0 16px;display: flex;align-items: center;justify-content: center;}
.fixed-area .item-in .item-icon i{font-size:24px;}
.fixed-area .item-in .item-txt{font-size:14px;padding-left:4px;}



.page-main{position:relative;z-index: 97;}
.stick-scroll .page-main{}
/*首页内容距离顶部距离*/
.page-main{}


/*页面头部 start*/
.page-head{
  display: flex;justify-content: space-between;position:fixed;top:0;left:0;right:0;padding:0 100px;
  z-index: 99;height:80px;transition: all .3s;
  /*background: linear-gradient(to bottom, rgba(0,0,0,.3), transparent);*/
}
.page-head.txt-dark{}
.page-head.txt-dark .head-nav ul li a{color:var(--text-color);}
.page-head.txt-dark .head-right .head-right-item .search-item-in i{color:var(--text-color);}
.page-head.txt-dark:before{display: none;}


.page-head:before{content:"";display: block;height:150px;left:0;top:0;right:0;position: absolute;background: linear-gradient(to bottom, rgba(0,0,0,.3), transparent);}
.stick-scroll .page-head:before{display: none;}
/* .page-head * {transition: all .3s;} */
.page-head .head-right{display: flex;align-items: center;justify-content: flex-end;z-index: 100;flex:1;}
.page-head .head-right .head-right-item{display: flex;align-items: center;justify-content: flex-start;margin:0 0 0 16px;cursor: pointer;}
.page-head .head-right .head-right-item .lang-item-in{border-radius: 999px;overflow: hidden;width:24px;height:24px;}
.page-head .head-right .head-right-item .lang-item-in img{display: block;width:100%;height:100%;border-radius: 999px;}
.page-head .head-right .head-right-item.search-item{margin-right:16px;}
.page-head .head-right .head-right-item .search-item-in{display: flex;align-items: center;justify-content: center;}
.page-head .head-right .head-right-item .search-item-in i{font-size:18px;color:#fff;font-weight: bold;}
.page-head .head-right .head-right-item .ask-item-in{display: flex;align-items: center;justify-content: center;border-radius: 999px;background: #F5F7FA;padding:4px 16px 4px 4px;}
.page-head .head-right .head-right-item .ask-item-in .ask-icon{width:30px;height:30px;display: flex;align-items: center;justify-content: center;border-radius: 999px;color:#000;background: var(--primary-color);margin-right:8px;}
.page-head .head-right .head-right-item .ask-item-in .ask-icon i{font-size:16px;color:#fff;}
.page-head .head-right .head-right-item .ask-item-in .ask-txt{font-size:16px;color:var(--text-color);}








.page-head .head-right .head-right-item:first-child{margin-left:0;}
.page-head .head-right .head-right-item .menu-item-icon{width:27px;height:27px;display: flex;align-items: center;justify-content: center;border-radius: 999px;color:#fff;}
.stick-scroll .page-head .head-right .head-right-item .menu-item-icon i{color:#000;}
.page-head #headMenuBtn{display: none;}
.page-head .head-right .head-right-pc-in{display: flex;align-items: center;}
.page-head .head-right .head-right-pc-in .right-pc-item{display: flex;align-items: center;justify-content: center;background: #ccc}
.page-head .head-right .head-right-pc-in .right-pc-item.lang-item{padding:0;border-left:1px solid transparent;}
.page-head .head-right .head-right-pc-in .right-pc-item.lang-item .lang-txt{cursor:pointer;font-size:16px;color:#999;}
.page-head .head-right .head-right-pc-in .right-pc-item.lang-item .lang-txt.curr{color:#333;}
.page-head .head-right .head-right-pc-in .tel-item{background: #BA9945;padding:0 50px;color:#fff;}
.page-head .head-right .head-right-pc-in .tel-icon{padding-right:10px;}
.page-head .head-right .head-right-pc-in .tel-icon i{font-size:21px;color:#fff;}
.page-head .head-right .head-right-pc-in .tel-left-label{font-size:14px;}
.page-head .head-right .head-right-pc-in .tel-left-cont{font-size:20px;}

.page-head .head-logo{display: none;margin-right:50px;position: relative;z-index: 100;}
.page-head .head-logo .logo-link{display: flex;align-items: center;}
.page-head .head-logo .logo-link .logo-img{display: block;height:42px;}
.page-head.stick .head-logo .logo-link .logo-img{height:42px;}
.page-head .head-nav {margin-right:24px;flex:1;}
.page-head .head-nav ul{display: flex;}
.page-head .head-nav ul li {padding:0 12px;}

.page-head .head-nav ul li:first-child {padding-left:0;}
.page-head .head-nav ul li.pc-logo {flex:1;display: flex;justify-content: center;}
.page-head .head-nav ul li.pc-logo img{display: block;height:38px;}
.page-head .head-nav ul li a{text-align: center;font-size:14px;display: flex;align-items: center;justify-content: center;height:100px;font-family:var(--title-family);position:relative;color:#fff;}

.page-head .head-nav ul li span{position:relative;z-index: 2;}
.page-news-detail .page-head .head-nav ul li a{color:var(--text-color)}
.page-news-detail .page-head .head-nav ul li a:after{}
.page-head .head-nav ul li.curr a,
.page-head .head-nav ul li a:hover{color:var(--primary-color);}
.page-head .head-nav ul li a{transition: all .5s;}
.page-head .head-nav ul li a::after{
  content:"";display: none;height:6px;background-color:var(--primary-color);position:absolute;left:0;width:0;top:50%;transform: translateY(calc(-50% + 9px));transition: all .5s;
}
.page-head .head-nav ul li a:hover::after ,.page-head .head-nav ul li.curr a::after{
  width:100%;
}
.page-head .head-right-end{display: flex;align-items: center;}
.page-head .head-right-end .head-shejiao-box{display: flex;align-items: center;}
.page-head .head-right-end .head-shejiao-box a{display: block;padding:0 8px;}
.page-head .head-right-end .head-shejiao-box a:hover{}
.page-head .head-right-end .head-shejiao-box a i{font-size:20px;}
.page-head .head-right-end .head-book-btn{
  margin-left:24px;
}
.page-head .head-right-end .head-book-btn:hover{cursor: pointer;}
.page-head .head-right-end .head-link-btn-box{padding-left:16px;}
.page-head .head-right-end .link-btn{display: flex;align-items: center;height:50px;border:1px solid var(--primary-color);padding:0 4px 0 24px;border-radius: 999px;box-sizing: border-box;}

.page-head .head-right-end .link-btn .btn-txt{padding-right:16px;}
.page-head .head-right-end .link-btn .btn-icon{width:40px;height:40px;border-radius: 999px;display: flex;align-items: center;justify-content: center;background: var(--primary-color);}

.page-head.stick {box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);transition: all .3s ease 0s;height:60px;background:#fff;z-index: 101;}
.page-head.stick .head-right-end .link-btn{height:40px;}
.page-head.stick .head-right-end .link-btn:hover{background: var(--primary-color)}
.page-head.stick .head-right-end .link-btn .btn-icon{width:32px;height:32px;}
.page-head.stick .head-nav ul li a{height:60px;color:var(--text-color);}
.page-head.stick .head-nav ul li.curr a,.page-head.stick .head-nav ul li a:hover{height:60px;color:var(--primary-color);}
.page-head.stick .head-right .head-right-item .search-item-in i{color:var(--text-color);}

@media screen and (max-width: 1520px) { 
  .page-head .head-nav ul li a:hover{}
  .page-head .head-nav ul li a:hover::after ,.page-head .head-nav ul li.curr a::after{transform: translateY(calc(-50% + 10px));}
  .page-head{padding:0 16px;}
}
@media screen and (max-width: 1300px) {
  .page-head{padding:0 24px;background:#fff;}
  .page-head:before{display: none;}
  .page-head .head-logo{display: flex;align-items: center;}
  .page-head .head-nav{display: none;}
  .page-head #headMenuBtn{display: block;}
  .page-head .head-right-end .head-shejiao-box{display: none;}
  .page-head .head-nav ul li{padding:0 10px;}
  .page-head .head-nav ul li a{font-size:16px;}
  

  .page-head .head-right #headMenuBtn{display: block;}
  .page-head .head-right .head-right-item .menu-item-icon{color:#000;}
}
@media screen and (max-width: 1180px) {

}
@media screen and (max-width: 750px) {
  .page-head{padding-left:16px;height:60px;padding-right:16px;}
  .page-head .head-right-end .link-btn{height:40px;}
  .page-head .head-right-end .link-btn .btn-icon{width:32px;height:32px;}
  .page-head .head-right-end .head-link-btn-box{display: none;}
  .page-head:before{display: none;}
  .page-head .head-logo .logo-link .logo-img{display: block;height:32px;}
  .page-head .head-right .head-right-item{margin-left:8px;}
  .page-head .head-right .head-right-item .ask-item-in .ask-txt{font-size:12px;}
  .page-head .head-right .head-right-item .ask-item-in .ask-icon{width:24px;height:24px;}

  .page-head.stick .head-logo .logo-link .logo-img{height:32px;}

  

}
@media screen and (max-width: 480px) {
  .page-head .head-right-end .head-shejiao-box{display: none;}

}
/*页面头部 end*/


/*通用:更多*/
.common-more-box{height:34px;position:relative;display: flex;transition: all .3s;padding-right:16px;}
.common-more-box.primary-more{}
.common-more-box .more-in{position:relative;display: flex;}
.common-more-box *{transition: all .3s;}
.common-more-box .bg{
  width:13px;position:absolute;top:0;bottom:0;left:0;content:"";background-color:#fff;display: flex;align-items: stretch;z-index: 1;
}
.common-more-box.primary-more .bg{background-color:var(--primary-color);}
.common-more-box .contact-in{padding-left:24px;display: flex;align-items: center;color:#fff;cursor: pointer;position:relative;z-index: 2;}
.common-more-box.primary-more .contact-in{color:var(--primary-color);}
.common-more-box .contact-in .contact-txt{font-size:26px;font-weight:bold;line-height: 1;}
.common-more-box .contact-in .contact-arrow{padding-left:8px;font-size:26px;line-height: 1;}
.common-more-box:hover .bg{width:100%;}
.common-more-box:hover .contact-in{padding-left:16px;color:var(--primary-color);padding-right:16px;}
.common-more-box.primary-more:hover .bg{background: var(--primary-color);}
.common-more-box.primary-more:hover .contact-in{color:#fff;}

/*移动端导航*/
.common-menu-box{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,1);z-index: 999999;color:#fff;display: none;width:100%;box-sizing: border-box;}
.common-menu-box .menu-box-in{position:fixed;top:24px;right:100px;bottom:24px;left:100px;display: flex;flex-direction: column;}
.common-menu-box .menu-head{display: flex;align-items: center;justify-content: space-between;}
.common-menu-box .menu-head a{display: block;}
.common-menu-box .menu-head a img{display: block;height:42px;}
.common-menu-box .menu-box-close{
  width:14px;height:14px;background: url("../img/icon/icon-close.png") no-repeat center center;
  background-size:contain;cursor: pointer;
}
.common-menu-box .menu-bottom{flex:1;padding:0;display: flex;align-items: center;justify-content: center;box-sizing: border-box;}
.common-menu-box .bottom-nav-box{width:100%;}
.common-menu-box .bottom-nav-box ul.nav-ul,.common-menu-box .bottom-nav-box li.nav-li{margin:0;padding:0;list-style: none;}
.common-menu-box .bottom-nav-box li.nav-li{display: flex;align-items: center;justify-content: center;position:relative;}

.common-menu-box .bottom-nav-box li.nav-li a.nav-a{font-size:18px;color:#fff;line-height: 0.9;display: block;text-align: center;font-weight:normal;position:relative;z-index: 3;padding:20px 0;flex:1;}
.common-menu-box .bottom-nav-box li.nav-li:hover a.nav-a{color:var(--primary-color);}
.common-menu-box .bottom-nav-box li.nav-li a.nav-a:before{content:"";display: block;position:absolute;top:0;left:0;right:0;bottom:0;z-index: 2;}
.common-menu-box .bottom-nav-box a.nav-a .t1{font-size:20px;}
.common-menu-box .bottom-nav-box a.nav-a .t2{font-size:21px;margin-left:30px;}
.common-menu-box .bottom-nav-box li.nav-li .marquee-box{position:absolute;top:50%;left:-100px;right:-100px;overflow: hidden;transform: translateY(-50%);z-index: 1;cursor: pointer;visibility: hidden;opacity: 0;}
.common-menu-box .bottom-nav-box li.nav-li:hover .marquee-box{visibility: visible;opacity: 1;}
.common-menu-box .bottom-nav-box li.nav-li .marquee-box li{float:left;padding:0 32px;font-size:16px;font-weight:bold;color:#fff;}

.common-menu-box .menu-foot{display: flex;align-items: center;justify-content: space-between;display: none;}
.common-menu-box .menu-foot .menu-foot-left{font-size:20px;flex:1;}
.common-menu-box .menu-foot .menu-foot-center{flex:1;text-align: center;display: flex;justify-content: center;gap:16px;}
.common-menu-box .menu-foot .menu-foot-center .menu-foot-center-tit{color:rgba(255,255,255,0.3);padding-bottom:8px;}
.common-menu-box .menu-foot .menu-foot-center .menu-foot-center-img{}
.common-menu-box .menu-foot .menu-foot-center .menu-foot-center-img img{display: block;width:120px;margin:0 auto;}
.common-menu-box .menu-foot .menu-foot-right{flex:1;text-align: right;}
.common-menu-box .menu-foot .menu-foot-right a{color:#fff;}
.common-menu-box .menu-foot .menu-foot-right a i{font-size:14px;color:var(--text-color);}
.common-menu-box .menu-foot .menu-foot-right .shejiao-box{display: flex;align-items: center;justify-content: flex-end;}
.common-menu-box .menu-foot .menu-foot-right .shejiao-item{width:32px;height:32px;background: #fff;border-radius: 999px;display: flex;align-items: center;justify-content: center;margin-left:8px;}


.common-menu-box .bottom-nav-box .ul-menu-sub{padding-left:24px;line-height: 2}
.common-menu-box .bottom-nav-box .ul-menu-sub a{display: block;color:#5B595A;font-size:20px;}

.common-menu-box .bottom-nav-box .nav-item-in{
  display: inline-block;line-height: 1;position:relative;
}
.common-menu-box .bottom-nav-box .curr .nav-item-in:after{
  content:"";display: block;position:absolute;left:0;right:0;bottom:7px;height:6px;background: var(--primary-color);
  opacity: .5;
}
.common-menu-box .bottom-nav-box .curr a,.common-menu-box .bottom-nav-box .curr a{
  color:#fff;
}
.common-menu-box .bottom-connect{display: flex;align-items: center;}
.common-menu-box .bottom-connect .connect-left img{display: block;width:150px;height:auto;}
.common-menu-box .bottom-connect .connect-right{padding-left:60px;}
.common-menu-box .bottom-connect .connect-right .connect-label{color:#5B595A;}
.common-menu-box .bottom-connect .connect-right .connect-label i{font-size:30px;}
.common-menu-box .bottom-connect .connect-right .connect-label span{font-size:20px;}
.common-menu-box .bottom-connect .connect-right .connect-num{font-size:30px;color:#5B595A;font-family: StretchPro}
.common-menu-box .bottom-connect .connect-right .connect-shejiao{
  display: flex;align-items: center;justify-content: space-between;padding-top:8px;
}
.common-menu-box .bottom-connect .connect-right .connect-shejiao .shejiao-item{
  width:50px;height:50px;border-radius: 99px; display: flex;
  align-items: center;justify-content: center;background: #282727;font-size:30px;
}
.common-menu-box .bottom-connect .connect-right .connect-shejiao .shejiao-item i{
  font-size:30px;color:#fff;
}



@media screen and (max-width: 1520px) {
  
}
@media screen and (max-width: 1300px) {
  
}
@media screen and (max-width: 1180px) {
  .page-help-center-list .help-center-main{padding-top:100px;}
  .common-menu-box .menu-box-in{left:24px;right:24px;}
  .common-menu-box .bottom-nav-box li.nav-li a.nav-a{}
  
  
}
@media screen and (max-width: 750px) {
  .common-menu-box .bottom-nav-box li.nav-li a.nav-a{}
  .common-menu-box .menu-foot{display: block;}
  .common-menu-box .menu-foot .menu-foot-right{display: none;}

  .common-menu-box .menu-foot .menu-foot-left{padding-bottom:24px;}

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


/* 通用project列表 */
.common-project-list {}
.common-project-list .project-list-in{margin:-15px;}
.common-project-list .sub-item{width:33.333333%;padding:15px;}
.common-project-list .sub-item-in{display: block;}
.common-project-list .sub-item-img{position:relative;overflow:hidden;border-radius: 10px;}
.common-project-list .sub-item-img:hover img{transform: scale(1.05);}
.common-project-list .sub-item-img img{display: block;width:100%;border-radius: 10px;transition: all 0.3s ease;}
.common-project-list .sub-item-info{margin-top:20px;}
.common-project-list .sub-item-info .sub-item-link{display: block;font-size:16px;font-weight:400;}



/*公共banner start*/
.common-banner {}
.common-banner .banner-in{position:relative;}
.common-banner .banner-in .banner-img{display: block;width:100%;}
.common-banner .banner-in .banner-txt-box{position:absolute;left:100px;bottom:100px;}
.common-banner .banner-in .banner-txt-box .t1{font-size:60px;line-height: 1;color:var(--primary-color);font-weight:bold;}
.common-banner .banner-in .banner-txt-box .bread-box{color:#666;margin-top:50px;}
.common-banner .banner-in .banner-txt-box .bread-box .bread-item{color:#666;}
.common-banner .banner-in .banner-txt-box .bread-box .item-line{margin:0 4px;color:#666;}



.page-contact .common-banner .banner-in .banner-txt-box .t1,
.page-services .common-banner .banner-in .banner-txt-box .t1,
.page-about .common-banner .banner-in .banner-txt-box .t1
{color:#fff;}

/************************************* 二级页面banner start*/
.common-sub-banner{position:relative;height:837px;overflow: hidden;}
.common-sub-banner .sub-banner-in{position:absolute;top:0;left:0;right:0;bottom:0;transform: scale(1.3)}
.common-sub-banner .sub-banner-in-m{position:absolute;top:0;left:0;right:0;bottom:0;transform: scale(1.3);display: none;}
.common-sub-banner .sub-banner-info-box{position:absolute;left:60px;color:#fff;bottom:170px;}
.common-sub-banner .sub-banner-info-box .t1{font-size:60px;white-space: normal;font-weight:bold;}
.common-sub-banner .sub-banner-info-box .t2{font-size:20px;font-family: Montserrat;white-space: normal;}
.common-sub-banner .sub-banner-info-box .info-btn{display: flex;}
.common-sub-banner .sub-banner-info-box .info-btn .common-btn{margin-top:32px;}
@media screen and (max-width: 1520px) {

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

}
@media screen and (max-width: 1180px) {
  .common-sub-banner{height:600px;}
  .common-sub-banner .sub-banner-info-box{left:16px;top:initial;bottom:50px;right:16px;}
  .common-sub-banner .sub-banner-info-box .t1{font-size:30px;}
  .common-sub-banner .sub-banner-info-box .info-btn .common-btn{margin-top:16px;}

}
@media screen and (max-width: 750px) {
  .common-sub-banner{height:100vh;}
  .common-sub-banner .sub-banner-info-box .t1{font-size:24px;}
  .common-sub-banner .sub-banner-info-box .t2{font-size:18px;}

  .common-sub-banner .sub-banner-in{display: none;}
  .common-sub-banner .sub-banner-in-m{display: block;}
}
@media screen and (max-width: 480px) {

}
/************************************* 二级页面banner end*/


/************************************* 产品树形 start*/
.com-product-category-box{}
.com-product-category-box .custom-tree-node{width:100%;}
.com-product-category-box .custom-tree-node a{display: block;}
.com-product-category-box .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content .custom-tree-node a{color:var(--primary-color);}
.com-product-category-box .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background:none;}
 
.com-product-category-box .el-tree-node__content{padding-top:3px;padding-bottom:3px;}

/************************************* 产品树形 end*/







/*二级页面通用主内容*/
.pag-sub-content{background: #fafafa;padding:90px 160px;}


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

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





/*************************首页banner  end*/


/*************************首页brand  start*/

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

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


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

}
@media screen and (max-width: 750px) {
  .index-brand-advantage .brand-right .brand-item{padding-bottom:50px;}
  .index-brand-advantage .brand-right .brand-item .item-txt{font-size:20px;}
  .index-brand-advantage .brand-right .brand-item .item-icon i{font-size:22px;}
}
@media screen and (max-width: 480px) {

}
/*************************首页brand  end*/



/*************************首页视频  start*/

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

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

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

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

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

}
/*************************首页brand  end*/



/*************************新闻列表  start*/ 
.common-hot-news-swiper .hot-item-box .hot-right .date-year{font-size:18px;}
.common-hot-news-swiper .hot-item-box .hot-right .date-day{font-size:28px;}
.common-hot-news-swiper .hot-item-box .hot-right .hot-date{margin-right:32px;}
.common-hot-news-swiper .hot-item-box .hot-right .news-tit a{font-size:24px;}

.common-hot-news-swiper{width:100%;overflow:hidden;position: relative;}
.common-hot-news-swiper .swiper-container{width:100%}
.common-hot-news-swiper .swiper-container img{display: block;width:100%;}
.common-hot-news-swiper .hot-item-box{display: flex;background-color: #fff;border-radius: 16px;}
.common-hot-news-swiper .hot-item-box .hot-left{width:65.6%;}
.common-hot-news-swiper .hot-item-box .hot-left img{display: block;width:100%;border-radius: 16px;}
.common-hot-news-swiper .hot-item-box .hot-right{flex:1;padding:50px;}
.common-hot-news-swiper .hot-item-box .hot-right .hot-date{margin-right:85px;}
.common-hot-news-swiper .hot-item-box .hot-right .date-year{font-size:14px;}
.common-hot-news-swiper .hot-item-box .hot-right .news-tit a{display: block;font-size:26px;color:#000;font-weight:normal;}
.common-hot-news-swiper .hot-item-box .hot-right .news-tit a:hover{color:var(--primary-color);}
.common-hot-news-swiper .hot-item-box .hot-right .news-desc{font-size:16px;margin-top:50px;line-height: 1.8}
.common-hot-news-swiper .hot-item-box .hot-right .news-more{display: flex;align-items: center;justify-content: flex-end;margin-top:50px;}
.common-hot-news-swiper .hot-item-box .hot-right .news-info{flex:1;}
.common-hot-news-swiper .hot-item-box .hot-right .news-info .news-tit{flex:1;margin-top:20px;}
.common-hot-news-swiper .swiper-pagination{display: flex;justify-content: flex-end;bottom:50px;box-sizing: border-box;padding-right:50px;}
.common-hot-news-swiper .swiper-pagination .swiper-pagination-bullet{width:10px;height: 10px;background: #ECEEEC;opacity: 1;}
.common-hot-news-swiper .swiper-pagination .swiper-pagination-bullet-active{width:10px;height: 10px;background: var(--primary-color);}


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

}
@media screen and (max-width: 1300px) {
  
}
@media screen and (max-width: 1180px) {
  .common-hot-news-swiper .hot-item-box{display: block;}
  .common-hot-news-swiper .hot-item-box .hot-left{width:100%;}
  .common-hot-news-swiper .hot-item-box .hot-right{padding:24px;}
  .common-hot-news-swiper .swiper-pagination{bottom:16px;padding-right:0;justify-content: center;}
  .common-hot-news-swiper .swiper-container{background-color: #fff;border-radius: 16px;}
}
@media screen and (max-width: 750px) {
  
}
/*************************首页产品分类  end*/


/*************************新闻列表  start*/
.common-news-list{margin-top:57px;}
.common-news-list .common-news-list-in{margin:-16px;}
.common-news-list .news-item{width:33.333%;padding:16px;}
.common-news-list .news-item .news-item-in{background-color: #fff;border-radius: 16px;padding:32px 28px 16px 28px;display: block;;}
.common-news-list .news-item .news-item-t1{font-size:26px;margin-top:24px;height:117px;}
.common-news-list .news-item .news-item-foot{margin-top:24px;border-top:1px solid var(--border-color);padding-top:16px;}
.common-news-list .news-item .news-item-foot .item-foot-more{display: flex;justify-content: flex-end;cursor: pointer;align-items: center;vertical-align: middle;;line-height:1.3;}
.common-news-list .news-item .news-item-foot .item-foot-more i{font-size:16px;}
.common-news-list .news-item:hover .news-item-foot .item-foot-more{}
.common-news-list .news-item .news-item-in:hover{box-shadow:0 8px 32px 0 rgba(190,56,47,0.12);transform:translateY(-4px);transition:all .3s;}


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

}
@media screen and (max-width: 1300px) {
  
}
@media screen and (max-width: 1180px) {
  .common-news-list{margin-top:32px;}
}
@media screen and (max-width: 750px) {
  .common-grid .common-grid-in .common-grid-item{width:100%;}
  .common-hot-news-swiper .hot-item-box .hot-right .news-tit a{font-size:20px;}
  .common-news-list .news-item .news-item-t1{font-size:20px;max-height:117px;height:auto;}
}
/*************************新闻列表  end*/



/*************************公共Banner swiper  start*/
.common-banner-wrap{position:relative;}
.common-banner-wrap.sub-page-banner .swiper-slide .common-banner-swiper-link{height:600px;}
.common-banner-wrap video{display: block;width:100%;}
.common-banner-wrap .swiper-slide .common-banner-swiper-link{display: block;width:100%;position:relative;overflow: hidden;height:937px;}
.common-banner-wrap .swiper-slide .common-banner-swiper-link img{display: block;width:100%;}
.common-banner-wrap .swiper-slide .common-banner-swiper-link .common-banner-item-in{
  position:absolute;left:0;top:0;right:0;bottom:0;transform: scale(1.15);
}

/* 首页banner */
.common-banner-wrap.index-banner .swiper-slide .common-banner-swiper-link{height:auto;}
.common-banner-wrap.index-banner .swiper-slide .common-banner-swiper-link .common-banner-item-in-txt{position:absolute;height:100%;top:0;left:0;right:0;bottom:0;}
.common-banner-wrap.index-banner .swiper-slide .common-banner-swiper-link .txt-box{position:absolute;left:16px;bottom:330px;color:#fff;}
.common-banner-wrap.index-banner .swiper-slide .common-banner-swiper-link .txt-box-in{
  width:100%;max-width:680px;
}
.common-banner-wrap.index-banner .swiper-slide .common-banner-swiper-link .txt-box-title{color:#fff;font-size:42px;line-height: 1;font-weight:normal;}
.common-banner-wrap.index-banner .swiper-slide .common-banner-swiper-link .txt-box-sub-title{color:#fff;font-size:26px;line-height: 1;font-weight:normal;margin-top:24px;}
.common-banner-wrap.index-banner .swiper-slide .common-banner-swiper-link .txt-box-desc{color:#fff;font-size:14px;line-height: 1;margin-top:24px;}
.common-banner-wrap.index-banner .swiper-slide .common-banner-swiper-link .txt-box-btn-list{display: flex;align-items: center;gap:20px;margin-top:50px;}
.common-banner-wrap.index-banner .swiper-slide .common-banner-swiper-link .common-banner-btn{height:44px;display: flex;align-items: center;justify-content: center;font-size:14px;border-radius: 6px;padding:0 24px;}
.common-banner-wrap.index-banner .swiper-slide .common-banner-swiper-link .banner-btn-primary{background:var(--primary-color);color:#fff;}
.common-banner-wrap.index-banner .swiper-slide .common-banner-swiper-link .banner-btn-default{background:#fff;}

.common-banner-wrap .swiper-slide .common-banner-swiper-link .common-banner-item-in-m{position:absolute;left:0;top:0;right:0;bottom:0;transform: cale(1.15);display: none;}

.common-banner-wrap .swiper-slide .common-banner-swiper-link .banner-title{position:absolute;font-size:68px;color:#fff;text-align: center;
  left:0;right:0;top:50%;transform: translateY(-30%);font-weight:normal;animation: common-banner-title-slide-in 2s ease-in-out;
  font-family: MontserratThin;
}
.common-banner-wrap .swiper-slide .common-banner-swiper-link .banner-small{position:absolute;display: block;left:60px;top:50%;transform: translateY(-50%);height:73px;}

.common-banner-wrap .swiper-slide .common-banner-swiper-link .common-banner-info-box{
  position:absolute;bottom:50px;left:70px;white-space: pre;color:#fff;line-height: 1.2;
}
.common-banner-wrap .swiper-slide .common-banner-swiper-link .swiper-item-txt{font-size:60px;white-space: normal;}
.common-banner-wrap .swiper-slide .common-banner-swiper-link .swiper-item-sub-txt{font-size:20px;white-space: normal;}
.common-banner-wrap .swiper-slide .common-banner-swiper-link .swiper-item-btn-box{display: flex;}

.common-banner-wrap .swiper-button-next,.common-banner .swiper-button-prev{opacity: 0;}
.common-banner-wrap .common-banner-swiper:hover .swiper-button-next,
.common-banner-wrap .common-banner-swiper:hover .swiper-button-prev
{opacity: 1;}

.common-banner-wrap .only-one .swiper-button-next,
.common-banner-wrap .only-one .swiper-button-prev{
  display: none !important;
}

.common-banner-wrap .swiper-pagination {display: flex;justify-content: flex-end;right:0;width:auto;
  padding-right:160px;bottom:80px;}
.common-banner-wrap .swiper-pagination-bullet{width:10px;height:10px;border-radius: 999px;border:1px solid #fff;box-sizing: border-box;display: flex;align-items: center;justify-content: center;background: #fff;bottom:80px;}
/* .common-banner-wrap .swiper-pagination-bullet:before{content:"";width:4px;height:4px;background: #fff;border-radius: 999px;display: block;} */
.common-banner-wrap .swiper-pagination-bullet-active{border-color: var(--primary-color);background-color: var(--primary-color);}
/* .common-banner-wrap .swiper-pagination-bullet-active:before{background-color: var(--primary-color);} */
.common-banner-wrap .common-swiper-arrow-box{position:absolute;right:60px;bottom:80px;display: flex;align-items: flex-end;color:#fff;z-index: 12;line-height: 1;display: none;}
.common-banner-wrap .common-swiper-arrow-box .arrow-item{cursor: pointer;width:80px;height:32px;display: flex;align-items: center;justify-content: center;}
.common-banner-wrap .common-swiper-arrow-box .arrow-item i{font-size:20px;font-weight:bold;}
.common-banner-wrap .common-swiper-arrow-box .arrow-num{font-size:30px;}
.common-banner-wrap .common-banner-swiper.only-one .common-swiper-arrow-box{display: none;}

.common-banner-wrap.sub-page-banner .swiper-slide .common-banner-swiper-link .common-banner-item-in-txt{position:relative;height:100%;display:flex;align-items: center;justify-content: center;}
.common-banner-wrap.sub-page-banner .swiper-slide .common-banner-swiper-link .common-banner-item-in-txt .txt-box .txt-box-title{font-size:42px;color:#fff;text-align: center;}
.common-banner-wrap.sub-page-banner .swiper-slide .common-banner-swiper-link .common-banner-item-in-txt .txt-box .txt-box-sub-title{font-size:26px;color:#fff;font-weight:400;margin-top:24px;text-align: center;}


@media screen and (max-width: 1520px) { 
  .common-banner-wrap.index-banner .swiper-slide .common-banner-swiper-link .txt-box{left:16px;top:50%;transform: translateY(-50%);}
}
@media screen and (max-width: 1300px) {
  .common-banner-wrap .swiper-slide .common-banner-swiper-link .banner-small{left:24px;width:50%;height:auto;}
  .common-banner-wrap .swiper-slide .common-banner-swiper-link .common-banner-item-in-txt{}
}
@media screen and (max-width: 1180px) {
  /* .common-banner .swiper-slide .common-banner-swiper-link{height:600px;} */
  .common-banner-wrap .swiper-slide .common-banner-swiper-link .swiper-item-txt{font-size:32px;left:24px;bottom:24px;}
  .common-banner-wrap .swiper-pagination{bottom:16px;}
  .common-banner-wrap .common-swiper-arrow-box{bottom:12px;}
  .common-banner-wrap .swiper-slide .common-banner-swiper-link .banner-title{font-size:48px;}

  .common-banner-wrap.index-banner .swiper-slide .common-banner-swiper-link .txt-box-btn-list{margin-top:32px;}
 
}
@media screen and (max-width: 750px) {

  .common-banner-wrap .swiper-slide .common-banner-swiper-link{height:100vh;}
  .common-banner-wrap.sub-page-banner .swiper-slide .common-banner-swiper-link{height:40vh;}
  .common-banner-wrap .swiper-slide .common-banner-swiper-link .common-banner-item-in-m{transform: scale(1);}
  .common-banner-wrap .swiper-slide .common-banner-swiper-link .common-banner-info-box{left:16px;right:16px;}
  .common-banner-wrap .swiper-slide .common-banner-swiper-link .swiper-item-txt{font-size:24px;}
  .common-banner-wrap .swiper-slide .common-banner-swiper-link .banner-small{left:16px;width:80%;}
  .common-banner-wrap .common-swiper-arrow-box{display: none;}

  .common-banner-wrap .swiper-slide .common-banner-swiper-link .common-banner-item-in{display: none;}
  .common-banner-wrap .swiper-slide .common-banner-swiper-link .common-banner-item-in-m{display: block;}
  .common-banner-wrap .swiper-slide .common-banner-swiper-link .banner-title{font-size:32px;}

  .common-banner-wrap .swiper-slide .common-banner-swiper-link .common-banner-item-in-txt{align-items: center;justify-content: center;padding-bottom:0;font-size:36px;text-align: center;}
  .common-hot-news-swiper .hot-item-box .hot-right .news-desc{margin-top:32px;}

  .common-banner-wrap.index-banner{margin-top:60px;}
  .common-banner-wrap.index-banner .swiper-slide .common-banner-swiper-link .txt-box{left:50%;top:initial;;transform: translateX(-50%);bottom:16px;width:100%;box-sizing:border-box;padding:0 16px;}
  .common-banner-wrap.index-banner .swiper-slide .common-banner-swiper-link .txt-box-title{font-size:24px;display: none;}
  .common-banner-wrap.index-banner .swiper-slide .common-banner-swiper-link .txt-box-sub-title{display: none;}
  .common-banner-wrap.index-banner .swiper-slide .common-banner-swiper-link .txt-box-desc{display: none;}
  .common-banner-wrap.index-banner .swiper-slide .common-banner-swiper-link .txt-box-btn-list{justify-content: center;margin-top:16px;gap:12px;}

  .common-banner-wrap.index-banner .swiper-slide .common-banner-swiper-link .common-banner-btn{font-size:12px;}

  .common-banner-wrap.page-about-banner .swiper-slide .common-banner-swiper-link .common-banner-item-in-txt .txt-box .txt-box-title{font-size:26px;}

  .common-banner-wrap.page-about-banner .swiper-slide .common-banner-swiper-link .common-banner-item-in-txt .txt-box .txt-box-sub-title{font-size:16px;}



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

}
/*************************公共Banner swiper  end*/

/* 新闻列表样式 */
.common-news-section-header {display: flex; justify-content: space-between; align-items: center; padding-top: 60px;  padding-bottom: 35px;}
.common-news-section-header .section-title-box {flex:1;}
.common-news-section-header .section-title {font-size: 32px; font-weight: 500; color: #333;}
.common-news-section-header .section-title-desc {color:var(--text-color-second)}
.common-news-section-header .view-more-link {font-size: 16px; color: #000; display: flex; align-items: center;}
.common-news-section-header .view-more-link:hover {color:var(--primary-color);}
.common-news-section-header .view-more-link i {margin-left: 5px; font-size: 14px;}

.common-news-list-1 {display: flex; flex-direction: column; }
.common-news-list-1 .news-item {display: flex; gap: 30px; background: #fff; overflow: hidden; border-top:1px solid rgba(0,0,0,0.1);padding:40px 0;}
.common-news-list-1 .news-item:hover .news-item-title{color:var(--primary-color);}
.common-news-list-1 .news-item:hover .news-item-more{color:var(--primary-color);}
.common-news-list-1 .news-item-image {width:400px; overflow: hidden;border-radius: 8px;}
.common-news-list-1 .news-item-image img {width: 100%; transition: all 0.3s;display: block;;}
.common-news-list-1 .news-item:hover .news-item-image img {transform: scale(1.05);}
.common-news-list-1 .news-item-content {flex: 1; padding: 0; display: flex; flex-direction: column;}
.common-news-list-1 .news-item-title {font-size: 24px; font-weight: 500; margin-bottom: 10px; color: #333;transition: all 0.3s;}
.common-news-list-1 .news-item-title:hover {color:var(--primary-color);}
/* .common-news-list-1 .news-item:hover .news-item-title{color:var(--primary-color);} */
.common-news-list-1 .news-item-date {font-size: 14px; color: var(--text-color-second); margin-bottom: 15px;}
.common-news-list-1 .news-item-desc {font-size: 16px; color: var(--text-color-second); line-height: 1.6; margin:0; flex: 1;}
.common-news-list-1 .news-item-more-box {display: flex;align-items: center;justify-content: flex-start;margin-top:20px;}
.common-news-list-1 .news-item-more {font-size: 16px; color: var(--text-color-second); display: flex; align-items: center; align-self: flex-start;}
.common-news-list-1 .news-item-more:hover{color:var(--primary-color);}
/* .common-news-list-1 .news-item:hover .news-item-more{color:var(--primary-color);} */
.common-news-list-1 .news-item-more i {margin-left: 5px; font-size: 14px;}

@media screen and (max-width: 992px) {
  .common-news-list-1 .news-item {flex-direction: column;}
  .common-news-list-1 .news-item-image {flex: 0 0 auto; width: 100%;}
  .common-news-list-1 .news-item-content {padding: 0;}
  .common-news-list-1 .news-item-title {font-size: 18px;}
  .common-news-list-1 .news-item-desc {font-size: 15px; margin-bottom: 15px;}
  .common-news-list-1 .news-item-more-box{margin-top:8px;}

  .common-news-list-1 .news-item-more{font-size:14px;}

  .common-news-section-header{display: block;}
  .common-news-section-header .view-more-link{margin-top:8px;}
}

@media screen and (max-width: 480px) {
  .news-section-header {padding-top: 40px; margin-bottom: 20px;}
  .section-title {font-size: 24px;}
  .news-item-image {height: 180px;}
  .news-item-content {padding: 15px;}
  .news-item-title {font-size: 18px; margin-bottom: 8px;}
  .news-item-date {margin-bottom: 10px;}
  .news-item-desc {font-size: 14px; margin-bottom: 10px;}
}

.common-news-list-2{overflow: hidden;}
.common-news-list-2 .news-list-in{margin:-16px;}
.common-news-list-2 .news-item{width:50%;padding:16px;}
.common-news-list-2 .news-item .news-item-in{background-color: #fff;border-radius: 16px;display: block;color:var(--text-color);transition:all .3s;cursor: pointer;}
.common-news-list-2 .news-item .news-item-in:hover .news-item-t1{color:var(--primary-color);}
.common-news-list-2 .news-item .news-item-in:hover .news-item-img img{transform: scale(1.05);}
.common-news-list-2 .news-item .news-item-in .news-item-img{overflow: hidden;border-radius: 16px;}
.common-news-list-2 .news-item .news-item-in .news-item-img img{display: block;width:100%;border-radius: 16px;transition: all 0.3s;}
.common-news-list-2 .news-item .news-item-t1{font-size:20px;margin:0;padding:30px 0 12px 0;font-weight:normal;}
.common-news-list-2 .news-item .news-item-t2{color:var(--text-color-second);}


/* 右侧固定快捷菜单 */
.fixed-side-menu {
  position: fixed;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.fixed-side-menu .side-menu-top {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-radius: 30px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  padding: 10px 8px;
  background-color: #F5F7FA;
}

.fixed-side-menu .side-menu-bottom{
  display: flex;align-items: center;justify-content: center;
}

.fixed-side-menu .side-menu-item {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #666;
  box-sizing: border-box;
  border:5px solid #F5F7FA;
  transition: all .3s;
  background:#fff;
}

.fixed-side-menu .side-menu-item:hover {
  background-color: var(--primary-color);
  color: #fff;
  border-color:#ABBFEB;

}

.fixed-side-menu .side-menu-item i {
  font-size: 18px;
}

/* 商品列表 */
.common-product-list{flex:1;}
.common-product-list .common-el-pagination{margin-top:70px;}
.common-product-list .product-list-in{margin:-15px;overflow: hidden;}
.common-product-list .product-item{padding:15px;width:33.333333%;}
.common-product-list .product-item-in{background-color: #FAFAFA;display: block;padding:20px 22px 0 22px;box-sizing: border-box;overflow: hidden;cursor:pointer;}
.common-product-list .product-item-in.bg-white{background-color: #fff;}
.common-product-list .product-item .product-item-t1{font-size:14px;color:var(--text-color-second);}
.common-product-list .product-item:hover .product-item-t1{color:var(--primary-color);}
.common-product-list .product-item .product-item-t2{margin-top:4px;}
.common-product-list .product-item .product-item-t3{font-size:12px;margin-top:4px;}
.common-product-list .product-item .product-item-img{display: flex;justify-content: center;align-items: center;padding-top:24px;}
.common-product-list .product-item .product-img{display: block;width:80%;margin: 0 auto;transition: all .3s;}
.common-product-list .product-list-pagination{margin-top:50px;display: flex;align-items: center;justify-content: center;}
.common-product-list .product-item:hover .product-img{transform: scale(1.1);}
.common-product-list .common-category-desc {margin-top:60px;}
.common-product-list .common-category-desc .cate-head-box{display:flex;align-items: center;justify-content: space-between;border-bottom:1px solid var(--border-color);padding-bottom:16px;}
.common-product-list .common-category-desc .cate-head-box .head-txt{font-size:26px;}
.common-product-list .common-category-desc .cate-head-box .head-extra{font-size:22px;cursor: pointer;}
/* 展开收起动画效果 */
.common-product-list .common-category-desc .cate-head-cont{overflow:hidden;transition:max-height 0.3s ease-in-out;max-height:0;}
.common-product-list .common-category-desc .cate-head-cont.expanded{max-height:9500px;}
.common-product-list .common-category-desc .cate-head-box .head-extra .expand-icon{transition:transform 0.3s ease-in-out;display:inline-block;}
.common-product-list .common-category-desc .cate-head-box .head-extra .expand-icon.rotating{transform:rotate(180deg);}

.common-el-pagination{display: flex;align-items: center;justify-content: center;}
.common-el-pagination .el-pagination .el-pager{display: flex;align-items: center;gap:8px;}
.common-el-pagination .el-pager li{width:30px;height:30px;border-radius: 999px;background-color:#fff;color:var(--text-color-second);display: flex;align-items: center;justify-content: center;min-width:auto;font-size:16px;}
.common-el-pagination .el-pager li:hover{background-color:var(--primary-color-hover);}
.common-el-pagination .el-pager li.active{background-color: var(--primary-color);color:#fff;}


@media screen and (max-width: 750px) {
  .fixed-side-menu {
    right: 10px;
  }
  
  .fixed-side-menu .side-menu-item {
    width: 36px;
    height: 36px;
  }
  
  .fixed-side-menu .side-menu-item i {
    font-size: 18px;
  }
}



.product-main-box{display: flex;padding-left:100px;padding-right:100px;}
.product-main-box .category-box{border-right:1px solid var(--border-color);margin-right:70px;width:360px;padding-right:24px;box-sizing: border-box;}

.product-main-box .category-box a{cursor: pointer;font-size:14px;}
.product-main-box .category-box a:hover{color:var(--primary-color);}

.product-main-box .category-box .product-category-swiper  a:hover{color:#fff;}

.product-main-box .category-box .level-ul-1{}
.product-main-box .category-box .level-li-1{margin-top:16px;}
.product-main-box .category-box .level-li-1:first-child{margin-top:0;}
.product-main-box .category-box .level-1-in{display: flex;align-items: center;justify-content: space-between;}
.product-main-box .category-box .level-1-in a{font-size:20px;cursor: pointer;}.product-main-box .category-box .level-1-in a.active{color:var(--primary-color);}
.product-main-box .category-box .level-1-in .cat-icon{cursor: pointer;}
.product-main-box .category-box .level-1-in .cat-icon i{transition: transform 0.3s ease-in-out;display: inline-block;}
.product-main-box .category-box .level-ul-2{ margin-top:4px; overflow:hidden; transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1); }
.product-main-box .category-box .level-ul-2{margin-top:4px;overflow:hidden;transition:all 0.3s ease-in-out;max-height:500px;}.product-main-box .category-box .level-li-2{margin-top:4px;}
.product-main-box .category-box .level-ul-2{margin-top:4px;overflow:hidden;transition:all 0.3s ease-in-out;max-height:500px;}
.product-main-box .category-box .level-li-2.active-2 a{color:var(--primary-color);}

.product-main-box .category-box .level-li-2 a{display: flex;flex:1;color:var(--text-color-second)}
.product-main-box .category-box .level-li-2 a:hover{color:var(--primary-color)}
.product-main-box .category-box .level-li-2 a.active{color:var(--primary-color)}
.product-main-box .category-box .level-2-in{display: flex;align-items: center;justify-content: space-between;}
.product-main-box .category-box .level-2-in a{font-size:16px;cursor: pointer;color:var(--text-color-second);}.product-main-box .category-box .level-2-in a.active{color:var(--primary-color);}

.product-main-box .category-box .level-ul-3{margin-top:4px;}
.product-main-box .category-box .level-li-3{margin-top:4px;padding-left:12px;position: relative;}
.product-main-box .category-box .level-li-3::before{content:'';position: absolute;left:0;top:50%;transform: translateY(-50%);width:2px;height:2px;border-radius: 50%;background-color: var(--text-color);}
.product-main-box .category-box .level-li-3.active-3:before{background-color: var(--primary-color);}
.product-main-box .category-box .level-li-3.active-3 a{color:var(--primary-color);}
.product-main-box .category-box .level-li-3 a{display: flex;flex:1;font-size:14px;}
.product-main-box .category-box .level-li-3 a:hover{color:var(--primary-color);}
.product-main-box .category-box .level-li-3 a.active{color:var(--primary-color);}

/* 产品分类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) {

}

.product-main-box .product-box{flex:1;max-width:1150px;}

/* 选择商品组件 */
.com-product-select-drawer{width:100% !important;max-width:1200px !important;}
.com-product-select-box{}
.com-product-select-box .product-main-box{padding:0 20px;}
.com-product-select-box .product-main-box .category-box{width:270px;}

@media screen and (max-width: 1520px) {
  
}
@media screen and (max-width: 1300px) {
  
}
@media screen and (max-width: 1180px) {
  .com-product-select-drawer .com-product-select-box .product-main-box .category-box{width:100%;}
}
@media screen and (max-width: 750px) {
  
}
@media screen and (max-width: 480px) {

}


/* 客户留言 item */
.project-message-list .message-list-item{background:#fff;padding:24px;}
.project-message-list .message-list-item .item-head{display: flex;align-items: center;padding-bottom:16px;border-bottom:1px solid var(--border-color);}
.project-message-list .message-list-item .item-head .item-avatar{border-radius: 999px;width:40px;height:40px;margin-right:16px;}
.project-message-list .message-list-item .item-head .item-avatar img{display: block;width:100%;border-radius: 999px;}
.project-message-list .message-list-item .item-head .item-name{font-size:18px;font-weight:400;}
.project-message-list .message-list-item .item-desc{color:var(--text-color-second);height:168px;overflow: hidden;margin:24px 0;line-height:24px;}
.project-message-list .message-list-item .item-foot{}
.project-message-list .message-list-item .item-foot .foot-t2{color:var(--text-color-second)}
.project-message-list .swiper-bottom-link{display: flex;align-items: center;justify-content: center;padding-top:57px;}

.com-product-detail-swiper{}
.com-product-detail-swiper .product-detail-block{}
.com-product-detail-swiper .product-detail-block .detail-in{overflow:hidden;margin:-16px;}
.com-product-detail-swiper .product-detail-block .detail-in .detail-item{width:33.33333%;padding:16px;}
.com-product-detail-swiper .product-detail-block .detail-in .detail-item-in img{display: block;width:100%;}
.com-product-detail-swiper .product-detail-block .detail-in .detail-item-in video{display: block;width:100%;}




@media screen and (max-width: 1520px) {
  
}
@media screen and (max-width: 1300px) {
  
}
@media screen and (max-width: 1180px) {
  .com-product-detail-swiper .product-detail-block .detail-in .detail-item{width:50%;} 
}
@media screen and (max-width: 750px) {
  .com-product-detail-swiper .product-detail-block .detail-in .detail-item{width:100%;} 
}
@media screen and (max-width: 480px) {

}