html,body{margin: 0;padding: 0;} .pagebox{ position:relative; }#w_grid-1651626582906 .p_gridbox{ display: flex; align-items: center; } .xianshi{ display:block !important;width: 100%; float: left; height: auto; } #w_common_text-1651626794793{background: rgba(255,255,255,0.5); padding: 50px !important;} #w_common_text-1651625392665{ padding: 50px !important;} .backs { position: fixed;background:#fff; top: 0;z-index:9999; } #w_grid-1623226255955 {background:#fff;box-shadow:0 2px 5px rgb(0 0 0 / 10%);} #w_grid-1623226255955:hover{background:#fff;} #w_grid-1623226255955 #w_fimg-1650851620967{display:none !important;} #w_grid-1623226255955 #w_fimg-1623226567634{display:block !important;} #w_grid-1623226255955 .diaBtn svg { fill: #666 !important; } #w_grid-1623226255955 #w_common_text-1624006406492 span{color:#666 !important;} .backs #w_fimg-1650851620967{display:none !important;} .backs #w_fimg-1623226567634{display:block !important;} .backs #c_portalResSearch_total-16232263457882716 .diaBtn svg { fill: #666 !important; } .backs #w_common_text-1624006406492 span{color:#666 !important;} #w_grid-1625714490369{ } body .p_page .pageNum:hover { color: #fff; border-color: #d7092f; cursor: pointer; text-decoration: none; background-color: #d7092f; } body .p_page .pageNum.active { text-decoration: none; background-color: #433f3f; color: #fff; border-color: #433f3f; } body .p_page .next:active { background: #433f3f; border-color: #433f3f; color: #fff; } body .p_page .next:hover { background: #433f3f; border-color: #433f3f; color: #fff; cursor: pointer; } body .p_page .pre:active { background: #433f3f; border-color: #433f3f; color: #fff; } body .p_page .pre:hover { color: #fff; background: #433f3f; border-color: #433f3f; cursor: pointer; } #c_portalResnav_main-16257991160792494 .qwe0:hover .ej_li .zxc8{ display: block; background: #fff;height: 100%; } #c_portalResnav_main-16257991160792494 .qwe0:hover .ej_li .rty14{ color: #D80930;height: 100%; background-color: #fff; } #w_common_text-1624075625427:hover span{ color:#fff !important; } #w_common_text-1624075684212:hover span{ color:#fff !important; } #w_common_text-1624075688651:hover span{ color:#fff !important; } #w_common_text-1624075690843:hover span{ color:#fff !important; } #c_portalResBreadcrumb_nav-16271020995665848{ display: flex !important; justify-content: flex-end !important; } #c_portalResBreadcrumb_nav-1628152585272{ display: flex !important; justify-content: flex-end !important; } #c_portalResBreadcrumb_nav-1628157954643{ display: flex !important; justify-content: flex-end !important; } #c_portalResBreadcrumb_nav-1628158773264{ display: flex !important; justify-content: flex-end !important; } #c_portalResBreadcrumb_nav-1628158912498{ display: flex !important; justify-content: flex-end !important; } #c_portalResBreadcrumb_nav-1628159040540{ display: flex !important; justify-content: flex-end !important; } #c_portalResBreadcrumb_nav-1628159133785{ display: flex !important; justify-content: flex-end !important; } #c_portalResPublic_codeContainer-16243233701801580 .active{ opacity:1 !important; } .color_info { color: #262626; } #w_grid-1616125460992{ margin-top:0px !important; } #c_portalResBreadcrumb_nav-16271273510900232{ display: flex !important; justify-content: flex-end !important; } #c_portalResBreadcrumb_nav-16271272468854238{ display: flex !important; justify-content: flex-end !important; } #c_portalResBreadcrumb_nav-16271271389698944{ display: flex !important; justify-content: flex-end !important; } #c_portalResBreadcrumb_nav-16271270098206184{ display: flex !important; justify-content: flex-end !important; } #c_portalResBreadcrumb_nav-16271268768993424{ display: flex !important; justify-content: flex-end !important; } #c_portalResBreadcrumb_nav-16271265843776271{ display: flex !important; justify-content: flex-end !important; } #c_portalResBreadcrumb_nav-16271025245065692{ display: flex !important; justify-content: flex-end !important; } #c_portalResBreadcrumb_nav-16271019270559617{ display: flex !important; justify-content: flex-end !important; } #c_portalResBreadcrumb_nav-16271017894927071{ display: flex !important; justify-content: flex-end !important; } #c_portalResBreadcrumb_nav-16271016605064879{ display: flex !important; justify-content: flex-end !important; } #c_portalResBreadcrumb_nav-16271015206707244{ display: flex !important; justify-content: flex-end !important; } #c_portalResBreadcrumb_nav-16271014041414635{ display: flex !important; justify-content: flex-end !important; } #c_portalResBreadcrumb_nav-16270990224999992{ display: flex !important; justify-content: flex-end !important; } #c_portalResBreadcrumb_nav-16271003584498931{ display: flex !important; justify-content: flex-end !important; } #c_portalResBreadcrumb_nav-16271007535657175{ display: flex !important; justify-content: flex-end !important; } #c_portalResBreadcrumb_nav-16271010868755278{ display: flex !important; justify-content: flex-end !important; } .active01 .more { color: rgba(215,9,47,1) !important; } @media screen and (min-width: 769px){ #c_portalResFriendlink_list-16257408904924070{ min-height:0px !important; margin-bottom: 30px !important; } .active01 .more:before { position: absolute; content: ''; bottom: 0px; height: 3px; width: 80% !important; left: 10% !important; background-color:rgba(215,9,47,1) !important; transition: all .3s; } } .swiper-slide .more:active{ color: rgba(244, 44, 54, 1) !important; font-weight: bold; } @media screen and (max-width: 768px){ .yidong img{ width:100% !important; } #w_common_text-1624344732820 {margin-top: 0 !important;} #w_tabswitchbox-1650856655849{display:none;} #w_fimg-1650857264369 {margin-top: 0px !important;} #w_fimg-1650855893428 {margin-top: 30px !important;} #w_grid-1650855869312 {margin-top: 20px !important;padding-left: 20px !important;padding-right: 20px !important;} #w_common_text-1650855988897 span{font-size: 14px !important;} #w_grid-1650858553073,#c_portalResNews_list-16508585538858648{padding:0 20px !important;}  #w_grid-1628153285114,#w_grid-1624257859132,#w_grid-1616057236393,#w_grid-1616058131926,#w_grid-1624344732720,#w_grid-1625711379261,#w_grid-1624264325481,#w_grid-1627035194550,#w_grid-1624263179695{padding:0 0 0 20px !important;} #w_grid-1628152585227,#c_portalResNews_list-15892529500904751,#c_portalResMessage_form-16510371044947621{padding:0 10px !important;} #w_grid-1623391286432{padding:0 0px !important;} #w_grid-1623333909758,#c_portalResIntro_detail-1624257859207,#w_grid-1624344732760,#w_grid-1633600867079,#w_grid-1624264325521,#c_portalResCompanyFile_list-16291707722558932,#w_grid-1628153285114,#w_grid-1628160660670,#w_grid-1651632867877,#w_common_text-1651825223145,#w_grid-1651825223149{padding:0 20px !important;}  #w_grid-1627541541259 {margin-top: 30px !important;} #w_grid-1627541541259,#w_fline-1623227173092,#w_grid-1623227173158{padding:0 20px !important;} #w_grid-1628159133725{ min-height: auto !important; } #w_grid-1628158773204{ min-height: auto !important; } .c_portalResEnquiry_submitForm-01001 .p_productListPop .p_tabelHr .p_code{ margin-top: 10px !important; } #c_portalResNews_list-15892529500904751{ margin-bottom: 0px !important; } #c_portalResFriendlink_list-16257408904924070{ min-height: 0px !important; } .active01 a:before { position: absolute; content: ''; bottom: 0px; height: 3px; width: 60% !important; left: 0% !important; background-color:rgba(215,9,47,1) !important; transition: all .3s; } } #w_common_text-1623292403368{ margin-top: 100px !important; } #c_portalResProduct_list-16244944361508442{ margin-bottom: 70px !important; } #w_common_text-1624112598401{ margin-top: 100px !important; } #w_common_text-1624112609418{ margin-bottom: 70px !important; } @media screen and (max-width: 768px){ #w_fimg-1623226567634 { max-width: 180px !important; } #c_portalResProduct_list-16291086362939764{ margin-top: 40px !important; } #w_grid-1628159040480{ min-height:auto !important; } #w_grid-1628158912438{ min-height:auto !important; } #w_common_text-1625711916405{ margin-top: 0px !important; } #w_grid-1616057236393{ width: 100% !important; } #w_grid-1624268045669{ width: 100% !important; } #w_grid-1625711379261{ width: 100% !important; } #w_grid-1616058131926{ width: 100% !important; } #w_grid-1624267574334{ width: 100% !important; } #w_grid-1623333909728{ padding-left: 20px !important; padding-right: 0px !important; } #w_common_text-1627958192616 span{ font-size: 24px !important; } #c_portalResFile_relatedlist-1628160660725{ padding-left: 0px !important; padding-right: 0px !important; margin-top:20px !important; } #w_common_text-1624109655019 span{ font-size:24px !important; } #w_common_text-1624109655019{ padding-top: 50px !important; margin-bottom: 10px !important; } #w_fimg-1624109650797{ max-width: 260px !important; margin-bottom: 0px !important; min-height: 20px !important; } #c_portalResBreadcrumb_nav-1628152585272{ height: 0px !important; padding-top: 0px !important; } .borderB_dividers{ border-bottom: 0px solid #e8e8e8 !important; } #w_grid-1616067151178{ display:none !important; } #w_fimg-1627867778420{ max-width: 280px !important; } #w_grid-1627867811376{ display:none !important; } #c_portalResnav_main-16278680761604037{ margin-top:0px !important; } #w_fimg-1627541475894{ display:none !important; } #w_common_text-1627866666036{ display:none !important; } #w_fimg-1627866789258{ display:none !important; } #w_common_text-1627866846681{ display:none !important; } #c_portalResPublic_codeContainer-16243233701801580{ min-height: 650px !important; } #c_portalResPublic_codeContainer-16243233701801580 .jjf{ margin-top:18% !important; } #w_grid-1623226567605{ padding-left: 0px !important; padding-right: 0px !important; } #w_grid-1616125460992{ margin-top:0px !important; } #w_common_text-1623292403368{ margin-top: 60px !important; } #c_portalResProduct_list-16244944361508442{ margin-bottom: 60px !important; } #w_common_text-1624112598401{ margin-top: 60px !important; } #w_common_text-1624112609418{ margin-bottom: 20px !important; } #w_grid-1623227173087{ width:100% !important; } #w_grid-1623227173087{ padding-left: 10px !important; padding-right: 10px !important; } #w_common_text-1623227173164{ padding-left: 0px !important; padding-right: 0px !important; padding-left:0px; } .c_portalResEbizads_banner-01001013 .subpage_ad .text{ z-index:0 !important; } #w_grid-1623226567605{ padding-left: 0px !important; padding-right: 0px !important; } #w_common_text-1623227173168{ padding-left: 0px !important; padding-right: 0px !important; } #w_common_text-1624112598401 span{ font-size:36px !important; } #w_common_text-1623292403368 span{ font-size:36px !important; } div#content_box-1623227173087-2{ display:none !important; } } #w_fimg-1623227378593{ float: left !important;} .hzkh{width:100%;float:left;} .hzkh img{float:left;width: 18% !important;padding: 10px;border: #ccc 1px solid !important;margin:1%;} .hzkh2{width:100%;float:left;} .hzkh2 img{float:left;width: 31% !important;height: auto !important;padding: 10px;border: #ccc 0px solid !important;margin:1%;} .hzkh3{width:100%;float:left;} .hzkh3 img{float:left;width: 48% !important;height: auto !important;padding: 10px;border: #ccc 0px solid !important;margin:1%;} .fl { height: 100px; position: absolute; overflow: hidden; -webkit-transition: all .3s ease; transition: all .3s ease; z-index: 99999; width: 253px; top: 25px; left: 30px; } .jtt{position: absolute;top: 16px;right: 20px;} .jtt .before:before { content: '\e6a7'; font-size: 16px; margin-right: 5px; } .jtt .iconfont { display: block !important; } .ej_ul:hover .before:before {color:#eee;} .subnav23 a{ color: #fff; } .subnav23:Hover a{ color: #fff; } .subnav23 { width: 130px; line-height: 39px; background-color: #45413e; border-radius: 100px; padding-left: 53px; color: #fff; text-align: left; font-size: 14px; position: absolute; top: 0px; right: 30px; margin-top: 31px; transition: all 0.3s; background: url(/img/ne.png?tenantId=277374&viewType=1&v=000) #de1b1a 24px center no-repeat; } .subnav23:hover { width: 130px; line-height: 39px; background-color: #45413e; border-radius: 100px; padding-left: 53px; text-align: left; font-size: 14px; position: absolute; top: 0px; right: 30px; margin-top: 31px; transition: all 0.3s; background: url(/img/ne.png?tenantId=277374&viewType=1&v=000) #292929 24px center no-repeat; } .fixed { background: rgba(255, 255, 255, 1) !important; box-shadow: 3px 2px 5px rgba(0,0,0,0.2) !important; } .fixed .yj_link { color: #404040 !important; } a { color: #444; text-decoration: none; } a:Hover { color: #D80930; text-decoration: none; } .p_pagebox .next{ background-color: #5d5d5d!important; border-color: #d4a877!important; border: none; color: #fff!important; } .p_pagebox .pre{ background-color: #5d5d5d!important; border-color: #d4a877!important; border: none; color: #fff!important; } #w_grid-1589185837841 { width: 100%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 585px; margin-top: 0px !important; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } .jjmore2{ background-color: none; border-color: #a4c2b4; width: 145px; height: 40px; line-height: 36px; font-size: 14px; margin-top: 9%; color: #515151; border-width: 1px; border-style: none; padding-top: 0px; padding-right: 20px; padding-left: 20px; text-align: center; min-height: inherit; border: #7c7c7c 1px solid; } .jjmore2:hover { color: #ffffff; background-color:#de1b1a; border-width: 1px; border-style: none; padding-top: 0px; padding-right: 20px; padding-left: 20px; text-align: center; min-height: inherit; border: #de1b1a 2px solid; } .jjmore2:hover{ color:#fff !important; } #c_portalResPublic_codeContainer-16123347279674313 { border-top:1px dashed rgba(255, 255, 255, 0.17) !important; } .qiu{border:#FFFFFF 2px solid;width: 96px;height:96px;font-size: 16px;color: #fff;line-height: 20px;border-radius: 50%;text-align: center;padding: 10px;display: flex;justify-content: left !important;align-items: center;} .qiu1{margin-left: 90%;} .qiu2{margin-bottom:30px } # .qiu3{ } .qiu4{margin-left: 90%;} .item { border: 0px solid #d9d9d9; } .pt3a{text-align:center;margin-bottom: 10px !important;} .pt3b{text-align:center;margin-bottom: 0px !important;font-weight: bold;letter-spacing: 20px;font-size: 53px !important;} .pt3c{text-align: center; width: 800px; letter-spacing: 16px; margin: auto; font-size: 18px !important;} .item:hover { border: 0px solid #d9d9d9; } .fl{ float:left;} .fr{ float:right;} .pr{position: relative;} .swiper-pagination-bullets .swiper-pagination-bullet-active:before { content: ''; width: 22px; height: 22px; border: 0px #007fb3 solid !important; top: 50%; left: 50%; display: block; margin-left: -7px; margin-top: -7px; border-radius: 100%; } .p1_t { font-size: 32px !important; line-height: 35px !important; color: #ffffff !important; } .spbg1{background: url(/img/abg.png?tenantId=277374&viewType=1&v=000) left top repeat-x;position:absolute;top:0px;left:0px;width: 100%;z-index: 99999999999;height: 511px;} .banner-text{position:absolute;top: 0px;left: 0px;width: 100%;background-color: rgba(0,56,141,0.26);background-image: url(/img/kkj.png?tenantId=277374&viewType=1&v=000);height: 100%;z-index:999999;} .banner-text2{position:absolute;top: 0px;left: 0px;width: 100%;background-color: rgba(0,0,0 ,0);height: 100%;z-index:999999;} .banner-text3{position:absolute;top: 0px;left: 0px;width: 100%;background-color: rgba(0,0,0 ,0);height: 100%;z-index:999999;} .ff3 { line-height: 94px; font-size: 30px; color: #fff; font-weight: 700; margin-top: 0; text-align: left; padding-left: 6%; width: 100%; position: absolute; bottom: 20%; } .gy2{font-size: 24px;margin: auto;width:100%;margin-top: 0px;margin-bottom: 40px;line-height: 30px;color:#fff;font-weight: 100;} .ff2 { line-height: 94px; font-size: 30px; color: #fff; font-weight: 700; margin-top: 0; text-align: right; padding-right: 6%; width: 100%; position: absolute; bottom: 20%; } .gy{font-size: 16px;margin: auto;width: 80%;margin-top: 10px;max-width: 950px;margin-bottom: 40px;line-height: 30px;font-family: "Gotham SSm A","Gotham SSm B" !important;color:#fff;font-weight: 100;} .jmoreb{transition: all 0.3s !important;margin: auto;width: 210px;pointer-events: auto;} .jmore4{transition: all 0.3s !important;font-size: 15px;margin-top: 10px;line-height: 20px;font-weight: 700;font-family: "Gotham SSm A","Gotham SSm B" !important;padding: 10px;text-align:center;margin: auto;width: 165px;border: #fff 2px solid;color:#fff;} .jmore{transition: all 0.3s !important;font-size: 15px;float:left;margin-left: 0px;margin: auto;margin-top: 30px;line-height: 22px;font-weight: 700;border-radius: 32px;font-family: "Gotham SSm A","Gotham SSm B" !important;padding: 12px;text-align:center;width: 210px;border: #fff 2px solid;color:#fff;} .jmore:hover{transition: all 0.3s !important;border: #0080cb 2px solid;color:#0080cb;} .jmore2{transition: all 0.3s !important;font-size: 15px;float:left;margin-top: 40px;margin-left: 0px;line-height: 20px;font-weight: 700;font-family: "Gotham SSm A","Gotham SSm B" !important;padding: 12px;text-align:center;width: 177px;border: #0080cb 2px solid;background-color: #0080cb;color:#fff;} .jmore2:hover{transition: all 0.3s !important;font-size: 15px;float:left;margin-top: 40px;margin-left: 0px;line-height: 20px;font-weight: 700;font-family: "Gotham SSm A","Gotham SSm B" !important;padding: 12px;text-align:center;width: 177px;border: #ffffff 2px solid;background-color: #ffffff;color: #0080cb;} .jmore3{transition: all 0.3s !important;font-size: 15px;margin:auto;margin-top: 40px;line-height: 20px;font-weight: 700;font-family: "Gotham SSm A","Gotham SSm B" !important;padding: 12px;text-align:center;width: 177px;border: #fff 2px solid;color:#fff;} .jmore3:hover{transition: all 0.3s !important;font-size: 15px;margin:auto;margin-top: 40px;line-height: 20px;font-weight: 700;font-family: "Gotham SSm A","Gotham SSm B" !important;padding: 12px;text-align:center;width: 177px;border: #0080cb 2px solid;color:#0080cb;} .ff1{ line-height: 94px; font-size: 30px; color: #fff; font-weight: 700; margin-top: 16%; text-align:center; } .ff1 span{ transition: all 2s ease .5s; transform: translateY(0); opacity: 1; } .spbg{ position: absolute !important; top: 0% !important; background-color: rgba(0, 0, 0, 0.34); height: 1999px; left: 0px !important; width: 100%; z-index: 1; right: auto; } #w_grid-1612333928812{ overflow: hidden !important;} #w_grid-1612334731108{ overflow: visible !important;} #w_grid-1612334731108 > div { position: absolute; bottom: 0; z-index: 999999999999999; } @media screen and (max-width: 1600px) { } @media screen and (max-width: 1600px) { #w_common_text-1612345112917{ display:None !important; } #w_grid-1612340022506 { width: 90%; max-width: 1400px; min-width: 0px; height: auto; max-height: none; min-height: 192px; margin-top: 7% !important; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #c_portalResnav_main-16180284058524343 .yj_li { margin: 0px 25px !important;} #w_common_text-1623227343235 span{font-size: 16px !important; line-height: 30px !important;} #c_portalResnav_main-16180284058524343 .yj_li { margin: 0px 20px !important;} } @media only screen and (max-width: 768px) and (min-width: 440px){ #c_portalResNews_list-16241004015924706 .porBbox{ padding:20px 0px 0px 0px !important; } } @media screen and (max-width: 768px) { .right_bar{ display: none !important; } #w_common_text-1623292403371{ margin-top:30px !important; margin-bottom:0px !important; } #w_grid-1616125461002{ display:none !important; } } td,th{ width:50% !important; float:left !important; } div#content_box-1623227173087-2{ } #w_grid-1623226567605{ min-height: 100px !important; } #w_grid-1623226255955{ min-height: 100px !important; } .c_portalResCompanyFile_category-01001 .p_category { height: 100%; width: 100%; z-index: 9999999999 !important; position: relative; } .form-control { background-color: #efefef !important; } .c_portalResProduct_detail-01001003 table { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center; margin: auto; width: 100% !important; } .jtt { position: absolute; top: 16px; right: 20% !important; } #c_portalResnav_main-16180284058524343:hover .yj_link { color: #ffffff !important; } #c_portalResnav_main-16180284058524343 .yj_li { margin: 0px 0px !important; } #c_portalResnav_main-16180284058524343 { transition: all 700ms; position: fixed !important; top: 0px!important; left: auto !important;  width: 100% !important; z-index: 999999; height: 60px !important; right: 0px !important; } .subnav23 { display: none !important; } .fl { height: auto; position: absolute; overflow: hidden; -webkit-transition: all .3s ease; transition: all .3s ease; z-index: 99999; width: 160px !important; top: 6px; left: 30px; } .fl img{max-width:100%;} #c_portalResComplaintPage_detail-16168243494682973 table { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center; margin: auto; width: 100% !important; table-layout: auto !important; } #c_portalResProduct_detail-16161256381628540 { width: 90%; max-width: 1400px; min-width: 250px; height: 100%; max-height: 100%; min-height: 0px; margin-top: 10px !important; margin-left: auto; margin-right: auto; margin-bottom: 50px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_grid-1616125461002 { width: 90%; max-width: 1400px; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 0px !important; margin-left: auto; margin-right: auto; margin-bottom: 0px !important; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_grid-1616067151238 { width: 90%; max-width: 1400px; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 0px !important; margin-left: auto; margin-right: auto; margin-bottom: 30px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_grid-1616120729677,#w_grid-1616125460982 { 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; background-color: #e8e8e8; padding-bottom: 0px; } .c_portalResProduct_list-01001022 .listName { margin-bottom: 15px; font-size: 25px; margin-top: 20px !important; text-align: left; font-weight: bold !important; } .c_portalResProduct_list-01001022 .listName A { COLOR: #333; font-weight: bold !important; white-space: break-spaces; font-size: 18px; } .c_portalResProduct_list-01001022 .p_summary{overflow:hidden;line-height: 22px;color: #888;display:-webkit-box;-webkit-box-orient:vertical;font-size:12px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;-webkit-line-clamp:3px;} #c_portalResProduct_list-01001022 .listName { margin-bottom: 15px; font-size: 16px !important; line-height: 32px !important; margin-top: 20px; text-align: left; font-weight: bold !important; } #w_grid-1615366797225 { width: 100%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 152px !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; } .SEE-title1 a { font-size: 14px !important; font-weight: bold; color: #565656; } #w_grid-1603177659261 > div > .p_gridbox { background-image: url(/img/mg1.jpg?tenantId=277374&viewType=1&v=000) !important; } #c_portalResPublic_codeContainer-16123229897753150 .box a { width: 50% !important; display: inline-block; text-align: center; float: left; position: relative; } #c_portalResPublic_codeContainer-16123229897753150 .box li { width: 110px; border: 1px dashed rgba(255, 255, 255, 0.17) !important; border-radius: 20px; height: 110px; overflow: hidden; transition: all 0.5s; position: relative; margin: 0 auto 20px !important; } #w_grid-1623227173087{margin-top: 50px !important; margin-bottom: 30px !important;} #w_common_text-1612322285225 span{ font-size: 38px !important;} .qiu { display:None !important;} .mgg1{top: 8%;left: 0;position: absolute !important;} .mgg1_a{font-size:44px !important;} .mgg1_b{font-size: 22px !important;line-height: 60px;} .mgg2_a{font-size: 40px !important;line-height: 40px !important;} .mgg2_b{font-size: 40px !important;line-height: 40px !important;} .mgg2_a span{font-size: 40px !important;line-height: 50px !important;} .mgg2_b span{font-size: 40px !important;line-height: 50px !important;} .mgg2_c {line-height: 20px !important;margin-top: 13px;} #c_portalResPublic_codeContainer-16153439859163340 .p_3_img { width: 90% !important; bottom: -440px !important; right: 0% !important; position: absolute; opacity: 1; } .c_portalResnav_main-01001005 .header2 .logo { width: 250px; height: 40px; margin-top: 16px !important; overflow: hidden; } } #c_portalResPublic_codeContainer-16123347279674313 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResPublic_codeContainer-16123347279674313 .clearfix{ clear:both; } #c_portalResPublic_codeContainer-16123347279674313 .b_box{ position:relative; } #c_portalResPublic_codeContainer-16123347279674313 .b_box ul{ max-width:1440px; padding:0 20px; margin:0 auto; } #c_portalResPublic_codeContainer-16123347279674313 .b_box li{ width:20%; border-right:1px solid rgba(255, 255, 255, 0.2); float:left; } #c_portalResPublic_codeContainer-16123347279674313 .tp{ height:33px; width:auto; } #c_portalResPublic_codeContainer-16123347279674313 .b_box li:nth-child(1){ border-left:1px solid rgba(255, 255, 255, 0.2); } #c_portalResPublic_codeContainer-16123347279674313 .box{ position:relative; } #c_portalResPublic_codeContainer-16123347279674313 .bt{ font-size:18px; color:#fff; margin-top:15px; margin-bottom:50px; } #c_portalResPublic_codeContainer-16123347279674313 .mor{ font-size:14px; color:rgba(255, 255, 255, 0.32); } #c_portalResPublic_codeContainer-16123347279674313 .nr{ text-align:left; padding:35px 0; padding-left:55px; opacity:1; transition:all 0.5s; } #c_portalResPublic_codeContainer-16123347279674313 .bg{ position:absolute; bottom:-200%; background:url(/img/dd.jpg?tenantId=277374&viewType=1&v=000)no-repeat; transition:all 1s; background-size:100%; } #c_portalResPublic_codeContainer-16123347279674313 .nr2{ padding-top:60px; padding-left:30px; padding-right:50px; padding-bottom:30px; color:#fff; } #c_portalResPublic_codeContainer-16123347279674313 .bt2{ font-size:18px; } #c_portalResPublic_codeContainer-16123347279674313 .ms{ font-size:14px; padding-top:25px; padding-bottom:130px; } #c_portalResPublic_codeContainer-16123347279674313 .more{ font-size:14px; position:relative; color:#fff; display:block; } #c_portalResPublic_codeContainer-16123347279674313 .more::before{ content:''; position:absolute; background:url(//dfs.yun300.cn/group1/M00/1D/88/rBQBHF-Gu6qEEnrTAAAAAH70tCk472.png?tenantId=277374&viewType=1&v=000)no-repeat; width:25px; height:10px; right:0px; top:5px; } #c_portalResPublic_codeContainer-16123347279674313 .b_box li:hover .nr{ opacity:0; } #c_portalResPublic_codeContainer-16123347279674313 .b_box li:hover .bg{ bottom:0px; } @media only screen and (max-width: 1440px) and (min-width: 769px){ #c_portalResPublic_codeContainer-16123347279674313 .nr2 { padding-top: 43px; padding-left: 15px; padding-right: 25px; padding-bottom: 30px; color: #fff; } #c_portalResPublic_codeContainer-16123347279674313 .ms { font-size: 14px; padding-top: 10px; padding-bottom: 20px; } } @media only screen and (max-width: 768px){ .c_portalResProduct_list-01001{ margin-top: 20px !important; margin-bottom: 0px !important; } #w_grid-1623226567605{ min-height: 70px !important; } #w_grid-1623226255955{ min-height: 70px !important; } #w_grid-1612320382918,#w_grid-1623287254785,#w_grid-1623288639507,#w_grid-1623291802795{ margin-top: 50px !important; margin-bottom: 50px !important;} #w_grid-1616125460992{ margin-top: 0px !important; } #c_portalResPublic_codeContainer-16123347279674313 .b_box li{ width:50%; border:1px solid rgba(255, 255, 255, 0.2); float:left; } #c_portalResPublic_codeContainer-16123347279674313 .nr { text-align: left; padding: 20px 0; padding-left: 15px; opacity: 1; transition: all 0.5s; } #c_portalResPublic_codeContainer-16235808323999187{ margin-top: 60px !important; margin-bottom: 60px !important;} #w_grid-1623589949722{ margin-top: 60px !important;} #c_portalResPublic_codeContainer-16123347279674313 .bg { position: absolute; bottom: 0; background: url(//dfs.yun300.cn/group1/M00/1A/9C/rBQBHV-GuK2EflRwAAAAAI_pi2g585.png?tenantId=277374&viewType=1&v=000)no-repeat; transition: all 1s; background-size: 100%; opacity: 0; } #c_portalResPublic_codeContainer-16123347279674313 .b_box li:hover .bg { bottom: 0px; opacity: 1; } #c_portalResPublic_codeContainer-16123347279674313 .nr2 { padding-top: 13px; padding-left: 15px; padding-right: 15px; padding-bottom: 20px; color: #fff; } #c_portalResPublic_codeContainer-16123347279674313 .ms { font-size: 14px; padding-top: 19px; padding-bottom: 20px; } } #c_portalResPublic_codeContainer-16123347279674313{ max-height:none; padding-top:0px; padding-left:0px; padding-bottom:0px; min-height:0px; margin-right:auto; margin-left:auto; max-width:none; width:100%; margin-top:0px; margin-bottom:0px; min-width:0px; height:auto; padding-right:0px; } #c_portalResPublic_codeContainer-16123229897753150 .clearfix{ clear:both; } #c_portalResPublic_codeContainer-16123229897753150 .box{ border-bottom:1px dashed rgba(255, 255, 255, 0.17); } #c_portalResPublic_codeContainer-16123229897753150 .box ul{ max-width:1440px; margin:0 auto; padding:0 20px; padding-bottom:123px; } #c_portalResPublic_codeContainer-16123229897753150 .box a{ width:calc(25% - 4px); display:inline-block; text-align:center; float:left; position:relative; } #c_portalResPublic_codeContainer-16123229897753150 .box li{ width:110px; border:1px dashed rgba(255, 255, 255, 0.17); border-radius:20px; height:110px; overflow:hidden; transition:all 0.5s; position:relative; margin:0 auto; } #c_portalResPublic_codeContainer-16123229897753150 .tp{ position:absolute; left:50%; top:39%; transform:translate(-50%,-50%)scale(1); transition:all 0.5s; } #c_portalResPublic_codeContainer-16123229897753150 .bt{ font-size:14px; color:#fff; bottom:16px; position:absolute; left:44%; transform:translateX(-37%); } #c_portalResPublic_codeContainer-16123229897753150 .box a::before{ content:''; background:url(//dfs.yun300.cn/group1/M00/1D/87/rBQBHF-GlwqES2wKAAAAAEJNM6w108.png?tenantId=277374&viewType=1&v=000)no-repeat; width:9px; height:128px; position:absolute; bottom:-113%; left:49%; } #c_portalResPublic_codeContainer-16123229897753150 .box li:hover{ background:#de1b1a; } #c_portalResPublic_codeContainer-16123229897753150 .box li:hover img{ transform:translate(-50%,-50%)scale(1.1); } @media only screen and (max-width: 1440px) and (min-width: 769px){ #c_portalResPublic_codeContainer-16123229897753150 .box a::before{ display:none; } } .picB img{ animation:toon 15s ease-out 0s infinite; } @keyframes toon{ 0% { transform:scale(1,1); } 50% { transform:scale(1.05,1.05); } 100% { transform:scale(1,1); } }