@charset "utf-8";
/* CSS Document */
.section #header{ position:absolute; top:40px; left:40px;z-index:100;/*-webkit-opacity: 0;-moz-opacity: 0;-khtml-opacity: 0;opacity: 0; filter:alpha(opacity=0);-webkit-transition: all 2s ease 0s;-o-transition: all 2s ease 0s;-moz-transition: all 2s ease 0s;transition: all 2s ease 0s;*/}
.section.active{ z-index:99;}
/*.section.active #header{ left:40px;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100);}*/
.section #header .logo img{ height:78px; width:auto;}

.person .wrap-box,.teacher .wrap-box,.education .wrap-box,.cw .wrap-box,.ck .wrap-box,.X .wrap-box{ width:1180px; height:570px;position:absolute; left: 50%;top:50%; margin-left:-590px; margin-top:-285px;}
.section .bg{-webkit-opacity: 0;-moz-opacity: 0;-khtml-opacity: 0;opacity: 0; filter:alpha(opacity=0); -webkit-transition: all 2s ease 0s;-o-transition: all 2s ease 0s;-moz-transition: all 2s ease 0s;transition: all 2s ease 0s; }
.wrap-box .bg01{width:238px; height:483px;position:absolute; left: 50%;top:50%;-webkit-transition: all 2s ease 0s;-o-transition: all 2s ease 0s;-moz-transition: all 2s ease 0s;transition: all 2s ease 0s; -webkit-opacity: 0;-moz-opacity: 0;-khtml-opacity: 0;opacity: 0; filter:alpha(opacity=0);}
.wrap-box .bg02{width:340px; height:606px;position:absolute; left: 50%;top:50%; -webkit-transition: all 2s ease 0s;-o-transition: all 2s ease 0s;-moz-transition: all 2s ease 0s;transition: all 2s ease 0s;-webkit-opacity: 0;-moz-opacity: 0;-khtml-opacity: 0;opacity: 0; filter:alpha(opacity=0);}
.wrap-box .bg03{width:646px; height:100px;-webkit-transition: all 1.7s ease 0s;-o-transition: all 1.7s ease 0s;-moz-transition: all 1.7s ease 0s;transition: all 1.7s ease 0s;-webkit-opacity: 0;-moz-opacity: 0;-khtml-opacity: 0;opacity: 0; filter:alpha(opacity=0);}
.wrap-box .bg04{width:636px; height:70px;-webkit-transition: all 1.5s ease 0s;-o-transition: all 1.5s ease 0s;-moz-transition: all 1.5s ease 0s;transition: all 1.5s ease 0s;-webkit-opacity: 0;-moz-opacity: 0;-khtml-opacity: 0;opacity: 0; filter:alpha(opacity=0); }

.wrap-box .bg05,.wrap-box .bg06{width:300px; height:90px;position:absolute;-webkit-transition: all 1.5s ease 0s;-o-transition: all 1.5s ease 0s;-moz-transition: all 1.5s ease 0s;transition: all 1.5s ease 0s;-webkit-opacity: 0;-moz-opacity: 0;-khtml-opacity: 0;opacity: 0; filter:alpha(opacity=0); }
.wrap-box .bg05 a,.wrap-box .bg06 a{ width:300px; height:90px; line-height:90px; display:inline-block; text-indent:3em; color:#fff; border-radius:5px; font-size:30px; }

.wrap-box .bg07{width:300px; height:300px;position:absolute; right:-260px;-webkit-transition: all 1.5s ease 0s;-o-transition: all 1.5s ease 0s;-moz-transition: all 1.5s ease 0s;transition: all 1.5s ease 0s;-webkit-opacity: 0;-moz-opacity: 0;-khtml-opacity: 0;opacity: 0; filter:alpha(opacity=0); }
.wrap-box .bg07 img{width:200px; height:200px;}

/*应用型人才培训*/
.person .bg{ width:842px; height:572px;position:absolute; left: 50%;top:50%; margin-left:-1190px; margin-top:-286px;background:url(../images/bg_01.png)no-repeat center center;}
.person .bg01{ margin-left:-890px; margin-top:-242px;background:url(../images/phone_small_01.png)no-repeat center center; }
.person .bg02{ margin-left:-230px; margin-top:-302px;background:url(../images/phone_big_01.png)no-repeat center center;}
.person .bg03{position:absolute; right:15px; top:-80px;  text-indent:-9999px;background:url(../images/title_01.png)no-repeat center center; }
.person .bg04{position:absolute; right:15px; top:250px; color:#fff; font-size:24px; width:598px;/* text-indent:-9999px;background:url(../images/info_01.png)no-repeat center center;*/}
.person .bg05{ right:350px; top:100px;}
.person .bg05 a{background:#f94d4d url(../images/android.png) no-repeat 30px center;}
.person .bg05 a:hover{background:#eb3e3e url(../images/android.png) no-repeat 30px center;}
.person .bg06{right:350px; top:590px; }
.person .bg06 a{background:#0d86ff url(../images/ios.png) no-repeat 30px center;  }
.person .bg06 a:hover{background:#097bed url(../images/ios.png) no-repeat 30px center;  }
.person .bg07{ top:280px; }

.person.active .bg{ margin-left:-790px;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100);}
.person.active .bg01{margin-left:-590px;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100);}
.person.active .bg02{margin-left:-430px;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100); }
.person.active .bg03{top:60px;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100);}
.person.active .bg04{ top:180px;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100); }
.person.active .bg05{ top:280px;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100);}
.person.active .bg06{ top:390px; -webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100);}
.person.active .bg07{ right:25px;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100); }

/*教师资格证*/
.teacher .bg{ width:885px; height:637px;position:absolute; right: 50%;top:50%; margin-right:-790px; margin-top:-318px;background:url(../images/bg_02.png)no-repeat center center;}
.teacher .bg01{margin-left:-890px; margin-top:-242px;background:url(../images/phone_small_02.png)no-repeat center center; }
.teacher .bg02{margin-left:-230px; margin-top:-302px;background:url(../images/phone_big_02.png)no-repeat center center;  }
.teacher .bg03{position:absolute; right:55px; top:-80px;  text-indent:-9999px;background:url(../images/title_02.png)no-repeat center center; }
.teacher .bg04{position:absolute; right:55px; top:250px; color:#fff; font-size:24px; width:598px;/* text-indent:-9999px;background:url(../images/info_02.png)no-repeat center center; */}
.teacher .bg05{right:354px; top:100px;}
.teacher .bg05 a{ background:#ff5858 url(../images/android.png) no-repeat 30px center;}
.teacher .bg05 a:hover{ background:#e23c3c url(../images/android.png) no-repeat 30px center;}
.teacher .bg06{ right:354px; top:590px; }
.teacher .bg06 a{background:#085bae url(../images/ios.png) no-repeat 30px center;  }
.teacher .bg06 a:hover{background:#034f9b url(../images/ios.png) no-repeat 30px center;  }
.teacher .bg07{top:290px; }

.teacher.active .bg{ margin-right:-90px;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100);}
.teacher.active .bg01{margin-left:-590px;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100);}
.teacher.active .bg02{margin-left:-430px;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100); }
.teacher.active .bg03{top:60px;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100);}
.teacher.active .bg04{ top:190px;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100); }
.teacher.active .bg05{ top:290px;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100);}
.teacher.active .bg06{ top:400px; -webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100);}
.teacher.active .bg08{ top:400px; -webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100);}
.teacher.active .bg07{ right:25px;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100); }

/*证书+学历项目（自考）*/
.education .bg{ width:1172px; height:574px;position:absolute; left: 50%;top:50%; margin-left:-790px; margin-top:-587px;background:url(../images/bg_03.png)no-repeat center center;}
.education .bg01{ margin-left:-890px; margin-top:-242px;background:url(../images/phone_small_05.png)no-repeat center center; }
.education .bg02{ margin-left:-230px; margin-top:-302px;background:url(../images/phone_big_05.png)no-repeat center center;  }
.education .bg03{position:absolute; right:48px; top:-80px;  text-indent:-9999px;background:url(../images/title_03.png)no-repeat center center; }
.education .bg04{position:absolute; right:68px; top:250px;color:#fff; font-size:24px; width:584px;/* text-indent:-9999px;background:url(../images/info_05.png)no-repeat center center;*/}
.education .bg05{right:350px; top:100px;}
.education .bg05 a{ background:#ffa200 url(../images/android.png) no-repeat 30px center; }
.education .bg05 a:hover{ background:#369cdf url(../images/android.png) no-repeat 30px center; }
.education .bg06{right:350px; top:590px; }
.education .bg08{right:350px; top:590px; }
.education .bg06 a{background:#32a8f5 url(../images/ios.png) no-repeat 30px center;  }
.education .bg08 a{background:#32a8f5 url(../images/ios.png) no-repeat 30px center;  }
.education .bg08 a:hover{background:#369cdf url(../images/ios.png) no-repeat 30px center;  }
.education .bg06 a:hover{background:#369cdf url(../images/ios.png) no-repeat 30px center;  }
.education .bg07{top:275px; }

.education.active .bg{ margin-top:-287px;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100);}
.education.active .bg01{margin-left:-590px;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100);}
.education.active .bg02{margin-left:-430px;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100); }
.education.active .bg03{top:60px;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100);}
.education.active .bg04{ top:175px;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100); }
.education.active .bg05{ top:275px;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100);}
.education.active .bg06{ top:385px; -webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100);}
.education.active .bg08{ top:385px; -webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100);}
.education.active .bg07{ right:20px;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100); }


/*财会*/
.cw .bg{ width:1172px; height:574px;position:absolute; left: 50%;top:50%; margin-left:-790px; margin-top:-587px;background:url(../images/bg_03.png)no-repeat center center;}
.cw .bg01{ margin-left:-890px; margin-top:-242px;background:url(../images/phone_small_04.png)no-repeat center center; }
.cw .bg02{ margin-left:-230px; margin-top:-302px;background:url(../images/phone_big_04.png)no-repeat center center;  }
.cw .bg03{position:absolute; right:5px; top:-80px;  text-indent:-9999px;background:url(../images/title_04.png)no-repeat center center; }
.cw .bg04{position:absolute; right:68px; top:250px; color:#fff; font-size:24px; width:584px;/*text-indent:-9999px;background:url(../images/info_04.png)no-repeat center center;*/}
.cw .bg05{right:350px; top:100px;}
.cw .bg05 a{ background:#ffa200 url(../images/android.png) no-repeat 30px center; }
.cw .bg05 a:hover{ background:#fcb12f url(../images/android.png) no-repeat 30px center; }
.cw .bg06{right:350px; top:590px; }
.cw .bg06 a{background:#32a8f5 url(../images/ios.png) no-repeat 30px center;  }
.cw .bg06 a:hover{background:#369cdf url(../images/ios.png) no-repeat 30px center;  }
.cw .bg07{top:275px; }

.cw.active .bg{ margin-top:-287px;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100);}
.cw.active .bg01{margin-left:-590px;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100);}
.cw.active .bg02{margin-left:-430px;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100); }
.cw.active .bg03{top:60px;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100);}
.cw.active .bg04{ top:175px;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100); }
.cw.active .bg05{ top:275px;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100);}
.cw.active .bg06{ top:385px; -webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100);}
.cw.active .bg07{ right:20px;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100); }

/*成考*/
.ck .bg{ width:885px; height:637px;position:absolute; right: 50%;top:50%; margin-right:-790px; margin-top:-318px;background:url(../images/bg_02.png)no-repeat center center;}
.ck .bg01{margin-left:-890px; margin-top:-242px;background:url(../images/phone_small_ck.png)no-repeat center center; }
.ck .bg02{margin-left:-230px; margin-top:-302px;background:url(../images/phone_big_ck.png)no-repeat center center;  }
.ck .bg03{position:absolute; right:10px; top:-80px;  text-indent:-9999px;background:url(../images/ck_title.png)no-repeat center center; }
.ck .bg04{position:absolute; right:55px; top:250px; color:#fff; font-size:24px; width:598px;/* text-indent:-9999px;background:url(../images/info_02.png)no-repeat center center; */}
.ck .bg05{right:354px; top:100px;}
.ck .bg05 a{ background:#ff5858 url(../images/android.png) no-repeat 30px center;}
.ck .bg05 a:hover{ background:#e23c3c url(../images/android.png) no-repeat 30px center;}
.ck .bg06{ right:354px; top:590px; }
.ck .bg06 a{background:#085bae url(../images/ios.png) no-repeat 30px center;  }
.ck .bg06 a:hover{background:#034f9b url(../images/ios.png) no-repeat 30px center;  }
.ck .bg07{top:290px; }

.ck.active .bg{ margin-right:-90px;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100);}
.ck.active .bg01{margin-left:-590px;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100);}
.ck.active .bg02{margin-left:-430px;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100); }
.ck.active .bg03{top:60px;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100);}
.ck.active .bg04{ top:190px;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100); }
.ck.active .bg05{ top:290px;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100);}
.ck.active .bg06{ top:400px; -webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100);}
.ck.active .bg07{ right:25px;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100); }

/*1+X*/
.X .bg{ width:1172px; height:574px;position:absolute; left: 50%;top:50%; margin-left:-790px; margin-top:-587px;background:url(../images/bg_03.png)no-repeat center center;}
.X .bg01{ margin-left:-890px; margin-top:-242px;background:url(../images/phone_small_1x.png)no-repeat center center; }
.X .bg02{ margin-left:-230px; margin-top:-302px;background:url(../images/phone_big_1x.png)no-repeat center center;  }
.X .bg03{position:absolute; right:0px; top:-80px;  text-indent:-9999px;background:url(../images/1x_title.png)no-repeat center center; }
.X .bg04{position:absolute; right:10px; top:250px; color:#fff; font-size:24px; width:584px;/*text-indent:-9999px;background:url(../images/info_04.png)no-repeat center center;*/}
.X .bg05{right:350px; top:100px;}
.X .bg05 a{ background:#ffa200 url(../images/android.png) no-repeat 30px center; }
.X .bg05 a:hover{ background:#fcb12f url(../images/android.png) no-repeat 30px center; }
.X .bg06{right:350px; top:590px; }
.X .bg06 a{background:#32a8f5 url(../images/ios.png) no-repeat 30px center;  }
.X .bg06 a:hover{background:#369cdf url(../images/ios.png) no-repeat 30px center;  }
.X .bg07{top:275px; }

.X.active .bg{ margin-top:-287px;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100);}
.X.active .bg01{margin-left:-590px;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100);}
.X.active .bg02{margin-left:-430px;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100); }
.X.active .bg03{top:60px;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100);}
.X.active .bg04{ top:175px;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100); }
.X.active .bg05{ top:275px;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100);}
.X.active .bg06{ top:385px; -webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100);}
.X.active .bg07{ right:20px;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100); }


/*触发&尾部*/
#fp-nav.right{ right:inherit; left:33px; bottom:100px; background:url(../images/mouse_msg.png) no-repeat 7px 120px; width:110px; height:165px;}
#fp-nav ul li, .fp-slidesNav ul li{width:15px; height:15px;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{ background:none!important; -webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;border:2px solid #fff!important;width:13px; height:13px;left:0px; top:0px;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{ background:#fff!important;-webkit-opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5; opacity:0.5; border:none!important; border-radius:50%; width:9px; height:9px;left:4px; top:4px; }

#footer{ position:fixed; bottom:35px; left:0px; z-index:9999; height:30px; line-height:30px; width:100%;}
.foot-content{ padding:0 40px 0 20px; color:#fff;}
.foot-content .nav a{ background:url(../images/line.png) no-repeat right 11px; padding:0 20px; color:#fff; float:left;}

.jian-box{ position:absolute; bottom:185px; left:0px; z-index:9999; height:18px; line-height:18px; width:100%; text-align:center;-webkit-transition: all 1.5s ease 0s;-o-transition: all 1.5s ease 0s;-moz-transition: all 1.5s ease 0s;transition: all 1.5s ease 0s;-webkit-opacity: 0;-moz-opacity: 0;-khtml-opacity: 0;opacity: 0; filter:alpha(opacity=0);-webkit-animation: bounceinT 2s ease-in-out infinite ;
-moz-animation: bounceinT 2s ease-in-out infinite;
-o-animation: bounceinT 2s ease-in-out infinite;
animation: bounceinT 2s ease-in-out infinite;}
@-webkit-keyframes bounceinT{
    0%{opacity: 0.2;-webkit-transform:translateY(-10px);}
    60%{opacity: 1;-webkit-transform:translateY(0px);}
    80%{-webkit-transform:translateY(-10px);}
    100%{-webkit-transform:translateY(0);}
}
@-moz-keyframes bounceinT{
    0%{opacity: 0.2;-moz-transform:translateY(-10px);}
    60%{opacity: 1;-moz-transform:translateY(0px);}
    80%{-moz-transform:translateY(-10px);}
    100%{-moz-transform:translateY(0);}
}
@-ms-keyframes bounceinT{
    0%{opacity: 0.2;-ms-transform:translateY(-10px);}
    60%{opacity: 1;-ms-transform:translateY(0px);}
    80%{-ms-transform:translateY(-10px);}
    100%{-ms-transform:translateY(0);}
}
@keyframes bounceinT{
    0%{opacity: 0.2;transform:translateY(-10px);}
    60%{opacity: 1;transform:translateY(0px);}
    80%{transform:translateY(-10px);}
    100%{transform:translateY(0);}
}
.section.active .jian-box{bottom:105px;-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; filter:alpha(opacity=100);}
.jian-box a.jian{ display:inline-block; width:32px; height:18px; background:url(../images/jian.png) no-repeat; }

@media only screen and (max-width:1000px) {
.person .wrap-box,.teacher .wrap-box,.education .wrap-box,.cw .wrap-box,.ck .wrap-box,.X .wrap-box{ width:750px; height:570px;position:static; left:inherit;top:inherit; margin-left:inherit; margin-top:inherit; }
.person.active .bg{ margin-left:-320px;}
.teacher.active .bg{ margin-right:-620px;}

.person .bg03{ background-size:90%;}
.person .bg03{ right:50px;}
.education .bg03{ right:50px;}
.education .bg06 a{background:#108ad9 url(../images/ios.png) no-repeat 30px center; }

.teacher .bg01,.education .bg01,.person .bg01,.cw .bg01,.ck .bg01,.X .bg01{margin-left: -790px;margin-top: 0px; background-size:75%;}
.teacher .bg02,.education .bg02,.person .bg02,.cw .bg02,.ck .bg02,.X .bg02{margin-left: 530px;margin-top: 0px; background-size:75%;}

.teacher.active .bg01,.education.active .bg01,.person.active .bg01,.cw.active .bg01,.ck.active .bg01,.X.active .bg01{margin-top:0px;margin-left:-220px;}
.teacher.active .bg02,.education.active .bg02,.person.active .bg02,.cw.active .bg02,.ck.active .bg02,.X.active .bg02{margin-top:-50px;margin-left:-90px; }
.teacher.active .bg03,.education.active .bg03,.person.active .bg03,.cw.active .bg03,.ck.active .bg03,.X.active .bg03{top:200px;}
.teacher.active .bg04,.education.active .bg04,.person.active .bg04,.cw.active .bg04,.ck.active .bg04,.X.active .bg04{ top:320px; }
.teacher.active .bg05,.education.active .bg05,.person.active .bg05,.cw.active .bg05,.ck.active .bg05,.X.active .bg05{ top:420px;}
.teacher.active .bg06,.education.active .bg06,.person.active .bg06,.cw.active .bg06,.ck.active .bg06,.X.active .bg06{ top:530px; }
.teacher.active .bg07,.education.active .bg07,.person.active .bg07,.cw.active .bg07,.ck.active .bg07,.X.active .bg07{ top:420px; right:50px;}

.wrap-box .bg05 a, .wrap-box .bg06 a{ width:270px; height:80px; line-height:80px; font-size:24px; text-indent:4em;}
.wrap-box .bg07 img{ width:188px; height:188px;}

#footer{ height:40px; line-height:40px;font-size:20px; bottom:0px;}
.foot-content{ position:relative;}
.foot-content span.fr{ float:inherit!important; display:block; text-align:center;}
.foot-content .nav{float:inherit!important; display:block; text-align:center; position:absolute; left:0px; bottom:30px; width:100%;}
.foot-content .nav a{ float:inherit!important;}

}
@media screen and (min-width:984px) {
.section #header .logo img{ height:60px;}
.person .wrap-box,.teacher .wrap-box,.education .wrap-box,.cw .wrap-box,.ck .wrap-box,.X .wrap-box{ width:1024px; height:495px; margin-left:-512px; margin-top:-265px; }
.section .bg{background-size:60%;}
.wrap-box .bg01{background-size:60%;}
.wrap-box .bg02{background-size:60%;}
.wrap-box .bg03{background-size:55%;}
.wrap-box .bg04{background-size:55%;}
.jian-box{ display:block;}
.section.active .jian-box{bottom:80px;}

.wrap-box .bg05,.wrap-box .bg06{width:200px; height:60px; right:305px;}
.wrap-box .bg05 a,.wrap-box .bg06 a{ width:200px; height:60px; line-height:60px; text-indent:3.2em; font-size:20px; background-size:14%;}
.wrap-box .bg05 a:hover,.wrap-box .bg06 a:hover{ background-size:14%;}

.wrap-box .bg07{width:200px; height:200px; top:240px; }
.wrap-box .bg07 img{width:140px; height:140px;}

.person .bg{margin-top:-300px;}
.person .bg02{margin-left:-50px;}

.person.active .bg{ margin-left:-600px;}
.person.active .bg01{margin-left:-360px;}
.person.active .bg02{margin-left:-280px;}
.person.active .bg03{top:80px;}
.person.active .bg04{ top:160px;}
.person.active .bg05{ top:240px;}
.person.active .bg06{ top:320px;}
.person.active .bg07{ right:85px;}

.teacher .bg{margin-top:-380px;}
.teacher .bg02{margin-left:50px; margin-top:-400px;}
.teacher .bg03,.teacher .bg04{ right:-35px;}
.teacher .bg05,.teacher .bg06{right:235px;}
.teacher .bg07{right:-215px; top:250px;}

.teacher.active .bg{ margin-right:-360px}
.teacher.active .bg01{margin-left:-300px;}
.teacher.active .bg02{margin-left:-210px; margin-top:-302px; }
.teacher.active .bg03{top:90px;}
.teacher.active .bg04{ top:170px;}
.teacher.active .bg05{ top:250px;}
.teacher.active .bg06{ top:330px;}
.teacher.active .bg07{ right:15px;}

.education .bg{margin-left:-600px;}
.education .bg02{margin-left:50px; }
.education .bg03,.education .bg04{ right:-15px;}
.education .bg05,.education .bg06{right:245px;}
.education .bg07{ top:250px;}

.education.active .bg{ margin-top:-337px;}
.education.active .bg01{margin-left:-320px;}
.education.active .bg02{margin-left:-230px;}
.education.active .bg03{top:90px;}
.education.active .bg04{ top:170px;}
.education.active .bg05{ top:250px;}
.education.active .bg06{ top:330px;}
.education.active .bg07{ right:25px;}

.cw .bg{margin-left:-600px;}
.cw .bg02{margin-left:50px; }
.cw .bg03,.cw .bg04{ right:45px;}
.cw .bg05,.cw .bg06{right:335px;}
.cw .bg07{ top:250px;}

.cw.active .bg{ margin-top:-337px;}
.cw.active .bg01{margin-left:-320px;}
.cw.active .bg02{margin-left:-230px;}
.cw.active .bg03{top:90px;}
.cw.active .bg04{ top:170px;}
.cw.active .bg05{ top:250px;}
.cw.active .bg06{ top:330px;}
.cw.active .bg07{ right:115px;}

.ck .bg{margin-top:-380px;}
.ck .bg02{margin-left:50px; margin-top:-400px;}
.ck .bg03,.ck .bg04{ right:-35px;}
.ck .bg05,.ck .bg06{right:235px;}
.ck .bg07{right:-215px; top:250px;}

.ck.active .bg{ margin-right:-360px}
.ck.active .bg01{margin-left:-300px;}
.ck.active .bg02{margin-left:-210px; margin-top:-302px; }
.ck.active .bg03{top:90px;}
.ck.active .bg04{ top:170px;}
.ck.active .bg05{ top:250px;}
.ck.active .bg06{ top:330px;}
.ck.active .bg07{ right:15px;}

.X .bg{margin-left:-600px;}
.X .bg02{margin-left:50px; }
.X .bg03,.X .bg04{ right:45px;}
.X .bg05,.X .bg06{right:335px;}
.X .bg07{ top:250px;}

.X.active .bg{ margin-top:-337px;}
.X.active .bg01{margin-left:-320px;}
.X.active .bg02{margin-left:-230px;}
.X.active .bg03{top:90px;}
.X.active .bg04{ top:170px;}
.X.active .bg05{ top:250px;}
.X.active .bg06{ top:330px;}
.X.active .bg07{ right:115px;}

}
@media screen and (min-width:1220px) {
.section #header .logo img{ height:65px;}
.person .wrap-box,.teacher .wrap-box,.education .wrap-box,.cw .wrap-box,.ck .wrap-box,.X .wrap-box{ width:1280px; height:618px; margin-left:-640px; margin-top:-309px; }
.section .bg{background-size:75%;}
.person .bg{margin-top:-320px;}
.wrap-box .bg01{background-size:65%;}
.wrap-box .bg02{background-size:65%;}
.wrap-box .bg03{background-size:65%;}
.wrap-box .bg04{background-size:65%;}
.jian-box{ display:block;}
.section.active .jian-box{bottom:40px;}

.wrap-box .bg05,.wrap-box .bg06{width:220px; height:60px;}
.wrap-box .bg05 a,.wrap-box .bg06 a{ width:220px; height:60px; line-height:60px; text-indent:3em; font-size:22px; background-size:14%;}
.wrap-box .bg05 a:hover,.wrap-box .bg06 a:hover{ background-size:14%;}

.wrap-box .bg07{width:200px; height:200px; top:250px; }
.wrap-box .bg07 img{width:140px; height:140px;}

.person .bg03{ right:110px;}
.person .bg04{ right:110px;}
.person .bg05,.person .bg06{ right:410px;}
.person .bg07{ right:110px;}

.person.active .bg{ margin-left:-620px;}
.person.active .bg01{margin-left:-390px;}
.person.active .bg02{margin-left:-300px;}
.person.active .bg03{top:140px;}
.person.active .bg04{ top:230px;}
.person.active .bg05{ top:320px;}
.person.active .bg06{ top:400px;}
.person.active .bg07{ right:190px; top:320px;}

.teacher .bg{margin-top:-380px;}
.teacher .bg02{margin-left:50px; margin-top:-400px;}
.teacher .bg03,.teacher .bg04{ right:45px;}
.teacher .bg04{ top:300px;}
.teacher .bg05,.teacher .bg06{right:320px;}
.teacher .bg07{right:-215px; top:320px;}

.teacher.active .bg{ margin-right:-400px}
.teacher.active .bg01{margin-left:-300px;}
.teacher.active .bg02{margin-left:-210px; margin-top:-302px; }
.teacher.active .bg03{top:150px;}
.teacher.active .bg04{ top:240px;}
.teacher.active .bg05{ top:320px;}
.teacher.active .bg06{ top:400px;}
.teacher.active .bg07{ right:100px;}

.education .bg{margin-left:-540px;}
.education .bg02{margin-left:50px; }
.education .bg03,.education .bg04{ right:75px;}
.education .bg04{ top:300px;}
.education .bg05,.education .bg06{right:340px;}
.education .bg07{ top:320px;}

.education.active .bg{ margin-top:-337px;}
.education.active .bg01{margin-left:-320px;}
.education.active .bg02{margin-left:-230px;}
.education.active .bg03{top:150px;}
.education.active .bg04{ top:240px;}
.education.active .bg05{ top:320px;}
.education.active .bg06{ top:400px;}
.education.active .bg07{ right:120px;}

.cw .bg{margin-left:-540px;}
.cw .bg02{margin-left:50px; }
.cw .bg03,.cw .bg04{ right:36px;}
.cw .bg04{ top:300px;}
.cw .bg05,.cw .bg06{right:340px;}
.cw .bg07{ top:320px;}

.cw.active .bg{ margin-top:-337px;}
.cw.active .bg01{margin-left:-360px;}
.cw.active .bg02{margin-left:-270px;}
.cw.active .bg03{top:150px;}
.cw.active .bg04{ top:240px;}
.cw.active .bg05{ top:320px;}
.cw.active .bg06{ top:400px;}
.cw.active .bg07{ right:120px;}.teacher .bg{margin-top:-380px;}

.ck .bg02{margin-left:50px; margin-top:-400px;}
.ck .bg03,.ck .bg04{ right:45px;}
.ck .bg04{ top:300px;}
.ck .bg05,.ck .bg06{right:320px;}
.ck .bg07{right:-215px; top:320px;}

.ck.active .bg{ margin-right:-400px}
.ck.active .bg01{margin-left:-300px;}
.ck.active .bg02{margin-left:-210px; margin-top:-302px; }
.ck.active .bg03{top:150px;}
.ck.active .bg04{ top:240px;}
.ck.active .bg05{ top:320px;}
.ck.active .bg06{ top:400px;}
.ck.active .bg07{ right:100px;}

.X .bg{margin-left:-540px;}
.X .bg02{margin-left:50px; }
.X .bg03,.X .bg04{ right:36px;}
.X .bg04{ top:300px;}
.X .bg05,.X .bg06{right:340px;}
.X .bg07{ top:320px;}

.X.active .bg{ margin-top:-337px;}
.X.active .bg01{margin-left:-360px;}
.X.active .bg02{margin-left:-270px;}
.X.active .bg03{top:150px;}
.X.active .bg04{ top:240px;}
.X.active .bg05{ top:320px;}
.X.active .bg06{ top:400px;}
.X.active .bg07{ right:120px;}

}
@media screen and (min-width:1306px) {
.section #header .logo img{ height:70px;}
.person .wrap-box,.teacher .wrap-box,.education .wrap-box,.cw .wrap-box,.ck .wrap-box,.X .wrap-box{ width:1280px; height:618px; margin-left:-640px; margin-top:-309px; }
.section .bg{background-size:85%;}
.person .bg{margin-top:-320px;}
.wrap-box .bg01{background-size:75%;}
.wrap-box .bg02{background-size:75%;}
.wrap-box .bg03{background-size:75%;}
.wrap-box .bg04{background-size:75%;}
.jian-box{ display:block;}
.section.active .jian-box{bottom:60px;}

.wrap-box .bg05,.wrap-box .bg06{width:220px; height:60px;}
.wrap-box .bg05 a,.wrap-box .bg06 a{ width:220px; height:60px; line-height:60px; text-indent:3em; font-size:22px; background-size:14%;}
.wrap-box .bg05 a:hover,.wrap-box .bg06 a:hover{ background-size:14%;}

.wrap-box .bg07{width:200px; height:200px; top:250px; }
.wrap-box .bg07 img{width:140px; height:140px;}

.person .bg03{ right:60px;}
.person .bg04{ right:60px;}
.person .bg05,.person .bg06{ right:395px;}
.person .bg07{ right:10px;}

.person.active .bg{ margin-left:-590px;}
.person.active .bg01{margin-left:-390px;}
.person.active .bg02{margin-left:-300px;}
.person.active .bg03{top:140px;}
.person.active .bg04{ top:240px;}
.person.active .bg05{ top:330px;}
.person.active .bg06{ top:410px;}
.person.active .bg07{ right:170px; top:330px;}

.teacher .bg{margin-top:-380px;}
.teacher .bg02{margin-left:50px; margin-top:-400px;}
.teacher .bg03,.teacher .bg04{ right:0px;}
.teacher .bg04{ top:310px;}
.teacher .bg05,.teacher .bg06{right:305px;}
.teacher .bg07{right:-220px; top:340px;}

.teacher.active .bg{ margin-right:-400px}
.teacher.active .bg01{margin-left:-300px;}
.teacher.active .bg02{margin-left:-210px; margin-top:-302px; }
.teacher.active .bg03{top:150px;}
.teacher.active .bg04{ top:250px;}
.teacher.active .bg05{ top:340px;}
.teacher.active .bg06{ top:420px;}
.teacher.active .bg07{ right:80px;}

.education .bg{margin-left:-500px;}
.education .bg02{margin-left:50px; }
.education .bg03,.education .bg04{ right:25px;}
.education .bg04{ top:310px;}
.education .bg05,.education .bg06{right:315px;}
.education .bg07{ top:330px;}

.education.active .bg{ margin-top:-337px;}
.education.active .bg01{margin-left:-320px;}
.education.active .bg02{margin-left:-230px;}
.education.active .bg03{top:150px;}
.education.active .bg04{ top:240px;}
.education.active .bg05{ top:330px;}
.education.active .bg06{ top:410px;}
.education.active .bg07{ right:90px;}

.cw .bg{margin-left:-500px;}
.cw .bg02{margin-left:50px; }
.cw .bg03,.cw .bg04{ right:-22px;}
.cw .bg04{ top:310px;}
.cw .bg05,.cw .bg06{right:315px;}
.cw .bg07{ top:330px;}

.cw.active .bg{ margin-top:-337px;}
.cw.active .bg01{margin-left:-380px;}
.cw.active .bg02{margin-left:-260px;}
.cw.active .bg03{top:150px;}
.cw.active .bg04{ top:240px;}
.cw.active .bg05{ top:330px;}
.cw.active .bg06{ top:410px;}
.cw.active .bg07{ right:90px;}

.ck .bg{margin-top:-380px;}
.ck .bg02{margin-left:50px; margin-top:-400px;}
.ck .bg03,.ck .bg04{ right:0px;}
.ck .bg04{ top:310px;}
.ck .bg05,.ck .bg06{right:305px;}
.ck .bg07{right:-220px; top:340px;}

.ck.active .bg{ margin-right:-400px}
.ck.active .bg01{margin-left:-300px;}
.ck.active .bg02{margin-left:-210px; margin-top:-302px; }
.ck.active .bg03{top:150px;}
.ck.active .bg04{ top:250px;}
.ck.active .bg05{ top:340px;}
.ck.active .bg06{ top:420px;}
.ck.active .bg07{ right:80px;}

.X .bg{margin-left:-500px;}
.X .bg02{margin-left:50px; }
.X .bg03,.X .bg04{ right:-22px;}
.X .bg04{ top:310px;}
.X .bg05,.X .bg06{right:315px;}
.X .bg07{ top:330px;}

.X.active .bg{ margin-top:-337px;}
.X.active .bg01{margin-left:-380px;}
.X.active .bg02{margin-left:-260px;}
.X.active .bg03{top:150px;}
.X.active .bg04{ top:240px;}
.X.active .bg05{ top:330px;}
.X.active .bg06{ top:410px;}
.X.active .bg07{ right:90px;}

}
@media screen and (min-width:1380px) {
.section #header .logo img{ height:78px;}
.person .wrap-box,.teacher .wrap-box,.education .wrap-box,.cw .wrap-box,.ck .wrap-box,.X .wrap-box{ width:1440px; height:618px; margin-left:-720px; margin-top:-309px; }
.section .bg{background-size:100%;}
.person .bg{margin-top:-290px;}
.wrap-box .bg01{background-size:100%;}
.wrap-box .bg02{background-size:100%;}
.wrap-box .bg03{background-size:100%;}
.wrap-box .bg04{background-size:100%;}
.jian-box{ display:block;}
.section.active .jian-box{bottom:70px;}

.wrap-box .bg05,.wrap-box .bg06{width:300px; height:90px;}
.wrap-box .bg05 a,.wrap-box .bg06 a{ width: 300px;
height: 71px;
line-height: 69px;
text-indent: 3em;
font-size: 30px;
background-size: 16%;}
.wrap-box .bg05,.wrap-box .bg08{width:300px; height:90px;}
.wrap-box .bg05 a,.wrap-box .bg08 a{ width: 300px;
height: 71px;
line-height: 69px;
text-indent: 3em;
font-size: 30px;
background-size: 16%;}
.wrap-box .bg05 a:hover,.wrap-box .bg06 a:hover{ background-size:16%;}

.wrap-box .bg07{width:200px; height:200px; top:250px; }
.wrap-box .bg07 img{width:200px; height:200px;}

.person .bg03,.person .bg04{ right:10px;}
.person .bg05,.person .bg06{ right:345px;}
.person .bg07{ right:10px;}

.person.active .bg{ margin-left:-620px;}
.person.active .bg01{margin-left:-460px;}
.person.active .bg02{margin-left:-290px;}
.person.active .bg03{top:80px;}
.person.active .bg04{ top:210px;}
.person.active .bg05{ top:320px;}
.person.active .bg06{ top:430px;}
.person.active .bg07{ right:120px; top:320px;}

.teacher .bg{margin-top:-320px;}
.teacher .bg02{margin-left:50px; margin-top:-400px;}
.teacher .bg03,.teacher .bg04{ right:20px;}
.teacher .bg04{ top:310px;}
.teacher .bg05,.teacher .bg06{right:315px;}
.teacher .bg07{right:-220px; top:330px;}

.teacher.active .bg{ margin-right:-290px}
.teacher.active .bg01{margin-left:-430px;}
.teacher.active .bg02{margin-left:-260px; margin-top:-302px; }
.teacher.active .bg03{top:90px;}
.teacher.active .bg04{ top:220px;}
.teacher.active .bg05{ top:330px;}
.teacher.active .bg06{ top:440px;}
.teacher.active .bg07{ right:90px;}

.education .bg{margin-left:-570px;}
.education .bg02{margin-left:50px; }
.education .bg03{ right:25px;}
.education .bg04{ right:35px;}
.education .bg04{ top:310px;}
.education .bg08{right:315px;}
.education .bg05,.education .bg06{right:315px;}
.education .bg07{ top:330px;}

.education.active .bg{ margin-top:-287px;}
.education.active .bg01{margin-left:-430px;}
.education.active .bg02{margin-left:-260px;}
.education.active .bg03{top:90px;}
.education.active .bg04{ top:220px;}
.education.active .bg05{ top:330px;}
.education.active .bg06{ top:411px;}
.education.active .bg08{ top:411px;}
.education.active .bg07{ right:90px;margin-top: 15px;}

.cw .bg{margin-left:-570px;}
.cw .bg02{margin-left:50px; }
.cw .bg03{ right:-30px;}
.cw .bg04{ right:30px;}
.cw .bg04{ top:310px;}
.cw .bg05,.cw .bg06{right:315px;}
.cw .bg07{ top:330px;}

.cw.active .bg{ margin-top:-287px;}
.cw.active .bg01{margin-left:-430px;}
.cw.active .bg02{margin-left:-260px;}
.cw.active .bg03{top:90px;}
.cw.active .bg04{ top:220px;}
.cw.active .bg05{ top:330px;}
.cw.active .bg06{ top:440px;}
.cw.active .bg07{ right:90px;}

.ck .bg{margin-top:-320px;}
.ck .bg02{margin-left:50px; margin-top:-400px;}
.ck .bg03{ right:-20px;}
.ck .bg04{ right:20px;}
.ck .bg04{ top:310px;}
.ck .bg05,.ck .bg06{right:315px;}
.ck .bg07{right:-220px; top:330px;}

.ck.active .bg{ margin-right:-290px}
.ck.active .bg01{margin-left:-430px;}
.ck.active .bg02{margin-left:-260px; margin-top:-302px; }
.ck.active .bg03{top:90px;}
.ck.active .bg04{ top:220px;}
.ck.active .bg05{ top:330px;}
.ck.active .bg06{ top:440px;}
.ck.active .bg07{ right:90px;}

.X .bg{margin-left:-570px;}
.X .bg02{margin-left:50px; }
.X .bg03{ right:-25px;}
.X .bg04{ right:35px;}
.X .bg04{ top:310px;}
.X .bg05,.X .bg06{right:315px;}
.X .bg07{ top:330px;}

.X.active .bg{ margin-top:-287px;}
.X.active .bg01{margin-left:-430px;}
.X.active .bg02{margin-left:-260px;}
.X.active .bg03{top:90px;}
.X.active .bg04{ top:220px;}
.X.active .bg05{ top:330px;}
.X.active .bg06{ top:440px;}
.X.active .bg07{ right:90px;}

}