@charset "utf-8";

/* CSS Document */

*{

	box-sizing: border-box;

	-webkit-tap-highlight-color:transparent;

}

html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu

	{

		margin:0;

		padding: 0;

		box-sizing:border-box;

		-webkit-box-sizing:border-box;

	}

html, body 

	{

        font-family:"Microsoft Yahei",Tahoma, Helvetica, Arial, sans-serif;

        font-size: 16px;

        background: url(../images/bg.jpg);

        background-repeat:repeat-y;

        background-size: 100%;

        -webkit-touch-callout: none;

        -webkit-user-select: none;

        -khtml-user-select: none;

        -moz-user-select: none;

        -ms-user-select: none;

        user-select: none;

	}

a,a:hover,a:focus,a:visited

{

	text-decoration: none;

	outline:none !important;

	outline:0;

}

ul,ul li,ol,li 

	{

		list-style: none outside none;

	}

input[type="submit"], input[type="reset"], input[type="button"], input

	{

    	resize: none;

    	border: none;

	}

textarea

	{

		resize: none;

	}

a

	{

	text-decoration: none;

	}

img 

	{

		vertical-align: middle;border: none;width: 100%;

	}

i 

	{

		font: inherit;

	}

/*单行溢出*/

.one-txt-cut{

    overflow: hidden;

	white-space: nowrap;

    text-overflow: ellipsis;

}

/*多行溢出 手机端使用*/

.txt-cut{

    overflow : hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

}

#delbox{

    margin-right:0;

}

.flex{

  display:box;

  display:-webkit-box;

  display:-webkit-flex; 

  display:-moz-box; 

  display:-ms-flexbox; 

  display:flex;

}

.flex-j{

    -webkit-justify-content:space-between;

    -moz-justify-content:space-between;

    -ms-justify-content:space-between;

    -o-justify-content:space-between;

    justify-content:space-between;

}

.flex-w{

  -webkit-flex-wrap: wrap;

  -moz-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  -o-flex-wrap: wrap;

  flex-wrap:wrap;

}

.flex-s{

    -webkit-justify-content: flex-start;

    -moz-justify-content: flex-start;

    -ms-justify-content: flex-start;

    -o-justify-content: flex-start;

    justify-content: flex-start;

  }

  .flex-c{

    -webkit-justify-content: center;

    -moz-justify-content: center;

    -ms-justify-content: center;

    -o-justify-content: center;

    justify-content: center;

  }

.align-center{

  -webkit-align-items:center;

  -moz-align-items:center;

  -ms-align-items:center;

  -o-align-items:center;

  align-items:center;

}

.trs{

	-webkit-transition: all .4s ease-in-out;

	-moz-transition: all .4s ease-in-out;

	-ms-transition: all .4s ease-in-out;

	-o-transition: all .4s ease-in-out;

	transition: all .4s ease-in-out;

}

.content-b

	{

	width: 100%;

	max-width: 80%;

	margin: auto;

    }

.content

	{

	width: 100%;

	max-width: 1200px;

	margin: auto;

	

	}

.ani-delay{

    animation-delay: .5s;

}

@font-face {

    font-family: 'yang';

    font-display: swap;

    src: url('../font/yang.eot'); /* IE9 */

    src: url('../fonts/yang.eot') format('embedded-opentype'), /* IE6-IE8 */

    url('../fonts/yang.woff2') format('woff2'),

    url('../fonts/yang.woff') format('woff'), /* chrome、firefox */

    url('../fonts/yang.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/

    url('../fonts/yang.svg#webfont') format('svg'); /* iOS 4.1- */

}

/* 头部 */

.header{

    width: 100%;

    background: #fff url(../images/h-bg.png) no-repeat bottom;

    background-size: 100%;

}

.header-l .t-font{

    margin-left: 2vw;

    padding-left: 2vw;

    border-left: 1px solid #6c806f41;

}

.header-l a img{

    max-width: 100%;

    display: block;

}

.t-font img{

    max-width: 80%;

}

.header-r .icondianhua{

    font-size:2.375rem;

    color: #6c806f;

    line-height: 120px;

}

.header-r .telbox{

    padding-left: 1vw;

}

.header-r .telbox p{

    font-size: .75rem;

    color:#6c806f;

}

.header-r .telbox h1{

    font-size: 1.5rem;

    color: #6c806f;

}

.header-r .bq{

    border-left:1px solid #6c806f3f;

    padding-left: 2vw;

    margin-left: 2vw;

}

.header-r .bq a{

    text-align: center;

    color: #6c806f;

}

.header-r .bq a:nth-child(2){

    margin-left: 2vw;

}

.header-r .bq a .iconfont{

    font-size: 2.375rem;

}

.header-r .bq a p{

    font-size: .875rem;

}

/* 移动端导航 */

.mo-top{

    display: none;

    width: 100%;

    background: rgba(255, 255, 255, .9);

    position: fixed;

    box-shadow: 0 5px 10px rgba(108, 128, 111, .1);

    z-index: 500;

    top: 0;

    left: 0;

    border-bottom: 1px solid #6c806f;

}

.mo-top a{

    display: block;

    overflow: hidden;

    width: 25%;

    line-height: 60px;

}

.mo-top a img{

    max-width: 100%;

}

.mo-nav .s1,.mo-top .s2,.mo-top .s3{

    width: 22px;

    height: 2px;

    display: block;

    background-color:#6c806f;

}

.mo-nav .s2{

    margin-top: 6px;

}

.mo-nav .s3{

    margin-top: 6px;

}

.mo-nav.on .s1{

    -webkit-transform: matrix(1,0,0,1,0,8) rotate(45deg);

    transform: matrix(1,0,0,1,0,18),rotate(45deg);

}

.mo-nav.on .s2{

    opacity: 0;

}

.mo-nav.on .s3{

    -webkit-transform: matrix(1,0,0,1,0,-8) rotate(-45deg);

    transform: matrix(1,0,0,1,0,-18),rotate(-45deg);

}

/* 移动端导航下拉 */

.navdown{

    display: none;

    width: 100%;

    background: #fff;

    z-index: 500;

    position: fixed;

    top: 61px;

    left: 0;

}

.navdown ul li{

    width: 100%;

    border-bottom: 1px dashed #eee;

}



.navdown ul li a{

    padding: 30px 0 30px 15px;

    color: #6c806f;

    width: 100%;

    display: block;

}

.mask{

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .6);

    z-index: 499;

    position: fixed;

    top: 0;

    left: 0;

    display: none;

}

/* PC端导航 */

.nav{

    width: 100%;

    background-color: #37453a;

    display: flex;

    top: 0;

    left: 0;

    box-shadow: 0 5px 10px rgba(0, 0, 0, .05);

    z-index: 500;

}

.nav ul li a{

    display: block;

    color: #fff;

    font-weight: bold;

    padding: 15px 3.65vw;

}

.nav ul li a.nav2{

    padding: 15px 3.65vw;

}

.nav ul li:hover{

    background: #4a5d4e;

}

.nav ul li.active{

    background: #4a5d4e;

}

.nav.on{

    position: fixed;

    top: 0;

    left: 0;

}

.banner-ny-img{

    background-size: cover;

    height: 260px;

}

.footer{

    background-color:#3d403d;

}

.footer-bg{

    background: url(../images/b-bg.png) no-repeat bottom;

    background-size: cover;

    padding:50px 0;

}

.pingcha{

    text-align: center;

}

.pingcha .iconcha{

    font-size: 5.6875rem;

    color: #b2c6b2;

}

.b-nav{

    padding-left: 2vw;

}

.b-nav-ny{

    padding-left:0

}

.b-nav>ul>li{

    padding: 0 1vw;

}

.b-nav>ul>li>a{

    font-size: .875rem;

    color: rgba(178, 198, 178, .8);

}

.b-nav li a .trs{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden}

.b-nav li ul li{ max-width: 90px; }

.b-nav li ul li.b-nav1 a{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block}

.b-navul{

    padding-top: 10px;

}

.b-nav1{

    padding: 2px 0;

}

.b-nav2{

    font-size: .75rem;

    color: rgba(178, 198, 178, .4);

}

/* 移动端状态栏 */

.mo-footer{

    height: 60px;

    width: 100%;

    background: url(../images/mo-footer.png) no-repeat center bottom;

    background-size: cover;

    background-color: #3d403d;

    z-index: 100;

    position: fixed;

    bottom: 0;

    left: 0;

    box-shadow: 0 -5px 10px rgba(0, 0, 0, .05);

    display: none;

}

.mo-footerbox{

    height: 100%;

}

.mo-footer a{

    display: block;

    width: 25%;

    text-align: center;

    border-right: 1px solid rgba(178, 198, 178, .32);

}

.mo-footer p,.mo-footer .iconfont{

    color: #b2c6b2;

}

.mo-footer .iconfont{

    font-size: 1.25rem;

}

.mo-footer p{

    /* margin-top: 2px; */

    font-size: .875rem;

}

/* 移动端底部 */

.mo-copyright{

    background: #232622;

    /* margin-bottom: 60px; */

    text-align: center;

    line-height: 55px;

    display: none;

}

.mo-copyright p{

    font-size: .75rem;

    color: #94a28f;

}



/* PC底部 */

.footer .tel{

    margin-right: 1vw;

}

.footer .tel .icondianhua{

    font-size: 3.5rem;

    color: #b2c6b2;

    margin-right: .5vw;

}

.footer .tel .zx{

    color:#b2c6b2;

    text-align: left;

}

.footer .tel h6{

    font-size: .75rem;

    font-weight: normal;

    color:#b2c6b2;

}

.footer .tel h1{

    font-size: 2.25rem;

    color:#b2c6b2; white-space: nowrap;

}

.footer .ewm{

    width: 120px;

    height: 120px;

    background: #fff;

    position: relative;

    overflow: hidden;

}

.footer .ewm img{

    max-width: 100%;

}

.copyright{

    background-color: #232622;

}

.copyright p{

    font-size: .75rem;

    color: #94a28f;

    text-align: center;

    height: 40px;

    line-height: 40px;

}

.b-nav>ul>li>a:hover{

    color: rgba(178, 198, 178,1);

}

.b-nav2:hover{

    color: rgba(178, 198, 178, 1);

}

/* 分页 */

.pages{

    text-align: center;

    justify-content: center;

    padding-top: 50px;

}

.pages .iconjiantou{

    font-size: 1.5rem;

    color: #b2c6b2;

    display: block;

}

.pages a{

    margin: 0 .25vw;

}

#page{ overflow:hidden; font-size:12px;text-align:center; margin: 30px 0; clear: both;}

#page a { overflow:hidden; text-decoration: none; display:inline-block; margin:0 4px; height:32px; line-height:30px; background:#fff; border:1px solid #fff; text-align:center; color:#333; padding:0 12px;}

#page a.a1 {width:56px; padding:0; background:#f8f8f8;}

#page a:hover {background:#37453a; border-color:#37453a; color:#fff; text-decoration:none; }

#page span {display:inline-block;overflow:hidden; margin:0 4px; height:32px;padding:0 12px; font-size:12px;line-height:30px; background:#37453a; border:1px solid #37453a; color:#fff; text-align:center; }

#page a.next,#page a.prev {font-size: 1.5rem;color: #b2c6b2; background: none; border: 0 none; padding: 0 3px;}

#page a.prev{-webkit-transform: rotate(180deg);



    -moz-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg);}

#page a.next:hover,#page a.prev:hover{ color: #37453a}

#page a.page-num-current{display:inline-block;overflow:hidden; margin:0 4px; height:32px;padding:0 12px; font-size:12px;line-height:30px; background:#37453a; border:1px solid #37453a; color:#fff; text-align:center; }

.pages .page{

    width: 32px;

    height: 32px;

    /* border: 1px solid #e6e6e6; */

    background: #fff;

    line-height: 32px;

    color: #37453a;

    font-size: .875rem;

}

.pages a.active{

    background: #37453a;

    color: #fff;

}

.pages a.prev{

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg);

}

.pages .page:hover{

    background: #37453a;

    color: #fff;

}

.pages .iconjiantou:hover{

    color: #37453a;

}

/* 返回顶部 */

.go-top{

    position: fixed;

    right: 0;

    top: 70%;

    z-index: 500;

}

.go-top .item{

    width: 40px;

    height: 40px;

    background: #37453a;

    margin-bottom: 2px;

    box-shadow: 0 0 10px rgba(255, 255, 255, .05);

}

.go-top .dh,.go-top .ewm{

    position: relative;

}

.go-top .iconfont{

    color: #e3e7e2;

    font-size: 1.4rem;

    text-align: center;

    line-height: 40px;

}

.go-top .dh-active{

    background: #232622;

    width: 128px;

    height: 40px;

    position: absolute;

    left: -8.25rem;

    top: 0;

    color: #b2c6b2;

    text-align: center;

    line-height: 2.5rem;

    opacity: 0;

    visibility: hidden;

}

.go-top .code img{

    width: 90%;

    height: 90%;

    margin: auto;

    display: block;

    padding-top: .25rem;

}

.go-top .ewm-active{

    position: absolute;

    width: 6rem;

    height: 7.5rem;

    left: -7rem;

    top: 50%;

    opacity: 0;

    visibility: hidden;

    box-shadow:0 .5rem 1rem rgba(0, 0, 0, .15);

    background: #e3e7e2;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

}

.go-top .ewm-active .wenzi{

    width: 100%;

    height: 2rem;

    text-align: center;

    line-height: 1rem;

    border-top: .0625rem solid rgba(0, 0, 0, .15);;

    padding-top: .25rem;

    margin-top: .25rem;

}

.go-top .wenzi p{

    font-size: .75rem;

    color: #6c806f;

}

.go-top .ewm-active::after{

    content: "";

    position: absolute;

    left: 100%;

    top: 50%;

    width: 0;

    height: 0;

    border-width: 10px 12px 10px 10px;

    border-style: solid;

    border-color:  transparent transparent transparent #e3e7e2;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

}

.go-top .item:hover{

    background: #1e2b21;

}

.go-top .item:hover .ewm-active,.go-top .item:hover .dh-active{

    opacity: 1;

    visibility: visible;

}

.go-top .backtotop{

    display: none;

}

@media screen and (max-width:1440px){

    body .n-lbcon2{padding: 1.35vw;}

    body .n-lbrow3{padding: 1.35vw;}

    body .b-nav>ul>li{padding: 0 .75vw;}

}

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

    body .n-lbcon2 h1{padding: 10px 0;}

    body .footer .tel .icondianhua{font-size: 2.25rem;}

    body .footer .tel h1{font-size: 1.75rem;}

    body .footer .ewm{width: 80px;height: 80px;;}

    body .xq-content{margin-left: 4vw;}

    body .n-lbcon2 p{line-height: 19px;}

}

@media screen and (max-width:1024px){

    .content{max-width: 95%;}

    .content-b{max-width: 95%;}

    body .s-img{width: 65%;}

    body .n-lbrow-l{width: 22%;}

    body .n-lbrow-r{width: 75%;}

    body .n-lbcon2 h1{padding: 15px 0;}

    body .n-lbcon2 p{line-height: 22px;}

}

@media screen and (max-width:768px){

    .content{max-width: 90%;}

    .content-b{max-width: 90%;}

    .header,.nav,.copyright,.footer,.go-top .dh,.go-top .ewm,.swiper1 .swiper-button-next,.swiper1 .swiper-button-prev,body .storebox1,.mo-lxr,.mo-dh,.mo-yx,.banner-ny{display: none !important;}

    .mo-top,.mo-copyright,.mo-footer,.mo-store{display: block !important;}

    body .aboutbox,.s-lbbox,body .p-lbbox{flex-wrap: wrap;}

    body .n-lbcon{flex-direction: column;}

    body .n-lbrow,body .about-l,body .n-lbconbox,body .s-img,body .about-ny img,body .culture-ny img,body .join-ny img,body .n-cen img{width: 100%;}

    body .about-ny img,body .culture-ny img,body .join-ny img,body .n-cen img{margin: 20px 0;}

    /* body .about-ny,body .culture-ny,body .join-ny,body .news-xq{padding: 60px 4vw;} */

    .banner{padding-top: 61px;}

    body .nav-ny,.store-ny,.contact-ny{margin-top:61px}

    body .store-ny{padding-top: 101px;}

    .mo-copyright{margin-bottom: 60px;}

    body .swiper-img{height: 120px;}

    body .banner-font h1:nth-child(1){font-size: 2rem;}

    body .banner-font h1:nth-child(2){font-size: 2.5rem;}

    body .banner-tea{width: 40px;}

    body .tit h1::before{background-size: 80%;}

    body .tit{margin: 60px 0 60px 0;}

    body .product ul li::before,body .news ul li::before,body .nav-ny ul li::before{margin-left: 0;}

    body .product ul li a,body .news ul li a,body .nav-ny ul li a{padding: 20px 2.5vw;}

    body .p-lbbox{margin: 0 -1vw;}

    body .p-conbox{width: 33.33%;padding:1vw;}

    body .about{padding: 60px 0;}

    body .about-l>p{-webkit-line-clamp: 8;margin-top: 80px;}

    body .about-r{width: 80%; margin-left: 0; margin-top: 40px;}

    body .about .lj {margin-top: 30px;}

    body .n-lbcon1{width: 50%;}

    body .n-lbcon2{padding: 1.5vw;}

    body .s-lb,body .n-lbcon1,body .n-lbrow2{padding: 2vw;}

    body .s-lbbox,body .n-lbcon2,body .n-lbrow3{padding: 2vw 2vw 1vw 2vw;}

    body .pages a{margin: 0 1vw;}

    body .n-cen img{padding: 0;}

    body .n-lbrow-l{width: 16%;}

    body .s-xx p{padding: 6px 0;}

    body .go-top{top: 80%;}

    body .nav-nybox{background: #fff;}

    body .p-nav{margin-bottom: 40px;}

    body .product{padding-top: 30px;}

    body .product{min-height: 550px;}

    body .xq-img{width: 50%;}

    body .p-cenbox{width: 100%;}

    body .product-xqbox,body .about-nybox,body .culture-nybox,body .join-nybox{margin-bottom: 60px;}

    .contact-ny,.store-ny,body .product-ny,body .product-xq,.about-ny,.culture-ny,.join-ny,.news-ny,.news-xq {min-height: 818px;}

}

@media screen and (max-width:414px){

    .content{max-width: 100%;padding: 0 15px;}

    .content-b{max-width: 100%;padding: 0 15px;}

    body .product ul li a, body .news ul li a, body .nav-ny ul li a{padding: 20px 3.5vw;}

    body .product ul li::before, body .news ul li::before, body .nav-ny ul li::before{margin-left: -1vw;}

    body .mo-top a{width: 40%;}

    .navdown ul li a{padding: 20px 0 20px 10px;}

    body .banner .swiper1 .swiper-pagination-bullet{margin: 0 2vw !important;}

    body .banner-tea {right: 10%;}

    body .tit h1::before{width: 418.44px;height: 3px;}

    body .tit h1{font-size: 1.5rem;}

    body .product ul li,.news ul li{padding: 10px 0;}

    body .tit{margin: 50px 0 50px 0;}

    body .p-conbox{width: 50%;}

    body .p-lbbox{margin: 0 -10px;}

    body .p-conbox{padding: 10px;}

    body .tit-l p::after{width: 115px;height: 2px;}

    body .about-r{width: 100%;}

    body .store .tit-l{padding: 65px 15px;}

    body .s-nybox,body .n-lbcon{margin: 0 -2vw;}

    body .s-lb, body .n-lbcon1{padding: 10px;}

    body .s-lbbox, body .n-lbcon2, body .n-lbrow3{padding: 10px;}

    body .n-lbcon2 h1{padding: 10px 0;}

    body .n-xq{display: none;}

    body .n-lbrow-l{width: 25%;}

    body .n-lbrow-r{width: 72%;}

    body .tit-l p{font-size: 1.5rem;}

    body .culture h1{font-size: 2rem;}

    body .n-nav{margin-bottom: 40px;}

    body .news{padding-bottom: 50px;}

    body .lj{margin: 30px auto 0 auto;}

    body .s-xx .dz.mo-dz{-webkit-line-clamp: 2;}

    body .s-xx p{padding: 0; margin: 6px 0;}

    body .news ul li a{padding: 0px 2.5vw;}

    body .tit h1::before{width: 345px;}

    body .p-top{flex-direction: column;} 

    body .xq-img{width: 100%;}

    body .product-xq{margin-top: 60px;}

    body .xq-content{width: 100%;margin-left: 0;}

    body .product-xqbox,body .news-xqbox{padding: 30px 15px 60px 15px;margin-bottom: 30px;}

    body .p-bot .left,body .p-bot .center,body .p-bot .right{width: 100%;}

    body .p-bot .right,body .n-bot .right{float: left;padding-top: 20px;}

    body .p-bot .rightbox{float: left;}

    body .p-bot .center,body .n-bot .center{display: none;}

    body .p-bot .jt2,body .n-bot .jt2{display: inline-block;}

    body .p-bot .jt1,body .n-bot .jt1{display: none;}

    body .product ,body .news-ny,body .store-ny{padding-bottom: 80px;}

    body .news-xq{margin-bottom: 0;}

    body .about-ny, body .culture-ny, body .join-ny, body .news-xq{padding: 20px 15px;}

    body .about-nybox,body .culture-nybox,body .join-nybox{margin-bottom: 0;    padding: 30px 15px;}

    body .s-lb, body .n-lbcon1, body .n-lbrow2{padding: 2vw;}

    body .n-lbrow1-ny{margin: 0 -2vw;}

    body .store-ny{padding-top: 41px;}

    body .s-lb-ny,body .con-l,body #map{width: 100%;}

    body #map{height: 300px;}

    body .s-xx{margin-left: 0;margin-top: 10px;}

    body .s-lbbox-ny{padding: 20px;}

    body .p-top{padding-bottom: 30px;}

    body .p-cen{padding-top: 0;}

    .contact-ny, .store-ny, body .product-ny, body .product-xq, .about-ny, .culture-ny, .join-ny, .news-ny, .news-xq{min-height: 560px;}

    body .contact-ny{padding: 30px 15px;}

    body .contact-nybox{flex-wrap: wrap;}

}

::-webkit-scrollbar {

    width: 10px;

    background-color: #b2c6b2;

}

::-webkit-scrollbar-thumb {

    background-color: #37453a;

    border-radius: 5px;

}