html,body{margin: 0;padding: 0;} .pagebox{ position:relative; }.p_gridbox:before { content: ""; clear: both; display: block; } .p_gridbox:after { content: ""; clear: both; display: block; }  .jom_cateOutBox{ position:relative; z-index:2; } .jom_cateHeaderBox{ color:#fff; fill:#fff; position:relative; background-color:#de4847; padding:20px 10px; margin-bottom:2px; cursor: pointer; } .jom_cateHeaderBox .icon{ display:inline-block; vertical-align:middle; width:30px; height:30px; -webkit-transition:all .3s ease; transition:all .3s ease; } .jom_cateHeaderBox .icon01{ display:inline-block; } .jom_cateHeaderBox .icon02{ display:none; } .jom_cateHeaderBox.btnToggle .icon01{ display:none; } .jom_cateHeaderBox.btnToggle .icon02{ display:inline-block; } .jom_cateHeaderBox .text{ display:inline-block; vertical-align:middle; } .jom_cateHeaderBox .text .cn{ font-size:18px; } .jom_cateHeaderBox .text .en{ font-size:14px; } .jom_cateout{ position:relative; font-size:0; } .jom_cateout .jom_cateListLi{ padding:0; } .jom_cateLiName{ position:relative; } .jom_cateLiName .jom_cateLink{ position:relative; font-size:14px; display:inline-block; vertical-align:middle; width:100%; height:40px; line-height:40px; color:#1e1e1e; white-space:nowrap; overflow:hidden; padding:0 20px; -webkit-transition:all .3s ease; transition:all .3s ease; } .jom_cateLiName .jom_btnjt{ position:absolute; top:0; right:50px; font-size:14px; display:inline-block; vertical-align:middle; width:40px; height:40px; text-align:center; line-height:40px; color:#1e1e1e; -webkit-transition:all .3s ease; transition:all .3s ease; opacity: 0; } .jom_cateout .jom_cateListLi:hover .jom_cateLiName .jom_cateLink{ background-color:#de4847; color:#fff; text-indent: 1em; } .jom_cateout .jom_cateListLi:hover .jom_cateLiName .jom_btnjt{ right:0px; color:#fff; opacity: 1; } .jom_cateout .jom_cateListLi .jom_cateLiName.light .jom_cateLink{ background-color:#de4847; color:#fff; text-indent: 1em; } .jom_cateout .jom_cateListLi .jom_cateLiName.light .jom_btnjt{ right:0px; color:#fff; opacity: 1; } .LevelCateOutBox .jom_cateHeaderBox{ display:none; } .LevelCateOutBox .jom_cateout .jom_cateListLi{ display:inline-block; vertical-align:middle; min-width: 60px; text-align: center; } .LevelCateOutBox .jom_cateLiName .jom_cateLink{ height:60px; line-height:60px; } .LevelCateOutBox .jom_cateLiName .jom_cateLink:after{ content: ''; display:block; position:absolute; height:24px; width:1px; background-color:#ccc; top:50%; margin-top:-12px; left:0; } .LevelCateOutBox .jom_cateListLi:first-child .jom_cateLiName .jom_cateLink:after{ display:none; } .LevelCateOutBox .jom_cateLiName .jom_btnjt{ display:none; } .LevelCateOutBox .jom_cateout .jom_cateListLi:hover .jom_cateLiName .jom_cateLink{ background-color:#de4847; color:#fff; text-indent: 0em; } .LevelCateOutBox .jom_cateout .jom_cateListLi .jom_cateLiName.light .jom_cateLink{ background-color:#de4847; color:#fff; text-indent: 0em; } .LevelCateOutBox .jom_cateout .jom_cateListLi:hover .jom_cateLiName .jom_cateLink:after{ display:none; } .LevelCateOutBox .jom_cateout .jom_cateListLi .jom_cateLiName.light .jom_cateLink:after{ display:none; } @media only screen and (max-width: 768px) { .jom_cateHeaderBox{ padding:10px; } .jom_cateout .jom_cateListLi{ display:inline-block; vertical-align:middle; min-width:60px; text-align:center; margin:2px; } .jom_cateLiName .jom_cateLink{ height: 30px; line-height: 30px; font-size:12px !important; padding: 0 5px; } .jom_cateLiName .jom_cateLink:after{ content: ''; display:block; position:absolute; height:20px; width:1px; background-color:#ccc; top:50%; margin-top:-10px; left:0; } .jom_cateListLi:first-child .jom_cateLiName .jom_cateLink:after{ display:none; } .jom_cateLiName .jom_btnjt{ display:none; } .jom_cateout .jom_cateListLi:hover .jom_cateLiName .jom_cateLink{ text-indent: 0em; } .jom_cateout .jom_cateListLi .jom_cateLiName.light .jom_cateLink{ text-indent: 0em; } .jom_cateout .jom_cateListLi:hover .jom_cateLiName .jom_cateLink:after{ display:none; } .jom_cateout .jom_cateListLi .jom_cateLiName.light .jom_cateLink:after{ display:none; } .LevelCateOutBox .jom_cateHeaderBox{ display:block; } .LevelCateOutBox .jom_cateLiName .jom_cateLink { height: 30px; line-height: 30px; } .LevelCateOutBox .jom_cateLiName .jom_cateLink:after{ height:20px; margin-top:-10px; } }   .jom_onpageBox{ padding:0; font-size:14px; line-height:20px; text-align:left; } .jom_onpageBox *{ display: inline-block; vertical-align: middle; } .jom_onpageBox span{ color:#666; } .jom_onpageBox a{ color:#de4847; } .jom_onpageBox a:hover{ color:#de4847; } .jom_onpageBox span.jom_endPage{ color:#999; } .jom_onpageBox span.weizhi .iconfont { vertical-align: bottom; } .jom_onpageBox span.weizhi .iconfont:before { font-size: 20px; } @media only screen and (max-width: 768px) { .jom_onpageBox{ text-align:left; } }  Body{overflow-x:hidden;} @font-face { font-family: 'zt'; src: url('/upload/font/BEBAS_0.ttf?tenantId=270187&viewType=1&v=000') format('truetype'); font-weight: normal; font-style: normal; } input::-webkit-input-placeholder {  font-size:14px !important; } input:-moz-placeholder {  font-size:14px !important; } input::-moz-placeholder {  font-size:14px !important; } input:-ms-input-placeholder {  font-size:14px !important; } @font-face { font-family: 'Playball'; src: url('/upload/font/Playball.ttf?tenantId=270187&viewType=1&v=000') format('truetype'); font-weight: normal; font-style: normal; } @import url('https://fonts.font.im/css?tenantId=270187&viewType=1&v=000&family=Oswald');   ::-webkit-scrollbar { width: 5px; } Body{overflow-x:hidden;}  ::-webkit-scrollbar-track { background: #d7d7d7; border-radius: 6px; }  ::-webkit-scrollbar-thumb { background: #888; border-radius: 6px; }  ::-webkit-scrollbar-thumb:hover { background: #de4847; } @font-face { font-family:ziti; src:url('/upload/font/PingFang Light.ttf?tenantId=270187&viewType=1&v=000') format('truetype'); } .reset_style h4 { font-weight: normal; font-size: 24px; margin: 0; color:#c7c6c6; font-family:"ziti" !important; } span ,p{ font-family: 微软雅黑!important; } #w_common_text-1610809554335 span { font-family: 'Playball' !important; } @keyframes rotate360 { form { transform: rotate(0); } to { transform: rotate(360deg); } } @media only screen and (min-width: 769px) { .p_page .pre { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 38px; margin: 0 5px 0 18px; text-align: center; padding: 0 10px; border-radius: 0px; border: 1px solid #f0f0f0; background: #f0f0f0; color: #333; } .p_page .pre:active { background: #eb504f; border-color: #eb504f; color: #fff; } .p_page .pre:hover { color: #fff; background: #005943; border-color: #005943; cursor: pointer; } .p_page .next { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 38px; border: 1px solid #f0f0f0; background: #f0f0f0; color: #333; text-align: center; padding: 0 10px; border-radius: 0px; } .p_page .next:active { background: #eb504f; border-color: #eb504f; color: #fff; } .p_page .next:hover { background: #eb504f; border-color: #eb504f; color: #fff; cursor: pointer; } .p_page .pageNum { position: relative; float: left; height: 38px; min-width: 38px; margin: 0 5px 0 0; padding: 0 5px; background-size: 100% 100%; color: #595959; border: 1px solid #d9d9d9; cursor: pointer; line-height: 38px; display: inline-block; font-family: inherit; font-size: 14px; font-weight: inherit; text-decoration: none; background-color: #fff; text-align: center; border-radius: 0px; } .p_page .pageNum:active { color: #fff; text-decoration: none; background-color: #eb504f; border-color: #eb504f; } .p_page .pageNum:hover { color: #fff; border-color: #eb504f; cursor: pointer; text-decoration: none; background-color: #eb504f; } .p_page .pageNum.active { text-decoration: none; background-color: #eb504f; color: #fff; border-color: #eb504f; } } @media screen and (max-width: 768px) {  #w_grid-1610778021686 > div > .p_gridbox { background-image: url(/img/z1bg.jpg?tenantId=270187&viewType=1&v=000) !important; }  #w_common_text-1576638527780 { margin-top: 15% !important; } #w_common_text-1576638720376 { margin-top: 15% !important; } #w_grid-1566633840181 { margin-top: 0px !important; } #w_common_text-1566633840199 { margin-top: 10px !important; } #w_common_text-1576047082889 { margin-top: 10px !important; } #w_fbtn-1566633840196 { margin-top: 30px !important; } .p_pagebox .NumBox { display: none !important; } .p_pagebox { width: 100%; text-align: center; } .p_pagebox .js_pageBtnDisable, .p_pagebox .js_pageBtnDisable:hover, .p_pagebox .js_pageBtnDisable:active { background: #f5f5f5 !important; border-color: #d9d9d9 !important; color: #bfbfbf !important; cursor: default; } .p_pagebox .js_pageBtnDisable .iconfont {color: #ddd !important;} .p_pagebox .js_pageBtnDisable:hover .iconfont {color: #bfbfbf !important;} .p_pagebox .pre { width: 48%; margin-right:2%; background-color: #eb504f; } .p_pagebox .pre:hover { color: rgba(255, 255, 255, 1); border-color: #eb504f; background-color: #eb504f; cursor: pointer; } .p_pagebox .pre:active { background-color: #eb504f; } .p_pagebox .next { width: 48%; margin-left:2%; background-color: #eb504f; } .p_pagebox .next:hover { background-color: #eb504f; } .p_pagebox .next:active { background-color: #eb504f; } } #content_box-1566009283675-2{ display:none; } @media screen and (max-width: 768px) { #w_grid-1606100895589 { min-height: 55px!important; } }