@charset "utf-8";

body{background:#e0eef9;}
.menu {background:#eaf7ff;}
.index_logo{display:none!important;}
.inner_box{background:#fff;border-radius: 6px;padding:20px  25px 25px;box-shadow: 0 0 10px #eee; position:relative;}
.tsyjsBanner img{max-width:100%;}
/*一件事*/
/* ==================== 一件事 缩略图 ==================== */
.yjsBox{margin-top:25px;}
.mySwiper {padding:0 30px;}
.mySwiper .swiper-slide {				width: 20%;				height: 100%;	padding:0 0px 20px;	}
.mySwiper .swiper-slide-thumb-active {				opacity: 1;			}
.mySwiper .swiper-slide .thing-item {  width: 100%;  background: #e3f2ff;  border-radius: 6px;  padding: 10px;  box-sizing: border-box; position: relative;}
.mySwiper .swiper-slide .thing-item .thing-item-img {  width:100%; height: auto;  border-radius: 6px;  }
.mySwiper .swiper-slide .thing-item .thing-item-img img{max-width:100%}
.mySwiper .swiper-slide .thing-item .thing-item-title {  font-weight: 400;  font-size: 16px;  line-height: 32px;  color: #010101;  text-align: center; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.swiper-button-next, .swiper-button-prev{background:#fff;height:100%;width:30px;top:8px;color:#9b9a9a;}
.swiper-button-next:after, .swiper-button-prev:after{font-size:30px;}
 .swiper-button-next{ right:0px;} .swiper-button-prev{left:0px;} 
.mySwiper .swiper-slide.swiper-slide-thumb-active .thing-item::after {  content: "";  position: absolute;  bottom: -12px;  left: 50%;  transform: translateX(-50%);  width: 0;  height: 0;  border-left: 14px solid transparent;  border-right: 14px solid transparent;  border-top: 14px solid #328cf5;}
.mySwiper .swiper-slide.swiper-slide-thumb-active  .thing-item{  background: #328cf5;}
.mySwiper .swiper-slide.swiper-slide-thumb-active .thing-item .thing-item-title{color:#fff;} 
/* ==================== 一件事 内容 ==================== */
.mySwiper2{margin-top:20px;}
.section-detail .detail-wrapper {  background: #ffffff;  box-shadow: 0px 6px 10px 0px rgba(220, 235, 255, 0.41);  border: 1px solid #dcebff;  margin-bottom: 40px;}
.section-detail .detail-wrapper .detail-title {  padding-top: 22px;  padding-left: 140px;  padding-bottom: 22px;  background: #f0f8ff;  font-weight: 800;  font-size: 22px;  color: #328cf5;  position: relative;}
.section-detail .detail-wrapper .detail-title::before {  content: "";  position: absolute;  top: 4px;  left: 4px;  width: 127px;  height: 71px;  background: url(../images/tsyjs_yjs_img16.png) no-repeat center/100%;}
.section-detail .detail-wrapper .detail-content {  padding: 24px 30px;  display: flex;}
.detail-content .left,.detail-content .right {  width: 50%;  padding: 0 10px;}
.detail-content .subtitle {  font-weight: 800;  font-size: 20px;  color: #333333;  margin-bottom: 10px;  position: relative; background: url("../images/tsyjs_yjs_img17.png") no-repeat left center; padding-left:20px;}
.detail-content .sx-list {  min-height: 240px;  max-height: 240px;  overflow-y: auto;  padding: 10px 0;}
.detail-content .sx-list::-webkit-scrollbar {  width: 6px;}
.detail-content .sx-list::-webkit-scrollbar-track {  background: #f0f0f0;  border-radius: 3px;}
.detail-content .sx-list::-webkit-scrollbar-thumb {  background: #c0c0c0;  border-radius: 3px;}
.detail-content .sx-list::-webkit-scrollbar-thumb:hover {  background: #999999;}
.detail-content .sx-list .sx-item {  padding-left: 28px;  font-weight: 500;  font-size: 18px;  color: #333333;  margin-bottom: 12px;  position: relative;}
.detail-content .sx-list .sx-item:last-child {  margin-bottom: 0;}
.detail-content .sx-list .sx-item::before {  content: "";  position: absolute;  top: 50%;  left: 0;  transform: translateY(-50%);  width: 22px;  height: 22px;  background: url("../images/tsyjs_yjs_img18.png") no-repeat center/100%;}


/*办事指南按钮*/
.left-btns {  display: flex;  gap: 20px;  margin-top: 20px;}
.left-btns button {  display: flex;  align-items: center;  justify-content: center;  gap: 8px;  padding: 12px 32px;  border-radius: 6px;   font-weight: 600;  font-size: 18px;  cursor: pointer;  }
.left-btns .btn-solid {  background: #328cf5 url(../images/tsyjs_yjs_img19.png) no-repeat 32px center ;  padding-left:60px;border: 2px solid #328cf5;  color: #ffffff;}
/* .left-btns .btn-solid:hover {  background: #2a7de1;} */
/*联办效能*/
.efficiency {  background: linear-gradient(0deg, #f0f8ff 0%, #fffbe4 100%);  padding-bottom: 10px;}
.efficiency-header {  padding-left: 135px;  display: flex;  align-items: center;  justify-content: center;  margin-bottom: 30px;}
.efficiency-title {  font-weight: 700;  font-size: 22px;  color: #333333;}
.efficiency-title.highlight {  color: #ffdf2b;}
.efficiency-vs {  font-family: Arial;  font-weight: 900;  font-size: 28px;  color: #ffdf2b;  font-style: italic;  margin-left: 40px;  margin-right: 60px;}
.efficiency-list {  display: flex;  flex-direction: column;  gap: 20px;}
.efficiency-item {  display: flex;  align-items: center;  gap: 30px;}
.efficiency-item .efficiency-title {  width: 135px;  height: 42px;  font-weight: 400;  font-size: 18px;  padding-top: 12px;  padding-left: 52px;}
.efficiency-item .efficiency-title.bg1 {  background: url("../images/tsyjs_yjs_img20.png") no-repeat center/100%;}
.efficiency-item .efficiency-title.bg2 {  background: url("../images/tsyjs_yjs_img21.png") no-repeat center/100%;}
.efficiency-item .efficiency-title.bg3 {  background: url("../images/tsyjs_yjs_img22.png") no-repeat center/100%;}
.efficiency-item .efficiency-title.bg4 {  background: url("../images/tsyjs_yjs_img23.png") no-repeat center/100%;}
.efficiency-value {  font-size: 20px;  flex: 1;  text-align: center;}
.efficiency-value.old {  color: #999999;  text-decoration: line-through;}
.efficiency-value.new {  color: #328cf5;}

.picLink img{max-width: 100%;}
/*#######################    个人服务、法人服务    #######################*/
.fwTitle{text-align: center;height:42px; }
.fwTitle ul {  display: inline-flex;  align-items: center;  gap: 0;  position: relative;}
.fwTitle ul::before,.fwTitle ul::after {  position: absolute;  content: "";  width: 283px;  height: 42px;  top: 50%;  -webkit-transform: translateY(-50%);  transform: translateY(-50%);}
.fwTitle ul::before {  right: calc(100% - 40px);}
.fwTitle ul::after {  left: calc(100% - 50px);}
.fwTitle ul>li{  font-size: 30px;  cursor: pointer;  transition: color 0.3s ease;  padding: 0 4px; z-index: 99;}
.fwTitle ul>li.on {  color: #328cf5;}
.fwTitle ul>li:not(.on) {  color: #333333;}
.fwTitle ul>li:on {  color: #328cf5;}
.fwTitle ul>li.service-divider {  font-size: 28px;  color: #cccccc;  margin: 0 12px;}

.inBox{ padding:15px 15px 0 15px;  }
.inBox .inHd{ text-align: center; margin:10px 0 30px }
.inBox .inHd ul{ overflow:hidden; zoom:1; display:inline-block; }
.inBox .inHd ul li {  font-size: 16px;  line-height:41px; height:45px; border: 2px solid #328cf5;  cursor: pointer;  transition: all 0.3s ease;  background: #ffffff;  color: #328cf5;float:left;padding:0 30px;}
.inBox .inHd ul li:first-child {  border-radius: 22px 0 0 22px;  margin-right: -2px;}
.inBox .inHd ul li:last-child {  border-radius: 0 22px 22px 0;}
.inBox .inHd ul li.on {  background: #328cf5;  color: #ffffff;}
.inBox .inHd ul li :hover:not(.on) {  background: #f0f8ff;}

/*生命周期小图标样式*/
.category-icons {  display: flex;  flex-wrap: wrap;  gap: 24px;  margin-bottom: 20px;}
.category-icon-item {  display: flex;  flex-direction: column;  align-items: center;  justify-content: center;  width: 130px;  height: 100px;  border-radius: 8px;  cursor: pointer;  transition: all 0.3s ease;  background: #f5f9ff;}
.category-icon-item:hover {  background: #e3f2ff;}
.category-icon-item.active {  background: #e3f2ff;  box-shadow: 0 0 0 2px #328cf5;}
.category-icon-item .icon-bg {  width: 36px;  height: 36px;  margin-bottom: 8px;  background-size: 100% 100%;  background-repeat: no-repeat;}
.category-icon-item span {  font-size: 14px;  color: #333333;}
.category-icon-item.active span {  color: #328cf5;}

.service-items {  display: grid;  grid-template-columns: 1fr 1fr;  gap: 16px;}
.service-item {  display: flex;  align-items: center;  justify-content: space-between;  height: 68px;  padding: 0 24px 0 45px;    border: 1px solid #e8e8e8;  border-radius: 8px;  transition: all 0.3s ease;  cursor: pointer;  overflow: hidden;  min-width: 0;}
.service-item:hover {  border-color: #328cf5;  box-shadow: 0 2px 8px rgba(50, 140, 245, 0.12);}
.service-item-left {  display: flex;  align-items: center;  gap: 12px;  flex: 1;  min-width: 0;}
.service-item-left .arrow-icon {  width: 20px;  height: 20px;  flex-shrink: 0;  background-size: 100% 100%;  background-repeat: no-repeat;}
.service-item-name {  font-weight: 400;  font-size: 16px;  color: #000000;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.service-item-btn {  flex-shrink: 0;  margin-left: 16px;  padding: 8px 24px;  background: #ffffff;  border: 1px solid #328cf5;  border-radius: 4px;  font-weight: 600;  font-size: 14px;  color: #328cf5;  cursor: pointer;  transition: all 0.3s ease;}
.service-item-btn:hover {  background: #328cf5;  color: #ffffff;}
/* .inBox .inHd ul li{ height:24px; width:60px; text-align:center; float:left; cursor:pointer;  }
.inBox .inHd ul li.on{ background:#ccc; color:#fff;  }
.inBox .inBd ul{ padding:15px;  zoom:1; overflow:hidden;   }
.inBox .inBd li{ height:24px; line-height:24px; overflow:hidden; zoom:1;  }
.inBox .inBd li .date{ float:right; color:#999;   */


.sx_total{line-height:40px;}







@media screen and (max-width: 1024px) {
  .section-detail .detail-wrapper .detail-content{display:block}
  .detail-content .left,.detail-content .right{width:100%;padding:0;}
  .detail-content .right{margin-top:25px;}
  /*.detail-content .sx-list {  min-height: 0px;  }*/
.service-items{display:block;}
.service-item{margin-bottom:25px;}
}
@media screen and (max-width: 768px) {
  .mySwiper .swiper-slide{width:50%}
  .section-detail .detail-wrapper .detail-content{padding:15px 10px;}
  .section-detail .detail-wrapper .detail-title{font-size:20px;}
  
}
@media screen and (max-width: 560px) {
	.inner_box{padding: 15px 10px;}
  .efficiency-title{font-size:18px;}
  .detail-content .sx-list .sx-item{font-size:16px;}
  .fwTitle ul>li{font-size:24px;}
}