/* 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:1280px; background:#0a0d20; -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;}

.menu-wrap{position:fixed; top:32%; right:10px; z-index:100; width:145px; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
#menu-ctrl{position:absolute; bottom:100%; right:35px; margin-bottom:10px; width:18px; height:18px; border-radius:50%; border:2px solid rgba(101,181,214,.4); cursor:pointer; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; }
#menu-ctrl.show{-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); transform:rotate(360deg); }
#menu-ctrl:before,
#menu-ctrl:after{content:''; position:absolute; top:50%; left:50%; background:#fff; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }
#menu-ctrl:before{width:1px; height:10px;}
#menu-ctrl:after{height:1px; width:10px;}
#menu{}
#menu li{height:30px; background:url(https://img.goodmu.cn/assets/img/menu.png); color:transparent; cursor:pointer;}
#menu li:nth-of-type(1){background-position-y:0;}
#menu li:nth-of-type(2){background-position-y:-30px;}
#menu li:nth-of-type(3){background-position-y:-60px;}
#menu li:nth-of-type(4){background-position-y:-90px;}
#menu li:nth-of-type(5){background-position-y:-120px;}
#menu li:nth-of-type(6){background-position-y:-150px;}
#menu li:nth-of-type(7){background-position-y:-180px;}
#menu li.act,
#menu li:hover{background-position-x:-145px;}
#menu li.gotop{height:84px;}



header{position:relative; width:100%; height:1413px; background:url(https://img.goodmu.cn/assets/img/head_bg.jpg) 50% 0 no-repeat;}
.logo{position:absolute; top:34px; left:30px; width:119px; height:35px; background:url(https://img.goodmu.cn/assets/img/logo.png) no-repeat;}
.logo a{ display: block; width:119px; height:35px;}

.con-work{background:url(https://img.goodmu.cn/assets/img/cont_bg.jpg) 50% 0 no-repeat;}
.swiper{position:relative;}
.swiper-ctrl h3,
.swiper h3{position:absolute; top:6px; left:50%; width:260px; height:60px; margin-left:-130px; line-height:60px; color:#72ddff; font-size:24px; text-align:center;}
.swiper-ctrl h3{top:0;}
.swiper-ctrl:hover{cursor:pointer;}

.banner{width:1200px; height:600px; margin:auto; padding:95px 30px 0; background:url(https://img.goodmu.cn/assets/img/cont_bg_center.jpg) no-repeat;}
.banner .swiper-container{height:560px;}
.banner .swiper-main{height:470px;}
.work{width:1200px; height:570px; margin:0 auto 60px; padding:95px 30px 0; background:url(https://img.goodmu.cn/assets/img/work_bg.jpg) no-repeat;}
.work .swiper-container{height:530px;}
.work .swiper-main{height:438px;}
.swiper-container{position:relative; overflow:hidden;}
.swiper-main{position:relative; height:470px;}
.swiper-main li{position:absolute; top:0; left:0; width:100%; height:100%;}
.swiper-main li img{display:block; width:100%;}
.swiper-indicator{position:absolute; bottom:2px; left:0; width:100%; height:87px; overflow:hidden; background:#000;}
.swiper-indicator li{position:relative; float:left; width:238px; height:100%; margin:0 1px; overflow:hidden; cursor:pointer;}
.swiper-indicator li:after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.6); -webkit-transition:.3s; -moz-transition:.3s; transition:.3s;}
.swiper-indicator li.act:after{background:rgba(0,0,0,0);}
.swiper-indicator li img{display:block; width:100%; height:100%;}
.swiper-btn{position:absolute; top:282px; width:65px; height:67px; background:url(https://img.goodmu.cn/assets/img/arrow_bg.png) no-repeat; cursor:pointer;}
.swiper-btn:after{content:''; position:absolute; top:50%; right:-5px; width:50px; height:24px; margin-top:-12px; background:url(https://img.goodmu.cn/assets/img/arrow.png) no-repeat; -webkit-transition:.3s; -moz-transition:.3s; transition:.3s;}
.swiper-btn:hover:after{-webkit-transform:translateX(-10px); -moz-transform:translateX(-10px); transform:translateX(-10px);}
.prev{left:-48px;}
.next{right:-48px; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg);}


.wrap{width:1260px; margin:0 auto 56px;}
.swiper-ctrl{position:relative; width:1260px; height:131px; background:url(https://img.goodmu.cn/assets/img/open.jpg) no-repeat;}
.swiper-ctrl:before,
.swiper-ctrl:after{content:''; position:absolute; bottom:25px; width:47px; height:23px; background:url(https://img.goodmu.cn/assets/img/arrow2.png) no-repeat; -webkit-animation:ctrl ease-in-out .4s infinite alternate; -moz-animation:ctrl ease-in-out .4s infinite alternate; animation:ctrl ease-in-out .4s infinite alternate;}
.swiper-ctrl:before{left:142px;}
.swiper-ctrl:after{right:142px;}
.wrap .swiper{display:none;}

@-webkit-keyframes ctrl {
	to {-webkit-transform:translateY(8px);}
}
@-moz-keyframes ctrl {
	to {-moz-transform:translateY(8px);}
}
@keyframes ctrl {
	to {transform:translateY(8px);}
}

.work-desc{width:1260px; margin:120px auto 96px; text-align:center; line-height:1;}
.work-desc h2{color:#79d9ff; font-size:30px; margin-bottom:24px;}
.work-desc p{color:#b73253; font-size:18px;}


.slogan{position:relative; width:1260px; height:726px; margin:auto; padding-top:75px; background:url(https://img.goodmu.cn/assets/img/mihongdeng.jpg) no-repeat; text-align:center; line-height:1;}
.slogan h2{color:#79d9ff; font-size:26px; margin-bottom:20px;}
.slogan summary{color:#b23056; font-size:18px; font-weight: bold;}
.slogan ul{position:absolute; top:468px; left:50%; width:1200px; margin-left:-600px;}
.slogan ul li{float:left; width:194px; margin-right:38px;}
.slogan ul li:nth-of-type(2){margin-right:348px;}
.slogan ul li:last-of-type{margin-right:0;}
.slogan ul li h3{margin-bottom:22px; color:#79d9ff; font-size:24px; line-height:1;}
.slogan ul li p{color:#606c85; font-size:16px; line-height:24px;}
.slogan-contact{position:absolute; bottom:80px; left:50%; width:230px; height:60px; margin-left:-115px;}


.con-class{position:relative; width:100%; height:520px; background:url(https://img.goodmu.cn/assets/img/class_time.jpg) 50% 0 no-repeat;}
.con-class h2{position:absolute; top:72px; left:50%; width:600px; margin-left:-300px; color:#79d9ff; font-size:24px; line-height:1; text-align:center;}

.con-prize{position:relative; width:100%; min-width:1260px; height:814px; background:url(https://img.goodmu.cn/assets/img/prize_bg.jpg) 50% 0 no-repeat; overflow:hidden; text-align:center;}
.con-prize h2{margin-top:90px; height:83px; padding:10px 0 0; background:url(https://img.goodmu.cn/assets/img/line_2.png) 50% 0 no-repeat; color:#79d9ff; font-size:24px; line-height:1;}
.con-prize p{margin-bottom:67px; color:#7c8db1; font-size:18px; line-height:30px;}
.con-prize ul{width:1260px; height:408px; margin:auto; background:url(https://img.goodmu.cn/assets/img/prize.png) 100% 0 no-repeat;}
.con-prize ul li{position:relative; float:left; width:244px; height:100%; margin-right:7px;}
.con-prize ul li:after{content:''; position:absolute; top:183px; left:50%; width:50px; height:42px; margin-left:-25px; background:url(https://img.goodmu.cn/assets/img/triangle.png) no-repeat; -webkit-transition:.3s; -moz-transition:.3s; transition:.3s;}
.con-prize ul li:hover:after{-webkit-transform:translate3d(0,-10px,0); -moz-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}
.con-prize ul li i{position:absolute; top:0; left:0; width:100%; height:100%; background:url(https://img.goodmu.cn/assets/img/prize.png); opacity:0; -webkit-transition:.3s; -moz-transition:.3s; transition:.3s;}
.con-prize ul li:hover i{opacity:1;}
.con-prize ul li.prize01{margin-left:5px;}
.con-prize ul li.prize01 i{background-position:-5px -408px;}
.con-prize ul li.prize02 i{background-position:-256px -408px;}
.con-prize ul li.prize03 i{background-position:-507px -408px;}
.con-prize ul li.prize04 i{background-position:-758px -408px;}
.con-prize ul li.prize05 i{background-position:-1009px -408px;}
.con-prize ul li.prize05{margin-right:5px;}
.con-prize ul li span{position:absolute; bottom:54px; left:0; width:100%; color:#7c8db1; font-size:18px; line-height:1;}
.con-prize ul li span:after{content:''; position:absolute; bottom:-22px; left:50%; width:50px; height:1px; margin-left:-25px; background:#ff0000;}

.con-desc{padding-top:64px;}
.con-desc h2{margin-bottom:35px; color:#79d9ff; font-size:30px; line-height:1; text-align:center;}
.con-desc summary{color:#7c8db1; font-size:18px; text-align:center;}
.con-desc ul{width:1260px; margin:124px auto 0; overflow:hidden;}
.con-desc ul li{position:relative; float:left; width:496px; height:200px; margin-bottom:16px; padding-left:94px;}
.con-desc ul li:nth-of-type(2n){margin-left:40px;}
.con-desc ul li:nth-of-type(2n+1){margin-right:40px;}
.con-desc ul li:before{content:''; position:absolute; top:0; left:0; width:54px; height:67px; background:url(https://img.goodmu.cn/assets/img/number.png) no-repeat;}
.con-desc ul li:nth-of-type(2):before{background-position:-54px 0;}
.con-desc ul li:nth-of-type(3):before{background-position:0 -67px;}
.con-desc ul li:nth-of-type(4):before{background-position:-54px -67px;}
.con-desc ul li:nth-of-type(5):before{background-position:0 -134px;}
.con-desc ul li:nth-of-type(6):before{background-position:-54px -134px;}
.con-desc ul li h3{margin-bottom:22px; color:#65b5d6; font-size:28px; line-height:1;}
.con-desc ul li p{color:#5c6c8e; font-size:18px; line-height:28px;}

.con-contact{height:688px; padding-top:80px; background:url(https://img.goodmu.cn/assets/img/bottom.jpg) 50% 100% no-repeat; text-align:center;}
.con-contact h3{margin-bottom:80px; color:#65b5d6; font-size:20px; line-height:30px;}
.contact-info{background:url(https://img.goodmu.cn/assets/img/line_2.png) 50% -90px no-repeat;}
.contact-btn{display:block; width:244px; height:68px;  margin:0 auto 36px; background:url(https://img.goodmu.cn/assets/img/QQ.png) no-repeat; color:transparent;}
.contact-qrcode{display:block; margin:0 auto 20px;}
.contact-info p{color:#fff; font-size:18px; line-height:30px;}
.contact-info p span{color:#5ca5c4;}

.footer{width:100%; height:60px; background:#000; text-align:center; line-height:60px; font-size:18px;}
.footer a{color:#79d9ff;}
.footer a:hover{color:#b73253;}
.footer span{margin:0 38px;}




