@charset "utf-8";

/* CSS Document */
body {
  padding: 0;
  font-size: 12px;
  font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif, "微软雅黑";
  background: #fff;
  overflow-x: hidden;
  max-width: 750px;
  margin: 0 auto !important;
  font-size: 0;
}

div,ul,li,p,form,h1,h2,h3,h4,h5,h6,dt,dd,dl {
  padding: 0;
  margin: 0;
}

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

img {
  border: none;
  vertical-align: middle;
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

ul,
li {
  list-style: none;
}

* {
  padding: 0;
  margin: 0;
  /* -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;*/
}

table {
  border-collapse: collapse;
}

.wrap {
  width: 6.5rem;
  margin: 0 auto;
  position: relative;
  clear: both;
  text-align: center;
}

.section{
  background: #0b0706;
}

/* banner */
.banner{
  height: 8.67rem; background: url(../images/banner.jpg) no-repeat center / 100%; padding-top: 0.44rem; box-sizing: border-box;
}
.banner img{
  width: 5.37rem;
}

/* sec01 */
.pub-h3{
  width: 5.17rem; height: 1.62rem; padding-top: 0.26rem; box-sizing: border-box; border-radius: .1rem; margin: 0 auto; font-size: .48rem; color: #fff; font-weight: 600;
  background: #02668d;
  background: linear-gradient(to bottom, #02668d , #000a16);
}
.sec01 ul{
  display: flex; justify-content: space-between; margin-top: -.46rem;
}
.sec01 ul li{
  width: 2.04rem; height: 1.6rem; background: #2a2625; border-radius: .1rem; padding-top: 0.18rem; box-sizing: border-box;
} 
.sec01 ul li h4{
  font-size: .3rem; color: #f95918; font-weight: bold; margin-bottom: 0.1rem; display: flex; align-items: center; justify-content: center;
}
.sec01 ul li h4 i{
  width: 0.5rem; height: 0.5rem; display: block; margin-right: 0.12rem;
}
.sec01 ul li:nth-child(1) h4 i{
  background: url(../images/s1_i01.png) no-repeat center / 100%;
}
.sec01 ul li:nth-child(2) h4 i{
  background: url(../images/s1_i02.png) no-repeat center / 100%;
}
.sec01 ul li:nth-child(3) h4 i{
  background: url(../images/s1_i03.png) no-repeat center / 100%;
}
.sec01 ul li p{
  font-size: .24rem; color: #fff; line-height: 0.3rem; margin-left: 0.25rem; text-align: left;
}

/* sec02 */
.sec02{
  padding-top: 0.58rem;
}
.sec02 ul{
  width: 100%; background: #2a2625; border-radius: .1rem; margin: 0 auto; padding: .1rem .22rem; margin-top: -.46rem; box-sizing: border-box;
}
.sec02 ul li{
  padding: .2rem 0 .16rem;
}
.sec02 ul li h4{
  font-size: .3rem; color: #f95918; font-weight: bold; display: flex; align-items: center; margin-bottom: 0.12rem;
}
.sec02 ul li h4 i{
  width: 0.28rem; height: 0.28rem; display: block; background: url(../images/s2_dh.png) no-repeat center / 100%; margin-right: 0.15rem;
}
.sec02 ul li p{
  font-size: .24rem; color: #fff; line-height: 0.3rem; text-align: left; margin-left: 0.44rem; margin-right: 0.5rem;
}

/* sec03 */
.sec03{
  padding-top: 0.6rem; text-align: center;
}
.sec03-title{
  background: url(../images/s3_tbg.png) no-repeat bottom center / 1.15rem; padding-bottom: 0.32rem; margin-bottom: 0.26rem;
}
.sec03-title h2{
  font-size: .58rem; color: #ffffff; font-weight: 600;
}
.sec03-title h2 span{
  color: #00b7ff;
}
.sec03-item{
  margin-bottom: 0.36rem;
}
.sec03-item-bt{
  width: 6.5rem; height: 1.42rem; background: url(../images/s3_ltbg.png) no-repeat center / 100%; margin: 0 auto;
}
.sec03-item-bt .sec03-tips{
  font-size: .22rem; color: #fff;  display: flex; align-items: center; justify-content: center; margin-bottom: 0.1rem; padding-top: 0.22rem;
}
.sec03-item-bt .sec03-tips::before{
  content: ''; width: 1.94rem; height: 0.01rem; background: #fff; display: block; margin-right: 0.22rem;
}
.sec03-item-bt .sec03-tips::after{
  content: ''; width: 1.94rem; height: 0.01rem; background: #fff; display: block; margin-left: 0.22rem;
}
.sec03-item-bt p{
  font-size: .48rem; color: #fff; font-weight: 600; position: relative;
}
.sec03-item-bt p span{
  width: 1.41rem; height: 0.37rem; line-height: 0.3rem; background: url(../images/s3_tips_bg.png) no-repeat center / 100% 100%; font-size: .2rem; font-weight: normal; display: block; position: absolute; right: .98rem; top: .05rem;
}
.sec03-item-m{
  width: 6.89rem; background: url(../images/s3_lmbg.png) no-repeat center / 100% 100%; margin: 0 auto; margin-left: 0.5rem; padding: .1rem .76rem .6rem .38rem; box-sizing: border-box;
}
.sec03-item-m ul li{
  padding-top: 0.2rem; padding-bottom: 0.15rem; border-bottom:.01rem solid #0b0706; display: flex; align-items: flex-start; justify-content: flex-start; text-align: left;
}
.sec03-item-m ul li:last-child{
  border-bottom: none;
}
.sec03-item-m ul li img{
  width: 0.36rem; margin-right: 0.08rem;
}
.sec03-item-m ul li div{
  text-align: left; flex: 1;
}
.sec03-item-m ul li div h4{
  font-size: .3rem; color: #ef5619; font-weight: bold; margin-bottom: 0.05rem;
}
.sec03-item-m ul li div h4 b{
  font-size: .36rem;
}
.sec03-item-m ul li div p{
  font-size: .24rem; color: #fff; line-height: 0.34rem;
}
.sec03-item04{
  margin-bottom: 0;
}

/* sec04 */
.sec04{
  padding-top: 0.48rem; padding-bottom: 0.64rem;
}
.sec04-main{
  width: 100%; background: #2a2625; border-radius: .1rem; display: flex; padding: 0 .25rem; box-sizing: border-box;
}
.sec04-l{
  width: 4.2rem; text-align: left; margin-right: 0.22rem; flex: 1;
}
.sec04-l h3{
  font-size: .3rem; color: #ef5619; font-weight: bold; padding-top: 0.3rem; padding-bottom: 0.12rem;
}
.sec04-l p{
  font-size: .24rem; color: #fff; line-height: 0.34rem; padding-bottom: 0.28rem; padding-top: 0.14rem; border-top: .01rem solid #0b0706;
}
.sec04-r{
  width: 1.74rem; display: flex; align-items: center;
}
.sec04-r img{
  height: 1.36rem; position: relative;
}
.sec04-r span{
  width: 0.44rem; height: 1.36rem; border-radius: 0 .1rem .1rem 0; display: block; margin-left: -0.04rem; font-size: .24rem; color: #fff; line-height: 0.3rem; display: flex; align-items: center;
  background: #02658d;
  background: linear-gradient(to bottom, #02658d , #000a16);
}