/* comm */
html,body {width: 100%;min-height: 100vh;background: url(../img/h5/bg_list1.jpg) no-repeat 50% 50% fixed;background-size: 100% 100%;}
body {position: relative;font-size: 0;line-height: 1;overflow-x: hidden;}
.web {position: relative;height: 100%;}
.web.on {opacity: 1 !important;height:  100%;}
.hide {display:block;width:0;height:0;overflow:hidden;}

/* page */
.web{width: 100%;box-sizing: border-box;padding-top: 1.5rem;}
.page_cont{width: 100%;height: auto;position: relative;margin: 0.8rem auto;}
.cont_main{width: 9.5rem;position: relative;margin: 0 auto;background: url(../img/h5/page_cont1.png) no-repeat 50% 0/9.5rem 4.6rem,url(../img/h5/page_cont3.png) no-repeat 50% 100%/9.5rem 4.0rem;box-sizing: border-box;padding: 0.3rem 0 0.4rem;}
.cont_main:before{display: block;content: "";width: 100%;height: calc(100% - 8rem); position: absolute;left: 0;top: 4.5rem;background: url(../img/h5/page_cont2.png) repeat 50% 2rem/9.5rem auto;}
.cont_mainbg{width: 100%;position: relative;}

.actor_cont{width: 100%;padding-top: 0.7rem;box-sizing: border-box;}
.tit_actor img{display: block;margin: 0 auto;height: 1.08rem;}
.tab_act{width: 100%;margin: 0 auto;padding-top: 0.3rem;}
.tab_act a{display: block;width: 2.4rem;height: 0.68rem;font-size: 0.28rem;color: #ffffff;line-height: 0.3rem;text-align: center;background: url(../img/h5/tab_nav.png) no-repeat 50% 0/100% 100%;margin: 0.1rem auto;display: flex;align-items: center;justify-content: center;}
.tab_act a.on{background: url(../img/h5/tab_navhover.png) no-repeat 50% 0/100% 100%;font-size: 0.36rem;margin: 0.1rem auto;text-shadow: #4696f8 1px 0 0, #4696f8 0 1px 0, #4696f8 -1px 0 0, #4696f8 0 -1px 0;font-weight: bold;}
.tab_act div{width: 100%;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: center;-webkit-justify-content: center;}
.tab_act div a{margin: 0.1rem -0.1rem;}
.tab_act div a:nth-of-type(4){display: none;}
.actor_body{width: 8.6rem;background: #FFFFFF;border-bottom-right-radius: 1.2rem;border-top-left-radius: 1.2rem;position: relative;padding: 0.5rem 0 0.8rem;margin: 0.1rem auto 0.5rem;min-height: calc(100vh - 10rem);}
.actor_bodymap{min-height: calc(100vh - 11.1rem);}
.actor_bodyscroll{width: 100%;}
.actor_bodymap{width: 8.6rem;margin: 0 auto;background: #FFFFFF;margin: 0.5rem auto 1.2rem;border-radius: 0;position: relative;}
.bodymap_tip{width: 100%;position: absolute;left: 0;bottom: -0.8rem;font-size: 0.36rem;color: #FFFFFF;line-height: 0.36rem;text-align: center;text-shadow: #327bc3 1px 0 0.04rem, #327bc3 0 1px 0.04rem, #327bc3 -1px 0 0.04rem, #327bc3 0 -1px 0.04rem;display: none;}
.btn_downmap{display: block;width: 2.86rem;height: 0.91rem;position: absolute;right: 0.26rem;bottom: 0.26rem;display: none;}
.btn_downmap img{display: block;width: 2.86rem;}

.consult_contbg{width: 7.6rem;margin: 0 auto;color: #000;font-size: 14px;line-height: 1.5;}
.consult_contbg h3{width: 100%;font-size: 0.46rem;color: #4696f8;line-height: 0.4rem;text-align: left;padding: 0.6rem 0;}
.consult_contbg p{font-size: 0.3rem;color: #31383f;line-height: 0.54rem;}
.consult_contbg img {margin: 0.35rem auto;max-width: 100%;}
.consult_contbg video {margin: 0.35rem auto;max-width: 100%;height: auto;}
.consult_contbg iframe{margin: 0.15rem auto;max-width: 100%;height: auto;min-height: 4.26rem;}
.consult_contbg .no_act{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);margin: 0;width: 8.01rem;}

.head_main{width: 100%;height: 1.5rem;background: url(../img/h5/head_bg.jpg) no-repeat 50% 0/100% auto;position: fixed;left: 0;top: 0;z-index: 99;}
.slogan{display: none;}
.btn_play{display: block;width: 1.21rem;height: 1.21rem;background: url(../img/pc/btn_play.png) no-repeat 50% 0/100% 100%;position: absolute;left: 4.58rem;top: 7.26rem;animation: sloganVideo 1.5s infinite;}
@keyframes sloganVideo {0%,100% {transform: scale(1);}50% {transform: scale(1.05);}}
.btn_logo{display: block;width: 2.56rem;height: 0.78rem;background: url(../img/pc/logo.png) no-repeat 50% 0/100% 100%;position: absolute;left: 0.58rem;top: 0.4rem;}
.language_main{width: 1.12rem;position: absolute;right: 2.06rem;top: 0.52rem ;box-sizing: border-box;padding-left: 0.24rem;}
.language_main:before{display: block;content: "";width: 0.24rem;height: 0.56rem;background: url(../img/pc/language_point.png) no-repeat 50% 0/100% 100%;position: absolute;left: 0;top: 0;}
.language-img img{display: block;height: 0.56rem;}
.language_select{width: 0.88rem;height: 1.19rem;background: url(../img/h5/language_bg.png) no-repeat 50% 0/100% 100%;box-sizing: border-box;padding: 0 0.03rem 0 0.08rem;position: absolute;left: 0.24rem;top: 0.56rem;display: none;}
.language_select a{display: block;width: 100%;height: 0.56rem;font-size: 0.32rem;color: #ffffff;line-height: 0.56rem;text-align: left;margin-bottom: 1px;}
.btn_menu{display: block;width: 0.82rem;height: 0.82rem;background: url(../img/h5/btn_menu.png) no-repeat 50% 0/100% 100%;position: absolute;right: 0.65rem;top: 0.35rem;}

.menu{width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: url(../img/h5/menu_bg.jpg) no-repeat 50% 0/cover;z-index: 100;display: none;}
.menu img{width: 100%;}
.menu.onshow{display: block;}
.btn_menuclose{display: block;width: 0.82rem;height: 0.82rem;background: url(../img/h5/btn_menuclose.png) no-repeat 50% 0/100% 100%;position: absolute;right: 0.65rem;top: 0.35rem;}
.nav1_cont{display: block;width: 100%;height: 15.50rem;position: absolute;left: 0;top: 50%;margin-top: -6.78rem;}
.nav_list{width: 100%;}
.nav_list a{display: block;width: 4.28rem;height: 1.18rem;margin: 0.4rem auto 0;}
.nav_list a img{display: block;}
.nav_list a .show{display: none;}
.nav_list a.curr img{display: none;}
.nav_list a.curr .show{display: block;}
.icon_list:before{display: block;content: "";width: 7.62rem;height: 0.36rem;background: url(../img/h5/nav_line.png) no-repeat 50% 0/100% 100%;position: absolute;left: 50%;margin-left: -3.81rem;top: 0.47rem;}
.icon_list{width: 100%;padding-top: 1.3rem;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: center;-webkit-justify-content: center;position: relative;}
.icon_list a{display: block;width: 1.2rem;height: 1.2rem;margin: 0 0.18rem;}

/* pop */
.pop_bg,.pop {animation: fadeIN 0.3s both;-webkit-animation: fadeIN 0.3s both;}
.pop_bg.off,.pop.off {animation: fadeOUT 0.3s both;-webkit-animation: fadeOUT 0.3s both;}
@keyframes fadeIN {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-webkit-keyframes fadeIN {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadeOUT {
	0% {opacity: 1;}
	100% {opacity: 0;}
}
@-webkit-keyframes fadeOUT {
	0% {opacity: 1;}
	100% {opacity: 0;}
}
.pop_bg {z-index: 999;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);display: none;}
.pop_bg.on {display: block;}
.pop {z-index: 1000;position: fixed;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: none;}
.pop.on {display: block;}
.p_close {position: absolute;right: -0.15rem;top: 0.29rem;width: 0.75rem;height: 0.76rem;background: url(../img/h5/close.png) no-repeat 50% 0/100% 100%;}

.pop_mapbig{top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);position: fixed;margin: 0;bottom: auto;right: auto;}
.pop_mapbig .p_close{right: 0;top: 0;}
.viewer-title{display: none;}
/*.mapbig_main div{width: 10.80rem;height: 8.11rem;overflow: hidden;position: relative;touch-action: none;}*/
/*.mapbig_main div{width: 100vw;height: 100vh;overflow: hidden;position: relative;touch-action: none;}*/
/*.mapbig_main img{display: block;width: 100%;object-fit: cover;position: absolute;max-width: none;transform-origin: 0 0;user-select: none;top: 0;left: 0;transition: transform 0.2s ease-out;}*/

.pop_qrcode .p_close{right: -0.8rem;top: -0.8rem;}
.pop_qrcode{width: 5.5rem;height: 5.5rem;}
.qrcode_main{width: 100%;height: 100%;}
.qrcode_main img{display: block;width: 100%;}



.webjpn .menu .nav_list a{width: 100%;}
.webjpn .menu .nav_list a img{width: auto;height: 1.18rem;margin: 0 auto;}
.weben .menu .nav_list a{width: 100%;}
.weben .menu .nav_list a img{width: auto;height: 1.18rem;margin: 0 auto;}

.webjpn .tab_act a{font-size: 0.18rem;line-height: 0.2rem;}
.webjpn .tab_act a.on{font-size: 0.2rem;}
.webjpn .btn_downmap{width: 5.15rem;height: 0.88rem;}
.webjpn .btn_downmap img{width: 5.15rem;}

.weben .tab_act a{font-size: 0.18rem;display: flex;align-items: center;justify-content: center;line-height: 0.18rem;line-height: 0.2rem;}
.weben .tab_act a.on{font-size: 0.2rem;}
.weben .btn_downmap{width: 5.15rem;height: 1.00rem;}
.weben .btn_downmap img{width: 5.15rem;}