/*- - - - - - - - -蓝月专用 - - - - - - - -*/

/*大图*/
#bigBanner{width:1920px;height:938px;position:relative;min-width:1280px;left:50%;margin-left:-960px;}
/*公告*/
#GongGao{width:1099px;height:28px;line-height:28px;position:absolute;top:769px;left:50%;margin-left:-500px;z-index:1500;}
#GongGao h5{float:left;width:90px;text-align:center;font-size:15px;color:#FFFFFF;background-color:#FF0000;}
#GongGao p{float:left;width:962px;font-size:14px;color:#d0b55a;padding-right:7px;padding-left:7px;background:url(../images/gonggaobg.png) no-repeat left top;}
/*下载*/
#download{width:1180px;height:117px;position:absolute;top:780px;left:50%;margin:0 auto;margin-left:-566px;z-index:1500;}
#download ul{float:left;padding-top:31px;}
#download ul li{float:left;margin-right:9px;}
#download ul li a{width:216px;height:56px;line-height:56px;text-align:center;text-indent:-99em;overflow:hidden;display:block;}
#download ul li .btn1{background:url(../images/btn1.png) no-repeat left top;}
#download ul li .btn1:hover{background-position:left bottom;}
#download ul li .btn2{background:url(../images/btn2.png) no-repeat left top;}
#download ul li .btn2:hover{background-position:left bottom;}
#download ul li .btn3{background:url(../images/btn3.png) no-repeat left top;}
#download ul li .btn3:hover{background-position:left bottom;}
#download ul li .btn4{background:url(../images/btn4.png) no-repeat left top;}
#download ul li .btn4:hover{background-position:left bottom;}
#download ul li .btn5{background:url(../images/btn5.png) no-repeat left top;}
#download ul li .btn5:hover{background-position:left bottom;}
.sm3 .cutImg .cutIcon::after {background-image: url(png/cuticon.png);}
#download .btn_jiaoyi{float:left;width:109px;height:120px;position:relative;margin-top:-11px;margin-right:18px;margin-left:15px;}
#download .btn_jiaoyi:hover{text-decoration:none;}
#download .btn_jiaoyi img{position:absolute;bottom:0px;left:0px;}
#download .btn_jiaoyi span{background-color:#ffffff;color:#000002;text-align:center;display:block;margin-top:12px;padding-top:39px;padding-bottom:37px;border-radius:5px;}
#download .erweima{float:left;width:109px;height:109px;position:relative;margin-right:18px;background:url(../images/ewm.png) no-repeat left top;border-radius:5px;cursor:pointer;}
#download .erweima img{width:100%;height:100%;position:absolute;top:0px;left:0px;display:block;z-index:1500;}
#download .erweima span{text-align:center;padding-top:40px;padding-bottom:37px;background-color:#ffffff;border-radius:5px;display:block;}
#download .btn_recharge{float:left;width:109px;height:109px;text-indent:-99em;overflow:hidden;background:url(../images/btn_cz.png) no-repeat left top ;}
#download .btn_recharge:hover{background-position:left bottom;}
#Version{width:100%;height:990px;position:relative;overflow:hidden;z-index:300000}
#Flash{width:1920px;height:910px;position:absolute;left:50%;margin:0px auto -272px -960px;z-index:-1}
#Header{margin:0 auto -290px -960px;width:1920px;height:910px;position:absolute;left:50%;z-index:-2;line-height:0px;}

/*第一模块*/
#m1{ width:1920px;height:666px;left:50%; margin-left:-960px; position:relative;background:url(../images/m1bg.jpg) no-repeat center top;}
/*客服*/
#kefu{float:left;width:416px;height:489px;position:relative;padding-top:11px;padding-right:12px;padding-left:12px;background:url(../images/bluebg.png) no-repeat left top;}
#kefu .kefubg{position:absolute;top:0px;right:0px;bottom:0px;left:0px;background:url(../images/bluebg2.png) no-repeat left top ;opacity:0;filter:alpha(opacity=0)\9;}
#kefu .qqlist{position:relative;margin-bottom:34px;}
/*视频*/
#video{float:right;width:840px;height:500px;overflow:hidden;background-color:#000000;}
#video img{width:100%;height:100%;cursor:pointer;display:block;}
/*第二模块*/
#m2{height:860px;min-width:1280px;margin:0 auto;background:url(../images/m2bg.jpg) no-repeat center top;}
#m2 .fudong{ margin-top:-100px;}
/*简介*/
#Introduction{float:left;width:491px;height:501px;position:relative;overflow:hidden;padding-right:20px;padding-left:30px;background-color:#ffffff;}
#Introduction .PartTitle{height:51px;position:relative;margin-right:-20px;margin-bottom:18px;margin-left:-30px;}
#Introduction .FocusDoc p{margin-bottom:20px;}
/*指南*/
#Guide{float:right;width:690px;height:501px;position:relative;overflow:hidden;padding-right:20px;padding-left:20px;background-color:#ffffff;}
#Guide .PartTitle{position:relative;margin-right:-20px;margin-bottom:15px;margin-left:-20px;}

#m3{height:450px;min-width:1280px;margin:0 auto;background:url(../images/m3bg.jpg) no-repeat center top;}
#m4{height:1000px;min-width:1280px;margin:0 auto;background:url(../images/m4bg.jpg) no-repeat center top;}
/*页尾*/
#footer{overflow:hidden;min-width:1280px;margin:0 auto;background:#000000;}
#footer .center{overflow:hidden;padding-top:49px;padding-bottom:34px;}
#footer .bomlogo{float:left;margin-top:50px;margin-left:10px;}
#footer .box{float:right;line-height:26px;text-align:right;color:#6b6b6b;margin-right:16px;}
#footer .box p{line-height:24px;font-size:13px;}
#footer .box p a{font-size:14px;font-family:'times new roman', times, serif;font-weight:bold;color:#89aefe;text-decoration:underline;}
#footer .box p a:hover{color:#5a8daa;}
#footer .box .tips{font-size:14px;color:#a58751;}
#footer .box ul{margin-bottom:22px;}
#footer .box ul li{display:inline;}
#footer .box ul li a{color:#6b6b6b;margin-left:8px;}
#footer .box ul li a:hover{color:#d0b55a;text-decoration:none;}
/*栏目标题*/
.PartTitle{height:51px;line-height:51px;font-size:17px;font-weight:normal;color:#bd994d;background:#102344 url(../images/linex.png) repeat-x left center;}
.PartTitle span{padding-right:20px;background:#102344 url(../images/linex2.png) no-repeat right center;}
/*标题*/
.Title{text-align:center;padding-top:58px;padding-bottom:38px;}
.Title2{text-align:center;padding-top:38px;padding-bottom:0px;}
/*副标题*/
.SubTitle{height:42px;position:relative;margin-bottom:37px;padding-top:8px;padding-bottom:0px;padding-left:10px;background:url(../images/linebg.png) no-repeat center bottom;z-index:500;}
/* - - - - - - - - - 文字列表类  - - - - - - - - -*/
.kv-news{position:relative;left:360px;padding-top:216px}
.kv{position:relative;float:left;width:500px;height:380px;overflow:hidden;z-index:1}
.kv-num{position:absolute;right:6px;bottom:10px}
.kv-num li{width:14px;height:14px;float:left;overflow:hidden;margin-right:8px;cursor:pointer;-webkit-border-radius:30px;border-radius:30px;background:#616468}
.kv-num li:hover,.kv-num li.current{background:#f6d96c;width:30px}
.kv-img img{width:500px;height:380px}.fast{width:1200px;height:431px;overflow:hidden;margin:0 auto;padding-top:80px}


#news{position:relative;float:left;width:700px;height:380px;background:url(../images/news.png) no-repeat;overflow:hidden}
/* 隐藏更多按钮 */
#news .more {
    display: none !important;
}
/* 标签居中 */
.news-tab {
    text-align: center !important;
    margin-left: 0 !important;
    padding-top: 20px;
}
.news-tab ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
}
.news-tab li {
    display: inline-block !important;
    float: none !important;
    margin: 0 8px !important;
}
.news-tab li a {
    display: block !important;
    padding: 6px 24px !important;
    background: rgba(0,0,0,0.5) !important;
    border: 1px solid #d4a832 !important;
    border-radius: 30px !important;
    color: #d4a832 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
    transition: all 0.3s ease !important;
    line-height: 20px !important;
    height: auto !important;
    width: auto !important;
}
.news-tab li a:before {
    content: "✦" !important;
    margin-right: 6px !important;
    color: #d4a832 !important;
}
.news-tab li.current a,
.news-tab li a:hover {
    background: #d4a832 !important;
    color: #2a1a0a !important;
    box-shadow: 0 0 12px rgba(212,168,50,0.5) !important;
}
.news-tab li.current a:before,
.news-tab li a:hover:before {
    color: #2a1a0a !important;
}

/* 头部标题样式优化 - 与标签间距拉大 */
.headline {
    height: auto !important;
    width: 636px;
    margin: 20px auto 30px !important;
    text-align: center;
    overflow: visible;
}
.headline-title {
    font-size: 20px !important;
    font-weight: bold;
    line-height: 1.3 !important;
    display: inline-block;
    color: #e6c88a !important;
    background: rgba(0,0,0,0.4);
    padding: 8px 24px;
    border-radius: 40px;
    letter-spacing: 2px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    white-space: nowrap;
}

/* 滚动条美化 */
.news-list {
    max-height: 210px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 5px;
    margin-top: 10px !important;
}
.news-list::-webkit-scrollbar {
    width: 14px;
}
.news-list::-webkit-scrollbar-track {
    background: #2a2015;
    border-radius: 4px;
}
.news-list::-webkit-scrollbar-thumb {
    background: #d4a832;
    border-radius: 4px;
}

/* 列表项 - 行高低，标题左边距8px，描述文字颜色加深 */
.news-list li {
    list-style: none;
    border-bottom: 1px dashed #4a3a28;
    line-height: 1.2;
    padding: 5px 0;
}
.news-list li a {
    display: flex;
    align-items: baseline;
    text-decoration: none;
    padding-left: 8px;
}
.news-list li a .title-text {
    font-weight: bold;
    color: #d4a832;
    white-space: nowrap;
    flex-shrink: 0;
    font-size: 12px;
}
.news-list li a .desc-text {
    color: #54493a !important;
    font-size: 12px;
    margin-left: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}
.news-list li:hover a .title-text,
.news-list li:hover a .desc-text {
    color: #000 !important;
}

.carousel-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; padding-top:240px;
  margin: 0px auto;
  max-width: 1200px;
}

.carousel-top {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  margin-bottom: 30px;
}

/* 小图样式 - 添加草绿色描边 */
.carousel-thumb {
  width: 279px;
  height: 155px;
  object-fit: cover;
  box-shadow: 0 2px 10px rgba(0,0,0,0.14);
  cursor: pointer;
  opacity: 0.85;
  transition: opacity .18s, box-shadow .18s, transform .2s;
  background: #fff;
  border-radius: 8px;
  border: 2px solid #fedea0;
}
.carousel-thumb:hover {
  opacity: 1;
  box-shadow: 0 4px 20px rgba(0,0,0,.18);
  transform: scale(1.02);
  border-color: #ADFF2F;
}

.carousel-main-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 930px;
  height: 518px;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 8px 30px rgba(0,0,0,0.2);
}

/* 大图样式 - 添加草绿色描边 */
.carousel-main {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1), transform 0.5s ease;
  opacity: 0;
  transform: scale(1.05);
  pointer-events: none;
  border-radius: 12px;
  border: 2px solid #fedea0;
  box-sizing: border-box;
}

.carousel-main.active {
  opacity: 1;
  transform: scale(1);
  pointer-events: auto;
  z-index: 2;
}

.carousel-main.prev-active {
  opacity: 0;
  transform: scale(0.95);
}

/* 左右箭头 - 图片样式 */
.carousel-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  border: none;
  background: transparent;
  cursor: pointer;
  z-index: 10;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.carousel-arrow.left { 
  left: 20px;
  /* 替换为您的左箭头图片 */
  background-image: url('../images/1.png');
}

.carousel-arrow.right { 
  right: 20px;
  /* 替换为您的右箭头图片 */
  background-image: url('../images/2.png');
}

.carousel-arrow:hover {
  transform: translateY(-50%) scale(1.1);
  opacity: 0.85;
}

.carousel-arrow:active {
  transform: translateY(-50%) scale(0.95);
}

/* 下方小圆点指示器 */
.carousel-dots {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-top: 30px;
  flex-wrap: wrap;
}

.dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ccc;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.dot:hover {
  background: #999;
  transform: scale(1.2);
}

.dot.active {
  width: 32px;
  border-radius: 6px;
  background: #fedea0;
  box-shadow: 0 0 8px rgba(154, 205, 50, 0.5);
}


.nie-download {
    width: 11.5rem;
    height: 4.91rem;
    background: url(../images/dld_box_48c0cb9.png) center center no-repeat;
    background-size: 100% 100%;
    position: absolute;
    z-index: 99999999999;
    /* 水平居中：left: 50% + margin-left: -宽度的一半 */
    left: 50%;
    margin-left: -5.75rem;  /* 宽度11.5rem的一半 */
    /* 上边距800px */
    top: 580px;
}

        /* 二维码区域 */
        .nie-download .NIE-qrcode {
            width: 1.89rem;
            height: 1.5rem;
            background: url(../images/dld_qr_03d1acb.png) center center no-repeat;
            background-size: 100% 100%;
            margin: 1.89rem 0 0 2.04rem;
            float: left;
            padding: 0.06rem 0.32rem 0.09rem 0.13rem;
            box-sizing: border-box;
        }

        .nie-download .NIE-qrcode img {
            width: 100%;
            height: 100%;
            display: block;
        }

        /* 按钮组 */
        .nie-download .btns a {
            width: 2.41rem;
            height: 0.67rem;
            position: absolute;
            transition: all 0.4s;
            text-decoration: none;
        }

        .nie-download .btns a:hover {
            transform: scale(0.95);
        }

        /* iOS 按钮 */
        .nie-download .btns a.NIE-button-ios {
            width: 2.24rem;
            height: 0.67rem;
            top: 1.97rem;
            left: 4.4rem;
        }

        .nie-download .btns a.NIE-button-ios img {
            height: 100%;
            width: auto;
        }

        /* TapTap 按钮 */
        .nie-download .btns a.NIE-button-taptap {
            width: 2.24rem;
            height: 0.67rem;
            top: 1.97rem;
            left: 6.96rem;
        }

        .nie-download .btns a.NIE-button-taptap img {
            height: 100%;
            width: auto;
        }

        /* 安卓按钮 */
        .nie-download .btns a.NIE-button-android {
            width: 2.24rem;
            top: 2.78rem;
            left: 4.4rem;
        }

        .nie-download .btns a.NIE-button-android img {
            width: 100%;
            height: auto;
        }

        /* MuMu 按钮 */
        .nie-download .btns a.NIE-button-mumu {
            width: 2.24rem;
            height: 0.67rem;
            top: 2.78rem;
            left: 6.96rem;
        }

        .nie-download .btns a.NIE-button-mumu img {
            height: 100%;
            width: auto;
        }

        /* rem 基准：1rem = 100px（根据官网 625% 换算，即 1rem = 100px）*/
        html {
            font-size: 100px;
        }

        /* 移动端适配 - 缩小整体尺寸 */
        @media (max-width: 768px) {
            html {
                font-size: 50px;
            }
        }

        @media (max-width: 480px) {
            html {
                font-size: 40px;
            }
        }
		
	#header1{height:80px;min-width:1280px;margin:0 auto;background-color:#222325; position:relative;}
		/*网站标志*/
		#logo{float:left;width:83px;height:55px;margin-top:16px;margin-right:150px;margin-left:3px;}
		#logo a{display:block;}
		/*菜单*/
		#menu{float:left;width:958px;height:80px;}
		#menu ul{float:right;}
		#menu ul li{float:left;text-align:center;font-size:16px;background:url("../images/menu_split_line.jpg")/*tpa=https://www.62wf.com/images/menu_split_line.jpg*/ no-repeat right top;}
		#menu ul li a{width:150px;line-height:20px;color:#a8a8aa;padding-top:30px;padding-bottom:10px;text-decoration:none;display:block;transition:none;}
		#menu ul li a span{line-height:15px;font-size:12px;color:#676769;display:block;transition:none;}
		#menu ul li.change a,#menu ul li a:hover{color:#f17f00;}
		#menu ul li.change a span,#menu ul li a:hover span{color:#f17f00;}


/* 轮播图按钮（圆点）样式 - 暗红色主题 */
#button {
    position: absolute !important;
    bottom: 20px !important;
    left: 90% !important;
    transform: translateX(-50%) !important;
    list-style: none !important;
    z-index: 9999 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    gap: 8px !important;
}

#button li {
    display: inline-block !important;
    float: none !important;
    margin: 0 !important;
}

#button li div {
    width: 12px !important;
    height: 12px !important;
    background: #fff !important;  /* 暗红色（默认状态） */
    border-radius: 50% !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

/* 当前激活的圆点 - 更亮的暗红或深红 */
#button li div.active,
#button li div[style*="background: #A10000"],
#button li div[style*="background-color: rgb(161, 0, 0)"] {
    background: #C0392B !important;  /* 激活状态稍亮一点的暗红 */
    transform: scale(1.2);
}

/* 鼠标悬停效果 */
#button li div:hover {
    background: #B0302A !important;
    transform: scale(1.1);
}