@charset "utf-8"; 
:root {--color:  #022061;--fontfamily:Arial,sans-serif;}
.prte{position: fixed;width: 100%;height: 100%;background: #fff;display: flex;justify-content: center;align-items: center;    z-index: 99999999;top: 0;display:none;}
.prte .content{position: relative;width: 100%}
.prte .content img{width: 100%;}
.prte .info{position: absolute;bottom: 20%;left:5%;}
.prte .info a{color: #fff;font-size: 24px;}
.prte .info>div{margin-bottom:15px;display: flex;align-items: center;}
.prte .info i{margin-right: 5px;}
@media(max-width:768px){.prte .info a{font-size: 12px;line-height: 1.2;}.prte .info{bottom: 10%;}}
footer{background-color: var(--color);}
footer .copyright::before{background: #000;}
.home-banner .swiper-slide>a::after{display:none}
@media (min-width:1024px){header{background:linear-gradient(to right, rgb(0 0 0 / 44%), rgb(0 0 0 / 46%))}}
.head-share ul a .iconfont{font-size: 20px;}
footer .foot-item.foot-contact{width: 30%;}
@media (min-width:1025px){.head-nav .nav-ul>li>a {padding:0 10px;margin:0 10px;}
.head-nav .nav-ul>li:hover>a,.head-nav .nav-ul>li>a.inmenu_1{background:#fff;}}
@media (max-width:1280px) and (min-width:1025px){.head-nav .nav-ul>li>a {padding:0 6px;margin:0 5px;}}
.page-project-nav{margin-bottom:40px;background:#f7f7f7;padding:15px;border-radius:5px}
.page-project-nav ul{display:flex;justify-content:center;}
.page-project-nav ul li{margin:0 10px;}
.page-project-nav ul li a{line-height:1.2;display:flex;align-items:center;justify-content:center;text-align:center;height:100%;padding:10px 25px;border-radius:5px;font-size:var(--fontsize18);font-weight:bold;}
.page-project-nav ul li.active a,.page-project-nav ul li:hover a{background:#fff;color:var(--color);}
@media (max-width:1024px){.page-project-nav ul li a{font-size:var(--fontsize16);padding:8px 15px}
.page-project-nav ul li{margin:0 5px;}}
@media (max-width:768px){.page-project-nav ul{justify-content:space-between;flex-wrap:wrap}
.page-project-nav ul li{width:48%;margin:5px 0}
.page-project-nav ul li a{background:#fff;padding:10px 5px}
.page-project-nav{padding:10px}}
.pro-d-main .preview-container{width:30%}
.pro-d-main .prodetails-info{padding-left:5%}
@media (max-width:1024px){.pro-d-main .preview-container{width: 40%}}
@media (max-width:768px){.pro-d-main .preview-container{width: 100%}}
.foot-qrimg{display:none;}
footer .foot-info .foot-text span{font-weight:bold;font-size:40px;}