@keyframes onLeave {
    0% {
        transform: rotateX(0deg) rotateY(0deg) translate3d(0, 0, 0);
    }
    25% {
        transform: rotateX(4deg) rotateY(6deg) translate3d(0, 0, -160px);
    }
    50% {
        transform: rotateX(0deg) rotateY(2deg) translate3d(0, 0, -160px);
    }
    75% {
        transform: rotateX(-4deg) rotateY(-6deg) translate3d(0, 0, -160px);
    }
    100% {
        transform: rotateX(0) rotateY(0) rotateZ(0) translate3d(0, 0, 0px);
    }
}

@keyframes i-loading {
    0% {
        width: 0;
    }
    to {
        width: 100vw;
    }
}

@keyframes i-loadingHide {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    to {
        transform: scale(5);
        opacity: 0;
    }
}

@keyframes sectionOpacity {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes pendulum {
    0%,
    100% {
        transform: rotateZ(2deg);
    }
    25%,
    75% {
        transform: rotateZ(-4deg);
    }
    50% {
        transform: rotateZ(4deg);
    }
}

@keyframes pendulum {
    0%,
    100% {
        transform: rotateZ(2deg);
    }
    25%,
    75% {
        transform: rotateZ(-4deg);
    }
    50% {
        transform: rotateZ(4deg);
    }
}

@-webkit-keyframes pendulum2 {
    0%,
    100% {
        transform: translateX(0) translateY(0) translateY(4PX);
    }
    25%,
    75% {
        transform: translateX(-10px);
    }
    50% {
        transform: translateX(10px) translateY(-4PX);
    }
}

@keyframes pendulum2 {
    0%,
    100% {
        transform: translateX(0) translateY(0) translateY(4PX);
    }
    25%,
    75% {
        transform: translateX(-10px);
    }
    50% {
        transform: translateX(10px) translateY(-4PX);
    }
}

@keyframes headerShow {
    0% {
        transform: translate(-50%, -30px);
        opacity: 0;
    }
    100% {
        transform: translate(-50%, 0);
        opacity: 1;
    }
}
#bsBox{box-sizing: content-box;max-width: 90% !important;margin-left: 0!important;margin-top: 0!important;transform: translate(-50%,-50%)!important;}
#bsBox *{box-sizing: content-box;max-width: 100% !important;}
#bsWXBox{box-sizing: content-box}
#bsWXBox *{box-sizing: content-box}
.bshare-custom{box-sizing: content-box;display: inline-block}
.bshare-custom a{padding-left: 28px!important; height: 28px!important;display: inline-block!important;}
.bshare-custom .bshare-sinaminiblog {background: url('../images/share1.png') no-repeat !important;background-size: 100% 100%!important;}
.bshare-custom .bshare-qqim {background: url('../images/share2.png') no-repeat !important;background-size: 100% 100%!important;}
.bshare-custom .bshare-weixin {background: url('../images/share3.png') no-repeat !important;background-size: 100% 100%!important;}
.n-jr-d-top-itemC .bshare-custom #bshare-more-icon,
.n-jr-d-top-itemC .bshare-custom .bshare-more-icon{padding-left: 0!important;background: none!important;height: auto!important;}
.n-jr-d-top-itemC .bshare-custom .bshare-more{color: #898989!important;}
.g_bg {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.i-body {
    background: #000;
    perspective-origin: center;
    perspective: 1800px;
}

.i-con {
    height: 100%
}

#fullpage {
    perspective: 6014px;
    perspective-origin: top right;
    transform-style: preserve-3d;
    transform-origin: 100% 0;
    position: absolute;
    height: 100%;
    width: 100%;
    background: #efefef
}

#fullpage.onLeave {
    animation: onLeave 1.4s ease-in-out forwards;
}


/* #fullpage .fp-section{ width: 100%; position: absolute;left: 0;top: 0 ; transform-origin: 0 100%; transform-style: preserve-3d;}
#fullpage .section.last{position: relative} */

.i-banner {
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%
}


/*animation-timing-function: cubic-bezier(.52, .01, .16, 1);*/


/*animation-name: revealText;*/

#section5.opacityShow{animation: sectionOpacity .8s cubic-bezier(.52, .01, .16, 1) 1.2s forwards;}

.section.fp-section.fp-table {
    background: #fff;
    z-index: 8;
    opacity: 0;
    transition: .8s opacity cubic-bezier(.52, .01, .16, 1)
}

.section.active.fp-section.fp-table {
    display: table;
    z-index: 9;
    animation: sectionOpacity .8s cubic-bezier(.52, .01, .16, 1) 1.2s forwards;
}

.fp-bg {
    height: 100%
}

.i-loading {
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 98;
    background: url("../images/loading.png") no-repeat;
    background-size: cover;
    background-position: center;
    animation: i-loadingHide 2s ease-in-out forwards 1.2s;
}

.i-loading span {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 0;
    height: 4px;
    background: #443604;
    animation: i-loading 1.2s ease-in-out forwards;
}

.i-head {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    padding-top: 50px;
    ;
    z-index: 99;
    transition: 1s all ease 1s
}

.i-head .g_w {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative
}

.i-logo {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    transition: 1s all ease 1s;
    background-image: url("../images/logo1.png");
    background-repeat: no-repeat;
    background-position: 55% 40%;
    background-color: #443604
}

.i-headBox {
    font-size: 0;
    transform: translateX(-10px);
    position: absolute;
    right: 0;
    top: 50px;
    transition: 1s all ease 1s
}

.i-navSearch {
    font-size: 0;
    margin-right: 24px;
    padding-left: 10px;
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.i-navSearch input {
    position: absolute;
    right: 44px;
    display: inline-block;
    vertical-align: middle;
    background: rgba(255, 255, 255, .8);
    border: 0;
    border-bottom: 2px solid #443604;
    width: 0;
    height: 36px;
    line-height: 36px;
    color: #443604;
    font-size: 15px;
    border-radius: 30px;
    transition: .8s all ease
}

.i-navSearch b {
    display: inline-block;
    vertical-align: middle;
    width: 36px;
    height: 36px;
    background: url("../images/search.png") no-repeat;
    background-size: 100% 100%;
}

.i-navSearch:hover input {
    width: 220px;
    padding: 0 20px;
    transition: 1s all ease
}

.i-navBtn {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 28px;
    background: url("../images/i-navBtn.png") no-repeat;
    background-size: 100% 100%;
}

.i-headMove.i-head {
    left: 50%;
    transform: translateX(-50%);
    padding-top: 10px;
    width: 110px;
    transition: 1s all ease 1s
}

.i-headMove.i-head .g_w {
    display: block
}

.i-headMove .i-logo {
    width: 100px;
    height: 100px;
    border-radius: 0;
    background-size: 65px 90px;
    transition: 1s all ease 1s
}

.i-headMove .i-headBox {
    margin-top: 10px;
    top: 100px;
}



.header-left {
    width: 25%;
    position: fixed;
    left: -25%;
    top: 0;
    height: 100%;
    z-index: 100;
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    overflow: hidden;
}

.header-left.on {
    opacity: 1;
    left: 0%
}

.header-left span {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition: all 2s;
    -webkit-transition: all 2s;
    transition-delay: 0.5s;
}

.header-left span:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../images/navBg.jpg") no-repeat;
    background-size: cover;
    background-position: center
}

.header-left.on span {
    transform: scale(1);
    -webkit-transform: scale(1);
}

.header {
    width: 0%;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    background-color: #fff;
    z-index: 100;
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    box-shadow: -1px 0 10px 0 rgba(0, 0, 0, 0.2)
}

.header.on {
    opacity: 1;
    width: 75%;
}



.navv {
    margin-top: 96px;
    display: flex;
    justify-content: flex-end
}

.navv-headBox {
    font-size: 0;
    margin-right: 10%
}
.header .navv-headBox{display: none}
.header.on .navv-headBox{display: block}
.navv-navSearch {
    font-size: 0;
    margin-right: 24px;
    padding-left: 10px;
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.navv-navSearch input {
    position: absolute;
    right: 44px;
    display: inline-block;
    vertical-align: middle;
    background: rgba(255, 255, 255, .8);
    border: 1px solid #443604;
    width: 220px;
    padding: 0 20px;
    height: 36px;
    line-height: 36px;
    color: #443604;
    font-size: 15px;
    border-radius: 30px;
    transition: .8s all ease
}

.navv-navSearch b {
    display: inline-block;
    vertical-align: middle;
    width: 36px;
    height: 36px;
    background: url("../images/search.png") no-repeat;
    background-size: 100% 100%;
}

.navv-navBtn {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    width: 33px;
    height: 33px;
    background: url("../images/close.png") no-repeat;
    background-size: 100% 100%;
}

.header .nav1 {
    width: auto;
    margin: 12% 0 10% 12%;
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.header .nav1.on {
    margin: 10% 0 10% 12%;
    opacity: 1
}

.header .nav1 a {
    display: inline-block;
    margin-right: 44px;
    padding-left: 67px;
    line-height: 22px;
    font-size: 15px;
    color: #282828;
    position: relative;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.header .nav1 a:before {
    display: block;
    width: 52px;
    height: 1px;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 48%;
    background-color: #282828;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.header .nav1 a:hover {
    padding-left: 60px;
    margin-right: 51px;
}

.header .nav1 a:hover:before {
    width: 45px;
}

.header .nav2 {
    width: auto;
    padding-left: 12%;
    position: relative;
    margin: 8% 0 10% 0;
    opacity: 0;
    transition: 0.5s all 0.5s;
    -webkit-transition: 0.5s all 0.5s;
    top: 2%
}

.header .nav2.on {
    opacity: 1;
    top: 0
}

.header .nav2 i {
    display: block;
    width: 0;
    height: 1px;
    background-color: #282828;
    position: absolute;
    left: 0;
    top: 64px;
    transition: all 0.5s;
}

.header .nav2 ul {
    overflow-y: hidden
}

.header .nav2 li {
    width: auto;
    float: left;
    margin-right: 5%;
    min-width: 120px
}

.header .nav2 li .h2 {
    display: block;
    font-size: 24px;
    line-height: 25px;
    color: #443e04;
    margin-bottom: 40px;
    padding-left: 0
}

.header .nav2 li .h2 span {
    font-size: 18px;
}

.header .nav2 li a {
    display: block;
    font-size: 15px;
    line-height: 29px;
    color: #443e04;
}

.header .nav2 li a em {
    display: inline-block;
    width: 0;
    height: 1px;
    background-color: #443e04;
    margin-right: 3px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.header .nav2 li a:hover em {
    width: 12px;
}

.header .language {
    height: 30px;
    line-height: 30px;
    padding-left: 2%;
    color: #443e04;
    opacity: 0;
    transition: 0.5s all .5s;
    -webkit-transition: 0.5s all .5s;
}

.header .language.on {
    padding-left: 12%;
    opacity: 1
}

.header .language a {
    color: #e6cda9;
    font-size: 15px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.header .language a.active {
    color: #443e04
}

.header .language span {
    margin: 0 12px;
    font-size: 15px;
}

.i-banner-swiper {
    height: 100%
}

.i-banner-swiper .swiper-container {
    height: 100%
}

.i-banner-swiper .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0 10px!important;
    transition: .3s all ease;
    background: #333;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
    opacity: 1
}

.i-banner-swiper .swiper-pagination-bullet-active {
    width: 10px;
    height: 10px;
    background: #333;
}

.i-banner-img {
    position: absolute;
    bottom: 12%;
    text-align: center;
    width: 100%;
    z-index: 1001
}

.i-banner-img img{max-width: 80%}

.i-banner-swiper .swiper-pagination-bullet:hover {
    width: 10px;
    height: 10px;
    transition: .3s all ease;
}

.i-title {
    padding-top: 50px;
    text-align: right;
    z-index: 99;
    position: relative;
}

#section1 .i-con {
    position: relative
}

#section1 .i-con .g_w {
    position: relative
}

.i-about-swiper {
    width: 100%;
    margin-top: 30px;
}

.i-about-swiperBody{position: relative}

.i-about-swiper .swiper-container {
    margin-top: 20px;
}

.i-about-btn {
    display: flex;
    z-index: 3;
    position: relative
}

.i-about-btn a {
    display: flex;
    margin-right: 28px;
    cursor: pointer
}

.i-about-btn a em {
    width: 44px;
    height: 1px;
    margin-top: 24px;
    background: #c2b4a0
}

.i-about-btn a b {
    font-size: 24px;
    line-height: 1;
    color: #c2b4a0;
    display: block;
    font-weight: 400;
    font-family: AVANTGARDETWOBQ-DEMIBOLD_0
}

.i-about-btn a i {
    font-size: 15px;
    color: #c2b4a0;
    display: block;
    font-style: normal;
}

.i-about-btn a.active em {
    background: #443e04
}

.i-about-btn a.active b {
    color: #443e04
}

.i-about-btn a.active i {
    color: #443e04
}

.i-aboutItem {
    position: relative
}

.i-aboutBg {
    padding-top: 48.7%;
    min-height: 460px;
}

.i-aboutAfter {
    position: absolute;
    left: 34px;
    bottom: 60px;
    z-index: 4;
    overflow: hidden;
}

.i-aboutText {
    display: none;
    width: 340px;
    /*min-height: 312px;*/
    height: auto;
    padding: 49px 30px 60px 30px;
    color: #fff;
    font-size: 15px;
    background: rgba(68, 62, 4, .85);
    z-index: 3;
    position: relative;

}
.i-aboutText a{position: absolute; right: 10px; bottom: 20px; color: #fff;}

.i-aboutText span {
    display: block;
    font-size: 20px;
    font-weight: 600;
}

.i-aboutText p {
    margin-top: 24px;
    line-height: 1.7em;
    text-indent: 2em;
    max-height: 170px;
    overflow: hidden;
}

.i-aboutText.active {
    display: block
}

.i-about-swiperBox {
    width: 340px;
    height: 102px;
    padding: 10px;
    margin-top: 4px;
    background: rgba(68, 62, 4, .85);
}

.i-about-swiperBox>span {
    display: block;
    margin-top: 20px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    font-family: AVANTGARDETWOBQ-DEMIBOLD_0
}

.i-about-swiperBtn {
    margin-top: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.i-about-swiperBtn .swiper-pagination {
    position: relative;
    width: 140px;
    height: 1px;
    margin: 0 6px;
    background: #fff;
}

.i-about-swiperBtn .swiper-button-prev {
    width: 10px;
    height: 16px;
    background: url("../images/i-prev.png") no-repeat;
    background-size: 100% 100%;
    margin: 0;
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
}

.i-about-swiperBtn .swiper-button-next {
    width: 10px;
    height: 16px;
    background: url("../images/i-next.png") no-repeat;
    background-size: 100% 100%;
    margin: 0;
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
}

.i-about-swiperBtn .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    height: 5px;
    margin-top: -2px;
    background: #fff
}

.i-about-botany {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2
}

.i-about-botany>div {
    position: relative
}

.moveYeZi {
    position: absolute;
    left: 216px;
    top: 120px;
    animation: pendulum 14s infinite cubic-bezier(0.310, 0.440, 0.445, 1.650);
    -webkit-animation: pendulum 14s infinite cubic-bezier(0.310, 0.440, 0.445, 1.650);
    -moz-animation: pendulum 14s infinite cubic-bezier(0.310, 0.440, 0.445, 1.650);
    -o-animation: pendulum 14s infinite cubic-bezier(0.310, 0.440, 0.445, 1.650);
    transform-origin: 100px 110px;
}

.i-about-yun {
    position: absolute;
    right: 80px;
    top: 10px;
    z-index: 2;
    animation: pendulum2 14s infinite cubic-bezier(0.310, 0.440, 0.445, 1.650);
    -webkit-animation: pendulum2 14s infinite cubic-bezier(0.310, 0.440, 0.445, 1.650);
    -moz-animation: pendulum2 14s infinite cubic-bezier(0.310, 0.440, 0.445, 1.650);
    -o-animation: pendulum2 14s infinite cubic-bezier(0.310, 0.440, 0.445, 1.650);
    transform-origin: center;
}

.i-about-e {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
}

.i-jx {
    height: 100%;
}

.i-jx .g_w {}

.i-jx-title {
    background: url('../images/i-bg2.jpg') no-repeat;
    background-size: cover;
    background-position: center;
}

.i-jx-title .g_w {
    height: 213px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.i-jx-con {
    height: calc(100% - 213px);
}

.i-jx-list {
    display: flex;
    height: 100%;
}

.i-jx-item {
    width: 10%;
    height: 100%;
    overflow: hidden;
    /*transition: .4s all linear;*/
    position: relative;
    background-size: cover;
    background-position: left center
}

.i-jx-item::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(68, 54, 4, .55)
}

.i-jx-item-text1 {
    position: absolute;
    bottom: 164px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    white-space: nowrap;
}

.i-jx-item-text1::after {
    content: '';
    display: block;
    width: 47px;
    height: 5px;
    background: #fff;
    margin-top: 16px;
}

.i-jx-item-text2 {
    opacity: 0;
    position: absolute;
    top: 45%;
    left: 45%;
    transform: translate(-50%,-50%);
    padding: 10px 0 10px 0;
    color: #fff;
    font-size: 18px;
    z-index: 9;
    overflow: hidden;
    width: 550px;
    max-width: 92%;
}

.i-jx-item-text2 span {
    font-size: 24px;
    font-weight: 600;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 1)
}

.i-jx-item-text2 p {
    transition: .4s all ease .4s;
    opacity: 0;
    line-height: 1.8em;
    margin-top: 24px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 1)
}

.i-jx-item-text2 a {
    margin-top: 112px;
    display: block;
    color: #fff;
    opacity: 0;
    transition: .4s all ease .4s;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 1)
}

.i-jx-item-text2 a em {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    margin-left: 14px;
    border: 2px solid #fff;
}


.i-jx-item-text2 a:hover{text-shadow: 3px 2px 2px rgba(0,0,0,.5);transition: .4s all ease}
.i-jx-item-text2 a:hover em{box-shadow: 3px 2px 2px rgba(0,0,0,.5);transition: .4s all ease}

.i-jx-item-text2 a em::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 15px;
    height: 3px;
    background: #fff;
}

.i-jx-item-text2 a em::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 3px;
    height: 15px;
    background: #fff;
}

.i-jx-item.active {
    width: 50%;
}

.i-jx-item.active .i-jx-item-text1 {
    opacity: 0;
}

.i-jx-item.active .i-jx-item-text2 {
    opacity: 1;
    transition: .4s all ease .4s
}

.i-jx-item.active .i-jx-item-text2 p {
    opacity: 1;
    transition: .4s all ease .4s
}

.i-jx-item.active .i-jx-item-text2 a {
    opacity: 1;
    transition: .4s all ease .4s
}

.i-jx-item.active::after {
    display: none
}

.i-product {
    height: 100%;
    overflow: hidden;
    background: url('../images/i-bg3.jpg') no-repeat;
    background-position: center;
    background-size: cover;
}

.i-product .g_w {
    height: 100%;
    display: flex;
}

.i-product .nav {
    width: 160px;
}

.i-product .nav li {
    float: none;
}

.i-product .nav li a {
    color: #443e04;
    font-size: 16px;
    opacity: .7;
    transition: .4s all ease;
    padding: 0;
    margin-top: 10px;
    margin-right: 0;
}

.i-product .nav li.active a {
    opacity: 1;
}

.i-product .nav li a b {
    display: block;
    font-family: AVANTGARDETWOBQ-DEMIBOLD_0;
    font-size: 18px;
}

.i-product .nav li a::before {
    content: '';
    display: block;
    transition: .4s all ease;
    width: 1px;
    height: 25px;
    margin-left: 14px;
    background: #443e04;
}

.i-product .nav li.active a::before {
    height: 25px;
}

.i-pro-con {
    display: flex;
    height: 100%;
}

.i-pro-body {
    width: calc(100% - 160px);
    height: 100%;
}

.i-pro-body .i-title {
    height: 176px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.i-pro-body #myTabContent {
    height: calc(100% - 178px);
}

.i-pro-body #myTabContent .tab-pane {
    height: 100%;
}

.i-pro-conL {
    width: 500px;
    height: 100%;
}

.i-pro-conR {
    width: calc(100% - 500px);
    height: 100%;
    position: relative;
}

.i-pro-conR img {
    max-height: 88%;
    position: absolute;
    /*left: 10%;*/
    left: 40%;
    transform: translateX(-50%);
}

.i-proList {
    display: flex;
    width: 500px;
    flex-wrap: wrap
}

.i-proList li {
    width: 48%;
    padding-right: 2%;
    margin-top: 20px;
    font-size: 15px;
    position: relative
}

.i-proList li a {
    color: #443e04;
    position: relative;
}

.i-proList li a::after {
    content: '';
    position: absolute;
    left: -2%;
    top: 50%;
    transform: translateY(-50%);
    width: 0%;
    height: 1px;
    background: #443e44;
    transition: .4s all ease
}

.i-proList li:hover a::after {
    width: 104%;
}

.i-pj {
    height: 100%;
    overflow: hidden;
    background: url('../images/i-bg4.jpg') no-repeat;
    background-position: center;
    background-size: cover;
}

.i-pj .g_w {
    height: 100%;
    display: flex;
}

.i-pj .nav {
    width: 160px;
}

.i-product .nav li {
    float: none;
}

.i-pj .nav li a {
    color: #443e04;
    font-size: 16px;
    opacity: .7;
    transition: .4s all ease;
    padding: 0;
    margin-top: 24px;
    margin-right: 0;
}

.i-pj .nav li.active a {
    opacity: 1;
}

.i-pj .nav li a b {
    display: block;
    font-family: AVANTGARDETWOBQ-DEMIBOLD_0;
    font-size: 24px;
}

.i-pj .nav li a::before {
    content: '';
    display: block;
    transition: .4s all ease;
    width: 1px;
    height: 38px;
    margin-left: 14px;
    background: #443e04;
}

.i-pj .nav li.active a::before {
    height: 48px;
}

.i-pj-con {
    display: flex;
    height: 100%;
}

.i-pj-body {
    width: calc(100% - 160px);
    height: 100%;
}

.i-pj-body .i-title {
    height: 176px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.i-pj-conL {
    width: 380px;
}

.i-pj-conL span {
    font-size: 30px;
    font-weight: 600;
    color: #443e04
}

.i-pj-conL p {
    font-size: 15px;
    color: #443e04;
    line-height: 1.8em;
    margin-top: 50px;
}

.i-pj-conL a {
    color: #443e04;
    margin-top: 100px;
    display: block;
    transition: .4s all ease;
}



.i-pj-conL a em {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    margin-left: 14px;
    border: 2px solid #443e04;
    transition: .4s all ease
}
.i-pj-conL a:hover{text-shadow: 3px 2px 2px rgba(0,0,0,.5);transition: .4s all ease}
.i-pj-conL a:hover em{box-shadow: 3px 2px 2px rgba(0,0,0,.5);transition: .4s all ease}

.i-pj-conL a em::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 15px;
    height: 3px;
    background: #443e04;
}

.i-pj-conL a em::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 3px;
    height: 15px;
    background: #443e04;
}

.i-pj-conR {
    width: calc(100% - 380px);
    padding-left: 50px;
}

#myTabContent2 {
    margin-top: 60px;
}

.i-news {
    background-color: #fff;
    height: 100%;
    background: url('../images/i-bg5.jpg') no-repeat;
    background-size: cover;
    background-position: left center
}

.i-news-con {
    display: flex;
    margin-top: 110px;
}

.i-newsL {
    width: 50%;
    position: relative;
    padding: 58px 22px;
    background: url('../images/i-news1.jpg') no-repeat;
    background-size: cover;
    background-position: center;
}

.i-newsL-item {
    width: 250px;
    height: 350px;
    float: right;
    background: rgba(68, 62, 4, .85);
    transition: .4s all ease
}

.i-newsL-item:hover { transform: translate(-8px,-8px); box-shadow: 4px 4px 6px rgba(0,0,0,.8);transition: .4s all ease}


.i-newsL-item a {
    display: block;
    color: #fff;
    font-size: 15px;
    padding: 50px 30px 10px 30px;
    transition: .4s all ease
}

.i-newsL-item a span {}

.i-newsL-item a h5 {
    font-size: 15px;
    font-weight: 600;
    margin-top: 40px;
    line-height: 1.4em
}

.i-newsL-item a p {
    line-height: 1.8em;
    margin-top: 24px;
}

.i-newsR {
    width: 50%;
    padding-left: 66px;
}

.i-newR-item {
    font-size: 15px;
}

.i-newR-item a {
    color: #443e04;
}

.i-newR-item a h5 {
    font-size: 18px;
    margin-top: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.i-newR-item a h5::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 1px;
    background: #443e04;
    transition: .4s all ease
}

.i-newR-item a p {
    margin-top: 32px;
    line-height: 1.8em;
    overflow: hidden;
    max-height: 54px;
    text-overflow: ellipsis;
}

.i-newR-item:nth-child(2) {
    margin-top: 50px;
}

.i-newsR>a {
    display: block;
    margin-top: 50px;
    color: #443e04;
}

.i-newsR>a em {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    margin-left: 14px;
    border: 2px solid #443e04;
}

.i-newsR>a:hover{text-shadow: 3px 2px 2px rgba(0,0,0,.5);transition: .4s all ease}
.i-newsR>a:hover em{box-shadow: 3px 2px 2px rgba(0,0,0,.5);transition: .4s all ease}

.i-newsR>a em::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 15px;
    height: 3px;
    background: #443e04;
}

.i-newsR>a em::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 3px;
    height: 15px;
    background: #443e04;
}

.i-newR-item:hover a h5::before {
    width: 38px;
    margin-right: 10px;
    transition: .4s all ease
}

footer{position: relative;z-index: 9}
.f-top {
    padding: 26px 20px 22px 20px;
    text-align: center;
    border-top: 1px solid #443e04;
    border-bottom: 1px solid #443e04
}

.f-bottom {
    padding-top: 40px;
    padding-bottom: 30px;
}

.f-bottom .g_w {
    display: flex;
}

.f-bottomL {
    width: 764px;
    min-width: 764px;
}

.f-bottomL ul {
    display: flex;
}

.f-bottomL li {
    margin-right: 58px;
    position: relative;
}

.f-bottomL li:nth-last-child(1) {
    margin-right: 0;
}

.f-bottomL li a {
    color: #443e04;
    margin-top: 14px;
    display: block;
    transition: .4s all ease
}
.f-bottomL li a:before{ content: ''; position: absolute; right: 100%; bottom: 0; width: 0;height: 1px;background: #443e04;transition: .4s all ease}
.f-bottomL li a:hover { transform: translateX(8px); transition: .4s all ease}
.f-bottomL li a:hover:before{ width: 8px; transition: .4s all ease}


.f-bottomL li .f-ah {
    margin-top: 0;
    padding-bottom: 10px;
    font-size: 15px;
}

.f-bottomR {
    width: 534px;
    min-width: 534px;
    border-left: 1px solid #443e04;
    padding-left: 20px;
    display: flex;
    justify-content: space-between;
}

.f-bottomR-info {
    color: #443e04;
    width: 290px;
    min-width: 290px;
}

.f-bottomR-info>span {
    display: block;
    padding-bottom: 10px;
}

.f-bottomR-info p {
    margin-top: 10px;
}

.f-bottomR-code img {
    margin: 0 5px;
}

.f-share {
    padding-left: 5px;
    margin-top: 20px;
    color: #443e04;
}

.pc-nav {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: rgb(68, 62, 4);
    z-index: 9999;
}

.pc-nav .g_w {
    display: flex;
    justify-content: space-between;
}

.pc-navL {
    width: calc((100% - 229px)/2);
}

.pc-navC {
    width: 229px;
    text-align: center;
    position: relative;
}

.pc-navC a {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2
}

.pc-navC::after {
    content: '';
    position: absolute;
    left: 50%;
    top: calc(100% - 1px);
    transform: translateX(-50%);
    width: 229px;
    height: 71px;
    background: url('../images/header1.png') no-repeat;
    z-index: 1
}

.pc-nav a {
    color: #ecdac2;
    font-weight: 600;
    font-size: 15px;
}

.pc-navR {
    width: calc((100% - 229px)/2);
}

.pc-nav ul {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.pc-nav ul li {
    position: relative;
}

.pc-navL ul li>a,
.pc-navR ul li>a {
    display: block;
    line-height: 89px;
    height: 89px;
}

.head-search {
    position: relative;
}

.head-search span {
    display: block;
    width: 22px;
    height: 22px;
    background: url('../images/search2.png') no-repeat;
}

.head-search input {
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 36px;
    line-height: 36px;
    padding: 0;
    border: 0;
    background: none;
    color: #fff;
    border-bottom: 1px solid #fff;
    transition: .4s all ease;
}

.head-search:hover input {
    width: 120px;
    padding: 0 10px;
}

.pc-nav2 {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 184px;
    height: 350px;
    padding: 35px 20px;
    background: url("../images/navBg.png") no-repeat;
    z-index: 9;
    animation: headerShow .8s ease forwards;
}

.pc-nav2 a {
    color: #ecdac2;
    display: block;
    padding: 4px 6px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;

    position: relative;
}
.pc-nav2 a:after{content: '';position: absolute; left: 50%;top: 50%;transform: translate(-50%,-50%); width: 0;height: 1px;background: #ecdac2;transition: .8s all ease}

.pc-nav2 a:hover:after{width: 80%;transition: .8s all ease}
.pc-nav ul li:hover .pc-nav2 {
    display: block;
}

.n-body {
    padding-top: 89px;
}

.n-nav2 {
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateX(-100%) translateY(-50%);
    z-index: 999;

}
.n-nav2 ul{transition: .4s all ease;}
.n-nav2 ul li a {
    display: block;
    padding: 0 16px;
    width: 160px;
    height: 40px;
    line-height: 40px;
    margin-top: 8px;
    color: #443e04;
    background: #fff;
    border-top-right-radius: 30px;
    text-align: right;
    border-bottom-right-radius: 30px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .5)
}

.n-nav2 ul li.active {}

.n-nav2 ul li.active a {
    color: #fff;
    background: #443e04;
}

.n-nav2 ul li:hover a {
    color: #fff;
    background: #443e04;
}
.n-nav2-btn{ display: none; width: 40px;height: 40px;background: rgba(68,62,4,.7);color: #fff;align-items: center;justify-content: center;cursor: pointer;}
.n-nav2-btn span{font-size: 30px;font-weight: 600;line-height: 1;display: block;margin-top: -4px;transition: .4s all ease;}
.n-nav2.active .n-nav2-btn span{transform: rotateZ(180deg);margin-top: 4px}
.n-nav2.active ul{transform: translateX(100%)}

@-webkit-keyframes n-xy-item1 {
    0% {
        transform: translateX(-50%) scale(0);
    }
    100% {
        transform: translateX(-50%) scale(1);
    }
}

@-webkit-keyframes n-xy-item2 {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

@-webkit-keyframes n-xy-item3 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.n-xy {
    overflow: hidden;
    background: url('../images/n-xy7.png') no-repeat;
    background-size: auto;
    background-position: center top;background-color: #fdf6ee;
}

.n-xy-con1 {
    position: relative;
    margin-top: 94px;
    height: 516px;
    z-index: 2;
}
.n-xy-con1:after{
    content: '';
    position: absolute;
    top: 320px;
    left: 0;
    width: 100%;
    height: 765px;
    background: url("../images/n-xy10.png") no-repeat;
    background-size: auto;
    background-position: center top
}
.n-xy-con1 span {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.n-xy-item1 {
    width: 310px;
    height: 310px;
    border: 5px solid #c69c6d;
    top: 62px;
    transform: translateX(-50%) scale(0);
    animation: n-xy-item1 1.2s ease-in-out forwards;
}

.n-xy-item2 {
    opacity: 0;
    top: 0;
    transform: translateX(-50%) translateY(30px);
    animation: n-xy-item2 1.2s ease-in-out forwards .4s;
}

.n-xy-item3 {
    top: 106px;
    opacity: 0;
    animation: n-xy-item3 1.2s ease-in-out forwards .4s;
}
.n-xy-con2{position: relative;z-index: 3}
.n-kt-con3{position: relative;z-index: 3}
.n-kt2-con4{position: relative;z-index: 3}
.n-xy-con2{position: relative;z-index: 3}
.n-kt-con4{position: relative;z-index: 3}

.n-xy-con2-title h1 {
    font-size: 44px;
    text-align: center;
    color: #443e04
}

.n-xy-con2-title p {
    font-size: 15px;
    color: #443e04;
    margin-top: 40px;
    line-height: 1.8em;
}

.n-xy-con2-swiper {
    margin-top: 60px;
    position: relative;
}

.n-xy-con2 .n-xy-con2-start {
    position: absolute;
    left: 50%;
    top: 72px;
    transform: translateX(-50%);
    z-index: 9;
}

.n-xy-con2-start img {
    display: block;
    margin: 0 auto
}

.n-xy-con2-start span {
    display: block;
    font-size: 36px;
    margin-top: 4px;
    text-align: center;
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0,0,0,1);
}

.n-xy-con2-swiper .swiper-button-prev {
    width: 64px;
    height: 64px;
    margin: 0;
    left: 64px;
    top: 50%;
    transform: translateY(-50%);
    background: url('../images/prev.png') no-repeat;
    background-size: 100% 100%;
}

.n-xy-con2-swiper .swiper-button-next {
    width: 64px;
    height: 64px;
    margin: 0;
    right: 64px;
    top: 50%;
    transform: translateY(-50%);
    background: url('../images/next.png') no-repeat;
    background-size: 100% 100%;
}

.n-xy-con3-btn{margin-top: 20px;text-align: center}
.n-xy-con3-btn .swiper-button-prev{ width: 64px;
    display: inline-block;
    height: 64px;
    margin: 0 10px;
    position: relative;
    left: auto;
    top: auto;
    transform: translate(0,0);
    background: url('../images/prev.png') no-repeat;
    background-size: 100% 100%;}

.n-xy-con3-btn .swiper-button-next{ width: 64px;
    display: inline-block;
    height: 64px;
    margin: 0 10px;
    position: relative;
    right: auto;
    top: auto;
    transform: translate(0,0);
    background: url('../images/next.png') no-repeat;
    background-size: 100% 100%;}



.n-xy-con2-item {
    position: relative
}

.n-xy-con2-item::after {
    content: '';
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: url('../images/n-xy9.png') no-repeat;
    background-size: 100% 100%;
    transition: .4s all ease
}

.n-xy-con2-bg {
    padding-top: 47%;
}

.n-xy-con2-text {
    text-align: center;
    color: #fff;
    width: 426px;
    opacity: 0;
    transition: .4s all ease;
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.n-xy-con2-text span {
    font-size: 30px;
}

.n-xy-con2-text p {
    font-size: 15px;
    margin-top: 20px;
    line-height: 1.6em
}

.n-xy-con2-text a {
    display: block;
    margin: 50px auto 0 auto;
    width: 110px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    border: 1px solid #fff;
}

.n-xy-con2-item:hover .n-xy-con2-text {
    opacity: 1;
    top: 50%;
    transition: .4s all ease;
}

.n-xy-con2-item:hover::after {
    opacity: 1;
    transition: .4s all ease;
}

.n-xy-con3 {
    margin-top: 120px;
    padding-bottom: 134px;
}

.n-xy-con3 .n-xy-con2-start {
    position: relative
}

.n-xy-con3 .n-xy-con2-start span {
    color: #252203;
    text-shadow: 2px 2px 2px rgba(0,0,0,.5);
}

.n-xy-con3 .n-xy-con2-bg {
    padding-top: 64.8%
}

.n-xy-con3 .swiper-slide {
    transform: scale(.8);
    transition: .4s all ease;
}

.n-xy-con3 .swiper-slide.swiper-slide-active {
    transform: scale(1)
}

.n-xs-box1 {
    padding-top: 154px;
    background: url('../images/n-xs1.jpg') no-repeat;
    background-position: center top
}

.n-xs-con1 .g_w {
    display: flex;
}

.n-xs-con1 .n-xs-con1L {
    width: 60%;
    padding-right: 11%;
    padding-left: 54px;
    padding-top: 84px;
}

.n-xs-con1 .n-xs-con1L p {
    margin-top: 84px;
    line-height: 1.8em;
    color: #443604;
    font-size: 15px;
}

.n-xs-con1 .n-xs-con1R {
    width: 40%;
    position: relative
}

.yun {
    display: block;
    position: absolute;
    left: 38px;
    top: calc(100% - 30px);
    animation: pendulum2 14s infinite cubic-bezier(0.310, 0.440, 0.445, 1.650);
    -webkit-animation: pendulum2 14s infinite cubic-bezier(0.310, 0.440, 0.445, 1.650);
    -moz-animation: pendulum2 14s infinite cubic-bezier(0.310, 0.440, 0.445, 1.650);
    -o-animation: pendulum2 14s infinite cubic-bezier(0.310, 0.440, 0.445, 1.650);
    transform-origin: center;
}

.n-xs-con2 {
    padding-top: 126px;
    padding-bottom: 90px;
}

.n-xs-con2 .g_w {
    display: flex;
    position: relative;
    overflow: hidden;
}

.n-xs-con2L {
    width: 48%;
}

.n-xs-con2R {
    width: 52%;
    padding-left: 10%;
    padding-top: 74px;
}

.n-xs-con2 .n-xs-ts {
    position: absolute;
    top: 144px;
    left: 42.5%;
    z-index: 9;
    display: flex;
    align-items: center
}

.n-xs-ts b {
    opacity: 0;
    transform: scale(0);
    width: 38px;
    min-width: 38px;
    height: 38px;
    border: 3px solid #ecdac2;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .4s all ease 1s;
}

.n-xs-ts b::after {
    content: '';
    width: 20px;
    height: 20px;
    background: #ecdac2;
    border-radius: 50%
}

.n-xs-ts i {
    display: block;
    width: 0;
    height: 3px;
    background: #ecdac2;
    transition: 1s all linear;
}

.n-xs-con2:hover .n-xs-ts i {
    width: 100vw;
    transition: 1s all linear .2s;
}

.n-xs-con2:hover .n-xs-ts b {
    opacity: 1;
    transform: scale(1);
    transition: .4s all ease 0s;
}

.n-xs-con2swiper-button {
    margin-top: 16px;
    text-align: center
}

.n-xs-con2-swiper .swiper-button-prev {
    width: 58px;
    height: 58px;
    margin: 0 5px;
    position: relative;
    top: auto;
    left: auto;
    display: inline-block;
    background: url('../images/prev2.png') no-repeat;
    background-size: 100% 100%;
}

.n-xs-con2-swiper .swiper-button-next {
    width: 58px;
    height: 58px;
    margin: 0 5px;
    position: relative;
    top: auto;
    right: auto;
    display: inline-block;
    background: url('../images/next2.png') no-repeat;
    background-size: 100% 100%;
}

.n-xs-con2R-text span {
    font-size: 44px;
    display: block;
    color: #443e04;
}

.n-xs-con2R-text b {
    font-size: 18px;
    display: block;
    color: #443e04;
    margin-top: 78px
}

.n-xs-con2R-text p {
    margin-top: 36px;
    font-size: 15px;
    color: #443e04;
    text-indent: 2em;
}

.n-xs-con3 {
    padding-top: 96px;
    padding-bottom: 64px;
    background: #f3ece3
}

.n-xs-con3 .g_w {
    display: flex;
    position: relative;
    overflow: hidden;
}

.n-xs-con3R {
    width: 48%;
}

.n-xs-con3L {
    width: 52%;
    padding-right: 10%;
    padding-top: 32px;
}

.n-xs-con3 .n-xs-ts {
    position: absolute;
    top: 88px;
    right: 42.5%;
    z-index: 9;
    display: flex;
    align-items: center
}

.n-xs-con3 .n-xs-ts b {
    opacity: 0;
    transform: scale(0);
    width: 38px;
    min-width: 38px;
    height: 38px;
    border: 3px solid #805623;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .4s all ease 1s;
}

.n-xs-con3 .n-xs-ts b::after {
    content: '';
    width: 20px;
    height: 20px;
    background: #805623;
    border-radius: 50%
}

.n-xs-con3 .n-xs-ts i {
    display: block;
    width: 0;
    height: 3px;
    background: #805623;
    transition: 1s all linear;
}

.n-xs-con3:hover .n-xs-ts i {
    width: 100vw;
    transition: 1s all linear .2s;
}

.n-xs-con3:hover .n-xs-ts b {
    opacity: 1;
    transform: scale(1);
    transition: .4s all ease 0s;
}

.n-xs-con3-swiper .swiper-button-prev {
    width: 58px;
    height: 58px;
    margin: 0 5px;
    position: relative;
    top: auto;
    left: auto;
    display: inline-block;
    background: url('../images/prev2.png') no-repeat;
    background-size: 100% 100%;
}

.n-xs-con3-swiper .swiper-button-next {
    width: 58px;
    height: 58px;
    margin: 0 5px;
    position: relative;
    top: auto;
    right: auto;
    display: inline-block;
    background: url('../images/next2.png') no-repeat;
    background-size: 100% 100%;
}

.n-xs-con3L-text span {
    font-size: 44px;
    display: block;
    color: #443e04;
}

.n-xs-con3L-text b {
    font-size: 18px;
    display: block;
    color: #443e04;
    margin-top: 78px
}

.n-xs-con3L-text p {
    margin-top: 36px;
    font-size: 15px;
    color: #443e04;
    text-indent: 2em;
}

.n-xs-con4 {
    padding: 107px 0 96px 0;
    background: url('../images/n-xs6.jpg') no-repeat;
    background-size: cover;
    background-position: center
}

.n-xs-con4 .g_w {
    display: flex;
    justify-content: flex-end;
}

.n-xs-con4-text {
    max-width: 654px;
    padding: 55px;
    background: rgba(243, 236, 227, .8);
    border-radius: 20px;
}

.n-xs-con4-text span {
    font-size: 44px;
    display: block;
    color: #443e04;
}

.n-xs-con4-text b {
    font-size: 18px;
    display: block;
    color: #443e04;
    margin-top: 28px
}

.n-xs-con4-text i {
    font-size: 15px;
    display: block;
    color: #443e04;
    font-style: normal;
}

.n-xs-con4-text p {
    margin-top: 30px;
    font-size: 15px;
    color: #443e04;
    text-indent: 2em;
}


@keyframes n-span
{
    0% {    transform: translateY(0)  ;}
    50% {    transform: translateY(6px)  ;}
    100% {    transform: translateY(0)  ;}

}


@-webkit-keyframes n-span
{
    0% {    transform: translateY(0)  ;}
    50% {    transform: translateY(6px)  ;}
    100% {    transform: translateY(0)  ;}
}
.n-ds-banner{  height: calc(100vh - 89px) ;background-image: url("../images/n-ds1.jpg");background-repeat: no-repeat;background-position: center;background-size: cover}
.n-ds-banner .g_w{ height: 100%; display: flex;align-items: flex-end;}
.n-ds-banner-text{width: 100%; padding: 78px 20px 38px 20px;text-align: center;color: #443604;
    background: url("../images/n-ds2.png") no-repeat;background-position: center;background-size: 100% 100%; }
.n-ds-banner-text h1{font-size: 44px;}
.n-ds-banner-text b{display: block;margin-top: 50px;font-size: 22px;}
.n-ds-banner-text p{margin: 0 auto; margin-top: 28px;font-size: 16px;line-height: 1.8em;max-width: 912px; }
.n-ds-banner-text span{display: block; width: 17px; height: 32px; margin: 34px auto 0 auto;  background: url("../images/n-ds3.png") no-repeat;
    animation: n-span 1.6s linear infinite;
    -webkit-animation: n-span 1.6s linear infinite;}

.n-ds-con1 .g_w{box-sizing: content-box;padding: 0 36px; position: relative}
.n-ds-swiper .swiper-slide a{display: block;  padding-top:33px; background: url("../images/n-ds5.jpg") no-repeat; background-size: 100% 100%;}
.n-ds-swiper .swiper-slide a.active{background: url("../images/n-ds4.jpg") no-repeat; background-size: 100% 100%;}
.n-ds-swiper .swiper-slide span{display: block; padding: 12px 0; text-align: center;font-size: 18px;  color: #4c4948;font-family: AVANTGARDETWOBQ-DEMIBOLD_0}
.n-ds-swiper .swiper-slide a.active span{color: #ecdac2;}
.n-ds-con1 .swiper-button-prev{width: 30px; height: 30px; left: 0; margin: 0; transform: translateY(-50%);
    background: url("../images/prev3.png") no-repeat; background-size: 100% 100%;}
.n-ds-con1 .swiper-button-next{width: 30px; height: 30px; right: 0; margin: 0;transform: translateY(-50%);
    background: url("../images/next3.png") no-repeat; background-size: 100% 100%;}

.n-ds-con2{padding-bottom: 100px;}
.n-ds-con2-item{margin-top: 46px;}
.n-ds-con2-item>span{ display: block;padding-left: 68px; padding-bottom: 8px; border-bottom: 1px solid #eeeeee;
    font-weight: 600; font-size: 24px; font-family: Arial; color: #4c4948;}
.n-ds-con2-itemText{margin-top: 18px;padding-left: 42px; color: #4c4948; font-size: 16px;
    background-image: url("../images/n-ds6.png"); background-repeat: repeat-y;}
.n-ds-con2-itemText p{  padding-left: 26px;position: relative;min-height: 28px;line-height: 28px;}
.n-ds-con2-itemText p:after{content: '';position: absolute;left: 0;top: 12px;width: 6px; height: 6px; background: #4c4948;border-radius: 50%;}

.n-dz-box{background: url("../images/n-dz1.jpg") no-repeat;background-position: center top;background-size: cover; }
.n-dz-con1{height: 787px; max-height: 90vh; display: flex;align-items: center;justify-content: center}
.n-dz-con1Text{max-width: 864px;width: 100%;color: #fff;font-size: 20px;text-align: center;line-height: 1.8em; text-shadow: 0 0 4px rgba(0,0,0,.8)}
.n-dz-con1Text span{display: block; margin: 0 auto; margin-top: 76px;width: 60px; height: 60px;
    background: url("../images/n-ds12.png") no-repeat;background-size: 100% 100%;
    animation: n-span 1.6s linear infinite;
    -webkit-animation: n-span 1.6s linear infinite;}
.n-dz-con2 .g_w{background: rgba(255,255,255,.8); padding: 76px 56px; border-radius: 20px;color: #443e04}
.n-dz-con2 h1{font-size: 44px;text-align: center}
.n-dz-con2-list { margin-top: 50px; display: flex; justify-content: space-between; flex-wrap: wrap}
.n-dz-con2-item{width: 47%;display: flex}
.n-dz-con2-itemImg{width: 158px;transition: .4s all ease}
.n-dz-con2-itemText{width: calc(100%  - 158px);}
.n-dz-con2-itemText span{display: block;font-weight: 600;font-size: 24px;}
.n-dz-con2-itemText p{font-size: 15px;line-height: 1.8em;text-indent: 2em;margin-top: 4px;}
.n-dz-con2-item:nth-child(3){margin-top: 120px;}
.n-dz-con2-item:nth-child(4){margin-top: 120px;}

.n-dz-con2-item:hover .n-dz-con2-itemImg{transform: translateY(-10px);transition: .4s all ease}

.n-dz-con3{position: relative}
.n-dz-con3 .g_w{display: flex;align-items: stretch}
.n-dz-con3:after{content: ''; position: absolute;left: 0;top: 0; z-index: 1; width: 50vw;height: 100%;
    background: url("../images/n-dz2.jpg") no-repeat;background-position: center;background-size: cover;background-attachment:fixed;}
.n-dz-con3-l{width: 50%;position: relative;z-index: 2;padding: 97px 82px 77px 0;color: #443e04}
.n-dz-con3-lTop span{font-size: 44px;}
.n-dz-con3-lTop div{margin-top: 26px;}
.n-dz-con3-lTop p{font-size: 15px;line-height: 1.8em;text-indent: 2em;margin-top: 4px;}
.n-dz-con3-lBottom {margin-top: 58px;max-width: 460px; width: 100%; float: right}
.n-dz-con3-lBottom ul li a{display: flex;justify-content: space-between; align-items: center; color: #443e04;height: 60px; padding-right: 10px; border-bottom: 1px solid #b6af95}
.n-dz-con3-lBottom ul li a em{display: block;width: 19px; height: 13px;background: url("../images/n-ds11.png") no-repeat;transition: .4s all ease}
.n-dz-con3-lBottom ul li a:hover em{transform: translateX(10px);transition: .4s all ease}
.n-dz-con3-lBottom ul li.active a em{transform: translateX(10px);transition: .4s all ease}
.n-dz-con3-bg .g_bg{width: 100%;height: 100%;display: none;}
.n-dz-con3-bg .g_bg.active{display: block}
.n-dz-con3-r{width: 50%;}
.n-dz-con3-bg{width: 50vw;height: 100%;position: absolute;right: 0;top: 0}

.n-dz-con4{padding-top: 116px;overflow: hidden;}
.n-dz-con4-top{color: #443e04}
.n-dz-con4-top span{font-size: 44px;}
.n-dz-con4-text{margin-top: 44px;}
.n-dz-con4-text p{text-indent: 2em;line-height: 1.8em;font-size: 15px;}
.n-dz-con4-img{margin-top: 34px; width: calc( 1300px + (100% - 1300px) / 2); float: right; display: flex;justify-content: space-between;}
.n-dz-con4-img img{height: auto}
.n-dz-con4-bg .g_bg{width: 100%;height: 100%}
.n-dz-con4-bg:nth-child(1){width: 33%}
.n-dz-con4-bg:nth-child(1) .g_bg{padding-top: 95.8%;}
.n-dz-con4-bg:nth-child(2){width: 33%}
.n-dz-con4-bg:nth-child(3){width: 29.5%}

.n-kt-con3-nav{margin-top: 24px;}
.n-kt-con3-nav ul {display: flex}
.n-kt-con3-nav ul li {width: 25%; }
.n-kt-con3-nav ul li a{display: block;text-align: center;color: #443e04;font-size: 30px;padding-top: 28px;position: relative}
.n-kt-con3-nav ul li.active a:after{content: '';position: absolute;left: 50%;top: 0;transform: translate(-50%);
    width: 95px;height: 25px;background: url("../images/n-xy6.png") no-repeat;background-position: center}
.n-kt-con3-nav ul li.active a:before{content: '';position: absolute;left: 50%;bottom: -23px;transform: translate(-50%);
    width: 37px;height: 11px;background: url("../images/topImg.png") no-repeat;background-position: center}
.n-kt-con3-body{display: none;}
.n-kt-con3-body.active{display: block}
.n-kt-con3-tab{margin-top: 20px;}
.n-kt-con3-body{text-align: center;padding: 30px 20px;border: 3px solid rgba(235,215,186,75);background: rgba(255,255,255,.75)}
.n-kt-con3-body p{max-width: 800px;margin: 0 auto;line-height: 1.8em;font-size: 15px;color: #443e04}

.n-kt-con4{padding-bottom: 130px;}
.n-kt-con4-item{margin-top: 50px;}
.n-kt-con4-itemText{display: inline-block;width: 100%; padding: 48px 58px;max-width: 712px;transform: translateX(-58px);transition: .8s all;
    border: 2px solid rgba(235,215,186,75);background: rgba(255,255,255,.75);color: #443e04}
.n-kt-con4-itemText > span{font-size: 30px;font-weight: 600;text-align: center;display: block}
.n-kt-con4-itemText > div{margin-top: 30px; line-height: 1.8em;font-size: 15px;text-align: left}
.n-kt-con4-item{font-size: 0}
.n-kt-con4-itemL img{display: inline-block;transition: .8s all }
.n-kt-con4-item .n-kt-con4-itemL{text-align: right }
.n-kt-con4-item .n-kt-con4-itemR{margin-top:-272px;text-align: left }
.n-kt-con4-item:nth-child(2n) .n-kt-con4-itemL{text-align: left }
.n-kt-con4-item:nth-child(2n) .n-kt-con4-itemR{margin-top:-272px;text-align: right }
.n-kt-con4-item:nth-child(2n) .n-kt-con4-itemR .n-kt-con4-itemText{transform: translateX(58px) }
.n-kt-con4-item:nth-child(1) .n-kt-con4-itemR{margin-top:-272px; }
.n-kt-con4-item:nth-child(2) .n-kt-con4-itemR{margin-top:-130px; }
.n-kt-con4-item:nth-child(3) .n-kt-con4-itemR{margin-top:-272px; }
.n-kt-con4-item:nth-child(4) .n-kt-con4-itemR{margin-top:-209px; }
.n-kt-con4-item:nth-child(5) .n-kt-con4-itemR{margin-top:-272px; }
.n-kt-con4-item:hover .n-kt-con4-itemL img{transform: scale(1.1)}
.n-kt-con4-item:hover .n-kt-con4-itemText {box-shadow: 2px 2px 12px rgba(0,0,0,.5);transition: .8s all}

.n-kt2-con4{padding-bottom: 124px;}
.n-kt2-con4-list{display: flex;justify-content: space-between;flex-wrap: wrap}
.n-kt2-con4-item{position: relative;width: calc(50% - 30px);margin-top: 48px;color: #443e04;overflow: hidden}
.n-kt2-con4-itemBg{padding-top: 60%;height: 100%;width: 100%;transition: 1s all ease}
.n-kt2-con4-itemText{ max-width: 90%;   position: absolute; left: 50%;top: 50%;transform: translate(-50%,-50%); text-align: center;
    padding: 52px 40px 40px 40px;border: 3px solid rgba(207,168,127,75);background: rgba(255,255,255,.75);transition: .4s all ease}
.n-kt2-con4-itemText > span{font-size: 24px; }
.n-kt2-con4-itemText > div{margin-top: 30px;font-size: 15px; line-height: 1.8em;display: none}
.n-kt2-con4-item:hover .n-kt2-con4-itemText{width: 486px;transition: .4s all ease}
.n-kt2-con4-item:hover .n-kt2-con4-itemText>div{display: block;}
.n-kt2-con4-item:hover .n-kt2-con4-itemBg{transform: scale(1.1);transition: 1s all ease}

.n-about1{position: relative}
.n-about1-con1{position: relative;overflow: hidden}
.n-about1-con1:before{content: '';position: absolute;left: 0;top: 0;background: url("../images/n-about1-5.jpg") no-repeat; background-attachment: fixed; width: 100%;height: 843px;}
.n-about1-con1 .g_w{position: relative;  z-index:2;}
.n-about1-top{ margin-top: 140px; text-align: center ;position: relative}
.n-about1-top .n-about1-title{position: absolute;left: 50%; top: 0; transform: translateX(-50%);}
.n-about-text{max-width: 830px; margin: 24px auto 0 auto; text-align: center;color: #443e04}
.n-about-text h1{font-size: 30px;}
.n-about-text p{margin-top: 14px; line-height: 1.8em;font-size: 15px;}

.n-about1-swiper{margin-top: 32px;display: flex;align-items: stretch}
.n-about1-swiper .swiper-container{width: calc(100% - 200px);}
.n-about1-swiperR {width: 200px; padding-top: 34px; text-align: center;position: relative;background: #efe0cb}
.n-about1-swiperR-bottom{position: absolute;width: 100%;bottom: 32px;left: 0;font-size: 16px;color: #443e04}
.n-about1-swiper-button{margin-top: 34px;font-size: 0}
.n-about1-swiper-button .swiper-button-prev{width: 58px; height: 58px; display: inline-block;  position: relative; left: auto; margin: 0 5px;
    background: url("../images/prev2.png") no-repeat; background-size: 100% 100%;}
.n-about1-swiper-button .swiper-button-next{width: 58px; height: 58px; display: inline-block;  position: relative; right: auto; margin: 0 5px;
    background: url("../images/next2.png") no-repeat; background-size: 100% 100%;}
.n-about1-swiperImg{padding-top: 48.7%;position: relative }
.n-about1-swiperImg img{position: absolute;left: 50%;top: 50%;transform: translate(-50% , -50%);max-width: 100%;max-height: 100%;}

@keyframes n-topShow
{
    0% {    transform: translateY(20px)  ;}

    100% {    transform: translateY(0)  ;}

}


@-webkit-keyframes n-topShow
{
    0% {    transform: translateY(20px)  ;}

    100% {    transform: translateY(0)  ;}
}

.n-about1-con2{display: flex;margin-top: 84px;}
.n-about1-con2L{width: 50%; padding: 40px 130px 60px 0;display: flex; justify-content: flex-end;
    background: url("../images/n-about1-7.jpg") no-repeat;background-attachment: fixed;background-color: #f3ece3}
.n-about1-con2L-top{text-align: right;  position: relative;}
.n-about1-con2L-top>img{transform: translateX(50px);display: inline-block}
.n-about1-con2L-top .n-about1-con2L-title{position: absolute;left: 50%;top: 58%;transform: translate(-50% ,-50%);}
.n-about1-con2L-b{}
.n-about1-con2L-a{margin-top: 60px; width: 313px; display: flex;justify-content: space-between;flex-wrap: wrap;cursor: pointer;}
.n-about1-con2L-aItem{color: #443e04;margin-top: 36px;text-align: center}
.n-about1-con2L-aItem b{width: 90px; height: 90px;transition: .6s all ease;
    display: flex;align-items: center;justify-content: center;border: 2px solid #443e04;border-radius: 50%;}
.n-about1-con2L-aItem b i{ font-size: 40px; }
.n-about1-con2L-aItem span{font-size: 20px;margin-top: 14px;display: block;;font-weight: 500}
.n-about1-con2L-aItem:nth-child(2n){margin-left: 120px;}
.n-about1-con2L-aItem.active b{background: #443e04;color: #fff;transition: .6s all ease}
.n-about1-con2L-aItem:hover b{background: #443e04;color: #fff;transition: .6s all ease}
.n-about1-con2R{width: 50%;}
.n-about1-con2R-tab{width: 100%;height: 100%;position: relative;display: none}
.n-about1-con2R-tab.active{display: block;}
.n-about1-con2R-img{width: 100%;height: 100%;padding-top: 79%;}
.n-about1-con2R-text{position: absolute;left: 0;bottom:138px;color: #fff;width: 100%;padding: 42px 10px 32px 82px;background: rgba(68,62,4,.47);
    animation: n-topShow .6s linear forwards;
    -webkit-animation: n-topShow .6s linear forwards;}
.n-about1-con2R-text span{font-size: 30px; font-weight: 600;}
.n-about1-con2R-text p{font-size: 15px; line-height: 1.8em;margin-top: 14px;max-width: 574px}
.n-about1-con2R-text a{display: block;margin-top: 48px; width: 130px; height: 40px;transition: .4s all ease;
    line-height: 40px;border: 1px solid #fff; border-radius: 30px;text-align: center;color: #fff}
.n-about1-con2R-text a:hover{background: rgba(255,255,255,.5); color: #443e04; transition: .4s all ease;}

.n-about1-con3-top{ margin-top: 74px; text-align: center;color: #443e04}

.n-about1-con4{margin-top: 76px;padding-bottom: 132px;}
.n-about1-con3-top p{opacity: .75;line-height: 1.8em;margin-top: 36px;font-size: 15px;}
.n-about1-con4-top{display: flex;align-items: center}
.n-about1-con4-top .n-about1-title{width: 366px;text-align: right}
.n-about1-con4-text{width: calc(100% - 366px);padding-left: 82px;text-indent: 2em}
.n-about1-con4-text p{color: #443e04;opacity: .85}


.n-product1{position: relative;overflow: hidden;background: #f3ece3}
.n-product1:before{ content: '';position: fixed;left: 0;top: 0; z-index: 1;
    width: 100%; height: 100vh; background: url("../images/n-about1-5.jpg") no-repeat;background-size: cover; }
.n-product1:after{ content: '';position: absolute;left: 0;top: 0; z-index: 2;
    width: 100%; height: 1433px; background: url("../images/n-pro2.png") no-repeat;background-size: cover;background-position: center;}
.n-product1 .g_w{position: relative;z-index: 3}

.n-pro-top{ margin-top: 92px; text-align: center;position: relative;}
.n-pro-top h1{font-size: 48px;color: #443e04;position: absolute;left: 50%; bottom:32px;transform: translateX(-50%);width: 100%}
.n-pro1-list{display: flex;flex-wrap: wrap; }
.n-pro1-item{width: 30%;margin: 64px 1.5% 0 1.5%;}
.n-pro1-itemImg{height: 564px;padding:10px; overflow: hidden; position: relative;transition: .8s all ease }
.n-pro1-itemImg img{position: absolute;left: 50%;top: 50%;transform: translate(-50% ,-50%);max-height: 100%}
.n-pro1-itemImg .n-pro1-itemImgBefore{top: 0;transform: translate(-50% ,-100%);opacity: 0}
.n-pro1-item h4{ margin-top: 34px;text-align: center; font-size: 18px;  color: #443604; line-height: 1.6em;}
.n-pro1-item:hover .n-pro1-itemImg{transform: translateY(-20px);transition: .8s all ease}
.n-pro1-item:hover .n-pro1-itemImg .n-pro1-itemImgBefore{opacity: 1; top: 50%;transform: translate(-50% ,-50%);;transition: .8s all ease}
.n-pro1-item:hover .n-pro1-itemImg .n-pro1-itemImgAfter{opacity: 0;transition: .8s all ease}

.n-fenye{font-size: 0;text-align: center;margin-top: 62px;margin-bottom: 120px;}
.n-fenye a{display: inline-block;width: 40px; height: 40px; line-height: 40px; font-size: 16px; text-align: center;color: #805623;border-radius: 50%}
.n-fenye a.active{border: 1px solid #805623}
.n-fenye span{border: 1px solid #805623;

display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    color: #805623;
    border-radius: 50%;
}

.n-product-d{background: #f3ece3;overflow: hidden}
.n-pro-d-con1{display: flex;margin-top: 130px;}
.n-pro-d-con1L{width: 498px;}
.n-pro-d-con1R{width: calc(100% - 498px);padding-left: 106px;}
.n-pro-d-con1-swiper .gallery-top .swiper-slide{height: 574px;padding: 20px 0}
.n-pro-d-con1Img{position: relative;height: 100%;}
.n-pro-d-con1Img img{position: absolute;left: 50%;top: 50%;transform: translate(-50% ,-50%);max-height: 100%}
.n-pro-d-con1-swiper .gallery-thumbs{margin-top: 18px;}
.n-pro-d-con1-swiper .gallery-thumbs .swiper-slide{height: 65px; }
.n-pro-d-con2Img{position: relative;height: 100%;border: 1px solid #805623}
.n-pro-d-con2Img img{position: absolute;left: 50%;top: 50%;transform: translate(-50% ,-50%);max-height: 100%}

.n-pro-d-con1R h1{font-size: 36px;color: #443e04}
.n-pro-d-con1R ul{margin-top: 55px;}
.n-pro-d-con1R ul li{margin-top: 18px;}
.n-pro-d-con1R ul li>span{display: block;color: #805623;font-size: 24px;}
.n-pro-d-con1R ul li>span:before{content: '';display: inline-block; vertical-align: middle; margin-right: 8px;width: 30px; height: 34px; background: url("../images/pro-d4.png") no-repeat}
.n-pro-d-con1R ul li p{opacity: .85;color: #443604;font-size: 15px;margin-top: 10px;}
.n-pro-d-con1R-tab{margin-top: 77px;}
.n-pro-d-con1R-nav{font-size: 0;border-bottom: 2px solid #805623}
.n-pro-d-con1R-nav a{display: inline-block; vertical-align: text-bottom; margin-right: 30px;width: 110px; height: 30px;font-size: 16px;text-align: center;line-height: 30px;color: #805623}
.n-pro-d-con1R-nav a.active{border: 1px solid #805623;border-bottom: 0}
.n-pro-d-con1R-body{padding: 14px 0;display: none}
.n-pro-d-con1R-body.active{display: block}
.n-pro-d-con1R-body p{margin: 10px;line-height: 1.6em;color: #443604;font-size: 15px;position: relative;padding-left: 28px;}
.n-pro-d-con1R-body p:before{content: '';position: absolute;left: 7px; top: 8px;width: 8px; height: 8px;border-radius: 50%;background: #805623}

.n-pro-d-con2{  position: relative;margin-top: 68px;}
.n-pro-d-con2 > img{width: 100%}
.n-pro-d-con2-b{position: absolute;left: 50%;top:40%;transform: translate(-50% , -50%);text-align: center}
.n-pro-d-con2-b{position: absolute;left: 50%;top:40%;transform: translate(-50% , -50%);text-align: center}
.n-pro-d-con2-b a{display: block;margin-top: 42px;font-size: 0}
.n-pro-d-con2-b a span{ margin-left: 14px; font-size: 18px; color: #443e04;text-align: center;width: 116px; height: 36px; line-height: 36px;
    background: #fff;border-radius: 30px;display: inline-block;vertical-align: middle}

.n-pro-d-con3-title{display: block; text-align: center;margin-top: 70px;color: #805623;font-size: 24px;}
.n-pro-d-con3-list{display: flex;margin-top: 60px;}
.n-pro-d-con3-item{width: 30%; padding: 10px 0; margin: 0 1.5%;text-align: center;position: relative;height: 415px;overflow: hidden}
.n-pro-d-con3-itemImg{width: 100%;height: 100%}
.n-pro-d-con3-itemImg img{height: 130%}
.n-pro-d-con3-item h4{ width: 320px;max-width: 94%; padding: 12px; background: rgba(243,236,227,.75); border-radius: 8px;
    color: #443604;position: absolute;left: 50%;transform: translateX(-50%);top: 48px;}

.n-cc1{overflow: hidden}
.n-cc1-b{background: url("../images/n-about1-5.jpg") no-repeat;background-position: top left; }
.n-cc1-con1{padding-top: 130px; }
.n-cc1-con1 img{display: block;margin: 0 auto;}
.n-cc1-con1 img:nth-child(2){margin-top: 24px;max-width:80%; }
.n-cc1-con1 p { margin: 0 auto; margin-top: 42px;color: #443604;opacity: .85;text-align: center;font-size: 15px; line-height: 1.8em; max-width: 876px;}


.n-cc1-con2{margin-top: 66px;padding-bottom: 140px;position: relative;background: url("../images/n-cc1-11.png") no-repeat;background-position:  bottom left;}
.n-cc1-nav ul {display: flex;}
.n-cc1-nav ul li{width: 20%;cursor: pointer}
.n-cc1-nav ul li.active .n_item_v1Info{background: rgba(0,0,0,0)}
.n-cc1-body{margin-top: 52px;}
.n-cc1-body ul li{display: none;align-items: stretch;box-shadow: 0 0 4px rgba(0,0,0,.5);}
.n-cc1-body ul li.active{display: flex}
.n-cc1-bodyL{width: calc(100% - 434px)}
.n-cc1-bodyL-img{width: 100%;height: 100%}
.n-cc1-bodyR{width: 434px; height: 682px; padding: 44px 38px 20px 38px;background: url("../images/n-cc1-7.jpg") no-repeat;background-position: top center }
.n-cc1-bodyR-top{text-align: center;color: #443e04}
.n-cc1-bodyR-top  > span{display: block;margin-top: 4px;font-size: 30px;}
.n-cc1-bodyR-top  > p{margin-top: 42px;line-height: 1.8em;font-size: 18px;text-align: left;text-indent: 2em;}
.n-cc1-bodyR-text{margin-top: 23px; padding-right: 10px; max-height: 400px;overflow-y: auto; opacity: .8;line-height: 1.7em;color: #443e04;font-size: 15px;text-indent: 2em;}
.n-cc1-bodyR-text::-webkit-scrollbar {
    /*滚动条整体样式*/
      /*高宽分别对应横竖滚动条的尺寸*/
    width: 5px;
    position: relative;

}
.n-cc1-bodyR-text::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    width: 5px;
    position: absolute;
    left: 50%;transform: translateX(-50%);
    background   : #ecdac2;
}
.n-cc1-bodyR-text::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    width: 1px;

    background   : #ccc;
}

.n-jr-d{padding-top: 180px;}
.n-jr-d-title{text-align: center;color: #443e04}
.n-jr-d-title h1{font-size: 30px;}
.n-jr-d-title h3{margin-top: 10px;}

.n-jr-d-top-item{margin-top: 28px;padding-bottom: 14px;border-bottom: 1px solid #a19e81;
display: flex;justify-content: space-between;align-items: center;}
.n-jr-d-top-item2{display: none;overflow: hidden}
.n-jr-d-top-itemL img{margin-right: 10px;display: inline-block;vertical-align: middle;}
.n-jr-d-top-itemL a{color: #898989}
.n-jr-d-top-itemC{color: #898989}
.n-jr-d-top-itemC i{margin-right: 10px;}
.n-jr-d-top-itemC span{margin: 0 25px;}
.n-jr-d-top-itemR a{color: #898989;}
.n-jr-d-top-itemR span{margin: 0 10px;color: #898989;}
.n-jr-d-top-itemR a i{font-size: 20px;display: inline-block;vertical-align: middle;margin: 0 10px;}
.n-jr-d-con { height: auto; color: #443e04;overflow: hidden;padding: 36px 0 46px 0;}
.n-jr-d  .more{display: block;margin: 20px auto; width: 200px; height: 56px; text-align: center;line-height: 56px; border: 1px solid #443e04;color: #443e04}

.n-jr-d-top-item2 .n-jr-d-top-itemL{float: left}
.n-jr-d-top-item2 .n-jr-d-top-itemR{float: right}
.n-jr-d-top-item2 .n-jr-d-top-itemC{margin: 20px auto;text-align: center}

.n-contact-map{position: relative}
.n-contact-map:after{content: ''; display: block;width: 17px;height: 32px;margin: 34px auto 0 auto;background: url(../images/n-ds3.png) no-repeat;
    position: absolute;left: 50%;bottom: 10%;margin-top: -16px;margin-left: -9px;
    animation: n-span 1.6s linear infinite;
    -webkit-animation: n-span 1.6s linear infinite;}
.my-map { margin: 0 auto; width: 100%; height:calc(100vh - 89px) ; }
.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}


.n-contact-con2{background: #fdf6ee;padding: 90px 0 130px 0}
.n-contact-con2 .g_w{display: flex;}
.n-contact-con2L{width: 600px;}
.n-contact-con2R{width: calc(100% - 600px);padding-left: 82px;}
.n-contact-code{display: flex}
.n-contact-codeItem{margin-right: 32px;}
.n-contact-codeItem span{color: #443604;display: block;margin-top: 10px;text-align: center}
.n-contact-info{margin-top: 58px;color: #443604}
.n-contact-info h3{padding-bottom: 10px;border-bottom: 1px solid #8e8862}
.n-contact-info > div{font-size: 0}
.n-contact-info > div> span{display: inline-block;width: 50%;margin-top: 10px;font-size: 14px;opacity: .8}

.n-contact-con2R>span{font-size: 36px;display: block}
.n-contact-con2R-form{padding-top: 28px;color: #443604}
.n-contact-con2R-form .submit{display: block;width: 133px; height: 36px; margin: 26px auto 0 auto;  line-height: 36px; text-align: center;color: #443604;
    background: none;border: 1px solid #443604; border-radius: 30px;}
.n-contact-con2R-formRow{padding: 14px 0;border-bottom: 1px dashed #8e8862;font-size: 0}
.n-contact-con2R-formRow > span{ font-size: 14px; display: inline-block;width: 74px;vertical-align: middle;}
.n-contact-con2R-formRow > input{ font-size: 14px; display: inline-block;width:calc(100% - 74px) ; height: 30px; line-height: 36px; vertical-align: middle; background: none;border: 0}
.n-contact-con2R-formRow > textarea{ font-size: 14px; display: inline-block;width:calc(100% - 74px) ; background: none;border: 0;height: 88px;  vertical-align: text-bottom;}

.n-news{overflow: hidden;background: #fdf6ee;padding-top: 140px;padding-bottom: 110px;}
.n-news-title{font-size: 40px;color: #443e04}
.n-news-list{margin-top: 18px;}
.n-news-item{  background: #fdf6ee;transition: .4s all linear}
.n-news-item .n_item_h2{ padding: 48px 0  30px 0; border-top: 1px solid #fff;border-bottom: 1px solid #fff}
.n-news-item:hover{background: #fff;transition: .4s all linear}
.fenye2{margin-top: 40px;text-align: center}
.fenye2 a{margin: 0 8px;  color: #303030;}
.fenye2 span{color: #303030;}
.fenye2 span em{color: #805623;font-style: normal}


.n-cc2{background: url("../images/n-cc-2-13.jpg") no-repeat;overflow: hidden}
.n-cc2-con1-top{text-align: center;margin-top: 106px;}
.n-cc2-con2-title{text-align: center;color: #443e04;margin-top: 33px;}
.n-cc2-con2-title > span{display: block;font-size: 30px;}
.n-cc2-con2-title p{opacity: .8;margin-top: 28px; line-height: 1.7em}

.n-cc2-con2-list{display: flex;margin-top: 36px;padding-bottom: 26px; background: url("../images/n-cc-2-14.png") no-repeat;background-position: left bottom;}
.n-cc2-con2-item{width: 25%;position: relative;overflow: hidden; }
.n-cc2-con2-itemImg{padding-top: 125%;}
.n-cc2-con2-itemText{position: absolute;left: 0; top:0; color: #fff; padding: 44px 26px 20px 44px;   width: 100%;height: 100%;background: rgba(0,0,0,.5);transition: .8s all ease}
.n-cc2-con2-itemText b{font-size: 15px; display: block;font-family: AVANTGARDETWOBQ-DEMIBOLD_0}
.n-cc2-con2-itemText>span{display: block;margin-top: 18px; }
.n-cc2-con2-itemText>span strong{font-size: 18px;display: inline-block;vertical-align: middle;margin-right: 14px; }
.n-cc2-con2-itemText>span em{ display: inline-block;vertical-align: middle;font-style: normal}
.n-cc2-con2-itemText > p {margin-top: 24px;line-height: 1.7em; }
.n-cc2-con2-item:nth-child(2){transform: translateY(-6px)}
.n-cc2-con2-item:nth-child(3){transform: translateY(-12px)}
.n-cc2-con2-item:nth-child(4){transform: translateY(-18px)}
.n-cc2-con2-item:hover .n-cc2-con2-itemText{transform: translateY(-100%);opacity: 0;transition: .8s all ease}

.n-cc2-con3{padding-bottom: 100px;}
.n-cc2-con3-item1{display: flex;margin-top: 174px;}
.n-cc2-con3-item1-l{width: 50%;padding-top: 158px;}
.n-cc2-con3-item1-r{width: 50%;padding-left: 106px;}
.n-cc2-con3-item1-rText span{ display: block; color: #443e04;font-size: 30px;padding-bottom: 10px;}
.n-cc2-con3-item1-rText {width: 455px;max-width: 100%;}
.n-cc2-con3-item1-rText p{margin-top: 28px; line-height: 1.7em;text-indent: 2em;font-size: 15px;}
.n-cc2-con3-item1-r .n-cc2-con3-item1-rImg{ padding-left: 60px; display: block;margin-top: 120px;}
.n-cc2-con3 .g_w{max-width: 1412px;}
.n-cc2-con3-item2{font-size: 0;margin-top: 80px;}
.n-cc2-con3-item2 img{width: 33.3%;display: inline-block}

.n-cc2-con3-item3{display: flex;margin-top: 80px;}
.n-cc2-con3-item3-l{width: 50%;padding-right: 20px;}
.n-cc2-con3-item3-r{width: 50%;}
.n-cc2-con3-item3-r img{display: block;margin-top: 72px;}
.n-cc2-con3-item3-r .n-cc2-con3-item3-rText{max-width: 452px;margin: 0 auto; text-indent: 2em; text-align: justify; font-size: 15px;color: #443e04}


.n-jj{ padding-top: 158px; background: url('../images/n-jj6.jpg') no-repeat;background-color:rgba(255,255,255,1) }
.n-jj-con1 .g_w{color: #443e04}
.n-jj-con1 .g_w > div{width: 884px;max-width: 86%;margin-left: 14%;}
.n-jj-con1 h1{font-size: 40px;}
.n-jj-con1 h3{color: #805623;margin-top: 32px;}
.n-jj-con1 p{font-size: 15px;line-height: 1.7em;margin-top: 65px;text-indent: 2em;opacity: .8}
.n-jj-con2{margin-top: 65px;}
.n-jj-con2-swiper{padding: 20px;border: 1px solid #e6cda9;background: rgba(255,255,255,.7)}
.n-jj-con2-swiper .swiper-button-prev{width: 58px; height: 58px; left: 49%;  top: auto; bottom: 24px; transform: translateX(-100%);  margin: 0  ;
    background: url("../images/prev2.png") no-repeat; background-size: 100% 100%;background-color: rgba(255,255,255,.5);border-radius: 50%;}
.n-jj-con2-swiper .swiper-button-next{width: 58px; height: 58px;  right: 49%; top: auto; bottom: 24px; transform: translateX(100%); margin: 0 ;
    background: url("../images/next2.png") no-repeat; background-size: 100% 100%;background-color: rgba(255,255,255,.5);border-radius: 50%;}
.n-about1-swiperImg{padding-top: 48.7%;position: relative }
.n-jj-con2Img{padding-top: 46.8%;position: relative;background: #fff;}
.n-jj-con2Img img{position: absolute;left: 50%;top: 50%;transform: translate(-50% ,-50%);max-height: 100%;}

.n-jj-con3{display: flex;align-items: flex-start;margin-top: 82px;}
.n-jj-con3Item1 {width: 24%;margin-top: 11.7%;}
.n-jj-con3Item2 {width: 48%;padding: 0 70px 0 148px;color: #443604;opacity: .8;text-indent: 2em;line-height: 1.8em}
.n-jj-con3Item2 p{font-size: 15px;margin-top: 36px;}
.n-jj-con3Item2 p:nth-child(1){margin-top: 0}
.n-jj-con3Item3 {width: 28%;}

.n-jj-con4{margin-top: 94px;padding-bottom: 66px;}
.n-jj-con4-top{text-align: center;color: #443e04}
.n-jj-con4-top h1{font-size: 40px;}
.n-jj-con4-top img{margin-top: 44px;max-width: 80%}
.n-jj-con4-list{ margin-top: 62px; display: flex;justify-content: space-between}
.n-jj-con4-item {width: 48%;position: relative;overflow: hidden}
.n-jj-con4-itemImg{padding-top: 48.3%;transition: .8s all ease}
.n-jj-con4-itemText{position: absolute;left: 0;bottom: 0; transform: translateY(100%);transition: .8s all ease;
    width: 100%; padding: 18px 10px 14px 10px; text-align: center; background: rgba(253,246,238,.75)}
.n-jj-con4-itemText span{font-size: 27px;color: #443e04;}

.n-jj-con4-item:hover .n-jj-con4-itemImg{transform: scale(1.1);transition: .8s all ease;}
.n-jj-con4-item:hover .n-jj-con4-itemText{transform: translateY(0%);;transition: .8s all ease;}

.n-d-con{overflow: hidden;padding-bottom: 106px;padding-top: 44px;}
.n-d-con p{color: #443e04;line-height: 1.8em;}

.about3-map{margin-top: 100px; padding-top:40.73%;overflow: hidden;position: relative;
    background: url("../images/about-map.jpg") no-repeat;background-size: cover;background-position: center;}
.about3-map-item{ width: auto; height: 75px;   border-radius: 40px;background: #fff;position: absolute}
.about3-map-item a{position: relative;display: block;height: 100%}
.about3-mapBefore{position: absolute; left: 4px; top: 50%;transform: translateY(-50%); z-index: 2;  height: 65px; font-size: 0; }
.about3-mapBefore span{display: inline-block;vertical-align: middle;width: 65px; height: 65px;
    border-radius: 50%; background-repeat: no-repeat;background-size: 100% 100%}
.bor{border: 1px solid #fff}
.about3-mapBefore b{color: #fff;display: inline-block;vertical-align: middle;font-size: 18px;margin-left: 10px;}
.about3-mapAfter{ opacity: 0;padding: 10px 34px 10px 77px; width: 0; height: 75px; overflow: hidden;
    position: absolute; top: 50%;transform: translateY(-50%); z-index: 1;background: #fff;border-radius: 40px;}
.about3-mapAfter span{ display: block;margin-top: 8px; color: #7d7d7d;font-size: 14px;text-align: center}
.about3-mapAfter b{display: block; color: #000;font-size: 18px;text-align: center;overflow: hidden;white-space: nowrap;}
.about3-map-item1 .about3-mapBefore{min-width: 260px;}
.about3-map-item2 .about3-mapBefore span{width:50px; height: 50px; }
.about3-map-item .right{right: 0%; transform: translateX(67px); left: auto;padding: 10px 77px 10px 34px;}



.about3-map-item:hover{transform: scale(1.1); z-index: 99; transition: .4s all ease}
.about3-map-item:hover .about3-mapAfter{  width: 260px; opacity: 1; transition: .4s all  ease .1s}
.about3-map-item:hover .about3-mapBefore b{opacity: 0;  transition: .1s opacity ease}

.no_1{left: 39.7%;top:29.1%}
.no_2{left: 41.5%;top: 52.9%}
.no_3{left: 47.3%;top: 12.7%}
.no_4{left: 48.1%;top: 35%}
.no_5{left: 48.1%;top: 48%}
.no_6{left: 54.5%;top: 38.6%}
.no_7{left: 57.3%;top: 51.4%}
.no_8{left: 68.3%;top: 33.9%}
.no_9{left: 66.6%;top: 48%}
.no_10{left: 64%;top: 57.8%}

.n_toBottom{position: relative;}
.n_toBottom:before{content: '';position: absolute;left:  50%;top: -1px;    width: 4.6rem;  height: 23.6rem;transform-origin: left;
    display: block;  z-index: 2;  margin: -11.8rem 0 0 0;
    transform: scale(1,0) rotate(90deg)    ;
    transition: transform 1s cubic-bezier(.08,1.56,.29,1.56);
    will-change: transform;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NiAyMzYiPg0KICAgIDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wLDB2MjM2YzAtNTguMyw0Ni03My4xLDQ2LTExOEM0Niw3NS41LDAsNTMuNiwwLDB6Ii8+DQo8L3N2Zz4NCg==) 0 0 no-repeat;
    background-size: 100% 100%;}
.n_toBottom.active:before{transform: scale(1,1) rotate(90deg)  ; transition: transform .4s cubic-bezier(.08,1.56,.29,1.56);}
.n_toBottom:after {
    content: '';  width: 2.1rem;  height: 3.2rem;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDE0IDE5Ij4KPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogIzA4YjNhNjsKICAgICAgfQogICAgICAuY2xzLTEsIC5jbHMtMiB7CiAgICAgICAgc3Ryb2tlOiAjMDhiM2E2OwogICAgICAgIHN0cm9rZS1saW5lY2FwOiByb3VuZDsKICAgICAgICBzdHJva2UtbGluZWpvaW46IHJvdW5kOwogICAgICAgIHN0cm9rZS13aWR0aDogMnB4OwogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsKICAgICAgfQogICAgICAuY2xzLTIgewogICAgICAgIGZpbGw6IG5vbmU7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTcsMVYxOCIvPgogIDxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTEsMTJsNiw2LDYtNiIvPgo8L3N2Zz4K) 0 0 no-repeat;
    background-size: 100% auto;  position: absolute;  top: 0;  left: 50%;  z-index: 3;  margin-left: -1rem;
    transition: all .4s cubic-bezier(.08,1.56,.29,1.56);  opacity: 0;  transform: translateY(-4.6rem);
}
.n_toBottom.active:after {
    transform: translateY(0);  opacity: 1;
}


.showTab{position: fixed; left: 100%;top: 0; width: 100vw;height: 100vh;padding-right: 20px;transition: .8s all ease;
    background: rgba(68,62,4,.7);z-index: 9999999;}
.showTab.active{left: 0%;}
.showTab-body{width: 100%;height: 100%;overflow-y: scroll;}
.showTab-body::-webkit-scrollbar {
    /*滚动条整体样式*/
    /*高宽分别对应横竖滚动条的尺寸*/
    width: 5px;
    position: relative;
}
.showTab-body::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    width: 5px;
    position: absolute;
    left: 50%;transform: translateX(-50%);
    background   : #ecdac2;
}
.showTab-body::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    width: 1px;
    background   : #ccc;
}
.showTab-w{width: 82.4%;padding-top: 20px;float: right;display: flex}
.showTabL{width: 62px;}
.showTabL span{display: block;width: 62px;height: 62px;background: url("../images/showBox1.png") no-repeat;background-size: 100% 100%}
.showTabR{width: calc(100% - 62px);padding-left: 30px; }
.showBox{display: none}
.showBox.active{display: block}
.showBox-top{ height: 106px;display: flex;align-items: stretch;background: #443e04}
.showBox-topImg{width: 282px;height: 100%;}
.showBox-img{background: #fff;padding: 0 20px 20px 20px;color: #443e04}
.showBox-topText{ height: 100%;line-height: 106px;padding-left: 50px;}
.showBox-topText h3{color: #fff;line-height: 1.6em;display: inline-block}
.showBox-con{color: #443e04;background: #fff;padding: 50px 20px 42px 154px}
.showBox-con > span{display: block;font-size: 30px;font-weight: 600;}
.showBox-con p{max-width: 1020px;line-height: 1.8em;text-indent: 2em;margin-top: 10px;}
.btnNav{cursor: pointer}
.n-kt2-con4-itemText .btnNav{ margin: 10px auto 0 auto; display: block; width: 120px;height: 30px;line-height: 30px;border: 1px solid #443e04;text-align: center;}

.i-pro-conL{  }
.i-pro-conL-text{margin-top: 20%;}
.i-pro-conL-text h3{font-size: 0;color: #443e04;font-weight: bold;line-height: 1;}
.i-pro-conL-text h3 b{color: #443e04;opacity: .4;font-size: 18px;display: inline-block;vertical-align: top;margin-right: 4px}
.i-pro-conL-text h3 span{ font-size: 40px; display: inline-block;vertical-align: top; }
.i-pro-conL-text h3 i{ line-height: 1.4em; transform:skewX(-20deg);background: #443e04; color: #fff; padding:  6px 10px;
    display: block;vertical-align: top;margin-top: 30px;  min-width: 210px; font-size: 20px;font-style: normal}
.i-pro-conL-text p{  margin-top: 40px;font-size: 18px;line-height: 2em;color: #443e04;opacity: .7}
.i-pro-conL-text a {color: #443e04;margin-top: 60px;display: block;transition: .4s all ease;}
.i-pro-conL-text a em {position: relative;display: inline-block;vertical-align: middle;
    width: 30px;height: 30px;margin-left: 14px;border: 2px solid #443e04;transition: .4s all ease}
.i-pro-conL-text a:hover{text-shadow: 3px 2px 2px rgba(0,0,0,.5);transition: .4s all ease}
.i-pro-conL-text a:hover em{box-shadow: 3px 2px 2px rgba(0,0,0,.5);transition: .4s all ease}
.i-pro-conL-text a em::after {content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 15px;height: 3px;background: #443e04;}
.i-pro-conL-text a em::before {content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 3px;height: 15px;background: #443e04;}


.swiper-slide-video{position: relative;background: #000}
.swiper-slide-video video{position: absolute;left: 50%;top: 50%; transform: translate(-50% , -50%); max-width: 100%; max-height: 100%; width: 100%}



@media (max-height: 740px) {
    .i-product .nav li a {
        margin-top: 10px;
    }
    .i-product .nav li a::before {
        height: 24px;
    }
    .i-product .nav li.active a::before {
        height: 34px;
    }
    .i-pj-conR img {
        max-height: 400px;
    }
}
@media (max-width: 1660px) {

}
@media (max-width:1440px) {

    .n-ds-banner-text h1,
    .n-dz-con2 h1,
    .n-dz-con3-lTop span,
    .n-dz-con4-top span,
    .n-xy-con2-title h1,
    .n-pro-top h1,
    .n-pro-d-con1R h1,
    .n-jj-con1 h1,
    .n-jj-con4-top h1{font-size: 40px;}


    .n-pro1-itemImg{height: 460px;}
    .n-pro-d-con1-swiper .gallery-top .swiper-slide{height: 470px;}

    .n-cc1-con1 img:nth-child(2){width: 600px}
    .n-news-title{font-size: 36px}

    .about3-mapAfter b{font-size: 16px;}

    .i-product .nav li a {
        margin-top: 5px;
    }
    .i-product .nav li a::before {
        height: 15px;
    }
    .i-product .nav li.active a::before {
        height: 15px;
    }
    .i-pj-conR img {
        max-height: 400px;
    }
    .i-about-swiper{margin-top: 10px;}


    .about3-mapBefore span{width: 50px; height: 50px;}
    .about3-mapBefore{height: 50px;}
    .about3-mapAfter{    height: 65px;}
}
@media (max-width:1360px) {
    .i-about-swiper{margin-top: -40px;}
    .i-aboutBg{max-height: 460px; padding: 0;height: 460px; overflow: hidden}
    .i-aboutAfter{bottom: auto;top: 50%;transform: translateY(-50%)}
    .i-headMove .i-logo{width: 80px;height: 80px;}
    .i-navSearch b{width: 26px; height: 26px;}
    .i-navBtn{width: 30px;}
    .i-headMove .i-headBox{top: 80px;}
    .i-headBox{transform: translateX(-30px);}
    .i-jx-title .g_w{height: 160px;}
    .i-jx-con{    height: calc(100% - 160px);}
    .i-product .nav li.active a::before{height: 24px;}
    .i-product .nav li a::before{height: 14px;}
    .i-news-con{margin-top: 40px;}
    .i-pj-conL a{margin-top: 40px;}
}
@media (max-width:1350px) {
    .f-bottomL{width: calc(100% - 534px);min-width: 0}
    .f-bottomL li{margin-right: 30px;}
    .n-kt-con3-nav ul li a{font-size: 24px;}
    .n-kt2-con4-item{width: calc(50% - 10px);margin-top: 20px;}
    .n-kt2-con4-itemText > span{font-size: 20px;}
    .n-pro1-itemImg{height: 400px;}
    .n-pro-d-con1-swiper .gallery-top .swiper-slide{height: 400px;}

    .i-jx-item-text2 {opacity: 0;position: absolute;top: 50%;left: 50%;
        transform: translate(-50%,-50%);padding: 10px 0 10px 0;color: #fff;font-size: 18px;z-index: 9;overflow: hidden;width: 550px;max-width: 92%;}
    .i-jx-item-text1{font-size: 20px}
}
@media (max-width:1300px) {
    .n-ds-banner-text h1,
    .n-dz-con2 h1,
    .n-dz-con3-lTop span,
    .n-dz-con4-top span,
    .n-xy-con2-title h1,
    .n-pro-top h1,
    .n-pro-d-con1R h1,
    .n-jj-con1 h1,
    .n-jj-con4-top h1{font-size: 36px;}

    .n-dz-con4-img{width: 100%}
    .n-cc1-con1 img:nth-child(2){width: 550px}
    .n-news-title{font-size: 30px}
}
@media (max-width:1280px) {}
@media (max-width:1200px) {
    .n-ds-banner-text h1,
    .n-dz-con2 h1,
    .n-dz-con3-lTop span,
    .n-dz-con4-top span,
    .n-xy-con2-title h1,
    .n-pro-top h1,
    .n-pro-d-con1R h1,
    .n-jj-con1 h1,
    .n-jj-con4-top h1{font-size: 32px;}

    .n-ds-banner-text b{font-size: 18px;    margin-top: 30px;}
    .n-ds-swiper .swiper-slide span{font-size: 14px;}
    .n-ds-con2-item>span{font-size: 20px;}
    .f-bottomL{display: none}
    .f-bottomR{width: 100%; min-width: 0; justify-content: space-between;border: 0;padding-left: 0;flex-wrap: wrap}
    .n-dz-con1{height: auto; padding: 80px 20px 40px 20px;}
    .n-dz-con1Text{font-size: 18px;}
    .n-dz-con1Text span{width: 40px;height: 40px;margin-top: 40px;}
    .n-dz-con2-itemText span{font-size: 20px;}
    .n-dz-con2-item{width: 100%}
    .n-dz-con2-item:nth-child(1){margin-top: 30px;}
    .n-dz-con2-item:nth-child(2){margin-top: 30px;}
    .n-dz-con2-item:nth-child(3){margin-top: 30px;}
    .n-dz-con2-item:nth-child(4){margin-top: 30px;}
    .n-dz-con2-itemImg{width: 120px;padding-right: 20px;}
    .n-dz-con2-itemText{width: calc(100% - 120px);}
    .n-dz-con2 .g_w{padding: 60px 30px}
    .n-dz-con3-l{padding: 60px 30px 60px 0}
    .n-dz-con4{padding-top:  70px}
    .n-kt-con3-nav ul{flex-wrap: wrap}
    .n-kt-con3-nav ul li{width: 50%}
    .n-kt-con3-nav ul li a{font-size: 20px;}
    .n-kt-con3-nav ul li a:before{display: none}

    .n-kt-con4-item .n-kt-con4-itemL{text-align: center!important; }
    .n-kt-con4-item .n-kt-con4-itemR{ text-align: center!important; }
    .n-kt-con4-itemText{transform: translateX(0)!important;}
    .n-kt-con4-item:nth-child(1) .n-kt-con4-itemR{margin-top:10px; }
    .n-kt-con4-item:nth-child(2) .n-kt-con4-itemR{margin-top:10px; }
    .n-kt-con4-item:nth-child(3) .n-kt-con4-itemR{margin-top:10px; }
    .n-kt-con4-item:nth-child(4) .n-kt-con4-itemR{margin-top:10px; }
    .n-kt-con4-item:nth-child(5) .n-kt-con4-itemR{margin-top:10px; }

    .n-kt2-con4-item{width: 100%;margin-top: 20px;padding: 30px 20px}
    .n-kt2-con4-itemBg{position: absolute;z-index: 1;left: 0;top: 0;}
    .n-kt2-con4-itemText{position: relative;z-index: 2;top: 0;left: 0;transform: translate(0);margin: 0 auto}
    .n-kt2-con4-itemText > span{font-size: 20px;}
    .n-kt2-con4{padding-bottom: 80px;}

    .n-pro1-itemImg{height: 360px;}
    .n-pro-d-con1R{padding-left: 50px}
    .n-pro-d-con1-swiper .gallery-top .swiper-slide{height: 360px;}
    .n-pro-d-con2-b{top: 50%;}
    .n-pro-d-con2-b a{margin-top: 20px;}
    .n-cc1-con1 img:nth-child(2){width: 400px}
    .n-cc1-con1{padding-top: 60px;}
    .n-cc1-con1 p{font-size: 14px;margin-top: 20px;}
    .n-cc1-nav .n_item_v1Info>div h4{font-size: 18px;}
    .n-cc1-nav .n_item_v1Info>div span{height: 2px;}

    .n-cc1-body ul li.active{display: block}
    .n-cc1-bodyL{width: 100%}
    .n-cc1-bodyL-img{padding-top: 78%;}
    .n-cc1-bodyR{width: 100%;padding: 20px;background-color: #fff;height: auto}
    .n-cc1-bodyR-top > span{font-size: 24px;}
    .n-cc1-bodyR-top > p{margin-top: 20px;}

    .n-cc1-body{margin-top: 30px;}
    .n-jr-d-title h1{font-size: 24px;}
    .n-jr-d-title h3{font-size: 20px;}
    .n-jr-d-top-itemC span{margin: 0 10px;}
    .n-jr-d-top-itemC i{margin-right: 6px;}
    .n-jr-d{padding-top: 60px;}

    .n-contact-con2 .g_w{display: block}
    .n-contact-con2L{width: 100%}
    .n-contact-con2R{width: 100%;padding-left: 0;margin-top: 40px;}
    .n-contact-con2R>span{font-size: 24px;}
    .n-contact-con2R-form{padding-top: 0 ;}
    .n-contact-con2{padding: 60px 0}
    .n-news-title{font-size: 24px}

    .n-cc2-con2-title > span{font-size: 24px;}
    .n-cc2-con2-list{flex-wrap: wrap}
    .n-cc2-con2-item{width: 50%;}
    .n-cc2-con2-item:nth-child(2){transform: translateY(0)}
    .n-cc2-con2-item:nth-child(3){transform: translateY(0)}
    .n-cc2-con2-item:nth-child(4){transform: translateY(0)}
    .n-cc2-con3-item1{margin-top: 80px;}
    .n-cc2-con3-item1-r .n-cc2-con3-item1-rImg{margin-top: 60px;padding-left: 20px;}
    .n-cc2-con3-item1-rText{margin-top: 20px;}
    .n-cc2-con3-item1-rText span{font-size: 24px;}
    .n-cc2-con3{padding-bottom: 60px;}
    .n-jj{padding-top: 100px}

    .n-jj-con2-swiper .swiper-button-prev{width: 38px; height: 38px; }
    .n-jj-con2-swiper .swiper-button-next{width: 38px; height: 38px; }
    .n-d-con{overflow: hidden;padding-bottom: 60px;}

    .n-about-text h1{font-size: 24px;}
    .n-about1-swiper-button{margin-top: 20px;}
    .n-about1-swiper-button .swiper-button-prev{width: 40px; height: 40px;}
    .n-about1-swiper-button .swiper-button-next{width: 40px; height: 40px;}
    .n-about1-con2L{ padding: 40px 60px 20px 0;}
    .n-about1-con2R-text span{font-size: 24px;}
    .n-about1-con2R-text a{height: 36px; line-height: 36px;}
    .n-about1-con4-top{display: block;text-align: center}
    .n-about1-con4-top .n-about1-title{width: 100%;text-align: center}
    .n-about1-con4-text{margin-top: 20px;width: 100%}
    .n-about1-con4-img{margin-top: 20px;}
    .n-about1-con4{padding-bottom: 80px}
    .i-aboutAfter{top: 50%;transform: translateY(-50%);bottom: auto}
    .i-about-swiper{position: relative;bottom: auto}
    .i-aboutText p{font-size: 14px;}
    .i-aboutText span{font-size: 18px;}
    .i-about-swiper{margin-top: 40px;}

    .i-con2.i-con{height: auto;padding-top: 60px}
    .i-con2 .i-title{padding-top: 20px;}
    .i-about-yun img{width: 253px;}
    .i-about-botany>div img:nth-child(1){width: 220px;}
    .i-about-botany>div img:nth-child(2){width: 170px;}
    .moveYeZi{left: 108px;top: 60px;}

    .i-jx-item-text1{font-size: 18px;width: 20px;white-space: initial}
    .i-jx-item-text1::after{display: none}
    .i-jx-item-text2 span{font-size: 18px;}
    .i-jx-item-text2 p{font-size: 14px;}
    .i-jx-item-text2 a{font-size: 14px;margin-top: 40px;}
    .i-jx-title .g_w{height: 100px;}
    .i-jx-con{height: calc(100% - 100px);}
    .i-jx{padding-top: 60px;}
    .i-jx-title  img{width: 350px;max-width: 80%;text-align: right}
    .i-jx-title .g_w{justify-content: flex-start}
    .i-product{padding-top: 60px;}
    .i-proList li a{text-shadow: 0 0 2px rgba(68,62,4,.5)}
    .i-pj-conL p{text-shadow: 0 0 2px rgba(68,62,4,.5)}
    .i-pj{padding-top: 60px;background-position: left center}
    .i-pj .nav{width: 100px}
    .i-pj-body {
        width: calc(100% - 100px);
        height: 100%;
        padding-left: 20px;
    }
    .i-pj-conL span{font-size: 24px}
    .i-pj-body .i-title{height: 100px;}
    .i-pj-conL a{margin-top: 40px;}

    .i-news{padding-top: 60px;}
    .i-newsR{padding-left: 30px;}
    .i-newsL-item{max-width: 100%}
    .n-body{padding-top: 60px;}


    .about3-mapBefore span{width: 40px; height: 40px;}
    .about3-mapBefore{height: 40px;}
    .about3-mapAfter{    height: 46px;padding: 4px 20px 4px 50px;}
    .about3-mapAfter b{font-size: 14px; font-weight: 400;}
    .about3-mapAfter span{font-size: 12px;line-height: 1;margin-top:4px;}
    .about3-map-item:hover .about3-mapAfter{width: 200px;}



    .n-xs-box1{padding-top: 60px;}
    .n-xs-con2{padding-top: 60px;padding-bottom: 20px;}
    .n-xs-con2 .n-xs-ts{display: none}
    .n-xs-con2 .g_w,.n-xs-con3 .g_w{display: block}
    .n-xs-con2L{width: 100%;text-align: center}
    .n-xs-con2R{width: 100%;padding-left: 0;padding-top: 20px;}
    .n-xs-con2-swiper .swiper-button-prev{width: 40px; height: 40px;}
    .n-xs-con2-swiper .swiper-button-next{width: 40px; height: 40px;}

    .n-xs-con2R-text span,
    .n-xs-con3L-text span,
    .n-xs-con4-text span{font-size: 30px;}
    .n-xs-con2R-text b ,.n-xs-con3L-text b ,.n-xs-con4-text b{margin-top: 40px;}
    .n-xs-con2R-text p ,.n-xs-con3R-text p ,.n-xs-con4-text p{margin-top: 20px;}

    .n-xs-con3{padding-top: 60px;padding-bottom: 40px;}
    .n-xs-con3-swiper .swiper-button-prev{width: 40px; height: 40px;}
    .n-xs-con3-swiper .swiper-button-next{width: 40px; height: 40px;}
    .n-xy-con2-swiper{margin-top: 40px;}

    .i-pro-conL-text h3 span{font-size:30px; }
    .i-pro-conL-text h3 i{font-size: 18px}
    .i-pro-conL-text p{font-size: 16px}
    .i-pro-conL-text a{margin-top: 20px}

    .i-product .nav li a b{ font-size: 16px;}
}
@media (max-width:992px) {
    .n-ds-banner-text h1,
    .n-dz-con2 h1,
    .n-dz-con3-lTop span,
    .n-dz-con4-top span,
    .n-xy-con2-title h1,
    .n-pro-top h1,
    .n-pro-d-con1R h1,
    .n-jj-con1 h1,
    .n-jj-con4-top h1{font-size: 28px;}

    .n-dz-con3-l{padding: 40px 30px 40px 0}
    .n-pro-d-con1{display: block;margin-top: 60px;}
    .n-pro-d-con1L{width: 100%}
    .n-pro-d-con1R{width: 100%;padding-left: 0;margin-top: 20px;}
    .n-pro-d-con1-swiper .gallery-top .swiper-slide{}
    .n-cc1-con1 p br{display: none;}

    .n-jr-d-top-item{display: none}
    .n-jr-d-top-item2{display: block}

    .n-cc2-con3-item1{display: block}
    .n-cc2-con3-item1-l{width: 100%;padding-top: 0;text-align: center}
    .n-cc2-con3-item1-r{width: 100%;padding-left: 0}
    .n-cc2-con3-item1-rText{width: 100%}

    .n-cc2-con3-item2{display: block;text-align: center}
    .n-cc2-con3-item2 img{display: block;width: auto;margin: 6px auto 0 auto;}
    .n-cc2-con3-item3{display: block;margin-top: 40px;}
    .n-cc2-con3-item3-l{width: 100%;padding-right: 10px;text-align: center}
    .n-cc2-con3-item3-r {width: 100%;margin-top: 20px;}
    .n-cc2-con3-item3-r .n-cc2-con3-item3-rText{width: 100%;max-width: 100%}
    .n-cc2-con3-item3-r img{display: block;margin: 20px auto 0 auto;}
    .n-jj-con4-itemText span{font-size: 22px}
    .n-about1-swiper{display: block}
    .n-about1-swiper .swiper-container{width: 100%}
    .n-about1-swiperR{width: 100%;padding-top: 20px;}
    .n-about1-swiperR >img{display: none}
    .n-about1-swiperR-bottom{position: relative;bottom: auto; padding-bottom: 20px}
    .n-about1-swiper-button{margin-top: 10px;}
    .n-about1-top{margin-top: 80px;}

    .n-about1-con2{display: block}
    .n-about1-con2L{width: 100%; padding: 40px 10px 20px 10px;justify-content: center}
    .n-about1-con2L-b{width: 100%;text-align: center}
    .n-about1-con2L-top{text-align: center}
    .n-about1-con2R-text span{font-size: 24px;}
    .n-about1-con2R-text a{height: 36px; line-height: 36px;}
    .n-about1-con2R{width: 100%}
    .n-about1-con2L-a{flex-wrap: wrap;width: 100%}
    .n-about1-con2L-aItem{width: 23%;margin:0 1%}
    .n-about1-con2L-aItem:nth-child(2n){margin:0 1%}
    .n-about1-con2L-aItem b{margin: 0 auto;width: 60px;height: 60px;}
    .n-about1-con2L-aItem b i{font-size: 30px;}
    .n-about1-con2L-aItem span{font-size: 16px}
    .n-about1-con2R-text p{max-width: 94%;}

    .i-pro-conR{display: none}
    .i-product{background-image: url("../images/i-bg3-2.jpg")}
    .i-pj-conR{display: none}
    .i-pj-conL{width: 100%}

    .my-map{height: 60vh}
    .n-xy-con2-text span{font-size: 24px;}

    .swiper-slide-video video{position: relative;left: auto;top: auto;transform: translate(0);}
}
@media (max-width:769px) {
    .n-ds-banner-text{padding-top:40px; }
    .n-ds-banner-text h1,
    .n-dz-con2 h1,
    .n-dz-con3-lTop span,
    .n-dz-con4-top span,
    .n-xy-con2-title h1,
    .n-pro-top h1,
    .n-pro-d-con1R h1,
    .n-jj-con1 h1,
    .n-jj-con4-top h1{font-size: 24px;}

    .n-ds-banner-text b{font-size: 16px;  margin-top: 20px;}
    .n-ds-banner-text p{font-size: 14px; margin-top: 20px;}
    .n-ds-con2{padding-bottom: 40px;}
    .n-ds-con2-item{margin-top: 26px;}
    .n-ds-con2-item>span{font-size: 18px;}
    .n-ds-con2-itemText p{font-size: 14px;}
    .n-ds-banner-text span{margin-top: 20px;}
    .f-bottomR{display: block}
    .f-bottomR-code{margin-top: 20px;}
    .n-dz-con1Text{font-size: 14px;}
    .n-dz-con1Text span{width: 30px;height: 30px;margin-top: 30px;}
    .n-dz-con2-itemText span{font-size: 18px;}
    .n-dz-con2-itemText p{font-size: 14px;}
    .n-dz-con2-itemImg{width: 100px; }
    .n-dz-con2-itemText{width: calc(100% - 100px);}
    .n-dz-con2 .g_w{padding: 40px 20px}
    .n-dz-con3-lTop p{font-size: 14px;}
    .n-dz-con3-l{width: 100%;padding-right: 0}
    .n-dz-con3:after{width: 100%}
    .n-dz-con3-bg{position: relative;width: 100%;padding-top: 80%;z-index: 2}
    .n-dz-con3-lBottom{margin-top: 20px;}
    .n-dz-con3-lBottom ul li a{height: 40px;}
    .n-dz-con3-lTop div{margin-top: 20px;}
    .n-dz-con4-text{margin-top: 20px;}
    .n-dz-con4-text p{font-size: 14px;}
    .n-dz-con4-img{margin-top: 20px;}
    .n-dz-con4{padding-top:  40px}
    .n-dz-con2-list{margin-top: 20px;}
    .n-xy-con1{height: 490px;}
    .n-kt-con3-nav ul li{width: 50%}
    .n-kt-con4-itemText{padding: 20px;}
    .n-kt-con4-itemText > span{font-size: 20px}
    .n-kt-con4-itemText > div{font-size: 14px;margin-top: 20px;}
    .n-kt2-con4-itemText{padding: 20px;}
    .n-kt2-con4-itemText > div{margin-top: 20px;}
    .n-kt2-con4{padding-bottom: 40px;}

    .n-pro-top{margin-top: 40px;}
    .n-pro1-item{width: 48%;margin: 40px 1% 0 1%}
    .n-pro1-itemImg{height: 300px;}
    .n-pro1-item h4{font-size: 14px;}
    .n-pro-d-con1-swiper .gallery-top .swiper-slide{height: 300px;}
    .n-pro-d-con1R h1{font-size: 20px;text-align: center}
    .n-pro-d-con1R ul{margin-top: 20px;}
    .n-pro-d-con1R ul li>span{font-size: 18px}
    .n-pro-d-con1R ul li>span:before{width: 15px;height: 17px;background-size: 100% 100%;}
    .n-pro-d-con1R ul li p{font-size: 14px;}
    .n-pro-d-con1R-nav a{margin-right: 0}
    .n-pro-d-con1R-tab{margin-top: 40px;}
    .n-pro-d-con2{padding: 20px;background: url("../images/pro-d5.jpg") no-repeat;background-size: cover;background-position: center}
    .n-pro-d-con2 > img{display: none;}
    .n-pro-d-con2-b{position: relative; left: auto; top:auto; transform: translate(0); text-align: center}
    .n-pro-d-con2-b img{max-width: 70px}
    .n-pro-d-con2-b a span{font-size: 14px;}
    .n-pro-d-con3-title{font-size: 20px;margin-top: 40px;}
    .n-pro-d-con3-list{margin-top: 40px;display: block}
    .n-pro-d-con3-item{width: 100%;margin: 20px 0 0 0 ; height: 260px;}

    .n-pro-d-con3-item h4{font-size: 14px;}
    .n-cc1-nav ul{justify-content: center;flex-wrap: wrap}
    .n-cc1-nav ul li{width: 33%; }
    .n-cc1-nav .n_item_v1Info>div h4 b{ font-size: 16px; font-weight: 400}
    .n-cc1-con2{margin-top: 40px;}
    .n-cc1-bodyR-top > span{font-size: 20px;}
    .n-cc1-body{margin-top: 20px;}
    .n-jr-d-title h1{font-size: 18px;}
    .n-jr-d-title h3{font-size: 16px;}
    .n-jr-d-top-itemC span{margin: 0 4px;}
    .n-jr-d-top-itemC span:nth-child(3){display: none}
    .n-jr-d-top-itemC i{margin-right: 0}
    .n-jr-d{padding-top: 40px;}
    .n-contact-info h3{font-size: 20px;}
    .n-contact-info > div> span{width: 100%}
    .n-contact-con2R>span{font-size: 20px;}

    .n-news{padding:  40px 0}
    .n_item_h2Time{margin: 0 auto}
    .n_item_h2Text{width: 100%;padding:10px 0;}
    .n-news-item .n_item_h2{padding: 20px 0;display: block}
    .n-news-title{font-size: 20px}
    .n_item_h2Text h4{font-size: 16px;}
    .n_item_h2Text p{font-size: 14px;height:34px; }

    .n-cc2-con2-title > span{font-size: 20px;}
    .n-cc2-con2-item{width: 100%;}
    .n-cc2-con3-item1-rText span{font-size: 20px;}
    .n-cc2-con3-item1-rText p{margin-top: 10px;}
    .n-cc2-con3-item1-r .n-cc2-con3-item1-rImg{margin-top: 40px;}
    .n-cc2-con3-item2{margin-top: 40px;}
    .n-cc2-con3-item3{margin-top: 40px;}
    .n-cc2-con3{padding-bottom: 40px;}
    .n-cc2-con3-item1-r .n-cc2-con3-item1-rImg{padding-left: 0}
    .n-cc2-con3-item1{margin-top: 40px;}

    .n-jj-con1 .g_w > div{width: 100%;max-width: 100%;margin-left: 0}
    .n-jj-con1 p{margin-top: 20px;font-size: 14px;}
    .n-jj-con1 h3{margin-top: 20px;font-size: 18px;}
    .n-jj-con2{margin-top: 40px;}
    .n-jj-con3{display: block;margin-top: 40px;}
    .n-jj-con3Item1{width: 100%;margin-top: 0;text-align: center}
    .n-jj-con3Item2{width: 100%; padding: 0;margin-top: 20px; text-align: center}
    .n-jj-con3Item3{width: 100%;margin-top: 0;text-align: center}
    .n-jj-con3Item2 p{font-size: 14px; margin-top: 10px;}
    .n-jj-con3Item3{margin-top: 20px;}

    .n-jj-con4{margin-top: 40px;padding-bottom: 40px;}
    .n-jj-con4-top img{margin-top: 20px;}
    .n-jj-con4-list{margin-top: 30px;display: block}
    .n-jj-con4-item{width: 100%;margin-top: 10px;}
    .n-jj-con4-itemText span{font-size: 18px}
    .n-jj{padding-top: 40px}
    .n-jj-con2-swiper .swiper-button-prev{width: 30px; height: 30px; }
    .n-jj-con2-swiper .swiper-button-next{width: 30px; height: 30px; }
    .n-jj-con2-swiper{padding: 10px;}
    .n-d-con{overflow: hidden;padding-bottom: 40px;}

    .n-about-text h1{font-size: 20px;}
    .n-about-text p{font-size: 14px;}
    .n-about1-top{margin-top: 40px;}
    .n-about1-swiperR{padding-top: 10px;}
    .n-about1-swiperR-bottom{font-size: 14px;padding-bottom: 10px;}
    .n-about1-swiper-button .swiper-button-prev{width: 30px; height: 30px; }
    .n-about1-swiper-button .swiper-button-next{width: 30px; height: 30px; }
    .n-about1-con2R-tab{overflow: hidden}
    .n-about1-con2R-text{position: relative; bottom: auto;z-index: 2;padding: 42px 20px 32px 20px;left: 0}
    .n-about1-con2R-img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding-top: 0}
    .n-about1-con2R-text span{font-size: 20px;}
    .n-about1-con2R-text a{height: 36px; line-height: 36px;}
    .n-about1-con2L-a{margin-top: 20px}
    .n-about1-top .n-about1-title img{width: 110px;}
    .n-about1-con2L-top .n-about1-con2L-title img{width: 108px;}
    .n-about1-con3 .n-about1-title img{width: 162px;}
    .n-about1-con4 .n-about1-title img{width: 170px;}
    .n-about1-con2{margin-top: 0}
    .n-about1-con2R-text p{text-align: justify;width: 100%;max-width: 100%}
    .n-about1-con3{padding: 0 20px;}
    .n-about1-con3-top{margin-top: 40px;}
    .about3-map-box{display: none}
    .n-about1-con4{padding-bottom: 40px;margin-top: 40px;}
    .n-about-text p br{display: none}
    .n-about1-con4-text{padding-left: 0}

    .i-con2 .i-title {text-align: left;}
    .i-con2 .i-title img{width: 356px;}
    #fp-nav.fp-right{right: 0;}
    #fp-nav ul li, .fp-slidesNav ul li{margin: 6px 2px;}
    .i-about-btn a em{width: 22px}
    .i-about-btn a i{font-size: 14px;}
    .i-about-btn a{margin-right: 10px;}
    .i-jx-item-text2 a{font-size: 14px;margin-top: 20px;}
    .i-jx-item-text1{font-size: 16px;}
    .i-jx-item-text2 span{font-size: 16px}
    .i-product .nav{width: 100px;}
    .i-product .nav li a{margin-top: 4px;font-size: 14px;}
    .i-product .nav li a::before {height: 10px;}
    .i-pro-body{width: calc(100% - 100px);padding-left: 10px}
    .i-proList{width: 100%;display: block;max-height:400px;overflow-y: scroll; }
    .i-proList::-webkit-scrollbar {
        /*滚动条整体样式*/
        /*高宽分别对应横竖滚动条的尺寸*/
        width: 4px;
        position: relative;

    }
    .i-proList::-webkit-scrollbar-thumb {
        /*滚动条里面小方块*/
        width: 4px;
        position: absolute;
        left: 50%;transform: translateX(-50%);
        background   : #ecdac2;
    }
    .i-proList-text::-webkit-scrollbar-track {
        /*滚动条里面轨道*/
        width: 1px;

        background   : #ccc;
    }
    .i-proList li{width: 100%;margin-right: 0}
    .i-pro-body .i-title{height: 100px}
    .i-pj-conL span{font-size: 20px}
    .i-pj-conL p{margin-top: 20px;max-height: 260px;overflow: hidden}
    .i-pj-conL p br{display: none;}
    .i-pj-conL a{margin-top: 20px;}
    .i-pj .nav li a{font-size: 14px;}
    .i-news-con{margin-top: 40px;display: block}
    .i-newsL{padding: 20px;width: 100%}
    .i-newsL-item{width: 100%;float: none;height: auto}
    .i-newsL-item a{padding: 20px;height: auto}
    .i-newsL-item a h5{margin-top: 16px;}
    .i-newsL-item a p{margin-top: 16px; font-size: 14px;max-height: 54px;overflow: hidden}
    .i-newsR{padding: 0;width: 100%;margin-top: 20px}
    .i-newR-item a h5{margin-top: 16px;font-size: 16px;}
    .i-newR-item a p{margin-top: 16px;font-size: 14px;}
    .i-newR-item:nth-child(2){display: none}
    .i-newsR>a{margin-top: 16px;}
    .i-news .i-title img {width: 304px}
    .i-about-yun{right: -60px;top: 220px;}
    .i-about-swiper{margin-top: 20px;}
    .n-d-con{padding-top: 20px;}
    .n-jr-d-top-itemL{margin-top: 10px;}
    /* .n-nav2 ul{transform: translateX(-100%)} */
    .n-nav2-btn{display: flex; margin-left: 100%; }

    .n-xs-box1{padding-top: 40px;}
    .n-xs-con2{padding-top: 40px;padding-bottom: 20px;}
    .n-xs-con2 .n-xs-ts{display: none}
    .n-xs-con2 .g_w,.n-xs-con3 .g_w{display: block}
    .n-xs-con2L{width: 100%;text-align: center}
    .n-xs-con2R{width: 100%;padding-left: 0;padding-top: 20px;}
    .n-xs-con2-swiper .swiper-button-prev{width: 40px; height: 40px;}
    .n-xs-con2-swiper .swiper-button-next{width: 40px; height: 40px;}

    .n-xs-con2R-text span,
    .n-xs-con3L-text span,
    .n-xs-con4-text span{font-size: 24px;}
    .n-xs-con2R-text b ,.n-xs-con3L-text b ,.n-xs-con4-text b{margin-top: 20px;}
    .n-xs-con2R-text p ,.n-xs-con3L-text p ,.n-xs-con4-text p{margin-top: 10px;}

    .n-xs-con3{padding-top: 30px;padding-bottom: 40px;}
    .n-xs-con3 .n-xs-ts{display: none}
    .n-xs-con3-swiper .swiper-button-prev{width: 40px; height: 40px;}
    .n-xs-con3-swiper .swiper-button-next{width: 40px; height: 40px;}
    .n-xs-con3L{width: 100%;padding: 0}
    .n-xs-con3R{width: 100%;padding: 0;margin-top: 20px;}

    .n-xs-con1 .g_w{display: block}
    .n-xs-con1 .n-xs-con1L{width: 100%;padding: 0}
    .n-xs-con1 .n-xs-con1R{width: 100%;padding: 0;margin-top: 20px;}
    .n-xs-con1 .n-xs-con1L p{margin-top: 30px;}
    .n-xs-con4-text{padding: 20px;}
    .n-xs-con4-text i{margin-top: 10px;}

    .n-xs-con1L img{transform: scale(.8)}

    .n-xy-con2-swiper{margin-top: 20px;}
    .n-xy-con2 .n-xy-con2-start{position: relative;left: auto;top: auto;margin: 20px auto ;transform: translateX(0);}
    .n-xy-con2-text span{font-size: 18px;}
    .n-xy-con2-start span{font-size: 24px;}
    .n-xy-con3-start span{font-size: 24px;}
    .n-xy-con2-swiper .swiper-button-next{width: 40px; height: 40px;}
    .n-xy-con2-swiper .swiper-button-prev{width: 40px; height: 40px;}
    .n-xy-con2-text a{margin-top: 20px;}
    .n-xy-con3{margin-top: 20px;padding-bottom: 40px;}
    .n-xy-con2-start{position: relative;z-index: 99}
    .n-xy-con2-swiper{margin-top: 20px;}

    .i-pro-conL-text h3 span{font-size:20px; }
    .i-pro-conL-text h3 i{font-size: 16px}
    .i-pro-conL-text p{font-size: 14px}


}
@media (max-width:480px){

    .n-about1-con3 .n-about1-title img{width: 130px;}
    .n-about1-con4 .n-about1-title img{width: 102px;}
}

@media (max-width:400px){
    .i-about-swiperBox{width: 100%}
    .i-aboutAfter{max-width:94%;  left: 50%;transform: translate(-50%,-50%)}
}