html,
body {
  position:relative;
  margin:0;
  height:100%
}

footer {
  display:none !important
}

.swiper-container-box {
  width:100%;
  height:calc(100% - 44px)
}



.flex_y{
  display:flex;
  justify-content:center;
  flex-direction:column;
}
.flex_y_x{
  display:flex;
  justify-content:center;
  flex-direction:column;
  align-items:center;
}

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

.flex_y_b{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:center;
}


.flex{
  display:flex;
  justify-content:center;
  align-items:center;
}


.banner,
.p01,
.p02,
.p03,
.p04,
.p05,
.p06,
.p07,
.p08,
.p09,
.p10,
.p11,
.p12,
.p13,.p007 {
  width:100%;
  height:100%;
  background-size:100% 100%;
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;

}

.box{
  width:7.1rem;
  display:flex;
  flex-direction:column;
  justify-content:center ;
}

.title{
  width:6rem;
position:relative;
}
.title p{
  font-weight:bold !important;
}
.title p:nth-child(2){
  position:relative;
  z-index:20;

  text-align:center;
	font-size:.45rem;
	color:#d2221c;
}
.title p:nth-child(2) i{
  color:#fff ;
}
.title p:nth-child(1){
  font-weight:bold;
  position:absolute;
  right:0;
  left:0;
  top:-20px;
  margin:0 auto;
  text-align:center;

	font-size:.5rem;
	font-weight:normal;
	font-stretch:normal;

  background-image:-webkit-linear-gradient(top,rgb(77,75,75),#cfcdcd15,#f8f8f800); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; 
}

.flex_c_w{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
}
.banner{
  background-image:url(images/bg_banner.jpg);
}
.banner img:nth-child(1){
  align-self:flex-start;
  margin-left:.2rem;
  width:3.96rem;
	height:.97rem;
}
.banner img:nth-child(2){
  margin-top:1rem;
	width:5.42rem;
	height:2.58rem;
}
.banner img:nth-child(3){
  width:4.45rem;
	height:1rem;
  margin-bottom:2.5rem;
}
.p01{
  background-image:url(images/bg_p01.jpg);
}
.p01 img{
  width:1.56rem;
}
.p01 p{
  margin-top:1rem;
    width:6rem;
    font-size:.24rem;
    line-height:.48rem;
    color:#fff;
}
.p02{
  background-image:url(images/bg_p02.jpg);
}
.p02_textbox{
  width:3.47rem;
	height:4.96rem;
}
.p02_box {
  width:7.1rem;
  margin-top:.2rem;
}
.p02_box img{
  width:3.47rem;
	height:4.96rem;
}
.p02_ul{
  margin-top:.2rem;
  width:100%;
  height:3.15rem;
  flex-wrap:wrap;
}
.p02_ul li:nth-of-type(1),.p02_ul li:nth-of-type(4){
  margin-left:0 !important;
  margin-right:-.01rem !important;
}
.p02_ul li{
  border:.01rem solid #535353;
  box-sizing:border-box;
  width:2.50rem;
  height:1.70rem;
  margin-top:-.01rem;
  margin-left:-.01rem;

}
.p02_ul li i{
	font-family:SourceHanSansSC-Regular;
	font-size:.24rem;
	font-weight:normal;
	font-stretch:normal;
	line-height:.54rem;
	letter-spacing:0;
	color:#fff;
}
.p02_ul li p{
	font-size:.5rem;
	font-weight:normal;
	letter-spacing:0;
	color:#edc987;
}

.column{
  flex-direction:column;
}
.p03{
  background-image:url(images/bg_p03.jpg);
}
.p03>img{
  margin-top:.2rem;
  width:7.1rem;
}
.p03 .title i{
  color:#000 !important;
}
.p03_ul{
  width:7.1rem;
  height:3.3rem;
}
.p03_ul li{
  flex-direction:column;
  width:2.42rem;
	height:3.3rem;
	background-image:linear-gradient(90deg,
		#eeeeee 0%,
		#fafafa 100%),
	linear-gradient(
		#fafafa,
		#fafafa);
	background-blend-mode:normal,
		normal;
}
.p03_ul li img{
  width:1.1rem;
}
.p03_ul li  p:nth-of-type(1){

  margin:.2rem ;
  font-size:.3rem;
	font-weight:normal;
	font-stretch:normal;
	line-height:.26rem;
	letter-spacing:0;
	color:#333;
}
.p03_ul li  p:nth-of-type(2){
  width:2rem;
text-align:center;
	font-family:SourceHanSansSC-Regular;
	font-size:.24rem;
	font-weight:normal;
	font-stretch:normal;
	line-height:.26rem;
	letter-spacing:0;
	color:#333;
}

.p04{
  background-image:url(images/bg_p04jpg.jpg);
}
.p04_box{
  margin-top:.2rem;
  width:7.1rem;
  height:9.5rem;

}
.swiper-pagination-bullet-active{
  background:#d2221c !important;
  opacity:1; 
}
.swiper-pagination-bullet{
  width:.8rem !important;
	height:.03rem !important;
  border-radius:0 !important;

  opacity:1;
}

.p044_imgbox{
  background-image:url(images/p04_imgbox.png);
  background-size:100% 100%;
  width:7.1rem;
  height:5rem;
}
.p044_imgbox img{
  width:6.6rem;

}
.p04_box .textbox>img{
margin:.5rem 0;
  width:5.91rem;
}
.p04_box  .textbox>p{
  margin-bottom:.5rem;
  width:6.12rem;

	font-family:SourceHanSansSC-Regular;
	font-size:.22rem;
	font-weight:normal;
	font-stretch:normal;
	line-height:.3rem;
	letter-spacing:0;
	color:#fff;
}
.textbox{
  width:7.1rem;
	height:6.2rem;
  background-image:url(images/p04_bgbox.jpg);
  background-size:100% 100%;
}
.p05_bb{
  height:2.26rem;
  width:7.1rem;
  position:relative;
}
.p04_left_textbox p:nth-child(1){

	font-family:OPPOSans-R;
	font-size:.48rem;
	font-weight:normal;
	font-stretch:normal;
	line-height:.50rem;
	letter-spacing:0;
	color:#fff;
  position:relative;
}
.p04_left_textbox p:nth-child(1)::after{
  margin:0 .20rem;
  display:block;
  content:"";
  width:.30rem;
	height:.04rem;
	background: #fff;
}
.p04_left_textbox p:nth-child(1)::before{
  display:block;
  margin:0 .10rem;
  content:"";
  width:.30rem;
	height:.04rem;
	background: #fff;
}

.p04_left_textbox p:nth-child(2){
	font-family:SourceHanSansSC-Regular;
	font-size:.40rem;
	font-weight:normal;
	font-stretch:normal;
	line-height:1.2;
  margin:.1rem 0;
	letter-spacing:0;
	color:#fff;
}
.p04_left_textbox p:nth-child(3){
	font-size:.20rem;
  letter-spacing:0;
	color:#fff;
}
.p04_left_textbox{
	width:2.15rem;
	height:2.26rem;
 background-image:url(images/bg_p05box.jpg);
}
.p04_leftbox{
  position:relative;
  height:680px;
}
.p04_left_textbox{
  position:absolute;
  top:0;
  left:0;
}
.p05_right{
  left:auto;
  right:0;
}
.p007{
  background-image:url(images/bg_p06.jpg);
}
.p007_box{
  width:7.1rem;
  height:9rem;

}
.aa {
  width:100%;
  height:100%;
}
.p04-box{
  width:100%;
  height:100%; 
}
.p02_textbox .swiper-slide{
  height:auto;
}
.swiper-scrollbar-drag{
  background:#fff !important;
  width:.1rem !important;
  left:-.02rem;
}
.swiper-scrollbar {
  background:#fff !important;
  width:.05rem !important;
}
.p02_textbox p{
  margin-right:.3rem;
  width:2.75rem;
text-indent:.4rem;
	font-size:.2rem;
	font-weight:normal;
	font-stretch:normal;
	line-height:.3rem;
	letter-spacing:0;
	color:#fff;
}
.p02_box .swiper-slide{
  height:auto;
}
.p02_box .swiper-slide p{
  text-indent:.4rem;
  width:3.2rem;
  text-align:justify;

	font-family:SourceHanSansSC-Regular;
	font-size:.2rem;
	font-weight:normal;
	font-stretch:normal;
	line-height:.3rem;
	letter-spacing:0;
	color:#fff;
}
.p007_imgbox{
  width:7.1rem;
  flex-wrap:wrap;

}
.p007_imgbox img{
  width:3.3rem;
  margin:.02rem;
}
.p007_box .swiper-slide p:nth-of-type(1){
  margin:.3rem 0;

	font-size:.36rem;
	line-height:.46rem;
	letter-spacing:0;
	color:#333;
}
.p007_box .swiper-slide p:nth-of-type(2){
  width:6.65rem;
	font-family:SourceHanSansSC-Regular;
	font-size:.24rem;
	font-weight:normal;
	font-stretch:normal;
	line-height:.4rem;
	letter-spacing:0;
	color:#222;
}

.p04_leftbox >p{
  margin-top:350px;
  width:339px;
  line-height:1.5;
  text-align:justify;
	font-family:SourceHanSansSC-Bold;
	font-size:18px;
	font-weight:normal !important;
	font-stretch:normal;
	letter-spacing:0;
	color:#fff !important;
}
.p05_line{
  margin:0 .2rem;
  width:.04rem;
	height:.86rem;
background:#d5b47a;
}
.p05_text{
  width:4.2rem;

	font-size:.22rem;
	line-height:.36rem;
	letter-spacing:0;
	color:#e3c080;
}
.p05_top{
  margin-left:2rem;
}
.top_left{
margin-left:auto;
margin-right:2.5rem;
}
.p04_imgbox{
 width:7.1rem;
  flex-wrap:wrap;
}
.p04_igg{
  width:7.1rem !important;
  height:auto !important;
}
.p04_imgbox img{
  margin-top:.10rem;
	width:2.33rem ;
  height:1.6rem;
}
.p05 >p i{
	font-size:.2rem;
	line-height:.36rem;
	letter-spacing:0;
	color:#d5b47a;
}
.p05 >p {
  margin-top:.3rem;
  text-align:justify;
  width:7.1rem;
  font-size:.2rem;
	font-weight:normal;
	letter-spacing:0;
	color:#fff;
}
.p05{
  background-image:url(images/bg_p05.jpg);
}
.p06 .title i{
  color:#000 !important;
}
.p06{
  background-image:url(images/bg_p06.jpg);
}
.p06 >p{
  margin-top:.2rem;
  width:5rem;
	font-family:SourceHanSansSC-Bold;
	font-size:.4rem;
	font-weight:bold;
	font-stretch:normal;
	line-height:.54rem;
	letter-spacing:0;
	color:#333;
  text-align:center;
}
.p06 >p i{
  font-size:.36rem;
	font-weight:normal;
	letter-spacing:0;
	color:#333;
}

.p06_ul{
  margin-top:.50rem;
  flex-wrap:wrap;
  width:7.1rem;
}
.p06_ul li{
  position:relative;
  width:1.99rem;
  margin:.1rem;
	height:1.99rem;
  background-image:url(images/p06_01.png);
  background-size:100% 100%;
}
.p06_ul li div{
  position:absolute;
  left:0;
  top:0;
  width:.63rem;
	height:.63rem;
	background:#df2a24;
	border:solid 3px #fff;
  border-radius:50%;
}
.p06_ul li div >p{

	font-family:OPPOSans-R;
	font-size:.26rem;

	line-height:.26rem;
	letter-spacing:0;
	color:#fff;
}
.p06_ul li >p{

	font-size:.24rem;
	line-height:.26rem;
	color:#fff;
}
.p07{
  background-image:url(images/bg_p07.jpg);
}
.p07 >p{
  text-indent:.4rem;
  margin-top:.3rem;
  width:6.68rem;
	font-family:SourceHanSansSC-Regular;
	font-size:.28rem;
	line-height:.5rem;
  text-align:justify;
	color:#fff;
}
.p07 >img{
  margin-top:1rem;
  width:3.96rem;
}

.p09{
  background-image:url(images/bg_p07.jpg);
}
.p09_content{
  width:5.38rem;
  flex-direction:column;
}
.p09_td{
  font-size:.33rem;
	font-weight:normal;
	font-stretch:normal;
	line-height:.34rem;
	letter-spacing:.07rem;
	color:#fff;
}
.p09_pp{
  margin-top:.1rem;
  font-size:.21rem;
	line-height:.50rem;
	letter-spacing:0;
	color:#fff
}
.p09_zr{
	width:2.8rem;
	height:.65rem;
	background:#d3221c;
}
.p09_zr img{
  width:.31rem;
}
.p09_zr p{
margin-left:.2rem;
	height:.23rem;
	font-family:SourceHanSansSC-Regular;
	font-size:.24rem;
	font-weight:normal;
	font-stretch:normal;
	line-height:.28rem;
	letter-spacing:0;
	color:#fff;
}

.p09_line{
  margin-top:.22rem;
  margin-bottom:.37rem;
  width:.37rem;
	height:.05rem;
  background:#74281b;
}
.p09_zr i{
  font-size:.25rem;
	font-weight:normal;
	font-stretch:normal;
	line-height:.28rem;
	letter-spacing:0;
	color:#fff;
  margin-left:.2rem;
}
.p09_b{
  margin-top:.38rem;
  width:5.83rem;
	height:2.2rem;
	font-family:SourceHanSansCN-Regular;
	font-size:.21rem;
	font-weight:normal;
	font-stretch:normal;
	line-height:.50rem;
	letter-spacing:0;
	color:#fff;
  margin-bottom:1.26rem;
}
.p09 .title p:nth-of-type(2){
  color:#d3221c;
}