* {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}

html {

  font-size: 100px;

  background-color: #000;

}

a {

  color: inherit;

}

ul,

li {

  list-style: none;

}

.ani {

  -webkit-transition: all .3s;

  -moz-transition: all .3s;

  -ms-transition: all .3s;

  -o-transition: all .3s;

  transition: all .3s;

}

.section {

  width: 100%;

  max-width: 12rem;

  margin: 0 auto;

  position: relative;

}

.section:after {

  content: "";

  width: 0;

  height: 0;

  display: table;

  clear: both;

  visibility: hidden;

}

.header {

  width: 100%;

  height: 0.71rem;

  background-color: #030303;

}

.header .section {

  height: 100%;

}

.header .section .logo {

  margin-top: .2rem;

  float: left;

}

.header .section .logo mip-img {

  width:auto;

  height: .6rem;

  display: block;

  margin: 0 auto;

}

.header .section .logo mip-img img{

  width:auto;

  min-width:auto;

  display: block;

  height: .6rem;

}

.header .section .logo span {

  display: block;

  font-size: .24rem;

  margin-top: .0rem;

  color: #fff;

}

.header .section .nav {

  font-size: 0;

  /* max-width: 8.5rem; */

  position: absolute;

  bottom: 0;

  right: 0;

  white-space: nowrap;

}

.header .section .nav .nav-item {

  display: inline-block;

  position: relative;

  width: 1.4rem;

  height: .4rem;

  line-height: .4rem;

  border-right: 1px solid #686868;

  font-size: .14rem;

  color: #fff;

  text-align: center;

  cursor: pointer;

}

.header .section .nav .nav-item a,

.header .section .nav .nav-item span {

  display: block;

  width: 100%;

  height: 100%;

}

.header .section .nav .nav-item span:after {

  content: "";

  position: absolute;

  right: 47%;

  bottom: -1px;

  display: inline-block;

  width: .08rem;

  height: .08rem;

  border: solid #030303;

  border-width: 2px 2px 0 0;

  -webkit-transform: translate(0, -50%) rotate(135deg);

  transform: translate(0, -50%) rotate(135deg);

}

.header .section .nav .nav-item span:hover:after {

  border-color: #fff;

}

.header .section .nav .nav-item .nav-2-list {

  display: none;

  position: absolute;

  width: 100%;

  z-index: 3;

  background-color: rgba(0, 0, 0, 0.8);

}

.header .section .nav .nav-item .nav-2-list .nav2-item {

  font-size: .12rem;

}

.header .section .nav .nav-item:hover {

  background-color: #e20809;

}

.header .section .nav .nav-item:hover .nav-2-list {

  display: block;

}

.main{

  width: 100%;

  overflow: hidden;

}

.banner {

  width: 100%;

  height: 5.77rem;

  position: relative;

}

.banner .banner-img {

  width: 19.2rem;

  position: absolute;

  left: 50%;

  margin-left: -9.6rem;

  height: 100%;

}

.banner .banner-img .mip-layout-size-defined {

  height: 100%;

}

.banner .banner-img mip-img {

  width: 100%;

}

.banner .mip-carousel-indicator-wrapper {

  position: absolute;

  bottom: .3rem;

  width: 100%;

  text-align: center;

}

.banner .mip-carousel-indicator-wrapper .mip-carousel-indecator-item {

  width: .18rem;

  height: .18rem;

  background-color: #fff;

  margin-right: .2rem;

}

.banner .mip-carousel-indicator-wrapper .mip-carousel-activeitem {

  background-color: #e60708;

}

.mobile-header {

  display: none;

  width: 100%;

}

.mobile-header .bn2 {

  width: 100%;

  height: 2.85rem;

  position: relative;

}

.mobile-header .bn2 .bn2-img {

  width: 100%;

  height: 100%;

}

.mobile-header .bn2 .bn2-img .mip-layout-size-defined {

  height: 100%;

}

.mobile-header .bn2 .bn2-img mip-img {

  width: 100%;

}

.mobile-header .bn2 .mip-carousel-indicator-wrapper {

  position: absolute;

  bottom: .3rem;

  width: 100%;

  text-align: center;

}

.mobile-header .bn2 .mip-carousel-indicator-wrapper .mip-carousel-indecator-item {

  width: .18rem;

  height: .18rem;

  background-color: #fff;

  margin-right: .2rem;

}

.mobile-header .bn2 .mip-carousel-indicator-wrapper .mip-carousel-activeitem {

  background-color: #e60708;

}

.mobile-header .m-nav {

  width: 100%;

  height: .4rem;

  margin-left: .34rem;

  border-left: .07rem solid #e20809;

  margin-top: .3rem;

}

.mobile-header .m-nav mip-scrollbox {

  text-align: center;

  height: 100%;

  font-size: 0;

}

.mobile-header .m-nav mip-scrollbox [data-item] {

  margin: 0 .15rem;

  height: .4rem;

  text-align: center;

  color: #fff;

  font-size: .24rem;

  line-height: .4rem;

}

.mobile-header .m-nav mip-scrollbox [data-item].act {

  color: #e20809;

  font-size: .3rem;

}

.section .it-box {

  width: 100%;

  margin-top: .3rem;

  padding: 0 .3rem;

}

.section .it-box mip-form div {

  padding: 0;

  color: #fff;

}

.section .it-box mip-form input[type=submit] {

  color: #fff;

  background-color: #337ab7;

  border-color: #2e6da4;

  display: inline-block;

  padding: .06rem .12rem;

  margin-bottom: 0;

  font-size: .34rem;

  font-weight: 400;

  line-height: 1.42857143;

  text-align: center;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  background-image: none;

  border: 1px solid transparent;

  border-radius: .04rem;

}

.section .it-box .form-group {

  display: block;

  margin-bottom: .15rem;

}

.section .it-box .form-group .err {

  color: #ec1f5c;

  font-size: .3rem;

}

.section .it-box .form-group label {

  display: inline-block;

  max-width: 100%;

  margin-bottom: .05rem;

  font-weight: 700;

  font-size: .3rem;

}

.section .it-box .form-group .form-control {

  display: block;

  width: 100%;

  height: .6rem;

  padding: .06rem .12rem;

  font-size: .3rem;

  line-height: 1.42857143;

  color: #555;

  background-color: #fff;

  background-image: none;

  border: 1px solid #ccc;

  border-radius: .04rem;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;

  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

}

.section .it-box .form-group .form-textarea {

  display: block;

  width: 100%;

  height: 2rem;

  padding: .06rem .12rem;

  font-size: .3rem;

  line-height: 1.42857143;

  color: #555;

  background-color: #fff;

  background-image: none;

  border: 1px solid #ccc;

  border-radius: .04rem;

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;

  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

}

.section .it-box .form-group .checkbox,

.section .it-box .form-group .radio {

  position: relative;

  display: block;

  margin-top: .1rem;

  margin-bottom: .1rem;

}

.section .it-box .form-group .checkbox label,

.section .it-box .form-group .radio label {

  min-height: .3rem;

  padding-left: .4rem;

  margin-bottom: 0;

  font-weight: 400;

  cursor: pointer;

  display: inline-block;

  max-width: 100%;

}

.section .it-box .form-group .checkbox input[type=checkbox],

.section .it-box .form-group .radio input[type=checkbox],

.section .it-box .form-group .checkbox input[type=radio],

.section .it-box .form-group .radio input[type=radio] {

  position: absolute;

  margin-top: 4px\9;

  margin-left: -0.35rem;

  width: .3rem;

  height: .3rem;

}

.section .it-box .form-group .checkbox-inline,

.section .it-box .form-group .radio-inline {

  position: relative;

  display: inline-block;

  padding-left: .4rem;

  margin-bottom: 0;

  font-weight: 400;

  vertical-align: middle;

  cursor: pointer;

  margin-bottom: .05rem;

}

.section .it-box .form-group .checkbox-inline input[type=checkbox],

.section .it-box .form-group .radio-inline input[type=checkbox],

.section .it-box .form-group .checkbox-inline input[type=radio],

.section .it-box .form-group .radio-inline input[type=radio] {

  display: inline;

  margin-left: -0.35rem;

  vertical-align: middle;

  width: .3rem;

  height: .3rem;

}

.section .q-title {

  height: 1.5rem;

  width: 100%;

}

.section .q-title:after {

  content: "";

  width: 0;

  height: 0;

  display: table;

  clear: both;

  visibility: hidden;

}

.section .q-title.mid {

  width: 1.4rem;

  margin: 0 auto;

}

.section .q-title .free-box {

  position: relative;

}

.section .q-title .free-box .q-tip {

  font-size: 1.5rem;

  color: #e60708;

  font-style: normal;

}

.section .q-title .free-box .q-model {

  background-color: #000;

  color: #fff;

  display: inline-block;

  position: absolute;

  top: .7rem;

  left: .5rem;

}

.section .q-title .free-box .q-model span {

  font-size: .12rem;

  white-space: nowrap;

}

.section .q-title .free-box .q-model p {

  font-size: .24rem;

  white-space: nowrap;

}

.section .q-title .right.free-box {

  float: right;

}

.section .q-title .right.free-box .q-model {

  left: auto;

  right: .7rem;

}

.section .nav2-box {

  width: 100%;

  height: .6rem;

}

.section .nav2-box mip-scrollbox {

  text-align: center;

  height: 100%;

  font-size: 0;

}

.section .nav2-box mip-scrollbox [data-item] {

  width: 1.97rem;

  height: .6rem;

  background-color: #2d2d2d;

  margin-right: .05rem;

  text-align: center;

  color: #fff;

  font-size: .2rem;

  line-height: .6rem;

}

.section .nav2-box mip-scrollbox [data-item]:hover {

  background-color: #e20809;

}

.section .nav2-box mip-scrollbox [data-item].act {

  background-color: #e20809;

}

.section .carousel {

  position: relative;

}

.section .carousel mip-tabs .mip-tabs .mip-tabs-label-wrap {

  background: transparent;

  width: 9.8rem;

  position: absolute;

  right: 0;

  top: -0.8rem;

  font-size: 0;

  text-align: right;

}

.section .carousel mip-tabs .mip-tabs .mip-tabs-label-wrap:after {

  display: none;

}

.section .carousel mip-tabs .mip-tabs .mip-tabs-label-wrap .mip-tabs-line {

  display: none;

}

.section .carousel mip-tabs .mip-tabs .mip-tabs-label-wrap .mip-tabs-label {

  background-color: #1c1c1c;

  width: 1.92rem;

  height: .6rem;

  line-height: .6rem;

  display: inline-block;

  text-align: center;

  font-size: .2rem;

  color: #fff;

  padding: 0 .1rem;

  margin-right: .05rem;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.section .carousel mip-tabs .mip-tabs .mip-tabs-label-wrap .mip-tabs-label.optionColor,

.section .carousel mip-tabs .mip-tabs .mip-tabs-label-wrap .mip-tabs-label:hover {

  background-color: #e60708;

}

.section .carousel mip-tabs .mip-tabs .mip-tabs-label-wrap .mip-tabs-label.optionColor span,

.section .carousel mip-tabs .mip-tabs .mip-tabs-label-wrap .mip-tabs-label:hover span {

  color: #fff;

}

.section .carousel mip-tabs .mip-tabs .mip-tabs-content-wrap {

  margin-top: .2rem;

  margin-bottom: 0rem;

}

.section .carousel mip-tabs .mip-tabs .mip-tabs-content-wrap .mip-element {

  padding: 0;

}

.section .carousel mip-tabs .mip-tabs .mip-tabs-content-wrap .mip-element .tabs-item .cpr-img {

  font-size: 0;

  white-space: nowrap;

  overflow: hidden;

  text-align: center;

}
.index1more{
	display: block;

margin: .2rem auto;

width: 2rem;

height: .6rem;

line-height: .6rem;

background-color: #000;

border: 1px solid #e00808;

color: #fff;

font-size: .2rem;

text-align: center;
}

.section .carousel mip-tabs .mip-tabs .mip-tabs-content-wrap .mip-element .tabs-item .cpr-img .cp {

  width: 3.9rem;

  height: 3.9rem;

  display: inline-block;

  margin-right: .15rem;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.section .carousel mip-tabs .mip-tabs .mip-tabs-content-wrap .mip-element .tabs-item .cpr-img .cp:nth-of-type(3) {

  margin-right: 0;

}

.section .carousel mip-tabs .mip-tabs .mip-tabs-content-wrap .mip-element .tabs-item .cpr-img .cp mip-img {

  width: 100%;

  height: 100%;

  margin-right: .15rem;

}

.section .in-video {

  width: 100%;

  height: 6.15rem;

}

.section .in-video mip-video {

  width: 100%;

  height: 100%;

}

.section .in-video mip-video video {

  width: 100%;

  height: 100%;

}

.section .act-box {

  width: 100%;

  font-size: 0;

  position: relative;

}

.section .act-box:before {

  content: "";

  display: block;

  position: absolute;

  width: 2px;

  height: 4.15rem;

  background-color: #fff;

  left: 50%;

  margin-left: 1px;

  top: 0.9rem;

}

.section .act-box .more {

  display: block;

  position: absolute;

  width: .4rem;

  height: .4rem;

  line-height: .38rem;

  background-color: #000;

  border: 2px solid #e00808;

  border-radius: 50%;

  left: 50%;

  margin-left: -0.18rem;

  color: #757575;

  font-size: .4rem;

  text-align: center;

  top: 5rem;

  z-index: 8;

}

.section .act-box .act-item {

  height: 1.34rem;

  width: 100%;

  overflow: hidden;

  margin-bottom: .3rem;

  position: relative;

}

.section .act-box .act-item:after {

  content: "";

  width: 0;

  height: 0;

  display: table;

  clear: both;

  visibility: hidden;

}

.section .act-box .act-item:before {

  content: "";

  display: block;

  height: .16rem;

  width: .16rem;

  border: 2px solid #fff;

  border-radius: 50%;

  position: absolute;

  background-color: #000;

  top: 50%;

  left: 50%;

  margin-top: -0.08rem;

  margin-left: -0.08rem;

}

.section .act-box .act-item:hover .acti-info {

  border-color: #e60708;

}

.section .act-box .act-item:hover .acti-info .acti-box:after {

  width: 100%;

}

.section .act-box .act-item.secnd .acti-img {

  float: right;

}

.section .act-box .act-item.secnd .acti-info {

  float: left;

  padding-right: .9rem;

  padding-left: 0;

}

.section .act-box .act-item.secnd .acti-info .acti-box {

  padding-left: 0;

}

.section .act-box .act-item .acti-img {

  width: 4.97rem;

  height: 1.34rem;

  float: left;

}

.section .act-box .act-item .acti-info {

  overflow: hidden;

  border: 1px solid #000;

  width: 6.2rem;

  height: 1.34rem;

  float: right;

  padding-left: .9rem;

  cursor: pointer;

}

.section .act-box .act-item .acti-info .acti-box {

  width: 100%;

  height: 100%;

  overflow: hidden;

  padding: 0 .15rem;

  position: relative;

}

.section .act-box .act-item .acti-info .acti-box:after {

  content: "";

  position: absolute;

  width: 0;

  background-color: #e60708;

  height: 100%;

  overflow: hidden;

  top: 0;

  -webkit-transition: all .3s;

  -moz-transition: all .3s;

  -ms-transition: all .3s;

  -o-transition: all .3s;

  transition: all .3s;

}

.section .act-box .act-item .acti-info .acti-box .acti-t {

  padding-left: .05rem;

  position: relative;

  z-index: 2;

  width: 100%;

  margin-bottom: .15rem;

  margin-top: .3rem;

}

.section .act-box .act-item .acti-info .acti-box .acti-t:after {

  content: "";

  width: 0;

  height: 0;

  display: table;

  clear: both;

  visibility: hidden;

}

.section .act-box .act-item .acti-info .acti-box .acti-t span {

  font-size: .4rem;

  color: #f9f9f9;

  float: left;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.section .act-box .act-item .acti-info .acti-box .acti-t p {

  font-size: .18rem;

  color: #f9f9f9;

  display: inline-block;

  float: right;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.section .act-box .act-item .acti-info .acti-box .acti-d {

  padding-left: .05rem;

  position: relative;

  z-index: 2;

  width: 100%;

}

.section .act-box .act-item .acti-info .acti-box .acti-d:after {

  content: "";

  width: 0;

  height: 0;

  display: table;

  clear: both;

  visibility: hidden;

}

.section .act-box .act-item .acti-info .acti-box .acti-d span {

  font-size: .18rem;

  color: #f9f9f9;

  float: left;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.section .act-box .act-item .acti-info .acti-box .acti-d p {

  font-size: .16rem;

  color: #f9f9f9;

  display: inline-block;

  float: right;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.section .mb-act-box {

  display: none;

  width: 100%;

  padding: 0 .3rem;

  text-align: center;

}

.section .mb-act-box:after {

  content: "";

  width: 0;

  height: 0;

  display: table;

  clear: both;

  visibility: hidden;

}

.section .mb-act-box .mba-item {

  width: 100%;

  position: relative;

  text-align: left;

  margin-top: .3rem;

}

.section .mb-act-box .mba-item .img-box {

  border: 1px solid #000;

  width: 100%;

  height: 2.05rem;

  overflow: hidden;

}

.section .mb-act-box .mba-item .img-box mip-img {

  -webkit-transition: all .3s;

  -moz-transition: all .3s;

  -ms-transition: all .3s;

  -o-transition: all .3s;

  transition: all .3s;

  width: 100%;

  display: block;

}

.section .mb-act-box .mba-item .mba-info {

  position: relative;

  width: 100%;

  background-color: #e20809;

  padding: .1rem .3rem 0;

  overflow: hidden;

  height: 0.65rem;

}

.section .mb-act-box .mba-item .mba-info h3 {

  font-size: .3rem;

  color: #fff;

  font-weight: normal;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.section .mb-act-box .mba-item .mba-info p {

  font-size: .2rem;

  color: #fff;

  margin-top: .15rem;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.section .mb-act-box .more {

  display: block;

  margin: .3rem auto 0;

  width: 2rem;

  height: .6rem;

  line-height: .6rem;

  background-color: #000;

  border: 1px solid #e00808;

  color: #fff;

  font-size: .2rem;

  text-align: center;

}

.section .pro-box .section {

  padding-top: 0;

}

.section .pro-box .section .proi-box {

  overflow: hidden;

}

.section .pro-box .section .proi-box:after {

  content: "";

  width: 0;

  height: 0;

  display: table;

  clear: both;

  visibility: hidden;

}

.section .pro-box .section .proi-box mip-scrollbox [data-wrapper] [data-inner] {

  padding-top: 0.7rem;

}

.section .pro-box .section .proi-box .pro-item {

  cursor: pointer;

  width: 3.85rem;

  overflow: hidden;

  margin-right: .2rem;

  -webkit-transition: all .3s;

  -moz-transition: all .3s;

  -ms-transition: all .3s;

  -o-transition: all .3s;

  transition: all .3s;

}

.section .pro-box .section .proi-box .pro-item mip-img {

  width: 3.85rem;

  height: 2.9rem;

}

.section .pro-box .section .proi-box .pro-item:hover {

  transform: translateY(-0.7rem);

  -webkit-transform: -webkit-translateY(-0.7rem);

}

.section .pro-box .section .proi-box .pro-item:hover .pro-content {

  background-color: #e60708;

}

.section .pro-box .section .proi-box .pro-item:hover .t-s em {

  background-color: #e60708;

}

.section .pro-box .section .proi-box .pro-item .pro-content {

  padding-bottom: .25rem;

  overflow: hidden;

}

.section .pro-box .section .proi-box .pro-item .pro-content h2 {

  font-size: .18rem;

  color: #f9f9f9;

  font-weight: normal;

  text-align: center;

  margin-top: .2rem;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.section .pro-box .section .proi-box .pro-item .pro-content p {

  margin-top: .1rem;

  font-size: .14rem;

  color: #fff;

  text-align: center;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.section .pro-box .section .proi-box .pro-item .t-s {

  margin-top: .25rem;

}

.section .pro-box .section .proi-box .pro-item .t-s em {

  background-color: #fff;

  border-radius: 50%;

  display: block;

  margin: .05rem auto;

}

.section .pro-box .section .proi-box .pro-item .t-s .tss1 {

  width: .03rem;

  height: .03rem;

}

.section .pro-box .section .proi-box .pro-item .t-s .tss2 {

  width: .07rem;

  height: .07rem;

}

.section .pro-box .section .proi-box .pro-item .t-s .tss3 {

  width: .14rem;

  height: .14rem;

}

.section .pro-box .section .m-bod {

  width: 1.6rem;

  height: .36rem;

  border: 1px solid #e60708;

  border-radius: .36rem;

  color: #e60708;

  font-size: .14rem;

  display: block;

  margin: .6rem auto;

  text-align: center;

  line-height: .36rem;

}

.section .pro-box .section .tp-s {

  text-align: center;

  margin-bottom: .6rem;

}

.section .pro-box .section .tp-s a {

  margin: 0 .25rem;

  display: inline-block;

  width: 2.25rem;

  height: .51rem;

  line-height: .51rem;

  background-color: #e00808;

  font-size: .24rem;

  color: #fff;

}

.section .pro-box .section .tp-s a .ic5 {

  display: inline-block;

  width: .3rem;

  height: .22rem;

  background: url(../images/ic5.png) no-repeat;

  background-size: 100% 100%;

  vertical-align: -3%;

  margin-right: .05rem;

}

.section .pro-box .section .tp-s a .ic6 {

  display: inline-block;

  width: .26rem;

  height: .24rem;

  background: url(../images/ic6.png) no-repeat;

  background-size: 100% 100%;

  vertical-align: -9%;

  margin-right: .05rem;

}

.section .wp-box {

  border-top: 1px solid #353535;

  margin-top: .3rem;

  text-align: center;

}

.section .wp-box:after {

  content: "";

  width: 0;

  height: 0;

  display: table;

  clear: both;

  visibility: hidden;

}

.section .wp-box .wp-item {

  display: inline-block;

  width: 3.8rem;

  margin: 0 .08rem;

  position: relative;

  text-align: left;

  margin-top: .3rem;

}

.section .wp-box .wp-item:hover .img-box {

  border-color: #e20809;

}

.section .wp-box .wp-item:hover .img-box mip-img {

  transform: scale(1.2);

  -webkit-transform: scale(1.2);

}

.section .wp-box .wp-item .img-box {

  border: 1px solid #000;

  width: 100%;

  height: 2.9rem;

  overflow: hidden;

}

.section .wp-box .wp-item .img-box mip-img {

  -webkit-transition: all .3s;

  -moz-transition: all .3s;

  -ms-transition: all .3s;

  -o-transition: all .3s;

  transition: all .3s;

  width: 100%;

  display: block;

}

.section .wp-box .wp-item .wpi-info {

  position: relative;

  width: 100%;

  background-color: #e20809;

  padding: .2rem .3rem 0;

  overflow: hidden;

  margin-top: .15rem;

  height: .95rem;

}

.section .wp-box .wp-item .wpi-info h3 {

  font-size: .18rem;

  color: #fff;

  font-weight: normal;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.section .wp-box .wp-item .wpi-info p {

  font-size: .14rem;

  color: #fff;

  margin-top: .15rem;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.section .p-box {

  text-align: center;

  font-size: 0;

  border-top: 1px solid #353535;

}

.section .p-box:after {

  content: "";

  width: 0;

  height: 0;

  display: table;

  clear: both;

  visibility: hidden;

}

.section .p-box .p-item {

  display: inline-block;

  width: 5.85rem;

  margin-right: .2rem;

  border-bottom: 1px solid #353535;

  padding: .2rem 0;

  position: relative;

  text-align: left;

}

.section .p-box .p-item:nth-of-type(2n) {

  margin-right: 0;

}

.section .p-box .p-item:before {

  content: "";

  background: url(../images/ic7.png) no-repeat;

  position: absolute;

  width: .31rem;

  height: .31rem;

  background-size: 100% 100%;

  right: 0;

  bottom: .2rem;

}

.section .p-box .p-item:hover mip-img {

  border-color: #e60708;

}

.section .p-box .p-item:hover .wpi-info h3 {

  color: #e60708;

}

.section .p-box .p-item mip-img {

  border: 1px solid #000;

  width: 1.8rem;

  height: 1.35rem;

  border-radius: .1rem;

  overflow: hidden;

  display: block;

  float: left;

  margin-right: .15rem;

}

.section .p-box .p-item .pi-info {

  position: relative;

}

.section .p-box .p-item .pi-info h3 {

  font-size: .16rem;

  color: #f9f9f9;

  font-weight: normal;

  margin-top: .2rem;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.section .p-box .p-item .pi-info p {

  font-size: .14rem;

  color: #f9f9f9;

  margin-top: .25rem;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.section .p-box .p-item .pi-info span {

  display: block;

  font-size: .12rem;

  color: #fff;

  margin-top: .2rem;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.section .pages {

  text-align: center;

  font-size: 0;

  margin: .6rem 0;

}

.section .pages a {

  height: .3rem;

  border: 1px solid #fff;

  padding: 0 .1rem;

  line-height: .3rem;

  color: #fff;

  display: inline-block;

  font-size: .16rem;

  margin: 0 .08rem;

}

.section .pages a:hover {

  border-color: #e20809;

  background-color: #e20809;

}

.section .pages span {

  height: .3rem;

  border: 1px solid #e20809;

  padding: 0 .1rem;

  line-height: .3rem;

  background-color: #e20809;

  color: #fff;

  display: inline-block;

  font-size: .16rem;

  margin: 0 .08rem;

}

.section .editor {

  border-top: 1px solid #353535;

  padding-top: .2rem;

  margin-top: .4rem;

}

.section .editor .e-title {

  font-size: .24rem;

  color: #fff;

  text-align: center;

}

.section .editor .e-img mip-img {

  margin: .3rem auto;

  display: block;

}

.section .editor .e-img mip-img img {

  width: auto;

  height: auto;

  min-width: auto;

  min-height: auto;

  margin: auto;

  display: block;

}

.section .editor .e-content mip-img {

  margin: .3rem auto;

  display: block;

}

.section .editor .e-content mip-img img {

  width: auto;

  height: auto;

  min-width: auto;

  min-height: auto;

  margin: auto;

  display: block;

}

.section .editor .e-content p {

  font-size: .16rem;

  color: #fff;

  margin-bottom: .4rem;

  line-height: .24rem;

  text-indent: .0rem;

}

.mb-footer {

  display: none;

  width: 100%;

  position: fixed;

  bottom: 0;

  height: 1rem;

  border-top: 1px solid #353535;

  background-color: #000;

  padding-top: .1rem;

}

.mb-footer .mbft-item {

  flex: 1;

  -webkit-flex: 1;

}

.mb-footer .mbft-item mip-img {

  height: .40rem;

  width: auto;

  display: block;

  margin: 0 auto;

  overflow: hidden;

}

.mb-footer .mbft-item mip-img img {

  height: 100%;

  width: auto;

  min-width: auto;

  max-width: auto;

}

.mb-footer .mbft-item span {

  text-align: center;

  display: block;

  font-size: .24rem;

  color: #fff;



}

.footer {

  border-top: 1px solid #343434;

  height: .95rem;

  line-height: .95rem;

}

.footer .ft-d {

  font-size: .14rem;

  color: #676767;

  text-align: center;

}

@media screen and (max-width: 1024px) {

  .box {

    padding-bottom: 1.6rem;

    margin-bottom: .2rem;

  }

  .header,

  .footer,

  .banner {

    display: none;

  }

  .mb-footer {

    display: flex;

    display: -webkit-flex;

  }

  {

    padding-bottom: 1.8rem;

  }

  .mobile-header {

    display: block;

  }

  .section .nav2-box {

    margin-top: .3rem;

    height: .5rem;

    padding: 0 .3rem;

  }

  .section .nav2-box mip-scrollbox [data-item] {

    width: 1.68rem;

    height: .5rem;

    margin-right: .05rem;

    font-size: .2rem;

    line-height: .5rem;

  }

  .section .q-title {

    display: none;

  }

  .section .editor .e-title {

    font-size: .3rem;

  }

  .section .editor .e-content p {

    font-size: .24rem;

    padding: 0 .2rem;

    line-height: .34rem;

  }

  .section .wp-box {

    margin-top: .3rem;

  }

  .section .wp-box .wp-item {

    width: 3rem;

    margin: .3rem .05rem 0;

  }

  .section .wp-box .wp-item .img-box {

    border-radius: .1rem;

    height: 2.5rem;

  }

  .section .wp-box .wp-item .wpi-info {

    padding: .1rem .2rem;

    height: .8rem;

    border-radius: .1rem;

  }

  .section .wp-box .wp-item .wpi-info h3 {

    font-size: .24rem;

  }

  .section .wp-box .wp-item .wpi-info p {

    font-size: .18rem;

    margin-top: .05rem;

  }

  .section .p-box {

    margin-top: .3rem;

  }

  .section .p-box .p-item {

    width: 100%;

    margin-right: 0;

    padding: .2rem .3rem;

    position: relative;

    text-align: left;

  }

  .section .p-box .p-item:before {

    content: "";

    width: .35rem;

    height: .35rem;

    background-size: 100% 100%;

    bottom: .45rem;

    right: .3rem;

  }

  .section .p-box .p-item mip-img {

    width: 2.7rem;

    height: 2.01rem;

    margin-right: .2rem;

  }

  .section .p-box .p-item .pi-info h3 {

    font-size: .24rem;

    margin-top: .4rem;

  }

  .section .p-box .p-item .pi-info p {

    font-size: .2rem;

    margin-top: .15rem;

  }

  .section .p-box .p-item .pi-info span {

    font-size: .18rem;

    margin-top: .4rem;

  }

  .section .pages {

    margin: .3rem 0;

  }

  .section .pages a {

    height: .45rem;

    border: 1px solid #fff;

    padding: 0 .2rem;

    line-height: .45rem;

    font-size: .2rem;

  }

  .section .pages span {

    height: .45rem;

    border: 1px solid #e20809;

    padding: 0 .2rem;

    line-height: .45rem;

    font-size: .2rem;

  }

  .section .q-title.mbl {

    display: block;

    width: 1.4rem;

    margin: .2rem auto;

  }

  .section .carousel {

    margin-top: .3rem;

    padding: 0 .3rem;

  }

  .section .carousel mip-tabs .mip-tabs {

    padding: 0;

  }

  .section .carousel mip-tabs .mip-tabs .mip-tabs-label-wrap {

    width: 100%;

    position: static;

    text-align: center;

    display: flex;

    display: -webkit-flex;

  }

  .section .carousel mip-tabs .mip-tabs .mip-tabs-label-wrap .mip-tabs-label {

    flex: 1;

    -webkit-flex: 1;

    width: 1.15rem;

    line-height: .5rem;

    height: .5rem;

    text-align: center;

    margin: 0 .01rem;

  }

  .section .carousel mip-tabs .mip-tabs .mip-tabs-content-wrap .mip-element {

    padding: 0;

  }

  .section .carousel mip-tabs .mip-tabs .mip-tabs-content-wrap .mip-element .tabs-item .cpr-img {

    /*display: flex;

    display: -webkit-flex;*/

    font-size: 0;

    white-space: nowrap;

    overflow: scroll;

  }

  .section .carousel mip-tabs .mip-tabs .mip-tabs-content-wrap .mip-element .tabs-item .cpr-img .cp {

    /*flex: 1;

    -webkit-flex: 1;*/

    display: inline-block;

    margin: 0 .05rem;

    height: auto;

    width: 2.78rem

  }

  .section .carousel mip-tabs .mip-tabs .mip-tabs-content-wrap .mip-element .tabs-item .cpr-img .cp:nth-of-type(3) {

    margin-right: 0;

  }

  .section .carousel mip-tabs .mip-tabs .mip-tabs-content-wrap .mip-element .tabs-item .cpr-img .cp mip-img {

    width: 100%;

    height: 100%;

  }

  .section .in-video {

    width: 100%;

    padding: 0 .3rem;

    height: 3.5rem;

    margin: 0 auto;

  }

  .section .in-video mip-video {

    width: 100%;

    height: 100%;

  }

  .section .in-video mip-video video {

    width: 100%;

    height: 100%;

  }

  .section .act-box {

    display: none;

  }

  .section .mb-act-box {

    display: block;

  }

  .section .pro-box .section {

    padding-top: 0;

  }

  .section .pro-box .section .proi-box {

    padding: 0 .3rem;

  }

  .section .pro-box .section .proi-box mip-scrollbox [data-wrapper] [data-inner] {

    padding-top: 0;

  }

  .section .pro-box .section .proi-box .pro-item {

    width: 5rem;

    overflow: hidden;

    margin-right: .3rem;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

  }

  .section .pro-box .section .proi-box .pro-item mip-img {

    width: 5rem;

    height: 4rem;

  }

  .section .pro-box .section .proi-box .pro-item .pro-content {

    padding-left: .2rem;

  }

  .section .pro-box .section .proi-box .pro-item .pro-content h2 {

    text-align: left;

    font-size: .3rem;

    margin-top: .3rem;

  }

  .section .pro-box .section .proi-box .pro-item .pro-content p {

    text-align: left;

    margin-top: .1rem;

    font-size: .2rem;

  }

  .section .pro-box .section .proi-box .pro-item .t-s {

    display: none;

  }

  .section .pro-box .section .m-bod {

    display: block;

    margin: .3rem auto 0;

    width: 2rem;

    height: .6rem;

    line-height: .6rem;

    background-color: #000;

    border: 1px solid #e00808;

    color: #fff;

    font-size: .3rem;

    text-align: center;

    border-radius: 0;

    margin-bottom: .3rem;

  }

  .section .pro-box .section .tp-s {

    text-align: center;

    margin-bottom: .6rem;

    padding: 0 .3rem;

  }

  .section .pro-box .section .tp-s a {

    margin: 0 .05rem;

    width: 2.7rem;

    height: .75rem;

    line-height: .75rem;

    font-size: .3rem;

  }

  .section .pro-box .section .tp-s a .ic5 {

    width: .45rem;

    height: .33rem;

    vertical-align: -5%;

  }

  .section .pro-box .section .tp-s a .ic6 {

    width: .38rem;

    height: .36rem;

    vertical-align: -10%;

  }

}

@media screen and (min-width: 320px) {

  html {

    font-size: 50px;

  }

}

@media screen and (min-width: 360px) {

  html {

    font-size: 56.25px;

  }

}

@media screen and (min-width: 375px) {

  html {

    font-size: 58.59375px;

  }

}

@media screen and (min-width: 400px) {

  html {

    font-size: 62.5px;

  }

}

@media screen and (min-width: 414px) {

  html {

    font-size: 64.6875px;

  }

}

@media screen and (min-width: 440px) {

  html {

    font-size: 68.75px;

  }

}

@media screen and (min-width: 480px) {

  html {

    font-size: 75px;

  }

}

@media screen and (min-width: 520px) {

  html {

    font-size: 81.25px;

  }

}

@media screen and (min-width: 560px) {

  html {

    font-size: 87.5px;

  }

}

@media screen and (min-width: 600px) {

  html {

    font-size: 93.75px;

  }

}

@media screen and (min-width: 640px) {

  html {

    font-size: 100px;

  }

}

@media screen and (min-width: 768px) {

  html {

    font-size: 75px;

  }

}

@media screen and (min-width: 800px) {

  html {

    font-size: 85px;

  }

}

@media screen and (min-width: 960px) {

  html {

    font-size: 95px;

  }

}

@media screen and (min-width: 1024px) {

  html {

    font-size: 100px;

  }

}

.footseat{height:1.5rem;}