.e_FlowCommonStyleBox-001 {
     width: 100%;
     height: auto;
     width-uint: %;
 }

 .e_FlowCommonStyleBox-001 .stylebox_link {
     color: #666666;
     font-size: 14px;
     display: table;
     height: inherit;
     border-width: 0;
     float: right;
     vertical-align: middle;
     margin-right: 15px;
 }

 .e_FlowCommonStyleBox-001 .stylebox_link:hover {
     color: rgba(101, 190, 186, 1);
 }

 .e_FlowCommonStyleBox-001 .stylebox_link:active {
     color: rgba(101, 190, 186, 1);
 }

 .e_FlowCommonStyleBox-001 .stylebox_top {
     width: auto;
     height: 40px;
     background-color: #1890FF;
 }

 .e_FlowCommonStyleBox-001 .title_icon {
     display: inline-block;
     vertical-align: middle;
     line-height: 40px;
     color: rgba(255, 255, 255, 1);
     margin-right: 10px;
     font-size: medium;
 }

 .e_FlowCommonStyleBox-001 .title_icon::before {
     content: "";
 }

 .e_FlowCommonStyleBox-001 .title_main {
     display: inline-block;
     vertical-align: middle;
     line-height: 40px;
     color: rgba(255, 255, 255, 1);
     font-weight: normal;
     font-size: 16px;
     max-width: 600px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }

 .e_FlowCommonStyleBox-001 .title_sub {
     display: inline-block;
     vertical-align: middle;
     line-height: 40px;
     color: rgba(255, 255, 255, 1);
     font-size: 14px;
     font-weight: normal;
     margin-left: 10px;
 }

 .e_FlowCommonStyleBox-001 .stylebox_title {
     display: inline-block;
     width: auto;
     height: inherit;
     background-color: #1890FF;
     padding-left: 15px;
     padding-right: 15px;
     font-size: 0;
     vertical-align: bottom;
     white-space: nowrap;
 }

 .e_FlowCommonStyleBox-001 .stylebox_link a {
     color: inherit;
     display: table-cell;
     vertical-align: middle;
 }

 .e_FlowCommonStyleBox-001 .link_icon {
     display: inline-block;
     margin-left: 5px;
 }

 .e_FlowCommonStyleBox-001 .link_icon::before {
     content: '\e6af';
 }

 .e_FlowCommonStyleBox-001 .stylebox_top_line {
     height: 1px;
     background-color: rgba(240, 240, 240, 1);
 }

 .e_FlowCommonStyleBox-001 .stylebox_content {
     border-style: solid;
     border-width: 1px;
     border-color: #f0f0f0;
     width: 100%;
     width-uint: %;
 }

 .e_FlowCommonStyleBox-001 .stylebox_bottom_line {
     height: 1px;
     background-color: rgba(240, 240, 240, 1);
 }

 .w_grid-000 {
     margin-left: auto;
     margin-right: auto;
     min-height: 12rem;
     width: 100%;
 }

 .w_grid-000>.w_grid {
     width: 100%;
     position: relative;
 }

 .w_grid-000>div>.p_gridbox {
     width: 100%;
     overflow: hidden;
     position: static;
 }

 .w_grid-000>div>div>.p_gridCell {
     float: left;
     position: static;
 }

 .w_grid-000>div>div>.p_gridCell:not(:empty):before {
     content: '';
     height: 0px;
     display: block;
 }

 .w_grid-000>.w_grid.signal {
     min-height: inherit;
 }

 .w_grid-000>.w_grid.signal>.p_gridbox {
     min-height: inherit;
 }

 .w_grid-000>.w_grid.signal>.p_gridbox>.p_gridCell {
     min-height: inherit;
 }

 .w_grid-000>div>.p_gridbox>.p_gridCell:first-child {
     margin-left: 0;
     clear: left;
 }

 #w_grid-000>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0;
     clear: left;
 }

 @media only screen and (max-width: 768px) {
     .w_grid-000>div>.p_gridbox>.p_gridCell {
         width: 100%;
         margin-left: 0;
         margin-top: 0rem;
         margin-bottom: 0rem;
     }
 }

 @media only screen and (min-width: 769px) {
     .w_grid-000>div>.p_gridbox>.p_gridCell:first-child {
         width: 100%;
         margin-left: 0;
         margin-top: 0rem;
         margin-bottom: 0rem;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {}

 .sy-title {
     padding-left: 24px;
     border-left: 4px solid #107b69;
 }

 .sy-title h2 {
     font-size: 35px;
     color: #333;
     line-height: 35px;
     font-weight: bold;
 }

 .sy-title h3 {
     font-size: 14px;
     color: #808080;
     line-height: 9px;
     margin-top: 10px;
     font-family: pop;
 }

 @media screen and (max-width: 768px) {}

 .ny-title {
     padding-bottom: 10px;
     border-bottom: 1px solid #ccc;
     text-align: center;
 }

 .ny-title dt {
     font-size: 36px;
     color: #333;
     line-height: 36px;
     margin-bottom: 4px;
 }

 .ny-title dd {
     font-size: 16px;
     color: #666;
     font-family: "pop";
 }

 @media screen and (max-width: 768px) {
     .ny-title dt {
         font-size: 30px;
         line-height: 30px;
         margin-bottom: 6px;
     }
 }

 .ny-ban {
     position: relative;
     overflow: hidden;
 }

 .ny-ban img {
     width: 100%;
     height: auto;
 }

 .ny-ban .banPic2 {
     display: none;
 }

 .ban-col {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     text-align: center;
     color: #fff;
     width: 90%;
 }

 .ban-col h2 {
     font-size: 36px;
     line-height: 36px;
     margin-bottom: 10px;
 }

 .ban-col h3 {
     font-size: 20px;
     font-family: "pop";
 }

 @media only screen and (max-width: 1200px) and (min-width: 769px) {
     .ban-col h2 {
         font-size: 36px;
         margin-bottom: 10px;
     }
 }

 @media only screen and (max-width: 768px) {
     .ny-ban .banPic1 {
         display: none;
     }

     .ny-ban .banPic2 {
         display: block;
     }

     .ban-col {
         top: 50%;
         transform: translate(-50%, -50%);
     }

     .ban-col h2 {
         font-size: 28px;
         margin-bottom: 5px;
         line-height: 28px;
     }

     .ban-col h3 {
         font-size: 18px;
     }
 }

 .c_portalResPublic_codeContainer-01001008 .about-col {
     border-top: 1px solid rgba(255, 255, 255, 0.2);
 }

 .c_portalResPublic_codeContainer-01001008 .about-col li {
     float: left;
     width: 20%;
     padding: 50px 0;
     text-align: center;
     position: relative;
     z-index: 0;
     border-right: 1px solid rgba(255, 255, 255, 0.2);
 }

 .c_portalResPublic_codeContainer-01001008 .about-col li:last-child {
     border-right: none;
 }

 .c_portalResPublic_codeContainer-01001008 .about-col li:before {
     content: "";
     width: 0%;
     height: 100%;
     position: absolute;
     right: 0;
     top: 0;
     background: #107b69;
     z-index: -1;
     transition: all 0.3s;
 }

 .c_portalResPublic_codeContainer-01001008 .about-col li img {
     display: block;
     margin: auto;
 }

 .c_portalResPublic_codeContainer-01001008 .about-col li h2 {
     font-size: 24px;
     line-height: 24px;
     color: #fff;
     margin: 40px 0 10px;
     transition: all 0.3s;
 }

 .c_portalResPublic_codeContainer-01001008 .about-col li h3 {
     font-size: 16px;
     line-height: 16px;
     color: #fff;
     opacity: 0.6;
     font-family: pop;
     transition: all 0.3s;
 }

 .c_portalResPublic_codeContainer-01001008 .about-col li:hover:before {
     left: 0;
     width: 100%;
 }

 .c_portalResPublic_codeContainer-01001008 .about-col li:hover img {
     animation: jitter 0.5s;
 }

 .c_portalResPublic_codeContainer-01001008 .about-col li:hover h2 {
     color: #fff;
 }

 .c_portalResPublic_codeContainer-01001008 .about-col li:hover h3 {
     color: rgba(255, 255, 255, 0.6);
 }

 @media only screen and (max-width: 768px) {
     .c_portalResPublic_codeContainer-01001008 .about-col li h2 {
         font-size: 14px;
         line-height: 14px;
         margin: 16px 0 0px;
     }

     .c_portalResPublic_codeContainer-01001008 .about-col li h3 {
         display: none;
     }

     .c_portalResPublic_codeContainer-01001008 .about-col li {
         padding: 20px 0 0;
     }

     .c_portalResPublic_codeContainer-01001008 .about-col li:before {
         display: none;
     }

     .c_portalResPublic_codeContainer-01001008 .about-col li:nth-child(1):hover i {
         background: url(/img/aboutIcon1.png?tenantId=232631&viewType=1&v=1629969517000) no-repeat center bottom;
     }

     .c_portalResPublic_codeContainer-01001008 .about-col li:nth-child(2):hover i {
         background: url(/img/aboutIcon2.png?tenantId=232631&viewType=1&v=1629969517000) no-repeat center bottom;
     }

     .c_portalResPublic_codeContainer-01001008 .about-col li:nth-child(3):hover i {
         background: url(/img/aboutIcon3.png?tenantId=232631&viewType=1&v=1629969517000) no-repeat center bottom;
     }

     .c_portalResPublic_codeContainer-01001008 .about-col li:nth-child(4):hover i {
         background: url(/img/aboutIcon4.png?tenantId=232631&viewType=1&v=1629969517000) no-repeat center bottom;
     }

     .c_portalResPublic_codeContainer-01001008 .about-col li:nth-child(5):hover i {
         background: url(/img/aboutIcon5.png?tenantId=232631&viewType=1&v=1629969517000) no-repeat center bottom;
     }

     .c_portalResPublic_codeContainer-01001008 .about-col li:hover h2 {
         color: #4464b9;
     }
 }

 .categrayBox1 {
     display: flex;
     flex-direction: column;
     width: 100%;
     justify-content: center;
 }

 .categrayBox1 ul {
     width: 100%;
     height: 100%;
 }

 .categrayBox1 li {
     display: inline-block;
     float: left;
 }

 .categrayBox1 li a {
     padding: 0 20px;
     font-size: 14px;
     line-height: 60px;
     display: inline-block;
     transition: all ease .3s;
 }

 .categrayBox1 li a:hover,
 .categrayBox1 li a:active {
     color: #fff;
     background: #333333;
 }

 @media screen and (max-width:768px) {
     .categrayBox1 li a {
         line-height: 40px;
         background: #fff;
         margin: 0 10px 10px 10px !important;
     }

     .categrayBox1 ul {
         padding: 10px 0;
     }

     .categrayBox1 li {
         margin-right: 5px;
     }
 }

 @CHARSET "UTF-8";

 * {
     padding: 0;
     margin: 0;
 }

 .pagebox {
     width: 100%;
 }

 .pagebox,
 #-remove--flag {}

 body,
 #-remove--flag {}

 @media only screen and (max-width: 1024px) and (min-width: 769px) {}

 @media only screen and (max-width: 1024px) and (min-width: 769px) {}

 @media only screen and (max-width: 1024px) and (min-width: 769px) {}

 #c_portalResIntro_category-1616758445604 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #c_portalResIntro_category-1616758445604>div {
     animation-fill-mode: both;
 }

 #c_portalResIntro_category-1616758445604 {
     width: auto;
     max-width: 1360px;
     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: 0px;
     padding-left: 15px;
     padding-right: 15px;
     padding-bottom: 0px;
 }

 #c_portalResPublic_codeContainer-16167614518074893 {
     width: auto;
     max-width: none;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_grid-1616758445564>div>.p_gridbox {
     background-image: url(/img/banner_tea1.jpg?tenantId=232631&viewType=1&v=1629969517000);
 }

 #w_grid-1616758445564 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #w_grid-1616758445564>div {
     animation-fill-mode: both;
 }

 #w_grid-1616758445564>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0px;
     clear: left;
 }

 @media only screen and (min-width: 769px) {
     #w_grid-1616758445564>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
         margin-left: 0px;
     }

     #w_grid-1616758445564>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
         width: 100%;
         margin-left: 0px;
         margin-right: 0px;
         clear: none;
     }

     #w_grid-1616758445564>div>.p_gridbox>.p_gridCell:nth-child(1n) {
         margin-right: 0px;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {
     #w_grid-1616758445564>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
         margin-left: 0;
     }

     #w_grid-1616758445564>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
         width: 100%;
         margin-left: 0;
         margin-right: 0;
         clear: none;
     }

     #w_grid-1616758445564>div>.p_gridbox>.p_gridCell:nth-child(1n) {
         margin-right: 0;
     }
 }

 #w_grid-1616758445564 .p_gridbox {
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
 }

 #w_grid-1616758445574>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0;
     clear: left;
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {}

 #w_grid-1616758445584>div>.p_gridbox {
     background-color: rgba(245, 245, 245, 1);
 }

 #w_grid-1616758445584 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #w_grid-1616758445584>div {
     animation-fill-mode: both;
 }

 #w_grid-1616758445584>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0px;
     clear: left;
 }

 @media only screen and (min-width: 769px) {
     #w_grid-1616758445584>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
         margin-left: 0;
     }

     #w_grid-1616758445584>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
         width: 100%;
         margin-left: 0;
         margin-right: 0;
         clear: none;
     }

     #w_grid-1616758445584>div>.p_gridbox>.p_gridCell:nth-child(1n) {
         margin-right: 0;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {}

 #w_grid-1616758445594>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0;
     clear: left;
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {}

 #w_grid-1616761468601>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0;
     clear: left;
 }

 #w_grid-1616761468601>div>.p_gridbox {
     position: relative;
     z-index: 10;
 }

 @media only screen and (min-width: 769px) {
     #w_grid-1616761468601>div {
         position: relative;
     }

     #w_grid-1616761468601>div:before {
         position: absolute;
         top: 0;
         right: 0;
         z-index: 1;
         height: 100%;
         width: 50%;
         background: #fff;
         content: "";
         display: block;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {}

 #w_grid-1616761468609>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0;
     clear: left;
 }

 #w_grid-1616761468609>div {
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
     position: relative;
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {}

 #w_grid-1616761468618 .p_MatteIcon .iconfont:before {
     content: '\e602';
 }

 #w_grid-1616761468618>div {
     animation-fill-mode: both;
 }

 #w_grid-1616761468618>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0px;
     clear: left;
 }

 @media only screen and (max-width: 768px) {
     #w_grid-1616761468618>div {
         background: #231f20;
     }
 }

 @media only screen and (min-width: 769px) {
     #w_grid-1616761468618>div>.p_gridbox>.p_gridCell {
         margin-bottom: 0rem;
         margin-top: 0rem;
         margin-left: 0;
     }

     #w_grid-1616761468618>div>.p_gridbox {
         display: flex;
     }

     #w_grid-1616761468618>div>.p_gridbox>.p_gridCell:nth-child(2n+0) {
         width: 50%;
         margin-left: 0;
         margin-right: 0;
         clear: none;
         background: #f5f5f5;
     }

     #w_grid-1616761468618>div>.p_gridbox>.p_gridCell:nth-child(2n+1) {
         margin-left: 0;
         clear: left;
         margin-right: 0;
         width: 50%;
         background: rgba(0, 0, 0, .5);
     }

     #w_grid-1616761468618>div>.p_gridbox>.p_gridCell:nth-child(2n) {
         margin-right: 0;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {}

 #w_grid-1616761549767>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
     margin-left: 0;
     clear: left;
 }

 #w_grid-1616761549767>div {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
 }

 #w_grid-1616761549767 .reset_style h5 {
     position: relative;
     padding-left: 30px;
 }

 #w_grid-1616761549767 .reset_style h5:before {
     font-family: 'iconfont';
     position: absolute;
     left: 0;
     top: 50%;
     transform: translateY(-50%);
     font-size: 20px;
     color: #fff;
 }

 #w_grid-1616761549767 .reset_style:nth-child(1) {
     opacity: 0.5;
 }

 #w_grid-1616761549767 .reset_style:nth-child(3) h5:before {
     content: "\e604";
 }

 #w_grid-1616761549767 .reset_style:nth-child(4) h5:before {
     content: "\e611";
 }

 #w_grid-1616761549767 .reset_style:nth-child(5) h5:before {
     content: "\e618";
 }

 @media only screen and (max-width: 768px) {
     #w_grid-1616761549767>div {
         padding: 20px;
     }
 }

 @media only screen and (min-width: 769px) {
     #w_grid-1616761549767>div {
         padding: 80px 50px;
     }
 }

 @media only screen and (max-width: 1024px) and (min-width: 769px) {}

 #w_grid-1616758445564 {
     width: 100%;
     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: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_grid-1616758445574 {
     width: 100%;
     max-width: none;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 50px;
     margin-top: 0px;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 0px;
     padding-top: 200px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 200px;
 }

 #w_grid-1616758445584 {
     width: 100%;
     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: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_grid-1616758445594 {
     width: 100%;
     max-width: none;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 192px;
     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-1616761468601 {
     width: 100%;
     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: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px; background: #fff;
 }

 #w_grid-1616761468609 {
     width: 94%;
     max-width: 1360px;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 200px;
     margin-top: 5%;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 5%;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_grid-1616761468618 {
     width: 100%;
     max-width: none;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 192px;
     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-1616761549767 {
     width: 100%;
     max-width: none;
     min-width: 0px;
     height: 100%;
     max-height: none;
     min-height: 192px;
     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_common_text-1616761549774 {
     width: auto;
     max-width: none;
     min-width: 0px;
     height: 39px;
     max-height: none;
     min-height: 0px;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 10px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_common_text-1616761549777 {
     width: auto;
     max-width: none;
     min-width: 0px;
     height: 39px;
     max-height: none;
     min-height: 0px;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 30px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }

 #w_common_text-1616761549779 {
     width: auto;
     max-width: none;
     min-width: 0px;
     height: auto;
     max-height: none;
     min-height: 0px;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 0px;
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
     padding-bottom: 0px;
 }