@charset "utf-8";
/* banner */
.device {width: 100%;max-width: 1920px; overflow:hidden;height: 355px;position: relative;margin: 0px auto; z-index: 1;}
.device .slideBox{ width:100%;height: 355px;margin: 0px auto; position: relative;overflow:hidden}
.device .slideBox .arrow_content{ width: 1200px; margin: 0px auto; position: relative;}
.device .prev {background: url(../img/index/index_sprite.png)  no-repeat left top;background-position: -40px -29px; position: absolute;left:0px;top: 150px;width: 35px;height:70px;z-index: 1;opacity: 0.5;transition: all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;}
.device .next {background: url(../img/index/index_sprite.png)  no-repeat left top;background-position: -83px -29px;position: absolute;right:0px;top: 150px;width:35px;height:70px;z-index: 1;opacity: 0.5; transition: all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;}
.device .prev:hover,.device .next:hover{opacity: 1;}        
.slideBox .bd ul{width: 100%!important;max-width: 1920px; height: 355px;}    
.slideBox .bd li{ zoom:1; vertical-align:middle;width: 100%!important; max-width: 1920px; height: 355px;}
.slideBox .bd li a{display: block; width: 100%; max-width: 1920px; height: 355px;}
.slideBox .hd{ height:15px; width: 100%; text-align: center;position:absolute; right:0px; bottom:15px; z-index:99; }
.slideBox .hd ul{ overflow:hidden; zoom:1; width: 100%;}
.slideBox .hd ul li{ display: inline-block; vertical-align: top; margin-right:2px;  width:10px; height:10px;border-radius: 20px; text-align:center; background:#bbb; cursor:pointer; }
.slideBox .hd ul li.on{ background:#185fad; }
.slideBox .bd{ position:relative; height:100%;}			
/*  优选服务  */	
.main_container{ width: 1200px; margin: 30px auto;}	
.main_container .pre_service h3{ font-size: 22px; color: #4d4d4d; font-weight: normal; margin-bottom: 15px;}
.main_container .pre_service h3>i{display:inline-block;vertical-align: middle; width: 35px; height: 35px; background: url(../img/index/index_sprite.png) no-repeat; background-position: -138px -37px;}
.main_container .pre_service ul li{float: left; margin-left:10px; width: 290px; height: 255px; overflow: hidden;}
.main_container .pre_service ul li:hover{box-shadow:5px 5px 12px #d6d6d6;}
.main_container .pre_service ul li.ml0{ margin-left: 0px;}
.pre_service ul li a h4{ font-size: 16px; color: #333; padding-top: 20px; font-weight: normal;}
.pre_service ul li a p{padding-top: 10px; color: #666;}
.pre_service ul li a{display: block;width: 290px; height: 255px; text-align: center; position: relative;}
.pre_service ul li a .pre_txt{ position: absolute; left: 0px; top: 10px; width: 100%; margin: 0px auto;}
.pre_service ul li a>img{ position: relative; border: none; width: 289px;}
/*  热门服务  */	
.hot_service{margin:30px auto 0px auto; position: relative;}
.hot_service h3{ font-size: 22px; color: #4d4d4d; font-weight: normal; margin-bottom: 15px;}
.hot_service h3>i{display:inline-block;vertical-align: middle; width: 35px; height: 35px; background: url(../img/index/index_sprite.png) no-repeat; background-position: -180px -37px;}
.hot_service .hot_arrow{ position:absolute; right: 0px; top: 5px;}
.hot_service .hot_arrow span{ display: inline-block; width: 17px; height: 28px; background: url(../img/index/index_sprite.png) no-repeat; margin-right:20px; cursor: pointer;}		
.hot_service .hot_arrow .hot_arrow_left{ background-position: -218px -41px;}
.hot_service .hot_arrow .hot_arrow_right{ background-position: -255px -41px; margin-right: 12px;}
.hot_service ul li.ml0{ margin-left: 0px;}
.hot_service ul li{ float: left; margin-left: 10px;}
.hot_service ul li:hover{ box-shadow: 5px 5px 12px #d8d8d8;}
.hot_service ul li a{ display: block; width:228px; height: 280px; color: #666; border: 1px solid #E8E8E8;}
.hot_service ul li a:hover{ color: #666;}
.hot_service .hot_pic{ 228px; height: 133px; background: url(../img/index/hot_bg.png) no-repeat center top;border-bottom: 1px solid #e8e8e8;   text-align: center; padding-top: 25px; box-sizing: border-box;}
.hot_service .hot_txt{ position: relative; padding: 10px 15px 0px 15px; box-sizing: border-box;}
.hot_service .hot_txt h4{ font-weight: normal; color:#333; font-size: 15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hot_service .hot_txt span{ color: #10c55b; display: block; margin-top: 5px;}
.hot_service .hot_txt .item_part{ position: absolute; right: 15px; top: 35px;}
.hot_service .hot_txt .item_part>i{ display: inline-block; vertical-align: middle; width: 20px; height: 20px; background: url(../img/index/index_sprite.png) no-repeat; background-position: -295px -45px;}
.hot_service .hot_txt p{ margin-top: 10px; font-size: 12px; text-align: justify;max-height:52px;overflow:hidden}
.swiper-container02 {width:1200px; height:300px; overflow:hidden;}
/* 阳光政务 */
.sun_gov{margin:15px auto 30px auto; position: relative; min-height: 320px;}
.sun_gov h3{ font-size: 22px; color: #4d4d4d; font-weight: normal; margin-bottom: 20px;}
.sun_gov h3>i{display:inline-block;vertical-align: middle; width: 35px; height: 35px; background: url(../img/index/index_sprite.png) no-repeat; background-position: -338px -37px;}		
.sun_gov .more{position: absolute; right: 10px; top: -10px;}
.sun_gov .sun_left{ width: 900px; display: inline-block;}
.sun_gov ul li{float: left; margin-left: 10px;border: 3px solid #e4eefb;width: 285px; box-sizing: border-box;}
.sun_gov ul li.ml0{ margin-left: 0px;}
.sun_gov ul li:hover{box-shadow: 5px 5px 12px #d6d6d6;}
.sun_gov ul li a{ display: block; width: 279px; height: 250px;padding: 50px 0px 45px 0px; box-sizing: border-box; text-align: center;}
.sun_gov ul li a p{margin: 25px 0px 10px 0px; font-size: 18px; color: #4d4d4d; }
.sun_gov ul li a span{ color: #da8ca2;}
.sun_gov .sun_right{ width: 290px; display: inline-block; vertical-align: top; background-color: #f4f5f7;}
.sun_right .data_stat,.sun_right .jc_release{ height: 128px; width: 100%; border-bottom: 1px solid #e8e8e8; position: relative;}
.sun_right .data_stat img,.sun_right .jc_release img{ display: inline-block; vertical-align: middle; margin:10px 0px 0px 50px;}
.sun_right .data_stat span,.sun_right .jc_release span{ color: #3c6599; font-size: 18px; display: inline-block; vertical-align: middle; line-height: 125px; margin-left: 30px;}
.sun_right .data_stat .borderLine{width: 28px; height: 5px; background-color: #0d5caa; position: absolute;left: 130px;bottom: -3px;}
.sun_right .jc_release{ border: none;}		
.sun_right a{ display: block;}
.sun_right a img{transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;}
.sun_right a:hover>img{margin-top: -3px;}
/* 便民播报*/
.convenient{ width: 100%; background-color: #617fa5; padding: 55px 0px;}
.convenient .news_container{ width: 1200px; margin: auto;}
.broadcast_left{position: relative;width: 428px; height: 252px; display: inline-block; margin-left: 30px;}
.broadcast_left .swiper-container03{ width: 428px; height: 252px; overflow: hidden; }
.broadcast_left .pagination02 {position:absolute;right: 5px;text-align: right;bottom:10px;width: 12%;}
.broadcast_left .swiper-pagination-switch {display: inline-block;width:8px;height:8px;border-radius: 10px;background: #ccc;margin: 0 2px;cursor: pointer}
.broadcast_left .swiper-active-switch {background:#ba8f2c;}	
.broadcast_left .swiper-slide{ position: relative;}	
.broadcast_left .swiper-slide a{display: block; z-index: 2;}
.broadcast_left .swiper-slide p{background: rgba(0,0,0,0.3);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#2f000000,endColorstr=#2f000000);  width: 100%; padding: 5px 0px; text-indent: 10px; color: #fff; position: absolute; left: 0px; bottom: 0px; cursor: pointer;} 
.broadcast_left .swiper-slide p:hover{text-decoration: underline;}
.broadcast_right{ display: inline-block;width:630px; vertical-align: top; margin:10px 0px 0px 40px;color: #e5eef9; position: relative;}
.broadcast_right p{text-align: justify; font-size: 14px; line-height:2; margin-top: 25px; text-indent:28px;}
.broadcast_right span{ position: absolute; right: 0px; bottom: -25px;}