body{margin:0;padding:0;-webkit-overflow-scrolling:touch;font-family:"PingFang SC";}
img{display:inline-block;vertical-align: bottom;}
#body{width:100%;overflow:hidden;}
ul{margin:0;padding:0;list-style: none;}
p{margin:0;padding:0;}
a{text-decoration: none;}
h1{margin:0;padding:0;}
input{margin:0;padding:0;border:none;outline: none;}
.headbanner{width:100%;height:322px;background:url(https://img.zcool.cn/special-resource/home/assets/img/banner.jpg) no-repeat center center;background-size:2560px 100%;}
.headword{color:#fff;text-align:center;position: relative;top:50%;transform:translateY(-50%);width:700px;margin:0 auto;}
.tile{font-size:70px;position: relative;display:inline-block;}
.tile:before{content:"";position: absolute;height:1px;background:#fff;width:80px;left:-110px;top:50%;}
.tile:after{content:"";position: absolute;height:1px;background:#fff;width:80px;right:-110px;top:50%;}
.tile_info{font-size:40px;margin-top:30px;letter-spacing: 9px;}
.tile_eg{font-size:17px;letter-spacing: 3px;margin-top:-5px;margin-left:-4px;}
.conson{width:1180px;margin:0 auto;}
.navi{width:1014px;margin:90px auto 55px;box-sizing: border-box;padding:0 142px 32px;border-bottom:1px solid #DDDDDD;}
.navBox{display:flex;justify-content: space-between;}
.navBox li{cursor: pointer;position: relative;font-size:16px;}
.navBox li:before{content:"";display:block;position: absolute;border:12px solid transparent;left:50%;margin-left:-12px;bottom:-33px;}
.navBox li:hover:before{border-bottom-color:#4F80F0;}
.navBox li.active:before{border-bottom-color:#4F80F0;}
.secne_box{display:none;}
.scene_img{display:flex;justify-content: space-between;flex-wrap: wrap;}
.scene_img li{margin-bottom:18px;}
.toshow{display:block;}
.img_url{display:block;width:100%;height:100%;position: relative;overflow: hidden;}
.img_h{position: absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity: 0;z-index:-1;transition:all 0.2s linear;}
.into_box{position: absolute;left:38px;bottom:20px;color:#fff;z-index:5;font-size:24px;}
.instr1{display:inline-block;position: relative;margin-bottom:5px;}
.instr1:before{display:inline-block;width:0;content:"";height:2px;background:#fff;position: absolute;left:0px;bottom:-3px;transition:all 0.3s linear;}
.instr2{transform:translateX(80px);opacity: 0;transition:all 0.3s linear;font-size:22px;}
.scene_img li:hover .instr1:before{width:100%;}
.scene_img li:hover .instr2{transform:translateX(0px);opacity: 1;}
.scene_img li:hover .img_h{opacity: 0.45;z-index:3;}
.img_data{font-size:32px;color:#4F80F0;text-align:center;margin-top:125px;margin-bottom:40px;}
#datanum{font-weight:bold;font-size:38px;}
#search{width:802px;height:78px;border:1px solid #4F80F0;border-radius: 20px;box-sizing: border-box;font-size:28px;color:#4F80F0;padding:0 126px 0 38px;font-family: "PingFang SC";}
input::-webkit-input-placeholder,::placeholder{color:#4F80F0 !important;opacity:0.5;font-weight:300;}
.tosear{width:802px;margin:0 auto;position: relative;}
.sear_icon{position: absolute;right:30px;top:50%;transform:translateY(-50%);cursor: pointer;}
.opus_box{width:100%;height:546px;background:rgba(91,148,255,0.1);margin-top:140px;padding-top:65px;box-sizing: border-box;text-align:center;}
.foot_tile{color:#4F80F0;font-size:32px !important;display:inline-block;position: relative;}
.foot_tile:before{content:"";position: absolute;height:1px;background:#4F80F0;width:80px;left:-95px;top:50%;}
.foot_tile:after{content:"";position: absolute;height:1px;background:#4F80F0;width:80px;right:-95px;top:50%;}
.opus_type{width:1120px;margin:50px auto 0;display:flex;justify-content: space-between;color:#4F80F0;}
.opus_type a{color:#4F80F0;display:block;width:100%;height:100%;}
.opus_type li{width:220px;height:252px;background:#fff;border-radius: 12px;text-align:center;padding-top:25px;box-sizing: border-box;transition:all 0.5s linear;cursor: pointer;box-shadow: 6px 4px 20px #CDE4FF;}
.opus_type li:hover{box-shadow: 6px 4px 20px #A8D0FF;transform:translateY(-3px);}
.jumpout{color:#4F80F0;display:inline-block;border-radius: 8px;font-size:24px;width:128px;height:38px;line-height: 38px;position: relative;z-index:5;transition:all 0.3s linear;}
/* .jumpout:hover{background:#004DFF;color:#fff;} */
.topic_name{font-size:26px;font-weight:200;padding:2px 5px;border-bottom:1px solid #4F80F0;display:inline-block;}
.foot_eg{font-size:20px;margin-top:3px;margin-bottom:5px;}
.url_box{width:128px;height:38px;display:inline-block;position: relative;border-radius: 8px;overflow: hidden;margin-top:4px;}
.url_bg{background:#4F80F0;width:40px;position: absolute;left:50%;margin-left:-20px;display:block;height:100%;opacity: 0;transition:all 0.3s linear;}
.url_box:hover .jumpout{color:#fff;}
.url_box:hover .url_bg{width:100%;left:0;margin-left:0;opacity: 1;}