@charset "utf-8";
/* CSS Document */

.warp{ width:100%; min-width:1200px; border:solid #F00 0px; overflow:hidden}
.center{ width:1200px; margin:0 auto}
.table{ display:table;}
.table .table-cell{ display:table-cell; vertical-align:middle}

.top{ height:92px; line-height:92px}
.top .logo{ float:left}
.top b{ float:left; font-size:38px; color:#040000; padding-left:72px; position:relative}
.top b:before{ content:""; background:#202020; width:1px; height:72px; position:absolute; left:20px; top:10px}
.top b i{ font-style:normal; color:#2abced}
.top span{ float:right; background:url(../images/phone.png) left no-repeat; padding-left:46px; font-size:14px; color:#040000; line-height:30px; margin-top:16px}
.top span i{ font-style:normal; display:block; font-size:18px}

.banner{ background:url(../images/banner.jpg) center no-repeat; height:836px}

.introduce{ width:1100px; height:442px; margin:0 auto; overflow:hidden}
.introduce .intro-img{ float:left; margin-top:31px}
.introduce .intro-info{ float:right; width:606px; padding-top:42px}
.introduce .intro-title{ font-size:24px; color:#040000; line-height:42px; text-align:center;}
.introduce .intro-title b{ display:block; font-size:32px;}
.introduce .intro-info p{ font-size:18px; color:#040000; line-height:32px; padding-top:16px; letter-spacing:1.2px}
.introduce .intro-info p span{ font-size:22px}
.introduce .intro-info a{ display:block; background:#FF8A34; width:136px; height:45px; border-radius:18px; text-align:center; line-height:45px; font-size:24px; color:#ffffff; text-decoration:none; margin:26px 0 0 418px}

.school{ background:#DBDBDB; overflow:hidden; box-shadow:}
.school .school-cont{ padding:74px 0 180px; background:url(../images/school-bom.png) 120px 300px no-repeat}
.school .school-cont li{ float:left; width:316px; text-align:center; background:url(../images/school-shadow.png) top center no-repeat; padding-bottom:21px; margin:0 42px; position:relative; cursor:pointer}
.school .school-cont li:nth-child(2){ margin-top:51px}
.school .school-cont li b{ position:absolute; top:50%; left:50%; margin:-66px 0 0 -130px; background:rgba(255,255,255,0.7); width:260px; height:102px; text-align:center; line-height:102px; border:solid 1px #A7BD93; font-size:30px; color:#040000}

.preach .preach-title{ text-align:center; background:url(../images/title-shadow.png) bottom center no-repeat; margin-top:36px}
.preach .preach-title b{ display:inline-block; font-size:32px; color:#5a5a5a; line-height:40px; position:relative}
.preach .preach-title b:before{ content:""; background:url(../images/preach-title-left.png) no-repeat; width:71px; height:42px; position:absolute; top:19px; left:-90px}
.preach .preach-title b:after{ content:""; background:url(../images/preach-title-right.png) no-repeat; width:71px; height:42px; position:absolute; top:19px; right:-90px}
.preach .preach-title span{ display:inline-block; font-size:24px; line-height:40px; color:#333333}
.preach .preach-cont{ background:url(../images/preach-back.jpg) center no-repeat; height:673px}
.preach .preach-cont ul{ width:1100px; margin:0 auto; padding:264px 0 100px}
.preach .preach-cont li{ float:left; background:#FFFFFF; width:340px; height:198px; text-align:center; position:relative; margin:0 13px}
.preach .preach-cont li:before{ content:""; width:0; height:0; border-left:170px solid transparent; border-right:170px solid transparent; border-bottom:98px solid #FFF; position:absolute; top:-98px; left:0}
.preach .preach-cont li:after{ content:""; width:0; height:0; border-left:170px solid transparent; border-right:170px solid transparent; border-top:98px solid #FFF; position:absolute; bottom:-98px; left:0}
.preach .preach-cont li span{ display:block; font-size:22px; color:#000000; line-height:38px; position:relative}
.preach .preach-cont li span:before{ content:""; background:#FFBD8D; width:52px; height:1px; position:absolute; bottom:-170px; left:50%; margin-left:-26px; z-index:3}
.preach .preach-cont li span:after{ content:""; background:url(../images/preach-edge.png) no-repeat; width:120px; height:94px; position:absolute; top:-107px; right:-6px}
.preach .preach-cont li span i{ display:block; font-size:18px; font-style:normal}
.preach .preach-cont li p{ font-size:16px; color:#3d3d3d; line-height:23px; padding:0 40px 0 42px}

.title{ text-align:center; overflow:hidden}
.title h1{ display:inline-block; background:#000000; font-size:26px; color:#ffffff; line-height:40px; border-radius:10px; padding:0 17px; margin:60px 0 0; position:relative}
.title h1:before{ content:""; width:100%; height:86px; border:solid 2px #000000; padding:0 50px; border-radius:36px; position:absolute; top:-23px; left:-52px}
.title p{ display:inline-block; background:#FFF; font-size:18px; color:#3a3a3a; line-height:20px; position:relative; z-index:3; padding:6px 12px 0 12px}
.title p span{ display:block; font-size:12px;}

.circl .circlCont{ margin-top:40px; position:relative}
.circl .circlCont .btn{ position:absolute; top:140px; cursor:pointer}
.circl .circlCont .btn.l{ left:100px}
.circl .circlCont .btn.r{ right:100px}
.circl .circlBox{ background:url(../images/circl-shadow.png) bottom no-repeat; padding-bottom:9px; width:740px; height:306px; margin:0 auto; position:relative}
.circl .circlBox:before{ content:""; width:731px; height:297px; border:solid 2px #C65E18; position:absolute; top:-14px; left:-14px}
.circl .circlBox ul{ background:#F08639; height:306px; position:relative; z-index:3}
.circl .circlBox li{ overflow:hidden; width:740px; height:306px; position:relative; float:left}
.circl .circlBox li .circlImg{ position:absolute; top:21px; left:21px}
.circl .circlBox li .circlName{ background:#F7AD7C; height:64px; margin-top:36px; padding:22px 0 0 290px; overflow:hidden}
.circl .circlBox li .circlName b{ float:left; font-size:18px; color:#040000; line-height:21px}
.circl .circlBox li .circlName b:first-child{ width:90px}
.circl .circlBox li .circlName b:last-child{ width:356px}
.circl .circlBox li .circlInfo{ padding:20px 15px 0 286px; font-size:18px; color:#52575e; line-height:21px; text-align:center}
.circl .circlClick{ text-align:center; margin:22px 0 55px}
.circl .circlClick ul{ display:inline-block;}
.circl .circlClick li{ float:left; width:130px; margin:0 40px; cursor:pointer}
.circl .circlClick li .circlImg{ width:106px; margin:0 auto; margin-top:28px; border:solid 1px #F4A46B; transition:all 0.3s linear}
.circl .circlClick li.circlNuw .circlImg{ width:130px; margin-top:0}
.circl .circlClick li img{ width:100%}
.circl .circlClick li b{ display:block; background:#F08639; text-align:center; line-height:36px; font-size:20px; color:#040000}

.fame{ background:url(../images/fame-back.jpg) center no-repeat; height:556px}
.fame .title h1{ background:#FFFFFF; color:#161616}
.fame .title h1:before{ border:solid 2px #FFFFFF}
.fame .title p{ position:relative; background:none}
.fame .title p:before{ content:""; background:#767E87; height:2px; width:200px; position:absolute; top:25px; left:-10px}
.fame .fameCont{ width:1020px; margin:20px auto 0}
.fame .fameCont li{ float:left; margin:0 30px; position:relative;}
.fame .fameCont li .famePos{ position:absolute; bottom:0; left:0; width:259px; background:rgba(255,138,52,0.7); font-size:14px; color:#ffffff; line-height:18px; padding:10px 10px; text-align:center}
.fame .fameCont li .famePos b{ display:block; font-size:18px; color:#000000; text-align:center; line-height:26px}
.fame .fameCont li .famePos .fameInfo{ font-size:12px; padding-top:10px; text-align:left; display:none; overflow:hidden;}


/* tour */
#tour{z-index:1;position:relative;position:relative;z-index:1;padding-top:0;min-height:280px;background-image:url(pattern.png);background-repeat:repeat-x;background-position:center bottom;}
#img-slider{ left:-213px; height:280px !important; margin-top:100px}
#img-slider .slide{width:100%;background:#fff;position:absolute;}
#img-slider .slide .img{margin:10px auto;border:none;}
#img-slider .img{box-shadow:0 1px 0 rgba(204,205,206,5);background-color:#FF8A34;width:780px;height:500px;position:relative;}
#img-slider .img img{display:block;width:100%;}
#img-slider .img .label{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;-ms-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;-ms-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;background:#10af8b;padding:2.5% 0;position:absolute;bottom:0;left:0;right:0;font-weight:400;text-align:center;color:#fff;font-size:150%;}
#img-slider .img:first-child{display:block;}
.switcher-wrap{position:relative;}
.switcher-wrap.slider{padding-left:380px;padding-right:380px;}
.switcher-wrap.slider #img-slider .img{-webkit-box-shadow:0 4px 20px rgba(0,0,0,0.4);-moz-box-shadow:0 4px 20px rgba(0,0,0,0.4);-ms-box-shadow:0 4px 20px rgba(0,0,0,0.4);box-shadow:0 4px 20px rgba(0,0,0,0.4);border-color:#fff;}
.switcher-wrap a.next,.switcher-wrap a.prev{-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;border-radius:100%;position:absolute;width:26px;height:47px; top:30px;left:0;background:url(../images/circl-left.png) no-repeat;z-index:1000;-webkit-transition:background-color 300ms linear;-moz-transition:background-color 300ms linear;-o-transition:background-color 300ms linear;-ms-transition:background-color 300ms linear;transition:background-color 300ms linear;}
.switcher-wrap a.prev{right:0;left:auto; background:url(../images/circl-right.png) no-repeat; width:26px; height:47px}
.switcher-wrap ul.switcher{text-align:center;position:absolute;left:0;right:0;bottom:0;}
.switcher-wrap ul.switcher li{display:inline-block;padding:2px;border:1px solid #10af8b;border-radius:100%;margin:0 4px; overflow:hidden; position:relative}
.switcher-wrap li .tourName{ overflow:hidden; background:#D85C00; height:20%; margin-top:8%; padding:1% 0 0 28%; overflow:hidden}
.switcher-wrap li .tourName b{ float:left; font-size:18px; color:#ffffff}
.switcher-wrap li .tourName span{ float:left; font-size:16px; color:#ffffff; line-height:24px; width:80%; text-align:center; padding-left:5%}
.switcher-wrap li .tourInfo{ font-size:14px; color:#53585e; line-height:20px; padding:16px 20px 0 164px}
.switcher-wrap li .tourImg{ width:134px; height:188px; position:absolute; top:27px; left:12px}

.teach{ background:url(../images/teach-back.jpg) center no-repeat; height:510px; overflow:hidden}
.teach .teach-title{ font-size:32px; color:#000000; line-height:35px; text-align:center; font-weight:bold; margin-top:38px}
.teach .teach-title p{ font-size:18px; color:#ffffff; font-weight:normal; padding-left:180px}
.teach .teach-cont{ background:url(../images/teach-1.png) center no-repeat; margin-top:2px; height:399px; overflow:hidden}
.teach .teachBox{ float:left; width:358px; height:269px; border:solid 1px #DE722B; box-sizing:border-box; padding:14px 40px 20px 30px; position:relative; margin:30px 0 0 40px}
.teach .teachBox i{ font-style:normal; font-size:26px; color:#ff9d5a; line-height:27px; width:26px; position:absolute; top:40px; right:-13px; background:#507CBB; padding:16px 0}
.teach .teachBox p{ font-size:18px; color:#fc8a3d; line-height:26px}
.teach .teachBox ul{ padding-top:18px}
.teach .teachBox li{ font-size:15px; color:#ffffff; line-height:24px; overflow:hidden}
.teach .teachBox li span{ float:left}
.teach .teachBox li span:first-child{ width:75px}
.teach .teachBox li span:last-child{ width:210px}
.teach .teachBox:last-child{ margin:109px 0 0 376px; height:233px; border:solid 1px #6C78AE}
.teach .teachBox:last-child i{ background:#ED8D4D; color:#4e73c4; right:auto; left:-13px; top:36px; padding:6px 0}
.teach .teachBox:last-child p{ color:#255bba}
.teach .teachBox:last-child ul{ padding-top:10px}

.faq{ overflow:hidden}
.faq .faq-title{ font-size:32px; color:#040000; line-height:36px; text-align:center; font-weight:bold; padding:22px 0 14px; margin-top:54px; position:relative}
.faq .faq-title:before{ content:""; background:url(../images/title-shadow.png) no-repeat; width:1048px; height:33px; position:absolute; top:0; left:50%; margin-left:-524px; transform:rotate(180deg)}
.faq .faq-title:after{ content:""; background:url(../images/title-shadow.png) no-repeat; width:1048px; height:33px; position:absolute; bottom:0; left:50%; margin-left:-524px;}
.faq .faq-title p{ position:relative; z-index:3}
.faq .faq-title p:last-child{ font-size:18px}
.faq .faq-cont{ background:url(../images/faq-back.png) center no-repeat; height:410px; margin-top:52px; overflow:hidden}
.faq .faq-cont ul{ width:850px; margin:42px auto 0; overflow:hidden}
.faq .faq-cont li{ float:left; width:240px; text-align:center}
.faq .faq-cont li:nth-child(2){ margin:0 65px}
.faq .faq-cont li .faqName{ font-size:18px; color:#596168; line-height:24px}
.faq .faq-cont li .faqName b{ display:block; font-size:22px; color:#fc6757}
.faq .faq-cont li .faqIcon{ padding-top:60px}
.faq .faq-cont li .faqIcon b{ display:block; font-size:18px; color:#fc6757; line-height:24px; padding-top:6px}
.faq .faq-cont li .faqInfo{ text-align:left; padding-left:63px; margin-top:6px}
.faq .faq-cont li .faqInfo span{ display:block; font-size:16px; color:#040000; line-height:26px; background:url(../images/faqInfo-icon.png) left no-repeat; padding-left:20px}

.mentor{ background:url(../images/mentor-back.jpg) center no-repeat; height:682px}
.mentor .mentor-cont{}
.mentor .mentor-left{ float:left; width:566px; text-align:center}
.mentor .mentor-left b{ display:block; font-size:32px; color:#000000; line-height:108px; padding-top:32px; letter-spacing:4px}
.mentor .mentor-right{ float:right; width:600px; padding-top:264px}
.mentor .mentor-right li{ float:left; width:300px}
.mentor .mentor-right li .table{ height:118px}
.mentor .mentor-right li:first-child{ padding-top:36px; text-align:right}
.mentor .mentor-right li:first-child .table{ font-size:14px; color:#f7f1e9; line-height:17px; width:90%}
.mentor .mentor-right li:first-child .table b{ display:block; font-size:26px; line-height:36px}
.mentor .mentor-right li:last-child .table span{ display:block; font-size:16px; color:#ffffff; line-height:36px; background:url(../images/mentor-icon.png) left no-repeat; padding-left:26px}
.mentor .mentor-right li:first-child .table:nth-child(2){ width:70%}
.mentor .mentor-right li:first-child .table:nth-child(3){ width:46%}
.mentor .mentor-right li:last-child .table:nth-child(1){ padding-left:70px}
.mentor .mentor-right li:last-child .table:nth-child(2){ padding-left:16px}

.smart{ background:url(../images/smart-back.jpg) center no-repeat; height:511px;}
.smart .smart-cont{ width:1120px; padding-left:80px; margin:0 auto; overflow:hidden}
.smart .smart-title{ font-size:32px; color:#000000; line-height:36px; padding-left:102px; margin-top:52px}
.smart .smart-img{ padding:36px 0 16px}
.smart .smart-txt{ font-size:18px; color:#000000; line-height:36px; width:718px}

.data{ background:url(../images/data-back.jpg) center no-repeat; height:469px}
.data .data-cont{ height:469px; background:url(../images/data-img.png) left bottom no-repeat; overflow:hidden}
.data .data-title{ font-size:24px; color:#ffffff; line-height:40px; margin-left:516px; padding-top:42px}
.data .data-title b{ font-size:36px}
.data .data-cont ul{ margin:28px 0 0 588px}
.data .data-cont li{ font-size:18px; color:#FFF; line-height:36px; background:url(../images/mentor-icon.png) left no-repeat; padding-left:26px}
.data .data-cont li:first-child{ background:none; padding:0 0 10px 0}

.visua{ background:url(../images/visua-back.jpg) top no-repeat; overflow:hidden}
.visua .visua-title{ width:688px; font-size:26px; color:#040000; line-height:54px; padding-left:512px}
.visua .visua-cont{ width:1130px; margin:16px auto 0; padding-bottom:70px; overflow:hidden}
.visua .visua-cont ul{ float:left; width:670px}
.visua .visua-cont li{ height:71px; width:670px; padding-bottom:1px; position:relative; margin-top:7px}
.visua .visua-cont li:before{ content:""; background:#000000; width:608px; height:1px; position:absolute; bottom:0; left:22px}
.visua .visua-cont li:after{ content:""; width:29px; height:29px; border:solid 1px #424242; border-radius:30px; position:absolute; right:0; bottom:-13px}
.visua .visua-cont li .visuaList{ float:left; width:90px}
.visua .visua-cont li .table{ float:left; width:550px; height:71px}
.visua .visua-cont li .table b{ display:block; font-size:18px; color:#000000; line-height:26px}
.visua .visua-cont li .table p{ font-size:16px; color:#333333}
.visua .visua-img{ float:right; width:429px; padding-top:5px}

.footer{ background:#596168; height:192px}
.footer .footer-cont{ width:1160px; margin:0 auto; height:192px}
.footer .footer-1{ float:left; width:500px; padding-top:26px}
.footer .footer-1 p{ font-size:12px; color:#ffffff; line-height:22px; padding-left:34px; margin-bottom:7px}
.footer .footer-1 p:nth-child(2n-1){ background:url(../images/footer-icon-1.png) top left no-repeat}
.footer .footer-1 p:nth-child(2n+2){ background:url(../images/footer-icon-2.png) top left no-repeat}
.footer .footer-2{ float:left; background:#1E1E1E; width:378px; height:176px; margin-top:-24px}
.footer .footer-2 .form-title{ text-align:center; font-size:18px; color:#ffffff; line-height:46px; padding-top:6px}
.footer .footer-2 .form-title span{ display:inline-block; position:relative}
.footer .footer-2 .form-title span:before{ content:""; background:#B8B8B8; width:46px; height:1px; position:absolute; left:-56px; top:23px}
.footer .footer-2 .form-title span:after{ content:""; background:#B8B8B8; width:46px; height:1px; position:absolute; right:-56px; top:23px}
.footer .footer-2 .ipt{ width:206px; margin:0 auto 8px auto; height:28px}
.footer .footer-2 .ipt label{ float:left; width:50px; font-size:16px; color:#e0e0e0; line-height:28px}
.footer .footer-2 .ipt input{ display:block; background:none; width:156px; height:26px; padding:0; margin:0; border:0; border:solid 1px #B8B8B8; box-sizing:border-box; outline:none; font-size:14px; color:#FFF; padding-left:6px}
.footer .footer-2 .submit{ width:100%; height:30px; margin:0; padding-top:4px}
.footer .footer-2 .submit input{ display:block; background:#F99C5D; width:100%; padding:0; height:30px; border:0; font-size:20px; color:#ffffff; font-family:微软雅黑; cursor:pointer}
.footer .footer-3{ float:right; text-align:center; padding-top:10px}
.footer .footer-3 span{ display:block; font-size:14px; color:#040000; line-height:21px; padding-top:7px}