﻿﻿/*重置样式*/
html,body,div,img,input,button,ul,li,p,input,button,iframe,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-weight: initial;}
body{font-family:'微软雅黑';}
li{list-style: none}
a{text-decoration:none;border:none}
img{border:none}
em{font-style: inherit;}
input,button{border: none;display:block;}
iframe{display:block; border:none;}
/*头部*/
.headerWarp{width: 100%; background: #eaeaea; margin-bottom: 20px; position: relative; overflow: hidden;}
.header{width: 1300px; margin: 0 auto; overflow: hidden;background: url(../images/headerBg2.png) no-repeat 635px 60px; padding-bottom: 37px;}
.headerTop{width: 100%; clear: both; height: 60px; overflow: hidden;}
.headerTop iframe{padding-top: 18px; float: left;}
.headerTop iframe body{background: #eaeaea;}
.headerTop p{float: right; font-size: 14px; line-height: 60px;}
.logo{float: left;}
.logo a img{height:auto !important;}
/*搜索*/
.search{float: right; margin-top:78px ; position: relative;}
.search input{background: #eaeaea;width: 283px; height: 40px; font-size: 16px; text-indent: 0.5em; border: 1px solid #2064af;border-radius: 20px;}
.search button{width: 40px; height: 40px; position: absolute; right: 0; top: 0; background:url(../images/search.jpg) no-repeat left center;}
/*导航*/
.nav{width: 100%; background: #247bdc;}
.nav ul{width: 1300px; height: 66px; line-height: 66px; margin:0 auto;background: #247bdc;}
.nav li {float: left;}
.nav li a{display: block; padding:0 56px; font-size: 18px; color: #fff;transition: background 1s,color 2s;}
.nav li a:hover{background: #fff; color:#247bdc; }
.nav>div{position: absolute; width: 40px; font-size: 0;display: none; height: 40px; text-align: center; background: #247bdc; right: 10px; top: 90px; z-index: 20;border-radius: 40px; overflow: hidden;}
.nav>div div{display: table-cell;vertical-align: middle; text-align: center;}
.nav>div span{display: inline-block; width: 22px; background: #fff; height: 3px;margin:2px 0;}
/*主题*/
.main{width:1300px; margin: 0 auto;}
.mainBox{width:100%; padding-bottom: 30px;  overflow: hidden;}
/*头条新闻*/
.leadNews{width:1290px;padding:15px 0 15px 10px; height:80px;margin-bottom: 20px;cursor:pointer;transition: box-shadow 1s;background: #fff}
.leadNews:hover{box-shadow: 0px 0px 15px #888888;}
.leadNews p{width: 93%;font-size: 16px; color: #747474; height: 40px; line-height: 40px; text-align: center;float:right;}
.leadNews a{font-size: 30px; color: #2165ae; font-family: '微软雅黑'; font-weight: bold;letter-spacing:2px;color:#47c}
/*焦点图*/
.banner {width: 582px;height: 328px;position: relative; float: left;}
.bannerWarp{margin:0 auto;position:relative;overflow:hidden;height: 328px;width: 582px;z-index: 1;}
.bannerLi{float: left; position: relative;}
.bannerLi span{display: block; position: absolute; z-index: 2; left: 0; bottom:0; width: 100%; height: 48px;line-height: 48px; background: rgba(0,0,0,0.5);}
.bannerLi span a{display: block; color: #fff; width: 80%; overflow: hidden; font-size: 16px; text-indent: 2em;}
.bannerMain{position:relative;width:100%;}
.bannerNav {position: absolute;right: 14px;text-align: center;bottom:14px; z-index: 3}
.bannerNav span{display:inline-block;width:9px;height:9px;border-radius:9px; border:solid 1px #fff; margin: 0 4px;cursor: pointer;}
.bannerNav .swiper-active-switch {border-color:#2063b1;}
/*工作状态*/
.gzdt{width: 680px; float: right;}
/*通用选项卡（工作状态、信息公开、互动交流）*/
.tabTitle{width: 100%;height: 44px;border-bottom:1px solid #d1d1d1; overflow: hidden;}
.tabTitle a {display: block;padding:0 30px; height: 24px; color: #2165ae;line-height: 22px; font-size: 22px; border-left: 1px solid #d2d2d2; float: left;}
.tabTitle a:first-child{border: none; padding-left: 15px;}
.tabTitle a.active {color: #a40000;}
.tabWarp{overflow:hidden;height:283px;width:100%;}
.tabMain{ padding: 10px 10px 0 0; position: relative;}
.tabLi{float: left;}
.tabLi div{height: 122px;color: #848484;transition:color 1s;cursor:pointer;}
.tabLi div:hover{color: #2165ae;}
.tabLi div:hover a{color: #2165ae;}
.tabLi div a{display: block;transition:color 1s; font-size:16px; color: #191919; height: 58px; line-height: 58px; width: 100%; overflow: hidden;}
.tabLi div span{ display: block; width: 100%; line-height: 27px; height: 54px; overflow: hidden; font-size: 14px;}
.tabLi ul li {height:40px;padding-left: 10px;cursor:pointer; line-height: 40px; overflow: hidden; background: url(../images/tabLiBg.jpg) no-repeat 0px 20px;}
.tabLi .gzdt_l{width: 80px;height:80px;float:left;background:#47c;margin-top: 20px;}
.gzdt_r{width: 83%;float:right;}
.tabLi ul li:hover{color:#2165ae;}
.tabLi ul li:hover a{color:#2165ae;}
.tabLi ul li span{float: right;}
.tabLi ul li a{float: left;color: #191919;transition:color 1s;}
/*信息公开*/
.xxgk{width: 847px; float: left;}
.xxgk .tabWarp{height: 207px;}
/*政府信息公开*/
.zfxxgk{width: 370px; height: 252px; float: right;}
.zfxxgk ul{overflow: hidden; padding:1px; }
.zfxxgk ul li{width: 50%;cursor:pointer; float: left; list-style-type: circle;list-style-position:inside; height: 20px; padding-top:41px;}
.zfxxgk ul li a{font-size: 18px; color: #191919; line-height: 20px;transition:color 1s;}
.zfxxgk ul li:hover a{color: #a40000;}
/*通用标题（政府信息公开、办事服务）*/
.titleTy{width: 100%; height: 69px; line-height: 69px;overflow: hidden;}
.titleTy img{float: left; padding-right: 24px;}
.titleTy span{float: left; display: block; font-size: 24px; color: #155c9a;}
.titleTy a{float: right; color: #a30001;font-size: 24px;display: block;}
/*副banner图*/
.subBanner{width: 100%; clear: both; margin-bottom: 30px;transition: box-shadow 1s;}
.subBanner:hover{box-shadow: 0px 0px 15px #888888;}
/*互动交流*/
.hdjl{width: 847px; float: left;}
.hdjl .tabWarp{height: 207px;}
/*办事服务*/
.bsfw{width: 370px; height: 252px; float: right;}
.bsfw ul{padding-top:10px; overflow: hidden; padding-left:20px;}
.bsfw ul li{width: 104px;height: 168px; text-align:center;border:1px solid #2064af; font-size: 19px;transition: box-shadow 1s; float: left; margin-right: 10px;}
.bsfw ul li:hover{box-shadow: 0px 0px 10px #2064af;}
.bsfw ul li a{display: block; color:#191919; }
.bsfw ul li span{display: block;}
.bsfw ul li em{display: block;}
/* 办事服务栏目页 */
.bszn-bgxz{width: 100%;height:417px;}
.bszn-bgxz_left{width: 670px;height:377px;float:left;padding: 20px 15px;border:1px solid #e8e8e8}
.bsfw_title{width: 175px;height:50px;background: #247bdc;text-align: center;}
.bsfw_title a{line-height: 50px;font-size: 18px;color:#fff}
.bszn_title tr{border-bottom: 1px dotted #000}
.bszn_title{width:655px;height:300px;border-collapse:collapse;}
.bszn_title .lie1{width: 535px;line-height: 50px;padding-left: 15px;}
.bszn_title .lie1 a{font-size:14px;color:#676767}
.bszn_title .lie2{width: 90px;line-height: 50px;}
.bszn_title .lie3{width: 90px;line-height: 50px;}
.bszn-bgxz_right{width: 560px;height:377px;float:right;padding: 20px 15px;border:1px solid #e8e8e8}
.bszn-bgxz_right li{height: 47px;line-height:47px;}
.bszn-bgxz_right li a{font-size: 14px;color:#676767;float:left;}
.bszn-bgxz_right li span{font-size: 14px;color:#676767;float:right;}
/* 办事服务栏目页结束 */

/* 蒙古语文开始 */
.mgyw{width: 100%;height:100px;margin-top: 12px;background: #247bdc}
/* 蒙古语文结束 */
/* 在线查询开始 */
.zxcx{width: 1268px;height:360px;padding: 20px 15px;margin-top: 12px;margin-bottom: 12px;border:1px solid #e8e8e8}
.zxcx li{height: 47px;line-height:47px;}
.zxcx li a{font-size: 14px;color:#676767;float:left;}
.zxcx li span{font-size: 14px;color:#676767;float:right;}
/* 在线查询结束 */
/*友情链接*/
.friendlink{padding:35px 0; width: 100%; background: #ededed;}
.friendlink ul{width: 1050px; margin: 0 auto; overflow: hidden;}
.friendlink li{border: 1px solid #2064af; background: #fff; font-size: 14px; margin: 0 5px;transition: background 1s; float: left;}
.friendlink li:hover{background: #2064af;}
.friendlink li:hover a{color: #fff;}
.friendlink li a{color: #2165ae; display: block; padding:5px 10px; transition: color 1s;}
/*页脚*/
.footer{padding:35px 0; width: 1000px; overflow: hidden; margin: 0 auto;}
.footerPic{width: 100px; float: left;}
.footerMSG{float: left;}
.footerMSG span{display: block;height: 30px;line-height: 30px; color: #818181; text-align: center; font-size: 14px;}
.footerMSG a{color: #818181; padding:0 10px; }
.footerMSG em{padding:0 10px; }

.crumbs{width: 1300px; height: 40px; line-height: 40px; padding:10px 0 30px; margin:0 auto; text-align: right; color: #656565; font-size: 14px;}
.crumbs a{color: #656565;}
.crumbs span{padding-right:10px;}
.mainPages{ width: 1300px;margin:0 auto;}
.mainPages>p{padding:0 10px; overflow: hidden; color: #888; font-size: 14px;}
.mainPages>p strong{display: block;width: 80%;font-weight: normal; margin: 0 auto; line-height: 30px; text-align: center; font-size: 26px; color: #247bdc;}
.mainPages>p span,.mainPages>p em{display: block;width: 45%; padding:30px 0; }
.mainPages>p span{ float: right;  text-align: left;}
.mainPages>p em{float: left; text-align: right;}
.mainPages div{padding:0 10px 20px; min-height: 400px; font-size: 16px; line-height: 36px; text-indent: 2em;}
.mainPages div span{line-height:2} 

.mainList{width: 1300px; margin: 0 auto; overflow: hidden;}
.mainListL{width: 205px; float: left;}
.mainListL h1{width:100%; height:54px; line-height: 54px; background: #247bdc; text-indent: 1.5em; font-size: 24px; color: #fff;}
.mainListL li{height:20px; font-size: 18px; line-height: 20px; padding-top: 44px; margin-left: 1.5em; background:url(../images/mainListLBg.jpg)no-repeat left 45px;}
.mainListL li a{display: block; color: #6e6e6e; text-indent: 1em;}
.mainListL li:hover{background:url(../images/mainListLBgOn.jpg)no-repeat left 45px;}
.mainListL li:hover a{color: #247bdc}
.mainListL .Listactive{background:url(../images/mainListLBgOn.jpg)no-repeat left 45px;}
.mainListL .Listactive a{color: #247bdc}
.mainListR{width: 900px; float: right;padding-right:20px;padding-bottom: 20px;}
.mainListR h1{height:54px; line-height: 54px;color: #247bdc; font-size: 28px;}
.mainListR ul{padding:0 10px;}
.mainListR ul li{width: 100%; border-bottom:1px solid #dcdcdc;padding:20px 0; line-height: 36px; overflow: hidden;}
.mainListR ul li a{color: #656565;}
.mainListR ul li:hover{border-color: #247bdc}
.mainListR ul li:hover a,.mainListR ul li:hover em{color:#247bdc}
.mainListR ul li strong{display: block; width: 70%; overflow: hidden; height: 36px; font-size: 18px;  float: left; font-weight: normal;}
.mainListR ul li span{display:block;width: 25%;text-align: right; overflow: hidden; height: 36px; font-size: 18px; float: right;}
.mainListR ul li em{color: #9d9d9d; clear: both; font-size: 14px; display: block; width: 100%; height: 72px; overflow: hidden;}

.mainListM{width: 1300px; margin: 0 auto; float: none; padding-right: 0;}

@media screen and (max-width:768px){
	.nav> div{top: 80px; display: table}
	.nav ul{width: 200px; height: auto;position: absolute;right: -230px; top: 0; padding:20px 0; z-index: 10;padding-right:30px;}
	.nav ul li{width: 100%; height: 30px; line-height: 30px; padding:5px 0;}
	.nav ul li a{font-size: 16px;padding:0; text-align: center;}
	.headerWarp{margin: 0;}
	.header,.main,.banner,.bannerWarp,.bannerLi img,.gzdt,.xxgk,.hdjl,.mainPages,.mainList,.friendlink ul,.footer{width: 100%;}
	.headerTop{display: none;}
	.logo{float: none;margin: 0 auto;}
	.header{background-image: none; padding-bottom: 10px;}
	.logo{padding: 10px 0; height: 60px;}
	.logo img{height: 100%; width: auto; margin: 0 auto;}
	.headerTop iframe{margin: 0 auto; float: none; padding-top: 5px;}
	.search{float: left; margin:10px 0 0 10px; margin-top:0; width: 80%;}
	.search input{width: 100%; height: 38px;}
	.search button{height: 38px; width: 38px;}
	.leadNews{margin: 0; padding:10px 20px; }
	.leadNews p{height: auto; line-height: 25px; font-size: 16px;}
	.leadNews a{font-size: 18px; font-weight: inherit;}
	.mainBox{padding: 0;}
	.bannerNav{bottom: 6px;}
	.bannerLi span{height: 30px;line-height: 30px;}
	.bannerLi span a{font-size: 14px;}
	.gzdt{padding-top:10px;}
	.tabTitle{width: auto; margin: 0 10px; height: 30px; line-height: 30px;}
	.tabTitle a{font-size: 20px;}
	.tabWarp{height: auto;}
	.gzdt .tabMain{padding-right: 0}
	.tabLi div{padding:0px 10px;}
	.tabLi div a{height: 30px; line-height: 30px; font-size: 16px;}
	.tabLi div span{height: 50px;line-height: 25px; font-size: 14px;}
	.tabLi ul{padding:0 10px;}
	.tabLi ul li{padding-top:0px; height: 35px; line-height: 35px; background-position: left center;}
	.xxgk{padding-top: 10px;}
	.zfxxgk,.bsfw{width: 100%; height: auto;}
	.zfxxgk ul{padding:0 10px 20px;}
	.zfxxgk ul li{width: 33.33%;padding-top:20px;}
	.hdjl .tabWarp,.xxgk .tabWarp{height:200px;}
	.titleTy{height: 30px; line-height: 30px;}
	.titleTy img{width: 30px; height: auto; padding-left: 10px;}
	.titleTy a{padding-right:10px;}
	.subBanner{margin-bottom: 20px;}
	.subBanner img{width: 100%;}
	.bsfw ul{padding:20px 10px; }
	.bsfw ul li{width: 30%;}
	.bsfw ul li img{margin: 0 auto;}
	.friendlink{padding: 20px 0;}
	.friendlink li{margin: 5px;}
	.footer{padding:10px 0;}
	.footerPic{display: none;}
	.crumbs{width: 100%; padding:10px 0; }
	.mainPages p title{font-size: 18px; width:100%; }
	.mainPages div{font-size: 12px; line-height: 24px;}
	.mainListL{display: none;}
	.mainListR{width: 100%; padding-right:0;}
	.mainListR h1{font-size: 18px; height: 30px; line-height: 30px; padding:0 10px;}
	.mainListR ul li{padding:5px 0;}
	.mainListR ul li title,.mainListR ul li span,.mainListR ul li em{font-size: 16px; height: 30px;line-height:30px;float: none; width: 100%;text-align: left;}
	.mainListR ul li span{font-size: 14px;}
	.mainListR ul li em{font-size: 12px;}
}
@media screen and (max-width:480px){
	.search{width: 70%}
	.leadNews a{font-size: 16px;}
	.leadNews p{height: 25px; overflow: hidden; font-size: 12px;}
	.banner{height: auto;}
	.bannerWarp{height: auto;}
	.tabTitle a{font-size: 16px; padding:0 5px; border:none;}
	.tabTitle a:first-child{padding-left: 0;}
	.tabLi ul li a{width: 60%;}
	.titleTy span{font-size: 18px;}
	.zfxxgk ul li{width: 50%;}
	.bsfw ul{text-align: center;}
	.bsfw ul li{display: inline-block; float: no-repeat; margin: 0 2px	;}
	.bsfw ul li img{width: 100%;}
	.zfxxgk ul li a{font-size: 16px;}
	.friendlink{padding: 10px 0;}
	.footerMSG span{font-size: 12px; line-height: 20px;}
	.footerMSG span:last-child{display:none;}
	.footerMSG a{display: block;}
	.mainPages p span,.mainPages p em{float: none; text-align: left; padding:5px 0; }
}
.zztj a{float: left}
