.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); }.c_portalresseotag_list-02001 { width: 100%; }  @media only screen and (max-width: 768px) { .c_portalresseotag_list-02001 .p_ul{ overflow: hidden; } .c_portalresseotag_list-02001 .p_ul li{ width: 116px; height: 36px; border-radius: 20px; border: 1px solid #ddd; font-size: 14px; font-weight: 500; color: #333; line-height: 36px; text-align: center; margin-right: 8px; box-sizing: border-box; margin-top: 15px; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 5px; } .c_portalresseotag_list-02001 .p_ul li .p_name{ display: inline-block; width: 100%; cursor: pointer; } }  @media only screen and (min-width:769px) { .c_portalresseotag_list-02001 .p_ul{ overflow: hidden; margin: 0 20px 20px; } .c_portalresseotag_list-02001 .p_ul li{ width: 217px; height: 40px; border-radius: 4px; border: 1px solid #ddd; font-size: 14px; font-weight: 500; color: #333; line-height: 40px; text-align: center; margin-right: 15px; box-sizing: border-box; margin-top: 15px; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 5px; } .c_portalresseotag_list-02001 .p_ul li .p_name{ display: inline-block; width: 100%; cursor: pointer; } }  @media only screen and (min-width:769px) and (max-width:1024px) { }.fl9 { display: flex; flex-flow: row nowrap; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center;align-items: center; } .js-m.translate-left1{ opacity:0; } .js-m.translate-left1.animate{ opacity:1; -webkit-animation:animate2 1s cubic-bezier(0.6, 0.2, 0.1, 1) forwards; -moz-animation:animate1 1s cubic-bezier(0.6, 0.2, 0.1, 1) forwards; } .c_portalrespublic_codecontainer-01001 .banner_en{ display: none; } .c_portalrespublic_codecontainer-01001 .text{ top: 40% !important; } .ulbox .li { width: 13.2%; height: 70px; line-height: 70px; text-align: center; position: relative; } .tit-20 { font-size: 20px; line-height: 1.6; } .ulbox .li:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .ulbox .li:after { content: ""; position: absolute; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid green; right: -6px; top: calc(50% - 6px); z-index: 2; } .ulbox .li span { position: relative; z-index: 2; } .ulbox .li:nth-child(1) { color: #45534b; } .ulbox .li:nth-child(1):before { background: #f2f8f1; } .ulbox .li:nth-child(1):after { border-left: 6px solid #f2f8f1; } .ulbox .li:nth-child(2):before { background: #60d093; } .ulbox .li:nth-child(2):after { border-left: 6px solid #60d093; } .ulbox .li:nth-child(2) { color: #fff; } .ulbox .li:nth-child(3):before { background: #29b367; } .ulbox .li:nth-child(3):after { border-left: 6px solid #29b367; } .ulbox .li:nth-child(3) { color: #fff; } .ulbox .li:nth-child(4):before { background: #1ca85b; } .ulbox .li:nth-child(4):after { border-left: 6px solid #1ca85b; } .ulbox .li:nth-child(4) { color: #fff; } .ulbox .li:nth-child(5):before { background: #13a153; } .ulbox .li:nth-child(5):after { border-left: 6px solid #13a153; } .ulbox .li:nth-child(5) { color: #fff; } .ulbox .li:nth-child(6):before { background: #008d40; } .ulbox .li:nth-child(6):after { border-left: 6px solid #008d40; } .ulbox .li:nth-child(6) { color: #fff; } .ulbox .li:nth-child(7):before { background: #037c3a; } .ulbox .li:nth-child(7):after { border-left: 6px solid #037c3a; } .ulbox .li:nth-child(7) { color: #fff; } .h_btn{ width:200px; height:56px; background:#29b367; border-radius:30px; display:flex; justify-content:center; align-items:center; transition:all 0.6s; margin:auto; } .h_btn a{ color:#fff; font-size:18px; padding:0px 15px; transition:all 0.6s; } .p_icon{ font-size:16px; color:#fff; text-align:center; width:40px; line-height:40px; border-radius:50%; background:#008d40; height:40px; transition:all 0.6s; } .p_icon:before{ content:'\e6d1'; } .h_btn:hover{ transition:all 0.6s; background:#008d40; width:180px; cursor:pointer; } .h_btn:hover .p_icon{ background:#29b367; transition:all 0.6s; } .in_about_b{ background-color:#000; overflow:hidden; position:relative; } .in_about_in{ background:url(/uploads/image/simg/in_bg_b.png); position:absolute; top:0px; left:0px; width:100%; height:100%; opacity:0; } .p_bgbox { opacity:0.9; width:100%; -moz-animation: breathebg 8s ease-in-out infinite alternate; -webkit-animation: breathebg 8s ease-in-out infinite alternate; -o-animation: breathebg 8s ease-in-out infinite alternate; } .p_bgbox_sjdt { opacity:0.8; width:100%; -moz-animation: breathebg 8s ease-in-out infinite alternate; -webkit-animation: breathebg 8s ease-in-out infinite alternate; -o-animation: breathebg 8s ease-in-out infinite alternate; } @keyframes breathebg { 0% { transform: scale(1); } 100% { transform: scale(1.1); } } @-moz-keyframes breathebg { 0% { transform: scale(1); } 100% { transform: scale(1.1); } } @-webkit-keyframes breathebg { 0% { transform: scale(1); } 100% { transform: scale(1.1); } } @-o-keyframes breathebg { 0% {transform: scale(1); } 100% {transform: scale(1.1); } } @media only screen and (max-width: 768px){ .in_about_b { margin-top: 60px; } .fl9 { display: block; } .ulbox .li { float: left;width: 50%;line-height: 1.4;height: 60px; display: flex; justify-content: center; align-items: center; } .tit-20 { font-size: 16px; } .c_portalrespublic_codecontainer-01001{ min-height:500px; width:100%; } } @media only screen and (min-width: 769px){ .c_portalrespublic_codecontainer-01001{ min-height:500px; width:100%; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ }#w_grid-1583826031292 { position:relative; z-index:97; } #w_grid-1583825877988{ position:absolute; bottom:0px; left:11%; z-index:98; width:100%; min-height:125px; } #content_box-1583830716239-0{ border-left:solid 2px #e6e6e6; padding-left:8%; position:relative; } #content_box-1583830716239-0:before{ position:absolute; top:0px; left:-2px; width:2px; height:75px; background:#054745; content:''; } #content_box-1583827412603-0{ position:relative; } #content_box-1583827412603-0:before{ position:absolute; top: -3%; right:10%; width:1px; height:165px; background:#666666; content:''; } #content_box-1583827412603-0:after{ position:absolute; top: -3%; right:9.7%; width:10px; height:10px; border-radius:50%; background:#666666; content:''; } #content_box-1583831225992-0{ position:relative; } #content_box-1583831225992-0:after{ position:absolute; top:0%; right:0%; width:175px; height:421px; background:#eaeaea; content:''; } .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: 0.1px; 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){ }@charset "utf-8"; *{ padding: 0; margin: 0; } .pagebox{ width: 100%; }.pagebox,#-remove--flag{}body,#-remove--flag{} @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @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){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1400px) and (min-width: 1201px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1400px) and (min-width: 1201px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1400px) and (min-width: 1201px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1400px) and (min-width: 1201px){ } @media only screen and (max-width: 1200px) and (min-width: 1025px){ } @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){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #c_portalrespublic_codecontainer-1683523656382 .p_matteicon .iconfont:before{ content:'\e602'; } #c_portalrespublic_codecontainer-1683523656382 .text{ position:absolute; z-index:98; padding:1% 5% 4%; left:0px; top:32%; width:100%; margin:0 auto; transition:all 2s ease; opacity:0; } #c_portalrespublic_codecontainer-1683523656382 .swiper-slide-active .text{ opacity:1; } #c_portalrespublic_codecontainer-1683523656382 .bannertitle{ position:relative; color:#fff; left:0px; max-width:1600px; margin:0 auto; font-size:36px; transition:all 2s ease; letter-spacing:5px; } #c_portalrespublic_codecontainer-1683523656382 .swiper-slide-active .bannertitle{ transition-delay:0.5s; } #c_portalrespublic_codecontainer-1683523656382 .text *{ transform:translate3d(0, 80px, 0); opacity:0; text-align:center; } #c_portalrespublic_codecontainer-1683523656382 .swiper-slide-active .summry{ transition-delay:0.7s; } #c_portalrespublic_codecontainer-1683523656382 .swiper-slide-active .banner_en{ transition-delay:1s; } #c_portalrespublic_codecontainer-1683523656382 .swiper-slide-active .more_btn{ transition-delay:1.3s; } #c_portalrespublic_codecontainer-1683523656382 .swiper-slide-active .text *{ transform:translate3d(0, 0px, 0); opacity:1; } #c_portalrespublic_codecontainer-1683523656382 .swiper-slide-active .banner_en{ opacity:0.8; } #c_portalrespublic_codecontainer-1683523656382 .summry{ color:#fff; max-width:1400px; margin:0 auto; font-size:24px; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2px; -webkit-box-orient:vertical; text-overflow:ellipsis; transition:all 2s ease; margin-top:20px; } #c_portalrespublic_codecontainer-1683523656382 .banner_en{ text-align:center; color:#fff; font-size:20px; margin-top:5px; opacity:0; letter-spacing:15px; text-transform:uppercase; transition:all 2s ease; } #c_portalrespublic_codecontainer-1683523656382 .more_btn{ text-align:center; font-size:16px; opacity:0; width:180px; transition:all 2s ease; margin:auto; margin-top:40px; } #c_portalrespublic_codecontainer-1683523656382 .more_btn a{ color:#fff; border:solid 2px #fff; padding:10px 0px; text-align:center; display:block; } #c_portalrespublic_codecontainer-1683523656382 .in_about_b:hover .bannertitle{ letter-spacing:15px; transition:all 1s; } #c_portalrespublic_codecontainer-1683523656382 .in_about_b:hover .banner_en{ -webkit-filter:blur(3px); filter:blur(3px); letter-spacing:10px; transition:all 1s; } #c_portalrespublic_codecontainer-1683523656382{ width:100%; 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-1683523656212 > div > .p_gridbox > .p_gridcell:nth-child(n 1){ margin-left:0; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1683523656212 > div > .p_gridbox > .p_gridcell>.w_grid-000:nth-child(2){ min-height: 80px; margin-top: 0px; } }  @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1683523656222 > 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-1683523656262 .p_matteicon .iconfont:before{ content:'\e602'; } #w_grid-1683523656262 >div{ animation-fill-mode:both; } #w_grid-1683523656262 > div > .p_gridbox > .p_gridcell:nth-child(n 1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1683523656262> div > .p_gridbox > .p_gridcell{ margin-bottom:2rem; margin-top:1rem; margin-left:0; } } @media only screen and (min-width: 769px){ #w_grid-1683523656262> div > .p_gridbox > .p_gridcell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1683523656262> div > .p_gridbox > .p_gridcell:nth-child(1n 0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1683523656262> div > .p_gridbox > .p_gridcell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1683523656262> div > .p_gridbox > .p_gridcell{ margin-bottom:3rem; margin-top:1rem; margin-left:0; } } #w_grid-1683523656212{ 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-1683523656222{ 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-1683523656262{ 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; } #c_portalresseotag_list-16835236916435017 .p_matteicon .iconfont:before{ content:'\e602'; } #c_portalresseotag_list-16835236916435017 >div{ animation-fill-mode:both; } #c_portalresseotag_list-16835236916435017 .e_flowcommonstylebox-001 .stylebox_top{ background-color:#0ba360; } #c_portalresseotag_list-16835236916435017 .e_flowcommonstylebox-001 .stylebox_title{ background-color:#0ba360; } #c_portalresseotag_list-16835236916435017{ max-height:none; padding-top:0px; padding-left:0px; padding-bottom:0px; min-height:200px; margin-right:auto; margin-left:auto; max-width:1400px; width:100%; margin-top:40px; margin-bottom:40px; min-width:0px; height:auto; padding-right:0px; }