.jp_bh_maxWidth{ display: block; width: 100%; padding: 0px 20px; margin: 0 auto; } .jpCenter{ text-align:center; text-align-last:center; } .reset_style img{ max-width:100%; } .jpLeft{ text-align:left; text-align-last:left; } .jpRight{ text-align:right; text-align-last:right; } .h_maxwidth{ max-width:1280px; margin:0 auto; padding:0 10px; } .h_flexBox{ display:flex; justify-content:space-between; flex-wrap:wrap; } /* 分散对齐开始 */ .jpJustifyBox { font-size: 0; width: 100%; text-align-last: justify; /* 兼容firefox */ -moz-text-align-last: justify; text-align: justify; /* 兼容ie */ text-justify: distribute-all-lines; /* ie下需设为block */ display: block; } .jpJustify { display: inline-block; vertical-align: top; text-align-last: left; } .jpLastJustify { width: 100%; } /* 分散对齐结束 */ .jpTransition{ transition:all 1s; -ms-transition:all 1s; /* IE 9 */ -moz-transition:all 1s; /* Firefox */ -webkit-transition:all 1s; /* Safari 和 Chrome */ -o-transition:all 1s; /* Opera */ } .jpClear::before,.jpClear::after{ content: ''; clear: both; display: block; } .jpActive{ background:#46aa2e; } .jpActive > a{ color: #fff; } .jpAbsolute{ position: absolute; } .jpRelative{ position: relative; } .jpOverFlowHid{ overflow: hidden; } .jpTransition{ transition: all 0.5s; -moz-transition: all 0.5s; /* Firefox 4 */ -webkit-transition: all 0.5s; /* Safari & Chrome */ -o-transition:all 0.5s; /* Opera */ } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #a0a0a0; font-size: 12px; letter-spacing: 1px; font-family: MicrosoftYaHei; } input:-moz-placeholder, textarea:-moz-placeholder { color: #a0a0a0; font-size: 12px; letter-spacing: 1px; font-family: MicrosoftYaHei; } input::-moz-placeholder, textarea::-moz-placeholder { color: #a0a0a0; font-size: 12px; letter-spacing: 1px; font-family: MicrosoftYaHei; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #a0a0a0; font-size: 12px; letter-spacing: 1px; font-family: MicrosoftYaHei; } @media screen and (max-width: 768px){ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #a0a0a0; font-size: 14px; letter-spacing: 1px; font-family: MicrosoftYaHei; } input:-moz-placeholder, textarea:-moz-placeholder { color: #a0a0a0; font-size: 14px; letter-spacing: 1px; font-family: MicrosoftYaHei; } input::-moz-placeholder, textarea::-moz-placeholder { color: #a0a0a0; font-size: 14px; letter-spacing: 1px; font-family: MicrosoftYaHei; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #a0a0a0; font-size: 14px; letter-spacing: 1px; font-family: MicrosoftYaHei; } } /* Grid Start */ .jpCol_1 { display: inline-block; width: 10%; } .jpCol_2 { display: inline-block; width: 20%; } .jpCol_25 { display: inline-block; width: 25%; } .jpCol_3 { display: inline-block; width: 30%; } .jpCol_4 { display: inline-block; width: 40%; } .jpCol_5 { display: inline-block; width: 50%; } .jpCol_6 { display: inline-block; width: 60%; } .jpCol_7 { display: inline-block; width: 70%; } .jpCol_8 { display: inline-block; width: 80%; } .jpCol_9 { display: inline-block; width: 90%; } @media only screen and (max-width: 768px){ div[class*="jpCol_"]{ width: 100%; } } /* Grid End */ #c_portalResPublic_codeContainer-15889887662079223::before, #c_portalResPublic_codeContainer-15889887662079223::after{ content: ''; clear: both; display: block; } @keyframes leftAn { from { left: -172px; } to { left: -49px; } } @-moz-keyframes leftAn /* Firefox */ { from { left: -172px; } to { left: -49px; } } @-webkit-keyframes leftAn /* Safari 和 Chrome */ { from { left: -172px; } to { left: -49px; } } @-o-keyframes leftAn /* Opera */ { from { left: -172px; } to { left: -49px; } } @keyframes rightAn { from { right: -172px; } to { right: -49px; } } @-moz-keyframes rightAn /* Firefox */ { from { right: -172px; } to { right: -49px; } } @-webkit-keyframes rightAn /* Safari 和 Chrome */ { from { right: -172px; } to { right: -49px; } } @-o-keyframes rightAn /* Opera */ { from { right: -172px; } to { right: -49px; } } /*head*/ @media screen and (min-width:1000px){ #w_grid-1609133537352 { height: 90px; position: fixed; left: 0; top:0px; width: 100%; z-index: 99; background: #fff !important; } #w_grid-1574239681307{ margin-top:90px; } } @media screen and (max-width:768px){ #w_grid-1609133537352 { height: 60px; position: fixed; left: 0; top:0px; width: 100%; z-index: 99; background: #fff !important; } #w_grid-1574239681307{ margin-top:60px; } span[style="font-size:36px"]{ font-size:24px !important; } span[style="font-size:30px"]{ font-size:22px !important; } }