<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
@import "page.css";
#case_class{width:100%;padding:40px 0 20px;}
#case_class .wrap{display:flex;justify-content:space-between;align-items:start;flex-wrap:wrap;}
#case_class .slist:nth-child(1){width:40%;}
#case_class .slist:nth-child(2){width:30%;}
#case_class .slist:nth-child(3){width:20%;}
#case_class .stit{font-size:16px;font-weight:700;color:#206ae4;}
#case_class .slist .ylist{display:flex;justify-content:flex-start;align-items:start;flex-wrap:wrap;gap:10px; margin-top:10px}
#case_class .slist .ylist a{border:#e8edf2 1px solid;border-radius:3px;padding:2px 0; text-align:center}
#case_class .slist:nth-child(1) .ylist a{width:calc((100% - 30px) / 4);}
#case_class .slist:nth-child(2) .ylist a{width:calc((100% - 40px) / 5);}
#case_class .slist:nth-child(3) .ylist a{width:calc((100% - 10px) / 2);}
#case_class .slist .ylist a:hover{border:#206ae4 1px solid;background:#206ae4;color:#fff;}
#case_class .slist .ylist a.currclass{color:#fff;background:#206ae4;border:1px solid #206ae4;}

#case_list{width:100%;padding:30px 0;background:url("../images/index/anli_bg.jpg") no-repeat center bottom;background-size:cover;}
#case_list .list{margin-top:20px; border-top:0;}
#case_list .list ul li{float:left;width:18%;margin:10px 10px 10px 10px;}
#case_list .list ul li a{padding:10px; display:block;border:solid 1px #ececec;border-radius:4px; display:block; background:#fff; text-align:center;}
#case_list .list ul li a img{width:100%;height:70px;opacity:.7}
#case_list .list ul li a:hover{box-shadow:0 3px 6px rgba(100,100,100,.1);}
#case_list .list ul li a:hover img{opacity:1}

#nbanner:before{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:99;}
#nbanner .case_text{color:#fff;position:absolute;left:0;top:0;width:100%;height:100%;z-index:110;background:rgba(60,110,240,.3);display:flex;justify-content:start;align-items:center;}
#nbanner .case_text .wrap{color:#fff;}
#nbanner .case_text big{display:block;font-size:46px;line-height:50px;}
#nbanner .case_text small{display:block;font-size:16px;margin-top:10px;}
#nbanner .case_text small i{margin:0 10px;opacity:.5;}

#case_show{width:100%;background:#f1f4f7;}
#case_show .wrap{position:relative;top:-60px;z-index:120;}
#case_show .case_info{width:100%;background:#f1f1f1;overflow:hidden;}
#case_show .case_info .left{width:60%;background:#fff;padding:90px 200px 80px 100px;}
#case_show .case_info .left .tit{font-size:26px;font-weight:bold;line-height:40px;}
#case_show .case_info .left em{width:20px;height:2px;overflow:hidden;background:#206ae4;display:block;margin-top:20px;}
#case_show .case_info .left h1{font-size:18px;font-weight:700;margin-top:20px;}
#case_show .case_info .left h1 span{font-size:12px;font-weight:normal;margin-left:20px;color:#878B99;}
#case_show .case_info .left p{line-height:24px;margin-top:10px;color:#878B99;}
#case_show .case_info .left p{word-break:break-word;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:6;display:-webkit-box;-webkit-box-orient:vertical;}
#case_show .case_info .left .case_url{margin-top:20px;}
#case_show .case_info .left .case_url a{display:block;width:150px;background:#206ae4;color:#fff;text-align:center;line-height:44px;position:relative;}
#case_show .case_info .left .case_url a i{width:0;position:absolute;left:0;height:100%;content:"";display:block;z-index:0;-webkit-transition:all .3s;transition:all .3s;background:#ff502e;}
#case_show .case_info .left .case_url a dd{margin-right:10px;}
#case_show .case_info .left .case_url a span{position:relative;z-index:1;}
#case_show .case_info .left .case_url a:hover i{width:100%;}
#case_show .case_info .left .case_url a.nourl{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;cursor:not-allowed;}
#case_show .case_info .left time{margin-top:10px;color:#878B99;display:block;}
#case_show .case_info .right{width:40%;padding:90px 200px 80px 100px;}
#case_show .case_info .right .tit{font-size:34px;font-weight:bold;font-family:sans-serif;line-height:40px;color:#404d5b;}
#case_show .case_info .right em{width:20px;height:2px;overflow:hidden;background:#ddd;display:block;margin-top:20px;margin-bottom:30px;}
#case_show .case_info .right p{background:url("../images/case/icon_dot.png") no-repeat left center;padding-left:15px;color:#878B99;}
#case_show .case_pic{padding:30px 0;background:#fff;margin-top:30px;}
#case_show .case_pic .left{padding-left:90px;}
#case_show .case_pic .left .p{display:block;clear:both;padding:25px 0px 50px;}
#case_show .case_pic .left .p img{max-width:100%;border:40px solid #f6f8ff;}
#case_show .case_pic .left .pend{text-align:center;}
#case_show .case_pic .left .pend img{border:0px;}
#case_show .case_pic .right{width:180px;padding-right:100px;padding-top:10px;}
#case_show .case_pic .right .p{width:80px;max-height:60px;overflow:hidden;border-radius:2px;margin-top:10px;border:4px solid #e8edf2;padding:1px;cursor:pointer;}
#case_show .case_pic .right .p img{width:100%;}
#case_show .case_pic .right .p.active{border:4px solid #ff502e;}
#case_show .case_updown{display:none;}
@media (max-width:1440px){
	#case_title .info{left:20px;}
}
@media (max-width:1200px){
	#case_class .slist:nth-child(1){width:50%;}
	#case_class .slist:nth-child(2){width:40%;margin:0 0 0 10%;}
	#case_class .slist:nth-child(3){width:100%;margin-top:30px;}
	#case_show .case_pic .p img{border:0px solid #f6f8ff;}
}
@media (max-width:960px){
	#case_class .slist:nth-child(1){width:100%;}
	#case_class .slist:nth-child(2){width:100%;margin:30px 0 0;}
	#case_class .slist:nth-child(3){width:100%;}
	#case_show .case_info .left{padding:30px;}
	#case_show .case_info .right{padding:30px;}
}
@media (max-width:800px){
	body,html{font-size:.21rem;line-height:.34rem;}
	
	#nbanner .case_text big{font-size:.3rem;font-weight:700;}
	#nbanner .case_text small{font-size:.21rem;margin-top:.1rem;}
	#nbanner .case_text small i{margin:0 .05rem;}

	#case_class{padding:.4rem 0 0;}
	#case_class .wrap{display:block;}
	#case_class .slist:nth-child(1){width:100%;}
	#case_class .slist:nth-child(2){width:100%;margin-top:.3rem;}
	#case_class .slist:nth-child(3){width:100%;margin-top:.3rem;}
	#case_class .stit{font-size:.26rem;}
	#case_class .slist .ylist{gap:.1rem; margin-top:.1rem}
	#case_class .slist:nth-child(1) .ylist a{width:calc((100% - .2rem) / 3);}
	#case_class .slist:nth-child(2) .ylist a{width:calc((100% - .4rem) / 5);}
	#case_class .slist:nth-child(3) .ylist a{width:calc((100% - .1rem) / 2);}
	#case_class .slist .ylist a{padding:.05rem 0;font-size:.21rem;}
	
	#case_list{padding:.6rem 0;}
	#case_list .list{margin-top:.3rem;}
	#case_list .list ul li{width:calc((100% - .2rem)/ 2);margin:.1rem .1rem .1rem 0;}
	#case_list .list ul li img{width:100%; max-height:auto;}	
	
	#case_show{ background:#fff}
	#case_show .wrap{top:0;}
	#case_show .case_info .left{width:100%;padding:.5rem 0;}
	#case_show .case_info .left .tit,
	#case_show .case_info .left em,
	#case_show .case_info .left h1,
	#case_show .case_info .left h1 span{display:none;}
	#case_show .case_info .left p{line-height:.34rem;font-size:.21rem;margin-top:0;}
	#case_show .case_info .left .case_url{margin-top:.2rem;}
	#case_show .case_info .left .case_url a{width:2rem;line-height:.6rem;}
	#case_show .case_info .left .case_url a dd{margin-right:.1rem;}
	#case_show .case_info .left time{margin-top:.1rem;}
	#case_show .case_info .right{width:100%;padding:.3rem 0;background:#fff;margin-top:.01rem;}
	#case_show .case_info .right .tit{font-size:.26rem;line-height:.4rem;}
	#case_show .case_info .right em{width:.4rem;margin-top:.2rem;margin-bottom:.3rem;}
	#case_show .case_info .right p{padding-left:.2rem;}
	#case_show .case_pic{padding:.3rem 0;margin-top:.3rem;}
	#case_show .case_pic .left{padding:0;}
	#case_show .case_pic .left .p{display:block;clear:both;padding:.3rem 0;}
	#case_show .case_pic .left .p img{max-width:100%;border:0 solid #f6f8ff;}
	#case_show .case_pic .left .pend img{border:0px;}
	#case_show .case_pic .right{display:none;}
}</pre></body></html>