/* CSS Document */

* {
    margin: 0;
    padding: 0;
    margin: 0px 0px 0px 0px;
}

body {
    overflow-x: hidden;
}

.header {
    width: 100%;
    height: 84px;
    background: url('../images/bj_00.jpg') center no-repeat;
}
.Scroll_box {
    width: 1030px;
    margin: 0 auto;
	margin-top:380px;
}

	.list li{height:31px;font-size:18px;color:#523611;margin-bottom:18px;transition:all 0.2s ease-out;}
	.list li a{color:#4e3516;}
	.list li:hover{transform:translatex(5px);}
	.list li:hover strong{background-color:#b09068;}
	.list li em{font-size:22px;}
	.list li strong{width:129px;height:31px;line-height:31px;text-align:center;color:#fff;margin-right:16px;background-color:#947853;border-radius:60px;display:inline-block;}
.menu {
    width: 1080px;
    height: 100%;
    margin: 0px auto;
}

.menu .text {
    width: 560px;
    height: 100%;
    float: right;
}

.menu .text ul li {
    list-style: none;
    float: left;
    height: 100%;
    /* font-weight: bold; */
    margin-left: 30px;
    text-align: center;
    margin-top: 15px;
}

.menu .text ul li .atext {
    font-size: 25px;
}

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

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

.menu .text ul li a:link {
    color: #404040;
    text-decoration: none;
}

.menu .text ul li a:active {
    color: #404040;
}

.menu .text ul li a:visited {
    color: #404040;
}

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

.bigcontainer {
    width: 100%;
    background: #000;
    top: -110;
}

.test {
    border: 1px solid red;
}

.fl {
    float: left;
}

.cl {
    clear: both;
}

.bl {
    display: block;
}

.ab {
    position: absolute;
    left: 431px;
    top: 0px;
}

.rl {
	position: relative;
	width: 80px;
	height: 100px;
}

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

.animatetop {
    width: 1920px;
    height: 1022px;
    left: 50%;
    margin-left: -960px;
}

.bg4con {
    width: 1280px;
    height: 550px;
    position: relative;
    top: 160px;
    left: 320px;
    /* border: 1px solid red; */
}

.bg5btns {
    position: relative;
    top: -174px;
    width: 79%;
    left: 0px;
    height: 70px;
    margin: 0px auto;
}

.bg5prev,
.bg5next {
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    cursor: pointer;
    position: absolute;
}

.bg5prev {
    left: 0;
}

.bg5next {
    right: 0;
}

.topcontainer .topnavs {
    width: 616px;
    height: 30px;
    left: 50%;
    margin-left: -41px;
    top: 23px;
}

.topcontainer .topnavs .nav {
    width: 112px;
    height: 30px;
}

.topcontainer .topnavs .nav1 {
    margin-left: 0px;
    ;
}

.topcontainer .topnavs .nav2 {
    margin-left: 167px;
    ;
}

.topcontainer .topnavs .nav3 {
    margin-left: 335px;
    ;
}

.topcontainer .topnavs .nav4 {
    margin-left: 503px;
    ;
}

.topcontainer .navs {
    width: 938px;
    height: 263px;
    left: 50%;
    margin-left: -471px;
    top: 836px;
}

.topcontainer .navs .nav {
    width: 177px;
    height: 178px;
}

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

.topcontainer .navs .nav:hover {
    cursor: pointer;
}

.sm1 {
	width: 1920px;
	height: 1000px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../images/bj_02.jpg) no-repeat center;
	background-position: 0px -0px;
	background-image: url(../images/sm1.jpg);
}

.sm2 {
    width: 1920px;
    height: 800px;
    left: 50%;
    margin-left: -960px;
    overflow: hidden;
    position: relative;
    background: url(../images/bj_03.jpg) no-repeat center;
    background-position: 0px -0px;
    background-image: url(../images/sm2.jpg);
}

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

  @keyframes ticker-kf {
    0% { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(-308rem, 0, 0); }
  }
  .img-ticker {
    animation: ticker-kf 60s linear infinite;
    height: 600px;
  }
  .w-64 {}
  .mx-4 { margin-left: 12px; margin-right: -8px; }
  .overflow-hidden { overflow: hidden; }
  .flex { display: flex; }
  .-mx-4 { margin-left: -1rem; margin-right: -1rem; }
  .mx-4 { margin-left: 0.2rem; /*间隔*/margin-right: 0rem; }
  .self-start { align-self: flex-start; }
  
.sm4 {
    width: 1920px;
    height: 900px;
    left: 50%;
    margin-left: -960px;
    overflow: hidden;
    position: relative;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-image: url(../images/sm4.gif);
}
.sm5 {
    width: 1920px;
    height: 900px;
    left: 50%;
    margin-left: -960px;
    overflow: hidden;
    position: relative;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-image: url(../images/sm5.gif);
}

.zbShow2 .zbtext {
    width: 1077px;
    height: 40px;
    left: 421px;
}

.zbShow2 .zbtext .text {
    font-size: 27px;
    color: white;
}

.zbShow2 .zbtext1 {
    top: 570px;
}

.zbShow2 .zbtext2 {
    top: 1046px;
}

.zbShow2 .zbtext3 {
    top: 1524px;
}

.bottom {
    width: 1920px;
    height: 768px;
    left: 50%;
    margin-left: -960px;
    overflow: hidden;
    position: relative;
    background-position: 0px 0px;
    background-image: url(../../swhl.qqydo.com/images/bj_05.jpg);
    background-repeat: no-repeat;
}



.image-grid {
    margin: 270px auto; /* 上下50px，水平居中 */
    display: grid;
    grid-template-columns: repeat(3, 400px); /* 每列480px */
    gap: 10px; /* 图片间距10px */
    justify-content: center; /* 确保内容水平居中 */
    padding: 0 10px; /* 防止溢出 */
}

.image-grid img {
    width: 400px; /* 固定宽度 */
    height: 480px; /* 固定高度 */
    object-fit: cover; /* 保持比例填充 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 阴影效果 */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* 平滑过渡 */
}

/* 悬停特效：放大 + 阴影加深 */
.image-grid img:hover {
    transform: scale(1.05); /* 轻微放大 */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* 悬停时阴影更明显 */
    cursor: pointer; /* 鼠标指针变手型 */
}


.slide1 {
    width: 1145px;
    height: 559px;
    left: 50%;
    margin-left: -593px;
    top: 207px;
}

.slide1 .uls li {
    list-style: none;
}

.slide1 .prev,
.slide1 .next {
    width: 132px;
    height: 150px;
}

.slide1 .prev {
    top: -315px;
    left: -538px;
}

.slide1 .next {
    top: -427px;
    left: 584px;
}

.slide2 {
    width: 1055px;
    height: 562px;
    left: 993px;
    margin-left: -560px;
    top: 259px;
}

.slide2 .uls li {
    list-style: none;
}

.slide2 .prev,
.slide2 .next {
    width: 35px;
    height: 62px;
}

.slide2 .prev {
    top: -350px;
    left: -650px;
}

.slide2 .next {
    top: -410px;
    left: 600px;
}

.slide2 .slide2hd {
    width: 781px;
    height: 110px;
    left: 443px;
    margin-left: -495px;
    top: 561px;
}

.slide2 .slide2hd .sm {
    width: 107px;
    height: 110px;
}

.slide2 .slide2hd .sm:hover {
    cursor: pointer;
}

.slide2 .slide2hd .sm1 {
    left: 0px;
}

.slide2 .slide2hd .sm1.on {
    background: url(../../swhl.qqydo.com/images/bj04fb/1.gif);
}

.slide2 .slide2hd .sm2 {
    left: 125px;
}

.slide2 .slide2hd .sm2.on {
    background: url(../../swhl.qqydo.com/images/bj04fb/2.gif);
}

.slide2 .slide2hd .sm3 {
    left: 250px;
}

.slide2 .slide2hd .sm3.on {
    background: url(../../swhl.qqydo.com/images/bj04fb/3.gif);
}

.slide2 .slide2hd .sm4 {
    left: 375px;
}

.slide2 .slide2hd .sm4.on {
    background: url(../../swhl.qqydo.com/images/bj04fb/4.gif);
}

.slide2 .slide2hd .sm5 {
    left: 751px;
}

.slide2 .slide2hd .sm5.on {
    background: url(../../swhl.qqydo.com/images/bj04fb/5.gif);
}

.slide2 .slide2hd .sm6 {
    left: 940px;
}

.slide2 .slide2hd .sm6.on {
    background: url(../../swhl.qqydo.com/images/bj04fb/6.gif);
}

.slide3 {
    width: 1176px;
    height: 580px;
    left: 911px;
    margin-left: -539px;
    top: 125px;
}

.slide3 .prev,
.slide3 .next {
    width: 80px;
    height: 100px;
}

.slide3 .prev {
    top: -480px;
    left: 648px;
}

.slide3 .next {
    top: -580px;
    left: -650px;
    background-image: url(../../swhl.qqydo.com/images/LG.png);
}

.slide31 {
    width: 866px;
    height: 483px;
    left: 1066px;
    margin-left: -539px;
    top: 131px;
}

.slide31 .uls li {
    list-style: none;
}

.slide31 .prev,
.slide3 .next {
    width: 80px;
    height: 100px;
}

.slide31 .prev {
    top: 7px;
    left: 577px;
}

.slide31 .next {
    top: -70px;
    left: -577px;
    background-image: url(../../swhl.qqydo.com/images/LG.png);
}

.slide4 {
    width: 1078px;
    height: 419px;
    left: 50%;
    margin-left: -539px;
    top: 620px;
}

.slide4 .uls li {
    list-style: none;
}

.slide4 .prev,
.slide4 .next {
    width: 40px;
    height: 52px;
}

.slide4 .prev {
    top: -262px;
    left: -85px;
}

.slide4 .next {
    top: -317px;
    left: 1121px;
}

.slide5 {
    width: 1078px;
    height: 419px;
    left: 50%;
    margin-left: -539px;
    top: 1097px;
}

.slide5 .uls li {
    list-style: none;
}

.slide5 .prev,
.slide5 .next {
    width: 40px;
    height: 52px;
}

.slide5 .prev {
    top: -262px;
    left: -85px;
}

.slide5 .next {
    top: -317px;
    left: 1121px;
}

#Floatingbar {
    width: 157px;
    position: fixed;
    top: 50%;
    right: 0px;
    margin-top: -150px;
    background-color: #e5e5e5;
    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
    z-index: 150000;
    font-size: 12px;
    background-color: #ffffff;
    font-family: 'Microsoft YaHei';
}

#Floatingbar .ewm {
    padding: 22px 0 15px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    background-color: #333333;
}

#Floatingbar .ewm img {
    width: 117px;
    height: 117px;
    margin: 0 auto;
    display: block;
}

#Floatingbar ul {
    padding: 14px 0;
    background: url(../../swhl.qqydo.com/images/line_x.png) no-repeat center bottom;
    list-style-type: none;
    background-color: #333333;
    color: white;
}

#Floatingbar ul li {
    height: 22px;
    line-height: 22px;
    text-align: center;
    margin-bottom: 7px;
    cursor: pointer;
}

#Floatingbar ul li a {
    color: white;
}

#Floatingbar ul li a:hover {
    color: white;
}

#Floatingbar ul li img {
    margin-left: 5px;
    vertical-align: middle;
}

#Floatingbar .btn_backtop {
    height: 31px;
    line-height: 31px;
    text-align: center;
    color: #fff;
    background-color: #676767;
    display: block;
}

#Floatingbar .btn_backtop:hover {
    background-color: #507129;
}

#Floatingbar .btn {
    width: 15px;
    height: 130px;
    position: absolute;
    top: 23px;
    left: -15px;
    background: url(../../swhl.qqydo.com/images/arrow.png) no-repeat right top;
    cursor: pointer;
}

#Floatingbar .btn.change {
    background-position: left top;
}

.list-info {
    width: 866px;
    height: 483px;
    /* border: 1px solid red; */
    margin: 200px auto;
    position: absolute;
    left: 709px;
    top: -96px;
}

#docColumn {
    float: left;
    width: 580px;
    height: 455px;
    position: relative;
    overflow: hidden;
    padding-top: 21px;
    padding-left: 18px;
}

#docColumn .Tab_nr {
    height: 360px;
    overflow: hidden;
    margin-bottom: 40px;
}

.NewsList{margin:0 18px;width:680px;height:703px;position: absolute;top:464px; margin-left: 810px;transition:all 0.1s linear;}
.NewsList li:hover{transform:translatex(5px);}
.NewsList li{width:680px;height:38px;line-height:38px;overflow:hidden;color:#fff;padding-right:8px;border-bottom:1px dotted #635140;font-size:16px;list-style: none;}
.NewsList li a{margin-left:5px;color:#ecdcbd;}
.NewsList li time{float:right;color:#ecdcbd;}
.NewsList li .lx{margin:0 8px;color:#ecdcbd;}



.zhuangbeishow{width: 659px;height: 345px;margin:0px auto;position:absolute;top: 271px;left: 189px;z-index:996;}
.zhuangbei_ul{}
.zhuangbei_ul li{width: 70px;height: 200px;float:left;margin-top:0px;margin-right: 112px;}
.zhuangbei_ul .container-item{width: 67px;height: 86px;}
.zhuangbei_ul .container-item img{padding-top:0px;}

.preview{z-index:999;position: absolute;}
.zhuangbei_ul .container-item .shine {
  position: absolute;
  background-image: url(../images/icon_shine.png);
  background-repeat: no-repeat;
  top: 0px;
  left: 0px;
  width: 42px;
  height: 42px;
  background-position: -99px 0;
  -webkit-animation: shine 3s infinite;
  animation: shine 3s infinite;
  z-index:1;
}


 


.zhuangbei_ul .container-item:hover .shine {
background-image: none;}

@-webkit-keyframes shine {
  0% {
    background-position: -99px 0;
  }
  100% {
    background-position: 99px 0;
  }
}

@keyframes shine {
  0% {
    background-position: -99px 0;
  }
  100% {
    background-position: 99px 0;
  }
}



#sb_01 {width: 475px;height: 340px;margin: 0px auto;position: absolute;top: -18px;left: 41px;}
#sb_01 li {width: 0px;height: 100px;float: left;margin-top: -10px;margin-left: 0px;margin-right: 150.5px;display: inline-block;position: relative;}

#sb_02 {width: 475px;height: 340px;margin: 0px auto;position: absolute;top: -18px;left: 566px;}
#sb_02 li {width: 0px;height: 100px;float: left;margin-top: -10px;margin-left: 0px;margin-right: 150.5px;display: inline-block;position: relative;}

#sb_03 {width: 475px;height: 340px;margin: 0px auto;position: absolute;top: -18px;left: 1091px;}
#sb_03 li {width: 0px;height: 100px;float: left;margin-top: -10px;margin-left: 0px;margin-right: 150.5px;display: inline-block;position: relative;}


#preview{position:absolute;border: 1px solid #3d332a;background: #241d17;padding:5px;display:none;color:#fff;z-index:999;}
.large_thumb_shine{width:46px;height:46px;background:url(../images/shine.html);position:absolute;background-position:99px 0;margin-top:-49px;background-repeat:no-repeat}



.szcontainer {max-width: 1920px;min-width: 1200px;height: 700px;margin-top: 109px;position: relative;margin-left: auto;margin-right: auto;}
.box {width: 1200px;height: 100%;margin: 0 auto;position: relative;margin-left: 388px;}
.box .p {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.box .p img, .box .p .name {position: absolute;bottom: 0;transition: all 1s ease;}
.box .p1 img,.box .p2 img,.box .p3 img,.box .p4 img,.box .p5 img,.box .p6 img{top:150px;left: 320px;opacity: 0;-webkit-transition: opacity 2s linear;-moz-transition: opacity 2s linear;-o-transition: opacity 2s linear;transition: opacity 2s linear;}

.box .p1.show img, .box .p2.show img, .box .p3.show img, .box .p4.show img,.box .p5.show img,.p6.show img  {opacity: 1;transform: translateX(0);}

.nav {position: absolute;width: 100px;top: 165px;right:550px;z-index: 2;}
.nav li {position: relative;width: 100px;height: 100px;margin: 1px auto 0;cursor: pointer;transition: all .6s linear;}
.nav li img {position: absolute;top: 0;left: 0;width: 129px;height: 129px;}
.nav li i {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 1;transition: opacity .6s linear;}
.nav li.t1 i {background: url(../img/t1.html) no-repeat center;}
.nav li.t2 i {background: url(../img/t2.html) no-repeat center;}
.nav li.t3 i {background: url(../img/t3.html) no-repeat center;}
.nav li.t4 i {background: url(../img/t4.html) no-repeat center;}
.nav li.t5 i {background: url(../img/t5.html) no-repeat center;}
.nav li.t6 i {background: url(../img/t6.html) no-repeat center;}

.nav li em {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: opacity .6s linear;}
.nav li.t1 em {background: url(../img/t1_on.html) no-repeat center;}
.nav li.t2 em {background: url(../img/t2_on.html) no-repeat center;}
.nav li.t3 em {background: url(../img/t3_on.html) no-repeat center;}
.nav li.t4 em {background: url(../img/t4_on.html) no-repeat center;}
.nav li.t5 em {background: url(../img/t5_on.html) no-repeat center;}
.nav li.t6 em {background: url(../img/t6_on.html) no-repeat center;}
.nav li.on {width:80px;height:80px;}
.nav li.on i {opacity: 0;}
.nav li.on em {opacity: 1;}


    #Layer24 {
	position:absolute;
	width:75px;
	height:245px;
	z-index:1;
	left: 848px;
	top: 750px;
}
    #Layer25 {
	position:absolute;
	width:75px;
	height:245px;
	z-index:2;
	left: 700px;
	top: 748px;
}
    #Layer26 {
	position:absolute;
	width:75px;
	height:245px;
	z-index:3;
	left: 997px;
	top: 748px;
}
    #Layer27 {
	position:absolute;
	width:1920px;
	height:598px;
	z-index:1;
	left: 0px;
	top: 155px;
	background-image: url(images/G3/ZS.html);
}
    #Layer28 {
	position:absolute;
	width:964px;
	height:534px;
	z-index:1;
	left: 477px;
	top: 135px;
}
    #Layer29 {
	position:absolute;
	width:80px;
	height:250px;
	z-index:4;
	left: 1142px;
	top: 696px;
}
    #Layer30 {
	position:absolute;
	width:1288px;
	height:554px;
	z-index:1;
	background-image: url(images/G1/G01.html);
	left: 317px;
	top: 96px;
}
    #Layer31 {
	position:absolute;
	width:65px;
	height:215px;
	z-index:4;
	left: 1143px;
	top: 572px;
}
    #Layer32 {
	position:absolute;
	width:1187px;
	height:589px;
	z-index:1;
	background-image: url(images/G1/G4.html);
	left: 366px;
	top: 191px;
}
    #Layer33 {
	position:absolute;
	width:75px;
	height:245px;
	z-index:4;
	left: 1144px;
	top: 747px;
}
    #Layer34 {
	position:absolute;
	width:1920px;
	height:689px;
	z-index:1;
	left: 0px;
	top: 754px;
	background-image: url(images/06GIF.html);
}
    #Layer35 {
	position:relative;
	width:1920px;
	height:943px;
	z-index:1;
	background-image: url(images/bj_06.html);
}
    #Layer36 {
	position:relative;
	width:1920px;
	height:860px;
	z-index:1;
	background-image: url(images/bj_06-2.html);
}
    #Layer37 {
	position:absolute;
	width:1174px;
	height:551px;
	z-index:1;
	left: 374px;
	top: 282px;
	background-image: url(images/GZ.gif);
}


.bottom {
    width: 1920px;
    height: 132px;
    left: 50%;
    margin-left: -960px;
    overflow: hidden;
    position: relative;
    background-position: 0px 0px;
    background-image: url(../images/bj_06.jpg);
    background-repeat: no-repeat;
}

#Layer4 {
	position:absolute;
	width:1920px;
	height:132px;
	z-index:2;
	left: 0px;
	top: 0px;
	background-image: url(images/bj_06.jpg);
	background-repeat: no-repeat;
}
#Layer5 {
	position:absolute;
	width:700px;
	height:120px;
	z-index:1;
	left: 777px;
	top: 24px;
}
.STYLE1 {
	font-size: 12px;
	color: #FFFFFF;
}