/* LeleCMS bridge fixes layered after the preserved RGBCMS theme. */
#Top .head > .container{position:relative}
.jh-mobile-menu-button{display:none;border:0;background:transparent;padding:0;width:32px;height:28px}
.jh-mobile-menu-button span{display:block;height:2px;margin:7px 0;background:#eb3c00;transition:.2s}
.jh-mobile-menu-button.active span:nth-child(1){transform:translateY(9px) rotate(45deg)}
.jh-mobile-menu-button.active span:nth-child(2){opacity:0}
.jh-mobile-menu-button.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}
#Top .language{display:flex;align-items:center;gap:0;white-space:nowrap}
#Top .language a,#Top .language .en{display:inline-block;width:75px;height:24px}
#Top .language .cn{background:url(/static/123.png) 0 3px no-repeat}
#Top .language .en{background:url(/static/123.png) 0 -17px no-repeat;cursor:not-allowed}
#Top .jh-mobile-language{display:none}
.jh-mobile-tools{display:none}
.edit_con_original img,.newsDet .cont img,.PorDet .cont1 img{max-width:100%;height:auto!important}
.sitemap li{padding:18px 0;border-bottom:1px dashed #ddd}
.sitemap li>a:first-child{font-size:18px;font-weight:bold;margin-right:24px}
.sitemap .a2{display:inline-block;margin:4px 18px 4px 0;color:#666}
#Content4 .hAboutC .img .paly{cursor:pointer}
#Content4 .videoP .cont .colse{border:0;padding:0;cursor:pointer;font-family:Arial,sans-serif}
body.jh-video-open{overflow:hidden}
#Down .pz_down .footD{display:flex;align-items:center;justify-content:space-between;gap:16px}
#Down .pz_down .Copyright{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;color:rgba(255,255,255,.6);font-size:12px;line-height:22px;text-transform:none}
#Down .pz_down .Copyright a{display:inline-flex;align-items:center;color:rgba(255,255,255,.6);font-size:inherit;line-height:inherit}
#Down .pz_down .Copyright img{display:inline-block;flex:0 0 auto;object-fit:contain;vertical-align:middle}
#Down .pz_down .Copyright .public-security{display:inline-flex;align-items:center;gap:5px}
#Down .pz_down .footMap{flex:0 0 auto;white-space:nowrap}
/* The legacy Razor views used explicit responsive spacer nodes between page
   sections. Preserve their visual rhythm in PHP views that share one template. */
#Content8,#Content9,#Content10,#Content12,#Content13,
#List2,#List3,#List4,#List5,#Pagination,#Subpage2,#Subpage3{
  clear:both;
  float:left;
  width:100%;
}
#Content8{padding-top:75px}
#Content9{padding-top:75px}
#Content10{padding-top:70px;padding-bottom:100px}
#Content12{padding-top:93px}
#Content13{padding-bottom:80px}
#List2{padding-top:55px;padding-bottom:60px}
#List2 .hFoodC .ul1{display:flex;flex-wrap:wrap;align-items:flex-start}
#List2 .hFoodC .li{float:none}
#List2 .hFoodC .img{aspect-ratio:15/11;overflow:hidden}
#List2 .hFoodC .img img{display:block;width:100%;height:100%;object-fit:cover}
#List3{padding-top:75px;padding-bottom:60px}
#List4{padding-top:30px;padding-bottom:60px}
#List5{padding-top:50px;padding-bottom:60px}
#Pagination{padding-bottom:60px}
#Pagination .wack1{display:flex;justify-content:center;width:100%;text-align:center}
#Pagination .wack1 .pz_fy{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
  max-width:100%;
}
#Pagination .wack1 .pz_fy>a,
#Pagination .wack1 .pz_fy>span{
  display:inline-flex;
  float:none;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  width:auto;
  min-width:40px;
  height:40px;
  margin:0;
  padding:0 12px;
  border:1px solid #e1e1e1;
  background:#fff;
  color:#272727;
  font-size:14px;
  line-height:1;
  text-decoration:none;
  white-space:nowrap;
}
#Pagination .wack1 .pz_fy>a:hover,
#Pagination .wack1 .pz_fy>.current-page{
  border-color:#eb3c00;
  background:#eb3c00;
  color:#fff;
}
#Pagination .wack1 .pz_fy>.prev-page,
#Pagination .wack1 .pz_fy>.next-page{min-width:84px}
#Pagination .wack1 .pz_fy>span.prev-page,
#Pagination .wack1 .pz_fy>span.next-page{
  background:#f7f7f7;
  color:#999;
  cursor:not-allowed;
}
#Subpage2{padding-top:80px;padding-bottom:80px}
#Subpage3{padding-top:56px;padding-bottom:80px}
@media screen and (min-width:993px){
  #Top .menu .nli:hover>.sub,
  #Top .menu .nli:focus-within>.sub{display:block!important}
  #Top .menuBg:has(.jh-product-nav:hover)>.menuSub,
  #Top .menuBg:has(.jh-product-nav:focus-within)>.menuSub,
  #Top .menuBg>.menuSub:hover{display:block!important}
}
@media screen and (max-width:992px){
  .jh-mobile-menu-button{display:block;position:absolute;right:15px;top:18px;z-index:80}
  #Top .head{min-height:64px}
  #Top .head .logo{margin-left:0}
  #Top .jh-desktop-language{display:none}
  .jh-mobile-tools{display:block;padding-top:6px;padding-bottom:20px}
  #Top .jh-mobile-language{display:flex;float:none;clear:both;width:150px;height:24px;margin:8px auto 0;justify-content:center;text-align:left}
  #Top .jh-mobile-language .cn{background-image:url(/static/123en.png)}
  #Top .jh-mobile-language .en{background-image:url(/static/123en.png)}
  #Top .xialaph{padding-top:66px}
  #Content8,#Content9,#Content10{padding-top:25px}
  #Content10{padding-bottom:30px}
  #Content12{padding-top:30px}
  #Content13{padding-bottom:30px}
  #List2{padding-top:20px;padding-bottom:25px}
  #List3{padding-top:20px;padding-bottom:30px}
  #List4{padding-top:13px;padding-bottom:30px}
  #List5{padding-top:18px;padding-bottom:30px}
  #Pagination{padding-bottom:30px}
  #Subpage2{padding-top:30px;padding-bottom:30px}
  #Subpage3{padding-top:20px;padding-bottom:30px}
}
@media screen and (max-width:767px){
  body{padding-bottom:50px}
  #Top .xialaph .soB{margin:15px 0}
  #Pagination .wack1 .pz_fy{gap:6px}
  #Pagination .wack1 .pz_fy>a,
  #Pagination .wack1 .pz_fy>span{min-width:36px;height:36px;padding:0 9px;font-size:13px}
  #Pagination .wack1 .pz_fy>.prev-page,
  #Pagination .wack1 .pz_fy>.next-page{min-width:70px}
  #Down .pz_down .footD{flex-direction:column;gap:4px;text-align:center}
  #Down .pz_down .Copyright{justify-content:center}
}