body,html{margin:0;padding:0;text-align:left;font-family:'PingFang SC','微软雅黑','Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;min-width:1200px;}
p{margin:0;padding:0;}
ul{list-style:none;margin:0;padding:0;}
img{display:inline-block;vertical-align: middle;}
a{text-decoration: none;cursor: pointer;}
h1{font-weight:normal;margin:0;padding:0;font-size:36px;color:#fff;}
.flex{display:flex;justify-content: space-between;}
.clearfix:after{content:"";display:block;clear:both;}
.content{width:100%;overflow: hidden;margin-top:-2px;}
.before:before{content:"";display:table;} 
.headerWrapper img{width:100%;}
.forewd{background:url(https://img.zcool.cn/special-resource/hugongdabishe2020/assets/img/m1bg.jpg) no-repeat center center;background-size:2560px 1094px;padding-top:165px;box-sizing: border-box;height:1094px;}
.foremain{width:1132px;margin:0 auto;color:#fff;font-size:24px;line-height:48px;box-sizing: border-box;display:flex;}
.foremain p{width:980px;margin-left:60px;}
.fore_w1{margin-bottom:38px;}
.fortle{padding-top:12px;}
.conmain{background:url(https://img.zcool.cn/special-resource/hugongdabishe2020/assets/img/mainbg.jpg) no-repeat center top;background-size:2560px 100%;box-sizing: border-box;padding-bottom:105px;}
.tile{height:46px;font-weight:bold;line-height:46px;color:#323232;font-size:35px;background:#dfdfe0;text-align:center;}
.btoicon{text-align:center;}
.alumni-tile{box-sizing: border-box;text-align:center;width:700px;border:1px solid #323232;height:46px;line-height:44px;font-size:35px;background:#dfdfe0;color:#323232;margin:0 auto;margin-top:-8px;position: relative;font-weight:bold;}
.icon-1{position: absolute;left:25px;top:-52px;}
.btowd{width:100%;height:44px;box-sizing: border-box;text-align:center;background:#dfdfe0;padding-top:11px;border:1px solid #323232;margin-top:-1px;}
.vision{width:1132px;margin:0 auto;box-sizing: border-box;}
.opus_lis{margin-top:48px;}
.opus_lis li{width:268px;box-sizing: border-box;float:left;margin-right:20px;position: relative;cursor: pointer;border-radius: 5px;margin-bottom:20px;overflow: hidden;}
.opus_lis li:nth-child(4n){margin-right:0;}
.opus_lis li img{width:100%;transition: all 0.3s linear;}
.imgurl{position: absolute;z-index:-1;width:100%;height:100%;top:0;left:0;transition:all 0.3s linear;background:rgba(0,0,0,0.5);opacity: 0;}
.opus_lis li:hover .imgurl{opacity: 1;z-index:2;}
.opus_lis li:hover img{transform:scale(1.2)}
.rouds{text-align:center;margin-top:60px;margin-bottom:115px;}
.lrouds{margin-bottom:32px;}
.look_more{text-align:right;margin-top:10px;}
.look_more a{font-size: 25px;color:#fff;line-height:25px;}
.advert,.ambient,.craft{width:1132px;margin:0 auto;box-sizing: border-box;}
.media{width:1132px;margin:0 auto;box-sizing: border-box;}
.alumni{width:1132px;margin:0 auto;box-sizing: border-box;}
.fotlgs{height:310px;display:flex;justify-content: center;align-items: center;background:#454545;}

.navfixd{position: fixed;right:15px;top:50%;transform: translateY(-65%);z-index:10;max-width:160px;}
.navlis li{height:48px;box-sizing: border-box;background:#dfdfe0;font-size:15px;cursor: pointer;padding:0 15px;display:inline-block;}
.navlis li:hover,.navlis li.active{background:#f9d17a;}
.navlis li span{display:inline-block;position: relative;line-height:48px;}
.navlis li span:before{content: "";display:block;width:100%;height:1px;background:#000;position: absolute;left:0;bottom:10px;}
.share_list{display:flex;justify-content: space-between;margin-top:10px;width:150px;}
.share_list li{box-sizing: border-box;width:70px;height:50px;cursor: pointer;display:flex;justify-content: center;align-items: center;background:#dfdfe0;position: relative;}
.weibo{width:100%;height:100%;background:url(https://img.zcool.cn/special-resource/hugongdabishe2020/assets/img/weibo.png) no-repeat center center;}
.wechat{width:100%;height:100%;background:url(https://img.zcool.cn/special-resource/hugongdabishe2020/assets/img/wechat.png) no-repeat center center;}
.share_list li:hover{background:#f9d17a;}
.share_list .wx-qrcode{position: absolute;width:150px;box-sizing: border-box;border-color:#f9d17a;right:0;margin-top:0;top:60px;height:150px;}
.share_list .wx-qrcode img{width:100%;height:100%;}

[v-cloak]{display: none;}

