@charset 'gb2312';
* { margin: 0; padding:0;} 
html {width:100%; height:100%; margin:0px; padding:0; font:16px/1.5 "Microsoft YaHei" , tahoma, arial, \5FAE\8F6F\96C5\9ED1, "Hiragino Sans GB", sans-serif;  -webkit-font-smoothing:antialiased;  background:url(../images/bg.png);/* background-size: cover;  background-attachment:fixed;*/}
body { width:100%; height:100%; }

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,em,i,b,span,fieldset,input,textarea,blockquote,img,button {border:0;  padding:0; margin:0; font-weight:normal; font-style:normal;} 
table,td,tr,th{font-size:12px;}
li{list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
ol,ul {list-style:none;}
address,cite,code,th {font-weight:normal;font-style:normal;}
img:hover { opacity:1; filter: alpha(opacity=100); }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
small { font-size: 12px; }
legend { color: #000; }
fieldset, img { border: 0; }
button, input, select, textarea { font-size: 100%; }
.fl { float:left; }
.fr { float:right; }
a { color: #333; text-decoration: none; transition:all ease-out .4s 0s;-webkit-transition:all ease-out .4s 0s;}
a:hover{ color:#c92b2e; text-decoration:none; }
div,ul,li,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,i,em,b,span,td,tr,a,strong,input,textarea,blockquote,img,button { box-sizing:border-box; -webkit-box-sizing:border-box; }

.amn { transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;}
.amn img { transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;}
.amn:hover img { -webkit-transform:scale(1.05);  transform:scale(1.05);}



.nav { padding:0 10px; position:fixed; top:0; left:0;  z-index:1000; background:linear-gradient(to right,#f05a3a 0,#c61815 100%); text-align: center;}
.nav ul li { float: left; font-family:"\65B0\5B8B\4F53"; }
.nav ul li a { display: inline-block; color:#fff; font-size:20px; line-height:50px; padding:0 25px; text-align:center; }
.nav ul li.cug a { background:linear-gradient(135deg,#e7141a 0,#ff6d26 100%); }
.nav ul li a:hover { background:linear-gradient(135deg,#e7141a 0,#ff6d26 100%); }
.nav ul li a:focus { background:linear-gradient(135deg,#e7141a 0,#ff6d26 100%); }
.nav .affer { position:absolute; width:0px; height:0px; top:0px; right:-35px; border-right:35px solid transparent;  border-top:50px solid #c61815;  }


.header { width:100%; margin:0 auto; height:100%; overflow:hidden;  z-index:99; position:relative;  background:url(../images/1920.png) center bottom no-repeat; background-size: cover;  }

.donghua { width:1200px; position: relative; top:20%; left:50%;  margin-left:-600px; z-index:50; }
.tit { width:100%; float: left; text-align: center; -webkit-animation:tit 1s ease .8s backwards; animation:tit 1s ease .8s backwards; position: absolute;
    top: 45%; }
@keyframes tit
{
0%   { -webkit-transform:scale(.5);  opacity:0;}
50% { -webkit-transform:scale(1.2);  opacity:.5;}
100% { -webkit-transform:scale(1);  opacity:1;}
}
@-webkit-keyframes tit
{
0%   { -webkit-transform:scale(4);  opacity:0;}
100% { -webkit-transform:scale(1);  opacity:1;}
}

.subtit {  width:100%; float: left; text-align: center; -webkit-animation:subtit 1s ease .2s backwards; animation:subtit 1s ease .2s backwards; position: absolute; top: 0%; }
@keyframes subtit
{
0%   {opacity:0; -webkit-transform:translateY(-100px); }
100% { opacity:1;}
}
@-webkit-keyframes subtit
{
0%   {opacity:0; -webkit-transform:translateY(-100px); }
100% { opacity:1;}
}

.subtit img { width: 100%;}

.font {  width:100%; float: left; text-align: center;margin-top:30px; -webkit-animation:font .5s ease 1.5s backwards; animation:font .5s ease 1.5s backwards; position: absolute; bottom: 19%; }
@keyframes font
{
0%   {opacity:0; -webkit-transform:translateY(30px); }
100% { opacity:1;}
}
@-webkit-keyframes font
{
0%   {opacity:0; -webkit-transform:translateY(30px); }
100% { opacity:1;}
}


.arrows{width:60px;height:72px;position:absolute;left:50%;margin-left:-30px;bottom:30px}
.arrows path{stroke:#fff;fill:transparent;stroke-width:2px;animation:arrow 2s infinite;-webkit-animation:arrow 2s infinite}
@keyframes arrow{0%{opacity:0}
40%{opacity:1}
80%{opacity:0}
100%{opacity:0}
}
@-webkit-keyframes arrow{0%{opacity:0}
40%{opacity:1}
80%{opacity:0}
100%{opacity:0}
}
.arrows path.a1{animation-delay:-1s;-webkit-animation-delay:-1s}
.arrows path.a2{animation-delay:-0.5s;-webkit-animation-delay:-0.5s}
.arrows path.a3{animation-delay:0s;-webkit-animation-delay:0s}


.mobtop { display: none; }

.warp { width:1200px; margin: 0 auto; overflow: hidden; }

.lm { width:100%; float: left; text-align:center; margin:50px 0 30px 0;  }

.amn6 img.amn {transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;}
.amn6:hover img.amn { -webkit-transform: translateX(-15px);transform:translateX(-15px);}
.amn5 {transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;}
.amn5:hover { -webkit-transform: translateY(-10px);transform:translateY(-10px);}



.daoyu { font-size: 22px; font-weight: 700; padding: 25px 0; color: #fff; background: #0b528f center; height: 20px;}
.daoyu2 { font-size: 16px; font-weight: 700; padding-bottom: 25px; text-align: center;}

.bg1 { background: url("../images/bg1.png") #fbf9e4 left top no-repeat; padding: 55px 0;}
.bg2 { background: url("../images/bg2.png") bottom no-repeat; padding: 55px 0;}
.bg3 { background: url("../images/bg3.png") top no-repeat; padding: 55px 0;}

.more { float:right; margin-top:20px; }
.more a { display:inline-block; font-size:14px; color:#666; background:#f8f8f8; padding:0 12px 0 13px; line-height:36px; }
.more a:hover { color:#fff; background:#c00; }

.lm { width:100%; float:left;  margin:0 auto; overflow:hidden; text-align:center; padding:50px 0;/* background: url("https://news.66wz.com/cms_udf/2022/txqgq/images/lmbj.png") center center no-repeat;*/ }
.lm img { margin-left: 50px;}

.lm2 { width:100%; float:left; text-align:center; margin:50px 0 40px 0; }
.slm { width:100%; float:left; line-height:32px; font-size:22px; font-weight:bold; color:#d50004; background:url(../images/slm.png) left center no-repeat; padding:0 0 0 45px; margin:20px 0; }

#main {}
#main .block { overflow: hidden;}
#memories { margin: 0 auto;}
#timeline { width: 800px; height: 660px; margin: 50px auto 0; position: relative;}
#timeline a { color: #8a5f1e; text-decoration: none; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;}
#timeline a:hover{ color: #0a2499; }
#timeline a.selected { color: #fff; }
.sociales { text-align: center; margin-bottom: 20px;}
#dates { width: 100%; height: 80px; overflow: hidden; background: url("../images/dot.png") left 60px repeat-x;}
#dates li { list-style: none; float: left; width: 154px; height: 66px; font-size: 18px; text-align: center; background: url("../images/biggerdot.png") center bottom no-repeat;	}
#dates a { line-height: 48px; }
#dates .selected strong { font-size: 22px; background: linear-gradient(to bottom, #f25756, #c21512); border:#e29b8e solid 1px; border-radius: 30px; padding: 6px 10px; }
		
#issues { width: 800px; height: 690px; margin: 0 auto;overflow: hidden;}	
#issues li { width: 800px; height: 690px; background: linear-gradient(to left, rgba(255,255,255,0),rgba(255,255,255,1), rgba(255,255,255,0)); border-radius: 20px; padding: 20px 0;  list-style: none; position: relative; float: left;}
#issues li i { position: absolute; bottom: 100px; left:30px; width:60px; height:60px; display:inline-block; background: url(../images/player.png);background-size:cover;z-index: 999; }
#issues li.selected img { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1);}
#issues li img { height:490px; width: 800px; margin-right: 15px; border:#fff solid 6px; border-radius: 10px; box-shadow: -10px 10px 0 0 #efe3bf; background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */  zoom: 1;
					-webkit-transition: all .5s ease-in-out;
					-moz-transition: all .5s ease-in-out;
					-o-transition: all .5s ease-in-out;
					-ms-transition: all .5s ease-in-out; 
					transition: all .5s ease-in-out;
					-webkit-transform: scale(0.85,0.85);
					-moz-transform: scale(0.85,0.85);
				    -o-transform: scale(0.85,0.85);
				    -ms-transform: scale(0.85,0.85);
				    transform: scale(0.85,0.85);
				}
#issues li p { font-size: 20px; line-height: 60px; text-align: center;}
#issues li a p { color: #8a5f1e;}
		
#grad_left, #grad_right { width: 100px; height: 350px; position: absolute; top: 0;}
#grad_left { left: 0; background: url('../images/grad_left.png') repeat-y;}
#grad_right { right: 0; background: url('../images/grad_right.png') repeat-y;}
		
#next, #prev { position: absolute; font-size: 70px; bottom: 290px; width: 57px; height: 57px; background-position: 0 0; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; opacity: .5; }
#next:hover, #prev:hover { opacity: 1;}
#next { right: -65px; background-image: url('https://news.66wz.com/cms_udf/2024/piyao10th/img/arrow-right.png');}
#prev { left: -65px; background-image: url('https://news.66wz.com/cms_udf/2024/piyao10th/img/arrow-left.png');}
#next.disabled, #prev.disabled { opacity: 0.2;}



.list02 { width:100%; float: left; margin-top: 50px;  margin-bottom:500px;}
.list02 ul { display:flex; flex-wrap:wrap; }
.list02 ul li { width:32%; float:left; margin-right:2%; margin-bottom:2%; transition:all ease-out .4s 0s; background:rgba(255,255,255,.5); position: relative;}
.list02 ul li h3 { width:100%; float:left;  height:220px; overflow: hidden;  }
.list02 ul li h3 img {width:100%; height:100%;  -webkit-transition: transform .8s;transition: transform .8s; }
.list02 ul li:hover h3 img {-webkit-transform: scale(1.08);transform: scale(1.08);}
.list02 ul li h2 { width:100%; float:left; padding:12px 25px;  }
.list02 ul li h2 font {width:100%; float:left; font-size:17px; line-height:26px; color: #222; text-align: center; overflow: hidden;display: -webkit-box; -webkit-line-clamp:3;-webkit-box-orient: vertical;  }
.list02 ul li:hover h2 font { color: #152c63; }
.list02 ul li:nth-child(3n) { margin-right:0; }
.list02 ul li i { position: absolute; bottom: 100px; left:30px; width:60px; height:60px; display:inline-block; background: url(../images/player.png);background-size:cover;z-index: 999; }



.ydy {background: url("../images/lm02.png") no-repeat top center #f4f4f4; padding-top: 300px;}
.ydy li { width: 32%; float: left; border:#eee solid 1px; border-radius: 3px; margin-right: 2%; margin-bottom: 2vh; position: relative;}
/*.ydy li h5 { position: absolute; color: #fff; z-index: 2; text-align: center; line-height: 2.2em; background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.8)); width: 100%; bottom: 0;}*/
.ydy li:nth-child(3n) { margin-right: 0;}
.ydy li:nth-child(7) { margin-left: 18%;}
.ydy li img { width: 100%; cursor: pointer;}
.ydy li i.clickshow { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; cursor: pointer;}
.show,.show2 { display: none; position: fixed; width: 100%;  height: 100%; padding: 2vh 0; top: 0; left: 0; background: rgba(0,0,0,.8);  overflow:hidden; z-index: 5;}
.xiangq { background: url("../images/xqbg.png") no-repeat top center #f4f4f4; width: 1100px; height: 580px; margin: 10vh auto 0; overflow: hidden; border-radius: 20px; padding: 50px;}


       /* 容器样式 */
        .flip-container {
           /* perspective: 1200px;  设置 3D 透视效果 */
        }

        /* 翻转盒子 */
        .flip-box {
            position: relative;
            height: 478px;
            transform-style: preserve-3d; /* 保持 3D 空间 */
            transition: transform 0.8s ease; /* 添加过渡效果 */
        }

        /* 悬停时翻转 */
        .flip-container:hover .flip-box {
            transform: rotateY(180deg); /* 绕 Y 轴旋转 180 度 */
        }

        /* 正面和背面样式 */
        .flip-front, .flip-back {
            position: absolute;
            width: 100%;
            height: 100%;
            backface-visibility: hidden; /* 隐藏背面 */
        }

        /* 正面 */
        .flip-front {
            width: 100%;
            height: 100%;
            justify-content: center;
        }

        /* 背面 */
        .flip-back {
            width: 100%;
            height: 100%;
            justify-content: center;
            transform: rotateY(180deg); /* 初始状态为背面 */
        }

.w48 { width:68%;}

.w43 p img { width: 80%;}
.w43 p strong {line-height:60px;font-size: 32px;font-weight: bold; color: #333; display: block;}
.w43 p {font-size: 14px; color: #333;}
.w54 p { font-size: 16px; line-height: 1.8em; text-align: justify; padding-bottom: 20px;}
.w54 a { display: block; font-size: 18px; line-height: 1.8em;  color: #4f37ed;}
.w54 a:hover { color: #4f37ed;}
.xiangq h6{background: url("../images/08icon_tit.png") no-repeat left center;
    padding-left: 22px;height:60px;line-height:60px;font-size: 22px;
    font-weight: bold; width: 100%;
}


.w43 { width: 25%;  float: left;}
.w54 { width: 70%;  float: right;}

.close { background: url("https://news.66wz.com/cms_udf/2024/zt136/img/close.png") no-repeat center; background-size: cover; text-indent: -999px; overflow: hidden; cursor: pointer; position: fixed;  bottom: 5vh; left: 50%; margin-left: -30px; width: 60px; height: 60px;}
.eqcode { width: 60%; margin-left: 20%; font-size: 14px; color: #707070; line-height: 2em; text-align: center;}



.wulin { background: url("../images/lm03.png") no-repeat top center #f4f4f4; padding-top: 300px; padding-bottom: 100px;}
.wulin div.wl { float: left; position: relative; cursor: pointer;}


.wls { margin:0 auto; width:85%;  overflow:hidden;  z-index:99; position:relative;}
.wls img { width: 100%;}
/*.wls.wls01 {  background:url(../images/wls01.png) center bottom no-repeat; background-size: cover; }
.wls.wls02 {  background:url(../images/wls02.png) center bottom no-repeat;  background-size: cover;}
.wls.wls03 {  background:url(../images/wls03.png) center bottom no-repeat; background-size: cover; }
.wls.wls04 {  background:url(../images/wls04.png) center bottom no-repeat;  background-size: cover;}
.wls.wls05 {  background:url(../images/wls05.png) center bottom no-repeat;  background-size: cover;}*/

.close2 { background: url("https://news.66wz.com/cms_udf/2024/zt136/img/close.png") no-repeat center; background-size: cover; text-indent: -999px; overflow: hidden; cursor: pointer; position: fixed;  bottom: 5vh; left: 50%; margin-left: -30px; width: 60px; height: 60px; z-index: 9999;}
.wulin div.wl i.clickshow2 { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; cursor: pointer;}

.rongyu { background: url("../images/lm04.png") no-repeat top center; padding-top: 280px; margin-bottom: 100px;}
.rongyu ul li { width: 23.5%; float: left; margin-right: 2%; margin-bottom: 2%; text-align: center; line-height: 66px; color: #ded898; font-weight: 700; background: url("../images/rongyu.png") no-repeat center;}
.rongyu ul li:nth-child(4n) { margin-right: 0%;}

.footer { width: 100%; float:left; color:#fff; line-height:30px; font-size:15px; text-align: center; padding:14px 0;   background:#0b528f; }
.footer font { margin-left: 14px; }
.footer strong { margin-left: 10px; }



@media screen and (max-width: 1024px) {


html {width:100%; height:100%; margin:0px; padding:0; font:16px/1.5 "Microsoft YaHei" , tahoma, arial, \5FAE\8F6F\96C5\9ED1, "Hiragino Sans GB", sans-serif;  -webkit-font-smoothing:antialiased; /* background:url(../images/mobbj.jpg) center bottom no-repeat; background-size: cover;  background-attachment:fixed;*/ background: #fef5e5;}
body { width:100%; height:100%; }

.header { height:auto;  }
.donghua { display: none; }
.mobtop { display: block; width: 100%; float: left;  }
.mobtop img { width: 100%; height:auto; }
.nav { display: none; }
.arrows { display: none;}
	
.warp { width:100%;  padding:0 5%;}
.footer { width: 100%; float:left;  line-height:1.5rem; font-size:.95rem; padding:.6rem 0; }
.footer font { display: none; }

 }