@charset "utf-8";
@charset "utf-8";
/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu {  display: block}
/* CSS Document *//*内外边距*/
html,body,div,p,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe,table,th,td,dd,dt {  list-style: none;margin: 0;  padding: 0;}html,body,div,p,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,button,textarea,iframe,table,th,td,dd,dt {  margin: 0;  padding: 0;  outline: none;  -webkit-appearance: none;  -moz-appearance: none;  -o-appearance: none;  outline: none}
.clear {  clear: both;  overflow: hidden;}a {  text-decoration: none;  color: #333;}
input {  border: none;  outline: medium;  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', SCM;}* {  box-sizing: border-box;}
body {  width: 100%;  font-family: 'PingFangSC-Regular','Microsoft YaHei', 'Helvetica Neue', SCM;  background: #fff;  color: #333; font-size: 14px;}
html,body {  overflow-x: hidden;  width: 100%;}
table {  border-collapse: collapse}
/* 横向导航 */
@media only screen and (min-width:750px) {  html {    font-size: 100px !important  }}
@media only screen and (max-width:750px) {  html {    font-size: 96.6667px !important  }}
@media only screen and (max-width:700px) {  html {    font-size: 93.3333px !important  }}
@media only screen and (max-width:675px) {  html {    font-size: 90px !important  }}
@media only screen and (max-width:650px) {  html {    font-size: 86.6667px !important  }}
@media only screen and (max-width:625px) {  html {    font-size: 83.3333px !important  }}
@media only screen and (max-width:600px) {  html {    font-size: 80px !important  }}
@media only screen and (max-width:575px) {  html {    font-size: 76.6667px !important  }}
@media only screen and (max-width:550px) {  html {    font-size: 73.3333px !important  }}
@media only screen and (max-width:525px) {  html {    font-size: 70px !important  }}
@media only screen and (max-width:500px) {  html {    font-size: 66.6667px !important  }}
@media only screen and (max-width:475px) {  html {    font-size: 63.3333px !important  }}
@media only screen and (max-width:450px) {  html {    font-size: 60px !important  }}
@media only screen and (max-width:425px) {  html {    font-size: 56.6667px !important  }}
@media only screen and (max-width:400px) {  html {    font-size: 53.3333px !important  }}
@media only screen and (max-width:375px) {  html {    font-size: 50px !important  }}
@media only screen and (max-width:350px) {  html {    font-size: 46.6667px !important  }}
@media only screen and (max-width:325px) {  html {    font-size: 43.3333px !important  }}
@media only screen and (max-width:300px) {  html {    font-size: 40px !important  }}

.flex-bect {  display: flex;  align-items: center;  justify-content: space-between;}
.flex-lect {  display: flex;  align-items: center;  justify-content: flex-start;}
.flex-le {  display: flex;  justify-content: flex-start;}
.flex-ct {  display: flex;  align-items: center;  justify-content: center;}
.flex-rict{display: flex; align-items: center; justify-content: flex-end;}
.flex-be{display: flex; align-items: flex-start; justify-content: space-between;}
.cur {  cursor: pointer;}
.row1,.row2,.row3,.row4,.row5,.row6,.row7,.row8{  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;}
.row1 {  -webkit-line-clamp: 1;}
.row2 {  -webkit-line-clamp: 2;}
.row3 {  -webkit-line-clamp: 3;}
.row4 {  -webkit-line-clamp: 4;}
.row5 {  -webkit-line-clamp: 5;}
.row6 {  -webkit-line-clamp: 6;}
.row7 {  -webkit-line-clamp: 7;}
.row8 {  -webkit-line-clamp: 8;}


#menu{display: none;width: 50px; cursor: pointer; padding: 4px 0; position: absolute; right: 0; top: 0; z-index: 999; align-items: center; justify-content: center;}
#menu i{width: 100%; height: 3px; border-radius: 4px; background-color: #fff; margin: 4px 0; display: block; position: relative; transition: all ease .3s;}
#menu i:nth-child(2){width: 70%;}
#menu .div{position: relative; height: 30px; width: 26px;}

#menu.on i:nth-child(1){transform: rotate(45deg); top: 6px;}
#menu.on i:nth-child(2){display: none;}
#menu.on i:nth-child(3){transform: rotate(-45deg); top: -1px;}

.page{display: flex; align-items: center; justify-content: center; font-size: 12px;}
/*  */
.page .a{min-width: 27px; height: 30px;  margin: 0 2px;cursor: pointer; font-style: normal;display: flex; align-items: center; justify-content: center; border: 1px solid #ccc;color: #1b3b6a; padding: 0 5px;}
/* .page .on{background-color: #1b3b6a; color: #fff;} */
.page .on{background-color: #20a153; color: #fff; border-color: #20a153;}
.page .arrow{background-position: center; background-repeat: no-repeat; background-size: 8px;}
.page .arrow:hover{background-color: rgba(23,174,218, 0.2);}
.page .page-jup.on,.page .page-jup:hover{background-color: rgba(23,174,218); color: #fff;}
.page .num{margin: 0 4px; color: #333; }
.page .sp{color: #999; margin-right: 10px;}
.page .icon{font-size: 12px;}
.box{max-width: 1500px; margin-left: auto !important; margin-right: auto !important; width: 94%;}

.red66{color: #666;}


.pup{display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 9999; background-color: rgba(0,0,0,0.8);}
.pup.on{display: flex; align-items: center;justify-content: center;}
.pup-box{position: relative; padding-top: 50px;}
.pup-box #myVideo{max-width: 90vw; max-height: 90vh; min-width: 800px;}
.pup-close{width: 50px; height: 50px; background-image: url(../images/close.png); background-size: 50%; position: absolute; right: 0; top: 0; background-repeat: no-repeat;}