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;
  background: #f9e5c2;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  /*移除移动端 cursor: pointer 时点击时有蓝色背景*/
  -webkit-tap-highlight-color: transparent;
  word-break: break-word;
}
* {
  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("../image/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);
  }
}
.w1400 {
  width: 1440px;
  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;
}
    .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;
  transition: ease-in-out .2s;
}
.header .logo {
  position: absolute;
  left: 37px;
  top: 38px;
  transition: ease-in-out .2s;
}
.header .logo a {
  width: 100%;
  height: 100%;
  display: block;
}
.header .logo img {
  height: 90px;
  display: block;
}
.header .search {
  position: absolute;
  right: 59px;
  top: 52px;
  transition: ease-in-out .2s;
  z-index: 100;
}
.header .search .search_btn {
  cursor: pointer;width:40px;height:40px;background:rgba(0,0,0,0.4);
  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: 52px;
  margin-right: 180px;
  float: right;
  transition: ease-in-out .2s;
}
.header .nav_main ul {
  display: inline-block;
  zoom: 1;
}
.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: #fff;
  background: rgba(27, 9, 4, 0.4);
  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: 70px;
        width: 100%;
        background: #f9e5c2 url(../image/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.hover a,
.header .nav_main li:hover a {
  background: #a60004;
}
.header .nav_main li:first-child {
  padding-left: 0;
}
.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 {
            border: 1px solid #eed1a9;
            background: none;
            color: #59331e;
        }
        .header.a_hover .search .search_btn {
            background: #edd0a8;
        }
        .header.a_hover .search .menu-btn {
            background: #edd0a8
        }
        .header.a_hover .nav_main li.hover a, .header.a_hover .nav_main li:hover a{background:#a60004;color:#fff;border:none;}
        /*****侧边导航*****/
        .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;
            background: rgba(0, 0, 0, 0.4);
        }
.menu-btn:hover {
  transform: scale(1.1);
}
.menubtn span {
  display: block;
  width: 18px;
  height: 2px;
  background: #fff;
  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: #fff;
  -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: #fff;
  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: #fff;
  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(../image/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(../image/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(../image/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%;
    }
        
        .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(../image/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("../image/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("../image/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 {
    margin-right: 120px;
  }
  .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: #edd0a8;
        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: #edd0a8;        
        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(../image/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(../image/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 {
    background: #e9d8bc url(../image/bottom_bg.jpg) center bottom no-repeat;
    padding-top: 105px;
    padding-bottom: 60px;
}
    .bottom_main .box1 img{width:197px;}
    .bottom_main dl {
        float: left;
        padding-left: 119px;
    }

        .bottom_main dl dt {
            margin-bottom: 26px;
            font-size: 18px;
            font-weight: bold;
        }

            .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 .tel {
        padding-top: 28px;
    }

        .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-right: 10px;
            margin-top: 30px;
            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(../image/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(../image/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;
                }

@media (max-width: 1250px) {
    .bottom_main dl {
        padding-left: 80px;
    }
}
/*手机站下拉subNav*/
.bottom_main_m {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0 1%;
    background: #e9d8bc;
    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(../image/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(../image/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(../image/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(../image/header_2.png) no-repeat;
            background-size: 100% 100%;
        }

        .bottom_main_m li .box a:last-child {
            border-bottom: 0;
        }

.bottom_copy {
    color: #fdfbf5;
    background: #910001;
    padding: 15px 0 15px;
}

    .bottom_copy a {
        color: #fdfbf5;
    }

        .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 {
  border-radius: 0 0 26px 26px;
  overflow: hidden;
}
.banner video {
  width: 100%;
  height:auto;
  background: #000;
  object-fit: cover;object-position:center center;
  background-size: cover;
  display: block;
}
.index_title {
    background: url(../image/index_tit_top.png) center top no-repeat;
    text-align: center;
    padding-top: 52px;
    padding-bottom: 56px;
}

    .index_title h3 {
        font-size: 56px;
        color: #a60004;
        font-weight: bold;
        padding-bottom: 56px;
        background: url(../image/index_tit_bottom.png) center bottom no-repeat;
    }

        .index_title h3 span,
        .index_title h3 i {
            vertical-align: top;
            font-size: 24px;
            font-family: arial;
            padding-left: .05rem;
            line-height: .45rem;
        }
.index_title p {
  font-size: 16px;
  line-height: 26px;
  color: #433935;
  padding-top: 20px;
  width: 57%;
  margin: 0 auto;
}
/*******floor_1_main******/
.floor_1_main {
  border-radius: 0 0 .26rem .26rem;
  overflow: hidden;
  background: url(../image/f1_bg.jpg) center bottom no-repeat;
  background-size: cover;
  padding-top: .75rem;
  padding-bottom: .9rem;overflow:hidden;
}
   
    .floor_1_main .index_title {
        padding-bottom: 5px;
    }
    .floor_1_main .swiper-container {
        overflow: hidden;
        height: 6.15rem;
        transform: translateY(-30px);
    }
.floor_1_main .swiper-container .bg {
  background: url(../image/f1_on.png) center center no-repeat;
  background-size: cover;
  width: 5rem;
  height: 5rem;
  position: absolute;
  left: 50%;
  margin-left: -2.5rem;
  top: 50%;
  margin-top: -2.5rem;
}
.floor_1_main .swiper-container .swiper-slide {
  text-align: center;display:block;
  align-items: center;
  transform: scale(0.9);
  transition: ease-in-out .2s;
}
.floor_1_main .swiper-container .swiper-slide .img {
  margin-top: 1.65rem;text-align:center;
}
.floor_1_main .swiper-container .swiper-slide .img img {
 
  width: 1.78rem;
  display: block;
  margin: 0 auto;
}
.floor_1_main .swiper-container .swiper-slide h3 {
  font-size: .2rem;
  padding-top: .2rem;
  transition: ease-in-out .2s;
}
.floor_1_main .swiper-container .swiper-slide p {
  font-size: .22rem;
  color: #c8a786;
  opacity: 0;
}
.floor_1_main .swiper-container .swiper-slide:hover {
  margin-top: -5px;
}
.floor_1_main .swiper-container .swiper-slide-prev {
  transform: translateX(-75px) scale(0.9);
}
.floor_1_main .swiper-container .swiper-slide-next {
  transform: translateX(75px) scale(0.9);
}
.floor_1_main .swiper-container .swiper-slide-active {
  transform: scale(0.95);
}
.floor_1_main .swiper-container .swiper-slide-active .img img {
  width: 2.28rem;
  margin: 0 auto;
}
.floor_1_main .swiper-container .swiper-slide-active p {
  opacity: 1;
  font-weight: bold;
}
.floor_1_main .swiper-container .swiper-slide-active h3 {
  font-size: .24rem;
  color: #ae0004;
}
.floor_1_main .swiper-container .swiper-button-next,
.floor_1_main .swiper-container .swiper-button-prev {
  width: .48rem;
  height: .5rem;
  background: url(../image/f1_left.png) no-repeat;
  left: 50%;
  margin-left: -2.35rem;
  background-size: cover;
}
.floor_1_main .swiper-container .swiper-button-next {
  background: url(../image/f1_right.png) no-repeat;
  margin-left: 1.85rem;
  background-size: cover;
}
.floor_1_m {display:none;
}
    @media (max-width: 1200px) {
        .floor_1_main .w1400 {
            width: 100% !important;
            margin: 0 !important;
        }
        .floor_1_main .swiper-container {
            height: 6.6rem;
            transform: translateY(.1rem);
            width: 6rem;
            margin: 0 auto;
        }

            .floor_1_main .swiper-container .bg {
                width: 6rem;
                height: 6rem;
                margin-left: -3rem;
                margin-top: -3rem;
            }
            .floor_1_main .swiper-container .swiper-slide .img{width:6rem;}
            .floor_1_main .swiper-container .swiper-slide-active .img {
                width: 6rem;
                margin: 0 auto;
                margin-top: 1.65rem;
            }
            .floor_1_main .swiper-container .swiper-slide-active .img a {
                display: block;
            }
            .floor_1_main .swiper-container .swiper-slide-active .img img {
                width: 2.58rem;
            }
            .floor_1_main .swiper-container .swiper-slide-active h3 {
                font-size: .32rem;
                color: #ae0004;
                padding-top: .2rem;width:6rem;text-align:center;
            }
                .floor_1_main .swiper-container .swiper-button-next, .floor_1_main .swiper-container .swiper-button-prev {
                    margin-left: -2.7rem;
                }

            .floor_1_main .swiper-container .swiper-button-next {
                margin-left: 2.1rem;
            }
    }
    /********floor_1_main end*******/
    /*******floor_2_main******/
    .floor_2_main {
  border-radius: 0 0 .26rem .26rem;
  overflow: hidden;
  background: url(../image/f2_bg.jpg) center bottom no-repeat;
  background-size: cover;
  padding-top: .75rem;
  padding-bottom: .5rem;
}
.floor_2_main ul {
  display: flex;
  justify-content: space-between;
  align-content: space-between;
  flex-wrap: wrap;
}
.floor_2_main li {
  margin-bottom: .4rem;
  position: relative;
  height: 2.56rem;
  background: linear-gradient(to right, #f8e4c0 5%, #fff7e2 90%);
  flex-basis: 49%;
  border: 1px solid #d09b71;
  border-radius: .4rem;
  transition: ease-in-out .2s;
}
.floor_2_main li .txt {
  padding-left: .4rem;
  display: block;
  margin-right: 53%;
}
.floor_2_main li .txt h3 {
  font-size: .34rem;
  padding-top: .25rem;
  font-weight: bold;
}
    .floor_2_main li .txt h3 i {
        font-size: 12px;
        vertical-align: top;
        line-height: .3rem;
    }
    .floor_2_main li .txt h3 span {
        background: url(../image/f2_ico.png) no-repeat;
        background-size: cover;
        width: .48rem;
        height: .5rem;
        font-size: 18px;
        color: #a60004;
        display: block;
        line-height: .5rem;
        text-align: center;
        font-style: italic;
        margin-right: .2rem;
        float: left;
    }
.floor_2_main li .txt p {
  font-size: 16px;
  color: #2f1e1b;
  line-height: 30px;
  padding-top: .1rem;
}
    .floor_2_main li .txt p span {
        font-size: 12px;
        color: #bf8b63;display:block;
    }
    .floor_2_main li .txt p i {
        font-size: 12px;
        vertical-align: super;
    }
    .floor_2_main li img {
        position: absolute;
        right: -1px;
        bottom: -1px;
        top: -1px;
        height: 2.56rem;
    }
.floor_2_main li:nth-child(2n) .txt {
  margin-right: .3rem;
  margin-left: 50%;
  padding-left: .4rem;
}
.floor_2_main li:nth-child(2n) img {
  right: auto;
  left: -1px;
}
.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 li:hover .txt {
  color: #faebce;
}
.floor_2_main li:hover .txt p {
  color: #faebce;
}
    .floor_2_main li:hover .txt p i{font-size:12px;vertical-align:super;}
    .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 {
    background: linear-gradient(to right, #f9e5c2, #fbeed4, #f9e5c2);
    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: 12px;
    }
          
            @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) {
    .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_3_main******/
.floor_3_main {
  border-radius: 0 0 .26rem .26rem;
  overflow: hidden;
  background: url(../image/f2_bg.jpg) center bottom no-repeat;
  background-size: cover;
  padding-top: .75rem;
  padding-bottom: .9rem;
}
.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(../image/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(../image/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(../image/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(../image/left.png) no-repeat center center;
  margin-top: -.2rem;
}
.floor_3_main .swiper-button-next {
  background: #dfba92 url(../image/right.png) no-repeat center center;
  left: auto;
  right: -.7rem;
}
.floor_3_main .swiper-button-prev:hover {
  background: #3b1e19 url(../image/left.png) no-repeat center center;
}
.floor_3_main .swiper-button-next:hover {
  background: #3b1e19 url(../image/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 {
  background: url(../image/f4_bg.jpg) center bottom no-repeat;
  background-size: cover;
  padding-top: .75rem;
  border-radius: 0 0 .26rem .26rem;
  overflow: hidden;
  padding-bottom: .9rem;
}
.floor_4_main .swiper-container {
  overflow: hidden;
}
.floor_4_main .swiper-slide {
  position: relative;
  height: 4.66rem;
}
.floor_4_main .swiper-slide .img {
  top: .78rem;
  left: 0;
  right: .22rem;
  border-radius: .1rem;
  overflow: hidden;
  position: absolute;
  z-index: 10;
  transition: ease-in-out .2s;
  bottom: 0;
}
.floor_4_main .swiper-slide .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  vertical-align: top;
}
.floor_4_main .swiper-slide .txt {
  position: absolute;
  left: .22rem;
  top: 0;
  background: linear-gradient(to bottom, #fff, #f6e3ca);
  bottom: .76rem;
  border-radius: .1rem;
  overflow: hidden;
  z-index: 9;
  box-shadow: .02rem .02rem .02rem rgba(0, 0, 0, 0.1);
  transition: ease-in-out .2s;
}
.floor_4_main .swiper-slide .txt .tit {
  padding-left: .3rem;
  padding-top: .15rem;
}
.floor_4_main .swiper-slide .txt .tit .ico {
  float: left;
  width: .47rem;
  margin-right: .15rem;
}
.floor_4_main .swiper-slide .txt .tit h3 {
  font-size: 20px;
  font-weight: bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.floor_4_main .swiper-slide .txt .tit .ico2 {
  width: .88rem;
}
.floor_4_main .swiper-slide .txt .p {
  font-size: 16px;
  line-height: 28px;
  color: #433935;
  padding: .3rem;
  margin-top: .5rem;
  transition: ease-in-out .3s;
}
.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:nth-child(2n+1) {
  margin-top: .59rem;
}
.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;
  height: .4rem;
  border-radius: 100%;
  left: 0rem;
  background: #dfba92 url(../image/left.png) no-repeat center center;
  margin-top: -.2rem;
  background-size: .09rem auto;
}
.floor_4_main .swiper-button-next {
  background: #dfba92 url(../image/right.png) no-repeat center center;
  left: auto;
  right: 0;
  background-size: .09rem auto;
}
.floor_4_main .swiper-button-prev:hover {
  background: #3b1e19 url(../image/left.png) no-repeat center center;
  background-size: .09rem auto;
}
.floor_4_main .swiper-button-next:hover {
  background: #3b1e19 url(../image/right.png) no-repeat center center;
  background-size: .09rem auto;
}
@media(max-width:1440px){
    .floor_4_main .swiper-slide .txt .p{margin-top:.3rem;padding:.2rem;font-size:14px;}
}
@media (max-width: 1200px) {
  .floor_4_main .swiper-slide .txt .tit h3 {
    font-size: .3rem;
  }
  .floor_4_main .swiper-slide .img {
    top: .98rem;
  }
  .floor_4_main .swiper-slide {
    height: 5.2rem;
  }
  .floor_4_main .swiper-slide:nth-child(2n+1) {
    margin-top: 0;
  }
  .floor_4_main .swiper-slide .txt {
    bottom: .2rem;
  }
  .floor_4_main .swiper-slide .txt .p {
    font-size: .2rem;
    line-height: .35rem;
    padding: .2rem .3rem 0;
  }
}
/*****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: .48rem;
  height: .5rem;
  background: url(../image/f1_left.png) no-repeat;
  background-size: cover;
  left: 0;
  transition: ease-in-out .2s;
}
.year_main .swiper-button-next {
  background: url(../image/f1_right.png) no-repeat;
  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 {
  position: relative;
  transition: ease-in-out .2s;
}
.year_main .gallery-top .swiper-slide .img {
  position: relative;
}
.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: #d09b71;
  font-style: italic;
  left: .4rem;
  position: absolute;
  bottom: -50px;
  z-index: 10;
  line-height: 100px;
  font-family: arial;
}
.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: #d2060b;
  font-size: 120px;
}
.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(../image/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(../image/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;
  right: 100px;
  top: 5px;
  width: 8px;
  height: 5px;
  background: url(../image/year_end.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 .swiper-container {
    margin: 0 .7rem;
  }
  .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: .2rem;
    height: 1.8rem;
    line-height: .45rem;
  }
  .year_main .gallery-thumbs .swiper-slide p {
    font-size: .28rem;
    padding-top: .35rem;
  }
  .year_main .gallery-thumbs .end {
    right: .7rem;
  }
  .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;}
}
/******品牌历史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(../image/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: 211px;
  height: 139px;
  background: url(../image/about_1_li.png) no-repeat;
  background-size: cover;
  text-align: center;
  font-size: 20px;
  margin: 0 50px;
  float: left;
}
.abou_1_main ul li a {
  color: #231616;
  padding-top: 76px;
  width: 100%;
  height: 100%;
  display: block;
}
.abou_1_main ul li.hover,
.abou_1_main ul li:hover {
  background: url(../image/about_1_on.png) no-repeat;
  background-size: cover;
}
.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;
  height: 40px;
  background: #d09b71;
  text-align: center;
  font-size: 18px;
  margin: 0 10px;
  float: left;
  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(../image/f2_bg.jpg) center top no-repeat;
  background-size: cover;
  border-radius: 0 0 .26rem .26rem;
  overflow: hidden;
  padding: .9rem 0 .85rem;
}
.about_2_main .body .left {
  width: 43%;
}
.about_2_main .body .left img {
  width: 100%;
  vertical-align: top;
}
.about_2_main .body .right {
  width: 44%;
}
.about_2_main .body .right h3 {
  font-size:37px;
  line-height: 55px;
  color: #442719;
  padding-bottom: .6rem;
  padding-top: .75rem;
}
.about_2_main .body .right .p {
  font-size: 18px;
  line-height: 38px;
  color: #2f1e1b;
}
.about_2_main .body .right .more {
  margin-top: .82rem;
}
.about_3_main {
  background: url(../image/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(../image/about_3_bg.jpg) center bottom no-repeat;
  background-size: cover;
  border-radius: 0 0 .26rem .26rem;
  overflow: hidden;
  padding: .7rem 0 .85rem;
}
.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 #e2a676;
  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: #5e4027;
  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: #be0c10;
  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(../image/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(../image/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(../image/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(../image/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: #be0c10;
}
.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(../image/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(../image/about_5_nai2.png) no-repeat;
  background-size: cover;
}
.about_5_main .body2 {
  padding-top: .3rem;
}
.about_5_main .body2 .left {
  padding-left: 30%;
}
.about_5_main .body2 .left dd {
  float: left;
  text-align: center;
  font-size: 22px;
  color: #5e4027;
  transition: ease-in-out .2s;
}
.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;
}
.about_6_main {
  padding: 1rem 0 .6rem;
  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, #f4dfbe, #efc59a);
  text-align: center;
  line-height: .71rem;
  color: #915424;
  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 right, #fef3de, #fffcf4);
  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: #a60004;
  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(../image/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(../image/about_6_ico2.png) no-repeat;
  background-size: cover;
}
@media (max-width: 1440px) {
  .abou_1_main ul li {
    margin: 0 30px;
  }
  .about_2_main .body .left {
    width: 47%;
  }
  .about_2_main .body .right {
    width: 49%;
  }
    .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: 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: 2.111rem;
    height: 1.39rem;
    font-size: .24rem;
    margin-bottom: .3rem;
    border-radius: .35rem;
  }
  .abou_1_main ul li a {
    padding-top: .76rem;
  }
  .abou_1_main dl {
    width: 96%;
    margin: .3rem 2% 0;
  }
  .abou_1_main dl dd {
    width: 32%;
    margin-left: 0;
    margin-right: 2%;
    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;
  }
    .about_2_main .body .left {
        width: 84%;
        margin: 0 8%; margin-bottom: .3rem;
    }
  .about_2_main .body .right {
    width: 100%;
  }
    .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: .4rem;
  }
  .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 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: 19px 149px 149px 19px;
  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(../image/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(../image/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: #fffaf1;
  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: #fffaed;
}
.gongyi_main_2 .bd .box1 .left h3 {
  width: 2.01rem;
  line-height: .5rem;
  background: linear-gradient(to right, #c90005, #890002);
  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 {
  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: #fffaed;
  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, #c90005, #890002);
  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, #ca0004, #8a0002);
  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: .48rem;
}
.gongyi_main_2 .box3 li:nth-child(3n) {
  float: right;
  margin-right: 0;
}
.gongyi_main_2 .box3 .more a {
  margin: 0 auto;
}
@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(../image/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) {
  .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 {
  background: url(../image/jishu_1.jpg) center top no-repeat;
  width: 100%;
  padding: 1.14rem 0 1.36rem;
}
.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(../image/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(../image/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 {
  background: url(../image/jishu_2.jpg) center top no-repeat;
  height: 984px;
  padding-top: 177px;
}
.jishu_main_2 .w1400 {
  position: relative;
  height: 100%;
}
.jishu_main_2 .left {
  position: absolute;
  left: 0;
  bottom: 160px;
}
.jishu_main_2 .left img {
  width: 535px;
}
.jishu_main_2 .txt {
  padding-left: 470px;
}
.jishu_main_2 .txt h3 {
  font-size: 46px;
  color: #a60004;
  font-weight: bold;
  line-height: 65px;
  margin-bottom: 66px;
}
.jishu_main_2 .txt h4 {
  background: url(../image/jishu_2_h4.png) no-repeat;
  width: 628px;
  height: 65px;
  line-height: 65px;
  font-size: 28px;
  font-weight: bold;
  color: #fcf1dc;
  padding-left: 46px;
  margin-bottom: 56px;
}
.jishu_main_2 .txt .p {
  line-height: 34px;
  font-size: 18px;
  color: #622f0d;
  margin-bottom: 115px;
}
.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, #f8e4c0, #fff8e5, #fff2d8);
  color: #8b0003;
}
.jishu_main_2 .txt .more a i {
  width: .1rem;
  height: .16rem;
  background-position: 0 -.13rem;
  margin-left: .33rem;
  margin-bottom: .01rem;
}
.jishu_main_2 .txt .more:hover {
  transform: translateX(8px);
}
.jishu_main_3 {
  background: linear-gradient(to right, #f9e5c2, #fbeed4, #f9e5c2);
  overflow: hidden;
  padding: 1.37rem 0 1.37rem;
}
.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;
}
@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 {
    background: #fbeed4;
    padding: 1rem 0 0.8rem;
    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: .66rem;
  }
    .jishu_main_2 .txt h3 span{font-size:.32rem;line-height:.3rem;}
    .jishu_main_2 .txt h4 {
        width: 100%;
        height: .65rem;
        line-height: .65rem;
        background: url(../image/jishu_2_h4.png) no-repeat;
        background-size: auto 100%;
        font-size: .28rem;
        padding-left: .46rem;
        margin-bottom: .56rem;
    }
  .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 #47ba61;
                width: 21px;
                height: 21px;
                position: absolute;
                font-size: 16px;
                font-weight: 100;
                text-align: center;
                line-height: 21px;
                color: #47ba61;
                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: #47ba61;
            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: #47ba61;
                }

                    .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: #47ba61;
                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: #47ba61;
    }

    .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: #47ba61;
        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: #47ba61;
                    }

            .download_list .body .down_con li:hover {
                border-bottom: 1px solid #47ba61;
            }

.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: #47ba61;
        }

    .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: #47ba61;
            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: #47ba61;
        }

            .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("http://www.1897.com/plugins/template/web/pc/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: #47ba61;
        }

        .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("http://www.1897.com/plugins/template/web/pc/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: #47ba61;
        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: #47ba61;
                    }

        .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: 1rem;
}

.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 #47ba61;
                width: 21px;
                height: 21px;
                position: absolute;
                font-size: 16px;
                font-weight: 100;
                text-align: center;
                line-height: 21px;
                color: #47ba61;
                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: #47ba61;
            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: #47ba61;
                }

                    .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: #47ba61;
                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: #47ba61;
    }

    .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: #47ba61;
        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: #47ba61;
                    }

            .download_list .body .down_con li:hover {
                border-bottom: 1px solid #47ba61;
            }

.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: #47ba61;
        }

    .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: #47ba61;
            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: #47ba61;
        }

            .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("http://www.1897.com/plugins/template/web/pc/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: #47ba61;
        }

        .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("http://www.1897.com/plugins/template/web/pc/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: #47ba61;
            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: #47ba61;
                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: #47ba61;
        }

.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: #47ba61;
    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("http://www.1897.com/plugins/template/web/pc/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("http://www.1897.com/plugins/template/web/pc/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: #47ba61;
                            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: 98px;
    background: #f5f5f5;
}

    .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: 75%;
            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;
    }

    .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;
    }

.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: #47ba61;
        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(http://www.1897.com/plugins/template/web/pc/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: #47ba61;
                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: #47ba61;
                    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: #47ba61;
        }

.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: #47ba61;
            }

.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("http://www.1897.com/plugins/template/web/pc/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("http://www.1897.com/plugins/template/web/pc/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("http://www.1897.com/plugins/template/web/pc/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("http://www.1897.com/plugins/template/web/pc/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: #47ba61;
                        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: #47ba61;
            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(http://www.1897.com/plugins/template/web/pc/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(http://www.1897.com/plugins/template/web/pc/images/true.png) no-repeat;
                margin-right: 20px;
            }

            .contact_2 .formdata.search_form #contentList .false i {
                width: 60px;
                height: 60px;
                background: url(http://www.1897.com/plugins/template/web/pc/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("http://www.1897.com/plugins/template/web/pc/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("http://www.1897.com/plugins/template/web/pc/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("http://www.1897.com/plugins/template/web/pc/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("http://www.1897.com/plugins/template/web/pc/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("http://www.1897.com/plugins/template/web/pc/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("http://www.1897.com/plugins/template/web/pc/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 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("http://www.1897.com/plugins/template/web/pc/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("http://www.1897.com/plugins/template/web/pc/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("http://www.1897.com/plugins/template/web/pc/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: #47ba61;
            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: #47ba61;
                        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: #47ba61;
        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: #47ba61
    }

        .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: #47ba61;
}

    .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(http://www.1897.com/plugins/template/web/pc/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;
        padding-bottom: .1rem;
    }

    .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(../image/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: #47ba61;
        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(../image/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(../image/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(../image/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;
        }
    }
    /*rightFix end*/
    /******荷致白金版详情****/
    .prohz_banner img {
        width: 100%;
        vertical-align: top;
        border-radius: 0 0 .26rem .26rem;
    }

    .prohz_banner .mb {
        display: none;
    }

    .prohz_main {
        background: linear-gradient(to right, #f9e5c2, #fbeed4, #f9e5c2);
        overflow: hidden;
    }

        .prohz_main .prohz_1 {
            padding: .9rem 0 1.12rem;
        }
            .prohz_main .prohz_1 .table{}
            .prohz_main .prohz_1 .table img:first-child{width:43%;vertical-align:top;float:left;}
                .prohz_main .prohz_1 .table img:nth-child(2) {float:right;
                    width: 52.7%;
                    vertical-align: top;
                }
            .prohz_main .prohz_1 .index_title p {
                font-size: 14px;
                color: #9f5930;
            }

            .prohz_main .prohz_1 .body {
                position: relative;
                margin-top: .2rem;
            }

                .prohz_main .prohz_1 .body .tu {
                    position: absolute;
                    width: 620px;
                    height: 620px;
                    text-align: center;
                    left: 0;
                    top: 0;
                }

                    .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 {
                    padding-left: 6.5rem;
                    width: 100%;
                }

                    .prohz_main .prohz_1 .body .item .li {
                        margin-bottom: .3rem;
                        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 {
                            background: #fcf1db;
                            border: 1px solid #d4ae90;
                            border-radius: .26rem;
                            padding-left: 1.18rem;
                            margin-left: .65rem;
                            padding-bottom: .29rem;
                        }

                            .prohz_main .prohz_1 .body .item .li .txt h3 {
                                background: url(../image/prohz_li.png) no-repeat;
                                width: 4.46rem;
                                height: .58rem;
                                line-height: .58rem;
                                font-size: 28px;
                                color: #a60004;
                                font-weight: bold;
                                text-indent: .34rem;
                                margin-top: .29rem;
                                margin-bottom: .15rem;
                                letter-spacing: -1px;
                            }

                                .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: #9f5930;
                                padding-right: .67rem;
                                min-height: 60px;
                                line-height: 30px;
                            }

                                .prohz_main .prohz_1 .body .item .li .txt .p i {
                                    vertical-align: super;
                                    font-size: 12px;
                                    font-weight: bold;
                                    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:hover .txt {
                                background: linear-gradient(to right, #ca0004, #880002);
                            }

                                .prohz_main .prohz_1 .body .item .li:hover .txt .p {
                                    color: #fbeed4;
                                }

                        .prohz_main .prohz_1 .body .item .li:nth-child(2n+1) {
                            margin-left: -.66rem;
                        }

        .prohz_main .prohz_2 {
            display: flex;
            justify-content: space-between;
        }

            .prohz_main .prohz_2 .item {
                width: 48%;
            }

                .prohz_main .prohz_2 .item .body {
                    background: linear-gradient(to right, #ca0005, #880002);
                    transition: ease-in-out .2s;
                    border: 1px solid #d4ae90;
                    border-radius: .26rem;
                    overflow: hidden;
                    padding-bottom: .5rem;
                }

                    .prohz_main .prohz_2 .item .body img {
                        width: 100%;
                        vertical-align: top;
                        margin-bottom: .3rem;
                    }

                    .prohz_main .prohz_2 .item .body h3 {
                        background: url(../image/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 {
                        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(../image/prohz_2_bg_t2.png) no-repeat;
                    width: 5.93rem;
                }

        .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(../image/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 .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 i {
                            font-size: 14px;
                            font-weight: bold;
                            vertical-align: super;
                            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(../image/prohz_4_bg2.jpg) bottom right no-repeat;
                        background-size: cover;
                    }



                    .prohz_main .prohz_4 .body .item:nth-child(3) {
                        background: url(../image/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_5 {
            border: 1px solid #d4ae90;
            border-radius: .07rem;
            margin-top: .67rem;
            padding: .4rem .48rem;
            background: linear-gradient(to bottom, #fae8c9, #fffaef);
        }

            .prohz_main .prohz_5 h3 {
                font-size: 20px;
                color: #9f5930;
                font-weight: bold;
                margin-bottom: .18rem;
            }

            .prohz_main .prohz_5 li {
                width: 48%;
                float: left;
                line-height: 22px;
                color: #9f5930;
                font-size: 12px;
                padding-right: 2%;
            }

                .prohz_main .prohz_5 li .item {
                    position: relative;
                    padding-left: .25rem;
                }

                    .prohz_main .prohz_5 li .item i {
                        position: absolute;
                        left: 0;
                        top: 0;
                    }
    /******荷致白金版详情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(../image/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, #f9e4c0, #fff8e4, #fff2d9);
        border: 1px solid #a87f59;
        position: relative;
        overflow: hidden;
    }

        .proxi_box1 .body .tu {
            position: absolute;
            right: 0;
            top: 0;
            height: 100%;
        }

            .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;
            margin-bottom: .04rem;
            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(../image/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: 30px;
            }

                .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(../image/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 .item .li .txt h3 {
            background: url(../image/pro_508.png) no-repeat !important;
            width: 5.08rem !important;
        }

    .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(../image/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;
    }

        .proxi_box3 .con {
            display: flex;
            justify-content: space-between;
        }

    .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(../image/pro_358.png) no-repeat;
    }

    @media (max-width: 1440px) {
        .prohz_main .prohz_1 .body .item {
            padding-left: 6.2rem;
        }

            .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(../image/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(../image/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(../image/pro_3.png) no-repeat;
            background-size: 100% 100%;
        }

        .proma_2 .item {
            width: 49%;
        }

            .proma_2 .item .li .txt h3 {
                background: url(../image/pro_396.png) no-repeat !important;
            }

        .prohz_main .proer_3 .body .item {
            padding-left: 0;
        }

        .proxi_main .proer_3 .box1 h3 {
            background: url(../image/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 .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(../image/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(../image/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(../image/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: 1200px) {
        .prohz_main .prohz_1 .table img:first-child {
            width: 100%;
            vertical-align: top;
            float: none; margin-bottom:.4rem;
        }

        .prohz_main .prohz_1 .table img:nth-child(2) {
            float: none;
            width:100%;
            vertical-align: top;
        }
        .prohz_main .index_title h3 {
            font-size: .4rem;
        }

        .prohz_main .prohz_1 .body .item .li .txt {
            padding-left: .9rem;
        }

        .prohz_main .index_title h3 span {
            font-size: .24rem;
        }

        .prohz_main .prohz_1 .body .tu {
            top: 0;
            left: 50%;
            margin-left: -3.25rem;
            width: 6.5rem;
            height: 6.5rem;
        }

            .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: .8rem;
            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;
                    }

        .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;
            padding-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 img {
            margin-right: 0;
            height: auto;
            width: 100%;
            border-bottom: 1px solid #a77e58;
            border-radius: 0 0 .3rem .3rem;
        }

        .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(../image/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;
        }

        .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(../image/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;
        }
    }
    /*******喜致end**********/
    /****妈妈奶粉********/
    .proma_1 {
        padding: 1rem 0 1rem;
    }

        .proma_1 .body {
            position: relative;
        }

        .proma_1 .item {
            width: 40%;
            float: left;
            margin-bottom: .3rem;
            padding-left: .42rem;
            padding-top: .31rem;
            padding-bottom: .25rem;
            border: 1px solid #d4ae90;
            border-radius: .23rem;
            background: linear-gradient(to right, #f9e7c6, #fdf4e0);
        }

            .proma_1 .item h3 {
                background: url(../image/pro_396.png) no-repeat;
                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 {
                line-height: 30px;
                font-size: 18px;
                color: #9f5930;
                min-height: 60px;
            }

                .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 img {
            width: 4.48rem;
            height: 4.47rem;
            position: absolute;
            left: 50%;
            margin-left: -2.24rem;
            top: -.08rem;
        }

            .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;
            }

    .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(../image/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 {
            background: url(../image/pro_3.png) no-repeat;
            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(../image/pro_225.png) no-repeat;
        }
    }

    @media (max-width: 1200px) {
        .proma_1 .body {
            padding-top: 5.5rem;
        }

        .proma_1 img {
            width: 5rem;
            height: 5rem;
            object-fit: cover;
            margin-left: -2.5rem;
        }

        .proma_1 .item {
            width: 96%;
            margin: 0 2%;
            margin-bottom: .3rem;
            padding-left: .4rem;
        }

            .proma_1 .item h3 {
                font-size: .3rem;
                width: 5.13rem;
                background: url(../image/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(../image/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;
        }

        .pro_wei .item {
            border: 1px solid #d4ae90;
            border-radius: .23rem;
            background: linear-gradient(to right, #f9e7c6, #fdf4e1);
            margin-bottom: .2rem;
            position: relative;
            padding: .26rem .37rem;
            width: 27%;
            float: left;
            margin-right: 30%;
        }

            .pro_wei .item h3 {
                font-size: 30px;
                color: #a60004;
                font-weight: bold;
                padding-bottom: .11rem;
            }

            .pro_wei .item .p {
                line-height: 26px;
                font-size: 18px;
                color: #89402a;
            }

                .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;
                padding-left: 1.07rem;
            }

                .pro_wei .item:nth-child(2n) img {
                    right: auto;
                    left: -.65rem;
                }

            .pro_wei .item:last-child {
                margin-bottom: 0;
            }

            .pro_wei .item:hover {
                background: #a60004;
            }

                .pro_wei .item:hover h3,
                .pro_wei .item:hover .p {
                    color: #f9dfa2;
                }

        .pro_wei .tu img {
            position: absolute;
            width: 4.86rem;
            height: 4.86rem;
            left: 50%;
            margin-left: -2.43rem;
            top: .23rem;
            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) {
            padding-left: .8rem;
        }

            .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: 70%;
        }

            .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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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: url(../image/f2_bg.jpg) center top no-repeat;
        background-size: cover;
        overflow: hidden;
        padding: 1rem 0 1rem;
        border-radius: 0 0 0.26rem 0.26rem;
    }

        .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: url(../image/f2_bg.jpg) center top no-repeat;
        background-size: cover;
        overflow: hidden;
        padding: 1rem 0 1rem;
        border-radius: 0 0 0.26rem 0.26rem;
    }

        .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: .85rem;
        }

            .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: url(../image/f1_bg.jpg) center top no-repeat;
        background-size: cover;
        padding: 1rem 0 1rem;
        border-radius: 0 0 0.26rem 0.26rem;
        overflow: hidden;
    }

        .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: 70px;
                        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: 54px;
                        line-height: 50px;
                    }

                    .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: url(../image/f2_bg.jpg) center top no-repeat;
        background-size: cover;
        overflow: hidden;
        padding: 1rem 0 1rem;
        border-radius: 0 0 0.26rem 0.26rem;
    }

        .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: linear-gradient(to right, #f8e4c0, #fff8e5);
                    line-height: 1.1rem;
                    margin-bottom: .3rem;
                    font-size: 34px;
                    color: #a60004;
                    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(../image/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;
                }

    .jing_main_5 {
        background: url(../image/jing_5.jpg) center top no-repeat;
        background-size: cover;
        overflow: hidden;
        padding: 1rem 0 1rem;
    }

        .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 #eed0a9;
                }

                    .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, #fbeed4, #fffbf0);
        }

            .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: #a60004;
                        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_2 {
        background: linear-gradient(to right, #f9e5c2, #fbeed4, #f9e5c2);
        overflow: hidden;
        padding: 1rem 0;
    }

        .contact_main_2 .body {
            border: 1px solid #a30003;
            border-radius: .15rem;
            width: 100%;
            overflow: hidden;
            background: linear-gradient(to bottom, #fbeed4, #fffbf0);
        }

            .contact_main_2 .body table {
                width: 100%;
                text-align: center;
            }

                .contact_main_2 .body table tr td {
                    line-height: .5rem;
                    font-size: 18px;
                    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: #a60004;
                    line-height: .8rem;
                    color: #fff9e0;
                    font-size: 30px;
                    font-weight: bold;
                    border: none;
                }

                .contact_main_2 .body table tr:nth-child(2n+1) {
                    background: #f8e0c1;
                }

    .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 .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 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: #fffaf0;
                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;
            }
    }

    .user_1_main {
        background: linear-gradient(to right, #f9e5c2, #fbeed4, #f9e5c2);
        overflow: hidden;
        padding: .9rem 0 0;
    }

        .user_1_main .box {
            background: linear-gradient(to bottom, #faeacb, #fffbf0);
            border: 1px solid #d4ae90;
            border-radius: .7rem .15rem .7rem .15rem;
            margin-right: .62rem;
            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: 47%;
                padding-bottom: .5rem;
            }

                .user_1_main .box .left .p {
                    line-height: 40px;
                    font-size: 18px;
                    height: 2.8rem;
                    overflow: auto;
                    padding-right: .6rem;
                }

                    .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: 52%;
                position: relative;
            }

                .user_1_main .box .right img {
                    position: absolute;
                    right: -.62rem;
                    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;
            padding-left: .4rem;
            padding-bottom: .39rem;
        }

            .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: 1px 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(../image/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(../image/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 .5rem;
            padding-top: .52rem;
        }

            .user_2_main .body .left {
                width: 63%;
            }

                .user_2_main .body .left li {
                    float: left;
                    text-align: center;
                    width: 25%;
                    padding-bottom: .28rem;
                    transition: ease-in-out .2s;
                }

                    .user_2_main .body .left li img {
                        width: 1.13rem;
                        height: 1.13rem;
                        border-radius: .05rem;
                        margin-bottom: .15rem;
                    }

                    .user_2_main .body .left li h3 {
                        font-size: 26px;
                        color: #a60004;
                        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: 32%;
            }

                .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: 47%;
                    background: #ebd8b9;
                    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: #3f2110;
                        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: 3.25rem;
            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(../image/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(../image/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: #00753e;
}

.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;
    padding-top: 0;
}

    .you_main .proma_1 .item:hover {
        background: #00753e;
    }

    .you_main .proma_1 .item h3 {
        color: #00753e;
        font-size: 27px;
    }

.you_main .prohz_1 .body .item .li .txt {
    padding-left: .5rem;
}

    .you_main .prohz_1 .body .item .li .txt h3 {
        color: #00753e;
    }

    .you_main .prohz_1 .body .item .li .txt:hover {
        background: linear-gradient(to right, #00753e, #004a29);
    }

.you_main .prohz_2 .item .body {
    background: linear-gradient(to right, #fedda6, #ebc692);
}

.you_main .proxi_box1 .item .li .txt h3 {
    color: #00753e;
}

.you_main .huan_3 .body {
    background: #fff url(../image/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 .item .body h3 {
    color: #00753e;
}

.you_main .prohz_2 .item .body .p {
    color: #00753e;
}

.you_main .prohz_2 .item:nth-child(2) .body h3 {
    background: url(../image/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) {
    .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) {
        .w1400 {
            width: 90%;
            margin: 0 5%;
        }

        .index_title h3 {
            font-size: 50px;
        }
    }

    @media (max-width: 1200px) {
        .w1400{width:88%;margin:0 6%;}
        .index_title {
            padding-top: .52rem;
            padding-bottom: .56rem;
            background-size: auto .35rem;
        }

            .index_title h3 {
                font-size: .5rem;
                padding-bottom: .56rem;
                background-size: auto .32rem;
            }

                .index_title h3 span,
                .index_title h3 i {
                    font-size: .18rem;
                    vertical-align: top;
                    line-height: .4rem;
                }

            .index_title p {
                width: 86%;
                font-size: .24rem;
                padding-top: .2rem;
                line-height: .45rem;
                margin: 0 7%;
            }

        .more a {
            width: 2.2rem;
            height: .6rem;
            line-height: .6rem;
            font-size: .26rem;
            border-radius: .3rem;
        }

            .more a i {
                vertical-align: middle;
                margin-bottom: .04rem;
            }

        .pc {
            display: none !important;
        }

        .mb {
            display: block !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){
        .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;
        }
    }