.section-1 {
	position: relative;
	margin-top: 108px;
}

.section-1 img {
	display: block;
}

.section-4 .img1 {
	display: none;
}

.section-1 .text {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	transform: translateY(-50%);
}

.section-1 .text h2 {
	font-size: 50px;
	color: #FFFFFF;
	margin-bottom: 55px;
	font-weight: normal;
}

.section-1 .text p {
	font-size: 16px;
	color: #FFFFFF;
}

.section-2 {
	padding: 120px 0px 60px 0;
	background: url(../images/H-img/c-bj_02.jpg)center no-repeat;
	background-size: cover;
}

.section-2 h2 {
	font-size: 50px;
	color: #142864;
	font-weight: normal;
	line-height: 100%;
	margin-bottom: 85px;
}

.section-2 .item p {
	font-size: 15px;
	color: #666666;
	margin-bottom: 60px;
	line-height: 28px;
	position: relative;
}

.section-2 .item p:before {
	content: " ";
	position: absolute;
	bottom: -10px;
	width: 20px;
	height: 4px;
	background: #B43232;
}

.section-2 .cont{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.section-2 .items {
	cursor: pointer;
	width: calc(100% - 1024px);
}

.section-2 .item h5 {
	font-size: 60px;
	color: #142864;
	font-weight: normal;
	font-family: 'Regular';
	margin-bottom: 15px;
	transition: .5s;
	transform-origin: left center;
}

.section-2 .item:hover h5 {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	text-shadow: 0 15px 15px rgba(16, 140, 238, 0.4);
}

.section-2 .item h5 span {
	font-size: 20px;
}

.section-2 .contions {
	position: relative;
}

.container {
	width: 1024px;
}

.map-items {
	position: absolute;
	width: 100%;
	top: 0;
	z-index: 10;
}

.gsjj {
	position: absolute;
	width: 337px;
	z-index: 11;
	opacity: 0;
	visibility: hidden;
	transition: .8s;
}

.gsjj.gss {
	opacity: 1;
	visibility: visible;
}

.gsjj1 {
	left: 723px;
	top: 460px;
}

.gsjj2 {
	left: 550px;
	top: 720px;
}

.gsjj3 {
	left: 448px;
	top: 712px;
}

.gsjj4 {
	left: 723px;
	top: 215px;
}

.gsjj5 {
	left: 573px;
	top: 235px;
}

.gsjj6 {
	left: 637px;
	top: 464px;
}

.gsjj7 {
	left: 509px;
	top: 545px;
}

.gsjj8 {
	left: 502px;
	top: 650px;
}

.gsjj9 {
	left: 413px;
	top: 515px;
}

.gsjj10 {
	top: 500px;
	left: 530px;
}

.gsjj11 {
	top: 410px;
	left: 470px;
}

.gsjj .bl {
	border: solid #B43232 1px;
	background: #FFFFFF;
	padding: 25px;
	border-radius: 5px;
	position: absolute;
	top: -240px !important;
	left: 0;
	right: 0;
	transition: .5s;
}

.gsjj .bll {
	top: -200px !important;
}

.gsjj .bl:before {
	content: " ";
	width: 16px;
	height: 8px;
	position: absolute;
	bottom: -7px;
	left: 0;
	right: 0;
	margin: auto;
	background: url(../images/H-img/sanjiaoxing_03.png)center no-repeat;
}

.gsjj h5 {
	font-size: 16px;
	color: #B43232;
	margin-bottom: 15px;
}

.gsjj p {
	color: #808080;
	font-size: 14px;
	margin-bottom: 10px;
}

.gsjj .txt {
	text-align: center;
}

.gsjj .txt h5 {
	font-size: 15px;
	text-align: center;
	display: inline-block;
	color: #333333;
	font-weight: normal;
}

.gsjj .txt h5:hover {
	color: #B43232;
}

.section-3 {
	height: 720px;
	background: url(../images/H-img/c-bj1_02.jpg)center no-repeat fixed;
	background-size: cover;
	position: relative;
}

.section-3 .text {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.section-3 .text h2 {
	font-size: 50px;
	font-weight: normal;
	color: #FFFFFF;
	margin-bottom: 40px;
}

.section-3 .text p {
	font-size: 16px;
	color: #FFFFFF;
	margin-top: 20px;
}

.section-4 {
	padding: 120px 0 100px 0;
	background: #f5f5f5;
	font-size: 0;
}

.section-4 h2 {
	font-size: 50px;
	font-weight: normal;
	color: #142864;
	margin-bottom: 40px;
}

.section-4 .img {
	display: inline-block;
}

.section-4 .img img {
	display: block;
	width: 100%;
}

.section-4 .img:nth-of-type(1) {
	width: 24%;
}

.section-4 .img:nth-of-type(2) {
	width: 27%;
}

.section-4 .img:nth-of-type(3) {
	width: 18%;
}

.section-4 .img:nth-of-type(4) {
	width: 29.3%;
}
.section-4 .para{
	font-size: 16px;
	line-height: 1.5;
	color: #666;
}

.section-5 {
	padding: 115px 0 120px 0;
	background: -webkit-linear-gradient(#142864, #1a3482);
	background: -o-linear-gradient(#142864, #1a3482);
	background: -moz-linear-gradient(#142864, #1a3482);
	background: linear-gradient(#142864, #1a3482);
}

.section-5 h2 {
	font-size: 50px;
	font-weight: normal;
	color: #FFFFFF;
}

.section-5 .conn5 {
	margin: 100px 0;
}

.section-5 .conn5 li {
	width: 12%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin-right: 5%;
	padding: 12px 0px;
	position: relative;
}

.section-5 .conn5 li:before {
	content: " ";
	width: 11px;
	height: 11px;
	background: url(../images/H-img/jia_03.png)center no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	transition: .5s;
}

.section-5 .conn5 li:after {
	content: " ";
	width: 11px;
	height: 11px;
	background: url(../images/H-img/jia_03.png)center no-repeat;
	position: absolute;
	right: 0;
	top: 0;
	opacity: 0;
	transition: .5s;
}

.section-5 .conn5 li i {
	content: " ";
	width: 11px;
	height: 11px;
	background: url(../images/H-img/jia_03.png)center no-repeat;
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: 0;
	transition: .5s;
}

.section-5 .conn5 li span {
	content: " ";
	width: 11px;
	height: 11px;
	background: url(../images/H-img/jia_03.png)center no-repeat;
	position: absolute;
	right: 0;
	bottom: 0;
	opacity: 0;
	transition: .5s;
}

.section-5 .conn5 li:last-of-type {
	margin-right: 0;
}

.section-5 .conn5 li a>div {
	width: 70px;
	height: 60px;
	background-size: contain !important;
	margin: 0 auto;
	transition: .5s;
}

.section-5 .conn5 li:nth-of-type(1) a>div {
	background: url(../images/H-img/1.png)center no-repeat;
}

.section-5 .conn5 li:nth-of-type(2) a>div {
	background: url(../images/H-img/2.png)center no-repeat;
}

.section-5 .conn5 li:nth-of-type(3) a>div {
	background: url(../images/H-img/3.png)center no-repeat;
}

.section-5 .conn5 li:nth-of-type(4) a>div {
	background: url(../images/H-img/4.png)center no-repeat;
}

.section-5 .conn5 li:nth-of-type(5) a>div {
	background: url(../images/H-img/5.png)center no-repeat;
}

.section-5 .conn5 li:nth-of-type(6) a>div {
	background: url(../images/H-img/6.png)center no-repeat;
}

.section-5 .conn5 p {
	font-size: 20px;
	color: #FFFFFF;
	margin-top: 12px;
}

.section-5 .conn5 li:hover a>div {
	transform: rotateY(360deg);
}

.section-5 .conn5 li:hover:before,
.section-5 .conn5 li:hover:after,
.section-5 .conn5 li:hover i,
.section-5 .conn5 li:hover span {
	opacity: 1;
}

.section-5 .tansuo a {
	padding: 15px 35px;
	background: #B43232;
	color: #FFFFFF;
	font-size: 15px;
}

.section-5 .tansuo a i {
	width: 9px;
	height: 13px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 15px;
	transition: .5s;
	background: url(../images/yuan_03.png)center no-repeat;
}

.section-5 .tansuo a:hover i {
	transform: translateX(10px);
}

.map-items {
	display: none;
}

@media only screen and (max-width: 1800px) {
	.section-1 .text h2,
	.section-2 h2,
	.section-3 .text h2,
	.section-4 h2,
	.section-5 h2 {
		font-size: 40px;
	}
	.section-2 .item h5 {
		font-size: 36px;
	}
}

@media only screen and (max-width:1700px) {
	.section-1 {
		margin-top: 100px;
	}
	.section-2 {
		padding: 100px 0 60px;
	}
	.section-2 .items{
		width: calc(100% - 800px);
	}
	.container {
		width: 800px;
	}
	.section-2 h2 {
		margin-bottom: 50px;
	}
	.section1 .section-3 {
		height: 600px;
	}
	.section-4 {
		padding: 100px 0 80px;
	}
	.section-5 .conn5 li a>div {
		width: 60px;
		height: 50px;
	}
	.section-5 .conn5 li {
		margin-right: 5%;
		padding: 12px 0px;
	}
	.section-5 {
		padding: 100px 0;
	}
	.section-5 .conn5 {
		margin: 80px 0;
	}
	.container .xj {
		top: 200px !important;
		left: 155px !important;
	}
	.container .xz {
		top: 378px !important;
		left: 150px !important;
	}
	.container .qh {
		top: 325px !important;
		left: 285px !important;
	}
	.container .yn {
		top: 530px !important;
		left: 360px !important;
	}
	.container .sc {
		top: 425px !important;
		left: 380px !important;
	}
	.container .hlj {
		top: 95px !important;
		left: 705px !important;
	}
	.container .cc {
		top: 160px !important;
		left: 715px !important;
	}
	.container .nm {
		top: 160px !important;
		left: 580px !important;
	}
	.container .ln {
		top: 205px !important;
		left: 675px !important;
	}
	.container .bj {
		top: 233px !important;
		left: 600px !important;
	}
	.container .tj {
		top: 250px !important;
		left: 595px !important;
	}
	.container .hb {
		top: 280px !important;
		left: 570px !important;
	}
	.container .sd {
		top: 310px !important;
		left: 610px !important;
	}
	.container .ah {
		top: 385px !important;
		left: 605px !important;
	}
	.container .cq {
		top: 430px !important;
		left: 475px !important;
	}
	.container .nj {
		top: 355px !important;
		left: 658px !important;
	}
	.container .lz {
		top: 550px !important;
		left: 490px !important;
	}
	.container .gz {
		top: 540px !important;
		left: 580px !important;
	}
	.container .gs {
		top: 325px !important;
		left: 412px !important;
	}
	.container .nx {
		top: 295px !important;
		left: 435px !important;
	}
	.container .sx {
		top: 355px !important;
		left: 480px !important;
	}
	.container .SX {
		top: 290px !important;
		left: 525px !important;
	}
	.container .hn {
		top: 355px !important;
		left: 550px !important;
	}
	.container .wh {
		top: 410px !important;
		left: 550px !important;
	}
	.container .jx {
		top: 470px !important;
		left: 590px !important;
	}
	.container .HN {
		top: 633px !important;
		left: 504px !important;
	}
	.container .fj {
		top: 500px !important;
		left: 635px !important;
	}
	.container .zj {
		top: 445px !important;
		left: 658px !important;
	}
	.container .sh {
		top: 415px !important;
		left: 700px !important;
	}
	.container .cs {
		top: 470px !important;
		left: 530px !important;
	}
	.container .GZ {
		top: 495px !important;
		left: 465px !important;
	}
	.container .tw {
		top: 530px !important;
		left: 690px !important;
	}
	.container .xg {
		top: 575px !important;
		left: 570px !important;
	}
	.container .am {
		top: 585px !important;
		left: 550px !important;
	}
	.gsjj1 {
		left: 522px;
		top: 450px;
	}
	.gsjj2 {
		left: 399px;
		top: 655px;
	}
	.gsjj3 {
		left: 320px;
		top: 680px;
	}
	.gsjj4 {
		left: 539px;
		top: 300px;
	}
	.gsjj5 {
		left: 430px;
		top: 253px;
	}
	.gsjj6 {
		left: 493px;
		top: 379px;
	}
	.gsjj7 {
		left: 395px;
		top: 545px;
	}
	.gsjj8 {
		left: 350px;
		top: 610px;
	}
	.gsjj9 {
		left: 310px;
		top: 460px;
	}
	.gsjj10 {
		top: 490px;
		left: 372px;
	}
	.gsjj11 {
		top: 410px;
		left: 330px;
	}
	.citybg {
		background-size: contain !important;
	}
	.citybg1 {
		width: 20px !important;
		left: 680px !important;
		top: 421px !important;
	}
	.citybg2 {
		width: 125px !important;
		left: 512px !important;
		top: 526px !important;
	}
	.citybg3 {
		width: 128px !important;
		left: 428px !important;
		top: 513px !important;
	}
	.citybg4 {
		width: 128px !important;
		left: 648px !important;
		top: 129px !important;
	}
	.citybg5 {
		width: 26px !important;
		left: 580px !important;
		top: 234px !important;
	}
	.citybg6 {
		width: 88px !important;
		left: 609px !important;
		top: 337px !important;
	}
	.citybg7 {
		width: 123px !important;
		left: 490px !important;
		top: 383px !important;
	}
	.citybg8 {
		width: 86px !important;
		left: 497px !important;
		top: 439px !important;
	}
	.citybg9 {
		width: 75px !important;
		left: 444px !important;
		top: 401px !important;
	}
	.citybg10 {
		top: 323px !important;
		left: 520px !important;
		width: 88px !important;
		height: 95px !important;
	}
	.citybg11 {
		top: 266px !important;
	    left: 450px !important;
	    width: 79px !important;
	    height: 143px !important;
	}
	.gsjj .bl {
		padding: 20px;
		top: -285px !important;
	}
}

@media only screen and (max-width: 1600px) {
	.section-1 {
		margin-top: 80px;
	}
	.section-1 .text h2,
	.section-2 h2,
	.section-3 .text h2,
	.section-4 h2,
	.section-5 h2 {
		font-size: 34px;
		margin-bottom: 45px;
	}
	.section-4 {
		padding: 80px 0 60px;
	}
	.section-5 {
		padding: 80px 0;
	}
}

@media only screen and (max-width: 1440px) {
	.section-1 {
		margin-top: 70px;
	}
	.section-2 .items{
		width: calc(100% - 600px);
	}
	.container {
		width: 600px;
	}
	.section-2 .item h5 {
		font-size: 36px;
	}
	.section-2 .item p {
		margin-bottom: 30px;
		line-height: 26px;
	}
	.section1 .section-3 {
		height: 450px;
	}
	.section-1 .text h2,
	.section-2 h2,
	.section-3 .text h2,
	.section-4 h2,
	.section-5 h2 {
		font-size: 34px;
		margin-bottom: 30px;
	}
	.section-4 {
		padding: 60px 0 50px;
	}
	.section-5 {
		padding: 60px 0;
	}
	.section-5 .conn5 {
		margin: 60px 0;
	}
	.map a {
		font-size: 12px !important;
	}
	.container .xj {
		top: 150px !important;
		left: 110px !important;
	}
	.container .xz {
		top: 290px !important;
		left: 110px !important;
	}
	.container .qh {
		top: 240px !important;
		left: 210px !important;
	}
	.container .yn {
		top: 405px !important;
		left: 270px !important;
	}
	.container .sc {
		top: 320px !important;
		left: 280px !important;
	}
	.container .hlj {
		top: 70px !important;
		left: 522px !important;
	}
	.container .cc {
		top: 117px !important;
		left: 538px !important;
	}
	.container .nm {
		top: 132px !important;
		left: 410px !important;
	}
	.container .ln {
		top: 145px !important;
		left: 500px !important;
	}
	.container .bj {
		top: 172px !important;
		left: 453px !important;
	}
	.container .tj {
		top: 190px !important;
		left: 445px !important;
	}
	.container .hb {
		top: 198px !important;
		left: 428px !important;
	}
	.container .sd {
		top: 225px !important;
		left: 455px !important;
	}
	.container .ah {
		top: 295px !important;
		left: 455px !important;
	}
	.container .cq {
		top: 319px !important;
		left: 361px !important;
	}
	.container .nj {
		top: 262px !important;
		left: 495px !important;
	}
	.container .lz {
		top: 415px !important;
		left: 367px !important;
	}
	.container .gz {
		top: 410px !important;
		left: 440px !important;
	}
	.container .gs {
		top: 255px !important;
		left: 300px !important;
	}
	.container .nx {
		top: 218px !important;
		left: 323px !important;
	}
	.container .sx {
		top: 267px !important;
		left: 355px !important;
	}
	.container .SX {
		top: 220px !important;
		left: 390px !important;
	}
	.container .wh {
		top: 305px !important;
		left: 415px !important;
	}
	.container .jx {
		top: 348px !important;
		left: 446px !important;
	}
	.container .hn {
		top: 266px !important;
		left: 403px !important;
	}
	.container .HN {
		top: 475px !important;
		left: 375px !important;
	}
	.container .fj {
		top: 375px !important;
		left: 474px !important;
	}
	.container .zj {
		top: 322px !important;
		left: 490px !important;
	}
	.container .sh {
		top: 310px !important;
		left: 525px !important;
	}
	.container .cs {
		top: 361px !important;
		left: 409px !important;
	}
	.container .GZ {
		top: 370px !important;
		left: 335px !important;
	}
	.container .tw {
		top: 400px !important;
		left: 512px !important;
	}
	.container .xg {
		top: 430px !important;
		left: 430px !important;
	}
	.container .am {
		top: 435px !important;
		left: 405px !important;
	}
	.gsjj1 {
		left: 351px;
		top: 333px;
	}
	.gsjj2 {
		left: 265px;
		top: 525px;
	}
	.gsjj3 {
		left: 186px;
		top: 550px;
	}
	.gsjj4 {
		left: 364px;
		top: 265px;
	}
	.gsjj5 {
		left: 277px;
		top: 200px;
	}
	.gsjj6 {
		left: 319px;
		top: 415px;
	}
	.gsjj7 {
		left: 235px;
		top: 455px;
	}
	.gsjj8 {
		left: 233px;
		top: 500px;
	}
	.gsjj9 {
		left: 184px;
		top: 343px;
	}
	.gsjj10 {
		top: 408px;
		left: 220px;
	}
	.gsjj11 {
		top: 360px;
		left: 200px;
	}
	.citybg {
		background-size: contain !important;
	}
	.citybg1 {
		width: 15px !important;
		left: 510px !important;
		top: 317px !important;
	}
	.citybg2 {
		width: 92px !important;
		left: 385px !important;
		top: 395px !important;
	}
	.citybg3 {
		width: 87px !important;
		left: 325px !important;
		top: 387px !important;
	}
	.citybg4 {
		width: 98px !important;
		left: 487px !important;
		top: 97px !important;
	}
	.citybg5 {
		width: 19px !important;
		left: 435px !important;
		top: 175px !important;
	}
	.citybg6 {
		width: 69px !important;
		left: 452px !important;
		top: 251px !important;
	}
	.citybg7 {
		width: 88px !important;
		left: 369px !important;
		top: 289px !important;
	}
	.citybg8 {
		width: 65px !important;
		left: 371px !important;
		top: 329px !important;
	}
	.citybg9 {
		width: 53px !important;
		left: 334px !important;
		top: 302px !important;
	}
	.citybg10 {
		top: 243px !important;
		left: 392px !important;
		width: 64px !important;
		height: 95px !important;
	}
	.citybg11 {
		top: 200px !important;
	    left: 336px !important;
	    width: 59px !important;
	    height: 107px !important;
	}
	.gsjj .bl {
		padding: 15px;
		top: -231px;
	}
}

@media only screen and (max-width: 1366px) {
	.section-1 {
		margin-top: 60px;
	}
	.section-1 .text h2,
	.section-2 h2,
	.section-3 .text h2,
	.section-4 h2,
	.section-5 h2 {
		font-size: 32px;
		margin-bottom: 35px;
	}
	.section-5 .conn5 li a>div {
		width: 50px;
		height: 40px;
	}
	.section-5 .tansuo a {
		padding: 10px 20px;
	}
	.section-2 .item h5 {
		font-size: 32px;
	}
}

@media only screen and (max-width: 1200px) {
	.section-1 .text h2,
	.section-2 h2,
	.section-3 .text h2,
	.section-4 h2,
	.section-5 h2 {
		font-size: 28px;
		margin-bottom: 20px;
	}
	.section-5 .tansuo a {
		font-size: 14px;
	}
	.section1 .section-3 {
		height: 400px;
	}
	.section-5 .conn5 {
		margin: 40px 0;
	}
	.section-2 {
		padding: 80px 0 60px;
	}
	.section1 .section-3 {
		height: 340px;
	}
	.section-4 {
		padding: 40px 0;
	}
	.section-5 .conn5 p {
		font-size: 16px;
	}
	.section-5 .tansuo {
		text-align: center;
	}
}

@media only screen and (max-width: 992px) {
	.section-1 {
		margin-top: 55px;
	}
	.section-1 .text h2,
	.section-2 h2,
	.section-3 .text h2,
	.section-4 h2,
	.section-5 h2 {
		font-size: 22px;
		margin-bottom: 10px;
	}
	.section-2 .cont{
		display: block;
	}
	.section-2 .items {
		width: 100%;
	}
	.container {
		position: static;
		margin: 20px 0;
	}
	.map {
		display: none;
	}
	.section1 .section-3 {
		background-attachment: inherit;
	}
	.section1 .section-3 .text {
		left: 15px;
		right: 15px;
	}
	.section1 .section-3 .text p {
		font-size: 14px;
		color: #FFFFFF;
		margin-top: 15px;
	}
	.section-2 .item h5 {
		font-size: 24px;
		margin-bottom: 10px;
	}
	.section1 .section-3 {
		height: 265px;
	}
	.section-4 {
		padding: 20px 0;
	}
	.section-4 .para{
		font-size: 14px;
	}
	.section-5 {
		padding: 20px 0 30px;
	}
	.section-5 .conn5 li a>div {
		width: 30px;
		height: 25px;
	}
	.section-5 .conn5 li {
		padding: 7px 0px;
		float: left;
		width: 49%;
		margin-bottom: 20px;
		margin-right: 0;
	}
	.section-5 .conn5 li:nth-of-type(even) {
		float: right;
	}
	.section-5 .conn5 p {
		font-size: 16px;
	}
	.section-2 h2 {
		margin-bottom: 20px;
	}
	.section-2 {
		padding: 25px 0 0px;
	}
	.map-items,
	.gsjj,
	.gsjj .bl {
		position: static;
		top: 0;
		left: 0;
		right: 0;
		opacity: 1;
		visibility: visible;
		width: 100%;
	}
	.map-items {
		display: block;
	}
	.container {
		width: 100%;
	}
	.gsjj {
		padding-bottom: 20px;
	}
	.gsjj .bl {
		padding: 10px;
	}
	.gsjj h5 {
		margin-bottom: 10px;
	}
	.gsjj p {
		font-size: 12px;
		margin-bottom: 5px;
	}
	.gsjj .bl:before {
		display: none;
	}
	.section-1 .text {
		left: 15px;
		right: 15px;
		margin: auto;
	}
	.section-4 .img {
		display: none;
	}
	.section-4 .img1 {
		display: block;
	}
}