/*-- D&C by FangZ 202408 --*/

.minsheng{width:100%;max-width:100%; background: url(../images/bg.jpg) no-repeat top center; background-size: 100% }
.location_wrap{padding: 0 15px}
.minsheng .location{margin-top: 30px;margin-bottom: 30px}

.kv .main{border-radius:8px}
.kv dl{border-radius:8px;margin-top:40px;padding:80px 40px}
.kv dl{display: flex;justify-content: flex-start;align-items: center}
.kv dt{margin-left:50px;font-size: 3rem;color: #fff;text-shadow: 2px 5px 0 rgba(0,0,0,0.2);line-height: 1.2}
.kv dd {margin-left: 30px;margin-top: 10px;position: relative;z-index: 10;}
.kv dd span{display: flex;justify-content: center;align-items:center;padding:0.3em 1em;float:left;background-color: #fff; border-radius: 10px;font-size: 1rem}
.kv dd span i{display: block;width:14px;height: 14px;margin-left: 10px;background: url(../images/arrow_down.png) no-repeat center center; background-size: cover;transition: all ease-in 0.2s;}
.kv dd span i.up{transform: rotate(180deg);}
#select_minsheng ul{display: none;}
.kv dd ul{position: absolute;left:0;top:42px;width:100%;box-sizing:border-box;padding:10px;background-color:#fff;border-radius: 10px;box-shadow: 0 10px 10px rgba(0,0,0,0.2);}
.kv dd ul li{line-height: 2.5;border-bottom: 1px solid #e3e3e3;}
.kv dd ul li:last-child{border-bottom: none;}
.kv dd ul li a{display: block;margin: 1px 0;text-indent: 0.5em;}
.kv dd ul li a:hover{background-color:#f5f5f5;}

/*主题分类背景定制*/
.kv_jyky .main{background: linear-gradient(180deg, rgb(45, 120, 203), rgb(110, 163, 219));box-shadow: 0 10px 10px #ddeeff}
.kv_jyky .main dl{background: url(../images/kvbg_jyky.png) no-repeat right 100px bottom 5px; background-size: auto 90%}

.location img{margin-right: 10px}

.section{margin-bottom:30px}
.section .col_a{width:66%;float: left}
.section .col_b{width:32.5%;float: right}
.section .article_card:last-child{margin-bottom: 0}

.titile_guide{margin-top: -20px;margin-bottom:20px;font-size: 1.8rem; text-align: center;line-height: 2;color:#1559a3;display: flex;justify-content: center;align-items: center}
.titile_guide::before,.titile_guide::after{content: '';height: 8px;width:calc(50% - 3.5em);border-top: 1px solid #ccd3dc;border-bottom: 1px solid #ccd3dc;transform: skewX(-15deg)}
.titile_guide strong{margin:0 5px;padding: 0 1em;position: relative}
.titile_guide strong::before,.titile_guide strong::after{content: '';position: absolute;top:50%;width:5px;height: 30px; background-color: #1559a3;transform: translateY(-50%) skewX(-15deg)}
.titile_guide strong::before{left:0}
.titile_guide strong::after{right:0}

.top_imglink{position: relative;box-sizing:border-box;padding:15px;width:100%;height: 187px;background-color:#fff;border-radius: 8px;overflow: hidden}
.top_imglink h4{position:absolute;top:15px;right:15px;padding:0.75em 1.5em;background-color: #ff9700;border-radius:0 0 0 16px;color:#fff;font-size:0.8rem;z-index: 2}
.yjs_Swiper {width: 100%;height: 100%;overflow:hidden;}
.yjs_Swiper .swiper-slide{display:flex;justify-content:center;align-items:center;text-align:center;font-size:1.5rem;color: #fff}
.yjs_Swiper .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}
.yjs_Swiper .swiper-pagination-bullet{width:12px;height:12px;background-color: #fff}
.yjs_Swiper .swiper-slide{position: relative;}
.yjs_Swiper .swiper-slide .bg{position: absolute;left:0;bottom:0;width: 100%;height: 100%;background-size: 100% !important;background-position:center center !important;filter: blur(20px);opacity: 0.5;}
.yjs_Swiper .swiper-slide img{position: relative;z-index: 11;}

.article_card{padding:30px;box-sizing: border-box;margin-bottom:30px;background-color: #fff; border-radius: 8px}

.card_title{margin-bottom: 15px; background: url(../images/t_bg.png) no-repeat left center; display: flex;justify-content: space-between}
.card_title strong{display:inline-block;padding-right:0.5em;margin-left: 25px;font-size: 1.5rem;color: #1559a3;background-color: #fff}
.card_title.short strong{margin-left: 45px}
.card_title .more{padding-left: 0.5em;background: #fff}
.card_title .more a{display:block;width:28px;height: 28px;font-size: 0; background: url(../images/more.png); background-size: cover}

.list ul li{display: flex;justify-content: space-between; line-height:55px;white-space: nowrap}
.list ul li a{position: relative; padding-left:15px; overflow:hidden;white-space: nowrap;font-size:0.9rem; color:#343434;text-overflow: ellipsis}
.list ul li a:before{ content:""; position:absolute;top:47%; left:0px;width:5px; height:5px; background:#ccd3dc;border-radius:50%}
.list ul li a:hover{color:#1559a3}
.list ul li a:hover:before{ background:#1559a3}
.list ul li span{margin-left: 1em;color: #9d9d9d}
.list_more{display: none;text-align: center}
.list_more a{display: inline-block;padding: 10px 40px;height: 100%;background: #ededed;font-size: 0.9rem;color: #666;text-align: center}

.service ul{padding-top:15px;margin-right:-15px;display: flex;flex-wrap: wrap;justify-content: space-between}
.service li {margin-right: 15px;flex-grow: 1;margin-bottom: 15px}
.service li a{display: flex;justify-content:center;align-items: center;padding:0.85em 0.5em;background: #f4f9ff;border: 1px solid #ddeeff;border-radius:5px;text-align: center;font-size: 0.9rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.service li i{display: inline-block;width:35px;height:35px;margin-right:10px;background: url(../images/icon_list02.png) no-repeat left center;background-size: 100%;}
.service_list_cx li i{background: url(../images/icon_list03.png) no-repeat left center;background-size: 100%;}

.card_guide ul{padding-top: 0;margin-bottom: -15px}
.card_guide ul{margin-right:-15px;display: flex;flex-wrap: wrap;justify-content: space-between}
.card_guide li {margin-right: 15px;flex-grow: 1;margin-bottom: 15px;width:calc(33% - 15px)}
.card_guide li a{display: flex;justify-content:center;align-items: center;padding:1em 0; background-color: #fff;color: #000;font-size: 1.1rem;border: none;border-radius: 8px;color:#1559a3;}
.card_guide li i{display: inline-block;width:42px;height:42px;border-radius:10px;margin-right:15px;background-color:#fff}

.card_guide li:nth-child(1) i{background: url(../images/icon_guide01.png) no-repeat center center;background-size: 100%;}
.card_guide li:nth-child(2) i{background: url(../images/icon_guide02.png) no-repeat center center;background-size: 100%;}
.card_guide li:nth-child(3) i{background: url(../images/icon_guide03.png) no-repeat center center;background-size: 100%;}
.card_guide li:nth-child(4) i{background: url(../images/icon_guide04.png) no-repeat center center;background-size: 100%;}
.card_guide li:nth-child(5) i{background: url(../images/icon_guide05.png) no-repeat center center;background-size: 100%;}
.card_guide li:nth-child(6) i{background: url(../images/icon_guide06.png) no-repeat center center;background-size: 100%;}



.service .list_col_a li{width:100%}
.service .list_col_b li{width:calc(50% - 15px)}
.service .list_col_c li{width:calc(33% - 15px)}
.service .list_col_d li{width:calc(25% - 15px)}
.service .list_col_e li{width:calc(20% - 15px)}
.service .list_col_f li{width:calc(16.6% - 15px)}

.list_qa_index {padding-top: 10px;}
.list_qa_index li{position:relative;margin-bottom: 15px; padding:15px 15px 15px 85px; border: 1px solid #ddeeff; background-color: #f4f9ff;border-radius: 8px;min-height: 111px;box-sizing: border-box;}
.list_qa_index li:last-child{margin-bottom: 0;}
.list_qa_index li i{position: absolute;left: 15px;top:25px;display:inline-block;width:50px;height: 50px;text-align: center;line-height: 34px;color: #fff;font-style: normal}
.list_qa_index li i{background: url(../images/msfw_qa.png) no-repeat;background-size: 100%;color: #fff}
.list_qa_index li a{display: -webkit-box;-webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;text-overflow: ellipsis;font-size: 0.9rem;}
.list_qa_index li span{display: block;margin-top:5px;color: #999;}

.list_qa {padding-top: 10px}
.list_qa dl{margin-bottom: 15px; padding:15px; border: 1px solid #ddeeff; background-color: #f4f9ff;border-radius: 8px}
.list_qa dt,.list_qa dd{position: relative;padding-left: 40px;font-weight: normal}
.list_qa dl i{position: absolute;left: 0;top:0;display:inline-block;width:36px;height: 36px;text-align: center;line-height: 34px;color: #fff;font-style: normal}
.list_qa dt i{background: url(../images/msfw_q.png);background-size: 100%;color: #fff}
.list_qa dd i{background: url(../images/msfw_a.png);background-size: 100%;color: #fff;font-size: 0.9rem}
.list_qa dt{margin-bottom:10px;color:#1559a3;font-size: 0.9rem}
.list_qa dt a:link,.list_qa dt a:visited{color:#1559a3}
.list_qa dd{display: -webkit-box;-webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;text-overflow: ellipsis;line-height: 1.6}

/*功能按钮定制*/
.link_button ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.link_button li{flex-grow: 1;margin-right: 20px}
.link_button li:last-child{margin-right: 0}
.link_button li a{padding:12px 0; border-radius: 5px; display: flex;justify-content: center;align-items: center;font-size: 1.2rem;transition: all ease-in 0.3s}
.link_button li span{margin:0 10px}
.link_button li.color1 a{background: linear-gradient(to bottom, #addfff, #e1f3ff);transition: all ease-in 0.3s}
.link_button li.color2 a{background: linear-gradient(to bottom, #ffb9b9, #ffdddd)}
.link_button li.color3 a{background: linear-gradient(to bottom, #ffe5b3, #f9f2e4)}
.link_button li.color4 a{background: linear-gradient(to bottom, #adf0dc, #e4f9f3)}
.link_button li.color1 a:hover{background: linear-gradient(to top, #addfff, #e1f3ff)}
.link_button li.color2 a:hover{background: linear-gradient(to top, #ffb9b9, #ffdddd)}
.link_button li.color3 a:hover{background: linear-gradient(to top, #ffe5b3, #f9f2e4)}
.link_button li.color4 a:hover{background: linear-gradient(to top, #adf0dc, #e4f9f3)}
.link_button li a:hover{color: #000}

.col_b .link_button li{width:100%;margin-right: 0;margin-bottom: 20px}
.col_b .link_button li:last-child{margin-bottom: 0;}


.sidebar{width:24%;float: left;}
.sidebar dl{margin-top: 15px;}
.sidebar dt{padding:0.3em 0;background-color: #1559a3;color: #fff;font-size: 1.5rem;text-indent: 30px;}
.sidebar dd{padding:20px 0 20px 30px;background-color:#f4f9ff;}
.sidebar dd a{display: block;font-size: 1.1rem;padding: 0.5em 0;}
.block_list{width:73%;float: right;position: relative;}
.sidebar dd a.cur{color: #1559a3;font-weight: bold;}
.block_list::before{content: '';display: block;width: 1px;position: absolute;left:0;top:15px;bottom: 0;border-left: 1px dotted #73aee8;}
.block_list .article_card{margin-bottom: 0;padding:15px 0 15px 30px;}


@media (max-width: 1080px) {
	.location_wrap h3 strong{font-size: 2.4rem}
	.location_wrap h3 em{font-size: 1.3rem}
	.kv_jyky .main dl{background-position: right bottom;background-size: auto 70%;}
	.kv dt{margin-left: 0;font-size: 2rem;}
	.titile_guide{font-size: 1.75rem;}
	.section .col_a,.section .col_b{width:100%}
	.section .col_b{margin-top: 30px;}
	.block_b .article_card{width:100%}
	.article_card{padding:20px}
	.list ul li{line-height: 2.4}
	.list_more{display: block}
	.card_title .more{display: none}
	.section_service .service,.section_service .link_button{float: none;width:100%}
	.list_qa_index li:last-child{margin-bottom: 15px;}
	.link_button{margin-top: 15px}
	.link_button li{width:calc(50% - 20px);margin-bottom:15px;}
	.link_button li:nth-child(2n){margin-right: 0;}
	.link_button li img{width: 10vw;margin-right: 0.5em}
	
	.sidebar{margin-bottom: 20px;}
	.sidebar dl{margin-top: 0;}
	.sidebar,.block_list{width:100%;float: none;}
	.block_list::before{display: none;}
	.block_list .article_card{padding-left: 0;}
	.sidebar dd{padding:10px;}
	
}
@media (max-width: 640px) {
	.kv_jyky .main dl{padding-top:10vw;padding-bottom:32vw;flex-direction: column;background-size: 70% auto;background-position: center bottom;}
	.kv dt{letter-spacing: 0.5em;}
	.kv_jyky .main dd{margin-left: 0;margin-top: 20px;}
	.card_guide li {width:calc(48% - 15px)}
	.card_guide li i{width:32px;height: 32px;margin-right: 10px;}
	.service li i{width:32px;height: 32px;margin-right: 10px;}
	.top_imglink{height: auto;}
	.article_card{padding: 15px}
	.service li{margin-bottom: 15px}
	.link_button li{width:100%;margin-right: 0;margin-bottom:15px;}
	.link_button li img{width: 13vw}
	.list_qa dt{font-size: 1.1rem;}
	.service ul{margin-right: 0;}
	.service .list_col_b li{width:100%;margin-right: 0;}
	.service .list_col_c li{width:calc(48% - 15px)}
	.service .list_col_c li:nth-child(2n){margin-right: 0;}
	
	.sidebar dt{font-size: 1.2rem;}
	.sidebar dd a{font-size: 1rem;}

}