body {
    text-align: left;
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #0a0a0a;
    font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif !important;
    height: auto;
    background: #ffffff;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    word-break: break-word;
    background: #f8faf5;
}

* {
    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: #93d50a;
    text-decoration: none;
}

.ease,
.ease * {
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
}

.noease,
.noease * {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

textarea::-moz-placeholder {
    color: #999;
    opacity: 1;
    font-size: 16px;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: #999;
    font-size: 16px;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #999;
    font-size: 16px;
}

.fl,
.left {
    float: left;
}

.fr,
.right {
    float: right;
}

.tac {
    text-align: center;
}

.tar {
    text-align: right;
}

.icon {
    background-image: url("../images/icon.png");
    display: inline-block;
    background-size: 5rem auto;
    vertical-align: middle;
}

.clear {
    clear: both;
    font-size: 0;
    margin: 0;
    padding: 0;
    display: block;
    _height: 0;
    overflow: hidden;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    *zoom: 1;
}

.hidden {
    display: none;
}

.delay100 {
    -webkit-animation-delay: 100ms;
    animation-delay: 100ms;
}

.delay200 {
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms;
}

.delay300 {
    -webkit-animation-delay: 300ms;
    animation-delay: 300ms;
}

.delay400 {
    -webkit-animation-delay: 400ms;
    animation-delay: 400ms;
}

.delay500 {
    -webkit-animation-delay: 500ms;
    animation-delay: 500ms;
}

.delay600 {
    -webkit-animation-delay: 600ms;
    animation-delay: 600ms;
}

.delay700 {
    -webkit-animation-delay: 700ms;
    animation-delay: 700ms;
}

.delay800 {
    -webkit-animation-delay: 800ms;
    animation-delay: 800ms;
}

.delay900 {
    -webkit-animation-delay: 900ms;
    animation-delay: 900ms;
}

.delay1000 {
    -webkit-animation-delay: 1000ms;
    animation-delay: 1000ms;
}

.animated {
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.flyInLeft {
    -webkit-animation-name: flyInLeft;
    animation-name: flyInLeft;
}

@-webkit-keyframes flyInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
    }

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

@keyframes flyInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        -moz-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        transform: translateX(-100px);
    }

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

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

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

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

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-80px);
        -moz-transform: translateY(-80px);
        -ms-transform: translateY(-80px);
        transform: translateY(-80px);
    }

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

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

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

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

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

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

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

.more.right a {
    display: block;
    width: 160px;
    height: 47px;
    line-height: 47px;
    text-align: center;
    background: #93d50a;
    color: #312f2f;
    font-size: 16px;
    border-radius: 0;
}

.more a {
    display: block;
    width: 160px;
    height: 47px;
    line-height: 47px;
    text-align: center;
    background: #191a18;
    color: #ffffff;
    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;
    background-color: #f8faf5;
    height: 128px;
}

.header .logo {
    position: absolute;
    left: 37px;
    top: 0px;
    transition: ease-in-out .2s;
}

.header .logo-blue,
.header .scroll .logo-white {
    display: none
}

.header .logo-blue {
    display: none;
}

@media (max-width: 1280px) {
    .header {
        position: fixed;
        z-index: 100;
        width: 100%;
        left: 0;
        top: 0;
        transition: ease-in-out .2s;
        background-color: #f8faf5;
        height: 117px;
    }

    .header.pc.a_hover .logo-blue {
        display: block;
        margin-top: -5px;
        width: 90% ! important;
    }

    .header.pc.a_hover .logo-white {
        display: none;
    }

    .header .logo a {
        width: 100%;
        height: 100%;
        display: block;
    }

    .header .logo img {
        /* height: 90px;
    display: block;*/
        /* display: none; */
        width: 90% !important;
    }

}

.header.pc.a_hover .logo-blue {
    display: block;
    margin-top: -5px;
}

.header.pc.a_hover .logo-white {
    display: none;
}

.header .logo a {
    width: 100%;
    height: 100%;
    display: block;
}

.header .logo img {
    /* height: 90px;
    display: block;*/
    /* display: none; */
}

.header .logo-white {
    display: block;
}

.header.a_hover.logo-white {
    display: block;
}

.header .search {
    position: absolute;
    right: 59px;
    top: 43px;
    transition: ease-in-out .2s;
    z-index: 100;
}

.header .search .search_btn {
    cursor: pointer;
    width: 40px;
    height: 40px;
    background: rgb(147, 213, 10);
    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: 45px;
    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: #131313;
    background: rgba(27, 9, 4, 0);
    line-height: 40px;
    padding: 0 28px;
    border-radius: 0px;
    height: 40px;
    /*! border: 1px solid #FFFFFF; */
    border: 1px solid #94d600;
}

.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 .cp {
    position: absolute;
    padding-left: 30px;
    padding-right: 30px;
    top: 75px;
    width: 120%;

}

.header .nav_main li .nav_menu.clearfix.cp {
    /*! width: 110% !important; */
}

.header .nav_main li .nav_menu.clearfix.cp .bd {
    width: 50%;
}

.header .nav_main li .nav_menu.clearfix.cp .hd dd {
    margin-bottom: 10px;
    width: 31%;
    line-height: 40px;
    height: 40px;
    float: left;
    border-bottom: 1px solid #ffffffd1;
    transition: ease-in-out .2s;
    margin-left: 2%;
}

.header .nav_main li .nav_menu {
    position: absolute;
    padding-left: 30px;
    padding-right: 30px;
    top: 75px;
    width: 100%;
    /*! background: #131313ba url(../images/nav.png) 50px bottom no-repeat; */
    z-index: 10;
    left: 0;
    padding-top: 40px;
    padding-bottom: 30px;
    display: none;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05);
    border-radius: 0;
    background: #131313fa;
    overflow: hidden ! important;
    height: 268.652px ! important;
    padding-top: 39.8883px ! important;
    margin-top: 8px ! important;
    padding-bottom: 29.8582px ! important;
    margin-bottom: 8px ! important;
}

.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 #ffffffd1;
    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: #fff;
    background: none;
    font-size: 14px;
}

.header .nav_main li .nav_menu .hd dd:hover {
    border-color: #93d50a;
}

.header .nav_main li .nav_menu .hd dd:hover a {
    color: #93d50a;
    font-weight: bold;
    transform: translateX(10px)
}

.header .nav_main li .nav_menu .hd dd.on a {
    border-left: 2px solid #93d50a;
    color: #93d50a;
    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 #93d50a;
    /*! 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: #93d50a;
}

.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: 42px;
}

.header.a_hover .nav_main li {
    height: 70px;
}

.header.a_hover .search {
    top: 40px;
}

.header.a_hover .nav_main li .a {
    border: 1px solid #94d600;
    background: none;
    color: #1a1919;
}

.header.a_hover .search .search_btn {
    background: #94d600;
}

.header.a_hover .search .menu-btn {
    background: #94d600;
}

.header.a_hover .nav_main li.hover a,
.header.a_hover .nav_main li:hover a {
    background: #93d50a;
    color: #151515;
    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: rgb(147, 213, 10);
}

.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(../images/menu_bg_main.jpg) no-repeat right bottom; */
    background-size: cover;
    pointer-events: none;
    transition: ease-in-out .4s;
    z-index: 98;
    background: #f8faf5;
}

.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: 0;
    border: 1px solid #93d50a;
}

.menu-right dd span {
    width: 40px;
    height: 40px;
    display: block;
    background: url(../images/icon.png) no-repeat;
    background-position: 0 -446px;
}

.menu-right dd:hover {
    background: #93d50a;
}

.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:nth-child(8) span {
    background-position: -82px -326px;
}


.menu-right dd:nth-child(8):hover span {
    background-position: -82px -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 #93d50a;
}

.menu-right dd b {
    display: block;
    position: absolute;
    left: 14px;
    top: -22px;
    width: 12px;
    height: 11px;
    background: url(../images/icon.png) no-repeat;
    background-position: 0 -387px;
    display: none;
}

.menu-right dd:hover b {
    display: block;
}

.menu-right dd:hover img {
    display: block;
}

.menu-flex.show .menu-right {
    right: 0;
}

.menu_main {
    position: relative;
    width: 100%;
    margin-top: 30px;
}

.menu-list {
    width: 33%;
}

.menu-list .two {
    position: absolute;
    left: 38%;
    top: 0;
    width: 30%;
    display: none;
    height: 100%;
}

.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: #93d50a;
    transition: 0.38s;
    z-index: -1;
}

.menu-list>li:hover>a,
.menu-list>li.active>a {
    color: #93d50a;
    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: #93d50a;
    position: relative;
}

.menu-list>li .two .two_li:hover>a::before,
.menu-list>li .two .two_li.hover>a::before {
    width: 12px;
    height: 12px;
    position: absolute;
    left: -21px;
    top: 50%;
    margin-top: -2.5%;
    background: url(../images/logoico.png) no-repeat;
    content: "";
}

.menu-list>li:hover .two .two_li:hover .three,
.menu-list li.active .two .two_li.hover .three {
    display: block;
}

.menu-leval {
    display: none;
}

.menu-leval li {
    position: relative;
    border-top: 1px solid #ebebeb;
}

.menu-leval li:first-child {
    border-top: none;
}

.menu-leval li a {
    display: block;
    position: relative;
    padding-left: 59px;
    height: 59px;
    line-height: 59px;
    color: #666666;
    font-size: 16px;
}

.menu-leval li a i {
    display: block;
    position: absolute;
    right: 36px;
    top: 50%;
    margin-top: -7px;
    font-size: 15px;
    line-height: 1;
    font-style: bold;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-10px);
    transition: 0.38s;
}

.menu-leval li a:hover {
    color: #333333;
}

.menubtn.active span::after,
.menubtn.active span::before {
    width: 100%;
}

/*****侧边导航end*****/
/***搜索弹窗****/
.modal {
    display: none;
    /* 默认隐藏 */
    position: fixed;
    /* 根据浏览器定位 */
    z-index: 666;
    /* 放在顶部 */
    left: 0;
    top: 0;
    width: 100%;
    /* 全宽 */
    height: 100%;
    /* 全高 */
    overflow: auto;
    /* 允许滚动 */
    background-color: rgba(0, 0, 0, 0.4);
    /* 背景色 */
}

.modal-content {
    display: flex;
    /*采用flexbox布局*/
    flex-direction: column;
    /*垂直排列*/
    position: relative;
    background-color: #fefefe;
    margin: 15% auto;
    /*距顶部15% 水平居中*/
    padding: .2rem;
    border: 1px solid #888;
    width: 620px;
    animation: topDown 0.4s;
    /*自定义动画，从模态框内容上到下出现*/
}

@keyframes topDown {
    from {
        top: -300px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

.modal-header {
    display: block;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    text-align: right;
}

.close {
    float: right;
    color: #aaa;
    font-size: 28px;
    font-weight: bold;
    transition: all ease 0.36s;
    display: block;
    width: .32rem;
    height: .32rem;
    background: url("../images/closemodal.png") no-repeat center center;
    background-size: cover;
}

.close:hover {
    color: black;
    text-decoration: none;
    cursor: pointer;
    transform: rotate(360deg);
    transition: all ease 0.36s;
}

.modal-body {
    padding-top: .2rem;
    padding-bottom: .3rem;
    margin-top: .1rem;
}

.modal-body .stxt {
    float: left;
    width: 80%;
    height: 48px;
    border: #CCC solid 1px;
    padding-left: .3rem;
    outline: none;
    color: #999;
    font-size: 16px;
}

.modal-body .sbtn {
    width: 20%;
    height: 48px;
    background: url("") no-repeat center center #93d50a;
    border: none;
    cursor: pointer;
    color: #fff;
}

/******弹窗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 10px;
    }

    .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: .99rem;
    display: block;
    padding-top: 0rem;
    box-sizing: content-box;
    margin: 0 auto;
}

.header_m .menu-btn {
    width: .6rem;
    height: .6rem;
    right: .3rem;
    margin-left: 0;
    background: #93d50a;
    top: .2rem;
    position: absolute;
    float: none;
}

.header_m .menu-btn .menubtn span {
    width: .4rem;
    height: .055rem;
}

.header_m .menu-btn .menubtn span::after,
.header_m .menu-btn .menubtn span::before {
    height: .035rem;
}

.header_m .menu-btn .menubtn span::before {
    top: -.09rem;
}

.header_m .menu-btn .menubtn span::after {
    bottom: -.09rem;
}

.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: #93d50a;
    width: .6rem;
    margin-top: .2rem;
    border-radius: 100%;
}

.header_m .shop a i {
    background-position: 0 -1.08rem;
    width: .5rem;
    height: .9rem;
    margin-top: .1rem;
    margin: 0 auto;
    background-size: 6rem auto;
    background-size: 6rem auto;
}

.header_m .shop.on a i {
    background-position: -.55rem -1.1rem;
}

.header_m_height {
    height: 1rem;
    display: none;
}

/*手机站下拉subNav*/
.subNav {
    position: fixed;
    width: 100%;
    margin: 0 auto;
    height: 100vh;
    top: 1rem;
    right: -100%;
    bottom: 0;
    z-index: 9999;
    display: block;
    transition: ease-in-out .2s;
}

.subNav .subNavCon {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
}

.subNav .close {
    width: .25rem;
    display: block;
    position: absolute;
    right: .25rem;
    top: .25rem;
    margin: 0 auto;
}

.subNav .close img {
    width: 100%;
}

.subNav ul {
    width: 100%;
    padding: 0px 0 .5rem;
    overflow-y: auto;
    height: 100%;
}

.subNav li {
    width: 100%;
    display: block;
    line-height: .9rem;
    padding: 0 .3rem;
    position: relative;
    border-bottom: 1px solid #ddd;
}

.subNav li a {
    display: block;
    color: #333;
    font-size: .3rem;
    width: 80%;
    font-weight: bold;
}

.subNav li s {
    width: .4rem;
    height: .4rem;
    display: block;
    text-align: center;
    color: #333;
    background: url(../images/header_ico1.png) no-repeat;
    background-size: 100% 100%;
    margin-top: .25rem;
    margin-right: 0;
}

.subNav li .box {
    display: none;
    padding: 0 .2rem .2rem;
}

.subNav li .box a {
    border-color: #f9f9f9;
    height: .8rem;
    line-height: .8rem;
    width: 100%;
    color: #666 !important;
    font-size: .26rem;
    float: left;
    font-weight: 400;
    border-bottom: 1px dashed #ddd;
}

.subNav li.on>a {
    color: #93d50a;
}

.subNav li.on s {
    background: url(../images/header_ico2.png) no-repeat;
    background-size: 100% 100%;
}

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

.subNavShow {
    right: 0;
}

/*tsearch*/
.tsearch {
    width: 100%;
    height: 1rem;
    padding: 0.2rem 3%;
    position: fixed;
    left: 0;
    top: 1rem;
    z-index: 1122;
    background: #f7f6f6;
    border-top: 1px solid #d3d3d3;
    display: none;
}

.tsearch .txt {
    width: 75%;
    color: #000;
    text-indent: 0.2rem;
    color: #666;
    font-size: 0.22rem;
    height: 0.6rem;
    background: #fff;
    border: 1px solid #bbb;
    position: absolute;
    left: 2%;
    top: 0.2rem;
    outline: none;
}

.tsearch .btn {
    color: #fff;
    font-size: 0.22rem;
    width: 20%;
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: center;
    border: 0;
    background: #93d50a;
    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: #93d50a;
}

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

.banner_m .swiper-container-horizontal>.swiper-pagination-bullets,
.banner_m .swiper-pagination-custom,
.banner_m .swiper-pagination-fraction {
    bottom: .3rem;
}

.box1.clearfix {
    padding-bottom: 160px;
}

.bottom_main {
    /*! background: #101231 url(../images/bottom_bg.jpg) center bottom no-repeat; */
    padding-top: 105px;
    padding-bottom: 60px;
    background: #f8faf5;
}

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

.bottom_main dl dd {
    font-size: 14px;
    line-height: 30px;
}

.bottom_main dl dd a {
    color: #1e1c1cf7;
}

.bottom_main dl a:hover {
    color: #93d50a;
}

.bottom_main .tel {
    padding-top: 28px;
}

.bottom_main .tel .left p {
    color: #2d2c2c;
}

.bottom_main .tel .left h3 {
    font-size: 30px;
    color: #2a2b28;
    line-height: 55px;
}

.bottom_main .tel .right dd {
    float: left;
    margin-right: 10px;
    margin-top: 30px;
    position: relative;
    z-index: 10;
    /*! border-radius: 100%; */
    border: 1px solid #82d50a;
}

.bottom_main .tel .right dd span {
    width: 40px;
    height: 40px;
    display: block;
    background: url(../images/icon.png) no-repeat;
    background-position: 0 -446px;
}

.bottom_main .tel .right dd:hover span {
    background-position: 0 -406px;
}

.bottom_main .tel .right dd:nth-child(2) span {
    background-position: -40px -446px;
}

.bottom_main .tel .right dd:nth-child(2):hover span {
    background-position: -40px -406px;
}

.bottom_main .tel .right dd:nth-child(3) span {
    background-position: -80px -446px;
}

.bottom_main .tel .right dd:nth-child(3):hover span {
    background-position: -80px -406px;
}

.bottom_main .tel .right dd:nth-child(4) span {
    background-position: -120px -446px;
}

.bottom_main .tel .right dd:nth-child(4):hover span {
    background-position: -120px -406px;
}

.bottom_main .tel .right dd:nth-child(5) span {
    background-position: -160px -446px;
}

.bottom_main .tel .right dd:nth-child(5):hover span {
    background-position: -160px -406px;
}

.bottom_main .tel .right dd:nth-child(6) span {
    background-position: 0 -326px;
}

.bottom_main .tel .right dd:nth-child(6):hover span {
    background-position: 0 -286px;
}

.bottom_main .tel .right dd:nth-child(7) span {
    background-position: -40px -326px;
}

.bottom_main .tel .right dd:nth-child(7):hover span {
    background-position: -40px -286px;
}

.bottom_main .tel .right dd:nth-child(8) span {
    background-position: -82px -326px;
}

.bottom_main .tel .right dd:nth-child(8):hover span {
    background-position: -82px -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 #94d600;
}

.bottom_main .tel .right dd b {
    display: block;
    position: absolute;
    left: 14px;
    top: -22px;
    width: 12px;
    height: 11px;
    background: url(../images/icon.png) no-repeat;
    background-position: 0 -387px;
    display: none;
}

.bottom_main .tel .right dd:hover {
    background: #93d50a;
}

.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: #f8faf5;
    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: #312f2f;
    font-size: .26rem;
}

.bottom_main_m .tel h3 {
    font-size: .4rem;
    color: #171716;
}

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

.bottom_main_m dd span {
    width: .4rem;
    height: .4rem;
    display: block;
    margin: 0 auto;
    display: block;
    margin-top: .1rem;
    background: url(../images/icon.png) no-repeat;
    background-position: 0 -4.46rem;
    background-size: 5rem 5rem;
}

.bottom_main_m dd:hover span {
    background-position: 0 -4.06rem;
}

.bottom_main_m dd:nth-child(2) span {
    background-position: -.4rem -4.46rem;
}

.bottom_main_m dd:nth-child(2):hover span {
    background-position: -.4rem -4.06rem;
}

.bottom_main_m dd:nth-child(3) span {
    background-position: -.8rem -4.46rem;
}

.bottom_main_m dd:nth-child(3):hover span {
    background-position: -.8rem -4.06rem;
}

.bottom_main_m dd:nth-child(4) span {
    background-position: -1.2rem -4.46rem;
}

.bottom_main_m dd:nth-child(4):hover span {
    background-position: -1.2rem -4.06rem;
}

.bottom_main_m dd:nth-child(5) span {
    background-position: -1.6rem -4.46rem;
}

.bottom_main_m dd:nth-child(5):hover span {
    background-position: -1.6rem -4.06rem;
}

.bottom_main_m dd:nth-child(6) span {
    background-position: 0 -3.26rem;
}


.bottom_main_m dd:nth-child(6):hover span {
    background-position: 0 -2.86rem;
}

.bottom_main_m dd:nth-child(7) span {
    background-position: -.4rem -3.26rem;
}

.bottom_main_m dd:nth-child(8) span {
    background-position: -.8rem -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 #94d600;
}

.bottom_main_m dd b {
    display: block;
    position: absolute;
    left: .14rem;
    top: -.22rem;
    width: .12rem;
    height: .13rem;
    background: url(../images/icon.png) no-repeat;
    background-size: 5rem 5rem;
    background-position: 0 -3.86rem;
    display: none;
}

.bottom_main_m dd:hover {
    background: #93d50a;
}

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

.bottom_main_m li a {
    display: block;
    color: #222121;
    font-size: .3rem;
    width: 80%;
}

.bottom_main_m li s {
    width: .4rem;
    height: .4rem;
    display: block;
    text-align: center;
    color: #333;
    background: url(../images/bottom_ico.png) no-repeat;
    background-size: 100% 100%;
    margin-top: .25rem;
    margin-right: 0;
}

.bottom_main_m li .box {
    display: none;
    padding: 0 .2rem .2rem;
}

.bottom_main_m li .box a {
    border-color: #585858;
    height: .8rem;
    line-height: .8rem;
    width: 100%;
    color: #4f4c4c !important;
    font-size: .26rem;
    float: left;
    font-weight: 400;
    border-bottom: 1px solid #d5d1d173;
}

.bottom_main_m li.on>a {
    color: #93d50a;
}

.bottom_main_m li.on s {
    background: url(../images/header_2.png) no-repeat;
    background-size: 100% 100%;
}

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

.bottom_copy {
    color: #ffffff;
    background: #1a1a1a;
    padding: 15px 0 15px;
}

.bottom_copy a {
    color: #fdfbf5;
}

.bottom_copy a:hover {
    text-decoration: underline;
}

.bottom_copy_m {
    color: #ffffff;
    background: #1a1a1a;
    padding: .4rem 2%;
    text-align: center;
    display: none;
    font-size: .24rem;
    overflow: hidden;
}

.bottom_copy_m a {
    color: #ffffff;
}

.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.page {
    /*! background: url(../images/index_tit_top.png) center top no-repeat; */
    /*! text-align: center; */
    padding: 100px 0px 80px 0;
    /*! padding-bottom: 56px; */
    /*! display: flex; */
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-end;
}

.index_title.index {
    /*! background: url(../images/index_tit_top.png) center top no-repeat; */
    text-align: center;
    padding: 100px 0px 80px 0;
    padding-bottom: 66px;
}

.index_title.ppgs {
    /*! background: url(../images/index_tit_top.png) center top no-repeat; */
    text-align: center;
    padding: 150px 0px 80px 0;
    padding-bottom: 80px;
}

.index_title.about {
    /*! background: url(../images/index_tit_top.png) center top no-repeat; */
    text-align: center;
    padding: 100px 0px 80px 0;
    padding-bottom: 26px;
    margin-top: 80px;
}

.index_title.center {
    adding-top: 10px;
    padding-bottom: 56px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: flex-end;
}

.index_title.page.center img {}

.index_title img {
    /*! width: 75px; */
    /*! height: 27px; */
    /*! margin-bottom: 10px; */
    margin-right: 30px;
    margin-bottom: 2px;
}

.floor_2_main .index_title h3 {
    color: #fff !important;
}

.index_title h3 {
    font-size: 50px;
    color: #010101;
    font-weight: 700;
    padding-top: 0px;
    /*! background: url(../images/index_tit_bottom.png) center bottom no-repeat; */
    display: inline-block;
    line-height: 0px;
    height: 80px;
    letter-spacing: 2px;
}

.index_title .gaiyao {
    font-size: 36px;
    color: #010101;
    font-weight: 500;
    padding-top: 30px;
    display: inline-block;
    line-height: 60px;
    height: 80px;
    letter-spacing: 2px;
}

.index_title .gaiyao2 {
    font-size: 36px;
    color: #010101;
    font-weight: 500;
    padding-top: 30px;
    display: inline-block;
    line-height: 60px;
    height: 80px;
    letter-spacing: 2px;
}

.index_title .zhubiao {
    vertical-align: top;
    font-size: 50px;
    font-family: arial;
    padding-right: .02rem;
    line-height: .45rem;
    position: sticky;
    font-weight: 700;
    /*! letter-spacing: 0; */
    margin-top: -21px;
    z-index: 9;
}

.gaiyao2 span::after {
    content: "";
    /*! display: block; */
    height: 18px;
    /* 自定义下划线高度为3像素 */
    background-color: #93d50a;
    /* 自定义下划线颜色为红色 */
    width: 87%;
    /* 自定义下划线宽度为元素宽度的50% */
    bottom: 0px;
    /* 根据需求微调位置 */
    margin-top: -21px;
    z-index: -1;
    margin-left: -105px;
    position: absolute;
}

.gaiyao span::after {
    content: "";
    display: block;
    height: 18px;
    /* 自定义下划线高度为3像素 */
    background-color: #93d50a;
    /* 自定义下划线颜色为红色 */
    width: 100%;
    /* 自定义下划线宽度为元素宽度的50% */
    bottom: 0px;
    /* 根据需求微调位置 */
    margin-top: -21px;
    z-index: -1;
    position: absolute;
    top: 122%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.gaiyao span:empty {
    display: none;
}

.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 .hgmm {
    font-size: 16px;
    line-height: 26px;
    color: #111010;
    padding-top: 20px;
    width: 55%;
    margin: 0 auto;
    text-align: left;
}

.index_title p {
    font-size: 16px;
    line-height: 22px;
    color: #111010;
    padding-top: 20px;
    width: 100%;
    margin: 0 auto;
}

.btditu {
    background: url(../images/bt-1.png) center top no-repeat;
    background-size: contain;
    padding-top: .43rem;
    border-radius: 0;
    overflow: hidden;
    padding-bottom: .5rem;
    background-size: 100% auto;
}

.btditu.dw3 {
    background: url(../images/dw3dt.png) center top no-repeat;
    background-size: contain;
    padding-top: .43rem;
    border-radius: 0;
    overflow: hidden;
    padding-bottom: .5rem;
    background-size: 100% auto;
}

.btditu.yx3 {
    background: url(../images/yxdt.png) center top no-repeat;
    background-size: contain;
    padding-top: .43rem;
    border-radius: 0;
    overflow: hidden;
    padding-bottom: .5rem;
    background-size: 100% auto;
}

.btditu.aq3 {
    background: url(../images/ztdtda.png) center top no-repeat;
    background-size: contain;
    padding-top: .43rem;
    border-radius: 0;
    overflow: hidden;
    padding-bottom: .5rem;
    background-size: 100% auto;
}


.btditu.aq3 p {
    padding: .15rem 1.4rem .3rem 1.3rem;
    font-size: 28px;
    font-weight: 500;
    /*! margin-top: 0px; */
    color: #000;
    line-height: .5rem;
}

.about_2_main.diwen .btditu p {
    padding: 0rem 1.4rem .3rem 1.5rem;
    font-size: 28px;
    font-weight: 500;
    /*! margin-top: 0px; */
    color: #000;
    line-height: .5rem;
}

.about_2_main.diwen .btditu.yx4 p {
    padding: .2rem 1.4rem .8rem 1.5rem;
    font-size: 28px;
    font-weight: 500;
    /*! margin-top: 0px; */
    color: #000;
    line-height: .5rem;
}

.btditu p {
    padding: 0rem 1.4rem .3rem 1.5rem;
    font-size: 28px;
    font-weight: 500;
    /*! margin-top: 0px; */
    color: #000;
    line-height: .45rem;
}

/*******floor_1_main******/
.floor_1_main {
    border-radius: 0;
    overflow: hidden;
    /*! background: url(../images/index1.png) center bottom no-repeat; */
    background-size: cover;
    padding-top: 1rem;
    padding-bottom: .9rem;
    overflow: hidden;
    height: 8.5rem;
    background: #f8faf5;
}

@media screen and (max-width:1280px) {
    .line.m {
        padding: 1.2rem .5rem;
        padding-bottom: 1.2rem;
        padding-bottom: .5rem;
        overflow: hidden;
        background: #f8faf5;
        background-image: url(../images/line.png);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-position: center center;
        background-position: -200px 40px;
    }
}

@media (max-width: 768px) {
    .line.m {
        padding: 1.2rem .5rem;
        padding-bottom: 1.2rem;
        padding-bottom: .5rem;
        overflow: hidden;
        background: #f8faf5;
        background-image: url(../images/line.png);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-position: center center;
        background-position: center;
    }
}

.line {
    /*! border-radius: 0; */
    overflow: hidden;
    background: url(../images/line.png) no-repeat center;
    /*! background-size: auto; */
    padding: 1.2rem .5rem;
    padding-bottom: .5rem;
    overflow: hidden;
    /*! background: #f8faf5; */
}

.floor_1_main .cpds {
    background: #aaaca9;
    width: 100%;
    height: 5.96rem;
    position: absolute;
    /*! left: 50%; */
    /*! margin-left: -2.5rem; */
    /*! top: 140%; */
    margin-top: .2rem;
    /*! padding-top: 100px; */
}

.floor_1_main .index_title {
    margin-top: -150px;
    padding: 205px 0px 10px 0;
}

.floor_1_main .swiper-container {
    overflow: hidden;
    height: 6rem;
    transform: translateY(-69px);
    /*! background: #aaaca9; */
}

.floor_1_main .swiper-container .bg {
    /*! background: url(../images/f1_on.png) center center no-repeat; */
    background-size: cover;
    width: 5rem;
    height: 5.96rem;
    position: absolute;
    left: 50%;
    margin-left: -2.5rem;
    top: 50%;
    margin-top: -2.96rem;
    background: #94d600;
}

.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.2rem;
    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: 0.15rem;
    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: 34px;
    color: #0d0d0d;
    letter-spacing: 4px;
    font-weight: 700;
}

.floor_1_main .swiper-container .swiper-button-next,
.floor_1_main .swiper-container .swiper-button-prev {
    width: .48rem;
    height: .5rem;
    /*! background: url(../images/f1_left.png) no-repeat; */
    left: 50%;
    margin-left: -2.5rem;
    background-size: cover;
    background: #1a1a1a url(../images/left.png) no-repeat center center;
}

.floor_1_main .swiper-container .swiper-button-next {
    /*! background: url(../images/f1_right.png) no-repeat; */
    margin-left: 2.02rem;
    background-size: cover;
    background: #1a1a1a url(../images/right.png) no-repeat center center;

}

.floor_1_m {
    display: none;
}

@media (max-width: 768px) {
    .floor_1_main .w1400 {
        width: 100% !important;
        margin: 0 !important;
    }

    .floor_1_main .swiper-container {
        height: 5rem;
        transform: translateY(.1rem);
        width: 6rem;
        margin: 0 auto;
        margin-top: 1rem;
    }

    .line {
        /*! overflow: hidden; */
        background: url(../images/line.png);
        /*! background-size: auto; */
        /*! background-size: 300px auto; */
        padding: 1.2rem .5rem;
        padding-bottom: 1.2rem;
        padding-bottom: .5rem;
        overflow: hidden;
        background-repeat: no-repeat;
        background-position: center;
    }

    .floor_1_main .cpds {
        background: #aaaca900;
        width: 100%;
        height: 6.7rem;
        position: absolute;
        /*! left: 50%; */
        /*! margin-left: -2.5rem; */
        /*! top: 140%; */
        margin-top: -.25rem;
        padding-top: 0px;
        background: url(../images/mpcimg.png) center bottom no-repeat;
        background-size: 150% auto !important;
    }

    .floor_1_main .swiper-container .bg {
        width: 6rem;
        height: 6.05rem;
        margin-left: -3rem;
        margin-top: 0;
        top: 0;
        background: #94d60000;
    }

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

    .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: .3rem;
        color: #0f0e0e;
        padding-top: 0rem;
        width: 6rem;
        text-align: center;
        letter-spacing: 2px;
    }

    .floor_1_main .swiper-container .swiper-button-next,
    .floor_1_main .swiper-container .swiper-button-prev {
        margin-left: -2.7rem;
        /* top: 60%; */
    }

    .floor_1_main .swiper-container .swiper-button-next {
        margin-left: 2.1rem;
        /* top: 0; */
    }
}

/********floor_1_main end*******/
/*******floor_2_main******/
.floor_2_main {
    /*! border-radius: 0 0 .26rem .26rem; */
    overflow: hidden;
    /* background: url(../images/f2_bg.jpg) center bottom no-repeat; */
    background-size: cover;
    padding-top: .75rem;
    background: #93d50a;
    padding-bottom: .5rem;
    /*! height: 5.96rem; */
}

.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.55rem;
    /*! background: linear-gradient(to right, #020202 5%, #131316e8 90%); */
    flex-basis: 49%;
    /*! border: 1px solid #fff; */
    /*! border-radius: .4rem; */
    transition: ease-in-out .2s;
    background: #fff;
}

.floor_2_main li a {
    color: #060606;
}

.floor_2_main li .txt {
    padding-left: .4rem;
    display: block;
    margin-right: 53%;
}

.floor_2_main li .txt h3 {
    font-size: 30px;
    padding-top: .35rem;
    font-weight: bold;
}

.floor_2_main li .txt h3 i {
    font-size: 12px;
    vertical-align: top;
    line-height: 14px;
    width: 25px;
    display: inline-block;
    padding-top: .082rem;
}

.floor_2_main li .txt h3 span {
    background: url(../images/index_ico.png) no-repeat;
    background-size: cover;
    width: 28px;
    height: 28px;
    font-size: 18px;
    color: #93d50a;
    display: block;
    line-height: .5rem;
    text-align: center;
    font-style: italic;
    margin-right: .1rem;
    float: left;
    margin-top: .09rem;
}

.floor_2_main li .txt p {
    font-size: 16px;
    color: #3e3c3c;
    line-height: 30px;
    padding-top: .1rem;
}

.floor_2_main li .txt p span {
    font-size: 12px;
    color: #ffffff;
    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, #93d50a, #7fb809); */
    background: #000000;
}

.floor_2_main li:hover .txt {
    color: #f9f7f3;
}

.floor_2_main li:hover .txt p {
    color: #ffffff;
}

.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, #93d50a, #93d50a, #93d50a);
    overflow: hidden;
    padding: .45rem 0;
}

.zhushi {
    border: 1px solid #ffffff;
    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: #ffffff;
    font-size: 14px;
}

@media (max-width: 1440px) {
    .floor_2_main li img {
        width: 55%;
        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: 1280px) {
    .floor_2_main li .txt h3 span {
        background: url(../images/index_ico.png) no-repeat;
        background-size: auto;
        background-size: cover;
        width: 25px;
        height: 25px;
        font-size: 18px;
        color: #93d50a;
        display: block;
        line-height: .5rem;
        text-align: center;
        font-style: italic;
        margin-right: .1rem;
        float: left;
        margin-top: .09rem;
    }

    .floor_2_main li .txt h3 {
        font-size: .28rem;
        line-height: 40px;
        padding-top: .3rem;
    }

    .floor_2_main li .txt h3 i {
        font-size: 12px;
        vertical-align: top;
        line-height: 14px;
        width: 25px;
        display: inline-block;
        padding-top: .085rem;
    }
}

@media (max-width: 768px) {
    .floor_2_main li .txt h3 i {
        font-size: .16rem;
        line-height: .18rem;
        padding-top: .25rem;
        padding-left: .05rem;
        width: .4rem;
    }

    .floor_2_main ul {
        flex-direction: column;
    }

    .floor_2_main li {
        height: 3.42rem;
        flex-basis: auto;
        width: 100%;
    }

    .floor_2_main li img {
        height: 3.45rem;
    }

    .floor_2_main li .txt h3 span {
        font-size: .24rem;
        width: 20px;
        height: 20px;
        margin-top: .22rem;
    }

    .floor_2_main li .txt {
        padding-left: .4rem;
        display: block;
        margin-right: 52%;
    }

    .floor_2_main li:nth-child(2n) .txt {
        margin-right: .3rem;
        margin-left: 52%;
        padding-left: .3rem;
    }

    .floor_2_main li .txt h3 {
        line-height: .8rem;
        font-size: .3rem;
    }

    .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-size: cover;
    padding-top: .75rem;
    padding-bottom: .9rem;
    background-color: #f8faf5;
}

.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 #94d600;
    /*! border-radius: .1rem .28rem .1rem .28rem; */
    overflow: hidden;
    /*! background: url(../images/about_3_bg2.jpg) center top no-repeat; */
    height: 4.56rem;
    background-size: cover;
    text-align: center;
    position: relative;
    background-color: #fff;
}

.floor_3_main .swiper-slide .txt {
    background: url(../images/ryimg.png) center top no-repeat;
    /*! background-size: auto 100%; */
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4.55rem;
    padding: 3.05rem 0rem 0;
    overflow: hidden;
    width: 100%;

    z-index: -1;
}

.floor_3_main .swiper-slide img {
    position: absolute;
    text-align: center;
    margin: 0 auto;
    left: 50%;
    margin-left: -.535rem;
    top: 1.05rem;
    display: block;
    width: 1.07rem;
}

.floor_3_main .swiper-slide p {

    font-size: 24px;
    color: #090909;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.floor_3_main .swiper-slide h3 {
    font-size: 26px;
    color: #040404;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-bottom: .05rem;
}

.floor_3_main .swiper-slide h4 {
    font-size: 14px;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.floor_3_main .swiper-slide:nth-child(2n) {
    margin-top: .59rem;
}

.floor_3_main .swiper-slide-active .txt,
.floor_3_main .swiper-slide:hover .txt {
    background: url(../images/ry_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: #1a1918;
}

.floor_3_main .swiper-slide-active h3,
.floor_3_main .swiper-slide:hover h3 {
    color: #171717;
}

.floor_3_main .swiper-slide-active h4,
.floor_3_main .swiper-slide:hover h4 {
    color: #1a1919;
}

.floor_3_main .swiper-button-next,
.floor_3_main .swiper-button-prev {
    width: .4rem;
    height: .4rem;
    /*! border-radius: 100%; */
    left: -.7rem;
    background: #090909 url(../images/left.png) no-repeat center center;
    margin-top: -.2rem;
}

.floor_3_main .swiper-button-next {
    background: #060606 url(../images/right.png) no-repeat center center;
    left: auto;
    right: -.7rem;
}

.floor_3_main .swiper-button-prev:hover {
    background: #93d50a url(../images/left.png) no-repeat center center;
}

.floor_3_main .swiper-button-next:hover {
    background: #93d50a url(../images/right.png) no-repeat center center;
}

.floor_3_main .swiper-pagination {
    display: none;
}

.floor_3_main .swiper-container-horizontal>.swiper-pagination-bullets,
.floor_3_main .swiper-pagination-custom,
.floor_3_main .swiper-pagination-fraction {
    bottom: -.2rem;
}

.floor_3_main .swiper-pagination-bullet {
    width: .12rem;
    height: .12rem;
}

.floor_3_main .swiper-pagination-bullet-active {
    background: #93d50a;
}

@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: 24px;
    }

    .floor_3_main .swiper-button-next,
    .floor_3_main .swiper-button-prev {
        display: none;
    }
}

@media (max-width: 1280px) {
    .floor_3_main .swiper-slide img {
        top: .95rem;
    }
}

@media (max-width: 768px) {
    .floor_3_main .swiper-slide:nth-child(2n) {
        margin-top: .09rem;
    }

    .about_4_main .swiper-slide:nth-child(2n) {
        margin-top: 0rem ! important;
    }

    .floor_3_main .swiper-slide {
        overflow: initial;
        border: 1px solid #94d600;
        border-radius: 0;
        overflow: hidden;
        background: url(../images/about_3_bg2.jpg) center top no-repeat;
        height: 4.56rem;
        background-size: cover;
        text-align: center;
        position: relative;
        background-color: #fff;
        margin-top: 0rem ! important;
    }

    .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(../images/index6.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, #f8faf5);
    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: #111110 url(../images/left.png) no-repeat center center;
    margin-top: -.2rem;
    /*! background-size: .09rem auto; */
}

.floor_4_main .swiper-button-next {
    background: #151515 url(../images/right.png) no-repeat center center;
    left: auto;
    right: 0;
    /*! background-size: .09rem auto; */
}

.floor_4_main .swiper-button-prev:hover {
    background: #606060 url(../images/left.png) no-repeat center center;
    /*! background-size: .09rem auto; */
}

.floor_4_main .swiper-button-next:hover {
    background: #606060 url(../images/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: 768px) {
    .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: 0rem;
}

.year_main .body {
    position: relative;
    overflow: hidden;
}

.year_main .swiper-button-next,
.year_main .swiper-button-prev {
    width: .48rem;
    height: .5rem;
    background: url(../images/f1_left.png) no-repeat;
    background-size: cover;
    left: 0;
    transition: ease-in-out .2s;
    background: #151515 url(../images/right.png) no-repeat center center;
    left: auto;
    right: 0;
}

.year_main .swiper-button-next {
    background: url(../images/f1_right.png) no-repeat;
    background-size: cover;
    left: auto;
    right: 0;
    width: .4rem;
    height: .4rem;
    border-radius: 0;
    left: 0rem;
    background: #111110 url(../images/left.png) no-repeat center center;
    margin-top: -.2rem;
}

.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;
    margin-top: 40px;
}

.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: #000000;
    font-style: italic;
    left: .3rem;
    position: absolute;
    bottom: 10px;
    z-index: 10;
    line-height: 100px;
    font-family: arial;
}

.year_main .gallery-top .swiper-slide p {
    font-size: 16px;
    line-height: 30px;
    color: #252323;
    padding-left: .4rem;
    margin-top: .67rem;
    /* height: 2rem; */
    text-align: left;
}

.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: #fdfffa;
    font-size: 120px;
    bottom: 10px;
}

.year_main .gallery-thumbs .swiper-slide {
    position: relative;
    text-align: center;
    cursor: pointer;
}

.year_main .gallery-thumbs .swiper-slide i {
    width: 8px;
    height: 8px;
    position: absolute;
    display: block;
    /*! background: url(../images/year_li.png) no-repeat; */
    background-size: cover;
    left: 50%;
    top: 1px;
    z-index: 10;
    margin-left: .3rem;
    background: #0b0b0b;
}

.year_main .gallery-thumbs .swiper-slide .line {
    position: absolute;
    left: 0;
    top: 4px;
    background: #0b0b0b;
    width: 175%;
    z-index: 9;
    height: 2px;
    /*! margin-top: -8px; */
    padding: 0;
    padding-bottom: 1.2rem;
    padding-bottom: 1.2rem;
    padding-bottom: 0;
}

.year_main .gallery-thumbs .swiper-slide p {
    font-size: 18px;
    color: #1c1b1a;
    padding-top: .25rem;
    margin-left: .35rem;
}

.year_main .gallery-thumbs .swiper-slide-thumb-active i {
    /*! background: url(../images/year_on.png) no-repeat; */
    background-size: cover;
    background: #0b0b0b;
    width: 12px;
    height: 20px;
    margin-top: -8px;
    top: 0;
}

.year_main .gallery-thumbs .swiper-slide-thumb-active p {
    color: #fff;
}

.year_main .gallery-thumbs .end {
    position: absolute;
    right: 120px;
    top: 2.5px;
    width: 8px;
    height: 5px;
    background: url(../images/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: 768px) {
    .year_main .swiper-container {
        margin: 0 .7rem;
        margin-bottom: .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: 0rem;
        left: 1rem;
    }

    .year_main .gallery-top .swiper-slide p {
        font-size: .26rem;
        /*! height: 1.8rem; */
        line-height: .45rem;
        padding-left: 0rem;
    }

    .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;
        background: #111110 url(../images/left.png) no-repeat center center;
    }

    .year_main .swiper-button-next {
        left: auto;
        right: .2rem;
        background: #151515 url(../images/right.png) no-repeat center center;
        width: .48rem;
        height: .5rem;
    }
}

/******品牌历史year_main end****/
/********品牌故事 about*****/
.abou_1_main {
    border-radius: 0 0 .26rem .26rem;
    overflow: hidden;
    padding: 0rem 0 1.2rem;
    text-align: center;
}

.abou_1_main .top {
    background: url(../images/about_1_ico.png) no-repeat center top;
    background-size: cover;
    width: 404px;
    height: 420px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: .56rem;
}

.abou_1_main .top h3 {
    font-size: 56px;
    color: #93d50a;
    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(../images/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(../images/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: .39rem;
}

.abou_1_main dl dd {
    width: 200px;
    height: 45px;
    background: #000000;
    text-align: center;
    font-size: 18px;
    margin: 0 10px;
    float: left;
    line-height: 45px;
    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, #93d50a, #76ac07);
}

.abou_1_main dl dd.hover a,
.abou_1_main dl dd:hover a {
    color: #ffffff;
    font-weight: bold;
}

.body.pp1 {
    /*! display: flex; */
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    align-items: flex-start;
}

.ppgs .body h3 {
    font-size: 45px;
    /*! line-height: 34px; */
    padding-top: .3rem;
    padding-bottom: 0;
    padding-left: 5%;
    font-weight: 700;
}

.ppgs .body h3 i {
    font-size: 12px;
    vertical-align: top;
    line-height: 10px;
    width: 25px;
    display: inline-block;
    padding-top: 0rem;
}

.about_2_main {
    /*! background: url(../images/f2_bg.jpg) center top no-repeat; */
    background-size: cover;
    /*! border-radius: 0 0 .26rem .26rem; */
    overflow: hidden;
    /*! padding: .9rem 0 .85rem; */
    /*! background: #f8faf5; */
}

.about_2_main.diwen {
    padding-bottom: 100px;
}

.ppgs .body .left {
    width: 43%;
    margin-top: 0;
    margin-left: 80px;
    float: left;
    margin-right: 8%;
    margin-bottom: 8px;
}

.ppgs .right {
    width: 43%;
    margin-top: 0;
    margin-right: 80px;
    float: right;
    margin-left: 8%;
    margin-bottom: 8px;
}

.about_2_main .body .left {
    width: 43%;
    margin-top: 0;
    margin-left: 80px;

}

#aboutmp4 {
    width: auto;
    margin-top: -.3rem;
    margin-left: 0;
    margin-bottom: 1.2rem;
}

.about_2_main .body .right {
    width: 43%;
    margin-top: 60px;
    margin-left: 80px;
}

.about_2_main.anquan .body .left {
    width: 8%;
    margin-top: 7.5%;
    margin-left: 6.5%;
    position: absolute;
    z-index: 999;
}

.about_2_main.anquan .body .left.two {
    width: 38%;
    margin-top: 5.5%;
    margin-left: 2%;
    position: absolute;
    z-index: 999;
}

.about_2_main.anquan .body .left.three {
    width: 38%;
    margin-top: 5.5%;
    margin-left: 2%;
    position: absolute;
    z-index: 999;
}

.about_2_main.anquan .body .right img {
    width: 100%;
    padding: 0 2%;
}

.about_2_main.anquan .body .center {
    width: 100%;
    margin-top: 0;
    margin-left: 0;
    text-align: center;
    display: flex;
    z-index: -1;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.about_2_main.diwen .body .left {
    width: 8%;
    margin-top: 7.5%;
    margin-left: 6.5%;
    position: absolute;
    z-index: 999;
}

.about_2_main.diwen .body .left.two {
    width: 38%;
    margin-top: 5.5%;
    margin-left: 2%;
    position: absolute;
    z-index: 999;
}

.about_2_main.diwen .body .left.three {
    width: 38%;
    margin-top: 5.5%;
    margin-left: 2%;
    position: absolute;
    z-index: 999;
}

.about_2_main.diwen .body .right img {
    width: 100%;
    padding: 0 2%;
}

.about_2_main.diwen .body .center {
    width: 100%;
    margin-top: .5%;
    margin-left: 0;
    text-align: center;
    display: flex;
    z-index: -1;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.about_2_main.diwen .body .left {
    width: 38.5%;
    margin: 30px auto;
    margin-left: 80px;
}

.about_2_main.diwen .body .right {
    width: 40%;
    margin-top: 50px;
    margin-left: 0px;
}

.about_2_main.diwen .body .center.two {
    width: 100%;
    margin-top: 4%;
    margin-left: 0;
    text-align: center;
    display: flex;
    z-index: -1;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
}

.about_2_main .body .left img {
    width: 100%;
    vertical-align: top;
}

.about_2_main .body .right.two {
    width: 44%;
}

.about_2_main .body .right.three {
    width: 44%;
}

.about_2_main .body .right img {
    width: 80%;
    padding: 5%;
}

.about_2_main .body .right h3 {
    font-size: 48px;
    line-height: 55px;
    color: #000;
    padding-bottom: 0;
    padding-top: 0;
}

.about_2_main .body .left .p {
    font-size: 18px;
    line-height: 30px;
    color: #2f1e1b;
    padding: 10% 5% 5% 5%;
}

.about_2_main .body .left .p p {
    padding: 6% 0;
}

.about_2_main.anquan .body .right .p {
    font-size: 18px;
    line-height: 30px;
    color: #2f1e1b;
    padding: 18% 15% 10% 5%;
}

.about_2_main .body .right .p {
    font-size: 18px;
    line-height: 30px;
    color: #2f1e1b;
    padding: 12% 15% 10% 5%;
}

.ppgs .body .p {
    font-size: .18rem;
    line-height: .38rem;
    color: #151515;
    padding: 3.2% 5% 5.5% 5%;
}

.ppgs .body .p p {
    padding: 1.2% 0;
}

.about_2_main .body .right .p p {
    padding: 3% 0;
}

.about_2_main .body .right .bz {
    font-size: 22px;
    line-height: 38px;
    color: #111;
    background: rgb(148, 214, 0);
}

.about_2_main .body .left .bz {
    font-size: 22px;
    line-height: 38px;
    color: #111;
    background: rgb(148, 214, 0);
}

.about_2_main .body .right .more {
    margin-top: .82rem;
}

.about_3_main {
    /* background: url(../images/about_3_bg.jpg) center bottom no-repeat; */
    background-size: cover;
    border-radius: 0;
    background: #94d600;
}

.about_4_main {
    overflow: hidden;
}

.about_4_main .swiper-slide:nth-child(2n) {
    margin-top: .59rem;
}

.about_4_main .more {
    margin-top: .4rem;
}

.about_4_main .more a {
    margin: 0 auto;
}

.about_5_main {
    /* background: url(../images/about_3_bg.jpg) center bottom no-repeat; */
    background-size: cover;
    border-radius: 0;
    overflow: hidden;
    padding: .7rem 0 .85rem;
    background: #fafcf8;
}

.about_5_main .index_title p {
    color: #222221;
    font-size: 30px;
}

.index_title .pp-fb {
    color: #060606;
    font-size: 30px !important;
    padding-bottom: 100px;
    font-weight: 500;
}

.index_title .pp-fb i {
    font-size: 12px;
    vertical-align: top;
    line-height: 10px;
    width: 25px;
    display: inline-block;
    padding-top: 0rem;
}

.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: 8px solid #aaaca9;
    border-radius: 0;
    z-index: 11;
    position: relative;
    vertical-align: top;
    transition: ease-in-out .2s;
    /*! padding-top: 2rem; */
}

.about_5_main .body ul .four img {
    width: 1.57rem;
    height: 1.57rem;
    object-fit: cover;
    border: 8px solid #aaaca9;
    border-radius: 0;
    z-index: 11;
    position: relative;
    vertical-align: top;
    transition: ease-in-out .2s;
    /*! padding-top: 2rem; */
    margin-bottom: 80px;
}

.about_5_main .body ul li span {
    font-size: 22px;
    color: #353433;
    position: relative;
    z-index: 15;
    line-height: 50px;
}

.about_5_main .body ul li p {
    font-size: 13px;
    color: #353433;
    padding-top: 0rem;
    position: relative;
    z-index: 15;
    text-align: left;
    width: 125%;
}

.about_5_main .body ul li:nth-child(4) p {
    text-align: left;
}

.about_5_main .body ul li .line {
    width: 240%;
    height: .1rem;
    /*! background: #aaaca9; */
    position: absolute;
    right: .785rem;
    top: .75rem;
    z-index: 9;
}

.about_5_main .body ul li .line.leftto {
    width: 240%;
    height: .1rem;
    /*! background: #aaaca9; */
    position: absolute;
    right: .785rem;
    top: .75rem;
    z-index: 9;
    left: 100%;
    width: 187%;
}

.about_5_main .body ul li .line.to {
    width: 215%;
    height: .1rem;
    /*! background: #aaaca9; */
    position: absolute;
    right: .785rem;
    top: .75rem;
    /*! z-index: 9; */
    right: -188%;
}

.about_5_main .body ul li .line.four {
    width: 240%;
    height: .1rem;
    background: #fff;
    position: absolute;
    right: .785rem;
    top: -.5rem;
    z-index: 9;
}

.about_5_main .body ul li .line b {
    width: 0;
    height: 100%;
    /*! background: #93d50a; */
    transition: ease-in-out .5s;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}

.about_5_main .body ul li .line.four i {
    width: 20px;
    height: 100%;
    background: url(../images/about_5_jian4.png) no-repeat;
    display: block;
    position: absolute;
    left: 0%;
    top: 0%;
    z-index: 11;
    background-size: auto 100%;
}

.about_5_main .body ul li .line.leftto i {
    width: 100%;
    height: .1rem;
    background: url(../images/about_5_jian3.png) no-repeat;
    display: block;
    position: absolute;
    left: 0%;
    top: 0;
    z-index: 12;
    background-size: auto 100%;
}

.about_5_main .body ul li .line i {
    width: 100%;
    height: .1rem;
    background: url(../images/about_5_jian.png) no-repeat;
    display: block;
    position: absolute;
    left: 8%;
    top: 0;
    z-index: 15;
    background-size: auto 100%;
}

.about_5_main .body ul li .ico.four {
    width: .75rem;
    height: .9rem;
    background: url(../images/about_5_nai.png) no-repeat;
    background-size: cover;
    position: absolute;
    top: -1rem;
    right: 126%;
    z-index: 11;
    transition: ease-in-out .2s;
    transform: translateY(-10px);
    opacity: 0;
}

.about_5_main .body ul li .ico.six {
    width: .75rem;
    height: .9rem;
    background: url(../images/about_5_nai2.png) no-repeat;
    background-size: auto;
    background-size: cover;
    position: absolute;
    top: *2rem;
    left: 186%;
    z-index: 11;
    transition: ease-in-out .2s;
    transform: translateY(-10px);
    opacity: 0;
}

.about_5_main .body ul li .ico {
    width: .75rem;
    height: .9rem;
    background: url(../images/about_5_nai.png) no-repeat;
    background-size: cover;
    position: absolute;
    top: .3rem;
    right: 150%;
    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: 86.5%;
    right: 0;
    top: 25%;
}

.about_5_main .body ul li:nth-child(5) {
    left: 60%;
    right: 0;
    top: 2.77rem;
}

.about_5_main .body ul li:nth-child(4) .line {
    width: .08rem;
    left: 50%;
    bottom: 2rem;
    height: 84.8%;
    top: -.5rem;
    padding: 0;
}

.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: 30%;
    top: 2.77rem;
}

.about_5_main .body ul li:nth-child(7) {
    left: 0%;
    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: -185%;
    width: 232%;
}

.about_5_main .body ul li:nth-child(6) .line i,
.about_5_main .body ul li:nth-child(7) .line i,
.about_5_main .body ul li:nth-child(8) .line i {
    background: url(../images/about_5_jian2.png) no-repeat;
}

.about_5_main .body ul li:nth-child(6) .ico,
.about_5_main .body ul li:nth-child(7) .ico,
.about_5_main .body ul li:nth-child(8) .ico {
    background: url(../images/about_5_nai2.png) no-repeat;
    background-size: cover;
    right: -100%;
}

.about_5_main .body ul li.hover .line b {
    width: 100%;
}

.about_5_main .body ul li.hover img {
    border-color: #ffffff;
}

.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;
    /*! margin: 0 auto; */
}

.about_5_main .body_m .item img {
    width: 1.57rem;
    height: 1.57rem;
    border: .1rem solid #aaaca9;
    border-radius: 0;
    margin: 0 auto;
    display: block;
}

.about_5_main .body_m .item p {
    font-size: .26rem;
    padding: 0 .1rem;
    padding-top: .1rem;
    line-height: .45rem;
    height: .9rem;
}

.about_5_main .body_m .item b {
    /*! display: block; */
    width: .69rem;
    height: .8rem;
    background: url(../images/about_5_nai.png) no-repeat;
    background-size: cover;
    margin: 0 auto;
    line-height: .9rem;
    font-size: .24rem;
    color: #93d50a;
    margin-bottom: .1rem;
}

.about_5_main .body_m .item:nth-child(5) b,
.about_5_main .body_m .item:nth-child(6) b,
.about_5_main .body_m .item:nth-child(7) b,
.about_5_main .body_m .item:nth-child(8) b {
    background: url(../images/about_5_nai2.png) no-repeat;
    background-size: cover;
}

.about_5_main .body2 {
    padding-top: .3rem;
}

.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 #93d50a;
    border-radius: 100%;
}

.about_5_main .body2 .right {
    padding-left: .5rem;
    float: left;
    padding-top: .25rem;
    font-size: 30px;
    color: #93d50a;
    line-height: 45px;
}

.about_6_main {
    padding: 1rem 0 .6rem;
    background: linear-gradient(to right, #ffffff, #ffffff, #ffffff);
    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: .51rem;
    background: linear-gradient(to right, #8fcb11, #93d50a);
    text-align: center;
    line-height: .51rem;
    color: #ffffff;
    font-size: 24px;
    border-radius: .355rem;
    position: relative;
}

.about_6_main .tip .span:hover {
    background: #282924;
    color: #fff;
    box-shadow: 0 0.2rem 0.2rem -0.2rem rgb(0 0 0 / 80%);
}

.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, #ecf7d5, #ffffff);
    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: #93d50a;
}

.about_6_main .body .item h3 {
    font-size: 30px;
    color: #93d50a;
    padding-top: .45rem;
    padding-bottom: .25rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.about_6_main .body .item p {
    font-size: 16px;
    line-height: 30px;
    color: #2f1e1b;
}

.about_6_main .body .item i {
    display: block;
    width: .62rem;
    height: .41rem;
    background: url(../images/about_6_ico.png) no-repeat;
    background-size: cover;
    position: absolute;
    right: .4rem;
    top: .25rem;
}

.about_6_main .body .item:hover {
    box-shadow: 0.1rem 0.15rem 0rem -0.1rem #93d50a;
}

.about_6_main .body .item:hover h3 {
    font-weight: bold;
}

.about_6_main .body .item:hover img {
    border: .06rem solid #93d50a;
    background: #93d50a;
}

.about_6_main .body .item:hover i {
    background: url(../images/about_6_ico2.png) no-repeat;
    background-size: cover;
}

@media (max-width: 1440px) {
    .abou_1_main ul li {
        margin: 0 30px;
    }

    .anquan_main .body .left {
        width: 47%;
        margin-top: -8.5%;
    }

    .about_2_main.anquan .body .center {
        width: 100%;
        margin-top: 0;
        margin-left: 0;
        text-align: center;
        display: flex;
        /*! position: absolute; */
        z-index: -1;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    .about_2_main.anquan .body .center img {
        width: 100%;
    }

    .anquan_main .body .right {
        width: 49%;
    }

    .diwen_main .body .left {
        width: 47%;
        margin-top: -8.5%;
    }

    .about_2_main.diwen .body .center {
        width: 100%;
        margin-top: .2rem;
        margin-left: 0;
        text-align: center;
        display: flex;
        /*! position: absolute; */
        z-index: -1;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    .about_2_main.diwen .body .center img {
        width: 100%;
    }

    .diwen_main .body .right {
        width: 49%;
    }

    .ppgs .body h3 {
        font-size: .33rem;
        line-height: .45rem;
        font-weight: bold;
    }

    .ppgs .body .left {
        width: 47%;
        margin-top: 0;
    }

    .ppgs .body .left {
        width: 37%;
        margin-top: 0;
        float: left;
        margin-right: 80px;
    }

    .about_2_main .body .left {
        width: 47%;
        margin-top: -8.5%;
    }

    .ppgs .body .right {
        width: 49%;
    }

    .about_2_main .body .right {
        width: 49%;
    }

    .ppgs .body .right {
        width: 49%;
    }



    .about_2_main .body .right h3 {
        font-size: 32px;
        line-height: 34px;
        padding-top: .5rem;
    }

    .ppgs .body h3 {
        font-size: .45rem;
        line-height: .55rem;
        padding-top: .1rem;
        padding-bottom: 0;
        color: #000;
        font-weight: 700;
    }


    .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: 768px) {
    .about_5_main .body_m .item b {
        display: block;
        width: .69rem;
        height: .85rem;
        background: url(../images/about_5_nai.png) no-repeat;
        background-size: cover;
        margin: 0 auto;
        line-height: .9rem;
        font-size: .24rem;
        color: #93d50a;
        margin-bottom: .1rem;
    }

    .about_5_main .body_m .item:nth-child(5) b,
    .about_5_main .body_m .item:nth-child(6) b,
    .about_5_main .body_m .item:nth-child(7) b,
    .about_5_main .body_m .item:nth-child(8) b {
        background: url(../images/about_5_nai2.png) no-repeat;
        background-size: cover;
    }

    .about_5_main .body2 {
        padding-top: .3rem;
    }

    .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 #93d50a;
        border-radius: 100%;
    }

    .about_5_main .body2 .right {
        padding-left: .5rem;
        float: left;
        padding-top: .25rem;
        font-size: 30px;
        color: #93d50a;
        line-height: 45px;
    }

    .about_6_main {
        padding: 1rem 0 .6rem;
        background: linear-gradient(to right, #ffffff, #ffffff, #ffffff);
        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: .51rem;
        background: linear-gradient(to right, #8fcb11, #93d50a);
        text-align: center;
        line-height: .51rem;
        color: #ffffff;
        font-size: 24px;
        border-radius: .355rem;
        position: relative;
    }

    .about_6_main .tip .span:hover {
        background: #282924;
        color: #fff;
        box-shadow: 0 0.2rem 0.2rem -0.2rem rgb(0 0 0 / 80%);
    }

    .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, #ecf7d5, #ffffff);
        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: #93d50a;
    }

    .about_6_main .body .item h3 {
        font-size: 30px;
        color: #93d50a;
        padding-top: .45rem;
        padding-bottom: .25rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .about_6_main .body .item p {
        font-size: 16px;
        line-height: 30px;
        color: #2f1e1b;
    }

    .about_6_main .body .item i {
        display: block;
        width: .62rem;
        height: .41rem;
        background: url(../images/about_6_ico.png) no-repeat;
        background-size: cover;
        position: absolute;
        right: .4rem;
        top: .25rem;
    }

    .about_6_main .body .item:hover {
        box-shadow: 0.1rem 0.15rem 0rem -0.1rem #93d50a;
    }

    .about_6_main .body .item:hover h3 {
        font-weight: bold;
    }

    .about_6_main .body .item:hover img {
        border: .06rem solid #93d50a;
        background: #93d50a;
    }

    .about_6_main .body .item:hover i {
        background: url(../images/about_6_ico2.png) no-repeat;
        background-size: cover;
    }

    .abou_1_main {
        padding: 0rem 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: .45rem 2% 0;
    }

    .abou_1_main dl dd {
        width: 32%;
        margin-left: 0;
        margin-right: 2%;
        height: .6rem;
        line-height: .6rem;
        font-size: .24rem;
    }

    .abou_1_main dl dd:nth-child(3n) {
        margin-right: 0;
    }

    .about_2_main .body {
        padding: 0 .1rem;
    }

    .about_2_main.diwen .body .left.two {
        width: 90%;
        margin-top: 5.5%;
        margin-left: 2%;
        position: absolute;
        z-index: 999;
    }

    .about_2_main.diwen {
        padding-bottom: 0px;
    }

    .about_2_main.diwen .body .left {
        width: 90%;
        margin-top: -1.5%;
        margin-left: 0;
        position: absolute;
        z-index: 999;
    }

    .about_2_main.anquan .body .left.two {
        width: 90%;
        margin-top: 5.5%;
        margin-left: 2%;
        position: absolute;
        z-index: 999;
    }

    .about_2_main.anquan .body .left {
        width: 20%;
        margin-top: -1%;
        margin-left: .5%;
        position: absolute;
        z-index: 999;
    }

    .about_2_main .body .right.two {
        width: 100%;
    }

    .ppgs .body .p {
        font-size: .26rem;
        line-height: .42rem;
        color: #151515;
        padding: 4% 5% 5.5% 5%;
    }

    .about_2_main .body .left {
        width: 100%;
        margin: 0 0%;
        margin-bottom: .8rem;
        /*! margin-top: -.65rem; */
    }

    .about_2_main .body .left .p {
        font-size: .26rem;
        line-height: .45rem;
        color: #2f1e1b;
        padding: 0% 0% 0% 0%;
    }

    .about_2_main .body .left .p p {
        padding: 3% 0;
    }

    .about_2_main .body .left .bz {
        font-size: .3rem;
        line-height: .5rem;
        color: #111;
        background: rgb(148, 214, 0);
    }

    .about_2_main .body .right img {
        width: 100%;
        padding: 5%;
    }

    .about_2_main.diwen .body .right {
        width: 100%;
        margin-top: 50px;
        margin-left: 0px;
    }

    .about_2_main .body .right {
        width: 100%;
        margin-top: 0 ! important;
        width: 100%;
        margin: 0 0%;
        margin-bottom: .8rem ! important;
    }

    .about_2_main .body .right h3 {
        font-size: .33rem;
        line-height: .45rem;
        font-weight: bold;
    }

    .about_2_main .body .right .bz {
        font-size: .3rem;
        line-height: .5rem;
        color: #111;
        background: rgb(148, 214, 0);
    }

    .about_2_main.anquan .body .right .p {
        font-size: .26rem;
        line-height: .45rem;
        color: #2f1e1b;
        padding: 55% 0% 0% 0%;
    }

    .about_2_main.diwen .body .right .p {
        font-size: .26rem;
        line-height: .45rem;
        color: #2f1e1b;
        padding: 55% 0% 0% 0%;
    }

    .about_2_main .body .right .p {
        font-size: .26rem;
        line-height: .45rem;
        padding: 2% 1.5% 2% 1.5%;
    }

    .about_5_main .w1400 {
        width: 96%;
        margin: 0 2%;
    }

    .about_5_main .index_title .pp-fb {
        color: #282827;
        font-size: .32rem !important;
        padding-bottom: 30px;
        height: 1.2rem !important;
        padding-top: .2rem;
        margin-top: 0px;
    }

    .index_title .pp-fb {
        color: #060606;
        font-size: .32rem !important;
        padding-bottom: 30px;
        font-weight: 500;
    }

    .about_5_main .index_title p {
        font-size: .22rem ! important;
        margin: 0 auto;
        width: 100%;
        line-height: .35rem ! important;
        height: 1.5rem ! important;
    }

    .about_5_main .index_title span {
        font-size: .3rem;
        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, #93d50a, #fbeed4, #93d50a);
    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(../images/gongyi_1_bg.png) left top no-repeat;
    background-size: auto 100%;
    width: 277px;
    padding-left: 30px;
}

.gongyi_main_1 li .txt h3 {
    font-size: 24px;
    color: #93d50a;
    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 #93d50a;
}

.gongyi_main_1 li:hover .txt {
    background: url(../images/gongyi_1_bg2.png) left top no-repeat;
    background-size: auto 100%;
}

.gongyi_main_1 li:hover .txt h3 {
    color: #fef7e3;
}

.gongyi_main_1 li:hover .txt .p {
    color: #fef7e3;
}

.gongyi_main_2 {
    background: linear-gradient(to right, #ffffff, #ffffff, #fefffc);
    overflow: hidden;
    padding: 0rem 0 1.1rem;
}

.gongyi_main_2 .hd li {
    width: 32%;
    float: left;
    border: 1px solid #000000;
    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 #000000;
    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: #93d50a;
}

.gongyi_main_2 .box3 {
    padding: .69rem 0 .1rem;
}

.gongyi_main_2 .box3.product li {
    width: 32%;
    margin-right: 2%;
    float: left;
    border: 1px solid #def3c000;
    border-radius: 0;
    background: #f3f8ec00;
    overflow: hidden;
    padding-right: 0;
    padding-top: 0;
    margin-bottom: 0;
}

.gongyi_main_2 .box3 li {
    width: 32%;
    margin-right: 2%;
    float: left;
    border: 1px solid #def3c0;
    border-radius: .06rem .26rem .06rem .26rem;
    background: #f3f8ec;
    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.article li .img {
    position: relative;
    /*! padding-top: 56.25%; */
    width: 100%;
    display: block;
    overflow: hidden;
    border-radius: .06rem;
    vertical-align: top;
    width: 430px;
    height: 250px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    padding: 1px;
}

.gongyi_main_2 .box3.article li .img img {
    max-width: 100%;
    max-height: 100%;

}

.gongyi_main_2 .box3.product li .img {
    width: 600px;
    height: 500px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    padding: 1px;

    background: #f2f4f3;
    border: 1px solid #def3c0;
    border-radius: 0;
    background: #f3f8ec;
}

.gongyi_main_2 .box3.product li .img:hover {
    box-shadow: 0.05rem 0.05rem 0.02rem 0 #93d50a;
}

.gongyi_main_2 .box3.product li .img img {
    /*! display: ; */
    /*! position: absolute; */
    left: 0;
    top: 0;
    /*! width: 100%; */
    object-fit: cover;
    /*! height: 100%; */
    bottom: 0;
    right: 0;
    /*! background: #f2f4f3; */
    max-width: 100%;
    max-height: 100%;
    padding: 20px;
    margin-top: 20px;
}

.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, #93d50a, #80bb06);
    border-radius: .16rem 0 0 0;
    text-align: center;
}

.gongyi_main_2 .box3 li .img span h3 {
    font-size: 54px;
    color: #ffffff;
    font-family: arial;
    padding-top: .1rem;
}

.gongyi_main_2 .box3 li .img span p {
    color: #ffffff;
    font-size: 16px;
}

.gongyi_main_2 .box3 li .txt {
    padding-left: .29rem;
    display: block;
    padding-top: .28rem;
}

.gongyi_main_2 .box3.product li .txt {
    padding-left: .29rem;
    display: block;
    padding: .2rem;
    text-align: center;
}

.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.product 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: 0rem;
    line-height: 30px;
    height: auto
}

.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(../images/gongyi_1_bg.png) -10px top no-repeat;
        background-size: auto 100%;
    }

    .gongyi_main_1 li .txt .p {
        font-size: 12px;
    }

    .gongyi_main_2 .hd li i {
        margin-left: .3rem;
    }

    .gongyi_main_2 .hd li span {
        font-size: 24px;
    }

    .gongyi_main_2 .bd .box1 .left .p {
        font-size: 17px;
        padding-right: .5rem;
    }

    .gongyi_main_2 .box1 .left {
        height: 3.8rem;
    }

    .gongyi_main_2 .box1 .right {
        height: 3.8rem;
    }

    .gongyi_main_2 .box3 li .txt h3 {
        font-size: 18px;
    }

    .gongyi_main_2 .box3 li .txt img {
        width: .4rem;
    }

    .gongyi_main_2 .box3 li .img span h3 {
        font-size: 35px;
    }

    .gongyi_main_2 .box3 li .img span {
        height: 80px;
    }
}

@media (max-width: 1360px) {
    .gongyi_main_1 li img {
        margin-right: -.4rem;
    }
}

@media (max-width: 768px) {
    .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_2 .box3.product li {
        width: 48.5%;
        margin-right: 1.5%;
        float: left;
        border: 1px solid #def3c000;
        border-radius: 0;
        background: #f3f8ec00;
        overflow: hidden;
        padding-right: 0;
        margin-top: 0;
        margin-bottom: 0;
    }

    .gongyi_main_2 .box3.product li .img {
        width: 300px;
        height: 280px;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        padding: 1px;
        background: #f2f4f3;
        border: 1px solid #def3c0;
        border-radius: 0;
        background: #f3f8ec;
    }

    .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 #93d50a;
    background: #ffffff;
}

.pager ul a.current,
.pager ul a:hover {
    color: #fff;
    border: 1px solid #93d50a;
    background: #93d50a;
}

/********品牌公益  end*****/
/******精研品牌*******/
.gongyi_main_3 {
    background: linear-gradient(to right, #ffffff, #ffffff, #ffffff);
    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: #000000;
    margin-right: .12rem;
    float: left;
    cursor: pointer;
}

.gongyi_main_3 .w1400 .hd li.on {
    background: #93d50a;
}

.gongyi_main_3 .w1400 .bd {
    border: 1px solid #eaf3d7;
    border-radius: .06rem .26rem .06rem .26rem;
    overflow: hidden;
    background: #f3f8ec;
}

.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, #93d50a, #80bb06);
    border-radius: .16rem 0 0 0;
    text-align: center;
}

.gongyi_main_3 .w1400 .bd .con .span h3 {
    font-size: 54px;
    color: #ffffff;
    font-family: arial;
    padding-top: .1rem;
}

.gongyi_main_3 .w1400 .bd .con .span p {
    color: #ffffff;
    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.product li:hover {
    box-shadow: 0.05rem 0.05rem 0.02rem 0 #93d50a00;
}

.gongyi_main_4 .box3 li:hover {
    box-shadow: 0.05rem 0.05rem 0.02rem 0 #93d50a;
}

@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: 768px) {
    .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_2 .box3.article li .img {
        position: relative;
        padding-top: 56.25%;
        width: 100%;
        display: block;
        overflow: hidden;
        border-radius: .06rem;
        vertical-align: top;
        width: 520px;
        height: 350px;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        padding: 1px;
    }

    .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(../images/jishu_1.jpg) center top no-repeat;
    width: 100%;
    padding: 1.14rem 0 1.36rem;
}

.jishu_main_1 .top {
    border: 1px solid #000000;
    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 #000000;
    border-radius: .06rem .26rem .06rem .26rem;
    overflow: hidden;
    text-align: center;
}

.jishu_main_1 li img {
    width: 100%;
    vertical-align: top;
}

.jishu_main_1 li .txt {
    transition: ease-in-out .2s;
    background: url(../images/jishu_1_li.png) center top no-repeat;
    width: 100%;
    height: 2.3rem;
    bottom: -.82rem;
    position: absolute;
    left: 0;
}

.jishu_main_1 li .txt h3 {
    font-size: 22px;
    color: #3f2525;
    padding-top: .53rem;
    padding-bottom: .4rem;
}

.jishu_main_1 li .txt p {
    font-size: 14px;
    line-height: 28px;
    padding: 0 10px;
    color: #2f1e1b;
    opacity: 0;
}

.jishu_main_1 li:nth-child(3) {
    margin-right: 0;
}

.jishu_main_1 li:hover .txt {
    bottom: 0;
    background: url(../images/jishu_1_on.png) center top no-repeat;
}

.jishu_main_1 li:hover .txt h3 {
    color: #ffffff;
    font-weight: bold;
}

.jishu_main_1 li:hover .txt p {
    opacity: 1;
}

.jishu_main_2 {
    background: url(../images/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: #93d50a;
    font-weight: bold;
    line-height: 65px;
    margin-bottom: 66px;
}

.jishu_main_2 .txt h4 {
    background: url(../images/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, #ffffff, #fefffd, #ffffff); */
    overflow: hidden;
    padding: 1.1rem 0 .0rem;
}

.jishu_main_3 .top {
    border: 1px solid #0000002e;
    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, #ffffff, #ffffff);
    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: #5b5958;
    line-height: 34px;
}

.jishu_main_3 .top span {
    font-size: 20px;
    color: #93d50a;
    line-height: 34px;
    font-weight: 500;
}

.jishu_main_3 .body {
    border-radius: .06rem .26rem .06rem .26rem;
    overflow: hidden;
    background-image: linear-gradient(180deg, #fafdf3, #fff);
    border: 1px solid #93d50a75;
    box-shadow: 8px 8px 20px rgb(135 145 126 / 8%), -8px -8px 20px #fff;
    /* border-radius: 15px; */
    padding: 60px 20px 60px 50px;
}

.jishu_main_3 .body .img {
    width: 28%;
    /* border-right: 1px solid #000000; */
    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: 28%;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: #000000;
    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;
    letter-spacing: 2px;
}

.jishu_main_3 .body .right .hd li.on {
    background: linear-gradient(to right, #93d50a, #a4ce4c);
}

.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 h2 {
    overflow: auto;
    font-size: 22px;
    color: #93d50a;
    font-weight: 600;
    margin-bottom: 10px;
}

.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: #000000;
    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: #93d50a;
}

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

.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: 768px) {
    .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 #000000;
        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(../images/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: #93d50a;
    }

    .jishu_main_2 .txt .more a {
        background: #93d50a;
    }

    .jishu_main_3 {
        padding: 1rem 0 0rem;
    }

    .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;
        border: 1px solid #93d50a75;
        border-radius: 0.06rem 0.26rem 0.06rem 0.26rem;
        padding: 40px 20px 50px 20px;
    }

    .jishu_main_3 .body .img {
        width: 100%;
        border-radius: .06rem .26rem .06rem .26rem;
        overflow: hidden;
        /* border: 1px solid #000000; */
    }

    .jishu_main_3 .body .right {
        width: 100%;
    }

    .jishu_main_3 .body .right .hd li {
        width: 31%;
        margin-right: 2%;
        height: .7rem;
        line-height: .7rem;
        border-radius: .35rem;
    }

    .jishu_main_3 .body .right .hd li a {
        font-size: .28rem;
        letter-spacing: 0px;
    }

    .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("../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("../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("../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("../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("../images/product_bg.jpg") no-repeat;
    transition: ease-in-out 0.2s;
    color: #fff;
    box-sizing: border-box;
    padding-left: 100px;
    background-size: cover;
}

.product_list li .left h3 {
    font-size: 40px;
    padding-top: 100px;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}

.product_list li .left h3 a {
    width: 155px;
    height: 38px;
    background: url("../images/btn.png") no-repeat;
    display: inline-block;
    margin-left: 62px;
    font-size: 14px;
    color: #284269;
    text-align: center;
    line-height: 38px;
    vertical-align: middle;
    margin-bottom: 4px;
    transition: ease-in-out 0.2s;
}

.product_list li .left h3 a:hover {
    transform: translateX(10px);
}

.product_list li .left h5 {
    font-size: 20px;
    margin-bottom: 20px;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}

.product_list li .left p {
    padding-bottom: 20px;
    font-size: 18px;
    width: 600px;
    line-height: 28px;
}

.product_list li .left h4 span {
    display: block;
    width: 103px;
    height: 29px;
    text-align: center;
    float: left;
    background: #296dc6;
    line-height: 29px;
    margin-right: 10px;
    border-radius: 5px;
    color: #fff;
}

.product_list li .left h4 span:hover {
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
}

.product_list li dl {
    position: absolute;
    left: 100px;
    bottom: -122px;
}

.product_list li dl dd {
    float: left;
    width: 199px;
    height: 308px;
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
    margin-right: 49px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.05);
}

.product_list li dl dd img {
    width: 100%;
    height: 212px;
}

.product_list li dl dd p {
    border-top: 1px solid #ddd;
    font-size: 16px;
    color: #666;
    text-align: center;
    margin-top: 15px;
    line-height: 51px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.product_list li dl dd:hover {
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.15);
    transform: translateY(-5px);
    transition: ease-in-out 0.2s;
}

.product_list li .no1 {
    position: absolute;
    right: 67px;
    bottom: -175px;
}

.product_list li .no1 img {
    width: 350px;
}

.product_list li .no1:hover {
    transition: ease-in-out 0.2s;
    transform: translateY(-10px);
}

.product_list li:last-child {
    height: 465px;
    margin-bottom: 100px;
}

.product_list li:last-child dl {
    display: none;
}

.product_list li:last-child .no1 {
    display: none;
}

.life_main_1 {
    background: #f5f5f5;
    padding-top: 100px;
    padding-bottom: 100px;
}

.life_main_1 .about_title {
    text-align: center;
    padding-bottom: 50px;
}

.life_main_1 .box1 {
    width: 334px;
    height: 521px;
    overflow: hidden;
}

.life_main_1 .box1 li {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 16px;
}

.life_main_1 .box1 li img {
    width: 100%;
    height: 251px;
    display: block;
}

.life_main_1 .box1 li a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.life_main_1 .box1 li a:hover img {
    transform: scale(1.1);
    transition: ease-in-out 0.2s;
}

.life_main_1 .box2 {
    width: 692px;
    height: 519px;
    margin-left: 20px;
}

.life_main_1 .box2 .slideBox {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.life_main_1 .box2 .slideBox .hd {
    height: 15px;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 26px;
    z-index: 1;
    text-align: center;
    width: 100%;
    margin: 0 auto;
}

.life_main_1 .box2 .slideBox .hd ul {
    overflow: hidden;
    zoom: 1;
    display: inline-block;
}

.life_main_1 .box2 .slideBox .hd ul li {
    float: left;
    margin-right: 18px;
    width: 12px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    background: #fff;
    cursor: pointer;
    border-radius: 100%;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
}

.life_main_1 .box2 .slideBox .hd ul li.on {
    background: #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(../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); */
    background-image: linear-gradient(180deg, #fefffb, #fff);
    border: 1px solid #93d50a36;
    border-radius: 15px;
    box-shadow: 8px 8px 20px rgb(33 33 34 / 6%), -8px -8px 20px #fff;
}

.news_detail .title {
    padding-bottom: .2rem;
    border-bottom: 1px solid #42443e26;
}

.news_detail .title h1 {
    font-weight: normal;
    font-size: 32px;
    line-height: 60px;
    text-align: left;
    color: #50524d;
}

.news_detail .title .marks {
    margin-top: .2rem;
}

.news_detail .title .marks span {
    font-size: 16px;
    color: #2f1e1b;
}

.news_detail .title .marks span em {
    margin-right: 14px;
    color: #2f1e1b;
}

.news_detail .title .marks span.t1 {
    margin-right: 14px;
}

.news_detail .title .marks span.t2 {
    margin-right: 54px;
}

.news_detail .title .marks span.t3 {
    font-family: arial;
}

.news_detail .title .marks span.t3 em {
    font-family: "Microsoft YaHei";
}

.news_detail .context {
    padding-top: .5rem;
    line-height: 30px !important;
    font-size: 16px !important;
    color: #2f1e1b !important;
}

.news_detail .context p,
.news_detail .context span {
    font-size: 16px !important;
    font-family: "Microsoft YaHei" !important;
    line-height: 30px !important;
    color: #2f1e1b !important;
}

.news_detail .context img {
    max-width: 100%;
}

/* 资讯推荐 */
.news_recom {
    padding-top: 76px;
}

.news_recom .news_tit .tit {
    margin-left: 10px;
    float: left;
    display: block;
    width: 170px;
    font-size: 40px;
    line-height: 44px;
    color: #333;
    background: url("../images/ctitline.png") no-repeat 30px bottom;
}

.news_recom .news_tit .morenews {
    float: right;
    font-size: 20px;
    line-height: 44px;
    color: #999;
}

.news_recom .news_tit .morenews:hover {
    color: #2352b3;
}

.news_recom .newslist1 {
    margin-top: 36px;
}

.news_recom .newslist1 .list {
    width: 103%;
}

.news_recom .newslist1 li {
    position: relative;
    margin-right: 3.5%;
    float: left;
    width: calc(100% / 2);
    height: 516px;
    background: #fff;
}

.news_recom .newslist1 li.nt3 {
    margin-right: 0;
}

.news_recom .newslist1 li .img {
    display: block;
    width: auto;
    height: 242px;
    overflow: hidden;
}

.news_recom .newslist1 li img {
    display: block;
    width: auto;
    height: 242px;
    object-fit: contain;
}

.news_recom .newslist1 li .txtbox {
    padding: 40px 30px 30px 40px;
    box-sizing: border-box;
}

.news_recom .newslist1 li .txtbox .time {
    font-family: arial;
    font-size: 18px;
    line-height: 16px;
    color: #999;
    transition: all ease 0.36s;
}

.news_recom .newslist1 li .txt {
    padding-top: 40px;
    transition: all ease 0.36s;
}

.news_recom .newslist1 li .txt .tit {
    font-weight: bold;
    font-size: 22px;
    line-height: 22px;
    color: #151527;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all ease 0.36s;
}

.news_recom .newslist1 li .txt .desc {
    margin-top: 18px;
    height: 48px;
    font-size: 14px;
    line-height: 24px;
    color: #999;
    transition: all ease 0.36s;
    overflow: hidden;
}

.news_recom .newslist1 li .detail {
    position: relative;
    margin-top: 20px;
    display: block;
    width: 120px;
    height: 36px;
    font-size: 16px;
    line-height: 36px;
    text-indent: 0;
    color: #151527;
    background: url("../images/f7arr1.png") no-repeat 42px center #fff;
    transition: all ease 0.36s;
}

.news_recom .newslist1 li .detail span {
    position: relative;
    z-index: 12;
}

.news_recom .newslist1 li .detail:before,
.news_recom .newslist1 li .detail:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 36px;
    background: url("../images/f7arr2.png") 68px center no-repeat #e7434a;
    z-index: 2;
    transition: 0.8s;
}

.news_recom .newslist1 li .detail:before {
    transition: 0.3s;
    background: url("../images/f7arr2.png") 68px center no-repeat #e7434a;
    z-index: -1;
}

.news_recom .newslist1 li:hover .detail {
    text-indent: 26px;
    transition: all ease 0.36s;
}

.news_recom .newslist1 li:hover .detail:before,
.news_recom .newslist1 li:hover .detail:after {
    width: 120px;
}

.news_recom .newslist1 li:hover .detail span {
    color: #fff;
    transition: all ease 0.36s;
}

.news_recom .newslist1 li:hover .txtbox .time {
    transform: translateY(10px);
    transition: all ease 0.36s;
}

.news_recom .newslist1 li:hover .txtbox .txt {
    transform: translateY(-10px);
    transition: all ease 0.36s;
}

.news_recom .newslist1 li:hover img {
    filter: brightness(105%);
    -webkit-filter: brightness(105%);
}

/* reLink */
.reLink {
    height: .5rem;
    line-height: .5rem;
    border: 1px solid #93d50aa6;
    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(../images/floor_1_bg.jpg) bottom right no-repeat;
    margin-bottom: 80px
}

.contact_2 .formdata.search_form .item .txt {
    width: calc(100% - 500px);
}

.contact_2 .formdata.search_form .item {}

.contact_2 .formdata.search_form .item div i {
    color: red;
}

.contact_2 .formdata.search_form #contentList {
    text-align: center;
    font-size: 24px;
}

.contact_2 .formdata.search_form #contentList div {
    margin-bottom: 30px;
    line-height: 60px;
    width: 100%;
    height: 60px;
}

.contact_2 .formdata.search_form #contentList .true i {
    width: 60px;
    height: 60px;
    background: url(../images/true.png) no-repeat;
    margin-right: 20px;
}

.contact_2 .formdata.search_form #contentList .false i {
    width: 60px;
    height: 60px;
    background: url(../images/false.png) no-repeat;
    margin-right: 20px;
}

.servicePage {
    padding-top: 0;
}

.servicePage .item_top {
    margin-bottom: 30px;
}

.zhi_1 {
    margin: 97px auto;
    border: 1px solid #ddd;
    height: 359px;
}

.zhi_1 .left {
    width: 50%;
    background: url("../images/zhi_1.jpg") right bottom no-repeat;
    box-sizing: border-box;
    padding-left: 79px;
    padding-top: 71px;
    height: 100%;
}

.zhi_1 .left h4 {
    font-size: 30px;
    color: #999;
    text-transform: uppercase;
}

.zhi_1 .left h3 {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 34px;
}

.zhi_1 .left p {
    font-size: 18px;
}

.zhi_1 .right {
    width: 50%;
    height: 100%;
}

.zhi_2_main {
    background: url("../images/zhi_2_bg.jpg") center top no-repeat;
    height: 695px;
}

.zhi_2_main .about_title {
    text-align: center;
    color: #fff;
    padding-top: 94px;
    padding-bottom: 44px;
}

.zhi_2_main .about_title p {
    color: #fff;
}

.zhi_2_main .body h3 {
    font-size: 30px;
    background: url("../images/zhi_2_ico.jpg") right top no-repeat;
    line-height: 32px;
    height: 55px;
    margin-bottom: 46px;
    padding-right: 146px;
    padding-top: 20px;
}

.zhi_2_main .body p {
    font-size: 16px;
    line-height: 32px;
    height: 160px;
    color: #666;
}

.zhi_2_main .left {
    width: 100%;
    background: #fff;
    padding: 39px 47px 47px;
    box-sizing: border-box;
}

.zhi_2_main .right {
    width: 49%;
    background: #fff;
    padding: 39px 47px 47px;
    box-sizing: border-box;
}

.zhi_3_main {
    background: url("../images/zhi_3_bg.jpg") center top no-repeat;
    width: 100%;
    height: 949px;
    padding-bottom: 0;
    padding-top: 0;
}

.zhi_3_main .about_title h4 {
    font-size: 16px;
    line-height: 34px;
    padding: 45px 0;
}

.zhi_3_main .about_title {
    padding-top: 94px;
    padding-bottom: 0;
}

.about_4_main .hd h3 {
    padding-bottom: 0;
}

.zhi_3_main .bd li img {
    height: 296px;
    padding-bottom: 30px;
    width: 222px;
    padding-top: 20px;
}

.zhi_3_main .hd a {
    bottom: -500px;
}

.zhi_3_main .bd li {
    width: 262px;
}

.zhi_4_main {
    background: url("../images/zhi_4_bg.jpg") center top no-repeat;
    width: 100%;
    height: 1432px;
}

.zhi_4_main .about_title {
    text-align: center;
    color: #fff;
    padding-top: 100px;
}

.zhi_4_main .about_title p {
    color: #fff;
}

.zhi_4_main .about_title h4 {
    font-size: 16px;
    line-height: 26px;
    padding-top: 45px;
    padding-bottom: 40px;
}

.zhi_4_main .body li {
    height: 330px;
    width: 100%;
    background: #fff;
}

.zhi_4_main .body li .left {
    width: 50%;
    box-sizing: border-box;
    padding-left: 45px;
    padding-top: 45px;
    padding-right: 45px;
}

.zhi_4_main .body li .left h3 {
    font-size: 24px;
    padding-bottom: 25px;
}

.zhi_4_main .body li .left .des {
    font-size: 16px;
    line-height: 34px;
    color: #666;
}

.zhi_4_main .body li .right {
    width: 50%;
    height: 100%;
}

.zhi_4_main .body li:nth-child(2n) .left {
    float: right;
}

.zhi_4_main .body li:nth-child(2n) .right {
    float: left;
}

.zhi_5_main {
    background: url("../images/zhi_5_bg.jpg") center top no-repeat;
}

.zhi_5_main .about_title {
    text-align: center;
    padding-top: 108px;
    padding-bottom: 58px;
}

.zhi_5_main .body1 {
    background: #fff;
    height: 434px;
    padding: 44px;
    box-sizing: border-box;
}

.zhi_5_main .body1 .left {
    width: 61%;
    font-size: 16px;
    line-height: 32px;
    padding-top: 10px;
}

.zhi_5_main .body1 .right {
    width: 35%;
    height: 100%;
}

.zhi_6_main {
    padding-top: 0;
}

.searcher_center {
    padding-top: 77px;
}

.searchPage .item {
    width: 100%;
    height: auto;
    padding: .5rem;
    margin-bottom: .2rem;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
    border-radius: .3rem;
    border: 1px solid #000000;
    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: #93d50a;
    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 #000000;
    text-align: center;
    border-radius: .03rem;
}

.map_ul .list-inline li a:hover {
    background: #93d50a;
    color: #fff9e0;
    border: 1px solid #93d50a;
}

/* 申请职位 */
.ydewmbg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../images/black30.png") repeat left top;
    display: none;
    z-index: 998;
}

.ydewmbg .ydewm {
    position: relative;
    height: 600px;
    top: 50%;
    width: 1200px;
    left: 50%;
    margin-left: -600px;
    margin-top: -300px;
    display: none;
}

.ydewmbg a {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 32px;
    height: 32px;
    display: block;
    background: url("../images/closem.png") no-repeat center center;
    transition: all ease-in-out 0.36s;
}

.ydewmbg a:hover {
    transform: rotate(360deg);
    transition: all ease-in-out 0.36s;
}

.mess_pop1 {
    padding: 60px 40px;
    box-sizing: border-box;
    width: 100%;
    height: 600px;
    position: absolute;
    top: 50%;
    margin-top: -300px;
    background: #fff;
    box-shadow: 8px 0 20px rgba(0, 0, 0, 0.2);
    animation: topDown1 0.4s;
}

.mess_pop1 .job_tit .tit {
    display: block;
    width: 170px;
    margin: 0 auto;
    font-size: 40px;
    line-height: 44px;
    color: #333;
}

.mess_pop1 .message {
    margin-top: 40px;
}

.mess_pop1 .message .item_top {
    margin-bottom: 20px;
}

.mess_pop1 .message .item {
    position: relative;
    float: left;
    width: 31.95%;
    height: 48px;
    line-height: 48px;
    border: 1px solid #d6d6d6;
}

.mess_pop1 .message .item select {
    outline: none;
    border: none;
    width: 200px;
    background: #fff;
    margin-left: 10px;
}

.mess_pop1 .message .item.mr {
    margin-right: 1.8%;
}

.mess_pop1 .message .item label {
    float: left;
    display: block;
    margin-top: 15px;
    width: 26.4%;
    height: 18px;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    border-right: 1px solid #ddd;
    color: #666;
}

.mess_pop1 .message .item .txt {
    float: left;
    width: 73%;
    height: 48px;
    line-height: 48px;
    border: none;
    outline: none;
    text-indent: 20px;
}

.mess_pop1 .message .item font {
    position: absolute;
    top: 0;
    right: 20px;
    color: #df1f1f;
    font-weight: 100;
    font-size: 22px;
}

.mess_pop1 .message .tarea {
    margin-top: 40px;
}

.mess_pop1 .message .tarea label {
    margin-bottom: 22px;
    font-size: 16px;
    color: #666;
}

.mess_pop1 .message .tarea textarea {
    margin-top: 22px;
    border: 1px solid #ccc;
    width: 100%;
    height: 100px;
    resize: none;
    padding-top: 26px;
    *margin-top: 15px;
    overflow: hidden;
    outline: none;
    text-indent: 20px;
}

.mess_pop1 .message .btn {
    border: none;
    background: #008c3e;
    width: 400px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 18px;
    display: block;
    margin: 40px auto 0;
    cursor: pointer;
    transition: ease-in-out 0.2s;
    margin-bottom: 60px;
    outline: none;
}

.mess_pop1 .message .btn:hover {
    color: #fff;
    transition: all ease 0.36s;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
}

.detail_remm {
    padding-bottom: 80px;
}

.detail_remm .index_tit {
    margin-bottom: 30px;
}

.detail_remm .body {
    padding: 50px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1);
}

.detail_remm .body li {
    float: left;
    width: 50%;
    line-height: 40px;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.detail_remm .body li:nth-child(2n) {
    margin-left: 3%;
    width: 47%;
}

.animated {
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.flyInLeft {
    -webkit-animation-name: flyInLeft;
    animation-name: flyInLeft;
}

@-webkit-keyframes flyInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
    }

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

@keyframes flyInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        -moz-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        transform: translateX(-100px);
    }

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

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

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

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

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-80px);
        -moz-transform: translateY(-80px);
        -ms-transform: translateY(-80px);
        transform: translateY(-80px);
    }

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

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

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

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

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

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

.delay100 {
    -webkit-animation-delay: 100ms;
    animation-delay: 100ms;
}

.delay200 {
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms;
}

.delay300 {
    -webkit-animation-delay: 300ms;
    animation-delay: 300ms;
}

.delay400 {
    -webkit-animation-delay: 400ms;
    animation-delay: 400ms;
}

.delay500 {
    -webkit-animation-delay: 500ms;
    animation-delay: 500ms;
}

.delay600 {
    -webkit-animation-delay: 600ms;
    animation-delay: 600ms;
}

@-webkit-keyframes flyInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
    }

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

@keyframes flyInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        transform: translateX(100px);
    }

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

.flyInRight {
    -webkit-animation-name: flyInRight;
    animation-name: flyInRight;
}

@media (max-width: 1660px) {


    .sub_banner .tit {
        width: 1200px;
        margin-left: -600px;
        top: 200px;
    }

    .sub_banner .tit h3 {
        font-size: 40px;
        margin-bottom: 20px;
    }

    .sub_banner .menu li .a {
        margin-right: 100px;
    }



    .sub_banner .menu li dl dd {
        margin-left: -600px;
    }

    .about_1_main .body .box1 .left {
        width: 600px;
    }

    .about_1_main .body .box1 .left .hd li {
        margin-right: 70px;
    }

    .about_1_main .body .box1 .right img {
        width: 495px;
        height: 347px;
    }

    .about_title p {
        font-size: 25px;
    }

    .about_title h3 {
        font-size: 35px;
        text-transform: uppercase;
    }

    .about_1_main .body .box1 .left .bd li {
        font-size: 14px;
    }

    .about_1_main .body .box1 .left .bd li {
        margin-top: 20px;
    }

    .about_1_main .body .box1 .left .hd li {
        line-height: 68px;
    }

    .about_1_main .body .list .item {
        padding-left: 70px;
    }

    .about_1_main .body .list .item h3 {
        font-size: 50px;
    }

    .about_1_main .body .box4 .con .right {
        width: 433px;
    }

    .about_1_main .body .box4 .con .right img {
        width: 100%;
        float: right;
    }

    .about_1_main .body .box4 .con .left {
        width: 704px;
        margin-bottom: 10px;
    }

    .about_1_main .body .box4 .con .left dd h3 {
        padding-left: 165px;
    }

    .about_1_main .body .box4 .con .left dd .des {
        padding-left: 165px;
    }

    .about_1_main .body .box4 .con .left dl {
        padding-top: 50px;
    }

    .about_1_main .body .box4 .con .left dd {
        margin-bottom: 40px;
    }

    .about_1_main .body .box4 .con .left dd img {
        margin-left: 50px;
    }

    .about_5_main .body p {
        font-size: 30px;
    }

    .about_5_main .body h3 {
        font-size: 42px;
    }

    .job_list li .img img {
        width: 160px;
    }

    .page_product .box2 .hd li {
        width: 150px;
    }

    .remm .bd {
        width: 1050px;
    }

    .remm .bd li {
        margin-right: 12px;
    }

    .case_list li .ico {
        max-height: 80%;
    }

    .case_list li .right {
        width: 650px;
        padding-right: 20px;
    }

    .case_list li .right h3 {
        padding-top: 40px;
    }

    .product_list li {
        padding-left: 50px;
    }

    .product_list li dl {
        left: 50px;
    }

    .product_list li dl dd {
        margin-right: 30px;
    }

    .product_list li .left h3 {
        padding-top: 80px;
    }

    .product_list li:last-child {
        height: 415px;
    }

    .life_main_1 .box1 {
        width: 284px;
        height: 445px;
    }

    .life_main_1 .box2 {
        width: 592px;
        height: 445px;
    }

    .life_main_1 .box1 li {
        margin-bottom: 18px;
    }

    .life_main_1 .box1 li img {
        height: 213px;
    }

    .life_main_1 .box2 .slideBox .bd img {
        height: 445px;
    }

    .life_main_2 .body li h3 {
        padding-top: 25px;
    }

    .tong_main_1 .body .right {
        padding: 40px 40px 0;
    }

    .tong_main_1 .body .right ul {
        margin-bottom: 30px;
        padding-bottom: 30px;
    }

    .tong_main_1 .body .right p {
        font-size: 13px;
    }

    .tong_main_2 .body li h3 {
        font-size: 17px;
    }

    .tong_main_4 li .right p {
        margin-bottom: 15px;
    }

    .tong_main_4 li .right h3 {
        margin-top: 20px;
    }

    .zhi_4_main .body li .left .des {
        font-size: 14px;
        line-height: 28px;
    }

    .zhi_5_main .body1 .left {
        font-size: 14px;
        line-height: 28px;
    }

    .zhi_5_main .body1 {
        height: 394px;
    }

    .zhi_3_main .about_title h4 {
        padding: 38px 0;
    }

    .zhi_3_main .bd li {
        width: 225px;
    }

    .zhi_3_main .bd li img {
        height: 247px;
        width: 185px;
    }

    .zhi_3_main .hd a {
        bottom: -480px;
    }

    .searchPage .item .text {
        width: 100%;
    }

    .box1_right p {
        font-size: 15px;
    }

    .sub_banner .menu li dl dd a {
        width: 170px;
    }

    .life_main_2 .body li p {
        padding-bottom: 20px;
    }

    .tong_main_3 li {
        width: 250px;
    }
}

/****wx******/
.ewmbox {
    width: 300px;
    height: 320px;
    padding-top: 20px;
    background: #fff;
    z-index: 9999;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -170px 0 0 -150px;
    text-align: center;
    font-size: 16px;
    display: none;
}

.ewmbox .close {
    width: 32px;
    height: 32px;
    position: absolute;
    top: -25px;
    right: -40px;
    cursor: pointer;
    border-radius: 100%;
    background: url("../images/close.png") no-repeat center center;
    transition: all ease 300ms;
}

.ewmbox .close:hover {
    transform: rotate(180deg);
}

.ewmbox img {
    width: 260px;
    height: 260px;
    display: block;
    margin: 0 auto 10px;
}

.ny_title {
    text-align: center;
    padding-top: 80px;
    padding-bottom: 34px;
}

.ny_title h3 {
    position: relative;
    display: inline-block;
    color: #333;
    font-size: 48px;
    line-height: 50px;
    height: 50px;
    margin-bottom: 15px;
}

.ny_title h3 span {
    display: block;
    width: 25px;
    height: 2px;
    background: #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(../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(../images/icon.png) no-repeat;
    background-size: 5rem 5rem;
    background-position: 0 -3.86rem;
    transform: rotate(-90deg);
}

.rightFix .img {
    width: 1.33rem;
    height: auto;
    position: absolute;
    left: -.1rem;
    top: 0;
    display: none;
    text-align: center;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all ease-in-out 0.2s;
    border-radius: 5px;
    color: #333;
    padding-bottom: 10px;
}

.rightFix .img p {
    padding-top: 5px;
}

.rightFix a:hover .img {
    opacity: 1;
    filter: alpha(opacity=100);
    left: -140px;
    display: block;
}

.rightFix a:hover .img p {
    color: #fff;
}

.rightFix .img img {
    width: 110px;
    padding: .03rem;
    background: #fff;
    height: 110px;
    border: 1px solid #94d600;
    border-radius: 0;
}

.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(../images/tanchuang.png) bottom no-repeat;
    background-size: 100% auto;
    height: 100%;
    border-radius: 0;
    overflow: hidden;
}

.showVedio2 .playcon video {
    width: 100%;
    height: 100%;
    background: #000;
}

.showVedio2 .playcon h3 {
    font-size: 34px;
    color: #93d50a;
    font-weight: bold;
    padding-top: .6rem;
    padding-bottom: .37rem;
}

.showVedio2 .playcon .p {
    font-size: 18px;
    line-height: 36px;
    color: #371e12;
    text-align: left;
    padding: 0 1.1rem .45rem;
}

.showVedio2 .playcon .more a {
    margin: 0 auto;
}

.showVedio2 .close {
    width: .6rem;
    height: .6rem;
    position: absolute;
    right: -.5rem;
    top: -.5rem;
    cursor: pointer;
    background: url(../images/header_search2.png) no-repeat center center;
    background-size: cover;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
    z-index: 10;
}

.showVedio2 .close:hover {
    transform: rotate(180deg);
}





.index_mp4 {
    width: 800px;
    height: 500px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -250px 0 0 -400px;
    z-index: 9999;
    background: linear-gradient(to right, #f8e3c0, #fff8e5, #fff1d8);
    display: none;
    border: .03rem solid #d7b57e;

}

.index_mp4 .playcon {
    text-align: center;
    background-size: 100% auto;
    height: 100%;
    overflow: hidden;
}

.index_mp4 .playcon video {
    width: 100%;
    height: 100%;
    background: #000;
}



.index_mp4 .close {
    width: .6rem;
    height: .6rem;
    position: absolute;
    right: -.5rem;
    top: -.5rem;
    cursor: pointer;
    background: url(../images/header_search2.png) no-repeat center center;
    background-size: cover;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
    z-index: 10;
}

.index_mp4 .close:hover {
    transform: rotate(180deg);
}

@media (max-width: 1440px) {
    .rightFix {
        width: .6rem;
    }

    .rightFix a {
        width: .6rem;
    }

    .rightFix .icon {
        transform: scale(0.9);
    }
}

@media (max-width: 768px) {
    .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, #ffffff, #ffffff, #ffffff);
    overflow: hidden;
    background: #f8faf5;
}

.prohz_main2 {
    background: #f4f8ef;
    padding: 5% 0 0 0;
}

.prohz_main3 {
    padding: 5% 0 0 0;
}

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

.prohz_main .prohz_1 .body .tu .txt p {
    color: #3e3b3a;
    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: #5e8213;
    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: #2c2a2a;
    font-weight: bold;
    bottom: .37rem;
}

.prohz_main .prohz_1 .body .item .li .txt {
    background: #93d50a24;
    border: 1px solid #ffffff;
    border-radius: .26rem;
    padding-left: 1.18rem;
    margin-left: .65rem;
    padding-bottom: .29rem;
}

.prohz_main .prohz_1 .body .item .li .txt h3 {
    background: url(../images/prohz_li.png) no-repeat;
    width: 4.46rem;
    height: .58rem;
    line-height: .58rem;
    font-size: 28px;
    color: #93d50a;
    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: #524c4c;
    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 #ffffff;
    border-radius: 100%;
}

.prohz_main .prohz_1 .body .item .li:hover .txt {
    background: linear-gradient(to right, #93d50a, #7db706);
}

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

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

.pagetop {
    /*! margin-top: 100px; */
}

.pagebottom {
    margin-bottom: 50px;
}

.prohz_main .prohz_2 {
    display: flex;
    justify-content: space-between;
    /*! margin: 0px auto 50px auto; */
}

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

.prohz_main .prohz_2 .item2 {
    width: 100%;
}

.prohz_main .prohz_2 .item2 .left {
    width: 49%;
}

.prohz_main .prohz_2 .item2 .right {
    width: 49%;
}

.prohz_main .prohz_2 .item .body {
    /*! background: linear-gradient(to right, #93d50a, #77ae05); */
    transition: ease-in-out .2s;
    /*! border: 1px solid #d4ae90; */
    /*! border-radius: .26rem; */
    overflow: hidden;
    padding-bottom: 0;
}

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

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

.prohz_main .prohz_2 .item .body h3 {
    background: url(../images/prohz_2_bg_t.png) no-repeat;
    width: 5.13rem;
    height: .58rem;
    line-height: .58rem;
    font-size: 30px;
    color: #93d50a;
    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(../images/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(../images/prohz_4_bg1.jpg) bottom right no-repeat;
    background-size: cover;
    height: 5.5rem;
    border-radius: .26rem;
    border: 1px solid #d4ae90;
    padding: .4rem;
}

.prohz_main .prohz_4 .body .item h3 {
    font-size: 30px;
    color: #93d50a;
    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(../images/prohz_4_bg2.jpg) bottom right no-repeat;
    background-size: cover;
}



.prohz_main .prohz_4 .body .item:nth-child(3) {
    background: url(../images/prohz_4_bg3.jpg) bottom right no-repeat;
    background-size: cover;
}

.prohz_main .prohz_4 .body .item:hover {
    transform: translateY(-5px);
    transition: ease-in-out .2s !important;
}



.prohz_main .prohz_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(../images/pro_496.png) no-repeat;
    width: 4.96rem;
    height: 0.58rem;
    line-height: .58rem;
    font-size: 30px;
    color: #93d50a;
    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(../images/pro_6.png) no-repeat;
    width: 6.92rem;
    height: .58rem;
    line-height: .58rem;
    font-size: 28px;
    color: #93d50a;
    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(../images/prohz_2_bg_t2.png) no-repeat;
}

.proxi_box1 .item .li:hover {
    background: linear-gradient(to right, #93d50a, #7db706);
}

.proxi_box1 .item .li:hover .txt .p {
    color: #ffffff;
}

.proma_2 .item {
    width: 53%;
}

.proma_2 .item .li .txt h3 {
    background: url(../images/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(../images/pro_4.png) no-repeat;
    width: 4.06rem;
    height: .58rem;
    line-height: .58rem;
    font-size: 28px;
    color: #93d50a;
    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(../images/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: 36px;
    }

    .proxi_box1 .item {
        width: 60%;
    }

    .proxi_box1 .item .li {
        padding-left: 1.6rem;
    }

    .proxi_box1 .item .li img {
        width: 1.1rem;
        height: 1.1rem;
    }

    .proxi_box1 .item .li .txt h3 {
        font-size: 21px;
        background: url(../images/prohz_2_bg_t2.png) no-repeat;
        width: 100%;
        background-size: 100% 100%;
    }

    .proxi_box1 .item .li:nth-child(4) .txt h3,
    .proxi_box1 .item .li:nth-child(5) .txt h3 {
        background: url(../images/prohz_2_bg_t.png) no-repeat;
    }

    .proxi_box1 .item .li .txt .p {
        font-size: 15px;
        line-height: 28px;
    }

    .proxi_box2 .body .right .li .txt h3 {
        width: 100%;
        background: url(../images/pro_3.png) no-repeat;
        background-size: 100% 100%;
    }

    .proma_2 .item {
        width: 49%;
    }

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

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

    .proxi_main .proer_3 .box1 h3 {
        background: url(../images/pro_4.png) no-repeat;
        width: 4.06rem;
        text-align: center;
        font-size: 28px;
    }
}

@media (max-width: 1325px) {
    .prohz_main .prohz_1 .body .tu {
        left: 50%;
        margin-left: -3rem;
    }

    .prohz_main .prohz_1 .body .item {
        padding-left: .6rem;
        padding-top: 6.5rem;
        width: 80%;
        margin: 0 auto;
    }

    .prohz_main .proer_3 .body .item {
        width: 56%;
    }

    .prohz_main .prohz_1 .body .item .li .txt h3 {
        background-size: auto;
    }

    .proxi_box1 .body .tu img {
        margin-right: -.65rem;
    }

    .proxi_main .prohz_1 .body .item {
        padding-left: 0rem;
        padding-top: 6.5rem;
    }

    .proxi_box1 .item .li .txt h3 {
        font-size: 19px;
        background: url(../images/prohz_2_bg_t2.png) no-repeat;
        width: 100%;
        background-size: 100% 100% !important;
    }

    .proxi_box2 .body .left {
        height: 4rem;
    }

    .proxi_box2 .body .right {
        height: 4rem;
        padding-top: .3rem;
        padding-left: .3rem;
    }

    .proxi_box2 .body .right .li {
        padding-right: 0;
        margin-bottom: .15rem;
        padding-left: 1.5rem;
    }

    .proxi_box2 .body .right .li .yuan {
        transform: scale(.85);
    }

    .proxi_box2 .body .right .li .txt h3 {
        margin-bottom: .1rem;
        font-size: 21px;
    }

    .proxi_box2 .body .right .li .txt .p {
        font-size: 16px;
        line-height: 28px;
    }

    .proma_2 .item {
        width: 55%;
    }

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

    .proma_2 .body .tu {
        overflow: hidden;
        width: 42%;
        border-left: 1px solid #e2a676;
        border-radius: .3rem 0 0 .3rem;

    }

    .proma_2 .body .tu img {
        margin-left: 0;
        width: 100%;
        height: 100%;
        margin-right: 0;
        object-fit: cover;
        object-position: center;
    }

    .proxi_main .proer_3 .box1 {
        height: 4.5rem;
    }

    .proxi_main .proer_3 .box1 h3 {
        background: url(../images/pro_358.png);
        width: 3.58rem;
        font-size: 25px;
    }

    .proxi_main .proer_3 .body .item {
        padding-top: 0;
    }

    .proxi_main .proer_3 .body .item .li .txt h3 {
        margin-top: .3rem;
    }

    .prohz_main .prohz_1 .body .item .li .txt .p {
        margin-bottom: .05rem;
    }
}

@media (max-width: 768px) {
    .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: 28px;
        line-height: 35px;
        height: 80px;
    }

    .index_title .gaiyao2 {
        font-size: .5rem;
        padding-bottom: .26rem;
        background-size: auto .32rem;
        display: inline-block;
        line-height: 25px;
        height: 80px;
        letter-spacing: 2px;
    }

    .index_title img {
        width: 48px;
        /*! height: 150px; */
        margin-bottom: .2rem;
        margin-left: 0rem;
        margin-bottom: 10px ! important;
    }

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

    .prohz_main .index_title h3 span {
        font-size: 36px;
    }

    .gaiyao2 span::after {
        content: "";
        /*! display: block; */
        height: 18px;
        background-color: #93d50a;
        width: 88%;
        bottom: 0px;
        margin-top: -21px;
        z-index: -1;
        margin-left: -78px;
        position: absolute;
    }

    .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;
        margin-bottom: 10px;
    }

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

    .proxi_box2 .body .right .li .txt h3 i {
        font-size: .18rem;
    }

    .proxi_box2 .body .right .li .txt .p {
        font-size: .26rem;
        line-height: .45rem;
        min-height: auto;
    }

    .proxi_box2 .body .right .li .txt .p i {
        font-size: .18rem;
    }

    .proxi_box3 .con {
        flex-wrap: wrap;
    }

    .proma_2 .body .tu {
        width: 100%;
        border: none;
        border-radius: 0;
    }

    .proxi_main .proer_3 .box1 {
        width: 100%;
        height: auto;
        padding-bottom: .6rem;
    }

    .proxi_main .proer_3 .box1 h3 {
        width: 4.96rem;
        background: url(../images/pro_496.png) no-repeat;
        background-size: 100% 100%;
        font-size: .3rem;
    }

    .prohz_main .proer_3 .body {
        margin-top: 0;
    }

    .proxi_main .proer_3 .body .item {
        padding-top: .5rem;
        width: 100%;
    }

    .prohz_main .proer_3 .body .item .li .txt h3 {
        width: 4.46rem;
    }
}

/*******喜致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(../images/pro_396.png) no-repeat;
    height: .58rem;
    line-height: .58rem;
    font-size: 30px;
    color: #93d50a;
    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(../images/pro_225.png) no-repeat;
}

.proer_4 .item:nth-child(2n) {
    margin-right: 0;
    padding-left: .42rem;
}

.proer_4 img {
    width: 5.01rem;
    height: 5.02rem;
    margin-left: -2.5rem;
    top: -.34rem;
}

@media (max-width: 1440px) {
    .proma_1 .item h3 {
        background: url(../images/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(../images/pro_225.png) no-repeat;
    }
}

@media (max-width: 768px) {
    .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(../images/prohz_2_bg_t.png) no-repeat;
        background-size: 100% 100%;
    }

    .proma_1 .item h3 i {
        font-size: .18rem;
        line-height: .4rem;
    }

    .proma_1 .item .p {
        line-height: .45rem;
        font-size: .26rem;
        min-height: auto;
    }

    .proma_1 .item .p i {
        font-size: .18rem;
        vertical-align: super;
    }

    .proma_1 .item:nth-child(2n) {
        padding-left: .4rem;
    }

    .prohz_main .prohz_2.proer_2 .item .body h3 {
        width: 3.58rem;
        background-size: 100% 100%;
    }

    .proer_4 .item h3 {
        background: url(../images/pro_225.png) no-repeat;
        background-size: 100% 100%;
        width: 2.25rem;
    }

    .proer_4 .item {
        width: 80%;
    }
}

.pro_wei {
    padding-bottom: 1rem;
}

.pro_wei .body {
    position: relative;
}

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

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

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

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

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

.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: 768px) {
    .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, #93d50a, #fbeed4, #93d50a);
    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, #93d50a, #fbeed4, #93d50a);
    overflow: hidden;
    padding: 0rem 0 1rem;
}

.proCui_main_2 .body {
    border: 1px solid #d4ae90;
    background: linear-gradient(to bottom, #fffbf0, #fcf1da);
    border-radius: .34rem;
    padding: .73rem 0 .73rem;
    position: relative;
    overflow: hidden;
}

.proCui_main_2 .body .left {
    width: 60.5%;
    position: relative;
    padding-left: 2.39rem;
    z-index: 10;
}

.proCui_main_2 .body .left img {
    position: absolute;
    left: .52rem;
    top: 0;
    width: 1.31rem;
}

.proCui_main_2 .body .left h3 {
    background: url(../images/prohz_2_bg_t2.png) no-repeat;
    margin-bottom: .3rem;
    width: 5.93rem;
    height: .58rem;
    line-height: .58rem;
    font-size: 30px;
    color: #93d50a;
    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, #93d50a, #fbeed4, #93d50a);
}

.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: 768px) {
    .proCui_main_1 .item {
        width: 100%;
        float: none;
    }

    .proCui_main_1 .item:nth-child(2n) {
        float: none;
        margin-top: .5rem;
    }

    .proCui_main_2 .body {
        padding-bottom: 6rem;
    }

    .proCui_main_2 .body .left {
        width: 100%;
        padding-left: 1.4rem;
    }

    .proCui_main_2 .body .left h3 {
        font-size: .3rem;
        background: url(../images/pro_508.png) no-repeat;
        background-size: 100% 100%;
        width: 5.08rem;
    }

    .proCui_main_2 .body .left img {
        left: .2rem;
        width: 1rem;
    }

    .proCui_main_2 .body .left h3 i {
        font-size: .18rem;
        line-height: .2rem;
    }

    .proCui_main_2 .body .left .p {
        font-size: .26rem;
        line-height: .45rem;
        padding-right: 0.2rem;
    }

    .proCui_main_2 .body .left .p i {
        font-size: .18rem;
    }

    .proCui_main_2 .body .right img {
        height: auto;
        width: 100%;
        bottom: 0;
        top: auto;
    }

    .proCui_main_3 .body {
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
        padding-left: .2rem;
        margin-top: 3.47rem;
        padding-top: 3rem;
    }

    .proCui_main_3 .body .img img {
        top: -3.1rem;
        margin-top: 0;
        width: 6.2rem;
        height: 6.2rem;
        left: 50%;
        margin-left: -3.1rem;
    }

    .proCui_main_3 .body .txt img {
        width: 6.4rem;
    }

    .proCui_main_3 .body .p {
        font-size: .26rem;
        line-height: .45rem;
        padding-left: .1rem;
    }

    .proCui_main_3 .body .p i {
        font-size: .18rem;
    }
}

.prohz_main .proHe_1 {
    padding-top: 0;
}

.proHe_1 .index_title p {
    font-size: 36px;
    color: #89402a;
    font-weight: bold;
}

.proHe_2 .body2 {
    border: 1px solid #e4cab2;
    border-radius: .37rem;
    background: linear-gradient(to bottom, #fbeed5, #fffaee);
    margin-top: .38rem;
    overflow: hidden;
    height: 4.67rem;
    position: relative;
}

.proHe_2 .body2 .txt {
    background: url(../images/prohe_bg.png) no-repeat;
    height: 100%;
    color: #ffffd4;
    padding-left: .67rem;
}

.proHe_2 .body2 .txt h3 {
    font-size: 30px;
    line-height: 45px;
    font-weight: bold;
    padding-top: .67rem;
    margin-bottom: .38rem;
}

.proHe_2 .body2 .txt .p {
    line-height: 34px;
    font-size: 18px;
}

.proHe_2 .body2 .txt .p i {
    font-size: 12px;
    vertical-align: super;
    margin: 0 .03rem;
}

.proHe_2 .body2 img {
    position: absolute;
    right: 1.67rem;
    top: .24rem;
    width: 7.52rem;
    transition: ease-in-out .2s;
}

.proHe_2 .body2 img:hover {
    transform: translateY(-5px);
}

.proHe_3 {
    padding-bottom: 0;
}

.proHe_4 {
    padding-bottom: 1rem;
}

@media (max-width: 1440px) {
    .proHe_2 .body2 img {
        right: .5rem;
        width: 6.2rem;
        top: .7rem;
    }

    .proHe_3 .index_title h3 {
        font-size: 47px;
    }
}

@media (max-width: 768px) {
    .proHe_1 .index_title p {
        font-size: .3rem;
    }

    .prohz_main .proHe_1 .body img:first-child {
        margin-bottom: .4rem;
    }

    .proHe_2 .body2 {
        height: auto;
        padding-bottom: .5rem;
    }

    .proHe_2 .body2 .txt {
        background: linear-gradient(to right, #ca0004, #890002);
        padding-bottom: .5rem;
        border-radius: 0 0 .1rem .6rem;
    }

    .proHe_2 .body2 .txt h3 {
        font-size: .35rem;
        line-height: .45rem;
    }

    .proHe_2 .body2 .txt .p {
        line-height: .45rem;
        font-size: .26rem;
    }

    .proHe_2 .body2 .txt .p i {
        font-size: .18rem;
    }

    .proHe_2 .body2 img {
        margin-top: .5rem;
        top: auto;
        width: 96%;
        position: relative;
        left: 2%;
        right: 2%;
    }

    .proHe_3 .index_title h3 {
        font-size: .5rem;
    }
}

.proQiu_main_1 {
    background: #013b66;
    position: relative;
}

.proQiu_main_1 .bg {
    background: url(../images/proqiu_bg1.png) no-repeat center 194px;
    position: absolute;
    left: 50%;
    top: 0;
    width: 1920px;
    margin-left: -960px;
    z-index: 1;
    height: 100%;
}

.proQiu_main_1 .w1400 {
    position: relative;
    z-index: 2;
}

.proQiu_main_1 img {
    width: 100%;
    vertical-align: top;
}

.proQiu_main_1 .box1 {
    padding: 1.16rem 0 1.03rem;
    position: relative;
}

.proQiu_main_1 .box1 .left {
    position: absolute;
    left: .1rem;
    top: 1.16rem;
    width: 52.8%;
}

.proQiu_main_1 .box1 .right {
    width: 47.2%;
    padding-top: .22rem;
    padding-right: .13rem;
    box-sizing: content-box;
}

.proQiu_main_1 .box2 {
    padding-bottom: 1.32rem;
    position: relative;
}

.proQiu_main_1 .box2 .left {
    position: absolute;
    left: 0;
    top: .94rem;
    width: 45.3%;
}

.proQiu_main_1 .box2 .right {
    width: 54.3%;
    padding-top: .22rem;
    padding-right: .26rem;
    box-sizing: content-box;
}

.proQiu_main_1 .box3 {
    position: relative;
    padding-bottom: .82rem;
}

.proQiu_main_1 .box3 .left {
    position: absolute;
    left: 0;
    top: -.75rem;
    width: 52.6%;
}

.proQiu_main_1 .box3 .right {
    width: 44.5%;
    padding-right: .4rem;
    box-sizing: content-box;
}

.proQiu_main_2 {
    background: #013b66;
    position: relative;
    margin-top: -1px;
}

.proQiu_main_2 .bg {
    background: url(../images/proqiu_bg2.png) no-repeat center top;
    position: absolute;
    left: 0;
    top: 3.67rem;
    width: 100%;
    z-index: 1;
    height: 100%;
}

.proQiu_main_2 .w1400 {
    position: relative;
    z-index: 2;
}

.proQiu_main_2 img {
    width: 100%;
    vertical-align: top;
}

.proQiu_main_2 .box1 {
    padding: 0 0 .99rem;
    position: relative;
}

.proQiu_main_2 .box1 .left {
    position: absolute;
    left: 0;
    top: .59rem;
    width: 49.23%;
}

.proQiu_main_2 .box1 .right {
    width: 49.86%;
    padding-right: .2rem;
    box-sizing: content-box;
}

.proQiu_main_2 .box2 {
    position: relative;
    padding-bottom: 1.5rem;
}

.proQiu_main_2 .box2 .right {
    width: 68.68%;
    padding-top: .22rem;
    padding-right: 2rem;
    box-sizing: content-box;
}

.proQiu_main_2 .box3 {
    position: relative;
    padding-bottom: .95rem;
}

.proQiu_main_2 .box3 .right {
    width: 98.6%;
    padding-right: .2rem;
    box-sizing: content-box;
}

.proQiu_main_3 {
    background: #013b66;
    position: relative;
    padding-bottom: 1.87rem;
    margin-top: -1px;
}

.proQiu_main_3 .bg {
    background: url(../images/proqiu_bg3.png) no-repeat left top;
    position: absolute;
    left: 0;
    top: 1.72rem;
    width: 100%;
    z-index: 1;
    height: 100%;
}

.proQiu_main_3 .w1400 {
    position: relative;
    z-index: 2;
}

.proQiu_main_3 img {
    width: 100%;
    vertical-align: top;
}

.proQiu_main_3 .box1 {
    padding: 0 0 .49rem;
    position: relative;
}

.proQiu_main_3 .box1 .left {
    position: absolute;
    left: 0;
    top: 0;
    width: 46.52%;
}

.proQiu_main_3 .box1 .right {
    width: 51.38%;
    padding-right: 0rem;
    box-sizing: content-box;
}

.proQiu_main_3 .box2 {
    position: relative;
    background: linear-gradient(to right, #054676, #136ba0);
    border-radius: .16rem .54rem .54rem .16rem;
    padding-bottom: .5rem;
    margin-bottom: .91rem;
}

.proQiu_main_3 .box2 .left {
    position: absolute;
    left: .42rem;
    top: .51rem;
    width: 42.2222%;
}

.proQiu_main_3 .box2 .right {
    width: 60.13%;
    padding-top: .6rem;
    padding-right: .08rem;
    box-sizing: content-box;
}

.proQiu_main_3 .prohz_5 {
    border: .05rem solid #fff;
    border-radius: .07rem;
    margin-top: .67rem;
    padding: .4rem .48rem;
    background: #aee0e7;
    box-shadow: .1rem .1rem .0rem #e85570;
}

.proQiu_main_3 .prohz_5 h3 {
    font-size: 20px;
    color: #013b66;
    font-weight: bold;
    margin-bottom: .18rem;
}

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

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

.proQiu_main_3 .prohz_5 li .item i {
    position: absolute;
    left: 0;
    top: 0;
}

.proQiu_main_bg {
    background: #013b66;
}

@media (max-width: 1440px) {
    .proQiu_main_1 .bg {
        display: none;
    }

    .proQiu_main_2 .bg {
        display: none;
    }

    .proQiu_main_2 .box2 {
        padding-bottom: 1rem;
    }

    .proQiu_main_3 {
        padding-bottom: 1rem;
    }

    .proQiu_main_3 .bg {
        display: none;
    }
}

@media (max-width: 768px) {
    .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(../images/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(../images/f2_bg.jpg) center top no-repeat; */
    background-size: cover;
    overflow: hidden;
    padding: 1rem 0 1rem;
    border-radius: 0 0 0.26rem 0.26rem;
    background: #f4f8ef;
}

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

.jing_main_2 .ul .yuan {
    background: #282726;
    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(../images/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 #191817;
    float: left;
    margin-left: .39rem;
}

.jing_main_3 .body .left ul li h3 {
    font-size: 70px;
    font-weight: bold;
    color: #93d50a;
    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: #93d50a;
}

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

.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 #000000;
    border-radius: .25rem .08rem .25rem .08rem;
    background: linear-gradient(to right, #1f1f1f, #5a5b57);
    line-height: 1.1rem;
    margin-bottom: .3rem;
    font-size: 34px;
    color: #ffffff;
    font-weight: bold;
    width: 6.19rem;
    position: relative;
    padding-left: 1.19rem;
}

.jing_main_4 .body .right ul li b {
    display: block;
    width: .48rem;
    height: .5rem;
    background: url(../images/f2_ico.png) no-repeat;
    background-size: cover;
    text-align: center;
    font-size: 18px;
    color: #93d50a;
    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: #93d50a;
    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(../images/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: #93d50a;
    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: -0.1rem 0.1rem 0rem #93d50a;
}

.jing_main_5 .body .bd .right img:hover {
    box-shadow: -.1rem .1rem .0rem #93d50a;
}

.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: #93d50a;
    font-weight: bold;
}

.jing_main_5 .body .hd li.on .yuan {
    background: linear-gradient(to right, #93d50a, #9ee212, #93d50a);
}

.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: 768px) {
    .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, #ffffff, #ffffff, #ffffff);
    overflow: hidden;
    padding: 1rem 0;
}

.contact_main_1 .body {
    border: 1px solid #eaf3d7;
    /*! border-radius: .15rem; */
    padding: .55rem .58rem;
    background: #94d600;
}

.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: #000;
    padding-top: .25rem;
}

.contact_main_1 .body dl dd p {
    font-size: 32px;
    color: #000;
    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, #93d50a, #fbeed4, #93d50a);
    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 #000000;
}

.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: #93d50a;
    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, #93d50a, #fbeed4, #93d50a);
    overflow: hidden;
}

.contact_main_3 .body {
    padding-top: .5rem;
}

.contact_main_3 .item {
    margin-bottom: 1rem;
    position: relative;
}

.contact_main_3 .item .top {
    background: #000000;
    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: #000000;
    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: 768px) {
    .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, #93d50a, #fbeed4, #93d50a);
    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: #93d50a;
    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: #000000;
}

.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 #000000;
    width: 100%;
    vertical-align: top;
}

.user_1_main .box .right:hover img {
    border-bottom: .1rem solid #93d50a;
}

.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 #000000;
    z-index: 1;
    right: .38rem;
    bottom: 0;
}

.user_1_main #certify {
    position: relative;
}

.user_1_main #certify .swiper-slide {
    width: 7.9rem;
    height: 5.93rem;
    border-radius: .7rem .15rem .7rem .15rem;
    background: #fff;
    overflow: hidden;
    border: .06rem solid #e3c79f;
    position: relative;
}

.user_1_main #certify .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    z-index: 9;
}

.user_1_main #certify .swiper-slide p {
    position: absolute;
    bottom: 0;
    z-index: 10;
    left: 50%;
    margin-left: -1.405rem;
    width: 2.81rem;
    height: .58rem;
    line-height: .58rem;
    background: linear-gradient(to right, #ca0005, #880002);
    text-align: center;
    font-size: 18px;
    color: #fff8e2;
    border-radius: .24rem .24rem .03rem .03rem;
    opacity: 0;
    padding: 0 .1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.user_1_main #certify .swiper-pagination {
    width: 100%;
    bottom: 20px;
}

.user_1_main #certify .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
    border: 3px solid #fff;
    background-color: #d5d5d5;
    width: 10px;
    height: 10px;
    opacity: 1;
}

.user_1_main #certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 3px solid #00aadc;
    background-color: #fff;
}

.user_1_main #certify .swiper-button-prev {
    left: 50%;
    margin-left: -4.19rem;
    width: .48rem;
    height: .5rem;
    background: url(../images/f1_left.png) no-repeat;
    background-size: 100%;
}

.user_1_main #certify .swiper-button-next {
    margin-left: 3.71rem;
    left: 50%;
    width: .48rem;
    height: .5rem;
    background: url(../images/f1_right.png) no-repeat;
    background-size: cover;
}

.user_1_main #certify .swiper-slide-active p {
    opacity: 1;
}

.user_2_main {
    background: linear-gradient(to right, #93d50a, #fbeed4, #93d50a);
    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: #93d50a;
    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: #93d50a;
    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: #93d50a;
}

.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: 768px) {
    .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: 768px) {
    .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;

    }
}

/****放最后*****/
@media (max-width: 1440px) {
    .w1400 {
        width: 90%;
        margin: 0 5%;
    }

    .index_title h3 {
        font-size: 36px;
        /*! color: #fff; */
    }
}

@media (max-width: 768px) {
    .w1400 {
        width: 88%;
        margin: 0 6%;
    }

    .index_title.center {
        padding-top: 15px;
        padding-bottom: 40px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: flex-end;
        padding: 20px 0px 45px 0 !important;
    }

    .floor_1_main .index_title {
        margin-top: -1.2rem;
        background-size: 50% auto !important;
    }

    .floor_4_main {
        background: url(../images/index6.jpg) center bottom no-repeat;
        background-size: auto;
        background-size: cover;
        padding-top: 0rem;
        border-radius: 0;
        overflow: hidden;
        padding-bottom: .9rem;
    }

    .body.aos-init.aos-animate {
        padding-top: .3rem;
    }

    .btditu.aq3 p {
        padding: .15rem .7rem .3rem .7rem;
        font-size: .26rem;
        font-weight: 600;
        margin-top: 0px;
        color: #000;
        line-height: .45rem;
    }

    .about_2_main.diwen .btditu.yx4 p {
        padding: .2rem 1.4rem .2rem 1.5rem;
        font-size: .18rem;
        font-weight: 600;
        margin-top: 0px;
        color: #000;
        line-height: .5rem;
    }

    .about_2_main.diwen .btditu.yx p {
        padding: 0rem .58rem .2rem .65rem;
        font-size: .26rem;
        font-weight: 600;
        margin-top: 0px;
        color: #000;
        line-height: .45rem;
    }

    .about_2_main.diwen .btditu p {
        padding: .2rem .58rem .2rem .65rem;
        font-size: .26rem;
        font-weight: 600;
        margin-top: 0px;
        color: #000;
        line-height: .45rem;
    }

    .about_2_main.diwen .btditu.yx3 p {
        padding: .1rem .4rem .2rem 1em;
        font-size: .18rem;
        font-weight: 600;
        margin-top: 0px;
        color: #000;
        line-height: .4rem;
    }

    .btditu p {
        padding: 0rem .5rem .2rem .7rem;
        font-size: .26rem;
        font-weight: 600;
        margin-top: 0px;
        line-height: .45rem;
    }

    .btditu.aq p {
        padding: 0rem .5rem .2rem .7rem;
        font-size: .26rem;
        font-weight: 600;
        margin-top: 0px;
        line-height: .45rem;
    }

    .btditu p :: {
        padding: .1rem .5rem .2rem .5rem;
        font-size: 14px;
        font-weight: 600;
        margin-top: 0px;
    }

    .btditu.aq {
        background: url(../images/mbt-2.png) center top no-repeat;
        background-size: auto;
        background-size: contain;
        padding-top: .25rem;
        border-radius: 0;
        overflow: hidden;
        padding-bottom: .8rem;
        background-size: 100% auto;
    }

    .btditu.dw {
        background: url(../images/mbt-4.png) center top no-repeat;
        background-size: auto;
        background-size: contain;
        padding-top: .25rem;
        border-radius: 0;
        overflow: hidden;
        padding-bottom: .8rem;
        background-size: 100% auto;
    }

    .about_2_main.anquan .btditu.bt1 {
        background: url(../images/mbt-2.png) center top no-repeat;
        background-size: auto;
        background-size: contain;
        padding-top: .42rem;
        border-radius: 0;
        overflow: hidden;
        padding-bottom: .8rem;
        background-size: 100% auto;
    }

    .about_2_main.anquan .btditu.bt2 {
        background: url(../images/mbt-1.png) center top no-repeat;
        background-size: auto;
        background-size: contain;
        padding-top: .42rem;
        border-radius: 0;
        overflow: hidden;
        padding-bottom: .8rem;
        background-size: 100% auto;
    }

    .about_2_main.anquan .btditu.bt3 {
        background: url(../images/mbt-3.png) center top no-repeat;
        background-size: auto;
        background-size: contain;
        padding-top: .42rem;
        border-radius: 0;
        overflow: hidden;
        padding-bottom: .8rem;
        background-size: 100% auto;
    }

    .about_2_main.anquan .btditu {
        background: url(../images/mbt-2.png) center top no-repeat;
        background-size: auto;
        background-size: contain;
        padding-top: .42rem;
        border-radius: 0;
        overflow: hidden;
        padding-bottom: .8rem;
        background-size: 100% auto;
    }

    .btditu {
        background: url(../images/mbt-2.png) center top no-repeat;
        background-size: auto;
        background-size: contain;
        padding-top: .42rem;
        border-radius: 0;
        overflow: hidden;
        padding-bottom: .8rem;
        background-size: 100% auto;
    }

    .top.aos-init.btditu.yx4 {
        background: url(../images/mbt-1.png) center top no-repeat;
        background-size: auto;
        background-size: contain;
        padding-top: .42rem;
        border-radius: 0;
        overflow: hidden;
        padding-bottom: .8rem;
        background-size: 100% auto;
    }

    .btditu.mr2 {
        background: url(../images/mbt-5.png) center top no-repeat;
        background-size: auto;
        background-size: contain;
        padding-top: .35rem;
        border-radius: 0;
        overflow: hidden;
        padding-bottom: 1rem;
        background-size: 100% auto;
    }

    .btditu.yx {
        background: url(../images/mbt-2.png) center top no-repeat;
        background-size: auto;
        background-size: contain;
        padding-top: .43rem;
        border-radius: 0;
        overflow: hidden;
        padding-bottom: .5rem;
        background-size: 100% auto;
    }

    .btditu.yx3 {
        background: url(../images/mbt-4.png) center top no-repeat;
        background-size: auto;
        background-size: contain;
        padding-top: .43rem;
        border-radius: 0;
        overflow: hidden;
        padding-bottom: .5rem;
        background-size: 100% auto;
    }

    .btditu.dw3 {
        background: url(../images/mbt-3.png) center top no-repeat;
        background-size: auto;
        background-size: contain;
        padding-top: .43rem;
        border-radius: 0;
        overflow: hidden;
        padding-bottom: .5rem;
        background-size: 100% auto;
    }

    .btditu.aq3 {
        background: url(../images/mbt-3.png) center top no-repeat;
        background-size: auto;
        background-size: contain;
        padding-top: .35rem;
        border-radius: 0;
        overflow: hidden;
        padding-bottom: .8rem;
        background-size: 100% auto;
    }

    .index_title.about.aq {
        background-size: 100% auto !important;
        margin-top: 50px;
        padding: 80px 0px 0px 0 !important;
    }

    .index_title.about.dw {
        background-size: 100% auto !important;
        /* margin-top: 50px; */
        /* padding: 80px 0px 0px 0 !important; */
    }

    .index_title.about {
        background-size: 80% auto !important;
        margin-top: 50px;
        padding: 100px 0px 0px 0 !important;
    }

    .index_title.page {
        text-align: center;
        padding: 40px 0px 30px 0 !important;
        background-size: 50% auto !important;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: flex-end;
    }

    .index_title {
        padding-top: .7rem;
        padding-bottom: .5rem;
        background-size: auto .35rem;
        padding: 1.35rem 0px 0px 0 !important;
        background-size: 50% auto !important;
    }

    .body .left {}

    .body .right {
        margin-top: 10px;
    }

    .index_title h3 {
        font-size: .5rem;
        padding-bottom: .26rem;
        background-size: auto .32rem;
        display: inline-block;
        line-height: 32px;
        height: 80px;
        letter-spacing: 2px;
    }

    .index_title .gaiyao2 {
        font-size: .5rem;
        padding-bottom: .26rem;
        background-size: auto .32rem;
        display: inline-block;
        line-height: 65px ! important;
        height: 80px;
        letter-spacing: 2px;
    }

    .index_title .gaiyao2 .zhubiao {
        vertical-align: top;
        font-size: 36px;
        font-family: arial;
        padding-right: .08rem;
        line-height: 55px;
        position: sticky;
        font-weight: 700;
        letter-spacing: 3px;
        margin-top: 21px;
        z-index: 999;
    }

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

    .index_title .hgmm {
        font-size: 16px;
        line-height: 26px;
        color: #111010;
        padding-top: 20px;
        width: 88%;
        margin: 0 auto;
        text-align: left;

        margin-bottom: 2%;
    }

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

    .more.right a {
        display: block;
        width: 160px;
        height: 47px;
        line-height: 47px;
        text-align: center;
        background: #93d50a;
        color: #312f2f;
        font-size: 16px;
        border-radius: 0;
    }

    .more a {
        display: block;
        width: 160px;
        height: 47px;
        line-height: 47px;
        text-align: center;
        background: #93d50a;
        color: #312f2f;
        font-size: 16px;
        border-radius: 0;
    }

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

.zwbt {
    font-size: 36px;
    color: #010101;
    font-weight: 500;
    padding-top: 30px;
    display: block;
    line-height: 60px;
    height: 80px;
    letter-spacing: 2px;
    text-align: center;
}

.zwbt span {
    vertical-align: top;
    font-size: 48px;
    font-family: arial;
    padding-right: .02rem;
    line-height: .45rem;
    position: sticky;
    font-weight: 700;
    /*! letter-spacing: 0; */
    margin-top: -21px;
    z-index: 999;
    letter-spacing: 5px;
}

.zwbt span::after {
    content: "";
    display: block;
    height: 18px;
    background-color: #93d50a;
    width: 100%;
    bottom: 0px;
    margin-top: -21px;
    z-index: -1;
    position: absolute;
    top: 122%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.tdys {
    padding: 1rem .1rem .1rem .1rem;
}

.tdys li {
    width: 25%;
    line-height: .5rem;
    font-size: 20px;
    border-radius: 0 0 .18rem 0;
    padding-left: .22rem;
    float: left;
    text-align: center;
    display: flex;
    align-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.tdys .img {
    width: 60%;
    height: 140px;
    border-radius: 0;
    overflow: hidden;
}

.tdys li h3 {
    width: 60%;
    height: auto;
    border-radius: 0;
    overflow: hidden;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 3px;
    padding: 0.2rem 0;
}

.tdys li .zhubiao {
    vertical-align: top;
    font-family: arial;
    padding-right: .02rem;
    position: sticky;
    letter-spacing: 0;
    margin-top: -21px;
    z-index: 999;
    /* border-radius: 1rem; */
    line-height: .51rem;
    /* letter-spacing: 4px; */
}

.tdys span::after {
    content: "";
    display: block;
    height: 18px;
    background-color: #93d50a;
    width: 100%;
    bottom: 0px;
    margin-top: -21px;
    z-index: -1;
    position: absolute;
    top: 122%;
    border-radius: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.tdys .h3 {
    width: 60%;
    height: auto;
    border-radius: 0;
    overflow: hidden;
}

.tdys .content {
    background-color: #e4e5e1;
}

.tdys .content p {
    padding: .25rem;
    text-align: left;
    line-height: 30px;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 500;
}

@media (max-width: 768px) {

    .zwbt {
        font-size: 36px;
        color: #010101;
        font-weight: 500;
        padding-top: 30px;
        display: block;
        line-height: 60px;
        height: 50px;
        letter-spacing: 2px;
        text-align: center;
    }

    .zwbt span {
        vertical-align: top;
        font-size: .4rem;
        font-family: arial;
        padding-right: .02rem;
        line-height: 0rem;
        position: sticky;
        font-weight: 700;
        /*! letter-spacing: 0; */
        margin-top: -21px;
        z-index: 999;
        letter-spacing: 4px;
    }

    .zwbt span::after {
        content: "";
        display: block;
        height: 18px;
        background-color: #93d50a;
        width: 100%;
        bottom: 0px;
        margin-top: -21px;
        z-index: -1;
        position: absolute;
        top: 122%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .tdys {
        padding: 0.4rem .1rem .1rem .1rem;
    }

    .tdys li {
        width: 50%;
        line-height: .5rem;
        font-size: 20px;
        border-radius: 0 0 .18rem 0;
        padding-left: .22rem;
        float: left;
        text-align: center;
        display: flex;
        align-content: center;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        /*! height: 280px; */
        padding-top: .5rem;
    }

    .tdys .img {
        width: 60%;
        height: 115px;
        border-radius: 0;
        overflow: hidden;
    }

    .tdys .img img {
        width: 70%;
        border-radius: 0;
        overflow: hidden;
    }

    .tdys li h3 {
        width: 100%;
        height: auto;
        border-radius: 0;
        overflow: hidden;
        font-size: .28rem;
        font-weight: 700;
        text-align: center;
        letter-spacing: 3px;
        padding: 0.2rem 0;
    }

    .tdys li .zhubiao {
        vertical-align: top;
        font-family: arial;
        padding-right: .02rem;
        position: sticky;
        letter-spacing: 0;
        margin-top: -21px;
        z-index: 999;
        /* border-radius: 1rem; */
        line-height: .51rem;
        /* letter-spacing: 4px; */
    }

    .tdys span::after {
        content: "";
        display: block;
        height: 13px;
        background-color: #93d50a;
        width: 100%;
        bottom: 0px;
        margin-top: -16px;
        z-index: -1;
        position: absolute;
        top: 122%;
        border-radius: 100%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .tdys .h3 {
        width: 60%;
        height: auto;
        border-radius: 0;
        overflow: hidden;
    }

    .tdys .content {
        background-color: #e4e5e1;
    }

    .tdys .content p {
        padding: .25rem;
        text-align: left;
        line-height: .3rem;
        font-size: .24rem;
        letter-spacing: 0px;
        font-weight: 500;
    }
}