@charset "UTF-8";
html {
  height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  height: 100%;
  max-width: none;
  max-height: none;
  margin: 0;
}
a,
a:link,
a:visited,
a:hover,
a:active {
  color: inherit;
  text-decoration: inherit;
  outline: 0;
  cursor: pointer;
  -webkit-text-decoration-skip: objects;
}
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
span,
b,
i,
strong,
em {
  position: relative;
  -webkit-tap-highlight-color: transparent;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1em;
  font-weight: normal;
  margin: 0;
  padding: 0;
}
dl,
dt,
dd,
ul,
ol,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.iconfont {
  font-size: inherit;
}
.floatL {
  float: left;
}
.floatR {
  float: right;
}
.ellipsis,
.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lineclamp {
  display: -webkit-box;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
textarea.template {
  display: none !important;
}
html{
  font-size:75px;
  max-width: 750px;
  margin: 0 auto;
}
body {
  max-width: 750px;
  font-family: '', "Microsoft YaHei", "PingFang SC", "Source Han Sans CN", "Source Han Sans SC", "Hiragino Sans GB", "STXihei", "华文细黑";
  text-align: justify;
  background-color: #fff;
  color: #333;
}
.img-box,
.video-box {
  position: relative;
  overflow: hidden;
  text-align: center;
}
.img-inline,
.video-inline {
  position: relative;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  max-width: 100%;
  *width: 100%;
  height: auto;
  border: none;
}
.img-center,
.video-center {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  max-width: 100%;
  width: auto;
  *width: 100%;
  max-height: 100%;
  height: auto;
  *height: 100%;
  margin: auto;
  border: none;
}
.img-max,
.video-max {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
}
.img-cover,
.video-cover {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: none;
  width: 100%;
  *width: 100%;
  max-height: none;
  height: 100%;
  *height: 100%;
  margin: auto;
  border: none;
  object-position: 50% 50%;
  object-fit: cover;
}
.iframe-box {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.box-padding5 {
  padding-bottom: 5%;
}
.box-padding10 {
  padding-bottom: 10%;
}
.box-padding15 {
  padding-bottom: 15%;
}
.box-padding20 {
  padding-bottom: 20%;
}
.box-padding25 {
  padding-bottom: 25%;
}
.box-padding30 {
  padding-bottom: 30%;
}
.box-padding35 {
  padding-bottom: 35%;
}
.box-padding40 {
  padding-bottom: 40%;
}
.box-padding45 {
  padding-bottom: 45%;
}
.box-padding50 {
  padding-bottom: 50%;
}
.box-padding55 {
  padding-bottom: 55%;
}
.box-padding60 {
  padding-bottom: 60%;
}
.box-padding65 {
  padding-bottom: 65%;
}
.box-padding70 {
  padding-bottom: 70%;
}
.box-padding75 {
  padding-bottom: 75%;
}
.box-padding80 {
  padding-bottom: 80%;
}
.box-padding85 {
  padding-bottom: 85%;
}
.box-padding90 {
  padding-bottom: 90%;
}
.box-padding95 {
  padding-bottom: 95%;
}
.box-padding100 {
  padding-bottom: 100%;
}
.clear:before,
.clear:after {
  content: '';
  display: block;
  float: none;
  clear: both;
}
.lineClamp2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.lineClamp3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.lineClamp4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.lineClamp5 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.lineClamp6 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}
.lineClamp7 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
}
.lineClamp8 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
}
.lineClamp9 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
}
.lineClamp10 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
}
.h15 {
  height: 15px;
}
.h20 {
  height: 20px;
}
.h25 {
  height: 25px;
}
.h30 {
  height: 30px;
}
.h35 {
  height: 35px;
}
.h40 {
  height: 40px;
}
.h45 {
  height: 45px;
}
.h50 {
  height: 50px;
}
.h55 {
  height: 55px;
}
.h60 {
  height: 60px;
}
.h65 {
  height: 65px;
}
.h70 {
  height: 70px;
}
.h75 {
  height: 75px;
}
.h80 {
  height: 80px;
}
.h85 {
  height: 85px;
}
.h90 {
  height: 90px;
}
.h95 {
  height: 95px;
}
.h100 {
  height: 100px;
}
.clear:before,
.clear:after {
  content: '';
  display: block;
  float: none;
  clear: both;
}
header:before,
.header:before,
footer:before,
.footer:before,
hgroup:before,
.hgroup:before,
.container-full:before,
.container:before,
.row:before,
header:after,
.header:after,
footer:after,
.footer:after,
hgroup:after,
.hgroup:after,
.container-full:after,
.container:after,
.row:after {
  content: '';
  display: block;
  float: none;
  clear: both;
}
.container-full {
  width: 100%;
  margin: 0 auto;
}
.dis-no {
  display: none;
}
.dis-bl {
  display: block;
}
.dis-il {
  display: inline;
}
.dis-ib {
  display: inline-block;
  *display: inline;
  *zoom: 0;
}
.align-rbase {
  text-align: right;
  vertical-align: baseline;
}
.align-rb {
  text-align: right;
  vertical-align: bottom;
}
.align-rm {
  text-align: right;
  vertical-align: middle;
}
.align-rt {
  text-align: right;
  vertical-align: top;
}
.align-cbase {
  text-align: center;
  vertical-align: baseline;
}
.align-cb {
  text-align: center;
  vertical-align: bottom;
}
.align-cm {
  text-align: center;
  vertical-align: middle;
}
.align-ct {
  text-align: center;
  vertical-align: top;
}
.align-lbase {
  text-align: left;
  vertical-align: baseline;
}
.align-lb {
  text-align: left;
  vertical-align: bottom;
}
.align-lm {
  text-align: left;
  vertical-align: middle;
}
.align-lt {
  text-align: left;
  vertical-align: top;
}
.align-rbase {
  text-align: right;
  vertical-align: baseline;
}
.align-rb {
  text-align: right;
  vertical-align: bottom;
}
.align-rm {
  text-align: right;
  vertical-align: middle;
}
.align-rt {
  text-align: right;
  vertical-align: top;
}
.align-cbase {
  text-align: center;
  vertical-align: baseline;
}
.align-cb {
  text-align: center;
  vertical-align: bottom;
}
.align-cm {
  text-align: center;
  vertical-align: middle;
}
.align-ct {
  text-align: center;
  vertical-align: top;
}
.align-lbase {
  text-align: left;
  vertical-align: baseline;
}
.align-lb {
  text-align: left;
  vertical-align: bottom;
}
.align-lm {
  text-align: left;
  vertical-align: middle;
}
.align-lt {
  text-align: left;
  vertical-align: top;
}
.text-red {
  color: #d11900;
}
.text-indent0 {
  text-indent: 0em;
}
.text-indent1 {
  text-indent: 1em;
}
.text-indent2 {
  text-indent: 2em;
}
.text-indent3 {
  text-indent: 3em;
}
.text-indent4 {
  text-indent: 4em;
}
.container {
  margin: 0 0.44rem;
}
.header {
  height: 7.55rem;
  background-image: url(../images/bg-head.png);
  background-position: top center;
  background-repeat: no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -ms-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}
.section1 {
  font-size: 0.4rem;
  line-height: 1.66666667;  
  height: 16.25rem;
  background-image: url(../images/bg-s1.png);
  background-position: top center;
  background-repeat: no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -ms-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  
}
.section1 .s1c {
  font-size: 0.4rem;
  padding: 0.4rem;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  background-color: rgba(242, 203, 152, 0.6);
  box-shadow: 6.5px 11.258px 5px 0px rgba(0, 0, 0, 0.216);
}
.section2 {
  font-size: 0.4rem;
  line-height: 1.66666667;
  height: 36.05333333rem;
  background-image: url(../images/bg-s2.png);
  background-position: top center;
  background-repeat: no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -ms-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}
.section2 .tabs-titCell {
  font-size: 0;
  margin: 1.33333333rem -0.06666667rem 0;
}
.section2 .tabs-titCell .tab {
  display: inline-block;
  width: 2.94666667rem;
  height: 1.13333333rem;
  margin: 0 0.06666667rem;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -ms-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}
.section2 .tabs-titCell .tab0 {
  background-image: url("../images/btn0_off.png");
}
.section2 .tabs-titCell .tab0.on {
  background-image: url("../images/btn0_on.png");
}
.section2 .tabs-titCell .tab1 {
  background-image: url("../images/btn1_off.png");
}
.section2 .tabs-titCell .tab1.on {
  background-image: url("../images/btn1_on.png");
}
.section2 .tabs-titCell .tab2 {
  background-image: url("../images/btn2_off.png");
}
.section2 .tabs-titCell .tab2.on {
  background-image: url("../images/btn2_on.png");
}
.section2 .tabs-mainCell {
  height: 9.97333333rem;
  margin-top: 0.53333333rem;
  padding: 0.46666667rem;
  border: 0.06666667rem solid #f76239;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  background-color: #fff;
}
.section2 .tabs-mainCell .link {
  font-size: 0.34666667rem;
  line-height: 1.53846154;
  margin: 0.4rem 0;
  border-bottom: 1px dashed #999;  
}
.section2 .tabs-mainCell .list {
  margin: 0.4rem 0;
}
.section2 .tabs-mainCell .list .item {
  font-size: 0.34666667rem;
  line-height: 2.30769231;
  padding-left: 1em;
}
.section2 .tabs-mainCell .list .item:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: 0.10666667rem;
  width: 0.10666667rem;
  margin: auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: #d11900;
}
.section2 .tabs-mainCell .videoSwiper .cover {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 0.34666667rem;
  line-height: 1.15384615;
  padding: 0.13333333rem 0.26666667rem;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
}
.section3 {
  font-size: 0.4rem;
  line-height: 1.66666667;
  height: 24.22666667rem;
  background-image: url(../images/bg-s3.png);
  background-position: top center;
  background-repeat: no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -ms-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}
.section3 #s3swiper {
  width: 6.2rem;
  margin: 2.66666667rem auto 0;
  height: 9.30666667rem;
  background-image: url(../images/s3swiper-bg.png);
  background-position: top center;
  background-repeat: no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -ms-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}
.section3 #s3swiper .swiper-slide {
  line-height: 1.5;
}
.section3 #s3swiper .img-box {
  margin: 1.33333333rem 1.2rem 0 1.26666667rem;
}
.section3 #s3swiper .txt-box {
  margin: 0 1.2rem 0 1.26666667rem;
}
.section3 #s3swiper-prev,
.section3 #s3swiper-next {
  top: 0;
  font-size: 2.13333333rem;
  height: 2.13333333rem;
  width: 1.06666667rem;
  text-align: center;
  margin-top: 2.66666667rem;
  background: none;
  color: #e9e5e5;
}
.section3 #s3swiper-prev {
  left: -0.26666667rem;
}
.section3 #s3swiper-next {
  right: -0.26666667rem;
}
.section3 p {
  margin: 3.2rem 0.53333333rem 0 0.53333333rem;
  color: #fff;
}
.section4 {
  font-size: 0.4rem;
  line-height: 1.66666667;
  height: 10.52rem;
  background-image: url(../images/bg-s4.png);
  background-position: top center;
  background-repeat: no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -ms-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}
.section4 .s4c {
  padding: 0 0.46666667rem;
}
.section5 {
  font-size: 0.4rem;
  line-height: 1.66666667;
  height: 22.10666667rem;
  background-image: url(../images/bg-s5.png);
  background-position: top center;
  background-repeat: no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -ms-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}
.section5 #s5swiper1 {
  margin: 0 -0.44rem 0.93333333rem;
}
.section5 #s5swiper1 .swiper-slide {
  width: 8.44rem;
  height: 10.58666667rem;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  background-color: #f3ebe5;
  background-image: url(../images/s5s1bg.png);
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -ms-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
}
.section5 #s5swiper1 .swiper-slide .mbp {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: 0.26666667rem 0.4rem;
}
.section5 #s5swiper1 .swiper-slide .title {
  margin: 0.4rem 0;
  padding-left: 0.66666667rem;
  background-image: url(../images/s5ticon.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 0.48rem;
}
.section5 #s5swiper2 {
  margin: 0 auto;
}
.section5 #s5swiper2 .swiper-slide {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  overflow: hidden;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.section5 #s5swiper2 .swiper-slide .img-box {
  width: 8.05333333rem;
  height: 6.05333333rem;
  background-color: #f3ebe5;
  box-shadow: 0px 0px 11.18px 1.82px rgba(0, 0, 0, 0.098);
}
.section5 #s5swiper2 .swiper-slide .cover {
  position: absolute;
  padding: 0 30px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(254, 128, 2, 0.56);
  color: #fff;
}
.section5 #s5swiper2 .swiper-slide.swiper-slide-active {
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: grayscale(0%);
}
.section5 #s5swiper2-pagination {
  left: 0;
  right: 0;
}
.section5 #s5swiper2-pagination .swiper-pagination-bullet {
  margin: 0 4px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background-color: #999;
}
.section5 #s5swiper2-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 21px;
  background-color: #fe801a;
}
.footer {
  height: 8.05333333rem;
  background-image: url(../images/bg-foot.png);
  background-position: top center;
  background-repeat: no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -ms-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  font-size: 0.4rem;
  text-align: center;
  color: #fff;
}
.footer .img-box {
  display: inline-block;
  height: 1.41333333rem;
  width: 1.41333333rem;
  margin-top: 2.88rem;
}
.footer p {
  visibility: hidden;
}
.aside {
  position: fixed;
  bottom: 10%;
  right: 5%;
  font-size: 0.4rem;
  line-height: 1.2;
  width: 1.17333333rem;
  height: 1.17333333rem;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  z-index: 10;
}
.txt_content {
  height: 100%;
  padding-right: 0.13333333rem;
  overflow: auto;
}
.txt_content::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.txt_content::-webkit-scrollbar-button:vertical:decrement {
  width: 4px;
  height: 4px;
  border-radius: 6px 6px 0 0;
  background-repeat: no-repeat;
  background-position: 2px 2px;
  background: #DDDEDE;
}
.txt_content::-webkit-scrollbar-button:vertical:increment {
  width: 4px;
  height: 4px;
  border-radius: 0 0 6px 6px ;
  background-repeat: no-repeat;
  background-position: 2px 2px;
  background: #DDDEDE;
}
.txt_content::-webkit-scrollbar-button:horizontal:decrement {
  width: 4px;
  height: 4px;
  background-repeat: no-repeat;
  background-position: 2px 2px;
  background: #DDDEDE;
}
.txt_content::-webkit-scrollbar-button:horizontal:increment {
  width: 4px;
  height: 4px;
  background-repeat: no-repeat;
  background-position: 2px 2px;
  background: #DDDEDE;
}
.txt_content::-webkit-scrollbar-button:vertical:decrement:hover,
.txt_content::-webkit-scrollbar-button:vertical:increment:hover,
.txt_content::-webkit-scrollbar-button:horizontal:decrement:hover,
.txt_content::-webkit-scrollbar-button:horizontal:increment:hover {
  background-color: #DDDEDE;
}
.txt_content::-webkit-scrollbar-button:vertical:decrement:active,
.txt_content::-webkit-scrollbar-button:vertical:increment:active,
.txt_content::-webkit-scrollbar-button:horizontal:decrement:active,
.txt_content::-webkit-scrollbar-button:horizontal:increment:active {
  background-color: #C3C5C5;
}
.txt_content::-webkit-scrollbar-track {
  width: 4px;
  background: #DDDEDE;
}
.txt_content::-webkit-scrollbar-corner {
  width: 4px;
  background: #DDDEDE;
}
.txt_content::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 6px;
  background: #d11900;
}
.txt_content::-webkit-scrollbar-thumb:hover {
  background: #d11900;
}
.txt_content::-webkit-scrollbar-thumb:active {
  background: #d11900;
}