.e_SideMajorStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .e_SideMajorStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px; } .e_SideMajorStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: rgba(101, 190, 186, 1); } .e_SideMajorStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_SideMajorStyleBox-001 .title_icon::before{ content: ""; } .e_SideMajorStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_SideMajorStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_SideMajorStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_SideMajorStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_SideMajorStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_SideMajorStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_SideMajorStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_SideMajorStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint:%; } .e_SideMajorStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }@keyframes lv-fadeinup{ 0% { opacity: 0; -webkit-transform: translateY(80px); -ms-transform: translateY(80px); transform: translateY(80px); } 100%{ opacity: 1; -webkit-transform: none; -ms-transform:none; transform: none; } } @keyframes lv-fadeinLeft{ 0% { opacity: 0; -webkit-transform: translateX(-80px); -ms-transform: translateX(-80px); transform: translateX(-80px); } 100%{ opacity: 1; -webkit-transform: none; -ms-transform:none; transform: none; } } @keyframes lv-fadeinRight{ 0% { opacity: 0; -webkit-transform: translateX(80px); -ms-transform: translateX(80px); transform: translateX(80px); } 100%{ opacity: 1; -webkit-transform: none; -ms-transform:none; transform: none; } } @keyframes lv-fadeinnav{ 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100%{ opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .lv-fadeinup{ animation-name: lv-fadeinup; } .fadeinLeft{ animation-name: lv-fadeinLeft; } .fadeinRight{ animation-name: lv-fadeinRight; } .pc_nav{ height: 100px; } .d-right:hover{ color:#fff; } .d-cright:hover{ color:#fff; } input::-webkit-input-placeholder { font-size:16px; color:#fff; } .header1{ position: relative; background-color: #fff; width:100%; z-index: 9999999; height: 100px; transition: all 0.5s; border-bottom: solid 1px #f2f2f3; } .Language{ background-image:url(/images/rBQBG2ATwX2EYNSWAAAAADYGwUs341.png?tenantId=255679&viewType=1&v=1661509255000); background-repeat: no-repeat; font-size: 14px; color: #fff; padding-left: 24px; background-position: center left; margin-right: 1.5vw; position: relative; cursor: pointer; } .navlogo{ width: 325px; } .header-left{ width: 90%; max-width: 1480px; margin: 0 auto; align-items: center; position: relative; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; height: 100%; flex-wrap: wrap; } .nav-fr{ width: calc(100% - 325px); -webkit-transition: all 0.5s cubic-bezier(0, 0.68, 0.24, 0.71) .1s; transition: all 0.5s cubic-bezier(0, 0.68, 0.24, 0.71) .1s; -o-transition: all 0.5s cubic-bezier(0, 0.68, 0.24, 0.71) .1s; -moz-transition: all 0.5s cubic-bezier(0, 0.68, 0.24, 0.71) .1s; -ms-transition: all 0.5s cubic-bezier(0, 0.68, 0.24, 0.71) .1s; position: relative; opacity: 1; top: 0; text-align: right; margin-top: 24px; } 
 .hvr-left{ 
 display: inline-flex; 
 align-items:center; 
 padding-top:0;
 padding-bottom:0;
 padding-left:2vw;
 padding-right:0;
 position: relative; 
 } 
 .f-ul{ font-size:0px; text-align:right; display: inline-block; margin-top: 11px; } .home-dec{ font-size: 16px; color: #333;   transition: all 0.1s ease-out; position: relative; padding-bottom: 20px; } .yj-abox span{ display: none; margin-left: 6px; font-size: 10px; color: #d0d0d0; font-weight: 100; margin-top: 5px; } .last-left{ padding-right:0px; position: relative; top: -2px; padding-left: 0vw; } .yj-abox{ display:flex; width: 100%; align-items: flex-end; } .search-alert{ position:absolute; right:0px; top: -62px; background-color:#2A333D; width: 72.5%; -webkit-transition: all 0.5s cubic-bezier(0, 0.68, 0.24, 0.71) .1s; transition: all 0.5s cubic-bezier(0, 0.68, 0.24, 0.71) .1s; -o-transition: all 0.5s cubic-bezier(0, 0.68, 0.24, 0.71) .1s; -moz-transition: all 0.5s cubic-bezier(0, 0.68, 0.24, 0.71) .1s; -ms-transition: all 0.5s cubic-bezier(0, 0.68, 0.24, 0.71) .1s; } .pc_nav input{ width:100%; display:block; height:62px; background:none; border:none; box-shadow:none; padding:0 30px; color: #fff!important; font-size: 18px; } .et-search1.header1{ overflow: hidden; } .pc_nav .clos{ position:absolute; right: 0; top: 18px; cursor: pointer; } .et-search-form.search-alert{ top:0px; opacity:1; -webkit-transition: all 0.5s cubic-bezier(0.32, 0.99, 0.43, 0.86) .1s; transition: all 0.5s cubic-bezier(0.32, 0.99, 0.43, 0.86) .1s; -o-transition: all 0.5s cubic-bezier(0.32, 0.99, 0.43, 0.86) .1s; -moz-transition: all 0.5s cubic-bezier(0.32, 0.99, 0.43, 0.86) .1s; -ms-transition: all 0.5s cubic-bezier(0.32, 0.99, 0.43, 0.86) .1s; } .et-search.nav-fr{ -webkit-transition: all 0.5s cubic-bezier(0.32, 0.99, 0.43, 0.86) .1s; transition: all 0.5s cubic-bezier(0.32, 0.99, 0.43, 0.86) .1s; -o-transition: all 0.5s cubic-bezier(0.32, 0.99, 0.43, 0.86) .1s; -moz-transition: all 0.5s cubic-bezier(0.32, 0.99, 0.43, 0.86) .1s; -ms-transition: all 0.5s cubic-bezier(0.32, 0.99, 0.43, 0.86) .1s; top: 62px; opacity: 0; } .nav-sub{ position: fixed; padding: 20px; width: 100%; visibility: hidden; opacity: 0; -webkit-transform: translateZ(0); text-align: left; top: 100px; left: 0; background: #fff; border-radius: 0px 0px 5px 5px; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); } .hvr-left:hover .nav-sub{ -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; opacity:1; visibility: visible; } .d-left{ font-size:16px; color:#fff; display:inline-block; } .d-right{ display:inline-block; font-size:14px; width:97px; height:26px; text-align:center; line-height:26px; border: solid 1px #fff; color:#fff; margin-left: 2.5vw; } .d-box-right{ display: inline-flex; color:#fff; } .nav-top-colorbox{ background-color:#dfa324; } .d-cright{ line-height: 24px; } .d-box{ width: 90%; align-items: center; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; max-width: 1100px; padding: 13px 0; margin: 0 auto; font-family: neue; } .d-box-right img{ margin-right:7px; } .sjlist a{ font-size: 15px; color: #333; padding: 4px 9px; display:block; line-height: 2em; text-align: left; transition: all 0.2s; } .sjlist{ padding: 0 1vw; } .n-nav-sub{ display: flex; justify-content: center; } .Language i{ margin-left:8px; font-size: 12px; color: #fff; } .pc_nav a:hover{ color: #464749; } .hvr-left:hover .yj-abox{ opacity: .7; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .pc_nav{ font-family: neuemed; } .nav_menu{ display:none; } .navlogo .img1{ } .Language_findbox{ width: 240px; position:absolute; padding: 30px 0; background-image: linear-gradient(180deg,rgb(26 30 35) 0%,rgb(29 32 37) 100%); opacity: 0; visibility: hidden; left: 0; box-shadow: 0 2px 5px rgb(0 0 0 / 10%); -moz-box-shadow: 0 2px 5px rgba(0,0,0,.1); -webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 10%); -webkit-transform: translateZ(0); } .Language:hover .nowbox{ opacity:0.7; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .Language:hover .Language_findbox{ -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; opacity:1; visibility: inherit; } .Language_findbox a{ display:block; color:#fff; font-size:18px; text-align: left; padding: 0 40px; line-height: 40px; } .Language_findbox a img{ margin-right:10px; } .sjlist span{ display:block; width:100%; text-align:center; font-size: 16px; color: #333; transition: all 0.3s; } @media only screen and (max-width: 1100px){ .navlogo .img1{ display:block; width: 150px; display: none; } .navlogo .img2{ display: block; width: 190px; } .d-left{ font-size:13px; } .d-box{ display:block; padding: 8px 0; } .Language{ margin-right:4vw; } .Language img{ margin-left:2px; } .Language span{ display:none; } .nav_menu{ display:block; position: relative; margin-left: 30px; font-size: 22px; color: #333; top: 2px; } .f-ul{ display:none; position: fixed; width: 100%; left: 0; top: 80px; background: #484848; height: 1000px; padding: 20px 30px; } .search-alert{ width:100%; } .hvr-left{ width:100%; flex-wrap: wrap; } .last-left{ width: 95px; top: 10px;} .nav-sub{ position:relative; width: 100%; opacity: 1; top: 0; visibility: inherit; display: none; transition: all .0s ease-in-out!important; background: none; box-shadow: none; padding: 20px 0; } .yj-abox span{ position:absolute; right: 15px; width: 40px; height: 40px; line-height: 40px; z-index: 99; font-size: 10px; color: #fff; display: block; } .home-dec{ line-height: 50px; height: 50px; font-size: 14px; color: #fff; } .sjlist a{ font-size: 14px; color: #ddd; } .yj-abox{ border-bottom: solid 1px rgb(255 255 255 / 6%); } .Language_findbox{ width: 49px; padding: 5px 0; } .Language_findbox a{ padding:0 5px; line-height: 20px; } } .pc_nav input:-webkit-autofill, .pc_nav textarea:-webkit-autofill, .pc_nav select:-webkit-autofill { -webkit-text-fill-color: #fff; -webkit-box-shadow: 0 0 0 1000px #2A333D inset !important; color: #fff!important; } .sjbox{ position:absolute; left:100%; width: 101%; top: 0; background: #1d2025; display: none; padding: 10px 0; } .fojbox{ position: absolute; width: 100%; top: 0; background: #1d2025; height: 100%; overflow: hidden; z-index:-1; opacity:0; top: 26%; padding: 0 30px; transform: translateX(-30px); } .activea .fojbox{ opacity:1!important; z-index:1!important; transform: translateX(0px); transition: all 0.7s ease-out; } .forlist{ float:left; width: 33.333%; overflow: hidden; padding: 0 10px!important; } .forlist img{ max-width:100%; height: auto; } .sjline{ content:""; display:block; width:2px; height: calc(25% - 15px); background-color: #dfa324; position:absolute; right:0px; top:0px; transition:all 0.3s; margin-top: 9px; } .fobigbox{ position: absolute; left: 100%; width: 200%; top: 0; background: #1d2025; overflow: hidden; z-index: -1; height: 100%; } .activea .fobigbox{ z-index:1; } .search-btn i{ color:#000; font-size:20px; } .nav-fr-topbox a{ margin-left:1.5vw; } .nav-fr-topbox{ margin-top: 0; display: flex; justify-content: flex-end; } .hvr-left:hover .home-dec:after{ width:100%; } @media only screen and (max-width: 1450px){ .hvr-left{ padding:0 1vw; } .navlogo{ width:223px; margin-top: 15px;} .navlogo img{ max-width:100%; } .nav-fr{ width: calc(100% - 223px); } } .home-dec:after{ content:""; display:block; width: 0%; height:3px; background-color:#464749; position: absolute; bottom: 0; transition: all 0.3s; } @media only screen and (min-width:768px){ .sjlist:hover span{color:#000;} .fa_hoverBox a:hover{color:#000;} .pc_nav .yuyan:hover .fa_hoverBox{visibility: visible;transform: translate(-50%,0px);} .fa_hoverBox{ position:absolute; width: 120px; background: #fff; z-index: 1; right: 0; text-align: center; left: 50%; transform: translate(-50%,20px); top: 125%; border-radius: 5px; box-shadow: 0px 3px 5px rgb(0 0 0 / 10%); visibility: hidden; transition:all 0.3s; border: solid 1px #eee; } .fa_hoverBox a{margin:0;display:block;color: #333;text-align: left;padding: 0 10px;border-bottom: solid 1px #e1e1e1;line-height: 2;font-family: 'Gilroy-bold'!important;font-weight: bold;} .pc_nav .yuyan{ position:relative; margin-left: 1.5vw; cursor: pointer; } .navlogo .img2{ display:none; } .nav-fr-topbox2{ display:none; } } @media only screen and (max-width:768px){ .nav-fr-topbox a{display:none;} .nav-fr{ position: static; margin: 0; } .sjlist span{ color:#ccc; } .n-nav-sub{ display:block; } .sjlist{ width:100%; } .sjlist span{ font-size:14px; color: #d6d6d6; text-align: left; } .ejimgbox{ display:none; } .nav-fr-topbox1{ position:absolute; top: 4px; width: auto; right: 0;} .nav-fr-topbox2{ display:block; text-align: left; margin-top: 20px; } .navlogo .img1{ display:none; } .pc_nav{ height: 70px; } .header1{ height: 70px; } .f-ul{ top: 59px; } .nav-fr-topbox .nav-a{ } .yuyan{ display:block!important; } .yuyan img{display:none;} .fa_hoverBox a{display:block!important;margin-right: 10px;} .fa_hoverBox{display:flex;} .fa_hoverBox i{display:none;} }.nav_hebox{ font-size:0px; text-align:center; } .nav_hebox a{ display:inline-block; width:207px; height:40px; text-align:center; line-height:40px; font-size:21px; margin:0 12px; } .nav_hebox .our{ background-color:#f8b62a; color:#fff; } .nav_hebox .brand{ background-color:#fff; color:#080808; } .nav_hebox .Find{ background-color:#fff; color:#080808; width:181px; } .flex-endbox{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; align-items: center; position: relative; } .flex-endbox .por_left{ font-size: 2.125rem; color: #282828; letter-spacing: 2px; } .flex-endbox a{ font-size: 1rem; color: #000; position:relative; transition:all 0.3s ease-out; } .flexcenbox{ display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; padding:12% 5%; align-items:center; } .flexcenbox .left{ margin-right:30px; } .flexcenbox img{ max-width:100%; } .flexcenbox h3{ font-size:30px; color:#1a1a1a; font-family: 宋体; font-weight:bold; } .flexcenbox p{ font-size:14px; color:#666666; margin-top:10px; } .flex-endbox a:after{ position:absolute; width:0; height:1px; background-color:#efa220; transition:all 0.3s ease-out; left:0px; bottom:0px; content:""; } .flex-endbox a:hover:after{ width:100%; } .flex-endbox a:hover{ color:#efa220; } .contitle{ font-size: 2.125rem; color: #282828; letter-spacing: 0; text-align: center; margin-bottom: 2.8vw; font-weight: 200; } .contactbox .telbox a{ font-size: 44px; color:#000; font-weight:bold; display:block; line-height: 0.7; font-family: fantasy; letter-spacing: 2px; } .contactbox .telbox{ display:flex; } .contactbox .telbox span{ display:block; font-size: 1.0625rem; color: rgba(65,65,65,.85); margin-bottom: .6vw; } .contactbox .telbox a:after{ display:none; } .contactbox .telbox i{ font-size: 70px; color: #efa220; } .contactbox .c_right{ margin-left: 2.5vw; } .contactbox .telbox a:hover{ } .codebox{ text-align:center; width: 100%; display:flex; margin-top: 8%; } .contactbox:after{ content:""; display:block; position:absolute; width:1px; height:100%; background-color:#eee; left:50%; top:0px; display: none; } .codebox img{ max-width:134px; } .codebox div{ margin-right: 2vw; } .codebox span{ font-size: 14px; color: #999; margin-top:5px; display:block; } .contitle2{ margin-top:7vw; margin-bottom: 3vw; } .iconbox i{ font-size:50px; color: #efa220; } .contitle1{ font-size:42px; color:#000010; text-align:center; } .ce-lcbox{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin-top: 84px; } .ce-lc-list{ position:relative; } .ce-lc-imgbox{ width:126px; height:126px; text-align:center; border:solid 10px rgba(255,255,255,0.2); border-radius:100px; position: relative; z-index: 1; cursor: pointer; transition:all 0.3s; } .ce-lc-img{ width:100%; height:100%; background-color:#fff; border-radius:100px; line-height:104px; } .ce-lc-list .ce-lc-title{ font-size:18px; color:#fff; text-align:center; margin-top:22px; } .ce-lc-line{ position:absolute; height: 70%; width: 2px; background-color:#efa220; transform: rotate(-38deg); top: 25px; left: 114%; z-index: 0; } .ce-lc-list:nth-child(2n){ margin-top: 240px; } .ce-lc-img img{ transition:all 1s; } .ce-lc-imgbox:hover .ce-lc-img img{ transform: rotatey(360deg); } .ce-lc-imgbox:hover{ border-color:rgba(239, 162, 32, 0.3); border-width:10px; } .ce-lc-list:nth-child(2n) .ce-lc-line{ transform: rotate(38deg); top: auto; bottom: 37px; height: 200%; } .fxbox{ display: flex; justify-content: flex-end; } .fxbox a{ margin-left:1.5vw; } .ce-in-title{ font-size: 36px; color:#000; font-family:'Gilroy-bold'!important; padding-left:14px; border-left: solid 1px #808080; line-height:1; } .ce-in-deo{ display:block; width:165px; line-height:46px; border-radius:3px; text-align:center; color:#fff; transition: all 0.1s; border: 1px solid #eee; } @media only screen and (max-width: 1366px){ .ce-lc-list:nth-child(2n) .ce-lc-line{ bottom: 134px; height:136%; } } @media only screen and (max-width: 1024px){ .ce-lc-line{ display:none; } .ce-lc-list{ margin-top:0!important; width:25%; margin-bottom:20px; } .ce-lcbox{ flex-wrap: wrap; } .ce-lc-imgbox{ margin:0 auto; } } @media only screen and (max-width: 768px){ .Sharebox span{ font-size: 14px!important; } .Sharebox img{ zoom: 0.6; } .ce-in-title{ font-size:24px; } .ce-in-deo{ zoom:0.8; } .ce-lc-imgbox{ zoom:0.6; } .ce-lc-list .ce-lc-title{ font-size:14px; margin-top:10px; } .pories img{ zoom:0.6!important; } .ce-lcbox{ margin-top:30px; } .titlebox h2{ font-size:24px!important; } .flex-endbox{ display:block; text-align:center; } .flex-endbox .por_left{ font-size:22px; margin-bottom:10px; margin-top: 20px; } .flex-endbox a{ font-size:14px; color:#efa220; margin-left:5px; padding-top:0px; } .c_portalResProduct_list-01001014 .proBox{ margin:0 auto; } .titlebox h3{ font-size:13px!important; } .flexcenbox h3{ font-size:20px; } .flexcenbox .left{ margin-right:20px; } .flexcenbox{ padding:5% 0; } .pories .right{ width:80%; } .nav_hebox a{ margin:10px 0; font-size: 16px; } .iconbox i{ font-size:36px; } .contitle{ font-size:24px; } .contitle1{ font-size:24px; } } .ce-in-deo:hover{ background-color: rgb(255 255 255 / 68%); color:#fff; box-shadow: 2px 3px 5px rgb(208 204 186 / 50%); } .Sharebox{ text-align:center; display: flex; justify-content: center; } .Sharebox span{ display:block; font-size: 16px; color: #2c2c2c; margin-top: 18px; } .Sharebox a{ margin:0 3vw; }.c_portalResnav_main-01001001 .show_ul{ overflow:hidden; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } .c_portalResnav_main-01001001 a{ color:#fff; } .c_portalResnav_main-01001001 .yj_link{ font-size: 16px; font-family: 'Gilroy-Bold'!important; } .c_portalResnav_main-01001001 .ej_link{ font-size:14px; color: #b4b4b4; line-height: 30px; } .c_portalResnav_main-01001001 .ej_ul{ margin-top: 10px; } @media only screen and (max-width: 768px){ .c_portalResnav_main-01001001 .nav{ display:none; } } .c_portalResnav_main-01001001 .ej_link:hover{ color: #fff; -webkit-transition: all .3s ease-in-out; transition: all .1s; }.w_grid-000{ margin-left: auto; margin-right: auto; min-height: 12rem; width: 100%; } .p_more{ width:200px; line-height:40px; height:40px; background-color:#f8b62a; color:#fff; text-align:center; margin:10px auto; margin-top: 30px; } .p_more .font{ line-height:40px; font-size:21px; } .p_more:active{background:#f8b62a;} .reset_style h3 span{font-family:'Gilroy-Bold'!important;} .reset_style h6{font-weight:500;} s{text-decoration:none!important;} @media only screen and (max-width: 768px){ .reset_style s{font-size:14px!important;} .reset_style s span{font-size:14px!important;} .reset_style h2 span{font-size:24px!important;} .reset_style h6 span{font-size:18px!important;} .panel-title{font-size:16px;} .p_more .font{font-size:16px;} } .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; } #w_fimg-1637567535902{ margin-left: 0px!important; } #w_fimg-1637568345527,#w_fimg-1637568647442,#w_fimg-1637568665813,#w_fimg-1637568667623{ max-width: 45px!important; } } @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){ }.c_portalResPublic_codeContainer-01001034 .kefu{ position:fixed; z-index:999; right: 20px; top:40%; } .c_portalResPublic_codeContainer-01001034 .imgbox{ background-color: rgb(255 255 255); width: 50px; text-align:center; cursor:pointer; transition:all 0.5s cubic-bezier(.165,.84,.44,1); -webkit-transition:all 0.5s cubic-bezier(.165,.84,.44,1); position:relative; display: flex; align-items: center; -webkit-justify-content: center; justify-content: center; margin: 10px 0; box-shadow: 0px 0px 5px rgb(0 0 0 / 10%); border-radius: 10px; height: 50px; } .c_portalResPublic_codeContainer-01001034 span{ display:block; color: #999; font-size: 12px; } .c_portalResPublic_codeContainer-01001034 .imgbox img{ display:block; margin:0 auto; margin-top:9px; max-width: 16px; } .c_portalResPublic_codeContainer-01001034 .imgbox .weixin{ position:absolute; opacity:0; margin-top:0px; height:0px; right:90px; top:30px; transition:all 0.3s cubic-bezier(.165,.84,.44,1); -webkit-transition:all 0.3s cubic-bezier(.165,.84,.44,1); box-shadow:0px 0px 10px rgba(0,0,0,0.2); } .c_portalResPublic_codeContainer-01001034 .top .imgbox{ background-color: #fcd000; margin-top:5px; border:none; } .c_portalResPublic_codeContainer-01001034 .top .imgbox span{ color:#fff; } .c_portalResPublic_codeContainer-01001034 .imgbox:hover{ background-color: #2d2523; } .c_portalResPublic_codeContainer-01001034 .imgbox:hover span{ color:#fff; } .c_portalResPublic_codeContainer-01001034 .imgbox:hover .tb{ filter:brightness(100); } .c_portalResPublic_codeContainer-01001034 .ewm:hover .weixin{ display:block; height:auto; opacity:1; top:0px; } .c_portalResPublic_codeContainer-01001034 .ds{ position:absolute; z-index:-1; right: 20px; display:block; color:#fff; background-color:#fff; transition:all 0.5s cubic-bezier(.165,.84,.44,1); -webkit-transition:all 0.5s cubic-bezier(.165,.84,.44,1); line-height: 50px; padding: 0 30px; top:0; font-size: 14px; box-shadow:0px 0px 10px rgba(0,0,0,0.1); opacity:0; width: 0; white-space: pre; overflow: hidden; border-radius: 100px; } .c_portalResPublic_codeContainer-01001034 .tel:hover .ds{ opacity:1; background-color: #2d2523; right: 50px; width: max-content; } .c_portalResPublic_codeContainer-01001034 .kefu i{font-size: 20px;color: #808080;line-height: 50px;} .c_portalResPublic_codeContainer-01001034 .kefu li:hover i{color:#fff;} @media only screen and (max-width: 768px){ .kefu{ display:none!important; } }.w_fline-001 .p_FLine{ width: 100%; border-top-width: 1px; border-top-style: solid; border-top-color:#f0f0f0; opacity:1; filter:alpha(opacity:100); display: inline-block; vertical-align: middle; } .w_fline-001{ width:100%; min-height:20px; display: block; margin: 0 auto; } .w_fline-001 .w_fline{ width:100%; min-height: inherit; font-size: 0; } .w_fline-001 .w_fline:before{ content: ""; display: inline-block; vertical-align: middle; min-height: inherit; width: 0; }@CHARSET "UTF-8"; *{ padding: 0; margin: 0; } .pagebox{ width: 100%; margin: 0px auto; }.pagebox,#-remove--flag{}body,#-remove--flag{} #c_portalResPublic_codeContainer-16137935153555011 .btn-primary{ background:none; } #c_portalResPublic_codeContainer-16137935153555011{ 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_portalResPublic_codeContainer-16337558559946844{ 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; } #c_portalResnav_main-16337562090836046{ 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; } #c_portalResnav_main-16119072319978953 .sjimg{ max-width:100%; } #c_portalResnav_main-16119072319978953 .sjmore{ display:flex; align-items:center; } #c_portalResnav_main-16119072319978953 .sjmore span{ display:inline-block; } #c_portalResnav_main-16119072319978953 .sjmore .imgbox{ flex-basis:40px; } #c_portalResnav_main-16119072319978953 .sjmore .tiebox{ flex-basis:calc(100% - 40px); line-height:1.6; } #c_portalResnav_main-16119072319978953 .fixed1{ position:fixed; top:0px; width:100%; box-shadow:0px 0px 10px rgb(0 0 0 / 10%); animation-name:lv-fadeinnav; animation-duration:.5s; animation-delay:0s; animation-fill-mode:both; } #c_portalResnav_main-16119072319978953{ 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-1611913832573 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } #w_grid-1611913832573 > div > .p_gridbox{ background-color:#f7f7f7; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1633751566420 > div > .p_gridbox{ background-color:rgba(52, 52, 52, 1); } #w_grid-1633751566420 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1633751566420 >div{ animation-fill-mode:both; } #w_grid-1633751566420 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1633751566420> div > .p_gridbox > .p_gridCell{ margin-bottom:2rem; margin-top:2rem; margin-left:0; } #w_grid-1633751566420> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1633751566420> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (min-width: 769px){ #w_grid-1633751566420> div > .p_gridbox > .p_gridCell{ margin-bottom:3rem; margin-top:3rem; margin-left:0px; } #w_grid-1633751566420> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1633751566420> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1633751566420> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1633751566420> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1633751566420> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1633751585775 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1633751585775 >div{ animation-fill-mode:both; } #w_grid-1633751585775 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1633751585775> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:7%; } #w_grid-1633751585775> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:31.759500000000003%; margin-left:7%; margin-right:0px; clear:none; } #w_grid-1633751585775> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:61.24049999999999%; } #w_grid-1633751585775> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1633751585775> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1633751585775> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:28.04%; margin-left:0; margin-right:0; clear:none; } #w_grid-1633751585775> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0; clear:left; margin-right:0; width:71.96000000000001%; } #w_grid-1633751585775> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0; } } #w_grid-1633751682894 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1633751682894 >div{ animation-fill-mode:both; } #w_grid-1633751682894 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1633751682894> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:2%; } #w_grid-1633751682894> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:49%; margin-left:2%; margin-right:0px; clear:none; } #w_grid-1633751682894> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:49%; } #w_grid-1633751682894> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1633751682894> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1633751682894> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:50%; margin-left:0; margin-right:0; clear:none; } #w_grid-1633751682894> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0; clear:left; margin-right:0; width:50%; } #w_grid-1633751682894> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0; } } #w_fline-1633756621916 .p_FLine{ border-top-color:rgba(80, 82, 83, 1); } #w_fline-1633756621916 .w_fline .p_FLine{ border-top-style:solid; } #w_fline-1633756621916 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fline-1633756621916 >div{ animation-fill-mode:both; } #w_grid-1615425254119 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } @media only screen and (max-width: 768px){ } @media only screen and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1611913832573{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:501px; 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-1633751566420{ 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-1633751585775{ width:90%; max-width:1480px; 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-1633751682894{ 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-1633751697429{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1633757244545{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:5px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fline-1633756621916{ width:90%; max-width:1480px; min-width:0px; height:auto; max-height:none; min-height:20px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1633756637813{ 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-1615425254119{ 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; }