@font-face {font-family: 'shiyuan';
  src: url('//at.alicdn.com/t/uhrpvn87n45cdi.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/uhrpvn87n45cdi.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/uhrpvn87n45cdi.woff ') format('woff'),
  url('//at.alicdn.com/t/uhrpvn87n45cdi.ttf ') format('truetype'),
  url('//at.alicdn.com/t/uhrpvn87n45cdi.svg#NotoSansHans-DemiLight ') format('svg');
}

@font-face {font-family: 'din';
  src: url('/fonts/DINCond-Light.eot'); /* IE9*/
  src: url('/fonts/DINCond-Light.eot?#iefix') format('embedded-opentype'),
  url('/fonts/DINCond-Light.woff') format('woff'),
  url('/fonts/DINCond-Light.ttf') format('truetype'),
  url('/fonts/DINCond-Light.svg') format('svg');
}
.din {
  font-family: 'din';
}
@font-face {font-family: "iconfont";
  src: url('/fonts/iconfont.eot?t=1545009013322'); /* IE9*/
  src: url('/fonts/iconfont.eot?t=1545009013322#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAASwAAsAAAAAB4wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY8gkgRY21hcAAAAYAAAABlAAABov110PpnbHlmAAAB6AAAAK4AAAEgLlItqWhlYWQAAAKYAAAALwAAADYTmXTnaGhlYQAAAsgAAAAcAAAAJAfeA4ZobXR4AAAC5AAAAA4AAAAUFAAAAGxvY2EAAAL0AAAADAAAAAwAkADYbWF4cAAAAwAAAAAfAAAAIAEQAB1uYW1lAAADIAAAAUUAAAJtPlT+fXBvc3QAAARoAAAARQAAAGINlCd6eJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBye8TyTZ27438AQw9zA0AAUZgTJAQDgbgwOeJztkcERgCAMBDeCPBxaUBvwYQkW4svi0wZewDK8meUmx4THAcxAEofIYA9G6FZqPU8sPc+cmovcmLz63hrI13DJdFe6T9qJtwq/aj+vb8rR2CDa9XWgxvBtEL/h+4D8ArvgEjYAAAB4nG3PsQ3CMBAF0PuJZJTOjqLQn0SonMKKwgqMwAZJGUZgAlwmGzACIzACYzCB4UwoEKH8xX/3j0D0vKZI96SJMrSuLFYZykLxFlUDDW8s6zCi12xNGDQuOBu2eZjClFs2kmoiEocovSWn2VFF6XbiuLYRh3EPx1hChy6WJNXJEIZoow9jtOH1r7ORCa1bf2ZB/XX8YiLNzvdfiqtG9rw5+S55LG7jsKSJXnUgOi4AAHicY2BkYGAAYsMNX9Xi+W2+MnCzMIDADVuJUgT9fwcLA7MHkMvBwAQSBQALfAkBAHicY2BkYGBu+N/AEMPCAAJAkpEBFbACAEcLAm54nGNhYGBgQcMAAQQAFQAAAAAAAAAkAEgAbACQeJxjYGRgYGBlEGQA0QwMTEDMBYQMDP/BfAYACpEBLgB4nGWPTU7DMBCFX/oHpBKqqGCH5AViASj9EatuWFRq911036ZOmyqJI8et1ANwHo7ACTgC3IA78EgnmzaWx9+8eWNPANzgBx6O3y33kT1cMjtyDRe4F65TfxBukF+Em2jjVbhF/U3YxzOmwm10YXmD17hi9oR3YQ8dfAjXcI1P4Tr1L+EG+Vu4iTv8CrfQ8erCPuZeV7iNRy/2x1YvnF6p5UHFockikzm/gple75KFrdLqnGtbxCZTg6BfSVOdaVvdU+zXQ+ciFVmTqgmrOkmMyq3Z6tAFG+fyUa8XiR6EJuVYY/62xgKOcQWFJQ6MMUIYZIjK6Og7VWb0r7FDwl57Vj3N53RbFNT/c4UBAvTPXFO6stJ5Ok+BPV8bUnV0K27LnpQ0kV7NSRKyQl7WtlRC6gE2ZVeOEXpc0Yk/KGdI/wAJWm7IAAAAeJxjYGKAAC4G7ICVkYmRmZGFkZWRjYE/Mzk/Lz6xqCi/PD4nNa2EJyszMa8kv7Q4IzEvnQvKqchMhDEr80sZGAAyfxQ1AAAA') format('woff'),
  url('/fonts/iconfont.ttf?t=1545009013322') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('/fonts/iconfont.svg?t=1545009013322#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.arr-icon_arrow_left:before { content: "\e60c"; }

.arr-jiantoushang:before { content: "\e61d"; }

.arr-jiantouxia:before { content: "\e61e"; }

.arr-jiantouyou:before { content: "\e61f"; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, textarea,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family: 'shiyuan';
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
    // min-width: 1349px;
    max-width: 1920px;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input,select,textarea {
    outline: none;
    border: none;
    background: none;
}

a {
    text-decoration: none
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    font-size: 0;
}

.clearfix {
    *zoom: 1;
}   
.rel {
    position: relative;
}
body{
  position: relative;
}
input:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset;}
.wp-con {
  width: 88%;
  margin-left: 12%;
}