html, body, p, h1, h2, h3, h4, h5, h6, div, img, ul, li, ol, dl, dt, dd, span, input { margin: 0; padding: 0; font-family: Microsoft YaHei, Arial, Verdana, Helvetica, sans-serif; } .fl{float: left;} .fr{float: right;} ul li {list-style: none; } a{text-decoration:none; } a:hover{text-decoration:none; } img,img a{border:0} .center{margin:0 auto} .main{width:1000px;margin:0 auto;} body{background-color:#f7f7f7;font-family: "Microsoft YaHei","Arial","微软雅黑";} .banner{width: 100%; height: 250px; background: url(../images/ztzl/2610956.jpg) no-repeat center top; } .zt_logo{width:1039px;margin:0 auto;} .zt_logo img{float:right;margin-top: 20px;margin-right: 60px;} /* 面包屑 */ .BreadcrumbNav{width:100%;color: rgb(102, 102, 102); line-height: 30px; font-size: 14px; padding-top: 10px; padding-bottom: 10px; font-family: "微软雅黑";} .BreadcrumbNav a{ font-size:14px;color: rgb(102, 102, 102); } .common_list{background: #fff; margin-bottom: 20px; border-top: 2px solid #ccc;} .channel_tit2{ font-size: 18px; font-weight: bold; color: rgb(17, 108, 191); line-height: 40px; padding: 10px 0 0 10px; background: url(../images/ztzl/1685287.jpg) no-repeat left top; margin-top: -2px;} .list{padding: 10px 20px;} .list li{line-height: 32px;font-size: 14px;height: 32px; background: url(../images/ztzl/1685286.jpg) no-repeat left center; padding-left: 15px;} .list li:hover a,.list li:hover span{color:#db493a;} .list li a{display: inline-block;width: 72%; overflow: hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap; color: rgb(102, 102, 102);} .list li span{float: right;font-size: 14px;color: rgb(102, 102, 102); font-family: "微软雅黑"; } .pd20{padding: 30px 20px 0; } .listimg li{float:left;width: 30%; margin-top: 25px; padding: 1px; border: 1px solid #ddd; box-sizing: border-box;} .listimg{overflow: hidden;} .ctplb li{width: 30%;margin-left: 2.5%;margin-top: 25px; height: 300px; padding: 0; border: 0;} .ctplb li a img{width: 100%; height: 300px;} #pagination-input{ width:40px; height:24px; line-height:18px; margin:0 5px; padding:0; overflow:hidden; border:1px solid #ccc;} #page_div .pagination-index,#page_div .pagination-num{color: #666666;border: 1px #b2b2b2 solid;padding:5px 12px;margin-right:6px;text-align:center;font-size:14px;} #page_div .pagination-index a, #page_div .pagination-num a{padding:0px; margin:0px;text-align:center; color:#666666; display:block; font-size:14px; } #page_div pagination-num:hover, #page_div{padding:0px; margin:0px;text-align:center; font-size:14px;} #page_div .pagination_index_last{width:260px; float:right; text-align:right; margin:0 auto;} #page_div a.hover{background-color: #257295;color:#fff;font-size:14px;} #page_div a.hover a:hover{ color:#fff;} /*-------分页---------*/ .page_num{padding-top:36px; padding-bottom:20px;height:auto;overflow:hidden;width:96%;margin:auto;font-size:14px; clear: both;} #page_div{/* height:30px; */color:#000;margin:0 auto;line-height: 30px;} #page_div .pagination_index{ color: #104c6e; border: 1px #b2b2b2 solid; padding:3px 8px; margin-right:2px; float: left;text-align:center; font-size:12px;} #page_div .pagination_index a{padding:0px; margin:0px;text-align:center; color:#666666; display:block; font-size:12px;display: inline-block; } #page_div .pagination_index a:hover{color:#cc0001; font-size:12px;} #page_div div.page_loca{ background-color:#104c6e;} #page_div div.page_loca a{ color:#fff; font-size:12px;} #page_div div.page_loca a:hover{ color:#fff;} #page_div .pagination_index_last{border: none; width: auto; float: left; text-align: left;} #page_div .pagination_index_last .page_a_tz{ border: 1px #b2b2b2 solid; padding:3px 8px;} #pagination_input{ width:20px; height:16px; line-height:16px; margin:0 8px; padding:0; overflow:hidden; border:1px solid #ccc;} /*footer*/ .footer { background:#1369c0; font-size:14px; line-height:25px; color:#fff; padding:25px 0; } .footer .container{width:615px; margin:0 auto; font-size:14px; color:#fff; overflow: hidden;} .dz_icon{float:left; margin-top:15px;} .jc_icon{float:left; margin-top:25px;} .footer_1{float:left; text-align:left; margin-left:43px;} .footer_2{display:none;} @media screen and (max-width:991px){ .main{width:96%; padding:0 2%; margin:0 auto;} .BreadcrumbNav,.BreadcrumbNav a{ font-size: 13px;} .BreadcrumbNav{ padding-bottom: 15px;} } @media (max-width: 768px){ .footer .container { width: 100%;} .footer_1 { display: none;} .footer_2 { display: block; text-align: center;} .video .left a img{ width: 100%; height: auto;} .jc_icon, .dz_icon { display: none;} } @media (max-width: 465px){ .footer {padding: 15px 0;} } @media screen and (max-width: 420px){ .list li a{width: 62%;} .banner{height: 60px; background-size: 100%;} } @media screen and (max-width:320px){ .list li a{width: 62%;} }