html,body{ tap-highlight-color:rgba(255,255,255,0); -webkit-tap-highlight-color:rgba(255,255,255,0); } 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} body img{vertical-align:top;} /*鍏敤鏍峰紡begin*/ .fl{float:left;} .fr{float:right;} .title>img{ width:14.575rem; height:1.875rem; } .clearfix:after{display:block;visibility:hidden;clear:both;height:0;overflow:hidden;content:'.';} .banner,.box1,.box2,.box3,.box4,.g-tabox,.g-menu,.g-new-tab,.g-new-tabson,.box5,.apply,.g-tab,.g-tabson,.nrson{width:100%;} .g-max>li>span,.g-max>li>em{ display:block; width:100%; height:100%; } .new-left>li,.nrson>p{ font-size:0.6rem; color:#000; } .button_box>a,.button,.apply{ text-align:center; color:#fff; font-size:0.65rem; background:#ff5a00; } .button_box>a,.button{ display:block; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; height:1.25rem; line-height:1.25rem; } .swiper-pagination-bullet,.g-new-tabson>p>span{ border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; } /*鍏敤鏍峰紡end*/ #japan{position:relative;width:100%;font-family:'microsoft yahei';background:#eff0e5;} #japan header{ width:100%; height:1.75rem; background:#fff; text-align:center; padding:0 0.4rem; box-sizing:border-box; } header>a{display:inline-block;} .fl>img,.logo>img,.tel>img{width:60%;} .fl>img{padding-top:0.6rem;} .logo>img{padding-top:0.3rem;} .tel>img{padding-top:0.4rem;} #japan .content{ width: 100%; overflow:hidden; } .content_box{ width:14.6rem; margin:0.2rem auto 0; } .banner{width:100%;height:9.1rem;} .box1,.box2{margin-top:1.8rem;} .menu{ height:8.55rem; margin-top:0.8rem; } .menu>li>a{display:block;} .menu>li{ float:left; text-align:center; margin:0 0.5rem 0.7rem 0; } .menu>li:nth-of-type(3){margin-right:0;} .menu>li:nth-of-type(6){margin-right:0;} .menu>li>a>img{ width:4.525rem; height:2.3rem; } .menu>li>a>p{ font-size:0.5rem; color:#000; margin-top:0.3rem; } .g-bd{ border:1px solid #fdd100; height:7.5rem; box-sizing:border-box; margin-top:1rem; } .nav{ height:1.25rem; box-sizing:border-box; border-bottom:1px solid #fdd100; } .nav>li{ font-size:0.7rem; color:#000; text-align:center; width:50%; float:left; line-height:1.25rem; } .nav>li.current{ background:#fdd100; position:relative; } .nav>li.current:after{ display:block; content:""; position:absolute; /*鍚戜笅涓夎鍐欐硶 w50/40/2=0.625rem h14/40/2=0.35rem*/ border-width:0.35rem 0.625rem 0; /*涓?宸﹀彸 涓?/ border-style:solid; border-color:#fdd100 transparent transparent; left:50%; margin-left:-0.5rem; top:1.2rem; } .g-tabson{display:none;} .g-tabson{padding:0.7rem 0.5rem 0 1rem;} .g-tabson>p,.bd>li>p,.g-new-tabson>p{ font-size:0.6rem; color:#000; } .g-tabson>p{ margin-bottom:0.3rem; } .g-tabson>p>img{margin-right:0.5rem;width:0.8rem;height:0.8rem;} .button{ width:5.75rem; margin:0.5rem 0 0 3.3rem; } .box3{ height:19.375rem; background:url(/uploads/image/zjlimages/pic_7.jpg) no-repeat; background-size:cover; margin:0.4rem auto 0; } .box4{ margin-top:1.125rem; } .g-tabox{ height:13.1rem; margin-top:1.125rem; } .g-menu{ height:2.3rem; width:16rem; overflow-x:scroll; } .g-max{ width:52.5rem; height:100%; overflow:hidden; } .g-max>li{ float:left; width:7.125rem; text-align:center; width:7.05rem; height:1.85rem; margin-right:0.3rem; position:relative; } .g-max>li:nth-of-type(1){background:url(/uploads/image/zjlimages/pic_9.png) no-repeat;background-size:cover;} .g-max>li:nth-of-type(2){background:url(/uploads/image/zjlimages/pic_10.jpg) no-repeat;background-size:cover;} .g-max>li:nth-of-type(3){background:url(/uploads/image/zjlimages/pic_11.jpg) no-repeat;background-size:cover;} .g-max>li:nth-of-type(4){background:url(/uploads/image/zjlimages/pic_12.jpg) no-repeat;background-size:cover;} .g-max>li:nth-of-type(5){background:url(/uploads/image/zjlimages/pic_13.jpg) no-repeat;background-size:cover;} .g-max>li:nth-of-type(6){background:url(/uploads/image/zjlimages/pic_14.jpg) no-repeat;background-size:cover;} .g-max>li:nth-of-type(7){background:url(/uploads/image/zjlimages/pic_15.jpg) no-repeat;background-size:cover;} .g-max>li>span{ position:absolute; background:rgba(0,0,0,0.5); } .g-max>li>em{ position:relative; font-weight:bold; color:#fff; font-size:0.65rem; line-height:1.85rem; } .g-max>li.curr:before{ display:block; position:absolute; content:""; width:100%; height:10%; background:#fdd100; top:1.85rem; } .g-max>li.curr:after{ display:block; content:""; position:absolute; border-width:0.26rem 0.5rem 0; border-style:solid; border-color:#fdd100 transparent transparent; top:2rem; left:50%; margin-left:-1.1rem; } .g-new-tab{ width:100%; height:10.5rem; margin-top:0.6rem; } .g-new-tabson{ height:100%; display:none; box-sizing:border-box; border:1px solid #fdd100; padding:0.5rem 0.4rem 0; } .g-new-tabson>p{ text-align:center; line-height:0.9rem; border-bottom:1px dashed #000; padding-bottom:0.6rem; } .g-new-tabson>p>span{ display:inline-block; width:0.25rem; height:0.25rem; background:#000; margin-right:0.25rem; position:relative; top:-0.1rem; } .application{ height:4.375rem; margin-top:0.7rem; } .new-left{width:4.65rem;} .new-left>li{ height: 1.15rem; box-sizing:border-box; border:1px solid #fdd100; margin-bottom:0.45rem; text-align:center; line-height:1.15rem; } .new-left>li:nth-of-type(3){margin-bottom:0;} .new-left>li.change{ background:#fdd100; font-weight:bold; width:5.8rem; } .new-right{ width:8rem; height:100%; } .nrson{ height:100%; display:none; background:#fdd100; box-sizing:border-box; padding:0.9rem 0.2rem 0 0.6rem; line-height:1rem; } .button_box{ width:9.875rem; height:1.25rem; margin:0.7rem auto; } .button_box>a{width:4.375rem;} .box5{ background:url(/uploads/image/zjlimages/pic_8.jpg) no-repeat; background-size:cover; height:18.25rem; margin-top:1rem; overflow:hidden; } .new-title{margin-top:2.1rem;} .slide_box{ width:13.3rem; height:10.5rem; margin:0.8rem auto; position:relative; } .swiper-container,.swiper-wrapper,.swiper-slide,.bd{width:100%;height:100%;} .bd>li{ float:left; width:6.5rem; height:10.5rem; box-sizing:border-box; border:1px solid #fff; margin-right:0.25rem; padding:0.6rem 0 0 0.55rem; position:relative; } .bd>li:nth-of-type(2){margin-right:0;} .bd>li>p:nth-of-type(2){ margin-top:0.2rem; border-bottom:1px dashed #434343; padding-bottom:0.3rem; margin-bottom:0.45rem; line-height:0.9rem; width:95%; } .bd>li>p:nth-of-type(4){ margin-top:0.6rem; line-height:0.9rem; } .circle{ display:block; background:url(/uploads/image/zjlimages/circle.png) no-repeat; background-size:cover; width:1.4rem; height:2.55rem; position:absolute; left:50%; top:3.6rem; margin-left:2.7rem; } .swiper-pagination{ width:2.2rem; height:0.45rem; position:absolute; left:50%; margin-left:-1.1rem; top:11rem; } .swiper-pagination-bullet{ border:2px solid #433800; background:#fdd100; margin:0.2rem 0.2rem 0 0; width:6px; height:6px; } .swiper-pagination-bullet-active{ background:#433800; } .apply{ display:block; height:1.5rem; line-height:1.5rem; margin-top:0.75rem; margin-bottom:1.8rem; } .sec_pop_form{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; opacity: 0; -webkit-transform:scale(0); transform:scale(0); -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .sec_pop_form.active{ opacity: 1; -webkit-transform:scale(1); transform:scale(1); } .close_box{ position: absolute; right: 1.25rem; top: -2rem; width: 1.25rem; height: 1.25rem; border-radius: 50%; line-height: 1rem; z-index: 99999; text-align: center; background: url(/uploads/image/zjlimages/close_a_btn.png) no-repeat center center; background-size: 0.55rem .5rem; border: 1px solid #fff; } .close_box:after{ content: ''; position: absolute; top: 1.25rem; left: 50%; width: 1px; height: .75rem; background-color: #fff; display: block; } .sec_pop_mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.7) } .sec_pop_content{ position: absolute; left: 50%; top: 50%; width: 12rem; padding: 1rem; background-color: #fff; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-transform: translate3d(-50%,-50%,0); -moz-transform: translate3d(-50%,-50%,0); -ms-transform: translate3d(-50%,-50%,0); -o-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .sec_tit{ position: relative; margin-bottom: 1.2rem; font-size: .9rem; color: #000; text-align: center; } .sec_tit:after{ content: ''; position: absolute; left: 50%; top: 1.5rem; width: 2.5rem; height: 1px; -webkit-transform: translate3d(-50%,0,0); -moz-transform: translate3d(-50%,0,0); -ms-transform: translate3d(-50%,0,0); -o-transform: translate3d(-50%,0,0); transform: translate3d(-50%,0,0); background-color: #243e4c; } .value_item{ width: 10rem; height: 1.6rem; line-height: 1.6rem; margin: 0.6rem auto; color: #606060; position: relative; } .value_item span{ float: left; display: block; width: 2.7rem; font-size: .65rem; text-align: center; color: #606060; } .value_box{ border:1px solid #e1e1e1; border-radius: 5px; padding: 3px 5px; height: 1.5rem; -webkit-box-sizing:border-box; box-sizing:border-box; background: transparent; width: 7rem; font-size: .65rem; color: #777; } .sec_button_form{ width: 8rem; height: 1.6rem; display: block; margin: 1.2rem auto 0; background-color: #ff5a00; color: #fff; line-height: 1.6rem; text-align: center; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; font-size: .7rem; letter-spacing: 3px; text-decoration: none; } .sec_button_form:link,.sec_button_form:visited,.sec_button_form:active{color: #fff};