@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:1270px;
	margin:0 auto
}
.banner {
	width:100%
}
.banner img {
  width:100%;
  vertical-align: middle;
}
.banner-text {
  width:100%;
	height:267px;
	background:url(images/banner-text.jpg);
	background-size:cover;
	margin-top:-10px
}
.banner-text .text-box {
	padding-top:100px;
	width:1050px;
	margin:0 auto
}
.banner-text .text-box .left {
	float:left
}
.banner-text .text-box .left p {
	color:#fff;
	font-size:20px
}
.banner-text .text-box .left h4 {
	text-indent:1em;
	color:#fff;
	font-size:50px
}
.banner-text .text-box .right {
	float:right
}
.banner-text .text-box .right p {
	width:832px;
	text-align:justify;
	color:#fff;
	line-height:25px;
	font-size:16px
}
.content {
	background:url(images/content-bg.jpg);
	background-size:cover;
	padding-bottom:118px
}
.content .wrap {
	overflow:hidden;
	background-image:linear-gradient(-35deg,#ebccbd 0%,#fffbf5 100%)
}
.content .p01 {
	background:url(images/title-bg.png) top left no-repeat;
	margin-top:80px;
	width:100%;
	height:482px
}
.content .p01 .box .left {
	float:left;
	height:400px;
	padding-top:27px;
	width:420px;
	border-bottom:1px solid #353535;
	margin-left:169px
}
.content .p01 .box .left span {
	font-size:20px;
	color:#353535;
	opacity:.5
}
.content .p01 .box .left h2 {
	font-size:50px;
	color:#ad1d2f;
	margin:20px 0 50px
}
.content .p01 .box .left p {
	font-size:18px;
	line-height:37px;
	color:#353535
}
.content .p01 .box .right {
	width:508px;
	float:left
}
.content .p02 {
	width:100%;
	background:url(images/title-bg.png) top left no-repeat
}
.content .p02 .box {
	margin-left:169px
}
.content .p02 .box .title {
	padding-top:77px
}
.content .p02 .box .title span {
	font-size:20px;
	color:#353535;
	opacity:.5
}
.content .p02 .box .title h2 {
	font-size:50px;
	color:#ad1d2f;
	margin:20px 0 50px
}
.content .p02 .box .item {
	width:940px;
	height:236px;
	margin-top:33px
}
.content .p02 .box .item .text-box {
	height:164px;
	width:400px;
	padding:30px 50px 20px 50px;
	float:left;
	background-color:#fff;
	margin-top:12px;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
	box-shadow:13px 16px 40px 0 rgba(199,199,199,0.46)
}
.content .p02 .box .item .text-box h2 {
	text-align:left;
	padding:0 0 15px;
	width:100%;
	color:#ad1d2f;
	font-size:25px
}
.content .p02 .box .item .text-box h2 i {
	font-weight:100;
	float:right;
	font-size:20px;
	text-align:right;
	color:#353535;
	opacity:.5
}
.content .p02 .box .item .text-box p {
	font-size:18px;
	color:#353535;
	line-height:31px;
	text-align:justify
}
.content .p02 .box .item .img-box {
	border-radius:10px;
	height:236px;
	float:left;
	width:428px;
	overflow:hidden
}
.content .p03 {
	width:100%;
	background:url(images/title-bg.png) top left no-repeat
}
.content .p03 .box {
	margin-left:169px
}
.content .p03 .box .title {
	padding-top:77px
}
.content .p03 .box .title span {
	font-size:20px;
	color:#353535;
	opacity:.5
}
.content .p03 .box .title h2 {
	font-size:50px;
	color:#ad1d2f;
	margin:20px 0 50px
}
.content .p03 .box .img-box{
  width: 923px;
  height: 693px;
  position: relative;
}
.content .p03 .box .img-box h4{
  padding: 20px 0 20px 30px;
  font-size: 24px;
  color: #fff;

}
.content .p03 .box .img-box p{
  padding: 0 30px;
  font-size: 17px;
  line-height: 30px;
  color: #fff;
}
.dyh{
  height: 230px;
  width: 230px;
  background-color: #ad1d2f;
  position: absolute;
  left: 0;
  top: 0;
}
.dg{
  height: 230px;
  width: 230px;
  background-color: #ad1d2f;
  position: absolute;
  right: 0;
  top: 0;
}
.cg{
  height: 230px;
  width: 230px;
  background-color: #ad1d2f;
  position: absolute;
  left: 0;
  bottom: 0;
}
.qs{
  height: 230px;
  width: 230px;
  background-color: #ad1d2f;
  position: absolute;
  right: 230px;
  bottom: 0;
}

.more {
	width:100%;
	height:671px;
	overflow:hidden;
	background:url(images/more-bg.jpg) center center no-repeat
}
.more .wrap {
	width:1050px
}
.more .box {
	width:100%;
	height:434px;
	margin-top:116px
}
.more .box .slide-box {
	width:777px;
	height:434px;
	float:left;
	position:relative
}
.more .box .slide-box .bd {
	width:777px;
	height:434px;
	overflow:hidden
}
.more .box .slide-box .bd li {
	width:777px;
	height:434px;
	float:left
}
.more .box .slide-box .hd {
	width:100px;
	position:absolute;
	height:20px;
	bottom:10px;
	right:0
}
.more .box .slide-box .hd li {
	cursor:pointer;
	float:left;
	height:20px;
	width:20px;
	border-radius:50%;
	margin-left:20px;
	background-color:#ffffff;
	opacity:.5
}
.more .box .slide-box .hd li.on {
	opacity:1
}
.more .box .right-box {
	width:189px;
	height:434px;
	float:left;
	margin-left:77px
}
.more .box .right-box h2 {
	padding-bottom:10px;
	font-size:30px;
	color:#ffffff;
	font-weight:100
}
.more .box .right-box p {
	text-align:justify;
	font-size:17px;
	margin-top:30px;
	color:#ffffff;
	line-height:30px
}
.foot {
	width:100%;
	height:242px;
	background-color:#e0cac1
}
.foot .wrap {
	overflow:hidden;
	width:900px
}
.foot h4 {
	margin-top:77px;
	font-weight:100;
	font-size:17px;
	line-height:24px;
	margin-bottom:30px
}
.foot h4 span {
	margin-left:3em
}
.foot p {
	font-size:14px;
	margin-top:10px
}