/* AB模板网 整站模板下载 */
/* 模板：Www.AdminBuy.Cn */
/* QQ：9490489 */
.foot-wap,.head-wap{display: none;}
.foot-wap{position: fixed;bottom: 0;left: 0;z-index: 10;width: 100%;background: #fff;}
.foot-wap li{width: 25%;float: left;text-align: center;position: relative;padding: 8px 0;cursor: pointer;}
.foot-wap li p{font-size: 14px;color: #333333;margin-top: 4px;}
.foot-wap li span{color: #333333;font-size: 20px;}
.foot-wap li::after{content: '';width: 1px;height: 30px;background: #dbdbdb;position: absolute;right: 0;top: 14px;}
.foot-wap li:last-child::after{display: none;}

/* 语言菜单修复：确保二级菜单可见 */
.lang{
  position: relative;
  z-index: 99999;
  cursor: pointer;
  margin-right: 30px;
  padding: 0;
}
.lang i{
  margin-right: 10px;
  font-size: 18px;
}
.lang a {
  display: block;
  color: #666;
  overflow: hidden;
  font-size: 14px;
  color: #333333;
}
.lang dl{
  width: 100%;
  position: absolute;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s linear;
  -moz-transition: max-height 0.3s linear;
  transition: max-height 0.3s linear;
  z-index: 9999;
  top: 30px;
  right: 0;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
.lang:hover dl,
.lang[aria-expanded="true"] dl{
  max-height: 300px;
}
.lang dt{
  height: 20px;
  overflow: hidden;
  margin: 5px 0;
  padding: 0 14px;
}
.lang dt:first-child{
  margin-top: 8px;
}
.lang dt:last-child{
  margin-bottom: 8px;
}
.lang dt img{
  width: 19px;
  vertical-align: middle;
  margin-right: 6px;
}
.lang dt a{
  font-size: 14px;
  display: block;
  color: #333333 !important;
  padding: 5px 0;
  transition: background 0.2s;
}
.lang dt a:hover{
  text-decoration: none;
  background: #f5f5f5;
  border-radius: 4px;
}
.lang span{
  padding-right:10px;
  display: inline-block;
}
.page-header.typea:not(.typeanot) .lang a{
  color: #333333;
}
.page-header.typea:hover .lang a{
  color: #333333;
}

.toutanchu{
  text-align: center;
  max-width: 200px;
  overflow: hidden;
  height: 46px;
  line-height: 46px;
}
.toutanchu .moreall{
  height: 46px;
  line-height: 46px;
  padding-top: 0;
  padding-bottom: 0;
}
.toutanchu b{
  font-size: 34px;
  color: #333;
  display: block;
  margin-bottom: 20px;
  margin-top: 15px;
}
.toutanchu1 .inp1{
  border: 1px solid #ddd;
  height: 40px;
  line-height: 40px;
  width: 95%;
  padding-left: 5%;
}
.toutanchu1 .inp2{
  height: 40px;
  line-height: 40px;
  background: #333333;
  border-radius: 4px;
  color: #fff;
  padding: 0 30px;
  margin-top: 20px;
  cursor: pointer;
}
.md-close{
  cursor: pointer;
}
.md-content .input_control{
  width: 100%;
  margin-right: 0;
  margin-top: 16px;
}
.kuagn-fd h2{
  font-size: 30px!important;
  color: #333!important;
  text-align: left;
}
.kuagn-fd .form .submit{
  width: 100%;
}
.toutanchu input{
  font-family: 'muli';
}
.toutanchu1 .iconfont{
  font-size: 20px;
  color: #333;
}
.input_control{
  position: relative;
  width: 32%;
  float: left;
  margin-right: 2%;
  background: #f2f5f8;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  height: 54px;
  margin-top: 26px;
}
.input_control:nth-child(3){
  margin-right: 0;
}
.form_input{
  -webkit-appearance:none;
  -moz-appearance: none;
  outline:0;
  height: 54px;
  line-height: 54px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 30px;
  font-size: 14px;
  color: #666;
  width: 95%;
  background: #f2f5f8;
}
.input_control lable{
  color: red;
  position: absolute;
  left: 20px;
  line-height: 54px;
}
.form_input::-moz-placeholder,
.form_text::-moz-placeholder{
  color: #666;
}
.form_text{
  height: 100px;
  background: #f2f5f8;
  position: absolute;
  left: 30px;
  top: 15px;
  width: 95%;
  font-size: 14px;
  color: #666;
  line-height: 25px;
}
.input_control2{
  width: 100%;
  margin: 16px 0 25px;
  height: 130px;
}
.form .submit{
  width: 240px;
  height: 60px;
  line-height: 60px;
  border-radius: 4px;
  background: #333333;
  font-size: 16px;
  color: #fff;
  cursor: pointer;
}
.page-header.typea:not(.typeanot) .hhsear i{
  color: #fff;
}
.page-header.typea:not(.typeanot):hover .hhsear i{
  color: #333;
}
.hhsear{
  position: relative;
  padding-right: 18px;
  margin-right: 18px;
}
.hhsear::before{
  content: '';
  position: absolute;
  top: -4px;
  right: 0;
  width: 1px;
  height: 20px;
  background: rgba(0,0,0,.3);
}
.page-header.typea:not(.typeanot) .hhsear::before{
  background: rgba(255,255,255,.3);
}
.page-header.typea:not(.typeanot):hover .hhsear::before{
  background: rgba(0,0,0,.3);
}

.foot-com{
  background: url("../images/foot.jpg") no-repeat center;
  background-size: cover;
  padding-top: 70px;
  display: flow-root;
}
.foot-com ul{
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  width: 100%;
  color: #fff;
}
.foot-com li{
  position: relative;
  padding-left: 50px;
}
.foot-com li::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 300px;
  background: rgba(255,255,255,.2);
}
.foot-com li:nth-child(1)::before{
  opacity: 0;
}
.foot-com li:nth-child(1){
  padding-left: 0;
}
.foot-com .box1{
  max-width: 30%;
}
.foot-com .box1 .des{
  color: #fff;
}
.foot-com .box1 .wlogo{
  overflow: hidden;
  max-height: 40px;
  margin-bottom: 20px;
}
.foot-com .box1 .wlogo img{
  transform: translateY(-200px);
  filter: drop-shadow(#fff 0 200px);
  height:40px
}
.foot-com .box1 .b{
  font-size: 20px;
  text-transform: uppercase;
  margin: 10px 0 15px;
}
.foot-com .box1 .b i{
  color: #e98323;
}
.foot-com li .bt{
  font-size: 30px;
  display: block;
  margin-bottom: 30px;
}
.foot-com li .wz{
  font-size: 20px;
  color: #fff;
}
.foot-com li.box3{
  max-width: 710px;
}
.foot-com li.box2{
  max-width: 450px;
}
.foot-com .box3 a{
  float: left;
  margin-right: 30px;
}
.foot-com .box3 a:last-child{
  margin-right: 0;
}
.foot-com .box3 a:hover,
.foot-com .copy a:hover{
  text-decoration: underline;
}
.foot-com .copy{
  padding: 22px 0;
  border-top: 1px solid rgba(255,255,255,.2);
  display: flow-root;
  color: #fff;
  margin-top: 70px;
}
.foot-com .copy a{
  color: #fff;
}

.follow{
  display:inline-block;
}
.follow i{
  display:inline-flex;
  border: 1px solid #666;
  border-radius: 500px;
  padding: 6px;
}
.follow svg{
  width:16px;
  height:16px;
  fill:#999;
}
.follow a{
  display:inline-block;
  vertical-align:middle;
  margin-right:12px;
  float: left;
  background: none;
}
.follow a:last-child{
  margin-right: 0;
}

.follow2 svg{
  fill:#fff;
}
.follow2 i{
  border: 1px solid #fff;
}

@media (max-width: 1740px){
  .page-header{
    padding: 0 2%;
  }
}
@media (max-width: 1500px){
  .page-nav .item{
    margin-right: 20px;
  }
  .foot-com .box2{
    display: none;
  }
}
@media (max-width: 1200px){
  .page-logo .img, 
  .page-logo .img-w{
    height: 40px!important;
  }
  .page-nav .link{
    font-size: 15px;
  }
  .lang a{
    font-size: 14px;
  }
  .lang i{
    margin-right: 4px;
  }
}
@media (max-width: 1024px){
  .foot-wap{
    display: block;
  }
  .foot-com,
  .toutanchu{
    display: none;
  }
  .waph{
    height: 54px;
  }
  .page-header.typea:not(.typeanot) .lang a{
    color: #333333;
  }
  .lang{
    margin-right: 0;
  }
}
@media (max-width: 540px){
  .lang a{
    font-size: 14px;
  }
  .lang dt a{
    font-size: 12px;
  }
  .lang dt{
    line-height: 10px;
  }
}