body {
			font-family: Microsoft YaHei;
			background-color: #ffffff;
			min-width: 1300px;
		}
		
		.header .top {
			height: 89px;
			width: 1278px;
			min-width: 1278px;
			background-color: #ffffff;
			padding-top: 41px;
			margin: 0 auto;
		}
		
		.header .banner {
			width: 100%;
			height: 460px;
			position: relative;
		}
		
		.footer {
			width: 100%;
			height: 79px;
			background: rgba(238, 238, 238, 1);
			text-align: center;
			font-size: 14px;
			color: rgba(51, 51, 51, 1);
			padding-top: 43px;
		}
		
		.header .top {
			/*margin-left: 321px;
			margin-right: 321px;*/
		}
		
		.header .top-left {
			float: left;
		}
		
		.header .top-right {
			float: right;
			width: 298px;
			/*margin-right: 83px;*/
			height: 45px;
			border-bottom: 1px solid #1B1B1B;
			position: relative;
		}
		
		.header .top-right input {
			border: none;
			display: inline-block;
			height: 35px;
			width: 100%;
			outline: none;
		}
		
		.header .logo {
			width: 270px;
			height: 60px;
			float: left;
		}
		
		.header .contact-phone {
			float: left;
			height: 57px;
			line-height: 26px;
			border-left: 1px solid rgba(125, 125, 125, 1);
			padding-left: 22px;
			font-size: 18px;
			font-weight: 400;
			color: rgba(102, 102, 102, 1);
			margin-left: 22px;
		}
		
		.header img {
			width: 100%;
			/*height: 100%;*/
		}
		
		.header .banner-nav-container {
			width: 100%;
			height: 80px;
			line-height: 80px;
			background: rgba(201, 21, 30, 0.3);
			position: absolute;
			top: 0;
			/*left: 50%;
			margin-left: -638.5px;
			clear: both;		*/
		}
		
		.header .banner-nav {
			width: 1277px;
			margin: 0 auto;
		}
		
		.banner-nav>li {
			float: left;
			position: relative;
		}
		
		.banner-nav>li label {
			cursor: pointer;
		}
		
		.banner-nav>li.active label {
			border-bottom: 2px solid #ffffff;
			padding-bottom: 15px;
		}
		
		.header .banner-nav>li .parent-a {
			font-size: 18px;
			font-weight: bold;
			color: rgba(255, 255, 255, 1);
			border-right: 1px solid rgba(200, 216, 209, 1);
			line-height: 18px;
			padding-right: 49.5px;
			padding-left: 49.5px;
			position: relative;
		}
		
		.header .banner-nav>li:first-child .parent-a {
			padding-left: 0;
			cursor: pointer;
		}
		
		.banner-nav>li:last-child .parent-a {
			border: none;
			padding-right: 0;
		}
		
		.header .banner-nav .navs-list li>div a {
			color: red !important;
			width: initial;
			display: grid !important;
			width: 120px !important;
		}
		
		.header .banner-bottom-nav-container {
			width: 100%;
			height: 80px;
			background: rgba(245, 245, 245, 1);
		}
		
		.header .banner-bottom-nav {
			width: 1280px;
			height: 80px;
			background: rgba(245, 245, 245, 1);
			margin: 0 auto;
		}
		
		.header .icon-logo {
			width: 88px;
			height: 79px;
			background: rgba(220, 220, 220, 1);
			text-align: center;
			float: left;
			margin-right: 20px;
			cursor: pointer;
		}
		
		.header .icon-logo img {
			width: 36px;
			height: 34px;
			margin-top: 11px;
		}
		
		.header .icon-logo p {
			font-size: 16px;
			font-family: Microsoft YaHei;
			font-weight: 400;
			color: rgba(51, 51, 51, 1);
		}
		
		.header .now-position {
			float: left;
			line-height: 80px;
		}
		
		.header .now-position li {
			float: left;
		}
		.header .now-position li:last-child {
			 color: #DD182D;
		}
		.header .banner-bottom-nav-right {
			float: right;
			line-height: 80px;
		}
		
		.header .banner-bottom-nav-right li:first-child {
			border-left: 1px solid #DCDCDC;
		}
		
		.header .banner-bottom-nav-right li {
			float: left;
			padding-left: 41px;
			padding-right: 41px;
			text-align: center;
			border-right: 1px solid #DCDCDC;
		}
		
		.header .banner-bottom-nav-right li.checked {
			background: rgba(245, 245, 245, 1);
			font-size: 20px;
			font-weight: bold;
			color: rgba(201, 21, 30, 1);
		}
		
		.title-1 .title-1-icon {
			width: 341px;
			height: 52px;
			margin: 0 auto;
		}
		
		.title-1 p {
			text-align: center;
			margin-top: -12px;
			font-size: 24px;
			font-weight: 400;
			color: rgba(51, 51, 51, 1);
		}
		
		.main-content {
			width: 1279px;
			margin: 0 auto;
			/*padding-bottom: 314px;*/
		}
		
		.main-content p {
			text-align: justify;
			font-size: 16px;
			font-weight: 400;
			color: rgba(102, 102, 102, 1);
			text-indent: 32px;
		}
		
		.main-content .img {
			margin-top: 31px;
		}
		
		.title-2 {
			width: 1279px;
			margin: 0 auto;
			margin-bottom: 67px;
			margin-top: 49px;
		}
		
		.title-2 .title-2-font {
			width: 39px;
			height: 20px;
			font-size: 20px;
			font-family: Microsoft YaHei;
			font-weight: 400;
			text-decoration: underline;
			color: rgba(51, 51, 51, 1);
			margin-left: 31px;
		}
		
		.line-w {
			display: inline-block;
			width: 963px;
			height: 1px;
			background: rgba(0, 0, 0, 1);
			opacity: 0.1;
			float: right;
			margin-top: 20px;
		}
		
		.line-w-red {
			width: 29px;
			height: 6px;
			background: rgba(201, 21, 30, 1);
			float: right;
			display: inline-block;
			margin-top: 17px;
			margin-right: 12px;
		}
		
		.botom-div {
			width: 100%;
			height: 640px;
			background: rgba(179, 179, 179, 1);
			    position: relative;
		}
		
		.botom-div-white {
			width: 1278px;
			margin: 0 auto;
			height: 23px;
			font-size: 30px;
			font-family: Arial;
			font-weight: 400;
			color: rgba(255, 255, 255, 1);
			line-height: 21px;
			padding-top: 80px;
			margin-bottom: 8px;
		}
		
		.botom-div-red {
			width: 1278px;
			margin: 0 auto;
			height: 20px;
			font-size: 20px;
			font-family: Microsoft YaHei;
			font-weight: 400;
			color: rgba(221, 24, 45, 1);
			line-height: 21px;
		}
		
		.swipe {
			width: 1278px;
			margin: 0 auto;
			height: 367px;
			margin-top: 48px;
			position: relative;
		}
		
		.swipe .line {
			width: 1278px;
			position: absolute;
			left: 50%;
			margin-left: -639px;
			height: 1px;
			top: 182.5px;
			border-bottom: 1px dashed rgba(255, 255, 255, 1);
		}
		
		.calendar {
			width: 290px;
			height: 96px;
			background-color: #ffffff;
			position: absolute;
			padding-top: 24px;
		}
		
		.calendar:nth-of-type(1) {
			left: 44px;
		}
		
		.calendar:nth-of-type(2) {
			left: 650px;
		}
		
		.calendar:nth-of-type(3) {
			left: 247px;
			top: 220px;
		}
		
		.calendar:nth-of-type(4) {
			right: 70px;
			top: 220px;
		}
		
		.calendar .arrow {
			width: 20px;
			height: 20px;
			background-color: #ffffff;
			position: absolute;
			/* top: 34px; */
			left: 50%;
			transform: rotate(45deg);
			bottom: -9px;
			margin-left: -10px;
		}
		
		.calendar:nth-of-type(1) .arrow {
			width: 20px;
			height: 20px;
			background-color: #ffffff;
			position: absolute;
			/* top: 34px; */
			left: 50%;
			transform: rotate(45deg);
			bottom: -9px;
			margin-left: -10px;
		}
		
		.calendar:nth-of-type(2) .arrow {
			width: 20px;
			height: 20px;
			background-color: #ffffff;
			position: absolute;
			/* top: 34px; */
			left: 50%;
			transform: rotate(45deg);
			bottom: -9px;
			margin-left: -10px;
		}
		
		.calendar:nth-of-type(3) .arrow {
			width: 20px;
			height: 20px;
			background-color: #ffffff;
			position: absolute;
			/* top: 34px; */
			left: 50%;
			transform: rotate(45deg);
			bottom: -9px;
			margin-left: -10px;
			top: -10px;
		}
		
		.calendar:nth-of-type(4) .arrow {
			width: 20px;
			height: 20px;
			background-color: #ffffff;
			position: absolute;
			/* top: 34px; */
			left: 50%;
			transform: rotate(45deg);
			bottom: -9px;
			margin-left: -10px;
			top: -10px;
		}
		
		.calendar-left {
			float: left;
			margin-right: 23px;
			margin-left: 18px;
		}
		
		.calendar-left .time {
			width: 74px;
			height: 26px;
			font-size: 32px;
			font-family: GaboDrive;
			font-weight: 400;
			color: rgba(51, 51, 51, 1);
			margin-bottom: 9px;
		}
		
		.calendar-left .discri {
			width: 81px;
			height: 20px;
			font-size: 20px;
			font-family: Microsoft YaHei;
			font-weight: 400;
			color: rgba(51, 51, 51, 1);
		}
		
		.calendar-right {
			float: left;
			width: 157px;
			height: 63px;
			font-size: 14px;
			font-family: Microsoft YaHei;
			font-weight: 400;
			color: rgba(102, 102, 102, 1);
		}
		
		.circle-1 {
			width: 30px;
			height: 30px;
			background: rgba(255, 255, 255, 1);
			border-radius: 50%;
			position: absolute;
			bottom: -55px;
			/* text-align: center; */
			left: 50%;
			margin-left: -15px;
		}
		
		.circle-2 {
			width: 18px;
			height: 18px;
			background: rgba(153, 153, 153, 1);
			border-radius: 50%;
			position: absolute;
			left: 50%;
			margin-left: -9px;
			top: 50%;
			margin-top: -9px;
		}
		
		.calendar:nth-of-type(3) .circle-1,
		.calendar:nth-of-type(4) .circle-1 {
			top: -51px;
		}
		
		.arrow-left,
		.arrow-right {
			position: absolute;
			width: 103px;
			height: 103px;
		}
		
		.arrow-left img,
		.arrow-right img {
			width: 100%;
			height: 100%;
		}
		
		.arrow-left {
			left: 10px; 
			top: 50%;
			margin-top: -51.6px;
		}
		
		.arrow-right {
			right: 10px; 
			top: 50%;
			margin-top: -51.6px;
		}
		
		.navs-list {
			position: absolute;
			/* left: 0; */
			text-align: center;
			z-index: 999;
			background-color: #ffffff;
			width: 120px;
			left: 50%;
			margin-left: -60px;
		}
		
		.navs-list .navs {
			height: 39px;
			line-height: 39px;
			text-align: center;
			background: rgba(0, 0, 0, 0.1);
			color: #333333;
			font-size: 0.18px;
			border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		}
		.navs-list .navs a{
			color: #333333;
			font-size:12px;
		}
		
		.navs-list .navs.active {
			width: 120px;
			height: 39px;
			background: rgba(219, 219, 219, 1);
		}
		
		.pages-container {
			width: 600px;
			margin: 0 auto;
			font-size: 16px;
			font-weight: 400;
			color: rgba(102, 102, 102, 1);
			overflow: hidden;
			margin-top: 61px;
			margin-bottom: 60px;
		}
		
		.pages-container li.last {
			width: 63px;
			height: 41px;
			border: 1px solid rgba(125, 125, 125, 1);
			line-height: 41px;
			text-align: center;
			float: left;
			margin-right: 6px;
			cursor: pointer;
		}
		
		.pages-container li.index {
			width: 58px;
			height: 41px;
			border: 1px solid rgba(125, 125, 125, 1);
			line-height: 41px;
			text-align: center;
			float: left;
			margin-right: 6px;
			cursor: pointer;
		}
		
		.pages-container li.next {
			width: 63px;
			height: 41px;
			border: 1px solid rgba(125, 125, 125, 1);
			line-height: 41px;
			text-align: center;
			float: left;
			margin-right: 0;
			cursor: pointer;
		}
		
		.pages {
			float: left;
		}
		
		.pages li {
			width: 40px;
			height: 41px;
			border: 1px solid rgba(125, 125, 125, 1);
			line-height: 41px;
			text-align: center;
			float: left;
			margin-right: 6px;
			cursor: pointer;
		}
		
		.pages li.active {
			background: rgba(221, 24, 45, 1);
			color: #FFFFFF;
			border: none;
			cursor: pointer;
		}
		
		a {
			text-decoration: none;
		}
		
		.search-btn {
width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0px;
    padding-left: 8px;
		}
		
		@media only screen and (min-width: 1200px) and (max-width: 1500px) {
			.swipe .line {
				width: 1000px;
				position: absolute;
				left: 50%;
				margin-left: -500px;
				height: 1px;
				top: 182.5px;
				border-bottom: 1px dashed rgba(255, 255, 255, 1);
			}
			.calendar:nth-of-type(1) {
    left: 124px;
}
.calendar:nth-of-type(2) {
    left: 650px;
}
			.calendar:nth-of-type(3) {
    left: 333px;
    top: 220px;
}
.calendar:nth-of-type(4) {
    right: 123px;
    top: 220px;
}
.swipe {
    width: 1210px;
    margin: 0 auto;
    height: 367px;
    margin-top: 48px;
    position: relative;
}
			
			
			
			
			
			
			
			
			
		}
		.swipe-container{
		    width: 1210px;
			overflow: hidden;
			margin: 0 auto;
		}
.swipe-list{
	width: 5000px;
	overflow: hidden;
	transition: all 3s;
	
}
.swipe{
	float: left;
	 
}
.gun {
	width: 50%;
	height: 684px;
	background: url(../image/images/gun.png) no-repeat;
	/* position: absolute; */
	margin-left: 50%;
	margin-top: -638px;
	/* bottom: 36px; */
}
		/* @media only screen and (min-width: 1200px) and (max-width: 1500px) {
			.gun {
				width: 690px;
				height: -webkit-fill-available;
				background: url(../image/images/gun.png) no-repeat;
				position: absolute;
				right: 0;
				bottom: 0;
			}
			.swipe .line {
				width: 1000px;
				position: absolute;
				left: 50%;
				margin-left: -500px;
				height: 1px;
				top: 182.5px;
				border-bottom: 1px dashed rgba(255, 255, 255, 1);
			}
			.calendar:nth-of-type(1) {
				left: 124px;
			}
			.calendar:nth-of-type(2) {
				left: 650px;
			}
			.calendar:nth-of-type(3) {
				left: 333px;
				top: 220px;
			}
			.calendar:nth-of-type(4) {
				right: 123px;
				top: 220px;
			}
			.swipe {
				width: 1210px;
				margin: 0 auto;
				height: 367px;
				margin-top: 41px;
				position: relative;
			}
		}
		
		@media only screen and (min-width: 1500px) {
			
		} */