@font-face {
  font-family: 'REGULAR_0';
  src: url('./PINGFANG REGULAR_0.TTF');
}
@font-face {
  font-family: 'BOLD_0';
  src: url('./PINGFANG BOLD_0.TTF');
}
@font-face {
  font-family: 'MEDIUM_0'; 
  src: url('./PINGFANG MEDIUM_0.TTF');
}
html {
   scroll-padding-top: 140px;
}

*{margin:0;padding:0;} 
h1,h2,h3,h4,h5,h6{ font-style: normal; font-size:100%; font-weight:normal;}
li{list-style-type: none;}
a{text-decoration:none;color:#333;}
body{min-width:1200px;max-width:1920px;background-color: #fff; margin: 0 auto;font-family: 'REGULAR_0'; color:#333;font-size: 18px;}
img{ border:0;}
.clear{clear:both;}  
.no{display:none;} 
.img{display: block;width:100%;}
.box{width:1200px;margin:0 auto;}
.box1{width:72.91667%;min-width:1200px;margin:0 auto;}
.over{overflow: hidden}
.fl{float: left}
.fr{float: right}
.border{box-sizing:border-box; 
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box;} 
.cg{font-family: 'REGULAR_0';}
.ct{font-family: 'BOLD_0';}
.zc{font-family: 'MEDIUM_0';}
.wr{writing-mode: vertical-rl;writing-mode: tb-rl;}
.wl{writing-mode: vertical-lr; writing-mode: tb-lr;}
.dx{text-transform : uppercase}
.xx{text-transform : lowercase}
.sdx{text-transform : capitalize}


.swiper{ margin: 0;}
.swiper-button-prev,.swiper-button-next{outline: none;margin: 0;}

.ht_img img{cursor: pointer; transition: all 0.6s;}
.ht_img:hover img{transform: scale(1.06);}


/* 首页 */
header{width: 100%;background:#fff; min-width: 1200px;position: fixed;top: 0;left:0;z-index: 998;}
header .headT{height: 70px;border-bottom: 1px solid #F5F5F5;}
header .headT .box{height: 70px;}
header .headT .box .logo{display: block;height: 42px;}
header .headT .box h3{font-size: 24px;}
header .headB nav{width: 422px;}
header .headB nav>ul>li{position:relative;}
header .headB nav>ul>li>a{width: 92px; height: 45px;color: #666666;font-size: 14px;}
header .headB nav>ul>li>a:hover,header .headB nav>ul>li>a.active{color: rgba(53, 115, 65, 1);border-bottom: 4px solid #285534;font-family: 'BOLD_0';}
header .headB nav>ul>li>dl{display: none; background: #fff;position:absolute;top:45px;width:92px;left: 0;padding: 15px; z-index: 9999;}
header .headB nav>ul>li>dl dd{width: 100%;margin-bottom: 12px;}
header .headB nav>ul>li>dl dd:last-child{margin-bottom: 0}
header .headB nav>ul>li>dl dd a{width: 100%;height: 20px;line-height: 20px;display: block;  border-bottom: 1px solid #2A5633;font-size: 14px;color: #2A5633 }
/* header .headB nav>ul>li>dl dd a:hover,header .headB nav>ul>li>dl dd a.active{color:#ff7326;} */
.search{width: 120px;height: 28px;border-radius: 14px;border: 1px solid #F0F0F0; padding:0 12px 0 38px;background: url(../images/ss.png) no-repeat left 10px center;}
.search input{width: 40px;height: 28px;font-size: 12px;border:none;background: none;}
.search a{display: block;font-size: 12px;color: #666; }


.banner{width:100%;height: 560px;margin-top: 115px;}

.bos{box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);}
.sy_banner{margin-top: 115px;}
.sy_banner .swiper-pagination{bottom: 36px;}
.sy_banner .swiper-pagination span{line-height: 999px;overflow: hidden;box-sizing: border-box;background:#EAEAEA;border-radius: 50%;  opacity: 1 ;border: none; width: 13px;height: 13px;}
.sy_banner .swiper-pagination-bullet-active{background:#357341 !important;}

.cor{color: #2A5633}
.cor1{color: #c69767}
.cor2{color: #ffffff}
/* 内容 */
.title{padding: 72px 0 30px;}
.title h3{font-size: 32px;}

.ht1{padding: 72px 0 0;}
.ht11{width: 490px;}
.ht11 .title{padding: 0 0 28px;}
.ht111 p{font-size: 16px;line-height: 28px;text-align: justify;}
.ht111 a{width: 124px;height: 48px;background: rgba(53, 115, 65, 1);border-radius: 4px;color: #fff;font-size: 14px;margin-top: 28px;}
.ht12{width: 594px;}
.ht13{width: 816px;bottom: 0;left: 0}
.ht13 ul li{width: 204px;height: 136px;background: rgba(245, 245, 245, 1);}
.ht130{border-right: 1px solid rgba(230, 230, 230, 1);width: 100%; font-size: 16px;color:rgba(153, 153, 153, 1);line-height: 44px;}
.ht130 span{font-size: 36px;color: #666}
.ht13 ul li:last-child .ht130{border:none;}
.ht13 ul li:hover{background: #357341;}
.ht13 ul li:hover .ht130{color: #fff;border:none;}
.ht13 ul li:hover .ht130 span{color: #fff}

.ht21 ul li{width: 300px;height: 420px;}
.ht21 ul li>img{width: 100%;height: 100%;}
.ht210{display: none; width: 100%;height: 100%;padding: 28px;top: 0;left: 0; background: rgba(53, 115, 65, 1);}
.ht2_tb{width: 36px;height: 36px;}
.ht2_tb img{max-width: 100%;max-height: 100%;filter: brightness(100);}
.ht2_tit{height: 40px;line-height: 40px;font-size: 28px;margin: 10px 0 18px;color: #fff;}
.ht2_des{ -webkit-line-clamp:4;font-size: 16px;line-height: 28px;height: 112px;color: #fff;}
.ht2_more{width: 126px;height: 36px;border-radius: 20px;border: 1px solid #fff;font-size: 14px;color: #fff;margin-top: 15px;}
.ht2_more img{margin-left: 10px;}
.ht21 ul li:hover{box-shadow: 0px 8px 20px  rgba(0, 0, 0, 0.25);}
.ht21 ul li:hover a{color: #fff;}
.ht21 ul li:hover .ht210{display: block;}

.ht31 ul li{width: 350px;padding-top: 80px;margin: 0 75px 30px 0;}
.ht31 ul li:nth-child(3n){margin-right: 0}
.ht311{width: 160px;height: 160px;border-radius: 50%;top: 0;left: 0;right:0;margin:auto;}
.ht311 img{height: 100%;}
.ht312{width: 350px;height: 400px;padding: 140px 18px 0; background: rgba(245, 245, 245, 1);}
.ht312 h5{font-size: 28px;color: rgba(102, 102, 102, 1)}
.ht312 p{font-size: 16px;color: rgba(153, 153, 153, 1);line-height: 28px;margin-top: 10px;}

.ht4{padding-bottom: 80px;}
.ht4 .title a{font-size: 28px;color: #357341}
.ht4 .title a img{margin-left: 15px;}
.ht410:hover{box-shadow: 0px 6px 15px  rgba(0, 0, 0, 0.15);}


.xf{width: 50px;height: 270px; position: fixed;top:0;right: 0;bottom:0;margin:auto;z-index: 999}
.xf>ul{height: 270px;text-align: center;}
.xf>ul>li{width: 50px;height: 50px;background: #212226; position: relative}
.xf>ul>li>a{width: 100%;height: 100%;}
.xf>ul li:last-child{margin-bottom: 0;background: rgba(33, 34, 38, 0.3);}
.xfl{display: none;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); position: absolute;top:0;bottom: 0;right: 90px;margin:auto;border-radius: 13px;background-color: #fff;}
.xfl .ss{display: block;position: absolute;top:0;bottom: 0;right: -6px;margin:auto;}
.xfl1{width: 250px;height: 80px;line-height: 30px; font-size: 20px;}
.xfl2{width: 110px;height: 110px; padding:5px;}
.xf>ul>li:hover{background: #357341;}
.xf>ul>li:hover .xfl{display: flex;}
.xf>ul>li:hover a>.xf0{display: none}
.xf>ul>li:hover a>.xf0_{display: inline-block}


/* 底部 */
footer{width: 100%;background: #357341;}
footer .foot{padding: 52px 0 30px;}
footer .foot .footL{width: 492px}
footer .foot .footL .flt ul li h5{}
footer .foot .footL .flt ul li a{display: block;font-size: 14px;color: #fff;margin-top: 15px;}
footer .foot .footL .flb{margin-top: 35px;}
footer .foot .footL .flb ul li img{width: 108px;}
footer .foot .footL .flb ul li p{font-size: 16px;margin-top: 15px;}
footer .foot .footR ul li{margin-bottom: 20px;}
footer .foot .footR ul li h5{font-size: 18px;}
footer .foot .footR ul li .dz{font-size: 14px;line-height: 28px;margin-top: 8px}
footer .foot .footR ul li h6{font-size: 14px;}
footer .foot .footR ul li p span{font-size: 32px;}

footer .fb{width: 100%;height: 46px;line-height: 46px;background:#fff;font-size: 12px;color: #000;}
footer .fb a{color: #000}

.position{width: 100%;height: 70px;background: #fffcf9;}
.position .box1{height: 70px;}
.position .box1 .pos1 h3{font-size: 22px;line-height: 29px;margin-right: 10px;}
.position .box1 .pos1 p{ font-size: 16px;opacity: 0.7;}
.position .box1>p{max-width: 600px;height: 23px; font-size: 16px;opacity: 0.8;}
.position .box1>p a:hover{color: #357341}

.con{width: 100%; padding: 80px 0 80px;}
.con2{width: 100%; padding: 80px 0 0;}
.con1{width: 100%; padding:80px  0 80px;}

/* 关于我们 */
.about_body {font-size: 20px;color: #404040; line-height: 34px;white-space:-moz-pre-wrap;word-wrap:break-word;text-align: justify;}
.about_body img{max-width:100%;}

.gy11{width: 505px;}
.gy111{font-size: 16px;line-height: 28px;text-align: justify;padding-right: 10px;height: 336px;overflow:auto;padding-bottom: 28px;border-bottom: 2px solid rgba(245, 245, 245, 1);margin-bottom: 36px;}
.gy112 ul li{font-size: 16px;color: rgba(53, 115, 65, 1);line-height: 44px;}
.gy112 ul li span{font-size: 36px;}
.gy112 ul div{width: 1px;height: 100px;background: rgba(53, 115, 65, 1);}
.gy12{width: 565px;}

.ppwh{padding-bottom: 50px;}
.ppwh ul li{width: 360px;min-height: 480px; background: rgba(245, 245, 245, 1);padding: 28px;margin: 0 60px 28px 0;}
.ppwh ul li:nth-child(3n){margin-right: 0}
.wh_img{width: 56px;height: 56px;margin-bottom: 12px;}
.wh_img img{max-width: 100%;max-height: 100%;}
.wh_con h5{font-size: 28px;color: rgba(53, 115, 65, 1);}
.wh_con h6{font-size: 16px;color: rgba(53, 115, 65, 1);margin-top: 3px;}
.wh_con .wh_nr{font-size: 14px;line-height: 26px;text-align: justify;margin-top: 14px;}

/* 企业资讯 */
.news ul li{width: 376px;height: 375px; margin: 0 36px 36px 0;}
.news ul li:nth-child(3n){margin-right: 0}
.n_img{display: block;width: 100%;height: 205px;}
.n_img img{width: 100%;height: 100%;}
.c_con{padding: 16px;}
.n_tit{font-size: 16px;line-height: 24px;height: 48px;-webkit-line-clamp: 2;}
.c_con .line{width: 100%;height: 1px;background: rgba(245, 245, 245, 1);margin: 32px 0 12px;}
.c_con p{font-size: 16px;color: rgba(102, 102, 102, 1);}
.news ul li:hover{box-shadow: 0px 6px 15px  rgba(0, 0, 0, 0.15);}

.xwxq{padding-bottom: 45px;}
.xwxq .xw_tit{width: 1000px;font-size: 28px;}
.xwxq .xw_rq{font-size: 28px;}
.xwxq .xw_rq span{font-size: 16px;}

.xw_body{white-space:-moz-pre-wrap;word-wrap:break-word;margin-bottom: 28px; font-size: 18px;line-height: 36px;padding: 40px 0;border-bottom: 1px solid rgba(245, 245, 245, 1);border-top: 1px solid rgba(245, 245, 245, 1);}
.xw_body img{max-width:100%;}

.xw_more a{width: 160px;height: 56px;border-radius: 30px;border: 1px solid rgba(230, 230, 230, 1);font-size: 16px;color: rgba(0, 0, 0, 1)}
.xw_more a img{margin-left: 12px;}
.xw_more button{display: block;width: 46px;height: 46px;background: url(../images/fx.png) no-repeat center;border:none;}


.lx1{width: 538px;}
.lx11 h3{font-size: 28px;}
.lx11 h4{font-size: 16px;line-height: 28px;color: rgba(102, 102, 102, 1);margin: 15px 0 25px;}

.lx1 .text{width: 100%;display: block; height: 50px; background: none;outline: none;border: 1px solid rgba(230, 230, 230, 1);border-radius: 4px; font-size: 16px;padding: 0 20px;color: rgba(102, 102, 102, 1);margin-bottom: 36px;color: #282828}
.lx1 .tj{display: block;width: 124px; height: 48px;background: rgba(53, 115, 65, 1);cursor: pointer;border: none;border-radius: 4px;  font-size: 14px;color: #fff;}
.lx10{margin-bottom: 36px;}
.lx1 .layui-input{width: 170px;height: 50px;border: 1px solid rgba(230, 230, 230, 1);border-radius: 4px; font-size: 16px;padding: 0 20px;color: rgba(102, 102, 102, 1);}
.lx1 .layui-form-select dl dd{font-size: 16px;}
.lx1 .layui-form-select dl dd.layui-this{background-color: rgba(53, 115, 65, 1);}


.map{width: 590px;height: 528px;overflow: hidden;}
.map #container{width:100%; height: 528px;overflow: hidden;}
.BMap_bubble_buttons{display: none!important;}
.BMap_bubble_title{font-family: 'BOLD';font-size: 16px;width: initial!important;padding-top: 10px;}
.BMap_bubble_content{margin-top: 10px;}
.BMap_bubble_center{width: 90%!important;}
.BMap_bubble_pop{padding: 0 15px!important;}






/* 团餐类型 */
.product ul li{margin-bottom: 64px;}
.p_img{width: 595px;height: 386px;border-radius: 12px; box-shadow:  0px 8px 20px  rgba(0, 0, 0, 0.1);}
.p_img img{width: 100%;height: 100%;}
.p_con{width: 540px;}
.p_tb{width: 48px;height: 48px;}
.p_tb img{max-width: 100%;max-height: 100%;}
.p_tit{height: 40px;line-height: 40px;font-size: 28px;margin: 10px 0 18px;}
.p_des{ -webkit-line-clamp: 2;font-size: 16px;line-height: 28px;height: 56px;color: rgba(102, 102, 102, 1);}
.product ul li:hover .p_tit{color: #357341;}
.product ul li:nth-child(2n) .p_con{order: 1}
.product ul li:nth-child(2n) .p_img{order: 2}
.p_img .swiper-pagination{bottom: 64px;}
.p_img .swiper-pagination span{line-height: 999px;overflow: hidden;box-sizing: border-box;background:#EAEAEA;border-radius: 50%;  opacity: 1 ;border: none; width: 13px;height: 13px;}
.p_img .swiper-pagination-bullet-active{background:#357341 !important;}

/* 业务介绍 */
.ywjs ul li{width: 350px;background:#F5F5F5;margin: 0 75px 20px 0;}
.ywjs ul li:nth-child(3n){margin-right: 0}
.yy_img{width: 350px;height: 234px;}
.yy_img img{width: 100%;height: 100%;}
.yy_con{padding: 15px 15px 40px;}
.yy_con h5{font-size: 28px;color: rgba(102, 102, 102, 1);}
.yy_con p{font-size: 16px;line-height: 28px;color: #666666;}

.hzxs{padding-bottom: 50px;}
.hzxs ul li{width: 376px;margin: 0 36px 36px 0; border: 1px solid rgba(240, 240, 240, 1);padding: 65px 15px 18px;}
.hzxs ul li:nth-child(3n){margin-right: 0}
.hz_img{width: 56px;height: 56px;margin: 0 auto 15px;}
.hz_img img{max-width: 100%;max-height: 100%;}
.hz_con h5{font-size: 28px;}
.hz_con h6{font-size: 16px;line-height: 28px;color: rgba(102, 102, 102, 1);margin: 24px 0 12px;}
.hz_con p{font-size: 14px;color: rgba(153, 153, 153, 1);}

.advantage ul li{width: 100%;height: 362px;background: rgba(245, 245, 245, 1);border: 1px solid rgba(230, 230, 230, 1);margin-bottom: 48px;}
.ys_img{width: 450px;height: 360px;background:#fff}
.ys_img img{width: 100%;height: 100%;}
.ys_con{width: 656px;margin-right: 45px;}
.ys_con h5{font-size: 28px;}
.ys_con .ys_des{font-size: 16px;padding-right: 10px;text-align: justify; line-height: 28px;height: 224px;overflow: auto; margin-top: 25px;}


/*Scrollbar 4*/
#scrollbar3 ::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}
 
#scrollbar3 ::-webkit-scrollbar-track {
    /* background-color: #fff; */
    /* box-shadow: inset 0px 0px 0px 11px #f2f2f3; */
    /* border-radius: 5px; */
}
 
#scrollbar3 ::-webkit-scrollbar-thumb {
    background: #357341;
    border-radius: 10px;
}

#scrollbar3 ::-webkit-scrollbar-corner {
}


/* 线下体验店 */
.experience ul li{width: 920px;margin: 0 auto 50px;background: rgba(245, 245, 245, 1);}
.ty_img{width: 100%;height: 450px;}
.ty_img img{width: 100%;height: 100%;}
.ty_con{width: 100%;padding: 16px 28px 20px;color: rgba(53, 115, 65, 1);font-size: 24px;line-height: 30px;}
.tyl{width: 500px;}
.tyl .tyl12{width: 450px;margin-left: 12px}
.tyr .tyl12{max-width: 250px;margin-left: 12px}

.ty_img .swiper-button-prev{width: 48px;height: 48px; background:url(../images/typ.png) no-repeat center;background-size:100% 100%; left: -94px;top: 0;bottom: 0;margin:auto;}
.ty_img .swiper-button-next{width: 48px;height: 48px; background:url(../images/tyn.png) no-repeat center;background-size:100% 100%; right: -94px;top: 0;bottom: 0;margin:auto;}
.ty_img .swiper-button-next::after,.ty_img .swiper-button-prev::after{display: none}



/* 页码 */
.pagination{margin-top: 50px; clear: both;width:100%;padding:0 0 0;text-align: center; font-size:18px; color:#333;}
.pagination li{ width:40px; height:40px; text-align:center; line-height:40px; display:inline-block; margin:0 3px; background: #ebebeb;}
.pagination li a{width:40px; height:40px; display:block; color:#333;}
.pagination li a:hover{  background:#357341;color: #fff;}
.pagination li.active{ background:#357341 !important;color: #fff;}



/* 上下篇 */
.sxy{margin-top: 50px;font-size: 16px;color: #666}
.sxy div{max-width: 48%; color: #666}
.sxy a:hover{color: #357341}
/* 详情页 */
.article_title{text-align: center;margin-bottom: 30px}
.article_title h2{font-size: 30px;color:#333;font-weight: bold}
.article_title p{font-size: 14px;color:#858585;margin-top: 10px;}
.article_body{white-space:-moz-pre-wrap;word-wrap:break-word;font-size: 18px;line-height: 36px;padding:50px 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.article_body img{max-width:100%;}