/* 全局样式 */
body{padding:0;margin:0;}
ul{padding:0;margin:0;}
ul li{list-style:none;}
a{text-decoration:none;}

/* 通用样式 */
.bmzt_banner{width:100%;height:385px;background-image: url(2023bmbq_banner.png);background-repeat: no-repeat;background-position:center center; background-size:100% 100%;}
.bmzt_banner img{width:100%;height:385px;}
.bmzt_box{width:100%;height:auto;}

/* 办事服务 */
.box1{width:1200px;height:640px;margin:0 auto;}
.box1_title{width:1200px;height:125px;}
.box1_title img{width:1200px;height:101px;}
.box1_content{width:1200px;margin:0 auto;position:relative;}
.swiper_content{width:1150px;margin:0 auto;}
.box1_content ul{width:1150px;}
.box1_content ul li{width:300px;height:260px;float:left;text-align: center;}
.box1_content ul li img{width:261px;height:165px;border:0;margin-top:45px;}
.box1_content ul li p{margin-top:20px;font-size:18px;font-weight: 500;}
.box1_content ul .bmbq_qiye{width:400px;}
.box1_content ul .bmbq_qiye img{width: 320px;
    height: 200px;
    margin-top: 35px;}
#button-next{width:24px;height:24px;position:absolute;top:120px;right:0;background-image: url(2021bmbq_arrow_right.png);background-repeat: no-repeat;background-position:center center; background-size:100% 100%;}
#button-prev{width:24px;height:24px;position:absolute;top:120px;left:0;background-image: url(2021bmbq_arrow_left.png);background-repeat: no-repeat;background-position:center center; background-size:100% 100%;}

/* 便民查询 */
.box2{width:1200px;margin:0 auto;}
.box2_title{width:1200px;height:125px;}
.box2_content{width:1200px;height:300px;}
.box2_content ul li{width:260px;height:90px;float:left;position:relative;background-color: #f4f9fd;border:20px solid #fff;}
.box2_content ul li img{width:43px;height:43px;border:0;margin-top:23px;margin-left:43px;}
.box2_content ul li p{width:152px;height:43px;font-size:18px;font-weight:500;position:absolute;top:20px;left:90px;text-align: center;}
.single_line{top:30px !important;}




/* 办事服务 */
.box4{width:1200px;margin:0 auto;height: auto;}
.box4_title{width:1200px;height:125px;}
.box4_title img{width:1200px;height:101px;}
.box4_content{width:1200px;margin:0 auto;position:relative;height:363px;}
.box4_left{width: 234px;float: left;height:363px;}
.box4_left strong{width: 234px;height: 75px;background-color: #1765e5;font-size: 26px;line-height:75px;text-align: center;
	color: #feffff;font-weight: bold;display: block;}
.box4_left ul{height: 288px;overflow-y: auto;overflow-x: hidden;background-color:  #ebeef5;width: 234px;}
.box4_left ul li{width: 223px;height: 70px;background-color: #76b8ff;margin-top: 2px;float: left;text-align:center;}
.box4_left ul li.on{background-color:  #ebeef5;}
.box4_left ul li a{color: #ffffff;font-size: 22px;line-height:70px;font-weight: bold;text-align:center;}
.box4_left ul li.on a{color: #1765e5;}
.box4_right{width: 966px;height:363px;float: right;background-color: #ebeef5;}
.box4_right ul{padding: 20px; width: 926px;height:323px;}
.box4_right ul ol{width:440px;float: left;}
.box4_right ul strong img{width: 485px;height: 307px;float: right;margin-top: 8px;}
.box4_right ul ol h3 {font-size: 26px;font-weight: bold;color: #000000;line-height:36px;margin-bottom: 15px;}
.box4_right ul ol li{height: 46px;line-height: 46px;width: 100%;text-align: justify;position: relative;}
.box4_right ul ol li:before {
    line-height: 0;
    content: "";
    font-size: 0;
    border-width: 3px;
    border-color: #1c80c7;
    border-radius: 3px;
    position: absolute;
    top: 20px;
    border-color: #2d68eb;
    opacity: 1;
    border-style: dashed;


}
.box4_right ul ol li a{text-align: justify;font-size: 16px;color: #000000;padding-left: 15px;}
.box4_right ul ol li a:hover{color: #2d68eb;}
.box4_right ul ol span{font-size: 18px;color: #2d68eb;line-height: 48px;height: 48px;display: block;}

#showbox{
    width: 49.875rem;
    height: 20.625rem;
    position: absolute;
    background-color: #fff;
    top: .3125rem;
    left: 240px;
    box-shadow: 0 0 .625rem  rgba(86, 134, 246, 0.5);
    display: none;
}
.showboxclose{
    position: absolute;
    top: 0;
    right: -3.0625rem;
    width: 2.5rem;
}
.showbox_left{
    width: 13.875rem;
    display: flex;
    flex-direction: column;
    border-right: .125rem solid #ebeef5;
    float: left;
}
.showbox_left>span{
    height: 3.25rem;
    color: #3464d0;
    font-size: 1.375rem;
    text-align: center;
    line-height:  3.25rem;
}
.showbox_left>ul{
    flex: 1;
}
.showbox_left>ul li{
    color: #000;
    height: 2.8125rem;
    text-align: center;
    line-height: 2.8125rem;
    display: flex;
    justify-content: space-between;
    padding: 0 2.5rem;
}
.showbox_left>ul li:hover{
    cursor: pointer;
}
.selectstyle{
    background-color: #3464d0;
   
}
.selectstyle p{
    color: #fff;
}
.selectstyle span{
    color: #fff;
}
.showbox_left>ul li>p{
    width: 8.4375rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1.125rem;
    
}
.showbox_left>ul li>span{
    font-size: 1.125rem;
}
.showbox_right{
    padding: 0 1.25rem;
    display: flex;
    height: 19.625rem;
    flex-direction: column;
}
.showbox_right>p{
    height: 3.25rem;
    font-size: 1.375rem;
    line-height:  3.25rem;
    color: #000;
}
.showbox_right>p>span{
    color: #3464d0;
}
.showbox_right>ul{
    flex: 1;
    overflow: auto;
    scrollbar-width: none; 
    -ms-overflow-style: none;
}
.showbox_right>ul::-webkit-scrollbar{
    display: none; /* Chrome Safari */
}
.showbox_right ul li{
    height: 2.8125rem;
    line-height: 2.8125rem;
    width: 33.125rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1.125rem;
}



/* 互动知识库 */
.box5{width:1200px;margin:0 auto;height: 500px;position: relative;}
.box5_left,.box5_right{width:589px;height:262px;float:left;}
.box5_right{float: right;}
.section_header{width:100%;height:40px;border-bottom: solid 1px #c1c1c1;}
.section_header h3{font-size: 26px;color: #3c69d9;font-weight: bold;border-bottom: solid 1px #3c69d9;line-height: 40px;display: inline-block;}
.section_header span a{color:#939191;font-size: 16px;line-height: 40px;float: right;}
.section_article{width:100%;float:left;margin-top:5px;}
.section_article ul li{width:589px;height:38px;font-size:12px;position: relative;line-height: 38px;}
.section_article ul li:before {position: absolute;
    width: 5px;
    height: 5px;
    border:solid 1px #b5b5b5;
    background-color: #fff;
    display: block;
    content: "";
    transition: all 0.8s ease;
    top: 16px;
    left: 0px;
    border-radius: 50%;}
.section_article ul li span {font-size: 16px;}
.section_article ul li span {position: absolute;right: 0;bottom: 0;font-size: 16px;}
.section_article ul li a {padding-left: 25px;font-size: 16px;color: #000;}
.box5_bottom{width: 1200px;
    height: 101px;
    background-image: url(2023bmbq_zfcht.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    cursor: pointer;    position: absolute;
    bottom: 70px;}



/* 互动知识库 */
.box3{width:1200px;margin:0 auto;height: 340px;}
.box3_left{width:507px;height:262px;float:left;background-image: url(2021bmbq_zfcht.png);background-repeat: no-repeat;background-position:center center; background-size:100% 100%;margin-left:10px;cursor: pointer;}
.box3_right{width:633px;height:262px;float:left;margin-left:20px;}
.box3_right .section_header{width:100%;height:40px;}
.box3_right .section_more{width:calc(100% - 170px);height:40px;margin-left:4px;line-height:40px;text-align: right;float:left;color:#939191;border-bottom:1px dashed #eeeeee;}
.box3_right .section_more a{color:#939191;}
.box3_right .section_article{width:100%;float:left;margin-top:5px;}
.box3_right .section_article ul li{width:603px;height:38px;font-size:12px;position: relative;line-height: 38px;}
.box3_right .section_article ul li:before {width: 0;height: 0;line-height: 0;content: "";font-size: 0;position: absolute;border-color: #6e6e6e;opacity: 0.45;border-right-width: 0;border-style: dashed;border-left-style: solid;border-top-color: transparent;border-bottom-color: transparent;border-width: 4px;border-color: #1c80c7;border-radius: 4px;top: 16px;}
.box3_right .section_article ul li span {font-size: 16px;}
.box3_right .section_article ul li span {position: absolute;right: 0;bottom: 0;font-size: 16px;}
.box3_right .section_article ul li a {padding-left: 25px;font-size: 16px;color: #000;}
.section_title2{width:141px;height:40px;float:left;background-image: url(2021bmbq_sqzc.png);background-repeat: no-repeat;background-position:center center; background-size:100% 100%;}



.bmzt_switch{width:1200px;height:94px;margin:0 auto;position:relative;margin-top:-84px;z-index:99;}
.bmfw_on{width:220px;height:84px;position:absolute;left:0;top:0;background-color: #fff;border-radius: 10px 10px 0 0;background-image: url(2021bmbq_bmfw_text.png);background-repeat: no-repeat;background-position:center center; background-size:99px 24px;}
.bmfw_off{width:220px;height:84px;position:absolute;left:0;top:0;background-color: #fff;border-radius: 10px 10px 0 0;opacity: 0.5;background-image: url(2021bmbq_bmfw_text.png);background-repeat: no-repeat;background-position:center center; background-size:99px 24px;}
.bqfw_on{width:220px;height:84px;position:absolute;left:230px;top:0;background-color: #fff;border-radius: 10px 10px 0 0;background-image: url(2021bmbq_bqfw_text.png);background-repeat: no-repeat;background-position:center center; background-size:99px 24px;}
.bqfw_off{width:220px;height:84px;position:absolute;left:230px;top:0;background-color: #fff;border-radius: 10px 10px 0 0;opacity: 0.5;background-image: url(2021bmbq_bqfw_text.png);background-repeat: no-repeat;background-position:center center; background-size:99px 24px;}
.bmfw_arrow{width:20px;height:10px;position:absolute;left:105px;top:84px;background-image: url(2021bmbq_arrow.png);background-repeat: no-repeat;background-position:center center; background-size:100% 100%;}
.bqfw_arrow{width:20px;height:10px;position:absolute;left:325px;top:84px;background-image: url(2021bmbq_arrow.png);background-repeat: no-repeat;background-position:center center; background-size:100% 100%;}