@charset "utf-8";

body,
ul,
dl,
dd,
dt,
ol,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
textarea,
form,
select,
fieldset,
table,
td,
div,
input {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 36px;
}

html {
  font-size: 12px;
  scroll-behavior: smooth;
}

body>div {
  margin: 0 auto;
}

div {
  text-align: left
}

img {
  border: 0;
  display: block;
}

body {
  color: #333;
  font: 12px;
  font-family: "微软雅黑", "宋体";
}

ul,
ol,
li {
  list-style-type: none;
  vertical-align: 0
}

input,
textarea,
select {
  outline: none;
  color: #333;
}

a {
  color: #333;
  text-decoration: none
}

a:hover {
  color: #206fb7;
  /*color: #cb0000 !important;*/
  text-decoration: none
}

.clear::after {
  content: ' ';
  display: block;
  height: 0;
  clear: both;
}


@font-face {
  font-family: "iconfont";
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot#iefix') format('embedded-opentype'),
    url('../font/iconfont.woff') format('woff'),
    url('../font/iconfont.ttf') format('truetype'),
    url('../font/iconfont.svg#iconfont') format('svg');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;

}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
}


@-webkit-keyframes fadeInDownNav {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes fadeInDownNav {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
}

@-webkit-keyframes kuoda {
  from {
    transform: scale(1.12);
  }

  to {
    transform: scale(1);
  }
}

@keyframes kuoda {
  from {
    transform: scale(1.12);
  }

  to {
    transform: scale(1);
  }
}


.ys_fadeup2 {
  animation: ysfadeInUp .5s ease-in-out both;
  animation-delay: .2s
}

@-webkit-keyframes ysfadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes ysfadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0)
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

.container {
  width: 100%;
  min-width: 320px;
  position: relative;
  margin: 0 auto;
  /* z-index: 9; */
  /* background-color: #FFF; */
  /* overflow: hidden; */
}

.c-con {
  width: 1200px !important;
  min-width: 320px;
  margin: 0 auto;
  height: auto;
  box-sizing: border-box;
  /* background-color: #ffffff; */
  display: flex;
  justify-content: space-between;
  
}