@charset "utf-8";
	* {
	font-family:MicrosoftYaHei;
	margin:0;
	padding:0
}
html,body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td,hr,button,footer,header,nav,section,article {
	margin:0;
	padding:0
}
body {
	color:#333;
	font-family:"microsoft yahei","Verdana","Tahoma","Arial"
}
ol,ul,li {
	list-style:none
}
i,s,u,em {
	font-style:normal;
	text-decoration:none
}
img {
	border:0 none
}
a {
	color:#333;
	text-decoration:none;
	cursor:pointer
}
a:hover {
	color:#db214c;
	text-decoration:none
}
a:focus,form *:focus {
	outline:none
}
input {
	color:#333;
	text-indent:10px
}
input::-webkit-input-placeholder {
	color:#666
}
input::-moz-placeholder {
	color:#666
}
input::-ms-input-placeholder {
	color:#666
}
.cf:after {
	display:block;
	height:0;
	font-size:0;
	content:".";
	visibility:hidden;
	clear:both
}
.cf {
	zoom:1
}
.fl {
	float:left
}
.fr {
	float:right
}
.pr {
	position:relative
}
.wrap {
	width:1200px;
	margin:0 auto
}
.title {
	width:788px;
	padding-top:120px;
	height:110px;
	margin:0 auto;
	text-align:center;
	background:url(images/title01-bg.png) bottom no-repeat;
	color:#000
}
.title h2 {
	font-size:50px
}
.title h2 i {
	color:#e9a16f
}
.title p {
	font-size:16px
}
.banner {
	height:828px;
	background:url(images/banner.jpg) center center no-repeat
}
.banner .word {
	height:828px
}
.grass {
	position:absolute;
	top:643px;
	left:0;
	height:394px;
	width:357px;
	background:url(images/grass.png)
}
.p01 {
	background:url(images/p01-bg.png) center right no-repeat #fdfdfd
}
.p01 .content {
	margin-top:77px;
	height:720px
}
.p01 .content .swiper-container {
	height:100%;
	width:50%;
	float:left;
	overflow:hidden
}
.p01 .content .swiper-container .swiper-slide {
	height:100%;
	width:100%
}
.p01 .content .rightbox {
	overflow:hidden;
	width:50%;
	height:100%;
	background:url(images/p01-slide-bg.png) bottom no-repeat;
	float:left
}
.p01 .content .rightbox .text {
	height:320px;
	width:480px;
	margin:200px auto 0
}
.p01 .content .rightbox .text .right-swiper {
	margin-top:47px;
	height:235px;
	width:300px;
	overflow:hidden
}
.p01 .content .rightbox .text .right-swiper .swiper-slide {
	width:100%;
	height:100%
}
.p01 .content .rightbox .text .right-swiper h4 {
	font-size:18px;
	color:#333333;
	line-height:40px
}
.p01 .content .rightbox .text .right-swiper h4 i {
	color:#e9a16f
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: unset;
    bottom: 0;
    width: 75px;
    height: 75px;
    margin-top: unset;
    z-index: 10;
    cursor: pointer;
    background-size: 75px 75px;
    background-position: center;
    background-repeat: no-repeat;
}

.p01 .swiper-button-prev{
  right: 75px;
  width: 75px;
  height: 75px;
  left: unset;
  background: url(./images/left.jpg);
  background-size: cover;
}
.p01 .swiper-button-next{
  width: 75px;
    height: 75px;
  background: url(./images/right.jpg);
  background-size: cover;
  right: 0px;
}


.p01-swiper-button-prev{
  position: absolute;
  bottom: 0;
  width: 50px;
  height: 50px;
  background-color: coral;
}
.p01-swiper-button-next{
  width: 50px;
  height: 50px;
  background-color: coral;
}

.p02 {
	height:1070px;
	background:url(images/p02-bg.jpg);
	background-size:cover
}
.p02 .title {
	background:url(images/title02-bg.png) bottom no-repeat;
	color:#fff
}
.p02 .wrap {
	height:685px;
	margin-top:70px
}
.p02 .wrap .leftbox {
	float:left;
	height:685px;
	width:640px
}
.p02 .wrap .leftbox p {
	width:497px;
	padding:18px 30px;
	background-color:#e9a16f;
	font-size:18px;
	color:#ffffff;
	line-height:28px;
	margin:-60px auto 0;
	position:relative
}
.p02 .wrap .rightbox {
	float:left;
	margin-top:72px;
	height:558px;
	width:540px;
	margin-left:20px
}
.p02 .wrap .rightbox p {
	width:497px;
	padding:30px 18px;
	font-size:18px;
	color:#ffffff;
	line-height:28px;
	background-color:#e9a16f
}
.p03 {
	background:url(images/p03-right-bg.png) top right no-repeat,url(images/p03-left-bg.png) bottom left no-repeat #fbfbfb
}
.p03 .hua {
	position:absolute;
	right:-150px;
	bottom:-50px;
	width:223px;
	height:395px;
	background:url(images/hua.png)
}
.p03 .wrap {
	position: relative;
	margin-top:92px;
	height:490px
}
.p03 .wrap .p03-left-box {
	float:left;
	height:430px;
	margin-top:25px;
	width:568px;
	z-index:88;
	background:url(images/p03-slide-bg.png)
}
.p03 .wrap .p03-left-box .box {
	width:270px;
	height:203px;
	margin:76px 135px 60px;
	overflow:hidden
}

.swiper-pagination-bullet{
	height: 15px;
	outline: none;
	opacity: 0.7;
	width: 15px;
}
.swiper-pagination-bullet-active{
	background: #e9a16f;
}

.p03 .wrap .p03-left-box .box img {
	height:100%;
	width:100%
}
.p03 .wrap .p03-left-box p {
	width:505px;
	font-size:16px;
	line-height:30px;
	text-indent:2em;
	margin:0 auto
}
.p03 .wrap .right {
	width:610px;
	height:490px;
	background-color:#fff;
	float:left
}
.p03 .wrap .right .box {
	width:505px;
	height:450px;
	overflow:hidden;
	margin:75px
}
.p03 .wrap .right .box .content {
	margin:0 80px 40px;
	width:300px;
	height:188px;
	padding:40px 0
}
.p03 .wrap .right .box .content .swiper-slide {
	text-align:center;
	line-height:40px;
	font-size:24px;
	color:#999999
}
.p03 .wrap .right .box .content .swiper-slide-active {
	font-size:36px;
	color:#222222
}
.p03 .wrap .right .box p {
	width:505px;
	font-size:16px;
	line-height:30px;
	margin:0 auto
}
.p03 .wrap .right .box p i {
	color:#e9a16f
}

.p03 .swiper-button-prev{
  top: 0;
  outline: none;
  bottom: unset;
  right: 40%;
  width: 62px;
  background: url(./images/up.png);
  background-size: cover;
  height: 36px;
  left: unset;
}
.p03 .swiper-button-next{
  width: 62px;
  outline: none;
  height: 36px;
  background: url(./images/down.png);
  background-size: cover;
  right: 40%;
}
.p04 {
	height:755px;
	background-color:#fbfbfb
}
.p04 .container {
	width:1560px;
	height:520px;
	margin-top:100px;
	float:right
}
.p04 .container p {
	text-align:center;
	font-size:16px;
	line-height:28px
}
.p04 .container .left-wrap {
	float:left
}
.p04 .container .left-wrap .btm {
	width:200px;
	float:left;
	height:100px;
}
.p04 .container .left-box {
	margin-top:40px;
	height:373px;
	width:492px;
	background-color:#fff
}
.p04 .container .left-box img {
	margin:128px 0 0 72px
}
.p04 .container .left-box p {
	width:422px;
	font-size:16px;
	line-height:28px;
	color:#222222;
	margin:50px auto 0;
	text-align:left
}
.p04 .swiper-button-prev{
  right: 80px;
  width: 75px;
  height: 75px;
  left: unset;
  background: url(./images/left.jpg);
  background-size: cover;
}
.p04 .swiper-button-next{
  width: 75px;
    height: 75px;
  background: url(./images/right05.jpg);
  background-size: cover;
  right: 0px;
}
.p04 .container .right-box {
	float:left;
	width:1065px;
	height:520px;
	overflow:hidden
}
.p04 .container .right-box .swiper-slide {
	opacity:.5;
	background-color:#fff;
	width:710px;
	color:#fff
}
.p04 .container .right-box .swiper-slide img {
	width:100%;
	height:100%
}
.p04 .container .right-box .swiper-slide-active {
	opacity:1
}
.p05 {
	height:451px;
	background:url(images/p05-bg.jpg);
	background-size:cover
}
.p05 .title {
	background:url(images/title02-bg.png) bottom no-repeat;
	color:#fff;
	margin-bottom:73px;
	padding-top:73px;
	text-align:center
}
.p05 .title p {
	width:760px
}
.p05 p {
	width:1120px;
	color:#fff;
	font-size:18px;
	line-height:35px;
	text-indent:2em
}
.p05 p i {
	color:#e9a16f
}
.p06 {
	overflow:hidden;
	height:333px
}
.p06 .wrap {
	margin-top:52px;
	height:194px;
	border:solid 5px #e9a16f
}
.p06 .wrap .left {
	float:left;
	width:450px;
	margin:46px 48px 46px 67px
}
.p06 .wrap .left h2 {
	font-weight:100;
	font-size:24px;
	color:#222222;
	letter-spacing:15px;
	margin-bottom:24px
}
.p06 .wrap .left h2 i {
	font-size:16px;
	line-height:30px;
	letter-spacing:10px;
	color:#222222;
	opacity:.3
}
.p06 .wrap .left p {
	font-size:16px;
	line-height:30px;
	color:#222222
}
.p06 .wrap .left p i {
	margin-left:1rem
}
.mt{
	padding-top: 20px;
	clear: both;
}
.p06 .wrap .right {
	margin-top:34px;
	float:left;
	width:610px;
	height:126px
}
.p06 .wrap .right img {
	float:left
}
.p06 .wrap .right p {
	padding:13px 0 ;
	width:518px;
	margin-left:24px;
	float:left;
	font-size:14px;
	line-height:28px;
	color:#222222
}