* {
	margin: 0;
	padding: 0;
}
body{
	min-width: 1104px;
}
@font-face {
	font-family: "fangzhengyasong";
	src: url("fangzhengyasong.ttf");
}
.m {
	width: 1104px;
	margin: 0 auto;
}
.l {
	float: left;
}
.r {
	float: right;
}
button {
	background: none;
	border: none;
	outline: none;
}
a {
	text-decoration: none;
}
ul,ul li,ol,ol li {
	list-style: none;
}
img {
	display: block;
}
.duration {
	-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}

header {
	overflow: hidden;
	width: 100%;
	background: #fff;
}
.header_left {
	width: 270px;
	height: 44px;
	font-size: 20px;
	line-height: 44px;
}
.header_left a {
	margin: 0 13px;
}
.header_left a {
	font-size: 18px;
	color: #000;
	line-height: 49px;
}
.header_right {
	margin-top: 14px;
	font-size: 14px;
	color: #3c3c3c;
	line-height: 18px;
}
.header_right img {
	width: 18px;
	height: 18px;
	float: left;
	margin-right: 6px;
}
.header_right b {
	font-size: 15px;
}


.banner {
	width: 100%;
	height: 576px;
	background: url(../img/banner.jpg?22) center;
}

.plate1 {
	width: 100%;
	height: 1222px;
	overflow: hidden;
	background: url(../img/jpg1.jpg) center;
}
.plate1 ul {
	margin-top: 266px;
    width: 1056px;
    overflow: hidden;
}
.plate1 ul li {
    width: 296px;
    height: 399px;
    float: left;
    margin: 0 28px 63px;
    position: relative;
}
.plate1 ul li h4 {
	font-family: "fangzhengyasong";
	font-weight: normal;
	font-size: 32px;
	text-align: center;
	line-height: 43px;
	margin-top: 30px;
	color: #cb1e17;
}
.plate1 ul li p {
	font-size: 22px;
	text-align: left;
	line-height: 30px;
	color: #333333;
	width: 250px;
	margin: 30px auto 20px;
	letter-spacing:1px
}
.plate1 ul li button {
	width: 230px;
	height: 60px;
	background: #cb1e18;
	overflow: hidden;
	border-radius: 30px;
	font-size: 26px;
	color: #ffd1ac;
	display: block;
	position: absolute;
	bottom: 40px;
	left: 40px;
}
.plate1 ul li button span {
	background-image:-webkit-linear-gradient(bottom,#ffecde,#ffe2cc);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    font-weight: normal;
    cursor: pointer;
}

.plate2 {
	width: 100%;
	height: 787px;
	overflow: hidden;
	background: url(../img/jpg2.jpg) center;
	overflow: hidden;
}
.plate2 button {
	width: 390px;
	border-radius: 30px;
	font-size: 32px;
	height: 60px;
	display: block;
	margin: 650px auto 0;
	background: -moz-linear-gradient(top, #ffc131 0%, #ffdca1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc131), color-stop(100%,#ffdca1));
    background: -webkit-linear-gradient(top, #ffc131 0%,#ffdca1 100%);
    background: -o-linear-gradient(top, #ffc131 0%,#ffdca1 100%);
    background: -ms-linear-gradient(top, #ffc131 0%,#ffdca1 100%);
    background: linear-gradient(to top, #ffc131 0%,#ffdca1 100%);
}
.plate2 button span {
	background-image:-webkit-linear-gradient(bottom,#c10000,#fd0001);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    font-weight: normal;
    cursor: pointer;
    font-weight: bold;
}

.plate3 {
	width: 100%;
	height: 603px;
	overflow: hidden;
	background: url(../img/jpg3.jpg) center;
	overflow: hidden;
}
.plate3Left {
	width: 414px;
	height: 450px;
	margin-top: 67px;
	margin-left: 61px;
}
.plate3Left h2 {
	font-size: 32px;
	color: #bb021b;
	text-align: center;
	margin: 22px auto 60px;
}
.plate3Left p {
	font-size: 32px;
	width: 225px;
	color: #cb1e17;
	font-weight: bold;
	margin: 0 auto;
}
.plate3Left span {
	display: block;
	font-size: 26px;
	width: 225px;
	margin: 0 auto;
	color: #333333;
}
.plate3Left a {
	text-align: center;
	line-height: 47px;
	width: 302px;
	border-radius: 30px;
	font-size: 30px;
	height: 47px;
	display: block;
	margin: 167px auto 0;
	background: #cb1e18;
	cursor: pointer;
}
.plate3Left a b {
	background-image:-webkit-linear-gradient(bottom,#ffd0aa,#ffd8bc);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    /*font-weight: normal;*/
    cursor: pointer;
}
.plate3Right {
	width: 554px;
	height: 452px;
	margin-top: 67px;
    margin-right: 51px;
}
.plate3Right h2 {
	font-size: 32px;
	text-align: center;
	margin: 30px auto;
	color: #bb021b;
}
.plate3Right ul li {
	width: 90px;
	height: 37px;
	float: left;
	text-align: center;
	margin: 0 10px 15px;
	line-height: 37px;
	color: #bb051c;
	border-radius: 20px;
	box-shadow: 0 5px 10px 5px #f5c6c6;
	background: -moz-linear-gradient(top, #ffc131 0%, #ffdca1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc131), color-stop(100%,#ffdca1));
    background: -webkit-linear-gradient(top, #ffc131 0%,#ffdca1 100%);
    background: -o-linear-gradient(top, #ffc131 0%,#ffdca1 100%);
    background: -ms-linear-gradient(top, #ffc131 0%,#ffdca1 100%);
    background: linear-gradient(to top, #ffc131 0%,#ffdca1 100%);
    cursor: pointer;
}
.plate3Right ul li:hover {
	background: #d20000;
    box-shadow: none;
}
.plate3Right ul li:hover b {
	background-image:-webkit-linear-gradient(left,#fff2e8,#ffd1ac);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.plate4 {
	width: 100%;
	height: 684px;
	overflow: hidden;
	background: url(../img/jpg4.jpg?11) center;
	overflow: hidden;
}
.plate4 .m {
	width: 844px;
	margin-top: 310px;
}
.plate4 .m input {
	width: 344px;
	height: 44px;
	border-radius: 25px;
	font-size: 23px;
	color: #b62a35;
	outline: none;
	padding: 0 20px;
	border: none;
}
.plate4 .m p {
	width: 386px;
	height: 46px;
	position: relative;
	margin-bottom: 23px;
	border-radius: 25px;
	overflow: hidden;
	border: 1px solid #b10619;
}
.plate4 .m input::-webkit-input-placeholder{ 
	color: #b62a35;
}

.plate4 .m input::-moz-input-placeholder{ 
	color: #b62a35;
}

.plate4 .m input::-ms-input-placeholder{ 
    color: #b62a35;
}
.plate4 .m p span {
	height: 46px;
	top: 0;
	right: 0;
	position: absolute;
}
.plate4 .m p span img {
	height: 100%;
	display: block;
}
.plate4 .m button {
	width: 302px;
	height: 47px;
	background: #cb1e18;
	overflow: hidden;
	border-radius: 30px;
	font-size: 30px;
	color: #ffd1ac;
	display: block;
    margin: 12px auto;
    cursor: pointer;
}
.plate4 .m button span {
	background-image:-webkit-linear-gradient(bottom,#ffecde,#ffe2cc);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    font-weight: normal;
    cursor: pointer;
}

.plate5 {
	width: 100%;
	height: 1100px;
	overflow: hidden;
	background: url(../img/jpg5.jpg) center;
	overflow: hidden;
}
.plate5 iframe {
	width: 900px;
	height: 770px;
	display: block;
	margin: 235px auto 0;
	border: none;
}

.plate6 {
	width: 100%;
	height: 676px;
	overflow: hidden;
	background: url(../img/jpg6.jpg?11) center;
	overflow: hidden;
}
.video {
	width: 900px;
	height: 410px;
	margin: 210px auto 0;
	border: none;
	position: relative;
}
.plate6 iframe {
	width: 900px;
	height: 410px;
	display: block;
	border: none;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.plate7 {
	width: 100%;
	height: 768px;
	overflow: hidden;
	background: url(../img/jpg7.jpg?11) center;
	overflow: hidden;
}
.plate7 dt {
	width: 262px;
	height: 262px;
	margin-top: 250px;
	margin: 283px 0 25px 193px;
}
.plate7 dt img {
	display: block;
	width: 100%;
	height: 100%;
}
.plate7 dd {
	font-size: 22px;
	width: 300px;
	text-align: center;
	color: #333333;
	margin-left: 174px;
}
.plate7 dd a {
	color: #333333;
}

.plate8 {
	width: 100%;
	height: 1002px;
	overflow: hidden;
	background: url(../img/jpg8.jpg) center;
	overflow: hidden;
}

.bottom {
	width: 100%;
	height: 80px;
	border-top: 1px solid #cb1e17;
	border-bottom: 1px solid #cb1e17;
	position: fixed;
	left: 0;
	bottom: 0;
	background: -moz-linear-gradient(top, #ffc131 0%, #ffdca1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc131), color-stop(100%,#ffdca1));
    background: -webkit-linear-gradient(top, #ffc131 0%,#ffdca1 100%);
    background: -o-linear-gradient(top, #ffc131 0%,#ffdca1 100%);
    background: -ms-linear-gradient(top, #ffc131 0%,#ffdca1 100%);
    background: linear-gradient(to top, #ffc131 0%,#ffdca1 100%);
}

.bottom ul li {
	float: left;
	width: 120px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 20px;
	color: #fff;
	border-radius: 5px;
	margin: 15px 18px;
	font-weight: bold;
	cursor: pointer;
	background: -moz-linear-gradient(top, #fc2436 0%, #c10101 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc2436), color-stop(100%,#c10101));
    background: -webkit-linear-gradient(top, #fc2436 0%,#c10101 100%);
    background: -o-linear-gradient(top, #fc2436 0%,#c10101 100%);
    background: -ms-linear-gradient(top, #fc2436 0%,#c10101 100%);
    background: linear-gradient(to top, #fc2436 0%,#c10101 100%);
}

.floatR {
	position: fixed;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.floatR ul li {
	width: 118px;
	height: 118px;
	background: #fff;
	border-radius: 5px;
	margin-bottom: 10px;
	cursor: pointer;
	overflow: hidden;
}
.floatR ul li:hover {
	background: #ff0742;
}
.floatR ul li b {
	width: 61px;
	height: 56px;
	display: block;
	margin: 11px auto 14px;
}
.floatR ul li:nth-child(1) b {
	background: url(../img/png1.png);
}
.floatR ul li:nth-child(1):hover b {
	background: url(../img/png5.png);
}
.floatR ul li:nth-child(2) b {
	background: url(../img/png2.png);
}
.floatR ul li:nth-child(2):hover b {
	background: url(../img/png6.png);
}
.floatR ul li:nth-child(3) b {
	background: url(../img/png3.png);
}
.floatR ul li:nth-child(3):hover b {
	background: url(../img/png7.png);
}
.floatR ul li:nth-child(4) b {
	background: url(../img/png4.png);
}
.floatR ul li:nth-child(4):hover b {
	background: url(../img/png8.png);
}
.floatR ul li span {
	display: block;
	font-size: 20px;
	text-align: center;
	color: #909aa0;
}
.floatR ul li:hover span {
	color: #fff;
}

.floatL {
	width: 210px;
	height: 553px;
	position: fixed;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: url(../img/png9.png);
}
.floatL ul {
	width: 190px;
	margin: 70px auto 0; 
}
.floatL ul li {
	border-bottom: 1px dashed #998151;
	font-size: 16px;
	cursor: pointer;
}
.floatL ul li span {
	width: 189px;
	color: #333333;
	height: 33px;
	border-radius: 17px;
	margin: 5px auto;
	display: block;
	line-height: 33px;
	text-align: center;
}
.floatL ul li:hover span {
	color: #fff;
	background: -moz-linear-gradient(top, #fc2436 0%, #c10101 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc2436), color-stop(100%,#c10101));
    background: -webkit-linear-gradient(top, #fc2436 0%,#c10101 100%);
    background: -o-linear-gradient(top, #fc2436 0%,#c10101 100%);
    background: -ms-linear-gradient(top, #fc2436 0%,#c10101 100%);
    background: linear-gradient(to top, #fc2436 0%,#c10101 100%);
}
.floatL p {
	text-align: center;
	width: 130px;
	margin: 5px auto;
	border-bottom: 1px solid #998151;
	cursor: pointer;
	color: #333333;
	line-height: 33px;
}
.floatL b {
	color: #333333;
	text-align: center;
	margin: 5px auto;
	cursor: pointer;
	line-height: 33px;
	display: block;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
}

.zx-side {
	display: none;
}