/*ztfw index*/
.ztfw{margin:1rem auto;width: 100%; }
.ztfw ul{}
.ztfw ul li{width:17%; float: left;margin: 1.5% 1.5%;text-align: center;background-color: #f2f7ff;padding-top:0.8rem;border-radius: 0.4rem; line-height: 4rem;transition:all 0.5s;background: linear-gradient(134deg,#f1fafd, #e1f5fd);}
.ztfw ul li:hover{transform:scale(1.01);transition:all 0.5s;box-shadow:0 0 3px 3px #dde2ef}
.ztfw ul li span{font-size:4rem;line-height: 3.6rem;display: block; margin: 0 auto;color:#337ab7; padding-bottom: 0.5rem;}
.ztfw ul li a{font-size: 1.2rem;color: rgba(0,0,0,1.00);display: block;font-weight: 500;}

.ztfw-title{background: linear-gradient(134deg, #e1f5fd,#6fc5f5 );height:7rem; text-align: center;}
.ztfw-title h1{ line-height: 7rem;font-size:2.4rem;font-weight: bold;color:#337ab7;}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.ztfw ul li{width:22%;}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
	.ztfw ul li{width:30%;}
}
@media screen and (max-width: 479px) {   
	.ztfw ul li{width:47%;}
}



.ztfw-title-bg{background: linear-gradient(134deg,#6fc5f5, #e1f5fd );height:7rem; text-align: center;margin: 1rem auto;}
.ztfw-title-l h1{ line-height: 7rem;padding-left: 1rem;font-size:2.4rem;font-weight: bold;color:#fff; text-align: left;display:flex;margin: 0;align-content: center;float: left;}
.ztfw-title-l span{font-size:4rem;margin: 0 auto;color:#fff; padding-right: 0.5rem;display:flex;float: left;line-height: 7rem;margin-left: 1rem;}



/*ztfw 栏目*/
.ztfw-t-bg{position: relative;display:flex;float: right;}
.ztfw-t-bg img{width: 100%;}
.ztfw-change{top: 0;position: absolute;right: 2rem;z-index: +99;}
.ztfw-change h3{width:12rem;height:3rem;margin-top:2rem;line-height:3rem;color: #fff;font-size:1.2rem;cursor:pointer;background: rgba(1,1,1,0.5);background-size: 100% 100%;border-radius:0.5rem 0.5rem 0 0;margin-bottom: 0;}
.ztfw-change h3 span{font-size:1.5rem;line-height:3rem;color:#fff; padding-right: 0.5rem;}
.ztfw-change ul{display:none;background: rgba(0,90,140,0.70);margin: 0;}
.ztfw-change ul.current{display: block;}
.ztfw-change ul li a{display: block;height:3rem;line-height:3rem;text-align: center;color: #fff;font-size: 1.2rem;}
.ztfw-change ul li a:hover{background:#666;}




.ztfw-l{width:60%;}
.ztfw-r{width:37%;}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	
}
@media screen and (min-width: 480px) and (max-width: 767px) {
	.ztfw-l,.ztfw-r{width:100%;}
}
@media screen and (max-width: 479px) {   
	.ztfw-l,.ztfw-r{width:100%;}
}



.ztfw-search{position: relative;z-index: 6;padding-top:2%;justify-content: center;width:100%; margin: 0 auto;max-width: 100%;}
.ztfw-search-btn{margin: 0px auto;/* flex: 0 1 auto; */background: rgb(143,211,247,0.6);border-radius: 5px;padding: 3px;height: 4rem;/* display: flex; *//* flex-wrap: nowrap; */width: 100%;}
.ztfw-search-btn input{background: rgba(255, 255, 255, 0.8);border: none;height:3.5rem;outline: none;border-radius: 5px;border-top-right-radius: 0;border-bottom-right-radius: 0;flex: 1;font-size: 1.2rem;text-indent: 1em;width: 80%;float: left;}
.ztfw-search-btn button{border-radius: 5px;border: none;border-top-left-radius: 0;border-bottom-left-radius: 0;outline: none;background:no-repeat center #71c6f5;color: #fff;font-size:  1.3rem;padding:0 20px;cursor: pointer;width:20%;height: 3.5rem;float: right;}
.ztfw-search-btn button span{font-size: 2.2rem;}





.ztfw-zc-l{width:100%;margin-top: 1.5rem;}
.ztfw-zc .hd{ height:3rem;width:100%; border-bottom:1px solid #487bc5; line-height:3rem;position:relative; }
.ztfw-zc .hd ul{width:100%;}
.ztfw-zc .hd ul li{float:left;height:3rem;margin-right:2%;line-height:3rem;text-align:center;font-size:1.2rem;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.8rem;  zoom:1;  }
.ztfw-zc .bd li{ font-size:1.2rem;line-height:2.6rem; }
.ztfw-zc .bd li a{font-size:1.2rem;color: #000;}
.ztfw-zc .bd li a:hover{color:#487bc5}
.ztfw-zc .bd li .date{ float:right; color:#999;font-size: 0.8rem;}


.ztfw-cx{margin-top: 1rem;}
.ztfw-cx li{ font-size:1.2rem;line-height:2.6rem;float: left; background: #f7f7f7; padding: 0 2%; margin-right:4%; margin-bottom: 0.8rem;border-radius: 0.5rem;}
.ztfw-cx li a{font-size:1.2rem;color: #000;}

.ztfw-bs{margin-top:1.5rem;}
.ztfw-bs img{width: 100%;}

.ztfw-zw-title{background: linear-gradient(90deg,#eee,#f7f7f7 );height:3rem;}
.ztfw-zw-title h2{font-size:1.2rem;line-height:3rem;font-weight:800;padding-left: 1rem;color:#023e7a;margin: 0;}

.ztfw-zw-list{width:100%;margin-top: 1.5rem;}
.ztfw-zw-tab .hd{ height:3rem;width:100%; border-bottom:1px solid #487bc5; line-height:3rem;position:relative; }
.ztfw-zw-tab .hd ul{width:100%;}
.ztfw-zw-tab .hd ul li{float:left;height:3rem;line-height:3rem;text-align:center;font-size:1.0rem;cursor:pointer;font-weight:800;padding:0 1%;}
.ztfw-zw-tab .hd ul li a{color:#000;}
.ztfw-zw-tab .hd ul li.on{border-bottom:4px solid #487bc5;}
.ztfw-zw-tab .hd ul li.on a{color:#487bc5}
.ztfw-zw-tab .bd ul{ padding:0.8rem;  zoom:1;  }
.ztfw-zw-tab .bd li{ font-size:1.2rem;line-height:2.6rem; }
.ztfw-zw-tab .bd li a{font-size:1.2rem;color: #000;}
.ztfw-zw-tab .bd li a:hover{color:#487bc5}
.ztfw-zw-tab .bd li .date{ float:right; color:#999;font-size: 0.8rem;}

@media screen and (min-width: 480px) and (max-width: 767px) {
	.ztfw-zw-tab .hd{height:auto; border-bottom:0px solid #487bc5;}
}
@media screen and (max-width: 479px) {   
	.ztfw-zw-tab .hd{height:auto; border-bottom:0px solid #487bc5;}
}