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};