@charset "utf-8"; @import url("style.css"); html {-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;height:100%;} @font-face { font-family:duc; src: url(../font/dutcheb.ttf); } @font-face { font-family:sy; src: url(../font/sy.ttf); } @font-face { font-family:Din-B; src: url(../font/DIN-Bold.ttf); } @font-face { font-family:mont; src: url(../font/MONTSERRAT-BOLD.OTF); } html,body {width:100%;height:100%;} body {margin:0;font-size:14px;font-family:"Helvetica Neue",Helvetica,STHeiTi,Arial,sans-serif;color:#333;background-color:#fff;min-height:100%;} article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display:block;} audio,canvas,progress,video {display:inline-block;} audio:not([controls]) {display:none;height:0;} progress {vertical-align:baseline;} [hidden],template {display:none;} a {background:transparent;text-decoration:none;color:#08c;} a:active {outline:0;} abbr[title] {border-bottom:1px dotted;} b,strong {font-weight:bold;} dfn {font-style:italic;} mark {background:#ff0;color:#000;} small {font-size:80%;} sub,sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;} sup {top:-0.5em;} sub {bottom:-0.25em;} img {max-width:100%;border:0;vertical-align:middle;} svg:not(:root) {overflow:hidden;} pre {overflow:auto;white-space:pre;white-space:pre-wrap;word-wrap:break-word;} code,kbd,pre,samp {font-family:monospace,monospace;font-size:1em;} button,input,optgroup,select,textarea {color:inherit;font:inherit;margin:0;vertical-align:middle;} button,input,select {overflow:visible;} button,select {text-transform:none;} button,html input[type="button"],input[type="reset"],input[type="submit"],textarea{-webkit-appearance:button;cursor:pointer;outline:none;border:none;} [disabled] {cursor:default;} button::-moz-focus-inner,input::-moz-focus-inner {border:0;padding:0;} input {line-height:normal;} input:-webkit-autofill,select:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important;} input{ outline-color: invert ; outline-style: none ; outline-width: 0px ; border: none ; border-style: none ; text-shadow: none ; -webkit-appearance: none ; -webkit-user-select: text ; outline-color: transparent ; box-shadow: none; } input[type="checkbox"],input[type="radio"] {box-sizing:border-box;padding:0;} input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height:auto;} input[type="search"] {-webkit-appearance:textfield;box-sizing:border-box;} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;} fieldset {border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;} legend {border:0;padding:0;} textarea {overflow:auto;resize:vertical;vertical-align:top;} optgroup {font-weight:bold;} input,select,textarea {outline:0;} textarea,input {-webkit-user-modify:read-write-plaintext-only;} input::-ms-clear,input::-ms-reveal {display:none;} input::-moz-placeholder,textarea::-moz-placeholder {color:#999;} input:-ms-input-placeholder,textarea:-ms-input-placeholder {color:#999;} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#999;} .placeholder {color:#999;} table {border-collapse:collapse;border-spacing:0;} td,th {padding:0;} h1,h2,h3,h4,h5,h6,p,figure,form,blockquote {margin:0;} ul,ol,li,dl,dd {margin:0;padding:0;} ul,ol {list-style:none outside none;} h1,h2,h3 {line-height:2;font-weight:normal;} h1 {font-size:18px;} h2 {font-size:16px;} h3 {font-size:14px;} i {font-style:normal;} em{font-style:normal;} * {box-sizing:border-box;} .clearfix::before,.clearfix::after {content:"";display:table;} .clearfix::after{clear:both;} .center{width:1490px;margin:0 auto;} /*公共方法*/ .clear{ clear: both; } .fl{ float: left; } .fr{ float: right; } .cursor{ cursor: pointer; } .center{width:1490px;margin:0 auto;position:relative;z-index:99;} .min-width{min-width:1490px;} .header{position:fixed;top:0;left:0;right:0;z-index:999;width:100%;min-width:1490px;} .header ul{display:table;} .header ul li{float:left;margin-left: -12px;margin-top:80px;width: 150px;position:relative;padding-bottom:20px;} .header ul li a.nav-text{display:block;font-size:15px;color:#e15f07;line-height:15px;text-transform:uppercase;overflow:hidden;width:90px;text-align:center;margin:0 auto;} .header .logo{margin-top:40px;/* margin-left: -101px; */} .header ul li a.nav-text .titles {font-weight:bold; display:inline-block;text-align:center;width:90px;position:relative;transition:transform 0.3s;transform-style:preserve-3d;} .header ul li a.nav-text .titles::before {content:attr( data-state);position:absolute;font-weight:bolder;top:100%;color:#e15f07;text-align:center;width:90px;left:0;} .header ul li.active a.nav-text .titles::before {content:attr( data-state);position:absolute;font-weight:bolder;top:100%;color:#a7a7a7;} .header ul li a.nav-text .titles:hover{transform:translateY(-100%);} .header ul li .icon{position:absolute;top:-80px;left:0;right:0;} .header ul li .icon img{display:block;width:10px;margin:-2px auto 0;height:0;transition:all 0.3s ease;-o-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;} .header .search{margin-top:75px;display:flex;align-items:center;margin-left:20px;} .header .search img{display:block;width:20px;height:21px;cursor:pointer;} .header .search input{display:block;width:0;background:none;border:none;} .header ul li:hover .icon img{height:60px;} .header ul li .s-menu{position:absolute;left:0;top:34px;right:0;display:none;} .header ul li .s-menu a{display:block;text-align:center;background:rgba(0,0,0,0.5);color:#fff;line-height: 52px;/* height: 53px; */border-bottom:1px solid rgba(255,255,255,0.5);overflow: hidden;width: 150px;}