@charset "utf-8";
/* CSS Document */

/*------------------------------------------------pc header  star---------------------------------------------------------------*/

.headertop{ width: 100%; margin: auto; background-color:rgba(255, 255, 255, 0.96); overflow: hidden; position: fixed; display:block;    top: 0; z-index: 200; border-bottom:1px solid #f2f2f2;  }
.logo, header, .topright{ float:left; }
.logo{ width: 18%; margin-right:2%; margin-left: 1%; }
.logo img{ width:100%; }

.pclogoon{width: 20%;overflow: hidden; float: left;}
.pclogowz{ float: left; width: 70%; padding-top:3%;}
.pclogowz h1{ line-height: 2rem; letter-spacing: 3px; font-size: 1.2rem;color: #A41727;font-weight: 600;}
.pclogowz h2{ font-weight: normal; font-size: 0.7rem; }

.topright{ width:24%;   }
.topright a{ text-decoration:none; font-size: 0.9rem; color: #999;  }
.topright1, .topright2, .topright3{ float:left; } 
.topright1{ padding-top: 8%;}
.topright2{ padding-top: 7%; margin-left:20%; margin-right: 2%; }
.topright3{ padding-top: 8.4%;font-size: 1.3rem;color: #A41727; font-weight: bold;}
 
header{ width:55%; margin:auto;   }
header ul{ width:100%; }
header ul li a{ text-decoration:none; color:#000; }
header ul li{ width:15%; float:left; }
header ul li:hover .navtwo{ display:block;   z-index: 10000;  }
header ul li:hover .navone{ color:#A41727;  }

.navone{  text-align: center; line-height: 5rem; font-size: 1rem; color: #777;  }
.navtwo{ display:none; width:300%; position:relative;    left:0; z-index: 10000;  padding-bottom: 20%;}
.navtwo1:hover{ background-color:#A41727; color:#fff;  }
.navtwo1{ color: #999; width: 20%; margin-left:26%; border-bottom:1px solid #f2f2f2;  padding-left: 3%;line-height:2rem;font-size: 0.8rem; margin-bottom: 1%; margin-top: 1%;}

.navone:hover header{border-bottom:200px solid #fff;}

.navtwo1g:hover{ background-color:#A41727; color:#fff;  }
.navtwo1g{ color: #666; width: 100%;   border-bottom:1px solid #EBEBEB;  padding-left: 8%;line-height:2rem;font-size: 0.8rem; margin-bottom: 1%; margin-top: 4%;}


.navtwo2g:hover{ background-color:#A41727; color:#fff;  }
.navtwo2g{ color: #666; width: 100%;   border-bottom:1px solid #EBEBEB;  padding-left: 8%;line-height:2rem;font-size: 0.8rem; margin-bottom: 1%; margin-top: 4%;}


.navtwo3g:hover{ background-color:#A41727; color:#fff;  }
.navtwo3g{ color: #666; width: 100%;   border-bottom:1px solid #EBEBEB;  padding-left: 8%;line-height:2rem;font-size: 0.8rem; margin-bottom: 1%; margin-top: 4%;}


.navtwo4g:hover{ background-color:#A41727; color:#fff;  }
.navtwo4g{ color: #666; width: 100%;   border-bottom:1px solid #EBEBEB;  padding-left: 8%;line-height:2rem;font-size: 0.8rem; margin-bottom: 1%; margin-top: 4%;}


.navtwo5g:hover{ background-color:#A41727; color:#fff;  }
.navtwo5g{color: #666; width: 100%;   border-bottom:1px solid #EBEBEB;  padding-left: 8%;line-height:2rem;font-size: 0.8rem; margin-bottom: 1%; margin-top: 4%;}



/*------------------------------------------------pc header end---------------------------------------------------------------*/