body {
    text-align: left;
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #333;
    font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif !important;
    height: auto;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    /*移除移动端 cursor: pointer 时点击时有蓝色背景*/
    -webkit-tap-highlight-color: transparent;
    word-break: break-word;
}
.index_g{background: url(../images/p4.jpg) center center no-repeat; background-size:cover; position: relative; width: 100%; overflow: hidden;}
.index_g.index_xb{background: url(../images/xb.jpg) center center no-repeat; background-size:cover; position: relative;}
.index_g.index_bf{background: url(../images/xb1.jpg) center center no-repeat; background-size:cover; position: relative;}
.index_g.index_er{background: url(../images/t2_01.jpg) center center no-repeat; background-size:cover; position: relative;}
.sc{font-family: Noto Serif SC;}

* {
  box-sizing: border-box;
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  padding: 0;
  margin: 0;
}

pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th {
  padding: 0;
  margin: 0;
}

fieldset {
  border-top-width: 0;
  border-left-width: 0;
  border-bottom-width: 0;
  border-right-width: 0;
}

a,
img,
iframe {
  border: 0;
  padding: 0;
  margin: 0;
}

i {
  font-style: normal;
}

address,
caption,
cite,
cite,
code,
dfn,
em,
th,
var {
  font-weight: normal;
  font-style: normal;
}

ul,
ol,
li {
  list-style: none;
}

caption {
  text-align: left;
}

th {
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: 100%;
}

q:unknown {
  content: '';
}

button,
input,
select,
textarea {
  font-size: 100%;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.por {
  position: relative;
}

.poa {
  position: absolute;
}

input,
textarea,
select {
  font-family: inherit;
  font-size: 100%;
}

a:link {
  color: #333;
  text-decoration: none;
}

a:visited {
  color: #333;
  text-decoration: none;
  cursor: pointer;
}

a:hover {
  color: #a60004;
  text-decoration: none;
}

.ease,
.ease * {
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -ms-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transition: all ease 300ms;
}

.noease,
.noease * {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

textarea::-moz-placeholder {
  color: #999;
  opacity: 1;
  font-size: 16px;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #999;
  font-size: 16px;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999;
  font-size: 16px;
}

.fl,
.left {
  float: left;
}

.fr,
.right {
  float: right;
}

.tac {
  text-align: center;
}

.tar {
  text-align: right;
}

.icon {
  background-image: url("../images/icon.png");
  display: inline-block;
  background-size: 5rem auto;
  vertical-align: middle;
}

.clear {
  clear: both;
  font-size: 0;
  margin: 0;
  padding: 0;
  display: block;
  _height: 0;
  overflow: hidden;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.clearfix {
  *zoom: 1;
}

.hidden {
  display: none;
}

.delay100 {
  -webkit-animation-delay: 100ms;
  animation-delay: 100ms;
}

.delay200 {
  -webkit-animation-delay: 200ms;
  animation-delay: 200ms;
}

.delay300 {
  -webkit-animation-delay: 300ms;
  animation-delay: 300ms;
}

.delay400 {
  -webkit-animation-delay: 400ms;
  animation-delay: 400ms;
}

.delay500 {
  -webkit-animation-delay: 500ms;
  animation-delay: 500ms;
}

.delay600 {
  -webkit-animation-delay: 600ms;
  animation-delay: 600ms;
}

.delay700 {
  -webkit-animation-delay: 700ms;
  animation-delay: 700ms;
}

.delay800 {
  -webkit-animation-delay: 800ms;
  animation-delay: 800ms;
}

.delay900 {
  -webkit-animation-delay: 900ms;
  animation-delay: 900ms;
}

.delay1000 {
  -webkit-animation-delay: 1000ms;
  animation-delay: 1000ms;
}

.animated {
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.flyInLeft {
  -webkit-animation-name: flyInLeft;
  animation-name: flyInLeft;
}

@-webkit-keyframes flyInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@keyframes flyInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-80px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-80px);
    -moz-transform: translateY(-80px);
    -ms-transform: translateY(-80px);
    transform: translateY(-80px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(80px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(80px);
    -moz-transform: translateY(80px);
    -ms-transform: translateY(80px);
    transform: translateY(80px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.w1600 {
    width: 1600px;
    margin: 0 auto;
}
.w1400 {
  width: 1440px;
  margin: 0 auto;
}

@media (max-width: 1660px) {
    .w1600 {
        width:90%;
        margin: 0 auto;
    }
}

.dialog-layout {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 999;
  background: #000;
  opacity: 0.5;
}

/* Shadow */
.hvr-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}

.hvr-shadow:hover,
.hvr-shadow:focus,
.hvr-shadow:active {
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.8);
}

/* Reveal */
.hvr-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}

.hvr-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-color: #2098D1;
  border-style: solid;
  border-width: 0;
  -webkit-transition-property: border-width;
  transition-property: border-width;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-reveal:hover:before,
.hvr-reveal:focus:before,
.hvr-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  border-width: 4px;
}

.ab {
  width: 100%;
  height: 100%;
  display: block;
}

.ov {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.more {
  margin: 0 auto;
  border-radius: .23rem;
}

.more a {
  display: block;
  width: 160px;
  height: 47px;
  line-height: 47px;
  text-align: center;
  background: #be0c10;
  color: #fff2d9;
  font-size: 16px;
  border-radius: 23px;
}

.user_1_main .left .more a {
    background: linear-gradient(to right, #d59c58, #a06431);
    color: #fff2d9;
    margin-top: 0.375rem;
}.gongyi_main_2 .more {
    display: block;}
.gongyi_main_2 .more a{
    margin: 0 auto;
    background:#be0c10;
    color: #fff2d9;
    margin-top: 0.375rem;}
    .gongyi_main_2 .more:hover {
            transform: translateX(0px);
        }
.user_1_main .left .more a:hover{background: linear-gradient(to right, #ca0005, #880002);}
.about_2_main .body .right .more a{
        background: linear-gradient(to right, #d69c58, #a06431);
        color: #ffffff;
        border-radius: .2rem .02rem .2rem .02rem;
}
.more a i {
  margin-left: .3rem;
  width: .1rem;
  height: .16rem;
  background-position: -.27rem 0;
  margin-bottom: .01rem;
}

/********以上共用*****/
/*****header start*******/
.header {
    position: fixed;
    z-index: 100;
    width: 100%;
    left: 0;
    top: 0; background-color:#fff;
    height: 100px; border-radius:0 0 20px 20px;
    box-shadow: 1px 0px 2px rgba(26, 21, 17, 0.2);
    transition: ease-in-out .2s;
}

.header .logo {
  position: absolute;
  left: 37px;
  top: 9px;
  transition: ease-in-out .2s;
}

.header .logo a {
  width: 100%;
  display: block;
}

.header .logo img {
  height: 82px;
  display: block;
}

.header .search {
  position: absolute;
  right: 59px;
  top: 30px;
  transition: ease-in-out .2s;
  z-index: 100;
}

.header .search .search_btn {
  cursor: pointer;
  width: 40px;
  height: 40px;
  transition: ease-in-out .2s;
  border-radius: 100%;
}

.header .search .search_btn i {
  width: 40px;
  height: 40px;
  background-position: 0 -108px;
}

.header .search .search_btn:hover {
  transform: scale(1.1);
}

.header .nav_main {
  margin-top: 30px; text-align:center;
  transition: ease-in-out .2s;
}

.header .nav_main ul {
  display: inline-block;
  zoom: 1; position:relative;
}

.header .nav_main li {
  float: left;
  font-size: 18px;
  height: 80px;
  padding: 0 13px;
}

    .header .nav_main li .a {
        position: relative;
        width: 100%;
        height: 100%;
        display: block;
        color: #372b21;
        line-height: 40px;
        padding: 0 28px;
        border-radius: 20px;
        height: 40px;
    }

.header .nav_main li .a:before {
  width: 0;
  height: 0px;
  content: "\20";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0px;
  background: transparent;
}

.header .nav_main li .nav_menu {
  position: absolute;
  padding-left: 30px;
  padding-right: 30px;
  top: 69px;
  width: 100%;
  background: #f9e5c2 url(../images/nav.png) 50px bottom no-repeat;
  z-index: 10;
  left: 0;
  padding-top: 40px;
  padding-bottom: 30px;
  display: none;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05);
  border-radius: .06rem .26rem .06rem .26rem;
}

.header .nav_main li .nav_menu .hd {
  width: 40%;
  float: left;
}

.header .nav_main li .nav_menu .hd dd {
  margin-bottom: 10px;
  width: 49%;
  line-height: 40px;
  height: 40px;
  float: left;
  border-bottom: 1px solid #e2cba4;
  transition: ease-in-out .2s;
}

.header .nav_main li .nav_menu .hd dd:nth-child(2n) {
  margin-left: 2%;
}

.header .nav_main li .nav_menu .hd dd a {
  width: 100%;
  display: block;
  height: 100%;
  transition: ease-in-out .2s;
  color: #222;
  background: none;
  font-size: 14px;
}

.header .nav_main li .nav_menu .hd dd:hover {
  border-color: #a60004;
}

.header .nav_main li .nav_menu .hd dd:hover a {
  color: #a60004;
  font-weight: bold;
  transform: translateX(10px)
}

.header .nav_main li .nav_menu .hd dd.on a {
  border-left: 2px solid #a60004;
  color: #a60004;
  padding-left: 5px;
}

.header .nav_main li .nav_menu .bd {
  width: 58%;
  float: right;
  text-align: center;
}

.header .nav_main li .nav_menu .bd .con {
  border: 6px solid #e2a676;
  border-radius: .06rem .26rem .06rem .26rem;
  overflow: hidden;
}

.header .nav_main li .nav_menu .bd .con a {
  width: 100%;
  height: 100%;
  display: block;
  display: flex;
  align-items: center;
  text-align: center;
}

.header .nav_main li .nav_menu .bd .con a:before {
  display: none;
}

.header .nav_main li .nav_menu .bd .con img {
  display: block;
  margin: 0 auto;
  width: 100%;
  object-fit: cover;
}

.header .nav_main li.li3 .nav_menu .hd{ width: 100%;}
.header .nav_main li.li3 .nav_menu .bd{ width: 100%; display: none;}
.header .nav_main li.li3 .nav_menu .hd dd {width: 23%; margin-right: 2%;}
.header .nav_main li.li3 .nav_menu .hd dd:nth-child(2n) {
  margin-left: 0;
}
.header .nav_main li.li3 .nav_menu .hd dd:nth-child(4n) {
  margin-right: 0%;
}

.header .nav_main li.hover a,
.header .nav_main li:hover a {
  color: #a60004;
}


.header .shop {
  transition: ease-in-out .2s;
  position: absolute;
  right: 8%;
  top: 0;
  height: 100%;
}

.header .shop a {
  margin-left: 25px;
  display: flex;
  align-items: center;
  height: 100%;
  float: left;
  transition: ease-in-out .2s;
  position: relative;
}

.header .shop a img {
  height: 22px;
}

.header .shop .ul {
  margin-left: 25px;
  display: flex;
  align-items: center;
  height: 100%;
  float: left;
  position: relative;
}

.header .shop .ul ul {
  position: absolute;
  background: #00b1c7;
  left: -10%;
  top: 86px;
  line-height: 40px;
  text-align: center;
  width: 120%;
  display: none;
}

.header .shop .ul ul a {
  color: #fff;
  margin-left: 0;
  float: none;
  text-align: center;
  display: block;
}

.header .shop .ul ul a:hover {
  background: #0cc2d9;
  transform: translateY(0);
}

.header .shop .ul ul::after {
  position: absolute;
  left: 50%;
  top: -10px;
  margin-left: -5px;
  content: "";
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom: 5px solid #00b1c7;
}

.header .shop .ul:hover ul {
  display: block;
}

.header .shop a:hover {
  transform: translateY(-2px);
}

.header.a_hover {
  background: rgba(255, 255, 255, 0.95);
}

.header.a_hover .logo {
  top: 6px;
}

.header.a_hover .nav_main {
  margin-top: 30px;
}

.header.a_hover .nav_main li {
  height: 70px;
}

.header.a_hover .search {
  top: 30px;
}

.header.a_hover .nav_main li .a {

}

.header.a_hover .search .search_btn {
}

.header.a_hover .search .menu-btn {

}

.header.a_hover .nav_main li.hover a,
.header.a_hover .nav_main li:hover a {

}

/*****侧边导航*****/
.menu-btn {
  position: relative;
  z-index: 3;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  cursor: pointer;
  margin-left: 20px;
  transition: ease-in-out .2s;
}

.menu-btn:hover {
  transform: scale(1.1);
}

.menubtn span {
    display: block;
    width: 18px;
    height: 2px;
    background: #372b21;
    position: relative;
    vertical-align: middle;
    -webkit-transition-duration: .3s, .3s;
    -moz-transition-duration: .3s, .3s;
    -ms-transition-duration: .3s, .3s;
    -o-transition-duration: .3s, .3s;
    transition-duration: .3s, .3s;
    -webkit-transition-delay: .3s, 0s;
    -moz-transition-delay: .3s, 0s;
    -ms-transition-delay: .3s, 0s;
    -o-transition-delay: .3s, 0s;
    transition-delay: .3s, 0s;
}

    .menubtn span::after,
    .menubtn span::before {
        content: "";
        position: absolute;
        display: inline-block;
        width: 68%;
        height: 2px;
        left: 0;
        background-color: #372b21;
        -webkit-transition-duration: .3s, .3s;
        -moz-transition-duration: .3s, .3s;
        -ms-transition-duration: .3s, .3s;
        -o-transition-duration: .3s, .3s;
        transition-duration: .3s, .3s;
        -webkit-transition-delay: .3s, 0s;
        -moz-transition-delay: .3s, 0s;
        -ms-transition-delay: .3s, 0s;
        -o-transition-delay: .3s, 0s;
        transition-delay: .3s, 0s;
    }

.menubtn span::before {
  top: -6px;
  -webkit-transition-property: top, transform;
  -moz-transition-property: top, transform;
  -ms-transition-property: top, transform;
  -o-transition-property: top, transform;
  transition-property: top, transform;
}

.menubtn span::after {
  bottom: -6px;
  -webkit-transition-property: bottom, transform;
  -moz-transition-property: bottom, transform;
  -ms-transition-property: bottom, transform;
  -o-transition-property: bottom, transform;
  transition-property: bottom, transform;
}

.menubtn.active span {
  background-color: transparent;
  -webkit-transition-delay: 0s, 0s;
  -moz-transition-delay: 0s, 0s;
  -ms-transition-delay: 0s, 0s;
  -o-transition-delay: 0s, 0s;
  transition-delay: 0s, 0s;
}

.menubtn.active span::after,
.menubtn.active span::before {
  -webkit-transition-delay: 0s, .3s;
  -moz-transition-delay: 0s, .3s;
  -ms-transition-delay: 0s, .3s;
  -o-transition-delay: 0s, .3s;
  transition-delay: 0s, .3s;
}

    .menubtn.active span::before {
        background: #372b21;
        top: 0px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .menubtn.active span::after {
        background: #372b21;
        bottom: 0px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

.menu-flex {
  position: fixed;
  right: -100%;
  top: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  background: url(../images/menu_bg_main.jpg) no-repeat right bottom;
  background-size: cover;
  pointer-events: none;
  transition: ease-in-out .4s;
  z-index: 98;
}

.menu-flex.show {
  visibility: visible;
  pointer-events: visible;
  right: 0;
}

.menu-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
}

.menu-bg .bg {
  width: 40%;
  height: 100%;
  object-fit: cover;
  object-position: right;
}

.menu-bg .ico {
  position: absolute;
  left: 37px;
  top: 38px;
}

.menu-flex.show .menu-bg {
  opacity: 1;
  visibility: visible;
}

.menu-right {
  position: absolute;
  right: -51%;
  top: 0;
  width: 51%;
  height: 100%;
  transition: .6s cubic-bezier(0.77, 0, 0.175, 1);
  display: flex;
  align-items: center;
}

.menu-right dd {
  float: left;
  margin-right: 10px;
  margin-top: 30px;
  position: relative;
  z-index: 10;
  border-radius: 100%;
  border: 1px solid #a60004;
}

.menu-right dd span {
  width: 40px;
  height: 40px;
  display: block;
  background: url(../images/icon.png) no-repeat;
  background-position: 0 -446px;
}

.menu-right dd:hover {
  background: #a60004;
}

.menu-right dd:hover span {
  background-position: 0 -406px;
}

.menu-right dd:nth-child(2) span {
  background-position: -40px -446px;
}

.menu-right dd:nth-child(2):hover span {
  background-position: -40px -406px;
}

.menu-right dd:nth-child(3) span {
  background-position: -80px -446px;
}

.menu-right dd:nth-child(3):hover span {
  background-position: -80px -406px;
}

.menu-right dd:nth-child(4) span {
  background-position: -120px -446px;
}

.menu-right dd:nth-child(4):hover span {
  background-position: -120px -406px;
}

.menu-right dd:nth-child(5) span {
  background-position: -160px -446px;
}

.menu-right dd:nth-child(5):hover span {
  background-position: -160px -406px;
}

.menu-right dd:nth-child(6) span {
  background-position: 0 -326px;
}


.menu-right dd:nth-child(6):hover span {
  background-position: 0 -286px;
}

.menu-right dd:nth-child(7) span {
  background-position: -40px -326px;
}


.menu-right dd:nth-child(7):hover span {
  background-position: -40px -286px;
}


.menu-right dd img {
  width: 140px;
  height: 140px;
  position: absolute;
  padding: 6px;
  background: #fff;
  border-radius: 5px;
  object-fit: cover;
  top: -160px;
  left: 0;
  display: none;
  border: 1px solid #dbb37d;
}

.menu-right dd b {
  display: block;
  position: absolute;
  left: 14px;
  top: -22px;
  width: 12px;
  height: 11px;
  background: url(../images/icon.png) no-repeat;
  background-position: 0 -387px;
  display: none;
}

.menu-right dd:hover b {
  display: block;
}

.menu-right dd:hover img {
  display: block;
}

.menu-flex.show .menu-right {
  right: 0;
}

.menu_main {
  position: relative;
  width: 100%;
  margin-top: 30px;
}

.menu-list {
  width: 33%;
}

.menu-list .two {
  position: absolute;
  left: 38%;
  top: 0;
  width: 30%;
  display: none;
  height: 100%; 
/* height: 410px;
  overflow-x: hidden;*/
}

.menu-list .item2{}
.menu-list .item2.active .two{width: 60%;display: flex;flex-wrap: wrap;justify-content: space-evenly;}
.menu-list .item2.active .two_li {
    width: 40%;
    display: inline-block;
    height: 40px;
        }
.menu-list .item2.active .two_li a {font-size: 22px;}

.menu-list .item2.active .two{height: 410px;
    overflow-x: hidden;}
 
.menu-list .item2.active .two::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
.menu-list .item2.active .two::-webkit-scrollbar-thumb {
    width: 15px;
    border-radius: 15px;
    background: #d4975c;
}

.menu-list .item2.active .two::-webkit-scrollbar-track {
    border-radius: 0;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
    background: #f5f5f5; } 
.menu-list .two .two_li a {
            font-size: 24px;
            line-height: 60px;     }   
.menu-list .two .two_li .three {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
  width: 100%;
  height: 100%;
}

.menu-list .two .two_li .three a {
  font-size: 20px;
  display: block;
  width: 100%;
}

.menu-list>li {
  width: 80%;
  z-index: 3;
  height: 110px;
}

.menu-list>li>a {
  display: block;
  position: relative;
  z-index: 2;
  color: #3b1e19;
  font-size: 30px;
  height: 59px;
  line-height: 59px;
  transition: ease-in-out .2s;
}

.menu-list>li>a::before {
  position: absolute;
  left: 0;
  bottom: -17px;
  content: "";
  width: 0;
  height: 3px;
  background: #ae0004;
  transition: 0.38s;
  z-index: -1;
}

.menu-list>li:hover>a,
.menu-list>li.active>a {
  color: #ae0004;
  font-size: 50px;
  font-weight: bold;
}

.menu-list>li:hover>a::before,
.menu-list>li.active>a::before {
  width: 119px;
}

.menu-list>li:hover .two,
.menu-list li.active .two {
  display: block;
}

.menu-list>li .two .two_li:hover>a,
.menu-list>li .two .two_li.hover>a {
  color: #a60004;
  position: relative;
}

.menu-list>li .two .two_li:hover>a::before,
.menu-list>li .two .two_li.hover>a::before {
  width: 21px;
  height: 14px;
  position: absolute;
  left: -31px;
  top: 50%;
  margin-top: -7px;
  background: url(../images/menu_ico2.png) no-repeat;
  content: "";
}

.menu-list>li:hover .two .two_li:hover .three,
.menu-list li.active .two .two_li.hover .three {
  display: block;
}

.menu-leval {
  display: none;
}

.menu-leval li {
  position: relative;
  border-top: 1px solid #ebebeb;
}

.menu-leval li:first-child {
  border-top: none;
}

.menu-leval li a {
  display: block;
  position: relative;
  padding-left: 59px;
  height: 59px;
  line-height: 59px;
  color: #666666;
  font-size: 16px;
}

.menu-leval li a i {
  display: block;
  position: absolute;
  right: 36px;
  top: 50%;
  margin-top: -7px;
  font-size: 15px;
  line-height: 1;
  font-style: bold;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-10px);
  transition: 0.38s;
}

.menu-leval li a:hover {
  color: #333333;
}

.menubtn.active span::after,
.menubtn.active span::before {
  width: 100%;
}

/*****侧边导航end*****/
/***搜索弹窗****/
.modal {
  display: none;
  /* é»˜è®¤éšè— */
  position: fixed;
  /* æ ¹æ®æµè§ˆå™¨å®šä½ */
  z-index: 666;
  /* æ”¾åœ¨é¡¶éƒ¨ */
  left: 0;
  top: 0;
  width: 100%;
  /* å…¨å®½ */
  height: 100%;
  /* å…¨é«˜ */
  overflow: auto;
  /* å…è®¸æ»šåŠ¨ */
  background-color: rgba(0, 0, 0, 0.4);
  /* èƒŒæ™¯è‰² */
}

.modal-content {
  display: flex;
  /*é‡‡ç”¨flexboxå¸ƒå±€*/
  flex-direction: column;
  /*åž‚ç›´æŽ’åˆ—*/
  position: relative;
  background-color: #fefefe;
  margin: 15% auto;
  /*è·é¡¶éƒ¨15% æ°´å¹³å±…ä¸­*/
  padding: .2rem;
  border: 1px solid #888;
  width: 620px;
  animation: topDown 0.4s;
  /*è‡ªå®šä¹‰åŠ¨ç”»ï¼Œä»Žæ¨¡æ€æ¡†å†…å®¹ä¸Šåˆ°ä¸‹å‡ºçŽ°*/
}

@keyframes topDown {
  from {
    top: -300px;
    opacity: 0;
  }

  to {
    top: 0;
    opacity: 1;
  }
}

.modal-header {
  display: block;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  text-align: right;
}

.close {
  float: right;
  color: #aaa;
  font-size: 28px;
  font-weight: bold;
  transition: all ease 0.36s;
  display: block;
  width: .32rem;
  height: .32rem;
  background: url("../images/closeModal.png") no-repeat center center;
  background-size: cover;
}

.close:hover {
  color: black;
  text-decoration: none;
  cursor: pointer;
  transform: rotate(360deg);
  transition: all ease 0.36s;
}

.modal-body {
  padding-top: .2rem;
  padding-bottom: .3rem;
  margin-top: .1rem;
}

.modal-body .stxt {
  float: left;
  width: 80%;
  height: 48px;
  border: #CCC solid 1px;
  padding-left: .3rem;
  outline: none;
  color: #999;
  font-size: 16px;
}

.modal-body .sbtn {
  width: 20%;
  height: 48px;
  background: url("../images/search_btn.png") no-repeat center center #a60004;
  border: none;
  cursor: pointer;
}

/******弹窗end*****/
@media (max-width: 1550px) {

  .menu-list>li:hover>a,
  .menu-list>li.active>a {
    font-size: 40px;
  }

  .menu-list>li {
    height: 95px;
  }

  .menu-list>li>a::before {
    bottom: -14px;
  }
}

@media (max-width: 1440px) {
  .menu-right {
    width: 68%;
    right: -68%;
  }

  .menu-bg .bg {
    width: 25%;
  }

  .header .nav_main li .nav_menu .hd dd a {
    font-size: 12px;
  }

  .menu-list .two .two_li a {
    font-size: 22px;
    line-height: 50px;
  }
}

@media (max-width: 1350px) {
  .header .search {
    right: 15px;
  }


  .header .nav_main li {
    padding: 0 4px;
  }

  .header .logo {
    left: 15px;
  }

  .menu-btn {
    margin-left: 10px;
  }
}

/*****header end*******/
.header_m {
  height: 1rem;
  border-bottom: 1px solid #ddd;
  width: 100%;
  z-index: 100;
  position: fixed;
  display: none;
  background: #fff;
}

.header_m .logo {
  position: absolute;
  left: .3rem;
}

.header_m .logo a {
  display: inline-block;
  text-align: center;
}

.header_m .logo img {
  height: .8rem;
  display: block;
  padding-top: .1rem;
  box-sizing: content-box;
  margin: 0 auto;
}

.header_m .menu-btn {
  width: .6rem;
  height: .6rem;
  right: .3rem;
  margin-left: 0;
  background: #f5f5f5;
  top: .2rem;
  position: absolute;
  float: none;
}

.header_m .menu-btn .menubtn span {
  width: .2rem;
  height: .025rem;
}

.header_m .menu-btn .menubtn span::after,
.header_m .menu-btn .menubtn span::before {
  height: .025rem;
}

.header_m .menu-btn .menubtn span::before {
  top: -.06rem;
}

.header_m .menu-btn .menubtn span::after {
  bottom: -.06rem;
}

.header_m .menu-btn .menubtn.active span::before {
  top: 0;
}

.header_m .menu-btn .menubtn.active span::after {
  bottom: 0;
}

.header_m .menu-btn:hover {
  transform: scale(1);
}

.header_m .shop {
  transition: ease-in-out .2s;
  position: absolute;
  right: 1.2rem;
  top: 0;
  height: 100%;
}

.header_m .shop a {
  display: flex;
  align-items: center;
  height: .6rem;
  position: relative;
  background: #f5f5f5;
  width: .6rem;
  margin-top: .2rem;
  border-radius: 100%;
}

.header_m .shop a i {
  background-position: 0 -1.08rem;
  width: .4rem;
  height: .4rem;
  margin-top: .1rem;
  margin: 0 auto;
}

.header_m .shop.on a i {
  background-position: -.55rem -1.1rem;
}

.header_m_height {
  height: 1rem;
  display: none;
}

/*手机站下拉subNav*/
.subNav {
  position: fixed;
  width: 100%;
  margin: 0 auto;
  height: 100vh;
  top: 1rem;
  right: -100%;
  bottom: 0;
  z-index: 9999;
  display: block;
  transition: ease-in-out .2s;
}

.subNav .subNavCon {
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: #fff;
}

.subNav .close {
  width: .25rem;
  display: block;
  position: absolute;
  right: .25rem;
  top: .25rem;
  margin: 0 auto;
}

.subNav .close img {
  width: 100%;
}

.subNav ul {
  width: 100%;
  padding: 0px 0 .5rem;
  overflow-y: auto;
  height: 100%;
}

.subNav li {
  width: 100%;
  display: block;
  line-height: .9rem;
  padding: 0 .3rem;
  position: relative;
  border-bottom: 1px solid #ddd;
}

.subNav li a {
  display: block;
  color: #333;
  font-size: .3rem;
  width: 80%;
  font-weight: bold;
}

.subNav li s {
  width: .4rem;
  height: .4rem;
  display: block;
  text-align: center;
  color: #333;
  background: url(../images/header_ico1.png) no-repeat;
  background-size: 100% 100%;
  margin-top: .25rem;
  margin-right: 0;
}

.subNav li .box {
  display: none;
  padding: 0 .2rem .2rem;
}

.subNav li .box a {
  border-color: #f9f9f9;
  height: .8rem;
  line-height: .8rem;
  width: 100%;
  color: #666 !important;
  font-size: .26rem;
  float: left;
  font-weight: 400;
  border-bottom: 1px dashed #ddd;
}

.subNav li.on>a {
  color: #a60004;
}

.subNav li.on s {
  background: url(../images/header_ico2.png) no-repeat;
  background-size: 100% 100%;
}

.subNav li .box a:last-child {
  border-bottom: 0;
}

.subNavShow {
  right: 0;
}

/*tsearch*/
.tsearch {
  width: 100%;
  height: 1rem;
  padding: 0.2rem 3%;
  position: fixed;
  left: 0;
  top: 1rem;
  z-index: 1122;
  background: #f7f6f6;
  border-top: 1px solid #d3d3d3;
  display: none;
}

.tsearch .txt {
  width: 75%;
  color: #000;
  text-indent: 0.2rem;
  color: #666;
  font-size: 0.22rem;
  height: 0.6rem;
  background: #fff;
  border: 1px solid #bbb;
  position: absolute;
  left: 2%;
  top: 0.2rem;
  outline: none;
}

.tsearch .btn {
  color: #fff;
  font-size: 0.22rem;
  width: 20%;
  height: 0.6rem;
  line-height: 0.6rem;
  text-align: center;
  border: 0;
  background: #a60004;
  position: absolute;
  right: 3%;
  top: 0.2rem;
}

.tsearch.bsearch {
  display: block;
  position: relative;
  z-index: 10;
  margin: 0.3rem auto;
  background: none;
  border-top: 0;
  top: 0;
}

.tsearch.bsearch .txt {
  height: 0.76rem;
}

.tsearch.bsearch .btn {
  height: 0.76rem;
  line-height: 0.76rem;
}

.tsearch.bsearch:before {
  top: 0.36rem;
}

/***导航结束   end ****/
/*banner*/
.banner_main {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.banner_main .banner {
  width: 100%;
  min-width: 1000px;
  padding: 0 0 36.979%;
  z-index: 20;
  position: relative;
  overflow: hidden;
  *zoom: 1;
}

.banner_main .banner .tip {
  position: absolute;
  left: 50%;
  width: 1400px;
  margin-left: -700px;
  text-align: center;
  bottom: 5%;
  z-index: 10;
}

.banner_main .banner .tip span {
  margin: 0 8px;
  width: 12px;
  height: 12px;
  background: #fff;
  opacity: 0.9;
  border-radius: 100%;
  text-align: center;
  cursor: pointer;
  font-size: 0;
  font-weight: bold;
  overflow: hidden;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}

.banner_main .banner .tip span.cur {
  opacity: 1;
  background: #a60004;
}

.banner_main .banner .prev,
.banner_main .banner .next {
  width: 50px;
  height: 50px;
  position: absolute;
  left: 5%;
  background-position: 0 -46px;
  z-index: 10;
  top: 50%;
  margin-top: -25px;
  cursor: pointer;
  transition: ease-in-out 0.2s;
  opacity: 1;
  filter: alpha(opacity=70);
  animation: toleft 3s infinite linear;
}

.banner_main .banner .next {
  animation: toright2 3s infinite linear;
  left: auto;
  right: 5%;
  background-position: -0px -96px;
}

.banner .next:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateX(5px);
}

.banner .prev:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateX(-5px);
}

.banner_main .banner .list {
  width: 100%;
}

.banner_main .banner li {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  overflow: hidden;
  background: #fff;
}

.banner_main .banner li img {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  left: 0;
  object-fit: cover;
  top: 0;
}

/**手机站banner*****/
.banner_m2 {
  display: none;
  position: relative;
  z-index: 1;
}

.banner_m2 video,
.banner_m2 img {
  width: 100%;
  object-fit: cover;
  position: relative;
  z-index: 1;
}

.banner_m {
  overflow: hidden;
  display: none;
}

.banner_m img {
  width: 100%;
  object-fit: cover;
}

.banner_m .swiper-pagination-bullet {
  background: #fff;
  opacity: .8;
  box-shadow: .05rem .05rem .05rem rgba(0, 0, 0, 0.1);
}

.banner_m .swiper-pagination-bullet-active {
  background: #a60004;
}

.banner_m .swiper-container-horizontal>.swiper-pagination-bullets,
.banner_m .swiper-pagination-custom,
.banner_m .swiper-pagination-fraction {
  bottom: .3rem;
}

.bottom_main { padding-top: 0px; padding-bottom: 60px;}
.bottom_main .bottom_logo { background: url(../images/p3_03.png) center center no-repeat; width:433px; height:259px; margin:0 auto; 
      position:relative;}
.bottom_main .bottom_logo a{ display:block; position:absolute; bottom:0; margin:0 auto; left:0; width:100%;}
.bottom_main .bottom_logo a img{ display:block; margin:0 auto; height:94px;}
.bottom_main .bottom_nav { padding-top:6%; width:100%; text-align:center;}
.bottom_main dl { display:inline-block; padding:0 70px;}
.bottom_main dl dt { font-size: 18px; position:relative;}
.bottom_main dl dt a { color: #3b1e19; }
.bottom_main dl dd { font-size: 14px; line-height: 30px;}
.bottom_main dl dd a { color: #83593b;}
.bottom_main dl a:hover { color: #a60004;}
    .bottom_main dl dt i {
        width: 110px;
        height: 1px;
        background-color: #dfd4bf;
        position: absolute;
        right: -126px;
        top: 12px;
    }
.bottom_main dl:last-child dt i{display:none;}

@media (max-width: 1660px) {
    .bottom_main dl {
        padding: 0 50px;
    }
            .bottom_main dl dt i {
                width: 80px;
                right: -93px;
            }
}
@media (max-width: 1560px) {
    .bottom_main dl {
        padding: 0 40px;
    }
        .bottom_main dl dt i {
            width: 56px;
            right: -72px;
        }
}


.bottom_main .tel {
 margin-top:3%; display:inline-block; position:relative; width:100%;
}

.bottom_main .tel .left p {
  color: #910001;
}

.bottom_main .tel .left h3 {
  font-size: 30px;
  color: #910001;
}

.bottom_main .tel .right dd {
  float: left;
  margin-left: 10px;
  margin-top: 8px;
  position: relative;
  z-index: 10;
  border-radius: 100%;
  border: 1px solid #a60004;
}

.bottom_main .tel .right dd span {
  width: 40px;
  height: 40px;
  display: block;
  background: url(../images/icon.png) no-repeat;
  background-position: 0 -446px;
}

.bottom_main .tel .right dd:hover span {
  background-position: 0 -406px;
}

.bottom_main .tel .right dd:nth-child(2) span {
  background-position: -40px -446px;
}

.bottom_main .tel .right dd:nth-child(2):hover span {
  background-position: -40px -406px;
}

.bottom_main .tel .right dd:nth-child(3) span {
  background-position: -80px -446px;
}

.bottom_main .tel .right dd:nth-child(3):hover span {
  background-position: -80px -406px;
}

.bottom_main .tel .right dd:nth-child(4) span {
  background-position: -120px -446px;
}

.bottom_main .tel .right dd:nth-child(4):hover span {
  background-position: -120px -406px;
}

.bottom_main .tel .right dd:nth-child(5) span {
  background-position: -160px -446px;
}

.bottom_main .tel .right dd:nth-child(5):hover span {
  background-position: -160px -406px;
}

.bottom_main .tel .right dd:nth-child(6) span {
  background-position: 0 -326px;
}

.bottom_main .tel .right dd:nth-child(6):hover span {
  background-position: 0 -286px;
}

.bottom_main .tel .right dd:nth-child(7) span {
  background-position: -40px -326px;
}

.bottom_main .tel .right dd:nth-child(7):hover span {
  background-position: -40px -286px;
}

.bottom_main .tel .right dd img {
  width: 140px;
  height: 140px;
  position: absolute;
  padding: 6px;
  background: #fff;
  border-radius: 5px;
  object-fit: cover;
  top: -160px;
  right: 0;
  display: none;
  border: 1px solid #dbb37d;
}

.bottom_main .tel .right dd b {
  display: block;
  position: absolute;
  left: 14px;
  top: -22px;
  width: 12px;
  height: 11px;
  background: url(../images/icon.png) no-repeat;
  background-position: 0 -387px;
  display: none;
}

.bottom_main .tel .right dd:hover {
  background: #a60004;
}

.bottom_main .tel .right dd:hover b {
  display: block;
}

.bottom_main .tel .right dd:hover img {
  display: block;
}


/*手机站下拉subNav*/
.bottom_main_m {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0 1%;
  display: none;
  overflow: hidden;
}

.bottom_main_m img {
  padding-left: .3rem;
  padding-top: .5rem;
}

.bottom_main_m .tel {
  padding: 0 .3rem;
}

.bottom_main_m .tel p {
  color: #910001;
  font-size: .26rem;
}

.bottom_main_m .tel h3 {
  font-size: .4rem;
  color: #910001;
}

.bottom_main_m dl {
  padding: 0 .3rem .5rem;
}

.bottom_main_m dd {
  float: left;
  margin-right: .2rem;
  width: .6rem;
  height: .6rem;
  margin-top: .3rem;
  position: relative;
  z-index: 10;
  border-radius: 100%;
  border: 1px solid #a60004;
}

.bottom_main_m dd span {
  width: .4rem;
  height: .4rem;
  display: block;
  margin: 0 auto;
  display: block;
  margin-top: .1rem;
  background: url(../images/icon.png) no-repeat;
  background-position: 0 -4.46rem;
  background-size: 5rem 5rem;
}

.bottom_main_m dd:hover span {
  background-position: 0 -4.06rem;
}

.bottom_main_m dd:nth-child(2) span {
  background-position: -.4rem -4.46rem;
}

.bottom_main_m dd:nth-child(2):hover span {
  background-position: -.4rem -4.06rem;
}

.bottom_main_m dd:nth-child(3) span {
  background-position: -.8rem -4.46rem;
}

.bottom_main_m dd:nth-child(3):hover span {
  background-position: -.8rem -4.06rem;
}

.bottom_main_m dd:nth-child(4) span {
  background-position: -1.2rem -4.46rem;
}

.bottom_main_m dd:nth-child(4):hover span {
  background-position: -1.2rem -4.06rem;
}

.bottom_main_m dd:nth-child(5) span {
  background-position: -1.6rem -4.46rem;
}

.bottom_main_m dd:nth-child(5):hover span {
  background-position: -1.6rem -4.06rem;
}

.bottom_main_m dd:nth-child(6) span {
  background-position: 0 -3.26rem;
}


.bottom_main_m dd:nth-child(6):hover span {
  background-position: 0 -2.86rem;
}

.bottom_main_m dd:nth-child(7) span {
  background-position: -.4rem -3.26rem;
}


.bottom_main_m dd:nth-child(7):hover span {
  background-position: -.4rem -2.86rem;
}

.bottom_main_m dd img {
  width: 1.4rem;
  height: 1.4rem;
  position: absolute;
  padding: .06rem;
  background: #fff;
  border-radius: .05rem;
  object-fit: cover;
  top: -1.6rem;
  left: 0;
  display: none;
  border: 1px solid #dbb37d;
}

.bottom_main_m dd b {
  display: block;
  position: absolute;
  left: .14rem;
  top: -.22rem;
  width: .12rem;
  height: .13rem;
  background: url(../images/icon.png) no-repeat;
  background-size: 5rem 5rem;
  background-position: 0 -3.86rem;
  display: none;
}

.bottom_main_m dd:hover {
  background: #a60004;
}

.bottom_main_m dd:hover b {
  display: block;
}

.bottom_main_m dd:hover img {
  display: block;
}

.bottom_main_m ul {
  width: 100%;
  padding: .2rem 0 .5rem;
  overflow-y: auto;
  height: 100%;
}

.bottom_main_m li {
  display: block;
  line-height: .9rem;
  margin: 0 .3rem;
  position: relative;
  border-bottom: 1px solid #d1bfa2;
}

.bottom_main_m li a {
  display: block;
  color: #a60004;
  font-size: .33rem;
  width: 80%;
}

.bottom_main_m li s {
  width: .4rem;
  height: .4rem;
  display: block;
  text-align: center;
  color: #333;
  background: url(../images/bottom_ico.png) no-repeat;
  background-size: 100% 100%;
  margin-top: .25rem;
  margin-right: 0;
}

.bottom_main_m li .box {
  display: none;
  padding: 0 .2rem .2rem;
}

.bottom_main_m li .box a {
  border-color: #585858;
  height: .8rem;
  line-height: .8rem;
  width: 100%;
  color: #83593b !important;
  font-size: .26rem;
  float: left;
  font-weight: 400;
  border-bottom: 1px solid #d1bfa2;
}

.bottom_main_m li.on>a {
  color: #a60004;
}

.bottom_main_m li.on s {
  background: url(../images/header_2.png) no-repeat;
  background-size: 100% 100%;
}

.bottom_main_m li .box a:last-child {
  border-bottom: 0;
}

.bottom_copy {
    color: #330000; width:100%; text-align:center; line-height:26px;
    position: absolute;
    top: 0%;
    left: 0%;
}

    .bottom_copy a {
        color: #330000;
    }

.bottom_copy a:hover {
  text-decoration: underline;
}

.bottom_copy_m {
  color: #fdfbf5;
  background: #910001;
  padding: .4rem 2%;
  text-align: center;
  display: none;
  font-size: .24rem;
  overflow: hidden;
}

.bottom_copy_m a {
  color: #fdfbf5;
}

.bottom_copy_m a:hover {
  text-decoration: underline;
}

.banner {
  overflow: hidden;
}
.banner.pc{ display: none;}
.banner video {
  width: 100%;
  height: auto;
  background: #000;
  object-fit: cover;
  object-position: center center;
  background-size: cover;
  display: block;
}
.banner_index{ width: 100%; height: 100vh; position: relative; overflow: hidden;}
.banner_index .swiper-container{ width: 100%; position: relative; height: 100%;}
.banner_index .swiper-container .swiper-slide{ display: block; width: 100%; position: relative;height: 100%;}
.banner_index .swiper-container .swiper-slide a{ display: block;width: 100%; position: relative;height: 100%;}
.banner_index .swiper-container .swiper-slide .cut3video{ width: 100%; display: block;}
.banner_index .swiper-container .swiper-pagination{ bottom: 5%;}
.banner_index .swiper-container .swiper-pagination .swiper-pagination-bullet{ width: 10px; height: 10px; border-radius: 30px;}
.banner_index .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 26px; background-color: #a60004;}

.banner_mobile{ display: none; width: 100%; position: relative; overflow: hidden;}
.banner_mobile .swiper-container{ width: 100%; position: relative;}
.banner_mobile .swiper-container .swiper-slide{ display: block; width: 100%; position: relative;}
.banner_mobile .swiper-container .swiper-slide a{ display: block;width: 100%; position: relative;}
.banner_mobile .swiper-container .swiper-slide a img{ width: 100%; display: block;}
.banner_mobile .swiper-container .swiper-pagination{ bottom: 5%;}
.banner_mobile .swiper-container .swiper-pagination .swiper-pagination-bullet{ width: 10px; height: 10px; border-radius: 30px;}
.banner_mobile .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 26px; background-color: #a60004;}




@media (max-width: 1170px) {
  .banner_index { display: none !important;}
  .banner_mobile{ display: block !important;}
}

.index_title {
  text-align: center;
  padding-bottom: 56px;
}
.index_title h2 {
  font-size: 56px;
  color: #a06430;
  font-weight: bold;}
    .index_title h3 {
        font-size: 56px;
        color: #a06430;
        font-weight: bold;
        padding-bottom: 46px;
        background: url(../images/p5_03.png) center bottom no-repeat;
    }
.index_title sup{ font-size: 0.12rem;
  line-height: 0.2rem;
  vertical-align: 0.34rem;}
.index_title h3 span,
.index_title h3 i {
  color: #a41f24;
}

.index_title p {
  font-size: 16px;
  line-height: 26px;
  color: #ffeda5;
  padding-top: 20px;
  width: 57%;
  margin: 0 auto;
}
@media (max-width: 1170px) {
  .index_title sup{
    vertical-align: 0.24rem;
  }
}
/*******floor_1_main******/
.floor_1_main { position: relative; overflow: hidden; padding-top: .75rem; overflow: hidden;}
.floor_1_main .index_title { padding-bottom: 46px;}
.floor_1_main .floor_1_1{ background: url(../images/p15_03.png) bottom center no-repeat; width: 100%; position: relative; padding-bottom: 26px; background-size: cover;}
.floor_1_main .swiper-container { overflow: hidden; position: relative;}
.floor_1_main .swiper-container .swiper-slide { display: block; width: 100%; position: relative; transition: ease-in-out .2s; margin-top: 0.1rem;}
.floor_1_main .swiper-container .swiper-slide a{ display: flex; justify-content: space-between; position: relative; width:99.8%;
border-radius:0.1rem 0.5rem 0.1rem 0.5rem; overflow: hidden; border: #a06430 solid 1px;}
.floor_1_main .swiper-container .swiper-slide .img { width: 68.8%; position: relative;border-right: #a06430 solid 1px;}
.floor_1_main .swiper-container .swiper-slide .img img { width:100%; display: block;}
.floor_1_main .swiper-container .swiper-slide .w { width: 31.2%; position: relative; background: url(../images/p14_03.jpg) bottom center no-repeat; background-size: cover; align-items: center; justify-content: center;display: flex;}
.floor_1_main .swiper-container .swiper-slide .w .wl{ display: block; width: 60%; text-align: center;}
.floor_1_main .swiper-container .swiper-slide .w h3 { font-size: .4rem; color: #a60004; transition: ease-in-out .2s;}
.floor_1_main .swiper-container .swiper-slide .w s{ display: block; width: 1.64rem; height: 0.02rem; background: url(../images/p16_03.png) center center no-repeat; background-size: cover; margin: 0.34rem auto;}
.floor_1_main .swiper-container .swiper-slide .w .p { font-size: .18rem; color: #a06430; line-height: 0.3rem; padding-top: 0.14rem; height: 1.14rem;}
.floor_1_main .swiper-container .swiper-slide:hover { margin-top: 0.05rem;}
.floor_1_main .swiper-container .swiper-slide .w .xq{ width: 2.4rem; height: 0.6rem;background: linear-gradient(to right, #d69c58, #9f6330); text-align: center; line-height: 0.6rem; margin: 0.26rem auto 0; border-radius: 0.25rem 0.05rem 0.25rem 0.05rem;}
.floor_1_main .swiper-container .swiper-slide .w .xq:hover{background: linear-gradient(to right, #db7578, #a60004);}
.floor_1_main .swiper-container .swiper-slide .w .xq p{ display: inline-block;}
.floor_1_main .swiper-container .swiper-slide .w .xq p span{ display: block; float: left; font-size: 0.2rem; color: #fff;}
.floor_1_main .swiper-container .swiper-slide .w .xq p i{ float: left; display: block; width:0.13rem; height:0.21rem; background-position: 0 -2.17rem; margin-left: 0.4rem; margin-top: 0.2rem;}

.floor_1_main .swiper-container .swiper-prev{ display: block; width: 19px; height: 33px; background-position: 0px -166px; position: absolute; right: 28%; top: 50%; margin-top: -16.5px; cursor: pointer; z-index: 5;}
.floor_1_main .swiper-container .swiper-next{ display: block; width: 19px; height: 33px; background-position:-24px -166px; position: absolute; right:2%; top: 50%; margin-top: -16.5px; cursor: pointer; z-index: 5;}
.floor_1_main .swiper-container .swiper-prev:hover,.floor_1_main .swiper-container .swiper-next:hover{ opacity: 0.8;}
.floor_1_m { display: none;}

.floor_1_main .swiper-container .swiper-pagination{ display: none;}
.floor_1_main .swiper-container .swiper-pagination-bullet-active { background: #a60004;}
@media (max-width: 1660px) {
	.floor_1_main .swiper-container .swiper-slide .w h3 { font-size: .34rem;}
	.floor_1_main .swiper-container .swiper-slide .w .p { font-size: .16rem; line-height: 0.26rem; }
	.floor_1_main .swiper-container .swiper-slide .w .xq{ width: 2rem; height: 0.5rem;line-height: 0.5rem; margin: 0.2rem auto 0;}
	.floor_1_main .swiper-container .swiper-slide .w .xq p span{ font-size: 0.18rem;}
	.floor_1_main .swiper-container .swiper-slide .w .xq p i{ margin-left: 0.3rem; margin-top: 0.14rem;}
	}

@media (max-width: 1200px) {
	.floor_1_main .floor_1_1 { padding-bottom: 0.16rem; background-size: 100%;}
  .floor_1_main .w1400 { width: 100% !important; margin: 0 !important;}
  .floor_1_main .swiper-container .swiper-slide a{ display: block;}
  .floor_1_main .swiper-container .swiper-slide .img { width:100%;}
.floor_1_main .swiper-container .swiper-slide .w{ width: 100%; padding: 10% 0;}
.floor_1_main .swiper-container .swiper-slide .w .wl{ width: 70%;}
	.floor_1_main .swiper-container .swiper-slide .w h3 { font-size: .4rem; }
	.floor_1_main .swiper-container .swiper-slide .w .p { font-size: .26rem;line-height: 0.42rem; height: 1.32rem;}
	.floor_1_main .swiper-container .swiper-slide .w .xq{ width: 2.4rem; height: 0.6rem; line-height: 0.6rem; margin: 0.26rem auto 0;}
	.floor_1_main .swiper-container .swiper-slide .w .xq p span{ display: block; float: left; font-size: 0.24rem; color: #fff;}
	.floor_1_main .swiper-container .swiper-slide .w .xq p i{ margin-left: 0.4rem; margin-top: 0.2rem;}
  .floor_1_main .swiper-container .swiper-next,
  .floor_1_main .swiper-container .swiper-prev { display: none;}
  .floor_1_main .swiper-container .swiper-pagination{ display: block;}
}

/********floor_1_main end*******/
/*******floor_2_main******/
.floor_2_main {
  overflow: hidden;
  padding-top: .75rem;
  padding-bottom: .5rem;
}

.floor_2_main .floor_2_1{ width: 100%; position: relative; overflow: hidden;}
.floor_2_main .floor_2_1 .swiper-wrapper{ padding-bottom: 0.6rem;}
.floor_2_main .floor_2_1 .swiper-slide{position: relative; text-align: center;
  background: linear-gradient(to bottom, rgba(244, 228, 207, 1),transparent); border-radius: .1rem;
  transition: ease-in-out .2s;
}
.floor_2_main .floor_2_1 .swiper-slide .txt { padding:8%;display: block;}
.floor_2_main .floor_2_1 .swiper-slide .txt h3 { font-size: .34rem; color: #a06430; padding-top: .25rem; font-weight: bold;}
.floor_2_main .floor_2_1 .swiper-slide .txt h3 i {font-size: 12px;vertical-align: top;line-height: .3rem;}

.floor_2_main .floor_2_1 .swiper-slide .txt p { font-size: 16px; color: #2f1e1b; height: 2rem; line-height: 30px;
  padding-top: .3rem; text-align: left;}
.floor_2_main .floor_2_1 .swiper-slide .txt p span {font-size: 12px;color: #bf8b63;display: block; padding-top: 6px;}
.floor_2_main .floor_2_1 .swiper-slide .txt p i {font-size: 12px;vertical-align: super;}
.floor_2_main .floor_2_1 .swiper-slide .img {  width: 100%; position: relative; background-size: cover;}
.floor_2_main .floor_2_1 .swiper-slide .img img{ display: block; width: 100%;}
.floor_2_main li:hover {
  box-shadow: .05rem .05rem .05rem rgba(0, 0, 0, 0.1);
  background: linear-gradient(to right, #b40004, #890002);
}
.floor_2_main .floor_2_1 .swiper-slide:hover .txt h3{ color: #a60004;}
.floor_2_main .floor_2_1 .swiper-slide:hover{transform: translateY(-5px); transition:all ease 0.36s;}
.floor_2_main .floor_2_1 .swiper-slide:hover .img{background: url(../images/p11_03.png) top center no-repeat;}
.floor_2_main .floor_2_1 .swiper-pagination{ display: none;}

    .floor_2_main .floor_2_1 .swiper-pagination-bullet-active {
        background: #a60004;
    }

@media (max-width: 1600px) {
.floor_2_main .floor_2_1 .swiper-slide .txt h3 { font-size: .3rem;}
.floor_2_main .floor_2_1 .swiper-slide .txt p { font-size: 14px; height: 1.8rem; line-height: 28px;}
}

@media (max-width: 1100px) {
	.floor_2_main .floor_2_1 .swiper-slide .txt h3 { font-size: .38rem;}
	.floor_2_main .floor_2_1 .swiper-slide .txt p { font-size:0.24rem; height: 2rem; line-height:0.42rem;}
	.floor_2_main .floor_2_1 .swiper-pagination{ display: block;}
}


.floor_2_main .body2 {
  border: 1px solid #d4ae90;
  border-radius: .4rem;
  margin-top: 0rem;
  padding: .2rem .4rem;

}

.floor_2_main .body2 h3 {
  font-size: 20px;
  color: #9f5930;
  font-weight: bold;
  margin-right: .5rem;
}

.floor_2_main .body2 dd {
  line-height: 22px;
  float: left;
  padding-right: 1rem;
  color: #9f5930;
  font-size: 12px;

}

.zhushi_main {
  overflow: hidden;
  padding: .5rem 0;
}

.zhushi {
  border: 1px solid #d4ae90;
  border-radius: 0.07rem;
  padding: .2rem .4rem;

}

.zhushi h3 {
  font-size: 20px;
  color: #9f5930;
  font-weight: bold;
  margin-bottom: .1rem;
}

.zhushi dd {
  line-height: 22px;
  color: #9f5930;
font-size: .2rem;
}

.index_g .prohz_banner{ padding-top: 0.4rem;}


@media (max-width: 1440px) {
  .floor_2_main li img {
    width: 48%;
    object-fit: cover;
    object-position: left;
    border-radius: 0 .4rem .4rem 0;
  }

  .floor_2_main li:nth-child(2n) img {
    object-position: right;
    border-radius: .4rem 0 0 .4rem;
  }

  .floor_2_main li .txt h3 {
    font-size: .3rem;
    line-height: 50px;
    padding-top: .3rem;
  }

  .floor_2_main li .txt p {
    font-size: 14px;
    line-height: 28px;
    padding-top: .12rem;
  }
}

@media (max-width: 1200px) {
  .index_g .prohz_banner{ padding-top: 0rem;}
  .floor_2_main li .txt h3 i {
    font-size: .18rem;
  }

  .floor_2_main ul {
    flex-direction: column;
  }

  .floor_2_main li {
    height: 3.45rem;
    flex-basis: auto;
    width: 100%;
  }

  .floor_2_main li img {
    height: 3.45rem;
  }

  .floor_2_main li .txt h3 span {
    font-size: .24rem;
  }

  .floor_2_main li .txt h3 {
    line-height: .5rem;
  }

  .floor_2_main li .txt p {
    font-size: .22rem;
    line-height: .4rem;
    padding-top: 0rem;
  }

  .floor_2_main li .txt p i {
    font-size: .18rem;
  }

  .floor_2_main li .txt p span {
    font-size: .18rem;
  }

  .floor_2_main .body2 h3 {
    font-size: .3rem;
  }

  .floor_2_main .body2 dd {
    font-size: .22rem;
    line-height: .4rem;
  }

  .zhushi h3 {
    font-size: .3rem;
  }

  .zhushi dd {
    font-size: .22rem;
    line-height: .4rem;
  }
}

/*******floor_2_main end******/
.floor_5_main {
  overflow: hidden;
  background: url(../images/p8_02.jpg) center bottom no-repeat;
  background-size: cover; position: relative;
  padding-top: .75rem;
  padding-bottom: 1.3rem;
}
.floor_5_main .index_title { padding-bottom:0.2rem;}
.floor_5_main .floor_5_1{ width: 100%; position: relative; }
.floor_5_main .floor_5_1 .swiper-container{ width: 100%; position: relative; overflow: hidden;}
.floor_5_main .floor_5_1 .swiper-slide{ position: relative;}
.floor_5_main .floor_5_1 .swiper-slide a{ display: block; width: 70%; margin: 0 auto; background: url(../images/p9_03.png) bottom center no-repeat; padding-bottom: 15px;}
.floor_5_main .floor_5_1 .swiper-slide a img{ display: block; width: 100%;}

.floor_5_main .floor_5_1 .swiper-slide.swiper-slide-active{ margin-top: 0.5rem;}
.floor_5_main .floor_5_1 .swiper-slide.swiper-slide-active a{ width: 80%; }
.floor_5_main .floor_5_1 .swiper-prev{ display: block; width: 19px; height: 33px; background-position: 0px -166px; position: absolute; left: -20px; top: 50%; margin-top: -16.5px; cursor: pointer;}
.floor_5_main .floor_5_1 .swiper-next{ display: block; width: 19px; height: 33px; background-position:-24px -166px; position: absolute; right: -20px; top: 50%; margin-top: -16.5px; cursor: pointer;}
.floor_5_main .floor_5_1 .swiper-prev:hover,.floor_5_main .floor_5_1 .swiper-next:hover{ opacity: 0.8;}

@media (max-width: 1600px) {

}

@media (max-width: 1440px) {
  
}

@media (max-width: 1100px) {
	.floor_5_main .swiper-next,
	.floor_5_main .swiper-prev {display: none;}
	.floor_5_main .w1400 { width: 100%; margin: 0;}
	.floor_5_main .floor_5_1 .swiper-slide.swiper-slide-active a{ width: 90%; }
}

/*******floor_3_main******/
.floor_3_main {
  overflow: hidden; position: relative;
  padding-top: .75rem;
}

.floor_3_main .body {
  position: relative;
}

.floor_3_main .swiper-container {
  overflow: hidden;
  position: initial;
  padding-bottom: .4rem;
}

.floor_3_main .swiper-slide {
  overflow: initial;
  border: 1px solid #e0c29c;
  border-radius: .1rem .28rem .1rem .28rem;
  overflow: hidden;
  background: url(../images/about_3_bg2.jpg) center top no-repeat;
  height: 4.56rem;
  background-size: cover;
  text-align: center;
  position: relative;
}

.floor_3_main .swiper-slide .txt {
  background: url(../images/f3_txt.png) center top no-repeat;
  background-size: auto 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2.69rem;
  padding: 1.38rem .1rem 0;
  overflow: hidden;
  width: 100%
}

.floor_3_main .swiper-slide img {
  position: absolute;
  text-align: center;
  margin: 0 auto;
  left: 50%;
  margin-left: -.535rem;
  top: .4rem;
  display: block;
  width: 1.07rem;
}

.floor_3_main .swiper-slide p {

  font-size: 24px;
  color: #3b1e19;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.floor_3_main .swiper-slide h3 {
  font-size: 26px;
  color: #3b1e19;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-bottom: .05rem;
}

.floor_3_main .swiper-slide h4 {
  font-size: 14px;
  color: #3b1e19;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.floor_3_main .swiper-slide:nth-child(2n) {
  margin-top: .59rem;
}

.floor_3_main .swiper-slide-active .txt,
.floor_3_main .swiper-slide:hover .txt {
  background: url(../images/f3_txt_on.png) center top no-repeat;
  background-size: auto 100%;
}

.floor_3_main .swiper-slide-active p,
.floor_3_main .swiper-slide:hover p {
  color: #fef6e1;
}

.floor_3_main .swiper-slide-active h3,
.floor_3_main .swiper-slide:hover h3 {
  color: #fef6e1;
}

.floor_3_main .swiper-slide-active h4,
.floor_3_main .swiper-slide:hover h4 {
  color: #fef6e1;
}

.floor_3_main .swiper-button-next,
.floor_3_main .swiper-button-prev {
  width: .4rem;
  height: .4rem;
  border-radius: 100%;
  left: -.7rem;
  background: #dfba92 url(../images/left.png) no-repeat center center;
  margin-top: -.2rem;
}

.floor_3_main .swiper-button-next {
  background: #dfba92 url(../images/right.png) no-repeat center center;
  left: auto;
  right: -.7rem;
}

.floor_3_main .swiper-button-prev:hover {
  background: #3b1e19 url(../images/left.png) no-repeat center center;
}

.floor_3_main .swiper-button-next:hover {
  background: #3b1e19 url(../images/right.png) no-repeat center center;
}

.floor_3_main .swiper-pagination {
  display: none;
}

.floor_3_main .swiper-container-horizontal>.swiper-pagination-bullets,
.floor_3_main .swiper-pagination-custom,
.floor_3_main .swiper-pagination-fraction {
  bottom: -.2rem;
}

.floor_3_main .swiper-pagination-bullet {
  width: .12rem;
  height: .12rem;
}

.floor_3_main .swiper-pagination-bullet-active {
  background: #a60004;
}

@media (max-width: 1600px) {
  .floor_3_main .swiper-pagination {
    display: block;
  }
}

@media (max-width: 1440px) {
  .floor_3_main .swiper-pagination {
    display: block;
  }

  .floor_3_main .swiper-slide {}

  .floor_3_main .swiper-slide img {
    top: .25rem;
  }

  .floor_3_main .swiper-slide p {
    font-size: 20px;
  }

  .floor_3_main .swiper-slide h3 {
    font-size: 22px;
  }

  .floor_3_main .swiper-button-next,
  .floor_3_main .swiper-button-prev {
    display: none;
  }
}

@media (max-width: 1200px) {
  .floor_3_main .swiper-slide:nth-child(2n) {
    margin-top: 0;
  }

  .floor_3_main .swiper-slide p {
    font-size: .24rem;

  }

  .floor_3_main .swiper-slide h3 {
    font-size: .3rem;
  }

  .floor_3_main .swiper-slide h4 {
    font-size: .2rem;
  }


}

/******floor_3_main end******/
/******floor_4_main*****/
.floor_4_main {
  padding-top: .75rem;
  overflow: hidden;
  padding-bottom: .9rem;
}
.floor_4_1{ width:100%; position:relative;}
.floor_4_1 ul {
        display: flex;
        justify-content: space-between;
        position: relative; width:100%;
}
    .floor_4_1 ul li {
        width: 12%;
        position: relative;
        border-radius: 10px;
        overflow: hidden;
        height: 30.54vw;
        transition: all .4s, -webkit-transform .4s;
        transition: all .4s, transform .4s;
        transition: all .4s, transform .4s, -webkit-transform .4s;
        cursor: pointer;
        background-position: 50%;
        background-size: cover;
    }
.floor_4_1 ul li.hover{ width:37%;}
 .floor_4_1 ul li .txt { background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.1)); padding:52% 8% 22% 8%; width:100%; position:absolute;
                         left:0; bottom:0;
 }
    .floor_4_1 ul li .txt .p {
        font-size: 16px;
        color: #fff;
        line-height: 26px;
        text-shadow: rgba(0, 0, 0, 0.3) 1px 0px 2px;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        line-clamp: 5;
        -webkit-box-orient: vertical; height:78px;
    }
 .floor_4_1 ul li .txt .bottom{ margin-top:32px; width:100%;}
 .floor_4_1 ul li .txt .bottom i {
     display: block;
     background: url(../images/p6_06.png) center center no-repeat; width:104px; height:16px; margin:0 auto;
}
.floor_4_1 ul li .txt .bottom h3 {
   font-size: 18px; display:none; line-height:40px;
   color: #a06430; font-weight:bold;
}
.floor_4_1 ul li.hover .txt {padding: 52% 5% 5% 5%; }
    .floor_4_1 ul li.hover .txt .bottom {
        display: flex;
        justify-content: space-between;
        position: relative;
        width: 100%;
        background-color: #fff;
        border-radius: 30px;
        height: 40px;
        padding: 0 5%;
        margin-top: 20px;
    }
    .floor_4_1 ul li.hover .txt .p{font-weight: bold;}
    .floor_4_1 ul li.hover .txt .bottom h3 {
        display: block;
        
    }
    .floor_4_1 ul li.hover .txt .bottom i {
        background: url(../images/p6_03.png) center center no-repeat;
        margin: 0; margin-top:13px;
    }

    .floor_4_main .body {display: none;}
    .floor_4_main .swiper-container { overflow: hidden;}
    .floor_4_main .swiper-slide { position: relative; border-radius: 0.1rem; overflow: hidden; }
    .floor_4_main .swiper-slide .img { position:relative; width:100%; transition: ease-in-out .2s;}
 .floor_4_main .swiper-slide .img img { width: 100%; object-fit: cover;  vertical-align: top; }
        .floor_4_main .swiper-slide .txt {
            background: linear-gradient(to bottom, transparent, rgba(160,100,48,0.5));
            padding: 30% 8% 10% 8%;
            width: 100%;
            position: absolute;
            left: 0;
            bottom: 0;
            overflow: hidden;
            z-index: 9;
            transition: ease-in-out .2s;
        }
            .floor_4_main .swiper-slide .txt .tit{ margin-top:0.3rem;}
            .floor_4_main .swiper-slide .txt .tit img {
                display: block;
                margin: 0 auto;
            }
     .floor_4_main .swiper-slide .txt .tit h3 {
                    font-size: 20px;
                    font-weight: bold; color:#fff;
                    overflow: hidden; display:none;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }

            .floor_4_main .swiper-slide .txt .p {
                font-size: 0.24rem;
                line-height: 0.36rem;
                color: #fff;
                transition: ease-in-out .3s;
                text-overflow: -o-ellipsis-lastline;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                line-clamp: 3;
                -webkit-box-orient: vertical;
            }

            .floor_4_main .swiper-slide .txt .bottom {
                position: absolute;
                bottom: .5rem;
                right: .44rem;
                width: .64rem;
                transition: ease-in-out .2s;
            }

                .floor_4_main .swiper-slide .txt .bottom img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    vertical-align: top;
                }


        .floor_4_main .swiper-slide:hover .img {
            z-index: 9;
        }

        .floor_4_main .swiper-slide:hover .txt {
            z-index: 10;
        }

            .floor_4_main .swiper-slide:hover .txt .p {
                margin-top: 0;
            }

            .floor_4_main .swiper-slide:hover .txt .bottom {
                bottom: 0;
            }

    .floor_4_main .swiper-button-next,
    .floor_4_main .swiper-button-prev {
        width: .4rem;
        display: none;
        height: .4rem;
        border-radius: 100%;
        left: 0rem;
        background: #dfba92 url(../images/left.png) no-repeat center center;
        margin-top: -.2rem;
        background-size: .09rem auto;
    }

    .floor_4_main .swiper-button-next {
        background: #dfba92 url(../images/right.png) no-repeat center center;
        left: auto;
        right: 0;
        background-size: .09rem auto;
    }

    .floor_4_main .swiper-button-prev:hover {
        background: #3b1e19 url(../images/left.png) no-repeat center center;
        background-size: .09rem auto;
    }

    .floor_4_main .swiper-button-next:hover {
        background: #3b1e19 url(../images/right.png) no-repeat center center;
        background-size: .09rem auto;
    }

    @media(max-width:1440px) {

    }

    @media (max-width: 1200px) {
        .floor_4_main .floor_4_1 {
            display: none;
        }

        .floor_4_main .body {
            display: block;
        }

    }

    /*****floor_4_main end*****/

    /******品牌历史year_main****/
    .year_main {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

        .year_main .body {
            position: relative;
            overflow: hidden;
        }

        .year_main .swiper-button-next,
        .year_main .swiper-button-prev {
            width: .19rem;
            height: .32rem;
            background:  url(../images/left1.png) no-repeat center center;
            background-size: cover;
            left: 0;
            transition: ease-in-out .2s;
        }

        .year_main .swiper-button-next {
                background:  url(../images/right1.png) no-repeat center center;
            background-size: cover;
            left: auto;
            right: 0;
        }
            .year_main .swiper-button-next:hover,
            .year_main .swiper-button-prev:hover {
                transform: translateY(-5px);
            }

        .year_main .swiper-container {
            overflow: hidden;
            position: initial;
            margin: 0 100px;
        }

        .year_main .gallery-top {
            height: 5rem;
        }
        .year_main .gallery-top .swiper-slide .bg{
            background: linear-gradient(to bottom, #f4e4cd, transparent);
            z-index: -1;
            position: absolute;
            right: 0rem;
            top: 0rem;
            padding: 2rem 0 1rem;
            border-radius: .1rem;
            background-size: 100% 100%;
            background-repeat: no-repeat;
            width: 92%;
        }
            .year_main .gallery-top .swiper-slide {
                position: relative;
                transition: ease-in-out .2s;
                padding-top: 0.2rem;
            }

                .year_main .gallery-top .swiper-slide .img {
                    position: relative;
                  width: 94%;
                }

                .year_main .gallery-top .swiper-slide img {
                    border-radius: .1rem;
                    width: 100%;
                    vertical-align: top;
                    object-fit: cover;
                }

                .year_main .gallery-top .swiper-slide h3 {
                    font-size: 100px;
                    color: #deae89;
                    font-style: italic;
                    left: .4rem;
                    position: absolute;
                    bottom: -50px;
                    z-index: 10;
                    line-height: 100px; font-weight: bold;
                    font-family: Noto Serif SC;
                }

                .year_main .gallery-top .swiper-slide p {
                    font-size: 16px;
                    line-height: 30px;
                    color: #2f1e1b;
                    padding-left: .4rem;
                    margin-top: .67rem;
                    height: 2rem;
                }

                .year_main .gallery-top .swiper-slide:hover {
                    transform: translateY(10px);
                }

            .year_main .gallery-top .swiper-slide-active {
                margin-top: .58rem;
            }

                .year_main .gallery-top .swiper-slide-active h3 {
                    color: #a41f24;
                }

        .year_main .gallery-thumbs .swiper-slide {
            position: relative;
            text-align: center;
            cursor: pointer;
        }

            .year_main .gallery-thumbs .swiper-slide i {
                width: 15px;
                height: 15px;
                position: absolute;
                display: block;
                background: url(../images/year_li.png) no-repeat;
                background-size: cover;
                left: 50%;
                top: 0;
                z-index: 10;
                margin-left: -.075rem;
            }

            .year_main .gallery-thumbs .swiper-slide .line {
                position: absolute;
                left: 0;
                top: 7px;
                background: #d4a784;
                width: 100%;
                z-index: 9;
                height: 1px;
            }

            .year_main .gallery-thumbs .swiper-slide p {
                font-size: 18px;
                color: #9e6d47;
                padding-top: .25rem;
            }

        .year_main .gallery-thumbs .swiper-slide-thumb-active i {
            background: url(../images/year_on.png) no-repeat;
            background-size: cover;
        }

        .year_main .gallery-thumbs .swiper-slide-thumb-active p {
            color: #b5312c;
        }

        .year_main .gallery-thumbs .end {
            position: absolute;
            left: 100px;
            top: 5px;
            width: 8px;
            height: 5px;
            background: url(../images/year_end1.png) no-repeat;
        }

    @media (max-width: 1440px) {
        .year_main .gallery-top .swiper-slide-active h3 {
            font-size: 100px;
        }

        .year_main .swiper-button-next,
        .year_main .swiper-button-prev {
            left: 40px;
        }

        .year_main .swiper-button-next {
            left: auto;
            right: 40px;
        }
    }

    @media (max-width: 1200px) {
        .year_main{ padding-top: 0.8rem;
    padding-bottom: 0.8rem;}
        .year_main .swiper-container {
            margin: 0;
        }
      .year_main .gallery-top .swiper-slide .img {
        width: 97%;
      }
      .year_main .swiper-button-next, .year_main .swiper-button-prev{ display: none;}
        .year_main .gallery-top .swiper-slide-active {
            margin-top: 0;
        }

        .year_main .gallery-top .swiper-slide h3 {
            font-size: 1.2rem;
            line-height: 1.2rem;
            bottom: -.6rem;
        }

        .year_main .gallery-top .swiper-slide p {
            font-size: .24rem;
            height: 1.8rem; overflow-y: auto;
            line-height: .45rem;
        }

        .year_main .gallery-thumbs .swiper-slide p {
            font-size: .28rem;
            padding-top: .35rem;
        }

        .year_main .gallery-thumbs .end {
            left: 0rem;
        }

        .year_main .gallery-top {
            height: auto;
        }

        .year_main .swiper-button-next,
        .year_main .swiper-button-prev {
            left: .2rem;
        }

        .year_main .swiper-button-next {
            left: auto;
            right: .2rem;
        }
    }

.hezhi_1 { padding-top: 1rem;}
.hezhi_1 .body{ width: 100%;display: flex; justify-content: space-between; position: relative;}
.hezhi_1 .body .item{ width: 31%; position: relative; border: #a06430 solid 1px; border-radius: 0.26rem; overflow: hidden;}
.hezhi_1 .body .item img{ display: block; width: 100%;}
.hezhi_1 .body .item .im{ position: absolute; width: 82%; left: 9%; top: 7%;}
.hezhi_1 .body .item .im h3{ font-size: 0.3rem; color: #a60004; font-weight: bold; line-height: 0.4rem;}
.hezhi_1 .body .item .im h3 sup{ vertical-align: 0.16rem;}
.hezhi_1 .body .item .im .p{ font-size: 18px; color: #89402a; line-height: 30px; padding-top: 0.22rem;}


@media (max-width: 1660px) {
  .hezhi_1 .body .item .im h3{ font-size: 0.26rem; line-height: 0.34rem;}
  .hezhi_1 .body .item .im .p{ font-size: 16px;line-height: 24px;padding-top: 0.16rem;}
}
@media (max-width: 1400px) {
  .hezhi_1 .body .item .im h3{ font-size: 0.24rem; line-height: 0.32rem;}
  .hezhi_1 .body .item .im .p{ font-size: 14px;line-height: 22px;}
}
@media (max-width: 1170px) {
  .hezhi_1 .body{  flex-wrap: wrap;}
  .hezhi_1 .body .item{ width: 100%; margin-bottom: 0.2rem;}
  .hezhi_1 .body .item .im h3{ font-size: 0.34rem; line-height: 0.5rem;}
  .hezhi_1 .body .item .im .p{ font-size: 0.26rem; line-height: 0.42rem; padding-top: 0.22rem;}
}

.hezhi_2{padding-top: 1rem;}
.hezhi_2 .body{ background: url("../images/hz2_03.jpg") center center no-repeat; width: 100%; border: #ccac91 solid 1px;
  border-radius: 0.2rem; position: relative; background-size: cover; padding-bottom: 7%;}
.hezhi_2 .body{ position: relative; height: 100%;}
.hezhi_2 .body .item{ width: 32%; position: relative; height: 45%; padding-top: 5%;}
.hezhi_2 .body .item h3{ height: 0.6rem; width: 100%;background: linear-gradient(to right, #d59c58, #a06430);
 border-radius: 0 0.05rem 0.2rem 0rem; font-size: 0.3rem; color: #fff; font-weight: bold; line-height: 0.6rem;
padding-left: 5%;}
.hezhi_2 .body .item h3 sup{ font-size: 0.1rem;vertical-align: 0.16rem;}
.hezhi_2 .body .item .im{display: flex; justify-content: space-between; position: relative; padding-top: 0.32rem;
 width: 95%; padding-left: 5%; }
.hezhi_2 .body .item .im .p{ font-size: 18px; color: #9f5930; line-height: 30px; width: 70%;}
.hezhi_2 .body .item .im img{ display: block; width: 1.2rem;margin-top: 0.24rem;}

.hezhi_2 .body .item:nth-child(2){ position: absolute; right: 0; top: 0;}
.hezhi_2 .body .item:nth-child(2) h3{border-radius: 0.05rem 0rem 0rem 0.2rem;}
.hezhi_2 .body .item:nth-child(4){ position: absolute; right: 0; top: 43%;}
.hezhi_2 .body .item:nth-child(4) h3{border-radius: 0.05rem 0rem 0rem 0.2rem;}
.hezhi_2 .body .item:hover h3{background: linear-gradient(to right, #cc1d19, #890002);}
@media (max-width: 1660px) {
  .hezhi_2 .body .item h3{ font-size: 0.26rem;}
  .hezhi_2 .body .item .im .p{ font-size: 16px;line-height: 24px;}
}
@media (max-width: 1400px) {
  .hezhi_2 .body .item h3{ font-size: 0.2rem;}
  .hezhi_2 .body .item .im .p{ font-size: 14px;line-height: 24px;}
}
@media (max-width: 1170px) {
  .hezhi_2 .body{ background:#fff url("../images/hz2_04.jpg") top center no-repeat; width: 100%; width: 100%;position: relative;
    background-size: cover; padding-bottom: 7%; background-size: 100%;        padding-top: 7rem;}
  .hezhi_2 .body .item:nth-child(2){ position: relative; right:auto; top:auto;}
  .hezhi_2 .body .item:nth-child(2) h3{border-radius: 0 0.05rem 0.2rem 0rem;}
  .hezhi_2 .body .item:nth-child(4){ position: relative; right: auto; top:auto;}
  .hezhi_2 .body .item:nth-child(4) h3{border-radius: 0 0.05rem 0.2rem 0rem;}
  .hezhi_2 .body .item{ width: 95%;}
  .hezhi_2 .body .item h3{ font-size: 0.34rem;height: 0.7rem; line-height: 0.7rem;}
  .hezhi_2 .body .item .im .p{ font-size:0.26rem;line-height:0.42rem;}
  }

.hezhi_3{padding-top: 1rem;}
.hezhi_3 .body{ background:#fff url("../images/hz4_02.jpg") bottom center no-repeat; width:100%; padding:0 4% 4%; border: #ccac91 solid 1px;
  border-radius: 0.2rem; position: relative; background-size: cover;}
.hezhi_3 .body .ul{ width: 100%; padding-left: 33.8%; display: flex; justify-content: space-between; position: relative; flex-wrap: wrap;}
.hezhi_3 .body .ul .item{ width: 50%; position: relative; padding-top: 0.5rem;}
.hezhi_3 .body .ul .item h3{ font-size: 0.28rem; color: #a60004; font-weight: bold;}
.hezhi_3 .body .ul .item h4{ height: 0.4rem; width: 50%; background: linear-gradient(to right, #d69c59, #9f6330); text-align: center;
 line-height: 0.4rem; font-size: 0.2rem; color: #fff; border-radius: 0.2rem 0.05rem 0.2rem 0.05rem; margin-top: 0.18rem;}
.hezhi_3 .body .ul .item .p{ padding-top: 0.12rem; font-size: 17px; color: #9f5930; line-height: 30px; padding-right:10%;}
.hezhi_3 .body .ul .item:hover h4{background: linear-gradient(to right, #cc1d19, #890002);}
@media (max-width: 1660px) {
  .hezhi_3 .body .ul .item h3{ font-size: 0.26rem; }
  .hezhi_3 .body .ul .item .p{ font-size: 16px; line-height: 26px;}
}
@media (max-width: 1400px) {
  .hezhi_3 .body .ul .item h3{ font-size: 0.22rem;}
  .hezhi_3 .body .ul .item .p{ font-size: 14px;line-height: 24px;}
}
@media (max-width: 1170px) {
  .hezhi_3 .body {background: #fff;background-size: 100%;}
  .hezhi_3 .body .ul {padding-left: 5%;}
  .hezhi_3 .body .ul .item{ width: 95%;}
  .hezhi_3 .body .ul .item h3{ font-size: 0.34rem;}
  .hezhi_3 .body .ul .item h4{ height: 0.6rem; width: 50%;line-height: 0.6rem; font-size: 0.24rem; }
  .hezhi_3 .body .ul .item .p{ font-size:0.26rem;line-height:0.42rem;}
  .hezhi_1 .body .item .im h3 sup {
    vertical-align: 0.18rem;
  }
}

.hezhi_4{padding-top: 1rem;}
.index_title b{ background:url("../images/hz5_03.png") left center no-repeat; padding-left: 1.92rem; background-size: 1.82rem;}
.hezhi_4 .body{display: flex; justify-content: space-between; position: relative; width: 100%;}
.hezhi_4 .body .item{ width: 47.5%;}
.hezhi_4 .body .item img{display: block; width: 100%;}

@media (max-width: 1170px) {
  .hezhi_4 .body{ display: block;}
  .hezhi_4 .body .item{ width: 100%; margin-bottom: 0.2rem;}
}

    /******品牌历史year_main end****/
    /********品牌故事 about*****/
    .abou_1_main {
        border-radius: 0 0 .26rem .26rem;
        overflow: hidden;
        padding: 2.65rem 0 1.98rem;
        text-align: center;
    }

        .abou_1_main .top {
            background: url(../images/about_1_ico.png) no-repeat center top;
            background-size: cover;
            width: 404px;
            height: 420px;
            margin: 0 auto;
            text-align: center;
            margin-bottom: .56rem;
        }

            .abou_1_main .top h3 {
                font-size: 56px;
                color: #a60004;
                font-weight: bold;
                padding-top: 1.8rem;
            }

        .abou_1_main ul {
            display: inline-block;
        }
            .abou_1_main ul li {
                width: 220px;
                height: 60px;
                background: linear-gradient(to right, #fdf2e2, #f9d6a6);
                border-radius: .4rem .01rem .4rem .01rem;
                border-bottom: .05rem solid #a60004;
                text-align: center;
                font-size: 20px;
                margin: 0.1rem 50px 0;
                float: left;
            }

                .abou_1_main ul li a {
                    color: #6d300c;
                    font-weight: bold;
                    padding-top: 12px;
                    width: 100%;
                    height: 100%;
                    display: block;
                }

                .abou_1_main ul li.hover,
                .abou_1_main ul li:hover {
                    border-bottom: .05rem solid #d09b71;
                    background: linear-gradient(to right, #cc1d19, #890002);
                    
                }

                    .abou_1_main ul li.hover a,
                    .abou_1_main ul li:hover a {
                        color: #fff8e5;
                        font-weight: bold;
                    }

        .abou_1_main .two {
            position: absolute;
            text-align: center;
            width: 100%;
            margin: 0 auto;
        }

        .abou_1_main dl {
            display: inline-block;
            margin-top: .68rem;
        }

            .abou_1_main dl dd {
                width: 147px; display: inline-block;;
                height: 40px;
                background: #d09b71;
                text-align: center;
                font-size: 18px;
                margin: 0 10px;
                line-height: 40px;
                border-radius: 20px;
            }

                .abou_1_main dl dd a {
                    color: #fff;
                    width: 100%;
                    height: 100%;
                    display: block;
                }

                .abou_1_main dl dd.hover,
                .abou_1_main dl dd:hover {
                    background: linear-gradient(to right, #cc1d19, #890002);
                }

                    .abou_1_main dl dd.hover a,
                    .abou_1_main dl dd:hover a {
                        color: #fff8e5;
                        font-weight: bold;
                    }

        .about_2_main {
        /* background: url(../images/f2_bg.jpg) center top no-repeat; */
        background-size: cover;
        border-radius: 0.5rem;
        overflow: hidden;
        padding: .9rem 0 0rem;
        }
        .about_2_main .body{
        position: relative; border: 1px solid #f4e5cf;
        height: 6.8rem;
        border-radius: 3.125vw;
        width: 100%;
        }
        .about_2_main .body .left {
            width: 43%;
            position: absolute;
            left: -0.8rem;
            padding-top: 0.75rem;
        }

        .about_2_main .body .left img {
            width: 100%;
            vertical-align: top;
        }

        .about_2_main .body .right {
            width: 44%;
            position: absolute;
            right: 1rem;
            top: 0rem;
        }

            .about_2_main .body .right h3 {
                font-size: 37px;
                line-height: 55px;
                color: #a41f24;
                padding-bottom: .3rem;
                padding-top: .75rem;
            }

            .about_2_main .body .right .p {
                font-size: 18px;
                line-height: 28px;
                color: #2f1e1b;
            }

            .about_2_main .body .right .more {
                margin-top: .42rem;
            }
.wenzhu .zs {
  font-size: 20px;
  color: #9f5930;
  font-weight: bold;
  margin-bottom: .18rem;
}
.wenzhu{
    width: 100%;
    line-height: 12px;
    color: #9f5930;
    font-size: 8px; padding-bottom: 1rem;
}

@media (max-width: 1160px) {
  .wenzhu{
      font-size: 6px;
  }
}
.floor_4_main .wenzhu{font-size: 12px;line-height: 16px;}

    .about_3_main {
        /* background: url(../images/about_3_bg.jpg) center bottom no-repeat; */
        background-size: cover;
        border-radius: 0 0 .26rem .26rem;
    }

    .about_4_main {
        overflow: hidden;
    }

        .about_4_main .swiper-slide:nth-child(2n) {
            margin-top: 0;
        }

        .about_4_main .more {
            margin-top: .4rem;
        }

            .about_4_main .more a {
                margin: 0 auto;
            }

    .about_5_main {
        /* background: url(../images/about_3_bg.jpg) center bottom no-repeat; */
        background-size: cover;
        border-radius: 0 0 .26rem .26rem;
        overflow: hidden;
        padding: .7rem 0 0rem;
    }

        .about_5_main .index_title p {
            color: #a60004;
            font-size: 30px;
        }

        .about_5_main .body ul {
            position: relative;
            height: 5.1rem;
            margin: 0 30px;
        }

            .about_5_main .body ul li {
                position: absolute;
                width: 1.57rem;
                text-align: center;
                left: 0;
                top: 0;
            }

                .about_5_main .body ul li img {
                    width: 1.57rem;
                    height: 1.57rem;
                    object-fit: cover;
                    border: 13px solid #ffffff;
                    border-radius: 100%;
                    z-index: 11;
                    position: relative;
                    vertical-align: top;
                    transition: ease-in-out .2s;
                }

                .about_5_main .body ul li p {
                    font-size: 22px;
                    color: #a06430;
                    padding-top: .1rem;
                    position: relative;
                    z-index: 15;
                }

                .about_5_main .body ul li:nth-child(4) p {
                    text-align: left;
                }

                .about_5_main .body ul li .line {
                    width: 255%;
                    height: .1rem;
                    background: #f5d3b0;
                    position: absolute;
                    right: .785rem;
                    top: .75rem;
                    z-index: 9;
                }

                    .about_5_main .body ul li .line b {
                        width: 0;
                        height: 100%;
                        background: #a5642c;
                        transition: ease-in-out .5s;
                        display: block;
                        position: absolute;
                        left: 0;
                        top: 0;
                        z-index: 10;
                    }

                    .about_5_main .body ul li .line i {
                        width: 1.15rem;
                        height: .1rem;
                        background: url(../images/about_5_jian.png) no-repeat;
                        display: block;
                        position: absolute;
                        left: 32%;
                        top: 0;
                        z-index: 12;
                        background-size: auto 100%;
                    }

                .about_5_main .body ul li .ico {
                    width: .69rem;
                    height: .8rem;
                    background: url(../images/about_5_nai.png) no-repeat;
                    background-size: cover;
                    position: absolute;
                    top: .4rem;
                    right: 165%;
                    z-index: 11;
                    transition: ease-in-out .2s;
                    transform: translateY(-10px);
                    opacity: 0;
                }

                .about_5_main .body ul li:first-child .line {
                    right: 0;
                    width: 0;
                }

                .about_5_main .body ul li:first-child .ico {
                    right: 0;
                    width: 0;
                }

                .about_5_main .body ul li:nth-child(2) {
                    left: 30%;
                }

                .about_5_main .body ul li:nth-child(3) {
                    left: 60%;
                }

                .about_5_main .body ul li:nth-child(4) {
                    left: auto;
                    right: 0;
                }

                .about_5_main .body ul li:nth-child(5) {
                    left: auto;
                    right: 0;
                    top: 2.77rem;
                }

                    .about_5_main .body ul li:nth-child(5) .line {
                        width: .1rem;
                        left: 50%;
                        bottom: .785rem;
                        height: 120%;
                        top: auto;
                    }

                        .about_5_main .body ul li:nth-child(5) .line i {
                            display: none;
                        }

                        .about_5_main .body ul li:nth-child(5) .line b {
                            width: 100%;
                            height: 0;
                        }

                    .about_5_main .body ul li:nth-child(5) .ico {
                        right: 0;
                        width: 0;
                    }

                .about_5_main .body ul li:nth-child(6) {
                    left: 60%;
                    top: 2.77rem;
                }

                .about_5_main .body ul li:nth-child(7) {
                    left: 30%;
                    top: 2.77rem;
                }

                .about_5_main .body ul li:nth-child(8) {
                    left: 0;
                    top: 2.77rem;
                }

                    .about_5_main .body ul li:nth-child(6) .line,
                    .about_5_main .body ul li:nth-child(7) .line,
                    .about_5_main .body ul li:nth-child(8) .line {
                        right: -200%;
                        width: 240%;
                    }

                        .about_5_main .body ul li:nth-child(6) .line i,
                        .about_5_main .body ul li:nth-child(7) .line i,
                        .about_5_main .body ul li:nth-child(8) .line i {
                            background: url(../images/about_5_jian2.png) no-repeat;
                        }

                    .about_5_main .body ul li:nth-child(6) .ico,
                    .about_5_main .body ul li:nth-child(7) .ico,
                    .about_5_main .body ul li:nth-child(8) .ico {
                        background: url(../images/about_5_nai2.png) no-repeat;
                        background-size: cover;
                        right: -100%;
                    }

                .about_5_main .body ul li.hover .line b {
                    width: 100%;
                }

                .about_5_main .body ul li.hover img {
                    border-color: #d19654;
                }

                .about_5_main .body ul li.hover .ico {
                    transform: translateY(0);
                    opacity: 1;
                }

                .about_5_main .body ul li:nth-child(5).hover .line b {
                    height: 100%;
                }

                .about_5_main .body ul li:nth-child(6).hover .line b,
                .about_5_main .body ul li:nth-child(7).hover .line b,
                .about_5_main .body ul li:nth-child(8).hover .line b {
                    left: auto;
                    right: 0;
                }

        .about_5_main .body_m {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            display: none;
        }

            .about_5_main .body_m .item {
                width: 33%;
                text-align: center;
                margin-bottom: .35rem;
            }

                .about_5_main .body_m .item img {
                    width: 1.57rem;
                    height: 1.57rem;
                    border: .1rem solid #e2a676;
                    border-radius: 100%;
                }

                .about_5_main .body_m .item p {
                    font-size: .26rem;
                    padding: 0 .1rem;
                    padding-top: .1rem;
                    line-height: .45rem;
                    height: .9rem;
                }

                .about_5_main .body_m .item b {
                    display: block;
                    width: .69rem;
                    height: .8rem;
                    background: url(../images/about_5_nai.png) no-repeat;
                    background-size: cover;
                    margin: 0 auto;
                    line-height: .9rem;
                    font-size: .24rem;
                    color: #be0c10;
                    margin-bottom: .1rem;
                }

                .about_5_main .body_m .item:nth-child(5) b,
                .about_5_main .body_m .item:nth-child(6) b,
                .about_5_main .body_m .item:nth-child(7) b,
                .about_5_main .body_m .item:nth-child(8) b {
                    background: url(../images/about_5_nai2.png) no-repeat;
                    background-size: cover;
                }

        .about_5_main .body2 {
            padding-top: .3rem; position: relative;;
        }

            .about_5_main .body2 .left {
                padding-left: 40%;
            }

                .about_5_main .body2 .left dd {
                    float: left;
                    text-align: center;
                    font-size: 22px;
                    color: #a06430; position: relative;
                    transition: ease-in-out .2s;
                }
.about_5_main .body2 .left .ri{ position: absolute; right:8%; bottom: 34%; text-align: left;font-size: 26px;
  color: #a06430;}

                    .about_5_main .body2 .left dd:hover {
                        transform: translateY(-.05rem);
                    }

                    .about_5_main .body2 .left dd:first-child {
                        margin-right: .29rem;
                    }

                .about_5_main .body2 .left img {
                    width: 1.25rem;
                    height: 1.25rem;
                    object-fit: cover;
                    border: .1rem solid #e2a676;
                    border-radius: 100%;
                }

            .about_5_main .body2 .right {
                padding-left: .5rem;
                float: left;
                padding-top: .25rem;
                font-size: 30px;
                color: #a60004;
                line-height: 45px;
            }

@media (max-width: 1660px) {
  .abou_1_main ul li {margin: 0.1rem 30px 0;}
  .about_2_main .body .left {left: -0.2rem;}
}
@media (max-width: 1460px) {
  .about_5_main .body2 .left .ri{ right:4%; bottom: 34%; font-size: 22px;}
}

.gong_01 .box5{ padding-top: 0.6rem; width: 100%;}
.gong_01 .box5 ul{ width: 100%;}
.gong_01 .box5 ul li{ float: left; }
.gong_01 .box5 ul li a{ display:block; width: 100%;position: relative; border-radius: 0.1rem;overflow: hidden; margin-top: 0.14rem;}
.gong_01 .box5 ul li .img1{ display: block; width: 100%;transition: all ease 0.36s;}
.gong_01 .box5 ul li h3{ display: block;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5)); font-size:0.2rem; color: #fff; line-height: 0.26rem;
 width: 100%; padding: 8% 15% 5% 4%; position: absolute; left: 0; bottom: 0; }
.gong_01 .box5 ul li .img2{ display: block; width: 0.4rem; position: absolute; right: 4%; top: 5%;}
.gong_01 .box5 ul li a:hover .img1{transform: scale(1.05);transition: all ease 0.36s; }
.gong_01 .box5 .ul1 .li1{ width: 66.5%;}
.gong_01 .box5 .ul1 .li2{ float: right; width: 32.4%;}
.gong_01 .box5 .ul2 .li1{ width:49.4%;}
.gong_01 .box5 .ul2 .li2{ float: right; width: 49.4%;}
.gong_01 .box5 .ul3 .li1{  width: 32.4%;}
.gong_01 .box5 .ul3 .li2{ float: right;width: 66.5%;}
.gong_01 .box5 .ul4 .li1{ width:49.4%;}
.gong_01 .box5 .ul4 .li2{ float: right; width: 49.4%;}





.gongyi_main_2 .pager{padding-bottom: 0;}
    .about_6_main {
        padding: 1rem 0 0rem;
        /* background: linear-gradient(to right, #f9e5c2, #fbeed4, #f9e5c2); */
        overflow: hidden;
    }

        .about_6_main .tip {
            margin-bottom: .52rem;
            display: flex;
            justify-content: space-between;
            padding: 0 1rem;
        }

            .about_6_main .tip .span {
                width: 1.77rem;
                height: .71rem;
                background: linear-gradient(to right, #d09553, #a46834);
                text-align: center;
                line-height: .71rem;
                color: #fefefe;
                font-size: 40px;
                border-radius: .355rem;
                position: relative;
            }

                .about_6_main .tip .span:hover {
                    background: #a60004;
                    color: #fff;
                    box-shadow: 0 .2rem .2rem -.2rem rgba(0, 0, 0, 0.8);
                }

        .about_6_main .body {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
        }

            .about_6_main .body .item {
                position: relative;
                margin-bottom: .4rem;
                padding: .2rem .6rem .2rem .2rem;
                border-radius: 1.28rem .1rem 1.17rem 1.28rem;
                background: linear-gradient(to bottom, rgba(255,255,255,0.6), #fff);
                width: 48%;
                transition: ease-in-out .2s;
            }

                .about_6_main .body .item a {
                    width: 100%;
                    height: 100%;
                    display: block;
                }

                .about_6_main .body .item img {
                    width: 2.17rem;
                    height: 2.17rem;
                    border-radius: 100%;
                    object-fit: cover;
                    float: left;
                    margin-right: .4rem;
                    background: #be0c10;
                }

                .about_6_main .body .item h3 {
                    font-size: 30px;
                    color: #a06430;
                    padding-top: .45rem;
                    padding-bottom: .25rem;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }

                .about_6_main .body .item p {
                    font-size: 16px;
                    line-height: 30px;
                    color: #2f1e1b;
                }

                .about_6_main .body .item i {
                    display: block;
                    width: .62rem;
                    height: .41rem;
                    background: url(../images/about_6_ico.png) no-repeat;
                    background-size: cover;
                    position: absolute;
                    right: .4rem;
                    top: .25rem;
                }

                .about_6_main .body .item:hover {
                    /* box-shadow: .1rem .15rem 0rem -.1rem #d09b71; */
                }

                    .about_6_main .body .item:hover h3 {
                        font-weight: bold;
                    }

                    .about_6_main .body .item:hover img {
                        border: .06rem solid #be0c10;
                        background: #be0c10;
                    }

                    .about_6_main .body .item:hover i {
                        background: url(../images/about_6_ico2.png) no-repeat;
                        background-size: cover;
                    }

    @media (max-width: 1440px) {
        .abou_1_main ul li {
            margin: 0 20px;
            border-radius: .4rem .01rem .4rem .01rem;
        }
        .about_2_main{}
        .about_2_main .body .left {
            width: 47%;left: -0.3rem;

        }

        .about_2_main .body .right {
            width: 49%;right: 0rem;
        }
      .about_2_main .body {height: 6rem;}
            .about_2_main .body .right h3 {
                font-size: 32px;
                line-height: 34px;
                padding-top: .5rem;
            }

        .about_5_main .body2 .right {
            font-size: 24px;
        }

        .about_5_main .w1400 {
            width: 1180px;
            margin: 0 auto;
        }

        .about_5_main .body ul {
            margin: 0 .2rem;
        }

            .about_5_main .body ul li .line {
                width: 220%;
            }

            .about_5_main .body ul li .ico {
                right: 140%;
            }

            .about_5_main .body ul li:nth-child(4) .line i {
                left: 45%;
            }

            .about_5_main .body ul li:nth-child(4) .ico {
                right: 115%;
            }

            .about_5_main .body ul li:nth-child(6) .line,
            .about_5_main .body ul li:nth-child(7) .line,
            .about_5_main .body ul li:nth-child(8) .line {
                right: -140%;
                width: 200%;
            }

                .about_5_main .body ul li:nth-child(6) .line i,
                .about_5_main .body ul li:nth-child(7) .line i,
                .about_5_main .body ul li:nth-child(8) .line i {
                    left: 35%;
                }

            .about_5_main .body ul li:nth-child(6) .ico,
            .about_5_main .body ul li:nth-child(7) .ico,
            .about_5_main .body ul li:nth-child(8) .ico {
                right: -70%;
            }

        .about_6_main .tip {
            padding: 0 .5rem;
        }

            .about_6_main .tip .span {
                width: 1.6rem;
                font-size: 26px;
                height: .6rem;
                line-height: .6rem;
            }

        .about_6_main .body .item i {
            top: .25rem;
            width: .4rem;
            height: .26rem;
        }

        .about_6_main .body .item {
            padding: 0.2rem 0.5rem 0.2rem 0.2rem;
        }

            .about_6_main .body .item img {
                margin-right: .2rem;
            }

            .about_6_main .body .item h3 {
                font-size: 25px;
                padding-top: .4rem;
                padding-bottom: .15rem;
            }

            .about_6_main .body .item p {
                font-size: 14px;
                text-overflow: -o-ellipsis-lastline;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 4;
                line-clamp: 4;
                -webkit-box-orient: vertical;
            }
    }
@media (max-width: 1340px) {
  .abou_1_main ul li {
    margin: 0 12px;width: 200px;
  }
}
    @media (max-width: 1200px) {
        .abou_1_main {
            padding: 1rem 0 1.5rem;
        }

            .abou_1_main .top {
                width: 4.04rem;
                height: 4.2rem;
            }

                .abou_1_main .top h3 {
                    font-size: .52rem;
                }

            .abou_1_main ul {
                display: flex;
                justify-content: center;
                flex-wrap: wrap;
            }

                .abou_1_main ul li {
                    width: 2rem;
                    height: 0.8rem;
                    font-size: .24rem;
                    margin-bottom: .3rem;
                    border-radius: .35rem; 
                    border-radius: .4rem .01rem .4rem .01rem;
                }

                    .abou_1_main ul li a {
                        padding-top: .2rem;
                    }

            .abou_1_main dl {
                width: 96%;
                margin: .3rem 2% 0;
            }

                .abou_1_main dl dd {
                    width: 29%;
                    margin-left: 0;
                    margin-right: 1%;
                    height: .7rem;
                    line-height: .7rem;
                    font-size: .26rem;
                }

                    .abou_1_main dl dd:nth-child(3n) {
                        margin-right: 0;
                    }

                .about_2_main .body {
                    padding: 0 .1rem;
                    width: 100%;
                    height: 100%;
                    border: 0px solid #f4e5cf;
                }

            .about_2_main .body .left {
                width: 100%;
                margin: 0 0%;
                margin-bottom: .3rem;
                position: static;padding-top: 0rem; float: none;
            }

            .about_2_main .body .right {
                width: 100%;float: none;
                position: static;
            }

                .about_2_main .body .right h3 {
                    font-size: .33rem;
                    line-height: .45rem;
                    font-weight: bold;
                }

                .about_2_main .body .right .p {
                    font-size: .24rem;
                    line-height: .45rem;
                }

        .about_5_main .w1400 {
            width: 96%;
            margin: 0 2%;
        }

        .about_5_main .index_title p {
            font-size: .22rem;
            margin: 0 auto;
            width: 100%;
        }

        .about_5_main .body_m {
            display: flex !important;
        }

        .about_5_main .body2 .left {
            padding-left: 24%;
        }
      .about_5_main .body2 .left .ri {
        right: 0%;
        bottom: -0.9rem;
        font-size: 0.24rem;
        width: 100%;
        text-align: center;
        line-height: 0.42rem;
      }
            .about_5_main .body2 .left dd {
                font-size: .24rem;
            }

                .about_5_main .body2 .left dd:first-child {
                    margin-right: .5rem;
                }

        .about_5_main .body2 .right {
            font-size: .34rem;
            line-height: .55rem;
        }

        .about_6_main .tip {
            padding: 0;
            flex-wrap: wrap;
        }

            .about_6_main .tip .span {
                font-size: .3rem;
                margin-bottom: .2rem;
                width: 32%;
            }

        .about_6_main .body .item i {
            display: none;
        }

        .about_6_main .body .item {
            width: 100%;
        }

            .about_6_main .body .item h3 {
                font-size: .3rem;
                padding-top: .1rem;
            }

            .about_6_main .body .item p {
                font-size: .22rem;
                line-height: .4rem;
            }
.about_5_main .wenzhu {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
        }
    }

    /********品牌故事 about end*****/
    /********品牌公益 *****/
    .gongyi_main_1 {
        /* background: linear-gradient(to right, #f9e5c2, #fbeed4, #f9e5c2); */
        overflow: hidden;
        padding: 1.1rem 0 1.1rem;
    }

        .gongyi_main_1 li {
            width: 30%;
            float: left;
            margin-right: 5%;
            border-radius: 26px 149px 149px 26px;
            border: 1px solid #e0c29c;
            overflow: hidden;
            position: relative;
            height: 298px;
        }

            .gongyi_main_1 li img {
                float: right;
                vertical-align: top;
                height: 100%;
                object-fit: cover;
            }

            .gongyi_main_1 li:hover .img1 {
                display: none;
            }

            .gongyi_main_1 li .txt {
                position: absolute;
                left: 0;
                top: 0;
                height: 100%;
                background: url(../images/gongyi_1_bg.png) left top no-repeat;
                background-size: auto 100%;
                width: 277px;
                padding-left: 30px;
            }

                .gongyi_main_1 li .txt h3 {
                    font-size: 24px;
                    color: #a60004;
                    font-weight: bold;
                    padding-top: .85rem;
                }

                .gongyi_main_1 li .txt span {
                    display: block;
                    width: 41px;
                    height: 2px;
                    background: #e2ba92;
                    margin: 23px 0;
                }

                .gongyi_main_1 li .txt .p {
                    font-size: 14px;
                    color: #693118;
                    line-height: 30px;
                    width: 130px;
                }

            .gongyi_main_1 li:nth-child(3) {
                margin-right: 0;
            }

            .gongyi_main_1 li:hover {
                border: 1px solid #a60004;
            }

                .gongyi_main_1 li:hover .txt {
                    background: url(../images/gongyi_1_bg2.png) left top no-repeat;
                    background-size: auto 100%;
                }

                    .gongyi_main_1 li:hover .txt h3 {
                        color: #fef7e3;
                    }

                    .gongyi_main_1 li:hover .txt .p {
                        color: #fef7e3;
                    }

    .gongyi_main_2 {
        /* background: linear-gradient(to right, #f9e5c2, #fbeed4, #f9e5c2); */
        overflow: hidden;
        padding: 0rem 0 1.1rem;
    }

        .gongyi_main_2 .hd li {
            width: 32%;
            float: left;
            border: 1px solid #d09b71;
            margin-right: 2%;
            border-radius: 7px 7px 0 0;
            text-align: center;
            height: 108px;
            line-height: 108px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #fff2da;
            cursor: pointer;
        }

            .gongyi_main_2 .hd li img {
                width: .45rem;
                margin-right: .28rem;
                vertical-align: middle;
                margin-bottom: .04rem;
            }

            .gongyi_main_2 .hd li span {
                font-size: 26px;
                color: #875730;
                font-weight: bold;
            }

            .gongyi_main_2 .hd li i {
                width: .18rem;
                height: .11rem;
                background-position: 0 0;
                display: inline-block;
                margin-left: .62rem;
                opacity: 0;
            }

            .gongyi_main_2 .hd li:nth-child(3) {
                margin-right: 0;
                float: right;
            }

            .gongyi_main_2 .hd li.on {
                background: linear-gradient(to bottom, #fff2da, #fffaf1);
                border-bottom: 1px solid #fffaf1;
            }

                .gongyi_main_2 .hd li.on i {
                    opacity: 1;
                }

        .gongyi_main_2 .bd {
            border: 1px solid #d09b71;
            background: #ffffff;
            margin-top: -1px;
            border-radius: 0 0 3px 3px;
            box-sizing: border-box;
            padding: .6rem;
        }

            .gongyi_main_2 .bd .box1 {
                margin-bottom: .6rem;
            }

                .gongyi_main_2 .bd .box1 .left {
                    overflow: hidden;
                    width: 35%;
                    height: 4.48rem;
                    position: relative;
                    border: 1px solid #f5e0bb;
                    border-radius: .06rem .25rem .06rem .25rem;
                    background: #faf0e1;
                }

                    .gongyi_main_2 .bd .box1 .left h3 {
                        width: 2.01rem;
                        line-height: .5rem;
                        background: linear-gradient(to right, #d69c58, #9f6330);
                        font-size: 20px;
                        color: #fff;
                        border-radius: 0 0 .18rem 0;
                        padding-left: .42rem;
                    }

                    .gongyi_main_2 .bd .box1 .left .p {
                        padding-left: .42rem;
                        font-size: 18px;
                        color: #2f1e1b;
                        line-height: 45px;
                        padding-right: 0.8rem;
                        margin-top: .4rem;
                    }

                    .gongyi_main_2 .bd .box1 .left img {
                        display: none;
                        position: absolute;
                        width: 62px;
                        bottom: .53rem;
                        right: .57rem;
                    }

                .gongyi_main_2 .bd .box1 .right {
                    width: 60%;
                    height: 4.48rem;
                    border-radius: .07rem;
                    overflow: hidden;
                }

                    .gongyi_main_2 .bd .box1 .right video,
                    .gongyi_main_2 .bd .box1 .right img {
                        width: 100%;
                        height: 100%;
                        display: block;
                        background: #000;
                        object-fit: cover;
                    }

            .gongyi_main_2 .bd .box2 {
                background: #faf0e1;
                border: 1px solid #f5e0bb;
                border-radius: .06rem .25rem .06rem .25rem;
                overflow: hidden;
            }

                .gongyi_main_2 .bd .box2 h3 {
                    width: 2.01rem;
                    line-height: .5rem;
                    background: linear-gradient(to right, #d69c58, #9f6330);
                    font-size: 20px;
                    color: #fff;
                    border-radius: 0 0 .18rem 0;
                    padding-left: .42rem;
                    margin-bottom: .3rem;
                }

                .gongyi_main_2 .bd .box2 .p {
                    padding: 0 .42rem;
                    line-height: 45px;
                    font-size: 20px;
                    color: #2f1e1b;
                    padding-bottom: .6rem;
                }

                    .gongyi_main_2 .bd .box2 .p b {
                        color: #a60004;
                    }

        .gongyi_main_2 .box3 {
            padding: .69rem 0 .1rem;
        }

            .gongyi_main_2 .box3 li {
                width: 32%;
                margin-right: 2%;
                float: left;
                border: 1px solid #d09b71;
                border-radius: .06rem .26rem .06rem .26rem;
                background: linear-gradient(to bottom, #fff1d8, #fff8e5, #f8e3c0);
                overflow: hidden;
                padding-right: .3rem;
                padding-top: .3rem;
                margin-bottom: .48rem;
            }

                .gongyi_main_2 .box3 li .img {
                    position: relative;
                    padding-top: 56.25%;
                    width: 100%;
                    display: block;
                    overflow: hidden;
                    border-radius: .06rem;
                    vertical-align: top;
                }

                    .gongyi_main_2 .box3 li .img img {
                        display: block;
                        position: absolute;
                        left: 0;
                        top: 0;
                        width: 100%;
                        object-fit: cover;
                        height: 100%;
                        bottom: 0;
                        right: 0;
                    }

                    .gongyi_main_2 .box3 li .img span {
                        display: block;
                        position: absolute;
                        right: 0;
                        bottom: 0;
                        width: 91px;
                        height: 100px;
                        z-index: 10;
                        background: linear-gradient(to right, #d29855, #a66a36);
                        border-radius: .16rem 0 0 0;
                        text-align: center;
                    }

                        .gongyi_main_2 .box3 li .img span h3 {
                            font-size: 54px;
                            color: #fff4df;
                            font-family: arial;
                            padding-top: .1rem;
                        }

                        .gongyi_main_2 .box3 li .img span p {
                            color: #fff4df;
                            font-size: 16px;
                        }

                .gongyi_main_2 .box3 li .txt {
                    padding-left: .29rem;
                    display: block;
                    padding-top: .28rem;
                }

                    .gongyi_main_2 .box3 li .txt h3 {
                        text-overflow: -o-ellipsis-lastline;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        line-clamp: 2;
                        -webkit-box-orient: vertical;
                        font-size: 24px;
                        color: #2f1e1b;
                        font-weight: bold;
                        margin-bottom: .23rem;
                        line-height: 30px;
                        height: 60px;
                    }

                    .gongyi_main_2 .box3 li .txt p {
                        text-overflow: -o-ellipsis-lastline;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        line-clamp: 2;
                        -webkit-box-orient: vertical;
                        font-size: 14px;
                        color: #2f1e1b;
                        margin-bottom: .4rem;
                        line-height: 24px;
                        height: 48px;
                    }

                    .gongyi_main_2 .box3 li .txt img {
                        margin-bottom: .27rem;
                        width: .4rem;
                        }

                .gongyi_main_2 .box3 li:nth-child(3n) {
                    float: right;
                    margin-right: 0;
                }

            .gongyi_main_2 .box3 .more a {
                margin: 0 auto;
            }
        .gongyi_main_2 .box3 li:hover .txt h3,.gongyi_main_2 .box3 li.hover .txt h3{color: #be0c10;}

        .jishu_main_31{ width: 100%; position: relative;}
.jishu_main_31 .swiper-container{ width: 100%; position: relative; }
.jishu_main_31 .swiper-container .swiper-slide a{border: 1px solid #d09b71; display: block;
  border-radius: .06rem .26rem .06rem .26rem;background: linear-gradient(to bottom, #fff1d8, #fff8e5, #f8e3c0);
  overflow: hidden;padding-right: .3rem;padding-top: .3rem;margin-bottom: .48rem; margin-right: 10px;}
.jishu_main_31 .swiper-container .swiper-slide a .img {position: relative;padding-top: 56.25%;width: 100%;display: block;overflow: hidden;
  border-radius: .06rem;vertical-align: top;}
.jishu_main_31 .swiper-container .swiper-slide a .img img {display: block;position: absolute;left: 0;top: 0;
  width: 100%;object-fit: cover;height: 100%;bottom: 0;right: 0;}
.jishu_main_31 .swiper-container .swiper-slide a .img span {display: block;position: absolute;right: 0;bottom: 0;width:0.91rem;
  height: 1rem;z-index: 10;background: linear-gradient(to right, #d29855, #a66a36);border-radius: .16rem 0 0 0;
  text-align: center;}
.jishu_main_31 .swiper-container .swiper-slide a .img span h3 {font-size:0.54rem;color: #fff4df;font-family: arial;padding-top: .1rem;}
.jishu_main_31 .swiper-container .swiper-slide a .img span p {color: #fff4df;font-size:0.16rem;}
.jishu_main_31 .swiper-container .swiper-slide a .txt {padding-left: .29rem;display: block;padding-top: .28rem;}
.jishu_main_31 .swiper-container .swiper-slide a .txt h3 {text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;
  display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;
  font-size: 0.24rem;color: #2f1e1b;font-weight: bold;margin-bottom: .23rem;line-height:0.3rem;height: 0.6rem;}
.jishu_main_31 .swiper-container .swiper-slide a .txt p {text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
  -webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;font-size:0.14rem;color: #2f1e1b;
  margin-bottom: .4rem;line-height: 0.24rem;height: 0.48rem;}
.jishu_main_31 .swiper-container .swiper-slide a .txt img {margin-bottom: .27rem;width: .4rem;}
.jishu_main_31 .swiper-container .swiper-slide a .more a {margin: 0 auto;}
.jishu_main_31 .swiper-container .swiper-slide a:hover .txt h3,.jishu_main_31 .swiper-container .swiper-slide a.hover .txt h3{color: #be0c10;}
.jishu_main_31 .swiper-container .swiper-slide a:hover {box-shadow: .05rem .05rem .02rem 0 #a80003;}
.jishu_main_31 .swiper-prev{display: block;width: 19px;height: 33px;background-position: 0px -166px;position: absolute;
  left: 0%;top: 0%;margin-top: -107px;cursor: pointer;z-index: 5;}
.jishu_main_31 .swiper-next{display: block;width: 19px;height: 33px;background-position: -24px -166px;position: absolute;
  right: 0%;top: 0%;margin-top: -107px;cursor: pointer;z-index: 5;}
.jishu_main_31 .swiper-next:hover,.jishu_main_31 .swiper-prev:hover {
  opacity: 0.8;
}
.jishu_main_31 .swiper-pagination-bullet-active {background: #a80003;}

    @media (max-width: 1440px) {
        .gongyi_main_1 li {
            width: 32.5%;
            margin-right: 1.25%;
        }

            .gongyi_main_1 li img {
                margin-left: -.2rem;
            }

            .gongyi_main_1 li .txt {
                background: url(../images/gongyi_1_bg.png) -10px top no-repeat;
                background-size: auto 100%;
            }

                .gongyi_main_1 li .txt .p {
                    font-size: 12px;
                }

        .gongyi_main_2 .hd li i {
            margin-left: .3rem;
        }

        .gongyi_main_2 .hd li span {
            font-size: 24px;
        }

        .gongyi_main_2 .bd .box1 .left .p {
            font-size: 17px;
            padding-right: .5rem;
        }

        .gongyi_main_2 .box1 .left {
            height: 3.8rem;
        }

        .gongyi_main_2 .box1 .right {
            height: 3.8rem;
        }

        .gongyi_main_2 .box3 li .txt h3 {
            font-size: 18px;
        }

        .gongyi_main_2 .box3 li .txt img {
            width: .4rem;
        }

        .gongyi_main_2 .box3 li .img span h3 {
            font-size: 35px;
        }

        .gongyi_main_2 .box3 li .img span {
            height: 80px;
        }
    }

    @media (max-width: 1360px) {
        .gongyi_main_1 li img {
            margin-right: -.4rem;
        }
    }

    @media (max-width: 1200px) {
      .jishu_main_31 .swiper-prev,.jishu_main_31 .swiper-next{ display: none;}
      .jishu_main_31 .swiper-container .swiper-wrapper{ padding-bottom: 0.6rem;}
      .jishu_main_31 .swiper-container .swiper-slide a .img span p{ font-size: 0.24rem;}
      .jishu_main_31 .swiper-container .swiper-slide a .img span {width: 1.3rem;height: 1.2rem;}
      .jishu_main_31 .swiper-container .swiper-slide a .txt h3 {font-size: 0.3rem;line-height: 0.42rem;height: 0.84rem;}
      .jishu_main_31 .swiper-container .swiper-slide a .txt p {font-size: 0.24rem;line-height: 0.36rem;height: 0.7rem;}
        .gongyi_main_1 li {
            width: 92%;
            margin: 0 4%;
            margin-bottom: .25rem;
            border-radius: .19rem 1.6rem 1.6rem .19rem;
            height: 3.2rem;
            overflow: hidden;
        }

            .gongyi_main_1 li .txt {
                width: 55%;
                padding-left: .7rem;
                background: linear-gradient(to right, #f8e3c0, #fff6e1);
                border-right: .01rem solid #f0d7b8;
                background-size: auto 100%;
                border-radius: 0 .5rem .5rem 0;
            }

            .gongyi_main_1 li:hover .txt {
                background: linear-gradient(to right, #c90005, #a30003);
                border-right: .01rem solid #a30003;
            }

            .gongyi_main_1 li:hover .img1 {
                display: none;
            }

            .gongyi_main_1 li img {
                margin-right: 0;
            }

            .gongyi_main_1 li .txt h3 {
                font-size: .4rem;
                padding-top: .4rem;
            }

            .gongyi_main_1 li .txt span {
                width: .41rem;
                margin: .23rem 0;
            }

            .gongyi_main_1 li .txt .p {
                font-size: .26rem;
                line-height: .45rem;
                width: 90%;
            }

        .gongyi_main_2 .hd li {
            line-height: .8rem;
            height: .8rem;
        }

            .gongyi_main_2 .hd li span {
                font-size: .22rem;
            }

            .gongyi_main_2 .hd li img {
                margin-right: .1rem;
                width: .25rem;
            }

            .gongyi_main_2 .hd li i {
                display: none;
            }

        .gongyi_main_2 .hd li {
            width: 32.5%;
            margin-right: 1.25%;
        }

        .gongyi_main_2 .bd .box1 .left {
            width: 100%;
            height: auto;
            padding-bottom: 1.7rem;
            margin-bottom: .3rem;
        }

            .gongyi_main_2 .bd .box1 .left h3 {
                font-size: .3rem;
                width: 3rem;
                line-height: .7rem;
            }

            .gongyi_main_2 .bd .box1 .left .p {
                font-size: .26rem;
                line-height: .45rem;
            }

            .gongyi_main_2 .bd .box1 .left img {
                width: .5rem;
            }

        .gongyi_main_2 .bd .box1 .right {
            width: 100%;
            height: auto;
        }

            .gongyi_main_2 .bd .box1 .right video,
            .gongyi_main_2 .bd .box1 .right img {
                height: auto;
            }

        .gongyi_main_2 .bd .box2 h3 {
            font-size: .3rem;
            width: 3rem;
            line-height: .7rem;
        }

        .gongyi_main_2 .bd .box2 p {
            font-size: .26rem;
            padding-right: .42rem;
            line-height: .45rem;
        }

        .gongyi_main_2 .bd .box2 .p {
            font-size: .26rem;
            line-height: .45rem;
        }

            .gongyi_main_2 .bd .box2 .p img {
                max-width: 100% !important;
                height: auto !important;
                margin-bottom: .2rem;
            }

        .gongyi_main_2 .bd .box3 li {
            width: 100%;
            margin-right: 0;
        }

            .gongyi_main_2 .bd .box3 li .img span {
                width: 1.2rem;
                height: 1.2rem;
            }

                .gongyi_main_2 .bd .box3 li .img span h3 {
                    font-size: .5rem;
                }

                .gongyi_main_2 .bd .box3 li .img span p {
                    font-size: .24rem;
                }

            .gongyi_main_2 .bd .box3 li .txt h3 {
                font-size: .3rem;
                line-height: .45rem;
                height: .9rem;
            }

            .gongyi_main_2 .bd .box3 li .txt p {
                font-size: .22rem;
                line-height: .45rem;
                height: .9rem;
            }


        .gongyi_main_4 .box3 li {
            width: 100%;
            margin-right: 0;
        }

            .gongyi_main_4 .box3 li .img span {
                width: 1.2rem;
                height: 1.2rem;
            }

                .gongyi_main_4 .box3 li .img span h3 {
                    font-size: .5rem;
                }

                .gongyi_main_4 .box3 li .img span p {
                    font-size: .24rem;
                }

            .gongyi_main_4 .box3 li .txt h3 {
                font-size: .3rem;
                line-height: .45rem;
                height: .9rem;
            }

            .gongyi_main_4 .box3 li .txt p {
                font-size: .22rem;
                line-height: .45rem;
                height: .9rem;
            }
    }

    /* pager */
    .pager {
        padding: 30px 0 100px;
        text-align: center;
        *zoom: 1;
        *padding: 40px 0 30px;
    }

        .pager:after {
            visibility: hidden;
            display: block;
            font-size: 0;
            content: " ";
            clear: both;
            height: 0;
        }

        .pager p {
            height: 26px;
            line-height: 26px;
            display: inline-block;
            *display: inline;
            *zoom: 1;
            display: none;
        }

        .pager ul {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            overflow: hidden;
        }

            .pager ul li {
                float: left;
                margin: 0 5px;
                padding: 0 !important;
                height: auto !important;
                border: none !important;
            }

            .pager ul a {
                line-height: 40px;
                border-radius: .1rem;
                padding: 0 15px;
                transition: all ease 300ms;
                color: #000000;
                text-decoration: none;
                float: left;
                border: 1px solid #d09b71;
                background: #fae7c6;
            }

                .pager ul a.current,
                .pager ul a:hover {
                    color: #fff;
                    border: 1px solid #a60004;
                    background: #a60004;
                }

    /********品牌公益  end*****/
    /******精研品牌*******/
    .gongyi_main_3 {
        background: linear-gradient(to right, #f9e5c2, #fbeed4, #f9e5c2);
        overflow: hidden;
        padding: .85rem 0 .0rem;
    }

        .gongyi_main_3 .w1400 {
            position: relative;
        }

            .gongyi_main_3 .w1400 .hd {
                position: absolute;
                bottom: .62rem;
                z-index: 10;
                left: 70%;
            }

                .gongyi_main_3 .w1400 .hd li {
                    width: .1rem;
                    height: .1rem;
                    border-radius: 100%;
                    background: #d09b71;
                    margin-right: .12rem;
                    float: left;
                    cursor: pointer;
                }

                    .gongyi_main_3 .w1400 .hd li.on {
                        background: #de2023;
                    }

            .gongyi_main_3 .w1400 .bd {
                border: 1px solid #d09b71;
                border-radius: .06rem .26rem .06rem .26rem;
                overflow: hidden;
                background: linear-gradient(to bottom, #fff1d8, #fff8e5, #f8e4c1);
            }

                .gongyi_main_3 .w1400 .bd .con {
                    position: relative;
                }

                    .gongyi_main_3 .w1400 .bd .con .img {
                        width: 65%;
                        float: left;
                        overflow: hidden;
                    }

                        .gongyi_main_3 .w1400 .bd .con .img img {
                            width: 100%;
                            height: 100%;
                            vertical-align: top;
                            object-fit: cover;
                        }

                        .gongyi_main_3 .w1400 .bd .con .img span {
                            display: block;
                            width: 128px;
                            height: 45px;
                            line-height: 45px;
                            background: rgba(0, 0, 0, 0.4);
                            position: absolute;
                            left: 0;
                            top: 0;
                            z-index: 10;
                            text-align: center;
                            color: #fff;
                            font-size: 16px;
                            border-radius: 0 0 .13rem 0;
                        }

                        .gongyi_main_3 .w1400 .bd .con .img::before {
                            content: "";
                            position: absolute;
                            width: 100px;
                            height: 100%;
                            top: 0;
                            left: 0px;
                            overflow: hidden;
                            background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
                            background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
                            background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
                            background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
                            background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
                            -webkit-transform: skewX(-32deg);
                            -ms-transform: skewX(-32deg);
                            -moz-transform: skewX(-32deg);
                            transform: skewX(-32deg);
                            opacity: 0;
                        }

                        .gongyi_main_3 .w1400 .bd .con .img:hover::before {
                            -webkit-transition: left 1s;
                            -moz-transition: left 1s;
                            -ms-transition: left 1s;
                            transition: left 1s;
                            left: 120%;
                            opacity: 1;
                        }

                    .gongyi_main_3 .w1400 .bd .con .txt {
                        width: 30%;
                        float: right;
                    }

                        .gongyi_main_3 .w1400 .bd .con .txt h3 {
                            text-overflow: -o-ellipsis-lastline;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            display: -webkit-box;
                            -webkit-line-clamp: 2;
                            line-clamp: 2;
                            -webkit-box-orient: vertical;
                            font-size: 24px;
                            color: #2f1e1b;
                            font-weight: bold;
                            margin-bottom: .3rem;
                            line-height: 30px;
                            height: 60px;
                            margin-top: .6rem;
                            margin-right: .7rem;
                        }

                        .gongyi_main_3 .w1400 .bd .con .txt p {
                            text-overflow: -o-ellipsis-lastline;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            display: -webkit-box;
                            -webkit-line-clamp: 2;
                            line-clamp: 2;
                            -webkit-box-orient: vertical;
                            font-size: 14px;
                            color: #2f1e1b;
                            margin-bottom: .44rem;
                            line-height: 24px;
                            height: 48px;
                            margin-right: .7rem;
                        }

                        .gongyi_main_3 .w1400 .bd .con .txt img {
                            margin-bottom: .27rem;
                            width: .46rem;
                        }

                    .gongyi_main_3 .w1400 .bd .con .span {
                        display: block;
                        position: absolute;
                        right: 0;
                        bottom: 0;
                        width: 91px;
                        height: 100px;
                        z-index: 10;
                        background: linear-gradient(to right, #ca0004, #8a0002);
                        border-radius: .16rem 0 0 0;
                        text-align: center;
                    }

                        .gongyi_main_3 .w1400 .bd .con .span h3 {
                            font-size: 54px;
                            color: #fff4df;
                            font-family: arial;
                            padding-top: .1rem;
                        }

                        .gongyi_main_3 .w1400 .bd .con .span p {
                            color: #fff4df;
                            font-size: 16px;
                        }

    .gongyi_main_4 {
        padding: 0 0 .0rem;
    }

        .gongyi_main_4 .box3 li .img h4 {
            display: block;
            width: 128px;
            height: 45px;
            line-height: 45px;
            background: rgba(0, 0, 0, 0.4);
            position: absolute;
            left: 0;
            top: 0;
            z-index: 10;
            text-align: center;
            color: #fff;
            font-size: 16px;
            border-radius: 0 0 .13rem 0;
        }

        .gongyi_main_4 .box3 li:hover {
            box-shadow: .05rem .05rem .02rem 0 #a80003;
        }

    @media (max-width: 1440px) {
        .gongyi_main_3 .w1400 .bd .con .txt h3 {
            font-size: 20px;
            margin-top: .5rem;
            margin-right: .5rem;
            margin-bottom: .2rem;
        }

        .gongyi_main_3 .w1400 .bd .con .txt img {
            width: .4rem;
        }
    }

    @media (max-width: 1200px) {
        .gongyi_main_3 .w1400 {
            margin: 0 4%;
            width: 92%;
        }

            .gongyi_main_3 .w1400 .bd .con .img {
                width: 100%;
            }

                .gongyi_main_3 .w1400 .bd .con .img span {
                    width: 1.5rem;
                    height: .5rem;
                    line-height: .5rem;
                    font-size: .24rem;
                }

            .gongyi_main_3 .w1400 .bd .con .txt {
                width: 100%;
                padding-left: .5rem;
                padding-bottom: 1.5rem;
            }

                .gongyi_main_3 .w1400 .bd .con .txt h3 {
                    font-size: .35rem;
                    line-height: .45rem;
                    height: .9rem;
                }

                .gongyi_main_3 .w1400 .bd .con .txt p {
                    font-size: .24rem;
                    line-height: .45rem;
                    height: .9rem;
                }

            .gongyi_main_3 .w1400 .bd .con .span {
                width: 1.2rem;
                height: 1rem;
            }

                .gongyi_main_3 .w1400 .bd .con .span h3 {
                    font-size: .4rem;
                }

                .gongyi_main_3 .w1400 .bd .con .span p {
                    font-size: .24rem;
                }

            .gongyi_main_3 .w1400 .hd {
                left: .5rem;
                bottom: .8rem;
            }

                .gongyi_main_3 .w1400 .hd li {
                    width: .3rem;
                    height: .3rem;
                    margin-right: .25rem;
                }

        .gongyi_main_2 .box3 {
            padding: 0.69rem 2% 0.1rem;
        }

        .gongyi_main_4 .box3 li .img h4 {
            width: 1.5rem;
            line-height: .55rem;
            height: .55rem;
            font-size: .24rem;
        }

        .pager {
            padding: .3rem 0 1rem;
            font-size: .26rem;
        }

            .pager ul li {
                margin: 0 .05rem;
            }

            .pager ul a {
                line-height: .55rem;
                padding: 0 .15rem;
            }
    }

    /******精研品牌 end*******/
    /******精研技术*******/
    .jishu_main_1 {
        width: 100%;
        padding: 0.9rem 0 0rem;
    }

        .jishu_main_1 .top {
            border: 1px solid #d09b71;
            border-radius: .06rem .26rem .06rem .26rem;
            position: relative;
            padding: .32rem .5rem .32rem 1.75rem;
            margin-bottom: .69rem;
        }

            .jishu_main_1 .top .ico {
                position: absolute;
                background: linear-gradient(to right, #f9e7c6, #faeacb);
                left: .14rem;
                top: -.2rem;
                height: .4rem;
                width: 1.55rem;
            }

                .jishu_main_1 .top .ico img {
                    display: block;
                    margin: 0 auto;
                    transform: rotate(180deg);
                }

            .jishu_main_1 .top p {
                font-size: 18px;
                color: #622f0d;
                line-height: 34px;
            }

        .jishu_main_1 li {
            position: relative;
            width: 30.6%;
            float: left;
            margin-right: 4%;
            border: 1px solid #d09b71;
            border-radius: .06rem .26rem .06rem .26rem;
            overflow: hidden;
            text-align: center;
        }

            .jishu_main_1 li img {
                width: 100%;
                vertical-align: top;
            }

            .jishu_main_1 li .txt {
                transition: ease-in-out .2s;
                background: url(../images/jishu_1_li.png) center top no-repeat;
                width: 100%;
                height: 2.3rem;
                bottom: -.82rem;
                position: absolute;
                left: 0;
            }

                .jishu_main_1 li .txt h3 {
                    font-size: 22px;
                    color: #3f2525;
                    padding-top: .53rem;
                    padding-bottom: .4rem;
                }

                .jishu_main_1 li .txt p {
                    font-size: 14px;
                    line-height: 28px;
                    padding: 0 10px;
                    color: #2f1e1b;
                    opacity: 0;
                }

            .jishu_main_1 li:nth-child(3) {
                margin-right: 0;
            }

            .jishu_main_1 li:hover .txt {
                bottom: 0;
                background: url(../images/jishu_1_on.png) center top no-repeat;
            }

                .jishu_main_1 li:hover .txt h3 {
                    color: #fff4df;
                    font-weight: bold;
                }

                .jishu_main_1 li:hover .txt p {
                    opacity: 1;
                }

    .jishu_main_2 {
        padding-top: 0.9rem;
    }
    .jishu_main_2 .body{padding: 5%;
      border: #d4ae90 solid 1px;
      border-radius: 0.26rem;
      background: linear-gradient(to bottom, #fef9f0, #f4e4cd);
      overflow: hidden;}

        .jishu_main_2 .w1400 {
            position: relative;
            height: 100%;
        }

        .jishu_main_2 .left {
            position: absolute;
            left: 5%;
            bottom: 5%;
        }

            .jishu_main_2 .left img {
                width: 400px;
            }

        .jishu_main_2 .txt {
            padding-left: 36%;
        }

            .jishu_main_2 .txt h3 {
                font-size:36px;
                color: #a41f24;
                font-weight: bold;
                line-height: 46px; padding-bottom: 40px;
                margin-bottom: 40px; border-bottom: #e2cbae solid 1px;
            }

            .jishu_main_2 .txt h4 {
                line-height:30px;
                font-size: 28px;
                color: #423529;
                margin-bottom: 30px;
            }

            .jishu_main_2 .txt .p {
                line-height: 34px;
                font-size: 18px;
                color: #3e2e24;
                margin-bottom: 46px;
            }

            .jishu_main_2 .txt h5 {
                font-size: 48px;
                color: #fff8e5;
                font-weight: bold;
                margin-bottom: 44px;
            }

            .jishu_main_2 .txt .more {
                transition: ease-in-out .2s;
            }

                .jishu_main_2 .txt .more a {
                    background: linear-gradient(to right, #d69c58, #9f6330);
                    color: #8b0003; width: 240px; height: 60px; line-height: 60px; border-radius: 0.2rem 0.05rem 0.2rem 0rem;
                   font-size: 20px; color: #fff;
                }

                    .jishu_main_2 .txt .more a i {
                        width: .1rem;
                        height: .16rem;
                        background-position: 0 -.13rem;
                        margin-left: .33rem;
                        margin-bottom: .01rem;filter: grayscale(100%) brightness(900%);
                    }

                .jishu_main_2 .txt .more:hover {
                    transform: translateX(8px);
                }

    .jishu_main_3 {
        overflow: hidden;
        padding: 0.9rem 0 0.6rem;
    }

        .jishu_main_3 .top {
            border: 1px solid #d09b71;
            border-radius: .06rem .26rem .06rem .26rem;
            position: relative;
            padding: .32rem .5rem .32rem 1.75rem;
            margin-bottom: .69rem;
        }

            .jishu_main_3 .top .ico {
                position: absolute;
                background: linear-gradient(to right, #f9e7c6, #faeacb);
                left: .14rem;
                top: -.2rem;
                height: .4rem;
                width: 1.55rem;
            }

                .jishu_main_3 .top .ico img {
                    display: block;
                    margin: 0 auto;
                    transform: rotate(180deg);
                }

            .jishu_main_3 .top p {
                font-size: 18px;
                color: #622f0d;
                line-height: 34px;
            }

        .jishu_main_3 .body {
            border: 1px solid #d09b71;
            border-radius: .06rem .26rem .06rem .26rem;
            overflow: hidden;
            background: linear-gradient(to bottom, #fff1d8, #fff8e5, #f8e4c1);
        }

            .jishu_main_3 .body .img {
                width: 28%;
                border-right: 1px solid #d09b71;
                border-radius: 0 .26rem .06rem 0;
                overflow: hidden;
                float: left;
            }

                .jishu_main_3 .body .img img {
                    width: 100%;
                    vertical-align: top;
                }

            .jishu_main_3 .body .right {
                width: 67%;
            }

                .jishu_main_3 .body .right .hd {
                    padding-top: 60px;
                    margin-bottom: 48px;
                }

                    .jishu_main_3 .body .right .hd li {
                        width: 161px;
                        height: 44px;
                        line-height: 44px;
                        text-align: center;
                        background: #d09b71;
                        color: #fff;
                        float: left;
                        border-radius: 22px;
                        margin-right: 20px;
                    }

                        .jishu_main_3 .body .right .hd li a {
                            width: 100%;
                            height: 100%;
                            display: block;
                            color: #fff;
                            font-size: 20px;
                        }

                        .jishu_main_3 .body .right .hd li.on {
                            background: linear-gradient(to right, #c90004, #880002);
                        }

                .jishu_main_3 .body .right .bd .con {
                    overflow: auto;
                    height: 434px;
                    font-size: 16px;
                    line-height: 31px;
                    padding-right: 20px;
                    margin-right: 30px;
                }

                    .jishu_main_3 .body .right .bd .con img {
                        max-width: 100%;
                        vertical-align: top;
                    }

                    .jishu_main_3 .body .right .bd .con li {
                        margin-bottom: 50px;
                    }

                        .jishu_main_3 .body .right .bd .con li img {
                            float: left;
                            width: 251px;
                            height: 141px;
                            border-radius: .05rem;
                            margin-right: 40px;
                        }

                        .jishu_main_3 .body .right .bd .con li h3 {
                            font-size: 22px;
                            color: #2f1e1b;
                            text-overflow: -o-ellipsis-lastline;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            display: -webkit-box;
                            -webkit-line-clamp: 2;
                            line-clamp: 2;
                            -webkit-box-orient: vertical;
                            line-height: 30px;
                            height: 60px;
                        }

                        .jishu_main_3 .body .right .bd .con li h4 {
                            color: #d09b71;
                            font-size: 16px;
                        }

                        .jishu_main_3 .body .right .bd .con li p {
                            font-size: 16px;
                            color: #6c5851;
                            line-height: 24px;
                            text-overflow: -o-ellipsis-lastline;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            display: -webkit-box;
                            -webkit-line-clamp: 2;
                            line-clamp: 2;
                            -webkit-box-orient: vertical;
                            height: 48px;
                        }

                        .jishu_main_3 .body .right .bd .con li:last-child {
                            margin-bottom: 0;
                        }

                        .jishu_main_3 .body .right .bd .con li:hover h3 {
                            color: #a60004;
                        }

                    .jishu_main_3 .body .right .bd .con::-webkit-scrollbar {
                        width: 6px;
                        height: 5px;
                    }

                    .jishu_main_3 .body .right .bd .con::-webkit-scrollbar-thumb {
                        width: 6px;
                        border-radius: 4px;
                        background: #d09b71;
                    }

                    .jishu_main_3 .body .right .bd .con::-webkit-scrollbar-track {
                        border-radius: 5px;
                        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
                        background: #f1dfd0;
                    }

    /* 新增honor_img */
    .ny_main_honor {
        height: 100%;
        padding-top: 60px;
    }

        .ny_main_honor .txt {
            text-align: center;
        }

            .ny_main_honor .txt h3 {
                font-size: 46px;
                color: #a60004;
                font-weight: bold;
                line-height: 65px;
                margin-bottom: 20px;
            }

        .ny_main_honor .img {
            width: 90%;
            margin: 0px 5%;
            overflow: hidden;
            text-align: center;
        }

            .ny_main_honor .img img {
                width: 100%;
                vertical-align: top;
            }

    @media (max-width: 1200px) {

        .ny_main_honor {
            padding-top: 0px;
        }

            .ny_main_honor .img {
                width: 100%;
                margin: 0;
            }

            .ny_main_honor .txt h3 {
                font-size: .45rem;
            }
    }

    /* 新增honor_img_end */


    @media (max-width: 1440px) {
        .jishu_main_1 .top .ico {
            background: linear-gradient(to right, #fae9cb, #fbeccf);
        }

        .jishu_main_2 .txt h3 {
            font-size: 42px;
        }

            .jishu_main_2 .txt h3 span {
                font-size: 32px;
            }

        .jishu_main_2 .txt h4 {
            font-size: 26px;
        }

        .jishu_main_2 .txt h5 {
            font-size: 42px;
        }

        .jishu_main_3 .top .ico {
            background: linear-gradient(to right, #fae6c4, #fae8c8);
        }

        .jishu_main_3 .body .right .bd .con li {
            margin-bottom: 30px;
        }

        .jishu_main_3 .body .right .bd .con {
            height: 310px;
        }

            .jishu_main_3 .body .right .bd .con li h3 {
                font-size: 20px;
            }

            .jishu_main_3 .body .right .bd .con li p {
                font-size: 14px;
            }
    }

    @media (max-width: 1200px) {
        .jishu_main_1 .top {
            padding-left: .5rem;
            margin: 0 2% .3rem;
        }

            .jishu_main_1 .top .ico {
                display: none;
            }

            .jishu_main_1 .top p {
                font-size: .25rem;
                line-height: .45rem;
            }

        .jishu_main_1 li {
            width: 96%;
            margin: 0 auto;
            float: none;
            margin-bottom: .3rem;
        }

            .jishu_main_1 li .txt {
                background: linear-gradient(to bottom, #fff8e5, #f8e4c0);
                border-top: 1px solid #d09b71;
                bottom: -1.5rem;
                height: 3.2rem;
                padding-top: .5rem;
            }

                .jishu_main_1 li .txt p {
                    font-size: .24rem;
                    line-height: .4rem;
                }

                .jishu_main_1 li .txt h3 {
                    font-size: .34rem;
                    color: #fff;
                    background: linear-gradient(to right, #c18658, #f2cca4);
                    margin: 0 .2rem .3rem;
                    line-height: .7rem;
                    border-radius: .35rem;
                    padding: 0;
                }

            .jishu_main_1 li:hover .txt {
                bottom: 0;
                background: linear-gradient(to bottom, #fff8e5, #f8e4c0);
                background-size: 100% auto;
            }

                .jishu_main_1 li:hover .txt h3 {
                    color: #fff;
                }

            .jishu_main_1 li:nth-child(3) {
                margin: 0 auto;
            }

        .jishu_main_2 {
            overflow: hidden;
            height: auto;
        }

            .jishu_main_2 .left {
                position: relative;
                width: 100%;
                bottom: auto;
                margin-top: .5rem;
                float: none;
            }

                .jishu_main_2 .left img {
                    width: 100%;
                    margin-left: .2rem;
                }

            .jishu_main_2 .txt {
                padding-left: 0;
            }

                .jishu_main_2 .txt h3 {
                    font-size: .45rem;
                    line-height: .6rem;
                    margin-bottom: .4rem; padding-bottom: 0.4rem;
                }

                    .jishu_main_2 .txt h3 span {
                        font-size: .3rem;
                        line-height: .3rem;
                    }

                .jishu_main_2 .txt h4 {
                    width: 100%;  font-size: .3rem;
                    margin-bottom: .3rem;
                }

                .jishu_main_2 .txt .p {
                    margin-bottom: .4rem;
                    font-size: .22rem;
                    line-height: .45rem;
                }

                .jishu_main_2 .txt h5 {
                    font-size: .45rem;
                    color: #a60004;
                }

                .jishu_main_2 .txt .more a {
                    background: #f9e5c2;
                }

        .jishu_main_3 {
            padding: 1rem 0 1rem;
        }

            .jishu_main_3 .top p {
                font-size: .25rem;
                line-height: .45rem;
            }

            .jishu_main_3 .top .ico {
                display: none;
            }

            .jishu_main_3 .top {
                padding-left: .5rem;
            }

            .jishu_main_3 .body {
                border: none;
                background: none;
                border-radius: 0;
            }

                .jishu_main_3 .body .img {
                    width: 100%;
                    border-radius: .06rem .26rem .06rem .26rem;
                    overflow: hidden;
                    border: 1px solid #d09b71;
                }

                .jishu_main_3 .body .right {
                    width: 100%;
                }

                    .jishu_main_3 .body .right .hd li {
                        width: 23%;
                        margin-right: 2%;
                        height: .7rem;
                        line-height: .7rem;
                        border-radius: .35rem;
                    }

                        .jishu_main_3 .body .right .hd li a {
                            font-size: .28rem;
                        }

                        .jishu_main_3 .body .right .hd li:nth-child(4) {
                            margin-right: 0;
                        }

                    .jishu_main_3 .body .right .hd {
                        padding-top: .6rem;
                        margin-bottom: .48rem;
                    }

                    .jishu_main_3 .body .right .bd .con {
                        height: auto;
                        padding: 0 .1rem;
                        margin-right: 0;
                        line-height: .45rem;
                        font-size: .26rem;
                    }

                        .jishu_main_3 .body .right .bd .con li {
                            margin-bottom: .3rem;
                        }

                            .jishu_main_3 .body .right .bd .con li img {
                                width: 2.15rem;
                                height: 1.41rem;
                                margin-right: .2rem;
                            }

                            .jishu_main_3 .body .right .bd .con li h3 {
                                font-size: .3rem;
                                line-height: .45rem;
                                height: .9rem;
                            }

                            .jishu_main_3 .body .right .bd .con li h4 {
                                font-size: .28rem;
                                padding-top: .1rem;
                            }

                            .jishu_main_3 .body .right .bd .con li p {
                                display: none;
                            }
    }

    /****精研技术end******/




    /****job*****/
    .job_list li {
        width: 48%;
        border: 1px solid #f1f1f1;
        height: 264px;
        background: #fff;
        position: relative;
        box-sizing: border-box;
        padding: 38px;
        float: left;
        margin-bottom: 30px;
    }

        .job_list li .box1 {
            position: absolute;
        }

            .job_list li .box1 h3 {
                font-size: 24px;
                position: relative;
            }

                .job_list li .box1 h3 b {
                    border: 1px solid #a60004;
                    width: 21px;
                    height: 21px;
                    position: absolute;
                    font-size: 16px;
                    font-weight: 100;
                    text-align: center;
                    line-height: 21px;
                    color: #a60004;
                    margin-top: 6px;
                }

                .job_list li .box1 h3 span {
                    padding-left: 32px;
                    font-weight: bold;
                }

            .job_list li .box1 p {
                font-size: 16px;
                color: #999;
                border-bottom: 1px solid #ddd;
                width: 359px;
                padding-bottom: 22px;
                padding-top: 4px;
                margin-bottom: 24px;
            }

            .job_list li .box1 h4 {
                color: #2f323a;
                font-size: 14px;
            }

                .job_list li .box1 h4 span {
                    padding-left: 50px;
                }

            .job_list li .box1 a {
                color: #a60004;
                margin-top: 25px;
                display: block;
            }

            .job_list li .box1 h4:nth-child(3) {
                margin-bottom: 12px;
            }

            .job_list li .box1 a i {
                width: 11px;
                height: 6px;
                background-position: -265px 0;
                margin-left: 5px;
            }

        .job_list li .img {
            position: absolute;
            right: 10px;
            top: 42px;
            z-index: 5;
        }

            .job_list li .img img {
                width: 90%;
                float: right;
            }

        .job_list li .txt_con {
            background: #fff;
            padding: 38px;
            margin-top: 220px;
        }

        .job_list li .txt {
            position: absolute;
            left: 0;
            top: 0;
            z-index: 8;
            width: 100%;
            box-sizing: border-box;
            display: none;
            box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
        }

            .job_list li .txt h4 {
                font-size: 18px;
                font-weight: bold;
                margin-bottom: 5px;
            }

            .job_list li .txt .des {
                color: #666;
                line-height: 28px;
                font-size: 14px;
                transition: ease-in-out 0.2s;
            }

                .job_list li .txt .des img {
                    max-width: 100%;
                }

            .job_list li .txt .bott {
                margin-top: 50px;
            }

                .job_list li .txt .bott .left {
                    margin-top: 20px;
                }

                    .job_list li .txt .bott .left a {
                        color: #a60004;
                    }

                        .job_list li .txt .bott .left a i {
                            width: 11px;
                            height: 6px;
                            background-position: -286px 0;
                            margin-left: 5px;
                        }

                .job_list li .txt .bott .right {
                    width: 140px;
                    height: 40px;
                    line-height: 40px;
                    text-align: center;
                    background: #a60004;
                    color: #fff;
                }

                    .job_list li .txt .bott .right a {
                        color: #fff;
                        width: 100%;
                        height: 100%;
                        display: block;
                    }

                    .job_list li .txt .bott .right i {
                        width: 20px;
                        height: 7px;
                        background-position: -123px 0;
                        margin-left: 7px;
                        margin-bottom: 2px;
                    }

                    .job_list li .txt .bott .right:hover a {
                        background: #488ffb;
                    }

            .job_list li .txt .des:nth-child(2) {
                border-bottom: 1px solid #ddd;
                margin-bottom: 30px;
                padding-bottom: 30px;
            }

        .job_list li:nth-child(2n) {
            float: right;
        }

        .job_list li.on {
            z-index: 10;
        }

        .job_list li:hover .box1 h3 {
            color: #a60004;
        }

        .job_list li:hover {
            transform: translateY(-5px);
            transition: ease-in-out 0.2s;
        }

    /*****download*****/
    .download_list {
        padding-bottom: 100px;
    }

        .download_list .pager {
            margin-top: 20px;
        }

        .download_list .tit {
            line-height: 64px;
            background: #a60004;
            color: #fff;
            height: 64px;
            position: relative;
            font-size: 20px;
        }

        .download_list .share-sub {
            position: absolute;
            left: 250px;
            top: 14px;
            width: 250px;
            height: 40px;
            overflow: hidden;
            background: #fff;
            border-radius: 20px;
            border: none;
            z-index: 10;
        }

            .download_list .share-sub .sub-btn {
                border: none;
                width: 26px;
                height: 26px;
                cursor: pointer;
                margin-top: 7px;
                background-position: -85px 0;
                transition: ease-in-out 0.2s;
                outline: none;
            }

            .download_list .share-sub .tex {
                width: 175px;
                font-size: 14px;
                height: 18px;
                line-height: 18px;
                padding: 11px 14px;
                color: #333;
                border: none;
                background: #fff;
                outline: none;
            }

        .download_list .tit .left i {
            width: 14px;
            height: 18px;
            background-position: -202px -22px;
            margin-left: 41px;
            margin-right: 10px;
            margin-bottom: 3px;
        }

        .download_list .tit .right {
            width: 445px;
            background: #0f60d8;
        }

            .download_list .tit .right li {
                float: left;
            }

                .download_list .tit .right li i {
                    width: 17px;
                    height: 17px;
                    background-position: -257px -22px;
                    margin-right: 10px;
                }

                .download_list .tit .right li:first-child {
                    margin-left: 83px;
                    margin-right: 134px;
                }

                    .download_list .tit .right li:first-child i {
                        width: 19px;
                        height: 19px;
                        background-position: -226px -21px;
                    }

        .download_list .body {
            background: #fff;
        }

            .download_list .body .down_con li {
                border-bottom: 1px solid #d9d9d9;
                line-height: 58px;
                padding: 0 39px;
            }

                .download_list .body .down_con li .left {
                    font-size: 18px;
                }

                .download_list .body .down_con li .right {
                    font-size: 16px;
                }

                    .download_list .body .down_con li .right a {
                        color: #666;
                    }

                        .download_list .body .down_con li .right a:first-child {
                            margin-right: 117px;
                        }

                        .download_list .body .down_con li .right a:hover {
                            color: #a60004;
                        }

                .download_list .body .down_con li:hover {
                    border-bottom: 1px solid #a60004;
                }

    .zhao_list li {
        width: 49%;
        border: 1px solid #f1f1f1;
        height: 216px;
        background: #fff;
        position: relative;
        box-sizing: border-box;
        padding: 39px 40px;
        float: left;
        margin-bottom: 20px;
        box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.05);
    }

        .zhao_list li h3 {
            font-size: 24px;
            margin-bottom: 15px;
        }

            .zhao_list li h3 span {
                display: block;
                float: right;
                width: 75px;
                height: 23px;
                background: #91a4c0;
                color: #fff;
                font-size: 14px;
                text-align: center;
                line-height: 23px;
                border-radius: 3px;
            }

            .zhao_list li h3 .span1 {
                background: #a60004;
            }

        .zhao_list li p {
            font-size: 14px;
            line-height: 24px;
            color: #999;
            height: 48px;
            text-overflow: -o-ellipsis-lastline;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            -webkit-box-orient: vertical;
        }

        .zhao_list li h4 {
            color: #999;
            padding-top: 10px;
            border-top: 1px solid #ddd;
            position: relative;
            margin-top: 20px;
        }

            .zhao_list li h4 span {
                float: right;
            }

            .zhao_list li h4 i {
                width: 0;
                height: 1px;
                background: #a60004;
                display: block;
                position: absolute;
                left: 0;
                top: 0;
                transition: ease-in-out 0.3s;
            }

        .zhao_list li a {
            display: block;
            width: 100%;
            height: 100%;
        }

        .zhao_list li:nth-child(2n) {
            float: right;
        }

        .zhao_list li:hover {
            box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
            transform: translateY(-5px);
            transition: ease-in-out 0.2s;
        }

            .zhao_list li:hover h3 {
                font-weight: bold;
                color: #a60004;
            }

                .zhao_list li:hover h3 span {
                    font-weight: 400;
                }

            .zhao_list li:hover h4 i {
                width: 100%;
            }

    .service_list {
        padding-top: 50px;
        padding-bottom: 20px;
    }

        .service_list li {
            width: 32%;
            margin-right: 2%;
            float: left;
            height: 204px;
            background: #fff url("../images/server.jpg") top right no-repeat;
            margin-bottom: 23px;
            padding: 35px 40px;
            box-sizing: border-box;
            box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
        }

            .service_list li p {
                font-size: 16px;
                color: #666;
                padding-bottom: 11px;
            }

            .service_list li h3 {
                border-bottom: 1px solid #ddd;
                font-size: 26px;
                padding-bottom: 23px;
                margin-bottom: 20px;
                color: #a60004;
            }

            .service_list li span {
                font-size: 16px;
            }

            .service_list li:nth-child(3n) {
                margin-right: 0;
            }

            .service_list li:hover {
                box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
                transform: translateY(-5px);
            }

    .page_product .box1 {
        padding: 40px;
        margin-bottom: 100px;
        background: #fff;
    }

    .page_product .showimg {
        width: 752px;
        position: relative;
        float: left;
    }

        .page_product .showimg .bigimg {
            width: 750px;
            height: 422px;
            display: block;
            position: relative;
            border: 1px solid #dddddd;
            overflow: hidden;
        }

            .page_product .showimg .bigimg .list {
                width: 5000%;
            }

                .page_product .showimg .bigimg .list li {
                    width: 750px;
                    height: 422px;
                    float: left;
                }

                .page_product .showimg .bigimg .list img {
                    width: 100%;
                    height: 100%;
                    display: block;
                    transition: all ease 300ms;
                    background: #f5f5f5;
                }

        .page_product .showimg .smallimg {
            width: 320px;
            height: 59px;
            position: absolute;
            left: 800px;
            bottom: 75px;
            z-index: 10;
            overflow: hidden;
        }

        .page_product .showimg .list {
            width: 207px;
            overflow: hidden;
            position: relative;
            margin: 0 auto;
        }

        .page_product .showimg .listcon {
            width: 200%;
            position: relative;
        }

        .page_product .showimg .prev,
        .page_product .showimg .next {
            width: 37px;
            height: 57px;
            z-index: 10;
            position: absolute;
            bottom: 0px;
            cursor: pointer;
            background: #ddd url("../images/show-btn-ico.png") no-repeat 0 center;
            border-radius: 5px;
        }

            .page_product .showimg .prev:hover,
            .page_product .showimg .next:hover {
                background-color: #b9b8b8;
            }

        .page_product .showimg .prev {
            left: 0;
            background-position: 11px center;
        }

        .page_product .showimg .next {
            right: 0px;
            background-position: -74px center;
        }

        .page_product .showimg .smallimg li {
            width: 57px;
            height: 57px;
            margin-right: 15px;
            float: left;
            cursor: pointer;
            position: relative;
            border: 1px solid #dddddd;
            background: #bdbdbd;
        }

            .page_product .showimg .smallimg li img {
                width: 100%;
                height: 100%;
                display: block;
                object-fit: cover;
            }

            .page_product .showimg .smallimg li.on {
                border: 1px solid #ed6d00;
            }



    .dialog-layout {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 999;
        background: #000;
        opacity: 0.5;
    }

    /* 图片 */
    @-webkit-keyframes gradient-rectangle {
        0% {
            -webkit-transform: scaleY(0);
            transform: scaleY(0);
            -webkit-transform-origin: bottom;
            transform-origin: bottom;
            background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));
            background: -webkit-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));
            background: -moz-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));
            /*FireFox*/
            background: -o-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));
            /* Opear */
            background: -ms-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));
            opacity: 1;
        }

        100% {
            -webkit-transform: scaleY(1);
            transform: scaleY(1);
            -webkit-transform-origin: top;
            transform-origin: top;
            background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));
            background: -webkit-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));
            background: -moz-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));
            /*FireFox*/
            background: -o-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));
            /* Opear */
            background: -ms-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));
            opacity: 0;
        }
    }

    /* Underline From Center1 */
    .hvr-underline-from-center1 {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
    }

        .hvr-underline-from-center1:before {
            content: "";
            position: absolute;
            z-index: -1;
            left: 50%;
            right: 50%;
            bottom: 2px;
            background: #a60004;
            height: 4px;
            -webkit-transition-property: left, right;
            transition-property: left, right;
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
            -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
        }

        .hvr-underline-from-center1:hover:before,
        .hvr-underline-from-center1.hover:before,
        .hvr-underline-from-center1:focus:before,
        .hvr-underline-from-center1:active:before {
            left: 0;
            right: 0;
        }

        .hvr-underline-from-center1:hover,
        .hvr-underline-from-center1.hover {
            *height: 43px;
            *border-bottom: 3px solid #d74f31;
            *line-height: 43px;
        }

    @-webkit-keyframes scale {
        0% {
            -webkit-transform: scale(1);
        }

        50% {
            -webkit-transform: scale(1.02);
        }

        100% {
            -webkit-transform: scale(1);
        }
    }

    @keyframes scale {
        0% {
            transform: scale(1);
        }

        50% {
            transform: scale(1.02);
        }

        100% {
            transform: scale(1);
        }
    }

    @-webkit-keyframes rotate {
        0% {
            -webkit-transform: rotate(0);
            transform: rotate(0);
        }

        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    @keyframes rotate {
        0% {
            -webkit-transform: rotate(0);
            transform: rotate(0);
        }

        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }

    @-webkit-keyframes animatemap {
        0% {
            transform: translateY(-10px);
        }

        20% {
            border-radius: 2px;
        }

        50% {
            transform: translateY(-5px);
            border-bottom-right-radius: 25px;
        }

        80% {
            border-radius: 2px;
        }

        100% {
            transform: translateY(-10px);
        }
    }

    @-webkit-keyframes big {
        0% {
            -webkit-transform: scale(1);
        }

        50% {
            -webkit-transform: scale(0.9);
        }

        100% {
            -webkit-transform: scale(1);
        }
    }

    .sub_banner {
        height: 64px;
        position: relative;
        padding-top: 25.729%;
    }

        .sub_banner img {
            width: 100%;
            position: absolute;
            left: 0;
            z-index: 9;
            top: 0;
            display: block;
        }

        .sub_banner .tit {
            position: absolute;
            left: 50%;
            margin-left: -700px;
            top: 244px;
            z-index: 10;
            color: #fff;
            width: 1400px;
            ;
        }

            .sub_banner .tit p {
                font-size: 20px;
                font-weight: lighter;
                width: 90%;
                line-height: 26px;
                text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
            }

                .sub_banner .tit p a {
                    color: #fff;
                }

                    .sub_banner .tit p a:hover {
                        text-decoration: underline;
                    }

            .sub_banner .tit h3 {
                font-size: 36px;
                text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
                font-weight: bold;
                margin-bottom: 33px;
                padding-left: 97px;
                position: relative;
            }

            .sub_banner .tit span {
                display: block;
                position: absolute;
                left: 0;
                top: 50%;
                margin-top: -1px;
                background: #fff;
                width: 82px;
                height: 2px;
                z-index: 20;
                box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
            }

    .menu {
        width: 100%;
        height: 100px;
        line-height: 100px;
        background: #fff;
        z-index: 10;
        font-size: 24px;
        position: relative;
        box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.1);
    }

        .menu li {
            float: left;
            margin-right: 2px;
            text-align: center;
            width: auto;
            padding: 0 25px;
        }

            .menu li:first-child {
                padding-left: 0;
            }

            .menu li dl {
                position: absolute;
                left: 0;
                top: 100px;
                display: none;
                width: 100%;
                height: 52px;
                overflow: hidden;
            }

                .menu li dl dd {
                    position: absolute;
                    left: 50%;
                    width: 1400px;
                    margin-left: -700px;
                    top: 0;
                }

                    .menu li dl dd a {
                        float: left;
                        text-align: center;
                        line-height: 62px;
                        height: 62px;
                        font-size: 18px;
                        position: relative;
                        display: block;
                        padding-left: 25px;
                        padding-right: 25px;
                    }

                        .menu li dl dd a:first-child {
                            padding-left: 0;
                        }

                        .menu li dl dd a:before {
                            content: "";
                            display: block;
                            width: 1px;
                            height: 17px;
                            background: #c9c9c9;
                            position: absolute;
                            left: 0;
                            top: 50%;
                            margin-top: -8px;
                        }

                        .menu li dl dd a:first-child:before {
                            width: 0;
                        }

                        .menu li dl dd a:hover,
                        .menu li dl dd a.on {
                            color: #a60004;
                        }

            .menu li.hover dl {
                display: block;
            }

            .menu li .a {
                display: block;
                font-size: 24px;
                position: relative;
                height: 100%;
                overflow: hidden;
            }

            .menu li:hover,
            .menu li.hover {
            }

                .menu li:hover .a,
                .menu li.hover .a {
                    font-weight: bold;
                    color: #333;
                }

            .menu li .a i,
            .menu li .a i {
                width: 20px;
                height: 20px;
                background-position: 0 -344px;
                position: absolute;
                bottom: -20px;
                left: 50%;
                margin-left: -10px;
                transition: ease-in-out .3s;
            }

            .menu li.hover .a i,
            .menu li:hover .a i {
                bottom: 0;
            }

            .menu li .a::after,
            .menu li .a::after {
                position: absolute;
                left: 50%;
                bottom: 0;
                height: 2px;
                background: #0bbb66;
                content: "";
                width: 0;
                transition: ease-in-out .3s;
            }

            .menu li.hover .a::after,
            .menu li:hover .a::after {
                left: 0;
                width: 100%;
            }

    .ny_main {
        padding-top: 1rem;
        padding-bottom: 0rem;
    }

    .pro_list li {
        position: relative;
        float: left;
        width: 32%;
        margin-bottom: 50px;
        margin-right: 2%;
        background: #fff;
        transition: all ease 0.36s;
        box-sizing: border-box;
        overflow: hidden;
        padding: 10px;
    }

        .pro_list li:nth-child(3n) {
            margin-right: 0;
        }

        .pro_list li .img {
            position: relative;
            display: block;
            width: 100%;
            padding-top: 75%;
            overflow: hidden;
            z-index: 10;
        }

        .pro_list li .img {
            padding-top: 75%;
        }

        .pro_list li img {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 100%;
            height: 100%;
        }

        .pro_list li .txt {
            border-top: 1px solid #f6f6f6;
            line-height: 128px;
            font-size: 25px;
            position: relative;
            padding: 0 80px 0 27px;
            overflow: hidden;
            word-break: break-word;
            white-space: nowrap;
            text-overflow: ellipsis;
            color: #171c27;
        }

        .pro_list li span {
            display: block;
            width: 43px;
            height: 43px;
            border: 1px solid #bcc4d5;
            border-radius: 100%;
            position: absolute;
            right: 27px;
            top: 50%;
            margin-top: -22px;
            transition: ease-in-out .2s;
        }

            .pro_list li span i {
                width: 18px;
                height: 12px;
                background-position: 0 -448px;
                position: absolute;
                left: 50%;
                margin-left: -9px;
                top: 50%;
                margin-top: -6px;
            }

        .pro_list li:hover {
            box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.1);
            transform: translateY(-5px);
        }

            .pro_list li:hover span {
                box-shadow: 1px 5px 5px 5px rgba(34, 82, 174, 0.1);
                background: #2252ae;
                border: 1px solid #2252ae;
            }

                .pro_list li:hover span i {
                    background-position: 0 -433px;
                }

    .job_list li {
        width: 48%;
        border: 1px solid #f1f1f1;
        height: 264px;
        background: #fff;
        position: relative;
        box-sizing: border-box;
        padding: 38px;
        float: left;
        margin-bottom: 30px;
    }

        .job_list li .box1 {
            position: absolute;
        }

            .job_list li .box1 h3 {
                font-size: 24px;
                position: relative;
            }

                .job_list li .box1 h3 b {
                    border: 1px solid #a60004;
                    width: 21px;
                    height: 21px;
                    position: absolute;
                    font-size: 16px;
                    font-weight: 100;
                    text-align: center;
                    line-height: 21px;
                    color: #a60004;
                    margin-top: 6px;
                }

                .job_list li .box1 h3 span {
                    padding-left: 32px;
                    font-weight: bold;
                }

            .job_list li .box1 p {
                font-size: 16px;
                color: #999;
                border-bottom: 1px solid #ddd;
                width: 359px;
                padding-bottom: 22px;
                padding-top: 4px;
                margin-bottom: 24px;
            }

            .job_list li .box1 h4 {
                color: #2f323a;
                font-size: 14px;
            }

                .job_list li .box1 h4 span {
                    padding-left: 50px;
                }

            .job_list li .box1 a {
                color: #a60004;
                margin-top: 25px;
                display: block;
            }

            .job_list li .box1 h4:nth-child(3) {
                margin-bottom: 12px;
            }

            .job_list li .box1 a i {
                width: 11px;
                height: 6px;
                background-position: -265px 0;
                margin-left: 5px;
            }

        .job_list li .img {
            position: absolute;
            right: 10px;
            top: 42px;
            z-index: 5;
        }

            .job_list li .img img {
                width: 90%;
                float: right;
            }

        .job_list li .txt_con {
            background: #fff;
            padding: 38px;
            margin-top: 220px;
        }

        .job_list li .txt {
            position: absolute;
            left: 0;
            top: 0;
            z-index: 8;
            width: 100%;
            box-sizing: border-box;
            display: none;
            box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
        }

            .job_list li .txt h4 {
                font-size: 18px;
                font-weight: bold;
                margin-bottom: 5px;
            }

            .job_list li .txt .des {
                color: #666;
                line-height: 28px;
                font-size: 14px;
                transition: ease-in-out 0.2s;
            }

                .job_list li .txt .des img {
                    max-width: 100%;
                }

            .job_list li .txt .bott {
                margin-top: 50px;
            }

                .job_list li .txt .bott .left {
                    margin-top: 20px;
                }

                    .job_list li .txt .bott .left a {
                        color: #a60004;
                    }

                        .job_list li .txt .bott .left a i {
                            width: 11px;
                            height: 6px;
                            background-position: -286px 0;
                            margin-left: 5px;
                        }

                .job_list li .txt .bott .right {
                    width: 140px;
                    height: 40px;
                    line-height: 40px;
                    text-align: center;
                    background: #a60004;
                    color: #fff;
                }

                    .job_list li .txt .bott .right a {
                        color: #fff;
                        width: 100%;
                        height: 100%;
                        display: block;
                    }

                    .job_list li .txt .bott .right i {
                        width: 20px;
                        height: 7px;
                        background-position: -123px 0;
                        margin-left: 7px;
                        margin-bottom: 2px;
                    }

                    .job_list li .txt .bott .right:hover a {
                        background: #488ffb;
                    }

            .job_list li .txt .des:nth-child(2) {
                border-bottom: 1px solid #ddd;
                margin-bottom: 30px;
                padding-bottom: 30px;
            }

        .job_list li:nth-child(2n) {
            float: right;
        }

        .job_list li.on {
            z-index: 10;
        }

        .job_list li:hover .box1 h3 {
            color: #a60004;
        }

        .job_list li:hover {
            transform: translateY(-5px);
            transition: ease-in-out 0.2s;
        }


    .download_list {
        padding-bottom: 100px;
    }

        .download_list .pager {
            margin-top: 20px;
        }

        .download_list .tit {
            line-height: 64px;
            background: #a60004;
            color: #fff;
            height: 64px;
            position: relative;
            font-size: 20px;
        }

        .download_list .share-sub {
            position: absolute;
            left: 250px;
            top: 14px;
            width: 250px;
            height: 40px;
            overflow: hidden;
            background: #fff;
            border-radius: 20px;
            border: none;
            z-index: 10;
        }

            .download_list .share-sub .sub-btn {
                border: none;
                width: 26px;
                height: 26px;
                cursor: pointer;
                margin-top: 7px;
                background-position: -85px 0;
                transition: ease-in-out 0.2s;
                outline: none;
            }

            .download_list .share-sub .tex {
                width: 175px;
                font-size: 14px;
                height: 18px;
                line-height: 18px;
                padding: 11px 14px;
                color: #333;
                border: none;
                background: #fff;
                outline: none;
            }

        .download_list .tit .left i {
            width: 14px;
            height: 18px;
            background-position: -202px -22px;
            margin-left: 41px;
            margin-right: 10px;
            margin-bottom: 3px;
        }

        .download_list .tit .right {
            width: 445px;
            background: #0f60d8;
        }

            .download_list .tit .right li {
                float: left;
            }

                .download_list .tit .right li i {
                    width: 17px;
                    height: 17px;
                    background-position: -257px -22px;
                    margin-right: 10px;
                }

                .download_list .tit .right li:first-child {
                    margin-left: 83px;
                    margin-right: 134px;
                }

                    .download_list .tit .right li:first-child i {
                        width: 19px;
                        height: 19px;
                        background-position: -226px -21px;
                    }

        .download_list .body {
            background: #fff;
        }

            .download_list .body .down_con li {
                border-bottom: 1px solid #d9d9d9;
                line-height: 58px;
                padding: 0 39px;
            }

                .download_list .body .down_con li .left {
                    font-size: 18px;
                }

                .download_list .body .down_con li .right {
                    font-size: 16px;
                }

                    .download_list .body .down_con li .right a {
                        color: #666;
                    }

                        .download_list .body .down_con li .right a:first-child {
                            margin-right: 117px;
                        }

                        .download_list .body .down_con li .right a:hover {
                            color: #a60004;
                        }

                .download_list .body .down_con li:hover {
                    border-bottom: 1px solid #a60004;
                }

    .zhao_list li {
        width: 49%;
        border: 1px solid #f1f1f1;
        height: 216px;
        background: #fff;
        position: relative;
        box-sizing: border-box;
        padding: 39px 40px;
        float: left;
        margin-bottom: 20px;
        box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.05);
    }

        .zhao_list li h3 {
            font-size: 24px;
            margin-bottom: 15px;
        }

            .zhao_list li h3 span {
                display: block;
                float: right;
                width: 75px;
                height: 23px;
                background: #91a4c0;
                color: #fff;
                font-size: 14px;
                text-align: center;
                line-height: 23px;
                border-radius: 3px;
            }

            .zhao_list li h3 .span1 {
                background: #a60004;
            }

        .zhao_list li p {
            font-size: 14px;
            line-height: 24px;
            color: #999;
            height: 48px;
            text-overflow: -o-ellipsis-lastline;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            -webkit-box-orient: vertical;
        }

        .zhao_list li h4 {
            color: #999;
            padding-top: 10px;
            border-top: 1px solid #ddd;
            position: relative;
            margin-top: 20px;
        }

            .zhao_list li h4 span {
                float: right;
            }

            .zhao_list li h4 i {
                width: 0;
                height: 1px;
                background: #a60004;
                display: block;
                position: absolute;
                left: 0;
                top: 0;
                transition: ease-in-out 0.3s;
            }

        .zhao_list li a {
            display: block;
            width: 100%;
            height: 100%;
        }

        .zhao_list li:nth-child(2n) {
            float: right;
        }

        .zhao_list li:hover {
            box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
            transform: translateY(-5px);
            transition: ease-in-out 0.2s;
        }

            .zhao_list li:hover h3 {
                font-weight: bold;
                color: #a60004;
            }

                .zhao_list li:hover h3 span {
                    font-weight: 400;
                }

            .zhao_list li:hover h4 i {
                width: 100%;
            }

    .service_list {
        padding-top: 50px;
        padding-bottom: 20px;
    }

        .service_list li {
            width: 32%;
            margin-right: 2%;
            float: left;
            height: 204px;
            background: #fff url("../images/server.jpg") top right no-repeat;
            margin-bottom: 23px;
            padding: 35px 40px;
            box-sizing: border-box;
            box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
        }

            .service_list li p {
                font-size: 16px;
                color: #666;
                padding-bottom: 11px;
            }

            .service_list li h3 {
                border-bottom: 1px solid #ddd;
                font-size: 26px;
                padding-bottom: 23px;
                margin-bottom: 20px;
                color: #a60004;
            }

            .service_list li span {
                font-size: 16px;
            }

            .service_list li:nth-child(3n) {
                margin-right: 0;
            }

            .service_list li:hover {
                box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
                transform: translateY(-5px);
            }

    .ewmbox {
        width: 300px;
        height: 320px;
        padding-top: 20px;
        background: #fff;
        z-index: 9999;
        position: fixed;
        left: 50%;
        top: 50%;
        margin: -170px 0 0 -150px;
        text-align: center;
        font-size: 16px;
        display: none;
    }

        .ewmbox .close {
            width: 32px;
            height: 32px;
            position: absolute;
            top: -25px;
            right: -40px;
            cursor: pointer;
            border-radius: 100%;
            background: url("../images/close.png") no-repeat center center;
            transition: all ease 300ms;
        }

            .ewmbox .close:hover {
                transform: rotate(180deg);
            }

        .ewmbox img {
            width: 260px;
            height: 260px;
            display: block;
            margin: 0 auto 10px;
        }

    .box1_right {
        width: calc(100% - 800px);
        position: relative;
        height: 424px;
    }

        .box1_right h1 {
            font-size: 30px;
            padding-bottom: 20px;
            padding-top: 40px;
        }

        .box1_right .p {
            line-height: 30px;
        }

        .box1_right h3 {
            font-size: 34px;
            color: red;
            text-transform: uppercase;
            padding-top: 15px;
            padding-bottom: 23px;
        }

        .box1_right p {
            font-size: 16px;
            color: #666;
            line-height: 24px;
            height: 144px;
            overflow: hidden
        }

        .box1_right .t h2 {
            border-bottom: 1px solid #dcdcdc;
            font-size: 20px;
        }

        .box1_right .t b {
            border-bottom: 2px solid #fdc824;
            display: inline-block;
            padding-bottom: 12px;
        }

        .box1_right .t p {
            font-size: 16px;
            line-height: 36px;
            color: #666;
            margin-bottom: 35px;
            padding-top: 5px;
        }

        .box1_right .a {
            width: 435px;
            position: absolute;
            left: 0;
            bottom: 0px;
        }

            .box1_right .a a {
                display: block;
                width: 200px;
                height: 45px;
                text-align: center;
                color: #fff;
                background: #a60004;
                font-size: 18px;
                cursor: pointer;
                line-height: 45px;
            }

                .box1_right .a a i {
                    width: 27px;
                    height: 25px;
                    background-position: 0 -154px;
                    margin-left: 15px;
                }

                .box1_right .a a:hover {
                    opacity: .9;
                }

    .page_product .box2 {
        background: #fff;
        padding: 50px 100px;
    }

        .page_product .box2 .tit {
            font-size: 36px;
            padding-bottom: 45px;
        }

        .page_product .box2 .hd {
            margin-bottom: 33px;
        }

            .page_product .box2 .hd li {
                float: left;
                width: 200px;
                height: 50px;
                line-height: 50px;
                text-align: center;
                border-right: 1px solid #ddd;
                border-top: 1px solid #ddd;
                border-bottom: 1px solid #ddd;
                font-size: 22px;
                cursor: pointer;
            }

                .page_product .box2 .hd li:first-child {
                    border-left: 1px solid #ddd;
                }

                .page_product .box2 .hd li.on {
                    background: #a60004;
                    color: #fff;
                }

        .page_product .box2 .bd li {
            line-height: 30px;
            font-size: 16px !important;
            color: #666 !important;
        }

            .page_product .box2 .bd li img {
                max-width: 100%;
            }

            .page_product .box2 .bd li table {
                width: 100% !important;
            }

                .page_product .box2 .bd li table td {
                    padding: 5px 1px;
                    border: 1px solid #ddd !important;
                    text-align: center !important;
                    font-size: 14px !important;
                    color: #666 !important;
                    word-break: break-word;
                    width: auto !important;
                }

                    .page_product .box2 .bd li table td p {
                        text-align: center !important;
                        font-size: 14px !important;
                        color: #666 !important;
                        word-break: break-word;
                        width: auto !important;
                    }

                        .page_product .box2 .bd li table td p span {
                            text-align: center !important;
                            font-size: 14px !important;
                            color: #666 !important;
                            word-break: break-word;
                            width: auto !important;
                        }

        .page_product .box2 .xia {
            background: #999;
            color: #fff;
            height: 100px;
            margin-top: 63px;
        }

            .page_product .box2 .xia a {
                display: block;
                width: 100%;
                height: 100%;
                color: #fff;
            }

            .page_product .box2 .xia h3 {
                font-size: 20px;
            }

            .page_product .box2 .xia img {
                width: 78px;
                height: 100px;
            }

            .page_product .box2 .xia .left {
                width: 50%;
                position: relative;
                padding-left: 78px;
                box-sizing: border-box;
                padding-top: 25px;
                background: #878f9f;
                height: 100px;
            }

                .page_product .box2 .xia .left i {
                    width: 12px;
                    height: 21px;
                    background-position: -126px -54px;
                    position: absolute;
                    left: 46px;
                    top: 48px;
                }

            .page_product .box2 .xia .right {
                width: 50%;
                box-sizing: border-box;
            }

                .page_product .box2 .xia .right .fl {
                    padding-left: 21px;
                    padding-top: 10px;
                }

                .page_product .box2 .xia .right .fr {
                    padding-top: 25px;
                    text-align: right;
                    padding-right: 99px;
                    position: relative;
                }

                    .page_product .box2 .xia .right .fr i {
                        width: 12px;
                        height: 21px;
                        background-position: -142px -54px;
                        position: absolute;
                        right: 46px;
                        top: 38px;
                    }

    .remm {
        padding-top: 1rem;
        padding-bottom: .5rem;
    }


        .remm .box3 {
            padding-top: 0;
        }

        .remm .about_title {
            text-align: center;
            padding-top: 89px;
            padding-bottom: 40px;
        }

        .remm .hd {
            position: relative;
        }

            .remm .hd h3 {
                padding-bottom: 60px;
            }

            .remm .hd a {
                display: block;
                width: 50px;
                height: 50px;
                background: #ccc;
                position: absolute;
                left: 0;
                cursor: pointer;
                z-index: 10;
                border-radius: 100%;
                top: 105px;
            }

                .remm .hd a i {
                    width: 12px;
                    height: 7px;
                    background-position: -221px 0;
                    display: block;
                    margin: 21px auto 0;
                }

                .remm .hd a.next {
                    left: auto;
                    right: 0;
                }

                    .remm .hd a.next i {
                        background-position: -239px -0;
                    }

                .remm .hd a:hover {
                    background: #a60004;
                }

        .remm .bd {
            padding-bottom: 100px;
            width: 1200px;
            margin: 0 auto;
            overflow: hidden;
        }

        .remm .bd_list {
            overflow: hidden;
            padding-bottom: 0;
        }

            .remm .bd_list ul {
                width: 105%;
            }

        .remm .bd li {
            background: #fff;
            width: 198px;
            border-bottom: 3px solid #fff;
            margin-right: 50px;
            margin-bottom: 2px;
            position: relative;
            border: 1px solid #ddd;
            float: left;
        }

        .remm .bd_list li {
            float: left;
            margin-bottom: 40px;
        }

        .remm .bd li .line {
            position: absolute;
            left: 0;
            bottom: -3px;
            height: 3px;
            width: 0;
            background: #a60004;
            display: block;
        }

        .remm .bd_list li:nth-child(5n) {
            margin-right: 0;
        }

        .remm .bd li img {
            width: 138px;
            height: 138px;
            display: block;
            margin: 0 auto;
            object-fit: cover;
            padding-top: 30px;
            padding-bottom: 40px;
            border-bottom: 1px solid #ddd;
        }

        .remm .bd li h3 {
            padding: 0 30px;
            font-size: 16px;
            padding-top: 20px;
            line-height: 25px;
            height: 50px;
            padding-bottom: 15px;
            color: #333;
            text-align: center;
            text-overflow: -o-ellipsis-lastline;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            -webkit-box-orient: vertical;
        }

        .remm .bd li p {
            padding: 0 30px;
            font-size: 16px;
            color: #999;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .remm .bd li:hover .line {
            width: 100%;
            transition: ease-in-out 0.2s;
        }

    .case_list {
        padding-bottom: 0px;
    }

        .case_list li {
            margin-bottom: 48px;
            position: relative;
            height: 281px;
            background: #fff;
            border-radius: 5px;
            box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
            transition: ease-in-out 0.2s;
        }

            .case_list li .ico {
                position: absolute;
                right: 0;
                bottom: 0;
                max-height: 100%;
                border-radius: 0 0 5px 0;
            }

            .case_list li a {
                display: block;
                width: 100%;
                height: 100%;
            }

            .case_list li .left {
                overflow: hidden;
                width: 500px;
                height: 281px;
                border-radius: 5px;
                position: relative;
            }

                .case_list li .left img {
                    width: 500px;
                    height: 281px;
                    display: block;
                    border-radius: 5px;
                    transition: ease-in-out 0.2s;
                    position: absolute;
                    left: 0;
                    top: 0;
                }

            .case_list li .right {
                width: 700px;
                padding-right: 151px;
            }

                .case_list li .right h3 {
                    font-size: 30px;
                    padding-top: 48px;
                    padding-bottom: 25px;
                }

                .case_list li .right p {
                    color: #666;
                    padding-bottom: 25px;
                    line-height: 28px;
                }

                .case_list li .right h4 span {
                    display: block;
                    padding: 0 10px;
                    height: 30px;
                    text-align: center;
                    float: left;
                    background: #edf1f7;
                    line-height: 30px;
                    margin-right: 10px;
                    border-radius: 5px;
                    color: #4a77bc;
                }

            .case_list li:hover {
                box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
            }

                .case_list li:hover .left img {
                    transform: scale(1.1);
                }

    .product_list {
        padding-bottom: 65px;
    }

        .product_list li {
            margin-bottom: 203px;
            position: relative;
            height: 519px;
            background: url("../update/product_bg.jpg") no-repeat;
            transition: ease-in-out 0.2s;
            color: #fff;
            box-sizing: border-box;
            padding-left: 100px;
            background-size: cover;
        }

            .product_list li .left h3 {
                font-size: 40px;
                padding-top: 100px;
                text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
            }

                .product_list li .left h3 a {
                    width: 155px;
                    height: 38px;
                    background: url("../images/btn.png") no-repeat;
                    display: inline-block;
                    margin-left: 62px;
                    font-size: 14px;
                    color: #284269;
                    text-align: center;
                    line-height: 38px;
                    vertical-align: middle;
                    margin-bottom: 4px;
                    transition: ease-in-out 0.2s;
                }

                    .product_list li .left h3 a:hover {
                        transform: translateX(10px);
                    }

            .product_list li .left h5 {
                font-size: 20px;
                margin-bottom: 20px;
                text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
            }

            .product_list li .left p {
                padding-bottom: 20px;
                font-size: 18px;
                width: 600px;
                line-height: 28px;
            }

            .product_list li .left h4 span {
                display: block;
                width: 103px;
                height: 29px;
                text-align: center;
                float: left;
                background: #296dc6;
                line-height: 29px;
                margin-right: 10px;
                border-radius: 5px;
                color: #fff;
            }

                .product_list li .left h4 span:hover {
                    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
                }

            .product_list li dl {
                position: absolute;
                left: 100px;
                bottom: -122px;
            }

                .product_list li dl dd {
                    float: left;
                    width: 199px;
                    height: 308px;
                    background: #fff;
                    padding: 20px;
                    box-sizing: border-box;
                    margin-right: 49px;
                    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.05);
                }

                    .product_list li dl dd img {
                        width: 100%;
                        height: 212px;
                    }

                    .product_list li dl dd p {
                        border-top: 1px solid #ddd;
                        font-size: 16px;
                        color: #666;
                        text-align: center;
                        margin-top: 15px;
                        line-height: 51px;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }

                    .product_list li dl dd:hover {
                        box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
                        transform: translateY(-5px);
                        transition: ease-in-out 0.2s;
                    }

            .product_list li .no1 {
                position: absolute;
                right: 67px;
                bottom: -175px;
            }

                .product_list li .no1 img {
                    width: 350px;
                }

                .product_list li .no1:hover {
                    transition: ease-in-out 0.2s;
                    transform: translateY(-10px);
                }

            .product_list li:last-child {
                height: 465px;
                margin-bottom: 100px;
            }

                .product_list li:last-child dl {
                    display: none;
                }

                .product_list li:last-child .no1 {
                    display: none;
                }

    .life_main_1 {
        background: #f5f5f5;
        padding-top: 100px;
        padding-bottom: 100px;
    }

        .life_main_1 .about_title {
            text-align: center;
            padding-bottom: 50px;
        }

        .life_main_1 .box1 {
            width: 334px;
            height: 521px;
            overflow: hidden;
        }

            .life_main_1 .box1 li {
                width: 100%;
                position: relative;
                overflow: hidden;
                margin-bottom: 16px;
            }

                .life_main_1 .box1 li img {
                    width: 100%;
                    height: 251px;
                    display: block;
                }

                .life_main_1 .box1 li a {
                    display: block;
                    width: 100%;
                    height: 100%;
                    overflow: hidden;
                }

                    .life_main_1 .box1 li a:hover img {
                        transform: scale(1.1);
                        transition: ease-in-out 0.2s;
                    }

        .life_main_1 .box2 {
            width: 692px;
            height: 519px;
            margin-left: 20px;
        }

            .life_main_1 .box2 .slideBox {
                width: 100%;
                height: 100%;
                overflow: hidden;
                position: relative;
            }

                .life_main_1 .box2 .slideBox .hd {
                    height: 15px;
                    overflow: hidden;
                    position: absolute;
                    left: 0;
                    bottom: 26px;
                    z-index: 1;
                    text-align: center;
                    width: 100%;
                    margin: 0 auto;
                }

                    .life_main_1 .box2 .slideBox .hd ul {
                        overflow: hidden;
                        zoom: 1;
                        display: inline-block;
                    }

                        .life_main_1 .box2 .slideBox .hd ul li {
                            float: left;
                            margin-right: 18px;
                            width: 12px;
                            height: 12px;
                            line-height: 12px;
                            text-align: center;
                            background: #fff;
                            cursor: pointer;
                            border-radius: 100%;
                            box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
                        }

                            .life_main_1 .box2 .slideBox .hd ul li.on {
                                background: #a60004;
                                color: #fff;
                            }

                .life_main_1 .box2 .slideBox .bd {
                    position: relative;
                    height: 100%;
                    z-index: 0;
                }

                    .life_main_1 .box2 .slideBox .bd li {
                        zoom: 1;
                        vertical-align: middle;
                        position: relative;
                    }

                    .life_main_1 .box2 .slideBox .bd img {
                        width: 100%;
                        height: 519px;
                        display: block;
                    }

    .life_main_2 {
        padding-top: 70px;
    }

        .life_main_2 .about_title {
            text-align: center;
            padding-bottom: 50px;
        }

        .life_main_2 .body {
            padding-bottom: 80px;
        }

    .life_main_2_ny .body {
        padding-bottom: 0;
    }

    .life_main_2 .body li {
        position: relative;
        padding-left: 456px;
        box-sizing: border-box;
        width: 100%;
        padding-right: 72px;
        background: #f6f6f6;
        height: 225px;
        margin-bottom: 19px;
    }

        .life_main_2 .body li img {
            position: absolute;
            left: 0;
            top: 0;
            width: 400px;
            height: 225px;
        }

    .life_main_2.news_4 .body li {
        padding-left: 356px;
    }

        .life_main_2.news_4 .body li img {
            width: 300px;
        }

    .life_main_2 .body li a {
        display: block;
        width: 100%;
        height: 100%;
    }

    .life_main_2 .body li h3 {
        font-size: 24px;
        padding-top: 41px;
        padding-bottom: 23px;
    }

    .life_main_2 .body li p {
        color: #666;
        line-height: 24px;
        padding-bottom: 30px;
    }

    .year_list .body li h3 {
        font-size: 30px;
    }

    .year_list .body li .p {
        color: #666;
        line-height: 24px;
        padding-bottom: 30px;
    }

    .life_main_2 .body li span {
        font-size: 16px;
        color: #666;
    }

    .life_main_2 .body li:hover {
        box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
    }

    .life_main_3 {
        padding-top: 0.9rem;
    }

        .life_main_3 .about_title {
            text-align: center;
            padding-bottom: 50px;
        }

        .life_main_3 .body li {
            position: relative;
            float: left;
            width: 23.5%;
            margin-bottom: 50px;
            margin-right: 2%;
            background: #fff;
            transition: all ease 0.36s;
            box-sizing: border-box;
            overflow: hidden;
            padding: 10px;
        }

            .life_main_3 .body li:nth-child(4n) {
                margin-right: 0;
            }

            .life_main_3 .body li .img {
                position: relative;
                display: block;
                width: 100%;
                padding-top:133%;
                overflow: hidden;
                z-index: 10;
            }

        .life_main_3.img16 .body li .img {
            padding-top: 56.25%;
        }

        .life_main_3.product_3 .body li .img {
            padding-top: 133%;
        }

        .life_main_3 .body li img {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: ease-in-out 0.2s;
        }

        .life_main_3 .body li .txt {
            background: #fff;
            height: 63px;
            line-height: 73px;
            font-size: 16px;
            position: relative;
            color: #666;
            transition: ease-in-out 0.2s;
            overflow: hidden;
            padding: 0 25px;
            text-overflow: ellipsis;
            white-space: nowrap;
            text-align: center;
        }

        .life_main_3.img18 .body li .txt {
            display: none;
        }

@media (max-width: 1200px) {
    .life_main_3 .body li {
        width: 31.3333%;
    }

        .life_main_3 .body li:nth-child(2n) {
            margin-right: 2%;
        }

        .life_main_3 .body li:nth-child(4n) {
            margin-right: 2%;
        }

        .life_main_3 .body li:nth-child(3n) {
            margin-right: 0;
        }



    }

@media (max-width: 780px) {
    .life_main_3 .body li {
        width: 49%;
        margin-right: 0;
    }

        .life_main_3 .body li:nth-child(3n) {
            margin-right: 0;
        }

        .life_main_3 .body li:nth-child(2n) {
            margin-right: 0;
            float: right;
        }
}





    .news_list {
        padding-top: 70px;
    }

        .news_list dd {
            margin-bottom: 40px;
        }

            .news_list dd img {
                width: 53%;
                float: left;
                height: 421px;
                object-fit: cover;
                margin-right: 28px;
            }

            .news_list dd h5 {
                font-size: 16px;
                color: #008c3e;
                font-family: arial;
                padding-top: 37px;
                padding-bottom: 15px;
            }

            .news_list dd h3 {
                font-size: 24px;
                font-weight: bold;
                padding-bottom: 28px;
                color: #333;
            }

            .news_list dd p {
                font-size: 18px;
                line-height: 36px;
                color: #666;
                margin-bottom: 64px;
            }

            .news_list dd h6 {
                background: #008c3e;
                color: #fff;
                width: 169px;
                display: block;
                float: left;
                text-align: center;
                line-height: 42px;
                font-size: 16px;
                transition: ease-in-out .2s;
            }

                .news_list dd h6 i {
                    width: 9px;
                    height: 14px;
                    background-position: -32px -448px;
                    margin-right: 9px;
                    margin-bottom: 1px;
                }

            .news_list dd:hover h6 {
                transform: translateX(5px);
            }

        .news_list .body li {
            width: 32%;
            border: 1px solid #ddd;
            box-sizing: border-box;
            margin-right: 2%;
            border-radius: 5px;
            overflow: hidden;
            position: relative;
            background: #fafafa;
            float: left;
            margin-bottom: 30px;
            transition: all ease 0.36s;
            box-shadow: 0 0 5px rgba(0, 0, 0, .1);
        }

            .news_list .body li .txt {
                padding: 30px 25px;
                display: block;
            }

                .news_list .body li .txt span {
                    font-size: 16px;
                    font-family: arial;
                    color: #666;
                }

                .news_list .body li .txt h3 {
                    line-height: 28px;
                    font-size: 20px;
                    height: 30px;
                    overflow: hidden;
                    border-bottom: 1px solid #d7e1f3;
                    margin-top: 15px;
                    padding-bottom: 21px;
                    margin-bottom: 22px;
                    font-weight: bold;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }

                .news_list .body li .txt p {
                    line-height: 18px;
                    height: 36px;
                    color: #666;
                }

                .news_list .body li .txt h4 {
                    margin-top: 20px;
                    color: #333;
                }

                    .news_list .body li .txt h4 i {
                        width: 23px;
                        height: 12px;
                        background-position: -150px 0;
                        margin-left: 10px;
                    }

            .news_list .body li:nth-child(3n) {
                margin-right: 0;
            }

            .news_list .body li .img {
                position: relative;
                display: block;
                width: 100%;
                padding-top: 56.25%;
                overflow: hidden;
                z-index: 10;
            }

            .news_list .body li img {
                position: absolute;
                top: 0;
                left: 0;
                display: block;
                width: 100%;
                object-fit: cover;
                object-position: left;
                height: 100%;
                transition: ease-in-out .2s;
            }

            .news_list .body li:hover {
                box-shadow: 5px 5px 5px rgba(0, 0, 0, .3);
            }

                .news_list .body li:hover .img img {
                    transform: scale(1.1);
                }

    .product_img_169 .body li .img {
        padding-top: 56.25%;
    }

    .product_img_169 .body li .txt {
        text-align: center;
        line-height: 38px;
        height: 38px;
        font-size: 18px;
        padding-top: 5px;
    }

    .life_main_3 .body li p {
        text-align: center;
        padding: 0 20px;
        height: 20px;
        padding-bottom: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .product_img_43 .body li .img {
        padding-top: 75%;
    }

    .product_img_11 .body li .img {
        padding-top: 100%;
    }

    .life_main_3 .body li .txt i {
        width: 24px;
        height: 9px;
        background-position: -150px 0;
        right: 45px;
        top: 37px;
        opacity: 0;
        position: absolute;
        transition: ease-in-out 0.2s;
    }

    .life_main_3 .body li:hover {
        box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.1);
        transform: translateY(-5px);
    }

        .life_main_3 .body li:hover .img img {
            transform: scale(1.1);
            -webkit-filter: brightness(105%);
            filters: brightness(105%);
            transition: ease-in-out 0.2s;
        }

        .life_main_3 .body li:hover .txt {
            color: #a60004;
            font-weight: bold;
        }

            .life_main_3 .body li:hover .txt i {
                opacity: 1;
                right: 35px;
            }

    .team_list .body {
        margin-top: 80px;
    }

        .team_list .body li {
            background: #f8f8f8;
            float: left;
            border: 1px solid #dcdcdc;
            height: 367px;
            width: 23.5%;
            margin-right: 2%;
            box-sizing: border-box;
            text-align: center;
            margin-bottom: 39px;
            border-radius: 50px 0 35px 35px;
        }

            .team_list .body li b {
                display: block;
                border: 1px solid #dedede;
                width: 60px;
                height: 60px;
                background: #fff;
                border-radius: 100%;
                margin: 65px auto 21px;
            }

                .team_list .body li b img {
                    margin-top: 13px;
                }

            .team_list .body li h3 {
                font-size: 24px;
                font-weight: bold;
                margin-bottom: 14px;
            }

            .team_list .body li p {
                font-size: 18px;
                height: 30px;
                line-height: 30px;
                padding: 0 15px;
            }

            .team_list .body li h4 {
                padding-top: 98px;
                font-size: 16px;
            }

                .team_list .body li h4 i {
                    width: 10px;
                    height: 9px;
                    background-position: 0 -464px;
                    margin-left: 9px;
                    margin-bottom: 2px;
                }

            .team_list .body li:nth-child(4n) {
                margin-right: 0;
            }

            .team_list .body li:hover {
                background: #32a264 url(../images/us_3.jpg) center bottom no-repeat;
                color: #fff;
            }



                .team_list .body li:hover h4 i {
                    background-position: -12px -464px;
                }


    .tong_main_1 {
        padding-top: 95px;
        padding-bottom: 97px;
    }

        .tong_main_1 .about_title {
            text-align: center;
            padding-bottom: 60px;
        }

        .tong_main_1 .body {
            background: #f8f8f8;
            border: 1px solid #dae2ec;
        }

            .tong_main_1 .body .left {
                border-right: 1px solid #dae2ec;
                width: 50%;
                box-sizing: border-box;
            }

                .tong_main_1 .body .left img {
                    display: block;
                    width: 100%;
                }

            .tong_main_1 .body .right {
                width: 50%;
                box-sizing: border-box;
                padding: 50px 70px 0;
            }

                .tong_main_1 .body .right h3 {
                    color: #a60004;
                    font-size: 26px;
                    margin-bottom: 22px;
                }

                .tong_main_1 .body .right ul {
                    border-bottom: 1px solid #ddd;
                    padding-bottom: 40px;
                    margin-bottom: 40px;
                }

                .tong_main_1 .body .right li {
                    float: left;
                    width: 171px;
                    font-size: 16px;
                    color: #666;
                    line-height: 32px;
                }

                    .tong_main_1 .body .right li b {
                        background: #a60004;
                        width: 8px;
                        height: 8px;
                        border-radius: 100%;
                        display: block;
                        float: left;
                        margin-top: 12px;
                        margin-right: 10px;
                    }

                .tong_main_1 .body .right p {
                    font-size: 15px;
                    color: #666;
                    line-height: 27px;
                }

    .tong_main_2 {
        padding-top: 89px;
        padding-bottom: 89px;
        background: #f8f8f8;
    }

        .tong_main_2 .about_title {
            text-align: center;
            padding-bottom: 60px;
        }

        .tong_main_2 .body {
            background: #fff;
            border: 1px solid #e2ecf1;
        }

            .tong_main_2 .body li {
                float: left;
                height: 258px;
                width: 33.333%;
                border-bottom: 1px solid #e2ecf1;
                border-left: 1px solid #e2ecf1;
                box-sizing: border-box;
                padding: 0 38px;
            }

                .tong_main_2 .body li img {
                    width: 65px;
                    height: 65px;
                    margin-top: 40px;
                    margin-bottom: 30px;
                }

                .tong_main_2 .body li p {
                    color: #999;
                    padding-bottom: 9px;
                }

                .tong_main_2 .body li h3 {
                    font-size: 20px;
                    line-height: 30px;
                }

                .tong_main_2 .body li:nth-child(1) {
                    border-left: none;
                }

                .tong_main_2 .body li:nth-child(4) {
                    border-left: none;
                }

                .tong_main_2 .body li:nth-child(4),
                .tong_main_2 .body li:nth-child(5),
                .tong_main_2 .body li:nth-child(6) {
                    border-bottom: none;
                }

                .tong_main_2 .body li:hover img {
                    transform: translateY(-10px);
                    transition: ease-in-out 0.2s;
                }

    .tong_main_3 {
        padding-top: 93px;
        padding-bottom: 93px;
    }

        .tong_main_3 .about_title {
            text-align: center;
            padding-bottom: 60px;
        }

        .tong_main_3 .body {
            text-align: center;
        }

            .tong_main_3 .body ul {
                display: inline-block;
            }

        .tong_main_3 li {
            float: left;
            width: 300px;
            text-align: center;
            font-size: 20px;
        }

            .tong_main_3 li img {
                width: 231px;
                height: auto;
                padding-bottom: 28px;
                transition: ease-in-out 0.2s;
            }

            .tong_main_3 li:hover img {
                transform: translateY(-10px);
            }

            .tong_main_3 li:hover p {
                transform: translateY(-10px);
                transition: ease-in-out 0.2s;
            }

    .tong_main_4 {
        padding-top: 93px;
        padding-bottom: 93px;
        background: #f8f8f8;
    }

        .tong_main_4 .about_title {
            text-align: center;
            padding-bottom: 60px;
        }

        .tong_main_4 .slideBox {
            position: relative;
        }

        .tong_main_4 li {
            background: #fff;
        }

            .tong_main_4 li .left {
                width: 42.8%;
                position: relative;
                overflow: hidden;
            }

                .tong_main_4 li .left img {
                    width: 100%;
                    display: block;
                }

            .tong_main_4 li .right {
                width: 57.2%;
                padding-left: 5%;
                box-sizing: border-box;
                padding-right: 4%;
                padding-top: 10px;
            }

                .tong_main_4 li .right h3 {
                    font-size: 26px;
                    margin-top: 36px;
                    margin-bottom: 10px;
                }

                    .tong_main_4 li .right h3 i {
                        width: 24px;
                        height: 24px;
                        background-position: -108px -103px;
                        margin-right: 10px;
                    }

                .tong_main_4 li .right p {
                    margin-bottom: 30px;
                    line-height: 26px;
                    color: #666;
                }

                .tong_main_4 li .right h3:nth-child(3) i {
                    background-position: -137px -103px;
                }

                .tong_main_4 li .right h3:nth-child(5) i {
                    background-position: -167px -103px;
                }

        .tong_main_4 .left::before {
            content: "";
            position: absolute;
            width: 100px;
            height: 500px;
            top: 0;
            left: -250px;
            overflow: hidden;
            background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
            background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
            background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
            background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
            background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
            -webkit-transform: skewX(-32deg);
            -ms-transform: skewX(-32deg);
            -moz-transform: skewX(-32deg);
            transform: skewX(-32deg);
            opacity: 0;
        }

        .tong_main_4 li:hover .left::before {
            -webkit-transition: left 15s;
            -moz-transition: left 1s;
            -ms-transition: left 1s;
            transition: left 1s;
            left: 150%;
            opacity: 1;
        }

        .tong_main_4 .prev,
        .tong_main_4 .next {
            width: 70px;
            height: 70px;
            position: absolute;
            left: -35px;
            top: 50%;
            margin-top: -35px;
            z-index: 10;
            display: block;
            background: #3c5985;
            cursor: pointer;
        }

            .tong_main_4 .prev i,
            .tong_main_4 .next i {
                width: 15px;
                height: 26px;
                background-position: 0 -179px;
                margin: 0 auto;
                display: block;
                margin-top: 22px;
            }

        .tong_main_4 .next {
            left: auto;
            right: -35px;
        }

            .tong_main_4 .next i {
                background-position: -22px -179px;
            }

            .tong_main_4 .prev:hover,
            .tong_main_4 .next:hover {
                background: #a60004;
            }

    .sub_flash {
        position: relative;
        text-align: center;
        background: #000;
    }

        .sub_flash .btn {
            position: absolute;
            left: 50%;
            margin-left: -59px;
            width: 118px;
            height: 133px;
            z-index: 11;
            top: 50%;
            margin-top: -66px;
            cursor: pointer;
        }

        .sub_flash .cut3video {
            width: 1400px;
            margin: 0 auto;
            background: #000;
            position: relative;
            z-index: 10;
        }

    .tong_x_1 {
        background: #f8f8f8;
        padding-top: 92px;
        padding-bottom: 98px;
    }

        .tong_x_1 .about_title {
            text-align: center;
            padding-bottom: 44px;
        }

        .tong_x_1 .body {
            border: 1px solid #ddd;
            background: #fff;
            padding: 60px;
            position: relative;
            min-height: 93px;
        }

            .tong_x_1 .body .ico {
                position: absolute;
                left: 98px;
                top: 69px;
            }

            .tong_x_1 .body .des {
                padding-left: 236px;
                font-size: 18px;
                color: #666;
                line-height: 36px;
            }

    .tong_x_2 {
        padding-top: 95px;
        padding-bottom: 48px;
    }

        .tong_x_2 .about_title {
            text-align: center;
            padding-bottom: 44px;
        }

        .tong_x_2 li {
            position: relative;
            float: left;
            width: 32%;
            margin-right: 2%;
            background: #fff;
            transition: all ease 0.36s;
            box-sizing: border-box;
            border: 1px solid #ddd;
            border-radius: 5px;
            overflow: hidden;
        }

            .tong_x_2 li:nth-child(3n) {
                margin-right: 0;
            }

            .tong_x_2 li .img {
                position: relative;
                display: block;
                width: 100%;
                padding-top: 56.25%;
                overflow: hidden;
                z-index: 10;
            }

            .tong_x_2 li img {
                position: absolute;
                top: 0;
                left: 0;
                display: block;
                width: 100%;
                height: 100%;
            }

            .tong_x_2 li .txt {
                background: #fff;
                font-size: 22px;
                position: relative;
                color: #666;
                transition: ease-in-out 0.2s;
                overflow: hidden;
                padding: 0 34px;
            }

                .tong_x_2 li .txt i {
                    width: 24px;
                    height: 9px;
                    background-position: -150px 0;
                    margin-bottom: 40px;
                    margin-top: 34px;
                    transition: ease-in-out 0.2s;
                }

                .tong_x_2 li .txt h3 {
                    font-size: 24px;
                    line-height: 36px;
                    padding-top: 34px;
                    padding-bottom: 23px;
                }

                .tong_x_2 li .txt p {
                    font-size: 16px;
                    color: #666;
                    line-height: 24px;
                    text-overflow: -o-ellipsis-lastline;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    height: 72px;
                    -webkit-line-clamp: 3;
                    line-clamp: 3;
                    -webkit-box-orient: vertical;
                }

            .tong_x_2 li:hover {
                box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.1);
            }

                .tong_x_2 li:hover h3 {
                    color: #a60004;
                }

    .erro {
        text-align: center;
        padding-bottom: 1rem;
        color: red;
        font-size: .24rem;
        padding-top: .4rem;
        position: relative;
        z-index: 10;
    }

        .erro img {
            width: 4rem;
            margin: 0 auto;
        }

    /* 新闻动态-详情 */
    .news_detail {
        border: 1px solid #d4ae90;
        border-radius: 0.15rem;
        padding: .5rem;
        background: linear-gradient(to bottom, #fbeed4, #fffbf0);
    }

        .news_detail .title {
            padding-bottom: .2rem;
            border-bottom: 1px solid #d4ae90;
        }

            .news_detail .title h1 {
                font-weight: normal;
                font-size: 36px;
                line-height: 60px;
                text-align: left;
                color: #a60004;
            }

            .news_detail .title .marks {
                margin-top: .2rem;
            }

                .news_detail .title .marks span {
                    font-size: 16px;
                    color: #2f1e1b;
                }

                    .news_detail .title .marks span em {
                        margin-right: 14px;
                        color: #2f1e1b;
                    }

                    .news_detail .title .marks span.t1 {
                        margin-right: 14px;
                    }

                    .news_detail .title .marks span.t2 {
                        margin-right: 54px;
                    }

                    .news_detail .title .marks span.t3 {
                        font-family: arial;
                    }

                        .news_detail .title .marks span.t3 em {
                            font-family: "Microsoft YaHei";
                        }

        .news_detail .context {
            padding-top: .5rem;
            line-height: 30px !important;
            font-size: 16px !important;
            color: #2f1e1b !important;
        }

            .news_detail .context p,
            .news_detail .context span {
                font-size: 16px !important;
                font-family: "Microsoft YaHei" !important;
                line-height: 30px !important;
                color: #2f1e1b !important;
            }

            .news_detail .context img {
                max-width: 100%;
            }

    /* 资讯推荐 */
    .news_recom {
        padding-top: 76px;
    }

        .news_recom .news_tit .tit {
            margin-left: 10px;
            float: left;
            display: block;
            width: 170px;
            font-size: 40px;
            line-height: 44px;
            color: #333;
            background: url("../images/ctitline.png") no-repeat 30px bottom;
        }

        .news_recom .news_tit .morenews {
            float: right;
            font-size: 20px;
            line-height: 44px;
            color: #999;
        }

            .news_recom .news_tit .morenews:hover {
                color: #2352b3;
            }

        .news_recom .newslist1 {
            margin-top: 36px;
        }

            .news_recom .newslist1 .list {
                width: 103%;
            }

            .news_recom .newslist1 li {
                position: relative;
                margin-right: 3.5%;
                float: left;
                width: calc(100% / 2);
                height: 516px;
                background: #fff;
            }

                .news_recom .newslist1 li.nt3 {
                    margin-right: 0;
                }

                .news_recom .newslist1 li .img {
                    display: block;
                    width: auto;
                    height: 242px;
                    overflow: hidden;
                }

                .news_recom .newslist1 li img {
                    display: block;
                    width: auto;
                    height: 242px;
                    object-fit: contain;
                }

                .news_recom .newslist1 li .txtbox {
                    padding: 40px 30px 30px 40px;
                    box-sizing: border-box;
                }

                    .news_recom .newslist1 li .txtbox .time {
                        font-family: arial;
                        font-size: 18px;
                        line-height: 16px;
                        color: #999;
                        transition: all ease 0.36s;
                    }

                .news_recom .newslist1 li .txt {
                    padding-top: 40px;
                    transition: all ease 0.36s;
                }

                    .news_recom .newslist1 li .txt .tit {
                        font-weight: bold;
                        font-size: 22px;
                        line-height: 22px;
                        color: #151527;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        transition: all ease 0.36s;
                    }

                    .news_recom .newslist1 li .txt .desc {
                        margin-top: 18px;
                        height: 48px;
                        font-size: 14px;
                        line-height: 24px;
                        color: #999;
                        transition: all ease 0.36s;
                        overflow: hidden;
                    }

                .news_recom .newslist1 li .detail {
                    position: relative;
                    margin-top: 20px;
                    display: block;
                    width: 120px;
                    height: 36px;
                    font-size: 16px;
                    line-height: 36px;
                    text-indent: 0;
                    color: #151527;
                    background: url("../images/f7arr1.png") no-repeat 42px center #fff;
                    transition: all ease 0.36s;
                }

                    .news_recom .newslist1 li .detail span {
                        position: relative;
                        z-index: 12;
                    }

                    .news_recom .newslist1 li .detail:before,
                    .news_recom .newslist1 li .detail:after {
                        content: '';
                        position: absolute;
                        left: 0;
                        top: 0;
                        width: 0;
                        height: 36px;
                        background: url("../images/f7arr2.png") 68px center no-repeat #e7434a;
                        z-index: 2;
                        transition: 0.8s;
                    }

                    .news_recom .newslist1 li .detail:before {
                        transition: 0.3s;
                        background: url("../images/f7arr2.png") 68px center no-repeat #e7434a;
                        z-index: -1;
                    }

                .news_recom .newslist1 li:hover .detail {
                    text-indent: 26px;
                    transition: all ease 0.36s;
                }

                    .news_recom .newslist1 li:hover .detail:before,
                    .news_recom .newslist1 li:hover .detail:after {
                        width: 120px;
                    }

                    .news_recom .newslist1 li:hover .detail span {
                        color: #fff;
                        transition: all ease 0.36s;
                    }

                .news_recom .newslist1 li:hover .txtbox .time {
                    transform: translateY(10px);
                    transition: all ease 0.36s;
                }

                .news_recom .newslist1 li:hover .txtbox .txt {
                    transform: translateY(-10px);
                    transition: all ease 0.36s;
                }

                .news_recom .newslist1 li:hover img {
                    filter: brightness(105%);
                    -webkit-filter: brightness(105%);
                }

    /* reLink */
    .reLink {
        height: .5rem;
        line-height: .5rem;
        border: 1px solid #d4ae90;
        padding: 0 .2rem;
        margin-bottom: .5rem;
        margin-top: .3rem;
    }

        .reLink .nextLink,
        .detail .reLink .prevLink {
            width: 50%;
        }

        .reLink .nextLink {
            text-align: right;
        }

        .reLink a {
            -webkit-transition: all ease 500ms;
            -moz-transition: all ease 500ms;
            -ms-transition: all ease 500ms;
            -o-transition: all ease 500ms;
            transition: all ease 500ms;
        }

            .reLink a:hover {
                color: #f94570;
            }

    /* 单页信息 */
    .single_wrapper {
        padding-top: 1rem;
    }

    .single_center {
        min-height: 520px;
    }

        .single_center .about_con {
            border: 1px solid #d4ae90;
            border-radius: 0.15rem;
            padding: 0.5rem;
            line-height: .5rem;
            font-size: 16px;
            background: linear-gradient(to bottom, #fbeed4, #fffbf0);
            margin-bottom: 1rem;
        }

            .single_center .about_con img {
                max-width: 100%;
            }

    .contact_2 {
        padding: 50px 7% 10px;
        background: #fff;
        margin-top: 50px;
        margin-bottom: 70px;
    }

        .contact_2 .ctit .tit {
            display: block;
            width: 170px;
            margin: 0 auto;
            font-size: 40px;
            line-height: 44px;
            font-weight: lighter;
            color: #333;
        }

        .contact_2 .formdata {
            margin-top: 60px;
        }

            .contact_2 .formdata .item {
                position: relative;
                float: left;
                width: 48%;
                height: 58px;
                line-height: 58px;
                border: 1px solid #d6d6d6;
            }

                .contact_2 .formdata .item .b {
                    position: absolute;
                    right: 50px;
                    top: 0;
                }

                .contact_2 .formdata .item .checkbox {
                    margin-left: 20px;
                    margin-right: 5px;
                    outline: none;
                }

                .contact_2 .formdata .item ul {
                    position: absolute;
                    left: 0;
                    width: 100%;
                    top: 58px;
                    background: #f9f9f9;
                    border: 1px solid #ddd;
                    border-top: none;
                    left: -1px;
                    display: none;
                    height: 240px;
                    overflow: auto;
                    z-index: 10;
                }

                    .contact_2 .formdata .item ul li {
                        line-height: 40px;
                        border-bottom: 1px solid #ddd;
                        width: 49%;
                        float: left;
                        text-indent: 2em;
                    }

                        .contact_2 .formdata .item ul li:hover {
                            background: #a60004;
                            color: #fff;
                        }

                        .contact_2 .formdata .item ul li:nth-child(2n) {
                            float: right;
                        }

                .contact_2 .formdata .item.mr {
                    margin-right: 3.5%;
                }

                .contact_2 .formdata .item label {
                    float: left;
                    display: block;
                    margin-top: 18px;
                    width: 170px;
                    height: 22px;
                    line-height: 22px;
                    text-align: center;
                    border-right: 1px solid #ddd;
                }

                .contact_2 .formdata .item .txt {
                    float: left;
                    width: calc(100% - 240px);
                    height: 58px;
                    line-height: 58px;
                    border: none;
                    outline: none;
                    text-indent: 20px;
                    background: none;
                }

                .contact_2 .formdata .item .red {
                    position: absolute;
                    top: 0;
                    right: 20px;
                    color: #df1f1f;
                    font-weight: 100;
                    font-size: 22px;
                }

            .contact_2 .formdata .tarea {
                margin-top: 40px;
            }

                .contact_2 .formdata .tarea textarea {
                    border: 1px solid #d6d6d6;
                    width: 100%;
                    background: none;
                    box-sizing: border-box;
                    height: 174px;
                    resize: none;
                    padding: 10px;
                    *margin-top: 15px;
                    overflow: hidden;
                    outline: none;
                    text-indent: 24px;
                }

            .contact_2 .formdata .btn {
                border: none;
                background: #a60004;
                width: 400px;
                height: 50px;
                line-height: 50px;
                color: #fff;
                font-size: 18px;
                display: block;
                margin: 40px auto 0;
                cursor: pointer;
                transition: ease-in-out 0.2s;
                margin-bottom: 60px;
                outline: none;
            }

                .contact_2 .formdata .btn:hover {
                    transform: translateY(-5px);
                    color: #fff;
                    transition: all ease 0.36s;
                    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
                }

        .contact_2 .formdata {
            margin-top: 0;
        }

        .contact_2 .item_top {
            margin-bottom: 30px;
        }

    .contact_2 {
        background: #fff;
        margin: 0;
        padding: 0;
    }

        .contact_2 .formdata .item label {
            font-size: 18px;
            color: #999;
        }

        .contact_2 .formdata .tarea textarea {
            height: 160px;
        }

        .contact_2 .formdata.search_form {
            border: 1px solid #ddd;
            padding: 100px 100px 0;
            background: url(../images/floor_1_bg.jpg) bottom right no-repeat;
            margin-bottom: 80px
        }

            .contact_2 .formdata.search_form .item .txt {
                width: calc(100% - 500px);
            }

            .contact_2 .formdata.search_form .item {
            }

                .contact_2 .formdata.search_form .item div i {
                    color: red;
                }

            .contact_2 .formdata.search_form #contentList {
                text-align: center;
                font-size: 24px;
            }

                .contact_2 .formdata.search_form #contentList div {
                    margin-bottom: 30px;
                    line-height: 60px;
                    width: 100%;
                    height: 60px;
                }

                .contact_2 .formdata.search_form #contentList .true i {
                    width: 60px;
                    height: 60px;
                    background: url(../images/true.png) no-repeat;
                    margin-right: 20px;
                }

                .contact_2 .formdata.search_form #contentList .false i {
                    width: 60px;
                    height: 60px;
                    background: url(../images/false.png) no-repeat;
                    margin-right: 20px;
                }

    .servicePage {
        padding-top: 0;
    }

        .servicePage .item_top {
            margin-bottom: 30px;
        }

    .zhi_1 {
        margin: 97px auto;
        border: 1px solid #ddd;
        height: 359px;
    }

        .zhi_1 .left {
            width: 50%;
            background: url("../images/zhi_1.jpg") right bottom no-repeat;
            box-sizing: border-box;
            padding-left: 79px;
            padding-top: 71px;
            height: 100%;
        }

            .zhi_1 .left h4 {
                font-size: 30px;
                color: #999;
                text-transform: uppercase;
            }

            .zhi_1 .left h3 {
                font-size: 40px;
                font-weight: bold;
                margin-bottom: 34px;
            }

            .zhi_1 .left p {
                font-size: 18px;
            }

        .zhi_1 .right {
            width: 50%;
            height: 100%;
        }

    .zhi_2_main {
        background: url("../images/zhi_2_bg.jpg") center top no-repeat;
        height: 695px;
    }

        .zhi_2_main .about_title {
            text-align: center;
            color: #fff;
            padding-top: 94px;
            padding-bottom: 44px;
        }

            .zhi_2_main .about_title p {
                color: #fff;
            }

        .zhi_2_main .body h3 {
            font-size: 30px;
            background: url("../images/zhi_2_ico.jpg") right top no-repeat;
            line-height: 32px;
            height: 55px;
            margin-bottom: 46px;
            padding-right: 146px;
            padding-top: 20px;
        }

        .zhi_2_main .body p {
            font-size: 16px;
            line-height: 32px;
            height: 160px;
            color: #666;
        }

        .zhi_2_main .left {
            width: 100%;
            background: #fff;
            padding: 39px 47px 47px;
            box-sizing: border-box;
        }

        .zhi_2_main .right {
            width: 49%;
            background: #fff;
            padding: 39px 47px 47px;
            box-sizing: border-box;
        }

    .zhi_3_main {
        background: url("../images/zhi_3_bg.jpg") center top no-repeat;
        width: 100%;
        height: 949px;
        padding-bottom: 0;
        padding-top: 0;
    }

        .zhi_3_main .about_title h4 {
            font-size: 16px;
            line-height: 34px;
            padding: 45px 0;
        }

        .zhi_3_main .about_title {
            padding-top: 94px;
            padding-bottom: 0;
        }

    .about_4_main .hd h3 {
        padding-bottom: 0;
    }

    .zhi_3_main .bd li img {
        height: 296px;
        padding-bottom: 30px;
        width: 222px;
        padding-top: 20px;
    }

    .zhi_3_main .hd a {
        bottom: -500px;
    }

    .zhi_3_main .bd li {
        width: 262px;
    }

    .zhi_4_main {
        background: url("../images/zhi_4_bg.jpg") center top no-repeat;
        width: 100%;
        height: 1432px;
    }

        .zhi_4_main .about_title {
            text-align: center;
            color: #fff;
            padding-top: 100px;
        }

            .zhi_4_main .about_title p {
                color: #fff;
            }

            .zhi_4_main .about_title h4 {
                font-size: 16px;
                line-height: 26px;
                padding-top: 45px;
                padding-bottom: 40px;
            }

        .zhi_4_main .body li {
            height: 330px;
            width: 100%;
            background: #fff;
        }

            .zhi_4_main .body li .left {
                width: 50%;
                box-sizing: border-box;
                padding-left: 45px;
                padding-top: 45px;
                padding-right: 45px;
            }

                .zhi_4_main .body li .left h3 {
                    font-size: 24px;
                    padding-bottom: 25px;
                }

                .zhi_4_main .body li .left .des {
                    font-size: 16px;
                    line-height: 34px;
                    color: #666;
                }

            .zhi_4_main .body li .right {
                width: 50%;
                height: 100%;
            }

            .zhi_4_main .body li:nth-child(2n) .left {
                float: right;
            }

            .zhi_4_main .body li:nth-child(2n) .right {
                float: left;
            }

    .zhi_5_main {
        background: url("../images/zhi_5_bg.jpg") center top no-repeat;
    }

        .zhi_5_main .about_title {
            text-align: center;
            padding-top: 108px;
            padding-bottom: 58px;
        }

        .zhi_5_main .body1 {
            background: #fff;
            height: 434px;
            padding: 44px;
            box-sizing: border-box;
        }

            .zhi_5_main .body1 .left {
                width: 61%;
                font-size: 16px;
                line-height: 32px;
                padding-top: 10px;
            }

            .zhi_5_main .body1 .right {
                width: 35%;
                height: 100%;
            }

    .zhi_6_main {
        padding-top: 0;
    }

    .searcher_center {
        padding-top: 77px;
    }

    .searchPage .item {
        width: 100%;
        height: auto;
        padding: .5rem;
        margin-bottom: .2rem;
        -webkit-transition: all ease 300ms;
        -moz-transition: all ease 300ms;
        -ms-transition: all ease 300ms;
        -o-transition: all ease 300ms;
        transition: all ease 300ms;
        border-radius: .3rem;
        border: 1px solid #d09b71;
        background: #fffaf0;
    }

        .searchPage .item a {
            width: 100%;
            display: block;
        }

        .searchPage .item .text {
            width: 868px;
            display: block;
        }

        .searchPage .item .img {
            width: 300px;
            height: 168px;
            display: block;
            margin-right: 30px;
            overflow: hidden;
        }

        .searchPage .item img {
            width: 300px;
            height: 168px;
            display: block;
            transition: ease-in-out 0.4s;
        }

        .searchPage .item h3 {
            font-size: 20px;
            padding: 0 0 .2rem;
            -webkit-transition: all ease 300ms;
            -moz-transition: all ease 300ms;
            -ms-transition: all ease 300ms;
            -o-transition: all ease 300ms;
            transition: all ease 300ms;
        }

        .searchPage .item .txt {
            color: #371e12;
            line-height: 30px;
            overflow: hidden;
        }

        .searchPage .item .time {
            width: 150px;
            padding-top: 45px;
            font-family: arial;
            font-size: 20px;
            color: #999;
        }

            .searchPage .item .time .day {
                font-size: 40px;
                line-height: 45px;
                display: block;
            }

        .searchPage .item:hover {
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
        }

            .searchPage .item:hover .img img {
                transform: scale(1.1);
            }

            .searchPage .item:hover h3 {
                font-weight: bold;
                color: #a60004;
                text-indent: 5px;
            }

            .searchPage .item:hover .time .day span {
                background: #ff6f00;
            }

            .searchPage .item:hover .time .day strong {
                background: #ff0000;
                color: #fff;
            }

        .searchPage .item .text {
            width: 100%;
            margin: 0 auto;
        }

    /* map_ul */
    .map_ul {
        list-style: outside none none;
        display: block;
        width: 100%;
        padding-bottom: .5rem;
    }

        .map_ul li {
            display: block;
            width: 100%;
            padding: 0;
            margin-bottom: .25rem;
        }
.map_ul li.li0{ display: none;}
            .map_ul li a {
                width: 100%;
                height: .5rem;
                line-height: .5rem;
                font-weight: bold;
                display: block;
                background: #faeacc;
                color: #371e12;
                text-indent: .15rem;
            }

        .map_ul .list-inline {
            display: block;
        }

            .map_ul .list-inline li {
                height: .5rem;
                display: inline-block;
                *display: inline;
                margin: .15rem .05rem .15rem 0;
                zoom: 1;
                line-height: .45rem;
                border-bottom: 0;
                text-align: center;
                width: auto;
                padding: 0;
            }

                .map_ul .list-inline li a {
                    text-indent: 0;
                    font-weight: normal;
                    display: block;
                    line-height: .45rem;
                    height: .45rem;
                    display: inline-block;
                    padding: 0 .1rem;
                    width: auto;
                    border: 1px solid #d09b71;
                    text-align: center;
                    border-radius: .03rem;
                }

                    .map_ul .list-inline li a:hover {
                        background: #a60004;
                        color: #fff9e0;
                        border: 1px solid #a60004;
                    }

    /* 申请职位 */
    .ydewmbg {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: url("../images/black30.png") repeat left top;
        display: none;
        z-index: 998;
    }

        .ydewmbg .ydewm {
            position: relative;
            height: 600px;
            top: 50%;
            width: 1200px;
            left: 50%;
            margin-left: -600px;
            margin-top: -300px;
            display: none;
        }

        .ydewmbg a {
            position: absolute;
            top: 16px;
            right: 16px;
            width: 32px;
            height: 32px;
            display: block;
            background: url("../images/closeM.png") no-repeat center center;
            transition: all ease-in-out 0.36s;
        }

            .ydewmbg a:hover {
                transform: rotate(360deg);
                transition: all ease-in-out 0.36s;
            }

    .mess_pop1 {
        padding: 60px 40px;
        box-sizing: border-box;
        width: 100%;
        height: 600px;
        position: absolute;
        top: 50%;
        margin-top: -300px;
        background: #fff;
        box-shadow: 8px 0 20px rgba(0, 0, 0, 0.2);
        animation: topDown1 0.4s;
    }

        .mess_pop1 .job_tit .tit {
            display: block;
            width: 170px;
            margin: 0 auto;
            font-size: 40px;
            line-height: 44px;
            color: #333;
        }

        .mess_pop1 .message {
            margin-top: 40px;
        }

            .mess_pop1 .message .item_top {
                margin-bottom: 20px;
            }

            .mess_pop1 .message .item {
                position: relative;
                float: left;
                width: 31.95%;
                height: 48px;
                line-height: 48px;
                border: 1px solid #d6d6d6;
            }

                .mess_pop1 .message .item select {
                    outline: none;
                    border: none;
                    width: 200px;
                    background: #fff;
                    margin-left: 10px;
                }

                .mess_pop1 .message .item.mr {
                    margin-right: 1.8%;
                }

                .mess_pop1 .message .item label {
                    float: left;
                    display: block;
                    margin-top: 15px;
                    width: 26.4%;
                    height: 18px;
                    font-size: 16px;
                    line-height: 18px;
                    text-align: center;
                    border-right: 1px solid #ddd;
                    color: #666;
                }

                .mess_pop1 .message .item .txt {
                    float: left;
                    width: 73%;
                    height: 48px;
                    line-height: 48px;
                    border: none;
                    outline: none;
                    text-indent: 20px;
                }

                .mess_pop1 .message .item font {
                    position: absolute;
                    top: 0;
                    right: 20px;
                    color: #df1f1f;
                    font-weight: 100;
                    font-size: 22px;
                }

            .mess_pop1 .message .tarea {
                margin-top: 40px;
            }

                .mess_pop1 .message .tarea label {
                    margin-bottom: 22px;
                    font-size: 16px;
                    color: #666;
                }

                .mess_pop1 .message .tarea textarea {
                    margin-top: 22px;
                    border: 1px solid #ccc;
                    width: 100%;
                    height: 100px;
                    resize: none;
                    padding-top: 26px;
                    *margin-top: 15px;
                    overflow: hidden;
                    outline: none;
                    text-indent: 20px;
                }

            .mess_pop1 .message .btn {
                border: none;
                background: #008c3e;
                width: 400px;
                height: 50px;
                line-height: 50px;
                color: #fff;
                font-size: 18px;
                display: block;
                margin: 40px auto 0;
                cursor: pointer;
                transition: ease-in-out 0.2s;
                margin-bottom: 60px;
                outline: none;
            }

                .mess_pop1 .message .btn:hover {
                    color: #fff;
                    transition: all ease 0.36s;
                    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
                }

    .detail_remm {
        padding-bottom: 80px;
    }

        .detail_remm .index_tit {
            margin-bottom: 30px;
        }

        .detail_remm .body {
            padding: 50px;
            background: #fff;
            border: 1px solid #ddd;
            box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1);
        }

            .detail_remm .body li {
                float: left;
                width: 50%;
                line-height: 40px;
                font-size: 16px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

                .detail_remm .body li:nth-child(2n) {
                    margin-left: 3%;
                    width: 47%;
                }

    .animated {
        -webkit-animation-duration: 1.2s;
        animation-duration: 1.2s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .flyInLeft {
        -webkit-animation-name: flyInLeft;
        animation-name: flyInLeft;
    }

    @-webkit-keyframes flyInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-100px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
        }
    }

    @keyframes flyInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-100px);
            -moz-transform: translateX(-100px);
            -ms-transform: translateX(-100px);
            transform: translateX(-100px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
    }

    .fadeInUp {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
    }

    @-webkit-keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-80px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
        }
    }

    @keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-80px);
            -moz-transform: translateY(-80px);
            -ms-transform: translateY(-80px);
            transform: translateY(-80px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
    }

    .fadeInDown {
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown;
    }

    @-webkit-keyframes fadeInDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(80px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
        }
    }

    @keyframes fadeInDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(80px);
            -moz-transform: translateY(80px);
            -ms-transform: translateY(80px);
            transform: translateY(80px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
    }

    .delay100 {
        -webkit-animation-delay: 100ms;
        animation-delay: 100ms;
    }

    .delay200 {
        -webkit-animation-delay: 200ms;
        animation-delay: 200ms;
    }

    .delay300 {
        -webkit-animation-delay: 300ms;
        animation-delay: 300ms;
    }

    .delay400 {
        -webkit-animation-delay: 400ms;
        animation-delay: 400ms;
    }

    .delay500 {
        -webkit-animation-delay: 500ms;
        animation-delay: 500ms;
    }

    .delay600 {
        -webkit-animation-delay: 600ms;
        animation-delay: 600ms;
    }

    @-webkit-keyframes flyInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateX(100px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
        }
    }

    @keyframes flyInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateX(100px);
            -moz-transform: translateX(100px);
            -ms-transform: translateX(100px);
            transform: translateX(100px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
    }

    .flyInRight {
        -webkit-animation-name: flyInRight;
        animation-name: flyInRight;
    }

    @media (max-width: 1660px) {


        .sub_banner .tit {
            width: 1200px;
            margin-left: -600px;
            top: 200px;
        }

            .sub_banner .tit h3 {
                font-size: 40px;
                margin-bottom: 20px;
            }

        .sub_banner .menu li .a {
            margin-right: 100px;
        }



        .sub_banner .menu li dl dd {
            margin-left: -600px;
        }

        .about_1_main .body .box1 .left {
            width: 600px;
        }

            .about_1_main .body .box1 .left .hd li {
                margin-right: 70px;
            }

        .about_1_main .body .box1 .right img {
            width: 495px;
            height: 347px;
        }

        .about_title p {
            font-size: 25px;
        }

        .about_title h3 {
            font-size: 35px;
            text-transform: uppercase;
        }

        .about_1_main .body .box1 .left .bd li {
            font-size: 14px;
        }

        .about_1_main .body .box1 .left .bd li {
            margin-top: 20px;
        }

        .about_1_main .body .box1 .left .hd li {
            line-height: 68px;
        }

        .about_1_main .body .list .item {
            padding-left: 70px;
        }

            .about_1_main .body .list .item h3 {
                font-size: 50px;
            }

        .about_1_main .body .box4 .con .right {
            width: 433px;
        }

            .about_1_main .body .box4 .con .right img {
                width: 100%;
                float: right;
            }

        .about_1_main .body .box4 .con .left {
            width: 704px;
            margin-bottom: 10px;
        }

            .about_1_main .body .box4 .con .left dd h3 {
                padding-left: 165px;
            }

            .about_1_main .body .box4 .con .left dd .des {
                padding-left: 165px;
            }

            .about_1_main .body .box4 .con .left dl {
                padding-top: 50px;
            }

            .about_1_main .body .box4 .con .left dd {
                margin-bottom: 40px;
            }

                .about_1_main .body .box4 .con .left dd img {
                    margin-left: 50px;
                }

        .about_5_main .body p {
            font-size: 30px;
        }

        .about_5_main .body h3 {
            font-size: 42px;
        }

        .job_list li .img img {
            width: 160px;
        }

        .page_product .box2 .hd li {
            width: 150px;
        }

        .remm .bd {
            width: 1050px;
        }

            .remm .bd li {
                margin-right: 12px;
            }

        .case_list li .ico {
            max-height: 80%;
        }

        .case_list li .right {
            width: 650px;
            padding-right: 20px;
        }

            .case_list li .right h3 {
                padding-top: 40px;
            }

        .product_list li {
            padding-left: 50px;
        }

            .product_list li dl {
                left: 50px;
            }

                .product_list li dl dd {
                    margin-right: 30px;
                }

            .product_list li .left h3 {
                padding-top: 80px;
            }

            .product_list li:last-child {
                height: 415px;
            }

        .life_main_1 .box1 {
            width: 284px;
            height: 445px;
        }

        .life_main_1 .box2 {
            width: 592px;
            height: 445px;
        }

        .life_main_1 .box1 li {
            margin-bottom: 18px;
        }

            .life_main_1 .box1 li img {
                height: 213px;
            }

        .life_main_1 .box2 .slideBox .bd img {
            height: 445px;
        }

        .life_main_2 .body li h3 {
            padding-top: 25px;
        }

        .tong_main_1 .body .right {
            padding: 40px 40px 0;
        }

            .tong_main_1 .body .right ul {
                margin-bottom: 30px;
                padding-bottom: 30px;
            }

            .tong_main_1 .body .right p {
                font-size: 13px;
            }

        .tong_main_2 .body li h3 {
            font-size: 17px;
        }

        .tong_main_4 li .right p {
            margin-bottom: 15px;
        }

        .tong_main_4 li .right h3 {
            margin-top: 20px;
        }

        .zhi_4_main .body li .left .des {
            font-size: 14px;
            line-height: 28px;
        }

        .zhi_5_main .body1 .left {
            font-size: 14px;
            line-height: 28px;
        }

        .zhi_5_main .body1 {
            height: 394px;
        }

        .zhi_3_main .about_title h4 {
            padding: 38px 0;
        }

        .zhi_3_main .bd li {
            width: 225px;
        }

            .zhi_3_main .bd li img {
                height: 247px;
                width: 185px;
            }

        .zhi_3_main .hd a {
            bottom: -480px;
        }

        .searchPage .item .text {
            width: 100%;
        }

        .box1_right p {
            font-size: 15px;
        }

        .sub_banner .menu li dl dd a {
            width: 170px;
        }

        .life_main_2 .body li p {
            padding-bottom: 20px;
        }

        .tong_main_3 li {
            width: 250px;
        }
    }

    /****wx******/
    .ewmbox {
        width: 300px;
        height: 320px;
        padding-top: 20px;
        background: #fff;
        z-index: 9999;
        position: fixed;
        left: 50%;
        top: 50%;
        margin: -170px 0 0 -150px;
        text-align: center;
        font-size: 16px;
        display: none;
    }

        .ewmbox .close {
            width: 32px;
            height: 32px;
            position: absolute;
            top: -25px;
            right: -40px;
            cursor: pointer;
            border-radius: 100%;
            background: url("../images/close.png") no-repeat center center;
            transition: all ease 300ms;
        }

            .ewmbox .close:hover {
                transform: rotate(180deg);
            }

        .ewmbox img {
            width: 260px;
            height: 260px;
            display: block;
            margin: 0 auto 10px;
        }

    .ny_title {
        text-align: center;
        padding-top: 80px;
        padding-bottom: 34px;
    }

        .ny_title h3 {
            position: relative;
            display: inline-block;
            color: #333;
            font-size: 48px;
            line-height: 50px;
            height: 50px;
            margin-bottom: 15px;
        }

            .ny_title h3 span {
                display: block;
                width: 25px;
                height: 2px;
                background: #a60004;
                position: absolute;
                left: -45px;
                top: 50%;
                margin-top: -1px;
            }

            .ny_title h3 .span2 {
                left: auto;
                right: -45px;
            }

        .ny_title p {
            font-size: 18px;
            color: #999;
            text-transform: uppercase;
        }

    .img_partners .body li {
        width: 14.5%;
        margin-right: 2.6%;
    }

        .img_partners .body li:nth-child(4n) {
            margin-right: 2.6%;
        }

        .img_partners .body li:nth-child(6n) {
            margin-right: 0;
        }

        .img_partners .body li .img {
            padding-top: 55.813%;
        }

        .img_partners .body li .txt {
            line-height: 50px;
            height: 50px;
        }

    .menu1 {
        width: 100%;
        background: #fff;
        z-index: 10;
        font-size: 18px;
        border-bottom: #ececec solid 1px;
        border-top: #ececec solid 1px;
        color: #333;
    }

        .menu1 li {
            float: left;
            margin-right: 2px;
            height: 64px;
            line-height: 64px;
            text-align: center;
            padding: 0 25px;
            transition: ease-in-out 0.2s;
        }

            .menu1 li dl {
                position: absolute;
                left: 0;
                top: 185px;
                display: none;
                background: #fff;
                width: 100%;
                height: 62px;
            }

                .menu1 li dl dd {
                    width: 1400px;
                    margin: 0 auto;
                }

                    .menu1 li dl dd a {
                        float: left;
                        width: 180px;
                        text-align: center;
                        line-height: 62px;
                        height: 62px;
                        position: relative;
                        display: block;
                    }

                        .menu1 li dl dd a:before {
                            content: "";
                            display: block;
                            width: 1px;
                            height: 17px;
                            background: #c9c9c9;
                            position: absolute;
                            top: 50%;
                            margin-top: -8px;
                        }

                        .menu1 li dl dd a:first-child:before {
                            width: 0;
                        }

                        .menu1 li dl dd a:hover,
                        .menu1 li dl dd a.on {
                            color: #a60004;
                            font-weight: bold;
                        }

            .menu1 li.hover dl {
                display: block;
            }

            .menu1 li .a {
                color: #333;
                display: block;
                width: 100%;
                height: 100%;
                position: relative;
            }

                .menu1 li .a i {
                    position: absolute;
                    left: 0;
                    bottom: 0;
                }

            .menu1 li:hover,
            .menu1 li.hover {
            }

                .menu1 li:hover .a i,
                .menu1 li.hover .a i {
                    background: #143d95;
                    width: 100%;
                    height: 3px;
                }

    .product_show_43 .showimg {
        width: 602px;
    }

        .product_show_43 .showimg .bigimg {
            width: 600px;
            height: 450px;
        }

            .product_show_43 .showimg .bigimg .list li {
                width: 600px;
                height: 450px;
            }

    .product_show_43 .box1_right {
        height: 450px;
        width: calc(100% - 680px);
    }

    .product_show_43 .showimg .smallimg {
        left: 680px;
        bottom: 85px;
    }

    .product_show_11 .showimg {
        width: 602px;
    }

        .product_show_11 .showimg .bigimg {
            width: 600px;
            height: 600px;
        }

            .product_show_11 .showimg .bigimg .list li {
                width: 600px;
                height: 600px;
            }

    .product_show_11 .box1_right {
        height: 600px;
        width: calc(100% - 680px);
    }

        .product_show_11 .box1_right .p {
            line-height: 35px;
            font-size: 16px;
        }

    .product_show_11 .showimg .smallimg {
        left: 680px;
        bottom: 105px;
    }

    .jobs_wrapper .jobs_center {
        margin-top: 1px;
    }

    .jobs_center .jobs {
        padding: 5% 0;
        background: #fff;
    }

    .titlist {
        padding-bottom: 30px;
        border-bottom: 1px solid #666;
    }

        .titlist .j_tit1 {
            float: left;
            font-size: 24px;
            color: #333;
            width: 42%;
            margin-left: 3.5%;
        }

        .titlist .j_tit2 {
            float: left;
            font-size: 24px;
            color: #333;
            width: 22%;
        }

        .titlist .j_tit3 {
            float: left;
            font-size: 24px;
            color: #333;
            width: 22%;
        }

    .postlist .item .top {
        height: 100px;
        line-height: 100px;
    }

    .postlist .item:nth-child(2n) .top {
        background: #f0f2f6;
    }

    .postlist .item .top .jt1 {
        float: left;
        width: 42%;
        margin-left: 3.5%;
    }

    .postlist .item .top .jt2 {
        float: left;
        width: 22%;
        height: 100px;
        font-size: 20px;
        color: #333;
        line-height: 100px;
    }

    .postlist .item .top .jt3 {
        float: left;
        width: 22%;
        height: 100px;
        font-family: arial;
        font-size: 20px;
        color: #666;
        line-height: 100px;
    }

    .postlist .item .top .jt4 {
        font-size: 30px;
    }

    .postlist .item .top .jt1 h3 {
        font-size: 20px;
        color: #333;
    }

        .postlist .item .top .jt1 h3 b {
            background: #a60004;
            color: #fff;
            padding: 3px 5px;
            margin-right: 10px;
            font-weight: 400;
            border: 1px solid #fff;
        }

    .postlist .item .bottom {
        border: 1px solid #d3d7dd;
        border-top: none;
        width: calc(100% - 2px);
    }

        .postlist .item .bottom .bid_box {
            position: relative;
            min-height: 450px;
            padding: 50px;
        }

            .postlist .item .bottom .bid_box .bit {
                width: 100%;
            }

            .postlist .item .bottom .bid_box .bit2 {
                width: 100%;
                padding-top: 20px;
            }

            .postlist .item .bottom .bid_box.xiaoyuan .bit2 {
                float: none;
                width: 100%;
            }

            .postlist .item .bottom .bid_box .bit3 {
                width: 100%;
            }

            .postlist .item .bottom .bid_box .bit h3 {
                font-size: 20px;
                line-height: 20px;
                color: #333;
            }

            .postlist .item .bottom .bid_box .bit .b_cont {
                margin-top: 10px;
                font-size: 14px;
                line-height: 30px;
                color: #666;
            }

                .postlist .item .bottom .bid_box .bit .b_cont span {
                }

        .postlist .item .bottom .apply {
            position: absolute;
            bottom: 50px;
            right: 50px;
            display: block;
            width: 200px;
            height: 45px;
            font-size: 16px;
            line-height: 45px;
            color: #fff;
            text-align: center;
            background: #a60004
        }

            .postlist .item .bottom .apply span {
                position: relative;
                z-index: 12;
            }

            .postlist .item .bottom .apply:before,
            .postlist .item .bottom .apply:after {
                content: '';
                position: absolute;
                left: 0;
                top: 0;
                width: 0;
                height: 100%;
                background: #008c3e;
                z-index: 2;
                transition: .8s;
            }

            .postlist .item .bottom .apply:before {
                transition: .8s;
                background: #008c3e;
                z-index: -1;
            }

            .postlist .item .bottom .apply:hover:after,
            .postlist .item .bottom .apply:hover:before {
                width: 100%;
            }

    .postlist .item:hover .top {
        cursor: pointer;
    }

    .postlist .item.hover .top {
        background: #a60004;
    }

        .postlist .item.hover .top .jt1 h3 {
            color: #fff;
        }

        .postlist .item.hover .top .jt2 {
            color: #fff;
        }

        .postlist .item.hover .top .jt3 {
            color: #fff;
        }

        .postlist .item.hover .top .jt4 {
            color: #fff;
        }

            .postlist .item.hover .top .jt4.size {
                font-size: 50px;
            }

    .jobs_wrapper .pager {
        margin-top: 50px;
    }


    .single_center .contact_left {
        padding: 40px;
        padding-right: 570px;
        position: relative;
        margin-bottom: 0;
    }


    .ny_head {
        background: url(../images/head_bg.png) left bottom repeat-x;
    }

        .ny_head .nav_main .list li .nav1:before {
            bottom: 0;
        }

        .ny_head .nav_main li dl {
            top: 120px;
        }

    .xiazaiqu {
        display: inline-block;
        width: 100%;
    }

        .xiazaiqu b {
            display: block;
            float: left;
        }

        .xiazaiqu a {
            background: #1b4cb0;
            color: #fff;
            height: 36px;
            line-height: 36px;
            text-align: center;
            display: block;
            float: left;
            margin-top: 20px;
            padding: 0 20px;
        }

            .xiazaiqu a:hover {
                background: linear-gradient(to right bottom, #1b4cb0, #3381e7);
            }


    /*rightFix*/
    .rightFix {
        width: .7rem;
        position: fixed;
        right: .05rem;
        top: 50%;
        margin-top: -1.2rem;
        z-index: 999;
        display: block;
    }

        .rightFix a {
            width: .7rem;
            height: auto;
            text-align: center;
            display: block;
            position: relative;
        }

        .rightFix .icon {
            width: .7rem;
            height: .74rem;
            display: block;
            position: relative;
            overflow: hidden;
            transition: all ease 300ms;
            padding: 0;
            background-position: -2rem -4.24rem;
        }

        .rightFix a b {
            width: .14rem;
            height: .13rem;
            position: absolute;
            right: 0;
            top: .3rem;
            background: url(../images/icon.png) no-repeat;
            background-size: 5rem 5rem;
            background-position: 0 -3.86rem;
            transform: rotate(-90deg);
        }

        .rightFix .img {
            width: 1.33rem;
            height: auto;
            position: absolute;
            left: -.1rem;
            top: 0;
            display: none;
            text-align: center;
            opacity: 0;
            filter: alpha(opacity=0);
            transition: all ease-in-out 0.2s;
            border-radius: 5px;
            color: #333;
            padding-bottom: 10px;
        }

            .rightFix .img p {
                padding-top: 5px;
            }

        .rightFix a:hover .img {
            opacity: 1;
            filter: alpha(opacity=100);
            left: -140px;
            display: block;
        }

            .rightFix a:hover .img p {
                color: #fff;
            }

        .rightFix .img img {
            width: 110px;
            padding: .03rem;
            background: #fff;
            height: 110px;
            border: 1px solid #e2a676;
            border-radius: .16rem;
        }

        .rightFix a span {
            width: 210px;
            text-align: center;
            height: 62px;
            line-height: 62px;
            position: absolute;
            left: 0;
            top: 0;
            background: #a60004;
            color: #fff;
            display: block;
            font-weight: bold;
            font-size: 18px;
            opacity: 0;
            filter: alpha(opacity=0);
            transition: all ease-in-out 0.2s;
            border-radius: 7px 0 0 7px;
        }

        .rightFix a:hover {
            overflow: visible;
        }

        .rightFix a.fix-ewm:hover img {
            opacity: 1;
            filter: alpha(opacity=100);
            left: -120px;
        }

        .rightFix a:hover span {
            opacity: 1;
            filter: alpha(opacity=100);
            left: -220px;
        }

        .rightFix .fix-bj {
            cursor: pointer;
        }

        .rightFix .mess .icon {
            background-position: -2.72rem -4.24rem;
        }

        .rightFix .fix_top .icon {
            background-position: -3.44rem -4.24rem;
        }

    .showVedio2 {
        width: 800px;
        height: 500px;
        position: fixed;
        left: 50%;
        top: 50%;
        margin: -250px 0 0 -400px;
        z-index: 9999;
        background: linear-gradient(to right, #f8e3c0, #fff8e5, #fff1d8);
        display: none;
        border: .03rem solid #d7b57e;
        border-radius: .33rem;
    }

        .showVedio2 .playcon {
            text-align: center;
            background: url(../images/mess_bg.png) bottom no-repeat;
            background-size: 100% auto;
            height: 100%;
            border-radius: .33rem;
            overflow: hidden;
        }

            .showVedio2 .playcon video {
                width: 100%;
                height: 100%;
                background: #000;
            }

            .showVedio2 .playcon h3 {
                font-size: 34px;
                color: #a60004;
                font-weight: bold;
                padding-top: .6rem;
                padding-bottom: .37rem;
            }

            .showVedio2 .playcon .p {
                font-size: 18px;
                line-height: 36px;
                color: #371e12;
                text-align: left;
                padding: 0 1.1rem .45rem;
            }

            .showVedio2 .playcon .more a {
                margin: 0 auto;
            }

        .showVedio2 .close {
            width: .6rem;
            height: .6rem;
            position: absolute;
            right: -.5rem;
            top: -.5rem;
            cursor: pointer;
            background: url(../images/header_search2.png) no-repeat center center;
            background-size: cover;
            -webkit-transition: all ease 300ms;
            -moz-transition: all ease 300ms;
            -ms-transition: all ease 300ms;
            -o-transition: all ease 300ms;
            transition: all ease 300ms;
            z-index: 10;
        }

            .showVedio2 .close:hover {
                transform: rotate(180deg);
            }





    .index_mp4 {
        width: 800px;
        height: 500px;
        position: fixed;
        left: 50%;
        top: 50%;
        margin: -250px 0 0 -400px;
        z-index: 9999;
        background: linear-gradient(to right, #f8e3c0, #fff8e5, #fff1d8);
        display: none;
        border: .03rem solid #d7b57e;
    }

        .index_mp4 .playcon {
            text-align: center;
            background-size: 100% auto;
            height: 100%;
            overflow: hidden;
        }

            .index_mp4 .playcon video {
                width: 100%;
                height: 100%;
                background: #000;
            }



        .index_mp4 .close {
            width: .6rem;
            height: .6rem;
            position: absolute;
            right: -.5rem;
            top: -.5rem;
            cursor: pointer;
            background: url(../images/header_search2.png) no-repeat center center;
            background-size: cover;
            -webkit-transition: all ease 300ms;
            -moz-transition: all ease 300ms;
            -ms-transition: all ease 300ms;
            -o-transition: all ease 300ms;
            transition: all ease 300ms;
            z-index: 10;
        }

            .index_mp4 .close:hover {
                transform: rotate(180deg);
            }

    @media (max-width: 1440px) {
        .rightFix {
            width: .6rem;
        }

            .rightFix a {
                width: .6rem;
            }

            .rightFix .icon {
                transform: scale(0.9);
            }
    }

    @media (max-width: 1200px) {
        .rightFix a.mess {
            display: none;
        }

        .showVedio2 {
            width: 80%;
            left: 10%;
            margin-left: 0;
            height: 6.2rem;
            margin-top: -3.1rem;
        }

        .index_mp4 {
            width: 80%;
            left: 10%;
            margin-left: 0;
            height: 4rem;
            margin-top: -2rem;
        }

        .show_mp4 .playcon {
            border-radius: 0;
        }

        .show_mp4 {
            border-radius: 0;
            height: 4rem;
            margin-top: -2rem;
        }

        .showVedio2 .playcon h3 {
            font-size: .3rem;
        }

        .showVedio2 .playcon .p {
            padding: 0 .2rem .45rem;
            font-size: .26rem;
            line-height: .45rem;
        }
    }
.prohz_main.xinbei{ background: transparent;}
    /*rightFix end*/
    /******荷致白金版详情****/
    .prohz_banner img {
        width: 100%;
        vertical-align: top;
        border-radius: 0 0 .26rem .26rem;
    }

    .prohz_banner .mb {
        display: none;
    }

    .prohz_main {
        background: url(../images/prohz_main_bg.png) no-repeat;
        overflow: hidden;background-size: cover;
    }
.prohz_main.xinjia{background:transparent;}

        .prohz_main .prohz_1 {
            padding: .9rem 0 .9rem;
            
        }
.prohz_main.xinjinb .prohz_1{ padding-bottom: 0;}

            .prohz_main .prohz_1 .table img{ display: block; width: 100%;
            }
.prohz_main .prohz_1 .table .img1{ display: block;}
.prohz_main .prohz_1 .table .img2{ display: none;}

            .prohz_main .prohz_1 .index_title p {
                font-size: 14px;
                color: #9f5930;
            }

            .prohz_main .prohz_1 .body {
                position: relative;
                margin-top: .2rem; padding: 4%;
              background: linear-gradient(to bottom, transparent, #fff);
                border-radius: 0.25rem;
                border: solid 0.01rem #c5b05c;
            }

.prohz_main .prohz_1 .body .h3wei {width: 7.15rem;height: 0.58rem;background: url("../images/g3_03.png") center center no-repeat;
  background-size: 100% 100%;font-size: 0.3rem;color: #a60004;line-height: 0.58rem;font-weight: bold;
  position: absolute;top: -0.29rem;left: 50%;margin-left: -3.575rem;text-align: center;}
@media (max-width: 1170px) {
  .prohz_main .prohz_1 .body .h3wei{
    width: 5.13rem;height: 0.58rem;background: url("../images/prohz_2_bg_t.png") center center no-repeat;
    background-size: 100% 100%;
    margin-left: -2.565rem;
  }
}

.prohz_main.youlan .prohz_1 .body {background: linear-gradient(to bottom, transparent, #03673a);
  border: solid 0.01rem #c5b05c;
}


                .prohz_main .prohz_1 .body .tu {
                    position: absolute;
                    width: 680px;
                    height: 660px;
                    text-align: center;
                    left: 0.2rem;
                    top: 0.5rem;
                }

.prohz_main.youlan .prohz_1 .body .tu {
  top: 0.1rem;
}


.prohz_main.youlan .prohz_1 .body .tu{ right: 0.2rem; left: auto;}
.you_main.youlan .prohz_1 .body .item .li .txt {padding-left: .0rem;}
.prohz_main.youlan .prohz_1 .body .item .li .txt h3{background: url(../images/pro_4.png) no-repeat;background-size: auto;width: 4.06rem;
  height: .58rem; line-height: 0.58rem;font-size: 28px; text-align: left;
  color: #a60004;font-weight: bold;text-indent: .34rem;letter-spacing: -1px;background-size: 100% 100%; margin-left:1.42rem; padding-left: 0;}
.prohz_main.youlan .prohz_1 .body .item .li .txt .p{ color: #ffeda5; margin-left:1.42rem;}
.prohz_main.youlan .prohz_1 .body .item .li .txt .tu1{ margin-right: 0.2rem;}
                    .prohz_main .prohz_1 .body .tu .txt {
                        position: absolute;
                        width: 100%;
                        bottom: 86px;
                    }

                        .prohz_main .prohz_1 .body .tu .txt h3 {
                            font-size: 30px;
                            font-weight: bold;
                            color: #89402a;
                        }

                        .prohz_main .prohz_1 .body .tu .txt p {
                            color: #9f5930;
                            padding-top: 13px;
                        }

                    .prohz_main .prohz_1 .body .tu:hover {
                        transform: translateY(-5px);
                    }

                .prohz_main .prohz_1 .body .item {
                  margin-left: 50%;
                  width: 44%;
                }
.prohz_main.youlan .prohz_1 .body .item {
  margin-left:0%;
  width: 44%;
}
                    .prohz_main .prohz_1 .body .item .li {
                        min-height: 1.9rem;
                        position: relative;
                        width: 100%;
                        transition: ease-in-out .2s;
                    }

                        .prohz_main .prohz_1 .body .item .li .yuan {
                            background: #e2a676;
                            width: 1.3rem;
                            height: 1.3rem;
                            border-radius: 100%;
                            position: absolute;
                            text-align: center;
                            left: 0;
                            top: 50%;
                            margin-top: -.65rem;
                            z-index: 10;
                        }

                            .prohz_main .prohz_1 .body .item .li .yuan .ico {
                                position: absolute;
                                width: .93rem;
                                left: 50%;
                                margin-left: -.465rem;
                                bottom: .19rem;
                            }

                            .prohz_main .prohz_1 .body .item .li .yuan .img {
                                width: .45rem;
                                height: .45rem;
                                position: absolute;
                                left: 50%;
                                margin-left: -.225rem;
                                top: .18rem;
                            }

                            .prohz_main .prohz_1 .body .item .li .yuan h3 {
                                position: absolute;
                                width: 100%;
                                font-size: 18px;
                                color: #89402a;
                                font-weight: bold;
                                bottom: .37rem;
                            }
                       
                        .prohz_main .prohz_1 .body .item .li .txt {
                            padding-bottom: .29rem;
                        }
                        .prohz_main .prohz_1 .body .item .li .txt .tu1{width: 1.3rem;
                height: 1.3rem;float: left;}
                            .prohz_main .prohz_1 .body .item .li .txt h3 {
                              height: 0.6rem;
                              width: 80%;
                              background: linear-gradient(to right, #d69c58, #9f6430);
                              border-radius: 0.2rem 0.05rem 0.2rem 0rem;
                              font-size: 0.3rem;
                              color: #fff;
                              font-weight: bold;
                              line-height: 0.6rem;
                              padding-left: 8%;
                              text-align: left;
                              position: relative;
                              left: auto;
                              text-indent: 0;
                              padding-bottom: .11rem;
                            }
.prohz_main .prohz_1 .body .item .li .txt h3 sup{vertical-align: 0.16rem;}

                                .prohz_main .prohz_1 .body .item .li .txt h3 i {
                                    vertical-align: top;
                                    font-size: 14px;
                                    margin: 0 .03rem;
                                    line-height: .5rem;
                                }

                            .prohz_main .prohz_1 .body .item .li .txt .p {
                                font-size: 18px;
                                color: #89402a; padding-top: 0.2rem;
                                padding-right: .3rem;
                                min-height: 60px;
                                line-height: 30px;
                            }

                                .prohz_main .prohz_1 .body .item .li .txt .p i {
                                    vertical-align: super;
                                    font-size: 12px;
                                    margin: 0 .04rem;
                                }

                        .prohz_main .prohz_1 .body .item .li:hover {
                            transform: translateX(-5px);
                        }

                            .prohz_main .prohz_1 .body .item .li:hover .yuan::before {
                                content: "";
                                position: absolute;
                                left: .09rem;
                                top: .09rem;
                                right: .09rem;
                                bottom: .09rem;
                                border: 1px dashed #fbdec2;
                                border-radius: 100%;
                            }


                        .prohz_main .prohz_1 .body .item .li:nth-child(2n+1) {
                            /* margin-left: -.66rem; */
                        }

        .prohz_main .prohz_2 {display: flex; position: relative;justify-content: space-between; flex-wrap: wrap;}
            .prohz_main .prohz_2 .item {width: 48%; margin-top: 0.9rem; }
.prohz_main.xinjinb .prohz_2 .item:nth-child(1),.prohz_main.xinjinb .prohz_2 .item:nth-child(2){ display: none; }

.prohz_main .prohz_2.proer_3 .item {width: 48%;}

.prohz_main .prohz_2.proer_3 .item .body h3 {
    background: none !important;
}

.prohz_main .prohz_2 .con1 .item {width: 100%; margin-top: 0.56rem; }
.prohz_main .prohz_2 .con1 .item:nth-child(1){ margin-top: 0}

.prohz_main .prohz_2.you2 .item{ margin-top: 0;}
.prohz_main .prohz_2.you2 .item .body{background: linear-gradient(to bottom, #02452b, #04733f); padding: 5%;border: solid 0.01rem #c5b05c;
  border-radius: .23rem; overflow: hidden;}
.prohz_main .prohz_2.you2 .item .body .p{ width: 100%; padding: 0;}
                .prohz_main .prohz_2 .item .body {
                    width: 100%;
                }

                    .prohz_main .prohz_2 .item .body img {
                        width: 100%; display: block;
                    }
                    .prohz_main .prohz_2.proxi_box3 .item .body img {
                        width: 100%;
                        padding: 0 5%;
                        vertical-align: top;
                        margin-bottom: .3rem;
                    }
                    .prohz_main .prohz_2 .item .body h3 {
                        background: url(../images/prohz_2_bg_t.png) no-repeat;
                        width: 5.13rem;
                        height: .58rem;
                        line-height: .58rem;
                        font-size: 30px;
                        color: #a60004;
                        font-weight: bold;
                        text-align: center;
                        margin-left: .56rem;
                    }

                        .prohz_main .prohz_2 .item .body h3 i {
                            font-size: 20px;
                            line-height: 20px;
                            vertical-align: super;
                        }

                    .prohz_main .prohz_2 .item .body .p {
                        display: inline-block;         width: 48%;
                        padding: .2rem .56rem 0;
                        color: #ffffd3;
                        font-size: 18px;
                        line-height: 30px;
                    }

                        .prohz_main .prohz_2 .item .body .p i {
                            vertical-align: super;
                            font-size: 12px;
                            font-weight: bold;
                            margin: 0 .03rem;
                        }

                    .prohz_main .prohz_2 .item .body:hover {
                        transform: translateY(-5px);
                    }

                .prohz_main .prohz_2 .item:nth-child(2) .body h3 {
                    background: url(../images/prohz_2_bg_t2.png) no-repeat;
                    width: 5.93rem;
                }

.prohz_main .prohz_2.you2 .item .body img {padding: 0;}
.prohz_main .prohz_2.you2 .item .body .p{ height: 2.7rem; font-size:0.2rem; color: #ffeda5; line-height: 0.42rem;}
.prohz_main .prohz_2.you2 .item .body .p p{ font-size: 12px; line-height: 16px; margin-top:0.14rem;}



        .prohz_main .prohz_3 {
            padding-top: 1rem;
        }

            .prohz_main .prohz_3 .body {
                display: flex;
                justify-content: space-between;
            }

                .prohz_main .prohz_3 .body img {
                    vertical-align: top;
                    width: 49%;
                }

                    .prohz_main .prohz_3 .body img:hover {
                        transform: translateY(-5px);
                        transition: ease-in-out .2s !important;
                    }

        .prohz_main .prohz_4 {
            padding-top: 1rem;
        }

            .prohz_main .prohz_4 .body {
                display: flex;
                justify-content: space-between;
            }

                .prohz_main .prohz_4 .body .item {
                    flex-basis: 32%;
                    background: url(../images/prohz_4_bg1.jpg) bottom right no-repeat;
                    background-size: cover;
                    height: 5.5rem;
                    border-radius: .26rem;
                    border: 1px solid #d4ae90;
                    padding: .4rem;
                }
.prohz_main.pro_huicui .prohz_4 .body .item {background:#fff url(../images/hc2_03.png) bottom right no-repeat;background-size: cover;}
.prohz_main.pro_huicui .prohz_4 .body .item:nth-child(2) {
  background:#fff url(../images/hc2_05.png) bottom right no-repeat;background-size: cover;}
.prohz_main.pro_huicui .prohz_4 .body .item:nth-child(3) {
  background:#fff url(../images/hc2_07.png) bottom right no-repeat;background-size: cover;}

                    .prohz_main .prohz_4 .body .item h3 {
                        font-size: 30px;
                        color: #a60004;
                        font-weight: bold;
                        line-height: 40px;
                        height: 80px;
                        margin-bottom: .17rem;
                        transition: ease-in-out .2s;
                    }
.prohz_main .prohz_4 .body .item h3 sup{font-size: 0.16rem;
  line-height: 0.2rem;
  vertical-align: 0.16rem;
  padding-left: 0.05rem; padding-right: 0.05rem;}

                        .prohz_main .prohz_4 .body .item h3 i {
                            font-size: 12px;
                            font-weight: bold;
                            vertical-align: 0.16rem;
                            margin: 0 .03rem;
                        }

                    .prohz_main .prohz_4 .body .item .p {
                        font-size: 18px;
                        color: #89402a;
                        line-height: 30px;
                        margin-bottom: .43rem;
                        transition: ease-in-out .2s;
                    }

                        .prohz_main .prohz_4 .body .item .p i {
                            font-size: 12px;
                            font-weight: bold;
                            vertical-align: super;
                            margin: 0 .03rem;
                        }

                    .prohz_main .prohz_4 .body .item:nth-child(2) {
                        background: url(../images/prohz_4_bg2.jpg) bottom right no-repeat;
                        background-size: cover;
                    }



                    .prohz_main .prohz_4 .body .item:nth-child(3) {
                        background: url(../images/prohz_4_bg3.jpg) bottom right no-repeat;
                        background-size: cover;
                    }

                    .prohz_main .prohz_4 .body .item:hover {
                        transform: translateY(-5px);
                        transition: ease-in-out .2s !important;
                    }
.prohz_main .prohz_4.xinbaijia .body .item:nth-child(1) {
  background: url(../images/bjb1_03.jpg) bottom right no-repeat;
  background-size: cover;
}
.prohz_main .prohz_4.xinbaijia .body .item:nth-child(2) {
  background: url(../images/bjb1_05.jpg) bottom right no-repeat;
  background-size: cover;
}
.prohz_main .prohz_4.xinbaijia .body .item:nth-child(3) {
  background: url(../images/bjb1_07.jpg) bottom right no-repeat;
  background-size: cover;
}

        .prohz_main .prohz_5 {
            margin-top: .67rem;
        }

            .prohz_main .prohz_5 h3 {
                font-size: 20px;
                color: #9f5930;
                font-weight: bold;
                margin-bottom: .18rem;
            }
.prohz_main .prohz_5 .zs {
  font-size: 20px;
  color: #9f5930;
  font-weight: bold;
  margin-bottom: .18rem;
}

.prohz_main .prohz_5 li{ width: 100%;display: flex; justify-content: space-between; position: relative;}
            .prohz_main .prohz_5 li div{
                width: 48%;
                line-height: 12px;
                color: #9f5930;
                font-size: 8px;
            }

                .prohz_main .prohz_5 li .item {
                    position: relative;
                    padding-left: .25rem;
                }

                    .prohz_main .prohz_5 li .item i {
                        position: absolute;
                        left: 0;
                        top: 0;
                    }

@media (max-width: 1170px) {
  .prohz_main .prohz_4 .body .item h3 sup{vertical-align: 0.16rem;}
  .prohz_main .prohz_4 .body .item h3 i {vertical-align: 0.16rem;}
  .prohz_main .prohz_5 li{ flex-wrap: wrap;}
  .prohz_main .prohz_5 li div{ width: 100%;font-size: 6px;}
}
.youlan .prohz_1 .index_title sup {
  font-size: 0.3rem;
  line-height: 0.26rem;
  vertical-align: 0.2rem;
}


.na_1{ padding-top: 1rem;}
.na_1 .body{ width: 100%; position: relative;display: flex; justify-content: space-between; flex-wrap: wrap;}
.na_1 .body .item{ width: 48%; margin-bottom: 0.36rem;}
.na_1 .body .item h3{ position: absolute; left:36%; top: 0.56rem; font-size: 0.3rem; color: #a60004; font-weight: bold; line-height: 0.6rem;}
.na_1 .body .item h3 sup{font-size: 0.1rem;line-height: 0.14rem;vertical-align: 0.18rem;}
.na_1 .body .item .p{ position: absolute; left:29%; top: 1.38rem; font-size: 0.18rem; color: #89402a; line-height: 0.3rem;width: 65%;}
.na_1 .body .item img{ display: block; width: 100%;}
.na_1 .body .item:nth-child(4) h3{ left: 11%;}

@media (max-width: 1420px) {
  .na_1 .body .item h3{ left: 34%;top: 0.48rem; font-size: 0.20rem; line-height: 0.5rem;}
  .na_1 .body .item .p{ left:29%; top: 1.18rem; font-size: 0.16rem; line-height: 0.24rem;width: 65%;}
}
@media (max-width: 1170px) {
  .na_1 .body{ display: block; }
  .na_1 .body .item{ width: 100%; margin-bottom: 0.26rem;}
  .na_1 .body .item h3{ font-size: 0.28rem; line-height: 0.6rem;top: 0.6rem;}
  .na_1 .body .item .p{ font-size: 0.26rem; line-height: 0.42rem;}
}

.na_2{padding-top: 0.7rem;}
.na_2 .body{ width: 100%; position: relative;}
.na_2 .body img{ display: block; width: 100%;}
.na_2 .body .img1{ display: block;}
.na_2 .body .img2{ display: none;}
@media (max-width: 1170px) {
  .na_2 .body .img1{ display: none;}
  .na_2 .body .img2{ display: block;}
}
.na_3{padding-top: 1rem;}
.na_3 .body{ width: 100%; position: relative;display: flex; justify-content: space-between; flex-wrap: wrap;}
.na_3 .body .item{ width: 48%; margin-bottom: 0.36rem;}
.na_3 .body .item h3{ position: absolute; left:36%; top: 0.56rem; font-size: 0.3rem; color: #a60004; font-weight: bold; line-height: 0.6rem;}
.na_3 .body .item .p{ position: absolute; left:29%; top: 1.38rem; font-size: 0.18rem; color: #89402a; line-height: 0.3rem;width: 65%;}
.na_3 .body .item .p sup{vertical-align: 0.08rem;}
.na_3 .body .item img{ display: block; width: 100%;}
.na_3 .body .item:nth-child(4) h3{ left: 11%;}

.na_3 .body1{ width: 100%; position: relative;}
.na_3 .body1 img{ display: block; width: 100%;}
.na_3 .body1 .img1{ display: block;}
.na_3 .body1 .img2{ display: none;}

@media (max-width: 1420px) {
  .na_3 .body .item h3{ left: 34%;top: 0.48rem; font-size: 0.20rem; line-height: 0.5rem;}
  .na_3 .body .item .p{ left:29%; top: 1.18rem; font-size: 0.16rem; line-height: 0.24rem;width: 65%;}
}
@media (max-width: 1170px) {
  .na_3 .body{ display: block; }
  .na_3 .body .item .p sup{vertical-align: 0.16rem;}
  .na_3 .body .item{ width: 100%; margin-bottom: 0.26rem;}
  .na_3 .body .item h3{ font-size: 0.28rem; line-height: 0.6rem;top: 0.5rem;}
  .na_3 .body .item .p{ font-size: 0.26rem; line-height: 0.42rem;}
  .na_3 .body1 .img1{ display: none;}
  .na_3 .body1 .img2{ display: block;}
}

.na_4{padding-top: 1rem;}
.na_4 .body{ width: 100%; position: relative;}
.na_4 .body img{ display: block; width: 100%;}
.na_4 .body .img1{ display: block;}
.na_4 .body .img2{ display: none;}
@media (max-width: 1170px) {
  .na_4 .body .img1{ display: none;}
  .na_4 .body .img2{ display: block;}
}

.na_5{padding-top: 1rem;}
.na_5 .body{ width: 100%; position: relative;display: flex; justify-content: space-between; flex-wrap: wrap; border: #a36936 solid 1px;
background: url("../images/n2_29.png") right bottom no-repeat; background-size: cover; border-radius: 0.26rem; overflow: hidden; padding:4% 5%;}
.na_5 .body .item{width: 45%; position: relative; padding-top: 0.06rem; height: 1.66rem;}
.na_5 .body .item h3{ height: 0.6rem; background: linear-gradient(to right, #d49956, #9f6330); border-radius: 0.5rem 0.08rem 0.2rem 0.5rem; font-size: 0.3rem; color: #fff;
 font-weight: bold; padding-left: 15%; line-height: 0.6rem;}
.na_5 .body .item .p{ font-size: 22px; color: #9f5930; line-height: 0.3rem; padding-top: 0.16rem; padding-left: 6%;}
.na_5 .body .item i{ display: block; width: 0.7rem; height: 0.7rem; background: url("../images/n3_03.png") center center no-repeat;
  background-size:100%; position: absolute; left: 0; top: 0;}
@media (max-width: 1660px) {
  .na_5 .body .item h3{ font-size: 0.24rem; padding-left: 17%;}
  .na_5 .body .item .p{ font-size: 18px; line-height: 0.26rem; }
}
@media (max-width: 1170px) {
  .na_5 .body{ display: block;}
  .na_5 .body .item{width: 100%;height:auto; margin-bottom: 0.4rem;}
  .na_5 .body .item h3{ font-size: 0.28rem; padding-left: 17%;}
  .na_5 .body .item .p{ font-size: 0.26rem; line-height: 0.4rem; }
}


.nla2_1{ padding-top: 1rem;}
.nla2_1 .body{ width: 100%; position: relative;display: flex; justify-content: space-between; flex-wrap: wrap;}
.nla2_1 .body .item{ width: 48%; margin-bottom: 0.36rem; position: relative;}
.nla2_1 .body .item h3{ position: absolute; left:36%; top: 0.46rem; font-size: 0.3rem; color: #a60004; font-weight: bold; line-height: 0.6rem;}
.nla2_1 .body .item h4{position: absolute; left:29%; top: 1.3rem; font-size: 0.24rem; color: #a60004; font-weight: bold; }
.nla2_1 .body .item .p{ position: absolute; left:29%; top: 1.74rem; font-size: 0.18rem; color: #89402a; line-height: 0.3rem;width: 65%;}
.nla2_1 .body .item img{ display: block; width: 100%;}
.nla2_1 .body .item:nth-child(1){ width: 100%;border: #d4ae90 solid 1px; border-radius: 0.26rem; overflow: hidden; padding: 3% 3% 0 3%;}
.nla2_1 .body .item:nth-child(1) h3{ background: url(../images/a220_03.png) no-repeat;width: 6.17rem;height: .57rem; background-size: cover;
  line-height: .57rem;font-size: 28px;color: #a60004;font-weight: bold;text-indent: .34rem;letter-spacing: -1px; left: 0.5rem; top: 0.5rem;}
.nla2_1 .body .item:nth-child(1) img{ display: block; width: auto;float: right;}
.nla2_1 .body .item:nth-child(1) .img2{ display: none;}
.nla2_1 .body .item:nth-child(1) .p{ top: 1.46rem;}
.nla2_1 .body .item.img2{ display: none;}
.nla2_1 .body .item:nth-child(1) .p{ left: 0.5rem; top: 1.3rem;}
.nla2_1 .body .item:nth-child(2){ width: 100%;}
.nla2_1 .body .item:nth-child(2) h3 {left: 14.5%;top: 0.6rem;background: url(../images/a221_03.png) no-repeat;width: 7.88rem;height: .57rem;
  background-size: cover; line-height: 0.57rem;color: #a60004;font-weight: bold;text-indent: .34rem;letter-spacing: -1px;}
.nla2_1 .body .item:nth-child(2) h3 sup {font-size: 0.2rem;line-height: 0.2rem;}
.nla2_1 .body .item:nth-child(2) .img2{ display: none;}

@media (max-width: 1440px) {
  .nla2_1 .body .item h3{ left: 34%;top: 0.38rem; font-size: 0.20rem; line-height: 0.5rem;}
  .nla2_1 .body .item .p{ left:29%; top: 1.32rem; font-size: 0.16rem; line-height: 0.24rem;width: 65%;}
  .nla2_1 .body .item:nth-child(1) h3{ width: 5.17rem;height: .47rem;line-height: .47rem;font-size: 20px; left: 0.4rem;top: 0.4rem;}
  .nla2_1 .body .item h4{left:29%; top: 1rem; font-size: 0.2rem;}

}
@media (max-width: 1366px) {
  .nla2_1 .body .item:nth-child(2) h3 {top: 0.4rem;}

}

@media (max-width: 1170px) {
  .nla2_1 .body{ display: block; }
  .nla2_1 .body .item{ width: 100%; margin-bottom: 0.26rem;}
  .nla2_1 .body .item h3{ font-size: 0.28rem; line-height: 0.6rem;top: 0.5rem;}
  .nla2_1 .body .item h4{top: 1.2rem; font-size: 0.24rem;}
  .nla2_1 .body .item .p{ font-size: 0.26rem; line-height: 0.42rem;top: 1.6rem;}
  .nla2_1 .body .item:nth-child(1) h3{ width: 6.17rem;height: .57rem; background-size: cover;
    line-height: .57rem;font-size:0.28rem;}
  .nla2_1 .body .item:nth-child(1) img{ float:none; padding-top: 3.4rem;width: 100%;}
  .nla2_1 .body .item:nth-child(2) .img1{ display: none;}
  .nla2_1 .body .item:nth-child(2) .img2{ display: block;}
  .nla2_1 .body .item:nth-child(2) h3{ left: 0.4rem; top: 0.4rem;width: 6.17rem;height: .57rem;background: url(../images/a220_03.png) no-repeat; background-size: cover;}

}

.nla2_2{padding-top: 0.7rem;}
.nla2_2 .body{ width: 100%; position: relative;}
.nla2_2 .body img{ display: block; width: 100%;}
.nla2_2 .body .img1{ display: block;}
.nla2_2 .body .img2{ display: none;}
@media (max-width: 1170px) {
  .nla2_2 .body .img1{ display: none;}
  .nla2_2 .body .img2{ display: block;}
}

.nla2_3{padding-top: 1rem;}
.nla2_3 .body{ width: 100%; position: relative;border: #d4ae90 solid 1px;border-radius: 0.26rem;overflow: hidden;padding: 3%;
  background: linear-gradient(to bottom, #f7f6ef, #fff); }
.nla2_3 .body img{ display: block; margin: 0 auto;}
@media (max-width: 1170px) {
  .nla2_3 .body img{ display: block; width: 90%;}
}

.nla2_4{padding-top: 1rem;}
.nla2_4 .nh4{ font-size: 24px; color: #8a5221; text-align: center; margin-top: 0.18rem;}
.nla2_4 .nh4 sup{ font-size: 0.14rem;line-height: 0.14rem;vertical-align: 0.1rem; padding-left: 0;}
.nla2_4 .body{ width: 100%; position: relative;}
.nla2_4 .body img{ display: block; width: 100%;}
.nla2_4 .body .img1{ display: block;}
.nla2_4 .body .img2{ display: none;}
@media (max-width: 1170px) {
  .nla2_4 .body .img1{ display: none;}
  .nla2_4 .body .img2{ display: block;}
}

.bzi_1{padding-top: 1rem;}
.bzi_1 .body{ width: 100%;border: #d4ae90 solid 1px;border-radius: 0.26rem;overflow: hidden;padding: 3%;display: flex; justify-content: space-between;}
.bzi_1 .body img{ display: block; width: 46%;}
.bzi_1 .body .w{ width: 48.2%;}
.bzi_1 .body .w .w1{ background: url("../images/bz2_06.png") center center no-repeat; width: 6.05rem; height: 1.55rem; position: relative;
  background-size: cover;}
.bzi_1 .body .w .w1 h3{ font-size: 0.3rem; color: #a60004; line-height: 0.3rem; font-weight: bold; padding-left: 30%;padding-top: 0.38rem;}
.bzi_1 .body .w .w1 h3 sup{ font-size: 0.1rem; vertical-align: 0.16rem;}
.bzi_1 .body .w .w1 .p{ font-size: 18px; color: #89402a; line-height: 30px; padding-top: 0.26rem; padding-left: 26%}

.bzi_1 .body .w .w2{ width: 100%; padding-top: 0.24rem; position: relative;}
.bzi_1 .body .w .w2 h3{background: url("../images/bz2_10.png") center center no-repeat; width: 5.76rem; height: 1.04rem; background-size: cover;
 }
.bzi_1 .body .w .w2 h3 span{ display: block; font-size: 0.3rem; color: #975821; font-weight: bold; padding-left: 0.34rem; padding-top: 0.52rem;}
.bzi_1 .body .w .w2 h3 sup{ font-size: 0.1rem; vertical-align: 0.16rem;}
.bzi_1 .body .w .w2 .p{ font-size: 18px; color: #9f5930; line-height: 30px; padding-top: 0.2rem; width: 65%;}

@media (max-width: 1460px) {
  .bzi_1 .body .w .w1{  width: 5.05rem; height: 1.29rem;}
  .bzi_1 .body .w .w1 h3{ font-size: 0.24rem; line-height: 0.26rem; padding-top: 0.3rem;}
  .bzi_1 .body .w .w1 .p{ font-size: 16px;line-height: 24px; padding-top: 0.16rem;}
  .bzi_1 .body .w .w2 h3{width: 5rem; height: 0.9rem;}
  .bzi_1 .body .w .w2 h3 span{ font-size: 0.2rem; padding-left: 0.34rem; padding-top: 0.44rem;}
  .bzi_1 .body .w .w2 .p{ font-size: 16px; line-height: 24px; padding-top: 0.2rem; width: 65%;}
}
@media (max-width: 1170px) {
  .bzi_1 .body{ display: block;}
  .bzi_1 .body img{ display: block; width: 100%;}
  .bzi_1 .body .w{ width: 100%; margin-top: 0.3rem; padding-bottom: 0.3rem;}
  .bzi_1 .body .w .w1{ background: url("../images/bz2_06.png") center center no-repeat; width: 6.05rem; height: 1.55rem; position: relative;
    background-size: cover;}
  .bzi_1 .body .w .w1 h3{ font-size: 0.3rem; line-height: 0.3rem; padding-left: 30%;padding-top: 0.38rem;}
  .bzi_1 .body .w .w1 .p{ font-size:0.26rem; line-height: 0.38rem; padding-top: 0.26rem; padding-left: 26%;}
  .bzi_1 .body .w .w2 h3{ width: 5.76rem; height: 1.04rem; }
  .bzi_1 .body .w .w2 h3 span{ font-size: 0.3rem; padding-left: 0.34rem; padding-top: 0.52rem;}
  .bzi_1 .body .w .w2 .p{ font-size: 0.26rem; line-height: 0.38rem; padding-top: 0.2rem; width: 85%;}
  .bzi_1 .body .w .w1 h3 sup{ vertical-align: 0.16rem;}
  .bzi_1 .body .w .w2 h3 sup{ vertical-align: 0.16rem;}
}

.proma_1.bzi_2 { padding-bottom: 0;}
.proma_1.bzi_2 .item{background: linear-gradient(to bottom, transparent, #fff);}
.proma_1.bzi_2 .item h3 sup{ font-size: 0.1rem;vertical-align: 0.16rem;}
.proma_1.bzi_2 .item .p{ color: #9f5930;}

@media (max-width: 1170px) {
.proma_1.bzi_2 .item h3 {font-size: 0.28rem;margin-left: -0.3rem;width: 99%;padding-left: 0.3rem;}
  .proma_1.bzi_2 .item h3 sup{ vertical-align: 0.16rem;}
}

.bzi_3{ padding-top: 0.7rem; }
.bzi_3 .body{ width: 100%;border: #d4ae90 solid 1px;border-radius: 0.26rem;padding: 3%;
  background: linear-gradient(to bottom, transparent, #fff); position: relative; text-align: center;}
.bzi_3 .body h3{position: absolute;left: 50%;background: url(../images/prohz_2_bg_t.png) no-repeat;width: 5.13rem;height: .58rem;
  line-height: .58rem;font-size: 0.3rem;color: #a60004;font-weight: bold; text-align: center; top: -0.29rem; margin-left: -2.565rem;
  background-size: cover;
}
.bzi_3 .body .p{ display: inline-block; padding-top: 0.28rem; }
.bzi_3 .body .p img{ display: inline-block; margin: 0 0.2rem; border-radius: 0.15rem;}

.xzi_1{padding-top: 0.9rem; }
.xzi_1 .body{ width: 100%;border: #d4ae90 solid 1px;border-radius: 0.26rem;padding: 3%;
    background: linear-gradient(to bottom, #fffefd, #fefcf8); position: relative; text-align: left; overflow: hidden;}
.xzi_1 .body .item{ width: 100%; display: flex; justify-content: space-between; position: relative; flex-wrap: wrap;}
.xzi_1 .body .item .li{ width: 29%; position: relative; text-align: left; margin-bottom: 0.4rem;}
.xzi_1 .body .item .li h3{ height: 0.6rem; width: 100%;background: linear-gradient(to right, #d59c58, #a06430);
  border-radius: 0.2rem 0.05rem 0.2rem 0rem; font-size: 0.3rem; color: #fff; font-weight: bold; line-height: 0.6rem;
  padding-left: 8%; text-align: left;}
.xzi_1 .body .item .li h3 sup{ font-size: 0.1rem; vertical-align: 0.16rem;}
.xzi_1 .body .item .li .p{ font-size: 18px; color: #9f5930; line-height: 30px; margin-top: 0.14rem;}
.xzi_1 .body .item .li:hover h3{background: linear-gradient(to right, #cc1d19, #890002);}
.xzi_1 .body .img1{ position: relative; z-index: 2; width: 70%;}
.xzi_1 .body .img2{ display: block; width: 41%; position: absolute; right: 0; bottom: 0;}
.xzi_1 .body .img3{ display: none; position: relative;z-index: 3;}

.xzi_1 .body1{width: 100%;border: #d4ae90 solid 1px;border-radius: 0.26rem;padding: 3%;
  background: linear-gradient(to bottom, #faf7ee, #fff); position: relative; text-align: left; overflow: hidden; margin-top: 0.3rem;
  display: flex; justify-content: space-between;
}
.xzi_1 .body1 .item{ width: 48%;}
.xzi_1 .body1 .item img{ display: block; width: 100%;}
.xzi_1 .body1 .item1{ width: 46%;}
.xzi_1 .body1 .item1 .li{ width: 100%; position: relative; text-align: left; margin-bottom: 0.4rem;}
.xzi_1 .body1 .item1 .li h3{ height: 0.6rem; width: 100%;background: linear-gradient(to right, #d59c58, #a06430);
  border-radius: 0.2rem 0.05rem 0.2rem 0rem; font-size: 0.3rem; color: #fff; font-weight: bold; line-height: 0.6rem;
  padding-left: 8%; text-align: left;}
.xzi_1 .body1 .item1 .li h3 sup{ font-size: 0.1rem; vertical-align: 0.16rem;}
.xzi_1 .body1 .item1 .li .p{ font-size: 18px; color: #9f5930; line-height: 30px; margin-top: 0.14rem;}
.xzi_1 .body1 .item1 .li:hover h3{background: linear-gradient(to right, #cc1d19, #890002);}


@media (max-width: 1466px) {
  .xzi_1 .body .item .li h3{ font-size: 0.24rem;}
  .xzi_1 .body .item .li .p{ font-size: 16px; line-height: 24px; }
  .xzi_1 .body1 .item1 .li h3{ font-size: 0.24rem; }
  .xzi_1 .body1 .item1 .li .p{ font-size: 16px; line-height: 24px;}
}
@media (max-width: 1170px) {
  .xzi_1 .body .item .li h3 sup{ vertical-align: 0.16rem;}
  .xzi_1 .body1 .item1 .li h3 sup{ vertical-align: 0.16rem;}
  .xzi_1 .body .item{ display: block;}
  .xzi_1 .body .item .li{ width: 100%;}
  .xzi_1 .body .item .li h3{font-size: 0.3rem;}
  .xzi_1 .body .item .li .p{ font-size:0.26rem; line-height:0.38rem; }
  .xzi_1 .body{ padding-bottom: 1rem;}
  .xzi_1 .body .img1{ display: none;}
  .xzi_1 .body .img3{ display: block; width: 90%;}
  .xzi_1 .body .img2{  width: 60%;}

  .xzi_1 .body1{ display: block;}
  .xzi_1 .body1 .item{ width: 100%;}
  .xzi_1 .body1 .item1{ width: 100%; margin-top: 0.3rem;}
  .xzi_1 .body1 .item1 .li h3{font-size: 0.3rem;}
  .xzi_1 .body1 .item1 .li .p{ font-size:0.26rem; line-height:0.38rem; }
}
sup{ font-size: 0.1rem; line-height: 0.14rem;vertical-align: 0.08rem;}
.xzi_2{padding-top: 0.9rem; }
.xzi_2 .body{ width: 100%;border: #d4ae90 solid 1px;border-radius: 0.26rem;padding: 3%;display: flex; justify-content: space-between;
  background: linear-gradient(to bottom, #f9f7f1, #fff); position: relative; text-align: left; overflow: hidden;}
.xzi_2 .body .item{ width: 39.5%;}
.xzi_2 .body .item img{ display: block; width: 100%;}
.xzi_2 .body .item1{ width: 46%;}
.xzi_2 .body .item1 .li{ position: relative; text-align: left; margin-bottom: 0.4rem;
  background: url("../images/bz2_06.png") top center no-repeat;background-size: 100%;width: 6.05rem;height: 1.9rem;
  position: relative; padding-bottom: 0.2rem;}
.xzi_2 .body .item1 .li h3{ height: 0.56rem;font-size: 0.3rem; color: #a60004; font-weight: bold; line-height: 0.56rem;
  padding-left: 30%;text-align: left;padding-top: 0.24rem;}
.xzi_2 .body .item1 .li h3 sup{ font-size: 0.1rem; vertical-align: 0.16rem;}
.xzi_2 .body .item1 .li .p{ font-size: 18px; color: #9b6230; line-height: 26px; margin-top: 0.4rem;
  padding-left: 27%;}

@media (max-width: 1466px) {
  .xzi_2 .body .item1 .li{width: 5.05rem;margin-bottom: 0rem;}
  .xzi_2 .body .item1 .li h3{ font-size: 0.24rem;padding-top: 0.16rem;}
  .xzi_2 .body .item1 .li .p{ font-size: 16px; line-height: 24px;margin-top: 0.2rem; }
}
@media (max-width: 1170px) {
  .xzi_2 .body{ display: block;}
  .xzi_2 .body .item{ width: 100%; margin-top: 0.3rem;}
  .xzi_2 .body .item1{ width: 100%; margin-top: 0.2rem;}

  .xzi_2 .body .item1 .li h3{font-size: 0.3rem; padding-top: 0.34rem;}
  .xzi_2 .body .item1 .li .p{ font-size:0.26rem; line-height:0.38rem; margin-top: 0.4rem;}
  .xzi_2 .body .item1 .li {width: 100%; margin-bottom: 0.3rem;}
  .xzi_2 .body .item1 .li h3 sup{ vertical-align: 0.16rem;}
  sup{ font-size: 0.1rem;}
}

.hezhi_1.xzi_3 .body .item .im h3{ height: 0.8rem;}
.hezhi_1.xzi_3 .body .item .im .p{ height: 1.38rem;}
.hezhi_1.xzi_3 .body .item .im  .img2{ display: block; width: 0.8rem;}

@media (max-width: 1170px) {
  .hezhi_1.xzi_3 .body .item .im h3{ height: 1rem;}
  .hezhi_1.xzi_3 .body .item .im .p{ height: 1.8rem;}
  .hezhi_1.xzi_3 .body .item .im  .img2{ width: 1rem;}
}
.hezhi_1 .index_title h3 sup{ font-size: 0.2rem;}



.prohz_main.huanzhi{ background: transparent;}
.huanzi1{ padding-top: 0.9rem;}
.huanzi1 .body{width: 100%;border: #d4ae90 solid 1px;border-radius: 0.26rem;display: flex; justify-content: space-between;
  background: linear-gradient(to bottom, #fcf8ef, #fff); position: relative; text-align: left; overflow: hidden;}
.huanzi1 .body .item1{ width: 33.3%}
.huanzi1 .body .item1 img{ display: block; width: 100%;}
.huanzi1 .body .item2{ width: 30%}
.huanzi1 .body .item2 .li{ width: 100%; margin-top: 0.7rem;}
.huanzi1 .body .item2 .li h3{ height: 0.6rem; background: linear-gradient(to right, #d49956, #9f6330);
  border-radius: 0.26rem 0.08rem 0.26rem 0.08rem; font-size: 0.3rem; color: #fff;font-weight: bold; padding-left: 5%; line-height: 0.6rem;}
.huanzi1 .body .item2 .li .p{ font-size: 18px; color: #89402a; line-height: 0.3rem; padding-top: 0.16rem;}
.huanzi1 .body .item2 .li:hover h3{background: linear-gradient(to right, #c90004, #8b0002);}
.huanzi1 .body .item3{ width: 28.3%; padding-right: 1.4%;}
.huanzi1 .body .item3 img{ display: block; width: 100%;}
@media (max-width: 1466px) {
  .huanzi1 .body .item2 .li{ margin-top: 0.5rem;}
  .huanzi1 .body .item2 .li h3{ font-size: 0.24rem;}
  .huanzi1 .body .item2 .li .p{ font-size:0.16rem; line-height: 0.24rem; }
}
@media (max-width: 1170px) {
  .huanzi1 .body{ display: block;}
  .huanzi1 .body .item1{ width: 100%;}
  .huanzi1 .body .item2{ width: 92%; margin: 0 auto;}
  .huanzi1 .body .item2 .li h3{ font-size: 0.3rem;}
  .huanzi1 .body .item2 .li .p{ font-size:0.26rem; line-height: 0.34rem; }
  .huanzi1 .body .item3{ width: 100%; padding-top: 0.3rem;}
}

.huanzi2{ padding-top: 0.9rem;}
.proxi_box1.huanzi2 .body {border-radius: .26rem;background: linear-gradient(to bottom, #fcfbf8, #fff); border: 1px solid #d4ae90;}
.proxi_box1.huanzi2 .item .li img{ border: none;background: transparent;}
.proxi_box1.huanzi2 .body .tu {position: absolute;right: 5%;top: 5%;height: 90%;}

@media (max-width: 1170px) {
  .proxi_box1.huanzi2 .body .tu {
    position: relative; right: 0;
    padding-bottom: .2rem; border: none;
  }
  .proxi_box1.huanzi2 .body .tu img{ border: none;}
  .huanzhi .proxi_box1.huanzi2 .body .tu img{ border: none; width: 100%;}
}

.huanzi3{ padding-top: 0.9rem;}
.huanzi3 .body{display: flex; justify-content: space-between; position: relative;}
.huanzi3 .body .li{border-radius: .26rem;background: linear-gradient(to bottom, #fcfbf8, #fff); border: 1px solid #d4ae90; padding: 3% 3% 0 3%;
 width: 46%; position: relative; overflow: hidden;transition: ease-in-out .2s;}
.huanzi3 .body .li .img1 {position: absolute;left: .34rem;top: .34rem;width: 1.3rem;height: 1.3rem;}
.huanzi3 .body .li .txt{ padding-left: 1.4rem;}
.huanzi3 .body .li .txt h3 {background: url(../images/pro_4.png) no-repeat;width: 4.06rem;height: .58rem;line-height: .58rem;
  font-size: 28px;color: #a60004;font-weight: bold;text-indent: .34rem;margin-bottom: .1rem;letter-spacing: -1px; background-size: cover;}
.huanzi3 .body .li .txt h3 sup{vertical-align: 0.16rem;}
.huanzi3 .body .li .txt .p {font-size: 18px;color: #9f5930;min-height: 60px;line-height: 30px;}
.huanzi3 .body .li .img2{ display: block; margin-top: 0.3rem; width: 100%;}

.huanzi3 .body .li:hover{transform: translateY(-4px); transition: ease-in-out .2s;}

@media (max-width: 1466px) {
  .huanzi3 .body .li .img1 {left: .26rem;top: .28rem;width: 1.1rem;height: 1.1rem;}
  .huanzi3 .body .li .txt{ padding-left: 1.1rem;}
  .huanzi3 .body .li .txt h3 {font-size: 22px;background: url(../images/pro_358.png) no-repeat;width: 4.06rem;}
}

@media (max-width: 1170px) {
  .huanzi3 .body{ display: block;}
  .huanzi3 .body .li{ width: 100%;}
  .huanzi3 .body .li:nth-child(2){ margin-top: 0.26rem;}
  .huanzi3 .body .li .txt{ padding-left: 1.3rem;}
  .huanzi3 .body .li .txt h3 {font-size:0.3rem;background: url(../images/pro_4.png) no-repeat;width: 4.06rem;height: .58rem;
    background-size: cover;}
  .huanzi3 .body .li .txt h3 sup{vertical-align: 0.16rem;}
}

.huanzi4{ padding-top: 0.9rem;}
.huanzi4 .body{display: flex; justify-content: space-between; position: relative;}
.huanzi4 .body .li{border-radius: .26rem;background: linear-gradient(to bottom, #fcfbf8, #fff);
  border: 1px solid #d4ae90; padding: 3%;
  width: 31%; position: relative; overflow: hidden;transition: ease-in-out .2s;}
.huanzi4 .body .li:hover{transform: translateY(-4px); transition: ease-in-out .2s;}
.huanzi4 .body .li h3{ font-size: 0.3rem; color: #a60004; font-weight: bold; line-height: 0.4rem; height: 0.8rem;}
.huanzi4 .body .li h3 sup{vertical-align: 0.16rem;}
.huanzi4 .body .li .p {font-size: 18px;color: #89402a;line-height:0.32rem; margin-top: 0.22rem; height: 1.46rem;}
.huanzi4 .body .li .img1{ display: block; width: 0.96rem; float: right;}

@media (max-width: 1466px) {
  .huanzi4 .body .li h3{ font-size: 0.24rem; line-height: 0.32rem; height: 0.68rem;}
  .huanzi4 .body .li .p {font-size: 16px;line-height:0.24rem; height: 1.3rem;}
}

@media (max-width: 1170px) {
  .huanzi4 .body{ display: block;}
  .huanzi4 .body .li{ width: 100%; padding: 5%; margin-top: 0.26rem;}
  .huanzi4 .body .li:nth-child(1){ margin-top: 0;}
  .huanzi4 .body .li h3{ font-size: 0.3rem; line-height: 0.4rem; height: 0.8rem;}
  .huanzi4 .body .li h3 sup{vertical-align: 0.16rem;}
  .huanzi4 .body .li .p {font-size: 0.26rem;line-height:0.32rem; height: 1.46rem;}
}

.huanzi5{ padding-top: 0.9rem;}
.huanzi5 .body{width: 100%;border: #d4ae90 solid 1px;border-radius: 0.26rem;display: flex; justify-content: space-between;
  background: linear-gradient(to bottom, #fcf8ef, #fff); position: relative; text-align: left; overflow: hidden;}
.huanzi5 .body .item{ width: 32%;}
.huanzi5 .body .item img{ display: block; width: 100%;}
.huanzi5 .body .item1{ width: 68%;display: flex; position: relative;align-items: center; justify-content: center;}
.huanzi5 .body .item0{ display: flex; justify-content: space-between; position: relative; width: 100%;}
.huanzi5 .body .item0 .li{ width: 33.3%; text-align: center;transition: ease-in-out .2s;}
.huanzi5 .body .item0 .li .img1{display: block; width: 1.53rem; margin: 0 auto;}
.huanzi5 .body .item0 .li .p{ font-size: 0.18rem; color: #8f5019; line-height: 0.32rem; margin-top: 0.4rem;}
.huanzi5 .body .item0 .li:hover{transform: translateY(-4px); transition: ease-in-out .2s;}
@media (max-width: 1170px) {
  .huanzi5 .body{ display: block;}
  .huanzi5 .body .item{ width: 100%;}
  .huanzi5 .body .item1{ width: 100%; padding: 0.3rem 0;}
  .huanzi5 .body .item0{ flex-wrap: wrap;}
  .huanzi5 .body .item0 .li{ width: 50%;}
  .huanzi5 .body .item0 .li .p {font-size: 0.26rem;line-height:0.42rem;}
}
.hecun_1{ padding-top: 0.9rem;}
.hecun_1 .body{ width: 100%;display: flex; justify-content: space-between; position: relative;
  border-radius: .26rem;background: linear-gradient(to bottom, transparent, #fff); border: 1px solid #d4ae90;
  padding: 3%;}
.hecun_1 .body .item2{ width: 45.2%;}
.hecun_1 .body .item2 h3 {background: url(../images/a220_03.png) no-repeat;width: 6.17rem;height: .58rem;line-height: .58rem;
  font-size: 28px;color: #a60004;font-weight: bold;text-indent: .34rem;margin-bottom: .1rem;letter-spacing: -1px; background-size: 100%;}
.hecun_1 .body .item2 h3 sup{vertical-align: 0.18rem;}
.hecun_1 .body .item2 .p {font-size: 18px;color: #9f5930;min-height: 60px;line-height: 30px;}
.hecun_1 .body .item1{ width: 48.5%;}
.hecun_1 .body .item1 img{ display: block; width: 100%;}

.hecun_1 .body1{width: 100%;display: flex; justify-content: space-between; position: relative; flex-wrap: wrap;}
.hecun_1 .body1 .li{border-radius: .26rem;background: linear-gradient(to bottom, transparent, #fff);border: 1px solid #d4ae90;padding:3%;
  width: 48.5%;position: relative;overflow: hidden;transition: ease-in-out .2s; margin-top: 0.3rem;}
.hecun_1 .body1 .li .img1 {position: absolute;left: .34rem;top: .34rem;width: 1.3rem;height: 1.3rem;}
.hecun_1 .body1 .li .txt{ padding-left: 1.4rem;}
.hecun_1 .body1 .li .txt h3 {background: url(../images/pro_4.png) no-repeat;width: 4.06rem;height: .58rem;line-height: .58rem;
  font-size: 28px;color: #a60004;font-weight: bold;text-indent: .34rem;margin-bottom: .1rem;letter-spacing: -1px; background-size: 100%;}
.hecun_1 .body1 .li .txt h3 sup{vertical-align: 0.16rem;}
.hecun_1 .body1 .li .txt .p {font-size: 18px;color: #9f5930;min-height: 60px;line-height: 30px;}
.hecun_1 .body1 .li .img2{ display: block; margin-top: 0.3rem; width: 100%;}
.hecun_1 .body1 .li:hover{transform: translateY(-4px); transition: ease-in-out .2s;}
.hecun_1 .body1 .li:nth-child(4) .img1{ display: none;}
.hecun_1 .body1 .li:nth-child(4) .txt{ padding-left: 0rem;}
.hecun_1 .body1 .li:nth-child(4) .txt h3 {background: url(../images/prohz_2_bg_t2.png) no-repeat;width:5.93rem;height: .58rem;
  background-size: 100%}

.hecun_1 .body1 .li:nth-child(5) .txt{ padding-bottom: 0.7rem;}

.hecun_1 .body2{border-radius: .26rem;background: linear-gradient(to bottom, #fcfbf8, #fff); border: 1px solid #d4ae90;
  position: relative; margin-top: 0.3rem; padding: 2% 2% 2% 0;}
.hecun_1 .body2 .item2 {width: 53%;padding: .23rem 0;padding-left: .23rem;}
.hecun_1 .body2 .item2 .li {position: relative;transition: ease-in-out .2s;margin-bottom: .04rem;padding-left: 1.74rem;
  border-radius: .3rem;padding-top: .17rem;padding-right: .27rem;padding-bottom: .15rem; margin-top: 0.2rem;}
.hecun_1 .body2 .item2 .li:nth-child(2){ margin-top: 0.3rem;}
.hecun_1 .body2 .item2 .li img {position: absolute;left: .21rem;top: .17rem;width: 1.3rem;height: 1.3rem;border-radius: 100%;}
.hecun_1 .body2 .item2 .li .txt h3 {background: url(../images/prohz_2_bg_t.png) no-repeat;width: 5.13rem;height: .58rem;line-height: .58rem;
  font-size: 28px;color: #a60004;font-weight: bold;text-indent: .34rem;margin-bottom: .1rem;letter-spacing: -1px;}
.hecun_1 .body2 .item2 .li .txt h3 sup{vertical-align: 0.16rem;}
.hecun_1 .body2 .item2 .li .txt .p {font-size: 18px;color: #9f5930;min-height: 60px;line-height: 30px; width: 92%;}
.hecun_1 .body2 .item2 .li:hover {background: linear-gradient(to right, #ca0005, #880002);}
.hecun_1 .body2 .item2 .li:hover .txt .p {color: #fffec9;}
.hecun_1 .body2 .item1 {position: absolute;right: 5%;top: 5%;height: 90%;}
.hecun_1 .body2 .item1 img{ display: block; width: 100%;}


@media (max-width: 1466px) {
  .hecun_1 .body .item2 h3{ font-size: 0.24rem; background: url("../images/pro_496.png") no-repeat;width:4.96rem;height: .58rem;}
  .hecun_1 .body .item2 .p {font-size: 16px;line-height:0.24rem; }
  .hecun_1 .body1 .li .img1 {left: .26rem;top: .28rem;width: 1.1rem;height: 1.1rem;}
  .hecun_1 .body1 .li .txt{ padding-left: 1.1rem;}
  .hecun_1 .body1 .li .txt h3 {font-size: 22px;background: url(../images/pro_305.png) no-repeat;width: 3.05rem;background-size: 100% 100%;}
  .hecun_1 .body1 .li:nth-child(4) .txt h3 {background: url(../images/pro_358.png) no-repeat;width: 4.06rem;height: .58rem;
    background-size: 100% 100%;}
  .hecun_1 .body1 .li .txt .p {font-size: 16px;line-height: 26px;}
  .hecun_1 .body1 .li:nth-child(5) .txt{ padding-bottom: 0.5rem;}

  .hecun_1 .body2 .item2 .li .txt h3{ font-size: 0.2rem;background: url(../images/pro_358.png) no-repeat;width: 3.58rem;}
  .hecun_1 .body2 .item2 .li .txt .p {font-size: 16px;line-height: 26px;}
  .hecun_1 .body2 .item1 {width: 45%;}

  .proma_2.huanzi2 .item .li .txt h3{background: url(../images/pro_358.png) no-repeat  !important;width: 3.58rem !important;height: .58rem;}
}
@media (max-width: 1325px) {
  .proma_2.huanzi2 .body .tu {overflow: hidden;width: auto;border-left:none;border-radius:none;}
}
@media (max-width: 1170px) {
  sup {vertical-align: 0.14rem;}
  .hecun_1 .body{ display: block; padding: 5%;}
  .hecun_1 .body .item1{ width: 100%; margin-top: 0.3rem;}
  .hecun_1 .body .item2{ width: 100%;}
  .hecun_1 .body .item2 h3{ font-size: 0.3rem;background: url(../images/a220_03.png) no-repeat;width: 6.17rem;
    height: .58rem; background-size: 100%;}
  .hecun_1 .body .item2 h3 sup{vertical-align: 0.18rem;}
  .hecun_1 .body .item2 .p {font-size: 0.26rem;line-height:0.4rem; }
  .hecun_1 .body1{ display: block;}
  .hecun_1 .body1 .li{ width: 100%; padding: 5%;}
  .hecun_1 .body1 .li:nth-child(2){ margin-top: 0.26rem;}
  .hecun_1 .body1 .li .txt{ padding-left: 1.2rem;}
  .hecun_1 .body1 .li .txt h3 {font-size:0.3rem;background: url(../images/pro_508.png) no-repeat;width: 5.08rem;height: .58rem;
    background-size: 100% 100%;}
  .hecun_1 .body1 .li:nth-child(4) .txt h3 {background: url(../images/prohz_2_bg_t2.png) no-repeat;width:5.93rem;height: .58rem;
    background-size: 100% 100%;}
  .proma_2.huanzi2 .item .li .txt h3{background: url(../images/pro_508.png) no-repeat !important;
    width: 5.08rem !important;height: .58rem;}
  .proxi_box1.huanzi2 .item .li {padding-left: 1.4rem;}

  .hecun_1 .body2 .item1{ left: 5%; top: 5%; width:90%;}
  .hecun_1 .body2 .item2 {width: 100%; padding-top: 5.5rem;}
  .hecun_1 .body2 .item2 .li{ width: 100%; padding-left: 1.6rem;}
  .hecun_1 .body2 .item2 .li .txt h3 {background: url(../images/pro_508.png) no-repeat;width:5.08rem;height: .58rem;
    background-size: 100%; font-size: 0.28rem;}
  .hecun_1 .body2 .item2 .li .txt .p{font-size: 0.26rem; line-height: 0.4rem; width: 100%;}
}

.yaz_1{ padding-top: 0.9rem;}
.yaz_1 .body{width: 100%;border: #d4ae90 solid 1px;border-radius: 0.26rem;padding: 3%;
  background: linear-gradient(to bottom, transparent, #fff); position: relative; text-align: left; overflow: hidden;
  display: flex; justify-content: space-between;
}
.yaz_1 .body .item1{ width: 74%;}
.yaz_1 .body .item1 img{ display: block; width: 100%;}
.yaz_1 .body .item2{ width: 32%;}
.yaz_1 .body .item2 .li{ width: 100%; position: relative; text-align: left; margin-bottom: 0.4rem;}
.yaz_1 .body .item2 .li h3{ height: 0.6rem; width: 100%;background: linear-gradient(to right, #d59c58, #a06430);
  border-radius: 0.2rem 0.05rem 0.2rem 0rem; font-size: 0.3rem; color: #fff; font-weight: bold; line-height: 0.6rem;
  padding-left: 8%; text-align: left;}
.yaz_1 .body .item2 .li h3 sup{ font-size: 0.1rem; vertical-align: 0.16rem;}
.yaz_1 .body .item2 .li .p{ font-size: 18px; color: #9f5930; line-height: 30px; margin-top: 0.14rem;}
.yaz_1 .body .item2 .li:hover h3{background: linear-gradient(to right, #cc1d19, #890002);}


@media (max-width: 1466px) {
  .yaz_1 .body .item2 .li h3{ font-size: 0.24rem;}
  .yaz_1 .body .item2 .li .p{ font-size: 16px; line-height: 24px; }
}
@media (max-width: 1170px) {
  .yaz_1 .body .item1{ width: 100%;}
  .yaz_1 .body{ padding: 5%; display: block;}
  .yaz_1 .body .item2{ display: block; width: 100%;}
  .yaz_1 .body .item2 .li{ width: 100%;}
  .yaz_1 .body .item2 .li h3{font-size: 0.3rem;}
  .yaz_1 .body .item2 .li .p{ font-size:0.26rem; line-height:0.38rem; }
  .yaz_1 .body .item2 .li h3 sup{ vertical-align: 0.16rem;}
}
.yaz_2{ padding-top: 0.9rem;}
.yaz_2 .body{width: 100%;border: #d4ae90 solid 1px;border-radius: 0.26rem;padding: 3%;
  background: linear-gradient(to bottom, transparent, #fff); position: relative; text-align: left;
  display: flex; justify-content: space-between;
}
.yaz_2 .body .item1{ width: 7.88rem; height: 0.57rem; background: url("../images/a221_03.png") center center no-repeat;
  background-size: 100% 100%; font-size: 0.3rem; color: #a60004; line-height: 0.57rem; font-weight: bold; position: absolute; top: -0.285rem;
left: 50%; margin-left: -3.94rem; text-align: center;}
.yaz_2 .body .item1 sup{vertical-align: 0.16rem;}
.yaz_2 .body .item2{ width: 36%;}
.yaz_2 .body .item2 img{ width: 100%; display: block;}
.yaz_2 .body .item3{ width: 60%;display: flex; justify-content: space-between; position: relative; flex-wrap: wrap;}
.yaz_2 .body .item3 .li{ width: 46%; position: relative; text-align: left; margin-top: 0.3rem;}
.yaz_2 .body .item3 .li h3{ height: 0.6rem; width: 100%;background: linear-gradient(to right, #d59c58, #a06430);
  border-radius: 0.2rem 0.05rem 0.2rem 0rem; font-size: 0.26rem; color: #fff; font-weight: bold; line-height: 0.6rem;
  padding-left: 8%; text-align: left;}
.yaz_2 .body .item3 .li h3 sup{ font-size: 0.14rem; line-height: 0.16rem;vertical-align: 0.16rem;}
.yaz_2 .body .item3 .li .p{ font-size: 18px; color: #9f5930; line-height: 30px; margin-top: 0.14rem;}
.yaz_2 .body .item3 .li:hover h3{background: linear-gradient(to right, #cc1d19, #890002);}

@media (max-width: 1466px) {
  .yaz_2 .body .item3 .li h3{ font-size: 0.22rem;}
  .yaz_2 .body .item3 .li .p{ font-size: 16px; line-height: 24px; }
}
@media (max-width: 1170px) {
  .yaz_2 .body .item1{width: 6.17rem; height: 0.57rem; background: url("../images/a220_03.png") center center no-repeat;
    background-size: 100% 100%;font-size: 0.26rem; margin-left: -3.085rem; }
  .yaz_2 .body{ padding: 5%; display: block;}
  .yaz_2 .body .item2{ display: block; width: 100%;}
  .yaz_2 .body .item3{ display: block; width: 100%;}
  .yaz_2 .body .item3 .li{ width: 100%;}
  .yaz_2 .body .item3 .li h3{font-size: 0.3rem;}
  .yaz_2 .body .item3 .li .p{ font-size:0.26rem; line-height:0.38rem; }
}

.yaz_3{ padding-top: 0.9rem;}
.yaz_3 .body{width: 100%;border: #d4ae90 solid 1px;border-radius: 0.26rem;
  background: linear-gradient(to bottom, transparent, #fff); position: relative; text-align: left;
  display: flex; justify-content: space-between; overflow: hidden;
}
.yaz_3 .body .item1{ width: 50%;}
.yaz_3 .body .item1 img{ display: block; width: 100%;}
.yaz_3 .body .item2{ width: 41%; margin-right: 5%; position: relative; margin-top: 2%;}
.yaz_3 .body .item2 h3{ font-size: 0.56rem; color: #a06430; font-weight: bold; line-height: 0.7rem; padding-top: 2.24rem;}
.yaz_3 .body .item2 img{ display: block; width: 2.5rem; position: absolute; right: 0; top: 5%;}
@media (max-width: 1466px) {
  .yaz_3 .body .item2 h3{ font-size: 0.46rem; line-height: 0.6rem; padding-top: 1.8rem;}
  .yaz_3 .body .item2 img{ width: 2rem;}
}
@media (max-width: 1170px) {
  .yaz_3 .body{ display: block;}
  .yaz_3 .body .item1{ width: 100%;}
  .yaz_3 .body .item2{ width: 90%; margin: 5%;}
}

.qiaz_1{ padding-top: 0.9rem;}
.qiaz_1 .body{width: 100%;border: #d4ae90 solid 1px;border-radius: 0.26rem; padding:3%;
  background: linear-gradient(to bottom, transparent, #fff); position: relative; text-align: left;
  display: flex; justify-content: space-between; overflow: hidden;
}
.qiaz_1 .body .img1{ display: block; width: 43%; }
.qiaz_1 .body .img2{ display: block; width: 48%; }
@media (max-width: 1170px) {
  .qiaz_1 .body{ display: block;}
  .qiaz_1 .body .img1{ width: 100%;}
  .qiaz_1 .body .img2{ width: 100%;}
}
.qiaz_2{ padding-top: 0.9rem;}
.qiaz_2 .body{width: 100%;border: #d4ae90 solid 1px;border-radius: 0.26rem; padding: 4%;
  background: linear-gradient(to bottom, transparent, #fff);  text-align: left;overflow: hidden;}
.qiaz_2 .body .item{ position: relative; display: inline-block;}
.qiaz_2 .body .item .img1{ display: block; width:9.4%; float: left;}
.qiaz_2 .body .item .txt{ width:41.8%; float: left; padding-left: 1.8%; padding-top: 0.28rem;}
.qiaz_2 .body .item .txt h3{background: url(../images/prohz_2_bg_t.png) no-repeat;width: 5.13rem;height: .58rem;line-height: .58rem;
  font-size: 28px;color: #6b4b9b;font-weight: bold;text-indent: .34rem;margin-bottom: .1rem;letter-spacing: -1px;}
.qiaz_2 .body .item .txt h4{ font-size: 0.24rem; color: #674498; font-weight: bold;}
.qiaz_2 .body .item .txt h4 sup{vertical-align: 0.12rem;}
.qiaz_2 .body .item .txt .p{ font-size: 18px; color: #9b6230; line-height: 28px; padding-top: 0.14rem;}

.qiaz_2 .body .item .img2{ width: 42.4%; display: block; float: right;}
.qiaz_2 .body .item:nth-child(2){ margin-top: 0.34rem;}

@media (max-width: 1466px) {
  .qiaz_2 .body .item .txt h3{background: url(../images/pro_4.png) no-repeat;width: 4.06rem;height: .58rem;font-size: 24px;
    background-size: 100% 100%;}
  .qiaz_2 .body .item .txt h4{ font-size: 0.2rem;}
  .qiaz_2 .body .item .txt .p{ font-size: 16px; line-height: 24px;}
}
@media (max-width: 1170px) {
  .qiaz_2 .body .item .txt h4 sup{vertical-align: 0.1rem;}
  .qiaz_2 .body .item .img1 {width: 19.4%;}
  .qiaz_2 .body .item .txt{ width:80%; padding-left: 3%;}
  .qiaz_2 .body .item .txt h3{ font-size: 0.3rem;}
  .qiaz_2 .body .item .txt h4{ font-size: 0.26rem;}
  .qiaz_2 .body .item .txt .p{ font-size: 0.26rem; line-height:0.4rem;}
  .qiaz_2 .body .item .img2{ width: 100%; display: block; float:none; padding-top: 0.3rem;}
}
.qiaz_3{ position: relative; padding-top: 0.9rem;}
.qiaz_3 .body{width: 100%;text-align: left;display: flex; justify-content: space-between; position: relative;}
.qiaz_3 .body .qi_q1{ position: relative;width: 48.5%;}
.qiaz_3 .body .qi_q1 .body1{ padding: 5%; width:100%;border: #d4ae90 solid 1px;border-radius: 0.26rem;background: linear-gradient(to bottom, transparent, #fff);
  text-align: left;overflow: hidden;}
.qiaz_3 .body .qi_q1 .body1 .img1{ display: block; width:20.5%; float: left;}
.qiaz_3 .body .qi_q1 .body1 .txt{ width:76.5%; float: left; padding-left: 5%; padding-top: 0.28rem;}
.qiaz_3 .body .qi_q1 .body1 .txt h3{background: url(../images/pro_4.png) no-repeat;width: 4.06rem;height: .58rem;line-height: .58rem;
  font-size: 28px;color: #6b4b9b;font-weight: bold;text-indent: .34rem;margin-bottom: .1rem;letter-spacing: -1px;}
.qiaz_3 .body .qi_q1 .body1 .txt h3 sup{vertical-align: 0.16rem;}
.qiaz_3 .body .qi_q1 .body1 .txt .p{ font-size: 18px; color: #9b6230; line-height: 28px; padding-top: 0.14rem;}
.qiaz_3 .body .qi_q1 .body1 .img2{ display: block; width: 100%; padding-top: 0.3rem;}

.qiaz_3 .body .qi_q2{ position: relative;width: 48.5%;}
.qiaz_3 .body .qi_q2 .body1{ padding: 5%; width: 100%;border: #d4ae90 solid 1px;border-radius: 0.26rem;background: linear-gradient(to bottom, transparent, #fff);
  text-align: left;overflow: hidden;}
.qiaz_3 .body .qi_q2 .body1 .txt{ width:100%; padding-top: 0.28rem;}
.qiaz_3 .body .qi_q2 .body1 .txt h3{background: url(../images/prohz_2_bg_t.png) no-repeat;width: 5.13rem;height: .58rem;line-height: .58rem;
  font-size: 28px;color: #6b4b9b;font-weight: bold;text-indent: .34rem;margin-bottom: .1rem;letter-spacing: -1px;}
.qiaz_3 .body .qi_q2 .body1 .txt h3 sup{vertical-align: 0.16rem;}
.qiaz_3 .body .qi_q2 .body1 .txt .p{ font-size: 18px; color: #9b6230; line-height: 28px; padding-top: 0.14rem;}
.qiaz_3 .body .qi_q2 .body1 .img2{display: block; width: 100%;  padding-top: 0.13rem;}
@media (max-width: 1466px) {
  .qiaz_3 .body .qi_q1 .body1 .txt h3{background: url(../images/pro_305.png) no-repeat;width: 3.05rem;font-size: 20px;
 background-size: 100% 100%;}
  .qiaz_3 .body .qi_q1 .body1 .txt .p{ font-size: 16px; line-height: 24px;}
  .qiaz_3 .body .qi_q2 .body1 .txt h3{background: url(../images/pro_358.png) no-repeat;width: 3.58rem;font-size: 20px;}
  .qiaz_3 .body .qi_q2 .body1 .txt .p{ font-size: 16px; line-height: 24px; }
}
@media (max-width: 1170px) {
  .qiaz_3 .body{display: block; }
  .qiaz_3 .body .qi_q1{ position: relative;width:100%;}
  .qiaz_3 .body .qi_q2{ position: relative;width:100%;}
  .qiaz_3 .body .qi_q1 .body1 .txt h3{ font-size: 0.3rem;background: url(../images/pro_4.png) no-repeat;width: 4.06rem;background-size: 100% 100%;}
  .qiaz_3 .body .qi_q1 .body1 .txt .p{ font-size:0.26rem; line-height:0.4rem; }
  .qiaz_3 .body .qi_q2 .body1 .txt h3{ font-size: 0.3rem;background: url(../images/prohz_2_bg_t.png) no-repeat;width: 5.13rem; background-size: 100% 100%;}
  .qiaz_3 .body .qi_q2 .body1 .txt .p{ font-size:0.26rem; line-height:0.4rem; }
}

.qiaz_4{padding-top: 0.9rem; position: relative;}
.qiaz_4 .body{ padding: 5%; width:100%;border: #d4ae90 solid 1px;border-radius: 0.26rem;background: linear-gradient(to bottom, transparent, #fff);
  text-align: left; position: relative;}
.qiaz_4 .body h3{ width: 7.88rem; height: 0.57rem; background: url("../images/a221_03.png") center center no-repeat;
 background-size: 100% 100%; font-size: 0.3rem; color: #6b4b9b; line-height: 0.57rem; font-weight: bold; position: absolute; top: -0.285rem;
 left: 50%; margin-left: -3.94rem; text-align: center;}
.qiaz_4 .body h3 sup{vertical-align: 0.16rem;}
.qiaz_4 .body img{ display: block; width: 94%; margin: 0 auto; padding-top: 2%;}
.qiaz_4 .body .img2{ display: none;}

@media (max-width: 1170px) {
  .qiaz_4 .body h3 {width: 6.17rem;height: 0.57rem;background: url("../images/a220_03.png") center center no-repeat;
    background-size: 100% 100%;font-size: 0.26rem;margin-left: -3.085rem;}
  .qiaz_4 .body .img1{ display: none;}
  .qiaz_4 .body .img2{ display: block;}
}
.qiaz_5{ padding-top: 0.9rem;}
.qiaz_5 .body{ padding: 3%; width:100%;border: #d4ae90 solid 1px;border-radius: 0.26rem;background: linear-gradient(to bottom, #fff, #fff);
  text-align: left; position: relative;display: flex; justify-content: space-between;}
.qiaz_5 .body .img1{ display: block; width: 49%;}
.qiaz_5 .body .img2{ display: block; width: 49.5%;}

@media (max-width: 1170px) {
  .qiaz_5 .body{ display: block;}
  .qiaz_5 .body .img1{ display: block; width: 100%;}
  .qiaz_5 .body .img2{ display: block; width: 100%;}
}
.qiaz_6{ padding-top: 0.9rem;}
.qiaz_6 .body{ padding: 5% 5% 2% 5%; width:100%;border: #d4ae90 solid 1px;border-radius: 0.26rem;background: linear-gradient(to bottom, #fffdf9, #fffdf9);
  text-align: left; position: relative;}
.qiaz_6 .body  .h3{ width: 7.88rem; height: 0.57rem; background: url("../images/a221_03.png") center center no-repeat;
  background-size: 100% 100%; font-size: 0.3rem; color: #6b4b9b; line-height: 0.57rem; font-weight: bold; position: absolute; top: -0.285rem;
  left: 50%; margin-left: -3.94rem; text-align: center;}
.qiaz_6 .body .h3 sup{vertical-align: 0.16rem;}
.qiaz_6 .body .tu {width: 4.8rem;position: absolute;left: 50%;margin-left: -2.4rem;top: 0.7rem;transition: ease-in-out .2s;}
.qiaz_6 .body .tu img{ display: block; width: 100%;}
.qiaz_6 .body .tu:hover {transform: translateY(-5px);transition: ease-in-out .2s;}

.qiaz_6 .body .item{ width: 28%; float: left; margin-top: 0.1rem;}
.qiaz_6 .body .item h3{background: linear-gradient(to right, #6b4b9b, #6b4b9b);border-radius: 0.26rem 0.08rem 0.26rem 0.08rem;
  font-size: 0.3rem;color: #fff;font-weight: bold;padding-left: 5%;line-height: 0.6rem;}
.qiaz_6 .body .item:hover h3 {background: linear-gradient(to right, #c90004, #8b0002);}
.qiaz_6 .body .item .p{ font-size: 18px; color: #9f5930; line-height: 30px; margin-top: 22px; height: 1.2rem;}
.qiaz_6 .body .item:nth-child(2n){ margin-left: 44%;}

@media (max-width: 1460px) {
  .qiaz_6 .body .item h3{font-size: 0.24rem;}
  .qiaz_6 .body .item .p{ font-size: 16px;line-height: 26px;}
}
@media (max-width: 1170px) {
  .qiaz_6 .body{ padding: 5%;}
  .qiaz_6 .body .h3{width: 6.17rem;height: 0.57rem;background: url("../images/a220_03.png") center center no-repeat;
    background-size: 100% 100%;font-size: 0.26rem;margin-left: -3.085rem;}
  .qiaz_6 .body .tu{ width: 100%; left: 0; top: 0.6rem; margin-left: 0;}
  .qiaz_6 .body .item h3{font-size: 0.3rem;}
  .qiaz_6 .body .item .p{ font-size:0.26rem;line-height:0.4rem;}
  .qiaz_6 .body .item{ float: none; width: 100%;}
  .qiaz_6 .body .item:nth-child(2n){ margin-left:0;}
  .qiaz_6 .body .item:nth-child(1){ padding-top: 6rem;}
}

.qiaz_7{ padding-top: 0.9rem;}
.qiaz_7 .index_title h4{ font-size: 0.24rem; color: #a06430; margin-top: 16px; }
.qiaz_7 .index_title h4 sup{ font-size: 0.14rem; line-height: 0.14rem;vertical-align: 0.1rem;}
.qiaz_7 .body{ padding: 3%; width:100%;border: #d4ae90 solid 1px;border-radius: 0.26rem;background: linear-gradient(to bottom, #fffdf9, #fffdf9);
  text-align: left; position: relative;display: flex; justify-content: space-between; }
.qiaz_7 .body h4{width: 4.06rem; height: 0.57rem; background: url("../images/pro_4.png") center center no-repeat;
  background-size: 100% 100%; font-size: 0.3rem; color: #6b4b9b; line-height: 0.57rem; font-weight: bold; position: absolute; top: -0.285rem;
  left: 50%; margin-left: -2.03rem; text-align: center;}
.qiaz_7 .body h4 sup{vertical-align: 0.16rem;}
.qiaz_7 .body .item{ width: 47.6%;}
.qiaz_7 .body .item .li{ width: 100%; display: inline-block; margin-bottom: 0.4rem;}
.qiaz_7 .body .item .li .img1{ display: block; width:20.5%; float: left;}
.qiaz_7 .body .item .li .txt{ width:76.5%; float: left; padding-left: 5%; padding-top: 0.28rem;}
.qiaz_7 .body .item .li .txt h3{background: url(../images/pro_4.png) no-repeat;width: 4.06rem;height: .58rem;line-height: .58rem;
  font-size: 28px;color: #6b4b9b;font-weight: bold;text-indent: .34rem;margin-bottom: .1rem;letter-spacing: -1px; background-size: 100% 100%;}
.qiaz_7 .body .item .li .txt .p{ font-size: 18px; color: #9b6230; line-height: 28px; padding-top: 0.1rem;}
.qiaz_7 .body .item .li .txt h3 sup{vertical-align: 0.16rem;}
.qiaz_7 .body .tu{ display: block; width: 45%;}
@media (max-width: 1170px) {
  .qiaz_7 .body h4 sup{vertical-align: 0.1rem;}
  .qiaz_7 .body{ padding: 5%; display: block;}
  .qiaz_7 .body .item{ width: 100%;}
  .qiaz_7 .body .item .li .img1 {width: 19.4%;}
  .qiaz_7 .body .item .li .txt{ width:80%; padding-left: 3%;}
  .qiaz_7 .body .item .li .txt h3{ font-size: 0.3rem;}
  .qiaz_7 .body .item .li .txt h4{ font-size: 0.26rem;}
  .qiaz_7 .body .item .li .txt .p{ font-size: 0.26rem; line-height:0.4rem;}
  .qiaz_7 .body .tu{ display: block; width: 100%;}
}

.qiaz_8{ padding-top: 0.9rem;}
.qiaz_8 .body{ width:100%;border: #d4ae90 solid 1px;border-radius: 0.26rem; position: relative; overflow: hidden; }
.qiaz_8 .body .tu{ display: block; width: 100%;}
.qiaz_8 .body .tu1{ display: none; width: 100%;}
.qiaz_8 .body .item{ display: block; width: 100%;height: 100%; position: absolute; left: 0; top: 0;}
.qiaz_8 .body .item .li{ width:25%; float: left; text-align: center; padding-top: 5%;}
.qiaz_8 .body .item .li img{ display: block; width: 1.3rem; margin: 0 auto;}
.qiaz_8 .body .item .li h3{ font-size: 0.3rem; color: #8f5019; padding-top: 0.14rem;}
.qiaz_8 .body .item .li h3 sup{vertical-align: 0.16rem;}
@media (max-width: 1170px) {
  .qiaz_8 .body .tu{ display: none;}
  .qiaz_8 .body .tu1{ display: block;}
  .qiaz_8 .body .item .li{ width:50%;}
}
.qiaz_9{ padding-top: 0.9rem;}
.qiaz_9 .body{ width:100%;border: #d4ae90 solid 1px;border-radius: 0.26rem; position: relative; overflow: hidden;
  display: flex; justify-content: space-between; position: relative; background-color: #fff;}
.qiaz_9 .body .h3{background: url(../images/prohz_2_bg_t.png) no-repeat;width: 5.13rem;height: .58rem;
  line-height: .58rem;font-size: 28px;color: #6b4b9b;font-weight: bold;text-align: center; letter-spacing: -1px; position: absolute;
 right: 17%; top:8%; background-size: 100% 100%;}
.qiaz_9 .body .h3 sup{vertical-align: 0.16rem;}
.qiaz_9 .body .tu{ width: 32%; display: block;}
.qiaz_9 .body .item{ width:68%; text-align: center; padding-top: 10%;}
.qiaz_9 .body .item .li{ width: 33.3%; float: left;}
.qiaz_9 .body .item .li .img{ width: 0.9rem; margin: 0 auto;}
.qiaz_9 .body .item .li .p{ font-size: 0.2rem; color: #8f5019; line-height: 32px; padding-top: 0.2rem; height: 0.9rem;}

@media (max-width: 1466px) {
  .qiaz_9 .body .h3{ right: 15%;}
  .qiaz_9 .body .item .li .p{ font-size: 0.18rem; line-height: 26px;}
}
@media (max-width: 1170px) {
  .qiaz_9 .body .h3 sup{vertical-align: 0.1rem;}
  .qiaz_9 .body{ display: block;}
  .qiaz_9 .body .tu{ width: 100%; display: block;}
  .qiaz_9 .body .h3{ top: 6.7rem;}
  .qiaz_9 .body .item{ width:100%; display: flex; justify-content: space-between; position: relative; flex-wrap: wrap; padding-top:1.4rem;}
  .qiaz_9 .body .item .li{ width: 50%; float: none; }
  .qiaz_9 .body .item .li .p{ font-size: 0.26rem;line-height:0.4rem; height: 1.4rem;}
}

.fur_1{ padding-top: 0.9rem;}
.fur_1 .body{ width:100%;border: #d4ae90 solid 1px;border-radius: 0.26rem; position: relative; padding: 3%;
  display: flex; justify-content: space-between; position: relative; background-color: #fff;}
.fur_1 .body .h3{ width: 7.88rem; height: 0.57rem; background: url("../images/a221_03.png") center center no-repeat;
  background-size: 100% 100%; font-size: 0.3rem; color: #a60004; line-height: 0.57rem; font-weight: bold; position: absolute; top: -0.285rem;
  left: 50%; margin-left: -3.94rem; text-align: center;}
.fur_1 .body .h3 sup{vertical-align: 0.16rem;}
.fur_1 .body .item{display: flex; justify-content: space-between; position: relative;}
.fur_1 .body .item .img1{ width: 49%; display: block;}
.fur_1 .body .item .img2{ width: 49%; display: block;}

@media (max-width: 1460px) {
  .fur_1 .body .h3{font-size: 0.24rem;}
}
@media (max-width: 1170px) {
  .fur_1 .body {
    padding: 5%;
  }

  .fur_1 .body .h3 {
    width: 6.17rem;
    height: 0.57rem;
    background: url("../images/a220_03.png") center center no-repeat;
    background-size: 100% 100%;
    font-size: 0.26rem;
    margin-left: -3.085rem;
  }
  .fur_1 .body .item{ display: block;}
  .fur_1 .body .item .img1{ width: 100%; display: block;}
  .fur_1 .body .item .img2{ width: 100%; display: block; margin-top: 0.2rem;}
}
.fur_2{ padding-top: 0.9rem;}
.fur_2 .body{display: flex; justify-content: space-between; width: 100%;}
.fur_2 .body img{ display: block; width: 48%; border-radius: 0.21rem;}
@media (max-width: 1170px) {
  .fur_2 .body{display: block; }
  .fur_2 .body img{ display: block; width: 100%;}
  .fur_2 .body .img2{ margin-top: 0.3rem}
}

.er4_1{ padding-top: 0.9rem;}
.er4_1 .con{ width: 100%; position: relative;}
.er4_1 .con .body{width:100%;border: #d4ae90 solid 1px;border-radius: 0.26rem; position: relative; padding: 3%;
  background: linear-gradient(to bottom, transparent, #fff);margin-bottom: 0.3rem;}
.er4_1 .con .body .txt{ position:absolute; left: 3%; top: 10%;}
.er4_1 .con .body .txt h3{  background: url(../images/pro_4.png) no-repeat;background-size: 100% 100%;width: 4.06rem;
  height: .58rem;line-height: .58rem;font-size: 28px; color: #a60004;font-weight: bold;text-indent: .34rem;
  margin-bottom: .1rem;letter-spacing: -1px;background-size: cover;}
.er4_1 .con .body .txt h3 sup{vertical-align: 0.16rem;}
.er4_1 .con .body .txt .p{ font-size: 24px; color: #97561d; line-height: 45px;}
.er4_1 .con .body .txt .p sup{vertical-align: 0.12rem;}
.er4_1 .con .body .txt h4{ font-size: 30px; color: #a06430; padding-top: 0.6rem; font-weight: bold;}
.er4_1 .con .body .img{ display: block; width: 71%; margin-left: 29%;}

@media (max-width: 1466px) {
  .er4_1 .con .body .txt h3{ font-size: 0.24rem;}
  .er4_1 .con .body .txt .p{ font-size: 20px; line-height:38px;}
  .er4_1 .con .body .txt h4{ font-size: 26px; padding-top: 0.4rem;}
}
@media (max-width: 1170px) {
  .er4_1 .con .body{ padding: 5%;}
  .er4_1 .con .body .txt{ position: relative; left: auto; top: auto;}
  .er4_1 .con .body .txt h3{ font-size: 0.3rem; background: url(../images/pro_508.png) no-repeat;background-size: 100% 100%;width: 5.08rem;
    height: .58rem;}
  .er4_1 .con .body .txt .p{ font-size: 0.26rem; line-height:0.42rem;}
  .er4_1 .con .body .txt h4{ font-size: 0.3rem; padding-top: 0.4rem;}
  .er4_1 .con .body .img{ display: block; width: 100%; margin-left: 0%;}
  .er4_1 .con .body .txt .p sup{vertical-align: 0.16rem;}
}

.er4_2{ padding-top: 0.6rem;}
.er4_2 .con{display: flex; justify-content: space-between; position: relative; width: 100%;}
.er4_2 .con .body{width:48%;border: #d4ae90 solid 1px;border-radius: 0.26rem; position: relative; padding: 3%;
  background: linear-gradient(to bottom, transparent, #fff);margin-bottom: 0.3rem; overflow: hidden;}
.er4_2 .con .body .img{ display: block; width: 100%;}
.er4_2 .con .body .txt{ position: absolute; left: 6%; top: 7%;}
.er4_2 .con .body .txt h3 {background: url(../images/pro_4.png) no-repeat;background-size: 100% 100%;width: 4.06rem;
height: .58rem;line-height: .58rem;font-size: 28px; color: #a60004;font-weight: bold;text-indent: .34rem;
margin-bottom: .1rem;letter-spacing: -1px;background-size: cover;}
.er4_2 .con .body .txt .p{ font-size: 18px; color: #97561d; line-height: 30px; padding-top: 0.06rem;}
.er4_2 .con .body .txt h4{ font-size: 24px; color: #a60004; font-weight: bold;}
@media (max-width: 1466px) {
  .er4_2 .con .body .txt h3{ font-size: 0.24rem;}
  .er4_2 .con .body .txt .p{ font-size: 16px; line-height:26px;}
  .er4_2 .con .body .txt h4{ font-size: 20px;}
}
@media (max-width: 1170px) {
  .er4_2 .con{ display: block;}
  .er4_2 .con .body{ padding: 5%; width: 100%;}
  .er4_2 .con .body .txt h3{ font-size: 0.3rem; background: url(../images/pro_508.png) no-repeat;background-size: 100% 100%;width: 5.08rem;
    height: .58rem;}
  .er4_2 .con .body .txt .p{ font-size: 0.26rem; line-height:0.42rem;}
  .er4_2 .con .body .txt h4{ font-size: 0.28rem;}
}
.er4_3{ padding-top: 0.6rem;}
.er4_3 .con{ width:100%;border: #d4ae90 solid 1px;border-radius: 0.26rem; position: relative; padding: 3%;
  display: flex; justify-content: space-between; position: relative;  background: linear-gradient(to bottom, transparent, #fff);}
.er4_3 .con .h3{ width: 5.93rem; height: 0.57rem; background: url("../images/prohz_2_bg_t2.png") center center no-repeat;
  background-size: 100% 100%; font-size: 0.3rem; color: #a60004; line-height: 0.57rem; font-weight: bold; position: absolute; top: -0.285rem;
  left: 50%; margin-left: -2.965rem; text-align: center;}
.er4_3 .con .img1{ width: 48%; display: block;}
.er4_3 .con .img2{ width: 47.5%; display: block;}

@media (max-width: 1460px) {
  .er4_3 .con .h3{font-size: 0.24rem;}
}
@media (max-width: 1170px) {
  .er4_3 .con {padding: 5%;display: block;}
  .er4_3 .con .h3 {width: 6.17rem;height: 0.57rem;background: url("../images/a220_03.png") center center no-repeat;
    background-size: 100% 100%;font-size: 0.26rem;margin-left: -3.085rem;}
  .er4_3 .con .img1{ width: 100%; display: block;}
  .er4_3 .con .img2{ width: 100%; display: block; margin-top: 0.2rem;}
}

.er4_4{ padding-top: 0.6rem;}
.er4_4 .con{ width:100%;border: #d4ae90 solid 1px;border-radius: 0.26rem; position: relative; padding: 3%;
 position: relative;  background: linear-gradient(to bottom, transparent, #fff);}
.er4_4 .con .h3{ width: 5.93rem; height: 0.57rem; background: url("../images/prohz_2_bg_t2.png") center center no-repeat;
  background-size: 100% 100%; font-size: 0.3rem; color: #a60004; line-height: 0.57rem; font-weight: bold; position: absolute; top: -0.285rem;
  left: 50%; margin-left: -2.965rem; text-align: center;}
.er4_4 .con .img1{ width: 91%; display: block; margin: 0 auto;}
.er4_4 .con .img2{ width: 100%; display: none;}

@media (max-width: 1460px) {
  .er4_3 .con .h3{font-size: 0.24rem;}
}
@media (max-width: 1170px) {
  .er4_4 .con {padding: 5%;display: block;}
  .er4_4 .con .h3 {width: 6.17rem;height: 0.57rem;background: url("../images/a220_03.png") center center no-repeat;
    background-size: 100% 100%;font-size: 0.26rem;margin-left: -3.085rem;}
  .er4_4 .con .img1{ width: 100%; display: none;}
  .er4_4 .con .img2{ width: 100%; display: block; padding-top: 0.2rem;}
}

.mama .proma_1 .body{width:100%;border: #d4ae90 solid 1px;border-radius: 0.26rem; position: relative; padding: 3% 3% 1% 3%;
  position: relative;  background: linear-gradient(to bottom, transparent, #fff);}
.mama .proma_1 .item {
  height: auto;float: left;margin-bottom: .1rem; margin-top: 0.3rem;padding-left: .42rem;padding-top: .31rem;
  padding-bottom: .25rem;border: none;border-radius:0;background:none;border: none;padding-left: 0;
  padding-top: 0; width: 30%; height: 1.7rem;}
.mama .proma_1 .item h3{ height: 0.6rem; width: 100%;background: linear-gradient(to right, #d59c58, #a06430);
  border-radius: 0.2rem 0.05rem 0.2rem 0rem; font-size: 0.3rem; color: #fff; font-weight: bold; line-height: 0.6rem;
  padding-left: 8%; text-align: left; position: relative; left: auto; text-indent: 0;}
.mama .proma_1 .item h3 sup{ font-size: 0.1rem; vertical-align: 0.16rem;}
.mama .proma_1 .item .p{ font-size: 18px; color: #9f5930; line-height: 30px; position: relative; left: auto; top: auto;}
.mama .proma_1 .item:hover h3{background: linear-gradient(to right, #cc1d19, #890002);}
.mama .proma_1 .item:nth-child(2n) {float:left;padding-left: 0rem; margin-left: 40%;}
.mama .proma_1 .img{ display: block; width: 3.75rem; position: absolute;
  top: 50%;left: 50%;transform: translate(-50%, -50%); }
.mama.mama1 .proma_1 .body{  background: linear-gradient(to bottom,#fffdfb, #fffdf9); overflow: hidden; padding: 3%;}
.mama.mama1 .proma_1 .item{ float: none; width: 34%; height: auto; margin-top: 0; margin-bottom: 0.2rem;}
.mama.mama1 .proma_1 .item:nth-child(2){ float: none; margin-left: 0;}
.mama.mama1 .proma_1 .img{ display: block; width: 50%; position: absolute;
  top:6%;right:0; left: auto; transform: initial; }
.mama.mama1 .proma_1 .item:nth-child(1) h3 sup{ font-size: 0.16rem; }
.mama2 .index_title h3 sup{font-size: 0.16rem; }


@media (max-width: 1460px) {
  .mama .proma_1 .item h3{ font-size: 0.24rem;}
  .mama .proma_1 .item .p{ font-size: 16px; line-height: 26px;}
}
@media (max-width: 1170px) {
  .mama .proma_1 .body{ padding: 5%; position: relative; padding-top: 5.6rem;}
  .mama .proma_1 .img {left: 50%;top: 4%;transform: initial;margin-left: -2rem;height: auto;width: 4rem;}
  .mama .proma_1 .item{ width: 100%; float: none;margin: 0;    height: auto;}
  .mama .proma_1 .item:nth-child(2n) {float:none;padding-left: 0rem; margin-left: 0%;}
  .mama .proma_1 .item h3{ font-size: 0.3rem;}
  .mama .proma_1 .item .p{ font-size: 0.26rem; line-height: 0.4rem;}

  .mama.mama1 .proma_1 .body{ padding: 5%;}
  .mama.mama1 .proma_1 .item{ width: 100%;}
  .mama.mama1 .proma_1 .img{ width: 100%; position: relative; top: auto;margin-left:0rem;}

}
.mama .proxi_box1 .body{ background: #fff;}
.mama .proma_2 .item .li .txt h3{ background-size: 100% 100%;}
@media (max-width: 1170px) {
  .mama .proxi_box1 .body .tu{border-radius:.3rem; overflow: hidden;  padding-bottom: .0rem;}
  .mama .proxi_box1 .body .tu img {
    width: 114%;        border-radius:.3rem;
  }
}

.yinx_1{ padding-top: 0.9rem;}
.yinx_1 .body{width:100%;border: #d4ae90 solid 1px;border-radius: 0.26rem; position: relative; padding: 3%;
  position: relative;  background: linear-gradient(to bottom, transparent, #fff);display: flex; justify-content: space-between; }
.yinx_1 .body .item{ width: 49%}
.yinx_1 .body .item img{ display: block; width: 100%;}
.yinx_1 .body .item1{ width: 46%}
.yinx_1 .body .item1 .li{position: relative; padding-bottom: 0.42rem; display: inline-block; width: 100%;}
.yinx_1 .body .item1 .li:last-child{padding-bottom: 0;}
.yinx_1 .body .item1 .li .img1{ width: 0.78rem; display: block; float: left;}
.yinx_1 .body .item1 .li .txt{ width: 83%; padding-left: 4%; float: left;}
.yinx_1 .body .item1 .li .txt h3{ font-size: 0.3rem; color: #0f8282; font-weight: bold;}
.yinx_1 .body .item1 .li .txt .p{ font-size: 0.18rem; color: #89402a; line-height: 26px; padding-top: 0.08rem; width: 88%;}
.yinx_1 .body .item1 .li .txt h3 sup{vertical-align: 0.16rem;}

@media (max-width: 1466px) {
  .yinx_1 .body .item1 .li{ padding-bottom: 0.26rem;}
  .yinx_1 .body .item1 .li .txt h3{ font-size: 0.24rem; }
  .yinx_1 .body .item1 .li .txt .p{ font-size: 0.16rem;line-height: 24px;}
}

@media (max-width: 1170px) {
  .yinx_1 .body{ display: block; padding: 5%;}
  .yinx_1 .body .item{ width: 100%}
  .yinx_1 .body .item1{ width: 100%; padding-top: 0.3rem;}
  .yinx_1 .body .item1 .li .txt h3{ font-size: 0.3rem; }
  .yinx_1 .body .item1 .li .txt .p{ font-size: 0.26rem;line-height: 0.4rem;}
}
.yinx_2 .body{width:100%;border: #d4ae90 solid 1px;border-radius: 0.26rem; position: relative; padding:1% 3%;
  position: relative;  background: linear-gradient(to bottom, transparent, #fff);display: flex; justify-content: space-between;
  margin-top: 0.36rem;}
.yinx_2 .body .item1{ width: 47%;}
.yinx_2 .body .item1 h3{background: url(../images/prohz_2_bg_t.png) no-repeat;width:5.13rem;height: .58rem;line-height: .58rem;
 font-size: 28px;color: #0d8282;font-weight: bold;text-indent: .34rem;margin-bottom: .1rem;letter-spacing: -1px; margin-top: 0.3rem;
background-size: 100% 100%;}
.yinx_2 .body .item1 .p{ font-size: 0.18rem; color: #89402a; line-height: 30px; padding-top: 0.1rem;}
.yinx_2 .body .item{ width: 44%;}
.yinx_2 .body .item img{ display: block; margin: 0 auto;}
@media (max-width: 1466px) {
  .yinx_2 .body .item1 h3{ font-size: 0.24rem; }
  .yinx_1 .body .item1 .p{ font-size: 0.16rem;line-height: 24px;}
}
@media (max-width: 1170px) {
  .yinx_2 .body{ display: block; padding: 5%;}
  .yinx_2 .body .item1{ width: 100%}
  .yinx_2 .body .item1 h3{ font-size: 0.3rem; }
  .yinx_2 .body .item1 .p{ font-size: 0.26rem;line-height: 0.4rem;}
  .yinx_2 .body .item{ width: 100%; padding-top: 0.3rem;}
}

.yinx_3{ }
.yinx_3 .body{ width: 100%; position: relative;display: flex; justify-content: space-between; flex-wrap: wrap; }
.yinx_3 .body .li{margin-top: 0.36rem;width:48%;border: #d4ae90 solid 1px;border-radius: 0.26rem; position: relative; padding:1% 3%;
  position: relative;  background: linear-gradient(to bottom, transparent, #fff);}
.yinx_3 .body .li .liit{ display: inline-block; width: 100%;}
.yinx_3 .body .li .liit .img1{ width: 1.31rem; display: block; float: left;}
.yinx_3 .body .li .liit .txt{ width: 77%; padding-left: 4%; float: left;}
.yinx_3 .body .li .liit h3{background: url(../images/pro_358.png) no-repeat;width:3.58rem;height: .58rem;line-height: .58rem;
  font-size: 28px;color: #0d8282;font-weight: bold;text-indent: .34rem;margin-bottom: .1rem;letter-spacing: -1px; margin-top: 0.3rem;
  background-size: 100% 100%;}
.yinx_3 .body .li .liit h3 sup{vertical-align: 0.16rem;}
.yinx_3 .body .li .liit h4 {font-size: 0.24rem;color: #9e5617;line-height: 30px;padding-top: 0.04rem;font-weight: bold;}
.yinx_3 .body .li .liit h4 sup{vertical-align: 0.1rem;}
.yinx_3 .body .li .liit .p{ font-size: 0.18rem; color: #89402a; line-height: 30px; padding-top: 0.1rem;}
.yinx_3 .body .li .liit .img2{ padding-top: 0.2rem; display: block; width: 100%;}

.yinx_3 .body .li .img2{ display: block; width: 100%;}

@media (max-width: 1466px) {
  .yinx_3 .body .li .liit h3{ font-size: 0.24rem;}
  .yinx_3 .body .li .liit .p{ font-size: 0.16rem; line-height: 24px; }
  .yinx_3 .body .li .liit .img1 {width: 1rem;}
}
@media (max-width: 1170px) {
  .yinx_3 .body{ display: block;}
  .yinx_3 .body .li{ width: 100%;}
  .yinx_3 .body .li .liit .txt h3{ font-size: 0.3rem; background: url(../images/pro_496.png) no-repeat;width:4.96rem;
    height: .58rem;line-height: .58rem; background-size: 100% 100%;}
  .yinx_3 .body .li .liit h4 {font-size: 0.28rem;}
  .yinx_3 .body .li .liit .txt .p{ font-size: 0.26rem;line-height: 0.4rem;}
}

.yinx_4{margin-top: 0.36rem;}
.yinx_4 .body{width: 100%; position: relative;display: flex; justify-content: space-between;border: #d4ae90 solid 1px;
  border-radius: 0.26rem; position: relative; padding:0 3%;
 background: linear-gradient(to bottom, transparent, #fff);}
.yinx_4 .body .item{ width: 49%;}
.yinx_4 .body .item .li{ display: inline-block; width: 100%;margin-top: 0.4rem;}
.yinx_4 .body .item .li .img1{ width: 1.31rem; display: block; float: left;}
.yinx_4 .body .item .li .txt{ width: 77%; padding-left: 4%; float: left;}
.yinx_4 .body .item .li h3{background: url(../images/pro_358.png) no-repeat;width:3.58rem;height: .58rem;line-height: .58rem;
  font-size: 28px;color: #0d8282;font-weight: bold;text-indent: .34rem;margin-bottom: .1rem;letter-spacing: -1px; margin-top: 0.3rem;
  background-size: 100% 100%;}
.yinx_4 .body .item .li h4{ font-size: 0.24rem; color: #9e5617; line-height: 30px; padding-top: 0.1rem; font-weight: bold;}
.yinx_4 .body .item .li .p{ font-size: 0.18rem; color: #89402a; line-height: 30px; padding-top: 0.1rem;}
.yinx_4 .body .item1{ width: 42%; padding: 1% 0;}
.yinx_4 .body .item1 img{ display: block; width: 82%;}

@media (max-width: 1466px) {
  .yinx_4 .body .item .li h3{ font-size: 0.24rem;}
  .yinx_4 .body .item .li .p{ font-size: 0.16rem; line-height: 24px; }
  .yinx_4 .body .item .li .img1 {width: 1.1rem;}
}
@media (max-width: 1170px) {
  .yinx_4 .body{ display: block; margin-top: 0.3rem;}
  .yinx_4 .body .item{ width: 100%;}
  .yinx_4 .body .li{ width: 100%;}
  .yinx_4 .body .li .txt h3{ font-size: 0.3rem; background: url(../images/pro_496.png) no-repeat;width:4.96rem;
    height: .58rem;line-height: .58rem; background-size: 100% 100%;}
  .yinx_4 .body .item .li .p{ font-size: 0.26rem;line-height: 0.4rem;}
  .yinx_4 .body .item .li h4{ font-size: 0.28rem; line-height: 0.34rem; }

  .yinx_4 .body .item1{ width: 100%; padding: 1% 0;}
  .yinx_4 .body .item1 img{ display: block; width: 82%; margin: 0 auto;}
}

.yinx_5{ padding-top: 0.3rem;}
.yinx_5 .body{width: 100%; position: relative;display: flex; justify-content: space-between;border: #d4ae90 solid 1px;
  border-radius: 0.26rem; padding:1% 3%;
  background: linear-gradient(to bottom, transparent, #fff);}
.yinx_5 .body .img1{ display: block; width: 43%;}
.yinx_5 .body .img2{ display: block; width: 49%;}
@media (max-width: 1170px) {
  .yinx_5 .body{ display: block; padding: 5%;}
  .yinx_5 .body .img1{ width: 100%;}
  .yinx_5 .body .img2{ margin-top: 0.3rem; width: 100%;}
}

.bof_1{ padding-top:0.9rem;}
.bof_1 .body{width: 100%; display: flex; justify-content: space-between;border: #d4ae90 solid 1px;
  border-radius: 0.26rem; position: relative; padding:2% 4%;
  background: linear-gradient(to bottom, transparent, #fff);}
.bof_1 .body .img1{ display: block; width: 41.5%;}
.bof_1 .body .img2{ display: block; width: 45.5%; margin-right: 4%;}

@media (max-width: 1170px) {
  .bof_1 .body{ display: block; padding: 5%;}
  .bof_1 .body .img1{ display: block; width: 100%;}
  .bof_1 .body .img2{ display: block; width: 100%; margin-right: 0; margin-top: 0.3rem;}
}

.bof_2{ padding-top: 0.9rem;}
.bof_2 .body{width: 100%;  border: #d4ae90 solid 1px;
  border-radius: 0.26rem; position: relative; padding:4%;
  background: linear-gradient(to bottom, transparent, #fff);}
.bof_2 .body .item1{ width: 100%; position: relative; display: inline-block;}
.bof_2 .body .item1 .li{ width: 39%; float: left;}
.bof_2 .body .item1 .li h3{ height: 0.6rem; width: 100%;background: linear-gradient(to right, #6b4b9b, #6b4b9b);
  border-radius: 0.2rem 0.05rem 0.2rem 0rem; font-size: 0.3rem; color: #fff; font-weight: bold; line-height: 0.6rem;
  padding-left: 8%; text-align: left; position: relative; left: auto; text-indent: 0;}
.bof_2 .body .item1 .li h3 sup{vertical-align: 0.16rem;}
.bof_2 .body .item1 .li .p{ font-size: 18px; color: #9f5930; line-height: 30px; margin-top: 0.2rem; height: 0.9rem;}
.bof_2 .body .item1 .li:hover h3{background: linear-gradient(to right, #cc1d19, #890002);}
.bof_2 .body .item1 .li:nth-child(2n) {float:left;padding-left: 0rem; margin-left: 22%;}

.bof_2 .body .item2 .h3 {width: 4.96rem;height: 0.57rem;background: url("../images/pro_496.png") center center no-repeat;
  background-size: 100% 100%;font-size: 0.3rem;color: #a60004;line-height: 0.57rem;font-weight: bold;
  position: absolute;top: -0.285rem;left: 50%;margin-left: -2.475rem;text-align: center;}
.bof_2 .body .item2{display: flex; justify-content: space-between; }
.bof_2 .body .item2 img{ display: block; width: 30%;}

@media (max-width: 1170px) {
  .bof_2 .body .item1 .li h3{ font-size: 0.24rem;}
  .bof_2 .body .item1 .li .p{ font-size: 0.16rem; line-height: 0.26rem;}
}
@media (max-width: 1170px) {
  .bof_2 .body{ display: block;}
  .bof_2 .body .item1 .li{ width: 100%; float: none; padding-top: 0.3rem;}
  .bof_2 .body .item1 .li h3{ font-size: 0.3rem;}
  .bof_2 .body .item1 .li .p{ font-size: 0.26rem; line-height: 0.4rem; height: auto;}
  .bof_2 .body .item1 .li:nth-child(2n) {float:none;padding-left: 0rem; margin-left:0%;}
  .bof_2 .body .item2{display: block; }
  .bof_2 .body .item2 img{display: block; width: 100%; }
  .bof_2 .body .item2 .img2{ margin-top: 0.3rem;}
}

.bof_3 .body{width:100%;border: #d4ae90 solid 1px;border-radius: 0.26rem; position: relative; padding:1% 4%;
  position: relative;  background: linear-gradient(to bottom, transparent, #fff);display: flex; justify-content: space-between;
  margin-top: 0.6rem;}
.bof_3 .body .item1{ width: 39%;}
.bof_3 .body .item1 h3{height: 0.6rem; width: 100%;background: linear-gradient(to right, #6b4b9b, #6b4b9b);
  border-radius: 0.2rem 0.05rem 0.2rem 0rem; font-size: 0.3rem; color: #fff; font-weight: bold; line-height: 0.6rem;
  padding-left: 8%; text-align: left; position: relative; left: auto; text-indent: 0; margin-top: 0.4rem;}
.bof_3 .body .item1 .p{ font-size: 0.18rem; color: #89402a; line-height: 30px; padding-top: 0.1rem;}
.bof_3 .body .item1 .li:hover h3{background: linear-gradient(to right, #cc1d19, #890002);}
.bof_3 .body .item{ width: 44%;}
.bof_3 .body .item .h3 {width: 4.96rem;height: 0.57rem;background: url("../images/pro_496.png") center center no-repeat;
  background-size: 100% 100%;font-size: 0.3rem;color: #a60004;line-height: 0.57rem;font-weight: bold;
  position: absolute;top: -0.285rem;left: 50%;margin-left: -2.475rem;text-align: center;}
.bof_3 .body .item img{ display: block; margin: 0 auto;}
@media (max-width: 1466px) {
  .bof_3 .body .item1 h3{ font-size: 0.24rem; }
  .bof_3 .body .item1 .p{ font-size: 0.16rem;line-height: 24px;}
}
@media (max-width: 1170px) {
  .bof_3 .body{ display: block; padding: 5%;}
  .bof_3 .body .item1{ width: 100%}
  .bof_3 .body .item1 h3{ font-size: 0.3rem; }
  .bof_3 .body .item1 .p{ font-size: 0.26rem;line-height: 0.4rem;}
  .bof_3 .body .item{ width: 100%; padding-top: 0.3rem;}
  .bof_3 .body .item img{ display: block; width: 100%;}
}
.bof_4{padding-top: 0.6rem;}
.bof_4 .index_title{ display: none;}
.bof_4 .body{width: 100%; position: relative;display: flex; justify-content: space-between;border: #d4ae90 solid 1px;
  border-radius: 0.26rem; position: relative; padding:4%;
  background: linear-gradient(to bottom, transparent, #fff);}
.bof_4 .body .item{ width: 39%;}
.bof_4 .body .item .li{ display: inline-block; width: 100%;margin-top: 0.4rem;}
.bof_4 .body .item .li:nth-child(1){ margin-top: 0.2rem;}
.bof_4 .body .item .li .txt{ width: 100%; }
.bof_4 .body .item .li h3{height: 0.6rem; width: 100%;background: linear-gradient(to right, #6b4b9b, #6b4b9b);
  border-radius: 0.2rem 0.05rem 0.2rem 0rem; font-size: 0.3rem; color: #fff; font-weight: bold; line-height: 0.6rem;
  padding-left: 8%; text-align: left; position: relative; left: auto; text-indent: 0;}
.bof_4 .body .item .li h3 sup{vertical-align: 0.16rem;}
.bof_4 .body .item .p{ font-size: 0.18rem; color: #89402a; line-height: 30px; padding-top: 0.1rem;}
.bof_4 .body .item .li:hover h3{background: linear-gradient(to right, #cc1d19, #890002);}
.bof_4 .body .item1{ width: 42%; padding-top: 0.3rem;}
.bof_4 .body .item1 .h3 {width: 4.96rem;height: 0.57rem;background: url("../images/pro_496.png") center center no-repeat;
  background-size: 100% 100%;font-size: 0.3rem;color: #a60004;line-height: 0.57rem;font-weight: bold;
  position: absolute;top: -0.285rem;left: 50%;margin-left: -2.475rem;text-align: center;}
.bof_4 .body .item1 img{ display: block; width: 82%;}

@media (max-width: 1466px) {
  .bof_4 .body .item .li h3{ font-size: 0.24rem;}
  .bof_4 .body .item .li .p{ font-size: 0.16rem; line-height: 24px; }
}
@media (max-width: 1170px) {
  .bof_4 .body{ display: block; margin-top: 0.3rem;}
  .bof_4 .body .item{ width: 100%;}
  .bof_4 .body .li{ width: 100%;}
  .bof_4 .body .li .txt h3{ font-size: 0.3rem;}
  .bof_4 .body .item .li .p{ font-size: 0.26rem;line-height: 0.4rem;}

  .bof_4 .body .item1{ width: 100%;}
  .bof_4 .body .item1 img{ display: block; width: 82%; margin: 0 auto;}
}

.bof_5{ padding-top: 0.4rem;}
.bof_5 .body{width: 100%; position: relative;display: flex; justify-content: space-between;border: #d4ae90 solid 1px;
  border-radius: 0.26rem; position: relative; padding:4%;
  background: linear-gradient(to bottom, transparent, #fff);}
.bof_5 .body .item{ width: 39%;}
.bof_5 .body .item .li{ display: inline-block; width: 100%;margin-top: 0.4rem;}
.bof_5 .body .item .li:nth-child(1){ margin-top: 0.2rem;}
.bof_5 .body .item .li h3{background: url(../images/prohz_2_bg_t.png) no-repeat;
  background-size: auto;width: 5.13rem;height: .58rem;line-height: .58rem;font-size: 28px;color: #a60004;
  font-weight: bold;text-indent: .34rem;margin-bottom: .1rem;letter-spacing: -1px;background-size: 100% 100%;}
.bof_5 .body .item .li h4{ font-size: 30px; color: #6b4b9b; line-height: 30px; font-weight: bold; padding-top:20px;}
.bof_5 .body .item .p{ font-size: 0.18rem; color: #89402a; line-height: 30px; padding-top: 0.1rem;}
.bof_5 .body .item1{ width: 39.5%; position: absolute; right: 5%; bottom: -7%;}
.bof_5 .body .item1 img{ display: block; width: 100%;}

@media (max-width: 1466px) {
  .bof_5 .body .item .li h3{ font-size: 0.24rem;}
  .bof_5 .body .item .li .p{ font-size: 0.16rem; line-height: 24px; }
  .bof_5 .body .item .li h4{ font-size: 26px;line-height: 26px;padding-top:18px;}
}
@media (max-width: 1170px) {
  .bof_5 .body{ display: block; margin-top: 0.3rem;}
  .bof_5 .body .item{ width: 100%; padding-bottom: 5rem;}
  .bof_5 .body .li{ width: 100%;}
  .bof_5 .body .li h3{ font-size: 0.3rem;}
  .bof_5 .body .item .li .p{ font-size: 0.26rem;line-height: 0.4rem;}
  .bof_5 .body .item .li h4{ font-size: 0.3rem;line-height: 0.3rem;padding-top:0.18rem;}

  .bof_5 .body .item1{ width: 100%;right: 0%; bottom: -3.5%;}
  .bof_5 .body .item1 img{ display: block; width: 82%; margin: 0 auto;}
}
.bof_6{ padding-top: 0.9rem;}
.bof_6 .body{width: 100%; position: relative;display: flex; justify-content: space-between;border: #d4ae90 solid 1px;
  border-radius: 0.26rem; padding:4%;
  background: linear-gradient(to bottom, transparent, #fff);}
.bof_6 .body .img1{ display: block; width: 50%;}
.bof_6 .body .img2{ display: block; width: 48.5%;}
@media (max-width: 1170px) {
  .bof_6 .body{ display: block; padding: 5%;}
  .bof_6 .body .img1{ width: 100%;}
  .bof_6 .body .img2{ margin-top: 0.3rem; width: 100%;}
}
.bof_7{ padding-top: 0.36rem;}
.bof_7 .body{width: 100%; position: relative;display: flex; justify-content: space-between;border: #d4ae90 solid 1px;
  border-radius: 0.26rem; padding:1% 4%;
  background: linear-gradient(to bottom, transparent, #fff);}
.bof_7 .body .item1{ width: 49%; padding-top: 3%;}
.bof_7 .body .item1 .img1{ float: left; width: 1.3rem;}
.bof_7 .body .item1 .txt{ width: 78%; float: left; padding-left: 4%;}
.bof_7 .body .item1 .txt h3{background: url(../images/pro_358.png) no-repeat;
  background-size: auto;width: 3.58rem;height: .58rem;line-height: .58rem;font-size: 28px;color: #a60004;
  font-weight: bold;text-indent: .34rem;margin-bottom: .1rem;letter-spacing: -1px;background-size: 100% 100%;}
.bof_7 .body .item1 .txt .p{ font-size: 0.18rem; color: #89402a; line-height: 30px; padding-top: 0.1rem;}
.bof_7 .body .item1 .img2{ display: block; width: 84%; padding-top: 0.36rem;}

.bof_7 .body .item2{ width: 45%;}
.bof_7 .body .item2 img{ display: block;}
@media (max-width: 1466px) {
  .bof_7 .body .item1 .img1{ width: 1.1rem;}
  .bof_7 .body .item1 .txt h3{ font-size: 0.24rem;}
  .bof_7 .body .item1 .txt .p{ font-size: 0.16rem; line-height: 24px;}
}
@media (max-width: 1170px) {
  .bof_7 .body{ display: block; padding: 5%;}
  .bof_7 .body .item1{ width: 100%;}
  .bof_7 .body .item1 .txt h3{ font-size: 0.3rem;}
  .bof_7 .body .item1 .txt .p{ font-size: 0.26rem; line-height: 0.4rem;}
  .bof_7 .body .item1 .img2{ display: block; width: 100%; padding-top: 0.36rem;}
  .bof_7 .body .item2{ width: 100%; padding-top: 0.3rem;}
  .bof_7 .body .item2 img{ display: block; width: 100%;}
}
.bof_8{ padding-top: 0.9rem;}
.bof_8 .body{width: 100%; position: relative;display: flex; justify-content: space-between;border: #d4ae90 solid 1px;
  border-radius: 0.26rem;background: linear-gradient(to bottom, transparent, #fff); overflow: hidden;}
.bof_8 .body .img1{ width: 48.5%; display: block;}
.bof_8 .body .img2{ width: 38.5%; display: block; margin-right: 8%;padding: 2% 0;}

@media (max-width: 1170px) {
  .bof_8 .body{ display: block;}
  .bof_8 .body .img1{ width: 100%; display: block;}
  .bof_8 .body .img2{ width: 94%; display: block; margin: 0 auto; margin-right: 0%;padding: 2% 0;}
}

.gaoli_1{ padding-top: 0.9rem; }
.gaoli_1 .body{width: 100%; position: relative;display: flex; justify-content: space-between;}
.gaoli_1 .body .li{ width: 48%; padding: 3%;border: #d4ae90 solid 1px;
  border-radius: 0.26rem;background: linear-gradient(to bottom, transparent, #fff); overflow: hidden;}
.gaoli_1 .body .li .liti{ display: inline-block; width: 100%;}
.gaoli_1 .body .li .liti .img1{ width: 1.31rem; display: block; float: left;}
.gaoli_1 .body .li .liti .txt{ width: 77%; padding-left: 4%; float: left;}
.gaoli_1 .body .li .liti h3{background: url(../images/pro_358.png) no-repeat;width:3.58rem;height: .58rem;line-height: .58rem;
  font-size: 28px;color: #0d8282;font-weight: bold;text-indent: .34rem;margin-bottom: .1rem;letter-spacing: -1px; margin-top: 0.3rem;
  background-size: 100% 100%;}
.gaoli_1 .body .li .liti .p{ font-size: 0.18rem; color: #89402a; line-height: 30px; padding-top: 0.1rem;}
.gaoli_1 .body .li .img2{ padding-top: 0.2rem; display: block; width: 100%;}

@media (max-width: 1466px) {
  .gaoli_1 .body .li .liti h3{ font-size: 0.24rem;}
  .gaoli_1 .body .li .liti .p{ font-size: 0.16rem; line-height: 24px; }
  .gaoli_1 .body .li .liti .img1 {width: 1rem;}
}
@media (max-width: 1170px) {
  .gaoli_1 .body{ display: block;}
  .gaoli_1 .body .li{ width: 100%;}
  .gaoli_1 .body .li:nth-child(2){ margin-top: 0.3rem;}
  .gaoli_1 .body .li .liti .txt h3{ font-size: 0.3rem; background: url(../images/pro_496.png) no-repeat;width:4.96rem;
    height: .58rem;line-height: .58rem; background-size: 100% 100%;}
  .gaoli_1 .body .li .liti .txt .p{ font-size: 0.26rem;line-height: 0.4rem;}
}
.gaoli_2{padding-top: 0.4rem;}
.gaoli_2 .body{width: 100%; position: relative;display: flex; justify-content: space-between;border: #d4ae90 solid 1px;
  border-radius: 0.26rem; position: relative; padding:4%;
  background: linear-gradient(to bottom, transparent, #fff);}
.gaoli_2 .body .item{ width: 35%;}
.gaoli_2 .body .item .li{ display: inline-block; width: 100%;margin-top: 0.4rem;}
.gaoli_2 .body .item .li:nth-child(1){ margin-top: 0rem;}
.gaoli_2 .body .item .li .txt{ width: 100%; }
.gaoli_2 .body .item .li h3{height: 0.6rem; width: 100%;background: linear-gradient(to right, #0da6c6, #0070ac);
  border-radius: 0.2rem 0.05rem 0.2rem 0rem; font-size: 0.3rem; color: #fff; font-weight: bold; line-height: 0.6rem;
  padding-left: 8%; text-align: left; position: relative; left: auto; text-indent: 0;}
.gaoli_2 .body .item .li h3 sup{vertical-align: 0.16rem;}
.gaoli_2 .body .item .p{ font-size: 0.18rem; color: #89402a; line-height: 30px; padding-top: 0.1rem;}
.gaoli_2 .body .item .li:hover h3{background: linear-gradient(to right, #cc1d19, #890002);}
.gaoli_2 .body .item .li h4{font-size: 0.24rem; color: #9e5617; line-height: 26px; padding-top: 0.14rem; font-weight: bold;}
.gaoli_2 .body .item .li h4 sup{vertical-align: 0.12rem;}
.gaoli_2 .body .item1{ width:61%;}
.gaoli_2 .body .item1 img{ display: block; width: 100%;}

@media (max-width: 1466px) {
  .gaoli_2 .body .item .li h3{ font-size: 0.24rem;}
  .gaoli_2 .body .item .li h4{font-size: 0.2rem; line-height: 22px;}
  .gaoli_2 .body .item .li .p{ font-size: 0.16rem; line-height: 24px; }
}
@media (max-width: 1170px) {
  .gaoli_2 .body .item .li h4 sup{vertical-align: 0.1rem;}
  .gaoli_2 .body{ display: block; margin-top: 0.3rem;}
  .gaoli_2 .body .item{ width: 100%;}
  .gaoli_2 .body .li{ width: 100%;}
  .gaoli_2 .body .li .txt h3{ font-size: 0.3rem;}
  .gaoli_2 .body .item .li .p{ font-size: 0.26rem;line-height: 0.4rem;}
  .gaoli_2 .body .item .li h4{font-size: 0.28rem; line-height: 0.3rem;}
  .gaoli_2 .body .item1{ width: 100%; padding-top: 0.3rem;}
  .gaoli_2 .body .item1 img{ display: block; width: 100%; margin: 0 auto;}
}
.bof_6.gaoli_3{ padding-top: 0.4rem;}
.bof_6.gaoli_3 .body .img1 {width: 44.5%;}
.bof_6.gaoli_3 .body .img2 {width: 56.5%;}
@media (max-width: 1170px) {
  .bof_6.gaoli_3 .body .img1{ width: 100%;}
  .bof_6.gaoli_3 .body .img2{ margin-top: 0.3rem; width: 100%;}
}

.gaoli_4{ padding-top: 0.9rem;}
.gaoli_4 .body{width: 100%; position: relative;display: flex; justify-content: space-between;border: #d4ae90 solid 1px;
  border-radius: 0.26rem; position: relative; padding:4%;
  background: linear-gradient(to bottom, transparent, #fff);}
.gaoli_4 .body .h3 {width: 7.15rem;height: 0.58rem;background: url("../images/g3_03.png") center center no-repeat;
  background-size: 100% 100%;font-size: 0.3rem;color: #0d8282;line-height: 0.58rem;font-weight: bold;
  position: absolute;top: -0.29rem;left: 50%;margin-left: -3.575rem;text-align: center;}
.gaoli_4 .body .img1{ display: block; width: 31.5%;}
.gaoli_4 .body .img2{ display: block; width: 31.5%;}
.gaoli_4 .body .img3{ display: block; width: 32%;}
@media (max-width: 1170px) {
  .gaoli_4 .body{ display: block;}
  .gaoli_4 .body .h3 {width:100%; left: 0%; margin-left: 0;}
  .gaoli_4 .body .img1{ display: block; width: 100%;}
  .gaoli_4 .body .img2{ display: block; width: 100%; padding-top: 0.3rem;}
  .gaoli_4 .body .img3{ display: block; width: 100%; padding-top: 0.3rem;}
}
.gaoli_5{ padding-top: 0.9rem;}
.gaoli_5 .body{width: 100%; position: relative;display: flex; justify-content: space-between;border: #d4ae90 solid 1px;
  border-radius: 0.26rem;background: linear-gradient(to bottom, transparent, #fff); overflow: hidden;}
.gaoli_5 .body .img1{ width: 48.5%; display: block;}
.gaoli_5 .body .img2{ width: 46.3%;display: block;margin-right: 2%;}

@media (max-width: 1170px) {
  .gaoli_5 .body {display: block;}
  .gaoli_5 .body .img1 {width: 100%;display: block;}
  .gaoli_5 .body .img2 {width: 94%;display: block;margin: 0 auto;margin-right: 0%;padding: 2% 0;}
}
.gaoyou_1{  padding-top: 0.9rem;}
.gaoyou_1 .body{width: 100%; position: relative;display: flex; justify-content: space-between;border: #d4ae90 solid 1px;
  border-radius: 0.26rem; position: relative; padding:4%; flex-wrap: wrap;
  background: linear-gradient(to bottom, transparent, #fff);}
.gaoyou_1 .body .h3 {width: 7.15rem;height: 0.58rem;background: url("../images/g3_03.png") center center no-repeat;
  background-size: 100% 100%;font-size: 0.3rem;color: #0d8282;line-height: 0.58rem;font-weight: bold;
  position: absolute;top: -0.29rem;left: 50%;margin-left: -3.575rem;text-align: center;}
.gaoyou_1 .body .h3 sup{ font-size: 0.2rem; line-height: 0.2rem;vertical-align: 0.14rem;}
.gaoyou_1 .body .li{ width: 46%; position: relative; margin: 0.15rem 0;}
.gaoyou_1 .body .li .liti{ display: inline-block; width: 100%;}
.gaoyou_1 .body .li .liti .img1{ width: 1.31rem; display: block; float: left;}
.gaoyou_1 .body .li .liti .txt{ width: 77%; padding-left: 4%; float: left;}
.gaoyou_1 .body .li .liti h3{background: url(../images/pro_460.png) no-repeat;width:4.6rem;height: .58rem;line-height: .58rem;
  font-size: 28px;color: #0d8282;font-weight: bold;text-indent: .34rem;margin-bottom: .1rem;letter-spacing: -1px; margin-top: 0.3rem;
  background-size: 100% 100%;}
.gaoyou_1 .body .li .liti h3 sup{vertical-align: 0.16rem;}
.gaoyou_1 .body .li .liti .p{ font-size: 0.18rem; color: #89402a; line-height: 30px; padding-top: 0.1rem;}
.gaoyou_1 .body .li .img2{ padding-top: 0.2rem; display: block; width: 100%;}

@media (max-width: 1466px) {
  .gaoyou_1 .body .li .liti h3{ font-size: 0.24rem;background: url("../images/pro_3.png") center center no-repeat;
    background-size: 100% 100%; width: 3.46rem;}
  .gaoyou_1 .body .li .liti .p{ font-size: 0.16rem; line-height: 24px; }
  .gaoyou_1 .body .li .liti .img1 {width: 1rem;}
}
@media (max-width: 1170px) {
  .gaoyou_1 .body .h3 {width:100%; left: 0%; margin-left: 0;}
  .gaoyou_1 .body{ display: block;}
  .gaoyou_1 .body .li{ width: 100%;margin-top: 0.3rem;}
  .gaoyou_1 .body .li:nth-child(1){ margin-top: 0; }
  .gaoyou_1 .body .li .liti .txt h3{ font-size: 0.3rem; background: url(../images/pro_496.png) no-repeat;width:4.96rem;
    height: .58rem;line-height: .58rem; background-size: 100% 100%;}
  .gaoyou_1 .body .li .liti .txt .p{ font-size: 0.26rem;line-height: 0.4rem;}
}
.gaoyou_2{padding-top: 0.9rem;}
.gaoyou_2 .body{width: 100%; position: relative;display: flex; justify-content: space-between;}
.gaoyou_2 .body .li{border: #d4ae90 solid 1px; width: 48%;
  border-radius: 0.26rem; position: relative; padding:3%;
  background: linear-gradient(to bottom, transparent, #fff);}
.gaoyou_2 .body .li .liti{ display: inline-block; width: 100%;}
.gaoyou_2 .body .li .liti .img1{ width: 1.31rem; display: block; float: left;}
.gaoyou_2 .body .li .liti .txt{ width: 77%; padding-left: 4%; float: left;}
.gaoyou_2 .body .li .liti h3{background: url(../images/pro_3.png) no-repeat;width:3.46rem;height: .58rem;line-height: .58rem;
  font-size: 28px;color: #0d8282;font-weight: bold;text-indent: .34rem;margin-bottom: .1rem;letter-spacing: -1px; margin-top: 0.3rem;
  background-size: 100% 100%;}
.gaoyou_2 .body .li .liti h3 sup{vertical-align: 0.16rem;}
.gaoyou_2 .body .li .liti .p{ font-size: 0.18rem; color: #89402a; line-height: 30px; padding-top: 0.1rem;}
.gaoyou_2 .body .li .img2{ padding-top: 0.2rem; display: block; width: 100%;}

@media (max-width: 1466px) {
  .gaoyou_2 .body .li .liti h3{ font-size: 0.24rem;}
  .gaoyou_2 .body .li .liti .p{ font-size: 0.16rem; line-height: 24px; }
  .gaoyou_2 .body .li .liti .img1 {width: 1rem;}
}
@media (max-width: 1170px) {
  .gaoyou_2 .body{ display: block;}
  .gaoyou_2 .body .li{ width: 100%;margin-top: 0.3rem;}
  .gaoyou_2 .body .li:nth-child(1){ margin-top: 0; }
  .gaoyou_2 .body .li .liti .txt{ width: 82%;}
  .gaoyou_2 .body .li .liti .txt h3{ font-size: 0.3rem; background: url(../images/pro_496.png) no-repeat;width:4.96rem;
    height: .58rem;line-height: .58rem; background-size: 100% 100%;}
  .gaoyou_2 .body .li .liti .txt .p{ font-size: 0.26rem;line-height: 0.4rem;}
}

.gaoyou_3{ padding-top: 0.36rem;}
.gaoyou_3 .body{width: 100%; position: relative;display: flex; justify-content: space-between;border: #d4ae90 solid 1px;
  border-radius: 0.26rem; position: relative; padding:4%; flex-wrap: wrap;
  background: linear-gradient(to bottom, transparent, #fff);}
.gaoyou_3 .body .item1{ width: 49%;}
.gaoyou_3 .body .item1 img{ display: block; width: 100%;}
.gaoyou_3 .body .item{ width: 43.6%; position: relative;}
.gaoyou_3 .body .item .li{ width: 100%; position: relative; padding-bottom: 0.3rem;}
.gaoyou_3 .body .li .liti{ display: inline-block; width: 100%;}
.gaoyou_3 .body .li .liti .img1{ width: 1.31rem; display: block; float: left;}
.gaoyou_3 .body .li .liti .txt{ width: 77%; padding-left: 4%; float: left;}
.gaoyou_3 .body .li .liti h3{background: url(../images/pro_3.png) no-repeat;width:3.46rem;height: .58rem;line-height: .58rem;
  font-size: 28px;color: #0d8282;font-weight: bold;text-indent: .34rem;margin-bottom: .1rem;letter-spacing: -1px; margin-top: 0.3rem;
  background-size: 100% 100%;}
.gaoyou_3 .body .li .liti h3 sup{vertical-align: 0.16rem;}
.gaoyou_3 .body .li .liti .p{ font-size: 0.18rem; color: #89402a; line-height: 30px; padding-top: 0.1rem;}
@media (max-width: 1466px) {
  .gaoyou_3 .body .li{ padding-bottom: 0.15rem;}
  .gaoyou_3 .body .li .liti h3{ font-size: 0.24rem;}
  .gaoyou_3 .body .li .liti .p{ font-size: 0.16rem; line-height: 24px; }
  .gaoyou_3 .body .li .liti .img1 {width: 1rem;}
  .gaoyou_3 .body .item {width: 46.6%;}
}
@media (max-width: 1170px) {
  .gaoyou_3 .body .item1{ width: 100%;}
  .gaoyou_3 .body .item {width: 100%;}
  .gaoyou_3 .body{ display: block;}
  .gaoyou_3 .body .li{ width: 100%;margin-top: 0.3rem; padding-bottom: 0;}
  .gaoyou_3 .body .li .liti .txt{ width: 82%;}
  .gaoyou_3 .body .li .liti .txt h3{ font-size: 0.3rem; background: url(../images/pro_496.png) no-repeat;width:4.96rem;
    height: .58rem;line-height: .58rem; background-size: 100% 100%;}
  .gaoyou_3 .body .li .liti .txt .p{ font-size: 0.26rem;line-height: 0.4rem;}
}
.gaoyou_4{ padding-top: 0.9rem;}
.gaoyou_4 .body{width: 100%; position: relative;display: flex; justify-content: space-between;}
.gaoyou_4 .body .li{border: #d4ae90 solid 1px; width: 48%;
  border-radius: 0.26rem; position: relative; padding:1% 4% 1% 4%; flex-wrap: wrap;
  background: linear-gradient(to bottom, transparent, #fff);}
.gaoyou_4 .body .li .liti{ display: inline-block; width: 100%;}
.gaoyou_4 .body .li .liti .img1{ width: 1.31rem; display: block; float: left;}
.gaoyou_4 .body .li .liti .txt{ width: 77%; padding-left: 4%; float: left;}
.gaoyou_4 .body .li .liti h3{background: url(../images/pro_3.png) no-repeat;width:3.46rem;height: .58rem;line-height: .58rem;
  font-size: 28px;color: #0d8282;font-weight: bold;text-indent: .34rem;margin-bottom: .1rem;letter-spacing: -1px; margin-top: 0.3rem;
  background-size: 100% 100%;}
.gaoyou_4 .body .li .liti h3 sup{vertical-align: 0.16rem;}
.gaoyou_4 .body .li .liti .p{ font-size: 0.18rem; color: #89402a; line-height: 30px; padding-top: 0.1rem;}
.gaoyou_4 .body .li .img2{ display: block; width: 100%; margin-top: 0.2rem;}

@media (max-width: 1466px) {
  .gaoyou_4 .body .li .liti h3{ font-size: 0.24rem;}
  .gaoyou_4 .body .li .liti .p{ font-size: 0.16rem; line-height: 24px; }
  .gaoyou_4 .body .li .liti .img1 {width: 1rem;}
}
@media (max-width: 1170px) {
  .gaoyou_4 .body{ display: block;}
  .gaoyou_4 .body .li{ width: 100%;padding:5%;}
  .gaoyou_4 .body .li:nth-child(2){ margin-top: 0.3rem;}
  .gaoyou_4 .body .li .liti .txt{ width: 82%;}
  .gaoyou_4 .body .li .liti .txt h3{ font-size: 0.3rem; background: url(../images/pro_496.png) no-repeat;width:4.96rem;
    height: .58rem;line-height: .58rem; background-size: 100% 100%;}
  .gaoyou_4 .body .li .liti .txt .p{ font-size: 0.26rem;line-height: 0.4rem;}
}
.gaoyou_5{ padding-top: 0.9rem;display: flex; justify-content: space-between;}
.gaoyou_5 .gaoyou_51{ width: 48%;}
.gaoyou_5 .gaoyou_51 .body{border: #d4ae90 solid 1px; width:100%;
  border-radius: 0.26rem; position: relative; padding:5%;
  background: linear-gradient(to bottom, transparent, #fff);}
.gaoyou_5 .gaoyou_51 .body .li{ width: 100%;}
.gaoyou_5 .gaoyou_51 .body .li h3{ font-size: 0.3rem; background: url(../images/pro_496.png) no-repeat;width:4.96rem;
  height: .58rem;line-height: .58rem; background-size: 100% 100%;font-size: 28px;color: #0d8282;font-weight: bold;text-indent: .34rem;
  margin-bottom: .1rem;letter-spacing: -1px;background-size: 100% 100%;}
.gaoyou_5 .gaoyou_51 .body .li h3 sup{vertical-align: 0.16rem;}
.gaoyou_5 .body .li .p{ font-size: 0.18rem; color: #89402a; line-height: 30px; padding-top: 0.1rem;}
.gaoyou_5 .body .li .img2{ display: block; width: 100%; margin-top: 0.52rem;}
.gaoyou_5 .gaoyou_51 .body .li h4{ font-size: 0.3rem; background: url(../images/pro_496.png) no-repeat;width:4.96rem;
  height: .58rem;line-height: .58rem; background-size: 100% 100%;font-size: 28px;color: #0d8282;font-weight: bold;text-indent: .34rem;
  margin-bottom: .1rem;letter-spacing: -1px;background-size: 100% 100%; margin-top: 0.34rem;}

.gaoyou_5 .gaoyou_52{ width: 48%;}
.gaoyou_5 .gaoyou_52 .body{border: #d4ae90 solid 1px; width: 100%;
  border-radius: 0.26rem; position: relative; padding:5%;
  background: linear-gradient(to bottom, transparent, #fff);}
.gaoyou_5 .gaoyou_52 .body .li{ width: 100%;}
.gaoyou_5 .gaoyou_52 .body .li .liti{ display: inline-block; width: 100%;}
.gaoyou_5 .gaoyou_52 .body .li .liti .img1{ width: 1.31rem; display: block; float: left;}
.gaoyou_5 .gaoyou_52 .body .li .liti .txt{ width: 77%; padding-left: 4%; float: left;}
.gaoyou_5 .gaoyou_52 .body .li .liti h3{background: url(../images/pro_3.png) no-repeat;width:3.46rem;height: .58rem;line-height: .58rem;
  font-size: 28px;color: #0d8282;font-weight: bold;text-indent: .34rem;margin-bottom: .1rem;letter-spacing: -1px; margin-top: 0.3rem;
  background-size: 100% 100%;}
.gaoyou_5 .gaoyou_52 .body .li .liti .p{ font-size: 0.18rem; color: #89402a; line-height: 30px; padding-top: 0.1rem;}
.gaoyou_5 .gaoyou_52 .body .li .img2{ display: block; width: 100%; margin-top: 0.2rem;}

@media (max-width: 1466px) {
  .gaoyou_5 .gaoyou_51 .body .li h3{ font-size: 0.24rem;}
  .gaoyou_5 .gaoyou_51 .body .li h4{ font-size: 0.24rem;}
  .gaoyou_5 .gaoyou_51 .body .li .p{ font-size: 0.16rem; line-height: 24px; }
  .gaoyou_5 .gaoyou_52 .body .li .liti h3{ font-size: 0.24rem;}
  .gaoyou_5 .gaoyou_52 .body .li .liti .p{ font-size: 0.16rem; line-height: 24px; }
  .gaoyou_5 .gaoyou_52 .body .li .liti .img1{ width: 1rem; }
  .gaoyou_5 .body .li .img2 {margin-top: 0.46rem;}
}
@media (max-width: 1170px) {
  .gaoyou_5{ display: block;}
  .gaoyou_5 .gaoyou_51{ width: 100%;}
  .gaoyou_5 .gaoyou_52{ width: 100%; margin-top: 0.9rem;}
  .gaoyou_5 .gaoyou_51 .body .li h3{ font-size: 0.3rem;}
  .gaoyou_5 .gaoyou_51 .body .li h4{ font-size: 0.3rem;}
  .gaoyou_5 .gaoyou_51 .body .li .p{ font-size: 0.26rem; line-height: 0.4rem; }
  .gaoyou_5 .gaoyou_52 .body .li .liti .txt{ width: 82%;}
  .gaoyou_5 .gaoyou_52 .body .li .liti .txt h3{ font-size: 0.3rem; background: url(../images/pro_496.png) no-repeat;width:4.96rem;
    height: .58rem;line-height: .58rem; background-size: 100% 100%;}
  .gaoyou_5 .gaoyou_52 .body .li .liti .txt .p{ font-size: 0.26rem;line-height: 0.4rem;}
}
.gaoli_5.gaoyou_6 {padding-top: 0.5rem;}
.re_1{ padding-top: 1rem;}
.re_1 .img1{ display: block; width: 100%;}
.re_1 .img2{ display: none; width: 100%;}
.re_2 .img1{ display: block; width: 100%;}
.re_2 .img2{ display: none; width: 100%;}
.re_3 .img1{ display: block; width: 100%;}
.re_3 .img2{ display: none; width: 100%;}
.re_4 .img1{ display: block; width: 100%;}
.re_4 .img2{ display: none; width: 100%;}
.re_5 .img1{ display: block; width: 100%;}
.re_5 .img2{ display: none; width: 100%;}
.re_6 .img1{ display: block; width: 100%;}
.re_6 .img2{ display: none; width: 100%;}
.re_7 .img1{ display: block; width: 100%;}
.re_7 .img2{ display: none; width: 100%;}
.re_8 .img1{ display: block; width: 100%;}
.re_8 .img2{ display: none; width: 100%;}
.index_g.index_er{ padding-bottom: 1rem;}
.index_er .proxi_box1 .body.prohz_main .prohz_5 .zs{ color:#cbe5f6;}
.index_er .prohz_main .prohz_5 li div{ color:#cbe5f6;}

@media (max-width: 1170px) {
  .re_1 .img1{ display: none; width: 100%;}
  .re_1 .img2{ display: block; width: 100%;}
  .re_2 .img1{ display: none; width: 100%;}
  .re_2 .img2{ display: block; width: 100%;}
  .re_3 .img1{ display: none; width: 100%;}
  .re_3 .img2{ display: block; width: 100%;}
  .re_4 .img1{ display: none; width: 100%;}
  .re_4 .img2{ display: block; width: 100%;}
  .re_5 .img1{ display: none; width: 100%;}
  .re_5 .img2{ display: block; width: 100%;}
  .re_6 .img1{ display: none; width: 100%;}
  .re_6 .img2{ display: block; width: 100%;}
  .re_7 .img1{ display: none; width: 100%;}
  .re_7 .img2{ display: block; width: 100%;}
  .re_8 .img1{ display: none; width: 100%;}
  .re_8 .img2{ display: block; width: 100%;}
}

.lifu_1{ padding-top: 0.9rem;}
.lifu_1 .body{ padding: 5% 5% 2% 5%; width:100%;border: #d4ae90 solid 1px;border-radius: 0.26rem;background: linear-gradient(to bottom, transparent, #fff);
  text-align: left; position: relative; display: inline-block;}
.lifu_1 .body .tu {width: 4.76rem;position: absolute;left: 50%;margin-left: -2.38rem;top:50%;  transform: translate(0%, -50%);transition: ease-in-out .2s;}
.lifu_1 .body .tu img{ display: block; width: 100%;}

.lifu_1 .body .item{ width: 28%; float: left; margin-top: 0.1rem; position: relative;}
.lifu_1 .body .item h3{background: linear-gradient(to right, #0da5c6, #0070ad);border-radius: 0.26rem 0.08rem 0.26rem 0.08rem;
  font-size: 0.3rem;color: #fff;font-weight: bold;padding-left:0.7rem;line-height: 0.6rem; margin-top: 0.34rem; margin-left: 0.2rem;}
.lifu_1 .body .item h3 sup {vertical-align: 0.16rem;}
.lifu_1 .body .item:hover h3 {background: linear-gradient(to right, #c90004, #8b0002);}
.lifu_1 .body .item .p{ font-size: 18px; color: #9f5930; line-height: 30px; padding-left: 0.2rem; margin-top: 22px; height: 1.2rem;}
.lifu_1 .body .item:nth-child(2n){ margin-left: 44%;}
.lifu_1 .body .item .img2{ display: block; width: 0.68rem; height: 1rem; position: absolute; left: 0; top: 0; }

.lifu_1 .body .li_body{ width: 100%; position: relative;}

@media (max-width: 1460px) {
  .lifu_1 .body .item h3{font-size: 0.24rem;}
  .lifu_1 .body .item .p{ font-size: 16px;line-height: 26px;}
}
@media (max-width: 1170px) {
  .lifu_1 .body{ padding: 5%;}
  .lifu_1 .body .tu{ width: 90%; left: 5%; top: 0.6rem; margin-left: 0; transform: none;}
  .lifu_1 .body .item h3{font-size: 0.3rem;}
  .lifu_1 .body .item .p{ font-size:0.26rem;line-height:0.4rem;margin-top:0.16rem;}
  .lifu_1 .body .item{ float: none; width: 100%;}
  .lifu_1 .body .item:nth-child(2n){ margin-left:0;}
  .lifu_1 .body .li_body{ padding-top: 7rem;}
  .lifu_1 .body .item .img2 {top: -0.3rem;}
}


.lifu_2{ padding-top: 0.9rem;}
.lifu_2 .body{width: 100%; position: relative;display: flex; justify-content: space-between;border: #d4ae90 solid 1px;
  border-radius: 0.26rem; position: relative; padding:4%; flex-wrap: wrap;
  background: linear-gradient(to bottom, transparent, #fff);}
.lifu_2 .body .item1{ width: 49%;}
.lifu_2 .body .item1 img{ display: block; width: 100%;}
.lifu_2 .body .item{ width: 43.6%; position: relative;}
.lifu_2 .body .item .li{ width: 100%; position: relative; padding-bottom: 0.3rem;}
.lifu_2 .body .li .liti{ display: inline-block; width: 100%;}
.lifu_2 .body .li .liti .img1{ width: 1.31rem; display: block; float: left;}
.lifu_2 .body .li .liti .txt{ width: 77%; padding-left: 4%; float: left;}
.lifu_2 .body .li .liti h3{background: url(../images/pro_3.png) no-repeat;width:3.46rem;height: .58rem;line-height: .58rem;
  font-size: 28px;color: #0d8282;font-weight: bold;text-indent: .34rem;margin-bottom: .1rem;letter-spacing: -1px; margin-top: 0.3rem;
  background-size: 100% 100%;}
.lifu_2 .body .li .liti h3 sup{vertical-align: 0.16rem;}
.lifu_2 .body .li .liti .p{ font-size: 0.18rem; color: #89402a; line-height: 30px; padding-top: 0.1rem;}

.lifu_2.lifu_3{ padding-top: 0.4rem;}
.lifu_2.lifu_3 .body{ padding: 2% 4%;}
.lifu_2.lifu_3 .body .item1{ width: 43%;}
.lifu_2.lifu_3 .body .item {width: 49.6%;}
.lifu_2.lifu_3 .body .item .li{ padding-bottom: 0rem; padding-top: 0.4rem;}

@media (max-width: 1466px) {
  .lifu_2 .body .li{ padding-bottom: 0.15rem;}
  .lifu_2 .body .li .liti h3{ font-size: 0.24rem;}
  .lifu_2 .body .li .liti .p{ font-size: 0.16rem; line-height: 24px; }
  .lifu_2 .body .li .liti .img1 {width: 1rem;}
  .lifu_2 .body .item {width: 46.6%;}
}
@media (max-width: 1170px) {
  .lifu_2 .body .item1{ width: 100%;}
  .lifu_2 .body .item {width: 100%;}
  .lifu_2 .body{ display: block;}
  .lifu_2 .body .li{ width: 100%;margin-top: 0.3rem; padding-bottom: 0;}
  .lifu_2 .body .li .liti .txt{ width: 82%;}
  .lifu_2 .body .li .liti .txt h3{ font-size: 0.3rem; background: url(../images/pro_496.png) no-repeat;width:4.96rem;
    height: .58rem;line-height: .58rem; background-size: 100% 100%;}
  .lifu_2 .body .li .liti .txt .p{ font-size: 0.26rem;line-height: 0.4rem;}
  .lifu_2.lifu_3 .body{ padding: 4%;}
  .lifu_2.lifu_3 .body .item1{ width: 100%; padding-top: 0.4rem;}
  .lifu_2.lifu_3 .body .item {width: 100%;}
  .lifu_2.lifu_3 .body .item .li{ padding-bottom: 0rem; padding-top: 0rem;}
}

.lifu_4{padding-top: 0.9rem;}
.lifu_4 img{ display: block; width: 100%;}
.lifu_4 .img2{ padding-top: 0.12rem;}
.lifu_4 .img3,.lifu_4 .img4{ display: none;}

@media (max-width: 1170px) {
  .lifu_4 .img1,.lifu_4 .img2{ display: none;}
  .lifu_4 .img3,.lifu_4 .img4{ display: block;}
  .lifu_4 .img4{ padding-top: 0.12rem;}
}

.lifu_5{ padding-top: 0.9rem;}
.lifu_5 img{ display: block; width: 100%;}
.lifu_5 .img2{ display: none;}
@media (max-width: 1170px) {
  .lifu_5 .img1{ display: none;}
  .lifu_5 .img2{ display: block;}
}

.lifu_6{ padding-top: 0.9rem;}
.lifu_6 img{ display: block; width: 100%;}
.lifu_6 .img2{ display: none;}
@media (max-width: 1170px) {
  .lifu_6 .img1{ display: none;}
  .lifu_6 .img2{ display: block;}
}

.yaz_2.yaozi .body{background: linear-gradient(to bottom, #fffdfb, #fffdf9);}
.yaz_2.yaozi .body .item2{ padding-top: 0.6rem;}

.yaozi_1{display: flex; position: relative;justify-content: space-between; flex-wrap: wrap;}
.yaozi_1 .item {width: 48%; margin-top: 0.9rem; }
.yaozi_1 .item .body {width: 100%;}
.yaozi_1 .item .body img {width: 100%; display: block;}

@media (max-width: 1170px) {
  .yaozi_1{display: block; }
  .yaozi_1 .item {width:100%;}
  .yaz_2.yaozi .index_title sup { vertical-align: 0.34rem;}
}

.yaozi_2{ padding-top: 0.9rem;}
.yaozi_2 .body{width: 100%;border: #d4ae90 solid 1px;border-radius: 0.26rem;padding: 3%;
  background: linear-gradient(to bottom, #fffdf9, #fffdf9);position: relative;
  display: flex; justify-content: space-between;
}
.yaozi_2 .body .p{ color: #a56a23; font-size: 0.3rem; line-height: 0.5rem; width: 52%; padding: 5% 0;}
.yaozi_2 .body img{ display: block; width: 25.5%; margin-right: 4%;}

@media (max-width: 1170px) {
  .yaozi_2 .body{display: block;}
  .yaozi_2 .body .p{ width:100%;}
  .yaozi_2 .body img{ display: block; width: 90%; margin-right: 0%; margin: 0 auto;}
}


.mama3{ padding-top: 1rem;}
.mama .proxi_box1.mama3 .body{ display: flex;}
.mama .proxi_box1.mama3 .body img{ display: block; width: 50%;}

@media (max-width: 1170px) {
  .mama .proxi_box1.mama3 .body{ display: block;}
  .mama .proxi_box1.mama3 .body img{ display: block; width:100%;}
}





  /******荷致白金版详情end****/
    /*******喜致**********/
    .proxi_main .prohz_1 .body .item .li .yuan h3 {
        font-size: 40px;
        color: #89402a;
    }

        .proxi_main .prohz_1 .body .item .li .yuan h3 i {
            font-size: 14px;
            vertical-align: top;
        }



    .proxi_main .prohz_1 .body .item .li:nth-child(2n+1) {
        margin-left: 0;
        margin-bottom: .41rem;
    }

    .proxi_main .prohz_1 .body .item .li:nth-child(2) .yuan h3 {
        font-size: 30px;
        line-height: 28px;
    }

        .proxi_main .prohz_1 .body .item .li:nth-child(2) .yuan h3 span {
            font-size: 20px;
        }

    .proxi_main .proer_3 .box1 {
        background: linear-gradient(to right, #ca0005, #880002);
        float: left;
        height: 5.07rem;
        border: .06rem solid #f2d6aa;
        z-index: 10;
        border-radius: .15rem 0.52rem .15rem .52rem;
        width: 40%;
    }

        .proxi_main .proer_3 .box1 img {
            width: 100%;
            vertical-align: top;
            border-radius: .07rem 0.42rem 0 0;
        }

        .proxi_main .proer_3 .box1 h3 {
            background: url(../images/pro_496.png) no-repeat;
            width: 4.96rem;
            height: 0.58rem;
            line-height: .58rem;
            font-size: 30px;
            color: #a60004;
            font-weight: bold;
            text-align: center;
            margin: .34rem auto 0;
        }

        .proxi_main .proer_3 .box1:hover {
            box-shadow: 0 .05rem .05rem rgba(0, 0, 0, 0.1);
        }

    .proxi_main .proer_3 .body .item {
        width: 56%;
        float: right;
        padding-left: 0;
    }

        .proxi_main .proer_3 .body .item .li .yuan {
            background: linear-gradient(to right, #c90005, #890002);
        }

            .proxi_main .proer_3 .body .item .li .yuan .img {
                width: 1rem;
                height: 1rem;
                margin-left: -.5rem;
                top: .1rem;
            }

        .proxi_main .proer_3 .body .item .li .txt .p {
            margin-bottom: .2rem;
        }

        .proxi_main .proer_3 .body .item .li .txt h3 {
            margin-top: .48rem;
        }

    .proxi_box1 .body {
        border-radius: .32rem;
        background: linear-gradient(to right, #fff, #fff, #fff);
        border: 1px solid #a87f59;
        position: relative;
        overflow: hidden;
    }

        .proxi_box1 .body .tu {
            position: absolute;
            right: 0;
            top: 0;
            height: 100%;
        }
.proxi_box1.mama2 .body .tu{ right: auto; left: 0;}


            .proxi_box1 .body .tu img {
                vertical-align: top;
                height: 100%;
                float: right;
            }

    .proxi_box1 .item {
        padding: .23rem 0;
        padding-left: .23rem;
        width: 63%;
    }

        .proxi_box1 .item .li {
            position: relative;
            transition: ease-in-out .2s;
            padding-left: 1.74rem;
            border-radius: .3rem;
            padding-top: .17rem;
            padding-right: .27rem;
            padding-bottom: .15rem;
        }

            .proxi_box1 .item .li img {
                position: absolute;
                left: .21rem;
                top: .17rem;
                width: 1.3rem;
                height: 1.3rem;
                border-radius: 100%;
                border: .15rem solid #e2a676;
                background: #e2a676;
            }

            .proxi_box1 .item .li .txt h3 {
                background: url(../images/pro_6.png) no-repeat;
                width: 6.92rem;
                height: .58rem;
                line-height: .58rem;
                font-size: 28px;
                color: #a60004;
                font-weight: bold;
                text-indent: .34rem;
                margin-bottom: .1rem;
                letter-spacing: -1px;
            }

                .proxi_box1 .item .li .txt h3 i {
                    font-size: 14px;
                    vertical-align: top;
                    line-height: .5rem;
                    margin: 0 .03rem;
                }

            .proxi_box1 .item .li .txt .p {
                font-size: 18px;
                color: #9f5930;
                min-height: 60px;
                line-height: 28px;
            }

                .proxi_box1 .item .li .txt .p i {
                    vertical-align: super;
                    font-size: 12px;
                    font-weight: bold;
                    margin: 0 .04rem;
                }

            .proxi_box1 .item .li:nth-child(4) .txt h3,
            .proxi_box1 .item .li:nth-child(5) .txt h3 {
                background: url(../images/prohz_2_bg_t2.png) no-repeat;
            }

            /*.proxi_box1 .item .li:hover {*/
            /*    background: linear-gradient(to right, #ca0005, #880002);*/
            /*}*/

            /*    .proxi_box1 .item .li:hover .txt .p {*/
            /*        color: #fffec9;*/
            /*    }*/

    .proma_2 .item {
        width: 53%;
    }
.proma_2.mama2 .item {width: 53%; margin-left: 47%;}

        .proma_2 .item .li .txt h3 {
            background: url(../images/pro_508.png) no-repeat !important;
            width: 5.08rem !important;
        }
.proxi_box1.mama2 .item .li .txt h4{ font-size: 20px; color: #89402a; font-weight: bold; padding-bottom: 6px;}
    .proxi_box2 {
        padding: 1rem 0 0;
    }

        .proxi_box2 .body .left {
            width: 49%;
            height: 4.69rem;
        }

            .proxi_box2 .body .left img {
                width: 100%;
                vertical-align: top;
                border: .06rem solid #f2d6aa;
                box-shadow: 0 .05rem .05rem rgba(0, 0, 0, 0.1);
                border-radius: .3rem;
                height: 100%;
                object-fit: cover;
                object-position: center;
            }

        .proxi_box2 .body .right {
            background: linear-gradient(to right, #fbeed4, #fbeed3, #fcf0d9);
            border: 1px solid #a87f59;
            width: 48%;
            border-radius: .3rem;
            height: 4.69rem;
            padding: .4rem .45rem 0;
        }

            .proxi_box2 .body .right .li {
                position: relative;
                transition: ease-in-out .2s;
                margin-bottom: .3rem;
                padding-left: 1.62rem;
                border-radius: .3rem;
                padding-top: .17rem;
                padding-right: .27rem;
                padding-bottom: .15rem;
            }

                .proxi_box2 .body .right .li .yuan {
                    background: #e2a676;
                    width: 1.3rem;
                    height: 1.3rem;
                    border-radius: 100%;
                    position: absolute;
                    text-align: center;
                    left: 0;
                    top: 50%;
                    margin-top: -.55rem;
                    z-index: 10;
                }

                    .proxi_box2 .body .right .li .yuan .ico {
                        position: absolute;
                        width: .93rem;
                        left: 50%;
                        margin-left: -.465rem;
                        bottom: .19rem;
                    }

                    .proxi_box2 .body .right .li .yuan .img {
                        width: 1rem;
                        height: 1rem;
                        position: absolute;
                        left: 50%;
                        margin-left: -.5rem;
                        top: .15rem;
                    }

                    .proxi_box2 .body .right .li .yuan h3 {
                        position: absolute;
                        width: 100%;
                        font-size: 18px;
                        color: #89402a;
                        font-weight: bold;
                        bottom: .37rem;
                    }

                .proxi_box2 .body .right .li .txt h3 {
                    background: url(../images/pro_4.png) no-repeat;
                    width: 4.06rem;
                    height: .58rem;
                    line-height: .58rem;
                    font-size: 28px;
                    color: #a60004;
                    font-weight: bold;
                    text-indent: .34rem;
                    margin-bottom: .2rem;
                    letter-spacing: -1px;
                }

                    .proxi_box2 .body .right .li .txt h3 i {
                        font-size: 20px;
                        color: #89402a;
                        vertical-align: top;
                        line-height: .5rem;
                        margin: 0 .03rem;
                    }

                .proxi_box2 .body .right .li .txt .p {
                    font-size: 18px;
                    color: #9f5930;
                    min-height: 60px;
                    line-height: 30px;
                }

                    .proxi_box2 .body .right .li .txt .p i {
                        vertical-align: super;
                        font-size: 12px;
                        font-weight: bold;
                        margin: 0 .02rem;
                    }

                .proxi_box2 .body .right .li:hover {
                    transform: translateX(-8px);
                }

    .proxi_box3 {
        display: block !important;
        padding: 1rem 0 0;
    }

    .youlan { padding-bottom: 0.6rem;}
.prohz_main.youlan .prohz_5 .zs { color: #f7e6a5;}
.prohz_main.youlan .prohz_5 li div{ color: #f7e6a5;}
        .proxi_box3 .con {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;background: linear-gradient(to bottom, #02452b, #04733f);
          padding: 5%;
          border: solid 0.01rem #c5b05c;
          border-radius: .23rem;
        }

.prohz_main.youlan .proxi_box3.you2 .con{ padding: 0; border: none;background: none;}

.prohz_main .proxi_box3.you3 .item{ margin-top: 0;}
.you_main .prohz_2.you3 .item .body{ background: transparent;}
.prohz_main .prohz_2.proxi_box3.you3 .item .body img {
  width: auto;padding: 0;margin-bottom:0;margin: 0 auto; margin-top: 0.2rem;}
    .prohz_main .prohz_2.proer_1 .item .body h3 {
        text-align: left;
        text-indent: .44rem;
    }

    .prohz_main .prohz_2.proer_2 .item .body h3 {
        text-align: left;
        text-indent: .44rem;
        background: url(../images/pro_358.png) no-repeat;
    }
.prohz_main.youlan .prohz_1 {
  padding: .9rem 0 0rem;
}
.proma_2 .item .li .txt h3 sup{vertical-align: 0.16rem;}



    @media (max-width: 1440px) {
        .prohz_main .prohz_1 .body .item {
            padding-left: 6.2rem;
        }
      .prohz_main.youlan .prohz_1 .body .item{ padding-left: 0;}

            .prohz_main .prohz_1 .body .item .li .txt {
                padding-left: 1rem;
            }

                .prohz_main .prohz_1 .body .item .li .txt h3 {
                    font-size: 21px;
                    width: 94%;
                }

                .prohz_main .prohz_1 .body .item .li .txt .p {
                    font-size: 15px;
                    padding-right: .3rem;
                }

        .prohz_main .prohz_1 .body .tu {
            width: 6rem;
            height: 6rem;
            background-size: cover;
            top: .17rem;
        }

        .prohz_main .prohz_2 .item .body h3 {
            font-size: 25px;
            margin: 0 3%;
            width: 94%;
            background-size: 100% 100%;
        }

            .prohz_main .prohz_2 .item .body h3 i {
                font-size: 15px;
            }

        .prohz_main .prohz_2 .item .body .p {
            padding: .2rem .3rem 0;
            font-size: 17px;
        }

        .prohz_main .prohz_2 .item:nth-child(2) .body h3 {
            margin: 0 3%;
            width: 94%;
            background-size: 100% 100%;
        }

        .prohz_main .prohz_4 .body .item h3 {
            font-size: 24px;
        }

        .prohz_main .prohz_4 .body .item .p {
            font-size: 15px;
        }

        .prohz_main .index_title h3 {
            font-size: 45px;
        }

        .proxi_box1 .item {
            width: 60%;
        }

            .proxi_box1 .item .li {
                padding-left: 1.6rem;
            }

                .proxi_box1 .item .li img {
                    width: 1.1rem;
                    height: 1.1rem;
                }

                .proxi_box1 .item .li .txt h3 {
                    font-size: 21px;
                    background: url(../images/prohz_2_bg_t2.png) no-repeat;
                    width: 100%;
                    background-size: 100% 100%;
                }

                .proxi_box1 .item .li:nth-child(4) .txt h3,
                .proxi_box1 .item .li:nth-child(5) .txt h3 {
                    background: url(../images/prohz_2_bg_t.png) no-repeat;
                }

                .proxi_box1 .item .li .txt .p {
                    font-size: 15px;
                    line-height: 28px;
                }



        .proxi_box2 .body .right .li .txt h3 {
            width: 100%;
            background: url(../images/pro_3.png) no-repeat;
            background-size: 100% 100%;
        }

        .proma_2 .item {
            width: 49%;
        }

            .proma_2 .item .li .txt h3 {
                background: url(../images/pro_396.png) no-repeat !important;
            }

        .prohz_main .proer_3 .body .item {
            padding-left: 0;
        }

        .proxi_main .proer_3 .box1 h3 {
            background: url(../images/pro_4.png) no-repeat;
            width: 4.06rem;
            text-align: center;
            font-size: 28px;
        }
    }




    @media (max-width: 1325px) {
        .prohz_main .prohz_1 .body .tu {
            left: 50%;
            margin-left: -3rem;
        }

        .prohz_main .prohz_1 .body .item {
            padding-left: .6rem;
            padding-top: 6.5rem;
            width: 80%;
            margin: 0 auto;
        }
      .prohz_main.youlan .prohz_1 .body .item{padding-left: 0rem;
        padding-top: 0rem;}

        .prohz_main .proer_3 .body .item {
            width: 56%;
        }

        .prohz_main .prohz_1 .body .item .li .txt h3 {
            background-size: auto;
        }

        .proxi_box1 .body .tu img {
            margin-right: -.65rem;
        }

        .proxi_main .prohz_1 .body .item {
            padding-left: 0rem;
            padding-top: 6.5rem;
        }

        .proxi_box1 .item .li .txt h3 {
            font-size: 19px;
            background: url(../images/prohz_2_bg_t2.png) no-repeat;
            width: 100%;
            background-size: 100% 100% !important;
        }

        .proxi_box2 .body .left {
            height: 4rem;
        }

        .proxi_box2 .body .right {
            height: 4rem;
            padding-top: .3rem;
            padding-left: .3rem;
        }

            .proxi_box2 .body .right .li {
                padding-right: 0;
                margin-bottom: .15rem;
                padding-left: 1.5rem;
            }

                .proxi_box2 .body .right .li .yuan {
                    transform: scale(.85);
                }

                .proxi_box2 .body .right .li .txt h3 {
                    margin-bottom: .1rem;
                    font-size: 21px;
                }

                .proxi_box2 .body .right .li .txt .p {
                    font-size: 16px;
                    line-height: 28px;
                }

        .proma_2 .item {
            width: 55%;
        }

            .proma_2 .item .li .txt h3 {
                background: url(../images/pro_396.png) no-repeat !important;
                width: 3.96rem !important;
            }

        .proma_2 .body .tu {
            overflow: hidden;
            width: 42%;
            border-left: 1px solid #e2a676;
            border-radius: .3rem 0 0 .3rem;
        }

            .proma_2 .body .tu img {
                margin-left: 0;
                width: 100%;
                height: 100%;
                margin-right: 0;
                object-fit: cover;
                object-position: center;
            }

        .proxi_main .proer_3 .box1 {
            height: 4.5rem;
        }

            .proxi_main .proer_3 .box1 h3 {
                background: url(../images/pro_358.png);
                width: 3.58rem;
                font-size: 25px;
            }

        .proxi_main .proer_3 .body .item {
            padding-top: 0;
        }

            .proxi_main .proer_3 .body .item .li .txt h3 {
                margin-top: .3rem;
            }

        .prohz_main .prohz_1 .body .item .li .txt .p {
            margin-bottom: .05rem;
        }

    }

    @media (max-width: 1170px) {
      .proxi_box1.mama2 .item .li .txt h4{ font-size: 0.3rem;}
      .proxi_box1.mama2 .body .tu img{float:none; }
      .proma_2.mama2 .item {
        width:100%;
        margin-left:0%;
      }

      .prohz_main .prohz_1 .table .img1{ display: none;}
      .prohz_main .prohz_1 .table .img2{ display: block;}
      .prohz_main.youlan .prohz_2.proxi_box3.you3 .item .body img{ display: block;  width: 100%;}
        .prohz_main .index_title h3 {
            font-size: .4rem;
        }

        .prohz_main .prohz_1 .body .item .li .txt {
            padding-left: 0rem;
        }


        .prohz_main .prohz_1 .body .tu {
            top: 0;
            left: 50%;
            margin-left: -3.25rem;
            width: 6.2rem;
            
        }

            .prohz_main .prohz_1 .body .tu .txt h3 {
                font-size: .3rem;
            }

            .prohz_main .prohz_1 .body .tu .txt p {
                padding-top: .05rem;
            }

            .prohz_main .prohz_1 .body .tu .txt {
                bottom: .8rem;
            }

        .prohz_main .prohz_1 .body .item {
            padding-left: 0rem;
            padding-top: 6.8rem;
            width: 100%;
        }

            .prohz_main .prohz_1 .body .item .li .yuan h3 {
                font-size: .22rem;
                bottom: .38rem;
            }

            .prohz_main .prohz_1 .body .item .li .txt h3 {
                font-size: .26rem;
                background-size: 100% 100%;
            }

                .prohz_main .prohz_1 .body .item .li .txt h3 i {
                    font-size: .18rem;
                    line-height: .4rem;
                }

            .prohz_main .prohz_1 .body .item .li .txt .p {
                font-size: .24rem;
                padding-right: .2rem;
                line-height: .45rem;
                min-height: auto;
            }

                .prohz_main .prohz_1 .body .item .li .txt .p i {
                    font-size: .18rem;
                }

        .prohz_main .prohz_2 {
            flex-direction: column;
        }

            .prohz_main .prohz_2 .item {
                width: 100%;
            }

                .prohz_main .prohz_2 .item:first-child {
                    margin-bottom: .5rem;
                }

                .prohz_main .prohz_2 .item .body h3 {
                    font-size: .3rem;
                    width: 5.13rem;
                }

                .prohz_main .prohz_2 .item:nth-child(2) .body h3 {
                    width: 5.93rem;
                }

                .prohz_main .prohz_2 .item .body h3 i {
                    font-size: .18rem;
                }

                .prohz_main .prohz_2 .item .body .p {
                    font-size: .24rem;
                    line-height: .45rem;
                }

                    .prohz_main .prohz_2 .item .body .p i {
                        font-size: .18rem;
                    }
      .you_main .you0.prohz_1 .body .item{ padding-left:4%;   padding-right:4%;}
      .prohz_main .prohz_1 .body .item .li{  width: 100%; padding-left: 0;}
      .you_main .you0.prohz_1 .body .item .li .txt{ text-align: left; padding-left: 0;margin-left:0; width: 100%;}
      .prohz_main .you0.prohz_1 .body .item .li .txt h3 {width: 4.46rem;height: .58rem;line-height: .58rem;font-size:0.28rem;}
      .prohz_main .you0.prohz_1 .body .item .li .txt .p {width: 4.46rem;}

        .prohz_main .prohz_2.you2 .item .body .p{ height: auto; font-size:0.26rem; line-height: 0.42rem;}
        .prohz_main .prohz_2.you2 .item .body .p p{ font-size: 0.2rem; line-height:0.32rem; margin-top:0.14rem;}

      .you_main.youlan .you0.prohz_1 .body .item{ padding-left: 0; padding-right: 0; padding-top: 6rem;}




        .prohz_main .prohz_3 .body {
            flex-direction: column;
        }

            .prohz_main .prohz_3 .body img {
                width: 100%;
            }

                .prohz_main .prohz_3 .body img:first-child {
                    margin-bottom: .3rem;
                }

        .prohz_main .prohz_4 .body {
            flex-direction: column;
        }

            .prohz_main .prohz_4 .body .item {
                margin-bottom: .3rem;
                height: auto;
                padding-bottom: 2rem;
            }

                .prohz_main .prohz_4 .body .item h3 {
                    font-size: .3rem;
                    line-height: .45rem;
                    height: auto;
                }



                    .prohz_main .prohz_4 .body .item h3 i {
                        font-size: .18rem;
                    }

                .prohz_main .prohz_4 .body .item .p {
                    font-size: .24rem;
                    line-height: .45rem;
                }

                    .prohz_main .prohz_4 .body .item .p i {
                        font-size: .18rem;
                    }

                .prohz_main .prohz_4 .body .item img {
                    width: .9rem;
                }

        .prohz_main .prohz_5 li {
            width: 100%;
            line-height: .4rem;
            padding-right: 0;
            font-size: .22rem;
        }

            .prohz_main .prohz_5 li .item {
                padding-left: .45rem;
            }

        .prohz_main .prohz_5 h3 {
            font-size: .3rem;
        }

        .proxi_main .prohz_1 .body .item {
            padding-top: 7rem;
            padding-left: 0;
        }

            .proxi_main .prohz_1 .body .item .li .yuan h3 {
                font-size: .4rem;
                bottom: .4rem;
            }

                .proxi_main .prohz_1 .body .item .li .yuan h3 i {
                    font-size: .2rem;
                }

            .proxi_main .prohz_1 .body .item .li:nth-child(2) .yuan h3 {
                font-size: .3rem;
                line-height: .35rem;
                bottom: .3rem;
            }

                .proxi_main .prohz_1 .body .item .li:nth-child(2) .yuan h3 span {
                    font-size: .22rem;
                }

        .proxi_box1 .item {
            width: 100%;
        }

        .proxi_box1 .body .tu {
            position: relative;
            margin-bottom: .2rem;
        }

        .proxi_box1 .item .li .txt h3 {
            font-size: .3rem;
            background: linear-gradient(to bottom, #f5deaf, #fff4c5 60%, #e2a676) !important;
            border: 1px solid #e4b162;
            height: auto;
            line-height: .45rem;
            padding: .1rem .2rem;
            border-radius: .2rem;
            text-indent: 0;
            box-shadow: inset .05rem .15rem .15rem #efcf95;
        }

            .proxi_box1 .item .li .txt h3 i {
                font-size: .18rem;
                line-height: .3rem;
            }

        .proxi_box1 .item .li .txt .p {
            min-height: auto;
            line-height: .45rem;
            font-size: .24rem;
        }

            .proxi_box1 .item .li .txt .p i {
                font-size: .18rem;
            }
      .proxi_box1 .body .tu{width: 100%;border-bottom: 1px solid #a77e58;border-radius: 0 0 .3rem .3rem; overflow: hidden;}
        .proxi_box1 .body .tu img {
            margin-right: 0;
            height: auto;
            width: 120%;

        }

        .proxi_box2 .body .left {
            width: 100%;
            height: auto;
            margin-bottom: .3rem;
        }

        .proxi_box2 .body .right {
            width: 100%;
            height: auto;
        }

            .proxi_box2 .body .right .li .txt h3 {
                font-size: .3rem;
                background: url(../images/prohz_2_bg_t.png) no-repeat;
                background-size: 100% 100%;
            }

                .proxi_box2 .body .right .li .txt h3 i {
                    font-size: .18rem;
                }

            .proxi_box2 .body .right .li .txt .p {
                font-size: .26rem;
                line-height: .45rem;
                min-height: auto;
            }

                .proxi_box2 .body .right .li .txt .p i {
                    font-size: .18rem;
                }

        .proxi_box3 .con {
            flex-wrap: wrap;
        }
      .proxi_box3.you3 .con{ display: block; text-align: center;}
      .prohz_main .prohz_2.you3 .item .body h3{ margin: 0 auto;}
      .prohz_main .prohz_2.proer_3.you3 .item {width: 100%;}

        .proma_2 .body .tu {
            width: 100%;
            border: none;
            border-radius: 0;
        }

        .proxi_main .proer_3 .box1 {
            width: 100%;
            height: auto;
            padding-bottom: .6rem;
        }

            .proxi_main .proer_3 .box1 h3 {
                width: 4.96rem;
                background: url(../images/pro_496.png) no-repeat;
                background-size: 100% 100%;
                font-size: .3rem;
            }

        .prohz_main .proer_3 .body {
            margin-top: 0;
        }

        .proxi_main .proer_3 .body .item {
            padding-top: .5rem;
            width: 100%;
        }

        .prohz_main .proer_3 .body .item .li .txt h3 {
            width: 4.46rem;
        }
    }

.huicui_1{padding-top: 1rem;}
.huicui_1 .index_title b {padding-left: 1.82rem;}
.huicui_1 .body{ width: 100%; position: relative;}
.huicui_1 .body .item{ display: block; width: 100%; position: relative;overflow: hidden;}
.huicui_1 .body .item img{ display: block; width: 100%;}
.huicui_1 .body .item .img2{ display: none;}

.huicui_2{padding-top: 1rem;}
.huicui_2 .body{ width: 100%; position: relative;}
.huicui_2 .body .item{ display: block; width: 100%; position: relative;border-radius: .26rem;border: 1px solid #d4ae90; overflow: hidden;}
.huicui_2 .body .item img{ display: block; width: 100%;}
.huicui_2 .body .item .img2{ display: none;}

@media (max-width: 1170px) {
  .huicui_1 .body .item .img1{ display: none;}
  .huicui_1 .body .item .img2{ display: block;}
  .huicui_2 .body .item .img1{ display: none;}
  .huicui_2 .body .item .img2{ display: block;}
  }

    /*******喜致end**********/
    /****妈妈奶粉********/
    .proma_1 {
        padding: 1rem 0 1rem;
    }

        .proma_1 .body {
            position: relative;
        }

        .proma_1 .item {
            position: relative;
            width: 34%;
            height: 3rem;
            float: left;
            margin-bottom: .3rem;
            padding-left: .42rem;
            padding-top: .31rem;
            padding-bottom: .25rem;
            border: 1px solid #c5b05c;
            border-radius: .23rem;
            background: linear-gradient(to bottom, #02452b, #04733f);
            border: solid 0.01rem #c5b05c;
        }

            .proma_1 .item h3 {
                    position: absolute;
                    left: 0px;
                background: url(../images/pro_396.png) no-repeat;
                width: 92%;
                height: .58rem;
                line-height: .58rem;
                font-size: 30px;
                color: #a60004;
                font-weight: bold;
                text-indent: .32rem;
                margin-bottom: .15rem;
            }

                .proma_1 .item h3 i {
                    font-size: 18px;
                    vertical-align: top;
                    line-height: .5rem;
                    margin: 0 .03rem;
                }

            .proma_1 .item .p {
                position: absolute;
                top: 1.2rem;
                left: 0.4rem;
                line-height: 30px;
                font-size: 18px;
                color: #ffeda5;
                min-height: 60px;

            }
.proma_1 .item .p sup{font-size: 0.1rem;
  line-height: 0.14rem;
  vertical-align: 0.06rem;}

                .proma_1 .item .p i {
                    font-size: 12px;
                    vertical-align: top;
                    margin: 0 .03rem;
                    line-height: 20px;
                }

            .proma_1 .item:nth-child(2n) {
                float: right;
                padding-left: 1.08rem;
            }

        .proma_1 .tu {
            width: 4.2rem;
            position: absolute;
            left: 50%;
            margin-left: -2.1rem;
            top: .92rem;
        }

            .proma_1 img:hover {
                transform: translateY(-5px);
                transition: ease-in-out .2s;
            }

        /* .proma_1 .item:hover {
            background: linear-gradient(to right, #c50104, #880002);
        } 

            .proma_1 .item:hover .p {
                color: #fbeed4;
            }*/
.proma_1 .item .tu1{
    position: absolute;
    right: 0.3rem;
    bottom: 0.3rem;
    bottom: 0.2rem;
    width: 1.3rem;
    height: 1.3rem;}
    .proer_4 {
        padding-top: 0;
        padding-bottom: 0;
    }

        .proer_4 .body {
            margin-top: .3rem;
        }

        .proer_4 .item {
            width: 28%;
            margin-right: 22%;
        }

            .proer_4 .item h3 {
                background: url(../images/pro_225.png) no-repeat;
            }

            .proer_4 .item:nth-child(2n) {
                margin-right: 0;
                padding-left: .42rem;
            }

        .proer_4 img {
            width: 5.01rem;
            height: 5.02rem;
            margin-left: -2.5rem;
            top: -.34rem;
        }

    @media (max-width: 1440px) {
        .proma_1 .item h3 {
            
            width: 3.1rem;
            background-size: 100% 100%;
            font-size: 23px;
        }

            .proma_1 .item h3 i {
                font-size: 14px;
            }

        .proma_1 .item .p {
            font-size: 14px;
        }

            .proma_1 .item .p i {
                font-size: 12px;
            }

        .prohz_main .prohz_2.proer_2 .item .body h3 {
            background-size: auto auto;
        }

        .proer_4 .item h3 {
            background: url(../images/pro_225.png) no-repeat;
        }
    }

    @media (max-width: 1200px) {
        .proma_1 .body {
            padding-top: 4.5rem;
        }
      .proma_1 .tu {top: .0rem;}

        .proma_1 img {
            width: 4.8rem;
            height: 3.8rem;
            object-fit: cover;
            margin-left: -2.5rem;
        }

        .proma_1 .item {
            width: 96%;
            margin: 0 2%;
            margin-bottom: .3rem;
            padding-left: .4rem; overflow: hidden;
        }
      .you_main .proma_1.you1 .item h3 {
        font-size: 0.28rem;
        margin-left: -0.3rem;
        width: 99%;
        padding-left: 0.3rem;
      }

            .proma_1 .item h3 {
                font-size: .3rem;
                width: 5.13rem;
                background: url(../images/prohz_2_bg_t.png) no-repeat;
                background-size: 100% 100%;
            }

                .proma_1 .item h3 i {
                    font-size: .18rem;
                    line-height: .4rem;
                }

            .proma_1 .item .p {
                line-height: .45rem;
                font-size: .26rem;
                min-height: auto;
            }

                .proma_1 .item .p i {
                    font-size: .18rem;
                    vertical-align: super;
                }

            .proma_1 .item:nth-child(2n) {
                padding-left: .4rem;
            }

        .prohz_main .prohz_2.proer_2 .item .body h3 {
            width: 3.58rem;
            background-size: 100% 100%;
        }

        .proer_4 .item h3 {
            background: url(../images/pro_225.png) no-repeat;
            background-size: 100% 100%;
            width: 2.25rem;
        }

        .proer_4 .item {
            width: 80%;
        }
    }

    .pro_wei {
        padding-bottom: 1rem;
    }

        .pro_wei .body {position: relative;padding: 3%;
          border: #d4ae90 solid 1px;border-radius: 0.26rem;background: linear-gradient(to bottom, transparent, #fff);
          overflow: hidden;
        }

        .pro_wei .item {
            margin-bottom: .2rem;
            position: relative;
            width: 30%;
            float: left;
            margin-right: 30%; padding-bottom: 0.26rem;
        }

            .pro_wei .item h3 {
              height: 0.6rem;
              width: 100%;
              background: linear-gradient(to right, #d69c58, #9f6430);
              border-radius: 0.2rem 0.05rem 0.2rem 0rem;
              font-size: 0.3rem;
              color: #fff;
              font-weight: bold;
              line-height: 0.6rem;
              padding-left: 8%;
              text-align: left;
              position: relative;
              left: auto;
              text-indent: 0;
                padding-bottom: .11rem;
            }

            .pro_wei .item .p {
                line-height: 26px;
                font-size: 18px;
                color: #89402a; padding-top: 0.18rem;
            }

                .pro_wei .item .p i {
                    font-size: 12px;
                    vertical-align: super;
                    margin: 0 .03rem;
                }

            .pro_wei .item img {
                position: absolute;
                right: -.65rem;
                width: 1.3rem;
                height: 1.3rem;
                object-fit: cover;
                top: 50%;
                border-radius: 100%;
                margin-top: -.65rem;
            }

            .pro_wei .item:nth-child(2n) {
                margin-right: 0;
                float: right;
            }

                .pro_wei .item:nth-child(2n) img {
                    right: auto;
                    left: -.65rem;
                }

            .pro_wei .item:last-child {
                margin-bottom: 0;
            }




        .pro_wei .tu img {
            position: absolute;
            width: 4.86rem;
            height: 4.86rem;
            left: 50%;
            margin-left: -2.43rem;
            top: .5rem;
            transition: ease-in-out .2s;
        }

            .pro_wei .tu img:hover {
                transform: translateY(-5px);
            }

    @media (max-width: 1440px) {
        .pro_wei .item h3 {
            font-size: 25px;
        }

        .pro_wei .item .p {
            font-size: 16px;
        }

        .pro_wei .tu img {
            width: 4.5rem;
            height: 4.5rem;
            margin-left: -2.25rem;
            top: .4rem;
        }

        .pro_wei .item img {
            width: 1rem;
            height: 1rem;
            right: -.5rem;
            margin-top: -.5rem;
        }

        .pro_wei .item:nth-child(2n) {

        }

            .pro_wei .item:nth-child(2n) img {
                right: auto;
                left: -.5rem;
            }
    }

    @media (max-width: 1200px) {
        .pro_wei .body {
            padding-top: 5rem;
            width: 92%;
            margin: 0 auto;
        }

        .pro_wei .item {
            width: 100%; float: none;
        }
      .pro_wei .item:nth-child(2n) {
 float: none;
      }


      .pro_wei .item h3 {
                font-size: .3rem;
                margin-bottom: .15rem;
            }

            .pro_wei .item .p {
                font-size: .26rem;
                line-height: .35rem;
            }

                .pro_wei .item .p i {
                    font-size: .18rem;
                }
    }

    .proCui_main_1 {
        background: linear-gradient(to right, #f9e5c2, #fbeed4, #f9e5c2);
        overflow: hidden;
        padding: 1rem 0 1rem;
    }

    .prohz_add {
        padding-bottom: 0;
    }

    .proCui_main_1 .item {
        width: 47.2%;
        float: left;
    }

        .proCui_main_1 .item img {
            width: 100%;
            vertical-align: top;
        }

            .proCui_main_1 .item img:hover {
                transition: ease-in-out .2s;
                transform: translateY(-.05rem)
            }

        .proCui_main_1 .item:nth-child(2n) {
            float: right;
        }

    .proCui_main_2 {
        background: linear-gradient(to right, #f9e5c2, #fbeed4, #f9e5c2);
        overflow: hidden;
        padding: 0rem 0 1rem;
    }

        .proCui_main_2 .body {
            border: 1px solid #d4ae90;
            background: linear-gradient(to bottom, #fffbf0, #fcf1da);
            border-radius: .34rem;
            padding: .73rem 0 .73rem;
            position: relative;
            overflow: hidden;
        }

            .proCui_main_2 .body .left {
                width: 60.5%;
                position: relative;
                padding-left: 2.39rem;
                z-index: 10;
            }

                .proCui_main_2 .body .left img {
                    position: absolute;
                    left: .52rem;
                    top: 0;
                    width: 1.31rem;
                }

                .proCui_main_2 .body .left h3 {
                    background: url(../images/prohz_2_bg_t2.png) no-repeat;
                    margin-bottom: .3rem;
                    width: 5.93rem;
                    height: .58rem;
                    line-height: .58rem;
                    font-size: 30px;
                    color: #a60004;
                    font-weight: bold;
                    text-indent: .34rem;
                }

                    .proCui_main_2 .body .left h3 i {
                        vertical-align: super;
                        font-size: 20px;
                        line-height: 20px;
                        margin: 0 .04rem;
                    }

                .proCui_main_2 .body .left .p {
                    font-size: 18px;
                    color: #89402a;
                    line-height: 30px;
                }

                    .proCui_main_2 .body .left .p i {
                        vertical-align: super;
                        font-size: 14px;
                        font-weight: bold;
                        margin: 0 .04rem;
                    }

            .proCui_main_2 .body .right img {
                position: absolute;
                right: 0;
                top: 0;
                height: 100%;
            }

    .proCui_main_3 {
        background: linear-gradient(to right, #f9e5c2, #fbeed4, #f9e5c2);
    }

        .proCui_main_3 .body {
            position: relative;
            margin-left: 3.49rem;
            background: linear-gradient(to right, #fbedd1, #fcf1da);
            border: 1px solid #d4ae90;
            border-radius: .25rem;
            padding-left: 3.47rem;
            padding-top: .3rem;
            padding-bottom: .5rem;
        }

            .proCui_main_3 .body .img img {
                position: absolute;
                left: -3.49rem;
                top: 50%;
                margin-top: -3.1rem;
                width: 6.2rem;
                height: 6.2rem;
            }

            .proCui_main_3 .body .txt img {
                width: 6.4rem;
            }

            .proCui_main_3 .body .p {
                font-size: 18px;
                color: #9f5930;
                line-height: 30px;
                padding-right: 1.39rem;
                margin-top: .48rem;
            }

                .proCui_main_3 .body .p i {
                    vertical-align: super;
                    font-size: 14px;
                    margin: 0 0.03rem;
                }

    .proCui_main_4 {
        padding-bottom: 1rem;
    }

    @media (max-width: 1440px) {
        .proCui_main_3 .body .img img {
            width: 5.4rem;
            height: 5.4rem;
            margin-top: -2.7rem;
        }

        .proCui_main_3 .body {
            padding-left: 2.1rem;
        }

            .proCui_main_3 .body .txt img {
                width: 5.3rem;
            }

            .proCui_main_3 .body .p {
                font-size: 16px;
                margin-top: .3rem;
                line-height: 26px;
                padding-right: .4rem;
            }
    }

    @media (max-width: 1200px) {
        .proCui_main_1 .item {
            width: 100%;
            float: none;
        }

            .proCui_main_1 .item:nth-child(2n) {
                float: none;
                margin-top: .5rem;
            }

        .proCui_main_2 .body {
            padding-bottom: 6rem;
        }

            .proCui_main_2 .body .left {
                width: 100%;
                padding-left: 1.4rem;
            }

                .proCui_main_2 .body .left h3 {
                    font-size: .3rem;
                    background: url(../images/pro_508.png) no-repeat;
                    background-size: 100% 100%;
                    width: 5.08rem;
                }

                .proCui_main_2 .body .left img {
                    left: .2rem;
                    width: 1rem;
                }

                .proCui_main_2 .body .left h3 i {
                    font-size: .18rem;
                    line-height: .2rem;
                }

                .proCui_main_2 .body .left .p {
                    font-size: .26rem;
                    line-height: .45rem;
                    padding-right: 0.2rem;
                }

                    .proCui_main_2 .body .left .p i {
                        font-size: .18rem;
                    }

            .proCui_main_2 .body .right img {
                height: auto;
                width: 100%;
                bottom: 0;
                top: auto;
            }

        .proCui_main_3 .body {
            width: 96%;
            margin-left: 2%;
            margin-right: 2%;
            padding-left: .2rem;
            margin-top: 3.47rem;
            padding-top: 3rem;
        }

            .proCui_main_3 .body .img img {
                top: -3.1rem;
                margin-top: 0;
                width: 6.2rem;
                height: 6.2rem;
                left: 50%;
                margin-left: -3.1rem;
            }

            .proCui_main_3 .body .txt img {
                width: 6.4rem;
            }

            .proCui_main_3 .body .p {
                font-size: .26rem;
                line-height: .45rem;
                padding-left: .1rem;
            }

                .proCui_main_3 .body .p i {
                    font-size: .18rem;
                }
    }

    .prohz_main .proHe_1 {
        padding-top: 0;
    }

    .proHe_1 .index_title p {
        font-size: 36px;
        color: #89402a;
        font-weight: bold;
    }

    .proHe_2 .body2 {
        border: 1px solid #e4cab2;
        border-radius: .37rem;
        background: linear-gradient(to bottom, #fbeed5, #fffaee);
        margin-top: .38rem;
        overflow: hidden;
        height: 4.67rem;
        position: relative;
    }

        .proHe_2 .body2 .txt {
            background: url(../images/proHe_bg.png) no-repeat;
            height: 100%;
            color: #ffffd4;
            padding-left: .67rem;
        }

            .proHe_2 .body2 .txt h3 {
                font-size: 30px;
                line-height: 45px;
                font-weight: bold;
                padding-top: .67rem;
                margin-bottom: .38rem;
            }

            .proHe_2 .body2 .txt .p {
                line-height: 34px;
                font-size: 18px;
            }

                .proHe_2 .body2 .txt .p i {
                    font-size: 12px;
                    vertical-align: super;
                    margin: 0 .03rem;
                }

        .proHe_2 .body2 img {
            position: absolute;
            right: 1.67rem;
            top: .24rem;
            width: 7.52rem;
            transition: ease-in-out .2s;
        }

            .proHe_2 .body2 img:hover {
                transform: translateY(-5px);
            }

    .proHe_3 {
        padding-bottom: 0;
    }

    .proHe_4 {
        padding-bottom: 1rem;
    }

    @media (max-width: 1440px) {
        .proHe_2 .body2 img {
            right: .5rem;
            width: 6.2rem;
            top: .7rem;
        }

        .proHe_3 .index_title h3 {
            font-size: 47px;
        }
    }

    @media (max-width: 1200px) {
        .proHe_1 .index_title p {
            font-size: .3rem;
        }

        .prohz_main .proHe_1 .body img:first-child {
            margin-bottom: .4rem;
        }

        .proHe_2 .body2 {
            height: auto;
            padding-bottom: .5rem;
        }

            .proHe_2 .body2 .txt {
                background: linear-gradient(to right, #ca0004, #890002);
                padding-bottom: .5rem;
                border-radius: 0 0 .1rem .6rem;
            }

                .proHe_2 .body2 .txt h3 {
                    font-size: .35rem;
                    line-height: .45rem;
                }

                .proHe_2 .body2 .txt .p {
                    line-height: .45rem;
                    font-size: .26rem;
                }

                    .proHe_2 .body2 .txt .p i {
                        font-size: .18rem;
                    }

            .proHe_2 .body2 img {
                margin-top: .5rem;
                top: auto;
                width: 96%;
                position: relative;
                left: 2%;
                right: 2%;
            }

        .proHe_3 .index_title h3 {
            font-size: .5rem;
        }
    }

    .proQiu_main_1 {
        background: #013b66;
        position: relative;
    }

        .proQiu_main_1 .bg {
            background: url(../images/proqiu_bg1.png) no-repeat center 194px;
            position: absolute;
            left: 50%;
            top: 0;
            width: 1920px;
            margin-left: -960px;
            z-index: 1;
            height: 100%;
        }

        .proQiu_main_1 .w1400 {
            position: relative;
            z-index: 2;
        }

        .proQiu_main_1 img {
            width: 100%;
            vertical-align: top;
        }

        .proQiu_main_1 .box1 {
            padding: 1.16rem 0 1.03rem;
            position: relative;
        }

            .proQiu_main_1 .box1 .left {
                position: absolute;
                left: .1rem;
                top: 1.16rem;
                width: 52.8%;
            }

            .proQiu_main_1 .box1 .right {
                width: 47.2%;
                padding-top: .22rem;
                padding-right: .13rem;
                box-sizing: content-box;
            }

        .proQiu_main_1 .box2 {
            padding-bottom: 1.32rem;
            position: relative;
        }

            .proQiu_main_1 .box2 .left {
                position: absolute;
                left: 0;
                top: .94rem;
                width: 45.3%;
            }

            .proQiu_main_1 .box2 .right {
                width: 54.3%;
                padding-top: .22rem;
                padding-right: .26rem;
                box-sizing: content-box;
            }

        .proQiu_main_1 .box3 {
            position: relative;
            padding-bottom: .82rem;
        }

            .proQiu_main_1 .box3 .left {
                position: absolute;
                left: 0;
                top: -.75rem;
                width: 52.6%;
            }

            .proQiu_main_1 .box3 .right {
                width: 44.5%;
                padding-right: .4rem;
                box-sizing: content-box;
            }

    .proQiu_main_2 {
        background: #013b66;
        position: relative;
        margin-top: -1px;
    }

        .proQiu_main_2 .bg {
            background: url(../images/proqiu_bg2.png) no-repeat center top;
            position: absolute;
            left: 0;
            top: 3.67rem;
            width: 100%;
            z-index: 1;
            height: 100%;
        }

        .proQiu_main_2 .w1400 {
            position: relative;
            z-index: 2;
        }

        .proQiu_main_2 img {
            width: 100%;
            vertical-align: top;
        }

        .proQiu_main_2 .box1 {
            padding: 0 0 .99rem;
            position: relative;
        }

            .proQiu_main_2 .box1 .left {
                position: absolute;
                left: 0;
                top: .59rem;
                width: 49.23%;
            }

            .proQiu_main_2 .box1 .right {
                width: 49.86%;
                padding-right: .2rem;
                box-sizing: content-box;
            }

        .proQiu_main_2 .box2 {
            position: relative;
            padding-bottom: 1.5rem;
        }

            .proQiu_main_2 .box2 .right {
                width: 68.68%;
                padding-top: .22rem;
                padding-right: 2rem;
                box-sizing: content-box;
            }

        .proQiu_main_2 .box3 {
            position: relative;
            padding-bottom: .95rem;
        }

            .proQiu_main_2 .box3 .right {
                width: 98.6%;
                padding-right: .2rem;
                box-sizing: content-box;
            }

    .proQiu_main_3 {
        background: #013b66;
        position: relative;
        padding-bottom: 1.87rem;
        margin-top: -1px;
    }

        .proQiu_main_3 .bg {
            background: url(../images/proqiu_bg3.png) no-repeat left top;
            position: absolute;
            left: 0;
            top: 1.72rem;
            width: 100%;
            z-index: 1;
            height: 100%;
        }

        .proQiu_main_3 .w1400 {
            position: relative;
            z-index: 2;
        }

        .proQiu_main_3 img {
            width: 100%;
            vertical-align: top;
        }

        .proQiu_main_3 .box1 {
            padding: 0 0 .49rem;
            position: relative;
        }

            .proQiu_main_3 .box1 .left {
                position: absolute;
                left: 0;
                top: 0;
                width: 46.52%;
            }

            .proQiu_main_3 .box1 .right {
                width: 51.38%;
                padding-right: 0rem;
                box-sizing: content-box;
            }

        .proQiu_main_3 .box2 {
            position: relative;
            background: linear-gradient(to right, #054676, #136ba0);
            border-radius: .16rem .54rem .54rem .16rem;
            padding-bottom: .5rem;
            margin-bottom: .91rem;
        }

            .proQiu_main_3 .box2 .left {
                position: absolute;
                left: .42rem;
                top: .51rem;
                width: 42.2222%;
            }

            .proQiu_main_3 .box2 .right {
                width: 60.13%;
                padding-top: .6rem;
                padding-right: .08rem;
                box-sizing: content-box;
            }

        .proQiu_main_3 .prohz_5 {
            border: .05rem solid #fff;
            border-radius: .07rem;
            margin-top: .67rem;
            padding: .4rem .48rem;
            background: #aee0e7;
            box-shadow: .1rem .1rem .0rem #e85570;
        }

            .proQiu_main_3 .prohz_5 h3 {
                font-size: 20px;
                color: #013b66;
                font-weight: bold;
                margin-bottom: .18rem;
            }

            .proQiu_main_3 .prohz_5 li {
                width: 48%;
                float: left;
                line-height: 22px;
                color: #013b66;
                font-size: 12px;
                padding-right: 2%;
            }

                .proQiu_main_3 .prohz_5 li .item {
                    position: relative;
                    padding-left: .25rem;
                }

                    .proQiu_main_3 .prohz_5 li .item i {
                        position: absolute;
                        left: 0;
                        top: 0;
                    }

    .proQiu_main_bg {
        background: #013b66;
    }

    @media (max-width: 1440px) {
        .proQiu_main_1 .bg {
            display: none;
        }

        .proQiu_main_2 .bg {
            display: none;
        }

        .proQiu_main_2 .box2 {
            padding-bottom: 1rem;
        }

        .proQiu_main_3 {
            padding-bottom: 1rem;
        }

            .proQiu_main_3 .bg {
                display: none;
            }
    }

    @media (max-width: 1200px) {
        .proQiu_main_1 .box1 {
            padding: 1rem 0 0rem;
        }

            .proQiu_main_1 .box1 .left {
                width: 92%;
                left: 0;
                top: 0;
                position: relative;
                margin: 0 auto;
                float: none;
            }

            .proQiu_main_1 .box1 .right {
                width: 92%;
                padding-right: 0;
                padding-top: .5rem;
                float: none;
                margin: 0 auto;
            }

        .proQiu_main_1 .box2 {
            padding: 1rem 0 1rem;
        }

            .proQiu_main_1 .box2 .left {
                width: 92%;
                left: 0;
                top: 0;
                position: relative;
                margin: 0 auto;
                float: none;
            }

            .proQiu_main_1 .box2 .right {
                width: 92%;
                padding-right: 0;
                padding-top: .5rem;
                float: none;
                margin: 0 auto;
            }

        .proQiu_main_1 .box3 {
            padding: 0rem 0 1rem;
        }

            .proQiu_main_1 .box3 .left {
                width: 92%;
                left: 0;
                top: 0;
                position: relative;
                margin: 0 auto;
                float: none;
            }

            .proQiu_main_1 .box3 .right {
                width: 92%;
                padding-right: 0;
                padding-top: .5rem;
                float: none;
                margin: 0 auto;
            }

        .proQiu_main_2 .box1 {
            padding: 0rem 0 0rem;
        }

            .proQiu_main_2 .box1 .left {
                width: 92%;
                left: 0;
                top: 0;
                position: relative;
                margin: 0 auto;
                float: none;
            }

            .proQiu_main_2 .box1 .right {
                width: 92%;
                padding-right: 0;
                padding-top: .5rem;
                float: none;
                margin: 0 auto;
            }

        .proQiu_main_2 .box2 {
            padding: 1rem 0 1rem;
        }

            .proQiu_main_2 .box2 .right {
                width: 100%;
                padding-right: 0;
                padding-top: 0rem;
                float: none;
                margin: 0 auto;
            }

        .proQiu_main_2 .box3 {
            padding: 0rem 0 1rem;
        }

            .proQiu_main_2 .box3 .right {
                width: 100%;
                padding-right: 0;
                padding-top: 0rem;
                float: none;
                margin: 0 auto;
            }

        .proQiu_main_3 .box1 {
            padding: 0rem 0 .5rem;
        }

            .proQiu_main_3 .box1 .left {
                width: 100%;
                left: 0;
                top: 0;
                position: relative;
                margin: 0 auto;
                float: none;
            }

            .proQiu_main_3 .box1 .right {
                width: 100%;
                padding-right: 0;
                padding-top: .5rem;
                float: none;
                margin: 0 auto;
            }

        .proQiu_main_3 .box2 {
            padding: .5rem 0 .5rem;
            width: 96%;
            margin: 0 auto;
        }

            .proQiu_main_3 .box2 .left {
                width: 92%;
                left: 0;
                top: 0;
                position: relative;
                margin: 0 auto;
                float: none;
            }

            .proQiu_main_3 .box2 .right {
                width: 92%;
                padding-right: 0;
                padding-top: .5rem;
                float: none;
                margin: 0 auto;
            }

        .proQiu_main_3 .box3 {
            padding: 0rem 0 1rem;
        }

            .proQiu_main_3 .box3 .left {
                width: 92%;
                left: 0;
                top: 0;
                position: relative;
                margin: 0 auto;
                float: none;
            }

            .proQiu_main_3 .box3 .right {
                width: 92%;
                padding-right: 0;
                padding-top: .5rem;
                float: none;
                margin: 0 auto;
            }

        .proQiu_main_3 .prohz_5 li {
            width: 100%;
            line-height: .45rem;
            padding-right: 0;
        }

            .proQiu_main_3 .prohz_5 li .item {
                padding-left: .45rem;
            }

        .proQiu_main_3 .prohz_5 h3 {
            font-size: .3rem;
        }
    }

    .jing_main_1 {

        background-size: cover;
        overflow: hidden;
        padding: 1rem 0 1rem;
        border-radius: 0 0 0.26rem 0.26rem;
    }
    .jxnai  .jing_main_1{ padding-bottom: 0;}

        .jing_main_1 .body {
            overflow: hidden;
            border-radius: .34rem .16rem .34rem .16rem;
            height: 6.5rem;
            position: relative;
        }

            .jing_main_1 .body .bd {
                height: 100%;
            }

            .jing_main_1 .body .item {
                height: 100%;
                padding-left: 1rem;
                width: 100%;
            }

                .jing_main_1 .body .item h3 {
                    color: #fff;
                    font-size: 40px;
                    line-height: 55px;
                    padding-top: 1rem;
                    padding-bottom: .6rem;
                }

                .jing_main_1 .body .item .p {
                    color: #fff;
                    font-size: 18px;
                    line-height: 38px;
                    width: 43%;
                }

            .jing_main_1 .body .hd {
                position: absolute;
                right: .7rem;
                bottom: .6rem;
                z-index: 10;
            }

                .jing_main_1 .body .hd li {
                    float: left;
                    margin-left: .2rem;
                }

                    .jing_main_1 .body .hd li img {
                        width: 1rem;
                        height: 1rem;
                        border: .08rem solid rgba(0, 0, 0, 0.3);
                        border-radius: 100%;
                    }

                    .jing_main_1 .body .hd li.on img {
                        border: .08rem solid #fff;
                    }

    .jing_main_2 {
        background-size: cover;
        overflow: hidden;
        padding: 1rem 0 1rem;
        border-radius: 0 0 0.26rem 0.26rem;
    }
.jxnai .jing_main_2{ padding-bottom: 0;}
.jxnai .jing_main_2 .swiper-container{ padding-bottom: 0.1rem;}
        .jing_main_2 #certify {
            position: relative;
            overflow: hidden;
            padding-bottom: .1rem;
        }

            .jing_main_2 #certify .swiper-slide {
                width: 8.37rem;
                height: 4.71rem;
                border-radius: .23rem .13rem .23rem .13rem;
                background: #fff;
                overflow: hidden;
                position: relative;
            }

                .jing_main_2 #certify .swiper-slide img {
                    display: block;
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    position: relative;
                    z-index: 9;
                }

                .jing_main_2 #certify .swiper-slide p {
                    position: absolute;
                    width: 100%;
                    height: 1.7rem;
                    display: flex;
                    align-items: flex-end;
                    background: linear-gradient(to bottom, transparent, #000000);
                    left: 0;
                    bottom: 0;
                    z-index: 10;
                    opacity: 0;
                    font-size: 16px;
                    line-height: 30px;
                    text-align: center;
                    color: #fff;
                    padding: .2rem .8rem .4rem;
                }

            .jing_main_2 #certify .swiper-pagination {
                width: 100%;
                bottom: 20px;
            }

            .jing_main_2 #certify .swiper-pagination-bullets .swiper-pagination-bullet {
                margin: 0 5px;
                border: 3px solid #fff;
                background-color: #d5d5d5;
                width: 10px;
                height: 10px;
                opacity: 1;
            }

            .jing_main_2 #certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
                border: 3px solid #00aadc;
                background-color: #fff;
            }

            .jing_main_2 #certify .swiper-slide-active {
                border: .08rem solid #fff;
                box-shadow: 0rem .05rem .05rem rgba(0, 0, 0, 0.2);
            }

                .jing_main_2 #certify .swiper-slide-active p {
                    opacity: 1;
                }

        .jing_main_2 .ul {
            display: flex;
            justify-content: space-around;
            padding-top: .75rem; padding-bottom: 0.1rem;
        }

            .jing_main_2 .ul .item {
                position: relative;
                width: 1.3rem;
                height: 1.3rem;
                transition: ease-in-out .2s;
            }

                .jing_main_2 .ul .item:hover {
                    transform: translateY(-5px);
                }

                    .jing_main_2 .ul .item:hover .yuan {
                        background: #a60004;
                    }

            .jing_main_2 .ul .yuan {
                background: #eed0a9;
                width: 1.3rem;
                height: 1.3rem;
                border-radius: 100%;
                position: absolute;
                text-align: center;
                left: 0;
                top: 50%;
                margin-top: -.65rem;
                z-index: 10;
            }

                .jing_main_2 .ul .yuan .ico {
                    position: absolute;
                    width: .93rem;
                    left: 50%;
                    margin-left: -.465rem;
                    bottom: .19rem;
                }

                .jing_main_2 .ul .yuan .img {
                    width: .45rem;
                    height: .45rem;
                    position: absolute;
                    left: 50%;
                    margin-left: -.225rem;
                    top: .18rem;
                }

                .jing_main_2 .ul .yuan h3 {
                    position: absolute;
                    width: 100%;
                    font-size: 18px;
                    color: #89402a;
                    font-weight: bold;
                    bottom: .37rem;
                }

    .jing_main_3 {
        background-size: cover;
        padding: 1rem 0 1rem;
        border-radius: 0 0 0.26rem 0.26rem;
        overflow: hidden;
    }
.jxnai .jing_main_3{ padding-bottom: 0;}

        .jing_main_3 .body .right {
            width: 44.5%;
            padding-top: .15rem;
        }

            .jing_main_3 .body .right img {
                width: 100%;
                vertical-align: top;
                transition: ease-in-out .2s;
            }

                .jing_main_3 .body .right img:hover {
                    transform: translateY(-5px);
                }

        .jing_main_3 .body .left {
            width: 52%;
        }

            .jing_main_3 .body .left ul {
                padding-bottom: .47rem;
            }

                .jing_main_3 .body .left ul li {
                    width: 2.2rem;
                    height: 2.2rem;
                    text-align: center;
                    border-radius: 100%;
                    border: .1rem solid #eed0a9;
                    float: left;
                    margin-left: .39rem;
                }

                    .jing_main_3 .body .left ul li h3 {
                        font-size: 60px;
                        font-weight: bold;
                        color: #a60004;
                        padding-top: .45rem;
                        line-height: 70px;
                        font-family: arial;
                    }

                    .jing_main_3 .body .left ul li.l3 h3 {
                        font-size: 48px;
                        line-height: 44px;
                    }

                    .jing_main_3 .body .left ul li h3 i {
                        font-size: 30px;
                        font-family: "微软雅黑";
                    }

                    .jing_main_3 .body .left ul li p {
                        font-size: 20px;
                        color: #1c0b06;
                        line-height: 20px;
                    }

                    .jing_main_3 .body .left ul li:hover {
                        border-color: #a60004;
                    }

                    .jing_main_3 .body .left ul li:first-child {
                        margin-left: 0;
                    }

                    .jing_main_3 .body .left ul li:nth-child(2) {
                        margin-top: .9rem;
                    }

            .jing_main_3 .body .left .txt h3 {
                font-size: 30px;
                color: #a60004;
                margin-bottom: .33rem;
            }

            .jing_main_3 .body .left .txt .p {
                font-size: 18px;
                line-height: 36px;
                color: #3c2213;
                padding-right: .52rem;
            }

    .jing_main_4 {
        background-size: cover;
        overflow: hidden;
        padding: 1rem 0 1rem;
        border-radius: 0 0 0.26rem 0.26rem;
    }
.jxnai .jing_main_4{ padding-bottom: 0.7rem;}
        .jing_main_4 .body {
            position: relative;
        }

            .jing_main_4 .body .left {
                position: absolute;
                left: 0;
                top: 0;
                width: 50.1%;
            }

                .jing_main_4 .body .left img {
                    width: 100%;
                    vertical-align: top;
                    transition: ease-in-out .2s;
                }

                    .jing_main_4 .body .left img:hover {
                        transform: translateX(.1rem);
                    }

            .jing_main_4 .body .right {
                padding-left: 47.2%;
                float: none;
            }

                .jing_main_4 .body .right ul li {
                    border: 1px solid #d09b71;
                    border-radius: .25rem .08rem .25rem .08rem;
                    background: #ffffff;
                    line-height: 1.1rem;
                    margin-bottom: .3rem;
                    font-size: 34px;
                    color: #a06430;
                    font-weight: bold;
                    width: 6.19rem;
                    position: relative;
                    padding-left: 1.19rem;
                }

                    .jing_main_4 .body .right ul li b {
                        display: block;
                        width: .48rem;
                        height: .5rem;
                        background: url(../images/f2_ico.png) no-repeat;
                        background-size: cover;
                        text-align: center;
                        font-size: 18px;
                        color: #a60004;
                        line-height: .5rem;
                        font-style: italic;
                        padding-right: .05rem;
                        position: absolute;
                        left: .36rem;
                        top: 50%;
                        margin-top: -.25rem;
                    }

                    .jing_main_4 .body .right ul li:nth-child(2) {
                        margin-left: .79rem;
                    }

                    .jing_main_4 .body .right ul li:nth-child(3) {
                        margin-left: 1.58rem;
                    }

                .jing_main_4 .body .right li:hover {
                    background: #a60004;
                    color: #fff0d6;
                }

                .jing_main_4 .body .right .p {
                    font-size: 18px;
                    line-height: 40px;
                    color: #3c2213;
                    padding-left: 1.58rem;
                    padding-top: .2rem;
                    text-align: justify;
                }
.zhushiku{
  border-radius: 0.07rem;
  padding: .2rem 0rem;}
    .jing_main_5 {
        background-size: cover;
        overflow: hidden;
        padding: 1rem 0 1rem;
    }
.jxnai .jing_main_5{ padding-top: 0.3rem;}
        .jing_main_5 .body {
            position: relative;
        }

            .jing_main_5 .body .bd .left {
                width: 50%;
            }

                .jing_main_5 .body .bd .left h3 {
                    font-size: 30px;
                    color: #a60004;
                    line-height: 45px;
                    padding-bottom: .47rem;
                }

                .jing_main_5 .body .bd .left .p {
                    line-height: 40px;
                    font-size: 18px;
                    color: #3c2213;
                }

            .jing_main_5 .body .bd .right {
                width: 42%;
            }

                .jing_main_5 .body .bd .right img {
                    width: 100%;
                    vertical-align: top;
                    border-radius: .4rem .22rem .4rem .22rem;
                    box-shadow: -.1rem .1rem .0rem #ffffff;
                }

                    .jing_main_5 .body .bd .right img:hover {
                        box-shadow: -.1rem .1rem .0rem #a60004;
                    }

            .jing_main_5 .body .hd {
                position: absolute;
                left: 0;
                bottom: -.1rem;
                z-index: 10;
            }

                .jing_main_5 .body .hd::after {
                    position: absolute;
                    content: "";
                    border-bottom: 2px dashed #d9ad75;
                    top: 50%;
                    left: 2px;
                    right: 2px;
                    margin-top: -.01rem;
                }

                .jing_main_5 .body .hd li {
                    position: relative;
                    width: 1.3rem;
                    margin-right: .54rem;
                    float: left;
                    height: 1.3rem;
                    cursor: pointer;
                }

                    .jing_main_5 .body .hd li:last-child {
                        margin-right: 0;
                    }

                    .jing_main_5 .body .hd li.on h3 {
                        color: #a60004;
                        font-weight: bold;
                    }

                    .jing_main_5 .body .hd li.on .yuan {
                        background: linear-gradient(to right, #bd0106, #e11b21, #ba0005);
                    }

                .jing_main_5 .body .hd .yuan {
                    background: #eed0a9;
                    width: 1.3rem;
                    height: 1.3rem;
                    border-radius: 100%;
                    position: absolute;
                    text-align: center;
                    left: 0;
                    top: 50%;
                    margin-top: -.65rem;
                    z-index: 10;
                }

                    .jing_main_5 .body .hd .yuan .ico {
                        position: absolute;
                        width: .93rem;
                        left: 50%;
                        margin-left: -.465rem;
                        bottom: .19rem;
                    }

                    .jing_main_5 .body .hd .yuan .img {
                        width: .45rem;
                        height: .45rem;
                        position: absolute;
                        left: 50%;
                        margin-left: -.225rem;
                        top: .18rem;
                    }

                    .jing_main_5 .body .hd .yuan h3 {
                        position: absolute;
                        width: 100%;
                        font-size: 20px;
                        color: #89402a;
                        width: .4rem;
                        left: 50%;
                        margin-left: -.2rem;
                        bottom: .37rem;
                    }

    @media (max-width: 1440px) {
        .jing_main_1 .body {
            height: 600px;
        }

            .jing_main_1 .body .item h3 {
                font-size: 35px;
            }

            .jing_main_1 .body .item .p {
                width: 46%;
                font-size: 16px;
            }

        .jing_main_3 .body .left ul li {
            width: 1.5rem;
            height: 1.5rem;
        }

            .jing_main_3 .body .left ul li h3 {
                font-size: 44px;
                padding-top: .4rem;
                line-height: 34px;
            }

            .jing_main_3 .body .left ul li.l3 h3 {
                font-size: 38px;
                line-height: 34px;
                padding-top: 0.2rem;
            }

            .jing_main_3 .body .left ul li h3 i {
                font-size: 18px;
            }

            .jing_main_3 .body .left ul li p {
                font-size: 16px;
            }

        .jing_main_3 .body .left .txt .p {
            font-size: 16px;
        }

        .jing_main_3 .body .left ul li:nth-child(2) {
            margin-top: .4rem;
        }

        .jing_main_3 .body .left ul {
            padding-bottom: .3rem;
        }

        .jing_main_3 .body .left .txt h3 {
            margin-bottom: .2rem;
        }

        .jing_main_3 .body .right {
            padding-top: .25rem;
        }

        .jing_main_4 .body .right ul li {
            line-height: .8rem;
            font-size: 30px;
            margin-bottom: .2rem;
        }

        .jing_main_4 .body .right .p {
            font-size: 16px;
            line-height: 30px;
        }

        .jing_main_5 .body .hd {
            bottom: -.25rem;
        }

            .jing_main_5 .body .hd::after {
                margin-top: -.1rem;
            }

        .jing_main_5 .body .bd .left h3 {
            font-size: 26px;
            padding-bottom: .2rem;
            line-height: 40px;
        }

        .jing_main_5 .body .bd .left .p {
            line-height: 30px;
            font-size: 15px;
        }

        .jing_main_5 .body .hd li {
            margin-right: .3rem;
            width: 1.1rem;
            height: 1.1rem;
        }

        .jing_main_5 .body .hd .yuan {
            width: 1.1rem;
            height: 1.1rem;
        }

            .jing_main_5 .body .hd .yuan .ico {
                width: .83rem;
                margin-left: -.415rem;
                bottom: .15rem;
            }

            .jing_main_5 .body .hd .yuan h3 {
                bottom: .3rem;
            }
    }

    @media (max-width: 1200px) {
        .jing_main_1 .body {
            height: 5.5rem;
        }

            .jing_main_1 .body .item h3 {
                font-size: .3rem;
                line-height: .45rem;
                padding-top: .5rem;
                padding-bottom: .3rem;
            }

            .jing_main_1 .body .item {
                padding-left: .5rem;
            }

                .jing_main_1 .body .item .p {
                    font-size: .24rem;
                    line-height: .45rem;
                    width: 100%;
                    padding-right: .5rem;
                }

            .jing_main_1 .body .hd {
                bottom: .2rem;
                right: .4rem;
            }

        .jing_main_2 #certify .swiper-slide p {
            line-height: .4rem;
            display: flex;
            font-size: .24rem;
            padding: .3rem .2rem .3rem;
            height: 2.7rem;
            align-items: flex-end;
        }

        .jing_main_2 #certify .swiper-slide {
            width: 6.5rem;
            height: 3.66rem;
        }

        .jing_main_2 .ul .yuan h3 {
            font-size: .24rem;
        }

        .jing_main_2 .ul .item {
            width: 1.5rem;
            height: 1.5rem;
        }

        .jing_main_2 .ul .yuan {
            width: 1.5rem;
            height: 1.5rem;
        }

            .jing_main_2 .ul .yuan .ico {
                width: 1.13rem;
                margin-left: -.565rem;
            }

            .jing_main_2 .ul .yuan h3 {
                bottom: .55rem;
            }

            .jing_main_2 .ul .yuan .img {
                top: .14rem;
            }

        .jing_main_3 .body .left {
            width: 100%;
            text-align: center;
            float: none;
        }

        .jing_main_3 .body .right {
            width: 96%;
            margin: 0 auto;
            float: none;
            margin-top: .3rem;
        }

        .jing_main_3 .body .left ul {
            display: inline-block;
        }

            .jing_main_3 .body .left ul li {
                width: 1.8rem;
                margin-left: .2rem;
                height: 1.8rem;
            }

                .jing_main_3 .body .left ul li h3 {
                    font-size: .5rem;
                    line-height: .45rem;
                    padding-top: .42rem;
                }

                .jing_main_3 .body .left ul li.l3 h3 {
                    font-size: .4rem;
                    line-height: .34rem;
                    padding-top: .3rem;
                }

                .jing_main_3 .body .left ul li h3 i {
                    font-size: .2rem;
                }

                .jing_main_3 .body .left ul li p {
                    font-size: .24rem;
                    line-height: .24rem;
                }

        .jing_main_3 .body .left .txt {
            text-align: left;
            width: 94%;
            margin: 0 auto;
        }

            .jing_main_3 .body .left .txt h3 {
                font-size: .3rem;
            }

            .jing_main_3 .body .left .txt .p {
                font-size: .26rem;
                line-height: .45rem;
                padding-right: 0;
            }

        .jing_main_4 .body .left {
            width: 96%;
            margin: 0 auto;
            float: none;
            position: relative;
        }

        .jing_main_4 .body .right {
            width: 100%;
            padding-left: 0;
            margin-top: .3rem;
            float: none;
        }

            .jing_main_4 .body .right ul li {
                font-size: .3rem;
            }

                .jing_main_4 .body .right ul li b {
                    font-size: .2rem;
                }

                .jing_main_4 .body .right ul li:nth-child(2) {
                    margin-left: .4rem;
                }

                .jing_main_4 .body .right ul li:nth-child(3) {
                    margin-left: .8rem;
                }

            .jing_main_4 .body .right .p {
                padding-left: .4rem;
                padding-right: .4rem;
                font-size: .26rem;
                line-height: .45rem;
            }

        .jing_main_5 .body {
            padding-top: 2rem;
        }

            .jing_main_5 .body .bd .left {
                width: 96%;
                margin: 0 auto;
                margin-bottom: .5rem;
                float: none;
            }

            .jing_main_5 .body .bd .right {
                width: 96%;
                margin: 0 auto;
                float: none;
            }

            .jing_main_5 .body .bd .left h3 {
                font-size: .3rem;
                line-height: .45rem;
            }

            .jing_main_5 .body .bd .left .p {
                font-size: .26rem;
                line-height: .45rem;
            }

            .jing_main_5 .body .hd {
                bottom: auto;
                top: 0;
                width: 100%;
                text-align: center;
            }

                .jing_main_5 .body .hd::after {
                    left: 6%;
                    right: 6%;
                    margin-top: -.01rem;
                }

                .jing_main_5 .body .hd ul {
                    display: inline-block;
                }

                .jing_main_5 .body .hd li {
                    width: 1.5rem;
                    height: 1.5rem;
                    margin-right: 0;
                    margin-left: .2rem;
                }

                    .jing_main_5 .body .hd li:first-child {
                        margin-left: 0;
                    }

                    .jing_main_5 .body .hd li .yuan {
                        width: 1.5rem;
                        height: 1.5rem;
                    }

                .jing_main_5 .body .hd .yuan .ico {
                    width: 1.1rem;
                    margin-left: -.55rem;
                }

                .jing_main_5 .body .hd .yuan h3 {
                    font-size: .3rem;
                    width: .85rem;
                    margin-left: -.425rem;
                    bottom: .4rem;
                }
    }

    .contact_main_1 {
        /* background: linear-gradient(to right, #f9e5c2, #fbeed4, #f9e5c2); */
        overflow: hidden;
        padding: 1rem 0 0;
    }

        .contact_main_1 .body {
            border: 1px solid #d4ae90;
            border-radius: .15rem;
            padding: .55rem .58rem;
            background: linear-gradient(to bottom, #ffffff, #fffdf9);
        }
            .contact_main_1 .body dl {
                display: flex;
                justify-content: space-between;
                padding-bottom: .7rem;
            }

                .contact_main_1 .body dl dd {
                    position: relative;
                    padding-left: 1.22rem;
                }

                    .contact_main_1 .body dl dd img {
                        width: .96rem;
                        position: absolute;
                        left: 0;
                        top: 0;
                    }

                    .contact_main_1 .body dl dd h3 {
                        font-size: 24px;
                        color: #89402a;
                        padding-top: .25rem;
                    }

                    .contact_main_1 .body dl dd p {
                        font-size: 32px;
                        color: #a06430;
                        font-weight: bold;
                    }

                    .contact_main_1 .body dl dd:last-child p {
                        font-size: 20px;
                        font-weight: 400;
                        padding-top: .1rem;
                    }

            .contact_main_1 .body #map1_container {
                width: 100%;
                height: 3.78rem;
                border-radius: .15rem;
                overflow: hidden;
            }
            .contact_main_1 .body #map1_container #allmap_1{width: 100%;
                height: 100%;
                position: relative;
                margin: 0 auto;
                max-width: 1400px;
                margin-top: 0.2rem;}
            .contact_main_1 .body #map1_container #allmap_1 img{}

    .contact_main_2 {
        /* background: linear-gradient(to right, #f9e5c2, #fbeed4, #f9e5c2); */
        overflow: hidden;
        padding: 1rem 0;
    }

        .contact_main_2 .body {
            border: 1px solid #cd9352;
            border-radius: .15rem;
            width: 100%;
            overflow: hidden;
            background: linear-gradient(to bottom, #fff, #fff);
        }

            .contact_main_2 .body table {
                width: 100%;
                text-align: left;
            }

                .contact_main_2 .body table tr td {
                    line-height: .4rem;
                    font-size: 16px;
                    color: #371e12;
                    border-left: 1px solid #d09b71;
                }

                    .contact_main_2 .body table tr td .p {
                        line-height: .3rem;
                        text-align: left;
                        font-size: 14px;
                        padding: 0 10px;
                    }

                    .contact_main_2 .body table tr td:first-child {
                        border: none;
                    }

                .contact_main_2 .body table tr:first-child td {
                        /* background: linear-gradient(to right, #d59b58, #bd8246); */
                    background: #cd9352;
                    line-height: .8rem;
                    color: #fff9e0;
                    font-size: 30px;
                    font-weight: bold;
                    border: none;
                }

                .contact_main_2 .body table tr:nth-child(2n+1) {
                    background: #f9f2e9;
                }

    .contact_main_3 {
        /* background: linear-gradient(to right, #f9e5c2, #fbeed4, #f9e5c2); */
        overflow: hidden;
    }

        .contact_main_3 .body {
            padding-top: .5rem;
        }

        .contact_main_3 .item {
            margin-bottom: 1rem;
            position: relative;
        }
.contact_main_3 .item:last-child{ margin-bottom: 0.3rem;}

            .contact_main_3 .item .top {
                background: #d09b71;
                border-radius: .27rem;
                color: #fff;
                font-size: 24px;
                line-height: 34px;
                height: 1.21rem;
                position: absolute;
                left: .5rem;
                top: -.61rem;
                z-index: 10;
                width: 80%;
                padding-left: .97rem;
                display: flex;
                align-items: center;
                padding-right: .97rem;
            }
.contact_main_3 .item .top sup{ font-size: 0.24rem;vertical-align: 0.01rem;}

                .contact_main_3 .item .top b {
                    position: absolute;
                    font-size: 60px;
                    color: #632118;
                    font-weight: 400;
                    left: .26rem;
                    height: 100%;
                    line-height: 1.21rem;
                }

                .contact_main_3 .item .top i {
                    width: .29rem;
                    height: .21rem;
                    background-position: -.45rem 0;
                    position: absolute;
                    left: .32rem;
                    bottom: -.21rem;
                }

            .contact_main_3 .item .bott {
                    background: linear-gradient(to right, #ffffff, #fffdf9);
                border: 1px solid #d4ae90;
                border-radius: .27rem;
                padding: .95rem .77rem .4rem .98rem;
                font-size: 18px;
                color: #9f5930;
                line-height: 30px;
                position: relative;
            }

                .contact_main_3 .item .bott s {
                    font-style: initial;
                    vertical-align: super;
                    font-size: 14px;
                    text-decoration: initial;
                }

                .contact_main_3 .item .bott i {
                    position: absolute;
                    left: .29rem;
                    font-size: 60px;
                    color: #d09b71;
                    line-height: .6rem;
                }

            .contact_main_3 .item:hover .top {
                background: #c40004;
            }

                .contact_main_3 .item:hover .top i {
                    background-position: -.85rem 0;
                }

                .contact_main_3 .item:hover .top b {
                    color: #fff;
                }

    @media (max-width: 1440px) {
        .contact_main_1 .body dl dd img {
            width: .7rem;
        }

        .contact_main_1 .body dl dd {
            padding-left: .8rem;
        }

            .contact_main_1 .body dl dd p {
                font-size: 23px;
            }

            .contact_main_1 .body dl dd h3 {
                font-size: 20px;
                padding-top: .2rem;
            }

            .contact_main_1 .body dl dd:last-child p {
                font-size: 17px;
            }

        .contact_main_2 .body table tr:first-child td {
            font-size: 22px;
        }

        .contact_main_2 .body table tr td {
            font-size: 16px;
        }

        .contact_main_3 .item .top {
            font-size: 20px;
        }

        .contact_main_3 .item .bott {
            font-size: 16px;
        }
    }

    @media (max-width: 1200px) {
        .contact_main_1 .body dl {
            flex-wrap: wrap;
        }

            .contact_main_1 .body dl dd h3 {
                font-size: .24rem;
            }

            .contact_main_1 .body dl dd p {
                font-size: .3rem;
            }

            .contact_main_1 .body dl dd:last-child {
                margin-top: .2rem;
            }

                .contact_main_1 .body dl dd:last-child p {
                    font-size: .24rem;
                }

        .contact_main_2 .body table tr:first-child td {
            font-size: .24rem;
            line-height: .45rem;
        }

        .contact_main_2 .body table tr td {
            font-size: .22rem;
            line-height: .4rem;
        }

            .contact_main_2 .body table tr td .p {
                font-size: .2rem;
                line-height: .4rem;
            }

        .contact_main_3 .item .top {
            font-size: .26rem;
            line-height: .4rem;
            padding-right: .2rem;
            width: 90%;
            height: 1.3rem;
        }

            .contact_main_3 .item .top b {
                font-size: .6rem;
                line-height: 1.3rem;
            }

        .contact_main_3 .item .bott {
            font-size: .24rem;
            line-height: .45rem;
            padding: .95rem .5rem .4rem .98rem;
        }

            .contact_main_3 .item .bott i {
                font-size: .6rem;
                line-height: .6rem;
            }
            .contact_main_1 .body #map1_container #allmap_1 {
            position: relative;
            }
                        .contact_main_1 .body #map1_container #allmap_1 img {
                        position: absolute;
                            top: 50%;
                            left: 50%;
                            transform: translate(-50%, -50%);
                        }
    }

    .user_1_main {
        /* background: linear-gradient(to right, #f9e5c2, #fbeed4, #f9e5c2); */
        overflow: hidden;
        padding: 0rem 0 .9rem;
    }
    .zaoc{ padding-top: 0.9rem; }
.zao{ padding-top: 0.9rem; }
    .zao .user_1_main:nth-child(2) .index_title{ display: none;}
.zao .user_1_main:nth-child(1) {padding: 0 0 0.4rem;}
        .user_1_main .box {
            background: linear-gradient(to bottom, #faeacb, #fffbf0);
            border: 1px solid #d4ae90;
            border-radius: .7rem .15rem .7rem .15rem;
            margin-bottom: .64rem;
        }

            .user_1_main .box .top {
                padding-top: .5rem;
                padding-bottom: .3rem;
            }

                .user_1_main .box .top h3 {
                    font-size: 34px;
                    color: #a60004;
                    font-weight: bold;
                    float: left;
                }

                    .user_1_main .box .top h3 i {
                        width: .5rem;
                        height: .52rem;
                        background-position: 0 -.35rem;
                        margin-right: .2rem;
                    }

                .user_1_main .box .top .more {
                    float: right;
                }

            .user_1_main .box .left {
                padding-left: .57rem;
                width: 33.6%;
                padding-bottom: .5rem;
            }

                .user_1_main .box .left .p {
                    line-height: 40px;
                    font-size: 18px;
                    height: 2.8rem;
                    overflow: auto;
                    padding-right: .9rem;
                }

                    .user_1_main .box .left .p::-webkit-scrollbar {
                        width: 6px;
                        height: 5px;
                    }

                    .user_1_main .box .left .p::-webkit-scrollbar-thumb {
                        width: 6px;
                        border-radius: 4px;
                        background: #d09b71;
                    }

                    .user_1_main .box .left .p::-webkit-scrollbar-track {
                        border-radius: 5px;
                        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
                        background: #f1dfd0;
                    }

            .user_1_main .box .right {
                width: 66%;
                position: relative;
            }

                .user_1_main .box .right img {
                    position: absolute;
                    right: 0rem;
                    top: 0;
                    border-radius: .7rem .15rem .7rem .15rem;
                    border-bottom: .1rem solid #d09b71;
                    width: 100%;
                    vertical-align: top;
                }

                .user_1_main .box .right:hover img {
                    border-bottom: .1rem solid #a60004;
                }

        .user_1_main .box2 {
            position: relative;
        }

            .user_1_main .box2 li {
                float: left;
                width: 23%;
                margin-left: 2%;
                margin-bottom: 43px;
                position: relative;
                z-index: 2;
            }

                .user_1_main .box2 li .img {
                    display: block;
                    position: relative;
                    padding-top: 75%;
                    width: 100%;
                    overflow: hidden;
                    border-radius: .35rem .1rem .35rem .1rem;
                }

                    .user_1_main .box2 li .img img {
                        display: block;
                        position: absolute;
                        left: 0;
                        top: 0;
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        vertical-align: top;
                    }

                    .user_1_main .box2 li .img p {
                        position: absolute;
                        left: 0;
                        bottom: 0;
                        padding: 0 .3rem;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        z-index: 10;
                        width: 100%;
                        height: .7rem;
                        opacity: 0;
                        background: linear-gradient(to right, #ca0005, #880002);
                        line-height: .7rem;
                        border-radius: .3rem .07rem 0 0;
                        font-size: 18px;
                        color: #fff;
                    }

                .user_1_main .box2 li:first-child {
                    width: 50%;
                    margin-left: 0;
                    margin-bottom: 0;
                }

                    .user_1_main .box2 li:first-child .img {
                        border-radius: .75rem .15rem .75rem .15rem;
                    }

                .user_1_main .box2 li:hover img {
                    -webkit-filter: brightness(110%);
                    filters: brightness(110%);
                }

                .user_1_main .box2 li:hover .img p {
                    opacity: 1;
                }

                .user_1_main .box2 li:nth-child(4),
                .user_1_main .box2 li:nth-child(5) {
                    margin-bottom: 0;
                }

            .user_1_main .box2:before {
                content: "";
                display: block;
                position: absolute;
                left: 0;
                top: .4rem;
                border-radius: .7rem .15rem .7rem .15rem;
                border: 0px solid #d09b71;
                z-index: 1;
                right: .38rem;
                bottom: 0;
            }

        .user_1_main #certify {
            position: relative;
        }

            .user_1_main #certify .swiper-slide {
                width: 7.9rem;
                height: 5.93rem;
                border-radius: .7rem .15rem .7rem .15rem;
                background: #fff;
                overflow: hidden;
                border: .06rem solid #e3c79f;
                position: relative;
            }

                .user_1_main #certify .swiper-slide img {
                    display: block;
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    position: relative;
                    z-index: 9;
                }

                .user_1_main #certify .swiper-slide p {
                    position: absolute;
                    bottom: 0;
                    z-index: 10;
                    left: 50%;
                    margin-left: -1.405rem;
                    width: 2.81rem;
                    height: .58rem;
                    line-height: .58rem;
                    background: linear-gradient(to right, #ca0005, #880002);
                    text-align: center;
                    font-size: 18px;
                    color: #fff8e2;
                    border-radius: .24rem .24rem .03rem .03rem;
                    opacity: 0;
                    padding: 0 .1rem;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }

            .user_1_main #certify .swiper-pagination {
                width: 100%;
                bottom: 20px;
            }

            .user_1_main #certify .swiper-pagination-bullets .swiper-pagination-bullet {
                margin: 0 5px;
                border: 3px solid #fff;
                background-color: #d5d5d5;
                width: 10px;
                height: 10px;
                opacity: 1;
            }

            .user_1_main #certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
                border: 3px solid #00aadc;
                background-color: #fff;
            }

            .user_1_main #certify .swiper-button-prev {
                left: 50%;
                margin-left: -4.19rem;
                width: .48rem;
                height: .5rem;
                background: url(../images/f1_left.png) no-repeat;
                background-size: 100%;
            }

            .user_1_main #certify .swiper-button-next {
                margin-left: 3.71rem;
                left: 50%;
                width: .48rem;
                height: .5rem;
                background: url(../images/f1_right.png) no-repeat;
                background-size: cover;
            }

            .user_1_main #certify .swiper-slide-active p {
                opacity: 1;
            }

    .user_2_main {
        /*background: linear-gradient(to right, #f9e5c2, #fbeed4, #f9e5c2);*/
        overflow: hidden;
        padding: .9rem 0 1rem;
    }

        .user_2_main .body {
            background: linear-gradient(to bottom, #faeacb, #fffbf0);
            border: 1px solid #d4ae90;
            border-radius: .7rem .15rem .7rem .15rem;
            margin-right: .62rem;
            padding: 0 .7rem .2rem .6rem;
            padding-top: .52rem;
        }

            .user_2_main .body .left {
                width: 58%;
            }

                .user_2_main .body .left li {
                    float: left;
                    text-align: left;
                    width: 50%;
                    padding-bottom: .8rem;align-items: center; justify-content: left;display: flex;
                    transition: ease-in-out .2s;
                }

                    .user_2_main .body .left li img {
                        width: 1.34rem;
                        height: 1.34rem;
                        border-radius: .1rem;
                      float: left; margin-right: 26px;
                    }
.user_2_main .body .left li .p{ }

                    .user_2_main .body .left li h3 {
                        font-size: 26px;
                        color: #934f15;
                        font-weight: bold;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }

                    .user_2_main .body .left li p {
                        font-size: 16px;
                        color: #3b1e19;
                        padding-top: .05rem;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }

                    .user_2_main .body .left li:hover {
                        transform: translateY(-5px);
                    }

            .user_2_main .body .right {
                width: 40%;
            }

                .user_2_main .body .right h3 {
                    color: #a60004;
                    font-size: 30px;
                    font-weight: bold;
                    line-height: 45px;
                    margin-bottom: .47rem;
                }

                .user_2_main .body .right li {
                    width: 45%; background: linear-gradient(to right, #d69c59, #9f6330);
                    float: left;
                    text-align: center;
                    padding: .13rem;
                    border-radius: .05rem;
                }

                    .user_2_main .body .right li img {
                        width: 100%;
                        border-radius: .05rem;
                    }

                    .user_2_main .body .right li p {
                        font-size: 18px;
                        color: #fff;
                        padding-top: .16rem;
                        padding-bottom: .1rem;
                    }

                    .user_2_main .body .right li:hover {
                        background: #a60004;
                    }

                        .user_2_main .body .right li:hover p {
                            color: #fff;
                        }

                    .user_2_main .body .right li:nth-child(2) {
                        float: right;
                    }

    @media (max-width: 1440px) {
        .user_1_main .box .left .p {
            line-height: 30px;
            height: 1.8rem;
            font-size: 15px;
        }

        .user_1_main .box .right img {
            height: 4.48rem;
            object-fit: cover;
        }

        .user_1_main .box2 li {
            margin-bottom: .33rem;
        }

        .user_1_main #certify .swiper-slide {
            width: 6.9rem;
            height: 5.18rem;
        }

        .user_1_main #certify .swiper-button-prev {
            margin-left: -3.69rem;
        }

        .user_1_main #certify .swiper-button-next {
            margin-left: 3.21rem;
        }

        .user_2_main .body .left li h3 {
            font-size: 22px;
        }

        .user_2_main .body .left li p {
            font-size: 14px;
        }
    }

    @media (max-width: 1200px) {
        .user_1_main .box {
            margin-right: 0;
            overflow: hidden;
        }

            .user_1_main .box .left {
                width: 100%;
                padding-right: .57rem;
            }

            .user_1_main .box .top h3 {
                font-size: .4rem;
            }

            .user_1_main .box .left .p {
                line-height: .45rem;
                height: auto;
                font-size: .26rem;
                padding-right: 0;
            }

            .user_1_main .box .right {
                width: 100%;
            }

                .user_1_main .box .right img {
                    position: relative;
                    right: 0;
                    border: none;
                    border-radius: 0.7rem 0.15rem 0.7rem 0rem;
                }

        .user_1_main #certify .swiper-slide p {
            width: 80%;
            margin-left: -40%;
            font-size: .28rem;
        }

        .user_1_main .box2 li:first-child {
            width: 100%;
            margin-bottom: .2rem;
        }

        .user_1_main .box2 li {
            width: 48%;
            margin-left: 0;
        }

            .user_1_main .box2 li .img p {
                font-size: .24rem;
            }

            .user_1_main .box2 li:nth-child(3),
            .user_1_main .box2 li:nth-child(5) {
                float: right;
            }

        .user_2_main .body .left {
            width: 100%;
            float: none;
        }

        .user_2_main .body {
            margin-right: 0;
            padding: .5rem .1rem;
        }

            .user_2_main .body .left li h3 {
                font-size: .3rem;
            }

            .user_2_main .body .left li p {
                font-size: .2rem;
            }

            .user_2_main .body .right {
                width: 94%;
                margin: 0 auto;
                padding-top: .5rem;
                float: none;
            }

                .user_2_main .body .right h3 {
                    font-size: .4rem;
                    line-height: .5rem;
                }

                .user_2_main .body .right li p {
                    font-size: .28rem;
                }
    }

    .floor_3_main .ny_floor3 .swiper-slide {
        margin-bottom: .3rem;
        float: left;
        width: 23.2%;
        margin-right: 2.4%;
    }

        .floor_3_main .ny_floor3 .swiper-slide:nth-child(4n) {
            margin-right: 0;
        }

    @media (max-width: 1440px) {
        .floor_3_main .ny_floor3 .swiper-slide {
            height: 4rem;
        }
    }

    @media (max-width: 1200px) {
        .map_ul {
            font-size: .3rem;
        }

        .floor_3_main .ny_floor3 .swiper-slide {
            width: 31.3333%;
            height: 3.8rem;
        }

            .floor_3_main .ny_floor3 .swiper-slide:nth-child(2n) {
                margin-right: 2%;
            }

            .floor_3_main .ny_floor3 .swiper-slide:nth-child(4n) {
                margin-right: 2%;
            }

            .floor_3_main .ny_floor3 .swiper-slide:nth-child(3n) {
                margin-right: 0;
            }

            .floor_3_main .ny_floor3 .swiper-slide h3 {
                font-size: 20px;
            }

            .floor_3_main .ny_floor3 .swiper-slide h4 {
                font-size: 16px;
            }

            .floor_3_main .ny_floor3 .swiper-slide p {
                font-size: 14px;
            }

        .news_detail .title h1 {
            font-size: .45rem;
            line-height: .55rem;
        }

        .news_detail .title .marks span {
            font-size: .24rem;
        }

        .news_detail .title .fl {
            float: none;
            margin-bottom: .2rem;
        }

        .news_detail .title .fr {
            float: none;
        }

        .news_detail .title .marks span.t2 {
            margin-right: .15rem;
        }

        .bdshare-slide-button-box {
            display: none !important;
        }

        .news_detail .context {
            line-height: .45rem !important;
            font-size: .26rem !important;
        }

            .news_detail .context p,
            .news_detail .context span {
                font-size: .26rem !important;
                line-height: .45rem !important;
            }

        .single_center .about_con {
            font-size: .26rem;
        }

        .searchPage .item h3 {
            font-size: .4rem;
            line-height: .5rem;
        }

        .searchPage .item .txt {
            font-size: .26rem;
            line-height: .45rem
        }

        .rightFix a b {
            display: none;
        }
    }

    @media (max-width: 780px) {
        .floor_3_main .ny_floor3 .swiper-slide {
            width: 49%;
            height: 4.5rem;
            margin-right: 0;
        }

            .floor_3_main .ny_floor3 .swiper-slide:nth-child(3n) {
                margin-right: 0;
            }

            .floor_3_main .ny_floor3 .swiper-slide:nth-child(2n) {
                margin-right: 0;
                float: right;
            }

            .floor_3_main .ny_floor3 .swiper-slide h3 {
                font-size: .3rem;
            }

            .floor_3_main .ny_floor3 .swiper-slide h4 {
                font-size: .2rem;
            }

            .floor_3_main .ny_floor3 .swiper-slide p {
                font-size: .24rem;
            }
    }

    .huan_main .index_title h3 {
        color: #81308d;
    }

    .huan_main .proer_4 .item h3 {
        color: #81308d;
        background: url(../images/pro_305.png) no-repeat;
    }

    .huan_main .huan_2 {
        padding-top: 1rem;
    }

    .huan_main .proxi_box1 .item .li .txt h3 {
        color: #81308d;
    }

    .huan_main .huan_3 .body {
        background: #fff url(../images/huan_bg.jpg) center bottom no-repeat;
        background-size: 100% auto;
        border: 1px solid #d4ae90;
        border-radius: .26rem;
    }

        .huan_main .huan_3 .body .item {
            text-align: center;
            background: none !important;
            border: none !important;
        }

    .huan_main .prohz_4 .body .item img {
        margin-bottom: .2rem;
    }

    .huan_main .prohz_4 .body .item h3 {
        color: #915d32;
    }

    .you_main .index_title h3 {
        color: #e7d27f;
    }

    .you_main .index_title p {
        font-size: 18px;
        font-weight: bold;
    }

        .you_main .index_title p i {
            font-size: 12px;
            vertical-align: super;
        }

    .you_main .proma_1 {
        padding-bottom: 0;
    }

        /* .you_main .proma_1 .item:hover {
            background: #a60004;
        } */

        .you_main .proma_1 .item h3 {
            color: #a60004;
            font-size: 27px;
        }

    .you_main .prohz_1 .body .item .li .txt {
        padding-left: .5rem;
    }

        .you_main .prohz_1 .body .item .li .txt h3 {
            color: #a60004;
        }

        .you_main .prohz_1 .body .item .li .txt:hover {
        
        }

    .you_main .prohz_2 .item .body {
        background: linear-gradient(to bottom, #024429, #036035);
    }

    .you_main .proxi_box1 .item .li .txt h3 {
        color: #00753e;
    }

    .you_main .huan_3 .body {
        background: #fff url(../images/huan_bg.jpg) center bottom no-repeat;
        background-size: 100% auto;
        border: 1px solid #d4ae90;
        border-radius: .26rem;
    }

        .you_main .huan_3 .body .item {
            text-align: center;
            background: none !important;
            border: none !important;
        }

    .you_main .prohz_2 .item .img img {
        width: 100%;
        vertical-align: top;
    }
    
    .you_main .prohz_2 .item .body img {
        margin-bottom: 0;
    }

.you_main .prohz_2.yllt .item .img2,.you_main .prohz_2.yllt .item .img4{ display: none;}

    .you_main .prohz_2 .item .body h3 {
        color: #ffffe0;
    }

    .you_main .prohz_2 .item .body .p {
        color: #ffffe0;
    }

    .you_main .prohz_2 .item:nth-child(2) .body h3 {
        background: url(../images/prohz_2_bg_t.png) no-repeat;
        width: 5.13rem;
        background-size: 100% auto;
    }

    @media (max-width: 1440px) {
        .you_main .proma_1 .item h3 {
            font-size: 20px;
        }
    }

    @media (max-width: 1200px) {
      .you_main .prohz_2.yllt .item .img2,.you_main .prohz_2.yllt .item .img4{ display: block;}
      .you_main .prohz_2.yllt .item .img1,.you_main .prohz_2.yllt .item .img3{ display: none;}
        .huan_main .proer_4 .item h3 {
            width: 3.05rem;
            background-size: 100% auto;
        }

        .huan_main .huan_3 .body .item img {
            width: 2rem; 
        }

        .huan_main .huan_3 .body .item {
            padding-bottom: .0rem;
            flex-basis: 50%;
            padding-top: .5rem;
        }

        .huan_main .huan_3 .body {
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;
        }

            .huan_main .huan_3 .body .item:last-child {
                padding-bottom: 1.5rem;
            }

        .you_main .proma_1 .item .p {
            padding-right: .2rem;
        }

        .you_main .index_title p i {
            font-size: .18rem;
        }
    }



    /****放最后*****/
    @media (max-width: 1440px) {
        .w1600 {
            width: 90%;
            margin: 0 5%;
        }

        .w1400 {
            width: 90%;
            margin: 0 5%;
        }
      .index_title h2 {
        font-size: 50px;
      }
        .index_title h3 {
            font-size: 50px;
        }
    }

    @media (max-width: 1170px) {
      .prohz_main .prohz_1 .body .item .li .txt h3 sup {vertical-align: 0.08rem;}
      .youlan .prohz_1 .index_title sup {vertical-align: 0.16rem;}
      .you_main .index_title p {font-size: 0.24rem;line-height: 0.4rem;}
      .na_3 .body .item h3 {top: 0.6rem;}
      .nla2_4 .nh4 {font-size: 0.26rem;}
      .bzi_3 .body .p img{ width: 100%;margin: 0.2rem 0;}
      .hecun_1 .body1 .li .txt h3 sup {vertical-align: 0.16rem;}
      .hecun_1 .body2 .item2 .li .txt h3 sup {vertical-align: 0.16rem;}
      .yaz_2 .body .item1 sup {vertical-align: 0.1rem;}
      .qiaz_3 .body .qi_q1 .body1 .txt h3 sup {vertical-align: 0.16rem;}
      .qiaz_3 .body .qi_q2 .body1 .txt h3 sup {vertical-align: 0.16rem;}
      .qiaz_4 .body h3 sup {vertical-align: 0.16rem;}
      .qiaz_7 .body .item .li .txt h3 sup {vertical-align: 0.16rem;}
      .qiaz_8 .body .item .li h3 sup {vertical-align: 0.16rem;}
      .qiaz_9 .body .h3 {font-size: 0.28rem;}
      .fur_1 .body .h3 sup {vertical-align: 0.16rem;}
      .er4_1 .con .body .txt h3 sup {vertical-align: 0.16rem;}
      .bof_2 .body .item1 .li h3 sup {vertical-align: 0.16rem;}
      .bof_4 .body .item .li h3 sup {vertical-align: 0.16rem;}
      .gaoli_2 .body .item .li h3 sup {vertical-align: 0.16rem;}
      .gaoyou_1 .body .h3 sup {vertical-align: 0.16rem;}
      .gaoyou_1 .body .li .liti h3 sup {vertical-align: 0.16rem;}
      .gaoyou_2 .body .li .liti h3 sup {vertical-align: 0.16rem;}
      .gaoyou_3 .body .li .liti h3 sup {vertical-align: 0.16rem;}
      .gaoyou_4 .body .li .liti h3 sup {vertical-align: 0.16rem;}
      .gaoyou_5 .gaoyou_51 .body .li h3 sup {vertical-align: 0.16rem;}
      .qiaz_6 .body .h3 sup{vertical-align: 0.16rem;}
      .qiaz_7 .index_title h4 sup{ vertical-align: 0.16rem;}
      .huanzi3 .body .li .txt .p {
        font-size: 0.26rem;
        min-height: 0.4rem;
        line-height: 0.4rem;
      }

        .w1600 {
            width: 88%;
            margin: 0 6%;
        }

        .w1400 {
            width: 88%;
            margin: 0 6%;
        }

        .index_title {
            padding-bottom: .56rem;
            background-size: auto .35rem;
        }
      .index_title h2 {
        font-size: .5rem;}
            .index_title h3 {
                font-size: .5rem;
                padding-bottom: .56rem;
                background-size: auto .32rem;
            }


            .index_title p {
                width: 86%;
                font-size: .24rem;
                padding-top: .2rem;
                line-height: .45rem;
                margin: 0 7%;
            }

        .more a {
            display: none;
            width: 2.2rem;
            height: .6rem;
            line-height: .6rem;
            font-size: .26rem;
            border-radius: .3rem;
        }

            .more a i {
                vertical-align: middle;
                margin-bottom: .04rem;
            }
            .user_1_main .left .more a {
                background: linear-gradient(to right, #d59c58, #a06431);
                color: #fff2d9;
                margin-top: 0.375rem;
            }
      .user_1_main .left .more a:hover{background: linear-gradient(to right, #ca0005, #880002);}

        .pc {
            display: none !important;
        }

        .mb {
            display: block !important;
        }
      .banner_m2.mb {
        display: none !important;
      }

        .reLink {
            height: auto;
            line-height: .6rem;
            font-size: .26rem;
            padding: .1rem .3rem;
        }

            .reLink .fl,
            .reLink .fr {
                float: none;
                width: 100%;
                text-align: left;
            }
    }

    @media(max-width:751px) {
        .w1600 {
            width: 94%;
            margin: 0 3%;
        }

        .w1400 {
            width: 94%;
            margin: 0 3%;
        }
    }

    @media only screen and (min-width: 751px) {
        html {
            font-size: 100px;
        }
    }

    @media only screen and (max-width: 750px) {
        html {
            font-size: 100px;
        }
    }

    @media only screen and (max-width: 640px) {
        html {
            font-size: 85.3333px;
        }
    }

    @media only screen and (max-width: 540px) {
        html {
            font-size: 72px;
        }
    }

    @media only screen and (max-width: 480px) {
        html {
            font-size: 64px;
        }
    }

    @media only screen and (max-width: 414px) {
        html {
            font-size: 55.2px;
        }
    }

    @media only screen and (max-width: 400px) {
        html {
            font-size: 53.3333px;
        }
    }

    @media only screen and (max-width: 375px) {
        html {
            font-size: 50px;
        }
    }

    @media only screen and (max-width: 360px) {
        html {
            font-size: 48px;
        }
    }

    @media only screen and (max-width: 320px) {
        html {
            font-size: 42.6666px;
        }
    }