.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_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); }.c_portalResComplaintPage_detail-01001 { margin-left: auto; margin-right: auto; width: 100%; height: auto; max-width: 100%; min-width: 320px; overflow: hidden; } .c_portalResComplaintPage_detail-01001 .p_header { text-align: center; } .c_portalResComplaintPage_detail-01001 .p_time { text-align: center; margin: 20px 0; } .c_portalResComplaintPage_detail-01001 .p_articles { margin-top: 0px; } .c_portalResComplaintPage_detail-01001 .p_PromptNoneData{ width: auto; background-color: inherit; text-align: center; } .c_portalResComplaintPage_detail-01001 .p_PromptNoneData .prompt_title .iconfont:before { content: ""; } .c_portalResComplaintPage_detail-01001 .p_PromptNoneData .prompt_title .first{ height: auto; display: table-cell; font-size: 32px; position: relative; color: #09bb07; vertical-align: middle; padding: 0 10px 5px 0; } .c_portalResComplaintPage_detail-01001 .p_PromptNoneData .prompt_title{ display: inline-table; padding: 0 30px; min-height: 200px; height: 100%; } .c_portalResComplaintPage_detail-01001 .p_PromptNoneData .prompt_title .first:before{ content: "\e6b4"; } .c_portalResComplaintPage_detail-01001 .p_PromptNoneData .prompt_title .font{ font-size: 18px; display: table-cell; line-height: normal; vertical-align: middle; color: rgba(51,51,51,1); font-weight: bold; text-align: left; } .c_portalResComplaintPage_detail-01001 .p_PromptNoneData .promptbox{ width: auto; height: 100%; } .c_portalResComplaintPage_detail-01001 .p_PromptNoneData .prompt_content { font-size: 14px; color: rgba(105, 105, 105,1); padding-left: 65px; }  @media only screen and (max-width: 768px) { .c_portalResComplaintPage_detail-01001 .p_complaintPageDetails { padding: 0px 0px; } .c_portalResComplaintPage_detail-01001 .p_time { margin-top: 10px; } .c_portalResComplaintPage_detail-01001 .p_articles { margin-top: 0px; } }  @media only screen and (min-width:769px) { .c_portalResComplaintPage_detail-01001 .p_complaintPageDetails { padding: 0px 0px; } .c_portalResComplaintPage_detail-01001 .p_header { padding-bottom: 8px; } .c_portalResComplaintPage_detail-01001 .p_timeIcon { width: auto; height: auto; display: inline-block; font-size: inherit; margin-right: 5px; } .c_portalResComplaintPage_detail-01001 .p_timeIcon:before { content: '\e67a'; } }  @media only screen and (min-width:769px) and (max-width:1024px) { } .c_portalResComplaintPage_detail-01001 .p_header{ display:none; } .c_portalResComplaintPage_detail-01001 .p_time{ display:none; }.leftBar {width:80px; height:100vh; max-height:1440px; background:#fff; box-shadow:0 5px 20px rgba(0,0,0,0.1); position:fixed; left:0; top:0; z-index:99;} .leftBar .menuBtn {width:100%; height:80px; position:relative;} .leftBar .menuBtn span {width:30px; height:2px; background:#666; display:block;position:absolute; left:50%; top:50%; margin:-1px 0 0 -15px;} .leftBar .menuBtn span:before {content:"";display:block;width:24px; height:2px; background:#666;position:absolute; left:0; bottom:11px;} .leftBar .menuBtn span:after {content:"";display:block;width:24px; height:2px; background:#666;position:absolute; left:0; top:11px;} .pageNum {width:100%; height:100px; position:absolute; left:0; top:50%; margin-top:-50px;} .pageNum:before {content:"";display:block; width:40px; height:1px; background:#666;position:absolute; top:50%;left:50%; margin-left:-20px; transform: rotate(-45deg);} .pageNum span {display:block; text-align:center; height:20px; line-height:20px;font-size:16px;} .pageNum span:first-child {margin-bottom:60px;} .copy { width: 100px; display: block; line-height: 20px; font-size: 14px; position: absolute; bottom: 30px; transform: rotate(-90deg); word-break: keep-all; word-spacing: normal; transform-origin: left top; left: 30px;} @media only screen and (max-width: 768px){ .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){ }.c_portalResPublic_websiteShare-01001 { margin-left: auto; margin-right: auto; width: 100%; height: auto; max-width: 100%; min-width: 320px; overflow: hidden; } .c_portalResPublic_websiteShare-01001 .row { margin-left: 0; margin-right: 0; text-align: right; } .c_portalResPublic_websiteShare-01001 .row-pad { padding: 15px 0 0 0; } .c_portalResPublic_websiteShare-01001 .iShare a { display: inline-block; vertical-align: middle; width: 30px; height: 30px; margin: 5px;  margin-right: 10px; margin-left: 0px; } .c_portalResPublic_websiteShare-01001 .iShare img { width: 100%; height: 100%; }  @media screen and (min-width:769px) { }  @media screen and (min-width:769px) and (max-width:1024px) { .c_portalResPublic_websiteShare-01001 .row-pad { padding-right:30px; } }  @media screen and (max-width: 768px) { .c_portalResPublic_websiteShare-01001 .row-pad { padding: 0px 0 0 0; padding-right: 0px!important; margin-bottom: 0px; } .c_portalResPublic_websiteShare-01001 .row{ text-align:center; } }.c_portalResPublic_credible-01001{ width: 100%; height: auto; overflow: hidden; margin-right: auto; margin-left: auto; max-height: 192px; max-width: 1180px; } @media only screen and (max-width: 768px){ .c_portalResPublic_credible-01001 .content{ width: 100%; height: 100px; } .c_portalResPublic_credible-01001 .content img { display: inline-block; width: 100%; height: auto; } } @media only screen and (min-width: 769px){ .c_portalResPublic_credible-01001 .content{ width: 100%; height: 100px; } .c_portalResPublic_credible-01001 .content img { display: inline-block; width: 100%; height: auto; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ }.footNav {display:flex; flex-wrap:wrap; border-left:1px #555 solid;} .footNav .aboutNav {padding:10px 40px;} .footNav .aboutNav .yjNav {padding:10px 0;} .footNav .aboutNav .yjNav a{ color:#ccc; font-size:18px; font-weight:bold; line-height:40px; display:block;position:relative;} .footNav .aboutNav .yjNav a:after {content:"鈫�";display:block; font-size:16px; color:#999; position:absolute; right:10px; top:50%; transform:translateY(-50%);} .footNav .aboutNav .ejNavBox a{display:block; line-height:40px; color:#ccc; position:relative;} .footNav .aboutNav .ejNavBox a:after {content:"鈫�";display:block; font-size:16px; color:#999; position:absolute; right:10px; top:50%; transform:translateY(-50%);} @media only screen and (max-width: 768px) {  } @media only screen and (max-width: 1024px) and (min-width: 769px){  }.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){ }.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){ } body{ font-family:Microsoft yahei; } div,p,span.h1,h2,h3{ font-family:Microsoft yahei; } .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: table-cell; 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(255, 102, 0, 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; }header {width:100%;height:auto;position:relative;z-index:99;transition:all 0.6s;background:#fff;} header.on {background:#fff; box-shadow:0 5px 15px rgba(0,0,0,0.1);} header .navBox {display:flex;padding: 0 0px;max-width: 96%;margin: 0 auto;} header .navBox .logoRim {display:flex; align-items: center;} header .navBox .logoRim a{display:block;} header .navBox .logoRim a img {display:block;height: auto;max-width: 240px;} header .navBox .logoRim span {display:block;line-height:80px; padding:0 15px;color:#ccc;} header .navBox .nav{flex:1;} header .navBox .nav ul {text-align:center;} header .navBox .nav ul li {display:inline-block;} header .navBox .nav li {width: 12.5%;max-width: 150px;} header .navBox .nav ul li a.Link1 {display:block;padding: 0px;line-height: 90px;font-size:16px;color:#666;position:relative;} header .navBox .nav ul li a.Link1 i {display:none;} header .navBox .nav ul li a.Link1:before {content:"";display:block;position:absolute;left:50%;transform: translateX(-50%);bottom: 20px;width:0;height:3px;background: #00783e;transition:all 0.6s;} header .navBox .nav ul li a.Link1:hover {color: #00783e;font-weight: 100;} header .navBox .nav ul li a.Link1:hover:before {width:calc(100% - 40px);} header .navBox .rightBox {display:flex;} header .navBox .rightBox .searchRim {line-height:80px;width: 90px;text-align: right;font-size:16px;cursor: pointer;color:#ccc;display: flex;align-items: center;} header .navBox .rightBox .searchRim a{display: flex;align-items: center;} .p_search{margin-right:30px;} header.on .nav ul li a.Link1{color:#666;} header .navBox .nav ul li{} header .navBox .nav ul li .dropdown_menu {width:100%; height:auto; background:#fff; border-top:1px solid #ddd;position:absolute; left:0; top:180%; opacity:0; visibility: hidden;transition:all 0.6s;} header .navBox .nav ul li:hover .dropdown_menu{ top:100%; opacity:1;visibility: visible;} header .navBox .nav ul li .dropdown_menu .ejBox {width:100%; margin:0 auto; display:flex;flex-wrap:wrap; background:#f8f8f8;} header .dropdown_menu .ejBox .ejItems{ text-align:left; padding:0; } header .dropdown_menu .ejBox .ejItems:last-child{border:none;} header .dropdown_menu .ejBox .ejItems h2 {font-size:24px; color:#444;} header .dropdown_menu .ejBox .ejItems .yjimgBox {padding:0 50px; text-align:center; color:#fff; width:100%; text-transform:uppercase;} header .dropdown_menu .ejBox .ejItems .yjimgBox h2 {color:#fff; padding-bottom:10px;} header .dropdown_menu .ejBox .ejItems:nth-child(1) {display:flex;align-items:center;background:url(/img/hg_navleft.jpg?tenantId=246719&viewType=1&v=000) #00783e;} header .dropdown_menu .ejBox .ejItems .ejLinks {display:flex; flex-wrap:wrap; padding:15px;} header .dropdown_menu .ejBox .ejItems .ejLinks .ejLinkBox {display:flex; padding:15px;} header .dropdown_menu .ejBox .ejItems .ejLinks .ejLinkBox .ejimgBox {overflow:hidden;} header .dropdown_menu .ejBox .ejItems .ejLinks .ejLinkBox img { width:120px; height:120px; transition:all 0.6s;} header .dropdown_menu .ejBox .ejItems .ejLinks a.Link2 {display:block; flex:1;line-height:120px; font-size:14px; background:#fff; color:#666; position:relative; padding:0 20px;transition: 0.4s; -moz-transition: 0.4s; -webkit-transition: 0.4s; -o-transition: 0.4s;} header .dropdown_menu .ejBox .ejItems .ejLinks a.Link2 i {font-size:12px; color:#999; position:absolute;right:10px; top:50%; transform:translateY(-50%); width:20px; height:20px; line-heigth:20px;} header .dropdown_menu .ejBox .ejItems .ejLinks a.Link2:hover {color:#fff; background:#00783e;} header .dropdown_menu .ejBox .ejItems .ejLinks a.Link2:hover i {color:#fff;} header .dropdown_menu .ejBox .ejItems .ejLinks .ejLinkBox:hover img {transform:scale(1.1);} header .navBox .rightBox .navToggle {width:40px; height:60px;position:relative;cursor: pointer; margin-top:10px; display:none;} header .navBox .rightBox .navToggle span {display:block;width: 30px;position:absolute;right:0;top:50%;margin-top:-1.5px;height: 2px;background:#666;border-radius:2px;transition:all 0.6s;} header .navBox .rightBox .navToggle span:before {content:"";display:block;width: 22px;position:absolute;left:4px;bottom:10px;height: 2px;background:#666;border-radius:2px;transition:all 0.6s;} header .navBox .rightBox .navToggle span:after {content:"";display:block;width:22px;position:absolute;left:4px;top:10px;height: 2px;background:#666;border-radius:2px;transition:all 0.6s;} header .navBox .rightBox .navToggle.closeThis span{width:22px;right:6px;background: #d2bb84;} header .navBox .rightBox .navToggle.closeThis span:before{width:30px;left:0;background: #d2bb84;} header .navBox .rightBox .navToggle.closeThis span:after{left:0;background: #d2bb84;} @media only screen and (max-width: 768px) { header .navBox .nav ul li:last-child{width:100%;} header .navBox .logoRim {flex:1;} header .navBox .rightBox .navToggle {display:block;margin-top: 0px;} header .navBox .nav { width:100%; flex:none; position:absolute;left:0;top:100%; background:#fff; opacity:0; top:160%; visibility:hidden; transition:all 0.6s;max-height:calc(100vh - 80px);overflow-y:auto; height:auto; border-top:1px solid #ddd;} header .navBox .nav ul{text-align:left;border-top:none;height: 100%;} header .navBox .nav ul li {display:block;width: 100%;max-width: 100%;} header .navBox .nav ul li a.Link1{line-height:60px;border-bottom:1px #ddd solid;padding: 0 20px;} header .navBox .nav.open {opacity:1; top:100%;visibility: visible;} header .navBox .nav ul li .dropdown_menu{position:relative; display:none;border-top:none;} header .navBox .nav ul li:hover .dropdown_menu {display:block;} header .navBox .nav ul li a.Link1:before {display:none;} header .navBox .nav ul li a.Link1 i {font-size:14px; float:right; line-height:60px;transition:all 0.4s; display:inline-block;} header .navBox .nav ul li:hover a.Link1 i { transform: rotate(90deg);} header .navBox .nav ul li .dropdown_menu .ejBox {padding:20px;} header .dropdown_menu .ejBox .ejItems{border:none;} header .dropdown_menu .ejBox .ejItems .yjimgBox {padding:0;} header .dropdown_menu .ejBox .ejItems .yjimgBox img {margin:0;} header .dropdown_menu .ejBox .ejItems h2 {display:none;} header .dropdown_menu .ejBox .ejItems .ejLinks {padding:0;} header .dropdown_menu .ejBox .ejItems .ejLinks a.Link2{width:100%; border-bottom:1px solid #ddd;} header .navBox .rightBox .searchRim a.mail{display:none; } header .navBox .rightBox .searchRim{width:30px;} header .navBox .logoRim a{padding:0px;} header .navBox .logoRim a img{max-width: 170px;} header .navBox{max-width:90%;} } @media only screen and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } .loadingBox {position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; display:flex; align-items:center;overflow:hidden; } .loadingBox .logoBox {text-align:center; width:100%; padding-bottom:50px;position:relative;z-index:2;opacity:1; tansition:all 1.5s;} .loadingBox .logoBox img {width:100%; max-width:204px; margin:0 auto;} .loadingBox .loadingBar {padding-top:50px;width:100px; height:auto; overflow:hidden; display:block; margin:0 auto; position:relative;} .loadingBox:before{content:"";display:block; width:100%; height:50%; position:absolute; left:0; top:0;background:#fff; z-index:1; transition:all 1.5s ease 0.5s;} .loadingBox:after{content:"";display:block; width:100%; height:50%; position:absolute; left:0; bottom:0;background:#fff; z-index:1;transition:all 1.5s ease 0.5s;} .loadingBox.hideLoad .logoBox{opacity:0;} .loadingBox.hideLoad:before{height:0;} .loadingBox.hideLoad:after{height:0;} .loadingBox.hideLoad{ height:0; transition:all 0.5s ease 2s;} .sk-circle { margin: 0 auto; width: 40px; height: 40px; position: relative; } .sk-circle .sk-child { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .sk-circle .sk-child:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #999; border-radius: 100%; -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; } .sk-circle .sk-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } .sk-circle .sk-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } .sk-circle .sk-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .sk-circle .sk-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } .sk-circle .sk-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); } .sk-circle .sk-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sk-circle .sk-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); } .sk-circle .sk-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); } .sk-circle .sk-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .sk-circle .sk-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); } .sk-circle .sk-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); } .sk-circle .sk-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-circle .sk-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-circle .sk-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-circle .sk-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .sk-circle .sk-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .sk-circle .sk-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .sk-circle .sk-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .sk-circle .sk-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .sk-circle .sk-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .sk-circle .sk-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .sk-circle .sk-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @-webkit-keyframes sk-circleBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-circleBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } }@media only screen and (max-width: 768px){ .c_portalResPublic_codeContainer-01001005{ 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; } .industryINav{ position:static!important; } } @media only screen and (min-width: 769px){ .c_portalResPublic_codeContainer-01001005{ 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; } } .industryIbox{ position: relative; overflow: hidden; color: #fff; } .industryIDemo{ position: relative; overflow: hidden; margin: 0 !important; } .industryIDemo .item{ position: relative; opacity: 1 !important; border: none; } .industryIDemo .img{ position: relative; overflow: hidden; background:#000; } .industryIDemo .img img{ width: 100%; display: block; opacity: 1; } .industryIDemo .black-30{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .con .title{ font-weight:bold; font-size:2.25rem; } .industryIDemo .con{ position: absolute; left: 10%; top: 20%; max-width: 1420px; transform: translateX(100px); -webkit-transform: translateX(100px); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; opacity: 0; visibility: hidden; } .industryIDemo .t{ font-size: 24px; line-height: 1.5; color: #fff; } .industryIDemo .by{ font-weight: bold; color: #ffffff; font-size: 30px; line-height: 1.2; margin-top: 5px; } .industryIDemo .txt{ color: #fff; margin-top: 28px; font-size: 15px; height: 50px; overflow: hidden; } .industryIDemo .slick-active{ z-index:800 !important; border: none; } .industryIDemo .slick-active .img { -webkit-animation: slideIn 1s ; animation: slideIn 1s; } .industryIDemo .slick-active .img img { -webkit-animation: imgIn 1s; animation: imgIn 1s; } @-webkit-keyframes slideIn { 0% { -webkit-transform: translateX(-100%); opacity: 1; } 100% { -webkit-transform: translateX(0); opacity: 1; } } @keyframes slideIn { 0% { transform: translateX(-100%); opacity: 1; } 100% { transform: translateX(0); opacity: 1; } } @-webkit-keyframes imgIn { 0% { -webkit-transform: -webkit-translateX(100%); opacity: 1; } 100% { -webkit-transform: -webkit-translateX(0); opacity: 1; } } @keyframes imgIn { 0% { transform: translateX(100%); opacity: 1; } 100% { transform: translateX(0); opacity: 1; } } .industryIDemo .slick-active .con { transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0) skew(0); opacity: 1; visibility: visible; transition: 680ms 480ms; -webkit-transition: 680ms 480ms; } .industryINav{ position: absolute; left: 0; bottom: 0; width: 100%; margin: 0 !important; } .industryINav .item{ float: left; display: block; width: 33.33%; cursor: pointer; border: none; } .industryINav .itemC{ border-left: 1px solid #fff; border-top: 1px solid #fff; border-left:1px solid rgba(255,255,255,0.3); border-top:1px solid rgba(255,255,255,0.3); padding: 20px 50px 0px; height:180px; text-align: center; position: relative; z-index: 1; } .industryINav .itemC:before { content: ""; width: 100%; height: 100%; z-index: -1; position: absolute; left: 0; bottom: 0px; background: rgba(0,4,153,.8); transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .38s cubic-bezier(.4,0,.2,1); transition: transform .38s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9; } .industryINav .ico{ width: 60px; height: 60px; display: block; margin: 0 auto 15px; font-size:2.5rem; } .industryINav .t{ font-size: 16px; line-height: 1.5; margin-bottom: 2px; } .industryINav .en{ text-transform: uppercase; line-height: 1.2; margin-bottom: 8px; } .industryINav .addico{ background: url(//dfs.yun300.cn/group1/M00/03/B2/rBQBHVyr-miETVyiAAAAACMB2M8834.png?tenantId=246719&viewType=1&v=000) no-repeat scroll center center; background-size: cover; width: 10px; height: 10px; display: block; margin: 0 auto; transition: 0.3s; -webkit-transition: 0.3s; } .industryINav .moreBtn{ opacity: 0; margin: 0 auto; visibility: hidden; } .industryINav .moreBtn .txt{ color: rgba(255,255,255,.5); } .industryINav .moreBtn:hover .txt{ color: #fff; } .industryINav .slick-current .ico { -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; font-size:2.75rem; } .industryINav .slick-current .itemC:before { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9; } @keyframes gelatine { from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); } 50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); } 75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); } } @-webkit-keyframes gelatine { from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); } 50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); } 75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); } } .industryINav .slick-current .addico{ opacity: 0; visibility: hidden; transform: rotate(90deg); -webkit-transform: rotate(90deg); } .industryINav .slick-current .moreBtn{ opacity: 1; visibility: visible; } .industryINav .itemC:hover .ico{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; } .industryINav .itemC:hover .addico{ transform: rotate(90deg); -webkit-transform: rotate(90deg); } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; background: rgba(0,0,0,.5); } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }.w_ficon-001{ display: table; width: 100%; height: 100%; max-width: 80px; max-height: 0; min-height: 80px; margin: 0 auto; } .w_ficon-001 .w_ficon{ display: table-cell; vertical-align: middle; text-align: center } .w_ficon-001 .e_link{ display: inline-block; height: auto; } .w_ficon-001 .p_icon{ margin:0; width:inherit; height:inherit; color:rgba(102,102,102,1); } .w_ficon-001 .p_icon:before{ content: '\e6b4'; font-size: 30px; }@CHARSET "UTF-8"; #c_portalResnav_main-16113068048505235{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } @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){ } #c_portalResPublic_websiteShare-16115567867055753{ width:100%; max-width:100%; min-width:32px; 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; } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #c_portalResComplaintPage_detail-16115567867052567 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResComplaintPage_detail-16115567867052567 >div{ animation-fill-mode:both; } #c_portalResComplaintPage_detail-16115567867052567 .bottom{ width:100%; border-top:none; } #c_portalResComplaintPage_detail-16115567867052567 .bottom .bom{ padding:20px 0px 0px; } #c_portalResComplaintPage_detail-16115567867052567 .bottom p{ font-size:14px; color:#aaa; text-align:left; line-height:35px; } #c_portalResComplaintPage_detail-16115567867052567 .bottom p a{ color:#aaa; } #c_portalResComplaintPage_detail-16115567867052567 .bottom .left{ width:60%; float:left; } #c_portalResComplaintPage_detail-16115567867052567 .bottom .right{ width:40%; float:right; text-align:right; margin-bottom:10px; } @media only screen and (max-width: 768px){ #c_portalResComplaintPage_detail-16115567867052567 .bottom p { text-align:center; } #c_portalResComplaintPage_detail-16115567867052567 .bottom .left { width: 100%; } #c_portalResComplaintPage_detail-16115567867052567 .bottom .right { width: 100%; text-align:center; margin-bottom: 10px; } #c_portalResComplaintPage_detail-16115567867052567 .bottom .bom{ padding:0px 0px 0px; } } #c_portalResComplaintPage_detail-16115567867052567{ width:100%; max-width:1560px; min-width:320px; 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; } @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-16245024986251301{ width:auto; max-width:none; min-width:0px; height:0px; 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; } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #c_portalResnav_main-16115567867015385 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResnav_main-16115567867015385 >div{ animation-fill-mode:both; } #c_portalResnav_main-16115567867015385 .foot_nav_wrapper .fnav_2:not(:first-of-type){ display:none; } #c_portalResnav_main-16115567867015385 .foot_nav_wrapper{ display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; } #c_portalResnav_main-16115567867015385 .foot_nav_con{ width:100%; max-width:calc(50% - 30px); } #c_portalResnav_main-16115567867015385 .nav_title{ font-size:22px; line-height:1.6; letter-spacing:normal; font-weight:bold; margin-bottom:40px; color:#babbba; text-transform:capitalize; } #c_portalResnav_main-16115567867015385 .nav_link{ width:100%; margin-bottom:15px; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; transition:all .5s ease; } #c_portalResnav_main-16115567867015385 .foot_nav_con .ej_link{ font-size:14px; line-height:2em; letter-spacing:1.5px; text-transform:uppercase; color:#babbba; } #c_portalResnav_main-16115567867015385 .foot_nav_con .nav_s_title{ display:inline-block; } #c_portalResnav_main-16115567867015385 .foot_nav_con .nav_icon{ display:inline-block; width:15px; height:15px; margin-left:20px; color:#666; } #c_portalResnav_main-16115567867015385 .foot_nav_con .nav_icon img{ height:100%; width:100%; display:block; filter:brightness(0.5); transition:all .5s ease; } #c_portalResnav_main-16115567867015385 .foot_nav_con .nav_link:hover{ color:#fff; } #c_portalResnav_main-16115567867015385 .foot_nav_con .nav_link:hover img{ filter:brightness(1); } #c_portalResnav_main-16115567867015385 .foot_nav_con .yj_link{ font-size:15px; line-height:2em; letter-spacing:0.5px; font-weight:bold; text-transform:uppercase; color:#babbba; } #c_portalResnav_main-16115567867015385 .nav_link.yj_link{ margin-bottom:20px; } #c_portalResnav_main-16115567867015385 .nav_link.yj_link:last-child{ display:flex; } @media only screen and (max-width: 1024px) and (min-width: 769px){ #c_portalResnav_main-16115567867015385 .foot_nav_wrapper .foot_nav_con.fnav_1{ display:none; } #c_portalResnav_main-16115567867015385 .foot_nav_wrapper .foot_nav_con.fnav_2{ width:100%; max-width: 100%; } } @media only screen and (max-width: 768px){ #c_portalResnav_main-16115567867015385 .foot_nav_wrapper .foot_nav_con.fnav_1{ display:none; } #c_portalResnav_main-16115567867015385 .foot_nav_wrapper .foot_nav_con.fnav_2{ width:100%; max-width: 100%; } #c_portalResnav_main-16115567867015385 .nav_title{ padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid rgba(85,85,85,.4); } #c_portalResnav_main-16115567867015385 .nav_link{ margin-bottom:25px; } #c_portalResnav_main-16115567867015385 .foot_nav_wrapper{ border-bottom: 1px solid rgba(85,85,85,.4); padding-bottom:20px; } } #c_portalResnav_main-16115567867015385{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResPublic_credible-16348699810173217{ width:100%; max-width:130px; min-width:0px; height:auto; max-height:50px; min-height:0px; margin-top:0px; margin-left:0px; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResPublic_codeContainer-17050454774545457{ width:100%; max-width:none; min-width:0px; 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-1611560730238 > 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-1611556784936 > div > .p_gridbox{ background-color:rgba(51, 51, 51, 1); } #w_grid-1611556784936 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1611556784936 >div{ animation-fill-mode:both; } #w_grid-1611556784936 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1611556784936 > div > .p_gridbox{ padding:50px 0px 10px; } } @media only screen and (min-width: 769px){ #w_grid-1611556784936> div > .p_gridbox > .p_gridCell{ margin-bottom:2rem; margin-top:5rem; margin-left:0px; } #w_grid-1611556784936> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1611556784936> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1611556784936 > div > .p_gridbox{ padding:60px 0px 10px; } #w_grid-1611556784936> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1611556784936> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1611556784936> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1611556784953 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1611556784953 >div{ animation-fill-mode:both; } #w_grid-1611556784953 > div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1611556784953> div > .p_gridbox{ display: flex; flex-wrap: wrap; flex-direction: column-reverse; } } @media only screen and (min-width: 769px){ #w_grid-1611556784953> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:5%; } #w_grid-1611556784953> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:59.47%; margin-left:5%; margin-right:0px; clear:none; } #w_grid-1611556784953> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:35.529999999999994%; } #w_grid-1611556784953> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1611556784953> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:5%; } #w_grid-1611556784953> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:44.4125%; margin-left:5%; margin-right:0px; clear:none; } #w_grid-1611556784953> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:50.5875%; } #w_grid-1611556784953> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } #w_grid-1630283832497 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } #w_grid-1630283832497 > div > .p_gridbox{ padding-right:5%; } @media only screen and (max-width: 768px){ #w_grid-1630283832497 > div > .p_gridbox{ padding-right:0%; padding-top:30px; padding-bottom:0px; } }  @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_common_text-1630283832505 .p_link001{ height:calc(100%); } #w_grid-1630283832509 > 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-1630283832514 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1630283832514 >div{ animation-fill-mode:both; } #w_grid-1630283832514 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1630283832514> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:3%; } #w_grid-1630283832514> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:87.98870000000001%; margin-left:3%; margin-right:0; clear:none; } #w_grid-1630283832514> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0; clear:left; margin-right:0; width:9.011299999999999%; } #w_grid-1630283832514> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0; } } @media only screen and (min-width: 769px){ #w_grid-1630283832514> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:3%; } #w_grid-1630283832514> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:87.98870000000001%; margin-left:3%; margin-right:0px; clear:none; } #w_grid-1630283832514> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:9.011299999999999%; } #w_grid-1630283832514> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_ficon-1630283832535 .p_icon{ color:rgba(255, 255, 255, 1); } #w_ficon-1630283832535 .p_icon:before{ content:'\e630'; font-size:20px; } #w_ficon-1630283832535 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_ficon-1630283832535 >div{ animation-fill-mode:both; } @media only screen and (max-width: 768px){ #w_ficon-1630283832535 .p_link { margin:0px ; } } #w_grid-1630283832520 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1630283832520 >div{ animation-fill-mode:both; } #w_grid-1630283832520 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1630283832520> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:3%; } #w_grid-1630283832520> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:87.98870000000001%; margin-left:3%; margin-right:0; clear:none; } #w_grid-1630283832520> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0; clear:left; margin-right:0; width:9.011299999999999%; } #w_grid-1630283832520> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0; } } @media only screen and (min-width: 769px){ #w_grid-1630283832520> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:3%; } #w_grid-1630283832520> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:87.98870000000001%; margin-left:3%; margin-right:0px; clear:none; } #w_grid-1630283832520> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:9.011299999999999%; } #w_grid-1630283832520> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_ficon-1630283832541 .p_icon{ color:rgba(255, 255, 255, 1); } #w_ficon-1630283832541 .p_icon:before{ content:'\e629'; font-size:20px; } #w_ficon-1630283832541 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_ficon-1630283832541 >div{ animation-fill-mode:both; } @media only screen and (max-width: 768px){ #w_ficon-1630283832541 .p_link { margin:0px ; } } #w_grid-1630283832525 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1630283832525 >div{ animation-fill-mode:both; } #w_grid-1630283832525 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1630283832525> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:3%; } #w_grid-1630283832525> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:87.98870000000001%; margin-left:3%; margin-right:0; clear:none; } #w_grid-1630283832525> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0; clear:left; margin-right:0; width:9.011299999999999%; } #w_grid-1630283832525> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0; } } @media only screen and (min-width: 769px){ #w_grid-1630283832525> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:3%; } #w_grid-1630283832525> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:87.98870000000001%; margin-left:3%; margin-right:0px; clear:none; } #w_grid-1630283832525> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:9.011299999999999%; } #w_grid-1630283832525> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_ficon-1630283832545 .p_icon{ color:rgba(255, 255, 255, 1); } #w_ficon-1630283832545 .p_icon:before{ content:'\e676'; font-size:20px; } #w_ficon-1630283832545 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_ficon-1630283832545 >div{ animation-fill-mode:both; } @media only screen and (max-width: 768px){ #w_ficon-1630283832545 .p_link { margin:0px ; } } #w_fbtn-1630283832531 .p_CommonBtn{ background-color:rgba(0,0,0,0); border-color:rgba(117, 117, 117, 1); border:1px solid #757575; position:relative; } #w_fbtn-1630283832531 .p_CommonBtn .font{ color:#aaa; position:relative; line-height:38px; } #w_fbtn-1630283832531 .p_CommonBtn:hover .font{ color:#fff; } #w_fbtn-1630283832531 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fbtn-1630283832531 >div{ animation-fill-mode:both; } #w_fbtn-1630283832531 #w_fbtn-1630283832531 >div{ animation-fill-mode:both; } #w_fbtn-1630283832531 .p_CommonBtn:before{ content:''; width:0px; height:100%; position:absolute; background:#00783e; z-index:0; left:0px; transition:all 0.5s ease; } #w_fbtn-1630283832531 .p_CommonBtn:hover:before{ width:100%; } #w_grid-1611556784978 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } #w_grid-1611556784978 > div > .p_gridbox{ padding-left:15%; border-left:1px solid rgba(85,85,85,.4); } @media only screen and (max-width: 768px){ #w_grid-1611556784978 > div > .p_gridbox{ padding-left:0%; border-left:none; } }  @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1611556784962 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1611556784962 >div{ animation-fill-mode:both; } #w_grid-1611556784962 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1611556784962> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1611556784962> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1611556784962> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1611556784962> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1611556784962> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1611556784962> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1611556784962 .p_gridbox{ border-top-color:rgba(255, 255, 255, .0); border-top-style:solid; border-top-width:1px; } #w_grid-1611556785080 > div > .p_gridbox{ margin-top:50px; padding-top:30px; border-top:1px solid rgba(85,85,85,.4); display:flex; align-items:center; } #w_grid-1611556785080 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1611556785080 >div{ animation-fill-mode:both; } #w_grid-1611556785080 > div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1611556785080 > div > .p_gridbox{ margin-top:30px; padding-top:30px; border-top:1px solid rgba(85,85,85,.4); display:flex; align-items:center; flex-direction: column-reverse; } #w_grid-1611556785080> div > .p_gridbox > .p_gridCell{ margin-bottom:1rem; margin-top:1rem; margin-left:0; } #w_grid-1611556785080> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1611556785080> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } #w_grid-1611556785080> div > .p_gridbox > .p_gridCell:nth-child(2)>.w_fimg-000{ margin-right:auto; margin-left:0px; } } @media only screen and (min-width: 769px){ #w_grid-1611556785080> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:1%; } #w_grid-1611556785080> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:29.3436%; margin-left:1%; margin-right:0; clear:none; } #w_grid-1611556785080> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0; clear:left; margin-right:0; width:69.6564%; } #w_grid-1611556785080> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1611556785080> div > .p_gridbox > .p_gridCell{ margin-bottom:1rem; margin-top:0rem; margin-left:0px; } #w_grid-1611556785080> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1611556785080> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1611560730238{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:200px; 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-1611556784936{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:290px; 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-1611556784953{ width:90%; max-width:1440px; 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-1630283832497{ 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_common_text-1630283832505{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1630283832509{ 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:20px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1630283832514{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:20px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_ficon-1630283832535{ width:100%; max-width:28px; min-width:0px; height:auto; max-height:0px; min-height:0px; margin-top:0px; margin-left:0px; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1630283832538{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1630283832520{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:20px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_ficon-1630283832541{ width:100%; max-width:28px; min-width:0px; height:auto; max-height:0px; min-height:0px; margin-top:0px; margin-left:0px; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1630283832543{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:18px; 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-1630283832525{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:20px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_ficon-1630283832545{ width:100%; max-width:28px; min-width:0px; height:auto; max-height:0px; min-height:0px; margin-top:0px; margin-left:0px; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1630283832547{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fbtn-1630283832531{ width:100%; max-width:160px; min-width:0px; height:100%; max-height:0px; min-height:42px; margin-top:30px; margin-left:0px; margin-right:auto; margin-bottom:10px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1611556784978{ 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-1611556784962{ 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-1611556785080{ width:90%; max-width:1440px; 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; }