.main {width: 94%;}

.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{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;padding-top: 2rem;}
.index-top h1{font-size:36px;margin-bottom:40px;letter-spacing:2px;color: #fff;}
.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: 0.895rem;max-width:900px;margin-left:auto;margin-right:auto;color: #fff;padding: 0 1rem;}
.bg{padding:60px 0;background:#f2f5f9}
.yunying-tit{text-align:center;/* padding:40px 0 60px 0; */}
.yunying-tit .tit{font-weight:700;font-size: 2rem;margin-bottom:15px;color: #333;}
.yunying-tit p{color:#666;padding: 0 1rem;}


.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-card{width: 47%;float: left;}
.small-card:nth-child(odd) {padding-right: 20px;}
.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}


.sidebar {background-color: #2e6ef0;color: white;padding: 40px 20px;position: relative;height: 310px;margin-bottom: 1rem;border-radius: 6px;}
.sidebar .title {font-size: 24px;margin-bottom: 20px}
.sidebar p {font-size: 14px;line-height: 1.6;margin-bottom: 40px}
.sidebar .btn {display: inline-block;padding: 6px 25px;border: 1px solid white;color: #ffffff;text-decoration: none;border-radius: 4px;font-size: 16px;transition: all 0.3s;position: absolute;z-index: 2;background: -webkit-linear-gradient(top, #f5c400, #e7b901);}

.sidebar .btn:hover {background-color: white;color: #2b7bff}
.case-picture {position: absolute;bottom: 0;left: 0;width: 100%;height: 250px;background: url(http://www.zydlks.com/images/infodown/project.png);background-size: cover;}
.info-block {flex: 1;padding: 50px 20px 20px 20px;display: flex;flex-direction: column;align-items: center;text-align: center;border-right: 1px solid #f5f5f5;box-sizing: border-box;margin-bottom: 1rem;border-radius: 6px;position: relative}
.info-block .infoimg {position: absolute;top: 0;z-index: 0;width: 100%;}
.info-block:last-child {border: none}
.info-block h3 {font-size: 18px;margin: 80px 0 15px 0;color: #333;z-index: 1}
.info-block:hover h3 {color: #2e6ef0}
.info-block p {font-size: 14px;line-height: 1.6;color: #666;margin-bottom: 20px;text-align: left;z-index: 1}
.info-block a {color: #2b7bff;text-decoration: none;font-size: 14px;z-index: 1}
.info-block a:hover {text-decoration: underline}
.info-block:before {content: "";background: linear-gradient(to bottom,#fff0 10%,#fff 45%);z-index: 1;width: 100%;height: 100%;position: absolute;top: 0}
.info-block:hover:before {background-image: linear-gradient(to bottom, #4667aa4d 10%, #f5f5f5 45%)}

@media (min-width: 768px) {.introduce .img750 {display: block;}
.introduce img {display: none;}
.small-grid {grid-template-columns: repeat(4,1fr);}
.authority {display: grid;grid-template-columns: 1fr 3fr;background: #fff;border-radius: 6px;}
.sidebar {height: auto;border-radius: unset;margin-bottom: 0;}
.content {display: flex;}
.info-block {border-radius: unset;margin-bottom: 0;}
}