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;}
.container{background:#eef0ff;}
.headerWrapper{width:100%;overflow: hidden;}
.headerBanner{width:2560px;height:1082px;background:url(https://img.zcool.cn/special-resource/2019-10-illustration/assets/img/banner.jpg) no-repeat center center;position: relative;transform-origin: left top;}
.contend:before{content:"";display:table;}
.contend{background:#eef0ff url(https://img.zcool.cn/special-resource/2019-10-illustration/assets/img/mainbg.jpg) no-repeat center -2px;background-size:2560px auto;}
.main1{width:970px;height:563px;background:url(https://img.zcool.cn/special-resource/2019-10-illustration/assets/img/m1bg.png) no-repeat center center;margin:0 auto;margin-top:130px;position: relative;padding-top:100px;
    box-sizing: border-box;text-align:center;transform:scale(0.8);transform-origin: center top;}
.m1w1{color:#fff;line-height:44px;font-size:25px;}
.m1w2{color:#fff600;font-size:40px;font-weight:bold;margin-top:48px;}
.m1c{position: absolute;right:-100px;top:-76px;}
.m1down{margin-top:32px;}
.nav_box,.nav_wp{width:100%;height:50px;}
/* .nav_wp{margin-top:176px;} */
.nav_lis{width:1052px;display:flex;justify-content: space-between;margin:0 auto;}
.nav_lis li{width:163px;height:50px;cursor: pointer;position: relative;}
.nav_lis li span{display:block;width:80px;height:100%;transform:translateX(41.5px);opacity: 0;transition:all 0.3s linear;}
.nav_lis li:hover span,.nav_lis li.active span{width:100%;transform:translateX(0px);opacity: 1;}
.nav_lis li:nth-child(1){background:url(https://img.zcool.cn/special-resource/2019-10-illustration/assets/img/nav1.png) no-repeat center center;}
.nav_lis li:nth-child(1) span{background:url(https://img.zcool.cn/special-resource/2019-10-illustration/assets/img/nav1-h.png) no-repeat center center;background-size: 163px 100%;}
.nav_lis li:nth-child(2) span{background:url(https://img.zcool.cn/special-resource/2019-10-illustration/assets/img/nav2-h.png) no-repeat center center;background-size: 163px 100%;}
.nav_lis li:nth-child(3) span{background:url(https://img.zcool.cn/special-resource/2019-10-illustration/assets/img/nav3-h.png) no-repeat center center;background-size: 163px 100%;}
.nav_lis li:nth-child(4) span{background:url(https://img.zcool.cn/special-resource/2019-10-illustration/assets/img/nav4-h.png) no-repeat center center;background-size: 163px 100%;}
.nav_lis li:nth-child(5) span{background:url(https://img.zcool.cn/special-resource/2019-10-illustration/assets/img/nav5-h.png) no-repeat center center;background-size: 163px 100%;}
.nav_lis li:nth-child(2){background:url(https://img.zcool.cn/special-resource/2019-10-illustration/assets/img/nav2.png) no-repeat center center;}
.nav_lis li:nth-child(3){background:url(https://img.zcool.cn/special-resource/2019-10-illustration/assets/img/nav3.png) no-repeat center center;}
.nav_lis li:nth-child(4){background:url(https://img.zcool.cn/special-resource/2019-10-illustration/assets/img/nav4.png) no-repeat center center;}
.nav_lis li:nth-child(5){background:url(https://img.zcool.cn/special-resource/2019-10-illustration/assets/img/nav5.png) no-repeat center center;}

.opus_type{width:1200px;margin:0 auto;margin-top:118px;display:none;}
.opus_type.active{display:block;}
.sanj{text-align:center;margin-top:52px;margin-bottom:22px;}
.m2btn{text-align:center;}
.look_more{display:block;width:163px;height:50px;background:url(https://img.zcool.cn/special-resource/2019-10-illustration/assets/img/look_more.png);position: relative;margin:0 auto;}
.look_more span{display:inline-block;width:80px;height:100%;position: absolute;top:0;left:50%;margin-left:-40px;transition:all 0.3s linear;opacity: 0;background:url(https://img.zcool.cn/special-resource/2019-10-illustration/assets/img/look_moreh.png) no-repeat center center;background-size:auto 100%;}
.look_more:hover span{opacity: 1;margin-left:0;left:0;width:100%;}
.main3{width:100%;height:957px;background:url(https://img.zcool.cn/special-resource/2019-10-illustration/assets/img/m3bg.jpg) no-repeat center center;background-size:2560px 100%;margin-top:105px;padding-top:115px;box-sizing: border-box;color:#fff;text-align:center;}
.m3w1{font-size:36px;font-weight:bold;}
.m3w2{font-size:24px;line-height:46px;margin-top:122px;}
.m3w3{font-size:24px;line-height:36px;margin-top:155px;}
.m3btn{text-align:center;display:inline-block;margin:0 auto;margin-top:20px;}
.ck_here{display:inline-block;width:168px;height:52px;border-radius: 1000px;text-align:center;line-height:48px;font-size:26px;color:#49a1fa;border:2px solid #fff;box-sizing: border-box;position: relative;transition:all 0.3s linear;overflow: hidden;}
.ck_here span{position: relative;z-index:5;}
.ck_here:before,.ck_here:after{content:"";display:block;height:100%;width:84px;position: absolute;top:0;background:#fff;transition:all 0.3s linear;}
.ck_here:before{left:0;}
.ck_here:after{right:0;}
.m3btn:hover .ck_here:before,.m3btn:hover .ck_here:after{width:0px;}
.m3btn:hover .ck_here{color:#fff;}
/* #headerHtml{display:none;} */
.fixed{position: fixed;top:0;left:0;z-index:10000;padding:30px 0;background:#fff;}
.opus_type img{transition:transform 0.3s linear;cursor: pointer;}
.opus_type img:hover{transform:scale(1.15);}

.back_top{width:50px;height:50px;border-radius: 4px;cursor: pointer;background:#ddd url(https://img.zcool.cn/special-resource/2019-10-illustration/assets/img/totop.png) no-repeat center center;position: fixed;bottom:50px;left:50%;margin-left:600px;z-index:100;display:none;}