@charset "utf-8";
/*base*/
/*  
@font-face {
    font-family: "my font1"; /* 定义字体名 
    src: url("./font/SourceHanSerifCN-Bold.otf"); /* 引入本体字体文件 
  }
  */
html,body,ul,ol,li,p,h2,h4,a,img,input,span,a{margin:0;padding:0;}
/* html,body{min-width: 1200px;} */
img,input,button {border: 0;}
t{font-style: normal;font-family: "Microsoft Yahei"; font-weight:normal;}
input:focus,textarea:focus,select:focus, button{outline:none;}
ul,li,button{list-style: none;}
body{font-size: 16px;color: #333;font-family:"微软雅黑";}
a{color: #333;text-decoration:none;font-family:"微软雅黑";}
button,img,input { vertical-align: middle;}
.clearfix:before,.clearfix:after {content: " ";display: table;clear: both;}
::-webkit-input-placeholder {color: #b2b2b2; } :-moz-placeholder { color: #b2b2b2; } ::-moz-placeholder {  color: #b2b2b2; } :-ms-input-placeholder {color: #b2b2b2; }
.fl{ float:left;}
.fr{ float:right;}
.mt20{margin-top: 20px;}
a:hover{color: #333 !important;text-decoration:none !important;}

.w1336{width: 1336px; margin: 0 auto;}
.banner_top{height: 180px; margin: 30px 0;}
.column_name{font-size: 25px;color: #2b70bf;font-weight: 700;margin: 0 35px;font-family: 'my font1';}
.bsfw_pic{padding: 19px;}
.bsfw_bmList{padding: 20px 40px;}
.bsfw_bmList ul{display: flex;flex-wrap: wrap;}
.bsfw_bmList ul::-webkit-scrollbar {
    width: 5px;
}
.bsfw_bmList ul::-webkit-scrollbar-thumb {
    border-radius: 5px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #226ebc;
}
.bsfw_bmList ul::-webkit-scrollbar-track{
    width:5px;
}
.bsfw_bmList ul::-webkit-scrollbar-track {
    background: #e5f3fe; /* 设置轨道的背景颜色 */
  } 
.bsfw_bmList li{position: relative; width: 20%;margin: 10px 0;}
.bsfw_bmList li a::before{display: inline-block; background: url(./images/pic05.png) no-repeat; content: ''; width: 20px; height: 21px;position: absolute;left: 0px;}
.bsfw_bmList li a{margin-left: 40px;}

.bsfw_section02{padding-top: 25px;}
.zdly_service{float: left;width: 49%;padding-top: 20px;background: url(./images/pic06.png) no-repeat;}
.zdly_title{font-size: 25px;text-align: center;color: #236eb7;font-family: 'my font1';}
.zdly_list ul{display: flex; flex-wrap: wrap; justify-content: space-between;padding: 26px;}
.zdly_list ul li{ width: 30.5%; background: #fff;position: relative;    margin-bottom: 20px;}
.zdly_list ul li a{display: flex;align-items: center;padding: 6%;}
.zdly_list ul li:hover img,.bm_service .list01 ul li:hover img,.ztfw_list li:hover img{transform: rotateY(180deg);}
.zdly_list ul li img{width: 56px; height: 57px;transition: all .4s ease;}
.zdly_list ul li span{font-size: 18px;padding-left: 10px;}


.bm_service{width: 49%;float: right;}
.bm_title{background: url(./images/pic07.png) no-repeat right; height: 76px;}
.bm_title span{display: inline-block;font-size: 22px; font-weight: 700;margin: 20px; position: relative;cursor: pointer;}
.bm_title span.active{ color: #2b72c3;}
.bm_title span ::after{display: none;}
.bm_title span.active::after{display: inline-block; width: 25px;border-bottom: 2px solid #2b72c3;content: '';position: absolute;bottom: -7px;left: 40%;}

.bm_service .list01,.bm_service .list02{background-color: #f4f5fa}
/* .bm_service .list01 ul{display: flex; flex-wrap: wrap;justify-content: space-between;padding: 25px;}
.bm_service .list01 ul li{width: 31%; height: 123px; background-color: #fff;position: relative;}
.bm_service .list01 ul li:nth-last-child(4) ~ li{margin-top: 25px;}
.bm_service .list01 ul li img{position: absolute; left: 34%; top: 10%;transition: all .4s ease;}
.bm_service .list01 ul li span{position: absolute;top: 71%;left: 34%;} */
.bm_service .list02,.bm_service .list01{position: relative;overflow: hidden;padding: 30px 20px;}
.swiper-container，.swiper-container2 {
    width: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    border: 1px solid;
    min-height: 261px;
}
.swiper-button-next,.swiper-button-prev{--swiper-navigation-size:20px; padding: 20px;border-radius: 50%; background: #fff;box-shadow: 1px 2px 10px 2px #cbcbcb;}
/* .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: 1 !important;} */
.swiper-slide:nth-child(1){border-image: linear-gradient( #68b4f5,transparent)30 30;}
.swiper-slide:nth-child(1) .tsfw_name{background: #68b4f5;}
.swiper-slide:nth-child(2){border-image: linear-gradient( #e2c98f,transparent)30 30;}
.swiper-slide:nth-child(2) .tsfw_name{background: #e2c98f;}
.swiper-slide:nth-child(3){border-image: linear-gradient( #90d6e7,transparent)30 30;}
.swiper-slide:nth-child(3) .tsfw_name{background: #90d6e7;}
.swiper-slide:nth-child(4){border-image: linear-gradient( #68b4f5,transparent)30 30;}
.swiper-slide:nth-child(4) .tsfw_name{background: #68b4f5;}
.swiper-slide:nth-child(5){border-image: linear-gradient( #e2c98f,transparent)30 30;}
.swiper-slide:nth-child(5) .tsfw_name{background: #e2c98f;}
.swiper-slide:nth-child(6){border-image: linear-gradient( #90d6e7,transparent)30 30;}
.swiper-slide:nth-child(6) .tsfw_name{background: #90d6e7;}

.list02 .tsfw_name,.list01 .tsfw_name{padding: 25px 0;font-size: 18px; margin-bottom: 20px;    font-weight: 700;color: #fff;}
.list02 .tsfw_title,.list01 .tsfw_title{font-size: 14px;line-height: 27px;width: 72%;margin: 0 auto;}
.list02 .tsfw_title p,.list01 .tsfw_title p{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.list01 .tsfw_title img{width: 130px;}
.bsfw_section03,.bsfw_section04{padding-top: 25px;}
.ztfw_column{width: 65.5%;float: left;}
.ztfw_list{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 25px 0;}
.ztfw_list li{position: relative;width: 31.5%; background-color: #f3f5fa;padding: 25px;}
.ztfw_list li img{transition: all .4s ease; width: 30px;}
/* .ztfw_icon{width: 30%;float: left;} */
/* .ztfw_link{width: 63%; float: right;} */
.ztfw_name{font-size: 20px;margin: 15px 0; font-weight: 700;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ztfw_title{color: #6c6c6c;font-size: 15px;}
/* .ztfw_title span{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} */
.bsfw_section03 .ztfw_list li:nth-last-child(4) ~ li{margin-top: 25px;}
.ztfw_pic{width: 32%; float: right;padding-top: 40px;}
.ztfw_pic img{display: inline-block; margin-top: 20px;}

/* 服务地图 */
.fwMap_column{position: relative;}
.infoBox {
  box-sizing: border-box;
  box-shadow: 0px 4px 10px rgba(7, 65, 111, 0.3);
  border-radius: 8px;
  position: absolute;
  left: 3%;
  top: 19%;
  height: 470px;
  width: 380px;
  background-color: rgba(255, 255, 255, 0.9);
}
.parent_tit_tag {
  position: relative;
  height: 108px;
  overflow: hidden;
  padding: 0 20px;
}
.parent_tit_tag .parent_tit_tag_search {
  position: relative;
  white-space: nowrap;
  overflow-y: auto;
  display: flex;
  justify-content: space-around;
  padding-top: 35px;
}
.parent_tit_tag .parent_tit_tag_search img{float: left;margin-top: -7px;}
.parent_tit_tag .parent_tit_tag_search a {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  font-size: 16px;
  color: #3c3b3b;
  padding-bottom: 15px;
  width: 45%;
}

.input_box {
  padding-left: 20px;
  padding-right: 20px;
  height: 40px;
  padding-bottom: 10px;
}
.input_box input {
  display: block;
  float: left;
  width: 85%;
  padding-left: 20px;
  box-sizing: border-box;
  height: 100%;
  background-color: #ffffff;
  outline: none;
  border: 1px solid #e5e5e5;
  border-bottom-left-radius: 30px;
  border-top-left-radius: 30px;
}
.input_box a {
  display: block;
  position: relative;
  float: left;
  width: 15%;
  height: 100%;
  box-sizing: border-box;
  background-color: #6b9ac6;
  border-bottom-right-radius: 30px;
  border-top-right-radius: 30px;
}
.input_box a em.icon_search {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.infoBox .lists {
  height: 53%;
  text-align: left;
  padding-right: 5px;
  padding-left: 36px;
  overflow: hidden;
  overflow-y: auto;
  margin-right: 8px;
}
.infoBox .lists ul li {
  text-align: left;
  margin-bottom: 10px;
  line-height: 35px;
  font-size: 16px;
  color: #464646;
  font-weight: 500;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid #efefef;
}
/* .infoBox .lists ul li::before {
  content: '';
  display: block;
  position: absolute;
  top: -20px;
  left: 70px;
  border: 10px solid transparent;
  border-bottom: 10px solid #f3f3f3;
} */
.infoBox .lists ul li .map_title{float: left;background: url('./images/icon07.png') no-repeat bottom; width: 26px;height: 31px;text-align: center;}
.infoBox .lists ul li h4{font-weight: 700;font-size: 17px;position: relative;    white-space: break-spaces;width: 88%;margin: 10px 0 10px 35px;}
.infoBox .lists ul li img{margin-right: 10px;}
.infoBox .lists ul li span{font-weight: 500;color: #fff;}
.infobox_title{height: 11%;background: #226fbd;border-top-left-radius: 8px;border-top-right-radius: 8px;}
.infoBox .lists ul li .address,.infoBox .lists ul li .tel,.infoBox .lists ul li .time{font-size: 15px;color: #686868;margin-left: 25px; width: 90%;white-space:break-spaces;line-height: 30px;}

.infoBox .lists ul li .address::before,.infoBox .lists ul li .tel::before,.infoBox .lists ul li .time::before{
  display: inline-block;content: '';   height: 16px;width: 20px;
}
.infoBox .lists ul li .address::before{
  background: url(./images/icon02.png) no-repeat; 
}
.infoBox .lists ul li .tel::before{background: url(./images/icon01.png) no-repeat;}
.infoBox .lists ul li .time::before{background: url(./images/icon08.png) no-repeat;}
.infoBox .lists::-webkit-scrollbar {
  width: 5px;
}
.infoBox .lists::-webkit-scrollbar-thumb {
  border-radius: 5px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #226ebc;
}
.infoBox .lists::-webkit-scrollbar-track{
  width:5px;
}
.infoBox .lists::-webkit-scrollbar-track {
  background: #e5f3fe; /* 设置轨道的背景颜色 */
} 

@media (max-width: 750px) {
  .w1336{width: 100%; padding-left: 12px; padding-right: 12px;}
  .banner_top{height: auto;margin: 10px 0;}
  .banner_top img{width: 100%;}
  .bsfw_pic,.bsfw_bmList{padding: 0;}
  .bsfw_pic img {width: 100%;}
  .bsfw_bmList li a {margin-left: 21px;font-size: 13px;}
  .bsfw_bmList li {width: 33%;}
  .zdly_service,.bm_service,.ztfw_column,.ztfw_pic {float: none;width: 100%;}
  .bm_title span {font-size: 18px;margin: 25px 10px 0;}
  .zdly_list ul{padding: 10px;}
  .zdly_list ul li img{width: 40px;height: 40px;}
  .zdly_list ul li span {font-size: 14px;padding-left: 4px;}
  .ztfw_list li{padding: 8px;}
  .ztfw_name {font-size: 14px;margin: 10px 0;}
  .ztfw_title {font-size: 12px;}
  .bsfw_section03 .ztfw_list li:nth-last-child(4) ~ li {
    margin-top: 10px;}
  .ztfw_pic{padding-top: 0;}
  .ztfw_pic img{width: 100%;}
  .infoBox {position: unset;width: 100%;}
}