body{margin:0;padding:0;padding: 2rem 0 2rem;} /*common*/ #main{ font-size: 0; font-family: 微软雅黑; color: #4c4c4c; background: #ebfff7; font-size: 0.55rem; margin: auto; } #main li{list-style: none;} #main img{vertical-align: middle;} #main a{color: inherit;} #main i{font-style: normal;} #main a.btn{display: block;text-decoration: none;} #main .showmq{font-size: 0.55rem;text-decoration: underline;} #main .showmq.btn{text-decoration: none;} #main .box-inline{text-align: center;} #main .box-inline .btn{display: inline-block;} #main .fl{float: left;} #main .fr{float: right;} #main .tr{text-align: right;} #main .clearfloat:after{content:"";display:block;clear:both;height:0} #main .dyno{display: none;} /* 标题 */ .bt{ overflow: hidden; width: 100%; text-align: center; font-size: 0.875rem; color: #033d30; font-family: [notosanscjk]; font-weight: bold; margin-top: 1rem; } .bt img{ width: 8.2rem; display: block; margin:0.45rem auto 1rem; } .annu{ width: 13.5rem; margin:0.75rem auto 0.75rem; overflow: hidden; padding-bottom: 0.2rem; } .annu span{ width: 6.5rem; line-height: 1.55rem; text-align: center; border-radius: 0.75rem; font-size: 0.65rem; font-weight: bold; color: #ffffff; box-shadow: 0 0.1rem 0.1rem #bfbfbf; background: #ffa000; } /* .annu .annu_1{ background: linear-gradient(0, #ba1313, #fe3000); box-shadow: 0 0.2rem 0.3rem #caa7a7; } .annu .annu_2{ background: linear-gradient(0, #ffbb00, #fff500); box-shadow: 0 0.2rem 0.3rem #e8c89a; color: #000000; } */ /* 图 */ .header{ background: url(/uploads/image/zasimages/bam_01.jpg) no-repeat; background-size:100% 100%; height: 11.25rem; position: relative; } /* 8大优势 */ .main_fyyr{ overflow: hidden; } .swiper-container1 .swiper-slide{ padding-bottom: 1.5rem; padding: 0 0.4rem 1.5rem; } .swiper-container1 .fyyr_nr { overflow: hidden; background:url(/uploads/image/zasimages/ys_bj.png) no-repeat; background-size: 100% 100%; width: 7.5rem; height: 9.875rem; box-shadow: 0 0 0.2rem #d0f2e5; } .swiper-container1 .fyyr_nr img{ width: 6.25rem; margin: auto; display: block; } .swiper-container1 .fyyr_nr strong{ display: block; text-align: center; font-size: 0.65rem; color: #033d30; height: 3.1rem; overflow: hidden; } .swiper-container1 .fyyr_nr strong span{ line-height: 0.875rem; margin-top: 1rem; display: block; } .swiper-container1 .fyyr_nr strong .sp1{ margin-top: 0.5rem; } .swiper-container1 .fyyr_nr p{ padding: 0.6rem 1rem 0; line-height: 0.75rem; font-size: 0.55rem; } .swiper-pagination-bullet-active { opacity: 1; background: #ffa000; } /* 条件 */ .main_tj{ overflow: hidden; } .main_tj .tj_ul{ overflow: hidden; padding: 0 0.45rem; } .main_tj .tj_ul li{ height: 5.25rem; width: 15.2rem; overflow: hidden; margin-bottom: 0.375rem; box-shadow: 0 0 0.2rem #cbefe1; } .main_tj .tj_ul li .tj_left{ width: 4.5rem; font-size: 0.6rem; font-weight: bold; overflow: hidden; color: #ffffff; line-height: 0.875rem; text-align: center; margin-top: 1.75rem; float: left; } .main_tj .tj_ul li .tj_right{ float: left; width: 10rem; margin-left: 0.5rem; padding-top: 0.6rem; } .main_tj .tj_ul .ll1{ background:url(/uploads/image/zasimages/tj_01.jpg) no-repeat; background-size: 100% 100%; } .main_tj .tj_ul .ll2{ background:url(/uploads/image/zasimages/tj_02.jpg) no-repeat; background-size: 100% 100%; } .main_tj .tj_ul li .tj_right p{ margin-bottom: 0.2rem; font-size: 0.55rem; overflow: hidden; } .main_tj .tj_ul li .tj_right p strong{ float: left; } .main_tj .tj_ul li .tj_right p span{ float: left; width: 6.5rem; line-height: 0.75rem; } .main_tj .tj_ul li .tj_right p i{ width: 0.2rem; height: 0.2rem; border-radius: 50%; background: #333333; float: left; margin: 0.3rem 0.2rem 0 0; } /* 费用 */ .main_fy{ overflow: hidden; background:url(/uploads/image/zasimages/bj1.jpg) no-repeat; background-size: 100% 100%; } .main_fy .fy_ul{ overflow: hidden; padding: 0 0.5rem; } .main_fy .fy_ul li{ background:url(/uploads/image/zasimages/fy.jpg) no-repeat; background-size: 100% 100%; height: 15rem; height: 2.5rem; margin-bottom: 0.35rem; } .main_fy .fy_ul li .fy_left{ width: 3.5rem; line-height: 2.5rem; text-align: center; float: left; } .main_fy .fy_ul li .fy_left img{ width: 1.325rem; display: block; margin:0.25rem auto 0.1rem; } .main_fy .fy_ul li .fy_left p{ color: #ffffff; line-height: 0.75rem; } .main_fy .fy_ul li .fy_right{ line-height: 0.8rem; float: left; width: 8.5rem; margin: 0.9rem 0 0 1rem; } /* 申请先机 */ .main_sqxj{ overflow: hidden; } .main_sqxj .sqxj{ width: 15rem; height:16.175rem; margin: auto; background: url(/uploads/image/zasimages/xj_bj.jpg) no-repeat; background-size: 100% 100%; } .main_sqxj .sqxj p{ font-size: 0.55rem; line-height: 0.875rem; padding: 0.75rem 1.5rem 1.2rem; color: #ffffff; } .main_sqxj .sqxj strong{ display: block; overflow: hidden; color: #000000; font-size: 0.6rem; text-align:center; margin-bottom: 1.25rem; } .main_sqxj .sqxj img{ width: 100%; padding: 0 0.125rem; } /* 热门院校 */ .main_dzb{ overflow: hidden; width: 14rem; margin: auto; } .main_dzb ul{ overflow: hidden; } .main_dzb ul li{ height: 2rem; width: 4.5rem; text-align: center; color: #ffffff; background: #033d30; float: left; margin-right: 0.25rem; margin-bottom: 0.25rem; border-radius: 0.1rem; } .main_dzb ul .rig1{ margin-right: 0px; } .main_dzb ul li p{ margin-top: 0.3rem; font-weight: bold; font-size: 0.6rem; line-height: 0.75rem; } .main_dzb ul .funt2{ background: #ffa000; } .main_dzb .dzb_nr{ width: 14rem; overflow: hidden; background: #ffffff url(/uploads/image/zasimages/rmyx_bj.jpg) top no-repeat; background-size:100% 3.05rem; margin:0.5rem auto 0; box-shadow: 0 0.1rem 0.2rem #daf7ec; } .main_dzb .dzb_nr .dzb_nr_top{ height: 4.5rem; border-bottom: 1px solid #ebfff7; margin-bottom: 0.6rem; margin-top: 0.45rem; } .main_dzb .dzb_nr .dzb_nr_top img{ width: 3.75rem; margin-left: 2.25rem; margin-right: 0.7rem; float: left; } .main_dzb .dzb_nr .dzb_nr_top strong{ font-size: 0.65rem; overflow: hidden; display: block; float: left; margin-top: 1.5rem; } .main_dzb .dzb_nr .dzb_nr_bottom{ padding: 0 0.8rem; } .main_dzb .dzb_nr .dzb_nr_bottom p{ overflow: hidden; margin-bottom: 0.5rem; } .main_dzb .dzb_nr .dzb_nr_bottom p strong{ float: left; margin-right: 0.5rem; } .main_dzb .dzb_nr .dzb_nr_bottom p span{ float: left; width: 9.15rem; overflow: hidden; line-height: 0.75rem; } /* 申请案例 */ .main_sqal{ background: no-repeat top; background-size:100% 5.1rem; } .main_sqal .swiper-container{ overflow: none; padding-top: 0.3rem; } .main_sqal .sqal_nr{ width: 15rem; margin:0 auto 1.5rem; overflow: hidden; height: 7rem; padding: 0.5rem 0.8rem 0; position: relative; border-top: 0px; background: #ffffff; border-radius: 0.3rem; box-shadow: 0 0.1rem 0.2rem #daf7ec; } .main_sqal h3{ line-height: 2.3rem; height: 2.3rem; font-size: 0.6rem; font-weight: bold; margin-top: 0.35rem; background: #d3f1e7; margin: 0 0.5rem; text-indent: 4rem; position: relative; color: #000000; border-radius: 0.3rem; } .main_sqal h3 img{ position: absolute; width: 1.75rem; left: 1rem; top: -0.2rem; } .sqal_nr p{ margin-top: 0.7rem; overflow: hidden; } .sqal_nr p strong{ float: left; } .sqal_nr p b{ float: left; font-weight: initial; width: 9.75rem; } .sqal_nr .sp2{ color: #ffffff; font-weight: bold; width: 6.5rem; line-height: 1.375rem; background: #ff452c; display: block; text-align: center; border-radius: 0.7rem; bottom: 0.7rem; left: 50%; margin-left: -3.25rem; position: absolute; } /* 留学规划师 */ .main_lxzj .lxzj{ overflow: hidden; height: 8.3rem; border-bottom: 1px dashed #dbd7d1; } .main_lxzj .lxzj_kuang{ overflow: hidden; border-radius: 0.2rem; background: #ffffff; margin: 0 0.5rem; } .lxzj_box{ overflow: hidden; margin: 0.9rem 0; } .lxzj_ul{ overflow: hidden; display: flex; justify-content: space-between; padding: 0 0.9rem; } .lxzj_ul li{ width: 2.4rem; overflow: hidden; } .lxzj_ul li p{ width: 2.4rem; height: 2.4rem; overflow: hidden; border: 0.1rem solid #ffffff; border-radius: 50%; background: #484848; } .lxzj_ul li p img{ width: 100%; padding: 0.3rem 1px 0; } .lxzj_ul li span{ text-align: center; margin-top: 0.3rem; font-size: 0.55rem; display: block; } .lxzj_box .lxzj_ul .funt3{ border: 0.1rem solid #ffbe3e; } .main_lxzj .lxzj_nr{ overflow: hidden; } .main_lxzj .lxzj_nr .lxzj_top{ height: 1.4rem; line-height: 1.4rem; background: #ffba33; text-align: center; } .main_lxzj .lxzj_nr .lxzj_top strong{ font-size: 0.55rem; font-weight: initial; color: #000000; } .main_lxzj .lxzj_nr .lxzj_bottom{ padding: 0.25rem; overflow: hidden; } .main_lxzj .lxzj_nr .lxzj_bottom h6{ float: left; width: 5.2rem; height: 7rem; margin-right: 0.5rem; overflow: hidden; } .main_lxzj .lxzj_nr .lxzj_bottom h6 img{ width: 100%; } .main_lxzj .lxzj_nr .lxzj_bottom .lxzj_zl{ overflow: hidden; margin-top: 0.2rem; } .main_lxzj .lxzj_nr .lxzj_bottom .lxzj_zl h3{ font-size: 0.65rem; margin-bottom: 0.1rem; font-weight: bold; color: #000000; } .main_lxzj .lxzj_nr .lxzj_bottom .lxzj_zl p{ margin-top: 0.4rem; line-height: 0.8rem; padding-right: 0.4rem; } .main_lxzj .lxzj_nr .lxzj_bottom .lxzj_zl p a{ color:#ffa000!important; word-break:break-all; } .main_lxzj .lxzj_nr .lxzj_bottom .lxzj_zl p span{ font-weight: bold; display: block; color: #000000; margin-bottom: 0.1rem; } .main_lxzj .lxzj_nr .lxzj_bottom .lxzj_zl strong{ font-weight: initial; } /* 留学路 */ .main_lxl{ overflow: hidden; } .main_lxl .lxl_ul{ overflow: hidden; padding: 0.3rem; background: #ffffff; box-shadow:0.2rem; width: 15rem; margin: auto; } .main_lxl .lxl_ul li{ width: 14.5rem; height: 3.5rem; overflow: hidden; margin-bottom: 0.25rem; color: #ffffff; } .main_lxl .lxl_ul .li1{ background: url(/uploads/image/zasimages/lxl_01.jpg) no-repeat; background-size: 100% 100%; } .main_lxl .lxl_ul .li2{ background: url(/uploads/image/zasimages/lxl_02.jpg) no-repeat; background-size: 100% 100%; } .main_lxl .lxl_ul .li3{ background: url(/uploads/image/zasimages/lxl_03.jpg) no-repeat; background-size: 100% 100%; } .main_lxl .lxl_ul .li4{ background: url(/uploads/image/zasimages/lxl_04.jpg) no-repeat; background-size: 100% 100%; } .main_lxl .lxl_ul li strong{ float: left; line-height: 0.75rem; margin: 1rem 1.5rem 1rem 0.75rem; width: 2.5rem; text-align: center; } .main_lxl .lxl_ul li p{ float: left; width: 8.75rem; margin-top: 0.6rem; } .main_lxl .lxl_ul li .to1{ margin-top: 1.4rem; } /* 效率高 */ .main_xlg{ overflow: hidden; background: url(/uploads/image/zasimages/bj3.jpg) no-repeat; background-size: 100% 100%; height: 12.4rem; } .main_xlg .bt_1{ font-weight: bold; color: #033d30; text-align: center; margin-top: 0.8rem; } .main_xlg .bt_1 span{ font-size: 0.75rem; } .main_xlg .bt_1 p{ font-size: 0.875rem; margin-top: 0.1rem; } .main_xlg .xlg_ul{ overflow: hidden; width: 15rem; margin:0.6rem auto 0; } .main_xlg .xlg_ul li{ width: 7.45rem; float: left; height: 4rem; color: #ffffff; padding: 0.6rem 0.8rem 0 1rem; overflow: hidden; } .main_xlg .xlg_ul li strong{ font-size: 0.6rem; margin-bottom: 0.1rem; display: block; } /*注册*/ .zc{ overflow: hidden; background: url(/uploads/image/zasimages/bj2.jpg) no-repeat; background-size: 100% 100%; } .zc .zc_bt{ margin:0.8rem auto 0.7rem; overflow: hidden; text-align: center; font-size: 0.9rem; font-weight: bold; } .zc .zc_bt img{ width: 12.7rem; } .zc .zc_bt span{ font-weight: bold; font-size: 0.85rem; line-height: 1.3rem; } .zc .zc_bt .zc_sp1{ color: #df5f5f; border-bottom: 2px solid #df5f5f; } .zc .zc_bt .zc_sp2{ color: #39a1ff; border-bottom: 1px solid #39a1ff; } .zc .pageform{ margin: 0rem auto 0; background: no-repeat; background-size:100% 100%; width: 14rem; padding-bottom: 0.9rem; } .zc .pageform .form-item{ position: relative; margin: 0 auto 0.25rem; height: 1.5rem; overflow: hidden; width: 100%; box-shadow: 0 0 0.2rem #dcd9cb; } .zc .pageform input, .zc .pageform select{ border: 0; resize:none;outline: none;-webkit-appearance: none; background-color: #fff;color: #939393; padding-left: 1.9rem; font-size: 0.6rem; width: 100%;height: 100%; overflow: hidden; } .zc .pageform select{ background-repeat: no-repeat; background-position: 12.2rem 0.6rem; -webkit-background-size: 1.05rem; background-size: 1.05rem; overflow: hidden; } .zc .pageform .select-parent i{ position: absolute;right: 0.5rem;top: 50%;margin-top: -0.15rem; border-style: solid; border-width: 0.3rem 0.3rem 0; border-color: #000000 transparent transparent; } .zc .pageform .form-item img{ position: absolute; width: 1.1rem; left: 0.4rem; top: 0.1rem; } .zc .pageform input::-webkit-input-placeholder{color: #848c97;} .zc .pageform .j_submit{ margin-top: 0.75rem; } .zc .pageform .form-code{padding-left: 0.8rem;} .zc .pageform .j_getcode{ position: absolute; right: 0; top: 0; width: 5.6rem; background: #ffa000; color: #ffffff; font-weight: normal; display: block; line-height: 1.5rem; height: 1.5rem; font-size: 0.6rem; text-align: center; } .zc .pageform .item-code:before{content: none;} .btn{ margin: 0 auto; text-align: center; width: 6.5rem; height: 1.5rem; line-height: 1.5rem; font-size: 0.65rem; color: #2b1201; font-weight: bold; background: #ffdb17; border-radius: 0.75rem; } .zc .pageform .wid1,.section-pop .pageform .wid1{ width: 49%; } .zc .pageform .wid1 select,.zc .pageform .wid1 .form-name, .section-pop .pageform .wid1 select,.section-pop .pageform .wid1 .form-name{ padding-left: 1rem; } .zc .pageform .wid2{ width: 60%; } .zc .pageform .wid3{ width: 38%; } .section-pop.active{display: block;} /*pop*/ .section-pop{ display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 99999; margin: 0; width: 100%; background: none!important; } .section-pop.active{display: block;} .section-pop .pop-shadow{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); } .section-pop .pop-box{ position: absolute;top: 50%;left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 13.95rem; height: 17rem; background:url(/uploads/image/zasimages/tc_bj1.png) no-repeat center; background-size: 100% 100%; } .section-pop .pop-box .pageform{ width: 11.35rem; margin: auto; overflow: hidden; } .section-pop .pop-top{ width: 100%; color: #033d30; display: table; margin-top: 0.5rem; margin-bottom: 0.8rem; text-align: center; font-weight: bold; font-size: 1rem; letter-spacing:1px; } .section-pop .pop-top p{ font-size: 0.65rem; margin-top: 0.1rem; } .section-pop .pop-close{ width: 1.5rem; height: 1.8rem; position: absolute; left: 50%; margin-left: -0.725rem; bottom:-1.8rem; cursor: pointer; background: url(/uploads/image/zasimages/xx.png) no-repeat; background-size: 100% 100%; } .section-pop .form-item{ position: relative; margin: 0 auto 0.25rem; height: 1.5rem; overflow: hidden; width: 100%; } .section-pop .pageform .form-item img { position: absolute; width: 1.25rem; left: 0.4rem; top: 50%; margin-top: -0.5rem; } .section-pop .pageform select { background-repeat: no-repeat; background-position: 12.2rem 0.6rem; -webkit-background-size: 1.05rem; background-size: 1.05rem; } .section-pop .pageform input, .section-pop .pageform select { border: 0; resize: none; outline: none; -webkit-appearance: none; background-color: #fff; color: #939393; padding-left: 1.9rem; font-size: 0.5rem; width: 100%; height: 100%; } .section-pop .pageform .j_getcode { position: absolute; right: 0; top: 0; width: 4.4rem; background: #033d30; color: #ffffff; font-weight: normal; display: block; line-height: 1.5rem; height: 1.5rem; font-size: 0.5rem; text-align: center; } .section-pop .select-parent i{border-top-color: #cbcbcb} .section-pop .j_submit{margin-top: 0.7rem;line-height: 1.625rem;height: 1.625rem;} .section-pop .pageform .select-parent i{ position: absolute; right: 0.5rem; top: 50%; margin-top: -0.15rem; border-style: solid; border-width: 0.3rem 0.3rem 0; border-color: #5a677e transparent transparent; } .tc2 .pop-box{ background: url(/uploads/image/zasimages/tc_bj2.png) no-repeat center; background-size: 100% 100%; height: 15rem; } .zc_cs1{ border: 0.15rem solid #5a677e; margin: 0.8rem 0.6rem 0; border-radius: 0.5rem; } .zc_cs1 .pageform{ padding: 0 0.2rem; } .zc_cs1 .zc_bt{ font-weight: bold; color: #ffa4a4; font-size: 0.9rem; border: 0.15rem solid #5a677e; line-height: 1.5rem; margin: 0.2rem 0.2rem 0.35rem; border-radius: 0.2rem; } .zc_cs2{ background: #f2f2f2; margin: 0 0.65rem; } .zc_cs3{ margin: 1rem 0.65rem 0; background: #f2f2f2; }