@media screen and (max-width:719px) {
    .indexpanel{width: 400px;}

    .bannerflex{flex-wrap: wrap-reverse;}
    .filmpanel{width:400px;height:265px;overflow:hidden;}
    .noticepanel{width:398px;}
    .noticead{width:388px;height:128px;}
    .noticelistgroup{height: auto;}
    .index1st_title{padding: 0;}
    .index1stlistitems{width:49%;}
    .index1stlistitems .image{width: 100%;height: 62px;}
    .index1stlistitems .litem .litemcon{font-size: 12px;}
    .index1stpanel{padding-bottom: 30px;}
    .index2ndlistitems{margin-top:16px;width: 100%;height: auto;}
    .index2ndlistitems .image{width: 100%;height: 218px;}
    .index2ndlistitems .lbtn{margin-top: -20px;}

    .index3rdgroup{flex-wrap: wrap-reverse;}
    .articlepanel{width: 100%;height: auto;}
    .articleitemtab{width: 320px;overflow-x: auto;}
    .articlecontentpanel{height: auto;}
    .articleflex{flex-wrap: wrap;height: auto;}
    .articleflex .image{width: 100%;height: 220px;}
    .articleitems{width: 100%;margin-top: 5px;}
    .articlegroup{border-left: 1px solid var(--items-default-border-color);}
    .bloggerpanel{width: 100%;height:auto;margin-top: 10px;}
    .bloggeritems{width: 306px;}

    .index4thpanel{padding-bottom: 36px;}
    .index4th_listgroup{padding-top: 1px;flex-wrap: wrap;}
    .index4thlist{width: 100%;margin-top: 26px;height: auto;}
    .index4thlist .image{width: 100%;height: 265px;}

    .index5thpanel{padding-top: 0;}
    .index5th_stepgroup{height: auto;flex-wrap: wrap;}
    .index5th_step{width: 100%;}
    .index5th_step1{border-radius: 8px 8px 0 0;}
    .index5th_step3{border-radius: 0 0 8px 8px;}
}
@media screen and (min-width:1px) and (max-width:410px) {
    .indexpanel{width: 320px;}
    .index1stlistitems{height:368px;}
    .index1stlistitems .image{height: 48px;}
    .index1stlistitems .litembtn{width:120px;font-size:var(--font-h5-font);}
}
@media screen and (min-width:380px) and (max-width:410px) {
    .indexpanel{width: 360px;}

    .index1stlistitems .image{height: 56px;}
    .index1stlistitems .litembtn{width: 142px;height: 26px;}
    .index1stlistitems .litembtn span{line-height: 26px;}
    .index2ndlistitems .image{height: 198px;}
    .articleflex .image{height: 196px;}
    .bloggeritems{width: 266px;}
    .articleitemtab{width: 290px;}
    .index4thlist .image{height: 240px;}
}
@media screen and (min-width:720px) and (max-width:999px) {
    .indexpanel{width: 720px;}
    
    .bannerflex{flex-wrap: wrap-reverse;}
    .filmpanel{width:720px;height:478px;overflow:hidden;}

    .bannerpanel{margin-top:5px;}
    .noticepanel{width:718px;margin-top: 10px;}
    .noticelist li{min-height: 46px;}
    .noticelist li a{max-width:560px;}
    .noticead{width:708px;height:135px;}

    .index1stad{width: 436px;height: 50px;}
    .index1stlistitems:nth-child(10){display: none;}
    .index3rdgroup{flex-wrap: wrap-reverse;}

    .bloggerpanel{width: 720px;height:auto;margin-top: 10px;}
    .articlepanel{width: 720px;height: 596px;}
    .articleitemtop .litems{width: 650px;}
    .articleitemtop .litems li{padding-right: 16px;padding-left:16px;}
    .articleflex{height: 136px;align-items: center;}
    .articleflex .image{width: 185px;height: 115px;}
    .articleitems{width:480px;height: 136px;}
    .bloggerlistgroup{width: 100%;display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;}
    .bloggerlist{width: 48%;}

    .index4thpanel{padding-bottom: 20px;}
    .index4th_listgroup{padding-top: 20px;justify-content: flex-start;overflow-x: auto;height: 300px;}
    .index4thlist{margin-left: 30px;}
    .index4thlist:first-child{margin-left: 0;}
    
    .index5thpanel{padding-top: 0;}
    .index5th_step{padding:80px 28px 0 28px;background-size: 60px 60px;}
    .index5th_steptitle{font-size: var(--font-h2x-font);}
    .index5th_stepcon{padding-bottom: 12px;}
    .index5th_stepbtn{font-size:var(--font-h3-font);height: 36px;}
}
@media screen and (min-width:1000px) and (max-width:1280px) {
    .indexpanel{width:980px;}

    .bannerpanel{margin-top:9px;}
    .noticepanel{width:310px;height:435px;}
    .noticegroup{padding:15px 14px 0 14px;}
    .noticetitle{height:26px;margin-bottom:11px;}
    .noticetitle li{height:26px;padding:0 6px;}
    .noticetitle li.cur::before{height:4px;left:0;bottom:-3px;}
    .noticetitle li.cur::after{width:0;height:0;border-width:6px;bottom:-14px;}
    .noticelistgroup{width:100%;height:279px;}
    .noticelist li{padding-top:11px;padding-bottom:11px;}
    .noticelist li:nth-child(5){display: none;}
    .noticelist li a{max-height:48px;padding-right:14px;max-width:202px;}
    .noticelist li .date{width:81px;font-size:var(--font-h4-font);}
    .noticead{width:303px;height:100px;margin:2px auto 0 auto;}
    .filmpanel{width:656px;height:435px;}

    .index1stpanel{padding:15px 0 53px 0;}
    .index1st_title{padding:0 30px;}
    .index1st_title .ltitle{height:38px;}
    .index1st_titleflex{height:38px;}
    .index1st_title .ltitle::before{width:75px;height:3px;bottom:-2px;}
    .index1stlistitems{width:184px;height:312px;border-radius:5px;margin-top:15px;padding:15px 12px;}
    .index1stlistitems:hover{border-width:2px;padding:14px 11px;}
    .index1stlistitems .image{width:149px;height:57px;}
    .index1stlistitems .lcon{height:58px;}
    .index1stlistitems .litem{height:23px;}
    .index1stlistitems .litembtn{height:24px;width:121px;margin:11px auto 0 auto;}
    .index1stlistitems .litembtn span{line-height:24px;border-radius:12px;}

    .index2st_title{height:42px;}
    .index2st_title .ltitle,.index4th_title{height:38px;line-height:38px;}
    .index2st_title .ltitle::after{height:2px;bottom:-3px;}
    .index2ndlistitems{margin-top:25px;width:310px;height:360px;}
    .index2ndlistitems .ltitle{height:25px;line-height:25px;}
    .index2ndlistitems .lbtn{height:25px;}
    .index2ndlistitems .more{width:75px;height:23px;line-height:23px;}
    .index2ndlistitems .image{width:310px;height:169px;margin-top:3px;}
    .index2ndlistitems .list{padding:8px 15px 4px 15px;}
    .index2ndlistitems .list li{height:30px;}
    .index2ndlistitems .list .date{font-size:var(--font-h5-font);width:46px;}
    .index2ndlistitems .list a{width:200px;}

    .index3rdpanel{padding-top:23px;}
    .index3rdgroup{min-height:495px;}
    .bloggerpanel{width:274px;height:495px;}
    .articlepanel{width:704px;height:495px;}
    .blogtitle{height:40px;border-bottom-width:2px;padding:0 7px;}
    .blogtitle::after{width:54px;height:2px;left:7px;bottom:-2px;}
    .blogtitle .ltitle{height:40px;line-height:40px;}
    .bloggerlist{height:100px;padding:10px 5px;}
    .bloggerhead{width:58px;}
    .bloggerhead .image{width:40px;height:40px;margin:0 auto;}
    .bloggerhead .ltitle{height:20px;line-height:20px;font-size:var(--font-h5-font);text-indent:5px;}
    .bloggeritems{width:196px;}
    .bloggername{height:20px;line-height:20px;}
    .bloggerintro{height:20px;line-height:20px;font-size:var(--font-h5-font);}
    .bloggerarticle{height:40px;line-height:20px;color:#888;font-size:var(--font-h5-font);}
    .bloggerbtns{height:55px;}
    .bloggerbtns .lbtn{width:116px;height:30px;}
    .articleitemtop{height:38px;padding-top:2px;}
    .articleitemtop .lmore{margin-right:10px;}
    .articleitemtop .litems{width:623px;}
    .articleitemtop .litems li{padding-top:2px;padding-right:25px;padding-left:25px;height:37px;}
    .articleitemtop .litems li.cur{border-top-width:2px;}
    .articlecontentpanel{height:455px;margin-top:-2px;}
    .articlelist{padding:19px 18px;}
    .articlelist:nth-child(2){padding-top:19px;padding-bottom:18px;}
    .articleflex{height:113px;}
    .articleflex .image{width:181px;height:113px;}
    .articlelabel{padding:4px 13px;right:0;bottom:0;font-size:var(--font-h5-font);}
    .articleitems{width:474px;height:113px;}
    .articleitems .ltitle{height:26px;line-height:26px;}
    .articleitems .lcon{height:52px;line-height:18px;padding-top:3px;padding-bottom:3px;}
    .articleauthor{height:29px;}
    .articleauthor .face{width:29px;height:29px;}
    .articleauthor .lname{margin-left:10px;width:56px;}

    .index4thpanel{padding-top:18px;padding-bottom:20px;}
    .index4th_title::before{width:83px;height:2px;bottom:-1px;}
    .index4th_listgroup{padding-top:20px;}
    .index4thlist{width:232px;height:234px;}
    .index4thlist:hover{box-shadow:4px 4px 9px rgba(12,47,179,.5);}
    .index4thlist .image{width:232px;height:155px;}
    .index4thlist .items{padding:12px 17px 8px 17px;}
    .index4thlist .ltitle{height:18px;line-height:18px;}
    .index4thlist .lcon{padding:2px 0;height:40px;font-size:var(--font-h5-font);}
    .index4thlist:hover .items{border-bottom:0;}
    
    .index5th_step3{padding-left: 10px;padding-right: 10px;}
}
@media screen and (min-width:1281px) and (max-width:1440px) {

.noticepanel{width:376px;height:526px;}
.noticegroup{padding:18px 16px 0 16px;}
.noticetitle{height:31px;margin-bottom:14px;}
.noticetitle li{height:31px;padding:0 7px;}
.noticetitle li.cur::before{height:4px;bottom:-3px;}
.noticetitle li.cur::after{border-width:7px;bottom:-16px;}
.noticelistgroup{height:337px;}

.noticelist li{padding-top:10px;padding-bottom:10px;}
.noticelist li a{height:46px;font-size:var(--font-h4-font);padding-right:16px;max-width:245px;}
.noticelist li .date{width:98px;font-size:var(--font-h4-font);}
.noticead{width:366px;height:123px;overflow:hidden;margin:3px auto 0 auto;}
.filmpanel{width:793px;height:526px;overflow:hidden;}

.index1stpanel{padding:18px 0 64px 0;}
.index1st_title{padding:0 36px;}
.index1st_title .ltitle{height:45px;}
.index1st_titleflex{height:45px;line-height:1.6;}
.index1st_title .ltitle::before{width:91px;height:4px;left:0;bottom:-2px;}
.index1stad{width: 980px;height: 45px;}
.index1stlistitems{width:211px;height:379px;border-radius:5px;margin-top:18px;padding:18px 15px;}
.index1stlistitems:hover{border-width:2px;padding:17px 14px;}
.index1stlistitems .image{width:180px;height:69px;}
/*.index1stlistitems .lcon{text-indent:29px;height:82px;}*/
.index1stlistitems .litem{height:27px;}
.index1stlistitems .litembtn{height:29px;width:147px;margin:13px auto 0 auto;}
.index1stlistitems .litembtn span{line-height:29px;border-radius:15px;}
}