/*
* @Author: Sun Jijing
* @Date:   2023-04-24 10:47:15
* @Last Modified by: Sun Jijing
* @Last Modified time: 2023-04-25 10:07:36
*/

/* 服务专区 */
.banner img { display: block; width: 100%; }
.fwzq_box { width: 100%; background: url(/bjsdxqrmzf/template/page/shbz_theme/content_bg.png),linear-gradient(to top, #d5eef2, #fff 60%); background-repeat: no-repeat; background-position: center 60%; background-size: 100% auto;  padding-top: 60px; padding-bottom: 60px; }

.zt_mkTit { padding-left: 12px; background: url(fwzq_tit_line_l.png) no-repeat left center; overflow: hidden; margin-bottom: 60px; }
.zt_mkTit p { overflow: hidden; float: left; padding-right: 64px; background: url(fwzq_tit_line_r.png) no-repeat right bottom; }
.zt_mkTit span { display: inline-block; float: left; }
.zt_mkTit .CN { font-size: 62px; color: #333; font-family: Source Han Serif CN; font-weight: bold; line-height: 1em; }
.zt_mkTit .EN { font-size: 28px; color: #333; opacity: 0.5; vertical-align: bottom; margin-top: 25px; }

.fwzq_item { margin-bottom: 60px; }
.fwzq_item .img { width: 590px; height: 460px; border-radius: 0 50px 0 50px; overflow: hidden; }
.fwzq_item .img img { width: 100%; height: 100%; object-fit: cover; transform: scale(1, 1); transition: all ease-in-out 400ms; }
.fwzq_item .txt { width: 565px; padding-top: 30px; }
.zt_mkList li { width: 252px; height: 77px; line-height: 77px; background: #F4FAFD; float: left; margin-right: 30px; margin-bottom: 30px; }
.zt_mkList li a { display: block; font-size: 28px; }
.zt_mkList li img { vertical-align: middle; margin-left: 24px; margin-right: 20px; transform: rotateY(0deg); transition: all ease-in-out 400ms; }
.zt_mkList li:hover img { transform: rotateY(180deg); }
.zt_mkList li:hover a { font-weight: bold; }


.shbx_item { width: 340px; float: left; margin-bottom: 40px; border-radius: 15px; border-width: 1px; border-style: solid; border-color: #ccc; padding: 20px; background: #fff; }
.shbx_item.long { width: 545px; }
.shbx_tit { margin: 0px auto 20px; font-size: 22px; text-align: center; position: relative; }
.shbx_tit img { vertical-align: middle; }
.shbx_tit span { position: absolute; bottom: 15px; right: 15px; font-size: 62px; color: #fff; font-family: Source Han Serif CN; font-weight: bold; line-height: 1em; text-shadow: 0 0 10px #ccc; }
.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_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_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_box > a { background: linear-gradient(to bottom, rgba(0,130,58,.2), rgba(96,183,11,.2)); color: #009944; }

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

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


@media screen and (max-width:1200px) {
	* { box-sizing: border-box; }
	.pubCon { width: 100%; padding: 0 20px; }
	.fwzq_box { padding: 40px 0; }

	.zt_mkTit { background-size: auto 30px; margin-bottom: 30px; }
	.zt_mkTit p { padding-right: 40px; background-size: auto 5px; }
	.zt_mkTit .CN { font-size: 40px; }
	.zt_mkTit .EN { font-size: 18px; margin-top: 16px; }

	.fwzq_item { margin-bottom: 30px; display: flex; justify-content: space-between; align-items: center; }
	.fwzq_item.clearfix::after { display: none; }
	.fwzq_item:nth-child(2n) { flex-direction: row-reverse; }
	.fwzq_item .img { width: 48%; height: 30vw; }
	.fwzq_item .txt { width: 48%; padding-top: 0; }
	.zt_mkList { display: flex; flex-wrap: wrap; justify-content: space-between; }
	.zt_mkList li { width: 47%; height: 60px; line-height: 60px; margin-right: 0; margin-bottom: 20px; }
	.zt_mkList li a { font-size: 20px; display: flex; align-items: center; }
	.zt_mkList li img { margin-right: 16px; margin-left: 16px; height: 36px; }

	.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%; }
}

@media screen and (max-width:1023px) {
	.shbx_item, .shbx_item.long { width: 100%; }
}
@media screen and (max-width: 767px) {
	.zt_mkTit { background-size: auto 20px; margin-bottom: 20px; }
	.zt_mkTit .EN { font-size: 14px; margin-top: 10px; }
	.zt_mkTit .CN { font-size: 26px; }

	.zt_mkList li { height: 40px; line-height: 40px; margin-bottom: 10px; }
	.zt_mkList li a { font-size: 16px; }
	.zt_mkList li img { height: 28px; }

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

@media screen and (max-width: 620px) {
	.fwzq_box { padding: 20px 0 0px; }
	
	.fwzq_item, .fwzq_item:nth-child(2n) { flex-direction: column; }
	.fwzq_item .img, .fwzq_item .txt { width: 100%; }

	.fwzq_item .img { height: 50vw; margin-bottom: 10px; }
	.zt_mkList li img { margin-left: 10px; margin-right: 10px; }
	.zt_mkList li a { font-size: 14px; }
}