/**************历史脉络**********/
.xzlsmlbox{margin:50px 0;}
.xzlsmltopleft img{width:100%;}
.xzlsmltop{/*display: flex;justify-content: center;flex-wrap: wrap;*/}
.xzlsmltopleft{width:184px;}
.xzlsmltoplogo{width:164px; height:164px;border:1px dashed #b29b6b;border-radius: 50%;overflow:hidden;margin:0 20px;}
.xzlsmltoplogo img{width:142px;margin:29px auto 0 auto;}
.xzlsmltopright{width:calc(100% - 390px);background:#b29b6b;padding:20px 40px; line-height:2;font-size:16px;color:#fff;text-align: justify;}
.xzlsmlul{}
.xzlsmlul li{width:100%;}
.xzlsmlul li h4{width:290px;float:left;text-align:right;font-size:40px;color:#004a99;font-weight:bold; line-height:40px;padding:20px 80px 20px 0;position:relative;}
.xzlsmlul li h4:before{content:"";width:50px;height:1px;background:#b29b6b;position:absolute;right:0;top:40px;}
.xzlsmlul li h4:after{content:"";width:8px;height:8px;background:#b29b6b;position:absolute;right:50px;top:37px;border-radius: 50%;}
.xzlsmlul .xzlsmlnr{width:calc(100% - 290px);float:right;border-left:1px solid #b29b6b;padding:20px 0 20px 40px;position:relative;}
.xzlsmlul .xzlsmlnr:before{content:"";width:14px;height:14px;background:#fff; border:2px solid #b29b6b;border-radius: 50%;position:absolute;left:-10px;top:32px;}
.xzlsmlul .xzlsmlnr h6{width:100%; line-height:40px;display:block;font-size:18px;}
.xzlsmlul .xzlsmlnr .xzlsmlimg{}
.xzlsmlul .xzlsmlnr .xzlsmlimg img{display:inline-block;}
.xzlsmlul .xzlsmlnr .xzlsmlimg p,.xzlsmlul .xzlsmlnr .xzlsmlimg span{font-size:16px;line-height:2;margin:0}
/**************宽仁故事**********/
.xzkrgsbox{width:100%;position:relative;display: flex;justify-content: space-between;flex-wrap: wrap;}
.xzkrgsbox .hd{width:25%;background:#84292a;float:left;position:relative;z-index:2; }
.xzkrgsbox .hd:before{content:"";width:100%;height:100%; background:url(../img/xzbg1.jpg) bottom right no-repeat;position:absolute;left:0;bottom:0;z-index:-1; }
.xzkrgsbox .hd ul{width:100%;padding:60px 0;}
.xzkrgsbox .hd ul li{width:100%;display:flex;justify-content: center; flex-wrap: wrap;cursor:pointer;margin:0 0 10px 0;position:relative;}
.xzkrgsbox .hd ul li:last-child{}
.xzkrgsbox .hd ul li span{ display:block; color:#fff;font-size:20px;line-height:50px;}
.xzkrgsbox .hd ul li p{ display:block; width:6px;height:6px;border-radius: 50%;background:#fff;margin:22px 15px 0 15px;line-height:50px;}
.xzkrgsbox .hd ul li.on{background:#953536;}
.xzkrgsbox .hd ul li.on:before{content:"";width:0px;height:0; border-top:transparent solid 0;border-left:transparent solid 25px;
border-right:transparent solid 25px;border-bottom:#953536 solid 30px;position: absolute;right:-40px;top:10px;transform: rotate(90deg);}
.xzkrgsbox .bd{width:72%;float:right; background:#aa996b;}
.xzkrgs_top{width:70%;display: flex;justify-content:center;flex-wrap: wrap;}
.xzkrgs_tximg{width:144px;}
.xzkrgs_tximg img{width:100%;}
.xzkrgs_txnr{width:calc(100% - 144px);padding:0 0 0 30px;}
.xzkrgs_txnrtitle {width:100%; display: flex;justify-content:unset;flex-wrap: wrap;margin:20px 0;}
.xzkrgs_txnrtitle span{display:block;font-size:26px;color:#fff;line-height:26px;margin:0 10px 0 0}
.xzkrgs_txnrtitle h6{display:block;font-size:20px;color:#fff;line-height:26px;}
.xzkrgs_txnrbox{color:#fff;line-height:25px;}
.xzkrgsbox .xzkrgsboxright{width:100%;background:url(../img/xzbg2.jpg) bottom right no-repeat;background-size:cover;padding:35px 40px;    position: relative;}
.xzkrgs_bottomtitle{font-size:24px;color:#fff;line-height:24px;margin:20px 0;}
.xzkrgs_bottomnr p{ color:#fff;line-height:30px;text-indent:2em;}

@media screen and (max-width:1680px) {
}
@media screen and (max-width:1550px) {
}
@media screen and (max-width:1500px) {
}
@media screen and (max-width:1440px) {
}
@media screen and (max-width:1366px) {
}
@media screen and (max-width:1300px) {
}
@media screen and (max-width:1210px) {
	.w1200{width:90%;}
	.xzlsmltop{display: flex;justify-content: center;flex-wrap: wrap;}
	.xzlsmltopright{width:100%;margin:20px 0 0 0;font-size:16px;padding:20px;}
	.xzlsmlul li span{font-size: 20px;width: 200px;}
	.xzlsmlul .xzlsmlnr{width: calc(100% - 200px);padding: 20px 0 20px 20px;}
	.xzlsmlul .xzlsmlnr h6,.xzkrgsbox .hd ul li span,.xzkrgs_txnrtitle h6{font-size:16px;}
	.xzkrgs_txnrbox,.xzkrgs_bottomnr p{font-size:14px;}
	.xzkrgs_txnrtitle span,.xzkrgs_bottomtitle{font-size: 20px;}
}
@media screen and (max-width:1100px) {
	
}
@media screen and (max-width:1024px) {
	.xzkrgsbox{display:block;}
	.xzkrgsbox .hd,.xzkrgs_top{width:100%;}
	.xzkrgsbox .hd ul{display: flex;justify-content: center;flex-wrap: wrap;padding:20px 0;}
	.xzkrgsbox .hd ul li{width:33%;}
	.xzkrgsbox .hd:before{background-size: cover;}
	.xzkrgsbox .bd{width:100%;}
	.xzkrgsbox .xzkrgsboxright{padding:20px;}
}
@media screen and (max-width:900px) {
}
@media screen and (max-width:800px) {
}
@media screen and (max-width:700px) {
	.xzlsmlimg img{width:100%;}
}
@media screen and (max-width:500px) {
	.xzlsmlbox{margin:20px 0;}
	.xzlsmlul li span{font-size: 14px;width: 105px;line-height: 24px;    padding: 10px 35px 10px 0;}
	.xzlsmlul .xzlsmlnr{width: calc(100% - 105px);padding: 10px 0 10px 10px;}
	.xzlsmlul .xzlsmlnr h6{line-height: 24px;font-size:14px;}
	.xzlsmlul .xzlsmlnr:before{top:16px;    width:8px;height:8px;left: -7px;}
	.xzlsmlul li span:before{top: 22px;width: 25px;}
	.xzlsmlul li span:after{top:18px; right: 25px;}
	.xzlsmltopleft{max-width:100%;}
	.xzlsmlul .xzlsmlnr .xzlsmlimg img{margin:5px 0;}
	.xzlsmltopright{font-size:14px;line-height: 24px;}
	.xzkrgsbox .hd ul li.on:before{display:none;}
	.xzkrgs_top,.xzkrgs_txnrtitle{display:block;margin:20px 0 10px 0;}
	.xzkrgs_tximg{margin:0 auto;}
	.xzkrgs_txnr{width:100%;padding:0;}
	.xzkrgs_txnrtitle span,.xzkrgs_txnrtitle h6{width:100%;text-align:center;}
	.xzkrgs_txnrtitle span{font-size:14px;}
	.xzkrgs_bottomtitle{text-align:center;background:rgba(0,0,0,0.2);padding:10px;font-weight:bold;font-size:16px;margin:5px 0;}
	.xzkrgsbox .hd ul li p{display:none;}
	.xzkrgsbox .hd ul li span{line-height:30px;}
	
}
@media screen and (max-width:414px) {
	
}
@media screen and (max-width:400px) {
	
}


