/* CSS Document */


.govFunction .left .tabBox{min-height: 311px;}
.govFunction .left{ background-color: #fff; padding: 20px 30px;width: 745px; float: left; box-shadow: 0 0 15px #ccc;}
.govFunction .left .tabBox .tabTop span{font-size: 20px; line-height: 40px; height:40px;}
.govFunction .right{ background-color: #fff; box-shadow: 0 0 15px #ccc; padding:30px 20px;width: 328px;float: right;}
.govFunction .right li{margin-bottom: 18px; position: relative; line-height: 188px;transition: ease .2s;text-align: center;}
.govFunction .right li a{display: inline-block;text-align: center;color: #fff;font-size: 16px; line-height: 24px; vertical-align: middle;width: 100%;}
.govFunction .right li a span{display: block; margin-top: 10px;}
.govFunction .right li:last-child{margin-bottom: 0;}
/* .govFunction .right li a:hover{background: url(/szsi/static/2023res/bg/bg_govRight1.jpg) no-repeat center center; background-size: cover;;} */
.gov-fast1{background: url(/szsi/static/2023res/bg/bg_govRight1.jpg) no-repeat center center;background-size: cover;}
.gov-fast2{background: url(/szsi/static/2023res/bg/bg_govRight2.jpg) no-repeat center center;background-size: cover;}
.gov-fast3{background: url(/szsi/static/2023res/bg/bg_govRight3.jpg) no-repeat center center;background-size: cover;}
.gov-fast1,.gov-fast2,.gov-fast3{width: 328px;height: 188px;}
.icon-zw1{ background: url(/szsi/static/2023res/icons/icon_8.png) no-repeat center center;}
.icon-zw2{ background: url(/szsi/static/2023res/icons/icon_9.png) no-repeat center center;}
.icon-zw3{ background: url(/szsi/static/2023res/icons/icon_10.png) no-repeat center center;}
.icon-zw1,.icon-zw2,.icon-zw3{width: 72px; height: 72px;display: inline-block;vertical-align: middle;background-repeat: no-repeat;background-size: 100%; transition: ease .3s;}
.govFunction .right li:hover i{transform: scale(1.1);}
.govFunction .left .swiper-container{height: 245px;}


.leader{padding: 20px; background: url(/szsi/static/2023res/bg/bg_server.jpg) no-repeat center center #edf0f5;background-size: cover; margin-bottom: 30px;}
.leader h6{font-weight: normal; font-size: 30px; color:#005fd4; margin-bottom: 20px;}
.leaderIcon{width: 100%; overflow: hidden;}
.leaderIcon ul{width: 105%;}
.leaderIcon li{width: 18.4%;height: 150px;margin-right: 10px; overflow: hidden;text-align: center;float: left; line-height: 150px; background: #fff; position: relative;}
.leaderIcon li::after{width: 100%;height: 150px; content: ''; position: absolute;left: 0; top: 100%;z-index: 1; transition: ease .3s; background-image: url(/szsi/static/2023res/bg/bg_zhinan.jpg); background-repeat: no-repeat; background-position: 100% 0;}
.leaderIcon li a{display: inline-block;text-align: center;color: #000000;font-size: 16px; line-height: 24px; vertical-align: middle;width: 100%;position: relative;z-index: 2;}
.leaderIcon ul li span{display: block; font-size: 20px; margin-top: 16px;}
.leaderIcon li:hover::after{top: 0;}
.leaderIcon li a:hover{ color: #fff;}

.icon-serv1{background: url(/szsi/static/2023res/icons/icon_11.png) no-repeat center center;}
.icon-serv2{background: url(/szsi/static/2023res/icons/icon_12.png) no-repeat center center;}
.icon-serv3{background: url(/szsi/static/2023res/icons/icon_13.png) no-repeat center center;}
.icon-serv4{background: url(/szsi/static/2023res/icons/icon_14.png) no-repeat center center;}
.icon-serv5{background: url(/szsi/static/2023res/icons/icon_15.png) no-repeat center center;}
a:hover .icon-serv1{background: url(/szsi/static/2023res/icons/icon_11h.png) no-repeat center center;}
a:hover .icon-serv2{background: url(/szsi/static/2023res/icons/icon_12h.png) no-repeat center center;}
a:hover .icon-serv3{background: url(/szsi/static/2023res/icons/icon_13h.png) no-repeat center center;}
a:hover .icon-serv4{background: url(/szsi/static/2023res/icons/icon_14h.png) no-repeat center center;}
a:hover .icon-serv5{background: url(/szsi/static/2023res/icons/icon_15h.png) no-repeat center center;}
.icon-serv1,.icon-serv2,.icon-serv3,.icon-serv4,.icon-serv5,.icon-serv6{width: 60px; height: 60px;display: inline-block;vertical-align: middle;transition: ease .3s;background-size: cover;}

.govService .left,.govService .right{width: 550px;background-color: #fff;padding: 20px;box-shadow: 0 0 15px #ccc; float: left; min-height: 336px; margin-bottom: 50px;}
.govService .right{margin-left: 20px;}
.govService .right h4{ background-color: #005fd4;color: #fff;line-height: 63px;font-size: 20px; padding: 0 28px; margin-bottom: 2px; font-weight: normal;}
.icon-donw{width: 32px; height: 22px;display: inline-block; background: url(/szsi/static/2023res/icons/icon_download.png) no-repeat center center; vertical-align: middle; margin-right: 20px;}
.alist1{width: 345px;float: left}
.alist2{width: 187px;float: right}
.txtlink{ display: block; width: 100%;height: 113px;text-align: center; line-height: 113px;font-size: 20px;transition: ease .3s;color: #fff;background-color: #e36467; opacity: .9; margin-top: 10px;}
.alist2 a{display: block;height: 113px;text-align: center;line-height: 113px;color: #fff;font-size: 20px; margin-bottom: 15px; transition: ease .3s; opacity: 0.9;}
.alist2 a:nth-child(1){background-color: #1e67d0;}
.alist2 a:nth-child(2){background-color: #5bc5b8;}
.alist2 a:nth-child(3){background-color: #e0ac58; margin-bottom: 0;}
.alist2 a:hover{ opacity: 1; font-weight: bold;}
.txtlink:hover{opacity: 1;}
.govService .right .swiper-container{height: 245px;}


.tabHeader{width: 100%;display: table;text-align: center;}
.tabHeader span{display: inline-block;width: 200px;text-align: center; font-size: 20px; color: #333;border-radius: 10px 10px 0 0; background-color: #f6faff; line-height: 46px; margin: 0 1px; cursor: pointer; transition: ease .3s; box-shadow: 0 0 10px #ccc;}
.tabHeader span:hover,.tabHeader span.actived{ background-color: #005fd4; color: #fff;}
.tabContent{padding: 18px; border-radius: 20px; background-color: #fff; box-shadow: 0 0 15px #ccc; margin-bottom: 50px;}
.tabContent .item{display: none;}
.tabContent .item.actived{display: block;}
.topicList{width: 100%; overflow: hidden;}
.topicList ul{ width: 105%;}
.topicList ul li{ width: 30.9%;height: 188px;border-radius: 15px; overflow: hidden; margin: 0 15px 15px 0; float: left;}
.topicList ul li img{width: 100%; height: 100%; transition: ease .3s;}
.topicList ul li:hover img{transform: scale(1.1);}

.interact{width: 100%;display: table;}
.interact .left,.interact .right{width: 550px; padding:20px; background-color: #fff; box-shadow: 0 0 15px #ccc; float: left; overflow: hidden;}
.interact .right{margin-left: 20px;}
.interact-list h5 b{display: inline-block; padding: 0 10px; position: relative; height: 46px;line-height: 46px; font-size: 20px; color: #005fd4; font-weight: normal;}
.interact-list h5 b::before{height: 2px; background: #4a9aef; width: 38px; position: absolute;left: 0; bottom: 0; content: '';}
.interact-list h5 b::after{height: 2px;background: #005fd4; width: 70px; position: absolute;left: 38px; bottom: 0;content: '';}
.interTab span{ font-size: 13px; display: inline-block; padding: 0 8px; border-radius: 15px; border: 1px solid transparent; line-height: 24px; cursor: pointer;}
.interTab span.actived{ border: 1px solid #005fd4; background-color: #ebf0fa;}

.interact .int-tab-container .swiper-container{height: 245px;}


.fastTo{ padding:20px; background-color: #fff; box-shadow: 0 0 15px #ccc;width: 1160px;display: table; margin-top: 20px; }
.small-list{overflow: hidden; margin-bottom: 0px;}
.small-list ul{ width: 105%;}
.small-list ul li{width: 22.55%; float: left;margin-right: 20px; height: 86px;text-align: center; line-height: 86px; overflow: hidden;}
.small-list ul li a{display: block; color: #fff; width: 100%; height: 100%; font-size: 20px; transition: ease .3s;}
.small-list ul li a:hover{ transform: scale(1.1);}
.small-list ul li:nth-child(1) a{background-color: #2fb6b0;}
.small-list ul li:nth-child(2) a{background-color: #33d089;}
.small-list ul li:nth-child(3) a{background-color: #66b1ea;}
.small-list ul li:nth-child(4) a{background-color: #e66249;}

.icon-int1{background-image: url(/szsi/static/2023res/icons/icon_16.png);}
.icon-int2{background-image: url(/szsi/static/2023res/icons/icon_17.png);}
.icon-int3{background-image: url(/szsi/static/2023res/icons/icon_18.png);}
.icon-int4{background-image: url(/szsi/static/2023res/icons/icon_19.png);}
.icon-int1,.icon-int2,.icon-int3,.icon-int4{ display: inline-block; width: 48px; height: 48px; vertical-align: middle; margin-right: 15px;}


.interBtm{width: 100%; overflow: hidden; margin-top: 20px; margin-bottom: 0px;}
.interA{width: 488px; padding: 15px 40px; background: #dceaf2; float: left;}
.interA-right{ width: 280px; float: right;}
.interA-right h4{ font-size: 20px; color: #000; margin: 16px 0; font-weight: normal;}
.interA-right .gointerA{ display: inline-block; padding: 0px 20px; line-height: 42px; color: #fff; font-size: 18px; background: #1770c6;}
.interA-right p{font-size: 18px;color: #000; margin-top: 16px;}

.interB{width: 488px;padding: 15px 40px; background: #dceaf2; float: left; margin-left: 22px;}
.interB-right{ width: 280px; float: right;text-align: center;}
.interB-right h4{ font-size: 20px;font-weight: 600;  color: #333; margin:30px 0 20px 0; line-height: 30px;}
.interB-right p{font-size: 18px;color: #000; margin-top: 30px;}

.news-list{width: 100%;display: table-cell;background-color: #fff; padding: 30px; box-shadow: 0 0 15px #ccc; margin-bottom: 50px;}
.leftBar{width: 242px; float:left; margin-right: 16px; min-height: 400px;}
.leftBar h3{ line-height: 65px;text-align: center; font-size: 24px;color:#fff; background-color: #005fd4;}
.leftBar h3 span.icon-plus{display: inline-block; font-size: 24px; margin-left:10px;}
.sidebar ul li h4{ font-size: 16px; line-height: 50px; font-weight: normal;}
.icon-expand{ display: inline-block; width: 12px; height: 12px; vertical-align: middle; background: url(/szsi/static/2023res/icons/icon_arrow_menu.png) no-repeat center center;}
.sidebar ul li h4 .icon-expand{ margin: 0 12px 0 35px;}
.sidebar ul li{ margin-bottom: 1px;width: 100%; display: table; background-color: #f5f5f5;}
.sidebar ul li:hover h4{background-color: #63a5eb;}
.sidebar ul li h4 a{display: block;}
.sidebar ul li h4 a.actived{background-color: #63a5eb; color: #fff; }
.sidebar ul li.expand .icon-expand{width: 7px; height: 12px;background: url(/szsi/static/2023res/icons/icon_arrow_menu_expand.png) no-repeat center center;}
.sidebar ul li.expand h4 a{background-color: #63a5eb; color: #fff;}
.submenu{}
.submenu p a{ display: block; font-size: 16px; line-height: 50px; font-weight: normal;border-left: 1px solid transparent;padding-left: 57px;transition: ease .3s;}
.submenu p a:hover,.submenu p a.actived{color: #63a5eb; border-left:1px solid #63a5eb;}

.path{font-size: 14px; background-color: #f5f5f5; padding: 20px; color: #333;}
.path a{color: #333; margin: 0 10px;}
.path a:hover{color: #000}
.rightContent{width: 880px;float: right;}

.list{padding: 20px 20px 0 20px;}
.list ul{display: table;width: 100%;}
.list ul li{width: 100%;display: table; margin-bottom: 10px; line-height: 24px;}
.list ul li a{ display: block;width: 100%;}
.list ul li a:hover{color: #005fd4;}
.list ul li span{display: inline-block;width: 80%;font-size: 14px;overflow: hidden;text-overflow: ellipsis;float: left;	}
.list ul li em{font-style: normal;width: 18%;font-size: 14px;text-align: right;display: inline-block;}

.page{ width: 100%;display: table;text-align: right; margin: 25px 0; font-size: 14px;}
.page a{display: inline-block;padding: 5px 12px; border: 1px solid #ddd; margin-right: 5px; transition: ease .4s;}
.page .cur{ display: inline-block; padding: 5px 12px; border: 1px solid #1888df; background: #1888df; color: #fff; margin-right: 5px;}
.jump {border: 1px solid #bfbfbf;text-align: center;background-color: #fff;height: 29px;}
.selectpage {border: 1px solid #bfbfbf;margin: 5px;text-align: center;width: 70px;height: 29px;}
.page .current {background: #1888df;color: #fff;}

.news-detail{background-color: #fff;padding: 30px 30px 60px 30px;box-shadow: 0 0 15px #ccc;margin-bottom: 50px;}
.detailTitle{text-align: center; padding: 40px 50px; margin: 10px 0;color: #333;}
.bg_blue{background: #63a5eb; color: #fff;}
.detailTitle h3{font-size: 24px; line-height: 38px;}
.detailTitle h4{font-size: 14px;font-weight: normal;margin-top: 20px;}
.detailTitle h4 span{display: inline-block; margin: 0 10px;}
.detailContent{font-size: 14px; line-height: 24px;padding: 20px;}

.function-list{width: 100%;display: table; overflow: hidden;}
.function-list ul{width: 105%;;}
.function-list ul li{padding: 20px 18px;overflow: hidden;margin-top: 35px; border: 1px solid #DDDDDD;width: 40%;float: left; margin: 20px 15px; height: 210px;}
.function-list ul li img{width: 140px;height: 190px;float: left;}
.leaderInfo{ margin: 0 0 0 20px; width: 208px; float: left;}
.leaderInfo h3{font-size: 22px; margin:5px 0 15px 0;font-weight: normal;;}
.leaderInfo p{font-size: 14px;line-height: 24px;}
.goDetail{ display: inline-block; padding: 0 15px;color: #ffffff;background-color: #4c92e2; font-size: 14px;line-height: 30px; margin-top: 20px;}

.menuMap{ margin: 30px 0;}
.menuMap dl{width: 100%; border-left: 5px solid transparent; padding: 16px 0; background: #f5f5f5; margin-bottom: 2px; display: table; }
.menuMap dl:hover{ border-left: 5px solid #63a5eb;}
.menuMap dt{padding-left: 85px;font-size: 16px; color: #005fd4;font-weight: bold;}
.menuMap dd{padding-left: 85px; margin-top: 20px;}
.menuMap dd span{display: inline-block;width: 22%; font-size: 13px;}

.topic .tabContent{ position: relative; min-height: 600px; overflow: hidden; padding-bottom: 0;}
#topic-swiper{height: 600px;}
.mobileMenu,.mbBg{display: none;}


@media screen and (min-width:1000px) and (max-width:1200px) {
	.tabHeader span{width: 140px;}	
	.topicList ul li{ height: 160px;}
	.topic .tabContent,#topic-swiper{ min-height: 520px;}
	
	.govFunction .left{width: 600px;}
	.govFunction .right{width: 258px;}
	.gov-fast1, .gov-fast2, .gov-fast3{width: 100%;}
	
	.govService .left, .govService .right{width: 450px; padding: 10px;}
	.alist1{width: 62%;}
	.alist1 img{width: 100%;}
	.alist2{width: 35%;}
	.alist2 a{width: 100%; height: 97px;line-height: 97px;}
	
	.govService .right h4{line-height: 42px; height: 42px;}
	.tabTop span{padding: 0 10px; margin-right: 10px;;}
	.newsList ul li{margin: 5px 0;}
	.newsList ul li .right-txt{width: 70%;}
	.govService .right .swiper-container{height: 220px;}
	
	.interact .left, .interact .right{width: 440px;}
	.interTab{display: table;width: 100%; margin: 10px 0;}
	
	.fastTo{width: auto;}
	.interA,.interB{width: 419px;padding: 15px 20px;}
	.interA img,.interB img{width: 140px;}
	.interA-right,.interB-right{width: 200px;}
	.interB-right h4{margin: 10px 0 20px 0;}
	.interact .int-tab-container .swiper-container{height: 200px;}
	.interact .right{min-height: 300px;}
	.icon-int1, .icon-int2, .icon-int3, .icon-int4{margin-right: 10px;}
	.small-list ul li a{font-size: 18px;}
	
	.leftBar{width: 200px;}
	.rightContent{width: 700px;}
	.function-list ul li img{width: 120px; height: 170px;}
	.leaderInfo{width: 170px;}
	.detailTitle{padding: 15px;}
}

@media screen and (min-width:768px) and (max-width:1000px) {
	.tabHeader span{width: 110px;}	
	.topicList ul li{ height: 140px;}
	.topic .tabContent,#topic-swiper{ min-height: 460px;}
	
	.govFunction .left{width: 100%; float: none;}
	.govFunction .right{width: 100%; float: none; overflow: hidden; margin-top: 30px;}
	.govFunction .right li{width: 30%; float: left; margin: 0 10px;}
	
	.govService .left, .govService .right{width: auto;float: none;margin:20px 0; overflow: hidden;}
	.alist1{width: 65%;}
	.alist1 img{width: 100%;}
	.alist2{width: 33%;}
	.alist2 a{width: 100%; height: 142px;line-height: 142px;}
	
	.interact .left, .interact .right{width: 768px; float: none; margin: 20px 0; overflow: hidden !important;}
	.interact-list{width: 100%;}
	.small-list ul li{width: 47%; margin-bottom: 10px;}
	.interTab{}
	.fastTo{width: auto;}
	.interA,.interB{width: auto; float: none; padding: 15px 20px; margin: 20px 0;}
	.interA img,.interB img{width: 140px;}
	.interA-right,.interB-right{width: 70%;text-align: center;}
	.interB-right h4{margin: 10px 0 20px 0;}
	.interact .right{height: 290px;}
	.icon-int1, .icon-int2, .icon-int3, .icon-int4{margin-right: 10px;}
	.small-list ul li a{font-size: 18px;}
	
	.news-list{width: auto;}
	.leftBar{width: 28%;}
	.rightContent{width: 68%;}
	.function-list ul li{width: 85%; padding: 15px; height: auto; margin: 10px 0;}
	.function-list ul li img{width: 100px; height: 135px;}
	.leaderInfo{width: 70%;}
	.detailTitle{padding: 10px;}
	.goDetail{margin-top: 10px;}
	
	.tabTop span{font-size: 16px;}

	.detailContent p img,.detailContent img{width:100%;height:auto}
}

@media screen and (max-width:768px) {
	body{width: 100%;}
	.tabHeader span{width: 18%; font-size: 16px;}	
	.topicList ul li{ height: 100px; width: 45%;}
	.topic .tabContent,#topic-swiper{ min-height: 560px;}
	
	.govFunction,.govFunction .left .tabBox,.tabContainer,.swiper-container{width: 100%;}
	.govFunction .left{width: 100%; float: none; overflow: hidden; padding: 30px 0;}
	.govFunction .right{width: 100%; float: none; overflow: hidden; margin-top: 30px;padding: 20px 0;}
	.govFunction .right li{width: 29%; float: left; margin: 10px;}
	
	.newsList ul li .right-txt{width: 70%;}
	.swiper-container{ position: relative; overflow: hidden;}
	
	.govService .left, .govService .right{width: auto;float: none;margin:20px 0; overflow: hidden;}
	.alist1{width: 65%;}
	.alist1 img{width: 100%;}
	.alist2{width: 33%;}
	.alist2 a{width: 100%; height: 117px;line-height: 117px;}
	
	.leaderIcon li{width: 31%; margin-bottom: 10px;}
	
	.interact .left, .interact .right{width: 100%; margin: 20px 0;}
	.interTab{display: table;width: 100%; margin: 10px 0;}
	.fastTo{width: auto;}
	.interA,.interB{width: auto;padding: 15px 20px; float: none; margin: 20px 0;}
	.interA img,.interB img{width: 140px;}
	.interA-right,.interB-right{width: 60%;text-align: center;}
	.interB-right h4{margin: 10px 0 20px 0;}
	.interact .right{height: auto;}
	.icon-int1, .icon-int2, .icon-int3, .icon-int4{margin-right: 10px;}
	.small-list ul li a{font-size: 18px;}
	.small-list ul li{width: 45%; margin-bottom: 10px;}
	
	.rightContent{float: none; width: auto;}
	.news-list{width: auto;display: inherit;}
	.function-list ul li{width: 85%; padding: 15px; height: auto; margin: 10px 0;}
	.function-list ul li img{width: 100px; height: 135px;}
	.leaderInfo{width: 70%;}
	.detailTitle{padding: 10px;}
	.goDetail{margin-top: 10px;}
	.floatRight{display: none;}
	
	.tabTop span{font-size: 16px; padding: 0 10px; margin-right: 10px;}
	
	.icon-int1, .icon-int2, .icon-int3, .icon-int4{width: 32px; height: 32px; -webkit-background-size: 100% 100%;background-size: 100% 100%;}
	
	.news-detail{padding: 30px 5px 60px 5px; width: auto; display: block;}
	
	.leftBar{position: fixed;left: 0; top: 0; right: 0; bottom: 0; overflow: auto; background: rgba(0,0,0,.0);width: 100%;padding: 0px 0 0 0; transition: ease .3s; z-index: -1;}
	.leftBar h3{width: 70%;transform: translateX(-100%);transition: ease .3s;}
	.leftBar.actived{transform: translateX(0%); background: rgba(0,0,0,.7); z-index: 9;}
    .sidebar { width: 70%; height: 93vh; background-color: #ccc; position: relative; z-index: 3; transform: translateX(-100%); transition: ease .3s;}
	.leftBar.actived .sidebar, .leftBar.actived h3 { transform: translateX(0);}
	.mobileMenu{display: inline-block;width: 30px; margin-bottom: 10px;}
	.mobileMenu i{ display: block; height: 3px; background: #007AFF; margin-bottom: 3px; border-radius: 3px;}
	.mbBg{ position: absolute;left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; z-index: 1;}
	.mb-close{font-size: 40px; color: #fff; transform: rotate(45deg); display: inline-block; position: absolute;right: 20px; top: 20px;}
	.leftBar.actived .mbBg{display: block;}
	
	.detailContent p img,.detailContent img{width:100%;height:auto}
}


@media screen and (max-width:460px) {
	body{width: 100%;}
	.tabHeader span{width: 18%; font-size: 16px;}	
	.topicList ul li{ height: 100px; width: 45%;}
	.topic .tabContent,#topic-swiper{ height: auto;}
	
	.govFunction,.govFunction .left .tabBox,.tabContainer,.swiper-container{width: 100%;}
	.govFunction .left{width: 100%; float: none; overflow: hidden; padding: 30px 0;}
	.govFunction .right{width: 100%; float: none; overflow: hidden; margin-top: 30px;padding: 20px 0;}
	.govFunction .right li{width: 100%; float: none; margin: 10px 0;}
	
	.newsList ul li .right-txt{width: 60%;}
	.swiper-container{ position: relative; overflow: hidden;}
	
	.govService .left, .govService .right{width: auto;float: none;margin:20px 0; overflow: hidden; padding: 10px;}
	.alist1{width: 100%;}
	.alist1 img{width: 100%;}
	.alist2{width: 100%; margin-top: 10px;}
	.alist2 a{width: 100%; height: 62px;line-height: 62px;}
	
	.leaderIcon li{width: 45%; margin-bottom: 10px;}
	
	.leftBar{position: fixed;left: 0; top: 0; right: 0; bottom: 0; overflow: auto; background: rgba(0,0,0,.0);width: 100%;padding: 0px 0 0 0; transition: ease .3s; z-index: -1;}
	.leftBar h3{width: 70%;transform: translateX(-100%);transition: ease .3s;}
	.mobileMenu{display: inline-block;width: 30px; margin-bottom: 10px;}
	.mobileMenu i{ display: block; height: 3px; background: #007AFF; margin-bottom: 3px; border-radius: 3px;}
	
	.leftBar.actived{transform: translateX(0%);background: rgba(0,0,0,.7); z-index: 9;}
	.sidebar{width: 70%; height: 93vh; background-color: #ccc; position: relative;z-index: 3;transform: translateX(-100%);transition: ease .3s;}
	.leftBar.actived .sidebar,.leftBar.actived h3{transform: translateX(0)}
	.mbBg{ position: absolute;left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; z-index: 1;}
	.mb-close{font-size: 40px; color: #fff; transform: rotate(45deg); display: inline-block; position: absolute;right: 20px; top: 20px;}
	.leftBar.actived .mbBg{display: block;}
	.rightContent{float: none; width: auto;}
	.news-list{width: auto; padding: 10px;}
	.function-list ul li{width: 85%; padding: 15px; height: auto; margin: 10px 0;text-align: center;}
	.function-list ul li img{width: 40%; height: auto; }
	.leaderInfo{width: 50%;text-align: left;}
	.detailTitle{padding: 10px;}
	.goDetail{margin-top: 10px;}
	.floatRight{display: none;}
	
	.menuMap dd,.menuMap dt{padding-left: 30px;}
	.menuMap dd span{width: 48%;}
	
	.interA-right, .interB-right{width: 100%; float: none;}
	.interA, .interB{text-align: center;}
	
	.small-list ul li a{font-size: 16px;}
	.small-list ul li{width: 44%; margin-bottom: 10px;}
	.icon-int1, .icon-int2, .icon-int3, .icon-int4{margin-right: 5px;}
	
	
	.newsList ul li .right-txt{width: 60%; white-space: normal;text-overflow: inherit; line-height: 24px;}
	.newsList ul li .left-date{padding-right: 10px;}
	
	.tabTop span.actived::after{width: 50px;}
	
	.tabTop span{font-size: 16px; padding: 0 5px; margin-right: 5px;}
	
	.detailContent p img,.detailContent img{width:100%;height:auto}
}