/* 全局通用变量1.0 */ /* 下列所有具体数字都可以进行修改 */ /* 全局颜色,自己随意定义 */ /* 使用方法例如.font-14{color:var(--quanju_color);} */ :root { --quanju_color: rgba(237, 64, 49, 1); /* 主题色 */ --dark_qita: rgba(237, 64, 49, 1); /* 其他通用颜色 */ --hover: rgba(237, 64, 49, 1); /* 鼠标移入之后文字变的色 */ } .more{ width: 102px; height: 40px; background-image: url(https://omo-oss-image.thefastimg.com/portal-saas/ngc202212020004/cms/image/a769659f-98e0-48e5-8cc0-6767e6686f33.png?1672191517996); background-repeat: no-repeat; } .more:hover{ background-image: url(https://omo-oss-image.thefastimg.com/portal-saas/ngc202212020004/cms/image/59460569-b1a8-46c5-9c14-642f4f18920f.png?1672275026874); } .title_zx{ font-family: SourceHanSansCN; font-weight: bold; color: #333333; text-align: center; position: relative; padding-bottom: 19px; } .title_zx::after{ width: 67px; height: 4px; background: #DE4F3E; content: ""; bottom: 0; left: 50%; position: absolute; transform: translateX(-50%); } .title_ny{ font-family: SourceHanSansCN; font-weight: bold; color: #333333; padding-bottom:19px; text-align: center; position: relative; } .title_ny::after{ position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); content: ""; width: 67px; height: 1px; background: #DE4F3E; } /* 字号 */ .font-14 { font-size: 14px; font-weight: 400; font-family: Microsoft YaHei; } /* 正文的字号 */ .font-zw { font-size: 16px; font-weight: 400; line-height: 2; font-family: Microsoft YaHei; } /* 二级标题的字号 */ .font-erji { font-size: 24px; font-weight: 400; font-family: Microsoft YaHei; } /* 一级标题的字号 */ .font-yiji { font-size: 30px; font-weight: 400; font-family: Microsoft YaHei; } /* 其他很大的字号 */ .font-big { font-size: 160px; } /* 宽度 */ /* 内容宽度、中间那部分的宽度 */ .w_neirong1 { width: 94% !important; /* 最大宽度比1400小,可以给一个百分比的宽度不用进行适配 */ max-width: 1200px; margin: 0 auto; } .w_neirong2 { width: 96% !important; /* 最大宽度比1400大,就需要在小屏幕下写一个适配的宽度下边有 */ max-width: 1500px; margin: 0 auto; } /* 交互效果 */ /* 鼠标移入,图片变大,适用于列表 */ .s_img img{ transform: scale(1); transition: all 1s; } /* 鼠标移入,文字变色 .p_loopitem:hover .s_title { color: var(--hover); } */ /* 其他的按具体情况写吧 */ /* 针对1440 */ @media screen and (max-width:1500px) and (min-width:1080px) { .font-big { font-size: 64px; font-weight: 400; font-family: Microsoft YaHei; } /* 内容宽度、中间那部分的宽度 */ .w_neirong2 { width: 94% !important; /* 最大宽度比1400大,就不能用百分比了得用具体的数字 */ max-width: 1200px; margin: 0 auto; } } /* 针对手机端 */ @media screen and (max-width:768px) { .font-big { font-size: 36px; font-weight: 400; font-family: Microsoft YaHei; } } @charset "utf-8"; /* reset */ html { height: 100%; } body { min-height: 100% } body { _height: 100% } body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 } body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 } li { list-style-type: none } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight:normal; } iframe, frame, fieldset, img { border: 0 none } img { vertical-align: top } input[type=button], input[type=submit], input[type=reset] { cursor: pointer } input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0;margin:0; } button { cursor: pointer } input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none } input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio } input[type=checkbox] { -webkit-appearance: checkbox } input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box } textarea { overflow: auto; resize: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none } table { border-collapse: collapse; border-spacing: 0 } caption, th { text-align: left } th { font-weight: normal } em, cite, address,i { font-style: normal } sup { vertical-align: text-top } sub { vertical-align: text-bottom } body, input, select, button, textarea { color:#000; font-size: 14px; font-family:"Microsoft Yahei","微软雅黑",arial,"\5b8b\4f53"; } body { line-height: 1.5 } a:link, a:visited, a:active, a { text-decoration: none;} a { blr:expression(this.onFocus=this.blur()) } a * { *cursor: pointer } :focus { outline: none } .edit_con_original{ line-height:1.6; padding:0 0; color:#474747;/* text-align:justify;*/} .edit_con_original ul{ margin:inherit; padding:inherit} .edit_con_original ul li { list-style-type:disc; margin:auto; padding:inherit} .edit_con_original ol{ margin:inherit; padding:inherit} .edit_con_original ol li { list-style-type:decimal; margin:auto; padding:inherit} .edit_con_original h1 { font-size: 2em; font-weight:bold } .edit_con_original h2 { font-size: 1.5em; font-weight:bold } .edit_con_original h3 { font-size: 1.17em; font-weight:bold } .edit_con_original h4 { font-size: 1em; font-weight:bold } .edit_con_original h5 { font-size: 0.83em; font-weight:bold } .edit_con_original h6 { font-size: 0.67em; font-weight:bold } .edit_con_original em { font-style: italic } .edit_con_original cite{ font-style: italic } .edit_con_original address{ font-style: italic } .edit_con_original i { font-style: italic } .edit_con_original table{ border-collapse: separate; border-spacing: 2px } .edit_con_original img{ max-width:100%; height:auto;} @media screen and (max-device-width: 320px){ body{-webkit-text-size-adjust:none} } @media screen and (max-device-width: 480px){ body{-webkit-text-size-adjust:none} } @media only screen and (-webkit-min-device-pixel-ratio: 2){ body{-webkit-text-size-adjust:none} } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px){ body{-webkit-text-size-adjust:none} } #newBridge .nb-icon-right-center{right: -200%!important;} #nb_icon_wrap{opacity:0;width: 0px!important;height: 0px!important;overflow: hidden;} /*所有后台编辑器区域都要引用 edit_con_original 类名*/ /* clear 页头,页脚,内容区都不用再加清除样式 */ .fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table } .fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both } .fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 } .clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {opacity:0.5;} input:-moz-placeholder, textarea:-moz-placeholder {opacity:0.5;} input::-moz-placeholder, textarea::-moz-placeholder { opacity:0.5;} input:-ms-input-placeholder, textarea:-ms-input-placeholder {opacity:0.5;} input[type="text"], input[type="password"], button { outline: none; -webkit-appearance: none; } /*公用样式end*/ .mt_100{margin-top:100px;} .mb_100{margin-bottom:100px;} .pt_100{padding-top: 100px;} .pb_100{padding-bottom: 100px;} .mt_85{margin-top:85px;} .mb_85{margin-bottom:85px;} .pt_85{padding-top:85px;} .pb_85{padding-bottom:85px;} .mt_75{margin-top:75px;} .mb_75{margin-bottom:75px;} .pt_75{padding-top: 75px;} .pb_75{padding-bottom: 75px;} .mt_60{margin-top: 60px;} .mb_60{margin-bottom: 60px;} .pt_60{padding-top: 60px;} .pb_60{padding-bottom: 60px;} .mt_55{margin-top:55px;} .mb_55{margin-bottom:55px;} .pt_55{padding-top:55px;} .pb_55{padding-bottom:55px;} .mt_45{margin-top:45px;} .mt_40{margin-top:40px;} .mb_40{margin-bottom:40px;} .mt_30{margin-top:30px;} .mb_30{margin-bottom: 30px;} .pt_30{padding-top: 30px;} .pb_30{padding-bottom: 30px;} .mt_25{margin-top:25px;} .mt_20{margin-top:20px;} .mt_15{margin-top:15px;} .w1440{width:1440px;margin:auto} .common_more{ width:160px; height:52px; display: flex; justify-content: space-between; align-items: center; color:white; background:#d70034; padding:0 20px; border-radius:3px; } .common_more::after{ content: ''; display: block; width: 6px; height: 6px; background-color: transparent; border-right: 2px solid white; border-top: 2px solid white; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: 0.5s; } .common_more:hover::after{ transition: 0.5s; margin-right:-5px; } .color6{ color:#666666; } .color7{ color:#777777; } @media only screen and (max-width: 1600px){ .w1440{width:1300px} } @media only screen and (max-width: 1400px){ .w1440{width:1100px} .line_height19{line-height: 1.5} .mt_110{margin-top:80px;} .mb_110{margin-bottom:80px;} .pt_110{padding-top: 80px;} .pb_110{padding-bottom: 80px;} .mt_85{margin-top:65px;} .mb_85{margin-bottom:65px;} .pt_85{padding-top:65px;} .pb_85{padding-bottom:65px;} .mt_75{margin-top:55px;} .mb_75{margin-bottom:55px;} .pt_75{padding-top: 55px;} .pb_75{padding-bottom: 55px;} .mt_60{margin-top: 45px;} .mb_60{margin-bottom: 45px;} .pt_60{padding-top: 45px;} .pb_60{padding-bottom: 45px;} .mt_55{margin-top:40px;} .mb_55{margin-bottom:40px;} .pt_55{padding-top:40px;} .pb_55{padding-bottom:40px;} } @media only screen and (max-width: 1200px){ .w1440{width:90%} .line_height21{line-height: 1.8} .mt_110{margin-top:60px;} .mb_110{margin-bottom:60px;} .pt_110{padding-top: 60px;} .pb_110{padding-bottom: 60px;} .mt_85{margin-top:45px;} .mb_85{margin-bottom:45px;} .pt_85{padding-top:45px;} .pb_85{padding-bottom:45px;} .mt_75{margin-top:35px;} .mb_75{margin-bottom:35px;} .pt_75{padding-top: 35px;} .pb_75{padding-bottom: 35px;} .mt_60{margin-top: 30px;} .mb_60{margin-bottom: 30px;} .pt_60{padding-top: 30px;} .pb_60{padding-bottom: 30px;} .mt_55{margin-top:30px;} .mb_55{margin-bottom:30px;} .pt_55{padding-top:30px;} .pb_55{padding-bottom:30px;} .mt_45{margin-top:30px;} .mt_40{margin-top:30px;} .mb_40{margin-bottom:30px;} .mt_30{margin-top:20px;} .mb_30{margin-bottom: 20px;} .pt_30{padding-top: 20px;} .pb_30{padding-bottom: 20px;} .mt_25{margin-top:20px;} .mt_20{margin-top:15px;} .mt_15{margin-top:10px;} } @media only screen and (max-width: 1000px){ .mt_110{margin-top:30px;} .mb_110{margin-bottom:30px;} .pt_110{padding-top: 30px;} .pb_110{padding-bottom: 30px;} .mt_85{margin-top:30px;} .mb_85{margin-bottom:30px;} .pt_85{padding-top:30px;} .pb_85{padding-bottom:30px;} .mt_75{margin-top:20px;} .mb_75{margin-bottom:20px;} .pt_75{padding-top: 20px;} .pb_75{padding-bottom: 20px;} .mt_60{margin-top: 20px;} .mb_60{margin-bottom: 20px;} .pt_60{padding-top: 20px;} .pb_60{padding-bottom: 20px;} .mt_55{margin-top:20px;} .mb_55{margin-bottom:20px;} .pt_55{padding-top:20px;} .pb_55{padding-bottom:20px;} .mt_30{margin-top:15px;} .mb_30{margin-bottom: 15px;} .pt_30{padding-top: 15px;} .pb_30{padding-bottom: 15px;} .mt_25{margin-top:15px;} } @media only screen and (max-width: 767px){ .w1440{width:100%;padding:0 20px;} .line_height21{line-height: 1.6} .line_height19{line-height: 1.4} .mt_110{margin-top:20px;} .mb_110{margin-bottom:20px;} .pt_110{padding-top: 20px;} .pb_110{padding-bottom: 20px;} .mt_85{margin-top:20px;} .mb_85{margin-bottom:20px;} .pt_85{padding-top:20px;} .pb_85{padding-bottom:20px;} .mt_45{margin-top:20px;} .mt_40{margin-top:20px;} .mb_40{margin-bottom:20px;} .mt_30{margin-top:10px;} .mb_30{margin-bottom: 10px;} .pt_30{padding-top: 10px;} .pb_30{padding-bottom: 10px;} .mt_25{margin-top:10px;} .mt_20{margin-top:10px;} .mt_15{margin-top:10px;} } /*font-size*/ .fnt_12 { font-size:12px;} .fnt_14 { font-size:14px;} .fnt_16 { font-size:16px;} .fnt_18 { font-size:18px;} .fnt_20 { font-size:20px;} .fnt_22 { font-size:22px;} .fnt_24 { font-size:24px;} .fnt_26 { font-size:26px;} .fnt_28 { font-size:28px;} .fnt_30 { font-size:30px;} .fnt_32 { font-size:32px;} .fnt_34 { font-size:34px;} .fnt_36 { font-size:36px;} .fnt_38 { font-size:38px;} .fnt_40 { font-size:40px;} .fnt_42 { font-size:42px;} .fnt_44 { font-size:44px;} .fnt_46 { font-size:46px;} .fnt_48 { font-size:48px;} .fnt_50 { font-size:50px;} .fnt_52 { font-size:52px;} .fnt_54 { font-size:54px;} .fnt_56 { font-size:56px;} .fnt_58 { font-size:58px;} .fnt_60 { font-size:60px;} @media only screen and (max-width: 1440px) { .fnt_22 { font-size:18px;} .fnt_24 { font-size:20px;} .fnt_26 { font-size:24px;} .fnt_28 { font-size:24px;} .fnt_30 { font-size:26px;} .fnt_32 { font-size:30px;} .fnt_34 { font-size:30px;} .fnt_36 { font-size:32px;} .fnt_38 { font-size:32px;} .fnt_40 { font-size:34px;} .fnt_42 { font-size:34px;} .fnt_44 { font-size:34px;} .fnt_46 { font-size:36px;} .fnt_48 { font-size:36px;} .fnt_50 { font-size:38px;} .fnt_52 { font-size:38px;} .fnt_54 { font-size:38px;} .fnt_56 { font-size:40px;} .fnt_58 { font-size:40px;} .fnt_60 { font-size:42px;} .font-big { font-size: 120px; } } @media only screen and (max-width: 1366px) { .fnt_16 { font-size:14px;} .font-big { font-size: 100px; } } @media only screen and (max-width: 1200px) { .fnt_24 { font-size:18px;} .fnt_20 { font-size:16px;} .font-big { font-size: 80px; } } @media only screen and (max-width: 1024px) { .fnt_18 { font-size:16px;} .fnt_20 { font-size:16px;} .fnt_24 { font-size:18px;} .fnt_26 { font-size:20px;} .fnt_28 { font-size:20px;} .fnt_30 { font-size:22px;} .fnt_32 { font-size:24px;} .fnt_34 { font-size:24px;} .fnt_36 { font-size:26px;} .fnt_38 { font-size:26px;} .fnt_40 { font-size:30px;} .fnt_42 { font-size:30px;} .fnt_44 { font-size:30px;} .fnt_46 { font-size:32px;} .fnt_48 { font-size:32px;} .fnt_50 { font-size:34px;} .fnt_52 { font-size:34px;} .fnt_54 { font-size:34px;} .fnt_56 { font-size:36px;} .fnt_58 { font-size:36px;} .fnt_60 { font-size:38px;} .font-big { font-size: 60px; } } @media only screen and (max-width: 767px) { .fnt_14 { font-size:12px;} .fnt_16 { font-size:14px;} .fnt_22 { font-size:16px;} .fnt_24 { font-size:16px;} .fnt_26 { font-size:18px;} .fnt_28 { font-size:18px;} .fnt_30 { font-size:18px;} .fnt_32 { font-size:22px;} .fnt_34 { font-size:22px;} .fnt_36 { font-size:24px;} .fnt_38 { font-size:24px;} .fnt_40 { font-size:24px;} .fnt_42 { font-size:24px;} .fnt_44 { font-size:24px;} .fnt_46 { font-size:24px;} .fnt_48 { font-size:26px;} .fnt_50 { font-size:26px;} .fnt_52 { font-size:26px;} .fnt_54 { font-size:28px;} .fnt_56 { font-size:28px;} .fnt_58 { font-size:28px;} .fnt_60 { font-size:30px;} .font-big { font-size: 40px; } } img{ -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; transition: all 1s; border:0; display: inline-block; } .fl{float:left;display:inline;} .fr{float:right;display:inline;} .prz{position:relative;zoom:1;} .pra{position:absolute;} .clearfix{*zoom:1;}/*清除浮动*/ .clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both;}/*清除浮动兼容*/ .cleargap{font-size:0;letter-spacing:-8px;text-align:left;} .ibox{display:inline-block;*display:inline;*zoom:1;vertical-align:top;font-size:12px;letter-spacing:normal;} .justify{text-align:justify!important;text-justify:inter-ideograph!important;}/*文字填充满(两端对齐)*/ .justify_fix{display:inline-block;*display:inline;*zoom:1;width:100%;height:0;overflow:hidden;} .responLayout{overflow:hidden;}/*清除浮动*/ .layoutItem{padding-bottom:32767px;margin-bottom:-32767px;}/*左右布局时,保证左右两边等高*/ .usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}/*设置文字内容不许用户选中*/ .fz14{font-size:14px!important} .song{font-family:"宋体","\5b8b\4f53";} .arial{font-family:Arial} .trans{ transition: all 1s; -moz-transition: all 1s; /* Firefox 4 */ -webkit-transition: all 1s; /* Safari 和 Chrome */ -o-transition: all 1s; /* Opera */ } .wrap{width: 1280px;margin-left:auto;margin-right:auto;}/*响应式样式不同*/ .w1280{width:1280px;margin-left:auto;margin-right:auto;} *{-webkit-box-sizing:border-box;box-sizing:border-box;} .wrap{width: 1280px;margin-left:auto;margin-right:auto;} .wrap2{width: 1110px;margin-left:auto;margin-right:auto;} @media only screen and (max-width: 1366px){ .wrap{width: 1100px;} .wrap2{width: 1000px;} } @media only screen and (max-width: 1200px){ .wrap{width:100%;padding-right:20px;padding-left:20px;-webkit-box-sizing: border-box;box-sizing: border-box;} .wrap2{width:100%;padding-right:20px;padding-left:20px;-webkit-box-sizing: border-box;box-sizing: border-box;} } @media only screen and (max-width: 767px){ .wrap{padding-right:10px;padding-left: 10px;} .wrap2{padding-right:10px;padding-left: 10px;} } /*重置内容区样式*/ .reset_style div { margin: 0; padding: 0 } .reset_style dl { margin: 0; padding: 0 } .reset_style dt { margin: 0; padding: 0 } .reset_style dd { margin: 0; padding: 0 } .reset_style ul { margin: 0; padding: 0 } .reset_style ol { margin: 0; padding: 0 } .reset_style li { margin: 0; padding: 0 } .reset_style h1 { margin: 0; padding: 0 } .reset_style h2 { margin: 0; padding: 0 } .reset_style h3 { margin: 0; padding: 0 } .reset_style h4 { margin: 0; padding: 0 } .reset_style h5 { margin: 0; padding: 0 } .reset_style h6 { margin: 0; padding: 0 } .reset_style pre { margin: 0; padding: 0 } .reset_style code { margin: 0; padding: 0 } .reset_style form { margin: 0; padding: 0 } .reset_style fieldset { margin: 0; padding: 0 } .reset_style legend { margin: 0; padding: 0 } .reset_style textarea { margin: 0; padding: 0 } .reset_style p { margin: 0; padding: 0 } .reset_style blockquote { margin: 0; padding: 0 } .reset_style th { margin: 0; padding: 0 } .reset_style td { margin: 0; padding: 0 } .reset_style input { margin: 0; padding: 0 } .reset_style select { margin: 0; padding: 0 } .reset_style textarea { margin: 0; padding: 0 } .reset_style button { margin: 0; padding: 0 } .reset_style fieldset { border: 0 none } .reset_style img { border: 0 none } .reset_style dl { list-style: inherit; } .reset_style ul { list-style: inherit; } .reset_style ol { list-style: inherit; } .reset_style menu { list-style: inherit; } .reset_style li { list-style: inherit; } .reset_style blockquote, q { quotes: none } .reset_style q { quotes: none } .reset_style blockquote:before { content: ''; content: none } .reset_style blockquote:after { content: ''; content: none } .reset_style q:before { content: ''; content: none } .reset_style q:after { content: ''; content: none } .reset_style button { vertical-align: middle } .reset_style textarea { vertical-align: middle } .reset_style select { vertical-align: middle } .reset_style input { vertical-align: middle } .reset_style button { border: 0 none; background-color: transparent; cursor: pointer } .reset_style body { background: #fff } .reset_style body { font-size: 12px; line-height: 1; font-family: "微软雅黑", "黑体","宋体"; color: #666 } .reset_style th { font-size: 12px; line-height: 1; font-family: "微软雅黑", "黑体","宋体"; color: #666 } .reset_style td { font-size: 12px; line-height: 1; font-family: "微软雅黑", "黑体","宋体"; color: #666 } .reset_style input { font-size: 12px; line-height: 1; font-family: "微软雅黑", "黑体","宋体"; color: #666 } .reset_style select { font-size: 12px; line-height: 1; font-family: "微软雅黑", "黑体","宋体"; color: #666 } .reset_style textarea { font-size: 12px; line-height: 1; font-family: "微软雅黑", "黑体","宋体"; color: #666 } .reset_style button { font-size: 12px; line-height: 1; font-family: "微软雅黑", "黑体","宋体"; color: #666 } .reset_style a { color: #666; text-decoration: none } .reset_style a:active { text-decoration: none } .reset_style a:hover { text-decoration: none } .reset_style address { font-style: italic; } .reset_style caption { font-style: italic; } .reset_style cite { font-style: italic; } .reset_style code { font-style: italic; } .reset_style dfn { font-style: italic; } .reset_style em { font-style: italic; } .reset_style var { font-style: italic; } .reset_style caption { display: none; } .reset_style table { width: 100%; table-layout: fixed; } .reset_style img { vertical-align: top } .reset_style a { outline: none; } .reset_style a:active { star: expression(this.onFocus=this.blur()); }