html,
 body {
 	position: relative;
 	height: 100%;
 }

 body {
 	background: #fff;
 	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
 	font-size: 14px;
 	color: #000;
 	margin: 0;
 	padding: 0;
 }

 .swiper-container {
 	width: 100%;
 	/* height: 100%; */
 }

 .swiper-slide {
 	text-align: center;
 	font-size: 18px;
 	background: #fff;

 	/* Center slide text vertically */
 	display: -webkit-box;
 	display: -ms-flexbox;
 	display: -webkit-flex;
 	display: flex;
 	-webkit-box-pack: center;
 	-ms-flex-pack: center;
 	-webkit-justify-content: center;
 	justify-content: center;
 	-webkit-box-align: center;
 	-ms-flex-align: center;
 	-webkit-align-items: center;
 	align-items: center;
 }

 .nav-box {
 	height: 110px;
 	width: 1200px;
 	margin: 0 auto;
 	top: 0;
 	left: 0;
 	bottom: 0;
 	right: 0;
 	z-index: 2;

 }

 .logo {
 	vertical-align: middle;
 	margin-top: 27px;
 	display: block;
 	width: 180px;
 	float: left;
 }

 .clearfix:after {
 	content: ".";
 	display: block;
 	height: 0;
 	clear: both;
 	visibility: hidden
 }

 .clearfix {
 	*+height: 1%;
 }

 .nav-content {
 	float: left;
 	margin-left: 74px;
 }

 .nav-content a {
 	font-size: 18px;
 	color: #fff;
	display: inline-block;
	width: 100%;
 }

 .nav-content a:hover {
 	color: #ff8200;
 }

 .nav-content li {
 	display: inline-block;
 	width: 110px;
 	line-height: 110px;
 	text-align: center;
 }

 .nav-content a.active {
 	color: #ff8200;
	border-bottom: 4px solid #ff8200;
 }

/* .nav-content li.active {
 	
 } */

 .current-line {
 	display: block;
 	height: 4px;
 	background: #fff;
 	z-index: 2;
 	width: 100%;
 	left: 0;
 	opacity: .3;
	position: fixed;
	top: 111px;
 }

 .slider-text {
 	width: 1200px;
 	margin: 0 auto;
 	position: absolute;
 	top: 270px;
 	left: 0;
 	bottom: 0;
 	right: 0;
 	z-index: 2;
 	font-size: 80px;
 	color: #fff;
 	line-height: 2;
 }
	.nav-col{
			width: 100%;
			position: fixed;
			top: 0;
			z-index: 999;
		}
		.swiper-slide{
			width: 100%;
			height: 900px;
		}
		.indexTitle{
			text-align: center;
			font-size: 30px;
			position: relative;
			margin-top: 110px;
		}
		.titleIcon{
			position: absolute;
			width: 72px;
			height: 84px;
			background: url(../images/titleIcon.png);
			background-size: cover;
			left: 50%;
			top: -54px;
			z-index: -1;
			margin-left: 40px;
		}
		.midCol01{
			width: 1400px;
			margin: 0 auto;
		}
		.midcol01a{
			width: 334px;
			height: 656px;
			float: left;
			background-size: cover;
			position: relative;
			margin:0 8px 0 8px;
		}
		.midcol01a1{
			background: url(../images/midaCol01.png);
		}
		.midcol01a2{
			background: url(../images/midaCol02.png);
		}
		.midcol01a3{
			background: url(../images/midaCol03.png);
		}
		.midcol01a4{
			background: url(../images/midaCol04.png);
		}
		.midCol01{
			margin-top: 50px;
		}
		.midcol01t{
			color: #fff;
			width: 100%;
			position: absolute;
			text-align: center;
		}
		.midcol01t1{
			
			top: 67px;
		}
		.midcol01t2{
			top: 460px;
		}
		.midcol01t .text01{
			font-size: 30px;
			margin-bottom: 50px;
			text-align: center;
		}
		.midcol01t .text02{
			font-size: 20px;
			line-height: 1.8;
			text-align: center;
		}
		.titL1{
			text-align: center;
			font-size: 16px;
			margin-top: 30px;
		}
		.midCol02Box{
			width: 100%;
			background: #f0f6ff;
		}
		.midCol02{
			padding: 30px 0 ;
			width: 1400px;
			margin: 0 auto;
			margin-top: 43px;
		}
		.mid02Content{
			text-align: center;
			width: 450px;
			height: 253px;
			margin: 70px 0;
			padding-top: 70px;
			float: left;
		}
		.mid02Content .text01{
			font-size: 40px;
		}
		.mid02Content .text02{
			font-size: 14px;
			margin-top: 14px;
			line-height: 1.8;
			color: #2c3a47;
		}
		.mid02Content:hover{
			background: #d6e6fd;
			box-shadow: 0px 0px 27px #b5cdf1;
		}
		.btmColBox{
			
			width: 1400px;
			margin: 0 auto;
			background: url(../images/btmColBg.png);
			position: relative;
			height: 800px;
			margin-top: 40px;
		}
		.bteText{
			width: 370px;
			line-height: 1.8;
			font-size: 18px;
			position: absolute;
			left: 172px;
			top: 110px;
		}
		.btmULText{
			position: absolute;
		}
		.btmULText p{
			color: #fff;
			font-size: 30px;
			margin-bottom: 50px;
		}
		.btmULText ul li{
			color: #fff;
			font-size: 16px;
			line-height: 1.8;
		}
		.btmULPos1{
			left: 200px;
			top: 450px;
		}
		.btmULPos2{
			left: 770px;
			top: 570px;
		}
		.footer{
			height: 400px;
			margin-top: 40px;
			width: 100%;
			background: #152c4f;
		}
		.footerContent{
			width: 1400px;
			margin: 0 auto;
		}
		.footerContent ul{
			padding-top: 70px;
		}
		
		.footerContent ul li{
			font-size: 18px;
			color: #fff;
			margin-bottom: 45px;
		}