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%;box-sizing: border-box;overflow: hidden;background:url(https://img.zcool.cn/special-resource/hugongda2020/assets/img/mainbg.jpg?1231321) repeat center top;background-size:100% auto;margin-top:-2px;}
.before:before{content:"";display:table;}
.headerWrapper img{width:100%;}
.forewd{background:url(https://img.zcool.cn/special-resource/hugongda2020/assets/img/m1bg.jpg?313213131) no-repeat center center;background-size:2560px 1005px;padding-top:172px;box-sizing: border-box;height:1005px;}
.foremain{width:1130px;margin:0 auto;color:#fff;font-size:24px;line-height:48px;padding-left:150px;white-space: nowrap;box-sizing: border-box;}
.fore_w1{margin-bottom:125px;}
.conmain{background:url(https://img.zcool.cn/special-resource/hugongda2020/assets/img/mainbg.jpg) no-repeat center top;background-size:2560px auto;}
.tile{width:1188px;height:56px;background:url(https://img.zcool.cn/special-resource/hugongda2020/assets/img/tilebg.png?1231312);font-weight:bold;line-height:46px;color:#05524a;font-size:35px;padding-left:80px;box-sizing: border-box;margin-left:-60px;}
.vision{width:1132px;margin:0 auto;height:933px;padding-top:89px;box-sizing: border-box;}
.opus_lis{margin-top:38px;}
.opus_lis li{width:268px;border:3px solid #0af9f9;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;}
.look_more{text-align:right;}
.look_more span{display:inline-block;width:24px;height:24px;border:5px solid #0af9f9;box-sizing: border-box;border-radius: 50%;margin-right:8px;}
.look_more a{font-size: 25px;color:#fff;display:inline-block;position: relative;bottom:2px;}
.advert,.ambient,.craft{width:1132px;margin:0 auto;height:970px;padding-top:124px;box-sizing: border-box;}
.media{width:1132px;margin:0 auto;height:752px;padding-top:135px;box-sizing: border-box;}
.alumni{width:1132px;margin:0 auto;height:980px;padding-top:124px;box-sizing: border-box;}
.fotlgs{height:297px;background:url(https://img.zcool.cn/special-resource/hugongda2020/assets/img/fotlgs.jpg?23131321) center center;background-size:2560px 100%;}
.opus_lis2 li{width:210px;margin-right:20.4px;}
.opus_lis2 li:nth-child(4n){margin-right:20.4px;}
.opus_lis2 li:nth-child(5n){margin-right:0;}


.navfixd{position: fixed;right:10px;top:50%;z-index:10;width:150px;transform:translateY(-62%);}
.navlis li{height:50px;box-sizing: border-box;border:1px solid #0af9f9;border-radius: 5px;background:#053a2c;font-size:15px;color:#0af9f9;box-shadow: 5px 5px 10px rgba(10,249,249,0.8);margin-top:-1px;cursor: pointer;color:#0af9f9;}
.navlis li:hover,.share_list li:hover,.navlis li.active{background:#ff5753;color:#fff;}
.navlis li span{display:inline-block;position: relative;line-height:48px;margin-left:13px;}
.navlis li span:before{content: "";display:block;width:100%;height:1px;background:#0af9f9;position: absolute;left:0;bottom:10px;}
.navlis li:hover span:before,.navlis li.active span:before{background:#fff;}
.share_list{width:150px;display:flex;justify-content: space-between;margin-top:10px;}
.share_list li{box-sizing: border-box;width:70px;height:50px;cursor: pointer;display:flex;justify-content: center;align-items: center;box-shadow: 5px 5px 10px rgba(10,249,249,0.8);border-radius: 5px;background:#053a2c;border:1px solid #0af9f9;position: relative;}
.weibo{width:33px;height:27px;background:url(https://img.zcool.cn/special-resource/hugongda2020/assets/img/weibo.png);}
.wechat{width:31px;height:25px;background:url(https://img.zcool.cn/special-resource/hugongda2020/assets/img/wechat.png);}
.share_list li:hover .wechat{background:url(https://img.zcool.cn/special-resource/hugongda2020/assets/img/wechat-h.png);}
.share_list li:hover .weibo{background:url(https://img.zcool.cn/special-resource/hugongda2020/assets/img/weibo-h.png);}
.share_list .wx-qrcode{position: absolute;width:150px;box-sizing: border-box;border:1px solid #ff5753;background:#000;padding:13px;border-radius: 5px;right:-19px;margin-top:0;top:52px;height:150px;}
.share_list .wx-qrcode img{width:100%;height:122px;border:1px solid #ff5753;box-sizing: border-box;border-radius: 5px;}

[v-cloak]{display: none;}