@import url(sprite.css);
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0; padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details,summary,picture{display:block;}
table{border-collapse:collapse; border-spacing:0;}
caption,th{text-align:left; font-weight:normal;}
html,body,img,iframe,abbr{border:0;}
address,i,em,b{font-style:normal;}
[hidefocus],summary,button:focus{outline:0;}
li{list-style:none;}
sup,sub{font-size:12px;}
textarea{overflow:auto; resize:none;}
label{cursor:default;}
a,button,input[type="submit"]{cursor:pointer;}
h1,h2,h3,h4,h5,h6,b{font-weight:normal; display:block;}
a{-webkit-transition:.3s; -moz-transition:.3s; transition:.3s;}
a{color:inherit;}
a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:14px/1.6 Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 'SimSun', Tahoma, Helvetica, STHeiti !important; color:#454545; outline:0;}
body{position:relative; min-width:1300px; background:#0b0b36 url(https://img.goodmu.cn/4/assets/img/bg.jpg)  fixed;  -webkit-transition:none !important; -moz-transition:none !important; -ms-transition:none !important; -o-transition:none !important;}

.fl{float:left;}
.fr{float:right;}
.clear{zoom:1;}
.clear:after{content:''; width:0; height:0; display:block; clear:both;}
.dib{display:inline-block; *display:inline; *zoom:1;}
.db{display:block; margin:0 auto;}

.header{position:relative; width:100%; height:1248px; overflow: hidden;}
.layer-wrap,#bgs{position:absolute; top:0; left:50%; z-index:0; width:410px; height:787px; margin-left:-205px;}
.layer-3,.layer-4,
.layer-2{width:100%; height:100%;}
.layer-4{background:url(https://img.goodmu.cn/4/assets/img/06.jpg) 0 0 no-repeat; }
.layer-3{background:url(https://img.goodmu.cn/4/assets/img/07.png);}
.layer-2{background:url(https://img.goodmu.cn/4/assets/img/08.png);}

.layer-1{position:absolute; top:0; left:50%; z-index:5; width:1920px; height:1248px; margin-left:-960px; overflow:hidden;}
.layer-1-left{position:absolute; top:0; right:50%; width:787px; height:787px; margin-right:173px; background:url(https://img.goodmu.cn/4/assets/img/01.jpg);}
.layer-1-center{position:relative; z-index:2; width:345px; height:787px; margin:auto;}
.layer-1-man{position:absolute; bottom:0; left:115px; width:237px; height:334px; background:url(https://img.goodmu.cn/4/assets/img/05.png);}
.layer-1-right{position:absolute; top:0; left:50%; width:783px; height:787px; margin-left:177px; background:url(https://img.goodmu.cn/4/assets/img/02.jpg);}
.layer-1-bottom{width:100%; height:218px; background:url(https://img.goodmu.cn/4/assets/img/03.jpg) 50% 0 no-repeat;}
.layer-1-bottom2{width:100%; height:243px; background:url(https://img.goodmu.cn/4/assets/img/04.png) 50% 0 no-repeat;}
.header-text{position:absolute; top:76px; left:50%; z-index:10; width:479px; height:269px; margin-left:-240px; background:url(https://img.goodmu.cn/4/assets/img/11.png);}




.dbimg{display:block; margin:auto;}


.swiper-indicator li{cursor:pointer; }


.item1-a,
.item2-a{position:relative; width:100%;}
.item1-a-man{position:absolute; left:0; top:-80px; width:278px; height:340px; background:url(https://img.goodmu.cn/4/assets/img/12.png) no-repeat;-webkit-animation:float 1s both infinite alternate; animation:float 1s both infinite alternate;}
.item2-a-man{position:absolute; right:0; top:0; width:218px; height:440px; background:url(https://img.goodmu.cn/4/assets/img/14.png) no-repeat; }



.item1{margin-bottom:96px;}
.item1-title{width:712px; height:218px; margin:0 auto 65px; background:url(https://img.goodmu.cn/4/assets/img/10.png);}
.item1-content{width:100%; max-width:1504px; height:515px; margin:auto; background:url(https://img.goodmu.cn/4/assets/img/13.png) 50% 50% no-repeat;}

.item2{margin-bottom:96px;}
.item2-title{width:658px; height:147px; margin:auto; background:url(https://img.goodmu.cn/4/assets/img/15.png) no-repeat;}
.item2-content{width:100%; max-width:1328px; height:833px; margin:64px auto 0; background:url(https://img.goodmu.cn/4/assets/img/16.png) 50% 0 no-repeat;}



.item3{position:relative; width:1300px; height:1640px; margin:auto;}
.item3-title{width:548px; height:88px; margin:0 auto 114px; background:url(https://img.goodmu.cn/4/assets/img/17.png) no-repeat;}
.item3-a{position:relative; display:block; width:1200px; height:1640px; margin:auto; background:url(https://img.goodmu.cn/4/assets/img/19.png) repeat-y;}
.item3-a:before,
.item3-a:after{content:''; position:absolute; left:0; width:100%; height:4px; background:url(https://img.goodmu.cn/4/assets/img/18.png) no-repeat;}
.item3-a:before{top:0;}
.item3-a:after{bottom:0;}
.item3-content{position:absolute; top:0; left:0; width:100%; height:100%;}


.stage01{margin-bottom:130px;}
.stage01 .stage-title{margin-left:10px; margin-top:42px; margin-bottom:35px;}

.swiper-container{position:relative;}
.swiper-triangle{position:absolute; bottom:110px; left:100%; margin-left:14px;}
.swiper-triangle i{position:relative; margin:24px 0!important;}
.swiper-triangle i:before{position:absolute; bottom:100%; left:-5px; margin-bottom:7px; border-bottom-color:#03ded8!important;}
.swiper-triangle i:after{position:absolute; top:100%; left:-5px; margin-top:17px!important; border-bottom-color:#03ded8!important;}
.swiper-triangle i,
.swiper-triangle i:before,
.swiper-triangle i:after,
.swiper-triangle:before,
.swiper-triangle:after{content:''; display:block; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:10px solid #f44f79; margin-top:7px;}
.swiper-ctrl{position:absolute; bottom:100%; margin-bottom:65px; right:102px; margin-right:0;}
.swiper-btn{float:left; width:50%; height:100%; cursor:pointer;}
.swiper-main{position:relative; width:100%; height:474px; background:rgba(255,255,255,.1)}
.swiper-main li{position:absolute; top:0; left:0; width:100%; height:100%;}
.swiper-indicator{height:91px; margin-top:13px; overflow:hidden;}
.swiper-indicator li{position:relative; float:left; width:250px; height:100%; background:#fff;}
.swiper-indicator li:not(:last-of-type){margin-right:12px;}
.swiper-indicator li:after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; margin:0; background-image:url(https://img.goodmu.cn/4/assets/img/sprite.png); background-position:-634px -416px; opacity:0; -webkit-transition:.3s; transition:.3s;}
.swiper-indicator li.act:after{opacity:1;}


.stage02{}
.stage02 .stage-title{margin-left:12px; margin-bottom:35px;}

.item04-a{position:relative; width:100%;}
.item04-a-man{position:absolute; left:0; top:120px; width:332px; height:559px; background:url(https://img.goodmu.cn/4/assets/img/20.png) no-repeat; -webkit-animation:float 1s both infinite alternate; animation:float 1s both infinite alternate;}

@-webkit-keyframes float {
	from {-webkit-transform:translateY(-10px);}
}
@-moz-keyframes float {
	from {-moz-transform:translateY(-10px);}
}
@keyframes float {
	from {transform:translateY(-10px);}
}


.item04{position:relative; width:1300px; margin:165px auto 0;}
.item04 .i-more{margin-right:68px;}
.item04 .item-content{margin-top:42px; padding-left:50px; margin-bottom:122px; overflow:hidden;}
.item04-picture{position:relative; float:left; width:360px; height:545px; background:rgba(255,255,255,.1); margin-bottom:155px;}
.item04-picture:not(:nth-of-type(3n)){margin-right:58px;}
.item04-picture:nth-of-type(3n + 1){-webkit-transform:translateY(140px); -moz-transform:translateY(140px); transform:translateY(140px);}
.item04-picture:nth-of-type(3n + 2){-webkit-transform:translateY(70px); -moz-transform:translateY(70px); transform:translateY(70px);}
.item04-picture-main{position:relative; width:100%; height:435px;}
.item04-picture-main img{display:block; width:100%; height:100%;}
.item04-picture-main img.p2{position:absolute; top:0; left:0; opacity:0; -webkit-transition:.3s; transition:.3s;}
.item04-picture:hover img.p2{opacity:1;}



.item04-picture-info{position:absolute; bottom:0; left:0; width:100%; height:110px; background:#fff;}
.item04-picture-info .icon{margin-top:7px;}
.portrait:after,
.product:after{content:''; position:absolute; top:13px; left:13px; width:363px; height:545px;}
.portrait:after{background:url(https://img.goodmu.cn/4/assets/img/22.png);}
.product:after{background:url(https://img.goodmu.cn/4/assets/img/21.png);}


.item05{position:relative; width:1300px; height:840px; margin:auto;}
.item05-a{position:absolute; top:0; left:50%; display:block; width:1200px; height:100%; margin-left:-600px; background:url(https://img.goodmu.cn/4/assets/img/19.png) repeat-y;}
.item05-a:before,
.item05-a:after{content:''; position:absolute; left:0; width:100%; height:4px; background:url(https://img.goodmu.cn/4/assets/img/18.png) no-repeat;}
.item05-a:before{top:0;}
.item05-a:after{bottom:0;}
.item05-content{position:relative; z-index:2; padding-top:43px;}
.item05 .swiper-container{margin-top:35px;}
.item05 .swiper-main{height: 508px;}


.item06{position:relative; width:1300px; height:580px; margin:118px auto 0;}
.item06-a{position:absolute; top:0; left:0; width:469px; height:515px;}
.item06-a:after{content:''; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background:url(https://img.goodmu.cn/4/assets/img/24.png);}

.item06-a img{margin:10px 60px;}
.item06-b{position:absolute; top:96px; right:40px; height:484px; width:725px; background:#f2507a;}
.item06-b .icon{margin-right:0;}
.item06-b-title{position:absolute; right:38px; top:-38px;}
.itme06-b-ctrl{position:absolute; top:10px; left:66px;}
.itme06-b-ctrl span{float:left; width:50%; height:100%;cursor:pointer;}
.item06-content{position:relative; margin:76px auto 0; width:715px; height:402px; background:rgba(255,255,255,.2)}



.item07{position:relative; box-sizing:border-box; width:1200px; height:520px; margin:130px auto 140px; background:url(https://img.goodmu.cn/4/assets/img/28.jpg);}
.item07:before{content:''; position:absolute; bottom:100%; left:10px; width:130px; height:13px; background:url(https://img.goodmu.cn/4/assets/img/29.png);}
.item07-content{position:absolute; right:44px; bottom:-54px; width:786px; height:481px;}
.item07-content .item07-bg{width:100%; height:100%; overflow:hidden;}
.item07-content .item07-bg span{float:left; width:235px; height:481px; background:url(https://img.goodmu.cn/4/assets/img/27.png);}
.item07-content .item07-bg span:not(:last-of-type){margin-right:40px;}
.item07-swiper{position:absolute; top:0; left:0; width:100%; height:373px; margin-top:54px;}
.item07-swiper-item{position:absolute; top:0; left:0; width:100%; height:100%;}
.item07-swiper-item a {float:left; width:235px; height:373px;}
.item07-swiper-item a:not(:last-of-type){margin-right:40px;}
.item07 .swiper-ctrl{position:absolute; bottom:45px; left:58px; width:223px; height:46px; margin:0;}
.item07 .swiper-btn{float:left; width:50%; height:100%;}


.item08{width:1300px; margin:100px auto 50px;}
.item08 .i-title08-a{margin-top:-40px; overflow:hidden;}
.item08 .i-title08-a a{display:block; width:260px; height:80px; margin:100px auto 0;}

.item09{text-align:center;}
.item09-title{font-size:24px;}
.item09-content{width:1259px; height:231px; margin:65px auto 0; background:url(https://img.goodmu.cn/4/assets/img/34.png) no-repeat;}

.item10{width:1300px; margin:180px auto 0; text-align:center;}
.item10-title{color:#f2507a; font-size:30px; line-height:1; margin-bottom:36px;}
.item10-content{width:910px; margin:auto; color:#676f7f; font-size:18px;}

.item11{width:1200px; margin:88px auto 150px; overflow:hidden;}
.item11-content{float:left; width:260px;}
.item11-content:not(:last-of-type){margin-right:53px;}
.item11-content p{margin-top:30px; color:#676f7f; font-size:16px;}

.item12{width:1300px; margin:auto; overflow:hidden;}
.item12-work{position:relative; margin-top: 50px; width:595px; height:316px; background:url(https://img.goodmu.cn/4/assets/img/37.png);}
.item12-work .work-pic{position:absolute; top:4px; left:33px; width:428px; height:292px;}
.item12-work .work-pic img{display:block; width:100%; height:100%;}
.item12-work .work-title{position:absolute; top:24px; left:-12px;}
.item12-work .work-link{position:absolute; right:78px; bottom:56px;}
.item12-work .i-wmore2{position:absolute; top:13px; left:37px; -webkit-transition:.3s; transition:.3s;}
.item12-work .work-link:hover .i-wmore2{-webkit-transform:translateX(10px); -moz-transform:translateX(10px); transform:translateX(10px);}

.item13{margin-top:160px;}
.item13-link{display:block; width:246px; height:68px; margin:65px auto 20px; background:url(https://img.goodmu.cn/4/assets/img/40.png);}
.item13 p{text-align:center; color:#fff; font-size:18px;}
.item13 p span{color:#f2507a;}

.item14{position:relative; margin-top:100px; width:100%; height:415px; background:url(https://img.goodmu.cn/4/assets/img/42.png) 50% 100% no-repeat;}
.item14-qrcode{width:485px; height:343px; margin:50px auto 0; background:url(https://img.goodmu.cn/4/assets/img/41.png);}

.footer{height:80px; background:#000; text-align:center; line-height:80px;}
.footer a{color:#03ded8; font-size:18px;  vertical-align:middle;}
.footer span{margin:0 36px; vertical-align:middle;}




.xian,.qq,.dibu{ clear:both;position: relative; margin:0 auto; text-align: center; }
.xian{background: url(https://img.goodmu.cn/4/assets/img/xian.png) no-repeat; margin-top: 150px; width: 1200px; height: 33px;}
.qq{ display:block;margin-top:60px;background: url(https://img.goodmu.cn/4/assets/img/QQ.png) center bottom no-repeat; width: 178px;height: 150px;}
.qq b{font-size: 24px; color: #01fef0;  }
.qq span{font-size: 16px; color:#545454;}
.dibu{ position: absolute;bottom: 50px;left:50%;margin-left:-108px;}






.cp-container{ position: fixed; top: 120px; right: 30px;z-index: 99; }
.cp-play{display: block;background: url(https://img.goodmu.cn/4/assets/img/music1.png) no-repeat; width: 49px; height: 49px; }
.cp-pause{float: left;   background: url(https://img.goodmu.cn/4/assets/img/music.png) no-repeat; width: 49px; height: 49px;}