@charset "UTF-8";
/*
@sv_FontFamily
@it_FontFamily
@fr_FontFamily
@es_FontFamily
@ar_FontFamily
@ru_FontFamily
@hi_FontFamily
*/
/*向接手这个css的朋友，说一句“对不起”*/
* {
  box-sizing: border-box;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
[lang="zh-cn"] {
  font-family: "Microsoft YaHei";
}
[lang="en"] {
  font-family: "Arial", sans-serif;
}
/*
[lang="sv"]   {font-family: @sv_FontFamily;}
[lang="it"]   {font-family: @it_FontFamily;}
[lang="fr"]   {font-family: @fr_FontFamily;}
[lang="es"]   {font-family: @es_FontFamily;}
[lang="ar"]   {font-family: @ar_FontFamily;}
[lang="ru"]   {font-family: @ru_FontFamily;}
[lang="hi"]   {font-family: @hi_FontFamily;}
*/
html {
  height: 100%;
}
body {
  height: 100%;
  margin: 0;
}
a,
a:link,
a:visited,
a:hover,
a:active {
  color: inherit;
  text-decoration: inherit;
  outline: 0;
  cursor: pointer;
}
figcaption,
figure {
  position: relative;
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  position: relative;
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
  margin: 0;
  padding: 0;
}
div,
span {
  position: relative;
}
p {
  margin: 0;
}
ul,
ol,
li,
dl,
dt,
dd {
  list-style: none;
  margin: 0;
  padding: 0;
}
input:focus,
button:focus {
  border-color: inherit;
  outline: none;
  box-shadow: inherit;
}
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
textarea {
  overflow: auto;
  resize: none;
}
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #999;
}
::-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999;
}
::-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999;
}
.full-container {
  width: 100%;
}
@media (max-width: 767px) {
  .response-container {
    width: 100%;
    margin: 0 auto;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .response-container {
    width: 768px;
    margin: 0 auto;
  }
}
@media (min-width: 1200px) {
  .response-container {
    width: 1200px;
    margin: 0 auto;
  }
}
.dis-bl {
  display: block;
}
.dis-ib {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}
.ib-row {
  font-size: 0;
}
.ib-vm:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.ib-col {
  font-size: 1rem;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}
.floatL {
  float: left;
}
.floatR {
  float: right;
}
/*
.dis-flex{
  display: -webkit-box !important;
  display: -moz-flexbox !important;
  display: -ms-flexbox !important;
  display: -o-flexbox !important;
  display: flex !important;
}
*/
.col-n-1 {
  -webkit-column-count: 1;
  /* Safari 和 Chrome */
  -moz-column-count: 1;
  /* Firefox */
  column-count: 1;
}
.col-n-2 {
  -webkit-column-count: 2;
  /* Safari 和 Chrome */
  -moz-column-count: 2;
  /* Firefox */
  column-count: 2;
}
.col-n-3 {
  -webkit-column-count: 3;
  /* Safari 和 Chrome */
  -moz-column-count: 3;
  /* Firefox */
  column-count: 3;
}
.col-n-4 {
  -webkit-column-count: 4;
  /* Safari 和 Chrome */
  -moz-column-count: 4;
  /* Firefox */
  column-count: 4;
}
.col-n-5 {
  -webkit-column-count: 5;
  /* Safari 和 Chrome */
  -moz-column-count: 5;
  /* Firefox */
  column-count: 5;
}
.col-n-6 {
  -webkit-column-count: 6;
  /* Safari 和 Chrome */
  -moz-column-count: 6;
  /* Firefox */
  column-count: 6;
}
.col-g-5 {
  -webkit-column-gap: 5px;
  /* Safari 和 Chrome */
  -moz-column-gap: 5px;
  /* Firefox */
  column-gap: 5px;
}
.col-g-10 {
  -webkit-column-gap: 10px;
  /* Safari 和 Chrome */
  -moz-column-gap: 10px;
  /* Firefox */
  column-gap: 10px;
}
.col-g-15 {
  -webkit-column-gap: 15px;
  /* Safari 和 Chrome */
  -moz-column-gap: 15px;
  /* Firefox */
  column-gap: 15px;
}
.col-g-20 {
  -webkit-column-gap: 20px;
  /* Safari 和 Chrome */
  -moz-column-gap: 20px;
  /* Firefox */
  column-gap: 20px;
}
.col-g-25 {
  -webkit-column-gap: 25px;
  /* Safari 和 Chrome */
  -moz-column-gap: 25px;
  /* Firefox */
  column-gap: 25px;
}
.col-g-30 {
  -webkit-column-gap: 30px;
  /* Safari 和 Chrome */
  -moz-column-gap: 30px;
  /* Firefox */
  column-gap: 30px;
}
.col-g-35 {
  -webkit-column-gap: 35px;
  /* Safari 和 Chrome */
  -moz-column-gap: 35px;
  /* Firefox */
  column-gap: 35px;
}
.col-g-40 {
  -webkit-column-gap: 40px;
  /* Safari 和 Chrome */
  -moz-column-gap: 40px;
  /* Firefox */
  column-gap: 40px;
}
.col-g-45 {
  -webkit-column-gap: 45px;
  /* Safari 和 Chrome */
  -moz-column-gap: 45px;
  /* Firefox */
  column-gap: 45px;
}
.col-g-50 {
  -webkit-column-gap: 50px;
  /* Safari 和 Chrome */
  -moz-column-gap: 50px;
  /* Firefox */
  column-gap: 50px;
}
.clear {
  position: relative;
  content: '';
  display: block;
  clear: both;
  float: none;
  height: 1px;
  width: 100%;
  margin-top: -1px;
}
header,
.header,
footer,
.footer,
section,
.section,
article,
.article,
aside,
.aside,
nav,
.nav,
.row,
.line {
  position: relative;
}
header:after,
.header:after,
footer:after,
.footer:after,
section:after,
.section:after,
article:after,
.article:after,
aside:after,
.aside:after,
nav:after,
.nav:after,
.row:after,
.line:after {
  position: relative;
  content: '';
  display: block;
  clear: both;
  float: none;
  height: 1px;
  width: 100%;
  margin-top: -1px;
}
.panel:after,
.panel_head:after,
.panel_body:after,
.panel_foot:after {
  position: relative;
  content: '';
  display: block;
  clear: both;
  float: none;
  height: 1px;
  width: 100%;
  margin-top: -1px;
}
.media:after,
.media_left:after,
.media_middle:after,
.media_right:after {
  position: relative;
  content: '';
  display: block;
  clear: both;
  float: none;
  height: 1px;
  width: 100%;
  margin-top: -1px;
}
.css2-cm {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.css3-cm {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.align-lt {
  text-align: left;
  vertical-align: top;
}
.align-lm {
  text-align: left;
  vertical-align: middle;
}
.align-lb {
  text-align: left;
  vertical-align: bottom;
}
.align-ct {
  text-align: center;
  vertical-align: top;
}
.align-cm {
  text-align: center;
  vertical-align: middle;
}
.align-cb {
  text-align: center;
  vertical-align: bottom;
}
.align-rt {
  text-align: right;
  vertical-align: top;
}
.align-rm {
  text-align: right;
  vertical-align: middle;
}
.align-rb {
  text-align: right;
  vertical-align: bottom;
}
.box-padding5 {
  padding-bottom: 5%;
}
.box-padding10 {
  padding-bottom: 10%;
}
.box-padding15 {
  padding-bottom: 15%;
}
.box-padding20 {
  padding-bottom: 20%;
}
.box-padding25 {
  padding-bottom: 25%;
}
.box-padding30 {
  padding-bottom: 30%;
}
.box-padding35 {
  padding-bottom: 35%;
}
.box-padding40 {
  padding-bottom: 40%;
}
.box-padding45 {
  padding-bottom: 45%;
}
.box-padding50 {
  padding-bottom: 50%;
}
.box-padding55 {
  padding-bottom: 55%;
}
.box-padding60 {
  padding-bottom: 60%;
}
.box-padding65 {
  padding-bottom: 65%;
}
.box-padding70 {
  padding-bottom: 70%;
}
.box-padding75 {
  padding-bottom: 75%;
}
.box-padding80 {
  padding-bottom: 80%;
}
.box-padding85 {
  padding-bottom: 85%;
}
.box-padding90 {
  padding-bottom: 90%;
}
.box-padding95 {
  padding-bottom: 95%;
}
.box-padding100 {
  padding-bottom: 100%;
}
.box-padding105 {
  padding-bottom: 105%;
}
.box-padding110 {
  padding-bottom: 110%;
}
.box-padding115 {
  padding-bottom: 115%;
}
.box-padding120 {
  padding-bottom: 120%;
}
.box-padding125 {
  padding-bottom: 125%;
}
.box-padding130 {
  padding-bottom: 130%;
}
.box-padding135 {
  padding-bottom: 135%;
}
.box-padding140 {
  padding-bottom: 140%;
}
.box-padding145 {
  padding-bottom: 145%;
}
.box-padding150 {
  padding-bottom: 150%;
}
.box-padding155 {
  padding-bottom: 155%;
}
.box-padding160 {
  padding-bottom: 160%;
}
.box-padding165 {
  padding-bottom: 165%;
}
.box-padding170 {
  padding-bottom: 170%;
}
.box-padding175 {
  padding-bottom: 175%;
}
.box-padding180 {
  padding-bottom: 180%;
}
.box-padding185 {
  padding-bottom: 185%;
}
.box-padding190 {
  padding-bottom: 190%;
}
.box-padding195 {
  padding-bottom: 195%;
}
.box-padding200 {
  padding-bottom: 200%;
}
.box-square {
  padding-bottom: 100%;
}
.box-padding169 {
  padding-bottom: 56.25%;
}
.box-gold {
  padding-bottom: 61.8%;
}
.box-silver {
  padding-bottom: 70.6%;
}
.box-circular {
  padding-bottom: 100%;
  border-radius: 50%;
  overflow: hidden;
}
.img-box,
.video-box {
  position: relative;
  overflow: hidden;
}
.img-inline,
.video-inline {
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  max-width: 100%;
  *width: 100%;
  height: auto;
  border: none;
}
.img-center,
.video-center {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  max-width: 100%;
  width: auto;
  *width: 100%;
  max-height: 100%;
  height: auto;
  *height: 100%;
  margin: auto;
  border: none;
}
.img-max,
.video-max {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
}
.img-cover,
.video-cover {
  display: block;
  position: absolute;
  max-width: none;
  width: 100%;
  *width: 100%;
  max-height: none;
  height: 100%;
  *height: 100%;
  border: none;
  object-position: 50% 50%;
  object-fit: cover;
}
.img-QR,
.video-QR {
  width: 100%;
  height: auto;
  border: none;
}
article,
.article {
  /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
}
article html,
.article html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
article body,
.article body {
  margin: 0;
}
article article,
.article article,
article aside,
.article aside,
article footer,
.article footer,
article header,
.article header,
article nav,
.article nav,
article section,
.article section {
  display: block;
}
article h1,
.article h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
article figcaption,
.article figcaption,
article figure,
.article figure,
article main,
.article main {
  display: block;
}
article figure,
.article figure {
  margin: 1em 40px;
}
article hr,
.article hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
article p,
.article p {
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}
article pre,
.article pre {
  font-family: monospace,monospace;
  font-size: 1em;
}
article a,
.article a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
article abbr[title],
.article abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
article b,
.article b,
article strong,
.article strong {
  font-weight: inherit;
}
article b,
.article b,
article strong,
.article strong {
  font-weight: bolder;
}
article code,
.article code,
article kbd,
.article kbd,
article samp,
.article samp {
  font-family: monospace,monospace;
  font-size: 1em;
}
article dfn,
.article dfn {
  font-style: italic;
}
article mark,
.article mark {
  background-color: #ff0;
  color: #000;
}
article small,
.article small {
  font-size: 80%;
}
article sub,
.article sub,
article sup,
.article sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
article sub,
.article sub {
  bottom: -0.25em;
}
article sup,
.article sup {
  top: -0.5em;
}
article audio,
.article audio,
article video,
.article video {
  display: inline-block;
}
article audio:not([controls]),
.article audio:not([controls]) {
  display: none;
  height: 0;
}
article img,
.article img {
  border-style: none;
}
article svg:not(:root),
.article svg:not(:root) {
  overflow: hidden;
}
article button,
.article button,
article input,
.article input,
article optgroup,
.article optgroup,
article select,
.article select,
article textarea,
.article textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
article button,
.article button,
article input,
.article input {
  overflow: visible;
}
article button,
.article button,
article select,
.article select {
  text-transform: none;
}
article [type=reset],
.article [type=reset],
article [type=submit],
.article [type=submit],
article button,
.article button,
article html [type=button],
.article html [type=button] {
  -webkit-appearance: button;
}
article [type=button]::-moz-focus-inner,
.article [type=button]::-moz-focus-inner,
article [type=reset]::-moz-focus-inner,
.article [type=reset]::-moz-focus-inner,
article [type=submit]::-moz-focus-inner,
.article [type=submit]::-moz-focus-inner,
article button::-moz-focus-inner,
.article button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
article [type=button]:-moz-focusring,
.article [type=button]:-moz-focusring,
article [type=reset]:-moz-focusring,
.article [type=reset]:-moz-focusring,
article [type=submit]:-moz-focusring,
.article [type=submit]:-moz-focusring,
article button:-moz-focusring,
.article button:-moz-focusring {
  outline: 1px dotted ButtonText;
}
article fieldset,
.article fieldset {
  padding: 0.35em 0.75em 0.625em;
}
article legend,
.article legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
article progress,
.article progress {
  display: inline-block;
  vertical-align: baseline;
}
article textarea,
.article textarea {
  overflow: auto;
}
article [type=checkbox],
.article [type=checkbox],
article [type=radio],
.article [type=radio] {
  box-sizing: border-box;
  padding: 0;
}
article [type=number]::-webkit-inner-spin-button,
.article [type=number]::-webkit-inner-spin-button,
article [type=number]::-webkit-outer-spin-button,
.article [type=number]::-webkit-outer-spin-button {
  height: auto;
}
article [type=search],
.article [type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
article [type=search]::-webkit-search-cancel-button,
.article [type=search]::-webkit-search-cancel-button,
article [type=search]::-webkit-search-decoration,
.article [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
article ::-webkit-file-upload-button,
.article ::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
article details,
.article details,
article menu,
.article menu {
  display: block;
}
article summary,
.article summary {
  display: list-item;
}
article canvas,
.article canvas {
  display: inline-block;
}
article template,
.article template {
  display: none;
}
article [hidden],
.article [hidden] {
  display: none;
}
article img,
.article img,
article video,
.article video {
  max-width: 100%;
  max-height: 100%;
}
.article.art_ABOUT {
  margin-bottom: 80px;
}
@media (max-width: 767px) {
  .article.art_ABOUT {
    margin-left: 0.4rem;
    margin-right: 0.4rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .article.art_ABOUT {
    margin-left: 30px;
    margin-right: 30px;
  }
}
.article .art_ABOUT_h2 {
  color: #464646;
}
@media (max-width: 767px) {
  .article .art_ABOUT_h2 {
    font-size: 0.37333333rem;
    margin-bottom: 0.4rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .article .art_ABOUT_h2 {
    font-size: 14px;
    margin-bottom: 15px;
  }
}
@media (min-width: 1200px) {
  .article .art_ABOUT_h2 {
    font-size: 20px;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .article .art_ABOUT_box {
    font-size: 0.37333333rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .article .art_ABOUT_box {
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  .article .art_ABOUT_box {
    margin: 0 50px;
    height: 220px;
    width: 380px;
  }
}
.article .art_ABOUT_line {
  border-top: 1px dashed #e6e6e6;
  border-bottom: none;
}
@media (max-width: 767px) {
  .article .art_ABOUT_line {
    margin-top: 0.53333333rem;
    margin-bottom: 0.4rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .article .art_ABOUT_line {
    margin: 20px 0;
  }
}
@media (min-width: 1200px) {
  .article .art_ABOUT_line {
    margin: 30px 0;
  }
}
.article .art_ABOUT_r,
.article .art_ABOUT_p {
  margin: 0.5em 0;
  color: #6a6a6a;
}
@media (max-width: 767px) {
  .article .art_ABOUT_r,
  .article .art_ABOUT_p {
    line-height: 1.84615385;
    font-size: 0.34666667rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .article .art_ABOUT_r,
  .article .art_ABOUT_p {
    line-height: 1.84615385;
    font-size: 13px;
  }
}
@media (min-width: 1200px) {
  .article .art_ABOUT_r,
  .article .art_ABOUT_p {
    line-height: 1.85714286;
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  .article .art_ABOUT_r {
    width: 640px;
  }
}
.article .art_ABOUT_p:first-child {
  margin-top: 30px;
}
.article .art_ABOUT_number .maybe_J_text {
  color: #999;
  margin: 0;
}
@media (max-width: 767px) {
  .article .art_ABOUT_number .maybe_J_text {
    font-size: 0.32rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .article .art_ABOUT_number .maybe_J_text {
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  .article .art_ABOUT_number .maybe_J_text {
    font-size: 14px;
  }
}
.article .art_ABOUT_number .maybe_J_number {
  font-family: 'SimSun';
  margin: 0;
  color: #3e3e3e;
}
@media (max-width: 767px) {
  .article .art_ABOUT_number .maybe_J_number {
    font-size: 0.66666667rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .article .art_ABOUT_number .maybe_J_number {
    font-size: 25px;
  }
}
@media (min-width: 1200px) {
  .article .art_ABOUT_number .maybe_J_number {
    font-size: 40px;
  }
}
.news_item {
  border-bottom: 1px solid #ececec;
}
.news_item .img_area {
  float: left;
  width: 290px;
  padding: 0 10px;
}
.news_item .img_area .img-box {
  height: 150px;
  width: 270px;
}
.news_item .text_area {
  float: left;
}
@media (max-width: 767px) {
  .news_item .text_area {
    width: 9.2rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .news_item .text_area {
    width: 690px;
  }
}
@media (min-width: 1200px) {
  .news_item .text_area {
    width: 850px;
  }
}
.news_item .title_row .title {
  vertical-align: middle;
  color: #464646;
}
@media (max-width: 767px) {
  .news_item .title_row .title {
    max-width: 7.33333333rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .news_item .title_row .title {
    max-width: 560px;
  }
}
@media (min-width: 1200px) {
  .news_item .title_row .title {
    max-width: 580px;
  }
}
.news_item .title_row .title:hover {
  color: #008cd7;
}
.news_item .title_row .title .mark {
  color: #008cd7;
}
.news_item .title_row .title_tag {
  vertical-align: middle;
  color: #fff;
  border-radius: 2px;
  margin-left: 0.5em;
}
@media (max-width: 767px) {
  .news_item .title_row .title_tag {
    font-size: 0.24rem;
    padding: 0.06666667rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .news_item .title_row .title_tag {
    font-size: 9px;
    padding: 5px;
  }
}
@media (min-width: 1200px) {
  .news_item .title_row .title_tag {
    font-size: 9px;
    padding: 4px 5px;
  }
}
.news_item .title_row .title_tag.green {
  background-color: #46ad79;
}
.news_item .title_row .title_tag.blue {
  background-color: #377bee;
}
.news_item .title_row .date {
  vertical-align: middle;
  color: #6a6a6a;
}
@media (min-width: 1200px) {
  .news_item .title_row .date {
    float: right;
  }
}
.news_item .text_row .lineclamp {
  line-height: 1.71428571;
  color: #999;
}
@media (min-width: 1200px) {
  .news_item .text_row .lineclamp {
    width: 640px;
  }
}
.news_item .text_row .more {
  float: right;
  text-align: center;
  font-size: 12px;
  line-height: 32px;
  height: 32px;
  width: 88px;
  color: #999;
}
.news_item .text_row .more:hover {
  background-color: #008cd7;
  color: #fff;
}
.company_item {
  border-bottom: 1px solid #ececec;
}
.company_item .text_area {
  float: left;
}
@media (max-width: 767px) {
  .company_item .text_area {
    width: 9.2rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .company_item .text_area {
    width: 690px;
  }
}
@media (min-width: 1200px) {
  .company_item .text_area {
    width: 1140px;
  }
}
.company_item .title_row .title {
  vertical-align: middle;
  color: #464646;
}
@media (max-width: 767px) {
  .company_item .title_row .title {
    max-width: 7.33333333rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .company_item .title_row .title {
    max-width: 560px;
  }
}
@media (min-width: 1200px) {
  .company_item .title_row .title {
    max-width: 580px;
  }
  .company_item .title_row .title:before {
    content: '|';
    margin-right: 0.5em;
    color: #008cd7;
  }
}
.company_item .title_row .title:hover {
  color: #008cd7;
}
.company_item .title_row .title .mark {
  color: #008cd7;
}
.company_item .title_row .date {
  vertical-align: middle;
  color: #6a6a6a;
}
@media (min-width: 1200px) {
  .company_item .title_row .date {
    float: right;
  }
}
.company_item .text_row .lineclamp {
  line-height: 1.71428571;
  color: #999;
}
@media (min-width: 1200px) {
  .company_item .text_row .lineclamp {
    width: 960px;
  }
}
.company_item .text_row .more {
  float: right;
  text-align: center;
  font-size: 12px;
  line-height: 32px;
  height: 32px;
  width: 88px;
  color: #999;
}
.company_item .text_row .more:hover {
  background-color: #008cd7;
  color: #fff;
}
@media (max-width: 767px) {
  .news_content .news_article {
    display: block;
    padding-left: 0.53333333rem;
    padding-right: 0.53333333rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .news_content .news_article {
    display: block;
    padding: 0 30px;
  }
}
@media (min-width: 1200px) {
  .news_content .news_article {
    float: left;
    width: 780px;
    padding: 0 10px;
  }
}
@media (max-width: 767px) {
  .news_content .news_about {
    display: block;
    margin-top: 0.53333333rem;
    padding-left: 0.53333333rem;
    padding-right: 0.53333333rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .news_content .news_about {
    display: block;
    margin-top: 40px;
    padding: 0 30px;
  }
}
@media (min-width: 1200px) {
  .news_content .news_about {
    float: right;
    width: 370px;
    margin-top: 40px;
    padding: 0 10px;
  }
}
.article {
  line-height: 1.84615385;
  color: #6a6a6a;
}
.article .article_title1 {
  font-size: 16px;
  margin: 40px 0 20px;
  color: #434343;
}
@media (max-width: 767px) {
  .article .article_title1 {
    font-size: 0.42666667rem;
    margin-top: 0.53333333rem;
    margin-bottom: 0.26666667rem;
  }
}
.article .article_title2 {
  display: none;
}
.article .article_title3 {
  display: none;
}
.article .article_title4 {
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .article .article_title4 {
    font-size: 0.32rem;
    margin-bottom: 0.53333333rem;
  }
}
.article p {
  line-height: 1.71428571;
  font-size: 14px;
}
@media (max-width: 767px) {
  .article p {
    font-size: 0.34666667rem;
  }
}
.article .article_social_responsibility {
  text-indent: 2em;
  margin-top: 0;
  margin-bottom: 1em;
  color: #6a6a6a;
}
.related_content_title {
  color: #464646;
}
@media (max-width: 767px) {
  .related_content_title {
    margin-top: 0.66666667rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .related_content_title {
    font-size: 12px;
    margin-top: 30px;
  }
}
@media (min-width: 1200px) {
  .related_content_title {
    font-size: 16px;
    margin-top: 40px;
  }
}
.related_content_item {
  border-bottom: 1px solid #ececec;
}
@media (max-width: 767px) {
  .related_content_item {
    padding-top: 0.66666667rem;
    padding-bottom: 0.66666667rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .related_content_item {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .related_content_item {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.related_content_item .title {
  color: #464646;
}
.related_content_item .title:hover {
  color: #008cd7;
}
@media (max-width: 767px) {
  .related_content_item .title {
    font-size: 0.37333333rem;
    margin-bottom: 0.2rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .related_content_item .title {
    font-size: 14px;
    margin-bottom: 7px;
  }
}
@media (min-width: 1200px) {
  .related_content_item .title {
    font-size: 16px;
    margin-bottom: 15px;
  }
}
.related_content_item .date {
  color: #6a6a6a;
}
@media (max-width: 767px) {
  .related_content_item .date {
    font-size: 0.29333333rem;
    margin-bottom: 0.4rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .related_content_item .date {
    font-size: 11px;
    margin-bottom: 17px;
  }
}
@media (min-width: 1200px) {
  .related_content_item .date {
    font-size: 12px;
    margin-bottom: 25px;
  }
}
.related_content_item .lineclamp {
  color: #999999;
}
@media (max-width: 767px) {
  .related_content_item .lineclamp {
    font-size: 0.29333333rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .related_content_item .lineclamp {
    font-size: 11px;
  }
}
@media (min-width: 1200px) {
  .related_content_item .lineclamp {
    font-size: 12px;
  }
}
/*因为设计稿上分页部分全都是ajax加载更多，所以没有pageination*/
.ajax-more {
  display: inline-block;
  line-height: 48px;
  width: 252px;
  height: 48px;
  margin: 40px auto 80px;
  border: 1px solid #dfdfdf;
  border-radius: 25px;
  color: #008cd7;
}
.ajax-more.two {
  width: 91px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  border-color: #E0E0E0;
  color: #434343;
  border-radius: 0;
}
@media (max-width: 767px) {
  .ajax-more {
    font-size: 0.26666667rem;
    line-height: 0.8rem;
    width: 4.08rem;
    height: 0.8rem;
    margin-top: 0.66666667rem;
    margin-bottom: 1.06666667rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .ajax-more {
    line-height: 30px;
    width: 158px;
    height: 30px;
    margin: 25px auto 40px;
  }
}
.article_page {
  font-size: 16px;
  margin: 60px 0 80px;
}
.article_page .article_prev,
.article_page .article_next {
  width: 50%;
  padding: 38px 20px;
  background: #f7f7f7;
}
.article_page .article_prev .img-box,
.article_page .article_next .img-box {
  height: 88px;
  width: 160px;
}
.article_page .article_prev .ellipsis,
.article_page .article_next .ellipsis {
  width: 40px;
}
.article_page .article_prev .text-overflow,
.article_page .article_next .text-overflow {
  font-size: 16px;
  top: -0.5em;
  margin: 0 20px;
  width: 250px;
}
.article_page .article_prev .num,
.article_page .article_next .num {
  margin: 0 20px;
  font-size: 12px;
  bottom: -0.5em;
  color: #6a6a6a;
}
.article_page .article_prev:hover,
.article_page .article_next:hover {
  background: #008cd7;
  color: #fff;
}
.article_page .article_prev {
  float: left;
}
.article_page .article_prev .ellipsis {
  margin: 0 10px;
}
.article_page .article_prev .fa {
  padding-right: 20px;
  border-right: 1px solid #e6e6e6;
}
.article_page .article_prev:hover .fa {
  border-right: 1px solid #4dafe2;
}
.article_page .article_next {
  float: right;
}
.article_page .article_next .ellipsis {
  text-align: right;
  margin: 0 10px;
}
.article_page .article_next .text-overflow,
.article_page .article_next .num {
  text-align: right;
}
.article_page .article_next .fa {
  padding-left: 20px;
  border-left: 1px solid #e6e6e6;
}
.article_page .article_next:hover .fa {
  border-left: 1px solid #4dafe2;
}
.breadcrumb-row {
  line-height: 56px;
  height: 56px;
  background: #f7f7f7;
}
.breadcrumb-row .page_class_appear_tab {
  font-size: 14px;
  color: #6a6a6a;
}
.breadcrumb-row .page_class_appear_tab .appear_tab {
  text-align: center;
  line-height: 32px;
  height: 32px;
  min-width: 94px;
  margin: 0 5px;
  padding: 0 6px;
  border-radius: 16px;
}
.breadcrumb-row .page_class_appear_tab .appear_tab.on,
.breadcrumb-row .page_class_appear_tab .appear_tab:hover {
  background: #008cd7;
  color: #fff;
}
.breadcrumb-row .breadcrumb {
  font-size: 14px;
  text-align: right;
  color: #6a6a6a;
}
.breadcrumb-row .breadcrumb li + li:before {
  content: '>';
  padding-left: 0.5em;
  padding-right: 0.5em;
  color: #6a6a6a;
}
.breadcrumb-row .breadcrumb li:last-child {
  color: #008cd7;
  max-width: 284px;
  height: 56px;
  line-height: 56px;
  overflow: hidden;
}
.sitemap {
  line-height: 2;
}
.sitemap a:hover {
  color: #008cd7;
}
@media (max-width: 767px) {
  .sitemap {
    margin-left: 0.4rem;
    margin-right: 0.4rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .sitemap {
    margin-left: 30px;
    margin-right: 30px;
  }
}
@media (min-width: 1200px) {
  .sitemap {
    margin: 0 auto;
  }
}
.sitemap_list_lv1 .item_lv1 {
  font-weight: bold;
  border-bottom: 1px solid #ececec;
  color: #464646;
}
@media (max-width: 767px) {
  .sitemap_list_lv1 .item_lv1 {
    font-size: 0.34666667rem;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .sitemap_list_lv1 .item_lv1 {
    font-size: 13;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media (min-width: 1200px) {
  .sitemap_list_lv1 .item_lv1 {
    font-size: 16px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .sitemap_list_lv1 .item_lv1 > b {
    width: 32.33333333%;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .sitemap_list_lv1 .item_lv1 > b {
    width: 15.66666667%;
  }
}
@media (min-width: 1200px) {
  .sitemap_list_lv1 .item_lv1 > b {
    width: 132px;
    padding: 0 10px;
  }
}
.sitemap_list_lv2 {
  display: inline-block;
  vertical-align: top;
}
@media (max-width: 767px) {
  .sitemap_list_lv2 {
    width: 65.66666667%;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .sitemap_list_lv2 {
    width: 82.33333333%;
    padding: 0 5px;
  }
}
@media (min-width: 1200px) {
  .sitemap_list_lv2 {
    width: 1058px;
  }
}
.sitemap_list_lv2 .item_lv2 {
  display: inline-block;
  color: #464646;
}
@media (max-width: 767px) {
  .sitemap_list_lv2 .item_lv2 {
    font-size: 0.32rem;
    width: 49%;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .sitemap_list_lv2 .item_lv2 {
    font-size: 12;
    width: 19%;
  }
}
@media (min-width: 1200px) {
  .sitemap_list_lv2 .item_lv2 {
    font-size: 14px;
    width: 132px;
    padding: 0 10px;
  }
}
.sitemap_list_lv2 .item_lv2 b {
  font-weight: normal;
}
.sitemap_list_lv3 {
  display: block;
  vertical-align: top;
  padding-bottom: 2em;
}
.sitemap_list_lv3 .item_lv3 {
  font-weight: normal;
  line-height: 2;
  color: #999;
}
@media (max-width: 767px) {
  .sitemap_list_lv3 .item_lv3 {
    font-size: 0.32rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .sitemap_list_lv3 .item_lv3 {
    font-size: 12;
  }
}
@media (min-width: 1200px) {
  .sitemap_list_lv3 .item_lv3 {
    font-size: 12px;
  }
}
.sitemap .pro_sitemap .item_lv2_pro {
  display: block;
}
@media (max-width: 767px) {
  .sitemap .pro_sitemap .item_lv2_pro {
    font-size: 0.32rem;
    padding-right: 0.26666667rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .sitemap .pro_sitemap .item_lv2_pro {
    font-size: 12;
    padding-right: 30px;
  }
}
@media (min-width: 1200px) {
  .sitemap .pro_sitemap .item_lv2_pro {
    font-size: 14px;
    padding-right: 20px;
  }
}
.sitemap .pro_sitemap .item_lv3 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*
.nav1st{
  position: fixed;
  z-index:1;
  top:0;left:0;
  .px2rem(width,600);
  .px2rem(width,924);
  height:100%;
  //.px2rem(margin-left,-924);
  background:#f3f3f3;
  
}
*/
nav {
  display: none;
  height: 100%;
  background: #f3f3f3;
  box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.2) inset;
}
#menu a:active {
  background: #fff;
  color: #008cd7;
}
#menu b {
  float: right;
  color: #ccc;
}
#page {
  background: #fff;
}
.pc_nav {
  position: static;
  height: 96px;
  width: 830px;
  background: #008cd7;
  background-color: transparent;
}
.pc_nav .nav1st {
  font-size: 0;
  position: static;
  margin-left: 15px;
}
.pc_nav .nav1st > li {
  font-size: 16px;
  position: static;
  line-height: 96px;
  height: 96px;
  padding: 0 15px;
  color: #333;
}
.pc_nav .nav2nd {
  box-sizing: content-box;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  line-height: 70px;
  height: 70px;
  width: 100%;
  margin-top: -20px;
  border-top: 20px solid transparent;
  text-align: center;
  background-clip: content-box;
  background-origin: content-box;
  background-color: #008cd7;
  color: #fff;
  -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 0deg);
  transform: perspective(400px) rotate3d(1, 0, 0, 0deg);
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  opacity: 0;
}
.pc_nav .nav2nd:before,
.pc_nav .nav2nd:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  height: 100%;
  width: calc(50vw - 600px);
  background-color: inherit;
}
.pc_nav .nav2nd:before {
  right: 100%;
}
.pc_nav .nav2nd:after {
  left: 100%;
}
.pc_nav .nav2nd > li {
  line-height: 32px;
  height: 32px;
  margin: 0 10px;
  padding: 0 15px;
  border-radius: 15px;
}
.pc_nav .nav2nd > li:hover,
.pc_nav .nav2nd > li.on {
  background-color: #4dafe2;
  color: #fff;
}
.pc_nav .nav1st > li:hover {
  background-color: #008cd7;
  color: #fff;
  cursor: pointer;
}
.pc_nav .nav1st > li:hover .nav2nd {
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
  display: block;
  z-index: 10;
  opacity: 1;
  -webkit-transform: perspective(400px);
  transform: perspective(400px);
}
.pc_nav .nav1st > li:hover .nav_pro_list {
  display: block;
}
.pc_nav .nav_pro_list {
  height: 481px;
  padding-top: 20px;
  padding-bottom: 20px;
  background-clip: padding-box;
  background-origin: padding-box;
  background-color: rgba(51, 51, 51, 0.92);
}
.pc_nav .nav_pro_list .nav_pro_col {
  float: left;
  width: 25%;
  padding: 0 10px;
}
.pc_nav .nav_pro_list .pro_list_title {
  text-align: left;
  line-height: 42px;
  font-size: 14px;
  color: #fff;
}
.pc_nav .nav_pro_list .pro_list_item {
  text-align: left;
  line-height: 23px;
  font-size: 12px;
  color: #c6c6c6;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pc_nav .nav_pro_list .pro_list_item:hover {
  color: #008cd7;
}
.pc_nav .nav_pro_list .pro_list_item + .pro_list_title {
  margin-top: 10px;
}
.search-target {
  display: none;
  position: absolute;
  left: 0;
  z-index: 10;
  width: 100%;
  text-align: center;
  background-color: #008cd7;
  color: #fff;
}
@media (max-width: 767px) {
  .search-target {
    top: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .search-target {
    top: 0;
  }
}
@media (min-width: 1200px) {
  .search-target {
    top: 100%;
    line-height: 70px;
    height: 70px;
  }
}
.lang-target {
  display: none;
  position: absolute;
  top: 80%;
  left: -10%;
  right: 10%;
  z-index: 10;
  line-height: 20px;
  background-color: #fff;
  box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.2);
}
.lang-target li[lang] {
  margin-left: 10px;
  padding-left: 40px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 32px 32px;
}
.lang-target li[lang="zh-cn"] {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE1QkNEQzZEMEY1MTExRUE5MTJGQTQwMjcyMEY4NUFBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE1QkNEQzZFMEY1MTExRUE5MTJGQTQwMjcyMEY4NUFBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTVCQ0RDNkIwRjUxMTFFQTkxMkZBNDAyNzIwRjg1QUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTVCQ0RDNkMwRjUxMTFFQTkxMkZBNDAyNzIwRjg1QUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz667aVKAAAGj0lEQVR42uxbzYsc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");
}
.lang-target li[lang="en"] {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkIwRDI2M0Y2MEY1MTExRUFBODA3OTEzQ0JEODRCOTA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkIwRDI2M0Y3MEY1MTExRUFBODA3OTEzQ0JEODRCOTA3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjBEMjYzRjQwRjUxMTFFQUE4MDc5MTNDQkQ4NEI5MDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjBEMjYzRjUwRjUxMTFFQUE4MDc5MTNDQkQ4NEI5MDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6U2yX0AAAQ6UlEQVR42uxbZ1gU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");
}
@media (max-width: 767px) {
  .lang-target li {
    font-size: 12px;
    line-height: 20px;
    height: 20px;
  }
  .lang-target li[lang] {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
    background-size: 16px 16px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .lang-target li {
    font-size: 12px;
    line-height: 20px;
    height: 20px;
  }
  .lang-target li[lang] {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 25px;
    background-size: 20px 20px;
  }
}
@media (min-width: 1200px) {
  .lang-target li {
    font-size: 14px;
    line-height: 48px;
    height: 48px;
    width: auto;
    margin: auto;
  }
}
.search-target .appearselect {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}
.search-target .appearselect:after {
  content: '|';
  position: absolute;
  right: -1px;
  vertical-align: middle;
  font-size: 12px;
  line-height: 40px;
  color: #dedede;
}
@media (max-width: 767px) {
  .search-target .appearselect {
    line-height: 1.33333333rem;
    height: 1.33333333rem;
    width: 20%;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .search-target .appearselect {
    line-height: 50px;
    height: 50px;
    width: 10%;
  }
}
@media (min-width: 1200px) {
  .search-target .appearselect {
    height: 40px;
    width: 75px;
    background: #fff;
  }
}
.search-target .appearselect .input-text {
  vertical-align: top;
  text-align: center;
  font-size: 12px;
  width: 100%;
  height: 100%;
  padding: 0 1.5em 0 0.5em;
  border: none;
  background-color: #fff;
}
.search-target .appearselect b {
  position: absolute;
  top: 35%;
  right: 10px;
  font-size: 14px;
  color: #333;
  pointer-events: none;
}
.search-target .appearselect .appearselect-list {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  font-size: 12px;
  line-height: 2.66666667;
  width: 100%;
  background: #fff;
  color: #333;
}
.search-target .appearselect .appearselect-list .appearselect-item:hover {
  background: #f8f8f8;
  color: #008cd7;
  cursor: pointer;
}
.search-target .input-box {
  vertical-align: middle;
  display: inline-block;
}
@media (max-width: 767px) {
  .search-target .input-box {
    line-height: 1.33333333rem;
    height: 1.33333333rem;
    width: 80%;
    background: #fff;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .search-target .input-box {
    line-height: 50px;
    height: 50px;
    width: 90%;
    background: #fff;
  }
}
@media (min-width: 1200px) {
  .search-target .input-box {
    height: 40px;
    width: 580px;
    background: #fff;
  }
}
.search-target .input-box .input-text {
  vertical-align: top;
  font-size: 12px;
  width: 100%;
  height: 100%;
  padding: 0 0.5em;
  border: none;
  background-color: #fff;
}
.search-target input[type="submit"] {
  vertical-align: middle;
  font-size: 14px;
  padding: 0;
  cursor: pointer;
  -webkit-appearance: none;
}
@media (max-width: 767px) {
  .search-target input[type="submit"] {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .search-target input[type="submit"] {
    display: none;
  }
}
@media (min-width: 1200px) {
  .search-target input[type="submit"] {
    display: inline-block;
    height: 40px;
    width: 110px;
    border: none;
    background: #f0f0f0;
    color: #333;
  }
}
.head_search_form {
  font-size: 0;
  vertical-align: middle;
}
.head_search_form:after {
  vertical-align: middle;
  content: '';
  height: 100%;
}
.common_header {
  font-size: 16px;
  background: #fff;
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px) and (max-width: 1199px) {
  .common_header .response-container {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .common_header {
    text-align: center;
    height: 1.28rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .common_header {
    text-align: center;
    height: 48px;
  }
}
@media (min-width: 1200px) {
  .common_header {
    text-align: left;
    height: 96px;
  }
}
.common_header .btn-nav {
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 7;
}
@media (max-width: 767px) {
  .common_header .btn-nav {
    height: 0.85333333rem;
    width: 0.85333333rem;
    margin-top: -0.42666667rem;
    margin-left: 0.4rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .common_header .btn-nav {
    height: 32px;
    width: 32px;
    margin-top: -16px;
    margin-left: 25px;
  }
}
.common_header .logo {
  vertical-align: top;
}
@media (max-width: 767px) {
  .common_header .logo {
    margin-top: 0.26666667rem;
    height: 0.66666667rem;
    width: 2.45333333rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .common_header .logo {
    line-height: 48px;
    height: 48px;
    width: 92px;
  }
}
@media (min-width: 1200px) {
  .common_header .logo {
    line-height: 96px;
    height: 96px;
    width: 184px;
  }
}
.common_header .head_right {
  position: absolute;
  right: 0;
  top: 0%;
  height: 100%;
}
@media (max-width: 767px) {
  .common_header .head_right {
    top: 0.16rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .common_header .head_right {
    line-height: 25px;
  }
}
@media (min-width: 1200px) {
  .common_header .head_right {
    line-height: 96px;
  }
}
.common_header .head_right .appear_search,
.common_header .head_right .appear_select {
  height: 100%;
  color: #6b6b6b;
  cursor: pointer;
}
@media (max-width: 767px) {
  .common_header .head_right .appear_search,
  .common_header .head_right .appear_select {
    font-size: 0.4rem;
    line-height: 0.66666667rem;
    margin-right: 0.33333333rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .common_header .head_right .appear_search,
  .common_header .head_right .appear_select {
    margin-right: 25px;
  }
}
@media (min-width: 1200px) {
  .common_header .head_right .appear_search,
  .common_header .head_right .appear_select {
    line-height: 96px;
    margin-left: 30px;
  }
}
.common_header .head_right .appear_search .dis-ib,
.common_header .head_right .appear_select .dis-ib {
  vertical-align: middle;
}
.common_header .head_right .appear_search .iconfont,
.common_header .head_right .appear_select .iconfont {
  vertical-align: middle;
}
@media (max-width: 767px) {
  .common_header .head_right .appear_search .iconfont,
  .common_header .head_right .appear_select .iconfont {
    font-size: 0.4rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .common_header .head_right .appear_search .iconfont,
  .common_header .head_right .appear_select .iconfont {
    font-size: 15px;
  }
}
@media (min-width: 1200px) {
  .common_header .head_right .appear_search .iconfont,
  .common_header .head_right .appear_select .iconfont {
    font-size: 20px;
  }
}
.common_footer {
  vertical-align: bottom;
  background: #434343;
}
@media (max-width: 767px) {
  .common_footer .response-container {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .common_footer .response-container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.common_footer .friendshiplink {
  color: #b2b2b2;
}
@media (max-width: 767px) {
  .common_footer .friendshiplink.two {
    margin-top: -0.26666667rem;
    margin-bottom: 0rem;
    padding-bottom: 0.26666667rem;
  }
  .common_footer .friendshiplink.two .fl_switch {
    display: inline-block;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .common_footer .friendshiplink.two {
    margin-top: -20px;
    margin-bottom: 10px;
    padding-bottom: 20px;
  }
  .common_footer .friendshiplink.two .fl_switch {
    display: none;
  }
}
@media (min-width: 1200px) {
  .common_footer .friendshiplink.two {
    margin-top: -20px;
    margin-bottom: 10px;
    padding-bottom: 20px;
  }
  .common_footer .friendshiplink.two .fl_switch {
    display: none;
  }
}
.common_footer .friendshiplink:nth-last-child(1) {
  border-bottom: 1px solid #585858;
}
@media (max-width: 767px) {
  .common_footer .friendshiplink:nth-last-child(1) {
    margin-bottom: 0.26666667rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .common_footer .friendshiplink:nth-last-child(1) {
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .common_footer .friendshiplink:nth-last-child(1) {
    margin-bottom: 40px;
    padding-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .common_footer .friendshiplink {
    margin-bottom: 0rem;
    padding-bottom: 0.26666667rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .common_footer .friendshiplink {
    margin-bottom: 0px;
    padding-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .common_footer .friendshiplink {
    margin-bottom: 0px;
    padding-bottom: 15px;
  }
}
.common_footer .friendshiplink .fl_title {
  color: #fff;
}
@media (max-width: 767px) {
  .common_footer .friendshiplink .fl_title {
    font-size: 0.29333333rem;
    line-height: 0.85333333rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .common_footer .friendshiplink .fl_title {
    font-size: 11px;
    line-height: 32px;
  }
}
@media (min-width: 1200px) {
  .common_footer .friendshiplink .fl_title {
    line-height: 26px;
    font-size: 12px;
  }
}
.common_footer .friendshiplink .fl_list {
  overflow: hidden;
}
@media (max-width: 767px) {
  .common_footer .friendshiplink .fl_list {
    line-height: 0.85333333rem;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .common_footer .friendshiplink .fl_list {
    line-height: 32px;
    width: 688px;
  }
}
@media (min-width: 1200px) {
  .common_footer .friendshiplink .fl_list {
    line-height: 26px;
    width: 1150px;
  }
}
.common_footer .friendshiplink .fl_item {
  color: #b2b2b2;
}
@media (max-width: 767px) {
  .common_footer .friendshiplink .fl_item {
    font-size: 0.29333333rem;
    line-height: 0.85333333rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .common_footer .friendshiplink .fl_item {
    line-height: 32px;
    font-size: 11px;
  }
}
@media (min-width: 1200px) {
  .common_footer .friendshiplink .fl_item {
    line-height: 26px;
    font-size: 12px;
  }
}
.common_footer .friendshiplink .fl_item:after {
  content: '|';
  margin: 0 1.5em;
}
.common_footer .friendshiplink .fl_item:last-child:after {
  content: '';
  margin: 0;
}
.common_footer .friendshiplink .fl_switch {
  border: none;
  background: none;
  color: #b2b2b2;
  cursor: pointer;
}
@media (max-width: 767px) {
  .common_footer .friendshiplink .fl_switch {
    position: absolute;
    right: -10px;
    z-index: 4;
    font-size: 0.37333333rem;
    line-height: 0.85333333rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .common_footer .friendshiplink .fl_switch {
    line-height: 32px;
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  .common_footer .friendshiplink .fl_switch {
    line-height: 26px;
    font-size: 16px;
  }
}
.common_footer .footer_logo {
  vertical-align: top;
}
@media (max-width: 767px) {
  .common_footer .footer_logo {
    height: 0.44rem;
    width: 1.62666667rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .common_footer .footer_logo {
    height: 33px;
    width: 122px;
  }
}
@media (min-width: 1200px) {
  .common_footer .footer_logo {
    height: 33px;
    width: 122px;
  }
}
.common_footer .footer_info {
  vertical-align: top;
}
.common_footer .footer_info .footer_link {
  color: #fff;
}
@media (max-width: 767px) {
  .common_footer .footer_info .footer_link li {
    font-size: 0.32rem;
    margin-top: 0.13333333rem;
    margin-bottom: 0.13333333rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .common_footer .footer_info .footer_link li {
    font-size: 11px;
    margin-bottom: 10px;
  }
}
@media (min-width: 1200px) {
  .common_footer .footer_info .footer_link li {
    font-size: 12px;
    margin-bottom: 10px;
  }
}
.common_footer .footer_info .footer_link li + li:before {
  content: "/";
  margin: 0 0.5em;
}
.common_footer .footer_info .footer_copyright {
  line-height: 2;
  color: #b2b2b2;
}
.common_footer .footer_sociality {
  vertical-align: bottom;
}
@media (max-width: 767px) {
  .common_footer .footer_sociality {
    float: left;
    margin-top: 0.4rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .common_footer .footer_sociality {
    margin-top: 25px;
  }
}
@media (min-width: 1200px) {
  .common_footer .footer_sociality {
    float: right;
  }
}
.common_footer .footer_sociality [title="微信"] .icon_bg:hover {
  background-color: #04aa0f;
}
.common_footer .footer_sociality [title="微博"] .icon_bg:hover {
  background-color: #e61b31;
}
.common_footer .footer_sociality [title="facebook"] .icon_bg:hover {
  background-color: #3b5998;
}
.common_footer .footer_sociality [title="twitter"] .icon_bg:hover {
  background-color: #1da1f3;
}
.common_footer .footer_sociality [title="领英"] .icon_bg:hover {
  background-color: #006a9a;
}
.common_footer .footer_sociality .icon_bg {
  border-radius: 50%;
  background: #5f5f5f;
  color: #fff;
}
@media (max-width: 767px) {
  .common_footer .footer_sociality .icon_bg {
    font-size: 0.24rem;
    line-height: 0.66666667rem;
    height: 0.66666667rem;
    width: 0.66666667rem;
    margin-right: 0.33333333rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .common_footer .footer_sociality .icon_bg {
    font-size: 9px;
    line-height: 25px;
    height: 25px;
    width: 25px;
  }
}
@media (min-width: 1200px) {
  .common_footer .footer_sociality .icon_bg {
    font-size: 18px;
    line-height: 34px;
    height: 34px;
    width: 34px;
  }
}
.common_footer .footer_sociality .icon_bg .fa {
  display: inline-block;
}
#sideToolRight {
  position: absolute;
  right: 20px;
}
#sideToolRight .tool-btn {
  height: 42px;
  width: 42px;
  border: none;
  background: #008cd7;
  color: #fff;
  cursor: pointer;
}
.fixed-lt {
  position: fixed;
  top: 0;
  bottom: auto;
  left: 0;
  right: auto;
  z-index: 10;
  margin: auto;
}
.fixed-ct {
  position: fixed;
  top: 0;
  bottom: auto;
  left: 0;
  right: 0;
  z-index: 10;
  margin: auto;
}
.fixed-rt {
  position: fixed;
  top: 0;
  bottom: auto;
  left: auto;
  right: 0;
  z-index: 10;
  margin: auto;
}
.fixed-lm {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: auto;
  z-index: 10;
  margin: auto;
}
.fixed-cm {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  margin: auto;
}
.fixed-rm {
  position: fixed;
  top: 0;
  bottom: 0;
  left: auto;
  right: 0;
  z-index: 10;
  margin: auto;
}
.fixed-lb {
  position: fixed;
  top: auto;
  bottom: 0;
  left: 0;
  right: auto;
  z-index: 10;
  margin: auto;
}
.fixed-cb {
  position: fixed;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  margin: auto;
}
.fixed-rb {
  position: fixed;
  top: auto;
  bottom: 0;
  left: auto;
  right: 0;
  z-index: 10;
  margin: auto;
}
.viewport_cover {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.index_first_banner_swiper {
  overflow: hidden;
  background: #ccc;
  z-index: 4;
}
@media (max-width: 767px) {
  .index_first_banner_swiper {
    height: 6.93333333rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .index_first_banner_swiper {
    height: 260px;
  }
}
@media (min-width: 1200px) {
  .index_first_banner_swiper {
    height: 520px;
  }
}
.index_first_banner_swiper .swiper-pagination-bullet {
  height: 14px;
  width: 14px;
  /*border-radius: 0;
    background-color:#fff;
    opacity: 1;*/
  /*
    @media (max-width: @screen-xs) {
      height: 3px;
      .px2rem(width,78);
    }
    &.swiper-pagination-bullet-active{
      background-color:@baseC_a;
    }*/
}
@media (max-width: 767px) {
  .index_first_banner_swiper .swiper-wrapper {
    height: 6.93333333rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .index_first_banner_swiper .swiper-wrapper {
    height: 260px;
  }
}
@media (min-width: 1200px) {
  .index_first_banner_swiper .swiper-wrapper {
    height: 520px;
  }
}
.index_first_banner_swiper .swiper-slide {
  background-position: center;
  background-size: cover;
  background-color: #333;
}
@media (max-width: 767px) {
  .index_first_banner_swiper .swiper-slide {
    height: 6.93333333rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .index_first_banner_swiper .swiper-slide {
    height: 260px;
  }
}
@media (min-width: 1200px) {
  .index_first_banner_swiper .swiper-slide {
    height: 520px;
  }
}
.index_first_banner_swiper .swiper-slide .cover {
  overflow: hidden;
  position: absolute;
  min-width: 50%;
  background-color: rgba(0, 0, 0, 0.3);
}
@media (max-width: 767px) {
  .index_first_banner_swiper .swiper-slide .cover {
    left: 0;
    top: 2rem;
    height: 3.09333333rem;
    width: 7.10666667rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .index_first_banner_swiper .swiper-slide .cover {
    top: 75px;
    height: 116px;
    width: 50%;
    margin-left: -84px;
  }
}
@media (min-width: 1200px) {
  .index_first_banner_swiper .swiper-slide .cover {
    top: 209px;
    height: 183px;
    width: 50%;
    margin-left: -113px;
  }
}
.index_first_banner_swiper .swiper-slide .cover .cover_text {
  float: right;
  font-family: "Arial", sans-serif;
  color: #fff;
}
@media (max-width: 767px) {
  .index_first_banner_swiper .swiper-slide .cover .cover_text {
    width: 6.13333333rem;
    margin: 0.53333333rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .index_first_banner_swiper .swiper-slide .cover .cover_text {
    width: 232px;
    margin: 20px;
  }
}
@media (min-width: 1200px) {
  .index_first_banner_swiper .swiper-slide .cover .cover_text {
    width: 487px;
    margin: 25px 45px 25px 0;
    padding-left: 90px;
  }
}
.index_first_banner_swiper .swiper-slide .cover .cover_text .banner_h3 {
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .index_first_banner_swiper .swiper-slide .cover .cover_text .banner_h3 {
    font-size: 0.26666667rem;
    height: 0.64rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .index_first_banner_swiper .swiper-slide .cover .cover_text .banner_h3 {
    font-size: 10px;
    height: 24px;
  }
}
@media (min-width: 1200px) {
  .index_first_banner_swiper .swiper-slide .cover .cover_text .banner_h3 {
    font-size: 16px;
    height: 38.4px;
  }
}
.index_first_banner_swiper .swiper-slide .cover .cover_text .banner_h2 {
  font-weight: 600;
}
@media (max-width: 767px) {
  .index_first_banner_swiper .swiper-slide .cover .cover_text .banner_h2 {
    font-size: 0.48rem;
    margin-top: 0.13333333rem;
    margin-bottom: 0.13333333rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .index_first_banner_swiper .swiper-slide .cover .cover_text .banner_h2 {
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 10px;
  }
}
@media (min-width: 1200px) {
  .index_first_banner_swiper .swiper-slide .cover .cover_text .banner_h2 {
    font-size: 30px;
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .index_first_banner_swiper .swiper-slide .cover .cover_text .banner_more {
    font-size: 0.26666667rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .index_first_banner_swiper .swiper-slide .cover .cover_text .banner_more {
    font-size: 10px;
  }
}
@media (min-width: 1200px) {
  .index_first_banner_swiper .swiper-slide .cover .cover_text .banner_more {
    font-size: 16px;
  }
}
.index_first_banner_swiper .swiper-slide .cover .cover_text .banner_more .iconfont {
  font-size: 1.2em;
  margin-left: 0.5em;
}
.index_section .section_title {
  text-align: center;
}
.index_section .section_title hgroup h2 {
  color: #000;
}
.index_section .section_title hgroup h3 {
  color: #666;
}
@media (max-width: 767px) {
  .index_section .section_title .appear_title {
    width: 1.92rem;
  }
  .index_section .section_title hgroup h2 {
    font-size: 0.48rem;
  }
  .index_section .section_title hgroup h3 {
    font-size: 0.26666667rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .index_section .section_title .appear_title {
    width: 82px;
  }
  .index_section .section_title hgroup h2 {
    font-size: 15px;
  }
  .index_section .section_title hgroup h3 {
    font-size: 10px;
  }
}
@media (min-width: 1200px) {
  .index_section .section_title hgroup h2 {
    font-size: 30px;
  }
  .index_section .section_title hgroup h3 {
    font-size: 20px;
  }
}
.index_section_counter .counter_col_0,
.index_section_counter .counter_col_1,
.index_section_counter .counter_col_2,
.index_section_counter .counter_col_3,
.index_section_counter .counter_col_4 {
  float: left;
  width: 20%;
  height: 195px;
  padding: 20px;
  background: #ffffff;
}
@media (max-width: 767px) {
  .index_section_counter .counter_col_0,
  .index_section_counter .counter_col_1,
  .index_section_counter .counter_col_2,
  .index_section_counter .counter_col_3,
  .index_section_counter .counter_col_4 {
    float: left;
    width: 50%;
    background: #f0f0f0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .index_section_counter .counter_col_0,
  .index_section_counter .counter_col_1,
  .index_section_counter .counter_col_2,
  .index_section_counter .counter_col_3,
  .index_section_counter .counter_col_4 {
    background: #f0f0f0;
  }
}
@media (min-width: 1200px) {
  .index_section_counter .counter_col_0,
  .index_section_counter .counter_col_1,
  .index_section_counter .counter_col_2,
  .index_section_counter .counter_col_3 {
    border-right: 1px solid #999;
  }
}
@media (max-width: 767px) {
  .index_section_counter .counter_col_0 {
    height: 2.54666667rem;
  }
  .index_section_counter .counter_col_1 {
    height: 5.41333333rem;
  }
  .index_section_counter .counter_col_2 {
    height: 5.41333333rem;
  }
  .index_section_counter .counter_col_3 {
    height: 5.41333333rem;
  }
  .index_section_counter .counter_col_4 {
    height: 2.54666667rem;
  }
}
.index_section_counter .icon_row {
  font-size: 40px;
  text-align: left;
  width: 60px;
  height: 60px;
  color: #999;
}
.index_section_counter .text_row {
  font-size: 20px;
  line-height: 1.5;
  text-align: right;
  color: #999;
}
.index_section_counter .num_row {
  color: #008cd7;
  line-height: 48px;
}
.index_section_counter .num_row .style_counter {
  font-size: 40px;
}
.index_section_counter .num_row .unit {
  font-size: 40px;
}
.index_section_counter .num_row .othertext {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 20px;
  color: #999;
}
.index_section_APPLICATION .swiper-button-prev,
.index_section_APPLICATION .swiper-button-next {
  font-size: 90px;
  margin-top: -80px;
  background: none;
  color: #008cd7;
}
.index_section_APPLICATION .swiper-button-prev.swiper-button-disabled,
.index_section_APPLICATION .swiper-button-next.swiper-button-disabled {
  opacity: 1;
  color: #dedede;
}
@media (max-width: 767px) {
  .index_section_APPLICATION .swiper-button-prev,
  .index_section_APPLICATION .swiper-button-next {
    display: none;
  }
}
.index_section_APPLICATION .swiper-button-prev {
  left: -40px;
  /*background:url(../snowkey_image/left-g.png) center no-repeat;*/
}
.index_section_APPLICATION .swiper-button-prev:hover {
  color: #dedede;
}
.index_section_APPLICATION .swiper-button-next {
  right: -40px;
  /*background:url(../snowkey_image/right-g.png) center no-repeat;*/
}
.index_section_APPLICATION .swiper-button-next:hover {
  color: #dedede;
}
@media (max-width: 767px) {
  .index_section_APPLICATION .sApplication_wrapper {
    height: 16.86666667rem;
    width: 9.52rem;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .index_section_APPLICATION .sApplication_wrapper {
    height: 589px;
    width: 768px;
  }
}
@media (min-width: 1200px) {
  .index_section_APPLICATION .sApplication_wrapper {
    height: 927px;
    width: 1200px;
  }
}
.index_section_APPLICATION .sApplication_wrapper .img-box {
  height: 100%;
  width: 100%;
}
.index_section_APPLICATION .sApplication_box {
  color: #fff;
}
.index_section_APPLICATION .sApplication_box .cover {
  display: none;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
@media (max-width: 767px) {
  .index_section_APPLICATION .sApplication_box .cover {
    font-size: 0.37333333rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .index_section_APPLICATION .sApplication_box .cover {
    font-size: 17px;
  }
}
@media (min-width: 1200px) {
  .index_section_APPLICATION .sApplication_box .cover {
    font-size: 24px;
  }
}
.index_section_APPLICATION .sApplication_box .cover hgroup {
  vertical-align: middle;
}
.index_section_APPLICATION .sApplication_box .cover .underline {
  display: block;
  height: 1px;
  width: 2em;
  margin: 1em auto;
  background: #fff;
}
.index_section_APPLICATION .sApplication_box .bottom-title {
  display: block;
}
.index_section_APPLICATION .sApplication_box:hover .cover {
  display: flex;
}
.index_section_APPLICATION .sApplication_box:hover .bottom-title {
  display: none;
}
.index_section_LINKS .swiper-pagination {
  position: relative;
  bottom: 0px;
  padding-top: 20px;
}
.index_section_LINKS .swiper-pagination .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
}
.index_section_LINKS .section-link-logo .mbp {
  background-color: #f6f6f6;
}
@media (max-width: 767px) {
  .index_section_LINKS .section-link-logo .mbp {
    margin: 0.16rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .index_section_LINKS .section-link-logo .mbp {
    margin: 7px;
  }
}
@media (min-width: 1200px) {
  .index_section_LINKS .section-link-logo .mbp {
    margin: 5px;
  }
}
.index_section_LINKS .section-link-logo .img-box {
  padding-bottom: 43.47826087%;
}
.index_section_LINKS .section-link-logo .img-box .img-center {
  max-width: 73.91304348%;
}
.index_section_LINKS .section-link-logo .link_name {
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  width: 100%;
  height: 3em;
  font-size: 14px;
  color: #666;
}
.index_section_LINKS .section-link-logo .link_name .ellipsis {
  padding: 0 10%;
}
.index_section_LINKS .section-link-logo .link_name .topline {
  display: inline-block;
  height: 1px;
  width: 4em;
  background-color: #a2a4b4;
}
@media (min-width: 1200px) {
  .index_section_LINKS .section-link-logo .css_hover:hover .img-box {
    box-shadow: 0 0 15px 4px rgba(0, 0, 0, 0.35);
  }
  .index_section_LINKS .section-link-logo .css_hover:hover .img-center {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    transform: translate(0, -20px);
  }
  .index_section_LINKS .section-link-logo .css_hover:hover .link_name {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 1;
    transform: translate(0, 20px);
  }
}
.index_section_LINKS .css_hover:hover {
  z-index: 4;
  box-shadow: 0 0 15px 4px rgba(0, 0, 0, 0.35);
}
.index_section_LINKS .css_hover:hover .img-center {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transform: scale(1.1);
}
.marketing_link hgroup h2 {
  color: #000;
}
.marketing_link hgroup h3 {
  color: #666;
}
@media (max-width: 767px) {
  .marketing_link .appear_title {
    width: 1.92rem;
  }
  .marketing_link hgroup h2 {
    font-size: 0.48rem;
  }
  .marketing_link hgroup h3 {
    font-size: 0.26666667rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .marketing_link .appear_title {
    width: 82px;
  }
  .marketing_link hgroup h2 {
    font-size: 15px;
  }
  .marketing_link hgroup h3 {
    font-size: 10px;
  }
}
@media (min-width: 1200px) {
  .marketing_link hgroup h2 {
    font-size: 30px;
  }
  .marketing_link hgroup h3 {
    font-size: 20px;
  }
}
.marketing_link .mbp {
  background-color: #f6f6f6;
}
@media (max-width: 767px) {
  .marketing_link .mbp {
    margin: 0.16rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .marketing_link .mbp {
    margin: 7px;
  }
}
@media (min-width: 1200px) {
  .marketing_link .mbp {
    margin: 5px;
  }
}
@media (min-width: 1200px) {
  .marketing_link .market-list:nth-child(2n+1) .section_title {
    margin-left: -10%;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .marketing_link .market-list:nth-child(2n+1) .sm-mbp {
    margin: 14px 0 14px 0;
  }
}
@media (min-width: 1200px) {
  .marketing_link .market-list:nth-child(2n+1) .sm-mbp {
    margin: 14px 50px 14px 0;
  }
}
@media (min-width: 1200px) {
  .marketing_link .market-list:nth-child(2n+2) .section_title {
    margin-right: -10%;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .marketing_link .market-list:nth-child(2n+2) .sm-mbp {
    margin: 14px 0 14px 0;
  }
}
@media (min-width: 1200px) {
  .marketing_link .market-list:nth-child(2n+2) .sm-mbp {
    margin: 14px 0 14px 50px;
  }
}
@media (max-width: 767px) {
  .marketing_link .sm-mbp {
    margin: 0rem;
  }
}
.marketing_link .sm-mbp .img-box {
  height: 56.61764706%;
  padding-bottom: 0;
}
.marketing_link .img-box {
  padding-bottom: 52.08333333%;
}
.marketing_link .img-box .img-center {
  max-width: 73.91304348%;
}
.marketing_link .market_desc {
  font-size: 18px;
  line-height: 1.8;
}
@media (max-width: 767px) {
  .marketing_link .market_desc {
    margin: 0.13333333rem;
    margin-left: 2.13333333rem;
    margin-right: 2.13333333rem;
    font-size: 0.26666667rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .marketing_link .market_desc {
    margin: 14px 100px;
  }
}
@media (min-width: 1200px) {
  .marketing_link .market_desc {
    margin: 18px 118px;
  }
}
@media (max-width: 767px) {
  .marketing_link .iconfont {
    font-size: 0.26666667rem;
    margin-right: 0.26666667rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .marketing_link .iconfont {
    font-size: 18px;
    margin-right: 10px;
  }
}
@media (min-width: 1200px) {
  .marketing_link .iconfont {
    font-size: 20px;
    margin-right: 14px;
  }
}
@media (max-width: 767px) {
  .marketing_link .icon-arrowRight {
    margin-left: 0.26666667rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .marketing_link .icon-arrowRight {
    margin-left: 10px;
  }
}
@media (min-width: 1200px) {
  .marketing_link .icon-arrowRight {
    margin-left: 14px;
  }
}
@media (max-width: 767px) {
  .marketing_link .ajax-more {
    font-size: 0.26666667rem;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .marketing_link .ajax-more {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .marketing_link .ajax-more {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.marketing_link .ajax-more .iconfont {
  margin-left: 4px;
  margin-right: 0;
}
.marketing_link .link_name {
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  width: 100%;
  height: 3em;
  font-size: 14px;
  color: #666;
}
.marketing_link .link_name .ellipsis {
  padding: 0 10%;
}
.marketing_link .link_name .topline {
  display: inline-block;
  height: 1px;
  width: 4em;
  background-color: #a2a4b4;
}
@media (min-width: 1200px) {
  .marketing_link .css_hover:hover .img-box {
    box-shadow: 0 0 15px 4px rgba(0, 0, 0, 0.35);
  }
  .marketing_link .css_hover:hover .img-center {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    transform: translate(0, -20px);
  }
  .marketing_link .css_hover:hover .link_name {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 1;
    transform: translate(0, 20px);
  }
}
.marketing_product_box {
  font-size: 0;
}
.marketing_product_box .foot_title {
  font-size: 0;
}
.marketing_product_box .foot_title h5 {
  line-height: 1.33333333;
}
@media (max-width: 767px) {
  .marketing_product_box .foot_title h5 {
    font-size: 0.16rem;
    height: 0.42666667rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .marketing_product_box .foot_title h5 {
    font-size: 12px;
    height: 32px;
  }
}
@media (min-width: 1200px) {
  .marketing_product_box .foot_title h5 {
    font-size: 12px;
    height: 32px;
  }
}
.page_banner {
  z-index: 4;
  color: #fff;
}
@media (max-width: 767px) {
  .page_banner {
    height: 4rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page_banner {
    height: 300px;
  }
}
@media (min-width: 1200px) {
  .page_banner {
    height: 300px;
  }
}
@media (max-width: 767px) {
  .page_banner h2 {
    font-size: 0.48rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page_banner h2 {
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .page_banner h2 {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .page_banner h3 {
    font-size: 0.29333333rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page_banner h3 {
    font-size: 11px;
  }
}
@media (min-width: 1200px) {
  .page_banner h3 {
    font-size: 16px;
  }
}
.page_banner hgroup {
  vertical-align: middle;
}
.page_banner hgroup .dis-ib {
  height: 1px;
  width: 2em;
  background: #fff;
}
@media (max-width: 767px) {
  .page_banner hgroup .dis-ib {
    margin-top: 0.33333333rem;
    margin-bottom: 0.2rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page_banner hgroup .dis-ib {
    margin: 25px auto 15px;
  }
}
@media (min-width: 1200px) {
  .page_banner hgroup .dis-ib {
    margin: 25px auto 15px;
  }
}
@media (max-width: 767px) {
  .p3Investor_Relations_main .response-container {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .p3Investor_Relations_main .response-container {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 1200px) {
  .p3Investor_Relations_main .response-container {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.p3Investor_Relations_main .section_title {
  text-align: center;
  font-weight: bold;
  border-top: 1px solid #ececec;
  color: #464646;
}
@media (max-width: 767px) {
  .p3Investor_Relations_main .section_title {
    font-size: 0.21333333rem;
    padding-top: 0.48rem;
    padding-bottom: 0.33333333rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .p3Investor_Relations_main .section_title {
    font-size: 14px;
    padding-top: 40px;
    padding-bottom: 16px;
  }
}
@media (min-width: 1200px) {
  .p3Investor_Relations_main .section_title {
    font-size: 16px;
    padding-top: 40px;
    padding-bottom: 35px;
  }
}
.p3Investor_Relations_main #company_profile {
  color: #6a6a6a;
  line-height: 1.66666667;
}
@media (max-width: 767px) {
  .p3Investor_Relations_main #company_profile {
    font-size: 0.32rem;
    margin-bottom: 0.4rem;
  }
  .p3Investor_Relations_main #company_profile .key {
    margin-left: 0.6rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .p3Investor_Relations_main #company_profile {
    font-size: 12px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .p3Investor_Relations_main #company_profile {
    font-size: 14px;
    margin-bottom: 30px;
  }
  .p3Investor_Relations_main #company_profile .key {
    margin-left: 60px;
  }
}
.p3Investor_Relations_main #company_announcement .classifiedAnnouncements {
  color: #6a6a6a;
  border-bottom: 1px dashed #ccc;
}
@media (max-width: 767px) {
  .p3Investor_Relations_main #company_announcement .classifiedAnnouncements {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .p3Investor_Relations_main #company_announcement .classifiedAnnouncements {
    padding: 10px 0 5px;
  }
}
@media (min-width: 1200px) {
  .p3Investor_Relations_main #company_announcement .classifiedAnnouncements {
    padding: 20px 0 15px;
  }
}
.p3Investor_Relations_main #company_announcement .classifiedAnnouncements .date {
  float: left;
  vertical-align: middle;
  line-height: 2em;
  height: 2em;
}
.p3Investor_Relations_main #company_announcement .classifiedAnnouncements .date:before {
  content: '|';
  color: #008cd7;
  margin-right: 10px;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .p3Investor_Relations_main #company_announcement .classifiedAnnouncements .date {
    width: 150px;
  }
}
@media (min-width: 1200px) {
  .p3Investor_Relations_main #company_announcement .classifiedAnnouncements .date {
    width: 150px;
  }
}
.p3Investor_Relations_main #company_announcement .classifiedAnnouncements .file_row {
  float: left;
}
@media (max-width: 767px) {
  .p3Investor_Relations_main #company_announcement .classifiedAnnouncements .file_row {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .p3Investor_Relations_main #company_announcement .classifiedAnnouncements .file_row {
    width: 557px;
  }
}
@media (min-width: 1200px) {
  .p3Investor_Relations_main #company_announcement .classifiedAnnouncements .file_row {
    width: 990px;
  }
}
.p3Investor_Relations_main #company_announcement .classifiedAnnouncements .file_row .file_name {
  vertical-align: middle;
  height: 2em;
}
.p3Investor_Relations_main #company_announcement .classifiedAnnouncements .file_row .file_name:before {
  content: '·';
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
  margin-right: 1em;
  color: #008cd7;
}
.p3Investor_Relations_main #company_announcement .classifiedAnnouncements .file_row .file_name .ellipsis {
  vertical-align: middle;
  display: inline-block;
}
@media (max-width: 767px) {
  .p3Investor_Relations_main #company_announcement .classifiedAnnouncements .file_row .file_name {
    width: 100%;
  }
  .p3Investor_Relations_main #company_announcement .classifiedAnnouncements .file_row .file_name .ellipsis {
    max-width: 6.24rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .p3Investor_Relations_main #company_announcement .classifiedAnnouncements .file_row .file_name {
    float: left;
    width: 450px;
  }
  .p3Investor_Relations_main #company_announcement .classifiedAnnouncements .file_row .file_name .ellipsis {
    max-width: 350px;
  }
}
@media (min-width: 1200px) {
  .p3Investor_Relations_main #company_announcement .classifiedAnnouncements .file_row .file_name {
    float: left;
    width: 650px;
  }
  .p3Investor_Relations_main #company_announcement .classifiedAnnouncements .file_row .file_name .ellipsis {
    max-width: 550px;
  }
}
.p3Investor_Relations_main #company_announcement .classifiedAnnouncements .file_row .file_name .icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 1.5em;
  width: 1.5em;
  margin: 0 0.2em;
}
.p3Investor_Relations_main #company_announcement .classifiedAnnouncements .file_row .file_name .size {
  display: inline-block;
  vertical-align: middle;
}
.p3Investor_Relations_main #company_announcement .classifiedAnnouncements .file_row .file_about {
  vertical-align: middle;
  height: 2em;
}
.p3Investor_Relations_main #company_announcement .classifiedAnnouncements .file_row .file_about:before {
  content: '·';
  visibility: hidden;
  margin-left: 20px;
  margin-right: 1em;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .p3Investor_Relations_main #company_announcement .classifiedAnnouncements .file_row .file_about {
    float: left;
    width: 107px;
  }
}
@media (min-width: 1200px) {
  .p3Investor_Relations_main #company_announcement .classifiedAnnouncements .file_row .file_about {
    float: left;
    width: 340px;
  }
}
.p3Investor_Relations_main .appearthead {
  background: #f7f7f7;
  color: #464646;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .p3Investor_Relations_main .appearth {
    font-size: 11px;
    line-height: 2.72727273;
  }
  .p3Investor_Relations_main .appearth:nth-child(1) {
    width: 150px;
    padding: 0 10px;
  }
  .p3Investor_Relations_main .appearth:nth-child(2) {
    width: 450px;
    padding: 0 10px;
  }
  .p3Investor_Relations_main .appearth:nth-child(3) {
    width: 107px;
    padding: 0 10px;
  }
}
@media (min-width: 1200px) {
  .p3Investor_Relations_main .appearth {
    font-size: 16px;
    line-height: 2.5;
  }
  .p3Investor_Relations_main .appearth:nth-child(1) {
    width: 150px;
    padding: 0 20px;
  }
  .p3Investor_Relations_main .appearth:nth-child(2) {
    width: 650px;
    padding: 0 20px;
  }
  .p3Investor_Relations_main .appearth:nth-child(3) {
    width: 340px;
    padding: 0 20px;
  }
}
@media (max-width: 767px) {
  #recruitment_info .recruitment_right {
    margin-left: 0.4rem;
    margin-right: 0.4rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #recruitment_info .recruitment_right {
    margin: 0 25px;
  }
}
@media (min-width: 1200px) {
  #recruitment_info .recruitment_right {
    float: right;
    width: 350px;
  }
}
#recruitment_info .recruitment_right .contactus_title {
  color: #464646;
}
@media (max-width: 767px) {
  #recruitment_info .recruitment_right .contactus_title {
    text-align: center;
    font-size: 0.37333333rem;
    padding-top: 0.46666667rem;
    padding-bottom: 0.46666667rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #recruitment_info .recruitment_right .contactus_title {
    text-align: center;
    font-size: 14px;
    padding: 10px 0;
  }
}
@media (min-width: 1200px) {
  #recruitment_info .recruitment_right .contactus_title {
    text-align: left;
    font-size: 16px;
    padding: 20px 0;
    border-bottom: 1px solid #ccc;
  }
}
#recruitment_info .recruitment_right .contactus_list {
  color: #6a6a6a;
}
@media (max-width: 767px) {
  #recruitment_info .recruitment_right .contactus_list {
    font-size: 0.16rem;
    line-height: 0.53333333rem;
    margin-bottom: 0.26666667rem;
    padding-bottom: 0.26666667rem;
    border-bottom: 1px solid #ccc;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #recruitment_info .recruitment_right .contactus_list {
    font-size: 12px;
    line-height: 20px;
    border-bottom: 1px solid #ccc;
  }
}
@media (min-width: 1200px) {
  #recruitment_info .recruitment_right .contactus_list {
    font-size: 14px;
    line-height: 30px;
  }
}
@media (max-width: 767px) {
  #recruitment_info .recruitment_right .contactus_list .contactus_item {
    margin-top: 0.26666667rem;
    margin-bottom: 0.26666667rem;
    padding-left: 4em;
    text-indent: -2em;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #recruitment_info .recruitment_right .contactus_list .contactus_item {
    margin: 10px 15px 10px 0;
  }
}
@media (min-width: 1200px) {
  #recruitment_info .recruitment_right .contactus_list .contactus_item {
    margin: 20px 0;
    padding-left: 4em;
    text-indent: -2em;
  }
}
#recruitment_info .recruitment_right .contactus_list .fa {
  color: #c6c6c6;
  margin-right: 0.5em;
}
@media (max-width: 767px) {
  #recruitment_info .recruitment_left {
    margin-left: 0.4rem;
    margin-right: 0.4rem;
  }
}
@media (min-width: 1200px) {
  #recruitment_info .recruitment_left {
    float: left;
    width: 790px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #recruitment_info .recruitment_info_list {
    width: 768px;
    margin: 0 auto;
    padding: 0 30px;
  }
}
#recruitment_info .recruitment_info_list .recruitment_info_item {
  border-bottom: 1px dashed #ccc;
}
@media (max-width: 767px) {
  #recruitment_info .recruitment_info_list .recruitment_info_item {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #recruitment_info .recruitment_info_list .recruitment_info_item {
    padding: 10px 0 5px;
  }
}
@media (min-width: 1200px) {
  #recruitment_info .recruitment_info_list .recruitment_info_item {
    padding: 20px 0 15px;
  }
}
@media (max-width: 767px) {
  #recruitment_info .recruitment_info_list .recruitment_info_item .money,
  #recruitment_info .recruitment_info_list .recruitment_info_item .node {
    font-size: 0.37333333rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #recruitment_info .recruitment_info_list .recruitment_info_item .money,
  #recruitment_info .recruitment_info_list .recruitment_info_item .node {
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  #recruitment_info .recruitment_info_list .recruitment_info_item .money,
  #recruitment_info .recruitment_info_list .recruitment_info_item .node {
    font-size: 16px;
  }
}
#recruitment_info .recruitment_info_list .recruitment_info_item .node {
  color: #464646;
  vertical-align: middle;
}
#recruitment_info .recruitment_info_list .recruitment_info_item .node:before {
  vertical-align: top;
  content: '|';
  font-weight: bold;
  margin-right: 1em;
  color: #008cd7;
  line-height: 1;
}
#recruitment_info .recruitment_info_list .recruitment_info_item .money {
  float: right;
  color: #6a6a6a;
}
#recruitment_info .recruitment_info_list .recruitment_info_item .money .font-red {
  color: #e50000;
}
#recruitment_info .recruitment_info_list .recruitment_info_item .date {
  line-height: 2.5;
  color: #999;
}
@media (max-width: 767px) {
  #recruitment_info .recruitment_info_list .recruitment_info_item .date {
    font-size: 0.29333333rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #recruitment_info .recruitment_info_list .recruitment_info_item .date {
    font-size: 11px;
  }
}
@media (min-width: 1200px) {
  #recruitment_info .recruitment_info_list .recruitment_info_item .date {
    font-size: 12px;
  }
}
#recruitment_info .recruitment_info_list .recruitment_info_item .address {
  line-height: 1.66666667;
  color: #999;
  margin-top: 0.3em;
  margin-bottom: 0.5em;
}
@media (max-width: 767px) {
  #recruitment_info .recruitment_info_list .recruitment_info_item .address {
    font-size: 0.37333333rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #recruitment_info .recruitment_info_list .recruitment_info_item .address {
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  #recruitment_info .recruitment_info_list .recruitment_info_item .address {
    font-size: 14px;
  }
}
#recruitment_info .recruitment_info_list .recruitment_info_item .address .more {
  float: right;
  vertical-align: middle;
  text-align: center;
  line-height: 32px;
  height: 32px;
  width: 88px;
}
#recruitment_info .recruitment_info_list .recruitment_info_item .address .more:hover {
  background-color: #008cd7;
  color: #fff;
}
@media (max-width: 767px) {
  .mbp_nine_grid.two {
    margin-top: 0rem;
    margin-right: 0.4rem;
    margin-bottom: 0rem;
    margin-left: 0.4rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .mbp_nine_grid.two {
    margin: 0 12px;
  }
  .mbp_nine_grid.two .index_news {
    padding: 12px 14px 12px 14px;
  }
}
@media (min-width: 1200px) {
  .mbp_nine_grid.two {
    margin: 0 13px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .mbp_nine_grid.mt0 {
    margin-top: 0;
  }
}
@media (min-width: 1200px) {
  .mbp_nine_grid.mt0 {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .mbp_nine_grid {
    margin-top: 0.21333333rem;
    margin-right: 0.4rem;
    margin-bottom: 0.21333333rem;
    margin-left: 0.4rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .mbp_nine_grid {
    margin: 12px 12px;
  }
}
@media (min-width: 1200px) {
  .mbp_nine_grid {
    margin: 10px 13px;
  }
}
.border_ec {
  border: 1px solid #ececec;
}
#corporate_honor .mbp .bottom-title {
  display: none;
}
#corporate_honor .mbp:hover .bottom-title {
  display: block;
}
#engineering_case .mbp:hover .describe,
#team_demeanor .mbp:hover .describe {
  background-color: #008cd7;
  color: #fff;
}
#engineering_case .mbp:hover h5.ellipsis,
#team_demeanor .mbp:hover h5.ellipsis {
  color: #fff;
}
.bottom-title {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 140, 215, 0.5);
  color: #fff;
}
.bottom-title,
.describe {
  width: 100%;
}
@media (max-width: 767px) {
  .bottom-title,
  .describe {
    height: 1.16rem;
    padding-top: 0.2rem;
    padding-right: 0.4rem;
    padding-bottom: 0.2rem;
    padding-left: 0.26666667rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .bottom-title,
  .describe {
    height: 62px;
    padding: 12px 14px 15px 20px;
  }
}
@media (min-width: 1200px) {
  .bottom-title,
  .describe {
    height: 87px;
    padding: 20px 20px 10px 20px;
  }
}
.bottom-title .floatL,
.describe .floatL {
  width: 70%;
}
.bottom-title .floatL h3.ellipsis,
.describe .floatL h3.ellipsis {
  color: #fff;
}
@media (max-width: 767px) {
  .bottom-title .floatL h3.ellipsis,
  .describe .floatL h3.ellipsis {
    font-size: 0.37333333rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .bottom-title .floatL h3.ellipsis,
  .describe .floatL h3.ellipsis {
    font-size: 17px;
  }
}
@media (min-width: 1200px) {
  .bottom-title .floatL h3.ellipsis,
  .describe .floatL h3.ellipsis {
    font-size: 24px;
  }
}
.bottom-title .floatL h4.ellipsis,
.describe .floatL h4.ellipsis {
  color: #a3cbeb;
}
@media (max-width: 767px) {
  .bottom-title .floatL h4.ellipsis,
  .describe .floatL h4.ellipsis {
    font-size: 0.21333333rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .bottom-title .floatL h4.ellipsis,
  .describe .floatL h4.ellipsis {
    font-size: 11px;
  }
}
@media (min-width: 1200px) {
  .bottom-title .floatL h4.ellipsis,
  .describe .floatL h4.ellipsis {
    font-size: 14px;
  }
}
.bottom-title .floatL h5.ellipsis,
.describe .floatL h5.ellipsis {
  color: #6a6a6a;
}
@media (max-width: 767px) {
  .bottom-title .floatL h5.ellipsis,
  .describe .floatL h5.ellipsis {
    font-size: 0.34666667rem;
    line-height: 0.50666667rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .bottom-title .floatL h5.ellipsis,
  .describe .floatL h5.ellipsis {
    font-size: 13px;
    line-height: 32px;
  }
}
@media (min-width: 1200px) {
  .bottom-title .floatL h5.ellipsis,
  .describe .floatL h5.ellipsis {
    font-size: 14px;
    line-height: 40px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .bottom-title .floatL h4.lineclamp,
  .describe .floatL h4.lineclamp {
    line-height: 1.66666667;
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  .bottom-title .floatL h4.lineclamp,
  .describe .floatL h4.lineclamp {
    line-height: 1.71428571;
    font-size: 14px;
  }
}
.bottom-title .floatR,
.describe .floatR {
  vertical-align: middle;
  text-align: center;
  border-radius: 50%;
  background: #fff;
  color: #b1b1b1;
}
@media (max-width: 767px) {
  .bottom-title .floatR,
  .describe .floatR {
    font-size: 0.21333333rem;
    line-height: 0.50666667rem;
    height: 0.50666667rem;
    width: 0.50666667rem;
    margin-top: 0.13333333rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .bottom-title .floatR,
  .describe .floatR {
    font-size: 16px;
    line-height: 32px;
    height: 32px;
    width: 32px;
  }
}
@media (min-width: 1200px) {
  .bottom-title .floatR,
  .describe .floatR {
    font-size: 18px;
    line-height: 40px;
    width: 40px;
    height: 40px;
  }
}
.index_news {
  background-color: #f8f8f8;
}
@media (max-width: 767px) {
  .index_news {
    padding-top: 0.2rem;
    padding-right: 0.4rem;
    padding-bottom: 0.26666667rem;
    padding-left: 0.26666667rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .index_news {
    padding: 12px 14px 16px 20px;
  }
}
@media (min-width: 1200px) {
  .index_news {
    padding: 20px 20px 20px 20px;
  }
}
.index_news .title {
  font-weight: bold;
}
@media (max-width: 767px) {
  .index_news .title {
    padding-bottom: 0.2rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .index_news .title {
    padding-bottom: 10px;
  }
}
@media (min-width: 1200px) {
  .index_news .title {
    padding-bottom: 10px;
  }
}
.index_news .two_line_title {
  font-weight: bold;
}
@media (max-width: 767px) {
  .index_news .two_line_title {
    margin-bottom: 0.2rem;
    height: 0.56rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .index_news .two_line_title {
    margin-bottom: 9px;
    height: 38px;
  }
}
@media (min-width: 1200px) {
  .index_news .two_line_title {
    margin-bottom: 9px;
    height: 42px;
  }
}
.index_news .content {
  color: #999;
  line-height: 2.33333333;
  overflow: hidden;
}
@media (max-width: 767px) {
  .index_news .content {
    margin-bottom: 0.24rem;
    line-height: 1.66666667;
    height: 0.96rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .index_news .content {
    margin-bottom: 14px;
    height: 116px;
  }
}
@media (min-width: 1200px) {
  .index_news .content {
    margin-bottom: 18px;
    height: 86px;
  }
}
.index_news .date {
  display: inline-block;
  vertical-align: middle;
  color: #999;
}
.index_news .floatL {
  width: 70%;
}
.index_news .floatR {
  vertical-align: middle;
  text-align: center;
  border-radius: 50%;
  color: #b1b1b1;
}
@media (max-width: 767px) {
  .index_news .floatR {
    font-size: 0.21333333rem;
    line-height: 0.50666667rem;
    height: 0.50666667rem;
    width: 0.50666667rem;
    margin-top: 0.13333333rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .index_news .floatR {
    font-size: 14px;
    line-height: 32px;
    height: 32px;
    width: 32px;
  }
}
@media (min-width: 1200px) {
  .index_news .floatR {
    font-size: 16px;
  }
}
.development_history {
  margin-top: 20px;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .development_history {
    margin-left: 0.4rem;
    margin-right: 0.4rem;
  }
}
@media (min-width: 1200px) {
  .development_history {
    margin-top: 130px;
  }
}
.development_history .historical_line {
  position: absolute;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: #ececec;
}
@media (max-width: 767px) {
  .development_history .historical_line {
    left: 0.26666667rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .development_history .historical_line {
    left: 10px;
  }
}
@media (min-width: 1200px) {
  .development_history .historical_line {
    left: 50%;
  }
}
.development_history .historical_event {
  position: relative;
  border: 1px solid #ececec;
}
@media (max-width: 767px) {
  .development_history .historical_event {
    width: 8.25333333rem;
    margin-left: 0.53333333rem;
    margin-top: 0.53333333rem;
    margin-bottom: 0.53333333rem;
  }
  .development_history .historical_event .event_point_style {
    left: -0.82666667rem;
  }
  .development_history .historical_event .event_caret_style {
    left: -0.4em;
  }
  .development_history .historical_event .event_caret_style:before {
    content: "\f0d9";
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .development_history .historical_event {
    width: 679px;
    margin: 15px 0 15px 32px;
  }
  .development_history .historical_event .event_point_style {
    left: -28px;
  }
  .development_history .historical_event .event_caret_style {
    left: -0.4em;
  }
  .development_history .historical_event .event_caret_style:before {
    content: "\f0d9";
  }
}
@media (min-width: 1200px) {
  .development_history .historical_event {
    width: 549px;
    margin-top: -90px;
  }
  .development_history .historical_event:nth-child(odd) {
    left: 50%;
    margin-left: 51px;
  }
  .development_history .historical_event:nth-child(odd) .event_point_style {
    left: -51px;
    margin-left: -0.4em;
  }
  .development_history .historical_event:nth-child(odd) .event_caret_style {
    left: -0.3em;
  }
  .development_history .historical_event:nth-child(odd) .event_caret_style:before {
    content: "\f0d9";
  }
  .development_history .historical_event:nth-child(even) .event_point_style {
    right: -51px;
    margin-right: -0.4em;
  }
  .development_history .historical_event:nth-child(even) .event_caret_style {
    right: -0.3em;
  }
  .development_history .historical_event:nth-child(even) .event_caret_style:before {
    content: "\f0da";
  }
}
.development_history .historical_event .event_point_style {
  display: block;
  bottom: 0.7em;
  position: absolute;
  height: 0.7em;
  width: 0.7em;
  border: solid 2px #cfcfcf;
  border-radius: 50%;
  background-color: #ffffff;
}
.development_history .historical_event .event_caret_style {
  position: absolute;
  bottom: 0.6em;
  color: #f7f7f7;
}
.development_history .historical_event:hover .event_point_style {
  border: solid 2px #008cd7;
}
.development_history .historical_event:hover .event_caret_style {
  color: #008cd7;
}
.development_history .historical_event .media_left {
  display: inline-block;
  vertical-align: top;
}
@media (max-width: 767px) {
  .development_history .historical_event .media_left {
    width: 2.53333333rem;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    padding-top: 0.53333333rem;
    padding-bottom: 0.53333333rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .development_history .historical_event .media_left {
    width: 95px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .development_history .historical_event .media_left {
    width: 190px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.development_history .historical_event .media_right {
  display: inline-block;
  vertical-align: top;
  line-height: 1.71428571;
  color: #6a6a6a;
}
@media (max-width: 767px) {
  .development_history .historical_event .media_right {
    font-size: 0.34666667rem;
    width: 5.45333333rem;
    padding-top: 0.4rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .development_history .historical_event .media_right {
    font-size: 13px;
    width: 574px;
    padding-top: 20px;
  }
}
@media (min-width: 1200px) {
  .development_history .historical_event .media_right {
    font-size: 14px;
    width: 349px;
    padding-top: 40px;
  }
}
.development_history .historical_event .historical_date {
  line-height: 2.4;
  background-color: #f7f7f7;
  color: #999;
}
@media (max-width: 767px) {
  .development_history .historical_event .historical_date {
    font-size: 0.4rem;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .development_history .historical_event .historical_date {
    font-size: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 1200px) {
  .development_history .historical_event .historical_date {
    font-size: 26px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
.development_history .historical_event:hover {
  border: 1px solid #008cd7;
}
.development_history .historical_event:hover .historical_date {
  background-color: #008cd7;
  color: #fff;
}
@media (max-width: 767px) {
  .contact_us_info {
    padding-top: 0.66666667rem;
    padding-bottom: 0.66666667rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .contact_us_info {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}
@media (min-width: 1200px) {
  .contact_us_info {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .contact_us_info .col:nth-child(even) .mbp {
    border-left: 1px solid #ececec;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .contact_us_info .col + .col .mbp {
    border-left: 1px solid #ececec;
  }
}
@media (min-width: 1200px) {
  .contact_us_info .col + .col .mbp {
    border-left: 1px solid #ececec;
  }
}
@media (max-width: 767px) {
  .contact_us_info .mbp {
    height: 2.93333333rem;
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .contact_us_info .mbp {
    font-size: 16px;
    height: 100px;
  }
}
@media (min-width: 1200px) {
  .contact_us_info .mbp {
    font-size: 16px;
    height: 150px;
  }
}
.contact_us_info .fa {
  margin-top: -1em;
  margin-bottom: 0.5em;
  color: #008cd7;
}
@media (max-width: 767px) {
  .contact_us_info .fa {
    font-size: 0.66666667rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .contact_us_info .fa {
    font-size: 25px;
  }
}
@media (min-width: 1200px) {
  .contact_us_info .fa {
    font-size: 40px;
  }
}
.contact_us_info .title {
  color: #6a6a6a;
}
@media (max-width: 767px) {
  .contact_us_info .title {
    font-size: 0.34666667rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .contact_us_info .title {
    font-size: 13px;
  }
}
@media (min-width: 1200px) {
  .contact_us_info .title {
    font-size: 16px;
  }
}
.contact_us_info .node {
  position: absolute;
  left: 10%;
  bottom: 0;
  width: 80%;
  color: #999;
  word-break: break-all;
}
@media (max-width: 767px) {
  .contact_us_info .node {
    font-size: 0.32rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .contact_us_info .node {
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  .contact_us_info .node {
    font-size: 14px;
  }
}
#baiduMap {
  height: 600px;
}
.ghost_line {
  margin: 20px;
  border-top: 1px solid #ececec;
  border-bottom: none;
}
@media (max-width: 767px) {
  .form_contact_us {
    margin-left: 0.4rem;
    margin-right: 0.4rem;
  }
}
@media (min-width: 1200px) {
  .form_contact_us {
    margin: 30px 40px 50px;
  }
}
@media (max-width: 767px) {
  .form_contact_us .mbp {
    margin: 0.26666667rem;
  }
}
@media (min-width: 1200px) {
  .form_contact_us .mbp {
    margin: 20px;
  }
}
.form_contact_us .appearlabel {
  position: absolute;
  display: block;
  text-align: center;
  color: #999;
}
@media (max-width: 767px) {
  .form_contact_us .appearlabel {
    font-size: 0.42666667rem;
    line-height: 0.96rem;
    height: 0.96rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .form_contact_us .appearlabel {
    font-size: 16px;
    line-height: 32px;
    height: 32px;
  }
}
@media (min-width: 1200px) {
  .form_contact_us .appearlabel {
    font-size: 16px;
    line-height: 50px;
    height: 50px;
  }
}
.form_contact_us .input-box .input-text,
.form_contact_us .input-box .input-select,
.form_contact_us .input-box .input-textarea {
  display: block;
  width: 100%;
  border: 1px solid #cbcbcb;
  border-radius: 10px;
  background: #fff;
  color: #999;
}
@media (max-width: 767px) {
  .form_contact_us .input-box .input-text,
  .form_contact_us .input-box .input-select,
  .form_contact_us .input-box .input-textarea {
    font-size: 0.32rem;
    line-height: 0.96rem;
    height: 0.96rem;
    padding-left: 0.26666667rem;
    padding-right: 0.26666667rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .form_contact_us .input-box .input-text,
  .form_contact_us .input-box .input-select,
  .form_contact_us .input-box .input-textarea {
    font-size: 12px;
    line-height: 32px;
    height: 32px;
    padding: 0 10px;
  }
}
@media (min-width: 1200px) {
  .form_contact_us .input-box .input-text,
  .form_contact_us .input-box .input-select,
  .form_contact_us .input-box .input-textarea {
    font-size: 14px;
    line-height: 50px;
    height: 50px;
    padding: 0 20px;
  }
}
.form_contact_us .input-box .input-select {
  cursor: pointer;
  -webkit-appearance: none ;
}
.form_contact_us .input-box .input-select + .appearSelectMenulist {
  position: absolute;
  top: 50%;
  right: 10px;
  font-size: 1.5em;
  margin-top: -0.5em;
  color: #999;
  cursor: pointer;
}
.form_contact_us .input-box .input-textarea {
  line-height: 1.5;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  .form_contact_us .input-box .input-textarea {
    height: 2.88rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .form_contact_us .input-box .input-textarea {
    height: 128px;
  }
}
@media (min-width: 1200px) {
  .form_contact_us .input-box .input-textarea {
    height: 150px;
  }
}
.form_contact_us .dotted_line {
  width: auto;
  border: 1px dashed #e1e1e1;
}
@media (max-width: 767px) {
  .form_contact_us .dotted_line {
    margin: 0.13333333rem 0.53333333rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .form_contact_us .dotted_line {
    margin: 5px 20px;
  }
}
@media (min-width: 1200px) {
  .form_contact_us .dotted_line {
    margin: 10px 40px;
  }
}
.form_contact_us .btn-submit {
  border: none;
  border-radius: 50px;
  background-color: #008cd7;
  color: #fff;
  cursor: pointer;
}
@media (max-width: 767px) {
  .form_contact_us .btn-submit {
    font-size: 0.32rem;
    line-height: 0.96rem;
    height: 0.96rem;
    width: 4.10666667rem;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .form_contact_us .btn-submit {
    font-size: 12px;
    line-height: 32px;
    height: 32px;
    width: 154px;
    margin: 16px auto;
  }
}
@media (min-width: 1200px) {
  .form_contact_us .btn-submit {
    font-size: 14px;
    line-height: 50px;
    height: 50px;
    width: 280px;
    margin: 20px auto;
  }
}
@media (max-width: 767px) {
  [lang="zh-cn"] .form_contact_us .appearlabel {
    width: 0.96rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  [lang="zh-cn"] .form_contact_us .appearlabel {
    width: 36px;
  }
}
@media (min-width: 1200px) {
  [lang="zh-cn"] .form_contact_us .appearlabel {
    width: 72px;
  }
}
@media (max-width: 767px) {
  [lang="zh-cn"] .form_contact_us .input-box {
    margin-left: 0.96rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  [lang="zh-cn"] .form_contact_us .input-box {
    margin-left: 36px;
  }
}
@media (min-width: 1200px) {
  [lang="zh-cn"] .form_contact_us .input-box {
    margin-left: 72px;
  }
}
@media (max-width: 767px) {
  [lang="en"] .form_contact_us .appearlabel {
    width: 2.08rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  [lang="en"] .form_contact_us .appearlabel {
    width: 78px;
  }
}
@media (min-width: 1200px) {
  [lang="en"] .form_contact_us .appearlabel {
    width: 117px;
  }
}
@media (max-width: 767px) {
  [lang="en"] .form_contact_us .input-box {
    margin-left: 2.08rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  [lang="en"] .form_contact_us .input-box {
    margin-left: 78px;
  }
}
@media (min-width: 1200px) {
  [lang="en"] .form_contact_us .input-box {
    margin-left: 117px;
  }
}
.product_list_hr {
  margin-top: 20px;
  border-bottom: none;
  border-top: 1px solid #ececec;
}
@media (max-width: 767px) {
  .product_list_hr {
    margin-left: 0.53333333rem;
    margin-right: 0.53333333rem;
  }
}
@media (max-width: 767px) {
  .product_list_title {
    margin-left: 0.53333333rem;
    margin-right: 0.53333333rem;
    padding-top: 0.26666667rem;
    padding-bottom: 0.26666667rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .product_list_title {
    padding: 10px;
  }
}
@media (min-width: 1200px) {
  .product_list_title {
    padding: 30px 0;
  }
}
.product_list_title .product_list_1st {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  font-size: 14px;
  line-height: 2.28571429;
  padding: 0 20px;
  border-radius: 16px;
  background: #008cd7;
  color: #fff;
}
@media (max-width: 767px) {
  .product_list_title .product_list_1st {
    font-size: 0.34666667rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .product_list_title .product_list_1st {
    font-size: 13px;
  }
}
@media (min-width: 1200px) {
  .product_list_title .product_list_1st {
    font-size: 16px;
  }
}
.product_list_title .product_list_2nd {
  font-size: 16px;
  font-weight: normal;
  color: #464646;
}
.product_list_title .product_list_2nd:before {
  content: '|';
  color: #008cd7;
  padding-right: 0.5em;
}
.product_list_title .more {
  float: right;
  color: #6a6a6a;
}
@media (max-width: 767px) {
  .product_list_title .more {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .product_list_title .more {
    top: 5px;
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  .product_list_title .more {
    font-size: 14px;
  }
}
.product_item:hover .cover {
  display: block;
}
.product_item .cover {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 140, 215, 0.8);
  color: #fff;
}
.product_item .cover .dis-ib {
  width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.product_item .cover h4 {
  font-size: 16px;
}
.product_item .cover h5 {
  font-size: 16px;
  line-height: 26px;
}
.product_item .foot_title h3 {
  font-weight: bold;
  line-height: 2.66666667;
  color: #464646;
}
@media (max-width: 767px) {
  .product_item .foot_title h3 {
    font-size: 0.32rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .product_item .foot_title h3 {
    font-size: 12px;
    line-height: 16px;
    height: 16px;
  }
}
@media (min-width: 1200px) {
  .product_item .foot_title h3 {
    font-size: 16px;
    line-height: 30px;
    height: 30px;
  }
}
.product_item .foot_title h4 {
  color: #6a6a6a;
}
@media (max-width: 767px) {
  .product_item .foot_title h4 {
    font-size: 0.29333333rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .product_item .foot_title h4 {
    font-size: 11px;
    line-height: 16px;
    height: 16px;
  }
}
@media (min-width: 1200px) {
  .product_item .foot_title h4 {
    font-size: 12px;
    line-height: 20px;
    height: 20px;
  }
}
.return_search_form {
  font-size: 0;
  text-align: center;
}
@media (max-width: 767px) {
  .return_search_form {
    margin-left: 0.4rem;
    margin-right: 0.4rem;
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .return_search_form {
    margin: 20px auto;
  }
}
@media (min-width: 1200px) {
  .return_search_form {
    margin: 40px auto;
  }
}
.return_search_form .appearselect {
  padding: 0 1.5em 0 0.5em;
  border: 1px solid #ddd;
  border-right: none;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}
.return_search_form .appearselect:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 1px;
  width: 1px;
  background-color: #dedede;
}
@media (max-width: 767px) {
  .return_search_form .appearselect:after {
    height: 0.34666667rem;
    margin-top: -0.17333333rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .return_search_form .appearselect:after {
    height: 12px;
    margin-top: -6px;
  }
}
@media (min-width: 1200px) {
  .return_search_form .appearselect:after {
    height: 20px;
    margin-top: -10px;
  }
}
@media (max-width: 767px) {
  .return_search_form .appearselect {
    font-size: 0.34666667rem;
    line-height: 0.8rem;
    height: 0.8rem;
    width: 2.53333333rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .return_search_form .appearselect {
    line-height: 30px;
    height: 30px;
    width: 10%;
  }
}
@media (min-width: 1200px) {
  .return_search_form .appearselect {
    height: 40px;
    width: 75px;
    background: #fff;
  }
}
.return_search_form .appearselect .input-text {
  vertical-align: top;
  text-align: center;
  font-size: 12px;
  width: 100%;
  height: 100%;
  border: none;
  background-color: #fff;
}
.return_search_form .appearselect b {
  position: absolute;
  top: 30%;
  right: 10px;
  font-size: 14px;
  color: #333;
  pointer-events: none;
}
.return_search_form .appearselect .appearselect-list {
  display: none;
  position: absolute;
  z-index: 9;
  top: 100%;
  right: 0;
  font-size: 12px;
  line-height: 2.66666667;
  width: 100%;
  background: #fff;
  color: #333;
}
.return_search_form .appearselect .appearselect-list .appearselect-item:hover {
  background: #f8f8f8;
  color: #008cd7;
  cursor: pointer;
}
.return_search_form .input-box {
  vertical-align: middle;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  color: #999;
}
@media (max-width: 767px) {
  .return_search_form .input-box {
    font-size: 0.34666667rem;
    line-height: 0.8rem;
    height: 0.8rem;
    width: 4rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .return_search_form .input-box {
    font-size: 13px;
    line-height: 30px;
    height: 30px;
    width: 292px;
  }
}
@media (min-width: 1200px) {
  .return_search_form .input-box {
    font-size: 12px;
    line-height: 40px;
    height: 40px;
    width: 580px;
  }
}
.return_search_form .input-box .input-text {
  display: block;
  height: 100%;
  width: 100%;
  line-height: inherit;
  border: none;
  padding: 0 1em;
}
.return_search_form .btn_submit {
  vertical-align: middle;
  padding: 0;
  border: none;
  background-color: #008cd7;
  background-image: none;
  color: #fff;
  cursor: pointer;
}
@media (max-width: 767px) {
  .return_search_form .btn_submit {
    font-size: 0.34666667rem;
    line-height: 0.8rem;
    height: 0.8rem;
    width: 2.4rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .return_search_form .btn_submit {
    font-size: 13px;
    line-height: 30px;
    height: 30px;
    width: 90px;
  }
}
@media (min-width: 1200px) {
  .return_search_form .btn_submit {
    font-size: 12px;
    line-height: 40px;
    height: 40px;
    width: 108px;
  }
}
.search_result {
  color: #666;
}
@media (max-width: 767px) {
  .search_result {
    font-size: 0.34666667rem;
    margin-left: 0.4rem;
    margin-right: 0.4rem;
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .search_result {
    font-size: 13px;
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
@media (min-width: 1200px) {
  .search_result {
    font-szie: 16px;
  }
}
.search_result .keywords {
  color: #008cd7;
}
.search_result .return_lenght {
  padding: 0 0.2em;
}
/*产品之窗详情*/
.product_content {
  margin: 30px auto;
}
@media (max-width: 767px) {
  .product_content {
    text-align: center;
  }
}
.pro_title h1 {
  font-weight: bold;
  line-height: 2.5;
  color: #008cd7;
}
.pro_title h2 {
  margin-bottom: 1em;
  color: #6a6a6a;
}
@media (max-width: 767px) {
  .pro_title {
    text-align: center;
  }
  .pro_title h1 {
    font-size: 0.42666667rem;
  }
  .pro_title h2 {
    font-size: 0.32rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .pro_title {
    text-align: left;
    margin: 0 30px;
  }
  .pro_title h1 {
    font-size: 16px;
  }
  .pro_title h2 {
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  .pro_title {
    text-align: left;
    margin: 0 30px;
  }
  .pro_title h1 {
    font-size: 16px;
  }
  .pro_title h2 {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .gallery-big {
    height: 5.36rem;
    width: 8.93333333rem;
    margin: 0 auto;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .gallery-big {
    height: 420px;
    width: 700px;
    margin: 0 auto;
  }
}
@media (min-width: 1200px) {
  .gallery-big {
    height: 610px;
    width: 1000px;
  }
}
.gallery-thumbs .img-box {
  border: 1px solid transparent;
}
.gallery-thumbs .on {
  border: 1px solid #008cd7;
}
@media (max-width: 767px) {
  .gallery-thumbs {
    height: 1.6rem;
    margin-top: 0.13333333rem;
    margin-left: 0.4rem;
    margin-right: 0.4rem;
    margin-bottom: 0.13333333rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .gallery-thumbs {
    height: 72px;
    width: 500px;
    margin: 10px auto;
  }
}
@media (min-width: 1200px) {
  .gallery-thumbs {
    height: 610px;
    width: 180px;
    margin-left: 15px;
  }
}
.third_party_btn_row {
  position: absolute;
  bottom: 10%;
  left: 0;
  z-index: 10;
  width: 100%;
}
.third_party_btn_row .btn {
  vertical-align: middle;
  position: relative;
  padding: 0;
  border: none;
  background: #008cd7;
  color: #fff;
  cursor: pointer;
}
@media (max-width: 767px) {
  .third_party_btn_row .btn {
    font-size: 0.32rem;
    height: 0.64rem;
    width: 2.45333333rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .third_party_btn_row .btn {
    font-size: 12px;
    height: 24px;
    width: 92px;
  }
}
@media (min-width: 1200px) {
  .third_party_btn_row .btn {
    font-size: 12px;
    height: 30px;
    width: 112px;
  }
}
.third_party_btn_row .btn .iconfont {
  position: relative;
  vertical-align: middle;
  font-size: 4em;
  top: -0.25em;
}
.third_party_btn_row .btn .align-cm {
  top: -1em;
}
.product_download {
  font-size: 12px;
  line-height: 40px;
  height: 40px;
  width: 150px;
  margin: 0 30px;
  border: none;
  border-radius: 20px;
  background-color: #008cd7;
  color: #fff;
  cursor: pointer;
}
@media (max-width: 767px) {
  .product_download {
    font-size: 0.29333333rem;
    line-height: 0.69333333rem;
    height: 0.69333333rem;
    width: 2.6rem;
    margin-left: 0.4rem;
    margin-right: 0.4rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .product_download {
    font-size: 12px;
    line-height: 26px;
    height: 26px;
    width: 96px;
  }
}
.product_download[disabled="disabled"] {
  background: #999;
  cursor: not-allowed;
}
.tab-swiper {
  line-height: 2.14285714;
  border-bottom: 1px solid #ececec;
  overflow: visible;
}
.tab-swiper .swiper-slide {
  width: auto;
}
@media (max-width: 767px) {
  .tab-swiper {
    text-align: center;
    font-size: 0.37333333rem;
    margin-top: 0.53333333rem;
    margin-left: 0.4rem;
    margin-right: 0.4rem;
    margin-top: 0.26666667rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .tab-swiper {
    text-align: left;
    font-size: 14px;
    margin: 20px 0;
    padding: 0 30px;
  }
}
@media (min-width: 1200px) {
  .tab-swiper {
    font-size: 16px;
    margin: 20px 0;
  }
}
.tab-swiper .tab {
  position: relative;
  bottom: -1px;
  cursor: pointer;
}
.tab-swiper .tab.on {
  font-weight: bold;
  border-bottom: 2px solid #008cd7;
  color: #008cd7;
}
@media (max-width: 767px) {
  .tab-swiper .tab {
    margin-left: 0.43333333rem;
    margin-right: 0.43333333rem;
    padding-left: 0.13333333rem;
    padding-right: 0.13333333rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .tab-swiper .tab {
    margin: 0 20px;
    padding: 0 5px;
  }
}
@media (min-width: 1200px) {
  .tab-swiper .tab {
    margin: 0 20px;
    padding: 0 8px;
  }
}
@media (max-width: 767px) {
  .pro_article {
    margin-left: 0.4rem;
    margin-right: 0.4rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .pro_article {
    margin: 0 20px;
  }
}
@media (min-width: 1200px) {
  .pro_article {
    margin: 0 30px;
  }
}
.case_panel,
.support_panel {
  border: 1px solid #ececec;
}
@media (max-width: 767px) {
  .case_panel,
  .support_panel {
    margin-top: 0.53333333rem;
    margin-right: 0.53333333rem;
    margin-bottom: 0.53333333rem;
    margin-left: 0.53333333rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .case_panel,
  .support_panel {
    margin: 10px 5px;
  }
}
@media (min-width: 1200px) {
  .case_panel,
  .support_panel {
    margin: 10px 15px;
  }
}
.case_panel .panel_head,
.support_panel .panel_head {
  line-height: 3.38461538;
  background: #f7f7f7;
  color: #464646;
}
@media (max-width: 767px) {
  .case_panel .panel_head,
  .support_panel .panel_head {
    font-size: 0.34666667rem;
    padding-left: 0.4rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .case_panel .panel_head,
  .support_panel .panel_head {
    font-size: 13px;
    padding-left: 15px;
  }
}
@media (min-width: 1200px) {
  .case_panel .panel_head,
  .support_panel .panel_head {
    font-size: 16px;
    padding-left: 30px;
  }
}
@media (max-width: 767px) {
  .case_panel .panel_body,
  .support_panel .panel_body {
    padding-top: 0.33333333rem;
    padding-bottom: 0.33333333rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .case_panel .panel_body,
  .support_panel .panel_body {
    padding-top: 15px;
    padding-bottom: 12px;
  }
}
@media (min-width: 1200px) {
  .case_panel .panel_body,
  .support_panel .panel_body {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}
.case_panel .panel_body .file,
.support_panel .panel_body .file {
  float: left;
  width: 20%;
}
.case_panel .panel_body .file + .file,
.support_panel .panel_body .file + .file {
  border-left: 1px solid #ececec;
}
.case_panel .panel_body .file .has .fa,
.support_panel .panel_body .file .has .fa {
  color: #999;
}
.case_panel .panel_body .file .has .node,
.support_panel .panel_body .file .has .node {
  color: #464646;
}
.case_panel .panel_body .file .undefined .fa,
.support_panel .panel_body .file .undefined .fa {
  color: #e1e1e1;
}
.case_panel .panel_body .file .undefined .node,
.support_panel .panel_body .file .undefined .node {
  word-break: break-all;
  color: #bebebe;
}
.case_panel .panel_body .file:hover .has .fa,
.support_panel .panel_body .file:hover .has .fa,
.case_panel .panel_body .file:hover .has .node,
.support_panel .panel_body .file:hover .has .node {
  color: #008cd7;
}
.case_panel .fa,
.support_panel .fa {
  line-height: 2;
}
@media (max-width: 767px) {
  .case_panel .fa,
  .support_panel .fa {
    font-size: 0.34666667rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .case_panel .fa,
  .support_panel .fa {
    font-size: 13px;
  }
}
@media (min-width: 1200px) {
  .case_panel .fa,
  .support_panel .fa {
    font-size: 26px;
  }
}
.case_panel .node,
.support_panel .node {
  line-height: 1.42857143;
}
@media (max-width: 767px) {
  .case_panel .node,
  .support_panel .node {
    font-size: 0.29333333rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .case_panel .node,
  .support_panel .node {
    font-size: 11px;
  }
}
@media (min-width: 1200px) {
  .case_panel .node,
  .support_panel .node {
    font-size: 14px;
  }
}
.case_panel:hover,
.support_panel:hover {
  border: 1px solid #008cd7;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.case_panel:hover .panel_head,
.support_panel:hover .panel_head {
  background: #008cd7;
  color: #fff;
}
.engineering_case_readme {
  text-indent: 2em;
  color: #6a6a6a;
}
@media (max-width: 767px) {
  .engineering_case_readme {
    font-size: 0.34666667rem;
    line-height: 1.84615385;
    margin-top: 0.4rem;
    margin-right: 0.4rem;
    margin-bottom: 0.4rem;
    margin-left: 0.4rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .engineering_case_readme {
    font-size: 13px;
    line-height: 24px;
    margin: 30px;
  }
}
@media (min-width: 1200px) {
  .engineering_case_readme {
    font-size: 14px;
    line-height: 22px;
    margin: 30px;
  }
}
.response-title {
  line-height: 3.57142857;
  color: #464646;
}
@media (max-width: 767px) {
  .response-title {
    text-align: center;
    font-size: 0.37333333rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .response-title {
    text-align: center;
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  .response-title {
    text-align: left;
    font-size: 16px;
    margin-left: 10px;
  }
}
.case_panel .panel_head:before {
  position: relative;
  content: '·';
  margin: 0 0.5em 0 -1em;
  color: inherit;
}
.case_panel .case_list {
  line-height: 2.30769231;
  color: #6a6a6a;
}
@media (max-width: 767px) {
  .case_panel .case_list {
    font-size: 0.34666667rem;
    margin-top: 0.13333333rem;
    margin-right: 0.4rem;
    margin-bottom: 0.13333333rem;
    margin-left: 0.4rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .case_panel .case_list {
    font-size: 13px;
    margin: 5px 30px;
  }
}
@media (min-width: 1200px) {
  .case_panel .case_list {
    font-size: 14px;
    margin: 5px 30px;
  }
}
.case_panel .case_list .item:hover {
  color: #008cd7;
  text-decoration: underline;
}
.map_mbp {
  margin: 25px 20px 25px 10px;
}
.map_mbp #allmap1,
.map_mbp #allmap2 {
  height: 600px;
}
.panel_accordion {
  border: 1px solid #008cd7;
}
@media (max-width: 767px) {
  .panel_accordion {
    margin: 0.4rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .panel_accordion {
    margin: 20px;
  }
}
@media (min-width: 1200px) {
  .panel_accordion {
    height: 600px;
    margin: 25px 10px 25px 20px;
  }
}
.panel_accordion .panel_head {
  font-weight: bold;
  line-height: 2.30769231;
  background-color: #008cd7;
  color: #fff;
}
@media (max-width: 767px) {
  .panel_accordion .panel_head {
    font-size: 0.34666667rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .panel_accordion .panel_head {
    font-size: 13px;
  }
}
@media (min-width: 1200px) {
  .panel_accordion .panel_head {
    font-size: 16px;
  }
}
.panel_accordion .panel_head small {
  display: inline-block;
  text-align: center;
  width: 3em;
}
.panel_accordion .panel_body {
  height: 564px;
  overflow: auto;
}
.panel_accordion .accordion_head {
  line-height: 3;
  text-indent: -1em;
  padding-left: 3.5em;
  color: #464646;
  background-image: -moz-linear-gradient(90deg, #ededed 0%, #fefefe 100%);
  background-image: -webkit-linear-gradient(90deg, #ededed 0%, #fefefe 100%);
  background-image: -ms-linear-gradient(90deg, #ededed 0%, #fefefe 100%);
}
.panel_accordion .accordion_head .fa {
  margin-left: 0.5em;
  margin-right: 0.5em;
  color: #999;
}
@media (max-width: 767px) {
  .panel_accordion .accordion_head {
    font-size: 0.32rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .panel_accordion .accordion_head {
    font-size: 13px;
  }
}
@media (min-width: 1200px) {
  .panel_accordion .accordion_head {
    font-size: 14px;
  }
}
.panel_accordion .accordion_menu {
  display: none;
  padding: 10px 0;
  line-height: 30/14;
}
.panel_accordion .accordion_menu .fa {
  margin-left: 3em;
  margin-right: 1em;
  color: #008cd7;
}
.panel_accordion .accordion_menu .iconfont {
  font-size: 14px;
}
@media (max-width: 767px) {
  .panel_accordion .accordion_menu {
    font-size: 0.32rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .panel_accordion .accordion_menu {
    font-size: 13px;
  }
}
@media (min-width: 1200px) {
  .panel_accordion .accordion_menu {
    font-size: 14px;
  }
}
.panel_accordion .accordion_menu .dis-ib {
  vertical-align: top;
}
@media (max-width: 767px) {
  .panel_accordion .accordion_menu .dis-ib {
    width: 6.66666667rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .panel_accordion .accordion_menu .dis-ib {
    width: 250px;
  }
}
@media (min-width: 1200px) {
  .panel_accordion .accordion_menu .dis-ib {
    width: 260px;
  }
}
.underflag_title {
  line-height: 3.57142857;
  color: #464646;
}
@media (max-width: 767px) {
  .underflag_title {
    text-align: center;
    font-size: 0.37333333rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .underflag_title {
    text-align: center;
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  .underflag_title {
    text-align: left;
    font-size: 16px;
    margin-left: 10px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .underflag_title {
    text-align: left;
    margin-left: 20px;
  }
}
.underflag_grid .underflag_text {
  line-height: 1.5;
}
@media (max-width: 767px) {
  .underflag_grid .underflag_text {
    font-size: 0.16rem;
    position: relative;
    margin: 0.26666667rem;
    padding-left: 0.26666667rem;
    padding-right: 0.26666667rem;
    color: #6a6a6a;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .underflag_grid .underflag_text {
    font-size: 12px;
    position: relative;
    margin: 12px 12px;
    padding: 0 12px;
    color: #6a6a6a;
  }
}
@media (min-width: 1200px) {
  .underflag_grid .underflag_text {
    opacity: 0;
    position: absolute;
    top: 10px;
    left: 13px;
    z-index: 7;
    width: 374px;
    height: 150px;
    padding: 15% 10%;
    background-color: rgba(0, 140, 215, 0.8);
    color: #fff;
  }
  .underflag_grid .underflag_text:hover {
    opacity: 1;
  }
  .underflag_grid .underflag_text h4 {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
  }
}
.sendEnquiry {
  width: 60px;
  height: 60px;
  border-radius: 10px;
  background-color: #008cd7;
  color: #fff;
}
.sendEnquiry .hover2show {
  display: none;
  font-size: 12px;
  margin-top: -10px;
}
.sendEnquiry:hover {
  height: 90px;
  width: 90px;
}
.sendEnquiry:hover .hover2show {
  display: block;
}
.sendEnquiry .bigicon {
  font-size: 32px;
  line-height: 60px;
}
.wow[data-animation="fadeInUp"] {
  visibility: hidden;
}
.ellipsis,
.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lineclamp {
  display: -webkit-box;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
}
/*
@vw: ;

//.show();
//.hide();
.loop-lineclamp(10);
.loop-fontsize(64);
.loop-marginpadding(50);
//.loop-width((@safe_view_width));
//.loop-height((@safe_view_width));
*/
@media (max-width: 767px) {
  .xs-col-1 {
    float: left;
    width: 8.33333333%;
  }
  .xs-col-2 {
    float: left;
    width: 16.66666667%;
  }
  .xs-col-3 {
    float: left;
    width: 25%;
  }
  .xs-col-4 {
    float: left;
    width: 33.33333333%;
  }
  .xs-col-5 {
    float: left;
    width: 41.66666667%;
  }
  .xs-col-6 {
    float: left;
    width: 50%;
  }
  .xs-col-7 {
    float: left;
    width: 58.33333333%;
  }
  .xs-col-8 {
    float: left;
    width: 66.66666667%;
  }
  .xs-col-9 {
    float: left;
    width: 75%;
  }
  .xs-col-10 {
    float: left;
    width: 83.33333333%;
  }
  .xs-col-11 {
    float: left;
    width: 91.66666667%;
  }
  .xs-col-12 {
    float: left;
    width: 100%;
  }
  .xs-dis-bl {
    display: block;
  }
  .xs-dis-ib {
    display: inline-block;
  }
  .xs-dis-in {
    display: inline;
  }
  .xs-dis-no {
    display: none;
  }
  .xs-lineclamp_1 {
    -webkit-line-clamp: 1;
  }
  .xs-lineclamp_2 {
    -webkit-line-clamp: 2;
  }
  .xs-lineclamp_3 {
    -webkit-line-clamp: 3;
  }
  .xs-lineclamp_4 {
    -webkit-line-clamp: 4;
  }
  .xs-lineclamp_5 {
    -webkit-line-clamp: 5;
  }
  .xs-lineclamp_6 {
    -webkit-line-clamp: 6;
  }
  .xs-lineclamp_7 {
    -webkit-line-clamp: 7;
  }
  .xs-lineclamp_8 {
    -webkit-line-clamp: 8;
  }
  .xs-lineclamp_9 {
    -webkit-line-clamp: 9;
  }
  .xs-lineclamp_10 {
    -webkit-line-clamp: 10;
  }
  .xs-fs2 {
    font-size: 0.02666667rem;
  }
  .xs-fs4 {
    font-size: 0.05333333rem;
  }
  .xs-fs6 {
    font-size: 0.08rem;
  }
  .xs-fs8 {
    font-size: 0.10666667rem;
  }
  .xs-fs10 {
    font-size: 0.13333333rem;
  }
  .xs-fs12 {
    font-size: 0.16rem;
  }
  .xs-fs14 {
    font-size: 0.18666667rem;
  }
  .xs-fs16 {
    font-size: 0.21333333rem;
  }
  .xs-fs18 {
    font-size: 0.24rem;
  }
  .xs-fs20 {
    font-size: 0.26666667rem;
  }
  .xs-fs22 {
    font-size: 0.29333333rem;
  }
  .xs-fs24 {
    font-size: 0.32rem;
  }
  .xs-fs26 {
    font-size: 0.34666667rem;
  }
  .xs-fs28 {
    font-size: 0.37333333rem;
  }
  .xs-fs30 {
    font-size: 0.4rem;
  }
  .xs-fs32 {
    font-size: 0.42666667rem;
  }
  .xs-fs34 {
    font-size: 0.45333333rem;
  }
  .xs-fs36 {
    font-size: 0.48rem;
  }
  .xs-fs38 {
    font-size: 0.50666667rem;
  }
  .xs-fs40 {
    font-size: 0.53333333rem;
  }
  .xs-fs42 {
    font-size: 0.56rem;
  }
  .xs-fs44 {
    font-size: 0.58666667rem;
  }
  .xs-fs46 {
    font-size: 0.61333333rem;
  }
  .xs-fs48 {
    font-size: 0.64rem;
  }
  .xs-fs50 {
    font-size: 0.66666667rem;
  }
  .xs-fs52 {
    font-size: 0.69333333rem;
  }
  .xs-fs54 {
    font-size: 0.72rem;
  }
  .xs-fs56 {
    font-size: 0.74666667rem;
  }
  .xs-fs58 {
    font-size: 0.77333333rem;
  }
  .xs-fs60 {
    font-size: 0.8rem;
  }
  .xs-fs62 {
    font-size: 0.82666667rem;
  }
  .xs-fs64 {
    font-size: 0.85333333rem;
  }
  .xs-w50 {
    width: 0.66666667rem;
  }
  .xs-w100 {
    width: 1.33333333rem;
  }
  .xs-w150 {
    width: 2rem;
  }
  .xs-w200 {
    width: 2.66666667rem;
  }
  .xs-w250 {
    width: 3.33333333rem;
  }
  .xs-w300 {
    width: 4rem;
  }
  .xs-w350 {
    width: 4.66666667rem;
  }
  .xs-w400 {
    width: 5.33333333rem;
  }
  .xs-w450 {
    width: 6rem;
  }
  .xs-w500 {
    width: 6.66666667rem;
  }
  .xs-w550 {
    width: 7.33333333rem;
  }
  .xs-w600 {
    width: 8rem;
  }
  .xs-w650 {
    width: 8.66666667rem;
  }
  .xs-w700 {
    width: 9.33333333rem;
  }
  .xs-w750 {
    width: 10rem;
  }
  .xs-w800 {
    width: 10.66666667rem;
  }
  .xs-w850 {
    width: 11.33333333rem;
  }
  .xs-w900 {
    width: 12rem;
  }
  .xs-w950 {
    width: 12.66666667rem;
  }
  .xs-w1000 {
    width: 13.33333333rem;
  }
  .xs-w1050 {
    width: 14rem;
  }
  .xs-w1100 {
    width: 14.66666667rem;
  }
  .xs-w1150 {
    width: 15.33333333rem;
  }
  .xs-w1200 {
    width: 16rem;
  }
  .xs-h50 {
    height: 0.66666667rem;
  }
  .xs-h100 {
    height: 1.33333333rem;
  }
  .xs-h150 {
    height: 2rem;
  }
  .xs-h200 {
    height: 2.66666667rem;
  }
  .xs-h250 {
    height: 3.33333333rem;
  }
  .xs-h300 {
    height: 4rem;
  }
  .xs-h350 {
    height: 4.66666667rem;
  }
  .xs-h400 {
    height: 5.33333333rem;
  }
  .xs-h450 {
    height: 6rem;
  }
  .xs-h500 {
    height: 6.66666667rem;
  }
  .xs-h550 {
    height: 7.33333333rem;
  }
  .xs-h600 {
    height: 8rem;
  }
  .xs-h650 {
    height: 8.66666667rem;
  }
  .xs-h700 {
    height: 9.33333333rem;
  }
  .xs-h750 {
    height: 10rem;
  }
  .xs-h800 {
    height: 10.66666667rem;
  }
  .xs-h850 {
    height: 11.33333333rem;
  }
  .xs-h900 {
    height: 12rem;
  }
  .xs-h950 {
    height: 12.66666667rem;
  }
  .xs-h1000 {
    height: 13.33333333rem;
  }
  .xs-h1050 {
    height: 14rem;
  }
  .xs-h1100 {
    height: 14.66666667rem;
  }
  .xs-h1150 {
    height: 15.33333333rem;
  }
  .xs-h1200 {
    height: 16rem;
  }
  .xs-m5 {
    margin: 0.06666667rem;
  }
  .xs-mt5 {
    margin-top: 0.06666667rem;
  }
  .xs-mb5 {
    margin-bottom: 0.06666667rem;
  }
  .xs-ml5 {
    margin-left: 0.06666667rem;
  }
  .xs-mr5 {
    margin-right: 0.06666667rem;
  }
  .xs-p5 {
    padding: 0.06666667rem;
  }
  .xs-pt5 {
    padding-top: 0.06666667rem;
  }
  .xs-pb5 {
    padding-bottom: 0.06666667rem;
  }
  .xs-pl5 {
    padding-left: 0.06666667rem;
  }
  .xs-pr5 {
    padding-right: 0.06666667rem;
  }
  .xs-m10 {
    margin: 0.13333333rem;
  }
  .xs-mt10 {
    margin-top: 0.13333333rem;
  }
  .xs-mb10 {
    margin-bottom: 0.13333333rem;
  }
  .xs-ml10 {
    margin-left: 0.13333333rem;
  }
  .xs-mr10 {
    margin-right: 0.13333333rem;
  }
  .xs-p10 {
    padding: 0.13333333rem;
  }
  .xs-pt10 {
    padding-top: 0.13333333rem;
  }
  .xs-pb10 {
    padding-bottom: 0.13333333rem;
  }
  .xs-pl10 {
    padding-left: 0.13333333rem;
  }
  .xs-pr10 {
    padding-right: 0.13333333rem;
  }
  .xs-m15 {
    margin: 0.2rem;
  }
  .xs-mt15 {
    margin-top: 0.2rem;
  }
  .xs-mb15 {
    margin-bottom: 0.2rem;
  }
  .xs-ml15 {
    margin-left: 0.2rem;
  }
  .xs-mr15 {
    margin-right: 0.2rem;
  }
  .xs-p15 {
    padding: 0.2rem;
  }
  .xs-pt15 {
    padding-top: 0.2rem;
  }
  .xs-pb15 {
    padding-bottom: 0.2rem;
  }
  .xs-pl15 {
    padding-left: 0.2rem;
  }
  .xs-pr15 {
    padding-right: 0.2rem;
  }
  .xs-m20 {
    margin: 0.26666667rem;
  }
  .xs-mt20 {
    margin-top: 0.26666667rem;
  }
  .xs-mb20 {
    margin-bottom: 0.26666667rem;
  }
  .xs-ml20 {
    margin-left: 0.26666667rem;
  }
  .xs-mr20 {
    margin-right: 0.26666667rem;
  }
  .xs-p20 {
    padding: 0.26666667rem;
  }
  .xs-pt20 {
    padding-top: 0.26666667rem;
  }
  .xs-pb20 {
    padding-bottom: 0.26666667rem;
  }
  .xs-pl20 {
    padding-left: 0.26666667rem;
  }
  .xs-pr20 {
    padding-right: 0.26666667rem;
  }
  .xs-m25 {
    margin: 0.33333333rem;
  }
  .xs-mt25 {
    margin-top: 0.33333333rem;
  }
  .xs-mb25 {
    margin-bottom: 0.33333333rem;
  }
  .xs-ml25 {
    margin-left: 0.33333333rem;
  }
  .xs-mr25 {
    margin-right: 0.33333333rem;
  }
  .xs-p25 {
    padding: 0.33333333rem;
  }
  .xs-pt25 {
    padding-top: 0.33333333rem;
  }
  .xs-pb25 {
    padding-bottom: 0.33333333rem;
  }
  .xs-pl25 {
    padding-left: 0.33333333rem;
  }
  .xs-pr25 {
    padding-right: 0.33333333rem;
  }
  .xs-m30 {
    margin: 0.4rem;
  }
  .xs-mt30 {
    margin-top: 0.4rem;
  }
  .xs-mb30 {
    margin-bottom: 0.4rem;
  }
  .xs-ml30 {
    margin-left: 0.4rem;
  }
  .xs-mr30 {
    margin-right: 0.4rem;
  }
  .xs-p30 {
    padding: 0.4rem;
  }
  .xs-pt30 {
    padding-top: 0.4rem;
  }
  .xs-pb30 {
    padding-bottom: 0.4rem;
  }
  .xs-pl30 {
    padding-left: 0.4rem;
  }
  .xs-pr30 {
    padding-right: 0.4rem;
  }
  .xs-m35 {
    margin: 0.46666667rem;
  }
  .xs-mt35 {
    margin-top: 0.46666667rem;
  }
  .xs-mb35 {
    margin-bottom: 0.46666667rem;
  }
  .xs-ml35 {
    margin-left: 0.46666667rem;
  }
  .xs-mr35 {
    margin-right: 0.46666667rem;
  }
  .xs-p35 {
    padding: 0.46666667rem;
  }
  .xs-pt35 {
    padding-top: 0.46666667rem;
  }
  .xs-pb35 {
    padding-bottom: 0.46666667rem;
  }
  .xs-pl35 {
    padding-left: 0.46666667rem;
  }
  .xs-pr35 {
    padding-right: 0.46666667rem;
  }
  .xs-m40 {
    margin: 0.53333333rem;
  }
  .xs-mt40 {
    margin-top: 0.53333333rem;
  }
  .xs-mb40 {
    margin-bottom: 0.53333333rem;
  }
  .xs-ml40 {
    margin-left: 0.53333333rem;
  }
  .xs-mr40 {
    margin-right: 0.53333333rem;
  }
  .xs-p40 {
    padding: 0.53333333rem;
  }
  .xs-pt40 {
    padding-top: 0.53333333rem;
  }
  .xs-pb40 {
    padding-bottom: 0.53333333rem;
  }
  .xs-pl40 {
    padding-left: 0.53333333rem;
  }
  .xs-pr40 {
    padding-right: 0.53333333rem;
  }
  .xs-m45 {
    margin: 0.6rem;
  }
  .xs-mt45 {
    margin-top: 0.6rem;
  }
  .xs-mb45 {
    margin-bottom: 0.6rem;
  }
  .xs-ml45 {
    margin-left: 0.6rem;
  }
  .xs-mr45 {
    margin-right: 0.6rem;
  }
  .xs-p45 {
    padding: 0.6rem;
  }
  .xs-pt45 {
    padding-top: 0.6rem;
  }
  .xs-pb45 {
    padding-bottom: 0.6rem;
  }
  .xs-pl45 {
    padding-left: 0.6rem;
  }
  .xs-pr45 {
    padding-right: 0.6rem;
  }
  .xs-m50 {
    margin: 0.66666667rem;
  }
  .xs-mt50 {
    margin-top: 0.66666667rem;
  }
  .xs-mb50 {
    margin-bottom: 0.66666667rem;
  }
  .xs-ml50 {
    margin-left: 0.66666667rem;
  }
  .xs-mr50 {
    margin-right: 0.66666667rem;
  }
  .xs-p50 {
    padding: 0.66666667rem;
  }
  .xs-pt50 {
    padding-top: 0.66666667rem;
  }
  .xs-pb50 {
    padding-bottom: 0.66666667rem;
  }
  .xs-pl50 {
    padding-left: 0.66666667rem;
  }
  .xs-pr50 {
    padding-right: 0.66666667rem;
  }
  .xs-m55 {
    margin: 0.73333333rem;
  }
  .xs-mt55 {
    margin-top: 0.73333333rem;
  }
  .xs-mb55 {
    margin-bottom: 0.73333333rem;
  }
  .xs-ml55 {
    margin-left: 0.73333333rem;
  }
  .xs-mr55 {
    margin-right: 0.73333333rem;
  }
  .xs-p55 {
    padding: 0.73333333rem;
  }
  .xs-pt55 {
    padding-top: 0.73333333rem;
  }
  .xs-pb55 {
    padding-bottom: 0.73333333rem;
  }
  .xs-pl55 {
    padding-left: 0.73333333rem;
  }
  .xs-pr55 {
    padding-right: 0.73333333rem;
  }
  .xs-m60 {
    margin: 0.8rem;
  }
  .xs-mt60 {
    margin-top: 0.8rem;
  }
  .xs-mb60 {
    margin-bottom: 0.8rem;
  }
  .xs-ml60 {
    margin-left: 0.8rem;
  }
  .xs-mr60 {
    margin-right: 0.8rem;
  }
  .xs-p60 {
    padding: 0.8rem;
  }
  .xs-pt60 {
    padding-top: 0.8rem;
  }
  .xs-pb60 {
    padding-bottom: 0.8rem;
  }
  .xs-pl60 {
    padding-left: 0.8rem;
  }
  .xs-pr60 {
    padding-right: 0.8rem;
  }
  .xs-m65 {
    margin: 0.86666667rem;
  }
  .xs-mt65 {
    margin-top: 0.86666667rem;
  }
  .xs-mb65 {
    margin-bottom: 0.86666667rem;
  }
  .xs-ml65 {
    margin-left: 0.86666667rem;
  }
  .xs-mr65 {
    margin-right: 0.86666667rem;
  }
  .xs-p65 {
    padding: 0.86666667rem;
  }
  .xs-pt65 {
    padding-top: 0.86666667rem;
  }
  .xs-pb65 {
    padding-bottom: 0.86666667rem;
  }
  .xs-pl65 {
    padding-left: 0.86666667rem;
  }
  .xs-pr65 {
    padding-right: 0.86666667rem;
  }
  .xs-m70 {
    margin: 0.93333333rem;
  }
  .xs-mt70 {
    margin-top: 0.93333333rem;
  }
  .xs-mb70 {
    margin-bottom: 0.93333333rem;
  }
  .xs-ml70 {
    margin-left: 0.93333333rem;
  }
  .xs-mr70 {
    margin-right: 0.93333333rem;
  }
  .xs-p70 {
    padding: 0.93333333rem;
  }
  .xs-pt70 {
    padding-top: 0.93333333rem;
  }
  .xs-pb70 {
    padding-bottom: 0.93333333rem;
  }
  .xs-pl70 {
    padding-left: 0.93333333rem;
  }
  .xs-pr70 {
    padding-right: 0.93333333rem;
  }
  .xs-m75 {
    margin: 1rem;
  }
  .xs-mt75 {
    margin-top: 1rem;
  }
  .xs-mb75 {
    margin-bottom: 1rem;
  }
  .xs-ml75 {
    margin-left: 1rem;
  }
  .xs-mr75 {
    margin-right: 1rem;
  }
  .xs-p75 {
    padding: 1rem;
  }
  .xs-pt75 {
    padding-top: 1rem;
  }
  .xs-pb75 {
    padding-bottom: 1rem;
  }
  .xs-pl75 {
    padding-left: 1rem;
  }
  .xs-pr75 {
    padding-right: 1rem;
  }
  .xs-m80 {
    margin: 1.06666667rem;
  }
  .xs-mt80 {
    margin-top: 1.06666667rem;
  }
  .xs-mb80 {
    margin-bottom: 1.06666667rem;
  }
  .xs-ml80 {
    margin-left: 1.06666667rem;
  }
  .xs-mr80 {
    margin-right: 1.06666667rem;
  }
  .xs-p80 {
    padding: 1.06666667rem;
  }
  .xs-pt80 {
    padding-top: 1.06666667rem;
  }
  .xs-pb80 {
    padding-bottom: 1.06666667rem;
  }
  .xs-pl80 {
    padding-left: 1.06666667rem;
  }
  .xs-pr80 {
    padding-right: 1.06666667rem;
  }
  .xs-m85 {
    margin: 1.13333333rem;
  }
  .xs-mt85 {
    margin-top: 1.13333333rem;
  }
  .xs-mb85 {
    margin-bottom: 1.13333333rem;
  }
  .xs-ml85 {
    margin-left: 1.13333333rem;
  }
  .xs-mr85 {
    margin-right: 1.13333333rem;
  }
  .xs-p85 {
    padding: 1.13333333rem;
  }
  .xs-pt85 {
    padding-top: 1.13333333rem;
  }
  .xs-pb85 {
    padding-bottom: 1.13333333rem;
  }
  .xs-pl85 {
    padding-left: 1.13333333rem;
  }
  .xs-pr85 {
    padding-right: 1.13333333rem;
  }
  .xs-m90 {
    margin: 1.2rem;
  }
  .xs-mt90 {
    margin-top: 1.2rem;
  }
  .xs-mb90 {
    margin-bottom: 1.2rem;
  }
  .xs-ml90 {
    margin-left: 1.2rem;
  }
  .xs-mr90 {
    margin-right: 1.2rem;
  }
  .xs-p90 {
    padding: 1.2rem;
  }
  .xs-pt90 {
    padding-top: 1.2rem;
  }
  .xs-pb90 {
    padding-bottom: 1.2rem;
  }
  .xs-pl90 {
    padding-left: 1.2rem;
  }
  .xs-pr90 {
    padding-right: 1.2rem;
  }
  .xs-m95 {
    margin: 1.26666667rem;
  }
  .xs-mt95 {
    margin-top: 1.26666667rem;
  }
  .xs-mb95 {
    margin-bottom: 1.26666667rem;
  }
  .xs-ml95 {
    margin-left: 1.26666667rem;
  }
  .xs-mr95 {
    margin-right: 1.26666667rem;
  }
  .xs-p95 {
    padding: 1.26666667rem;
  }
  .xs-pt95 {
    padding-top: 1.26666667rem;
  }
  .xs-pb95 {
    padding-bottom: 1.26666667rem;
  }
  .xs-pl95 {
    padding-left: 1.26666667rem;
  }
  .xs-pr95 {
    padding-right: 1.26666667rem;
  }
  .xs-m100 {
    margin: 1.33333333rem;
  }
  .xs-mt100 {
    margin-top: 1.33333333rem;
  }
  .xs-mb100 {
    margin-bottom: 1.33333333rem;
  }
  .xs-ml100 {
    margin-left: 1.33333333rem;
  }
  .xs-mr100 {
    margin-right: 1.33333333rem;
  }
  .xs-p100 {
    padding: 1.33333333rem;
  }
  .xs-pt100 {
    padding-top: 1.33333333rem;
  }
  .xs-pb100 {
    padding-bottom: 1.33333333rem;
  }
  .xs-pl100 {
    padding-left: 1.33333333rem;
  }
  .xs-pr100 {
    padding-right: 1.33333333rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .sm-col-1 {
    float: left;
    width: 8.33333333%;
  }
  .sm-col-2 {
    float: left;
    width: 16.66666667%;
  }
  .sm-col-3 {
    float: left;
    width: 25%;
  }
  .sm-col-4 {
    float: left;
    width: 33.33333333%;
  }
  .sm-col-5 {
    float: left;
    width: 41.66666667%;
  }
  .sm-col-6 {
    float: left;
    width: 50%;
  }
  .sm-col-7 {
    float: left;
    width: 58.33333333%;
  }
  .sm-col-8 {
    float: left;
    width: 66.66666667%;
  }
  .sm-col-9 {
    float: left;
    width: 75%;
  }
  .sm-col-10 {
    float: left;
    width: 83.33333333%;
  }
  .sm-col-11 {
    float: left;
    width: 91.66666667%;
  }
  .sm-col-12 {
    float: left;
    width: 100%;
  }
  .sm-dis-bl {
    display: block;
  }
  .sm-dis-ib {
    display: inline-block;
  }
  .sm-dis-in {
    display: inline;
  }
  .sm-dis-no {
    display: none;
  }
  .sm-lineclamp_1 {
    -webkit-line-clamp: 1;
  }
  .sm-lineclamp_2 {
    -webkit-line-clamp: 2;
  }
  .sm-lineclamp_3 {
    -webkit-line-clamp: 3;
  }
  .sm-lineclamp_4 {
    -webkit-line-clamp: 4;
  }
  .sm-lineclamp_5 {
    -webkit-line-clamp: 5;
  }
  .sm-lineclamp_6 {
    -webkit-line-clamp: 6;
  }
  .sm-lineclamp_7 {
    -webkit-line-clamp: 7;
  }
  .sm-lineclamp_8 {
    -webkit-line-clamp: 8;
  }
  .sm-lineclamp_9 {
    -webkit-line-clamp: 9;
  }
  .sm-lineclamp_10 {
    -webkit-line-clamp: 10;
  }
  .sm-fs2 {
    font-size: 2px;
  }
  .sm-fs4 {
    font-size: 4px;
  }
  .sm-fs6 {
    font-size: 6px;
  }
  .sm-fs8 {
    font-size: 8px;
  }
  .sm-fs10 {
    font-size: 10px;
  }
  .sm-fs12 {
    font-size: 12px;
  }
  .sm-fs14 {
    font-size: 14px;
  }
  .sm-fs16 {
    font-size: 16px;
  }
  .sm-fs18 {
    font-size: 18px;
  }
  .sm-fs20 {
    font-size: 20px;
  }
  .sm-fs22 {
    font-size: 22px;
  }
  .sm-fs24 {
    font-size: 24px;
  }
  .sm-fs26 {
    font-size: 26px;
  }
  .sm-fs28 {
    font-size: 28px;
  }
  .sm-fs30 {
    font-size: 30px;
  }
  .sm-fs32 {
    font-size: 32px;
  }
  .sm-fs34 {
    font-size: 34px;
  }
  .sm-fs36 {
    font-size: 36px;
  }
  .sm-fs38 {
    font-size: 38px;
  }
  .sm-fs40 {
    font-size: 40px;
  }
  .sm-fs42 {
    font-size: 42px;
  }
  .sm-fs44 {
    font-size: 44px;
  }
  .sm-fs46 {
    font-size: 46px;
  }
  .sm-fs48 {
    font-size: 48px;
  }
  .sm-fs50 {
    font-size: 50px;
  }
  .sm-fs52 {
    font-size: 52px;
  }
  .sm-fs54 {
    font-size: 54px;
  }
  .sm-fs56 {
    font-size: 56px;
  }
  .sm-fs58 {
    font-size: 58px;
  }
  .sm-fs60 {
    font-size: 60px;
  }
  .sm-fs62 {
    font-size: 62px;
  }
  .sm-fs64 {
    font-size: 64px;
  }
  .sm-w50 {
    width: 50px;
  }
  .sm-w100 {
    width: 100px;
  }
  .sm-w150 {
    width: 150px;
  }
  .sm-w200 {
    width: 200px;
  }
  .sm-w250 {
    width: 250px;
  }
  .sm-w300 {
    width: 300px;
  }
  .sm-w350 {
    width: 350px;
  }
  .sm-w400 {
    width: 400px;
  }
  .sm-w450 {
    width: 450px;
  }
  .sm-w500 {
    width: 500px;
  }
  .sm-w550 {
    width: 550px;
  }
  .sm-w600 {
    width: 600px;
  }
  .sm-w650 {
    width: 650px;
  }
  .sm-w700 {
    width: 700px;
  }
  .sm-w750 {
    width: 750px;
  }
  .sm-w800 {
    width: 800px;
  }
  .sm-w850 {
    width: 850px;
  }
  .sm-w900 {
    width: 900px;
  }
  .sm-w950 {
    width: 950px;
  }
  .sm-w1000 {
    width: 1000px;
  }
  .sm-w1050 {
    width: 1050px;
  }
  .sm-w1100 {
    width: 1100px;
  }
  .sm-w1150 {
    width: 1150px;
  }
  .sm-w1200 {
    width: 1200px;
  }
  .sm-h50 {
    height: 50px;
  }
  .sm-h100 {
    height: 100px;
  }
  .sm-h150 {
    height: 150px;
  }
  .sm-h200 {
    height: 200px;
  }
  .sm-h250 {
    height: 250px;
  }
  .sm-h300 {
    height: 300px;
  }
  .sm-h350 {
    height: 350px;
  }
  .sm-h400 {
    height: 400px;
  }
  .sm-h450 {
    height: 450px;
  }
  .sm-h500 {
    height: 500px;
  }
  .sm-h550 {
    height: 550px;
  }
  .sm-h600 {
    height: 600px;
  }
  .sm-h650 {
    height: 650px;
  }
  .sm-h700 {
    height: 700px;
  }
  .sm-h750 {
    height: 750px;
  }
  .sm-h800 {
    height: 800px;
  }
  .sm-h850 {
    height: 850px;
  }
  .sm-h900 {
    height: 900px;
  }
  .sm-h950 {
    height: 950px;
  }
  .sm-h1000 {
    height: 1000px;
  }
  .sm-h1050 {
    height: 1050px;
  }
  .sm-h1100 {
    height: 1100px;
  }
  .sm-h1150 {
    height: 1150px;
  }
  .sm-h1200 {
    height: 1200px;
  }
  .sm-m5 {
    margin: 5px;
  }
  .sm-mt5 {
    margin-top: 5px;
  }
  .sm-mb5 {
    margin-bottom: 5px;
  }
  .sm-ml5 {
    margin-left: 5px;
  }
  .sm-mr5 {
    margin-right: 5px;
  }
  .sm-p5 {
    padding: 5px;
  }
  .sm-pt5 {
    padding-top: 5px;
  }
  .sm-pb5 {
    padding-bottom: 5px;
  }
  .sm-pl5 {
    padding-left: 5px;
  }
  .sm-pr5 {
    padding-right: 5px;
  }
  .sm-m10 {
    margin: 10px;
  }
  .sm-mt10 {
    margin-top: 10px;
  }
  .sm-mb10 {
    margin-bottom: 10px;
  }
  .sm-ml10 {
    margin-left: 10px;
  }
  .sm-mr10 {
    margin-right: 10px;
  }
  .sm-p10 {
    padding: 10px;
  }
  .sm-pt10 {
    padding-top: 10px;
  }
  .sm-pb10 {
    padding-bottom: 10px;
  }
  .sm-pl10 {
    padding-left: 10px;
  }
  .sm-pr10 {
    padding-right: 10px;
  }
  .sm-m15 {
    margin: 15px;
  }
  .sm-mt15 {
    margin-top: 15px;
  }
  .sm-mb15 {
    margin-bottom: 15px;
  }
  .sm-ml15 {
    margin-left: 15px;
  }
  .sm-mr15 {
    margin-right: 15px;
  }
  .sm-p15 {
    padding: 15px;
  }
  .sm-pt15 {
    padding-top: 15px;
  }
  .sm-pb15 {
    padding-bottom: 15px;
  }
  .sm-pl15 {
    padding-left: 15px;
  }
  .sm-pr15 {
    padding-right: 15px;
  }
  .sm-m20 {
    margin: 20px;
  }
  .sm-mt20 {
    margin-top: 20px;
  }
  .sm-mb20 {
    margin-bottom: 20px;
  }
  .sm-ml20 {
    margin-left: 20px;
  }
  .sm-mr20 {
    margin-right: 20px;
  }
  .sm-p20 {
    padding: 20px;
  }
  .sm-pt20 {
    padding-top: 20px;
  }
  .sm-pb20 {
    padding-bottom: 20px;
  }
  .sm-pl20 {
    padding-left: 20px;
  }
  .sm-pr20 {
    padding-right: 20px;
  }
  .sm-m25 {
    margin: 25px;
  }
  .sm-mt25 {
    margin-top: 25px;
  }
  .sm-mb25 {
    margin-bottom: 25px;
  }
  .sm-ml25 {
    margin-left: 25px;
  }
  .sm-mr25 {
    margin-right: 25px;
  }
  .sm-p25 {
    padding: 25px;
  }
  .sm-pt25 {
    padding-top: 25px;
  }
  .sm-pb25 {
    padding-bottom: 25px;
  }
  .sm-pl25 {
    padding-left: 25px;
  }
  .sm-pr25 {
    padding-right: 25px;
  }
  .sm-m30 {
    margin: 30px;
  }
  .sm-mt30 {
    margin-top: 30px;
  }
  .sm-mb30 {
    margin-bottom: 30px;
  }
  .sm-ml30 {
    margin-left: 30px;
  }
  .sm-mr30 {
    margin-right: 30px;
  }
  .sm-p30 {
    padding: 30px;
  }
  .sm-pt30 {
    padding-top: 30px;
  }
  .sm-pb30 {
    padding-bottom: 30px;
  }
  .sm-pl30 {
    padding-left: 30px;
  }
  .sm-pr30 {
    padding-right: 30px;
  }
  .sm-m35 {
    margin: 35px;
  }
  .sm-mt35 {
    margin-top: 35px;
  }
  .sm-mb35 {
    margin-bottom: 35px;
  }
  .sm-ml35 {
    margin-left: 35px;
  }
  .sm-mr35 {
    margin-right: 35px;
  }
  .sm-p35 {
    padding: 35px;
  }
  .sm-pt35 {
    padding-top: 35px;
  }
  .sm-pb35 {
    padding-bottom: 35px;
  }
  .sm-pl35 {
    padding-left: 35px;
  }
  .sm-pr35 {
    padding-right: 35px;
  }
  .sm-m40 {
    margin: 40px;
  }
  .sm-mt40 {
    margin-top: 40px;
  }
  .sm-mb40 {
    margin-bottom: 40px;
  }
  .sm-ml40 {
    margin-left: 40px;
  }
  .sm-mr40 {
    margin-right: 40px;
  }
  .sm-p40 {
    padding: 40px;
  }
  .sm-pt40 {
    padding-top: 40px;
  }
  .sm-pb40 {
    padding-bottom: 40px;
  }
  .sm-pl40 {
    padding-left: 40px;
  }
  .sm-pr40 {
    padding-right: 40px;
  }
  .sm-m45 {
    margin: 45px;
  }
  .sm-mt45 {
    margin-top: 45px;
  }
  .sm-mb45 {
    margin-bottom: 45px;
  }
  .sm-ml45 {
    margin-left: 45px;
  }
  .sm-mr45 {
    margin-right: 45px;
  }
  .sm-p45 {
    padding: 45px;
  }
  .sm-pt45 {
    padding-top: 45px;
  }
  .sm-pb45 {
    padding-bottom: 45px;
  }
  .sm-pl45 {
    padding-left: 45px;
  }
  .sm-pr45 {
    padding-right: 45px;
  }
  .sm-m50 {
    margin: 50px;
  }
  .sm-mt50 {
    margin-top: 50px;
  }
  .sm-mb50 {
    margin-bottom: 50px;
  }
  .sm-ml50 {
    margin-left: 50px;
  }
  .sm-mr50 {
    margin-right: 50px;
  }
  .sm-p50 {
    padding: 50px;
  }
  .sm-pt50 {
    padding-top: 50px;
  }
  .sm-pb50 {
    padding-bottom: 50px;
  }
  .sm-pl50 {
    padding-left: 50px;
  }
  .sm-pr50 {
    padding-right: 50px;
  }
  .sm-m55 {
    margin: 55px;
  }
  .sm-mt55 {
    margin-top: 55px;
  }
  .sm-mb55 {
    margin-bottom: 55px;
  }
  .sm-ml55 {
    margin-left: 55px;
  }
  .sm-mr55 {
    margin-right: 55px;
  }
  .sm-p55 {
    padding: 55px;
  }
  .sm-pt55 {
    padding-top: 55px;
  }
  .sm-pb55 {
    padding-bottom: 55px;
  }
  .sm-pl55 {
    padding-left: 55px;
  }
  .sm-pr55 {
    padding-right: 55px;
  }
  .sm-m60 {
    margin: 60px;
  }
  .sm-mt60 {
    margin-top: 60px;
  }
  .sm-mb60 {
    margin-bottom: 60px;
  }
  .sm-ml60 {
    margin-left: 60px;
  }
  .sm-mr60 {
    margin-right: 60px;
  }
  .sm-p60 {
    padding: 60px;
  }
  .sm-pt60 {
    padding-top: 60px;
  }
  .sm-pb60 {
    padding-bottom: 60px;
  }
  .sm-pl60 {
    padding-left: 60px;
  }
  .sm-pr60 {
    padding-right: 60px;
  }
  .sm-m65 {
    margin: 65px;
  }
  .sm-mt65 {
    margin-top: 65px;
  }
  .sm-mb65 {
    margin-bottom: 65px;
  }
  .sm-ml65 {
    margin-left: 65px;
  }
  .sm-mr65 {
    margin-right: 65px;
  }
  .sm-p65 {
    padding: 65px;
  }
  .sm-pt65 {
    padding-top: 65px;
  }
  .sm-pb65 {
    padding-bottom: 65px;
  }
  .sm-pl65 {
    padding-left: 65px;
  }
  .sm-pr65 {
    padding-right: 65px;
  }
  .sm-m70 {
    margin: 70px;
  }
  .sm-mt70 {
    margin-top: 70px;
  }
  .sm-mb70 {
    margin-bottom: 70px;
  }
  .sm-ml70 {
    margin-left: 70px;
  }
  .sm-mr70 {
    margin-right: 70px;
  }
  .sm-p70 {
    padding: 70px;
  }
  .sm-pt70 {
    padding-top: 70px;
  }
  .sm-pb70 {
    padding-bottom: 70px;
  }
  .sm-pl70 {
    padding-left: 70px;
  }
  .sm-pr70 {
    padding-right: 70px;
  }
  .sm-m75 {
    margin: 75px;
  }
  .sm-mt75 {
    margin-top: 75px;
  }
  .sm-mb75 {
    margin-bottom: 75px;
  }
  .sm-ml75 {
    margin-left: 75px;
  }
  .sm-mr75 {
    margin-right: 75px;
  }
  .sm-p75 {
    padding: 75px;
  }
  .sm-pt75 {
    padding-top: 75px;
  }
  .sm-pb75 {
    padding-bottom: 75px;
  }
  .sm-pl75 {
    padding-left: 75px;
  }
  .sm-pr75 {
    padding-right: 75px;
  }
  .sm-m80 {
    margin: 80px;
  }
  .sm-mt80 {
    margin-top: 80px;
  }
  .sm-mb80 {
    margin-bottom: 80px;
  }
  .sm-ml80 {
    margin-left: 80px;
  }
  .sm-mr80 {
    margin-right: 80px;
  }
  .sm-p80 {
    padding: 80px;
  }
  .sm-pt80 {
    padding-top: 80px;
  }
  .sm-pb80 {
    padding-bottom: 80px;
  }
  .sm-pl80 {
    padding-left: 80px;
  }
  .sm-pr80 {
    padding-right: 80px;
  }
  .sm-m85 {
    margin: 85px;
  }
  .sm-mt85 {
    margin-top: 85px;
  }
  .sm-mb85 {
    margin-bottom: 85px;
  }
  .sm-ml85 {
    margin-left: 85px;
  }
  .sm-mr85 {
    margin-right: 85px;
  }
  .sm-p85 {
    padding: 85px;
  }
  .sm-pt85 {
    padding-top: 85px;
  }
  .sm-pb85 {
    padding-bottom: 85px;
  }
  .sm-pl85 {
    padding-left: 85px;
  }
  .sm-pr85 {
    padding-right: 85px;
  }
  .sm-m90 {
    margin: 90px;
  }
  .sm-mt90 {
    margin-top: 90px;
  }
  .sm-mb90 {
    margin-bottom: 90px;
  }
  .sm-ml90 {
    margin-left: 90px;
  }
  .sm-mr90 {
    margin-right: 90px;
  }
  .sm-p90 {
    padding: 90px;
  }
  .sm-pt90 {
    padding-top: 90px;
  }
  .sm-pb90 {
    padding-bottom: 90px;
  }
  .sm-pl90 {
    padding-left: 90px;
  }
  .sm-pr90 {
    padding-right: 90px;
  }
  .sm-m95 {
    margin: 95px;
  }
  .sm-mt95 {
    margin-top: 95px;
  }
  .sm-mb95 {
    margin-bottom: 95px;
  }
  .sm-ml95 {
    margin-left: 95px;
  }
  .sm-mr95 {
    margin-right: 95px;
  }
  .sm-p95 {
    padding: 95px;
  }
  .sm-pt95 {
    padding-top: 95px;
  }
  .sm-pb95 {
    padding-bottom: 95px;
  }
  .sm-pl95 {
    padding-left: 95px;
  }
  .sm-pr95 {
    padding-right: 95px;
  }
  .sm-m100 {
    margin: 100px;
  }
  .sm-mt100 {
    margin-top: 100px;
  }
  .sm-mb100 {
    margin-bottom: 100px;
  }
  .sm-ml100 {
    margin-left: 100px;
  }
  .sm-mr100 {
    margin-right: 100px;
  }
  .sm-p100 {
    padding: 100px;
  }
  .sm-pt100 {
    padding-top: 100px;
  }
  .sm-pb100 {
    padding-bottom: 100px;
  }
  .sm-pl100 {
    padding-left: 100px;
  }
  .sm-pr100 {
    padding-right: 100px;
  }
}
@media (min-width: 1200px) {
  .md-col-1 {
    float: left;
    width: 8.33333333%;
  }
  .md-col-2 {
    float: left;
    width: 16.66666667%;
  }
  .md-col-3 {
    float: left;
    width: 25%;
  }
  .md-col-4 {
    float: left;
    width: 33.33333333%;
  }
  .md-col-5 {
    float: left;
    width: 41.66666667%;
  }
  .md-col-6 {
    float: left;
    width: 50%;
  }
  .md-col-7 {
    float: left;
    width: 58.33333333%;
  }
  .md-col-8 {
    float: left;
    width: 66.66666667%;
  }
  .md-col-9 {
    float: left;
    width: 75%;
  }
  .md-col-10 {
    float: left;
    width: 83.33333333%;
  }
  .md-col-11 {
    float: left;
    width: 91.66666667%;
  }
  .md-col-12 {
    float: left;
    width: 100%;
  }
  .md-dis-bl {
    display: block;
  }
  .md-dis-ib {
    display: inline-block;
  }
  .md-dis-in {
    display: inline;
  }
  .md-dis-no {
    display: none;
  }
  .md-lineclamp_1 {
    -webkit-line-clamp: 1;
  }
  .md-lineclamp_2 {
    -webkit-line-clamp: 2;
  }
  .md-lineclamp_3 {
    -webkit-line-clamp: 3;
  }
  .md-lineclamp_4 {
    -webkit-line-clamp: 4;
  }
  .md-lineclamp_5 {
    -webkit-line-clamp: 5;
  }
  .md-lineclamp_6 {
    -webkit-line-clamp: 6;
  }
  .md-lineclamp_7 {
    -webkit-line-clamp: 7;
  }
  .md-lineclamp_8 {
    -webkit-line-clamp: 8;
  }
  .md-lineclamp_9 {
    -webkit-line-clamp: 9;
  }
  .md-lineclamp_10 {
    -webkit-line-clamp: 10;
  }
  .md-fs2 {
    font-size: 2px;
  }
  .md-fs4 {
    font-size: 4px;
  }
  .md-fs6 {
    font-size: 6px;
  }
  .md-fs8 {
    font-size: 8px;
  }
  .md-fs10 {
    font-size: 10px;
  }
  .md-fs12 {
    font-size: 12px;
  }
  .md-fs14 {
    font-size: 14px;
  }
  .md-fs16 {
    font-size: 16px;
  }
  .md-fs17 {
    font-size: 17px;
  }
  .md-fs18 {
    font-size: 18px;
  }
  .md-fs20 {
    font-size: 20px;
  }
  .md-fs22 {
    font-size: 22px;
  }
  .md-fs24 {
    font-size: 24px;
  }
  .md-fs26 {
    font-size: 26px;
  }
  .md-fs28 {
    font-size: 28px;
  }
  .md-fs30 {
    font-size: 30px;
  }
  .md-fs32 {
    font-size: 32px;
  }
  .md-fs34 {
    font-size: 34px;
  }
  .md-fs36 {
    font-size: 36px;
  }
  .md-fs38 {
    font-size: 38px;
  }
  .md-fs40 {
    font-size: 40px;
  }
  .md-fs42 {
    font-size: 42px;
  }
  .md-fs44 {
    font-size: 44px;
  }
  .md-fs46 {
    font-size: 46px;
  }
  .md-fs48 {
    font-size: 48px;
  }
  .md-fs50 {
    font-size: 50px;
  }
  .md-fs52 {
    font-size: 52px;
  }
  .md-fs54 {
    font-size: 54px;
  }
  .md-fs56 {
    font-size: 56px;
  }
  .md-fs58 {
    font-size: 58px;
  }
  .md-fs60 {
    font-size: 60px;
  }
  .md-fs62 {
    font-size: 62px;
  }
  .md-fs64 {
    font-size: 64px;
  }
  .md-w50 {
    width: 50px;
  }
  .md-w100 {
    width: 100px;
  }
  .md-w150 {
    width: 150px;
  }
  .md-w200 {
    width: 200px;
  }
  .md-w250 {
    width: 250px;
  }
  .md-w300 {
    width: 300px;
  }
  .md-w350 {
    width: 350px;
  }
  .md-w400 {
    width: 400px;
  }
  .md-w450 {
    width: 450px;
  }
  .md-w500 {
    width: 500px;
  }
  .md-w550 {
    width: 550px;
  }
  .md-w600 {
    width: 600px;
  }
  .md-w650 {
    width: 650px;
  }
  .md-w700 {
    width: 700px;
  }
  .md-w750 {
    width: 750px;
  }
  .md-w800 {
    width: 800px;
  }
  .md-w850 {
    width: 850px;
  }
  .md-w900 {
    width: 900px;
  }
  .md-w950 {
    width: 950px;
  }
  .md-w1000 {
    width: 1000px;
  }
  .md-w1050 {
    width: 1050px;
  }
  .md-w1100 {
    width: 1100px;
  }
  .md-w1150 {
    width: 1150px;
  }
  .md-w1200 {
    width: 1200px;
  }
  .md-h50 {
    height: 50px;
  }
  .md-h100 {
    height: 100px;
  }
  .md-h150 {
    height: 150px;
  }
  .md-h200 {
    height: 200px;
  }
  .md-h250 {
    height: 250px;
  }
  .md-h300 {
    height: 300px;
  }
  .md-h350 {
    height: 350px;
  }
  .md-h400 {
    height: 400px;
  }
  .md-h450 {
    height: 450px;
  }
  .md-h500 {
    height: 500px;
  }
  .md-h550 {
    height: 550px;
  }
  .md-h600 {
    height: 600px;
  }
  .md-h650 {
    height: 650px;
  }
  .md-h700 {
    height: 700px;
  }
  .md-h750 {
    height: 750px;
  }
  .md-h800 {
    height: 800px;
  }
  .md-h850 {
    height: 850px;
  }
  .md-h900 {
    height: 900px;
  }
  .md-h950 {
    height: 950px;
  }
  .md-h1000 {
    height: 1000px;
  }
  .md-h1050 {
    height: 1050px;
  }
  .md-h1100 {
    height: 1100px;
  }
  .md-h1150 {
    height: 1150px;
  }
  .md-h1200 {
    height: 1200px;
  }
  .md-m5 {
    margin: 5px;
  }
  .md-mt5 {
    margin-top: 5px;
  }
  .md-mb5 {
    margin-bottom: 5px;
  }
  .md-ml5 {
    margin-left: 5px;
  }
  .md-mr5 {
    margin-right: 5px;
  }
  .md-p5 {
    padding: 5px;
  }
  .md-pt5 {
    padding-top: 5px;
  }
  .md-pb5 {
    padding-bottom: 5px;
  }
  .md-pl5 {
    padding-left: 5px;
  }
  .md-pr5 {
    padding-right: 5px;
  }
  .md-m10 {
    margin: 10px;
  }
  .md-mt10 {
    margin-top: 10px;
  }
  .md-mb10 {
    margin-bottom: 10px;
  }
  .md-ml10 {
    margin-left: 10px;
  }
  .md-mr10 {
    margin-right: 10px;
  }
  .md-p10 {
    padding: 10px;
  }
  .md-pt10 {
    padding-top: 10px;
  }
  .md-pb10 {
    padding-bottom: 10px;
  }
  .md-pl10 {
    padding-left: 10px;
  }
  .md-pr10 {
    padding-right: 10px;
  }
  .md-m15 {
    margin: 15px;
  }
  .md-mt15 {
    margin-top: 15px;
  }
  .md-mb15 {
    margin-bottom: 15px;
  }
  .md-ml15 {
    margin-left: 15px;
  }
  .md-mr15 {
    margin-right: 15px;
  }
  .md-p15 {
    padding: 15px;
  }
  .md-pt15 {
    padding-top: 15px;
  }
  .md-pb15 {
    padding-bottom: 15px;
  }
  .md-pl15 {
    padding-left: 15px;
  }
  .md-pr15 {
    padding-right: 15px;
  }
  .md-m20 {
    margin: 20px;
  }
  .md-mt20 {
    margin-top: 20px;
  }
  .md-mb20 {
    margin-bottom: 20px;
  }
  .md-ml20 {
    margin-left: 20px;
  }
  .md-mr20 {
    margin-right: 20px;
  }
  .md-p20 {
    padding: 20px;
  }
  .md-pt20 {
    padding-top: 20px;
  }
  .md-pb20 {
    padding-bottom: 20px;
  }
  .md-pl20 {
    padding-left: 20px;
  }
  .md-pr20 {
    padding-right: 20px;
  }
  .md-m25 {
    margin: 25px;
  }
  .md-mt25 {
    margin-top: 25px;
  }
  .md-mb25 {
    margin-bottom: 25px;
  }
  .md-ml25 {
    margin-left: 25px;
  }
  .md-mr25 {
    margin-right: 25px;
  }
  .md-p25 {
    padding: 25px;
  }
  .md-pt25 {
    padding-top: 25px;
  }
  .md-pb25 {
    padding-bottom: 25px;
  }
  .md-pl25 {
    padding-left: 25px;
  }
  .md-pr25 {
    padding-right: 25px;
  }
  .md-m30 {
    margin: 30px;
  }
  .md-mt30 {
    margin-top: 30px;
  }
  .md-mb30 {
    margin-bottom: 30px;
  }
  .md-ml30 {
    margin-left: 30px;
  }
  .md-mr30 {
    margin-right: 30px;
  }
  .md-p30 {
    padding: 30px;
  }
  .md-pt30 {
    padding-top: 30px;
  }
  .md-pb30 {
    padding-bottom: 30px;
  }
  .md-pl30 {
    padding-left: 30px;
  }
  .md-pr30 {
    padding-right: 30px;
  }
  .md-m35 {
    margin: 35px;
  }
  .md-mt35 {
    margin-top: 35px;
  }
  .md-mb35 {
    margin-bottom: 35px;
  }
  .md-ml35 {
    margin-left: 35px;
  }
  .md-mr35 {
    margin-right: 35px;
  }
  .md-p35 {
    padding: 35px;
  }
  .md-pt35 {
    padding-top: 35px;
  }
  .md-pb35 {
    padding-bottom: 35px;
  }
  .md-pl35 {
    padding-left: 35px;
  }
  .md-pr35 {
    padding-right: 35px;
  }
  .md-m40 {
    margin: 40px;
  }
  .md-mt40 {
    margin-top: 40px;
  }
  .md-mb40 {
    margin-bottom: 40px;
  }
  .md-ml40 {
    margin-left: 40px;
  }
  .md-mr40 {
    margin-right: 40px;
  }
  .md-p40 {
    padding: 40px;
  }
  .md-pt40 {
    padding-top: 40px;
  }
  .md-pb40 {
    padding-bottom: 40px;
  }
  .md-pl40 {
    padding-left: 40px;
  }
  .md-pr40 {
    padding-right: 40px;
  }
  .md-m45 {
    margin: 45px;
  }
  .md-mt45 {
    margin-top: 45px;
  }
  .md-mb45 {
    margin-bottom: 45px;
  }
  .md-ml45 {
    margin-left: 45px;
  }
  .md-mr45 {
    margin-right: 45px;
  }
  .md-p45 {
    padding: 45px;
  }
  .md-pt45 {
    padding-top: 45px;
  }
  .md-pb45 {
    padding-bottom: 45px;
  }
  .md-pl45 {
    padding-left: 45px;
  }
  .md-pr45 {
    padding-right: 45px;
  }
  .md-m50 {
    margin: 50px;
  }
  .md-mt50 {
    margin-top: 50px;
  }
  .md-mb50 {
    margin-bottom: 50px;
  }
  .md-ml50 {
    margin-left: 50px;
  }
  .md-mr50 {
    margin-right: 50px;
  }
  .md-p50 {
    padding: 50px;
  }
  .md-pt50 {
    padding-top: 50px;
  }
  .md-pb50 {
    padding-bottom: 50px;
  }
  .md-pl50 {
    padding-left: 50px;
  }
  .md-pr50 {
    padding-right: 50px;
  }
  .md-m55 {
    margin: 55px;
  }
  .md-mt55 {
    margin-top: 55px;
  }
  .md-mb55 {
    margin-bottom: 55px;
  }
  .md-ml55 {
    margin-left: 55px;
  }
  .md-mr55 {
    margin-right: 55px;
  }
  .md-p55 {
    padding: 55px;
  }
  .md-pt55 {
    padding-top: 55px;
  }
  .md-pb55 {
    padding-bottom: 55px;
  }
  .md-pl55 {
    padding-left: 55px;
  }
  .md-pr55 {
    padding-right: 55px;
  }
  .md-m60 {
    margin: 60px;
  }
  .md-mt60 {
    margin-top: 60px;
  }
  .md-mb60 {
    margin-bottom: 60px;
  }
  .md-ml60 {
    margin-left: 60px;
  }
  .md-mr60 {
    margin-right: 60px;
  }
  .md-p60 {
    padding: 60px;
  }
  .md-pt60 {
    padding-top: 60px;
  }
  .md-pb60 {
    padding-bottom: 60px;
  }
  .md-pl60 {
    padding-left: 60px;
  }
  .md-pr60 {
    padding-right: 60px;
  }
  .md-m65 {
    margin: 65px;
  }
  .md-mt65 {
    margin-top: 65px;
  }
  .md-mb65 {
    margin-bottom: 65px;
  }
  .md-ml65 {
    margin-left: 65px;
  }
  .md-mr65 {
    margin-right: 65px;
  }
  .md-p65 {
    padding: 65px;
  }
  .md-pt65 {
    padding-top: 65px;
  }
  .md-pb65 {
    padding-bottom: 65px;
  }
  .md-pl65 {
    padding-left: 65px;
  }
  .md-pr65 {
    padding-right: 65px;
  }
  .md-m70 {
    margin: 70px;
  }
  .md-mt70 {
    margin-top: 70px;
  }
  .md-mb70 {
    margin-bottom: 70px;
  }
  .md-ml70 {
    margin-left: 70px;
  }
  .md-mr70 {
    margin-right: 70px;
  }
  .md-p70 {
    padding: 70px;
  }
  .md-pt70 {
    padding-top: 70px;
  }
  .md-pb70 {
    padding-bottom: 70px;
  }
  .md-pl70 {
    padding-left: 70px;
  }
  .md-pr70 {
    padding-right: 70px;
  }
  .md-m75 {
    margin: 75px;
  }
  .md-mt75 {
    margin-top: 75px;
  }
  .md-mb75 {
    margin-bottom: 75px;
  }
  .md-ml75 {
    margin-left: 75px;
  }
  .md-mr75 {
    margin-right: 75px;
  }
  .md-p75 {
    padding: 75px;
  }
  .md-pt75 {
    padding-top: 75px;
  }
  .md-pb75 {
    padding-bottom: 75px;
  }
  .md-pl75 {
    padding-left: 75px;
  }
  .md-pr75 {
    padding-right: 75px;
  }
  .md-m80 {
    margin: 80px;
  }
  .md-mt80 {
    margin-top: 80px;
  }
  .md-mb80 {
    margin-bottom: 80px;
  }
  .md-ml80 {
    margin-left: 80px;
  }
  .md-mr80 {
    margin-right: 80px;
  }
  .md-p80 {
    padding: 80px;
  }
  .md-pt80 {
    padding-top: 80px;
  }
  .md-pb80 {
    padding-bottom: 80px;
  }
  .md-pl80 {
    padding-left: 80px;
  }
  .md-pr80 {
    padding-right: 80px;
  }
  .md-m85 {
    margin: 85px;
  }
  .md-mt85 {
    margin-top: 85px;
  }
  .md-mb85 {
    margin-bottom: 85px;
  }
  .md-ml85 {
    margin-left: 85px;
  }
  .md-mr85 {
    margin-right: 85px;
  }
  .md-p85 {
    padding: 85px;
  }
  .md-pt85 {
    padding-top: 85px;
  }
  .md-pb85 {
    padding-bottom: 85px;
  }
  .md-pl85 {
    padding-left: 85px;
  }
  .md-pr85 {
    padding-right: 85px;
  }
  .md-m90 {
    margin: 90px;
  }
  .md-mt90 {
    margin-top: 90px;
  }
  .md-mb90 {
    margin-bottom: 90px;
  }
  .md-ml90 {
    margin-left: 90px;
  }
  .md-mr90 {
    margin-right: 90px;
  }
  .md-p90 {
    padding: 90px;
  }
  .md-pt90 {
    padding-top: 90px;
  }
  .md-pb90 {
    padding-bottom: 90px;
  }
  .md-pl90 {
    padding-left: 90px;
  }
  .md-pr90 {
    padding-right: 90px;
  }
  .md-m95 {
    margin: 95px;
  }
  .md-mt95 {
    margin-top: 95px;
  }
  .md-mb95 {
    margin-bottom: 95px;
  }
  .md-ml95 {
    margin-left: 95px;
  }
  .md-mr95 {
    margin-right: 95px;
  }
  .md-p95 {
    padding: 95px;
  }
  .md-pt95 {
    padding-top: 95px;
  }
  .md-pb95 {
    padding-bottom: 95px;
  }
  .md-pl95 {
    padding-left: 95px;
  }
  .md-pr95 {
    padding-right: 95px;
  }
  .md-m100 {
    margin: 100px;
  }
  .md-mt100 {
    margin-top: 100px;
  }
  .md-mb100 {
    margin-bottom: 100px;
  }
  .md-ml100 {
    margin-left: 100px;
  }
  .md-mr100 {
    margin-right: 100px;
  }
  .md-p100 {
    padding: 100px;
  }
  .md-pt100 {
    padding-top: 100px;
  }
  .md-pb100 {
    padding-bottom: 100px;
  }
  .md-pl100 {
    padding-left: 100px;
  }
  .md-pr100 {
    padding-right: 100px;
  }
}
.op_1_white {
  background-color: rgba(255, 255, 255, 0.1);
}
.op_1_black {
  background-color: rgba(0, 0, 0, 0.1);
}
.op_2_white {
  background-color: rgba(255, 255, 255, 0.2);
}
.op_2_black {
  background-color: rgba(0, 0, 0, 0.2);
}
.op_3_white {
  background-color: rgba(255, 255, 255, 0.3);
}
.op_3_black {
  background-color: rgba(0, 0, 0, 0.3);
}
.op_4_white {
  background-color: rgba(255, 255, 255, 0.4);
}
.op_4_black {
  background-color: rgba(0, 0, 0, 0.4);
}
.op_5_white {
  background-color: rgba(255, 255, 255, 0.5);
}
.op_5_black {
  background-color: rgba(0, 0, 0, 0.5);
}
.op_6_white {
  background-color: rgba(255, 255, 255, 0.6);
}
.op_6_black {
  background-color: rgba(0, 0, 0, 0.6);
}
.op_7_white {
  background-color: rgba(255, 255, 255, 0.7);
}
.op_7_black {
  background-color: rgba(0, 0, 0, 0.7);
}
.op_8_white {
  background-color: rgba(255, 255, 255, 0.8);
}
.op_8_black {
  background-color: rgba(0, 0, 0, 0.8);
}
.op_9_white {
  background-color: rgba(255, 255, 255, 0.9);
}
.op_9_black {
  background-color: rgba(0, 0, 0, 0.9);
}
.op_10_white {
  background-color: #ffffff;
}
.op_10_black {
  background-color: #000000;
}
/*
@import "../_less/grid.less";
@import "../_less/table.less";
@import "../_less/form.less";



@import "../_less/banner.less";
@import "../_less/index_section_1.less";
@import "../_less/index_section_2.less";
@import "../_less/index_section_4.less";
@import "../_less/index_section_3.less";
@import "../_less/page.less";
*/