<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;"> html,body{margin: 0;padding: 0;} .pagebox{ position:relative; } .btn.btn-primary{background-color:rgba(0, 174, 196, 1); } .e_pagebox{background-color:rgba(0, 174, 196, 0); }#c_portalResSearch_total-15625543544164974 { width: 100% !important; 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; position: absolute !important; } #w_grid-1562551278132 { position: fixed; top: 0px; left: 50%; bottom: auto; right: auto; width: 100% !important; height: auto; z-index: 11; content: "tc"; max-width: none; min-width: 0px; max-height: none; min-height: 0px; margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px; } #w_grid-1558507510547{ background: url(/img/gsaaa.jpg?tenantId=192231&amp;viewType=1&amp;v=000) no-repeat center top !important; } #w_grid-1558343998381 &gt; div &gt; .p_gridbox { background-color: rgba(255, 255, 255, 1); box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); } #w_grid-1558685093493,#w_grid-1558688664170 { background:url(/img/abouditu.gif?tenantId=192231&amp;viewType=1&amp;v=000) no-repeat center bottom !important;} #w_grid-1558343998381 .p_gridbox {overflow:visible !important;} #w_grid-1554170260954 { z-index: 9999 !important; background: #fff; } #c_portalResnav_main-15572012078285514 .header.on .navbar_nav li a { color: #fff !important; } #c_portalResnav_main-15572012078285514 .header .navbar_nav li.dropdown { display: inline-block; position: relative; margin-right: 40px !important; } #c_portalResnav_main-15572012078285514 .header.on { border-bottom: 0px solid #ccc !important; } #iframe{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100vw; height: 100%; z-index: 99999; transition: all ease .4s; opacity: 0; visibility: hidden; transform: translateY(100%); } #iframe iframe{ width: 600px; height: 100%; position: relative; top: 5%; box-sizing: border-box; margin: 0 auto; display: block; } .hide_iframe{ width: 100%; height: 100%; float: left; position: absolute; top: 0; left: 0; cursor: pointer; transition: all ease .4s; background: rgba(0, 0, 0, 0.7490196078431373); } .iframclose {position: absolute;background:url(/img/close2.jpg?tenantId=192231&amp;viewType=1&amp;v=000) no-repeat left top;width:64px;height:64px;top:5%;right:0px;cursor:pointer;width:728px;left:50%;margin-left:304px;} #iframe.actived{ opacity: 1; visibility: visible; transform: translateY(0%); transition: all ease .4s; } #iframe.actived iframe{ } .mobilebanner {display:none;} .mobilebanner img {width:100%;} .lianxi h3 { font-size: 18px; } .lianxi p { color: #666; padding-top: 15px; } .contactus {margin:15px 0px;} #c_portalResNews_list-15563630829776042 .p_articles{ width:calc((100% - 0px)/20); } #c_portalResNews_list-15563630829776042 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResNews_list-15563630829776042 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResNews_list-15563630829776042 &gt;div{ animation-fill-mode:both; } #c_portalResNews_list-15563630829776042 .swiper-slide{ height:auto; } #c_portalResNews_list-15563630829776042 .box{ position:relative; width:100%; height:100%; padding: 0px; } #c_portalResNews_list-15563630829776042 .pic{ width:100%; height:auto; } #c_portalResNews_list-15563630829776042 .content{ width:100%; height:auto; padding:10px 10px 0; } #c_portalResNews_list-15563630829776042 .title{ font-size:14px; line-height:30px; text-align:center; color:#333; } #c_portalResNews_list-15563630829776042 .sumry{ display:-webkit-box; overflow:hidden; -webkit-line-clamp:3px; -webkit-box-orient:vertical; text-overflow:ellipsis; letter-spacing:2px; } #c_portalResNews_list-15563630829776042 .link{ display:block; width:100%; height:100%; position:absolute; top:0px; } #c_portalResNews_list-15563630829776042 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-15563630829776042 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-15563630829776042 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-15563630829776042 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-15563630829776042{ max-height:none; padding-top:0px; padding-left:0px; padding-bottom:0px; min-height:0px; margin-right:0px; margin-left:0px; max-width:none; width:100%; margin-top:0px; margin-bottom:0px; min-width:320px; height:auto; padding-right:0px; } .box4_5 { width: 1200px; margin: 0 auto; position: relative; z-index: 99; } #c_portalResNews_list-15559897004681296 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResNews_list-15559897004681296 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResNews_list-15559897004681296 &gt;div{ animation-fill-mode:both; } #c_portalResNews_list-15559897004681296 .p_news{ flex-wrap:wrap; text-align: center; } #c_portalResNews_list-15559897004681296 .list{ position:relative; display:flex; justify-content:center; flex-wrap:wrap; transition:all .5s ease; } #c_portalResNews_list-15559897004681296 .pic_box{ width:100%; } #c_portalResNews_list-15559897004681296 .pic{ height:100%; width:100%; transition:all .5s ease; } #c_portalResNews_list-15559897004681296 .content_box{ width:100%; padding:2em 1.5em; display:flex; flex-wrap:wrap; justify-content:center; } #c_portalResNews_list-15559897004681296 .summry{ font-size:1em; color:#777; line-height:2%; text-align:center; display:-webkit-box; overflow:hidden; -webkit-line-clamp:3px; -webkit-box-orient:vertical; text-overflow:ellipsis; width:100%; } #c_portalResNews_list-15559897004681296 .data{ position:absolute; padding:4px; background:rgba(0,0,0,.5); border:solid 1px #fff; bottom:2%; right:1%; font-size:0.75rem; color:#fff; font-family:'Open Sans', sans-serif; } #c_portalResNews_list-15559897004681296 .title{ width:100%; margin:5% 0; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:1.25rem; font-weight:700; } #c_portalResNews_list-15559897004681296 .title a { color: #fff; } #c_portalResNews_list-15559897004681296 .more{ position:relative; z-index:1; overflow:hidden; display:inline-block; border:1px solid #999; padding:.6em 1.5em; color:#999; line-height:1.6em; font-size:0.9em; border-color:#999; margin:1.5em 0 0; -webkit-transition:.5s all; -moz-transition:.5s all; transition:.5s all; border-radius:20px; } #c_portalResNews_list-15559897004681296 .more:hover{ background:#00AEC4; } @media only screen and (min-width:997px){ #c_portalResNews_list-15559897004681296 .pic_box:hover .pic { transform:scale(1.1) } #c_portalResNews_list-15559897004681296 .more:hover { color:#fff; } #c_portalResNews_list-15559897004681296 .more:hover::before , .more:hover:after { height:100%; } #c_portalResNews_list-15559897004681296 .more:hover .more_link::before { height:100%; } #c_portalResNews_list-15559897004681296 .more:hover .more_link::after { height:100%; } } @media only screen and (min-width: 1200px){ #c_portalResNews_list-15559897004681296 .p_articles { min-width:0; } #c_portalResNews_list-15559897004681296 .p_articles { width: calc((100% - 300px)/2); padding: 20px; border: 0px solid #fff; float: none; margin: 0px 40px; } } #c_portalResNews_list-15559897004681296 .summry{ text-align:center; color:#999; line-height:180%; height: 50px; overflow:hidden; } @media only screen and (max-width:1200px) and (min-width: 996px){ #c_portalResNews_list-15559897004681296 .p_articles { width:33.33%; } #c_portalResNews_list-15559897004681296 .summry { text-align: center; color: #999; line-height: 180%; } } @media only screen and (max-width:996px) and (min-width: 769px){ #c_portalResNews_list-15559897004681296 .p_articles{ width:calc((100% - 60px)/3); padding:40px 30px; border: none; } #c_portalResNews_list-15559897004681296 .summry{ height:78px; } } #c_portalResNews_list-15559897004681296 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-15559897004681296 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-15559897004681296 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-15559897004681296 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .biaoti {color:#333;font-size:20px;text-align:center;font-weight:600;} .biaoti1 {color:#00AEC4;font-size:18px;text-align:center;line-height: 180%;padding: 0px 0px 50px 0px;} .p_categoryBox .p_linkBox.click .color_assist, .p_categoryBox .p_linkBox.click a { color: #666; } .xuexiao { background: #f6f6f6; clear: both; margin: 30px 0px; min-height: 250px; } .xuexiao2 h3 { font-size: 18px; padding: 80px 0px 0px 100px; } .xuexiao2 p { font-size: 14px; padding: 20px 0px 0px 100px; line-height:180%; width:80%; color:#666; } .clearboth {clear:both;} .xuexiao1 img { width: 100%; } .biaoti2 h3 { background: #00AEC4; font-size: 14px; color: #fff; text-align: center; font-weight: normal; padding: 15px 0px; width: 100%; display: block; clear: both; } .c_portalResIntro_detail-01001 .p_con .biaoti2 img { width: 100% !important; display: block; } .p_page { display: inline-block !important; padding: 30px 0; } #w_grid-1555395285082 #w_grid-1555395285092 .p_gridbox { border-bottom-color: rgba(219, 219, 219, 1); border-bottom-style: solid; border-bottom-width: 0px !important; } #w_grid-1555405846885 #w_grid-1555405846895 .p_gridbox { border-bottom-color: rgba(219, 219, 219, 1); border-bottom-style: solid; border-bottom-width: 0px !important; } #w_grid-1555548353618 #w_grid-1555548353630 .p_gridbox { border-bottom-color: rgba(219, 219, 219, 1); border-bottom-style: solid; border-bottom-width: 0px !important; } #w_grid-1555405846885 #w_grid-1555555301462 .p_gridbox { border-bottom-color: rgba(219, 219, 219, 1); border-bottom-style: solid; border-bottom-width: 0px !important; } .gongsi { line-height: 180%; color: #666; padding-left: 0px; padding-right: 200px; } .gongsi p {padding-bottom:25px;} .swiper-slide{ overflow: hidden; } #w_grid-1554170260954{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.08); } #content_box-1554170302805-0{ float: left; margin-top: 13px !important; width: 118px !important; } #content_box-1554170302805-1{ float: right; height: 97px; } .bdsharebuttonbox{ display: inline-block; width: 100%; text-align: left; height: 32px; } .bdsharebuttonbox a{ width: 32px; height: 32px !important; display: inline-block; float: none !important; margin: 0 3px !important; border-radius: 100%; padding: 0 !important; background: url(/repository/image/9g2YdDn-TuaIDcZf38qBrw.jpg?tenantId=192231&amp;viewType=1&amp;v=000) no-repeat !important; } .bdsharebuttonbox a.bds_weixin{} .bdsharebuttonbox a.bds_tsina{ background-position-x: -44px !important; } .bdsharebuttonbox a.bds_fbook{ background-position-x: -87px !important; } .bdsharebuttonbox a.bds_twi{ background-position-x: -131px !important; } .bdsharebuttonbox a.bds_linkedin{ background-position-x: -175px !important; } #content_box-1554171196824-0{ border-right: 1px solid #333333; width: 250px !important; height:265px; } #content_box-1554171196824-1{ border-right: 1px solid #333333; height:265px; } #content_box-1554171196824-2{ border-right: 1px solid #333333; height:265px; width: calc(100% - 678px) !important; } #content_box-1554171196824-3{width: 190px !important;float: right;} #w_grid-1554173114112{ border-top: 1px solid #333333; } a:hover, a:active { color: #00aec4; text-decoration: none; } body .swiper-container{ height: 100vh; } .bg{ height: 100vh; width: 100%; position: absolute; z-index: 1; left: 0; top: 0; background-size: cover !important } .box1 .bg{ background: url(/repository/image/lNTRSl8HRNiiVGvZRm9eaQ.jpg?tenantId=192231&amp;viewType=1&amp;v=000) no-repeat center; } .box2 .bg{ background: url(/repository/image/YmhEXA87TCyQ5exDqwPi4g.jpg?tenantId=192231&amp;viewType=1&amp;v=000) no-repeat center; } .box3 .bg{ background: url(/repository/image/8eJ2sW8CS5-oFez1v52I5w.png?tenantId=192231&amp;viewType=1&amp;v=000) no-repeat center; } .box4 .bg{ background: url(/repository/image/e1TFHrE0RvewYvtI14_dCQ.jpg?tenantId=192231&amp;viewType=1&amp;v=000) no-repeat center; } .box5 .bg { background: url(/repository/image/e_qWYu7rRReonElcjrelgQ.jpg?tenantId=192231&amp;viewType=1&amp;v=000) no-repeat center; } .box6 .bg { background: url(/repository/image/fNseCmqgTiWhbBmPdiVWiQ.jpg?tenantId=192231&amp;viewType=1&amp;v=000) no-repeat center; } .box7 .bg { background: url(/repository/image/SMe_tq-1RUKjTMXPYdbLug.jpg?tenantId=192231&amp;viewType=1&amp;v=000) no-repeat center; } .box_1{ position: absolute; bottom: -60px; right: 0; z-index: 2; max-width: 1558px; width: 100%; height: 100%; } .box_1 img{  transition: all ease .3s; float: right; position: absolute; top: 0; right: 0; } .box1{ position: relative; height: 100vh; width: 100vw; } .box2{ display: table; width: 100%; height: 100vh; padding-top: 100px; } .box2_center{ display: table-cell; vertical-align: middle; } .box_2{ position: absolute; bottom: 0; left: 50%; z-index: 3; transform: translateX(-50%); width: 100vw; } .box_1200{ width: 100%; margin: 0 auto; position: relative; height: 100%; max-width: 1200px; } .box_2 img{ position: absolute; bottom: 0; left: 50%; z-index: 3; transform: translateX(-50%); } .box_3{ position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-100%); z-index: 3; } .box_4 { position: absolute; bottom: 110px; left: 0; right: 0; z-index: 3; } .box2_1450{ display: table-cell; vertical-align: middle; } .box2_1{ float: left; width: 41.38%; position: relative; border: 1px solid #eee; overflow: hidden; cursor: pointer; transition: all 1s ease-in-out; opacity:0; left:-300px; } .swiper-slide-active .box2_1{ float: left; width: 41.38%; position: relative; border: 1px solid #eee; overflow: hidden; cursor: pointer; transition: all 1s ease-in-out; transition-delay: 0.4s; opacity:1; left:0px; } .box2_1450_1{ position: relative; max-width: 1450px; width: 100%; margin: 0 auto; z-index: 2; transition: all ease .3s; } .box2_2{ float: right; width: 58.62%; } .box2_1 .t{ position: absolute; left: 0; top: 60px; right: 0; margin: 0 auto; max-width: 257px; width: 100%; } .box2_1 .cpp1{ position: absolute; left: 0; bottom: 60px; right: 0; margin: 0 auto; max-width: 257px; width: 61px; transition: all 0.6s ease-in-out; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .box2_1 .cpp1:hover{ position: absolute; left: 0; bottom: 60px; right: 0; margin: 0 auto; max-width: 257px; width: 61px; transition: all 0.6s ease-in-out; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .box2_2_0{ border: 1px solid #eee; overflow: hidden; position: relative; float: right; width: 94.12%; margin-bottom: 45px; cursor: pointer; } .box2_2_2{ border: 1px solid #eee; overflow: hidden; position: relative; float: right; width: 94.12%; margin-bottom: 45px; cursor: pointer; transition: all 1.2s ease-in-out; opacity:0; top:300px; } .swiper-slide-active .box2_2_2{ border: 1px solid #eee; overflow: hidden; position: relative; float: right; width: 94.12%; margin-bottom: 45px; cursor: pointer; transition: all 1.2s ease-in-out; transition-delay: 1s; opacity:1; top:0px; } .box2_2_1 { border: 1px solid #eee; overflow: hidden; position: relative; float: right; width: 94.12%; margin-bottom: 45px; cursor: pointer; transition: all 1.2s ease-in-out; opacity:0; right:-400px; } .swiper-slide-active .box2_2_1 { border: 1px solid #eee; overflow: hidden; position: relative; float: right; width: 94.12%; margin-bottom: 45px; cursor: pointer; transition: all 1.2s ease-in-out; transition-delay: 0.6s; opacity:1; right:0px; } .box2_2_1 .t, .box2_2_2 .t, .box2_2_0 .t{ position: absolute; right: 10%; z-index: 2; top: 16%; max-width: 224px; width: 100%; } .box2_2_1 .cpp2{ position: absolute; right: 20%; z-index: 2; bottom: 15%; max-width: 224px; width: 61px; transition: all 0.6s ease-in-out; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .box2_2_1 .cpp2:hover{ position: absolute; right: 20%; z-index: 2; bottom: 15%; max-width: 224px; width: 61px; transition: all 0.6s ease-in-out; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } } .box2_2_2{ margin-bottom: 0px; } .box2_1450_1 img{ width: 100%; } .box2_2_2 .t, .box2_2_0 .t{ right: auto; left: 10%; } .box2_2_2 .cpp3{ position: absolute; left: 20%; width:61px; z-index: 2; bottom:10%; transition: all 0.6s ease-in-out; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .box2_2_2 .cpp3:hover{ position: absolute; left: 20%; width:61px; z-index: 2; bottom:10%; transition: all 0.6s ease-in-out; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .box2_2_0{ display:none; } .tduiimg{ width: 44.737%; float: left; position: absolute; top: 50%; transform: translateY(-50%); } .box3_1450{   width: 100%;    } .box3_1450_1{ width: 100%; position: relative; height: 387px; max-width: 1300px; padding: 0 30px; z-index: 999; margin: 0 auto; margin-top: 4%; } .box3_1450_1 .c_portalResNews_list-01001001{ width: 100%; } .box3{  width: 100%; height: 100vh; padding: 100px 0px 0; position: relative; } .e_news .e_link{ width: 100%; margin: 0 auto; max-width: 950px; position: relative; display: inline-block; left: 50%; transform: translateX(-50%); height: 376px; } .tduitext{ width: 47.263%; float: right; } .tduitext h2{ font-size: 34px; color: #fff; } .e_news .e_link:hover .tduitext::after{ background: rgba(62, 194, 210, 0); border: 1px solid #3ec2d2; color: #3ec2d2; } .box4{ display: table; width: 100%; height: 100vh; padding: 100px 0px 0; } .box4_1380{ display:block; vertical-align: middle; width: 100%; } .box4_1380_1{ position: relative; max-width: 1380px; width: 100%; margin: 40px auto 30px auto; z-index: 4; padding-top:300px; transition: all 1s ease-in-out; opacity:0; } .swiper-slide-active .box4_1380_1{ position: relative; max-width: 1380px; width: 100%; margin: 40px auto 30px auto; margin-top: 0px; padding-top:50px; z-index: 4; transition: all ease .3s; transition: all 1s ease-in-out; transition-delay: 0.4s; opacity:1; } .box4_6 {text-align:center;display:block;position:relative;z-index:999;padding-top:3%;} .box3_6 {text-align:center;display:block;position:relative;z-index:999;margin-top: 200px;} .box3_6 img,.box4_6 img { transition: all 0.6s ease-in-out; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .box3_6:hover img,.box4_6:hover img{ transition: all 0.6s ease-in-out; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .box4_3{ position: absolute; bottom: 0; left: 50%; z-index: 3; transform: translateX(-50%); width: 100vw; } .box4_3 img { width: 100%; } .box4_4 { position: absolute; bottom: 15%; left: 0; right: 0; z-index: 3; width: 100%; margin: 0 auto; max-width: 1400px; padding: 0 10px; } .box4_4 img{ float: right; } .box4_1{ width: 100%; padding: 0 30px; } .box4_1 h2{ font-size: 30px; text-align: center; color: #00aec4; font-weight: bold; margin-bottom: 20px; } .box4_1 p{ font-size: 14px; text-align: center; color: #666; margin-bottom: 35px; } .box4_1 img{ width: 100%; } .box4_1 a{ display: block; margin: 0 auto; margin-top: 3%; } .box4_1 a img{ margin: 0 auto; display: block; width: auto; } .box5 { display: table; width: 100%; height: 100vh; padding: 100px 0px 0; } .box5_1400 { display: table-cell; vertical-align: middle; width: 100%; } .box5_1400_1 { position: relative; max-width: 1440px; width: 100%; margin: 0 auto; z-index: 4; transition: all ease .3s; padding: 0 20px; } .box5_1{ float: left; width: 46%; border: 1px solid #443f3a; padding: 10% 2%; background: rgba(14, 14, 14, 0); transition:all ease .3s; cursor: pointer; transition: all 1s ease-in-out; opacity:0; left: -400px; position: relative; } .swiper-slide-active .box5_1{ float: left; width: 46%; border: 1px solid #443f3a; padding: 10% 2%; background: rgba(14, 14, 14, 0); transition:all ease .3s; cursor: pointer; transition: all 1s ease-in-out; transition-delay: 0.4s; opacity:1; left:0px; } .box5_2{ float: right; width: 46%; border: 1px solid #443f3a; padding: 10% 2%; cursor: pointer; position: relative; transition: all 1.3s ease-in-out; opacity:0; left:800px; position: relative; } .swiper-slide-active .box5_2{ float: right; width: 46%; border: 1px solid #443f3a; padding: 10% 2%; transition: all 1.3s ease-in-out; transition-delay: 0.4s; opacity:1; left:0px; } .swiper-slide-active .box5_1:hover, .swiper-slide-active .box5_2:hover{ background: rgba(14, 14, 14, 0.27); } .box5_1 img, .box5_2 img{ display: block; margin: 0 auto; transition: all 0.6s ease-in-out; } .box5_1 a img, .box5_2 a img{ display: block; margin: 0 auto; transition: all 0.6s ease-in-out; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .box5_1 a:hover img,.box5_2 a:hover img{ transition: all 0.6s ease-in-out; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .box5_1 h2, .box5_2 h2{ color: #00aec4; font-size: 26px; text-align: center; margin: 7% 0; } .box5_1 p, .box5_2 p{ color: #fff; font-size: 14px; text-align: center; max-width: 350px; margin: 0 auto 10%; line-height: 25px; min-height: 80px; } .box5_1 a, .box5_2 a{ display: block; transition: all ease .3s; } .box6 {  width: 100%; height: 100vh; padding: 100px 0px 0; position: relative; } .box6_1200 {   width: 100%; position: absolute; top: calc((100% - 506px)/2); } .box6_1200_1 { position: relative; max-width: 1240px; width: 100%; margin: 0 auto; z-index: 4; transition: all ease .3s; overflow: hidden; padding: 0 20px; transition: all 2s ease-in-out; opacity:0; top:400px; } .swiper-slide-active .box6_1200_1 { position: relative; max-width: 1240px; width: 100%; margin: 0 auto; z-index: 4; transition: all ease .3s; overflow: hidden; padding: 0 20px; transition: all 2s ease-in-out; transition-delay: 1s; top:0px; opacity:1; } .newsWrac, newscenter_box{ width: 100%; } .newsWrac a{ padding: 40px; display: inline-block; border: 2px solid #01aec4; width: 100%; } .newsWrac .tduiimg { position: static; transform: translateY(0); overflow: hidden; } .newsWrac .tduitext h2{ color: #333333; font-size: 20px; margin: 30px 0; } .newsWrac .tduitext p{ font-size: 12px; color: #666666; line-height: 20px; } .newsWrac .tduitext::after{ content:'ÃƒÆ’Ã†â€™Ãƒâ€&nbsp;Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â&nbsp;ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã†â€™Ãƒâ€&nbsp;Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¯ÃƒÆ’Ã†â€™Ãƒâ€&nbsp;Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™Ãƒâ€&nbsp;Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â&nbsp;ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â§ÃƒÆ’Ã†â€™Ãƒâ€&nbsp;Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã†â€™Ãƒâ€&nbsp;Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â&nbsp;ÃƒÆ’Ã†â€™Ãƒâ€&nbsp;Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â&nbsp;ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã†â€™Ãƒâ€&nbsp;Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â&nbsp;ÃƒÆ’Ã†â€™Ãƒâ€&nbsp;Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™Ãƒâ€&nbsp;Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â&nbsp;ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã†â€™Ãƒâ€&nbsp;Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â®ÃƒÆ’Ã†â€™Ãƒâ€&nbsp;Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¹'; display: block; margin-top: 38px; background: #3ec2d2; width: 101px; text-align: center; line-height: 45px; border-radius: 25px; transition: all ease .3s; border: 1px solid #3ec2d2; color: #fff; } .newsWrac .tduitext time{ color: #666666; font-size: 14px; display: inline-block; margin-bottom: 30px; } .dd-pagination{ margin: 10px 0; display: inline-block; text-align: center; width: 100%; } .dd-pagination span{ margin: 0 5px; background: #666666; border: 1px solid #666666; } .dd-pagination span.swiper-pagination-bullet-active{ background: #00aec4; border: 1px solid #00aec4; } .box6_1200_1 .gre{ font-family: arial; color: rgba(0, 174, 196, .07); text-align: center; font-size: 96px; margin-bottom: 35px; transition: all 2s ease-in-out; opacity:0; position:relative; top:300px; } .swiper-slide-active .box6_1200_1 .gre{ font-family: arial; color: rgba(0, 174, 196, .07); text-align: center; font-size: 96px; margin-bottom: 35px; transition: all 2s ease-in-out; transition-delay: 0.2s; opacity:1; top:0px; } .newsWrac a img{ transition: all ease .3s; } .newsWrac a:hover img{ transform: scale(1.1); } .box7_1240 { display: table-cell; vertical-align: middle; width: 100%; } .box7_1240_1{ position: relative; max-width: 1280px; width: 100%; margin: 0 auto; z-index: 4; transition: all ease .3s; overflow: hidden; padding: 0 20px; } .box7_1{ display: inline-block; margin: 0 auto; width: 100%; } .box7_1 li img {position:relative;transition: all 0.5s ease-in-out;top:0px;} .box7_1 li:hover img {position:relative;transition: all 0.5s ease-in-out;top:-13px;} .box7_1 li{ display: inline-block; color: #fff; font-size: 18px; text-align: center; background: rgba(0, 0, 0, .21); border: 1px solid rgba(255, 255, 255, .21); border-radius: 13px; width: 30.333%; padding: 4% 0; margin: 0 1% 30px; transition:all ease .3s; cursor: pointer; position: relative; } .box7_1 li:hover {color:#00AEC4; transition: all 1s ease-in-out;} .zi1 { transition: all 1s ease-in-out; opacity:0; left:-100px; } .swiper-slide-active .zi1 { transition: all 1s ease-in-out; transition-delay: 0.2s; opacity:1; left:0px; } .zi2 { transition: all 1s ease-in-out; opacity:0; left:-100px; } .swiper-slide-active .zi2 { transition: all 1s ease-in-out; transition-delay: 0.5s; opacity:1; left:0px; } .zi3 { transition: all 1s ease-in-out; opacity:0; left:-100px; } .swiper-slide-active .zi3 { transition: all 1s ease-in-out; transition-delay: 0.8s; opacity:1; left:0px; } .zi4 { transition: all 1s ease-in-out; opacity:0; left:-100px; } .swiper-slide-active .zi4 { transition: all 1s ease-in-out; transition-delay: 1.1s; opacity:1; left:0px; } .zi5 { transition: all 1s ease-in-out; opacity:0; left:-100px; } .swiper-slide-active .zi5 { transition: all 1s ease-in-out; transition-delay: 1.4s; opacity:1; left:0px; } .zi6 { transition: all 1s ease-in-out; opacity:0; left:-100px; } .swiper-slide-active .zi6 { transition: all 1s ease-in-out; transition-delay: 1.7s; opacity:1; left:0px; } .box7_1 li p{ margin-top: 15px; } .box7 { display: table; width: 100%; height: 100vh; padding: 100px 0px 0; } .box7_1 li:hover{ background: rgba(0, 0, 0, 0.51); border: 1px solid rgba(255, 255, 255, .21); } #footer{ background: #1f1f1f; } .foot_bule{ background: #00aec4; padding: 40px 0; } .foot_bule h2{ max-width: 1280px; width: 100%; margin: 0 auto; display: block; color: #fff; font-size: 18px; margin-bottom: 10px; padding: 0 20px; } .foot_bule p{ max-width: 1280px; width: 100%; margin: 0 auto; display: block; color: #fff; font-size: 14px; padding: 0 20px; } .foot_bule p a{ color: #fff; margin-right: 20px; } .foot_black{ max-width: 1280px; width: 100%; display: block; margin: 50px auto 0px; border-bottom: 1px solid #333; padding-bottom: 30px; padding: 0 20px; } .black_1{ display: inline-block; padding-right: 5%; border-right: 1px solid #333333; min-height: 240px; } .black_1 p{ color: #fff; margin: 23px 0; text-align: center; font-size: 14px; } .black_1 img{ margin: 0 auto; display: block; } .black_1 #c_portalResPublic_codeContainer-15541716597738959{ min-height: auto; } .black_2, .black_3{ display: inline-block; padding: 0 5%; border-right: 1px solid #333333; vertical-align: top; padding-top: 10px; min-height: 240px; } .black_2 h2, .black_3 h2, .black_4 h2{ font-size: 16px; color: #fff; margin-bottom: 15px; } .black_2 a, .black_3 p{ color: #999999; font-size: 14px; display: block; line-height: 25px; } .black_3 p:nth-child(3){ color: #00aec4; font-size: 34px; line-height: 70px; } .black_4{ display: inline-block; padding: 0 4%; vertical-align: top; padding-top: 10px; min-height: 240px; } .black_4 h2{ text-align: center; } .foot_3{ max-width: 1280px; width: 100%; margin: 0 auto; display: block; padding: 15px 20px; height: 50px; color: #666; } .foot_3 p{ font-size: 14px; color: #666; font-family: arial; float: left; } .foot_3 p:nth-child(2){ float: right; } .menu_1200{ width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 20px; } .logobox{ float: left; margin-top: 15px; } .navbox{ width: calc(100% - 200px); float: right; height: 97px; } #kefu{ position: fixed; width: 80px; right: 50px; transform: translate(0%,-50%); z-index: 10; height: 323px; top: 50%; } #kefu ul{ background: url(/repository/image/Rm5_esTsQqKM43Z7D6_Itw.jpg?tenantId=192231&amp;viewType=1&amp;v=000) no-repeat left top; height: 100%; } #kefu li{ width: 80px; height: 80px; margin-bottom: 2px; position: relative; cursor: pointer; } #kefu li a{ display: inline-block; width: 100%; height: 100%; } #kefu li p{ background: #00cd68; position: absolute; right: 80px; color: #fff; font-family: arial; font-size: 16px; padding: 17px; opacity: 0; visibility: hidden; transition: all ease .3s; } #kefu li:hover p{ opacity: 1; visibility: visible; } .rr{ max-width: 1480px; width: 100%; margin: 0 auto; padding: 0; position: relative; z-index: 999; overflow: hidden; } .rr .tduiimgrr img{ width:100%; } @media screen and (max-width:1500px){ .box2_1450_1{ max-width: 1200px; } .box2_2_1 .t, .box2_2_2 .t { top: 20%; right: 5%; } .box2_2_2 .t, .box2_2_0 .t { right: auto !important; left: 8%; } .box2_2_1, .box2_2_2, .box2_2_0 { margin-bottom: 36px; } .box4_4 { bottom: 10%; } .box5_1400_1 { max-width: 1240px; } } @media screen and (max-width: 1300px){ .box2_1450_1{ max-width: 900px; } .box2_1 .t { max-width: 180px; top: 46px; } .box2_2_1 .t, .box2_2_2 .t { max-width: 180px; } .box2_2_2 .t { left: 6.5%; } .box2_2_1, .box2_2_2, .box2_2_0 { margin-bottom: 26px; } .box_4 { left: 5%; } .box_3{ left: 5%; max-width: 500px; } .box_3 img{ width:100%; } .e_news .e_link { max-width: 750px; } .box4_4 { bottom: 6%; } .navbox { width: calc(100% - 159px); } .black_1 { padding-right: 3%; } .black_2, .black_3 { padding: 0 4%; } } @media screen and (max-width:1200px){ #kefu{ display:none; } .black_4{ display:none; } .black_2 { width: 25.333%; } .black_3 { width: 37.333%; border-right: 0px solid #333333; } .black_1 { width: 33.333%; padding: 0; } .bdsharebuttonbox { text-align: center; } } @media screen and (max-width:950px){ .box2_1450_1{ max-width: 750px; } .box2_1 .t { max-width: 140px; top: 40px; } .box2_2_1 .t, .box2_2_2 .t { max-width: 140px; } .box2_2_2 .t, .box2_2_0 .t { left: 8%; } .box2_2_1, .box2_2_2, .box2_2_0 { margin-bottom: 22px; } .newsWra { max-width: 750px !important; } } @media screen and (max-width:768px){ #c_portalResProduct_category-16050866261818287,#c_portalResProduct_category-16050873395371508,#c_portalResProduct_category-16050876002456022{display:none;} .p_DescriptionBoxA img{ width: 100% !important; } .c_portalResProduct_detail-01001 .p_imagesA .p_images { height: 200px !important; } #w_grid-1558689485650 { display: none !important; } #w_grid-1558346609325 { margin-top: 50px !important; margin-bottom: 40px !important; } #w_grid-1558343971130 &gt; div &gt; .p_gridbox { background-image: none !important; background-color: rgb(74 74 74) !important; } #content_box-1558346609325-1 p{ text-align: center !important; } #content_box-1558346609325-0,#content_box-1558346609325-2{ display:none !important; } #w_common_text-1597819231144 p{ text-align: center !important; } #c_portalResNews_list-15978191742602423 { padding-left: 15px !important; } #c_portalResNews_list-15978191742602423 .listCotentBox { width: calc((100% - 0px)/1) !important; } #c_portalResEbizads_banner-15978191742266449 .current { background: rgb(15 111 112 / 0%) !important; } .c_portalResEbizads_banner-01001 .p_TitleBox { display: none; } #w_grid-1597818619980 { margin-bottom: 50px !important; } #content_box-1597818619980-3,#content_box-1597818619980-4{ display:none !important; } #content_box-1597818619980-0,#content_box-1597818619980-1,#content_box-1597818619980-2{ width: 33.3% !important; float: left !important; clear: inherit !important; } #content_box-1597818619948-0{ padding: 0 30px; } #c_portalResPublic_codeContainer-15625652285889403 { margin-top: 0 !important; } .banner_prev,.banner_next{ display: none; } .box2_1450_1{ max-width: 640px; } .box2_2 { float: left; width: 100%; padding: 0 20px; } .box2_2_1 { margin-bottom: 30px; } .box2_2_1 .t, .box2_2_2 .t, .box2_2_0 .t { max-width: 115px; right: 4%; } .box2_1{ display:none; } .box2_2_0{ display:block; } .box2_2_1, .box2_2_2, .box2_2_0 { margin-bottom: 10px; width: 85%; float: none; margin: 0 auto 10px; } .box_3 { max-width: 500px; top: 60%; transform: translateY(-100%); left: 0; right: 0; margin: 0 auto; padding: 0 40px; } .e_news .e_link { max-width: 100%; left: 0; transform: translateX(0%); position: static; } .newsWra { max-width: 580px !important; width: 100%; padding: 0 30px !important; box-sizing: border-box; } .tduiimg { width: 40%; float: none; position: static; top: 50%; transform: translateY(00%); display: block; margin: 0 auto; } .tduitext { width: 100%; float: right; margin-top: 40px; text-align: center; padding: 0 20px; } .tduitext p { word-break: break-all; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .news_box .tduitext::after{ margin: 0 auto; } .news_box { max-width: 100% !important; } .box_1 img { width: 1300px; } .box4_4 img { width: 100%; } .navbox { width: 46px; height: 75px; } .navbox .c_portalResnav_main-01001{ margin-top: 12px; } .logobox { float: left; margin-top: 5px; } .logobox img{ float: left; margin-top: 10px; width: 70%; } .box5_1{ margin-bottom: 20px; } .box5_1,.box5_2 {  padding: 3% 2%; } .box5_1 p, .box5_2 p{ margin-bottom: 16px;  word-break: break-all; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 12px; line-height: 22px; } .box5_1 h2, .box5_2 h2{ margin: 15px 0; font-size: 20px; } .box5_1400_1 { max-width: 490px; } .box6_1200 { top: calc((100% - 403px)/2); } .newsWrac .tduiimg img{ width: 100%; } .newsWrac .tduitext::after { margin: 20px auto; } .newsWrac .tduitext time{ margin-bottom: 15px; } .newsWrac .tduitext h2 { margin: 10px 0 15px; font-size: 16px; } .newsWrac a { padding: 20px; } .box6_1200_1 .gre { font-size: 30px; margin-bottom: 15px; } .foot_bule { display:none; } .foot_black { display:none; } .foot_3 p { display: block; width: 100%; text-align: center; float: none; } .foot_3 { height: auto; padding: 19px 20px; float: left; background: #1f1f1f; } .box7_1 li{ width: 47%; margin-bottom: 3%; } .box7_1 li img{ width: 30%; } .newsWrac .tduiimg { width: 50%; } .newsWrac .tduitext { margin-top: 20px; } .box7_1240_1{ width: 380px; } .box4_1 h2 { font-size: 18px; } .tduitext h2 { font-size: 30px; } .box_2 { bottom: -100px; } .box_4 { bottom: 15px; } } @media only screen and (max-width: 768px){ .gongsi { line-height: 180%; color: #666; padding-left: 0px; padding-right: 0px; } #w_grid-1554170260954 &gt; div &gt; .p_gridbox &gt; .p_gridCell:nth-child(n+1) { margin-left: 0px; clear: left; width: 100% !important; } #content_box-1554170302805-1 { float: right; height: 60px; position: absolute; right: 0px; top: 15px; width: 46px; } #c_portalResEbizads_banner-15560025562701451 {display:none;} #c_portalResIntro_category-15549696026724254 { width: 90%; } .#c_portalResIntro_category-15549696026724254 .btn-primary {float:right;} .c_portalResBreadcrumb_nav-01001 { width: 92% !important; } .p_linkBox { padding: 5px 30px; display: flex; } #content_box-1554171196824-2 { border-right:0px solid #333333; height: 265px; width:100% !important; } #content_box-1554171196824-3 { width: 100%; float: left; } #w_common_text-1554173180276 p { text-align: left !important; } #w_common_text-1554968472996, #w_common_text-1555300931654, #w_common_text-1555468773889, #w_common_text-1556267971408, #w_common_text-1555575455798, #w_common_text-1555400222139, #w_common_text-1555245626984, #w_common_text-1555405847055, #w_common_text-1554988487739, #w_common_text-1555984330175, #w_common_text-1555395285112 {height:auto !important;margin-top:6% !important;min-height:auto !important;} #w_common_text-1554968472996 h2 span, #w_common_text-1555300931654 h2 span, #w_common_text-1555468773889 h2 span, #w_common_text-1556267971408 h2 span, #w_common_text-1555400222139 h2 span, #w_common_text-1555400222139 h2 span, #w_common_text-1555575455798 h2 span, #w_common_text-1555245626984 h2 span, #w_common_text-1555405847055 h2 span, #w_common_text-1555395285112 h2 span, #w_common_text-1555984330175 h2 span, #w_common_text-1554988487739 h2 span{font-size:18px !important;} #w_common_text-1554968472996 p span, #w_common_text-1555300931654 p span, #w_common_text-1555468773889 p span, #w_common_text-1556267971408 p span, #w_common_text-1555575455798 p span, #w_common_text-1555400222139 p span, #w_common_text-1555245626984 p span, #w_common_text-1555405847055 p span, #w_common_text-1555395285112 p span, #w_common_text-1555984330175 p span, #w_common_text-1554988487739 p span {font-size:12px !important;} #w_fimg-1556267115728, #w_fimg-1556266702960, #w_fimg-1556267963346, #w_fimg-1556267706931, #w_fimg-1556267562615, #w_fimg-1556268250815, #w_fimg-1556266979020, #w_fimg-1556267633073, #w_fimg-1556268065900 {min-height: auto !important;} #w_common_text-1555395407284 p span {font-size:20px !important;} #w_common_text-1555395407284 p:nth-child(2) span {font-size:14px !important;} #c_portalResPublic_codeContainer-15554928450044968 {display:none !important;} .c_portalResIntro_category-01001 .btn.btn-primary { float: right; margin-right: 20px; } #w_grid-1554171039158 &gt; div &gt; .p_gridbox { background-color: rgba(0, 174, 196, 1); padding: 20px 0px; } #content_box-1554171196824-0 { border-right: 0px solid #333333; width: 100% !important; height: 230px; } #w_common_text-1554171618243 { padding-left: 28px !important; } .bdsharebuttonbox { text-align: left !important; padding-left: 25px !important; } #w_common_text-1554172412781,#w_common_text-1554172638817 { padding-left: 30px !important; } .c_portalResNews_list-01001 .p_images { margin: 0; width: 90%; padding: 0; overflow: hidden; float: left; box-sizing: border-box; -moz-box-sizing: border-box; position: relative; vertical-align: middle; text-align: center; margin: 15px; } .biaoti2 { padding: 15px 5px; } .biaoti1 { color: #00AEC4; font-size: 18px; text-align: center; line-height: 180%; padding: 0px 0px 20px 0px; } .c_portalResIntro_detail-01001 .biaoti { color: #00AEC4; font-size: 20px; line-height: 200%; font-weight: 400; text-align: center; padding-bottom: 20px; letter-spacing: 5px; } .xuexiao2 p { font-size: 14px; padding: 20px 0px 30px 20px; line-height: 180%; width: 100%; color: #666; } .xuexiao2 h3 { font-size: 18px; padding: 40px 0px 0px 20px; } .p_page { display: none !important; padding: 30px 0; } .swiper-slide-active .box2_2_1 { border: 1px solid #eee; overflow: hidden; position: relative; float: right; width: 94.12%; margin-bottom: 10px; cursor: pointer; transition: all 1.2s ease-in-out; transition-delay: 0.6s; opacity:1; right:0px; } #c_portalResNews_list-15559897004681296 .title { width: 100%; margin: 5% 0; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1rem; font-weight: 700; } .box3_6 { text-align: center; display: block; position: relative; z-index: 999; margin-top: 5%; } #c_portalResNews_list-15559897004681296 .p_articles{ margin-top: 10px !important; width: 44% !important; min-width: auto; } .box4_5 { width: 640px; margin: 0 auto; position: absolute; z-index: 99; overflow:hidden; } .scrollleft li{float:left;margin:0px 5px;display:inline-block;width: 140px !important;text-align:center;} .swiper-slide-active .box6_1200_1 .gre{ font-family: arial; color: rgba(0, 174, 196, .07); text-align: center; font-size: 40px; margin-bottom: 25px; transition: all 2s ease-in-out; transition-delay: 0.2s; opacity:1; top:0px; } .box5_1 img, .box5_2 img{ width: 30%; display: block; margin: 0 auto; transition: all 0.6s ease-in-out; } .box3_6 img,.box4_6 img { transition: all 0.6s ease-in-out; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); width:15%; } .box2_2_2 .cpp3{ position: absolute; left: 20%; width:30px; z-index: 2; bottom:10%; transition: all 0.6s ease-in-out; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .box2_2_0 .cpp3{ position: absolute; left: 20%; width:30px; z-index: 2; bottom:10%; transition: all 0.6s ease-in-out; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .box2_2_1 .cpp2{ position: absolute; right: 20%; z-index: 2; bottom: 15%; max-width: 224px; width: 30px; transition: all 0.6s ease-in-out; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .swiper-slide-active .box2_2_2 { border: 1px solid #eee; overflow: hidden; position: relative; float: none; width: 94%; margin-bottom: 45px; cursor: pointer; transition: all 1.2s ease-in-out; transition-delay: 1s; opacity: 1; top: 0px; } .swiper-slide-active .box2_2_1 { border: 1px solid #eee; overflow: hidden; position: relative; float: none; width: 94%; margin-bottom: 10px; cursor: pointer; transition: all 1.2s ease-in-out; transition-delay: 0.6s; opacity: 1; right: 0px; } .box2_2_1, .box2_2_2, .box2_2_0 { margin-bottom: 10px; width: 94%; float: none; margin: 0 auto 10px; } .box4_6 {text-align:center;display:block;position:relative;z-index:999;padding-top:75%;} .mobilebanner {display:block;} #c_portalResEbizads_banner-15555622967805157 {display:none;} .box3_1450_1 { width: 100%; position: relative; height: 387px; max-width: 1300px; padding: 0 10px; z-index: 999; margin: 0 auto; margin-top: 4%; } .box4_1 p { font-size: 12px; text-align: center; color: #666; margin-bottom: 35px; } #c_portalResNews_list-15563630829776042 .title{ font-size:12px; line-height: 20px; text-align:center; color:#333; } .swiper-slide-active .box4_1380_1 { position: relative; max-width: 1380px; width: 100%; margin: 0px auto 30px auto; margin-top: 0px; padding-top: 20px; z-index: 4; transition: all ease .3s; transition: all 1s ease-in-out; transition-delay: 0.4s; opacity: 1; } #w_grid-1554171011332 { width: 100%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 192px; margin-top: 75px !important; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_grid-1554170260954 { transform: translate(-50%, 0px); min-height: 75px !important; } #w_grid-1554170260954 &gt; div &gt; .p_gridbox &gt; .p_gridCell:nth-child(n+1) { height: 75px !important; } #w_grid-1554170302805 { width: 100%; max-width: 1240px; min-width: 0px; height: auto; max-height: none; min-height: 75px !important; margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-left: 20px; padding-right: 20px; padding-bottom: 0px; } #w_fimg-1554170406400 .p_dimage img { width: 80px; text-align: left; } #w_fimg-1554170406400 .p_dimage {text-align: left;} #c_portalResEbizads_banner-15572200055534677 &gt;div { animation-fill-mode: both; height: 128px; } #w_grid-1557219920575 { width: 100%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: auto !important; 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_portalResComplaintPage_detail-01001 .biaoti { color: #C00000; font-size: 30px; font-weight: normal; padding: 30px 0px; } #w_common_text-1557474285596 span {font-size:30px !important;} #c_portalResPublic_codeContainer-15572126199785789 { width: 100%; max-width: 100% !important; min-width: 0px; height: auto; max-height: none; min-height: 178px; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } .sharea { padding: 20px 0px 10px 90px !important; text-align: center; } #content_box-1557212619785-1 {display:none;} #w_fimg-1557212619823 { width: 100%; max-width: 40% !important; 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; margin: 0 auto !important; } .resetHtmlCssStyle .width30 { width: 100% !important; margin: 50px 10px; float: none !important; color: #fff; display: block !important; } #w_fimg-1557212383260 img {padding-left:10px !important;} #w_grid-1557475733206,#w_grid-1557533335823,#w_grid-1557482211656,#w_grid-1557645509618,#w_grid-1557533484325,#w_grid-1557533161775,#w_grid-1557533161775,#w_grid-1557645036858 { width: 100%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 300px !important; 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-1557476276763,#w_common_text-1557533335853,#w_common_text-1557482211686,#w_common_text-1557645509648,#w_common_text-1557533484355,#w_common_text-1557533161805,#w_common_text-1557645036888 { width: auto; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 100px !important; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_common_text-1557476276763 span,#w_common_text-1557533335853 span,#w_common_text-1557482211686 span,#w_common_text-1557645509648 span,#w_common_text-1557533484355 span,#w_common_text-1557533161805 span,#w_common_text-1557645036888 span {font-size:24px;line-height:150%;} #c_portalResIntro_category-15574759481295839 { width: 100%; max-width: 100% !important; min-width: 0px; height: auto; max-height: none; min-height: 50px; margin-top: 50px; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } .c_portalResIntro_detail-01001 .reset_style .gsbiao { font-size: 30px !important; color: #c00; text-align: left !important; } .c_portalResIntro_detail-01001 .reset_style .gsbiao1 { text-align: left !important; line-height: 180%; } #c_portalResNews_category-15575336622983388 {display:none;} .c_portalResComplaintPage_detail-01001 .biaocon ul li { display: block !important; background: url(/img/hongdian.jpg?tenantId=192231&amp;viewType=1&amp;v=000) no-repeat left center; padding-left: 20px; margin: 5px 0px !important; text-align: left; } ::-webkit-input-placeholder {  font-size:12px !important; } :-moz-placeholder {  font-size:12px !important; } ::-moz-placeholder {  font-size:12px !important; } :-ms-input-placeholder {  font-size:12px !important; } #c_portalResMessage_form-15574744558584443 .e_text { width: 88% !important; } #c_portalResMessage_form-15574744558584443 .p_telephone { height: 42px; width: 88% !important; } #c_portalResMessage_form-15576451409693810 .e_text { width: 88% !important; } #c_portalResMessage_form-15576451409693810 .p_telephone { height: 42px; width: 88% !important; } } @media only screen and (min-width: 769px) { .p_page .pageNum.active { text-decoration: none; background: #c00; color:#fff; border-color: #c00; } .p_page .pageNum.active { text-decoration: none; background-color:#ED1B23; color: #fff; border-color: #ED1B23; } .p_page .next:hover { background:#ED1B23; border-color: #ED1B23; color: #fff; cursor: pointer } .p_page .next:active { background: #ED1B23; border-color: #ED1B23; color: #fff; } .p_page .pre:hover { color: #fff; background: #ED1B23; border-color: #ED1B23; cursor: pointer } .p_page .pre:active { background: #ED1B23; border-color:#ED1B23; color: #fff; } .p_page .pageNum:hover { color: #fff; border-color: #ED1B23; cursor: pointer; text-decoration: none; background-color:#ED1B23; } }</pre></body></html>