/** { margin: 0px; padding: 0px; } div.burger { width: 10%; height: 100%; cursor: pointer; display: block; overflow: hidden; } div.x, div.y, div.z { position: absolute; margin: auto; top: 0px; bottom: 0px; background: #666; border-radius:2px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } div.x, div.y, div.z { height: 3px; width: 26px; -webkit-transition: all 100ms ease-out; -moz-transition: all 100ms ease-out; -ms-transition: all 100ms ease-out; -o-transition: all 100ms ease-out; transition: all 100ms ease-out; } div.y.squize{ width:0; -webkit-transition: all 100ms ease-out; -moz-transition: all 100ms ease-out; -ms-transition: all 100ms ease-out; -o-transition: all 100ms ease-out; transition: all 100ms ease-out; } div.y{top: 18px;} div.z{top: 37px;} div.open div.x, div.open div.z{ top:19px; -webkit-transition: all 70ms ease-out; -moz-transition: all 70ms ease-out; -ms-transition: all 70ms ease-out; -o-transition: all 70ms ease-out; transition: all 70ms ease-out; } div.rotate30{ -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg); -webkit-transition: all 70ms ease-out; -moz-transition: all 70ms ease-out; -ms-transition: all 70ms ease-out; -o-transition: all 70ms ease-out; transition: all 70ms ease-out; } div.rotate150{ -ms-transform: rotate(150deg); -webkit-transform: rotate(150deg); transform: rotate(150deg); -webkit-transition: all 70ms ease-out; -moz-transition: all 70ms ease-out; -ms-transition: all 70ms ease-out; -o-transition: all 70ms ease-out; transition: all 70ms ease-out; } div.rotate45{ -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 100ms ease-out; -moz-transition: all 100ms ease-out; -ms-transition: all 100ms ease-out; -o-transition: all 100ms ease-out; transition: all 100ms ease-out; } div.rotate135{ -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: all 100ms ease-out; -moz-transition: all 100ms ease-out; -ms-transition: all 100ms ease-out; -o-transition: all 100ms ease-out; transition: all 100ms ease-out; } div.menu.animate li:nth-of-type(1){transition-delay: 0.0s;} div.menu.animate li:nth-of-type(2){transition-delay: 0.06s;} div.menu.animate li:nth-of-type(3){transition-delay: 0.12s;} div.menu.animate li:nth-of-type(4){transition-delay: 0.18s;} div.menu.animate li:nth-of-type(5){transition-delay: 0.24s;}*/ /*nav*/ #nav-over { position: fixed; left: 0; top: 0; z-index: 10000; display: block; width: 100%; height: 100%; /*background-color: rgba(0, 0, 0, 0.4)*/ } .warmp { position: relative; right: 0; z-index: 1; -webkit-transition: all .5s ease; transition: all .5s ease; } .nav { position: fixed; top: 0; right: -50%; z-index: 9999; background-color: #fff; width: 50%; height: 100%; -webkit-transition: all .5s ease; transition: all .5s ease; } /*.openMenu{left:auto;right:3rem;-webkit-transition:all .5s ease;transition:all .5s ease;}*/ .openNav { right: 0; -webkit-transition: all .5s ease; transition: all .5s ease; box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, .4); } .nav h3 { padding: 0.3rem 0 0 0.25rem; font-size: 2em; font-weight: normal; color: #fff; line-height: 0.5rem; } .nav h3 a { color: #fff; } .scrollerBox { position: relative; overflow: scroll; overflow-x: hidden; overflow-y: scroll; -ms-touch-action: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; } .scroller { position: absolute; overflow: hidden; width: 100%; padding: 0 0 100px 0; padding-top: 0.25rem; cursor: move; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .nav ul li a { display: block; overflow: hidden; padding: 0 0 0 24px; line-height: 50px; color: #000; border-bottom: 1px solid #eee; } .nav ul li#lang a{ background: url(../images/china.png) no-repeat left 38% center; text-align: center; } .nav ul li#lang a:hover{ color: #b90701; } .nav ul li a:hover{ background: #b90701; color: #fff; } .openMenu { right: 3rem; -webkit-transition: all .5s ease; transition: all .5s ease; } .burger_menu { display: block; transform: translateZ(0); width: 40px; height: 30px; z-index: 99999; top: 0.08rem; right: 0%; /*position: absolute;*/ cursor: pointer; z-index: 10001; display: none; } .burger_menu [class*="_line"] { transition: transform 0.3s ease, background 0.3s ease, opacity 0.3s ease, top 0.3s ease; width: 35px; height: 3px; border-radius: 10px; background: #2a4c8c; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .burger_menu .top_line { top: -20px; } .burger_menu .bottom_line { top: 20px; } .toggle_burger { transform: translateZ(0); } .toggle_burger .top_line { top: 0; transform: rotate(45deg); background: #ff0000; } .toggle_burger .middle_line { opacity: 0; } .toggle_burger .bottom_line { top: 0; transform: rotate(-45deg); background: #ff0000; } .warmp.left,.headWarpBox.left,.menus.left,.head.left { transform: translateX(-50%); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .m-subMenu { position: fixed; top: 0; background-color: #fff; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; z-index: 1005; right: -100%; border-left: 1px solid #eee; width: 50%; height: 100%; } .m-subMenu.on { right: 0; } .m-subMenu .sMenu-item { border-bottom: 1px solid #eee; line-height: 45px; position: relative; } .m-subMenu .sMenu-item>a { display: block; padding: 0 0 0 20px; color: #333; } .m-subMenu .sMenu-item:hover>a{ background: #015cb5; color: #fff; } .m-subMenu .sMenu-item:hover .iconfont{ color: #fff; } .m-subMenu .sMenu-item .iconfont { font-size: 2rem; font-weight: 600; color: #999; position: absolute; top: 0; right: 10px; } .m-subMenu .sMenu-item .ms-Nav { background: #eee; max-height: 135px; display: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; overflow: auto; } .m-subMenu .sMenu-item .ms-Nav.two{ height: 90px; } .m-subMenu .sMenu-item .ms-Nav a { display: block; padding-left: 20px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .topnav_main { padding: 10px 0 15px 0; width: 100%; max-width: 1200px; margin: 0 auto; overflow: hidden; } .topnav_main .logo { width: 30rem; max-width: 348px; float: left; } .topnav_main .logo img { width: 100%; } .topnav_main .texl-box { float: right; text-align: right; flex-direction: column; width: 180px; line-height: 26px; } .topnav_main .texl-box .tel-text { color: #fff; font-size: 1.4rem; } .topnav_main .texl-box .tel-text i { font-size: 25px; top: 5px; position: relative; } .topnav_main .texl-box .tel { color: #fff; font-size: 2.4rem; font-family: arial; } .topnav_main .headsearch { float: right; flex-direction: row; margin-top: 40px; } .topnav_main .headsearch form { border: rgba(255,255,255,0.3) solid 1px; margin: 5px 10px 0 0; padding: 3px 5px 5px 5px; float: left; height: 30px; line-height: 20px; position: relative; display: none; } .topnav_main .headsearch form input{ margin:0; padding: 0; border: none; background: none; color: #fff; font-size: 1.2rem; } .topnav_main .headsearch form i{ margin-top: 5px; } .topnav_main .headsearch i { color: #fff; font-size: 25px; cursor: pointer; } .topnav_main .show{ -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .topnav_sub { width: 1200px; height: 30px; margin: 0 auto; text-align: right; } /* submenu E */