body {overflow-y: scroll;*overflow-y: auto;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin: 0;padding: 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
body,button,input,select,textarea,pre {font: 12px/1.5 arial, tahoma, \5b8b\4f53;}
input,select,textarea {font-size: 100%;}
th {text-align: inherit;}
fieldset,img {border: 0;}
img {vertical-align: top;}
iframe {display: block;}
abbr,acronym {border: 0;font-variant: normal;}
del {text-decoration: line-through;}
address,caption,cite,code,dfn,em,th,var {font-style: normal;font-weight: 500;}
ol,ul {list-style: none;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight: 500;}
a{color: #333;text-decoration: none;outline: none;blr: expression(this.onFocus=this.blur());-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline: none;text-decoration:none;}
a:hover {text-decoration: underline;}i {font-style: normal;}
input:focus,
textarea:focus,
keygen:focus,
select:focus {outline:none;outline-offset: 0px;}
::-webkit-input-placeholder { color:#666; }
::-moz-placeholder { color:#666; } /* firefox 19+ */
:-ms-input-placeholder { color:#666; } /* ie */
input:-moz-placeholder { color:#666; }

.cf:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.cf {zoom: 1;}
.isPc .fl {float:left;}
.isPc .fr {float:right;}
.clear{ clear:both;}

/* pc 设备 */
html.isPc{}
html.isPc .wap_box{display:none; font-size:40px;}
/* wap 设备 */

html.isWap{font-size:50px;}
html.isWap a:hover{text-decoration:none;}
/* 媒体查询 */
@media screen and (min-width:320px){
	html.isWap{font-size:50px;}
}
@media screen and (min-width:360px){
	html.isWap{font-size:56px;}
}
@media screen and (min-width:400px){
	html.isWap{font-size:62px;}
}
@media screen and (min-width:480px){
	html.isWap{font-size:75px;}
}
@media screen and (min-width:560px){
	html.isWap{font-size:87px;}
}
@media screen and (min-width:640px){
	html.isWap{font-size:100px;}
}
html.isWap body{font-size:0.24rem;}
html.isWap .pc_box{display:none;}

body{}
.wrapper{display:none;}
.isPc .wrapper{}
.isPc .w{width:1200px; margin:0px auto;}

.isWap .wrapper{ overflow-x: hidden;}
.isWap .w{}

.isPc body.bdy{ background:#9c342b url("../i/bg1.png") no-repeat 50% 0; } 
.isPc .txtBox{ background:url("../i/bg2.png") no-repeat center; width:1016px; height:226px; margin:605px auto 0; padding:50px 40px 0; font-size:18px; line-height:32px;}
.isPc .txtBox p{ margin-bottom:15px; color:#ffbd69;}
.isPc .main{width:1570px; margin:70px auto; overflow: hidden;}
.isPc .main_cont{width:100%; position: relative;}
.isPc .main_cont_l{position: relative; z-index:1; float:left; width:460px; }
.isPc .main_cont_c{position: relative; z-index:1; float:left; width:530px; margin-right:15px;}
.isPc .main_cont_r{position: relative; z-index:1; float:right; width:538px;}
.isPc .main_cont_l ul{overflow: hidden; height:950px;}
.isPc .main_cont_l li.main_cont_p1{ position: absolute; top:76px; left:20px; z-index:3;}
.isPc .main_cont_l li.main_cont_p2{ position: absolute; top:0; left:166px; z-index:2;}
.isPc .main_cont_l li.main_cont_p3{ position: absolute; top:150px; left:172px; z-index:2;}
.isPc .main_cont_l li.main_cont_p4{ position: absolute; top:263px; left:174px; z-index:2;}
.isPc .main_cont_l li.main_cont_p5{ position: absolute; top:405px; left:183px; z-index:2;}
.isPc .main_cont_l li.main_cont_p6{ position: absolute; top:538px; left:172px; z-index:2;}
.isPc .main_cont_l li.main_cont_p7{ position: absolute; bottom:65px; left:24px; z-index:2;}
.isPc .main_cont_l li.main_cont_p8{ position: absolute; bottom:59px; left:158px; z-index:2;}
.isPc .main_cont_l li.main_cont_p9{ position: absolute; bottom:61px; right:-18px; z-index:2;}
	
.isPc .main_cont_c li.main_cont_p10{ position: absolute; top:0; left:193px; z-index:3;}
.isPc .main_cont_c li.main_cont_p11{ position: absolute; top:70px; left:35px; z-index:2;}
.isPc .main_cont_c li.main_cont_p12{ position: absolute; top:280px; left:-15px; z-index:2;}
.isPc .main_cont_c li.main_cont_p13{ position: absolute; top:513px; left:10px; z-index:2;}
.isPc .main_cont_c li.main_cont_p14{ position: absolute; top:655px; left:40px; z-index:2;}
.isPc .main_cont_c li.main_cont_p15{ position: absolute; top:698px; left:173px; z-index:2;}
.isPc .main_cont_c li.main_cont_p16{ position: absolute; top:600px; right:35px; z-index:2;}
.isPc .main_cont_c li.main_cont_p17{ position: absolute; top:468px; right:5px; z-index:2;}
.isPc .main_cont_c li.main_cont_p18{ position: absolute; top:341px; right:-10px; z-index:2;}
.isPc .main_cont_c li.main_cont_p19{ position: absolute; top:200px; right:8px; z-index:2;}
.isPc .main_cont_c li.main_cont_p20{ position: absolute; top:71px; right:40px; z-index:4;}
	
.isPc .main_cont_r li.main_cont_p21{ position: absolute; top:0; left:103px; z-index:4;}
.isPc .main_cont_r li.main_cont_p22{ position: absolute; top:70px; left:0px; z-index:2;}
.isPc .main_cont_r li.main_cont_p23{ position: absolute; top:200px; left:-30px; z-index:2;}
.isPc .main_cont_r li.main_cont_p24{ position: absolute; top:336px; left:-40px; z-index:2;}
.isPc .main_cont_r li.main_cont_p25{ position: absolute; top:490px; left:-30px; z-index:2;}
.isPc .main_cont_r li.main_cont_p26{ position: absolute; top:623px; left:20px; z-index:2;}
.isPc .main_cont_r li.main_cont_p27{ position: absolute; top:680px; left:150px; z-index:2;}
.isPc .main_cont_r li.main_cont_p28{ position: absolute; top:628px; right:40px; z-index:2;}
.isPc .main_cont_r li.main_cont_p29{ position: absolute; top:486px; right:23px; z-index:2;}
.isPc .main_cont_r li.main_cont_p30{ position: absolute; top:350px; right:8px; z-index:2;}
.isPc .main_cont_r li.main_cont_p31{ position: absolute; top:228px; right:40px; z-index:3;}
.isPc .main_cont_r li.main_cont_p32{ position: absolute; top:0px; right:47px; z-index:3;}

.isPc .bottom{ width:100%; height:90px; line-height:90px; padding-top:95px; background:url("../i/bot_ico.png") no-repeat bottom center; font-size:18px; text-align: center; color:#850c01;}

.isWap .bottom{ width:100%; padding-top:65px; height:35px; line-height:30px; margin-top:95px; background:url("../i/wap/bot_w.png") no-repeat bottom center; background-size:100%;  font-size:12px; text-align: center; color:#850c01;}
			
@media screen and (max-width: 1300px) {
.isPc .main{width:1280px; margin:0px auto;}
.isPc .txtBox{ background:url("../i/bg2_1300.png") no-repeat center; width:843px; height:231px; margin:605px auto 0; padding:50px 40px 0; font-size:16px; line-height:26px;}	
.isPc .main_cont_l{position: relative; z-index:1;  width:422px; }
.isPc .main_cont_c{position: relative; z-index:1;  width:445px;}
.isPc .main_cont_r{position: relative; z-index:1;  width:443px; }
.isPc .main_cont_l li{width:170px; height:160px;}
.isPc .main_cont_l li img{width:100%;}
.isPc .main_cont_l li.main_cont_p1{ position: absolute; top:76px; left:30px; z-index:3;}
.isPc .main_cont_l li.main_cont_p2{ position: absolute; top:0; left:140px; z-index:2;}
.isPc .main_cont_l li.main_cont_p3{ position: absolute; top:110px; left:132px; z-index:2;}
.isPc .main_cont_l li.main_cont_p4{ position: absolute; top:203px; left:134px; z-index:2;}
.isPc .main_cont_l li.main_cont_p5{ position: absolute; top:325px; left:143px; z-index:2;}
.isPc .main_cont_l li.main_cont_p6{ position: absolute; top:418px; left:132px; z-index:2;}
.isPc .main_cont_l li.main_cont_p7{ position: absolute; bottom:255px; left:0px; z-index:2;}
.isPc .main_cont_l li.main_cont_p8{ position: absolute; bottom:259px; left:118px; z-index:2;}
.isPc .main_cont_l li.main_cont_p9{ position: absolute; bottom:251px; right:20px; z-index:2;}
		
.isPc .main_cont_c li{width:170px; height:160px;}
.isPc .main_cont_c li.l2{width:170px; height:360px;}
.isPc .main_cont_c li img{width:100%;}
.isPc .main_cont_c li.main_cont_p10{ position: absolute; top:0; left:103px; z-index:3;}
.isPc .main_cont_c li.main_cont_p11{ position: absolute; top:70px; left:-20px; z-index:2;}
.isPc .main_cont_c li.main_cont_p12{ position: absolute; top:230px; left:-65px; z-index:2;}
.isPc .main_cont_c li.main_cont_p13{ position: absolute; top:413px; left:-50px; z-index:2;}
.isPc .main_cont_c li.main_cont_p14{ position: absolute; top:515px; left:0px; z-index:2;}
.isPc .main_cont_c li.main_cont_p15{ position: absolute; top:558px; left:83px; z-index:2;}
.isPc .main_cont_c li.main_cont_p16{ position: absolute; top:490px; right:95px; z-index:2;}
.isPc .main_cont_c li.main_cont_p17{ position: absolute; top:388px; right:55px; z-index:2;}
.isPc .main_cont_c li.main_cont_p18{ position: absolute; top:291px; right:45px; z-index:2;}
.isPc .main_cont_c li.main_cont_p19{ position: absolute; top:180px; right:58px; z-index:2;}
.isPc .main_cont_c li.main_cont_p20{ position: absolute; top:85px; right:70px; z-index:4;}

.isPc .main_cont_r li{width:170px; height:160px;}
.isPc .main_cont_r li.l2{width:170px; height:220px;}
.isPc .main_cont_r li img{width:100%;}
.isPc .main_cont_r li.main_cont_p21{ position: absolute; top:-10px; left:103px; z-index:4;}
.isPc .main_cont_r li.main_cont_p22{ position: absolute; top:50px; left:-20px; z-index:2;}
.isPc .main_cont_r li.main_cont_p23{ position: absolute; top:170px; left:-30px; z-index:2;}
.isPc .main_cont_r li.main_cont_p24{ position: absolute; top:276px; left:-40px; z-index:2;}
.isPc .main_cont_r li.main_cont_p25{ position: absolute; top:390px; left:-30px; z-index:2;}
.isPc .main_cont_r li.main_cont_p26{ position: absolute; top:493px; left:0px; z-index:2;}
.isPc .main_cont_r li.main_cont_p27{ position: absolute; top:550px; left:90px; z-index:2;}
.isPc .main_cont_r li.main_cont_p28{ position: absolute; top:478px; right:70px; z-index:2;}
.isPc .main_cont_r li.main_cont_p29{ position: absolute; top:376px; right:43px; z-index:2;}
.isPc .main_cont_r li.main_cont_p30{ position: absolute; top:295px; right:28px; z-index:2;}
.isPc .main_cont_r li.main_cont_p31{ position: absolute; top:178px; right:30px; z-index:3;}
.isPc .main_cont_r li.main_cont_p32{ position: absolute; top:30px; right:67px; z-index:3;}
	}


@media screen and (max-width: 1024px) {
.isPc .main{width:1000px; margin:0px auto; overflow: hidden;}
.isPc .txtBox{ background:url("../i/bg2.png") no-repeat center; width:1016px; height:226px; margin:605px auto 0; padding:50px 40px 0; font-size:18px; line-height:32px;}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {html.isPc body {overflow-x: hidden;}}

.isWap .bdy{ background:#9c342b url("../i/wap/bg_w.png") no-repeat center top; background-size:100%; padding-top:3.5rem;  } 
.isWap .main{width:100%; margin:0 auto; overflow: hidden;}

.isWap .txtBox{ background:url("../i/wap/bg2_w.png") no-repeat center; background-size:100%;  width:80%; height:3.2rem; margin:0 auto; padding:0.5rem 3% 0; font-size:0.2rem; line-height:0.24rem;}
.isWap .txtBox p{ margin-bottom:0.1rem; color:#ffbd69;}

.isWap .picBox{width:90%; margin:0.3rem auto 0.6rem;}
.isWap .picBox img{width:100%;}


/* 顶部状态栏 */
.isWap .lunbo{width:90%; margin:0 auto; background:#fffcf7; position: relative; padding-top:0.5rem;}
.isWap .header {padding:0 20px; width:100px; background:none; text-align: center;z-index: 100;position: relative;position: absolute; bottom:25px; left:50%; margin-left:-65px;}    
.isWap .counter {font-size:16px; font-weight:500; color:#9c342b;}     
.isWap .current { font-size:24px;  color:#9c342b; }     
.isWap .total {color:#9c342b;}
 /* 大图展示区域 */
.isWap .main-container {flex:1; position:relative; overflow:hidden; width:90%; margin:0 5%;}   
.isWap .main-slider {display: flex; height: 100%; transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);}   
.isWap .main-slide { flex: 0 0 100%; height: 100%; display: flex; align-items: center;  justify-content: center; position: relative;}       
.isWap .main-img { max-width: 100%; max-height: 100%; object-fit: contain;}      
/* 缩略图区域 - 核心部分 */
.isWap .thumbnail-container { height:170px;position: relative;overflow: hidden;}
/* 遮罩层 - 显示3.5个缩略图效果 */
.isWap .thumbnail-mask { position: absolute; top: 0; left: 0;right: 0; bottom: 0; pointer-events: none; z-index: 5; background: linear-gradient(to right,rgba(20, 20, 20, 1) 0%,rgba(20, 20, 20, 0.6) 12%, transparent 22%, transparent 78%,rgba(20, 20, 20, 0.6) 88%, rgba(20, 20, 20, 1) 100%); }
/* 缩略图轨道 - 可拖拽 */
.isWap .thumbnail-track {display: flex; position: absolute;left: 0;top: 0; padding:25px 15px 0; touch-action: pan-x; will-change: transform;transition: transform 0.1s linear;}       
.isWap .thumbnail-track.dragging {transition: none;}
  /* 单个缩略图项 */
.isWap .thumbnail-item {flex: 0 0 auto;width:85px; height: 100%;margin: 0 4px;display: flex;
 flex-direction: column;align-items: center; justify-content: center;position: relative; }
        
.isWap .thumbnail-item.active {opacity: 1; transform: scale(1); border:2px solid #9c342b; width:81px; height:51px; } 
.isWap .thumbnail-item.active img{width:100%; height:51px;}
.isWap .thumb-img {width:85px; height:55px;object-fit: cover; }      
.isWap .thumbnail-item.active .thumb-img {}     
.isWap .thumb-index {margin-top: 6px;font-size: 12px;font-weight: 500;color: #aaa; transition: color 0.25s ease;}      
.isWap .thumbnail-item.active .thumb-index {color: #4dabf7;font-weight: 600; }       
/* 进度指示器 */
.isWap .indicator { display: none;position: absolute; bottom: 40px; left: 0;right: 0; justify-content: center;  z-index: 50;  pointer-events: none; }     
.isWap .indicator-bar {display: none;   display: none;   align-items: center;  background-color: rgba(0, 0, 0, 0.8);   padding: 6px 14px; border-radius: 20px;  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);}   
.isWap .indicator-dot { width: 8px;  height: 8px;  border-radius: 50%;  background-color: rgba(255, 255, 255, 0.25);  margin: 0 3px;     transition: all 0.3s ease; }      
.isWap .indicator-dot.active {background-color: #4dabf7; transform: scale(1.3); }
 /* 操作提示 */
.isWap .hint { position: absolute; bottom: 170px; right: 15px; background-color: rgba(0, 0, 0, 0.8); color: #ccc; font-size: 12px;  padding: 6px 12px; border-radius: 16px; z-index: 50;display: flex;align-items: center;gap: 5px; }
 /* 导航按钮 */
.isWap .nav-btn {  position: absolute;  top:55%; transform: translateY(-50%);  width: 44px;  height: 44px;    border-radius: 50%;  background-color: rgba(0, 0, 0, 0.7);  border: 2px solid rgba(255, 255, 255, 0.1);   color: white;   font-size: 20px;   display: flex;align-items: center; justify-content: center; z-index: 40; opacity: 0.9;
transition: all 0.3s ease;cursor: pointer; }
        
.isWap .main-container:hover .nav-btn {opacity: 0.8;}     
.isWap .nav-btn:active { transform: translateY(-50%) scale(0.95);}      
.isWap .nav-prev {left: 10px;}        
.isWap .nav-next {right: 10px;}