body {
	background-color: #fff;
	color: #333;
	min-width: 1200px
}
.nav-head {
	height: 630px;
	width: 100%;
	text-align: center;
	background-color: #fff;
	background-image: url(../images/banner1.png);
	background-repeat: no-repeat;
	-webkit-background-size: auto auto;
	background-size: auto;
	background-position-x: center
}
.nav-title {
	width: 100%;
	margin-bottom: 63px;
	text-align: center
}
.nav-title p {
	text-align: center;
	width: 100%
}
.nav-title .title {
	font-size: 30px;
	font-family: PingFangSC-Regular
}
.nav-title .title-e {
	margin-top: 5px;
	font-size: 14px;
	font-family: PingFangSC-Regular;
	color: #999
}
.nav-card {
	width: 100%;
	text-align: center
}
.nav-card .card {
	display: inline-block;
	width: 530px;
	height: 238px;
	margin: 0 5px;
	background: #c50000;
	color: #fff
}
.nav-card .card .left {
	position: relative;
	height: 238px;
	width: 200px;
	float: left
}
.nav-card .card .left:nth-child(1) {
	background-image: url(../images/card1.png);
	-webkit-background-size: 55% 55%;
	background-size: 55%;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 25px
}
.nav-card .card .left .btn {
	position: absolute;
	text-align: center;
	bottom: 45px;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 35px;
	line-height: 22px;
	width: 140px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background-color: #fff;
	color: #c50000
}
.nav-card .card .left2 {
	background-image: url(../images/card2.png)!important;
	-webkit-background-size: 55% 55%;
	background-size: 55%;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 25px
}
.nav-card .card .right {
	height: 238px;
	width: 330px;
	float: left
}
.nav-card .card .right p {
	font-size: 19px;
	font-family: PingFangSC-Regular;
	margin-bottom: 30px;
	color: #fff
}
.nav-card .card .right p:nth-child(1) {
	margin-top: 45px
}
.nav-card .content {
	display: inline-block;
	width: 1080px;
	height: 100px;
	margin-top: 50px;
	font-size: 19px;
	margin-bottom: 110px;
	font-family: PingFangSC-Regular
}
.nav-card .content p {
	line-height: 2
}
.nav-card .content a {
	color: #c50000;
	text-decoration: underline
}
.btn{ border-color:#ff0000;}




/*当页面大于1200px 时，大屏幕，主要是PC 端*/
@media (min-width: 1200px) {

}
/*在992 和1199 像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (min-width: 992px) and (max-width: 1199px) {

}
/*在768 和991 像素之间的屏幕里，小屏幕，主要是PAD*/
@media (min-width: 768px) and (max-width: 991px) {

}
/*在480 和767 像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width: 480px) and (max-width: 767px) {
.container {width:100% !important;}


}
/*在小于480 像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width: 479px) {
body {min-width: 100%;}
.nav-head {background-size: auto 100%; height:120px;}
.nav-title {margin-bottom: 23px;}
.nav-card .card{ width:100%; height:152px; margin:0;}
.nav-card .card .left:nth-child(1) {-webkit-background-size: 80% 80%;background-size: 80%;background-position-y: 20px;}
.nav-card .card .left {height: 152px;width: 30%;float: left;}
.nav-card .card .left .btn {bottom: 10px;height: 35px;width: 100%;-webkit-border-radius: 10px;border-radius: 10px; font-size:12px;}
.nav-card .card .right {height: 152px;width: 68%;float: left;margin-left: 2%;}
.nav-card .card .right p:nth-child(1) {margin-top: 35px;}
.nav-card .card .right p {font-size: 14px;font-family: PingFangSC-Regular;margin-bottom: 10px;color: #fff;}
.nav-card .content{ width:90%; margin:0 auto; font-size:14px;}



}