.menuDiv { 
  /* border: 2px solid #aac; */
overflow: hidden;
display: inline-block;
margin-top: 45px;
margin-left: 470px;
}

/* 去掉a标签的下划线 */
.menuDiv a {
text-decoration: none;
}

/* 设置ul和li的样式 */
.menuDiv ul , .menuDiv li {
list-style: none;
margin: 0;
padding: 0;
float: left;
} 

/* 设置二级菜单绝对定位，并隐藏 */
.menuDiv > ul > li > ul {
position: absolute;

}

/* 设置二级菜单的li的样式 */
.menuDiv > ul > li > ul > li {
float: none;
}
.menuDiv > ul > li .sub-nav{
bottom: -24%;
transition: all 0.5s ease;
transform: translateY(0) scaleY(0);
}
/* 鼠标放在一级菜单上，显示二级菜单 */
.menuDiv > ul > li:hover  .sub-nav{
transform: translateY(50%) scaleY(1);
}

/* 一级菜单 */
.menuDiv > ul > li > a {
width: 120px;
line-height: 40px;
color: black;
text-align: center;
position: relative;
display: block;
text-decoration: none;
}

/* 在一级菜单中，第一个不设置左边框 */
.menuDiv > ul > li:first-child > a {
border-left: none;
}

/* 在一级菜单中，鼠标放上去的样式 */
.menuDiv > ul > li > a:active {
color: #f00;
/* background-color: #bcf; */
}

/* 二级菜单 */
.menuDiv > ul > li > ul>i {
  border-width: 8px;
  box-sizing: border-box;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
}
.menuDiv > ul > li > ul > li > a {

  line-height: 36px;
  color: #456;
  background-color: #fff;
  text-align: center;
  border: 1px solid #ccc;
  border-top: none;
  display: block;
  text-decoration: none;
  padding: 3px 10px;
  margin-left: -13px;

}

/* 在二级菜单中，第一个设置顶边框 */
.menuDiv > ul > li > ul > li:first-child > a {
border-top: 1px solid #ccc;
}

/* 在二级菜单中，鼠标放上去的样式 */
.menuDiv > ul > li > ul > li > a:hover {
color: #f00;
background-color: #fff;
}


.header .headerTool {
  position: absolute;
  top: -64px;
  right: 0px;
  width: 180px;
  /* float: right; */
}

.header .headerTool li {
  float: left;
  /*position: relative;*/
}

.header .headerTool a {
  display: block;
  width: 25px;
  height: 20px;
  margin: 0 10px;
  cursor: pointer;
}

.header .headerTool a .img {
  opacity: 0.9;
  transition: all 0.5s linear;
}

.header .headerTool a:hover .img {
  opacity: 1;
}

.header .headerTool .twoCode {
  width: 100px;
  height: 100px;
  position: absolute;
  top: 112%;
  left: 50%;
  margin-left: -113px;
  display: none;
  z-index: 10;
}

.header .headerTool li:hover .twoCode {
  display: block;
}
.menuDiv {
  /* border: 2px solid #aac; */
  overflow: hidden;
  display: block;
  margin-top: 45px;
  margin-left: 348px;
}
/* .menuDiv a.active:before{
  content: "";
  display: block;
  position: absolute;
  bottom: -3px;
  left: 50%;
  width: 16px;
  margin-left: -8px;
  position: absolute;
  border-width: 8px;
  box-sizing: border-box;
  border-style: solid;
  border-color: #000 transparent transparent transparent;

} */
.menuDiv a.active:after {
  content: "";
  display: block;
  background: #ef59a1;
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: 0px;
  left: 0;
  margin-left: 0;
  position: relative;
}
.navreturn{
position: fixed;
bottom: 33px;
right: 10px;
z-index: 99;
display: none;
width: 60px;
}
.zz {
  width: 93%;
  height: 451px;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 11px;
  text-align: center;
  margin: 0 auto;
}
.zz h3{
font-size: 24px;
margin-bottom: 15px;
color: #fff;
margin-top: 50%;
}
.zz p{
font-size: 14px;
color: #fff;
line-height: 30px;
}

.container>ul {
  text-align: center;
  width: 100%;
}
.container>ul>li{
width: 20%;
height: 451px;
cursor: pointer;
display: inline-block;
position: relative;
/* margin-right: 20px; */
margin-bottom: 20px;
}
/* .container>ul>li:last-child{
  margin-right: 0;
} */
.container>ul>li:last-child{
  margin-right: 0;
}

.container>ul>li:hover div{
display: block !important;
}
.page_c:hover .page_zz{
  opacity: 1;
}
.polaroiols>ul>li{
  float: left;
  margin-bottom: 15px;
}
.clearfix:after{
  content:"";  /*设置内容为空*/
  height:0;  /*高度为0*/
  line-height:0;  /*行高为0*/
  display:block;  /*将文本转为块级元素*/
  visibility:hidden;  /*将元素隐藏*/
  clear:both;  /*清除浮动*/
}
.clearfix{
  zoom:1;  /*为了兼容IE*/
}
.list_container{
  margin-right: 20px;
  margin-bottom: 20px;
}
.list_container:last-child{
  margin-right: 0;
  margin-bottom: 0;
}
.page_cc{
  width: 315px;
  display: inline-block;
  margin-right: 6px;
}
.page_cc:nth-child(4n+0){
  margin-right: 0;
}
.pad
{
  padding: 0;
}
.jr:nth-child(1){
  position: absolute;
    left: 0px;
    top: 0px;
    transform: translate3d(0px, 0px, 0px);
}
.jr:nth-child(2){
  position: absolute;
    left: 0px;
    top: 0px;
    transform: translate3d(325px, 0px, 0px);
}
.jr:nth-child(3){
  position: absolute;
    left: 0px;
    top: 0px;
    transform: translate3d(650px, 0px, 0px);
}
.jr:nth-child(4){
  position: absolute;
    left: 0px;
    top: 0px;
    transform: translate3d(975px, 0px, 0px);
}
.jr:nth-child(5){
  position: absolute;
    left: 0px;
    top: 0px;
    transform: translate3d(0px, 451px, 0px);
}
.jr:nth-child(6){
  position: absolute;
    left: 0px;
    top: 0px;
    transform: translate3d(325px, 451px, 0px);
}
.jr:nth-child(7){
  position: absolute;
    left: 0px;
    top: 0px;
    transform: translate3d(650px, 451px, 0px);
}
.jr:nth-child(8){
  position: absolute;
    left: 0px;
    top: 0px;
    transform: translate3d(975px, 451px, 0px);
}
.gallery-content-centera>li:last-child{
  margin-right: 0;
}
.dhl{
  display:none;
}
.btm_pa{
  padding-bottom: 20px;
}
.navlogo1{
  margin-top: 0;
}
@media (max-width: 768px){
  .menuDiv {
    width: 77%;
    text-align: center;
    margin-top: 10%;
    z-index: 99999999;
    top: -33px;
    position: absolute;
    left: -70%;
    font-size: 9px;
    display: block;
}
.menuDiv > ul > li > a {
  width: 100%;
  line-height: 40px;
  color: black;
  text-align: center;
  position: relative;
  display: block;
  text-decoration: none;
}
.menuDiv>ul, .menuDiv>ul>li {
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
  display: inline-block;
  margin-right: 6px;
  height: 184px;
  position: relative;
}
a.active:after {
  content: "";
  display: block;
  background: #ef59a1;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 11px !important;
  left: 50%;
  margin-left: -12px;
  position: relative;
}
.footer_cont{
  width: 100%;
  border: 1px solid #ef59a1;
}
.dhl{
  display: none;
  position: absolute;
  right: 23px;
  top: 13px;
  cursor: default;
}
.dhl>ul{
  background: #ffffff;
  position: absolute;
  width: 203px;
  top: 29px;
  /* height: 512px; */
  left: -148px;
  text-align: left;
  font-size: 13px;
  /* padding: 60px 99px; */
  display: none;
  padding: 30px 20px;
 
}
.dhl>img{
  width: 32px;
}
.dhl>img:hover .dhl>ul{
  display: block;;
}
.dhl>ul>li{
  margin-top: 10px;
}
.dhl ul li a{
  text-decoration: none;
  color: #000;
}
.two_dh{
  display: block;
 
  margin-left: 45px;

}
.two_dh>ul>li>a{
  color: #ddd;
}
a.active:after {
  display:block !important;
}
.sub-nav{
  position: absolute !important;
  top: -152px;
  left: 54px;
}
.menuDiv > ul > li .sub-nav{
  margin-left: -71px;
}

}