* { padding: 0; margin: 0; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-sizing: border-box; }

html { font-size: calc(100vw/19.2); }

html, body { width: 100%; height: auto; min-height: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { font: 0.8em/normal tahoma, -apple-system, BlinkMacSystemFont, 'Microsoft YaHei', sans-serif; font-size: 14px; color: #333; line-height: 1.75; background: #fff; }

a, a:hover, a:focus { text-decoration: none; }
textarea { resize: none; overflow: auto; }
button { border: 0; }
img { border: 0; vertical-align: top; }
li { list-style: none; }
ul, ol, p, h1, h2, h3, h4, h5, h6 { margin: 0; }
/* placeholder修改 */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #666 !important; }
input:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #666 !important; opacity: 1; }
input::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #666 !important; opacity: 1; }
input::-ms-input-placeholder, textarea::-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #666 !important; }
/*select {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	white-space: nowrap;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
select::-ms-expand { display: none; }*/

.le { float: left; }
.ri { float: right; }
.clr { clear: both; }
.table { display: table; width: 100%; height: 100%; }
    .table .tbc { display: table-cell; vertical-align: middle; width: 100%; height: 100%; }
.imgs { overflow: hidden; position: relative; }
    .imgs img { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
    .imgs:hover img { transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1); }
.one-line { overflow: hidden; white-space: nowrap; display: block; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.two-line { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.three-line { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.wap { display: none; }
.hei50 { height: 50px; width: 100%; }
.sp_header { height: 50px; overflow: hidden; background: rgba(5,3,8,.8); position: fixed; z-index: 10; width: 100%; }
.sp_logo { padding: 5px; float: left; height: 50px }
    .sp_logo img { margin: auto; max-height: 40px; }
.sp_nav { width: 50px; float: right; position: relative; cursor: pointer; height: 24px; margin-top: 15px }
    .sp_nav span { display: block; background: #fff; width: 24px; height: 2px; position: absolute; left: 10px; transition: all ease 0.35s }
        .sp_nav span:nth-of-type(1) { top: 0px }
        .sp_nav span:nth-of-type(2) { top: 10px }
        .sp_nav span:nth-of-type(3) { top: 20px }
.sp_nav_se span:nth-of-type(1) { top: 10px; transform: rotate(45deg) }
.sp_nav_se span:nth-of-type(2) { width: 0 }
.sp_nav_se span:nth-of-type(3) { top: 10px; transform: rotate(-45deg) }

.sjj_nav { position: fixed; z-index: 9; background: #fff; width: 100%; height: calc(100% - 104px); font-size: 14px; line-height: 40px; top: -100%; left: 0; overflow: auto; overflow-x: hidden; transition: top ease 0.35s; }
.nav_show { top: 50px }
.sjj_nav > ul > li:first-child { overflow: hidden; border-top: 0 }
    .sjj_nav > ul > li:first-child > a { float: left; width: calc(100% - 70px) }
    .sjj_nav > ul > li:first-child .language { float: right; width: 70px; overflow: hidden; line-height: 30px; margin-top: 5px }
        .sjj_nav > ul > li:first-child .language a { width: 35px; float: left; border-left: 1px #ddd solid; text-align: center; color: #999; }
.sjj_nav ul li i { position: absolute; top: 5px; right: 0px; border-left: 1px #ddd solid; height: 30px; padding: 0px 7px 0 7px; }
    .sjj_nav ul li i svg { transform: rotate(-90deg); transition: all ease 0.35s }
.sjj_nav ul li .sjj_nav_i_se svg { transform: rotate(0deg) }
.sjj_nav ul li { border-top: 1px #ddd solid; margin-left: 20px; position: relative; line-height: 40px; font-size: 14px }
.sjj_nav > ul > li:last-child { border-bottom: 1px #ddd solid; }
.sjj_nav ul li ul { display: none }
.sjj_nav ul li a { color: #666; width: 80% }
.sjj_nav ul li ul li a { color: #999; display: block; text-align: left; }
.sjj_nav ul li i svg { width: 20px; height: 20px; fill: #555; }
.sjj_nav ul li .sjj_nav_i_se svg { fill: #c9141e }
.sjj_nav ul li ul li > ul { margin-left: 10px }