/*
* @Author: Sun Jijing
* @Date:   2023-07-12 14:36:01
* @Last Modified by: Sun Jijing
* @Last Modified time: 2023-07-12 17:07:08
*/
.pubcon { width: 1200px; margin: 0 auto; }
/* banner */
.banner { width: 100%; }
.banner img { display: block; width: 100%; }

.theme_content { padding-top: 35px; padding-bottom: 80px; background: #fff; background: url(content_bg.png),linear-gradient(to top, #d5eef2, #fff 60%); background-repeat: no-repeat; background-position: center 46%; background-size: 100% auto; }

.shbzk_wrap { height: 300px; background: url(shbzk_bg.png) no-repeat center top; background-size: 100%; padding-left: 390px; padding-top: 90px; margin-bottom: 50px; }
.bzk_row { margin-bottom: 20px; }
.bzk_cell { display: block; float: left; height: 60px; line-height: 60px; background: #fff; border-radius: 6px; width: 700px; font-size: 22px; color: #177bd8; text-align: center; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 0 6px rgba(64,137,217,0.4); transform: scale(1); transition: all ease-in-out 300ms; }
.bzk_cell.cell4 { width: 160px; margin-right: 20px; }
.bzk_cell.cell2 { width: 340px; margin-right: 20px; }
.bzk_cell img { vertical-align: middle; margin-right: 20px; }
.bzk_cell:hover { transform: scale(1.05); }

.module_tit { height: 123px; text-align: center; background: url(tit_bg.png) no-repeat center; margin-bottom: 40px; }
.module_tit span { display: inline-block; font-size: 36px; color: #fff; line-height: 138px; }
.shbx_item { width: 340px; float: left; margin-bottom: 40px; border-radius: 15px; border-width: 1px; border-style: solid; border-color: #ccc; padding: 0 20px 20px; background: #fff; }
.shbx_item.long { width: 545px; }
.shbx_tit { width: 244px; height: 60px; border-radius: 60px; margin: -10px auto 20px; font-size: 22px; text-align: center; display: flex; justify-content: center; align-items: center; color: #fff; }
.shbx_tit img { vertical-align: middle; margin-right: 10px; }
.shbx_box > a { display: inline-block; float: left; width: 160px; height: 46px; line-height: 46px; text-align: center; font-size: 18px; border-radius: 6px; margin-bottom: 15px; }
.shbx_box > a:nth-child(2n) { margin-left: 20px; }
.shbx_box > a.long { width: 100%; margin-left: 0; }
.shbx_box > a:hover { font-weight: bold; }

.shbx_item.item01 { border-color: #52b2fa; box-shadow: 0 0 15px rgba(64,141,212,.2) inset; }
.shbx_item.item01 .shbx_tit { background: linear-gradient(to right bottom, #408dd4, #9fd2f6); }
.shbx_item.item01 .shbx_box > a { background: linear-gradient(to bottom, rgba(64,141,212,.2), rgba(159,210,246,.2)); color: #177bd8; }

.shbx_item.item02 { margin-left: 30px; }
.shbx_item.item02 { border-color: #f9a022; box-shadow: 0 0 15px rgba(227,114,52,.2) inset; }
.shbx_item.item02 .shbx_tit { background: linear-gradient(to bottom, #e37234, #eeab60); }
.shbx_item.item02 .shbx_box > a { background: linear-gradient(to bottom, rgba(227,114,52,.2), rgba(238,171,96,.2)); color: #f2790e; }

.shbx_item.item03 { border-color: #188f31; box-shadow: 0 0 15px rgba(0,130,58,.2) inset; float: right; }
.shbx_item.item03 .shbx_tit { background: linear-gradient(to bottom, #00823a, #60b70b); }
.shbx_item.item03 .shbx_box > a { background: linear-gradient(to bottom, rgba(0,130,58,.2), rgba(96,183,11,.2)); color: #009944; }

.shbx_item.item04 .shbx_box > a { width: 170px; margin-left: 17px; }
.shbx_item.item04 .shbx_box > a.cell2 { width: 264px; }
.shbx_item.item04 .shbx_box > a:nth-child(3n+1) { margin-left: 0; }
.shbx_item.item04 { border-color: #ff9197; box-shadow: 0 0 15px rgba(255,116,126,.2) inset; }
.shbx_item.item04 .shbx_tit { background: linear-gradient(to bottom, #ff747e, #ffbdbd); }
.shbx_item.item04 .shbx_box > a { background: linear-gradient(to bottom, rgba(255,116,126,.2), rgba(255,189,189,.2)); color: #ff7a83; }

.shbx_item.item05 { float: right; }
.shbx_item.item05 .shbx_box > a { width: 170px; margin-left: 17px; }
.shbx_item.item05 .shbx_box > a:nth-child(1) { margin-left: 0; }
.shbx_item.item05 .shbx_box > a.long { width: 100%; margin-left: 0; }
.shbx_item.item05 { border-color: #68d4da; box-shadow: 0 0 15px rgba(25,206,108,.2) inset; }
.shbx_item.item05 .shbx_tit { background: linear-gradient(to bottom, #19ced0, #86d7de); }
.shbx_item.item05 .shbx_box > a { background: linear-gradient(to bottom, rgba(25,206,108,.2), rgba(134,215,222,.2)); color: #2ba7b1; }


.shbx_item .shbx_box .item{width:100%;float:left;position:relative;}
.shbx_item .shbx_box .item p a{
background: linear-gradient(to bottom, rgba(64,141,212,.2), rgba(159,210,246,.2));
color: #177bd8;
float: left;
width: 100%;
height: 46px;
line-height: 46px;
text-align: center;
font-size: 18px;
border-radius: 6px;
margin-bottom: 15px;
}

.shbx_item.item02 .shbx_box .item{width:160px;margin-left:20px;}
.shbx_item.item02 .shbx_box .item p a{
width:160px;
background: linear-gradient(to bottom, rgba(227,114,52,.2), rgba(238,171,96,.2));
color: #f2790e;
}

.shbx_item.item03 .shbx_box .item p a{
background: linear-gradient(to bottom, rgba(0,130,58,.2), rgba(96,183,11,.2));
color: #009944;
}

.shbx_item .shbx_box .item .ul_box{display:none;position:absolute;left:0;top:46px;width:100%;background:#fff;border:1px solid #e7f3fc;padding:5px 0;}
.shbx_item .shbx_box .item .ul_box li{padding:5px 15px;}
.shbx_item .shbx_box .item .ul_box li a{font-size:14px;color:#444;}


/* 社会保障 */
.shbz_con { padding-top: 50px; }
.shbz_item { border-radius: 20px; background: #fff; width: 320px; padding: 0 30px 30px; float: left; }
.shbz_item.item_02 { margin-left: 30px; }
.shbz_item.item_03 { float: right; }
.shbz_item .tit { height: 60px; margin-top: -50px; padding-top: 200px; }
.shbz_item .tit span { display: block; height: 60px; line-height: 60px; text-align: center; font-size: 22px; color: #177bd8; font-weight: bold; }
.shbz_item .con { margin-top: 10px; min-height: 360px; }
.shbz_item .con a { display: block; height: 45px; line-height: 45px; font-size: 18px; color: #333; text-align: center; }
.shbz_item .con a:hover { color: #177bd8; font-weight: bold; }
.shbz_item.item_01 .tit { background: url(shbz_tit01.png) no-repeat center bottom; }
.shbz_item.item_02 .tit { background: url(shbz_tit02.png) no-repeat center bottom; }
.shbz_item.item_03 .tit { background: url(shbz_tit03.png) no-repeat center bottom; }

@media screen and (max-width: 1200px) {
	.pubcon { width: auto; padding: 0 20px; }
	.shbzk_wrap { padding-left: 300px; padding-right: 60px; height: 390px; background-size: 100% 100%; }
	.bzk_row { display: flex; justify-content: space-between; }
	.bzk_row::after { display: none; }
	.bzk_cell.cell4 { margin-right: 0; width: 23%; }
	.bzk_cell.cell2 { width: 48.5%; margin-right: 0; }

	.shbx_item, .shbz_item { width: 32%; }
	.shbx_item.item02, .shbz_item.item_c { margin-left: 2%; }
	.shbx_box { display: flex; flex-wrap: wrap; justify-content: space-between; }
	.shbx_box::after { display: none; }
	.shbx_box a { width: 48%; }
	.shbx_box a:nth-child(2n) { margin-left: 0; }
	.shbx_item.long { width: 49%; }
	.shbx_item.item04 .shbx_box a, .shbx_item.item05 .shbx_box a { width: 31%; margin-left: 0; }
	.shbx_item.item04 .shbx_box a.cell2 { width: 48.5%; }

	.shbz_item .tit { height: 260px; }
	.shbz_item.item_01 .tit, .shbz_item.item_03 .tit, .shbz_item.item_02 .tit { background-size: auto 100%; }
}
@media screen and (max-width: 1024px) {
	.shbzk_wrap { padding: 20px 20px 0; background: #cfeeff; border-radius: 15px; height: auto; border: 10px double #177bd8; }

	.shbx_item, .shbz_item, .shbx_item.long { width: 100%; }

	.shbz_item { margin-bottom: 50px; }
	.shbz_item:last-child { margin-bottom: 0; }
	.shbz_item .con { display: flex; flex-wrap: wrap; min-height: auto; }
	.shbx_item.item02, .shbz_item.item_03 { margin-left: 0; }
	.shbz_item .con a { width: auto; margin: 0 10px; }
}
@media screen and (max-width: 768px) {
	.theme_content { padding-top: 40px; padding-bottom: 40px; }
	.shbzk_wrap { padding: 10px 10px 0; border-width: 4px; margin-bottom: 30px; }
	.bzk_row { flex-wrap: wrap; margin-bottom: 0px; }
	.bzk_cell { min-height: 40px; font-size: 18px; line-height: 1.2em; padding: 5px 0; height: auto; display: inline-flex; justify-content: center; align-items: center; }
	.bzk_cell.cell4 { width: 48.5%; margin-bottom: 10px; }
	.bzk_cell img { height: 24px; margin-right: 10px; }
	.bzk_cell.cell2 { width: 100%; margin-bottom: 10px; }

	.module_tit { height: 70px; margin-bottom: 20px; background-size: auto 100%; }
	.module_tit span { font-size: 22px; line-height: 78px; }

	.shbx_item { margin-bottom: 20px; padding: 0 10px 0px; }
	.shbx_tit { width: 40%; font-size: 18px; line-height: 40px; height: 40px; margin-bottom: 10px; }
	.shbx_box a { height: 30px; line-height: 30px; font-size: 14px; margin-bottom: 10px; }
	.shbx_tit img { height: 60%; }

	.shbz_item { margin-bottom: 60px; }
	.shbz_item .con a { height: 2em; line-height: 2em; font-size: 16px; }
}
@media screen and (max-width: 460px) {
	.bzk_cell, .shbz_item .con a { font-size: 14px; }
	.shbz_item { padding: 0 10px 10px; }
}