html,body{min-width:1280px;}
body{color:#262626;font:19px/26px Arial, Helvetica, sans-serif;height:auto;background:#F7F7F7;width: 100%;overflow-x: hidden;}
a{color:#262626;}
.w{width:1280px;margin:0 auto;}
.loading{display:none;}
.titu{height: 590px;background: url(../../images/zt/anniversary60th/titu.jpg) center;}
.nav{height: 80px;line-height: 80px;background: #7A2120;}
.nav a{color: #fff;}
.nav a:hover{color:#CBAF78;}
.nav .w{display: flex;justify-content: space-between;align-items: center;}
.home{width: 132px;height:40px;background: url(../../images/zt/anniversary60th/icon_logo.png) center;}
.home:hover{background-image: url(../../images/zt/anniversary60th/icon_logo_on.png);}
.main{background:url(../../images/zt/anniversary60th/bg_bottom.png) no-repeat center bottom;padding-bottom: 40px;}
.main>div{margin-top: 40px;}
.main img{width: 100%;height: 100%;object-fit: cover;}
.main h3{margin-bottom: 20px;}
.main h3 img{object-fit: contain;}
.hot a,.achievements ul a,.VC ul a,.amazing_B .swiper-container a,.WP ul a{border-radius: 4px;overflow: hidden;}
.hot .w{display: grid;grid-template-columns: 680px 20px 580px;grid-template-rows: 120px 20px 243px 20px auto;}
.hot a{display: flex;flex-direction: column;}
.hot a:nth-child(1){grid-column: 1;grid-row: 1 / 4;width: 680px;height: 383px;position: relative;}
.hot a:nth-child(2){grid-column: 3;grid-row: 1;width: 580px;height: 120px;}
.hot a:nth-child(3),.hot a:nth-child(4){grid-column: 3;grid-row: 3;width: 280px;height: 243px;}
.hot a:nth-child(4){justify-self: end;}
.hot a:nth-child(n+5){grid-row: 5;width: 412px;height: auto;grid-column: 1 / 4;}
.hot a:nth-child(5){justify-self: start;margin-left: 0;}
.hot a:nth-child(6){justify-self: center;}
.hot a:nth-child(7){justify-self: end;margin-right: 0;}
.hot a:nth-child(3) img,.hot a:nth-child(4) img{height: 158px;flex-shrink: 0;}
.hot a:nth-child(n+5) img{height: 232px;flex-shrink: 0;}
.hot a p,.achievements ul a p{padding: 15px;flex-grow: 1;}
.hot a:nth-child(1) p,.achievements ul a:nth-child(1) p,.achievements ul a:nth-child(6) p{width:100%;position:absolute;left:0;bottom:0;background:rgba(0,0,0,0.5);color:#fff;box-sizing:border-box;z-index:1;}
.hot a:nth-child(1):hover p,.achievements ul a:nth-child(1):hover p,.achievements ul a:nth-child(6):hover p{color:#CBAF78}
.hot a:nth-child(n+3) p{background-color: #fff;flex-grow: 1;}
.hot a:nth-child(n+3):hover p,.achievements ul a:hover,.view ul a:hover,.comments ul a:hover,.amazing_B .swiper-container a:hover{color: #fff;background-color: #CBAF78;}
.achievements{position: relative;}
.achievements .w{display: flex;justify-content: space-between;flex-wrap: wrap;}
.achievements .w>div{width: 620px;}
.achievements h3{width: 620px;height: 50px;}
.achievements h3 a{height: 100%;display: block;}
.achievements .w>div:nth-child(n+3){margin-top: 40px;}
.achievements .w>div:nth-child(1) h3{background: url(../../images/zt/anniversary60th/channel01.png);}
.achievements .w>div:nth-child(2) h3{background: url(../../images/zt/anniversary60th/channel02.png);}
.achievements .w>div:nth-child(3) h3{background: url(../../images/zt/anniversary60th/channel03.png);}
.achievements .w>div:nth-child(4) h3{background: url(../../images/zt/anniversary60th/channel06.png);}
.achievements ul a{width: 100%;height: 90px;padding: 0 15px;box-sizing: border-box;display: flex;align-items: center;background-color: #fff;}
.achievements ul a:nth-child(n+2){margin-top: 20px;}



.bg_r{background:url(../../images/zt/anniversary60th/bg_channel_r.png) no-repeat;width:457px;height:310px;position:absolute;top:70px;left:50%;margin-left:670px;}
.bg_l{background:url(../../images/zt/anniversary60th/bg_channel_l.png) no-repeat;width:457px;height:310px;position:absolute;bottom:0;right:50%;margin-right:670px;}
.VC .w{display: flex;flex-wrap: wrap;justify-content: space-between;}
.view{width: 828px;}
.view ul{height: 356px;display: grid;grid-template-columns: 260px 548px;grid-template-rows: 146px 85px 85px auto;gap:20px}
.view ul a,.comments ul a,.amazing_B .swiper-container a{background-color: #fff;display: flex;}
.view ul a:nth-child(1){grid-row: 1 / 4;flex-direction: column;}
.view ul a:nth-child(2){display: flex;}
.view ul a img{width: 260px;height: 146px;flex-shrink: 0;}
.view ul a p,.comments ul a p,.swiper-container p{padding: 15px;flex-grow: 1;}
.view ul a:nth-child(n+3){align-items: center;}
.comments{width: 412px;}
.comments ul a{height: 356px;flex-direction: column;}
.comments ul a img{height: 231px;}
.d1 ul a{float: left;width: 100px;overflow: hidden;height: 0;padding-bottom: 496px;position: relative;display: block;    transition: all 1s;border: 1px solid #fff;box-sizing:border-box ;border-radius: 0.2vw;}
.d1 ul a span{position: absolute;bottom: 0;left: 0;height: 100%;width: 100%;background: rgba(0,0,0,0.5); transition: all 1s; }
.d1 ul a p{color: #fff;}
.d1 ul a .a{writing-mode: vertical-rl;position: absolute;bottom: 0;left: 0;height: 100%;width:6.5vw;padding: 1vw;box-sizing:border-box ; transition: all 0.8s;}
.d1 ul .on{width: 880px;}
.d1 ul a .b{display: flex;    align-items: center;height: 3vw;position: absolute;bottom: -4vw;left: 0;width: 45vw;transition: bottom 1s;padding: 0 1vw;box-sizing:border-box ;}	
.d1 ul .on span{height: 3vw;}
.d1 ul .on .a{left: -15vw;}
.d1 ul .on .b{bottom: 0;}
.d1 ul a img{width:880px;height: 100%;position: absolute;object-fit: cover;}
.amazing_B{width: 1340px;padding: 0 30px;margin: 0 auto;margin-top: 20px;position: relative;box-sizing: border-box;}
.swiper-container{width:1280px;position:relative;width:100%;margin:0 auto;}
.swiper-container .swiper-wrapper{width:100%;height:100%;margin:0 auto;}
.swiper-container img{width:100%;height:442px;margin:0 auto;object-fit:cover;}
.swiper-container .swiper-button-prev,.swiper-container .swiper-button-next{width:50px;height:70px;top:200px;}
.swiper-button-next, .swiper-button-prev{width: 80px;height: 80px;top: 40%;}
.swiper-button-prev::after,.swiper-button-next::after{content:'';}
.swiper-container-horizontal>.swiper-pagination-bullets{width:auto;height:12px;display:flex;justify-content:center;align-items:center;left:auto;right:10px;bottom:18px;}
.swiper-pagination-bullet,.swiper-pagination-white .swiper-pagination-bullet{width:12px;height:12px;border-radius:6px;background:#F1CA4F;opacity:1;}
.swiper-pagination-bullet-active,.swiper-pagination-white .swiper-pagination-bullet-active{opacity:1;background:#FFF;}
.amazing_B .swiper-container a{flex-direction: column;height: auto;}
.amazing_B .swiper-button-prev{background:url(../../images/zt/anniversary60th/arrowL.png) no-repeat top center;left:0;}
.amazing_B .swiper-button-next{background:url(../../images/zt/anniversary60th/arrowR.png) no-repeat top center;right:0;}
.amazing_B .swiper-button-prev:hover{background-image:url(../../images/zt/anniversary60th/arrowL_on.png);}
.amazing_B .swiper-button-next:hover{background-image:url(../../images/zt/anniversary60th/arrowR_on.png);}
.WP ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.WP ul a{width:240px;height:338px;padding:10px;background-color: #fff;box-sizing: border-box;text-align: center;}
.WP ul a:hover{color: #CBAF78;background-color: #CBAF78;}
.WP ul p{width: 100%;height: 100%;line-height: 34px;padding:60px 20px;box-sizing: border-box;border: 2px solid #CBAF78;}
.WP ul a:hover p{background-color: #fff;}
/*child*/
.child{padding-top:300px;background:url(../../images/zt/yz30/titu_child.jpg) no-repeat center top;}
.list .box,.view .box{background:#fff;border-radius:3px;margin-bottom:40px;}

/*footer*/
.footer{font-size:14px;height: 320px;background:url(../../images/zt/anniversary60th/bg_footer.png) no-repeat center;display: flex;justify-content: center;align-items: center;}
.footer .other, .footer .other a{color: #CBAF78;}
.index .footer{padding:150px 0;}
.footer .other{background:none;height:auto;padding-top:0;line-height:32px;}
.footer .other p{padding:0;}
.child .footer .other{padding:30px 0 40px;background:url(../../images/bg_footer.png) repeat-x bottom #153F86;}