@charset "utf-8";
body{ margin:0px; padding:0px;}
a{ text-decoration:none;}
ul{ list-style:none; margin:0px; padding:0px;}
p{ margin:0px;}
.width{ width:1400px; margin:0 auto;}
.both{ clear:both;}
a{color:#000; transition:0.5s;}
#box{ width:100%; position:relative; overflow:hidden; height:700px;}
#box img{ transition:0.3s; position:absolute; top:0px; left:0px; height:100%; width:100%; object-fit:cover;}
.arrow{width:100%;}
.arrow a{ position:absolute; top:45%; background-color:rgba(255,255,255,0.8);border-radius:50%; color:#333; font-size:24px; padding:10px 15px; opacity:0;}
#box:hover .arrow a{ opacity:1;}
#top{ position:absolute; top:0px; left:0px; width:100%;}
#top p{ background:url(../img/logo.png) no-repeat center; width:240px; height:70px; background-size:contain; float:left;}
#top a li{ color:#fff; float:right; list-style:none; font-size:14px; margin:0px 2%; text-align:center; padding:0px 1%;}
#top a li:before{ display:block; content:''; width:100%; height:2px; margin-bottom:20px;}
#top a li:hover:before{ background:#fff;}



@media screen and (max-width: 980px) {	
#box{ height:400px;}
.width{ width:96%;}
}