#news {background-color:#f5f5f5;}
#news .cont {display:flex;}
#news .lbar {position:relative;left:1px;margin-top:70px;width:90px;}
#news .lbar a {display:block;margin-bottom:5px;text-align:center;}
#news .lbar > a {padding:19px 20px;color:#fff;font-size:20px;line-height:1.4;}
#news .lbar > a:first-child {font-weight:bold;background-color:#34c4b3;}
#news .lbar > a:last-child:hover {font-weight:bold;}
#news .lbar div a {padding:19px 10px;color:#666;font-size:16px;line-height:1.6;background-color:#ccc;}
#news .lbar div a:hover, #news .lbar div a.curt {color:#0cabeb;font-weight:bold;}
#news .r {width:calc(100% - 90px);padding:70px 40px 50px 40px;box-sizing:border-box;border:1px solid #ebebeb;border-bottom:none;background-color:#fff;}

#news .tt {display:block;margin-bottom:60px;}
#news .tt .imgs {float:right;width:35.24%;font-size:0;}
#news .tt .imgs img {width:100%;}
#news .tt .text {float:left;padding-top:40px;width:60.25%;}
#news .tt .text div {display:flex;}
#news .tt .text div span {flex:0 0 auto;width:74px;height:30px;line-height:30px;color:#0cabeb;font-size:18px;font-weight:bold;text-align:center;border:1px solid #0cabeb;}
#news .tt .text div h2 {flex:1 1 auto;margin-top:-3px;margin-left:12px;color:#333;font-size:22px;line-height:1.6;}
#news .tt .text p {margin-top:20px;color:#666;line-height:1.8;-webkit-line-clamp:3;}
#news .tt .text > span {display:block;margin-top:24px;color:#333;font-size:16px;}
#news .tt .text > span:hover {color:#0cabeb;}
#news .tt:after {display:block;clear:both;content:"";}

#news .list {border-bottom:1px solid #e3e3e3;}
#news .list a {display:flex;padding:19px;border:1px solid #e3e3e3;border-bottom:none;}
#news .list a .imgs {flex:0 0 auto;width:268px;font-size:0;}
#news .list a .imgs img {width:100%;}
#news .list a .text {flex:1 1 auto;margin-left:40px;}
#news .list a .text h2 {font-size:22px;font-weight:normal;line-height:1.6;}
#news .list a .text p {margin-top:10px;margin-bottom:18px;color:#666;font-size:14px;line-height:1.8;}
#news .list a .text span {position:relative;display:block;width:98px;height:34px;line-height:34px;font-size:14px;color:#0cabeb;text-align:center;border:1px solid #0cabeb;}
#news .list a .text span:before {content:'';position:absolute;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:10px solid #fff;left:-1px;top:50%;margin-top:-9px;z-index:1;}
#news .list a .text span:after {content:'';position:absolute;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #0cabeb;left:-1px;top: 50%;margin-top:-5px;z-index:2;}
#news .list a:hover {box-shadow: 5px 5px 10px #ededed, -5px -5px 10px #ededed;}
#news .list a:hover .text h2 {color:#0cabeb;}
#news .list a:hover .text span {color:#fff;background-color:#0cabeb;}
#news .list a:hover .text span:before {border-left-color:#0cabeb;}
#news .list a:hover .text span:after {border-left-color:#fff;}

#arts a {position:relative;display:inline-block;margin-top:3%;margin-right:3%;width:31.33333%;vertical-align:top;}
#arts a:nth-child(3n) {margin-right:0;}
#arts a .imgs {font-size:0;}
#arts a .imgs img {width:100%;}
#arts a .text {padding:25px 25px 20px 25px;border:1px solid #e3e3e3;border-top:none;}
#arts a .text h2 {color:#1a1a1a;font-size:22px;line-height:1;}
#arts a .text h2:after {display:block;margin-top:15px;width:40px;height:2px;background-color:#d4d4d4;content:"";}
#arts a .text p {margin-top:12px;color:#666;line-height:1.8;-webkit-line-clamp:3;}
#arts a:hover {box-shadow:4px 5px 10px #e6e6e6, -4px 5px 10px #e6e6e6;}
#arts a:hover:after {position:absolute;bottom:0;left:0;z-index:2;display:block;width:100%;height:3px;background-color:#0cabeb;content:"";}

#wzds {padding-bottom:80px;background-color:#f5f5f5;}
#wzds .conts {display:flex;justify-content:space-between;}
#wzds .contl {flex:0 0 auto;width:74.16666%;box-sizing:border-box;border:1px solid #f0f0f0;background-color:#fff;}
#wzds .contr {flex:0 0 auto;width:25%;box-sizing:border-box;}
#wzds .info {padding:40px;}
#wzds .info .tis h1 {color:#1a1a1a;font-size:36px;line-height:1.4;font-weight:normal;}
#wzds .info .tis p {padding-top:15px;padding-bottom:12px;color:#999;font-size:14px;border-bottom:1px solid #dedede;}
#wzds .info .tis p span {margin-left:30px;}
#wzds .info .tis p span:first-child {margin-left:0;}
#wzds .info .tis p span i {position:relative;top:1px;margin-right:5px;}
#wzds .info .tags {margin-top:3%;}
#wzds .pns {display:flex;border-top:1px solid #dedede;}
#wzds .pns div {display:flex;position:relative;width:50%;height:60px;line-height:60px;box-sizing:border-box;overflow:hidden;}
#wzds .pns div i {position:absolute;top:1px;color:#b3b3b3;font-size:22px;}
#wzds .pns div .wz {flex:0 0 auto;color:#666;}
#wzds .pns .prev {padding-left:70px;padding-right:30px;}
#wzds .pns .prev i {left:40px;}
#wzds .pns .next {padding-left:30px;padding-right:70px;border-left:1px solid #dedede;}
#wzds .pns .next i {right:40px;}

#wzds .contr .tis {position:relative;}
#wzds .contr .tis h3 {display:inline-block;color:#333;font-size:22px;font-weight:normal;line-height:1;}
#wzds .contr .tis h3:after {display:block;margin-top:15px;width:36px;height:2px;background-color:#0cabeb;content:"";}
#wzds .contr .tis a {position:absolute;top:0;right:0;display:block;width:20px;height:20px;border-radius:50%;border:1px solid #d2d2d2;}
#wzds .contr .tis a:before {position:absolute;top:50%;left:50%;display:block;margin-top:-1px;margin-left:-6px;width:12px;height:2px;background-color:#999;content:"";}
#wzds .contr .tis a:after {position:absolute;top:50%;left:50%;display:block;margin-top:-1px;margin-left:-6px;width:12px;height:2px;background-color:#999;content:""; transform:rotate(90deg);}
#wzds .contr .tis a:hover {color:#0cabeb;border-color:#0cabeb;}
#wzds .contr .tis a:hover:before, #wzds .contr .tis a:hover:after {background-color:#0cabeb;}
#wzds .contr .back {display:block;margin-top:20px;width:140px;height:50px;line-height:50px;color:#fff;font-size:16px;text-align:center;}
#wzds .tjcp {padding:30px 19px;border:1px solid #f0f0f0;background-color:#fff;}
#wzds .tjcp .list a {display:block;margin-top:25px;text-align:center;}
#wzds .tjcp .list a div {position:relative;font-size:0;border:1px solid #ccc;}
#wzds .tjcp .list a div img {width:100%;}
#wzds .tjcp .list a div:after {position:absolute;top:0;left:0;z-index:2;display:none;width:100%;height:100%;background-color:rgba(0,0,0,0.4);content:"";}
#wzds .tjcp .list a div i {position:absolute;top:50%;left:50%;z-index:10;display:none;margin-top:-21px;margin-left:-21px;width:42px;height:42px;line-height:42px;color:#fff;font-size:20px;text-align:center;border-radius:50%;}
#wzds .tjcp .list a h2 {margin-top:12px;font-size:16px;font-weight:normal;}
#wzds .tjcp .list a:hover div:after, #wzds .tjcp .list a:hover div i {display:block;}
#wzds .rmss {margin-top:10px;padding:30px 19px 19px 19px;border:1px solid #f0f0f0;background-color:#fff;}
#wzds .rmss .list {padding-top:15px;}
#wzds .rmss .list a {display:inline-block;margin-top:6px;margin-right:6px;padding:0 16px;height:34px;line-height:34px;color:#4c4c4c;border-radius:3px;border:1px solid #e6e6e6;vertical-align:top;}
#wzds .rmss .list a:hover {color:#0cabeb;border-color:#0cabeb;}

#wzds .wztis {margin-top:40px;}
#wzds .wztis h3 {color:#0cabeb;font-size:28px;font-weight:normal;line-height:1;}
#wzds .wztis h3:after {display:block;margin-top:15px;width:30px;height:2px;background-color:#0cabeb;content:"";}
#wzds .xgwz .list {display:flex;padding:29px;border:1px solid #f0f0f0;background-color:#fff;}
#wzds .xgwz .list a {display:flex;width:50%;box-sizing:border-box;}
#wzds .xgwz .list a:nth-child(1) {padding-right:20px;}
#wzds .xgwz .list a:nth-child(2) {padding-left:28px;border-left:1px solid #dedede;}
#wzds .xgwz .list a .imgs {flex:0 0 auto;width:220px;font-size:0;}
#wzds .xgwz .list a .imgs img {width:100%;}
#wzds .xgwz .list a .text {flex:1 1 auto;margin-left:25px;}
#wzds .xgwz .list a .text h2 {font-size:20px;font-weight:normal;line-height:1.6;}
#wzds .xgwz .list a .text p {margin-top:5px;color:#666;font-size:14px;line-height:1.8;-webkit-line-clamp:3;}
#wzds .related .list {position:relative;padding:29px 39px;border:1px solid #f0f0f0;background-color:#fff;}
#wzds .related .list:after {position:absolute;top:25px;bottom:25px;left:50%;display:block;width:1px;background-color:#dedede;content:"";}
#wzds .related .list li {position:relative;display:inline-block;padding-left:25px;padding-right:100px;width:47%;height:35px;line-height:35px;font-size:16px;box-sizing:border-box;}
#wzds .related .list li:nth-child(even) {margin-left:6%;}
#wzds .related .list li:before {position:absolute;top:50%;left:0;display:block;margin-top:-3px;width:4px;height:4px;border-radius:50%;border:2px solid #0cabeb;background-color:#fff;content:"";}
#wzds .related .list li span {position:absolute;top:0;right:0;color:#999;font-family:Arial;font-size:14px;}