@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;}