@charset "utf-8";
/* CSS Document */
.btnBox a i,.consult .btn i{background: url("../images/public.png") no-repeat;}
.courseClass li .pillar h3 i,.schoolPlatform ul li span,.schoolPlatform ul li span i,.schoolBrand li .line i,.schoolCoustom li .user i,.schoolLive .titleName .ico i,.schoolOnline li .ico i{background: url("../images/style.png") no-repeat;}

.banner{overflow: hidden;}
.banner .img{width: 1920px; position: relative;left: 50%; margin-left: -960px;}
.banner .btnBox{margin: 424px 42px 0;}
.banner .btnBox a,.courseClassBox .btnBox a{display: inline-block;width: 194px;height: 48px;border: 1px solid #dbbd7d;transition: all .3s;font-size: 20px;font-weight: bold;color:#dbbd7d;text-align: center;line-height: 48px;border-radius: 50px;margin-right: 20px;}
.banner .btnBox a i,.courseClassBox .btnBox a i{display: inline-block;width: 13px;height: 7px;background-position: -50px -19px;vertical-align: 2px;margin-left: 10px;}
.banner .btnBox a:hover,.courseClassBox .btnBox a:hover{background: #dbbd7d;color:#fff;}
.banner .btnBox a:hover i,.courseClassBox .btnBox a:hover i{background-position: -50px -43px;}
.bannerCourse{background: url("../images/bg_bannerCourse.jpg") no-repeat center top; height: 580px;}
.bannerSchool{background: url("../images/bg_bannerSchool.jpg") no-repeat center top; height: 580px;}


.courseClass{overflow: hidden;}
.courseClass ul{margin: 70px 0 0 -16px;}
.courseClass li{border: 4px solid #ffffff; width: 200px; height: 100px; padding: 22px 12px 10px 62px; position: relative; margin-left: 80px; float: left;}
.courseClass li h2{height: 54px; line-height: 54px; font-size: 32px; font-weight: bold; color: #111111;}
.courseClass li p{line-height: 24px; font-size: 16px;color: #666666; text-transform: uppercase;}

.courseClass li.cur{border-color: #111111;}
.courseClass li.cur h2{ font-size: 38px;color: #dbbd7d;}
.courseClass li.cur .pillar h3{ background: #dbdbdb;} 

.classList{margin-top: 50px; height: 182px;}
.classList li{padding: 0 11px; overflow: hidden; float: left;}
.classList li p{height: 28px; line-height: 28px; font-size: 16px; color: #666666;}
.classList li u{display: block;width: 5px; height: 5px; background: #e5e5e5;border-radius: 50%;margin: 10px auto 0;}
.classList li b{display: block; width: 1px; height: 50px; background: #e5e5e5; margin: 0 auto;}
.classList li .number{width: 22px; height: 22px; padding: 2px; background: #2a3c62;transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); margin: 5px auto 20px;}
.classList li .number h2{width: 18px; height: 18px;border: 2px solid #37486b; position: relative;}
.classList li .number h2 span{width: 18px; height: 18px; font-size: 12px; line-height: 18px; text-align: center; color: #fff; position: absolute; left: 0; top: 0;transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);}
.classList li em{height: 1px; width: 6px; background: #666666; margin: 14px auto; display: block;}

.courseClassBox .btnBox{text-align: center; margin-bottom: 74px;}
.courseClassBox .btnBox a{width: 255px;margin: 0 15px;background: #2a3c62; color: #fff; border-color: #2a3c62;}
.courseClassBox .btnBox a i{background-position:-50px -43px ;}
.courseClassBox .btnBox a:hover{border-color: #dbbd7d;}


.courseSystemBox{background: url("../images/bg_courseSystem.jpg") no-repeat center 72px #f6f6f6;height: 681px; overflow: hidden;}
.courseSystem{margin-top: 90px;}
.courseSystem .title h2{color: #dbbd7d; font-size: 46px; padding-top: 95px;}
.courseSystem .title p{ font-size: 20px; margin-top: 6px;}
.courseSystem ul{ position: relative;}
.courseSystem ul li{position: absolute; width: 236px; height: 46px; line-height: 46px; text-align: center; font-size: 22px; color: #2a3c62; border: 1px dashed #2a3c62; cursor: pointer;}
.courseSystem ul li .number{padding: 5px; border: 1px solid #2a3c62;background: #ffffff; width: 36px; height: 36px;border-radius: 50%; position: absolute; top: -1px;right: -23px;}
.courseSystem ul li .number span{ width: 36px; height: 36px; line-height: 36px;font-size: 28px; color: #ffffff; background: #2a3c62; display: block;border-radius: 50%;}
.courseSystem ul li b{height: 1px; background: #2a3c62; position: absolute;}
.courseSystem ul li.liA{left: 0; top: 0;}
.courseSystem ul li.liA b{width: 161px;left: 248px;top: 62px;transform: rotate(28deg);-ms-transform:rotate(28deg);-moz-transform:rotate(28deg);-webkit-transform: rotate(28deg);-o-transform:rotate(28deg);}

.courseSystem ul li.liB{left: 0; top: 77px;}
.courseSystem ul li.liB b{width: 168px;left: 255px;top: 49px;transform: rotate(16deg);-ms-transform:rotate(16deg);-moz-transform:rotate(16deg);-webkit-transform: rotate(16deg);-o-transform:rotate(16deg);}

.courseSystem ul li.liC{left: 0; top: 154px;}
.courseSystem ul li.liC b{width: 169px;left: 258px;top: 30px;transform: rotate(5deg);-ms-transform:rotate(5deg);-moz-transform:rotate(5deg);-webkit-transform: rotate(5deg);-o-transform:rotate(5deg);}

.courseSystem ul li.liD{left: 0; top: 231px;}
.courseSystem ul li.liD b{width: 171px;left: 258px;top: 13px;transform: rotate(-6deg);-ms-transform:rotate(-6deg);-moz-transform:rotate(-6deg);-webkit-transform: rotate(-6deg);-o-transform:rotate(-6deg);}

.courseSystem ul li.liE{left: 0; top: 308px;}
.courseSystem ul li.liE b{width: 162px;left: 256px;top: 3px;transform: rotate(-13deg);-ms-transform:rotate(-13deg);-moz-transform:rotate(-13deg);-webkit-transform: rotate(-13deg);-o-transform:rotate(-13deg);}

.courseSystem ul li.liF{left: 0; top: 385px;}
.courseSystem ul li.liF b{width: 184px;left: 252px;top: -15px;transform: rotate(-23deg);-ms-transform:rotate(-23deg);-moz-transform:rotate(-23deg);-webkit-transform: rotate(-23deg);-o-transform:rotate(-23deg);}

.courseSystem ul li.liG{right: 0; top: 0;}
.courseSystem ul li.liG b{width: 160px;right: 248px;top: 62px;transform: rotate(-29deg);-ms-transform:rotate(-29deg);-moz-transform:rotate(-29deg);-webkit-transform: rotate(-29deg);-o-transform:rotate(-29deg);}

.courseSystem ul li.liH{right: 0; top: 96px;}
.courseSystem ul li.liH b{width: 170px;right: 256px;top: 47px;transform: rotate(-16deg);-ms-transform:rotate(-16deg);-moz-transform:rotate(-16deg);-webkit-transform: rotate(-16deg);-o-transform:rotate(-16deg);}

.courseSystem ul li.liI{right: 0; top: 192px;}
.courseSystem ul li.liI b{width: 170px;right: 258px;top: 21px;transform: rotate(1deg);-ms-transform:rotate(1deg);-moz-transform:rotate(1deg);-webkit-transform: rotate(1deg);-o-transform:rotate(1deg);}

.courseSystem ul li.liJ{right: 0; top: 288px;}
.courseSystem ul li.liJ b{width: 165px;right: 256px;top: 6px;transform: rotate(12deg);-ms-transform:rotate(12deg);-moz-transform:rotate(12deg);-webkit-transform: rotate(12deg);-o-transform:rotate(12deg);}

.courseSystem ul li.liK{right: 0; top: 384px;}
.courseSystem ul li.liK b{width: 177px;right: 250px;top: -15px;transform: rotate(24deg);-ms-transform:rotate(24deg);-moz-transform:rotate(24deg);-webkit-transform: rotate(24deg);-o-transform:rotate(24deg);}


.courseSystem ul li.liG .number,.courseSystem ul li.liH .number,.courseSystem ul li.liI .number,.courseSystem ul li.liJ .number,.courseSystem ul li.liK .number{left: -23px; right: none;}
.courseSystem ul li:hover,.courseSystem ul li:hover .number{border-color: #dbbd7d; color: #dbbd7d;}
.courseSystem ul li:hover .number span,.courseSystem ul li:hover b{background:#dbbd7d}

.consult{padding: 6px; border: 1px solid #dbbd7d; width: 130px; height: 130px; background: #fff; border-radius: 50%; margin: 100px 0 0 664px;}
.consult .btn{width: 100px; height: 62px; padding: 34px 15px; line-height: 44px; text-align: center; font-size: 20px; color: #fff; font-weight: bold; background: #dbbd7d; display: block; border-radius: 50%; }
.consult .btn i{width: 13px;height: 7px; display: block; margin: 0 auto; background-position: -50px -43px;}
.consult .btn:hover{background: #2a3c62;}


.schoolPlatform{margin-bottom: 74px;}
.schoolPlatform ul{width: 872px; float: left;}
.schoolPlatform ul li{width: 300px; padding: 38px 0 0 80px; height: 98px; border-bottom: 1px solid #dbdbdb; position: relative; margin-right: 36px; overflow: hidden; float: left; cursor: pointer;}
.schoolPlatform ul li span{width: 60px; height: 68px;background-position: -180px -120px; position: absolute; left: 0; top: 38px;}
.schoolPlatform ul li span i{width: 36px; height: 36px; display: block; margin: 16px 12px;}
.schoolPlatform ul li span i.i1{background-position: 0 -188px;}
.schoolPlatform ul li span i.i2{background-position: -36px -188px;}
.schoolPlatform ul li span i.i3{background-position: -72px -188px;}
.schoolPlatform ul li span i.i4{background-position: -108px -188px;}
.schoolPlatform ul li span i.i5{background-position: -144px -188px;}
.schoolPlatform ul li span i.i6{background-position: 0 -224px;}
.schoolPlatform ul li span i.i7{background-position: -36px -224px;}
.schoolPlatform ul li span i.i8{background-position: -72px -224px;}
.schoolPlatform ul li span i.i9{background-position: -108px -224px;}
.schoolPlatform ul li span i.i10{background-position: -144px -224px;}
.schoolPlatform ul li h2{height: 38px; line-height: 38px;font-size: 18px;font-weight: bold;color: #111111;}
.schoolPlatform ul li p{height: 60px; line-height: 20px;color: #666666; overflow: hidden;}
.schoolPlatform ul li:hover span{background-position: -180px -188px;}
.schoolPlatform .phone{width: 283px; height: 574px; padding: 46px 22px 30px; background: url("../images/bg_Phone.jpg") no-repeat; margin-top: 32px; float: right;}
.schoolPlatform .phone img{width: 283px; height: 574px; border-radius: 0 0 25px 25px;}

.schollReasonBox{background: #f8f8f8;}
.schollReason{padding: 40px 0;}
.schollReason ul{margin-left: -21px; width: 1221px;}
.schollReason li{width: 386px; margin: 0 0 30px 21px; float: left;}
.schollReason li .list{width: 334px; height: 170px; border: 1px solid #dbdbdb; border-radius: 8px; background: #fff; margin-left: 40px; position: relative; transform: skewX(-8deg);-ms-transform:skewX(-8deg);-moz-transform:skewX(-8deg);-webkit-transform: skewX(-8deg);-o-transform:skewX(-8deg);}
.schollReason li .list .reason{width: 334px; height: 170px;transform: skewX(8deg);-ms-transform:skewX(8deg);-moz-transform:skewX(8deg);-webkit-transform: skewX(8deg);-o-transform:skewX(8deg);position: relative; margin-left: -15px;}
.schollReason li .list .number{width: 75px; height: 75px; line-height: 75px; text-align: center;font-size: 36px; color: #fff; font-weight: bold;background: #dbbd7d; border-radius: 50%; position: absolute; left: -26px; top: 47px;}
.schollReason li .list .text{height: 126px;width: 260px; position: absolute; top: 30px; left: 66px;}
.schollReason li .list .text h2{height: 48px; line-height: 48px;font-size: 20px; color: #111111; font-weight: bold;}
.schollReason li .list .text p{height: 78px; line-height: 26px; color: #666666; font-size: 16px;}
.schollReason li.first{margin-left: 231px;}

.schoolBrand{margin: 36px 0 70px;}
.schoolBrand li{width: 156px; padding: 0 22px; text-align: center; position: relative; float: left; }
.schoolBrand li img{width: 56px; height: 56px; display: block; margin: 0 auto;}
.schoolBrand li h2{height: 44px; line-height: 44px; font-size: 20px; font-weight: bold; color: #111111; margin-top: 18px;}
.schoolBrand li u{width: 19px; height: 2px; background: #dbdbdb; display: block; margin: 0 auto;}
.schoolBrand li p{line-height: 20px; color: #666; font-size: 12px; text-transform: uppercase; margin: 10px auto 0;}
.schoolBrand li .line{border-left: 1px dashed #aaaaaa; height: 140px; position: absolute; left: 0; top: 50%; margin-top: -70px;}
.schoolBrand li .line i{display: block; width: 20px; height: 10px; background-position: -100px -120px; position: absolute; left: 0; top: 65px;}

.schoolCoustomBox{background: url("../images/bg_schoolCustom.jpg") no-repeat center top;height: 472px; overflow: hidden;}
.schoolCoustomBox .title h2{color: #fff;}
.schoolCoustom{margin-top: 40px; overflow: hidden;}
.schoolCoustom ul{width: 1240px; margin-left: -40px;}
.schoolCoustom li{width: 580px; height: 200px; margin-left: 40px; float: left;}
.schoolCoustom li .user{width: 70px; height: 70px; background: #e1e1e1;border-radius: 50%; overflow: hidden; margin-top: 130px;}
.schoolCoustom li .user i{width: 60px; height: 60px; display: block; margin: 10px auto 0;}
.schoolCoustom li .text{width: 340px; height: 162px; padding: 32px 74px 6px;}
.schoolCoustom li .text h2{height: 60px; line-height: 60px; font-size: 24px; font-weight: bold; color: #fff;}
.schoolCoustom li .text p{height: 102px; line-height: 34px; font-size: 16px; color: #b5bac5;}
.schoolCoustom li.liL .user{float: left;}
.schoolCoustom li.liL .user i{background-position: 0 -260px;}
.schoolCoustom li.liL .text{background: #46536f; border-radius: 100px 100px 100px 0; float: right;}
.schoolCoustom li.liR .user{float: right;}
.schoolCoustom li.liR .user i{background-position: -60px -260px;}
.schoolCoustom li.liR .text{background: #2a3c62; border-radius: 100px 100px 0 100px; float: left;}

.schoolTape{margin: 40px 0 72px; height: 238px; position: relative;}
.schoolTape .bg{width: 146px; height: 234px; border: 2px solid #dbdbdb; position: absolute; left: 0; top: 0; z-index: 1; transition: all .3s;}
.schoolTape ul{position: relative;z-index: 2;}
.schoolTape ul li{width: 136px; height: 218px; text-align: center; padding: 10px 7px; overflow: hidden; float: left; cursor: pointer;}
.schoolTape ul li h2{height: 66px;line-height: 66px; font-size: 18px; font-weight: bold; color: #111; margin-top: 14px;}
.schoolTape ul li p{line-height: 16px; color: #999999; font-size: 12px; height: 48px; text-transform: uppercase; overflow: hidden;}
.schoolTape ul li .number{height: 64px;line-height: 64px; font-size: 20px; color: #dbdbdb; font-family:Arial;}
.schoolTape ul li .number span{font-weight: bold;font-size: 54px;}

.schoolLiveBox{background: url("../images/bg_schoolLive.jpg") no-repeat center top; padding: 140px 0 0; overflow: hidden;}
.schoolLive{overflow: hidden;}
.schoolLive .titleName{width: 164px; height: 236px; padding: 58px 17px 0; background: #2a3c62; position: relative; float: left;}
.schoolLive .titleName .ico{width: 73px; height: 73px; background: #556381; display: block; border-radius: 50%; overflow: hidden;}
.schoolLive .titleName .ico i{width: 39px; height: 35px; display: block; margin: 19px auto 0; background-position: -120px -260px;}
.schoolLive .titleName .title{padding-top: 10px; text-align: left;}
.schoolLive .titleName .title h2{color: #fff;}
.schoolLive .titleName .arrR{border-color:transparent transparent transparent #2a3c62; border-style:dashed dashed dashed solid; border-width:12px; position: absolute; top: 40px; right: -24px;}
.schoolLive ul{margin-top: 122px; width: 992px; float: right;}
.schoolLive ul li{width: 212px; height: 42px; padding: 10px; line-height: 42px; text-align: center; font-size: 18px; font-weight: bold; color: #111111; background: #eeeeee; border-radius: 4px; margin: 24px 0 0 16px; float: left;}
.schoolLive ul li:hover{background: #dbbd7d;color: #fff; cursor: pointer;}

.schoolOnline{margin: 40px 0 40px;}
.schoolOnline li{width: 170px; padding: 0 15px; text-align: center; float: left;}
.schoolOnline li .ico{display: block;width: 120px; height: 135px; display: block; margin: 0 auto;background: url("../images/bg_shcoolOnline.png") no-repeat center top; overflow: hidden;}
.schoolOnline li .ico i{width: 60px; height: 60px; display: block; margin: 37px auto;}
.schoolOnline li .ico i.i1{background-position: 0 -320px;}
.schoolOnline li .ico i.i2{background-position: -60px -320px;}
.schoolOnline li .ico i.i3{background-position: -120px -320px;}
.schoolOnline li .ico i.i4{background-position: -180px -320px;}
.schoolOnline li .ico i.i5{background-position: 0 -380px;}
.schoolOnline li .ico i.i6{background-position: -60px -380px;}
.schoolOnline li h2{height: 40px; line-height: 40px; font-size: 24px; font-weight: bold; color: #111111; margin-top: 10px;}
.schoolOnline li p{min-height: 150px; line-height: 30px;font-size: 16px; color: #666666;}
.schoolOnline li .ico:hover{background: url("../images/bg_shcoolOnlineHover.png") no-repeat center top;}
.schoolOnline li .ico:hover i.i1{background-position: -120px -380px;}
.schoolOnline li .ico:hover i.i2{background-position: -180px -380px;}
.schoolOnline li .ico:hover i.i3{background-position: 0 -440px;}
.schoolOnline li .ico:hover i.i4{background-position: -60px -440px;}
.schoolOnline li .ico:hover i.i5{background-position: -120px -440px;}
.schoolOnline li .ico:hover i.i6{background-position: -180px -440px;}