.newHeader{display: none;}
.cursor{cursor: pointer;}
.box-sizing{box-sizing: border-box;}

.flex{display: flex;}
.flex-column{display: flex;flex-direction: column;}
.flex-justify-center{display: flex;justify-content: center;}
.flex-justify-between{display: flex;justify-content: space-between;}
.flex-justify-around{display: flex;justify-content: space-around;}
.flex-items-center{display: flex;align-items: center;}
.flex-wrap{flex-wrap: wrap;}
.flex-align-self{align-self: flex-end;}

.line-clamp-1{overflow:hidden;text-overflow:ellipsis;display: block;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.line-clamp-2{overflow:hidden;text-overflow:ellipsis;display: block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.line-clamp-3{overflow:hidden;text-overflow:ellipsis;display: block;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.line-clamp-4{overflow:hidden;text-overflow:ellipsis;display: block;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.line-clamp-5{overflow:hidden;text-overflow:ellipsis;display: block;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;}
.line-clamp-6{overflow:hidden;text-overflow:ellipsis;display: block;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;}

.header_banner{background: url(../images/bannerBg.jpg) no-repeat center center;height: 400px;}
.header_banner h3{font-size: 80px;color: #05363d;line-height: 90px;width: 770px;box-sizing: border-box;padding: 60px 0 0 40px;flex-shrink: 0;}
.header_banner h3 p{font-size: 22px;color: #05363d;font-weight: normal;line-height: 50px;}
.header_banner h3 i.orange{color: #f38900;}
.header_banner h3 i.green{color: #19b566;}
.header_banner h3 i.blue{color: #05363d;}
.header_banner h3 span{font-size: 20px;color: #ffffff;margin: 25px 0 0 0;font-weight: normal;display: block;width: 590px;background: linear-gradient(to right,#05363d 0%,#05363d 44%,rgba(255,255,255,0));padding: 10px 0px 10px 20px;line-height: 20px;letter-spacing: 6px;}



.header_banner .form-wrap{background: linear-gradient(to top,rgba(215,240,255,0),#3ebe8b);width: 425px;padding: 0 40px;display: flex;justify-content: center;align-items: center;height: 400px;}
.header_banner .form-wrap h4{font-size: 30px;color: #ffffff;font-weight: bold;line-height: 30px;margin: 0 0 20px 0;}
.header_banner .form-wrap form{display: flex;flex-direction: column;}
.header_banner .form-wrap form .label{width: 100%;border: 0;margin: 5px 0;overflow: hidden;}
.header_banner .form-wrap form .label input,.header_banner .form-wrap form .label select{height: 50px;height: 50px;padding: 0 0 0 11px;}
.form-wrap form .label.name i{background: url(../images/user.png) no-repeat center center;}
.form-wrap form .label.location i{background: url(../images/country.png) no-repeat center center;}
.form-wrap form .label.w_l i{background: url(../images/details.png) no-repeat center center;}
.form-wrap form .label.w_l i.iconDown{background: url(../images/down.png) no-repeat center center;}
.header_banner .form-wrap form .label.contact{display: none;}
.header_banner .form-wrap form .tiaokuan{font-size: 12px;line-height: 14px;text-align: left;margin: 5px 0;}
.header_banner .form-wrap form .xdf_formbtn{width: 100%;height: 50px;line-height: 50px;font-size: 16px;color: #ffffff;background: #333333;border-radius: 25px;font-weight: bold;cursor: pointer;}


.page{padding: 50px 0;}
.tit{color: #333333;font-size: 44px;line-height: 44px;margin: 0 0 30px 0;text-align: center;}
.page .btn53{width: 350px;height: 50px;line-height: 50px;color: #ffffff;font-weight: bold;text-align: center;border-radius: 25px;background: #333333;cursor: pointer;display: block;margin: 30px auto 0;-webkit-animation: ball-scale-multiple 1s 0s linear infinite alternate;animation: ball-scale-multiple 1s 0s linear infinite alternate;}


/* page1-Prestigious members of The C9 League */
.page1 .page1-swiper{padding: 10px 0 0;}
.page1 .swiper-slide{display: flex;margin: 20px 0 0 0;height: 122px !important;}
.page1 p{font-size: 14px;color: #666666;line-height: 22px;text-align: center;}
.page1 .swiper-slide .txts:last-child{margin: 0 0 0 0;}
.page1 .txts{padding: 20px 18px;width: 387px;height: 122px;box-sizing: border-box;border-radius: 20px;background: #e4f9f4;display: flex;margin: 0 20px 0 0;}
.page1 .txts i{width: 30px;height: 30px;border-radius: 50%;background: #f6f8ff;line-height: 30px;font-size: 20px;font-weight: bold;color: #2eb074;font-style: italic;text-align: center;margin: 0 13px 0 0;}
.page1 .txts .txt{display: flex;flex-direction: column;flex: 1;height: 110px;}
.page1 .txts .txt h5{font-size: 20px;color: #333333;font-weight: bold;line-height: 26px;}
.page1 .txts .txt span{font-size: 16px;color: #666666;margin: 10px 0 10px 0;line-height: 20px;vertical-align: middle;}
.page1 .txts .txt span em{color: #2eb074;font-weight: bold;font-size: 20px;vertical-align: middle;}
.page1 .txts .txt a{font-size: 14px;color: #f38900;font-weight: bold;line-height: 12px;align-self: end;justify-self: end;display: none;}
.page1 .txts:hover {margin: -10px 20px 0 0;background: linear-gradient(145deg,#eafffa, #ffffff);}
.page1 .txts:hover h5{overflow:hidden;text-overflow:ellipsis;display: block;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.page1 .txts:hover i{background: #f38900;color: #ffffff;font-style: normal;}
.page1 .txts:hover .txt a{display: block;}
.page1 .txts:last-child:hover{margin: -10px 0 0 0;}





/* page2-Who Should Consider the C9 Early-Bird Plan */
.page2 ul{height: 257px;display: flex;border-radius: 20px;box-shadow: 0 0 28px 6px rgba(217, 217, 217, .64);}
.page2 ul li{flex: 1;display: flex;flex-direction: column;align-items: center;padding: 40px 20px 0;box-sizing: border-box;border-right:2px solid #ededed;}
.page2 ul li:last-child{border: 0;}
.page2 ul li i{display: flex;align-items: center;justify-content: center;width: 76px;height: 76px;}
.page2 ul li p{font-size: 16px;color: #666666;line-height: 22px;text-align: center;margin: 30px 0 0 0;}




/* page3-Why Apply Early to C9 Universities? */
.page3{position: relative;overflow: hidden;}
.page3 img.pixed{position: absolute;right: -30px;top: 60px;width: 530px;height: 629px;}
.page3 .swiper-slide{display: flex;flex: 1;margin: 10px 0;}
.page3 .swiper-slide .txts:nth-of-type(2){margin: 0 25px;}
.page3 .txts{display: flex;flex-direction: column;width: 375px;}
.page3 .txts img{width: 50px;height: 50px;}
.page3 .txts h5{display: flex;align-items: center;font-size: 20px;color: #333333;line-height: 28px;margin: 20px 0 15px;}
.page3 .txts p{font-size: 16px;line-height: 24px;color: #666666;}
.page3 .txts p i{color: #1f9f64;}


/* page4-Professional Consultant Team,One-stop Service */
.page4{width: 100%;padding: 0;background: url(../images/page4Bg.png) no-repeat center center;height: 430px;}
.page4 .m1200{display: flex;align-items: center;height: 100%;}
.page4 h2{text-align: left;color: #05363d;}
.page4 .page4-swiper{height: 317px;padding-right: 30px;}
.page4 .swiper-slide .txts{padding: 30px;border-radius: 20px;width: 590px;height: 317px;display: flex;flex-direction: column;background: #ffffff;box-sizing: border-box;}
.page4 .swiper-slide .txts h5{font-style: italic;font-size: 24px;color: #333333;line-height: 24px;font-weight: bold;margin: 0 0 20px 0;}
.page4 .swiper-slide .txts .txt{height: 172px;overflow-y: auto;}
.page4 .swiper-slide .txts dl{margin: 5px 0;padding: 0 0 0 15px;background: url(../images/pagedlIcon.png) no-repeat left 10px;}
.page4 .swiper-slide .txts dl dt{font-size: 14px;display: inline;color: #333333;font-weight: bold;}
.page4 .swiper-slide .txts dl dd{display: inline;font-size: 14px;color: #666666;line-height: 22px;}
.page4 .swiper-slide .txts a{align-self: flex-end;font-size: 12px;color: #f38900;font-weight: bold;margin: 15px 0 0 0;}
.page4 .swiper-slide .txts .txt::-webkit-scrollbar{width: 6px;height: 100%;}
.page4 .swiper-slide .txts .txt::-webkit-scrollbar-thumb{background: #f38900;}
.page4 .swiper-slide .txts .txt::-webkit-scrollbar-track{background: #eee;}
.page4 .swiper-pagination{right: 0px;}
.page4 .page4-swiper .swiper-pagination .swiper-pagination-bullet-active{background: #333333;}


/* page5-Offers of Previous Student */

.page5 .txts{height: 430px;border-radius: 20px;padding: 30px;box-sizing: border-box;background: #ffffff;box-shadow: 0 0 38px 6px rgba(217, 217, 217, .64);background: url(../images/page5TxtBg.png) no-repeat right bottom;background-size: cover;}
.page5 .txts h5{font-size: 28px;font-style: italic;font-weight: bold;color: #333333;font-weight: bold;}
.page5 .txts p{font-size: 20px;color: #f49010;line-height: 20px;margin: 15px 0 25px;}
.page5 .txts strong{font-weight: bold;color: #3ab37b;}
.page5 .txt-content{display: flex;}
.page5 .txt-content .page5-swiper{width: 179px;height: 251px;padding: 0 0 20px 0;}
.page5 .txt-content .page5-swiper .swiper-pagination{bottom: 0;text-align: right;}
.page5 .txt-content .page5-swiper .swiper-pagination .swiper-pagination-bullet{width: 6px;height: 6px;background: #c8cac9;opacity: 1;}
.page5 .txt-content .page5-swiper .swiper-pagination .swiper-pagination-bullet-active{background: #2eb074;}
.page5 .txt-content .page5-swiper img{cursor: pointer;}
.page5 .txt {width: 945px;margin: 0 0 0 15px;}
.page5 .txt dl{padding: 0 0 0 15px;background: url(../images/pagedlIcon.png) no-repeat left 5px;margin: 0 0 20px 0;}
.page5 .txt dt{font-size: 18px;color: #333333;font-weight: bold;line-height: 18px;margin: 0 0 5px 0;}
.page5 .txt dd{font-size: 18px;color: #666666;line-height: 24px;}



/* page6-Early-bird perks */
.page6 img{width: 675px;height: 479px;}
.page6 .txts{display: flex;justify-content: space-between;align-items: center;}
.page6 p.title{font-size: 30px;color: #05363d;line-height: 38px;font-weight: bold;text-align: center;margin: 0 0 30px 0;}
.page6 dl{width: 600px;box-sizing: border-box;border: 1px solid #e4e4e4;margin: 0 0 0 20px;overflow: hidden;height: auto;}
.page6 dl dt{padding: 0 10px;box-sizing: border-box;width: 100%;height: 56px;display: flex;align-items: center;background: url(../images/page6Down.png) no-repeat 98% center;cursor: pointer;}
.page6 dl dt h4{font-size: 16px;color: #333333;width: 100%;line-height: 22px;cursor: default;}
.page6 dl dd{box-sizing: border-box;width: 100%;display: none;height: 0;}
.page6 dl dd p{font-size: 14px;color: #999999;line-height: 22px;margin: 0;}
.page6 dl.active dt{background: url(../images/page6Up.png) no-repeat 98% center;}
.page6 dl.active dt h4{color: #2eb074;}
.page6 dl.active dd{height: auto;padding:0 20px 10px;display: block;}



/* page7-About Us */
.page7{background: url(../images/page7Bg.jpg) no-repeat center top;}
.page7 .txt{font-size: 16px;color: #666666;width: 565px;line-height: 28px;}
.page7 .btn53{margin: 30px 0 0 0;}
.page7 .pinxuanTop{display: flex;justify-content: space-between;margin: 60px 0 50px;}
.page7 .pinxuanTop li{flex: 1;box-sizing: border-box;padding: 0 0 0 30px;background-repeat: no-repeat;}
.page7 .pinxuanTop li b{font-size: 36px;font-weight: normal;}
.page7 .pinxuanTop li em{font-size: 28px;}
.page7 .pinxuanTop li i{font-size: 36px;vertical-align: top;}
.page7 .pinxuanTop li h4{font-size: 12px;color: #666666;line-height: 16px;font-weight: normal;margin: 10px 0 0 -30px;}
.page7 .pinxuanTop li:nth-of-type(1){background-image: url(../images/page7Icon1.png);}
.page7 .pinxuanTop li:nth-of-type(2){background-image: url(../images/page7Icon2.png);}
.page7 .pinxuanTop li:nth-of-type(3){background-image: url(../images/page7Icon3.png);}
.page7 .pinxuanTop li:nth-of-type(4){background-image: url(../images/page7Icon4.png);}
.page7 .pinxuanTop li:nth-of-type(5){background-image: url(../images/page7Icon5.png);}




/* xdf_bottomForm 底部表单隐藏，去掉isPc */
.xdf_slide{display: block;width: 140px;height: 160px;background: url(../images/foot_left_bg.png) no-repeat center center;}
#xdf_bottomForm{display: none;}
#xdf_bottomForm h3{font-size: 22px;color: #ffffff;padding: 20px 0 0 10px;}
.xdf_bottomForm .ax_img{bottom: 0;position: absolute;}
.xdf_bottomForm form{padding-left: 150px;position: relative;z-index: 3333;}
.xdf_bottomForm.form-wrap form .label.name{width: 20%;}
.xdf_bottomForm.form-wrap form .label.location{width: 20%;}
.xdf_bottomForm.form-wrap form .label.w_l{width: 19%;}
.xdf_bottomForm.form-wrap form .label.contact{width: 20%;padding-left: 20px;display: none;}
.xdf_bottomForm.form-wrap .xdf_formbtn{width: 20%;margin: 20px 1% 0;background: #31ca99;}
.xdf_bottomForm.form-wrap .tiaokuan{font-size: 12px;}

 .xdf_slide h6{font-size: 16px;color: #05363d;line-height: 24px;padding: 36px 8px;text-align: center;}
 .xdf_slide h6 i{color: #f38900;}
 .xdf_slide span{font-size: 16px;color: #ffffff;text-align: center;line-height: 40px;display: block;font-weight: bold;}


















/* nav */
#nav{z-index:6;position: relative;margin: 0 auto;width: 100%;background:#7f8592; }
.nav li{width: 50%;float: left;}
.nav a{font-size: 22px;padding:20px 0;color:#fff;display: block;text-align: center;}
.nav li.menuOver a,.nav a:hover{color:#ffe239;font-weight: bold;}



/* pageDemo1-swiper */
.pageDemo1-swiper {width: 600px;height: 300px;}  


/* tabwrapDemo */
.tabwrap .tabs .tab{float: left;width:50%;height: 50px;line-height:50px;text-align: center;font-size: 20px;cursor: pointer;background: #7f8592;}
.tabwrap .tabs .tab.active{background: #f6ff6f;position: relative;color: #000000;}



.tabwrap .tablist .item{width: 100%;display: none;}
.tabwrap .tablist .item.active{display: block;}

.largeImg{position: fixed;top: 0;bottom: 0;right: 0;left: 0;margin: auto;background: rgba(0, 0, 0, 0.3);z-index: 3;display: none;}
.largeImg span{font-size: 50px;text-align: center;display: block;color: #f38900;width: 55px;height: 55px;border-radius: 50%;background: #000000;line-height: 50px;position: absolute;left: 0;right: 0;margin: auto;top: 15px;cursor: pointer;}
.largeImg .img{position: absolute;top: 0;bottom: 0;right: 0;left: 0;margin: auto;height: 80%;}

@media screen and (max-width:1000px) {
    .xdf_slide{display: none;}
    
    .m1200{width: 94%;}

    .page{padding: .5rem 0;}
    .tit{margin: 0 0 .3rem 0;font-size: .44rem;line-height: .52rem;}
    .swiper-pagination{bottom: 0;}
    .swiper-pagination .swiper-pagination-bullet{width: .1rem;height: .1rem;}
    .swiper-pagination .swiper-pagination-bullet-active{background: #333333;}
    .page .btn53{width: 5.68rem;height: .8rem;line-height: .8rem;font-size: .28rem;margin: .1rem auto 0;}

    .header_banner{height: 10.7rem;background: url(../images/m_bannerBg.jpg.png) no-repeat center top;background-size: 100% 5.17rem;}
    .header_banner .m1200{flex-direction: column;}
    .header_banner h3{font-size: .8rem;line-height: 1rem;padding: 1.8rem 0 .2rem 0;}
    .header_banner h3 p{font-size: .24rem;line-height: .5rem;}
    .header_banner h3 span{font-size: .24rem;line-height: .3rem;margin: .25rem 0;width:52%;letter-spacing: .1rem;padding: .1rem 0 .1rem .2rem;}
    .header_banner .form-wrap{width: 100%;box-sizing: border-box;padding: .5rem .1rem 0;height: auto;}
    .header_banner .form-wrap h4{font-size: .48rem;line-height: .48rem;margin: 0 0 .3rem 0;}
    .header_banner .form-wrap form .label{margin: .07rem 0;}
    .header_banner .form-wrap form .tiaokuan{font-size: .2rem;line-height: .24rem;margin: .05rem 0;}
    .header_banner .form-wrap form .xdf_formbtn{height: .86rem;line-height: .86rem;font-size: .3rem;margin: 0;}
    .form-wrap form .label.w_l i.iconDown{left:90%;}
    .header_banner .form-wrap form .label input, .header_banner .form-wrap form .label select{height: .86rem;line-height: .86rem;padding: 0 0 0 .12rem;}



    /* page1 */
    .page1{padding-bottom: .1rem;}
    .page1 p{font-size: .26rem;line-height: .34rem;}
    .page1 .page1-swiper{margin: .4rem 0 0 0;padding: 0;padding: 0 0 .6rem 0;}
    .page1 .swiper-slide{margin: 0;height: auto !important;flex-direction: column;}
    .page1 .txts{width: 100%;padding: .35rem .3rem;height: 2.12rem;border-radius: .2rem;margin: 0 0 .2rem 0;}
    .page1 .swiper-slide .txts:last-child{margin: 0 !important;}
    .page1 .swiper-slide .txts:hover{margin: 0 0 .2rem 0;background: #e4f9f4;}
    .page1 .txts:hover i{color: #2eb074;background: #f6f8ff;font-style: italic;}
    .page1 .txts .txt{height: 100%;}
    .page1 .txts:hover h5{overflow:inherit;-webkit-line-clamp:inherit}
    .page1 .txts:hover .txt a{display: none;}
    .page1 .txts i{width: .52rem;height: .52rem;font-size: .36rem;line-height: .52rem;margin: 0 .2rem 0 0;}
    .page1 .txts .txt h5{font-size: .36rem;line-height: .4rem;}
    .page1 .txts .txt span{font-size: .28rem;line-height: .35rem;margin: .15rem 0;}
 



    /* page2 */
    .page2 .list{display: flex;flex-wrap: wrap;height: auto;box-shadow: none;}
    .page2 .list li{width: 50%;flex: none;padding: .3rem;}
    .page2 .list li:nth-of-type(1),.page2 .list li:nth-of-type(2){border: none;border-bottom: .02rem solid #ededed;}
    .page2 .list li:nth-of-type(3),.page2 .list li:nth-of-type(4){border: none;}
    .page2 .list li:nth-of-type(1),.page2 .list li:nth-of-type(3){border-right: .02rem solid #ededed;}
    .page2 ul li i{width: .8rem;height: .9rem;}
    .page2 ul li i img{width: 100%;}
    .page2 ul li p{font-size: .26rem;line-height: .3rem;margin: .3rem 0 0 0;}




    /* page3 */
    .page3 .page2-swiper{padding-bottom: .6rem;}
    .page3 .swiper-slide{margin: 0;flex-direction: column;flex: none;}
    .page3 .txts{width: 100%;margin: 0 0 .4rem 0 !important;padding: 0 .3rem;box-sizing: border-box;}
    .page3 .txts img{width: .8rem;height: .8rem;}
    .page3 .txts h5{font-size: .32rem;line-height: .4rem;margin: .2rem 0 .1rem;}
    .page3 .txts p{font-size: .26rem;;line-height: .4rem;}
    .page3 .swiper-slide .txts:last-child{margin: 0 !important;}
    .page3 img.pixed{width: 5.3rem;height: 6.29rem;bottom: .2rem;top:inherit;}


    /* page4 */
    .page4{height: auto;background: url(../images/m_page4Bg.png) no-repeat center top;background-size: cover;}
    .page4 .m1200{display: block;}
    .page4 .page4-swiper{height: auto;padding-right: 0;padding-bottom: .6rem;}
    .page4 .swiper-slide .txts{width: 100%;height: auto;border-radius: .2rem;padding: .3rem;}
    .page4 .swiper-slide .txts h5{font-size: .4rem;line-height: .4rem;margin:0 0 .2rem 0}
    .page4 .swiper-slide .txts .txt{height: auto;}
    .page4 .swiper-slide .txts dl{margin: .05rem 0;}
    .page4 .swiper-slide .txts dl dt,.page4 .swiper-slide .txts dl dd{font-size: .26rem;line-height: .4rem;}
    .page4 .swiper-slide .txts a{font-size: .28rem;margin:  0;}



    /* page6 */
    .page6 p.title{font-size: .3rem;line-height: .38rem;margin: 0 0 .25rem 0;}
    .page6 dl{width: 100%;margin: 0;border: .02rem solid #e4e4e4;}
    .page6 dl dt{padding: 0 .2rem;height: .8rem;}
    .page6 dl dt h4{font-size: .26rem;line-height: .3rem;width: 98%;}
    .page6 dl dd p{font-size: .22rem;line-height: .28rem;}




    /* page7 */
    .page7 .txt{width: 100%;font-size: .24rem;line-height: .34rem;}
    .page7 .pinxuanTop{flex-wrap: wrap;margin: .6rem 0;justify-content: start;}
    .page7 .pinxuanTop li{flex: inherit;width: 33.33%;margin: 0 0 .2rem 0;background-size: .2rem .24rem;padding: 0 .1rem 0 .3rem;background-position-y: .1rem;}
    .page7 .pinxuanTop li b{font-size: .4rem;}
    .page7 .pinxuanTop li em{font-size: .28rem;}
    .page7 .pinxuanTop li i{font-size: .3rem;vertical-align: middle;}
    .page7 .pinxuanTop li h4{font-size: .14rem;font-size: .2rem;line-height: .3rem;margin: 0 0 0 0;}
    /* .page7 .pinxuanTop li:nth-of-type(1){width: 40%;}
    .page7 .pinxuanTop li:nth-of-type(2){width: 24%;}
    .page7 .pinxuanTop li:nth-of-type(4){width: 40%;}
    .page7 .pinxuanTop li:nth-of-type(5){width: 60%;} */



















}