.e_ContentMajorStyleBox-001{  width: 100%; height: auto; width-uint:%; }   .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); }.borderB_dividers{ text-align: center; padding-bottom: 0; line-height: 40px; margin: 40px 0 40px; padding-left: 0; width: 100%; padding-right: 0; font-size: 24px; overflow: hidden; word-break: break-all; font-weight: normal; padding-top: 0; border:0; } .p_content{ overflow:hidden; } .c_portalResNews_relatedlist-01001 .p_classification{ width: 100%; font-size: 0; } .c_portalResNews_relatedlist-01001 .p_RelevantInformation{ width: 100%; border: 2px solid #f0f0f0; box-sizing: border-box; padding-left: 30px; list-style: none; overflow: hidden; } .c_portalResNews_relatedlist-01001 .p_Information{ height: 45px; line-height: 45px; display: inline-block; width: calc((100% - 0px)/1); } .c_portalResNews_relatedlist-01001 .p_ClassificationBox{ width: 100%; box-sizing: border-box; padding: 10px; display: inline-block; } .c_portalResNews_relatedlist-01001 .p_ImageBox{ display: inline-block; width: 30px; padding-bottom: inherit !important; height: auto !important; } .c_portalResNews_relatedlist-01001 .p_image{ max-width: 100%; } .c_portalResNews_relatedlist-01001 .p_title{ display: inline-block; width: auto !important; height: 40px; line-height: 40px; } .c_portalResNews_relatedlist-01001 .p_Time{ display: inline-block; width: auto; height: 40px; line-height: 40px; } .c_portalResNews_relatedlist-01001 .p_category{ display: inline-block; width: auto; } .c_portalResNews_relatedlist-01001 .p_PromptNoneData{ width: auto; background-color: inherit; text-align: center; } .c_portalResNews_relatedlist-01001 .p_PromptNoneData .prompt_title .iconfont:before { content: ""; } .c_portalResNews_relatedlist-01001 .p_PromptNoneData .prompt_title .first{ height: auto; display: table-cell; font-size: 32px; position: relative; color: #09bb07; vertical-align: middle; padding: 0 10px 5px 0; } .c_portalResNews_relatedlist-01001 .p_PromptNoneData .prompt_title{ display: inline-table; padding: 0 30px; min-height: 200px; height: 100%; } .c_portalResNews_relatedlist-01001 .p_PromptNoneData .prompt_title .first:before{ content: "\e6b4"; } .c_portalResNews_relatedlist-01001 .p_PromptNoneData .prompt_title .font{ font-size: 18px; display: table-cell; line-height: normal; vertical-align: middle; color: rgba(51,51,51,1); font-weight: bold; text-align: left; } .c_portalResNews_relatedlist-01001 .p_PromptNoneData .promptbox{ width: auto; height: 100%; } .c_portalResNews_relatedlist-01001 .p_PromptNoneData .prompt_content { font-size: 14px; color: rgba(105, 105, 105,1); padding-left: 65px; } .c_portalResNews_relatedlist-01001 .p_ImageBox { width: 100% !important; display: inline-block; width: 30px; padding-bottom: inherit !important; height: 100px !important; } @media only screen and (max-width: 768px) { .c_portalResNews_relatedlist-01001 .p_Time { display: block; } .p_contentBox{ margin:0px; } .h1{ font-size:22px!important; } .borderB_dividers{ text-align: center; padding-bottom: 0; line-height: 40px; margin: 30px 0 30px; } } @media only screen and (min-width: 769px) { .c_portalResNews_relatedlist-01001 .p_Time { float: right; } } @media only screen and (min-width: 769px) and (max-width: 1024px) {}@media only screen and (max-width: 768px){ .c_portalResPublic_codeContainer-01001{ min-height:500px; width:100%; } } @media only screen and (min-width: 769px){ .c_portalResPublic_codeContainer-01001{ min-height:500px; width:100%; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1920px) and (min-width: 1024px){ }  .fsg{text-align:right;} .fsg li{display:inline-block; margin-left:5px;} .fsg li a{ opacity:0.5} .fsg li a:hover{ opacity:1}  figure { position: relative; float: left; overflow: hidden; margin: 0; width:100%; height:100%; background: #fff; text-align: center; cursor: pointer; } figure figcaption::before, figure figcaption::after { pointer-events: none; } figure figcaption, figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }   figure figcaption > a { z-index:0; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } figure.effect-sadie figcaption::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(top, rgba(240,134,141,0) 0%, rgba(48,100,187,0.6) 75%); background: linear-gradient(to bottom, rgba(240,134,141,0) 0%, rgba(48,100,187,0.6) 75%); content: ''; opacity: 0; -webkit-transform: translate3d(0,50%,0); transform: translate3d(0,50%,0); } figure img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 1; } figure.effect-sadie h1 { position: absolute; top: 45%; left: 0; width: 100%; color: #fff; -webkit-transition: -webkit-transform 0.35s, color 0.35s; transition: transform 0.35s, color 0.35s; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); font-size: 30px; font-family: "微软雅黑"; } figure.effect-sadie h4{ position: relative; top: 60%; left: 0; color: #fff; -webkit-transition: -webkit-transform 1s, color 1s; transition: transform 1s, color 1s; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); font-size:45px; border:solid 1px #fff; font-family: 'Yantramanav', sans-serif; font-weight:100; border-radius:50px; margin: auto; display: inline-block; width:60px; height:60px; line-height:60px; } @media only screen and (max-width: 1024px) and (min-width: 769px){ .counter h2 { font-size: 14px !important; } figure.effect-sadie h1{font-size:25px;} figure.effect-sadie h4{font-size:30px; width:40px; height:40px; line-height:40px; } } figure.effect-sadie figcaption::before, figure.effect-sadie p { -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; } figure.effect-sadie p { position: absolute; bottom: 0; left: 0; padding: 0 30%; width: 100%; opacity: 0; -webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0); top: 60%; line-height:1.5; -webkit-transition: opacity 1.2s, -webkit-transform 1.2s; transition: opacity 1.2s, transform 1.2s; color:#fff; font-size:14px; } figure.effect-sadie:hover h1 { color: #fff; -webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0); transform: translate3d(0,-50%,0) translate3d(0,-40px,0); } figure.effect-sadie:hover h4{color: #fff; -webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0) rotate(45deg); transform: translate3d(0,-50%,0) translate3d(0,-40px,0) rotate(45deg); border:0; } figure.effect-sadie:hover figcaption::before , figure.effect-sadie:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }  @font-face { font-family: 'DINCond';  src: url('') format('opentype');  } .shuzi{max-width:1360px;} .counter { text-align: center; float: left; width: 25%; padding:2% 0; color: #333; font-size: 20px; background:#f5f5f5; } .count-title { font-size: 70px; font-weight: normal; margin-top: 10px; margin-bottom: 0; text-align: left; color: #2289eb; font-family: DINCond; } .counter h2 { font-weight: normal; color: #999; font-size: 16px; margin: 0; }.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; } *{ padding: 0; margin: 0; } .pagebox{ width: 100%; }.pagebox,#-remove--flag{}body,#-remove--flag{} #c_portalResPublic_codeContainer-1600825057863 .bt{ font-size:18px; color:#000; } #c_portalResPublic_codeContainer-1600825057863 .bt1{ font-size:36px; font-weight:bold; color:#bda285; letter-spacing:5px; text-align:center; font-family:times new roman; } #c_portalResPublic_codeContainer-1600825057863 .line{ background:#0f409a; width:46px; height:1px; margin:15px auto; } #c_portalResPublic_codeContainer-1600825057863 .e_box{ text-align:center; padding:40px 0 40px; } @media only screen and (max-width: 768px){ #c_portalResPublic_codeContainer-1600825057863 .bt{ font-size:14px; color:#000; } #c_portalResPublic_codeContainer-1600825057863 .bt1{ font-size:24px; } } #c_portalResPublic_codeContainer-1600825057863{ 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; } #c_portalResIntro_detail-1600825057868 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResIntro_detail-1600825057868 >div{ animation-fill-mode:both; } #c_portalResIntro_detail-1600825057868 .borderB_dividers{ height:0; overflow:hidden; margin:0; padding:0; margin-bottom:100px; } #c_portalResIntro_detail-1600825057868 .reset_style{ font-size:14px; line-height:2.1; } #c_portalResIntro_detail-1600825057868 .p_content{margin-bottom:80px; } #c_portalResIntro_detail-1600825057868 .brand{ display:flex; align-items:center; text-align:center; font-size:24px; background:#f5f5f5; } #c_portalResIntro_detail-1600825057868 .brand .text{ width:50%; text-align:center; font-size:18px; } #c_portalResIntro_detail-1600825057868 .brand .text h3{ font-size:24px; margin-bottom:15px; padding-bottom:15px; position:relative; } #c_portalResIntro_detail-1600825057868 .brand .text h3:after{ content:''; height:1px; width:50px; background:#aaa; position:absolute; bottom:0; left:50%; margin-left:-25px; } #c_portalResIntro_detail-1600825057868 video{ width:100%; } #c_portalResIntro_detail-1600825057868 .culture{ background:#f5f5f5; overflow:hidden; display:flex; align-items:center; } #c_portalResIntro_detail-1600825057868 .culture .culturel{ width:55%; float:left; } #c_portalResIntro_detail-1600825057868 .culture .culturel img{ width:100%; } #c_portalResIntro_detail-1600825057868 .culture .culturer{ width:45%; float:left; padding:80px; } #c_portalResIntro_detail-1600825057868 .culturer div{ margin-bottom:8px; } #c_portalResIntro_detail-1600825057868 .tab-hd{ background:#fff; overflow:hidden; zoom:1; list-style:none; padding:0; margin-bottom:20px; } #c_portalResIntro_detail-1600825057868 .tab-hd li{ float:left; width:calc(100% / 2); color:#555; text-align:center; cursor:pointer; line-height:50px; list-style:none; font-size:18px; } #c_portalResIntro_detail-1600825057868 .tab-hd li.tabactive{ background:#555; color:#fff; } #c_portalResIntro_detail-1600825057868 .tab-bd{ padding:0; list-style:none; } #c_portalResIntro_detail-1600825057868 .tab-bd li{ display:none; font-size:14px; line-height:2.1; } #c_portalResIntro_detail-1600825057868 .tab-bd li.thisclass{ display:list-item; list-style:none; } #c_portalResIntro_detail-1600825057868 .quanjin{ width:100%; height:600px; margin:15px auto 30px; } #c_portalResIntro_detail-1600825057868 #c_portalResIntro_d869q1etail-1600825057868 .kf{ list-style:none; overflow:hidden; } #c_portalResIntro_detail-1600825057868 .kf li{ width:calc((100% - 150px) / 6); margin-right:30px; margin-bottom:30px; background:#fff; border:1px solid #ccc; float:left; box-shadow:0px 0px 0px #ddd; transition:all 0.35s ease-in-out; } #c_portalResIntro_detail-1600825057868 .kf li:nth-child(6n){ margin-right:0; } #c_portalResIntro_detail-1600825057868 .kf li:hover{ box-shadow:5px 5px 5px #ddd; } #c_portalResIntro_detail-1600825057868 .kf li img{ max-width:100%; max-height:100%; } #c_portalResIntro_detail-1600825057868 .jd{ list-style:none; overflow:hidden; margin:0; padding:0; } #c_portalResIntro_detail-1600825057868 .jd LI{ position:relative; text-align:center; width:calc((100% - 30px) / 2); margin-bottom:30px; float:left; overflow:hidden; margin-right:30px; } #c_portalResIntro_detail-1600825057868 .jd LI:nth-child(2n){ margin-right:0; } #c_portalResIntro_detail-1600825057868 .jd LI:hover IMG{ transform:scale(1.05); } #c_portalResIntro_detail-1600825057868 .jd LI IMG{ margin:0 auto; width:100%; transition:all .35s ease-in-out; transform:scale(1); } #c_portalResIntro_detail-1600825057868 .jd LI P{ z-index:1; position:absolute; text-align:center; line-height:100%!important; width:100%; height:100%; color:#fff; font-size:24px; top:45%; left:0; } #c_portalResIntro_detail-1600825057868 H4{ margin:1.33em 0; font-size:18px; font-weight:bolder; } #c_portalResIntro_detail-1600825057868 .ry{ list-style:none; overflow:hidden; padding:0; margin:0; } #c_portalResIntro_detail-1600825057868 .ry li{ width:calc(100% / 4); text-align:center; padding:15px; vertical-align:top; float:left; } #c_portalResIntro_detail-1600825057868 .ry1{ text-align:center; overflow:hidden; padding:0; } #c_portalResIntro_detail-1600825057868 .ry1 li{ list-style:none; display:inline-block; margin:0 10px; } #c_portalResIntro_detail-1600825057868 .ry1 li img{ height:400px; border:1px solid #ddd; margin-bottom:10px; } #c_portalResIntro_detail-1600825057868 .ry li img{ max-width:100%; background:#fff; border:1px solid #ddd; } #c_portalResIntro_detail-1600825057868 .reset_style p{ line-height:1.8; } #c_portalResIntro_detail-1600825057868 .sl{ list-style:none; overflow:hidden; padding:0; } #c_portalResIntro_detail-1600825057868 .sl li{ width:calc((100% - 40px) / 3); margin-right:20px; float:left; margin-bottom:20px; text-align:center; display:block; } #c_portalResIntro_detail-1600825057868 .sleft{ width:50%; float:left; } #c_portalResIntro_detail-1600825057868 .sright{ width:50%; float:left; padding:40px; font-size:16px; line-height:1.8; } #c_portalResIntro_detail-1600825057868 .sright p{ font-size:16px; line-height:1.8; } #c_portalResIntro_detail-1600825057868 .sleft img{ max-width:100%; } #c_portalResIntro_detail-1600825057868 h4{ color:#e10000; margin-bottom:30px; margin-top:30px; font-size:22px; } #c_portalResIntro_detail-1600825057868 .sl li:nth-child(3n){ margin-right:0; } #c_portalResIntro_detail-1600825057868 .sl li img{ max-width:100%; } #c_portalResIntro_detail-1600825057868 .yiqi{ list-style:none; overflow:hidden; padding:0; } #c_portalResIntro_detail-1600825057868 .yiqi li{ width:calc((100% - 20px) / 2); margin-right:20px; float:left; margin-bottom:20px; text-align:left; display:block; } #c_portalResIntro_detail-1600825057868 .yiqi li:nth-child(2n){ margin-right:0; } #c_portalResIntro_detail-1600825057868 .yiqi li img{ max-width:100%; display:block; } #c_portalResIntro_detail-1600825057868 .pinzi{ list-style:none; overflow:hidden; padding:0; } #c_portalResIntro_detail-1600825057868 .pinzi li{ width:calc((100% - 80px) / 5); margin-right:20px; float:left; margin-bottom:20px; display:block; text-align:center; } #c_portalResIntro_detail-1600825057868 .pinzi li:nth-child(5n){ margin-right:0; } #c_portalResIntro_detail-1600825057868 .pinzi li img{ max-width:100%; } #c_portalResIntro_detail-1600825057868 .aboutl{ width:60%; float:left; padding-right:40px; } #c_portalResIntro_detail-1600825057868 .aboutr{ width:40%; float:left; } @media only screen and (max-width: 768px){ #c_portalResIntro_detail-1600825057868 .brand { display: block; } #c_portalResIntro_detail-1600825057868 .brand img{ max-width:100%; } #c_portalResIntro_detail-1600825057868 .brand .text { width: 100%; text-align: center; font-size: 18px; padding:30px 0; } #c_portalResIntro_detail-1600825057868 .borderB_dividers{ margin-bottom:30px; } #c_portalResIntro_detail-1600825057868 .p_content{ margin-bottom:0; } #c_portalResIntro_detail-1600825057868 .sleft { width: 100%; float: left; } #c_portalResIntro_detail-1600825057868 .sright { width: 100%; float: left; padding: 20px; } #c_portalResIntro_detail-1600825057868 .quanjin{ width:100%; height:400px; margin:15px auto 30px; } #c_portalResIntro_detail-1600825057868 .jd LI P { font-size: 16px; top:42%; } #c_portalResIntro_detail-1600825057868 .ry li{ width: calc((100% - 3px) / 1); display: inline-block; text-align: center; padding: 15px; vertical-align: top; } #c_portalResIntro_detail-1600825057868 .kf li{ width:calc((100% - 30px) / 2); margin-right:30px; margin-bottom:30px; background:#fff; border:1px solid #ccc; float:left; box-shadow: 0px 0px 0px #ddd; transition:all 0.35s ease-in-out; } #c_portalResIntro_detail-1600825057868 .kf li:nth-child(2n){ margin-right:0; } #c_portalResIntro_detail-1600825057868 .sl li { width: calc((100% - 20px) / 3); margin-right: 10px; float: left; margin-bottom: 20px; text-align: center; display: block; } #c_portalResIntro_detail-1600825057868 .sl li:nth-child(3n) { margin-right: 0px; margin-bottom: 20px; } #c_portalResIntro_detail-1600825057868 .tab-hd li { float: left; width: calc(100% / 2); color: #555; text-align: center; cursor: pointer; line-height: 50px; list-style: none; font-size: 14px; } #c_portalResIntro_detail-1600825057868 .pinzi li { width: calc((100% - 0px) / 2); margin-right: 0; padding: 5px; float: left; margin-bottom: 20px; display: block; text-align: center; } #c_portalResIntro_detail-1600825057868 .aboutl{ width:100%; float:none; padding-right:0; margin-bottom:20px; } #c_portalResIntro_detail-1600825057868 .aboutr{ width:100%; float:none; } } #c_portalResIntro_detail-1600825057868{ width:auto; max-width:1430px; 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:15px; padding-right:15px; padding-bottom:0px; } #w_fimgbox-1600825057853 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimgbox-1600825057853 >div{ animation-fill-mode:both; } #w_fimgbox-1600825057853 .p_contentbox{ display:flex; align-items:center; } @media only screen and (max-width: 768px){ #w_fimgbox-1600825057853 .w_imgbox { height: 260px; } #w_fimgbox-1600825057853 .w_imgbox > img { width: auto; height: 260px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } } #w_fimgbox-1600825057853{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:200px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; }