.e_IndexOrdinaryStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .e_IndexOrdinaryStyleBox-001 .stylebox_top{ background-color: transparent; }  .e_IndexOrdinaryStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; } .e_IndexOrdinaryStyleBox-001 .stylebox_link:hover{ color: rgba(101,190,186,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_link:active{ color: rgba(101,190,186,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_top{ width: auto; height: 40px; } .e_IndexOrdinaryStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size:medium; } .e_IndexOrdinaryStyleBox-001 .title_icon::before{ content: ""; } .e_IndexOrdinaryStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_IndexOrdinaryStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_IndexOrdinaryStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_IndexOrdinaryStyleBox-001 .stylebox_link{ float: right; vertical-align: middle; margin-right: 15px; } .e_IndexOrdinaryStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_IndexOrdinaryStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_IndexOrdinaryStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_IndexOrdinaryStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; height: calc(100% - 48px); width-uint:%; } .e_IndexOrdinaryStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_SideMajorStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .e_SideMajorStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px; } .e_SideMajorStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: rgba(101, 190, 186, 1); } .e_SideMajorStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_SideMajorStyleBox-001 .title_icon::before{ content: ""; } .e_SideMajorStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_SideMajorStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_SideMajorStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_SideMajorStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_SideMajorStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_SideMajorStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_SideMajorStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_SideMajorStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint:%; } .e_SideMajorStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }@media only screen and (max-width: 768px){ .c_portalResPublic_codeContainer-01001{ min-height:500px; width:100%; } .otner ul li { width: 100% !important; } } @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){ } .txt_box { position: relative; width: 100%; background-image: linear-gradient(#dedede, #e8e8e8); border-bottom: 2px solid #95060a; height: 30px; } .txt_box .txts { position: relative; font-size: 24px; padding-left: 20px; color: #000; } .txt_box .txts:before { content: ''; position: absolute; left: 0px; margin-top: -10px; width: 80px; height: 2px; background: #ff8000; bottom: 0px; } .txt_box .txts { position: relative; font-size: 15px; padding-left: 10px; color: #000; line-height: 30px; } .txt_box a { position: absolute; right: 0; color: #000000; padding: 4px 10px; top: 0; } .otner { background: rgba(0,0,0,.5); } .otner ul li { width: 20%; float: left; font-size: 14px; line-height: 80px; text-align: center; position: relative; font-weight: bold; } .otner ul li:before { content: ""; width: 1px; height: 50%; background: rgba(255,255,255,.2); display: block; position: absolute; right: 0; top: 25%; } .otner ul li a { color: #fff; } .fuwu ul{ position: relative; } .fuwu ul li{ width: calc((100% - 100px) / 5); text-align: center; float:left; border:1px solid #eeeeee; margin: 0 10px; } .fuwu ul li .icon{ height: 60px; width: 60px; margin: 40px 0 20px; display: inline-block; -webkit-transition: all 0.8s ease; transition: all 0.8s ease; } .fuwu ul li a{ display:block; height: 100%; } .fuwu ul li.li1 .icon{ background: url(//dfs.yun300.cn/group1/M00/14/49/rBQBHVu-4NKESbfPAAAAAOC5Mfo290.png?tenantId=240764&viewType=1&v=000) no-repeat center; } .fuwu ul li.li2 .icon{ background: url(//dfs.yun300.cn/group1/M00/14/49/rBQBHVu-4TuEa4_rAAAAAO2qoAE437.png?tenantId=240764&viewType=1&v=000) no-repeat center; } .fuwu ul li.li3 .icon{ background: url(//dfs.yun300.cn/group1/M00/13/13/rBQBG1u-4UWEOOmrAAAAAGBDofU057.png?tenantId=240764&viewType=1&v=000) no-repeat center; } .fuwu ul li.li4 .icon{ background: url(//dfs.yun300.cn/group1/M00/14/88/rBQBHFu-4VKERO3rAAAAAMEasDA518.png?tenantId=240764&viewType=1&v=000) no-repeat center; } .fuwu ul li.li5 .icon{ background: url(//dfs.yun300.cn/group1/M00/14/88/rBQBHFu-4VyEAkVfAAAAABNNVwQ396.png?tenantId=240764&viewType=1&v=000) no-repeat center; } .fuwu ul li p{font-size: 16px;font-weight: bold;color: #000;margin-bottom: 40px;} .fuwu ul li:hover .icon{ transform: rotateY(360deg); } @media only screen and (max-width: 768px){ .fuwu ul li { width: calc((100% - 20px) / 2); text-align: center; float: left; border: 1px solid #eeeeee; margin: 5px; } .fuwu ul li:nth-child(5){ width: calc((100% - 0px) / 1); margin: 5px 0; } } .p_header { text-align: center; } .p_time { text-align: center; margin: 20px 0; } .p_articles { margin-top: 30px; } .p_PromptNoneData{ width: auto; background-color: inherit; text-align: center; } .p_PromptNoneData .prompt_title .iconfont:before { content: ""; } .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; } .p_PromptNoneData .prompt_title{ display: inline-table; padding: 0 30px; min-height: 200px; height: 100%; } .p_PromptNoneData .prompt_title .first:before{ content: "\e6b4"; } .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; } .p_PromptNoneData .promptbox{ width: auto; height: 100%; } .p_PromptNoneData .prompt_content { font-size: 14px; color: rgba(105, 105, 105,1); padding-left: 65px; } @media only screen and (max-width: 768px) { ul li { height: auto!important; border-bottom: 1px solid #e4e4e4; overflow: hidden; } .resetHtmlCssStyle img { vertical-align: top; width: 100%!important; height: auto!important; } ul li .img { width: 100%!important; height: auto!important; float: left!important; margin-left: 0!important; margin-top: 46px; position: relative; overflow: visible; } .p_complaintPageDetails { padding: 20px; } .p_time { margin-top: 10px; } .p_articles { margin-top: 20px; } .resetHtmlCssStyle .tp img { vertical-align: top; width: 100%; } } @media only screen and (min-width:769px) { .p_complaintPageDetails { padding: 30px; } .p_header { padding-bottom: 8px; } .p_timeIcon { width: auto; height: auto; display: inline-block; font-size: inherit; margin-right: 5px; } .p_timeIcon:before { content: '\e67a'; } } @media only screen and (min-width:769px) and (max-width:1024px) { } .p_MatteIcon .iconfont:before{ content:'\e602'; } .runpic-box{ width:100%; position:relative; } .tb2{ background:url(/img/bgll.png?tenantId=240764&viewType=1&v=000); width:58px; height:58px; transition:all .4s; } .tb3{ background:url(/img/fcl.png?tenantId=240764&viewType=1&v=000); width:58px; height:58px; transition:all .4s; } .tb5{ background:url(/img/yy.png?tenantId=240764&viewType=1&v=000); width:58px; height:58px; transition:all .4s; } .tb4{ background:url(/img/cg.png?tenantId=240764&viewType=1&v=000); width:58px; height:58px; transition:all .4s; } .bgl .runpic-words-active>.tb2{ background:url(/img/bgll.png?tenantId=240764&viewType=1&v=000)!important; } .bgl:hover.tb2{ background:url(/img/bgll.png?tenantId=240764&viewType=1&v=000)!important; } .runpic-words ul li{ width:20%; float:left; border-left:solid 1px #ebebeb; height:143px; padding:40px 30px; position:relative; text-align:center; } .runpic-words ul li img{ display:block; margin:0 auto; -webkit-transition:all 1s; -o-transition:all 1s; -moz-transition:all 1s; transition:all 1s; } .runpic-words ul li h6{font-size:16px;color: #000000;margin-top:0;text-align:left;} .runpic-words ul li p{font-size:14px; color:#4e4e4e; text-transform:capitalize; margin-top:3px; font-family:'SOURCEHANSANSCN-LIGHT_0';text-align:left; } .runpic-words ul li:hover img{ -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); transform:rotateY(180deg); } .runpic-line-null{ position:absolute; width:100%; height:1px; background-color:rgba(255, 255, 255, .1); left:0; top:62%; z-index:4; display:none; } .runpic-line{ position:absolute; width:10%; height:1px; background-color:#b6b5aa; left:0; top:62%; z-index:4; -webkit-transition:all 1s; -o-transition:all 1s; -moz-transition:all 1s; transition:all 1s; display:none; } .runpic-pic{width:100%;overflow:hidden;position:relative;z-index:1;height: 700px;background-color:#b6b5aa;} .runpic-pic ul li{width:100%;height:620px;display:none;background-repeat:no-repeat !important;background-attachment:fixed !important;position:absolute;-o-background-size:cover;background-size:cover;top:0%;left:0%;background-size: 100% !important;} .runpic-pic-true{ -webkit-animation:toPicBig 1s ease-in-out both; -moz-animation:toPicBig 1s ease-in-out both; -o-animation:toPicBig 1s ease-in-out both; animation:toPicBig 1s ease-in-out both; } @-webkit-keyframes toPicBig{ 0% { -webkit-transform: scale(1.04); transform: scale(1.04); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes toPicBig{ 0% { -moz-transform: scale(1.04); transform: scale(1.04); } 100% { -moz-transform: scale(1); transform: scale(1); } } @-o-keyframes toPicBig{ 0% { -o-transform: scale(1.04); transform: scale(1.04); } 100% { -o-transform: scale(1); transform: scale(1); } } @keyframes toPicBig{ 0% { -webkit-transform: scale(1.04); -moz-transform: scale(1.04); -o-transform: scale(1.04); transform: scale(1.04); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .runpic-pic-shade{ position:absolute; z-index:2; width:100%; height:100%; background-color:rgba(0, 0, 0, .4); -webkit-transition:all 2s; -o-transition:all 2s; -moz-transition:all 2s; transition:all 2s; } .runpic-words-pic{height:58px;float:left;width:58px;} .anli{ top:42%; position:absolute; margin:0 auto; display:block; text-align:center; z-index:99; width:100%; } .cnb{font-size: 24px;color:white;} .enb{ font-size:48px; color:white; } .tbb{width:64%;float:left;} .runpic-words ul li:hover:before{ width:100%; left:0; } li::before{position:absolute;content:"";width:0;bottom:0;transition:all .4s;left:0;height:4px;background: #0b61a6;} .wz{ width:60%; padding:6px 15px; display:block; float:left; } @media only screen and (max-width: 768px){ .runpic-pic { display: none; } .runpic-words { position: relative !important; border-top: solid 1px #ebebeb; } .runpic-words ul li { width: calc(100%/2) !important; text-align: center !important; } .runpic-words-pic { display: none; } .runpic-words ul li h6 { font-size: 16px; color: #000000; margin-top: 0; text-align: center; } .runpic-words ul li p { font-size: 14px; color: #4e4e4e; text-transform: capitalize; margin-top: 3px; font-family: 'SOURCEHANSANSCN-LIGHT_0'; text-align: center; } .wz { width: 100% !important; padding: 6px 0; display: block; float: left; } .runpic-words a:nth-child(2) .bgl{ border-right: solid 1px #ebebeb; } .runpic-words a:nth-child(4) .bgl{ border-right: solid 1px #ebebeb; } .runpic-words a:nth-child(5) .bgl{ border-right: solid 1px #ebebeb; width: 100% !important; } } .links { position: relative; } .links span { display: block; position: relative; z-index: 5; padding-left: 26px; width: 272px; color: #fff; height: 35px; line-height: 35px; font-size: 14px; cursor: pointer; border: 1px solid rgba(255,255,255,.2); overflow: hidden; } .links i { display: block; width: 20px; height: 11px; background: url(//dfs.yun300.cn/group1/M00/18/5A/rBQBHF1afvuEcEhvAAAAAImzQ70153.png?tenantId=240764&viewType=1&v=000) center no-repeat; position: absolute; left: 90%; top: 50%; margin-top: -5px; transition: 430ms; } .link-down { position: absolute; left: 0; box-sizing: border-box; display: none; border: 1px solid #eee; bottom: 35px; width: 100%; background: #fff; } .links .link-down li { width: auto; float: none; border-bottom: 1px solid #eee; margin: 0; } .link-down li a { display: block; padding-left: 26px; color: #666; line-height: 35px; } .otner { background: rgb(11 97 166 / 80%); } .otner ul li { width: 20%; float: left; font-size: 16px; line-height: 80px; text-align: center; position: relative; font-weight: bold; } .otner ul li:before { content: ""; width: 1px; height: 50%; background: rgba(255,255,255,.2); display: block; position: absolute; right: 0; top: 25%; } .otner ul li a { color: #fff; } .otner ul li:hover { background: #da251c; } .w_fimg-000 .p_title{ display:inline-table; margin:0; min-width:37px; padding:0; color:rgba(51,51,51,1); font-size:16px; font-weight:400; cursor:pointer; } .w_fimg-000 .p_title .font{ vertical-align:middle; line-height: 21px; } .w_fimg-000 .p_title:hover{ color:rgba(87,177,173,1); } .w_fimg-000 .p_title:active{ color:rgba(69,165,161,1); } .w_fimg-000 .p_title .iconfont:before{ display: inline-block; content:""; } .w_fimg-000{ position:relative; width:100%; height:auto; min-height: 200px; } .w_fimg-000 .animated{ width:100%; height:100%; position: relative; min-height: inherit; } .w_fimg-000 .font { white-space: nowrap; } .w_fimg-000 .p_link001{ width:100%; height:100%; } .w_fimg-000 .p_link002{ width:100%; height:30px; } .w_fimg-000 .p_box{ width: 100%; height: 100%; text-align:center; position: static; } .w_fimg-000 .p_dimage{ height: inherit; overflow: hidden; font-size: 0; } .w_fimg-000 .e_image:hover:after { background: transparent; } .w_fimg-000 .p_dimage:empty{ width: 100%; height: 100%; top: 0; left: 0; position:absolute; background: #f2f2f2 url(/img/camera.png?tenantId=240764&viewType=1&v=000) no-repeat center; }.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){ } .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; }.c_portalResnav_main-01001010{width: 100% !important;transition: all 0.8s;} .header-ri.clearfix { float: right; margin-top: 14px; } .link:hover { background: #b09f78; } .fixedNav{ position:fixed!important; top:0px; left:0; box-shadow: 0 5px 10px rgba(0,0,0,.05); width: 100%; background: #fff; z-index:9; } .menu { background-color: #9b0813; } .header .hig { overflow: hidden; padding:20px 0; } .header .tel{ display: inline-block; margin-left: 20px; } .header .tels{ display: inline-block; padding-left: 10px; } .header .tel b{ display: inline-block; vertical-align: top; } .header .tel span{ font-size: 12px; } .header .tel h3{ line-height: 16px; color: #0657b2; font-size: 18px; font-weight: 600; } .bocweb-header.fixedNav{ background: rgba(255,255,255,1); box-shadow: 0 5px 10px rgba(0,0,0,.05); } .warp{ width: 100%; margin:0 auto; max-width: 90%; } .bocweb-header .bocweb-logo {float: left;transition: all 0.8s;} .bocweb-header-m .bocweb-logo { width: 180px; float: left; margin: 10px 0 0 10px; display: block; transition: all 0.8s; } .bocweb-logo img { display: block; max-width: 100%; height: auto; } .bocweb-nav{ text-align: center; font-size: 0; } .bocweb-header { z-index: 10; width: 100%; margin: 0 auto; position: relative; background: #fff;  } .bocweb-header .bocweb-nav li { position: relative; height: 100%; width: calc(100% / 8); display: inline-block; } .bocweb-header .bocweb-nav li:last-child .link:before{ display:none; } .bocweb-header .bocweb-nav li .link { display: block; line-height: 60px; font-size: 16px; font-weight: 600; color: #fff; position: relative; } .bocweb-header .bocweb-nav li .link:before { content: ""; width: 1px; height: 25px; top: 40%; margin-top: -5px; background: #af3942; position: absolute; right: 0; } .bocweb-header .bocweb-nav li .link span { vertical-align: middle; } .bocweb-header .bocweb-nav li .link span.icon { position: absolute; right: 0; color: #ccc; top: 50%; margin-top: -3px; opacity: .2; width: 12px; height: 6px; display: inline-block; background: url(//dfs.yun300.cn/group1/M00/16/6E/rBQBG1zIEVmEE3AQAAAAABDNNO8898.svg?tenantId=240764&viewType=1&v=000) no-repeat center center; } .bocweb-header .bocweb-nav li:hover .link span.icon { } .bocweb-header .bocweb-nav li .hider { transform-origin: center top; position: absolute; top: 100%; left: 0; width: 100%; background: #fff; box-shadow: 0px 0px 46px rgba(44,70,95,0.16); visibility: hidden; } .bocweb-header .bocweb-nav li .hider .sub-link { display: block; border-bottom: 1px solid #f2f2f2; font-size: 14px; color: #727273; } .bocweb-header .bocweb-nav li .hider .sub-link .text { position: relative; font-size: 13px; padding: 8px 0; display: inline-block; } .bocweb-header .bocweb-nav li .hider .sub-link .line { position: absolute; left: 0; bottom: 0;  height: 2px; background-color: #9b0813; transition: width 0.5s; } .bocweb-header .bocweb-nav li .hider .sub-link:hover .line { width: 100%; } .bocweb-header ul li:hover a.link { color: #fff; } @media (max-width:1200px) { .bocweb-header .bocweb-nav li .link{ font-weight:normal; } } @media (max-width: 768px) { .bocweb-header{ display: none; } .bocweb-header-m.ishow { transform: translateX(-80.55%); } .bocweb-header-m { top: 0; box-shadow: 0 5px 10px rgba(0,0,0,.05); left: 0; z-index: 12; position: fixed; background: #fff; width: 100%; transition: all 0.8s; } .bocweb-header-m .bg { position: fixed; top: 0; right: 0; bottom: 0; width: 100%; height: 100vh; background: #000; opacity: .1; filter: alpha(opacity=10); cursor: pointer; transform: scaleX(0); transform-origin: 100% 50%; transition: transform 0.6s; } .bocweb-header-m .menu-box { z-index: 9999; padding: 30px 20px 40px 10px; right: 0; transition: all 0.6s; } .bocweb-header-m .bocweb-menu { width: 25px; cursor: pointer; float: right; } .bocweb-header-m .bocweb-menu .line { position: relative; top: 0; display: block; width: 100%; height: 2px; transition: transform 0.3s ease, top 0.3s ease, width 0.3s ease, opacity 0.3s, background 0.3s; transform-origin: center center; background: #333; } .bocweb-header-m .bocweb-menu .line:nth-child(2) { margin: 6px 0; } .bocweb-header-m.ishow { } .bocweb-header-m.ishow .bg { transform: scaleX(1); } .bocweb-header-m.ishow .bocweb-nav li .link { transform: translateX(0px); opacity: 1 } .bocweb-header-m.ishow .bocweb-nav li .hider.ishow { transform: translateX(-101%) } .bocweb-header-m.ishow .bocweb-nav li .hider.ishow .sub-link .text { transform: translateX(0px); opacity: 1 } .bocweb-header-m.ishow .bocweb-menu .line:nth-child(1) { top: 8px; transform: rotate(45deg); opacity: 0.8; } .bocweb-header-m.ishow .bocweb-menu .line:nth-child(2) { opacity: 0; width: 0 } .bocweb-header-m.ishow .bocweb-menu .line:nth-child(3) { top: -8px; transform: rotate(-45deg); opacity: 0.8; } .bocweb-header-m .bocweb-nav { position: absolute; top: 0; bottom: 0; right: -80.55%; z-index: 500; width: 80.55%; height: 100vh; background-color: #fff; } .bocweb-header-m .bocweb-nav li { padding-left: 5%; overflow: hidden; position: relative; border-bottom: 1px solid #ebebeb; } .bocweb-header-m .bocweb-nav li:nth-child(1) { border-top : 1px solid #ebebeb; } .bocweb-header-m .bocweb-nav li .hide { position: absolute; top: 0; left: 101%; z-index: 1001; width: 100%; height: 100%; background-color: #fff; transition: all 0.8s; } .bocweb-header-m .bocweb-nav li .link { position: relative; display: inline-block; line-height: 50px; float: left; text-align: left; color: #222; width: 90%; font-size: 14px; transition: all 0.6s; opacity: 0; } .bocweb-header-m .bocweb-nav li .cur{ display: inline-block; height: 50px; width: 10%; line-height: 50px; color: #999; text-align: center; vertical-align: top; font-size: 1rem; transition: all .5s ease; } .bocweb-header-m .bocweb-nav li .hider { display:none; } .bocweb-header-m.ishow .bocweb-nav li .hider.ishow { transform: translateX(-101%); } .bocweb-header-m .bocweb-nav li .conter{ } .bocweb-header-m .bocweb-nav li .back{ display: block; width: 10%; height: 50px; line-height: 50px; text-align: center; vertical-align: top; font-size: 1rem; transition: all .5s ease; transform: rotateZ(180deg); } .bocweb-header-m .bocweb-nav li .hider .sub-link { display: block; padding: 2%; border-bottom: 1px solid #ebebeb; font-size: 13px; color: #666; text-align: left; } .bocweb-header-m .bocweb-nav li .jtRote { transform: rotateZ(90deg); } .bocweb-header-m .bocweb-nav li .hider a:last-child { border: none; } } @media (min-width: 769px) { .bocweb-header-m { display: none; } } @media (max-width: 500px) { .bocweb-header-m .bocweb-logo{ width: 200px; height: auto; margin: 9px; } .bocweb-header-m { height: 60px; } .bocweb-header-m .menu-box { padding: 21px 15px; transition: all 0.6s; } .bocweb-header-m .bocweb-nav{ padding: 0; background: #f9f9f9; } .bocweb-header-m .bg{ } .bocweb-header-m.ishow .bocweb-nav { } .bocweb-header-m .bocweb-nav li .cur{ width:20%; } .bocweb-header-m .bocweb-nav li .link{ width:80%; } }.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; }@CHARSET "UTF-8"; #c_portalResnav_main-16009998901898076{ 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; } .pagebox,#-remove--flag{}body,#-remove--flag{} #c_portalResPublic_codeContainer-16270024951917952 .copy{ line-height:22px; font-size:15px; color:#f2cac8; } #c_portalResPublic_codeContainer-16270024951917952 .l1{ float:left; } #c_portalResPublic_codeContainer-16270024951917952 .copy a{ color:#f2cac8; transition:all 0.3s; } #c_portalResPublic_codeContainer-16270024951917952 .l2{ float:right; } #c_portalResPublic_codeContainer-16270024951917952 a:hover{ color:#fff; } @media only screen and (max-width: 768px){ #c_portalResPublic_codeContainer-16270024951917952 .l1 { float: none; display: block; text-align: center; width: 100%; line-height: 22px; } #c_portalResPublic_codeContainer-16270024951917952 .l2 { float: none; display: block; text-align: center; width: 100%; line-height: 22px; } } #c_portalResPublic_codeContainer-16270024951917952{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1609839358677 > div > .p_gridbox{ background-color:rgba(255, 255, 255, 1); } #w_grid-1609839358677 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1609839358677 >div{ animation-fill-mode:both; } #w_grid-1609839358677 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1609839358677> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1609839358677> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1609839358677> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1611715909494 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1611715909494 >div{ animation-fill-mode:both; } #w_grid-1611715909494 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1611715909494 > div > .p_gridbox { display: none; } } @media only screen and (min-width: 769px){ #w_grid-1611715909494 > div > .p_gridbox { display: flex; align-items: center; } #w_grid-1611715909494> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1611715909494> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:74.02%; margin-left:0; margin-right:0; clear:none; } #w_grid-1611715909494> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0; clear:left; margin-right:0; width:25.979999999999997%; } #w_grid-1611715909494> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_fimg-1611715909499 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1611715909499 >div{ animation-fill-mode:both; } #w_grid-1611715909502 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1611715909502 >div{ animation-fill-mode:both; } #w_grid-1611715909502 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1611715909502> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1611715909502> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:23.919999999999998%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1611715909502> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:76.08%; } #w_grid-1611715909502> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1611715909502> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1611715909502> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:19.42%; margin-left:0; margin-right:0; clear:none; } #w_grid-1611715909502> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0; clear:left; margin-right:0; width:80.58%; } #w_grid-1611715909502> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0; } } #w_fbtn-1627001167717 .p_CommonBtn{ background-color:#b09f78; border-color:transparent; width:100%; height:36px; color:rgba(255,255,255,1); border-width:1px; border-style:none; padding-top:0px; padding-right:20px; padding-left:30px; border-radius:5px; text-align:center; transition:0.5s; min-height:inherit; } #w_fbtn-1627001167717 .p_CommonBtn .font{ padding-left:15px; text-align:center; display:table-cell; vertical-align:middle; width:100%; font-size:14px; background:url(/img/b01.png?tenantId=240764&viewType=1&v=000) no-repeat center left; height:auto; } #w_fbtn-1627001167717 .p_CommonBtn:hover{ border-radius:0px; } #w_fbtn-1627001167717 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fbtn-1627001167717 >div{ animation-fill-mode:both; } #w_fbtn-1627001169004 .p_CommonBtn{ background-color:#9b0813; border-color:transparent; width:100%; height:36px; color:rgba(255,255,255,1); border-width:1px; border-style:none; padding-top:0px; padding-right:20px; padding-left:30px; border-radius:5px; text-align:center; transition:0.5s; min-height:inherit; } #w_fbtn-1627001169004 .p_CommonBtn .font{ padding-left:15px; text-align:center; display:table-cell; vertical-align:middle; width:100%; font-size:14px; background:url(/img/b02.png?tenantId=240764&viewType=1&v=000) no-repeat center left; height:auto; } #w_fbtn-1627001169004 .p_CommonBtn:hover{ border-radius:0px; } #w_fbtn-1627001169004 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fbtn-1627001169004 >div{ animation-fill-mode:both; } #w_grid-1601000743516 > 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-1627001899106 > div > .p_gridbox{ background-image:url(/img/btbg.jpg?tenantId=240764&viewType=1&v=000); } #w_grid-1627001899106 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1627001899106 >div{ animation-fill-mode:both; } #w_grid-1627001899106 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1627001899106> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1627001899106> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1627001899106> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1627001918341 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1627001918341 >div{ animation-fill-mode:both; } #w_grid-1627001918341 > div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1627001918341> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:10%; } #w_grid-1627001918341> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:49.410000000000004%; margin-left:10%; margin-right:0px; clear:none; } #w_grid-1627001918341> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:40.59%; } #w_grid-1627001918341> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1627001918341> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:2%; } #w_grid-1627001918341> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:49%; margin-left:2%; margin-right:0; clear:none; } #w_grid-1627001918341> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0; clear:left; margin-right:0; width:49%; } #w_grid-1627001918341> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0; } } #w_fimg-1627001958552 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1627001958552 >div{ animation-fill-mode:both; } #w_fimg-1627021276462 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1627021276462 >div{ animation-fill-mode:both; } #w_fline-1627001961073 .p_FLine{ border-top-color:rgba(177, 74, 69, 1); } #w_fline-1627001961073 .w_fline .p_FLine{ border-top-style:solid; } #w_fline-1627001961073 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fline-1627001961073 >div{ animation-fill-mode:both; } #w_grid-1641896057605 > 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_fline-1627002441527 .p_FLine{ border-top-color:rgba(167, 53, 47, 1); } #w_fline-1627002441527 .w_fline .p_FLine{ border-top-style:solid; } #w_fline-1627002441527 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fline-1627002441527 >div{ animation-fill-mode:both; } #w_grid-1627002453549 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } @media only screen and (max-width: 768px){ } @media only screen and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1609839358677{ 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-1611715909494{ width:95%; max-width:1460px; 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:10px; padding-right:10px; padding-bottom:0px; } #w_fimg-1611715909499{ width:100%; max-width:222px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:30px; margin-left:20px; margin-right:0px; margin-bottom:30px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1611715909502{ width:100%; max-width:800px; 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_fbtn-1627001167717{ width:100%; max-width:136px; min-width:0px; height:100%; max-height:0px; min-height:42px; 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_fbtn-1627001169004{ width:100%; max-width:136px; min-width:0px; height:100%; max-height:0px; min-height:42px; 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_grid-1601000743516{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:158px; 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-1627001899106{ 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-1627001918341{ width:95%; max-width:1460px; 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:4%; padding-left:10px; padding-right:10px; padding-bottom:4%; } #w_fimg-1627001958552{ width:100%; max-width:284px; min-width:0px; height:auto; max-height:none; 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:5%; } #w_fimg-1627021276462{ width:100%; max-width:284px; 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:5%; } #w_common_text-1627001957320{ 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-1627001959463{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:14px; 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_fline-1627001961073{ width:100%; max-width:none; 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:2%; padding-left:0px; padding-right:0px; padding-bottom:2%; } #w_grid-1641896057605{ 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-1641896057616{ 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-1641896057620{ 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-1641896057624{ 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-1641896057628{ 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_fline-1627002441527{ width:100%; max-width:none; 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:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1627002453549{ width:95%; max-width:1460px; 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:10px; padding-right:10px; padding-bottom:10px; }