.banner {
  width: 100%;
  display: block;
}
.t-con {
  width: 100%;
  text-align: center;
  overflow: hidden;
  height: .7rem;
  line-height: .7rem;
  margin-top: 1.1rem;
}
.t-con .tit {
  display: inline-block;
  height: .7rem;
  line-height: .7rem;
  overflow: hidden;
}
.t-con .tit i {
  display: inline-block;
  font-style: normal;
  width: .57rem;
  height: .29rem;
  margin-top: .1rem;
}
.t-con .tit i.s-left {
  background: url(../img/l-star.png) no-repeat;
  background-size: 100% 100%;
  float: left;
}
.t-con .tit i.s-right {
  background: url(../img/r-star.png) no-repeat;
  background-size: 100% 100%;
  float: right;
}
.t-con .tit h3 {
  font-size: .38rem;
  text-align: center;
  line-height: .52rem;
  height: .54rem;
  border: .03rem solid #0071b9;
  display: inline-block;
  padding: 0 .15rem;
  float: left;
  margin: 0 .2rem;
}
.t-con .tit h3 strong {
  color: #0071b9;
}
.t2-con {
  width: 100%;
  text-align: center;
  overflow: hidden;
  height: 1.4rem;
  line-height: 1.4rem;
  margin-top: 1.1rem;
}
.t2-con .tit {
  display: inline-block;
  height: 1.4rem;
  line-height: .7rem;
  overflow: hidden;
}
.t2-con .tit i {
  display: inline-block;
  font-style: normal;
  width: .57rem;
  height: .29rem;
  margin-top: .45rem;
}
.t2-con .tit i.s-left {
  background: url(../img/l-star.png) no-repeat;
  background-size: 100% 100%;
  float: left;
}
.t2-con .tit i.s-right {
  background: url(../img/r-star.png) no-repeat;
  background-size: 100% 100%;
  float: right;
}
.t2-con .tit h3 {
  font-size: .38rem;
  text-align: center;
  line-height: .54rem;
  height: 1.08rem;
  border: .03rem solid #0071b9;
  display: inline-block;
  padding: .05rem .15rem;
  float: left;
  margin: 0 .2rem;
}
.t2-con .tit h3 strong {
  color: #0071b9;
}
.sec01 {
  width: 100%;
  height: 15.67rem;
  background: url(../img/s1-bkg_02.jpg);
  background-size: 100% 100%;
  overflow: hidden;
}
.sec01 p {
  font-size: .24rem;
  text-align: center;
  line-height: .4rem;
  margin-top: .1rem;
}
.sec01 p span {
  color: #0071b9;
}
.sec02 {
  width: 100%;
  height: 10.2rem;
  background: url(../img/s2_02.jpg) no-repeat top center;
  background-size: 100% auto;
}
.sec02 h2 {
  font-size: .44rem;
  color: #fff;
  line-height: 1.1rem;
  padding-left: .9rem;
}
.sec02 .t2-con {
  margin-top: .77rem;
}
.sec02 .ctimg {
  display: block;
  width: 7rem;
  margin: 0 auto;
  margin-top: .35rem;
}
.sec02 ul {
  width: 7rem;
  margin: 0 auto;
  overflow: hidden;
  margin-top: .1rem;
}
.sec02 ul li {
  float: left;
  overflow: hidden;
  width: 2.8rem;
  height: .9rem;
  margin-left: .6rem;
  margin-top: .2rem;
}
.sec02 ul li img {
  display: block;
  float: left;
  width: .8rem;
  margin-right: .2rem;
  margin-top: .05rem;
}
.sec02 ul li h4 {
  float: left;
  font-size: .26rem;
  line-height: .3rem;
  margin-top: .1rem;
}
.sec02 ul li p {
  float: left;
  font-size: .24rem;
  color: #939393;
  line-height: .3rem;
  margin-top: .1rem;
}
.sec02 .tips {
  width: 4.7rem;
  height: .44rem;
  line-height: .44rem;
  background: #e5f1f8;
  color: #0071b9;
  font-size: .24rem;
  text-align: center;
  border: 1px solid #0071b9;
  margin: 0 auto;
  border-radius: .2rem;
  margin-top: .3rem;
}
.sec03 {
  background: #ebf4fa;
  overflow: hidden;
  padding-bottom: .5rem;
}
.sec03 .t2-con {
  margin-top: .7rem;
}
.sec03 img {
  display: block;
  width: 7.06rem;
  margin: 0 auto;
  margin-top: .3rem;
}
.sec04 {
  overflow: hidden;
  padding-bottom: .7rem;
}
.sec04 .t-con {
  margin-top: .77rem;
}
.sec04 .ctimg {
  display: block;
  width: 100%;
  margin-top: .4rem;
}
.sec05,
.sec06 {
  width: 100%;
}
.sec05 img,
.sec06 img {
  display: block;
  width: 100%;
}
.sec07 {
  background: #ebf4fa;
  overflow: hidden;
  height: 10rem;
  padding-bottom: .5rem;
}
.sec07 .t-con {
  margin-top: .7rem;
}
.sec07 .fx03-con {
  width: 100%;
  position: relative;
  margin-top: .7rem;
}
.sec07 .fx03-con .cleft {
  display: block;
  position: absolute;
  width: .4rem;
  left: .3rem;
  top: 3.5rem;
}
.sec07 .fx03-con .cright {
  display: block;
  position: absolute;
  width: .4rem;
  right: .3rem;
  top: 3.5rem;
}
.sec07 .fx03-con .fx03-in {
  width: 5.5rem;
  margin: 0 auto;
  background: none;
  box-shadow: none;
}
.sec07 .fx03-con .flex-next,
.sec07 .fx03-con .flex-prev {
  display: none;
}
.sec07 .fx03-con .flex-control-nav {
  display: none;
}
.sec08 {
  width: 100%;
  height: 7rem;
  background: url(../img/s8bkg_02.jpg) no-repeat center center;
  background-size: 100% auto;
}
.sec08 .t-con {
  margin-top: .7rem;
}
.sec08 .fx-con {
  width: 100%;
  height: 5.6rem;
  position: relative;
  margin-top: .56rem;
}
.sec08 .fx-con .aleft {
  position: absolute;
  left: .1rem;
  top: 2.2rem;
  width: .25rem;
  display: block;
}
.sec08 .fx-con .aright {
  position: absolute;
  right: .1rem;
  top: 2.2rem;
  width: .25rem;
  display: block;
}
.sec08 .fx-con .fx-in {
  width: 6.2rem;
  margin: 0 auto;
  box-shadow: none;
}
.sec08 .fx-con .fx-in ol {
  display: none;
}
.sec08 .fx-con .fx-in .flex-prev,
.sec08 .fx-con .fx-in .flex-next {
  display: none;
}
.sec08 .fx-con .fx-in .flex-control-nav {
  bottom: -50%;
}
.sec08 .fx-con .fx-in .s-tt {
  font-size: .24rem;
  text-align: center;
  width: 100%;
  line-height: .7rem;
  font-weight: normal;
}
.sec09 {
  width: 100%;
  overflow: hidden;
  background: url(../img/s9_02.jpg) no-repeat top center;
  background-size: 100% auto;
  padding-bottom: .5rem;
}
.sec09 h2 {
  font-size: .44rem;
  color: #fff;
  line-height: 1.1rem;
  padding-left: .9rem;
}
.sec09 .t-con {
  margin-top: .7rem;
}
.sec09 .ctimg {
  display: block;
  width: 7rem;
  margin: 0 auto;
  margin-top: .2rem;
}
.sec10 {
  overflow: hidden;
  width: 100%;
}
.sec10 .t-con {
  margin-top: .7rem;
}
.sec10 ul {
  margin: 0 auto;
  margin-top: .45rem;
  width: 7.1rem;
  overflow: hidden;
}
.sec10 ul li {
  float: left;
  width: 3.4rem;
  height: 2.5rem;
  overflow: hidden;
  position: relative;
  margin-left: .2rem;
  margin-bottom: .2rem;
}
.sec10 ul li.nf {
  margin-left: 0;
}
.sec10 ul li h5 {
  position: absolute;
  left: 0;
  top: 0;
  background: url(../img/tt-bkg_03.png) no-repeat center right;
  background-size: auto 100%;
  line-height: .42rem;
  height: .44rem;
  text-align: center;
  font-size: .24rem;
  color: #fff;
  z-index: 3;
  padding: 0 .3rem 0 .25rem;
}
.sec10 ul li img {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.sec11 {
  width: 100%;
  overflow: hidden;
  padding-bottom: .7rem;
}
.sec11 .t-con {
  margin-top: .7rem;
}
.sec11 p {
  font-size: .24rem;
  text-align: center;
  line-height: .35rem;
  margin-top: .3rem;
}
.sec11 ul {
  width: 7.1rem;
  margin: 0 auto;
  overflow: hidden;
}
.sec11 ul li {
  float: left;
  margin-left: .25rem;
  width: 3.4rem;
  margin-top: .25rem;
}
.sec11 ul li.nf {
  margin-left: 0;
}
.sec11 ul li.bg {
  width: 100%;
  margin-left: 0;
}
.sec11 ul li img {
  display: block;
  width: 100%;
  height: 2.34rem;
}
.sec11 ul li h6 {
  width: 100%;
  overflow: hidden;
  height: .5rem;
  line-height: .5rem;
  color: #fff;
  text-align: center;
  font-size: .24rem;
  background: #0071b9;
}
.sec12 {
  width: 100%;
  height: 8.8rem;
  background: #ebf4fa;
  overflow: hidden;
}
.sec12 .t2-con {
  margin-top: .7rem;
}
.sec12 .fx02-con {
  width: 7.1rem;
  height: 6rem;
  margin: 0 auto;
  margin-top: .45rem;
  position: relative;
}
.sec12 .fx02-con .fx02-in {
  background: none;
  box-shadow: none;
}
.sec12 .fx02-con .flex-next,
.sec12 .fx02-con .flex-prev {
  display: none;
}
.sec12 .fx02-con .flex-control-nav {
  bottom: -37%;
}
.sec12 .fx02-con .bleft {
  position: absolute;
  bottom: 0;
  left: .5rem;
  cursor: pointer;
  z-index: 9;
  width: 0.6rem;
}
.sec12 .fx02-con .bright {
  position: absolute;
  bottom: 0;
  right: .5rem;
  cursor: pointer;
  width: .6rem;
  z-index: 9;
}
.sec12 .fx02-con div {
  width: 7.06rem;
  height: 5.07rem;
  position: relative;
}
.sec12 .fx02-con div img {
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.sec12 .fx02-con div h6 {
  position: absolute;
  width: 100%;
  height: .7rem;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  font-size: .26rem;
  font-weight: normal;
  line-height: .7rem;
  text-align: center;
  left: 0;
  bottom: 0;
  z-index: 3;
}
.sec13 {
  width: 100%;

  background: url(../img/s13-bkg_02.jpg) no-repeat bottom center;
  background-size: 100% auto;
}
.sec13 .cts {
  width: 7rem;
  background: #fff;
 
  margin: 0 auto;
  overflow: hidden;
  margin-bottom: 0.6rem;
}
.sec13 .cts .ctop {
  width: 100%;
  height: 2.7rem;
  background: #0071b9;
  color: #fff;
  box-sizing: border-box;
  padding: 0 .4rem;
  overflow: hidden;
}
.sec13 .cts .ctop h4 {
  font-size: .34rem;
  color: #fff;
  line-height: .4rem;
  margin-top: .4rem;
}
.sec13 .cts .ctop p {
  color: #fff;
  font-size: .24rem;
  line-height: .3rem;
  margin-top: .2rem;
}
.sec13 .cts .ctop img {
  display: block;
  width: 2.45rem;
  margin-top: .2rem;
}
.sec13 .cts .cbtm {
  width: 100%;
  background: #ff9c00;
  height: 1.82rem;
  box-sizing: border-box;
  padding: 0 .4rem;
  overflow: hidden;
}
.sec13 .cts .cbtm h4 {
  font-size: .34rem;
  color: #fff;
  margin-top: .3rem;
}
.sec13 .cts .cbtm h4 span {
  font-size: .24rem;
  color: #fff;
  font-weight: normal;
  margin-left: .5rem;
}
.sec13 .cts .cbtm h2 {
  color: #fff;
  font-size: .5rem;
  line-height: .5rem;
  margin-top: .2rem;
}
.sec13 .cts .cbtm h2 img {
  float: left;
  height: .4rem;
  margin-top: .03rem;
  margin-right: .2rem;
}
.sec13 .cts .c-right {
  width: 100%;
  margin-top: 0rem;
}
.sec13 .cts .c-right .inpc {
  width: 6.5rem;
  background: #f1f1f1;
  border-radius: .05rem;
  margin: 0 auto;
  margin-top: .25rem;
  height: .6rem;
  overflow: hidden;
}
.sec13 .cts .c-right .inpc input,
.sec13 .cts .c-right .inpc select {
  width: 6rem;
  display: block;
  line-height: .5rem;
  height: .5rem;
  border: none;
  margin: 0 auto;
  margin-top: .05rem;
  outline: none;
  background: transparent;
  font-size: .24rem;
}
.sec13 .cts .c-right .rds {
  width: 100%;
  height: .3rem;
  line-height: .3rem;
  font-size: .26rem;
  color: #8c8c8c;
  padding-left: .35rem;
  margin-top: .25rem;
}
.sec13 .cts .c-right .rds i {
  display: inline-block;
  font-style: normal;
  height: .3rem;
  background: url(../img/sel.png) no-repeat center left;
  background-size: auto 100%;
  margin-left: .1rem;
  position: relative;
  padding-left: .4rem;
  cursor: pointer;
  color: #8c8c8c;
}
.sec13 .cts .c-right .rds i.on {
  background: url(../img/sel-on.png) no-repeat center left;
  background-size: auto 100%;
}
.sec13 .cts .c-right h5 {
  font-size: .26rem;
  color: #000;
  font-weight: normal;
  line-height: .4rem;
  margin: 0 auto;
  margin-top: .2rem;
  width: 6.3rem;
}
.sec13 .cts .c-right h6 {
  margin: 0 auto;
  width: 6.3rem;
  font-size: .24rem;
  color: #c4c4c4;
  font-weight: normal;
  line-height: .4rem;
}
.sec13 .cts .c-right .img-con {
  width: 2.9rem;
  height: 1.85rem;
  margin-top: 10px;
  cursor: pointer;
  margin-left: .3rem;
}
.sec13 .cts .c-right .img-con img {
  display: block;
  width: 100%;
  height: 100%;
}
.sec13 .cts .c-right .sub-btn {
  width: 3.5rem;
  height: .64rem;
  line-height: .64rem;
  border-radius: .3rem;
  background: #ff9c00;
  color: #fff;
  font-size: .3rem;
  display: block;
  border: none;
  outline: none;
  margin: 0 auto;
  margin-top: .3rem;
}

.footer-nav {
  height: 1.1rem;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.footer-nav .footer-detail {
  display: block;
  padding-top: .15rem;
  float: left;
  width: 25%;
  height: 1.1rem;
}
.footer-nav .footer-detail img {
  height: .45rem;
  display: block;
  margin: 0 auto;
  margin-bottom: .1rem;
}
.footer-nav .footer-detail .footer-img2 {
  display: none;
}
.footer-nav .footer-detail p {
  font-size: .24rem;
  color: #333;
  text-align: center;
}
.footer-nav .footer-detail.act .footer-img1 {
  display: none;
}
.footer-nav .footer-detail.act .footer-img2 {
  display: block;
}
.footer-nav .footer-detail.act p {
  color: #1db7ff;
}