.zt_dl > dt {


  font-size: 1.5em;


  border-bottom: 1px solid #ccc;


  padding: .5em 0;


  color: #337ab7;


}


.zt_dl > dd {


  margin-top: 1em;


}


.ztfw-block {


  display: flex;


  flex-direction: row;


  flex-wrap: wrap;


  align-items: stretch;


}


.ztfw-block .item {


  width: 25%;


  padding-right: 1.5em;


  padding-bottom: 1.5em;


}


.ztfw-block .item .warp {


  height: 100%;


  padding: 2em 1em;


  background-color: #f1f9ff;


  display: flex;


  flex-direction: column;


  align-content: center;


  justify-content: center;


  align-items: center;


  border-radius: 5px;


  -webkit-border-radius: 5px;


  -moz-border-radius: 5px;


  -ms-border-radius: 5px;


  -o-border-radius: 5px;


  box-shadow: 0 2px rgba(185, 206, 230, .5);


}


.ztfw-block .item .warp:hover {


  background-color: #e0eaf3;


}


.ztfw-block .item:nth-of-type(4),


.ztfw-block .item:nth-of-type(8),


.ztfw-block .item:nth-of-type(12) {


  padding-right: 0;


}


.ztfw-block .item .iconfont {


  font-size: 3em;


  opacity: .8 ;


}


.ztfw-block .item h3 {


  text-align: center;


  font-size: 1.5em;


  line-height: 1.4;


  font-weight: bold;


  padding-bottom: .5em;


}


.ztfw-block .item ul {


  padding-bottom: .5em;


  display: flex;


  flex-direction: row;


  flex-wrap: wrap;


  justify-content: center;


  align-items: center;


  align-content: center;


}


.ztfw-block .item ul li,


.ztfw-block .item ul li a {


  color: #777;


}


.ztfw-block .item ul li:not(:last-of-type)::after {


  content: '\2223';


  position: relative;


  top: -1px;


  opacity: .8;


  padding-left: .25em;


  padding-right: .25em;


}





.cxfw-block > .item {


  margin: 1em 0;


}


.cxfw-block > .item > dt {


  font-size: 1.25em;


  border-bottom: 1px solid #ccc;


  padding: .5em 0;


}


.zt_dl .cxfw-block > .item > dt {


  border-bottom: 0;


  padding: 0;


}


.cxfw-block > .item > dd > ul {


  display: flex;


  flex-direction: row;


  flex-wrap: wrap;


}


.cxfw-block > .item > dd > ul > li {


  width: 25%;


  padding-top: 1em;


  padding-right: 1em;


  display: flex;


}


.cxfw-block > .item > dd > ul > li:nth-of-type(4n) {


  padding-right: 0;


}


.cxfw-block > .item > dd > ul > li > a {


  width: 100%;


  padding: 1em .5em;


  background-color: #f0f6fc;


  display: flex;


  align-content: center;


  justify-content: center;


  align-items: center;


  text-align: center;


  border-radius: 5px;


  -webkit-border-radius: 5px;


  -moz-border-radius: 5px;


  -ms-border-radius: 5px;


  -o-border-radius: 5px;


}


.cxfw-block > .item > dd > ul > li > a:hover {


  background-color: #66a6e6;


  color: #fff;


}





@media screen and (max-width: 960px) {


  .cxfw-block > .item > dd > ul > li {


    width: 50%;


  }


  .cxfw-block > .item > dd > ul > li:nth-of-type(2n) {


    padding-right: 0;


  }


}


@media screen and (max-width: 576px) {


  .cxfw-block > .item > dd > ul > li {


    width: 100%;


  }


  .cxfw-block > .item > dd > ul > li {


    padding-right: 0;


  }


}





@media screen and (max-width: 1080px) {


  .zwfw-index {


    font-size: 14px;


  }


  .ztfw-block .item .warp {


    padding: 1em;


  }


}


@media screen and (max-width: 768px) {


  .ztfw-block .item {


    width: 33.333333333333336%;


  }


  .ztfw-block .item:nth-of-type(4),


  .ztfw-block .item:nth-of-type(8),


  .ztfw-block .item:nth-of-type(12),


  .ztfw-block .item:nth-of-type(16),


  .ztfw-block .item:nth-of-type(20) {


    padding-right: 1.5em;


  }


  .ztfw-block .item:nth-of-type(3),


  .ztfw-block .item:nth-of-type(6),


  .ztfw-block .item:nth-of-type(9),


  .ztfw-block .item:nth-of-type(12),


  .ztfw-block .item:nth-of-type(15),


  .ztfw-block .item:nth-of-type(18) {


    padding-right: 0;


  }


}


@media screen and (max-width: 576px) {


  .ztfw-block .item h3 {


    font-size: 1.125em;


  }


  .ztfw-block .item .warp {


    padding: .5em;


  }


  .ztfw-block .item {


    width: 50%;


  }


  .ztfw-block .item:nth-child(odd) {


    padding-right: 1.5em;


  }


  .ztfw-block .item:nth-child(even) {


    padding-right: 0;


  }


}




.ztfw-title-bg{background: linear-gradient(134deg,#6fc5f5, #e1f5fd );height:110px; text-align: center;margin: 1em auto;}

.ztfw-title-l{float:left;width:5ppx;}
.ztfw-title-l h1{line-height:110px;padding-left: 1em;font-size:40px;font-weight: bold;color:#fff; text-align: left;display:flex;margin: 0;align-content: center;float: left;}

.ztfw-title-l span{font-size:20px;margin: 0 auto;color:#fff; padding-right: 10px;display:flex;float: left;}

.ztfw-title-r{float:right;width:300px;}
.ztfw-title-r li{float:left;width:120px;}


.ztfw-l{width:60%;}
.ztfw-r{width:37%;}
.ztfw-zc-l{width:100%;margin-top:20px;}
.ztfw-zc .hd{ height:40px;width:100%; border-bottom:1px solid #487bc5; line-height:40px;position:relative; }
.ztfw-zc .hd ul{width:100%;}
.ztfw-zc .hd ul li{float:left;height:40px;margin-right:2%;line-height:40px;text-align:center;font-size:22px;cursor:pointer;font-weight: 800;padding:0 2%;}
.ztfw-zc .hd ul li a{color:#000;}
.ztfw-zc .hd ul li.on{border-bottom:4px solid #487bc5;}
.ztfw-zc .hd ul li.on a{color:#487bc5}
.ztfw-zc .bd ul{padding:0.8em;  zoom:1;height:210px;  }
.ztfw-zc .bd li a{font-size:16px;color: #000;height:38px;line-height:38px;}
.ztfw-zc .bd li a:hover{color:#487bc5}
.ztfw-zc .bd li .date{ float:right; color:#999;font-size: 14px;}

.ztfw-r .ztfw-zc{width:100%;margin-top:20px;}
.cxfw{height:210px;}
.cxfw li{height:40px;line-height:40px;border:solid 1px #ccc;border-radius:5px;margin:5px;}
.cxfw li a{padding-left:10px;}

.survery-call-box{width:430px;margin:0px;}
.survery-call-box .box img{margin-bottom:10px;}
.survery-call-box .box ul li {width: 101px;}
.survery-call-box .box ul li:hover {background: #c4d8e9;}
.survery-call-box .box ul li:nth-child(3n+3) {margin-right:8px;}
.survery-call-box .box ul li:nth-child(4n+4) {margin-right:0px;}
.survery-call-box .box ul {margin:0px}