@charset "UTF-8";
/* CSS Document */
*{margin:0;padding:0;border:0;list-style:none;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */ line-height:normal}
.clear{clear: both}
a{text-decoration:none; cursor: pointer; border: 0;padding: 0; margin: 0}
a:hover{ color: #d15149;text-decoration:none}
ul,li{ list-style: none; padding: 0; margin: 0}
p{ padding: 0 ;margin: 0}
img{ border: 0}
input,button,a {outline:0 none !important; blr:expression(this.onFocus=this.blur());}

/*通用头部样式开始*/
body{font-family: "Helvetica", "PingFangSC", "Microsoft Yahei", "微软雅黑", Arial, sans-serif; margin: 0; padding: 0; font-size: 0.24rem}
/*中间*/
.content{ width: 100%; margin:  0rem auto 0.4rem auto;  padding: 0 0.3rem} 

.more{ font-size: 0.28rem;  color: #cccccc;  width: 1.5rem; height: 0.6rem; text-align: center; line-height: 0.6rem; background: #f8f8f8 ; display: block;border-radius: 0.05rem; margin: 0.2rem auto 0 auto;}
.more:hover{ background: #f1f1f1 }

.zmhd_12333{ width: 100%; background: url(images_12333.png) no-repeat ;background-size: 100%; height: 4.89rem; padding: 0.6rem  0.6rem}
	.zmhd_12333 img{ width: 1.25rem; margin: 0 auto; display: block}
	.zmhd_12333_nr{ padding: 0.2rem 0 0 0; font-size: 0.26rem ; line-height: 0.45rem; text-align: justify}

/*列表*/
.wrap{margin:0 0 0.4rem 0; width: 100%}
.tabs{height:1rem; border-bottom: 0.01rem solid #dedede;}
.tabs a{display:block;float:left;color:#7d7d7d;text-align:center;line-height:1rem;font-size:0.28rem;text-decoration:none; margin: 0 1.8%; position: relative}
.tabs a.active{  color:#333; font-size: 0.32rem; }
.tabs a.active:after{ content: "";  background: #398fd7 ; width: 0.6rem; height: 0.04rem; position: absolute; bottom: 0; left: 50%; margin-left: -0.3rem}
.swiper-container{width:100%;border-top:0;}
.swiper-slide{width:100%;background:none;color:#333;height: inherit !important}
.swiper-wrapper {height: inherit !important}
.content-slide{padding: 0rem 0.3rem 0rem 0; }
.content-slide p{text-indent:2em;line-height:1.9;}
.swiper-container {margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;/* Fix of Webkit flickering */	z-index:1;}
.swiper-wrapper {position:relative;width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.content-slide_list{ display: block; border-bottom: 0.01rem solid #f1f1f1;width: 100%; margin: 0.25rem 0}
.content-slide_list .title{ font-size: 0.32rem; color: #333333; line-height: 0.45rem; position: relative}
.content-slide_list .inco_dhzx{ text-indent: 2em}
.content-slide_list .inco_dhzx:before{content: "";width: 0.3rem;height: 0.3rem;background: url(inco_dhzxsl.png) no-repeat;background-size: 100%;position: absolute;left: 0;top: 0.1rem}
.content-slide_list .time{ font-size: 0.24rem; color: #7d7d7d;padding: 0.1rem 0 0.2rem 0; font-weight: 300}
/*列表 end*/

/*图标*/
.button_box{ width: 100%; }
.button_box a{ width:47%; height: 1.25rem; margin-left: 4%; margin-top: 0.2rem; display: inline-block;  border-radius: 0.05rem; position: relative}
.button_box a:nth-child(1),.button_box a:nth-child(3),.button_box a:nth-child(5),.button_box a:nth-child(7){  margin-left: 0}
.button_box a:nth-child(1),.button_box a:nth-child(2),.button_box a:nth-child(3){  margin-top: 0}
.button_box a .title{ font-size: 0.3rem; color: #333333; line-height: 1.25rem; padding: 0 0 0 0.3rem}
	/*蓝色*/
	.back_blue{ background:#f5f9fd; position: relative}
	.back_blue:hover{ background:#f5f9fd; border: 0.01rem solid #74b0e3;-moz-box-shadow:0px 0px 5px #c3ddf3; -webkit-box-shadow:0px 0px 5px #c3ddf3; box-shadow:0px 0px 5px #c3ddf3;}
	.back_blue:hover .title{ color: #398fd7 }
	.back_blue:before{ content: ""; width: 100%; height: 100%; position: absolute; background: url(back_blue.png) no-repeat; background-size: 100%; left: 0;bottom: 0}
	/*绿色*/
	.back_green{ background:#f5fcfa; position: relative}
	.back_green:hover{ background:#f5fcfa; border: 0.01rem solid #7ad3ba;-moz-box-shadow:0px 0px 5px #c6ece1; -webkit-box-shadow:0px 0px 5px #c6ece1; box-shadow:0px 0px 5px #c6ece1;}
	.back_green:hover .title{ color: #42c09c}
	.back_green:before{ content: ""; width: 100%; height: 100%; position: absolute; background: url(back_green.png) no-repeat; background-size: 100%; left: 0;bottom: 0}
	/*深蓝*/
	.back_darkblue{ background:#f2f7fb; position: relative}
	.back_darkblue:hover{ background:#f2f7fb; border: 0.01rem solid #4c95cc;-moz-box-shadow:0px 0px 5px #b2d1e9; -webkit-box-shadow:0px 0px 5px #b2d1e9; box-shadow:0px 0px 5px #b2d1e9}
	.back_darkblue:hover .title{ color:#0068b7;}
	.back_darkblue:before{ content: ""; width: 100%; height: 100%; position: absolute; background: url(back_darkblue.png) no-repeat; background-size: 100%; left: 0;bottom: 0}
	/*橙色*/
	.back_orange{ background:#fef8f5; position: relative}
	.back_orange:hover{ background:#fef8f5; border: 0.01rem solid #f3a275;-moz-box-shadow:0px 0px 5px #fad7c4; -webkit-box-shadow:0px 0px 5px #fad7c4; box-shadow:0px 0px 5px #fad7c4;}
	.back_orange:hover .title{ color: #ee7a3a}
	.back_orange:before{ content: ""; width: 100%; height: 100%; position: absolute; background: url(back_orange.png) no-repeat; background-size: 100%; left: 0;bottom: 0}
	/*黄色*/
	.back_yellow{ background:#fffdf7; position: relative}
	.back_yellow:hover{ background:#fffdf7; border: 0.01rem solid #fce496;-moz-box-shadow:0px 0px 5px #fef4d2; -webkit-box-shadow:0px 0px 5px #fef4d2; box-shadow:0px 0px 5px #fef4d2;}
	.back_yellow:hover .title{ color: #ff9a64}
	.back_yellow:before{ content: ""; width: 100%; height: 100%; position: absolute; background: url(back_yellow.png) no-repeat; background-size: 100%; left: 0;bottom: 0}
	/*红色*/
	.back_red{ background:#fff8f8; position: relative}
	.back_red:hover{ background:#fff8f8; border: 0.01rem solid #fe9d9d;-moz-box-shadow:0px 0px 5px #ffd5d5; -webkit-box-shadow:0px 0px 5px #ffd5d5; box-shadow:0px 0px 5px #ffd5d5;}
	.back_red:hover .title{ color: rgb(254,116,116) }
	.back_red:before{ content: ""; width: 100%; height: 100%; position: absolute; background: url(back_red.png) no-repeat; background-size: 100%; left: 0;bottom: 0}

/*图片*/
.button_box_box img{ display: block; border-radius: 0.05rem; width: 0.8rem; height: 0.8rem; position: absolute; right: 0.2rem;top: 50%; margin-top: -0.4rem; -webkit-transition-duration: 0.6s;transition-duration: 0.6s;  }
.button_box_box:hover img { transform: rotate(-15deg);-ms-transform: rotate(-15deg);-moz-transform: rotate(-15deg);-webkit-transform: rotate(-15deg);-o-transform: rotate(-15deg);-webkit-transition-duration: 0.6s;transition-duration: 0.6s; }
/*图标 end*/

/*在线访谈 */
.zxft_box{}
.zxft_box .title{ font-size: 0.36rem; color: #333333; line-height: 0.45rem; font-weight:bold; border-bottom: 0.01rem solid #dedede; padding: 0.3rem 0}
.zxft_box .title span{ position: relative; padding: 0.3rem 0}
.zxft_box .title span:after{ content: "";  background: #398fd7 ; width: 0.6rem; height: 0.06rem; position: absolute; bottom: 0;left: 50%; margin-left: -0.3rem; margin-bottom: -0.04rem}
.zxft_box .title .nr{ list-style: none !important}
.zxft_box .details_title{ display: block; font-weight: bold; font-size: 0.3rem;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; color: #333;cursor: pointer !important}
.zxft_box .details_details{ }
.zxft_box .nr img{  width: 100% ;margin: 0.2rem 0}

.zxft_box .details_details p{  margin: 0.01rem 0 0 0;font-size: 0.24rem; line-height: 0.52rem; font-weight: 100; color: #333333}
.zxft_box .details_details p span{ color: #333}
.zxft_box .details_details p:first-child{ margin: 0.1rem 0 0 0;}
.zxft_box .details_details p.nr{word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}



/*在线访谈 end*/


.content_title {padding: 0 0;background: #f5f9fd;height: 0.7rem;text-align:left;line-height: 0.7rem;width: 100%; padding: 0 0.3rem}
.content_title span {font-size: 0.3rem;color: #398fd7;font-weight: 700;border-bottom: 0;display: inline-block;padding: 0;}

/*办理情况 */

.zxft_input{ width: 100%; height: 0.9rem;border: 0.01rem solid #dedede;border-radius: 0.1rem;line-height: 0.9rem; margin-top: 0.2rem } 
.zxft_input .input{  font-size: 0.28rem; color: #7d7d7d; width: 6.2rem; border: 0; height: 0.9rem; line-height: 0.9rem; background: none;padding:0 0.2rem;margin: 0; float: left}
.zxft_input .button{ display: block; width: 0.6rem; height: 0.9rem; background: url(inco_blqksearch.png) no-repeat center;background-size: 100%; float: left} 
.zxft_input:hover{ background: #f5f9fd;border: 0.01rem solid #398fd7;}
.zxft_input:hover .button{  background: url(inco_blqksearch_hover.png) no-repeat center;background-size: 100%} 

.blqk_box{}
.blqk_box .title{ font-size: 0.36rem; color: #333333; line-height: 0.45rem; font-weight:bold; border-bottom: 0.01rem solid #dedede; padding: 0.3rem 0}
.blqk_box .title span{ position: relative; padding: 0.3rem 0}
.blqk_box .title span:after{ content: "";  background: #398fd7 ; width: 0.6rem; height: 0.06rem; position: absolute; bottom: 0;left: 50%; margin-left: -0.3rem; margin-bottom: -0.04rem}
.blqk_box  .nr{ list-style: none !important}
.blqk_box .nr table{ border-collapse: collapse; border:0; width:100%; color: #333; float: left;  margin-top: 0.2rem } 
.blqk_box .nr table:first-child{ margin-left: 0}
.blqk_box .nr table th { border-collapse: collapse; background: #ebf4fb; line-height: 0.8rem; text-align: center; width: 33.3%; font-size: 0.26rem} 
.blqk_box .nr table td { line-height: 0.8rem; text-align: center; width: 33.3%;font-size: 0.28rem; border-bottom: 0.01rem solid #f1f1f1} 
.blqk_box .nr table td.blue { color: #398fd7; } 
.blqk_box .nr table td.grey{ color: #7d7d7d}
.blqk_box .nr table tr:hover { background: #f5f9fd;} 
/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
	.reveal-modal-bg { position: fixed; height: 100%;width: 100%;background: #000;background: rgba(0,0,0,.5);z-index: 100;display: none;top: 0;left: 0; }
	.reveal-modal {visibility: hidden;top: 50%; left: 50%;margin-left: -3.25rem; margin-top: -3.135rem; width: 6.5rem; height: 6.37rem; background:url(img_tcbj.png) no-repeat; background-size: 100%; position: absolute;z-index: 101; padding: 0.4rem 0.8rem}
	.reveal-modal .title{ font-size: 0.36rem; color: #398fd7; font-weight: bold; text-align: center; position: relative}
	.reveal-modal .title:before{content: "";  width: 0.3rem; height: 0.02rem; background:#398fd7; position: absolute; left:1rem; top: 0.3rem}
	.reveal-modal .title:after{content: "";  width: 0.3rem; height: 0.02rem; background:#398fd7; position: absolute; right: 1rem; top: 0.3rem}
	.reveal-modal .nr{ font-size: 0.32rem; line-height: 0.8rem; margin: 0.4rem 0;padding: 0;color: #333;}
	.reveal-modal .nr li{ margin: 0; padding: 0; list-style: none;line-height: 0.8rem;}
	.reveal-modal .nr span{ margin: 0  0.4rem 0  0 }
	.reveal-modal .close-reveal-modal {font-size: 0.32rem; width: 2rem; height: 0.8rem;  border-radius: 0.1rem; background: #fff; position: absolute;bottom: 0.3rem; left: 50%; margin-left: -1rem; color: #398fd7;font-weight: bold;cursor: pointer; text-align: center; line-height: 0.8rem} 
	.reveal-modal .close-reveal-modal:hover { background:#0068b7; color: #fff }


/*办理情况 end*/


.zmhd_button{}
.zmhd_button a{ display: inline-block; width: 3.3rem; height: 1rem; border-radius: 0.1rem; border:0.01rem solid #398fd7; font-size: 0.36rem; color: #0068b7; font-weight: bold;line-height: 1rem; margin-left: 0.1rem; margin-top: 0.4rem }
.zmhd_button a .inco_znzx{ display: block; width: 0.8rem; height: 0.8rem; background: url(inco_znzx.png) no-repeat ;background-size: 100%; float: left; margin: 0.1rem 0.1rem 0 0.2rem}
.zmhd_button a .inco_rgzx{ display: block; width: 0.8rem; height: 0.8rem; background: url(inci_rgzx.png) no-repeat ;background-size: 100%; float: left; margin: 0.1rem 0.1rem 0 0.2rem}

.zmhd_piaofu{ width: 1.4rem ;height: 1.4rem; border-radius: 0.1rem; -moz-box-shadow:0px 0px 10px rgb(51,51,51,0.1); -webkit-box-shadow:0px 0px 10px rgb(51,51,51,0.1); box-shadow:0px 0px 10px rgb(51,51,51,0.1); position:fixed; right: 0;top: 4rem; background: #fff; text-align: center; z-index: 1}
.zmhd_piaofu .inco_znzx{ display: block; width: 0.8rem; height: 0.8rem; background: url(inco_znzx.png) no-repeat ;background-size: 100%; margin: 0.1rem 0.1rem 0 0.2rem}