* {
	margin: 0px; padding: 0px;
}
li {
	list-style: none;
}
a {
	text-decoration: none;
}
h2 {
	font-style: normal;
}
h3 {
	font-style: normal;
}
i {
	font-style: normal;
}
em {
	font-style: normal;
}
html {
	
}
body {
	
}
input {
	border: 0px currentColor; border-image: none;
}
img {
	border: 0px currentColor; border-image: none;
}
a {
	border: 0px currentColor; border-image: none;
}
.clear {
	clear: both;
}
.px1400 {
	margin: 0px auto; max-width: 1400px;
}
.header {
	left: 0px; top: 0px; right: 0px; position: fixed; z-index: 999;
}
.header::before {
	transition:bottom 0.5s; left: 0px; height: 100%; right: 0px; bottom: 100%; position: absolute; z-index: -1; content: ""; background-color: rgb(208, 47, 47);
}
.header.on::before {
	bottom: 0px;
}
.head {
	padding: 25px 10px 25px 40px;
}
.head-l {
	font-size: 0px; float: left;
}
.head-l a {
	display: block;
}
.head-l a img {
	width: 100%; display: block;
}
.head-r {
	text-align: right; float: right;
}
.banner div {
	height: 100%;
}
.banner a {
	height: 100%; display: block; position: relative;
}
.banner a ::before {
	background: url("../images/banner-shadow.png") no-repeat top / 100% auto; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; z-index: 999; content: "";
}
.banner a::after {
	background: url("../images/banner-bg.png") no-repeat bottom / 100% auto; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; z-index: 999; content: "";
}
.banner a img {
	width: 100%; height: 100%; display: block;
}
.banner .slick-prev {
	background: url("../images/banner-l.png") no-repeat center; left: 100px; width: 32px; height: 49px;
}
.banner .slick-next {
	background: url("../images/banner-r.png") no-repeat center; width: 32px; height: 49px; right: 100px;
}
.banner .slick-dots {
	left: 50%; width: auto; bottom: 20px; transform: translateX(-50%);
}
.banner .slick-dots li {
	background: rgba(255, 255, 255, 0.4); margin: 0px 4px; border-radius: 50%; width: 15px; height: 15px;
}
.banner .slick-dots li.slick-active {
	background-color: rgb(255, 255, 255);
}
.show {
	top: 50%; right: 0px; position: fixed; z-index: 1000; transform: translateY(-50%);
}
.show a {
	display: block;
}
.show a img {
	display: block;
}
.nav > ul > li {
	padding: 20px 30px; text-align: center; float: left; position: relative;
}
.nav > ul > li > a {
	color: rgb(255, 255, 255); font-size: 18px;
}
.nav > ul > li ul {
	left: 50%; top: 54px; width: 140px; margin-left: -70px; border-top-color: rgb(129, 6, 6); border-top-width: 3px; border-top-style: solid; display: none; position: absolute; z-index: 999; box-shadow: 0px 3px 3px #999; background-color: rgb(255, 255, 255);
}
.nav > ul > li ul li {
	text-align: center; line-height: 20px; padding-top: 10px; padding-bottom: 10px; border-bottom-color: rgb(235, 229, 229); border-bottom-width: 1px; border-bottom-style: dashed;
}
.nav > ul > li ul li a {
	color: rgb(51, 51, 51); font-size: 14px;
}
.nav > ul > li ul li:hover {
	background-color: rgb(173, 47, 47);
}
.nav > ul > li ul li:hover a {
	color: rgb(255, 255, 255);
}
.m-top {
	margin: 0px auto; top: 18px; width: 25px; height: 25px; right: 10px; position: fixed; z-index: 9999; max-width: 1920px;
}
.m-top > img {
	width: 100%; display: block;
}
.wap {
	display: none;
}
.wap-menu {
	top: 0px; right: 0px; font-size: 0px; position: absolute; z-index: 99999;
}
.wap-menu img {
	height: 25px;
}
.close-menu {
	top: 0px; right: 0px; display: none; position: absolute;
}
.footer {
	padding: 25px 0px;
	text-align: center;
	background-image: url(foot-bg.png);
	background-repeat: no-repeat;
	background-position: center;
}
.f-left {
	float: left;
}
.f-logo {
	margin-bottom: 10px;
}
.f-logo a {
	display: block;
}
.f-logo a img {
	display: block;
}
.foot p {
	color: rgb(255, 255, 255); font-size: 14px; margin-bottom: 10px;
}
.f-left p {
	text-align: left;
}
.foot p a {
	color: rgb(255, 255, 255);
}
.foot p img {
	vertical-align: middle;
}
.f-right {
	float: right;
}
.f-right .f-erweima div {
	margin: 25px 20px 0px; display: inline-block;
}
.f-right img {
	width: 120px; height: 120px;
}
@media screen and (max-width:1600px)
{
.nav > ul > li {
	padding: 20px 15px;
}
}
@media screen and (max-width:1440px)
{
.foot {
	max-width: 95%;
}
}
@media screen and (max-width:1400px)
{
.head-l a img {
	
}
.nav > ul > li {
	padding: 10px 8px;
}
.nav > ul > li > a {
	font-size: 14px;
}
.nav > ul > li ul {
	top: 40px;
}
}
@media screen and (max-width:1024px)
{
body {
	padding-top: 60px;
}
.banner {
	height: auto !important;
}
.banner div {
	height: auto;
}
.header {
	display: none;
}
.wap {
	display: block;
}
.m-head {
	background: rgb(206, 48, 47); padding: 10px; left: 0px; top: 0px; right: 0px; position: fixed; z-index: 999;
}
.m-logo {
	font-size: 0px;
}
.m-logo a {
	line-height: 40px; font-size: 0px;
}
.m-logo img {
	vertical-align: middle; max-height: 40px; max-width: 80%;
}
.m-tlink {
	padding: 10px 15px 0px;
}
.m-tlink a {
	background: rgb(255, 255, 255); padding: 0px 15px; border-radius: 5px; color: rgb(0, 73, 128); line-height: 30px; font-size: 14px; margin-right: 15px; display: inline-block;
}
.m-nav {
	background: rgb(156, 61, 61); left: 100%; top: 60px; width: 100%; bottom: 0px; position: fixed; z-index: 999; -ms-overflow-y: scroll;
}
.m-nav ul {
	padding: 0px 25px;
}
.m-nav ul li {
	border-bottom-color: rgba(255, 255, 255, 0.2); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
.m-nav ul li > span.on {
	transform: rotateZ(90deg);
}
.m-nav ul li ul {
	display: none;
}
.m-nav ul li ul li {
	border: currentColor; border-image: none;
}
.m-nav > ul > li a {
	padding: 15px 0px; color: rgb(255, 255, 255); line-height: 20px; font-size: 14px; display: block; position: relative;
}
.m-nav > ul > li ul li a {
	padding: 10px 0px;
}
.m-nav > ul > li > span {
	background: url("../images/m-nav_down.png") no-repeat center / 14px 14px; transition:0.3s; top: 15px; width: 20px; height: 20px; right: 0px; color: rgb(255, 255, 255); display: block; position: absolute; cursor: pointer;
}
.m-nav > ul > li ul li {
	position: relative;
}
.m-nav > ul > li ul li > span {
	background: url("../images/m-nav_down.png") no-repeat center / 14px 14px; transition:0.3s; top: 15px; width: 20px; height: 20px; right: 0px; color: rgb(255, 255, 255); display: block; position: absolute; cursor: pointer;
}
.m-nav > ul > li ul li > span.on {
	transform: rotateZ(90deg);
}
.cont-l {
	text-align: center; padding-top: 0px; float: none;
}
.cont-l img {
	width: 100%; display: block;
}
.cont-m {
	padding-left: 20px;
}
}
@media screen and (max-width:900px)
{
.f-left {
	float: none;
}
.f-left div p {
	text-align: center;
}
.f-logo a img {
	margin: 0px auto;
}
.f-right {
	margin: 0px auto; text-align: center; float: none; display: block;
}
.f-right .erweima {
	margin: 0px auto; display: block;
}
}
@media screen and (max-width:768px)
{
.cont-m {
	float: none;
}
.cont-r {
	margin-top: 10px; float: none;
}
.footer {
	padding-right: 10px; padding-left: 10px;
}
}
@media screen and (max-width:750px)
{
.banner .slick-prev {
	left: 10px; background-size: 20px auto;
}
.banner .slick-next {
	right: 0px; background-size: 20px auto;
}
}
@media screen and (max-width:375px)
{
.footer p {
	font-size: 12px;
}
.footer p a {
	font-size: 12px;
}
}