.jp_bh_maxWidth{ display: block; width: 100%; max-width: 1830px; padding: 0px 15px; margin: 0 auto; } .jpCenter{ text-align:center; text-align-last:center; } .jpLeft{ text-align:left; text-align-last:left; } .jpRight{ text-align:right; text-align-last:right; } /* 分散对齐开始 */ .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 .yjLink:before{left:0; top:0; width:100%; height:1px;} .jpActive .yjLink:after{right:0; top:0; width:1px; height:100%;} .jpActive:before{right:0; bottom:0; width:100%; height:1px;} .jpActive:after{ left:0; bottom:0; width:1px; height:100%;} .jpActive > a{ color: #df0615; } .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 */ /*首页加载动效*/ .delighter{ overflow:hidden; position:relative; } .fa_TopShow.delighter:before{ width:100%; position:absolute; height:100%; top:0; left:0; transform: translateY(0%); display:block; background:#fff; z-index:10; content:""; transition: 1s cubic-bezier(0.68, 0.54, 0.14, 0.96) 0.5s; } .fa_TopShow.started.delighter:before{ transform: translateY(100%); } .fa_LeftShow.delighter:before{ width:100%; position:absolute; height:100%; top:0; left:0; transform: translateX(0%); display:block; background:#fff; z-index:10; content:""; transition: 1s cubic-bezier(0.68, 0.54, 0.14, 0.96) 0.5s; } .fa_LeftShow.started.delighter:before{ transform: translateX(100%); } .fa_RightShow.delighter:before{ width:100%; position:absolute; height:100%; top:0; left:0; transform: translateX(0%); display:block; background:#fff; z-index:10; content:""; transition: 1s cubic-bezier(0.68, 0.54, 0.14, 0.96) 0.5s; } .fa_RightShow.started.delighter:before{ transform: translateX(-100%); } .fa_BottomShow.delighter:before{ width:100%; position:absolute; height:100%; top:0; left:0; transform: translateX(0%); display:block; background:#fff; z-index:10; content:""; transition: 1s cubic-bezier(0.68, 0.54, 0.14, 0.96) 0.5s; } .fa_BottomShow.started.delighter:before{ transform: translateY(-100%); }