.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;}
.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: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-size:2rem;margin-bottom:1rem;color:#2b2c2f}
.yunying-tit p{color:#666;font-size:1rem}
/**/
.selected{background:#fff;padding:20px;margin:40px auto 60px auto;border-radius:6px;box-sizing:border-box}
.container{display:grid;grid-template-columns:1fr 3fr;gap:20px}
.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}
.more-link{color:#666;text-decoration:none;font-size:14px}
.more-link:hover{color:#0066cc}
.main-cover{background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,0.1);border:1px solid #e0e0e0;border-radius: 5px;}
.main-cover img{width:100%;height:100%;object-fit:cover;border:1px solid #EEEEEE}
.main-cover img:hover{transform:scale(1.3);transition:all .6s}
.main-title{font-size:16px;margin-top:10px;color:#333;}
.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{font-size:14px;padding:5px 0;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/**/
.comprehensive{overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.comprehensive .category,.comprehensive .topic{position:relative;padding:24px 20px 7px 20px;background-color:#fff;border-radius:6px;overflow:hidden}
.comprehensive .hd h3{padding-bottom:24px;font-size:24px;font-weight:400;float:left}
.comprehensive .new-icon{position:absolute;top:0;right:0}
.new-icon i{background-image:url('/images/infodown/new.png');width:60px;height:60px;display:block;background-repeat:no-repeat}
.hd{overflow:hidden}
.hd .more{padding-top:8px;float: right;display:inline-block;margin-right:5px;vertical-align:middle;color:#666}
.comprehensive .list{padding:0 15px;counter-reset: section;}
.comprehensive .list li{margin-bottom:17px;}
.comprehensive .list li a{display:block;overflow:hidden}
.comprehensive .list li img{display:inline-block;width:86px;height:121px;border-radius:3px}
.comprehensive .list li strong{display:inline-block;height:40px;color:#000;font-weight:normal;vertical-align:top}
.comprehensive .list li strong:hover{color:#2878FF;text-decoration:underline}
.comprehensive .list li i {display: block;float: left;color: #fff;width: 21px;height: 22px;line-height: 22px;font-size: 14px;border-radius: 8px;text-align: center;font-style: normal;}
.comprehensive .list li i::before {content: counter(section);counter-increment: section;}
.comprehensive .list li:nth-child(1) i {background: #ff0000;}
.comprehensive .list li:nth-child(2) i {background: #ff8400;}
.comprehensive .list li:nth-child(3) i {background: #ffcf00;}
.comprehensive .list li:nth-child(n+4) i{background:#f5f5f5;color:#626262}
.comprehensive .list li i.num{color:#888}
.comprehensive .list li strong{float:left;display:block;padding:0 0 0 10px;width:90%;height:24px;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size: 1rem;font-weight:400;color:#000}
.comprehensive .list li span.cover{float:left;margin-left:10px;width:86px;height:121px;border:1px solid #EEEEEE;overflow:hidden;border-radius:3px}
.comprehensive .list li span.cover:hover{border:1px solid #2878FF}
.comprehensive .list li span.cover img{display:block;width:100%;height:100%}
.comprehensive .list li span.d{float:left;padding:60px 0 0 10px;width:56%;height:24px;line-height:20px;font-size:12px;color:#999}
.comprehensive .list li>a.active>strong{display:block;display:-webkit-box;width:56%;height:40px;white-space:normal;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.topic .list{overflow:hidden}
.topic .list li{padding:18px 16px;color:#333;border:1px solid #EEEEEE;border-radius:3px;cursor:pointer}
.topic .list li .title{margin-bottom:14px;padding:0;width:100%;font-size:16px;font-weight:400;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.topic .list li .type{overflow:hidden;width:100%}
.topic .list li span,.topic .list li .type small,.topic .list li .type em{display:block;font-style:normal}
.topic .list li .type small{float:left;padding:0 8px;height:20px;line-height:20px;color:#2878FF;font-size:12px;border:1px solid #2878FF;border-radius:3px}
.topic .list li .type em{float:right;height:22px;line-height:22px;font-size:12px;color:#aaa}
.cover img{transition:all .6s}
.cover:hover img{transform:scale(1.3)}
.introduce{margin: 40px 0;}
.introduce img{border-radius:6px}
/**/
.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:14px;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}
.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 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%)}