.banner1{width:100%; position: relative;}
.banner-box1{ min-width:1200px; height:600px; position:relative; margin:0 auto;  z-index: 0;}
.banner-box1 .bd, .banner-box .bd ul{ width:100% !important; }
.banner-box1 .bd li{ width:100% !important; height:600px; background-position: center; background-repeat: no-repeat; background-color: #eee}
.banner-box1 .bd li a{ display:block; background-size:auto;width: 100%;height: 80%;position: relative;z-index: 998;}
.banner-btn1{ width: 100%; position: absolute; top:280px; left: 0; margin-left: 0; height: 280px; overflow: hidden; }
.banner-btn1 a{ display:block; width:49px; height:104px; position:absolute; top:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out; z-index: 999;}
.banner-btn1 a.prev{ left:-50px; background:url(/guomeng/uploadfile/image/20221028/20221028105536_717637008.png) no-repeat 0 0; } 
.banner-btn1 a.next{ right:-50px; background:url(/guomeng/uploadfile/image/20221028/20221028105536_717637008.png) no-repeat -49px 0; }
.banner-box1 .hd { position:absolute; bottom:0px; width: 100%; display: block; }
.banner-box1 .hd ul{ text-align: center}
.banner-box1 .hd ul li{ width:12px; height:12px; border-radius :20px; text-indent:-9999px; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; background: #fff;}
.banner-box1 .hd ul li.on{ background:#0151a2; width: 15px; }
.banner-box1:hover .banner-btn1 a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box1:hover .banner-btn1 a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box1 .banner-btn1 a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }
.ny_propic a:before{display: none !important;}
.dgcontent_title_h5 {text-align:center;}
.dgcontent_title_h5 strong{padding:15px; font-weight:100; font-size:20px;}


.strong_title{display:none;}
.nswsfenlei_2019{margin-bottom:30px;}
.nswsfenlei_2019 ul{font-size:0;}
.nswsfenlei_2019 li{display:inline-block;vertical-align:top;width:458px;height:52px;border:1px solid #e0e0e0;}
.nswsfenlei_2019 li+li{margin-left:12px;}
.nswsfenlei_2019 li:hover,.nswsfenlei_2019 li.curNewsType_2019{background:#004992 !important;border-color:#004992 !important;}
.nswsfenlei_2019 li a{display:block;line-height:50px; font-size:17px; font-weight:100;}
.nswsfenlei_2019 li:hover a,.nswsfenlei_2019 li.curNewsType_2019 a{color:#fff;}

/*内页自定义幻灯片*/
#banner_com{width:100%; position: relative;background:url(uploadfile/image/20221109/20221109114925_2025191848.jpg) top center no-repeat; height:400px; background-repeat: no-repeat; background-attachment: fixed;}
#banner_news{width:100%; position: relative;background:url(uploadfile/image/20221110/20221110163410_561428227.jpg) top center no-repeat; height:400px;}
#banner_con{width:100%; position: relative; background:url(uploadfile/image/20221110/20221110163410_2139853559.jpg) top center no-repeat; height:400px; }
#banner_ly{width:100%; position: relative; background:url(uploadfile/image/20221110/20221110163410_1593654920.jpg) top center no-repeat; height:400px;}
#banner_ry{width:100%; position: relative; background:url(uploadfile/image/20221110/20221110163410_1671370703.jpeg) top center no-repeat; height:400px; }
#banner_hz{width:100%; position: relative; background:url(uploadfile/image/20221110/20221110163410_1535070351.jpg) top center no-repeat; height:400px; }

#banner_app{width:100%; position: relative; background:url(uploadfile/image/20221110/20221110163410_1981759200.jpg) top center no-repeat; height:400px; }
#banner_sj{width:100%; position: relative; background:url(uploadfile/image/20221110/20221110163410_692892275.jpg) top center no-repeat; height:400px;background-repeat: no-repeat; background-attachment: fixed;}

#banner_ry:before {content: ''; width: 100%;height: 100%;position: absolute;
 top: 0;left: 0;background:rgba(0,0,0,0.4);}
#banner_feed:before {content: ''; width: 100%;height: 100%;position: absolute;
 top: 0;left: 0;background:rgba(0,0,0,0.4);}
#banner_con:before {content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0; background:rgba(0,0,0,0.4);}
#banner_news:before { content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0; background:rgba(0,0,0,0.4);}
#banner_com:before { content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0; background:rgba(0,0,0,0.4);}
#banner_sj:before { content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0; background:rgba(0,0,0,0.4);}

/*幻灯片文字*/
.banner_tit{ display: block;height: 400px;padding-top: 190px; width: 400px;margin: 0 auto; text-align: center; position: relative;}
.banner_tit h3 { color: #ffffff;font-size: 36px; display: block;line-height: 40px; font-weight: 500; margin-bottom: 10px; letter-spacing: 0px;}
.banner_tit h6 {color: #ffffff;width: 100%; border-radius: 30px;margin: 0px auto; line-height: 20px;color: #fff;font-size: 14px; font-weight:100;}
.hor{color: #ffffff;background: linear-gradient(120deg,#125ad6 10%,#3593e2 80%);height: 40px; line-height: 40px ; text-align: center; border-radius: 10px; font-size: 20px; margin-top: 23px;    font-weight: normal;  letter-spacing: 3px;}

/*内页自定义导航栏*/
.columnMenu{width: 100%;height: auto;float: left;margin-top: -43px; margin-bottom: 50px;}
.columnMenu1{position: relative;max-width: 90%;height: 87px;margin: 0 auto;background: #f7f7f7;text-align: center; z-index: 9;padding:0px 60px;     display: flex; justify-content: center;}
.columnMenu ul{}
.columnMenu li{width:180px;height: 87px;line-height: 87px;text-align: center;float: left;border-radius: 4px;margin: 0px 18px 0 19px;font-size: 18px;
color: #666666;position: relative;cursor: pointer;}
.columnMenu li a{height: 87px;line-height: 87px;text-align: center;font-size: 16px;color: #666666;float: left;border-radius: 0px;width: 100%;}
.columnMenu li .arrow{width: 7px;height: 5px;position: absolute;left: 50%;bottom: -4px;margin-left: -3px;background: url() no-repeat 0 0;display: none;}
.columnMenu li:hover,.columnMenu li.on,.columnMenu li a:hover,.columnMenu li.on a{background:#f0353c;color: #fff;text-align: center;f}
.columnMenu li:hover .arrow,.columnMenu li.on .arrow{display: block;}

.propic_show_left_20170301{ width:610px !important;}
.propic_show_left_20170301 img{ width:600px; height:450px;border:1px solid;color:#eee;}
.propic_show_right_20170301{ width:810px !important;font-size: 16px;color: #666;line-height: 30px;padding-left: 0px !important;    margin-top: 30px;    margin-left: 60px;}
.propic_show_right_item_20170301 img{ width:95px !important;margin-top:15px;display:none;}
.propic_show_right_item_20170301 img:nth-child(6){margin-right:0px !important;}
.pro_detail_title { font-size:20px; font-weight:bold;margin-bottom:30px;display: block;}
.propic_show_right_item_20170301{margin-top: 40px;margin-bottom: 55px;}
.pshangxia_box{margin:50px auto !important;}
.pshangxia{padding:10px 40px; background:#f5f5f5; border:1px #eee solid;}
.product_content b {font-size:17px;margin-bottom: 10px;}
.product_content table{margin-bottom:30px;}
.cpse {background: #fff;}
.product_content td p{line-height: 20px;}
.pcontent_title_h4{display:none;}
.detail_title{display:none; }
.propic_show_right_20170301>br {display: none;}
.propic_show_con_box{position: relative; bottom:-20px; height:205px;color:#333; width:695px; padding:22px 50px;  border: 1px #e5e5e5 solid;}
.pro_ewm_left{font-size:18px; line-height:30px;float:left;margin-left:20px;}
.pro_ewm_left b{font-size:24px;  line-height:20px;color:#333;}
.pro_ewm_m{float:left; margin-right:20px;padding:5px;background: #fff;}
.pro_ewm_m span{display: block;text-align: center;font-size: 16px; color:#333;}
.pro_ewm_m img {width:125px;display: inline-block; margin: 0;}
.pro_ewm_left p {margin-bottom: 5px;    margin-top: 10px;}


.product_content {
    padding: 100px 110px;
    border: 1px #eee solid;
    margin-bottom: 30px !Important;
    box-shadow: 0px 5px 10px rgba(51, 51, 51, 0.1);
    margin-top: 20px !Important;
}

/*简介的导航*/
.pro_all_class{height: 60px !important;border: none !important;font-size: 0;background:#f8f8f8;text-align: left !important;    margin: 30px auto !important;    width: 100% !important;}
.pro_all_class a{font-size:18px !important;line-height: 60px ;display:inline-block;vertical-align:top;padding:0 0px;color: #737373; text-align: center!important; font-weight:100;width:16%;text-transform: uppercase;}
.pro_all_class a.pro_cur{background:#004992;color:#fff;position:relative;}
.pro_all_class a.pro_cur strong{font-size:15px; color: #fff;}
.pro_all_class a:hover{background:#004992 !important;color:#fff !important;}

/*内页新闻*/
#center{height: auto  !important;     padding-bottom: 30px; }
.new_news_list_box{width:100% !important;}
.nynewsproject{position:relative;padding:25px;overflow: hidden;margin:50px auto !important;transition:0.6s;z-index:9; box-sizing: border-box;    display: flex;justify-content: center;}

.nynewsproject:hover{background:none;box-shadow: 0 0 15px rgba(0,0,0,0.6);transition:0.6s;}
.nynewsproject a{height:auto;}
.nynewsproject a:hover,.nynewsproject:hover .nynewstitil>a{color: #004992;}

.nynews{width:100%; margin: 0 auto;width:1400px !important; }    
.nynewsproject{width:100% !important; height:auto; padding:3.2% 3%; margin: 50px auto; box-shadow: 0 0 1px #aaa;box-sizing:border-box; position: relative; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.nynewsproject + .clear{display:none;}
.new_list_item{width:100% !important;}
.nynewsdate>div{display:inline-block;vertical-align:top;}
.nynewsdate{position: absolute; left: 3%;top: 36%;}
.nynewsday{font-size: 34px; line-height: 40px;display: block !important;}
.nynewsyear,.nynewsmonth{font-size: 16px; font-weight: bold;color:#999;}
.nynewsmonth+.nynewsmonth_1{display: none;}
.nynewsproject .nynewsimg{float: left; width:20%; height:auto !important; overflow: hidden;}
.nynewsproject .nynewsimg img{width: 100%;height:auto;transition: all 0.5s ease-out;  -webkit-transition: all 0.5s ease-out;}
.nynewsproject .nynewscont{float: left; width:59%; padding-left:2%;text-align: left;}
.nynewsproject .nynewscont{padding-top:0;}
.nynewsproject .nynewstitil>a{ font-size: 20px; font-weight: bold; color: #222; line-height: 40px; padding-bottom:0.6vw;display: block;}
.nynewsnote{ font-size: 15px; line-height:30px; color: #666;}
.nynewsproject .more{float: right;width:60px; height: 60px; line-height:60px; margin-top:4%; font-size: 20px; color: #fff; font-family:serif; font-weight: bold; background: #e5e5e5; border-radius: 100%; text-align: center; transition: all 0.5s ease-out;  -webkit-transition: all 0.5s ease-out;position: absolute; right: 60px;} 
.nynewsproject .more a{display:block;line-height:60px;}
.nynewsproject:hover{box-shadow: 0 26px 50px -6px rgba(97, 105, 113, 0.3); transform: translateY(-5px); -webkit-transform: translateY(-5px);}
.nynewsproject:hover .nynewsimg img{transform: scale(1.05);  -webkit-transform: scale(1.05)}
.nynewsproject:hover .nynewscont>a{color:#004992;}
.nynewsproject:hover .more{background: #004992;transform: translateX(6px); -webkit-transform: translateX(6px);}
.nynewsproject:hover .more a{color:#fff;}

.xqnewstitle hr{display:none;}



/*内页自定义列表*/
#bodycontent {width:1400px !important;}

.dgweb_list_box .dgweb_list_item{ width:23% !important; margin:0 1% 2% 1%;overflow: hidden;}

.dgweb_list_box .dgweb_list_item img,.dgweb_list_box .dgweb_list_item .dgweb_list_pic{ width:100%;}
.dgweb_list_box .dgweb_list_item .dgweb_list_pic{display:block;overflow:hidden;border: 1px solid #eee;}


.dgweb_list_box .dgweb_list_item .dgweb_list_text:before{ width: 100%;height: 0; content: '';background: #004992;transition: 0.5s; position: absolute; bottom: 0; left: 0; z-index: -1;}

.dgweb_list_box .dgweb_list_item .dgweb_list_text:after{ content: '+'; position: absolute; right: 24px; top: 20px; transition: 0.5s; display: block; width: 25px; height: 25px;  transform: rotate(0deg); font-size: 40px;font-weight: normal;line-height: 20px;font-family: SimSun;}

.dgweb_list_box .dgweb_list_item .dgweb_list_text a {font-size:16px !important;line-height: 60px;}

.dgweb_list_box .dgweb_list_item .dgweb_list_text{ line-height: 60px; background:#f5f5f5; padding-left:25px; font-size: 16px; position: relative;    text-align: left; z-index: 5;height: 60px;}

.dgweb_list_box .dgweb_list_item:hover .dgweb_list_text{ color:#fff;}
.dgweb_list_box .dgweb_list_item:hover .dgweb_list_text:before { height: 100%;transition: 0.5s;}
.dgweb_list_box .dgweb_list_item:hover .dgweb_list_text:after {transform: rotate(180deg); top: 15px;right: 23px;}

.dgweb_list_box .dgweb_list_item .dgweb_list_text a{display:block;position:relative;z-index:3;}

.dgweb_list_box .dgweb_list_item .dgweb_list_text a:first-letter{text-transform:uppercase;}

.dgweb_list_box .dgweb_list_item:hover .dgweb_list_text a{color:#fff;}



.nylist-title {    position: relative;z-index: 5;}
.nylist li:hover .nylist-title {    color: #ffffff !important;}

/*产品调整*/


.nyproduct { display: flex; flex-wrap: wrap;}
.nyproductdate {display: none;}
.nyproductimg {}
.nyproductimg img {width: 100%;transition:all .5s ease;}
.nyproducttitil {}
.nyproducttitil a { display: block; position: relative;font-size: 16px !important;line-height: 60px;padding: 0px 3%;    overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}


.nyproductproject { width:23%; margin:0 1%; float:left; margin-bottom:2%; overflow:hidden;    border: 1px #eee solid;padding: 0%;}
.nyproductimg { position:relative; overflow:hidden;}
.nyproductimg a { display:block;}
.nyproductimg a img { width:100%; }
.nyproductimg a:before { content:''; width:0%; height:0%; background-color:rgba(0 ,0,0,0.3); position:absolute; z-index:2; top:0; display:block; transition: all 0.3s;}
.nyproductimg a:after { content:'+';width:60px; height:60px; display: none; position:absolute; z-index:3; left:50%; margin-left:-30px; top:39%; border: solid 1px #fff; border-radius:60px; font-size:14px; color:#fff; line-height:60px; text-align:center; box-sizing:border-box;}
.nyproductproject:hover .nyproductimg a:before { width:100%; height:100%;}
.nyproductproject:hover .ny_propic span { display:block;}

.nyproductcont { width:100%; background:#f5f5f5; margin-top:0.8%; position:relative; overflow:hidden;}
.nyproductcont a { height:45%; padding:3% 4% 4% 5%; font-size:16px; position:relative; z-index:2; display:block; text-align: center;}
.ny_protil span { display:block; width:67px; height:12px; background:url(//cdn.dg.114my.cn/img/2020/20200522095054_1768699360.png); margin-top:3%;}
.nyproductproject:hover .nyproductimg a:after { background-position:0px -12px; transition:all 0.3s;}
.nyproductproject:hover .nyproductcont a { color:#fff;}
.nyproductcont:before { width:0; height:100%; content:""; display: block; position:absolute; left:0; bottom:0; background:#004992; transition: all 0.3s;}
.nyproductproject:hover .nyproductcont:before { width:100%;}


/*分页*/
.pages_info{padding-top:0px !important;margin: 20px 5px 0px !important;}
.pages_box {font-size:14px; margin-top: 30px; margin-bottom: 30px;display: inline;}
.pages_box a{vertical-align: top;display: inline-block;padding: 0 10px;height: 26px;line-height: 24px;border: 1px solid #e5e5e5;text-align: center;margin: 0 2px;background: #fff;font-size: 14px !important;}
.pages_box .page_curr{border-color:#004992;background:#004992;color:#fff;}
.pages_box .page_curr:hover{color:#fff;}
.pages_box a:hover{color:#004992;}
.total{border: 1px solid #e5e5e5 !important;; padding: 0 10px !important;}
.pages_box .page_total{border: 1px solid #e5e5e5 !important;padding: 0 10px !important;height: 26px;line-height: 25px;display: inline-block; background: #fff;}
.pages_box b{line-height: 26px;}

.cus_box{margin-bottom:30px;}

/*mianbxContent*/
.mian_box{width:100%;height:62px; background-color: #fcfcfc; margin-bottom: 40px; font-size: 16px; font-weight:100;}
.mbx_navigation{width:1400px !important;text-align: left !important;height:62px !important;line-height: 62px !important;padding-left:5px;background:#f8f8f8; margin-top: 30px !important; margin-bottom:30px !important;font-size: 16px; font-weight:100; text-indent: 2.5em;  margin: 0 auto;}
.mbx_navigation , .mbx_navigation a {color:#666;font-size:16px !important;}
.strong_title{display:none;}
.centerHeadImage{display:none;border:0;}

#bodycon .mbx_navigation:after,#bodycon .mbx_navigation:before{background-color:rgba(0, 0, 0, 0.5)!important;}


/*内页幻灯片的调整*/
div#bodycon { width: 100% !important;}
div#left {  float: none !important;    width: 100% !important;height: auto !important;}
div#right {height: auto !important;}
#bodycon #center {    margin: 0 auto; float: none !important;}


/*新闻内容样式*/
.xqnewstitle strong { font-size: 22px; line-height: 24px;    font-family: Arial;text-transform: uppercase;}
.xw {padding-top: 30px;display: flex;flex-direction: column; align-items: center;}
.xw p { font-size: 16px;line-height: 32px; color: #666;    font-family: Arial; text-transform: capitalize;}
.xw p+p { padding-top: 10px;}
.news1 {font-size:15px;line-height:32px;}

/*详情*/
.lzc_en_pro_content {display:;}
#bodycon #center>div>h4 {display:none;}

/*产品详情*/
table.cp td { text-align: center; padding: 25px !important; font-size: 18px;}
table.cp { border: #e6e6e6;border-collapse: collapse;}
td.op { background: #004992;color: white;font-size: 30px !important;border: 1px #004992 solid;    text-transform: uppercase;}
.xq { box-shadow: 0px 5px 15px rgba(51,51,51,0.2); padding: 60px 70px;margin-bottom: 50px;}
.det_mor {padding: 50px 0 0;overflow: hidden;}
.det_tit p { display: flex; flex-direction: column; align-items: center; font-size: 40px; font-weight: bold; letter-spacing: 2px; line-height: 42px;    text-transform: uppercase;}
.det_tit p span {font-size: 18px; color: #999; letter-spacing: 0; font-weight: normal; line-height: 20px; padding-top: 15px;text-transform: capitalize;}
.det_call {margin: 30px 0 0;overflow: hidden;background:url(/hengyoudatech18801en/uploadfile/image/20211228/20211228165630_1384040692.jpg) no-repeat center;font-size:0;width:100%;height: 640px;}
.det_call tr td {width: 32.2%;display: inline-block; margin-bottom: 20px; padding-left: 0 !important;overflow:hidden;    position: relative;border: 1px solid #ddd;}
.int_hz>.det_call tr td {border:1px solid #ddd;}
.det_call tr td img {-webkit-transition: .8s; -o-transition: .8s; transition: .8s;width: 100%;}
.det_call tr td+td {margin-left: 1.7%;}
.det_call div {height: 40px;background:rgb(239,23,31,0.7);line-height: 40px; padding-top: 0 !important;transition: all 0.3s linear;width:100%;    position: absolute;bottom: -40px;}
.det_call div a {font-size: 1rem;color: #ffffff !important;line-height: 40px; }
.det_call tr td:hover:before {height: 100%;}
.det_call tr td:before {height: 0%;width: 3px;}
.det_call tr td:before { position: absolute;content: "";left: 0; top: 0; background: #004992; transition: all 0.5s ease;z-index: 1;}
.det_call tr td:hover:after {width: 100%;}
.det_call tr td:after { width: 0%;height: 3px;}
.det_call tr td:after { position: absolute;content: "";left: 0;top: 0;background: #004992;transition: all 0.5s ease;z-index: 1;}
.det_call table tr td a:hover:before {height: 100%;}
.det_call table tr td a:before {width: 3px;height: 0%;}
.det_call table tr td a:before { position: absolute; content: ""; right: 0;bottom: 0;background: #004992;transition: all 0.5s ease;z-index: 1;}
.det_call table tr td a:hover:after {width: 100%;}
.det_call table tr td a:after {width: 0%;height: 3px;}
.det_call table tr td a:after {position: absolute; content: "";right: 0;bottom: 0; background: #004992;transition: all 0.5s ease;z-index: 1;}
.det_call tr td:hover div {bottom:2px;}
.det_call table tr td:hover div a {display: block;transition: all 0.3s linear;}
.det_call table tr td:hover img {-webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}
.det_call table tr td a {display:block;overflow:hidden;}
.det_call table tr td br {display:none;}
.det_txt {padding: 30px 10px;;overflow: hidden;}
.det_int {padding-top: 60px;}
.det_int ul {display: flex;justify-content: space-between;list-style: none;   flex-direction: column;}
.det_int li {width: 100%;display: flex;justify-content: space-between; align-items: center;background: #eee;}
.det_int li:nth-child(2) {    flex-direction: row-reverse;}
.det_int li i {width:50%;}
.det_int li i img {width:100%;height:auto;}
.det_int li p {width:50%;display: flex;flex-direction: column;font-size: 30px;line-height: 35px; padding: 100px;font-weight: bold;    text-transform: capitalize;}
.det_int li p span {font-size: 16px;font-weight:100;line-height: 40px;padding-top: 20px;}


/*表格*/
.chan table{font-size:16px;height: 330px !important;}
.chan p{font-size:16px;line-height: 30px;}
.chan span {display: block;font-size: 16px;line-height: 30px;text-align: left;}
.chan2 span {display: block;font-size: 16px;line-height: 70px;}
/*产品介绍*/
.shao {width: 700px;overflow: hidden;background: #f8f8f8;margin: 0 auto;margin-top: 7px;padding: 0 0 80px 0;}
.shao2{font-size: 30px;line-height: 40px;}
.shao3 {font-size: 25px;line-height: 40px;background: #014993;width:700px;text-align: center;padding: 6px;color: #fff;margin: 0 auto;}
.shao4{font-size: 20px;line-height: 40px;margin-top: 20px;}
.shao6{float: left;width: 33%;margin-left: 130px;}
.shao5{float:right;width:40%;}
.shao ul li { line-height: 25px;}

body {
  margin: 0;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(135deg, #f5f7fa 0%, #e4e8f0 100%);
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.maintenance-card {
  background: white;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  padding: 40px;
  max-width: 450px;
  width: 90%;
  text-align: center;
  transform: translateY(0);
  transition: transform 0.3s ease;
}

.maintenance-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}

.loading-animation {
  position: relative;
  width: 80px;
  height: 80px;
  margin: 0 auto 30px;
}

.outer-spinner {
  width: 100%;
  height: 100%;
  border: 4px solid #f0f2f5;
  border-top: 4px solid #4f46e5;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

.inner-spinner {
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 20px);
  width: 40px;
  height: 40px;
  border: 3px solid #e2e8f0;
  border-top: 3px solid transparent;
  border-right: 3px solid transparent;
  border-radius: 50%;
  animation: spin 2s linear infinite reverse;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

h1 {
  color: #1f2937;
  margin-bottom: 20px;
  font-size: 24px;
}

.maintenance-message {
  color: #4b5563;
  margin-bottom: 30px;
  line-height: 1.6;
}

.progress-container {
  margin: 30px 0;
}

.progress-labels {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: #6b7280;
  margin-bottom: 5px;
}

.progress-bar {
  height: 8px;
  background-color: #e5e7eb;
  border-radius: 4px;
  overflow: hidden;
}

.progress {
  height: 100%;
  background-color: #6366f1;
  width: 75%;
  border-radius: 4px;
  transition: width 0.5s ease;
}

.contact-info {
  font-size: 14px;
  color: #6b7280;
  line-height: 1.5;
}