/* 初始化CSS */
html {font-size: 187.5% !important;  }
*{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{/* font-size:100%; */ font-weight:bold;}
fieldset, img{border:none; vertical-align:middle;}
address, caption, cite, code, dfn, th, var{font-style:normal; font-weight:normal;}
ul, ol{list-style:none;}
li{list-style-type:none;}
input{padding-top:0; padding-bottom:0; font-family: "Microsoft Yahei","SimSun",Arial,sans-serif;}
select, input{vertical-align:middle;}
select, input, textarea{ margin:0; font-size:12px;}
input[type="text"], input[type="password"], textarea{outline-style:none;}
textarea{font-family: "Microsoft Yahei","SimSun",Arial,sans-serif; resize:none;}
body{font:12px "Microsoft Yahei","SimSun",Arial,sans-serif; color:#333; background:#fff;-webkit-font-smoothing: antialiased;scroll-behavior:smooth;}
a{text-decoration:none; color:inherit;}
i, em{ font-style:normal;}
.clearfix:after{ display:block; visibility:hidden; clear:both; height:0; content:"";}
.clearfix{zoom:1;}
.fl{ float:left;}
.fr{ float:right;}
.auto{ margin-left:auto; margin-right:auto;}

/*html5*/
article,aside,footer,header,section,footer,nav,figure,main{display:block}

/*解决chrome浏览器 input,textarea 获得焦点时会有一个边框的问题*/
input,textarea{outline: none;}
/*清除ios端 input,textarea 默认内阴影 默认圆角,radio和checkbox需要还原值为radio和checkbox*/
input[type="submit"],input[type="reset"],select,button,textarea{appearance: none;-webkit-appearance: none;border-radius: 0;}
/*自定义 input,textarea 的placeholder文字样式*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{color: #999;}

/*滚动条*/
body *::-webkit-scrollbar{width: 4px;height: 4px;background: #eee;border-radius: 2px;}
body *::-webkit-scrollbar-thumb{background: #aaa;border-radius: 2px;}





/*transition*/
.tran200{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
.tran300{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
.tran400{-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}
.tran500{-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}
.tran1000{-webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; transition:all 1s linear;}

/*动效*/
.scaleimg:hover .pic img,
.scaleimg:hover .pic em{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.rotateY:hover{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
.translateX:hover{-webkit-transform:translateX(-6px); -moz-transform: translateX(-6px); -ms-transform:translateX(-6px); transform:translateX(-6px);}


*:before,*:after{-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;}
*:focus{-webkit-tap-highlight-color:rgba(0,0,0,0); }


.scrollStyle::-webkit-scrollbar{width: 6px;height: 4px;background: #eee;border-radius: 2px;}
.scrollStyle::-webkit-scrollbar-thumb{background: #039f3f;border-radius: 2px;}

.bgStyle{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}

/*按钮背景动效*/
.ani-btn{z-index: 1;position: relative;overflow: hidden;}
.ani-btn:after{content: '';z-index: -1;position: absolute;left: 30%;top: 100%;width: 40px;height: 40px;border-radius: 50%;background-color: #CF1414;transform: translate(-50%,-50%) scale(0);}
.ani-btn:hover{border-color: #CF1414!important;color: #fff!important;transition: 0.5s ease-in-out;}
.ani-btn:hover:after{transform: translate(-50%,-50%) scale(10);transition: 1s ease-in-out;}

/*按钮背景动效2*/
.ani-btn2{z-index: 1;position: relative;overflow: hidden;}
.ani-btn2:after{content: '';z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: #CF1414;transform: skew(50deg) scaleX(0);transform-origin: left bottom;}
.ani-btn2:hover{background-color: rgba(255,255,255,0);border-color: #CF1414!important;color: #fff!important;transition: 0.5s ease-in;}
.ani-btn2:hover:after{transform: skew(50deg) scaleX(1.5);transition: 0.5s ease-in;}

/*按钮背景动效3*/
.ani-btn3{z-index: 0;position: relative;overflow: hidden;}
.ani-btn3:after{content: "";z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-image: linear-gradient(90deg,red,orange,yellow,orange,red,orange,yellow,orange,red);background-size: 200% 100%;transform: skew(50deg) scaleX(0);transform-origin: left bottom;}
.ani-btn3:hover{color: #fff!important;transition: 0.5s ease-in-out;}
.ani-btn3:hover:after{transform: skew(50deg) scaleX(1.5);transition: 0.6s ease-in;animation: bgAni 2s infinite linear;}
@keyframes bgAni{
0%{background-position: 0 0;}
}  


/* 单页默认样式 */
.pageStyle{color: #1F1F1F;line-height: 26px;}
.pageStyle *{max-width: 100% !important;}
.pageStyle img{height: auto !important;max-width: 100% !important;}
.pageStyle ul,.pageStyle ul li{list-style: disc inside;}

/* flex布局 */
.disflex{display: flex;}
.flexCenter{display: flex;justify-content: center;align-items: center;}
.flexBetween{display: flex;justify-content: space-between;align-items: center;}


/* bodyBg */
body{font-family: 'PingFang SC',"Microsoft Yahei","SimSun",Arial,sans-serif;}
body.bodyBg{background: #FCF5E3 url(../images/zt/ztBg.png) no-repeat center top;}

.w1400{width: 1400px;margin: 0 auto;}

/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.TXTovehid-two{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.TXTovehid-three{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}


.fz16{font-size: 16px;}
.fz18{font-size: 18px;}
.fz20{font-size: 20px;}
.fz22{font-size: 22px;}
.fz26{font-size: 26px;}
.fz30{font-size: 30px;}

.mrgBtm60{margin-bottom: 60px;}

.header{padding: 30px;}
.header .logo img{height: 34px;}
.slogan{padding: 93px 0 143px;text-align: center;}

/* listStyle */
.listStyle{padding: 17px 0 8px;}
.listStyle li a{display: block;position: relative;padding-left: 18px;position: relative;}
.listStyle li a::before{content: "";width: 8px;height: 8px;position: absolute;left: 0;top: 50%;margin-top: -4px;background: #B90B0B;border-radius: 50%;}
.listStyle li a h4{line-height: 42px;color: #282828;font-weight: normal;}
.listStyle li a:hover::before{width: 12px;height: 2px;border-radius: 0;}
.listStyle li a:hover h4{transform: translateX(20px);color: #B90B0B;}


/* moreBtn */
.moreBtn{display: block;width: 132px;height: 35px;box-sizing: border-box;padding: 0 16px;background: #E91600;border-radius: 4px;color: #fff;line-height: 35px;position: relative;}
.moreBtn .arr{position: absolute;right: 16px;top: 50%;margin-top: -10px;}
.moreBtn:hover{background: #AC0200;}

/* ztTitle */
.ztTitle{text-align: center;position: relative;margin-bottom: 34px;}
.ztTitle .more{position: absolute;right: 0;bottom: 10px;padding-right: 28px;background: url(../images/zt/arrow1.svg) no-repeat right center;color: #E81100;line-height: 24px;}


/* ztItem1 */
.ztItem1{margin-bottom: 70px;position: relative;}
.ztItem1::before{content: "";width: calc(100% - 16px);height: 100px;background: #AC0200;border-radius: 6px;position: absolute;left: 8px;bottom: -11px;}
.ztItem1 .wrap{background: url(../images/zt/ztBg1.png) no-repeat center;height: 434px;position: relative;z-index: 2;box-sizing: border-box;padding: 28px;}
.ztItem1 .title{position: absolute;top: -14px;right: 175px;width: 270px;height: 71px;background: url(../images/zt/titleBg1.png) no-repeat center;text-align: center;color: #fff;font-weight: normal;line-height: 52px;}
.ztItem1 .picScroll{width: 578px;position: relative;overflow: hidden;margin-right: 40px;}
.ztItem1 .picScroll li a{display: block;height: 0;padding-bottom: 377px;position: relative;overflow: hidden;}
.ztItem1 .picScroll li a::before{content: "";width: 100%;height: 95px;position: absolute;left: 0;bottom: 0;z-index: 2;background-image: linear-gradient(rgba(0,0,0,0), #000);}
.ztItem1 .picScroll li a h4{position: absolute;left: 0;bottom: 20px;z-index: 3;width: 100%;box-sizing: border-box;padding: 0 180px 0 20px;color: #FFFFFF;line-height: 26px;font-weight: normal;}
.ztItem1 .picScroll .hd{position: absolute;right: 20px;bottom: 23px;z-index: 4;}
.ztItem1 .picScroll .hd ul{overflow: hidden;}
.ztItem1 .picScroll .hd li{float: left;width: 10px;height: 10px;margin: 0 4px;background: #FFFFFF;border-radius: 50%;box-sizing: border-box;border: 1px solid #fff;opacity: 0.3;font-size: 0;cursor: pointer;}
.ztItem1 .picScroll .hd li.on{border-color: #979797;opacity: 1;}
.ztItem1 .picScroll .btn{width: 28px;height: 28px;position: absolute;top: 50%;margin-top: -14px;z-index: 5;background: #D71B1A;border-radius: 50%;text-align: center;line-height: 28px;cursor: pointer;}
.ztItem1 .picScroll .prev{left: 18px;}
.ztItem1 .picScroll .next{right: 18px;}
.ztItem1 .right{width: 540px;}

/* ztItem2 */
.ztItem2 .content{padding: 30px 24px 30px 30px;background: rgba(255, 255, 255, 0.5);border-radius: 6px;}
.ztItem2 .pic{width: 578px;position: relative;overflow: hidden;height: 0;padding-bottom: 377px;}
.ztItem2 .right{width: 738px;}
.ztItem2 .right .listStyle{padding: 0;}

/* ztItem3 */
.ztItem3 .item{width: 680px;}
.ztItem3 .item .content{height: 408px;background: rgba(255, 255, 255, 0.5);border-radius: 6px;overflow: hidden;}
.ztItem3 .item .top a{display: block;padding: 26px 52px 26px 34px;background: url(../images/zt/newsBg.jpg) no-repeat center;border-radius: 6px 6px 0 0;color: #FFFFFF;}
.ztItem3 .item .top a h4{padding-left: 18px;position: relative;margin-bottom: 12px;line-height: 25px;font-weight: normal;}
.ztItem3 .item .top a h4:before{content: "";width: 8px;height: 8px;background: #fff;border-radius: 50%;position: absolute;left: 0;top: 50%;margin-top: -4px;}
.ztItem3 .item .top a p{padding-left: 18px;line-height: 26px;height: 78px;overflow: hidden;}
.ztItem3 .item .btm{padding: 5px 34px 0;}


/* ztItem4 */
.ztItem4 .ul1 li{width: 682px;margin-bottom: 40px;}
.ztItem4 .ul1 li:nth-child(2n){float: right;}
.ztItem4 .ul1 li a{display: block;border: 1px solid rgba(210, 210, 210, 0.5);background: rgba(255, 255, 255, 0.5);box-sizing: border-box;height: 222px;padding: 36px 36px 0;color: #282828;}
.ztItem4 .ul1 li h4{font-weight: normal;line-height: 25px;}
.ztItem4 .ul1 li p{line-height: 26px;height: 52px;overflow: hidden;margin: 11px 0 34px;}
.ztItem4 .ul1 li .more{color: #E91400;line-height: 32px;}
.ztItem4 .ul1 li a:hover{box-shadow: 0 0 10px rgba(233, 20, 0, 0.1);}
.ztItem4 .ul1 li a:hover h4{color: #E91400;}
.ztItem4 .ul2 li{width: 320px;margin-left: 40px;}
.ztItem4 .ul2 li:first-child{margin-left: 0;}
.ztItem4 .ul2 li a{display: block;height: 600px;box-sizing: border-box;padding: 22px 22px 0;background: url(../images/zt/newsBg1.jpg) no-repeat center;background-size: cover;border-radius: 6px;}
.ztItem4 .ul2 li a h4{color: #FFFFFF;font-weight: normal;line-height: 25px;height: 75px;overflow: hidden;margin-bottom: 28px;}
.ztItem4 .ul2 li a .pic{border: 2px solid #FFFFFF;border-radius: 6px;overflow: hidden;padding-bottom: 437px;position: relative;}
.ztItem4 .ul2 li a:hover .pic .bgStyle{transform: scale(1.1);}
.ztItem4 .ul2 li.li2 a{background-image: url(../images/zt/newsBg2.jpg);}
.ztItem4 .ul2 li.li3 a{background-image: url(../images/zt/newsBg3.jpg);}
.ztItem4 .ul2 li.li4 a{background-image: url(../images/zt/newsBg4.jpg);}

/* footer */
.footer{padding: 65px 0 165px;text-align: center;color: #282828;line-height: 36px;position: relative;}
.footer::before{content: "";width: 100%;height: 284px;position: absolute;left: 0;bottom: 0;background: url(../images/zt/footerBg.png) no-repeat center bottom;}
.footer .w1600{position: relative;z-index: 2;}
.footer em{margin: 0 10px;}
.footer a:hover{color: #E91400;text-decoration: underline;}

.nyBodyBg{background: #FCF5E3;}

/* nyHeader */
.nyHeader{width: 100%;background: url(../images/zt/nyHeader.jpg) no-repeat center top;height: 280px;line-height: 280px;}

/* ztNav */
.ztNav{background: #FFFFFF;box-shadow: 0 15px 34px #F1E6CC;}
.ztNav .nLi{width: 16.66%;}
.ztNav .nLi a{display: block;position: relative;color: #E91A00;font-weight: normal;line-height: 80px;text-align: center;}
.ztNav .nLi a:before{content: "";width: 100%;height: 4px;position: absolute;left: 0;bottom: 0;background-image: linear-gradient(to right, #F78647 , #CC3724);transform: scale(0,1);opacity: 0;}
.ztNav .nLi.on a:before{transform: scale(1);opacity: 1;}

/* nyWrap */
.nyWrap{margin: 50px auto 0;background: rgba(255, 255, 255, 0.5);border-radius: 6px;}

/* bread */
.bread{padding: 0 18px 0 30px;background-image: linear-gradient(to right, #F78647 , #CC3724);color: #fff;line-height: 70px;border-radius: 6px 6px 0 0;}
.bread h2{font-weight: normal;}
.bread .path{padding-left: 40px;background: url(../images/zt/icon-home.svg) no-repeat left center;}
.bread .path span{margin: 0 12px;}
.bread .path a:hover{opacity: 0.8;text-decoration: underline;}

.nyWrap .content{min-height: 300px;padding: 30px;}
.nyWrap .listStyle{padding: 0 0 24px 0;border-bottom: 1px solid #D0D0D0;margin-bottom: 30px;}


/* page */
.page{font-size: 0;text-align: center;}
.page a{display: inline-block;margin: 0 5px;width: 34px;height: 34px;border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 2px;line-height: 34px;font-size: 16px;color: #000000;background: #FFFFFF;}
.page .btn{width: 84px;padding: 0 10px;}
.page .btn img{margin-top: -0.25em;filter: brightness(0) invert(0.1);}
.page .prev img{margin-right: 16px;}
.page .next img{margin-left: 16px;}
.page a.on,.page a:hover{border-color: #E91A00;color: #E91A00;}
.page a:hover img{filter: brightness(1) invert(0);}

/* passage */
.passage .psgTitle{padding-bottom: 20px;border-bottom: 1px solid #D0D0D0;margin-bottom: 20px;text-align: center;}
.passage .psgTitle h4{color: #1F1F1F;line-height: 36px;font-weight: normal;margin-bottom: 20px;}
.passage .psgTitle .info{color: #1F1F1F;line-height: 22px;}
.passage .psgTitle .info span{margin: 0 10px;}
.passage .psgCont{padding-bottom: 20px;min-height: 200px;}
.passage .psgLink{padding-top: 30px;border-top: 1px solid #D0D0D0;color: #1F1F1F;line-height: 22px;position: relative;}
.passage .psgLink .link{max-width: 40%;}
.passage .psgLink .link img{margin-top: -0.25em;filter: brightness(0) invert(0.1);}
.passage .psgLink .prev img{margin-right: 6px;}
.passage .psgLink .next img{margin-left: 6px;}
.passage .psgLink .btn{width: 80px;position: absolute;left: 50%;bottom: 0;margin-left: -40px;text-align: center;}
.passage .psgLink  a:hover{color: #E91A00;text-decoration: underline;}
.passage .psgLink  a:hover img{filter: brightness(1) invert(0);}