*{
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-family:Arial, Helvetica, sans-serif;
font-size: 16px;
color: #333;
line-height: 1.75; background:#fff;
}
input,button{
-webkit-appearance:none;
border-radius: 0;
}
a,a:hover,a:focus {
text-decoration: none;
}
textarea{
resize: none;
overflow: auto;
}
input,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:#fff;position:fixed;z-index:10;width:100%; box-shadow:0 0 10px rgba(0,0,0,.2);}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#215ece;width:30px;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:#215ece}
.sjj_nav ul li ul li>ul{margin-left:10px}