#ap{padding: 0;margin: 0 auto;width: 100%;background: #fff;}
#ap .title{padding-top: 40px;padding-bottom: 30px;text-align: center;font-size: 36px;font-weight: bold;font-stretch: normal;letter-spacing: 0px;color: #333333;}
#ap .title span{ line-height: 0; text-align: center; font-size: 18px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #333333; display: block; padding: 18px;}
#ap .conten{width: 100%;max-width: 1080px;margin: 0 auto;}
#ap .btn{transition: .6s;opacity: .9;display: block;margin: 0 auto;margin-top: 30px;width: 160px;height: 42px;line-height: 42px;background-color: #fe7407;border-radius: 20.5px;font-size: 14px;font-weight: normal;font-stretch: normal;letter-spacing: 0px;color: #ffffff;text-align: center;}
#ap .btn:hover{opacity: 1;}

#ap .section1{width: 100%;background: #fff;}
#ap .section1 table{width: 100%;}
#ap .section1 table td{width: 50%;}
#ap .section1 table td{width: 50%;padding-bottom: 38px;}
#ap .section1 table td:last-child .box{float: right;}
#ap .section1 .box{position: relative;width: 510px;height: 201px;background-color: #ffffff;box-shadow: 2.5px 4.3px 5px 0px rgba(0, 0, 0, 0.15);}
#ap .section1 .box .p1{position: absolute;left: 0;top: 0;width: 200px;height: 201px;overflow: hidden;}
#ap .section1 .box .p2{position: absolute;left: 220px;top: 0px;padding-right: 20px;font-size: 18px;font-weight: bold;font-stretch: normal;letter-spacing: 0px;color: #333333;}
#ap .section1 .box .p3{position: absolute;left: 220px;top: 30px;width: 263px;font-size: 14px;font-weight: normal;font-stretch: normal;line-height: 24px;letter-spacing: 0px;color: #666666;}

#ap .section3{background: url("../img/pc-alevel-section7-1.jpg")center center no-repeat;width: 100%;background-size: 100% 100%;padding-bottom: 60px;}
#ap .section3 table{width: 100%;}
#ap .section3 table tr td{width: 50%;}
#ap .section3 table tr td:last-child .box{float: right;}
#ap .section3 table tr td .box{position: relative;width: 520px;height: 420px;background-color: #ffffff;box-shadow: 2.5px 4.3px 5px 0px rgba(3, 0, 0, 0.15);transition: .6s;transform-style: preserve-3d;cursor: text;}
#ap .section3 table tr td .box:hover{transform: translate3d(0, -10px, 0);}
#ap .section3 table tr td .box .p1{width: 524px;height: 260px;position: absolute;left: 0;top: 0;}
#ap .section3 table tr td .box .p2{position: absolute;left: 50%;top: 118px;transform: translate(-50%,0);font-size: 28px;font-weight: normal;font-stretch: normal;line-height: 28px;letter-spacing: 0px;color: #ffffff;text-align: center;}
#ap .section3 table tr td .box .p2 span{font-style: normal;font-size: 16px;}
#ap .section3 table tr td .box .p3{position: absolute;left: 30px;top: 285px;width: 475px;height: 85px;text-align: left;font-size: 14px;font-weight: normal;font-stretch: normal;line-height: 26px;letter-spacing: 0px;color: #666666;}

#ap .section4{background-color: #fff;}
#ap .section4 .nav table{width: 100%;margin-bottom: 15px;}
#ap .section4 .nav table tr td{width: 25%;}
#ap .section4 .nav a{background: url("../img/pc-alevel-section6-1.png")top center no-repeat;display: block;margin: 0 auto;text-align: center;width: 250px;height: 60px;line-height: 43px;font-size: 18px;font-weight: bold;font-stretch: normal;letter-spacing: 0px;color: #ffffff;}
#ap .section4 .nav table tr td.active a{background: url("../img/pc-alevel-section6-2.png") top center no-repeat;}
#ap .section4 .main{width: 100%;padding-bottom: 80px;display: none;}
#ap .section4 .main.active{display: block;}
#ap .section4 .main table{box-shadow: 2.5px 4.3px 5px 0px rgba(3, 0, 0, 0.15);border: solid 1px #f1f1f1;background: #fff;}
#ap .section4 .main table tr td{width: 25%;}
#ap .section4 .main .box{position: relative;width: 270px; height: 220px;}
#ap .section4 .main .box .p1{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: left;width: 230px;font-size: 14px;font-weight: normal;font-stretch: normal;line-height: 24px;letter-spacing: 0px;color: #fff;}
#ap .section4 .main .box .p2{position: absolute;width: 88px;height: 88px;left: 50%;top: 32px;transform: translate(-50%,0);}
#ap .section4 .main .box .p3{position: absolute;left: 50%;top: 140px;transform: translate(-50%,0);width: 184px;text-align: center;font-size: 14px;font-weight: normal;font-stretch: normal;line-height: 24px;letter-spacing: 0px;color: #666666;}

#ap .section6{position: relative;width: 100%;background-size: cover;background:#fff;padding-bottom: 40px;}
#ap .section6 .box{width: 1200px;text-align: center;position: relative;margin: 0 auto;}
#ap .section6 .box .main{width: 100%;}
#ap .section6 .box .main table{width: 100%;}
#ap .section6 .box .main table tr td{text-align: center;padding-bottom: 20.5px;}
#ap .section6 .box .main table tr td .warp{position: relative;width: 270px;height: 380px;background-color: #ffffff;margin: 0 auto;transition: .4s all;}
#ap .section6 .box .main table tr td .warp img{position: absolute;left: 0;top: 0;	width: 270px;box-shadow: 2.5px 4.3px 5px 0 rgba(0, 0, 0, 0.15);}
#ap .section6 .box .main table tr td .warp .item{z-index: 99;width:224.8px;border: solid 1px #dddddd;box-shadow: 2.5px 4.3px 5px 0 rgba(0, 0, 0, 0.15);position: absolute;left: 0;top: 300px;padding-top: 18px;background: #fff;padding-left:22px;padding-right: 22px;}
#ap .section6 .box .main table tr td .warp .item .p1{margin-bottom: 10px;text-align: center;font-size: 20px;font-weight: bold;font-stretch: normal;line-height: 20px;letter-spacing: 0px;color: #333333;}
#ap .section6 .box .main table tr td .warp .item .p2{margin-bottom: 19px;text-align: center;font-size: 14px;font-weight: normal;font-stretch: normal;line-height: 20px;letter-spacing: 0px;color: #666666;}
#ap .section6 .box .main table tr td .warp .item .p3{text-align: left;font-size: 14px;font-weight: normal;font-stretch: normal;line-height: 20px;letter-spacing: 0px;color: #666666;}
#ap .section6 .box .main table tr td .warp .item .p4{transition: .4s all;display: inline-block;border-radius: 20px;margin-top: 19px;margin-bottom: 21px;width: 150px;height: 38px;line-height: 38px;background-color: #fe7407;font-size: 18px;font-weight: normal;font-stretch: normal;letter-spacing: 0px;color: #ffffff;text-align: center;}
#ap .section6 .box .main table tr td .warp .item .p4:hover{background-color: #fe7407;}
#ap .section6 .box .main table tr td .warp .item .list{height: 0;transition: .5s all;overflow: hidden;}
#ap .section6 .box .main table tr td .warp:hover .list.list1{height: 350px;}
#ap .section6 .box .main table tr td .warp:hover .list.list2{height: 228px;}
#ap .section6 .box .main table tr td .warp:hover .list.list3{height: 250px;}
#ap .section6 .box .main table tr td .warp:hover .list.list4{height: 215px;}
#ap .section6 .box .main table tr td .warp:hover .list.list5{height: 230px;}
#ap .section6 .box .main table tr td .warp:hover .list.list6{height: 208px;}
#ap .section6 .box .main table tr td .warp:hover .list.list7{height: 158px;}
#ap .section6 .box .main table tr td .warp:hover .list.list8{height: 366px;}

#ap .section7{position: relative;width: 100%;background-size: cover;background:#f5f5f5;padding-bottom: 40px;}
#ap .section7 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: -20px;}
#ap .section7 .swiper-pagination-bullet{width: 12px;height: 12px;}
#ap .section7 .swiper-pagination-bullet-active{background: #fe7407;}
#ap .section7 .box{width: 1200px;text-align: center;position: relative;margin: 0 auto;}
#ap .section7 .box .main{width: 100%;}
#ap .section7 .box .main .box{width:975px;position: relative;margin: 0 auto;padding-left: 200px;padding-right: 8px;border-radius: 20px;}
#ap .section7 .box .main .box .text-box{position: relative;width: 100%;height: 418px;background: #fff;border-radius: 20px;box-shadow: 2.5px 4.3px 5px 0 rgba(0, 0, 0, 0.15);}
#ap .section7 .box .main .box .text-box .p1{position: absolute;left: 40px;top: 37px;font-size: 24px;font-weight: bold;font-stretch: normal;text-align: left;line-height: 24px;letter-spacing: 0px;color: #333333;}
#ap .section7 .box .main .box .text-box .p2{position: absolute;left: 40px;top: 80px;font-size: 18px;font-weight: normal;letter-spacing: 0px;color: #e7af2e;text-align: left;}
#ap .section7 .box .main .box .text-box .p3{position: absolute;left: 40px;top: 168px;width: 636px;font-size: 14px;font-weight: normal;font-stretch: normal;line-height: 24px;letter-spacing: 0px;color: #666666;text-align: left;}
#ap .section7 .box .main .box .text-box .p4{position: absolute;left: -70px;top: 50px;display: inline-block;width: 0;height: 0;border-width: 35px;border-style: solid; border-color:  transparent #fff transparent  transparent;}
#ap .section7 .box .main .box .text-box .p5{position: absolute;left: -210px;top: 16px;border-radius: 100%;overflow: hidden;display: inline-block;background-size: 100% 100%;width: 140px;height: 140px;overflow: hidden;}
#ap .section7 .box .main .box .text-box .icon1{background: url(../img/pc-section5-1.png)center center no-repeat;}
#ap .section7 .box .main .box .text-box .icon2{background: url(../img/pc-section5-2.png)center center no-repeat;}
#ap .section7 .box .main .box .text-box .icon3{background: url(../img/pc-section5-3.png)center center no-repeat;}
#ap .section7 .box .main .box .text-box .icon4{background: url(../img/pc-section5-4.png)center center no-repeat;}
#ap .section7 .box .main .box .text-box .icon5{background: url(../img/pc-section5-5.png)center center no-repeat;}
#ap .section7 .box .main .box .text-box .icon6{background: url(../img/pc-section5-6.png)center center no-repeat;}
#ap .section7 .box .main .box .text-box .icon7{background: url(../img/pc-section5-7.png)center center no-repeat;}

#ap .section8 .box{transition: .6s;transform-style: preserve-3d;cursor: text;}
#ap .section8 .box:hover{transform: translate3d(0, -10px, 0);}

.scr{overflow-y: scroll;}
.scr::-webkit-scrollbar {width: 5px;}
.scr::-webkit-scrollbar-track {-webkit-border-radius: 10px; border-radius: 10px;}
.scr::-webkit-scrollbar-thumb {  -webkit-border-radius: 10px;border-radius: 10px; background:#fff;  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }
.scr::-webkit-scrollbar-thumb:window-inactive {background:#fff; }
#ap .newcoursebanner{
    width: 1080px;
    position: relative;
    margin: 0 auto;
}
#ap .newcoursebanner img{
    display:block;
    margin: 0 auto;
}
#ap .wrap-scoll-box .inner-scroll-tag{
    width: 901px;
    text-align: center;
    background: #b488fb;
    font-size: 20px;
    padding: 15px 0px;
    margin: 0 auto;
    color: #fff;
}
#ap .wrap-scroll-tag{
    width: 900px;
    margin: 0 auto;
}
#ap .scr{
    width: 1000px;
    padding-left: 6px;
    max-height: 520px;
    overflow-y: scroll;
    margin: 0 auto;
    text-align: center;
    overflow-x: hidden;
}