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

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

.a-bounceinL,.a-bounceinR,.a-bounceinT,.a-bounceinB{ -webkit-animation: 1s ease-out backwards; -moz-animation: 1s ease-out backwards; -ms-animation: 1s ease-out backwards; animation: 1s ease-out backwards;}

/* 弹入-从左 */
.a-bounceinL{-webkit-animation-name:bounceinL;-moz-animation-name:bounceinL;-ms-animation-name:bounceinL;animation-name:bounceinL;}
/* 弹入-从右 */
.a-bounceinR{-webkit-animation-name:bounceinR;-moz-animation-name:bounceinR;-ms-animation-name:bounceinR;animation-name:bounceinR;}
/* 弹入-从上 */
.a-bounceinT{-webkit-animation-name:bounceinT;-moz-animation-name:bounceinT;-ms-animation-name:bounceinT;animation-name:bounceinT;}
/* 弹入-从下 */
.a-bounceinB{-webkit-animation-name:bounceinB;-moz-animation-name:bounceinB;-ms-animation-name:bounceinB;animation-name:bounceinB;}

.an05{ -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -ms-animation-delay: 0.5s; animation-delay: 0.5s}
.an1{ -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -ms-animation-delay: 1s; animation-delay: 1s}
.an15{ -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; -ms-animation-delay: 1.5s; animation-delay: 1.5s}
.an2{ -webkit-animation-delay: 2s; -moz-animation-delay: 2s; -ms-animation-delay: 2s; animation-delay: 2s}
.an25{ -webkit-animation-delay: 2.5s; -moz-animation-delay: 2.5s; -ms-animation-delay: 2.5s; animation-delay: 2.5s}
.an3{ -webkit-animation-delay: 3s; -moz-animation-delay: 3s; -ms-animation-delay: 3s; animation-delay: 3s}
.an35{ -webkit-animation-delay: 3.5s; -moz-animation-delay: 3.5s; -ms-animation-delay: 3.5s; animation-delay: 3.5s}

.banner{ background:url(../images/banner-bj.jpg) center no-repeat; height:570px; text-align:center; margin-top:88px; overflow:hidden}
.banner .banner-1{ margin-top:86px}
.banner .banner-2{ margin-top:28px}
.banner .banner-3{ text-align:center; margin-top:60px}
.banner .banner-3 span{ display:inline-block; padding:0 16px 0 26px; font-size:25px; color:#ffffff; line-height:25px; position:relative}
.banner .banner-3 span:before{ content:""; background:#FFF; width:19px; height:19px; position:absolute; top:4px; left:0}
.banner .banner-btn{ margin-top:75px; position:relative}
.banner .banner-btn a{ display:block; width:241px; height:42px; text-align:center; line-height:42px; border:solid 2px #FFF; margin:0 auto; font-size:26px; color:#fff; text-decoration:none}
.banner .banner-btn:before{ content:"V"; font-size:14px; color:#fff; width:18px; height:14px; text-align:center; line-height:14px; position:absolute; bottom:-26px; left:50%; margin-left:-9px; animation: arrow infinite 1.5s; -webkit-animation: arrow infinite 1.5s;}
.banner .banner-btn:after{ content:"V"; font-size:14px; color:#fff; width:18px; height:14px; text-align:center; line-height:14px; position:absolute; bottom:-40px; left:50%; margin-left:-9px; animation: arrow infinite 1s; -webkit-animation: arrow infinite 1s;}

.title{ text-align:center; font-size:56px; color:#66328c; line-height:56px; font-weight:bold; padding-top:32px; letter-spacing:15px; position:relative}
.title:before{ content:""; background:#66328C; width:254px; height:10px; margin-left:-135px; position:absolute; top:0; left:50%}
.title:after{ content:""; width:0; height:0; border-left:solid 15px transparent; border-top:solid 15px #66328C; border-right:solid 15px transparent; margin-left:-23px; position:absolute; top:10px; left:50%}
.title-intro{ text-align:center; font-size:22px; color:#333; line-height:41px; margin-top:42px}

.back{ padding-bottom:51px; background:url(../images/back-bj.jpg) center 82px no-repeat; overflow:hidden}
.back .title{ margin-top:81px}
.back .back-top{ margin-top:52px}
.back .back-img{ float:left; width:600px; overflow:hidden}
.back .back-img img {  transition:all 1s ease 0s;}
.back .back-img img:hover {  transform: scale(1.2);	-ms-transform: scale(1.2);	-webkit-transform: scale(1.2)}
.back .back-info{ float:left; width:542px; font-size:18px; color:#333; line-height:32px; margin-left:28px}
.back .back-info b{ font-size:22px; font-weight:bold}
.back .back-bom{ margin-top:49px; overflow:hidden}
.back .back-bom ul{ float:left}
.back .back-bom li{ float:left; background:#66328C; width:161px; height:161px; margin-right:20px; font-size:28px; color:#fff; line-height:36px; text-align:center}
.back .back-bom li span{ display:block; text-align:center; font-size:22px; padding-top:4px}
.back .back-bom li:nth-child(2n+2){ background:#855BA3}
.back .back-bom dl{ float:right}
.back .back-bom dt,.back .back-bom dd{ background:#333; width:267px; height:63px; padding-top:8px; text-align:center; font-size:24px; color:#fff; line-height:28px}
.back .back-bom dt span,.back .back-bom dd span{ display:block; font-size:18px; color:#fff; line-height:20px; padding-top:6px}
.back .back-bom dt{ margin-bottom:19px; background:#66328C; border-radius:9px; cursor:pointer}

.setup{ background:#EFEAF3; overflow:hidden}
.setup .title{ margin-top:94px}
.setup .title span{ display:block;transition:all 1s ease 0s;}
.setup .title span:hover{transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
.setup .setup-cont{ margin-top:49px}
.setup .setup-cont .setup-box{ margin-bottom:49px}
.setup .setup-cont table{ border-collapse:collapse; width:100%; text-align:center}
.setup .setup-cont table th,.setup .setup-cont table td{ border:solid 2px #66328C}
.setup .setup-cont table th{ height:101px; font-size:40px; color:#333; font-weight:normal}
.setup .setup-cont table th td{ border:none}
.setup .setup-cont table th td span{ display:block; line-height:42px}
.setup .setup-cont table th td p{ width:556px; padding:0 0 0 36px; font-size:18px; color:#333; line-height:32px; text-align:left; position:relative}
.setup .setup-cont table th td p:before{ content:""; width:24px; height:24px; background:url(../images/setup-cur.png) no-repeat; position:absolute; top:0; left:0}
.setup .setup-cont table th td p:after{ content:""; width:24px; height:24px; background:url(../images/setup-cur.png) no-repeat; position:absolute; bottom:0; right:0; transform:rotate(180deg)}
.setup .setup-cont table td .setup-left .table{ width:100%; height:86px; border-bottom:solid 2px #66328C; font-size:26px; color:#666; line-height:32px; cursor:pointer}
.setup .setup-cont table td .setup-left .table:last-child{ border-bottom:none}
.setup .setup-cont table td .setup-left .table.current{ background:#66328C; color:#FFF}
.setup .setup-cont table td li{ width:906px; height:260px; position:relative; display:none}
.setup .setup-cont table td li .sr-box{ background:#66328C; width:329px; padding:17px 17px 19px 52px; text-align:left; position:absolute; top:50%; left:50%; margin:-94px 0 0 -199px; /*transform:translate(-50%,-50%)*/}
.setup .setup-cont table td li .sr-box span{ display:block; font-size:18px; color:#fff; line-height:24px; padding:7px 0 7px 39px; position:relative}
.setup .setup-cont table td li .sr-box span:before{ content:""; width:10px; height:10px; border:solid 1px #FFF; transform:rotate(45deg); position:absolute; top:13px; left:2px}
.setup .setup-cont .setup-box:nth-child(2) table td .setup-right li{ min-height:434px}
.setup .setup-btn{ padding:10px 0 66px}
.setup .setup-btn a{ display:block; width:527px; height:67px; border:solid 2px #66328C; border-radius:9px; margin:0 auto; text-align:center; line-height:67px; font-size:26px; color:#66328c; text-decoration:none}

.teach{ background:url(../images/teach-bj.jpg) center 93px no-repeat; overflow:hidden}
.teach .title{ margin-top:88px}
.teach .teach-top{ font-size:22px; color:#333; line-height:41px; padding-top:70px}
.teach .teach-top p{ width:537px; font-size: inherit;}
.teach .teach-top span{ display:block; background:#66328C; width:240px; height:58px; text-align:center; line-height:58px; margin:0 auto 37px; font-size:30px; color:#fff}
.teach .teach-bom{ margin-top:62px}
.teach .teach-bom ul{ overflow:hidden}
.teach .teach-bom li{ float:left; width:600px; overflow:hidden}
.teach .teach-bom li .teach-img{ float:left; width:300px; height:299px}
.teach .teach-bom li .teach-info{ float:left; width:300px; height:299px; background:#66328C; box-sizing:border-box; padding:36px 12px 0 24px; position:relative}
.teach .teach-bom li .teach-info span{ display:block; font-size:28px; color:#fff; line-height:32px}
.teach .teach-bom li .teach-info p{ font-size:20px; color:#fff; line-height:36px; padding-top:16px}
.teach .teach-bom li.tint .teach-info{ background:#B298C5}
.teach .teach-bom li .teach-info:before{ content:""; width:0; height:0; border-top:solid 20px transparent; border-right:solid 31px #66328C; border-bottom:solid 20px transparent; position:absolute; top:31px; left:-31px}
.teach .teach-bom li.tint .teach-info:before{ border-right:solid 31px #B298C5}
.teach .teach-bom li:nth-child(3) .teach-info:before,.teach .teach-bom li:nth-child(4) .teach-info:before{ left:auto; right:-31px; transform:rotate(180deg)}

.atlas{ overflow:hidden}
.atlas .title{ margin-top:81px}
.atlas .atlas-cont{ height:587px; margin:54px auto 67px; position:relative}
.atlas .atlas-cont ul{ overflow:hidden}
.atlas .atlas-cont li{ float:left; overflow:hidden; position:absolute}
.atlas .atlas-cont li:nth-child(1){ top:0; left:0}
.atlas .atlas-cont li:nth-child(2){ top:0; left:342px}
.atlas .atlas-cont li:nth-child(3){ top:0; left:853px}
.atlas .atlas-cont li:nth-child(4){ top:242px; left:0}
.atlas .atlas-cont li:nth-child(5){ top:339px; left:342px}
.atlas .atlas-cont li:nth-child(6){ top:339px; left:721px}
.atlas .atlas-cont li img{ transition:all 0.6s linear}
.atlas .atlas-cont li:hover img{ transform: scale(1.2); -ms-transform: scale(1.2);	-webkit-transform: scale(1.2)}

.student{ background:#EFEAF3; overflow:hidden}
.student .title{ margin-top:80px}
.student .title-intro{ opacity:0}
.student .student-cont{ padding:46px 0 74px; overflow:hidden}
.student .student-left{ float:left; width:578px}
.student .student-left .student-name{ background:#66328C; line-height:45px; text-align:center; font-size:20px; color:#fff}
.student .student-left ul{ overflow:hidden; display: -webkit-flex; /* Safari */ display: flex; flex-wrap:wrap; justify-content:space-between}
.student .student-left li{ float:left; width:143px; height:93px; text-align:center; line-height:93px; background:#FFF; margin-bottom:11px}
.student .student-right{ float:right; width:601px}
.student .student-right li{ border:solid 2px #66328C; margin-bottom:10.5px; overflow:hidden}
.student .student-right li i{ float:left; background:#66328C; width:124px; height:139px; text-align:center; line-height:139px; font-style:normal; font-size:50px; color:#fff; font-family:Arial, Helvetica, sans-serif}
.student .student-right li .table{ float:left; width:449px; height:139px; margin-left:13px; font-size:16px; color:#333; line-height:27px}
.student .student-right li .table p{ font-size:16px;}
.student .student-right li .table span{ display:block; padding-top:12px; text-align:right}

.subbanner{ background:url(../images/subbanner-bj.jpg) center no-repeat; height:218px; padding-top:66px; text-align:center; font-size:40px; color:#fff; line-height:76px}

.form{ overflow:hidden}
.form .form-title{ font-size:40px; color:#66328c; line-height:41px; font-weight:bold; text-align:center; margin-top:74px}
.form .form-cont{ width:740px; margin:49px auto 0}
.form .form-cont .formCtrl{ padding-bottom:13px}
.form .form-cont .formCtrl label{ float:left; width:126px; text-align:right; font-size:26px; color:#333; line-height:40px}
.form .form-cont .formCtrl input{ float:left; padding:0 0 0 7px; margin:0 0 0 24px; width:540px; height:38px; border:solid 1px #855BA3; font-size:14px; color:#333; outline:none}
.form .form-cont .formSubmit{ padding:28px 0 64px}
.form .form-cont .formSubmit input{ display:block; margin:0 auto; padding:0; border:none; background:#66328C; width:236px; height:50px; font-size:30px; color:#fff; font-family:微软雅黑; cursor:pointer}





































@-webkit-keyframes arrow{
	from{ opacity:1}
	50%{ opacity:0}
	to{ opacity:1}
}

@keyframes arrow{
	from{ opacity:1}
	50%{ opacity:0}
	to{ opacity:1}
}
/* 弹入-从左 */
@-webkit-keyframes bounceinL{
    0%{opacity:0;-webkit-transform:translateX(-100px);}
    60%{opacity:1;-webkit-transform:translateX(30px);}
    80%{-webkit-transform:translateX(-10px);}
    100%{-webkit-transform:translateX(0);}
}
@-moz-keyframes bounceinL{
    0%{opacity:0;-moz-transform:translateX(-100px);}
    60%{opacity:1;-moz-transform:translateX(30px);}
    80%{-moz-transform:translateX(-10px);}
    100%{-moz-transform:translateX(0);}
}
@-ms-keyframes bounceinL{
    0%{opacity:0;-ms-transform:translateX(-100px);}
    60%{opacity:1;-ms-transform:translateX(30px);}
    80%{-ms-transform:translateX(-10px);}
    100%{-ms-transform:translateX(0);}
}
@keyframes bounceinL{
    0%{opacity:0;transform:translateX(-100px);}
    60%{opacity:1;transform:translateX(30px);}
    80%{transform:translateX(-10px);}
    100%{transform:translateX(0);}
}
/* 弹入-从右 */
@-webkit-keyframes bounceinR{
    0%{opacity:0;-webkit-transform:translateX(100px);}
    60%{opacity:1;-webkit-transform:translateX(-30px);}
    80%{-webkit-transform:translateX(10px);}
    100%{-webkit-transform:translateX(0);}
}
@-moz-keyframes bounceinR{
    0%{opacity:0;-moz-transform:translateX(100px);}
    60%{opacity:1;-moz-transform:translateX(-30px);}
    80%{-moz-transform:translateX(10px);}
    100%{-moz-transform:translateX(0);}
}
@-ms-keyframes bounceinR{
    0%{opacity:0;-ms-transform:translateX(100px);}
    60%{opacity:1;-ms-transform:translateX(-30px);}
    80%{-ms-transform:translateX(10px);}
    100%{-ms-transform:translateX(0);}
}
@keyframes bounceinR{
    0%{opacity:0;transform:translateX(100px);}
    60%{opacity:1;transform:translateX(-30px);}
    80%{transform:translateX(10px);}
    100%{transform:translateX(0);}
}
/* 弹入-从上 */
@-webkit-keyframes bounceinT{
    0%{opacity:0;-webkit-transform:translateY(-100px);}
    60%{opacity:1;-webkit-transform:translateY(30px);}
    80%{-webkit-transform:translateY(-10px);}
    100%{-webkit-transform:translateY(0);}
}
@-moz-keyframes bounceinT{
    0%{opacity:0;-moz-transform:translateY(-100px);}
    60%{opacity:1;-moz-transform:translateY(30px);}
    80%{-moz-transform:translateY(-10px);}
    100%{-moz-transform:translateY(0);}
}
@-ms-keyframes bounceinT{
    0%{opacity:0;-ms-transform:translateY(-100px);}
    60%{opacity:1;-ms-transform:translateY(30px);}
    80%{-ms-transform:translateY(-10px);}
    100%{-ms-transform:translateY(0);}
}
@keyframes bounceinT{
    0%{opacity:0;transform:translateY(-100px);}
    60%{opacity:1;transform:translateY(30px);}
    80%{transform:translateY(-10px);}
    100%{transform:translateY(0);}
}
/* 弹入-从下 */
@-webkit-keyframes bounceinB{
    0%{opacity:0;-webkit-transform:translateY(100px);}
    60%{opacity:1;-webkit-transform:translateY(-30px);}
    80%{-webkit-transform:translateY(10px);}
    100%{-webkit-transform:translateY(0);}
}
@-moz-keyframes bounceinB{
    0%{opacity:0;-moz-transform:translateY(100px);}
    60%{opacity:1;-moz-transform:translateY(-30px);}
    80%{-moz-transform:translateY(10px);}
    100%{-moz-transform:translateY(0);}
}
@-ms-keyframes bounceinB{
    0%{opacity:0;-ms-transform:translateY(100px);}
    60%{opacity:1;-ms-transform:translateY(-30px);}
    80%{-ms-transform:translateY(10px);}
    100%{-ms-transform:translateY(0);}
}
@keyframes bounceinB{
    0%{opacity:0;transform:translateY(100px);}
    60%{opacity:1;transform:translateY(-30px);}
    80%{transform:translateY(10px);}
    100%{transform:translateY(0);}
}