/*大图*/

#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;}



 

#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;}

 

#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 10px !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: 670px;
}



        /* 二维码区域 */

        .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);

}