body,ul,li,p,em,i,a,pre,h4,h6,h1,h2,h3,h5,pre,option,select,input,div{text-decoration:none;list-style:none;margin:0;padding:0;font-style:normal;font-family:"寰蒋闆呴粦";} body img{vertical-align:top;} a,input,select{-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);-moz-tap-highlight-color:rgba(0,0,0,0);} /*鍏敤鏍峰紡begin*/ .fl{float:left;} .fr{float:right;} .clearfix:after{display:block;visibility:hidden;clear:both;height:0;overflow:hidden;content:'.';} .hide{display:none;} .show{display:block;} .circle,.circle_box,.school_title:before,.school_title:after,.school_title>p:before,.school_title>p:after{ border-radius:50%; -webkit-border-radius:50%; } .page1,.page2,.page4,.page5{margin-top:1.5rem;} .page3{margin-top:2rem;} .title{text-align:center;} .title>img{ width: 13.75rem; height: 1.5rem; background-size:contain; } .w1{width: 11.25rem;} .w2{width: 12.5rem;} .common_button{margin:0.5rem auto 0;overflow:hidden;} .common_button>a,.enquir{ display:block; height:1.65rem; background:#ffd800; border-radius:30px; -webkit-border-radius:30px; font-size:0.55rem; color:#111 !important; text-align:center; line-height:1.75rem; } .w1>a{width:5.125rem;} .w2>a{width:5.875rem;} /*鍏敤鏍峰紡end*/ #japan{position:relative;width:100%;font-family:'microsoft yahei';background:#ffe4d6;} #japan header{ width:100%; height:1.9rem; text-align:center; padding:0 0.4rem; box-sizing:border-box; border-bottom:1px solid #535353; background:#f6f6f6; } .header>a{display:inline-block;} .header .fl>img,.header .logo>img,.header .tel>img{width:60%;} .header .fl>img{padding-top:0.6rem;} .header .logo>img{padding-top:0.3rem;} .header .tel>img{padding-top:0.4rem;} .banner{ background:url(/uploads/image/zjeimages/banner.jpg) no-repeat; width: 100%; height: 9.625rem; background-size:contain; } #japan .content{ width: 14.5rem; margin:0 auto; padding-bottom:4rem; } .menu{ width: 13.75rem; margin:0 auto; } .menu>li{ float:left; margin-right:0.9rem; color:#111; font-size:0.55rem; text-align:center; } .menu>li>a{color:#111;} .menu>li:nth-of-type(4){margin-right:0;} .circle{ width:2.7rem; height:2.7rem; background:#ff9660; margin-bottom:0.3rem; text-align:center; padding-top:0.5rem; box-sizing:border-box; } .circle>img{ width:1.75rem; height:1.5rem; background-size:contain; } .item_box{margin-top:1.125rem;} .list1>li{ font-size:0.7rem; float:left; width:4.7rem; height:1.75rem; text-align:center; line-height:1.75rem; background:#ffbe9d; margin-right:0.2rem; border-top-left-radius:5px; -webkit-border-top-left-radius:5px; border-top-right-radius:5px; -webkit-border-top-right-radius:5px; } .list1>li:nth-of-type(3){margin-right:0;} .list1>li.active{ background:#fff; font-weight:bold; } .item{ width:100%; height:13.5rem; } .item_son{ width: 100%; height: 100%; background:#fff; display:none; overflow:hidden; } .course{ width:12.25rem; height:9.4rem; margin:0.75rem auto 0; } .people{ padding-bottom:0.375rem; border-bottom:1px dashed #ffdecf; font-size:0.55rem; color:#111; } .common{overflow:hidden;} .mt5{margin-top:0.4rem;} .common>p{position:relative;margin-left:1.1rem;padding-left:0.1rem;line-height:0.95rem;} .common>p:before{ display:block; position:absolute; content:""; top:0.3rem; left:-0.3rem; width:0.18rem; height:0.18rem; background:#333; border-radius:50%; -webkit-border-radius:50%; } .mt4>p{margin-bottom:0.15rem;} .mt4>p:nth-of-type(5){margin-bottom:0;} .mt6{margin-top:0.85rem;} .line{color:#f00;text-decoration:underline;margin-left:0.5rem;} .bd-none{border-bottom:0;} .fee_box{ background:url(/uploads/image/zjeimages/fee_bg.png) no-repeat; width: 14.625rem; height: 18.875rem; background-size:contain; margin-top:1rem; overflow:hidden; } .cost_son{ width:13.25rem; height:10.25rem; margin:0.75rem auto 0; position:relative; } .cost_son>ul{ position:absolute; top:2.5rem; left:0; width:13.25rem; height:7.25rem; font-size:0.55rem; } .cost_son>ul>li{ position:absolute; text-align:center; } .cost_son>ul>li:nth-of-type(1){top:0.2rem;left:0;} .cost_son>ul>li:nth-of-type(2){top:2.7rem;left:1rem;} .cost_son>ul>li:nth-of-type(3){top:5.2rem;left:0;} .cost_son>ul>li:nth-of-type(4){top:0.2rem;left:7.5rem;} .cost_son>ul>li:nth-of-type(5){top:2.7rem;left:7.7rem;} .cost_son>ul>li:nth-of-type(6){top:5.2rem;left:5.8rem;} .cost_son>ul>li>b{color:#111;} .cost_son>ul>li>p{color:#333;margin-top:0.2rem;line-height:1rem;} .cost_box{ width: 10.375rem; height: 5.375rem; margin:1.45rem auto; position:relative; } .cost_box>ul{ position:absolute; top:1rem; left:5rem; } .cost_box>ul>li{ font-weight:bold; font-size:0.55rem; color:#111; position:absolute; width:3.5rem; } .cost_box>ul>li:nth-of-type(1){top:2.1rem;left:-3.6rem;} .cost_box>ul>li:nth-of-type(2){top:2.1rem;left:1.1rem;} .cost_box>ul>li:nth-of-type(3){top:3.5rem;left:-3.6rem;} .cost_box>ul>li:nth-of-type(4){top:3.5rem;left:1.1rem;} .cost_box>p,.cost_son>p{ letter-spacing:0.375rem; font-size:1.125rem; color:#fff; text-align:center; } .manage{ background-image:url(/uploads/image/zjeimages/time_bg1.png); width:14.625rem; height:6.875rem; background-size:contain; margin-top:0.75rem; position:relative; overflow:hidden; margin-bottom:0.6rem; } .manage>li{ width:5rem; height:2.75rem; position:absolute; font-size:0.55rem; } .manage>li:nth-of-type(1){top:2rem;left:1rem;} .manage>li:nth-of-type(2){top:4.2rem;left:9.25rem;} .manage>li:nth-of-type(3){top:7.2rem;left:3rem;} .manage>li:nth-of-type(4){top:8.7rem;left:9.25rem;} .manage>li>b{color:#111;} .manage>li>p{margin-top:0.5rem;line-height:0.85rem;} .ml1{margin-left:1.3rem;} .ml2{margin-left:-0.7rem;} .ml3{margin-left:1rem;} .part_time{ background:url(/uploads/image/zjeimages/part_time.png) no-repeat; height: 17.625rem; width: 100%; background-size:contain; margin-top:0.9rem; } .list5{ width:3.25rem; height:15.25rem; margin:0.8rem 0 0 0.75rem; } .list5>li{ color:#111; font-size:0.75rem; font-weight:bold; text-align:center; } .list5>li:nth-of-type(2){margin-top:2.3rem;} .list5>li:nth-of-type(3),.list5>li:nth-of-type(4){margin-top:3.6rem;} .text_box{ width:9.375rem; margin:0.7rem 0 0 0.95rem; } .text_son{width: 100%;} .text_son>p{ font-size:0.55rem; color:#111; line-height:1rem; position:relative; padding-left:0.5rem; } .text_son>p>a{color:#fe0000;text-decoration:underline !important;} .text_son>p:before,.text_son>p>a:before{ display:block; content:""; position:absolute; width: 0.18rem; height: 0.18rem; border-radius:50%; -webkit-border-radius:50%; background:#111; top:0.35rem; left:0.1rem; } .text_son>p>a:before{background:#fe0000;} .mt1{margin-top:2rem;} .mt2{margin-top:1.8rem;} .mt3{margin-top:1.5rem;} .custo{ position:fixed; width:100%; height:1.65rem; background:#ffd800; text-align:center; line-height:1.65rem; font-size:0.6rem; color:#111111; bottom:2.4rem; left:0; z-index:12; } .school_container{ width:16rem; height:16.5rem; position:relative; left:50%; margin-left:-8rem; top:0.5rem; } .swiper-container,.swiper-wrapper,.swiper-slide{width:16rem;height:16.5rem;} .school_box{ width:13rem; height:15.2rem; background:#fff; position:relative; box-shadow:0.5rem 0.1rem 1.5rem #eecfc0; margin-top:1.3rem; } .circle_box{ width:4.5rem; height:4.5rem; background:#fff; position:absolute; top:-1.3rem; left:50%; margin-left:-2.25rem; text-align:center; padding-top:0.6rem; box-sizing:border-box; } .circle_box>img{ background-size:contain; width:2.875rem; height:2.875rem; } .school_content{ width:11.625rem; height:11.25rem; position:absolute; top:2.6rem; left:50%; margin-left:-5.8125rem; } .school_title{ width: 100%; position:relative; } .school_title:before,.school_title:after,.school_title>p:before,.school_title>p:after{ position:absolute; display:block; content:""; width: 0.375rem; height: 0.375rem; border:1px solid #ffc5ab; box-sizing:border-box; } .school_title>p:before,.school_title>p:after{ border:none; background:#ffdecf; } .school_title1:before,.school_title1:after,.school_title2:before,.school_title2:after ,.school_title3:before,.school_title3:after{ top:0.4rem; z-index:111; } .school_title1>p:before,.school_title1>p:after,.school_title2>p:before,.school_title2>p:after ,.school_title3>p:before,.school_title3>p:after{top:0.4rem;} .school_title1:before{left:3.3rem;} .school_title1:after{right:3.3rem;} .school_title2:before{left:3rem;} .school_title2:after{right:3rem;} .school_title3:before{left:2.6rem;} .school_title3:after{right:2.6rem;} .school_title1>p:before{left:3.5rem;} .school_title1>p:after{right:3.5rem;} .school_title2>p:before{left:3.2rem;} .school_title2>p:after{right:3.2rem;} .school_title3>p:before{left:2.8rem;} .school_title3>p:after{right:2.8rem;} .school_title>p{ font-size:0.75rem; font-weight:bold; color:#111; text-align:center; margin-top:-0.12rem; } .detail_box{ width:10.75rem; margin:0.625rem auto 0; } .detail_box>li{ margin-bottom:0.625rem; overflow:hidden; font-size:0.55rem; color:#111; } .detail_box>li>p{line-height:0.85rem;} .lt1{letter-spacing:0.3rem;} .c-btn{ position:absolute; bottom:-0.6rem; } .shadow{ display:none; position:fixed; top:0; bottom:0; left:0; right:0; width: 100%; height: 100%; background:rgba(0,0,0,0.8); z-index:111; } .require,.name,.tel,.city{ border-radius:5px; -webkit-border-radius:5px; } .require{ display:none; width:13.5rem; background:#fff; position:fixed; z-index:112; top:50%; left:50%; transform:translate(-50%,-50%); } .require>h6{ width: 100%; height: 3.125rem; background:#ffe4d6; border-top-left-radius:5px; -webkit-border-top-left-radius:5px; border-top-right-radius:5px; -webkit-border-top-right-radius:5px; overflow:hidden; font-weight:normal; } .require>h6>p{ height:2.125rem; background-size:contain; text-align:center; font-size:0.875rem; color:#361200; line-height:2rem; margin:0.75rem auto 0; } .form{ width:9.5rem; height:6.75rem; margin:1rem auto 0; } .form_box>li{ height: 1.5rem; line-height:1.5rem; font-size:0.6rem; color:#000102; margin-bottom:0.75rem; } .require .name,.require .tel,.require .city{ width: 6.375rem; height: 1.5rem; outline:none; border:none; margin-left:0.5rem; padding-left:0.2rem; box-sizing:border-box; border:1px solid #ffbe9d; background-color:#fff; } .city{ appearance:none; -webkit-appearance:none; background-image:url(/uploads/image/zjeimages/select.jpg); background-size:0.75rem 0.75rem; background-repeat:no-repeat; background-position:5rem center; } .require .close{ background-size:contain; width: 1.5rem; height: 1.5rem; position:fixed; right:-0.5rem; top:-0.5rem; } .enquir{width:5.75rem;margin:0.3rem auto 0;font-size:0.6rem !important;position:relative;z-index:1111;} .form1,.form3,.form5,.form8{height:11.5rem;} .form2,.form4,.form6{height:14rem;} .form1>h6>p,.form5>h6>p,.form8>h6>p,.form9>h6>p{background-image:url(/uploads/image/zjeimages/bg1.jpg);width:10.875rem;} .form2>h6>p,.form4>h6>p{background-image:url(/uploads/image/zjeimages/bg2.jpg);width:12.75rem;} .form3>h6>p{background-image:url(/uploads/image/zjeimages/bg3.jpg);width:10.875rem;} .form6>h6>p{background-image:url(/uploads/image/zjeimages/bg4.jpg);width:13.125rem;} .form7{height:6rem;} .form8{height:14rem;} .form9{height:8rem;} .money{ color:#212121; font-size:0.65rem; text-align:center; line-height:3rem; } .form-content{ width:10.25rem; height:8.25rem; margin:1rem auto 0; } .form-content>p{ font-size:0.6rem; color:#212121; margin-bottom:0.75rem; } .change>p{line-height:1rem;} .btn3{color:#fe0000;text-decoration:underline !important;} .page4{position:relative;}