#w_grid-1579567709451 .w_fimg-001 { transition: all 0.5s; } #w_grid-1603864858841,#w_grid-1603867867369 { position:relative; z-index:1; } #w_grid-1579567709451 .w_fimg-001:hover { margin-top: 20px; } #w_common_text-1603703080191 a {display:block;background: url(../images/dz_ly.png)#388cfe no-repeat 18px;width:116px;height:36px;line-height:36px;border-radius: 4px;padding-left: 40px;} #w_common_text-1603703080191 a:hover { background: url(../images/dz_ly.png)#247af0 no-repeat 18px; } #w_grid-1597049067813 { display:none; } #w_common_text-1603450004878 p {background: url(../images/nav_tel.png) no-repeat left;padding-left:25px;line-height:21px;background-size: 20px;color: #fff;font-family: arial!important;} #w_common_text-1603450004878 p span {font-family: arial!important;font-size: 16px;} #w_common_text-1603450511420 p { background: url(../images/d_index_166.png) no-repeat left; padding-left: 20px; } #w_common_text-1603450525109 p { background:url(../images/d_index_169.png) no-repeat left; padding-left: 20px; } #w_common_text-1603450536948 p {background: url(../images/d_index_171.png) no-repeat 0px 4px;padding-left: 20px;} #w_common_text-1597041391974 { position: relative; z-index: 1; } .w_grid-000{ margin-left: auto; margin-right: auto; min-height: 12rem; width: 100%; } #w_common_text-1579405102055 ,#w_common_text-1579568773878 ,#w_common_text-1579405048386 { background:url(../images/xt.jpg) no-repeat center; } #w_common_text-1579567618758 { background:url(../images/xt2.jpg) no-repeat center; } #w_common_text-1574241092782 span { font-family:bebas !important; } #w_grid-1574238652728 .p_gridbox { overflow: initial !important; } #content_box-1577521397262-0 { border-right: 1px #627a92 solid; } #content_box-1577526741831-0 { padding-right: 20px; } #content_box-1577526741831-1 { padding-left: 20px; } #w_grid-1574238652728 { position: fixed; top: 0px; left: 0% !important; bottom: auto; right: auto; transform:translate(0%, 0px) !important; width: 100%; height: 68px; z-index: 99 !important; content: "tc"; max-width: none; min-width: 0px; max-height: none; min-height: 68px; margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px; -webkit-transform:translate(0%, 0px) !important; } .w_grid-000 > .w_grid{ width: 100%; position: relative; } .w_grid-000 > div > .p_gridbox{ width: 100%; overflow: hidden; position: static; } .w_grid-000 > div > div > .p_gridCell{ float: left; position: static; } .w_grid-000 > div > div > .p_gridCell:not(:empty):before{ content:''; height: 0px; display: block; } .w_grid-000 > .w_grid.signal{ min-height: inherit; } .w_grid-000 > .w_grid.signal > .p_gridbox{ min-height: inherit; } .w_grid-000 > .w_grid.signal > .p_gridbox > .p_gridCell{ min-height: inherit; } .w_grid-000 > div > .p_gridbox > .p_gridCell:first-child{ margin-left: 0; clear: left; } #w_grid-000 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left: 0; clear: left; } @media only screen and (max-width: 768px){ .w_grid-000 > div > .p_gridbox > .p_gridCell{ width: 100%; margin-left: 0; margin-top: 0rem; margin-bottom: 0rem; } } @media only screen and (min-width: 769px){ .w_grid-000 > div > .p_gridbox > .p_gridCell:first-child{ width: 100%; margin-left:0; margin-top: 0rem; margin-bottom: 0rem; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 768px){ #w_common_text-1576129999610 span{ font-size:26px!important; } #w_common_text-1576129999610{ margin-top: 30px!important; } }#c_portalResnav_main-15873454686191468 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResnav_main-15873454686191468 >div{ animation-fill-mode:both; } @media only screen and (min-width: 1025px){ #c_portalResnav_main-15873454686191468 .tNavBox{ width:100%; height:auto; overflow:visible; background: #013f98; } #c_portalResnav_main-15873454686191468 .navBtn{ display:none; } #c_portalResnav_main-15873454686191468 .navSliBtn { display:none; } #c_portalResnav_main-15873454686191468 .iconJt{ display:none; } #c_portalResnav_main-15873454686191468 .tNav { width:100%; height: 48px; max-width:1300px; margin:0 auto; overflow: hidden; } #c_portalResnav_main-15873454686191468 .navUl{ width:100%; display:flex; font-size:0; } #c_portalResnav_main-15873454686191468 .navLi { padding: 0 31px; display:inline-block; font-size: 16px; } #c_portalResnav_main-15873454686191468 .navLi:hover .tNavH::before { width:100%; opacity: 1; } #c_portalResnav_main-15873454686191468 .tNavH { position:relative; } #c_portalResnav_main-15873454686191468 .tNavH::before { content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); display:block; width:0; height:5px; background-color: #feda00; opacity: 0 !important; transition:all .5s ease; } #c_portalResnav_main-15873454686191468 .navName { position:relative; display:block; padding: 0 0rem; font-size:1rem; color:#fff; line-height: 48px; transition:all .5s ease; } #c_portalResnav_main-15873454686191468 .navName::after { content: attr(data-title); position: absolute; top: 0; left: 0; transform: translateY(100%); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #fff; } #c_portalResnav_main-15873454686191468 .navLi:hover .navName { transform: translateY(-100%); } #c_portalResnav_main-15873454686191468 .slidBox2 { max-width:1320px; margin:auto; padding:40px 20px; } #c_portalResnav_main-15873454686191468 .slidBox { position:absolute; left:0; right:0; width:100%; min-width:1024px; height: 400px; overflow:hidden; display: block; justify-content: flex-start; align-items: center; flex-wrap: nowrap; z-index: 110; margin:0 auto; padding: 0 2%; transition:all .5s ease; opacity: 1; background: #fff; } #c_portalResnav_main-15873454686191468 .navLi:hover .slidBox { height:350px; opacity:1; } #c_portalResnav_main-15873454686191468 .rightBox { width: 40%; float: right; max-width: 455px; border-radius: 40px 0px 40px 0px; overflow: hidden; } #c_portalResnav_main-15873454686191468 .leftBox { position:relative; width: 50%; height:auto; float: left; margin: 0px 0; overflow:hidden; } #c_portalResnav_main-15873454686191468 .navSbox { position:relative; width: 100%; height:auto; overflow:hidden; font-size: 0; max-width: 420px; margin: 20px 0; white-space: nowrap; } #c_portalResnav_main-15873454686191468 .oneName { font-size: 22px; padding-bottom: 0px; color: #333; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #c_portalResnav_main-15873454686191468 .tNavSummry { line-height: 24px; width:100%; height: 96px; overflow:hidden; color: #666666; font-size: 1rem; max-width: 420px; } #c_portalResnav_main-15873454686191468 .tNavMore { display:block; position: relative; height: auto; padding-top: 25px; border-top: 1px dashed #cccccc; margin-top: 20px; cursor:pointer; } #c_portalResnav_main-15873454686191468 .txt { color:#000; transition:all .5s ease; } #c_portalResnav_main-15873454686191468 .leanMore{ margin-left:2rem; transition:all .5s ease; } #c_portalResnav_main-15873454686191468 .tNavMore:hover .txt{ color:#ffd900; margin-left:10px; } #c_portalResnav_main-15873454686191468 .tNavMore:hover .leanMore{ color:#ffd900; } #c_portalResnav_main-15873454686191468 .navSli{ float: left; width: 180px; height: 50px; overflow:hidden; margin-right: 10px; margin-bottom: 10px; transition: all 0.3s; position:relative; left:0px; } #c_portalResnav_main-15873454686191468 .navSli:hover { position:relative; left:5px; } #c_portalResnav_main-15873454686191468 .navSimg { position:relative; width:100%; height:160px; display: none; overflow:hidden; } #c_portalResnav_main-15873454686191468 .navImg { position:absolute; left:50%; transform:translateX(-50%) scale(1); width:auto; height: 100%; transition: all .5s ease; } #c_portalResnav_main-15873454686191468 .navSlink { position:relative; display:block; width: 100%; height: 50px; padding: 0px 30px !important; line-height: 50px; font-size: 14px; color: #666; text-align: left; background: url(../images/fk.jpg) no-repeat 20px 23px; font-weight: normal; overflow: hidden; transition: all 0.3s; padding: 0px; overflow: hidden; white-space: nowrap; border-radius: 10px 0px 10px 0px; text-overflow: ellipsis; border: 1px #ddd solid; transition:all .5s ease; } #c_portalResnav_main-15873454686191468 .navSlink:hover { border: 1px #013f98 solid; color:#013f98; } #c_portalResnav_main-15873454686191468 .navSli:hover .navImg { transform:translateX(-50%) scale(1.1); } #c_portalResnav_main-15873454686191468 .navSli:hover .navSlink { color: #013f98; } #c_portalResnav_main-15873454686191468 .navSli:hover .navSlink::after { width: 100%; opacity: 1; } } @media only screen and (max-width: 1024px){ #c_portalResnav_main-15873454686191468 .leftBox{ display:none; } #c_portalResnav_main-15873454686191468 .navSimg{ display:none; } #c_portalResnav_main-15873454686191468 .tNavBox { position:relative; overflow:hidden; height:70px; background: rgba(0,0,0,0.8); } #c_portalResnav_main-15873454686191468 .navBtn{ position:absolute; top:1rem; right:1rem; width:35px; height:35px; line-height:70px; } #c_portalResnav_main-15873454686191468 .navLine{ display:flex; justify-content:center; align-items:center; width:100%; height:100%; overflow:hidden; } #c_portalResnav_main-15873454686191468 .navBtnImg{ display: block; width: 90%; height: 70%; } #c_portalResnav_main-15873454686191468 .tNav { position:fixed; top: 70px; left:0; right:0; height: 0; overflow: hidden; z-index:999; background: rgba(0,0,0,.5); transition:all .5s ease; } #c_portalResnav_main-15873454686191468 .tNavHeight { height: 100%; } #c_portalResnav_main-15873454686191468 .slidBox { display:none; } #c_portalResnav_main-15873454686191468 .navUl { background: rgba(0,0,0,0.8); overflow:hidden; } #c_portalResnav_main-15873454686191468 .navLi { border-bottom: 1px solid #696969; position: relative; } #c_portalResnav_main-15873454686191468 .tNavH { position: relative; height:40px; line-height:40px; padding: 0 2%; font-size:1rem; transition:all .5s ease; } #c_portalResnav_main-15873454686191468 .tNavHBac { background-color: #ffd900; } #c_portalResnav_main-15873454686191468 .navName{ display: block; width: 100%; height: 100%; color:#fff; } #c_portalResnav_main-15873454686191468 .iconJt { position:absolute; top: 0; right:2%; display:flex; width:40px; height:40px; justify-content:center; align-items:center; color:#fff; font-size:0.875rem; transition:all .5s ease; } #c_portalResnav_main-15873454686191468 .iconJtRotate { transform: rotate(-180deg); } #c_portalResnav_main-15873454686191468 .navSliBtn { height:40px; width:100%; text-align:center; } #c_portalResnav_main-15873454686191468 .hs { height: 100%; } #c_portalResnav_main-15873454686191468 .navSbox { padding-bottom:30px; } #c_portalResnav_main-15873454686191468 .navSli { padding-left: 3%; font-size: 0.875rem; height: 38px; line-height: 38px; } #c_portalResnav_main-15873454686191468 .navSlink { display:block; width:100%; height:100%; color: #fff; } } #c_portalResnav_main-15873454686191468{ 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_portalResnav_main-01001001 .p_MatteIcon .iconfont:before{ content:'\e602'; } .c_portalResnav_main-01001001 >div{ animation-fill-mode:both; } @media only screen and (min-width: 1025px){ .c_portalResnav_main-01001001 .tNavBox{ width:100%; overflow:visible; background: none; } .c_portalResnav_main-01001001 .navBtn{ display:none; } .c_portalResnav_main-01001001 .navSliBtn { display:none; } .c_portalResnav_main-01001001 .iconJt{ display:none; } .c_portalResnav_main-01001001 .tNav { width:100%; height: 68px; max-width:1300px; margin:0 auto; overflow: hidden; } .c_portalResnav_main-01001001 .navUl{ width:100%; display: block; font-size:0; text-align: right; } .c_portalResnav_main-01001001 .navLi { padding: 0 0px; display:inline-block; font-size: 16px; margin-left: 25px; } .c_portalResnav_main-01001001 .navLi:nth-of-type(1) .navName:before { opacity:0; } .c_portalResnav_main-01001001 .navLi:hover .tNavH::before { width:100%; opacity: 1; } .c_portalResnav_main-01001001 .tNavH { position:relative; } .c_portalResnav_main-01001001 .tNavH::before { content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); display:block; width:0; height:5px; background-color: #feda00; opacity: 0 !important; transition:all .5s ease; } .c_portalResnav_main-01001001 .navName { position:relative; display:block; padding: 0 20px; font-size: 16px; color: #fff; line-height: 68px; text-decoration: none !important; transition:all .5s ease; } .c_portalResnav_main-01001001 .navName:before { content: ''; width: 6px; height: 6px; display: inline-block; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: -3px; border-bottom: 1px solid #fff; border-left: 1px solid #fff; right: 4px; top: 50%; margin-top: -4px; } .c_portalResnav_main-01001001 .navLi:hover .navName { color: #378cff !important; } .c_portalResnav_main-01001001 .navLi:hover .navName:before { border-bottom: 1px solid #378cff !important; border-left: 1px solid #378cff !important; } .c_portalResnav_main-01001001 .slidBox2 { max-width: 1100px; margin:auto; padding: 0px 20px; } .c_portalResnav_main-01001001 .slidBox { position: fixed; left:0; right:0; width:100%; min-width: 100%; height: 0px; overflow:hidden; display: block; justify-content: flex-start; align-items: center; flex-wrap: nowrap; z-index: 110; margin:0 auto; padding: 0 0%; transition:all .5s ease; opacity: 0; background: rgba(255,255,255,1); border-top: 1px #ddd solid; border-top: 1px #ddd solid; box-shadow: 0px 5px 5px rgba(0,0,0,0.05); } .c_portalResnav_main-01001001 .navLi:hover .slidBox { height:250px; opacity:1; } #solution_nav:hover .slidBox { height:280px; } .c_portalResnav_main-01001001 .rightBox { width: 50%; float: right; border-radius: 0; overflow: hidden; } .c_portalResnav_main-01001001 .rightBox img { transform: scale(1); transition: all 0.5s; cursor:pointer; } .c_portalResnav_main-01001001 .rightBox:hover img {} .c_portalResnav_main-01001001 .leftBox { position:relative; width: 100%; height:auto; float: left; margin: 0px 0; overflow:hidden; } .c_portalResnav_main-01001001 .navSbox { position:relative; width: 100%; height:auto; overflow:hidden; font-size: 0; max-width: 100%; white-space: nowrap; margin: 25px auto; text-align: center; } .c_portalResnav_main-01001001 .oneName { font-size: 22px; padding-bottom: 0px; color: #333; width: 100%; overflow: hidden; display: none; white-space: nowrap; text-align: left; text-overflow: ellipsis; display: none; } .c_portalResnav_main-01001001 .tNavSummry { line-height: 24px; width:100%; height: 96px; overflow:hidden; color: #666666; font-size: 1rem; max-width: 420px; } .c_portalResnav_main-01001001 .tNavMore { display:block; position: relative; height: auto; padding-top: 25px; border-top: 1px dashed #cccccc; margin-top: 20px; cursor:pointer; } .c_portalResnav_main-01001001 .txt { color:#000; transition:all .5s ease; } .c_portalResnav_main-01001001 .leanMore{ margin-left:2rem; transition:all .5s ease; } .c_portalResnav_main-01001001 .navSli{ width: 20%; height: auto; overflow:hidden; margin-right: 0px; margin-bottom: 0px; position:relative; left:0px; float: left; transition: all 0.3s; padding: 25px 20px; } .c_portalResnav_main-01001001 #pr_nav .navSli:nth-of-type(1) { background: url(../images/news_pic.png) no-repeat 190px 25px; } .c_portalResnav_main-01001001 #caseandnews_nav .navSli { display:inline-block; float:none; } .c_portalResnav_main-01001001 #caseandnews_nav:hover .slidBox { height:150px; } #solution_nav .navSli:nth-of-type(1) { width: 100%; float: left; padding: 0px; } #solution_nav .navSli:nth-of-type(2) { width: 100%; float: right; padding-right: 0px; padding: 0px 0px 0px; } #solution_nav .navSlink { border-left: 2px #388cfe solid; font-size: 14px; line-height: 14px; margin-bottom: 10px; margin-top: 30px; } #solution_nav .navSli:nth-of-type(2) .navSlink { border-left: 2px #4ed300 solid; } .sj_navSli { width: 25%; float:left; margin: 0px 0px; padding: 18px 0px; } #solution_nav .navSli:nth-of-type(2) .sj_navSli { } .sj_navSimg {width: 30px;float: left;} .sj_navSlink { width: calc(100% - 30px); float: left; font-size: 14px; color: #333; text-align: left; padding: 0px 10px; } .sj_navSlink span { display:block; font-size:14px; color:#9b9ba3; } .sj_navSlink:hover { color:#378cff; } .c_portalResnav_main-01001001 .navSimg { position:relative; width: 30px; height: auto; overflow:hidden; float: left; } #solution_nav .navSimg { display:none; } .c_portalResnav_main-01001001 .navImg { position:absolute; left:50%; transform:translateX(-50%) scale(1); width:auto; height: 100%; transition: all .5s ease; } .c_portalResnav_main-01001001 .navSlink:hover { color:#378cff; } .c_portalResnav_main-01001001 .navSlink span { display:block; font-size: 14px; color: #9b9ba3; } .c_portalResnav_main-01001001 .navSlink { position:relative; display:block; width: calc(100% - 30px); height: auto; padding: 0px 10px !important; line-height: 25px; font-size: 14px; color: #333; text-align: left; font-weight: normal; overflow: hidden; transition: all 0.3s; padding: 0px; border: 0px #ddd solid; transition:all .5s ease; text-decoration: none; } } @media only screen and (max-width: 1024px){ .c_portalResnav_main-01001001 .rightBox { display:none; } .c_portalResnav_main-01001001 .leftBox .oneName{ display:none; } .c_portalResnav_main-01001001 .navSimg{ display:none; } .c_portalResnav_main-01001001 .tNavBox { position:relative; overflow:hidden; height: 50px; background: none; } .c_portalResnav_main-01001001 .navBtn{ position:absolute; top: 17px; right: 0px; width: 23px; height: 16px; line-height: 46px; } .c_portalResnav_main-01001001 .navLine{ display:flex; justify-content:center; align-items:center; width:100%; height:100%; overflow:hidden; } .c_portalResnav_main-01001001 .navBtnImg{ display: block; width: 100%; height: auto; } .c_portalResnav_main-01001001 .tNav { position:fixed; top: 50px; left:0; right:0; height: 0; overflow: hidden; z-index:999; background: #fff; transition:all .5s ease; } .c_portalResnav_main-01001001 .tNavHeight { height: 100vh; } .c_portalResnav_main-01001001 .slidBox { display:none; } .c_portalResnav_main-01001001 .navUl { background: none; overflow:hidden; border-top: 1px #ddd solid; } .c_portalResnav_main-01001001 .navLi { border-bottom: 1px solid #ddd; position: relative; float: left; width: 100%; } .c_portalResnav_main-01001001 .tNavH { position: relative; height: 50px; line-height: 50px; padding: 0px 20px; font-size: 14px; transition:all .5s ease; } .c_portalResnav_main-01001001 .tNavHBac { background-color: #388cfe; } .c_portalResnav_main-01001001 .tNavHBac a { color: #fff !important; } .c_portalResnav_main-01001001 .navName{ display: block; width: 100%; height: 100%; color: #333; } .c_portalResnav_main-01001001 .iconJt { position:absolute; top: 0; right:2%; display:flex; width:40px; height: 50px; justify-content:center; align-items:center; color: #999; font-size: 12px; transition:all .5s ease; } .c_portalResnav_main-01001001 .iconJtRotate { transform: rotate(-180deg); color: #fff; } .c_portalResnav_main-01001001 .navSliBtn { height:40px; width:100%; text-align:center; float: left; } .c_portalResnav_main-01001001 .hs { height: 100%; } .c_portalResnav_main-01001001 .navSbox { padding-bottom: 0px; padding: 0px 20px; } .c_portalResnav_main-01001001 .navSli { padding: 0px 0px; font-size: 14px; height: auto; width: 33.333%; background: #fff; line-height: 46px; border-top: 0px #ddd solid; float: left; } .c_portalResnav_main-01001001 .sj_navSimg { display:none; } .c_portalResnav_main-01001001 .sj_slidBox { width: 100%; float: left; } .c_portalResnav_main-01001001 .sj_slidBox li { width:33.333%; float:left; } .c_portalResnav_main-01001001 .sj_slidBox li span { display:none; } .c_portalResnav_main-01001001 .sj_slidBox li a { display:block; line-height: 34px; font-size: 12px; } .c_portalResnav_main-01001001 .navSlink { display:block; width:100%; height:100%; color: #999; font-size: 12px; } #solution_nav .navSlink { color:#388cfe; } .c_portalResnav_main-01001001 #solution_nav .navSli { padding: 0px 0px 20px; width: 100%; } .c_portalResnav_main-01001001 #solution_nav .navSli:nth-of-type(2) { border-top: 1px #ddd solid; } .c_portalResnav_main-01001001 .navSlink span { display:none; } } .c_portalResnav_main-01001001{ 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_fimg-1574238762320 img { opacity: 0; } #w_fimg-1574238762320 .p_dimage{ background: url(../images/d_logobs.png) no-repeat left center; background-size: 88px 66px; } #w_grid-1574238652728.active_nav { background: rgba(255,255,255,1); box-shadow: 0px 0px 3px #ccc; } #w_grid-1574238652728 { background:rgba(255,255,255,0); transition: all 0.3s; } .active_nav #w_fimg-1574238762320 img { opacity: 1; } .active_nav #w_fimg-1574238762320 .p_dimage { background: none; } .active_nav .c_portalResnav_main-01001001 .navName { color: #5c5d5f; } .active_nav .c_portalResnav_main-01001001 .navName:before { border-bottom: 1px solid #5c5d5f; border-left: 1px solid #5c5d5f; } .active_nav #w_common_text-1603450004878 p span { color:#5c5d5f; } .active_nav #w_common_text-1603450004878 p { background: url(../images/nav_tel2.png) no-repeat left; background-size: 20px; } #w_grid-1574238652728:hover { background:rgba(255,255,255,1); } #w_grid-1574238652728:hover #w_fimg-1574238762320 .p_dimage { background: none; } #w_grid-1574238652728:hover #w_fimg-1574238762320 img { opacity: 1; } #w_grid-1574238652728:hover .c_portalResnav_main-01001001 .navName { color: #5c5d5f; } #w_grid-1574238652728:hover .c_portalResnav_main-01001001 .navName:before { border-bottom: 1px solid #5c5d5f; border-left: 1px solid #5c5d5f; } #w_grid-1574238652728:hover #w_common_text-1603450004878 p span { color:#5c5d5f; } #w_grid-1574238652728:hover #w_common_text-1603450004878 p { background: url(../images/nav_tel2.png) no-repeat left; background-size: 20px; } .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); }.w_grid-001{ margin-left: auto; margin-right: auto; max-width: 1180px; min-height: 12rem; width: 100%; } #w_common_text-1597043162736 span,#w_common_text-1597048446581 span,#w_common_text-1597049497685 span,#w_common_text-1597054744769 span,#w_common_text-1597041597681 span,#w_common_text-1597202027996 span { font-family: georgia,serif !important; } #w_common_text-1597055236754 p:nth-of-type(2) span { font-family: bebas !important; } #w_common_text-1597055236754 { background: url(../images/tel_pic.png) no-repeat left center; padding-left: 60px !important; } #w_common_text-1597055573493 span span { font-family: bebas !important; } #w_common_text-1597055573493 { border: 1px #92999b solid; border-radius: 40px; padding: 5px 42px !important; } #w_common_text-1597055573493 p { background: url(../images/sj_pic.png) no-repeat left center; padding-left: 20px; } #w_grid-1597041289756:before { content:''; width:55%; position:absolute; right:0px; top:0px; height:100%; background:#f3f3f3; } .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: 0px; 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: 768px){ .c_portalResPublic_codeContainer-01001{ min-height:auto; width:100%; } } @media only screen and (min-width: 769px){ .c_portalResPublic_codeContainer-01001{ min-height:auto; width:100%; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } .bshare-custom { text-align:center; } #fx1 { background: url(../images/d_index_176.png) no-repeat; width: 23px !important; height: 18px !important; margin: 0px 3px !important; padding:0px !important; transition: all 0.5s; } #fx2 { background: url(../images/d_index_180.png) no-repeat; width: 23px !important; height: 18px !important; margin: 0px 3px !important; opacity: 0.5; padding:0px !important; transition: all 0.5s; } #fx3 { background: url(../images/d_index_178.png) no-repeat; width: 23px !important; height: 18px !important; margin: 0px 3px !important; padding:0px !important; transition: all 0.5s; opacity: 0.5; } #fx1,#fx2,#fx3 { opacity:0.5; display: inline-block; } #fx1:hover,#fx2:hover,#fx3:hover { opacity: 1; } .bsTop { width:208px !important; } .bsFrameDiv img { margin: 15px !important; } .bsFrameDiv div { height: 208px !important; } .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(../images/camera.png) no-repeat center; }::-webkit-input-placeholder { font-size:14px !important; color:#fff !important; } :-moz-placeholder { font-size:14px !important; color:#fff !important; } ::-moz-placeholder { font-size:14px !important; color:#fff !important; } :-ms-input-placeholder { font-size:14px !important; color:#fff !important; } #c_portalResMessage_form-16038648365460566 input::-webkit-input-placeholder { color: #999 !important; } #c_portalResMessage_form-16038648365460566 input::-moz-placeholder {  color: #999 !important; } #c_portalResMessage_form-16038648365460566 input:-moz-placeholder {  color: #999 !important; } #c_portalResMessage_form-16038648365460566 input:-ms-input-placeholder {  color: #999 !important; } #c_portalResMessage_form-1603867867409 input::-webkit-input-placeholder { color: #999 !important; } #c_portalResMessage_form-1603867867409 input::-moz-placeholder {  color: #999 !important; } #c_portalResMessage_form-1603867867409 input:-moz-placeholder {  color: #999 !important; } #c_portalResMessage_form-1603867867409 input:-ms-input-placeholder {  color: #999 !important; } @media screen and (max-width: 768px) { .c_portalResMessage_form-01001002{ width: 100%; overflow: hidden; } .c_portalResMessage_form-01001002 .p_intentionIntroTitle{ width: 100%; padding: 0; text-align: left; margin-bottom: 10px; margin-top: 20px; display: none; } .c_portalResMessage_form-01001002 .p_UnitName{ margin-top: 0px; } .c_portalResMessage_form-01001002 .p_CoupWBox{ padding: 0; width: 100%; margin: 4px auto 32px; padding: 0px 20px; } .c_portalResMessage_form-01001002 .p_CoupWBox button{ width: 100%; border-radius: 4px; } .c_portalResMessage_form-01001002 .p_ConWBox{ padding: 0; } .form-control { background:none; height: 40px; border-radius: 4px; } .c_portalResMessage_form-01001002 .form-group{ margin: 0; padding: 4px 20px; } .c_portalResMessage_form-01001002 .p_image { position: absolute; right: 16px; top: 50px; height: 29px; } .c_portalResMessage_form-01001002 .p_checkboxA{ display: inline-block; vertical-align: middle; } .c_portalResMessage_form-01001002 .shape{ display: inline-block; vertical-align: middle; } .c_portalResMessage_form-01001002 label.option .font{ display: inline-block; vertical-align: middle; } .c_portalResMessage_form-01001002 .p_sex{ display: inline-block; } .c_portalResMessage_form-01001002 .p_DepictInfoB p img { max-width: 100% !important; } .c_portalResMessage_form-01001002 .p_CaptchasBox{ position: relative; } .c_portalResMessage_form-01001002 .p_sendBox, .c_portalResMessage_form-01001002 .p_sendTimerBox { display: inline-block; } .c_portalResMessage_form-01001002 .p_sendBox{ margin-top: 10px; } } @media only screen and (min-width: 769px) { .c_portalResMessage_form-01001002 .e_box, .c_portalResMessage_form-01001002 .e_icon, .c_portalResMessage_form-01001002 .e_title { width: auto; height: auto; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; } .c_portalResMessage_form-01001002 .p_aaa{ width: calc(100% - 120px); } .c_portalResMessage_form-01001002 { width: 100%; height: auto; overflow: hidden; } .c_portalResMessage_form-01001002 .p_inquiry { width: 100%; } .c_portalResMessage_form-01001002 .p_ConWBox { padding: 0; } .c_portalResMessage_form-01001002 .boxTitle { overflow: hidden; } .c_portalResMessage_form-01001002 .p_titleBoxA { } .c_portalResMessage_form-01001002 .boxTitleText { padding: 0 15px; font-size: 16px; float: left; height: 40px; line-height: 40px; padding-bottom: 9px; text-align: center; } .c_portalResMessage_form-01001002 .boxTitleText .font { display: table-cell; white-space: nowrap; vertical-align: middle; } .c_portalResMessage_form-01001002 .boxTitleText .iconfont:before { display: inline-block; } .c_portalResMessage_form-01001002 .p_NameB { display: inline-block; font-size: 14px; width: 110px; text-align: right; } .c_portalResMessage_form-01001002 .p_NameInfoB { display: inline-block; font-size: 20px; font-weight: bold; text-align: left; } .c_portalResMessage_form-01001002 .p_DepictBoxB { padding: 10px 0 0; line-height: 20px; overflow: hidden; } .c_portalResMessage_form-01001002 .p_DepicNameB { float: left; font-size: 14px; width: 110px; text-align: right; } .c_portalResMessage_form-01001002 .p_DepictInfoB { display: flex; font-size: 14px; } .c_portalResMessage_form-01001002 .p_DepictInfoB .reset_style p { font-size: 14px; } .c_portalResMessage_form-01001002 .p_groupBox { padding-top: 0; } .c_portalResMessage_form-01001002 .p_ContactInfo .p_groupBox .p_GuideBox { vertical-align: top; } .c_portalResMessage_form-01001002 .p_groupBox textarea { display: block; width: inherit; height: inherit; resize: none; height: 48px; line-height: 48px; overflow: hidden !important; padding: 0px 6px; background: none; } .c_portalResMessage_form-01001002 .p_ContactInfo>div .e_text { width: 220px; display: inline-block; position: relative; } .c_portalResMessage_form-01001002 .d_CustomValueBox { max-width: 725px; display: inline-block; vertical-align: middle; white-space: normal; width: auto; height: auto; } .c_portalResMessage_form-01001002 .p_sex { display: inline-block; vertical-align: middle; font-size: 14px; margin-right: 10px; } .c_portalResMessage_form-01001002 .p_sex .option { width: auto; height: auto; cursor: pointer; line-height: 100%; } .c_portalResMessage_form-01001002 .p_sex .shape { display: inline-block; vertical-align: top; width: 15px; height: 15px; border-radius: 50%; position: relative; top: 2px; } .c_portalResMessage_form-01001002 .p_sex .radio { z-index: 99; opacity: 0; cursor: pointer; } .c_portalResMessage_form-01001002 .p_sex input[type="radio"]:checked+.iconfont.first { opacity: 1; } .c_portalResMessage_form-01001002 .p_sex input[type="radio"]:checked+i:after { content: ""; width: 15px; height: 15px; border-radius: 50%; position: absolute; top: 0; left: 0; display: block; } .c_portalResMessage_form-01001002 .p_sex input[type="radio"]:checked+.iconfont.first:before { content: "\e669"; font-size: 21px; position: absolute; top: -3px; left: -3px; } .c_portalResMessage_form-01001002 .p_ContactInfo>div .e_unit { display: inline-block; } .c_portalResMessage_form-01001002 .p_DateIcon { position: absolute; left: 310px; display: inline-block; width: 20px; top: 50%; font-size: 18px; margin-top: -10px; cursor: pointer; } .c_portalResMessage_form-01001002 .p_checkboxContainerBox { width: auto; height: auto; margin: 10px 0; } .c_portalResMessage_form-01001002 .p_checkboxContainerB { width: auto; height: auto; display: inline-block; vertical-align: middle; font-size: 16px; } .c_portalResMessage_form-01001002 .p_checkboxContainerA { display: inline-block; vertical-align: middle; white-space: normal; width: auto; height: auto; } .c_portalResMessage_form-01001002 .p_checkboxA { display: inline-block; vertical-align: middle; font-size: 14px; margin-right: 10px; } .c_portalResMessage_form-01001002 .p_checkboxA .shape { display: inline-block; vertical-align: middle; } .c_portalResMessage_form-01001002 .p_checkboxA .shape .iconfont{ display: none; } .c_portalResMessage_form-01001002 .p_checkboxA .option { width: auto; height: auto; position: relative; } .c_portalResMessage_form-01001002 .p_checkboxA:hover { cursor: pointer; } .c_portalResMessage_form-01001002 .p_checkboxA label:hover { cursor: pointer; } .c_portalResMessage_form-01001002 .p_checkboxA .font { width: auto; display: inline-block; } .c_portalResMessage_form-01001002 .p_checkboxA .first:before { } .c_portalResMessage_form-01001002 .p_checkboxA .first { height: 0; width: 0; border: 10px solid transparent; font-size: 20px; opacity: 0; position: absolute; bottom: -10px; right: -9px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .c_portalResMessage_form-01001002 .p_checkboxA input[type="checkbox"]:checked+i { opacity: 1; } .c_portalResMessage_form-01001002 .p_checkboxA input[type="checkbox"]:checked+i:after { content: ""; width: 100px; height: 30px; position: absolute; top: 9px; right: -6px; display: block; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } .c_portalResMessage_form-01001002 .p_checkboxA input[type=checkbox]:hover+i { opacity: 1; } .c_portalResMessage_form-01001002 .p_checkboxA input[type=checkbox]:hover+i:after { content: ""; width: 100px; height: 30px; position: absolute; top: 9px; right: -6px; display: block; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } .c_portalResMessage_form-01001002 .p_checkboxA .option .font { display: inline-block; vertical-align: middle; } .c_portalResMessage_form-01001002 .p_checkboxA.active .shape { } .c_portalResMessage_form-01001002 .p_ContactInfo { padding-top: 0px; } .btn-primary { color: #388cfe !important; height:48px; min-width: 120px; line-height:48px; background-color: #fff !important; padding: 0px !important; border-radius: 0px 4px 4px 0px; border: 1px solid #fff; } #c_portalResMessage_form-16038648365460566 .btn-primary { color: #fff !important; height:48px; min-width: 120px; line-height:48px; background-color:#388cfe !important; padding: 0px !important; border-radius: 0px 4px 4px 0px; border: 1px solid #388cfe; } #c_portalResMessage_form-16038648365460566 .btn-primary:hover{ color: #fff !important; height:48px; min-width: 120px; line-height:48px; background-color:#267ef5 !important; padding: 0px !important; border-radius: 0px 4px 4px 0px; border: 1px solid #267ef5; } #c_portalResMessage_form-16038648365460566 .p_ContactInfo>div .e_input .InputText { background:#fff; box-shadow: inset 0 0px 0px rgba(0,0,0,0.075); color: #666; } #c_portalResMessage_form-1603867867409 .btn-primary { color: #fff !important; height:48px; min-width: 120px; line-height:48px; background-color:#388cfe !important; padding: 0px !important; border-radius: 0px 4px 4px 0px; border: 1px solid #388cfe; } #c_portalResMessage_form-1603867867409 .btn-primary:hover{ color: #fff !important; height:48px; min-width: 120px; line-height:48px; background-color:#267ef5 !important; padding: 0px !important; border-radius: 0px 4px 4px 0px; border: 1px solid #267ef5; } #c_portalResMessage_form-1603867867409 .p_ContactInfo>div .e_input .InputText { background:#fff; box-shadow: inset 0 0px 0px rgba(0,0,0,0.075); color: #666; } .btn-primary:hover { color: #fff !important; height:48px; min-width: 120px; line-height:48px; background-color: #388cfe !important; border-color: #388cfe !important; padding: 0px !important; border: 1px solid #fff; } .c_portalResMessage_form-01001002 .p_ContactInfo>div { margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; float: left; } .c_portalResMessage_form-01001002 .p_ContactInfo>div .p_GuideBox { display: inline-block; width: 110px; height: 30px; line-height: 30px; text-align: right; overflow: hidden; vertical-align: middle; } .c_portalResMessage_form-01001002 .p_GuideBox .e_icon { display: inline-block; font-size: 14px; vertical-align: middle; } .c_portalResMessage_form-01001002 .p_ContactInfo>div .p_GuideBox .e_title { display: inline-block; font-size: 14px; } .c_portalResMessage_form-01001002 .p_ContactInfo>div .e_input, .c_portalResMessage_form-01001002 .e_droplist, .c_portalResMessage_form-01001002 .p_ContactInfo>div .p_EntryBox, .c_portalResMessage_form-01001002 select.InputText { width: 100%; height: 48px; display: inline-block; vertical-align: middle; position: relative; } .c_portalResMessage_form-01001002 select.InputText{ padding: 2px 10px; } .c_portalResMessage_form-01001002 .p_ContactInfo>div .e_input .InputText { border-radius: 2px; padding-left: 5px; line-height: inherit; height: inherit; width: inherit; display: inline-block; color: #fff; background: rgba(255,255,255,0.4); border: 1px solid #fff; border-radius: 4px 0px 0px 4px; border-right: 0px #ddd solid; } .c_portalResMessage_form-01001002 .p_ContactInfo>div .e_input .iconfont, .c_portalResMessage_form-01001002 .e_droplist .InputIcon { display: block; width: 22px; height: inherit; text-align: center; line-height: inherit; position: absolute; top: 0; left: 0; } .c_portalResMessage_form-01001002 .p_ContactInfo>div .p_EntryBox { width: 165px; } .c_portalResMessage_form-01001002 .p_ContactInfo>div .p_EntryInput { width: 165px; } .c_portalResMessage_form-01001002 .p_ContactInfo>div .p_image { display: inline-block; position: relative; width: 85px; height: 30px; border-style: none; cursor: pointer; vertical-align: middle; } .c_portalResMessage_form-01001002 .p_ContactInfo>div .p_AssistLabelA { position: relative; padding-right: 16px; cursor: pointer; display: inline-block; vertical-align: middle; } .c_portalResMessage_form-01001002 .p_ContactInfo>div .p_AssistLabelA .iconfont:before { position: absolute; right: 0; top: 3px; content: ""; display: block; } .c_portalResMessage_form-01001002 .e_droplist input { width: calc(100% - 30px); border-radius: 2px 0 0 2px; padding-left: 7px; height: inherit; line-height: inherit; display: inline-block; background: none; } .c_portalResMessage_form-01001002 .e_droplist .shape { display: block; position: absolute; width: 30px; height: 30px; line-height: 30px; text-align: center; top: 0; right: 0; font-size: 12px; border-left: none; } .c_portalResMessage_form-01001002 .e_droplist .shape { cursor: default; } .c_portalResMessage_form-01001002 .p_AreaBox .e_droplist .shape:before { content: "\e6c9"; } .c_portalResMessage_form-01001002 .e_droplist.error input { } .c_portalResMessage_form-01001002 .e_droplist.error .shape { } .c_portalResMessage_form-01001002 .e_droplist.hover input { } .c_portalResMessage_form-01001002 .e_droplist.hover .shape { } .c_portalResMessage_form-01001002 .e_droplist.hover input { } .c_portalResMessage_form-01001002 .e_droplist:hover input { } .c_portalResMessage_form-01001002 .e_droplist:hover .shape { } .c_portalResMessage_form-01001002 .e_droplist:hover input { } .c_portalResMessage_form-01001002 .e_droplist.hover .itembox { } .c_portalResMessage_form-01001002 .e_droplist .itembox { width: 100%; max-height: 100px; overflow: auto; position: absolute; top: 30px; left: 0; font-size: 12px; border-top: none; z-index: 99; } .c_portalResMessage_form-01001002 .e_droplist .itembox li { height: 30px; line-height: 30px; padding-left: 5px; } .c_portalResMessage_form-01001002 .e_droplist .itembox li span { margin-left: 5px; } .c_portalResMessage_form-01001002 .e_droplist .itembox li>i { font-size: 18px; line-height: 30px; } .c_portalResMessage_form-01001002 .e_droplist .itembox li>i.ItemFirst { margin-left: 5px; } .c_portalResMessage_form-01001002 .e_droplist:hover .itembox { } .c_portalResMessage_form-01001002 .e_droplist .itembox li:hover { cursor: pointer; } .c_portalResMessage_form-01001002 .p_ContactInfo>div .p_selectB { width: auto; } .c_portalResMessage_form-01001002 .p_eqdesc>div .p_LoginPrompt { left: 559px; } .c_portalResMessage_form-01001002 .p_ContactInfo>div .p_LoginPrompt .text-error:after, .c_portalResMessage_form-01001002 .p_eqdesc>div .p_LoginPrompt .text-error:after { left: -15px; } .c_portalResMessage_form-01001002 .p_ContactInfo>div .success .text-error, .c_portalResMessage_form-01001002 .p_eqdesc>div.success .text-error { display: none; } .c_portalResMessage_form-01001002 .p_groupBox>div .success .icon-error, .c_portalResMessage_form-01001002 .p_eqdesc>div.success .icon-error { display: inline-block; vertical-align: middle; height: 14px; font-size: 14px; margin: 0 10px; position: static; width: auto; margin-top: 8px; } .c_portalResMessage_form-01001002 .p_groupBox>div .success .text-error, .c_portalResMessage_form-01001002 .p_eqdesc>div.success .text-error { display: none; } .c_portalResMessage_form-01001002 .p_CoupWBox, .c_portalResMessage_form-01001002 .p_CoupWBoxA { height: 48px; } .c_portalResMessage_form-01001002 .p_CoupWBox>div, .c_portalResMessage_form-01001002 .p_CoupWBoxA>div { margin-top: 9px; font-size: 14px; padding: 0 16px; cursor: pointer; } .c_portalResMessage_form-01001002 .p_SaveWBtn, .c_portalResMessage_form-01001002 .p_SaveWBtnA { float: left; margin-left: 20px; height: 25px; text-align: center; line-height: 25px; } .c_portalResMessage_form-01001002 .p_canelbtn, .c_portalResMessage_form-01001002 .p_canelbtnA { float: right; margin-right: 20px; height: 25px; line-height: 25px; } .c_portalResMessage_form-01001002 .p_succ, .c_portalResMessage_form-01001002 .p_fail { width: 300px; height: 113px; font-size: 22px; margin: auto; position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 9999999999; display: none; line-height: 102px; text-align: center; } .c_portalResMessage_form-01001002 .p_succ .iconfont, .c_portalResMessage_form-01001002 .p_fail .iconfont { margin-right: 10px; display: inline-block; } .c_portalResMessage_form-01001002 .p_succ .iconfont:before { content: "\e648"; } .c_portalResMessage_form-01001002 .p_succ .fontbox, .c_portalResMessage_form-01001002 .p_fail .fontbox { display: inline-block; } .c_portalResMessage_form-01001002 .p_fail { width: 360px; } .c_portalResMessage_form-01001002 .p_fail .iconfont { } .c_portalResMessage_form-01001002 .p_fail .iconfont:before { content: "\e641"; } .c_portalResMessage_form-01001002 .numTxt::-webkit-outer-spin-button, .c_portalResMessage_form-01001002 .numTxt::-webkit-inner-spin-button { -webkit-appearance: none !important; -moz-appearance: textfield; } .c_portalResMessage_form-01001002 .p_eqdescName .font, .c_portalResMessage_form-01001002 .p_nameB .font, .c_portalResMessage_form-01001002 .p_NickName .font, .c_portalResMessage_form-01001002 .p_nameC .font, .c_portalResMessage_form-01001002 .p_nameE .font, .c_portalResMessage_form-01001002 .p_nameD .font, .c_portalResMessage_form-01001002 .p_nameH .font, .c_portalResMessage_form-01001002 .p_nameL .font, .c_portalResMessage_form-01001002 .p_nameJ .font, .c_portalResMessage_form-01001002 .p_nameM .font, .c_portalResMessage_form-01001002 .p_nameG .font, .c_portalResMessage_form-01001002 .p_SectorName .font, .c_portalResMessage_form-01001002 .p_JobName .font, .c_portalResMessage_form-01001002 .p_BusinessName .font, .c_portalResMessage_form-01001002 .p_nameA .font, .c_portalResMessage_form-01001002 .p_nameI .font, .c_portalResMessage_form-01001002 .p_nameF .font, .c_portalResMessage_form-01001002 .p_area .font, .c_portalResMessage_form-01001002 .p_nameK .font, .c_portalResMessage_form-01001002 .p_titleC .font { overflow: hidden; max-width: 6em; text-overflow: ellipsis; white-space: nowrap; } .c_portalResMessage_form-01001002 .p_groupBox .p_GuideBox .e_icon.p_desc_star { display: inline-block; font-size: 14px; vertical-align: 1px; } .c_portalResMessage_form-01001002 .p_PromptDisabled { margin: 15px; } .c_portalResMessage_form-01001002 .p_PromptNoneData { width: auto; background-color: inherit; } .c_portalResMessage_form-01001002 .p_PromptNoneData .prompt_title .iconfont:before { content: ""; } .c_portalResMessage_form-01001002 .p_PromptNoneData .prompt_title .first { height: auto; display: table-cell; font-size: 32px; position: relative; vertical-align: middle; padding: 0 10px 5px 0; } .c_portalResMessage_form-01001002 .p_PromptNoneData .prompt_title { display: inline-table; padding: 0 30px; min-height: 100px; height: 100%; } .c_portalResMessage_form-01001002 .p_PromptNoneData .prompt_title .first:before { content: "\e6b4"; } .c_portalResMessage_form-01001002 .p_PromptNoneData .prompt_title .font { font-size: 18px; display: table-cell; line-height: normal; vertical-align: middle; font-weight: bold; text-align: left; } .c_portalResMessage_form-01001002 .p_PromptNoneData .promptbox { width: auto; height: 100%; } .c_portalResMessage_form-01001002 .p_PromptNoneData .prompt_content { font-size: 14px; padding-left: 65px; } .c_portalResMessage_form-01001002 .p_SectorBox.error .p_selectC { } .c_portalResMessage_form-01001002 .p_SectorBox.error .e_droplist .shape { height: 28px; } .c_portalResMessage_form-01001002 .p_LoginPrompt { position: absolute; bottom: -22px; left: 0; white-space: nowrap; } .c_portalResMessage_form-01001002 .p_intentionIntroTitle{ min-width: 120px; display: none; text-align: right; } .c_portalResMessage_form-01001002 .form-control{ max-width: 100%; } .c_portalResMessage_form-01001002 .p_CoupWBox { padding-left: 0px; margin-bottom: 30px; } .c_portalResMessage_form-01001002 .p_selectC{ display: inline-block; position: relative; } .c_portalResMessage_form-01001002 .p_UnitName{ position: absolute; right: -110px; top: 6px; width: 100px; } .c_portalResMessage_form-01001002 .p_sendBox, .c_portalResMessage_form-01001002 .p_sendTimerBox{ display: inline-block; margin-left: 10px; } .c_portalResMessage_form-01001002 .p_phoneCode, .c_portalResMessage_form-01001002 .p_phoneMailCode { margin-top: 24px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ }.c_portalResMessage_form-01001002 .p_MatteIcon .iconfont:before{ content:'\e602'; } .c_portalResMessage_form-01001002 >div{ animation-fill-mode:both; } .e_FlowCommonStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .e_FlowCommonStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px; } .e_FlowCommonStyleBox-001 .stylebox_link:hover{ color: rgba(101,190,186,1); } .e_FlowCommonStyleBox-001 .stylebox_link:active{ color: rgba(101,190,186,1); } .e_FlowCommonStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: #1890FF; } .e_FlowCommonStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_FlowCommonStyleBox-001 .title_icon::before{ content: ""; } .e_FlowCommonStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_FlowCommonStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_FlowCommonStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: #1890FF; padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_FlowCommonStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_FlowCommonStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_FlowCommonStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_FlowCommonStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_FlowCommonStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint:%; } .e_FlowCommonStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }.w_fline-001 .p_FLine{ width: 100%; border-top-width: 1px; border-top-style: solid; border-top-color:#f0f0f0; opacity:1; filter:alpha(opacity:100); display: inline-block; vertical-align: middle; } .w_fline-001{ width:100%; min-height:20px; display: block; margin: 0 auto; } .w_fline-001 .w_fline{ width:100%; min-height: inherit; font-size: 0; } .w_fline-001 .w_fline:before{ content: ""; display: inline-block; vertical-align: middle; min-height: inherit; width: 0; }.c_portalResComplaintPage_detail-01001 { margin-left: auto; margin-right: auto; width: 100%; height: auto; max-width: 100%; min-width: 320px; overflow: hidden!important } .c_portalResComplaintPage_detail-01001 .p_header { text-align: center } .c_portalResComplaintPage_detail-01001 .p_time { text-align: center; margin: 0 0 } .c_portalResComplaintPage_detail-01001 .p_articles { margin-top: 0 } .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: #333; font-weight: 700; 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: #696969; padding-left: 65px } @media only screen and (max-width:768px) { .c_portalResComplaintPage_detail-01001 .p_complaintPageDetails { padding: 0 } .c_portalResComplaintPage_detail-01001 .p_time { margin-top: 0 } .c_portalResComplaintPage_detail-01001 .p_articles { margin-top: 0 } .c_portalResComplaintPage_detail-01001 .resetHtmlCssStyle .tp img { vertical-align: top; width: 100% } } @media only screen and (min-width:769px) { .c_portalResComplaintPage_detail-01001 .p_complaintPageDetails { padding: 0 } .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' } .footer_nav ul { width: auto; float: left; padding-right: 15%!important } .footer_nav ul:nth-last-of-type(1) { padding-right: 0!important } .footer_nav ul li { list-style: none; margin-bottom: 4px } .footer_nav ul .nav_bt { font-size: 18px; color: #fff; font-weight: 700; margin-bottom: 15px } .footer_nav ul li a { color: #bbb; line-height: 2em; font-size: 14px } .footer_nav ul li a:hover { color: #fff!important } .index_pr2 { position: relative; width: 100%; float: left; padding: 9px 9px 0!important } .index_pr2 img { width: 100%; transform: scale(1); transition: all 1s } .index_pr2_left1:hover img { transform: scale(1.1) } .index_pr2_right1:hover img { transform: scale(1.1) } .index_pr2_left1,.index_pr2_right1 { width: 100%; overflow: hidden; cursor: pointer } .index_pr2_left { width: 50%; float: left; position: relative; cursor: pointer; padding: 9px!important } .index_pr2 .wz { position: absolute; top: initial!important; max-width: 100%; padding: 20px!important; left: initial!important; transform: initial!important; right: 90px; bottom: 70px; text-align: right } .index_pr2_right { width: 50%; float: left; position: relative; padding: 9px!important } .index_pr { position: relative; width: 100%; float: left; cursor: pointer; overflow: hidden } .index_pr img { width: 100%; transform: scale(1); transition: all 1s } .index_pr:hover img { transform: scale(1.1) } .wz { position: absolute; top: 50%; max-width: 1240px; padding: 20px!important; left: 10%; transform: translateY(-50%) } .wz p { color: #fff; font-size: 16px; line-height: 1.8em; max-width: 530px } .wz p:nth-of-type(1) { font-size: 48px; line-height: 1em } .wz p:nth-of-type(2) { font-size: 30px; font-weight: 700; margin-top: 4px; line-height: 1em } .wz p:nth-of-type(3) { margin: 30px 0 } .wz p a { width: 120px; height: 40px; line-height: 40px; color: #666; display: block; background-color: #fff; text-align: center; font-size: 14px; margin-top: 20px } .wz p a:hover { background-color: #ff6b01; color: #fff } .izl-rmenu { margin-right: 0; height: auto; position: fixed; right: 0; bottom: 20px; margin-top: -144px; z-index: 999999999 } .fh_index { background: url(../images/fd_pic_03.png) #388cfe no-repeat; margin-bottom: 2px; display: block; height: 63px; width: 63px } .fh_index:hover { background: url(../images/fd_pic_03.png) #2074e6 no-repeat } .izl-rmenu .consult { background: url(../images/fd_pic_06.png) #388cfe no-repeat; margin-bottom: 2px; display: block; height: 63px; width: 63px; cursor: pointer } .izl-rmenu .consult:hover { background: url(../images/fd_pic_06.png) #2074e6 no-repeat } .izl-rmenu .consult:hover .phone { display: block } .izl-rmenu .consult .phone { background-color: #fff; position: absolute; width: 160px; left: -160px; top: 65px!important; line-height: 61px; color: #388cfe; font-size: 16px; text-align: center; display: none; border: 1px #388cfe solid } .izl-rmenu .consult2 { background: url(../images/fd4.png) #cdab7c no-repeat; margin-bottom: 2px; display: block; height: 56px; width: 56px } .izl-rmenu .consult2:hover { background: url(../images/fd4.png) #cdab7c no-repeat } .izl-rmenu .cart { background: url(../images/yc_08.png) #cdab7c no-repeat; display: block; height: 56px; line-height: 16px; color: #45bdff; text-align: center; padding-top: 0; padding-right: 0; margin-bottom: 2px; background-size: 56px; cursor: pointer } .izl-rmenu .cart:hover { background: url(../images/yc_08.png) #cdab7c no-repeat; background-size: 56px } .izl-rmenu .cart .pic { display: none; position: absolute; left: -118px; top: 90px; width: 117px; height: 117px; box-shadow: #ddd -1px 1px 2px; background: url(../images/ewm.jpg) no-repeat } .izl-rmenu .cart:hover .pic { display: block } .izl-rmenu .btn_top { background: url(../images/fd_pic_12.png) #388cfe no-repeat; display: block; height: 63px; margin-top: 2px; width: 63px; -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; transition: all 0s ease-in-out } .izl-rmenu .btn_top:hover { background: url(../images/fd_pic_12.png) #2074e6 no-repeat } .picScroll-top { margin-left: 0!important; width: 230px; overflow: hidden; position: relative; float: left; left: 0; border: 0 solid #ccc; z-index: 2 } .picScroll-top .hd { overflow: hidden; height: 30px; width: 230px; background: 0 0; padding: 0 0; display: none } .picScroll-top .hd .next,.picScroll-top .hd .prev { display: block; width: 9px; height: 5px; float: right; margin-right: 5px!important; margin-top: 10px!important; overflow: hidden; cursor: pointer; background: url(../images/arrow.png) 0 -100px no-repeat } .picScroll-top .hd .next { background-position: 0 -140px } .picScroll-top .hd .prevStop { background-position: -60px -100px } .picScroll-top .hd .nextStop { background-position: -60px -140px } .picScroll-top .hd ul { float: right; overflow: hidden; zoom: 1; margin-top: 10px!important; zoom: 1 } .picScroll-top .hd ul li { float: left; width: 9px; height: 9px; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; background: url(../images/icoCircle.gif) 0 -9px no-repeat } .picScroll-top .hd ul li.on { background-position: 0 0 } .picScroll-top .bd { padding: 0; background: #12182e; width: 230px } .picScroll-top .bd ul { overflow: hidden; zoom: 1 } .picScroll-top .bd ul li { text-align: center; zoom: 1; text-align: left; zoom: 1; height: 78px; margin: 0px!important } .picScroll-top .bd ul li .pic { text-align: center } .picScroll-top .bd ul .pr_activ { background: #388cfe } .picScroll-top .bd ul li .pic img { width: 180px; height: 90px; display: block; padding: 2px; border: 1px solid #ccc } .picScroll-top .bd ul li .pic a:hover img { border-color: #999 } .picScroll-top .bd ul li .title { line-height: 24px; color: #fff } .picScroll-top .bd ul li:hover { background: #368cfd; cursor: pointer } .picScroll-top .bd ul li .title span { font-size: 28px; color: #fff; display: block; font-size: 18px; display: block; font-weight: 700 } .picScroll-top .bd ul li .pic { text-align: center } .picScroll-top .bd ul li .pic img { width: 180px; height: 90px; display: block; padding: 2px; border: 1px solid #ccc } .picScroll-top .bd ul li .pic a:hover img { border-color: #999 } .picScroll-top .bd ul li .title { line-height: 24px; padding: 15px 0 15px 0; width: 80%; color: #bbb; margin-left: 10%; font-size: 12px; border-bottom: 1px #2f3854 solid; margin-top: 0; transition: all 1s } .picScroll-top .bd ul li .title:hover { padding: 15px 0 15px 20px } .picScroll-top .bd ul li .title span { font-size: 18px; color: #fff; display: block; font-weight: 700 } .pr_js { width: calc(100% - 230px); position: relative; top: 0; float: left; left: 0; padding-left: 140px!important; z-index: 2; margin-left: 0!important } .pr_js1 { margin-left: 0!important; width: 700px; position: absolute; top: 100px; transition-delay: 0s; opacity: 0 } .pr_activ2 { opacity: 1; z-index: 999; top: 10px; transition: all 1.5s } .pr_bt { font-size: 24px; color: #fff; line-height: 1.75em; font-weight: 700; float: left; width: 100% } .pr_ms { font-size: 14px; color: #fff; margin: 20px 0 50px!important; float: left; width: 100%; line-height: 2em } .pr_more { float: left; width: 100% } .pr_more a { width: 120px; display: block; height: 30px; line-height: 30px; font-size: 14px; color: #fff!important; border: 1px #fff solid; border-radius: 2px; text-align: center } .pr_more a:hover { background: #368cfd; border: 1px #368cfd solid } .xg_pr { font-size: 18px; color: #fff; height: 60px; line-height: 60px; border-bottom: 1px #6a6d76 solid; width: 100%; float: left; margin-top: 30px!important } .xg_pr2 { float: left; width: 100% } .xg_pr2 ul { float: left; width: 100%; display: block; -webkit-padding-start: 0; -webkit-margin-before: 0; -webkit-margin-after: 0 } .xg_pr2 ul li { list-style: none; float: left } .xg_pr2 ul li a { display: block; width: 160px; height: 34px; line-height: 34px; border: 1px #515151 solid; border-radius: 2px; margin-right: 20px!important; margin-top: 20px!important; font-size: 14px; color: #fff!important; padding-left: 45px!important; background: url(../images/d_index_68.png) #202430 no-repeat 20px center } .xg_pr2 ul li a:hover { border: 1px #368cfd solid; background: url(../images/d_index_68.png) #368cfd no-repeat 20px center } .xg_pr2 ul li:nth-of-type(4) a { margin-right: 0!important } #c_portalResComplaintPage_detail-16037940287612222 { position: relative } .solution_fl { width: 50%; float: left; max-width: 500px } .solution_main { width: 50%; float: right; position: relative } .solution_fl ul li { list-style: none; width: 25%; float: left; padding: 7px; max-width: 124px; cursor: pointer } .solution_main ul li { list-style: none; position: absolute; top: 60px; opacity: 0; width: 100%; right: 0; transition: all .5s; z-index: 1 } .solution_main ul li.active_solution_main { opacity: 1; z-index: 9 } .solution_main ul li p { color: #767b7f; line-height: 1.8em } .solution_main ul li a { display: block; width: 120px; line-height: 32px; height: 32px; border-radius: 2px; float: left; text-align: center; color: #fff; margin-top: 30px; background: #388cfe } .solution_main ul li a:hover { background: #2477e9 } .solution_main ul li p span { display: block; font-size: 22px; color: #293038; font-weight: 700; margin-bottom: 20px } .solution_fl ul li p { width: 110px; height: 110px; margin: auto; text-align: center; background: #fff; padding-top: 72px; border-radius: 4px; box-shadow: 0 0 10px #ccc } .solution_fl ul li:hover p { color: #fff; box-shadow: 0 0 10px #5ea1fb } .fl1 { background: url(../images/d_index_39.png) #fff no-repeat center!important } .fl1:hover { background: url(../images/hd_index_39.png) #388cfe no-repeat center!important } .active_fl .fl1 { background: url(../images/hd_index_39.png) #388cfe no-repeat center!important; color: #fff } .fl2 { background: url(../images/d_index_41.png) #fff no-repeat center!important } .fl2:hover { background: url(../images/hd_index_41.png) #388cfe no-repeat center!important } .active_fl .fl2 { background: url(../images/hd_index_41.png) #388cfe no-repeat center!important; color: #fff } .fl3 { background: url(../images/d_index_43.png) #fff no-repeat center!important } .fl3:hover { background: url(../images/hd_index_43.png) #388cfe no-repeat center!important } .active_fl .fl3 { background: url(../images/hd_index_43.png) #388cfe no-repeat center!important; color: #fff } .fl4 { background: url(../images/d_index_45.png) #fff no-repeat center!important } .fl4:hover { background: url(../images/hd_index_45.png) #388cfe no-repeat center!important } .active_fl .fl4 { background: url(../images/hd_index_45.png) #388cfe no-repeat center!important; color: #fff } .fl5 { background: url(../images/d_index_51.png) #fff no-repeat center!important } .fl5:hover { background: url(../images/hd_index_51.png) #388cfe no-repeat center!important } .active_fl .fl5 { background: url(../images/hd_index_51.png) #388cfe no-repeat center!important; color: #fff } .fl6 { background: url(../images/d_index_52.png) #fff no-repeat center!important } .fl6:hover { background: url(../images/hd_index_52.png) #388cfe no-repeat center!important } .active_fl .fl6 { background: url(../images/hd_index_52.png) #388cfe no-repeat center!important; color: #fff } .fl7 { background: url(../images/d_index_53.png) #fff no-repeat center!important } .fl7:hover { background: url(../images/hd_index_53.png) #388cfe no-repeat center!important } .active_fl .fl7 { background: url(../images/hd_index_53.png) #388cfe no-repeat center!important; color: #fff } .fl8 { background: url(../images/d_index_54.png) #fff no-repeat center!important } .fl8:hover { background: url(../images/hd_index_54.png) #388cfe no-repeat center!important } .active_fl .fl8 { background: url(../images/hd_index_54.png) #388cfe no-repeat center!important; color: #fff } .fl9 { background: url(../images/d_index_59.png) #fff no-repeat center!important } .fl9:hover { background: url(../images/hd_index_59.png) #388cfe no-repeat center!important } .active_fl .fl9 { background: url(../images/hd_index_59.png) #388cfe no-repeat center!important; color: #fff } .fl10 { background: url(../images/d_index_60.png) #fff no-repeat center!important } .fl10:hover { background: url(../images/hd_index_60.png) #388cfe no-repeat center!important } .active_fl .fl10 { background: url(../images/hd_index_60.png) #388cfe no-repeat center!important; color: #fff } .fl11 { background: url(../images/d_index_61.png) #fff no-repeat center!important } .fl11:hover { background: url(../images/hd_index_61.png) #388cfe no-repeat center!important } .active_fl .fl11 { background: url(../images/hd_index_61.png) #388cfe no-repeat center!important; color: #fff } .fl12 { background: url(../images/d_index_62.png) #fff no-repeat center!important } .fl12:hover { background: url(../images/hd_index_62.png) #388cfe no-repeat center!important } .active_fl .fl12 { background: url(../images/hd_index_62.png) #388cfe no-repeat center!important; color: #fff } .hbjh ul li { list-style: none; width: 33.33%; float: left; padding: 0 40px; text-align: center; position: relative } .hbjh ul li a { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; display: block; height: 100% } .hbjh ul li p { color: #999; line-height: 1.7em } .hbjh ul li .hbjh_bt { font-size: 20px!important; color: #222; margin: 10px 0 5px } } .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); }@CHARSET "UTF-8"; *{ padding: 0; margin: 0; } .pagebox{ width: 100%; margin: 0px auto; }.pagebox,#-remove--flag{}body,#-remove--flag{} #c_portalResComplaintPage_detail-15793994456331571{ width:100%; max-width:100%; 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; } #c_portalResPublic_codeContainer-15916736011063980{ 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_portalResnav_main-15970508067746686{ 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_portalResMessage_form-16037048408236745{ width:100%; max-width:540px; min-width:0px; height:auto; max-height:none; min-height:0px; 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-1574238652728 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1574238652728 >div{ animation-fill-mode:both; } #w_grid-1574238652728 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1574238652728> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1574238652728> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1574238652728> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1574238696326 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1574238696326 >div{ animation-fill-mode:both; } #w_grid-1574238696326 > div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1574238696326> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0%; } #w_grid-1574238696326> div > .p_gridbox > .p_gridCell:nth-child(3n+0){ width:19.09%; margin-left:0%; margin-right:0px; clear:none; } #w_grid-1574238696326> div > .p_gridbox > .p_gridCell:nth-child(3n+1){ margin-left:0px; clear:left; margin-right:0px; width:14.96%; } #w_grid-1574238696326> div > .p_gridbox > .p_gridCell:nth-child(3n+2){ width:65.94%; margin-left:0%; margin-right:0px; clear:none; } #w_grid-1574238696326> div > .p_gridbox > .p_gridCell:nth-child(3n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_fimg-1574238762320 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1574238762320 >div{ animation-fill-mode:both; } #w_grid-1574239681307 > 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-1603704692932 > div > .p_gridbox{ background-image:url(../images/db_footer2.jpg); } #w_grid-1603704692932 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1603704692932 >div{ animation-fill-mode:both; } #w_grid-1603704692932 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1603704692932> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1603704692932> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1603704692932> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1603704692932> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1603704692932> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1603704692932> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1603704692932 .p_gridbox{ background-repeat:no-repeat; background-position:center center; } #w_grid-1574239688505 > div > .p_gridbox{ background-color:rgba(34, 39, 45, 1); } #w_grid-1574239688505 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1574239688505 >div{ animation-fill-mode:both; } #w_grid-1574239688505 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1574239688505> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1574239688505> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1574239688505> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1574239718427 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1574239718427 >div{ animation-fill-mode:both; } #w_grid-1574239718427 > div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1574239718427> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0%; } #w_grid-1574239718427> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:13.01%; margin-left:0%; margin-right:0px; clear:none; } #w_grid-1574239718427> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:86.99%; } #w_grid-1574239718427> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1597055193780 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1597055193780 >div{ animation-fill-mode:both; } #w_grid-1597055193780 > div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1597055193780> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0%; } #w_grid-1597055193780> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:25.97%; margin-left:0%; margin-right:0px; clear:none; } #w_grid-1597055193780> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:74.03%; } #w_grid-1597055193780> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1597055193780> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0%; } #w_grid-1597055193780> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:50%; margin-left:0%; margin-right:0; clear:none; } #w_grid-1597055193780> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0; clear:left; margin-right:0; width:50%; } #w_grid-1597055193780> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0; } } #w_grid-1603702998664 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1603702998664 >div{ animation-fill-mode:both; } #w_grid-1603702998664 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1603702998664> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1603702998664> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1603702998664> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_common_text-1603703080191 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1603703080191 >div{ animation-fill-mode:both; } #w_grid-1574241447876 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1574241447876 >div{ animation-fill-mode:both; } #w_grid-1574241447876 > div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1574241447876> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1574241447876> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1574241447876> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_fimg-1574240794593 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1574240794593 >div{ animation-fill-mode:both; } #w_fline-1596985981819 .p_FLine{ border-top-color:rgba(57, 61, 66, 1); border-top-width:1px; } #w_fline-1596985981819 .w_fline .p_FLine{ border-top-style:solid; } #w_fline-1596985981819 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fline-1596985981819 >div{ animation-fill-mode:both; } #w_grid-1603450330894 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1603450330894 >div{ animation-fill-mode:both; } #w_grid-1603450330894 > div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1603450330894> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:2%; } #w_grid-1603450330894> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:69.3938%; margin-left:2%; margin-right:0px; clear:none; } #w_grid-1603450330894> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:28.606199999999998%; } #w_grid-1603450330894> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1603450330894> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:2%; } #w_grid-1603450330894> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:49%; margin-left:2%; margin-right:0; clear:none; } #w_grid-1603450330894> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0; clear:left; margin-right:0; width:49%; } #w_grid-1603450330894> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0; } } #w_fimg-1603450396387 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1603450396387 >div{ animation-fill-mode:both; } #w_grid-1574241615049 > div > .p_gridbox{ background-color:rgba(34, 39, 45, 1); } #w_grid-1574241615049 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1574241615049 >div{ animation-fill-mode:both; } #w_grid-1574241615049 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ } @media only screen and (min-width: 769px){ #w_grid-1574241615049> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1574241615049> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1574241615049> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1574238652728{ position:fixed; top:0px; left:50%; bottom:auto; right:auto; transform:translate(-50%, 0px); width:100%; height:auto; z-index:99; content:"tc"; max-width:none; min-width:0px; max-height:none; min-height:68px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; -webkit-transform:translate(-50%, 0px); } #w_grid-1574238696326{ width:100%; max-width:1240px; min-width:0px; height:auto; max-height:none; min-height:68px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:20px; padding-right:20px; padding-bottom:0px; } #w_fimg-1574238762320{ width:100%; max-width:88px; min-width:0px; height:auto; max-height:none; min-height:67px; 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-1603450004878{ width:auto; max-width:170px; min-width:0px; height:auto; max-height:none; min-height:18px; margin-top:23px; margin-left:auto; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1574239681307{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:560px; 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-1603704692932{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:358px; 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-1603704738404{ width:auto; max-width:1240px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:80px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:20px; padding-right:20px; padding-bottom:0px; } #w_grid-1574239688505{ 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-1574239718427{ width:100%; max-width:1240px; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:60px; margin-left:auto; margin-right:auto; margin-bottom:60px; padding-top:0px; padding-left:20px; padding-right:20px; padding-bottom:0px; } #w_grid-1597055193780{ width:auto; max-width:1180px; min-width:0px; height:auto; max-height:none; min-height:226px; 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-1603702998664{ width:100%; max-width:209px; 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_common_text-1598150857122{ 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_common_text-1603450511420{ 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_common_text-1603450525109{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:14px; margin-left:0px; margin-right:0px; margin-bottom:14px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1603450536948{ width:auto; max-width:211px; 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-1603703080191{ width:auto; max-width:116px; 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_grid-1574241447876{ width:100%; max-width:100px; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:0px; margin-left:auto; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1603450995364{ width:auto; max-width:100px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1574240794593{ width:100%; max-width:100px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:20px; margin-left:auto; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1574240828396{ width:auto; max-width:117px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:10px; margin-left:auto; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fline-1596985981819{ width:100%; max-width:1240px; min-width:0px; height:auto; max-height:none; min-height:20px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:20px; padding-right:20px; padding-bottom:0px; } #w_grid-1603450330894{ width:100%; max-width:1240px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:10px; margin-left:auto; margin-right:auto; margin-bottom:10px; padding-top:0px; padding-left:20px; padding-right:20px; padding-bottom:0px; } #w_fimg-1603450396387{ width:100%; max-width:68px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:15px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1574241696115{ width:auto; max-width:860px; min-width:0px; height:auto; max-height:none; min-height:19px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:15px; padding-left:0px; padding-right:0px; padding-bottom:20px; } #w_grid-1574241615049{ 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; }