@charset "utf-8";
/* CSS Document */
/***************************搜索****************************/
.bsfw_content{ background: url("../images_bsfw/bs_searchbg.png") center top no-repeat #fff;}
.ls-searchbox{ margin: 63px auto 38px; width:650px;  }
.ls-search{   height: 50px; background:#fff; padding: 0 101px 0 0px; position: relative;}
.ls-search li{font-size: 0; line-height: 0;  }
.ls-search input{background: none; border: 0 none; vertical-align: middle; width: 100%; height: 100%;}
.ls-search .ss2{ width: 101px; right: 0px; top: 0; bottom: 0; position: absolute; background:#FF3131; border-radius: 0 4px 4px 0px;}
.ls-search .ss2 input{ cursor: pointer; font-size: 19px; color: #fff; line-height: 50px; background: url("../images_bsfw/fdj.png") 14px center no-repeat; padding-left: 42px; text-align: left;}
.ls-search .ss1{  border-radius: 4px 0px 0px 4px;border: 1px solid #C2C1C1; border-right: none; height: 48px;}
.ls-search .ss1 input{ font-size: 18px; text-indent: 12px; height: 48px; line-height: 48px;width: 100%; outline: none; color: #818594; vertical-align: top}
.ls-search .ss1 input::-webkit-input-placeholder{color:#818594;}
.ls-search .ss1 input:-moz-placeholder{color:#818594;}
.ls-search .ss1 input:-ms-input-placeholder{color:#818594;}

.search-links{ height: 42px; text-align: left; line-height: 42px; font-size: 16px; color:#394351;  }
.search-links ul li,.search-links .tit{ height: 42px; line-height: 42px; }
.search-links ul li{ margin:0 8px; float: left;}
.search-links ul li a{ color: #394351;}
.search-links ul,.search-links .tit{ display: inline-block; vertical-align: top;}
/************推荐*************/
.tj_tab{ height: auto; overflow: hidden;}
.tj_tab ul li{ float: left; margin-right: 20px;}
.tj_tab ul li a,.tj_tab ul li span{ font-size: 24px; font-weight: bold; line-height: 46px; display: block;}
.tj_tab ul li.tjico{ background: url("../images_bsfw/tj_ico.png") left center no-repeat; padding-left:40px; }
.tj_tab ul li.bsdtico{background: url("../images_bsfw/bsdt_ico.png") left center no-repeat;padding-left:40px;}
.tjmainbox{background: #FFFFFF;box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.09); margin-top: 10px; height: auto; padding: 25px  0 9px 20px; margin-bottom: 23px;}
.tjbtn{ height: 202px;overflow: hidden; position: relative;}
.tjbtn ul li{ width: 247px; height: 86px; background: #F7F7F8; text-align: left; margin: 0 16px 16px 0px; float: left;}
.tjbtn ul li:nth-of-type(5n){ margin-right: 0px;}
.tjbtn ul li .ico{ width: 38px; display: inline-block; text-align: center; margin-right: 16px; }
.tjbtn ul li .ico img{vertical-align: middle;}
.tjbtn ul li a{ font-size: 18px; color:#394351; display: block; line-height: 86px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-left: 20px;}
.tjbtn ul li a:hover img{transition: all 0.6s;transform: rotateY(360deg);}
.tjbtn ul li a:hover{color: #d61618;}
.tjbtn li.packUp{ position: absolute; right:21px; bottom: 0; z-index: 1; margin-right: 0; text-align: center;}
.tjbtn li.packUp a{ padding-left: 0px;}
.tjbtn.active{ height: auto;}
.tjbtn.active li.packUp{ position: static;}
/************办事大厅****************/
.bsdtbox{ overflow: hidden;}
.bs_tab{ height:auto; overflow: hidden; border-bottom: 1px solid #e9e9e9;}
.bs_tab ul li{ float: left; margin-right: 38px;}
.bs_tab ul li a{ font-size: 24px; color: #394351; display: block; line-height: 58px;}
.bs_tab ul li.active a{ font-size: 22px; font-weight: bold; color: #d61618; border-bottom:3px solid #BD1A2D; line-height: 56px;margin-bottom: -1px; }
.bs_tab ul li.more{width: 66px;  height: 27px; text-align: center;  border-radius: 4px; float: right; margin-right: 0px; margin-top: 15px;  background: #FFE9E4;}
.bs_tab ul li.more a{ font-size: 16px; line-height: 27px; color: #FF3131;}
.bs_list{ margin-bottom: 25px; }
.bs_list ul li{ width: 248px; height: 180px; float: left; text-align: center; margin: 20px 25px 5px 0px; background: #f7f7f8;}
.bs_list ul li.num5,.bs_list ul li.num10{ margin-right: 0px;}
.bs_list ul li a{ font-size: 18px; color: #394351; display: block; line-height: 72px; padding-top: 40px;}
.bs_list ul li img{ display: block; margin: 0 auto;}
.bs_list li a:hover{color: #d61618; }
.bs_list li:hover{box-shadow: 2px -3px 20px 0px rgba(214, 22, 24, 0.1);}
.bs_list li a:hover img{transition: all .6s;-webkit-transition: all .6s;transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}
/************************--特色专栏--************************/
.tesebox{ margin-top: 20px; height: 190px;position: relative;}
.tesebox .bd {height: 145px; overflow: hidden;}
.tesebox .bd li{width:344px;float: left; position: relative;}
.tesebox .bd li a{ margin-right: 37px; display: block;}
.tesebox .bd li .con{ position: absolute; top:33px; left: 40px; text-align: left;}
.tesebox .bd li .con .img_title{ line-height: 34px; font-size: 22px; display: block;}
.tesebox .bd li .con p{ line-height: 28px; color: #707070; display: block;}
.tesebox .bd li.num1 .con .img_title,.tesebox .bd li.num5 .con .img_title{ color:#D61618; }
.tesebox .bd li.num2 .con .img_title,.tesebox .bd li.num6 .con .img_title{ color:#7575E1; }
.tesebox .bd li.num3 .con .img_title,.tesebox .bd li.num7 .con .img_title{ color:#31B8AA; }
.tesebox .bd li.num4 .con .img_title,.tesebox .bd li.num8 .con .img_title{ color:#1869D4;}
.tesebox .prev,.tesebox .next{ width: 22px; height: 56px; position: absolute; top:34px; cursor: pointer;}
.tesebox .prev{ left: 0px; background: url("../images_bsfw/ts_prev.png") no-repeat;}
.tesebox .next{ right:0px; background: url("../images_bsfw/ts_next.png") no-repeat;}
.tesebox .hd{width: 100%; z-index: 1;  height: 8px;  margin: 20px 0 17px;text-align: center;overflow: hidden;}
.tesebox .hd ul{ height: 8px!important;}
.tesebox .hd ul li{ cursor:pointer; display:inline-block; text-indent: -999em; *display:inline; zoom:1; width:30px; height:8px; margin:0 7px; background:#e7ebf0; border-radius: 8px; vertical-align:top; }
.tesebox .hd ul .on{ background: #ff3131;}
/************************--日历样式--************************/
.bsfw_tab{  height: auto; overflow: hidden; border-bottom: 1px solid #EAEAEA;}
.bsfw_tab ul li{ float: left; margin-right: 20px;}
.bsfw_tab ul li a,.bsfw_tab ul li span{ font-size: 24px; font-weight: bold; line-height: 60px; display: block;}
.bsfw_tab ul li.bmico{ background: url("../images_bsfw/bmrl_ico.png") left center no-repeat; padding-left:40px; }
.bsfw_tab ul li.tsico{background: url("../images_bsfw/tszl_ico.png") left center no-repeat;padding-left:40px;}
.bmrl-calendar-left{width:600px;}
.bmrl-calendar{height: 352px;padding:24px 30px;margin:20px 0 28px;background: url(../images_bmrl/bmrl_rlbg.png) no-repeat;background-size:100% 100%;border-radius: 3px;overflow: hidden;}
/*选择日期*/
.choice{padding: 10px 20px 0;height:50px;line-height:50px;overflow: hidden;}
.choice .choice-date {font-size:38px;font-weight: bold;color:#fff;}
.choice .choice-btn{position: relative; width: 136px; height: 28px;margin-top:12px;}
.choice-btn .button{display: block; height: 28px; line-height: 28px; cursor: pointer; position: absolute; width: 28px; top: 0; background: no-repeat center;}
.choice-btn .year .button.prev{left: 0;background-image: url(../images_bmrl/rl_year_l.png) !important;}
.choice-btn .year .button.next{right: 0;background-image: url(../images_bmrl/rl_year_r.png) !important;}
.choice-btn .month .button.prev{left: 36px;background-image: url(../images_bmrl/rl_month_l.png) !important;}
.choice-btn .month .button.next{right: 36px;background-image: url(../images_bmrl/rl_month_r.png) !important;}
/*日历*/
.calendar {margin:inherit; padding: 0 15px; height: 352px;}
.calendar .data_table{ width: 100%;}
.calendar table tr th{ height: 34px; padding: 15px 0 8px;font-weight: normal;}
.calendar table tr th span{display:block;line-height: 34px; border-radius: 4px; margin:0 auto; width: 36px; height: 34px;text-align: center; font-size: 20px;color: #fde8cd;}
.calendar table tr td{ text-align:center;line-height:38px; height:40px;font-size: 20px;color:#fff; background: none!important;}
/*鼠标滑过*/
.bgHover{ background:#D61618 !important; color:#fff !important;text-decoration:none !important;}
.riqi{position:relative; z-index:9; width:38px; margin: 0 auto; height:34px;border-radius:4px;line-height:34px;color: #fdf4e8;}
.riqi.active{background:#D61618; color:#fff !important;}
.riqi a,.riqi.has_data a{ color:#fff !important; display: block;border-radius:4px;}
/*非本月日期*/
.calendar table tr td.current_day{ background:#e6e6e6}
.calendar table tr td.unselected_month{ color:#fed481}
/*日历列表*/
/*更多*/
.bmrl-more{display: block;position:absolute;top:50%;right:0;margin-top:-14px;width:66px;height: 28px;text-align: center;border-radius:2px;line-height: 28px;font-size: 16px;color:#ff3131;background: #ffe9e4;}
.bmrl-more:hover{text-decoration: underline;}
.bmrl-calendar-right{width:600px;height:352px;background: #fff;}
.calendar-list-top{height: 64px;padding:0 25px;background: url(../images_bmrl/rl_list_titbg.png) repeat-x left top;position: relative;}
.calendar-list-top .tit{line-height: 64px;font-size: 24px;color:#fff;font-weight: bold;padding-left:38px;margin-right:70px;background: url(../images_bmrl/bmrl_dateico.png) no-repeat left center;}
.calendar-list-top .bmrl-more{right:25px;background: url(../images-new/white_20.png) repeat;color:#D61618;}
.calendar-list{padding:0 25px;}
.calendar-list ul li{height:62px;padding:10px 0 20px;border-bottom:1px dashed #eaeaea;overflow:hidden;position:relative;}
.calendar-list ul li:last-child{border:0 none;}
.calendar-list ul li .nr{padding:2px 30px 2px 0;height:32px;line-height:32px;font-size:16px;overflow:hidden;background: no-repeat right center;background-image: url(../images_bmrl/bmrl-list-jt.png) !important;}
.calendar-list ul li .nr .gl{display:block;float:right;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.calendar-list ul li .nr .gl .split{padding:0 4px;color:#999;font-size:15px;}
.calendar-list ul li .nr .gl a{display:inline;color:#D61618;float:none;background:none;max-width:none;padding:0;margin:0;}
.calendar-list ul li a.title{float:none; margin:0;white-space: nowrap;overflow: hidden; text-overflow: ellipsis; display:block; }
.calendar-list ul li .label{position: relative;padding-left:42px;line-height: 22px;font-size: 14px;color:#707070;}
.calendar-list ul li .label span{position: absolute;top:4px;left:0;}
.calendar-list ul li .label em{display:inline-block;margin:4px 5px 0 0;padding:0 5px;background: #F3F3F3;border-radius: 2px;font-style: normal;}
/***********************一件事一次办**********************/
.quhuabox{ margin: 20px 0 30px; overflow: hidden; }
.action_left{ width: 300px; height: 380px; background: url("../images_bsfw/yjs_subleftbg.png") no-repeat;}
.action_menu{ padding-top: 20px;}
.action_menu ul li{ height: 42px; line-height: 42px;}
.action_menu ul li a{ display: block; font-size: 18px; color: #fff; padding-left: 70px;}
.action_menu ul li.active{ background: url("../images_bsfw/yjs_subhover.png") left center no-repeat;}
.action_menu ul li.active a{ background: url("../images_bsfw/yjs_subdot.png") 31px center no-repeat; font-weight: bold;}
.action_right{ margin-left: 300px; padding:4px 0px 0px; height:374px;background:url(../images_bsfw/quhua_mainbg.png) left top repeat-x; border: 1px solid #E7EBF0;}
.action_tit{ height: 70px;  text-align: center; border-bottom:1px solid rgba(214, 195, 195, 0.6); overflow: hidden;}
.action_tit ul li{ display: inline; padding: 0 24px;}
.action_tit ul li a{ color: #4E4E4E; font-size: 18px; display: inline-block; line-height: 68px;}
.action_tit ul li.active a{ font-weight: bold; color: #BD1A2D; border-bottom: 3px solid #BD1A2D; height: 68px; margin-bottom: -1px;}

.action_tab{ height: auto; overflow: hidden; text-align: center; margin: 21px 0 25px;}
.action_tab ul li{ display: inline; margin:0 5px; }
.action_tab ul li a{ font-size:18px;width: 133px; height: 39px; line-height: 39px; display: inline-block; color: #4E4E4E;}
.action_tab ul li.active a{ font-weight: bold; color: #fff; line-height: 39px; background: url("../images_bsfw/lx_secbg.png") no-repeat;}
.bs_main{ height: 190px; padding: 30px 0 0 30px; overflow: hidden;background: linear-gradient(180deg, rgba(216,32,22,0.05) -109%, rgba(252,166,3,0.05) 100%);box-shadow: inset 0px 6px 10px 0px rgba(0, 0, 0, 0.05);}
.bs_main ul li{ width: 314px; height: 70px;box-shadow: 2px -3px 20px 0px rgba(0, 0, 0, 0.1); background:#fff; margin:0 20px 20px 0px;float: left; position: relative;}
.bs_main ul li .ico,.bs_main ul li .name{ float: left;}
.bs_main ul li a{ padding:0 35px 0 12px; overflow: hidden; background: url("../images_bsfw/jtico.png") right center no-repeat; line-height: 70px; font-size: 18px; color: #394351; display: block; }
.bs_main ul li .ico{ margin-right: 9px;}
.bs_main ul li .ico img{ display:inline-block; vertical-align: middle;}
.bs_main ul li .name{ width: 210px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.bs_main ul li a:hover img{transition: all .6s;-webkit-transition: all .6s;transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}
.bs_main ul li a:hover{ color: #BD1A2D }
.bs_main ul li:hover{box-shadow: 2px -3px 20px 0px rgba(214, 22, 24, 0.2);}
/***********************利企便民服务**********************/
.lqfw_list{ padding:20px 0; height: 98px;}
.lqfw_list ul li{ width: 654px; height: 98px; float: left; position: relative;}
.lqfw_list ul li a{ display: block; height: 100%;}
.lqfw_list ul li.num2{ float: right;}
.lqfw_list ul li .img_title{ padding: 0 50px 0 120px; float: left; line-height: 98px; color: #454D59; font-size: 22px; position: absolute; left: 0px; top:0px; background: url("../images_bsfw/lq_dot.png") right center no-repeat;}
.lqfw_list ul li a:hover .img_title{ color: #BD1A2D;}
.lqfw_list ul li a:hover{box-shadow: 2px -3px 20px 0px rgba(214, 22, 24, 0.2);}
@media (min-width: 1200px) and (max-width:1419px) {
     /*推荐*/
    .tjbtn ul li{ width: 203px;}
    .tjbtn ul li .ico{ margin-right: 6px;}
    /*--日历--*/
    .bmrl-calendar-left,.bmrl-calendar-right{width:520px;}
    /*办事大厅*/
    .bs_list ul li{ width: 204px;}
    /*特色专栏*/
    .tesebox .bd li{ width: 285px;}
    .tesebox .bd li a{ margin-right: 20px;}
    .tesebox .bd li a img{ width: 100%;}
    /*一件事一次办*/
    .action_tit ul li{ padding: 0 10px;}
    .bs_main ul li{ width: 239px;}
    .bs_main ul li .name{ width: 130px;}
    /*利企便民服务*/
    .lqfw_list ul li{ width: 49%;}
    .lqfw_list ul li img{ width: 100%;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    /*推荐*/
    .tjbtn ul li{width:161px; text-align: center;}
    .tjbtn ul li a{ padding-left: 0px; font-size: 16px;}
    .tjbtn ul li .ico{ margin-right: 5px;}
    /*办事大厅*/
    .bs_list ul li{ width: 162px;}
    /*特色专栏*/
    .tesebox .bd li{ width: 310px;}
    .tesebox .bd li a{ margin-right: 20px;}
    .tesebox .bd li a img{ width: 100%;}
    /*--日历--*/
    .bmrl-calendar{padding:20px;}
    .bmrl-calendar-left,.bmrl-calendar-right{width:420px;}
    .choice{padding:10px 10px 0;}
    .choice .choice-date{font-size: 32px;}
    .calendar-list-top{padding:0 20px;}
    .calendar-list-top .bmrl-more{right:20px;}
    .calendar-list{padding:0 20px;}
    /*一件事一次办*/
    .action_left{ width: 200px; }
    .action_menu ul li a{ padding-left: 50px;}
    .action_menu ul li.active a{ background: url("../images_bsfw/yjs_subdot.png") 15px center no-repeat;}
    .action_right{ margin-left: 200px; }
    .action_tit ul li{ padding: 0 6px;}
    .bs_main{ height: 200px; padding: 20px 0 0 20px; }
    .bs_main ul li{ width: 324px; height: 45px;}
    .bs_main ul li a{ line-height: 45px;}
    /*利企便民服务*/
    .lqfw_list ul li{ width: 49%;}
    .lqfw_list ul li img{ width: 100%;}
}
@media only screen and (max-width:991px) {
    /*推荐*/
    .tjmainbox{ padding: 15px 10px 0;}
    .tjbtn{ height: 192px;}
    .tjbtn ul li{width:31.33%; text-align: center; margin: 0 1% 10px;}
    .tjbtn ul li a{ padding-left: 0px;  }
    .tjbtn ul li .ico{ margin-right: 5px;}
    .tjbtn ul li:nth-of-type(5n){ margin-right: 1%}
    .tjbtn li.packUp{ right: 0px; }
    /*办事大厅*/
    .bs_list{ margin-bottom: 20px;}
    .bs_list ul li{width: 125px;height: 140px; margin: 20px 20px 0px 0px; }
    .bs_list ul li a{ line-height: 52px;padding-top: 20px;}
    /*--日历--*/
    .bmrl-calendar{height:auto;padding:20px;margin-top:0;}
    .bmrl-calendar-left,.bmrl-calendar-right{float:none;width:auto;height: auto;}
    .choice .choice-date{font-size: 32px;}
    .calendar-list-top{padding:0 20px;}
    .calendar-list-top .bmrl-more{right:20px;}
    .calendar-list{padding:0 20px;}
    /*特色专栏*/
    .tesebox .bd li{ width: 364px;}
    .tesebox .bd li a{ margin-right: 20px;}
    .tesebox .bd li a img{ width: 100%; height: 145px;}
    /*一件事一次办*/
    .action_left{ width:auto; float:none; height: auto; background-size: 100% 100%; overflow: hidden;}
    .action_menu{ padding: 15px 0px;}
    .action_menu ul li{ width: 50%; float: left;}
    .action_right{ margin-left: 0px; padding: 0px 15px; height: auto;}
    .action_tit{ height: auto; }
    .action_tit ul li{ padding: 0 15px;}
    .action_tit ul li a{ line-height: 48px;}
    .action_tit ul li.active a{ height: 48px;}
    .bs_main{ height: auto;}
    .bs_main ul li {width: 300px;}
    .bs_main ul li .name{ width: 190px;}
    /*利企便民服务*/
    .lqfw_list ul li{ width: 49%;}
    .lqfw_list ul li img{ width: 100%;}
    .lqfw_list ul li .img_title{ padding: 0 50px;}
}
@media (max-width:767px) {
    /*搜索*/
    .ls-searchbox{ width:96%; margin:20px auto; }
    .tjbtn ul li{width:48%;}
    /*--日历--*/
    .bmrl-calendar{padding:10px; margin-bottom: 15px;}
    .calendar{padding:0 0 10px;height: auto;}
    .choice{height: auto;padding:0;}
    .choice .choice-date{font-size: 26px;}
    .calendar table tr th span{font-size: 18px;}
    .calendar table tr td{font-size: 18px;}
    .calendar-list-top{padding:0 10px;}
    .calendar-list-top .bmrl-more{right:10px;}
    .calendar-list-top .tit{font-size: 20px;}
    .calendar-list{padding:0 10px;}
    .calendar-list ul li{height: auto;padding:5px 0 15px;}
    /*办事大厅*/
    .bs_list{ margin-bottom: 10px; padding-top: 20px;}
    .bs_list ul li{width: 23%;  margin: 0px 1% 2%; }
    .bs_list ul li.num5, .bs_list ul li.num10{ margin-right: 1%;}
    /*特色专栏*/
    .tesebox{  height:auto;}
    .tesebox .bd {height: auto; }
    .tesebox .bd li{width:100%;}
    .tesebox .bd li a{ margin-right: 0px;}
    /*一件事*/
    .bs_main{ padding: 10px 10px 0px;}
    .bs_main ul li {width: auto; margin: 0px 0 10px; float: none;}
    .bs_main ul li .name{ width: auto;}
    .action_tab ul li{ margin: 0px;width: 33.33%;}
    .action_tab ul li.active a{  background-size: 100% 100%;}
}
@media (max-width:659px) {
    .quhuabox{ margin: 10px 0;}
    .tjmainbox{ margin-bottom: 10px;}
    /*利企便民服务*/
    .lqfw_list{padding: 0px;}
    .lqfw_list ul li{ width: 100%; float: none!important;   margin-top: 10px;}
    .bs_main ul li .name .titlm a{ padding: 0 8px;}
    .tesebox .hd{height: auto;margin: 10px 0 10px;}
    .tesebox .hd ul{height: auto!important;}
}
@media (max-width:469px) {
    .tjbtn ul li a{ font-size: 16px;}
    /*办事大厅*/
    .bs_tab ul li{ margin-right: 20px;}
    .bs_tab ul li.more{ margin-right: 0px;}
    .bs_list ul li{width: 48%; }
    /*一件事*/
    .action_menu ul li{ width: 100%; float: none;}
}
@media (max-width:349px) {
    .calendar-list-top .tit{ background: none; padding-left: 0px;}
}
@media (max-width: 339px) {
    /*--日历--*/
    .choice .choice-date{font-size: 24px;float: none;}
    .choice .choice-btn{float: none;margin:0 auto;}
    .tjbtn ul li a{ font-size: 14px;}
    .bs_main ul li .name{ width: 150px;}
}