@charset "utf-8";
@import "common.css";

.header {height: 90px;line-height: 90px;border-bottom: 2px solid  rgba(255, 255, 255, 0.1);width: 100%;z-index: 100000;background: #f3f5f7;}
.header:hover {background:#ffffff;}
.w1818 {width: 1818px;margin: 0 auto;}
.logo {float: left;width: 438px;height: 64px;margin-top: 14px;}
.auto {margin: 0 auto;}
.nav {width: 829px;float: left;margin-left: 266px;}
.nav .header-main {height: 105px;}
.nav .header-nav {height: 88px;}
.nav .header-main>div,
.nav .header-nav>div {width: 829px;margin: 0 auto;}
.nav .header-main div div {height: 105px;line-height: 105px;}
#login {border-radius: 10px;border: 1px solid #C9C9C9;background-color: #fff;}
.nav .header-main div input {position: absolute;top: 38px;right: 120px;font-size: 14px;color: #afafaf;border-radius: 5px;padding: 5px;margin: 0 15px;background-color: transparent;border: 1px solid #ccc;width: 255px;}
.nav .header-main .search-btn {position: absolute;top: 43px;right: 143px;height: 22px;width: 22px;cursor: pointer;}
.nav .header-nav div {}
.nav .header-main .ic-symbol img {width: 400px;height: 65px;vertical-align: -webkit-baseline-middle;vertical-align: middle;}
.nav .header-main .header-login input { width: 200px; height: 30px; line-height: 30px/* background: url(../images/u232.png) no-repeat 240px 50%; */ padding: 0 40px 0 8px; font-size: 14px; border: 1px solid #d6d6d6; border-radius: 4px;}
.nav .header-main .header-login i { display: inline-block; height: 30px; width: 40px; border: none; vertical-align: middle; position: relative; line-height: 35px; text-align: center; margin-left: -42px;}
.nav .header-main .header-login i img {width: 16px;height: 16px;margin-top: 6px;}
.nav .header-main .header-login i:before { position: absolute; content: ''; height: 23px; width: 1px; background-color: #d6d6d6; right: 40px; top: 4px;}
.nav .header-main .header-login span {font-size: 14px;padding: 0 15px;color: #2a2a2a;}
.nav .header-main .header-login span {position: relative;}
.nav .header-main .header-login span+span {border-right: none;}
.nav .header-main .header-login span+span:before {display: none;}
.header-nav .layui-nav {padding: 0;width: 829px;margin: 0 auto;}
.header-nav .header-nav-ul li {float: left;height: 88px;line-height: 88px;text-align: center;color: #fff;margin-right: 12px;width: auto;}
.header-nav .header-nav-ul li:last-child {margin-right: 0;}
.header-nav .header-nav-ul li>a {font-size: 15px;color: #333333 !important;}
.header-nav .header-nav-ul li:hover {border-bottom: 4px solid #8bbb29;}
.header-nav .header-nav-ul li:hover>a {color: #8bbb29;}
.header-nav .header-nav-ul li.on {border-bottom: 4px solid #8bbb29;}
.header-nav .header-nav-ul li.on>a {color: #8bbb29;}
.header-nav .header-nav-ul li dl {display: none;}
.header-nav .header-nav-ul li:hover dl {display: block;}
.header-nav .header-nav-ul li dl {position: absolute;box-sizing: border-box;width: 100%;top: 91px;left: 0;background-color: rgb(236 240 241 / 80%);line-height: 90px;padding-left: 705px;z-index: 100;white-space: nowrap;}
.header-nav .header-nav-ul li dl dd {height: 60px;line-height: 60px;float: left;margin-right: 45px;}
.header-nav .header-nav-ul li dl dd:hover a{color: #8bbb29;}
.header-nav .header-nav-ul li dl a {font-size: 14px;color: #121212;padding: 0;display: block;width: 100%;overflow: hidden;text-overflow: ellipsis;}
.r_search {float: right;width: 246px;height: 30px;line-height: 30px;margin-top: 28px;}
.r_search li {float: left;position: relative;height: 30px;margin-right: 13px;}
.r_search li a {color: #333333 !important;font-size: 14px;}
.r_search li i {display: block;position: absolute;}
.r_search .search {width: 55px;padding-left: 36px;border-right: 1px solid #ffffff;}
.r_search .search i {width: 28px;height: 27px;background:url('../images/2021_search_icon_h.png') no-repeat !important;left: 0;top: 3px;}
.r_search .yhdl {width: 50px;padding-left: 33px;border-right: 1px solid #ffffff;}
.r_search .yhdl i {width: 24px;height: 25px;background: url("../images/2021_yhdl_h.png") no-repeat !important;left: 0;top: 3px;}

.search>a b{width:80px;height:70px;display:block;position:absolute;top:0;left:0;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s;}
.search_box{ position: absolute; top: 91px; left: 0; width: 100%; z-index: 999; display: none;background: url("../images/menu_hdbg.png")repeat-x;   overflow: hidden;}
.search_box1 {width:500px;height: 40px;top: 0px;left: 0%;position: relative;z-index: 9999; padding: 10px 0px;}
.search_box1 input {outline-style: none;}

.search_box1 input{width:70%;height:20px;padding:10px 20px;font-size:14px;color:#555;border:none;background:#fff;overflow:hidden;vertical-align:middle;}
.search_box1 a{ display:block; float:right; line-height:40px; width:110px;height:40px;overflow:hidden;text-align:center;font-size:14px;color:#fff !important;border:none;overflow:hidden;vertical-align:middle;background:#0091d8;outline:none;cursor:pointer;-webkit-transition:background .2s ease-in-out;-moz-transition:background .2s ease-in-out;-ms-transition:background .2s ease-in-out;transition:background .2s ease-in-out;}
.search_box1 a:hover{background:#11a6ef;}
.search_box1 a:active{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;-moz-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;-ms-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;box-shadow:0 1px 2px rgba(0,0,0,.3) inset;}
.search_box1 a.close{width:24px;height:24px;position:absolute;top:17px;right:-40px; background:url(../images/header_icon_close.png) no-repeat;}
.search_box1 a.close:hover{width:24px;height:24px;position:absolute;top:17px;right:-40px;background:url(../images/header_icon_close1.png) no-repeat;}

@media (max-width: 1440px) {
.w1818 {width: 1348px;}
.logo {width:300px;}
.logo img {width:100%;}
.nav {width: 645px;}
.header-nav .header-nav-ul li>a {font-size: 12px;}
.header-nav .header-nav-ul li {margin-right: 20px !important;}
.nav {margin-left: 66px;}
.r_search {width: 227px;}
.r_search li {margin-right:5px;}
.header-nav .header-nav-ul li dl {width:1348px;padding-left: 500px;}
.header-nav .header-nav-ul li dl dd {margin-right:10px;}
.header-nav .header-nav-ul li dl a {font-size: 12px;}
} 

@media (max-width: 768px) {
  .nav{margin-left: 40px;}
  .r_search {margin-right:30px;}
}