@charset "utf-8"; .loader {
 background: #fff;
 position: fixed;
 top: 0;
 bottom: 0;
 right: 0;
 left: 0;
 z-index: 9998
}

.loader .loaders {
 background: #0075c1;
 position: absolute;
 display: inline-block;
 height: 40px;
 width: 40px;
 left: 50%;
 top: 50%;
 margin: -20px 0 0 -20px;
 text-indent: -9999em;
 border-radius: 100%;
 animation-fill-mode: both;
 animation: ball-scale 1s 0s ease-in-out infinite
}

@keyframes ball-scale {
 0% {
  transform: scale(0)
 }

 100% {
  opacity: 0;
  transform: scale(1)
 }
}

@font-face {
 font-family: sys;
 src: url(../fonts/SourceHanSerifCN-Heavy.otf) format("otf");
 font-display: swap
}

.sys {
 font-family: sys
}

* {
 box-sizing: border-box;
 -webkit-tap-highlight-color: rgba(0,0,0,0);
 -webkit-backface-visibility: hidden;
}

html {
 font-size: 100px;
 -webkit-text-size-adjust: 100%;
 -ms-text-size-adjust: 100%;
}

body,dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6,pre, code, form, fieldset, legend, input, textarea,p, blockquote, th, td, hr, button,article, aside, details, figcaption, figure, footer, header, menu, nav, section {
 margin: 0;
 padding: 0;
 border: 0;
}

h4,h5,h6 {
 font-weight: normal;
}

:focus {
 outline: 0
}

a {
 text-decoration: none;
 color: #333333;
}

@media (min-width: 992px) {
 a:hover {
  color: #890202;
 }
}

button {
 user-select: none;
}

img:not([src]),img[src=""] {
 opacity: 0;
}

img {
 display: inline-block;
 padding: 0;
 border: none;
 -ms-interpolation-mode: bicubic;
 max-width: 100%;
 max-height: 100%;
 vertical-align: middle;
}

ul, ol {
 list-style: none;
}

table {
 border-collapse: collapse;
 border-spacing: 0;
}

input, select, button, textarea {
 font-size: 100%;
 font: inherit;
}

hr {
 height: 0;
 border: none;
 border-top: 1px solid #f4f3f2;
 -webkit-box-sizing: content-box;
 -moz-box-sizing: content-box;
 box-sizing: content-box
}

pre {
 overflow: auto
}

code,kbd,pre,samp {
 font-family: monospace,monospace;
 font-size: 1em
}

body {
 color: #333;
 position: relative;
 overflow-x: hidden;
 font-size: .16rem;
 font-family: -apple-system,BlinkMacSystemFont,"PingFang SC",Microsoft YaHei,Arial,Helvetica Neue,"Helvetica Neue", "Open Sans", "Hiragino Sans GB", sans-serif;
}

select::-ms-expand {
 display: none;
}

i,em {
 font-style: normal;
}

input,textarea,select {
 padding: 0;
 font-family: inherit;
 outline: none;
 resize: none;
 background: none;
 border: none;
 font-size: inherit;
 color: inherit;
}

input::-moz-placeholder {
 color: inherit;
 opacity: .5;
 font-size: inherit
}

textarea::-moz-placeholder {
 color: inherit;
 opacity: .5;
 font-size: inherit
}

select::-moz-placeholder {
 color: inherit;
 opacity: .5;
 font-size: inherit
}

::-webkit-input-placeholder {
 color: #999;
 font-size: inherit
}

input:-ms-input-placeholder {
 color: #999;
 font-size: inherit
}

/*::-webkit-scrollbar{width:10px;height:4px}
::-webkit-scrollbar-track{background:#ddd;}
::-webkit-scrollbar-thumb{background:#aaa;}*/
.sc-y::-webkit-scrollbar {
 width: 3px;
}

.sc-y::-webkit-scrollbar-track {
 background: #ddd;
 border-radius: 5px
}

.sc-y::-webkit-scrollbar-thumb {
 background: #890202;
 border-radius: 5px
}

.sc-x::-webkit-scrollbar {
 height: 3px;
}

.sc-x::-webkit-scrollbar-track {
 background: #ddd;
 border-radius: 5px
}

.sc-x::-webkit-scrollbar-thumb {
 background: #890202;
 border-radius: 5px
}

.eclip {
 display: block;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap
}

.eclips {
 display: block;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap
}

.line2 {
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
 display: block\0;
}

.line3 {
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
 display: block\0;
}

.line4 {
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 4;
 -webkit-box-orient: vertical;
 display: block\0;
}

.line5 {
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 5;
 -webkit-box-orient: vertical;
 display: block\0;
}

.line6 {
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 6;
 -webkit-box-orient: vertical;
 display: block\0;
}

.line8 {
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 8;
 -webkit-box-orient: vertical;
 display: block\0;
}

.zi2 {
 position: relative;
 z-index: 2
}

.zi5 {
 position: relative;
 z-index: 5
}

.check:checked,.check:not(:checked) {
 position: absolute;
 left: -9999px;
 opacity: 0
}

.check:checked+label,.check:not(:checked)+label {
 position: relative;
 display: inline-block;
 height: 16px;
 cursor: pointer;
 padding-left: 24px;
 line-height: 18px
}

.check+label:after {
 position: absolute;
 width: 8px;
 height: 8px;
 border-radius: 3px;
 top: 5px;
 left: 5px;
 content: ""
}

.check+label:before {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 0;
 width: 16px;
 height: 16px;
 border-radius: 3px;
 content: "";
 background: #fff;
 border: 1px solid #888
}

.check:checked+label:after {
 background: #0075c1
}

.check:checked+label:before {
 border-color: #0075c1
}

.radio:checked+label,.radio:not(:checked)+label {
 position: relative;
 display: inline-block;
 height: 16px;
 line-height: 16px;
 cursor: pointer;
 padding-left: 24px
}

.radio+label:after,.radio+label:before {
 position: absolute;
 top: -1px;
 left: 0;
 z-index: 0;
 width: 16px;
 height: 16px;
 border-radius: 50%;
 content: ""
}

.radio:not(:checked)+label:after,.radio:not(:checked)+label:before {
 border: 1px solid #888
}

.radio:checked,.radio:not(:checked) {
 position: absolute;
 left: -9999px;
 opacity: 0
}

.radio:checked+label:before {
 border: 1px solid #0075c1
}

.radio:checked+label:after {
 width: 8px;
 height: 8px;
 border-radius: 50%;
 background: #0075c1;
 top: 4px;
 left: 5px
}

.imgBox,.zoomImg {
 position: relative;
 overflow: hidden;
 isolation: isolate
}

.imgBox .img {
 padding-bottom: 60%;
 transition: .5s;
 background-size: cover;
 display: block;
 background-repeat: no-repeat;
 background-position: center;
 display: block;
 background: #eee
}

.imgBox img {
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 100%;
 -o-object-fit: cover;
 object-fit: cover;
 transition: .5s
}

/*.imgBox img{display: none\0;}*/
.none {
 display: none;
}

.overhide {
 overflow: hidden
}

.clearfix:after {
 clear: both;
 display: block;
 visibility: hidden;
 overflow: hidden;
 height: 0;
 content: "."
}

.fl {
 float: left
}

.fr {
 float: right
}

.poab {
 position: absolute
}

.pore {
 position: relative
}

.text-r {
 text-align: right
}

.text-m {
 text-align: center
}

.text-bold {
 font-weight: 700;
}

.text-light {
 font-weight: 100;
}

.text-upper {
 text-transform: uppercase;
}

.text-lower {
 text-transform: lowercase;
}

.text-ver {
 writing-mode: tr-lr;
 writing-mode: vertical-lr;
}

.bgBox {
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
}

.abUrl {
 position: absolute;
 left: 0;
 top: 0;
 right: 0;
 bottom: 0;
 z-index: 5;
 background: rgba(255,255,255,0);
}

.flex {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}

.flexc {
 align-items: center;
}

.flex-left {
 display: flex;
 flex-wrap: wrap
}

.flex-center {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
}

.flex-right {
 display: flex;
 flex-wrap: wrap;
 justify-content: flex-end;
}

.flex-v-center {
 display: -webkit-flex;
 display: flex;
 flex-direction: column;
 justify-content: center
}

.flex-v {
 display: -webkit-flex;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
}

.flex-v-bottom {
 display: -webkit-flex;
 display: flex;
 align-items: flex-end;
 flex-wrap: wrap;
 justify-content: left;
}

.scbox {
 overflow-y: auto
}

.scbox::-webkit-scrollbar {
 width: 4px;
 display: block;
}

.scbox::-webkit-scrollbar-track {
 border-radius: 5px;
;background: #ddd
}

.scbox::-webkit-scrollbar-thumb {
 border-radius: 5px;
 background: #0075c1;
}

.aline_w {
 position: relative;
 background-image: linear-gradient(rgba(255,255,255,1),rgba(255,255,255,1));
 background-position: 0 100%;
 background-size: 0 1px;
 background-repeat: no-repeat;
 transition: background-size .5s
}

.compensate-for-scrollbar {
 margin-right: 0!important
}

.aline_r {
 position: relative;
 background-image: linear-gradient(#f4c493,#f4c493);
 background-position: 0 100%;
 background-size: 0 1px;
 background-repeat: no-repeat;
 transition: background-size .5s
}

@keyframes sca {
 0% {
  transform: scale(1);
 }

 50% {
  transform: scale(1.1)
 }

 100% {
  transform: scale(1)
 }
}

@keyframes go {
 0% {
  transform: translateX(0);
 }

 50% {
  transform: translateX(10px);
 }

 100% {
  transform: translateX(0);
 }
}

@keyframes up {
 0% {
  transform: translateY(0);
 }

 50% {
  transform: translateY(-8px);
 }

 100% {
  transform: translateY(0);
 }
}

@keyframes roted {
 0% {
  transform: rotate(0deg);
 }

 100% {
  transform: rotate(360deg);
 }
}

@keyframes roteds {
 0% {
  transform: rotate(0deg);
 }

 100% {
  transform: rotate(-360deg);
 }
}

.zoomImg,.loadimg {
 width: 100%;
 overflow: hidden;
 position: relative;
 display: block;
 background: #f2f2f2
}

.zoomImg:before {
 position: absolute;
 top: 0;
 left: -90%;
 z-index: 2;
 display: block;
 content: "";
 width: 50%;
 height: 100%;
 opacity: .25;
 pointer-events: none;
 background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
 background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
 -webkit-transform: skewX(-25deg);
 -ms-transform: skewX(-25deg);
 transform: skewX(-25deg);
 z-index: 3
}

.zoomImg img {
 width: 100%;
 transition: .5s;
 height: 100%;
 object-fit: cover;
 position: relative;
 z-index: 1
}

.slideImg {
 width: 100%;
 overflow: hidden;
 position: relative;
 display: block;
}

.slideImg img {
 width: 100%;
 transition: .5s;
 height: 100%;
 object-fit: cover;
 position: relative;
 z-index: 1
}

.zoomImg.noms:before {
 display: none
}

.zoomImg.mask:after {
 content: '';
 position: absolute;
 left: -1px;
 right: -1px;
 bottom: 0;
 height: 40%;
 z-index: 2;
 pointer-events: none;
 background: url(../images/bamss.png) repeat-x top center;
 background-size: auto 100%;
 opacity: .7
}

.imgfix img {
 display: none\0
}

@-webkit-keyframes shine {
 100% {
  left: 125%
 }
}

@keyframes shine {
 100% {
  left: 125%
 }
}

@media (min-width: 992px) {
 .zoomImg:hover:before {
  -webkit-animation:shine .75s;
  animation: shine .75s
 }

 .zoomImg:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05)
 }

 a:hover .zoomImg:before {
  -webkit-animation: shine .75s;
  animation: shine .75s
 }

 a:hover .zoomImg img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05)
 }
}

.block {
 position: relative;
 display: block;
}

.transImg {
 display: block;
 overflow: hidden;
}

.transImg img {
 transition: .5s
}

@media screen and (min-width: 992px) {
 .imgBox.trans:hover .img {
  transform: scale(1.05)
 }

 .imgBox.trans:hover img {
  transform: scale(1.05)
 }

 .a:hover .imgBox.trans .img {
  transform: scale(1.05)
 }

 .a:hover .imgBox.trans img {
  transform: scale(1.05)
 }

 .transImg:hover img {
  transform: scale(1.05)
 }

 .a:hover .transImg img {
  transform: scale(1.05)
 }

 .alin_w:hover .aline_w {
  background-size: 100% 1px;
  color: #fff
 }

 .aline_w:hover {
  background-size: 100% 1px
 }

 .alin_r:hover .aline_r {
  background-size: 100% 1px;
  color: #f4c493
 }

 .aline_r:hover {
  background-size: 100% 1px
 }
}

.wp {
 max-width: 18rem;
 margin: 0 auto;
 width: 94%
}

.wpa {
 width: 94%;
 margin: 0 auto;
 max-width: 17.5rem
}

@media (max-width: 1440px) {
}

@media (max-width: 992px) {
 .wp {
  width:auto;
  margin-left: .4rem;
  margin-right: .4rem;
  max-width: inherit;
 }

 body {
  font-size: .24rem;
 }
}

@media (max-width: 597px) {
 .wp {
  width:auto;
  margin-left: 5vw;
  margin-right: 5vw
 }

 body {
  font-size: .28rem;
 }

 .eclips {
  display: inline-block;
  overflow: visible;
  text-overflow: inherit;
  white-space: normal;
 }
}

@media (max-width: 360px) {
}

.swiper-container {
 margin: 0;
}

.totop {
 position: fixed;
 z-index: 90;
 bottom: .5rem;
 right: .3rem;
 box-sizing: border-box;
 text-align: center;
 cursor: pointer;
 width: .5rem;
 height: .5rem;
 overflow: hidden;
 border-radius: 50%;
 display: none;
 background: #890202;
 line-height: .5rem
}

.totop img {
 width: 100%
}

.totop svg {
 width: .22rem;
 height: .22rem;
 display: inline-block;
 fill: #fff;
 vertical-align: middle;
 margin: -3px 0 0;
}

.ser-layer {
 background: rgba(0,0,0,.75);
 background-size: cover;
 position: fixed;
 left: 0;
 top: 0;
 right: 0;
 bottom: 0;
 z-index: 99999;
 opacity: 0;
 visibility: hidden;
 transition: all 0.3s ease-out 0s;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-align: center;
 align-items: center;
 -ms-flex-pack: center;
 justify-content: center;
 backdrop-filter: blur(5px)
}

.isIos .ser-layer {
 background: rgba(0,0,0,.8);
}

.ie11 .ser-layer {
 background: rgba(0,0,0,.85);
}

.ser-layer.showdiv {
 opacity: 1;
 visibility: visible;
}

.ser-layer .serclose {
 display: flex;
 align-items: center;
 justify-content: center;
 height: 1rem;
 width: 1.17rem;
 color: #fff;
 font-size: .3rem;
 position: absolute;
 top: 0;
 right: 0;
 z-index: 5;
 cursor: pointer;
 padding-left: .05rem
}

.ser-layer .serform {
 width: 90%;
 margin: 0 auto;
 margin: 0\0;
 -webkit-transform: translateY(1.5rem);
 transition: .2s .1s
}

.ser-layer.showdiv .serform {
 transform: translateY(0);
 transition: .5s .3s
}

.ser-layer .serform .input-group {
 max-width: 5.5rem;
 margin: 0 auto
}

.ser-layer .serform .input-group .sub {
 position: absolute;
 right: 0;
 top: 0;
 width: .9rem;
 height: .5rem;
 overflow: hidden;
 background: 0 0;
 cursor: pointer;
 border-radius: 0 5px 5px 0;
 background: #890202;
}

.ser-layer .serform .input-group .sub:before {
 content: '';
 transform: skewX(-12deg);
 position: absolute;
 top: 0;
 bottom: -1px;
 left: 0;
 z-index: 0;
 right: -6px;
 transform-origin: left bottom;
 display: none
}

.ser-layer .serform .input-group .sub:after {
 content: "\e616";
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 z-index: 0;
 right: 0;
 text-align: center;
 font-family: swiper-icons!important;
 color: #fff;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: .26rem;
display:none;
}

.ser-layer .serform .input-group .inp {
 height: .5rem;
 border: 0;
 border-right: 0;
 padding-right: .9rem;
 width: 100%;
 padding-left: .15rem;
 background: #fff;
 border-radius: 5px 10px 10px 5px;
 border-right: 0
}

.topSer {
 margin-left: .2rem
}

.topSer .slog {
 margin-bottom: .15rem;
 text-align: center;
}

.topSer .slog img {
 height: .3rem
}

.topSer .inp {
 width: 3.2rem;
 padding: 0 .5rem 0 .15rem;
 background: transparent;
 line-height: .38rem;
 height: .38rem;
 background: #fff
}

/*.topSer .inp::-webkit-input-placeholder{color:rgba(255,255,255,.5);font-size:inherit}
.topSer input.inp:-ms-input-placeholder{color:rgba(255,255,255,.5);font-size:inherit}*/
.topSer .sub {
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 background: transparent;
 width: .45rem;
 text-align: center;
 line-height: .36rem;
 color: #fff;
 font-size: .24rem;
 cursor: pointer;
 background: #FFB16D
}

.topSer .link {
 margin-bottom: .2rem;
 line-height: .2rem
}

.topSer .link a {
 position: relative;
}

.topSer .link a:hover {
 color: rgba(255,255,255,1)
}

.topSer .link a+a:before {
 content: '|';
 color: rgba(255,255,255,.4);
 margin: 0 .15rem
}

.topSer .link .showSear i {
 font-size: .2rem
}

.navShow .ser-layer .serclose {
 top: .4rem
}

@media (max-width: 992px) {
 .ser-layer .serclose {
  right: 5vw;
  top: .4rem;
  font-size: .4rem;
  background: transparent;
  width: auto;
  height: auto;
  padding-left: 0;
 }

 .ser-layer .serform .input-group .sub {
  width: 1.2rem;
  height: .6rem;
 }

 .ser-layer .serform .input-group .inp {
  height: .6rem;
  padding-right: 1.2rem;
  padding-left: .15rem;
 }

 .ser-layer .serform .input-group .sub:after {
  font-size: .4rem
 }

 .ser-layer .serform .input-group {
  max-width: 7rem;
 }

 .totop {
  width: .6rem;
  height: .6rem;
  line-height: .6rem
 }

 .totop svg {
  width: .34rem;
  height: .34rem
 }
}

@media (max-width: 597px) {
 .ser-layer .serclose {
  right: 5vw;
  top: .4rem;
  font-size: .4rem
 }

 .ser-layer .serform .input-group .sub {
  width: 1.2rem;
  height: .7rem;
 }

 .ser-layer .serform .input-group .inp {
  height: .7rem;
  padding-right: 1.2rem;
  padding-left: .15rem;
 }

 .ser-layer .serform .input-group .sub:after {
  font-size: .4rem
 }

 .ser-layer .serform .input-group {
  max-width: inherit;
 }

 .ser-layer {
  padding-bottom: 15%
 }
}

.popCode {
 position: relative;
 z-index: 10;
 display: inline-block;
}

.popCode span {
 width: 2rem;
 position: absolute;
 bottom: calc(100% + 15px);
 left: 50%;
 z-index: 5;
 background: #fff;
 transform: translateX(-50%);
 box-shadow: 0 0 8px rgba(0,0,0,.15);
 padding: 5px;
 border-radius: 5px;
 display: none;
 z-index: 10;
 text-align: center;
 font-size: .14rem;
 color: #444
}

.popCode span:before {
 content: '';
 border: 10px solid transparent;
 border-top-color: #fff;
 position: absolute;
 left: 50%;
 top: 100%;
 transform: translateX(-50%);
}

.popCode span img {
 width: auto;
}

.popCode:hover span {
 display: block;
}

.popCode.sp span {
 width: 2.2rem;
 padding-bottom: 8px
}

.popCode em {
 width: 1.1rem;
 position: absolute;
 top: calc(100% + 15px);
 left: 50%;
 z-index: 5;
 background: #fff;
 transform: translateX(-50%);
 box-shadow: 0 0 8px rgba(0,0,0,.15);
 padding: 2px;
 border-radius: 5px;
 visibility: hidden;
 opacity: 0;
 transition: .5s;
 z-index: 10
}

.popCode em:before {
 content: '';
 border: 10px solid transparent;
 border-bottom-color: #fff;
 position: absolute;
 left: 50%;
 bottom: 100%;
 transform: translateX(-50%);
}

.popCode em img {
 width: 100%
}

.popCode:hover em {
 opacity: 1;
 visibility: visible;
}

/*@media (max-width: 992px){
.popCode span{left: 50%;transform: translateX(-50%) translateY(0);top: calc(100% + 15px)}
.popCode span:before{border-right-color: transparent;border-bottom-color: #fff;top:auto;right: 50%;transform: translateY(0) translateX(50%);bottom: 100%}
}*/
/**/
/**/
.header .navBtn {
 display: none;
 align-items: center;
}

.header .navBtn>.showSear {
 font-size: .34rem;
 margin-right: .4rem;
 color: #fff
}

.header .navbtn {
 width: .56rem;
 height: .56rem;
 background: #c12e1b;
 transition: .3s;
 z-index: 5;
 color: #fff;
 text-align: center;
 border-radius: .4rem ;
 display: flex;
 align-items: center;
 justify-content: center;
}

.menu-btn {
 overflow: hidden;
 width: .24rem;
 height: .3rem;
 background: 0 0;
 opacity: 1;
 position: relative;
 z-index: 999;
 cursor: pointer;
}

.menu-btn .line-1,.menu-btn .line-2,.menu-btn .line-3 {
 position: absolute;
 top: 50%;
 left: 0;
 display: block;
 width: .24rem;
 height: 2px;
 background: #fff;
 transition: all .4s cubic-bezier(.165,.84,.44,1) 0s;
 transition-property: transform,width,margin,background-color;
 margin-top: -1px
}

.menu-btn .line-1 {
 margin-top: -.09rem;
}

.menu-btn .line-3 {
 margin-top: .07rem;
}

body.navShow .menu-btn .line-1 {
 visibility: hidden
}

body.navShow .menu-btn .line-2 {
 margin-top: -1px!important;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg)
}

body.navShow .menu-btn .line-3 {
 margin-top: -1px!important;
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg)
}

.pubg {
 background: linear-gradient(to right,#35a62b,#077443);
}

.header {
 position: fixed;
 left: 0;
 right: 0;
 z-index: 999;
 top: 0;
 width: 100%;
}

.ie11 .header {
 position: fixed;
}

.ie11 body {
 padding-top: 1.88rem
}

.header .top {
 padding: .25rem 0
}

.header:after {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 height: 2.88rem;
 right: 0;
 z-index: 2;
 pointer-events: none;
 transition: .3s;
 background: linear-gradient(180deg, #850909 0%, rgba(133, 9, 9, 0) 100%);
 transition: .5s;
}

.header .top {

}



.header .top .left a+a:before {
 content: '|';
 display: inline-block;
 margin: 0 .15rem
}



.header .top .slog img {
 height: .74rem;
 user-select: none;
 pointer-events: none
}

/*.header .top .showSear{font-size: .2rem;margin-left: .2rem}*/
.header .top-nav {
 padding: .1rem 0 .15rem
}

.header .wp {
 align-items: center;
 transition: .3s;
 height: 100%;
 position: relative;
 z-index: 5;
}

.header .serBtnpc {
}

.header .serBtnpc a {
 display: flex;
 align-items: center;
 justify-content: center;
 height: .48rem;
 width: .8rem;
 background: #0FB264;
 color: #fff;
 font-size: .28rem;
 border-radius: .5rem
}

.header .logo {
}

.header .logo img.logob {
 display: none
}

.header .logo img {
 height: .64rem;
 user-select: none;
 transition: .3s
}

.header .logos {
 opacity: 0;
 visibility: hidden;
 position: absolute;
 left: 0;
 top: 50%;
 margin-top: -.34rem
}

.header .topnav {
 line-height: .5rem;
}

.header .topnav ul {
 align-items: center;
}

.header .topnav ul li {
 font-size: .18rem;
 position: relative;
 text-align: center;
 text-align: center;
}

.header .topnav ul li i.plus {
 position: absolute;
 right: 0;
 top: .13rem;
 color: #999;
 display: block;
 width: .3rem;
 height: .3rem;
 text-align: center;
 line-height: .3rem;
 display: none;
 transition: .3s
}

.header .topnav ul li i.plus.show {
 transform: rotate(180deg);
}

.header .topnav ul li .sub-nav {
 position: absolute;
 top: 100%;
 left: 50%;
 z-index: 99;
 padding-top: 0;
 min-width: 1.68rem;
 transform: scaleY(0) translateX(-50%);
 opacity: 0;
 visibility: hidden;
 transition: .3s;
 transform-origin: top center;
}

.header .topnav ul li .sub-nav .sub-nav-h {
 position: relative;
 background: #fff;
 padding: .2rem;
 box-shadow: 0 0 10px rgba(0,0,0,.3);
 background: #fff;
 border-radius: 0 0 5px 5px
}

.header .topnav ul li .sub-nav .sub-nav-h:after {
 content: '';
 height: 3px;
 width: 100%;
 position: absolute;
 left: 0;
 top: 0;
 background: #890202;
}

.header .topnav ul li .sub-nav .sub-nav-h a {
 display: block;
 font-size: .16rem;
 padding: 0 .1rem ;
 white-space: nowrap;
 line-height: .4rem;
 text-align: center;
}

.header .topnav ul li .sub-nav .sub-nav-h a:hover {
 color: #890202
}

.header .topnav ul li .sub-nav .sub-nav-h:before {
 content: '';
 position: absolute;
 left: 50%;
 transform: translateX(-50%);
 width: 6px;
 height: 6px;
 background: #fff;
 bottom: calc(100% + 6px);
 border-radius: 50%;
 display: none
}

.header .topnav ul li:hover .sub-nav {
 opacity: 1;
 visibility: inherit;
 transform: scaleY(1) translateX(-50%)
}

.header .toplink {
 margin-bottom: .15rem
}

.header .toplink a:hover {
 color: #fff
}

.header .toplink a {
 display: flex;
 color: rgba(255,255,255,.7);
 align-items: center
}

.header .toplink a+a:before {
 content: '|';
 display: inline-block;
 margin: 0 .15rem;
 color: rgba(255,255,255,.7);
}

.header .topnav::-webkit-scrollbar {
 display: none
}

/*.navShow .header{transition: .3s;position: fixed;left: 0;right: 0;z-index: 999;top: 0}

.headers{top: -1.2rem;opacity: 0;visibility: hidden;transition: .5s;position: fixed;left: 0;right: 0;z-index: 999;box-shadow: 0 .1rem .2rem rgba(0,0,0,.1);padding: .12rem 0;background: #fff}
.headers.on{top: 0;opacity: 1;visibility:visible;}*/
.navShow .header .top {
 background: #890202
}

.scrolling .header:after {
 height: 100%;
}
.scrolling .header .top{
 padding: .2rem 0 ;
}
/*.navShow.scrolling .headert{position: relative;}
.navShow .header .logo img.logoa{height: 1.2rem;top: -.15rem}

*/
.big-nav {
 position: fixed;
 z-index: 100;
 left: 0;
 top: 0;
 right: 0;
 bottom: 0;
 background: #890202;
 background-size: 100% auto;
 opacity: 0;
 visibility: hidden;
 transition: .3s;
 backdrop-filter: blur(5px)
}

.big-nav .links {
 display: none
}

.big-nav .links .link2 {
 font-size: 0
}

.big-nav .links .link2 a {
 font-size: .24rem;
 margin-bottom: .15rem;
 display: inline-block;
 color: #fff
}

.big-nav .links .link2 a+a:before {
 content: '|';
 display: inline-block;
 margin: 0 .2rem;
 color: #fff;
 opacity: .5
}

.big-nav .links .link1 a {
 font-size: .24rem;
 display: flex;
 align-items: center;
 margin: 0 .15rem .15rem
}

.big-nav .links .link1 a img {
 height: .28rem;
 margin-right: .1rem;
}

.big-nav .links .link1 {
 margin-bottom: .2rem
}

.big-nav .scroll .links .wp:after {
 display: none
}

.big-nav .links {
 margin-bottom: .3rem;
 text-align: center;
}

.big-nav .scroll {
 position: absolute;
 z-index: 1;
 left: 0;
 right: 0;
 top: 1.85rem;
 bottom: 0;
 overflow-y: auto;
 padding-bottom: .6rem
}

.big-nav .scroll::-webkit-scrollbar {
 display: none
}

.big-nav .scroll dl {
 margin-bottom: .3rem;
 width: 12.28%;
 margin: 0 1%;
 text-align: center;
}

.big-nav .scroll dl dt {
 font-size: .24rem;
 margin-bottom: .2rem;
 position: relative;
 font-weight: bold;
}

.big-nav .scroll dl dt i.plus {
 position: absolute;
 right: 0;
 top: .05rem;
 display: block;
 width: .3rem;
 height: .3rem;
 text-align: center;
 line-height: .3rem;
 transition: .3s;
 font-size: .2rem;
 display: none;
 color: rgba(255,255,255,.4)
}

.big-nav .scroll dl dt i.plus.show {
 transform: rotate(180deg);
}

.big-nav .scroll dl dt:after {
 content: '';
 height: 2px;
 width: 0;
 position: absolute;
 left: 50%;
 bottom: 0;
 background: #0093be;
 transform: translateX(-50%);
 display: none
}

.big-nav .scroll dl dt a {
 color: #fff
}

.big-nav .scroll dl dd ul {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}

.big-nav .scroll dl dd ul li {
 width: 100%;
 margin-bottom: .12rem;
 font-size: .16rem;
 line-height: 1.4em
}

.big-nav .scroll dl dd ul li a {
 color: rgba(255,255,255,.8)
}

.big-nav .scroll dl dd ul li a:hover {
 color: #fff
}

.big-nav .scroll .wp {
 margin-left: .85rem;
 margin-right: .85rem;
 width: auto;
 max-width: inherit;
}

.big-nav .scroll .wp:after {
 width: 31.333%;
 display: inline-block;
 content: '';
 display: none
}

/*body.navShow {overflow: hidden;position: fixed;width: 100%;height: 100%}*/
body.navShow .big-nav {
 opacity: 1;
 visibility: visible;
}

body.navShow .big-nav .scroll dl dt:after {
 width: .4rem;
 transition: width .6s 1.3s linear
}

@media (min-width: 993px) {
 .header .topnav ul {
 }

 .header .topnav ul li {
 }

 .header .topnav ul li>a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
 }

 .header .topnav ul li>a img {
  height: .2rem;
  margin-right: .1rem
 }

 .header .topnav ul li.on>a {
 }

 /*.header .topnav ul li:hover>a{color: #1daa39;}*/
 /*.header .topnav ul li:nth-child(6){margin-left: 30%;}*/
 .navShow .header .topnav {
  opacity: 0;
  visibility: hidden;
 }

 .navShow .header .top .wp {
  transform: translateY(.25rem);
 }

 .big-nav .scroll dl {
  transform: translateY(1rem);
  opacity: 0;
 }

 body.navShow .big-nav .scroll dl {
  transform: translateY(0);
  opacity: 1;
 }

 body.navShow .big-nav .scroll .wp dl:nth-child(1) {
  transition: .8s .2s
 }

 body.navShow .big-nav .scroll .wp dl:nth-child(2) {
  transition: .8s .3s
 }

 body.navShow .big-nav .scroll .wp dl:nth-child(3) {
  transition: .8s .4s;
 }

 body.navShow .big-nav .scroll .wp dl:nth-child(4) {
  transition: .8s .5s;
 }

 body.navShow .big-nav .scroll .wp dl:nth-child(5) {
  transition: .8s .6s
 }

 body.navShow .big-nav .scroll .wp dl:nth-child(6) {
  transition: .8s .7s
 }

 body.navShow .big-nav .scroll .wp dl:nth-child(7) {
  transition: .8s .8s;
 }

 body.navShow .big-nav .scroll .wp dl:nth-child(8) {
  transition: .8s .9s
 }

 body.navShow .big-nav .scroll .wp dl:nth-child(9) {
  transition: .8s 1s
 }

 body.navShow .big-nav .scroll .wp dl:nth-child(10) {
  transition: .8s 1.1s;
 }
}

@media (max-width: 992px) {
 .header .serBtnpc,.header .top .slog {
  display: none
 }

 .topSer {
  display: none;
 }

 .header .logo {
  padding-top: 0
 }

 .header .topnav {
  display: none
 }

 .header .toplink {
  display: none
 }

 .header .top-nav {
  padding: .15rem 0
 }

 .header .top {
  padding: .18rem 0;
  height: auto !important;
 }

 .header .wp {
  margin-left: .4rem;
  margin-right: .4rem;
  height: auto;
  padding-right: 0
 }

 .header .logo img {
  height: .62rem
 }

 .header:after {
  height: 120%
 }

 .header .navBtn {
  top: .15rem ;
  display: flex
 }

 .menu-btn .line-1, .menu-btn .line-2, .menu-btn .line-3 {
  width: .35rem
 }

 .menu-btn .line-1 {
  margin-top: -8px
 }

 .menu-btn .line-3 {
  margin-top: 6px
 }

 .header .navBtn .showSear {
  display: flex;
  align-items: center;
 }

 .header .navbtn {
  width: .8rem;
  height: .5rem;
 }

 .menu-btn {
  width: .35rem
 }

 .big-nav .scroll .wp {
  margin-left: .4rem;
  margin-right: .4rem
 }

 .big-nav .scroll {
  top: 1.5rem
 }

 .big-nav .links {
  display: block;
 }

 .big-nav .scroll dl {
  width: 100%;
  text-align: left;
 }

 .big-nav .scroll dl dd {
  display: none
 }

 .big-nav .scroll dl {
  margin-top: .2rem;
  margin-left: 0;
  margin-right: 0
 }

 .big-nav .scroll dl dt {
  margin-bottom: .15rem;
  padding-bottom: .1rem;
  font-size: .28rem
 }

 .big-nav .scroll dl dd ul li {
  font-size: .24rem
 }

 .big-nav .scroll dl dd ul li {
  margin-bottom: .2rem
 }

 .big-nav .scroll dl dt i.plus {
  display: block;
 }

 .big-nav .scroll dl dd ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
 }

 .big-nav .scroll dl dd ul li {
  width: 48%
 }
}

@media (max-width: 597px) {
 .header .logo img {
  height: .6rem
 }

 .header .wp {
  margin-left: 3vw;
  margin-right: 3vw;
  padding-right: 0
 }

 .header .topnav ul li .sub-nav {
  padding-top: 0
 }

 .header .topnav ul li .sub-nav .sub-nav-h a {
  font-size: .18rem
 }

 .header .topnav ul li .sub-nav .sub-nav-h .img {
  display: none
 }

 .header .topnav ul li .sub-nav .sub-nav-h .list {
  margin-right: 0;
  width: 100%
 }

 .header .topnav ul li .sub-nav .sub-nav-h .list span {
  width: 33.33333%;
  text-align: center;
  margin-right: 0
 }

 .big-nav .scroll dl dt i.plus {
  top: 0
 }

 /*.big-nav .scroll dl dt{font-size: .22rem}
.big-nav .scroll dl dd ul li, .bigSearch .hotWord{font-size: .18rem}*/
 .header .navbtn {
  width: .85rem;
  height: .55rem;
 }

 .menu-btn .line-1 {
  margin-top: -7px
 }

 .menu-btn .line-3 {
  margin-top: 5px
 }

 .big-nav .scroll dl dt {
  font-size: .3rem
 }

 .big-nav .scroll dl dd ul li {
  font-size: .26rem
 }

 .header .navBtn>.showSear {
  margin-right: .3rem
 }

 .big-nav .links .link2 a {
  font-size: .26rem;
 }

 .big-nav .links .link1 a {
  font-size: .26rem;
 }

 .big-nav .links .link1 a img {
  height: .32rem;
  margin-right: .1rem;
 }
}

@keyframes icoMove {
 0% {
  transform: translate(2px);
 }

 25% {
  transform: translate(-2px);
 }

 50% {
  transform: translate(1px);
 }

 100% {
  transform: translate(0px);
 }
}

@keyframes beat {
 from,to {
  -webkit-transform: scale(1,1);
  transform: scale(1,1)
 }

 25% {
  -webkit-transform: scale(.9,1.1);
  transform: scale(.9,1.1)
 }

 50% {
  -webkit-transform: scale(1.1,.9);
  transform: scale(1.1,.9)
 }

 75% {
  -webkit-transform: scale(.95,1.05);
  transform: scale(.95,1.05)
 }

 from,to {
  -webkit-transform: scale(1,1);
  transform: scale(1,1)
 }

 25% {
  -webkit-transform: scale(.9,1.1);
  transform: scale(.9,1.1)
 }

 50% {
  -webkit-transform: scale(1.1,.9);
  transform: scale(1.1,.9)
 }

 75% {
  -webkit-transform: scale(.95,1.05);
  transform: scale(.95,1.05)
 }
}

.suTab .mores .more+.more {
 display: none;
}

.suTab .bd .tabCon+.tabCon {
 display: none;
}

.swiTab .mores .more+.more {
 display: none;
}

.icoCo {
 position: relative;
 display: block;
}

.icoCo img {
 height: 100%;
 transition: .3s;
}

.icoCo img:last-child {
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 opacity: 0;
 visibility: hidden;
 z-index: 0;
 margin: 0 auto;
}

.on .icoCo img:first-child {
 opacity: 0;
 visibility: hidden;
}

.on .icoCo img:last-child {
 opacity: 1;
 visibility: visible;
}

@media (min-width: 1025px) {
 .icoCop:hover .icoCo img:first-child {
  opacity: 0;
  visibility: hidden;
 }

 .icoCop:hover .icoCo img:last-child {
  opacity: 1;
  visibility: visible;
 }

 .aniI:hover .aniIco {
  animation: beat 0.5s 1;
 }
}

/*footer*/
.footer {
 padding: .4rem 0 .4rem;
 position: relative;
}

.footer:after {
 content: '';
 position: absolute;
 left: 0;
 right: 0;
 bottom: 0;
 height: 6.82rem;
 background: url(../images/ftbg.jpg) no-repeat center;
 background-size: cover;
}

.footer .logoft img {
 width: 6.37rem
}

.footer dl dt {
 font-size: .24rem;
 line-height: 1em;
 margin-bottom: .2rem
}

.footer dl dt span {
 border-left: 4px solid rgba(153, 23, 6, 1);
 padding-left: .1rem;
 display: inline-block;
}

.footer dl dd p {
 font-size: .18rem;
 color: #666;
 padding: .05rem 0
}

.footer dl dd p a {
 color: #666
}

@media (min-width: 993px) {
 .footer dl dd p a:hover {
  color: rgba(153, 23, 6, 1)
 }

 .footer .s2 {
  width: 3.23rem;
  border-left: 1px solid #cfd4d8;
  padding-left: 1rem
 }

 .footer .s1 {
  width: 4rem;
  border-left: 1px solid #cfd4d8;
  padding-left: 1rem
 }
}

@media (max-width: 992px) {
 .footer .logoft {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: .4rem
 }

 .footer .logoft img {
  width: 7rem
 }

 .footer .s2,.footer .s1 {
  width: 48%
 }

 .footer dl dt {
  font-size: .3rem;
  text-align: center
 }

 .footer dl dd p {
  font-size: .24rem;
  color: #666;
  padding: .05rem 0;
  text-align: center
 }

 .popCode span {
  width: 1.8rem
 }
}

@media (max-width: 597px) {
 .footer .s1 {
  width: 100%;
  margin-bottom: .5rem
 }

 .footer .s2 {
  width: 100%
 }

 .footer .logoft img {
  width: auto
 }

 .popCode span {
  padding: 2px
 }

 .footer dl dt {
  font-size: .34rem;
  text-align: center
 }

 .footer dl dd p {
  font-size: .26rem;
  color: #666;
  padding: .08rem 0;
  text-align: center
 }

 .footer {
  padding-bottom: .8rem
 }
}


.list_box0{
 display: flex;
 align-items: center;
 justify-content: flex-end;
}
.list_box0 .li a{
 display: flex;
 align-items: center;
 font-size: .16rem;
 line-height: .24rem;
 color: #fff;
}
.list_box0 .li a img{
 display: block;
 width: .16rem;
 margin-right: .07rem;
}
.list_box0 .li{
 font-size: .16rem;
 line-height: 1;
 color: rgba(255, 255, 255, 0.31);
}
.list_box0 .li + .li{
 margin-left: .2rem;
}
.list_box0 .li:last-child a img{
 margin-right: 0;
}
.header .right{
 width: calc(100% - 6.47rem);
}

@media (max-width: 992px) {
 .header .list_box0{
  display: none;
 }
 .big-nav .list_box0{
  justify-content: center;
  margin-left: .4rem;
  margin-right: .4rem;
 }
 .big-nav .list_box0 .li a{
  font-size: .26rem;
  line-height: 1.5;
 }
}


/*ser-layer*/
.ser-layer{background:rgba(0,0,0,0.6);position: fixed;left:0;top:0;right:0;bottom:0;z-index:99999;opacity:0;visibility:hidden;transition:all 0.3s ease-out 0s;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;backdrop-filter:blur(5px)}
.ser-layer.showdiv{opacity:1;visibility:visible;}
.ser-layer .serclose{font-size:.3rem;position:absolute;right:.3rem;top:.25rem;width:.3rem;height:.3rem;text-align: center;line-height:.3rem;cursor:pointer;color:#ccc;background: #890202 url("../images/close.png") no-repeat 50%/.24rem;border-radius: 50%}
.ser-layer .serform{width: 90%;margin: 0 auto;margin: 0\0;transform: translateY(1.5rem);transition: .2s .1s}
.ser-layer.showdiv .serform{transform: translateY(0);transition: .5s .3s}
.ser-layer .serform .input-group{max-width:6.8rem;margin:0 auto;display: flex;align-items: center}
.ser-layer .serform .input-group .sub{position:static;right:0;top:0;width:1.6rem;height:.5rem;overflow:hidden;background:0 0;cursor: pointer;border-radius: 0;font-size: .18rem;color: #fff;background: #890202;text-align: center;border-left: 1px solid rgba(255, 255, 255, 0.2)
}
.ser-layer .serform .input-group .sub:last-child{border-radius: 0 5px 5px 0}
.ser-layer .serform .input-group .inp{height:.5rem;border:0;border-right:0;padding-right:.9rem;width:100%;padding-left:.2rem;background: #fff;border-radius: 5px 0 5px;font-size: .16rem}
/*ser-layer*/


/*顶部搜索*/
.wap_search{font-size:16px;border-radius: 5px;color:#fff;text-align:center;letter-spacing:2px;overflow:hidden;width: 100%;height: 60px;display: block;padding: 0 .4rem;margin-bottom: .2rem}
.wap_search .header-search{height: 44px;border-radius: 0;background: rgb(255 255 255);position:relative;width: 100%;margin: 10px auto;border-radius: 50vw;}
.wap_search .input{font-size: 14px;color: #646464;height: 44px;line-height: 44px;padding: 0 .24rem;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0;background:none;width: calc(100% - 40px);}
.wap_search .btn_blue{position:absolute;cursor:pointer;top:0;right:0;width: 44px;height: 44px;line-height: 44px;border:0;background: url(../images/search-1.png) center no-repeat #F9C55F;background-size: .24rem;border-radius: 0;border-radius: 50vw;}
.wap_search .btn_blue.fr{ background:#e9edef; color:#4e4f53;}
.wap_search input::-webkit-input-placeholder{ color:#999; }
.wap_search input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#999; }
.wap_search input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#999; }
.wap_search input:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:#999; }/* WebKit browsers */
.wap_search input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */
.wap_search input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */
.wap_search input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
.wap_search input:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */