.phcolor { color: #999; }

.white { color: #fff; }

.black { color: #000; }

.gray { color: #666666; }

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

.text-left { text-align: left; padding-left: 20px; }

.float-l { float: left; }

.nike { background: url(../images/nike-22x24.png) no-repeat center; }

.display-none { display: none; }

#nav { width: 100%; font-size: 16px; background-color: #F0F0F0; position: fixed; top: 0; left: 0; border-bottom: 1px solid #d2cbcb; z-index: 100; }

#nav .nav-container { width: 1200px; height: 40px; position: relative; margin: 0 auto; }

#nav img { height: 28px; margin: 5px 6px; display: inline-block; float: left; }

#nav .left { display: inline-block; color: #666666; line-height: 40px; margin-right: 10px; }

#nav .left::before { content: ""; margin: 0 6px; border-left: 1px solid #6F6F6F; }

#nav .right { display: inline-block; color: #666666; line-height: 40px; position: absolute; top: 0; right: 0; }

#nav .right span { color: #ee464a; }

#nav a { margin: 0 6px; color: #666666; }

#nav a:hover { color: #ee464a; }

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

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

#fixed .fixed-container .fixed-pic { width: 310px; height: 160px; position: absolute; top: -84px; left: 0; background-image: url(../images/footer-310x160.png); }

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

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

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

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

#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; }

h2.title { font-size: 32px; line-height: 60px; padding: 40px 0; font-weight: bold; }

h2.title span { display: inline-block; color: #f0ff00; -webkit-transform: skewX(-10deg); -ms-transform: skewX(-10deg); transform: skewX(-10deg); }

h3.title { font-size: 36px; padding: 40px 0; }

.red-border { font-size: 24px; font-weight: bold; color: #d20104; width: 456px; height: 63px; line-height: 63px; margin: 36px auto 36px; border: 2px solid #d20104; border-radius: 10px; }

.yellow-button { background-color: #f89200; }

.yellow-button:hover { background-color: #d98611; }

.green-button { background-color: #22a9a3; }

.green-button:hover { background-color: #0f8b85; }

.red-button { background-color: #ee2a2d; }

.red-button:hover { background-color: #cf1416; }

@charset "UTF-8";
#header { margin-top: -40px; }

#header > div { height: 299px; }

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

#header .item-2 { background: url(../images/header_02.jpg) no-repeat top center; }

#header .item-3 { background: url(../images/header_03.jpg) no-repeat top center; }

#header .item-4 { background: url(../images/header_04.jpg) no-repeat top center; }

#header .header-container { width: 740px; height: 446px; padding-left: 300px; margin: -446px auto 0; }

#header .header-container > h2 { width: 632px; height: 80px; line-height: 80px; font-size: 32px; background: url(../images/header-tt-632x83.png) no-repeat center; margin: 0 auto 20px; }

#header .header-container .white-block { width: 366px; height: 310px; background-color: #fff; border-radius: 10px; -webkit-box-shadow: 0 0 50px 14px rgba(0, 0, 0, 0.3) inset; box-shadow: 0 0 50px 14px rgba(0, 0, 0, 0.3) inset; }

#header .header-container .white-block h2 { font-size: 26px; font-weight: bold; line-height: 36px; padding: 14px; }

#header .header-container .white-block ul { margin: 0 14px; font-size: 16px; line-height: 38px; }

#header .header-container .white-block ul li::before { content: "●"; color: #be2e2e; margin-right: 6px; }

#header .header-container .yellow-block { width: 364px; height: 174px; margin-left: 10px; background-color: #ffe400; border-radius: 10px; color: #854602; -webkit-box-shadow: 0 0 50px 14px rgba(0, 0, 0, 0.14) inset; box-shadow: 0 0 50px 14px rgba(0, 0, 0, 0.14) inset; }

#header .header-container .yellow-block h2 { font-size: 26px; line-height: 30px; font-weight: bold; margin: 14px; }

#header .header-container .yellow-block ul { margin: 14px; font-size: 16px; line-height: 30px; }

#header .header-container .right-bottom { width: 346px; margin: 4px 14px; }

#header .header-container .right-bottom h2 { font-size: 24px; line-height: 36px; text-shadow: 4px 4px 4px #841516; text-align: center; }

#header .header-container .right-bottom h2 span { display: inline-block; color: #fff600; font-size: 28px; -webkit-transform: skewX(-10deg); -ms-transform: skewX(-10deg); transform: skewX(-10deg); }

#header .header-container .right-bottom a { display: block; width: 254px; height: 44px; line-height: 44px; text-align: center; background-color: #9c3df5; color: #fff; border-radius: 10px; margin: 12px auto 0; }

#header .header-container .right-bottom a:hover { background-color: #7d21d4; }

#content-1 { background-color: #fff; }

#content-1 > ul { width: 1000px; margin: 0 auto 0; }

#content-1 > ul > li { -webkit-box-sizing: border-box; box-sizing: border-box; float: left; width: 331px; height: 80px; line-height: 80px; font-size: 24px; font-weight: bold; margin: 0 1px; background-color: #e3e3e3; cursor: pointer; }

#content-1 > ul > li span { font-size: 18px; color: #d20104; }

#content-1 > ul > li.active { color: #fff; background-color: #d20104; }

#content-1 > ul > li.active span { color: #fff600; }

#content-1 .tab-content { width: 1000px; margin: 40px auto 0; }

#content-1 .tab-content .h3-container { width: 1000px; height: 130px; line-height: 30px; text-align: left; background: url(../images/subtitle_bg-1000x129.png) no-repeat center; }

#content-1 .tab-content .h3-container h3 { padding: 20px; }

#content-1 .tab-content table { width: 998px; color: #666666; }

#content-1 .tab-content table tr { background-color: #eaeaea; height: 50px; font-size: 16px; }

#content-1 .tab-content table .tr-red { background-color: #d20104; height: 60px; font-size: 22px; }

#content-1 .tab-content table .tr-light { background-color: #f2f2f2; }

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

#content-1 .tab-content table .free-button { display: inline-block; width: 140px; height: 30px; line-height: 30px; color: #d20104; border: 1px solid #d20104; border-radius: 2px; }

#content-1 .tab-content table .free-button:hover { color: #fff; background-color: #d20104; }

#content-1 .tab-content table .apply-button { display: inline-block; width: 102px; height: 30px; line-height: 30px; color: #fff; background-color: #d20104; border-radius: 2px; }

#content-1 .tab-content table .apply-button:hover { color: #ffea00; }

#content-1 .tab-content .table-container > ul { width: 180px; }

#content-1 .tab-content .table-container > ul li { height: 60px; line-height: 60px; color: #909090; font-size: 22px; border: 1px solid #fff; background-color: #e9e9e9; cursor: pointer; }

#content-1 .tab-content .table-container > ul li.active { position: relative; color: #fff; background-color: #d20104; }

#content-1 .tab-content .table-container > ul li.active:after { width: 0; height: 0; display: block; content: ""; position: absolute; top: 25px; right: -8px; border-top: 4px solid transparent; border-left: 8px solid #d20104; border-bottom: 4px solid transparent; }

#content-1 .tab-content .table-container .table-tabs { width: 800px; height: 440px; margin-left: 1px; background-color: #f2f2f2; }

#content-1 .tab-content .table-container .table-tabs .table-content table { width: 780px; margin: 16px auto 24px; }

#content-1 .tab-content .table-container .table-tabs .table-content table tr { background-color: #fff; }

#content-1 .tab-content .table-container .table-tabs .table-content table .tr-gray { background-color: #ececec; }

#content-1 .tab-content .table-container .table-tabs .table-content table td { color: #666666; border: 1px solid #dedede; padding-left: 10px; }

#content-1 .tab-content .table-container .table-tabs .table-content table td li { margin: 10px 0; text-align: left; }

#content-1 .tab-content .table-container .table-tabs > ul { width: 756px; margin: 0 auto 0; }

#content-1 .tab-content .table-container .table-tabs > ul li { float: left; margin: 0 6px; }

#content-1 .tab-content .table-container .table-tabs > ul li a { width: 240px; height: 60px; display: block; font-size: 20px; line-height: 60px; color: #fff; border-radius: 4px; }

#content-2 { height: 1124px; }

#content-2 > h2 { background-color: #ad0003; }

#content-2 .down-part { height: 1124px; background: url(../images/feature-1920x870.png) no-repeat center; }

#content-2 .down-part .polygon-container { width: 800px; height: 670px; position: relative; margin: 0 auto 0; }

#content-2 .down-part .polygon-container .polygon-blocks { width: 330px; height: 381px; position: absolute; overflow: hidden; }

#content-2 .down-part .polygon-container .polygon-blocks .polygon-block { width: 330px; height: 381px; }

#content-2 .down-part .polygon-container .polygon-blocks .white-bg { background: url(../images/polygon-330x381.png) no-repeat center; }

#content-2 .down-part .polygon-container .polygon-blocks .white-bg h4 { width: 250px; height: 54px; position: relative; top: 16px; color: #fff; line-height: 54px; font-size: 30px; font-weight: bold; background-color: #fe313f; border-radius: 8px; margin: 0 auto 30px; }

#content-2 .down-part .polygon-container .polygon-blocks .white-bg h5 { position: relative; top: 44px; color: #fe313f; line-height: 54px; font-size: 30px; font-weight: bold; margin-bottom: 46px; }

#content-2 .down-part .polygon-container .polygon-blocks .white-bg ul { width: 250px; margin: 0 auto 0; text-align: left; color: #666666; line-height: 24px; font-size: 14px; }

#content-2 .down-part .polygon-container .polygon-blocks .white-bg ul span { color: #fe313f; }

#content-2 .down-part .polygon-container .polygon-blocks .yellow-bg { background: url(../images/polygon-yellow-330x381.png) no-repeat center; display: none; }

#content-2 .down-part .polygon-container .polygon-blocks .yellow-bg h4 { padding-top: 90px; font-size: 60px; color: #fe313f; font-weight: bold; line-height: 86px; }

#content-2 .down-part .polygon-container .polygon-blocks .yellow-bg h5 { font-size: 20px; color: #666666; line-height: 30px; }

#content-2 .down-part .polygon-container .polygon-blocks-1 { top: 0; left: 0; }

#content-2 .down-part .polygon-container .polygon-blocks-2 { top: 0; left: 475px; }

#content-2 .down-part .polygon-container .polygon-blocks-3 { top: 286px; left: 240px; }

#content-2 .down-part .xinnei{ background:url(../images/2017081701_07.jpg) no-repeat center;margin: 0 auto 0; height:932px;}


#content-3 { height: 800px; }

#content-3 .table-pic { width: 999px; height: 521px; background: url(../images/table-999x521_05.png) no-repeat center; margin: 0 auto 0; }

#content-3 > ul { width: 756px; margin: 46px auto 0; }

#content-3 > ul li { float: left; margin: 0 6px; }

#content-3 > ul li a { width: 240px; height: 60px; display: block; font-size: 20px; line-height: 60px; color: #fff; border-radius: 4px; }

#content-4 { height: 682px; background: url(../images/show_bg-1920-682.jpg) no-repeat center; }

#content-4 .show-blocks { width: 1100px; margin: 0 auto 0; }

#content-4 .show-blocks .show-block { width: 310px; height: 490px; display: inline-block; background-color: #fff; margin: 0 15px; border-radius: 8px; }

#content-4 .show-blocks .show-block h3 { font-size: 22px; line-height: 36px; font-weight: bold; margin-top: 16px; }

#content-4 .show-blocks .show-block p { color: #666666; font-size: 16px; line-height: 24px; }

#content-4 .show-blocks .show-block .pic { width: 286px; height: 360px; margin: 14px auto 0; }

#content-4 .show-blocks .show-block-1 h3 { color: #f86300; }

#content-4 .show-blocks .show-block-1 .pic { background: url(../images/weixin-286x360.jpg) no-repeat center; }

#content-4 .show-blocks .show-block-2 h3 { color: #0768cb; }

#content-4 .show-blocks .show-block-2 .pic { background: url(../images/cuotiku-286x368.png) no-repeat center; }

#content-4 .show-blocks .show-block-2 .pic a { width: 130px; height: 34px; display: block; position: relative; top: 304px; left: 124px; }

#content-4 .show-blocks .show-block-2 .pic a:hover { background-color: rgba(0, 0, 0, 0.1); }

#content-4 .show-blocks .show-block-3 h3 { color: #ee2a2d; }

#content-4 .show-blocks .show-block-3 .pic { background: url(../images/zhuanjia-286x360.jpg) no-repeat center; }

#content-5 { height: 650px; }

#content-5 > h2 { background-color: #ad0003; text-shadow: 4px 4px 4px #841516; }

#content-5 > h3 { font-size: 32px; font-weight: bold; color: #d20104; width: 678px; height: 70px; line-height: 70px; margin: 36px auto 36px; border: 2px solid #d20104; border-radius: 10px; }

#content-5 h4 { font-size: 32px; font-weight: bold; color: #d20104; width: 450px; height: 70px; line-height: 70px; margin: 36px auto 36px; border: 2px solid #d20104; border-radius: 10px; }

#content-5 .form-block { width: 1000px; height: 346px; position: relative; margin: 0 auto 0; background: url(../images/ziliaobao-1000x346.jpg) no-repeat center; }

#content-5 .form-block form { width: 340px; height: 310px; position: absolute; right: 18px; top: 18px; background-color: #fff; border-radius: 4px; -webkit-box-shadow: 0 0 50px 14px rgba(0, 0, 0, 0.42); box-shadow: 0 0 50px 14px rgba(0, 0, 0, 0.42); }

#content-5 .form-block form label { font-size: 18px; line-height: 60px; }

#content-5 .form-block form input { width: 234px; height: 34px; }

#content-5 .form-block form select { width: 238px; height: 40px; }

#content-5 .form-block form select option { font-size: 16px; }

#content-5 .form-block form .submit { width: 300px; height: 52px; background-color: #ff7700; border: none; margin: 6px auto 0; font-size: 20px; cursor: pointer; }

#content-5 .form-block form .submit:hover { background-color: #d96907; }

#content-5 .ad-block { width: 1000px; height: 450px; margin: 0 auto 0; background: url(../images/vip_bg-1000x378.jpg) no-repeat center; }

#content-5 .ad-block h2 { width: 196px; height: 52px; position: relative; top: 18px; line-height: 52px; background-color: #00192e; margin: 0 0 36px 18px; font-size: 36px; font-weight: bold; }

#content-5 .ad-block p { width: 522px; margin-left: 18px; text-align: left; line-height: 24px; font-size: 16px; }





.section > .container { position: relative; width: 1000px; padding: 50px 0; color: #404040; margin: 0 auto 0; }

.section > .container > .title-container { position: relative; height: 60px; text-align: center; }

.section > .container > .title-container:before { content: ""; display: block; width: 1000px; height: 1px; background-color: #999999; position: absolute; top: 30px; left: 0; z-index: 1; }

.section > .container > .title-container .title { position: relative; display: inline-block; padding: 0 46px; background-color: #fff; font-size: 36px; line-height: 60px; text-align: center; z-index: 10; }

.section > .container > .title-container .title:before { content: ""; display: block; width: 27px; height: 12px; background: url(../images/left-title_27x12.png) no-repeat center; position: absolute; top: 24px; left: 0; }

.section > .container > .title-container .title:after { content: ""; display: block; width: 27px; height: 12px; background: url(../images/right-title_27x12.png) no-repeat center; position: absolute; top: 24px; right: 0; }

.section > .container > .sub-title { font-size: 24px; color: #fff; text-align: center; font-weight: lighter; }


.owl-carousel.owl-loaded { display: block; }

.owl-carousel.owl-loading { opacity: 0; display: block; }

.owl-carousel.owl-hidden { opacity: 0; }

.owl-carousel .owl-refresh .owl-item { display: none; }

.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }




#section-2 .sub-title { color: #989898; }
#section-2 h3{ margin:0px; padding:0;}

#teacher-slider { height: 500px; overflow: hidden; }

#teacher-slider .item { position: relative; margin-top: 42px; height: 380px; box-sizing: border-box; background-color: #fff;  }

#teacher-slider .item .img { position: relative; width: 304px; height: 350px; float: left; z-index: 100; }

#teacher-slider .item .img img { display: block; position: relative; width: 270px; height: 350px; margin: -36px 0 0 24px; z-index: 100; }

#teacher-slider .item .img:after { content: ''; width: 270px; height: 350px; position: absolute; top: -26px; right: 0; background-color: #c4cad0; }

#teacher-slider .item .text { position: relative; float: left; width: 680px; height: 324px; box-sizing: border-box; padding: 30px 30px 0 30px; overflow: hidden; }

#teacher-slider .item .text .title { font-size: 20px; color: #333; font-weight: bold; margin-bottom: 20px; }

#teacher-slider .item .text .content { font-size: 16px; color: #7f868f; line-height: 30px; }

#teacher-slider .item .text .content span { color: #d20104; }

#teacher-slider .item .text .buttons { position: absolute; bottom: 0; }

#teacher-slider .item .text .buttons a { width: 180px; height: 40px; float: left; box-sizing: border-box; line-height: 40px; display: block; border-radius: 6px; text-align: center; font-size: 16px; color: #fff; }

#teacher-slider .item .text .left-btn { background-color: #d20104; }

#teacher-slider .item .text .left-btn:hover { background-color: #6545ef; }

#teacher-slider .item .text .right-btn { margin-left: 18px; background-color: #606870; }

#teacher-slider .item .text .right-btn:hover { background-color: #454f59; }

.slider-buttons { position: relative; height: 36px; margin-top: 10px; }

.slider-buttons .btn { width: 36px; height: 36px; position: absolute; top: 0; cursor: pointer; }

#prev-btn { right: 44px; background: url(../images/prev-btn_36x36.png) no-repeat center; }

#prev-btn:hover { background: url(../images/prev-btn-active_36x36.png) no-repeat center; }

#next-btn { right: 0; background: url(../images/next-btn_36x36.png) no-repeat center; }

#next-btn:hover { background: url(../images/next-btn-active_36x36.png) no-repeat center; }