html,body{margin: 0;padding: 0;} .pagebox{ position:relative; }@font-face { font-family: 'BarlowBold'; src: url('/upload/font/Barlow-Bold.ttf?tenantId=275132&viewType=1&v=000') format('truetype'); } @font-face { font-family: 'BarlowRegular'; src: url('/upload/font/Barlow-Regular.ttf?tenantId=275132&viewType=1&v=000') format('truetype'); } *{ font-family: 'BarlowRegular','Microsoft YaHei',arial !important; }  .e_HtmlEditor table tr{ height:auto !important; } .e_HtmlEditor table td{ padding:5px !important; height:auto !important; white-space: normal !important; } .p_articles table tr{ height:auto !important; } .p_articles table td{ padding:5px !important; height:auto !important; white-space: normal !important; } @media only screen and (max-width: 768px){ .p_articles table{ width:100% !important; } .p_articles table col{ width:auto !important; } .e_HtmlEditor table{ width:100% !important; } .e_HtmlEditor table col{ width:auto !important; } }  ::-webkit-scrollbar { width: 6px; } ::-webkit-scrollbar-track { background: #f7f7f7; border-radius: 4px; } ::-webkit-scrollbar-thumb { background: #3287f1; border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: #e60012; }  ::-webkit-input-placeholder{ font-size: 12px !important; } ::-moz-input-placeholder{ font-size: 12px !important; } ::-ms-input-placeholder{ font-size: 12px !important; } html,body { margin: 0; padding: 0; overflow-x: hidden; } html.ovf,body.ovf { overflow: hidden; } .pagebox { position: relative; } .p_gridbox:before { content: ""; clear: both; display: block; } .p_gridbox:after { content: ""; clear: both; display: block; }  @-webkit-keyframes blow{ 25% {opacity: 0.5;} 50% {opacity: 0.8;} 90% {opacity: 0;} 100% {transform: scale(2);opacity: 0;} } @-moz-keyframes blow{ 25% {opacity: 0.5;} 50% {opacity: 0.8;} 90% {opacity: 0;} 100% {transform: scale(2);opacity: 0;} } @keyframes blow { 25% {opacity: 0.5;} 50% {opacity: 0.8;} 90% {opacity: 0;} 100% {transform: scale(2);opacity: 0;} }  @-webkit-keyframes jom_yuan { 0% {background-color:rgba(0,0,0,0.1);-webkit-transform: translate(0,0);transform: translate(0,0)} 20% {background-color:rgba(30,30,130,0.1);-webkit-transform: translate(60px,-60px);transform: translate(60px,-60px)} 50% {background-color:rgba(40,130,130,0.1);-webkit-transform: translate(20px,-120px);transform: translate(20px,-120px)} 70% {background-color:rgba(255,80,0,0.1);-webkit-transform: translate(50px,-180px);transform: translate(50px,-180px)} 100% {background-color:rgba(75,0,255,0.1);-webkit-transform: translate(20,-200);transform: translate(20,-200)} } @-moz-keyframes jom_yuan { 0% {background-color:rgba(0,0,0,0.1);-webkit-transform: translate(0,0);transform: translate(0,0)} 20% {background-color:rgba(30,30,130,0.1);-webkit-transform: translate(60px,-60px);transform: translate(60px,-60px)} 50% {background-color:rgba(40,130,130,0.1);-webkit-transform: translate(20px,-120px);transform: translate(20px,-120px)} 70% {background-color:rgba(255,80,0,0.1);-webkit-transform: translate(50px,-180px);transform: translate(50px,-180px)} 100% {background-color:rgba(75,0,255,0.1);-webkit-transform: translate(20,-200);transform: translate(20,-200)} } @-ms-keyframes jom_yuan { 0% {background-color:rgba(0,0,0,0.1);-webkit-transform: translate(0,0);transform: translate(0,0)} 20% {background-color:rgba(30,30,130,0.1);-webkit-transform: translate(60px,-60px);transform: translate(60px,-60px)} 50% {background-color:rgba(40,130,130,0.1);-webkit-transform: translate(20px,-120px);transform: translate(20px,-120px)} 70% {background-color:rgba(255,80,0,0.1);-webkit-transform: translate(50px,-180px);transform: translate(50px,-180px)} 100% {background-color:rgba(75,0,255,0.1);-webkit-transform: translate(20,-200);transform: translate(20,-200)} } @keyframes jom_yuan { 0% {background-color:rgba(0,0,0,0.1);-webkit-transform: translate(0,0);transform: translate(0,0)} 20% {background-color:rgba(30,30,130,0.1);-webkit-transform: translate(60px,-60px);transform: translate(60px,-60px)} 50% {background-color:rgba(40,130,130,0.1);-webkit-transform: translate(20px,-120px);transform: translate(20px,-120px)} 70% {background-color:rgba(255,80,0,0.1);-webkit-transform: translate(50px,-180px);transform: translate(50px,-180px)} 100% {background-color:rgba(75,0,255,0.1);-webkit-transform: translate(20,-200);transform: translate(20,-200)} }  .jom_cateOutBox{ position:relative; z-index:2; } .jom_cateHeaderBox{ color:#fff; fill:#fff; position:relative; background-color:#3287f1; 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:#3287f1; 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:#3287f1; 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; } .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:#3287f1; color:#fff; text-indent: 0em; } .LevelCateOutBox .jom_cateout .jom_cateListLi .jom_cateLiName.light .jom_cateLink{ background-color:#3287f1; 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; margin:2px; } .jom_cateLiName .jom_cateLink{ height: 30px; line-height: 30px; font-size:12px; 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:#3287f1; } .jom_onpageBox a:hover{ color:#e60012; } .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; } }   .jom_category{ position:relative; padding:10px; padding-left:10px; } .jom_categoryName{ font-size:18px; font-weight:bold; color:#1e1e1e; line-height:30px; padding-left:10px; border-left:5px solid #e60012; } .jom_categorySummary{ font-size:14px; color:#999; line-height:20px; margin-top:10px; } @media only screen and (max-width: 768px) { .jom_categorySummary{ font-size:12px; } }   .p_page { padding: 0; } .p_page>div { height: 40px !important; min-width: 40px !important; line-height: 40px !important; margin: 0 2px !important; padding: 0 15px !important; border-radius: 0px !important; } .p_page .pageNum { position: relative; float: left; height: 30px; min-width: 30px; margin: 0 5px 0 0; padding: 0 5px; background-size: 100% 100%; color: #595959; border: 1px solid #d9d9d9; cursor: pointer; line-height: 30px; display: inline-block; font-family: inherit; font-size: 14px; font-weight: inherit; text-decoration: none; background-color: #fff; text-align: center; border-radius: 6px; } .p_page .pageNum.active { text-decoration: none; background-color: #e60012; color: #fff; border-color: #e60012; } .p_page .pageNum:hover { color: #fff; border-color: #e60012; cursor: pointer; text-decoration: none; background-color: #e60012; } .p_page .pre:hover { color: #fff; background: #e60012; border-color: #e60012; cursor: pointer; } .p_page .pre { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 30px; margin: 0 5px 0 18px; text-align: center; padding: 0 10px; border-radius: 6px; border: 1px solid #d9d9d9; background: #fff; color: #595959; } .p_page .pre1 { color: rgba(255, 255, 255, 1)!important; background-color: #c8c8c8!important; cursor: not-allowed!important; border: none!important; } .p_page .next { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 30px; border: 1px solid #d9d9d9; background: #fff; color: #595959; text-align: center; padding: 0 10px; border-radius: 6px; margin-right: 5px; } .p_page .next:hover { background: #e60012; border-color: #e60012; color: #fff; cursor: pointer; } .p_page .next1 { color: rgba(255, 255, 255, 1)!important; background-color: #c8c8c8!important; cursor: not-allowed!important; border: none!important; } @media only screen and (max-width: 768px) { .p_OccupyBox { margin: 0; width: auto; height: auto; padding: 0; border: 0; overflow: initial; } .p_pagebox { width: 100%; height: auto; margin: 0; clear: both; position: relative; font-size: 0; white-space: nowrap; } .p_pagebox .pre { display: inline-table; height: 40px; width: 28%; color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: #e60012; text-align: center; padding-top: 0; padding-right: 10px; padding-left: 10px; position: relative; left: 0; top: 0; box-sizing: border-box; } .p_pagebox .iconfont { color: inherit !important; } .p_pagebox .js_pageBtnDisable { background: #e6e6e6 !important; border-color: #e6e6e6 !important; color: #595959 !important; cursor: default !important; } .p_pagebox .NumBox { width: 44%; height: 40px; display: inline-table; position: relative; cursor: pointer; box-sizing: border-box; background: #e6e6e6; vertical-align: bottom; } .p_pagebox .ItemBox { position: absolute; width: 100%; bottom: 40px; left: 0; z-index: 99; border-bottom: 0; padding-bottom: 40px; } .p_pagebox .next { display: inline-table; height: 40px; width: 28%; color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: #e60012; text-align: center; padding-top: 0; padding-right: 10px; padding-left: 10px; position: relative; left: 0; top: 0; box-sizing: border-box; } .p_pagebox .next:hover{ background: #e60012; border-color: #e60012; color: #fff; cursor: pointer; } .p_pagebox .pre:hover{ background: #e60012; border-color: #e60012; color: #fff; cursor: pointer; } .p_pagebox .num .iconfont { display: none !important; } }