.header_re{float: right;transition: all .3s;width: calc(100% - 23px);}
.header_boxR{float: right;box-sizing: border-box;margin-right: 10px;line-height: 44px;margin-top: 20px;}
.language{float: right;margin-left: 30px;transition: all .3s;cursor: pointer;}

.language a{color: #000;}
.language dl{position: relative;}
.language dd span{margin-right: 8px;}
/*.login*/
.header_re-t{overflow: hidden;height: 35px;line-height: 35px;text-align: right;color: #80839a;font-size: 12px;}
.header_re-t a{color: #80839a;}
/*搜索*/
.header_search{float: left;}
.search_btn,.nav_phone_btn{font-size: 24px;}
.nav_phone_btn{line-height: 50px;}
.header_search{  position: relative;float: right;color: #000;}
.search_btn{cursor: pointer;position: relative;float: right;width: 40px;text-align: center;line-height: 44px;margin-top: 20px;}

.search_box {
    background: #fff;right: 0px; position: absolute;top:65px;margin-top: 0;z-index: 91;
    visibility: hidden;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    border: 1px solid #eee;
     height: 40px;
    overflow: hidden;
    box-sizing: border-box;
    line-height: 40px;
}
.search_box.on {width: 360px;visibility: visible;opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1; -khtml-opacity: 1;}
.search_box_input {width: calc(100% - 60px); padding: 0 10px;float: left;border: 0;height: 40px;outline: none;line-height: 40px;background: #fff;}
.search_box_btn {
  height: 40px;width: 40px;line-height: 40px;background: none;border: 0;outline: none; float: right;
  position: relative;font-size: 18px;
}
.search_box_btn:before{content: "\e6e7";position: absolute;top:0;left: 0;width: 100%;height: 100%;    line-height: 40px;  }

/*搜索*/
/*link*/
.head_link{float: right;}
.head_link a{float: left;margin-left: 23px;border: 2px solid #fff;padding: 0 23px;box-sizing: border-box;height: 44px;line-height: 40px;margin-top: 25px;color: #fff;border-radius: 30px;font-weight: bold;}

.header{position: fixed;top:0;left: 0;width: 100%;height: 80px;z-index: 99;background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1), transparent);}
.height_height{height: 80px;display: none;}
.header_in{padding: 0 50px;display: flex;align-items: center;justify-content: space-between;}
.header h1{float: left;overflow: hidden;}
.header h1 a{display: block;}
.header h1 img{width: 165px;}
.header h1 a span{padding: 5px 0;border-bottom: 1px solid #868686;color: #868686;display: inline-block;vertical-align: middle;}
.header h1 .img_02{display: none;}
.header_box{float: right;transition: all .3s;box-sizing: border-box;width: 100%;}
.header_box.on{width: 0;}
.nav{transition: all .3s;}
.nav>ul>li{float: left;position: relative;}
.nav>ul>li:nth-child(2){}
.nav>ul>li.special_li{position: inherit;line-height: 60px;}
.nav>ul>li>span{display: none;cursor: pointer;}
.nav>ul>li>a{display: block;color: #000;line-height: 80px;font-weight: bold;}
.nav li>a>span{position: relative;display: block;padding: 0 20px;}
.nav li>a i{display: none; position: absolute;left:50%;bottom: 0;height: 6px;width: 0%; background: #1b978e;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.nav li.on>a{color: #1b978e;}
.nav li.on>a i{width: 100%;left: 0;}

/*xiala*/
.nav{float: right;margin-right: 50px;font-size: 14px;}
.header.on{background: rgba(0,0,0,0.7);}
.header .return_a{display: none;}

/*导航下拉*/
.navlist{display: none; position: absolute; z-index: 2; left:0;top:100%; width:100%; background:#1b978e; width: 160px;left: 50%;margin-left: -80px;}
.navlist::before{ display: none; content: ""; position: absolute;left:50%; margin-left:-8px; top:-10px;width: 0;height: 0;border-bottom: 10px solid #9A6C58;border-right: 10px solid transparent;border-left: 10px solid transparent;}
.navlist dl{padding:15px 0; text-align: left;}
.navlist dl dd{line-height:30px;text-align: center;}
.navlist dl dd a{color: #F5FFF2;padding: 6px 0;display: block;}

/*.navlist dl dd a:hover{color:#fff!important;}*/
/*导航下拉*/

@media only screen and (min-width: 1025px){
  .nav li:hover>a i {width: 100%;left: 0;}
  .navlist dl dd a:hover{color: #fff!important;opacity: 0.8}

  .scrollHeader .header{box-shadow: 0 0 10px rgba(0,0,0,0.2);background: rgba(255,255,255,1);}
  .scrollHeader .header h1 .img_01{display: none;}
  .scrollHeader .header h1 .img_02{display: block;}
  .nav>ul>li>a:hover{color:#fff !important;}
  .scrollHeader .nav>ul>li>a:hover{color:#1b978e !important;opacity:1}
  .navlist dl dd:not(:last-child){
    border-bottom: 1px solid rgba(255,255,255,.3);
  }
}

@media only screen and (max-width:1580px) {
    .nav li>a i{height: 3px;}
}
@media only screen and (max-width:1400px) {
    .nav>ul>li>a span{padding: 0 20px;}
}

@media only screen and (max-width:1280px) {
    .nav>ul>li>a span{padding: 0 15px;}
}
@media only screen and (max-width:1200px) {
    .nav>ul>li>a span {padding: 0 10px;}
    .language{margin-left: 10px;}
}
.nav_phone_btn{display:none;}
@media only screen and (max-width:1024px) {
    .header h1{margin-top: 8px;}
    .nav>ul>li>a span {height: auto;line-height: 40px;padding: 0;}
    .nav>ul>li>span{display: block;}
    .menu{display: none;}
    .header_in{margin-top: 0;}
    .header{box-shadow: 0 0 10px rgba(0,0,0,.2);background: #fff;}
    .header,.height_height{display: block;}
    .nav{margin-right: 0;height: 100%;}
    /*手机按钮*/
    .nav .icon-you,.header .return_a{display: block;}
    .nav li>a i {display: none;}
    .nav li.cur .navlist {right: 0;}
    .nav_phone_btn{display:block;float: right;}
    .nav_phone_btn span,.nav_phone_btn em{
      transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;
    }
    .nav_phone_btn{float: right;position: relative;width: 60px;cursor: pointer;}
    .nav_phone_btn span i{display:block;width: 32px;height: 2px;background: #000;margin-top: 8px;}
    .nav_phone_btn span i:first-child{margin-top: 0;}
    .nav_phone_btn em{color: #1b978e;font-size: 20px;visibility: hidden;opacity: 0;}
    .visible_nav span{visibility: hidden;opacity:0;}
    .visible_nav em{visibility: visible;opacity: 1;font-size: 24px;}
    .nav_phone_btn span i{width: 20px;}
    .nav_phone_btn span i{margin-top: 6px;}
    .nav_phone_btn{width: 40px;height: 40px;margin-top: 23px;}
    .header_box{position: fixed;bottom:0;right:-100%;width:100%;background: #1b978e;height: calc(100% - 60px);}
    .nav,.nav>ul>li{float: none;border-bottom: 1px solid rgba(255,255,255,0.1);line-height: initial;}
    .nav>ul>li>a{height: 40px;line-height: 40px;font-weight: normal;font-size: 14px;padding: 0 20px;color: #fff;}
    .header_box{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
    .navbody .header_box{right: 0;padding-left: 0;}
    .nav>ul>li>a,.header .return_a{}
    .nav>ul>li{position: static;}
    .nav li{float: none;border-bottom: 1px dashed rgba(255,255,255,0.2);display: table;width: 100%;position: static;line-height: 40px;}
    .nav li a{color: #fff;}
    .nav li>a{line-height: 40px;width:calc(100% - 90px);float:left;}
    .nav li>span,.header .return_a{display: block;color: #fff;}
    .nav li>span{width: 50px;text-align: center;float: right;line-height: 40px;}
    .header_search{margin:0;width: 100%;padding:0 20px;box-sizing:border-box;margin-top: 20px;margin-bottom: 20px;border-left: 0;}

    .header_re{margin-top: 0;}
    .search_btn{display: none;}
    .search_btn:before, .search_box_btn:before{font-size: 18px;}
    .search_box{position: static; width: 100%;visibility: visible;opacity: 1;filter: alpha(opacity=100);-moz-opacity: 1; -khtml-opacity: 1;margin-top: 0px;}
    .header .return_a{display: block;padding-left: 20px;    border-bottom: 1px solid rgba(255,255,255,0.1);}

    .header_box{transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;}
    .language{float: left;height: auto;margin-top: 0;line-height: 40px;color: #fff;position: relative;z-index: 4;margin-left: 0;}
    /*.language a{color: #fff;}*/
    .language a.on{color: #ec5507;}
    .header_re{height: auto;}
    .header_boxR{border-top: 0!important;line-height: 40px;margin-left: 20px;float: left;margin-top: 0;font-size: 24px;}


    .navlist{ background: none; padding: 0; border-top: 1px solid rgba(255,255,255,.2); height: 100%;line-height: inherit; width: 100%; display: block;clear: both; left:auto; top:0; margin-left: 0!important;right: -200%;background: #1b978e;border-top: 0;transition: all .3s;padding-top: 30px;box-sizing: border-box;z-index: 4;}
    .nav>ul>li.on .navlist{right: 0;}
    .navlist .wrap{width: 100%;max-width: 100%;}
    .navlist dl{padding:0;}
    .navlist dl dd{margin-bottom: 0;line-height: 40px;border-bottom: 1px solid rgba(255,255,255,0.1);padding: 0 20px;box-sizing: border-box;}
    .navlist dl,.header .return_a{line-height: 40px;}
    .navlist dl dd{width:100%;text-align: left; display: block;}
    .navlist dl dd a{color:#fff;padding: 0;}
    .navlist dl dd a:after{display: none;}
    .nav li.on>a{color: #fff;}
}
@media only screen and (max-width:767px) {
    .nav{font-size: 14px !important;}
    .header{height: 50px;padding-top:0;}
    .header_in{padding: 0 30px;display: flex;align-items: center;justify-content: space-between;}
    .height_height{height: 50px;}
    .header h1{margin-top: 7px;}
    .header h1 img{width: 100px;height: auto;}
    .header_re-t{height: 30px;line-height: 30px;margin-right: 10px;}
    .header_box{height: calc(100% - 50px);}
    .nav>ul>li>a, .navlist h3, .navlist p{line-height: 40px;height: 40px;}
    .nav_phone_btn{height: 40px;line-height: 40px;margin-top: 5px;}
    .header h1 a span{margin-top: 4px;}

}
.site_banner{position: relative;overflow: hidden;height: 29.1667vw;background-attachment: fixed;background-position: center top;background-repeat: no-repeat;background-size: cover;}
.site_banner img{width: 100%;}
.site_text{position: absolute;left: 0;bottom: 50px;width: 100%;color:#fff;z-index: 5;}
.site_text h2{ line-height: 1em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

@media only screen and (max-width:767px) {
  .site_banner{padding-top: 50px;height: 70vw;}
  .site_text{bottom: 20px;}
  .site_text h2{font-size: 24px;}
  .head_link{margin-right: 20px;}
}
/*footer*/
.footer{position: relative;z-index: 3;background: #1b978e url(../images/footer_bg.png) no-repeat left bottom;color: #fff;padding: 4.1666% 0 14px;color: #fff;}
.footer a{color: #fff;}
.footer a:hover{color: #fff !important;}
.footer_t{overflow: hidden;box-sizing: border-box;margin-bottom: 20px;}
.footer_ttl{float: left;font-size: 18px;margin-bottom: 80px;width: 140px;}
.footer_tt_nav{float: right;display: flex;gap:30px;}
.footer_tt_nav dt{margin-bottom: 30px;}
.footer_tt_nav dd{margin-bottom: 14px;}
.footer_tb{display: flex;justify-content: end;margin-top: 2%;}
.footer_tb .share_a a{
  display: inline-block;
  vertical-align: top;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  background-color: #fff;
  color: #1b978e;
  margin-left: 20px;
}
.footer_tb .share_a a:hover{color: #1b978e !important;}

.footer_b{padding: 24px 0;border-top: 1px solid #ffffff1a;}
.footer_bl{float: left;line-height: 1.7;}

.footer_br{float: right;line-height: 1.7;}

@media only screen and (max-width:1024px) {
  .footer_t{margin-bottom: 40px;}
  .footer_ttl{
    float: none;
    width: 150px;
    margin-bottom: 30px;
  }
  .footer_tt_nav{
    float: none;
    flex-direction: column;
    gap:0;
  }
  .footer_tt_nav dl{
    width: 100%;
  }
  .footer_tt_nav dt{font-weight: bold;margin-bottom: 20px;}
  .footer_tt_nav dt a{font-size: 18px;}
  .footer_tt_nav dd{float: left;margin-left: 15px;}
  .footer_tt_nav dd a{font-size: 14px;}
  .footer_br{float: none;width: 100%;clear: both;}
  .footer_br p{font-size: 14px;}
  .footer_tb .share_a a{font-size: 18px;}
  .xhr{display: block;}
}
.popup{ position:fixed; width:300px; height:auto; z-index:100000; left:50%; top:50%; margin:-200px 0 0 -150px; background:#fff; border:1px solid #ddd; border-radius:2px; box-shadow:1px 1px 10px #666;display: none;}
.popup .c{ position:absolute; width:30px; height:30px; background:url(../images/x.png); overflow:hidden; text-indent:100px; right:0; top:0; font-size:20px; font-style:normal; text-align:center; cursor:pointer; z-index:2;}
.popup h2{ position:relative; line-height:30px; font-size:16px; padding-left:10px; font-weight:normal;}
.popup .img{ padding:30px 0 10px; text-align:center; border-top:1px solid #ddd;}
.popup .img img{width: 200px;height: 200px;display: block;margin: auto;}