@media only screen and (max-width: 768px){
  .c_portalResPublic_codeContainer-01001{
    min-height:500px;
    width:100%;
  }
  .fa_Float{
    display:none;
  }
}
@media only screen and (min-width: 769px){
  .c_portalResPublic_codeContainer-01001{
    min-height:500px;
    width:100%;
  }
  .c_portalResPublic_codeContainer-01001{
    min-height:500px;
    width:100%;
  }
  .fa_Float{
    position:fixed;
    z-index:999;
    right:5px;
    top:30%;
  }
  .fa_Float>*{
    display:block;
    margin-bottom:5px;
    padding:10px;
    height:50px;
    position:relative;
    width:50px;
    border-radius:50%;
    text-align:center;
    cursor: pointer;
    background: var(--color);
  }
  .fa_Float>*:hover{
    background: #006e00;
  }
  .fa_Float_icon {
    color:#fff;
    text-align:center;
    overflow:hidden;
  }
  .fa_Float_icon i{
    font-size:30px;
  }
  .fa_Float_icon p{
    font-size:12px;
    margin-top:5px;
  }
  .fa_Float_info{
    font-size:16px;
    color:#fff;
    overflow:hidden;
    float:left;
    position: absolute;
    right: 55px;
    background: var(--color);
    top:0;
    bottom:0;
    height:50px;
    line-height:50px;
    max-width:0;
    white-space: nowrap;
    font-weight:300;
  }
  .fa_Float>a:hover .fa_Float_info{
    max-width:1000px;
    padding:0 30px;
    border-radius:500px;
  }
  .fa_Float_img{
    position:absolute;
    width:100px;
    left:-120px;
    bottom:0;
    overflow:hidden;
    max-height:0;
    opacity: 0;
  }
  .fa_Float>a:hover .fa_Float_img{
    max-height:200px;
    opacity: 1;
  }
  .fa_Float>a .fa_Float_img img{
    width:100%;
  }
  .fa_Float_qq .fa_Floatqq_info{
    position:absolute;
    top:0;
    right:60px;
    background:#004c9a;
    color:#fff;
    overflow:hidden;
    opacity:0;
    width:150px;
    z-index:-88;
  }
  .fa_Floatqq_info a{
    border-bottom:1px solid rgba(255,255,255,0.5);
    padding:20px ;
    display:block;
  }
  .fa_Floatqq_info a:last-child{
    border:none;
  }
  .fa_Floatqq_info a p{
    color:#fff;
    font-size:14px;
    line-height:30px;
  }
  .fa_Floatqq_info a p:first-child{
    font-size:18px;
  }
  .fa_Float_qq:hover .fa_Floatqq_info{
    opacity:1;
    transform:translateX(00%);
    z-index:2;
  }
}
@media only screen and (max-width: 1024px) and (min-width: 769px){
}
.fa_ani * {
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.fa_ani *:before {
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.fa_ani *:after {
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}
.ce-in-titlebox .ce-in-line{
  width: 42%;
  height:1px;
  background-color:#dcdcdc;
  margin-bottom: 22px;
}
.ce-in-titlebox{
  align-items:center;
}
.ce-in-titlebox h2{
  font-size:36px;
  color:var(--color);
  font-weight:bold;
  text-align: center;
}
.ce-in-titlebox h2 span{
  font-size:14px;
  color:#999;
  display: block;
  text-align: center;
  font-weight: 500;
  margin-top: 13px;
}
.ce-moree{
  width: 110px;
  line-height: 35px;
  background-color:var(--color);
  color:#fff;
  font-size:16px;
  text-align:center;
  display:block;
  margin:0 auto;
  transition:all 0.3s;
  border-radius: 6px;
  margin-right: 0;
}
.subiebox{
  padding:30px 35px;
}
.subbottom{
  margin:20px;
  font-size:18px;
  color:#585c5e;
}
.subtop{
  margin-bottom:25px;
  font-size:30px;
  color:#1365bb;
  font-weight:bold;
}
.subiebox img{
  margin-right:10px;
}
@media only screen and (max-width:768px){
  .ce-moree{
    zoom:0.8;
  }
  .w_tabswitchbox-001 > .layout_1 > div > .e_link-000{
    width:auto!important;
  }
  .w_tabswitchbox-001 .p_relationbtntab .font{
    font-size:14px!important;
    padding: 0 10px;
  }
  .ce-in-titlebox h2{
    font-size:24px;
  }
  .ce-in-titlebox .ce-in-line{
    width:25%;
  }
  .subiebox{
    padding:20px;
  }
  .subtop{
    font-size:20px;
  }
  .subbottom{
    font-size:14px;
  }
  .subiebox img{
    zoom:0.7;
  }
}
.ce-moree:hover{
  background-color: #008700;
  color:#fff;
}
.nav-bottom a{
  font-size:16px;
  color:#333333;
}
.nav-bottom ul{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.nav-bottom li{
  margin:0 13px;
}
.e-imgbox{
  position:relative;
}
.e-imgbox img{
  max-width:100%;
}
.e-imgbox{
  display:block;
}
.e-imgbox .e-imgtext{
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
}
.e-imgbox .e-imgtext p{
  font-size:24px;
  color:#006e00;
  text-align:center;
  width:100%;
}
.e-imgbox .e-imgtext span{
  position:absolute;
  bottom:20px;
  right:25px;
  color: #006e00;
}
.flex-txlc{
  display:flex;
  justify-content: space-between;
  align-items: center;
}
.flex-txlc div{
  font-size:22px;
  color:#333;
  border-left:solid 8px #2e8f95;
}
.flex-txlc a{
  color:#666;
  font-size:16px;
}
@media only screen and (max-width:768px){
  .e-imgtext img{
    max-width:85px;
  }
  .nav-bottom a{
    font-size:14px;
  }
  .nav-bottom li{
    margin:5px;
  }
  .e-imgbox .e-imgtext span{
    font-size:12px;
    bottom:10px;
    right:10px;
  }
}
.fl-kefubox{
  position:fixed;
  top:40%;
  right:20px;
  z-index:99;
}
.fl-kefubox .fl-kflist{
  background-color:#333333;
  text-align:center;
  width:81px;
  height:80px;
  margin-top:5px;
  display: flex;
  align-items: center;
  position:relative;
  transition: all 0.2s;
  cursor: pointer;
}
.fl-kefubox .fl-kflist .fl-hoverbox{width:100%; }

.fl-kefubox .fl-kflist .fl-hoverbox img{max-width: 40px;}
.fl-kefubox .fl-wx{visibility: hidden;}
.fl-kefubox .fl-kflist:hover .fl-wx{opacity:1;visibility: visible;}
.fl-kefubox .fl-kflist:hover .fl-wx img{width:120px;}
.fl-kefubox .fl-text{background-color:#333;padding:20px;}
.fl-kefubox .fl-text a{color:#fff;font-size: 14px;display:block;width: max-content;line-height: 1;}
.fl-kefubox .fl-text a:hover{ color:#2e8f95;}
.fl-wx{position:absolute;right: 84px;opacity:0;}
.fl-kefubox .fl-kflist:hover{
  background-color:#2e8f95;
}
.fl-kefubox .fl-kflist span{
  display:block;
  color:#fff;
  margin-top:5px;
}

@media only screen and (max-width:768px){
  .fl-kefubox{display:none;}
  .flex-txlc div{font-size:18px;border-width:4px;}
  .flex-txlc a{font-size:14px;}
}