#zb-about{min-height:300px;background-fill-value:background-image;width:auto;display-radio:1;margin-bottom:0;padding-bottom:80px;background-image:url(../images/about-bg.jpg); background-size:100% 100%;} #zb-about .e_container-3{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;background-fill-value:background-image;max-width:none} #zb-about .e_container-3>.p_item{flex:1;max-width:100%;max-height:100%} #zb-about .e_container-3 .p_item{background-fill-value:background-image;background-image:url(../images/about-bg2.png);background-repeat:no-repeat;background-position:top center} #zb-about .e_container-6{display:flex;flex-wrap:wrap;flex-direction:row;width:90%;max-width:1400px;background-fill-value:background-image;margin-left:auto;margin-right:auto;margin-bottom:5;display-radio:flex} #zb-about .e_container-6>.p_item{flex:1;max-width:100%;max-height:100%} #zb-about .e_container-6 .p_item{background-fill-value:background-image;background-image:url(../images/about-bg3.png);margin-left:auto;margin-right:auto;max-width:1600px;width:90%;margin-bottom:4%} #zb-about .e_container-6 .cbox-6-0{margin-left:auto;margin-right:auto;flex:0 0 50%;align-self:center;margin-top:4%} #zb-about .e_container-6:hover{margin-left:auto;margin-right:auto} #zb-about .e_container-7{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;max-width:800px;display-radio:flex;padding-top:0;margin-top:0} #zb-about .e_container-7>.p_item{flex:1;max-width:100%;max-height:100%} #zb-about .e_container-7 .p_item:hover{width:auto;max-width:800px} #zb-about .e_text-8{line-height:normal;font_radio:2;color:#2d3a4b;font-size:52px;font-family:Impact;font-weight:400;display-radio:1} #zb-about .e_text-9{line-height:normal;font_radio:2;font-size:28px;font-family:Microsoft YaHei;font-weight:700;margin-top:10px;display-radio:1} #zb-about .e_richText-10{font_radio:2;text-align:left;line-height:2.5;color:#666;margin-top:2%;display-radio:1;font-size:16px;font-family:Microsoft YaHei;max-width:640px;width:90%} #zb-about .e_container-13{display:flex;flex-wrap:wrap;flex-direction:row;width:90%;max-width:1400px;margin-left:auto;margin-right:auto;display-radio:flex;min-height:0;margin-bottom:0;margin-top:0;background-fill-value:background-color;background-color:#fff} #zb-about .e_container-13>.p_item{flex:1;max-width:100%;max-height:100%} #zb-about .e_container-13 .cbox-13-0{flex:0 0 50%;padding-top:0} #zb-about .e_container-14{display:flex;flex-wrap:wrap;flex-direction:row;width:90%;margin-left:auto;margin-right:auto;margin-top:7%;margin-bottom:6%} #zb-about .e_container-14>.p_item{flex:1;max-width:100%;max-height:100%} #zb-about .e_container-14 .cbox-14-0{flex:0 0 52%;padding-top:0;margin-top:0;padding-bottom:0;align-self:center} #zb-about .e_container-15{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;display-radio:flex} #zb-about .e_container-15>.p_item{flex:1;max-width:100%;max-height:100%} #zb-about .e_container-15 .cbox-15-0{flex:0 0 15%;align-self:center} #zb-about .e_scrollNumber-17{height:60px;line-height:60px;font-size:16px;font_radio:2;max-width:259px;display-radio:1;font-family:Microsoft YaHei;margin-left:20px} #zb-about .e_image-18{overflow:hidden;max-width:48px;margin-top:0;margin-bottom:0;display-radio:1;padding-left:0} #zb-about .e_image-18 img{width:100%;height:100%;object-fit:contain} #zb-about .e_scrollNumber-17 .p_num{font-size:50px;font-family:Impact;color:#2d3a4b;display-radio:1} #zb-about .e_container-19{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;max-width:332px} #zb-about .e_container-19>.p_item{flex:1;max-width:100%;max-height:100%} #zb-about .e_text-20{line-height:normal;font_radio:2;max-width:290px;padding-left:0;color:#666;padding-bottom:0;margin-top:10px;display-radio:1;font-size:16px;font-family:Microsoft YaHei;text-align:left} #zb-about .e_container-21{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;max-width:332px} #zb-about .e_container-21>.p_item{flex:1;max-width:100%;max-height:100%} #zb-about .e_container-22{display:flex;flex-wrap:wrap;flex-direction:row;width:100%} #zb-about .e_container-22>.p_item{flex:1;max-width:100%;max-height:100%} #zb-about .e_container-22 .cbox-22-0{flex:0 0 15%} #zb-about .e_text-23{line-height:normal;font_radio:2;max-width:290px;padding-left:0;color:#666;padding-bottom:0;margin-top:10px;display-radio:1;font-size:16px;font-family:Microsoft YaHei} #zb-about .e_image-24{overflow:hidden;max-width:48px;margin-top:10px;margin-bottom:0} #zb-about .e_image-24 img{width:100%;height:100%;object-fit:contain} #zb-about .e_scrollNumber-25{height:60px;line-height:60px;font-size:24px;font_radio:2;max-width:259px;display-radio:1;margin-left:20px} #zb-about .e_scrollNumber-25 .p_num{font-size:50px;font-family:Impact;color:#2d3a4b;display-radio:1} #zb-about .e_container-38{display:flex;flex-wrap:wrap;flex-direction:row;width:90%;margin-left:auto;margin-right:auto;margin-top:7%;margin-bottom:5%} #zb-about .e_container-38>.p_item{flex:1;max-width:100%;max-height:100%} #zb-about .e_container-38 .cbox-38-0{flex:0 0 53%;align-self:center} #zb-about .e_container-39{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;max-width:332px} #zb-about .e_container-39>.p_item{flex:1;max-width:100%;max-height:100%} #zb-about .e_container-40{display:flex;flex-wrap:wrap;flex-direction:row;width:100%} #zb-about .e_container-40>.p_item{flex:1;max-width:100%;max-height:100%} #zb-about .e_container-40 .cbox-40-0{flex:0 0 15%} #zb-about .e_text-41{line-height:normal;font_radio:2;max-width:290px;padding-left:0;color:#666;padding-bottom:0;margin-top:10px;display-radio:1;font-size:16px;font-family:Microsoft YaHei} #zb-about .e_image-42{overflow:hidden;max-width:48px;margin-top:10px;margin-bottom:0} #zb-about .e_image-42 img{width:100%;height:100%;object-fit:contain} #zb-about .e_scrollNumber-43{height:60px;line-height:60px;font-size:24px;font_radio:2;max-width:259px;display-radio:1;margin-left:20px} #zb-about .e_scrollNumber-43 .p_num{font-size:50px;font-family:Impact;color:#2d3a4b;display-radio:1} #zb-about .e_container-44{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;max-width:332px} #zb-about .e_container-44>.p_item{flex:1;max-width:100%;max-height:100%} #zb-about .e_container-45{display:flex;flex-wrap:wrap;flex-direction:row;width:100%} #zb-about .e_container-45>.p_item{flex:1;max-width:100%;max-height:100%} #zb-about .e_container-45 .cbox-45-0{flex:0 0 15%} #zb-about .e_text-46{line-height:normal;font_radio:2;max-width:290px;padding-left:0;color:#666;padding-bottom:0;margin-top:10px;display-radio:1;font-size:16px;font-family:Microsoft YaHei} #zb-about .e_image-47{overflow:hidden;max-width:48px;margin-top:10px;margin-bottom:0} #zb-about .e_image-47 img{width:100%;height:100%;object-fit:contain} #zb-about .e_scrollNumber-48{height:60px;line-height:60px;font-size:24px;font_radio:2;max-width:259px;display-radio:1;margin-left:20px} #zb-about .e_scrollNumber-48 .p_num{font-size:50px;font-family:Impact;color:#2d3a4b;display-radio:1} #zb-about.response-animated .e_text-8{animation-name:fadeInDown,none;animation-delay:0ms,.6s;animation-duration:.6s,.6s;animation-iteration-count:1,1} #zb-about.response-animated .e_text-9{animation-name:fadeInDown,none;animation-delay:0ms,.7s;animation-duration:.7s,.6s;animation-iteration-count:1,1} #zb-about.response-animated .e_richText-10{animation-name:fadeInDown,none;animation-delay:0ms,.8s;animation-duration:.8s,.6s;animation-iteration-count:1,1} #zb-about.response-animated .e_container-6{animation-name:none,none;animation-delay:0ms,.6s;animation-duration:.6s,.6s;animation-iteration-count:1,1} #zb-about.response-animated .e_container-13{animation-name:fadeInDown,none;animation-delay:0ms,.6s;animation-duration:1.2s,.6s;animation-iteration-count:1,1} #zb-about .e_container-6 .cbox-6-1{flex:0 0 50%;align-self:center} #zb-about .e_video-49{width:98%;position:relative;display-radio:1;margin-top:10%;max-height:none} #zb-about .e_video-49 video{width:100%;display:block} #zb-about .e_video-49 .p_video{position:relative;display-radio:1} #zb-about .e_video-49 .cover{width:100%;height:100%;position:absolute;left:0;top:0} #zb-about .e_video-49 .cover .coverImage{width:100%;height:100%;object-fit:cover} #zb-about .e_video-49 .cover .coverImage img{width:100%;height:100%;object-fit:cover} #zb-about .e_video-49 .cover .playBtn{position:absolute;width:80px;height:80px;z-index:2;left:50%;top:50%;margin:-40px auto auto -40px;cursor:pointer} #zb-about .p_num{display-radio:1} #zb-about .e_button-51{display:block;position:relative;overflow:hidden;text-align:center;box-sizing:border-box;width:140px;padding:8px;background_radio:2;border_radio:2;font_radio:1;radius_radio:1;display-radio:block;margin-top:20px;border-style:none;border-color:#2d3a4b;border-width:1px;background-color:#2d3a4b} #zb-about .e_button-51 span{display:block;width:100%;position:relative;z-index:1;outline:0;margin:0;overflow:hidden} #zb-about .e_button-51::after{content:"";position:absolute;width:0;height:100%;transition:all .3s;z-index:0;opacity:0;top:0;left:0} #zb-about .e_button-51:hover::after{opacity:1} #zb-about .e_button-51:hover{border-style:none;border-color:#2d3a4b;border-width:1px;background-color:#409eff} @media screen and (max-width:768px){#zb-about .e_container-6{display-radio:1;flex-direction:column;width:100%} #zb-about .e_container-13{display-radio:1;flex-direction:column;background-color:#f5f5f5} #zb-about{display-radio:1;padding-bottom:20px} #zb-about .e_container-3{display-radio:1;padding-left:0;padding-right:0} #zb-about .e_text-8{font_radio:2;display-radio:1;font-size:28px;color:#2d3a4b;line-height:normal;font-family:Impact} #zb-about .e_text-9{font_radio:2;display-radio:1;font-size:20px;color:#333;line-height:normal;font-family:Microsoft YaHei} #zb-about .e_richText-10{font_radio:2;display-radio:1;width:100%;font-size:16px;color:#999;line-height:1.5;font-family:Microsoft YaHei} #zb-about .e_container-7{display-radio:1;padding-right:0;padding-left:0;flex-direction:row} #zb-about .e_container-7 .cbox-7-0{padding-right:0;padding-left:0} #zb-about .e_scrollNumber-17{font_radio:2;display-radio:1;font-size:44px;color:#333;line-height:normal;font-family:a4e0340e-3b31-4220-8dcf-d62dd9746884} #zb-about .e_scrollNumber-17 .p_num{display-radio:1;font-size:32px} #zb-about .e_scrollNumber-25{font_radio:2;display-radio:1;font-size:44px;color:#333;line-height:normal;font-family:a4e0340e-3b31-4220-8dcf-d62dd9746884} #zb-about .e_scrollNumber-25 .p_num{display-radio:1;font-size:32px} #zb-about .e_scrollNumber-48{font_radio:1;display-radio:1} #zb-about .e_scrollNumber-48 .p_num{display-radio:1;font-size:32px} #zb-about .e_scrollNumber-43{font_radio:1;display-radio:1} #zb-about .e_scrollNumber-43 .p_num{display-radio:1;font-size:32px} } @media screen and (max-width:1500px) and (min-width:1200px){#zb-about .e_container-6{display-radio:1} #zb-about .e_container-3 .p_item{display-radio:1} #zb-about .e_container-3{display-radio:1} } .e_button-51{display:block;position:relative;overflow:hidden;text-align:center;box-sizing:border-box;width:140px;padding:8px;background_radio:2;border_radio:2;font_radio:1;radius_radio:1;display-radio:block;margin-top:20px;border-style:none;border-color:#2d3a4b;border-width:1px;background-color:#2d3a4b} .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); } .e_IndexOrdinaryStyleBox-001{ width: 100%; height: auto; width-uint:%; } .e_IndexOrdinaryStyleBox-001 .stylebox_top{ background-color: transparent; } .e_IndexOrdinaryStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; } .e_IndexOrdinaryStyleBox-001 .stylebox_link:hover{ color: rgba(101,190,186,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_link:active{ color: rgba(101,190,186,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_top{ width: auto; height: 40px; } .e_IndexOrdinaryStyleBox-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_IndexOrdinaryStyleBox-001 .title_icon::before{ content: ""; } .e_IndexOrdinaryStyleBox-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_IndexOrdinaryStyleBox-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_IndexOrdinaryStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_IndexOrdinaryStyleBox-001 .stylebox_link{ float: right; vertical-align: middle; margin-right: 15px; } .e_IndexOrdinaryStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_IndexOrdinaryStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_IndexOrdinaryStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_IndexOrdinaryStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; height: calc(100% - 48px); width-uint:%; } .e_IndexOrdinaryStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_SideMajorStyleBox-001{ width: 100%; height: auto; width-uint:%; } .e_SideMajorStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px; } .e_SideMajorStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: rgba(101, 190, 186, 1); } .e_SideMajorStyleBox-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_SideMajorStyleBox-001 .title_icon::before{ content: ""; } .e_SideMajorStyleBox-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_SideMajorStyleBox-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_SideMajorStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_SideMajorStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_SideMajorStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_SideMajorStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_SideMajorStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_SideMajorStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint:%; } .e_SideMajorStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); } .bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 3; background:rgba(0,0,0,0.15); } .webGL-slider { position: relative; display: flex; align-items: center; width: 100%; height: 100%; margin: 0 auto; z-index: 5; } .webGL-slider > img { width: 100%; max-width: 100%; position: relative; top: 0; left: 0; z-index: 0; opacity: 0; } .webGL-slider canvas { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 2; transform-origin: 50% 50%; } .webGL-slider .pagination{ z-index: 9; position: absolute; margin: 0; top: 50%; width:100%; transform: translateY(-50%); opacity: 1; transition: all 0.4s ease-out; } .webGL-slider .pagination a { width: 80px; height: 80px; opacity: 0.3; cursor: pointer; position: absolute; transition: all 0.4s ease-out; color: #fff; text-align: center; } .webGL-slider .pagination a:hover { opacity: 1; } .webGL-slider .arrow span, .webGL-slider .arrow span:after, .webGL-slider .arrow span:before { position: absolute; top: 50%; height: 2px; background-color: #fff; border-radius: 1px; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .4s ease; transition: all .4s ease; } .webGL-slider .arrow span:after, .webGL-slider .arrow span:before { content: ""; width: 30px; } .webGL-slider .arrow span { margin-top: -1px; width: 0; } .webGL-slider .arrow.move-next span { right: 50%; margin-right: -10px; } .webGL-slider .arrow.move-prev span:before { left: 0; bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; } .webGL-slider .arrow.move-prev span:after { left: 0; top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; } .webGL-slider .arrow.move-next span:before { right: 0; bottom: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; } .webGL-slider .arrow.move-next span:after { right: 0; top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; } .webGL-slider .arrow:hover span { width: 40px; } .webGL-slider .pagination .move-prev{ left:2%; } .webGL-slider .pagination .move-next{ right:2%; } .webGL-slider .pagination a.move-prev:hover { left:1%; } .webGL-slider .pagination a.move-next:hover { right:1%; } #top .indexBanner .webGL-slider .txt-item { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 5; } .indexBanner .webGL-slider .txt-item > li { position: absolute; top: 50%; left: 15vw; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); color: #fff; } .indexBanner .txt-item li{ display: none; } .indexBanner .txt-item li:first-child { display: block; } .indexBanner .webGL-slider .txt-item h3{ font-size: 36px; font-weight: normal; } .indexBanner .webGL-slider .txt-item p{ font-size: 50px; font-weight: normal; } .indexBanner .txt-item h3 { animation-name: fadeInUp; animation-duration: 1s; animation-delay: 0s; animation-fill-mode: both; } .indexBanner .txt-item p { animation-name: fadeInUp; animation-duration: 1s; animation-delay: 0.5s; animation-fill-mode: both; } @media only screen and (max-width: 1024px){ .indexBanner .webGL-slider .txt-item h3{ font-size: 26px; } .indexBanner .webGL-slider .txt-item p{ font-size: 30px; } } @media only screen and (max-width: 768px){ } @media only screen and (max-width: 500px){ .indexBanner .webGL-slider .txt-item h3{ font-size: 16px; } .indexBanner .webGL-slider .txt-item p{ font-size: 20px; } .webGL-slider .pagination{ display:none; } } @media only screen and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } .w_fimg-000 .p_title{ display:inline-table; margin:0; min-width:37px; padding:0; color:rgba(51,51,51,1); font-size:16px; font-weight:400; cursor:pointer; } .w_fimg-000 .p_title .font{ vertical-align:middle; line-height: 21px; } .w_fimg-000 .p_title:hover{ color:rgba(87,177,173,1); } .w_fimg-000 .p_title:active{ color:rgba(69,165,161,1); } .w_fimg-000 .p_title .iconfont:before{ display: inline-block; content:""; } .w_fimg-000{ position:relative; width:100%; height:auto; min-height: 200px; } .w_fimg-000 .animated{ width:100%; height:100%; position: relative; min-height: inherit; } .w_fimg-000 .font { white-space: nowrap; } .w_fimg-000 .p_link001{ width:100%; height:100%; } .w_fimg-000 .p_link002{ width:100%; height:30px; } .w_fimg-000 .p_box{ width: 100%; height: 100%; text-align:center; position: static; } .w_fimg-000 .p_dimage{ height: inherit; overflow: hidden; font-size: 0; } .w_fimg-000 .e_image:hover:after { background: transparent; } .w_fimg-000 .p_dimage:empty{ width: 100%; height: 100%; top: 0; left: 0; position:absolute; background: #f2f2f2 url(/img/camera.png?tenantId=266305&viewType=1&v=1641970717000) no-repeat center; } @media only screen and (max-width: 768px){ #w_grid-1555491668183 >div{ display:none; } #w_grid-1555487327862 >div{ display:none; } } .w_grid-001{ margin-left: auto; margin-right: auto; max-width: 1180px; min-height: 12rem; width: 100%; } .w_grid-001 > .w_grid{ width: 100%; position: relative; } .w_grid-001 > div > .p_gridbox{ width: 100%; overflow: hidden; position: static; } .w_grid-001 > div > .p_gridbox > .p_gridCell{ float: left; position: static; } .w_grid-001 > div > .p_gridbox > .p_gridCell:not(:empty):before{ content:''; height: 0.1px; display: block; } .w_grid-001 > div > .p_gridbox > .p_gridCell:first-child{ margin-left: 0; clear: left; } #w_grid-001 > div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left: 0; clear: left; } @media only screen and (max-width: 768px){ .w_grid-001 > 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-001 > div > .p_gridbox > .p_gridCell{ width: 49.5%; margin-left: 1%; margin-top: 0.6rem; margin-bottom: 0.6rem; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1200px) and (min-width: 769px){ #w_grid-1555481015810> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:100% !important; margin-left:0; margin-right:0; clear:none; } #w_grid-1555481015810> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0; clear:left; margin-right:0; width:100% !important; } } .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-1575448239980 { display: none; } .w_grid-000 > div > .p_gridbox > .p_gridCell{ width: 100%; margin-left: 0; margin-top: 0rem; margin-bottom: 0rem; } #w_grid-1575450248433 { display: none; } #w_grid-1558508655610 > div > .p_gridbox { background-image: url(/repository/image/ZsGCtbOEQDGOXXYmPP6a6Q.jpg?tenantId=266305&viewType=1&v=1641970717000) !important; } #w_grid-1558507947091 > div > .p_gridbox { background-image: url(/repository/image/ZsGCtbOEQDGOXXYmPP6a6Q.jpg?tenantId=266305&viewType=1&v=1641970717000) !important; } #w_grid-1558508795248 > div > .p_gridbox { background-image: url(/repository/image/ZsGCtbOEQDGOXXYmPP6a6Q.jpg?tenantId=266305&viewType=1&v=1641970717000) !important; } #w_grid-1558510792405 > div > .p_gridbox { background-image: url(/repository/image/ZsGCtbOEQDGOXXYmPP6a6Q.jpg?tenantId=266305&viewType=1&v=1641970717000) !important; } #w_grid-1558511461433 > div > .p_gridbox { background-image: url(/repository/image/ZsGCtbOEQDGOXXYmPP6a6Q.jpg?tenantId=266305&viewType=1&v=1641970717000) !important; } } @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: 1200px) and (min-width: 769px){ } #w_common_text-1555491668348 { width: auto; max-width: 833px; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 10px; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-top: 8px; padding-left: 0px; padding-right: 0px; padding-bottom: 8px; float: right; } @media only screen and (max-width: 768px){ .c_portalResPublic_codeContainer-01001001{ min-height:500px; width:100%; } #w_fimgbox-1557041067278 { width: 96% !important; margin-top: 0px !important; } #w_fimgbox-1557043473907 { width: 96% !important; } #w_fimgbox-1557043491640{ width: 96% !important; } #w_grid-1557024169152 #w_common_text-1557024247061 p{ text-align: center; } #w_common_text-1557050525115 span{ font-size:16px !important; } #w_common_text-1557050547523 span{ font-size:16px !important; } #w_common_text-1557050633699 span{ font-size:14px !important; } } @media only screen and (min-width: 769px){ .c_portalResPublic_codeContainer-01001001{ min-height:500px; width:100%; } #w_fimgbox-1557041067278 { width: 100% !important; margin-top: 20px !important; } #w_fimgbox-1557043473907 { width: 100% !important; } #w_fimgbox-1557043491640{ width: 100% !important; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_fimgbox-1557041067278 { width: 100% !important; margin-top: 20px !important; } #w_fimgbox-1557043473907 { width:100% !important; } #w_fimgbox-1557043491640{ width:100% !important; } } .c_portalResPublic_codeContainer-01001001 .f-cb{ zoom:1; } .c_portalResPublic_codeContainer-01001001 .f-cb:after{ display:block; height:0; clear:both; visibility:hidden; overflow:hidden; content:"."; } .c_portalResPublic_codeContainer-01001001 .about-num{margin-top:0px;padding-top:0px;padding-bottom: 0;background:none;} .c_portalResPublic_codeContainer-01001001 .about-num li{float:left;width: 23%;position:relative;padding-left: 1vw;margin-bottom:15px;margin-top:15px;text-align:left;border-left:1px solid #ccc;} .c_portalResPublic_codeContainer-01001001 .about-num li:before{content:'';position:absolute;left:-1px;top:0;width:1px;height:30%;background: #1a3787;z-index:1;} .c_portalResPublic_codeContainer-01001001 .about-num li h2{font-size: 36px;color: #193784;line-height: 32px;font-weight:bold;display:inline-block;} .c_portalResPublic_codeContainer-01001001 .about-num li p{color: #696969;font-size: 15px;line-height:30px;padding-top: 0;} .c_portalResPublic_codeContainer-01001001 .about-num .count-unit{font-size: 14px;color: #9a9a9a;text-align:right;display:inline-block;font-style:normal;} .c_portalResPublic_codeContainer-01001001 .about-num li .bot p{ font-size:15px; color:#fff; line-height:24px; } @media only screen and (max-width: 768px){ .c_portalResPublic_codeContainer-01001001 .about-num li h2{ font-size: 40px; line-height: 30px; } .c_portalResPublic_codeContainer-01001001 .about-num{ margin-top:0px; padding-top: 0; padding-bottom: 30px; } .c_portalResPublic_codeContainer-01001001 .about-num .count-unit{ font-size:14px; } .c_portalResPublic_codeContainer-01001001 .about-num li p{ font-size: 16px; } .c_portalResPublic_codeContainer-01001001 .about-num li{ width:50%; border-bottom: none; } .c_portalResPublic_codeContainer-01001001 .about-num li:nth-child(1){ border-top: none; } .c_portalResPublic_codeContainer-01001001 .about-num li:nth-child(2){ border-top: none; border-right: none; } .c_portalResPublic_codeContainer-01001001 .about-num li:nth-child(4){ border-right: none; } .c_portalResPublic_codeContainer-01001001 .about-num li:last-child{ display:block; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ .c_portalResPublic_codeContainer-01001001 .about-num li h2{ font-size:30px; } .c_portalResPublic_codeContainer-01001001 .about-num{ margin-top:25px; padding-top:12px; padding-bottom:10px; } .c_portalResPublic_codeContainer-01001001 .about-num .count-unit{ font-size:14px; } .c_portalResPublic_codeContainer-01001001 .about-num li p{ font-size:14px; } } .w_fbtn-001{ display: block; width: 100%; height: 100%; max-width:150px; min-height:36px; max-height:0; text-align: center; margin: 0 auto; font-size: 0; } .w_fbtn-001 .p_CommonBtn{ width: 100%; height: inherit; padding:0; } .w_fbtn-001 .p_CommonBtn .font{ text-align: center; display: inline-block; vertical-align: middle; width: 100%; font-size: 14px; height: auto; } .w_fbtn-001 .animated{ width:100%; height:100%; min-height: inherit; } .w_fbtn-001 .p_link{ min-height: inherit; display: block; } .w_fbtn-001 .p_CommonBtn{ border-style: solid; } .w_fbtn-001 .p_CommonBtn{ width: 100%; height:36px; color:rgba(255,255,255,1); border-width: 1px; border-style: none; border-color:transparent; background-color:rgba(226, 77, 79, 1); padding-top:0; padding-right:20px; padding-left:20px; text-align: center; min-height: inherit; } .w_fbtn-001 .p_CommonBtn:before{ content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle; } @CHARSET "UTF-8"; *{ padding: 0; margin: 0; } .pagebox{ width: 100%; } .pagebox,#-remove--flag{width:100%;margin:0px auto;} 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){ } @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-16115589063819455{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:20px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } @media only screen and (max-width: 1366px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1366px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1366px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @-webkit-keyframes swiper-preloader-spin{ 100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)} } @keyframes swiper-preloader-spin{ 100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)} } @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){ } @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: 1366px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1366px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1366px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1366px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1366px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1366px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1366px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1366px) 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){ } #c_portalResProduct_category-16391024121673558 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResProduct_category-16391024121673558 >div{ animation-fill-mode:both; } #c_portalResProduct_category-16391024121673558{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:20px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_por-04 .pro_t{ background-size:cover; text-align:left; padding-bottom:56%; border-radius:5px; } #c_por-04 .pro_t h3{ font-size:28px; color:#204ca0; padding-top:10px; font-family:Arial, Helvetica, sans-serif; font-weight:bold } #c_por-04 .pro_t h2{ display:none; } #c_por-04 .bf_sp{ max-width:28px; transition:all 0.6s; } #c_por-04 .bf_sp:hover{ transform:rotate(360deg); transition:all 0.6s; cursor:pointer; } #c_por-04 .pro_t h4{ font-size:16px; color:#aeaeae; margin-top:5px; text-transform:uppercase; } #c_por-04 .pro_t h1{ font-size:34px; color:#204ca0; margin-top:5px; text-transform:uppercase; } #c_por-04 .pro_t_in{ position:absolute; top:7%; left:5%; width:86%; } #c_por-04 .pro_li{ width:30.33%; margin:1% 1.5%; border:solid 1px #fff; border-radius:30px; text-align:center; float:left; color:#fff; font-size:15px; opacity:0.8; padding:10px 10px; } #c_por-04 .pro_li:hover{ background:#fff; opacity:1; font-weight:bold; color:#ee7c00; cursor:pointer; } #c_por-04 .pro_xl{ position:relative; cursor:pointer; } #c_por-04 .pro_xl:hover .pro_b{ opacity:1; cursor:pointer; } #c_por-04 .pro_xl:hover .pro_t h2{ opacity:0; } #c_por-04 .pro_xl:hover .pro_t h3{ opacity:0; } #c_por-04 .pro_b{ position:absolute; top:0; width:100%; padding:11% 10%; background:linear-gradient(to top,rgb(32 76 160),rgb(38 84 172)); overflow:hidden; height:100%; opacity:0; border-radius:5px; transition:all 0.6s; } #c_por-04 .pro_b_b h4{ margin-right:11%; font-size:16px; color:#fff; line-height:45px; float:left; margin-left:5%; } #c_por-04 .pro_b_b{ width:100%; border-top:1px rgba(255,255,255,0.3) solid; padding-top:25px; margin-top:30px; } #c_por-04 .pro_b_b h4 a{ color:#fff; } #c_por-04 .pro_b_b h4 a:hover{ font-weight:bold; } #c_por-04 .pro_b_t h2{ float:left; padding-right:20px; } #c_por-04 .pro_b_t h3{ font-size:28px; color:#fff; cursor:pointer; } #c_por-04 .pro_b_t h3 a{ color:#fff; } #c_por-04 .pro_b_t h3 p{ font-size:16px; color:#ffffff; padding-top:15px; line-height:36px; opacity:0.6; cursor:pointer; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5 !important; overflow:hidden; } #c_por-04 .pro_b_t h3 p a{ color:#fff; } #c_por-04{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:100px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:20px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_por-01 .pro_t{ background-size:cover; text-align:left; padding-bottom:56%; border-radius:5px; } #c_por-01 .pro_t h3{ font-size:28px; color:#204ca0; padding-top:10px; font-family:Arial, Helvetica, sans-serif; font-weight:bold } #c_por-01 .pro_t h2{ display:none; } #c_por-01 .bf_sp{ max-width:28px; transition:all 0.6s; } #c_por-01 .bf_sp:hover{ transform:rotate(360deg); transition:all 0.6s; cursor:pointer; } #c_por-01 .pro_t h4{ font-size:16px; color:#aeaeae; margin-top:5px; text-transform:uppercase; } #c_por-01 .pro_t h1{ font-size:34px; color:#204ca0; margin-top:5px; text-transform:uppercase; } #c_por-01 .pro_t_in{ position:absolute; top:7%; left:5%; width:86%; } #c_por-01 .pro_li{ width:30.33%; margin:1% 1.5%; border:solid 1px #fff; border-radius:30px; text-align:center; float:left; color:#fff; font-size:15px; opacity:0.8; padding:10px 10px; } #c_por-01 .pro_li:hover{ background:#fff; opacity:1; font-weight:bold; color:#ee7c00; cursor:pointer; } #c_por-01 .pro_xl{ position:relative; cursor:pointer; } #c_por-01 .pro_xl:hover .pro_b{ opacity:1; cursor:pointer; } #c_por-01 .pro_xl:hover .pro_t h2{ opacity:0; } #c_por-01 .pro_xl:hover .pro_t h3{ opacity:0; } #c_por-01 .pro_b{ position:absolute; top:0; width:100%; padding:11% 10%; background:linear-gradient(to top,rgb(32 76 160),rgb(38 84 172)); overflow:hidden; height:100%; opacity:0; border-radius:5px; transition:all 0.6s; } #c_por-01 .pro_b_b h4{ margin-right:11%; font-size:16px; color:#fff; line-height:45px; float:left; margin-left:5%; } #c_por-01 .pro_b_b{ width:100%; border-top:1px rgba(255,255,255,0.3) solid; padding-top:25px; margin-top:30px; } #c_por-01 .pro_b_b h4 a{ color:#fff; } #c_por-01 .pro_b_b h4 a:hover{ font-weight:bold; } #c_por-01 .pro_b_t h2{ float:left; padding-right:20px; } #c_por-01 .pro_b_t h3{ font-size:28px; color:#fff; cursor:pointer; } #c_por-01 .pro_b_t h3 a{ color:#fff; } #c_por-01 .pro_b_t h3 p{ font-size:16px; color:#ffffff; padding-top:15px; line-height:36px; opacity:0.6; cursor:pointer; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5 !important; overflow:hidden; } #c_por-01 .pro_b_t h3 p a{ color:#fff; } #c_por-01{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:100px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:20px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_por-03 .pro_t{ background-size:cover; text-align:left; padding-bottom:56%; border-radius:5px; } #c_por-03 .pro_t h3{font-size:28px; color:#204ca0; padding-top:10px; font-family:Arial, Helvetica, sans-serif; font-weight:bold } #c_por-03 .pro_t h2{ display:none; } #c_por-03 .bf_sp{ max-width:28px; transition:all 0.6s; } #c_por-03 .bf_sp:hover{ transform:rotate(360deg); transition:all 0.6s; cursor:pointer; } #c_por-03 .pro_t h4{ font-size:16px; color:#aeaeae; margin-top:5px; text-transform:uppercase; } #c_por-03 .pro_t h1{ font-size:34px; color:#204ca0; margin-top:5px; text-transform:uppercase; } #c_por-03 .pro_t_in{ position:absolute; top:7%; left:5%; width:86%; } #c_por-03 .pro_li{ width:30.33%; margin:1% 1.5%; border:solid 1px #fff; border-radius:30px; text-align:center; float:left; color:#fff; font-size:15px; opacity:0.8; padding:10px 10px; } #c_por-03 .pro_li:hover{ background:#fff; opacity:1; font-weight:bold; color:#ee7c00; cursor:pointer; } #c_por-03 .pro_xl{ position:relative; cursor:pointer; } #c_por-03 .pro_xl:hover .pro_b{ opacity:1; cursor:pointer; } #c_por-03 .pro_xl:hover .pro_t h2{ opacity:0; } #c_por-03 .pro_xl:hover .pro_t h3{ opacity:0; } #c_por-03 .pro_b{ position:absolute; top:0; width:100%; padding:11% 10%; background:linear-gradient(to top,rgb(32 76 160),rgb(38 84 172)); overflow:hidden; height:100%; opacity:0; border-radius:5px; transition:all 0.6s; } #c_por-03 .pro_b_b h4{ margin-right:11%; font-size:16px; color:#fff; line-height:45px; float:left; margin-left:5%; } #c_por-03 .pro_b_b{ width:100%; border-top:1px rgba(255,255,255,0.3) solid; padding-top:25px; margin-top:30px; } #c_por-03 .pro_b_b h4 a{ color:#fff; } #c_por-03 .pro_b_b h4 a:hover{ font-weight:bold; } #c_por-03 .pro_b_t h2{ float:left; padding-right:20px; } #c_por-03 .pro_b_t h3{ font-size:28px; color:#fff; cursor:pointer; } #c_por-03 .pro_b_t h3 a{ color:#fff; } #c_por-03 .pro_b_t h3 p{ font-size:16px; color:#ffffff; padding-top:15px; line-height:36px; opacity:0.6; cursor:pointer; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5 !important; overflow:hidden; } #c_por-03 .pro_b_t h3 p a{ color:#fff; } #c_por-03{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:100px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:20px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_por-02 .pro_t{ background-size:cover; text-align:left; padding-bottom:56%; border-radius:5px; } #c_por-02 .pro_t h3{ font-size:28px; color:#204ca0; padding-top:10px; font-family:Arial, Helvetica, sans-serif; font-weight:bold } #c_por-02 .pro_t h2{ display:none; } #c_por-02 .bf_sp{ max-width:28px; transition:all 0.6s; } #c_por-02 .bf_sp:hover{ transform:rotate(360deg); transition:all 0.6s; cursor:pointer; } #c_por-02 .pro_t h4{ font-size:16px; color:#aeaeae; margin-top:5px; text-transform:uppercase; } #c_por-02 .pro_t h1{ font-size:34px; color:#204ca0; margin-top:5px; text-transform:uppercase; } #c_por-02 .pro_t_in{ position:absolute; top:7%; left:5%; width:86%; } #c_por-02 .pro_li{ width:30.33%; margin:1% 1.5%; border:solid 1px #fff; border-radius:30px; text-align:center; float:left; color:#fff; font-size:15px; opacity:0.8; padding:10px 10px; } #c_por-02 .pro_li:hover{ background:#fff; opacity:1; font-weight:bold; color:#ee7c00; cursor:pointer; } #c_por-02 .pro_xl{ position:relative; cursor:pointer; } #c_por-02 .pro_xl:hover .pro_b{ opacity:1; cursor:pointer; } #c_por-02 .pro_xl:hover .pro_t h2{ opacity:0; } #c_por-02 .pro_xl:hover .pro_t h3{ opacity:0; } #c_por-02 .pro_b{ position:absolute; top:0; width:100%; padding:11% 10%; background:linear-gradient(to top,rgb(32 76 160),rgb(38 84 172)); overflow:hidden; height:100%; opacity:0; border-radius:5px; transition:all 0.6s; } #c_por-02 .pro_b_b h4{ margin-right:11%; font-size:16px; color:#fff; line-height:45px; float:left; margin-left:5%; } #c_por-02 .pro_b_b{ width:100%; border-top:1px rgba(255,255,255,0.3) solid; padding-top:25px; margin-top:30px; } #c_por-02 .pro_b_b h4 a{ color:#fff; } #c_por-02 .pro_b_b h4 a:hover{ font-weight:bold; } #c_por-02 .pro_b_t h2{ float:left; padding-right:20px; } #c_por-02 .pro_b_t h3{ font-size:28px; color:#fff; cursor:pointer; } #c_por-02 .pro_b_t h3 a{ color:#fff; } #c_por-02 .pro_b_t h3 p{ font-size:16px; color:#ffffff; padding-top:15px; line-height:36px; opacity:0.6; cursor:pointer; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5 !important; overflow:hidden; } #c_por-02 .pro_b_t h3 p a{ color:#fff; } #c_por-02{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:100px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:20px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } @media only screen and (max-width:760px){ #c_por-01 .pro_t h3{ font-size:18px; color:#204ca0; padding-top:10px; font-family:Arial, Helvetica, sans-serif; font-weight:bold } #c_por-01 .pro_t h4{ font-size:12px; color:#aeaeae; margin-top:5px; text-transform:uppercase; } #c_por-01 .pro_t h1{ font-size:14px; color:#204ca0; margin-top:5px; text-transform:uppercase; } #c_por-01 .pro_b{ padding:8% 10%;} #c_por-01 .pro_b_b{padding-top:15px; margin-top:20px; } #c_por-01 .pro_b_t h3{ font-size:18px; } #c_por-01 .pro_b_t h3 p{ font-size:12px; line-height:22px;} #c_por-02 .pro_t h3{ font-size:18px; color:#204ca0; padding-top:10px; font-family:Arial, Helvetica, sans-serif; font-weight:bold } #c_por-02 .pro_t h4{ font-size:12px; color:#aeaeae; margin-top:5px; text-transform:uppercase; } #c_por-02 .pro_t h1{ font-size:14px; color:#204ca0; margin-top:5px; text-transform:uppercase; } #c_por-02 .pro_b{ padding:8% 10%;} #c_por-02 .pro_b_b{padding-top:15px; margin-top:20px; } #c_por-02 .pro_b_t h3{ font-size:18px; } #c_por-02 .pro_b_t h3 p{ font-size:12px; line-height:22px;} #c_por-03 .pro_t h3{ font-size:18px; color:#204ca0; padding-top:10px; font-family:Arial, Helvetica, sans-serif; font-weight:bold } #c_por-03 .pro_t h4{ font-size:12px; color:#aeaeae; margin-top:5px; text-transform:uppercase; } #c_por-03 .pro_t h1{ font-size:14px; color:#204ca0; margin-top:5px; text-transform:uppercase; } #c_por-03 .pro_b{ padding:8% 10%;} #c_por-03 .pro_b_b{padding-top:15px; margin-top:20px; } #c_por-03 .pro_b_t h3{ font-size:18px; } #c_por-03 .pro_b_t h3 p{ font-size:12px; line-height:22px;} #c_por-04 .pro_t h3{ font-size:18px; color:#204ca0; padding-top:10px; font-family:Arial, Helvetica, sans-serif; font-weight:bold } #c_por-04 .pro_t h4{ font-size:12px; color:#aeaeae; margin-top:5px; text-transform:uppercase; } #c_por-04 .pro_t h1{ font-size:14px; color:#204ca0; margin-top:5px; text-transform:uppercase; } #c_por-04 .pro_b{ padding:8% 10%;} #c_por-04 .pro_b_b{padding-top:15px; margin-top:20px; } #c_por-04 .pro_b_t h3{ font-size:18px; } #c_por-04 .pro_b_t h3 p{ font-size:12px; line-height:22px;} } #c_portalResEbizads_banner-16390362987446479 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResEbizads_banner-16390362987446479 >div{ animation-fill-mode:both; } #c_portalResEbizads_banner-16390362987446479{ 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; } #c_portalResNews_list-16106805086678399 .p_articles{ width:calc((100% - 0px)/1); } #c_portalResNews_list-16106805086678399 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResNews_list-16106805086678399 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResNews_list-16106805086678399 >div{ animation-fill-mode:both; } #c_portalResNews_list-16106805086678399 .p_hot .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-16106805086678399 .p_new .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-16106805086678399 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-16106805086678399 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-16106805086678399 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-16106805086678399 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-16106805086678399{ width:100%; max-width:none; min-width:320px; height:auto; max-height:none; min-height:0px; margin-top:10px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1596685109771 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1596685109771 >div{ animation-fill-mode:both; } #w_grid-1596685109771 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (min-width: 769px){ #w_grid-1596685109771> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1596685109771> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1596685109771> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1610614285441 > div > .p_gridbox{ background-color:rgba(0, 0, 0, 1); } #w_grid-1610614285441 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1610614285441 >div{ animation-fill-mode:both; overflow:hidden; } #w_grid-1610614285441 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (min-width: 769px){ #w_grid-1610614285441> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1610614285441> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1610614285441> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1631587699690 > 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-1611558807116 > div > .p_gridbox{ background-image:url(/img/hh_bg1.jpg?tenantId=266305&viewType=1&v=1641970717000); position:relative; } #w_grid-1611558807116 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1611558807116 >div{ animation-fill-mode:both; } #w_grid-1611558807116 > div > .p_gridbox:before{ position:absolute; top:0px; right:-60%; content:''; width:140%; height:140%; transform:rotate(-60deg); background:linear-gradient(to right,#1a3787,#3a65dc); } #w_grid-1611558807116 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1611558807116 > div > .p_gridbox:before{ position: absolute; top: 24%; right: -90%; content: ''; width: 140%; height: 140%; transform: rotate( -90deg ); background: linear-gradient(to right,#1a3787,#3a65dc); } } @media only screen and (min-width: 769px){ #w_grid-1611558807116> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1611558807116> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1611558807116> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1611558807116> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1611558807116> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1611558807116> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1611558905830 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1611558905830 >div{ animation-fill-mode:both; positioin:relative; z-index:9; } #w_grid-1611558905830 > div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; } @media only screen and (min-width: 769px){ #w_grid-1611558905830> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:5%; } #w_grid-1611558905830> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:46.787499999999994%; margin-left:5%; margin-right:0px; clear:none; } #w_grid-1611558905830> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:48.21249999999999%; } #w_grid-1611558905830> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1611558905830> div > .p_gridbox > .p_gridCell{ margin-bottom:0.6rem; margin-top:0.6rem; margin-left:1%; } #w_grid-1611558905830> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:39.4119%; margin-left:1%; margin-right:0; clear:none; } #w_grid-1611558905830> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0; clear:left; margin-right:0; width:59.5881%; } #w_grid-1611558905830> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0; } } #w_grid-1611558924011 > 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-1611559377686 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1611559377686 >div{ animation-fill-mode:both; } #w_grid-1611559377686 > div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1611559377686 div#content_box-1611559377686-0 { width: 70px; float: left; } #w_grid-1611559377686 div#content_box-1611559377686-1 { width: calc(100% - 70px); float: left; } } @media only screen and (min-width: 769px){ #w_grid-1611559377686> div > .p_gridbox > .p_gridCell{ margin-bottom:0.6rem; margin-top:0.6rem; margin-left:2%; } #w_grid-1611559377686> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:86.88680000000001%; margin-left:2%; margin-right:0px; clear:none; } #w_grid-1611559377686> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:11.113199999999999%; } #w_grid-1611559377686> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1611559377686> div > .p_gridbox > .p_gridCell{ margin-bottom:0.6rem; margin-top:0.6rem; margin-left:0; } #w_grid-1611559377686> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1611559377686> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_fimg-1631591530055 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1631591530055 >div{ animation-fill-mode:both; } #w_fimg-1611560577744 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1611560577744 >div{ animation-fill-mode:both; } #w_fimg-1611560577744 img{ border-radius:5px; transition:all 0.6s; } #w_fimg-1611560577744:hover img{ transition:all 0.6s; transform:scale(0.9); cursor:pointer; } #yd_incp > div > .p_gridbox{ background-image:url(../images/x23.jpg); background-color:rgba(0, 0, 0, 1); position:relative; } #yd_incp .p_MatteIcon .iconfont:before{ content:'\e602'; } #yd_incp >div{ animation-fill-mode:both; } #yd_incp > div > .p_gridbox:before{ width:100%; height:100%; background:#000; position:absolute; content:''; left:0px; top:0px; opacity:0.7; } #yd_incp > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (min-width: 769px){ #yd_incp> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #yd_incp> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #yd_incp> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #yd_incp> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #yd_incp> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #yd_incp> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #yd_incp .p_gridbox{ background-attachment:fixed; } #w_grid-1597654705919 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1597654705919 >div{ animation-fill-mode:both; } #w_grid-1597654705919 > div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; } @media only screen and (min-width: 769px){ #w_grid-1597654705919> div > .p_gridbox > .p_gridCell{ margin-bottom:0.6rem; margin-top:0.6rem; margin-left:0; } #w_grid-1597654705919> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1597654705919> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1631598826021 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1631598826021 >div{ animation-fill-mode:both; } #w_grid-1631598826021 > div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1631598826021 div#content_box-1631598826021-0 { width: 70px; float: left; } #w_grid-1631598826021 div#content_box-1631598826021-1 { width: calc(100% - 70px); float: left; } } @media only screen and (min-width: 769px){ #w_grid-1631598826021> div > .p_gridbox > .p_gridCell{ margin-bottom:0.6rem; margin-top:0.6rem; margin-left:2%; } #w_grid-1631598826021> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:80.1444%; margin-left:2%; margin-right:0px; clear:none; } #w_grid-1631598826021> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:17.8556%; } #w_grid-1631598826021> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1631598826021> div > .p_gridbox > .p_gridCell{ margin-bottom:0.6rem; margin-top:0.6rem; margin-left:0; } #w_grid-1631598826021> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1631598826021> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1597656905575 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1597656905575 >div{ animation-fill-mode:both; } #w_grid-1597656905575 > div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; } @media only screen and (min-width: 769px){ #w_grid-1597656905575> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:1%; } #w_grid-1597656905575> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:49.5%; margin-left:1%; margin-right:0px; clear:none; } #w_grid-1597656905575> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:49.5%; } #w_grid-1597656905575> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1597656905575> div > .p_gridbox > .p_gridCell{ margin-bottom:0.6rem; margin-top:0.6rem; margin-left:1%; } #w_grid-1597656905575> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:49.5%; margin-left:1%; margin-right:0; clear:none; } #w_grid-1597656905575> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0; clear:left; margin-right:0; width:49.5%; } #w_grid-1597656905575> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0; } } #w_grid-1639046926740 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1639046926740 >div{ animation-fill-mode:both; } #w_grid-1639046926740 > div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; } @media only screen and (min-width: 769px){ #w_grid-1639046926740> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:1%; } #w_grid-1639046926740> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:49.5%; margin-left:1%; margin-right:0px; clear:none; } #w_grid-1639046926740> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:49.5%; } #w_grid-1639046926740> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1639046926740> div > .p_gridbox > .p_gridCell{ margin-bottom:0.6rem; margin-top:0.6rem; margin-left:1%; } #w_grid-1639046926740> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:49.5%; margin-left:1%; margin-right:0; clear:none; } #w_grid-1639046926740> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0; clear:left; margin-right:0; width:49.5%; } #w_grid-1639046926740> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0; } } #w_fbtn-1631607138097 .p_CommonBtn{ background:linear-gradient(to right,#204ca0,#204ca0); border-radius:30px; } #w_fbtn-1631607138097 .p_CommonBtn:hover{ border-color:#fff; background:none; border:solid 1px #fff; } #w_fbtn-1631607138097 .p_CommonBtn:hover .font{ color:#fff; } #w_fbtn-1631607138097 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fbtn-1631607138097 >div{ animation-fill-mode:both; } #w_grid-1597655914006 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1597655914006 >div{ animation-fill-mode:both; } #w_grid-1597655914006 > div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; } @media only screen and (min-width: 769px){ #w_grid-1597655914006> div > .p_gridbox > .p_gridCell{ margin-bottom:0.6rem; margin-top:0.6rem; margin-left:0; } #w_grid-1597655914006> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1597655914006> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1631607215580 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1631607215580 >div{ animation-fill-mode:both; } #w_grid-1631607215580 > div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1631607215580 div#content_box-1631607215580-0 { width: 70px; float: left; } #w_grid-1631607215580 div#content_box-1631607215580-1 { width: calc(100% - 70px); float: left; } } @media only screen and (min-width: 769px){ #w_grid-1631607215580> div > .p_gridbox > .p_gridCell{ margin-bottom:0.6rem; margin-top:0.6rem; margin-left:2%; } #w_grid-1631607215580> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:80.1444%; margin-left:2%; margin-right:0px; clear:none; } #w_grid-1631607215580> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:17.8556%; } #w_grid-1631607215580> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1631607215580> div > .p_gridbox > .p_gridCell{ margin-bottom:0.6rem; margin-top:0.6rem; margin-left:0; } #w_grid-1631607215580> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1631607215580> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_fbtn-1611717703085 .p_CommonBtn{ background:linear-gradient(to right,#ef7b01,#ffbc00); border-radius:30px; } #w_fbtn-1611717703085 .p_CommonBtn:hover{ border-color:#ff8800; background:none; border:solid 1px #ff8800; } #w_fbtn-1611717703085 .p_CommonBtn:hover .font{ color:rgba(239, 127, 1, 1); } #w_fbtn-1611717703085 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fbtn-1611717703085 >div{ animation-fill-mode:both; } #w_grid-1625196435966 > 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-1625195086434 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } @media only screen and (max-width: 768px){ } @media only screen and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1596685109771{ 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-1610614285441{ 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-1631587699690{ 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-1611558807116{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:600px; 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-1611558905830{ width:95%; max-width:1560px; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:6%; margin-left:auto; margin-right:auto; margin-bottom:6%; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1611558924011{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:4%; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1611559377686{ 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_fimg-1631591530055{ width:100%; max-width:70px; 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_common_text-1631591569118{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:24px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1611558905846{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:20px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1611560577744{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:200px; margin-top:0px; margin-left:auto; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #yd_incp{ 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-1597654705919{ width:95%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:4%; margin-left:auto; margin-right:auto; margin-bottom:80px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1631598826021{ width:100%; max-width:460px; 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_fimg-1631598826031{ width:100%; max-width:70px; 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_common_text-1631598826038{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:24px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1597656905575{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:35px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1639046926740{ 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_fbtn-1631607138097{ width:100%; max-width:200px; min-width:0px; height:100%; max-height:0px; min-height:46px; margin-top:40px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1597655914006{ width:95%; max-width:1600px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:4%; margin-left:auto; margin-right:auto; margin-bottom:3%; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1631607215580{ width:100%; max-width:440px; 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_fimg-1631607215590{ width:100%; max-width:70px; 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_common_text-1631607215595{ width:auto; max-width:none; min-width:0px; height:52px; max-height:none; min-height:0px; margin-top:24px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fbtn-1611717703085{ width:100%; max-width:200px; min-width:0px; height:100%; max-height:0px; min-height:46px; margin-top:1%; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1625196435966{ 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-1625195086434{ 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; } .texta1{line-height:1;font_radio:2;display-radio:1;font-size:55px;color:rgba(32,76,160,0.1);text-align:left;font-family: Arial, Helvetica, sans-serif;font-weight: 900; text-transform:uppercase} .texta2{display-radio:1;font_radio:2;font-size:42px;text-align:left;font-weight:normal;color:#204ca0;line-height:1;margin-bottom:20px;margin-top:-26px; font-weight:900;} .texta3{display-radio:1;border-top-style:solid;border-top-width:3px;border-top-color:#204ca0;max-width:30px;margin-left:0px;margin-right:auto;margin-top:25px} @media screen and (max-width: 769px){ .texta1{line-height:1;font_radio:2;display-radio:1;font-size:30px;} .texta2{display-radio:1;font_radio:2;font-size:26px;text-align:left;line-height:1;margin-bottom:20px;margin-top:-16px; font-weight:900;} } .ctexta1{line-height:1;font_radio:2;display-radio:1;font-size:55px;color:rgba(255,255,255,0.1);text-align: center;font-family: Arial, Helvetica, sans-serif;font-weight: 900; text-transform:uppercase} .ctexta2{display-radio:1;font_radio:2;font-size:42px;text-align:center;font-weight:normal;color:#fff;line-height:1;margin-bottom:20px;margin-top:-26px; font-weight:900;} .ctexta3{display-radio:1;border-top-style:solid;border-top-width:3px;border-top-color:#fff;max-width:30px;margin-left:auto;margin-right:auto;margin-top:25px} .ctexta4{line-height:55px; color:#FFF; text-align:center; font-size:16px} @media screen and (max-width: 769px){ .ctexta1{line-height:1;font_radio:2;display-radio:1;font-size:30px;} .ctexta2{display-radio:1;font_radio:2;font-size:26px;line-height:1;margin-bottom:20px;margin-top:-16px; font-weight:900;} .ctexta3{margin-top:15px} .ctexta4{line-height:55px; color:#FFF; text-align:center; font-size:12px} } .ctextb1{line-height:1;font_radio:2;display-radio:1;font-size:55px;color:rgba(255,255,255,0.1);text-align: center;font-family: Arial, Helvetica, sans-serif;font-weight: 900; text-transform:uppercase} .ctextb2{display-radio:1;font_radio:2;font-size:42px;text-align:center;font-weight:normal;color:#204ca0;line-height:1;margin-bottom:20px;margin-top:-26px; font-weight:900;} .ctextb3{display-radio:1;border-top-style:solid;border-top-width:3px;border-top-color:#204ca0;max-width:30px;margin-left:auto;margin-right:auto;margin-top:25px} .ctextb4{line-height:55px; color:#204ca0; text-align:center; font-size:16px} @media screen and (max-width: 769px){ .ctextb1{line-height:1;font_radio:2;display-radio:1;font-size:30px;} .ctextb2{display-radio:1;font_radio:2;font-size:26px;line-height:1;margin-bottom:20px;margin-top:-16px; font-weight:900;} .ctextb3{margin-top:15px} .ctextb4{line-height:55px; color:#FFF; text-align:center; font-size:12px} } #yd-news{min-height:300px;display-radio:1;padding-left:10px;padding-right:10px;padding-top:90px;padding-bottom:90px;background-fill-value:background-image;background-image:url(../images/news-bg.jpg); background-color:#eef1f5;} #yd-news .e_container-1{display:flex;flex-wrap:wrap;flex-direction:row;width:94%;max-width:1520px;margin-left:auto;margin-right:auto;display-radio:flex} #yd-news .e_container-1 > .p_item{flex:1;max-width:100%;max-height:100%} #yd-news .e_container-2{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;width:100%} #yd-news .e_container-2 > .p_item{flex:1;max-width:100%;max-height:100%} #yd-news .e_container-2 .cbox-2-0{align-self:center;flex:0 0 auto} #yd-news .e_container-2 .cbox-2-1{align-self:center;flex:0 0 auto} #yd-news .e_text-4{line-height:1;font_radio:2;font-size:32px;display-radio:1} #yd-news .e_container-5{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;margin-top:40px;display-radio:flex;} #yd-news .e_container-5 > .p_item{flex:1;max-width:100%;max-height:100%} #yd-news .e_container-5 .cbox-5-0{flex:0 0 64%; } #yd-news .e_container-5 .cbox-5-1{flex:0 0 34%;align-self:center;} #yd-news .e_container-7{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;padding-top:80px;padding-bottom:20px;padding-left:30px;padding-right:30px;bottom:0;left:0;position:absolute;background:linear-gradient(to top, rgba(0,0,0,0.3) 7%, rgba(30, 158, 58, 0) 100%)} #yd-news .e_container-7 > .p_item{flex:1;max-width:100%;max-height:100%} #yd-news .e_text-8{font_radio:2;font-size:26px;color:rgba(255,255,255,1);line-height:1.5} #yd-news .e_text-9{font_radio:2;font-size:16px;color:rgba(255,255,255,1);line-height:1.5;margin-top:10px;margin-bottom:15px;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden} #yd-news .e_image-10{overflow:hidden} #yd-news .e_image-10 img{width:100%;height:100%;object-fit:contain;transition:all .5s ease} #yd-news .e_container-11{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;padding-top:80px;padding-left:30px;padding-bottom:20px;padding-right:30px;bottom:0;left:0;position:absolute;background:linear-gradient(to top, rgba(0,0,0,0.3) 7%, rgba(30, 158, 58, 0) 100%)} #yd-news .e_container-11 > .p_item{flex:1;max-width:100%;max-height:100%} #yd-news .e_text-12{font_radio:2;font-size:26px;color:rgba(255,255,255,1);line-height:1.5} #yd-news .e_text-13{font_radio:2;font-size:16px;color:rgba(255,255,255,1);line-height:1.5;margin-top:10px;margin-bottom:15px;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden} #yd-news .e_container-14{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;display-radio:flex;max-width:1540px;margin-top:30px;margin-left:auto;margin-right:auto} #yd-news .e_container-14 > .p_item{flex:1;max-width:100%;max-height:100%} #yd-news .e_loop-15 .p_list{display:flex;flex-wrap:wrap;position:relative;max-width:100%} #yd-news .e_loop-15 .p_loopitem{flex:0 0 33.3%;position:relative} #yd-news .e_loop-15 .p_page{text-align:center} #yd-news .e_loop-15 .p_filter_wrapper{width:100%;font-size:13px} #yd-news .e_loop-15 .p_kv_wrapper{display:flex;flex-wrap:nowrap;line-height:40px;margin:15px 0} #yd-news .e_loop-15 .p_filter_key{width:70px;overflow:hidden;margin-right:10px;font-weight:bold;color:#333333;font-size:12px} #yd-news .e_loop-15 .p_v_item{display:inline-block;padding:0 3px;cursor:pointer;font-size:13px;color:#555555;margin-right:30px} #yd-news .e_loop-15 .p_active .p_fbutton{color:#fff;background-color:cornflowerblue} #yd-news .e_loop-15 .p_result_item{position:relative;padding:3px 20px 3px 10px;border:1px solid #ddd;border-radius:3px;margin-right:10px} #yd-news .e_loop-15 .p_filter_close{position:absolute;right:0;top:0;padding:3px;font-style:normal;font-size:16px;margin-top:-5px;cursor:pointer} #yd-news .e_loop-15 .multSelect{font-size:13px;position:relative} #yd-news .e_loop-15 .multSelect .inputWrap{width:100%;min-width:100px;min-height:24px;border:1px solid #DCDFE6;border-radius:3px;position:relative;cursor:pointer;background:white} #yd-news .e_loop-15 .multSelect.is-invalid .inputWrap{border-color:#dc3545} #yd-news .e_loop-15 .multSelect ul{padding:0 5px;margin:0;padding-right:35px} #yd-news .e_loop-15 .multSelect ul,li{list-style:none} #yd-news .e_loop-15 .multSelect li{display:inline-block;background:#edf0f3;color:#92969c;padding:0px 5px;margin:1px 5px 1px 0;border-radius:5px;line-height:16px} #yd-news .e_loop-15 .multSelect .multSelect-option{width:100%;border:1px solid #DCDFE6;border-radius:2px;border-top:0;max-height:200px;overflow-y:scroll;position:absolute;height:0;opacity:0;z-index:9;background:#fff} #yd-news .e_loop-15 .multSelect .multSelect-option>div{line-height:24px;cursor:pointer;padding:0 10px} #yd-news .e_loop-15 .multSelect .multSelect-option>div.selected{color:#409eff} #yd-news .e_loop-15 .multSelect .multSelect-option>div:hover{color:#409eff;background:#f3f6f9} #yd-news .e_loop-15 .multSelect .fa-close{font-style:normal;font-size:12px;padding:0 5px 0 7px} #yd-news .e_loop-15 .multSelect .inputWrap>.fa svg{fill:#666;width:12px;height:12px;position:absolute;right:0;top:calc(50% - 3px)} #yd-news .e_loop-15 .multSelect .inputWrap>.fa-down svg{transform:rotate(-90deg)} #yd-news .e_loop-15 .multSelect .inputWrap>.fa-up svg{transform:rotate(90deg)} #yd-news .e_loop-15 .multSelect .placeholder{line-height:40px;padding-left:10px;color:#aaa;position:absolute;left:0;top:0} #yd-news .e_loop-15 .p_normal_start{display:inline;width:100px;height:40px} #yd-news .e_loop-15 .p_date_start{display:inline;width:105px;height:40px} #yd-news .e_loop-15 .p_normal_end{display:inline;width:100px;height:40px;margin-right:5px} #yd-news .e_loop-15 .p_date_end{display:inline;width:105px;height:40px;margin-right:5px} #yd-news .e_loop-15 .p_split{margin:0 5px} #yd-news .e_loop-15 .p_normal{margin-right:16px} #yd-news .e_loop-15 .p_fbutton{background-color:#007bff;border:1px solid #409EFF;text-decoration:none;color:white;font-size:14px;text-align:center;padding:10px 25px;position:relative;overflow:hidden} #yd-news .e_loop-15 .input-check,#yd-news .e_loop-15 .input-radio{margin:0 5px;vertical-align:text-top} #yd-news .e_loop-15 .position-left{display:flex} #yd-news .e_loop-15 .position-right{display:flex;flex-direction:row-reverse} #yd-news .e_loop-15 .position-bottom{display:flex;flex-direction:column-reverse} #yd-news .e_loop-15 .p_mbutton{border:1px solid #409EFF;text-decoration:none;color:#409EFF;font-size:14px;text-align:center;padding:10px 25px;position:relative;overflow:hidden} #yd-news .e_loop-15 .p_mbutton:after{content:"";display:none;width:16px;height:16px;background-color:#409eff;-webkit-transform:skewY( -45deg);transform:skewY( 360deg);position:absolute;bottom:0px;right:0;z-index:1} #yd-news .e_loop-15 .p_mbutton::before{content:"";display:none;width:6px;height:9px;border-right:#ffffff solid 2px;border-bottom:#ffffff solid 2px;-webkit-transform:rotate( 35deg);transform:rotate( 35deg);position:absolute;bottom:5px;right:4px;z-index:2} #yd-news .e_loop-15 .p_active .p_mbutton::before{display:block} #yd-news .e_loop-15 .p_active .p_mbutton::after{display:block} #yd-news .e_loop-15 .p_input_match{width:100px;height:40px;padding:10px;border:1px solid #ced4da;border-radius:3px} #yd-news .e_loop-15 .p_filter_result{display:none} #yd-news .e_loop-15 .p_contclear{cursor:pointer;display:none} #yd-news .e_loop-15 .swiper-container{padding-bottom:30px} #yd-news .e_loop-15 .p_imgwrapper{width:80px;height:100px;overflow:hidden} #yd-news .e_loop-15 .p_imgtitle{display:flex;justify-content:center;flex-wrap:nowrap;margin:0 auto;line-height:20px} #yd-news .e_loop-15 .p_imgwrapper img{width:100%;object-fit:cover} #yd-news .e_loop-15 .p_active .p_imgwrapper{border:1px solid #409eff} #yd-news .e_loop-15{display-radio:1;padding-left:0px;padding-right:0px} #yd-news .e_container-16{position:relative;display:flex;flex-wrap:wrap;flex-direction:row;background-color:rgba(255,255,255,1);padding-top:25px;padding-left:20px;padding-bottom:25px;padding-right:20px;margin:15px;box-shadow:0 5px 10px 0px rgb(29 56 72 / 10%);display-radio:flex;width:auto} #yd-news .e_container-16:after{content:'';position:absolute;left:0;bottom:0;background:var(--primary);width:100%;height:0%;z-index:1;transition:all .5s ease} #yd-news .e_container-16:hover:after{height:100%} #yd-news .e_container-16 > .p_item{flex:1;max-width:100%;max-height:100%;z-index:2} #yd-news .e_container-16:hover > .p_item p{transition:all .5s ease;color:#fff} #yd-news .e_container-17{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;padding-bottom:20px;display-radio:flex} #yd-news .e_container-17 > .p_item{flex:1;max-width:100%;max-height:100%} #yd-news .e_container-17 .cbox-17-0{align-self:center;flex:0 0 auto} #yd-news .e_container-17 .cbox-17-1{flex:0 0 auto;align-items:flex-end;display:flex} #yd-news .e_text-18{line-height:1.5;font_radio:2;font-size:18px;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:15px;display-radio:-webkit-box;color:rgba(56,56,56,1)} #yd-news .e_text-20{line-height:normal;font_radio:2;font-size:14px;color:rgba(129,129,129,1);margin-left:15px} #yd-news .e_container-21{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;align-items:flex-end} #yd-news .e_container-21 > .p_item{flex:0 0 auto;max-width:100%;max-height:100%} #yd-news .e_text-22{line-height:1;font_radio:2;color:var(--primary);font-size:20px;margin-left:10px;margin-right:10px} #yd-news .e_timeFormat-23{min-height:20px;font_radio:2;font-size:20px;color:var(--primary);line-height:1;font-family:Antonio;margin-bottom:-2px} #yd-news .e_timeFormat-24{min-height:20px;font_radio:2;font-size:46px;color:var(--primary);line-height:1;font-family:Antonio;margin-bottom:-5px;display-radio:1} #yd-news .e_image-6{overflow:hidden} #yd-news .e_image-6 img{width:100%;height:100%;object-fit:contain} #yd-news .e_button-25{display:block;position:relative;overflow:hidden;text-align:center;box-sizing:border-box;width:150px;padding:0px;line-height:46px;background_radio:2;border_radio:2;font_radio:1;radius_radio:2;display-radio:block;max-width:none;background-color:var(--primary);border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;border:0;margin-left:0px;margin-right:auto} #yd-news .e_button-25 span{display:block;width:100%;position:relative;z-index:1;outline:0;margin:0px;overflow:hidden} #yd-news .e_button-25::after{content:"";position:absolute;width:0;height:100%;transition:all .3s;z-index:0;opacity:0;top:0;left:0px} #yd-news .e_button-25:hover::after{opacity:1} #yd-news .e_button-25:hover{background-color:var(--primary);border-style:solid;border-color:rgba(64, 158, 255, 1);border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:0px;border-bottom-right-radius:0px} #yd-news .e_button-25:before{border-radius:50%} #yd-news .e_richText-26{font_radio:2;display-radio:-webkit-box;font-size:14px;color:rgba(120,120,120,1);line-height:1.5;font-weight:normal;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden} #yd-news .e_container-16:hover .e_richText-26{color:#fff} @media screen and (max-width:768px){#yd-news .e_container-5{justify-content:flex-start;flex-direction:column} #yd-news .e_loop-15 .p_loopitem{flex-grow:0;flex-shrink:0;flex-basis:calc(100% / 1)} #yd-news .e_text-4{font-size:26px;font_radio:2;display-radio:1} #yd-news .e_container-5 .cbox-5-1{display:none} #yd-news .e_image-10 img{height:200px;object-fit:cover} #yd-news .e_container-11{padding:10px} #yd-news .e_text-12{font-size:20px} #yd-news .e_text-13{font-size:14px} #yd-news .e_container-16{margin:5px;padding:20px} #yd-news .e_text-18{font-size:16px;margin-bottom:10px} #yd-news .e_timeFormat-24{font-size:30px} #yd-news{display-radio:1;padding-left:20px;padding-top:70px;padding-bottom:70px;padding-right:20px} } @media screen and (min-width: 769px){#yd-news .e_container-5{justify-content:space-between} #yd-news .e_loop-15 .p_loopitem{flex-grow:0;flex-shrink:0;flex-basis:calc(100% / 3)} } @media screen and (max-width: 1024px) and (min-width: 769px){#yd-news{display-radio:1;padding-left:20px;padding-right:20px} #yd-news .e_container-5{display-radio:1} #yd-news .e_container-1{display-radio:1;padding-left:0px;padding-right:0px;margin-left:auto;margin-right:auto} } body{line-height:1.66666;margin:0 auto;padding:0;-moz-osx-font-smoothing:antialiased;-webkit-font-smoothing:antialiased} li,ul{list-style:none;padding:0} .h6,h6{font-weight:400} a{color:inherit} a:hover{text-decoration:none} img[lazy]{filter:blur(.3em)} img{filter:blur(0);transition:filter 1s} .lazyImg{display:inline} .icon{font-size:16px;width:20px;height:20px;margin-right:3px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:middle;margin-top:-3px;fill:currentColor} .pl_empty{width:100%;height:100%;min-height:200px;display:flex;justify-content:center;align-content:center;align-items:center;color:#999;font-size:14px} .p_required,[class^=e_][required] .p_label::after{vertical-align:middle;font-size:1.4em;line-height:100%;top:.15em;padding-left:5px;position:relative;font-weight:700} div[class^=cbox-],div[id^=c_]{position:relative} .formHide,.hide{display:none!important} [class^=e_][required] .p_label::after{color:red;content:"*"} .font12{font-size:12px!important} .font14{font-size:14px!important} .font16{font-size:16px!important} .font18{font-size:18px!important} .font20{font-size:20px!important} .font24{font-size:24px!important} .font28{font-size:28px!important} .font32{font-size:32px!important} .font48{font-size:48px!important} .font64{font-size:64px!important} .page_con{display:inline} .page_a{display:inline-block;line-height:30px;height:30px;width:30px;margin:0 3px;background:#f4f4f4;color:#666;text-decoration:none} .page_a:hover{text-decoration:none;background:#e6f4ff;color:#30a7fd} .page_a.current{background:#1f98fc;color:#fff} .page_a.disabled{background:#f4f4f4;color:#ccc;cursor:not-allowed} .page_jump{margin-left:5px} .page_input{border:1px solid #d5d5d5;line-height:28px;height:28px;width:40px} @media only screen and (max-width:768px){.page_jump{display:none} } :root{--primary:#204ca0;--bannHight:300px;--bannMarginTop:0px;--bannBtnTop:40%;--bannImgFilter:brightness(70%)} .reset_style,body{word-break:break-word} @keyframes imgDX{0%{width:0;left:auto;right:0} 35%{width:100%;left:auto;right:0} 65%{width:100%;right:auto;left:0} 100%{width:0;right:auto;left:0}