.fixed{position: fixed;left: 0;right: 0;bottom: 0;top: 0;margin: auto;}
/* 按钮放大缩小 */
.btnBigOrSmall{-webkit-animation: ball-scale-multiple 1s 0s linear infinite alternate;animation: ball-scale-multiple 1s 0s linear infinite alternate;}

/* 文字超出元素高度... */
.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;}


.newHeader{display: none;}
#iconDiv1{display: none;}



/* 本页面公共代码 */
.page{padding: 50px 0;}
.page h2.tit {margin: 0 auto 40px;text-align: center;}


/* 按钮悬浮 闪动效果 */
.page .qtBtn:hover{-webkit-transition: background-color .1s .3s, color .1s .3s;transition: background-color .1s .3s, color .1s .3s;-webkit-animation: anim-moema-1 .3s forwards;animation: anim-moema-1 .3s forwards}
.page .qtBtn:hover:before {-webkit-animation: anim-moema-2 .3s .3s forwards;animation: anim-moema-2 .3s .3s forwards;}


.header_banner {height: 520px;background-repeat: no-repeat;background-position: center top;background-image: url(../images/bannerBg.jpg);}
.header_banner .banner_img{padding: 190px 0 0 125px;}



/* page1-为什么选择微留学 */
.page1{padding-top: 70px;}
.page1 .txt{width: 100%;height: 325px;background: linear-gradient( to bottom,#f0f0f0,#ffffff);border-radius: 20px;}
.page1 .txt p{padding: 39px 85px 59px;font-size: 16px;line-height: 24px;color: #333333;}
.page1 .txt p strong{font-weight: bold;}
.page1 .txt ul{display: flex;justify-content: space-between;}
.page1 .txt ul li{position: relative;width: 394px;height: 154px;background: linear-gradient(to bottom,#eab2c1,rgba(207,184,153,.35));border-radius: 20px;border: 1px solid #decbb1;text-align: center;box-sizing: border-box;padding: 45px 0 0 0;}
.page1 .txt ul li img{position: absolute;left: 0;right: 0;margin: 0 auto;top: -30px;}
.page1 .txt ul li h4{font-size: 20px;color: #ac2343;line-height: 20px;font-weight: bold;margin: 0 auto 12px;}
.page1 .txt ul li span{font-size: 16px;line-height: 24px;color: #333333;display: block;}


/* page2-微留学项目介绍 */
.page2 .page2_tabs .tabs{display: flex;justify-content: space-between;}
.page2 .page2_tabs .tabs .tab{width: 397px;height: 160px;display: flex;flex-direction:column;justify-content: center;align-items: center;background-repeat: no-repeat;background-position: center center;background-size: 100% 100%;position: relative;cursor: pointer;}
.page2 .page2_tabs .tabs .tab.active::after{position: absolute;content: "";border-top: 0 solid transparent;border-bottom: 16px solid #eeeeee;border-left: 12px solid transparent;border-right: 12px solid transparent;bottom: -20px;}
.page2 .page2_tabs .tabs .tab h4{font-size: 30px;line-height: 30px;color: #ffffff;font-weight: bold;}
.page2 .page2_tabs .tabs .tab p{font-size: 16px;line-height: 16px;color: #ffffff;margin: 15px auto 0;}
.page2 .page2_tabs .tabs .tab:nth-of-type(1){background-image: url(../images/page2TabBg1.png);}
.page2 .page2_tabs .tabs .tab:nth-of-type(2){background-image: url(../images/page2TabBg2.png);}
.page2 .page2_tabs .tabs .tab:nth-of-type(3){background-image: url(../images/page2TabBg3.png);}
.page2 .page2_tabs .tabs .tab.active:nth-of-type(1){background-image: url(../images/page2TabBg1_at.png);}
.page2 .page2_tabs .tabs .tab.active:nth-of-type(2){background-image: url(../images/page2TabBg2_at.png);}
.page2 .page2_tabs .tabs .tab.active:nth-of-type(3){background-image: url(../images/page2TabBg3_at.png);}
.page2 .page2_tabs .tablist{margin: 20px auto 0;width: 100%;height: 665px;background: linear-gradient(to top,#f7ecde,#eeeeee);border-radius: 10px;}
.page2 .page2_tabs .tablist .item{display: none;position: relative;}
.page2 .page2_tabs .tablist .item.active{display: block;}
.page2 .page2_tabs .tablist .item .txtBox{display: flex;padding: 55px 60px 0;box-sizing: border-box;justify-content: space-between;}
.page2 .page2_tabs .tablist .item .txtBox .t_p{display: none;}
.page2 .page2_tabs .tablist .item .txtBox .txt{display: flex;box-sizing: border-box;padding: 25px 28px 0 30px;background-color: rgba(208, 208, 208, .3);width: 530px;position: relative;left: 0;bottom: 0;right: 0;background-repeat: no-repeat;background-position: center bottom;background-size: 100% auto;}
.page2 .page2_tabs .tablist .item .txtBox .txt.shrq{background-image: url(../images/page2shrqBg.png);height: 282px;margin: 0 0 30px 0;}
.page2 .page2_tabs .tablist .item .txtBox .txt.xxwz{background-image: url(../images/page2xxwzBg.png);height: 187px;}
.page2 .page2_tabs .tablist .item .txtBox .txt.xmys{background-image: url(../images/page2xmysBg.png);height: 498px;}
.page2 .page2_tabs .tablist .item .txtBox .txt h4{font-size: 24px;color: #304a96;line-height: 30px;width: 48px;flex-shrink: 0;margin: 0 40px 0 0;}
.page2 .page2_tabs .tablist .item .txtBox .txt strong{font-weight: bold;}
.page2 .page2_tabs .tablist .item .txtBox .txt li,.page2 .page2_tabs .tablist .item .txtBox .txt dd{font-size: 16px;line-height: 24px;color: #333333;margin: 0 0 18px 0;}
.page2 .page2_tabs .tablist .item .txtBox .txt li,.page2 .page2_tabs .tablist .item .txtBox .txt dt{position: relative;}
.page2 .page2_tabs .tablist .item .txtBox .txt li:before,.page2 .page2_tabs .tablist .item .txtBox .txt dt:before{position: absolute;content: "";width: 7px;height: 7px;border-radius: 50%;background: #a3334f;left: -17px;}
.page2 .page2_tabs .tablist .item .txtBox .txt li:before{top: 9px;}
.page2 .page2_tabs .tablist .item .txtBox .txt dt:before{top: 11px;}
.page2 .page2_tabs .tablist .item .txtBox .txt dt{font-size: 18px;color: #a3334f;font-weight: bold;margin: 0 0 3px 0;}
.page2 .page2_tabs .tablist .item .qtBtn{width: 220px;height: 36px;line-height: 36px;font-size: 14px;color: #ffffff;background: #b33051;border-radius: 18px;cursor: pointer;display: block;text-align: center;font-weight: bold;margin: 40px auto 0;}
.page2 .page2_tabs .tablist .item .txtBox .left .txt.xmys{display: none;}
.page2 .page2_tabs .tablist .item .txtBox .right .txt.xxwz{display: none;}

/* page3-学校介绍 */
.page3{background: url(../images/page3Bg.png) no-repeat center bottom;background-size: 100% 100%;}
.page3 .swiper-wrapper{display: block;}
.page3 ul{width: 100%;}
.page3 ul li{margin: 0 9.6px 20px 0;width: 192px;height: 60px;display: flex;justify-content: center;align-items: center;background: #d7bca4;border-radius: 10px;font-size: 18px;color: #932c46;text-align: center;line-height: 22px;font-weight: bold;cursor: pointer;float: left;}
.page3 ul li.czyxLiA{background: url(../images/page3CzyxLiABg.png) no-repeat center center;background-size: 100%;color: #ffffff;}
.page3 ul li:nth-of-type(6n),.page3 ul li:last-child{margin-right: 0;}
.page3 ul li.czyxText{width: 100%;background: rgba(217, 92, 124, .5);border-radius: 10px;border: 1px solid rgba(255, 255, 255, .5);box-sizing: border-box;justify-content: space-between;align-items: flex-start;padding: 25px 60px 20px;height: auto;cursor: default;}
.page3 ul li.czyxText .left{margin: 0 55px 0 0;flex: 1;text-align: left;}
.page3 ul li.czyxText .t_tit h4{font-size: 20px;height: 26px;line-height: 26px;position: relative;font-weight: bold;color: #eac18c;text-align: left;display: inline-block;}
.page3 ul li.czyxText .t_tit i{display: block;font-size: 12px;line-height: 12px;color: #ffffff;text-align: left;margin: 6px 0 5px 0;font-weight: normal;} 
.page3 ul li.czyxText .t_tit h4 span{position: absolute;right: -140px;width: 133px;height: 26px;background: url(../images/page3SpanBg.png) no-repeat center center;color: #0e4d9e;font-size: 14px;font-weight: bold;text-indent: 12px;text-align: center;}
.page3 ul li.czyxText .left .dls{flex: 1;display: flex;flex-wrap: wrap;}
.page3 ul li.czyxText .left .dls dl{width: 50%;display: flex;color: #ffffff;font-size: 16px;line-height: 16px;margin: 15px 0 0 0;}
.page3 ul li.czyxText .left .dls dl.w100{width: 100%;}
.page3 ul li.czyxText .left .dls dl dt{font-weight: bold;}
.page3 ul li.czyxText .left .dls dl.w100 dt{flex-shrink: 0;}
.page3 ul li.czyxText .left .dls dl dd{font-weight: normal;}
.page3 ul li.czyxText .left .dls dl.w100 dd{flex:1;line-height: 22px;}
.page3 ul li.czyxText .right{width: 560px;flex-shrink: 0;}
.page3 ul li.czyxText .right dl{text-align: left;display: flex;flex-direction: column;}
.page3 ul li.czyxText .right dl dt{font-size: 18px;color: #eac18c;line-height: 18px;}
.page3 ul li.czyxText .right dl dd{font-size: 14px;line-height: 24px;color: #ffffff;font-weight: normal;margin: 10px 0 15px;}
.page3 ul li.czyxText .right .qtBtn{width: 272px;height: 34px;color: #ffffff;line-height: 34px;border-radius: 17px;cursor: pointer;background: #304a96;text-align: center;display: block;font-size: 14px;justify-self: end;}


/* page4-服务流程 */
.page4 ul{display: flex;justify-content: space-between;}
.page4 ul:nth-of-type(2){justify-content: center;margin: -24px 0 0 0;}
.page4 ul li{width: 270px;height: 220px;border-radius: 20px;background: linear-gradient(to bottom,#d8d8d8,rgba(216,216,216,0));text-align: center;box-sizing: border-box;padding: 18px 0 0 0;position: relative;}
.page4 ul:nth-of-type(2) li{margin: 0 22px;}
.page4 ul li h4{font-size: 20px;color: #333333;line-height: 20px;margin: 12px 0;}
.page4 ul li p{font-size: 14px;line-height: 22px;color: #666666;}
.page4 ul li p strong{font-weight: bold;}
.page4 ul li::after{position: absolute;content: "";width: 48px;height: 38px;top: 80px;right: -38px;background: url(../images/page4Right.png) no-repeat center center;}
.page4 ul:nth-of-type(1) li:last-child::after{content: initial;}
.page4 ul:nth-of-type(2) li::after{right: initial;left: -38px;transform: rotate(180deg)}
.page4 ul:nth-of-type(2) li:nth-of-type(1)::after{content: initial;}
.page4 ul:nth-of-type(2) li:nth-of-type(3)::before{position: absolute;content: "";width: 60px;height: 52px;top: 80px;right: -58px;background: url(../images/page4Right2.png) no-repeat center center;top: 66px;}


/* xdf_bottomForm 底部表单隐藏，去掉isPc */
.xdf_slide{display: block;}
.xdf_slide .xdf_slidebtn{width: 118px;height: 30px;border-radius: 15px;color: #ffffff;text-align: center;background: #4660ab;font-size: 14px;line-height: 30px;bottom: 26px;}
#xdf_bottomForm{display: none;}
.xdf_bottomForm_new .ax_img {background: url(../images/bottomFormImg.png) no-repeat center top;height: 136px;width: 312px;bottom: initial;margin: 0;top: 0px;left: -50px;}
.xdf_bottomForm_new .xdf_bottomForm.form-wrap .xdf_formbtn{background: linear-gradient(to right,#ac263e,#d2485f,#ac263e);color: #ffffff;}
.xdf_bottomForm_title_img .xdf_bottomForm.form-wrap.form-wrap-flex form{position: relative;z-index: 9;}
@keyframes anim-moema-1 {
    60% {
    -webkit-transform:scale3d(.8, .8, 1);
    transform:scale3d(.8, .8, 1)
    }
    85% {
    -webkit-transform:scale3d(1.1, 1.1, 1);
    transform:scale3d(1.1, 1.1, 1)
    }
    100% {
    -webkit-transform:scale3d(1, 1, 1);
    transform:scale3d(1, 1, 1)
    }
}
@-webkit-keyframes anim-moema-2 {
    to {
    opacity:0;
    -webkit-transform:scale3d(1, 1, 1);
    transform:scale3d(1, 1, 1)
    }
}
@keyframes anim-moema-2 {
    to {
    opacity:0;
    -webkit-transform:scale3d(1, 1, 1);
    transform:scale3d(1, 1, 1)
    }
}


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

    .m1200{width: 94%;}
	.header_banner{height: 8.35rem;background: url(../images/m_bannerBg.jpg) no-repeat center top;background-size: 100% 100%;}
	.header_banner .banner_img{padding: 5.3rem 0 0 0;}
	.header_banner .banner_img img{width: 5.66rem;height: 1.73rem;margin: 0 auto;}
	
	
	.page{padding: .5rem 0;}
	.page h2.tit{margin: 0 auto .35rem;}
	.page h2.tit img{width: 100%;}
	
	
	.page1{padding-top: 1rem;}
	.page1 .txt{height: auto;background: none;}
	.page1 .txt p{display: none;}
	.page1 .txt ul{flex-direction: column;align-items: end;}
	.page1 .txt ul li{width: 6.75rem;height: 1.65rem;border-radius: .1rem;margin: 0 0 .2rem 0;padding: 0 0 0 .6rem;display: flex;justify-content: center;flex-direction: column;text-align: left;}
	.page1 .txt ul li:last-child{margin: 0;}
	.page1 .txt ul li img{top: 50%;width: .6rem;height: .6rem;right: inherit;margin-top: -.3rem;left: -.3rem;}
	.page1 .txt ul li h4{font-size: .3rem;line-height: .3rem;margin: 0 0 .14rem 0;}
	.page1 .txt ul li span{font-size: .26rem;line-height: .36rem;}
	
	
	
	.page2 .page2_tabs .tabs .tab{width: 2.2rem;height: 1rem;line-height: 1rem;background-size: 100% 100%;}
	.page2 .page2_tabs .tabs .tab p{display: none;}
	.page2 .page2_tabs .tabs .tab h4{font-size: .28rem;line-height: .28rem;}
	.page2 .page2_tabs .tablist{margin: .26rem auto 0;height: auto;border-radius: .1rem;background: linear-gradient(to top,#eeeeee,#e9e9e9);}
	.page2 .page2_tabs .tablist .item .txtBox{padding: .4rem .3rem .6rem;flex-direction: column;}
	
	
	.page2 .page2_tabs .tablist .item .txtBox .left .txt.xmys{display: block;}
	.page2 .page2_tabs .tablist .item .txtBox .right{display: none;}
	.page2 .page2_tabs .tablist .item .txtBox .t_p{display: block;width: 100%;background: url(../images/m_page2T_pBg.png) no-repeat center center;background-size: 108% 150%;height: .84rem;line-height: .84rem;font-size: .24rem;text-align: center;border-radius: .1rem;margin: 0 auto .4rem;}
	.page2 .page2_tabs .tablist .item .txtBox .txt{background: none !important;flex-direction: column;width: 100%;height: auto !important;margin: 0 auto .3rem !important;padding: 0 !important;}
	.page2 .page2_tabs .tablist .item .txtBox .txt h4{width: 100%;text-align: center;font-size: .3rem;line-height: .3rem;margin: 0 auto .25rem;}
	.page2 .page2_tabs .tablist .item .txtBox .txt li,.page2 .page2_tabs .tablist .item .txtBox .txt dd{font-size: .24rem;line-height: .34rem;margin: 0 0 .1rem 0;}
	.page2 .page2_tabs .tablist .item .txtBox .txt ul,.page2 .page2_tabs .tablist .item .txtBox .txt dl{padding: 0 0 0 .35rem;}
	.page2 .page2_tabs .tablist .item .txtBox .txt dt{font-size: .28rem;line-height: .28rem;margin: 0 0 .05rem 0;}
	.page2 .page2_tabs .tablist .item .txtBox .txt dd{margin: 0 0 .2rem 0;}
	.page2 .page2_tabs .tablist .item .txtBox .txt li:before, .page2 .page2_tabs .tablist .item .txtBox .txt dt:before{width: .07rem;height: .07rem;left: -.2rem;}
	.page2 .page2_tabs .tablist .item .txtBox .txt li:before{top: .13rem;}
	.page2 .page2_tabs .tablist .item .txtBox .txt dt:before{top: .1rem;}
	.page2 .page2_tabs .tablist .item .qtBtn{width: 3.5rem;height: .6rem;line-height: .6rem;border-radius: .3rem;font-size: .26rem;position: absolute;bottom: -.1rem;left: 0;right: 0;margin: 0 auto 0;background: #434343;}
	
	.page3{background-size: cover;}
	.page3 .swiper-wrapper{display: flex;}
	.page3 ul li{width: 2.22rem;height: .88rem;border-radius: .1rem;margin: 0 .2rem .2rem 0;font-size: .24rem;line-height: .3rem;}
	.page3 ul li:nth-of-type(3n), .page3 ul li:last-child{margin-right: 0;}
	.page3 ul li:nth-of-type(6n){margin: 0 .2rem .2rem 0;}
	.page3 ul li.czyxLiA{background-size: 100% 100%;}
	.page3 ul li.czyxText{padding: .5rem .4rem .45rem;flex-direction: column;border-radius: .1rem;margin: 0 0 .2rem 0;}
	.page3 ul li.czyxText .left{width: 100%;margin: 0;}
	.page3 ul li.czyxText .t_tit h4{font-size: .32rem;line-height: .32rem;height: .32rem;}
	.page3 ul li.czyxText .t_tit i{font-size: .2rem;line-height: .2rem;margin: .15rem 0 .1rem 0;}
	.page3 ul li.czyxText .t_tit h4 span{font-size: .22rem;width: 2.14rem;height: .42rem;background-size: 100% 100%;line-height: .42rem;right: -2.5rem;margin-top: -.04rem;}
	.page3 ul li.czyxText .left .dls dl{font-size: .28rem;line-height: .28rem;margin: .2rem 0 0 0;}
	.page3 ul li.czyxText .left .dls dl.w100 dd{font-size: .28rem;line-height: .4rem;}
	.page3 ul li.czyxText .right{width: 100%;margin: .35rem 0 0 0;}
	.page3 ul li.czyxText .right dl dt{font-size: .32rem;line-height: .32rem;}
	.page3 ul li.czyxText .right dl dd{font-size: .24rem;line-height: .4rem;margin: .2rem 0 .3rem;}
	.page3 ul li.czyxText .right .qtBtn{width: 5rem;height: .7rem;line-height: .7rem;font-size: .24rem;border-radius: .3rem;margin: 0 auto;}
	.page3 .page3_swiper{padding-bottom: .25rem;}
	.page3 .swiper-pagination{bottom: 0;}
	
	
	.page4 ul li{width: 1.57rem;height: 1.74rem;border-radius: .2rem;padding: .2rem 0 0 0;}
	.page4 ul li img{width: .5rem;height: .5rem;}
	.page4 ul li h4{font-size: .2rem;line-height: .2rem;margin: .12rem 0 0 0;}
	.page4 ul li p{display: none;}
	.page4 ul li::after{width: .48rem;height: .38rem;background-size: 100% 100%;top: .5rem;right: -.38rem;}
	.page4 ul:nth-of-type(2){margin: -.25rem 0 0 0;}
	.page4 ul:nth-of-type(2) li{margin: 0 .12rem;}
	.page4 ul:nth-of-type(2) li::after{left: -.38rem;}
	.page4 ul:nth-of-type(2) li:nth-of-type(3)::before{width: .6rem;height: .52rem;background-size: 100% 100%;right: -.58rem;top: .35rem;}
}