/**reset**/
:root {--primary: #315bbf;--primary-light: #4a7ae8;  --primary-dark: #1f3d8a; --gray-bg: #f5f7fa;--text-dark: #333; --text-gray: #666; --text-light: #999; --white:#fff; --font-family: "微软雅黑", "Helvetica Neue", Arial,sans-serif; overflow-y: auto;overflow-x: hidden;}
:root body {position: relative;}/*解决因滚动条导致的页面宽度变化*/
* { margin: 0; padding: 0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*::-moz-selection {background: #202C4C;color: var(--white);}
html {overflow-y: scroll; font-size:62.5%;}/*这是为了兼容ie8，不支持:root, vw;浏览器默认16px,1rem = 1rem*/
body {min-width:100vw; background: var(--gray-bg);font-family: var(--font-family);color: var(--text-dark); font-size:1.4rem;line-height:1.5;}
a { color: var(--text-dark); text-decoration: none;  transition: all 0.3s;}
a:hover { color: var(--primary); }
a:focus{outline: none;}
ul,ol{margin:0;padding:0;list-style: none outside none;}
em,i {font-style:normal;}
img{max-width: 100%;max-height:100%;border: 0 none;}

/**form**/
.input{border-radius: 0.6rem;border:1px solid #E4E7ED; }
.input:focus, .textarea:focus{border:1px solid #777883 !important; box-shadow: 0 0 0 3px rgba(0,0,0,.06);background:var(--white);}
.input-prefix,.input-suffix{pointer-events:inherit !important;}
.layui-form-label{width:110px;}
.layui-form-label em{color:#f00}
/**layout*/
.container{position: relative;padding:0 1.5rem; width: 120rem;margin: 0 auto;}
.containe-full{width:100%; }
.layui-side{position: relative;margin-bottom: 4rem;}
.layui-body{left:0;padding-bottom:6rem;}
.layui-side.layui-padding-3{margin-top:-16px;} 
.layui-side + .layui-body{padding-left:3rem;}
.fr{float: right !important;}
.fl {float: left !important;}
.fn{float: none !important;}
.center{text-align: center;}
.layout-flex{display: -ms-flexbox;display: -webkit-box;display: flex;}
.layui-panel{box-shadow: none;color:inherit;border:0 none;}
.layui-panel-header .desc{margin:1rem 0;}
.layui-layer-title{text-align: left;}
.ml15{margin-left:1.5rem}
.mt5{margin-top:0.5rem}
.mt15{margin-top:1.5rem}
.mt30{margin-top:3rem}
.mb30{margin-bottom:3rem}
/**text**/
h1,.h1 {font-size: 3.2rem;font-weight: 700;}
h2,.h2 {font-size: 2.4rem;font-weight: 600;line-height: 1.6;}
h3,.h3 {font-size: 2rem;font-weight: 600;}
h4,.h4 {font-size: 1.8rem;font-weight: 500;}
.active,.active a,.active:hover ,.active a:hover{color:var(--primary) !important;}
.desc{color:#718096;overflow: hidden;}
.line-clamp-3 {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;  /* 控制显示的行数 */ overflow: hidden; min-height: 7.2rem; line-height: 1.5; }
/*swiper*/

.swiper-container{position:relative;width: 100%; height: 100%; margin:0 auto;padding:0;z-index:0;--swiper-theme-color: var(--white);--swiper-preloader-color: #777883;overflow: hidden;}
.swiper-slider{padding:0;height: 48rem;background-position: center bottom;}
.swiper-container .swiper-slide{background-position: center center;background-repeat: no-repeat;background-size: cover;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 1rem;}
.swiper-pagination-bullet{width: 3.6rem;height:0.8rem;border-radius: 1.6rem;border:1px solid var(--white);background-color: transparent;}
.swiper-pagination-bullet:only-child{display:none !important}
.reverse .swiper-pagination-bullet{width:3.6rem;height:0.8rem;margin:0 ;border:0 none;background-color: rgba(32,44,76,.5);}
.swiper-container-horizontal>.reverse.swiper-pagination-bullets {bottom:0;}
.swiper-container-horizontal>.reverse.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 0.5rem;}
.swiper-pagination-bullet-active{background-color:var(--primary-light);}
.reverse .swiper-pagination-bullet-active{background-color: var(--primary);}
.swiper-container .swiper-button-next,.swiper-container .swiper-button-prev{width:6.4rem;height:6.4rem; opacity: 0;-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s;}
.swiper-container:hover .swiper-button-next,.swiper-container:hover .swiper-button-prev{opacity:1;}
.swiper-container .swiper-button-next{right:3rem;}
.swiper-container .swiper-button-prev{left:3rem;}
.swiper-container:hover .swiper-button-next{right:1.5rem;}
.swiper-container:hover .swiper-button-prev{left:1.5rem;}
.swiper-button-disabled {display: none !important;}
.swiper-container .swiper-button-next:after, .swiper-container .swiper-button-prev:after{color:#777883;font-size: 3.6rem;}
.swiper-slider .slide-inner {display: none;top:30%; }
.swiper-slider .slide-inner .title{font-size:7.2rem;font-weight: 700;color: var(--primary);}
.swiper-slider .slide-inner .title_sub{font-size:3.6rem;color: var(--primary);;}
.swiper-slider .slide-inner .btn-buy{margin-top:4rem}
.swiper-slider .slide-inner.dark .title,.swiper-slider .slide-inner.dark .title_sub{color:var(--primary-light);}

/**button**/
.layui-btn{padding:0 1.5rem;text-align: center;font-weight: 500;border: 0 none;font-size: 1.6rem; background: var(--white);color:#202C4C;} */
.layui-btn:hover{color:var(--primary);}
.layui-btn-lg{padding:0 3rem; height:4.8rem;font-size: 1.8rem; border-radius:8px;line-height:4.8rem;}
.layui-btn-sm{width:auto;vertical-align: 0.1em;font-size: 1.4rem;}
.layui-btn-block{width: 100%;}
.layui-btn-primary{background-color: var(--primary);color: var(--white) !important;}
.layui-btn-primary:hover{background-color: var(--primary-dark);color:var(--white) !important;}
.layui-btn-primary a,.layui-btn-primary:hover i{color:var(--white) !important;}
.layui-btn-primary.btn-disabled{color:#777883 !important;}
.layui-btn-primary .layui-icon{color: var(--white);}
.layui-btn-default{border:1px solid #4A4E5D;}
.layui-btn-default:hover{color: var(--primary);border-color:var(--primary);}
.layui-btn-default.btn-disabled{background-color: #F0F2F5;color: #B5B6BB !important;}
.btn-shadow{border-radius: 0.4rem;border:1px solid var(--text-light);box-shadow: 0.4rem 0.4rem 0 var(--text-light);}
.btn-shadow:hover{color: var(--primary);border-color:var(--primary);}
.btn-buy{background-color: var(--primary-light);color:var(--white);}
.btn-buy:hover{background-color: #03a193;background: linear-gradient(to bottom right, var(--primary), var(--primary-light));color:var(--primary-light);}
/**nav**/
.layui-nav{background: transparent;}
.layui-nav.layui-nav-tree{width: 100%;}
.layui-nav .layui-nav-item a{color:#2d3748;}
.layui-nav .layui-nav-item a:hover{color:var(--primary) ;}
.layui-nav-child{border:0 none;top:6rem;}
.layui-nav-child dd{margin:0;}
.layui-nav .layui-nav-child a{display: block; margin:0.5rem 0;}
.layui-nav .layui-nav-child a:hover{background: inherit;}
.layui-nav .layui-this:after,.layui-nav-bar{display: none; height:0.4rem; background-color: var(--primary);}


/**form**/
.layui-input{border-color:#4A4E5D;border-radius: 0.4rem;}
input::-moz-placeholder, textarea::-moz-placeholder{color: #989AA1;opacity: 1;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #989AA1;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #989AA1;}
.layui-input-suffix{line-height:1;}
/*bg color*/
.layui-bg-black{background-color:var(--text-light)  !important;}

/**header**/
 /* ===== 顶部栏 ===== */
    .header-wrap {width: 100%; background: var(--text-dark);  transition: all 0.3s; z-index: 99999;}
    .header-wrap .layui-row { align-items: center; }
    .logo-img { margin-top:4px; max-height: 52px; transition: all 0.3s; }
	.header-wrap .layout-header-main{display:flex;align-items:center;justify-content:flex-end;gap:16px;}
    .header-wrap . .layui-nav { background: transparent !important; padding: 0; }
    .header-wrap .layui-nav .layui-nav-item { line-height: 6rem; }
    .header-wrap .layui-nav .layui-nav-item a { color: var(--white) !important; font-size: 15px;padding: 0 16px; position: relative; }
    .header-wrap .layui-nav .layui-nav-item a:hover { color: rgba(255, 255, 255, 0.8) !important; }
    .header-wrap .layui-nav .layui-nav-item a::after { content: ''; position: absolute; bottom: 8px; left: 50%; transform: translateX(-50%); width: 0; height: 2px; background: var(--white); transition: width 0.3s; }
    .header-wrap .layui-nav .layui-nav-item a:hover::after { width: 3rem; }
    .header-wrap .layui-nav .layui-nav-item.layui-this a { color: var(--white) !important; }
    .header-wrap .layui-nav .layui-nav-item.layui-this a::after { width: 3rem; }
	.header-wrap.header-fixed { position: fixed; background: rgba(0, 0, 0, 0.7); box-shadow: 0 2px 2rem rgba(0, 0, 0, 0.08); padding: 6px 0; }
    .header-wrap.header-fixed .layui-nav .layui-nav-item a {  }
    .header-wrap.header-fixed .layui-nav .layui-nav-item a::after { background: var(--primary); }
    .header-wrap.header-fixed .layui-nav .layui-nav-item.layui-this a { color: var(--primary) !important; }
    .header-wrap .layui-nav .layui-nav-item .layui-nav-child { min-width:360px;background: var(--white); border-radius: 8px; box-shadow: 0 8px 3rem rgba(0, 0, 0, 0.12); padding: 6px 0;text-align: left;  }
    .header-wrap .layui-nav .layui-nav-item .layui-nav-child dd{float:left; display:inline-block; width:50%; }
    .header-wrap .layui-nav .layui-nav-item .layui-nav-child a {display: block;color: var(--text-dark) !important; line-height: 4rem; padding: 0 2rem; font-size: 14px; }
    .header-wrap .layui-nav .layui-nav-item .layui-nav-child a:hover { background: #f0f4ff; color: var(--primary) !important; }
    .header-wrap .layui-nav .layui-nav-item .layui-nav-child a::after { display: none; }
.header-wrap .layui-nav .layui-nav-more { display: none; }

/*search*/
.search-btn { margin-left: 12px; padding:0; color: var(--white); font-size: 1.6rem; cursor: pointer; transition: color 0.3s;}
.search-btn:hover { color: var(--primary); }
.search-btn .layui-nav-item{padding:0 15px;}
.search-panel{ padding:1.5rem;}
.search-panel .prefix-text,.search-panel .suffix-text{font-size: 1.6rem;display: none;}
.search-panel .layui-form-item{margin:0;}
/**side**/
.layui-side .cate-title{padding:1rem 2rem; background-color: var(--primary);color:var(--white);font-size: 20px;border-top-right-radius: 40px;font-weight: 500;}
.layui-nav-side{position: relative;}
.layui-nav-side .layui-nav{padding:0}
.layui-nav-side .layui-nav .layui-nav-item a{display: block;padding:3px 20px !important;}
.layui-nav-side .layui-nav .layui-nav-item{position: relative; display: block;padding:1rem 0;height:auto;line-height: 1.6;background-color: var(--white);border-bottom:1px solid rgba(232,232,232,1) ;}
.layui-nav-side .layui-nav .layui-nav-item .cate-sub a,.layui-nav-side .layui-nav .layui-nav-item .active .cate-sub a{font-size: 13px;color: var(--text-gray) ;}
.layui-nav-side .layui-nav .layui-nav-item a.active,.layui-nav-side .layui-nav .layui-nav-item .cate-sub a.active,.layui-nav-side .layui-nav .layui-nav-item a:hover{color: var(--primary-light);}

.side-contact{background:var(--white);padding:1.5rem;text-align:center;}
.side-contact a{color:var(--primary-light);}
.side-contact .title{font-size:16px;}
.side-contact .tel {color:var(--primary-light);font-size:22px;font-weight: 600;}
.side-contact .desc{font-size:14px;color:#636768}
.side-contact .email{margin:2rem 0;}
.side-contact .email i{font-size: 32px;color:var(--primary-light);}
.side-contact .btn{display:block;background:var(--primary-light);color:var(--white);line-height:36px;font-size:16px;}
.side-contact .btn:hover{background-color: var(--primary-dark); transform: translateY(-3px);}


.layui-menu-body-title{margin:0;}
.layui-menu-item-group>.layui-menu-body-title, .layui-menu-item-parent>.layui-menu-body-title{padding-right:0;}

/**case && product**/
.page-product .layout-product .item>a{background-color: var(--white);}
.page-product .layout-product .item>a:hover{box-shadow: 0 4px 24px rgba(0, 0, 0, 0.05);}
.page-product .layout-product .item .ext a{background-color: transparent;box-shadow: none;}
.layout-product .item>a{display: block; padding:1.5rem 1.5rem 0;}
.layout-product .item .title{margin:1.5rem 0 1rem;font-size: 16px;}
.layout-product .item .desc{margin:1rem 0;color: var(--text-gray);font-size: 14px;}
.layout-product .item .ext{display: flex;align-items: center; justify-content: space-between;padding:0 1.5rem; color: var(--text-light);}
.layout-product .item .btn{padding:2px 5px;border:1px solid var(--text-light);}
.layout-product .item .icon i{transform: translateX(-30px);transition:all .36s ease;}
.layout-product .item:hover .icon i{transform: translateX(0);}
.layout-product .item .pic{overflow: hidden;text-align: center;}
.layout-product .item .pic img{transition: all 0.36s ease;}
.layout-product .item>a:hover .pic img{transform: scale(1.08);}
.page-product .layout-product .item>a {padding-bottom: 1.5rem;}
.page-product-detail .layui-panel-body .layui-col-md6.layui-padding-3{padding-top:0 !important;}
.page-cases .layout-cases .item{min-height:440px;}
.page-cases .layout-cases .item:hover{background-color: var(--white);box-shadow: 0 4px 24px rgba(0, 0, 0, 0.05);}
.page-cases .layout-cases .item>a{background-color: transparent;}
.page-cases .layout-cases .item>a:hover{box-shadow: none;}
/**detail**/
.layui-breadcrumb{padding:1.5rem;}
.page-detail .layout-product-body .layout-product-body-text{padding-left:3rem}
.page-detail .layout-product-body .layui-panel-body{padding-bottom: 6rem !important; }
.page-detail .layout-product-body .layui-panel-body p{padding:0.5rem 0;line-height:2;font-size: 1.6rem;}
.page-detail .mod-qrcode{margin-top: 3rem ; text-align: center;}
.page-detail .mod-qrcode canvas{width: 18rem;border:0.6rem solid var(--white);}
.page-detail .mod-share{margin-top:0.5rem;}
.page-detail .mod-share a{margin-left:1rem;}
.page-detail .mod-share a i{font-size: 2rem;}
.showBigImg { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 10001;}
.showBigImg .closeBigImg {position: absolute; right: 3rem; top: 3rem;text-align: center;z-index: 10002;cursor: pointer;}
.showBigImg .closeBigImg .layui-icon{color: var(--white);font-size:2.4rem;}
.showBigImg .showBigImgWrap { position: relative;width: 100%; height: 100%; overflow: hidden;}
.showBigImg .showBigImgWrap .swiper-slide img {position: absolute;left:50%;top:50%;transform: translate(-50%,-50%); vertical-align: middle;width:auto;}

.page-detail .layout-related .layui-panel-header{margin-bottom:2rem;text-align: center;}
.page-detail .layout-related .title,.page-detail .layout-related .product-pic{margin-top:1rem;text-align: center;}
.page-detail .layout-related .layui-panel-body{margin-bottom:5rem;overflow: hidden;}

/**about**/
.page-about .swiper-slider {height: 36rem;}
.page-about .swiper-slider .slide-inner{left:-10%;text-align: right;}
.page-about .swiper-slider .slide-inner .title{color:var(--white)}
.page-about .swiper-slider .slide-inner .title_sub{font-size:1.2rem;letter-spacing: 2rem; text-transform: uppercase;color:var(--white)}
.page-about .layui-body{padding-bottom: 0;} 
.page-about .layout-about .layui-panel-body{font-size: 1.6rem;}
.page-about .layout-about .layui-panel-body p{line-height:2;padding-bottom: 1.5rem;}

.about-stats { display: flex; flex-wrap: wrap; gap: 2rem; margin-top: 1rem; }
.about-stats .stat-item { flex: 1;padding:1rem 4rem 2rem 3rem;min-width: 16rem; background: var(--white);transition: all 0.4s; }
.about-stats .stat-item dt{display: flex;flex-direction: row;justify-content: space-between;align-items:center;}
.about-stats .stat-item .stat-num { font-family: 'D-DIN', Arial, sans-serif; font-size: 36px; font-weight: 700; color: var(--primary); font-weight: 400; }
.about-stats .stat-item .stat-num em {vertical-align: baseline; position: relative;left:0.5rem; top: -1.5rem;  line-height: 1; font-size: 14px; }
.about-stats .stat-item .stat-label { font-size: 14px; color: var(--text-gray); margin-top: 2px; }
.about-stats .stat-item .stat-icon { margin-top: 4px; transition: all 0.6s; }
.about-stats .stat-item:hover .stat-icon { transform: rotateY(360deg); }

.page-about .text .layui-panel-body{padding-right:3rem;}
.page-about .about-stats{margin-top: 3rem;}
.page-about .about-stats .stat-item{text-align: center;}
.page-about .about-stats .stat-item dt{display: block;text-align: center;}

.vision-cards { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 3rem; }
.vision-cards .vision-item { flex: 1; min-width: 20rem; border-radius: 16px; overflow: hidden; position: relative; background-size: cover; background-position: center; min-height: 24rem; transition: all 0.4s; cursor: default; }
.vision-cards .vision-item .vision-overlay { position: absolute; inset: 0; background: rgba(49, 91, 191, 0.0); transition: all 0.4s; display: flex; flex-direction: column; justify-content: flex-end; padding: 28px 32px 32px; color: var(--white); }
.vision-cards .vision-item:hover .vision-overlay { background: rgba(49, 91, 191, 0.82); }
.vision-cards .vision-item .vision-overlay .icon-wrap { margin-bottom: 6px;  width:36px;opacity:0.8;}
.vision-cards .vision-item .vision-overlay .vision-title { font-size: 22px; font-weight: 600; }
.vision-cards .vision-item .vision-overlay .vision-sub { font-size: 13px; opacity: 0.7; text-transform: uppercase; letter-spacing: 1px; }
.vision-cards .vision-item .vision-overlay .vision-desc { font-size: 15px; opacity: 0; transform: translateY(16px); transition: all 0.4s; margin-top: 8px; line-height: 1.5; max-height: 0; overflow: hidden; }
.vision-cards .vision-item:hover .vision-overlay .vision-desc { opacity: 1; transform: translateY(0); max-height: 8rem; }


/**news**/
.layout-news .news-item {padding:3rem 2rem; border-bottom: 1px solid var(--text-gray);}
.layout-news .news-item .news-item-head,.layout-news .news-item .news-item-foot{display: flex;align-items: flex-start; justify-content: space-between;}
.layout-news .news-item .news-item-foot{margin-top:1rem;color: var(--text-light);}
.layout-news .news-item .title{font-size: 16px;}
.layout-news .news-item .desc{margin:1rem 0;color: var(--text-gray);font-size: 14px;}
.layout-news .news-item .date{margin-top:0.5rem;color: var(--text-light);}
.layout-news .news-item .btn{padding:2px 5px;border:1px solid var(--text-light);}
.layout-news .news-item:hover{background-color: var(--white);border:0 none;}
.layout-news .news-item .icon i{transform: translateX(-30px);transition:all .36s ease;}
.layout-news .news-item:hover .icon i{transform: translateX(0);}
.layout-news .news-item .pic{ display: flex; align-items: center;justify-content: center;height:60%;overflow: hidden;}
.layout-news .news-item .pic img{transition: all 0.36s ease;}
.layout-news .news-item>a:hover .pic img{transform: scale(1.08);}

.page-news-detail .layout-related  .title{text-align: left; }
.page-news-detail .layout-related .news-item{height:20rem;border:0 none;}

/**help**/
.page-help .layout-news .news-item{height:450px;border-bottom: 0 none;}
.page-help .layout-news .news-item .title{margin-top: 1.5rem;}

/**video**/
.layout-video .item>a{min-height:360px;}
.video-inner .video{width: 100%;}
/**tags**/
.layout-tags{padding:3rem !important}
.layout-tags a {display: inline-block;margin:1rem 1rem 0 0;}
.mod-tags a{margin:0 0.5rem;}

/**contact**/
.page-contact .map{width:100%;height:36rem;}
.page-contact .layout-contact{padding:6rem 0 0; text-align: center;overflow: hidden;}
.page-contact .layout-contact .layui-panel-body{margin:6rem 0 3rem;}
.page-contact .layout-contact .layui-panel-body .item {padding:0 6rem;margin-bottom:6rem;}
.page-contact .layout-contact .layui-panel-body .icon{display: block;margin:0 auto 1rem; width: 6rem;height:6rem;line-height: 6rem; border-radius: 50%; font-size:3rem;background-color: var(--top-bg);color: var(--primary-light);}
.page-contact .layout-contact .layui-panel-body .label{display: block; margin-bottom:0.5rem;font-size: 1.4rem;font-weight: 400;}
.page-contact .layout-contact .layui-panel-body .text{font-size: 1.6rem;font-weight: 700;}

/**join**/
.page-join .swiper-slider{height:50rem}
.page-join .icon{display:block;margin:0 auto ;width:6.4rem;height:6.4rem;background-repeat: no-repeat;}
.container-join{position: relative;}
.container-join:before{position: absolute;content: "";left:0;top:9rem;width:100%;height:32rem;background-color:var(--main-color);}
.page-join .container-join {margin-top:-30rem;z-index: 9999;}
.page-join .container-join .layui-body{padding-left: 0;}
.page-join .container-join .layui-panel-header{margin-bottom:3rem;color:var(--white);fonts-size:3.6rem;}
.page-join .container-join .layui-panel-body{overflow: hidden;background-color:var(--white);}
.page-join .container-join .layui-panel-body .item{border-bottom: 1px solid var(--gray-bg);}
.page-join .container-join .layui-panel-body .item .summary,.page-join .container-join .layui-panel-body .item .desc{margin-top:1.5rem;}
.page-join .container-join .layui-panel-body .layui-field-box p{padding: 1rem 0;}

.position-send{width:100%;height:auto;}
.position-send:hover{color: var(--text-dark);}
.position-send .layui-btn-primary{margin-left:1rem;}
.page-join-detail .container-join::before{display: none;}
.page-join-detail .container-join .layout-join .parameter .item{display: inline-block;margin-right:1.5rem;}

/**feedback**/
.page-feedback {padding:6rem;}
.page-feedback .layui-panel-header{padding:6rem;text-align: right;}
.page-feedback .layui-panel-header .title{font-size: 48px;line-height: 1.2;}
.page-feedback .layui-panel-header .desc{font-size: 18px;}
.page-feedback .layui-panel-body{padding:3rem;background-color: var(--white);}
.page-feedback .layui-panel-body .layui-form-label{float:none;display: block;padding-left:0; width:100%;text-align: left;}
.page-feedback .layui-panel-body .layui-input-block{margin-left:0;}
.page-feedback .layui-panel-body .layui-form-item{margin-bottom: 0;}
.page-feedback .layui-panel-body .layui-input, .page-feedback .layui-panel-body  .layui-textarea { border: 0 none; background-color: var(--gray-bg); border-radius: 3px; }
.page-feedback .layui-panel-body .btn-feedback{margin-top:15px;}


/**layui-laypage**/
#laypage-pn-hide{text-align: center;}
.layui-laypage,.pagination{margin:3.6rem auto;}
.pagination>li {display: inline-block; }
.pagination>li>a, .pagination>li>span{display:block;margin:0 0.5rem;padding:0 1.5rem;border-radius: 0.5rem;border:1px solid var(--text-light);line-height: 3.6rem;}
.pagination>li>a:hover,.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{background-color: var(--primary-light);color: var(--white) !important;border:0 none;}

/**footer**/
.footer-wrap { background: var(--primary); padding: 50px 0 0; color: var(--white); }
.footer-wrap .footer-contact .contact-item{margin:10px 0;}
.footer-wrap .footer-contact .icon{margin-right:8px;opacity:0.6;}
.footer-wrap .footer-contact .item-phone{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.footer-wrap .footer-contact .item-phone .icon{margin-right:0;opacity:1;font-size:44px;}
.footer-wrap .footer-contact .phone-number { font-size: 32px; font-family: 'D-DIN', Arial, sans-serif; color:var(--white); font-weight: 500; }
.footer-wrap .footer-contact .phone-label { font-size: 15px; opacity: 0.6; }
.footer-wrap .footer-contact .email-link { color: rgba(255, 255, 255, 0.7); font-size: 15px; transition: color 0.3s; }
.footer-wrap .footer-contact .email-link:hover { color:var(--white); }
.footer-wrap .footer-contact .item-address { font-size: 15px; opacity: 0.7; line-height: 1.6; }
.footer-wrap .footer-contact .item-address .icon{margin-right:8px;opacity:0.6;}
.footer-wrap .footer-links .link-group { margin-bottom: 16px; }
.footer-wrap .footer-links .link-group .group-title, .footer-wrap .footer-links .link-group .group-title a{ font-size: 16px; color:var(--white); font-weight: 500; display: block; margin-bottom: 10px; }
.footer-wrap .footer-links .link-group a { display: block;margin-top:5px; font-size: 14px; color: rgba(255, 255, 255, 0.55); line-height: 2; transition: color 0.3s; }
.footer-wrap .footer-links .link-group a:hover { color:var(--white); }
.footer-wrap .footer-bottom { padding: 18px 0; text-align: center; font-size: 14px; color: rgba(255, 255, 255, 0.4); border-top: 1px solid rgba(255, 255, 255, 0.05); margin-top: 30px; }
.footer-wrap .footer-bottom a { color: rgba(255, 255, 255, 0.5); transition: color 0.3s; }
.footer-wrap .footer-bottom a:hover { color:var(--white); }
.footer-wrap .footer-bottom .beian { display: inline-flex; align-items: center; gap: 6px; margin-left: 20px; }
/**sideBar**/
.side-bar {position: fixed;z-index:9999;bottom: 40%;right: 1.5rem;padding:0; }
.side-bar a {display: block; position: relative; margin:0 0 15px;width:4.8rem;height:4.8rem;line-height: 4.8rem; text-align: center;cursor: pointer; background-color: var(--primary);  color: var(--white);border-radius: 50%; font-size: 2.4rem;box-shadow: 0 4px 16px rgba(49, 91, 191, 0.3);transition: all 0.3s; }
.side-bar a:hover{background-color: var(--primary-dark); transform: translateY(-3px);}