*{box-sizing:border-box}
article,aside,audio,body,canvas,caption,dd,div,dl,dt,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,input,label,legend,li,mark,menu,nav,ol,p,section,table,tbody,td,textarea,tfoot,th,thead,time,tr,ul,video{margin:0;padding:0}
article,aside,blockquote,dialog,figure,footer,header,hgroup,nav,section{display:block}
ol,ul{list-style:none}
img{border:0 none;vertical-align:top}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:none}
table{border-collapse:collapse;border-spacing:0}
em,i,strong{font-style:normal;font-weight:400}
ins{text-decoration:underline}
del{text-decoration:line-through}
mark{background:0 0}
input{ outline:none }
input::-ms-clear{display:none!important}
a{text-decoration:none;color:#333}
a:hover{text-decoration:none}
.clearfix{overflow:hidden}
.clearfix:after{content:' ';display:block;clear:both;visibility:hidden;line-height:0;height:0}
.text-line-1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.text-line-2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.text-line-3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.flex-wrap{display:-webkit-box;display:-webkit-flex;display:flex;display:-moz-box;display:-ms-flexbox}
.flex-con{-webkit-box-flex:1;-webkit-flex:1;flex:1;-moz-box-flex:1;-ms-flex:1}
.flex-vertical{-webkit-box-orient:vertical;-webkit-flex-flow:column;flex-flow:column;-ms-flex-flow:column;-moz-flex-flow:column;-o-flex-flow:column}
.flex-center{-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center}
.pull-left{float:left}
.pull-right{float:right}
.text-center{text-align:center}
.m-b-15{margin-bottom:15px}
.m-t-20{margin-top:20px}
.m-b-20{margin-bottom:20px}
.m-r-20{margin-right:20px}
.hide{display:none}
.bg-f7f7f7{background:#f7f7f7}
.wrapper-content{width:1200px;margin:0 auto}


body{ background: url("../images/zzzs_index_bg.png") no-repeat top center; background-color: #f4fbfd;}

.header-top{background:#0068b7;height:48px;color:#fff}
.header-top .url{margin-right:30px}
.header-top .line{margin:0 11px}
.header-top .read{margin-left:30px}
.header-top a{color:#fff;font-size:14px;line-height:48px;cursor: pointer;}
.header-top .zhangzhe{ line-height: 14px; display: inline-block; padding: 8px 10px; background: #DD0900; border-radius: 12px;  margin-left: 16px;}

.footer{border-top:4px solid #015293;padding-bottom:30px}
.footer .select{border-bottom:1px solid #ddd;height:60px;padding-top:23px}
.footer .select select{background:0 0;border:none;margin-right:80px}
.footer .select select:focus{outline:0}
.footer .content{margin-top:30px;align-items: center;}
.footer .content div{line-height:1;margin-bottom:18px}
.footer .content div:last-child{margin-bottom:0}
.footer .link span{margin:0 15px}
.footer .address span,.footer .code span{margin-right:20px}
.footer .gongan{margin-right:3px;position:relative;top:-2px}

/* 闀胯€呭姪鎵嬮椤� */
.header-top-zzzs{ background: transparent; margin-bottom: 385px;}
.header-top-zzzs .row{ display: left; width: 200px; font-size: 20px; font-weight: bold;}
.header-top-zzzs .row img{ position: relative; top: 10px; }


.zzzs-index-row *{ box-sizing: border-box; }
.zzzs-index-row{ background: #FFF; padding: 24px; overflow: hidden; }
.zzzs-index-row .zzzs-h3{ text-align: center; font-weight: bold;  font-size: 48px; color: #015293; line-height: 100px; margin-bottom: 10px; }

/* 棣栭〉鎸夐挳 */
.zzzs-index-nav1{ padding:60px 24px 28px; margin-bottom: 60px;}
.zzzs-index-nav1 a{ float: left; width: 264px; height: 236px; padding: 36px 0 0 0; text-align: center; margin:0 32px 32px 0; font-size: 34px; font-weight: bold; color: #FFF; border-radius: 20px 0 20px 0; }
.zzzs-index-nav1 a img{ display: block; width: 100px; height: 100px; margin: 0 auto 20px;}
.zzzs-index-nav1 a:nth-child(4n){ margin-right: 0;}
.zzzs-index-nav1 a:hover{transform:scale(1.07,1.07);}

.zzzs-index-nav2{ padding-bottom: 17px; }
.zzzs-index-nav2 .row{ overflow: hidden; }
.zzzs-index-nav2 .row a{ float: left; padding: 38px; display: flex; align-items: center; justify-content: center; width: 364px; height: 192px; background: #f5f5f5; margin: 0 30px 30px 0; font-size: 35px; font-weight: bold; color: #015293; border-radius: 10px; }
.zzzs-index-nav2 .row a:nth-child(3n){ margin-right: 0;}
.zzzs-index-nav2 .row a:hover{ background: #55a3ff; color: #FFF; }

/* 鍒楄〃椤� */
.zzzs-list ,.zzzs-list *{ box-sizing: border-box; }
.zzzs-list {background: #FFF; padding: 0px 30px 30px; overflow: hidden; margin-bottom: 80px; }
.zzzs-list .loader{ line-height: 90px; display: flex; align-items: center; font-size: 25px; border-bottom: 2px solid #015293;  color: #333;}
.zzzs-list .loader img{ margin-right: 15px; width: 27px; height: 30px; }
.zzzs-list .h3{ font-size: 39px; line-height: 120px; font-weight: bold; color: #005192; }

.zzzs-list .ul a{ display: block; height: 220px; border-radius: 10px; background: #f5f5f5; padding:30px 40px; position: relative;  margin-bottom: 40px; }
.zzzs-list .ul a:hover{ background: #55a3ff; color: #FFF; }
.zzzs-list .ul a .title{ font-size: 30px; line-height: 1.8; }
.zzzs-list .ul a .time{ position: absolute; bottom: 40px; right: 40px; font-size: 24px; }

.zzzs-list .de-head{ padding: 50px 0 20px;border-bottom: 1px solid #e5e5e5;}
.zzzs-list .de-head .title{  font-size: 42px; font-weight: bold; line-height: 70px; text-align: center; margin-bottom: 20px; }
.zzzs-list .de-head .info{ line-height: 50px; color: #999; font-size: 24px; overflow: hidden; }
.zzzs-list .de-head .info .left{ float: left; }
.zzzs-list .de-head .info .right{ float: right; }

.zzzs-list .detail{ padding: 0 30px; }
.zzzs-list .content{ font-size: 28px; line-height: 1.8; }
.zzzs-list .content img{ max-width: 100%; }
.zzzs-list .btn-main{ line-height: 80px; text-align: center; font-size: 30px; margin: 80px 0 0px; }
.zzzs-list .btn-main > div{ display: inline-block; }



.bg-color1{ background: #0068b7;}
.bg-color2{ background: #00bbaa;}
.bg-color3{ background: #aba217;}
.bg-color4{ background: #d9872f;}
.bg-color5{ background: #bc712f;}
.bg-color6{ background: #bb3500;}
.bg-color7{ background: #1680d0;}
.bg-color8{ background: #5444a8;}