@charset "utf-8";
.live_title { width:100%; position:relative; z-index:10;}
.live_title h2 { text-align:center; line-height:1; font-size:28px; color:#000;}
.live_title p { margin:10px 0 -5px; text-align:center; line-height:24px; color:#898989;}

.live_part01 { width:100%; padding-top:60px; margin-top:-50px; background:#f2f2f2; position:relative;}
.live_part01:before { width:1920px; height:100%; content:""; background:#f2f2f2; background-size:cover; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.live_part01 .live_title h2 { padding-bottom:20px; position:relative;}
.live_part01 .live_title h2:before { width:140px; height:6px; content:""; background:#001aa5; border-radius:6px; position:absolute; bottom:0; left:50%; transform:translateX(-50%);}

.live_part01 .list { width:calc(100% - 600px); min-height:210px; padding-right:600px; margin-top:70px; position:relative; z-index:10;}
.live_part01 .list li { width:calc(100% - 60px); padding-left:60px; margin-top:30px; position:relative;}
.live_part01 .list li .icon { width:34px; height:34px; border:2px solid #001aa5; border-radius:100%; text-align:center; line-height:34px; font-size:20px; color:#001aa5; position:absolute; top:0; left:0;}
.live_part01 .list li .name { padding:5px 0; line-height:30px; font-size:20px; color:#3e3a39;}
.live_part01 .list li.more { margin:60px 0 80px; text-align:center; overflow:visible;}
.live_part01 .list li.more a { padding:16px 45px; margin-left:-100px; background:#fff; border-radius:30px; line-height:1; font-size:20px; color:#0485ed; display:inline-block; box-shadow:0px 6px 3px rgba(0,0,0,0.2); cursor:pointer; transition:all 0.2s;}
.live_part01 .list li.more a:hover { background:#0485ed; color:#fff; box-shadow:0px 6px 3px rgba(0,0,0,0.1);}

.live_part01 .bgs { width:100%; height:160px; position:relative; z-index:5;}
.live_part01 .bgs:before,
.live_part01 .bgs:after { width:960px; height:100%; content:""; position:absolute; bottom:0;}
.live_part01 .bgs:before { background:#001aa5; right:50%;}
.live_part01 .bgs:after { background:#004394; left:50%;}
.live_part01 .bgs li { width:100%; height:590px; position:absolute; bottom:0; left:0; z-index:10;}
.live_part01 .bgs li img { width:100%;}

.live_part02 { width:100%; padding:60px 0; position:relative;}
.live_part02 .live_title:before { width:140px; height:12px; content:""; background:#afc6ff; position:absolute; bottom:0; left:50%; transform:translateX(-50%);}
.live_part02 .live_title h2 { padding-bottom:6px; position:relative;}

.live_part02 .list { width:1200px; position:relative; left:50%; transform:translateX(-50%); z-index:10;}
.live_part02 .list li { width:calc(100% / 3 - 200px); padding-left:100px; margin:60px 50px 0; position:relative;}
.live_part02 .list li .img { width:60px; height:60px; background:none; overflow:hidden; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.live_part02 .list li .name { height:18px; line-height:1; font-size:18px; color:#333; overflow:hidden;}
.live_part02 .list li .text { height:44px; margin-top:12px; line-height:22px; color:#898989; overflow:hidden; white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}

.live_part03 { width:100%; padding:60px 0; position:relative;}
.live_part03:before { width:1920px; height:100%; content:""; background:#f2f2f2; background-size:cover; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.live_part03 .list { width:calc(380px * 3); position:relative; left:50%; transform:translateX(-50%); z-index:10;}
.live_part03 .list li { width:350px; height:400px; margin:30px 15px 0; background:#fff; border-radius:8px; position:relative;}
.live_part03 .list li p { width:100%; position:absolute; left:50%; transform:translateX(-50%); z-index:10;}
.live_part03 .list li .icon { width:70px; height:70px; background:#0035a7; border:30px solid transparent; border-radius:100%; bottom:20px;}
.live_part03 .list li .img { width:70px; height:70px; background:none; bottom:60px; z-index:25;}
.live_part03 .list li .name { height:70px; background:#0035a7; text-align:center; line-height:70px; font-size:18px; color:#fff; bottom:0;}
.live_part03 .list li .text { height:270px; top:0;}
.live_part03 .list li .text span { width:calc(100% - 20px); text-align:center; line-height:2; font-size:16px; color:#3e3a39; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}

.live_part04 { width:100%; padding-top:60px; position:relative;}
.live_part04 .list { width:calc(100% + 20px); margin-top:10px; position:relative; z-index:10;}
.live_part04 .list li { width:calc(100% / 4 - 170px); padding:30px 30px 30px 120px; margin:20px 20px 0 0; background:#f5f5f5; border-radius:8px; position:relative; transition:all 0.2s;}
.live_part04 .list li .img { width:70px; height:70px; background:none; overflow:hidden; position:absolute; top:50%; left:30px; transform:translateY(-50%);}
.live_part04 .list li .name { height:18px; line-height:1; font-size:18px; color:#333; overflow:hidden;}
.live_part04 .list li .text { height:44px; margin-top:12px; line-height:22px; color:#898989; overflow:hidden; white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.live_part04 .list li:hover { transform:translateY(-10px);}

.live_part05 { width:100%; margin-bottom:-60px;}
.live_part05 .list { width:100%; margin-top:30px;}
.live_part05 .list li { width:calc(100% - 20px); padding:25px 10px; border-top:1px solid #ececec;}
.live_part05 .list li a { height:100%; display:block; position:relative;}
.live_part05 .list li .name { height:20px; margin:-2px 0; font-size:16px; color:#000; overflow:hidden;}
.live_part05 .list li .name span { float:right; margin-left:10px; font-size:14px; color:#898989;}
.live_part05 .list li .text { max-height:72px; margin:15px 0; line-height:24px; color:#666; overflow:hidden; white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.live_part05 .list li .sort { padding:7px 8px; margin-bottom:-4px; border:1px solid #e5e5e5; border-radius:4px; line-height:1; font-size:12px; color:#898989; display:inline-block;}
.live_part05 .list li:first-child { border:0;}
.live_part05 .list li:hover { box-shadow:0px 0px 12px rgba(0,0,0,0.15);}
.live_part05 .list li:hover .name { color:#0485ed;}