@charset "UTF-8";
/*+++++++++++    ++++++++++*/
input, textarea {  outline: none;  font-family: '微软雅黑';
  /*-webkit-appearance: none;*/   }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {  color: #666; }

input:-moz-placeholder, textarea:-moz-placeholder {  color: #666; }
input::-moz-placeholder, textarea::-moz-placeholder {  color: #666; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder {  color: #666; }


.nav ul li { position: relative; width: 80%; text-align: center; font-size: 20px; list-style-type:none; float: right;margin-top:55px;margin-bottom:20px; border-right: 1px solid #e4e4e4;border-bottom: 1px solid #e4e4e4 }
.nav ul li:first-child { border-left: 1px solid #e4e4e4 }
.nav ul li a { color: #333; font-size: 20px; display: block; height: 71px; position: relative; z-index: 1 }
.nav ul li a .icon-nav { width: 87px;  margin: 10px 0 0 0; display: inline-block; }
.icon-9 { position: absolute; bottom: 0; left: 0; display: none; }
.newsearbtn{display:flex}
.nav-txt { display: block;font-size:16px }
.nav ul li .line { position: absolute; left: 0; top: 0; right: 0; height: 4px; background: #009994; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; z-index: 0 }

.nav ul li:hover .line, .nav ul li.on .line { height: 71px; }
.nav ul li:hover a, .nav ul li.on a { color: #fff }
.nav ul li:hover .icon-9, .nav ul li.on .icon-9 { display: block; }
.nav ul li:nth-child(5) .icon-nav { background-image: url(../2024img/svg/home_nav_icon_search.svg); background-repeat: no-repeat; }



body{
  width: 100%;
  overflow-x: hidden;
}

.newsearch{
  position: fixed;
  left: 0;
  margin-top:20px;  
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.8);
  z-index: 9999;
 display: none;

}
.newssearchbg{
  background: #fff;
  padding: 25px 0;
}
.newsearch img{
  height: 23px;
  margin-bottom: -8px;
  display: inline-block;
}
.newsearch  .search-input{
  width: 80%;
  display: inline-block;
  line-height: 48px;
  border:0;
  margin-left: 10px;
   font-size: 18px
}
.newsearch  .btn{
  width: 160px;
  line-height: 48px;
  background: #009994;
  color: #fff;
  text-decoration: center;
  border:0;
  cursor: pointer;
     font-size: 18px
}
.newsearch  .btn:hover{
  background: #048c88
}
.newsearclose{
  float: right;
  margin-top: 10px;
}
.newsearphbtn{
  display: none;
}

@media screen and (max-width: 1280px){
   .main {
    /*width: 980px;*/
	/*width:100%;*/
  }
  .search .search-input{
    width: 680px
  }
}

.newsearch{
  position: fixed;
  left: 0;
  top: 218px;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.8);
  z-index: 9999;
 display: none;

}
.newssearchbg{
  background: #fff;
  padding: 25px 0;
}
.newsearch img{
  height: 23px;
  margin-bottom: -8px;
  display: inline-block;
}
.newsearch  .search-input{
  width: 70%;
  display: inline-block;
  line-height: 48px;
  border:0;
  margin-left: 10px;
  font-size: 18px;
  background: #edf1f4;
}
.newsearch  .btn{
  width: 160px;
  line-height: 48px;
  background: #009994;
  color: #fff;
  text-decoration: center;
  border:0;
  cursor: pointer;
     font-size: 18px
}
.newsearch  .btn:hover{
  background: #048c88
}
.newsearclose{
  float: right;
  margin-top: 10px;
}
.newsearphbtn{
  display: none;
}

@media screen and (max-width: 1280px){
   .newsearch .search-input{
    width: 73%
  } 
  .main {
    /*width: 980px;*/
  }
  .search .search-input{
    width: 680px
  }
}