@charset "utf-8";
body{background:#f8f8f8;}
a{text-decoration:none;color:#333;}
a:link{color:#000;text-decoration:none;}
a:visited{color:#000;text-decoration:none;}
a:hover{color:#941e23;text-decoration:none;}
/* ���� */
.header{width:100%; height: auto; background-image: url(/_res/special/22zqsk/top.png) !important; background-repeat: no-repeat; background-position: top center; overflow:hidden;}
.header .zcfw-banner{height:470px; }
.header .zcfw-logo{ position: absolute; left:0; top:20px;}
.header .zcfw-logo img{ height: 52px; width: auto;}
.header .zcfw-logo .img-title{ display: none;}
 /* ��� */
.wrapper{width:1060px;margin:0 auto;margin-bottom:50px;}
.mainbox{background:#ffffff;padding-top:20px;border-radius:8px 8px 8px 8px;box-shadow:0 0 20px 5px #d3dfe4;}
.conmd{padding:10px 20px;overflow:hidden;}
/* ��һ���� */
.con1bd{width:100%;padding:10px 0;}
.con1left{width:520px;float:left; text-align: center;}
.con1left a,.con1left img{display:block;width:100%;}
.con1left .title{ height: 32px;  line-height: 32px; display: block; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; }
.con1right{width:475px;float:right;}
/* ͨ�ñ���1 */
.contitle{width:100%;background:url(/_res/special/22zqsk/zc-titlebg.gif) left bottom repeat-x; position: relative; line-height:46px;}
.contitle .more{ position: absolute; right: 10px; top:10px; line-height:30px; font-size:14px;color:#575757;font-weight:normal;}
.contitle li{float:left;line-height:40px;color:#fff;font-weight:bold;font-size:20px; padding-left: 15px; margin-right: 10px; width: 115px;}
.contitle li a{ display: block;}
.contitle li.active{ background:url(/_res/special/22zqsk/zc-titleaon.png) top center no-repeat;  color: #fff; }
.contitle li.active a{  color: #fff; }
/* �����б�1 */
.tlist1{padding-top:8px;min-height:200px;}
.tlist1 li{text-align:left; height: 38px; line-height:38px;  padding-left:12px;background:url(/_res/special/22zqsk/dot.gif) 1px 17px no-repeat;}
.tlist1 li a{display:inline-block;  max-width: 450px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
/* ͨ�ñ���2 */
.contitle2{width:100%;height:38px;font-size:20px;font-weight:bold;line-height:38px;text-align:center;color:#fff;font-weight:bold;background:url(/_res/special/22zqsk/zc-bigtitlebg.gif) center center repeat-x;}
.contitle2 .tit{color:#fff;font-size:20px;font-weight:bold; display:inline-block; min-width: 268px; background:url(/_res/special/22zqsk/zc-bigtitle.png) center center no-repeat;}
/* �ڶ����� */
.con2bd{padding-top:40px;}
.con2cd ul{width:100%;margin-top:20px;}
.con2cd ul li{width:164px;float:left;margin:10px 20px;}
.con2cd ul li a img{margin:0 auto;display:block;width:30px;height:30px;}
.con2cd ul li a{display:block;font-size:16px; padding-top: 25px; height:90px;width:100%;background:url(/_res/special/22zqsk/con2cd.jpg) no-repeat;background-size:100% 100%;text-decoration:none;}
.con2cd ul li a:hover img{ webkit-transition:  -webkit-transform 0.7s ease-out; -moz-transition: -moz-transform 0.7s ease-out; transition: transform 0.7s ease-out; transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}
.con2cd ul li a p{text-align:center; height: 45px;  line-height:45px;color:#025082; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.con2cd ul li a:hover p{ color: #03619e;}
/* �������� */
.con3bd{width:100%;padding-top:40px;}
.con3ul{width:100%;padding-top:25px;overflow:hidden;}
.con3ul li{width:50%;float:left;text-align:left; height: 38px; line-height:38px;text-indent:12px;background:url(/_res/special/22zqsk/dot.gif) 1px 17px no-repeat;}
.con3ul li  a{ max-width: 430px; display: inline-block; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
/* ���IJ��� */
.con4bd{width:100%;padding-top:30px;}
.con4cd{margin-top:20px; margin-right: -20px;}
.con4cd li{width:228px;float:left; text-align:center;margin:10px 20px 0 0;padding:5px;border:1px solid #e5e5e5;}
.con4cd li h3{width:100%;margin:0 auto; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; height: 30px; line-height:30px;color:#0d7dbf;font-size:16px;}
.con4cd li h3 a{color:#0d7dbf;}
.con4cd li:hover{border:1px solid #0d7dbf;}
.con4cd li p{width:100%;margin:0 auto; height: 25px; line-height:25px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;color:#333;font-size:16px;font-weight:normal;}
.con4cd li .bigtitle{height:54px;line-height:54px;font-size:22px;}
/* ���岿�� */
.con5bd{width:100%;padding-top:30px;}
.con5title{background:url(/_res/special/22zqsk/contitle5-bg.png) bottom center repeat-x;}
.con5title .tit{ display: inline-block; background:url(/_res/special/22zqsk/contitle5-aon.png) right top no-repeat #0093d7; line-height:46px;color:#fff;font-weight:bold;font-size:20px; padding: 0 35px 0 22px;}
.con5img{width:100%;margin:20px 0;}
.con5img ul{ margin-right: -18px;}
.con5img li{float:left;width:155px;margin:0 18px 0 0;}
.con5img li a{ display: block;}
.con5img li img{width:100%;height:260px;}
@media (min-width: 992px) and (max-width: 1059px){
    .wrapper{width:992px;}
    .con1right{ width: 405px; }
    .tlist1 li a{ max-width: 390px;}
    .con2cd ul li{ width: 150px;}
    .con3ul li a{ max-width: 400px;}
    .con4cd li{ width: 211px;}
    .con5img ul{ margin-right: -10px;}
    .con5img li{width:150px;margin:0 10px 0 0;}
    .con5img li img{height:260px;}
}
@media (max-width: 991px){
    .wrapper{width:768px;}
    .header{  background-size: auto 300px;}
    .header .zcfw-banner{height:300px; }
    .con1left{ width: auto; float: none;}
    .con1left a, .con1left img{ height: auto;}
    .con1right{ width: auto; float: none; margin-top: 15px;}
    .con2bd{ padding-top: 20px;}
    .con2cd ul li{ width: 202px;}
    .con3ul li{ width: auto; float: none;}
    .con3ul li a,.tlist1 li a{ display: block; max-width: none; }
    .con3ul li  img,.tlist1 li img{ display: none;}
    .con4cd li{ width: 216px; }
    .con5img ul{ margin-right: -20px;}
    .con5img li{width:229px;margin:0 20px 10px 0;}
    .con5img li img{height:384px;}
}
@media (max-width: 767px){
    .wrapper{width:auto; margin-bottom: 20px;}
    .header{  padding: 0; background-size: auto 200px;}
    .header .zcfw-logo{ top:10px;}
    .header .zcfw-banner{height:200px; }
    .zt_rlink{ position: absolute; bottom:5px; top:auto;}
    .zt_rlink li a{ padding: 0 10px; line-height: 32px;}
    .conmd{ padding: 10px;}
    .mainbox{ padding-top: 0;}
    .contitle2 .tit{ min-width: auto; padding: 0 20px;}
    .con2cd ul li{ width: 48%; margin: 0 1% 20px 1%; }
    .con3bd{   padding-top: 20px;}
    .con4cd{margin-right: -2%;}
    .con4cd li {width:48%; margin-right: 2%; box-sizing: border-box;}
    .con5title .tit{     padding: 0 25px 0 12px;}
    .con5img{ margin: 10px 0;}
    .con5img ul{ margin-right: -2%;}
    .con5img li{ width: 31.3%; margin-right: 2%;}
    .con5img li:last-child{ margin-bottom: 0;}
    .con5img li img{ height: 389px;}
    .con5bd{ padding-top: 10px;}
}
@media (max-width: 667px){
    .con5img li img{ height: 335px;}
}
@media (max-width: 567px){
    .con5img li img{ height: 282px;}
}
@media (max-width: 500px){
    .con4cd{margin-right: 0;}
    .con4cd li {width:auto; float: none; margin-right: 0; box-sizing: border-box;}
    .con4cd li h3{ height: auto; white-space:normal;}
    .con5img ul{ margin-right: 0;}
    .con5img li{ width: auto; float: none; margin-right: 0;}
    .con5img li img{ height: auto;}
}