* {margin: 0px;padding: 0px;}
body {font-family: "Microsoft YaHei", "微软雅黑", "宋体";font-size: 12px; line-height:26px; color:#424242;}
A:visited {text-decoration:none;}
A:link {text-decoration:none; color:#333;}
A:visited {color:#333;}
A:hover {color:red; text-decoration:underline;}
A:active {text-decoration:underline; background:none;}
img {border:0;}
li {list-style-type:none; list-style-position:outside; border:0;}
div {text-align:left;}
.clear {clear:both; height:0px; overflow: hidden;}
ul, ol {border:0; line-height:12px; *line-height: 14px; list-style:none;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:12px;}
h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul{margin:0; padding:0; border:0;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.red a:link,.red a:visited{color:#ff0000;}
.space {height:15px; line-height:15px;}
.top {height:751px; background:url(http://zt.cqxhw.net/imgl/zxlz/top.jpg) no-repeat top center;}
.toplink_black,.cqpd_foot_black {max-width:1920px; min-width:1200px; margin:0px auto;}
.tital {height:126px; background:url(http://www.cciserv.com/ztimg/gjlh/titalbg.jpg) no-repeat top center; width:1200px; margin:0px auto;}
.tital h1 {font-size:32px; text-align: center; color:#2f5898; font-weight:bold; line-height:70px;}
.tital h1 a {color:#2f5898;}
.tital h2 {font-size:16px; text-align: center; color:#888; }
.m1 { height:197px; background:url(http://zt.cqxhw.net/imgl/zxlz/m1.jpg) top center no-repeat;}

/*图片墙带右边新闻开始*/
.main1 {width:1200px; margin:0px auto;}
.main1 .left {float:left; width:700px; height:400px; overflow:hidden;}
.main1 .right {float:left; width:500px; height:400px; overflow:hidden; background:url(http://www.cciserv.com/ztimg/gjlh/newsbg.jpg) no-repeat top center;}
.main1 .right ol {width:440px; height:380px; overflow:hidden; padding:10px 30px;}
.main1 .right ol li {width:440px; height:42px; line-height:42px; font-size:18px; color:#fff; overflow:hidden;}
.main1 .right ol li a{color:#fff;}
.slideBox{width:700px;height:400px; position:relative; background-color:#000; margin-bottom:20px; overflow:hidden;}
.slideBox .hd{position:absolute; height:30px; right:14px; bottom:0px; z-index:2; overflow:hidden;}
.slideBox .hd ul{overflow:hidden; zoom:1; float:left;}
.slideBox .hd ul li{float:left; width:16px; height:30px; display:block; cursor:pointer; background: url(http://www.cq.xinhuanet.com/2019/imgl/dot.png) no-repeat -22px 0px; text-indent:-500px; overflow:hidden;}
.slideBox .hd ul li.on{background-position: -2px 0px;}
.slideBox .bd{position:relative; height:100%; z-index:1; overflow:hidden;}
.slideBox .bd img{width:700px; height:400px;}
.slideBox .bd span{width:700px; height:30px; bottom:0px; left: 0px; background: #000; position:absolute; filter: alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4;}
.slideBox .bd h1{width:700px; height:30px; bottom:0px; left:15px; position:absolute; font-size: 15px; font-weight:bold; color:#fff; line-height:30px; white-space:nowrap; overflow: hidden; color:#fff;}
.slideBox .bd h1 a:link,.slideBox .bd h1 a:visited{color:#fff;}
/*图片墙带右边新闻结束*/

.m2 { height:198px; background:url(http://zt.cqxhw.net/imgl/zxlz/m2.jpg) top center no-repeat;}

.dg-container{width: 100%;height: 600px;position: relative;}
.dg-wrapper{width: 660px;height: 470px;margin: 0 auto;position: relative;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-perspective: 1200px;-moz-perspective: 1200px;-o-perspective: 1200px;-ms-perspective: 1200px;perspective: 1200px;}
.dg-wrapper a{width: 660px;height: 470px;display: block;position: absolute;left: 0;top: 0;box-shadow: 0px 10px 20px rgba(0,0,0,0.3);}
.dg-wrapper a.dg-transition{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.dg-wrapper a img{display: block; width:660px; height:470px;}
.dg-wrapper a div{font-size:16px; color:#333;text-align: center;line-height: 50px;text-shadow: 1px 1px 1px rgba(255,255,255,0.5);font-size: 16px;width: 100%;bottom: -55px;display: none;position: absolute;left:0;}
.dg-wrapper a.dg-center div{display: block;}
.dg-container nav{width: 58px;position: absolute;z-index: 1000;bottom: 40px;left: 50%;margin-left: -29px;}
.dg-container nav span{text-indent: -9000px;float: left;cursor:pointer;width: 24px;height: 25px;opacity: 0.8;background: transparent url(http://www.cq.xinhuanet.com/2021/sce/images/arrows.png) no-repeat top left;}
.dg-container nav span:hover{opacity: 1;}
.dg-container nav span.dg-next{background-position: top right;margin-left: 10px;}
.dg-center{transform: translateX(0px) translateZ(0px) rotateY(0deg);}

.zzyj {width:1200px; margin:0px auto;}
.zzyj ul {width:1240px; overflow:hidden;}
.zzyj ul li{position:relative; width:580px; height:120px; float:left; margin-bottom:30px; margin:0 40px 60px 0;}
.zzyj ul li img{position:absolute; width:180px; height:120px; left:0px; top:0px;}
.zzyj ul li h1{position:absolute; width:380px; height:32px; left:200px;top:0px; line-height:32px; white-space: nowrap; font-size:18px; color:#424242; overflow: hidden;}
.zzyj ul li h2{position:absolute; width:380px; height:52px; line-height:26px; left:200px;top:35px; font-size:14px;  color: #888; overflow: hidden;}

.m3 { height:244px; background:url(http://zt.cqxhw.net/imgl/zxlz/m3.jpg) top center no-repeat;}
.m4 { height:201px; background:url(http://zt.cqxhw.net/imgl/zxlz/m4.jpg) top center no-repeat;}

.mtlist {width:1200px; margin:40px auto 40px auto;}
.mtlist ul{ width:1280px; overflow:hidden;}
.mtlist ul li{width:540px; height:105px; margin-right:100px; float:left; border-bottom: 1px dashed #a3a3a3; margin-bottom:30px;}
.mtlist ul li h1 { height:30px; padding:0px 10px; line-height:30px; background:#c80000; color:#fff; float:left; font-size:16px;}
.mtlist ul li h2 {height:30px; line-height:30px; font-weight:bold; font-size:20px; float:left; color:#0d47a1; width:520px; overflow:hidden;}
.mtlist ul li h2 a {color:#0d47a1;}
.mtlist ul li h3 { width:520px;  font-size:14px; float:left; color:#666; padding:10px 0 20px 0; line-height:26px;}

/* 智慧成果 */
.sjdTxtBox{ width:1172px; height:458px; background:url(http://zt.cqxhw.net/imgl/zxlz/bg05.jpg) no-repeat top center; margin:10px auto 120px auto;;}
.sjdTxtBox .hd{ width:288px; height:430px; padding:24px 26px 0 26px;  position:relative; float:left; overflow:hidden;}
.sjdTxtBox .hd ul li{width:86px; height:90px; margin: 0 5px 14px 5px; background-color:#cff2ff;cursor:pointer; float:left;}
.sjdTxtBox .hd ul li img{width:76px; height:88px; padding:2px 0 0 5px;}
.sjdTxtBox .hd ul li.on{ background:#4acbf9; color:#fff; font-weight:bold}
.sjdTxtBox .bd { width:820px; height:446px; padding:6px 0px 0 6px; float:right;overflow:hidden }
.sjdTxtBox .bd li{width:820px; height:446px; position:relative;  }
.sjdTxtBox .bd li img{width:380px; height:435px; position: absolute; left:0px; bottom:0px; }
.sjdTxtBox .bd li h2{width:140px; height:30px; line-height:30px; font-size:26px; font-weight:bold; color:#FFFFFF; position: absolute; left:430px; top:75px; }
.sjdTxtBox .bd li h3{width:300px; height:40px; line-height:20px; font-size:14px; color:#f7b666; position: absolute; left:482px; top:112px; }
.sjdTxtBox .bd li h4{width:370px; height:52px; line-height:26px; font-size:18px; color:#ff9a9d;  font-weight:bold; position: absolute; left:430px; top:170px; }
.sjdTxtBox .bd li p{width:358px; height:182px; line-height:26px; font-size:14px; color:#FFFFFF; position: absolute; left:430px; top:236px; }
@media (max-width: 768px) {
    .top{
        height: 270px;
        background-size: cover;
    }
    .tital{
        width: auto;
        height: auto;
        padding: 0 10px;
    }
    .tital h1{
        font-size: 28px;
        line-height: 40px;
    }
    .main1{
        overflow: hidden;
        width: auto;
        padding: 0 10px;
    }
    .main1 .left{
        float: none;
        width: auto;
        height: auto;
    }
    .main1 .right{
        float: none;
        width: auto;
        height: auto;
    }
    .main1 .right ol{
        width: auto;
        height: auto;
        box-sizing: border-box;
        padding: 0;
    }
    .main1 .right ol li{
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .slideBox{
        width: 100%;
        height: 300px;
    }
    .slideBox .bd img{
        width: 100%;
        height: 300px;
    }
    .slideBox .bd h1{
        width: 100%;
        left: 0;
        padding: 0 85px 0 15px;
        box-sizing: border-box;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .m4{
        height: 100px;
        background-size: cover;
    }
    .mtlist{
        width: auto;
        margin: 20px 10px 0;
    }
    .mtlist ul{
        width: auto;
    }
    .mtlist ul li{
        margin-right: 0;
        width: auto;
        float: none;
        height: auto;
        margin-bottom: 15px;
    }
    .mtlist ul li h2{
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        float: none;
    }
    .mtlist ul li h3{
        width: auto;
        float: none;
        padding-bottom: 15px;
    }
    .m1,.m2,.m3{
        height: 100px;
        background-size: cover;
    }
    .sjdTxtBox{
        width: auto;
        height: auto;
        margin-bottom: 0;
    }
    .sjdTxtBox .hd{
        width: auto;
        float: none;
    }
    .sjdTxtBox .bd{
        width: auto;
        float: none;
        box-sizing: border-box;
        padding: 0;
    }
    .sjdTxtBox .bd li{
        width: auto;
    }
    .sjdTxtBox .bd li img{
        width: 100%;
        height: auto;
    }
    .zzyj{
        width: auto;
        padding: 0 10px;
    }
    .zzyj ul{
        width: auto;
    }
    .zzyj ul li{
        width: auto;
        height: auto;
        float: none;
        overflow: hidden;
    }
    .zzyj ul li{
        display: block;
        margin-right: 0;
        margin-bottom: 10px;
        position: relative;
    }
    .zzyj ul li>a{
        z-index: 2;
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 30%;
    }
    .zzyj ul li img{
        position: static;
        height: auto;
        display: block;
        width: 100%;
    }
    .zzyj ul li h1{
        position: relative;
        top: 0;
        left: 0;
        padding-left: 35%;
        width: auto;
        text-overflow: ellipsis;
    }
    .zzyj ul li h2{
        position: relative;
         top: 0;
        left: 0;
        padding-left: 35%;
        width: auto;
         display: -webkit-box;
  -webkit-line-clamp: 2; /* 大约7行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
    }
.dg-container{
    height: 400px;
}
.dg-wrapper a div{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
    .dg-wrapper,.dg-wrapper a,.dg-wrapper a img{
        width: 100%;
        height: 280px;
    }

}