.e_FlowCommonStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .e_FlowCommonStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px; } .e_FlowCommonStyleBox-001 .stylebox_link:hover{ color: rgba(101,190,186,1); } .e_FlowCommonStyleBox-001 .stylebox_link:active{ color: rgba(101,190,186,1); } .e_FlowCommonStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: #1890FF; } .e_FlowCommonStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_FlowCommonStyleBox-001 .title_icon::before{ content: ""; } .e_FlowCommonStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_FlowCommonStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_FlowCommonStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: #1890FF; padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_FlowCommonStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_FlowCommonStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_FlowCommonStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_FlowCommonStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_FlowCommonStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint:%; } .e_FlowCommonStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_SideMajorStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .e_SideMajorStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px; } .e_SideMajorStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: rgba(101, 190, 186, 1); } .e_SideMajorStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_SideMajorStyleBox-001 .title_icon::before{ content: ""; } .e_SideMajorStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_SideMajorStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_SideMajorStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_SideMajorStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_SideMajorStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_SideMajorStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_SideMajorStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_SideMajorStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint:%; } .e_SideMajorStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }.c_portalResNews_list-01001031{min-width:0px; width:86%; max-width:none; height:auto; max-height:none; min-height:0px; margin-top:30px; margin-left:auto; margin-right:auto; margin-bottom:50px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } .c_portalResNews_list-01001031 .p_PromptNoneData { width: auto; text-align: center } .c_portalResNews_list-01001031 .p_PromptNoneData .prompt_title .iconfont:before { content: "" } .c_portalResNews_list-01001031 .p_PromptNoneData .prompt_title .first { height: auto; display: table-cell; position: relative; vertical-align: middle; padding: 0 10px 5px 0; } .c_portalResNews_list-01001031 .p_PromptNoneData .prompt_title { display: inline-table; padding: 0 30px; min-height: 200px; height: 100% } .c_portalResNews_list-01001031 .p_PromptNoneData .prompt_title .first:before { content: "\e6b4" } .c_portalResNews_list-01001031 .p_PromptNoneData .prompt_title .font { display: table-cell; vertical-align: middle; text-align: left } .c_portalResNews_list-01001031 .p_PromptNoneData .promptbox { width: auto; height: 100% } .c_portalResNews_list-01001031 .p_PromptNoneData .prompt_content { padding-left: 65px } .c_portalResNews_list-01001031 .p_moreBtn { position: static; width: auto; display: inline-table; min-height: 29px; margin: 0; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px; min-width: 86px; cursor: pointer; text-align: center } .c_portalResNews_list-01001031 .p_moreBtn .font { white-space: nowrap; overflow: visible; vertical-align: middle } .c_portalResNews_list-01001031 .p_moreBtn .iconfont:before { content: "" } @-moz-keyframes three-quarters-loader { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes three-quarters-loader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes three-quarters-loader { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .loading_animation { -moz-animation: three-quarters-loader 850ms infinite linear; -webkit-animation: three-quarters-loader 850ms infinite linear; animation: three-quarters-loader 850ms infinite linear; box-sizing: border-box; display: inline-block; position: relative; overflow: hidden; text-indent: -9999px; width: 32px; height: 32px; vertical-align: middle } .c_portalResNews_list-01001031 .p_loading { width: 100%; height: 70px; line-height: 70px; text-align: center; } .c_portalResNews_list-01001031 .p_loading .iconfont:before {content: "";shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_portalResNews_list-01001031 .p_loading .font { display: inline-block; margin-left: 20px; height: inherit } .c_portalResNews_list-01001031 .p_moreBox { margin: 0 20px; width: auto; height: auto; padding: 0; overflow: hidden } .c_portalResNews_list-01001031 .p_ToDetail { display: inline-block; margin: 0; padding: 5px 10px; min-width: 86px; text-align: center; white-space: nowrap; vertical-align: middle; } a>.c_portalResNews_list-01001031 .p_ToDetail:hover { cursor: pointer } .c_portalResNews_list-01001031 .p_SummaryBox { margin: 0; width: 236px; height: 317px; padding: 0; overflow: hidden } .c_portalResNews_list-01001031 .p_summary { text-align: left; vertical-align: top; word-break: break-all } .c_portalResNews_list-01001031 .p_time { display: inline-block; margin: 0; padding: 0 5px 0 0; vertical-align: middle; text-align: left; white-space: nowrap; overflow: visible; line-height: 18px; vertical-align: top } .c_portalResNews_list-01001031 .p_assist { margin: 0; width: 236px; height: 317px; padding: 0; overflow: hidden } .c_portalResNews_list-01001031 .p_TitleBox { width: auto; height: auto; padding:5px 0; overflow: hidden; vertical-align: top; } .c_portalResNews_list-01001031 .p_title { display: inline-table; width: 100%; margin: 0; padding: 0; text-align: left; cursor: pointer; overflow: hidden; text-overflow: ellipsis; } .c_portalResNews_list-01001031 .p_header { margin: 5px 0 0; width: auto; height: auto; padding: 0; overflow: hidden; } .c_portalResNews_list-01001031 .p_content { margin: 0; width: 236px; height: 317px; padding: 0; overflow: hidden } .c_portalResNews_list-01001031 .p_images { margin: 0; width: 168px; height: 138px; padding: 0; overflow: hidden; float: left; box-sizing: border-box; -moz-box-sizing: border-box; position: relative; vertical-align: middle; text-align: center; margin-right: 15px } .c_portalResNews_list-01001031 .p_articles {margin:0 35px 30px !important; width:calc((100% - 0px)/4); height: 186px;padding: 0;float:left; } .c_portalResNews_list-01001031 .p_news {margin:0 auto; width:100%; height: auto;padding:20px; overflow:hidden; padding-bottom:30px; } .c_portalResNews_list-01001031 .p_Newslist { margin: 0; padding: 0; overflow: hidden; } .c_portalResNews_list-01001031 { overflow: hidden; } .c_portalResNews_list-01001031 .p_content { width: auto; height: auto; vertical-align: top } .c_portalResNews_list-01001031 .p_SummaryBox { width: auto; height: auto; } .c_portalResNews_list-01001031 .p_assist { width: auto; height: auto; } .c_portalResNews_list-01001031 .p_icon { display: inline-block; vertical-align: middle; margin-top: 2px } .c_portalResNews_list-01001031 .p_about { display: inline-block; vertical-align: middle } .c_portalResNews_list-01001031 .p_articles { display: inline-block; height: auto; min-width: 320px; width: calc((100% - 0px)/1); padding: 15px 15px; overflow: hidden; float: left; } .c_portalResNews_list-01001031 .p_thumbnail { width: 100%; height: auto; vertical-align: middle; text-align: center; overflow: hidden } .c_portalResNews_list-01001031 .p_thumbnail img { width:100%;} .c_portalResNews_list-01001031 .higher .p_thumbnail { position: absolute; height: 100% } .c_portalResNews_list-01001031 .widther .p_thumbnail { position: absolute; height: 100% } .c_portalResNews_list-01001031 .smaller .p_thumbnail { position: absolute; height: 100% } .c_portalResNews_list-01001031 .p_assist { margin-top: 2px; } .c_portalResNews_list-01001031 .p_SummaryBox { clear: both; margin-bottom: 10px; margin-top: 8px } .c_portalResNews_list-01001031 .p_ToDetail { float: right; position: relative } .c_portalResNews_list-01001031 .p_summary { white-space: normal } .c_portalResNews_list-01001031 .p_categorySummaryBox{ overflow: hidden; padding: 10px; } @media only screen and (max-width: 768px) { .c_portalResNews_list-01001031 .p_articles{ margin-top: 10px !important; width: 100% !important; } .c_portalResNews_list-01001031 .mp_linkUrl{ display: block; height: auto; } .c_portalResNews_list-01001031 .p_SummaryBox{ display: none; } .c_portalResNews_list-01001031 .p_ToDetail{ display: none !important; } .c_portalResNews_list-01001031 .mP_SummaryBox{ clear: both; } .c_portalResNews_list-01001031 .p_Information{ display: flex; padding: 10px 0; } .c_portalResNews_list-01001031 .p_Information li{ flex: 1; height: 20px; overflow: hidden; } .c_portalResNews_list-01001031 .p_KeyWord{ width: 100%; margin-top: 5px; } .c_portalResNews_list-01001031 .p_KeyWord .p_tag{ padding: 5px 15px; margin-right: 10px; border-radius: 3px; } .c_portalResNews_list-01001031 .blank{ width: 100%; height: 15px; overflow: hidden; } .c_portalResNews_list-01001031 .p_articles{border: none} } @media only screen and (min-width: 769px) { .c_portalResNews_list-01001031 .mp_linkUrl{ display: none; } .c_portalResNews_list-01001031 .mP_SummaryBox{ display: none; } .c_portalResNews_list-01001031 .p_Information{ display: none; } .c_portalResNews_list-01001031 .p_KeyWord{ display: none; } .c_portalResNews_list-01001031 .blank{display: none;} } @media only screen and (max-width: 1024px) and (min-width: 769px) { } .c_portalResNews_list-01001031 .newList:hover{ overflow:hidden; border:solid 0px #ffffff; background-color:#fff; box-shadow:0px 0px 16px 1px rgba(0, 0, 0, 0.43); shadow-distance:2px; } .c_portalResNews_list-01001031 .p_CommonSummaryBoxA{ text-align:center; } .c_portalResNews_list-01001031 .p_MatteIcon .iconfont:before{ content:'\e602'; } .c_portalResNews_list-01001031 >div{ animation-fill-mode:both; } .c_portalResNews_list-01001031 .p_CommonSquareNumBtn{ display:inline-block; height:10px; width:100px; margin:0 8px; padding:0px; background-color:rgb(146, 146, 146); border-width:1px; border-color:transparent; color:rgba(153, 153, 153, 1); font-size:12px; font-family:"Microsoft YaHei"; text-align:center; cursor:pointer; } .c_portalResNews_list-01001031 .p_CommonSquareNumBtn.active{ background-color:#fe214f; } .c_portalResNews_list-01001031 .lantern{ margin-left:0px!important; margin-right:0px!important; } .c_portalResNews_list-01001031 .p_CommonSquareNumBtn:hover{ background-color:#929292; color:#fff; } .c_portalResNews_list-01001031 .newList{ overflow:hidden; border:solid 0px #ffffff; background-color:#fff; box-shadow:0px 0px 16px 1px rgba(0, 0, 0, 0.12); shadow-distance:2px; } .c_portalResNews_list-01001031 .newList:nth-child(4n+1){} .c_portalResNews_list-01001031 .newList:nth-child(4n+4){} .c_portalResNews_list-01001031 .newPicBox{ position:relative; width:100%; height:0px; padding-bottom:60%; overflow:hidden; } .c_portalResNews_list-01001031 .newPicLink{ position:absolute; top:0px; left:0px; display:block; width:100%; height:100%; } .c_portalResNews_list-01001031 .newPic{ width:100%; height:100%; } .c_portalResNews_list-01001031 .content{ display:flex; justify-content:space-between; padding:15px; } .c_portalResNews_list-01001031 .leftTime{ padding-right:15px; border-right:1px solid #e5e5e5; text-align:center; } .c_portalResNews_list-01001031 .newYearMon{ display:block; width:100%; text-align:center; font-size:0.75rem; color:#333; white-space:nowrap; } .c_portalResNews_list-01001031 .newData{ display:block; width:100%; text-align:center; font-size:2rem; color:#5a5a5a; } .c_portalResNews_list-01001031 .rightC{ width:90%; padding-bottom:10px; margin:auto; } .c_portalResNews_list-01001031 .newTitleLink{ display:block; padding-top:20px; width:100%; text-align:center; font-size:16px; overflow:hidden; color:#333; white-space:nowrap; text-overflow:ellipsis; } .c_portalResNews_list-01001031 .newMs{ display:block; font-weight:100; text-align:center; font-size:12px; margin-top:10px; color:#a9a9a9; height:33px; overflow:hidden; } .c_portalResNews_list-01001031 .readDetail{ position:relative; padding:0 15px 15px; } .c_portalResNews_list-01001031 .readLink{ display:block; width:100%; height:100%; padding:15px 12px 0; border-top:1px solid #e5e5e5; color:#666; font-size:0.75rem; } .c_portalResNews_list-01001031 .iconRead{ position:absolute; top:0px; right:27px; bottom:0px; display:flex; align-items:center; } @media only screen and (max-width: 768px){ .c_portalResNews_list-01001031 .newList{ margin: 15px 0; width:100%; } } @media only screen and (min-width: 769px){ .c_portalResNews_list-01001031 .newList{ width: calc((100% - 260px)/5) !important; float: left; margin: 0 25px 30px !important; } .c_portalResNews_list-01001031 .newPic{ transition: all .5s ease; padding: 0px; } .c_portalResNews_list-01001031 .newPicBox:hover .newPic{ transform:scale(1.05); } } @media only screen and (max-width: 1024px) and (min-width: 769px){ .c_portalResNews_list-01001031 .newList{ width:calc((100% - 66px)/2); } } .c_portalResNews_list-01001031 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_portalResNews_list-01001031 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_portalResNews_list-01001031 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } @media only screen and (max-width: 768px){ .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent{ font-size: 0; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent{ display: inline-block; vertical-align: middle; position: relative; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent .font{ display: inline-block; font-size: 14px; color: #666; height: 30px; line-height: 30px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent .before:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent .after:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb{ font-size: 14px; color: #65beba; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb{ display: inline-block; vertical-align: middle; position: relative; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb>a>.font{ display: inline-block; line-height: 30px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb>a{ color: inherit; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox>a>.font{  } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox>a>.font:hover{ text-decoration: none; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb>a>.font:hover{ text-decoration: underline; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb .before:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb .after:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox:hover>a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox:hover>a>.font{ border: 1px solid #65beba; border-bottom: 1px solid transparent; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox .after{ margin-right: 5px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox .after:before{ content: "\e69a"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox:hover .after:before{ content: "\e69c"; } .e_title.c_portalResBreadcrumb_nav-01001.p_sortLink{ display:inline-block; padding:0; color:rgba(101, 190, 186,1); font-size:14px; text-align:left; } .e_title.c_portalResBreadcrumb_nav-01001.p_sortLink{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; } a>.e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink:active{ color:rgba(69, 165, 161,1); font-weight:400; } a>.e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink:active{ text-decoration:none; margin-top:0; } .e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink .iconfont:before{ display: inline-block; content:""; }  .c_portalResBreadcrumb_nav-01001 .p_content{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond{ font-size: 14px; color: #65beba; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond{ display: inline-block; vertical-align: middle; position: relative; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond>a>.font{ display: inline-block; line-height: 30px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond>a{ color: inherit; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox>a>.font{ border: 1px solid #e0f2f1; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox>a>.font:hover{ text-decoration: none; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond>a>.font:hover{ text-decoration: underline; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond .before:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond .after:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox:hover>a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox:hover>a>.font{ border: 1px solid #65beba; border-bottom: 1px solid transparent; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox .after{ margin-right: 5px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox .after:before{ content: "\e69a"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox:hover .after:before{ content: "\e69c"; } .c_portalResBreadcrumb_nav-01001 .p_end{ display:inline-block; margin:0; padding:0; text-align:left; color:rgba(51,51,51,1); font-size:14px; font-weight:400; } .c_portalResBreadcrumb_nav-01001 .p_end .font{ white-space:nowrap; vertical-align:middle; text-align:inherit; line-height: 14px; } .c_portalResBreadcrumb_nav-01001 .p_end .iconfont:before{ display: inline-block; content:""; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst{ font-size: 14px; color: #65beba; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst{ display: inline-block; vertical-align: middle; position: relative; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst>a>.font{ display: inline-block; line-height: 30px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst>a{ color: inherit; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox>a>.font{ border: 1px solid #e0f2f1; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox>a>.font:hover{ text-decoration: none; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst>a>.font:hover{ text-decoration: underline; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst .before:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst .after:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox:hover>a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox:hover>a>.font{ border: 1px solid #65beba; border-bottom: 1px solid transparent; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox .after{ margin-right: 5px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox .after:before{ content: "\e69a"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox:hover .after:before{ content: "\e69c"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbList{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_portalResBreadcrumb_nav-01001{ width: 1180px; height: 30px; overflow: visible; font-size: 0; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbList{ width: auto; height: auto; overflow: visible; background-color: transparent; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbList>a{ display: inline-block; } .c_portalResBreadcrumb_nav-01001 .p_CurrentBox{ color: #666; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst .before:before{ content: "\e68a"; } .c_portalResBreadcrumb_nav-01001 .p_content{ width: 240px; position: absolute; border: 1px solid #65beba; padding: 9px 7px 9px 7px; font-size: 0; display: none; height: auto; background: #fff; } .c_portalResBreadcrumb_nav-01001 .contentBox:hover .p_content{ display: block; } .c_portalResBreadcrumb_nav-01001 .p_sortLink{ color: #65beba; display: inline-block; margin: 9px 7px 9px 7px; cursor: pointer; font-size: 14px; } .c_portalResBreadcrumb_nav-01001 .p_sortLink .font{ line-height: 14px; font-weight: normal; } .c_portalResBreadcrumb_nav-01001 .p_sortLink:hover{ text-decoration: underline; font-weight: normal; } .c_portalResBreadcrumb_nav-01001 .p_sortLink.current{ color: #bcbcbc; } .c_portalResBreadcrumb_nav-01001 .p_sortLink.current:hover{ text-decoration: none; font-weight: normal; } .c_portalResBreadcrumb_nav-01001 .p_sortLink.current .font{ text-decoration: none; font-weight: normal; cursor: default; } .c_portalResBreadcrumb_nav-01001 .p_end{ margin-right: 6px; margin-left: 6px; vertical-align: middle; } } @media only screen and (min-width: 769px){ .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent{ font-size: 0; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent{ display: inline-block; vertical-align: middle; position: relative; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent .font{ display: inline-block; font-size: 14px; color: #666; height: 30px; line-height: 30px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent .before:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbCurrent .after:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb{ font-size: 14px; color: #666; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb{ display: inline-block; vertical-align: middle; position: relative; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb>a>.font{ display: inline-block; line-height: 30px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb>a{ color: inherit; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox>a>.font{  } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox>a>.font:hover{ text-decoration: none; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb>a>.font:hover{ text-decoration: underline; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb .before:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb .after:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox:hover>a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox:hover>a>.font{ border: 1px solid #65beba; border-bottom: 1px solid transparent; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox .after{ margin-right: 5px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox .after:before{ content: "\e69a"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumb.contentBox:hover .after:before{ content: "\e69c"; } .e_title.c_portalResBreadcrumb_nav-01001.p_sortLink{ display:inline-block; padding:0; color:rgba(101, 190, 186,1); font-size:14px; text-align:left; } .e_title.c_portalResBreadcrumb_nav-01001.p_sortLink{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; } a>.e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink:active{ color:rgba(69, 165, 161,1); font-weight:400; } a>.e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink:active{ text-decoration:none; margin-top:0; } .e_title.c_portalResBreadcrumb_nav-01001 .p_sortLink .iconfont:before{ display: inline-block; content:""; }  .c_portalResBreadcrumb_nav-01001 .p_content{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond{ font-size: 14px; color: #65beba; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond{ display: inline-block; vertical-align: middle; position: relative; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond>a>.font{ display: inline-block; line-height: 30px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond>a{ color: inherit; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox>a>.font{ border: 1px solid #e0f2f1; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox>a>.font:hover{ text-decoration: none; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond>a>.font:hover{ text-decoration: underline; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond .before:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond .after:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox:hover>a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox:hover>a>.font{ border: 1px solid #65beba; border-bottom: 1px solid transparent; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox .after{ margin-right: 5px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox .after:before{ content: "\e69a"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbSecond.contentBox:hover .after:before{ content: "\e69c"; } .c_portalResBreadcrumb_nav-01001 .p_end{ display:inline-block; margin:0; padding:0; text-align:left; color:rgba(51,51,51,1); font-size:14px; font-weight:400; } .c_portalResBreadcrumb_nav-01001 .p_end .font{ white-space:nowrap; vertical-align:middle; text-align:inherit; line-height: 14px; } .c_portalResBreadcrumb_nav-01001 .p_end .iconfont:before{ display: inline-block; content:""; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst{ font-size: 14px; color: #666; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst{ display: inline-block; vertical-align: middle; position: relative; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst>a>.font{ display: inline-block; line-height: 30px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst>a{ color: inherit; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox>a>.font{ border: 1px solid #e0f2f1; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox>a>.font:hover{ text-decoration: none; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst>a>.font:hover{ text-decoration: underline; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst .before:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst .after:before{ content: "\200B"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox:hover>a>.font:before{ content: "\200B"; display: block; height: 1px; background: #fff; width: 100%; width: calc(100% - 1px); position: absolute; bottom: -1px; left: 1px; z-index: 10; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox:hover>a>.font{ border: 1px solid #65beba; border-bottom: 1px solid transparent; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox .after{ margin-right: 5px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox .after:before{ content: "\e69a"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst.contentBox:hover .after:before{ content: "\e69c"; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbList{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_portalResBreadcrumb_nav-01001{ width: 1180px; height: 30px; overflow: visible; font-size: 0; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbList{ width: auto; height: auto; overflow: visible; background-color: transparent; border-bottom: 1px solid #ddd; padding-bottom: 5px; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbList>a{ display: inline-block; } .c_portalResBreadcrumb_nav-01001 .p_CurrentBox{ color: #666; } .c_portalResBreadcrumb_nav-01001 .p_breadcrumbFirst .before:before{ content: "\e68a"; } .c_portalResBreadcrumb_nav-01001 .p_content{ width: 240px; position: absolute; border: 1px solid #65beba; padding: 9px 7px 9px 7px; font-size: 0; display: none; height: auto; background: #fff; } .c_portalResBreadcrumb_nav-01001 .contentBox:hover .p_content{ display: block; } .c_portalResBreadcrumb_nav-01001 .p_sortLink{ color: #65beba; display: inline-block; margin: 9px 7px 9px 7px; cursor: pointer; font-size: 14px; } .c_portalResBreadcrumb_nav-01001 .p_sortLink .font{ line-height: 14px; font-weight: normal; } .c_portalResBreadcrumb_nav-01001 .p_sortLink:hover{ text-decoration: underline; font-weight: normal; } .c_portalResBreadcrumb_nav-01001 .p_sortLink.current{ color: #bcbcbc; } .c_portalResBreadcrumb_nav-01001 .p_sortLink.current:hover{ text-decoration: none; font-weight: normal; } .c_portalResBreadcrumb_nav-01001 .p_sortLink.current .font{ text-decoration: none; font-weight: normal; cursor: default; } .c_portalResBreadcrumb_nav-01001 .p_end{ margin-right: 6px; margin-left: 6px; vertical-align: middle; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ }.lancp {width: calc(100% - 320px);float: left;height: 400px;overflow: hidden;position: relative;} .youshidi .container { width: 100%; max-width:1200px; padding:0px; overflow:hidden; position: relative; } .syviceo video {width:100%;} .syviceo {position:relative;} .syviceo h3 {color:#fff;font-size:20px;font-weight:600;position: absolute;left: 30px;top: 30px;} .htline {color:#fff;background:url(/img/htline.png?tenantId=277948&viewType=1&v=000) no-repeat left center;padding-left: 46px;font-size: 28px;} #w_common_text-1612842226920 {opacity: 0.2;} .yys1 {float:left;width:15%;margin-top: 16%;} .yys1 img {width:100%;max-width:122px;} .yys2 {float:left;width: 46%;margin-top: 70px;margin-left: 70px;} .yys2 h3 {font-size: 22px;font-weight:600;color: #E36A0D;padding-top: 0px;} .yys2 h3 span {font-size:14px;font-weight:400;color:#fff;display:block;padding-top:5px;} .yys2 p {line-height:180%;font-size: 14px;color: #666;padding-top: 30px;width: 80%;} .yys2 p a {width:200px;height:40px;line-height:40px;background: #fff;display:block;clear:both;color: #666;text-align:center;border-radius:30px;margin-top:30px;border: 1px solid #999999;} .yys3 {float: right;width: 40%;margin-top: 65px;margin-right: 50px;} .yys3 img {width:100%;text-align:right;} #w_fbtn-1595230006677 .p_CommonBtn { background-color: rgba(227, 106, 13, 1); border-radius: 50px; } .aboutbanner {position:relative;} .youshia {position:relative;width: 60%;margin: 8% auto;} .youshia ul li { padding-top: 10%; clear: both; } .yys1 {float:left;} .pra a i {margin:0px 13px} .pra a {color: #333;margin: 0px;line-height: 70px;padding-left: 13px;width: 320px;display: block;background: #fbfbfb;text-align: left;font-size: 15px;position: relative;border-bottom: 1px solid #eee;} .pra a.active { background: #fff; color: #E36A0D; position: relative; } .pra a.active:after {position:absolute;content:"";background:url(/img/pro_jt_07.jpg?tenantId=277948&viewType=1&v=000) no-repeat right center;width:8px;height:17px;right:-26px;top:15px;z-index:999;} .prz {background:#fff;width:100%;height: 427px;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);} .prz .btn { width: 320px; margin: 0 auto; float: left; padding: 0px; } .youshidi .product_swiper .sl_next { position: absolute; width: 32px; height: 60px; top: 48%; background: url(/img/square.png?tenantId=277948&viewType=1&v=000) #333 no-repeat center center; margin-top: -40px; right: 0px; z-index: 999; background-size: 100%; cursor: pointer; display: n; } .youshidi .product_swiper .sl_prev { position: absolute; width: 40px; height: 80px; top: 46%; background: url(/img/leftjian.png?tenantId=277948&viewType=1&v=000); margin-top: -40px; left: 10%; z-index: 999; background-size: 100%; cursor: pointer; } .youshidi {POSITION: relative;} .youshib1 {float:left;width:100%;max-width:102px;} .jjanli h3 { color: #e2e2e2; font-size: 62px; font-weight: 600; padding-bottom: 20px; text-align: center; } .jjanli h3 strong {color:#E50012;} .jjanli h3 b { font-family: "Arial Black"; } .jjanli h3 span { font-size: 30px; display: block; color: #333; } .jjanli p { color: #666; text-align: center; padding-top: 0px; } .yousitu img {width:100%;} .youshib { float: left; padding-left: 30px; width: 70%; } .youshic {font-size: 100px;font-family: Arial Black;font-weight: 600;opacity: 0.2;} .youshib h3 { color: #fff; font-size: 22px; font-weight: 600; padding-top: 20px; } .youshib p { color: #fff; font-size: 15px; line-height: 160%; padding-top: 10px; } .sycatav .busitu img { width: 100%; transition: all 0.7s ease-in-out; } .sycatav .gendou { bottom: 0px; width: 100%; background-color: transparent; color: #fff; line-height: 20px; position: absolute; font-weight: 400; font-size: 16px; text-align: center; padding: 50px; height: 250px; background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.8)); transition: all 0.7s ease-in-out; } .sycatav:hover .gendou {height: 280px;transition: all 0.7s ease-in-out;} .sycatav .gendou h3 { font-size: 30px; font-weight: 600; text-align: left; margin-bottom: 20px; } .sycatav .gendou p { font-size: 16px; line-height:180%; text-align: left; margin-bottom: 20px; } .sycatav .gendou span { font-size: 16px; line-height:180%; text-align: left; margin-bottom: 20px; font-weight: 600; display: block; } .sycatav { position: relative; width: 100%; overflow: hidden; } .sycatav:hover .busitu img{ transform:scale(1.2,1.2); transition:all 0.7s ease-in-out; } #w_grid-1591237098880 > div > .p_gridbox { background-image: url(/img/beijin1.jpg?tenantId=277948&viewType=1&v=000); background-color: rgba(246, 246, 246, 1); background-size: cover; background-attachment: fixed; } .unicata {font-size:14px;text-align:center;padding-top: 20px;color: #999;} .union { font-size: 14px; color: #fff; position: absolute; top: 378px; width: 90%; left: 5%; transition: all .7s ease; height: 250px; } .shili:hover .union { font-size: 14px; color: #fff; position: absolute; top:40%; width: 90%; left: 5%; transition: all .7s ease; } .union a{ background: #E36A0D; width: 130px; height: 40px; line-height: 40px; display: block; text-align: center; color: #fff; border-radius: 30px; margin-top: 30px; } .sycata a {background:#fff;border:1px solid #CCCCCC;height:40px;line-height:40px;padding: 0px 30px;display:inline-block;border-radius: 30px;} .sycata a:hover {background:#0775CA;color:#fff;border:1px solid #0775CA;} .shili { cursor: pointer; } .shili img { transition: all .7s ease; } .shili:hover h3 { transition: all .7s ease; } .shili:hover img { transition: all .7s ease; transform: scale(1.1,1.1); } .sycata {text-align:center;padding: 30px 0px 20px 0px;} .atd ul li {display:inline-block;width: calc((100% - 40px)/ 3);height: 160px;margin: 0px 5px;padding-top: 105px;text-align: center;cursor:pointer;} .atd ul li:nth-child(1) { background: #f6f6f6 url(/img/vat1.png?tenantId=277948&viewType=1&v=000) no-repeat center 30px; transition: all .7s ease; } .syvideo {position:relative;} .syvideo2 img {width:100%;} .syvideo1 { position: absolute; width: 50%; left: 25%; text-align: center; top: 40%; color: #fff; font-size: 30px; letter-spacing: 20px; } .syvideo1 span {display:block;padding-top:30px;} .atd ul li:nth-child(1):hover { background: #f6f6f6 url(/img/vat11.png?tenantId=277948&viewType=1&v=000) no-repeat center 30px; color:#C49A6B; transition: all .7s ease; } .atd ul li:nth-child(2) { background: #f6f6f6 url(/img/vat2.png?tenantId=277948&viewType=1&v=000) no-repeat center 30px; transition: all .7s ease; } .atd ul li:nth-child(2):hover { background: #f6f6f6 url(/img/vat22.png?tenantId=277948&viewType=1&v=000) no-repeat center 30px; color:#C49A6B; transition: all .7s ease; } .atd ul li:nth-child(3) { background: #f6f6f6 url(/img/vat3.png?tenantId=277948&viewType=1&v=000) no-repeat center 30px; transition: all .7s ease; } .atd ul li:nth-child(3):hover { background: #f6f6f6 url(/img/vat33.png?tenantId=277948&viewType=1&v=000) no-repeat center 30px; color:#C49A6B; transition: all .7s ease; } .biaoge table tr td { font-size: 14px; padding: 10px 10px 10px 20px; line-height: 23px; vertical-align: top; border: 1px solid #ccc; vertical-align: middle; min-width: 150px } .biaoge table tr td:first-child { font-size: 14px; font-weight: 400; color: #333 } .biaoge table { width: 100%; margin: 0 auto; border-collapse: collapse; border: 1px solid #ddd; background: #fff } .biaoge table tr:nth-child(1) td { color: #333; font-weight: 600; } .biaoge table tr:nth-child(odd) td { background: #f6f6f6 } .biaoge table tr:nth-child(1) td { background: #eee !important; } .sb {position:relative;} .sb1 {width: 570px;position:absolute;left: 0px;top: 30px;} .sb2 {width: 570px;position:absolute;right: 0px;top: 170px;} .sb5 {width: 570px;position:absolute;right: 0px;top: 615px;} .sb3 {width: 570px;position:absolute;top: 676px;} .sb4 {width: 570px;position:absolute;top: 1099px;height: 120px;left: 0px;border: 1px solid #C49A6B;transition: all .7s ease;} .sb4:hover {border: 1px solid #C49A6B;background:#C49A6B;transition: all .7s ease;} .sb4:hover h3 {color:#ffff;transition: all .7s ease;} .sb4 h3 { font-size: 18px; font-weight: 400; color: #C49A6B; padding-top: 50px; text-align: center; letter-spacing: 20px; font-family: Arial; } .sb4 p { font-size: 14px; color: #fff; padding-top: 10px; width: 90%; } .shili {cursor:pointer;float: left;width: 48%;margin: 20px 1%;position: relative;} .shili img {transition: all .7s ease;} .shili h3 {transition: all .7s ease;width:100%;line-height: 55px;color: #fff;font-size: 22px;font-weight: 600;padding-bottom: 20px;display: block;} .shili:hover img {transition: all .7s ease;transform:scale(1.1,1.1);} .gongyi {background:#F6F6F6;} .gongyi1 {width: 38%;float:left;} .gongyi2 {width: 62%;float:left;position: relative;overflow: hidden;} .gongyi:hover .gongyi2 img { transition: all .7s ease;transform:scale(1.1,1.1);} .relavt {position:relative;width:100%;overflow:hidden;} .gongyi2 img {width:100%; transition: all .5s ease;} .gongyi1 h3 {color:#008CFF;font-size:22px;font-weight:600;width:80%;margin:0 auto;padding-top: 100px;position:relative;padding-bottom:30px;} .gongyi1 h3:after {position:absolute;width:20px;content:"";height:2px;background:#008CFF;left:0px;bottom:10px;} .gongyi1 p {width:80%;margin:0 auto;padding:10px 0px;} .gongyi1 a {background:#008CFF;width:120px;height:35px;line-height:35px;display:block;text-align:center;color:#fff;border-radius:20px;margin-left:10%;margin-top:20px;} .abouthe {font-size: 36px;color: #333;text-align:center;font-weight: 600;line-height: 80%;position: relative;padding-bottom:20px;} .abouthe:after { position: absolute; background: #00AEEF; left: 50%; width: 40px; height: 2px; bottom: 0px; content: ""; margin-left:-20px; } .bai {font-size: 30px;color: #fff;text-align:center;font-weight: 600;line-height: 80%;position: relative;padding-bottom:20px;} .bai:after { position: absolute; background: #fff; left: 50%; width: 40px; height: 2px; bottom: 0px; content: ""; margin-left:-20px; } .abouthe span {font-size: 28px;color: #333;text-align:center;display: block;font-weight: 600;padding-top: 5px;} .map-dot { position: absolute; text-align: center; font-size: 12px; cursor: pointer; } .map-dot:before { content: ""; position: absolute; left: 50%; bottom: -3px; transform: translateX(-50%); width: 14px; height: 14px; border-radius: 50%; border: 4px solid rgba(0, 140, 214, 0.6); animation: dot 4s infinite; } .map-dot:after { content: ""; display: block; width: 8px; height: 8px; margin: 0 auto; background-color: #008CD6; border-radius: 50% } @keyframes dot { 100% { transform: translateX(-50%) scale(1); opacity: 1 } 50% { transform: translateX(-50%) scale(2.2); opacity: .1 } } .hezh {position:relative;} .stronga2 {position:absolute;right:0px;top: 61px;} .dicontct ul li a {color:#fff;} #kefuab .floatQQ { background: url(/img/qq1.png?tenantId=277948&viewType=1&v=000) no-repeat center 5px } #kefuab .floatSh { background: url(/img/online3.png?tenantId=277948&viewType=1&v=000) no-repeat center 10px; } #kefuab .floatTel { background: url(/img/online2.png?tenantId=277948&viewType=1&v=000) no-repeat center 10px; } #kefuab .floatwx { background: url(/img/online1.png?tenantId=277948&viewType=1&v=000) no-repeat center 10px; } #kefuab .floatxcx { background: url(/img/qq6.png?tenantId=277948&viewType=1&v=000) no-repeat center 5px } #kefuab .floatBox { position: fixed; right: 25px; bottom: 20%; z-index: 50; width: 70px } #kefuab .floatLi { position: relative; left: 0; display: flex; width: auto; height: 70px; margin-bottom: 1px; line-height: 27px; text-align: center; overflow: hidden; transition: all .5s ease; background: #E36A0D; cursor: pointer; } #kefuab .floatLi:hover { background: #FF6600; } #kefuab .floatLi3:hover { background: #FF6600; } #kefuab .floatLi3 { position: relative; left: 0; display: flex; margin-bottom: 1px; line-height: 27px; text-align: center; transition: all .5s ease; background: #E36A0D; cursor: pointer; height: 70px; } #kefuab .alink { display: inline-block; width: 70px; height: 100%; padding: 40px 0 0 0; color: #fff; font-size: .75rem; } #kefuab .floatTel2 { display: block; z-index: 1; font: 16px/57px Arial; color: #fff; background: #5f5f67; cursor: pointer; position: absolute; left: 80px; padding: 10px; opacity: 0 } #kefuab .floatTel2 img { width: 70% } #kefuab .floatTel3 { display: block; z-index: 1; font: 16px/57px Arial; color: #fff; background: #FF6600; cursor: pointer; position: absolute; left: 80px; padding: 5px 0px; opacity: 0; height: 70px; width: 240px; } #kefuab .floatLi3:hover .floatTel2 { background: #f6f6f6; left: -182px; width: 180px; opacity: 1 } #kefuab .floatLi3:hover .floatTel3 { left: -240px; opacity: 1 } #kefuab .floatTop { background: url(/img/qq5.png?tenantId=277948&viewType=1&v=000) no-repeat center 5px } #kefuab .floatLi:hover { left: 0px } .woyoushi {background:url(/img/yousidi.jpg?tenantId=277948&viewType=1&v=000) no-repeat left top;height: 880px;position: relative;background-size: cover;} .hexin {font-size:30px;letter-spacing:10px;position:absolute;top: 85px;z-index: 9;width: 100%;text-align: center;color: #fff;font-weight: 600;text-indent: 10px;} .imd1 h3 {background:#F5F5F5;width:136px;height:136px;text-align: center;line-height: 136px;color: #666;font-size: 18px;font-weight: 600;border-radius: 100%;} .imd1 { padding: 11px; border-radius: 100px; border: 1px solid #e1e1e1; width: 160px; float: left; margin: 60px 0px 10px 20px; position: relative; cursor: pointer; } .aboutbannerzi { position: absolute; width: 88%; top: 168px; left: 6%; text-align: center; padding: 0px; } .aboutbannerzi h3 { color: #fff; font-size: 60px; padding-bottom: 0px; font-weight: 600; text-align: left; text-shadow: 1px 1px 2px rgba(0,0,0,0.5) } @keyframes sk-rotatePlane { 0% { opacity: 1.0; transform: scale(1.1,1.1) } 100% { opacity: 1.0; transform: scale(1,1) } } .aboutbannerzi h3 { color: #fff; font-size: 40px; padding-bottom: 0px; font-weight: 600; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); text-align: center; } .aboutbannerzi p { font-size: 20px; margin: 0 auto; padding: 20px 0px; color: #fff; font-weight: 200; text-align: left; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); text-align: center; } .dicontct { border-top: 1px solid #33454E; padding: 30px 0px; height: 90px; } .dicontct ul li { width: 33.3%; float: left; color: #fff; } .dicontct ul li:nth-child(1) { background: url(/img/lx1.png?tenantId=277948&viewType=1&v=000) no-repeat left center; padding-left: 50px; height: 50px; line-height: 50px; } .dicontct ul li:nth-child(2) { background: url(/img/lx2.png?tenantId=277948&viewType=1&v=000) no-repeat left center; padding-left: 50px; height: 50px; line-height: 50px; } .dicontct ul li:nth-child(3) { background: url(/img/lx3.png?tenantId=277948&viewType=1&v=000) no-repeat left center; padding-left: 50px; height: 50px; line-height: 50px; } .dicontct ul li:nth-child(3):after {display:block;content:"";clear:both;} .imd1:before {position:absolute;background:#e1e1e1;width:10px;height:10px;content:"";left:50%;top:-5px;margin-left:-5px;border-radius:10px;} .imd1:after {position:absolute;background:#e1e1e1;width:10px;height:10px;content:"";left:50%;bottom:-5px;margin-left:-5px;border-radius:10px;} .imd1:hover h3 {background:#008CD6;color:#fff;} .imd1:hover {border: 1px solid #FF9900;} .imd1:hover:before {position:absolute;background:#FF9900;width:10px;height:10px;content:"";left:50%;top:-5px;margin-left:-5px;border-radius:10px;} .imd1:hover:after{position:absolute;background:#FF9900;width:10px;height:10px;content:"";left:50%;bottom:-5px;margin-left:-5px;border-radius:10px;} .imd { float: right; width: 580px; } .woyoushi .productLi { overflow: hidden; cursor: pointer; width: 25%; float: left; position: relative; height: 880px; border-right: 1px solid rgba(255, 255, 255, 0.1); } .woyoushi .productLi .solut1 { position: absolute; top: 0px; width: 100%; height: 100%; transition: all 0.7s ease-in-out; } .woyoushi .productLi .solut1 p {width:60%;margin:0 auto;text-align:center;color: #eee;padding-top:40px;} .woyoushi .productLi:hover .solut1 { position: absolute; top: 0px; width: 100%; height: 100%; background: rgba(0, 140, 214, 0.6); transition: all 0.7s ease-in-out; } .woyoushi .productLi .solut2 { text-align: center; padding-top: 60%; padding-bottom: 15px; transition: all 0.7s ease-in-out; } .woyoushi .productLi:hover .solut2 { text-align: center; padding-top: 50%; padding-bottom: 15px; transition: all 0.7s ease-in-out; } .woyoushi .productLi .solut1 h3 { color: #fff; font-size: 24px; font-weight: 400; text-align: center; position: relative; padding-bottom: 30px; padding-top: 20px; } .woyoushi .productLi .solut1 h3:after { position: absolute; width: 30px; height: 2px; background: #fff; bottom: 0px; left: 50%; content: ""; margin-left: -15px; transition: all 0.7s ease-in-out; } .woyoushi .productLi:hover .solut1 h3:after { position: absolute; width: 80px; height: 2px; background: #fff; bottom: 0px; left: 50%; content: ""; margin-left: -40px; transition: all 0.7s ease-in-out; } .woyoushi .productLi .solut3 { color: #047DBF; font-size: 14px; width: 120px; margin: 30px auto; opacity: 0; transition: all 0.7s ease-in-out; text-align: center; background: #fff; border-radius:30px; height:40px; line-height:40px; } .woyoushi .productLi .solut3 a { border: 1px solid #fff; width: 110px; height: 35px; line-height: 35px; display: block; color: #fff; font-size: 14px; text-align: center; margin: 0 auto; margin-top: 25px; border-radius: 50px; } .woyoushi .productLi:hover .solut3 { color: #047DBF; font-size: 14px; width: 120px; margin: 30px auto; opacity: 1; transition: all 0.7s ease-in-out; text-align: center; background: #fff; border-radius:30px; height:40px; line-height:40px; } .woyoushi .busitu { position: relative; overflow: hidden; } .woyoushi .productLi .busitu img { width: 100%; transition: all 0.7s ease-in-out; } .woyoushi .productLi:hover .busitu img { transition: all 0.7s ease-in-out; } #anli_xiejiao .content .tu { transform: skew(-20deg); overflow: hidden; height: 560px; width: 360px; } .sycp {position:relative;} #tuiporcav h3 {color:#000000;font-size:22px;font-weight: 600;} .fanan {padding:30px 0px;font-size: 14px;color: #333;line-height: 180%;} #tuiporcav h3 span {color:#FF9900;} #tuiporcav p {font-size: 14px;color: #666;font-family: Arial;padding-bottom: 30px;} .shuzi {width: 100%;padding: 0px;position:relative;margin: 0 auto;padding-bottom: 80px;} .shuzi a {width:155px;height:40px;line-height:40px;background:#FF9900;display:block;position:absolute;color: #fff;text-align: center;bottom: -20px;} .welcome1 { float: left; width: 50%; line-height: 40px; color: #fff; font-size: 14px; } .welcome1 a {color:#fff;margin-right:30px;} .welcome1 a i {padding-right:10px;} .welcome2 { float: left; width: 50%; line-height: 40px; color: #fff; font-size: 14px; text-align: right; } .welcome2 i { padding-right: 5px; } .welcome2 a { color: #fff; } .language {display:inline-block;width: 130px;height: 90px;line-height: 90px;text-align: center;float: left;} .language:hover {cursor:pointer;} .lang3 {color: #66;font-size:14px;} .lang3 i {padding:0px 5px} .lang2 {position:absolute;top: 50px;width: 160px;background: #222;display: none;z-index: 9999;box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);} .lang2 li { line-height: 35px; color: #666; text-align: center; } .lang2 li a {width:100%;color:#666;display:block;} .lang2 li a:hover {width:100%;color:#fff;display:block;background:#008CD6;} .lang4 li a {width:100%;color: #666;display:block;line-height: 40px;text-align: center;font-size: 14px;} .lang4 li a:hover {width:100%;color:#E36A0D;display:block;} .lang4 {position:absolute;top: 90px;width: 120px;color:#fff;background: #fff;display: none;z-index: 9999;box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);} .yunian:hover .lang2 {display:block;} .lang1 {line-height: 50px;float: right;cursor: pointer;display: block;color: #ccc;} .language:hover .lang4 {display:block;} .lang1 img { margin: 0px 5px; } .abouthph {position:relative;} .tuiporca {} .tuiporca ul li {float:left;margin-bottom: 20px;font-size: 16px;margin-right:5px;} .tuiporca ul li a {background:#f1f1f1;font-size:14px;display:block;padding: 10px 20px;} .tuiporca ul li a:hover {background:#008CD6;color:#fff;} .lanbei {width: 90%;height:500px;background:#006699;transform: skew(-20deg);position: absolute;right: -15%;top: -100px;} .huihui {background:#f6f6f6;width:100%;height: 400px;bottom: 0px;position: absolute;z-index: 0;} #youshii {position:relative;height: 100%;} #anli_xiejiao {width: 1160px;margin:0 auto;position: relative;z-index: 99;padding-bottom: 100px;} #anli_xiejiao:after { display: block; clear: both; content: ""; } #anli_xiejiao .content .tu a img { transform: skew(20deg); transition: all 1s; width: 585px !important; height: 561px; position: absolute; left: 50%; margin-left: -290px; transition: all 0.7s ease-in-out; } .tuiporca ul li span {padding-right:20px;} #anli_xiejiao .content:hover .tu a img { transform: skew(20deg); transition: all 1s; width: 585px !important; height: 561px; position: absolute; left: 50%; margin-left: -300px; transition: all 0.7s ease-in-out; } #anli_xiejiao .content:hover .heidi {background: rgba(0, 102, 153, 0.5);position:absolute;top:0px;width: 100%;height: 100%;left: 0px;z-index: 999;transition: all 0.7s ease-in-out;} #anli_xiejiao .heidi {background: rgba(0, 0, 0, 0.3);position:absolute;top:0px;width: 100%;height: 100%;left: 0px;z-index: 999;transition: all 0.7s ease-in-out;} #anli_xiejiao .content {position:relative;width:33%;float: left;} #anli_xiejiao .wenzi {position:absolute;top:45%;text-align:center;width:100%;color:#fff;font-size: 26px;} #anli_xiejiao .wenzi a { color: #fff; font-weight:600; } #anli_xiejiao .wenzi a span {display:block;font-size:14px;font-weight:normal;} #syshare .bdsharebuttonbox a { width: 32px; height: 32px; padding: 0; margin: 0 5px 0 0; background: url(/img/sharej.png?tenantId=277948&viewType=1&v=000) no-repeat; opacity: 0.6; } .digiti {padding-top: 0px;} .aboutbanner img { width: 100%; -webkit-animation: sk-rotatePlane 5s 1 ease-in-out; animation: sk-rotatePlane 5s 1 ease-in-out; } #syshare .bdsharebuttonbox .bds_weixin { background-position: 0px 0px; position: relative; } #syshare .bdsharebuttonbox .bds_tsina { background-position: -44px 0px; position: relative; } #syshare .bdsharebuttonbox .bds_fbook { background-position: -87px 0px; position: relative; } #syshare .bdsharebuttonbox .bds_twi { background-position: -131px 0px; position: relative; } #syshare .bdsharebuttonbox .bds_linkedin { background-position: -175px 0px; position: relative; } #syshare { float: right; padding-top: 0px; } .shenzhen:hover .liaxiwoa {display:block;} .ningde:hover .liaxiwoa {display:block;} .shanghai:hover .liaxiwoa {display:block;} .wuhu:hover .liaxiwoa {display:block;} .liyang:hover .liaxiwoa {display:block;} .conmap { background: url(/repository/image/WX_kF3_kSmelQoOEjfYO-w.png?tenantId=277948&viewType=1&v=000) no-repeat left top; width: 829px; height: 683px; position: relative; margin:0 auto; } .shenzhen {position:relative;top: 575px;left: 607px;font-size: 14px;cursor:pointer;width: 50px;color: #000;} .ningde {position:relative;top: 396px;left: 689px;font-size: 14px;cursor:pointer;width: 50px;color: #000;} .shanghai {position:relative;top: 346px;left: 713px;font-size: 14px;cursor:pointer;width: 50px;color: #000;} .wuhu {position:relative;top: 165px;left: 613px;font-size: 14px;cursor:pointer;width: 50px;color: #000;} .liyang {position:relative;top: 318px;left: 580px;font-size: 14px;cursor:pointer;width: 50px;color: #000;} .hunan {position:relative;top: 350px;left: 553px;font-size: 14px;cursor:pointer;width: 50px;color: #000;} .guangzhou {position:relative;top: 413px;left: 591px;font-size: 14px;cursor:pointer;width: 50px;color: #000;} .shenzhen:after { display: block; width: 8px; height: 8px; margin: 0 auto; background-color: #175984; border-radius: 30px; left: 26px; position: absolute; bottom:0px; width:86px; height:30px; line-height:30px; text-align:center; color:#fff; font-size:12px; } .ningde:after { display: block; width: 8px; height: 8px; margin: 0 auto; background-color: #175984; border-radius: 30px; left: 20px; position: absolute; bottom: -26px; width:86px; height:30px; line-height:30px; text-align:center; color:#fff; font-size:12px; } .shanghai:after { display: block; width: 8px; height: 8px; margin: 0 auto; background-color: #175984; border-radius: 30px; left: 20px; position: absolute; bottom:0px; width:86px; height:30px; line-height:30px; text-align:center; color:#fff; font-size:12px; } .wuhu:after { display: block; width: 8px; height: 8px; margin: 0 auto; background-color: #175984; border-radius: 30px; left: -93px; position: absolute; bottom:0px; width:86px; height:30px; line-height:30px; text-align:center; color:#fff; font-size:12px; } .liyang:after { display: block; width: 8px; height: 8px; margin: 0 auto; background-color: #175984; border-radius: 30px; left: -93px; position: absolute; bottom:0px; width:86px; height:30px; line-height:30px; text-align:center; color:#fff; font-size:12px; } .hunan:after { display: block; width: 8px; height: 8px; margin: 0 auto; background-color: #175984; border-radius: 30px; left: -93px; position: absolute; bottom:0px; width:86px; height:30px; line-height:30px; text-align:center; color:#fff; font-size:12px; } .guangzhou:after { display: block; width: 8px; height: 8px; margin: 0 auto; background-color: #175984; border-radius: 30px; left: -93px; position: absolute; bottom:0px; width:86px; height:30px; line-height:30px; text-align:center; color:#fff; font-size:12px; } .liaxiwoa { position: absolute; padding: 30px; background: rgba(255, 255, 255, 0.9); display: none; width:400px; top:-160px; left: -400px; z-index:99; } .shenzhen .liaxiwoa { position: absolute; padding: 30px; background: rgba(255, 255, 255, 0.9); display: none; width:400px; top:-160px; left: -320px; z-index:99; } .guangzhou .liaxiwoa { position: absolute; padding: 30px; background: rgba(255, 255, 255, 0.9); display: none; width:400px; top:-120px; left: -320px; z-index:99; } .liyang .liaxiwoa { position: absolute; padding: 30px; background: rgba(255, 255, 255, 0.9); display: none; width:400px; top:-120px; left: -320px; z-index:99; } .shanghai .liaxiwoa { position: absolute; padding: 30px; background: rgba(255, 255, 255, 0.9); display: none; width:400px; top:-120px; left: -290px; z-index:99; } .hunan .liaxiwoa { position: absolute; padding: 30px; background: rgba(255, 255, 255, 0.9); display: none; width:400px; top:-140px; left: -290px; z-index:99; } .ningde .liaxiwoa { position: absolute; padding: 30px; background: rgba(255, 255, 255, 0.9); display: none; width:400px; top: -90px; left: -290px; z-index:99; } .wuhu .liaxiwoa { position: absolute; padding: 30px; background: rgba(255, 255, 255, 0.9);  width: 400px; top: -118px; left: -290px; z-index:99; } .liaxiwoa h3 {color:#ED1B23;font-size:16px;padding-bottom:10px;} .liaxiwoa p {color:#666;} .shenzhen:hover .liaxiwoa {display:block;} .ningde:hover .liaxiwoa {display:block;} .shanghai:hover .liaxiwoa {display:block;} .wuhu:hover .liaxiwoa {display:block;} .liyang:hover .liaxiwoa {display:block;} .hunan:hover .liaxiwoa {display:block;} .guangzhou:hover .liaxiwoa {display:block;} .sybiao h3 {font-size:36px;color:#000;text-align:center;font-weight:600;} .sybiao p {font-size:16px;color:#000;text-align:center;line-height:200%;} .qywen .counter { font-size: 60px; color: #1EC360; font-weight: 400; font-family: Arial; } .zbbiaoti h3 {font-size: 30px;text-align:center;color: #000;position:relative;padding-bottom:20px;font-weight:600;} .zbbiaoti h3:after {position:absolute;content:"";width:50px;height:1px;background:#000;bottom:0px;left:50%;margin-left:-25px;} .zbbiaoti p {color:#666;font-size:16px;text-align:center;padding-top:20px;} .abouthph h3 {color: #008CD6;font-family: Arial Black,Arial;font-size:94px;} .abouthph h3 span {color: #FF9900;} .abouthph p {color: #333;font-size:28px;font-weight:600;letter-spacing:10px;padding-left:90px;position:relative;} .abouthph p:after {position:absolute;width:72px;height:3px;background: #008CD6;content:"";left:0px;top:18px;} .stronga1 h3 {color:#006699;font-size:28px;font-weight:600;letter-spacing:10px;position:relative;} .stronga1 h3:after {position:absolute;width:72px;height:3px;background:#006699;content:"";left:200px;top:18px;} .stronga1 {position:relative;} .abouthph3 h3 {color: #e1e1e1;font-family: Arial Black,Arial;font-size:94px;} .abouthph3 h3 span {color: #008CD6;} .abouthph3 p {color: #333;font-size:28px;font-weight:600;letter-spacing:10px;padding-left:90px;position:relative;} .abouthph3 p:after {position:absolute;width:72px;height:3px;background: #008CD6;content:"";left:0px;top:18px;} .abouthph2 p:after {position:absolute;width:150px;height:1px;background: #C49A6B;content:"";left:90px;top:20px;} .abouthph2 h3 {text-align: right;padding-top: 10px;} .abouthph2 { position: absolute; top: 27px; right: 0px; } .abouthph2 span {color:#008CFF;text-align:right;font-size: 16px;display: block;} .abouthph2 h3 span {color: #008CD6;} .abouthph2 p {color: #C49A6B;font-size:28px;font-weight: 400;padding-left:90px;position:relative;text-align: right;} .stronga1 b { color: #ccc; font-family: Arial Black,Arial; font-size: 94px; position:absolute; right:0px; top: -30px; } .stronga1 b span {color:#006699;} .stronga1 p {color:#666;width:500px;padding-top:20px;} .stronga2 h3 {color: #333;font-size:28px;font-weight:600;letter-spacing:10px;position:relative;} .stronga2 h3:after {position:absolute;width:72px;height:3px;background:#006699;content:"";left: 160px;top:18px;} .stronga2 h4 { color: #e1e1e1; font-family: Arial Black,Arial; font-size: 94px; } .stronga2 h4 span {color: #008CD6;} .stronga2 p {color:#666;width:500px;padding-top:20px;} .stronga2 a {background: #008CD6;width:150px;height:44px;line-height:44px;color:#fff;display:block;border-radius:40px;text-align:center;margin-top:30px;} .stronga3 {position:absolute;top: 0px;right: 160px;} .stronga3 h3 {color:#006699;font-size:28px;font-weight:600;letter-spacing:10px;position:relative;} .stronga3 h3:after {position:absolute;width:72px;height:3px;background:#006699;content:"";left: 160px;top:18px;} .stronga3 h4 { color: #ccc; font-family: Arial Black,Arial; font-size: 94px; } .qydital:nth-child(2) {border-left:1px solid #fff;border-right:1px solid #fff;} .stronga3 h4 span {color:#006699;} .qydital {position:relative;padding: 0px;margin-bottom: 40px;margin: 0px;} .taicp {width:50%;height:100%;overflow:hidden;position:relative;float:left;background: #fff;} .leftjiao {position:absolute;right:0px;bottom:0px;z-index:999;} .leftjiao1 {position:absolute;left:0px;bottom: 0px;z-index:999;} .taicp .cptaitu {width:100%;transition: all 0.7s ease-in-out;height:100%;} .taicp:hover .cptaitu {transform:scale(1.1,1.1);transition: all 0.7s ease-in-out;} .xianxian {opacity:0;position:absolute;left:0px;top:0px;width:90%;height:80%;border:1px solid rgba(255, 255, 255, 0.5);left:5%;top:10%;color:#fff;font-size:20px;text-align:center;line-height:50px;padding-top:15%;transition: all 0.7s ease-in-out;} .taicp:hover .heidi {opacity:1;transition: all 0.7s ease-in-out;} .taicp:hover .xianxian {opacity:1;transition: all 0.7s ease-in-out;} .syaboua {width:100%;display: table;height: 100%;min-height: 358px;} .syaboua ul li { width: 50%; float: left; display: inline-block; font-size: 14px;padding:5px 0px; } .syaboua ul {width: 80%;margin:0 auto;padding-left:50px;} .syaboua h3 {font-size:24px;color:#666;padding:50px 0px 40px 0px;position:relative;} .tai h3 {font-size: 22px;color: #F9A100;padding: 50px 0px 40px 50px;position:relative;width: 80%;margin: 0 auto;line-height: 180%;} .syaboua h3:after {content:"";position:absolute;width:50px;height:1px;background:#aaa;bottom:20px;left: 75px;margin-left:-25px;} .syaboua p {width: 80%;margin:0 auto;padding-top: 30px;line-height: 180%;} .syaboua p:nth-child(1) { padding-top: 80px; } .qybiao {text-align:center;padding: 40px 0px 10px 0px;} .qywen span {color: #175984;font-size: 32px;font-weight: 400;} .qywen1 {padding-top: 0px;text-align: center;padding-left: 0px;color: #333;font-size: 14px;} .qywen span {display: inline-flex;} .qywen {text-align: center;} .qywen .jiahao {color: #1EC360;font-size: 16px;font-weight: 600;display: inline-flex;padding-left: 5px;} .dicontact { padding-top:40px; border-bottom:1px solid #4A4B4B; padding-bottom:20px; } .banquan { padding:15px 0px; line-height:180%; color: #fff; font-size:14px; text-align: right; } .logo {width: 300px;margin:0 auto;position: absolute;z-index: 9;left: 50%;margin-left: -597px;} .logo img {padding-top:14px;} .banquan a { color: #fff; } #qqoline {position:fixed;right:0px;bottom: 10%;z-index:99999;} #qqoline ul li {display:block;margin-bottom:2px;position: relative;width: 52px;height: 52px;cursor:pointer;background: #4A4A4A;} #qqoline ul li:hover {background:#F68B20;} #qqoline .qqhotline { position: absolute; padding: 20px; bottom: -22px; right: -230px; width: 180px; background-color: #fff; border: 1px solid #dbdbdb; transition: all 0.5s ease-in-out;  } #qqoline .qqwx { position: absolute; padding: 20px; bottom: -60px; right: -200px; width: 170px; background-color: #fff; transition: all 0.5s ease-in-out; z-index:10; } #qqoline .qqwx1 { position: absolute; padding: 20px; bottom: -40px; right: -190px; width: 190px; background-color: #fff; border: 1px solid #dbdbdb; box-shadow: 0 0 5px #dbdbdb; transition: all 0.5s ease-in-out; z-index:10; } #qqoline .qq1 {position: absolute;z-index:1000;background: #4A4A4A;} #qqoline .qq1:hover {background:#00AEEF;} #qqoline ul li:hover .qqhotline {right: 50px;transition: all 0.5s ease-in-out;} #qqoline ul li:hover .qqwx {right: 50px;transition: all 0.5s ease-in-out;} #qqoline ul li:hover .qqwx1 {right: 50px;transition: all 0.5s ease-in-out;} #qqoline .qqhotline p {padding-bottom:15px;color:#000;font-size: 14px;line-height: 180%;} #qqoline .qqhotline p span {font-size: 14px;color:#f60;font-weight: 400;} .clearboth {clear:both;} .dilogo img {width:100%;max-width:410px;} .ditel {float:right;background:url(/img/tel.png?tenantId=277948&viewType=1&v=000) no-repeat left center;padding-left:50px;color:#fff;font-size:20px;height: 60px;} .ditel span {font-size:14px;color:#7e7e7e;display:block;padding-top: 10px;} .dh926 { width: 700px; height: 80px; line-height: 80px; position: absolute; left: 50%; top: 0px; overflow: hidden; z-index: 9999999; margin-left: -300px; } .tops3 {float:left;display:inline-block;} .tops2 {float:left;display:inline-block;} .tops3 a { padding: 0px 20px; display:block; line-height: 80px; height: 80px; font-size: 16px; font-weight: 400; color: #fff; text-decoration:none; } .tops3 a:hover { display:block; color: #fff; text-decoration:none; background:#0099FF; font-size: 16px; font-weight: normal; } .tops2 a { padding: 0px 20px; display:block; line-height: 80px; height: 80px; font-size: 16px; font-weight: 400; color: #fff; text-decoration:none; background:url(/img/lanxian.jpg?tenantId=277948&viewType=1&v=000) no-repeat right center; } .tops2 a:hover { display:block; color: #fff; text-decoration:none; background:#0099FF; font-size: 16px; font-weight: normal; } .cur1 a { display:block; color:#fff; text-decoration:none; background:#0099FF; } .topx { position: absolute; left:50%; top: 80px; width: 100%; background-color: #f9f9f9; z-index: 1000; display:none; padding: 30px 0px 30px 0px; margin-left: -50%; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); } .topxnei {padding:10px 10px 10px 10px;margin:0 auto;width: 1200px;} .secondmenu1 {float:left;display:inline-block;width:200px;padding-left:10px;} .secondmenu2 {float:left;width: 410px;padding-right: 100px;line-height:23px;font-size: 14px;color:#666;border-right: 1px solid #A0A0A0;display: none;} .secondmenu5 ul li a {float:left;display:inline-block;margin-right:30px;} .secondmenu5 {width:1200px;padding-left:650px;} .secondmenu6 {width:1200px;padding-left:300px;} .secondmenu2 p { font-size: 14px; padding: 15px 0px; } .secondmenu2 h3 { color: #0099FF; font-size: 18px; font-weight: 600; } .secondmenu3 {float:left;display:inline-block;width: 770px;} #sdt0 .secondmenu3 {width:900px;padding-left:60px;} #sdt1 .secondmenu3 {width: 800px;padding-left: 0px;float: right;} #sdt2 .secondmenu3 {width: 600px;padding-left: 130px;float: right;} .secondmenu3 ul li { float: left; display: inline-block; margin-left: 90px; } .secondmenu3 ul li a { display: block; margin: 5px 0px; color: #666; font-size: 14px; } .secondmenu3 ul li a:hover {color: #0099FF;} .secondmenu3 ul li h3 { font-size: 16px; font-weight: 400; color: #333; padding-bottom: 10px; } li {} .topxnei .secondmenu1 a{ margin:2px auto; display:block; height:40px; line-height:40px; background:#f6f6f6 url(/img/jiantoudi.png?tenantId=277948&viewType=1&v=000) no-repeat 170px center; font-size:14px; text-indent:15px; width:200px; border:1px solid #ddd; color:#333; text-decoration:none; transition: all 0.4s ease-in-out; } .topxnei .secondmenu1 a:hover { margin:2px auto; display:block; height:40px; line-height:40px; background:#4AB132 url(/img/jiantoudi1.png?tenantId=277948&viewType=1&v=000) no-repeat 160px center; font-size:14px; text-indent:15px; width:200px; border:1px solid #4AB132; color:#fff; text-decoration:none; transition: all 0.4s ease-in-out; } #w_grid-1587003828837 > div > .p_gridbox { overflow: visible; } .topz { width: 100%; } .yss ul li { display: inline-block; float: left; width: calc( (100% - 120px ) / 4); cursor: pointer; background: #fff; margin: 15px; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); min-height: 300px; } .yss ul li:hover { display: inline-block; float: left; width: calc( (100% - 120px ) / 4); cursor: pointer; background: #FF7A00; margin: 15px; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); min-height: 300px; } .yss ul { text-align: center; } .yss ul li:hover h3 {color:#fff;} .yss ul li:hover p {color:#fff;} .ine-icon { width: 70px; height: 70px; margin: 0 auto; overflow: hidden; margin-top: 50px; transition: all .5s; } .yss ul li:hover .ine-icon { width: 70px; height: 70px; margin: 0 auto; overflow: hidden; margin-top: 50px; transition: all .5s; } .shili p { font-size: 22px; color: #fff; text-align: center; } .yss ul li h3 { color: #FF7A00; font-size: 18px; font-weight: 600; padding: 20px 0px; } .yss ul li p { color: #666; font-size: 14px; width: 70%; margin: 0 auto; transition: all .5s; } .yss ul li:hover p { opacity: 1; height: auto; transition: all .5s; } .ine-icon img { display: block; width: 100%; transition: all .5s; } .yss ul li:hover img { transform: translateY(-100%); } .rdpt ul li {width: calc( ( 100% - 80px ) / 3);display: inline-block;text-align:center;background: rgb(0 0 102 / 20%);border: 1px solid rgb(255 255 255 / 20%);margin: 10px;padding: 30px;} .rdpt ul li h3 {display:block;font-size:18px;text-align:center;padding:30px 0px;font-weight:600;color: #fff;} .rdpt ul li:hover h3 {color:#EEA11D;} @media only screen and (max-width: 768px){ .c_portalResPublic_codeContainer-01001{ min-height:500px; width:100%; } } @media only screen and (min-width: 769px){ .c_portalResPublic_codeContainer-01001{ min-height:500px; width:100%; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } .olw1 ul li a { color: #fff; font-size: 14px; } .olw1 ul li { color: #fff; line-height: 25px; margin-bottom: 20px; width: 100%; float: left; } .olw1 ul li:nth-child(1) { background: url(/img/wr3.png?tenantId=277948&viewType=1&v=000) no-repeat 8px 5px; padding-left: 45px; } .olw1 ul li:nth-child(2) { background: url(/img/wr1.png?tenantId=277948&viewType=1&v=000) no-repeat 8px center; padding-left: 45px; } .olw1 ul li:nth-child(3) { background: url(/img/wr3.png?tenantId=277948&viewType=1&v=000) no-repeat 8px 5px; padding-left: 45px; } .olw1 ul li:nth-child(4) { background: url(/img/wr4.png?tenantId=277948&viewType=1&v=000) no-repeat 8px 3px; padding-left: 45px; width:100%; } .olw1 ul li:nth-child(5) { background: url(/img/wr5.png?tenantId=277948&viewType=1&v=000) no-repeat 10px top; padding-left: 45px; width: 100%; } .catamu {width:800px;margin:20px auto;color:#666;text-align:center;} .we span {float:left;margin: 0px 0px 10px 30px;color:#fff;line-height:200%;text-align:center;} .cpjie {text-align:center;padding:15px 0px;} .f-cbv { width: 100%; height: auto; overflow: hidden; display: flex; justify-content: space-between; flex-wrap: wrap; padding-bottom: 25px; } .about-num { padding: 0px; } .about-num li { width: auto; position: relative; padding: 0 0px; } .about-num li h2 { font-size: 50px; line-height: 1.1; display: inline-block; font-weight: bold; color: #fff; font-family: Airal; } .about-num .count-unit { font-size: 20px; text-align: right; display: inline-block; line-height: 1.1; font-style: normal; color: #fff; font-weight: bold; } .about-num li p { color: #fff; font-size: 16px; line-height: 30px; } .gsyy {color:#fff;font-weight:600;font-size:20px;position:relative;text-align: center;} .gsyy:before {position:absolute;content:"";width:40%;left:0px;height:1px;background:#fff;top: 14px;opacity: 0.5;} .gsyy:after {position:absolute;content:"";width:40%;right:0px;height:1px;background:#fff;top: 14px;opacity: 0.5;} .olw1 p {line-height:180%;color:#fff;} .olw1 h3 {font-weight:600;color:#fff;padding-bottom:10px;font-size:16px;} .olw1 p a{ line-height: 180%; color: #fff; }.w_grid-000{ margin-left: auto; margin-right: auto; min-height: 12rem; width: 100%; } .w_grid-000 > .w_grid{ width: 100%; position: relative; } .w_grid-000 > div > .p_gridbox{ width: 100%; overflow: hidden; position: static; } .w_grid-000 > div > div > .p_gridCell{ float: left; position: static; } .w_grid-000 > div > div > .p_gridCell:not(:empty):before{ content:''; height: 0.1px; display: block; } .w_grid-000 > .w_grid.signal{ min-height: inherit; } .w_grid-000 > .w_grid.signal > .p_gridbox{ min-height: inherit; } .w_grid-000 > .w_grid.signal > .p_gridbox > .p_gridCell{ min-height: inherit; } .w_grid-000 > div > .p_gridbox > .p_gridCell:first-child{ margin-left: 0; clear: left; } #w_grid-000 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left: 0; clear: left; } @media only screen and (max-width: 768px){ .w_grid-000 > div > .p_gridbox > .p_gridCell{ width: 100%; margin-left: 0; margin-top: 0rem; margin-bottom: 0rem; } } @media only screen and (min-width: 769px){ .w_grid-000 > div > .p_gridbox > .p_gridCell:first-child{ width: 100%; margin-left:0; margin-top: 0rem; margin-bottom: 0rem; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ }@CHARSET "UTF-8"; *{ padding: 0; margin: 0; } .pagebox{ width: 100%; }.pagebox,#-remove--flag{}body,#-remove--flag{} #c_portalResBreadcrumb_nav-1690271230197{ width:100%; max-width:1300px; min-width:0px; height:33px; max-height:none; min-height:0px; margin-top:30px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResPublic_codeContainer-1690271230192{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:50px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1690271230182 > div > .p_gridbox{ background-image:url(/img/cpbae.jpg?tenantId=277948&viewType=1&v=000); } #w_grid-1690271230182 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1690271230182 >div{ animation-fill-mode:both; } #w_grid-1690271230182 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1690271230182> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1690271230182> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1690271230182> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1690271230182 .p_gridbox{ background-repeat:no-repeat; background-position:top center; } #w_grid-1690271230182{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:423px; 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_portalResNews_list-1690271230202 .p_articles{ width:calc((100% - 0px)/6); } #c_portalResNews_list-1690271230202 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResNews_list-1690271230202 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResNews_list-1690271230202 >div{ animation-fill-mode:both; } #c_portalResNews_list-1690271230202 .p_hot .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-1690271230202 .p_new .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-1690271230202 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-1690271230202 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-1690271230202 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-1690271230202 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-1690271230202{ max-height:none; padding-top:0px; padding-left:0px; padding-bottom:0px; min-height:0px; margin-right:auto; margin-left:auto; max-width:1360px; width:94%; margin-top:30px; margin-bottom:50px; min-width:0px; height:auto; padding-right:0px; }