/* 
* @Author: sublime text
* @Date:   2021-08-02 16:34:09
* @Last Modified by:   sublime text
* @Last Modified time: 2021-08-11 21:45:31
*/
#banner img{width: 100%;display: block;}

.title{font-size: 0.42rem;color: #333333;text-align: center;padding-top: 1rem;font-weight: bold;height: 0.9rem;position: relative;}
.title span{color: #199d52;}
.title hr{width: 0.85rem;height: 1px;background: #199d52;border:none;outline: none;margin-top: 0.3rem;}
.title p{font-size: 1rem;font-family: "Arial";font-weight: bold;color: #f5f5f5;position: absolute;z-index: -1;text-transform: uppercase;width: 100%;text-align: center;bottom:0.3rem;}



#meiyou .bottom{width: 100%;height: 7rem;background:url(../../images/hehuo/meiyou.jpg)no-repeat center;background-size: cover;margin-top: 0.6rem;} 

#meiyou .bottom .fl{width: 6rem;height: 3.3rem;margin-right: 0.3rem; }
#meiyou .bottom .fl .tit p{font-size: 0.36rem;font-weight: bold;color: #333;padding-top: 0.6rem;}
#meiyou .bottom .fl .tit span{font-size: 0.22rem;font-weight: normal;color: #333;margin: 0.2rem auto 0.3rem;display: block;}
#meiyou .bottom .fl hr{width: 0.4rem;height: 3px;background: #199d52;border:none;outline: none;margin-left: 0;}
#meiyou .bottom .fl .wen{height: 1.8rem;width: 95%;text-align: justify;line-height: 0.25rem;overflow-y:auto;padding-right:5%;font-size:0.14rem;}
#meiyou .bottom .fl .wen p{text-indent:2em;}
#meiyou .bottom .ding{margin-top: 0.5rem;}
#meiyou .bottom .ding li{width: 4rem;height: 0.35rem;line-height: 0.35rem;margin-bottom: 0.5rem;font-size:0.16rem;}
#meiyou .bottom .ding li span{width: 1rem;background: #199d52;display: block;height: 0.3rem;line-height: 0.3rem;float: left;text-align: center;color: #fff;}
#meiyou .bottom .fr{width: 9.9rem;height: 1.8rem;background: #fff;box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1);margin-top: 1.1rem;}
#meiyou .bottom .fr li{width: 3.3rem;float: left;text-align: center;color: #fff;height: 1.8rem;font-size: 0.16rem;}
#meiyou .bottom .fr li p{color: #333;padding-top: 0.3rem;}
#meiyou .bottom .fr li p span{font-size: 0.72rem;font-family: '宋体';padding-right: 0.05rem;}
#meiyou .bottom .fr li.active{background: #199d52;height: 2.2rem;margin-top: -0.2rem;}
#meiyou .bottom .fr li.active p{color: #fff;}

/*二级*/
#erji{width: 100%;height: 0.8rem;line-height: 0.8rem;border-bottom: 1px solid #e6e6e6;}
#erji a{width: 19.8%;float: left;display: block;border-left: 1px solid #e6e6e6;font-size: 0.18rem;color: #999999}
#erji a:last-child{border-right: 1px solid #e6e6e6;}
#erji a .tu{width: 0.33rem;height: 0.29rem;overflow: hidden;float: left;margin-top: 0.25rem;margin-left: 0.7rem;margin-right: 0.2rem;}
#erji a .tu img{width: 100%;display: block;transition:0.5s;}
#erji a.on,#erji a:hover{background: #199d52;color: #fff;}
#erji a.on img,#erji a:hover img{margin-top: -0.29rem;}

#zji .bottom{width: 100%;height: 6.9rem;background: url(../../images/brand/bg01.jpg)no-repeat center;background-size: cover;}
#zji .bottom .fl{width: 8rem;padding-left:0.3rem;padding-top:0.2rem;font-size: 0.15rem;line-height: 0.25rem;margin-left: 2.8rem;text-align: justify;margin-top: 0.45rem;text-indent:2em;}
#zji .bottom .fr a{width: 1.5rem;height: 1.5rem;display: block;margin-top: 0.3rem;margin-right: 0.94rem;}
#zji .bottom .di{text-align: center;color: #fff;margin-top: 0.7rem;}
#zji .bottom .di p{font-size: 0.4rem;font-family: '宋体';text-transform: uppercase;}
#zji .bottom .di hr{width: 0.55rem;height: 2px;background: #fff;outline: none;border:none;margin: 0.4rem auto;}
#zji .bottom .di .wen{font-size: 0.16rem;line-height: 0.38rem;letter-spacing: 0.02rem;}

#laoyin{width:100%;height: 8.2rem;background: url(../../images/brand/bg02.jpg)no-repeat center;}
#laoyin li{width: 3.2rem;height: 4.4rem;float: left;position: relative;margin-right: 0.35rem;margin-top: 1rem;}
#laoyin li:last-child{margin-right: 0;}
#laoyin li .tu img{width: 100%;display: block;}
#laoyin li .biao{width: 0.33rem;height: 1.15rem;background: #199d52;color: #fff;font-size: 0.2rem;font-weight: bold;text-align: center;padding-top: 0.15rem;position: absolute;left: 0;top:0.4rem;z-index: 2;}
#laoyin li:first-child .yin{width: 2.90rem;height: 4.3rem;background: url(../../images/brand/lao11.png)no-repeat center;text-align: center;font-size: 0.2rem;line-height: 0.45rem;font-family: '楷体';color: #fff;position: absolute;top:0px;left:0.18rem;display: none;background-size:cover;}
#laoyin li:nth-child(2) .yin{width: 2.90rem;height: 4.3rem;background: url(../../images/brand/lao22.png)no-repeat center;text-align: center;font-size: 0.2rem;line-height: 0.45rem;font-family: '楷体';color: #fff;position: absolute;top:0px;left:0.18rem;display: none;background-size:cover;}
#laoyin li:nth-child(3) .yin{width: 2.90rem;height: 4.3rem;background: url(../../images/brand/lao33.png)no-repeat center;text-align: center;font-size: 0.2rem;line-height: 0.45rem;font-family: '楷体';color: #fff;position: absolute;top:0px;left:0.18rem;display: none;background-size:cover;}
#laoyin li:last-child .yin{width: 2.90rem;height: 4.3rem;background: url(../../images/brand/lao44.png)no-repeat center;text-align: center;font-size: 0.2rem;line-height: 0.45rem;font-family: '楷体';color: #fff;position: absolute;top:0px;left:0.18rem;display: none;background-size:cover;}




#laoyin li .yin p{padding-top: 0.8rem;}
#laoyin li:hover .yin{display: block;}
#laoyin li:hover{margin-top: 0.7rem;}
#laoyin li:hover .biao{background: #0066e4;}

/*特色*/
#tese li{width: 24%;height: 2.6rem;float: left;margin-right: 1.33%;position: relative;margin-top: 0.5rem;}
#tese li:last-child{margin-right: 0;}
#tese li .tu{width: 4.6rem;height: 2.6rem;overflow: hidden;}
#tese li .tu img{width: 100%;display: block;transition:0s;}
#tese li .fl{position: absolute;left: 0.4rem;top:1.3rem;font-size: 0.10rem;color: #999999;text-transform: uppercase;line-height: 0.25rem;}
#tese li .fl .ico{width: 0.44rem;height: 0.44rem;overflow: hidden;margin-bottom: 0.2rem;}
#tese li .fl .ico img{width: 100%;display: block;}
#tese li .fl p{font-size: 0.22rem;color: #333;}
#tese li .fr{font-size: 0.42rem;color: #199d52;font-weight: bold;position: absolute;right: 0.3rem;top:0.25rem;}
#tese li:hover .tu img{margin-top: -2.6rem;}
#tese li:hover .fl .ico img{margin-top: -0.44rem;}
#tese li:hover .fr,#tese li:hover .fl,#tese li:hover .fl p{color: #fff;}

#wenhua .bottom{width: 100%;height: 6rem;background: url(../../images/brand/wenhua.jpg)no-repeat center;background-size: cover;margin-top: 0.5rem;}
#wenhua .bottom li{color: #fff;font-size: 0.18rem;line-height: 0.4rem;padding-top: 0.5rem;padding-left: 1.5rem;}
#wenhua .bottom li:first-child{padding-top: 1.3rem;}
#wenhua .bottom li p{font-size: 0.24rem;font-weight: bold;}




.dialog-header{display: none;}
.dialog-background {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 990;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000,endColorstr=#88000000); }

.dialog-section {
  opacity: 0;
  filter: alpha(opacity=0);
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 999;
  padding: 0;
  margin: 0;
  background-color: #FFF;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); }

.dialog-body,
.dialog-imagelist {
  box-sizing: content-box;
  z-index: 1;
  min-width: 10rem;
  height: 100%;
  padding: 32px;
  margin: 0;
  overflow: hidden; }
  .dialog-body.withNoPadding,
  .dialog-imagelist.withNoPadding {
    padding: 0; }
  .dialog-body.withNoMinWidth,
  .dialog-imagelist.withNoMinWidth {
    min-width: auto;
    min-width: 0; }

.customClass video{width:100%;}