.gridHeader {background-color: #fff;position: fixed;display: flex;width: 100%;z-index: 999;max-width: 100%;margin-left: auto;margin-right: auto;} /*logo*/ .gridHeader .header-left {display: inline-block;float: left;width: 35%;min-height: 64px;max-width: 100%;} .gridHeader .header-left .logo_wrap {position: relative;display: inline-block;width: 100%;min-height: 100%;text-align: inherit;} .gridHeader .header-left .logo_wrap .logo_img {top: 30px;width: auto;height: 30px;max-width: 100%;position: absolute;left: 0;right: 0;margin: auto;} /*瀵艰埅*/ .gridHeader .header-right {display: inline-block;float: right;width: 65%;min-height: 64px;max-width: 100%;} .gridHeader .header-right .jz_nav_content {max-width: 100%;border-style: solid;border-width: 0;font-size: 14px;color: #333;position: relative;z-index: 122;padding: 0 16px;} .gridHeader .header-right .jz_nav_content .jz_nav_list {text-align: left;position: relative;display: block;white-space: nowrap;} .gridHeader .header-right .jz_nav_content .jz_nav_list .jz_nav_list-li {text-align: center;display: inline-block;vertical-align: middle;font-size: 15px;font-family: 寰蒋闆呴粦;min-width: 100px;height: 100px;line-height: 100px;} .gridHeader .header-right .jz_nav_content .jz_nav_list .jz_nav_list-li a {display: block;width: 100%;height: 100%;color: inherit;} .gridHeader .header-right .jz_nav_content .jz_nav_list .jz_nav_list-li .hover {color:#dd0101;} .gridHeader .header-right .jz_nav_content .jz_nav_list .jz_nav_list-li:hover {color: #dd0101;} .gridHeader .header-right .jz_nav_content .jz_nav_list>li {font-size: 15px;display: inline-block;} .gridHeader .header-right .jz_nav_content .jz_nav_list>span {display: inline-block;font-size: 15px;} .gridHeader .header-right .jz_nav_content .jz_nav_list>li a.search {background: url(../img/fdj.png)no-repeat; background-size: 100%; display: block; width: 100%; height: 100%; cursor: pointer;} .gridHeader .header-right .jz_nav_content .jz_nav_list>li a.search:hover {background: url(../img/fdj1.png)no-repeat; background-size: 100%; display: block; width: 100%; height: 100%; cursor: pointer;} .gridHeader .header-right .jz_nav_content .jz_nav_list .search-li { text-align: center; display: inline-block; vertical-align: middle; font-size: 15px; font-family: 寰蒋闆呴粦; margin-left: 20px; min-width: 30px; height: 30px; line-height: 100px; } .cd-main-search .close { display: inline-block; cursor: pointer; right: 0px; top: 50%; height: 35px; width: 35px; background: #ED1C24; border-radius: 50%; } .cd-main-search .close::before, .cd-main-search .close::after { content: ''; position: absolute; height: 20px; width: 2px; background-color: #ffffff; top: 53%; } .cd-main-search .close::after { -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); /* transform: translateX(-50%) translateY(-50%) rotate(45deg); */ } .cd-main-search .close::before { -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg); transform: translateX(-50%) translateY(-50%) rotate(-45deg); } .search-input { float: left; padding: 12.5px 0; font-size: 16px; width: 486px; text-indent: 12px; overflow: hidden; border-top-left-radius: 2px; border-bottom-left-radius: 2px; outline: 0; color: #999; border: 1px solid #eee; border-bottom-style: dotted; height: 21px; } .home-searchIcon { float: left; cursor: pointer; height: 48px; width: 112px; background: #ed1c24; overflow: hidden; font-size: 18px; color: #fff; border: none; border-top-right-radius: 2px; border-bottom-right-radius: 2px; outline: none; } .open{display: none !important;} /*鎵嬫満椤堕儴鏍峰紡-star*/ @media screen and (max-width: 769px){.gridHeader {display: none;}} @media screen and (min-width: 770px){.m-gridHeader {display: none;}} @media screen and (max-width: 770px){ /*鎵嬫満logo-star*/ .m-gridHeader {width: 100%;border-bottom: 1px solid #f5f5f5;background-color: #fff;height: 50px;position: fixed;top: 0;left: 0;z-index: 9999;} .m-gridHeader .m-logo_wrap {overflow: hidden;height: 50px;width: calc(100% - 85px * 2);display: flex;-webkit-box-align: center;position: absolute;top: 0;left: 50%;right: 0;bottom: 0;transform: translateX(-50%);opacity: 1;} .m-gridHeader .m-logo_wrap img {width: auto;height: auto;max-height: 100%;max-width: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;} /*鎵嬫満logo-end*/ /*鎵嬫満瀵艰埅-star*/ .m-gridHeader .m-nav {opacity: 1;box-shadow: none;font-size: 15px;color: #666;background-color: #fff;z-index: 199;transform: translate(-100%,0);height: auto;width: 100%;overflow: hidden;-moz-transform: translate(-100%,0);-ms-transform: translate(-100%,0);-o-transform: translate(-100%,0);position: absolute;top: 0;left: 0;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;transition: all 350ms;} .m-gridHeader .m-menu {height:100%;} .m-gridHeader .m-menu-item .menu-item-xian {width: 100%;height: 2px;background: #999;position: absolute;-webkit-transition: .36s ease;-o-transition: .36s ease;-moz-transition: .36s ease;transition: .36s ease;} .m-gridHeader .m-menu-item {margin: 10px;position: absolute;width: 21px;height: 18px;z-index: 999;} .m-gridHeader .m-menu-item .menu-item-top {top: 0;} .m-gridHeader .m-menu-item .menu-item-center {display: block;top: 8px;} .m-gridHeader .m-menu-item .menu-item-bottom {bottom: 0;} .m-gridHeader .nav-mini .m-menu-item .menu-item-top {top: 9px;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);height: 1px;} .m-gridHeader .nav-mini .m-menu-item {position: fixed;} .m-gridHeader .nav-mini .m-menu-item .menu-item-center {opacity: 0;} .m-gridHeader .nav-mini .m-menu-item .menu-item-bottom {bottom: 8px;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);height: 1px;} .m-gridHeader .nav-mini .m-nav {-webkit-transition: all 350ms;-o-transition: all 350ms;-moz-transition: all 350ms;height: auto;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;transition: all 350ms;transform: translate(0,0);top: 0;bottom: 0;position: fixed;overflow-y: auto;} .m-gridHeader .m-nav .m-nav-ul {padding: 0 20px;display: block;padding-top: 1px;align-items: center;margin-top: 50px;} .m-gridHeader .m-nav .m-nav-ul .m-nav-li {border: none;border-color: #f2f2f2;border-top: 1px solid #f2f2f2;height: auto;font-size: 14px;line-height: 50px;text-align: left;} .m-gridHeader .m-nav .m-nav-ul .m-nav-li .hover {color: #ef4136;} .m-gridHeader .m-nav .m-nav-ul .m-nav-li:last-child {border-bottom: 1px solid #f2f2f2;} .m-gridHeader .m-nav .m-nav-ul .m-nav-li a {padding-left: 26px;color: inherit;font-size: 14px;} .m-gridHeader .m-nav .m-nav-ul .m-nav-li span {float: right;padding-right: 27px;width: 40%;text-align: right;} .m-gridHeader .m-nav .m-nav-ul .m-nav-li ul {display: none;border-top: 1px solid #f2f2f2;} .m-gridHeader .m-nav .m-nav-ul .m-nav-li ul li {border-top: 1px solid #f2f2f2;margin-left: 10%;} .m-gridHeader .m-nav .m-nav-ul .m-nav-li ul li:first-child {border-top: 0;} .nav-more::after {content: "\e621";} .m-gridHeader .m-nav .m-nav-ul .nav-show span .nav-more::after {transform:rotate(90deg);} .m-gridHeader .m-nav-ul span .nav-more::after {float: right;font-size: 16px;transition: transform .3s;} .array {display: none;} /*鎵嬫満瀵艰埅-end*/ } /*鎵嬫満椤堕儴鏍峰紡-end*/