/*@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:"roboto","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
  /*--title-family:'宋体','Noto Sans JP', sans-serif;*/
  --title-family:"roboto","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
  --text-color:#000;
  --primary-color:#be382f;
  --text-color-second:rgba(153, 153, 153, 1);
  --border-color:#E6E6E6;

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

.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}
.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{width:100%;max-width:1900px;position:relative;margin:0 auto;box-sizing: border-box;padding-left:160px;padding-right:160px;}
.common-layout-1200{width:100%;max-width:1200px;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:40px;line-height: 1;font-weight:bold;}
.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;}

.foot-qrcode-img{display: block;width:120px;height:120px;}
/*二级导航*/
.common-sub-nav-box{position:fixed;top:80px;left:0;right:0;bottom:100px;z-index: 99;background:rgba(255,255,255,.9);}
.common-sub-nav-box .sub-nav-in{padding:150px 50px 50px 50px;display: flex;max-width:1600px;margin:0 auto;}
.common-sub-nav-box .sub-nav-in .sub-nav-left{padding-right:200px;}
.common-sub-nav-box .sub-nav-in .sub-nav-left .nav-left-txt{font-size:62px;color:var(--primary-color);line-height: 1; }
.common-sub-nav-box .sub-nav-in .sub-nav-right{flex:1;}
.common-sub-nav-box .sub-nav-in .sub-nav-list {display: flex;}
.common-sub-nav-box .sub-nav-in .sub-nav-list .sub-nav-item{margin-right:32px;flex:1;}
.common-sub-nav-box .sub-nav-in .sub-nav-list .sub-nav-item .item-tit{font-size:18px;border-bottom:1px solid rgba(0,0,0,.1);padding:8px 0;}
.common-sub-nav-box .sub-nav-in .sub-nav-list .sub-nav-item .item-cont{overflow: hidden;}
.common-sub-nav-box .sub-nav-in .sub-nav-list .sub-nav-item .sub-nav-item-box{padding:6px 0;}
.common-sub-nav-box .sub-nav-in .sub-nav-list .sub-nav-item .sub-nav-item-box a:hover{color:var(--primary-color)}

/*光圈*/
.common-light-box{position:absolute;z-index: 1;}
.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;border-radius: 8px;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:18px;display: flex;align-items: center;justify-content: center;cursor: pointer;padding:0 30px;transition: all .3s;
}
/* .common-btn:hover{color:#fafafa;background: #5358F5;} */
.common-btn.white{background:#fff;color:var(--text-color);}
.common-btn.white:hover{color:#222;}
.common-btn.gray{background:#262626;color:#fff;}
.common-btn.gray:hover{background-color:var(--primary-color);}


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

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

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

}
@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:60px;height:60px;border-radius: 999px;background: rgba(0,0,0,.8);transition: all .3s;
}
.swiper-button-next:after, .swiper-button-prev:after{font-size:20px;color:#fff;}
.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: #475548;}

/*公共无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;}
}
@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;}

}
@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;box-sizing: border-box;}
.common-grid .common-grid-in .common-grid-item-in{box-sizing: border-box;height:100%;}


/*页脚 start*/
.page-foot-wrap{background: var(--primary-color);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;margin-top:32px;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;}



@media screen and (max-width: 1520px) {
  .page-foot .foot-block-1 .block-1-left .block-1-contact{font-size:150px;}
  .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;}
}
@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;}
}
@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;}
  
  
}
@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;}

}
@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: 8px;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;}




/*更多*/
.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: #FAFAFA;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{}
.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 160px;
  z-index: 99;height:100px;transition: all .3s;
  /*background: linear-gradient(to bottom, rgba(0,0,0,.3), transparent);*/
}

.page-head:before{content:"";display: block;height:200px;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: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:#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: flex;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:20px;}
.page-head.stick .head-logo .logo-link .logo-img{height:20px;}
.page-head .head-nav {margin-right:24px;}
.page-head .head-nav ul{display: flex;}
.page-head .head-nav ul li {padding:0 25px;}
.page-head .head-nav ul li a{text-align: right;font-size:18px;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{}
.page-head .head-nav ul li a{transition: all .5s;}
.page-head .head-nav ul li a::after{
  content:"";display: block;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;}
.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);}

@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));}
}
@media screen and (max-width: 1300px) {
  .page-head{padding:0 24px;}
  .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 #headMenuBtn{display: block;}
}
@media screen and (max-width: 1180px) {

}
@media screen and (max-width: 750px) {
  .page-head{padding-left:16px;height:60px;}
  .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;}

}
@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:20px;}
.common-menu-box .menu-box-close{
  width:20px;height:20px;background: url("../img/icon/icon-close.png") no-repeat center center;
  backgorund-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:70px;color:#fff;line-height: 0.9;display: block;text-align: center;font-weight:normal;position:relative;z-index: 3;padding:16px 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;}
.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;}
.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) {
  .common-menu-box .menu-box-in{left:24px;right:24px;}
  .common-menu-box .bottom-nav-box li.nav-li a.nav-a{font-size:50px;line-height: 1.6;}
  
  
}
@media screen and (max-width: 750px) {
  .common-menu-box .bottom-nav-box li.nav-li a.nav-a{font-size:24px;padding:8px 0;}
  .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) {
  
}

/*公共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*/










/*二级页面通用主内容*/
.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);
}
.common-banner-wrap .swiper-slide .common-banner-swiper-link .common-banner-item-in-txt{color:#fff;font-size:60px;height:100%;display: flex;align-items: flex-end;justify-content: flex-start;box-sizing: border-box;padding-bottom:60px;;}
.common-banner-wrap.index-banner .swiper-slide .common-banner-swiper-link .common-banner-item-in-txt{display: flex;align-items: center;justify-content: center;}
.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: scale(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;}


@media screen and (max-width: 1520px) { 
}
@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;}
 
}
@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:30vh;}
  .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;}



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

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