/* 首页 */
body{background: url(2023_zz_bg.png) no-repeat center top; font-size: 32px;}
@media (max-width: 1500px) {
  body{font-size: 28px;}
}
@media (max-width: 1280px) {
  body{font-size: 28px;}
}
@media (max-width: 992px) {
  body{font-size: 22px;}
}

.zz-header > .container{height: 469px; position: relative;}
.zz-header-toolbar{position: absolute; top: 53px; right: 0; color: #fff; font-weight: bold; line-height: 60px;}
.zz-header-toolbar a{display: inline-block; padding: 0 40px; color: #fff; border-radius: 32px; border: #fff 2px solid;}
.zz-header-logo{position: absolute; width: 49.2%; top: 35px; left: 0; z-index: 99;}
.zz-header-tag{width: 29.2%; position: absolute; left: 0; bottom: 0;}
.zz-header-tag img{display: block;}
.zz-header-ch{position: absolute; bottom: 0; width: 62.4%; right: 0;}
.zz-header-ch img{display: block;}
.zz-panel-whiteshadow{padding: 25px; border-radius: 0 8px 8px 8px; background: #fff; box-shadow: 0px 0px 20px  rgba(181, 181, 181, 0.2);}
.zz-tpxw{height: 460px;}
.zz-tpxw .pic{float: left; width: 60%;}
.zz-tpxw .txt{float: right; width: 38%;}
.zz-tpxw .pic .imgRatio{padding-bottom: 56.8%;}
.zz-tpxw .tit{font-size: 1.125em; font-weight: bold; line-height: 48px; max-height: 96px; margin-bottom: 20px; padding-top: 10px; color: #1473A3;}
.zz-tpxw .tit a{color: #1473A3;}
.zz-tpxw .memo{line-height: 52px; text-indent: 2em; font-size: 0.875em; max-height: 208px; margin-bottom: 55px; -webkit-line-clamp: 4;}
.zz-tpxw .btn a{display: block; height: 72px; border-radius: 4px; background: #DBF3FF; text-align: center; line-height: 72px; color: #259ACC; font-weight: bold;}

.zz-iconlink li a.item{position: relative; height: 337px; border-radius: 10px; overflow: hidden;}
.zz-iconlink li a.item b{position: absolute; right: 0; bottom: 0;}
.zz-iconlink li a.item i{width: 144px; height: 144px; margin-top: 55px !important; margin-bottom: 25px !important; background: #fff; border-radius: 50%; position: relative;}
.zz-iconlink li a.item span{ position: relative; font-weight: bold; font-size: 1.4375em; color: #fff;}

.zz-iconlink .li1 a{background: linear-gradient(180deg, rgba(70, 156, 189, 1) 0%, rgba(126, 207, 239, 1) 100%);}
.zz-iconlink .li2 a{background: linear-gradient(180deg, rgba(215, 119, 111, 1) 0%, rgba(215, 119, 111, 1) 1%, rgba(236, 173, 167, 1) 100%);}
.zz-iconlink .li3 a{background: linear-gradient(180deg, rgba(224, 144, 66, 1) 0%, rgba(246, 217, 116, 1) 100%);
  box-shadow: 0px 0px 20px  rgba(181, 181, 181, 0.2);}
.zz-iconlink .li4 a{background: linear-gradient(180deg, rgba(81, 184, 142, 1) 0%, rgba(147, 217, 188, 1) 100%);}
.zz-iconlink .li5 a{background: linear-gradient(180deg, rgba(134, 95, 212, 1) 0%, rgba(203, 143, 255, 1) 100%);
  box-shadow: 0px 0px 20px  rgba(181, 181, 181, 0.2);}
.zz-iconlink .li6 a{background: linear-gradient(180deg, rgba(80, 133, 217, 1) 0%, rgba(135, 177, 255, 1) 100%);
  box-shadow: 0px 0px 20px  rgba(181, 181, 181, 0.2);}
.zz-iconlink .li7 a{background: linear-gradient(180deg, rgba(71, 156, 222, 1) 0%, rgba(125, 211, 245, 1) 100%);}
.zz-iconlink .li8 a{background: linear-gradient(180deg, rgba(92, 128, 213, 1) 0%, rgba(170, 204, 251, 1) 100%);}


@media (max-width: 1280px) {
  .zz-header > .container{height: 350px;}
  .zz-header-toolbar{line-height: 50px; top: 30px;}
  
  .zz-container{background: #fff;}
	.zz-panel-whiteshadow{padding: 15px 0 0; box-shadow: none;}

  .zz-tpxw{height: auto;}
  .zz-tpxw .pic, .zz-tpxw .txt{float: none; width: auto;}
  .zz-tpxw .pic{margin-bottom: 30px;}
  .zz-tpxw .memo{margin-bottom:30px;}

  .zz-iconlink li{width: 33.3333% !important;}
}

@media (max-width: 992px) {
  .zz-header-logo{top: 20px;}
  .zz-header-toolbar{display: none;}
  .zz-header > .container{height: 230px;}
  .zz-tpxw .tit{line-height: 36px; max-height: 72px; padding-top: 0;}
  .zz-tpxw .memo{line-height: 32px; max-height: 128px;}
  .zz-iconlink li{width: 50% !important;}
}

@media (max-width: 768px) {
  .zz-header > .container{padding-left: 0 !important; padding-right: 0 !important;}
  .zz-header-logo{width: auto; max-width: 80%; left: 15px; top: 15px;}
  .zz-header > .container{height: auto;}
  .zz-header-ch{position: static; float: right; padding: 50px 0 0;}
  .zz-header-tag{left: 15px;}
}

@media (max-width: 480px) {
  .zz-iconlink li{width: 100% !important;}
}


/* 列表页 */
.zz-crumb{margin-bottom: 30px; border-bottom: #E0E0E0 1px solid;}
.zz-crumb h2{ padding-left:50px;margin-bottom: 25px; font-size: 1.125em; line-height: 40px; color: #666; font-weight: normal; background: url(2023_zz_icon_position.png) no-repeat 0 2px; background-size: 32px 38px;}
.zz-crumb a{color: #666;}
.zz-crumb a:hover{color: #1473A3;}
.zz-crumb span{color: #1473A3;}
@media (max-width: 992px){
	.zz-crumb h2{padding-left: 28px; background-size: 20px 24px; background-position: 0 10px;}
}
.zz-pagetitle{margin-bottom: 30px;}
.zz-pagetitle h2{font-size: 1.25em; color: #1473A3; padding-left: 40px; position: relative;}
.zz-pagetitle h2:before{content: ''; position: absolute; left: 0; top:50%; margin-top: -12px; width: 9px; height: 30px; background: #1473A3;}   
.zz-pagelist li{padding: 30px 40px; margin-bottom: 40px; border-radius: 0 30px 0 30px; background: #F5F6F7}
.zz-pagelist li .tit{font-size: 1.125em; line-height: 1.3333; margin-bottom: 10px;}
.zz-pagelist li .time{font-size: 0.875em; color: #999;}
@media (max-width: 1280px) {
  .zz-pagelist li{padding: 20px; margin-bottom: 30px;}
}

@media (max-width: 768px) {
  .zz-pagetitle h2{padding-left: 24px;}
  .zz-pagetitle h2:before{width: 5px; height: 20px; margin-top: -8px;}
}

.header-search{ position: absolute; width:420px; height: 52px; box-sizing: border-box;  background: url(2023_header_icon_ss.png) no-repeat 20px center #fff; background-size: 25px 25px; border-radius: 4px; border: #2354AF 1px solid; margin:0 auto; padding:0 107px 0 60px; overflow: hidden;top:14%;left:53%;z-index:2;}
.header-search-txt{width:100%; height:52px; line-height:52px; font-size: 16px; border: 0;}
.header-search-btn{ position:absolute; top: 0; right: 0; width:87px; height:52px; font-size: 16px; font-weight: bold; color: #fff; border:0; cursor:pointer; background:#3472BF; border-radius:4px 0 0 4px; -webkit-appearance:none; transition: all .3s; -webkit-transition: all .3s;}
.header-search-btn:hover{background: #2354AF;}
.header-search-txt::-webkit-input-placeholder{color: #a6a6a6;}