@charset "utf-8";
html, body, div, p, hr, pre, h1, h2, h3, h4, h5, h6, table, tr, td, th, tfoot, tbody, thead, form, fieldset, input, textarea, label, ul, ol, dl, li, dt, dd { margin:0; padding:0; border:0; outline:none; list-style:none; font-weight: normal; }
html { height:100%; }

*html { _background-image:url(about:blank); _background-attachment:fixed; }
li { list-style-type:none; }
a { text-decoration:none; outline:none; color:#333; }
a:hover { text-decoration:none; }
table { border-collapse:collapse; border-spacing:0; margin:0 auto; clear:both; }
fieldset, img { border:0;vertical-align: top;}
.none { display:none; }
ul, ol {border: 0;line-height: 14px; *line-height: 14px;list-style: none;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size: 14px;}
h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul{margin: 0;padding: 0;border: 0;}
.clear { clear:both; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
q:before, q:after { content:''; }
em{font-style:normal}


.txtout li {white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;float:left;}

/* 链接颜色 */
a:link { color: #1b1b1b; text-decoration: none } 
a:visited { color: #1b1b1b; text-decoration: none } 
a:hover { color: #ff0000; text-decoration: none }
a:active { color: #ff0000; text-decoration: none } 

.red1 { COLOR: #b2171d}
.red1 a:link { COLOR: #b2171d; TEXT-DECORATION: none } 
.red1 a:visited { COLOR: #b2171d; TEXT-DECORATION: none } 
.red1 a:hover { COLOR: #b2171d; TEXT-DECORATION: none }
.red1 a:active { COLOR: #b2171d; TEXT-DECORATION: none }

.white1 { color: #ffffff;}
.white1 a:link {color: #ffffff;}
.white1 a:visited { color: #ffffff;}
.white1 a:hover { color: #ffffff;text-decoration: none}
.white1 a:active { color: #ffffff;text-decoration: none}
.blue1 { color: #8e8e8e;}
.blue1 a:link {color: #8e8e8e;}
.blue1 a:visited { color: #8e8e8e;}
.blue1 a:hover { color: #ff0000;text-decoration: none}
.blue1 a:active { color: #ff0000;text-decoration: none}
.blue1 { color: #909090;}
.grey1 a:link {color: #909090;}
.grey1 a:visited { color: #909090;}
.grey1 a:hover { color: #6f6f6f;text-decoration: none}
.grey1 a:active { color: #6f6f6f;text-decoration: none}





.rlink {float: right;padding-top: 16px;padding-right: 10px;}
.txt14 {
	font-size: 14px;
}
.left { float:left;}

.right { float:right}
.bold {
	font-weight: bold;
}
.dw {font: 0px/0px sans-serif;clear: both;display: block;}
.gline {
	border: 1px solid #dbdae2;

}
/* 布局 */
.web_20w {float: left;width: 20px;height:20px;overflow: hidden;}
.web_90h {height: 90px;width: 10px;overflow: hidden;clear:both;}

 
body {
	font-family: \5FAE\8F6F\96C5\9ED1;
	font-size: 12px;
}
.md10 { margin-bottom:10px;}
.mr12 { margin-right:12px;}
.w950 {
	width: 950px;
}
.toplink_black,.cqpd_foot_black{ max-width:1920px; min-width:1140px;margin:0 auto;}
.top { width:100%; height:790px;background:url(top.jpg) no-repeat top center; margin:0 auto 84px auto}

/* 要闻区 */

.bg01  { width:100%; height:500px; background:url(bg01.png) no-repeat top center; margin: 0 auto 80px auto}
.mainbox { width:1140px; height:500px; padding-left:60px; margin: 0 auto}
/* 大图滚动 */
.HotimgBox { position: relative; width: 600px; height: 400px; overflow: hidden; text-align: left; background: white; float: right; margin-top:35px; }
.HotimgBox .pic img { width: 600px; height: 400px; display: block; }
.HotimgBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 50px; width:100%;  background: #333; filter: alpha(opacity=50); opacity: 0.5; overflow: hidden; }
.HotimgBox .txt { position: absolute; bottom: 0; z-index: 2; height: 50px; width:100%; overflow: hidden; }
.HotimgBox .txt li{ height:50px; line-height:50px; position:absolute; bottom:-50px;font-size: 16px; padding-left:20px;color:#fff;}
.HotimgBox .txt li a{ color:#fff;}
.HotimgBox .num { position: absolute; z-index: 3; bottom: 20px; right: 10px; }
.HotimgBox .num li{ float: left; position: relative; width: 10px; height: 10px; line-height: 4px; overflow: hidden;margin-right: 6px; cursor: pointer;background:#fff;text-indent: -500px;border-radius:50%;opacity:0.4;}
.HotimgBox .num li.on { opacity:1;background:#62cff9;}

.news { width:500px; height:410px; margin-top:45px;  float:left;  overflow:hidden}
.hotn { width:500px; height:120px;position:relative; margin-top:10px;margin-bottom:40px;}
.hotn li { width:500px; height:120px;}
.hotn li h1 { width:500px; font-size:20px;font-weight:bold; line-height:26px; padding-bottom:10px;}
.hotn li p { width:500px; color:#666666;font-size:14px;font-family:\5FAE\8F6F\96C5\9ED1;line-height:26px;overflow:hidden; text-align:justify;}
.lbn{float:left;width:500px; height:230px;padding:5px 0px 0px 0px;color:#000;overflow:hidden; position:relative; }
.lbn .bd{ }
.lbn .infoList li{height:46px;font-size:18px;white-space:nowrap;word-break:keep-all;overflow:hidden;}
.lbn .infoList li span{ background-color:#52b4fe; padding:4px 6px; display:inline-block;border-radius: 0 0 30px 30px;border-radius: 5px; font-size:13px; color:#FFFFFF;  margin-right:10px;}

/* “大家庭”亮相 */
.bt01  { width:100%; height:140px;  background:url(bt01.png) no-repeat top center; margin: 0 auto 60px auto }
.bg02  { width:100%; height:658px;  background:url(bg02.png) no-repeat top center; margin: 0 auto 108px auto }
.msn-focus { width: 1200px; height: 658px; margin: 0 auto }
.msn-focus .hd {  width: 307px; height:557px;float:left; background-color:#4b89d7; overflow:hidden; }
.msn-focus .hd li { width:288px;height:61px; padding-left:19px; font-size: 16px; line-height:61px; font-weight:bold; background-color:#0055bf; border-bottom: 1px solid #4b89d7; float: left; color:#fff}
.msn-focus .hd .on { background-color:#0091fe; }
.msn-focus .hd .on a { background:url(an2.png) no-repeat top center;  color: #FFFFFF; font-weight:bold}
.msn-focus .hd a {  color:#fff;width:288px;height:61px;cursor:pointer; display:block;}

.msn-focus .bd { width: 880px; height:557px; float:right; background-color:#fff000 }
.msn-focus .bd li {  width: 880px; height: 557px; position: relative }

/* 本案例CSS */
.videoPlay .img-wrap { position: relative; float:left;}
.videoPlay .img-wrap .video-close { width: 18px; height: 18px; position: absolute; right: -1px; bottom: -18px; z-index: 20; background: url(http://cq.news.cn/2018/sce/zht/image/icon_video.png) no-repeat; cursor: pointer;  }
.videoPlay .img-wrap .iframe { width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: 15; }
.videoPlay .img-wrap .vBtn { position: absolute;  top: 0; left: 0; background: url(video1.png) center center no-repeat; cursor: pointer; z-index: 10; }
.videoPlay .img-wrap .dt { width:766px; height:152px;position: absolute;  bottom: 0; right: 0; background: url(bg03.png) center center no-repeat;  z-index: 3; }
.videoPlay .img-wrap .wzbt { width:710px; height:30px; font-size:22px; font-weight:bold; line-height:30px; color:#fff;position: absolute;  bottom: 105px; right: 30px;   z-index: 4; }
.videoPlay .img-wrap .wznr { width:710px; height:75px; font-size:15px;line-height:24px; color:#fff;position: absolute;  bottom: 20px; right: 30px;   z-index: 4;text-align:justify; }

.sp1 .videoPlay .img-wrap,.sp1 .videoPlay .img-wrap .vBtn,.sp1 .videoPlay .img-wrap .img img{ width:880px; height:557px;}

/* 企业发展历程 */
.qyfz { width:100%; height:770px;background:url(qyfz.png) no-repeat top center; margin:0 auto}
/* 大家庭知多少 */
.bt03 { width:100%; height:140px; background:url(bt03.png) no-repeat top center; margin: 0 auto 60px auto}
.tjbg { width:100%; height:743px;background:url(bg06.jpg) no-repeat top center; margin:0 auto 130px auto}
.tj { width:680px; height:743px; padding-left:365px; padding-right:10px; margin:0 auto; overflow: auto;}
.tj::-webkit-scrollbar { width: 10px;}
.tj::-webkit-scrollbar-track { background-color:#0059c3; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius:2em;}
.tj::-webkit-scrollbar-thumb { background-color:#8ce1fe; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius:2em;}

/* 揭秘住博会展厅 */
.bt02  { width:100%; height:120px;  background:url(bt02.png) no-repeat top center; margin: 0 auto 60px auto }
.ztsp { width:1200px; height:460px; background:url(bg05.png) no-repeat top center;margin:0 auto 28px auto}
.sp2 .videoPlay .img-wrap,.sp2 .videoPlay .img-wrap .vBtn,.sp2 .videoPlay .img-wrap .img img{ width:818px; height:460px;}
.ztjs { width:310px; height:300px; padding:130px 36px 0 0; font-size:16px; line-height:30px; color:#3d3d3d; text-align:justify;float:right;}

.jcsp { width:1200px; height:250px; margin:0 auto 80px auto; position:relative; }
.jcsp .bd{ width:1200px;height:190px; overflow:hidden;margin:0 auto;}
.jcsp .bd ul{  overflow:hidden; zoom:1; }
.jcsp .bd ul li { width:291px; height:190px; float:left;margin:0 12px 0 0;position:relative; }
.jcsp .bd ul li img { width:291px; height:190px;border: 1px solid #fff; position: absolute; left:0px; top:0px; }
.jcsp .prev,.jcsp .next{width:34px;height:34px;position:absolute;bottom:0;z-index:40; cursor:pointer; }
.jcsp .prev { background: url(djch_left.png) no-repeat left top; position: absolute; left: 550px; width: 34px; height:34px; z-index: 2 }
.jcsp .next { background: url(djch_right.png) no-repeat left bottom; position: absolute; right: 550px;width: 34px; height: 34px; z-index: 2 }

/* 净天地、润万物、惠民生 */
.hbg { width:100%; height:759px; padding-top:200px;background:url(bg04.jpg) no-repeat top center; margin:0 auto 120px auto}

#certify{position: relative;width: 1100px; margin:0 auto}
#certify .swiper-container{padding-bottom: 60px; padding-top:20px;}
#certify .swiper-slide{width: 335px;height: 624px;background:url(qq.png) no-repeat top center;box-shadow: 0 8px 30px #012b70;border-radius:50px;position: relative;}
#certify .swiper-slide img{ width:295px; height:551x; position: absolute; left:20px; top:55px;border-radius: 0 0 30px 30px;}
#certify .swiper-pagination{width: 100%;bottom: 0px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;border: 3px solid #cadaff;background-color: #cadaff;width: 8px;height: 8px;opacity: 1;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active{border: 3px solid #00aadc;background-color: #cadaff;}
#certify .swiper-button-prev{left: 0px;width: 45px;height: 45px; color:#FFFFFF;background-position: 0 0;background-size: 100%;}
#certify .swiper-button-prev:hover{background-position: 0 -46px;background-size: 100%}
#certify .swiper-button-next{right: 0px;width: 45px;height: 45px;color:#FFFFFF;background-position: 0 -93px;background-size: 100%;}
#certify .swiper-button-next:hover{background-position: 0 -139px;background-size: 100%}

/* 底部图标 */
.dlogo  { width:100%; height:420px; background:url(dlogo.png) no-repeat top center; margin: 0 auto 100px auto }