#easy_zoom{width:400px  !important; height:400px  !important;}


.gy{font-size: 36px;margin: auto;width: 80%;line-height: 30px;color: #ffffff;font-weight: 100;}
.jmoreb{transition: all 0.3s !important;margin: auto;width: 374px;pointer-events: auto;}
.jmore4{transition: all 0.3s !important;font-size: 15px;/* float:left; */margin-top: 10px;line-height: 20px;font-weight: 700;padding: 10px;text-align:center;margin: auto;width: 165px;border: #fff 2px solid;color:#fff;}

.jmore{transition: all 0.3s !important;font-size: 15px;float:left;margin-top: 70px;line-height: 20px;font-weight: 700;padding: 12px;text-align:center;width: 177px;border: #46a142 2px solid;color: #46a142;}
.jmore:hover{transition: all 0.3s !important;font-size: 15px;float:left;line-height: 20px;font-weight: 700;padding: 12px;text-align:center;width: 177px;border: #ffffff 2px solid;color:#ffffff;}
.jmore2{transition: all 0.3s !important;font-size: 15px;float:left;margin-top: 70px;margin-left: 20px;line-height: 20px;font-weight: 700;padding: 12px;text-align:center;width: 177px;border: #46a142 2px solid;background-color: #46a142;color:#fff;}
.jmore2:hover{transition: all 0.3s !important;font-size: 15px;float:left;margin-left: 20px;line-height: 20px;font-weight: 700;padding: 12px;text-align:center;width: 177px;border: #ffffff 2px solid;background-color: #ffffff;color:#46a142;}
.jmore3{transition: all 0.3s !important;font-size: 15px;margin:auto;margin-top: 40px;line-height: 20px;font-weight: 700;padding: 12px;text-align:center;width: 177px;border: #fff 2px solid;color:#fff;}
.jmore3:hover{transition: all 0.3s !important;font-size: 15px;margin:auto;margin-top: 40px;line-height: 20px;font-weight: 700;padding: 12px;text-align:center;width: 177px;border: #46a142 2px solid;color:#46a142;}
.ff1{
   
    line-height: 110px;
    font-family: 'Poppins';
    font-size: 80px;
    color: #fff;
    font-weight: 700;
    text-align:center;

}
.ff1 span{
  
     transition: all 2s ease .5s;
    transform: translateY(0);
    opacity: 1;
}

.spbg{
    position: absolute !important;
    top: 0% !important;
    background-color: rgba(0, 0, 0, 0.34);
    height: 1999px;
    left: 0px !important;
    width: 100%;
    z-index: 1;
    right: auto;
}
#w_common_text-1588122603699{overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.lantern {
    margin-left: 0px!important;
    margin-right: 0px!important;
}

.c_portalResnav_main-01001013 .btn{
  display:block;
  width:80px;
  height:90px;
  line-height:90px;
  text-align:center;
  font-size: 30px;
  color:#fff;
  background-color: #46a142 !important;
  border-radius:0%;
  padding:0px;
  position:relative;
  z-index:1000;
}
#c_portalResPublic_codeContainer-15759399302949327 .amap-copyright, .amap-logo {
    position: absolute;
    bottom: 1px;
    left: 1px;
    z-index: 0  !important;
    height: 20px;
    margin: 0 1px;
}
#w_common_text-1592355744192 {
    width: 100% !important;
    max-width: none;
    min-width: 0px;
    height: 90px;
    max-height: none;
    min-height: 90px;
    margin-top: 20%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    position: absolute;
    top: 40px !important;
    left: 0px;
    z-index: 1;
    bottom: auto;
    right: auto;pointer-events:none;
}

.btn[disabled], .btn.unavailable, fieldset[disabled] .btn {
    background: #f8f8f8 !important;
    border-color: #46a142 !important;
    opacity: 1;
    cursor: pointer;
    background-color: #46a142 !important;
    font-size: 22px;
    color: #ffffff !important;
}
#c_portalResnav_main-15912488014134314{position: absolute;z-index: 9999999999999999 !important;right:0px !important;margin: 0px !important;top:0px !important;}
h1 {

}
.ft{ font: 800 100%/100% "Gotham SSm A","Gotham SSm B",sans-serif !important;}
body{overflow-x:hidden !important;  font-family:Microsoft YaHei !important;color: #333; }
p{word-break: normal; font-family:Microsoft YaHei !important; }
div{word-break: normal;}

h3{font-family:Microsoft YaHei !important;}


a{
 text-decoration:none;
 /* font-family: 'Poppins' !important; */
 }
a:hover,a:active{text-decoration:none; color:#46a142;}
a:focus{text-decoration:none;}

.reset_style a, .resetHtmlCssStyle .reset_style a {
    text-decoration: none!important;
    color: #46a142;
}
.reset_style a:hover, .resetHtmlCssStyle .reset_style a:hover {
    text-decoration: none!important;
  color:#46a142;
}
.header1:hover .bq{background: url(/img/net2.png) no-repeat left center;}

.header1:hover  a{color:#ffffff;}
.header1:hover .bq2 {color:#f2f2f2 !important;}
#c_portalResnav_main-15616909979498496 .bq {
  width: 160px;
  height: 30px;
  top: 30px;
  right: 80px;
  padding-top: 5px;
  padding-left: 50px;
  background: url(/img/net2.png) no-repeat left center;
  font-size: 14px;
  color: #fff;
  position: absolute;
  margin-top: 0px;
  overflow: hidden;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.bq{
    width: 160px;
    height: 30px;
    top: 28px;
    right: 145px;
    padding-top: 5px;
    padding-left: 50px;
    background: url(/img/net2.png) no-repeat left center;
    font-size: 14px;
    color: #fff;
    position: absolute;
    margin-top: 0px;
    overflow: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.bq2{
    width: 350px;
    /* height: 30px; */
    top: 36px;
    right: 100px;
    text-align:right;
    padding-top:10px;
    /* padding-left: 50px; */
    font-size: 14px;
    color: #fff;
    position: absolute;
    margin-top: 0px;
    overflow: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.active .header-right {
    width: 80px;
    position: absolute;
    right: 0px !important;
    top: 0px;
    z-index: 10;
}
.active .bq{background: url(/img/net2.png) no-repeat left center;color: #fff;right: 100px;}
.bq a{color:#fff;}
.active .bq  a{color: #ffffff;}
.active .bq2  {color: #ffffff !important;}
.active .fr  {display:block !important;}
#w_grid-1575431218188 span {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3px;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
#w_grid-1575431231610 span {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3px;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
#w_grid-1575431239915 span {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3px;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
#c_portalResnav_main-15840011431947638 {z-index: 9999999 !important;height: 90px;position: fixed !important;top: 0px !important;width: 100%;box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px 0px;background: rgba(255, 255, 255, 0);border-bottom: 1px solid rgba(255, 255, 255, 0.1);/* padding: 0px 30px; */transition: all 0.5s ease 0s;}

#w_grid-1561772244828 .reset_style a, .resetHtmlCssStyle .reset_style a {
    text-decoration: none!important;
  color:#fff;
}
#w_grid-1561772244828 .reset_style a:hover, .resetHtmlCssStyle .reset_style a:hover {
    text-decoration: none!important;
  color:#46a142;
}
#w_grid-1572231285185 .reset_style a, .resetHtmlCssStyle .reset_style a {
    text-decoration: none!important;
  color:#fff;
}
#w_grid-1572231285185 .reset_style a:hover, .resetHtmlCssStyle .reset_style a:hover {
    text-decoration: none!important;
  color:#46a142;
}
#w_grid-1561700641913 .reset_style a, .resetHtmlCssStyle .reset_style a {
    text-decoration: none!important;
  color:#333;
}
#w_grid-1561700641913 .reset_style a:hover, .resetHtmlCssStyle .reset_style a:hover {
    text-decoration: none!important;
  color:#46a142;
}
/* page */
  
@media only screen and (min-width: 769px) {
  .p_page .pre {
    display: inline-table;
    position: relative;
    left: 0;
    top: 0;
    float: left;
    height: 38px;
    margin: 0 5px 0 18px;
    text-align: center;
    padding: 0 10px;
    border-radius: 0px;
    border: 1px solid #fff;
    background: #fff;
    color: #333333;
  }

  .p_page .pre:active {
    background: #a01c31;
    border-color: #a01c31;
    color: #fff;
  }

  .p_page .pre:hover {
    color: #fff;
    background: #a01c31;
    border-color: #a01c31;
    cursor: pointer;
  }

  .p_page .next {
    display: inline-table;
    position: relative;
    left: 0;
    top: 0;
    float: left;
    height: 38px;
    border: 1px solid #fff;
    background: #fff;
    color: #333;
    text-align: center;
    padding: 0 10px;
    border-radius: 0px;
  }

  .p_page .next:active {
    background: #f24f00;
    border-color: #f24f00;
    color: #fff;
  }

  .p_page .next:hover {
    background: #f24f00;
    border-color: #f24f00;
    color: #fff;
    cursor: pointer;
  }

  .p_page .pageNum {
    position: relative;
    float: left;
    height: 38px;
    min-width: 38px;
    margin: 0 5px 0 0;
    padding: 0 5px;
    background-size: 100% 100%;
    color: #595959;
    border: 1px solid #fff;
    cursor: pointer;
    line-height: 38px;
    display: inline-block;
    font-family: inherit;
    font-size: 14px;
    font-weight: inherit;
    text-decoration: none;
    background-color: #fff;
    text-align: center;
    border-radius: 0px;
  }

  .p_page .pageNum:active {
    color: #fff;
    text-decoration: none;
    background-color: #f24f00;
    border-color: #f24f00;
  }

  .p_page .pageNum:hover {
    color: #fff;
    border-color: #f24f00;
    cursor: pointer;
    text-decoration: none;
    background-color: #f24f00;
  }
  .p_page .pageNum.active {
    text-decoration: none;
    background-color: #f24f00;
    color: #fff;
    border-color: #f24f00;
}

}
@media screen and (max-width: 1400px) {
  #w_grid-1591858660615 {
    width: 100%;
    max-width: 900px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 350px!important;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
#c_portalResNews_list-15839967055805761 .porTbox{
  position:relative;
  overflow:hidden;
  width:100%;
  height:190px  !important;
}
}
@media screen and (max-width: 768px) {
  body{overflow-x:auto !important;   }
  #w_fimg-1564128499982 {
    width: 100%;
    max-width: 180px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 10px !important;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
  #c_portalResPublic_codeContainer-15759399302949327 .amap-copyright, .amap-logo {
    position: absolute;
    bottom: 1px;
    left: 1px;
    z-index: 0  !important;
    height: 20px;
    margin: 0 1px;
}
  #w_grid-1591863062847 {
    width: auto;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 20px;
    padding-left: 20px !important;
    padding-right: 20px;
    padding-bottom: 20px;
}
  #w_grid-1591863062836 > div > .p_gridbox {
    background: url(/img/ag2.jpg) #000 left top no-repeat !important;
}
  #c_portalResProduct_detail-15918573644238423 {
    width: 100%;
    max-width: 100%;
    min-width: 250px;
    height: 100%;
    max-height: 100%;
    min-height: 0px;
    margin-top: 30px;
    margin-left: 0px  !important;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
  #w_grid-1591858660615 {
    width: 100%;
    max-width: 900px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 200px!important;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
  #w_grid-1591845080989 > div > .p_gridbox {
    background-image: url(/img/mcf.jpg)!important;
}
  #w_grid-1588128877534 > div > .p_gridbox {
    background-image: url(/img/scm.jpg) !important;
}
  #w_grid-1588122603688 {
    width: 100% !important;
    max-width: 866px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 123px;
    margin-top: 10%;
    margin-left: auto;
    margin-right: 0px !important;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
  #w_fimg-1591276199820 {

    display: none;
 
}
  #c_portalResnav_main-15912488014134314 {
    position: fixed!important;
    z-index: 9999999999999999 !important;
    right: 0px !important;
    margin: 0px !important;
    top: 0px !important;
}
  .c_portalResFriendlink_list-01001 .p_title .font{
  text-align: center !important;}
  .c_portalResFriendlink_list-01001 .p_title{
      margin-top: 20 px !important;}
  #c_portalResFriendlink_list-15723192098576786 .p_articles{
      width: calc((100% - 85px)/2) !important;}
  #w_grid-1564126978309{
  min-height: 120px !important;}
  #w_grid-1572247780613 > div > .p_gridbox > .p_gridCell:nth-child(n+1){
      padding-left: 0px !important;
  }
  #w_common_text-1564110165163{
        margin-top: 0px !important;
  }
  #w_grid-1572247780516 > div > .p_gridbox{
    margin-bottom: 0px !important;
  }
  #w_grid-1564123850507{
    display: none !important;
  }

  .p_pagebox .NumBox {
    display: none !important;
  }

  .p_pagebox {
    width: 100%;
    text-align: center;
  }

    .p_pagebox .js_pageBtnDisable,
    .p_pagebox .js_pageBtnDisable:hover,
    .p_pagebox .js_pageBtnDisable:active {
        background: #f5f5f5 !important;
    border-color: #d9d9d9 !important;
    color: #bfbfbf !important;
        cursor: default;	
    }
    .p_pagebox .js_pageBtnDisable .iconfont {color: #ddd !important;}
    .p_pagebox .js_pageBtnDisable:hover .iconfont {color: #bfbfbf !important;}

  .p_pagebox .pre {
    width: 48%;
    margin-right:2%;
    background-color: #f24f00;
  }
  .p_pagebox .pre:hover {
    color: rgba(255, 255, 255, 1);
    border-color: #f24f00;
    background-color: #f24f00;
    cursor: pointer;
}
.p_pagebox .pre:active {
  background-color: #f24f00;
}
  .p_pagebox .next {
    width: 48%;
    margin-left:2%;
    background-color: #f24f00;
  }
  .p_pagebox .next:hover {
    background-color: #f24f00;
}
.p_pagebox .next:active {
  background-color: #f24f00;
}

}

/* scrollbar css */
/* width */
::-webkit-scrollbar {
  width: 5px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #f7f7f7;
  border-radius: 0px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #999;
  border-radius: 0px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #46a142;
}

/* lv animation */
@keyframes wSkewIn {
  from {
    transform: skew(0deg, 10deg) translateY(50px);
    opacity: 0;
  }

  to {
    transform: skew(0deg, 0deg) translateY(0px);
    opacity: 1;
  }
}

@keyframes wSkewOut {
  from {
    transform: skew(0deg, 0deg) translateY(0px);
    opacity: 1;
  }

  to {
    transform: skew(0deg, 10deg) translateY(50px);
    opacity: 0;
  }
}