body {
  color: #333;
  font: 14px "Microsoft Yahei";
  background: #fff;
}
html{
  scroll-behavior:smooth;
}
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;
}

.img_box{
  overflow: hidden;
}
 img {
  cursor: pointer;
				transition: all 0.6s;
}
.img_box img:hover{
  transform: scale(1.2);
}

.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}

.top{
  z-index: 20;
  top: 700px;
  right: 8%;
  
  position: fixed;
  background-image: url(./images/top.png);
  width: 108px;
  height: 108px;
}

.flex{
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex_c{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.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{
z-index: -10;
position:relative;
color: #fff;
}


.w1200 {width:1200px;margin:0 auto; flex-direction: column;position: relative;}
.bg{
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  width: 100%;
  
}
.banner img:nth-of-type(1){
position: absolute;
top: 20px;
left: 324px;
}
.banner img:nth-of-type(2){
  width: 35%;
  position: absolute;
  top: 200px;
  left: 324px;
  }
  

.banner div:nth-of-type(1){
  background-image: url(./images/banner_01.jpg);
  height:256px ;
}

.banner div:nth-of-type(2){
  background-image: url(./images/banner_02.jpg);
  height:228px ;
}
.banner div:nth-of-type(3){
  background-image: url(./images/banner_03.jpg);
  height:267px ;
}

.p01{
  background-image: url(./images/p01.jpg);
  height: 215px;
}
.p02 div:nth-of-type(1){
  background-image: url(./images/p02_01.jpg);
  height: 213px;
}
.p02 div:nth-of-type(2){
  background-image: url(./images/p02_02.jpg);
  height: 252px;
}
.p02 div:nth-of-type(3){
  background-image: url(./images/p02_03.jpg);
  height: 319px;
}
.p03 div:nth-of-type(1){
  background-image: url(./images/p03_01.jpg);
  height:278px ;
}
.p03 div:nth-of-type(2){
  background-image: url(./images/p03_02.jpg);
  height:347px ;
}
.p03 div:nth-of-type(3){
  background-image: url(./images/p03_03.jpg);
  height: 480px;
}
.p03 div:nth-of-type(4){
  background-image: url(./images/p03_04.jpg);
  height:556px ;
}

.p03_box{
  position:absolute;
  left: 0;
  right: 0;
  top: -200px;
  bottom: 0;
  margin: auto;
  width: 1200px;
	height: 675px;

}
.p03_box video{
  width: 100%;
  height: 100%;
}
.p03_ul{
  position:absolute;
  right: 3px;
  margin: 0 auto;
  left: 0;
  bottom: -2px;
  width: 1200px;
	height:556px;
  flex-wrap: wrap;
}
.p03_ul li{
	width: 399px;
	height: 276px;
}
.p03_ul li::before{
  display: block;
  content: "";
  width: 94px;
  height: 93px;
 
  background-repeat: no-repeat;

}
.p03_ul li:nth-of-type(1):before{
  background-image: url(./images/1.png);
}
.p03_ul li:hover{
  background-color: #05624465;
}
.p03_ul li:hover p{
  color: #f0fb83;
}
.p03_ul li:nth-of-type(1):hover::before{
  background-image: url(./images/11.png);
}
.p03_ul li:nth-of-type(2):hover::before{
  background-image: url(./images/22.png);
}

.p03_ul li:nth-of-type(3):hover::before{
  background-image: url(./images/33.png);
}
.p03_ul li:nth-of-type(4):hover::before{
  background-image: url(./images/44.png);
}
.p03_ul li:nth-of-type(5):hover::before{
  background-image: url(./images/55.png);
}
.p03_ul li:nth-of-type(6):hover::before{
  background-image: url(./images/66.png);
}

.p03_ul li:nth-of-type(2):before{
  background-image: url(./images/2.png);
}
.p03_ul li:nth-of-type(3):before{
  background-image: url(./images/3.png);
}
.p03_ul li:nth-of-type(4):before{
  background-image: url(./images/4.png);
}
.p03_ul li:nth-of-type(5):before{
  background-image: url(./images/5.png);
}
.p03_ul li:nth-of-type(6):before{
  background-image: url(./images/6.png);
}
.p03_ul li p{
  margin-top: 2px;
  font-size: 20px;
	line-height: 69px;
	letter-spacing: 0px;
	color: #ffffff;
}


.p04 >div:nth-of-type(1){
  background-image: url(./images/p04_01.jpg);
  height:564px ;
}
.p04 >div:nth-of-type(2){
  background-image: url(./images/p04_02.jpg);
  height:607px ;
}
.p04_box{
  position: absolute;
  left: 0;
  top: 200px;
  bottom: 0;
  margin:  auto;
  
  width: 1560px;
  height:678px;
}


.p04_box .swiper-container {
  width: 75%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

.p04_box .swiper-slide {
  background-size: cover;
  background-position: center;
  position: relative;
}

.p04_box .gallery-top {
  height: 100%;
  width: 100%;
}
.p04_box .gallery-thumbs .swiper-slide::before{
  position: absolute;
  display: block;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #0f0f0f9c;
}
.p04_box .gallery-thumbs {
  position: absolute;
  right: 0;
  bottom: 0;

  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}
.p04_box .gallery-thumbs .swiper-wrapper{
  width: 86%;
}
.p04_box .swiper-button-white{
  top: 0;
  bottom: 0;
  margin:  auto 0;
  height: 116px !important;
  background-size: 100% 100%;
  background-image: url(./images/left.png) !important;
}
.p04_box .swiper-button-next{
  transform:rotate(180deg);
}
.p04_box .gallery-thumbs .swiper-slide {
  width: 20% !important;
  height: 100%;

}
.p04_box .gallery-top .swiper-slide div i{
  margin-left: 50px;
  font-size: 30px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 113px;
	letter-spacing: 0px;
	color: #222222;
}
.p04_box .gallery-top .swiper-slide div div{
  width: 46px;
	height: 2px;
	background-color: #367357;
  margin-left: 50px;
}
.p04_box .gallery-top .swiper-slide div p{
  width: 465px;
  margin-top: 10px;
  margin-left: 50px;
  margin-bottom: 100px;
	font-family: SourceHanSansSC-Light;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #000000;
}
.p04_box .gallery-top .swiper-slide> div:nth-of-type(2){
  width: 1065px;
}
.p04_box .gallery-top .swiper-slide> div:nth-of-type(1){
position: absolute;
right: 0;
top: 50px;
width: 556px;
z-index: 10;
height: 459px;
background-image: url(./images/bg.jpg);
background-size: 100% 100%;
}
.p04_box .gallery-thumbs .swiper-slide img{
  width: 100%;
}

.p04_box .gallery-thumbs .swiper-slide-thumb-active::before {
  border: solid 4px #07885e;
  box-sizing: border-box;
  background:#fff0 !important;
}


.p05> div:nth-of-type(1){
  background-image: url(./images/p05_01.jpg);
  height:415px ;
}
.p05 >div:nth-of-type(2){
  background-image: url(./images/p05_02.jpg);
  height:320px ;
}
.p05 >div:nth-of-type(3){
  background-image: url(./images/p05_03.jpg);
  height:384px ;
}
.p05_box{
  position: absolute;
  left: 0;
  top: 100px;
  right: 0;
  bottom: 0;
  margin:  auto;
  width: 1200px;
  height: 700px;

}

.p05_box .swiper-container {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

.p05_box .swiper-slide {
  background-size: cover;
  background-position: center;
}

.p05_box .gallery-top {
  height: 83%;
  width: 100%;
}

.p05_box .gallery-thumbs {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}
.p05-next,.p06-next{
  background-image: url(./images/gray_right.jpg);
  width: 121px;
  background-size: 100% 100%;
  top: 43%;
}
.p05-prev,.p06-prev{
  width: 121px;
  top: 43%;
  background-size: 100% 100%;
  background-image: url(./images/blue_left.jpg);
}
.p05_box .gallery-thumbs .swiper-slide {
  width: 10% !important;
  height: 100%;
}

.p05_box .gallery-thumbs .swiper-slide-thumb-active p{
  background-color: #056244;
}
.gallery-top .swiper-slide{
  box-sizing: border-box;
}
.gallery-top img{
  width: 1065px;
}
.p05_box p{
  width: 115px;
	height: 73px;
	border-radius: 10px;
	border: solid 1px #ffffff;
  font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 73px;
  text-align: center;
	letter-spacing: 0px;
	color: #ffffff;
}

.p06-box{
  height: 100%;
  width: 100%;
}
.p06> div:nth-of-type(1){
  background-image: url(./images/p06_01.jpg);
  height:589px ;
}
.p06 >div:nth-of-type(2){
  background-image: url(./images/p06_02.jpg);
  height:572px ;
}


.p06_box{
  position: absolute;
  left: 0;
  top: 45px;
  right: 0;
  bottom: 0;
  margin:  auto;
  width: 1300px;
  height: 700px;
  

}

.p07 >div:nth-of-type(1){
  background-image: url(./images/p07_01.jpg);
  height:627px ;
}
.p07 >div:nth-of-type(2){
  background-image: url(./images/p07_02.jpg);
  height:280px ;
}
.p07 >div:nth-of-type(3){
  background-image: url(./images/p07_03.jpg);
  height:155px ;
}

.p07_box{
  position: absolute;
  left: 0;
  top: 45px;
  right: 0;
  bottom: 0;
  margin:  auto;
  width: 1300px;
  height: 700px;
  
}
.p07_box img{
  margin: 5px;
}

.p09{
  background-image: url(./images/bg_p09.jpg);
  height: 285px;
}
.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: #ffff;
}
.p09_td{
  font-size: 32px;
	font-weight: normal;
	letter-spacing: 0px;
  color: #367357;
}
.p09_i{
  font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 90px;
	letter-spacing: 0px;
	color: #fff;
}
.p09_content{
  margin-top: 25px;
  
}
.p09_top p{
  font-size: 18px !important;

	line-height: 90px;
	letter-spacing: 0px;
	color: #ffffff;
}
.p09_content div{
  width: 188px;
	height: 81px;
  flex-direction: column;
  background: #367357;
  margin-right: 18px;
}
.p09_content div  img{
  width: 31px;
}
.p09_content div p{

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