@charset "utf-8";
/* CSS Document */

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:12px"Microsoft Yahei","Arial Narrow",HELVETICA;background:#fff;-webkit-text-size-adjust:100%;}
a{color:#333;text-decoration:none}
a:hover{color:#341b00;text-decoration:none;}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word; color:#666;}
.g-wp p{ color:#000;}

/*通用定义*/
.clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
.fl{ float:left;}
.fr{ float:right;}
.clearer{clear:both; height:0; display:block; font-size:1px;overflow:hidden;}

body{ max-width: 1920px; margin: 0 auto;}
.layout, .content{ width:1400px; margin:0 auto; position:relative;}

.boxMo{ min-width:1400px;}
.padV40{ padding: 40px 0;}
.marB60{ margin-bottom: 60px;}
.w700{ width: 700px;}
.w670{ width: 670px;}

.zt_banner{ height:777px; margin-bottom: -6px; background: url(banner.jpg) no-repeat center top;}
.zt_nav{ height: 101px; background: url(bg_nav.png) no-repeat center top;}
.zt_nav a{ position: relative; float: left; width: 280px; height: 101px; font: 28px/100px "Microsoft Yahei"; color: #fff; text-align: center;}
.zt_nav a:before{ position: absolute; top: 50%; right: 0; width: 26px; height: 59px; margin: -30px 0 0 -13px; background: url(icon_nav_tem.png) no-repeat center top; content: ""}

.headline{ display: flex; align-items: center; position: relative; min-height: 88px; padding-left: 76px;}
.headline:before{ position: absolute; top: 50%; left: 0; width: 48px; height: 87px; margin-top: -44px; background: url(icon_headline.png) no-repeat center top; content: ""}
.headline h2{ width: 100%; font: bold 48px/54px "Microsoft Yahei"; text-align: center;}
.headline h2 a{ color: #1d67a3;}

.box_ywjj{ height: 739px; padding-top: 30px; margin-bottom: 30px; background: url(bg_ywjj.jpg) no-repeat center top; box-sizing: border-box; overflow: hidden;}

.tit{ height: 173px;  background-repeat: no-repeat; background-position: center top}
.tit_ywjj{ background-image: url(tit_ywjj.png);}
.tit_zcjd{ background-image: url(tit_zcjd.png);}
.tit_gjfx{ background-image: url(tit_gjfx.png);}
.tit_rmbd{ background-image: url(tit_rmbd.png);}

.picFocus{width:1400px;position:relative;height:452px; background: url(bg_twjj_con.png) no-repeat center top; overflow:hidden;}
#picBox{ position: absolute; top: 28px; left: 30px; width: 696px; height: 390px; border: 2px solid #fff; border-radius: 20px; overflow:hidden; box-shadow: 0 0  20px 4px #5e8dc7;}
#showPic{ margin:0; padding:0; list-style:none; height:445px; width:9000px; position:absolute;}
#showPic li{ float:left; margin:0; padding:0; height:390px;width:696px;position:relative;}
#showPic li img{ float: left; display:block;width:696px;height:390px;}

#iconNum{ position: absolute; top: 38px; right: 0; width: 615px; }
#iconNum li{ position: relative; width: 615px; height: 72px; padding: 0 20px; font: 20px/70px "Microsoft Yahei"; color: #fff; }
#iconNum li:before{ position: absolute; top: 50%; left: 0; width: 6px; height: 6px; margin-top: -3px; background-color: #dee9ff; content: "";}
#iconNum li:after{ position: absolute; bottom: 0; left: 0; width: 595px; height: 0; border-bottom: 1px dashed #8aaffc; content: ""}
#iconNum li a{ display: block; width: 100%; height: 100%; color: #fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
#iconNum li.active{ background: #2e6ce0;
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(left, transparent, #2e6ce0); 
	/* Safari 4-5, Chrome 1-9 */ 
	/* -webkit-gradient(,  [, ]?,  [, ]? [, ]*) */
	background: -webkit-gradient(linear,left,from(transparent),to(#2e6ce0));
	/* Safari 5.1+, Chrome 10+ */
	background: -webkit-linear-gradient(left, transparent, #2e6ce0);
	/* Opera 11.10+ */
	background: -o-linear-gradient(left, transparent, #2e6ce0);}

a.btn_more{ float: right; width: 105px; height: 31px; margin-top: 12px; font: 16px/32px "Microsoft Yahei"; color: #fff; text-indent: 3em; background: url(bg_more.png) no-repeat center top;}

.img_box{ position: relative; width: 700px; height: 396px;}
.img_box img{ width: 100%; height: 100%;}
.img_box h3{ position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; padding: 0 10px; font: 18px/50px "Microsoft Yahei"; text-align: center; color: #fff; background: rgba(46,108,224,0.5); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; box-sizing: border-box;}

.news_list{}
.news_list li{ position: relative; height: 70px; padding-left: 20px; font: 20px/72px "Microsoft Yahei"; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border-bottom: 1px dashed #e0e0e0}
.news_list li:before{ position: absolute; top: 50%; left: 0; width: 6px; height: 6px; margin-top: -3px; background-color: #0871c2; content: ""}
.news_list li a{}

.box_rmbd{ height: 705px; padding-top: 30px; background: url(bg_rmbd.jpg) no-repeat center top; box-sizing: border-box;}
#slide { margin: 0 auto 0; width: 710px; height: 400px; position: relative;}

#slide li { position: absolute; width: 710px; display: -webkit-box;  display: -webkit-flex; display: flex; align-items: flex-start; -webkit-box-align: flex-start; -webkit-align-items: flex-start; text-align: center; overflow:hidden; }

#slide li img { width: 100%; height: 100%; }
#slide li h3{ position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; padding: 0 10px; font: 20px/60px "Microsoft Yahei"; text-align: center; color: #fff; background: rgba(46,108,224,0.5); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; box-sizing: border-box;}
#slide li h3 a{ color: #fff;}

.arrow .prev, .arrow .next { position: absolute; top: 50%; width: 40px; height: 82px; margin-top: -41px; background-image: url(arr.jpg); z-index: 10; cursor: pointer;}
.arrow .prev { left: -345px; background-position: 0 0;}
.arrow .next { right: -342px; background-position: -40px 0;}