/***  网站整体风格定义 */
ul,li {margin: 0; padding: 0; list-style-type: none; text-indent: 0; text-transform: capitalize;}
html, body, ul, li, h1, h2, h3, h4, h5, h6, p, fieldset, legend { padding: 0; margin: 0;}
img { border: none; vertical-align: middle;}
input,select,option,textarea{outline: none;vertical-align: middle;}
body a {outline:none;blr:expression(this.onFocus=this.blur());}
body { background: #f2f2f2; line-height: 1.8; color: #333; font-size: .75rem; }

/**** 网站默认连接定义 */
a:link { text-decoration: none;}/* ==========    鼠标点击后，链接状态    =============== */
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }/* ==========    鼠标经过，链接状态色    =============== */
a:active { text-decoration: none; }/* ==========    鼠标无点击过，链接状态    =============== */

.main { margin: 0 auto; width: 1600px; height: 900px; overflow: hidden; position: relative; background: url("../images/bg.jpg");}
.swiper-box { width: 1300px; height: 900px; position: absolute; right: 0px;}
.swiper { width: 100%;height: 100%; border-left: #000 solid 10px;}
.swiper-slide {        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }
.swiper { width: 100%; margin-left: auto; margin-right: auto; }


.mySwiper2 { height: 80%; width: 100%;}
.mySwiper2 .swiper-wrapper { width: 100%; height: 100%; }
.mySwiper2 .swiper-slide { display: block; width: 100%; height: 100%; }

.mySwiper {  height: 20%; box-sizing: border-box; padding: 10px 0; border-top: #000 solid 10px; }
.mySwiper .swiper-slide { width: 25%; height: 100%; opacity: 0.4; }
.mySwiper .swiper-slide-thumb-active {opacity: 1;}
.mySwiper .swiper-slide img { display: block; object-fit: cover; width: 100%; height: 100%;}

.logo { position: absolute; left: 30px; top: 25px;}
.menu { position: absolute; left: 30px; top: 150px; width: 240px;}
.menu li { text-align: center; border-radius: 10px; box-shadow: 0 0 15px hsla(0, 0%, 0%, 0.4); margin: 15px 0; overflow: hidden;}
.menu a { background: rgba(21,48,74,.7); font-size: 24px; line-height: 60px; color:rgba(255,255,255,.7); font-weight: 100; display: block;}
.menu a:hover { background: rgba(21,48,74,1); color: #fff;}
.menu .active a { background: rgba(185,0,3,.8); color: #fff; font-weight: bold;}



/* === 图片占位 2026-10-29：移除 base64 占位后，无 src 时避免 alt 文本显示 === */
.swiper-slide img[data-src]{ color: transparent; background: #0a0a0a; }
.swiper-slide img{ background: #0a0a0a; }

/* === bg 背景图 WebP 协商 2026-10-29（不支持时自动回落 jpg）=== */
.main{background-image:image-set(url("/statics/aiphoto/images/bg.webp") type("image/webp"),url("/statics/aiphoto/images/bg.jpg") type("image/jpeg"))}