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

.media_part01 { width:100%; padding:60px 0; margin-top:-50px;}
.media_part01 .list { width:calc(100% + 20px); margin-top:10px;}
.media_part01 .list li { width:calc(100% / 4 - 80px); padding:90px 30px; margin:20px 20px 0 0; background:#f5f5f5; border-radius:8px; position:relative;}
.media_part01 .list li .img { width:80px; height:80px; margin-top:5px; background:none; overflow:hidden; position:relative; left:50%; transform:translateX(-50%);}
.media_part01 .list li .name { margin:25px 0 15px; text-align:center; font-size:18px; color:#3e3a39; overflow:hidden;}
.media_part01 .list li .text { height:48px; text-align:center; line-height:24px; color:#898989; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.media_part01 .list li:hover { box-shadow:0px 0px 16px rgba(0,0,0,0.25);}

.media_part02 { width:100%;}
.media_part02 .tab_list { width:100%; margin-top:30px; text-align:center;}
.media_part02 .tab_list li { float:none; height:40px; padding:0 20px; margin:0 5px; border:1px solid #f0f0f0; border-radius:3px; line-height:40px; display:inline-block; cursor:pointer;}
.media_part02 .tab_list li.active { background:#0485ed; border-color:#0485ed; color:#fff;}

.media_part02 .list { width:100%; height:380px; margin-top:15px; overflow:hidden;}
.media_part02 .list ul { width:10000%; height:100%; transition:all 0.3s;}
.media_part02 .list ul#v1 { transform:translateX(0);}
.media_part02 .list ul#v2 { transform:translateX(-1%);}
.media_part02 .list ul#v3 { transform:translateX(-2%);}
.media_part02 .list ul#v4 { transform:translateX(-3%);}
.media_part02 .list li { width:calc(1% - 675px); height:100%; padding-left:675px; position:relative;}
.media_part02 .list li .img { width:650px; height:100%; position:absolute; top:0; left:0;}
.media_part02 .list li .text { margin-top:20px; line-height:32px; font-size:16px; color:#3e3a39;}

.media_part03 { width:100%; padding:60px 0;}
.media_part03 .list { width:100%; margin-top:30px;}
.media_part03 .list li { width:calc(100% / 4);}
.media_part03 .list li .img { width:60px; height:60px; background:none; overflow:hidden; position:relative; left:50%; transform:translateX(-50%);}
.media_part03 .list li .name { margin:15px 0; text-align:center; font-size:18px; color:#2b2b2b; overflow:hidden;}
.media_part03 .list li .text { height:14px; text-align:center; line-height:1; font-size:14px; overflow:hidden;}

.media_part04 { width:100%; padding:60px 0; position:relative;}
.media_part04:before { width:1920px; height:100%; content:""; background:#efefef; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.media_part04 .info { width:calc(100% - 650px); height:360px; padding-left:650px; position:relative; z-index:10;}
.media_part04 .info li { width:100%; position:relative;}
.media_part04 .info li.img { width:600px; height:100%; position:absolute; top:0; left:0;}
.media_part04 .info li.title { line-height:1; font-size:20px; color:#000;}
.media_part04 .info li.title p { padding-bottom:15px; display:inline-block; position:relative;}
.media_part04 .info li.title p:before { width:60px; height:5px; content:""; background:#0485ed; position:absolute; bottom:0; left:0;}
.media_part04 .info li.text { margin-top:35px; line-height:24px; color:#898989;}

.media_part04 .list { width:100%; margin-top:40px; position:relative; z-index:10;}
.media_part04 .list li { width:calc(100% / 4); position:relative;}
.media_part04 .list li .name { margin-bottom:10px; text-align:center; line-height:1; font-size:18px; color:#2b2b2b; overflow:hidden;}
.media_part04 .list li .text { height:14px; text-align:center; line-height:1; font-size:14px; overflow:hidden;}

.media_part05 { width:100%; padding:60px 0; position:relative;}
.media_part05 .info { width:calc(100% - 650px); height:360px; padding-right:650px; position:relative; z-index:10;}
.media_part05 .info li { width:100%; position:relative;}
.media_part05 .info li.img { width:600px; height:100%; position:absolute; top:0; right:0;}
.media_part05 .info li.title { line-height:1;}
.media_part05 .info li.title .cn { font-size:20px; color:#000;}
.media_part05 .info li.title .en { margin:10px 0 30px; font-size:14px; color:#898989;}
.media_part05 .info li.text { margin-top:-35px;}
.media_part05 .info li.text dl { margin-top:35px;}
.media_part05 .info li.text dt { margin:-2px 0 5px; font-size:16px; color:#3e3a39;}
.media_part05 .info li.text dd { line-height:24px; color:#898989;}

.media_part06 { width:100%; padding:60px 0; position:relative;}
.media_part06:before { width:1920px; height:100%; content:""; background:#efefef; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.media_part06 .info { width:calc(100% - 650px); height:360px; padding-left:650px; position:relative; z-index:10;}
.media_part06 .info li { width:100%; position:relative;}
.media_part06 .info li.img { width:600px; height:100%; position:absolute; top:0; left:0;}
.media_part06 .info li.title { line-height:1; font-size:20px; color:#000;}
.media_part06 .info li.title p { padding-bottom:15px; display:inline-block; position:relative;}
.media_part06 .info li.title p:before { width:60px; height:5px; content:""; background:#2251ab; position:absolute; bottom:0; left:0;}
.media_part06 .info li.text { margin-top:35px; line-height:24px; color:#898989;}

.media_part06 .list { width:100%; margin-top:40px; position:relative; z-index:10;}
.media_part06 .list li { width:calc(100% / 4); position:relative;}
.media_part06 .list li .name { margin-bottom:10px; text-align:center; line-height:1; font-size:18px; color:#2b2b2b; overflow:hidden;}
.media_part06 .list li .text { height:14px; text-align:center; line-height:1; font-size:14px; overflow:hidden;}

.media_part07 { width:100%; margin:60px 0 -60px; position:relative;}
.media_part07 .list { width:calc(100% - 20px); padding:0 0 20px 20px; margin-top:30px; background:#f6f6f6; border-top:1px solid #e5e5e5; position:relative; z-index:10;}
.media_part07 .list li { width:calc(100% / 4 - 20px); margin:20px 20px 0 0; background:#fff; border-radius:8px; position:relative;}
.media_part07 .list li a { float:left; width:calc(100% - 30px); padding:15px 15px 205px; position:relative;}
.media_part07 .list li p { width:calc(100% - 30px); overflow:hidden; position:absolute; left:15px; z-index:20;}
.media_part07 .list li .bg { width:100%; left:0;}
.media_part07 .list li .img { height:calc(100% - 220px); top:15px;}
.media_part07 .list li .name { height:48px; line-height:24px; font-size:16px; color:#000; bottom:145px; white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.media_part07 .list li .date { line-height:1; color:#898989; bottom:120px;}
.media_part07 .list li .text { height:48px; line-height:24px; color:#666; bottom:60px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.media_part07 .list li .sort { width:auto; padding:7px 8px; border:1px solid #e5e5e5; border-radius:4px; line-height:1; font-size:12px; color:#898989; bottom:15px;}
.media_part07 .list li .more { width:20px; height:11px; background:url(../images/base.png) no-repeat -80px 0; bottom:25px; left:auto; right:15px; transition:all 0.3s;}
.media_part07 .list li:hover { box-shadow:0px 0px 16px rgba(0,0,0,0.3);}
.media_part07 .list li:hover .name { color:#0485ed;}
.media_part07 .list li:hover .more { background-position:-50px 0;}
.media_part07 .list li:hover .img img { transform:scale(1.1);}