﻿html{
	font-size: 0.0520833333333333vw;
}
body{
	font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
}
ul,li{
	list-style: none;
}
a{
	color: #1f1f1f;
	text-decoration: none;
}
select::-ms-expand{ 
	display:none; 
}
*{
	padding: 0;
	margin: 0;
	font-size: 16rem;
	font-weight: normal;
}
img{
	display: block;
}
.fwl{
	font-weight: 500;
}
.dix{
	display: flex;
}
.jss{
	justify-content: space-between;
}
.jsc{
	justify-content: center;
}
.amc{
	align-items: center;
}

.w1640{
	width: 1640rem;
	margin: auto;
}
.logo{
	width: 233rem;
	height: 95rem;
	display: block;
}
.logo img{
	width: 100%;
}
.top{
	height: 130rem;
	background: #4f75fe;
	position: relative;
}
.top2{
	background: #fff;
}
.navbox{
	height: 130rem;
	background: #4f75fe;
}
.nav>li{
	
}
.nav>li>a{
	font-size: 18rem;
	color: #fff;
	padding: 0 28rem;
	display: block;
	line-height: 130rem;
}
.nav>li>ul{
	position: absolute;
	top: 150rem;
	left: -10%;
	background: #fff;
	box-shadow: 0 0 5rem #c8c8c8;
	width: 120%;
	text-align: center;
	border-radius: 10rem;
	/* padding: 10rem 0; */
	overflow: hidden;
	height: 0;
	opacity: 0;
	transition: all 0.6s;
	z-index: 111;
}
.nav>li>ul>li{
	width: 100%;
	line-height: 36rem;
}
.nav>li>ul>li:first-child{
	padding-top: 10px;
}
.nav>li>ul>li:last-child{
	padding-bottom: 10px;
}
.nav>li>ul>li>a{
	display: block;
}
.nav>li:hover>ul{
	overflow: visible;
	height: auto;
	opacity: 1;
	top: 115rem;
}
.nav>li>ul>li>a:hover{
	color: #4f75fe;
}
.banner{
	/* height: 700rem; */
	position: relative;
	height: calc(100vh - 130rem);
}
.banner>img{
	width: 100%;
}
.banner video{
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.6;
}
.banner .yingwen{
	width: 100%;
	height: 700rem;
	position: absolute;
	top: 0;
	left: 0;
}
.bannertxt{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	flex-direction: column;
}
.bannertxt img{
	width: 911rem;
	height: 74rem;
	margin-bottom: 40rem;
}
.bannertxt p{
	font-size: 50px;
	color: #fff;
	font-weight: 500;
}
.banner .xiaoniao{
	width: 149rem;
 	position: absolute;
 	top: 232rem;
  	right: 458rem;
 	animation: huxi 1200ms ease-out infinite alternate;
 	cursor: pointer;
}
@keyframes huxi{
	0%{
		opacity: 1;
		transform: scale(.8);
		transform: translateY(8px);
	}
	100%{
		opacity: 1;
		transform: scale(1);
		transform: translateY(-8px);

	}
}
.hengwenzi p{
	font-size: 30rem;
	color: #000;
	font-weight: 500;
	margin-bottom: 5rem;
}
.hengwenzi h3{
	font-size: 94rem;
	color: #4f75fe;
	font-weight: bold;
}
.hengwenzi a{
	width: 220rem;
	height: 60rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20rem;
	color: #fff;
	background: #4f75fe;
}
.hengwenzi a svg{
	width: 20rem;
	margin-left: 15rem;
	
}
.indexabout{
	height: 440rem;
	background: #191919;
	padding: 70rem 60rem;
	box-sizing: border-box;
	position: relative;
	margin-top: 150rem;
}
.indexabout h3{
	font-weight: bold;
	color: #fff;
	font-size: 38rem;
	margin-bottom: 68rem;
}
.indexabout p{
	font-weight: 500;
	color: #fff;
	font-size: 18rem;
	line-height: 34rem;
	margin-bottom: 15rem;
}
.indexabout img{
	position: absolute;
	right: 167rem;
	top: -142rem;
	width: 476rem;
}
.xiantiao{
	width: 1640rem;
	height: 1px;
	/* background: #1f1f1f; */
	background: none;
	margin: auto;
	margin-top: 160rem;
	margin-bottom: 220rem;
}
.shimingleft{
	width: 708rem;
	height: 612rem;
	display: flex;
	flex-wrap: wrap;
	background-size: 100% 100%;
	background:#4f75fe url(../img/shiming.png) no-repeat center;
	margin-top: -80rem;
	position: relative;
}
.shimingleft li{
	width: 354rem;
	height: 306rem;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background: rgba(0,0,0,0.47);
	transition: all 0.6s;
}
.shimingleft::before{
	content: "";
	top: 306rem;
	height: 1px;
	width: 708rem;
	background: #fbfbfb;
	position: absolute;
}
.shimingleft::after{
	content: "";
	left: 354rem;
	top: 0;
	width: 1px;
	height: 612rem;
	background: #fbfbfb;
	position: absolute;
}
.shimingleft li h3{
	font-size: 38rem;
	color: #fff;
	font-weight: bold;
	margin-bottom: 10rem;
}
.shimingleft li p{
	font-size: 20rem;
	color: #fff;
}
.shimingleft li:hover{
	background: rgba(0,0,0,0.8);
}
.shimingright{
	margin-left: 100rem;
}
.shimingright h3{
	font-size: 60rem;
	color: #fff;
	font-weight: bold;
	padding-top: 90rem;
}
.shimingright p{
	font-size: 24rem;
	color: #fff;
	font-weight: 500;
	letter-spacing: 1rem;
	margin-top: 40rem;
	line-height: 44rem;
}
.shiming{
	background: #4f75fe;
	padding-bottom: 100rem;
}
.cpjstitle{
	margin-top: 80rem;
	margin-bottom: 120rem;
}
.cpjstitle h3{
	font-size: 48rem;
	color: #1f1f1f;
}
.cpjstitle span{
	font-size: 18rem;
	color: #7b7b7b;
	margin-left: 20rem;
}
.cpjs li{
	 width: 25%;
	 background-color:#f1f5f8;
	 border-right: 1px #fff solid;
	 transition: all 0.6s;
	 position: relative;
	 height: 580rem;
	 color: #1f1f1f;
}
.cpjs li>img{
	width: 100%;
	height: 100%;
}
.cpjs li div img{
	height: 60rem;
	border-radius: 6rem;
	border: solid 1px #4f75ff;
	padding: 10rem;
	
}
.cpjs li div{
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 34rem;
	padding-top: 70rem;
	box-sizing: border-box;
	background:#f1f5f8;
	top: 0;
	left: 0;
	transition: all 0.6s;
}
.cpjs li dl{
	/* height: 213rem; */
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.cpjs .ic2{
	display: none;
}
.cpjs h3{
	font-size: 32rem;

	font-weight: 500;
	margin-top: 40rem;
	margin-bottom: 20rem;
}
.cpjs dd{
	font-size: 18rem;
	width: 50%;
	margin-top: 20rem;
	font-weight: 500;
}
.cpjs a{
	font-size: 20rem;
	display: flex;
	align-items: center;
	justify-content: end;
	margin-top: 60rem;
	position: absolute;
	bottom: 50rem;
	left: 34rem;
}
.cpjs a svg{
	height: 20rem;
	width: 20rem;
	margin-left: 10rem;
}
.cpjs li:hover{
	transform: scale(1.1);
	background-color: none;
	z-index: 10;
	color: #fff;
}
.cpjs li:hover div{
	background: none;
}
.cpjs li:hover div .ic1{
	display: none;
}
.cpjs li:hover div .ic2{
	display: block;
	border: solid 1px #fff;
}
.cpjs li:hover div a{
	color: #fff;
}
.cpjs li:hover div svg{
	fill: #fff;
}
.video{
	height: 880rem;
	width: 100%;
	position: relative;
	margin-top: 200rem;
}
.video video{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.video h3{
	font-size: 84rem;
	color: #fff;
	font-weight: bold;
	display: flex;
	align-items: center;
	line-height: 115rem;
}
.video h3 p{
	font-size: 26rem;
	color: #fff;
	font-weight: 500;
	line-height: 36rem;
	margin-top: 10rem;
	margin-left: 40rem;
}
.video .w1640{
	position: absolute;
	left: 0;
	top: 135rem;
	right: 0;
	margin: auto;
	
}
.video a{
	position: absolute;
	bottom: 100rem;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 22rem;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #1f1f1f;
	width: 235rem;
	height: 70rem;
	background: #fff;
}
.video a svg{
	width: 22rem;
	height: 22rem;
	margin-left: 10rem;
	fill: #1f1f1f;
}
.video span{
	font-size: 20rem;
	color: #fff;
	font-weight: 500;
	position: relative;
	padding-left: 40rem;
	color: #fff;
	position: absolute;
	bottom: 60rem;
	right: 146rem;
}
.video span::before{
	position: absolute;
	content: "";
	width: 14rem;
	height: 14rem;
	border-radius: 50%;
	background: #fff;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.mapshijie>img{
	width: 1840rem;
}
.mapshijie{
	position: relative;
	width: 1840rem;
	margin: auto;
	margin-bottom: 100rem;
}






.mapshijie .add{
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.mapshijie .add1{
	top: 325rem;
  	left: 369rem;
}

.mapshijie .add2{
	top: 484rem;
  	left: 404rem;
}
.mapshijie .add3{
	top: 610rem;
  	left: 383rem;
}

.mapshijie .add4{
	top: 658rem;
  	left: 461rem;
}

.mapshijie .add5{
	top: 816rem;
  	left: 548rem;
}
.mapshijie .add6{
	top: 784rem;
  	left: 645rem;
}

.mapshijie .add7{
	top: 402rem;
  left: 866rem;
}
.mapshijie .add8{
	top: 430rem;
  left: 926rem;
}
.mapshijie .add9{
	top: 423rem;
  	left: 967rem;
}
.mapshijie .add10{
	top: 452rem;
  left: 880rem;
}

.mapshijie .add11{
	top: 483rem;
  left: 943rem;
}
.mapshijie .add12{
	top: 503rem;
  left: 857rem;
}
.mapshijie .add13{
	top: 548rem;
  left: 847rem;

}
.mapshijie .add14{
	top: 678rem;
  left: 896rem;

}
.mapshijie .add15{
	top: 873rem;
  left: 993rem;

}
.mapshijie .add16{
	top: 558rem;
  left: 1213rem;

}
.mapshijie .add17{
	top: 609rem;
  left: 1273rem;

}
.mapshijie .add18{
	top: 488rem;
  left: 1432rem;

}

.mapshijie .add19{
	top: 502rem;
  left: 1558rem;

}
.mapshijie .add20{
	top: 686rem;
  left: 1390rem;

}
.mapshijie .add21{
	top: 656rem;
  left: 1502rem;

}
.mapshijie .add22{
	top: 853rem;
  left: 1554rem;
}
.mapshijie .add23{
	top: 711rem;
  left: 1411rem;
}
.mapshijie .add24{
	top: 609rem;
  left: 1362rem;
}
.mapshijie .add25{
	top: 636rem;
  left: 1383rem;
}
.mapshijie .add26{
	top: 651rem;
  left: 1425rem;
}
.mapshijie .add27{
	top: 726rem;
  left: 1456rem;
}
.mapshijie .add28{
	top: 583rem;
  left: 1438rem;
}
.mapshijie .add29{
	top: 588rem;
  left: 1454rem;
}
.mapshijie .add29 a p{
	left: 25rem;
	top: 10rem;
}
.mapshijie .add30{
	top: 555rem;
  left: 1472rem;
}
.mapshijie .add31{
	top: 508rem;
  left: 1346rem;
}













.dibuxinxi{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	align-items: flex-end;
	
}
.dibuleft div img{
	width: 36rem;
	height: 36rem;
	margin-right: 10rem;
}
.dibuleft div{
	color: #1f1f1f;
	font-size: 18rem;
	margin: 0 110rem;
}
.dibuleft div p{
	display: flex;
	justify-content: center;
	align-items: center;

}
.dibuleft div b{
	font-size: 50rem;
	color: #1f1f1f;
	font-weight: bold;
	display: flex;
	align-items: flex-start;
}
.dibuleft div span{
	font-size: 20rem;
	color: #1f1f1f;
	font-weight: bold;
}
.mm1{
	margin-bottom: 4rem;
}
.diburight{
	/*width: 240rem;*/
}
.foot2 .diburight a{
	color: #fff;
}













.mapshijie a{
	/* width: 20rem;
	height: 20rem; */
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mapshijie a span{
	background: url(../img/quan.png) no-repeat center;
	background-size: 100% 100%;
	width: 10rem;
	height: 10rem;
	border-radius: 50%;
}
.mapshijie a span.on{
	background: url(../img/clun.png) no-repeat center;
	background-size: 100% 100%;
}
.mapshijie a p{
	position: absolute;
	color: #1f1f1f;
	font-size: 16rem;
	right: 25rem;
	/* width: 60rem; */
	text-align: right;
	line-height: 1;
	white-space: nowrap;
	/* transition: all 0.6s; */
}
.mapshijie a p.youbian{
	left: 25rem;
	right: auto;
}

.mapshijie a::before {
  content: "";
  width: 0rem;
  height: 0rem;
  border-radius: 50%;
  background: radial-gradient(circle, #0567ff, #fff);
  position: absolute;
  backdrop-filter: blur(12px);
}
.mapshijie a:hover p{
	font-weight: bold;
}
.mapshijie a:hover::before {
  animation: leodabo 1.5s infinite;
  border: solid 1px #0068f1;
}
@-webkit-keyframes ripple-out {
	0% {
	top:-40rem;
	right:-40rem;
	bottom:-40rem;
	left:-40rem;
	opacity:0;

}
}@keyframes ripple-out {
	100% {
	top:-40rem;
	right:-40rem;
	bottom:-40rem;
	left:-40rem;
	opacity:0;
}
}
@-webkit-keyframes ripple-out1 {
	100% {
	top:-30rem;
	right:-30rem;
	bottom:-30rem;
	left:-30rem;
	opacity:0;

}
}@keyframes ripple-out1 {
	100% {
	top:-30rem;
	right:-30rem;
	bottom:-30rem;
	left:-30rem;
	opacity:0;
}
}

.mt0{
	margin-top: 0;
}
.mb0{
	margin-bottom: 0;
}
.sange>h3{
	font-size: 30rem;
	color: #1f1f1f;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 80rem auto;
}
.sange>h3 img{
	width: 330rem;
	margin-right: 18rem;
}
.sange{
	width: 100%;
}
.sange ul{
	width: 100%;
	flex-wrap: wrap;
}
.sange ul li{
	width: 33.33333%;
	transition: all 0.6s;
}
.sange ul li:nth-child(2n){
	background: #f7f7f7;
}
.sange ul li img{
	width: 100%;
	transition: all 0.6s;
}
.sange ul li.w50{
	width: 50%;
}
.sange ul li h3{
	font-size: 40rem;
	color: #1f1f1f;
	font-weight: bold;
	text-align: center;
	margin: 50rem 0;
	transition: all 0.6s;

}
.sange ul li div{
	overflow: hidden;
}
.sange ul li h3 p{
	font-size: 18rem;
	color: #000;
	transition: all 0.6s;
	margin-top: 10rem;
}

.sange ul li:hover{
	background: #4f75fe;

}
.sange ul li:hover h3{
	color: #fff;
}
.sange ul li:hover h3 p{
	color: #fff;
}
.sange ul li:hover img{
	transform: scale(1.1);
}
.foot{
	padding-top: 80rem;
	padding-bottom: 60rem;
	background: #efefef;
}
.foot2{
	background: #4f75fe;
}
.footerbox dl dt{
	font-size: 24rem;
	color: #1f1f1f;
	font-weight: bold;
	margin-bottom: 10rem;
}
.footerbox dl dd{
	font-size: 18rem;
	color: #1f1f1f;
	font-weight: 500;
	line-height: 38rem;
}
.foottel{
	margin-top: 60rem;
	margin-bottom: 40rem;
}
.dibulieft dl{
	width: 68rem;
	text-align: center;
	margin-right: 20rem;
	font-size: 14rem;
	margin-top: 14rem;

}
.dibulieft dl img{
	width: 68rem;
	background: #fff;
}
.dibulieft dd{
	font-size: 14rem;
}
.diburight{
	margin-top: 30rem;
	justify-content: end;
}
.diburight a{
	padding: 0 6rem;
}
.nav > li > .xialabox {
	position: absolute;
	top: 150rem;
	left: 0;
	background: #fff;
	width: 100%;
	text-align: center;
	overflow: hidden;
	height: 0;
	opacity: 0;
	transition: all 0.6s;
	z-index: -1;
}
.nav > li:hover > .xialabox {
  overflow: visible;
  height: auto;
  opacity: 1;
  top: 130rem;
  z-index: 111;
}
.xialabox ul{
	display: flex;
	align-items: center;
	background: #f2f2f2;
}
.xialabox ul{
	width: calc(100% - 550rem);
}
.xialabox ul li a{
	font-size: 18rem;
	color: #1f1f1f;
	padding: 0 46rem;
}
.xialabox ul li a:hover{
	color: #4f75fe;
}
.xialaleft{
	width: 550rem;
	background: #4f75fe;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}
.xialaleft svg{
	width: 26rem;
	height: 26rem;
	margin-left: 10rem;
	margin-right: 50rem;
}
.xialaleft h3{
	display: flex;
	align-items: center;
	font-size: 28rem;
	color: #fff;
	justify-content: flex-end;
	margin-top: 10rem;
}
.xialaleft p{
	display: flex;
	align-items: center;
	font-size: 16rem;
	color: #fff;
}

.xialabox .w1640{
	height: 150rem;
}
.xialabox .zuo{
	width: calc((100% - 1640rem) / 2);
	height: 150rem;
	background: #4f75fe;
}
.xialabox .you{
	width: calc((100% - 1640rem) / 2);
	height: 150rem;
	background: #f2f2f2;
}
.top2 .lang svg{
	width: 20rem;
	height: 20rem;
	fill: #000;
	margin-right: 10rem;
	/*margin-bottom: 12rem;*/
}
.top2 .lang{
	font-size: 18rem;
	transition: all 0.6s;
}
.top2 .lang{
	padding: 0 10rem;
	border: solid 2rem #000;
	border-radius: 4rem;
	height: 36rem;
	margin-left: 20rem;
}
.top2 .lang svg{
	transition: all 0.6s;

}
.top2 .lang p{
    font-size: 18rem;
}
.top2 .lang p{
	transition: all 0.6s;
	color: #000;
	font-size: 18rem;
}
.top2 .lang:hover{
	background: #4f75ff;
	border-color: #4f75ff;
}
.top2 .lang:hover svg{
	fill: #fff;
}
.top2 .lang:hover p{
	color: #fff;
}



.lang svg{
	width: 20rem;
	height: 20rem;
	fill: #fff;
	margin-right: 10rem;
}
.lang{
	font-size: 18rem;
	transition: all 0.6s;
}
.lang{
	padding: 0 10rem;
	border: solid 1px #fff;
	border-radius: 4rem;
	height: 36rem;
	margin-left: 20rem;
}
.lang svg{
	transition: all 0.6s;
	
}
.lang p{
	transition: all 0.6s;
	color: #fff;
}
.lang:hover{
	background: #fff;
	border-color: #fff;
}
.lang:hover svg{
	fill: #4f75fe;
}
.lang:hover p{
	color: #4f75fe;
}





.top2 .nav > li > a{
	color: #000;
}
.top2 .nav > li > a:hover{
	color: #4f75fe;
}

.top2 .navbox{
	background:#fff;
}
.weilai{
	flex-direction: column;
	align-items: flex-end;
	margin-top: 100rem;
}
.weilai img{
	width: 630rem;
	height: 51rem;
	margin-bottom: 25rem;
}
.weilai p{
	color: #000;
	font-size: 40rem;
	line-height: 1;
}
.weilai p span{
	color: #4f75ff;
	font-size: 40rem;
}
.jtjj{
	margin-top: 130rem;
}
.jtjj div{
	width: 820rem;
	font-size: 26rem;
	color: #a4a4a4;
	line-height: 2;
	font-weight: 500;
}
.jtjj div span{
	color: #000;
	font-size: 26rem;
}
.xiangmuleft{
	width: 25%;
	position: relative;
	background: #000;
	transition: all 0.6s;
	overflow: hidden;
}

.xiangmuleft.on{
    width: 50%;
}
.xiangmuleft.on .xiangmuright_l{
    left:100%;
}
.xiangmuleft div{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.xiangmuleft div {
	flex-direction: column;

}
.xiangmuleft img{
	/*width: 100%;*/
	width: 969rem;
	transition: all 0.6s;
	aspect-ratio: 951 / 806;
}
.xiangmuleft div p{
	font-size: 100rem;
	font-weight: 500;
	color: #fff;
	margin-bottom: 0;
}
.xiangmuleft div .xiugaip{
    font-size: 28rem;
     font-weight: 500;
     color: #606060;
     writing-mode: tb;
     margin-left: auto;
     margin-right: 80rem;
     margin-bottom: 90rem;
     margin-top: auto;
}

.xiangmuleft div span{
	font-size: 20rem;
	font-weight: 500;
	color: #fff;
}
.xiangmuleft:hover img{
	opacity: 0.5;
}

.xiangmuright_l{
	width: calc(100% - 2px);
	background: #f9f9f9;
	border: solid 1px #fff;
	height: 100%;
	justify-content: space-between;
	/*height: auto;*/
	transition: all 0.6s;
}
.xiangmuright_l div h3{
	font-size: 170rem;
	color: #4f75ff;
	font-weight: 500;
	line-height: 1;
	writing-mode: sideways-rl;
	margin-left: -46rem;
}
.xiangmuright_l div span{
	font-size: 40rem;
	color: #4f75ff;
	font-weight: 500;
	writing-mode: sideways-rl;
	line-height: 1;
	margin-top: 30rem;
}
.xiangmuright_l div{
	margin-left: 60rem;
	overflow: hidden;
	margin-top: 90rem;
}
.xiangmuright_l p{
	font-size: 28rem;
	font-weight: 500;
	color: #606060;
	writing-mode: tb;
	margin-left: auto;
	margin-right: 80rem;
	margin-bottom: 90rem;
	margin-top: auto;
}
.indexmap{
	position: relative;
}
.indexmap img{
	width: 100%;
	display: block;
}
.dizhiding{
	position: absolute;
}
.ningxia{
	left: 970rem;
	top: 172rem;
}
.shanxi{
	left: 1026rem;
  	top: 320rem;
}
.sichuan{
	left: 831rem;
  	top: 432rem;
}
.shandong{
	left: 1310rem;
  	top: 215rem;
}
.jiangsu{
	left: 1379rem;
  	top: 322rem;
}
.anhui{
	left: 1315rem;
  	top: 393rem;
}
.zhejiang{
	left: 1408rem;
  	top: 471rem;
}
.fujian{
	left: 1351rem;
  	top: 602rem;
}
.guangdong{
	left: 1210rem;
  	top: 694rem;
}
.dizhiding a{
	position: relative;
	width: 50rem;
	height: 50rem;
	display: block;
	display: flex;
	align-items: center;
	justify-content: center;
}
.dizhiding p{
	font-size: 16rem;
	color: #fff;
	position: absolute;
	left: -40rem;
	right: 0;
	top: -1rem;
	margin: auto;
	width: 100%;
	bottom: 0;
	transition: all 0.2s;
	line-height: 50rem;

}
.dizhiding a span{
	border: 2px solid #fff;
	width: 10rem;
	height: 10rem;
	border-radius: 50%;
	display: block;
	position: relative;
	z-index: 10;
}
.dizhiding a::before{
	content: "";
	width: 0rem;
	height: 0rem;
	border-radius: 50%;
	
	background: radial-gradient(circle, #0068f1, #0068f19c);
	position: absolute;
	
}
.dizhiding a.on:before{
	-webkit-animation: leodabo 1.5s  infinite;
  	animation: leodabo 1.5s  infinite;
	border:solid 1px #fff;
}
.dizhiding a.on p{
	/*transform: scale(1.5);*/
	/*top: -2rem;*/
	/*left: -45rem;*/
}
@-webkit-keyframes leodabo {
	0% {
		width: 250rem;
		height: 250rem;
		opacity:1;

	}
}@keyframes leodabo {
	100% {
		width: 250rem;
		height: 250rem;
		opacity:0;
	}
}
.mingci{
	padding-top: 50rem;
}
.mingci li{
	margin: 0 93rem;
}
.mingci h3{
	color: #4f75ff;
	font-size: 42rem;
	font-weight: 600;
	text-align: center;
	margin-bottom: 10rem;
}
.mingci p{
	font-size: 20rem;
	color: #000;
	text-align: center;
}
.mingcibox{
	background: #fcfcfc;
}
.xiangmushu{
	margin-top: 90rem;
}
.wanwutit{
	margin-bottom: 110rem;
}
.wanwutit h3{
	font-size: 50rem;
	color: #000;
	letter-spacing: 3rem;
	font-weight: bold;
}
.wanwutit p{
	font-size: 24rem;
	color: #000;
	font-weight: 500;
	margin-left: 10rem;
}
.zhilianwanwubox{
	padding: 120rem 0;
	background: #f1f5f7;
	margin-top: 100rem;
}
.cpjs li{
	background: #fff;
	box-shadow: 0 0 10px #ccc;
	width: 23.5%;
	overflow: hidden;
	border-radius: 15rem;
}
.cpjs li div{
	background: #fff;
}
.cpjs li:nth-child(2n) dd{
	width: 100%;
}
.liangkuai{
	margin: 120rem auto;
}
.liangkuai li{
	width: 49%;
	border-radius: 15rem;
	overflow: hidden;
	position: relative;
}
.liangkuai li img{
	width: 100%;
}
.liangkuai li .liangkuaibgbox{
	position: absolute;
	left: 0;
	top: 0;
	background: #f1f5f7;
	color: #000;
	height: 100%;
	width: 456rem;
	padding:55rem 60rem;
	box-sizing: border-box;
	flex-direction: column;
	justify-content: space-between;
	transition: all 0.6s;
}
.liangkuai li div svg{
	fill: #000;
	width: 307rem;
	height: 26rem;
	transition: all 0.6s;
}
.liangkuai li div img{
	fill: #000;
	width: 307rem;
	height: 26rem;
	transition: all 0.6s;
}
.liangkuai li .liangkuaitop p{
	font-size: 22rem;
	margin-top: 20rem;
}
.liangkuaibottom h3{
	font-size: 35rem;
	font-weight: bold;
}
.liangkuaibottom p{
	font-size: 16rem;
	font-weight: 500;
	margin: 20rem 0;
	line-height: 30rem;
}
.liangkuaibottom dl dd{
	font-size: 16rem;
	font-weight: bold;
}
.liangkuaibottom dl{
	align-items: center;
}
.liangkuaibottom dl span{
	width: 1px;
	height: 14rem;
	display: block;
	margin: 0 12rem;
	background: #000;
	transition: all 0.6s;
}
.liangkuai li:hover .liangkuaibgbox{
	background: #4f75ff;
	color: #fff;
}
.liangkuai li:hover .liangkuaibgbox svg{
	fill: #fff;
}
.liangkuai li:hover .liangkuaibottom dl span{
	background: #fff;
}
.foot2 .footerbox dl dt{
	color: #fff;
}
.foot2 .footerbox dl dd a{
	color: #fff;
}
.foot2 .foottel{
	color: #fff;
}
.foot2 .dibulieft dd{
	color: #fff;
	margin-top: 6rem;
}
.foot2 .diburight{
	color: #fff;
}
.dibu {
	border-top: solid 1px #000;
}
.foot2 .dibu {
	border-top: solid 1px #fff;
}

.nybanner>div{
	width: 50%;
	height: 474rem;
}
.catname{
	flex-direction: column;
	height: 100%;
	margin-left: 140rem;
}
.catname span{
	font-size: 28rem;
	color: #4f75fe;
	
}
.catname p{
	font-size: 70rem;
	color: #000;
	font-weight: 500;
}
.nybanner>div img{
	width: 100%;
	transition: all 0.6s;
}
.nybanner>div{
	overflow: hidden;
}
.nybanner>div:hover img{
	transform: scale(1.1);
}
.mbx{
	height: 58rem;
	background: #f7f7f7;
}
.mbx .w1640{
	height: 100%;
}

.mbx a{
	font-size: 18rem;
	color: #000;
}
.mbx img{
	width: 12rem;
	height: 12rem;
}
.mbx span{
	margin: 0 36rem;
}
.jyfw{
	padding: 80rem 0;
}
.jyfw h3{
	font-size: 28rem;
	color: #000;
	margin-bottom: 30rem;
	font-weight: 500;
	text-align: center;
}
.jyfw div{
	font-size: 20rem;
	color: #000;
	margin-bottom: 30rem;
	font-weight: 500;
	text-align: center;
}
.jyfw span{
	width: 1350rem;
	margin: auto;
	display: block;
	height: 2rem;
	margin-top: 70rem;
	background: #b4b4b4;
}
.qiyejiesao{
	height: 687rem;
	position: relative;
}
.qiyejiesao img{
	width: 1142rem;
	height: 687rem;
	display: block;
	transition: all 0.6s;

}
.qiyejiesao .imgdiv{
	position: absolute;
	z-index: 0;
	width: 1142rem;
	height: 687rem;
	display: block;
	left: 0;
	top: 0%;
	border-radius: 0 20rem 20rem 0;
	overflow: hidden;
}
.qiyejiesao:hover .imgdiv img{
	transform: scale(1.1);
}
.right{
	width: 800rem;
}
.rightshow{
	width: 100%;
}
.rightshow .shijian{
	margin-bottom: 20rem;
	display: block;
}
.qiyejiesao .w1640{
	justify-content: right;
	height: 687rem;
	position: relative;
	z-index: 1;
}
.righttop{
	padding: 50rem 60rem;
	border-radius: 20rem;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 0 10px #d4e9ff;
}
.righttop h3{
	font-size: 46rem;
	font-weight: 500;
	color: #000;
	margin-bottom: 20rem;
}
.text{
	font-size: 20rem;
	color: #111111;
	line-height: 34rem;
	height: 278rem;
	overflow-y: auto;
	font-weight: 500;
}
.text div{
	font-size: 20rem;
	color: #111111;
	line-height: 34rem;
	font-weight: 500;
}
.rightbottom{
	justify-content: right;
	margin-top: 45rem;
}
.rightbottom li p{
	font-size: 22rem;
	color: #4f75fe;
	font-weight: bold;
}
.rightbottom li span{
	font-size: 20rem;
	color: #000;
	font-weight: 500;
}
.rightbottom li{
	padding-left: 10rem;
	border-left: solid 1px #9ab0fe;
	margin-left: 150rem;
}
.shimingbox{
	padding-left: 140rem;
	margin-top: 45rem;
}
.shimingbox ul h3{
	font-size: 40rem;
	color: #4f75fe;
	font-weight: 500;
	margin-bottom: 10rem;
}
.shimingbox ul li{
	margin: 40rem 0;
}
.shimingbox ul p{
	font-size: 20rem;
	color: #000;
	font-weight: 500;
}
.shimingbox div{
	width: 1195rem;
	height: 600rem;
	overflow: hidden;
	border-radius: 20rem 0 0 20rem;
}
.shimingbox div img{
	width:100%;
	height: 100%;
	transition: all 0.6s;
}
.shimingbox div:hover img{
	transform: scale(1.1);

}



.fazhan{
	margin-top: 120rem;
}
.one .zuo{
	display: flex;
	align-items: center;
	flex-direction: column;
}
.one .zuo span{
	width: 3px;
	height: 250rem;
	background: linear-gradient(#4f75fe, #fff);
	border-radius: 5rem;
}
.one .zuo p{
	width: 26rem;
	height: 26rem;
	background: #4f75fe;
	border-radius: 50%;
}
.one .you h3{
	font-size: 32rem;
	color: #000;
	font-weight: bold;
	margin-bottom: 15rem;
}
.one .you p{
	font-size: 18rem;
	color: #000;
	font-weight: 500;
}
.two .zuo span{
	width: 3px;
	height: 250rem;
	background: linear-gradient(#fff, #4f75fe);
	border-radius: 5rem;
}
.two{
	align-items: flex-end;
}
.two{
	margin-top: 250rem;
}
.fazhan{
	position: relative;
	padding: 0 100rem;
}
.fazhan::before{
	position: absolute;
	content: "";
	height: 3px;
	width: 100%;
	background: #4f75fe;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.shejishenfen{
	text-align: center;
	padding-top: 100rem;
}
.shejishenfen h3{
	font-size: 50rem;
	color: #000;
	font-weight: 500;
	letter-spacing: 6rem;
	margin-bottom: 10rem;
}
.shejishenfen h3 span{
	font-size: 50rem;
	color: #4f75fe;
	font-weight: 500;
}
.shejishenfen div{
	font-size: 26rem;
}
.jituanmap{
	overflow: hidden;
	margin-left: 140rem;
}
.jituanmap img{
	width: auto;
	height: 936rem;
}
.jituanmap ul{
	left: 160rem;
	top: 0;
	bottom: 0;
	margin: auto;
	position: absolute;
	flex-direction: column;
}
.jituanmap ul h3{
	font-size: 50rem;
	color: #4f75fe;
	font-weight: 500;
	margin-bottom: 10rem
}
.jituanmap ul p {
  font-size: 20rem;
  color: #000;
  font-weight: 500;
}
.jituanmap ul li{
	margin: 40rem 0;
}
.sidayewu li{
	padding: 60rem 150rem;
	background: #f7f7f7;
	margin-top: 30rem;
}
.sidayewu .yewuimgbox img{
	width: 94rem;
	height: 94rem;
	background-color: #4f75fe;
	padding: 10rem;
	box-sizing: border-box;
	border-radius: 8rem;
	margin-right: 40rem;
}
.sidayewu .yewuimgbox {
	display: flex;
	align-items: center;
}
.sidayewu .yewuimgbox h1 {
	font-size: 46rem;
	color: #000;
	font-weight: bold;

}
.sidayewu dl {
	display: flex;
	justify-content: right;
	text-align: right;
	/* width: 415rem; */
	flex-wrap: wrap;
	
}
.sidayewu dl dd{
	/* width: 150rem; */
	font-size: 26rem;
	color: #444;
	font-weight: 500;
	margin-left: 50rem;
	line-height: 42rem;
}
.protxt{
	background: #4f75fe;
	padding: 50rem 0;
	text-align: center;
	margin-top: 60rem;
	margin-bottom: 100rem;
}
.protxt h3{
	font-size: 44rem;
	color: #fff;
	margin-bottom: 40rem;
}
.protxt div{
	color: #fff;
	font-size: 20rem;
	font-weight: 500;
	line-height: 40rem;
}
.zhengshu1{
	overflow: hidden;
	position: relative;
	margin-top: 100rem;
}
.zhengshu1 h3{
	font-size: 40rem;
	color: #000;
	font-weight: 500;
	margin-bottom: 90rem;
}
.zhengshu1 .swiper-slide img{
	width: 100%;
	box-shadow: 0 0 15rem rgba(0, 0, 0, 0.2);
	border-radius: 20rem;
}
.btnswiper{
	margin-top: 60rem;
}
.btnswiper .swiper-button-next,.btnswiper .swiper-button-prev{
	position: static;
	
}
.btnswiper .swiper-button-prev::after,.btnswiper .swiper-button-next::after{
	font-size: 30rem;
}
.zhengshujs2 .swiper-container{
	height: 560rem;
}
.zhengshujs2 .swiper-slide{
	 height: 254rem;
}
.zhengshujs2{
	margin-bottom: 40rem;
}
.qiyejiesao2{
	margin-top: 90rem;
}
.banshichulieft{
	text-align: center;
	width: 740rem;
}
.banshichulieft h3{
	font-size: 34rem;
	color: #000;
	font-weight: 500;
}
.banshichulieft p{
	font-size: 44rem;
	font-weight: 500;
	color: #4f75fe;
	margin-top: 10rem;
}
.banshichulieft a{
	width: 180rem;
	height: 54rem;
	border: solid 1px #000;
	border-radius: 4rem;
	display: block;
	color: #000;
	line-height: 54rem;
	font-size: 20rem;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s;
	margin: auto;
	margin-top: 80rem;

}
.banshichulieft a svg{
	height: 18rem;
	width: 18rem;
	margin-left: 10rem;
	margin-top: 4rem;
	fill: #000;
	transition: all 0.3s;
}
.banshichulieft a:hover{
	background: #4f75fe;
	border: solid 1px #4f75fe;
	color: #fff;
}
.banshichulieft a:hover svg{
	fill: #fff;
}
.banshichuright{
	width: 900rem;
	overflow: hidden;
	border-radius: 20rem;
}
.banshichu{
	margin-top: 90rem;
}

.banshichuright .shanxi {
  left: 363rem;
  top: 246rem;
}
.banshichuright .sichuan {
  left: 201rem;
  top: 352rem;
}
.banshichuright .shandong {
  left: 624rem;
  top: 152rem;
}
.banshichuright .zhejiang {
  left: 708rem;
  top: 396rem;
}
.tuanduileft{
	overflow: hidden;
}
.tuanduileft img{
	width: 100%;
	transition: all 0.6s;

}
.tuanduileft img:hover{
	transform: scale(1.1);
}
.tuanduileft,.tuanduiright{
	width: 50%;
}
.tuanduiright h3{
	font-size: 34rem;
	color: #000;
	font-weight: 500;
	transition: all 0.3s;

}
.tuanduiright p{
	font-size: 12rem;
	color: #000;
	font-weight: 500;
	transition: all 0.3s;

}
.tuanduiright span{
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: bold;
}
.tuanduiright span svg{
	width: 18rem;
	height: 18rem;
	fill: #4f75fe;
	transition: all 0.3s;
}
.tuanduiright{
	flex-wrap: wrap;
}
.tuanduiright a{
	width: 50%;
	padding: 25rem 30rem;
	box-sizing: border-box;
	border: solid 1px #999;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-left: -1px;
	margin-top: -1rem;
	transition: all 0.3s;

}
.tuanduiright a:nth-child(1){
	margin-top: 0;
}
.tuanduiright a:nth-child(2){
	margin-top: 0;
}
.tuanduiright a:hover{
	 color: #fff;
	 background: #4f75fe;
}
.tuanduiright a:hover h3{
	color: #fff;
}
.tuanduiright a:hover p{
	color: #fff;
}
.tuanduiright a:hover span svg{
	fill: #fff;
}
.tuanduinews{
	margin-top: 100rem;
	margin-bottom: 150rem;
}
.pronav a{
	font-size: 28rem;
	color: #000;
	font-weight: 500;
	margin-right: 75rem;
	line-height: 50rem;
	border-bottom: solid 2px #fff;

}
.pronav a.on{
	border-bottom: solid 2px #4f75fe;
}
.pronav a:hover{
	border-bottom: solid 2px #4f75fe;
}
.pronav{
	margin-top: 60rem;
}
.pro{
	margin-top: 60rem;
	margin-bottom: 130rem;
}
.prolsit{
	width: 270rem;
}
.prolistbox{
	width: 1460rem;
	margin-left: 60rem;
}
.prolistneirong{
	flex-wrap: wrap;
	
}
.prolistneirong ul{
	flex-wrap: wrap;
}
.prolistneirong img{
	width: 100%;
	border-radius: 20rem;
	overflow: auto;
}
.prolistneirong ul li h2{
	font-size: 28rem;
	font-weight: 500;
	color: #000;
	margin-top: 30rem;
	margin-bottom: 20rem;
}
.prolistneirong ul li div{
	font-size: 20rem;
	font-weight: 500;
	color: #333;
}
.prolistneirong ul li{
	width: 36%;
}

.prolistbox h3{
	font-size: 30rem;
	color: #000;
	padding-left: 24rem;
	line-height: 60rem;
	margin-bottom: 10rem;
}
.prolistbox h3 span{
	font-size: 30rem;
	color: #d6d6d6;
}
.prolistbox{
	
}
.prolsit a{
	display: block;
	padding-right:24rem ;
	text-align:right;
	height: 60rem;
	font-size: 20rem;
	color: #000;
	line-height: 60rem;
	margin-bottom: 17rem;
	position: relative;
	transition: all 0.3s;
}
.prolsit a::before{
	content: "";
	left: 0;
	top: 0;
	background: #4f75fe;
	position: absolute;
	width: 0%;
	height: 100%;
	transition: all 0.3s;
	z-index: -1;
}
.prolsit a:hover::before{
	width: 100%;
}
.prolsit a:hover{
	color: #fff;
}
.prolsit a.on{
	color: #fff;
}

.prolsit a.on::before{
	width: 100%;
}
.prolsit .dang{
	width: 150rem;
	padding-right: 0;
	text-align: center;
	color: #fff;
	background: #4f75fe;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8rem;
	margin-right: 0;
	margin-left: auto;
	height: 54rem;
	line-height: 54rem;
}
.prolsit .dang svg{
	width: 20rem;
	height: 20rem;
	margin-top: 3rem;
}
.prolsit .dang::before{
	display: none;
}
.projs{
	display: none;
}
.projs:nth-child(1){
	display: block;
}
.jiejuefangan{
	height: 450rem;
	position: relative;
}
.jiejuefangan::after{
	position: absolute;
	content: "";
	background: #fff;
	width: 50%;
	left: 0;
	top: 0;
	height: 450rem;
	z-index: -1;
}
.jiejuefangan::before{
	position: absolute;
	content: "";
	background: #4f75fe;
	width: 50%;
	right: 0;
	top: 0;
	height: 450rem;
	z-index: -1;
}
.fanganl{
	height: 300rem;
	width: 845rem;
	overflow:hidden;
	border-radius: 20rem;
	background: #fff;
	padding-left: 100rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.fanganl h3{
	font-size: 48rem;
	color: #000;
	font-weight: bold;
	line-height: 54rem;
	margin-bottom: 30rem;
}
.fanganl p{
	font-size: 22rem;
	color: #000;
	font-weight: 500;
	line-height: 34rem;
}
.fanganr img{
	width: 629rem;
	height: 52rem;
	display: block;
}
.fanglist {
	position: relative;
}
.fanglist>img{
	position: absolute;
	left: 0;
	top: 0;
	width: 1140rem;
	height: 609rem;
	display: block;
	border-radius:  0 20rem 20rem 0;
	z-index: -1;

}
.fanglist{
	height: 609rem;
	margin-top: 50rem;
}
.fanglist .w1640{
	align-items: center;
	justify-content: right;
	align-items: center;
	height: 100%;
}
.fanglist .w1640 div{
	text-align: center;
}
.fanglist .w1640 div h3{
	font-size: 42rem;
	color: #000;

}
.fanglist .w1640 div span{
	font-size: 14rem;
	color: #000;
	font-weight: 500;
	
}
.fanganyewu{
	width: 860rem;
	height: 360rem;
	background: #fff;
	border-radius: 20rem;
	padding: 50rem 70rem;
	box-sizing: border-box;
	margin-top: -80rem;
}
.fanganyewu h3{
	font-size: 30rem;
	font-weight: 500;
	margin-bottom: 20rem;
}
.fanganyewu div{
	font-size: 20rem;
	color: #000;
	font-weight: 500;
	line-height: 32rem;
}
.liuda{
	margin-bottom: 50rem;
}
.liuda ul{
	flex-wrap: wrap;
}
.liuda li{
	width: 31%;
	border: solid 1px #567bff;
	border-radius: 20rem;
	overflow: hidden;
	padding: 40rem 70rem;
	box-sizing: border-box;
	margin-bottom: 50rem;
}
.liuda ul li h3{
	font-size: 26rem;
	color: #000;
	font-weight: 500;
	text-align: center;
	margin-bottom: 30rem;
}
.liuda ul li p{
	font-size: 18rem;
	color: #000;
	font-weight: 500;
	line-height: 24rem;
	text-align: center;
}
.liuda>h3{
	font-size: 50rem;
	color: #000;
	font-weight: 500;
	margin: 70rem auto;
	text-align: center;
}
.huise{
	background: #fcfcfc;
}
.ditu{
	height: 630rem;
	width: 1016rem;
	margin-right: 0;
	margin-left: auto;
	background: #4f75fe;
}
.lianxi{
	position: relative;
	height: 630rem;
}
.lianxitext{
	position: absolute;
	left: 0;
	bottom: 70rem;
	left: 140rem;
}
.lianxitext ul{
	padding: 30rem 80rem;
	box-sizing: border-box;
	background: #fff;
	border-radius: 20rem;
	overflow: hidden;
	width: 950rem;
}
.lianxitext ul li{
	display: flex;
	align-items: center;
	margin: 25rem 0;
	
}
.lianxitext ul li img{
	width: 40rem;
	height: 40rem;
	margin-right: 20rem;
}
.lianxitext ul li div{
	font-size: 24rem;
}
.fomtop{
	margin-top: 80rem;
	margin-bottom: 50rem;
}
.fomtop h3{
	font-size: 70rem;
	color: #000;
	font-weight: 500;
}
.fomtop p{
	font-size: 22rem;
	color: #666;
	font-weight: 500;

}
.biaodan button{
	width: 140rem;
	height: 40rem;
	color: #fff;
	font-size: 18rem;
	line-height: 40rem;
	background: #4f75fe;
	display: block;
	margin: auto;
	border: none;
	border-radius: 6rem;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	margin-top: 40rem;
	transition: all 0.6s;
}
.biaodan button:hover{
	box-shadow: 0 0 10rem #4f75fe;

}

.biaodan button svg{
	margin-left: 5rem;
	fill: #fff;
	width: 16rem;
	height: 16rem;
	margin-top: 3rem;
}
.biaodan{
	width: 1010rem;
	margin: auto;
}
.biaodan div p{
	font-size: 21rem;
	color: #000;
	font-weight: 500;
	line-height: 64rem;
}
.biaodan div{
	margin-bottom: 20rem;
}
.biaodan div input{
	height: 56rem;
	line-height: 56rem;
	border: solid 1px #969696;
	width: 100%;
	padding: 0 25rem;
	font-size: 18rem;
}
input:focus {
  outline: none;
}
.biaoyu{
	font-size: 38rem;
	font-weight: 500;
	text-align: center;
	margin-top: 100rem;
}
.biaoyu span{
	color: #4f75fe;
	font-size: 38rem;
	font-weight: 500;
}
.zhaopin h1{
	font-size: 36rem;
}
.zhaopin div{
	font-size: 22rem;
	margin-left: 60rem;
	text-align: left;
	line-height: 1.7;
}
.zhaopin div a{
	font-size: 22rem;
	display: block;
}
.zhaopin div a:hover{
	color: #4f75fe;
}
.zhaopin{
	margin-top: 100rem;
	margin-bottom: 100rem;
}

@media (max-width: 780px){
    .lang svg{
        margin-bottom: 2rem;
    }
}
