@charset "utf-8";

.newztzl-bg{background:#f9f9f8 url(../images/newztzl_bg.jpg) center top no-repeat;}
.ztzl-header{height: 325px;}
.ztzl-header .logo{margin:20px 0 0 0;}
.ztzl-header-m{display: none;}

.ztzl-box .tit{margin-bottom: 25px; position: relative; text-align: center;}
.ztzl-box .tit:after{content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: #dddddd;}
.ztzl-box .tit h3{font-size: 1.75em;color: #345d91;}
.ztzl-box .tit h3:before, .ztzl-box .tit h3:after{content: ''; position: absolute; z-index: 1; top: 50%; margin-top: -8px; width: 15px; height: 15px; border: #dddddd 1px solid; background: #fff;}
.ztzl-box .tit h3:before{left: 0;}
.ztzl-box .tit h3:after{right: 0;}
.ztzl-box .tit h3 a{display: inline-block; position: relative; z-index: 5; padding: 0 18px; color: #345d91; font-weight: bold; background: #fff;}

.ztzl-tp-list ul li{width: 33.333%;float: left;margin-bottom: 30px;}
.ztzl-tp-list-wrap{margin:0 3%;border:1px solid #ccc;}
.ztzl-tp-list-wrap .zt-img{width: 100%;height: 100px;overflow: hidden;}
.ztzl-tp-list-wrap .zt-img img{width: 100%;height: 100%;display: block;}
.ztzl-tp-list-wrap .zt-tit{height: 50px;line-height: 50px;background: #f7f7f7;padding:0 10px;text-align: center;}

.ztzl-ygd .tab-card > .hd{background: unset;margin-bottom: 20px;}
.ztzl-ygd .tab-card > .hd li{margin-right: 20px;}
.ztzl-ygd-list li{width: 50%;float: left;}
.ztzl-ygd-list-wrap{border:3px solid #ddd;padding:15px 20px;margin:15px 2%;}
.ztzl-ygd-list-wrap .zt-tit{font-size: 1.125em;padding-bottom: 20px;}
.ztzl-ygd-list-wrap .ztzl-ygd-info{color: #999;}
.ztzl-ygd-list-wrap .ztzl-ygd-info span{padding-right: 10px;}







@media (max-width: 1023px) {
}

@media (max-width: 991px) {
	.ztzl-header{height: auto;position: relative;}
	.newztzl-bg{background: unset;}
	.ztzl-header-m{display: block;}
	.ztzl-header .logo{position: absolute;width: 30%;margin-top: 10px;}
	.ztzl-ygd-list-wrap .ztzl-ygd-info span{padding-right: 0px;display: block;}


	

}

@media (max-width: 768px) {
	.ztzl-tp-list ul li{width: 50%;}
}

@media (max-width: 640px) {

}


@media (max-width: 480px) {
	.ztzl-header .logo{width: 38%;margin-top: 8px;}
	.ztzl-tp-list ul li{width: 100%;margin-bottom: 15px;}
	.ztzl-tp-list-wrap .zt-img{height: auto;}
	.ztzl-ygd-box{margin-top: 20px;}
	.ztzl-ygd-list li{width: 100%;}
	.ztzl-ygd-list-wrap{margin:0 0 15px 0;}

}
@media (max-width: 414px) {

}


@media (max-width: 320px) {

}