.layout {
	position:relative;
	overflow:hidden;
}
.wrap {
	width:72.91666666666667rem;
	margin:0 auto;
}
.header {
	position:fixed;
	left:0;
	right:0;
	top:0;
	z-index:12;
	height:4.166666666666667rem;
	background:#203270;
}
.header .wrap {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.header .logo {
	display:block;
}
.header .logo img {
	height:2.604166666666667rem;
	display:block;
	object-fit:contain;
}
.header .naver ul {
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.header .naver li {
	margin-left:3.854166666666667rem;
	position:relative;
}
.header .naver li a {
	font-size:0.9375rem;
	line-height:4.166666666666667rem;
	color:#fff;
	display:block;
	text-transform:uppercase;
}
.header .naver li:before {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:0.8333333333333334rem;
	z-index:1;
	width:0;
	height:0.052083333333333336rem;
	background:#fff;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.header .naver li:hover:before,.header .naver li.on:before {
	width:100%;
}
.hbanner {
	height:44.270833333333336rem;position: relative;
}
.hbanner .spans{
	position: absolute;
	left: 0;right: 0;
	bottom: 1.5rem;z-index: 22;
	text-align: center;
}
.hbanner .spans span{
	background: #fff;
}

.hbanner .wrap {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	height:100%;
}
.hbanner h4 {
	font-size:1.25rem;
	line-height:1.5;
	color:#fff;
}
.hbanner h3 {
	font-size:2.8rem;
	line-height:1.4;
	color:#fff;margin-top:-4rem ;
	font-family: 'jiangc';
}
.hbanner h3 span {
	color:#eb7a47;
}
.footer {
	padding-top:2.604166666666667rem;
}
.copyright {
	border-top:0.052083333333333336rem solid rgba(255,255,255,0.1);
	font-size:0.7291666666666667rem;
	line-height:2.604166666666667rem;
	color:rgba(255,255,255,0.5);
	text-align:center;
	margin-top:2.0833333333333335rem;
}
.footer .wrap {
	display:flex;
	justify-content:space-between;
}
.footer .logo img {
	height:3.6458333333333335rem;
	display:block;
	object-fit:contain;
}
.footer .rts {
	flex:1;
	margin-left:8.59375rem;
	display:flex;
	justify-content:space-between;
}
.footer .txt h3 {
	font-size:1.25rem;
	line-height:1.6;
	color:#fff;
	position:relative;
	margin-bottom:2.3958333333333335rem;
}
.footer .txt h3:before {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:-1.0416666666666667rem;
	z-index:1;
	width:1.9791666666666667rem;
	height:0.10416666666666667rem;
	background:#eb7a47;
}
.footer .txt p {
	font-size:0.8333333333333334rem;
	line-height:1.6;
	margin-bottom:0.3125rem;
	color:#fff;
}
.footer .txt p a {
	color:#fff;
}
.footer .fms {
	width:27.083333333333336rem;
}
.footer .fms ul {
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
}
.footer .fms li {
	width:calc((100% - 1.0416666666666667rem)/2);
	margin-bottom:0.8333333333333334rem;
}
.footer .fms li.on {
	width:100%;
}
.footer .fms li .t1 {
	width:100%;
	border-radius:0.20833333333333334rem;
	height:2.0833333333333335rem;
	background:rgba(255,255,255,0.16);
	padding:0 0.9375rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	border:none;
	box-sizing:border-box;
	font-size:0.7291666666666667rem;
	color:#fff;
}
.footer .fms li .t2 {
	height:6.25rem;
	line-height:1.6;
	padding:0.625rem 0.9375rem;
	resize:none;
}
.footer .fms .btn {
	width:100%;
	height:2.0833333333333335rem;
	line-height:2.0833333333333335rem;
	background:#fff;
	text-align:center;
	display:block;
	border:none;
	border-radius:0.20833333333333334rem;
	font-size:0.7291666666666667rem;
	color:#272727;
	text-transform:uppercase;
	cursor:pointer;
	transition:all 0.3s;
	-ms-transition:all 0.3s;  /* IE 9 */
	-moz-transition:all 0.3s;     /* Firefox */
	-webkit-transition:all 0.3s; /* Safari 和 Chrome */
	-o-transition:all 0.3s;
}
.hpage7 {
	padding:3.6458333333333335rem 0;
}
.utit h2 {
	font-size:1.6666666666666667rem;
	line-height:1.5;
	color:#060e31;
	font-weight:bold;
	font-family: 'jiangc';
	
}
.hpage7 .flax {
	display:flex;
	justify-content:space-between;
	margin-top:1.3020833333333335rem;
}
.hpage7 .txt h6 {
	font-size:0.8333333333333334rem;
	line-height:1.7;
	color:#060e31;
}
.hpage7 .txt dl {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-top:1.7708333333333335rem;
}
.hpage7 .txt dd {
	font-size:0.8333333333333334rem;
	line-height:2;
	color:#24316c;
	font-weight:bold;
	background:url(../images/qw30.png) no-repeat left center/1.7708333333333335rem auto;
	padding-left:2.604166666666667rem;
	margin-bottom:1.5625rem;
	width:50%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	display: flex;align-items: center;
}
.hpage7 .txt {
	width:calc((100% - 8.59375rem)/2);
}
.hpage7 .txt:nth-child(2) h6 {
	margin-bottom:1.7708333333333335rem;
}
.hpage5 {
	padding:4.166666666666667rem 0 7.291666666666667rem;
}
.hpage5 .flax {
	display:flex;
	justify-content:space-between;
	margin-top:1.6666666666666667rem;
	align-items:center;
}
.hpage5 .lts {
	width:38.54166666666667rem;
	position:relative;
}
.hpage5 .lts .pic {
	width:100%;
	display:block;
	border-radius:1.0416666666666667rem;
	overflow:hidden;
}
.hpage5 .lts .img {
	position:absolute;
	right:-3.6458333333333335rem;
	bottom:-2.916666666666667rem;
	z-index:1;
	width:9.583333333333334rem;
}
.hpage5 .rts {
	flex:1;
	margin-left:8.125rem;
}
.hpage5 .rts li {
	margin-bottom:1.5625rem;
	padding:0.5208333333333334rem 1.3541666666666667rem;
	border-radius:0.5208333333333334rem;
	background:#24316c;
	font-size:1.25rem;
	line-height:1.6;
	color:#fff;
	font-family: 'jiangc';
}
.hpage5 .rts li:last-child {
	margin-bottom:0;
}
.hpage3 {
	padding:3.385416666666667rem 0 4.166666666666667rem;
}
.hpage3 .tps ul {
	display:flex;
	justify-content:center;
	align-items:center;
	margin-top:1.5625rem;
}
.hpage3 .tps li {
	margin:0 1.5625rem;
	width:17.708333333333336rem;
}
.hpage3 .tps li .pic {
	width:100%;
	height:14.791666666666668rem;
	overflow:hidden;
	border-radius:0.5208333333333334rem;
	position:relative;
}
.hpage3 .tps li .img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.hpage3 .tps li .ico {
	position:absolute;
	right:0;
	bottom:0;
	z-index:1;
	background:url(../images/qw9.png) no-repeat center #90bad2;
	width:2.5rem;
	height:2.5rem;
	background-size:0.9375rem auto;
	transform:rotate(-90deg);
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.hpage3 .tps li.on .ico {
	transform:rotate(0);
}
.hpage3 .tps li h3 {
	font-size:1.25rem;
	line-height:1.6;
	color:#24316c;
	text-align:center;
	margin-top:1.1458333333333335rem;
	font-family: 'jiangc';
}
.hpage3 .ovs {
	margin-top:1.9791666666666667rem;
}
.hpage3 .text {
	position:relative;
	background:#fff;
	border-radius:0.5208333333333334rem;
	font-size:0.8333333333333334rem;
	line-height:1.7;
	z-index:2;
	color:#666666;
	padding:1.0416666666666667rem;
	border:1px solid #f2f2f2;
}
.hpage3 .text:before {
	content:"";
	position:absolute;
	left:31%;
	width:1.3020833333333335rem;
	height:1.3020833333333335rem;
	top:-1.1458333333333335rem;
	z-index:-1;
	background:url(../images/qw10.png) no-repeat center top /1.3020833333333335rem auto;
}
.hpage3 .text:nth-child(2):before {
	left:59.5%;
}
.hpage3 .text:nth-child(3):before {
	left:88.5%;
}
.hpage3 .text:nth-child(n+2) {
	display:none;
}
.hpage2 {
	padding:3.6458333333333335rem 0 5.729166666666667rem;
}
.hpage2 ul {
	margin-top:1.7708333333333335rem;
	display:flex;
	flex-wrap:wrap;
}
.hpage2 li {
	width:calc((100% - 2.291666666666667rem)/3);
	margin-right:1.1458333333333335rem;
}
.hpage2 li:nth-child(3n) {
	margin-right:0;
}
.hpage2 li a{
	border-radius:0.5208333333333334rem;
	background:#fff;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
	/*height:26.5625rem;*/
	display: block;
	position: relative;
	height: 100%;
}
.hpage2 li:hover a{
	box-shadow:0 0.20833333333333334rem 0.3125rem 0.10416666666666667rem rgba(80,80,80,0.2);
	overflow: hidden;
}
.hpage2 li .pic {
	border-radius:0.5208333333333334rem 0.5208333333333334rem 0 0;
	overflow:hidden;
	height:12.5rem;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.hpage2 li .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.hpage2 li h3 {
	font-size:1.25rem;
	line-height:1.6;
	color:#24316c;
	margin-bottom:0.5208333333333334rem;
	font-family: 'jiangc';
}
.hpage2 li p {
	font-size:0.9375rem;
	line-height:1.6666666666666667rem;
	color:#666666;
	height:8.333333333333334rem;
	overflow:hidden;
	margin-bottom:1.0416666666666667rem;
}
.hpage2 li h6 {
	width:8.75rem;
	line-height:2.604166666666667rem;
	text-align:center;
	background:#203270;
	font-size:0.8333333333333334rem;
	color:#fff;
	margin-bottom:-1.3541666666666667rem;
}
.hpage2 li .txt {
	padding:0.8333333333333334rem;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
	background: #fff;
}
.hpage2 li:hover .pic {
	/*height:0;*/
	display: none;
}
.hpage2 li:hover .txt {
	/*padding:1.3020833333333335rem 0.8333333333333334rem;*/
}
.hpage2 li:hover .txt p {
	height:initial;
}
.hpage2 li{
    position: relative;
}
.hpage2 li .txt2{
    display: none;
}
.hpage2 li .txt2{
    /*position: absolute;*/
    /*left: 0;top: 0;right: 0;*/
    /*bottom: 0;*/
}
.hpage2 li:hover .txt{
    display: none;
}
.hpage2 li:hover .txt2{
    display: block;position: static;
}

.hpage2 li:hover h6 {
	opacity:0;
	visibility:hidden;
}
.hpage2 li:hover h3 {
	padding-bottom:0.625rem;
	border-bottom:0.052083333333333336rem solid #e1e2e4;
}


.hpage1 {
	background:#f2f3f5;
	padding:3.6458333333333335em 0;
	font-size: 1vw;
}
.hpage1 .wrap {
	position:relative;
}
.hpage1 .map {
	display:block;
	margin:0 auto;
	width:66.19791666666667em;
}
.hpage1 dl {
	position:absolute;
	left:0;
	bottom:0;
	z-index:1;
}
.hpage1 dd {
	font-size:0.8333333333333334em;
	line-height:1.6;
	color:#060e31;
	margin-bottom:1.0416666666666667em;
	display:flex;
	align-items:center;
}
.hpage1 dd img {
	margin-right:0.5208333333333334em;
	width:1.40625em;
	display:inline-block;
}
.hpage1 .wrap{
	width: 72.91666666666667em;
}
.hpage1 li {
	position:absolute;
	z-index:1;
}
.hpage1 li img {
	height:1.7708333333333335em;
	display:block;
	object-fit:contain;
	-webkit-animation:pulse2 1s .2s linear infinite;
	-moz-animation:pulse2 1s .2s linear infinite;
}

@-webkit-keyframes pulse2 {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
            transform: scale3d(1.2, 1.2, 1.2);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse2 {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
            transform: scale3d(1.2, 1.2, 1.2);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.pulse2 {
  -webkit-animation-name: pulse2;
          animation-name: pulse2;
}
.hpage1 ul {
	position:absolute;
	left:0;
	right:0;
	top:0;
	z-index:1;
	width:100%;
	height:100%;
}
.hpage4 {
	background:#99b9d0;
	padding:5.46875rem 4.947916666666667rem;
}
.hpage4 .utit h2 {
	font-size:1.4583333333333335rem;
}
.hpage4 .pors {
	position:relative;
	margin-top:2.604166666666667rem;
	height:31.25rem;
}
.hpage4 .pors ul {
	/*position:absolute;*/
	/*left:0;*/
	/*right:0;*/
	/*top:0;*/
	/*z-index:1;*/
	/*width:100%;*/
	/*height:100%;*/
}
.hpage4 li {
	background:url(../images/qw22.png) no-repeat center/100% auto;
	width:17.708333333333336rem;
	height:15.364583333333334rem;
	padding:0 3.4375rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	display:flex;
	justify-content:center;
	align-items:center;
	position:absolute;
	z-index:1;
	transition: all 0.3s;
}
.hpage5 .rts li{
	transition: all 0.3s;
}
.hpage5 .rts li:hover,
.hpage4 li:hover{
    transform: scale(1.05);
}
.hpage4 li h4 {
	font-size:1.25rem;
	line-height:1.2;
	color:#24316c;
	margin-bottom:0.3125rem;
	font-family: 'jiangc';
}
.hpage4 li p {
	font-size:0.8333333333333334rem;
	line-height:1.5;
	color:#666666;
}
.hpage4 li .img {
	width:9.010416666666668rem;
	margin:0 auto;
	display:block;
}
.hpage4 li.l1 {
	left:0;
	top:7.8125rem;
}
.hpage4 li.l2 {
	left:13.802083333333334rem;
	top:0;
}
.hpage4 li.l2:before {
	content:"";
	position:absolute;
	left:-3.229166666666667rem;
	top:4.166666666666667rem;
	z-index:1;
	background:url(../images/qw17.png) no-repeat center/cover;
	width:3.541666666666667rem;
	height:3.072916666666667rem;
}
.hpage4 li.l2::after {
	content:"";
	position:absolute;
	right:-4.166666666666667rem;
	top:3.125rem;
	z-index:1;
	background:url(../images/qw18.png) no-repeat center/cover;
	width:4.6875rem;
	height:4.0625rem;
}
.hpage4 li.l3 {
	left:27.604166666666668rem;
	top:7.8125rem;
}
.hpage4 li.l4 {
	left:13.802083333333334rem;
	top:15.885416666666668rem;
}
.hpage4 li.l5 {
	right:13.802083333333334rem;
	top:0;
}
.hpage4 li.l6 {
	right:0;
	top:7.916666666666667rem;
}
.hpage4 li.l7 {
	right:13.802083333333334rem;
	top:15.885416666666668rem;
}
.hpage4 li.l5:before {
	content:"";
	position:absolute;
	right:-4.895833333333334rem;
	top:2.34375rem;
	z-index:1;
	background:url(../images/qw20.png) no-repeat center/cover;
	width:5.833333333333334rem;
	height:5.052083333333334rem;
}
.hpage4 li.l7:before {
	content:"";
	position:absolute;
	left:-5rem;
	top:7.916666666666667rem;
	z-index:1;
	background:url(../images/qw19.png) no-repeat center/cover;
	width:5.833333333333334rem;
	height:5.052083333333334rem;
}
.hpage4 li.l7::after {
	content:"";
	position:absolute;
	right:-3.229166666666667rem;
	top:7.916666666666667rem;
	z-index:1;
	background:url(../images/qw21.png) no-repeat center/cover;
	width:3.541666666666667rem;
	height:3.072916666666667rem;
}
.hpage6 {
	padding:5.208333333333334rem 0 6.25rem;
}
.hpage6 .pors {
	position:relative;
	margin-top:2.604166666666667rem;
	height:25rem;
}
.hpage6 ul {
	position:absolute;
	left:0;
	right:0;
	top:0;
	z-index:1;
	height:100%;
}
.hpage6 dl {
	position:absolute;
	left:26.5625rem;
	right:0;
	top:0;
	z-index:1;
	height:100%;
}
.hpage6 .txt {
	position:absolute;
	right:0;
	left:15.416666666666668rem;
	bottom:0;
	z-index:1;
	background:#fff;
	border-radius:0.9375rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:1.7708333333333335rem 3.3333333333333335rem;
}
.hpage6 .txt .ds {
	display:flex;
	align-items:center;
}
.hpage6 .txt .ico {
	width:3.3333333333333335rem;
	margin-right:0.9375rem;
	height:3.75rem;
}
.hpage6 .txt .ico img {
	height:100%;
	display:block;
	object-fit:contain;
}
.hpage6 .txt p {
	font-size:1.0416666666666667rem;
	line-height:1.3;
	color:#24316c;
	flex:1;
}
.hpage6 li {
	background:url(../images/qw32.png) no-repeat center/100% auto;
	width:14.0625rem;
	height:12.239583333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	display:flex;
	justify-content:center;
	align-items:center;
	position:absolute;
	z-index:1;
	text-align:center;
}
.hpage6 li h4 {
	font-size:1.4583333333333335rem;
	line-height:1.3;
	color:#333333;
	font-weight:bold;
	margin-bottom:0.5208333333333334rem;
}
.hpage6 li p {
	font-size:1.0416666666666667rem;
	line-height:1.4;
	color:#666666;
}
.hpage6 li.l1 {
	left:0;
	top:10.9375rem;
}
.hpage6 li.l2 {
	left:12.1875rem;
	top:4.166666666666667rem;
}
.hpage6 li.l2::before {
	content:"";
	position:absolute;
	right:-5.46875rem;
	top:4.010416666666667rem;
	z-index:1;
	background:url(../images/qw29.png) no-repeat center/cover;
	width:6.145833333333334rem;
	height:7.864583333333334rem;
}
.hpage6 dd {
	background:#fff;
	border-radius:0.9375rem;
	padding:1.3020833333333335rem 0;
	text-align:center;
	width:17.447916666666668rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	position:absolute;
	z-index:1;
}
.hpage6 dd h5 {
	font-size:0.9375rem;
	line-height:1.2;
	color:#24316c;
	margin-bottom:0.4166666666666667rem;
}
.hpage6 dd h5 span {
	font-size:2.5rem;
	font-weight:bold;
	font-family: 'jiangc';
}
.hpage6 dd h6 {
	font-size:0.9375rem;
	line-height:1.4;
	color:#666666;
}
.hpage6 dd h6 i {
	font-weight:bold;
	color:#333333;
}
.hpage6 dd.d1 {
	left:0;
	top:0;
}
.hpage6 dd.d2 {
	left:10.208333333333334rem;
	top:8.854166666666668rem;
}
.hpage6 dd.d3 {
	right:0;
	top:8.854166666666668rem;
}
.hpage6 dd:before {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:-0.20833333333333334rem;
	z-index:1;
	width:9.0625rem;
	height:0.36458333333333337rem;
	background:#24316c;
	margin:0 auto;
}
.footer .fms .btn,.hpage3 .tps li {
	cursor:pointer;
}
.hpage3 .tps li .img {
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.hpage3 .tps li:hover .pic .img {
	transform:scale(1.1);
	-ms-transform:scale(1.1);
	/* IE 9*/
	-moz-transform:scale(1.1);
	/* Firefox*/
	-webkit-transform:scale(1.1);
	/* Safari 和 Chrome*/
	-o-transform:scale(1.1);
}
.hpage3 .tps li:hover .ico {
	background-color:#203270;
}
.footer .fms .btn:hover {
	background:#060e31;
	color:#fff;
}
.hpage3 .tps li .text{
	display: none;
}