@charset "utf-8";
/* CSS Document */

html,body{ margin:0; padding:0; border:0;}
.page{ min-width:960px; margin:0 auto; }
.p_kv{ overflow:hidden; min-width:960px;}
.p_kv>div{ position:relative; left:50%; margin-left:-960px;}
.p_con{ background:#f0f4f8;}
.p_cen{ width:960px; margin:0 auto;}
.p_ban{ width:960px; margin:0 auto; padding:25px 0 20px;}
.p_nav{ width:139px; height:283px; position:fixed; left:50%; top:100px; margin-left:460px; background:url(../images/a7_nav_180423.png) no-repeat;}
.p_nav>a{ width:139px; height:42px; display:block; background-image:url(../images/a7_nav_180423.png);}
.p_nav>a:hover{ background-image:url(../images/a7_nav_on_180423.png);}
.p_nav>a.active{ background-image:url(../images/a7_nav_on_180423.png);}

.p_nav1{ background-position:0 0;}
.p_nav2{ background-position:0 -42px;}
.page{ display:block;}
.mobile{ display:none;}
.mobile img{ display:block; width:100%; border:0;}

.ewmbox{ width:960px; max-width:90%; margin:55px auto; overflow:hidden;}
.ewmbox>div{ float:left; width:50%; box-sizing: border-box; border:solid 1px #f3f3f3; }
.ewmbox>div>img{ width:100%;}

@media screen and (max-width:1200px){
	.p_nav{ left:inherit; right:0; margin-left:0; }
	}
@media screen and (max-width:960px){
	.w960{ width:98%; margin:0 auto;}
	.ewmbox{ margin:5vw auto 0; }
	}
@media screen and (max-width:720px){
	.ewmbox{ margin:0 auto; padding-bottom:5vw; }
	.ewmbox>div{ float:none; width:100%; margin-top:5vw;}
	}
