@charset "utf-8";

.header{position: relative;}
.header > .container{position: relative; z-index: 99;}

.header-logo{float: left; padding: 90px 0;}
.header-logo img{display: block; margin: 0 auto;}
@media (max-width:992px){
  .header-logo{float: none; padding: 80px 20px 50px;}
}

.header-search{position: absolute; top: 50%; right: 0; width:35%; max-width:298px; margin-top: -21px;}
.header-search dl{position: relative; border: 2px solid #fff; border-radius: 100px; background: #fff; border: 1px solid #3798ea; overflow: hidden;}
.header-search dl dd{margin-right: 70px; margin-left: 20px;}
.header-search dl dd input[type="text"]{width:100%; height: 40px; font-size: 1em; color: #666; line-height: 40px; border: none; background: none;}
.header-search dl dd input::-webkit-input-placeholder{color: #a2a2a2;}
.header-search dl dt.icon{position: absolute; top: 50%; left: 15px; width:24px; height: 24px; margin-top: -12px;}
.header-search dl dt.icon img{display: block; width:100%; height: 100%;}
.header-search dl dt.button{position: absolute; top: 0; right: 0; bottom: 0; width:50px; cursor: pointer;}
.header-search dl dt.button input[type="button"]{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/public/header_search_btn.png) no-repeat center #3798ea; border: none; cursor: pointer;}

.header-search .adv{position: absolute; top: 50%; right: -5.5em; line-height: 30px; margin-top: -15px;}
.header-search .adv a{color: #df0000;}

@media (max-width:992px){
  .header-search{position: static; width:auto; max-width:none; margin-top: 0; margin-bottom: 30px;}
}
@media (max-width:450px){
  .header-search dl dd input[type="text"]{font-size: .875em;}
}

.mainnav{position: relative; z-index: 9; height: 60px; overflow:hidden;}
.mainnav:after{position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: url(../images/public/header_mainnav_bg.png) no-repeat center;}
.mainnav ul{margin-right: 15%;}
.mainnav ul li{float: left; position: relative; z-index: 5; margin-top: 10px; width:14.5%; text-align: center;}
.mainnav ul li a{display: inline-block; position: relative; font-weight: bold; color: #fff; line-height: 50px; font-size: 1.125em; text-align:center; transition: .3s;}
.mainnav ul li a span{display: inline-block; vertical-align: top; white-space: nowrap; position: relative; z-index: 2;}
.mainnav ul li:before{position: absolute; top: 50%; right: -1px; z-index: 2; content: ""; width:2px; height: 18px; margin-top: -9px; background: #fff; opacity: .35;}
.mainnav ul li.navli0{width:12.5%;}
.mainnav ul li.last:before{content: normal;}
.mainnav ul li.on a{opacity: .9; filter: alpha(opacity=90);}
@media (max-width:992px){
  .mainnav .container{width:auto; padding-right: 0; padding-left: 0;}
  .mainnav ul{margin-right: 0;}
}
@media (max-width:768px){
  .mainnav{height: auto; padding: 2px 0;}
  .mainnav:after{background: #3797eb;}	
  .mainnav ul li{width: 27%; margin-top: 0;}
  .mainnav ul li a{display: block; line-height: 35px; margin: 2px 4px;}
  .mainnav ul li a:after{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; opacity: .1;}
  .mainnav ul li.navli0{width: 19%;}
  .mainnav ul li.navli0 a{line-height: 75px;}
  .mainnav ul li.navli3:before{content: normal;}
  .mainnav ul li.navli6:before{content: normal;}
  .mainnav ul li.on a:after{content: "";}
}
@media (max-width:414px){
  .mainnav ul li a{font-size: 1em;}	
  .mainnav ul li:before{width: 1px;}
}

.header-swiper{position: absolute !important; top: 0; right: 0; bottom: 50px; left: 0; z-index: 1;}
.header-swiper .swiper-wrapper{height: 100% !important;}
.header-swiper .swiper-slide{position: relative; width:100%; height: 100% !important; overflow: hidden;}
.header-swiper .swiper-slide img{display: block; width:100%; height: 100%; object-fit: cover;}
@media (max-width:992px){
  .header-swiper{bottom: 60px;}	
}

.header-other{position: absolute; right: 0; bottom: -60px;}
@media (max-width:992px){
  .header-other{top: 10px; right: 15px; bottom: auto;}  	
}

/* 下拉选择 */
.dropdown-base > .droptitle{position: relative;}
.dropdown-base > .droptitle span{font-weight: bold; font-size: 1.125em; color: #fff; height: 50px; line-height: 50px; padding: 0 30px; cursor: pointer; border: 0; background: none; box-sizing: border-box;}
.dropdown-base > .droptitle .layui-icon{position: absolute; left: 0; top: 50%; color: #fff; font-size: 1.125em; line-height: 1em; margin-top: -.5em; transition: all .3s; -webkit-transition: all .3s;}
.dropdown-base ul{display: none; position: absolute; left: 0; top: 52px; padding: 5px 0; z-index: 899; min-width: 100%; border: 1px solid #eee; max-height: 200px; overflow-y: auto; background-color: #fff; font-size: .9375em; border-radius: 2px; box-shadow: 1px 1px 4px rgb(0, 0, 0, .1); box-sizing: border-box;}
.dropdown-base ul li{padding: 0 15px; line-height: 36px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center;}
.dropdown-base ul li{cursor: pointer;}
.dropdown-base ul li:hover{background-color: #f6f6f6; -webkit-transition: .5s all; transition: .5s all;}
.dropdown-base ul li a:hover{color: inherit;}
.dropdown-base ul li.search-select-tips{padding-left: 10px !important; color: #999;}
.dropdown-base ul li.select-this{background-color: #267ede; color: #fff;}
.dropdown-base ul li.select-this a{color: #fff;}
.dropdown-base.selected ul{display: block;}
.dropdown-base.selected .layui-icon{margin-top: -9px; -webkit-transform:rotate(180deg); transform: rotate(180deg);}
.dropdown-base.selected .layui-icon{margin-top: -3px\0; }
.dropdown-base.up ul{top: auto; bottom: 42px;}
@media (max-width:992px){
  .dropdown-base > .droptitle span{padding-right: 20px; padding-left: 20px; font-size: 1em;}
  .dropdown-base > .droptitle .layui-icon{right: 0; left: auto;}
}


.header-bar{background: #eee;}
.header-bar > .container{position: relative;}
.header-bar .gggs{position: relative; margin-right: 9em; padding: 15px 0 15px 7em;}
.header-bar .gggs .hd{position: absolute; top: 0; bottom: 0; left: 0;}
.header-bar .gggs .hd a{position: absolute; top: 50%; left: 0; padding-left: 30px; white-space: nowrap; font-size: 1.0625em; font-weight: bold; line-height: 1em; margin-top: -.5em; background: url(../images/gggs_ico.png) no-repeat left;}
.header-bar .gggs .bd{height: 30px; overflow: hidden;}
.header-bar .gggs .bd ul li a{display: inline-block; position: relative; max-width: 100%; padding-right: 3em; line-height: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.header-bar .gggs .bd ul li a p{float: left;}
.header-bar .gggs .bd ul li a .time{position: absolute; top: 0; right: 0;}
.header-bar .datetime{position: absolute; top: 50%; right: 30px; margin-top: -.5em; color: #666; line-height: 1em;}
@media (max-width:992px){
  .header-bar .gggs{margin-right: 0;}
  .header-bar .datetime{display: none;}	
}
@media (max-width:640px){
  .header-bar .gggs{padding: 15px 0 15px 0;}
  .header-bar .gggs .hd{position: static; margin-bottom: 15px;}
  .header-bar .gggs .hd a{position: static; display: inline-block; margin-top: 0;}
  .header-bar .gggs .bd{padding: 0;}
  .header-bar .gggs .bd ul li a{display: block; max-width: none;}
  .header-bar .gggs .bd ul li a p{float: none;}
}

.layer-login .layui-layer-content{padding: 15px 15px 15px 5px;}
.layer-login .layui-form-label{width: 50px;}
.layer-login .layui-input-block{margin-left: 80px;}