@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font-size:12px;font-family: Microsoft YaHei, Arial;}
ul,li,dt,dl,p,h1,h2,h3,h4,h5,h6,div,html,form,table,tr,td,dt,dl,dd,span,input,a,img{padding:0; margin:0; list-style:none;outline:none;border:none; font-weight: normal;}
a{text-decoration:none;}
img{vertical-align: top;}


.clear{clear: both;}
.ztTitle{ font-size: 36px;
    line-height: 60px;
    font-weight: bold;
    letter-spacing: 3px;
    margin-bottom: 30px;
    position: relative;
    text-align: center;
    color: #433db9;
    font-family: "黑体"; }
/*.ztTitle:before{content: "-"; }
.ztTitle:after{content: "-";}*/
.ztTitle span{
    font-size: 16px;
    font-weight: normal;
    margin-left: 10px;
    letter-spacing: 0px;
    display: block;
    line-height: 40px;
    color:#333;
}

.ztbtn{
    /*background-color: #345f8a;*/
    display: block;
    padding: 10px;
    margin: 5% 20%;
    border: 4px solid #feee97;
    color: #feee97;
    text-align: center;
    font-size: 20px;
    border-radius: 10px;
    transition: 0.5s;
    position: relative;
    line-height: 30px;
    /*animation: myBbreath 0.8s linear infinite;*/
}
.ztbtn:hover{
    box-shadow: 0 0 25px #888;
    transform: scale(1.1);
}


.ztbanner1{ width: 100%; max-width: 1920px; margin: 0 auto; height: 600px; background: url(/images/zt/2021/1212/banner1.jpg) center center no-repeat; position: relative; }
.ztbanner1 a{
    display: block;
    position: absolute;
    width: 300px;
    height: 100px;
    left: 50%;
    margin-left: -150px;
    top: 460px;
}

.ztbanner2{ width: 100%; max-width: 1920px; margin: 0 auto; height: 312px; background: url(/images/zt/2021/1212/banner2.jpg) center center no-repeat; position: relative; }





.bgztpart2{
    width: 100%; max-width: 1920px; margin: 0 auto; height: 1355px; background: url(/images/zt/2021/1212/1bg.jpg) center center no-repeat; position: relative;
}

.ztpart2 .info{padding: 480px 70px 30px 440px; font-size: 18px; line-height: 30px;}
.ztpart2 .ztpart2ctr{ font-size: 30px; font-weight: bold; color: #fff; height: 520px; width: 100%; display: block; position: relative;  }
.ztpart2 .ztpart2ctr li{position: absolute; }
.ztpart2 .ztpart2ctr li:nth-of-type(1){ left: 180px;top: 212px; }
.ztpart2 .ztpart2ctr li:nth-of-type(2){ left: 750px;top: 212px; }
.ztpart2 .ztpart2ctr li:nth-of-type(3){ left: 140px;top: 460px; }
.ztpart2 .ztpart2ctr li:nth-of-type(4){ left: 750px;top: 460px; }






.bgztpart1{
    width: 100%; max-width: 1920px; margin: 0 auto; height: 1013px; background: url(/images/zt/2021/1212/2bg.jpg) center center no-repeat; position: relative;
}

.ztpart1 .titNav{display: block; width: 1130px; height: 113px; position: absolute;left: 50%;margin-left: -565px; top: 235px;}

.ztpart1Box{width: 1130px;margin: 0 auto;padding-top: 410px;}
.ztpart1Box .ctrBox{
 width: 266px;
 height: 327px;
 float: left;
 margin: 8px;
 overflow: hidden;
 position: relative;
 }
.ztpart1Box .ctrBox>img{border-radius: 20px 20px 0 0;width: 100%;border: 5px red solid;box-sizing: border-box;}
.ztpart1Box .ctrBox h2{
    width: 100%;
    height: 66px;
    line-height: 66px;
    color: #fff;
    text-align: center;
    background: url(/images/zt/2021/1212/1-tbg.png) center center no-repeat;
    margin-top: -55px;
    position: relative;
}

.ztpart1Box .ctrBox dl{position: absolute; left: 0; top: 327px;color: #fff; text-align: center; transition: 0.3s; display: block; width: 100%; height: 210px; background: url(/images/zt/2021/1212/1-hoverbg.png) center center;}
.ztpart1Box .ctrBox:hover dl{top: 117px;}
.ztpart1Box .ctrBox dl dt{font-size: 20px;margin-top: 30px;margin-bottom: 20px;}
.ztpart1Box .ctrBox dl dd{font-size: 16px;line-height: 30px;}
.ztpart1Box .ctrBox dl dd:before{content: "";width: 6px;display: inline-block;margin-right: 5px;margin-bottom: 2px;height: 6px;border-radius: 100%;background-color: #fff;}

.ztbtn{
    width: 300px;
    margin: 50px 60px 20px 200px;
    display: inline-block;
    }
.ztbtn:after{content: ""; display: inline-block; height: 18px; width: 22px; margin-left: 5px;
    margin-bottom: -2px;background:url(/images/zt/2021/1212/btn_jt1.png); }
.btn2:after{content: ""; display: inline-block; height: 18px; width: 22px; background:url(/images/zt/2021/1212/btn_jt2.png);}
.btn2{background: linear-gradient(to bottom,#feee97,#fdc21b); line-height: 38px; border: none;color: #d41e20;margin: 20px 200px 20px 30px;}







.ztpart1,.ztpart2,.ztpart3,.ztpart4,.ztpart5,.ztpart6,.ztpart7,.ztpart8,.ztpart9,.ztpart10{width: 1200px; margin: 0 auto;}




.bgztpart4{width: 100%; max-width: 1920px; height:966px; position: relative; background: url(/images/zt/2021/1212/3bg.jpg) center center no-repeat;}
.ztpart4{ width: 1120px; margin: 0 auto; padding-top: 270px;}

.ztpart4 a{ display: block; width: 300px; height: 100px; position: absolute; left: 50%; margin-left: -320px; top: 700px; }


.bgztpart5{width: 100%; max-width: 1920px; height:1001px; background: url(/images/zt/2021/1212/4bg.jpg) center center no-repeat;}
.ztpart5Box{width: 1130px;margin: 0 auto;padding-top: 250px;}
.ztpart5Box .ctrBox{
 width: 266px;
 height: 281px;
 float: left;
 margin: 8px;
 overflow: hidden;
 position: relative;
 }
.ztpart5Box .ctrBox>img{border-radius: 20px 20px 0 0;width: 100%;border: 5px red solid;box-sizing: border-box;}
.ztpart5Box .ctrBox h2{
    width: 100%;
    height: 66px;
    line-height: 66px;
    color: #fff;
    text-align: center;
    background: url(/images/zt/2021/1212/5-tbg.png) center center no-repeat;
    margin-top: -55px;
    position: relative;
}

.ztpart5Box .ctrBox dl{position: absolute; left: 0; top: 327px;color: #fff;  
    transition: 0.3s; display: block; width: 100%; height: 206px; 
    background: url(/images/zt/2021/1212/5-hoverbg.png) center center;}
.ztpart5Box .ctrBox:hover dl{top: 92px;}
.ztpart5Box .ctrBox dl dt{font-size: 18px;margin-bottom: 20px;padding: 30px;line-height: 30px;}



@keyframes myBbreath {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.9);
  }
}

@keyframes jiantou {
  0% {
    background-position-x: 0px;
  }
  50% {
    background-position-x: 30px;
  }
  100% {
    background-position-x: 60px;
  }
}