/* reset */
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html {
  height: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}

body {
  min-height: 100%;
  max-width: 3840px;
}

body {
  _height: 100%;
}

body,
div,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
iframe,
pre,
code,
fieldset,
legend,
form,
input,
select,
textarea,
button,
p,
blockquote,
th,
td,
figure {
  margin: 0;
  padding: 0;
}

body,
div,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
iframe,
pre,
code,
fieldset,
legend,
form,
p,
blockquote,
figure,
header,
footer,
nav,
article,
section,
aside,
address,
figcaption {
  *zoom: 1;
}

li {
  list-style-type: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
hr {
  background-color: #d6d7da;
  height: 1px;
  border: 0;
}
iframe,
frame,
fieldset,
img {
  border: 0 none;
}

img {
  vertical-align: top;
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
  cursor: pointer;
}

button {
  cursor: pointer;
}

input,
textarea,
button {
  border-radius: 0;
  appearance: none;
  -webkit-appearance: none;
}

input[type="radio"] {
  border-radius: 100%;
  appearance: radio;
  -webkit-appearance: radio;
}

input[type="checkbox"] {
  appearance: checkbox;
  -webkit-appearance: checkbox;
}

input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box;
}

textarea {
  overflow: auto;
  resize: none;
}

blockquote,
q {
  quotes: none;
}

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

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

caption,
th {
  text-align: left;
}

th {
  font-weight: normal;
}

em,
cite,
address,
i {
  font-style: normal;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

body,
input,
select,
button,
textarea {
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC",
    "Microsoft Yahei";
}

body {
  line-height: 1.5;
}

a {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

/* a { blr:expression(this.onFocus=this.blur()) } */
a * {
  *cursor: pointer;
}

:focus {
  outline: none;
}

.edit_con_original {
  line-height: 2;
  padding: 0 0;
  color: #333;
}

.edit_con_original ul {
  margin: inherit;
  padding: inherit;
  padding-left: 2em;
}

.edit_con_original ul li {
  list-style-type: disc;
  margin: auto;
}

.edit_con_original ol {
  margin: inherit;
  padding: inherit;
}

.edit_con_original ol li {
  list-style-type: decimal;
  margin: auto;
}

.edit_con_original h1 {
  font-size: 2em;
  font-weight: bold;
}

.edit_con_original h2 {
  font-size: 1.5em;
  font-weight: bold;
}

.edit_con_original h3 {
  font-size: 1.17em;
  font-weight: bold;
}

.edit_con_original h4 {
  font-size: 1em;
  font-weight: bold;
}

.edit_con_original h5 {
  font-size: 0.83em;
  font-weight: bold;
}

.edit_con_original h6 {
  font-size: 0.67em;
  font-weight: bold;
}

.edit_con_original em {
  font-style: italic;
}

.edit_con_original cite {
  font-style: italic;
}

.edit_con_original address {
  font-style: italic;
}

.edit_con_original i {
  font-style: italic;
}

.edit_con_original table {
  border-collapse: separate;
  border-spacing: 2px;
}

.edit_con_original img {
  max-width: 100%;
  height: auto;
}

.edit_con_original video {
  max-width: 100%;
  display: block;
  margin: auto;
}

/*所有后台编辑器区域都要引用 edit_con_original 类名*/

/* clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before,
.clearfix:before,
.cf:before,
body:before,
.header:before,
.main:before,
.footer:before {
  content: "";
  display: table;
}

.fixed:after,
.clearfix:after,
.cf:after,
after,
.header:after,
.main:after,
.footer:after {
  content: "";
  display: table;
  clear: both;
}

.fixed,
.clearfix,
.cf,
.header,
.main,
.footer {
  *zoom: 1;
}

.clear,
.cl {
  display: block !important;
  float: none !important;
  clear: both;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 none !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

.err_position {
  width: 100%;
  height: auto;
  background: url(/uistatic/images/errors.png) center no-repeat;
}

/*隐藏视频下载按钮*/
video::-internal-media-controls-download-button {
  display: none;
}

video::-webkit-media-controls-enclosure {
  overflow: hidden;
}

video::-webkit-media-controls-panel {
  width: calc(100% + 30px);
}

/*图片经过*/
.tran_scale {
  overflow: hidden;
  display: block;
}

/*img{transition: All 0.7s ease-in-out;}*/
.tran_scale img {
  -webkit-transition: opacity 0.4s ease-in, -webkit-transform 0.6s linear;
  transition: opacity 0.4s ease-in, transform 0.6s linear;
}

.tran_scale:hover img {
  transform: scale(1.1, 1.1) !important;
  -webkit-transform: scale(1.1, 1.1);
  -moz-: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
}

/*两端对齐*/
.justify {
  text-align: justify;
  text-justify: distribute-all-lines;
}

/*上下居中*/
.v-m-c {
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  position: absolute;
  left: 0;
  top: 50%;
}

/*左右居中*/
.l-m-c {
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  position: absolute;
  left: 50%;
  top: 0;
}

/*绝对居中*/
.a-m-c {
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
}

.animate {
  transition: 1.5s all cubic-bezier(0.19, 1, 0.22, 1);
}

.animate_slowx {
  transition: 2.5s all cubic-bezier(0.19, 1, 0.22, 1);
}

.animate_fast {
  transition: 1s all cubic-bezier(0.19, 1, 0.22, 1);
}

.animate_slow {
  transition: 10s all cubic-bezier(0.19, 1, 0.22, 1);
}

.animate_normal {
  transition: 0.5s all linear;
}

/* 阿里图标 */
[class*="icon"] {
  font-family: "iconfont";
}

body,
a {
  color: #3b3e43;
}

.scrollHeader .header {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.header {
  position: relative;
}

.wrap {
  width: 1200px;
  max-width: 90%;
  margin: auto;
}

.line24 {
  line-height: 24px;
  display: -webkit-box;
  overflow: hidden;

  -webkit-box-orient: vertical;
}

.line30 {
  line-height: 30px;
  display: -webkit-box;
  overflow: hidden;

  -webkit-box-orient: vertical;
}

.line32 {
  line-height: 32px;
  display: -webkit-box;
  overflow: hidden;

  -webkit-box-orient: vertical;
}

.line36 {
  line-height: 36px;
  display: -webkit-box;
  overflow: hidden;

  -webkit-box-orient: vertical;
}

.ellipsis_p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ratio-img,
.ratio-img img {
  width: 100%;
  max-width: 100%;
}

.bold {
  font-weight: bold;
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media only screen and (max-width: 1024px) {
  .wrap {
    max-width: 94%;
  }

  .line30,
  .line32,
  .line36 {
    line-height: 24px;
  }
}

/*font-size*/
.fnt_12 {
  font-size: 12px;
}

.fnt_16 {
  font-size: 16px;
}

.fnt_18 {
  font-size: 18px;
}

.fnt_20 {
  font-size: 20px;
}

.fnt_24 {
  font-size: 24px;
}

.fnt_22 {
  font-size: 22px;
}

.fnt_26 {
  font-size: 26px;
}

.fnt_28 {
  font-size: 28px;
}

.fnt_30 {
  font-size: 30px;
}

.fnt_32 {
  font-size: 32px;
}

.fnt_36 {
  font-size: 36px;
}

.fnt_48 {
  font-size: 48px;
}

.fnt_60 {
  font-size: 60px;
}

@media only screen and (max-width: 1440px) {
  .fnt_20 {
    font-size: 20px;
  }

  .fnt_22 {
    font-size: 20px;
  }

  .fnt_24 {
    font-size: 22px;
  }

  .fnt_26 {
    font-size: 24px;
  }

  .fnt_28 {
    font-size: 26px;
  }

  .fnt_30 {
    font-size: 28px;
  }

  .fnt_32 {
    font-size: 28px;
  }

  .fnt_36 {
    font-size: 32px;
  }

  .fnt_48 {
    font-size: 40px;
  }

  .fnt_60 {
    font-size: 52px;
  }
}

@media only screen and (max-width: 1280px) {
}

@media only screen and (max-width: 1366px) {
  .fnt_20 {
    font-size: 16px;
  }

  .fnt_22 {
    font-size: 18px;
  }

  .fnt_26 {
    font-size: 20px;
  }

  .fnt_28 {
    font-size: 24px;
  }

  .fnt_30 {
    font-size: 24px;
  }

  .fnt_32 {
    font-size: 24px;
  }

  .fnt_36 {
    font-size: 28px;
  }

  .fnt_48 {
    font-size: 36px;
  }

  .fnt_60 {
    font-size: 48px;
  }
}

@media only screen and (max-width: 1024px) {
  .fnt_16 {
    font-size: 14px;
  }

  .fnt_18 {
    font-size: 16px;
  }

  .fnt_22 {
    font-size: 18px;
  }

  .fnt_24 {
    font-size: 18px;
  }

  .fnt_26 {
    font-size: 18px;
  }

  .fnt_28 {
    font-size: 20px;
  }

  .fnt_30 {
    font-size: 20px;
  }

  .fnt_32 {
    font-size: 20px;
  }

  .fnt_36 {
    font-size: 24px;
  }

  .fnt_48 {
    font-size: 26px;
  }

  .fnt_60 {
    font-size: 36px;
  }
}

@media only screen and (max-width: 767px) {
  .fnt_18 {
    font-size: 14px;
  }

  .fnt_20 {
    font-size: 14px;
  }

  .fnt_20 {
    font-size: 14px;
  }

  .fnt_24 {
    font-size: 16px;
  }

  .fnt_26 {
    font-size: 16px;
  }

  .fnt_28 {
    font-size: 16px;
  }

  .fnt_30 {
    font-size: 16px;
  }

  .fnt_32 {
    font-size: 16px;
  }

  .fnt_36 {
    font-size: 18px;
  }

  .fnt_48 {
    font-size: 20px;
  }

  .fnt_60 {
    font-size: 22px;
  }
}

.header,
.height_height {
  height: 75px;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #ffffff;
  z-index: 999;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.header .wrap {
  position: relative;
  z-index: 5;
}

.header .stock {
  position: absolute;
  top: 9px;
  right: 0;
  border-radius: 20px;
  text-align: center;
  width: 150px;
  height: 22px;
  line-height: 22px;
  background: #c0a183;
  color: #fff;
}

.stock p {
  display: inline-block;
}

.header .stock p * {
  float: left;
}

.header .stock i {
  width: 2px;
  height: 10px;
  background: #fff;
  margin: 0 8px;
  margin-top: 6px;
}

.header .stock b {
  font-weight: normal;
  margin-right: 5px;
}

.stock em {
  font-family: "iconfont";
}

.stock em:before {
  content: "\e601";
}

.stock.bottom em:before {
  content: "\e603";
}

.header h1 {
  float: left;
  width: 178px;
  margin-top: 28px;
}

.header h1 a {
  display: block;
}

.header h1 img {
  width: 100%;
  max-width: 100%;
}

.nav {
  float: left;
  margin-right: 50px;
}

.nav li {
  float: left;
}

.nav li > a {
  display: block;
  padding: 0 20px;
}

.header_re {
  float: right;
}

.header_re > div {
  float: right;
  margin-left: 30px;
}

.header_box {
  float: right;
  height: 42px;
  line-height: 42px;
  margin-top: 32px;
}

.nav_phone_btn {
  display: none;
}

/*搜索*/
/* .header_search{} */
.search_btn,
.nav_phone_btn {
  height: 42px;
}

.header_search {
  position: relative;
}

.search_btn {
  cursor: pointer;
  position: relative;
  float: right;
  width: 40px;
  text-align: center;
  font-weight: bold;
}

.search_btn.on {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
}

.search_btn:before {
  content: "\e6e7";
  color: #000;
}

.search_btn:before,
.search_box_btn:before {
  font-size: 20px;
}

.search_box {
  background: #fff;
  width: 100px;
  right: 0px;
  /* position: absolute; */
  top: 0px;
  margin-top: 0;
  z-index: 91;
  visibility: hidden;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  border: 1px solid #d3d3d3;
  height: 30px;
  overflow: hidden;
  box-sizing: border-box;
  line-height: 40px;
  border-radius: 20px;
  margin: 5px 0;
}

.search_box.on {
  width: 190px;
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
}

.search_box_input {
  width: calc(100% - 60px);
  padding: 0 10px;
  float: left;
  border: 0;
  height: 30px;
  outline: none;
  line-height: 40px;
  background: #fff;
}

.search_box_btn {
  height: 40px;
  width: 40px;
  background: none;
  border: 0;
  outline: none;
  float: right;
  font-weight: bold;
  position: relative;
}

.search_box_btn:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 30px;
}

/*搜索*/
/* .language{margin-top: 10px;} */
.language span {
  font-size: 14px;
}

.language dl {
  float: left;
  width: 85px;
  position: relative;
}

.language dt {
  position: relative;
  border-bottom: 1px solid #636363;
  cursor: pointer;
  font-size: 12px;
  text-align: center;
}

.language dt i {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  font-weight: bold;
}

.language span,
.language dt {
  height: 20px;
  line-height: 20px;
}

.language dd {
  background: #fff;
  width: 90px;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -45px;
  padding: 10px 0;
  display: none;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.4);
}

.language dd p {
  line-height: 30px;
  font-size: 12px;
}

.language dd p a {
  padding: 0 10px;
}

.language dd p.on a {
  color: #b7803e;
}

@media only screen and (max-width: 1700px) {
  .nav li > a {
    padding: 0 30px;
  }
}

@media only screen and (max-width: 1600px) {
  .nav li > a {
    padding: 0 25px;
  }
}

@media only screen and (max-width: 1450px) {
  .nav li > a {
    padding: 0 20px;
  }
}

@media only screen and (max-width: 1366px) {
  .nav {
    font-size: 16px;
    margin-right: 0;
  }
}

@media only screen and (max-width: 1340px) {
  .header_re > div {
    margin-left: 0;
  }
}

@media only screen and (max-width: 1290px) {
  .nav {
    font-size: 16px;
  }

  .nav li > a {
    padding: 0 16px;
  }
}

@media only screen and (max-width: 1230px) {
  .nav {
    font-size: 14px;
  }

  .nav li > a {
    padding: 0 6px;
  }
}

@media only screen and (max-width: 1024px) {
  .language dd p.on a {
    color: #fff;
  }

  .header_in {
    max-width: 94%;
    padding: 0;
  }

  .f_share a {
    margin: 0 20px;
  }

  .f_share {
    padding-bottom: 40px;
  }

  .f_share img {
    width: 50px;
    height: 50px;
  }

  .f_nav {
    padding: 30px 0;
  }

  .f_share {
    padding-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .f_share a {
    margin: 0;
    float: left;
    width: 16.666%;
    text-align: center;
  }

  .f_share {
    padding-bottom: 20px;
  }

  .f_share img {
    width: 30px;
    height: 30px;
  }

  .f_nav {
    padding: 20px 0;
  }

  .f_share {
    padding-bottom: 20px;
  }

  .f_nav a i {
    padding: 0 8px;
  }

  .f_bottom {
    padding: 20px 0;
    font-size: 12px;
    line-height: 20px;
  }

  .bah,
  .xhr,
  .f_bottom span {
    display: block;
  }

  .bah.sp {
    display: none;
  }
}

@media only screen and (max-width: 1024px) {
  .header .stock {
    right: 60px;
    top: 14px;
  }

  .search_btn,
  .nav_phone_btn {
    height: 50px;
    line-height: 50px;
  }

  .header_box {
    margin: 0;
  }

  .header h1 {
    width: 160px;
    margin-top: 15px;
  }

  .height_height,
  .header {
    height: 50px;
  }

  .header_box {
    position: fixed;
    bottom: 0;
    right: -100%;
    width: 100%;
    background: #99714a;
    height: calc(100% - 50px);
  }

  .header a,
  .header {
    color: #fff;
  }

  .nav {
    padding-top: 10px;
  }

  .nav,
  .nav > ul > li {
    float: none;
  }

  .nav > ul > li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }

  .nav > ul > li > a {
    height: 40px;
    line-height: 40px;
    font-weight: normal;
    padding: 0 20px;
  }

  .header_search {
    right: 0px;
    position: static;
    float: right;
  }

  .search_box {
    top: 10px;
    right: 40px;
  }

  .header_box {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
  }

  .navbody .header_box {
    right: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
  }

  .language dl {
    width: auto;
  }

  .language {
    overflow: hidden;
  }

  .language dt {
    display: none;
  }

  .language dd {
    display: block;
    width: auto;
    position: static;
    background: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
  }

  .language dd p {
    float: left;
    line-height: 24px;
    font-size: 14px;
  }

  .header_re {
    float: none;
    margin: 0 20px;
    padding-top: 30px;
  }

  .language span,
  .language dt {
    line-height: 24px;
  }

  .header_re > div {
    float: none;
    margin: 0;
  }

  .header_re .language {
    margin-bottom: 10px;
  }

  .search_btn {
    display: none;
  }

  .search_box {
    position: static;
    width: 360px;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
  }

  /*手机按钮*/
  .nav_phone_btn {
    display: block;
  }

  .nav_phone_btn span,
  .nav_phone_btn em {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
  }

  .nav_phone_btn {
    float: right;
    position: relative;
    width: 60px;
    cursor: pointer;
  }

  .nav_phone_btn span i {
    display: block;
    width: 32px;
    height: 2px;
    background: #99714a;
    margin-top: 8px;
  }

  .nav_phone_btn span i:first-child {
    margin-top: 0;
  }

  .nav_phone_btn em {
    color: #99714a;
    font-size: 22px;
    visibility: hidden;
    opacity: 0;
  }

  .visible_nav span {
    visibility: hidden;
    opacity: 0;
  }

  .visible_nav em {
    visibility: visible;
    opacity: 1;
  }

  .nav_phone_btn span i {
    width: 20px;
  }

  .nav_phone_btn span i {
    margin-top: 6px;
  }

  .nav_phone_btn {
    width: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .header h1 {
    width: 120px;
    margin-top: 18px;
  }

  .search_box {
    top: 60px;
    width: 100%;
  }

  .search_box.on {
    right: auto;
    left: 0;
    width: 100%;
  }

  .header_re {
    padding-top: 20px;
  }

  .header .stock {
    width: auto;
    right: 45px;
    padding: 0 5px;
    font-size: 12px;
  }

  .header .stock i {
    margin: 0 4px;
    margin-top: 6px;
  }
}

/*xiala*/
.nav > ul > li {
  position: relative;
}

.nav li > span,
.return_a {
  display: none;
}

.nav_list {
  position: absolute;
  padding-top: 14px;
  width: 196px;
  left: 50%;
  top: 42px;
  margin-left: -98px;
  display: none;
}

.nav_list a {
  display: block;
}

.nav_p {
  background: #fff;
  text-align: center;
  padding-bottom: 10px;
}

.nav_p p {
  line-height: 50px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.nav_p p:last-child {
  border: 0;
}

.nav_arrow {
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 0;
  overflow: hidden;
  margin: 0 0 0 -7px;
  border: 7px dashed transparent;
  border-bottom: 7px solid #fff;
}

@media only screen and (max-width: 1024px) {
  .nav > ul > li {
    position: static;
  }

  .nav_list {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
  }

  .nav li {
    float: none;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
    display: table;
    width: 100%;
    position: static;
    line-height: 40px;
  }

  .nav li a {
    padding: 0 20px;
    color: #fff;
  }

  .nav li > a {
    line-height: 40px;
    width: calc(100% - 90px);
    float: left;
  }

  .nav li > span,
  .return_a {
    display: block;
    color: #fff;
  }

  .nav li > span {
    width: 50px;
    text-align: center;
    float: right;
    font-size: 18px;
  }

  .nav_list {
    display: block;
    top: 0;
    left: auto;
    margin: 0;
    width: 100%;
    height: 100%;
    background: #99714a;
    padding: 0;
  }

  .nav_arrow {
    display: none;
  }

  .nav_p {
    background: none;
    text-align: left;
  }

  .return_a {
    background: #a07448;
    margin-top: 20px;
  }

  .nav_p p {
    line-height: 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }

  .nav_list {
    right: -100%;
  }

  .navbody .nav {
    right: 0;
  }

  .navbody .nav li.cur .nav_list {
    right: 0;
  }
}

.footer {
  clear: both;
  overflow: hidden;
}

.indexbody .footer_bg {
  padding: 90px 0 35px 0;
}

.f_top {
  background: #f5f5f5;
  padding: 65px 0 95px 0;
  overflow: hidden;
}

.f_le {
  float: left;
}

.f_le ul {
  overflow: hidden;
}

.f_le li {
  float: left;
  margin-right: 90px;
}

.f_le li dt {
  margin-bottom: 15px;
}

.f_le li dt i {
  display: block;
  height: 2px;
  width: 20px;
  background: #000;
  margin: 15px 0;
  margin-bottom: 20px;
}

.f_le li dd a {
  color: #666666;
  display: block;
  line-height: 30px;
}

.f_le li dd {
  overflow: hidden;
}

.f_le li dd p {
  float: left;
  margin-right: 25px;
}

.f_le li dd p:last-child,
.f_le li:last-child {
  margin-right: 0;
}

.f_re {
  float: right;
  width: 320px;
}

/* .f_link{} */
.f_link dl {
  position: relative;
}

.f_link dd {
  position: absolute;
  bottom: 40px;
  left: 0;
  width: 100%;
  background: #fff;
  padding: 10px 0;
  max-height: 128px;
  overflow: hidden;
  overflow-y: auto;
  border-bottom: 1px solid #eee;
  display: none;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  z-index: 9;
}

.f_link dd p {
  line-height: 32px;
}

.f_link dd a {
  display: block;
  padding: 0 20px;
}

.f_link dt {
  color: #666666;
  height: 40px;
  line-height: 40px;
  background: #e8e8e8;
  padding: 0 20px;
  overflow: hidden;
  cursor: pointer;
}

.f_link dt i {
  float: right;
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 100%;
  text-align: center;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
}

.f_link dt.on i {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  color: #b7803e;
}

.f_phone {
  margin-bottom: 15px;
}

.share_a {
  overflow: hidden;
  margin-bottom: 30px;
}

.share_a a {
  float: left;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  text-align: center;
  color: #666666;
  margin-right: 28px;
  background: #fff;
}

.share_a a i {
  font-size: 20px;
}

.share_a a.pic_01 i {
  font-size: 18px;
}

.share_a a i.iconin {
  font-size: 32px;
}

.share_a a i.icontoutiao1 {
  font-size: 32px;
}

.share_a a:last-child {
  margin-right: 0;
}

/*weixin-box*/
.weixin-box {
  position: fixed;
  width: 260px;
  height: 240px;
  z-index: 100000;
  left: 50%;
  top: 50%;
  margin: -120px 0 0 -150px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 2px 2px 2px #ddd;
}

.weixin-box .c {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 0;
  top: 0;
  font-size: 20px;
  font-style: normal;
  text-align: center;
  cursor: pointer;
  z-index: 2;
}

.weixin-box h2 {
  position: relative;
  line-height: 30px;
  font-size: 16px;
  padding-left: 10px;
}

.weixin-box .img {
  padding: 20px 10px;
  text-align: center;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

.weixin-box .img img {
  width: 115px;
  height: 115px;
}

.weixin-box p {
  padding: 15px 10px 0;
  text-align: center;
}

/*weixin-box*/
.f_bottom {
  overflow: hidden;
  padding: 10px 0 100px 0;
}

.f_p01 {
  float: left;
}

.f_p02 {
  float: right;
}

.f_p01 span {
  margin-left: 10px;
}

.f_p01 span i {
  margin-left: 10px;
}

.f_p01,
.f_p01 a {
  color: #333333;
}

.f_p01 .xhr {
  color: #333333;
}

.f_p01 a {
  margin-left: 15px;
}

.f_p02 i {
  padding-right: 20px;
}

.f_p02 a {
  padding-left: 15px;
  margin-left: 15px;
  background: url(/uistatic/images/index/f_line.jpg) no-repeat 0 center;
}

.f_p02 a:first-child {
  background: none;
  margin-left: 0;
  padding-left: 0;
}

@media only screen and (max-width: 1700px) {
  .f_le li {
    margin-right: 70px;
  }
}

@media only screen and (max-width: 1550px) {
  .f_le li {
    margin-right: 50px;
  }

  .f_top {
    padding: 40px 0;
  }

  .f_bottom {
    padding-bottom: 50px;
  }
}

@media only screen and (max-width: 1400px) {
  .f_re {
    width: 250px;
  }

  .share_a a {
    margin-right: 10px;
  }

  .share_a {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 1300px) {
  .f_le li {
    margin-right: 40px;
  }
}

@media only screen and (max-width: 1240px) {
  .f_top,
  .indexbody .footer_bg {
    padding: 40px 0;
  }

  .f_le,
  .f_re {
    float: none;
    width: 100%;
  }

  .f_le {
    margin-bottom: 20px;
  }

  .f_le li {
    width: 50%;
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px dashed #dcdcdc;
  }

  .f_le li:first-child {
    padding-top: 0;
  }

  .f_le li dd a {
    float: left;
    margin-right: 20px;
  }

  .f_le li dd p {
    float: none;
    margin: 0;
  }

  .f_le li dt i {
    margin: 5px 0;
  }

  .f_bottom {
    padding: 30px 0;
  }

  .f_bottom p {
    float: none;
    width: 100%;
    text-align: center;
  }

  .f_bottom .f_p01 {
    margin-bottom: 5px;
  }

  .share_a {
    text-align: center;
  }

  .share_a p {
    display: inline-block;
  }

  .share_a a {
    margin: 0 5px;
  }

  .f_link dt {
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
  }

  .f_link dd {
    bottom: 36px;
  }

  .share_a a {
    width: 32px;
    height: 32px;
    line-height: 32px;
  }

  .share_a a i {
    font-size: 20px;
  }

  .share_a a.pic_01 i {
    font-size: 16px;
  }

  .f_link dd a {
    padding: 0 10px;
  }

  .f_le li dt {
    margin-bottom: 10px;
  }

  .f_link dd {
    top: auto;
    bottom: 36px;
  }

  .f_re > div {
    width: 50%;
    text-align: left;
  }
}

@media only screen and (max-width: 1024px) {
  /* .f_le{display: none;} */
  .footer {
    overflow: inherit;
  }

  .f_top {
    padding: 20px 0;
    overflow: inherit;
  }
}

@media only screen and (max-width: 767px) {
  .f_bottom {
    padding: 20px 0;
  }

  .f_p02 a {
    padding-left: 10px;
    margin-left: 10px;
  }

  .f_re > div {
    width: 100%;
  }
}

/*weixin-box*/
.weixin-box {
  position: fixed;
  width: 260px;
  height: 240px;
  z-index: 100000;
  left: 50%;
  top: 50%;
  margin: -120px 0 0 -150px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 2px 2px 2px #ddd;
}

.weixin-box .c {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 0;
  top: 0;
  font-size: 20px;
  font-style: normal;
  text-align: center;
  cursor: pointer;
  z-index: 2;
}

.weixin-box h2 {
  position: relative;
  line-height: 30px;
  font-size: 16px;
  padding-left: 10px;
}

.weixin-box .img {
  padding: 20px 10px;
  text-align: center;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

.weixin-box .img img {
  width: 115px;
  height: 115px;
}

.weixin-box p {
  padding: 15px 10px 0;
  text-align: center;
}

.weixin {
  position: fixed;
  width: 260px;
  height: 240px;
  z-index: 100000;
  left: 50%;
  top: 50%;
  margin: -120px 0 0 -150px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 2px 2px 2px #ddd;
}

.weixin .c {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 0;
  top: 0;
  font-size: 20px;
  font-style: normal;
  text-align: center;
  cursor: pointer;
  z-index: 2;
}

.weixin h2 {
  position: relative;
  line-height: 30px;
  font-size: 16px;
  padding-left: 10px;
}

.weixin .img {
  padding: 20px 10px;
  text-align: center;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

.weixin .img img {
  width: 115px;
  height: 115px;
}

.weixin p {
  padding: 15px 10px 0;
  text-align: center;
}

/*weixin-box*/

/*page*/
.pageout {
  text-align: center;
  padding-bottom: 5px;
  clear: both;
  overflow: hidden;
}

.page {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.page {
  vertical-align: middle;
  text-align: center;
  margin: 0 auto;
  color: #000;
  height: 32px;
  line-height: 32px;
  margin-top: 50px;
}

.page span {
  color: #000;
  float: left;
}

.page span em {
  color: #de064f;
}

.page span.pages_num {
  margin-right: 10px;
}

.page a {
  float: left;
  width: 32px;
  color: #000;
  margin: 0 1px;
  border-radius: 10px;
}

.page a.on {
  color: #91663c;
}

.page a.prev {
  margin: 0;
  margin-right: 30px;
}

.page a.next {
  margin: 0;
  margin-left: 30px;
}

.page a.prev,
.page a.next {
  width: 110px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: #91663c;
  color: #fff;
}

.page a.first {
  background: url(/uistatic/images/page_first.png) center center no-repeat;
  text-indent: -10000px;
  margin: 0;
  margin-right: 2px;
}

.page a.last {
  background: url(/uistatic/images/page_last.png) center center no-repeat;
  text-indent: -10000px;
  margin: 0;
  margin-left: 2px;
}

.page input.go {
  cursor: pointer;
  border: none;
  outline: none;
  text-align: center;
  width: 44px;
  background: #de064f;
  color: #fff;
  height: 44px;
  line-height: 44px;
  font-family: "Arial";
  font-weight: bold;
  border-radius: 10px;
}

.page input.go:hover {
  color: #fff !important;
}

.page a.prev:hover,
.page a.next:hover {
  color: #fff !important;
  background: #aa7d53;
}

.page .txtnum input {
  text-align: center;
  width: 44px;
  height: 44px;
  line-height: 44px;
  box-sizing: border-box;
  background: none;
  border: 1px solid #d1d3d2;
  border-radius: 10px;
  margin-right: 3px;
  margin-left: 35px;
}

.total,
.page a.first,
.page a.last,
.page span.pages_num {
  font-weight: bold;
}

.page a.num {
  font-family: "Arial";
}

@media only screen and (max-width: 1024px) {
  .page {
    margin-top: 30px;
  }

  .page,
  .page .txtnum input {
    height: 36px;
    line-height: 36px;
  }

  .page input.go {
    width: 36px;
    height: 36px;
    line-height: 36px;
  }

  .page a.prev {
    background: url(/uistatic/images/news/index/page_prev.png) center center
      no-repeat;
    text-indent: -10000px;
    margin-left: 0;
    margin-right: 14px;
  }

  .page a.next {
    background: url(/uistatic/images/news/index/page_next.png) center center
      no-repeat;
    text-indent: -10000px;
    margin-left: 14px;
  }

  .page a.prev,
  .page a.next {
    width: 40px;
    height: 36px;
  }

  .page span {
    display: none;
  }

  .page a {
    width: 36px;
    border: 1px solid #d1d3d2;
  }

  .page a.on {
    background: #b7803e;
    color: #fff;
    border: 1px solid #b7803e;
  }
}

@media only screen and (max-width: 767px) {
  .page {
    margin-top: 20px;
  }

  .page a {
    display: none;
    font-weight: normal;
  }

  .page a.prev,
  .page a.next {
    display: block;
    display: inline-block;
  }

  .total {
    display: none;
  }

  .page a.on {
    display: inline-block;
  }

  .page .txtnum input {
    width: 50px;
    border: 1px solid #838383;
    margin-left: 10px;
  }

  .page a {
    width: 36px;
    height: 36px;
  }

  .page a.prev {
    margin-right: 5px;
  }

  .page a.next {
    margin-left: 5px;
  }
}

@media only screen and (min-width: 1025px) {
  .page input.go {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
  }

  .page input.go:hover {
    opacity: 0.8;
  }
}

/*page*/

.c p {
  line-height: 28px;
}

@media only screen and (min-width: 1025px) {
  a {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
  }

  .tran_scale:hover img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -moz-: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
  }

  .tran_scale02:hover img {
    transform: scale(1.02, 1.02);
    -webkit-transform: scale(1.02, 1.02);
    -moz-: scale(1.02, 1.02);
    -o-transform: scale(1.02, 1.02);
    -ms-transform: scale(1.02, 1.02);
  }

  a:hover {
    color: #b7803e !important;
  }

  /*.nav_list{box-shadow: 0 0 20px rgba(0,0,0,0.2);}*/
}

.site_banner {
  position: relative;
  max-height: 550px;
  overflow: hidden;
}

.site_banner img {
  width: 100%;
}

.site_text {
  position: absolute;
  top: 18%;
  left: 0;
  width: 100%;
  color: #b7803e;
  z-index: 2;
}

.site_text p {
  margin-top: 10px;
}

.site_text {
  color: #fff;
  text-shadow: #0000004f 1px 0 10px;
}

/*.site_blue .site_text{color: #003b83;}
.site_wite .site_text{color: #fff;}*/

@media only screen and (max-width: 767px) {
  .site_text p {
    margin-top: 0px;
  }

  .site_banner:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
  }

  .site_banner img {
    display: none;
  }

  .site_banner {
    height: 180px;
  }

  .site_text {
    color: #fff !important;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
  }

  .site_text p br {
    display: none;
  }
}

.maod {
  position: relative;
  top: -75px;
}

.video_appbox {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
}

.video_appbox.show {
  visibility: visible;
  opacity: 1;
}

.video_appbox video {
  object-fit: cover;
  width: 100%;
}

.video_appbox .video_t {
  z-index: 2;
  background: #000;
  width: 1035px;
  max-width: 94%;
  height: 60%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 60%;
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  visibility: hidden;
  opacity: 0;
}

.video_appbox.show .video_t {
  visibility: visible;
  opacity: 1;
  top: 50%;
}

.video_appbox .mask {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.lt9 .video_appbox .mask {
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");
}

.vide0_close {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
  z-index: 99999;
}

.vide0_close i {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}

@media only screen and (min-width: 1025px) {
  .nav_arrow {
    display: none;
  }

  .nav_p {
    background: none;
  }

  .submenu_show .bg_hover {
    display: block !important;
    width: 100%;
    height: 360px;
    background: rgba(255, 255, 255, 0.9);
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 0px;
    animation: a_bg_hover_show 0.2s ease-out both;
    transform-origin: 50% 0%;
  }

  .submenu_show .bg_hover.on {
    display: none !important;
  }

  .nav_p p {
    border: 0;
  }

  @keyframes a_bg_hover_show {
    0% {
      -webkit-transform: scale(1, 0.5);
      opacity: 0;
    }
    100% {
      -webkit-transform: scale(1, 1);
      opacity: 1;
    }
  }
}

.contactus {
  padding: 30px 60px;
  background: #f8f7f5;
  overflow: hidden;
}

.contactus .contactus_l {
  float: left;
}

.contactus .contactus_r {
  float: right;
}

.contactus_l h2 {
  margin-bottom: 1em;
  color: #000;
  line-height: 1;
}

.contactus_l p {
  margin-bottom: 1.5em;
  color: #3b3e43;
  line-height: 1;
}

.contactus_btn {
  margin-bottom: 1.5em;
  line-height: 1;
}

.contactus_l .xnt {
  margin-bottom: 1em;
  line-height: 1;
}

.contactus .contactus_l .to_next {
  padding: 12px 52px;
  background: #91663b;
  color: #fff !important;
  border-radius: 10px;
  text-decoration: none;
  margin-right: 2em;
  display: inline-block;
}

.contactus .contactus_l .to_emil {
  text-decoration: none;
  display: inline-block;
  color: #3b3e43;
}

.contactus_r img {
  display: inline-block;
  width: 159px;
  height: auto;
}

.contactus_r p {
  margin-top: 1em;
}

@media only screen and (max-width: 768px) {
  .contactus .contactus_l,
  .contactus .contactus_r {
    width: 100%;
  }

  .contactus_r {
    text-align: center;
  }
}

.f-blod {
  font-weight: bold;
}

.qrcode-txt {
  display: inline-block;
  vertical-align: bottom;
  margin-left: 15px;
}

.qrcode-txt p {
  display: block !important;
  text-align: left;
}

.f_p01 .sp {
  margin-left: 15px;
}

@media only screen and (max-width: 767px) {
  .f_p01 .sp {
    display: none;
  }
}

.pub_tab ul {
  display: inline-block;
}

.pub_tab {
  text-align: center;
  margin-bottom: 40px;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #dfdfdf;
}

.pub_tab li {
  float: left;
}

.pub_tab li a {
  margin: 0 30px;
  position: relative;
  display: block;
}

.pub_tab li a i {
  position: absolute;
  left: 50%;
  bottom: -1px;
  width: 0%;
  height: 2px;
  background: #b7803e;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
}

.pub_tab li.on a i {
  left: 0;
  width: 100%;
}

.padd_t75 {
  padding-top: 75px;
}

.padd_t120 {
  padding-top: 120px;
}

.padd_b100 {
  padding-bottom: 100px;
}

.padd_b55 {
  padding-bottom: 55px;
}

.padd_t100 {
  padding-top: 100px;
}

.padd_t90 {
  padding-top: 90px;
}

.padd_b90 {
  padding-bottom: 90px;
}

.padd_bt90 {
  padding: 90px 0;
}

.blank_17 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.17);
}

.wight100 {
  font-weight: 100;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 1px;
  background: #e3ddd0;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 3px;
  -webkit-border-radius: 0;
  border-radius: 0;
  background: #b7803e;
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag:hover .mCSB_dragger_bar {
  background: #b7803e;
}

@media only screen and (max-width: 1440px) {
  .padd_t120 {
    padding-top: 50px;
  }

  .padd_t75 {
    padding-top: 50px;
  }

  .padd_b100 {
    padding-bottom: 60px;
  }

  .padd_b55 {
    padding-bottom: 50px;
  }

  .padd_t100 {
    padding-top: 60px;
  }

  .padd_t90 {
    padding-top: 60px;
  }

  .padd_b90 {
    padding-bottom: 60px;
  }

  .padd_bt90 {
    padding: 60px 0;
  }
}

@media only screen and (max-width: 1024px) {
  .wight100,
  .banner_text h3 {
    font-weight: normal !important;
  }
}

@media only screen and (max-width: 767px) {
  .padd_t120 {
    padding-top: 30px;
  }

  .padd_t75 {
    padding-top: 30px;
  }

  .padd_b100 {
    padding-bottom: 30px;
  }

  .padd_b55 {
    padding-bottom: 30px;
  }

  .padd_t100 {
    padding-top: 30px;
  }

  .padd_t90 {
    padding-top: 30px;
  }

  .padd_b90 {
    padding-bottom: 30px;
  }

  .padd_bt90 {
    padding: 30px 0;
  }

  .pub_tab {
    margin-bottom: 20px;
  }

  .pub_tab li a {
    margin: 0 15px;
  }
}

.banner .but > div {
  background: none;
  font-size: 40px;
  height: 60px;
  width: 60px;
  line-height: 60px;
  margin-top: -30px;
  text-align: center;
  color: #fff;
  display: none;
}

.banner .but .swiper-button-prev {
  left: 20x;
}

.banner .but .swiper-button-next {
  right: 20px;
}

.banner .swiper-pagination {
  bottom: 20px !important;
  width: 100%;
}

.banner .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #fff;
  opacity: 1;
  margin: 0 10px !important;
}

.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #9f7652;
}

.banner {
  position: relative;
  overflow: hidden;
}

.banner video {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0;
  object-fit: cover;
}

.banner a {
  display: block;
}

.banner_text {
  z-index: 3;
  color: #fff;
  width: 100%;
  position: absolute;
  left: 0;
  top: 36%;
}

.banner_text h3 {
  font-size: 72px;
  font-weight: 100;
}

.banner_p {
  width: 600px;
}

.pub_dot {
  position: absolute;
  left: 30.4%;
  bottom: 10.9%;
}

.pub_dot span {
  width: 18px;
  height: 18px;
  text-align: center;
  opacity: 1;
  background: none;
  position: relative;
  margin: 0 8px;
}

.pub_dot span:after {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 12px;
  height: 12px;
  background: #2262a9;
  border-radius: 50%;
  box-sizing: border-box;
}

.pub_dot span.swiper-pagination-bullet-active:after {
  background: transparent;
  width: 100%;
  height: 100%;
  border: 2px solid #2262a9;
}

.banner_bg {
  opacity: 0;
  visibility: hidden;
  transition: all 2s;
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  -o-transition: all 2s;
  -ms-transition: all 2s;
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -o-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
}

.banner li.ani-slide .banner_bg {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -o-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}

.banner_text {
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  -ms-transition: all 1s;
  -webkit-transform: translateX(200px);
  -moz-transform: translateX(200px);
  -o-transform: translateX(200px);
  -ms-transform: translateX(200px);
  transform: translateX(200px);
}

.banner li.ani-slide .banner_text {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -o-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
}

@media only screen and (max-width: 1440px) {
  .banner .swiper-pagination {
    right: 5%;
  }
}

@media only screen and (max-width: 767px) {
  .banner_p {
    width: 80%;
    padding-left: 10%;
  }

  /*.banner .swiper-pagination{display: none;}*/
  .banner .swiper-pagination {
    bottom: 10px !important;
  }

  .banner .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  }

  .banner .but > div {
    background: none;
    width: 30px;
  }

  .banner .but > div i {
    font-size: 30px;
    font-weight: bold;
  }

  .banner .but .swiper-button-prev {
    left: 5x;
  }

  .banner .but .swiper-button-next {
    right: 5px;
  }

  .banner_text {
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -o-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px);
  }
}

.home_01 {
  padding: 60px 0 65px 0;
  border-bottom: 1px solid #d6d7da;
}

.home_01 .index_title {
  margin-bottom: 30px;
}

.home_01 .index_title h1 {
  margin-bottom: 0px;
}

.home_01 ul {
  position: relative;
}

.home_01 li {
  width: 31.3%;
  height: 43.2%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.home_01 li a,
.home_01 li dl,
.home_01 li dt,
.home_01 li dt img {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.home_01 li dl {
  position: relative;
  color: #fff;
}

.home_01 li dt {
  position: relative;
}

.home_01 li dt em {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/uistatic/images/h_bg_03.png) no-repeat center center;
  background-size: cover;
}

.home_01 li dd {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.home_text {
  padding: 35px;
}

.home_01 li:nth-child(1) dt em {
  background: url(/uistatic/images/h_bg_01.png) no-repeat center center;
  background-size: cover;
}

.home_01 li:nth-child(2) dt em {
  background: url(/uistatic/images/h_bg_02.png) no-repeat center center;
  background-size: cover;
}

.home_01 li:nth-child(1),
.home_01 li:nth-child(2) {
  width: 57.2%;
  height: 51.7%;
  top: 0;
  bottom: auto;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.home_01 li:nth-child(2) {
  left: auto;
  right: 0;
  width: 39.8%;
}

.home_01 li:nth-child(4) {
  left: 34%;
}

.home_01 li:nth-child(5) {
  right: 0;
  left: auto;
}

.home_top {
  background: #fbf9f6;
}

.home_top ul {
  overflow: hidden;
}

.home_top li {
  float: left;
  width: 33.33%;
}

.home_top li .index_insert {
  display: block;
  padding: 30px 80px;
}

.home_top h3 {
  margin-bottom: 10px;
}

.home_top li:first-child .index_insert {
  padding-left: 55px;
}

.home_top li:nth-child(1) h3 {
  color: #083b7a;
}

.home_top li:nth-child(2) h3 {
  color: #ffa33f;
}

.home_top li:nth-child(3) h3 {
  color: #9f7652;
}

.home_01 li:nth-child(3) dl,
.home_01 li:nth-child(4) dl,
.home_01 li:nth-child(5) dl {
  border-bottom: 5px solid #b7803e;
}

@media only screen and (max-width: 1366px) {
  .home_top li .index_insert,
  .home_top li:first-child a {
    padding: 30px;
  }
}

@media only screen and (max-width: 1280px) {
  .home_top li .index_insert,
  .home_top li:first-child a {
    padding: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .home_top {
    padding: 10px 0;
  }

  .home_top li .index_insert,
  .home_top li:first-child .index_insert {
    padding: 10px 0;
  }

  .home_top li {
    float: left;
    width: 25%;
    border-bottom: 0px solid #eee;
  }

  .home_top li:last-child {
    border: 0;
  }

  .home_top h3 {
    margin-bottom: 5px;
  }

  .home_01 li:nth-child(3) dl,
  .home_01 li:nth-child(4) dl,
  .home_01 li:nth-child(5) dl {
    border-bottom: none;
  }
}

@media only screen and (min-width: 1025px) {
  .home_top li {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
  }

  .home_top li:hover a,
  .home_top li:hover h3 {
    color: #fff !important;
  }

  .home_top li:hover {
    background: #083b7a;
  }

  .home_top li:nth-child(2):hover {
    background: #ffa33f;
  }

  .home_top li:nth-child(3):hover {
    background: #9f7652;
  }
}

.index_01 {
  padding: 70px 0;
  border-bottom: 1px solid #d6d7da;
}

.index_01 ul {
  overflow: hidden;
  margin: 0 -14px;
}

.index_01 ul li {
  float: left;
  width: 33.333%;
}

.index_01 .index_insert {
  padding: 0 14px;
}

.index_top {
  margin-bottom: 50px;
}

.index_top h3 {
  margin-bottom: 5px;
}

.index_top h3 a {
  color: #083b7a;
}

.index_top li:nth-child(2) h3 a {
  color: #e89331;
}

.index_top li:nth-child(3) h3 a {
  color: #9f7652;
}

.index_top p {
  color: #3b3b3b;
}

.index_slider .but,
.index_slider .swiper-pagination {
  display: none;
}

.index_02 {
  padding: 70px 0;
  border-bottom: 1px solid #d6d7da;
}

.index_title {
  margin-bottom: 65px;
}

.index_title h3 {
  line-height: 48px;
  color: #3b3b3b;
  margin-bottom: 15px;
}

.index_title p {
  color: #4f535d;
}

.index_innovate ul {
  overflow: hidden;
  margin: 0 -58px;
}

.index_innovate li {
  float: left;
  width: 33.33%;
}

.index_innovate h3 a {
  color: #4f535d;
}

.index_innovate dl {
  padding: 0 58px;
}

.index_innovate dt {
  margin-bottom: 15px;
}

.index_03 {
  padding: 80px 0;
}

.index_develop {
  border: 4px solid #b7803e;
}

.index_develop dl {
  overflow: hidden;
  position: relative;
}

.index_develop dt {
  width: 76%;
  position: relative;
}

.develop_p {
  position: absolute;
  left: 30px;
  bottom: 30px;
  color: #fff;
}

.develop_p i {
  display: block;
  line-height: 30px;
}

.index_develop dd {
  width: 43.5%;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background: url(/uistatic/images/index/tixing.png) no-repeat center center;
  background-size: cover;
}

.develop_text {
  max-width: 62%;
  position: absolute;
  right: 5%;
  bottom: 15%;
  text-align: right;
}

.develop_text h3 {
  margin-bottom: 4px;
}

.index_04 {
  padding-bottom: 90px;
}

.index_04 .index_title {
  margin-bottom: 0px;
}

.index_news ul {
  overflow: hidden;
  margin: 0 -14px;
  padding-top: 5px;
}

.index_news li {
  float: left;
  width: 33.33%;
}

.index_news dt {
  margin-bottom: 40px;
  max-width: 376px;
}

.index_news dl {
  padding: 0 14px;
}

.index_time {
  color: #b7803e;
  margin: 15px 0;
  font-weight: bold;
}

.index_news h1 {
  -webkit-line-clamp: 3;
  max-height: 90px;
}

.index_news p {
  color: #4f535d;
  max-height: 90px;
  overflow: hidden;
  -webkit-line-clamp: 3;
}

.news_more {
  padding-top: 10px;
}

.news_more a {
  display: inline-block;
  width: 38px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: #fff;
  background: #91663c;
  border-radius: 20px;
}

.index_05 {
  position: relative;
  padding: 130px 0 150px 0;
  overflow: hidden;
}

.index_05 h1 {
  line-height: 60px;
  color: #fff;
}

.index_05 .wrap {
  position: relative;
  z-index: 2;
}

.index_more {
  padding-top: 50px;
}

.index_more a {
  display: inline-block;
  width: 86px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #ae6e23;
  border-radius: 20px;
  background: #fff;
}

.index_more_bg a {
  background: #91663c;
  color: #fff;
}

.index_more02 {
  text-align: center;
}

.index_more02 a {
  width: 148px;
}

@media only screen and (max-width: 1440px) {
  .index_01,
  .index_02,
  .index_03,
  .home_01 {
    padding: 50px 0;
  }

  .index_04 {
    padding-bottom: 50px;
  }

  .index_top {
    margin-bottom: 40px;
  }

  .index_title {
    margin-bottom: 50px;
  }

  .index_title h3 {
    line-height: 40px;
  }

  .banner_text h3 {
    font-size: 60px;
  }

  .index_05 {
    padding: 120px 0;
  }

  .index_05 h1 {
    line-height: 48px;
  }

  .index_more {
    padding-top: 40px;
  }

  .index_innovate ul {
    margin: 0 -30px;
  }

  .index_innovate dl {
    padding: 0 30px;
  }

  .home_text {
    padding: 20px;
  }
}

@media only screen and (max-width: 1366px) {
  .banner_text h3 {
    font-size: 52px;
  }

  .index_05 {
    padding: 100px 0;
  }

  .index_news ul {
    padding-top: 0;
  }

  .index_innovate ul {
    margin: 0 -20px;
  }

  .index_innovate dl {
    padding: 0 20px;
  }
}

@media only screen and (max-width: 1024px) {
  .index_01,
  .index_02,
  .index_03,
  .home_01 {
    padding: 40px 0;
  }

  .index_04 {
    padding-bottom: 40px;
  }

  .index_title {
    margin-bottom: 30px;
  }

  .index_title h3 {
    line-height: 30px;
    margin-bottom: 10px;
  }

  .index_01 ul {
    margin: 0 -10px;
  }

  .index_01 .index_insert {
    padding: 0 10px;
  }

  .index_innovate ul {
    margin: 0 -10px;
  }

  .index_innovate dl {
    padding: 0 10px;
  }

  .index_news ul {
    margin: 0 -10px;
  }

  .index_news dl {
    padding: 0 10px;
  }

  .index_news dt {
    margin-bottom: 20px;
  }

  .index_time {
    margin: 10px 0;
    font-weight: normal;
  }

  .develop_p {
    left: 10px;
    bottom: 10px;
  }

  .develop_p p {
    font-size: 12px;
    line-height: 18px;
  }

  .banner_text h3 {
    font-size: 36px;
  }

  .index_05 {
    padding: 80px 0;
  }

  .index_more {
    padding-top: 30px;
  }

  .index_news ul {
    padding-top: 10px;
  }

  .develop_p i {
    line-height: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .index_01,
  .index_02,
  .index_03,
  .home_01 {
    padding: 20px 0;
  }

  .index_04 {
    padding-bottom: 20px;
  }

  .index_01 {
    padding-top: 0;
  }

  .index_title {
    margin-bottom: 20px;
  }

  .index_title h3 {
    line-height: 28px;
  }

  .banner_text h3 {
    font-size: 20px;
  }

  .index_05 {
    padding: 50px 0;
  }

  .index_05 h1 {
    line-height: 30px;
  }

  .index_more {
    padding-top: 10px;
  }

  .index_01 ul {
    margin: 0;
  }

  .index_01 .index_insert {
    padding: 0;
  }

  .index_innovate ul {
    margin: 0;
  }

  .index_innovate dl {
    padding: 0;
  }

  .index_news ul {
    margin: 0;
  }

  .index_news dl {
    padding: 0;
  }

  .index_01 ul li,
  .index_innovate li,
  .index_news li {
    float: none;
    width: 100%;
  }

  .index_top ul li {
    padding: 15px 0;
    border-bottom: 1px dashed #eee;
  }

  .index_top ul li:last-child {
    border: 0;
  }

  .index_top {
    margin-bottom: 20px;
  }

  .index_bottom ul li {
    margin-bottom: 10px;
  }

  .index_innovate dt {
    margin-bottom: 10px;
  }

  .index_innovate li,
  .index_news li {
    margin-bottom: 20px;
  }

  .index_innovate li:last-child {
    margin-bottom: 0;
  }

  .index_news ul {
    padding-top: 0;
  }

  .index_develop {
    border-width: 2px;
  }

  .index_develop dt {
    width: 100%;
  }

  .index_develop dd {
    width: 100%;
    position: static;
    background: none;
    padding: 20px 0px;
  }

  .develop_text {
    position: static;
    width: 100%;
    max-width: 94%;
    margin: auto;
    text-align: center;
  }

  .news_more {
    padding-top: 10px;
  }

  .index_time {
    margin: 5px 0;
  }

  .home_01 ul {
    height: auto !important;
  }

  .home_01 li {
    float: none;
    width: 100% !important;
    position: static;
    margin-bottom: 10px;
  }

  .home_01 li:nth-child(1),
  .home_01 li:nth-child(2) {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0);
  }
}

/*新闻*/
.news_title {
  margin-bottom: 20px;
}

.news_search {
  border: 2px solid #646464;
  width: 520px;
  height: 34px;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 60px;
}

.news_search input,
.news_search button {
  height: 34px;
  line-height: 34px;
  border: none;
  outline: none;
  background: none;
}

.news_search input {
  width: calc(100% - 60px);
  float: left;
  padding-left: 20px;
  box-sizing: border-box;
}

.news_search button {
  width: 60px;
  text-align: center;
  font-weight: bold;
}

.news_search button i {
  font-size: 16px;
}

.news_top {
  overflow: hidden;
  padding-bottom: 15px;
}

.news_top .left {
  float: left;
  max-width: 463px;
  width: calc(100% - 720px);
}

.news_top .left dt {
  margin-bottom: 55px;
}

.news_top .left dt img {
  width: 100%;
}

.news_top .left dd h3,
.news_top .right dd h3 {
  height: 72px;
  -webkit-line-clamp: 3;
}

.news_top .left dd p {
  max-height: 60px;
  -webkit-line-clamp: 2;
  margin-bottom: 20px;
}

.news_top .right {
  float: right;
  width: 712px;
}

.news_top .right li {
  margin-bottom: 28px;
}

.news_top .right li:last-child {
  margin-bottom: 0;
}

.news_top .right dl {
  overflow: hidden;
  background: #f4f4f2;
}

.news_top .right dt {
  float: left;
  width: 48.53%;
  max-width: 331px;
}

.news_top .right dd {
  float: right;
  width: calc(100% - 331px);
}

.news_insert {
  padding: 32px;
  padding-bottom: 10px;
  position: relative;
}

.news_insert .index_time {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 12px;
}

.news_media {
  background: #f4f3f3;
}

.news_media ul {
  overflow: hidden;
  margin: 0 -30px;
  padding-bottom: 10px;
}

.news_media li {
  float: left;
  width: 33.33%;
}

.news_media dl {
  background: #fff;
  margin: 0 30px;
}

.news_media dd h3 {
  height: 72px;
}

.news_media dd {
  padding: 20px 30px;
  overflow: hidden;
}

.news_media.sub-01 dd {
  padding-top: 0;
  overflow: hidden;
}

.news_subs dl {
  max-width: 358px;
}

.news_subs dd {
  padding: 20px 30px;
}

.news_subs .index_time {
  margin: 10px 0;
}

.news_media dd .news_more {
  width: auto;
  position: absolute;
  right: 0;
  bottom: 0;
}

.news_media dd h3 {
  padding-right: 50px;
  -webkit-line-clamp: 2;
}

.news_media_insert {
  overflow: hidden;
  position: relative;
}

.exhibition_list {
  padding-bottom: 28px;
}

.exhibition_list ul {
  overflow: hidden;
  margin: 0 -27px;
}

.exhibition_list li {
  float: left;
  width: 50%;
}

.exhibition_list dl {
  margin: 0 27px;
  position: relative;
  max-width: 565px;
}

.exhibition_list dt {
  position: relative;
  max-width: 565px;
}

.exhibition_list dt a {
  display: block;
}

.exhibition_list dt span {
  position: absolute;
  z-index: 5;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  display: inline-block;
}

.exhibition_list dt .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/uistatic/images/news/index/bg.png) no-repeat center center;
  background-size: cover;
}

.exhibition_list dd {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 40px;
  padding-right: 50px;
  box-sizing: border-box;
}

.exhibition_text {
  position: relative;
  padding-right: 130px;
}

.exhibition_text h3 {
  line-height: 36px;
  max-height: 72px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  font-size: 20px;
}

.exhibition_text h3 a {
  color: #fff;
}

.exhibition_text .index_more {
  position: absolute;
  right: 0;
  bottom: 0;
}

.exhibition_text .index_more a {
  color: #000;
}

.news_03 .index_title {
  margin-bottom: 4%;
}

@media only screen and (max-width: 1660px) {
  .news_top .left dt {
    margin-bottom: 30px;
  }

  .news_top .left {
    width: calc(100% - 810px);
  }

  .news_top .right {
    width: 790px;
  }

  .news_insert {
    padding-top: 30px;
  }
}

@media only screen and (max-width: 1440px) {
  .news_top {
    padding: 0;
  }

  .news_search {
    margin-bottom: 40px;
  }

  .news_top .left {
    width: calc(100% - 690px);
  }

  .news_top .right {
    width: 660px;
  }

  .news_top .left dd p {
    margin-bottom: 0;
  }

  .news_top .right dd h3 {
    font-size: 22px;
  }

  .news_top .right dd h3 {
    line-height: 30px;
    height: 90px;
    max-height: 90px;
  }

  .news_insert {
    padding: 15px 20px;
    padding-bottom: 10px;
  }

  .news_top .left dt {
    margin-bottom: 20px;
  }

  .news_media ul {
    margin: 0 -20px;
  }

  .news_media dl {
    margin: 0 20px;
  }

  .news_media ul,
  .exhibition_list {
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 1366px) {
  .news_top .left dd h3,
  .news_top .right dd h3 {
    max-height: 72px;
    line-height: 24px;
  }

  .news_top .right dd h3 {
    font-size: 20px;
  }

  .news_top .right dd h3 {
    height: 48px;
    line-height: 24px;
    -webkit-line-clamp: 2;
  }

  exhibition_text h3 {
    line-height: 30px;
    max-height: 60px;
    font-size: 20px;
  }

  .exhibition_text h3 {
    line-height: 38px;
    max-height: 76px;
  }

  .news_media dd {
    padding: 20px;
  }
}

@media only screen and (max-width: 1024px) {
  .news_top .left,
  .news_top .right {
    float: none;
    width: 100%;
  }

  .news_top .left {
    margin-bottom: 28px;
  }

  .news_top .left dl {
    overflow: hidden;
  }

  .news_top .left dt {
    margin-bottom: 0;
  }

  .news_top .left dt,
  .news_top .right dt {
    float: left;
    width: 300px;
  }

  .news_top .left dd,
  .news_top .right dd {
    width: calc(100% - 320px);
    float: right;
  }

  .news_insert {
    padding: 20px;
  }

  .news_top .left dd h3 br {
    display: none;
  }

  .news_top .right dd h3 {
    font-size: 18px;
  }

  .news_media dd h3 {
    line-height: 24px;
    height: 48px;
  }

  .news_media ul {
    margin: 0 -10px;
  }

  .news_media dl {
    margin: 0 10px;
  }

  .exhibition_list ul {
    margin: 0 -10px;
  }

  .exhibition_list dl {
    margin: 0 10px;
  }

  .exhibition_list dd {
    padding: 20px;
  }

  .exhibition_text {
    padding-right: 100px;
  }

  .news_media dd .news_more {
    width: 40px;
  }

  .news_media dd h3 {
    padding-right: 40px;
  }

  exhibition_text h3 {
    line-height: 24px;
    max-height: 48px;
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .news_search {
    width: 100%;
  }

  .news_title {
    margin-bottom: 10px;
  }

  .news_search {
    margin-bottom: 20px;
  }

  .news_top .left dt,
  .news_top .right dt,
  .news_top .left dd,
  .news_top .right dd {
    float: none;
    width: 100%;
  }

  .news_top .right dd h3 {
    font-size: 16px;
  }

  .news_top .left dd {
    padding-top: 10px;
  }

  .news_01 .index_more {
    padding-top: 20px;
  }

  .news_media li,
  .exhibition_list li {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }

  .news_media ul {
    margin: 0;
  }

  .news_media dl {
    margin: 0;
  }

  .exhibition_list ul {
    margin: 0;
  }

  .exhibition_list dl {
    margin: 0;
  }

  .news_media dd h3 {
    padding: 0;
  }

  .news_media dd .news_more {
    position: static;
  }

  .news_media dd h3 {
    height: auto;
    max-height: 48px;
  }

  .exhibition_text {
    padding: 0;
  }

  .exhibition_text .index_more {
    position: static;
  }

  .exhibition_text h3 {
    line-height: 24px;
    max-height: 48px;
    height: auto;
    margin-bottom: 10px;
    font-size: 16px;
  }
}

@media only screen and (max-width: 1024px) {
  .news_top .left dd h3,
  .news_top .right dd h3 {
    max-height: 72px;
  }

  .news_top .left dd h3 {
    max-height: 48px;
    -webkit-line-clamp: 2;
  }

  .news_top .left dd p {
    max-height: 48px;
  }

  .news_top .right dd h3 {
    height: auto;
  }
}

/*活动展览*/
.exhibition_cont li {
  margin-bottom: 65px;
}

.exhibition_cont .page {
  margin-top: 10px;
}

@media only screen and (max-width: 1024px) {
  .exhibition_cont li {
    margin-bottom: 20px;
  }

  .exhibition_cont .page {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .exhibition_cont li:last-child {
    margin-bottom: 10px;
  }
}

/*媒体聚焦*/
.media_cont .news_search,
.media_tab {
  margin-bottom: 40px;
}

.media_cont h1 {
  margin-bottom: 20px;
}

.media_tab ul {
  overflow: hidden;
}

.media_tab li {
  float: left;
}

.media_tab li a {
  display: inline-block;
  line-height: 32px;
  padding: 0 20px 0 0;
  border-radius: 20px;
}

.media_tab li:first-child a {
  padding-left: 0;
}

.media_tab li.on a {
  background: #afaaa5;
  color: #fff;
}

.media_cont .news_media {
  background: none;
}

.media_cont .news_media ul {
  padding: 0;
}

.media_cont .news_media dl {
  border: 1px solid #f0f0f0;
}

.media_cont .news_media li {
  margin-bottom: 90px;
}

.news_media .pageout {
  margin-top: -30px;
}

.news_media .page {
  margin-top: 0px;
}

@media only screen and (max-width: 1440px) {
  .media_cont .news_media li {
    margin-bottom: 50px;
  }

  .news_media .pageout {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 1024px) {
  .media_cont .news_search {
    margin-bottom: 30px;
  }

  .media_tab {
    margin-bottom: 20px;
  }

  .media_tab li {
    margin-bottom: 5px;
  }

  .media_cont .news_media li {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .media_cont .news_search {
    margin-bottom: 20px;
  }

  .media_tab {
    margin-bottom: 10px;
  }

  .media_cont .news_media li {
    margin-bottom: 20px;
  }
}

/*新闻动态*/
.news_list li {
  border-bottom: 1px solid #d6d7da;
  padding: 50px 0;
}

.news_list li:first-child {
  padding-top: 0;
}

.news_list dl {
  overflow: hidden;
}

.news_list dt {
  float: left;
  width: 40%;
  max-width: 463px;
}

.news_list dd {
  float: right;
  width: calc(100% - 500px);
  padding-top: 12px;
}

.news_list h3 {
  -webkit-line-clamp: 2;
  height: 3em;
}

.news_list p {
  height: 60px;
  -webkit-line-clamp: 3;
  margin-bottom: 20px;
}

@media only screen and (max-width: 1440px) {
  .news_list dt {
    float: left;
    width: 490px;
  }

  .news_list dd {
    width: calc(100% - 530px);
    padding-top: 0;
  }
}

@media only screen and (max-width: 1366px) {
  .news_list h3 {
    line-height: 30px;
    height: 60px;
  }

  .news_list p {
    line-height: 24px;
    height: 72px;
    margin-bottom: 0;
  }

  .news_list dd {
    padding-top: 20px;
  }
}

@media only screen and (max-width: 1280px) {
  .news_list dt {
    float: left;
    width: 420px;
  }

  .news_list dd {
    width: calc(100% - 450px);
    padding-top: 0;
  }
}

@media only screen and (max-width: 1024px) {
  .news_list dt {
    float: left;
    width: 300px;
  }

  .news_list dd {
    width: calc(100% - 320px);
  }

  .news_list h3,
  .news_list p {
    line-height: 24px;
    height: auto;
    max-height: 48px;
    -webkit-line-clamp: 2;
  }

  .news_list li {
    padding: 30px 0;
  }
}

@media only screen and (max-width: 767px) {
  .news_list dt,
  .news_list dd {
    float: none;
    width: 100%;
  }

  .news_list dd {
    padding-top: 10px;
  }
}

/*新闻详情*/
.d_cont {
  border-top: 1px solid #d6d7da;
}

.news_d {
  overflow: hidden;
  padding: 90px 0 180px 0;
}

.news_d .left {
  float: left;
  width: calc(100% - 495px);
}

.news_d .right {
  float: right;
  width: 400px;
}

.news_d .right > h3 {
  margin-bottom: 30px;
}

.news_d .right ul {
  background: #f4f4f2;
  padding: 30px 40px;
  padding-top: 15px;
}

.news_d .right li {
  border-bottom: 1px solid #d6d7da;
  padding: 25px 0;
}

.news_d .right li .index_time {
  margin: 0;
  margin-bottom: 10px;
}

.news_d .right li h3 {
  max-height: 60px;
  -webkit-line-clamp: 2;
}

.d_title {
  text-align: center;
  border-bottom: 1px solid #d6d7da;
  padding-bottom: 15px;
  margin-bottom: 40px;
}

.d_title h1 {
  margin-bottom: 30px;
}

.d_span span {
  color: #4f535d;
  margin: 0 20px;
}

.d_share {
  border-bottom: 1px solid #d6d7da;
  padding-bottom: 14px;
  padding-top: 55px;
}

.d_share .share_a {
  margin: 0;
}

.d_share .share_a a {
  background: none;
}

.news_page {
  padding-top: 25px;
  overflow: hidden;
}

.news_page .page_le {
  font-weight: bold;
  float: left;
  width: calc(100% - 100px);
}

.news_page .page_le span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news_page .page_le span.no {
  font-weight: normal;
}

.news_page .page_re {
  float: right;
}

.news_page .page_re a {
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: #c0a183;
  text-align: center;
  color: #fff;
  font-size: 24px;
}

@media only screen and (max-width: 1440px) {
  .news_d {
    padding: 50px 0;
    padding-bottom: 80px;
  }

  .d_title h1 {
    margin-bottom: 20px;
  }

  .d_title {
    margin-bottom: 30px;
  }

  .d_share {
    padding-top: 30px;
  }

  .news_d .left {
    width: calc(100% - 450px);
  }
}

@media only screen and (max-width: 1280px) {
  .news_d .left {
    width: calc(100% - 380px);
  }

  .news_d .right {
    width: 350px;
  }
}

@media only screen and (max-width: 1024px) {
  .news_d .right li h3 {
    max-height: 48px;
  }

  .news_d .left,
  .news_d .right {
    float: none;
    width: 100%;
  }

  .d_share .share_a {
    text-align: left;
  }

  .news_page .page_re {
    display: none;
  }

  .news_page .page_le {
    float: none;
    width: 100%;
  }

  .news_d .right > h3 {
    margin-bottom: 10px;
  }

  .news_d .right {
    padding-top: 30px;
  }

  .d_title h1 {
    margin-bottom: 10px;
  }

  .d_title {
    margin-bottom: 20px;
  }

  .news_d {
    padding-top: 30px;
  }

  .news_d .right ul {
    padding: 30px 20px;
  }

  .news_d .right li:first-child {
    padding-top: 0;
  }

  .news_d .right li:last-child {
    padding-bottom: 0;
    border: none;
  }

  .d_span span {
    margin: 0 10px;
  }

  .news_d .right li {
    padding: 15px 0;
  }
}

@media only screen and (max-width: 767px) {
  .news_d {
    padding-bottom: 50px;
  }

  .d_span {
    overflow: hidden;
  }

  .d_span span {
    width: 50%;
    float: left;
    margin: 0;
    text-align: left;
  }

  .d_span span:nth-child(2n + 1) {
    clear: both;
  }

  .d_share {
    padding: 10px 0;
    padding-bottom: 0;
  }

  .news_page {
    padding-top: 15px;
  }
}

/*联系我们*/
.contact_c {
  padding-bottom: 30px;
}

.contact_c ul {
  overflow: hidden;
  margin: 0 -16px;
}

.contact_c dl {
  margin: 0 16px;
  border: 2px solid #afaaa5;
  border-radius: 20px;
  overflow: hidden;
  padding: 30px 40px;
  padding-bottom: 0;
}

.contact_c li {
  margin-bottom: 85px;
  float: left;
  width: 25%;
}

.contact_c dt {
  margin-bottom: 10px;
}

.contact_c dd {
  height: 120px;
  overflow: hidden;
}

.contact_c dd p.mail a {
  display: block;
  word-wrap: break-word;
  line-height: 20px;
}

.contact_c li:nth-child(4n + 1) {
  clear: both;
}

@media only screen and (max-width: 1660px) {
  .contact_c dl {
    padding: 30px;
  }
}

@media only screen and (max-width: 1440px) {
  .contact_c li {
    margin-bottom: 40px;
  }

  .contact_c dl {
    padding: 30px 20px;
    padding-bottom: 10px;
  }

  .contact_c ul {
    margin: 0 -10px;
  }

  .contact_c dl {
    margin: 0 10px;
  }
}

@media only screen and (max-width: 1366px) {
  .contact_c li {
    width: 33.33%;
  }

  .contact_c li:nth-child(3n + 1) {
    clear: both;
  }

  .contact_c li:nth-child(4n + 1) {
    clear: inherit;
  }
}

@media only screen and (max-width: 1024px) {
  .contact_c li {
    margin-bottom: 20px;
    width: 50%;
  }

  .contact_c li:nth-child(2n + 1) {
    clear: both;
  }

  .contact_c li:nth-child(3n + 1) {
    clear: inherit;
  }

  .contact_c dd {
    height: 72px;
  }

  .contact_c dl {
    padding: 20px;
    border-width: 1px;
  }
}

@media only screen and (max-width: 767px) {
  .contact_c li {
    width: 100%;
    float: none;
  }

  .contact_c dd {
    height: auto;
  }

  .contact_c dt {
    margin-bottom: 10px;
  }
}

/*公司生态*/
.ecology_cont li {
  margin-bottom: 14px;
  position: relative;
}

.ecology_cont dl {
  padding: 0 90px;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
}

.ecology_cont dd {
  width: 43%;
}

.ecology_cont .index_more {
  padding-top: 40px;
}

.ecology_cont dd h3 {
  margin-bottom: 20px;
}

.ecology_cont dd p {
  max-height: 90px;
  -webkit-line-clamp: 3;
}

.ecology_cont dt img {
  width: 100%;
}

.ecology_cont dt {
  display: none;
}

.ecology_cont li:nth-child(2n) dd {
  float: right;
  text-align: right;
}

@media only screen and (max-width: 1366px) {
  .ecology_cont dl {
    padding: 0 50px;
  }
}

@media only screen and (max-width: 1024px) {
  .ecology_cont dd p {
    max-height: 72px;
  }

  .ecology_cont .index_more {
    padding-top: 20px;
  }

  .ecology_cont dd h3 {
    margin-bottom: 10px;
  }

  .ecology_cont dd p br {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .ecology_cont dt {
    display: block;
  }

  .ecology_cont li {
    height: auto !important;
    background: none !important;
    margin-bottom: 30px;
  }

  .ecology_cont li dl {
    transform: translate(0, -50%);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    position: static;
  }

  .ecology_cont li dl {
    padding: 0;
  }

  .ecology_cont dd {
    width: 100%;
    padding-top: 10px;
  }

  .ecology_cont li:nth-child(2n) dd {
    text-align: left;
    float: none;
  }

  .ecology_cont .index_more {
    padding-top: 10px;
  }

  .ecology_cont li:last-child {
    margin-bottom: 0;
  }
}

/*蜂巢城市*/
.beehive_cont {
  padding-bottom: 10px;
  overflow: hidden;
}

.ecology_tab {
  margin-bottom: 40px;
}

.ecology_tab ul {
  overflow: hidden;
}

.ecology_tab li {
  float: left;
  background: url(/uistatic/images/beehive_line.png) no-repeat 0 center;
  text-align: center;
}

.ecology_tab li:first-child {
  background: none;
}

.ecology_tab li a {
  display: block;
  padding: 0 30px;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
}

.ecology_tab li.on a {
  background: #b7803e;
  color: #fff;
}

.ecology_tab li.on {
  background: none;
  padding-right: 30px;
}

.ecology_p {
  margin-bottom: 80px;
}

.ecology_title {
  margin-bottom: 40px;
}

.beehive_list ul {
  overflow: hidden;
  margin: 0 -28px;
}

.beehive_list li {
  float: left;
  width: 25%;
  margin-bottom: 75px;
}

.beehive_list dl {
  margin: 0 28px;
  cursor: pointer;
}

.beehive_list dt {
  overflow: hidden;
  margin-bottom: 12px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.beehive_list dd {
  overflow: hidden;
}

.beehive_list h3 {
  float: left;
  width: calc(100% - 20px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.beehive_list dd {
  line-height: 24px;
  padding: 8px 0;
  border-bottom: 1px solid #bdbdbd;
}

.beehive_list dd span {
  float: right;
  width: 10px;
}

.beehive_list dd span img {
  width: 100%;
  vertical-align: middle;
}

.beehive_ciy .beehive_list li dt {
  height: 0;
  padding-bottom: 57%;
  position: relative;
}

.beehive_ciy .beehive_list li dt img {
  height: 100% !important;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.pub_blank_50,
.pub_tac {
  display: none;
}

.pub_blank_50 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9991;
}

.pub_tac {
  width: 1426px;
  max-width: 90%;
  background: #fff;
  z-index: 9992;
  position: fixed;
}

.pub_close {
  position: absolute;
  top: -35px;
  right: 0;
  color: #fff;
  cursor: pointer;
  font-size: 22px;
  font-weight: bold;
}

.pub_img img {
  width: 100%;
}

.pub_img {
  position: relative;
}

.pub_img .tac_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/uistatic/images/tac_bg.png) no-repeat center center;
  background-size: cover;
}

.tac_logo {
  width: 25%;
  position: absolute;
  z-index: 2;
  left: 8%;
  bottom: 30%;
}

.pub_block {
  padding: 65px 110px;
  box-sizing: border-box;
}

.pub_block h3 {
  margin-bottom: 10px;
}

.pub_block .index_more_bg a {
  width: 140px;
  height: 44px;
  line-height: 44px;
}

.pub_edit {
  overflow: hidden;
  height: 250px;
}

@media (min-width: 1025px) and (max-height: 900px) {
  .pub_block {
    padding: 50px;
  }

  .pub_edit {
    height: 200px;
  }
}

@media (min-width: 1025px) and (max-height: 800px) {
  .pub_edit {
    height: 160px;
  }

  .pub_block {
    padding: 30px 50px;
  }

  .pub_block .index_more {
    padding-top: 20px;
  }
}

@media (min-width: 1025px) and (max-height: 740px) {
  .pub_edit {
    height: 100px;
  }

  .pub_tac {
    width: 1100px;
  }
}

@media (min-width: 1025px) and (max-height: 650px) {
  .pub_edit {
    height: 84px;
  }

  .pub_tac {
    width: 900px;
  }
}

@media only screen and (max-width: 1440px) {
  .pub_block {
    padding: 50px;
  }

  /*.pub_edit{height: 251px;}*/
  .beehive_cont {
    padding-bottom: 50px;
  }

  .ecology_p {
    margin-bottom: 40px;
  }

  .beehive_list li {
    margin-bottom: 40px;
  }

  .beehive_list dl {
    margin: 0 15px;
  }

  .beehive_list ul {
    margin: 0 -15px;
  }
}

@media only screen and (max-width: 1024px) {
  .pub_block {
    padding: 40px;
  }

  .pub_edit {
    height: 200px;
  }

  .beehive_list li {
    width: 33.33%;
  }

  .ecology_tab li a {
    padding: 0 15px;
  }

  .ecology_tab li.on {
    padding-right: 15px;
  }

  .tac_logo {
    width: 200px;
    left: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .ecology_p,
  .ecology_title {
    margin-bottom: 20px;
  }

  .ecology_tab li a {
    padding: 0 10px;
  }

  .ecology_tab li.on {
    padding-right: 0px;
  }

  .ecology_tab li {
    background: none;
    width: 33.33%;
    margin-bottom: 5px;
  }

  .ecology_tab {
    margin-bottom: 10px;
  }

  .pub_block {
    padding: 20px;
  }

  .pub_edit {
    height: 201px;
  }

  .pub_block .index_more_bg a {
    width: 110px;
    height: 30px;
    line-height: 30px;
  }

  .beehive_list li {
    width: 50%;
    margin-bottom: 20px;
  }

  .beehive_list dl {
    margin: 0 5px;
  }

  .beehive_list ul {
    margin: 0 -5px;
  }

  .beehive_list dt {
    margin-bottom: 0;
  }

  .ecology_tab li a {
    height: 32px;
    line-height: 32px;
  }

  .tac_logo {
    bottom: 20%;
    width: 150px;
    left: 20px;
  }

  .ecology_4 li {
    width: 25%;
  }
}

/*富足生态*/
.rich_cont {
  padding-top: 20px;
  padding-bottom: 0px;
}

.rich_cont .beehive_list dt {
  margin-bottom: 16px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0);
  text-align: center;
}

.rich_cont .beehive_list dt img {
  width: 253px;
  max-width: 100%;
}

.rich_cont .beehive_list li {
  width: 20%;
  margin-bottom: 40px;
}

.rich_cont .beehive_list dd {
  position: relative;
  height: 48px;
}

.rich_cont .beehive_list dd span {
  position: absolute;
  right: 0;
  bottom: 8px;
}

.rich_cont .beehive_list h3 {
  position: absolute;
  left: 0;
  bottom: 8px;
  white-space: inherit;
  text-overflow: inherit;
  line-height: 24px;
  max-height: 48px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media only screen and (max-width: 1440px) {
  .rich_cont {
    padding-top: 20px;
  }
}

@media only screen and (max-width: 1024px) {
  .rich_cont .beehive_list li {
    width: 33.33%;
  }

  .rich_cont {
    padding: 0;
    padding-top: 20px;
  }

  .rich_cont .beehive_list li {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .rich_cont .beehive_list li {
    margin-bottom: 20px;
    width: 50%;
  }

  .rich_cont .beehive_list dt {
    margin-bottom: 0;
  }
}

.healthy_01 dl {
  padding-bottom: 90px;
  display: table;
  width: 100%;
}

.healthy_01 dt {
  float: left;
  width: 38.8%;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.healthy_01 dt img {
  width: 100%;
}

.healthy_01 dd {
  float: right;
  width: 56.6%;
}

.healthy_01 dd h1 {
  margin-bottom: 30px;
}

.healthy_02 {
  padding: 60px 0;
  background: url(/uistatic/images/healthy_bg.jpg) no-repeat center center;
  background-size: cover;
}

.healthy_list ul {
  overflow: hidden;
  margin: 0 -10px;
}

.healthy_list dl {
  margin: 0 10px;
}

.healthy_list li {
  width: 20%;
  float: left;
  margin-bottom: 40px;
  cursor: pointer;
}

.healthy_list li img {
  width: 245px;
  max-width: 100%;
}

@media only screen and (max-width: 1440px) {
  .healthy_01 dl {
    padding-top: 0;
  }

  .healthy_w .beehive_cont {
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 1366px) {
  .healthy_01 dd h1 {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 1024px) {
  .healthy_list li {
    width: 25%;
  }
}

@media only screen and (max-width: 767px) {
  .healthy_01 dt,
  .healthy_01 dd {
    float: none;
    width: 100%;
  }

  .healthy_01 dt {
    margin-bottom: 20px;
  }

  .healthy_01 dl {
    padding-bottom: 30px;
  }

  .healthy_02 {
    padding: 30px 0;
  }

  .healthy_list li {
    width: 33.33%;
    margin-bottom: 20px;
  }

  .healthy_list ul {
    margin: 0 -5px;
  }

  .healthy_list dl {
    margin: 0 5px;
  }
}

/*快乐生态*/
.happy_cont .healthy_02 {
  padding: 0;
}

.happy_cont .h_row {
  padding: 70px 0;
  padding-bottom: 50px;
  /*background:#fbfaf8;    */
  /*background: url(/uistatic/images/healthy_bg.jpg) no-repeat center center;*/
  /*background-size: cover;*/
  background: #fff;
  transition: all 0.3s;
  border-bottom: 6px solid #fff;
}

.happy_cont .h_row:nth-child(2n) {
  background: #fff;
}

.happy_cont .h_row:last-child {
  border: none;
}

@media only screen and (max-width: 767px) {
  .happy_cont .h_row {
    padding: 30px 0;
  }
}

@media only screen and (min-width: 1025px) {
  .happy_cont .h_row:hover {
    background: #fbfaf8;
  }
}

/*搜索结果*/
.search_top {
  background: #f8f8f8;
  padding: 50px 0;
}

.search_int {
  width: 790px;
  margin: auto;
  max-width: 94%;
  overflow: hidden;
}

.search_result {
  color: #828282;
}

.search_result span {
  color: #b7803e;
}

.search_result em {
  color: #b7803e;
}

.search_le {
  float: left;
  color: #000;
  width: 105px;
  line-height: 60px;
}

.search_input {
  border: 1px solid #818181;
  background: #fff;
  padding: 4px;
  overflow: hidden;
  margin-bottom: 20px;
}

.search_input input,
.search_input button {
  height: 50px;
  line-height: 50px;
  box-sizing: border-box;
  border: none;
  outline: none;
}

.search_input input {
  padding: 0 15px;
  box-sizing: border-box;
  width: calc(100% - 140px);
  float: left;
}

.search_input button {
  width: 140px;
  text-align: center;
  float: right;
  background: #b7803e;
  color: #fff;
  border-radius: 5px;
}

.search_re {
  float: right;
  width: calc(100% - 105px);
}

.search_list {
  padding-top: 45px;
}

.search_list li {
  padding: 35px 0;
  border-bottom: 1px solid #e3e3e6;
}

.search_list dt {
  overflow: hidden;
  margin-bottom: 15px;
  line-height: 30px;
}

.search_list dt h3 span,
.search_list dd span {
  color: #b7803e;
}

.search_list h3 {
  width: calc(100% - 150px);
  line-height: 30px;
  max-height: 60px;
  float: left;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.search_list .search_yd {
  float: right;
  font-family: "Arial";
  font-weight: normal;
}

.search_yd span {
  color: #a3a3a3;
  display: inline-block;
}

.search_yd em {
  color: #000;
  margin-left: 30px;
  display: inline-block;
  width: 90px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.search_list dd {
  color: #595757;
}

.search_list dd p {
  line-height: 24px;
  max-height: 48px;
  color: #9c9b9b;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* .search_bottom{} */

@media only screen and (max-width: 1280px) {
  .search_list {
    padding-top: 20px;
  }
}

@media only screen and (max-width: 1024px) {
  .search_top {
    padding: 40px 0;
  }

  .search_input input,
  .search_input button {
    height: 40px;
    line-height: 40px;
  }

  .search_le {
    line-height: 50px;
  }

  .search_input button {
    width: 100px;
  }

  .search_input input {
    width: calc(100% - 100px);
  }

  .search_le {
    width: 80px;
  }

  .search_re {
    width: calc(100% - 80px);
  }

  .search_list li {
    padding: 20px 0;
  }

  .search_list dd {
    font-size: 14px;
  }

  .search_list dt {
    margin-bottom: 10px;
  }

  .search_list h3 {
    line-height: 24px;
    max-height: 48px;
  }
}

@media only screen and (max-width: 767px) {
  .search_top {
    padding: 20px 0;
  }

  .search_list h3 {
    width: calc(100% - 90px);
  }

  .search_input input,
  .search_input button {
    height: 32px;
    line-height: 32px;
  }

  .search_input input {
    padding: 0 5px;
  }

  .search_input button {
    width: 70px;
  }

  .search_input input {
    width: calc(100% - 70px);
  }

  .search_le {
    line-height: 42px;
    font-size: 14px;
    width: 50px;
  }

  .search_re {
    width: calc(100% - 50px);
  }

  .search_input {
    margin-bottom: 10px;
  }

  .search_list {
    padding-top: 0;
  }

  .search_list h3 {
    font-size: 16px;
  }

  .search_result {
    font-size: 14px;
  }

  .search_list li {
    padding: 15px 0;
  }

  .search_list dt {
    margin-bottom: 4px;
  }
}

/*人才发展*/
.develop_01 {
  padding: 0 0 5% 0;
}

.develop_01 dl {
  display: table;
  width: 100%;
}

.develop_01 dt {
  float: right;
  width: 40%;
  max-width: 410px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.develop_01 dt img {
  width: 100%;
}

.develop_01 dd {
  float: left;
  width: 55%;
}

.develop_p01 {
  color: #4f535d;
}

.develop_02 {
  overflow: hidden;
  padding-bottom: 4%;
}

.develop_02 h2 {
  margin-bottom: 2.5%;
}

.develop_02 ul {
  margin: 0;
}

.develop_02 li {
  float: left;
  width: 25%;
}

.develop_02 dl {
  position: relative;
  margin: 3%;
}

.develop_02 dd {
  width: 100%;
  left: 0;
  color: #fff;
  text-align: center;
}

.develop_02 dt {
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.develop_02 dt span {
  background: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.develop_box {
  overflow: hidden;
  background: #f4f3f3;
  padding: 100px 0;
}

.develop_02 .news_title {
  margin-bottom: 30px;
}

.ph-2 .v-m-c {
  top: 0;
  width: 100%;
  height: 6em;
  transform: unset;
  top: 0;
  padding-top: 40px;
  box-sizing: border-box;
  background: linear-gradient(#0009, #0000);
}

.develop_03 {
  padding: 110px 0;
  padding-top: 0;
  margin-top: -2%;
}

.develop_03 dt {
  float: left;
}

.develop_03 dd {
  float: right;
}

.develop_p02 {
  padding-top: 20px;
}

.develop_p02 li {
  overflow: hidden;
  margin-bottom: 1em;
}

.develop_p02 span {
  height: 28px;
  line-height: 28px;
  text-align: center;
  background: #b7803e;
  color: #fff;
  border-radius: 20px;
  padding: 3px 1em;
}

.develop_p02 p {
  padding: 1em;
}

.develop_04 {
  color: #fff;
  position: relative;
}

.develop_04 .blank_33 {
  background: rgba(0, 0, 0, 0.33);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.develop_join {
  z-index: 2;
  width: 100%;
}

.develop_04 .index_more a {
  color: #000;
}

.develop_04 .index_more {
  padding-top: 40px;
}

@media only screen and (max-width: 1660px) {
  .develop_02 ul {
    margin: 0 -30px;
  }

  /* .develop_02 dl{margin: 0 30px;} */
}

@media only screen and (max-width: 1440px) {
  .develop_03,
  .develop_box,
  .develop_01 {
    padding: 80px 0;
  }

  .develop_p02 {
    padding-top: 40px;
  }
}

@media only screen and (max-width: 1366px) {
  .develop_02 ul {
    margin: 0 -20px;
  }

  /* .develop_02 dl{margin: 0 20px;} */
  .develop_p02 li {
    margin-bottom: 15px;
  }

  .develop_p02 p {
    width: calc(100% - 80px);
  }
}

@media only screen and (max-width: 1024px) {
  .develop_03,
  .develop_box,
  .develop_01 {
    padding: 50px 0;
  }

  .develop_p02 {
    padding-top: 20px;
  }

  .news_title {
    margin-bottom: 10px;
  }

  .develop_04 {
    height: auto !important;
    padding: 80px 0;
  }

  .develop_join {
    position: static;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }

  .develop_04 .index_more {
    padding-top: 20px;
  }

  .develop_02 dt {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0);
  }
}

@media only screen and (max-width: 767px) {
  .develop_01 dt,
  .develop_01 dd {
    float: none;
    width: 100%;
  }

  .develop_01 dt {
    margin-bottom: 20px;
  }

  .develop_03,
  .develop_box,
  .develop_01 {
    padding: 30px 0;
  }

  .develop_02 li {
    width: 50%;
    margin-bottom: 20px;
    text-align: center;
  }

  .develop_02 dl,
  .develop_02 ul {
    margin: 0;
  }

  .develop_02 dl {
    width: 90%;
    margin: auto;
  }
}

.index_more_no {
  text-align: center;
}

.life_news .index_more_no {
  padding-top: 0;
}

.index_more_no a {
  width: 120px;
  height: 40px;
  line-height: 40px;
}

.life_news .news_media_insert {
  height: 180px;
  overflow: hidden;
}

@media only screen and (max-width: 1024px) {
  .life_news .news_media_insert {
    height: 144px;
  }
}

@media only screen and (max-width: 767px) {
  .life_news .news_media_insert {
    height: auto;
  }
}

.review_banner_out {
  position: relative;
}

.review_banner {
  position: absolute;
  top: 35%;
  left: 0;
  width: 100%;
}

.review_site {
  float: right;
  background: url(/uistatic/images/review_ban_bg.png) no-repeat center center;
  background-size: cover;
  width: 49%;
  box-sizing: border-box;
  color: #fff;
  padding: 50px;
}

.review_site h2 {
  margin-bottom: 25px;
}

.review_banner_p {
  overflow: hidden;
}

.review_banner_p p {
  display: inline-block;
  margin-right: 30px;
}

.review_banner_p p:last-child {
  float: none;
  margin: 0;
  display: block;
}

.review_01 {
  margin-bottom: 110px;
}

.review_02 {
  margin-bottom: 70px;
}

.review_03 {
  margin-bottom: 100px;
}

.review_01 {
  display: table;
  width: 100%;
}

.review_01 dl {
  position: relative;
}

.review_01 dt {
  float: left;
  width: 50%;
  height: 100%;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}

.review_01 dt img {
  width: 100%;
}

.review_01 dd {
  float: right;
  width: 44%;
  height: 100%;
}

.review_box01 {
  margin-right: 50px;
  height: 100%;
}

.review_box01 h3 {
  margin-bottom: 30px;
}

.review_scoll01 {
  height: 80%;
  overflow: hidden;
}

.review_02 {
  position: relative;
  padding: 0 85px;
}

.review_slider {
  background: #f4f6f9;
}

.review_slider dl {
  overflow: hidden;
}

.review_slider dt {
  width: 53%;
  float: right;
}

.review_slider dd {
  width: 56%;
  position: absolute;
  left: 0;
  top: 0;
}

.review_slider dt,
.review_slider dd {
  height: 100%;
}

.review_slider dt img {
  width: 100%;
  height: 100%;
}

.review_box2 {
  padding: 50px 0 0 70px;
  height: 100%;
  box-sizing: border-box;
}

.review_box2 h3 {
  margin-bottom: 20px;
}

.opinion_name {
  overflow: hidden;
  padding-top: 40px;
}

.opinion_name h4 {
  float: right;
  position: relative;
  padding-left: 80px;
}

.opinion_name em {
  width: 64px;
  height: 2px;
  background: #727272;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1px;
}

.opinion_p {
  overflow: hidden;
  height: calc(100% - 85px);
}

.opinion {
  background: rgba(255, 255, 255, 0.73);
  padding: 50px;
  padding-right: 60px;
  border-radius: 30px;
  box-sizing: border-box;
  height: calc(100% - 110px);
  overflow: hidden;
}

.s_but {
  display: none;
}

.s_but div {
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 32px;
  background: none;
  color: #ac896a;
}

.s_but .swiper-button-prev {
  text-align: left;
}

.s_but .swiper-button-next {
  text-align: right;
}

.review_video ul {
  overflow: hidden;
  margin: 0 -30px;
}

.review_video li {
  float: left;
  width: 33.33%;
}

.review_video dl {
  margin: 0 30px;
  position: relative;
}

.review_video dt {
  position: relative;
}

.review_video dt em {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/uistatic/images/review_bg.png) no-repeat center center;
  background-size: cover;
}

.review_video dd {
  position: absolute;
  left: 0;
  bottom: 35px;
  width: 100%;
  color: #fff;
}

.review_video dd h3 {
  padding: 0 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.review_title {
  margin-bottom: 40px;
}

.review_04 .index_news ul {
  margin: 0 -30px;
  padding-top: 0;
}

.review_04 .index_news dl {
  margin: 0 30px;
  padding: 0;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
}

.review_04 .index_news dt {
  margin: 0;
}

.review_04 .index_news dd {
  padding: 30px;
}

.review_04 .index_news h1 {
  height: 60px;
  max-height: inherit;
  -webkit-line-clamp: 2;
  margin-bottom: 20px;
}

.review_04 .index_news p {
  height: 72px;
  max-height: inherit;
  -webkit-line-clamp: 3;
}

@media only screen and (max-width: 1660px) {
  .review_box2 {
    padding: 30px 0 0 40px;
  }

  .opinion {
    padding: 40px;
  }
}

@media only screen and (max-width: 1440px) {
  .review_site {
    padding: 40px;
  }

  .review_site h2 {
    margin-right: 15px;
  }

  .review_banner {
    top: 25%;
  }

  .review_01 {
    margin-bottom: 60px;
  }

  .review_02 {
    margin-bottom: 60px;
  }

  .review_03 {
    margin-bottom: 60px;
  }

  .review_box01 {
    margin: 0;
  }

  .review_01 dd {
    width: 46%;
  }

  .review_box01 h3 {
    margin-bottom: 20px;
  }

  .opinion {
    padding: 30px;
  }

  .opinion_name {
    padding-top: 20px;
  }

  .opinion_p {
    height: calc(100% - 62px);
    font-size: 16px;
    line-height: 28px;
  }

  .review_02 {
    padding: 0 50px;
  }

  .review_video ul {
    margin: 0 -20px;
  }

  .review_video dl {
    margin: 0 20px;
  }

  .review_video dd {
    bottom: 20px;
  }

  .review_04 .index_news ul {
    margin: 0 -20px;
  }

  .review_04 .index_news dl {
    margin: 0 20px;
  }
}

@media only screen and (max-width: 1366px) {
  .opinion_p {
    height: calc(100% - 50px);
    font-size: 14px;
    line-height: 24px;
  }

  .opinion_name {
    font-size: 20px;
  }

  .review_video ul {
    margin: 0 -10px;
  }

  .review_video dl {
    margin: 0 10px;
  }

  .review_video dd h3 {
    padding: 0 20px;
  }

  .review_04 .index_news ul {
    margin: 0 -10px;
  }

  .review_04 .index_news dl {
    margin: 0 10px;
  }

  .review_site h2 {
    margin-bottom: 5px;
  }

  .review_site {
    padding: 30px;
  }
}

@media only screen and (max-width: 1024px) {
  .review_01 {
    margin-bottom: 40px;
  }

  .review_02 {
    margin-bottom: 40px;
  }

  .review_03 {
    margin-bottom: 40px;
  }

  .review_box01 h3 {
    margin-bottom: 10px;
  }

  .review_box2 h3 {
    margin-bottom: 10px;
  }

  .review_box2 {
    padding: 20px 0 0 20px;
  }

  .opinion {
    height: calc(100% - 70px);
    padding: 20px;
    padding-bottom: 10px;
  }

  .opinion_name {
    font-size: 16px;
  }

  .opinion_name em {
    width: 30px;
  }

  .opinion_name h4 {
    padding-left: 40px;
  }

  .opinion_p {
    height: calc(100% - 44px);
  }

  .review_video ul {
    margin: 0 -5px;
  }

  .review_video dl {
    margin: 0 5px;
  }

  .review_title {
    margin-bottom: 20px;
  }

  .review_04 .index_news ul {
    margin: 0 -5px;
  }

  .review_04 .index_news dl {
    margin: 0 5px;
  }

  .review_04 .index_news h1 {
    height: 48px;
    margin-bottom: 10px;
  }

  .review_04 .index_news dd {
    padding: 20px;
  }

  .review_banner {
    top: 16%;
  }

  .review_site {
    width: 60%;
  }

  .review_banner_p p {
    display: block;
    margin: 0;
  }

  .review_banner {
    position: static;
  }

  .review_site {
    width: 100%;
    padding: 20px;
    margin: 20px 0;
    margin-top: 0;
  }

  .review_banner_out .site_banner:after {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .review_01 {
    margin-bottom: 20px;
  }

  .review_02 {
    margin-bottom: 20px;
  }

  .review_03 {
    margin-bottom: 20px;
  }

  .review_01 dt,
  .review_01 dd {
    float: none;
    width: 100%;
  }

  .review_01 dl {
    height: auto !important;
  }

  .review_01 dt {
    margin-bottom: 10px;
  }

  .review_slider dl {
    height: auto !important;
  }

  .review_slider dt,
  .review_slider dd {
    float: none;
    width: 100%;
    position: static;
  }

  .opinion {
    background: none;
  }

  .review_box2 {
    padding: 20px;
  }

  .opinion {
    height: auto;
    padding: 0;
    border-radius: 0;
  }

  .review_02 {
    padding: 0;
  }

  .s_but div {
    top: 0;
    margin-top: 30%;
  }

  .review_video ul {
    margin: 0;
  }

  .review_video dl {
    margin: 0;
  }

  .review_video li {
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }

  .review_video li:last-child {
    margin-bottom: 0;
  }

  .review_video dd h3 {
    padding: 0 10px;
  }

  .review_04 .index_news ul {
    margin: 0;
    overflow: inherit;
  }

  .review_04 .index_news dl {
    margin: 0;
  }

  .review_04 .index_news h1 {
    height: auto;
    max-height: 48px;
  }

  .review_04 .index_news p {
    height: auto;
    max-height: 72px;
  }

  .develop_03_con .swiper-wrapper {
    flex-direction: column;
    gap: 15px;
  }

  .develop_03_con .swiper-slide {
    flex-direction: column;
  }

  .develop_03_con .swiper-slide img {
    height: auto !important;
    width: 100% !important;
  }

  .develop_03_con .swiper-slide .slider_box-text {
    position: relative;
    width: 100%;
  }

  .case_show_b .swiper-button-prev,
  .case_show_b .swiper-button-next {
    display: none;
  }
}

/*活动预告详情*/
.notice_banner_out {
  position: relative;
  overflow: hidden;
}

.notice_banner_out .review_banner {
  top: 24.6%;
}

.notice_banner_out .review_site {
  width: 59%;
  background: url(/uistatic/images/notice_ban_bg.png) no-repeat center center;
}

.notice_banner_out .review_site h2 {
  margin: 0;
  font-weight: bold;
}

.notice_banner_out .review_site h2,
.notice_banner_out .review_site h4 {
  line-height: 60px;
}

.notice_banner_out .review_banner_p p {
  display: block;
  margin: 0;
}

.notice_banner_out .review_site h4 {
  margin-bottom: 30px;
}

.notice_01 .wrap {
  position: relative;
  z-index: 2;
}

.notice_01 {
  overflow: hidden;
  position: relative;
  padding: 100px 0;
}

.notice_01 .review_01 {
  margin: 0;
}

.notice_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 69%;
  background: #f4f3f3;
}

.notice_02 {
  padding-bottom: 100px;
}

.notice_02 .review_title {
  margin-bottom: 20px;
}

.notice_tab {
  margin-bottom: 45px;
}

.notice_tab ul {
  overflow: hidden;
}

.notice_tab li {
  float: left;
  margin-bottom: 10px;
}

.notice_tab li a {
  display: block;
  width: 96px;
  height: 32px;
  line-height: 32px;
  text-align: center;
}

.notice_tab li.on a {
  background: #91663b;
  color: #fff;
  border-radius: 20px;
}

.notice_table {
  overflow: inherit;
}

.photo_table {
  width: 100%;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
}

.photo_table td {
  line-height: 20px;
  padding: 25px 30px;
  border-right: 3px solid #fff;
}

.photo_table td:last-child {
  border: none;
}

.photo_table thead td {
  background: #91663b;
  color: #fff;
  padding: 15px 30px;
}

/* .photo_table .t1 {  } */
.photo_table .t2 {
  width: 23.5%;
}

.photo_table .t3 {
  width: 16.6%;
}

.photo_table .t4 {
  width: 16.6%;
}

.photo_table .t5 {
  width: 21%;
}

.photo_table tbody tr:nth-child(2n) {
  background: #f8f7f5;
}

@media only screen and (max-width: 1440px) {
  .notice_table {
    font-size: 16px;
  }

  .notice_tab {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 1366px) {
  .notice_table {
    font-size: 14px;
  }

  .notice_tab {
    margin-bottom: 20px;
  }

  .photo_table td {
    padding: 20px;
  }

  .photo_table thead td {
    padding: 15px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .notice_tab li {
    width: 20%;
  }

  .notice_tab li a {
    width: 100%;
  }

  .notice_tab {
    margin-bottom: 10px;
  }

  .photo_table {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0);
  }

  .photo_table td:last-child {
    border-bottom: 1px solid #eee;
  }

  .photo_table,
  .photo_table thead,
  .photo_table tbody,
  .photo_table th,
  .photo_table td,
  .photo_table tr {
    display: block;
  }

  .photo_table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .photo_table tr {
    border: 1px solid #eee;
    border-bottom: 0;
    margin-bottom: 20px;
  }

  .photo_table td {
    min-height: 24px;
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding: 5px 0;
    padding-left: 6em;
    white-space: normal;
    text-align: left;
  }

  .photo_table td:before {
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 0;
    width: 6em;
    text-indent: 10px;
    white-space: nowrap;
    text-align: left;
  }

  .photo_table td:before {
    content: attr(data-title);
  }

  .photo_table tr:last-child {
    margin-bottom: 0;
  }
}

.notice_cont {
  overflow: hidden;
}

.notice_03 {
  padding-bottom: 115px;
}

.guide_01 {
  margin-top: -10px;
}

.guide_01 img {
  width: 100%;
}

.guide_02 {
  margin-bottom: 90px;
}

.guide_tab {
  position: relative;
  margin-bottom: 55px;
}

.guide_tab ul {
  display: table;
  width: 100%;
  position: relative;
  z-index: 2;
}

.guide_tab li {
  float: left;
  line-height: 35px;
  margin-right: 45px;
}

.guide_tab span {
  display: inline-block;
  width: 35px;
  height: 35px;
  position: relative;
  overflow: hidden;
  margin-right: 10px;
}

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

.guide_tab img.g_ic02 {
  top: 100%;
}

.guide_tab li a {
  overflow: hidden;
  display: block;
  padding-bottom: 20px;
  position: relative;
}

.guide_tab li a i {
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -10px;
  width: 20px;
  height: 12px;
  background: url(/uistatic/images/guide_arrow.png) no-repeat center center;
  display: none;
}

.guide_line {
  height: 3px;
  width: 100%;
  background: #91663b;
  position: absolute;
  left: 0;
  bottom: 0;
}

.guide_tab li.on a {
  color: #91663b;
}

.guide_tab li.on img.g_ic01 {
  top: 100%;
}

.guide_tab li.on img.g_ic02 {
  top: 0;
}

.guide_tab li.on a i {
  display: block;
}

.guide_02 h3,
.guide_03 h3 {
  margin-bottom: 30px;
}

.guide_iteam ul {
  overflow: hidden;
  margin: 0 -60px;
  display: none;
}

.guide_iteam li {
  float: left;
  margin-bottom: 30px;
  width: 30%;
}

.guide_iteam li:nth-child(3n) {
  width: 40%;
}

.guide_iteam li:nth-child(3n + 1) {
  clear: both;
}

.guide_iteam li .guide_text {
  padding: 0 60px;
  border-right: 1px solid #303030;
}

.guide_iteam li:last-child .guide_text {
  border: 0;
}

.guide_iteam ul:first-child {
  display: block;
}

.guide_type ul {
  overflow: hidden;
  margin: 0 -10px;
}

.guide_type li {
  float: left;
  width: 33.33%;
}

.guide_type dt {
  overflow: hidden;
}

.guide_type dl {
  margin: 0 10px;
  border: 1px solid #acacac;
  padding: 20px;
}

.guide_type h2 {
  border-bottom: 1px solid #c3c3c3;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.guide_type dt {
  margin-bottom: 20px;
}

.type_p {
  height: 120px;
  overflow: hidden;
}

@media only screen and (max-width: 1440px) {
  .notice_01 {
    padding: 60px 0;
  }

  .notice_02 {
    padding-bottom: 60px;
  }

  .notice_03 {
    padding-bottom: 60px;
  }

  .guide_02 {
    margin-bottom: 20px;
  }

  .notice_banner_out .review_banner {
    top: 15%;
  }

  .notice_banner_out .review_site h4 {
    margin-bottom: 10px;
  }

  .notice_banner_out .review_site h2,
  .notice_banner_out .review_site h4 {
    line-height: 52px;
  }
}

@media only screen and (max-width: 1024px) {
  .notice_01 {
    padding: 40px 0;
    margin-bottom: 30px;
  }

  .notice_02 {
    padding-bottom: 40px;
  }

  .notice_03 {
    padding-bottom: 40px;
  }

  .guide_02 {
    margin-bottom: 0px;
  }

  .notice_bg {
    height: 100%;
  }

  .notice_banner_out .review_site {
    width: 100%;
  }

  .notice_banner_out .review_site h2,
  .notice_banner_out .review_site h4 {
    line-height: 34px;
  }

  .guide_01 {
    margin-top: 0px;
  }

  .guide_02 h3,
  .guide_03 h3 {
    margin-bottom: 20px;
  }

  .guide_type dl {
    padding: 10px;
    padding-bottom: 20px;
  }

  .guide_type dl {
    margin: 0 5px;
  }

  .guide_type ul {
    margin: 0 -5px;
  }

  .guide_iteam li,
  .guide_iteam li:nth-child(3n) {
    width: 33.33%;
  }

  .guide_iteam li .guide_text {
    padding: 0 20px;
  }

  .guide_iteam ul {
    margin: 0 -20px;
  }

  .guide_iteam li:nth-child(3n + 1) {
    clear: both;
  }

  .guide_tab {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .notice_01 {
    padding: 20px 0;
  }

  .notice_02 {
    padding-bottom: 20px;
  }

  .notice_03 {
    padding-bottom: 30px;
  }

  .guide_02 {
    margin-bottom: 20px;
  }

  .guide_tab li {
    width: 33.33%;
    margin: 0;
  }

  .guide_tab li.on a i {
    display: none;
  }

  .guide_tab li a {
    padding-bottom: 5px;
  }

  .guide_line {
    height: 2px;
  }

  .guide_iteam li {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }

  .guide_iteam li .guide_text {
    padding: 0;
    border: 0;
  }

  .guide_iteam ul {
    margin: 0;
  }

  .guide_type dl {
    margin: 0;
  }

  .guide_type ul {
    margin: 0;
  }

  .guide_type li {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }

  .guide_type li:last-child,
  .guide_iteam li:last-child {
    margin-bottom: 0;
  }

  .type_p {
    height: auto;
  }

  .guide_tab span {
    width: 30px;
    height: 30px;
    margin-right: 5px;
  }

  .guide_tab li {
    line-height: 30px;
  }
}

/*全球举报平台*/
.report_01 {
  background: #f4f6f9;
  padding: 0 170px;
  overflow: hidden;
  margin-bottom: 90px;
}

.report_01 dl {
  overflow: hidden;
}

.report_01 dt {
  width: 44.7%;
  float: right;
}

.report_01 dt img {
  width: 100%;
}

.report_01 dd {
  float: left;
  width: 50%;
  padding-top: 10%;
}

.report_01 dd h1 {
  margin-bottom: 20px;
}

.report_02 {
  overflow: hidden;
  margin-bottom: 50px;
}

.report_02 .left {
  width: 25%;
  float: left;
}

.report_02 .right {
  width: 75%;
  float: right;
}

.report_02 h1 {
  margin-bottom: 10px;
}

.report_p {
  margin-bottom: 35px;
}

.report_c {
  background: #f8f7f5;
  padding: 90px 80px 140px 60px;
}

.report_about ul {
  overflow: hidden;
  margin: 0 -20px;
}

.report_about li {
  float: left;
  width: 50%;
}

.report_about li p {
  padding: 20px;
  border-right: 1px solid #a8a9ac;
  line-height: 30px;
}

.report_about li span {
  font-size: 30px;
  margin-right: 18px;
  position: relative;
  top: 5px;
}

.report_about li i {
  font-size: 20px;
  margin-left: 10px;
  position: relative;
  top: 2px;
}

.report_about li:last-child p {
  border: 0;
}

.report_about li:last-child {
  text-align: center;
}

.report_a {
  padding-top: 30px;
}

.report_a a {
  display: block;
  height: 86px;
  line-height: 86px;
  text-align: center;
  color: #fff;
  background: #91663b;
  border-radius: 20px;
}

.report_a a i {
  font-size: 30px;
  margin-right: 20px;
}

.report_text {
  line-height: 24px;
  padding-top: 0px;
}

.report_text p {
  margin-bottom: 30px;
  overflow: hidden;
}

.report_text span {
  float: left;
  max-width: 170px;
}

.report_text em {
  float: left;
  width: calc(100% - 170px);
}

.report_ewm dl {
  overflow: hidden;
}

.report_ewm dt {
  float: left;
  width: 110px;
}

.report_ewm dt img {
  width: 100%;
}

.report_ewm dd {
  width: calc(100% - 140px);
  float: right;
  color: #91663b;
}

@media only screen and (max-width: 1440px) {
  .report_01 {
    padding: 0 120px;
    margin-bottom: 60px;
  }

  .report_text {
    padding-top: 0px;
  }

  .report_text p {
    margin-bottom: 20px;
  }

  .report_c {
    padding: 50px;
    padding-bottom: 70px;
  }

  .report_a a {
    height: 70px;
    line-height: 70px;
  }
}

@media only screen and (max-width: 1280px) {
  .report_01 dd h1 {
    margin-bottom: 10px;
  }

  .report_01 {
    padding: 0 80px;
  }

  .report_c {
    padding: 50px 30px;
    padding-bottom: 70px;
  }

  .report_about li span {
    margin-right: 10px;
  }

  .report_text p {
    margin-bottom: 10px;
  }

  .report_ewm {
    padding-top: 20px;
  }

  .report_p {
    margin: 20px 0;
    text-align: center;
  }

  .report_about li p {
    padding: 10px;
  }

  .report_02 {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 1024px) {
  .report_01 {
    padding: 0 50px;
    margin-bottom: 50px;
  }

  .report_02 .left,
  .report_02 .right {
    float: none;
    width: 100%;
  }

  .report_text {
    padding: 0;
  }

  .report_02 .left {
    margin-bottom: 30px;
  }

  .report_about li {
    text-align: center;
  }

  .report_c {
    padding: 50px 30px;
  }

  .report_a {
    text-align: center;
  }

  .report_a a {
    height: 50px;
    line-height: 50px;
    display: inline-block;
    padding: 0 50px;
  }

  .report_a a i {
    margin-right: 5px;
    position: relative;
    top: 2px;
    float: left;
  }

  .report_a a i {
    font-size: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .report_01 dt,
  .report_01 dd {
    float: none;
    width: 100%;
  }

  .report_01 {
    padding: 20px;
    padding-bottom: 30px;
  }

  .report_01 dd {
    padding-top: 20px;
  }

  .report_01 {
    margin-bottom: 20px;
  }

  .report_c {
    padding: 30px 20px;
  }

  .report_a a {
    padding: 0 20px;
  }

  .report_about li,
  .report_about li:last-child {
    float: none;
    text-align: left;
    float: none;
    width: 100%;
  }

  .report_about li {
    margin-bottom: 10px;
  }

  .report_about li p {
    border: none;
    padding: 0;
  }

  .report_about ul {
    margin: 0;
  }

  .report_a {
    padding-top: 10px;
  }

  .report_a a {
    height: 40px;
    line-height: 40px;
  }

  .report_text span {
    max-width: 120px;
  }

  .report_text em {
    float: left;
    width: calc(100% - 120px);
    width: auto;
  }

  .report_ewm dt,
  .report_ewm dd {
    float: none;
    margin: auto;
  }

  .report_ewm dd {
    width: 100%;
    padding-top: 10px;
    text-align: center;
  }

  .report_text p:last-child {
    margin-bottom: 0;
  }
}

/*.hotel_chose{width: 170px;}
.double_insert{padding-left:15px;}
.double_calendar input{padding-left:110px}
.double_calendar{width:460px;}
.hotel_chose02{width:300px;}
.hotel_chose02 .c_p01{padding-right:0;}
.hotel_chose02 dt{padding:0 10px}
.hotel_name dt{padding:0 10px}
.public_choice .calendar_btn{margin-left:10px;}

.calendar_btn button{width:90px;}
.hotel_name{margin:0;float:none}
.h_search{width:calc(100% - 175px - 460px - 305px - 100px)}

.h_search input{height:52px;line-height:52px;width: calc(100% - 30px) !important;padding: 0 !important;}
.h_search dt i{width:30px;text-align:center;}
*/

/*精彩活动在线*/
.brand_01 h1 {
  text-align: center;
  margin-bottom: 80px;
}

.brand_box h3 {
  margin-bottom: 30px;
}

.brand_tab {
  margin-bottom: 2px;
  overflow: hidden;
}

.brand_tab ul {
  overflow: hidden;
  margin-bottom: 40px;
}

.brand_tab li {
  float: left;
  width: 18.4%;
  text-align: left;
  border-radius: 20px;
  margin-right: 2%;
  background: #f8f5ef;
  position: relative;
  cursor: pointer;
}

.brand_tab li img {
  width: 100%;
}

.brand_tab li:last-child {
  margin-right: 0;
}

.brand_tab li dl {
  margin: 0 0px;
  padding-bottom: 20px;
  cursor: pointer;
}

.brand_tab dt {
  margin-bottom: 10px;
}

.brand_tab dd {
  padding: 20px;
}

.brand_tab dt span {
  width: 162px;
  height: 125px;
  margin: auto;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
}

.brand_tab dt span img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.img_ic02 {
  visibility: hidden;
  opacity: 0;
  display: none;
}

.brand_tab li.on {
  background: #dcae65;
}

.brand_tab li.on dl {
  color: #fff;
}

.brand_tab li.on .img_ic01 {
  visibility: hidden;
  opacity: 0;
  display: none;
}

.brand_tab li.on .img_ic02 {
  visibility: visible;
  opacity: 1;
  display: block;
}

.b_active li {
  padding: 65px 0;
  background: #e9e9e9;
}

.b_active li:nth-child(2n) {
  background: #fff;
}

.b_active ul {
  overflow: hidden;
}

.b_active li dl {
  overflow: hidden;
}

.b_active dt {
  float: left;
  width: 50%;
}

.b_active dd {
  width: 43%;
  float: right;
  padding-top: 20px;
}

.b_box p {
  max-height: 90px;
  -webkit-line-clamp: 3;
}

.b_box h1 {
  margin-bottom: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.b_active li:nth-child(2n) dd {
  float: left;
}

.b_active li:nth-child(2n) dt {
  float: right;
}

.brand_banner .swiper-pagination {
  bottom: 9.4% !important;
}

.brand_banner .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #fff;
  opacity: 1;
  margin: 0 30px !important;
}

.brand_banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #414141;
}

.brand_link {
  overflow: hidden;
}

.brand_logo {
  padding: 120px 60px;
}

.brand_logo ul {
  overflow: hidden;
  margin: 0 -20px;
}

.logo_img {
  padding: 0 20px;
  text-align: center;
  box-sizing: border-box;
}

.brand_logo li {
  float: left;
  width: 33.33%;
  margin-bottom: 40px;
  cursor: pointer;
}

.brand_logo li dl {
  padding: 0 20px;
  text-align: center;
}

.brand_logo li img {
  width: 200px;
  max-width: 100%;
}

.link_list {
  width: 50%;
  height: 100%;
  float: right;
  background: rgba(255, 255, 255, 0.85);
}

.brand_logo {
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

.brand_logo .mCSB_scrollTools .mCSB_draggerRail {
  background: #fff;
}

.brand_img {
  display: none;
}

.brand_logo li:nth-child(3n + 1) {
  clear: both;
}

.brand_logo > div {
  height: 100%;
  overflow: hidden;
}

@media only screen and (max-width: 1660px) {
  .brand_logo {
    padding: 70px 50px;
  }
}

@media only screen and (max-width: 1440px) {
  .brand_logo li {
    margin-bottom: 30px;
  }

  .brand_01 h1 {
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 1366px) {
  .b_box h1 {
    margin-bottom: 20px;
  }

  .b_active dd {
    padding-top: 10px;
  }

  .b_active dd {
    width: 46%;
  }
}

@media only screen and (max-width: 1280px) {
  .brand_logo {
    padding: 50px 40px;
  }
}

@media only screen and (max-width: 1024px) {
  .brand_banner .swiper-pagination-bullet {
    margin: 0 10px !important;
  }

  .index_more {
    padding-top: 20px;
  }

  .b_box h1 {
    margin-bottom: 10px;
  }

  .b_active li {
    padding: 40px 0;
  }

  .brand_box h3 {
    margin-bottom: 20px;
  }

  .brand_img {
    display: block;
    margin-bottom: 30px;
  }

  .brand_link {
    background: none !important;
    height: auto !important;
  }

  .link_list {
    position: static;
    width: 100%;
    background: none;
  }

  .brand_01 {
    padding-bottom: 0;
  }

  .brand_logo {
    padding: 0 3%;
  }

  .brand_logo li {
    width: 20%;
    margin-bottom: 30px;
  }

  .brand_tab li dl {
    margin: 0 20px;
  }

  .brand_tab ul {
    margin: 0 -20px;
  }

  .brand_tab li dl {
    border-width: 4px;
    padding-bottom: 10px;
  }

  .brand_tab dt span {
    width: 45px;
    height: 45px;
  }

  .brand_logo li:nth-child(5n + 1) {
    clear: both;
  }

  .brand_logo li:nth-child(3n + 1) {
    clear: inherit;
  }
}

@media only screen and (max-width: 767px) {
  .brand_banner .swiper-pagination-bullet {
    margin: 0 10px !important;
    width: 8px;
    height: 8px;
  }

  .b_active dt,
  .b_active dd {
    float: none;
    width: 100%;
  }

  .b_active dd {
    padding-top: 20px;
  }

  .b_active li {
    padding: 30px 0;
  }

  .brand_logo li {
    width: 33.33%;
    margin-bottom: 20px;
  }

  .logo_img {
    padding: 0 10px;
  }

  .brand_logo ul {
    margin: 0 -10px;
  }

  .brand_img {
    margin-bottom: 20px;
  }

  .brand_tab li dl {
    margin: 0 2px;
    border-width: 2px;
  }

  .brand_tab ul {
    margin: 0 -2px;
  }

  .brand_tab dt span {
    width: 36px;
    height: 36px;
  }

  .brand_tab dt {
    margin-bottom: 5px;
  }

  .brand_01 h1 {
    margin-bottom: 20px;
  }

  .brand_logo li:nth-child(5n + 1) {
    clear: inherit;
  }

  .brand_logo li:nth-child(3n + 1) {
    clear: both;
  }
}

/*品牌详情*/
.brand_d {
  padding: 150px 0 75px 0;
}

.brand_d > h1 {
  margin-bottom: 50px;
}

.brand_a {
  padding-top: 70px;
}

.brand_a a {
  display: block;
  width: 160px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  color: #fff;
  background: #b7803e;
  border-radius: 20px;
}

.brand_a i {
  margin-right: 10px;
}

@media only screen and (max-width: 1660px) {
  .brand_d {
    padding: 70px 0;
  }
}

@media only screen and (max-width: 1366px) {
  .brand_d > h1 {
    margin-bottom: 30px;
  }

  .brand_a {
    padding-top: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .brand_d > h1 {
    margin-bottom: 20px;
  }

  .brand_d {
    padding: 30px 0;
    padding-bottom: 50px;
  }

  .brand_a {
    padding-top: 30px;
  }
}

.bulk_cont .beehive_cont {
  padding: 0;
}

/* .ecology_num ul{} */
.ecology_num li {
  float: left;
  width: 25%;
  text-align: center;
  position: relative;
  min-height: 240px;
  color: #303030;
}

.ecology_num li dd {
  color: #3c3c3c;
}

.ecology_num li dl {
  z-index: 5;
  width: 100%;
  text-align: center;
  padding: 0 10px;
  box-sizing: border-box;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  position: absolute;
  left: 0;
  top: 50%;
}

.ecology_num li:nth-child(4n + 1) {
  clear: both;
}

.ecology_num li .e_cicle {
  width: 273px;
  height: 273px;
  background: #fbf8f4;
  border-radius: 50%;
  visibility: hidden;
  opacity: 0;
}

.ecology_num li dt {
  font-size: 70px;
}

.ecology_num li dt i {
  font-size: 28px;
  vertical-align: top;
}

.ecology_num li dt i.sub {
  vertical-align: baseline;
  margin-left: -0.55em;
}

@media only screen and (max-width: 1660px) {
  .ecology_num li dt {
    font-size: 60px;
  }
}

@media only screen and (max-width: 1366px) {
  .ecology_num li dt {
    font-size: 52px;
  }
}

@media only screen and (max-width: 1280px) {
  .ecology_num li dt {
    font-size: 46px;
  }
}

@media only screen and (max-width: 1024px) {
  .ecology_num {
    padding: 0;
  }

  .ecology_num li {
    min-height: inherit;
    margin-bottom: 40px;
  }

  .ecology_num li .e_cicle {
    display: none;
  }

  .ecology_num li dl {
    position: static;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }

  .ecology_num li dt {
    font-size: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .ecology_num li {
    width: 50%;
    margin-bottom: 20px;
  }

  .ecology_num li:nth-child(4n + 1) {
    clear: inherit;
  }

  .ecology_num li:nth-child(2n + 1) {
    clear: both;
  }

  .ecology_num {
    padding-bottom: 20px;
  }

  .ecology_num li dt i {
    font-size: 12px;
  }

  .ecology_num li dt {
    font-size: 24px;
  }
}

@media only screen and (min-width: 1025px) {
  .news_media dl,
  .e_cicle {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
  }

  .index_more a:hover {
    background: #ae6e23;
    color: #fff !important;
  }

  .news_more a:hover {
    color: #fff !important;
    background: #aa7d53;
  }

  .index_more_bg a:hover,
  .exhibition_text h3 a:hover,
  .report_a a:hover {
    color: #fff !important;
    opacity: 0.8;
  }

  .media_tab li.on a:hover {
    color: #fff !important;
  }

  .news_media dl:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  }

  .news_page .page_re a:hover {
    color: #fff !important;
    background: #916536;
  }

  .tel a {
    color: #4f535d;
    cursor: default;
  }

  .tel a:hover {
    color: #4f535d !important;
  }

  .ecology_tab li.on a:hover {
    color: #fff !important;
  }

  .contact_c dl:hover {
    background: #666666;
    color: #fff;
    border: 2px solid #666666;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  }

  .contact_c dl:hover a {
    color: #fff;
  }

  .contact_c dl a:hover,
  .notice_tab li.on a:hover {
    color: #fff !important;
  }

  .pub_tab li:hover a i {
    left: 0;
    width: 100%;
  }

  .type_p p a:hover {
    cursor: default;
    color: #333 !important;
  }

  .brand_a a:hover {
    color: #fff !important;
    opacity: 0.8;
  }

  .ecology_num li:hover .e_cicle {
    opacity: 1;
    visibility: visible;
  }

  .ecology_num li:hover {
    color: #003b83;
  }

  .ecology_num.dep li:hover {
    color: #003b83;
  }

  .ecology_num.dep li:hover dd {
    color: #3c3c3c;
  }
}

.strategy_01 {
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  padding: 140px 0 45px;
  color: #fff;
}

.strategy_01 h2 {
  margin-bottom: 24px;
  line-height: 1em;
}

.strategy_insert_01 {
  overflow: hidden;
  color: #fff;
  padding: 70px 0 60px 0;
  z-index: 5;
  position: relative;
}

.strategy_insert_01 ul {
  overflow: hidden;
  margin: 0 -30px;
}

.strategy_insert_01 li {
  float: left;
  width: 25%;
}

.strategy_insert_01 dl {
  margin: 0 30px;
  border-bottom: 1px solid #bebbbe;
  height: 166px;
  padding: 20px 30px;
  box-sizing: border-box;
  cursor: pointer;
}

.strategy_insert_01 dd {
  color: #b7803e;
  display: none;
}

.strategy_insert_01 dd h4 {
  margin-bottom: 15px;
}

.strategy_insert_01 dd p {
  line-height: 20px;
  height: 60px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.strategy_insert_01 li.on dl {
  background: #fff;
  border-bottom: 1px solid #fff;
  border-radius: 20px;
}

.strategy_insert_01 li.on dt {
  display: none;
}

.strategy_insert_01 li.on dd {
  display: block;
}

.blabk_40 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}

.strategy_insert_02 {
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  position: relative;
  z-index: 5;
  padding-top: 32px;
  padding-bottom: 32px;
}

.strategy_insert_02 ul {
  overflow: hidden;
  margin: 0 -0px;
  margin-top: 16px;
  display: block;
}

.strategy_insert_02 li {
  float: left;
  width: 33.33%;
}

.strategy_insert_02 li {
  float: left;
  width: 50%;
}

.strategy_insert_02 dl {
  padding: 0;
  padding-right: 40px;
}

.strategy_insert_02 dt {
  margin-bottom: 1.2em;
}

.strategy_insert_02 h3 {
  position: relative;
  padding-bottom: 10px;
  font-size: 20px;
  display: inline-block;
  background: #b7803e;
  border-radius: 20px;
  padding: 0 15px;
  line-height: 1.4;
  font-size: 20px;
}

.strategy_insert_02 h4 {
  position: relative;
  padding-bottom: 10px;
  font-size: 18px;
  line-height: 1;
  display: inline;
}

/* .strategy_insert_02 h3:after{content: "";position: absolute;left: 0;bottom: 0;width: 60px;height: 3px;background: #b7803e;} */
.strategy_insert_02 h4:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background: #b7803e;
}

.strategy_insert_02 dd::after {
  content: "";
  clear: both;
  display: table;
}

.strategy_insert_02 dd span {
  float: left;
  width: 16.6%;
  line-height: 2em;
  font-size: 14px;
}

.strategy_insert_02 li:last-child dd {
  width: 66%;
}

.strategy_insert_02 li:last-child span {
  width: 25%;
}

.strategy_insert_02 li:nth-child(-n + 2) {
  border-bottom: 1px solid #3e3d40;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.strategy_insert_03 {
  position: relative;
  z-index: 5;
  line-height: 36px;
  color: #d6af82;
  padding: 50px 0;
}

.strategy_insert_03 .wrap {
  overflow: hidden;
}

.strategy_insert_03 span {
  float: left;
  margin-right: 20px;
}

.strategy_insert_03 ul {
  overflow: hidden;
  float: left;
}

.strategy_insert_03 li {
  float: left;
  display: none;
}

.strategy_insert_03 li dl {
  overflow: hidden;
}

.strategy_insert_03 li dt,
.strategy_insert_03 li dd {
  float: left;
}

.strategy_insert_03 li dd {
  padding: 0 18px;
}

.strategy_insert_03 li:last-child dd {
  display: none;
}

.strategy_insert_03 li.on {
  font-weight: bold;
}

.strategy_insert_03 li.on,
.strategy_insert_03 li.before {
  display: block;
}

.strategy_insert_03 li.on dd {
  display: none;
}

.strategy_insert_03 li.on dt {
  font-size: 20px;
}

.strategy_02 {
  padding: 75px 0;
  background: #ededea url(/uistatic/images/culture/system/img_03.jpg) no-repeat
    0 bottom;
  background-size: 100%;
}

.strategy_02 h1 {
  text-align: center;
  margin-bottom: 60px;
}

.strategy_box {
  width: 685px;
  height: 685px;
  margin: auto;
  position: relative;
}

.strategy_box {
  width: 505px;
  height: 505px;
  margin: auto;
  position: relative;
}

.strategy_title {
  text-align: center;
  height: 90px;
  width: 380px;
}

.strategy_title i {
  display: block;
  width: 120px;
  height: 7px;
  background: #d6af82;
  border-radius: 4px;
  margin: auto;
  margin-top: 30px;
}

.strategy_cicle {
  position: relative;
}

.strategy_list li.dl {
  width: 40px;
  height: 40px;
  position: absolute;
  cursor: initial;
}

.strategy_list dt {
  overflow: hidden;
  z-index: 8;
}

.strategy_list dt img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.strategy_ic02 {
  visibility: hidden;
  opacity: 0;
}

.strategy_list li.dl.on dt img {
  visibility: visible;
  opacity: 1;
}

.strategy_list li.dl.on .strategy_p02 {
  visibility: visible;
  opacity: 1;
}

.strategy_list li.dl:nth-child(1) {
  top: 15%;
  left: 25%;
}

.strategy_list li.dl:nth-child(2) {
  top: 15%;
  right: 25%;
}

.strategy_list li.dl:nth-child(3) {
  top: 47%;
  left: 15%;
}

.strategy_list li.dl:nth-child(4) {
  top: 47%;
  right: 15%;
}

.strategy_list li.dl:nth-child(5) {
  top: 80%;
  left: 25%;
}

.strategy_list li.dl:nth-child(6) {
  top: 80%;
  right: 25%;
}

.strategy_list li.dl:nth-child(2n + 1) .strategy_p01 {
  left: auto;
  right: 50px;
}

.strategy_list li.dl:nth-child(2n + 1) .strategy_p02 {
  top: 50px;
  left: -470px;
}

.strategy_list li.dl:nth-child(2n) .strategy_p02 {
  top: 50px;
  right: -530px;
}

.strategy_list li.dl:nth-child(3) .strategy_p02 {
  top: 50px;
  left: -420px;
}

.strategy_list li.dl:nth-child(4) .strategy_p02 {
  top: 50px;
  right: -480px;
}

.strategy_list .s-list li {
  border: 0;
  padding: 5px 0;
  margin-right: 0;
}

.strategy_p01 {
  position: absolute;
  left: 50px;
  top: 5px;
  height: 30px;
  line-height: 30px;
  background: #926741;
  color: #fff;
  width: 130px;
  text-align: center;
  border-radius: 20px;
}

.strategy_p01 p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 10px;
  font-weight: bold;
}

.strategy_p02 {
  position: absolute;
  width: 400px;
}

.strategy_cicle img {
  width: 505px;
  height: 505px;
}

@media only screen and (max-width: 1600px) {
  .strategy_p02 {
    width: 500px;
  }
}

@media only screen and (max-width: 1440px) {
  .strategy_p02 {
    width: 160px;
  }

  .strategy_p02 .global-list li {
    width: 100%;
  }

  .strategy_list li.dl:nth-child(2n + 1) .strategy_p02 {
    top: 50px;
    left: -350px;
  }

  .strategy_list li.dl:nth-child(2n) .strategy_p02 {
    top: 50px;
    right: -350px;
  }

  .strategy_list li.dl:nth-child(3) .strategy_p02 {
    top: 50px;
    left: -280px;
  }

  .strategy_list li.dl:nth-child(4) .strategy_p02 {
    top: 50px;
    right: -280px;
  }

  .strategy_insert_01 dl {
    margin: 0 10px;
  }

  .strategy_insert_01 ul {
    margin: 0 -10px;
  }

  .strategy_insert_01 dl {
    padding: 20px;
  }

  .strategy_insert_02 dl {
    padding: 0 20px;
  }

  .strategy_insert_02 ul {
    margin: 0 -20px;
  }

  .strategy_insert_02 dt {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 1024px) {
  .strategy_insert_01 dd h4 {
    margin-bottom: 5px;
  }

  .strategy_02 {
    padding: 50px 0;
    overflow: hidden;
  }

  .strategy_cicle {
    width: 400px;
    height: 400px;
    margin: auto;
    margin-bottom: 20px;
  }

  .strategy_cicle img {
    width: 100%;
    height: 100%;
  }

  .strategy_p01 {
    position: static;
  }

  .strategy_p02 {
    width: 100%;
    position: static;
  }

  .strategy_list li.dl {
    width: 49%;
    height: auto;
    position: static;
    margin-bottom: 10px;
    float: left;
  }

  .strategy_list li.dl:nth-child(2n + 1) {
    margin-right: 2%;
  }

  .strategy_box {
    width: 100%;
    height: auto;
  }

  .strategy_p02 .global-list li {
    width: 50%;
    margin-right: 0;
  }

  .strategy_list li.dl dt img {
    visibility: visible;
    opacity: 1;
  }

  .strategy_list li.dl .strategy_p02 {
    visibility: visible;
    opacity: 1;
  }

  .strategy_list li.dl dl {
    background: #fff;
    padding: 20px;
  }

  .strategy_p02 {
    padding: 0 !important;
    border-radius: 0;
  }

  .strategy_02 h1 {
    margin-bottom: 20px;
  }

  .strategy_insert_02 dl {
    padding: 0;
  }

  .strategy_insert_02 ul {
    margin: 0;
  }

  .strategy_insert_02 li {
    float: none;
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid #3e3d40;
  }

  .strategy_insert_02 dt {
    margin-bottom: 10px;
  }

  .strategy_insert_02 {
    padding: 20px 0;
  }

  .strategy_insert_02 li:last-child {
    border: 0;
    padding-bottom: 0;
  }

  .strategy_insert_03,
  .strategy_insert_01 {
    padding: 30px 0;
  }

  .strategy_insert_03 {
    line-height: 24px;
  }

  .strategy_title i {
    height: 4px;
    width: 60px;
    margin-top: 10px;
  }

  .strategy_title {
    width: 100%;
    height: 44px;
  }
}

@media only screen and (max-width: 767px) {
  .strategy_insert_02 dt h1:after {
    width: 40px;
  }

  .strategy_insert_01 li {
    float: none;
    width: 100%;
  }

  .strategy_insert_01 dl {
    height: auto;
  }

  .strategy_insert_01 dd p {
    height: auto;
  }

  .strategy_insert_01 li:last-child dl {
    border: 0;
    padding-bottom: 0;
    padding: 20px;
  }

  .strategy_insert_03 li dd {
    padding: 0 6px;
  }

  .strategy_insert_03,
  .strategy_insert_01 {
    padding: 20px 0;
  }

  .strategy_cicle {
    width: 280px;
    height: 280px;
  }

  .strategy_insert_01 li.on dl {
    border-radius: 0;
  }

  .strategy_insert_03 li.on dt {
    font-size: 16px;
  }

  .strategy_insert_02 {
    padding-bottom: 0;
  }

  .strategy_insert_03 span {
    float: none;
    margin: 0;
    display: block;
    margin-bottom: 5px;
  }

  .strategy_list li.dl {
    width: 100%;
    float: none;
  }
}

@media only screen and (min-width: 1025px) {
  .strategy_list li:hover dt img {
    visibility: visible;
    opacity: 1;
  }

  .strategy_list li:hover .strategy_p02 {
    visibility: visible;
    opacity: 1;
  }
}

.ecology_p {
  text-align: center;
}

.ecology_tab ul {
  display: inline-block;
}

.ecology_tab {
  text-align: center;
}

.juse_box .ecology_num li dt {
  color: #ffa33f;
}

.jinse_box .ecology_num li dt {
  color: #9f7652;
}

@media only screen and (max-width: 767px) {
  .ecology_p {
    text-align: left;
  }

  .ecology_tab ul {
    display: block;
  }

  .healthy_w .beehive_cont {
    padding-bottom: 0;
  }
}

.type_div dl {
  overflow: hidden;
}

.type_div dt {
  width: 41.5%;
  height: 100%;
  float: left;
}

.type_div dd {
  width: 55.5%;
  height: 100%;
  float: right;
}

.type_edit {
  height: 100%;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .type_div dl {
    height: auto !important;
  }

  .type_div dt,
  .type_div dd {
    float: none;
    width: 100%;
  }

  .type_div dt {
    margin-bottom: 20px;
  }
}

.strategy_insert_0 {
  position: relative;
  z-index: 5;
  color: #fff;
  text-align: center;
  padding-top: 100px;
}

.strategy_insert_0 h1 {
  margin-bottom: 30px;
}

@media only screen and (max-width: 1440px) {
  .strategy_insert_0 {
    padding-top: 60px;
  }

  .strategy_insert_0 h1 {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .strategy_insert_0 {
    padding-top: 30px;
  }

  .strategy_insert_0 h1 {
    margin-bottom: 10px;
  }
}

.pub_blank_50.cur,
.pub_tac.cur {
  display: none !important;
}

.beehive_list li.noalert dl {
  cursor: default;
}

.beehive_ciy .pub_img .tac_bg {
  display: none;
}

.noresult {
  text-align: center;
  font-size: 18px;
  padding-top: 30px;
}

.healthy_01 dd {
  overflow: hidden;
}

.healthy_logo {
  float: left;
  width: 253px;
  margin-left: 27px;
}

.healthy_p_ext {
  float: left;
  max-width: 100%;
}

.healthy_01 dd h1 {
  margin-bottom: 10px;
}

.healthy_p_ext h1 img {
  height: 60px !important;
  width: auto;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 5px;
  margin-left: 20px;
}

@media only screen and (max-width: 1280px) {
  .healthy_logo,
  .healthy_p_ext {
    float: none;
    width: 100%;
    max-width: 100%;
  }

  .healthy_logo {
    width: 253px;
    margin: 0;
    padding-top: 10px;
  }
}

.brand_banner_text {
  color: #fff;
  width: 100%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  position: absolute;
  left: 0;
  top: 50%;
}

/*2021 02-25 add*/
.develop_02 dl {
  overflow: hidden;
}

.develop_02 dt {
  box-shadow: none;
}

.develop_02 dt span {
  background: rgba(70, 46, 10, 0);
}

c {
  position: relative;
  overflow: inherit;
}

.develop_02 dl h3::after {
  content: "";
  display: block;
  width: 30px;
  height: 3px;
  background: #000;
  margin: 0 auto;
  margin-top: 18px;
}

.develop_02 dl .decration_con h3::after {
  background: #fff;
}

.decration_con {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 0.3s;
  opacity: 0;
}

.decration_con {
  color: #fff;
  padding: 30px;
  box-sizing: border-box;
  padding-top: 40px;
}

.decration_con h3 {
  text-align: center;
  margin-bottom: 15px;
}

.decration_con p {
  text-align: justify;
}

@media only screen and (min-width: 1025px) {
  .develop_02 dl:hover .decration_con {
    opacity: 1;
  }

  .develop_02 dl:hover dd {
    display: none;
  }

  .develop_02 dl:hover dt span {
    background: #856550;
    mix-blend-mode: multiply;
  }
}

.news_title img {
  border-left: 1px solid #b7803e;
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
  padding-left: 20px;
  height: 45px;
  margin-bottom: 8px;
}

.activity_list {
  padding: 50px 0;
  overflow: hidden;
  position: relative;
}

.activity_list dl {
  width: 48%;
  margin-right: 2%;
  float: left;
}

.activity_list dl:nth-child(3n) {
  margin-right: 0;
}

.activity_list dl dd {
  position: relative;
}

.activity_img img {
  width: 100%;
}

.activity_moban {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  cursor: pointer;
}

.activity_list dl dt {
  padding: 20px 0;
  text-align: center;
}

.activity_list .but > div {
  display: none;
  width: 50px;
  height: 50px;
  box-shadow: none;
  background: #b7803e;
  color: #fff;
  text-align: center;
  line-height: 50px;
}

.activity_list .but > div i {
  font-size: 24px;
  color: #fff;
}

.activity_list .but > div.swiper-button-prev {
  left: 0px;
  margin-top: -57px;
}

.activity_list .but > div.swiper-button-next {
  right: 0px;
  margin-top: -57px;
}

.activity_list .swiper-button-next.swiper-button-disabled,
.case_show_s .swiper-button-prev.swiper-button-disabled {
  cursor: pointer;
  pointer-events: visible;
  opacity: 1;
}

.activity_list .swiper-button-next.disabled,
.case_show_s .swiper-button-prev.disabled {
  cursor: auto;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0.5;
}

@media only screen and (max-width: 1500px) {
  .develop_02 dl h3 {
    font-size: 28px;
  }

  .decration_con h3 {
    font-size: 18px;
  }

  .decration_con p {
    font-size: 14px;
  }
}

@media only screen and (max-width: 1280px) {
  .develop_02 dl h3 {
    font-size: 26px;
  }

  .decration_con h3 {
    font-size: 16px;
  }

  .decration_con {
    padding-top: 20px;
    padding: 20px 10px;
  }
}

@media only screen and (max-width: 1024px) {
  .decration_con {
    position: static;
    transform: inherit;
    color: #4f535d;
  }

  .develop_02 li,
  .concept-1 li {
    width: 50%;
    margin-bottom: 20px;
    text-align: center;
  }

  .develop_02 dd {
    display: none;
  }

  .develop_02 dl h3::after {
    background: #4f535d;
  }

  .develop_03 dt {
    width: 100%;
  }

  .develop_03 dd {
    width: 100%;
    margin-top: 30px;
  }

  .activity_list {
    padding: 30px 0;
  }
}

@media only screen and (max-width: 767px) {
  .develop_02 li {
    width: 100%;
  }

  .activity_list dl {
    margin-right: 0;
  }

  .activity_list .but > div {
    display: block;
  }
}

.more_button {
  padding-top: 30px;
}

.more_button a {
  display: inline-block;
  height: 36px;
  line-height: 36px;
  background: #b7803e;
  color: #fff;
  padding: 0 20px;
  border-radius: 20px;
}

.more_button a i {
  margin-left: 10px;
}

@media only screen and (max-width: 1024px) {
  .more_button {
    padding-top: 20px;
  }
}

@media only screen and (min-width: 1250px) {
  .more_button a:hover {
    color: #fff !important;
    opacity: 0.8;
  }
}

.language span {
  margin-right: 2px;
}

.home_top li:nth-child(4) h3 {
  color: #285f1d;
}

.home_top li {
  width: 25%;
}

.home_top p {
  line-height: 32px;
  min-height: 62px;
}

.more_btn {
  text-align: center;
}

.more_btn a {
  display: inline-block;
  color: #fff;
  background: #b7803e;
  color: #fff;
  line-height: 40px;
  padding: 0 20px;
  border-radius: 20px;
}

.review_site {
  background: rgba(0, 0, 0, 0.5);
}

@media only screen and (min-width: 1250px) {
  .home_top li:nth-child(4):hover {
    background: #285f1d;
  }

  .more_btn a:hover {
    color: #fff !important;
    opacity: 0.8;
  }
}

@media only screen and (max-width: 1024px) {
  .home_top p {
    line-height: 24px;
    min-height: 48px;
  }
}

.fnt_72 {
  font-size: 72px;
}

@media only screen and (max-width: 1440px) {
  .fnt_72 {
    font-size: 62px;
  }
}

@media only screen and (max-width: 1366px) {
  .fnt_72 {
    font-size: 52px;
  }
}

@media only screen and (max-width: 1024px) {
  .fnt_72 {
    font-size: 42px;
  }
}

@media only screen and (max-width: 767px) {
  .fnt_72 {
    font-size: 32px;
  }
}

.about-part05 {
  padding: 3% 0;
  background-color: #f5f5f5;
}

.about-part05 h2 {
  margin-bottom: 3%;
  color: #303030;
}

.ab_more {
  display: block;
  width: 38px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: #fff;
  background: #b7803e;
  border-radius: 20px;
}

.ab_more i {
  font-size: 18px;
}

.about-part01 {
  padding: 4% 0;
}

.about-part01.no-padd {
  box-sizing: border-box;
}

.about-part01 h2 {
  margin-bottom: 3%;
  color: #303030;
}

.about-part01 .c {
  color: #303030;
}

.about-part01 li p {
  color: #51545d;
}

.about-part01 li h3 {
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
}

.about-part01 li h3 em {
  position: absolute;
  top: -10%;
}

.about-part01 li h3 sub {
  position: absolute;
  bottom: 5%;
}

.about-part01 li h3 sup {
  position: absolute;
  top: -10%;
}

.about-part01 li h3 em.an {
  position: static;
}

.about-part01 dl {
  padding: 5% 0;
  border: 0 solid #e5e5e5;
  border-width: 1px 0;
}

.about-part01 dd {
  float: left;
  width: 48%;
  position: relative;
  box-shadow: 0 5px 5px 5px rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
  max-width: 564px;
}

.about-part01 dd:nth-child(2n) {
  float: right;
}

.about-part01 dd .bg-layer {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: url(/uistatic/images/about/index/img_05.png) left bottom repeat-x;
  transform: rotate(180deg);
}

.about-part01 dd .txt {
  position: absolute;
  z-index: 3;
  left: 6%;
  top: 10%;
  width: 88%;
  color: #fff;
}

.about-part01 dd .txt h3 {
  margin-bottom: 1%;
}

.about-part01 dd .txt p {
  height: 3em;
}

.about-part02 {
  margin-bottom: 5%;
}

.about-part02 h2 {
  margin-bottom: 2.5%;
}

.about-part02 .con {
  padding: 3% 0 2%;
  background: #f3efea;
}

.about-part02 ul {
  margin: 0 5%;
}

.about-part02 li {
  float: left;
  width: 23%;
  margin: 0 1% 1%;
  height: 0;
  padding-bottom: 20%;
  border-radius: 20px;
  transition: inherit !important;
}

.about-part02 li .inner {
  padding: 12% 18%;
}

.about-part02 li span {
  display: block;
  margin-bottom: 10%;
  width: 46px;
  height: 46px;
  overflow: hidden;
}

.about-part02 li span img {
  width: 100%;
}

.about-part02 li span img + img {
  display: none;
}

.about-part02 li h3 {
  margin-bottom: 3%;
}

.about-part02 li p {
  line-height: 1.8;
  padding-bottom: 10%;
  position: relative;
}

.about-part02 li p::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 70px;
  height: 1px;
  background: rgba(0, 0, 0, 0.2);
}

.about-part02 img {
  width: 100%;
  max-width: 100%;
}

.about-part03 {
  padding: 0;
}

.about-part03.padd_4p {
  padding: 4% 0;
}

.about-part03 h2 {
  margin-bottom: 2.5%;
}

.about-part03 .c {
  margin-bottom: 4.6667%;
}

.about-part03 .tab-tit {
  margin: 0 0 5%;
}
.about-part03 .tab-tit {
  max-width: 1000px;
}
.about-part03 .tab-tit li {
  cursor: pointer;
  float: left;
  padding: 0 28px;
  height: 28px;
  line-height: 28px;
  color: #51545d;
  border-radius: 20px;
  position: relative;
  font-weight: bold;
  margin-bottom: 15px;
}

.about-part03 .tab-tit li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 7px;
  height: 17px;
  background: url(/uistatic/images/ecology/index/img_10.png) no-repeat;
}
.about-part03 .tab-tit li:nth-child(7)::before {
  opacity: 0;
}
.about-part03 .tab-tit li.on {
  color: #fff;
  background: #b7803e;
  margin-left: 28px;
  margin-right: 28px;
}

.about-part03 .tab-tit li:first-child.on {
  margin-left: 0;
}

.about-part03 .tab-tit li:first-child::before {
  opacity: 0;
}

.about-part03 .tab-tit li.on::before {
  left: -28px;
}

.about-part03 .tabc-box01 dt {
  float: left;
  width: 50%;
  box-shadow: 0 5px 5px 5px rgba(0, 0, 0, 0.1);
}

.about-part03 .tabc-box01 dd {
  float: right;
  width: 40%;
  margin: 1% 5% 0;
}

.about-part03 .tabc-box01 h3 {
  margin-bottom: 5%;
}

.about-part03 .tabc-box01 .c {
  color: #51545d;
  line-height: 1.8;
}

.about-part03 .tabc-box01 .c p {
  margin-bottom: 5%;
}

.about-part03 .tabc-box01 .c p:last-child {
  margin-bottom: 0;
}

.about-part03 .tabc-box01 .ab_more {
  margin-top: 8%;
}

.about-part04 {
  padding: 4% 0;
  background-image: url(/uistatic/images/about/history/img_01.jpg);
  background-size: cover;
  background-position: 0 0;
  margin-bottom: 5%;
  max-height: 915px;
}

.about-part04 h2 {
  margin-bottom: 1.5%;
  text-align: center;
  color: #fff;
}

.about-part04 .c {
  color: #fff;
  text-align: center;
  line-height: 1.8em;
}

.ab-p04-box {
  padding-top: 3%;
  margin-bottom: 10px;
}

.item-top {
  position: relative;
}

.item-top li span {
  display: block;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  text-align: center;
  border-radius: 20px;
  background: #ffffff;
  color: #000;
  width: 85%;
  margin: 0 auto 10%;
  font-weight: bold;
}

.item-top li.on span {
  color: #fff;
  background: #b7803e;
}

.item-top li p {
  color: #fff;
  visibility: hidden;
  display: flex;
}

.item-top li p::before {
  content: "·";
  margin-right: 5px;
}

.item-top li.on p {
  visibility: visible;
}

.item-top .swiper-button-prev {
  left: -30px;
  background-size: 20px 30px;
}

.item-top .swiper-button-next {
  right: -30px;
  background-size: 20px 30px;
}

.item-top.swiper-button-prev.swiper-button-disabled,
.item-top.swiper-button-next.swiper-button-disabled {
  pointer-events: inherit !important;
  opacity: 1;
}

.item-top.swiper-button-prev.disabled {
  cursor: default;
  opacity: 0.5;
}

.item-top.swiper-button-next.disabled {
  cursor: default;
  opacity: 0.5;
}

.item-top .p-ukf p {
  padding-left: 7.5%;
  padding-right: 10%;
}

.item-top .p-ukf p i {
  color: transparent;
  user-select: none;
}

.item-bot {
  color: #fff;
}

.his-ll {
  float: left;
  width: 220px;
  text-align: center;
  padding: 110px 0;
  height: 400px;
  background: url(/uistatic/images/about/history/img_02.png) right center
    no-repeat;
}

.his-ll .swiper-container {
  height: 400px;
  overflow: hidden;
}

.his-ll li {
  cursor: pointer;
  height: 20px;
  line-height: 20px;
  font-family: Arial, Helvetica, sans-serif;
  position: relative;
}

.his-ll li::after {
  opacity: 0;
  content: "";
  position: absolute;
  right: 0;
  top: 5px;
  width: 9px;
  height: 9px;
  background: url(/uistatic/images/about/history/img_03.png) no-repeat;
}

.his-ll li.on {
  font-weight: bold;
}

.his-ll li.on::after {
  opacity: 1;
}

.his-rr {
  float: right;
  width: calc(100% - 290px);
  padding: 110px 0 0;
}

.his-rr ul {
  float: left;
  width: 65%;
}

.his-rr ul li {
  padding: 20px 0;
  position: relative;
}

.his-rr ul li:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50%;
  height: 1px;
  border-bottom: 1px solid #fff;
}

.his-rr ul li:first-child {
  padding-top: 0;
}

.his-rr ul li:last-child {
  padding-bottom: 0;
}

.his-rr ul li:last-child::after {
  opacity: 0;
}

.his-rr dl {
  float: right;
  width: 35%;
  max-width: 278px;
}

.his-rr dl dd {
  width: 100%;
  margin-bottom: 0;
}

.his-rr .his-events {
  display: none;
}

.his-rr .his-event {
  display: none;
  align-items: center;
  position: relative;
}

@media only screen and (max-width: 1365px) {
  .about-part02 li .inner {
    padding: 5% 8%;
  }
}

@media only screen and (max-width: 1279px) {
  .his-ll {
    width: 120px;
  }

  .his-rr {
    width: calc(100% - 160px);
  }

  .item-top {
    font-size: 14px;
  }
}

@media only screen and (max-width: 1023px) {
  .about-part02 .con {
    padding: 5% 0;
  }

  .about-part02 li {
    width: 48%;
    height: auto;
    padding-bottom: 0;
  }

  .item-top .swiper-button-prev {
    left: 0;
  }

  .item-top .swiper-button-next {
    right: 0;
  }

  .item-top .swiper-container {
    width: calc(100% - 80px);
    margin: 0 auto;
  }

  .his-ll,
  .his-ll .swiper-container {
    height: 300px;
  }
}

@media only screen and (max-width: 767px) {
  .about-part01 dd {
    width: 100%;
  }

  .item-top .swiper-container {
    width: calc(100% - 20px);
    margin: 0 auto;
  }

  .about-part01 dd .txt p {
    height: auto;
  }

  .about-part02 li {
    width: 100%;
    margin: 0 0 2%;
    text-align: center;
  }

  .about-part02 li span {
    margin: 0 auto;
  }

  .about-part02 li p::after {
    left: 50%;
    margin-left: -35px;
  }

  .about-part03 .tab-tit li {
    padding: 0 10px;
    margin-right: 10px;
  }

  .about-part03 .tab-tit li::before {
    opacity: 0;
  }

  .about-part03 .tab-tit li.on {
    margin-right: 10px;
    margin-left: 0px;
  }

  .about-part03 .tabc-box01 dt,
  .about-part03 .tabc-box01 dd {
    width: 100%;
  }

  .about-part03 .tabc-box01 dd {
    margin: 5% 0;
  }

  .his-ll {
    width: 56px;
    padding: 20px 0;
  }

  .his-rr {
    width: calc(100% - 70px);
    padding-top: 20px;
  }

  .his-rr ul {
    margin-bottom: 5%;
  }

  .his-rr ul,
  .his-rr dl {
    width: 100%;
  }

  .his-ll,
  .his-ll .swiper-container {
    height: 200px;
  }
}

.team-part {
  padding: 3% 0 2%;
}

.team-part dl {
  margin: 0 0 5%;
}

.team-part dl dt {
  margin-bottom: 1.5%;
}

.team-part ul {
  margin: 0 -2.5%;
}

.team-part li {
  float: left;
  cursor: pointer;
  width: 20%;
  margin: 0 2.5% 5%;
  background: #dfddda;
  box-shadow: 0 0 8px 8px rgba(0, 0, 0, 0.05);
}

.team-part li .img {
  width: 100%;
}

.team-part li .txt {
  padding: 25px;
  position: relative;
}

.team-part li h3 {
  line-height: 1.2;
}

.team-part li .ab_more {
  position: absolute;
  top: 26px;
  right: 25px;
  background: #ffffff;
}

.team-part li .ab_more i {
  color: #333;
}

.team-part .profile {
  display: none;
}

.team_tc_bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  display: none;
}

.team_photos {
  display: none;
  position: fixed;
  left: 13%;
  top: 7%;
  width: 74%;
  /* height: 86%; */
  background: #fff;
  z-index: 1001;
}

.team_close {
  position: absolute;
  top: -30px;
  right: 0;
  width: 24px;
  height: 24px;
}

.team-top {
  background: linear-gradient(to right, #fff, #f9f8f8, #dfddda);
  background: -webkit-linear-gradient(to right, #fff, #dfddda);
  background: -o-linear-gradient(to right, #fff, #f9f8f8, #dfddda);
  background: -moz-linear-gradient(to right, #fff, #f9f8f8, #dfddda);
  background: -ms-linear-gradient(to right, #fff, #f9f8f8, #dfddda);
}

.team-top .ll {
  float: left;
  width: 33.66%;
}

.team-top .rr {
  float: right;
  width: 60%;
}

.team-top .rr h3 {
  margin-top: 18%;
  color: #3e3e3e;
}

.team-top .rr p {
  color: #3e3e3e;
  margin-top: 2%;
  margin-right: 10px;
}

.team-top .rr .title {
  margin-right: 10%;
}

.team-top .rr li {
  line-height: 30px;
  color: #3e3e3e;
}

.team-bot {
  padding: 3% 5%;
}

.team-bot .inner {
  height: 12em;
}

.team-bot p {
  margin-bottom: 1em;
  text-indent: 2em;
}

.team-bot p:last-child {
  margin-bottom: 0;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #b7803e !important;
}

.partner-tab {
  margin: 5% 0 0;
}

.partner-tab .c {
  line-height: 2em;
  margin-top: 2%;
}

.partner-tab .tab-tit {
  margin: 0;
}

.partner-tab .tab-tit li {
  cursor: pointer;
  float: left;
  margin: 0 18px;
  padding: 0 20px;
  height: 34px;
  line-height: 34px;
  color: #51545d;
  border-radius: 20px;
  position: relative;
  font-weight: bold;
}

.partner-tab .tab-tit li::before {
  content: "";
  position: absolute;
  left: -18px;
  top: 12px;
  width: 1px;
  height: 9px;
  background: url(/uistatic/images/about/partner/img_02.jpg) no-repeat;
}

.partner-tab .tab-tit li.on {
  color: #fff;
  background: #b7803e;
}

.partner-tab .tab-tit li:first-child {
  margin-left: 0;
}

.partner-tab .tab-tit li:first-child::before {
  opacity: 0;
}

.partner-tab .p-list {
  border-top: 1px solid #e5e5e5;
  margin: 4% 0;
  padding: 5% 0;
}

.partner-tab .p-list ul li {
  float: left;
  width: 68px;
  margin: 0 24px 32px;
  text-align-last: justify;
}

.partner-part .c {
  margin: 0 0 5%;
  text-align: center;
}

.partner-part .c p {
  margin-bottom: 1.5%;
  color: #51545d;
}

.partner-part li {
  background: #fff;
  width: calc(20% - 8px);
  border: 1px solid #f0f0f0;
  overflow: hidden;
  background: #dfddda;
  box-shadow: 0 0 8px 8px rgba(0, 0, 0, 0.05);
}

.partner-part li .ab_more {
  background: #afaaa5;
  top: 32px;
}

.partner-part li .ab_more i {
  color: #fff;
}

.partner-part li h3 {
  width: calc(100% - 40px);
  line-height: 40px;
  height: 40px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.partner-part li h3.en {
  line-height: 20px;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}

@media only screen and (max-width: 1399px) {
  .team-bot .inner {
    height: 8.5em;
  }

  .team-bot .inner .edit_con_original {
    line-height: 1.5;
  }
}

@media only screen and (max-width: 1279px) {
  .team-bot .inner {
    height: 11.5em;
  }
}

@media only screen and (max-width: 1023px) {
  .team-part li {
    width: 45%;
  }

  .partner-part li {
    width: calc(45% - 2px);
  }

  .team_photos {
    /* height: 70%; */
    top: 15%;
  }
}

@media only screen and (max-width: 767px) {
  .team-part li .txt {
    padding: 15px;
  }

  .team-part li .ab_more {
    top: 14px;
    right: 15px;
  }

  .team_photos {
    top: 20%;
    left: 5%;
    width: 90%;
    /* height: 60%; */
    overflow: hidden;
    -margin-top: -180px;
  }

  .team-top .ll {
    width: 50%;
    overflow: hidden;
  }

  .team-top .rr {
    width: 46%;
  }

  .team-top .rr h3 {
    margin-top: 50px;
  }

  .team-top .rr .title {
    float: none;
    margin-right: 0;
    font-size: 0.9em;
  }

  .partner-part li h3 {
    height: 28px;
    line-height: 28px;
  }

  .partner-part li h3.en {
    line-height: 14px;
    height: 28px;
  }

  .partner-tab .tab-tit li {
    padding: 0 10px;
    margin: 0;
  }

  .partner-tab .tab-tit li::before {
    display: none;
  }
}

@media only screen and (max-width: 374px) {
  .team_photos {
    top: 20%;
    height: 70%;
    -margin-top: -160px;
  }
}

.culture-part01 {
  padding: 5% 0 4%;
  border-bottom: 1px solid #d6d7da;
}

.culture-part01 .inner {
  width: 100%;
}

.culture-part01 dt {
  float: left;
  width: 30%;
}

.culture-part01 dt img {
  max-width: 100%;
}

.culture-part01 dd {
  float: right;
  width: 65%;
  line-height: 2;
  color: #51545d;
}

.culture-part02 {
  padding: 5% 0;
}

.culture-part02 h2 {
  margin-bottom: 4%;
}

.culture-part02 dt {
  float: left;
  width: 41%;
}

.culture-part02 dd {
  float: right;
  width: 54%;
  margin-top: 1%;
}

.culture-part02 dd p {
  line-height: 2;
  color: #51545d;
  margin-bottom: 4%;
}

.culture-part03 {
  padding: 5% 0 3%;
}

.culture-part03 h2 {
  margin-bottom: 4%;
}

.culture-part03 ul {
  margin: 0 -0.5%;
}

.culture-part03 li {
  float: left;
  width: 24%;
  margin: 0 0.5% 2%;
  background: #fef8f0;
}

.culture-part03 li .inner {
  padding: 10% 8%;
}

.culture-part03 li .img {
  width: 100%;
  border: 3px solid #fff;
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
  border-radius: 50px;
  overflow: hidden;
}

.culture-part03 li .txt {
  color: #92653f;
  margin-top: 10%;
  height: 200px;
  overflow: hidden;
}

.culture-part03 li .txt h3 em {
  margin: 5% 0;
  display: block;
  width: 50px;
  height: 5px;
  background: #92653f;
}

.culture-part03 li:nth-of-type(2),
.culture-part03 li:nth-of-type(4),
.culture-part03 li:nth-of-type(5),
.culture-part03 li:nth-of-type(7) {
  background: #fffcf9;
}

.culture-part04 {
  padding: 0 0 3%;
}

.culture-part04 h2 {
  margin-bottom: 3%;
}

.culture-part04 ul {
  margin: 0;
}

.culture-part04 li {
  float: left;
  width: 56.3855%;
  margin-bottom: 10px;
  position: relative;
  height: 0;
  padding-bottom: 22.25%;
}

.culture-part04 li a {
  display: block;
}

.culture_model {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 40px 30px;
  box-sizing: border-box;
  color: #fff;
  background: #b7803e;
  opacity: 0;
  visibility: hidden;
  z-index: 9;
}

.culture_model h4 {
  margin-bottom: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.culture_model p {
  line-height: 24px;
  height: 96px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.culture-part04 li:nth-child(2n) {
  float: right;
}

.culture-part04 li:nth-of-type(4n),
.culture-part04 li:nth-of-type(4n + 1) {
  width: 56.3855%;
}

.culture-part04 li:nth-of-type(4n + 2),
.culture-part04 li:nth-of-type(4n + 3) {
  width: 42.8915%;
}

.culture-part04 li .front {
  position: absolute;
  width: 100%;
  height: 100px;
  bottom: 0;
  left: 0;
  background: linear-gradient(#0000, #0009);
}

.culture-part04 li h3 {
  position: absolute;
  left: 30px;
  bottom: 30px;
  color: #fff;
}

.culture-part04 li h3 span {
  display: inline-block;
  margin-left: 40px;
  background: #fff;
}

.culture-part04 li h3 span i {
  color: #000;
  vertical-align: top;
}

.ajLoad span.more {
  position: relative;
  display: block;
  margin: 3.5% auto 0;
  text-align: center;
  cursor: pointer;
  width: 146px;
  height: 32px;
  line-height: 32px;
  color: #fff;
  border-radius: 20px;
  background: #91663f;
}

#infscr-loading {
  text-align: center;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  max-width: 100%;
}

.clamp {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 1.5;
  max-height: 4.5em;
  overflow: hidden;
}

.culture-part05 {
  padding: 0 0 5%;
}

.culture-part05 h2 {
  margin-bottom: 3%;
}

.culture-part05 ul {
  padding: 1.5% 0;
}

.culture-part05 .swiper-slide {
  box-shadow: 0 0 8px 8px rgba(0, 0, 0, 0.1);
}

.culture-part05 .swiper-slide .txt {
  padding: 8% 8%;
  overflow: hidden;
}

.culture-part05 .swiper-slide .txt h3 {
  float: left;
  color: #51545d;
  width: calc(100% - 50px);
  -webkit-line-clamp: 2;
  max-height: 3em;
}

.culture-part05 .swiper-slide .txt span {
  float: right;
  margin-top: 3.2em;
}

.culture-part05 .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.culture-part05 .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.culture-part05 .swiper-button-prev.swiper-button-disabled,
.culture-part05 .swiper-button-next.swiper-button-disabled {
  pointer-events: inherit !important;
}

@media only screen and (max-width: 1399px) {
  .culture-part05 .swiper-slide .txt span {
    margin-top: 2.5em;
  }
}

@media only screen and (max-width: 1279px) {
  .culture-part05 .swiper-slide .txt span {
    margin-top: 2em;
  }
}

@media only screen and (max-width: 1023px) {
  .culture-part03 li {
    width: 32.33%;
  }

  .culture-part01 dt {
    width: 100%;
  }

  .culture-part01 dd {
    width: 100%;
  }
}

@media only screen and (max-width: 1024px) {
  .culture_model {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .culture-part02 dt,
  .culture-part02 dd {
    width: 100%;
  }

  .culture-part03 li {
    width: 99%;
  }

  .culture-part03 li .txt {
    height: auto;
  }

  .culture-part04 li {
    width: 100% !important;
    height: auto;
    padding-bottom: 0;
  }

  .culture-part05 .swiper-slide {
    box-shadow: none;
  }

  .culture-part05 .swiper-slide .txt {
    padding: 5%;
  }

  .culture-part05 .swiper-button-prev {
    background-size: 20px 30px;
  }

  .culture-part05 .swiper-button-next {
    background-size: 20px 30px;
  }
}

.global-part01 {
  position: relative;
}

.global-part01 > img {
  width: 100%;
}

.global-part02 {
  padding: 5% 0 7%;
}

.global-part02 h2 {
  margin-bottom: 3%;
}

.global-part02 .tab-tit {
  margin: 0 0 5%;
}

.global-part02 .tab-tit li {
  cursor: pointer;
  float: left;
  padding: 0 28px;
  height: 28px;
  line-height: 28px;
  color: #51545d;
  border-radius: 20px;
  position: relative;
}

.global-part02 .tab-tit li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 7px;
  height: 17px;
  background: url(/uistatic/images/ecology/index/img_10.png) no-repeat;
}

.global-part02 .tab-tit li.on {
  color: #fff;
  background: #91663f;
  margin-left: 28px;
  margin-right: 28px;
}

.global-part02 .tab-tit li:first-child.on {
  margin-left: 0;
}

.global-part02 .tab-tit li:first-child::before {
  opacity: 0;
}

.global-part02 .tab-tit li.on::before {
  left: -28px;
}

.global-part02 .conn-box dt {
  float: left;
  width: 50%;
}

.global-part02 .conn-box dd {
  float: right;
  width: 40%;
  margin: 1% 5% 0;
}

.global-part02 .conn-box h3 {
  margin-bottom: 7%;
}

.global-part02 .conn-box p {
  margin-bottom: 5%;
  padding-left: 40px;
  line-height: 26px;
  color: #51545d;
  position: relative;
}

.global-part02 .conn-box p em {
  position: absolute;
  left: 0;
  top: 0;
  width: 26px;
  height: 26px;
  overflow: hidden;
}

.global-part02 .conn-box p em img {
  width: 100%;
}

.global-part02 .conn-box p:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .global-part02 .tab-tit li {
    padding: 0 10px;
    margin-right: 10px;
  }

  .global-part02 .tab-tit li::before {
    opacity: 0;
  }

  .global-part02 .tab-tit li.on {
    margin-right: 10px;
    margin-left: 0px;
  }

  .global-part02 .conn-box dt,
  .global-part02 .conn-box dd {
    width: 100%;
  }

  .global-part02 .conn-box dd {
    margin: 5% 0;
  }

  .global-part02 .conn-box p {
    line-height: 20px;
  }

  .global-part02 .conn-box p em {
    width: 20px;
    height: 20px;
  }
}

.down-part {
  padding: 5% 0 0;
}

.down-part .down-box {
  margin-bottom: 5%;
}

.down-box .ll {
  float: left;
  width: 25.54%;
  color: #3e3e3e;
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 5%;
}

.down-box .ll h2 {
  margin-bottom: 2%;
}

.down-box .rr {
  float: right;
  width: 66%;
}

.down-box .rr li {
  float: left;
  width: 28.33%;
  margin-right: 5%;
  margin-bottom: 7%;
}

.down-box .rr li .img {
  width: 100%;
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
}

.down-box .rr li h3 {
  height: 44px;
  line-height: 44px;
  padding: 0 10%;
  border: 1px solid #afaaa5;
  border-radius: 25px;
  position: relative;
}

.down-box .rr li h3 span {
  width: calc(100% - 20px);
}

.down-box .rr li h3 i {
  position: absolute;
  right: 10%;
  top: 15px;
  width: 12px;
  height: 12px;
  background: url(/uistatic/images/about_dot16.png) no-repeat;
}

.down-box-video .rr ul {
  margin: 0 -1.5%;
}

.down-box-video .rr li {
  width: 30.33%;
  margin: 0 1.5% 7%;
}

.down-box-video .rr li h3,
.down-box-report .rr li h3 {
  height: 40px;
  line-height: 40px;
}

.down-box-video .rr li h3 i {
  opacity: 0;
  width: 12px;
  height: 12px;
  background: url(/uistatic/images/about_dot16.png) no-repeat;
}

.videolist_appbox {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999999;
  display: none;
}

.videolist_appbox .video_t {
  left: 10%;
  top: 15%;
  position: absolute;
  height: 70%;
  width: 80%;
  z-index: 2;
  background: #000;
}

.videolist_appbox .mask {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.video_close {
  position: absolute;
  top: 12%;
  right: 10%;
  cursor: pointer;
  z-index: 2;
}

.view-more {
  display: block;
  width: 122px;
  height: 26px;
  line-height: 26px;
  color: #fff;
  border-radius: 20px;
  background: #91663f;
}

.view-more em {
  float: left;
  margin-left: 20px;
}

.view-more i {
  float: right;
  margin-right: 15px;
}

.wrap_report {
  max-width: 1440px;
  margin: 0 auto;
  width: 90%;
}

.down-report .ll {
  width: 43.75%;
  border-bottom: none;
}

.down-report .ll .img {
  box-shadow: 0 0 12px 12px rgba(0, 0, 0, 0.1);
}

.down-report .ll h4 {
  margin: 8% 0 5%;
}

.down-report .ll p a {
  float: left;
  width: 124px;
  height: 40px;
  line-height: 40px;
  color: #fff !important;
  text-align: center;
  border-radius: 20px;
  background: #978f87;
}

.down-report .ll p a em {
  margin-right: 10px;
}

.down-report .ll p a em img {
  vertical-align: middle;
}

.down-report .ll p a.a1 {
  margin-right: 35px;
  background: #91663f;
}

.down-report .rr {
  width: 51%;
  border-left: 1px solid #e9e7e6;
}

.down-report .rr li {
  margin: 0 0 5% 10%;
  width: 40%;
}

.report-tab li.on a {
  color: #fff;
}

@media only screen and (max-width: 1279px) {
  .down-box .rr li h3 i {
    opacity: 1;
    background: url(/uistatic/images/about_dot16_on.png) no-repeat;
  }
}

@media only screen and (max-width: 767px) {
  .videolist_appbox .video_t {
    width: 100%;
    height: 50%;
    top: 25%;
    left: 0;
  }

  .video_close {
    top: 20%;
    right: 5px;
  }

  .down-box .ll,
  .down-box .rr {
    width: 100%;
  }

  .down-box .rr li {
    width: 48%;
    margin: 0 0 5%;
  }

  .down-box .rr li:nth-child(2n) {
    float: right;
  }

  .down-box .rr li .img {
    margin-bottom: 10px;
  }

  .down-box .rr li h3,
  .down-report .ll p a {
    height: 30px;
    line-height: 30px;
  }

  .down-box .rr li h3 i {
    opacity: 1;
    top: 8px;
  }

  .down-box-video .rr li h3 i {
    top: 10px;
    background: url(/uistatic/images/about_dot17_on.png) no-repeat;
  }

  .down-report .ll h4 {
    margin: 5% 0 3%;
  }
}

.invest-news {
  padding: 5% 0 7%;
}

.invest-news ul {
  margin: 0 0 3%;
}

.invest-news li {
  padding: 50px 0;
  padding-right: 22%;
  color: #51545d;
  border-bottom: 1px dotted #abadb2;
  position: relative;
}

.invest-news li h2 a {
  color: #51545d;
}

.invest-news li .c {
  line-height: 2;
  max-height: 6em;
  margin-bottom: 3%;
}

.invest-news li p.time {
  padding-left: 25px;
  font-family: Arial, Helvetica, sans-serif;
  background: url(/uistatic/images/about_dot21.png) left 2px no-repeat;
}

.invest-news li span {
  position: absolute;
  right: 0;
  top: 50px;
  float: right;
  width: 68px;
  height: 68px;
  line-height: 68px;
  text-align: center;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  border-radius: 100%;
  background: #91663f;
}

.notice-select {
  max-width: 520px;
  margin: 5% 0;
  margin-left: 20%;
  height: 34px;
  line-height: 34px;
  border-radius: 20px;
  border: 2px solid #646464;
}

/*sel-box*/
.sel-box {
  position: relative;
  z-index: 100;
}

.sel-box dt {
  height: 34px;
  line-height: 34px;
  cursor: pointer;
  position: relative;
  z-index: 2;
}

.sel-box dt a {
  color: #65686f;
  display: block;
  padding: 0 20px;
  height: 34px;
  line-height: 34px;
}

.sel-box .ico {
  position: absolute;
  right: 10px;
  top: 0;
  z-index: 1;
  width: 34px;
  height: 34px;
  line-height: 34px;
  background: url(/uistatic/images/about_dot22.png) center no-repeat;
}

.sel-box dd {
  display: none;
  position: absolute;
  background: #fff;
  max-height: 170px;
  width: 100%;
  top: 37px;
  left: 0;
  overflow: auto;
  border: 2px solid #646464;
  box-shadow: 0 0.12rem 0.15rem 0 rgba(0, 0, 0, 0.15) inset;
}

.sel-box.open dd {
  display: block;
}

.sel-box dd a {
  color: #65686f;
  display: block;
  padding: 0 10px;
  height: 34px;
  line-height: 34px;
  overflow: hidden;
}

.sel-box dd a.on {
  color: #a19064;
}

.notice-cons,
.event-cons {
  padding: 0 0 5%;
}

.notice-cons .year,
.event-cons .year {
  float: left;
  width: 20%;
  font-family: Arial, Helvetica, sans-serif;
  position: relative;
}

.notice-cons .year::before,
.event-cons .year::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0px;
  width: 60px;
  height: 1px;
  background: #000;
}

.notice-cons ul {
  float: right;
  width: 80%;
}

.notice-cons li {
  float: left;
  width: 46%;
  margin-bottom: 5%;
  border: 2px solid #afaaa5;
  border-radius: 20px;
}

.notice-cons li:nth-child(2n) {
  float: right;
}

.notice-cons li .inner {
  margin: 7%;
  position: relative;
  padding-left: 15%;
}

.notice-cons li a {
  color: #51545d;
}

.notice-cons li span {
  position: absolute;
  left: 0;
  top: 0;
  max-width: 61px;
  max-height: 74px;
  width: 12%;
  overflow: hidden;
}

.notice-cons li span img {
  display: block;
  width: 100%;
}

.notice-cons li span img + img {
  display: none;
}

.notice-cons li h3 {
  line-height: 1.2;
  margin-bottom: 3%;
}

.notice-cons li p {
  display: none;
  padding-left: 25px;
  font-family: Arial, Helvetica, sans-serif;
  background: url(/uistatic/images/about_dot21.png) left 2px no-repeat;
}

.notice-cons li em {
  position: absolute;
  right: 0;
  bottom: -20px;
  width: 76px;
  height: 22px;
  line-height: 22px;
  color: #fff;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 20px;
  background: #666666;
}

.control-part {
  padding: 5% 0;
}

.control-part h2 {
  margin-bottom: 1%;
}

.control-part .c {
  line-height: 2;
  color: #51545d;
  margin-bottom: 5%;
}

.control-part ul {
  float: left;
  width: 86%;
}

.event-cons .rr {
  float: right;
  width: calc(80% - 1px);
  border-left: 1px solid #e8e8e8;
}

.event-cons ul {
  margin-left: 5%;
}

.event-cons li {
  border-radius: 25px;
  background: #f8f8f8;
  margin: 0 0 1.5%;
  position: relative;
}

.event-cons li::before {
  content: "";
  position: absolute;
  left: calc(-5% - 8px);
  top: 50%;
  margin-top: -25px;
  width: 15px;
  height: 50px;
  background: #fff;
}

.event-cons li::after {
  content: "";
  position: absolute;
  left: calc(-5% - 10px);
  top: 50%;
  margin-top: -10px;
  width: 8px;
  height: 8px;
  border: 3px solid #494747;
  border-radius: 8px;
}

.event-cons li .inner {
  padding: 2% 5%;
  color: #3e3e3e;
}

.event-cons li dt {
  float: left;
  width: 25%;
  font-family: Arial, Helvetica, sans-serif;
}

.event-cons li dd {
  float: left;
  width: 75%;
}

.event-cons li dd h3 {
  margin-bottom: 2%;
}

.event-cons li dd p span {
  margin-right: 20%;
}

.event-cons li dd p span + span {
  margin-right: 0;
}

.tool-part {
  padding: 5% 0 7%;
}

.tool-part h2 {
  margin-bottom: 3%;
}

.tool-part h4 {
  margin-bottom: 20px;
}

.ph_table {
  width: 100%;
  font-size: 16px;
}

.ph_table td {
  line-height: 30px;
  color: #3e3e3e;
  padding: 15px 10px 15px 30px;
  border-right: 1px solid #ffffff;
  text-align: center;
}

.ph_table thead th {
  background: #dcbd83;
  color: #3e3e3e;
  line-height: 30px;
  padding: 15px 10px 15px 30px;
  border-right: 1px solid #ffffff;
  text-align: center;
  font-weight: bold;
  width: 33%;
}

/* .ph_table thead th:first-child{border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.ph_table thead th:last-child{border-top-right-radius: 10px;border-bottom-right-radius: 10px;} */
.ph_table tr:nth-child(2n) td {
  background: #faf7f4;
}

/* .ph_table tr:nth-child(2n) td:first-child{border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.ph_table tr:nth-child(2n) td:last-child{border-top-right-radius: 10px;border-bottom-right-radius: 10px;} */
.arrow::before {
  display: inline-block;
  content: "";
  transform: translateY(25%);
  border: 10px solid transparent;
  border-top: 16px solid #3e3e3e;
}

.prize-cons li dt {
  width: 100px;
}

.prize-cons li dd {
  width: calc(100% - 100px);
}

.policy-list {
  margin: 5% 0 0;
}

.policy-list ul {
  width: 100%;
  float: none;
}

.policy-list li {
  width: 49%;
  margin-bottom: 2%;
}

.policy-list li span {
  max-width: 30px;
  max-height: 37px;
  width: 8%;
}

.policy-list li .inner {
  padding-left: 10%;
  margin: 3% 5%;
}

.policy-list li h3 {
  margin-bottom: 0;
}

.message-top input::-webkit-input-placeholder {
  color: #bec4bd;
}

.message-top textarea::-webkit-input-placeholder {
  color: #bec4bd;
}

.message-top input:-moz-placeholder {
  color: #bec4bd;
}

.message-top textarea::-moz-input-placeholder {
  color: #bec4bd;
}

.message-top input:-ms-input-placeholder {
  color: #bec4bd;
  opacity: 0.8;
}

.message-top .placeholder {
  color: #bec4bd;
}

.message-top {
  padding: 5% 0 7%;
}

.message-top h2 {
  margin-bottom: 1%;
  color: #3e3e3e;
}

.message-top .c {
  color: #7b7e86;
  margin-bottom: 4%;
}

.message-top ul {
  margin: 0 0 2%;
  max-width: 1012px;
}

.message-top li {
  float: left;
  width: 100%;
  margin-bottom: 2.8%;
}

.message-top li .inp {
  float: left;
  width: 278px;
  height: 34px;
  line-height: 34px;
  margin-right: 60px;
  border: 1px solid #646464;
  border-radius: 20px;
}

.message-top li .inp span {
  float: left;
  margin-left: 20px;
  width: 20px;
}

.message-top li .inp span img {
  vertical-align: middle;
}

.message-top li .inp input {
  float: left;
  width: calc(100% - 60px);
  height: 34px;
  line-height: 34px;
  padding: 0 10px;
  border: none;
  background: none;
}

.message-top li .txt {
  width: 100%;
  height: 290px;
  border: 1px solid #646464;
  padding: 15px 0;
  border-radius: 20px;
}

.message-top li .txt textarea {
  float: left;
  width: calc(100% - 50px);
  line-height: 1.5;
  padding: 0 20px;
  border: none;
  background: none;
  height: 290px;
}

.message-top li .inp01 {
  float: left;
  width: 200px;
  padding: 0 20px;
  margin-right: 10px;
}

.message-top li .inp01 input {
  width: 100%;
  padding: 0;
}

.message-top li span.yzm {
  float: left;
  width: 78px;
  height: 34px;
  overflow: hidden;
}

.message-top li span.yzm img {
  width: 78px;
  height: 34px;
}

.btn-box .btn {
  float: left;
  text-align: center;
  width: 86px;
  height: 34px;
  color: #fff;
  line-height: 34px;
  border: none;
  border-radius: 20px;
}

.btn-box .btn.btn01 {
  background: #91663f;
}

.btn-box .btn.btn02 {
  background: #747474;
  margin-left: 40px;
}

.message-bot {
  margin: 0 0 5%;
}

.message-bot h2 {
  margin-bottom: 1.5%;
}

.message-bot ul {
  padding: 0 0 3%;
}

.message-bot li {
  border-radius: 20px;
  background: #fff;
  margin-bottom: 5%;
  box-shadow: 0 3px 3px 3px #efefef;
  overflow: hidden;
}

.message-bot li:last-child {
  margin-bottom: 0;
}

.message-bot li .que {
  padding: 3% 5%;
  background: #f4f3f3;
  overflow: hidden;
  position: relative;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.message-bot li .que .ll {
  float: left;
  width: 138px;
  height: 108px;
  margin-right: 120px;
  background: #ffffff;
  position: relative;
  border-radius: 20px;
  box-shadow: 0 0 5px 5px #efefef;
}

.message-bot li .que .ll span {
  text-align: center;
  width: 100%;
  color: #91663f;
}

.message-bot li .que .mm {
  float: left;
  width: calc(100% - 500px);
  line-height: 2;
  color: #595d66;
}

.message-bot li .que .rr {
  left: auto;
  right: 5%;
  text-align: center;
  color: #898b91;
  font-family: Arial, Helvetica, sans-serif;
}

.message-bot li .ans {
  padding: 3% 5%;
  color: #91663f;
}

.message-bot li .ans h3 {
  margin-bottom: 1.5%;
}

.message-bot li .ans .c {
  line-height: 2;
}

@media only screen and (max-width: 1365px) {
  .message-bot li .que .ll {
    margin-right: 30px;
  }

  .message-bot li .que .mm {
    width: calc(100% - 260px);
  }
}

@media only screen and (max-width: 1023px) {
  .message-bot li .que .ll {
    width: 100px;
    height: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .invest-news li {
    padding: 20px 0;
    padding-right: 50px;
  }

  .invest-news li span {
    width: 36px;
    height: 36px;
    line-height: 36px;
    top: 20px;
    font-size: 12px;
  }

  .notice-select {
    margin-left: 0;
  }

  .notice-cons .year,
  .event-cons .year {
    width: 100%;
    margin-bottom: 5%;
  }

  .notice-cons ul,
  .event-cons li dt,
  .event-cons li dd {
    width: 100%;
  }

  .notice-cons li {
    width: calc(100% - 4px);
  }

  .event-cons .rr {
    width: calc(100% - 1px);
  }

  .event-cons li .inner {
    padding: 5%;
  }

  .event-cons li dd p span {
    margin-right: 5%;
  }

  .ph_table,
  .ph_table thead,
  .ph_table tbody,
  .ph_table th,
  .ph_table td,
  .ph_table tr {
    display: block;
  }

  .ph_table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .ph_table tr {
    border: 1px solid #efefef;
    border-bottom: 0;
    margin-bottom: 3%;
  }

  .ph_table tr:last-child {
    margin-bottom: 0;
  }

  .ph_table td {
    min-height: 30px;
    border: none;
    border-bottom: 1px solid #efefef;
    position: relative;
    padding: 5px 0;
    padding-left: 2em;
    white-space: normal;
    text-align: left;
  }

  .ph_table td:before {
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 0;
    width: 8em;
    text-indent: 10px;
    white-space: nowrap;
    text-align: left;
  }

  .ph_table td:before {
    content: attr(data-title);
  }

  .ph_table tr:nth-child(2n) td:first-child {
    border-radius: 0 !important;
  }

  .tool td {
    padding-left: 6em;
  }

  .tool td::before {
    width: 6em;
  }

  .tool td:last-child {
    word-break: break-all;
  }

  .message-top li {
    margin-bottom: 0;
  }

  .message-top li .inp {
    width: 100%;
    margin: 0 0 10px;
  }

  .message-top li .txt,
  .message-top li .txt textarea {
    height: 120px;
  }

  .message-top li .txt {
    margin: 0 0 10px;
  }

  .message-top li span.yzm {
    float: right;
  }

  .message-top li .inp01 {
    width: calc(100% - 120px);
  }

  .message-bot li .que,
  .message-bot li .ans {
    padding: 5%;
  }

  .message-bot li .que .ll {
    width: 100%;
    height: 30px;
    line-height: 30px;
    margin: 0 0 10px;
  }

  .message-bot li .que .mm {
    width: 100%;
    margin: 0 0 10px;
  }

  .message-bot li .que .rr {
    width: 100%;
    text-align: left;
    position: static;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }

  .message-bot li .que .rr br {
    display: none;
  }

  .tool-part h4 {
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 1025px) {
  .ab_more,
  .about-part02 li,
  .about-part02 li span img,
  .about-part03 .tab-tit li,
  .partner-top .tab-tit li,
  .ajLoad span.more,
  .global-part02 .tab-tit li,
  .notice-cons li,
  .event-cons li,
  .culture_model,
  .btn-box .btn {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
  }

  .about-part02 li:hover {
    background: #fff;
    box-shadow: 0 0 5px 5px #eee;
  }

  .about-part02 li:hover span img {
    display: none;
  }

  .about-part02 li:hover span img + img {
    display: block;
  }

  .about-part02 li:hover h3,
  .about-part02 li:hover p {
    color: #92653f;
  }

  .ab_more:hover,
  .team-part li:hover .ab_more,
  .culture-part04 li:hover .ab_more {
    background: #aa7d53;
    color: #fff !important;
  }

  .team-part li:hover .ab_more i,
  .culture-part04 li:hover .ab_more i {
    color: #fff;
  }

  .partner-part li:hover {
    box-shadow: 0 0 5px 5px #eee;
  }

  .down-box .rr li:hover h3 {
    color: #fff;
    background: #666666;
    border: 1px solid #666666;
  }

  .down-box .rr li:hover h3 span a {
    color: #fff !important;
  }

  .down-box .rr li:hover h3 i {
    opacity: 1;
  }

  .view-more:hover {
    background: #000;
  }

  .down-report .ll p a:hover {
    opacity: 0.8;
  }

  .notice-cons li:hover {
    background: #666666;
    border: 2px solid #666666;
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
  }

  .notice-cons li:hover a {
    color: #fff !important;
  }

  .notice-cons li:hover span img {
    display: none;
  }

  .notice-cons li:hover span img + img {
    display: block;
  }

  .notice-cons li:hover p.time {
    background: url(/uistatic/images/about_dot21_on.png) left 2px no-repeat;
  }

  .event-cons li:hover {
    background: #e5e4e4;
  }

  .btn-box .btn:hover {
    opacity: 0.8;
  }

  .ajLoad span.more:hover {
    background: #aa7d53;
    color: #fff !important;
  }

  .culture-part04 li:hover .culture_model {
    opacity: 1;
    visibility: visible;
  }
}

.partner_inlne {
  text-align: center;
}

.partner_inlne ul {
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .partner_inlne ul {
    display: block;
  }

  .partner_inlne ul li {
    width: 25%;
    box-sizing: border-box;
  }

  .partner-tab .partner_inlne .tab-tit li {
    padding: 0;
  }

  .partner-part .c {
    text-align: left;
  }
}
.about-org {
  display: flex;
  gap: 30px;
}
.about-org-left {
  width: 40%;
}
.about-org-right {
  width: 60%;
}
.about-org-left h3 {
  font-size: 27px;
  color: #fff;
  background-color: #b7803e;
  border-radius: 5px;
  text-align: center;
  padding: 5px 0px;
  margin-bottom: 22px;
}
.about-org-right h3 {
  font-size: 27px;
  color: #fff;
  background-color: #acacac;
  border-radius: 5px;
  text-align: center;
  padding: 5px 0px;
  margin-bottom: 22px;
}
.p-part.org ul.dep li {
  width: 48.5%;
    float: left;
    border: 1px dashed #a4a4a4;
    margin-bottom: 16px;
    padding: 14px 0px;
    text-align: center;
    color: #3c3c3c;
    font-size: 18px;
}
.p-part.org ul.dep li:nth-child(odd){
  margin-right: 2%;
}

.p-part.org ul.sub li {
  width: 32.1%;
    float: left;
    border: 1px dashed #a4a4a4;
    margin-bottom: 16px;
    padding: 14px 0px;
    text-align: center;
    color: #3c3c3c;
    font-size: 18px;
    margin-right: 1.3%;
}
.p-part.org ul.sub li:nth-child(3n) {
  margin-right: 0;
}

.p-part.org ul.dep li:hover {
  background-color: #b7803e;
  color: #fff;
}

.p-part.org ul.sub li:hover {
  background-color: #adadad;
  color: #fff;
}
@media (max-width: 767px){
  .about-org {
    flex-direction: column;
  }
  .about-org-left, .about-org-right {
    width: 100%;
    font-size: 16px;
  }
  .about-org-left h3, .about-org-right h3{
    font-size: 16px;
  }
  .p-part.org ul.dep li, .p-part.org ul.sub li {
    font-size: 14px;
    padding: 5px 0px;
  }
  .p-part.org ul.dep li {
    width: 48%;
  }
  .p-part.org ul.sub li {
    width: 31.5%;
  }
}

.clear-fl::after {
  content: "";
  display: table;
  clear: both;
}

.dev-1 {
  position: relative;
  padding-bottom: 0;
}

.dev-1 img {
  width: 100%;
  max-width: 100%;
}

.dev-1 .inner {
  position: absolute;
  width: 100%;
  z-index: 1;
}

.dev-1 h2 {
  margin-top: 4%;
}

.b-logic {
  max-width: 1178px;
  margin: 5% auto;
  border: 1px solid #f2f2f2;
}

.b-logic .fl-l {
  float: left;
  width: 25.5%;
}

.b-logic .fl-r {
  float: left;
  width: 74.5%;
}

.b-logic .item {
  box-sizing: border-box;
  float: left;
  position: relative;
  width: 50%;
  height: 113px;
  border: 0px solid #f2f2f2;
  border-width: 1px 0 0 1px;
  font-weight: bold;
}

.b-logic .item:nth-child(2n + 1) {
  border-left-width: 1px;
}

.b-logic .item:nth-child(-n + 2) {
  border-top-width: 0px;
}

.b-logic > .fl-l p {
  position: relative;
  margin-top: 113px;
  margin-left: 2em;
}

.b-logic > .fl-l p::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -20px;
  width: 44px;
  height: 5px;
  background: #926643;
}

.b-logic .item .n,
.b-logic .item .h {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.b-logic .item .n {
  line-height: 47px;
  text-align: center;
}

.b-logic .item .n .inner {
  margin-top: 1.5em;
}

.b-logic .item .h {
  visibility: hidden;
  opacity: 0;
}

.b-logic .item .h + img {
  width: 100%;
}

.b-logic .item .inner img {
  width: unset;
  margin-right: 20px;
}

@media (any-hover: hover) {
  .b-logic .item:hover .h {
    visibility: visible;
    opacity: 1;
  }

  .b-logic .item:hover .h > img,
  .b-logic .item:hover .h .inner {
    position: absolute;
    top: 0;
    left: 0;
  }
}

.b-logic .item .h .inner {
  width: 100%;
  color: #fff;
  box-sizing: border-box;
}

.b-logic .item .h .inner::after {
  content: "";
  display: table;
  clear: both;
}

.b-logic .item .h .fl-l,
.b-logic .item .h .fl-r {
  float: left;
}

.b-logic .item .h .fl-l {
  float: left;
  width: 40%;
  margin-top: 1.2em;
  text-align: right;
}

.b-logic .item .h .fl-r {
  width: 60%;
  margin-top: 0.8em;
}

.b-logic .item .h p + p {
  font-weight: normal;
}

@media only screen and (max-width: 1024px) {
  .b-logic {
    width: 100%;
  }

  .b-logic > .fl-l,
  .b-logic > .fl-r {
    width: 100%;
  }

  .b-logic .item {
    width: 49%;
  }

  .b-logic .item:nth-child(-n + 2) {
    border-top-width: 1px;
  }

  .b-logic > .fl-l p {
    margin: 5%;
  }
}

@media only screen and (max-width: 767px) {
  .b-logic {
    width: 100%;
  }

  .b-logic > .fl-l,
  .b-logic > .fl-r {
    width: 100%;
  }

  .b-logic .item {
    width: 100%;
    border-width: 1px 0 0 0;
  }

  .b-logic > .fl-l p {
    margin: 5%;
  }
}

.img-fd img {
  width: 100%;
}

.b-sol .d {
  margin: 5% 0;
  padding: 2.5% 0;
  border: 1px solid #e5e5e5;
  border-width: 1px 0;
}

.b-sol .d span {
  position: relative;
  float: left;
  width: 25%;
  width: 15%;
  margin: 0 4%;
  height: 2em;
}

.b-sol .d span:first-child {
  margin-left: 8%;
}

.b-sol .d span:last-child {
  margin-left: 8%;
}

.b-sol .d span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 40%;
  height: 2px;
  background: #b7803e;
}

@media only screen and (max-width: 767px) {
  .b-sol .d span {
    margin: 0 !important;
    width: 25%;
  }
}

.b-sol-2 {
  margin-bottom: 3%;
}

.b-sol-2 .c .mitem {
  float: left;
  width: 32%;
  margin: 0 2% 2% 0;
}

.b-sol-2 .c .mitem img {
  width: 100%;
}

.b-sol-2 .c .mitem h4 {
  line-height: 3em;
  text-align: center;
  color: #3c3c3c;
}

.b-sol-2 .c .mitem:nth-child(3n) {
  margin-right: 0;
}

.b-sol-3 {
  padding: 5% 0;
  max-height: 319px;
  box-sizing: border-box;
}

.b-sol-3 .e .nitem {
  float: left;
  width: calc(100% / 6);
  color: #fff;
  text-align: center;
}

.b-sol-3 .e .nitem span {
  display: block;
  line-height: 3em;
}

.b-sol-3 .e .nitem span::after {
  content: "";
  display: block;
  width: 3em;
  height: 2px;
  background: #fff;
  margin: 1em auto;
}

@media only screen and (max-width: 767px) {
  .b-sol-3 .e .nitem {
    width: calc(100% / 3);
    margin-bottom: 5%;
  }

  .b-sol-2 .c .mitem {
    margin-bottom: 5%;
  }

  .b-sol-2 .c .mitem span {
    display: block;
    line-height: 1.5em;
    font-size: 14px;
  }
}

.sd {
  position: relative;
  width: 87.5%;
  margin: 0 auto;
}

.sd .swiper-container {
  padding-bottom: 60px;
}

.sd .swiper-slide {
  width: 644px;
  height: 368px;
  text-align: center;
}

.sd .swiper-slide img {
  display: block;
}

.sd .swiper-slide p {
  line-height: 2em;
  display: none;
}

.sd .swiper-slide-active p {
  display: initial;
}

.sd .swiper-button-prev {
  left: -6.25%;
  width: 27px;
  height: 59px;
  background: url(/uistatic/images/ecology/sellersuniononline/arrow.png)
    no-repeat;
}

.sd .swiper-button-next {
  right: -6.25%;
  width: 27px;
  height: 59px;
  background: url(/uistatic/images/ecology/sellersuniononline/arrow.png)
    no-repeat;
  transform: rotate(180deg);
}

@media only screen and (max-width: 767px) {
  .sd {
    width: 100%;
  }

  .sd .swiper-slide {
    width: 100%;
    height: auto;
  }

  .sd .swiper-button-next,
  .sd .swiper-button-prev {
    display: none;
  }
}

.industry_list {
  padding: 0 5%;
}

.industry_list li {
  margin: 0.5em 0;
}

.industry_list li:nth-child(5n) {
  margin-bottom: 2.5em;
}

.industry_list li:last-child {
  margin-bottom: 0.5em;
}

.industry_list dl dt {
  float: left;
  margin-right: 5em;
  max-width: 120px;
}

.industry_list dl dd {
  float: left;
  max-width: calc(100% - 120px - 5em);
  position: relative;
}

.industry_list dl dd.hot h3::before {
  content: "";
  height: 20px;
  width: 28px;
  background: url(/uistatic/images/news/industry/hot.png) no-repeat center
    center;
  vertical-align: middle;
  position: absolute;
  left: -35px;
  top: 5px;
}

@media only screen and (max-width: 767px) {
  .industry_list dl dt {
    width: 100%;
  }

  .industry_list dl dt {
    margin-right: 2em;
  }

  .industry_list dl dt {
    margin-right: 2em;
  }

  .industry_list dl dd.hot h3::before {
    position: static;
    display: inline-block;
    margin-right: 5px;
  }

  .industry_list dl dd {
    width: 100%;
    max-width: unset;
  }
}

.p-b-banner h1 {
  color: #623500;
}

.p-b-banner h1 span:first-child {
  color: #fff;
  padding: 5px 1em;
  border-radius: 1em;
  background-color: #b7803e;
  margin-right: 1.2em;
}

@media screen and (max-width: 767px) {
  .p-b-banner h1 span:last-child {
    display: block;
    width: 100%;
    margin-top: 1em;
  }
}

.system-1 .c p {
  line-height: 2em;
}

.system-2 .c img {
  text-align: center;
}

.b-event .imgs img {
  display: block;
  width: 100%;
  padding: 5% 0;
  border-bottom: 1px solid #e5e5e5;
}

.b-event .imgs img:last-child {
  padding-bottom: 0;
  border: 0;
}

.b-event .imgs.col2 img {
  float: left;
  width: 48%;
  padding: 2% 1% 2% 0;
  border: 0;
}

.b-event .imgs img:last-child {
  padding-bottom: 5%;
}

@media screen and (max-width: 767px) {
  .b-event .imgs.col2 img {
    width: 100%;
  }
}

.concept-1 li {
  box-sizing: border-box;
  float: left;
  width: 20%;
  padding: 0.5%;
}

.concept-1 dd {
  color: #fff;
}

.concept-1 dt {
  border-radius: 40px;
}

.concept-1 .decration_con p {
  text-align: center;
}

.concept-1 dl h3::before {
  content: "";
  display: block;
  width: 30px;
  height: 3px;
  background: #fff;
  margin: 0 auto;
  margin-bottom: 18px;
}

.concept-1 dl h3::after {
  width: 0;
}

.concept-1 .decration_con h3 {
  margin-bottom: 0;
}

/* added 0919 2022 修改concept页面样式 */
.concept.con-1.about-part01 .c {
  padding: 2% 0;
  border-bottom: 0px solid #e5e5e5;
}

.concept .wrap {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.concept .wrap h2,
.concept .wrap .triangle {
  width: 1200px;
  max-width: 90%;
  margin: auto;
}

.concept .wrap .triangle-wrap {
  display: flex;
  align-items: baseline;
}

.concept .wrap p {
  display: inline-block;
}

.concept .wrap .triangle-wrap::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #b7803e;
  display: inline-block;
  margin-right: 10px;
}

.concept .wrap .triangle {
  position: relative;
}

.concept .wrap h2 {
  margin-bottom: 3%;
}

.concept .wrap .gap > div .triangle::before {
  border-bottom-color: #f6f6f6;
}

.concept .wrap .triangle::before {
  content: "";
  width: 0px;
  height: 0px;
  border: 16px solid transparent;
  position: absolute;
  top: -32px;
  left: 30px;
}

.concept .gap > div {
  background: url(/uistatic/images/employee/concept/8.jpg) no-repeat center
    center / cover;
}

@media only screen and (max-width: 1024px) {
  .decration_con {
    position: static;
    transform: inherit;
    color: #4f535d;
  }

  .develop_02 li {
    width: 33.3%;
    margin-bottom: 20px;
    text-align: center;
  }

  .develop_02 dd {
    display: none;
  }

  .develop_02 dl h3::after {
    background: #4f535d;
  }

  .develop_03 dt {
    width: 100%;
  }

  .develop_03 dd {
    width: 100%;
    margin-top: 30px;
  }

  .activity_list {
    padding: 30px 0;
  }
}

@media only screen and (max-width: 767px) {
  .develop_01 dt,
  .develop_01 dd {
    float: none;
    width: 100%;
  }

  .develop_01 dt {
    margin-bottom: 20px;
  }

  .develop_03,
  .develop_box,
  .develop_01 {
    padding: 30px 0;
  }

  .develop_02 li {
    width: 50%;
  }

  .develop_02 dl,
  .develop_02 ul {
    margin: 0;
  }

  .develop_02 dl {
    width: 90%;
    margin: auto;
  }
}

.academy-1 .c p {
  line-height: 2em;
}

.academy-1 .pd {
  margin-top: 5%;
}

.academy-1 .tc {
  text-align: center;
}

.academy-2 {
  padding: 4% 0;
  margin-bottom: 4%;
}

@media screen and (max-width: 767px) {
  .academy-1 .tc img {
    width: 100%;
  }

  .academy-3 .swiper-wrapper {
    flex-direction: column;
  }

  .academy-3 .swiper-slide {
    width: 100%;
  }
}

.academy-2 {
  background: #f4f3f3;
}

.timeline dl {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 4% 0;
}

.timeline dd {
  font-size: 100px;
  color: #b7803e;
  width: 45%;
  padding-right: 2.5%;
  text-align: right;
}

.timeline dt {
  width: 55%;
  text-align: left;
  padding-left: 2.5%;
  box-sizing: border-box;
  line-height: 1.5em;
}

.timeline dt p.t {
  line-height: 4em;
  color: #b7803e;
}

.timeline .nav-btn {
  display: none;
}

.timeline .swiper-pagination {
  position: initial;
  width: 100%;
}

.timeline .swiper-pagination .swiper-pagination-bullet {
  width: calc(100% / 12);
  width: 32px;
  height: 21px;
  line-height: 21px;
  padding: 0 28px;
  border-radius: unset;
  background-color: unset;
  color: #303030;
  opacity: 1;
  padding-top: 30px;
  border-top: 2px solid #e3e3e3;
  position: relative;
  margin-bottom: 30px;
}

.timeline
  .swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  color: #b7803e;
}

.timeline .swiper-pagination .swiper-pagination-bullet:before {
  content: "";
  position: absolute;
  width: 13px;
  height: 13px;
  border: 1px solid #e3e3e3;
  border-radius: 100%;
  top: -7px;
  left: calc(50% - 7px);
}

.timeline .swiper-pagination .swiper-pagination-bullet::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  background: #e3e3e3;
  border-radius: 100%;
  top: -3px;
  left: calc(50% - 3px);
}

.timeline .sw-nav .swiper-pagination-bullet.st {
  padding-left: 0;
  text-align: left;
  text-indent: -9999px;
}

.timeline .swiper-pagination .st.swiper-pagination-bullet:before {
  left: 0;
}

.timeline .swiper-pagination .st.swiper-pagination-bullet:after {
  left: 4px;
}

.timeline
  .swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  border-color: #bc894e;
}

.timeline
  .swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  background: #bc894e;
}

.timeline .start dd {
  font-size: 32px;
  color: unset;
  width: 100%;
  text-align: center;
}

.timeline .start dd .sq {
  width: 2em;
  padding: 5px;
  margin: 10px auto;
  line-height: 1.2em;
  text-align: center;
  color: #fff;
  background: #b7803e;
}

/* .timeline .sw-nav{ padding-top: 24px; background: url(/uistatic/images/employee/academy/ruler.png); background-repeat:repeat-x; background-position: 26px 0;}
.timeline .sw-nav .st .st-on{ display: none;}
.timeline .sw-nav .st .st-off{ display: initial;}
.timeline .sw-nav .swiper-pagination-bullet-active.st .st-on{ display: initial;}
.timeline .sw-nav .swiper-pagination-bullet-active.st .st-off{ display: none;} */
@media screen and (max-width: 1024px) {
  .timeline .sw-nav {
    background: none;
    padding: 0;
  }

  .timeline .sw-nav .swiper-pagination {
    display: none;
  }

  .timeline dd {
    font-size: 50px;
  }

  .timeline .swiper-wrapper {
    align-items: center;
  }

  .timeline .nav-btn {
    display: block;
  }
  .timeline .nav-btn .swiper-button-prev,
  .timeline .nav-btn .swiper-button-next {
    width: 17px;
    height: 34px;
    background-size: 17px 34px;
    filter: hue-rotate(194deg);
  }
}

.hire-banner {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}

.hire-banner h2 {
  font-size: 38px;
  line-height: 1em;
  color: #fffefe;
  text-shadow: 2px 2px #978b78;
}

.hire-1 {
  padding: 0;
  padding-top: 4%;
}

.hire-1 .tab-con {
  margin-top: 3%;
}

.hire-1 .tab-tit {
  width: 280px;
  margin: 0 auto;
}

.hire-1 .culture_model {
  padding-bottom: 0;
}

.hire-1 .culture_model p {
  overflow: visible;
  height: auto;
  -webkit-line-clamp: 10;
}

.hire-3.about-part02 {
  padding-top: 4%;
  margin-bottom: 0%;
  overflow: hidden;
}

.hire-3 .c .mitem {
  float: left;
  width: 32%;
  margin: 0 2% 2% 0;
  position: relative;
}

.hire-3 .c .mitem span {
  position: absolute;
  width: 100%;
  height: 3em;
  line-height: 3em;
  bottom: 0;
  left: 0;
  background: linear-gradient(#0000, #0008);
  color: #fff;
  text-indent: 1em;
}

.hire-3 .c .mitem img {
  width: 100%;
}

.hire-3 .c .mitem h4 {
  line-height: 3em;
  text-align: center;
  color: #3c3c3c;
}

.hire-3 .c .mitem:nth-child(3n) {
  margin-right: 0;
}

@media only screen and (max-width: 767px) {
  .hire-3.c .mitem {
    margin-bottom: 5%;
  }

  .hire-3.c .mitem span {
    display: block;
    line-height: 1.5em;
    font-size: 14px;
  }
}

.about-part02.hire-4 {
  margin-bottom: 0;
  padding-bottom: 2%;
}

.hire-4 .c .mitem {
  float: left;
  width: 24%;
  margin: 0 1% 4% 0;
  display: flex;
  align-items: center;
}

.hire-4 .c .mitem img {
  width: 90px;
  height: 90px;
  margin-right: 1.5em;
}

.hire-4 .c .mitem h4 {
  line-height: 1.5em;
  color: #3c3c3c;
}

.hire-4 .c .mitem:nth-child(4n) {
  margin-right: 0;
}

.hire-4.about-part02 .c {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .hire-4 .c .mitem {
    margin-bottom: 5%;
    width: 48%;
  }

  .hire-4 .c .mitem img {
    width: 50px;
    height: 50px;
    margin-right: 1em;
  }

  .hire-4 .c .mitem span {
    display: block;
    line-height: 1.5em;
    font-size: 14px;
  }
}
.index_05.hire-5 {
  background: url(/uistatic/images/employee/hire/img_02.jpg) no-repeat center
    center/cover;
  height: 336px;
  padding: 0;
  display: flex;
  align-items: center;
}
.hire-5 .lar {
  letter-spacing: -4px;
}

.hire-5 .index_more a {
  color: unset;
}

.bgc {
  background-color: #f4f3f3;
}

.hire-7 {
  margin-bottom: 4.21%;
}

.hire-7 .wrap > h2 {
  font-size: 31px;
  line-height: 86px;
  color: #303030;
}

.hire-7 .qlist {
  display: flex;
  flex-wrap: wrap;
}

.hire-7 .qlist .qitem {
  width: 33.3%;
  display: flex;
}

.hire-7 .qlist .qitem dt {
  color: #b7803e;
  margin-bottom: 0.5em;
}

.hire-7 .qlist .qitem img {
  width: 120px;
  margin-right: 10px;
}

@media only screen and (max-width: 767px) {
  .hire-7 .qlist .qitem {
    width: 100%;
  }
}

.hire-6 {
  box-sizing: border-box;
  padding: 45px 0;
  background: url(/uistatic/images/employee/hire/img_04.png) no-repeat center
    center / cover;
  margin-bottom: 50px;
  border-bottom: 1px solid #e5e5e5;
}

.hire-6 h2 {
  color: #b7803e;
}

.hire-6 dl {
  display: flex;
  margin-bottom: 25px;
}

.hire-6 dl:last-child {
  margin-bottom: 0;
}

.hire-6 dt {
  box-sizing: border-box;
  width: 30%;
  min-width: 335px;
  margin-right: 2%;
  padding-left: 78px;
  height: 51px;
  line-height: 51px;
  background: linear-gradient(90deg, transparent 78px, #fff 1%),
    url(/uistatic/images/employee/hire/img_05_2.png) no-repeat center left;
  border-top-right-radius: 51px;
  border-bottom-right-radius: 51px;
}

.hire-6 dt .text {
  background-color: #e9d9c5;
  border-top-right-radius: 51px;
  border-bottom-right-radius: 51px;
  transform: translateX(-1px);
}

.hire-6 dd {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 60%;
  background: #b7803e;
  border-radius: 24px;
  padding: 0.3em 2em;
  color: #fff;
}

.hire-6 dd p {
  line-height: 1.7em;
}

@media only screen and (max-width: 767px) {
  .hire-6 dl {
    flex-direction: column;
  }

  .hire-6 dt {
    width: 60%;
    margin-bottom: 20px;
  }

  .hire-6 dd {
    width: 70%;
    margin-left: 50px;
  }
}

.global-list li {
  float: left;
  border-bottom: 1px solid #bebebe;
  width: 45%;
  margin-right: 5%;
  padding: 12px 0;
  color: #3c3c3c;
}

.global-list.col4 li {
  width: 20%;
  margin-right: 5%;
}

.global-list li:hover {
  color: #b7803e;
}

.global-list li::before {
  content: "\2022";
  color: #b7803e;
  font-weight: bold;
  display: inline-block;
  width: 1em;
}

.global-02 {
  background: #fbfbfb;
}

.global-map {
  padding: 0 0 4%;
}

.global-map .inner {
  position: relative;
}

.global-map .inner img {
  width: 100%;
}

@media only screen and (max-width: 1024px) {
  .global-02 .c img,
  .global-map .inner img {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .global-list li {
    width: 100%;
    margin-right: 0;
  }

  .global-list.col4 li {
    width: 50%;
    margin-right: 0;
  }
}

.global-map .stlist > li dd {
  display: none;
}

.global-map .stlist > li:hover dd {
  display: block;
}

.global-map .stlist > li {
  position: absolute;
  background: #c2935bbf;
  border-radius: 50%;
  transform-origin: 0 0;
  display: flex;
  flex-direction: column;
}

.global-map .stlist > li dt {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 10%;
  color: #fff;
  z-index: 10;
}

.global-map .stlist > li dt span {
  display: block;
  text-align: center;
  padding: 3px 0;
  font-size: 20px;
}

.global-map .stlist > li dt span:first-child {
  font-weight: bold;
  font-size: 32px;
}

.global-map .stlist > li dt span:first-child::after {
  content: "";
  display: block;
  width: 2em;
  height: 1px;
  margin: 0 auto;
  background: #fff;
}

.global-map .c1 {
  width: 130px;
  height: 130px;
}

.global-map .c2 {
  width: 110px;
  height: 110px;
  transform-origin: 0 0;
}

.global-map .c3 {
  width: 90px;
  height: 90px;
  transform-origin: 0 0;
}

.global-map .c2 dt span:last-child {
  transform: scale(0.85);
}

.global-map .c3 dt span:last-child {
  transform: scale(0.8);
}

.global-map .na {
  top: 22%;
  left: 17%;
  z-index: 49;
}

.global-map .eu {
  top: 15.82%;
  left: 54.16%;
}

.global-map .as {
  top: 33.22%;
  left: 70.83%;
}

.global-map .la {
  top: 63.29%;
  left: 26.66%;
}

.global-map .af {
  top: 55.38%;
  left: 49.16%;
}

.global-map .oa {
  top: 71.2%;
  left: 80.83%;
}

.global-map .stlist > li.c3 dt {
  padding-top: 0;
}

@media only screen and (max-width: 1024px) {
  .global-map .stlist > li {
    transform: scale(0.8);
  }
}

@media only screen and (max-width: 767px) {
  .global-map .stlist > li {
    transform: scale(1);
    position: initial;
  }
}

.global-map dl {
  position: relative;
  height: 100%;
}

.global-map dd {
  position: absolute;
  width: 100%;
  font-size: 12px;
}

.global-map dd li {
  position: relative;
  box-sizing: border-box;
  line-height: 16px;
  padding-left: 1em;
  border-left: 1px solid #c2935b;
}

.global-map dd li::before {
  position: absolute;
  left: -3px;
  top: 6px;
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background: #aa7d53;
}

.global-map dd ul {
  position: relative;
}

.global-map dd ul::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  border: 0px solid #c2935b;
}

.global-map .na dd {
  top: 60%;
  left: 120%;
}

.global-map .na dd ul {
  display: flex;
  flex-wrap: wrap;
  width: 200%;
}

.global-map .na dd ul li {
  width: 100%;
}

.global-map .na dd ul::before {
  left: -27px;
  top: -14px;
  width: 27px;
  border-width: 1px 1px 0 0;
}

.global-map .eu dd {
  top: -70%;
  left: -10%;
}

.global-map .eu dd ul {
  display: flex;
  flex-wrap: wrap;
  width: 200%;
}

.global-map .eu dd ul li {
  width: 25%;
}

.global-map .eu dd ul::before {
  left: 0;
  top: 95%;
  width: 14px;
  border-width: 0 0 1px 1px;
}

.global-map .as dd {
  top: 80%;
  left: 120%;
}

.global-map .as dd ul {
  display: flex;
  flex-wrap: wrap;
  width: 150%;
}

.global-map .as dd ul li {
  width: 50%;
}

.global-map .as dd ul::before {
  left: -23px;
  top: -23%;
  width: 23px;
  border-width: 1px 1px 0 0;
}

.global-map .la dd {
  top: 73%;
  left: 120%;
}

.global-map .la dd ul {
  display: flex;
  flex-wrap: wrap;
  width: 150%;
}

.global-map .la dd ul li {
  width: 50%;
}

.global-map .la dd ul::before {
  left: -23px;
  top: -23%;
  width: 23px;
  border-width: 1px 1px 0 0;
}

.global-map .af dd {
  top: 70%;
  left: 120%;
}

.global-map .af dd ul {
  display: flex;
  flex-wrap: wrap;
  width: 200%;
}

.global-map .af dd ul li {
  width: 100%;
}

.global-map .af dd ul::before {
  left: -20px;
  top: -13%;
  width: 20px;
  border-width: 1px 1px 0 0;
}

.global-map .oa dd ul li::before {
  left: unset;
  right: -3px;
}

.global-map .oa dd {
  top: 100%;
  left: -120%;
}

.global-map .oa dd ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.global-map .oa dd ul li {
  width: 100%;
  text-align: right;
  border: 0;
  border-right: 1px solid #c2935b;
  padding-left: 0;
  padding-right: 1em;
}

.global-map .oa dd ul::before {
  left: 89px;
  top: -80%;
  width: 19px;
  border-width: 1px 0 0 1px;
}

@media only screen and (max-width: 767px) {
  .global-map .stlist > li {
    position: initial;
    width: auto !important;
    height: auto !important;
    background: unset;
    border-radius: unset;
    color: unset;
  }

  .global-map .stlist > li dl {
    display: flex;
    margin-bottom: 5%;
  }

  .global-map .stlist > li dt {
    position: initial;
    color: unset;
    padding: 0;
    width: 30%;
  }

  .global-map .stlist > li dd {
    position: initial;
    width: 70%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .global-map li dd ul::before {
    display: none;
  }

  .global-map li dd ul {
    width: 100% !important;
  }

  .global-map li dd ul li {
    width: 33.3% !important;
  }

  .global-map .c2 dt span:last-child {
    transform: scale(1);
  }

  .global-map .c3 dt span:last-child {
    transform: scale(1);
  }
}

.case_show {
  position: relative;
}

.case_show_b {
  width: 100%;
  height: 100%;
  margin-bottom: 20px;
  position: relative;
}

.case_show_b .swiper-slide img {
  width: 50%;
}

.case_show_b li {
  margin-right: 1px;
}

.case_show_s {
  width: 100%;
  z-index: 10;
  margin: 0 auto;
  position: relative;
}

.case_show_s li {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  box-sizing: border-box;
}

.develop_mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25));
  border: 3px solid transparent;
  box-sizing: border-box;
}

.case_show_s li.on .develop_mask {
  border: 3px solid #91673d;
}

.develop_mask p {
  position: absolute;
  bottom: 10px;
  left: 20px;
  box-sizing: border-box;
  color: #fff;
  width: 100%;
  overflow: hidden;
  -webkit-line-clamp: 2;
}

.case_show_s .swiper-container {
  width: 100%;
  margin: auto;
}

.case_show_s .but > div {
  width: 50px;
  height: 50px;
  box-shadow: none;
  background: #91663c;
  color: #fff;
  text-align: center;
  line-height: 50px;
}

.case_show_s .but > div i {
  font-size: 24px;
  color: #fff;
}

.case_show_s .but > div.swiper-button-prev {
  left: 0px;
}

.case_show_s .but > div.swiper-button-next {
  right: 0px;
}

.case_show_s .swiper-button-next.swiper-button-disabled,
.case_show_s .swiper-button-prev.swiper-button-disabled {
  cursor: pointer;
  pointer-events: visible;
  opacity: 1;
}

.case_show_s .swiper-button-next.disabled,
.case_show_s .swiper-button-prev.disabled {
  cursor: auto;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0.5;
}

.slider_box-text {
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  padding: 5% 4%;
  box-sizing: border-box;
  color: #ffd4a9;
  height: 100%;
  background: #7c7a79;
}

.slider_txt {
  margin-top: 20px;
  height: 80%;
  overflow: hidden;
}

.slider_txt p {
  margin-bottom: 10px;
  color: #fff;
}

.case_show_s li:hover .develop_mask {
  border-color: #91673d;
}

.slider_box .swiper-button-prev {
  left: 1.25%;
  width: 27px;
  height: 59px;
  background: url(/uistatic/images/ecology/sellersuniononline/arrow.png)
    no-repeat;
}

.slider_box .swiper-button-next {
  right: 1.25%;
  width: 27px;
  height: 59px;
  background: url(/uistatic/images/ecology/sellersuniononline/arrow.png)
    no-repeat;
  transform: rotate(180deg);
}

.slider_box .case_show_s .swiper-button-next {
  transform: rotate(0);
}

.about-part01.pd-b30 {
  padding-bottom: 30px;
}

.about-part01.pd-b0 {
  padding-bottom: 0px;
}

.about-part01.pd-tb30 {
  padding: 30px 0;
}

.ta-c {
  text-align: center;
}

.strategy_insert_02 li:last-child span.ta-j {
  text-align: justify;
  width: calc(25% - 35px);
  margin-right: 35px;
}

.strategy_insert_02 li:last-child span.ta-j::after {
  content: "";
  width: 100%;
  display: inline-block;
}

.strategy_insert_02 li:nth-child(3) {
  position: relative;
}

.strategy_insert_02 li:nth-child(3)::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  right: 40px;
  background: #3e3d40;
}

/* .hire-1 img{ width: auto; } */

.ga-env {
  max-width: 1181px;
  display: grid;
  grid-template-columns:
    minmax(auto, max-content) minmax(auto, max-content) minmax(
      auto,
      max-content
    )
    minmax(auto, max-content);
  grid-gap: 1.1%;
}

.ga-env {
  max-width: 1181px;
  display: grid;
  grid-gap: 1.1%;
  grid-template-columns: repeat(minmax(280px, max-content));
}

.ga-env li:first-child {
  grid-row: 1 / span 2;
}

.ga-env img {
  width: 100%;
  max-width: 100%;
}

.ga-env li {
  position: relative;
}

.ga-env span {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: 3em;
  background: #dcbd83bf;
  color: #fff;
  font-weight: normal;
  transition: all 0.3s;
}

@media (any-hover: hover) {
  .ga-env li:hover span {
    visibility: visible;
    opacity: 1;
  }
}

#gotop {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 999;
}

#gotop .wrap {
  position: relative;
}

#gotop-btn {
  display: none;
  position: absolute;
  right: -108px;
  bottom: 140px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  text-align: center;
  line-height: 20px;
  color: #333;
  font-weight: bold;
  font-size: 16px;
  background: #e8e8e8;
}

#gotop-btn .iconfont {
  font-size: 24px;
  line-height: 36px;
  display: block;
  color: #fff;
}

/* 团队页面与合伙人页面首个样式 */
.team-part .fixed .li:nth-child(1) .team-top .rr h3 {
  margin: 0px !important;
}

.industry_list dl dt {
  max-width: unset;
  width: clamp(150px, 15%, 180px);
  margin-right: 5%;
}

.industry_list dl dd {
  max-width: unset;
  width: 80%;
}

#js_content p {
  width: 100%;
  font-size: 18px;
  text-indent: 2em;
  margin-bottom: 1.277em;
}

#js_content p img {
  width: 100%;
  transform: translateX(-2em);
}

.industry_list dl dt {
  max-width: 150px;
}

.industry_list dl dd {
  max-width: calc(100% - 150px - 5em);
}

/* ---------------------------------------- added 0520 ---------------------------------------- */

.fnt_25 {
  font-size: 25px;
}

.fnt_40 {
  font-size: 40px;
}

@media only screen and (max-width: 1440px) {
  .fnt_25 {
    font-size: 22px;
  }

  .fnt_40 {
    font-size: 36px;
  }
}

@media only screen and (max-width: 1366px) {
  .fnt_25 {
    font-size: 18px;
  }

  .fnt_40 {
    font-size: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .fnt_25 {
    font-size: 18px;
  }

  .fnt_40 {
    font-size: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .fnt_25 {
    font-size: 16px;
  }

  .fnt_40 {
    font-size: 18px;
  }
}

.global-list li:hover {
  color: unset;
}

.main > .banner {
  border-bottom: 14px solid #b7803e;
}

.index_innovate ul {
  margin: 0 -15px;
}

.index_innovate dl {
  padding: 0 15px;
}

.fnt_b {
  font-weight: bold;
}

.develop_text {
  max-width: 65%;
}

.index_news .news_more {
  text-align: right;
  padding-top: 0;
  transform: translateY(-2em);
}

@media (max-width: 767px) {
  .index_news .news_more {
    transform: none;
    margin-top: 10px;
  }
}

.index_news .news_more.news_cate {
  text-align: center;
  margin-top: 60px;
}

.index_news .news_more.news_cate a {
  display: inline;
  padding: 0.5em 1.5em;
}

.index_news h1 {
  height: 2.5em;
  -webkit-line-clamp: 2;
}

.ecology_num li:nth-child(4n + 1) {
  clear: none;
}

.ecology_num li:nth-child(5n + 1) {
  clear: both;
}

.ecology_num li {
  width: 20%;
}

.ecology_num li dt {
  font-size: 50px;
}

.ecology_num li dt i {
  font-size: 22px;
}

@media only screen and (max-width: 767px) {
  .ecology_num li {
    width: 50%;
    margin-bottom: 20px;
  }

  .ecology_num li:nth-child(4n + 1),
  .ecology_num li:nth-child(5n + 1) {
    clear: inherit;
  }

  .ecology_num li:nth-child(2n + 1) {
    clear: both;
  }

  .ecology_num li:last-child {
    width: 100%;
  }
}

.about-index .about-part03 {
  margin-bottom: 50px;
}

.about-index .about-part03 .ecology_num {
  padding-top: 50px;
  border-top: 1px solid #e5e5e5;
}

.c p {
  line-height: 1.85em;
}

.partner-tab .p-list ul.partner-1 li {
  margin: 0 40px 32px !important;
}

.item-top .p-ukf p {
  padding-right: unset;
}

.awards {
  display: flex;
  flex-wrap: wrap;
}

.awards li {
  padding: 0.3em 1em;
  margin: 10px;
  border-radius: 10px;
  color: #6a3906;
  background-color: #ede6db;
}

@media only screen and (min-width: 1200px) {
  .global-map dd {
    font-size: 14px;
  }
}

.global-map .eu dd ul {
  width: 300%;
}

.global-map .as dd ul {
  width: 200%;
}

.global-map .oa dd {
  left: -140%;
}

.global-map .oa dd ul {
  width: 120%;
}

.global-map .oa dd ul::before {
  left: 107px;
}

@media only screen and (max-width: 767px) {
  .global-map dd li::before {
    display: none;
  }

  .global-map dd li {
    border-width: 0 !important;
  }
}

.strategy_01 {
  background-color: #f4f4f4;
  color: unset;
  padding-top: 70px;
  padding-bottom: 10px;
}

.strategy_insert_02 {
  background: unset;
  color: unset;
}

.strategy_insert_02 li:nth-child(-n + 2) {
  border-color: #929292;
}

.strategy_insert_02 li:nth-child(3)::after {
  background: #929292;
  right: 10px;
}

.strategy_insert_02 h3 {
  color: #fff;
  padding: 2px 15px;
}

.strategy_insert_02 ul {
  margin-top: 25px;
}

.strategy_insert_02 li:nth-child(2n) dl {
  padding-left: 40px;
  padding-right: 0;
}

.chain-03 {
  padding: 100px 0 40px;
}

.chain-03.about-part01 h2 {
  color: #fff;
}

.chain-03-inner {
  background-color: rgba(0, 0, 0, 0.8);
  padding: 35px 0;
}

.chain-03 .global-list li {
  color: #fff;
}

.chain-03 .global-list li:hover {
  color: #fff;
}

.chain-03 .global-list li::before {
  color: #fff;
}

.china-map img {
  max-width: 100%;
}

@media only screen and (min-width: 1200px) {
  .strategy_insert_02 dd span {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .strategy_insert_02 li:last-child dd {
    width: 100%;
  }

  .strategy_insert_02 li:nth-child(3)::after {
    display: none;
  }

  .global-list {
    font-size: 13px !important;
  }
}

@media only screen and (max-width: 1024px) {
  .strategy_insert_02 li:nth-child(2n) dl {
    padding: 0;
  }
}

.about-part01.b-sol {
  padding-bottom: 20px;
}

.b-sol a {
  color: #81511c;
}

.about-part01.b-sol-4 {
  padding-top: 0;
}

.b-sol-4 h2 {
  color: #81511c;
  font-weight: bold;
}

.b-sol-4 .wrap {
  display: flex;
  justify-content: space-around;
}

.b-sol-4 img {
  max-width: 100%;
}

.b-sol-4 ul {
  margin: 30px 0;
}

.b-sol-4 li {
  padding: 10px 0;
}

.b-sol-4 li::before {
  display: inline-block;
  content: "\2022";
  color: #ae7c4d;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 18px;
  width: 0.8em;
  transform: translateY(5px);
}

@media (max-width: 767px) {
  .b-sol-4 .wrap {
    flex-direction: column;
  }

  .b-sol-4 ul {
    display: flex;
    flex-wrap: wrap;
    flex-basis: 50%;
  }

  .b-sol-4 li {
    width: 50%;
    font-size: 16px;
  }
}

.news_top .left dd h3 {
  height: 70px;
  -webkit-line-clamp: 2;
}

.page a.prev,
.page a.next {
  width: 80px;
}

.p-b-banner h1:first-child {
  margin-bottom: 20px;
}

.about-part01 dd {
  box-shadow: unset;
}

.about-part01 dd .txt {
  color: unset;
  position: static;
}

.about-part01 dl {
  padding: 0;
  border-width: 0;
  border-bottom-width: 1px;
}

.about-part01 dd .txt h3 {
  margin-bottom: 1.5%;
}

.ph-2 h2 {
  margin-bottom: 1.5%;
}

.ph-2 .tabs-title {
  display: flex;
}

.ph-2 .tabs-title li {
  margin-right: 1.5em;
}

.ph-2 .tabs-title li span {
  cursor: pointer;
}

.ph-2 .tabs-title li span:hover {
  color: #b7803e;
}

.ph-2 .tabs-title li span::after {
  display: none;
  content: "";
  width: 30px;
  height: 15px;
  margin: 15px auto 0;
  clip-path: polygon(0 100%, 100% 100%, 50% 0);
  background-color: #f6f6f6;
}

.ph-3 {
  margin-bottom: 4%;
}

.ph-3 .c {
  box-sizing: border-box;
  min-height: 220px;
  padding: 10px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ph-2 .tabs-title li.on {
  color: #b7803e;
}

.ph-2 .tabs-title li.on span::after {
  display: block;
}

.ph-3 .tabs-content li {
  display: none;
}

.ph-3 .tabs-content li.on {
  display: block;
}

.ph-4 {
  margin-bottom: 4%;
}

.ph-4 h2 {
  margin-bottom: 1.5%;
}

.ph-4 .c {
  display: flex;
  justify-content: space-between;
}

@media only screen and (max-width: 1240px) {
  .f_le li:first-child {
    padding-top: 10px;
  }
}

.case-1 .case-list {
  border-top: 2px solid #c6c6c6;
  padding: 40px 0;
}

.case-1 .case-list li {
  display: flex;
  padding: 1em 0;
}

.case-1 .case-list li:not(:last-child) {
  border-bottom: 1px solid #c6c6c6;
}

.case-1 .case-list li .num {
  width: 5%;
  color: #b7803e;
}

.case-1 .case-list li .title {
  width: 75%;
}

.case-1 .case-list li .dep {
  width: 10%;
  min-width: 5em;
  margin: 0 2.5%;
}

.case-1 .case-list li .author {
  width: 5%;
  min-width: 3em;
  text-align-last: justify;
}

.b-event .club-list {
  display: flex;
  flex-wrap: wrap;
}

.b-event .club {
  position: relative;
  width: 48%;
  margin: 2% 1% 2% 0;
  overflow: hidden;
}

.b-event .imgs.col2 img {
  float: unset;
  padding: 0;
  width: 100%;
}

.b-event .club .txt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 20px;
  background-color: #8399a4;
  color: #fff;
  transform: translateY(100%);
  transition-duration: 0.3s;
}

.b-event .club:nth-child(4n + 3) .txt,
.b-event .club:nth-child(4n + 2) .txt {
  background-color: #d29c60;
}

.b-event .club:hover .txt {
  transform: translateY(0);
}

.b-event .activity_list dl {
  margin-bottom: 2%;
  max-width: 571px;
}

.b-event .activity_list dl:nth-child(3n) {
  margin-right: 2%;
}

.res-list li {
  display: flex;
  margin-bottom: 15px;
}

.res-list li img {
  margin-right: 15px;
}

.res-list .txt {
  box-sizing: border-box;
  background-color: #f4ece2;
  padding: 1em 2em;
  flex-grow: 1;
}

.res-list .txt h3 {
  margin-bottom: 5px;
  font-weight: bold;
  color: #81511c;
}

.video_appbox .video_t {
  width: unset;
  height: unset;
}

.res-list li:nth-child(2n) img {
  order: 2;
  margin-left: 15px;
  margin-right: 0;
}

@media (max-width: 767px) {
  .res-list li {
    flex-wrap: wrap;
  }

  .res-list li > * {
    width: 100%;
    margin: 0 !important;
    order: 0 !important;
  }
}

.con-1.about-part01 {
  padding: 0;
  padding-top: 4%;
}

.con-1.about-part01 .c {
  padding-bottom: 4%;
  border-bottom: 1px solid #e5e5e5;
}

.hire-1 .tab-tit {
  width: 320px;
}

.timeline .sw-nav .wrap {
  width: 1300px;
}

.timeline .swiper-pagination .swiper-pagination-bullet::before {
  width: 17px;
  height: 17px;
  top: -11px;
  left: calc(50% - 8px);
  border-width: 2px;
}

.timeline .swiper-pagination .swiper-pagination-bullet::after {
  width: 13px;
  height: 13px;
  top: -7px;
  left: calc(50% - 4px);
}

@keyframes anim {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}

.timeline
  .swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  animation: anim 1.8s ease-in-out 0s infinite;
}

.timeline .swiper-pagination .st.swiper-pagination-bullet::after {
  left: 4px;
}

.timeline .inner-wrap {
  max-width: 72%;
  min-width: 50%;
  margin: 0 auto;
}

.timeline .inner-wrap h3 {
  color: #b7803e;
  margin-bottom: 1em;
}

.timeline .inner-wrap h3 span {
  color: #3b3e43;
}

.timeline .inner-wrap h3 span.year {
  font-weight: bold;
  color: #b7803e;
  margin-right: 0.5em;
}

.timeline .t-item {
  display: flex;
  line-height: 1.8;
}

.timeline .t-item .month {
  flex-basis: 3.2em;
  flex-shrink: 0;
}

.timeline .c p {
  text-indent: -3.2em;
  padding-left: 3.2em;
  white-space: pre-wrap;
}

#player1 {
  width: 40vw;
  height: calc(22.55vw + 68px);
}

#player1 iframe {
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  #player1 {
    width: 100vw;
    height: calc(56.25vw + 68px);
  }
}

.about-part04 {
  margin-bottom: 20px;
}

.global-map .stlist > li {
  background: #c2935bef;
}

.ga-env {
  grid-gap: 10px;
}

.exhibition_text h3 {
  height: 72px;
}

.b-sol-3.about-part02 {
  margin-bottom: 0;
}

.wight100 {
  font-weight: normal;
}

.index_news p {
  max-height: 60px;
  height: 60px;
}

.index_news dd {
  max-width: 376px;
}

.global-map dd li {
  margin-bottom: 2px;
}

.dev-1 {
  padding: 0;
}

.dev-1 .inner {
  position: relative;
}

.dev-1 h2 {
  position: absolute;
  top: 2.5em;
  margin: 0;
}

.his-ll .swiper-container-vertical {
  padding: 40px 0;
  box-sizing: border-box;
}

.his-ll .swiper-btn {
  display: none;
}

.his-ll .swiper-button-prev,
.his-ll .swiper-button-next {
  left: 50%;
  transform: translateX(-50%);
  width: 24px;
  height: 24px;
  margin: 0;
  background-size: cover;
}

.his-ll .swiper-button-prev {
  top: 0;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFyGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDYwLCAyMDIwLzA1LzEyLTE2OjA0OjE3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIyLTA2LTE0VDA5OjMzOjE1KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIyLTA2LTE0VDA5OjMzOjE1KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMi0wNi0xNFQwOTozMzoxNSswODowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5NTQ1NjhlZS1kMzJkLTgyNGYtYjY5NS0xYmU0YjM5Yzg2YmIiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpkMmViM2IyOC1mMTI5LWFhNGEtYThiYi00ZTczMGUwYzU5MWYiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjMGQ5MjJkNS01ZGUzLWVmNGQtOTk2YS0yMjVjYTE3ZmY3NDQiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpjMGQ5MjJkNS01ZGUzLWVmNGQtOTk2YS0yMjVjYTE3ZmY3NDQiIHN0RXZ0OndoZW49IjIwMjItMDYtMTRUMDk6MzM6MTUrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4yIChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6OTU0NTY4ZWUtZDMyZC04MjRmLWI2OTUtMWJlNGIzOWM4NmJiIiBzdEV2dDp3aGVuPSIyMDIyLTA2LTE0VDA5OjMzOjE1KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+8rDZJQAAAN1JREFUOI3t1DFqAlEUheF/RpOQ4A6sLSSFkIhdVmBlHRFdQFyFi7CySyBF0gQUBEmZzsoNCEEwRRZg86eZAZEZR6NYeeFUl/O9VzxeoHLMCY+qncGTgSHwCsyB8qFgCHwAN0APGAO32wr5LbsL4B3IAQ1gFWUI1IFZYktNypU6ipLf2HXUb7WS1E3CLtWJ+qaGKQe21YV6lwVeq5/qSwq0npa6VKtpYEH9Up93wNZv+qPWNsEYG+yBxWlGaDUGi+pU7f8Di/Oo/qoPgfoElIBuxpvMmg5wH5z/w4PnD0w1i6VncKK8AAAAAElFTkSuQmCC");
}

.his-ll .swiper-button-next {
  top: auto;
  bottom: 0;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFyGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDIgNzkuMTY0NDYwLCAyMDIwLzA1LzEyLTE2OjA0OjE3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDIyLTA2LTE0VDA5OjMzOjAzKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIyLTA2LTE0VDA5OjMzOjAzKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMi0wNi0xNFQwOTozMzowMyswODowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpmMTRjNTcyNy0wMzc0LWQ2NDEtYjUzOS05MjhiZWFiMzI0NDIiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDoyZDNmM2QzZC1kMzg5LTZjNGEtOTViOS1hOWVjNzhkNTZkOTEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1NThiYWNlYi01ZWFiLTFiNDItODM0NS0wY2IyZDk5ZjFmNGMiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NThiYWNlYi01ZWFiLTFiNDItODM0NS0wY2IyZDk5ZjFmNGMiIHN0RXZ0OndoZW49IjIwMjItMDYtMTRUMDk6MzM6MDMrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4yIChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ZjE0YzU3MjctMDM3NC1kNjQxLWI1MzktOTI4YmVhYjMyNDQyIiBzdEV2dDp3aGVuPSIyMDIyLTA2LTE0VDA5OjMzOjAzKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMiAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+s++99AAAANFJREFUOI3t1LFKA1EQheGTJVEE38A6hSgIKnY+iaKmsNTnsbKLYGEloo1Y2vkOogha+AqfzS7I4m5ismUGppkz88+598LtIV1G0SltAewk+knOkgyTnM/JGiXZCdbwggtkxjzAN/arwiqecTkD7BBf2EV+CxV0/A/YSQnbq2r1hhU84WoK2BE+K2dNwGAJj7hB0eLsA9t1rWn7Mu7L7Ne0Ed6x9dds25EGuMVD6To4xis2m+Ym3VOBuxJ8ijdstM1M85IFrktn65P6exb/4bzxA+oQOsVysGZjAAAAAElFTkSuQmCC");
}

.ph-1 h3 {
  color: #81511c;
}

.ph-2 h2 {
  color: #81511c;
}

.ph-4 h2 {
  color: #81511c;
}

.ph-4 .box {
  display: flex;
  width: 45%;
}

.ph-4 .box span {
  margin-right: 1.5em;
}

.ph-4 .box .title {
  width: 35%;
}

.ph-4 .box .content {
  display: flex;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  .ph-4 .c {
    flex-wrap: wrap;
  }

  .ph-4 .box {
    width: 100%;
    margin-bottom: 1em;
  }
}