@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: 1202px;
	margin: auto;
	}
	
	.contert
		{
		width: 100%;
		max-width: 1349px;
		margin: auto;
		height:150px;
		}
	
.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: #68bba8;
    line-height: 120px;
}
.header-r .telbox{
    padding-left: 1vw;
}
.header-r .telbox p{
    font-size: .75rem;
    color:#68bba8;
}
.header-r .telbox h1{
    font-size: 1.5rem;
    color: #68bba8;
}
.header-r .bq{
    border-left:1px solid #6c806f3f;
    padding-left: 2vw;
    margin-left: 2vw;
}
.header-r .bq a{
    text-align: center;
    color: #68bba8;
}
.header-r .bq a:nth-child(2){
    margin-left: 2vw;
}
.header-r .bq a .iconfont{
    font-size: 2.375rem;
}

.header-r .bq a img{
	width: 38px;
	height: 38px;
}

.header-r .bq a p{
    font-size: .875rem;
}
.header-r .p2{
    color: #f11108;
}
/* 移动端导航 */
.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: #005d68e6;
    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-family: "黑体";
    font-weight: 500;
    padding: 15px 37px;
}
.nav ul li a.nav2{
    padding: 15px 3.65vw;
}
.nav ul li:hover{
    background: #68bba8;
}
.nav ul li.active{
    background: #68bba8;
}
.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:60px 0;
}
.pingcha{
    text-align: center;
	margin-top:-36px;
	
}
.pingcha .iconcha{
    font-size: 5.6875rem;
    color: #b2c6b2;
}
.b-nav{
    padding-left: 0.1px;
}
.b-nav-ny{
    padding-left:0
}
.b-nav>ul>li{
    padding: 0 8px;
}
.b-nav>ul>li>a{
    font-size: .875rem;
    color: #FFFFFF;
}
.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: #ffffffa3;
}
/* 移动端状态栏 */
.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{
	line-height: 32px;
    font-size: .75rem;
    color: #94a28f;
}
.mo-copyright p a{
	color: #94a28f;
}
/* PC底部 */
.footer .tel{
    margin-right: 1vw;
}
.footer .tel .icondianhua{
    font-size: 3.5rem;
    color: #ffffff;
    margin-right: .5vw;
}
.footer .tel .zx{
    color:#b2c6b2;
    text-align: left;
}
.footer .tel h6{
    font-size: .75rem;
    font-weight: normal;
    color:#ffffff;
}
.footer .tel h1{
    font-size: 2.25rem;
    color:#ffffff; 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: #ffffff;
    text-align: center;
	margin-bottom: -17px;
    height: 40px;
    line-height: 40px;
}
.copyright a{   
    color: #ffffff; 
}
.copyright a:hover{
	border-bottom: 1px solid #FFFFFF;
}


.b-nav>ul>li>a:hover{
    color: #68baa8;
}
.b-nav2:hover{
    color: #69bba8;
}
/* 分页 */
.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){
    
	{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: 0 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: 177px;}
    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: 1px;}
    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;
}