body {
  color: #333;
  font: 14px "Microsoft Yahei";
  background: #fff;

}
html{
  scroll-behavior:smooth;
}
.odk{
  position: relative;
}
body,
ul,
ol,
li,
div,
p,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd,
img,
span,
input {
  margin: 0;
  padding: 0;
  list-style: none;
}
.agent{padding:60px 0;}.message ul li{color:#333;}.join .message p.tip{background:#303d51 !important;}
.dy_info dd input[type=submit]{background:#303d51 !important;}
.dy_info{
margin: 0 60px !important;
}
.message{
  margin: 0 60px !important;
}
a {
  color: #333;
  text-decoration: none;
}

a:focus {
  outline: 0;
}

img {
  border: none;
}
.box{
  width: 100%;
  flex-direction: column;
}
i,
em {
  font-style: normal;
}
.img_title{
  position: absolute;
  width: 605px;
  height: 92px;
  top: 52px;
  left: 359px;
}
.p01,.p02,.p03,.p04,.p05,.p06,.p07,.p08,.p09,.p10,.p11,.p12,.p13,.p14,.p15,.p16,.banner{
  background-size: cover;
  background-position: center;
  position: relative;
}
.jmly {width:100%; padding:50px 0}
.jmly h2,.jmly i {font:bold 48px "Microsoft YaHei";text-align:center;color:#f3b15f;display:block}
.dy_info dl dt i {display:inline}
.jmly i {font-size:16px;font-weight:normal}
.join {width:1200px;margin:0 auto;padding-top:50px;display: flex; align-items: center; justify-content: center;}
.message {width:660px;padding:10px}
.message li {color:#fff}


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


}
.flex_x_b{
  display: flex;
  justify-content:space-between;
  align-items: center;
}
.flex_x_around{
  display: flex;
  justify-content:space-around;
  align-items:center;

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

.title{
  width: 630px;
position:relative;
}.title p{
font-weight: bold !important;
}
.title p:nth-child(2){

  position: relative;
  z-index: 20;
  text-align: center;
	font-family: SourceHanSansSC-Bold;
	font-size: 45px;
	letter-spacing: 0px;
	color: #d2221c;
}
.title p:nth-child(2) i{
  
  color: #fff ;
}
.title p:nth-child(1){
  position: absolute;
  right: 0;
  left: 0;
  top: -20px;
  margin: 0 auto;
  text-align: center;

	font-family: SourceHanSansSC-Bold;
	font-size: 55px;
	font-stretch: normal;

  background-image:-webkit-linear-gradient(top,#b7b7b7,#cfcdcd15,#fffefe00); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; 
}

.top{
  z-index: 20;
  top: 700px;
  right: 8%;
  
  position: fixed;
  background-image: url(./images/top.png);
  width: 108px;
  height: 108px;
}
.banner{
  background-image: url(./images/bg_banner.jpg);
  height: 910px;
  flex-direction: column;
}
.banner_box{
  background-image: url(./images/bg_banner_text.png);
}
.banner_box{

  width: 1297px;
  height:109px ;
}
.banner_box >p{
  width: 1073px;
	height: 42px;
	font-family: SourceHanSansSC-Regular;
	font-size: 16px;
	font-weight: normal;
	font-style: italic;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 0px;
	color: #ffffff;
}
.bannerboxtext p:nth-child(1){

	font-family: SourceHanSansSC-Regular;
	font-size: 24px;
	font-weight: normal;
	font-style: italic;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 0px;
	color: #ffffff;

}
.bannerboxtext{
  margin-top: 10px;
  position: relative;
}
.bannerboxtext >p{
  left: 11px;
  bottom: 9px;
  position: absolute;
  width: 59px;
	height: 11px;
	font-family: SourceHanSansSC-Regular;
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 0px;
	color: #ffffff;
	opacity: 0.5;
}
.bannerboxtext div div{
  background-image: url(./images/banner.png);
  background-size: 100% 100%;
  width: 53px;
  position: relative;
	height: 58px;
}
.bannerboxtext  div p{
  margin-left: -10px;
	font-family: SourceHanSansSC-Regular;
	font-size: 24px;
	font-weight: normal;
	font-style: italic;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 0px;
	color: #ffffff;
}
.bannerboxtext div div i{
  position: absolute;
  left: 7px;
  top: 0;

  text-align: center;
  margin-bottom: 10px;
	font-family: SourceHanSansSC-Regular;
	font-size: 32px;
	font-weight: normal;
	font-style: italic;
	font-stretch: normal;

	letter-spacing: 0px;
	color: #000000;
}
.w1200 {width:1200px;margin:0 auto; flex-direction: column;position: relative;}
.banner .w1200{
  height: 500px;

}
.banner .w1200 img:nth-child(1){
  margin-top: -100px;
  margin-bottom: 155px;

}

.p01{
  
background-image: url(./images/bg_p01_02.jpg);
  height: 1348px;
}
.p01 .title{
  margin-top: -300px;
}
.p01 .w1200{
  padding-top: 100px;
}
.p01_left{
  width: 702px;
  height: 485px;
  position: relative;
}
.p01_right{
  margin-left: 50px;
  position: relative;
  width: 544px;
  height: 622px;
}
.p01 .w1200{
  flex-direction: row;
}
.p01_left p{
	width: 620px;
	height: 342px;
	font-family: SourceHanSansSC-Regular;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #ffffff;
}
.img_box{
  overflow: hidden;

}
 img {
  cursor: pointer;
				transition: all 0.6s;
}
.img_box img:hover{
  transform: scale(1.2);
}
.p01_rightline{
  position: absolute;
  left: 0;
  top: 0;
  width: 95px;
	height: 133px;
	background-color: #b92e29;

}
.p01_right img{
  position: relative;
  z-index: 10;
}
.p01_left img:nth-child(1){
  position: absolute;
  top: 0;
  left: 0;
}
.p01_left img:nth-child(2){
  position: absolute;
  bottom: 0;
  right: 0;
  transform: rotate(180deg)
}
.p01_box{
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url(./images/p01_bottom01_02.png);
  background-size: cover;
  background-position: center;
  height: 390px;
  width: 100%;
  
}
.p03 .title{
  margin-top: 60px;
}
.p01_ul {
  flex-wrap: wrap;
  width: 1200px;
  height: 390px;
}
.p01_ul li{
  flex-direction: column;
  width: 400px;
  height: 200px;
}
.p01_ul li >i{

	font-family: SourceHanSansSC-Regular;
	font-size: 20px;

	color: #ffffff;
}
.p01_ul li p{
	font-family: SourceHanSansSC-Regular;
	font-size: 60px;
	color: #edc987;
}
.p01_ul li p i{
  font-size: 60px;
}

.p02{
  background-image: url(./images/bg_p02_03.jpg);
  height: 1030px;
}
.p02_box{
  margin-top: 50px;
  height: 662px;

  width: 1200px;
}
.p06 .title p:nth-child(2) i{
  color: #000 !important;
}
.p02_right{
  width: 469px;
  height: 662px;
}
.p02_right li{
  width: 469px;
	height: 220px;
	background-image: linear-gradient(0deg, 
		#eeeeee 0%, 
		#fafafa 100%), 
	linear-gradient(
		#fafafa, 
		#fafafa);
	background-blend-mode: normal, 
		normal;
}
.p02_right li p{
  margin-left: 20px;
  width: 281px;
	font-size: 20px;

	line-height: 26px;
	letter-spacing: 0px;
	color: #333333;
}
.p02_right li p i{

	height: 28px;
	font-family: SourceHanSansSC-Bold;
	font-size: 30px;
	line-height: 26px;
	letter-spacing: 0px;
	color: #333333;
}
.p03{
  background-image: url(./images/bg_p03.jpg);
  height: 1445px;
}
.p02 .title i{
  color: #000000 !important;
}
.p03_box{
  height: 508px;
  width: 1200px;
  position: relative;
  padding-top: 170px;
}
.p03_imgbox {
  width: 737px;
  height: 100%;
  background-image: url(./images/bg_p03img.png) ;
  background-repeat: no-repeat;
  background-size: 100%;
}
.p03_imgbox img{
  margin: 16px;
}
.p03_textbox{
  z-index: 10;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 571px;
	height: 420px;
  flex-direction: column;
  background-image: url(./images/p03_boxbg.jpg);
}
.p03_title{
  margin-top: -100px;
  width: 218px;
	height: 72px;
  background-image: url(./images/p03_tiitleg_bg.png);
}
.p03_title img{
  margin-right: 20px;
  width: 173px;
}
.p03_dt{
  margin-top: 20px;
  width: 451px;
  height: 181px;
  background-image: url(./images/p03_001.png);

}
.p03_textbox >p{
  margin-top: 40px;
  width: 479px;

	font-family: SourceHanSansSC-Regular;
	font-size: 14px;
	line-height: 26px;

	color: #ffffff;
}
.p02_ul1{
  margin-top: 80px;
  width: 100%;
  height: 15px;
}

.p02_ul1 li p{
  width:96px;
text-align: center;
	font-family: SourceHanSansSC-Regular;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 0px;
	color: #d6b67a;
}
.p02_ul2{
  margin-top: 100px !important;
}

.p03_box1{
  margin-top: 70px;
  position: relative;
  padding-top: 0;
}
.p03_box1 .p03_dt{
  background-image: url(./images/p03_002.png);
}
.p03_box1 .p03_imgbox{
  position: absolute;
  right: 0;
  top: 0;
}
.p03_box1 .p03_textbox{
  left: 0;
  right: auto;

}
.column{
  flex-direction: column;
}
.p04{
  background-image: url(./images/bg_p04_02.jpg);
  height: 1641px;
}
.p04_left_textbox{
  width: 245px;
	height: 301px;
  background-color: #c33732;
}
.p04_leftbox{
  position: relative;
  height: 680px;
}
.p04_left_textbox{
  position: absolute;
  top: 0;
  left: 0;
}
.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: 0px;
	color: #fff !important;
}
.p04_right .p04_left_textbox{
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
}
.p04_leftbox >p i{
  font-weight: bold;

	color: #d5b47a !important;
}
.p04_line{
  width: 4px;
	height: 86px;
	background-color:  #d5b47a;
}
.p04_top{
  width: 816px;
}
.p04_top p{

  width: 725px;
	height: 57px;
	font-family: SourceHanSansSC-Regular;
	font-size: 22px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #e3c080;
}
.p04_imgbox{
  width: 816px;
  flex-wrap: wrap;
}
.p04_imgbox img{
  margin-top: 10px;
  width: 263px;
	height: 179px;
}
/* .p04_imgbox img:nth-child(1){
  width: 816px;
	height: 395px;
} */

.p04_igg{
  width: 816px !important;
	height: 395px !important;

}
.p04_left_textbox p:nth-child(1){

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

	font-family: SourceHanSansSC-Regular;
	font-size: 40px;
	font-weight: normal;
	font-stretch: normal;
  line-height: 1.2;
  letter-spacing: 0px;
  color: #ffffff;
  margin: .6rem 0 !important;

}
.p04_left_textbox p:nth-child(3){
	font-size: 20px;
  letter-spacing: 0px;
	color: #ffffff;
}
.p04_right{
  margin-top: 150px;
}
.p06{
  background-image: url(./images/bg_p06_04.jpg);
  height: 805px;
}
.p06 >p i{

font-weight: normal;
  font-size: 36px;
	color: #333333;
}
.p06 >p{
  margin-top: 45px;
  text-align: center;
  font-size: 40px;
  font-weight: 800;
	color: #333333;
}
.p09_ul{
  margin-top: 50px;
  flex-wrap: wrap;
  width: 1000px;
}
.p09_ul li{
  position: relative;
  width: 199px;
  margin: 15px;
	height: 199px;
  background-image: url(./images/p06_01.png);
  background-size: 100% 100%;
}
.p09_ul li div{
  position:absolute;
  left: 0;
  top: 0;
  width: 63px;
	height: 63px;
	background-color: #df2a24;
	border: solid 3px #ffffff;
  border-radius: 50%;
}
.p09_ul li div >p{

	font-family: OPPOSans-R;
	font-size: 26px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 0px;
	color: #ffffff;
}
.p09_ul li >p{

	font-size: 24px;
	line-height: 26px;
	color: #ffffff;
}
.p07{

	height: 890px;
	background-color: #f8f8f8;
}
.p07_line{
  width: 18px;
	height: 890px;
	background-color: #df2a24;
}
.p07 .w1200{
  margin: 0;
}

.p07_right{
  width: 600px;
}
.p07_right p:nth-child(1){
 padding: 30px 0;
	font-size: 36px;
	line-height: 46px;
	color: #333333;
}
.p07_right p:nth-child(2){
width: 480px;
	font-family: SourceHanSansSC-Regular;
	font-size: 18px;
	line-height: 1.5;

	color: #222222;
}
.p07_right{
  margin-left: 60px;
}
.no-right{

  margin-left: 0px !important;
}
.p07_img{
  width: 280px;

}
.p07_left{
  flex-wrap: wrap;
  width: 706px;
}
.p07_left div{
  margin-top: 2px;
}
.p08{
  background-image: url(./images/bg_p08.jpg);
  height: 329px;
}
.p08_box{
  background-image: url(./images/p08_01.png);
  background-size: 100% 100%;
  width: 1200px;
  height: 200px;
}
.p08_box p:nth-child(1){
	font-family: SourceHanSansSC-Bold;
	font-size: 50px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 90px;
	letter-spacing: 1px;
	color: #ffffff;
  margin-top: -100px;
}
.p08_box p:nth-child(2){
  width: 1156px;
	font-family: SourceHanSansSC-Regular;
	font-size: 16px;
	line-height: 30px;

	color: #ffffff;
}


.p09{
  height: 280px;
}
.p09_top{
  height: 31px;
  justify-content: space-between;
}
.p09_box{
  width: 1168px;
  height: 132px;
}
.p09_ch{
	font-size: 32px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 90px;
	letter-spacing: 0px;
	color: #272425;
}
.p09_td{
  font-size: 32px;
	font-weight: normal;
	letter-spacing: 0px;
  color: #df2a24;
}
.p09_i{
  font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 90px;
	letter-spacing: 0px;
	color: #000000;
}
.p09_content{
  margin-top: 25px;
  
}
.p09_content div{
  width: 188px;
	height: 81px;
  flex-direction: column;
  background: #df2a24;
  margin-right: 18px;
}
.p09_content div  img{
  width: 31px;
}
.p09_content div p{

margin-top: 10px;
font-size: 14px;
font-family: MicrosoftYaHei;
color: #FFFFFF;
line-height: 19px;
letter-spacing: 2px;
}
.p09_content > p{
  margin-left: 18px;
  font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 28px;
	letter-spacing: 0px;
	color: #000000;
  text-align: justify;
}