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

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

.banner{ background:url(../images/banner.jpg) center no-repeat; height:910px; overflow:hidden}
.banner .bannerBox{ margin-top:168px; background:rgba(64,66,74,0.25); text-align:center; overflow:hidden; padding:50px 0}
.banner .bannerBox p:nth-child(1){ font-size:89px; color:#FFF; line-height:76px; letter-spacing:23px}
.banner .bannerBox p:nth-child(2){ font-size:43px; color:#FFF; line-height:46px; letter-spacing:23px; padding:26px 0; text-shadow:rgba(0,0,0,0.75) 1px 1px 1px}
.banner .bannerBox p:nth-child(3){ font-size:20px; color:#FFF; line-height:24px; letter-spacing:9px}

.about{ background:#E9E9E9; padding:30px 0}
.about .aboutCont{ width:1100px; margin:0 auto; padding-bottom:12px;}
.about .aboutLeft{ float:left; width:566px}
.about .aboutLeft b{ display:block; font-size:40px; color:#000; line-height:46px; padding-bottom:14px; position:relative}
.about .aboutLeft b:before{ content:""; background:#000; width:600px; height:3px; position:absolute; bottom:0; left:-440px}
.about .aboutLeft p{ font-size:16px; color:#666666; line-height:26px; letter-spacing:2px; padding-top:28px}
.about .aboutImg{ float:left; width:450px; height:255px; margin-left:84px; background:#FFF; margin-top:46px}
.about .aboutImg img{ position:relative; top:12px; right:12px}

.scheme{ background:url(../images/scheme-back.jpg) center no-repeat; height:582px; overflow:hidden}
.scheme .schemeTitle{ font-size:32px; color:#000; line-height:36px; text-align:center; font-weight:bold; letter-spacing:2px; margin-top:40px}
.scheme .schemeTitle span{ color:#de2910; text-shadow:rgba(0,0,0,0.75) 1px 1px 1px}
.scheme .schemeBox{ width:1100px; margin:46px auto 0; background:rgba(255,255,255,0.8); padding:62px 0}
.scheme .schemeBox ul{ overflow:hidden}
.scheme .schemeBox li{ float:left; width:366px; text-align:center}
.scheme .schemeBox li .schemeName{ font-size:26px; color:#000; line-height:46px; padding-top:16px}
.scheme .schemeBox li .schemeInfo{ font-size:16px; color:#2e2e2e; line-height:19px; text-align:left; padding-left:106px}
.scheme .schemeBox li .schemeInfo p{ padding:5px 0; position:relative; width:200px; letter-spacing:3px}
.scheme .schemeBox li .schemeInfo p:before{ content:""; background:#000; width:4px; height:4px; border-radius:4px; position:absolute; left:-18px; top:12px}

.title{ text-align:center;}
.title .titleBox{ display:inline-block; padding:9px 62px 0; position:relative}
.title .titleBox:before{ content:""; width:100%; height:69px; border:solid 1px #3D3D3D; position:absolute; top:0; left:0}
.title h3{ font-size:32px; color:#000000; line-height:36px}
.title p{ font-size:20px; color:#424242; letter-spacing:6px; line-height:22px; background:#E9E9E9; position:relative; padding:16px 16px 0}

.course{ background:#E9E9E9; overflow:hidden}
.course .title{ margin-top:106px}
.course .courseCont{ overflow:hidden}
.course .courseCont .left{ float:left; width:600px; height:710px; text-align:center;}
.course .courseCont .left span{ display:block; background:url(../images/course-click.jpg) no-repeat; width:438px; height:120px; margin:0 auto; font-size:28px; color:#010101; line-height:120px; letter-spacing:6px; margin-top:12px;}
.course .courseCont .left span.courseNuw{ background:url(../images/course-click-hover.jpg) no-repeat; color:#FFF}
.course .courseCont .right{ float:left; width:600px; height:710px}
.course .right .courseBox{ display:none}
.course .right .courseBox:nth-child(1) .courseName{ font-size:26px; color:#303030; line-height:30px; padding-bottom:16px}
.course .right .courseBox:nth-child(1) .courseInfo{ font-size:18px; color:#515151; line-height:32px; padding-left:22px}
.course .right .courseBox:nth-child(1) .courseInfo p{ position:relative}
.course .right .courseBox:nth-child(1) .courseInfo p:before{ content:""; background:#515151; width:6px; height:6px; border-radius:6px; position:absolute; left:-20px; top:13px}
.course .right .courseBox:nth-child(2) .courseName{ font-size:26px; color:#303030; line-height:30px; padding-bottom:16px}
.course .right .courseBox:nth-child(2) .courseInfo{ font-size:18px; color:#515151; line-height:32px; padding-left:22px}
.course .right .courseBox:nth-child(2) .courseInfo p{ position:relative}
.course .right .courseBox:nth-child(2) .courseInfo p:before{ content:""; background:#515151; width:6px; height:6px; border-radius:6px; position:absolute; left:-20px; top:13px}
.course .right .courseBox:nth-child(3){ padding-left:26px}
.course .right .courseBox:nth-child(3) li{ position:relative}
.course .right .courseBox:nth-child(3) li:before{ content:""; background:#515151; width:6px; height:6px; border-radius:6px; position:absolute; left:-20px; top:17px}
.course .right .courseBox:nth-child(3) .courseName{ font-size:26px; color:#303030; line-height:40px}
.course .right .courseBox:nth-child(3) .courseImg{}
.course .right .courseBox:nth-child(3) li p{ font-size:14px; color:#515151; line-height:36px}
.course .right .courseBox:nth-child(4) .courseName{ font-size:26px; color:#303030; line-height:30px; padding-bottom:16px}
.course .right .courseBox:nth-child(4) .courseInfo{ font-size:18px; color:#515151; line-height:32px; padding-left:22px}
.course .right .courseBox:nth-child(4) .courseInfo p{ position:relative}
.course .right .courseBox:nth-child(4) .courseInfo p:before{ content:""; background:#515151; width:6px; height:6px; border-radius:6px; position:absolute; left:-20px; top:13px}

.train{ background:#F7F7F7; overflow:hidden}
.train .title{ margin-top:54px}
.train .title p{ background:#F7F7F7}
.train .titleIntro{ width:980px; margin:0 auto; font-size:14px; color:#757575; line-height:26px; padding-top:24px}
.train .trainCont{ width:1124px; margin:0 auto; padding-top:46px}
.train .trainCont ul{ overflow:hidden; padding:86px 0 60px; position:relative}
.train .trainCont ul:before{ content:""; background:#000; width:1px; height:100%; position:absolute; top:0; left:353px}
.train .trainCont ul:after{ content:""; background:#000; width:1px; height:100%; position:absolute; top:0; right:353px}
.train .trainCont li{ float:left; width:562px; overflow:hidden}
.train .trainCont li .trainImg{ float:left; width:312px; margin:7px 21px 0}
.train .trainCont li .trainInfo{ float:left; width:184px; padding:46px 12px 0 12px; position:relative}
.train .trainCont li .trainInfo:before{ content:""; background:#000; width:7px; height:7px; border-radius:7px; position:absolute; top:74px; left:-4px; transition:all 0.3s linear}
.train .trainCont li .trainInfo span{ display:block; font-size:20px; color:#000; line-height:32px; position:relative}
.train .trainCont li .trainInfo span:before{ content:""; background:#000; width:140px; height:1px; position:absolute; bottom:0; left:0}
.train .trainCont li .trainInfo p{ font-size:14px; color:#757575; line-height:18px}
.train .trainCont li:nth-child(2n+2) .trainInfo{ text-align:right}
.train .trainCont li:nth-child(2n+2) .trainInfo:before{ left:auto; right:-4px}
.train .trainCont li:nth-child(2n+2) .trainInfo span:before{ left:auto; right:0}
.train .trainCont li:last-child{ position:absolute; width:522px; height:44px; top:0; left:300px; z-index:9}
.train .trainCont li:last-child span{ float:left; background:#DE2910; width:106px; height:44px; border-radius:44px; text-align:center; line-height:44px; font-size:28px; color:#fff; font-weight:bold}
.train .trainCont li:last-child span:nth-child(2){ background:none; margin-left:100px}
.train .trainCont li:last-child span:nth-child(3){ float:right}
.train .trainCont li:hover .trainInfo:before{ background:#DE2910; z-index:9}

.resource .title{ margin-top:101px}
.resource .title p{ background:#ffffff}
.resource .resourceTitle{ text-align:center; margin-top:21px}
.resource .resourceTitle b{ display:block; font-size:32px; color:#5D5D5D; line-height:26px; padding-bottom:10px; font-family:Arial, Helvetica, sans-serif; position:relative}
.resource .resourceTitle b:before{ content:""; background:#DD2910; width:50px; height:2px; position:absolute; bottom:0; left:50%; margin-left:-25px}
.resource .resourceTitle span{ display:block; font-size:28px; color:#767171; line-height:32px; padding:8px 0 14px}
.resource .resourceTitle p{ font-size:14px; color:#757575; line-height:26px}
.resource .tour{ overflow:hidden}
.resource .tourImg ul{ overflow:hidden; padding:10px 0 86px}
.resource .tourImg li{ float:left; width:268px; margin-left:42px; position:relative}
.resource .tourImg li:first-child{ margin-left:0}
.resource .tourImg li p{ position:absolute; left:0; top:116px; width:100%; text-align:center; font-size:19px; color:#fff; line-height:36px}
.resource .tourImg li p b{ display:block; font-size:30px; letter-spacing:6px}
.resource .tourClick{ overflow:hidden}
.resource .tourClick span{ float:left; background:#E8EDF1; width:294px; height:80px; text-align:center; line-height:80px; margin-left:8px; font-size:28px; color:#757575; letter-spacing:12px; position:relative}
.resource .tourClick span:first-child{ margin-left:0}
.resource .tourClick span:before{ content:""; background:#757575; width:30px; height:2px; position:absolute; bottom:18px; left:50%; margin-left:-21px}
.resource .tourClick span.tourClickNuw{ background:#DD2910; color:#FFF}
.resource .tourClick span.tourClickNuw:before{ background:#FFF}
.resource .tourCont ul{ overflow:hidden; padding:6px 0 42px; display:none}
.resource .tourCont li{ float:left; position:relative}
.resource .tourCont li p{ position:relative}
.resource .tourCont li:nth-child(2){ overflow:hidden; width:758px}
.resource .tourCont li:nth-child(2) p{ float:left}
.resource .tourCont li span{ position:absolute; left:0; bottom:0; background:rgba(221,41,16,0.4); width:100%; line-height:42px; font-size:14px; color:#ffffff; text-align:center}
.resource .abroad{ background:#F7F7F7; overflow:hidden}
.resource .abroad .resourceTitle{ margin-top:56px}
.resource .abroadBox{ width:1083px; margin:30px auto 0; position:relative}
.resource .abroadBox:before{ content:""; background:#000; width:361px; height:280px; opacity:0.6;; position:absolute; left:0; top:0}
.resource .abroadBox:after{ content:""; background:#000; width:361px; height:280px; opacity:0.6;; position:absolute; right:0; top:0}
.resource .abroadBox .btn{ position:absolute; top:0; background:#333; width:58px; height:280px; text-align:center; line-height:280px; cursor:pointer}
.resource .abroadBox .btn.l{ left:-58px}
.resource .abroadBox .btn.r{ right:-58px}
.resource .abroadBox .abroadCont{ width:361px; margin:0 auto}
.resource .abroadBox li{ float:left; width:361px; height:280px}
.resource .abroadBom{ width:1040px; margin:0 auto; padding:29px 0 26px}
.resource .abroadBom ul{ overflow:hidden; display:none}
.resource .abroadBom li{ float:left; width:520px}
.resource .abroadBom li:first-child{ width:1040px}
.resource .abroadBom li .abroadName{ font-size:18px; color:#7c7c7c; line-height:49px}
.resource .abroadBom li .abroadName span{ display:inline-block; background:#DE2910; font-size:28px; color:#fff; padding:0 8px; margin-right:16px}
.resource .abroadBom li p{ font-size:14px; color:#757575; line-height:24px; padding:13px 0 23px; letter-spacing:2px}

.plan{ overflow:hidden}
.plan .title{ margin-top:92px}
.plan .title p{ background:#FFF}
.plan .planCont{ background:url(../images/plan-back.jpg) center no-repeat; height:747px; margin:20px 0 28px}
.plan .planPos{ width:842px; height:590px; margin:83px 0 0 243px; position:relative}
.plan .planPos li{ width:210px; text-align:center; border:dashed 1px #FFF}
.plan .planPos li b{ display:block; font-size:20px; color:#fff; line-height:24px; padding-top:12px}
.plan .planPos li p{ font-size:14px; color:#dcdcdc; line-height:21px; padding-top:6px}
.plan .planPos li:nth-child(1){ position:absolute; top:258px; left:11px; height:144px}
.plan .planPos li:nth-child(2){ position:absolute; top:418px; left:11px; height:140px}
.plan .planPos li:nth-child(3){ position:absolute; top:149px; left:309px; height:215px}
.plan .planPos li:nth-child(4){ position:absolute; top:381px; left:309px; height:156px}
.plan .planPos li:nth-child(5){ position:absolute; top:14px; left:618px; height:277px}
.plan .planPos li:nth-child(6){ position:absolute; top:316px; left:618px; height:139px}

.teach{ background:url(../images/teach-back.jpg) center no-repeat; height:1063px; overflow:hidden}
.teach .title{ margin-top:96px}
.teach .title .titleBox:before{ border:solid 1px #E8E8E8; border-bottom:0}
.teach .title h3{ color:#FFF}
.teach .title p{ background:none; color:#d1d1d1; position:relative}
.teach .title p:before{ content:""; background:#E8E8E8; width:50px; height:1px; position:absolute; left:-61px; top:24px}
.teach .title p:after{ content:""; background:#E8E8E8; width:50px; height:1px; position:absolute; right:-63px; top:24px}
.teach .titleIntro{ width:846px; margin:0 auto; font-size:14px; color:#aaa; line-height:26px; letter-spacing:1px; text-align:center; padding-top:30px}
.teach .teachBox{ width:707px; margin:72px 0 0 324px; position:relative}
.teach .teachBox .btn{ position:absolute; top:132px; cursor:pointer}
.teach .teachBox .btn.l{ left:-322px}
.teach .teachBox .btn.r{ right:-167px}
.teach .teachBox ul{ overflow:hidden}
.teach .teachBox li{ overflow:hidden; width:707px; float:left}
.teach .teachBox li .teachImg{ float:left}
.teach .teachBox li .teachInfo{ float:right; background:#E1E1E1; width:333px; min-height:273px; border-radius:30px; margin-top:50px; text-align:center}
.teach .teachBox li .teachInfo b{ display:block; font-size:28px; color:#000; line-height:34px; padding-top:32px}
.teach .teachBox li .teachInfo span{ display:block; font-size:26px; color:#000; line-height:46px}
.teach .teachBox li .teachInfo p{ font-size:14px; color:#757575; line-height:26px; padding:0 24px; letter-spacing:2px}
.teach .teachClick span{ float:left; margin:0 2px; transition:all 0.3s linear; cursor:pointer}
.teach .teachClick span.teachClickNuw{ transform:scale(1.4,1.4); position:relative; z-index:9; box-shadow:rgba(0,0,0,0.8) 0 0 10px}

.serve{ background:url(../images/serve-back.jpg) center no-repeat; height:919px; overflow:hidden}
.serve .title{ margin-top:63px}
.serve .title p{ background:#FFF}
.serve .serveCont{ min-height:600px; margin-top:86px; border:solid 0px #F00; position:relative}
.serve .serveCont li{ width:142px; height:120px; padding-top:22px; position:absolute}
.serve .serveCont li a{ text-decoration:none}
.serve .serveCont .square{ background:url(../images/square-back.png) no-repeat; width:230px; height:230px; position:absolute; top:-44px; left:-44px; transition:all 0.3s linear}
.serve .serveCont li .serveLcon{ background:url(../images/serveLcon.png) no-repeat; width:140px; height:63px; margin:0 auto; transition:all 0s linear; position:relative; z-index:9}
.serve .serveCont li .serveInfo{ font-size:20px; color:#000; line-height:34px; text-align:center; position:relative; z-index:9; transition:all 0 linear}
.serve .serveCont li:nth-child(1){ top:64px; left:44px}
.serve .serveCont li:nth-child(2){ top:44px; left:308px}
.serve .serveCont li:nth-child(3){ top:195px; left:180px}
.serve .serveCont li:nth-child(4){ top:194px; left:430px}
.serve .serveCont li:nth-child(5){ top:332px; left:44px}
.serve .serveCont li:nth-child(6){ top:344px; left:304px}
.serve .serveCont li:nth-child(7){ top:344px; left:540px}
.serve .serveCont li:nth-child(1) .serveLcon{ background-position:0 0}
.serve .serveCont li:nth-child(2) .serveLcon{ background-position:-140px 0}
.serve .serveCont li:nth-child(3) .serveLcon{ background-position:-280px 0}
.serve .serveCont li:nth-child(4) .serveLcon{ background-position:-420px 0}
.serve .serveCont li:nth-child(5) .serveLcon{ background-position:-560px 0}
.serve .serveCont li:nth-child(6) .serveLcon{ background-position:-700px 0}
.serve .serveCont li:nth-child(7) .serveLcon{ background-position:-840px 0}
.serve .serveCont li:hover .square{ background:url(../images/square-back-hover.png) no-repeat;}
.serve .serveCont li:hover:nth-child(1) .serveLcon{ background-position:0 -63px}
.serve .serveCont li:hover:nth-child(2) .serveLcon{ background-position:-140px -63px}
.serve .serveCont li:hover:nth-child(3) .serveLcon{ background-position:-280px -63px}
.serve .serveCont li:hover:nth-child(4) .serveLcon{ background-position:-420px -63px}
.serve .serveCont li:hover:nth-child(5) .serveLcon{ background-position:-560px -63px}
.serve .serveCont li:hover:nth-child(6) .serveLcon{ background-position:-700px -63px}
.serve .serveCont li:hover:nth-child(7) .serveLcon{ background-position:-840px -63px}
.serve .serveCont li:hover .serveInfo{ color:#FFF}
.serve .serveCont p{ width:456px; font-size:14px; color:#757575; line-height:26px; position:absolute; top:40px; right:60px; letter-spacing:1px}

.student{ background:#E9E9E9; overflow:hidden}
.student .title{ margin-top:74px}
.student .studentTitle{ font-size:28px; color:#000; text-align:center; padding:56px 0 46px}
.student .studentBox{ width:1128px; margin:0 auto; position:relative}
.student .studentBox .btn{ position:absolute; top:218px; cursor:pointer}
.student .studentBox .btn.l{ left:-60px}
.student .studentBox .btn.r{ right:-60px}
.student .studentBox ul{ overflow:hidden}
.student .studentBox li{ width:1128px; overflow:hidden; float:left}
.student .studentBox li .studentImg{ float:left; width:340px; margin:0 18px; position:relative}
.student .studentBox li .studentPos{ position:absolute; top:290px; left:0; width:100%; text-align:center}
.student .studentBox li .studentPos b{ display:block; font-size:26px; color:#eaeaea; line-height:30px}
.student .studentBox li .table{ font-size:14px; color:#e2e2e2; line-height:26px; width:100%; height:126px}
.student .studentClick{ text-align:center; padding:46px 0 76px}
.student .studentClick ul{ display:inline-block; overflow:hidden}
.student .studentClick li{ background:#000; width:14px; height:14px; border-radius:14px; float:left; margin:0 8px; cursor:pointer}
.student .studentClick li.studentClickNuw{ background:#F11D1D}

.bottom{ background:url(../images/bottom-back.jpg) center no-repeat; height:469px}
.bottom .bottomLeft{ float:left; width:866px; text-align:center; padding-top:116px; letter-spacing:6px}
.bottom .bottomLeft b{ display:block; font-size:40px; color:#ffffff; line-height:49px}
.bottom .bottomLeft p{ font-size:22px; color:#e5e5e5; font-family:Arial, Helvetica, sans-serif; line-height:28px; padding:36px 0 26px}
.bottom .bottomLeft b:last-child{ font-size:28px; line-height:32px}
.bottom .bottomRight{ float:left; background:#DE2910; width:282px; height:144px; text-align:center; font-size:40px; color:#ffffff; line-height:60px; padding-top:24px; margin-top:156px}