body { font-family: "Microsoft YaHei" !important;}

.white { color: #fff; }

.black { color: #000; }

.text-center { text-align: center; }

.title { font-size: 48px; padding: 50px 0 22px; font-weight: bold; }

.subtitle { font-size: 24px; color: #666666; margin-bottom: 50px; }

.main{ width:1000px; margin:0px auto; text-align:center;height:auto;}

.tel{background-color:#fc950f;width:326px;line-height:42px;font-size:22px;color:#fff;margin:0 auto 0;}

.header { margin-top: 0px;}

.header > div { height: 160px;}

.header .item-1 { background: url(../images/top1.jpg) no-repeat top center; height:141px;}

.header .item-2 { background: url(../images/top2.jpg) no-repeat top center; height:158px;}

.header .item-3 { background: url(../images/top3.jpg) no-repeat top center; height:168px; }

.header .item-4 { background: url(../images/top4.jpg) no-repeat top center; height:332px;}


.content-2 { width: 100%; height: 1400px; background:url(../images/bg3.jpg) no-repeat;}

.content-2 h4 { width: 1000px; height: 65px; line-height: 65px; font-size: 18px; margin: 24px auto 24px; background-image: url(../images/bg_border_1000-65.png); }

.content-2 .tabs { width: 1000px; height: 1356px; margin: 0 auto 0; }

.content-2 .tabs .tab-name { width: 137px; height: 146px; line-height: 134px; display: inline-block; margin: 0 50px 32px; font-size: 36px; color: #fff; }

.content-2 .tabs .tab-name:hover { cursor: pointer; }

.content-2 .tabs .blue { background-image: url(../images/blue_137-146.png); }

.content-2 .tabs .red { background-image: url(../images/red_137-146.png); }

.content-2 .tabs .pink { background-image: url(../images/pink_137-146.png); }

.content-2 .tabs .tab-content { width: 1000px; height: 900px; position: relative; background-color: #fff; display: none; }

.content-2 .tabs .tab-content .container img { float: left; margin: 24px; }

.content-2 .tabs .tab-content .container ul { width: 634px; float: left; margin: 24px 0; text-align: left; }

.content-2 .tabs .tab-content .container ul li { margin: 16px 0; color: #666666; line-height: 24px; font-size: 16px; }

.content-2 .tabs .tab-content .container ul li span { font-size: 18px; font-weight: bold; }

.content-2 .tabs .tab-content .container .blue-ul span { color: #1aa5fe; }

.content-2 .tabs .tab-content .container .red-ul span { color: #ee464a; }

.content-2 .tabs .tab-content .container .pink-ul span { color: #b448f7; }

.content-2 .tabs .tab-content .h2-container { position: relative; }

.content-2 .tabs .tab-content .h2-container .h2-bg { width: 378px; height: 58px; line-height: 58px; margin: 20px auto 30px; -webkit-transform: skewX(-24deg); -ms-transform: skewX(-24deg); transform: skewX(-24deg); }

.content-2 .tabs .tab-content .h2-container .h2-bg-red { background-color: #ee464a; }

.content-2 .tabs .tab-content .h2-container .h2-bg-blue { background-color: #1aa5fe; }

.content-2 .tabs .tab-content .h2-container .h2-bg-pink { background-color: #b448f7; }

.content-2 .tabs .tab-content .h2-container h2 { position: absolute; top: 14px; left: 420px; font-size: 26px; color: #fff; }

.content-2 .tabs .tab-content .lists { width: 1000px; margin: 0 auto 0; }

.content-2 .tabs .tab-content .lists .list { width: 310px; height: 202px; margin: 0 4px; display: inline-block; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid #cbcbcb; border-radius: 10px; text-align: left; list-style-type: disc; list-style-position: inside; color: #666666; font-size: 16px; line-height: 44px; }

.content-2 .tabs .tab-content .lists .list a { color: #747474; }

.content-2 .tabs .tab-content .lists .list a:hover { text-decoration: underline; }

.content-2 .tabs .tab-content .lists .list .list-blue:hover { color: #1aa5fe; }

.content-2 .tabs .tab-content .lists .list .list-red:hover { color: #ee464a; }

.content-2 .tabs .tab-content .lists .list .list-pink:hover { color: #b448f7; }

.content-2 .tabs .active { display: block; }

.content-2 .tabs .tab-one { border-top: 4px solid #1aa5fe; }

.content-2 .tabs .tab-one .triangle { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 12px solid #1aa5fe; position: absolute; left: 246px; top: -16px; }

.content-2 .tabs .tab-two { border-top: 4px solid #ee464a; }

.content-2 .tabs .tab-two .triangle { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 12px solid #ee464a; position: absolute; left: 490px; top: -16px; }

.content-2 .tabs .tab-three { border-top: 4px solid #b448f7; }

.content-2 .tabs .tab-three .triangle { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 12px solid #b448f7; position: absolute; right: 246px; top: -16px; }

.content-2 .tabs .tab-table { width: 960px; height: 552px; margin: 0 auto 0; border: 1px solid #d5d5d5; font-size: 18px; color: #666666; }

.content-2 .tabs .tab-table tr:nth-child(even) { background-color: #f6f6f6; }

.content-2 .tabs .tab-table .td-title { background-color: #fff; }

.content-2 .tabs .tab-table td { vertical-align: middle; border: 1px solid #d5d5d5; }

.content-2 .tabs .tab-table .tab-title { height: 60px; color: #fff; font-weight: bold; }

.content-2 .tabs .tab-table .blue-title { background-color: #1aa5fe; }

.content-2 .tabs .tab-table .red-title { background-color: #ee464a; }

.content-2 .tabs .tab-table .pink-title { background-color: #b448f7; }

.content-2 .tabs .tab-table .outline { color: #666666; }

.content-2 .tabs .tab-table .outline:hover { text-decoration: underline; }

.content-2 .tabs .tab-table .outline-blue:hover { color: #1aa5fe; }

.content-2 .tabs .tab-table .outline-red:hover { color: #ee464a; }

.content-2 .tabs .tab-table .outline-pink:hover { color: #b448f7; }

.content-2 .tabs .tab-table .button { width: 100px; height: 24px; display: block; padding: 2px 0; font-size: 16px; line-height: 24px; color: #fff; text-align: center; border-radius: 4px; margin: 0 auto 0; }

.content-2 .tabs .tab-table .blue-button { background-color: #1aa5fe; }

.content-2 .tabs .tab-table .blue-button:hover { background-color: #098cdf; }

.content-2 .tabs .tab-table .red-button { background-color: #ee464a; }

.content-2 .tabs .tab-table .red-button:hover { background-color: #d62024; }

.content-2 .tabs .tab-table .pink-button { background-color: #b448f7; }

.content-2 .tabs .tab-table .pink-button:hover { background-color: #992edb; }

.content-3 { width: 100%; height: 896px; }

.content-3 h4 { width: 1000px; height: 126px; line-height: 30px; font-size: 18px; color: #666666; text-align: left; margin: 24px auto 24px; background: url(../images/bg_border_1000-126.png) no-repeat; }

.content-3 h4 span { display: block; padding: 18px 28px; }

.content-3 .teachers { width: 1000px; margin: 0 auto 0; }

.content-3 .teachers .teacher { width: 450px; height: 244px; display: inline-block; position: relative; background-color: #888888; margin: 10px 22px; text-align: left; }

.content-3 .teachers .teacher:hover { background-color: #fc950f; }

.content-3 .teachers .teacher img { position: absolute; top: 12px; left: -24px; }

.content-3 .teachers .teacher .introduction { width: 162px; margin: 28px 240px; }

.content-3 .teachers .teacher .introduction h2 { font-size: 24px; line-height: 30px; }

.content-3 .teachers .teacher .introduction li { margin: 6px 0; font-size: 18px; line-height: 30px; font-weight: lighter; }

.content-3 .teachers .teacher .introduction a { width: 160px; height: 40px; display: block; margin-top: 20px; background-color: #fff; line-height: 40px; text-align: center; color: #000; }

.content-3 .teachers .teacher .introduction a:hover { color: #fc950f; }

.footer { width: 100%; height: 543px; background: url(../images/footer.jpg) no-repeat center; margin-bottom: 76px; }

.fixed { width: 100%; height: 76px; display: none; background-color: #000; position: fixed; bottom: 0; left: 0; z-index: 100; }

.fixed .fixed-container { width: 1098px; height: 76px; line-height: 76px; position: relative; margin: 0 auto 0; }

.fixed .fixed-container .fixed-pic { width: 297px; height: 178px; position: absolute; top: -78px; left: 0; background-image: url(../images/fixed_297-178.png); }

.fixed .fixed-container form { margin-left: 300px; }

.fixed .fixed-container form input { width: 144px; height: 26px; margin: 0 4px; font-size: 14px; }

.fixed .fixed-container form select { height: 32px; color: #a1a1a1; font-size: 14px; }

.fixed .fixed-container form select option { color: #000; }

.fixed .fixed-container form #grade { width: 100px; }

.fixed .fixed-container form .submit { width: 114px; height: 32px; font-size: 18px; color: #fff; background-color: #ff4e3b; border: 0px; cursor: pointer; }

.fixed .fixed-container form .submit:hover { background-color: #df3726; }


#top-fixed i { display: inline-block; }

#top-navigation i { display: inline-block; }

#top-fixed { position: relative; width: 100%; background-color: #404040; z-index: 102; }

#top-fixed .top-fixed-container { width: 1000px; height: 40px; line-height: 40px; font-size: 16px; position: relative; margin: 0 auto; }

#top-fixed .top-fixed-container > div { float: left; }

#top-fixed .top-fixed-container > div a { color: #b3b3b3; }

#top-fixed .top-fixed-container > div a:hover { color: #fff; }

#top-fixed .top-fixed-container > div .icon-zixun { width: 19px; height: 19px; background-image: url(../images/icon-zixun_19x19.png); }

#top-fixed .top-fixed-container > div .icon-tel { width: 12px; height: 18px; background-image: url(../images/icon-tel_14x18.png); }

#top-fixed .top-fixed-container > div a.zixun:hover i { background-image: url(../images/icon-hover-zixun_19x19.png); }

#top-fixed .top-fixed-container > div a.tel:hover i { background-image: url(../images/icon-hover-tel_14x18.png); }

#top-fixed .top-fixed-container > div i { vertical-align: sub; margin-right: 4px; }

#top-fixed .top-fixed-container .tel { margin-left: 25px; cursor: default; }

#top-fixed .top-fixed-container .login-before { position: absolute; right: 0; line-height: 28px; }

#top-fixed .top-fixed-container .login-before > a { width: 80px; height: 28px; display: inline-block; margin-top: 6px; cursor: pointer; }

#top-fixed .top-fixed-container .login-before .login-left { text-align: center; border: 1px solid #b3b3b3; margin-right: 10px; }

#top-fixed .top-fixed-container .login-before .login-left:hover { border: 1px solid #fff; }

#top-fixed .top-fixed-container .login-before .login-right { text-align: center; color: #fff; background-color: #ee7700; }

#top-fixed .top-fixed-container .login-before .login-right:hover { background-color: #be5f00; }

#top-fixed .top-fixed-container .login-after { position: absolute; right: 0; line-height: 40px; }

#top-fixed .top-fixed-container .login-after p { float: left; color: #fff; margin-right: 4px; }

#top-fixed .top-fixed-container .login-after > a { float: left; height: 40px; display: block; text-align: center; cursor: pointer; }

#top-fixed .top-fixed-container .login-after > a:hover { color: #fff; }

#top-fixed .top-fixed-container .login-after .pers-center { width: 80px; }

#top-fixed .top-fixed-container .login-after .logout { width: 40px; }


#top-space { height: 0px; }

#top-navigation { position: relative; width: 100%; background-color: #fff; border-bottom: 1px solid #eeeeee; -webkit-box-shadow: 0px 0px 10px #443f3f; box-shadow: 0px 0px 10px #443f3f; z-index: 101; }

#top-navigation .icon-black-logo { width: 339px; height: 36px; background-image: url(../images/icon-black-logo_339x36.png); }

#top-navigation a.current { color: #ee7700; }

#top-navigation a { display: block; width: 100%; height: 100%; }

#top-navigation .nav-container { width: 1000px; height: 70px; margin: 0 auto; }

#top-navigation .nav-container .logo { width: 339px; line-height: 0; float: left; }

#top-navigation .nav-container .logo i { margin-top: 17px; }

#top-navigation .nav-container .nav-list { height: 70px; line-height: 70px; margin-left: 115px; margin-right: -40px; font-size: 18px; float: left; }

#top-navigation .nav-container .nav-list > li { float: left; padding: 0 20px; }

#top-navigation .nav-container .nav-list > li:hover a { color: #ee7700; }

#top-navigation .nav-container .nav-list > li.dropdown { position: relative; text-align: center; }

#top-navigation .nav-container .nav-list > li.dropdown ul { position: absolute; top: 70px; left: -8px; font-size: 16px; line-height: 30px; background-color: #fff; -webkit-box-shadow: 0px 3px 3px #8f7f7f; box-shadow: 0px 3px 3px #8f7f7f; }

#top-navigation .nav-container .nav-list > li.dropdown ul li { line-height: 38px; }

#top-navigation .nav-container .nav-list > li.dropdown ul li a { color: #989898; }

#top-navigation .nav-container .nav-list > li.dropdown ul li a:hover { color: #404040; background-color: #eeeeee; }

#top-navigation .nav-container .nav-list .dropdown-short ul { width: 90px; }

#top-navigation .nav-container .nav-list .dropdown-long ul { width: 126px; }