/*e_ContentMajorStyleBox-001*/ .e_ContentMajorStyleBox-001{ /* position: absolute;*/ width: 100%; height: auto; width-uint:%; } /*stylebox_top*/ /*stylebox_link*/ .e_ContentMajorStyleBox-001 .stylebox_link{ color:#666666; font-size: 14px; height: inherit; display: table; padding:0 15px; border-width: 0px; float: right; vertical-align: middle; margin-right: 15px; } .e_ContentMajorStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: rgba(101, 190, 186, 1); } .e_ContentMajorStyleBox-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_ContentMajorStyleBox-001 .title_icon::before{ content: ""; } .e_ContentMajorStyleBox-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_ContentMajorStyleBox-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_ContentMajorStyleBox-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; padding-right: 22px; vertical-align: top; } .e_ContentMajorStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_ContentMajorStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_ContentMajorStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_ContentMajorStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_ContentMajorStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color:#f0f0f0; width: 100%; width-uint:%; } .e_ContentMajorStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }/*e_FlowCommonStyleBox-001*/ .e_FlowCommonStyleBox-001{ /* position: absolute;*/ width: 100%; height: auto; width-uint:%; } /*stylebox_link*/ .e_FlowCommonStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px; } .e_FlowCommonStyleBox-001 .stylebox_link:hover{ color: rgba(101,190,186,1); } .e_FlowCommonStyleBox-001 .stylebox_link:active{ color: rgba(101,190,186,1); } .e_FlowCommonStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: #1890FF; } .e_FlowCommonStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_FlowCommonStyleBox-001 .title_icon::before{ content: ""; } .e_FlowCommonStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_FlowCommonStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_FlowCommonStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: #1890FF; padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_FlowCommonStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_FlowCommonStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_FlowCommonStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_FlowCommonStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_FlowCommonStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint:%; } .e_FlowCommonStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }/*e_IndexOrdinaryStyleBox-001*/ .e_IndexOrdinaryStyleBox-001{ /* position: absolute;*/ width: 100%; height: auto; width-uint:%; } /*stylebox_top*/ .e_IndexOrdinaryStyleBox-001 .stylebox_top{ background-color: transparent; } /*stylebox_link*/ .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-and-width-uint:100%; width-uint:%; width:100%; width-and-height:custom; height:auto; height-and-height-uint:auto; } .e_SideMajorStyleBox-001 .stylebox_top{ background-color:rgba(255, 255, 255, 0); width-and-width-uint:auto; width:auto; width-and-height:custom; height:60px; height-and-height-uint:60px; } .e_SideMajorStyleBox-001 .title_icon{ color:rgba(255,255,255,1); display:inline-block; vertical-align:middle; font-size:medium; line-height:40px; margin-right:10px; } .e_SideMajorStyleBox-001 .title_icon::before{ content:""; } .e_SideMajorStyleBox-001 .title_main{ overflow:hidden; max-width:600px; color:rgba(51, 51, 51, 1); white-space:nowrap; font-weight:normal; display:inline-block; vertical-align:middle; font-size:30px; line-height:60px; text-overflow:ellipsis; } .e_SideMajorStyleBox-001 .title_sub{ margin-left:10px; color:rgba(255,255,255,1); font-weight:normal; display:inline-block; vertical-align:middle; font-size:14px; line-height:40px; } .e_SideMajorStyleBox-001 .stylebox_title{ background-color:rgba(255, 255, 255, 0); width-and-width-uint:100px; white-space:nowrap; display:inline-block; width-uint:%; vertical-align:bottom; width:100%; font-size:0px; width-and-height:custom; height:inherit; height-and-height-uint:inherit; text-align:center; } .e_SideMajorStyleBox-001 .stylebox_link{ color:#666666; display:table; vertical-align:middle; font-size:14px; border-width:0px; float:right; height:inherit; margin-right:15px; } .e_SideMajorStyleBox-001 .stylebox_link a{ color:inherit; display:table-cell; vertical-align:middle; } .e_SideMajorStyleBox-001 .link_icon{ margin-left:5px; display:inline-block; } .e_SideMajorStyleBox-001 .link_icon::before{ content:'\e6af'; } .e_SideMajorStyleBox-001 .stylebox_top_line{ background-color:rgba(240,240,240,1); width-and-height:custom; height:0px; height-and-height-uint:0px; } .e_SideMajorStyleBox-001 .stylebox_content{ width-and-width-uint:100%; width-uint:%; width:100%; border-color:#f0f0f0; border-width:0px; height:calc(100% - 48px); height-and-height-uint:calc(100% - 48px); padding-top:10px; } .e_SideMajorStyleBox-001 .stylebox_bottom_line{ background-color:rgba(240,240,240,1); width-and-height:custom; }/* 移动设备样式 */ @media only screen and (max-width:768px){ .c_portalResProduct_list-01001 { overflow: hidden; width: 100%; height:auto; min-width: 640px; margin-left: 0; margin-right: 0; } .c_portalResProduct_list-01001 .p_ProductList{ margin:0; width: auto; height:auto; padding:0; overflow: hidden; background-color:transparent; white-space:normal; font-size: 0; } /* 属性分类概述样式 */ .c_portalResProduct_list-01001 .p_categorySummaryBox { padding:15px; border-bottom:1px solid rgba(0,0,0,0.09); } .c_portalResProduct_list-01001 .p_categorySummary { color: rgba(0,0,0,0.45); font-size: 14px; line-height: 22px; text-align: left; vertical-align: top; word-break: break-all; } /* 排序样式 */ .c_portalResProduct_list-01001 .p_sort{ margin:0; width: auto; height:auto; padding:0 15px; overflow: hidden; font-size: 16px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: 10px solid #F5F5F5; } .c_portalResProduct_list-01001 .d_sortBtn{ -webkit-flex:1.5; flex: 1.5; -webkit-box-flex: 1.5; -moz-box-flex: 1.5; -ms-flex: 1.5; display: block; position: relative; width:100%; line-height: 40px; text-align: center; } .c_portalResProduct_list-01001 .d_sortBtn:hover, .c_portalResProduct_list-01001 .d_sortBtn:active{ border-color: #1890FF; color: #1890FF; z-index: 2; } .c_portalResProduct_list-01001 .d_sortBtn.active{ border-color: #1890FF; color: #1890FF; z-index: 2; } .c_portalResProduct_list-01001 .p_default { -webkit-flex:1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; } .c_portalResProduct_list-01001 .d_sortBtn:lang(active){ border-color: #1890FF; color: #1890FF; z-index: 2; } .c_portalResProduct_list-01001 .d_sortBtn .font .iconfont:first-child{ display:none; } .c_portalResProduct_list-01001 .d_sortBtn .font .iconfont{ display:inline-block; font-size:12px; width:0; height:0; margin:5px 0 0 3px; font:0/0 arial; vertical-align: middle; border:5px dashed transparent; border-top:5px solid rgba(0,0,0,0.45); text-align:center; } .c_portalResProduct_list-01001 .d_sortBtn .font .iconfont:before{ content:"\e69a"; line-height: 30px; } .c_portalResProduct_list-01001 .d_sortBtn:lang(active) .font .iconfont, .c_portalResProduct_list-01001 .d_sortBtn:hover .font .iconfont, .c_portalResProduct_list-01001 .d_sortBtn:active .font .iconfont { color: #1890FF; border-top-color: #1890FF; } .c_portalResProduct_list-01001 .d_sortBtn .font .down-arrow{ margin-top:0; border-top: 0 none; border-bottom: 5px solid rgba(0,0,0,0.45); } .c_portalResProduct_list-01001 .d_sortBtn .font .arrow:before{ content:"\e69c"; } .c_portalResProduct_list-01001 .p_default .font .iconfont { display:none; } /* 排序样式end */ /* 列表主体样式start */ .c_portalResProduct_list-01001 .p_products { width: auto; height: auto; margin: 0; padding: 0; overflow: hidden; white-space: normal; } .c_portalResProduct_list-01001 .p_Product { position: relative; display: inline-block; vertical-align: top; width: calc((100% - 0px)/1)!important; padding: 15px 15px 0; height: inherit; } .c_portalResProduct_list-01001 .p_ProductInner { width:100%; padding:0 0 15px; border-top: 0 none; border-left: 0 none; border-right: 0 none; box-sizing: content-box; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .c_portalResProduct_list-01001 .p_Product:last-of-type .p_ProductInner { border:0 none; } /* 图片 */ .c_portalResProduct_list-01001 .p_images { position: relative; width: 100%; height: auto; margin: 0; padding: 0; text-align: center; font-size: 0; overflow:hidden; webkit-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; } .c_portalResProduct_list-01001 .p_image { width: 100%; height: 100%; overflow: hidden; } .c_portalResProduct_list-01001 .p_imagesPc {display: none;} .c_portalResProduct_list-01001 .p_linkB { width: inherit; height: inherit; display: block; position: static; } .c_portalResProduct_list-01001 .p_image { width: 100%; height: 100%; padding:0; } /* 缩略图移动端隐藏 */ .c_portalResProduct_list-01001 .p_ThumbnailBox { display: none; } /*列表文本内容*/ .c_portalResProduct_list-01001 .d_articles { height: auto; width: auto; padding: 0 0 0 15px; margin:0; overflow: hidden; -webkit-flex: 2.4; flex: 2.4; -webkit-box-flex: 2.4; -moz-box-flex: 2.4; -ms-flex: 2.4; } /* 标题 */ .c_portalResProduct_list-01001 .d_HeadBox{ margin:0; width: auto; height:auto; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_portalResProduct_list-01001 .d_title{ display:block; width:auto; height: auto; margin:0; padding:0; font-weight:400; cursor:pointer; line-height: 22px; vertical-align: middle; } .c_portalResProduct_list-01001 .p_TagBox{ position: absolute; top:0; right:0; margin:0; width: auto; height:auto; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; display: none; } .c_portalResProduct_list-01001 .p_tag{ float: left; margin:0 5px 0 5px; padding:0; border-width:1px; border-style:none; border-color:transparent; overflow: hidden; } .c_portalResProduct_list-01001 .p_tag:hover{ border-width:1px; border-style:none; border-color:transparent; } .c_portalResProduct_list-01001 .p_tag:active{ border-width:1px; border-style:none; border-color:transparent; } .c_portalResProduct_list-01001 .d_item { width:auto; height: auto; margin:5px 0; padding:0; vertical-align: middle; overflow: hidden; } .c_portalResProduct_list-01001 .d_item .d_itemLable { display: inline-block; vertical-align: middle; margin:0 5px 0 0; font-size:14px; } .c_portalResProduct_list-01001 .d_item .d_itemValue { display: inline-block; vertical-align: middle; font-size:14px; } /* 隐藏移动的标签 */ .c_portalResProduct_list-01001 .p_salePricePc, .c_portalResProduct_list-01001 .p_NomBoxPc { display: none; } /* 概要 */ .c_portalResProduct_list-01001 .d_SummaryBox{ margin:5px 0; width: auto; height:auto; padding:0; overflow: hidden; } .c_portalResProduct_list-01001 .d_summary{ color:#999; font-size:12px; line-height:20px; text-align:left; vertical-align:top; word-break:break-all; } /* 零售价 */ .c_portalResProduct_list-01001 .d_SalePrice{ display:inline-table; margin:0; padding:0; text-align:left; vertical-align: middle; } .c_portalResProduct_list-01001 .p_priceUnit::before { content: "\e6d7"; } /* 交互按钮 */ .c_portalResProduct_list-01001 .p_interaction{ margin: 0; width: auto; height:auto; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; word-break: break-all; white-space: normal; font-size: 14px; } .c_portalResProduct_list-01001 .p_interaction .btn-default { display: inline-block; margin: 5px 0 0; } /* 交互信息 */ .c_portalResProduct_list-01001 .p_keyword { display: inline-block; padding-right:5px; white-space: nowrap; overflow: hidden; vertical-align: middle; } /* 列表主体样式end */ } /* 屏幕宽度在1024px以上pc端样式 */ @media only screen and (min-width:769px){ .c_portalResProduct_list-01001 { overflow: hidden; width: 100%; height:auto; margin-left: 0; margin-right: 0; } .c_portalResProduct_list-01001 .p_ProductList{ width: auto; height: auto; overflow: hidden; white-space: normal; font-size: 0; padding: 20px 25px; } /* 属性分类概述样式 */ .c_portalResProduct_list-01001 .p_categorySummaryBox { padding:0 0 20px; margin:0 0 30px; border-bottom:1px solid rgba(0,0,0,0.09); } .c_portalResProduct_list-01001 .p_categorySummary { color: rgba(0,0,0,0.45); font-size: 14px; line-height: 22px; text-align: left; vertical-align: top; word-break: break-all; } /* 排序样式 */ .c_portalResProduct_list-01001 .p_sort{ margin:0 0 10px; width: auto; height:auto; padding:0 0 0 1px; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; clear:both; font-size: 14px; } .c_portalResProduct_list-01001 .d_sortBtn{ position:relative; float: left; height:30px; margin:0 0 0 -1px; line-height:30px; text-align:left; padding-left:15px; padding-right: 30px; background-color:rgba(255, 255, 255, 1); border-width:1px; border-style:solid; border-color:#D9D9D9; cursor:pointer; color:rgba(0,0,0,0.65); } .c_portalResProduct_list-01001 .d_sortBtn:hover, .c_portalResProduct_list-01001 .d_sortBtn:active{ border-color: #1890FF; color: #1890FF; z-index: 2; } .c_portalResProduct_list-01001 .d_sortBtn.active{ border-color: #1890FF; color: #1890FF; z-index: 2; } .c_portalResProduct_list-01001 .p_default { padding-right: 15px; } .c_portalResProduct_list-01001 .d_sortBtn:lang(active){ border-color: #1890FF; color: #1890FF; z-index: 2; } .c_portalResProduct_list-01001 .d_sortBtn .font .iconfont:first-child{ display:none; } .c_portalResProduct_list-01001 .d_sortBtn .font .iconfont{ display:inline-block; position:absolute; top:0; right:8px; font-size:12px; color:rgba(0,0,0,0.65); text-align:center; transform:rotate(180deg); -ms-transform:rotate(180deg); /* IE 9 */ -moz-transform:rotate(180deg); /* Firefox */ -webkit-transform:rotate(180deg); /* Safari å’Œ Chrome */ } .c_portalResProduct_list-01001 .d_sortBtn .font .iconfont:before{ content:"\e69a"; line-height: 30px; } .c_portalResProduct_list-01001 .d_sortBtn:lang(active) .font .iconfont, .c_portalResProduct_list-01001 .d_sortBtn:hover .font .iconfont, .c_portalResProduct_list-01001 .d_sortBtn:active .font .iconfont { color: #1890FF; } .c_portalResProduct_list-01001 .d_sortBtn .font .arrow{ transform:rotate(180deg); -ms-transform:rotate(180deg); /* IE 9 */ -moz-transform:rotate(180deg); /* Firefox */ -webkit-transform:rotate(180deg); /* Safari å’Œ Chrome */ } .c_portalResProduct_list-01001 .d_sortBtn .font .down-arrow{ transform:rotate(0deg); -ms-transform:rotate(0deg); /* IE 9 */ -moz-transform:rotate(0deg); /* Firefox */ -webkit-transform:rotate(0deg); /* Safari å’Œ Chrome */ } .c_portalResProduct_list-01001 .d_sortBtn .font .arrow:before{ content:"\e69a"; } .c_portalResProduct_list-01001 .p_default .iconfont.arrow { display: none; } /* 排序样式end */ /* 列表主体样式start */ .c_portalResProduct_list-01001 .p_products { width: auto; height: auto; margin: 0; padding: 0; overflow: hidden; white-space: normal; } .c_portalResProduct_list-01001 .p_Product { position: relative; display: inline-block; vertical-align: top; width: calc((100% - 0px)/3); padding: 10px; height: inherit; } .c_portalResProduct_list-01001 .p_ProductInner { width: 100%; padding: 0 0 5px; box-sizing: content-box; } .c_portalResProduct_list-01001 .p_ProductInner:hover { border-width: 3px; border-color: #1890FF; margin: -2px; } /* 图片 */ .c_portalResProduct_list-01001 .p_images { position: relative; width: 100%; height: 188px; margin: 0; padding: 0; text-align: center; font-size: 0; overflow:hidden; } .c_portalResProduct_list-01001 .p_imagesMo {display: none;} .c_portalResProduct_list-01001 .p_linkB { width: inherit; height: inherit; display: block; position: static; } .c_portalResProduct_list-01001 .p_image { width: 100%; height: 100%; padding:0; } /* 缩略图移动端隐藏 */ .c_portalResProduct_list-01001 .p_ThumbnailBox { position: absolute; left: 0; bottom: 1px; z-index: 10; width:236px; height: auto; padding:0; overflow: hidden; height: auto; } .c_portalResProduct_list-01001 .p_ThumbnailBox .p_thumbnail { position: relative; width: 42px; height: 34px; float: left; margin: 0 2px; max-width: 42px; max-height: 34px; overflow:hidden; border:2px solid rgba(0,0,0,.45) } .c_portalResProduct_list-01001 .p_ThumbnailBox .p_thumbnail:hover { border-color: rgba(255,255,255,.7) } /*列表文本内容*/ .c_portalResProduct_list-01001 .d_articles { height: auto; width: auto; padding: 0 0 0 15px; margin:0; overflow: hidden; -webkit-flex: 2.4; flex: 2.4; -webkit-box-flex: 2.4; -moz-box-flex: 2.4; -ms-flex: 2.4; } /* 标题 */ .c_portalResProduct_list-01001 .d_HeadBox{ margin:5px 0 0; width: auto; height:auto; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_portalResProduct_list-01001 .d_title{ display:block; width:auto; height: auto; margin:0; padding:0; font-weight:400; cursor:pointer; line-height: 22px; vertical-align: middle; } .c_portalResProduct_list-01001 .p_TagBox{ position: absolute; top:0; right:0; margin:0; width: auto; height:auto; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_portalResProduct_list-01001 .p_tag{ float: left; margin:0 5px 0 5px; padding:0; border-width:1px; border-style:none; border-color:transparent; overflow: hidden; } .c_portalResProduct_list-01001 .p_tag:hover{ border-width:1px; border-style:none; border-color:transparent; } .c_portalResProduct_list-01001 .p_tag:active{ border-width:1px; border-style:none; border-color:transparent; } .c_portalResProduct_list-01001 .d_item { width:auto; height: auto; margin:5px 0; padding:0; vertical-align: middle; overflow: hidden; } .c_portalResProduct_list-01001 .d_item .d_itemLable { display: inline-block; vertical-align: middle; margin:0 5px 0 0; font-size:14px; } .c_portalResProduct_list-01001 .d_item .d_itemValue { display: inline-block; vertical-align: middle; font-size:14px; } /* 隐藏移动的标签 */ .c_portalResProduct_list-01001 .p_salePriceMo, .c_portalResProduct_list-01001 .p_NomBoxMo { display: none; } /* 概要 */ .c_portalResProduct_list-01001 .d_SummaryBox{ margin:5px 0; width: auto; height:auto; padding:0; overflow: hidden; } .c_portalResProduct_list-01001 .d_summary{ line-height:20px; text-align:left; vertical-align:top; word-break:break-all; } /* 零售价 */ .c_portalResProduct_list-01001 .d_SalePrice{ display:inline-table; margin:0; padding:0; text-align:left; vertical-align: middle; } .c_portalResProduct_list-01001 .p_priceUnit::before { content: "\e6d7"; } /* 交互按钮 */ .c_portalResProduct_list-01001 .p_interaction{ margin: 0; width: auto; height:auto; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; word-break: break-all; white-space: normal; font-size: 14px; } .c_portalResProduct_list-01001 .p_interaction .btn-default { display: inline-block; margin:5px 0 0 ; } /* 交互信息 */ .c_portalResProduct_list-01001 .p_keyword { display: inline-block; padding-right:5px; white-space: nowrap; overflow: hidden; vertical-align: middle; } /* 列表主体样式end */ } /* 屏幕宽度介于768px-1024px样式 */ @media only screen and (min-width:769px) and (max-width: 1024px){}.w_videobackbox-001{ width:100%; min-height:300px; margin: 0 auto; } .w_videobackbox-001 .w_videobackbox{ height:100%; width:100%; position: relative; font-size: 0; min-height: inherit; } .w_videobackbox-001 .w_videobackbox video{ width: 100%; height: 100%; } .w_videobackbox-001 .w_videobackbox > .p_contentbox{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .w_videobackbox-001 .w_videobackbox > .poster_img{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; }.ser_list { width: calc((100% - 40px)/4)!Important; position: relative; float: left; padding: 0px; overflow: hidden; /* border-width: 5px; */ margin: 5px; /* border-style: inset; */ /* border-color: rgba(236, 192, 150, 0); */ background: #000; transition: all 0.86s ease; } @media only screen and (max-width: 768px){ .ser_bo { font-size: 20px;} a.zm_a{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; z-index: 999; } .ser_list { width: calc((100% - 0px)/1)!Important; position: relative; float: left; padding: 0px; overflow: hidden; /* border-width: 5px; */ margin: 5px; /* border-style: inset; */ /* border-color: rgba(236, 192, 150, 0); */ background: #fff!Important; transition: all 0.86s ease; } .ser_bt a{ border: solid 1px #f1f1f1; padding: 10px 20px; color: #fff; transition: all 0.5s ease; display:none; } .aboutser_root{height:50px;} /*小屏*/ .c_portalResPublic_codeContainer-01001{ width:100%; } .aboutser{width: 50%;float: left;background: #fff!important;border: solid 1px #f1f1f1;} .aboutser a{width: 100%;/* height: 100%; */display: block;text-align: center;padding: 10px 0px;font-size: 1.2rem;} .aboutser a:active{background: #d4b256;color: #000;} .ser_list{width:100;position: relative;float: left;padding: 0px; overflow:hidden; border-width: 5px; border-style: inset; border-color: rgba(236, 192, 150, 0); transition: all 0.86s ease; } .ser_list:hover{border-width: 0px;border-style: inset;border-color: #ecc096;border-image: -webkit-linear-gradient( #f4cba4, #b47639, #ecc096) 30 30;border-image: -moz-llinear-gradient( #f4cba4, #b47639, #ecc096) 30 30;border-image: linear-gradient( #f4cba4, #b47639, #ecc096) 30 30 30;transition: all 0.5s ease;background: #000;} .ser_list:hover img{ opacity:0.5; } .ser_bo{position: absolute;z-index: 999;width: 90%;font-size: 23px;color: #fff;position: absolute;bottom: 10%;left: 50%;transform: translate(-50%, 0%);border-bottom: solid 1px #f1f1f1;padding: 10px 0px;z-index: 5;} .ser_list img{width: 100%;/* position: absolute; */left: 0;top: 0;transition: all 0.86s ease;} } @media only screen and (max-width: 1360px){ .ser_bo {font-size: 20px!important;} } @media only screen and (min-width: 769px) { a.zm_a{display:none;} /*大屏*/ .ser_bt a{ border: solid 1px #f1f1f1; padding: 10px 20px; color: #fff; transition: all 0.5s ease; } .ser_bt a:hover{ background:#6ea739; color:#000;border: solid 1px #6ea739; transition: all 0.5s ease;} .c_portalResPublic_codeContainer-01001{ min-height:500px; width:100%; } .ser_list{ width: calc((100% - 30px)/3); position: relative; float: left; padding: 0px; overflow:hidden; /* border-width: 5px; */ margin: 5px; /* border-style: inset; */ /* border-color: rgba(236, 192, 150, 0); */ background: #000; transition: all 0.86s ease; } .ser_bo::before { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: #ffffff; transition: all .5s ease; } .ser_list:hover .ser_bo::before{ width: 100%;} .ser_list:hover{border-width: 0px;/* border-style: inset; *//* border-color: #6ea739; *//* border-image: -webkit-linear-gradient( #f4cba4, #b47639, #ecc096) 30 30; */border-image: -moz-llinear-gradient( #f4cba4, #b47639, #ecc096) 30 30;/* border-image: linear-gradient( #f4cba4, #b47639, #ecc096) 30 30 30; */transition: all 0.5s ease;} .ser_list .ser_bt{ transition: all 1s ease; position: absolute; bottom: -40px; left:23px; z-index: 9; } .ser_list:hover .ser_bt{bottom: 6%;transition: all 1s ease;} .ser_list:hover .ser_bo{bottom: 20%; transition: all 1s ease;} /*.ser_list:hover img{ transform: scale(1, 1) ; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); -ms-transform: scale(1, 1 ); -moz-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05) ; -o-transform: scale(1.05, 1.05) ; transition: all 0.2s ease; }*/ .ser_bo{position: absolute;z-index: 999;width: 90%;font-size: 20px;color: #fff;position: absolute;bottom: 10%;text-transform: uppercase;left: 50%;transform: translate(-50%, 0%);/* border-bottom: solid 1px #f1f1f1; */padding: 10px 0px;z-index: 5;transition: all 1s ease;} .ser_list img{width: 100%;/* position: absolute; */left: 0;top: 0;transition: all 0.86s ease;} .ser_list:hover img{opacity:0.5;z-index: 0;} .aboutser_root{width: 100%;height: auto;overflow: hidden;background: #333;text-align: center;box-shadow: 0px 7px 19px rgba(0, 0, 0, 0.08);} .aboutser{width: 24%;display: inline-block;/* float: left; */border-right: solid 1px #424242;} .aboutser a{width: 100%;/* height: 100%; */display: block;text-align: center;/* padding: 30px 0px; */max-height: 90px;line-height: 90px;font-size: 1.2rem;color: #efd67a;/* font-family: arial; */transition: all 1s ease;} .aboutser a:hover{background: #6ea739;color: #000000;font-size: 1.2rem;transition: all 1s ease;} .xianline{width: 12%;height:5px;background:#0162a7;margin-bottom:20px;} #c_portalResPublic_codeContainer-15656684263312720{ z-index: 10!important; left: inherit!important; } .wxc{ position:relative;} .weixin1{padding: 0px 9px;float:left;position: relative;} .iweixin1{padding: 0px 9px;float:left;} .wxc .weixin1 .wxcode2{ position:absolute; opacity:0; transition: all 0.2s; top:37px;} .wxc .iweixin1 .iwxcode2{position:absolute;opacity:0;transition: all 0.2s;top: -117px;left: -20px;} .wxc .weixin1:hover .wxcode2{ position:absolute; opacity:1; top:37px;} .wxc .iweixin1:hover .iwxcode2{position:absolute;opacity:1;top: -101px;left: -20px;} .weixin .wxcode2{left: -26px;} .shouji .wxcode2{left: 15px;} //*头部二维码结束*// } @media only screen and (max-width: 1024px) and (min-width: 769px){/*中屏*/ }/*公用样式*/ .prz { position: relative; height: 600px; } .pra { position: absolute; } .fl { float: left; } .clearfix:after, .clearfix:before { clear: both; display: block; visibility: hidden; height: 0; line-height: 0; content: ""; } .clearfix { zoom: 1; /*overflow: hidden;*/ } .mob-show { display: none; } /*首页*/ .index .part4 { width: 100%; height: 810px; background: #1763c7; color: #fff; } .index .part4 .wrapper { height: 100%; padding-top: 48px; width: 1570px; margin: 0 auto; } .index .part4 .tit { font-size: 42px; line-height: 42px; padding: 0 0 20px; text-align: left; margin-top: 110px; margin-bottom: 50px; } .index .part4 .num-box { font-size: 0; /* text-align: center;*/ } .index .part4 .num { width: 300px; overflow: hidden; margin-bottom: 22px; /*display: inline-block; text-align: center;*/ } .index .part4 .roll span { font-size: 36px; font-weight: bold; } .index .part4 .num p { font-family: '微软雅黑'; font-size: 28px; } .map-box { position: absolute; top: 50%; left: 50%; background: url(//dfs.yun300.cn/group1/M00/1B/54/rBQBHF6NKo6EMmIaAAAAADgq4NA365.png) no-repeat center 8px; width: 100%; height: 600px; background-size: 100% auto; transition: background-position .5s; transform: translate(-50%,-50%); /*background-position: 1.01rem .35rem;*/ } .map-box .china-map, .map-box .world-map { width: 100%; height: 100%; } .map-box .world-map { display: none; } .map-box .small-box { width: 206px; height: 104px; box-sizing: border-box; border: 1px solid #1763c7; bottom: 6px; overflow: hidden; padding: 10px; cursor: pointer; background: #1763c7; left: -20px; display: none; } .map-box .small-box .small-map { background: url(/img/qmmtip_11.png) no-repeat; width: 196; height: 85px; background-size: 100%; /* background-position: 0 -.85rem;*/ transition: background .5s; } .map-box .small-box .small-map.active { background: url(/img/qmmtip_10.png) no-repeat; } .map-box .point { width: 6px; height: 6px; background: #018755; border-radius: 50%; left: 860px; top: 108px; cursor: pointer; } .map-box .point .line { width: 87px; height: 100px; top: -36px; left: -28px; background: url(/img/index_part4_line_r.png) no-repeat 31px; background-size: 55px 24px; } .map-box .point .info { width: 238px; background: rgba(255, 255, 255, .05); left: 55px; top: -31px; overflow: hidden; padding: 10px 0; } .map-box .point .info .scroll-box { height: 100px; overflow-y: auto; margin-right: -17px; } .map-box .point .info .scroll-box ul { position: absolute; top: 0; text-align: justify; width: 100%; } .map-box .point .info .scroll-box .city { text-align: center; padding-bottom: 4px; font-size: 20px } .map-box .point .info .prompt { width: 100%; text-align: center; font-size: 12px; animation: see_more 3s forwards; height: 20px; line-height: 26px; } /* .map-box .china-map .point:nth-child(10), .map-box .world-map .point:nth-child(5) {animation: shining 1s infinite;} */ /*qmm修改*/ /*.index .part4 .tit*/ .qmmMapInfo { width: 331px; position: absolute; top: 87px; } .qmmMapInfo .roll { float: left; } .qmmMapInfo p { float: left; line-height: 57px; } .map-box .china-map .point.active11 .breath { display: block !important; } .index .part4 .num p, .index .part4 .num .roll { display: inline-block; *display: inline; line-height: 32px; } .index .part4 .num .roll { margin-right: 10px; } .qmmContactbox.contact-box h2, .qmmContactbox.contact-box .radio { /*margin-left: .15rem;*/ } .map-box .point:nth-child(10) { z-index: 5; } @keyframes shining { 0% { background: rgba(255, 255, 255, 1); } 50% { background: rgba(255, 255, 255, .5); } } @keyframes see_more { 0% { opacity: 1; height: 20px; } 20% { opacity: .2; height: 20px; } 40% { opacity: 1; height: 20px; } 60% { opacity: .2; height: 20px; } 80% { opacity: 1; height: 20px; } 100% { opacity: 0; height: 0; } } .map-box .point.left .line { background: url(/img/index_part4_line_l.png) no-repeat 0 31px; ; left: -49px; } .map-box .point.left .info { left: -287px } .map-box .point .info i { width: 48px; height: 34px; background-size: cover !important; } .map-box .point .info .i1 { background: url(/img/map_info_icon1.gif) no-repeat; background-size: 100% 100%; top: 0; left: 0; } .map-box .point .info .i2 { background: url(/img/map_info_icon2.gif) no-repeat; background-size: 100% 100%; top: 0; right: 0; } .map-box .point .info .i3 { background: url(/img/map_info_icon1.gif) no-repeat; background-size: 100% 100%; bottom: 0; right: 0; transform: rotate(180deg); } .map-box .point .info .i4 { background: url(/img/map_info_icon2.gif) no-repeat; background-size: 100% 100%; bottom: 0; left: 0; transform: rotate(180deg); } .map-box .point .info li { padding: 5px 10px; } .map-box .point .info li:last-child { padding-bottom: 0; } .map-box .point .info li p { text-align: center; } .map-box .point .info li p:nth-child(1) { width: 100%; border-bottom: 1px dotted #fff; padding-bottom: 5px; margin-bottom: 5px; } .map-box .point .info li p:nth-child(2) { font-size: 12px; } .map-box .point .breath { transform: translateX(-50%) translateY(-50%); left: 3px; top: 3px; border-radius: 50%; background: rgba(1, 135, 85, .6); animation: map_point 2s infinite; } .map-box .point>* { display: block; } .map-box .point .line { display: none!important; } .map-box .point .info { display: none!important; } .map-box .point.active11>.breath { display: block; } /*.map-box .point:hover > *{display: block!important;}*/ /*.map-box .china-map .point:hover .map-box .china-map .point.active11 .breath{display: none;}*/ @keyframes map_point { 0% { width: 0; height: 0; box-shadow: 0 0 0 0 rgba(1, 135, 85, .2); } 50% { width: 30px; height: 30px; box-shadow: 0 0 0 15px rgba(1, 135, 85, 0.2); } 100% { width: 0; height: 0; box-shadow: 0 0 0 0 rgba(255, 255, 255, .2); } } #vcodeimg { float: right; } .qmm_small-box { width: 133px; height: 202px; right: 165px; bottom: 0rem; overflow: hidden; display: none; } .qmm_small-box .small-map { width: 100%; height: 100%; background: url(/img/qmmtip_03.png); background-size: 100%; } @media only screen and (max-width: 768px) { .c_portalResPublic_codeContainer-01001011 {min-height: 500px;width:100%; min-width:680px; height:auto; } } @media only screen and (min-width: 769px) { .c_portalResPublic_codeContainer-01001011 { min-height: 500px; width: 100%; } } @media only screen and (max-width: 1024px) and (min-width: 769px) {} .section-wrap { width: 100%; height: 100%; overflow: visible; transition: transform 1s cubic-bezier(0.86, 0, 0.03, 1); -webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.03, 1); } .section-wrap .section { position: relative; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; } .section-wrap .section .title { width: 100%; position: absolute; top: 10%; color: #fff; font-size: 2.4em; text-align: center; } .section-wrap .section .title p { padding: 0 4%; opacity: 0 } .section-wrap .section .title.active .tit { opacity: 1; transform: translateY(-25px); -webkit-transform: translateY(-25px); transition: all 2s cubic-bezier(0.86, 0, 0.8, 1); -webkit-transition: all 2s cubic-bezier(0.86, 0, 0.8, 1); } .section-wrap .section-1 { background-color: #018755 } .section-wrap .section-2 { background-color: #5cb85c } .section-wrap .section-3 { background-color: #5bc0de } .section-wrap .section-4 { background-color: #f0ad4e } .section-wrap .section-5 { background-color: #d9534f } .put-section-0 { transform: translateY(0); -webkit-transform: translateY(0); } .put-section-1 { transform: translateY(-100%); -webkit-transform: translateY(-100%); } .put-section-2 { transform: translateY(-200%); -webkit-transform: translateY(-200%); } .put-section-3 { transform: translateY(-300%); -webkit-transform: translateY(-300%); } .put-section-4 { transform: translateY(-400%); -webkit-transform: translateY(-400%); } .section-btn { width: 14px; position: fixed; right: 4%; top: 50%; } .section-btn li { width: 14px; height: 14px; cursor: pointer; text-indent: -9999px; border-radius: 50%; -webkit-border-radius: 50%; margin-bottom: 12px; background: #BD362F; text-align: center; color: #fff; onsor: pointer; } .section-btn li.on { background: #fff } .arrow { opacity: 1; animation: arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite; -webkit-animation: arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); position: absolute; bottom: 10px; left: 50%; margin-left: -30px; width: 60px; height: 60px; border-radius: 100%; -webkit-border-radius: 100%; line-height: 60px; text-align: center; font-size: 20px; color: #fff; border: 1px solid #fff; cursor: pointer; overflow: hidden; } .arrow:hover { animation-play-state: paused; -webkit-animation-play-state: paused; } @keyframes arrow { %0, %100 { bottom: 10px; opacity: 1; } 50% { bottom: 50px; opacity: .5 } } @-webkit-keyframes arrow { %0, %100 { bottom: 10px; opacity: 1; } 50% { bottom: 50px; opacity: .5 } } .sousuo { position: absolute; right: 0; width: auto; }.w_fimgbox-001{ width: 100%; height: auto; min-height: 200px; margin: 0 auto; } .w_fimgbox-001 .w_imgbox{ width: 100%; height: 100%; position: relative; min-height: inherit; } .w_fimgbox-001 .w_imgbox > img{ width: 100%; height: auto; } .w_fimgbox-001 .w_imgbox > .p_contentbox{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; }@charset "utf-8"; /************************************* * 文件名称：common.css * 作 者：界面设计制作部 * 创建日期：2017-12-25 * 最后修改：name/ 第X行 / yyyy-mm-dd * 文件版本：UI CSS Frameworks Beta * 内容概要: 公用样式文件 *************************************/ a { transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s; } @keyframes gWelCnta{ 0% { transform: rotate(0); } 70% { transform: rotate(360deg); } 80% { transform: rotate(350deg); } 95% { transform: rotate(370deg); } 100% { transform: rotate(360deg); } } a { outline:none; blr:expression(this.onFocus=this.blur()); } /************************* 小 屏 ***************************/ /******************（分辨率宽度 小于768）*******************/ @media only screen and (max-width: 768px) { #c_portalResEbizads_banner-15566251688215531 .bannerBox{ padding-top:0px; } #c_portalResEbizads_banner-15566251688215531 .content { position: relative; width: 100%; height: 240px; } #c_portalResEbizads_banner-15566251688215531 .bannerTitle { font-size:16px; margin-bottom: 0rem; } #c_portalResEbizads_banner-15566251688215531 .summry { font-size: 12px; } #c_portalResnav_main-15569554736836835 .header .logo { padding-top: 5px !important; flex: 0 0 350px !important; display: inline-block; } #c_portalResEbizads_banner-15566251688215531 .text{ position:absolute; z-index:2; padding:2% 3%; padding-bottom:12%; background:rgba(10, 120, 180, 0.9); left:0px; bottom:0%; width:100%; margin:0 auto; transition:all 2s ease; opacity:0; transform:translate3d(0, 80px, 0); } #c_portalResnav_main-15569554736836835 .header .logo { position: relative; flex: 0 0 240px; z-index: 8; width: 200px; height: 60px; margin: 0; padding-top: 12px; } #c_portalResnav_main-15569554736836835 { width: auto; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 60px; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #content_box-1561960747336-0, #content_box-1557050368171-0 { width: 50%!important; } #content_box-1561960747336-1, #content_box-1557050368171-1 { width: 50%!important; } #content_box-1561960747336-2, #content_box-1557050368171-2 { width: 100%!important; padding-top: 20px; } #content_box-1561960747336-2 p, #content_box-1561960747336-2 span { text-align:left!important; } #content_box-1557050368171-2 p, #content_box-1557050368171-2 span { text-align:left!important; } #w_fline-1561960747362, #w_fline-1557050606928 { margin-left: 0px!important; margin-right: auto!important; } /** #w_common_text-1561960747385 p, #w_common_text-1561960747385 span { text-align:center!important;} #w_common_text-1557051857750 p, #w_common_text-1557051857750 span { text-align:center!important;} **/ #w_grid-1557050704777, #w_grid-1561960747341 { width: 100%; max-width: 280px; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 0px; margin-left: 0; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } } @media only screen and (min-width:769px) and (max-width: 1024px) { #c_portalResnav_main-15569554736836835 { width: auto; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 60px; 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 (min-width:1024px) { #c_portalResEbizads_banner-15566251688215531 .bannerBox{ padding-top:0px; } #c_portalResnav_main-15569554736836835 .header-nav .nav-hides-title { font-size: 18px; line-height: 1.1; color: #333; padding-bottom: 20px; padding-top: 20px; font-weight: bold; } #c_portalResnav_main-15569554736836835 .header-nav .nav-hides-right { flex: 0 0 36%; overflow: hidden; } #c_portalResnav_main-15569554736836835 .header-nav .nav-hides-title { font-size: 18px; line-height: 1.1; color: #333; padding-bottom: 20px; padding-top: 20px; font-weight: bold; } #c_portalResnav_main-15569554736836835 .header-nav .nav-hides-right { flex: 0 0 25%; overflow: hidden; } }/*图片标题列表*/ .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) no-repeat center; }.c_portalResNews_list-01001006{ min-width: 320px; width: 100%; } .c_portalResNews_list-01001006 .p_PromptNoneData { width: auto; text-align: center } .c_portalResNews_list-01001006 .p_PromptNoneData .prompt_title .iconfont:before { content: "" } .c_portalResNews_list-01001006 .p_PromptNoneData .prompt_title .first { height: auto; display: table-cell; position: relative; vertical-align: middle; padding: 0 10px 5px 0; } .c_portalResNews_list-01001006 .p_PromptNoneData .prompt_title { display: inline-table; padding: 0 30px; min-height: 200px; height: 100% } .c_portalResNews_list-01001006 .p_PromptNoneData .prompt_title .first:before { content: "\e6b4" } .c_portalResNews_list-01001006 .p_PromptNoneData .prompt_title .font { display: table-cell; vertical-align: middle; text-align: left } .c_portalResNews_list-01001006 .p_PromptNoneData .promptbox { width: auto; height: 100% } .c_portalResNews_list-01001006 .p_PromptNoneData .prompt_content { padding-left: 65px } .c_portalResNews_list-01001006 .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-01001006 .p_moreBtn .font { white-space: nowrap; overflow: visible; vertical-align: middle } .c_portalResNews_list-01001006 .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-01001006 .p_loading { width: 100%; height: 70px; line-height: 70px; text-align: center; } .c_portalResNews_list-01001006 .p_loading .iconfont:before {content: "";shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_portalResNews_list-01001006 .p_loading .font { display: inline-block; margin-left: 20px; height: inherit } .c_portalResNews_list-01001006 .p_moreBox { margin: 0 20px; width: auto; height: auto; padding: 0; overflow: hidden } .c_portalResNews_list-01001006 .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-01001006 .p_ToDetail:hover { cursor: pointer } .c_portalResNews_list-01001006 .p_SummaryBox { margin: 0; width: 236px; height: 317px; padding: 0; overflow: hidden } .c_portalResNews_list-01001006 .p_summary { text-align: left; vertical-align: top; word-break: break-all } .c_portalResNews_list-01001006 .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-01001006 .p_assist { margin: 0; width: 236px; height: 317px; padding: 0; overflow: hidden } .c_portalResNews_list-01001006 .p_TitleBox { width: auto; height: auto; padding:5px 0; overflow: hidden; vertical-align: top; } .c_portalResNews_list-01001006 .p_title { display: inline-table; width: 100%; margin: 0; padding: 0; text-align: left; cursor: pointer; overflow: hidden; text-overflow: ellipsis; } .c_portalResNews_list-01001006 .p_header { margin: 5px 0 0; width: auto; height: auto; padding: 0; overflow: hidden; } .c_portalResNews_list-01001006 .p_content { margin: 0; width: 236px; height: 317px; padding: 0; overflow: hidden } .c_portalResNews_list-01001006 .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-01001006 .p_articles {margin: 0;width:calc((100% - 0px)/4); height: 186px;padding: 0;} .c_portalResNews_list-01001006 .p_news { margin: 0; width: inherit; height: auto; padding: 0; overflow: hidden; } .c_portalResNews_list-01001006 .p_Newslist { margin: 0; padding: 0; overflow: hidden; } .c_portalResNews_list-01001006 { overflow: hidden; } .c_portalResNews_list-01001006 .p_content { width: auto; height: auto; vertical-align: top } .c_portalResNews_list-01001006 .p_SummaryBox { width: auto; height: auto; } .c_portalResNews_list-01001006 .p_assist { width: auto; height: auto; } .c_portalResNews_list-01001006 .p_icon { display: inline-block; vertical-align: middle; margin-top: 2px } .c_portalResNews_list-01001006 .p_about { display: inline-block; vertical-align: middle } .c_portalResNews_list-01001006 .p_articles { display: inline-block; height: auto; min-width: 320px; width: calc((100% - 0px)/1); padding: 15px 20px; overflow: hidden; float: left; } .c_portalResNews_list-01001006 .p_thumbnail { width: 100%; height: auto; vertical-align: middle; text-align: center; overflow: hidden } .c_portalResNews_list-01001006 .p_thumbnail img { width:100%;} .c_portalResNews_list-01001006 .higher .p_thumbnail { position: absolute; height: 100% } .c_portalResNews_list-01001006 .widther .p_thumbnail { position: absolute; height: 100% } .c_portalResNews_list-01001006 .smaller .p_thumbnail { position: absolute; height: 100% } .c_portalResNews_list-01001006 .p_assist { margin-top: 2px; } .c_portalResNews_list-01001006 .p_SummaryBox { clear: both; margin-bottom: 10px; margin-top: 8px } .c_portalResNews_list-01001006 .p_ToDetail { float: right; position: relative } .c_portalResNews_list-01001006 .p_summary { white-space: normal } .c_portalResNews_list-01001006 .p_categorySummaryBox{ overflow: hidden; padding: 10px; } @media only screen and (max-width: 768px) { .c_portalResNews_list-01001006 .p_articles{ margin-top: 10px !important; width: 100% !important; } .c_portalResNews_list-01001006 .mp_linkUrl{ display: block; height: auto; } .c_portalResNews_list-01001006 .p_SummaryBox{ display: none; } .c_portalResNews_list-01001006 .p_ToDetail{ display: none !important; } .c_portalResNews_list-01001006 .mP_SummaryBox{ clear: both; } .c_portalResNews_list-01001006 .p_Information{ display: flex; padding: 10px 0; } .c_portalResNews_list-01001006 .p_Information li{ flex: 1; height: 20px; overflow: hidden; } .c_portalResNews_list-01001006 .p_KeyWord{ width: 100%; margin-top: 5px; } .c_portalResNews_list-01001006 .p_KeyWord .p_tag{ padding: 5px 15px; margin-right: 10px; border-radius: 3px; } .c_portalResNews_list-01001006 .blank{ width: 100%; height: 15px; overflow: hidden; } .c_portalResNews_list-01001006 .p_articles{border: none} } @media only screen and (min-width: 769px) { .c_portalResNews_list-01001006 .mp_linkUrl{ display: none; } .c_portalResNews_list-01001006 .mP_SummaryBox{ display: none; } .c_portalResNews_list-01001006 .p_Information{ display: none; } .c_portalResNews_list-01001006 .p_KeyWord{ display: none; } .c_portalResNews_list-01001006 .blank{display: none;} } @media only screen and (max-width: 1024px) and (min-width: 769px) { } .c_portalResNews_list-01001006 .p_CommonSummaryBoxA{text-align:center; } .c_portalResNews_list-01001006 .p_MatteIcon .iconfont:before{content:'\e602'; } .c_portalResNews_list-01001006 >div{animation-fill-mode:both; } .c_portalResNews_list-01001006 .listBoxs{ overflow:hidden; } .c_portalResNews_list-01001006 .listBoxs .list{ width:calc((100%)/2); float:left; transition:all .5s ease; } .c_portalResNews_list-01001006 .listBoxs .list:not(:first-child) .titleBox:hover .titleh5{ color:#d40617; } .c_portalResNews_list-01001006 .listBoxs .list:not(:first-child) .listCotentBox{ position:relative; } .c_portalResNews_list-01001006 .listBoxs .list:not(:first-child) .listCotentBox:before{ position:absolute; left:-10px; top:15%; content:''; background:#ddd; width:1px; height:70%; z-index:1; } .c_portalResNews_list-01001006 .listBoxs .list:not(:first-child) .listCotentBox:after{ position:absolute; left:-10px; top:15%; content:''; background:#d40617; width:1px; height:0%; z-index:2; transition:all .36s ease; } .c_portalResNews_list-01001006 .listBoxs .list:not(:first-child) .listCotentBox:hover:after{ height:70%; } .c_portalResNews_list-01001006 .listBoxs .list:not(:first-child) .list_link{ display:none; } .c_portalResNews_list-01001006 .listBoxs .listBoxs{ padding:10px; } .c_portalResNews_list-01001006 .listBoxs .p_news{ overflow:hidden; } .c_portalResNews_list-01001006 .listBoxs .list:first-child{ display:flex; flex-wrap:wrap; float:left; position:relative; } .c_portalResNews_list-01001006 .listBoxs .list:first-child .list_images{ width:100%; position:relative; overflow:hidden; } .c_portalResNews_list-01001006 .listBoxs .list:first-child .list_images img{ width:100%; transition:600ms; -webkit-transition:600ms; -ms-transition:600ms; height:auto !important; left:50% !important; top:50% !important; -webkit-transform:translate(-50%, -50%) !important; -ms-transform:translate(-50%, -50%) !important; transform:translate(-50%, -50%) !important; position:absolute !important; display:none; } .c_portalResNews_list-01001006 .listBoxs .list:first-child .cover{background-repeat:no-repeat;background-position:center center;background-size:cover;position:relative;height: 26.5rem;} .c_portalResNews_list-01001006 .listBoxs .list:first-child .pic{ position:relative; width:100%; height:auto; vertical-align:middle; text-align:center; overflow:hidden; } .c_portalResNews_list-01001006 .listBoxs .list:first-child .list_images .pic{ transition:600ms; -webkit-transition:600ms; } .c_portalResNews_list-01001006 .listBoxs .list:hover .pic{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); } .c_portalResNews_list-01001006 .listBoxs .list:first-child .list_thumb{ width:100%; height:100%; } .c_portalResNews_list-01001006 .listBoxs .list:first-child .listTimeBox{ display:none; margin-top:-8px; } .c_portalResNews_list-01001006 .listBoxs .list:first-child .gyBox{ display:none; } .c_portalResNews_list-01001006 .listBoxs .list:first-child .listCotentBox{ padding:0px; width:100%; } .c_portalResNews_list-01001006 .listBoxs .list:first-child .cotentBox{ background-color:rgba(0,0,0,.5); position:absolute; bottom:0px; padding:20px; right:0px; left:0px; } .c_portalResNews_list-01001006 .listBoxs .list:first-child .cotentBox .titleh5{ color:#fff; text-align:center; } .c_portalResNews_list-01001006 .listBoxs .cotentBox{ display:flex; width:100%; } .c_portalResNews_list-01001006 .listBoxs .listTimeBox{ width:140px; height:100%; } .c_portalResNews_list-01001006 .listBoxs .list:not(:first-child) .listTimeBox{margin-top: 5%;} .c_portalResNews_list-01001006 .listBoxs .list:not(:first-child) .titleBox{ margin-top:1.4rem; } .c_portalResNews_list-01001006 .listBoxs .listTime{ display:none; } .c_portalResNews_list-01001006 .listBoxs .list:nth-child(2){ margin-top:0px; } .c_portalResNews_list-01001006 .listBoxs .listYear{font-size:14px;color: #ccc;text-align:center;font-weight: bold;} .c_portalResNews_list-01001006 .listBoxs .listmd{text-align:center;font-size:30px;color: #333;letter-spacing:-2px;} .c_portalResNews_list-01001006 .listBoxs .listCotentBox{ width:calc((100% - 140px)/1); padding:0 1rem; } .c_portalResNews_list-01001006 .listBoxs .titleh5{ font-size:22px; overflow:hidden; font-weight:normal; color:#333; text-overflow:ellipsis; white-space:nowrap; } .c_portalResNews_list-01001006 .listBoxs .lsitSummary{ font-size:14px; height:46px; line-height:26px; color:#999; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2px; -webkit-box-orient:vertical; text-overflow:ellipsis; margin-bottom:28px; } .c_portalResNews_list-01001006 .listBoxs .gyBox{ margin-top:1rem; } .c_portalResNews_list-01001006 .listBoxs .list:hover{ background:none; } .c_portalResNews_list-01001006 .list:not(:first-child) .cotentBox{ background:#f2f2f2; width:97%; margin-left:3%; margin-bottom:8px; } @media only screen and (max-width: 1024px){ .c_portalResNews_list-01001006 .list:not(:first-child) .cotentBox{ width:100%; margin-left:0%; margin-bottom: 10px; margin-top:10px; } .c_portalResNews_list-01001006 .listBoxs .list { width: calc((100%)/1); } .c_portalResNews_list-01001006 .listBoxs .list:first-child .list_images img{ display:block; } .c_portalResNews_list-01001006 .listBoxs .list:first-child .cover{ display:none; } .c_portalResNews_list-01001006 .listBoxs .list:first-child .pic{ padding-bottom: 60%; } .c_portalResNews_list-01001006 .listBoxs .lsitSummary { margin-bottom: 1rem; } } @media only screen and (max-width: 768px){ .c_portalResNews_list-01001006 .listBoxs .list:not(:first-child) .listTimeBox { margin-top: 4%; } .c_portalResNews_list-01001006 .listBoxs .listYear { font-size: 18px; } .c_portalResNews_list-01001006 .listBoxs .listmd{ font-size: 12px; } .c_portalResNews_list-01001006 .listBoxs .listTimeBox { width: 60px; } .c_portalResNews_list-01001006 .listBoxs .listCotentBox { width: calc((100% - 60px)/1); } .c_portalResNews_list-01001006 .listBoxs .titleh5 { font-size: 15px; height: 20px; } .c_portalResNews_list-01001006 .listBoxs .gyBox { margin-top: 0.5rem; } .c_portalResNews_list-01001006 .listBoxs .lsitSummary { font-size: 13px; height: 40px; line-height: 20px; margin-bottom: 16px; } .c_portalResNews_list-01001006 .listBoxs .list:first-child .pic { padding-bottom: 50%; } .c_portalResNews_list-01001006 .listBoxs .list:not(:first-child) .listCotentBox:before{ left: 0px; } .c_portalResNews_list-01001006 .listBoxs .list:not(:first-child) .listCotentBox:after{ left: 0px; } } .c_portalResNews_list-01001006 .p_page .pre .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_portalResNews_list-01001006 .p_page .next .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_portalResNews_list-01001006 .p_more .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_portalResNews_list-01001006 .p_hot .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } .c_portalResNews_list-01001006 .p_new .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; }.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){ }.reset_style p { word-break: keep-all!important; } p { word-break: keep-all!important; } .w_grid-000{ margin-left: auto; margin-right: auto; min-height: 12rem; width: 100%; } .w_grid-000 > .w_grid{ width: 100%; position: relative; } .w_grid-000 > div > .p_gridbox{ width: 100%; overflow: hidden; position: static; } .w_grid-000 > div > div > .p_gridCell{ float: left; position: static; } .w_grid-000 > div > div > .p_gridCell:not(:empty):before{ content:''; height: 0.1px; display: block; } .w_grid-000 > .w_grid.signal{ min-height: inherit; } .w_grid-000 > .w_grid.signal > .p_gridbox{ min-height: inherit; } .w_grid-000 > .w_grid.signal > .p_gridbox > .p_gridCell{ min-height: inherit; } .w_grid-000 > div > .p_gridbox > .p_gridCell:first-child{ margin-left: 0; clear: left; } #w_grid-000 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left: 0; clear: left; } @media only screen and (max-width: 768px){ .w_grid-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){ }/*流式按钮-001*/ .w_fbtn-001{ display: block; width: 100%; height: 100%; max-width:150px; min-height:36px; max-height:0; text-align: center; margin: 0 auto; font-size: 0; } .w_fbtn-001 .p_CommonBtn{ width: 100%; height: inherit; padding:0; } .w_fbtn-001 .p_CommonBtn .font{ text-align: center; display: inline-block; vertical-align: middle; width: 100%; font-size: 14px; height: auto; } .w_fbtn-001 .animated{ width:100%; height:100%; min-height: inherit; } .w_fbtn-001 .p_link{ min-height: inherit; display: block; } .w_fbtn-001 .p_CommonBtn{ border-style: solid; } .w_fbtn-001 .p_CommonBtn{ width: 100%; height:36px; color:rgba(255,255,255,1); border-width: 1px; border-style: none; border-color:transparent; background-color:rgba(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; }.w_grid-003{ margin-left: auto; margin-right: auto; max-width: 1180px; min-height: 12rem; width: 100%; } .w_grid-003 > .w_grid{ width: 100%; position: relative; } .w_grid-003 > div > .p_gridbox{ width: 100%; overflow: hidden; position: static; } .w_grid-003 > div > .p_gridbox > .p_gridCell{ float: left; position: static; } .w_grid-003 > div > .p_gridbox > .p_gridCell:not(:empty):before{ content:''; height: 0.1px; display: block; } .w_grid-003 > div > .p_gridbox > .p_gridCell:first-child{ margin-left: 0; clear: left; } #w_grid-003 > div > .p_gridbox > .p_gridCell:nth-child(3n+1){ margin-left: 0; clear: left; } @media only screen and (max-width: 768px){ .w_grid-003 > 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-003 > div > .p_gridbox > .p_gridCell{ width: 32.66%; margin-left: 1%; margin-top: 0.6rem; margin-bottom: 0.6rem; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ }@CHARSET "UTF-8"; *{ padding: 0; margin: 0; } .pagebox{ width: 100%; }/*page property_start*/.pagebox,#-remove--flag{width:100%;margin:0px auto;}/*page property_end*//*page property_start*/body,#-remove--flag{}/*page property_end*/ @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){ } @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){ } @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){ } @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){ } @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){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #c_portalResPublic_codeContainer-15570549723250080 .toTop{ display:none; position:fixed; z-index:5; bottom:30px; right:30px; width:50px; height:50px; cursor:pointer; background:#ffdd00 url(//dfs.yun300.cn/group1/M00/16/77/rBQBG1zOxtmED6SCAAAAAOn2YgE121.png) no-repeat center; transition:all .3s linear; background-size:26px !important; border-radius:50%; } #c_portalResPublic_codeContainer-15570549723250080 .toTop:hover{ transform:translateY(-6px); } @media (max-width: 1270px){ #c_portalResPublic_codeContainer-15570549723250080 .toTop { width: 40px; height: 40px; right: 0; bottom: 0; } } #c_portalResPublic_codeContainer-15570549723250080{ 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; } @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){ } @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){ } #c_portalResPublic_codeContainer-15863095445772200{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:500px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResnav_main-15569554736836835 div, #c_portalResnav_main-15569554736836835 ul, #c_portalResnav_main-15569554736836835 li, #c_portalResnav_main-15569554736836835 span, #c_portalResnav_main-15569554736836835 a{ box-sizing:border-box; } #c_portalResnav_main-15569554736836835 .f-cb{ zoom:1; } #c_portalResnav_main-15569554736836835 .flexBox{ display:flex; flex-wrap:wrap; justify-content:space-between; } #c_portalResnav_main-15569554736836835 .img100{ display:block; width:100%; } #c_portalResnav_main-15569554736836835 .search-btn{ transition:all 0.5s; } #c_portalResnav_main-15569554736836835 .hide1{ -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); opacity:0; } #c_portalResnav_main-15569554736836835 .header-search-wrap.show1{ z-index:8; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); opacity:1; } #c_portalResnav_main-15569554736836835 .w1400{ width:100%; padding:0px 30px; } #c_portalResnav_main-15569554736836835 .w1170{ width:1170px; } #c_portalResnav_main-15569554736836835 .w1400, #c_portalResnav_main-15569554736836835 .w1170, #c_portalResnav_main-15569554736836835 .w1140, #c_portalResnav_main-15569554736836835 .w1100, #c_portalResnav_main-15569554736836835 .w980{ margin-left:auto; margin-right:auto; } #c_portalResnav_main-15569554736836835 .jt{ display:none; } #c_portalResnav_main-15569554736836835 .header-nav{ flex:0 0 auto; display:inline-flex; margin-left:230px; transition:all 0.5s; } #c_portalResnav_main-15569554736836835 .nav-hides2 .w1400{ width:1170px; } #c_portalResnav_main-15569554736836835 .header{ overflow:visible; background:#fff; border-bottom:1px solid #ffffff; position:fixed; z-index:7; left:0; top:0; width:100%; box-shadow:0 1px 15px 0 rgba(0,0,0,0.1); transition-duration:.5s; } #c_portalResnav_main-15569554736836835 .header .logo{ padding-top:5px!important; flex:0 0 350px!important; display:inline-block; } #c_portalResnav_main-15569554736836835 .header .m-nav-btn{ display:none; position:absolute; flex:0 0 22px; height:14px; cursor:pointer; right:0; top:50%; margin-top:-7px; } #c_portalResnav_main-15569554736836835 .header .m-nav-btn.cur .line1{ transform:rotate(40deg); } #c_portalResnav_main-15569554736836835 .header .m-nav-btn.cur .line2{ display:none; } #c_portalResnav_main-15569554736836835 .header .m-nav-btn.cur .line3{ transform:rotate(-40deg); } #c_portalResnav_main-15569554736836835 .header .m-nav-btn .line{ position:absolute; display:block; width:100%; height:2px; background-color:#000; left:0; transition:all .5s ease; margin:0; } #c_portalResnav_main-15569554736836835 .header .m-nav-btn .line1{ top:0; -webkit-transform-origin:left top 0; -ms-transform-origin:left top 0; transform-origin:left top 0; } #c_portalResnav_main-15569554736836835 .header .m-nav-btn .line2{ top:7px; } #c_portalResnav_main-15569554736836835 .header .m-nav-btn .line3{ top:100%; -webkit-transform-origin:left bottom 0; -ms-transform-origin:left bottom 0; transform-origin:left bottom 0; } #c_portalResnav_main-15569554736836835 .m-search-box{ display:none; } #c_portalResnav_main-15569554736836835 .header .header-left{ flex:0 0 auto; display:inline-flex; } #c_portalResnav_main-15569554736836835 .header .header-right{ flex:0 0 110px; display:inline-flex; justify-content:space-around; } #c_portalResnav_main-15569554736836835 .header .header-mains{ height:90px; align-items:center; transition:all 0.5s; } #c_portalResnav_main-15569554736836835 .header .show-search-btn{ flex:0 0 42px; cursor:pointer; height:42px; border-radius:50%; margin-left:20px; transition-duration:.3s; background:rgba(0, 0, 0, 0.2) url(//dfs.yun300.cn/group1/M00/04/75/rBQBHVzM4miEd-WfAAAAAN2ZxQ8453.png) no-repeat center; } #c_portalResnav_main-15569554736836835 .header.bgf{ background:#fff; border-bottom:1px solid #d5d5d5; } #c_portalResnav_main-15569554736836835 .header.bgf2{background:#fff; } #c_portalResnav_main-15569554736836835 .welcome-body .header.bgf{ border-bottom:none; background:none; } #c_portalResnav_main-15569554736836835 .welcome-body .header:hover{ background:#fff; border-bottom:1px solid #d5d5d5; } #c_portalResnav_main-15569554736836835 .welcome-body .header.bgf2{ background:#fff; border-bottom:1px solid #d5d5d5; } #c_portalResnav_main-15569554736836835 .header:hover .show-search-btn{background:rgba(0, 0, 0, 0.2) url(//dfs.yun300.cn/group1/M00/04/75/rBQBHVzM4f6EXoN0AAAAANJ7iJ0317.png) no-repeat center; } #c_portalResnav_main-15569554736836835 .header.bgf .show-search-btn{ background:rgba(0, 0, 0, 0.2) url(//dfs.yun300.cn/group1/M00/04/75/rBQBHVzM4miEd-WfAAAAAN2ZxQ8453.png) no-repeat center; } #c_portalResnav_main-15569554736836835 .header.bgf .show-search-btn:hover{ background:#d50a1d url(//dfs.yun300.cn/group1/M00/04/75/rBQBHVzM4miEd-WfAAAAAN2ZxQ8453.png) no-repeat center; } #c_portalResnav_main-15569554736836835 .header:hover .show-search-btn:hover{background:#d50a1d url(//dfs.yun300.cn/group1/M00/04/75/rBQBHVzM4miEd-WfAAAAAN2ZxQ8453.png) no-repeat center; } #c_portalResnav_main-15569554736836835 .header.bgf .header-nav .nav-top-a{ color:#1a1a1a; } #c_portalResnav_main-15569554736836835 .header:hover .header-nav .nav-top-a{color:#1a1a1a; } #c_portalResnav_main-15569554736836835 .header.bgf .header-nav .nav-top-a:hover{ color:#d50a1d; } #c_portalResnav_main-15569554736836835 .header:hover .header-nav .nav-top-a:hover{color:#d50a1d; } #c_portalResnav_main-15569554736836835 .header:hover{ background:#fff; } #c_portalResnav_main-15569554736836835 .header.bgf2 .show-search-btn{ background:rgba(0, 0, 0, 0.2) url(//dfs.yun300.cn/group1/M00/04/75/rBQBHVzM4f6EXoN0AAAAANJ7iJ0317.png) no-repeat center; } #c_portalResnav_main-15569554736836835 .header.bgf2 .show-search-btn:hover{ background:#d50a1d url(//dfs.yun300.cn/group1/M00/04/75/rBQBHVzM4miEd-WfAAAAAN2ZxQ8453.png) no-repeat center; } #c_portalResnav_main-15569554736836835 .header.bgf2 .header-nav .nav-top-a{ color:#1a1a1a; } #c_portalResnav_main-15569554736836835 .header.bgf2 .header-nav .nav-top-a:hover{ color:#d50a1d; } #c_portalResnav_main-15569554736836835 .header-nav .nav-hides-title{ font-size:18px; line-height:1.1; color:#333; padding-bottom:36px; padding-top:26px; } #c_portalResnav_main-15569554736836835 .header-nav .nav-item{ flex:0 0 130px; max-height:90px; } #c_portalResnav_main-15569554736836835 .header-nav .nav-item:hover .nav-top-a{ color:#d50a1d; } #c_portalResnav_main-15569554736836835 .header-nav .nav-item.cur .nav-top-a{ color:#d50a1d; } #c_portalResnav_main-15569554736836835 .header-nav .nav-item.cur2 .nav-top-a{ color:#d50a1d; } #c_portalResnav_main-15569554736836835 .header-nav .hides-a-wrap{ flex:0 0 50%; } #c_portalResnav_main-15569554736836835 .header-nav .nav-hides-left{ flex:0 0 34%; } #c_portalResnav_main-15569554736836835 .header-nav .nav-top-a{ display:block; text-align:center; font-size:17px; line-height:36px; padding:27px 0; color:#333; transition-duration:.3s; } #c_portalResnav_main-15569554736836835 .header-nav .nav-hides-right{ flex:0 0 53%; overflow:hidden; } #c_portalResnav_main-15569554736836835 .header-nav .nav-hides-right:hover .img100{ transform:scale(1.1); } #c_portalResnav_main-15569554736836835 .header-nav .hides-a{ display:block; font-size:16px; line-height:36px; color:#666; transition-duration:.3s; } #c_portalResnav_main-15569554736836835 .header-nav .hides-a:hover{ color:#d50a1d; transform:translateX(6px); } #c_portalResnav_main-15569554736836835 .header-nav .hides-a:hover:before{ background:#d50a1d; } #c_portalResnav_main-15569554736836835 .header-nav .hides-a:before{ content:""; display:inline-block; vertical-align:top; margin-right:6px; width:4px; height:4px; background:#000; position:relative; top:16px; } #c_portalResnav_main-15569554736836835 .header-nav .img100{ transition-duration:.5s; } #c_portalResnav_main-15569554736836835 .header-nav .nav-hides{ z-index:7; padding:46px 0; position:absolute; left:0; top:100%; width:100%; display:none; background:#f5f5f5; } #c_portalResnav_main-15569554736836835 .header-nav .nav-hides .w1170{ opacity:0; transform:transateY(40px); transition-duration:1s; } #c_portalResnav_main-15569554736836835 .header-nav .nav-hides.cur .w1170{ opacity:1; transform:transateY(0); } #c_portalResnav_main-15569554736836835 .header-search-wrap{ position:fixed; z-index:4; left:50%; top:0%; -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); opacity:0; width:600px; height:90px; margin-left:-300px; border:1px solid rgba(0, 0, 0, 0); color:#666; line-height:90px; transition:all 0.5s; background:#fff; } #c_portalResnav_main-15569554736836835 .header-search-wrap .submit{ position:absolute; top:0; left:0; z-index:3; width:36px; height:40px; background:url(//dfs.yun300.cn/group1/M00/04/75/rBQBHVzM4f6EXoN0AAAAANJ7iJ0317.png) no-repeat center; background-size:20px; border:none; box-sizing:border-box; } #c_portalResnav_main-15569554736836835 .header-search-wrap .ser-input{ width:100%; height:40px; position:relative; border:none; background:none; box-sizing:border-box; padding-left:40px; } #c_portalResnav_main-15569554736836835 .header-search-wrap .search-close{ position:absolute; display:block; right:-60px; top:50%; margin-top:-20px; width:40px; height:40px; background:url(//dfs.yun300.cn/group1/M00/04/75/rBQBHVzM4u6EIbLRAAAAAB-OAgE969.png) no-repeat center; background-size:30px; cursor:pointer; transition-duration:.5s; } #c_portalResnav_main-15569554736836835 .header-search-wrap .search-close:hover{ transform:rotate(90deg); } #c_portalResnav_main-15569554736836835 .language-a{ display:inline-block; flex:0 0 42px; text-align:center; border-radius:50%; line-height:42px; background:rgba(0, 0, 0, .2); height:42px; font-size:17px; color:#fff; transition-duration:.3s; } #c_portalResnav_main-15569554736836835 .header.bgf2 .language-a{ color:#1a1a1a; } #c_portalResnav_main-15569554736836835 .header.bgf .language-a{ color:#1a1a1a; } #c_portalResnav_main-15569554736836835 .header.bgf .language-a:hover{ color:#fff; background:#d50a1d; } #c_portalResnav_main-15569554736836835 .header.bgf2 .language-a:hover{ color:#fff; background:#d50a1d; } #c_portalResnav_main-15569554736836835 .language-a:hover{ color:#fff; background:#d50a1d; } @media (max-width: 1600px){ #c_portalResnav_main-15569554736836835 .header-nav { margin-left: 100px; transition: all 0.5s; } #c_portalResnav_main-15569554736836835 .w1170 { width: 1170px; } #c_portalResnav_main-15569554736836835 .nav-hides2 .w1400 { width: 1170px; } } @media (max-width: 1500px){ #c_portalResnav_main-15569554736836835 .header-nav { margin-left: 80px; transition: all 0.5s; } #c_portalResnav_main-15569554736836835 .header-nav .nav-item { flex: 0 0 120px; transition: all 0.5s; } #c_portalResnav_main-15569554736836835 .w1400 { width: 100%; } } @media (max-width: 1400px){ #c_portalResnav_main-15569554736836835 .header-nav { margin-left: 80px; transition: all 0.5s; } #c_portalResnav_main-15569554736836835 .header-nav .nav-item { flex: 0 0 110px; transition: all 0.5s; } #c_portalResnav_main-15569554736836835 .w1170 { width: 1000px; } } @media (max-width: 1300px){ #c_portalResnav_main-15569554736836835 .header-nav { margin-left: 30px; transition: all 0.5s; } #c_portalResnav_main-15569554736836835 .header-nav .nav-item { flex: 0 0 110px; transition: all 0.5s; } #c_portalResnav_main-15569554736836835 .w1170 { width: 1000px; } #c_portalResnav_main-15569554736836835 .header-nav .nav-hides-title { padding-top: 0px; } } @media (max-width: 1270px){ #c_portalResnav_main-15569554736836835 .language-a { margin-right: 20px; font-size: 13px; background: rgba(0, 0, 0, .2); flex: 0 0 32px; height: 32px; line-height: 32px; border-radius: inherit; } #c_portalResnav_main-15569554736836835 .nav-hides00 { opacity: 1; } #c_portalResnav_main-15569554736836835 .header .show-search-btn { display: none !important; } #c_portalResnav_main-15569554736836835 .header .show-search-btn, #c_portalResnav_main-15569554736836835 .header-nav .nav-hides-title, #c_portalResnav_main-15569554736836835 .header-nav .nav-hides-right { display: none; } #c_portalResnav_main-15569554736836835 .header .m-nav-btn, #c_portalResnav_main-15569554736836835 .m-search-box { display: block; } #c_portalResnav_main-15569554736836835 .header-nav .nav-item:hover .nav-top-a, #c_portalResnav_main-15569554736836835 .header-nav .nav-item.cur .nav-top-a, #c_portalResnav_main-15569554736836835 .header-nav .nav-item.cur2 .nav-top-a { color: #1a1a1a; } #c_portalResnav_main-15569554736836835 .m-search-box { box-sizing: border-box; position: relative; width: 100%; margin: 0 auto; border-bottom: 1px solid #ffffff; padding-left: 0px; clear: both; } #c_portalResnav_main-15569554736836835 .m-search-box .m-submit { padding: 0; position: absolute; left: 0; top: 0; z-index: 9; height: 50px; width: 20px; background: url(//dfs.yun300.cn/group1/M00/04/75/rBQBHVzNAk2ETxx1AAAAAIJ_Yh4725.png) no-repeat left center; background-size: 13px !important; border: none; } #c_portalResnav_main-15569554736836835 .m-search-box .m-ser-input { padding: 0; height: 50px; width: 20px; font-size: 14px; line-height: 50px; color: #888; width: 100%; display: block; border: none; background: none; } #c_portalResnav_main-15569554736836835 .header-mains.w1400 { width: 100%; position: relative; z-index: 8; padding: 0 4vw; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } #c_portalResnav_main-15569554736836835 .header .right-a { height: 46px; } #c_portalResnav_main-15569554736836835 .header .right-a-wrap { position: relative; top: 2px; flex: 0 0 80px; } #c_portalResnav_main-15569554736836835 .header .header-right { flex: 0 0 120px; } #c_portalResnav_main-15569554736836835 .header { position: fixed; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } #c_portalResnav_main-15569554736836835 .header .header-mains { height: 60px; } #c_portalResnav_main-15569554736836835 .header-nav .nav-top-a { text-align: left; line-height: 60px; font-size: 16px; font-weight: normal; float: left; width: 80%; color: #000; } #c_portalResnav_main-15569554736836835 .jt { position: relative; display: inline-block; width: 10%; height: 60px; text-align: center; background: none; float: right; } #c_portalResnav_main-15569554736836835 .jt:after { content: ''; display: block; width: 26px; height: 26px; background: url(//dfs.yun300.cn/group1/M00/04/55/rBQBHVzEZzKEUBJMAAAAAMfREL8486.png) no-repeat center; background-size: 17px auto; position: absolute; right: 3%; top: 15px; } #c_portalResnav_main-15569554736836835 .jt.jtRote:after { background: url(//dfs.yun300.cn/group1/M00/16/5A/rBQBG1zEZ1eEBkkYAAAAADz6RB0116.png) no-repeat center; background-size: 20px auto; } #c_portalResnav_main-15569554736836835 .header-nav .nav-hides .w1170 { opacity: 1; padding: 0px 15px; } #c_portalResnav_main-15569554736836835 .header-nav .nav-top-a1 { background-size: 0 !important; } #c_portalResnav_main-15569554736836835 .header-nav .nav-item { padding: 0 25px; } #c_portalResnav_main-15569554736836835 .header-nav .nav-item:first-child { border-top: 1px solid rgba(0, 0, 0, 0.1); } #c_portalResnav_main-15569554736836835 .header-nav { display: block; position: fixed; height: calc(100vh - 60px); width: 100vw; left: 0; bottom: 0; background: #f9f9f9; padding: 0; margin-left: 0; justify-content: center; flex-wrap: wrap; overflow: scroll; opacity: 0; transform: translateX(0) rotateX(90deg); } #c_portalResnav_main-15569554736836835 .header-nav.cur { opacity: 1; transform: translateX(0) rotateX(0); } #c_portalResnav_main-15569554736836835 .header-nav .hides-a { padding-left: 16px; font-size: 14px; color: #333; line-height: 40px; background: url(//dfs.yun300.cn/group1/M00/04/56/rBQBHVzEdJGEfkUaAAAAAGBOHjA006.png) no-repeat left center; } #c_portalResnav_main-15569554736836835 .header-nav .hides-a:before { display: none; } #c_portalResnav_main-15569554736836835 .header-search-wrap { top: 15px; height: 30px; line-height: 30px; } #c_portalResnav_main-15569554736836835 .header-search-wrap .submit, #c_portalResnav_main-15569554736836835 .header-search-wrap .ser-input { height: 30px; } #c_portalResnav_main-15569554736836835 .header.bgf .header-nav .nav-top-a:hover, #c_portalResnav_main-15569554736836835 .header:hover .header-nav .nav-top-a:hover { color: #000; } #c_portalResnav_main-15569554736836835 .header-search-wrap .search-close { width: 30px; height: 30px; margin-top: -15px; } #c_portalResnav_main-15569554736836835 .header-nav .w1170 { width: 100%; } #c_portalResnav_main-15569554736836835 .header-nav .nav-hides-left, #c_portalResnav_main-15569554736836835 .header-nav .hides-a-wrap { flex: 0 0 100%; } #c_portalResnav_main-15569554736836835 .header-nav .nav-hides { background: none; position: static !important; top: 0; width: 100%; } #c_portalResnav_main-15569554736836835 .header-nav .nav-item { width: 100%; clear: both; max-height: none; border-top: 1px solid #eee; } #c_portalResnav_main-15569554736836835 .header-nav .nav-top-a, #c_portalResnav_main-15569554736836835 .header-nav .nav-hides { padding: 0; } #c_portalResnav_main-15569554736836835 .header .logo { position: relative; flex: 0 0 160px; z-index: 8; width: 160px; height: 60px; margin: 0; padding-top: 12px; } #c_portalResnav_main-15569554736836835 .header .header-right { position: relative; z-index: 8; } #c_portalResnav_main-15569554736836835 .header .m-nav-btn { width: 22px; right: 0; } } #c_portalResnav_main-15569554736836835{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:60px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResNews_list-15863046519467415 .p_articles{ width:calc((100% - 0px)/4); } #c_portalResNews_list-15863046519467415 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResNews_list-15863046519467415 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResNews_list-15863046519467415 >div{ animation-fill-mode:both; } #c_portalResNews_list-15863046519467415 .p_hot .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResNews_list-15863046519467415 .p_new .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResNews_list-15863046519467415 .p_page .pre .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResNews_list-15863046519467415 .p_page .next .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResNews_list-15863046519467415 .p_more .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResNews_list-15863046519467415 .p_loading .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResNews_list-15863046519467415{ width:100%; max-width:none; min-width:320px; height:auto; max-height:none; min-height:0px; margin-top:30px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResPublic_codeContainer-15882069553210961{ width:100%; max-width:100%; min-width:0px; height:auto; max-height:none; min-height:236px; 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_portalResProduct_list-15570220521075871 .p_Product{ width:calc((100% - 40px)/4); padding:20px 14px 14px 14px; } #c_portalResProduct_list-15570220521075871 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResProduct_list-15570220521075871 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResProduct_list-15570220521075871 >div{ animation-name:fadeIn; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; } #c_portalResProduct_list-15570220521075871 .p_ProductList{ padding:0px; } #c_portalResProduct_list-15570220521075871 .proBox{ width:100%; } #c_portalResProduct_list-15570220521075871 .proLists{ width:100%; height:auto; overflow:hidden; padding:0px; } #c_portalResProduct_list-15570220521075871 .proList{ position:relative; top:0px; float:left; background:#fff; overflow:hidden; padding:4px; transition:all .5s ease; border:1px solid #eee; } #c_portalResProduct_list-15570220521075871 .imgBox{ position:relative; height:0px; padding-bottom:75%; } #c_portalResProduct_list-15570220521075871 .imgBox img{ position:absolute; top:0px; left:0px; width:100%; height:100%; } #c_portalResProduct_list-15570220521075871 .link{ position:absolute; top:0px; left:0px; display:block; width:100%; height:100%; } #c_portalResProduct_list-15570220521075871 .d_summary{ display:-webkit-box; margin:5px 0; overflow:hidden; -webkit-line-clamp:3px; -webkit-box-orient:vertical; text-overflow:ellipsis; line-height:1.3rem; height:4rem; word-break:break-word; } @media only screen and (min-width: 769px){ #c_portalResProduct_list-15570220521075871 .proList:not(:nth-child(3n)){ margin-right:5px; margin-bottom:20px; } #c_portalResProduct_list-15570220521075871 .proList{ width:calc((100% - 50px)/4); } #c_portalResProduct_list-15570220521075871 .titleBox{ margin:10px 0px 10px; font-size:16px; font-weight:bold; color:#333; text-align:center; line-height:26px; height:26px; -webkit-line-clamp:1px; overflow:hidden; -webkit-box-orient:vertical; } #c_portalResProduct_list-15570220521075871 .proList:hover{ top:0px; box-shadow:rgba(252, 0, 15, 0.1) 0px 3px 18px 2px; cursor:pointer; } } @media only screen and (min-width: 1025px){ #c_portalResProduct_list-15570220521075871 .proList:not(:nth-child(4n)) { margin-right:10px; margin-bottom:20px; } #c_portalResProduct_list-15570220521075871 .proList:nth-child(3n) { } #c_portalResProduct_list-15570220521075871 .proList { width: calc((100% - 50px)/4); } } @media only screen and (max-width: 768px){ #c_portalResProduct_list-15570220521075871 .proList:hover .titleBox { color:#fc000f; } #c_portalResProduct_list-15570220521075871 .proList { width: 100%; margin-bottom:20px; border: 1px solid #ddd; } #c_portalResProduct_list-15570220521075871 .titleBox { margin: 20px 0px 10px; font-size: 16px; color:#333; text-align:center; font-weight: bold; -webkit-line-clamp:1; overflow:hidden; -webkit-box-orient:vertical; } } #c_portalResProduct_list-15570220521075871 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-15570220521075871 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-15570220521075871 .p_more{ width:180px; height:46px; margin:20px auto; background-color:#ffa11f00; font-size:16px; color:#333; } #c_portalResProduct_list-15570220521075871 .p_more .font{ line-height:46px; } #c_portalResProduct_list-15570220521075871 .p_more .iconfont{ background-color:white; color:#faa126; border-radius:50%; font-size:20px; padding:5px; margin-right:8px; vertical-align:baseline; } #c_portalResProduct_list-15570220521075871 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-15570220521075871 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-15570220521075871 .lantern{ margin-left:0px!important; margin-right:0px!important; } #c_portalResProduct_list-15570220521075871 .p_CommonSquareNumBtn{ background-color:#aeaeae; width:12px; height:12px; } #c_portalResProduct_list-15570220521075871 .p_CommonSquareNumBtn.active, #c_portalResProduct_list-15570220521075871 .p_CommonSquareNumBtn:hover{ background-color:#eab600; color:#fff; } #c_portalResProduct_list-15570220521075871 .d_SummaryBox{ display:none; } #c_portalResProduct_list-15570220521075871{ width:100%; max-width:1400px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:60px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResPublic_codeContainer-17020052217019992{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:500px; 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-1556625157600 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1556625157600*/@media only screen and (max-width:1270px){ #w_grid-1556625157600 > div > .p_gridbox{ min-height:60px !important; } } /*w_grid-1556625157600*/@media only screen and (min-width: 1271px){ #w_grid-1556625157600 > div > .p_gridbox{ min-height:90px !important; } } /*w_grid-1556625157600*/@media only screen and (max-width: 1024px) and (min-width: 1271px){ #w_grid-1556625157600 > div > .p_gridbox{ min-height:90px !important; } } #w_videobackbox-1586312944955 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1557016450177 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } #w_grid-1557016528419 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1557016528419 >div{ animation-fill-mode:both; } #w_grid-1557016528419 > div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; } /*w_grid-1557016528419*/@media only screen and (min-width: 769px){ #w_grid-1557016528419> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1557016528419> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1557016528419> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } /*w_grid-1557016528419*/@media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1557016528419> div > .p_gridbox > .p_gridCell{ margin-bottom: 3rem; margin-top: 3rem; margin-left:0; } #w_grid-1557016528419> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1557016528419> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1567241004021 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } #w_grid-1586306457664 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } #w_fimgbox-1586307626372 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimgbox-1586307626372 >div{ animation-fill-mode:both; } #w_grid-1588206956305 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } #w_grid-1588206956314 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } #w_grid-1557021712599 > div > .p_gridbox{ background-image:url(/img/bjb1j.jpg); } #w_grid-1557021712599 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1557021712599 >div{ animation-name:fadeIn; animation-duration:0.8s; animation-delay:0.5s; animation-fill-mode:both; } #w_grid-1557021712599 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } /*w_grid-1557021712599*/@media only screen and (min-width: 769px){ #w_grid-1557021712599> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1557021712599> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1557021712599> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } #w_grid-1557021712599 .p_gridbox{ background-image:url(/img/jd_cp_bg.png); background-image-part-image:url(/img/jd_cp_bg.png); background-repeat:repeat; background-position:top left; background-attachment:fixed; } #w_fimgbox-1586311105357 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimgbox-1586311105357 >div{ animation-fill-mode:both; } #w_grid-1558083488951 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } #w_grid-1558083691647 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1558083691647 >div{ animation-fill-mode:both; } #w_grid-1558083691647 > div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; } /*w_grid-1558083691647*/@media only screen and (max-width: 768px){ #w_grid-1558083691647> div > .p_gridbox > .p_gridCell{ margin-bottom:0.6rem; margin-top:0.6rem; margin-left:0; } #w_grid-1558083691647> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1558083691647> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } /*w_grid-1558083691647*/@media only screen and (min-width: 769px){ #w_grid-1558083691647> div > .p_gridbox > .p_gridCell{ margin-bottom: 3rem; margin-top: 3rem; margin-left:0%; } #w_grid-1558083691647> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1558083691647> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_common_text-1558083571724 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1558083571724 >div{ animation-name:fadeInUp; animation-duration:1s; animation-delay:0.5s; animation-fill-mode:both; } #w_common_text-1558083571724 .p_link001{ height:calc(100%); } #w_grid-1586309460306 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1586309460306 >div{ animation-fill-mode:both; } #w_grid-1586309460306 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } /*w_grid-1586309460306*/@media only screen and (min-width: 769px){ #w_grid-1586309460306> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:5%; } #w_grid-1586309460306> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:47.5%; margin-left:5%; margin-right:0px; clear:none; } #w_grid-1586309460306> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:47.5%; } #w_grid-1586309460306> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } #w_common_text-1586309460333 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1586309460333 >div{ animation-name:fadeInUp; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; } #w_common_text-1586309460338 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1586309460338 >div{ animation-name:fadeInUp; animation-duration:1s; animation-delay:1.4s; animation-fill-mode:both; } #w_grid-1586309460343 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1586309460343 >div{ animation-fill-mode:both; } #w_grid-1586309460343 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } /*w_grid-1586309460343*/@media only screen and (min-width: 769px){ #w_grid-1586309460343> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1586309460343> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1586309460343> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1586309460353 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1586309460353 >div{ animation-fill-mode:both; } #w_grid-1586309460353 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } /*w_grid-1586309460353*/@media only screen and (min-width: 769px){ #w_grid-1586309460353> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1586309460353> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1586309460353> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } #w_grid-1586309460363 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } #w_grid-1586309460370 > div > .p_gridbox{ padding:30px 0px; } #w_grid-1586309460370 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1586309460370 >div{ animation-fill-mode:both; } #w_grid-1586309460370 > div > .p_gridbox > .p_gridCell:nth-child(3n+1){ margin-left:0px; clear:left; } /*w_grid-1586309460370*/@media only screen and (min-width: 769px){ #w_grid-1586309460370> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0%; } #w_grid-1586309460370> div > .p_gridbox > .p_gridCell:nth-child(3n+0){ width:33.33333333333333%; margin-left:0%; margin-right:0; clear:none; } #w_grid-1586309460370> div > .p_gridbox > .p_gridCell:nth-child(3n+1){ margin-left:0; clear:left; margin-right:0; width:33.33333333333333%; } #w_grid-1586309460370> div > .p_gridbox > .p_gridCell:nth-child(3n+2){ width:33.33333333333333%; margin-left:0%; margin-right:0; clear:none; } #w_grid-1586309460370> div > .p_gridbox > .p_gridCell:nth-child(3n){ margin-right:0; } } /*w_grid-1586309460370*/@media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1586309460370> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0%; } #w_grid-1586309460370> div > .p_gridbox > .p_gridCell:nth-child(6n+0){ width:16.66%; margin-left:0%; margin-right:0px; clear:none; } #w_grid-1586309460370> div > .p_gridbox > .p_gridCell:nth-child(6n+1){ margin-left:0px; clear:left; margin-right:0px; width:16.66%; } #w_grid-1586309460370> div > .p_gridbox > .p_gridCell:nth-child(6n+2){ width:16.66%; margin-left:0%; margin-right:0px; clear:none; } #w_grid-1586309460370> div > .p_gridbox > .p_gridCell:nth-child(6n+3){ width:16.66%; margin-left:0%; margin-right:0px; clear:none; } #w_grid-1586309460370> div > .p_gridbox > .p_gridCell:nth-child(6n+4){ width:16.66%; margin-left:0%; margin-right:0px; clear:none; } #w_grid-1586309460370> div > .p_gridbox > .p_gridCell:nth-child(6n+5){ width:16.66%; margin-left:0%; margin-right:0px; clear:none; } #w_grid-1586309460370> div > .p_gridbox > .p_gridCell:nth-child(6n){ margin-right:0px; } } /*w_grid-1586309460370*/@media only screen and (max-width: 768px){ #w_grid-1586309460370> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0%; } #w_grid-1586309460370> div > .p_gridbox > .p_gridCell:nth-child(3n+0){ width:33.33%; margin-left:0%; margin-right:0px; clear:none; } #w_grid-1586309460370> div > .p_gridbox > .p_gridCell:nth-child(3n+1){ margin-left:0px; clear:left; margin-right:0px; width:33.33%; } #w_grid-1586309460370> div > .p_gridbox > .p_gridCell:nth-child(3n+2){ width:33.33%; margin-left:0%; margin-right:0px; clear:none; } #w_grid-1586309460370> div > .p_gridbox > .p_gridCell:nth-child(3n){ margin-right:0px; } } #w_grid-1586309460377 > div > .p_gridbox{ background-color:rgba(255, 255, 255, 1); transition:0.5s; z-index:1; position:relative; } #w_grid-1586309460377 > div > .p_gridbox:hover{ box-shadow:rgba(0,0,0,0.2) 0px 17px 30px 0px; shadow-angle:90px; z-index:9; } #w_grid-1586309460377 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1586309460377 >div{ animation-fill-mode:both; } #w_grid-1586309460377 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } /*w_grid-1586309460377*/@media only screen and (min-width: 769px){ #w_grid-1586309460377> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1586309460377> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1586309460377> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } #w_fimg-1586309460401 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1586309460401 >div{ animation-fill-mode:both; } #w_grid-1586309460390 > div > .p_gridbox{ background-color:rgba(255, 255, 255, 1); transition:0.5s; z-index:1; position:relative; } #w_grid-1586309460390 > div > .p_gridbox:hover{ box-shadow:rgba(0,0,0,0.2) 0px 17px 30px 0px; shadow-angle:90px; z-index:9; } #w_grid-1586309460390 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1586309460390 >div{ animation-fill-mode:both; } #w_grid-1586309460390 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } /*w_grid-1586309460390*/@media only screen and (min-width: 769px){ #w_grid-1586309460390> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1586309460390> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1586309460390> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } #w_fimg-1586309460406 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1586309460406 >div{ animation-fill-mode:both; } #w_grid-1586309460382 > div > .p_gridbox{ background-color:rgba(255, 255, 255, 1); transition:0.5s; z-index:1; position:relative; } #w_grid-1586309460382 > div > .p_gridbox:hover{ box-shadow:rgba(0,0,0,0.2) 0px 17px 30px 0px; shadow-angle:90px; z-index:9; } #w_grid-1586309460382 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1586309460382 >div{ animation-fill-mode:both; } #w_grid-1586309460382 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } /*w_grid-1586309460382*/@media only screen and (min-width: 769px){ #w_grid-1586309460382> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1586309460382> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1586309460382> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } #w_fimg-1586309460408 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1586309460408 >div{ animation-fill-mode:both; } #w_grid-1586309460394 > div > .p_gridbox{ background-color:rgba(255, 255, 255, 1); transition:0.5s; z-index:1; position:relative; } #w_grid-1586309460394 > div > .p_gridbox:hover{ box-shadow:rgba(0,0,0,0.2) 0px 17px 30px 0px; shadow-angle:90px; z-index:9; } #w_grid-1586309460394 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1586309460394 >div{ animation-fill-mode:both; } #w_grid-1586309460394 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } /*w_grid-1586309460394*/@media only screen and (min-width: 769px){ #w_grid-1586309460394> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1586309460394> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1586309460394> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } #w_fimg-1586309460411 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1586309460411 >div{ animation-fill-mode:both; } #w_grid-1586309460386 > div > .p_gridbox{ background-color:rgba(255, 255, 255, 1); transition:0.5s; z-index:1; position:relative; } #w_grid-1586309460386 > div > .p_gridbox:hover{ box-shadow:rgba(0,0,0,0.2) 0px 17px 30px 0px; shadow-angle:90px; z-index:9; } #w_grid-1586309460386 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1586309460386 >div{ animation-fill-mode:both; } #w_grid-1586309460386 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } /*w_grid-1586309460386*/@media only screen and (min-width: 769px){ #w_grid-1586309460386> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1586309460386> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1586309460386> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } #w_fimg-1586309460414 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1586309460414 >div{ animation-fill-mode:both; } #w_grid-1586309460397 > div > .p_gridbox{ background-color:rgba(255, 255, 255, 1); transition:0.5s; z-index:1; position:relative; } #w_grid-1586309460397 > div > .p_gridbox:hover{ box-shadow:rgba(0,0,0,0.2) 0px 17px 30px 0px; shadow-angle:90px; z-index:9; } #w_grid-1586309460397 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1586309460397 >div{ animation-fill-mode:both; } #w_grid-1586309460397 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } /*w_grid-1586309460397*/@media only screen and (min-width: 769px){ #w_grid-1586309460397> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1586309460397> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1586309460397> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } #w_fimg-1586309460416 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1586309460416 >div{ animation-fill-mode:both; } #w_grid-1557037305608 > div > .p_gridbox{ background-image:url(/img/iabout.jpg); } #w_grid-1557037305608 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1557037305608 >div{ animation-fill-mode:both; } #w_grid-1557037305608 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } /*w_grid-1557037305608*/@media only screen and (min-width: 769px){ #w_grid-1557037305608> div > .p_gridbox > .p_gridCell{ margin-bottom:1.5rem; margin-top:1.5rem; margin-left:0px; } #w_grid-1557037305608> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1557037305608> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } /*w_grid-1557037305608*/@media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1557037305608> div > .p_gridbox > .p_gridCell{ margin-bottom:2rem; margin-top:2rem; margin-left:0px; } #w_grid-1557037305608> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1557037305608> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } #w_grid-1557037305608 .p_gridbox{ background-image:url(/img/bj2.jpg); background-image-part-image:url(/img/bj2.jpg); background-repeat:no-repeat; background-position:top center; } #w_fimgbox-1586311178453 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimgbox-1586311178453 >div{ animation-fill-mode:both; } #w_fbtn-1567218969115 .p_CommonBtn{ background-color:rgba(1, 135, 85, 1); } #w_fbtn-1567218969115 .p_CommonBtn:hover{ background-color:rgba(247, 198, 0, 1); } #w_fbtn-1567218969115 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fbtn-1567218969115 >div{ animation-fill-mode:both; } #w_fbtn-1567218969115 .p_link{ border-radius:5px; } #w_grid-1557046073673 > div > .p_gridbox{ background-image:url(/img/bjc1k.jpg); } #w_grid-1557046073673 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1557046073673 >div{ animation-fill-mode:both; } #w_grid-1557046073673 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } /*w_grid-1557046073673*/@media only screen and (min-width: 769px){ #w_grid-1557046073673> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1557046073673> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1557046073673> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } #w_grid-1557046073673 .p_gridbox{ background-attachment:fixed; } #w_grid-1557046097625 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1557046097625 >div{ animation-fill-mode:both; } #w_grid-1557046097625 > div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; } /*w_grid-1557046097625*/@media only screen and (max-width: 768px){ #w_grid-1557046097625> div > .p_gridbox > .p_gridCell{ margin-bottom:1rem; margin-top:1rem; margin-left:0; } #w_grid-1557046097625> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1557046097625> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } /*w_grid-1557046097625*/@media only screen and (min-width: 769px){ #w_grid-1557046097625> div > .p_gridbox > .p_gridCell{ margin-bottom:2rem; margin-top:2rem; margin-left:1%; } #w_grid-1557046097625> div > .p_gridbox > .p_gridCell:nth-child(3n+0){ width:17.4832%; margin-left:1%; margin-right:0px; clear:none; } #w_grid-1557046097625> div > .p_gridbox > .p_gridCell:nth-child(3n+1){ margin-left:0px; clear:left; margin-right:0px; width:34.2902%; } #w_grid-1557046097625> div > .p_gridbox > .p_gridCell:nth-child(3n+2){ width:46.216800000000006%; margin-left:1%; margin-right:0px; clear:none; } #w_grid-1557046097625> div > .p_gridbox > .p_gridCell:nth-child(3n){ margin-right:0px; } } /*w_grid-1557046097625*/@media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1557046097625> div > .p_gridbox > .p_gridCell{ margin-bottom:2rem; margin-top:2rem; margin-left:1%; } #w_grid-1557046097625> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:29.3931%; margin-left:1%; margin-right:0px; clear:none; } #w_grid-1557046097625> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:69.60689999999998%; } #w_grid-1557046097625> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } #w_grid-1557050368171 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1557050368171 >div{ animation-fill-mode:both; } #w_grid-1557050368171 > div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; } /*w_grid-1557050368171*/@media only screen and (max-width: 768px){ #w_grid-1557050368171> div > .p_gridbox{ width:92%; margin:0 auto; } #w_grid-1557050368171> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1557050368171> div > .p_gridbox > .p_gridCell:nth-child(3n+0){ width:37.82%; margin-left:0; margin-right:0; clear:none; } #w_grid-1557050368171> div > .p_gridbox > .p_gridCell:nth-child(3n+1){ margin-left:0; clear:left; margin-right:0; width:31.269999999999996%; } #w_grid-1557050368171> div > .p_gridbox > .p_gridCell:nth-child(3n+2){ width:30.9%; margin-left:0; margin-right:0; clear:none; } #w_grid-1557050368171> div > .p_gridbox > .p_gridCell:nth-child(3n){ margin-right:0; } } /*w_grid-1557050368171*/@media only screen and (min-width: 769px){ #w_grid-1557050368171> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0%; } #w_grid-1557050368171> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1557050368171> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } /*w_grid-1557050368171*/@media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1557050368171> div > .p_gridbox{ width:92%; margin:0 auto; } } #w_common_text-1557050446946 .p_link001{ height:calc(100%); } #w_common_text-1567220066185 .p_link001{ height:calc(100%); } #w_fimg-1567221107355 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1567221107355 >div{ animation-fill-mode:both; } #w_grid-1557051770757 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1557051770757 >div{ animation-fill-mode:both; } #w_grid-1557051770757 > div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; } /*w_grid-1557051770757*/@media only screen and (max-width: 768px){ #w_grid-1557051770757> div > .p_gridbox > .p_gridCell{ margin-bottom:1rem; margin-top:1rem; margin-left:0; } #w_grid-1557051770757> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1557051770757> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } /*w_grid-1557051770757*/@media only screen and (min-width: 769px){ #w_grid-1557051770757> div > .p_gridbox > .p_gridCell{ margin-bottom:1rem; margin-top:1rem; margin-left:0px; } #w_grid-1557051770757> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1557051770757> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } /*w_grid-1557051770757*/@media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1557051770757> div > .p_gridbox > .p_gridCell{ margin-bottom:1rem; margin-top:1rem; margin-left:0; } #w_grid-1557051770757> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1557051770757> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1557051770757 .p_gridbox{ border-top-color:rgba(204, 204, 204, 0.13); border-top-style:solid; border-top-width:1px; } #w_common_text-1557051857750 .p_link001{ height:calc(100%); } #w_grid-1556625157600{ 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_videobackbox-1586312944955{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:-6%; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1557016450177{ 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:50px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1557016528419{ width:100%; max-width:100%; 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_grid-1567241004021{ 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-1586306457664{ 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-1586306471402{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:80px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1586306661823{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:21px; margin-top:12px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimgbox-1586307626372{ width:100%; max-width:100px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:10px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1588206956305{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:25px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1588206956314{ width:95%; 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:50px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1557021712599{ 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_common_text-1586311087609{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:60px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1586311094810{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:21px; margin-top:12px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimgbox-1586311105357{ width:100%; max-width:100px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:10px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1558083488951{ 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-1558083691647{ width:100%; max-width:1420px; 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_common_text-1558083571724{ width:auto; max-width:1410px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:30px; margin-left:auto; margin-right:auto; margin-bottom:10px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1586309460306{ width:100%; max-width:1430px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:20px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1586309460333{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:50px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1586309460338{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:20px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1586309460343{ 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-1586309460353{ 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-1586309460363{ width:100%; max-width:1240px; 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-1586309460370{ width:90%; max-width:1240px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:10px; margin-left:0px; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1586309460377{ 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:5px; padding-left:5px; padding-right:5px; padding-bottom:5px; } #w_fimg-1586309460401{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:20px; margin-left:auto; margin-right:auto; margin-bottom:20px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1586309460390{ 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:5px; padding-left:5px; padding-right:5px; padding-bottom:5px; } #w_fimg-1586309460406{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:76px; margin-top:20px; margin-left:auto; margin-right:auto; margin-bottom:20px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1586309460382{ 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:5px; padding-left:5px; padding-right:5px; padding-bottom:5px; } #w_fimg-1586309460408{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:20px; margin-left:auto; margin-right:auto; margin-bottom:20px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1586309460394{ 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:5px; padding-left:5px; padding-right:5px; padding-bottom:5px; } #w_fimg-1586309460411{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:20px; margin-left:auto; margin-right:auto; margin-bottom:20px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1586309460386{ 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:5px; padding-left:5px; padding-right:5px; padding-bottom:5px; } #w_fimg-1586309460414{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:20px; margin-left:auto; margin-right:auto; margin-bottom:20px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1586309460397{ 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:5px; padding-left:5px; padding-right:5px; padding-bottom:5px; } #w_fimg-1586309460416{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:20px; margin-left:auto; margin-right:auto; margin-bottom:20px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1557037305608{ 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-1586311169096{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:60px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1586311176249{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:21px; margin-top:12px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimgbox-1586311178453{ width:100%; max-width:100px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:10px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1599556762237{ width:100%; max-width:1000px; min-width:0px; height:auto; 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; } #w_fbtn-1567218969115{ width:100%; max-width:180px; min-width:0px; height:100%; max-height:0px; min-height:42px; margin-top:25px; margin-left:auto; margin-right:auto; margin-bottom:60px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1557046073673{ 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-1557046097625{ width:100%; max-width:1420px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:15px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:10px; padding-right:10px; padding-bottom:0px; } #w_grid-1557050368171{ width:100%; max-width:1180px; 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-1557050446946{ width:auto; max-width:100%; 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-1567220066185{ width:auto; max-width:450px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1567221107355{ width:100%; max-width:146px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:15px; margin-left:0px; margin-right:auto; margin-bottom:20px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1567221195520{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1557051770757{ width:100%; max-width:1420px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:10px; padding-top:0px; padding-left:10px; padding-right:10px; padding-bottom:0px; } #w_common_text-1557051857750{ width:auto; max-width:800px; min-width:0px; height:auto; max-height:none; min-height:25px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; }