body{background: #f9f9f9;}
/* banner */
.header_banner{height: 600px;overflow: hidden;position: relative;}

.bannerCover{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: linear-gradient(to top,rgba(1,151,150,1) 0%,rgba(255,255,255,0) 80%);}
.bannerCover .m1200{display: flex;flex-direction: column;justify-content: flex-end;height: 100%;}
.bannerCover .m1200 h3{font-size: 50px;color: #ffffff;font-weight: bold;line-height: 70px;}
.bannerCover .m1200 ul{display: flex;flex-direction: row;margin: 15px 0 35px;}
.bannerCover .m1200 ul li{font-size: 22px;color: #ffffff;margin-right:20px;line-height: 22px;}


/* page */
.page{padding: 50px 0;}
.page h2{text-align: center;margin-bottom: 35px;}

/* 留学优势 */
/* .page1{background: url(../images/page1Bg.jpg) no-repeat top center;height: 812px;box-sizing: border-box;}
.page1 ul{position: relative;}
.page1 ul li{display: flex;flex-direction: column;justify-content: center;width: 345px;height: 110px;position: absolute;}
.page1 ul li.left{align-items: flex-end;left: -20px;padding-right: 15px;cursor: pointer;}
.page1 ul li.right{margin-left: 870px;padding-left: 15px;cursor: pointer;}
.page1 ul li.bottom{align-items: center;cursor: pointer;}
.page1 ul li h3{font-size: 20px;color: #0cc6bf;font-weight: bold;}
.page1 ul li.colorGreen h3{color: #0acc8b;}
.page1 ul li.left p{text-align: right;}
.page1 ul li.bottom p{text-align: center;}
.page1 ul li p{font-size: 18px;color: #333333;line-height: 24px;margin-top: 4px;}
.page1 ul li:nth-child(1){margin-top: -50px;}
.page1 ul li:nth-child(2){margin-top:95px;}
.page1 ul li:nth-child(3){margin-top: 235px;}
.page1 ul li:nth-child(4){margin-top: -50px;}
.page1 ul li:nth-child(5){margin-top:75px;}
.page1 ul li:nth-child(6){margin-top: 215px;}
.page1 ul li:nth-child(7){margin-left: 430px;margin-top: 415px;}
.page1 ul li:nth-child(8){margin-left: 430px;margin-top: 60px;}
.page1 ul li:nth-child(8) p{margin-top: 20px;font-size: 16px;color: #666666;line-height: 30px;}
.page1 ul li.left:hover,.page1 ul li.left.active{background: linear-gradient(to right,rgba(255,255,255,1) 56%,rgba(255,255,255,0) 100%);box-shadow: -3px 0 6px 1px rgba(36, 37, 27, .1);}
.page1 ul li.right:hover,.page1 ul li.right.active{background: linear-gradient(to left,rgba(255,255,255,1) 56%,rgba(255,255,255,0) 100%);box-shadow: 3px 0 6px 1px rgba(36, 37, 27, .1);}
.page1 ul li.bottom:hover,.page1 ul li.bottom.active{background: linear-gradient(to left,rgba(255,255,255,0) 0%rgba(255,255,255,1) 60%,rgba(255,255,255,0) 100%);box-shadow: 0px 0 6px 1px rgba(36, 37, 27, .1);}
.page1 .showTxt{width: 25%;margin: 90px 455px 0;}
.page1 .showTxt h3{text-align: center;}
.page1 .showTxt p{text-align: justify;margin-top: 20px;} */

.lxys{box-sizing: border-box;background-size: cover;}
.lxys h2{margin-bottom: 0;}
.lxys .content {height: 565px;}
.lxys .content ul{position: relative;width: 535px;height:518px;margin: 0 auto;}
.lxys ul li{display: flex;flex-direction: column;justify-content: center;width: 342px;position: absolute;padding: 15px 0;}
.lxys ul li.left{align-items: flex-end;padding-right: 20px;cursor: pointer;}
.lxys ul li.right{padding-left: 20px;cursor: pointer;}
.lxys ul li.center{align-items: center;cursor: pointer;}
.lxys ul li h3{font-size: 20px;font-weight: bold;}
.lxys ul li p{font-size: 18px;color: #333333;line-height: 24px;margin-top: 4px;}
.lxys ul li.left p{text-align: right;}
.lxys ul li.bottom p{text-align: center;}  

.lxys ul li.left:hover,.lxys ul li.left.active{background: linear-gradient(to right,rgba(255,255,255,1) 56%,rgba(255,255,255,0) 100%);box-shadow: -3px 0 6px 1px rgba(36, 37, 27, .1);}
.lxys ul li.right:hover,.lxys ul li.right.active{background: linear-gradient(to left,rgba(255,255,255,1) 56%,rgba(255,255,255,0) 100%);box-shadow: 3px 0 6px 1px rgba(36, 37, 27, .1);}
.lxys ul li.center:hover,.lxys ul li.center.active{background: linear-gradient(to left,rgba(255,255,255,0) 0%rgba(255,255,255,1) 60%,rgba(255,255,255,0) 100%);box-shadow: 0px 0 6px 1px rgba(36, 37, 27, .1);}
.lxys .showTxt{width: 56%;margin:0 auto 0; top:155px;position: relative;z-index: 9;}
.lxys .showTxt h3{text-align: center;line-height: 20px;}
.lxys .showTxt .line{width: 52px;height: 3px;margin: 20px auto;}
.lxys .showTxt p{text-align: justify;color: #666666;}

.lxys{background:#ffffff url(../images/bk/lxysBg.jpg) no-repeat center 0px;background-position: center top;background-size: cover;height:810px;}
.lxys .content {height: 510px;}

.lxys ul li h3{color: #0cc6bf;}
.lxys ul li.colorOrange h3{color: #0acc8b;}
.lxys ul li.left h3{text-align: right;}
.lxys ul li strong{font-weight: bold;}
.lxys .showTxt{top: 125px;width: 66%;}
.lxys .showTxt .line{background: #0cc6bf;}
.lxys .showTxt p{color: #666666;}

 .lxys .content ul{background: url(../images/bk/lxysUl.png) no-repeat center center;}
 .lxys ul li:nth-child(1){top: 15%;left: -370px;}
 .lxys ul li:nth-child(2){top: 42%;left: -370px;}
 .lxys ul li:nth-child(3){top: 67%;left: -370px;}
 .lxys ul li:nth-child(4){top: 15%;right: -370px;}
 .lxys ul li:nth-child(5){top: 42%;right: -370px;}
 .lxys ul li:nth-child(6){top: 67%;right: -370px;}
 .lxys ul li:nth-child(7) {top: 105%;left: 50%;margin-left: -171px;text-align: center;cursor: pointer;}
/* 留学费用 */
.page2{background: #019796 url(../images/page2Bg.png) no-repeat center left;}
.page2 .cost{display: flex;flex-direction: row;background: linear-gradient(to right,rgba(255,255,255,.8) 88%,rgba(255,255,255,.3) 100%);}
.page2 .cost .fyLeft{padding: 45px 45px 45px 25px;}
.page2 .cost .fyLeft strong{font-weight: bold;}
.page2 .cost .fyLeft p{font-size: 18px;line-height: 24px;color: #053f50 ;}
.page2 .cost .fyLeft ul{margin-top: 24px;}
.page2 .cost .fyLeft ul li{padding-left: 30px;background:url(../images/page2Icon.png) no-repeat center left;background-position-y:10px;}
.page2 .cost .fyLeft ul li h4{font-size: 24px;color: #0084db;line-height: 44px;font-weight: normal;}
.page2 .cost .fybd{box-sizing: border-box;width: 430px;} 
.page2 .cost .form-wrap{padding:0 28px;box-sizing: border-box;background: url(../images/page2BdBg.png) repeat-y top center;height: 298px;}
.page2 .cost .fybd h3{font-size: 24px;font-weight: bold;line-height: 62px;text-align: center;color: #fcfdfd;}
.page2 .cost .form-wrap .label{float: none;width: 100%;border: none;margin: 0 0 10px 0;height: 40px;line-height: 40px;border-radius: 5PX;padding-left: 30px;}
.page2 .cost .form-wrap form .label input, .form-wrap form .label select{ padding: 0;line-height: 40px;font-size: 16px;}
.page2 .cost .form-wrap form .label.Code{width: 100%;padding-left: 10px;margin-right: 0;}
.page2 .cost .form-wrap .label.Code input{width: 62%;}
.page2 .cost .form-wrap form .label span{ width: 30%; margin: 0; font-size: 16px; height: 24px; line-height:24px; background: transparent; color: #79b201; border-left: 1px solid #79b201; border-radius:0;margin: 8px 0;}
.page2 .cost .form-wrap form .label.school i{background: url(../images/levelIcon.png) no-repeat top left;background-size: 14px 16px;}
.page2 .cost .form-wrap form .label.phone i{background: url(../images/phoneIcon.png) no-repeat top left;background-size: 14px 16px;}
.page2 .cost .form-wrap form .tiaokuan{font-size: 12px;}
/* .page2 .cost .form-wrap form .tiaokuan a{color:#405e00;} */
.page2 .cost .form-wrap .xdf_formbtn{width: 100%;height: 32px;line-height: 32px;font-size: 16px;border-radius: 16px;font-weight: bold;background: #79b201;margin: 5px 0 0 0;cursor: pointer;}
.page2 .cost .bdResult {display: none;background: #ffffff;height: 298px;padding: 0 30px;}
.page2 .cost .bdResult p{font-size: 22px;margin: 30px 0 20px;line-height:40px;text-align: center;font-weight: bold;}
.page2 .cost .bdResult p strong{font-weight: bold;color: #018586;}
.page2 .cost .bdResult p strong.red{color: #d7344c;}
.page2 .cost .bdResult p.msg{font-size: 14px;text-align: center;margin: 0;color: #666666;}


/* 留学学制 */
.page3{background: url(../images/page3Bg.jpg) no-repeat top center;background-size: cover;}
.page3 .swiper-wrapper{padding: 25px 0;}
.page3 .swiper-slide{ padding: 20px 30px; box-sizing: border-box; width: 387px !important; height: 390px; box-shadow: 0 0 10px 1px rgba(5, 63, 80, .13); margin: 0 6px; border-radius: 20px;}
.page3 .swiper-slide .icons{text-align: center;}
.page3 .swiper-slide .icons h6{font-size: 22px;color: #333333;padding: 5px 0 10px;border-bottom: 1px dashed #4ea5ff ;} 
.page3 .swiper-slide .txt p{padding-left: 5px;font-size: 16px;color:#053f50;line-height: 24px;margin-top: 15px;position: relative;}
.page3 .swiper-slide strong{font-weight: bold;}
.page3 .swiper-slide:nth-child(1){background: url(../images/page3sw1.png) no-repeat top center;background-size: cover;}
.page3 .swiper-slide:nth-child(2){background: url(../images/page3sw2.png) no-repeat top center;background-size: cover;}
.page3 .swiper-slide:nth-child(3){background: url(../images/page3sw3.png) no-repeat top center;background-size: cover;}
.page3 .swiper-slide .txt p::before{position: absolute;content: "";background: url(../images/page3Icon.png)  no-repeat left top;left:-12px;top:3px;width: 16px;height: 17px;}


/* 留学规划 */
.page4 .content{box-shadow:0 5px 6px 1px rgba(0, 99, 119, .16);}
.page4 ul{display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;}
.page4 ul li{width: 25%;text-align: center;box-sizing: border-box;}
.page4 ul.top li{font-size: 20px;color: #ffffff;height: 46px;line-height: 46px;background: #019796;}
.page4 ul.txt li{font-size: 16px;color: #666666;line-height: 26px;border-right: 1px solid rgba(68, 210, 28, .2);height: 82px;display: flex;flex-direction: row;justify-content: center;align-items: center;} 
.page4 ul.txt2{background: rgba(68,210,208,.05);}
.page4 ul.txt li.left{color: #03a9a7;}
.page4 ul li:last-child{border-right: 0;}


/* 留学院校推荐 */
.page5{background: url(../images/page5Bg.jpg) no-repeat top center;}
.page5 ul{display: flex;flex-direction: row;justify-content: space-between;}
.page5 ul li{ width: 264px; height: 230px; text-align: center; position: relative; cursor: pointer; box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.3); border-radius:10px;}
.page5 ul li:nth-child(1){background: url(../images/page5Img1.png) no-repeat top center;}
.page5 ul li:nth-child(2){background: url(../images/page5Img2.png) no-repeat top center;}
.page5 ul li:nth-child(3){background: url(../images/page5Img3.png) no-repeat top center;}
.page5 ul li:nth-child(4){background: url(../images/page5Img4.png) no-repeat top center;}
.page5 ul.last li:nth-child(1){background: url(../images/page5Img5.png) no-repeat top center;}
.page5 ul.last li:nth-child(2){background: url(../images/page5Img6.png) no-repeat top center;}
.page5 ul.last li:nth-child(3){background: url(../images/page5Img7.png) no-repeat top center;}
.page5 ul.last li:nth-child(4){background: url(../images/page5Img8.png) no-repeat top center;}
.page5 ul li img{position: absolute;top:60px;left: 50%;margin-left: -62px;}
.page5 ul li h4{margin-top: 180px;color: #333333;font-weight: bold;}
.page5 ul li:hover{ box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.9);}
.page5 ul li:hover h4,.page5 ul li.active h4{color: #009137;}


.page5 .txtBox{display: flex;flex-direction: row;justify-content: space-between;background: url(../images/page5TxtBg1.png) no-repeat center center;margin: 30px 0;}
.page5 .txtBox .school{display: flex;width: 280px;height: 370px;padding: 10px 23px 0 23px;flex-direction: column;align-items: flex-start;box-sizing: border-box;background: url(../images/page5SchoolBg.png) no-repeat left top;}
.page5 .txtBox .school h3{text-align: center;font-size: 26px;color: #333333;line-height: 40px;margin: 20px 0;width: 100%;}
.page5 .txtBox .school p{font-size: 16px;line-height: 32px;color: #333333;padding: 0 10px;}
.page5 .txtBox .school p i{color: #009137;}
.page5 .txtBox .tabwrap{width: 920px;padding: 30px 20px 0 20px;box-sizing: border-box;display: flex;flex-direction: column;height: 370px;}
.page5 .tabwrap .tabs {display:flex;flex-direction: row;justify-content: space-around;box-shadow: 0 0 10px 1px rgba(36, 37, 37, .08);margin-bottom: 30px;}
.page5 .tabwrap .tabs .tab{height: 54px;line-height:54px;text-align: center;font-size: 18px;cursor: pointer;margin: 0;color: #999999;}
.page5 .tabwrap .tabs .tab.active{position: relative;color: #333333;font-weight: bold;}
.page5 .tabwrap .tabs .tab.active::after{position: absolute;content: "";width: 40%;height:3px;background: #009137;left: 50%;margin-left: -20%;bottom: 0;}
.page5 .tabwrap .tablist{height: 68%;overflow-y:auto;}
.page5 .tabwrap .tablist .item{width: 100%;display: none;}
.page5 .tabwrap .tablist .item.active{display: block;}
.page5 .tabwrap .tablist .item.text h3{display: flex;font-weight: normal;margin: 30px 0;border-left: 2px solid #009137;padding-left: 0.5%;font-size: 20px;}
.page5 .tabwrap .tablist .item.text h3 span {color: #333;padding: 2px 10px;font-weight: bold;}
.page5 .tabwrap .tablist .item.text h3 em{flex: 1;height: 1px;background: #e5e5e5;margin-left: 1%;margin-top: 12px;}
.page5 .tabwrap .tablist .item.text p { margin: 15px 0;line-height: 180%;text-align: justify;}






/* 
.xdf_slide .xdf_slidebtn{ width: 90px; height: 30px; line-height: 30px; font-size:14px; color: #066147; border-radius:14px; -webkit-border-radius:14px; -moz-border-radius:14px; -ms-border-radius:14px; -o-border-radius:14px;cursor: pointer;text-align: center;background: linear-gradient(-45deg, #c9e1d5 50%, #f1f8f0 60%, #c9e1d5 70%);background-size: 600% 100%;-webkit-animation: shine 10s infinite;animation: shine 10s infinite;-webkit-animation-delay: 0s;animation-delay: 0s;-webkit-animation-timing-function: linear;animation-timing-function: linear;bottom: 5px;}
.xdf_bottomForm.form-wrap{background-color:rgba(43, 49, 60, .7);}
.xdf_bottomForm.form-wrap h2{font-size: 22px;color: #ffffff;padding: 20px 0 0 10px;}
.xdf_bottomForm.form-wrap img.ax_img {position: absolute;left: 0;bottom:-61px;}
.xdf_bottomForm.form-wrap .m1200{position: relative;border: none;width: 1200px;padding: 0px 0 0 160px;height: 80px;box-sizing: border-box;}
.xdf_bottomForm.form-wrap form .label{border-radius:0;width: 10%;margin: 20px .8% 0;}
.xdf_bottomForm.form-wrap form .label.Code{margin-right: 0;width:8%;}
.xdf_bottomForm.form-wrap form .label.Code i{background:url(../images/yzmIcon.png) no-repeat center left;top: 11%;}
.xdf_bottomForm.form-wrap form .label.Code input{margin-top: 12px;}
.xdf_bottomForm.form-wrap form .SmsCodeBtn{border-radius: 0;margin-top: 20px;height: 40px;line-height:40px;background-color: #0acc8b;margin-right: 1%;width: 130px;}
.xdf_bottomForm.form-wrap form .label i.iconDown{left: 77%;}
.xdf_bottomForm.form-wrap .xdf_formbtn,.xdf_bottomForm.form-wrap .btn{ font-size: 18px; background:#0acc8b; width:18%; height:40px; border-radius: 20px; margin-top: 20px; color: #ffffff;margin: 20px 10px 0;}
.xdf_bottomForm.form-wrap .btn{ background:#49c7bf;color: #ffffff;width: 20%;webkit-animation: ball-scale-multiple 1s 0s linear infinite alternate;animation: ball-scale-multiple 1s 0s linear infinite alternate;cursor: pointer;}
.xdf_bottomForm.form-wrap .tiaokuan{color: #ffffff;font-size: 12px;}
.xdf_bottomForm.form-wrap .tiaokuan a{color:#ffffff;}
.xdf_slide .xdf_slidebtn{width: auto;height: auto;bottom: -10px;}
 */

 .ul_con{display: none !important;}
 .qt_pop_trial_reading_wrap .trial_reading.active .swiper-container-trial-reading{width: 100%;}
 
 .qt_pop_trial_reading_wrap .trial_reading.active .lxsc_tit{padding-left: 0;width: 100%;}
 .qt_pop_trial_reading_wrap .trial_reading.active{width: 63vh;}
 
 .xdf_bottomForm_new .ax_img{ background-image: url(../images/bottomFormImg.png);
     height: 136px;}
 .xdf_bottomForm_TwoBtn .xdf_bottomForm.form-wrap .xdf_formbtn{width: 18%;}









@media screen and (max-width:1000px) {
    .m1200{width: 96%;}
    .header_banner{height: 4rem;background: url(../images/bannerBg.jpg) no-repeat top center;background-size: cover;}
    .header_banner img{width: 4.99rem;height: 2.44rem;margin:1.04rem 0 0 .2rem;}

    .page{padding: .5rem 0;}
    .page h2 {margin-bottom: .35rem;}
    .page h2 img{width: 45%;}


    /* .page1{background: linear-gradient(to right,rgba(208,234,255,1) 0,rgba(255,255,255,0) 58%);height: auto;}
    .page1 ul{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-around;}
    .page1 ul li{ position: initial !important; margin: .1rem 0 !important; width: 3.35rem !important; height: 1.88rem !important; background: #ffffff; border-radius:.1rem;padding: .25rem .16rem !important;box-sizing: border-box;box-shadow: 0 0 .1rem 0.01rem rgba(0, 0, 0, 0.3) !important;align-items: flex-start !important;}
    .page1 ul li.active{box-shadow: 0 0 .1rem 0.01rem rgba(0, 0, 0, 0.3) !important;}
    .page1 ul li h3{font-size: .28rem !important;color: #333333 !important;}
    .page1 ul li p{font-size: .22rem !important;line-height: .3rem !important;text-align: left !important;}
    .page1 ul li.bottom{width: 96% !important;}
    .page1 ul li div{display: flex;flex-direction: row;align-items: center;}
    .page1 ul li img{width: .48rem;height: .48rem;} */
   /* 留学优势 */
	.lxys{background: linear-gradient(to right,rgba(228,232,255,1) 0,rgba(255,255,255,0) 30%);height: auto !important;}
	.lxys .content{height: auto !important;}
	.lxys .content ul{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-around;background: none;height: auto !important;width: auto !important;}
	.lxys ul li{ position: initial !important; margin: .1rem 0 !important; width: 3.35rem !important; height: 1.2rem !important; background: #ffffff; border-radius:.1rem;box-sizing: border-box;box-shadow: 0 0 .1rem 0.01rem rgba(0, 0, 0, 0.3) !important;align-items: flex-start !important;background-position: 93% center !important;background-size: .55rem auto !important;background-color: #ffffff !important;background-repeat: no-repeat !important;padding: .24rem .3rem !important}
	.SECONDARY .lxys ul li{padding: .24rem .1rem !important}
	.SECONDARY .lxys ul li:nth-child(5){width:96% !important;padding: .24rem .1rem !important}
	.lxfy .cost .fyLeft ul{flex-direction: column;}
	.lxys .content ul{background: none !important;}
	.lxys ul li h3{font-size: .24rem !important;color: #333333 !important;line-height: .3rem;}
	.lxys ul li p{font-size: .22rem !important;line-height: .3rem !important;text-align: left !important;}
	.lxys ul li.bottom{width: 96% !important;}
	.lxys ul li div{display: flex;flex-direction: row;align-items: center;}
	.lxys ul li img{width: .48rem;height: .48rem;margin-right: .1rem;}
	.lxys ul li i{display: none;}

    .lxys{background: none;}
	.lxys ul li:nth-child(1).active{background-image: url(../images/bk/lxysIcon1.png);}
	.lxys ul li:nth-child(2){background-image: url(../images/bk/lxysIcon2.png);}
	.lxys ul li:nth-child(3){background-image: url(../images/bk/lxysIcon3.png);}
	.lxys ul li:nth-child(4){background-image: url(../images/bk/lxysIcon4.png);}
	.lxys ul li:nth-child(5){background-image: url(../images/bk/lxysIcon5.png);}
	.lxys ul li:nth-child(6){background-image: url(../images/bk/lxysIcon6.png);}
	.lxys ul li:nth-child(7){background-image: url(../images/bk/lxysIcon7.png);background-position: 97% center !important;}
	.lxys ul li.left h3,.lxys ul li.right h3{font-weight: bold;}
	.SECONDARY .lxys ul li.left h3,.SECONDARY .lxys ul li.right h3,.SECONDARY .lxys ul li.center h3{font-weight: normal;}
	.lxfy .cost .fyLeft ul li{margin: 0;width: 100%;}
	.lxys ul li{height: 1rem !important;background-color: #ffffff !important;}
	.lxys .btns{display: none !important;}
	.lxys ul li:nth-child(3){width: 3.35rem !important;order: 0;}


    .page2{background: url(../images/page2Bg.jpg) no-repeat top center;background-size: cover;}
    .page2 .cost{flex-direction: column;}
    .page2 .cost .fyLeft{padding: .45rem .3rem 0;}
    .page2 .cost .fyLeft p{font-size: .24rem;line-height: .36rem;}
    .page2 .cost .fyLeft ul{margin-top: .2rem;}
    .page2 .cost .fyLeft ul li{background-size: .24rem;padding-left: .25rem;background-position-x: -.01rem;margin: .2rem 0;}
    .page2 .cost .fyLeft ul li h4{font-size: .3rem;line-height: .4rem;}
    .page2 .cost .fybd{width: 100%;background:url(../images/m_page2BdBg.png) repeat-x left bottom;background-size: 100%;}
    .page2 .cost .fybd h3{font-size: .42rem;line-height: 1.1rem;}
    .page2 .cost .form-wrap{padding-bottom: .65rem;background-size: cover;}
    .page2 .cost .form-wrap .label{ height: .7rem; line-height: .7rem; border-radius:.05rem;padding-left: 12% ; }
    .page2 .cost .form-wrap form .label input, .form-wrap form .label select{font-size: .28rem;line-height: .7rem;}
    .page2 .cost .form-wrap form .label i.iconDown{left: 88%;}
    .page2 .cost .form-wrap .label.Code input{width: 65%;}
    .page2 .cost .form-wrap form .label span{font-size: .28rem;}
    .page2 .cost .form-wrap .xdf_formbtn{ border-radius: .16rem; }
    .page2 .cost .bdResult p{font-size: .3rem;margin: .35rem;line-height: .44rem;}
    .page2 .cost .bdResult p.msg{font-size: .24rem;}


    .page3{background: linear-gradient(to left,#dcf7a8,#ffffff);}
    .page3 .swiper-wrapper{padding-top: 2.2rem;}
    .page3 .swiper-slide{ width: 100% !important; border-radius: .2rem;height: 3.58rem;margin: 0;padding: .5rem .55rem;}
    .page3 .swiper-slide .txt p{font-size: .22rem;line-height: .4rem;margin-top:0;margin-bottom: .36rem;text-align: justify;}
    .page3 .swiper-slide:nth-child(1) {
        background: url(../images/m_page3sw1.png) no-repeat top center;background-size: cover;
    }
    .page3 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{top: 0;display: flex !important;flex-direction: row;justify-content: space-between;}
    .page3 .swiper-pagination-bullet{background: #ffffff;opacity: 1;color: #000000;}
    .page3 .swiper-pagination-bullet h6{font-size: .32rem;font-weight: normal;}
    .page3 .swiper-pagination-bullet-active{opacity: 1;background: #42bab9;}
    .page3 .swiper-pagination-bullet-active h6{font-weight: bold;color: #ffffff;font-weight: bold;}
    .page3 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ width: 2.17rem; height:1.93rem; border-radius:.2rem;}
    .page3 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet img{margin: .1rem 0;width: 1.1rem;height: 1.1rem;}





    .page4 {background: url(../images/page4Bg.jpg) no-repeat top center;background-size: cover;}
    .page4 ul.top li{font-size: .28rem;height: .88rem;line-height: .88rem;}
    .page4 ul{background: #ffffff;}
    .page4 ul.txt li{font-size: .2rem;height: 1.56rem;line-height: .26rem;padding: 0 0.08rem;}
    .page4 ul.txt2{background: #f2fcf9;}
}