.indexpanel{width: 1180px;margin: 0 auto;}

.noticetitle li,.noticelist li,.articleitemtop .litems li{list-style: none outside;}

.bannerpanel{margin-top:12px;}
.noticepanel{width:414px;height:580px;border:1px solid var(--items-default-border-color);overflow:hidden;}
.noticegroup{padding:20px 18px 0 18px;}
.noticetitle{height:34px;border-bottom:1px solid var(--items-default-border-color);margin-bottom:15px;}
.noticetitle li{height:34px;position:relative;cursor:pointer;font-weight:bold;padding:0 8px;}
.noticetitle li.cur::before{content:"";width:100%;height:4px;background:var(--button-highlight-color);position:absolute;left:0;bottom:-3px;}
.noticetitle li.cur::after{content:"";width:0;height:0;border:8px solid var(--button-highlight-color);border-color:var(--button-highlight-color) transparent transparent transparent;position:absolute;left:50%;bottom:-18px;transform:translate(-50%);-webkit-transform:translate(-50%);}
.noticelistgroup{width:100%;height:372px;overflow:hidden;}
.noticelist{width:100%;display:none}
.noticelist.cur{display:block;}
.noticelist li{padding-top:14px;border-top:1px solid var(--items-default-border-color);padding-bottom:14px;}
.noticelist li:last-child{padding-bottom:0;}
.noticelist li a{color:#267ec6;max-height:46px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height:1.6;font-size:var(--font-h4-font);padding-right:18px;font-weight:bold;flex-grow:1;max-width:270px;box-sizing: border-box;}
.noticelist li .date{width:108px;text-align:center;display:inline-block;line-height:1.6;font-size:var(--font-h4-font);}
.noticead{width:404px;height:135px;overflow:hidden;margin:3px auto 0 auto;}
.filmpanel{width:874px;height:580px;overflow:hidden;}

.index1stpanel{padding:20px 0 50px 0;}
.index1st_title{box-sizing: border-box;padding:0 40px;}
.index1st_title .ltitle{color: var(--font-dark-color);font-size: var(--font-h2x-font);height: 50px;}
.index1st_titleflex{border-bottom: 1px solid var(--items-default-border-color);height: 50px;line-height: 1.6;position: relative;}
.index1st_title .ltitle::before{content:"";width:100px;height:4px;background:var(--button-highlight-color);position:absolute;left:0;bottom:-2px;}
.index1stad{height: 100%;}
.index1stlist{flex-wrap: wrap;}
.index1stlistitems{width:232px;height:398px;border:1px solid var(--items-default-border-color);border-radius: 5px;box-sizing: border-box;margin-top: 20px;padding: 20px 16px;}
.index1stlistitems:hover{border-color: var(--button-chat-color);border-width: 2px;padding: 19px 15px;}
.index1stlistitems.nohover,.index1stlistitems.nohover:hover{border-color:none;border:0;}
.index1stlistitems .image{width: 198px;height: 76px;border-bottom: 1px dashed var(--items-default-border-color);}
.index1stlistitems .lcon{/*text-indent: 32px;*/color: var(--font-lightgray-color);border-bottom: 1px dashed var(--items-default-border-color);height: 72px;line-height: 1.6;overflow: hidden;font-size: var(--font-h5-font);}
.index1stlistitems .litem{color: var(--font-lightgray-color);font-size: var(--font-h5-font);height: 30px;align-items: center;border-bottom: 1px dashed var(--items-default-border-color);}
.index1stlistitems .litem .litemtitle{color: #555;width:50%;}
.index1stlistitems .litem .litemcon{width:50%;text-align: right;}

.index1stlistitems .litembtn{height: 32px;width: 162px;margin: 14px auto 0 auto;}
.index1stlistitems .litembtn span{color: var(--default-light-color);text-align: center;width: 100%;height: 100%;text-align: center;line-height: 32px;border-radius:16px;font-size: var(--font-h5-font);display: block;}
.index1stlistitems .litembtn .btn1{background-color: var(--button-light-color);}
.index1stlistitems .litembtn .btn2{background-color: var(--button-brand-color);}

.index2ndpanel{background:var(--default-split-bg);padding-top:20px;}
.index2st_title{height: 50px;}
.index2st_title .ltitle,.index4th_title{height: 46px;line-height: 46px;position: relative;font-size: var(--font-h2-font);font-weight: 400;}
.index2st_title .ltitle::after{content:"";width: 100%;height: 3px;position: absolute;bottom: -4px;left: 0;background-color: var(--button-highlight-color);}
.index2stlist{flex-wrap: wrap;}
.index2ndlistitems{margin-top: 30px;width: 326px;height: 406px;overflow: hidden;}
.index2ndlistitems .ltitle{height: 30px;line-height: 30px;font-size: var(--font-h3-font);font-weight: bold;}
.index2ndlistitems .lbtn{height: 30px;text-align: right;}
.index2ndlistitems .more{width: 90px;height: 28px;line-height:28px;display: inline-block;text-align: center;border-radius: 5px;border:1px solid var(--items-default-border-color);color: #b0b0b0;font-size: var(--font-h5-font);}
.index2ndlistitems .image{width: 326px;height: 178px;overflow: hidden;margin-top: 4px;}
.index2ndlistitems .list{border-left:1px solid var(--items-default-border-color);padding:10px 18px 5px 18px;}
.index2ndlistitems .list li{height: 36px;border-bottom: 1px solid var(--items-default-border-color);font-size: var(--font-h5-font);align-items: center;}
.index2ndlistitems .list li:last-child{border: 0;}
.index2ndlistitems .list .date{color: var(--font-lightgray-color);font-size: 12px;width: 40px;text-align: right;display: inline-block;}
.index2ndlistitems .list a{width: 226px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}

.index3rdpanel{padding-top: 28px;}
.index3rdgroup{min-height: 596px;}
.bloggerpanel{width: 330px;height: 596px;}
.articlepanel{width: 848px;height: 596px;}
.articlegroup{width: 100%;height: 100%;box-sizing: border-box;border-right: 1px solid var(--items-default-border-color);border-bottom: 1px solid var(--items-default-border-color);}
.blogtitle{height: 48px;border-bottom: 2px solid var(--items-default-border-color);position: relative;padding:0 9px;}
.blogtitle::after{content:"";width:65px;height: 2px;background: var(--index-blue-color);position: absolute;left: 9px; bottom: -2px;}
.blogtitle .ltitle{height: 48px;line-height: 48px;font-size: var(--font-h2-font);font-weight: 400;}
.bloggerlist{height: 120px;padding: 12px 6px;border-bottom: 1px solid var(--items-default-border-color);box-sizing: border-box;}
.bloggerhead{width: 70px;text-align: center;}
.bloggerhead .image{width: 48px;height: 48px;overflow: hidden;margin: 0 auto;}
.bloggerhead .image img{border-radius: 50%;}
.bloggerhead .ltitle{height: 24px;line-height: 24px;font-size: 12px;text-indent: 6px;color: var(--font-lightgray-color);}
.bloggeritems{width: 236px;}
.bloggername{height: 24px;line-height: 24px;font-weight: 400;color: var(--font-sum-color);font-size: var(--font-h5-font);}
.bloggername .rebiconfont{color: var(--button-light-color);}
.bloggerintro{height: 24px;line-height: 24px;color:#888;font-size:12px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.bloggerarticle{height: 48px;line-height: 24px;color: #888;font-size:12px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.bloggerbtns{height: 66px;justify-content: space-evenly;align-items: center;}
.bloggerbtns .lbtn{width: 140px;height: 36px;display: flex;align-items: center;justify-content: center;border:1px solid var(--items-default-border-color);color: var(--index-blue-color);border-radius: 5px;font-size: var(--font-h5-font);}
.bloggerbtns .lbtn:hover{color: var(--default-light-color);background: var(--index-blue-color);border-color: var(--index-blue-color);}
.articleitemtop{align-items: center;border-bottom: 1px solid var(--items-default-border-color);height: 46px;padding-top: 3px;}
.articleitemtop .lmore{margin-right: 12px;font-size: var(--font-h5-font);}
.articleitemtop .litems{width: 750px;height: 100%;display: flex;justify-content: flex-start;}
.articleitemtop .litems li{padding-top: 2px;padding-right: 30px;padding-left:30px;height: 44px;position: relative;display: flex;align-items: center;cursor:default;}
.articleitemtop .litems li.cur{color: var(--index-blue-color);padding-top: 0;border-top: 2px solid var(--index-blue-color);border-bottom: 1px solid var(--default-light-color);}
.articleitemtop .litems li.cur::after{content: "";width: 1px;height: 100%;position: absolute;right: 0;top: 0;background: var(--items-default-border-color);}
.articleitemtop .litems li.cur::before{content: "";width: 1px;height: 100%;position: absolute;left: 0;top: 0;background: var(--items-default-border-color);}
.articleitemtop .litems li:first-child.cur::before{display: none;}
.articlecontentpanel{height: 549px;overflow: hidden;margin-top: -3px;}
.articlecontentgroup{height: 100%;overflow: hidden;display: none;}
.articlecontentgroup.cur{display: block;}
.articlelist{padding: 23px 22px;border-bottom: 1px solid var(--items-default-border-color);}
.articlelist:nth-child(2){padding-top: 22px;padding-bottom: 21px;}
.articlelist:last-child{border-bottom: 0;}
.articleflex{overflow: hidden;height: 136px;}
.articleflex .image{width: 218px;height: 136px;overflow: hidden;border-radius: 3px;position: relative;}
.articlelabel{position: absolute;padding: 5px 16px;color: var(--default-light-color);background: rgba(0,0,0,.6);right: 0;bottom: 0;font-size: 12px;}
.articleitems{width:572px;height: 136px;overflow: hidden;}
.articleitems .ltitle{color:#000;height: 32px;line-height: 32px;font-size: var(--font-h2x-font);font-weight: 400;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.articleitems .lcon{height: 63px;line-height: 21px;padding-top:3px;padding-bottom:3px;font-size: var(--font-h5-font);color:var(--font-lightgray-color);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.articleauthor{height: 35px;justify-content: flex-start;align-items: center;}
.articleauthor .face{width: 35px;height: 35px;overflow: hidden;border-radius: 50%;}
.articleauthor .lname{font-size: var(--font-h5-font);margin-left: 12px;width: 68px;display: inline-block;color: var(--font-sum-color);}
.articleauthor .date{color: var(--font-lightgray-color); font-size: var(--font-h5-font);}

.index4thpanel{padding-top:22px;padding-bottom:108px;background:var(--default-split-bg);}
.index4th_title{border-bottom:1px solid var(--items-default-border-color);color: var(--font-dark-color);font-size: var(--font-h2x-font);font-weight:bold;}
.index4th_title::before{content:"";width:100px;height:2px;background:var(--button-highlight-color);position:absolute;left:0;bottom:-1px;}
.index4th_listgroup{padding-top:60px;}
.index4thlist{width:280px;height:270px;background-color: var(--default-light-color);}
.index4thlist.nohover{background: none;}
.index4thlist:hover{box-shadow:4px 4px 9px rgba(12,47,179,.5);}
.index4thlist.nohover:hover{box-shadow:none;}
.index4thlist .image{width:280px;height:186px;overflow:hidden;}
.index4thlist:hover .image img{transform:scale(1.1);-webkit-transform:scale(1.1);}
.index4thlist .items{padding:15px 20px 10px 20px;border:1px solid var(--items-default-border-color);border-top:0;}
.index4thlist .ltitle{height:20px;line-height:20px;overflow:hidden;font-size:var(--font-h5-font);font-weight:400;color:var(--font-sum-color);text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.index4thlist .lcon{padding:2px 0;height:36px;overflow:hidden;font-size:12px;color:#888;line-height:1.6;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.index4thlist:hover .items{border-bottom:0;}

.index5thpanel{padding-top:22px;padding-bottom:75px;}
.index5th_title::before{width:85px;}
.index5th_con{font-size:var(--font-h2x-font);padding-top:25px;padding-bottom:25px;}
.index5th_stepgroup{height:260px;}
.index5th_step{width:33.333333%;height:260px;background:url('../images/image_15.png') #e9efed center 15px no-repeat;box-sizing:border-box;padding:106px 40px 0 40px;text-align:center;}
.index5th_step1{border-radius:8px 0 0 8px;}
.index5th_step2{background-image:url('../images/image_16.png');background-color:#d5e0dc;}
.index5th_step3{border-radius:0 8px 8px 0;background-image:url('../images/image_17.png');background-color:#34c58e;}
.index5th_steptitle{font-size:var(--font-h2-font);color:#555;line-height:1.6;}
.index5th_stepcon{font-size:var(--font-h5-font);color:#888;line-height:2;padding-top:3px;padding-bottom:5px;}
.index5th_steptitle3,.index5th_stepcon3{color:var(--default-light-color);}
.index5th_stepbtn{width:146px;height:40px;overflow:hidden;border-radius:20px;background:var(--default-brand-bg);display:flex;margin-left:auto;margin-right:auto;align-items:center;justify-content:center;color:var(--default-light-color);font-size:var(--font-h2x-font);}
.index5th_stepbtn:hover{color:var(--default-light-color);}
.index5th_stepbtn .rebiconfont {font-size:var(--font-h2x-font);margin-right:3px;}

.index2ndadpanel,.index4thadpanel{padding-bottom: 16px;}
.index4thadpanel{padding-top: 10px;}

:root{
    --index-blue-color:#0383f1;
}