@charset "gb2312";
/* CSS Document */

.transparent{background:transparent;}
.zt-wapper{width:1002px; margin:0 auto 30px;}

.zt-title{text-align:center; background-color:#5FA2F0; color:#fff; font-size:24px; padding:25px 30px; line-height:160%; font-weight:700;}
.zt-max{padding-right:20px; padding-left:20px; font-size:.875em; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -moz-box-shadow:1px 2px 5px #ccc; -webkit-box-shadow:1px 2px 5px #ccc; box-shadow:1px 2px 5px #ccc; border:solid #ccc 1px; border-top:none; background-color:#fff;}
.zt-max .common-list-time li,
.zt-max .common-list-notime li{background:url(imagescommondot-line-ccc.gif) no-repeat right bottom;}
.zt-max .pagediv{background:none;}
.zt-max .common-list-time li a{width:88%;}
.zt-max .common-list-notime li a{width:92%;}


.zt-main{margin-bottom:20px;}
.zt-col2{width:49%; margin-bottom:20px;}
.zt-col2 li a{width:95%;}
.zt-columnName{height:40px; line-height:40px; border:solid #ebebeb 1px; background-color:#f7f7f7;}
.zt-columnName h2{padding-left:20px; padding-right:20px; float:left; position:relative;border-top:solid #3188d8 2px; background-color:#fff; border-right:solid #ebebeb 1px; border-left:solid #ebebeb 1px; border-bottom:solid #fff 2px; color:#3188d8; font-weight:700; top:-1px; left:-1px; padding-left:26px; padding-right:26px; font-size:16px; line-height:38px;}
.zt-columnName h2 a{color:#3188d8;}
.zt-box{border:solid #ebebeb 1px; border-top:none; padding-right:20px; padding-bottom:15px; padding-left:20px; color:#666;}
.zt-box a{color:#666;}
.zt-box a:hover{color:#3188d8;}
.zt-menu{text-align:center; padding-top:25px; padding-bottom:25px; line-height:180%; font-weight:700; border-top:solid #ebebeb 1px;}
.zt-menu a{color:#f60; margin-left:20px; margin-right:20px;}
.zt-menu a{color:#f60;}

.zt-pics{}
.zt-pics ul{margin:0 -1%; overflow:hidden; zoom:1;}
.zt-pics ul li{float:left; width:23%; margin:0 1%; text-align:center; line-height:160%;}
.zt-pics ul li img{display:block; width:100%; height:148px; margin-bottom:12px;}

.zt-txt{line-height:180%;}
.zt-txt p{margin-top:10px; margin-bottom:10px;}
.zt-txt .amore{color:#3188d8;font-weight:700; float:right;}
.zt-txt .amore:hover{color:#06c;}
.dept-more{text-align:right;}
.dept-more a{font-weight:700; line-height:180%; color:#3188d8;}
.dept-more a:hover{color:#06c;}


.zt-submenu{width:100%; overflow:hidden; line-height:40px;}
.zt-submenu ul li{width:33.3%; float:left; margin-bottom:15px; position:relative;}
.zt-submenu ul li a{display:block; padding-left:10%; padding-right:10%; background-color:#f0f0f0; color:#333; margin:0 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.zt-submenu ul li a i{ display:block; width:7px; height:13px; position:absolute; top:50%; margin-top:-7px; right:6%; background-image:url(imagessidemenu_icon.gif); background-repeat:no-repeat;}
.zt-submenu ul li a:hover{background-color:#3188d8; color:#fff; font-weight:700;}
.zt-submenu ul li a:hover i{background-position:0 -13px;}

.padd{padding-top:25px; padding-bottom:10px;}
.split-line{border-bottom:solid #ccc 1px; padding-bottom:15px; margin-bottom:15px;}
.red{color:#dc2925;}



/*responsive*/
@media (max-width: 1199px) {
.zt-wapper{width:98%;}
.zt-max .common-list-time li,
.zt-max .common-list-notime li{border-bottom:1px dashed #ccc; background:none;}
}


/*ipad*/
@media (max-width: 992px) {
.page-list li a{float:none; max-width:auto;}
.zt-pics ul li img{height:108px;}
}

/*mobile*/
@media (max-width:768px) {
.zt-wapper{width:98%;}
.zt-submenu ul li{width:49%;}
.zt-submenu ul li a:hover{font-weight:300;}
.zt-title{font-size:1.3em; padding:1em;}
.zt-pics ul li{width:31.3333%; margin-top:8px; margin-bottom:12px;}
.zt-pics ul li img{height:148px;}
.zt-pics ul li:nth-child(4){display:none;}
.zt-col2{width:100%;}
}


@media (max-width:480px) {
.zt-title{font-size:1.2em; padding:1em;}
.zt-box{padding-right:1em; padding-bottom:1em; padding-left:1em;}
.zt-submenu ul li{width:100%;}

.zt-pics ul li{width:48%;}
.zt-pics ul li img{height:148px;}
.zt-pics ul li:nth-child(4){display:block;}
}

@media (max-width:360px) {
.zt-pics ul li{width:98%; height:auto; margin-bottom:20px;}
.zt-pics ul li img{height:auto; margin-bottom:0;}
}
