html {font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch }
body{margin: 0;font-size: 12px;line-height: 2;color: #333;background-color: #fff }
html,button,input,select,textarea { font-family:"Microsoft Yahei", "黑体","Helvetica Neue", Helvetica, Tahoma, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
*{  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}


article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block; }
audio,canvas,progress,video {*display: inline; display: inline-block;vertical-align: baseline;  *zoom: 1 }
audio:not([controls]) {display: none; height: 0; }
[hidden],template {display: none; }


a {background: transparent;text-decoration: none; color: #515151; }
a:active, a:hover {outline: 0 }
a:hover{color: #777; }

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; }
q {quotes: none; }

img {border: 0;  vertical-align: middle;  -ms-interpolation-mode: bicubic }
svg:not(:root) {overflow: hidden; }


hr {box-sizing: content-box; height: 0; }
pre {overflow: auto;  white-space: pre;  white-space: pre-wrap;  word-wrap: break-word }
code,kbd,pre,samp {font-family: monospace, monospace;  _font-family: 'courier new', monospace;  font-size: 1em }


button { overflow: visible; }
button,select { text-transform: none; }
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;  cursor: pointer;  *overflow: visible }
button[disabled],html input[disabled] {cursor: default; }
button::-moz-focus-inner,input::-moz-focus-inner {border: 0; padding: 0; }
textarea:focus,input:focus {outline: none; }
input {line-height: normal; }
input[type="checkbox"],input[type="radio"] {box-sizing: border-box;  padding: 0;  *height: 13px;  *width: 13px  }
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto; }
input[type="search"] {-webkit-appearance: textfield;  box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration, input[type="text"] {-webkit-appearance: none; }


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; }
input:-moz-placeholder,textarea:-moz-placeholder {color: #999; }
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; }

.por { position: relative; }
.poa { position: absolute; }
.pof { position: fixed; }
.fl {float: left; display: inline; }
.fr {float: right; display: inline; }

.none{ display:none;}
.blok{ display:block;}
.dib { display: inline-block; }
.ovh {overflow: hidden;}

.poa_f { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.f_cb{ zoom: 1; }
.f_cb:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }

.h_flex{display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.h_imgflex{display:flex!important;display:-webkit-flex!important;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content:flex-start; align-items:center; align-content:center;}


.t_align{text-align:Justify;text-justify:inter-ideograph;}
.lwf{letter-spacing:0; word-spacing:0; font-size: 0;}
*:focus { outline: none; }

.noselect { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }
.xq_fl.fixed{ position: fixed; left: 0; top: 30px;}



.aniu_bk:before,.aniu_bk:after{width:calc(100% + 2px); height:calc(100% + 2px); content:" ";  position: absolute; top: -1px; left: -1px; background: no-repeat; transition:all 1s ease 0s; box-sizing: border-box; }
.aniu_bk i,.aniu_bk span,.aniu_bk em{position: relative; z-index: 2;}
.aniu_bk:before {border-bottom: 1px solid #0f74e5; border-top: 1px solid #0f74e5; transform: scale(0,1); }
.aniu_bk:after {border-left: 1px solid #0f74e5; border-right: 1px solid #0f74e5; transform: scale(1,0); }
.aniu_bk:hover:before,.aniu_bk:hover:after {opacity: 1; transform: scale(1); }


.aniu_bktl:before,.aniu_bktl:after{width:0; height:0; content:" "; position: absolute; top: 0; right: 0; box-sizing: border-box; transition:all .6s ease 0s;}
.aniu_bktl i,.aniu_bktl span,.aniu_bktl em,.aniu_bktl a{position: relative; z-index: 2;}
.aniu_bktl:before {border-top: 1px solid #f00;}
.aniu_bktl:after {border-left: 1px solid #f00; right: inherit; left: 0; top: inherit; bottom: 0;}
.aniu_bktl:hover:before{width:101%; height: 1px;}
.aniu_bktl:hover:after { width:1px; height: 102%;}


.hover_zx{ transition: all .6s ease 0s;}
.hover_zx i,.hover_zx span,.hover_zx em{position: relative; z-index: 2; font-style: normal;}
.hover_zx:after{content: ""; display: block; width: 0%; height:0%; position: absolute; top: 50%; left: 50%;  transition: all .6s ease 0s;}
.hover_zx:hover{background: rgba(255,255,255,0);}
.hover_zx:hover:after{width: 100%; height: 100%; top: 0; left: 0; background:rgba(14,55,134,.8);}


.hover_bg{display: block; position: relative; text-transform: uppercase; overflow: hidden; transition:all .6s ease 0s; }
.hover_bg span{ position: relative; z-index: 2;}
.hover_bg:after{content: ""; width:0%; height: 100%; background: #ad141a; position: absolute; left: 0; top: 0; transition: all .6s ease 0s;}
.hover_bg:hover{color: #fff; border-color: #ad141a;}
.hover_bg:hover:after{width: 100%;}


.yd_height{width: 100%; height: 50px; overflow: hidden; display: none;}
.yd_a{width: 100%; height: 50px; line-height: 50px; text-align: center; position: fixed; bottom: 0; left: 0; z-index: 888; display: none;}
.yd_a a{display: block; width: 50%; height: 50px; float: left; background: #d50e18; color: #fff; font-size: 16px; overflow: hidden;}
.yd_a a i{font-size:16px; margin-right: 5px;}
.yd_a a:nth-child(1){ border-right: 1px solid rgba(0,0,0,.1);}
.yd_a a:nth-child(2){border-left: 1px solid rgba(255,255,255,.1);}
@media all and (max-width: 1024px) {.yd_a,.yd_height{display: block;}}


::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#E3E3E3}
::-webkit-scrollbar-thumb:vertical{background-color:#0e3786;border-radius:30px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#0e3786} 
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#0e3786}


.scxg{ position: relative;}


.logo em {
position: absolute;
display:block;
width: 100%;
height: 100%;
top: 0;
left: -120%;
translate: -webkit-transform: skewY(25deg);
-moz-transform: skewX(-25deg);
-ms-transform: skewX(-25deg);
-o-transform: skewX(-25deg);
transform: skewX(-25deg);
background:linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));

}
.logo:hover em {
  left:120%;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
 }