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

@media all  and (min-width: 1024px)  {
	
/*顶部导航样式*/
.top {position:fixed; width:100%; box-sizing:border-box; margin: 0 auto; padding: 0 1.25rem;  top:0rem;  z-index: 999; box-shadow: 0 0 10px rgb(0 0 0 / 15%); height:1.42rem; font-size:0.22rem; background:#fff; }
.top::after {content: "";  display: block;  clear: both;}
.top .logo {float:left;  width: 2.42rem; margin-top: 0.5rem;}
.top .logo a img {  display: block;  width: 100%;}

.top .pc-logo{  display:block;}
.top .md-logo{  display:none;}
.top.headFix .pc-logo{  display:none;}
.top.headFix .md-logo{  display:block;}


.lang { height:0.2rem; width:auto; padding:0 0.05rem; float:right; margin-top:0.6rem; background:; color:#eee; line-height:0.20rem; }
.lang a {  display: table-cell; text-align:center; overflow: hidden; background-size: contain;  color:#aaa; border-right:1px solid #ccc; padding:0 0.05rem;}

.lang a.sel {color:#b44745;}

.top ul {float:right; margin-top:0.50rem; margin-right:0.15rem;}
.top ul li { float:left; width:auto; padding:0 0.28rem; line-height:0.28rem; position:relative;}
.top ul li a, .top ul li a:link, .top ul li a:active, .top ul li a:visited { color:#4a4543;height:0.40rem; line-height:0.40rem; display:block; white-space:nowrap;}
.top ul li a:hover { color:#b44745;}
.top ul li a.sel {color:#b44745; border-bottom:2px solid #b44745; height:0.38rem; line-height:0.40rem; overflow:hidden; }
.top ul li .dropnav {width:1.50rem; height:0rem; background:rgba(180,71,69,.6); position:absolute; left:0rem; top:0.38rem;text-align:center;transition: all .3s ease; overflow:hidden; border-radius:0.05rem;}
.top ul li:hover .dropnav {height:auto; padding:0.10rem 0; width:}
.top ul li span {background:url(../imgs/dot.png) -55px -18px;  height:12px; width:12px; display:inline-block; line-height:0.90rem; position:absolute; top:0.18rem; margin-left:0.05rem;}
.top ul li:hover span {background:url(../imgs/dot.png) -95px -18px; height:12px; width:12px; display:inline-block; font-size:0.11rem;}
.top ul li .dropnav a, .top ul li .dropnav a:link, .top ul li  .dropnav a:active, .top ul li .dropnav a:visited { color:#fff;display:block; line-height:0.35rem; height:0.35rem; text-align: center; padding-left:0rem;}
.top ul li .dropnav a:hover { color:#b44745; height:0.35rem; line-height:0.35rem; background:#FFF;text-align:center; padding-left:0rem; opacity:1;}


.top ul li .enfronav {width:auto; height:0rem; background:rgba(180,71,69,.6); position:absolute; left:0rem; top:0.38rem;text-align:center;transition: all .3s ease; overflow:hidden; border-radius:0.05rem;}
.top ul li:hover .enfronav {height:auto; padding:0.10rem 0; }
.top ul li .enfronav a, .top ul li .enfronav a:link, .top ul li  .enfronav a:active, .top ul li .enfronav a:visited { color:#fff;display:block; line-height:0.35rem; height:0.35rem; text-align: left; padding:0 0.28rem ;}
.top ul li .enfronav a:hover { color:#b44745; height:0.35rem; line-height:0.35rem; background:#FFF;text-align:left;opacity:1;}

}


@media all and (max-width: 1023px) {
/*顶部导航样式*/
.top {position:fixed; width:100%; box-sizing:border-box; margin: 0 auto; padding: 0 0.3rem;  top:0rem;  z-index: 999; box-shadow: 0 0 10px rgb(0 0 0 / 15%); height:1.42rem; font-size:0.22rem; background:#fff;}
.top .phNavIcon{width: 0.45rem;height: 0.45rem; position: absolute;right: 0.3rem; top: 0.5rem; background: url(../imgs/phoneNav.png) no-repeat center ;  background-size: contain;}
.top .phNavcl { background: url(../imgs/phoneBtncl.png) no-repeat center;width: 0.45rem;height: 0.45rem; position: absolute;right: 0.3rem; top: 0.5rem; background-size: contain; display:none;}

.top .logo {float:left;  width: 2.42rem; margin-top: 0.5rem;}
.top .logo a img {  display: block;  width: 100%;}

.lang{ height:0.2rem; width:auto; padding:0 0.05rem; color:#eee; line-height:0.2rem; position:absolute; right:1rem; top:0.6rem; }
.lang a {text-align:center; overflow: hidden; background-size: contain;  color:#ccc; border-right:1px solid #ccc; padding:0 0.05rem}
.lang a.sel {color:#b44745;}



.top ul {width:100%; height:calc(100% - 1.42rem); background:#f5f5f5; position:fixed; right:0rem; top:1.42rem;text-align:center;transition: all .3s ease; overflow: scroll; border-radius:0rem; z-index:99; color:#666; margin:0rem; float:none; display:none;}
.top ul li { float:none; width:auto; padding:0; line-height:0.28rem; position:relative; border-bottom:1px solid #ccc; margin:0rem 0.3rem;}
.top ul li a, .top ul li a:link, .top ul li a:active, .top ul li a:visited { color:#333; height:0.60rem; line-height:0.60rem; display:block; white-space:nowrap; display:block; width:auto; text-align:left;}
.top ul li a:hover { color:#b44745;}
.top ul li a.sel {display:block;}
.top ul li .dropnav {width:auto; height:auto; background:#ededed; position: static; left:0rem; top:0.38rem;text-align:center!important;transition: all .3s ease; overflow:hidden; font-size:0.18rem}
.top ul li:hover .dropnav {height:auto; padding: 0;}
.top ul li span {background:url(../imgs/dot.png) -55px -18px;  height:12px; width:12px; display:inline-block; line-height:0.90rem; position:absolute; top:0.28rem; margin-left:0.05rem;}
.top ul li:hover span {background:url(../imgs/dot.png) -95px -18px; height:12px; width:12px; display:inline-block; font-size:0.11rem;}
.top ul li .dropnav a, .top ul li .dropnav a:link, .top ul li  .dropnav a:active, .top ul li .dropnav a:visited { color:#666; display:block; line-height:0.6rem; height:auto; text-align:left; padding-left:0.3rem; text-align:left;}
.top ul li .dropnav a:hover { color:#b44745; opacity:1;}


.top ul li .enfronav {width:auto; height:auto; background:#ededed; position: static; left:0rem; top:0.38rem;text-align:center!important;transition: all .3s ease; overflow:hidden; font-size:0.18rem}
.top ul li:hover .enfronav {height:auto; padding: 0;}
.top ul li .enfronav a, .top ul li .enfronav a:link, .top ul li  .enfronav a:active, .top ul li .enfronav a:visited { color:#666; display:block; line-height:0.6rem; height:auto; text-align:left; padding-left:0.3rem; text-align:left;}
.top ul li .enfronav a:hover { color:#b44745; opacity:1;}



}

@media all and (max-width: 1023px) and (orientation: landscape) {   
  /*横屏 css*/   
  .top {position: relative;  height:1rem; }
.top ul { height:calc(100% - 1rem); top:1rem; }

.top .phNavIcon{top: 0.2rem;}
.top .phNavcl {top: 0.2rem; }

.top .logo { margin-top: 0.2rem;}

.lang { top:0.3rem}

}