@charset "utf-8";
/* CSS Document */

/* --- Global Reset & Base Styles --- */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box; /* 建议添加，方便计算宽高 */
}

body {
    overflow-x: hidden;
    font-family: "Microsoft YaHei", Arial, sans-serif; /* 建议添加默认字体 */
    background-color: #000; /* 建议添加背景色，防止加载时闪烁 */
}

a {
    text-decoration: none;
    color: inherit;
}

ul, li {
    list-style: none;
}

/* --- Utility Classes --- */
.fl { float: left; }
.cl { clear: both; }
.bl { display: block; }
.ab { position: absolute; left: 431px; top: 0px; }
.rl { position: relative; width: 70px; height: 70px; }

/* --- Header & Menu --- */
.header {
    width: 100%;
    height: 84px;
    background: url("../images/top.jpg") center no-repeat;
    background-size: cover; /* 建议添加，适应不同屏幕 */
}

.menu {
    width: 1080px;
    height: 100%;
    margin: 0 auto;
}

.menu .text {
    width: 860px;
    padding-left: 730px; /* 注意：这个 padding 可能会导致内容溢出，建议检查 HTML 结构 */
    height: 100%;
    float: left;
}

.menu .text ul li {
    width: 120px;
    float: left;
    height: 100%;
    margin-left: 30px;
    text-align: center;
    margin-top: 15px;
    cursor: pointer;
}

.menu .text ul li .atext { font-size: 20px; }
.menu .text ul li .ftext { font-size: 15px; }

.menu .text ul li:hover { color: #a3905b; }

.menu .text ul li a {
    color: #a3905b;
    text-decoration: none;
    display: block; /* 确保链接充满 li */
    width: 100%;
    height: 100%;
}

.menu .text ul li a:hover { color: #B52A00; }

/* --- Top Container (Hero Section) --- */
.bigcontainer {
    width: 100%;
    background: #000;
    position: relative; /* 修正 top 属性需要定位上下文 */
    top: -110px; /* 修正单位 */
}

.topcontainer {
    width: 1920px;
    height: 1035px;
    left: 50%;
    margin-left: -960px;
    overflow: hidden;
    position: relative;
    background: url("../shengdaps/shengdaps.jpg") no-repeat center top;
}

.animatetop {	
    width: 1920px;
    height: 1035px;
    left: 50%;
    margin-left: -960px;
    position: absolute; /* 建议添加，否则 margin-left 可能无效 */
    top: 0;
}

/* Download Buttons Area */
#Download {
    width: 764px;
    height: 172px;
    text-align: center;
    position: absolute;
    top: 680px;
    left: 50%;
    margin-left: -370px;
    z-index: 51;
    border-radius: 5px;
    background: url("../images/down.png") no-repeat left top;
}

#Download .btn_down_s1 {
    float: left;
    width: 259px;
    height: 89px;
    text-indent: -999em;
    margin-left: 106px;
    margin-top: 43px;
    display: block;
}

#Download .btn_down_s2 {
    float: left;
    width: 101px;
    height: 91px;
    text-indent: -999em;
    margin-left: 4px;
    margin-top: 39px;
    display: block;
}

#Download .btn_down_s3 {
    float: left;
    width: 101px;
    height: 101px;
    text-indent: -999em;
    margin-left: 4px;
    margin-top: 35px;
    display: block;
}

#Download .btn_down_s4 {
    float: left;
    width: 131px;
    height: 89px;
    text-indent: -999em;
    overflow: hidden;
    margin-left: 13px;
    margin-top: 42px;
    display: block;
}

/* Top Navs */
.topcontainer .topnavs {
    width: 616px;
    height: 30px;
    left: 50%;
    margin-left: -41px; /* 注意：宽度616的一半是308，这里-41可能不对齐中心，请根据设计图调整 */
    top: 23px;
    position: absolute;
}

.topcontainer .topnavs .nav {
    width: 112px;
    height: 30px;
    position: absolute; /* 建议添加，以便 margin-left 生效 */
}

.topcontainer .topnavs .nav1 { margin-left: 0px; }
.topcontainer .topnavs .nav2 { margin-left: 167px; }
.topcontainer .topnavs .nav3 { margin-left: 335px; }
.topcontainer .topnavs .nav4 { margin-left: 503px; }

/* Bottom Navs in Top Container */
.topcontainer .navs {
    width: 938px;
    height: 263px;
    left: 50%;
    margin-left: -471px;
    top: 836px;
    position: absolute;
}

.topcontainer .navs .nav {
    width: 177px;
    height: 178px;
    position: absolute;
    cursor: pointer;	
}

.topcontainer .navs .nav1 { margin-left: 0px; top: 86px; }
.topcontainer .navs .nav2 { margin-left: 255px; top: 35px; }
.topcontainer .navs .nav3 { margin-left: 508px; top: 0px; }
.topcontainer .navs .nav4 { margin-left: 761px; top: 7px; }

/* --- Sections (SM1 - SM6) --- */
.sm1 {
    width: 1920px;
    height: 700px;
    left: 50%;
    margin-left: -960px;
    overflow: hidden;
    position: relative;
    background: url("../images/sm1.jpg") no-repeat center top;
}

.sm2 {
    width: 1920px;
    height: 712px;
    left: 50%;
    margin-left: -960px;
    overflow: hidden;
    position: relative;
    background: url("../images/bg_03.jpg") no-repeat center top;
}

/* Specific ID for M2 if used in HTML */
#m2 {
    width: 1920px;
    height: 712px;
    left: 50%;
    margin-left: -960px;
    overflow: hidden;
    position: relative;
    background: url(../images/bg_03.jpg) no-repeat center top;
}

#m2 .myVideo {
    width: 1920px;
    height: 850px;
    position: absolute;
    left: 50%;
    margin: 0px auto -272px -961px;
    z-index: 50;
}

#preview {
    position: absolute;
    border: 1px solid #40291f;
    background: #100907;
    padding: 2px;
    display: none;
    margin-top: -120px;
    z-index: 99999;
}

.m1piccon{float:left;position:relative;width:1280px;height:120px;left:310px;margin-top:65px;z-index:9999}
.m1piccon li{float:left;width:80px;height:80px;margin-right:25px;margin-left:25px;padding:0px;cursor:pointer;margin-bottom:70px;}
.m1piccon li:nth-child(10){margin-right:0px}

.m2piccon{float:left;position:relative;width:1280px;height:120px;left:310px;margin-top:0px;z-index:9999}
.m2piccon li{float:left;width:80px;height:80px;margin-right:25px;margin-left:25px;padding:0px;cursor:pointer;margin-bottom:80px;}
.m2piccon li:nth-child(10){margin-right:0px}


.sm3a {
    width: 1920px;
    height: 1900px;
    left: 50%;
    margin-left: -960px;
    overflow: hidden;
    position: relative;
    background: url("../images/sm3a.jpg") no-repeat center top;
}

.sm3 {
    width: 1920px;
    height: 1022px;
    left: 50%;
    margin-left: -960px;
    overflow: hidden;
    position: relative;
    background: url("../images/sm3.jpg") no-repeat center top;
}

.sm4 {
    width: 1920px;
    height: 900px;
    left: 50%;
    margin-left: -960px;
    overflow: hidden;
    position: relative;
    background: url("../images/sm4.jpg") no-repeat center top;
}

.sm4 img {
    left: 50%; 
    margin-top: 150px;
    border: 8px solid #d5b86c;
    box-sizing: border-box;
    position: relative; /* 建议添加，否则 left/margin 可能无效 */
    transform: translateX(-50%); /* 现代居中方式，替代 left:50% margin-left */
}

.sm5 {
    width: 1920px;
    height: 980px;
    left: 50%;
    margin-left: -960px;
    overflow: hidden;
    position: relative;
    background: url("../images/sm5.jpg") no-repeat center top;
}

.sm6 {
    width: 1920px;
    height: 142px;
    left: 50%;
    margin-left: -960px;
    overflow: hidden;
    position: relative;
    background: url("../images/sm6.jpg") no-repeat center top;
}

/* --- Slider Component --- */
.slider {
    position: relative;
    width: 1096px;
    height: 600px;
    overflow: hidden;
    border: 5px solid #d5b86c;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    margin: 250px auto 0; /* 上边距 250px，水平居中 */
}

.slides {
    display: flex;
    width: 400%;
    height: 100%;
    transition: transform 0.5s ease-in-out;
}

.slides img {
    width: 1096px;
    height: 600px;
    object-fit: cover;
}

.slider button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    font-size: 24px;
    transition: background-color 0.3s ease;
}

.slider button:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.slider .prev { left: 10px; }
.slider .next { right: 10px; }

/* --- Other Components --- */
#smdown {
    width: 902px;
    height: 101px;
    text-align: center;
    position: absolute;
    top: 860px;
    left: 50%;
    margin-left: -450px;
    z-index: 5100;
    border-radius: 5px;
    background: url("../images/smdown.png") no-repeat left top;
}

#smdown .smdown1,
#smdown .smdown2,
#smdown .smdown3,
#smdown .smdown4 {
    float: left;
    text-indent: -999em;
    display: block;
}

#smdown .smdown1 { width: 252px; height: 101px; }
#smdown .smdown2 { width: 181px; height: 101px; }
#smdown .smdown3 { width: 128px; height: 101px; }
#smdown .smdown4 { width: 99px; height: 89px; margin-left: 4px; }

/* Slide Variations (Specific Layouts) */
.slide1 {
    width: 1145px;
    height: 559px;
    left: 50%;
    margin-left: -573px;
    top: 107px;
    position: absolute; /* 建议添加 */
}
.slide1 .uls li { list-style: none; }
.slide1 .prev, .slide1 .next { width: 32px; height: 50px; position: absolute; }
.slide1 .prev { top: -315px; left: -38px; }
.slide1 .next { top: -367px; left: 1144px; }

.slide2 {
    width: 693px;
    height: 426px;
    left: 1087px;
    margin-left: -560px;
    top: 457px;
    position: absolute;
}
.slide2 .uls li { list-style: none; }
.slide2 .prev, .slide2 .next { width: 80px; height: 80px; position: absolute; }
.slide2 .prev { top: -220px; left: -490px; }
.slide2 .next { top: -300px; left: 480px; }

.slide2 .slide2hd {
    width: 532px;
    height: 50px;
    left: 676px;
    margin-left: -495px;
    top: 476px;
    position: absolute;
}
.slide2 .slide2hd .sm {
    width: 107px;
    height: 50px;
    position: absolute;
    cursor: pointer;
}
.slide2 .slide2hd .sm1 { left: 0px; } 
.slide2 .slide2hd .sm1.on { background: url("../images/bj04fb/1.html"); } 
.slide2 .slide2hd .sm2 { left: 125px; } 
.slide2 .slide2hd .sm2.on { background: url("../images/bj04fb/2.html"); } 
.slide2 .slide2hd .sm3 { left: 250px; } 
.slide2 .slide2hd .sm3.on { background: url("../images/bj04fb/3.html"); } 
.slide2 .slide2hd .sm4 { left: 375px; } 
.slide2 .slide2hd .sm4.on { background: url("../images/bj04fb/4.html"); } 
.slide2 .slide2hd .sm5 { left: 500px; } 
.slide2 .slide2hd .sm5.on { background: url("../images/bj04fb/5.html"); }
.slide2 .slide2hd .sm6 { left: 624px; } 
.slide2 .slide2hd .sm6.on { background: url("../images/bj04fb/6.html"); }

.slide3 {
    width: 820px;
    height: 440px;
    left: 837px;
    margin-left: -433px;
    top: 90px;
    position: absolute;
}
.slide3 .prev, .slide3 .next { width: 180px; height: 180px; position: absolute; }
.slide3 .prev { top: -368px; left: 300px; }
.slide3 .next {
    top: -556px;
    left: -305px;
    background-image: url("../images/LG.html");
}

.slide31 {
    width: 866px;
    height: 483px;
    left: 1066px;
    margin-left: -539px;
    top: 131px;
    position: absolute;
}
.slide31 .uls li { list-style: none; }
.slide31 .prev, .slide31 .next { width: 80px; height: 80px; position: absolute; }
.slide31 .prev { top: 7px; left: 577px; }
.slide31 .next {
    top: -70px;
    left: -577px;
    background-image: url("../images/LG.html");
}

.slide4 {
    width: 1078px;
    height: 419px;
    left: 50%;
    margin-left: -424px;
    top: 236px;
    position: absolute;
}
.slide4 .uls li { list-style: none; }
.slide4 .prev, .slide4 .next { width: 40px; height: 152px; position: absolute; }
.slide4 .prev { top: -362px; left: -505px; }
.slide4 .next { top: -517px; left: 501px; }

.slide5 {
    width: 1078px;
    height: 419px;
    left: 50%;
    margin-left: -539px;
    top: 1097px;
    position: absolute;
}
.slide5 .uls li { list-style: none; }
.slide5 .prev, .slide5 .next { width: 40px; height: 52px; position: absolute; }
.slide5 .prev { top: -262px; left: -85px; }
.slide5 .next { top: -317px; left: 1121px; }

/* --- Floating Bar --- */
#Floatingbar {
    width: 231px;
    height: 470px;
    position: fixed;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    background: url("../images/float.png") no-repeat left top;
    padding: 10px 15px;
    box-sizing: border-box;
    z-index: 10000;
}

#Floatingbar h5 {
    width: 208px;
    height: 50px;
    background: url("../images/txt_contact.png") no-repeat left top;
    text-indent: -99em;
    overflow: hidden;
    margin-bottom: 19px;
}

#Floatingbar ._btn_close {
    width: 20px;
    height: 21px;
    background: url("../images/icon_close.png") no-repeat left top;
    position: absolute;
    right: 14px;
    top: 17px;
    border: 0;
    transition: transform 0.2s linear;
    cursor: pointer;
}

#Floatingbar ._btn_close:hover { transform: rotate(90deg); }

.RQcode {
    width: 154px;
    margin: 30px auto 0 auto;
    text-align: center;
}

.RQcode .photo {
    width: 154px;
    height: 154px;
    display: block;
    background: #fff;
}

.RQcode em {
    line-height: 35px;
    color: #fff; 
    font-style: normal; 
    font-size: 14px;
}

/* --- Download Section Alternative --- */
#DownLoad {
    width: 900px;
    height: 180px;
    position: absolute;
    overflow: hidden;
    top: 750px;
    left: 50%;
    margin-left: -360px;
    z-index: 3500;
}

/* --- Clearfix --- */
.c:before, .c:after { content: ""; display: table; }
.c:after { clear: both; }
.c { zoom: 1; }

/* --- Animations & Special Elements --- */
.sp { background: url("../images/sp.png") no-repeat; }

.box1 {
    position: absolute;
    width: 781px;
    height: 160px;
    margin: 0 auto;
    opacity: 0;
    animation: box1 1s linear forwards;
    -webkit-animation: box1 1s linear forwards;
    z-index: 1000;
    left: 100px;
}

@keyframes box1 {
    0% { transform: translateY(-100px); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}
@-webkit-keyframes box1 {
    0% { transform: translateY(-100px); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}

.codetxt {
    width: 43px;
    height: 145px;
    background-color: #170d02;
    float: left;
    font-size: 14px;
    color: #fefefe;
    line-height: 16px;
    text-align: center;
    padding-top: 15px;
}

.code {
    display: block;
    float: left;
    width: 156px;
    height: 160px;
    position: relative;
    background: #0b0907;
}

.code img {
    display: block;
    width: 135px;
    height: 135px;
    margin-left: 10px;
    margin-top: 12px;
}

.line {
    display: block;
    position: absolute;
    width: 159px;
    height: 1px;
    border-bottom: 1px solid #FFFFFF;
    top: 0;
    left: 0;
    animation: line 7s linear infinite;
    -webkit-animation: line 7s linear infinite;
}

@keyframes line {
    0% { top: 0; }
    50% { top: 160px; }
    100% { top: 0; }
}
@-webkit-keyframes line {
    0% { top: 0; }
    50% { top: 160px; }
    100% { top: 0; }
}

.btnpc2 {
    background: url("../images/bgpcdown2.jpg") no-repeat;
    width: 247px;
    height: 160px;
    float: left;
    position: relative;
    overflow: initial;
}

.btnpc2 span {
    display: block;
    background-position: -15px -1348px;
    width: 132px;
    height: 100px;
    position: absolute;
    right: -2px;
    top: 12px;
}

.mobidown {
    width: 182px;
    float: left;
}

.mobidown a {
    display: block;
    width: 182px;
}

.btnios {
    height: 55px;
    background-color: #1c1812;
    padding-top: 24px;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}

.btnandr {
    height: 57px;
    background-color: #26241a;
    padding-top: 24px;
}

.btnios span {
    display: block;
    margin: 0 auto;
    width: 107px;
}

.btnios strong {
    background-position: -15px -10px;
    width: 28px;
    height: 32px;
    float: left;
}

.btnios em {
    width: 64px;
    font-size: 16px; 
    font-family: "Microsoft YaHei", sans-serif; 
    font-style: normal;
    color: #FFFFFF;
    line-height: 38px;
    float: right;
}

.btnanim strong.on {
    animation: btnicon 0.5s linear forwards;
    -webkit-animation: btnicon 0.5s linear forwards;
}

@keyframes btnicon {
    0% { transform: rotateY(0); }
    100% { transform: rotateY(180deg); }
}
@-webkit-keyframes btnicon {
    0% { transform: rotateY(0); }
    100% { transform: rotateY(180deg); }
}

.btnanim strong.cur {
    animation: btnicona 0.5s linear forwards;
    -webkit-animation: btnicona 0.5s linear forwards;
}

@keyframes btnicona {
    0% { transform: rotateY(180deg); }
    100% { transform: rotateY(0); }
}
@-webkit-keyframes btnicona {
    0% { transform: rotateY(180deg); }
    100% { transform: rotateY(0); }
}

.PartTitle2 {
    padding: 14px 0 14px 38px;
    height: 35px;
    line-height: 35px;
    position: relative;
    font-size: 19px;
    font-weight: normal;
    color: #ffeab7;
    background: url("../images/icon_.png") no-repeat left center;
    border-bottom: 1px solid #6b4b15;
}

.PartTitle2 span {
    font-size: 13px;
    font-family: 'Times New Roman', Times, serif;
    color: #ffeab7;
    text-transform: uppercase;
}

.PartTitle2 .more {
    position: absolute;
    font-size: 12px;
    color: #fff;
    right: 5px;
    padding-right: 27px;
    background: url("../images/icon_more.html") no-repeat right center;
}

.PartTitle2 .more:hover { color: #ffeab7; }

.ml10 { margin-left: 10px; }

.m5 {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 10px;
    padding-top: 52px;
    background: url("../images/footb1g.html") bottom no-repeat; 
    z-index: 999999; 
}

.zb_zb {
    width: 1350px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding: 10px 0;
}

.zb_zb_3bg {
    padding: 10px;
    width: 423px;
    height: auto;
    overflow: hidden;
    float: left;
    background-color: #d5b86c;
    position: relative;
}

.zb_zb_3 {
    padding: 10px;
    width: 403px;
    height: auto;
    overflow: hidden;
    float: left;
    position: relative;
    background-color: #1a1b1f;
    box-shadow: 0 0px 14px rgba(0,0,0,0.3) inset;
}

.zb_zb_3_t {
    width: 403px;
    height: 41px;
    float: left;
    background: #FFF;
    line-height: 41px;
    color: #feac2a;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.zb_zb_3_d {
    width: 403px;
    height: 0px;
    float: left;
    background: #FFF;
    position: relative;
}

.zb_zb_3 .role-itemst {
    width: 390px;
    height: auto;
    float: left;
    position: relative;
}

.zb_zb_3 .role-itemst img {
    width: 390px;
    height: auto;
    overflow: hidden;
    display: block;
    transition: all .5s;
    padding: 5px;
}

.zb_zb_2bg {
    padding: 10px;
    width: 650px;
    height: auto;
    overflow: hidden;
    float: left;
    background-color: #818181;
    position: relative;
}

.zb_zb_2 {
    padding: 10px;
    width: 630px;
    height: auto;
    overflow: hidden;
    float: left;
    position: relative;
    background-color: #1a1b1f;
    box-shadow: 0 0px 14px rgba(0,0,0,0.3) inset;
}

.zb_zb_2_t {
    width: 630px;
    height: 41px;
    float: left;
    background: #FFF;
    line-height: 41px;
    color: #feac2a;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.zb_zb_2_d {
    width: 630px;
    height: 0px;
    float: left;
    background: #FFF;
    position: relative;
}

.zb_zb_2 .role-itemst {
    width: 620px;
    height: auto;
    float: left;
    position: relative;
}

.zb_zb_2 .role-itemst img {
    width: 620px;
    height: auto;
    overflow: hidden;
    display: block;
    transition: all .5s;
    padding: 5px;
}

.zb_zb_1bg {
    padding: 10px;
    width: 1330px;
    height: auto;
    overflow: hidden;
    float: left;
    background-color: #818181;
    position: relative;
}

.zb_zb_1 {
    padding: 10px;
    width: 1310px;
    height: auto;
    overflow: hidden;
    float: left;
    position: relative;
    background-color: #1a1b1f;
    box-shadow: 0 0px 14px rgba(0,0,0,0.3) inset;
}

.zb_zb_1_t {
    width: 1310px;
    height: 41px;
    float: left;
    background: #FFF;
    line-height: 41px;
    color: #feac2a;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.zb_zb_1_d {
    width: 1310px;
    height: 0px;
    float: left;
    background: #FFF;
    position: relative;
}

.zb_zb_1 .role-itemst {
    width: 1300px;
    height: auto;
    float: left;
    position: relative;
}

.zb_zb_1 .role-itemst img {
    width: 1300px;
    height: auto;
    overflow: hidden;
    display: block;
    transition: all .5s;
    padding: 5px;
}

.btnandr span {
    display: block;
    background-position: -19px -63px;
    width: 107px;
    height: 32px;
    margin: 0 auto;
}

.btnandr strong {
    background-position: -19px -63px;
    width: 28px;
    height: 32px;
    display: block;
    float: left;
}

.btnandr em {
    width: 64px;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 42px;
    float: right;
    font-style: normal;
}

.btnpc {
    background: url("../images/bgpcdown.jpg") no-repeat;
    width: 147px;
    height: 115px;
    float: left;
    padding-top: 45px;
}

.btnpc span {
    background-position: -156px -19px;
    width: 105px;
    height: 67px;
    display: block;
    margin: 0 auto;
}