@charset "utf-8";
body{background: url(../images/zt_bg.jpg) no-repeat top center !important;}
.ztheader{padding-top: 20px;}
.ztheader .ztname{text-align: center;margin-top: 32px;}
.logo img{width: 300px;}

.ztmain{padding: 20px;margin-top: 50px;margin-bottom: 85px;background: #fff;border-radius: 10px;}
.ztmain *{box-sizing:border-box;}

.gsggbox{padding: 30px 45px;background: linear-gradient(90deg, #E6F7FC 0%, #F0F5FF 100%);border: 2px solid #BBD4F0;border-radius: 10px;}
.gsggbox .gsggtit{color: #2160C4;font-size: 24px;font-weight: bold;text-align: center;}
.gsggbox .gsggcon{font-size: 18px;line-height: 42px;text-indent: 2em;margin-top: 20px;}

.dcdhbox{margin-top: 20px;font-size: 0;text-align: justify;text-align-last: justify;}
.dcdhbox div{padding: 20px 0;width: 24%;display: inline-block;vertical-align: top;font-size: 30px;line-height: 60px;color: #fff;font-weight: bold;text-align: center;text-align-last: center;}
.dcdhbox div p + p{font-size:20px;}
.dcdhbox div:nth-child(1) p + p{line-height: 30px;}
.dcdhbox div:nth-child(1){background: url(../images/dcbg1.png) no-repeat;background-size: 100% 100%;}
.dcdhbox div:nth-child(2){background: url(../images/dcbg2.png) no-repeat;background-size: 100% 100%;}
.dcdhbox div:nth-child(3){background: url(../images/dcbg3.png) no-repeat;background-size: 100% 100%;}
.dcdhbox div:nth-child(4){background: url(../images/dcbg4.png) no-repeat;background-size: 100% 100%;}

.ztlistbox{margin-top: 45px;}
.ztlistbox .listtop{width: 100%;height: 60px;}
.ztlistbox .listtop .more{float: right;margin-top: 15px;color: #666;font-size: 12px;}
.ztlistbox .ztlist{margin-top: 15px;}
.ztlistbox .ztlist li{float: left;width: 48%;padding-left:30px;line-height: 32px;font-size: 18px;background: url(../images/list_ico.png) no-repeat 15px 14px;border-bottom: 1px dashed #C4C8D0;}
.ztlistbox .ztlist li:nth-child(even){float: right;}
.ztlistbox .ztlist li a{display:block;width:100%;height:64px;}
.ztlistbox .ztlist li span{float: right;color: #808080;}
.gzdtbox .listtop{background: url(../images/gzdtbg.png) no-repeat top center;}
.xfjbox .listtop{background: url(../images/xfjbg.png) no-repeat top center;}
.sfjbox .listtop{background: url(../images/sfjbg.png) no-repeat top center;}

@media screen and (max-width:450px) {
    .logo img{width: 180px;}
    .ztheader .ztname{margin-top: 15px;}

    .ztmain{margin-top: 20px;margin-bottom: 0;padding: 10px !important;}
    .gsggbox{padding: 20px;}
    .gsggbox .gsggtit{font-size: 20px;}
    .gsggbox .gsggcon{font-size: 16px;line-height: 32px;}
    .dcdhbox{margin-top: 5px;}
    .dcdhbox div{width: 100%;margin-top: 15px;}
    
    .ztlistbox{margin-top: 20px;padding-bottom: 60px;position: relative;}
    .ztlistbox .listtop{background-size: 200%;height: 35px;}
    .ztlistbox .listtop .more{position: absolute;width: 100px;height: 38px;left: 50%;bottom:0;margin-left: -50px;line-height: 38px;font-size: 16px;text-align: center;background-color: #2160C4;color: #fff;border-radius: 5px;}
    .ztlistbox .ztlist li{width: 100%;height: auto;line-height: 28px;font-size: 16px;background-position: 10px 12px;}
    .ztlistbox .ztlist li a{height: auto;}
}