@font-face {
  font-family: "NotoSansJPBold";
  src: url("../font/NotoSansJP-Bold.otf");
}
@font-face {
  font-family: "NotoSansJPRegular";
  src: url("../font/NotoSansJP-Regular.otf");
}
@font-face {
  font-family: "NotoSansJPMedium";
  src: url("../font/NotoSansJP-Medium.otf");
}
@font-face {
  font-family: "JostRegular";
  src: url("../font/Jost-Regular.ttf");
}
@font-face {
  font-family: "JostMedium";
  src: url("../font/Jost-Medium.ttf");
}
* {
  margin: 0;
  padding: 0;
  line-height:100%;
}
li {
  padding: 0;
  margin: 0;
}
ul {
  padding: 0;
  margin: 0;
}
li {
  list-style: none;
}

a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
input,
select,
option,
textarea {
  outline: none;
}
.clear {
  clear: both;
  float: none !important;
}
html {
  scroll-behavior: smooth;
}
body {
font-size:12px;
  margin: 0;
  padding: 0;
}
img {
  margin: 0px;
  padding: 0px;
  border: none;
  display:block;
}
.cli_mhb{
		display:none !important;
	}
	.cli_pcb{
		display:block;
	}

.width1440{
	width:75.314vw;
	transition:all ease .4s;
}



.width1280{
	width:66.946vw;
	transition:all ease .4s;
}


/*.fontsize48{
	font-size:2.511vw;
	transition:all ease .4s;
}
.fontsize36{
	font-size:1.883vw;
	transition:all ease .4s;
}
.fontsize32{
	font-size:1.67364vw;
}
.fontsize30{
	font-size:1.56904vw;
}
.fontsize28{
	font-size:28px;
}
.fontsize24{
	font-size:1.256vw;
}
.fontsize20{
	font-size:1.0468vw;
}
.fontsize18{
	font-size:0.942vw;
}
.fontsize16{
	font-size:0.837vw;
}
.fontsize14{
	font-size:0.733vw;
}
*/


	










.casebody{
	width:79.2vw;
	margin-right: 2.615vw;
	float: right;
	padding:3vw 0;
}
.p_titlep{
  font-family: "NotoSansJPBold";
  color:#062a4f;
  font-size:0.837vw;
  line-height:125%;
}
.p_titlep>p{
  font-family: "NotoSansJPRegular";
  color:#00a0e9; line-height:125%;
  font-size:3.3473vw;letter-spacing: 0.6vw;
}
.casebodyul{
	width: 100%;
	display: flex;
	align-items: center;
	margin-top:3vw;
	justify-content: space-between;
}
.casebodyul li img{
	width: 25.21vw;transition: filter 0.3s ease;
}
.casebodyul li p{
	  font-family: "NotoSansJPMedium";
	  color: #131313;
	  font-size:1.0468vw;
	  line-height:300%;text-align: center;
}

.casebodyul li:hover img {
  filter: brightness(1.1); 
}
.casebody>a{
	display: flex;
	 font-family: "NotoSansJPRegular";
	 color: #fff;
	 font-size:0.837vw;
	 align-items: center;
	 line-height: 300%;
	 width: 15em;
	 background: #00A0E9;
	 justify-content: center;
	 border-radius: 0.5vw;
	 text-indent:3em;
	 margin-top:3vw;
}
.casebody>a>img{
	width:0.837vw;padding-left: 2vw;
	transition: all ease .4s;
}
.casebody>a:hover img{
	padding-left:2.5vw;
}







.cli_mhb{
		display:none !important;
	}
	.cli_pcb{
		display:block !important;
	}

.ctsbody{
	width: 100%;
	background:#F5F8FA;
	padding:6vw 0;
}
.ctsbodytop{
	width:82.2vw;
	float: right;
}
.ctsbodytop>div{
	float:left;
	padding-top:2vw;
}
.ctsbodytop>div>p{
	color: #131313;
	font-size:1.56904vw;
	line-height:200%;
	padding-top:2vw;
	 font-family: "NotoSansJPMedium";
	 letter-spacing: 0.1vw;
}

.ctsbodytop>div>span{
	display: block;
	  font-family: "NotoSansJPRegular";padding-top:2vw;
	  color: #333333;font-size:0.837vw;line-height:150%;
}
.ctsbodytop>div>i{
	display: block;
	font-style: normal;
	padding:0 1.5em;
	background:#F5F5F5;font-family: "NotoSansJPRegular";
	color: #333333;
	font-size:0.837vw;
	line-height: 200%;
	border-radius: 3vw;
	text-align:center;float:left;
	border:1px solid #062B4C;margin-right:1em;
	margin-top:1.5em;
}
.ctsbodytop>img{
	float: right;
	width: 50.21vw;
}




.ctsswper{
	width:100%;
	margin-top:1vw;
}
.swiper-slide {

display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
transition: 300ms;
transform: scale(0.8);
flex-direction: column;
}
.swiper-slide-active,.swiper-slide-duplicate-active{
transform: scale(1);
}
.swiper-wrapper{
	align-items: center;
}
.ctsswper .swiper-slide img{
		width:100%;
	transition: all ease .4s;
	border-radius:1.5vw;
}
.swiper-slideimg{
	width:27vw;transition: all ease .4s;
	height:28vw;display: flex;align-items: center;
}
.ctsswper .swiper-slide-next .swiper-slideimg{
	width:37vw;
	height:28vw;transition: all ease .4s;
	
}
.swiper-slide p{
	 font-family: "NotoSansJPMedium";
	 color:#131313;
	 font-size:1.256vw;
	 line-height:250%;
	 text-align:center;
}
.swiper-slide span{
	display:block;text-align:center;
	  font-family: "NotoSansJPRegular";
	  color:#333333;font-size:0.837vw;line-height:150%;
}
	
	

.swiper-button-next, .swiper-button-prev{
	position: static;
	margin-top:0;
}
.swiper-pagination{
	position: static;
}
.swiper-scrollbar.swiper-scrollbar-horizontal{
	position: static;
}
.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal{
	width:19.5vw;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
	width:auto;
}
.sperfuzhubody{
	display:flex;
	align-items: center;
	justify-content: center;margin-top:4vw;
}
.sperfuzhubody>a{
	display: flex;
    font-family: "NotoSansJPRegular";
    color: #fff;
    font-size: 0.837vw;
    align-items: center;
    line-height: 300%;
    width: 15em;
    background: #00A0E9;
    justify-content: center;
    border-radius:3vw;
    text-indent: 3em;margin-left:3vw;
}
.sperfuzhubody>a>img{
	    width: 0.837vw;
    padding-left: 2vw;
    transition: all ease .4s;

}
.sperfuzhubody>a:hover img{
 padding-left: 2.5vw;
}

.swiper-pagination{
	 font-family: "NotoSansJPRegular";	font-size:0.837vw;color: #666666;padding: 0 1vw;
}
.swiper-pagination span{
	 font-family: "NotoSansJPRegular";	font-size:0.837vw;color: #666666;

}
.swiper-pagination-current{
	color: #00a0e9 !important;
}
.swiper-scrollbar-drag{
	background:#00A0E9;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
	content:"";
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
	content:"";
}
.swiper-button-next, .swiper-button-prev{
	width:2.772vw;
	height:2.772vw;padding-left:1vw;
}
.swiper-button-next img, .swiper-button-prev img{
	width:100%;
}







.surrorttbg{
	width:100%;
	position:relative;
}

.surrorttbg>img{
	width:100%;
}
.contactbg{
	width:100%;
	position:relative;
}
.contactbg>a{
	display: block;
    position: absolute;
    right: 14vw;
    width: 3vw;
    bottom: 2vw;
	z-index:999;
}
.contactbg>a:nth-child(2){
	right: 9vw;
	
}
.contactbg>a>img{
	width:100%;
}
.pkmain{
	width:94.792vw;
	position:absolute;
	top:0;left:50%;
	margin-left:-47.396vw;
	height:100%;
	display:flex;
	align-items:end;
	justify-content:space-between;
}
.pkmainl>span{
	display:block;
	   font-family: "NotoSansJPRegular";
	 color:#000;
	 font-size:0.837vw;
	 line-height:200%;
}
.pkmainr>p{
	  font-family: "NotoSansJPMedium";
	  font-size:3.75vw;
	  color:#00a0e9;
	   line-height:100%;
	   letter-spacing: 0.1vw;
}
.pkmainl>p{
	 font-family: "NotoSansJPBold";
	color:#131313;
	font-size:0.837vw;line-height:200%;
}
.pkmainl{
	padding-bottom:7vw;
}
.pkmainr{
	padding-bottom:7vw;
}
.pkmainr div{
	  font-family: "NotoSansJPBold";
	 color:#00a0e9;
	 font-size:0.837vw;
	 line-height:100%;
	 display:flex;
	 align-items:center;
	 justify-content:end;
	 margin-bottom: 7.6vw;transition:all ease .4s;
}
.pkmainr div:hover{
	padding-bottom:1em;
}
.pkmainr div>img{
	padding-left:1em;
	width:0.6778vw;
	transition:all ease .4s;
}
.contactbg .pkmainr div{
	color:#fff;
}

.pkmainl>i{
	display:block;font-style:normal;
	 font-family: "NotoSansJPMedium";
	 color:#131313;font-size:1.56904vw;line-height:100%;padding:1em 0;
}
.contactbg .pkmainr>p{
	  color:#fff;
}
.contactbg .pkmainl>span{
	color:#fff;
}
.contactbg>img{
	width:100%;
}
.pkfoot{
	width:100%;
	position:relative;
}
.pkfoot>ul{
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
}
.pkfoot>ul>a{
	    font-family: "NotoSansJPRegular";
	  color:#131313;
	  font-size:0.733vw;
	  line-height:200%;
	  padding:4em 2em;
}
.pkfoot>a>img{
	width:19.792vw;
	display:block;
	margin:0 auto;
	padding:1vw 0 4vw 0;
}
.pkfoot>img{
	width:5.7299vw;
	position:absolute;display:block;
	bottom:9vw;right:2.6vw;
	cursor:pointer;
}





.p_newsvboidyuyd{
	width:87vw;
	margin:0 auto;
	display:flex;
	padding:6vw 0;
	align-items:center;
	justify-content:center;
}
.p_newstit{
	width: 40%;
    padding-right: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.p_newstit a{
	display: flex;
    font-family: "NotoSansJPRegular";
    color: #fff;
    font-size: 0.837vw;
    align-items: center;
    line-height: 300%;
    width: 15em;
    background: #00A0E9;
    justify-content: center;
    border-radius: 0.5vw;
    text-indent: 3em;
    margin-top: 15vw;
}
.p_newstit a img{
	width: 0.837vw;
    padding-left: 2vw;
    transition: all ease .4s;
}
.p_newstit a:hover img{
	padding-left:2.5vw;
}
.mhlinkab{
	display:none;
}
.p_indexnewul{
	width:50%;
}
.p_indexnewul li{
	width:100%;
	padding:3vw 0;
	border-bottom:1px solid #DCDCDC;transition: all 0.4s ease;
}
.p_indexnewul li div{
	display:flex;width:100%;
	align-items:center;
	justify-content:space-between;
	padding-bottom:0.75vw;
}
.p_indexnewul li div span{
	  font-family: "NotoSansJPMedium";
	  color:#062a4f;font-size:0.837vw;
	  display:flex;align-items:center;justify-content:space-between;
}
.p_indexnewul li div span img{
	width:0.625vw;padding-right:0.5em;transition: all 0.4s ease;
}
.p_indexnewul li div i{
	font-style:normal;font-family: "JostRegular";
	color:#062a4f;font-size:0.733vw;display:flex;align-items:center;justify-content:space-between;
}
.p_indexnewul li div i img{
	width:4.532vw;padding-right:1em;transition: all 0.4s ease;
}
.p_indexnewul li p{
	 font-family: "NotoSansJPMedium";
	 color:#062a4f;
	 font-size:1.256vw;
	 width: 90%;
	 padding-top:0.75vw;
	 padding-right:10%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	background:url(../images/newsjt.png) no-repeat center right 1em;
	background-size:0.837vw auto;transition: all 0.4s ease;
}
.p_indexnewul li:hover{
	border-bottom:1px solid #333;
}
.p_indexnewul li:hover div span img{
	width:0.725vw;
}
.p_indexnewul li:hover p{
	font-weight:bold;
	background:url(../images/newsjt.png) no-repeat center right 0em;
	background-size:0.837vw auto;transition: all 0.4s ease;
}








.p_head{
	width:94.792vw;
	margin:0 auto;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.p_head>a>img{
	width:11.042vw;
}
.p_navbody ul{
	font-size:0.837vw;
}
.p_navbody{
	display:flex;
	align-items:center;
	justify-content:center;
}
.p_navbody ul a{
	  font-family: "NotoSansJPBold";
	  color:#222222;
	  font-size:0.837vw;
	  padding-right:3em;  transition:all ease .4s;
}
.p_navbody ul a:hover{
	color:#00A0E9;
}
.p_navbody>a{
	display:flex;
	align-items:center;
	justify-content:center;
	  font-family: "NotoSansJPBold";
	  color:#fff;
	  font-size:0.837vw;
	  width:10em;
	  height:3em;
	  background:#00A0E9;
	  border-radius:0.5em;
	  transition:all ease .4s;border:1px solid #00A0E9;
}
.p_navbody>a>img{
	width:1.459vw;padding-right:0.5em;
}
.p_navbody>a>img:nth-child(2){
	display:none;
}
.p_navbody>a:hover{
	color:#00A0E9;
	background:#fff;
	border:1px solid #00A0E9;
}
.p_navbody>a:hover img:nth-child(1){
	display:none;
}
.p_navbody>a:hover img:nth-child(2){
	display:block;
}

.s_navlicomh{
	display:none;
}


.p_navmhbody{
	display:none;
}





.p_parkbody{
	width:100%;
	padding:3vw 0 6vw 0;
}
.p_parkbodyt{
	width:100%;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.p_parkbodytimg{
	width:47.396vw;
	position:relative;
	
	order: 1; 
}
.p_parkbodytimg>img{
	width:100%;
}
.p_parkbodytimg>i{
	display:block;
	position:absolute;
	height:8.334vw;
	width:7.5523vw;
	z-index:1;
	right:3vw;
	top:-5vw;
}
.p_parkbodytimg>i:nth-child(2){
	right:12vw;
}
.p_parkbodytimg>i>img{
	width:100%;height:100%;transition: transform 0.3s ease;
}
.p_parkbodytimg>i:hover img{
	transform: scale(1.1);
}
.p_parkbodyttxt{
	order: 2; width:48%;
	padding-left:2%;
}
.p_parkbodyttxt>p{
	font-family: "NotoSansJPMedium";
	color:#131313;
	font-size:1.5625vw;
	line-height:125%;
	padding-top:3.5vw;
	padding-bottom:2vw;
}
.p_parkbodyttxt>span{
	display:block;  font-family: "NotoSansJPRegular";
	color:#333333;
		font-size:0.837vw;
		line-height:150%;
}

.p_parkbodyttxt>a{
	display: flex;
    font-family: "NotoSansJPRegular";
    color: #fff;
    font-size: 0.837vw;
    align-items: center;
    line-height: 300%;
    width: 15em;
    background: #00A0E9;
    justify-content: center;
    border-radius: 0.5vw;
    text-indent: 3em;
    margin-top: 3vw;
}

.p_parkbodyttxt>a>img{
	width: 0.837vw;
    padding-left: 2vw;
    transition: all ease .4s;
}
.p_parkbodyttxt>a:hover img{
	padding-left:2.5vw;
}
.p_parkbodyb{
	width:90vw;
	margin:0 auto;
	display:flex;
	margin-top:6vw;
	align-items:center;
	justify-content:center;
}
.p_parkbodyb>img{
	width:31.25vw;
}
.p_parkbodybtxt{
	padding-bottom:6vw;
	padding-left:6vw;
	padding-right:1vw;
}
.p_parkbodybtxt>p{
	font-family: "NotoSansJPMedium";
    color: #131313;
    font-size: 1.5625vw;
    line-height: 125%;
    padding-top: 3.5vw;
    padding-bottom: 2vw;
}
.p_parkbodybtxt>span{
	display: block;
    font-family: "NotoSansJPRegular";
    color: #333333;
    font-size: 0.837vw;
    line-height: 150%;
}


.p_lun{
	width:93vw;
	float:right;
	height:39.063vw;
	position:relative;
	transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
}
.pro_lun{
	width:50.0523vw;
	height:30.6vw;
	position:relative;
	transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
}
#pro1_lun #imglist li>img{
		width:100%;
		height:100%;
			display:block;
		}
		#pro1_lun>ul>li{
			opacity:0;
			transition:opacity .8s linear;
			position:absolute;	z-index:0;
		}
		#pro1_lun>ul>.active{
			opacity:1;
			z-index:1;
		}
		
#pro2_lun #imglist li>img{
		width:100%;
		height:100%;
			display:block;
		}
		#pro2_lun>ul>li{
			opacity:0;
			transition:opacity .5s linear;
			position:absolute;	z-index:0;
		}
		#pro2_lun>ul>.active{
			opacity:1;
			z-index:1;
		}
.luntxt{
	position:absolute;
	left:0;bottom:0;
}
		#imglist{
		width:100%;
		height:100%;
		}
		#imglist li{
		width:100%;
		height:100%;
		}
		#p_lun #imglist li>img{
		width:auto;
		height:100%;
			display:block;
			float:right;
		}

		#p_lun>ul>li{
			opacity:0;
			transition:opacity .5s linear;
			position:absolute;	z-index:0;
		}
		#p_lun>ul>.active{
			opacity:1;
			z-index:1;
		}
.luntxt>span{
	display:block;
	font-family: "NotoSansJPRegular";
	color:#222222;
	background:#fff;
	font-size:1.256vw;
	line-height:150%;
	padding:1em 0;
	width:17em;
}
.luntxt2>span{
	width:19em;
}
	.luntxt>p{
		font-family: "NotoSansJPBold";
		color:#00a0e9;
		font-size:3.125vw;
		line-height:125%;
		margin-bottom:3vw;letter-spacing: 0.4vw;
	}
		.luntxt>p>i{
			
			font-style:normal;background:#fff;
		}
	.luntxt>a{
		display: flex;
    font-family: "NotoSansJPRegular";
    color: #fff;
    font-size: 0.837vw;
    align-items: center;
    line-height: 300%;
    width: 10em;
    background: #00A0E9;
    justify-content: center;
    border-radius: 0.5vw;
    text-indent: 0em;
    margin-top: 3vw;
	margin-bottom:1vw;
	}
		.luntxt>a>img{
		width: 0.837vw;
    padding-left: 1vw;
    transition: all ease .4s;
	}
		.luntxt>a:hover img{
			padding-left:1.5vw;
		}
	
	
	
	
	.down{
		width: 74.53vw;
		float: right;
		margin-right: 7.584vw;
		margin-top:3vw;
		margin-bottom: 6vw;
	}
	.down>ul{
		width:100%;
		display:flex;
		align-items: center;
		margin-top:3vw;
	
		justify-content: space-between;
	}
	.zbzzzzz{
		position:absolute;
		left:0;top:0;
		width:100%;height:100%;
		display:flex;
		z-index:99;
		align-items:center;
		justify-content:center;
		font-family: "NotoSansJPMedium";
		color: #fff;
    font-size: 2vw;
    line-height: 100%;
    text-align: center;
	background:rgba(000,000,000,.5);
	}
	.down>ul li{
		background:#F5F8FA;
		border-radius:1vw;
		padding:2.5vw 3vw;
			position:relative;
	}
	.down>ul li p{
		  font-family: "NotoSansJPMedium";
		  color: #131313;
		  font-size:1.0468vw;
		  line-height:125%;
		  text-align:center;
	}
	.down>ul li>img{
		width: 16.6845vw;
		padding-top:2vw;
	}
	.down>ul li a{
		display: flex;
    font-family: "NotoSansJPRegular";
    color: #fff;
    font-size: 0.837vw;
    align-items: center;
    line-height: 300%;
   width: 16.6845vw;
    background: #00A0E9;
    justify-content: center;
    border-radius: 0.5vw;
    text-indent: 3em;
    margin-top: 2vw;
	}
	.down>ul li a img{
		width: 0.837vw;
    padding-left: 2vw;
    transition: all ease .4s;
	}
.down>ul li a:hover img{
	 padding-left: 2.5vw;
}
.whypi{
	margin:0 auto;
	width:83.159vw;margin-top: 6vw;
}

.whypi .p_titlep{
	text-align:center;
}
.whypiul{
	width:100%;
	padding-top:4vw;
}
.whypiul li{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom:3vw;
}
.whypiul li img{
	width:39.122vw;
	 padding-left:2.1vw;
}
.whypiul li:nth-child(2n+1) img{
	 order: 1;
	 padding-right:2.1vw;
	  padding-left:0;
}
.whypiultxt{
	 padding-left:9.2vw;
}
.whypiul li:nth-child(2n+1) .whypiultxt{
	 order: 2;
	  padding-right:9.2vw;
	   padding-left:0;
	
}
.whypiultxt>i{
	display:block;
	font-style:normal;
	 font-family: "NotoSansJPBold";
	 color:#00a0e9;
	 font-size:0.942vw;
	 line-height:150%;
}
.whypiultxt>p{
	 font-family: "NotoSansJPMedium";
	 font-size:1.56904vw;
	 color:#131313;
	line-height: 300%;
    padding-bottom: 0.5em;
}
.whypiultxt>span{
	display:block;
	font-family: "NotoSansJPRegular";
	color:#333333;
		font-size:0.837vw;line-height:150%;
}
.courts{
	width:94.792vw;
	margin:0 auto;
	margin-top: 6vw;
}
.courtsbody{
	margin:0 auto;
	width:61.716vw;
	padding:5vw 0;
}
	.courtsbody>p{
		font-family: "NotoSansJPMedium";
		color:#131313;
		font-size:1.56904vw;
		line-height:150%;
		padding-bottom: 1em;
	}
	.courtsbody>span{
		  font-family: "NotoSansJPRegular";
		  color:#333333;display: block;
		  font-size:0.837vw;line-height:150%;
		  
	}	
	.courstshow{
		width:100%;
		margin-top: 6vw;
	}
.courstshow li{
	width:50%;
	float: left;
	display: flex;
	align-items: center;
	justify-content: right;
	margin-bottom:3vw;
}
.courstshow li:nth-child(2n+1){
	justify-content: left;
}
.courshowliimg{
	width:8.264vw;
	height:8.264vw;
	background:#00A0E9;
	border-radius:2vw;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right:1.5vw;
}
.courshowliimg img{
	width:5.1vw;
}
.custxtby{
	width:23em;
}
.custxtby p{
  font-family: "NotoSansJPMedium";
  color: #062a4f;
  font-size:1.256vw;
  line-height:150%;
	}
.custxtby span{
	  font-family: "NotoSansJPRegular";
	   color: #062a4f;
	   font-size:0.942vw; line-height:150%;
	   display:block;
}
.p_xian{
	width:100%;
	margin:0 auto;
	margin-top:6vw;
}
.p_xian>p{
	font-family: "NotoSansJPMedium";
	color: #062a4f;
	font-size:2.511vw;
	line-height:150%;text-align: center;
}
.p_xian>span{
	display: block;
	font-family: "NotoSansJPRegular";
	color: #333333;
		font-size:0.837vw;padding-top: 3vw;padding-bottom: 6vw;
		line-height:200%;text-align: center;
}

.p_xian>img{
	width:100%;
}
.p_page .p_head{
position:absolute;
top:0;
left:50%;
margin-left:-47.396vw;
}

.pagebanner{
	width:100%;
	background:url(../images/aboutbanner.png) no-repeat right top;
	background-size:74.321vw auto;
}
.pagebannershow{
	width: 94.792vw;
	margin:0 auto;
	display: flex;
	align-items: center;
	padding:12vw 0 6vw 0;
	justify-content: space-between;
}
.pagebannertxt p{
	 font-family: "NotoSansJPRegular";
	 color: #00a0e9;
	 font-size: 5.23013vw;
	 line-height:150%;
}
.pagebannertxt span{
	 font-family: "NotoSansJPRegular";
	 color: #062a4f;
	 font-size:1.256vw; line-height:150%;
	 display:block;
}
.pagebannertxt div{
	 font-family: "NotoSansJPRegular";
	 font-size: 0.627613vw; line-height:150%;
	 color: #666666;
	 padding-top: 3vw;
}
.pagebannertxt div a{
	color: #062a4f;
}
.pagebannershow>span{
	display: block;	 font-family: "NotoSansJPRegular";
	color: #333333;font-size:0.837vw;line-height:200%;
	padding-bottom:2vw;
}
	
	
	
	.flow{
		width:100%;
		background:#F5F8FA;
		padding-top:5vw;
	}
	.flowbody{
		width:76vw;
		float:right;
		margin-right:5.85vw;
		
	}
	.flowshow{
		width:100%;padding: 5vw 0;
	}
	.flowshow li{
		width:100%;
	}
		.flowshow li::after{
			content:"";
			display:block;
			clear:both;
		}
	.flowshow li .number{
		float:left;
		font-family: "JostMedium";
		color:#00a0e9;
		font-size:2.511vw;
		line-height:150%;font-style: italic;
	}
	.flowshow li .number i{
		margin:0 auto;
		display:block;width:5px;height:95px;background:#D4E9FC;margin-left: 0.7vw;
	}
	.flowshow li:nth-child(2) .number i{
		height:120px;
	}
	.flowshow li .flowtxt{
		float:right;width: 95%;
		border-bottom:1px solid #DCDCDC;padding-bottom: 2.35vw;
	}
	.flowshow li:nth-child(2) .flowtxt{
		padding-bottom: 1.6vw;
	}
	.flowshow li .flowtxt p{
		font-family: "NotoSansJPMedium";
		color:#062a4f;
		font-size:1.256vw;
		line-height:250%;
	}
	.flowshow li .flowtxt span{
		display:block;
		  font-family: "NotoSansJPRegular";
		  color:#666666;
		  font-size:0.837vw;
		  line-height:150%;
		  
	}
	.faqbody{
		width:87.5vw;
		margin:0 auto;
		padding:6vw 0;
	}
	.faqbody>.p_titlep{
		text-align:center;
	}
	.faqshowul{
		width:100%;
		border-top:1px solid #EEEEEE;
		margin-top:3vw;
		margin-bottom:2vw;
	}
	.faqshowul li{
		width:100%;
		overflow:hidden;
		height:1em;
		padding:1.5em 0;
		display:flex;
		align-items:start;
		position:relative;
		justify-content:left;
		font-size:1.256vw;
		border-bottom:1px solid #EEEEEE;
		transition:all ease .4s;
	}
	.fasliq{
		  font-family: "NotoSansJPRegular";
		  color:#00a0e9;
		  font-size:1.256vw;
		  line-height:1.256vw;
		  padding-right:1em;
	}
	.faqlitxt>p{
		  font-family: "NotoSansJPMedium";
		  color:#062a4f;
		  font-size:0.942vw;
		  line-height:1.256vw;
	}
	.faqlitxt>span{
		display:block;
		  font-family: "NotoSansJPRegular";
		  color:#666666;
		  font-size:0.837vw;
		  line-height:150%;
		  padding:2em 0 1em 0;
	}
	.faqlitxt>span>strong{
		color:#062a4f;
	}
	.faqshowul li>p{
		color:#000;
		  font-size:1.256vw;
		  line-height:100%;
		  position:absolute;top:1.5em;
		  right:1em;
	}
	
	.productul{
		width:100%;
		padding:4vw 0;
	}
	.productulbg{
		background:#F5F8FA;
	}
	.productulbody{
		width:87.5vw;
		margin:0 auto;
	}
	.productultop{
		width:100%;
		display:flex;
		align-items:center;
		justify-content:space-between;
	}
	.productulbottom{
		width:100%;
	}
	.productulbottom>p{
		font-family: "NotoSansJPRegular";
		color:#00a0e9;
		font-size:3.333335vw;
		line-height:300%;letter-spacing: 0.6vw;
	}
	.productulbottombody{
		width:100%;
		display:flex;
		align-items:center;
		justify-content:space-between;
	}
	.productultop>img{
		width:50.0523vw;
	}
	.productultoptxt>div{
		  font-family: "NotoSansJPMedium";
		  color:#00a0e9;
		  font-size:2.511vw;
		  line-height:150%;
		
	}
	.productultoptxt>span{
		display: block;
    font-family: "NotoSansJPRegular";
    padding-top: 2vw;
    color: #333333;
    font-size: 0.837vw;
    line-height: 200%;
	}
	.productultoptxt>i{
		display: block;
    font-style: normal;
    padding: 0 1.5em;
    background: #F5F5F5;
    font-family: "NotoSansJPRegular";
    color: #333333;
    font-size: 0.837vw;
    line-height: 200%;
    border-radius: 3vw;
    text-align: center;
    float: left;
    border: 1px solid #062B4C;
    margin-right: 1em;
    margin-top: 1.5em;
	}
	.productultoptxt>p{
		  font-family: "NotoSansJPMedium";
		  color:#131313;
		  	font-size:1.256vw; line-height: 200%;padding-bottom:1em;
	}
	.productultoptxt>strong{
		display:block;
		  font-family: "NotoSansJPBold";
		  color:#304a66;
		  	font-size:1.256vw;line-height: 200%;
	}
	.productultable{
		width:41.7vw;
	}
	.productultable>li{
		border-bottom:1px solid #DDDDDD;
		display:flex;
		align-items:start;
		justify-content:space-between;font-size:0.942vw;padding:1em 0;
		
	}
	.productultable>li:nth-child(1){
		border-top:1px solid #DDDDDD;
	}
	.productultable>li>p{
		  font-family: "NotoSansJPMedium";
		  color:#062a4f;	font-size:0.942vw;
		  line-height:100%;
	}
	.productultable>li>span{
		display:block;
		  font-family: "NotoSansJPRegular";
		  color:#062a4f;
		  font-size:0.942vw;
		  line-height:100%;
		  text-align:right;
	}
	.tablebr{
		height:4em;
		align-items:center !important;
	}
	.tablebr>p{
		padding-bottom:3em;
	}
	.tablebr>span{
		line-height:150% !important;
	}
	
	.profuzhu{
		width:100%;
		height:3vw;
	}
	
	
	
	
	.stubody{
		width:100%;
		background:#F5F8FA;padding:6vw 0;margin-top: 6vw;
	}
	.newsbody{
			width:100%;
		background:#F5F8FA;margin-top: 6vw;
		padding:6vw 0;
	}
	.stubodyshow{
		width:83.159vw;
		margin:0 auto;
		display:flex;
		align-items:center;
		justify-content:space-between;
		flex-wrap: wrap
	}
	.newsshow{
		width:83.159vw;
		margin:0 auto;
		display:flex;
		align-items:center;
		justify-content:left;
		flex-wrap: wrap
	}
	.newsli{
		width:30%;margin-bottom: 3vw;    margin-left: 4vw;
	}
	.newsli:nth-child(3n+1){
		margin-left:0;
	}
	.newsli img{
		width:100%;border-radius: 1.2vw;filter: brightness(1); transition: filter 0.3s ease;
	}
	.newsli:hover img{
		 filter: brightness(1.1);
	}
	.newsli p{
		    font-family: "NotoSansJPMedium";
			font-size:0.837vw;
			line-height:100%;
			color:#000;
			padding:1em 0;
	}
	.newsli p>i{
		display:inline-block;
		font-style:normal;
		   font-family: "NotoSansJPRegular";
		   color:#fff;
		 background: #00A0E9;
		 width:5em;
		 text-align:center;
		 border-radius: 0.3em;font-size: 0.63vw;
    padding: 0.3em 0;margin-left:1em;
	}
	.newsli span{
		display:block;
		font-family: "NotoSansJPMedium";
		font-size:0.837vw;
		line-height:150%;
		overflow:hidden;
		height:3em;color:#000;
	}
	.newspage{
		width:100%;
		display:flex;
		align-items:center;
		justify-content:center;
	}
	.newspage span{
		font-family: "NotoSansJPRegular";
		display:inline-block;
		font-size:0.837vw;
		line-height:100%;
		text-align:center;
		padding:3em 1em;
	}
	.stubodul{
		width:39vw;margin-bottom: 3vw;
	}
	.stubodul>img{
		width:100%;border-radius: 1.3vw;
	}
	.stubodul>p{
		font-family: "NotoSansJPMedium";
    font-size: 1.56904vw;
    color: #131313;
    line-height: 150%;
    height: 1.3em;
    padding: 1em 0;
	}
	
	.stubodul>span{
		display: block;
    font-family: "NotoSansJPRegular";
    color: #333333;
    font-size: 0.837vw;
    line-height: 150%;
	}
	.stubodul>a{
		display: flex;
    font-family: "NotoSansJPRegular";
    color: #fff;
    font-size: 0.837vw;
    align-items: center;
    line-height: 300%;
    width: 16.6845vw;
    background: #00A0E9;
    justify-content: center;
    border-radius: 0.5vw;
    text-indent: 3em;
	margin:0 auto;
    margin-top: 2vw;
	}
	
	.stubodul>a img {
    width: 0.837vw;
    padding-left: 2vw;
    transition: all ease .4s;
}
	.stubodul>a:hover img{
		padding-left:2.5vw;
	}
	.contactbody{
		width:100%;
		background:#F5F8FA;margin-top: 6vw;
	}
	.subPart03 {
  padding-top: 40px;
  padding-bottom: 40px;
  margin:0 auto;font-size: 20px;
}
.subPart03 .subTitleLine {
  font-size: 24px;
  line-height: 80px;
  position: relative;
}
.subPart03 .subTitleLine span {
  display: inline-block;
  padding-right: 15px;
  background-color: #fff;
  position: relative;
  z-index: 1;
}
.subPart03 .subTitleLine::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
  background-color: #FDA500;
  z-index: 0;
}
.subPart03 .txt h3 {
  margin-top: 30px;
  font-size: 18px;
  line-height: 40px;
  color: #FDA500;
}
.subPart03 .txt p {
  font-size: 18px;
  line-height: 40px;
  color: #222;
}
.subPart03 .txt .linkBtn {
  text-align: center;
  margin: 20px auto;
}
.subPart03 .txt .linkBtn a {
 
  display: inline-block;
  margin: 0 2em;
  font-size: 1.256vw;
    text-align: center;
    line-height: 200%;
    background: #06183d;
    border: 1px solid #06183d;
    color: #fff;
    padding: 0 1em;
    cursor: pointer;
    border-radius: 5vw;
    transition: all ease .4s;
}
.subPart03 .txt .linkBtn a:hover {
  background:#fff;
	border:1px solid #06183d;
	color:#06183d;
}
	
	.contactPage .subContact {
  padding-bottom: 6vw;
}
.contactPage .btn{
	display: block;
        width: 17vw;
        height: 3.9vw;
        background-color: #fff;
        border-radius: 3.9vw;
        font-size: 1.25vw;
        line-height: 3.9vw;
        color: #666;
        text-align: center;
        font-weight: 500;
        transition: all 0.5s;
}
.contactPage .subContact .section-heading {
  position: relative;
}

.contactPage .subContact .section-heading h3 {
  position: relative;
  margin-bottom: 3vw;
  font-size: 1.25vw;
  line-height: 4vw;
  color: #00a0e9;
}

.contactPage .subContact .section-heading h3::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1vw;
  width: 4.7vw;
  height: 0.26vw;
  background-color: #00a0e9;
}

.contactPage .subContact .section-heading .required-note {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 1.04vw;
  line-height: 4vw;
}
.contactPage .subContact .section-heading .required-note i{
	font-style:normal;
	color:#e32;
}
.contactPage .subContact .section-heading .required-note i{
	font-style:normal;
	color:#e32;
}

.contactPage .form-row {
  margin-bottom: 1.5vw;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}

.contactPage .form-label, .contactPage .toPrivacy {
  width: 100%;
  font-size: 20px;
  line-height: 50px;
}

.contactPage .form-label.required:after {
  content: " *";
  color: #e32;
}

.contactPage .form-label.requiredafter:after {
  content: "";
  color: #fff;
}

.contactPage .form-input {
  width: 100%;
}

.contactPage .form-input input,
.contactPage .form-input select,
.contactPage .form-input textarea {
  width: 100%;
  height: 60px;
  padding: 0 20px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 18px;
  box-sizing: border-box;
}

.contactPage .select {
  position: relative;
}

.contactPage .select::after {
  content: "";
  position: absolute;
  right: 1px;
  top: 0.2vw;
  width: 2vw;
  height: 2vw;
  background: #fff url(../images/icon-arr04.png) no-repeat center;
  background-size: 0.88vw auto;
}

.contactPage .form-input textarea {
  padding: 20px;
  min-height: 150px;
  resize: vertical;
  font-family: "Noto Sans JP", sans-serif;
}

.contactPage .error-message {
  display: block;
  width: 100%;
  color: #e32;
  font-size: 16px;
  line-height: 30px;
  display: none;
}

.contactPage input:invalid:not(:focus):not(:placeholder-shown),
.contactPage textarea:invalid:not(:focus):not(:placeholder-shown) {
  border-color: #e32;
}

.contactPage input:invalid:not(:focus):not(:placeholder-shown) + .error-message,
.contactPage textarea:invalid:not(:focus):not(:placeholder-shown) + .error-message {
  display: block;
}

.contactPage .checkbox-container {
  margin: 30px 0;
  font-size: 18px;
  line-height: 40px;
}

.contactPage .checkbox-container a {
  color: #25b7aa;
  text-decoration: underline;
}

.contactPage .checkbox-container > div {
  margin-bottom: 15px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.contactPage .checkbox-container input[type=checkbox] {
  margin-right: 10px;
  margin-top: 0px;
}

.contactPage .submit-container {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-top: 50px;
}

.contactPage .submit-container .btn {
  border: none;
  cursor: pointer;
  transition: all 0.3s;
}

.contactPage .btn-edit {
  background-color: #888;
  color: white;
}

.contactPage .btn-edit:hover {
  background-color: #666;
}

.contactPage .btn-confirm {
  background-color: #00a0e9;
  color: white;
}

.contactPage .btn-confirm:hover {
  background-color: #00a0e9;
}

.contactPage .btn-submit {
  background-color: #051277;
  color: white;
}

.contactPage .btn-submit:hover {
  background-color: #081579;
}

.contactPage .confirmation {
  display: none;
  background: #f8f9fa;
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 20px;
}

.contactPage .confirmation-item {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
}

.contactPage .confirmation-label {
  font-weight: bold;
  margin-bottom: 5px;
  color: #555;
}
.article {
  padding-bottom: 6vw;
  margin:0 auto;
}

.article h2 {
  font-size: 1.875vw;
  line-height: 4em;
  text-align: center;
  margin-top: 3vw;
}

 .article h3 {
  position: relative;
  padding-left: 1.8vw;
  font-size: 1.56vw;
  line-height: 3.2vw;
  margin-top: 2vw;
}

 .article h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1.1vw;
  width: 1.04vw;
  height: 1.04vw;
  border-radius: 50%;
  background-color: #FDA500;
}

 .article p {
  font-size: 1.04vw;
  line-height: 2.5vw;
  color: #363636;
}
.dzdactivebody {
    width: 66.946vw;
    margin: 0 auto;
}
.dzdactivebody p {
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    line-height: 200px;
     font-family: "NotoSansJPRegular";
}
.dzdactivebody .active {
    color: #000;
    margin: 0 auto;
    font-size: 16px;
    line-height: 34px;
    font-family: "NotoSansJPRegular";
    margin-bottom: 6vw;
    min-height: 30em;
}



.newqudiaol{
	width:25.21vw;
}


.activeimg{
	width:50%;
	margin:0 auto;
}



.cermaila{
	width:100%;
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-top:6vw;
}
.cermaila>p{
	font-size:1.0468vw;
	line-height:150%;
	text-align:center;
	background:#00A0E9;
	color:#fff;padding: 3em 0.5em;
	font-family: "NotoSansJPRegular";
	border-radius: 1vw;
}
.cermaila>div>img{
	height:15vw;
	margin:0 auto;
}
.cermaila>div{
	font-family: "NotoSansJPRegular";
	color:#00A0E9;
	font-size:0.837vw;
	line-height:150%;
	text-align:center;
}


.countbody{
	margin: 0 auto;
    width: 64vw;
    margin-top: 0vw;
    margin-bottom: 6vw;
}
.countbody .p_titlep{
	text-align:center;
}
.countshow{
	width:100%;
}
.countshow table{
	width: 100%;
        border-collapse: collapse;
        margin: 0 auto;
		margin-top:3vw;
}
.countshow table td.firstTd{
	width: 25%;
    text-indent: 1em;
    font-size: 0.942vw;
    font-weight: bold;
    color: #222;
    border: 1px solid #eee;
}
    .countshow table td.secondTd {
       width: 75%;
    padding: 1em 1em;
    font-size: 0.942vw;
    color: #222;
    line-height: 150%;
    text-align: justify;
    border: 1px solid #eee;
    }









@media screen and (max-width: 999px) {
	.cli_mhb{
		display:block !important;
	}
	.cli_pcb{
		display:none !important;
	}
	

	.width1440{
		width:90vw;
		transition:all ease .4s;
	}

	
	
	.width1280{
		width:90vw;
		transition:all ease .4s;
	}
	
	





.casebody{
	width:90vw;
	margin:0 auto;
	float: none;
	padding:0.6rem 0;
}
.p_titlep{
  font-family: "NotoSansJPBold";
  color:#062a4f;
  font-size:0.22rem;
  line-height:125%;text-align: center;
}
.p_titlep>p{
 
  color:#00a0e9; line-height:125%;
  font-size:0.64rem;letter-spacing: 0.6vw;
}
.casebodyul{
	width: 100%;
	display: flex;
	align-items: center;
	margin-top:0.3rem;flex-direction: column;
	justify-content: space-between;
}
.casebodyul li{
	margin-bottom:0.3rem;
}
.casebodyul li img{
	width: 100%;transition: filter 0.3s ease;
}
.casebodyul li p{
	  font-family: "NotoSansJPMedium";
	  color: #131313;
	  font-size:0.3rem;
	  line-height:300%;text-align: center;
}

.casebodyul li:hover img {
  filter: brightness(1.1); 
}
.casebody>a{
	display: flex;
	 font-family: "NotoSansJPRegular";
	 color: #fff;
	 font-size:0.22rem;
	 align-items: center;
	 line-height: 300%;
	 width: 15em;
	 background: #00A0E9;
	 justify-content: center;
	 border-radius: 0.1rem;
	 text-indent:0;
	 margin:0 auto;
	 margin-top:0rem;
}
.casebody>a>img{
	width:0.16rem;padding-left: 2em;
	transition: all ease .4s;
}
.casebody>a:hover img{
	padding-left:2.5em;
}





.ctsbody{
	width: 100%;
	background:#F5F8FA;
	padding:0.6rem 0;
}
.ctsbodytop{
	width:90vw;
	float: none;
	margin:0 auto;
}
.ctsbodytop>div{
	float:none;
	padding-top:0;
}
.ctsbodytop>div>p{
	color: #131313;
	font-size:0.32rem;
	line-height:200%;
	padding-top:0.2rem;
	 font-family: "NotoSansJPMedium";
	 letter-spacing: 0.1vw;
}

.ctsbodytop>div>span{
	display: block;
	  font-family: "NotoSansJPRegular";padding-top:0.4rem;
	  color: #333333;font-size:0.24rem;line-height:150%;
}
.ctsbodytop>div>i{
	display: block;
	font-style: normal;
	padding:0 1.5em;
	background:#F5F5F5;font-family: "NotoSansJPRegular";
	color: #333333;
	font-size:0.22rem;
	line-height: 200%;
	border-radius: 0.3rem;
	text-align:center;float:left;
	border:1px solid #062B4C;margin-right:1em;
	margin-top:1em;
}
.ctsbodytop>img{
	float: none;
	width: 100%;
	padding-top:0.3rem;
}






.ctsswper{
	width:100%;
	margin-top:0.3rem;
}




.swiper-slideimg{
	width:90vw;transition: all ease .4s;
	height:auto;display: flex;align-items: center;margin-bottom: 0.2rem;
}
.ctsswper .swiper-slide-next .swiper-slideimg{
	width:90vw;
	height:auto;transition: all ease .4s;
	
}
.swiper-slide p{
	 font-family: "NotoSansJPMedium";
	 color:#131313;
	 font-size:0.28rem;
	 line-height:250%;
	 text-align:center;
}
.swiper-slide span{
	display:block;text-align:center;
	  font-family: "NotoSansJPRegular";
	  color:#333333;font-size:0.22rem;line-height:150%;
}
	
	

.swiper-button-next, .swiper-button-prev{
	position: static;
	margin-top:0;
}
.swiper-pagination{
	position: static;
}
.swiper-scrollbar.swiper-scrollbar-horizontal{
	position: static;
}
.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal{
	width:3.7rem;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
	width:auto;
}
.sperfuzhubody{
	display:flex;
	align-items: center;flex-wrap: wrap;
	justify-content: center;margin-top:0.4rem;
}
.sperfuzhubody>a{
	display: flex;
    font-family: "NotoSansJPRegular";
    color: #fff;
    font-size: 0.22rem;
    align-items: center;
    line-height: 300%;
    width: 15em;
    background: #00A0E9;
    justify-content: center;
    border-radius:3rem;
    text-indent: 0em;margin-top:0.3rem;
}
.sperfuzhubody>a>img{
	    width: 0.22rem;
    padding-left: 0.2rem;
	
    transition: all ease .4s;

}
.sperfuzhubody>a:hover img{
 padding-left: 0.3rem;
}

.swiper-pagination{
	 font-family: "NotoSansJPRegular";	font-size:0.22rem;color: #666666;padding: 0 0.1rem;
}
.swiper-pagination span{
	 font-family: "NotoSansJPRegular";	font-size:0.22rem;color: #666666;

}
.swiper-pagination-current{
	color: #00a0e9 !important;
}
.swiper-scrollbar-drag{
	background:#00A0E9;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
	content:"";
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
	content:"";
}
.swiper-button-next, .swiper-button-prev{
	width:0.7rem;
	height:0.7rem;padding-left:0.1rem;
}
.swiper-button-next img, .swiper-button-prev img{
	width:100%;
}





.surrorttbg{
	width:100%;
	position:relative;
	background: #E6F0FA;
        height: 6.7rem;
}

.surrorttbg>img{
	width:100%;
}
.contactbg{
	width:100%;
	position:relative;
	background: #00A0E9;
        height: 6.6rem;
}

.pkmain{
	width:90vw;
	position:absolute;
	top:0;left:5vw;
	margin-left:0;
	height:100%;
	display:flex;
	align-items:start;flex-direction: column;
	justify-content:space-between;
}
.pkmainl>span{
	display:block;
	   font-family: "NotoSansJPRegular";
	 color:#000;
	 font-size:0.24rem;
	 line-height:200%;
}
.surrorttbg .pkmainl>span{
	line-height:150%;
}
.pkmainr>p{
	  font-family: "NotoSansJPMedium";
	  font-size:1rem;
	  color:#00a0e9;
	   line-height:100%;
	   letter-spacing: 0.06em;
}
.pkmainl>p{
	 font-family: "NotoSansJPBold";
	color:#131313;
	font-size:0.2rem;line-height:200%;
}
.pkmainl{
	padding-bottom:0rem;
	padding-top:1rem;text-align:left;
}
.surrorttbg .pkmainl{
	padding-top:0.6rem;
}
.pkmainr{
	padding-bottom:1rem;
}
.contactbg .pkmainr{
	padding-bottom:2rem;
}
.pkmainr div{
	  font-family: "NotoSansJPBold";
	 color:#00a0e9;
	 font-size:0.22rem;
	 line-height:100%;
	 display:flex;
	 align-items:center;
	 justify-content:start;
	 margin-bottom:	3em;transition:all ease .4s;
}
.pkmainr div:hover{
	padding-bottom:0em;
}
.pkmainr div>img{
	padding-left:1em;
	width:0.16rem;
	transition:all ease .4s;
}
.contactbg .pkmainr div{
	color:#fff;
}

.pkmainl>i{
	display:block;font-style:normal;
	 font-family: "NotoSansJPMedium";letter-spacing: 0.02rem;
	 color:#131313;font-size:0.36rem;line-height:125%;padding:0.2rem 0;
}
.contactbg .pkmainr>p{
	  color:#fff;
}
.contactbg .pkmainl>span{
	color:#fff;
}
.contactbg>img{
	width:100%;
}
.pkfoot{
	width:100%;
	position:relative;
}
.pkfoot>ul{
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;flex-wrap: wrap;
	margin:0.3rem 0;
}
.pkfoot>ul>a{
	    font-family: "NotoSansJPRegular";
	  color:#131313;
	  font-size:0.24rem;
	  line-height:200%;
	  padding:1em 1em;
}
.pkfoot>a>img{
	width:3.8rem;
	display:block;
	margin:0 auto;
	padding:0.1rem 0 0.4rem 0;
}





.p_newsvboidyuyd{
	width:90vw;
	margin:0 auto;
	display:flex;
	padding:0.6rem 0;
	flex-direction: column;
	align-items:center;
	justify-content:center;
}
.p_newstit{
	width: 100%;
    padding-right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.p_newstit a{
	        display: none;
        font-family: NotoSansJPRegular;
        color: rgb(255, 255, 255);
        font-size: 0.22rem;
        align-items: center;
        line-height: 300%;
        width: 15em;
        justify-content: center;
        text-indent: 0px;
        background: rgb(0, 160, 233);
        border-radius: 0.1rem;
        margin: 0rem auto 0px;
		margin-top:0.6rem;
		margin-bottom:0.6rem;
}
.p_newstit a img{
	width: 0.16rem;
        padding-left: 2em;
        transition: 0.4s;
}
.p_newstit a:hover img{
	padding-left:2.5em;
}
.mhlinkab{
	        display: flex;
        font-family: NotoSansJPRegular;
        color: rgb(255, 255, 255);
        font-size: 0.22rem;
        align-items: center;
        line-height: 300%;
        width: 15em;
        justify-content: center;
        text-indent: 0px;
        background: rgb(0, 160, 233);
        border-radius: 0.1rem;
        margin: 0rem auto 0px;
		margin-top:0.6rem;
		margin-bottom:0rem;
}
.mhlinkab img{
	width: 0.16rem;
        padding-left: 2em;
        transition: 0.4s;
}
.mhlinkab:hover img{
	padding-left:2.5em;
}
.p_indexnewul{
	width:100%;
	margin-top:0.3rem;
}
.p_indexnewul li{
	width:100%;
	padding:0.6rem 0;
	border-bottom:1px solid #DCDCDC;transition: all 0.4s ease;
}
.p_indexnewul li div{
	display:flex;width:100%;
	align-items:center;
	justify-content:space-between;
	padding-bottom:0.2rem;
}
.p_indexnewul li div span{
	  font-family: "NotoSansJPMedium";
	  color:#062a4f;font-size:0.22rem;
	  display:flex;align-items:center;justify-content:space-between;
}
.p_indexnewul li div span img{
	width:0.14rem;padding-right:0.5em;transition: all 0.4s ease;
}
.p_indexnewul li div i{
	font-style:normal;font-family: "JostRegular";
	color:#062a4f;font-size:0.2rem;display:flex;align-items:center;justify-content:space-between;
}
.p_indexnewul li div i img{
	width:0.9rem;padding-right:1em;transition: all 0.4s ease;
}
.p_indexnewul li p{
	 font-family: "NotoSansJPMedium";
	 color:#062a4f;
	 font-size:0.28rem;
	 width: 90%;
	 padding-top:0;
	margin-top:0.2rem;
	 padding-right:10%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	background:url(../images/newsjt.png) no-repeat center right 1em;
	background-size:0.2rem auto;transition: all 0.4s ease;
}
.p_indexnewul li:hover{
	border-bottom:1px solid #333;
}
.p_indexnewul li:hover div span img{
	width:0.16rem;
}
.p_indexnewul li:hover p{
	font-weight:bold;
	background:url(../images/newsjt.png) no-repeat center right 0em;
	background-size:0.2rem auto;transition: all 0.4s ease;
}

.pkfoot>img{
	width:1.1rem;
	position:absolute;display:block;
	bottom:0.3rem;right:5vw;
	cursor:pointer;
}







.p_head{
	width:90vw;
	margin:0 auto;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.p_head>a>img{
	width:2.12rem;
}

.p_navbody{
	display:none;
	align-items:center;
	justify-content:center;
}

.s_navlicomh{
	display:block;
	width:0.6rem;
}

.p_navmhbody{
	display:flex;
	position:fixed;
	top:-100vh;left:0;
	width:100%;
	height:100vh;
	z-index:999;
	background:#00a0e9;
	align-items:center;flex-direction: column;
	transition:all ease .6s;
}
.p_navmhbody>a>img{
	width:2.12rem;
	padding-top:0.6rem;
}
@keyframes bounce {
  0%   { transform: translateY(0); }
  25%  { transform: translateY(-3px); }
  50%  { transform: translateY(0px); }
  75%  { transform: translateY(3px); }
  100% { transform: translateY(0); }
}
#close{
	width:0.6rem;
	padding-top:0.3rem;
	 animation: bounce 0.8s ease-in-out infinite;
}
.p_navmhbody ul{
	padding:0.6rem 0;
	width:80%;
}
.p_navmhbody ul a{
	font-family: "NotoSansJPBold";display:block;
    color: #fff;
    font-size: 0.32rem;
    transition: all ease .4s;
	line-height:100%;
	padding:1.5em 0;
	border-bottom:1px solid rgba(255,255,255,.3);text-align:center;
}
.p_navmhbody ul a:nth-child(1){
	border-top:1px solid rgba(255,255,255,.3);
}







.p_parkbody{
	width:90vw;
	margin:0 auto;
	padding:0.3rem 0 0.6rem 0;
}
.p_parkbodyt{
	width:100%;
	display:flex;
	align-items:center;flex-direction: column;
	justify-content:space-between;
}
.p_parkbodytimg{
	width:100%;
	position:relative;
	margin-top:1rem;
	order: 2; 
}
.p_parkbodytimg>img{
	width:100%;
}
.p_parkbodytimg>i{
	display:block;
	position:absolute;
	height:1.6rem;
	width:1.45rem;
	z-index:1;
	right:0.3rem;
	top:-0.5rem;
}
.p_parkbodytimg>i:nth-child(2){
	right:2rem;
}
.p_parkbodytimg>i>img{
	width:100%;height:100%;transition: transform 0.3s ease;
}
.p_parkbodytimg>i:hover img{
	transform: scale(1.1);
}
.p_parkbodyttxt{
	order: 1; width:100%;
	padding-left:0%;
}
.p_parkbodyttxt>p{
	font-family: "NotoSansJPMedium";
	color:#131313;
	font-size:0.32rem;
	line-height:125%;
	padding-top:0.4rem;
	padding-bottom:0.5rem;
}
.p_parkbodyttxt>span{
	display:block;  font-family: "NotoSansJPRegular";
	color:#333333;
		font-size:0.22rem;
		line-height:150%;
}

.p_parkbodyttxt>a{
	display: flex;
    font-family: "NotoSansJPRegular";
    color: #fff;
    font-size: 0.22rem;
    align-items: center;
    line-height: 300%;
    width: 15em;
    background: #00A0E9;
    justify-content: center;
    border-radius: 0.6em;
    text-indent: 0em;
    margin-top: 0.3rem;
}

.p_parkbodyttxt>a>img{
	width: 0.2rem;
    padding-left: 0.2rem;
    transition: all ease .4s;
}
.p_parkbodyttxt>a:hover img{
	padding-left:0.2rem;
}
.p_parkbodyb{
	width:90vw;
	margin:0 auto;
	display:flex;
	margin-top:0.6rem;
	align-items:center;flex-direction: column;
	justify-content:center;
}
.p_parkbodyb>img{
	width:100%;
}
.p_parkbodybtxt{
	padding-bottom:0.6rem;
	padding-left:0rem;
	padding-right:0rem;
}
.p_parkbodybtxt>p{
	font-family: "NotoSansJPMedium";
    color: #131313;
    font-size: 0.32rem;
    line-height: 125%;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}
.p_parkbodybtxt>span{
	display: block;
    font-family: "NotoSansJPRegular";
    color: #333333;
    font-size: 0.22rem;
    line-height: 150%;
}



.p_lun{
	width:95vw;
	float:right;
	margin:0 auto;
	height:14rem;
	position:relative;
	transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
}
.pro_lun{
	width:100%;
	height:4.13rem;
	margin-top:0.3rem;
}
#pro2_lun #imglist li>img{
		width:100%;
		height:auto;
			display:block;
			float:none;
			border-radius:0rem;
		}

		#pro2_lun>ul>li{
			opacity:0;
			transition:opacity .5s linear;
			position:absolute;	z-index:0;
		}
		#pro2_lun>ul>.active{
			opacity:1;
			z-index:1;
		}
		#pro1_lun #imglist li>img{
		width:100%;
		height:auto;
			display:block;
			float:none;
			border-radius:0rem;
		}

		#pro1_lun>ul>li{
			opacity:0;
			transition:opacity .5s linear;
			position:absolute;	z-index:0;
		}
		#pro1_lun>ul>.active{
			opacity:1;
			z-index:1;
		}
.luntxt{
	position:static;
	width:90vw;
	margin:0 auto;
	margin-top:0.6rem;
}
		#imglist{
		width:100%;
		height:100%;
		}
		#imglist li{
		width:100%;
		height:100%;
		}
		#p_lun #imglist li>img{
		width:100%;
		height:auto;
			display:block;
			float:none;
			border-radius:0rem;
		}

		#p_lun>ul>li{
			opacity:0;
			transition:opacity .5s linear;
			position:absolute;	z-index:0;
		}
		#p_lun>ul>.active{
			opacity:1;
			z-index:1;
		}
.luntxt>span{
	display:block;
	font-family: "NotoSansJPRegular";
	color:#222222;
	background:#fff;
	font-size:0.26rem;
	line-height:150%;
	padding:1em 0;
	width:17em;
}
.luntxt2>span{
	width:19em;
}
	.luntxt>p{
		font-family: "NotoSansJPBold";
		color:#00a0e9;
		font-size:0.6rem;
		line-height:125%;
		margin-bottom:0rem;letter-spacing: 0.4vw;
	}
		.luntxt>p>i{
			letter-spacing:0.1em;
			font-style:normal;background:#fff;
		}
	.luntxt>a{
		display: flex;
    font-family: "NotoSansJPRegular";
    color: #fff;
    font-size: 0.22rem;
    align-items: center;
    line-height: 300%;
    width: 10em;
    background: #00A0E9;
    justify-content: center;
    border-radius: 0.1rem;
    text-indent: 0em;
	
    margin-top: 0.3rem;
	margin-bottom:0.3rem;
	}
		.luntxt>a>img{
		width: 0.2rem;
    padding-left: 1em;
    transition: all ease .4s;
	}
		.luntxt>a:hover img{
			padding-left:1.5em;
		}
	
	













.down{
		width: 90vw;
		float: none;
		margin:0 auto;
		margin-right: auto;
		margin-top:0.3rem;
		margin-bottom: 0.6rem;
	}
	.down>ul{
		width:100%;
		display:flex;
		align-items: center;
		margin-top:0.3rem;
		justify-content: space-between;
		flex-direction: column
	}
	.down>ul li{
		background:#F5F8FA;
		border-radius:0.1rem;
		padding:0;
		width:100%;margin-top: 0.6rem;padding-bottom: 0.4rem;
	}
	.down>ul li p{
		  font-family: "NotoSansJPMedium";
		  color: #131313;
		  font-size:0.26rem;
		  line-height:100%;
		  text-align:center;padding-top: 0.3rem;
	}
	.down>ul li>img{
		width: 6rem;
		padding-top:0.3rem;
		margin:0 auto;
	}
	.down>ul li a{
		display: flex;
    font-family: "NotoSansJPRegular";
    color: #fff;
    font-size: 0.2rem;
    align-items: center;
    line-height: 300%;
   width: 3.2rem;
    background: #00A0E9;
    justify-content: center;
    border-radius: 0.5em;
    text-indent: 3em;
	margin:0 auto;
    margin-top: 0.3rem;
	}
	.down>ul li a img{
		width: 0.16rem;
    padding-left: 2em;
    transition: all ease .4s;
	}
.down>ul li a:hover img{
	 padding-left: 2.5em;
}
.whypi{
	margin:0 auto;
	width:90vw;padding-top: 0.6rem;
}

.whypi .p_titlep{
	text-align:center;
}
.whypiul{
	width:100%;
	padding-top:0.6rem;
}
.whypiul li{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom:0.3rem;
	flex-direction: column
}
.whypiul li img{
	width:100%;
	 padding-left:0;
	 padding-top:0.4rem;
	 padding-bottom:0.6rem;
}
.whypiul li:nth-child(2n+1) img{
	 order: 2;
	 width:100%;
	 padding-right:0;
	  padding-left:0;
}
.whypiultxt{
	 padding-left:0;
}
.whypiul li:nth-child(2n+1) .whypiultxt{
	 order: 1;
	  padding-right:0;
	   padding-left:0;
	   width:100%
	
}
.whypiultxt>i{
	display:block;
	font-style:normal;
	 font-family: "NotoSansJPBold";
	 color:#00a0e9;
	 font-size:0.22rem;
	 line-height:150%;
}
.whypiultxt>p{
	 font-family: "NotoSansJPMedium";
	 font-size:0.32rem;
	 color:#131313;
	line-height: 300%;
    padding-bottom: 0.5em;
}
.whypiultxt>span{
	display:block;
	font-family: "NotoSansJPRegular";
	color:#333333;
		font-size:0.22rem;line-height:150%;
}
.courts{
	width:90vw;
	margin:0 auto;
	margin-top: 0.6rem;
}
.courtsbody{
	margin:0 auto;
	width:100%;
	padding:0.5rem 0;
}
	.courtsbody>p{
		font-family: "NotoSansJPMedium";
		color:#131313;
		font-size:0.32rem;
		line-height:150%;
		padding-bottom: 1em;
	}
	.courtsbody>span{
		  font-family: "NotoSansJPRegular";
		  color:#333333;display: block;
		  font-size:0.24rem;line-height:150%;
		  
	}	
	.courstshow{
		width:100%;
		margin-top: 0.6rem;
	}
.courstshow li{
	width:50%;
	float: left;
	display: flex;
	align-items: center;
	justify-content: right;
	margin-bottom:0.4rem;
	flex-direction: column
}
.courstshow li:nth-child(2n+1){
	justify-content: left;
}
.courshowliimg{
	width:1.58rem;
	height:1.58rem;
	background:#00A0E9;
	border-radius:0.2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right:0rem;
}
.courshowliimg img{
	width:0.98rem;
}
.custxtby{
	width:100%;padding-top: 0.2rem;
}
.custxtby p{
  font-family: "NotoSansJPMedium";
  color: #062a4f;
  font-size:0.28rem;
  line-height:150%;
  text-align:center;
	}
.custxtby span{
	  font-family: "NotoSansJPRegular";
	   color: #062a4f;
	   font-size:0.22rem; line-height:150%;
	   display:block;text-align:center;
}
.p_xian{
	width:100%;
	margin:0 auto;
	margin-top:0.3rem;
}
.p_xian>p{
	font-family: "NotoSansJPMedium";
	color: #062a4f;
	font-size:0.48rem;
	line-height:150%;text-align: center;width: 90vw;
        margin: 0 auto;
}
.p_xian>span{
	display: block;
	font-family: "NotoSansJPRegular";
	color: #333333;
		font-size:0.2rem;padding-top: 0.3rem;padding-bottom: 0.6rem;
		line-height:200%;text-align: center;width: 90vw;
        margin: 0 auto;
}

.p_xian>img{
	width:100%;
}
.p_page .p_head{
position:static;
margin:0 auto;
}

.pagebanner{
	width:100%;
	background:url(../images/aboutbanner.png) no-repeat right top;
	background-size:22rem auto;
}
.pagebannershow{
	width: 90vw;
	margin:0 auto;
	display: flex;
	align-items: center;
	padding:0.6rem 0 0.6rem 0;
	flex-direction: column;
	justify-content: space-between;
}
.pagebannertxt p{
	 font-family: "NotoSansJPRegular";
	 color: #00a0e9;
	 font-size: 1rem;
	 line-height:150%;
}
.pagebannertxt span{
	 font-family: "NotoSansJPRegular";
	 color: #062a4f;
	 font-size:0.28rem; line-height:150%;
	 display:block;text-align: center;
}
.pagebannertxt div{
	 font-family: "NotoSansJPRegular";
	 font-size: 0.2rem; line-height:150%;
	 color: #666666;
	 padding-top: 0.3rem;
	 display:none;
}
.pagebannertxt div a{
	color: #062a4f;
}
.pagebannershow>span{
	display: block;	 font-family: "NotoSansJPRegular";
	color: #333333;font-size:0.24rem;line-height:150%;
	padding-bottom:0.2rem;padding-top: 0.6rem;
}
	








.flow{
		width:100%;
		background:#F5F8FA;
		padding-top:0.5rem;
	}
	.flowbody{
		width:90vw;
		float:right;
		margin-right:5vw;
		
	}
	.flowshow{
		width:100%;padding: 0.5rem 0;
	}
	.flowshow li{
		width:100%;
	}
		.flowshow li::after{
			content:"";
			display:block;
			clear:both;
		}
	.flowshow li .number{
		float:left;
		font-family: "JostMedium";
		color:#00a0e9;
		font-size:0.48rem;
		line-height:150%;font-style: italic;
	}
	.flowshow li .number i{
		margin:0 auto;
		display:block;width:5px;height:1.2rem;background:#D4E9FC;margin-left: 0.1rem;
	}
	.flowshow li:nth-child(2) .number i{
		height:1.2rem;
	}
	.flowshow li .flowtxt{
		float:right;width: 92%;
		border-bottom:1px solid #DCDCDC;padding-bottom: 0.3rem;
	}
	.flowshow li:nth-child(2) .flowtxt{
		padding-bottom: 0.3rem;
	}
	.flowshow li .flowtxt p{
		font-family: "NotoSansJPMedium";
		color:#062a4f;
		font-size:0.28rem;
		line-height:250%;
	}
	.flowshow li .flowtxt span{
		display:block;
		  font-family: "NotoSansJPRegular";
		  color:#666666;
		  font-size:0.2rem;
		  line-height:150%;
		  
	}
	.faqbody{
		width:90vw;
		margin:0 auto;
		padding:0.6rem 0;
	}
	.faqbody>.p_titlep{
		text-align:center;
	}
	.faqshowul{
		width:100%;
		border-top:1px solid #EEEEEE;
		margin-top:0.3rem;
		margin-bottom:0.2rem;
	}
	.faqshowul li{
		width:100%;
		overflow:hidden;
		height:3em;
		padding:3.5em 0;
		display:flex;
		align-items:start;
		position:relative;
		justify-content:left;
		line-height:0.28rem;
		border-bottom:1px solid #EEEEEE;
		transition:all ease .4s;
	}
	.fasliq{
		  font-family: "NotoSansJPRegular";
		  color:#00a0e9;
		  font-size:0.28rem;
		  line-height:0.28rem;
		  padding-right:1em;
	}
	.faqlitxt>p{
		  font-family: "NotoSansJPMedium";
		  color:#062a4f;
		  font-size:0.22rem;
		 line-height:0.28rem;
	}
	.faqlitxt>span{
		display:block;
		  font-family: "NotoSansJPRegular";
		  color:#666666;
		  font-size:0.2rem;
		  line-height:150%;
		 padding: 2em 0 0em 0;
	}
	.faqlitxt>span>strong{
		color:#062a4f;
	}
	.faqshowul li>p{
		color:#000;
		  font-size:0.28rem;
		  line-height:100%;
		  position:absolute;top:1em;
		  right:1em;
	}
	




.productul{
		width:100%;
		padding:0.4rem 0;
	}
	.productulbg{
		background:#F5F8FA;
	}
	.productulbody{
		width:90vw;
		margin:0 auto;
	}
	.productultop{
		width:100%;
		display:flex;
		align-items:flex-start;
		justify-content:space-between;
		flex-direction: column;
	}
	.productulbottom{
		width:100%;
	}
	.productulbottom>p{
		font-family: "NotoSansJPRegular";
		color:#00a0e9;
		font-size:0.64rem;
		line-height:300%;letter-spacing: 0.6vw;
	}
	.productulbottombody{
		width:100%;
		display:flex;
		align-items:center;
		justify-content:space-between;
		flex-direction: column;
	}
	.productultop>img{
		width:100%;
		padding-top:0.3rem;
	}
	.productultoptxt>div{
		  font-family: "NotoSansJPMedium";
		  color:#00a0e9;
		  font-size:0.48rem;
		  line-height:150%;
		
	}
	.productultoptxt>span{
		display: block;
    font-family: "NotoSansJPRegular";
    padding-top: 0.4rem;
    color: #333333;
    font-size: 0.2rem;
    line-height: 200%;
	}
	.productultoptxt>i{
		display: block;
    font-style: normal;
    padding: 0 1.5em;
    background: #F5F5F5;
    font-family: "NotoSansJPRegular";
    color: #333333;
    font-size: 0.22rem;
    line-height: 200%;
    border-radius: 3vw;
    text-align: center;
    float: left;
    border: 1px solid #062B4C;
    margin-right: 1em;
    margin-top: 1em;
	}
	.productultoptxt>p{
		  font-family: "NotoSansJPMedium";
		  color:#131313;
		  	font-size:0.28rem; line-height: 200%;padding-bottom:0.5em;
	}
	.productultoptxt>strong{
		display:block;
		  font-family: "NotoSansJPBold";
		  color:#304a66;
		  	font-size:0.28rem;line-height: 200%;
	}
	.productultable{
		width:100%;
	}
	.productultable>li{
		border-bottom:1px solid #DDDDDD;
		display:flex;
		align-items:start;
		justify-content:space-between;font-size:0.24rem;padding:1em 0;
		
	}
	.productultable>li:nth-child(1){
		border-top:1px solid #DDDDDD;
	}
	.productultable>li>p{
		  font-family: "NotoSansJPMedium";
		  color:#062a4f;	font-size:0.24rem;
		  line-height:100%;
	}
	.productultable>li>span{
		display:block;
		  font-family: "NotoSansJPRegular";
		  color:#062a4f;
		  font-size:0.24rem;
		  line-height:100%;
		  text-align:right;
	}
	.tablebr{
		height:4em;
		align-items:center !important;
	}
	.tablebr>p{
		padding-bottom:3em;
	}
	.tablebr>span{
		line-height:150% !important;
	}
	
	.profuzhu{
		width:100%;
		height:0.3rem;
	}



.subPart03 {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
.subPart03 .subTitleLine {
  font-size: 0.3rem;
  line-height: 0.8rem;
  position: relative;
}
.subPart03 .subTitleLine span {
  display: inline-block;
  padding-right: 0.15rem;
  background-color: #fff;
  position: relative;
  z-index: 1;
}
.subPart03 .subTitleLine::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
  background-color: #FDA500;
  z-index: 0;
}
.subPart03 .txt h3 {
  margin-top: 0.3rem;
  font-size: 0.26rem;
  line-height: 0.4rem;
  color: #FDA500;
}
.subPart03 .txt p {
  font-size: 0.26rem;
  line-height: 0.4rem;
  color: #222;
  text-align: justify;
}
.subPart03 .txt .linkBtn {
  text-align: center;
  margin: 0.2rem auto;
}
.subPart03 .txt .linkBtn a {
  
  
  font-size: 0.28rem;
        text-align: center;
        line-height: 200%;
        background: #06183d;
        border: 1px solid #06183d;
        color: #fff;
        padding: 0 1em;
        cursor: pointer;
        border-radius: 0.2rem;
        transition: all ease .4s;
		
        margin-top: 0.3rem;
        margin-left: 1em;
        margin-right: 1em;
		
}
.subPart03 .txt .linkBtn a:hover {
  background: #fff;
        border: 1px solid #06183d;
        color: #06183d;
}

.contactPage .subContact {
  padding-bottom: 0.6rem;
}
    .contactPage .btn {
        display: block;
        width: 5.6rem;
        height: 0.92rem;
        margin: 0 auto;
        background-color: #fff;
        border-radius: 0.92rem;
        font-size: 0.28rem;
        line-height: 0.92rem;
        color: #666;
        text-align: center;
        font-weight: 500;
    }
.contactPage .subContact .section-heading {
  position: relative;
}

.contactPage .subContact .section-heading h3 {
  position: relative;
  margin-bottom: 0.3rem;
  font-size: 0.28rem;
  line-height: 0.6rem;
  color: #00a0e9;
}

.contactPage .subContact .section-heading h3::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.01rem;
  width: 0.6rem;
  height: 0.03rem;
  background-color: #00a0e9;
}

.contactPage .subContact .section-heading .required-note {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 0.24rem;
  line-height: 0.6rem;
}

.contactPage .subContact .section-heading .required-note {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 0.24rem;
  line-height: 0.6rem;
}

.contactPage .form-row {
  margin-bottom: 0.3rem;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}

.contactPage .form-label, .contactPage .toPrivacy {
  width: 100%;
  font-size: 0.26rem;
  line-height: 0.6rem;
}

.contactPage .form-label.required:after {
  content: " *";
  color: #e32;
}

.contactPage .form-label.requiredafter:after {
  content: "";
  color: #fff;
}

.contactPage .form-input {
  width: 100%;
}

.contactPage .form-input input,
.contactPage .form-input select,
.contactPage .form-input textarea {
  width: 100%;
  height: 0.8rem;
  padding: 0 0.2rem;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 0.26rem;
  line-height: 0.8rem;
  box-sizing: border-box;
}

.contactPage .select {
  position: relative;
}

.contactPage .select::after {
  content: "";
  position: absolute;
  right: 1px;
  top: 0.2vw;
  width: 2vw;
  height: 2vw;
  background: #fff url(../images/icon-arr04.png) no-repeat center;
  background-size: 0.88vw auto;
}

.contactPage .form-input textarea {
  padding: 0.2rem;
  min-height: 2rem;
  resize: vertical;
  font-family: "Noto Sans JP", sans-serif;
}

.contactPage .error-message {
  display: block;
  width: 100%;
  color: #e32;
  font-size: 0.24rem;
  line-height: 0.48rem;
  display: none;
}

.contactPage input:invalid:not(:focus):not(:placeholder-shown),
.contactPage textarea:invalid:not(:focus):not(:placeholder-shown) {
  border-color: #e32;
}

.contactPage input:invalid:not(:focus):not(:placeholder-shown) + .error-message,
.contactPage textarea:invalid:not(:focus):not(:placeholder-shown) + .error-message {
  display: block;
}

.contactPage .checkbox-container {
  margin: 0.3rem 0;
  font-size: 0.26rem;
  line-height: 0.52rem;
}

.contactPage .checkbox-container a {
  color: #25b7aa;
  text-decoration: underline;
}

.contactPage .checkbox-container > div {
  margin-bottom: 0.2rem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.contactPage .checkbox-container input[type=checkbox] {
  margin-right: 0.1rem;
  margin-top: 0rem;
}

.contactPage .submit-container {
  display: flex;
  justify-content: center;
  gap: 0.2rem;
  margin-top: 0.5rem;
}

.contactPage .submit-container .btn {
  border: none;
  cursor: pointer;
  transition: all 0.3s;
}

.contactPage .btn-edit {
  background-color: #888;
  color: white;
}

.contactPage .btn-edit:hover {
  background-color: #666;
}

.contactPage .btn-confirm {
  background-color: #00a0e9;
  color: white;
}

.contactPage .btn-confirm:hover {
  background-color: #00a0e9;
}

.contactPage .btn-submit {
  background-color: #051277;
  color: white;
}

.contactPage .btn-submit:hover {
  background-color: #081579;
}

.contactPage .confirmation {
  display: none;
  background: #f8f9fa;
  padding: 0.2rem;
  border-radius: 4px;
  margin-bottom: 0.3rem;
}

.contactPage .confirmation-item {
  margin-bottom: 0.2rem;
  padding-bottom: 0.2rem;
  border-bottom: 1px solid #eee;
}

.contactPage .confirmation-label {
  font-weight: bold;
  margin-bottom: 5px;
  color: #555;
}

.article {
  padding-bottom: 0.6rem;
  margin:0 auto;
}

.article h2 {
  font-size: 0.36rem;
  line-height: 4em;
  text-align: center;
  margin-top: 0.3rem;
}

 .article h3 {
  position: relative;
  padding-left: 0.3rem;
  font-size: 0.32rem;
  line-height: 0.6rem;
  margin-top: 0.3rem;
}

.article h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.22rem;
  width: 0.16rem;
  height: 0.16rem;
  border-radius: 50%;
  background-color: #FDA500;
}
.article p {
  font-size: 0.26rem;
  line-height: 0.52rem;
  color: #363636;
}

.contactbody{
	margin-top:0;
}



.newsbody {
    width: 100%;
    background: #F5F8FA;
    margin-top: 0;
    padding: 0.6rem 0;
}

.newsshow {
    width: 90vw;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.newsli {
    width: 100%;
    margin-bottom: 0.6rem;
	margin-left:0;
}
.newsli img {
    width: 100%;
    border-radius: 0.3rem;
}
.newsli p {
    font-family: "NotoSansJPMedium";
    font-size: 0.22rem;
    line-height: 100%;
    color: #000;
    padding: 1em 0;
}
.newsli p>i{
	font-size:0.2rem;
}
	.newsli span {
    display: block;
    font-family: "NotoSansJPMedium";
    font-size: 0.22rem;
    line-height: 150%;
    overflow: hidden;
    height: 3em;
    color: #000;
}
	
	.newspage span{
		font-size:0.24rem;padding: 0em 1em 3em 0;
	}
	
	
	.stubody {
    width: 100%;
    background: #F5F8FA;
    padding: 0.6rem 0;
    margin-top: 0;
}
	.stubodyshow {
    width: 90vw;
	}
	
	.stubodul {
    width: 100%;
    margin-bottom: 0.6rem;
}
	
	.stubodul>img {
    width: 100%;
    border-radius: 0.3rem;
}
	
	.stubodul>p {
    font-family: "NotoSansJPMedium";
    font-size: 0.34rem;
    color: #131313;
    line-height: 150%;
    height: 1.3em;
    padding: 1em 0;
}
	.stubodul>span {
    display: block;
    font-family: "NotoSansJPRegular";
    color: #333333;
    font-size: 0.22rem;
    line-height: 150%;
}
	
	.stubodul>a {
    display: flex;
    font-family: "NotoSansJPRegular";
    color: #fff;
    font-size: 0.22rem;
    align-items: center;
    line-height: 300%;
    width: 12em;
    background: #00A0E9;
    justify-content: center;
    border-radius: 0.2rem;
    text-indent: 0;
    margin: 0 auto;
    margin-top: 0.3rem;
}
	
	.stubodul>a img {
    width: 0.2rem;
    padding-left: 0.2rem;
    transition: all ease .4s;
}

	
	
	
	
	.mhlett{
		letter-spacing: 0.05em;
	}
	
	
	
	
	
	    .dzdactivebody {
        width: 90vw;
        margin: 0 auto;
    }
	
	    .dzdactivebody p {
        text-align: center;
        font-size: 0.32rem;
        font-weight: bold;
        line-height: 1.2rem;
        margin-top: 0.3rem;
    }
	
	
	    .dzdactivebody .active {
        color: #000;
        margin: 0 auto;
        font-size: 16px;
        line-height: 24px;
        font-family: "NotoSansJP-Regular";
        margin-bottom: 0.6rem;
        min-height: 30em;
    }
	
	.newqudiaol{
	display:none;
}
.activeimg{
	width:100%;
}
	
	.zbzzzzz{
		position:absolute;
		left:0;top:0;
		width:100%;height:100%;
		display:flex;
		z-index:99;
		align-items:center;
		justify-content:center;
		font-family: "NotoSansJPMedium";
		color: #fff;
    font-size: 0.4rem;
    line-height: 100%;
    text-align: center;
	background:rgba(000,000,000,.5);
	}
	.contactbg>a {
    display: block;
    position: absolute;
    left: 2.5rem;
    z-index: 999;
    width: 1rem;
    bottom: 0.5rem;
}
	.contactbg>a:nth-child(2) {
    right: 2.5rem;
    left: auto;
}









.cermaila{
	width:100%;
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-top:0.6rem;
	flex-wrap: wrap
}
.cermaila>p{
	font-size:0.24rem;
	line-height:150%;
	width:100%;
	text-align:center;
	background:#00A0E9;
	color:#fff;padding: 3em 0em;
	font-family: "NotoSansJPRegular";
	border-radius: 0.1rem;
}
.cermaila>div>img{
	height:2.6rem;
	margin:0 auto;
}
.cermaila>div{
	font-family: "NotoSansJPRegular";
	color:#00A0E9;
	width:100%;
	font-size:0.22rem;
	line-height:150%;
	margin-top:0.3rem;
	text-align:center;
}







.countbody{
	margin: 0 auto;
    width: 90vw;
    margin-top: 0vw;
    margin-bottom: 0.6rem;
}
.countbody .p_titlep{
	text-align:center;
}
.countshow{
	width:100%;
}
.countshow table{
	width: 100%;
        border-collapse: collapse;
        margin: 0 auto;
		margin-top:0.3rem;
}
.countshow table td.firstTd{
	width: 28%;
    text-indent: 0em;
    font-size: 0.2rem;
    font-weight: bold;  line-height: 150%;
    color: #222;
    border: 1px solid #eee;
	text-align:center;
}
    .countshow table td.secondTd {
       width: 75%;
    padding: 1em 0.5em;
    font-size: 0.2rem;
    color: #222;
    line-height: 150%;
    text-align: justify;
    border: 1px solid #eee;
    }
















}