/*reset css*/

html {

  font-family: sans-serif;

  -webkit-text-size-adjust: 100%;

      -ms-text-size-adjust: 100%;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

body {

  font-family:"微软雅黑", "Arial", "sans-serif","microsoft yahei";

  font-size: 14px;

  line-height: 1.2;

  color: #333;
    
  background-color: #fff;

}

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

menu,

nav,

section,

summary {

  display: block;

}

audio,

canvas,

progress,

video {

  display: inline-block;

  vertical-align: baseline;

}

audio:not([controls]) {

  display: none;

  height: 0;

}

[hidden],

template {

  display: none;

}

a {

  background-color: transparent;

  text-decoration: none;

  color:#333;

}

a:active,

a:hover {

  outline: 0;

}

b,

strong {

  font-weight: bold;

}

dfn {

  font-style: italic;

}

img {

  border: 0;

  vertical-align: middle;

}

svg:not(:root) {

  overflow: hidden;

}

pre {

  overflow: auto;

}

code,

kbd,

pre,

samp {

  font-family: monospace, monospace;

  font-size: 1em;

}

button,

input,

optgroup,

select,

textarea {

  color: inherit;

  font-family: inherit;

  font-size: inherit;

  line-height: inherit;

  background: none;

  border:none;

}

button {

  overflow: visible;

  -webkit-appearance: none;

  -moz-appearance: none;

  -o-appearance: none;

  appearance: none;

}

button,

select {

  text-transform: none;

}

button[disabled],

html input[disabled] {

  cursor: default;

}

button::-moz-focus-inner,

input::-moz-focus-inner {

  padding: 0;

  border: 0;

}

input {

  line-height: normal;

  -webkit-appearance: none;

  -moz-appearance: none;

  -o-appearance: none;

  appearance: none;

}

input[type="checkbox"],

input[type="radio"] {

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

  padding: 0;

}

input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

  height: auto;

}

legend {

  padding: 0;

  border: 0;

}

textarea {

  overflow: auto;

}

optgroup {

  font-weight: bold;

}

table {

  border-spacing: 0;

  border-collapse: collapse;

}

td,

th {

  padding: 0;

}

* {

  margin:0;

  padding:0;

  outline: none;

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

}

*:before,

*:after {

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

}

ul{list-style:none;}

h1,h2,h3,h4,h5,h6{

  font-family: inherit;

  font-weight: 400;

  line-height: 1.1;

  color: inherit;

}

/*p,a{word-break: break-all;}*/

.section{width: 100%;overflow: hidden;}

.pull-right{float: right;}

.dis-table{display: table;width: 100%;height: 100%;}

.dis-cell{display: table-cell;vertical-align: middle;}

.scrollbar{overflow-y: auto;}

.scrollbar::-webkit-scrollbar {

  width: 3px;

  background-color: #dcdbdb;

}

.scrollbar::-webkit-scrollbar-thumb {

  background-color:#099cf1;

  border-radius: 10px;

}

.clearfix:before,.clearfix:after{

  content: " ";display: table;

}

.clearfix:after{

  clear: both;

}





@font-face {

    font-family: 'open';

    src: url('https://www.sz-sanjiang.com/PC/font/OPENSANS.eot');

    src: local('☺'), url('https://www.sz-sanjiang.com/PC/font/OPENSANS.woff') format('woff'),

     url('https://www.sz-sanjiang.com/PC/font/OPENSANS.ttf') format('truetype'),

      url('https://www.sz-sanjiang.com/PC/font/OPENSANS.svg') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'din';

    src: url('../font/DINMITTELSCHRIFTSTD.eot');

    src: local('☺'), url('../font/DINMITTELSCHRIFTSTD.woff') format('woff'),

     url('../font/DINMITTELSCHRIFTSTD.ttf') format('truetype'),

      url('../font/DINMITTELSCHRIFTSTD.svg') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'helve';

    src: url('../font/HelveticaCyr-Bold.eot');

    src: local('☺'), url('../font/HelveticaCyr-Bold.woff') format('woff'),

     url('../font/HelveticaCyr-Bold.ttf') format('truetype'),

      url('../font/HelveticaCyr-Bold.svg') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'heb';

    src: url('../font/HELVETICABOLD.eot');

    src: local('☺'), url('../font/HELVETICABOLD.woff') format('woff'),

     url('../font/HELVETICABOLD.ttf') format('truetype'),

      url('../font/HELVETICABOLD.svg') format('svg');

    font-weight: normal;

    font-style: normal;

}