@charset "utf-8";
/* CSS Document */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, 
textarea,select  { margin:0; padding:0; }
*html{/*background-image:url(/about:blank);background-attachment:fixed;*/}
body{ font-size:12px; line-height:20px; color:#666;font-family:"Microsoft YaHei"; background: #fff; }
h1, h2, h3, h4, h5, h6{ font-size:12px;}
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
i{ display:inline-block;}
a { text-decoration:none; color:#666; cursor:pointer;}
a:hover { cursor:pointer; text-decoration:none;color:#222;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.'; }
.clearAll{ clear:both;zoom:1;}
a img { border:none; }
li.clear { float:none; width:auto; height:auto; padding:0; margin:0; }
input{ border:0 none; padding:0px; margin:0px;}
table { border-collapse: collapse; border-spacing: 0;}

.top a.link-data{display:none}

.pr{ position:relative;}
.pa{ position:absolute;}
.ftms{ font-family:"Microsoft YaHei"}

/*文字靠边*/
.tl { text-align:left!important; }.tc { text-align:center!important; }.tr { text-align:right!important; }
/*缩进*/
.ti2 { text-indent:2em; }  
/*字体粗细*/
.fb { font-weight:bold; }
.fn { font-weight:normal; }
.fl{ float:left;}
.fr{ float:right;}
.mm{ margin-left:auto; margin-right:auto;}
.bd1{ border:1px solid #ddd;}
.Bd_btm{ border-bottom:1px solid #ddd;}
.nbd{ border:0 none !important;}
.nbd td{ border:0 none !important;}

/*显示*/
.dil { display:inline; }
.bk { display:block !important;}
.dn{ display:none;}
.dik{ display:inline-block;}
.od { overflow:hidden }
.dtb{ display:table}
.vm{ vertical-align:middle}

/*自定义*/
/*行高*/
.lh18 { line-height:18px; }
.lh20 { line-height:20px; }
.lh22 { line-height:22px; }
.lh24 { line-height:24px; }
.lh25 { line-height:25px; }
.lh26 { line-height:26px; }
.lh30 { line-height:30px; }
.lh40{line-height: 40px;}

/*字体大小*/
.f12 { font-size:12px !important; }
.f14 { font-size:14px !important; }
.f16{font-size:16px !important;}
.f18{font-size:18px !important;}
.f20{font-size:20px !important; line-height:20px;}
.f22{font-size:22px; line-height:22px;}
.f24{font-size:24px; line-height:24px;}
.f26{font-size:26px; line-height:26px;}
.f28{font-size:28px; line-height:28px;}
.f30{font-size:30px; line-height:30px;}
.f36{font-size:36px; line-height:36px;}

/*间距与填充*/
.nbg{ background:none !important;}
.mt_5{ margin-top:5px;}.mt_10{ margin-top:10px;}.mt_15{ margin-top:15px;}.mt_20{ margin-top:20px;}
.ml_5{ margin-left:5px;}.ml_10{ margin-left:10px;}.ml_15{ margin-left:15px;}.ml_20{ margin-left:20px;}
.mr_5{ margin-right:5px;}.mr_10{ margin-right:10px;}.mr_15{ margin-right:15px;}.mr_20{ margin-right:20px;}
.mb_5{ margin-bottom:5px;}.mb_10{ margin-bottom:10px;}.mb_15{ margin-bottom:15px;}.mb_20{ margin-bottom:20px;}
.mg_0{ margin:0px !important;}
.mt_35{ margin-top:35px;}
.mt_40{ margin-top:40px !important;}

.pt_5{ margin-top:5px;}.pt_10{ margin-top:10px;}.pt_15{ margin-top:15px;}.pt_20{ margin-top:20px;}
.pl_5{ margin-left:5px;}.pl_10{ margin-left:10px;}.pl_15{ margin-left:15px;}.pl_20{ margin-left:20px;}
.pr_5{ margin-right:5px;}.pr_10{ margin-right:10px;}.pr_15{ margin-right:15px;}.pr_20{ margin-right:20px;}
.pb_5{ margin-bottom:5px;}.pb_10{ margin-bottom:10px;}.pb_15{ margin-bottom:15px;}.pb_20{ margin-bottom:20px;}
.pd_0{ padding:0px;}
.pd20{ padding:0 20px;}

.wa{ width:100% !important;}
.tuL{ text-decoration:underline}
.ttL{ text-decoration:line-through}

.zh{word-break:break-all;} /* 强制转行 */
.dq{ text-align:justify}   /* 两边对齐 */

/*宽度*/
.w1000{ width:1000px;}
.w980{ width:980px;}

/*高度*/
.h80{ height:80px;}
.w160{ width:160px;}
.w290{ width:290px !important}
.H190{ height:190px;}
.H150{ height:150px;}

/*颜色*/
.red{color:#ff2400;}
.col_red{ color:#d11111;}
.col_blue{ color:#1d6c9e;}
.col_grey { color:#999 !important;}
.col_blue2{ color:#38a6df}

.zH{ z-index:99;}

/*noscript*/
.noscriptTips{ width:400px; height:150px;padding:50px 50px; margin:-200px -250px; left:50%; position:fixed; _position:absolute; 
top:50%; background:#fff; z-index:99; border:1px solid #ddd; border-radius:10px; box-shadow:5px 5px 5px #ccc;}
.noscriptTips p{ padding-left:80px; font-size:14px;line-height:24px; width:320px;}
.noscriptTips em{ font-size:54px; display:inline-block;border:2px solid #ddd; border-radius:64px; width:64px; height:64px; text-
align:center; line-height:64px; color:#E1B8B8; left:0px; top:0px; position:absolute;}


/*页面样式*/
body{}
.center{ width:1200px; margin:0 auto;}

.header{height: 308px;background: url(/szsi/static/2023res/bg/bg_header.jpg) no-repeat center bottom #55a6f8;}
.header .top{width: 100%; display: table;}
.date{font-size: 14px; color: #fff; line-height: 45px; margin-top: 10px; max-width: 500px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;float: left;}
.icon-gov{width: 74px; height: 36px; display: inline-block; background: url(/szsi/static/2023res/icons/icon_gov.png) no-repeat center center; -webkit-background-size: 100% 100%;background-size: 100% 100%; vertical-align: middle; margin: 0 5px;}
.rightLink{float: right; width: 50%; padding-top: 10px; text-align: right;}
.icon-handicapped{display: inline-block;width: 18px; height: 22px; vertical-align: middle; background: url(/szsi/static/2023res/icons/icon_user.png) no-repeat center center;margin-right: 3px;}
.icon-old{display: inline-block;width: 22px; height: 22px;  background: url(/szsi/static/2023res/icons/icon_member.png) no-repeat center center; -webkit-background-size: 100% 100%;background-size: 100% 100%;vertical-align: -5px;margin-right: 3px; }
.a-icon{display: inline-block; background: #4498f1; color: #fff; border-radius: 45px; font-size: 14px; line-height: 45px; padding: 0 20px; margin: 0 0px;}
.a-icon:hover{ background: #005fd4; color: #fff;}
.icon-hot{display: inline-block;width: 22px; height: 12px; vertical-align: middle; background: url(/szsi/static/2023res/icons/icon_hot.png) no-repeat center center;vertical-align: 5px;margin-left: 0px;}

.logo{text-align: center;width: 100%; display: table; margin-top: 40px;}
.header-search{text-align: center;width: 560px; margin: 35px auto 0;}
.header-search .search-input{width: 360px; height: 45px; float: left;font-size: 14px; color: #575757; background: #fff; text-align: left; padding: 0 25px; line-height: 45px; border-radius: 8px 0 0 8px;}
.header-search .search-input::-webkit-input-placeholder{font-size: 12px; color: #b5b5b5;}
.header-search .search-submit{width: 94px;; height: 45px; float: right;text-align: center; color: #fff; font-size: 18px; border-radius: 0 8px 8px 0; background: #005fd4; cursor: pointer;}
.header-search form{width: 100%; display: flex;justify-content: center;}

			.header-search .search-input{
			    border-radius: 23px 0 0 23px;
				transition: box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out;
			}

			.header-search form input:hover {
				border-color: #005fd4;
				box-shadow: 0 0 10px rgba(51, 153, 255, 0.6);
			}

			.header-search .search-submit{
				border-radius: 0 25px 25px 0;
				cursor: pointer;
				transition: background-color 0.3s;
			}

.nav{line-height: 55px;height: 55px; background: #005fd4;text-align: center; }
.nav .center{width: 1156px; display: inline-block;}
.nav li{ width: 20%; float: left; text-align: center;}
.nav li a{color: #fff; font-size: 24px;display: block;transition: ease .3s;}
.nav li a:hover,.nav li.actived a{background: #63a5eb;}


.wrapper{padding: 65px 0 40px 0; background: url(/szsi/static/2023res/bg/bg_home1.jpg) no-repeat bottom center #f0f4ff;width: 100%;display: table;}
.container{border-radius: 4px; padding: 26px 30px 15px 30px; background: #FFFFFF;; width: 1140px;min-height: 400px;}
.icon-more{width: 35px; height: 25px;}

/*--footer--*/
.footer{padding:28px 0;width:100%;overflow:hidden;background:#f0f0f0;color:#717171}
.footerLeft{float:left;width:720px}
.footerlink{font-size:16px;margin-bottom:16px}
.link{display:inline-block;}
.link a{display:inline-block;padding:0 30px;color:#333;border-right:1px solid #6fb1f0;line-height:14px}
.link a:last-child{border-right:none}
.link a:first-child{padding-left:0}
.golink{display:inline-block}
.golink a{display:inline-block;width:117px;text-align:center;line-height:30px;border:1px solid #6fb1f0;border-radius:4px;color:#010101;margin-right:12px}
.icon-gongan{display: inline-block;width:18px; height: 20px; vertical-align: middle; background: url(/szsi/static/2023res/icons/icon_gongan.png) no-repeat center center; margin-right: 3px;}
.footlogo1{float:right;margin-top:26px;}
.footlogo1 img{display: inline-block; vertical-align: middle; margin-left: 56px;}
.footboxl{display:inline-block;line-height:24px}
.footboxl span{display:inline-block;margin-right:15px;font-size:14px;line-height: 27px;}

.floatRight{position: fixed;right:20px; top: 160px;z-index: 99;}
.floatRight ul li a{display: block;width: 57px;height: 57px;transition: ease 1s; position: relative; box-shadow: 0 0 10px #ccc;border-radius: 100%;}
.floatRight ul li a:hover{}
.floatRight ul li { margin-bottom: 20px;}
.floatRight ul li a .hoverImg{display: none; width: 120px; padding: 5px; background: #fff; position: absolute; left: -135px; top: -50px; border-radius: 4px;}
.floatRight ul li a .hoverImg img{ width: 100%;}
.floatRight ul li a:hover .hoverImg{ display: block;}
.icon-r1{background: url(/szsi/static/2023res/icons/icon_right1.png) no-repeat center center;}
.icon-r2{background: url(/szsi/static/2023res/icons/icon_right2.png) no-repeat center center;}
.icon-r3{background: url(/szsi/static/2023res/icons/icon_right3.png) no-repeat center center;}
.icon-r4{background: url(/szsi/static/2023res/icons/icon_right4.png) no-repeat center center;}
.icon-r5{background: url(/szsi/static/2023res/icons/icon_right5.png) no-repeat center center;}
.icon-r6{background: url(/szsi/static/2023res/icons/icon_right6.png) no-repeat center center;}

a:hover .icon-r1{background: url(/szsi/static/2023res/icons/icon_right1h.png) no-repeat center center;}
a:hover .icon-r2{background: url(/szsi/static/2023res/icons/icon_right2h.png) no-repeat center center;}
a:hover .icon-r3{background: url(/szsi/static/2023res/icons/icon_right3h.png) no-repeat center center;}
a:hover .icon-r4{background: url(/szsi/static/2023res/icons/icon_right4h.png) no-repeat center center;}
a:hover .icon-r5{background: url(/szsi/static/2023res/icons/icon_right5h.png) no-repeat center center;}
a:hover .icon-r6{background: url(/szsi/static/2023res/icons/icon_right6h.png) no-repeat center center;}
.icons{display: inline-block; width: 57px;height: 57px;background-repeat: no-repeat;border-radius: 100%;}

/* 新闻tab切换 */
.tabTop{width: 100%;display: table;}
.icon-news-more{display: inline-block;width: 20px; height: 20px;line-height: 20px;text-align: center; font-size: 14px; font-weight: bold;color: #fff; background: #005fd4;float: right; margin-top: 13px;}
.tabTop span{display: inline-block; padding: 0 18px; position: relative; height: 46px;line-height: 46px; font-size: 18px; margin-right: 20px; cursor: pointer;}
.tabTop span.actived{color: #005fd4;}
.tabTop span.actived::before{height: 2px; background: #4a9aef; width: 38px; position: absolute;left: 0; bottom: 0; content: '';}
.tabTop span.actived::after{height: 2px;background: #005fd4; width: 70px; position: absolute;left: 38px; bottom: 0;content: '';}
.tabContainer{ margin-top: 10px; position: relative;overflow: hidden;}
.tabItem {opacity: 0;transition: ease .3s; transform: translateX(100%);z-index: -1;height: 1px; overflow: hidden;}
.tabItem.actived{opacity: 1; transform: translateX(0); z-index: 1;display: block; height: auto;}
.newsList ul li{width: 100%;display: table; margin:13px 0;overflow: hidden;}
.newsList ul li a{width: 100%;display: block; overflow: hidden;}
.newsList ul li .left-date{width: 60px;text-align: right; border-right: 1px solid #232323; padding-right: 28px; float: left; margin-right: 25px;}
.newsList ul li .left-date b{ font-size: 16px;display: block; margin-top: 5px; color: #c9caca;}
.newsList ul li .left-date span{ font-size: 12px; color: #c9caca;font-weight: bold;}
.newsList ul li .right-txt{  width: 65%;display: inline-block; font-size: 16px; line-height: 34px;float: left;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.newsList ul li a:hover .left-date b,.newsList ul li a:hover .left-date span,.newsList ul li a:hover .right-txt{ color: #005fd4;}


@media screen and (min-width:1000px) and (max-width:1200px) {
	.center,.nav .center{width: 980px;}
	.date{width: 45%;}
	.a-icon{padding: 0 10px;}
	.wrapper{padding: 45px 0 30px 0;}
	
	.footerLeft{width: 640px;}
	.footlogo1 img{margin-left: 15px;}
}

@media screen and (min-width:768px) and (max-width:1000px) {
	.center,.nav .center{width: 768px;}
	.header .top{display:block;}
	.header .top #wzaid{display:none;}
	.date{width: 100%;}
	.rightLink{width: 100%;}
	.a-icon{padding: 0 10px;}
	.wrapper{padding: 45px 0 30px 0;}
	.detailContent table {
		width: 100%!important;
	}
	
	.footerLeft{width: 100%; overflow: hidden;margin-bottom: 20px;}
	.footlogo1{margin-left: 15px;text-align: center;float: none; width: 100%;display: block; overflow: hidden;}
	.footlogo1 img{margin: 0 20px;}
	.logo{ margin-top: 15px;}
	.header-search{margin-top: 10px;}
}


@media screen and (min-width:300px) and (max-width: 768px) {
	.header .top{display:block;}
	.center,.nav .center{width: 100%;}
	.date{width: 100%;display:none;}
	.header .top #wzaid{display:none;}
	.rightLink{width: 100%;}
	.a-icon{padding: 0 10px;}
	.wrapper{padding: 10px 0 30px 0;}
	.header{ height: auto; padding-bottom: 30px; overflow: hidden;}
	
	.footerLeft{width: 100%; overflow: hidden;margin-bottom: 20px; padding: 0 10px;}
	.link a{padding: 0 15px; margin-bottom: 10px;}
	.footlogo1{text-align: center;float: none; width: 100%;display: block; overflow: hidden;padding: 0 10px;}
	.footlogo1 img{margin: 0 20px;}
	.logo{ padding-top: 15px;text-align: center; margin-top: 5px;}
	.logo img{width: 80%;}
	.header-search{margin-top: 10px;width: 90%;display: flex;}
	.header-search .search-input{width: 65.4%;}
	.header-search .search-submit{width: 25%;}
	
	.nav li a{font-size: 16px;}

	.detailContent table {
		width: 100%!important;
	}
	
	
}