@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	margin: 0px 0px 0px 0px;
}
body {
	overflow-x:hidden;background:#fff;cursor:auto;
}
.bigcontainer {
	width: 100%;
	background: #fff;
	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;
}
.topcontainer {
	width:1920px;height:1079px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: none;
	background-position: -0px -0px;
}

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

}


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

#Version{width:100%;height:1080px;position:relative;overflow:hidden;z-index:11;padding-top: 0px;}
#Flash{
	width:1920px;
	height:1080px;
	position:absolute;
	left:50%;
	margin:0px auto -272px -960px;
	z-index:3
}
#Header{
	margin:0 auto -290px -960px;
	width:1920px;
	height:1080px;
	position:absolute;
	left:50%;
	z-index:2;
	line-height:0px;
}
#Flash1{width:1920px;height:1080px;position:absolute;left:50%;margin:0px auto -272px -960px;}

.sm0{
	width:1920px;height:900px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: none;
	background-position: 0px -0px;
}
.sm1{
	width:1920px;height:1100px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../Img777/backgrounds/sm1.jpg) no-repeat center;
	background-position: 0px -0px;
}
.sm2 {
    width: 1920px;
    height: 400px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    background: url(../Img777/backgrounds/sm2.jpg) no-repeat center;
    display: flex;
    justify-content: center;
    align-items: center;
}


.sm3{
	width:1920px;height:700px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../Img777/backgrounds/sm3.jpg) no-repeat center;
	background-position: 0px -0px;
}
.sm4{
	width:1920px;height:700px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../Img777/backgrounds/sm4.jpg) no-repeat center;
	background-position: 0px -0px;
}
.sm4-carousel-lane{position:absolute;left:0;width:1920px;height:320px;overflow:visible;z-index:2;}
.sm4-carousel-lane-a{top:220px;}
.sm4-carousel-scale{width:max-content;}
.sm4-carousel-track{padding-top:0!important;animation-duration:38.4s;}
.sm5{
	width:1920px;height:900px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../Img777/backgrounds/sm5.jpg) no-repeat center;
	background-position: 0px -0px;
}
.sm6{
	width:1920px;height:846px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../Img777/backgrounds/sm6.gif) no-repeat center;
	background-position: 0px -0px;
}
.sm7{
	box-sizing:border-box;width:1920px;height:188px;left:50%;margin-left:-960px;
	overflow: hidden;
	position: relative;
	background:linear-gradient(180deg,#fff 0%,#fff 64%,#faf8f4 100%);
	border-top:3px solid #b58a43;
	box-shadow:inset 0 1px 0 #f2dfb7;
}
.sm7::after{content:"";position:absolute;left:50%;bottom:0;width:1180px;height:1px;margin-left:-590px;background:linear-gradient(90deg,transparent,rgba(181,138,67,.48),transparent);}
.footer-brand{box-sizing:border-box;width:1200px;height:185px;margin:0 auto;display:flex;align-items:center;color:#382f2a;font-family:"Microsoft YaHei",sans-serif;}
.footer-identity{box-sizing:border-box;width:310px;display:flex;align-items:center;gap:20px;padding-right:38px;border-right:1px solid #e4d8c3;}
.footer-identity img{display:block;width:86px;height:86px;flex:0 0 auto;object-fit:cover;border-radius:19px;border:1px solid #b99150;box-shadow:0 7px 20px rgba(88,48,24,.18);}
.footer-title{display:flex;flex-direction:column;justify-content:center;white-space:nowrap;}
.footer-title strong{color:#6d1d13;font:700 25px/1.2 "Microsoft YaHei",sans-serif;letter-spacing:4px;}
.footer-title span{margin-top:9px;color:#a58a66;font:10px/1 Arial,sans-serif;letter-spacing:1.1px;}
.footer-copy{box-sizing:border-box;flex:1;padding-left:42px;text-align:left;}
.footer-notice-title{height:25px;display:flex;align-items:center;gap:13px;margin-bottom:9px;}
.footer-notice-title span{display:inline-block;padding:4px 12px;background:#741d13;color:#fff;border-radius:2px;font-size:13px;font-weight:700;letter-spacing:2px;box-shadow:3px 3px 0 #dcc9a7;}
.footer-notice-title em{color:#b0956d;font:10px/1 Arial,sans-serif;letter-spacing:2px;font-style:normal;}
.footer-notice{margin:0;color:#514640;font-size:13px;line-height:26px;white-space:nowrap;}
.footer-rule{width:100%;height:1px;margin:12px 0 11px;background:linear-gradient(90deg,#d9c7aa 0%,rgba(217,199,170,.3) 75%,transparent 100%);}
.footer-copyright{display:flex;gap:25px;margin:0;color:#8a7d73;font:12px/20px Arial,"Microsoft YaHei",sans-serif;white-space:nowrap;}
.footer-copyright span+span{position:relative;}
.footer-copyright span+span::before{content:"";position:absolute;left:-13px;top:5px;width:1px;height:10px;background:#d7cbbb;}

#preview{position:absolute;border:1px solid #614635;background:#3c2116;padding:5px;display:none;margin-top:-300px;z-index:99999;}

.m7piccon{float:left;position:absolute;width:400px;height:145px;margin-left:1180px;margin-top:438px;z-index:999}
.m7piccon li{float:left;width:62px;height:41px;padding:0 0px;margin-bottom:25px; list-style:none;}
.m7piccon li a span{float:left;width:60px;height:15px;line-height:15px;border:1px solid #585858;font-size:12px;color:#ed2d01;background:#1c1010;padding:5px 3px;margin-top:10px;text-align:center;margin-left:0px}
.m7piccon li img {float:left;width:42px;height:42px}

.m5piccon{float:left;position:absolute;width:400px;height:145px;margin-left:45px;margin-top:-126px;z-index:999}
.m5piccon li{float:left;width:64px;height:44.3px;padding:0 0px;margin-bottom:25px; list-style:none;}
.m5piccon li a span{float:left;width:60px;height:15px;line-height:15px;border:1px solid #585858;font-size:12px;color:#ed2d01;background:#1c1010;padding:5px 3px;margin-top:10px;text-align:center;margin-left:0px}
.m5piccon li img {float:left;width:42px;height:42px}


.container{width:100%;height:80px;background:#fff;}
.nav{height:75px;background:#fff;padding-top:5px;position:relative;width:100%;max-width:1920px;z-index:10;margin:0 auto;}
.nav .t-logo{display:block;margin:0 0 0 28px;width:700px;height:70px;float:left;background:url(../Img777/ui/t-logo.png) no-repeat;}
.r-nav-c{height:58px;float:right;display:flex;align-items:center;gap:10px;margin:6px 28px 0 0;position:relative;background:none;}
.r-nav-c .al{width:130px;height:52px;position:relative;}
.r-nav-c a,.r-nav-c .nav-item{box-sizing:border-box;width:130px;height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#fff 0%,#f4f1ed 100%);border:1px solid #d8d0c5;border-bottom:3px solid #a67b35;border-radius:7px;color:#382b24;text-decoration:none;box-shadow:0 3px 8px rgba(48,29,18,.12);transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;}
.r-nav-c a:link,.r-nav-c a:visited{color:#382b24;}
.r-nav-c a span,.r-nav-c .nav-item span{font-size:16px;line-height:21px;font-weight:700;letter-spacing:1px;}
.r-nav-c a em,.r-nav-c .nav-item em{font-size:9px;line-height:13px;font-style:normal;letter-spacing:.7px;color:#9a8062;}
.r-nav-c a:hover,.r-nav-c a:focus-visible{transform:translateY(-3px);background:linear-gradient(135deg,#6f0d08 0%,#bd321b 100%);border-color:#d9a746;border-bottom-color:#ffd273;color:#fff;box-shadow:0 7px 16px rgba(126,25,14,.34);outline:none;}
.r-nav-c a:hover em,.r-nav-c a:focus-visible em{color:#ffe0a1;}
.r-nav-c .is-disabled{color:#817973;border-bottom-color:#c9bba3;box-shadow:none;cursor:default;opacity:.7;}
.r-nav-c .al .aui{display: none;width: 128px;position: absolute;left: -3px;top: 67px;z-index:10}
.r-nav-c .al .aui .b{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #fff;opacity: 0.9;filter:alpha(opacity=90);}
.r-nav-c .al ul{position: relative;padding: 10px 0;}
.r-nav-c .al ul li{height: 32px;}
.r-nav-c .al ul li a{color: #404040;width: 110px;height: 32px;display: block;margin: 0 auto;text-align: center;line-height: 32px;background-image: none;border-radius: 5px;}
.r-nav-c .al ul li a:hover{background-color: #7cae95;color: #fff;}


.m6piccon li img {
            transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;
        }

.m6piccon li img:hover {
            transform: rotate(360deg) scale(1.1);
            -webkit-transform: rotate(360deg) scale(1.1);
            -moz-transform: rotate(360deg) scale(1.1);
            -o-transform: rotate(360deg) scale(1.1);
            -ms-transform: rotate(360deg) scale(1.1);
        }

		

.m5piccon li img {
            transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;
        }

.m5piccon li img:hover {
            transform: rotate(360deg) scale(1.1);
            -webkit-transform: rotate(360deg) scale(1.1);
            -moz-transform: rotate(360deg) scale(1.1);
            -o-transform: rotate(360deg) scale(1.1);
            -ms-transform: rotate(360deg) scale(1.1);
        }
		
		

.m7piccon li img {
            transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;
        }

.m7piccon li img:hover {
            transform: rotate(360deg) scale(1.1);
            -webkit-transform: rotate(360deg) scale(1.1);
            -moz-transform: rotate(360deg) scale(1.1);
            -o-transform: rotate(360deg) scale(1.1);
            -ms-transform: rotate(360deg) scale(1.1);
        }
		



#Layer12 {
	position:relative;
	height:79px;
	z-index:10000;
	background-image: url(../Img777/backgrounds/smtop.jpg);
	background-repeat: no-repeat;
	background-position: center;
	width: 1920px;
}
#Layer13 {
	position:absolute;
	width:150px;
	height:50px;
	z-index:1;
	top: 18px;
	left: 1150px;
}
#Layer14 {
	position:absolute;
	width:150px;
	height:50px;
	z-index:2;
	left: 1350px;
	top: 18px;
}
#Layer15 {
	position:absolute;
	width:150px;
	height:50px;
	z-index:3;
	left: 1560px;
	top: 18px;
}

.scroll-container {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.scroll-wrapper {
    display: flex;
    animation: scrollLeft 20s linear infinite;
    width: fit-content;
}
.sm3 .scroll-container{height:700px;perspective:1600px;}
.sm3-carousel-stage{width:100%;height:520px;position:relative;top:190px;transform-style:preserve-3d;}
.sm3-carousel-stage .tt{position:absolute;left:50%;top:0;margin:0;float:none;opacity:0;transition:transform .58s cubic-bezier(.22,.61,.36,1),opacity .45s ease,filter .45s ease;transform-origin:center;will-change:transform,opacity;}
.sm3-carousel-stage .scene{float:none!important;cursor:pointer;transition:filter .35s ease;}
.sm3-carousel-stage .is-active .scene{filter:drop-shadow(0 14px 18px rgba(55,29,14,.34));}
.sm3-carousel-arrow{position:absolute;top:357px;z-index:30;width:121px;height:116px;padding:0;border:0;background-color:transparent;background-position:center;background-repeat:no-repeat;cursor:pointer;opacity:.86;filter:drop-shadow(0 8px 10px rgba(48,28,17,.25));transition:transform .18s ease,opacity .18s ease,filter .18s ease;}
.sm3-carousel-prev{left:80px;background-image:url(../Img777/ui/next.png);}
.sm3-carousel-next{right:80px;background-image:url(../Img777/ui/prev.png);}
.sm3-carousel-arrow:hover,.sm3-carousel-arrow:focus-visible{transform:scale(1.1);opacity:1;filter:brightness(1.12) drop-shadow(0 10px 14px rgba(87,42,17,.36));outline:none;}
.sm3-carousel-dots{position:absolute;left:0;right:0;bottom:15px;z-index:30;display:flex;align-items:center;justify-content:center;gap:10px;}
.sm3-carousel-dots button{box-sizing:border-box;width:10px;height:10px;padding:0;border:1px solid #9b7843;border-radius:50%;background:#fff;cursor:pointer;transition:width .2s ease,border-radius .2s ease,background .2s ease;}
.sm3-carousel-dots button.is-active{width:30px;border-radius:7px;background:linear-gradient(90deg,#751d14,#d19a3f);}
.sm3-card {
    width: 444px;
    height: 420px;
    position: relative;
    left: auto;
    top: auto;
    z-index: 5;
    background: none;
    flex-shrink: 0;
    margin-right: 14px;
}
.sm3-card .scene {
    box-sizing: border-box;
    width: 444px;
    height: 420px;
    float: left;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    background: radial-gradient(circle at 50% 38%, #30271f 0%, #171412 58%, #090807 100%);
    box-shadow: 0 10px 22px rgba(27,20,15,.28);
}
.sm3-card .scene::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 6;
    border: 2px solid #bf8d38;
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px rgba(255,226,154,.72), inset 0 0 18px rgba(0,0,0,.42);
    pointer-events: none;
}
.sm3-card .scene img {
    display: block;
    width: 444px;
    height: 420px;
    object-fit: contain;
}
.sm4-mingge-card{
    box-sizing:border-box;
    position:relative;
    width:240px;
    height:320px;
    flex:0 0 240px;
    margin-right:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-radius:8px;
    transform:scale(.9);
    transform-origin:center;
    transition:transform .2s ease,filter .2s ease;
    will-change:transform;
}
.sm4-mingge-card:hover{z-index:3;transform:scale(1.2);filter:drop-shadow(0 10px 14px rgba(49,17,10,.3));}
.sm4-mingge-card::after{
    content:"";
    box-sizing:border-box;
    position:absolute;
    inset:0;
    z-index:2;
    border:2px solid #bf8d38;
    border-radius:8px;
    box-shadow:inset 0 0 0 1px rgba(255,226,154,.72),inset 0 0 18px rgba(0,0,0,.42);
    pointer-events:none;
}
.sm4-mingge-card img{
    display:block;
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
    object-fit:contain;
    object-position:center;
}
@keyframes x1 {
    0% { opacity: 1; transform: scale3d(1,1,1); }
    100% { opacity: 0; transform: scale3d(1.5,1.5,1); }
}
@keyframes scrollLeft {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
[class^="m"][class*="piccon"] li a {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

[class^="m"][class*="piccon"] li a::before {
    content: "";
    position: absolute;
    top: -150%;
    left: -150%;
    width: 80px;
    height: 400%;
    background: linear-gradient(
        90deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,.85) 50%,
        rgba(255,255,255,0) 100%
    );
    transform: rotate(45deg);
    animation: sweepDiag 2.5s linear infinite;
    pointer-events: none;
}

@keyframes sweepDiag {
    0%   { transform: translateX(-100%) translateY(-100%) rotate(45deg); }
    100% { transform: translateX(200%) translateY(200%) rotate(45deg); }
}


#Layer4 {
	position:absolute;
	width:1920px;
	height:132px;
	z-index:2;
	left: 0px;
	top: 0px;
	background-image: none;
	background-repeat: no-repeat;
}
#Layer5 {
	position:absolute;
	width:700px;
	height:90px;
	z-index:1;
	left: 777px;
	top: 24px;
}
#Layer2 {
	position:absolute;
	width:1200px;
	height:700px;
	z-index:2;
	left: 390px;
	top: 213px;
}

.STYLE2 {	font-size: 12px;
	color: #FFFFFF;
}


.slide4{
	width:1430px;
	height:420px;
	left: 50%;
	margin-left: -723px;
	top: 198px;
}

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

.slide4 .prev,.slide4 .next{width:140px;height:152px;}
.slide4 .prev{top: -334px;left: -677px;}
.slide4 .next{top: -454px;left: 560px;}




.bottom{
	width:1920px;
	height:991px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: none;
	background-position: 0px -0px;
	background-image: none;
}

.slide1{width:1145px;height:559px;left: 50%;margin-left: -573px;top:107px;}
.slide1 .uls li{list-style: none;}
.slide1 .prev,.slide1 .next{width:32px;height:50px;}
.slide1 .prev{top:-315px;left:-38px;}
.slide1 .next{top:-367px;left:1144px;}

.slide2{width: 1223px;height:586px;margin-left: -259px;top: -128px;}
.slide2 .uls li{list-style: none; }
.slide2 .prev,.slide2 .next{width:39px;height:51px;padding:0;border:0;background:transparent;cursor:pointer;}
.slide2 .prev{top: -352px;left: 640px;}
.slide2 .next{top: -404px;left: -230px;}
.slide2 .slide2images{margin-left:357px;margin-top:-12px;}
.slide2 .slide2images .uls li img{display:block;clip-path:inset(10px);}
.slide2 .slide2hd{/* width: 132px; *//* height: 109px; *//* left: 105px; */margin-left: -542px;/* top: 664px; */}

 
.yihuo{width:743px;height:679px;background:none;margin-left:739px;margin-top:270px;}

.slide3{
	width:1032px;
	height:527px;
	left:0px;
	top:200px;
}
.slide3 .uls li{list-style: none;}
.slide3 .prev,.slide3 .next{width:63px;height: 84px;}
.slide3 .prev{
	top: -50px;
	left: -114px;
}
.slide3 .next{
	top: -143px;
	left:80px;
	background-image: none;
}




.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:40%;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:#020202;}
#Floatingbar .ewm img{width:117px;height:117px;margin:0 auto;display:block;}
#Floatingbar ul{padding:14px 0;background:none;list-style-type:none;background-color:#020202;color:white;}
#Floatingbar ul li{height:22px;line-height:22px;text-align:center;margin-bottom:24px;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:#313030;}
#Floatingbar .btn{width:15px;height:130px;position:absolute;top:23px;left:-15px;background:none;cursor:pointer;}
#Floatingbar .btn.change{background-position:left top;}


#Floatingbars{box-sizing:border-box;width:176px;position:fixed;top:20%;right:0;z-index:10000;background:linear-gradient(145deg,rgba(255,255,255,.98) 0%,rgba(248,246,242,.98) 55%,rgba(232,228,221,.98) 100%);border:1px solid #d0b37a;border-right:0;border-radius:12px 0 0 12px;box-shadow:-8px 10px 28px rgba(58,42,31,.22);transition:transform .1s ease-out;}
#Floatingbars::before{content:"";position:absolute;inset:5px;border:1px solid rgba(171,128,60,.18);border-radius:8px 0 0 8px;pointer-events:none;}
#Floatingbars.is-collapsed{transform:translateX(100%);}
#Floatingbars .btn_showhide{box-sizing:border-box;width:36px;height:96px;position:absolute;top:70px;right:100%;display:flex;align-items:center;justify-content:center;padding:8px 9px;border:1px solid #d0b37a;border-right:0;border-radius:9px 0 0 9px;background:linear-gradient(180deg,#fff 0%,#eee9e1 100%);color:#8b2417;font:700 15px/1.35 "Microsoft YaHei",sans-serif;letter-spacing:3px;writing-mode:vertical-rl;cursor:pointer;box-shadow:-5px 5px 14px rgba(58,42,31,.16);transition:background .12s ease,color .12s ease;}
#Floatingbars .btn_showhide:hover,#Floatingbars .btn_showhide:focus-visible{background:linear-gradient(180deg,#fff8e9 0%,#ead7b8 100%);color:#b02d1b;outline:none;}
.kefulist{position:relative;margin:0;padding:0 13px 14px;list-style:none;}
.kefulist li{margin:0;padding:0;font-size:14px;list-style:none;}
.kefulist li a,.kefulist li button{box-sizing:border-box;width:100%;height:44px;line-height:44px;display:block;padding:0;text-align:center;color:#713323;text-decoration:none;border:0;border-top:1px solid rgba(153,114,55,.2);background:transparent;font:14px/44px "Microsoft YaHei",sans-serif;transition:color .12s ease,background .12s ease,letter-spacing .12s ease;cursor:pointer;}
.kefulist li:hover a,.kefulist li:hover button{color:#a92315;background:rgba(181,88,42,.09);letter-spacing:1px;}
.RQcodes{position:relative;padding:18px 16px 12px;text-align:center;}
.RQcodes strong{display:block;margin-bottom:10px;color:#772417;font-size:16px;line-height:24px;font-weight:700;letter-spacing:1px;}
.RQcodes .pic{box-sizing:border-box;width:122px;height:122px;margin:0 auto;padding:4px;background:#fff;border:2px solid #c4a25f;border-radius:22px;box-shadow:0 5px 14px rgba(63,43,29,.17);overflow:hidden;}
.RQcodes .pic img{display:block;width:100%;height:100%;object-fit:cover;border-radius:16px;}
#BackToTop{box-sizing:border-box;width:52px;height:52px;position:fixed;right:24px;bottom:28px;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid #c6a66d;border-radius:9px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(241,235,225,.98));color:#782419;box-shadow:0 7px 20px rgba(58,42,31,.2);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .18s ease,visibility .18s ease,transform .18s ease,background .15s ease;}
#BackToTop.is-visible{opacity:1;visibility:visible;transform:translateY(0);}
#BackToTop span{width:9px;height:9px;border-top:2px solid currentColor;border-left:2px solid currentColor;transform:rotate(45deg) translate(2px,2px);}
#BackToTop em{font:700 9px/1 Arial,sans-serif;letter-spacing:1px;font-style:normal;}
#BackToTop:hover,#BackToTop:focus-visible{background:linear-gradient(145deg,#842419,#b73524);color:#fff;border-color:#d7ad63;outline:none;transform:translateY(-3px);}
@media (prefers-reduced-motion:reduce){#BackToTop{transition:none;}}
body.download-modal-open{overflow:hidden;}
.download-modal{position:fixed;inset:0;z-index:200000;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;font-family:"Microsoft YaHei",sans-serif;}
.download-modal.is-open{opacity:1;visibility:visible;pointer-events:auto;}
.download-modal-backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(18,13,11,.7);backdrop-filter:blur(5px);cursor:pointer;}
.download-modal-panel{box-sizing:border-box;width:min(760px,calc(100vw - 48px));position:relative;z-index:1;padding:30px 34px 26px;border:1px solid #b88a43;border-radius:16px;background:linear-gradient(145deg,#fff 0%,#fbf8f2 58%,#eee5d8 100%);box-shadow:0 24px 70px rgba(0,0,0,.42),inset 0 0 0 4px rgba(255,255,255,.62);transform:translateY(18px) scale(.97);transition:transform .22s ease;overflow:hidden;}
.download-modal.is-open .download-modal-panel{transform:translateY(0) scale(1);}
.download-modal-panel::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#59100b,#d8a84d 28%,#7e1e13 50%,#d8a84d 72%,#59100b);}
.download-modal-close{position:absolute;right:15px;top:14px;width:36px;height:36px;padding:0;border:1px solid #d7c3a1;border-radius:50%;background:#fff;color:#7d2418;font:300 26px/32px Arial,sans-serif;cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease;}
.download-modal-close:hover,.download-modal-close:focus-visible{background:#7d2418;color:#fff;transform:rotate(90deg);outline:none;}
.download-modal-brand{display:flex;align-items:center;gap:17px;padding-right:48px;}
.download-modal-brand img{width:66px;height:66px;display:block;border:1px solid #b88a43;border-radius:15px;box-shadow:0 6px 16px rgba(79,32,17,.18);}
.download-modal-brand div{display:flex;flex-direction:column;}
.download-modal-brand strong{color:#651a12;font-size:24px;line-height:32px;letter-spacing:2px;}
.download-modal-brand span{margin-top:4px;color:#a18560;font:10px/1 Arial,sans-serif;letter-spacing:2px;}
.download-modal-tip{margin:20px 0 16px;padding:10px 14px;border-left:3px solid #b98b45;background:rgba(185,139,69,.1);color:#4d3c31;font-size:13px;line-height:22px;font-weight:500;}
.download-route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;}
.download-route,.download-route:link,.download-route:visited{box-sizing:border-box;min-height:62px;position:relative;display:flex;align-items:center;justify-content:space-between;padding:11px 68px 11px 16px;border:1px solid #d7c8b1;border-bottom:3px solid #b28a4d;border-radius:8px;background:linear-gradient(180deg,#fff,#f5f0e8);color:#3b2921;text-decoration:none;box-shadow:0 3px 8px rgba(54,37,25,.08);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease;}
.download-route strong{color:inherit;font-size:15px;line-height:22px;letter-spacing:.5px;font-weight:700;}
.download-route span{display:flex;align-items:center;gap:6px;color:#57845d;font:12px/20px Arial,"Microsoft YaHei",sans-serif;white-space:nowrap;}
.download-route span i{width:7px;height:7px;border-radius:50%;background:#4eb466;box-shadow:0 0 0 3px rgba(78,180,102,.13);}
.download-route span em{font-style:normal;}
.download-route b{position:absolute;right:10px;top:8px;padding:2px 6px;border-radius:8px;background:#9d2a1b;color:#fff;font-size:10px;line-height:16px;font-weight:400;opacity:0;transform:translateY(-3px);transition:opacity .15s ease,transform .15s ease;}
.download-route.is-best{border-color:#c29447;background:linear-gradient(135deg,#fffdf8,#f7ebd3);box-shadow:0 5px 14px rgba(139,89,32,.15);}
.download-route.is-best b{opacity:1;transform:translateY(0);}
.download-route:hover,.download-route:focus-visible{transform:translateY(-3px);border-color:#a92819;background:linear-gradient(135deg,#7b1b12,#b93622);color:#fff;box-shadow:0 8px 18px rgba(109,32,19,.25);outline:none;}
.download-route:hover span,.download-route:focus-visible span{color:#d9f5d7;}
.download-modal-note{margin:18px 0 0;text-align:center;color:#69564a;font-size:12px;line-height:20px;font-weight:500;}
@media (max-width:680px){.download-modal{padding:14px;}.download-modal-panel{width:calc(100vw - 28px);padding:24px 18px 20px;}.download-route-grid{grid-template-columns:1fr;max-height:50vh;overflow-y:auto;padding-right:3px;}.download-modal-brand strong{font-size:20px;}.download-modal-tip{margin-top:16px;}}
 

.swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;

      /* 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;
	  transition: 300ms;
	  transform: scale(0.8);
    }
	.swiper-slide-active,.swiper-slide-duplicate-active{
      transform: scale(1);
	}
 
	.list-info{
	width: 597px;
	height: 465px;
	margin-top: 354px;
	position: absolute;
	left: 398px;
}

.NewsList{margin:0 18px;width:650px;height:703px;position: absolute;top:350px; margin-left: 950px;transition:all 0.1s linear;}
.NewsList li:hover{transform:translatex(5px);background-color:#2c3e50;}
.NewsList li{width:650px;height:52px;line-height:52px;overflow:hidden;color:#fff;padding-right:8px;border-bottom:1px dotted #fff;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;}

.content {
    display: block;
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}
.slide-box {
    position: relative;
    margin: 70px auto 0;
}
.slide-list {
    position: relative;
    top: 0;
    left: 0;
    list-style: none;
    height: 674px;
    margin: 0 auto;
    perspective: 500px;
}
.slide-list li {
    position: absolute;
    width: 1044px;
    height: 539px;
    transition: all .5s;
    z-index: -1;
    opacity: 0;
    filter: alpha(opacity=0);
}
.slide-box li.po-1 {
    left: 114px;
    top: 86px;
    z-index: 4;
    width: 561px;
    height: 248px;
    opacity: 1;
    filter: alpha(opacity=100);
}
.slide-box li.po-2 {
    left: 0;
    top: 0px;
    z-index: 5;
    opacity: 1;
    filter: alpha(opacity=100);
}
.slide-box li.po-3 {
    top: 100px;
    left: auto;
    right: 30px;
    width: 973px;
    height: 502px;
    opacity: .3;
    filter: alpha(opaciyt:30);
}
.slide-box li.po-4 {
    left: 193px;
    top: 0px;
}
.slide-box li.po-5 {
    left: 197px;
    top: 0px;
}
.slide-list li img {
    width: 100%;
}
.trans-left, .trans-right {
    width: 340px;
    height: 508px;
    position: absolute;
    top: 0;
    z-index: 10;
    cursor: pointer;
}
.trans-left {
    left: 0;
}
.trans-right {
    right: 0;
}
.p9-prev, .p9-next {
    display: block;
    width: 59px;
    height: 56px;
    position: absolute;
    top: 532px;
    right: 8px;
    z-index: 9;
    cursor: pointer;
    background: none;
}
.p9-next {
    top: 460px;
    background-position: center bottom;
}
.dot-list {
    width: 250px;
    overflow: hidden;
    margin-top: -23px;
}
.dot-list li {
    display: block;
    width: 25px;
    height: 6px;
    float: left;
    background-color: #564f3f;
    margin: 0px 5px;
    border-radius: 10px;
}
.dot-list li.cur {
    background-color: #9a8b68;
    width: 100px;
    border-radius: 10px;
}
.autoImg{display: block; width: 100%;}
.pleft-title{
    position: absolute;
    top: 0;
}
.pleft-title img.part-title-ico{
    width: 29%;
    right: auto;
    left: 10%;
}

.pright-title img.part-title-ico {
    width: 29%;
    right: 10%;
}
.part-title{
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}
.part-title img{
    position: relative;
    z-index: 2;
}
.part-title img.part-title-ico{
    position: absolute;
    z-index: 1;
    display: block;
    right: 9%;
    top: -81%;
    animation: rotate 15s infinite linear;
}
@keyframes rotate{
    form{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}
@-webkit-keyframes rotate{
    form{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
    }
}


#ZhiYe2{float:left;height:520px;position:relative;min-width:600px;margin:0 auto;margin-top:-21px;z-index:100;margin-left:247px}
#ZhiYe2 .center{float:left;position:relative;width:1006px;;margin-left:-2px}
#ZhiYe2 .photoshow_select2{text-align:center;margin-top:15px;}
#ZhiYe2 .photoshow_select2 a{margin:0 2px;width:20px;height:20px;text-indent:0px;background:none;cursor:pointer;display:inline-block;}
#ZhiYe2 .photoshow_select2 a.change{background-position:right top;}
#ZhiYe2 .photoshow2{width:1006px;height:561px;margin:0 auto;}
#ZhiYe2 .photoshow2 li{width:484px;height:561px;text-align:center;cursor:pointer;}
#ZhiYe2 .photoshow2 li img{max-width:100%;}
#ZhiYe2 .photoshow2 li.roundabout-in-focus{cursor:default;}
#ZhiYe2 .photoshow2 li span{padding-top:6em;display:block;}
#ZhiYe2 .move_rights,#ZhiYe2 .move_lefts{float:left;width:109px;height:480px;position:absolute;top:0px;z-index:1500;}
#ZhiYe2 .move_lefts span,#ZhiYe2 .move_rights span{width:40px;height:77px;position:absolute;top:50%;margin-top:-10px;}
#ZhiYe2 .move_lefts{left:-260px;}
#ZhiYe2 .move_lefts span{background:none;}
#ZhiYe2 .move_lefts:hover span{background:none;}
#ZhiYe2 .move_rights{right:-200px;}
#ZhiYe2 .move_rights span{background:none;}
#ZhiYe2 .move_rights:hover span{background:none;}





@keyframes light_ {
	  25% { transform:scale(1.6);opacity: 0.9;}
	  75% {transform: scale(0.4);opacity: 1;}
	}
	@keyframes light_2 {
	  45% { transform:scaleX(1.05);opacity:0.6;}
	  75% {transform: scaleX(1);opacity: 1;}
	}
	@keyframes light_1 {
	  50% { transform: translatey(-10px) scale(1.005);opacity:1;}
	  100% {transform:translatey(0px) scale(1);opacity: 1;}
	}
	@keyframes light_3 {
	  50% { transform: translatey(-20px) scale(1.005);opacity:1;}
	  100% {transform:translatey(0px) scale(1);opacity: 1;}
	}

#Download{width:740px;height:128px;text-align:center;position:absolute;top:842px;left:50%;margin-left:-370px;z-index:51;overflow:hidden;background:url(../Img777/ui/down.png) no-repeat -12px -22px;transform-origin:center;transition:transform .24s ease,filter .24s ease;}
#Download:hover,#Download:focus-within{transform:translateY(-5px) scale(1.025);filter:brightness(1.12) saturate(1.08) drop-shadow(0 10px 13px rgba(125,18,8,.58));}
#Download .btn_down_s1{display:block;position:absolute;left:0;top:0;width:449px;height:128px;text-indent:-999em;overflow:hidden;}
#Download .btn_down_s2{display:block;position:absolute;left:449px;top:0;width:213px;height:128px;text-indent:-999em;overflow:hidden;}
#Download .btn_down_s3{float:left;width: 130px;height: 90px;text-indent:-999em;margin-left: 10px;margin-top: 40px;}
#Download .btn_down_s4{float:left;width: 109px;height: 110px;text-indent:-999em;overflow:hidden;margin-left: 108px;margin-top: 33px;}



.endcontent {width: 1350px;margin: 0 auto;position: relative;}
.zhuzi1{position:absolute;width:98px;height:238px;left:-144px;top:418px;background:none;animation:key_updown 5s infinite alternate;-webkit-animation:key_updown 5s infinite alternate;-ms-animation:key_updown 5s infinite alternate;}
.zhuzi2{position:absolute;width:96px;height:231px;left:1391px;top:-120px;background:none;animation:key_downup 5s infinite alternate;-webkit-animation:key_downup 5s infinite alternate;-ms-animation:key_downup 5s infinite alternate;}
@keyframes key_updown{
	0%{transform:translate3d(0,0,0)}
	100%{transform:translate3d(0,-50px,0)}
}
@-webkit-keyframes key_updown{
	0%{-webkit-transform:translate3d(0,0,0)}
	100%{-webkit-transform:translate3d(0,-50px,0)}
}
@-ms-keyframes key_updown{
	0%{-ms-transform:translate3d(0,0,0)}
	100%{-ms-transform:translate3d(0,-50px,0)}
}
@keyframes key_downup{
	0%{transform:translate3d(0,0,0)}
	100%{transform:translate3d(0,50px,0)}
}
@-webkit-keyframes key_downup{
	0%{-webkit-transform:translate3d(0,0,0)}
	100%{-webkit-transform:translate3d(0,50px,0)}
}
@-ms-keyframes key_downup{
	0%{-ms-transform:translate3d(0,0,0)}
	100%{-ms-transform:translate3d(0,50px,0)}
}


.dh ul{
	position: relative;
	overflow: hidden;
	width:1240px;
	height: 436px;
	padding-top:360px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.dh ul li{float: left;width: 80px;overflow: hidden;height: 100%;position: relative;cursor: pointer; border:#896d3c 1px solid; box-shadow: 0px 0px 00px #000;}
.dh ul li a{display: block;width: 100%;height: 100%;}
.dh ul li .layer{position: absolute;bottom: 0;left: 0;width: 100%;background:rgba(14,15,15,0.75);height: 100%;}
.dh ul li .layer .p1{position: absolute;bottom: 5px;left: 10px;}
.dh ul li .layer .p2{position: absolute;bottom: 5px;right: -200%;}
.dh ul li .layer .p2 b,.dh ul li .layer .p2 span{display: block;font-weight: bold;font-size: 20px;}
.dh ul li .layer .p1 b,.dh ul li .layer .p1 span{display: block;font-weight: bold;font-size: 14px;}
.col1{color: #f8d186;}
.col2{color: #fff;}


#Flash .arrow {
    width: 236px;
    height: 146px;
    background: none;
    position: absolute;
    bottom: 50%;
    left: 50%;
	z-index:51;
        margin-bottom: -288px;
    margin-left: -123px;
    -webkit-animation: down 3s 0s linear infinite 300ms 0 ease infinite;
    -moz-animation: down 3s 0s linear infinite 300ms 0 ease infinite;
    -ms-animation: down 3s 0s linear infinite 300ms 0 ease infinite;
    animation: down 3s 0s linear infinite 300ms 0 ease infinite;
    -moz-animation: down 3s 0s linear infinite;
    -webkit-animation: down 3s 0s linear infinite;
    -o-animation: down 3s 0s linear infinite;
    -ms-animation: down 3s 0s linear infinite;
    animation: down 3s 0s linear infinite;
}

@-webkit-keyframes down {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}


.top-box{width:100%;position:absolute;left:0;height:84px;z-index:9;}
.top-box .lostark-logo{display:block;position:absolute;left:60px;top:50%;margin-top:-25px;width:199px;height:49px;   }
.top-box .top-list{width:100%;text-align: center;font-size: 0}
.top-box .top-list li{display:inline-block;*display:inline;*zoom:1;vertical-align: top;width:175px;    margin-top: -12px;position:relative;height:100%;}
.top-box .top-list li a{display:block;width:100%;padding-top:22px;height:62px;-webkit-transition: all .2s;transition: all .2s;}
.top-box .top-list li a:hover{-webkit-transform: scale(1.15);transform: scale(1.15);    text-decoration: none;}
.top-box .top-list li a span{display:block;text-align: center;font-size: 18px;color:#ffffff;line-height: 24px;text-shadow:0 0 0.2em rgba(255,255,255,0.5),0 0 0.2em rgba(255,255,255,0.5);}
.top-box .top-list li a em{font-size: 12px;color:#ffffff;text-align: center;line-height: 16px;text-shadow:0 0 0.2em rgba(255,255,255,0.5),0 0 0.2em rgba(255,255,255,0.5);}
.top-box .top-list li .top-line{position:absolute;right:0;top:50%;margin-top:-18px;width:2px;height:37px;background:url(../Img777/ui/top-line.png) right center no-repeat;}


address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;font-weight: normal;}


.slg {
    width: 576px;
    height: 319px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 285px;
    z-index: 10;
}
.slg img {
    width: 100%;
}
.slg .slg-text-wrap {
    position: absolute;
    top: 160px;
    left: 0;
    width: 520px;
    height: 64px;
    font-size: 0;
    right: 0;
    margin: auto;
}
.slg .slg-text-wrap span {
    display: inline-block;
    width: 50px;
    height: 55px;
    background: none;
    background-size: 480px 55px;
    margin-right: 10px;
    opacity: 0;
    animation:showtext 1s linear forwards;
    -webkit-animation:showtext 1s linear forwards;
}

.slg .slg-text-wrap .slg1 {
    background-position: 5px center;
    animation-delay:0s;
    -webkit-animation-delay:0s; /* Safari 和 Chrome */
   
}
.slg .slg-text-wrap .slg2 {
    background-position: -54px center;
    animation-delay:.6s;
    -webkit-animation-delay:.6s; /* Safari 和 Chrome */
   
}
.slg .slg-text-wrap .slg3 {
    background-position: -112px center;
    animation-delay:1.2s;
    -webkit-animation-delay:1.2s; /* Safari 和 Chrome */
   
}
.slg .slg-text-wrap .slg4 {
    background-position: -168px center;
    margin-right: 50px;
    animation-delay:1.8s;
    -webkit-animation-delay:1.8s; /* Safari 和 Chrome */
   
}
.slg .slg-text-wrap .slg5 {
    background-position: -262px center;
    animation-delay:2.4s;
    -webkit-animation-delay:2.4s; /* Safari 和 Chrome */
   
}

.slg .slg-text-wrap .slg6 {
    background-position: -320px center;
    animation-delay:3.0s;
    -webkit-animation-delay:3.0s; /* Safari 和 Chrome */
   
}
.slg .slg-text-wrap .slg7 {
    background-position: -378px center;
    animation-delay:3.6s;
    -webkit-animation-delay:3.6s; /* Safari 和 Chrome */
   
}
.slg .slg-text-wrap .slg8 {
    background-position: -436px center;
    margin-right: 0;
    animation-delay:4.2s;
    -webkit-animation-delay:4.2s; /* Safari 和 Chrome */
   
}

@keyframes showtext {
    0% {opacity: 0;transform: scale(1.1);}
    100% {opacity: 1;transform: scale(1);}
}


.large_thumb_border span{position:absolute;display:block}
.large_thumb_border span:nth-child(2){top:0;left:0;width:100%;height:4px;background:-webkit-gradient(linear, left top, right top, from(transparent), to(#fff));background:linear-gradient(90deg, transparent, #fff);-webkit-animation:animate1 1s linear infinite;animation:animate1 1s linear infinite}
.large_thumb_border span:nth-child(3){top:-100%;right:0;width:4px;height:100%;background:-webkit-gradient(linear, left top, left bottom, from(transparent), to(#fff));background:linear-gradient(180deg, transparent, #fff);-webkit-animation:animate2 1s linear infinite;animation:animate2 1s linear infinite;-webkit-animation-delay:0.25s;animation-delay:0.25s}
.large_thumb_border span:nth-child(4){bottom:0;right:0;width:100%;height:4px;background:-webkit-gradient(linear, right top, left top, from(transparent), to(#fff));background:linear-gradient(270deg, transparent, #fff);-webkit-animation:animate3 1s linear infinite;animation:animate3 1s linear infinite;-webkit-animation-delay:0.50s;animation-delay:0.50s}
.large_thumb_border span:nth-child(5){bottom:-100%;left:0;width:4px;height:100%;background:-webkit-gradient(linear, left bottom, left top, from(transparent), to(#fff));background:linear-gradient(360deg, transparent, #fff);-webkit-animation:animate4 1s linear infinite;animation:animate4 1s linear infinite;-webkit-animation-delay:0.75s;animation-delay:0.75s}



@-webkit-keyframes animate1{
	0%{left:-100%}
	50%,100%{left:100%}
}
@keyframes animate1{
	0%{left:-100%}
	50%,100%{left:100%}
}
@-webkit-keyframes animate2{
	0%{top:-100%}
	50%,100%{top:100%}
}
@keyframes animate2{
	0%{top:-100%}
	50%,100%{top:100%}
}
@-webkit-keyframes animate3{
	0%{right:-100%}
	50%,100%{right:100%}
}
@keyframes animate3{
	0%{right:-100%}
	50%,100%{right:100%}
}
@-webkit-keyframes animate4{
	0%{bottom:-100%}
	50%,100%{bottom:100%}
}
@keyframes animate4{
	0%{bottom:-100%}
	50%,100%{bottom:100%}
}

.box4 .center {
  position: relative;
  top: 110px;
  margin: 0 auto;
  height: 50px;
  width: 1491px;
}
.box4 .center ul {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  width: 100%;
}
.box4 .center ul li {
  margin-top: 106px;
  width: 439px;
  height: 254px;
  cursor: pointer;
  overflow: hidden;
}
.box4 .center ul li img {
  width: 100%;
  height: 100%;
  transition: all 0.5s;
  object-fit: fill;
}
.box4 .center ul li img:hover {
  transform: scale(1.08);
}

.par2 {
	padding-top:150px;
}
.par2 h2 {
	background-position:0 -324px; 
	width:878px;
	height:137px;
	display:block;
	margin:0 auto
}
.list_show {
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	transform-style:preserve-3d;
	height:605px
}
.list_show .card {
	position:relative;
	width:240px;
	height:400px;
	transform-style:preserve-3d;
	perspective:1000px;
	margin-top: 55px;
}
.list_show .card .boxs {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transform-style:preserve-3d;
	transition:1s ease
}
.list_show .card:hover .boxs {
	transform:rotateY(180deg)
}
.list_show .card .boxs .imgBx {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
.list_show .card .boxs .imgBx img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover
}
.list_show .card .boxs .contentBx {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	backface-visibility:hidden;
	display:flex;
	justify-content:center;
	align-items:center;
	transform-style:preserve-3d;
	transform:rotateY(180deg);
	display:none
}
.list_show .card .boxs .contentBx img {
	 transform-style:preserve-3d;
	 transform:translateZ(40px);
	display:block;
}
.list_show .card .boxs:hover .contentBx {
	display:block
}
.btn_look {
	background-position:-371px 0;
	width:113px;
	height:33px;
	display:block;
	position:absolute;
	bottom:40px;
	left:64px
}



#preview{position:absolute;border:1px solid #614635;background:#3c2116;padding:5px;display:none;margin-top:-300px;z-index:99999;}
.m6piccon{float:left;position:relative;width:760px;height:145px;margin-left:528px;margin-top:-122px;z-index:999}
.m6piccon li{float:left;width:63.5px;height:30px;padding:0 0px;margin-bottom:25px; list-style:none;}
.m6piccon li a span{float:left;width:60px;height:15px;line-height:15px;border:1px solid #585858;font-size:12px;color:#ed2d01;background:#1c1010;padding:5px 3px;margin-top:10px;text-align:center;margin-left:0px}
.m6piccon li img {float:left;width:42px;height:42px}

.m7piccon{float:left;position:relative;width:900px;height:145px;margin-left:334px;margin-top:312px;z-index:999}
.m7piccon li{float:left;width:90px;height:71px;padding:0 0px;margin-bottom:25px}
.m7piccon li a span{float:left;width:60px;height:15px;line-height:15px;border:1px solid #585858;font-size:12px;color:#ed2d01;background:#1c1010;padding:5px 3px;margin-top:10px;text-align:center;margin-left:0px}
.m7piccon li img {float:left;width:42px;height:42px}


#header {
	z-index: 999;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
	width: 1920px;
	height: 60px;
    background-color: #fff;
	color: #fff;
}

#header .logo,
#header .menu {
	position: absolute;
	left: 200;
}

#header .logo img {
	position: absolute;
	left: 200px;
	top: 48px;
	margin-top: -37px;
	margin-left: 0px;
}

#header .menu {
	left: 1000px;
	right: 0;
}

#header .menu ul {
  list-style-type: none;
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
}

#header .menu ul li {
  text-align: center;
  margin: 8px;
  padding: 0 15px;
  float: left;
  width: 128px;
}

#header .menu ul li .t1,
#header .menu ul li .t2 {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

#header .menu ul li .t1 {
  font-size: 18px;
  margin-top: 5px;
  margin-bottom: 3px;
  font-weight: bold;
}

#header .menu ul li .t2 {
  font-size: 12px;
  font-weight: lighter;
  text-transform: uppercase;
  white-space: nowrap;
}

#header .menu ul li:hover .t1,
#header .menu ul li:hover .t2 {
  color: #fe2828;
}

#header .menu ul li:hover .t2 {
  letter-spacing: 1px;
}

#header .btn {
  display: none;
}

#Layer1 {
	position:relative;
	width:1500px;
	height:500px;
	z-index:1;
	top: 165px;
}
.Layer3 {
	position:relative;
	width:1500px;
	height:755px;
	z-index:1;    margin-top: 265px;
}
#Layer18 {
	position:absolute;
	width:1920px;
	height:1080px;
	z-index:5;
	top: 0px;
	left: 0px;
}
#Layer19 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 946px;
	top: 776px;
}
#Layer6 {
	position:absolute;
	width:120px;
	height:110px;
	z-index:2;
	left: 900px;
	top: 732px;
	background-image: none;
	background-repeat: no-repeat;
}
#Layer2 {
	position:absolute;
	width:1018px;
	height:565px;
	z-index:2;
	background-image: none;
	left: 450px;
	top: 80px;
}
.foot {
	position:absolute;
	width:1920px;
	height:132px;
	z-index:2;
	left: 50%;
	margin-top:0px;
    margin-left: -960px;
    background-image: none;
    background-repeat: no-repeat;
}
#Layer5 {
	position:absolute;
	width:700px;
	height:90px;
	z-index:1;
	left: 777px;
	top: 24px;
}
.STYLE2 {	font-size: 12px;
	color: #FFFFFF;
}


#Layer7 {
	position:absolute;
	width:95px;
	height:25px;
	z-index:4;
	left: 1398px;
	top: 30px;
}
#Layer8 {
	position:absolute;
	width:265px;
	height:65px;
	z-index:1;
	left: 503px;
	top: 906px;
}
#Layer9 {
	position:absolute;
	width:265px;
	height:65px;
	z-index:2;
	left: 828px;
	top: 906px;
}
#Layer10 {
	position:absolute;
	width:265px;
	height:65px;
	z-index:3;
	left: 1150px;
	top: 906px;
}
#Layer11 {
	position:absolute;
	width:850px;
	height:450px;
	z-index:2;
	left: 700px;
	top: 234px;
}
.STYLE3 {color: #CCCCCC; font-size: 16px; font-weight: bold; }
.STYLE4 {
	font-size: 12px;
	color: #CCCCCC;
}
.STYLE6 {font-size: 13px; color: #CCCCCC; }



.swiper-container {
      width: 100%;
      height: 100%;max-width: 1600px;
    }
	.swiper-wrapper{ width:90%;}
    .swiper-slide {
      text-align: center;
      font-size: 18px;

      
      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;
	  transition: 300ms;
	  transform: scale(0.3);
    }
	.swiper-slide-active,.swiper-slide-duplicate-active{
      transform: scale(1);
	}
.swiper-button-next,.swiper-button-prev{width:96pxheight: 67pxtop:37%;}
.swiper-button-next:after,.swiper-button-prev:after{ content:'';}
.swiper-button-next{ right:-196px}
.swiper-button-prev{left:-292px}

.swiper-slide-active{z-index:1;}
.swiper-slide-next{z-index:0;}

.swiper-slide-active img{margin-left: -41px;}
.swiper-slide-prev img{margin-left: -832px;}
.swiper-slide-next img{    margin-right: -473px;}





.zhuangbeishow{width: 759px;height: 345px;margin:0px auto;position:absolute;top: -295px;left: 1076px;z-index:996;}
.zhuangbei_ul{}
.zhuangbei_ul li{width: 70px;height: 200px;float:left;margin-top:0px;margin-right: 114px;}
.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(../Img777/ui/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: 795px;height: 340px;margin:0px auto;position:absolute;top: 373px;left: -800px;}
#sb_01 li{width: 0px;height:115.5px;float:left;margin-top:1px;margin-left: 0px;margin-right: 127px;display: inline-block;position: relative;}



#sb_02{width: 785px;height: 340px;margin:0px auto;position:absolute;top: 806px;left: -800px;}
#sb_02 li{width: 0px;height: 115.5px;float:left;margin-top:1px;margin-left: 0px;margin-right:127px;display: inline-block;position: relative;}



#sb_03{width: 412px;height: 340px;margin:0px auto;position:absolute;top: 352px;left: 12px;}
#sb_03 li{width: 0px;height: 79px;float:left;margin-top:1px;margin-left: 0px;margin-right: 86.2px;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(../Img777/ui/icon_shine.png);position:absolute;background-position:99px 0;margin-top:-49px;background-repeat:no-repeat}