#banner{position:relative; width:100%; height:700px;z-index: 101;}
#banner ul{position:relative; height:100%;}
#banner ul li{position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 0; background-attachment:fixed; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
#banner .b01{background-image:url(../img/banner01.jpg);}
#banner .b02{background-image:url(https://img.goodmu.cn/image/five.gif);}
#banner .b03{background-image:url(https://img.goodmu.cn/img/banner03.jpg);}
#banner .b04{background-image:url(https://img.goodmu.cn/img/banner04.jpg);}
#banner .b05{background-image:url(https://img.goodmu.cn/img/banner05.jpg);}
#banner .banner-slogan{position:absolute; bottom:-38px; left:50%; width:520px; height:162px; margin-left:145px; background:url(../img/banner_slogan.png) no-repeat;}
#banner-prev,
#banner-next{position:absolute; top:50%; width:43px; height:81px; margin-top:-40px; background-repeat:no-repeat; cursor:pointer;}
#banner-prev{left:55px; background-image:url(../img/banner_prev_bg.png);}
#banner-next{right:55px; background-image:url(../img/banner_next_bg.png);}
#banner-prev em,
#banner-next em{position:absolute; top:50%; margin-top:-10px; width:57px; height:12px; -webkit-transition:.3s; -moz-transition:.3s; transition:.3s;}
#banner-prev em{left:20px; background:url(../img/banner_prev_arr.png);}
#banner-next em{right:20px; background:url(../img/banner_next_arr.png);}
#banner-prev:hover em{-webkit-transform:translateX(-8px); -moz-transform:translateX(-8px); transform:translateX(-8px);}
#banner-next:hover em{-webkit-transform:translateX(8px); -moz-transform:translateX(8px); transform:translateX(8px);}



.hgroup{padding:100px 0; text-align:center; position: relative;z-index: 102;}
.hgroup h2{color:#000; font-size:30px; line-height:1;}
.hgroup p{margin-top:18px; color:#666; font-size:18px; line-height:30px;}

.subject-content{position:relative; z-index:101; height:650px; background:url(../img/subject_wrap_bg.jpg) 50% 0 no-repeat; text-align:center; overflow:hidden;}
.subject-content h3{width:406px; height:50px; margin:86px auto 30px; background:url(../img/subject.png) no-repeat; text-indent:-9999px; overflow:hidden; -webkit-animation:downIn .6s both paused; -moz-animation:downIn .6s both paused; animation:downIn .6s both paused;}
.subject-content p{position:relative; padding-bottom:40px; color:#e6f0e9; font-size:18px; -webkit-animation:downIn .6s .2s both paused; -moz-animation:downIn .6s .2s both paused; animation:downIn .6s .2s both paused;}
.subject-content p:after{content:''; position:absolute; bottom:0; left:50%; width:70px; height:6px; margin-left:-35px; background:url(../img/wavy_yellow.png) repeat-x;}
.subject-list{width:1280px; margin:52px auto 0;}
.subject-list li{position:relative; float:left; width:350px; height:205px; margin-right:106px; -webkit-animation:downIn .8s both paused; -moz-animation:downIn .8s both paused; animation:downIn .8s both paused;}
.subject-list li:nth-of-type(2){-webkit-animation-delay:.3s; -moz-animation-delay:.3s; animation-delay:.3s;}
.subject-list li:nth-of-type(3){-webkit-animation-delay:.6s; -moz-animation-delay:.6s; animation-delay:.6s;}
.subject-list li:last-of-type{margin-right:0;}
.subject-list li:before{content:''; position:absolute; right:-18px; bottom:-18px; width:100%; height:100%; background:url(../img/subject_border.png) no-repeat;}
.subject-list li a{position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background:#fff url(../img/subject_bg.jpg) no-repeat;}
.subject-list li i{position:relative; display:block; margin-bottom:30px; padding-top:18px; color:#75bd96; font-size:24px; text-align:center;}
.subject-list li i:after{content:''; position:absolute; bottom:0; left:50%; width:36px; height:3px; margin-left:-18px; background:url(../img/wavy_green_min.png) repeat-x;}
.subject-list li .subject-title{display:block; width:205px; height:27px; margin:0 auto 32px; background-repeat:no-repeat; background-position:50% 0; text-indent:-9999px; overflow:hidden;}
.subject-list li .subject01{background-image:url(../img/subject-t1.png);}
.subject-list li .subject02{background-image:url(../img/subject-t2.png);}
.subject-list li .subject03{background-image:url(../img/subject-t3.png);}
.subject-list li span{color:#999;}


#subject-detail-bg{position:absolute; top:0; left:0; width:100%; height:100%; }
.subject-detail{position:relative; padding-bottom:110px;z-index:102; background: #fff;}
.subject-detail .hgroup{position:relative; z-index:2;}
.subject-detail-wrap{position:relative; z-index:101; width:1280px; margin:auto; border-top:1px solid #eee; border-left:1px solid #eee; overflow:hidden;}
.subject-detail-wrap li{position:relative; float:left; width:259px; height:159px; padding:40px 30px 0 30px; background:#fff; border-right:1px solid #eee; border-bottom:1px solid #eee; overflow: hidden;}
.subject-detail-wrap li:nth-of-type(2),
.subject-detail-wrap li:nth-of-type(4),
.subject-detail-wrap li:nth-of-type(5),
.subject-detail-wrap li:nth-of-type(7),
.subject-detail-wrap li:nth-of-type(10),
.subject-detail-wrap li:nth-of-type(12){background:#fafafa;}
.subject-detail-wrap li picture{position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; opacity:0; -webkit-transition:.3s; -moz-transition:.3s; transition:.3s;}
.subject-detail-wrap li:hover picture{opacity:1;}
.subject-detail-wrap li picture img{display:block; width:100%; height:auto; -webkit-transition:.8s; -moz-transition:.8s; transition:.8s;}
.subject-detail-wrap li:hover picture img{-webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);overflow: hidden;}

.subject-detail-wrap .detail-content{position:absolute; top:40px; right:30px; bottom:10px; left:30px;}
.subject-detail-wrap li span{display:block; width:58px; height:58px; margin-bottom:26px; border-radius:50%; border:2px solid #dfdfdf; color:#75bd96; text-align:center; line-height:58px; font-size:24px; -webkit-transition:.3s; -moz-transition:.3s; transition:.3s;}
.subject-detail-wrap li:hover span{color:#fff; border-color:#75bd96;overflow: hidden;}
.subject-detail-wrap li p{color:#666; font-size:16px; -webkit-transition:.3s; -moz-transition:.3s; transition:.3s;}
.subject-detail-wrap li:hover p{color:#fff;}
.subject-detail-btn{position:relative; z-index:101; display:block; width:222px; height:67px; margin:70px auto 0; background:url(../img/detail_btn.png) 50% 50% no-repeat; font-size: 16px; color:#fff; text-align:center; line-height:67px;}
.subject-detail-btn:after{content:''; position:absolute; top:50%; left:190px; width:70px; height:14px; margin-top:-7px; background:url(../img/arr_red.png) no-repeat; -webkit-transition:.3s; -moz-transition:.3s; transition:.3s; }
.subject-detail-btn:hover:after{-webkit-transform:translateX(20px); -moz-transform:translateX(20px); transform:translateX(20px);}

.system{height:475px; background: #fff url(../img/system_bg.jpg) 50% 0 no-repeat; position: relative;;z-index: 102; }
.system-content{width:640px; padding:86px 640px 0 58px; margin:auto;}
.system h4,
.system h3,
.system h2{background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; -webkit-animation:downIn .6s .2s both paused; -moz-animation:downIn .6s .2s both paused; animation:downIn .6s .2s both paused;}
.system h4{width:238px; height:19px; background-image:url(../img/system_01.png);}
.system h3{width:360px; height:34px; background-image:url(../img/system_03.png); margin-bottom:25px;}
.system h2{width:521px; height:100px; background-image:url(../img/system_02.png); margin-bottom:50px;}
.system span{color:#999; font-size:16px; -webkit-animation:downIn .6s .2s both paused; -moz-animation:downIn .6s .2s both paused; animation:downIn .6s .2s both paused;}


.principle{position:relative; padding-bottom:55px; overflow:hidden; z-index: 102;}
.principle .hgroup{position:relative; z-index:2;}
.principle ul{position:relative; z-index:2; width:1280px; height:470px; margin:auto; overflow:hidden;}
.principle ul li{float:left; width:260px; padding:0 20px 0 40px;}
.principle ul li:nth-of-type(2){padding-top:28px;}
.principle ul li:nth-of-type(3){padding-top:56px;}
.principle ul li:nth-of-type(4){padding-top:84px;}
.principle ul li h3{position:relative; width:96px; margin-bottom:35px; background:url(../img/wavy_yellow_2.png) 0 100% repeat-x; color:#53b753; font-size:22px;line-height: 45px;}
.principle ul li h3:before,
.principle ul li h3:after{content:''; position:absolute; top:50%; left:-30px; width:16px; height:1px; margin-top:-2px; background:#ffda0e;}
.principle ul li h3:before{-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg);}
.principle ul li h3:after{-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg);}
.principle ul li p{color:#666; font-size:16px; line-height: 30px;}
.principle-bg{position:absolute; top:0; left:0; z-index:1; width:100%; height:100%;}
.principle-bg span{position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-attachment:fixed;}
/*.principle-bg .no01{top:330px; left:-148px; width:355px; height:355px; background-image:url(../img/principle_no01.png);}
.principle-bg .no02{top:150px; left:356px; width:185px; height:185px; background-image:url(../img/principle_no02.png);}
.principle-bg .no03{top:330px; left:850px; width:355px; height:355px; background-image:url(../img/principle_no03.png);}
.principle-bg .no04{top:150px; right:-110px; width:183px; height:183px; background-image:url(../img/principle_no04.png);}*/
.principle-bg .no01{background-image:url(../img/principle_no01.png); background-position:50% 330px;}
.principle-bg .no02{background-image:url(../img/principle_no02.png); background-position:50% 150px;}
.principle-bg .no03{background-image:url(../img/principle_no03.png); background-position:50% 330px;}
.principle-bg .no04{background-image:url(../img/principle_no04.png); background-position:50% 150px;}


.study{position:relative; z-index:101; margin-top:235px; background:url(../img/study_bg.jpg) 50% 0 no-repeat;}
.study .hgroup{position:absolute; top:-235px; left:50%; width:1278px; height:237px; margin-left:-640px; padding:78px 0 0 0; border:1px solid #75bd96; /*background:url(../img/study_hgroup_bg.png) no-repeat 50% 50%;*/}
.study .hgroup:after{content:''; position:absolute; bottom:-10px; left:50%; width:20px; height:20px; margin-left:-10px; background:url(../img/study_arr.png) no-repeat;}
.study .hgroup p{position:relative; padding-bottom:106px;}
.study .hgroup p:after{content:''; position:absolute; top:60px; left:50%; width:56px; height:6px; margin-left:-28px; background:url(../img/wavy_green.png) repeat-x;}
.study .hgroup span{color:#fff; font-size:18px;}
.study ul{width:1280px; height:200px; margin:auto; padding-top:165px;}
.study ul li{float:left; width:280px; height:100%; padding:0 20px;}
.study ul li h3{margin-bottom:30px; padding-left:40px; color:#ffff00; font-size:24px; background-repeat:no-repeat; background-position:0 50%;}
.study .study01{background-image:url(../img/icon_study01.png);}
.study .study02{background-image:url(../img/icon_study02.png);}
.study .study03{background-image:url(../img/icon_study03.png);}
.study .study04{background-image:url(../img/icon_study04.png);}
.study ul li p{color:#fff; font-size:16px;}
.study .contract{width:512px; height:381px; margin:auto; padding:88px 0 0 768px; background:url(../img/study_contract.jpg) 50% 0 no-repeat;}
.study .contract dt{margin-bottom:35px; color:#666; font-size:30px;}
.study .contract dd{position:relative; margin-bottom:20px; padding-left:95px; color:#333; font-size:18px;}
.study .contract dd span{position:absolute; top:0; left:0; color:#666;}

.index-desc{width:1280px; margin:auto; padding:90px 0; text-align:center; position: relative;z-index: 103;}
.index-desc h2{margin-bottom:30px; color:#53b753; font-size:20px; background: #fff; z-index: 105;}
.index-desc p{color:#999; font-size:16px; background: #fff; z-index: 105;}










.subject-list.animated li,
.system .animated,
.animated,
.downIn.animated,
.fadeIn.animated{-webkit-animation-play-state:running !important; -moz-animation-play-state:running !important; animation-play-state:running !important;}