.p_menu-off {
  background: url(../images/p_menu_off.png) no-repeat;
  background-size: contain;
  width: 72px;
  height: 85px;
  opacity: 1;
  display: block;
  position: absolute;
  top: 3%;
  right: 3%;
  cursor: pointer;
  z-index: 99999999999999999;
  display:none;
}
.two-nav {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999999999999999999999999999999;
  display: none;
}

.two-nav ul {
  width: 100%;
  height: 100%;
}

.two-nav ul li {
  width: 33.33333333333%;
  height: 50%;
  float: left;
}

.two-nav ul li:nth-child(1) {
  background: url(../images/nav-bg1.png) no-repeat;
  background-size: 100% 100%;
}

.two-nav ul li:nth-child(2) {
  background: url(../images/nav-bg2.png) no-repeat;
  background-size: 100% 100%;
}

.two-nav ul li:nth-child(3) {
  background: url(../images/nav-bg3.png) no-repeat;
  background-size: 100% 100%;
}

.two-nav ul li:nth-child(4) {
  background: url(../images/nav-bg4.png) no-repeat;
  background-size: 100% 100%;
}

.two-nav ul li:nth-child(5) {
  background: url(../images/nav-bg5.png) no-repeat;
  background-size: 100% 100%;
}

.two-nav ul li:nth-child(6) {
  background: url(../images/nav-bg6.png) no-repeat;
  background-size: 100% 100%;
}

.two-nav ul li a {
  display: block;
  width: 65.9375%;
  height: 62.5%;
  overflow: hidden;
  margin: 84px auto;
  border: 2px rgba(165, 60, 62, 0) solid;
}

.two-nav ul li a span {
  display: block;
  margin: 0 auto;
}

.two-nav ul li a .nav-icon {
  width: 78px;
  height: 76px;
  margin-top: 48px;
}

.two-nav ul li a .nav-icon img {
  width: 100%;
  height: 100%;
}

.two-nav ul li a .long-line {
  width: 143px;
  height: 1px;
  background-color: #b2b2b2;
  margin-top: 19px;
}

.two-nav ul li a .text-en {
  font-size: 24px;
  color: #fffbfb;
  text-transform: uppercase;
  margin-top: 13px;
}

.two-nav ul li a .text-ch {
  font-size: 26px;
  color: #fffbfb;
}

.two-nav ul li a .short-line {
  width: 15px;
  height: 1px;
  background-color: #a53c3e;
  margin-top: 7px;
}

.two-nav ul li:hover a {
  transition: all .6s;
  border: 2px #a53c3e solid;
}

.two-nav ul li:hover a span img {
  transition: all .6s;
  transform: rotateY(360deg);
}
.p_menu{width:80px;position:absolute;right:50px;top:16px;display:none;}

@media screen and (max-width: 828px) {
	.p_menu{display:block;}
.two-nav ul li{width:50%;height:33.33%;}
	.two-nav ul li a{margin:19% auto 5% auto;border:none;}
	.two-nav ul li a .nav-icon{width:50px;height:50px;margin-top:0;}
	.two-nav ul li a .text-en{font-size:16px;text-align:center;}
	.two-nav ul li a .text-ch{font-size:14px;text-align:center;}
	.two-nav ul li:hover a{border:none;}

.p_menu-off {display:block;}
	.two-nav ul li a {height:auto;}
	
	}