
/* ztPage */
.ztPage{background: #FFF4E3;}

/* padding */
.padding80{padding: 80px 0;}

/* banner */
.banner{height: 600px;}
.banner .logo img{position: absolute;left: 40px;top: 40px;height: 54px;}

/* navStyle */
.navStyle{position: absolute;left: 0;bottom: 0;width: 100%;background: rgba(0, 0, 0, 0.1);color: #FFE6BE;}
.navStyle li a{padding: 0 30px;font-size: 18px;line-height: 64px;}
.navStyle li a:before{content: "";width: 100%;height: 4px;background: linear-gradient(0deg, #FF7809 0%, #C70017 100%);position: absolute;left: 0;bottom: 0;transform: scale(0,1);opacity: 0;}
.navStyle li.on a::before,
.navStyle li a:hover::before{transform: scale(1);opacity: 1;}
.navStyle.nyNav{background: #fff;box-shadow: 0px 2px 16px 0px rgba(70, 0, 8, 0.15);color: #DE3012;position: relative;}

/* titleStyle */
.titleStyle{margin-bottom: 32px;}


/* btnStyle */
.btnStyle{width: 32px;height: 48px;position: absolute;top: 50%;margin-top: -24px;z-index: 2;background: rgba(0, 0, 0, 0.4);cursor: pointer;}
.btnStyle.prev{left: 0;}
.btnStyle.next{right: 0;}

/* ztIndex */
.ztIndex .item1 .content{padding: 30px 0;}
.ztIndex .item1 .content::before{content: "";width: 1290px;height: 100%;position: absolute;right: 0;top: 0;background: linear-gradient(270deg, #FFD3A5 0%, #FFB07E 100%);clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%);}
.ztIndex .item1 .content .bg{position: absolute;top: 30px;right: -90px;z-index: 2;width: 250px;}
.ztIndex .item1 .content .c{position: relative;z-index: 2;overflow: hidden;}
.ztIndex .item1 .picNews{width: 630px;margin-right: 30px;}
.ztIndex .item1 .picNews .pic{padding-bottom: 63.5%;}
.ztIndex .item1 .picNews .text{padding: 12px 20px;height: 56px;background: linear-gradient(263deg, #C70017 0%, #FF8133 100%);color: #FFD3A5;line-height: 28px;font-size: 18px;}
.ztIndex .item1 .list{width: 560px;}
.ztIndex .item1 .list li{margin-top: 20px;background: linear-gradient(270deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.2) 100%);}
.ztIndex .item1 .list li:first-child{margin-top: 0;}
.ztIndex .item1 .list li .wrap{color: #222222;}
.ztIndex .item1 .list .date{flex-shrink: 0;width: 80px;height: 80px;border-radius: 0px 0px 20px 0px;background: linear-gradient(225deg, #C70017 0%, #FF8133 100%);box-sizing: border-box;padding: 10px;display: flex;flex-direction: column;color: #FFE6BE;font-size: 14px;line-height: 20px;}
.ztIndex .item1 .list .date span{display: block;font-size: 36px;line-height: 39px;margin-bottom: 2px;font-weight: bold;}
.ztIndex .item1 .list .title{flex: 1;box-sizing: border-box;padding: 0 16px;font-size: 18px;line-height: 28px;}
.ztIndex .item1 .list li:hover .wrap{background: #fff;color: #C70017;}

.listStyle li{width: 32%;margin-right: 2%;}
.listStyle li:nth-child(3n){margin-right: 0;}
.listStyle .wrap{padding: 20px;background: rgba(255, 255, 255, 0.6);color: #222222;line-height: 28px;}
.listStyle .wrap::before{content: "";width: 100%;height: 2px;background: rgba(199, 0, 23, 0.8);box-shadow: 0px 8px 30px 0px rgba(199, 83, 0, 0);position: absolute;left: 0px;top: 0px;transform-origin: left center;transform: scale(0,1);opacity: 0;}
.listStyle .title{font-size: 18px;height: 56px;overflow: hidden;}
.listStyle .desc{font-size: 16px;height: 84px;overflow: hidden;margin: 8px 0 16px;color: #666666;}
.listStyle .date{font-size: 16px;color: #333333;font-family: "Barlow-Regular";}
.listStyle .wrap:hover{color: #C70017;box-shadow: 0px 12px 30px 0px rgba(255, 129, 51, 0.2);background: rgba(255, 255, 255, 0.6);}

.ztIndex .item3 .list li{width: 690px;margin-top: 20px;}
.ztIndex .item3 .list li:nth-child(1),
.ztIndex .item3 .list li:nth-child(2){margin-top: 0;}
.ztIndex .item3 .list li:nth-child(2n){float: right;}
.ztIndex .item3 .list .wrap{padding: 18px 20px;background: rgba(255, 255, 255, 0.6);color: #666666;line-height: 28px;}
.ztIndex .item3 .list .date{flex-shrink: 0;padding-right: 20px;margin-right: 20px;display: flex;flex-direction: column;line-height: 20px;font-size: 14px;font-family: "Barlow-Regular";}
.ztIndex .item3 .list .date::before{content: "";width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: #C70017;opacity: 0.2;}
.ztIndex .item3 .list .date span{font-size: 36px;line-height: 39px;font-family: "Barlow-Bold";}
.ztIndex .item3 .list .title{flex: 1;box-sizing: border-box;font-size: 18px;color: #222222;}
.ztIndex .item3 .list .wrap:hover{background: rgba(255, 255, 255, 0.6);box-shadow: 0px 12px 30px 0px rgba(255, 129, 51, 0.2);color: #C70017;}
.ztIndex .item3 .list .wrap:hover .title{color: #C70017;}

.ztIndex .item4 .picNews1{width: 690px;}
.ztIndex .item4 .picNews1 .wrap{padding-bottom: 400px;}
.ztIndex .item4 .list{width: 680px;margin-top: -26px;}
.ztIndex .item4 .list li{border-bottom: 1px dashed #FFCFAD;line-height: 70px;color: #222222;}
.ztIndex .item4 .list .wrap{padding-left: 20px;font-size: 16px;}
.ztIndex .item4 .list .wrap::before{content: "";width: 8px;height: 8px;background: #C70017;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.ztIndex .item4 .list  .date{flex-shrink: 0;margin-left: 10px;font-family: "Barlow-Regular";color: #333333;}
.ztIndex .item4 .list .title{flex: 1;overflow: hidden;font-size: 18px;}
.ztIndex .item4 .list li:hover{border-color: #C70017;color: #C70017;}

.ztIndex .item5{padding-bottom: 0;}
.ztIndex .item5 .list li{width: 453px;margin-right: 20px;}
.ztIndex .item5 .list li:nth-child(3n){margin-right: 0;}
.ztIndex .item5 .list .wrap{padding: 20px;background: rgba(255, 255, 255, 0.6);line-height: 28px;color: #222222;}
.ztIndex .item5 .list .wrap::before{content: "";width: 100%;height: 2px;position: absolute;left: 0;top: 0;background: #C70017;transform-origin: left center;transform: scale(0,1);}
.ztIndex .item5 .list .title{font-size: 18px;height: 56px;overflow: hidden;}
.ztIndex .item5 .list .desc{font-size: 16px;color: #666666;margin: 8px 0 16px;height: 84px;}
.ztIndex .item5 .list .date{font-size: 16px;color: #333333;font-family: "Barlow-Regular";}
.ztIndex .item5 .list .wrap:hover{box-shadow: 0px 12px 30px 0px rgba(255, 129, 51, 0.2);color: #C70017;}
.ztIndex .item5 .list .wrap:hover::before{transform: scale(1);}

.footer{padding: 285px 0 34px;background: url(../images/zt/footer_bg.png) no-repeat center top;background-size: cover;margin-top: -34px;font-size: 16px;color: #fff;line-height: 22px;text-align: center;}
.footer p{padding: 6px 0;}
.footer span{margin: 0 6px;}
.footer span img{margin-right: 5px;}
.footer a:hover{text-decoration: underline;}


/* nyHeader */
.nyHeader{height: 300px;background: url(../images/zt/nyBanner.jpg) no-repeat center;background-size: cover;box-sizing: border-box;display: flex;align-items: center;}
.nyHeader .logo img{height: 75px;}


/* nyWrap */
.nyWrap{margin: 60px auto 0;background: rgba(255, 255, 255, 0.6);min-height: 300px;}
.nyWrap .box{padding: 32px 34px 20px;}


/* bread */
.bread{padding: 0 26px;background: linear-gradient(270deg, #FF7809 0%, #C70017 100%);border-radius: 0px 0px 20px 0px;color: #FFFFFF;
    line-height: 70px;font-size: 16px;}
.bread .title{font-size: 24px;}
.bread .path{padding-left: 40px;background: url(../images/zt/icon_home.svg) no-repeat left center;}
.bread .path span{margin: 0 5px;}
.bread .path a:hover{opacity: 0.8;}


/* newsList */
.newsList{padding-bottom: 32px;border-bottom: 1px solid #D8D8D8;margin-bottom: 27px;}
.newsList .wrap{line-height: 44px;color: #222222;}
.newsList .icon{margin-right: 20px;flex-shrink: 0;filter: brightness(0) invert(0.5);}
.newsList .title{flex: 1;font-size: 18px;}
.newsList .wrap:hover{color: #C70017;}
.newsList .wrap:hover .icon{filter: brightness(1) invert(0);}


/* page */
.page a{min-width: 42px;height: 42px;background: #FFFFFF;margin: 0 4px;border: 1px solid #DFDFDF;text-align: center;line-height: 42px;color: #3D3D3D;font-weight: bold;font-size: 18px;}
.page a.btn{padding: 0 16px;}
.page a.btn img{margin-right: 26px;filter: brightness(0) invert(0.5);}
.page a.next img{margin: 0 0 0 26px;}
.page a:hover,
.page a.on{border-color: #C70017;color: #C70017;}
.page a:hover img{filter: brightness(1) invert(0);}


/* passage */
.passage .psgTitle{padding-bottom: 40px;border-bottom: 1px solid #D8D8D8;margin-bottom: 40px;color: #B0B0B0;text-align: center;font-size: 18px;line-height: 28px;font-weight: bold;}
.passage .psgTitle .title{color: #333333;margin-bottom: 40px;font-size: 26px;}
.passage .psgTitle .info > div{margin: 0 15px;}
.passage .psgTitle .info img{margin-right: 16px;}
.passage .psgCont{min-height: 300px;padding-bottom: 40px;border-bottom: 1px solid #D8D8D8;margin-bottom: 48px;}
.passage .psgLink{color: #3D3D3D;line-height: 28px;font-size: 18px;font-weight: bold;}
.passage .psgLink dd{max-width: 40%;}
.passage .psgLink dd img{flex-shrink: 0;margin-right: 20px;filter: brightness(0) invert(0.5);}
.passage .psgLink dd:last-child{text-align: right;}
.passage .psgLink dd:last-child img{margin: 0 0 0 20px;}
.passage .psgLink dd .title{flex: 1;overflow: hidden;}
.passage .psgLink a:hover{color: #C70017;}
.passage .psgLink a:hover img{filter: brightness(1) invert(0);}