@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;
	background-color: #0005cd;
	background-image: url(top2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.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;}
#nav { 	width:1100px;height: 86px; padding-left:100px; color:#ffeb40; margin:833px auto 100px auto;} 
#nav a { margin:0 18px; color:#f1d01d;font-size: 20px; line-height:86px;	font-weight: bold;text-align: center;} 
#nav a:hover { color:#fff;}



.hotnews { width:1070px; height:80px; background:url(hotlogo.png) no-repeat 0px 10px;padding:0px 20px 30px 110px; margin:0 auto; position:relative;}
.hotnews h2{ width:1070px; height:50px; line-height:50px; text-align:center; font-size:40px;font-weight: bold;color:#fff; }
.hotnews h2 a{ color:#fff;}
.hotnews p{ width:1070px; height:42px;line-height:45px; text-align:center; font-size:14px; color:#7cadff;}
.line { width:1200px; height:10px;background:url(line.png) no-repeat top center;  margin: 0 auto 50px auto}

/*要闻区 */
.mainbox { width:1200px; height:542px; margin:0 auto 50px auto;overflow:hidden}
.dmt { width:698px; height:542px; float:left;}
.dmtdp { width:698px; height:393px;position:relative; margin-bottom:10px;}
.dmtdp img { width:698px; height:393px;position: absolute; left:0px; top:0px; z-index:1}
.dmtdp span { width:698px; height:65px;background:url(bg04.png) no-repeat bottom center;position: absolute; left:0px; bottom:0px; z-index:2}
.dmtdp h1 { width:678px; height:65px; font-size:18px; line-height:80px; color:#FFFFFF;position: absolute; left:10px; bottom:0px; z-index:3}
.dmtdp h1 a { color:#FFFFFF;}

.dmtxp { width:698px; height:139px; overflow:hidden;}
.dmtxp ul { width:715px;}
.dmtxp li { width:228px; height:139px; margin-right:7px; float:left}
.dmtxp li img { width:228px;}

.news { width:465px; height:542px; float:right;position:relative;  overflow:hidden}
.hotn { width:465px; height:250px;position:relative; margin-top:10px;margin-bottom:20px; margin-top:-1px;}
.hotn li { width:465px; height: auto;}
.hotn li a { color:#fff;}
.hotn li h2 { width:465px; font-size:23px;font-weight:bold; line-height:26px; padding-bottom:12px;}
.hotn li p { width:465px; color:#7cadff;font-size:14px;line-height:22px;overflow:hidden; text-align:justify;text-indent: 2em; padding-bottom:25px; }


.lbn{width:465px; height:276px; margin-bottom:38px; overflow:hidden; }
.lbn ul{ }
.lbn li{width:465px;height:46px;font-size:18px; line-height:46px;white-space:nowrap;word-break:keep-all;overflow:hidden;}
.lbn li a{ color:#fff}


/* 为民办实事 */
.yqd { width:1200px; height:618px;background:url(yqd.jpg) no-repeat top center; margin:0 auto 118px auto; position:relative;}
.sstp { width:581px; height:446px; position: absolute; left:0px; top:172px;}
.ssli { width:540px; height:330px; position: absolute; left:636px; top:330px;}
.ssli .bd{ }
.ssli .infoList li{width:522px;height:40px; line-height:40px;font-size:18px;	padding-left:18px;	background-image:url(wdot.png);	background-repeat: no-repeat;background-position: 0px 17px;white-space:nowrap;word-break:keep-all;overflow:hidden;}
.ssli .infoList li a{ color:#fff}


/* “秀”出金融之力 */
.xbox { width:100%; height:445px; background:url(bg01.png) no-repeat bottom center;margin: 0 auto 130px auto}
.xcjrbox { width:1200px; height:360px; padding-top:35px; margin: 0 auto}
.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://www.cq.xinhuanet.com/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; }
.sp1 { width:540px; height:148px; padding:212px 0 0 12px;  float:left;}
.sp1 li { width:263px; height:148px; float:left; margin-right:6px;}
.sp1 .videoPlay .img-wrap,.sp1 .videoPlay .img-wrap .vBtn,.sp1 .videoPlay .img-wrap .img img{ width:263px; height:148px;}
.sp2 { width:628px; height:348px;border: 10px solid #0043fb;margin:0 auto; float:right}
.sp2 .videoPlay .img-wrap,.sp2 .videoPlay .img-wrap .vBtn,.sp2 .videoPlay .img-wrap .img img{ width:628px; height:348px;}

/* 看金融消费者权益“保护网”  金融消保有“案”说*/
.ssbg { width:1200px; height:500px; background:url(bg02.png) no-repeat bottom center;margin: 0 auto 120px auto}
.jryd { width:450px; height:450px; padding-top:27px; float:left;}


#certify{position: relative;width: 695px; padding-top:180px; float:right}
#certify .swiper-container{padding-bottom: 60px;}
#certify .swiper-slide{width: 380px;height: 264px;background: #fff;box-shadow: 0 8px 30px #021f65;}
#certify .swiper-slide img{display:block;width: 380px;height:264px;}
#certify .swiper-slide p{line-height: 60px;padding-top: 0;text-align: center;color: #636363;font-size: 16px;margin: 0;}
#certify .swiper-pagination{width: 100%;bottom: 0px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 3px;background-color: #d5d5d5;width: 10px;height: 10px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active{background-color: #ffc03c;}
#certify .swiper-button-prev{left: 0px; top:320px;width: 45px;height: 27px;color:#ffc03c;background-position: 0 0;background-size: 100%;}
#certify .swiper-button-next{right: 0px;top:320px;width: 45px;height: 27px; color:#ffc03c;background-position: 0 -93px;background-size: 100%;}

/* 区县有消保 */
.lmbt01 { width:1200px; height:200px; background:url(bt01.jpg) no-repeat bottom center;margin: 0 auto 70px auto}
.list{ width:1140px; margin:40px auto; padding-bottom:60px;}
.list li{ width:1140px; height:300px; margin-bottom:40px;}
.list li .photo{ width:510px; height:300px; position:relative;}
.list li .photo img{ width:490px; height:290px;}
.list li .photo em{ width:490px; height:290px; border:1px solid #e5e5e5; position:absolute; bottom:0;right:0; z-index:-1;}
.list li.left .photo{ float:left;}
.list li.right .photo{ float:right;}
.list li .txt{ width:590px; height:300px;}
.list li.left .txt{ float: right;}
.list li.right .txt{ float: left;}
.list li .txt h1{ width:float; line-height:30px; font-size:20px;font-weight: bold; padding:15px 0; margin-top:10px; }
.list li .txt h1 a{color:#fff;}
.list li .txt h2{ width:84px; height:28px; line-height:28px; font-size:16px; color:#7cadff; text-align:center; border:1px solid #3e85ff;border-radius:4px; margin-top:27px;  }
.list li .txt h2 a{ color:#f1d01d;}
.list li .txt p{ width:float; font-size:14px; color:#7cadff; line-height:24px; max-height:96px; overflow:hidden; text-align:justify; border-top:1px dashed #3e85ff; padding-top:15px;}

/* 竞赛看消保 */
.zb { width:1200px; height:200px; margin: 0 auto 70px auto}

/* 金融机构在行动 */
.lmbt02 { width:1200px; height:200px; background:url(bt02.jpg) no-repeat bottom center;margin: 0 auto 10px auto}
.lmbt04 { width:1200px; height:55px; background:url(bt04.png) no-repeat bottom center;margin: 0 auto 46px auto}
.jrbox {width: 1200px;height: 550px;margin: 0 auto 100px auto;}
.yh { width:558px; height:550px;position:relative; float:left }
.yh .num { width:100%; height:12px;  position:absolute; text-align: center; font-size:0; left:0px; bottom:0px; z-index:1;}
.yh .num li{ margin: 0 6px; width:12px; height: 12px; overflow: hidden; cursor: pointer;display:inline-block; *display:inline; zoom:1; background-color:#c1c1c1;border-radius:6px;  }
.yh .num li.on{ background:#ffc03c;}
.yh .bd { width:558px; overflow: hidden;}
.yh .bd ul { width:558px; }
.yh .bd ul li { width:558px;height:88px; float: left; margin-bottom:15px; background-color:#2b57e0;overflow:hidden;}
.yh .bd ul li img { width:140px;height:88px; background-color:#FFFFFF; float:left}
.yh .bd ul li h1 {width:362px;height:88px;font-size:16px; line-height:22px; padding-right:25px;display:table; float:right}
.yh .bd ul li h1 a {color:#fff; display:table-cell; vertical-align:middle;}

.bx { width:558px; height:550px;position:relative; float:right }
.bx .num { width:100%; height:12px;  position:absolute; text-align: center; font-size:0; left:0px; bottom:0px; z-index:1;}
.bx .num li{ margin: 0 6px; width:12px; height: 12px; overflow: hidden; cursor: pointer;display:inline-block; *display:inline; zoom:1; background-color:#c1c1c1;border-radius:6px;  }
.bx .num li.on{ background:#ffc03c;}
.bx .bd { width:558px; overflow: hidden;}
.bx .bd ul { width:558px; }
.bx .bd ul li { width:558px;height:88px; float: left; margin-bottom:15px; background-color:#92845a;overflow:hidden;}
.bx .bd ul li img { width:140px;height:88px; background-color:#FFFFFF; float:left}
.bx .bd ul li h1 {width:362px;height:88px;font-size:16px; line-height:22px; padding-right:25px;display:table; float:right}
.bx .bd ul li h1 a {color:#fff; display:table-cell; vertical-align:middle;}

/* 镜头探现场 */
.lmbt03 { width:1200px; height:200px; background:url(bt03.jpg) no-repeat bottom center;margin: 0 auto 46px auto}
.txMovie{position:relative;width:1200px;height:690px; background:url(bgl.png) no-repeat top center;margin: 0 auto 110px auto}
	.focus_pic{width:1200px;height:690px;overflow:hidden;}
	.focus_pic li{vertical-align:top}
	.focus_pic img{width:980px;height:560px;display:inline-block;vertical-align:top}
	.focus_nav{position:absolute;left:1000px;top:178px;width:168px;height:460px;*zoom:1; padding-left:10px;  }
	:root .focus_nav{-ms-filter:none}
	.focus_nav ul{position:relative;*zoom:1;!important;  }
	.focus_nav li{position:relative;*zoom:1;float:left;display:inline;margin-bottom:20px; cursor:pointer;}

	.focus_nav .navPrev{width:33px;height:17px;background:url(prev.png) no-repeat top center; position:absolute; left:70px;top:-30px;text-indent: -9999px; }
	.focus_nav .navNext{width:33px;height:17px;background:url(next.png) no-repeat top center; position:absolute; left:70px;bottom:-10px;text-indent: -9999px;}
	.focus_nav img{width:168px;height:96px}
	
	.focus_text{position:absolute;width:760px;height:88px;left:190px;;bottom:20px;overflow:hidden}
	:root .focus_text{-ms-filter:none}
	.focus_text h2 {font-size:20px; line-height:30px;color:#fff;display:block;width:760px;}
	.focus_text ul{}
	
	
	.txMovie .focus_nav li .cover{position:absolute;top:0;left:0;width:168px;height:96px;line-height:999px;overflow:hidden;font-size:0;background:#040303;filter:alpha(opacity=30);opacity:.3}
	.txMovie .focus_nav li.on .cover{display:none}
	
/* 消保知识学一学 */
.xyx { width:100%; height:1030px;background:url(bg03.jpg) no-repeat top center;margin: 0 auto 100px auto }