html {scroll-behavior: smooth;}
body {background-color: #ffffff;padding-top: 20px;padding-bottom: 50px;font-size: 16px;color: #000;}
.header{box-sizing: content-box;}
a:hover{color: #1366ec;text-decoration: unset;}

.sidebar{position: fixed;max-height: 90vh;overflow-y: auto;border: 1px solid #eee;padding:15px;background:#fff;}
.main-content{/* margin-left: 310px; *//* margin-right:30px; */}
.sidebar ul{list-style:none;padding-left:10px;}
.sidebar li{margin:6px 0;}
.sidebar a{color:#333;text-decoration:none;}

.sidebar_fl{background:#fff;position:relative;border-right:1px solid #e5e7eb;transition:transform .3s ease, width .3s ease;}
.sidebar_fl.collapse-left{transform:translateX(-100%);width:0;overflow:hidden;}
.sidebar_list{position:sticky;top:2.5rem;z-index:100;transition:top .2s ease-out;color:#3d3d3d;}
.sidebar_help{max-height:calc(100vh - 2.5rem);overflow-y:auto;padding:1.5rem;width:100%;}
.sidebar_help a{font-size: 1.3rem;color: #000;text-align: left;display: block;padding-top: 1rem;}
.sidebar_help a:hover{color: #1366ec;text-decoration: unset;}
.sidebar_help::-webkit-scrollbar{width:5px;}
.sidebar_help::-webkit-scrollbar-thumb{background:#dfdfdf;border-radius:3px;}
.sidebar_help h2{text-align:center;margin:0;color:#000;}
.sidebar_help h3{color:#000;line-height:1.5rem;padding-top: 1.5rem;border-top:1px solid #e5e7eb;}
.sidebar_help h3:first-child{border-top:none;}
.sidebar_help p{display:flex;font-size:.875rem;font-weight:400;letter-spacing:.4px;line-height:1.5rem;overflow:visible;padding:3px 0;vertical-align:middle;word-break:break-word;margin:0;}
.sidebar_help p a{color:#3d3d3d;transition:color .3s ease;}
.sidebar_help p a:hover{color: #1366ec;text-decoration: unset;}
.sidebar_help p a.on{background:#f7f9fc;color:#1366ec;}


.position{font-size: 1.4rem;}

.index-top{color:#fff;background-size:cover;min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;text-align:center;}
.index-top:before{content:"";display: block;width: 100%;height: 100%;background: #31426cc4;position: absolute;z-index: 1;}
.index-top .top-banner {position: absolute;display: block;width: 100%;height: 100%;object-fit: cover;}
.index-top>.main{z-index: 1;}
.index-top h1{font-size:36px;margin-bottom:40px;letter-spacing:2px}
.index-top .tabs{display:flex;justify-content:center;margin-bottom:30px}
.index-top .tab{padding:8px 20px;margin:0 10px;background-color:rgba(255,255,255,0.1);border-radius:4px;cursor:pointer;transition:all 0.3s ease}
.index-top .tab a{color: #fff;font-size: .875rem;}
.index-top .tab:hover{background-color:rgba(255,255,255,0.2)}
.index-top .description{line-height:1.8;margin-bottom:40px;font-size:16px;max-width:900px;margin-left:auto;margin-right:auto}
.bg{padding:60px 0;background:#f2f5f9}
.yunying-tit{text-align:center;padding:40px 0 60px 0}
.yunying-tit .tit{font-weight:700;font-size:36px;margin-bottom:15px;color:#2b2c2f}
.yunying-tit p{color:#666;font-size:20px}

.selected{background:#fff;padding:20px;margin:40px auto 60px auto;border-radius:6px;box-sizing:border-box}
.selected-tit{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.selected-tit h2{font-size:24px;color:#333;font-weight:400}
.small-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}
.small-card{overflow:hidden;}
.small-cover{display:flex;align-items:center;justify-content:center;border-radius: 5px;overflow: hidden;box-shadow: 0 2px 5px rgba(0,0,0,0.1);transition: transform 0.3s ease;border: 1px solid #e0e0e0;}
.small-card:hover{transform:translateY(-5px);box-shadow:0 -6px 8px rgba(0,0,0,0.1)}
.small-title{text-align: center;font-size:0.895rem;padding:5px 0;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.authority{display: grid;grid-template-columns: 1fr 3fr;background: #fff;border-radius: 6px;}
.sidebar{background-color:#2e6ef0;color:white;padding:40px 20px;position:relative;z-index: 1;}
.sidebar .title{font-size:24px;margin-bottom:20px}
.sidebar p{font-size:0.895rem;line-height:1.6;margin-bottom:40px}
.sidebar .btn{display:inline-block;padding:10px 25px;border:1px solid white;color:#ffffff;text-decoration:none;border-radius:4px;font-size:16px;transition:all 0.3s;position:absolute;z-index:9999}
.sidebar .btn:hover{background-color:white;color:#2b7bff}
.case-picture{position:absolute;bottom:0;left:0;width:100%;height:250px;background:url(/images/infodown/project.png);z-index: -1;}
.content{flex:1;display:flex;/*padding:30px*/}
.info-block{flex:1;padding:30px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;border-right:1px solid #f5f5f5;box-sizing:border-box;position:relative}
.info-block .infoimg{position: absolute;top: 0;z-index: 0;}
.info-block:last-child{border:none}
.info-block h3{font-size:18px;margin:90px 0 10px 0;color:#333;z-index:1;height: 70px;overflow: hidden;}
.info-block:hover h3{color:#2e6ef0}
.info-block p{font-size:0.895rem;line-height:1.6;color:#666;margin-bottom:20px;text-align:left;z-index:1;height: 70px;overflow: hidden;}
.info-block a{color:#2b7bff;text-decoration:none;font-size:0.895rem;z-index:1}
.info-block a:hover{text-decoration:underline}
.info-block:before{content:"";background:linear-gradient(to bottom,#fff0 10%,#fff 38%);z-index:1;width:100%;height:100%;position:absolute;top:0}
.info-block:hover:before {background-image: linear-gradient(to bottom, #4667aa4d 10%, #f5f5f5 38%)}