@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) {

}

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



/*公共表单布局样式*/
.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-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;}


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

/*公共视频播放弹窗*/
.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-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;box-sizing: border-box;flex:1;}





/* 二级导航 左侧(产品特有的样式) */
.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{flex:1;}
.common-sub-nav-wrap .sub-nav-left .sub-nav-list{}
.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 .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);}

.header-product-nav-swiper{}
.header-product-nav-swiper .swiper-wrapper{padding-bottom:50px;}
.header-product-nav-swiper .news-item-img img{display: block;width:100%;}
.header-product-nav-swiper .header-product-swiper-item{padding:50px;background:#fff;border-radius: 16px;animation:all .3s;display:block;}
.header-product-nav-swiper .header-product-swiper-item .news-item-info{padding-top:16px;}
.header-product-nav-swiper .header-product-swiper-item .nex-item-title{text-align:center;height:56px;}


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


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

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

/*页面头部 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.txt-dark .head-right .head-right-item .lang-txt{color: var(--text-color);}
.page-head.txt-dark .head-right .head-right-item .lang-item-in .lang-icon{color: var(--text-color);}


.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;}
.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{display: flex;align-items: center;color:#fff;}
.page-head .head-right .head-right-item .lang-txt{line-height: 1;margin-top:1px;color:#fff;margin-right:4px;}
.page-head .head-right .head-right-item .lang-icon{color:#fff;}
@media screen and (max-width: 1300px) {
  .page-head .head-right .head-right-item .lang-item-in .lang-txt{color:var(--text-color);}
  .page-head .head-right .head-right-item .lang-item-in .lang-icon{color:var(--text-color);}
}
.page-head .head-right .head-right-item .lang-item-in .lang-icon{font-size:22px;}
.page-head.stick .head-right .head-right-item .lang-txt{color:var(--text-color);}
.page-head.stick .head-right .head-right-item .lang-icon{color:var(--text-color);}

.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-logo{margin-right:50px;position: relative;z-index: 100;display: flex;align-items: center;}
.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-logo .logo-link .logo-white{display: none;}
.page-head .head-logo .logo-link .logo-blue{display: block !important;}
.page-head .head-logo .logo-link .logo-blue{display: none;}
.page-head.stick .head-logo .logo-link .logo-white{display: none;}
.page-head.stick .head-logo .logo-link .logo-blue{display: block;}
.body-hover-nav .page-head .head-logo .logo-link .logo-white{display: none;}
.body-hover-nav .page-head .head-logo .logo-link .logo-blue{display: block;}

.page-head .head-nav {margin-right:24px;flex:1;display: flex;justify-content: center;}
.page-head .head-nav ul{display: flex;}
.page-head .head-nav ul li {padding:0 24px;display:flex;}

.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;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{position: relative;}
.page-head .head-nav ul li.curr a:before,
.page-head .head-nav ul li a:hover:before{content:"";display: block;left:0;top:0;right:0;height:3px;background:var(--primary-color);position:absolute;}

.page-head .head-nav ul li a{transition: all .5s;height:100%;}
.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);}

.global-sub-nav-link{display: block;width:227px;text-align: center;;}

@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*/



/*移动端导航 start*/
.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 li.nav-li.nav-li-sub a.nav-a{font-size:14px;}

.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) {
  
}
/*移动端导航 end*/



/*公共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;}
/*公共banner end*/


/*************************公共Banner swiper  start*/
/* banner背景图缩放动画 */
@keyframes banner-zoom-in{0%{transform:scale(1.15);}100%{transform:scale(1);}}
.common-banner-wrap .swiper-slide .common-banner-swiper-link .common-banner-item-in.ani-banner-5{animation:banner-zoom-in 8s ease-out forwards;}
.common-banner-wrap .swiper-slide .common-banner-swiper-link .common-banner-item-in-m.ani-banner-5{animation:banner-zoom-in 8s ease-out forwards;}
.common-banner-wrap{position:relative;}
.common-banner-wrap.sub-page-banner .swiper-slide .common-banner-swiper-link{height:750px;}
.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;}
@media screen and (max-width: 1180px) {
  
}
@media screen and (max-width: 750px) {
  .common-banner-wrap .swiper-slide .common-banner-swiper-link{height:360px;}
}
.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-title{color:#fff;font-size:42px;line-height: 1;}
.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;padding-top:42px;}
.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:18px;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;display:none;}
  .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:calc(100vh - 60px);} */
  .common-banner-wrap.sub-page-banner .swiper-slide .common-banner-swiper-link{height:360px;}


  .common-banner-wrap.sub-page-bananner-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{}
  .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-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*/


/************************* 二级页面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*/


/* 右侧固定快捷菜单 start */
.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,.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;}
@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;}
}
/* 右侧固定快捷菜单 end */


/*页脚 start*/
.page-foot-wrap{background: #fff;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-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{}
.page-foot-wrap .foot-logo img{height:42px;}
.page-foot-wrap .foot-main-section{padding-top:40px;padding-bottom:0;}
.page-foot-wrap .foot-nav-section{display:flex;flex-wrap:wrap;gap:60px;}
.page-foot-wrap .foot-nav-column{min-width:200px;padding-right:24px;flex:1;}
.page-foot-wrap .nav-column-title{font-size:16px;margin-bottom:20px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.page-foot-wrap .nav-column-subtitle{font-size:16px;margin-top:15px;display:block;color:var(--text-color-third);}
.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-copyright{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-top:1px solid var(--border-color);margin-top:32px;}
.page-foot-wrap .copyright-text,.design-credit{color:var(--text-color-third);font-size:14px;}
.page-foot-wrap .copyright-text,.design-credit a{color:var(--text-color-third);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 a:hover{color:var(--primary-color);}

.page-foot-wrap .contact-info-top{display: flex;justify-content: space-between;margin-top:150px;}
@media screen and (max-width: 1180px) {
  .page-foot-wrap .contact-info-top{margin-top:50px;display:block;}
}
.page-foot-wrap .contact-info-top .footer-top-left{display:flex;align-items: center;}
@media screen and (max-width: 750px) {
  .page-foot-wrap .contact-info-top .footer-top-left{gap:12px;flex-direction: column;align-items: stretch;}
}
.page-foot-wrap .contact-info-top .footer-top-left .contact-item{margin-right:100px;}
@media screen and (max-width: 750px) {
  .page-foot-wrap .contact-info-top .footer-top-left .contact-item{margin-right:0;}
}
.page-foot-wrap .contact-info-top .footer-top-left .contact-item:last-child{margin-right:0;}
.page-foot-wrap .contact-info-top .footer-top-left .contact-item i.iconfont{font-size:24px;}
@media screen and (max-width: 1180px) {
  .page-foot-wrap .contact-info-top .footer-top-left .contact-item i.iconfont{font-size:20px;}
}
.page-foot-wrap .contact-info-top .footer-top-left .contact-item .item-cont{font-size:22px;font-weight:500;}
@media screen and (max-width: 750px) {
  .page-foot-wrap .contact-info-top .footer-top-left .contact-item .item-cont{font-size:18px;}
}
@media screen and (max-width: 1180px) {
  .page-foot-wrap .contact-info-top .footer-top-right{margin-top:24px;}
}
.page-foot-wrap .contact-info-top .footer-top-right .footer-share-box{display: flex;align-items: center;gap:16px;}
.page-foot-wrap .contact-info-top .footer-top-right .footer-share-box .footer-share-item{width:50px;height:50px;border-radius: 999px;background:var(--gray-light);display: flex;align-items:center;justify-content: center;}
@media screen and (max-width: 750px) {
  .page-foot-wrap .contact-info-top .footer-top-right .footer-share-box .footer-share-item{width:40px;height:40px;}
}
.page-foot-wrap .contact-info-top .footer-top-right .footer-share-box .footer-share-item i{font-size:24px;}
.page-foot-wrap .contact-info-top .footer-top-right .footer-share-box .footer-share-item:hover{background-color:var(--primary-color);color:#fff;}
.page-foot-wrap .contact-info-address{margin-top:24px;display: flex;align-items: center;}
.page-foot-wrap .contact-info-address i{font-size:22px;line-height: 1;margin-right:8px;}
.page-foot-wrap .contact-info-address span{line-height: 1;}
/* 回到顶部 */
.page-foot-wrap .footer-to-top{text-align:right;margin-top:8px;}
.page-foot-wrap .footer-to-top .iconfont{font-size:22px;}


@media screen and (max-width: 1520px) {
  .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-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-section{gap:24px;}
  .page-foot-wrap .foot-nav-column{min-width:auto;padding-right:0;}
  .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{}
  .page-foot-wrap .foot-copyright{display: block;margin-top:16px;}
  .page-foot-wrap .foot-nav .nav-left .foot-nav-list .nav-item{min-width:50%;}
  .page-foot-wrap .foot-nav-section{gap:16px;}
  .page-foot-wrap .foot-nav-column{min-width:auto;}

  .page-foot-wrap .foot-logo img{height:37px;}
  .page-foot-wrap .foot-top-section{padding-top:8px;}

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

}
/*页脚 start*/



/* 一级分类列表(首页) */
.product-category-cont{margin-top:60px;}
@media screen and (max-width: 750px) {
  .product-category-cont{margin-top:24px;}
}

.product-category-cont .common-grid-in{flex:1;margin:-10px;}
.product-category-cont .common-grid-in .common-grid-item{width:25%;padding:10px;}
@media screen and (max-width: 1180px) {
  .product-category-cont .common-grid-in .common-grid-item{width:50%;}
}
@media screen and (max-width: 750px) {
  .product-category-cont .common-grid-in .common-grid-item{width:100%;}
}
.product-category-cont .common-grid-in .common-grid-item .common-grid-item-in{
  display: block;background:#FAFAFA;border-radius: 20px;padding:50px 50px 80px 50px;cursor:pointer;transition: all .3s;
}
@media screen and (max-width: 750px) {
  .product-category-cont .common-grid-in .common-grid-item .common-grid-item-in{
    padding:16px 16px 32px 16px;
  }
}
.product-category-cont .common-grid-in .common-grid-item .category-item-img img{display:block;width:100%;height:auto;}
.product-category-cont .common-grid-in .common-grid-item .category-item-name{text-align:center;font-size:26px;font-weight:normal;cursor: pointer;}
@media screen and (max-width: 750px) {
  .product-category-cont .common-grid-in .common-grid-item .category-item-name{
    font-size:20px;
  }
}

/* 产品详情的主图组件样式 */
/* 产品图片Swiper组件样式 */
.com-product-img-swiper {flex: 1;overflow: hidden;}
.com-product-img-swiper__main-swiper .swiper-slide{display: flex;justify-content: center;align-items: center;padding:70px 0;background-color: #fff;}
.com-product-img-swiper__swiper-box{position:relative;cursor: pointer;}
.com-product-img-swiper__open-box{position:absolute;top:30px;right:20px;width:50px;height:50px;background:#fff;border-radius: 6px;display: flex;align-items: center;justify-content: center;z-index: 9;transition: all 0.3s ease;}
.com-product-img-swiper__open-box:hover{background-color: var(--primary-color);color:#fff;}
.com-product-img-swiper__open-box i{font-size:20px;transform: rotate(-90deg);}
.com-product-img-swiper__360-btn{position:absolute;bottom:30px;right:20px;z-index: 9;padding:19px 17px;font-size:12px;background:#fff;border-radius:8px;transition: all 0.3s ease;}
.com-product-img-swiper__360-btn:hover{background-color: var(--primary-color);color:#fff;}
.com-product-img-swiper__main-img{display: block;width:370px;height:370px;}
.com-product-img-swiper__album-box{margin-top:16px;}
.com-product-img-swiper__album-swiper .swiper-slide{display: flex;align-items: center;justify-content: center;padding:10px 0;background-color: #fff;border-radius: 8px;box-sizing: border-box;cursor: pointer;height:64px;}
.com-product-img-swiper__album-swiper .swiper-slide.swiper-slide-thumb-active{border:2px solid var(--primary-color);}
.com-product-img-swiper__album-img{width:47px;height:47px;display: block;}
.com-product-img-swiper__album-box {flex: 1;}