body {
  background: #fff;
  color: #333;
  padding-top: 124px;
  transition: all 0.3s;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #777;
  font-weight: 300;
  padding: 0;
  margin: 0;
}
a {
  color: #52b6ec;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}
img{
	width: 100%;
	display: block;
}
ul,li{
	list-style: none;
	padding: 0;
	margin: 0;
}
a{
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
.font-size16{
	font-size: 16px;
}
.font-size20{
	font-size: 20px;
}
.font-size26{
	font-size: 26px;
}
.font-size28 {
		font-size: 28px;
	}
.font-size30{
		font-size: 30px;
	}
	.font-size36{
			font-size: 36px;
		}
.font-size44{
	font-size: 44px;
}
@media(max-width: 1200px) {
	.font-size16{
		font-size: 15px;
	}
	.font-size20{
		font-size: 18px;
	}
	.font-size26{
		font-size: 22px;
	}
	.font-size28 {
		font-size: 24px;
	}
	.font-size30{
		font-size: 28px;
	}
	.font-size36{
			font-size: 34px;
		}
	.font-size44{
		font-size: 40px;
	}
}
@media(max-width: 992px ) {
	.font-size16{
		font-size: 14px;
	}
	.font-size20{
		font-size: 16px;
	}
	.font-size26{
		font-size: 18px;
	}
	.font-size28 {
		font-size: 20px;
	}
	.font-size30{
		font-size: 25px;
	}
	.font-size36{
			font-size: 32px;
		}
	.font-size44{
		font-size: 36px;
	}
}
@media(max-width: 768px ) {
	.font-size16{
		font-size: 12px;
	}
	.font-size20{
		font-size: 12px;
	}
	.font-size26{
		font-size: 14px;
	}
	.font-size28 {
		font-size: 16px;
	}
	 .font-size30{
	 	font-size: 18px;
	 }
	 .font-size36{
	 		font-size: 18px;
	 	}
	.font-size44{
		font-size: 20px;
	}
}




@keyframes scaleUp {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-moz-keyframes scaleUp {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }
  100% {
    opacity: 1;
    -moz-transform: scale(1);
  }
}
@-webkit-keyframes scaleUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@-ms-keyframes scaleUp {
  0% {
    opacity: 0;
    -ms-transform: scale(0.3);
  }
  100% {
    opacity: 1;
    -ms-transform: scale(1);
  }
}
@-o-keyframes scaleUp {
  0% {
    opacity: 0;
    -o-transform: scale(0.3);
  }
  100% {
    opacity: 1;
    -o-transform: scale(1);
  }
}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}
@keyframes glow {
	0% {
		border-color: #a1ede0;
		box-shadow: 0 0 20px rgba(161,237,224,.5), inset 0 0 5px rgba(161,237,224,.1), 0 1px 0 #a1ede0;
	}
	100% {
		boder-color: #5adfc8;
		box-shadow: 0 0 80px rgba(161,237,224,1), inset 0 0 10px rgba(161,237,224,.5), 0 1px 0 #5adfc8;
	}
}
@keyframes glow2 {
	0% {
		border-color: #5adfc8;
		box-shadow: 0 0 20px rgba(90,223,200,.5), inset 0 0 5px rgba(90,223,200,.1), 0 1px 0 #5adfc8;
	}
	100% {
		boder-color: #29d5b8;
		box-shadow: 0 0 40px rgba(41,213,184,1), inset 0 0 10px rgba(41,213,184,.5), 0 1px 0 #29d5b8;
	}
}
@keyframes glow3 {
	0% {
		transform: rotateZ(80deg);
		transform-origin: top;
		opacity: .8;
	}
	5% {
		transform: rotateZ(70deg);
		transform-origin: top;
		opacity: .8;
	}
	10% {
		transform: rotateZ(60deg);
		transform-origin: top;
		opacity: .8;
	}
	15% {
		transform: rotateZ(55deg);
		transform-origin: top;
		opacity: .8;
	}
	20% {
		transform: rotateZ(45deg);
		transform-origin: top;
		opacity: .8;
	}
	30% {
		transform: rotateZ(30deg);
		transform-origin: top;
		opacity: .8;
	}
	45% {
		transform: rotateZ(0deg);
		transform-origin: top;
		opacity: .8;
	}
	60% {
		transform: rotateZ(-10deg);
		transform-origin: top;
		opacity: .8;
	}
	60% {
		transform: rotateZ(-20deg);
		transform-origin: top;
		opacity: .8;
	}
	70% {
		transform: rotateZ(-30deg);
		transform-origin: top;
		opacity: .8;
	}
	80% {
		transform: rotateZ(-40deg);
		transform-origin: top;
		opacity: .8;
	}
	85% {
		transform: rotateZ(-50deg);
		transform-origin: top;
		opacity: .8;
	}
	90% {
		transform: rotateZ(-70deg);
		transform-origin: top;
		opacity: .8;
	}
	95% {
		transform: rotateZ(-80deg);
		transform-origin: top;
		opacity: .8;
	}
	100% {
		transform: rotateZ(-90deg);
		transform-origin: top;
		opacity: .8;
	}
}
	/* 导航	 */
	.tel-cont{
		width: 100%;
		height: 28px;
		background-color: #000;
	}
	.tel{
		width: 1200px;
		height: 100%;
		line-height: 28px;
		color: #fff;
		font-size: 16px;
		margin: 0 auto;
	}
	.nav-cont{
		width: 100%;
		height: 96px;
		padding-top: 8px;
	}
	.nav{
		height: 100%;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: space-around;
	}
	.logo{
		width: 270px;
		height: 70px;
		background: url(../images/index_logo_img.png) no-repeat;
		background-position: center center; 
		background-size: 100% 100%;
		margin-right: 20px;
	}
	.nav .nav-list{
		flex: 1;
		height: 100%;
	}
	.nav-list ul{
		display: flex;
		height: 100%;
		justify-content: space-around;
		align-items: center;
		padding-top: 10px;
	}
	.nav .nav-item{
		display: flex;
		height: 100%;
		justify-content: center;
		align-items: center;
		position: relative;
	}
	
	.nav-item a{
		color: #333;
		font-size: 16px;
	}
	.active a{
		color: #0254A4;
	}
	.active::after{
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		display: block;
		content: "";
		width: 47px;
		height: 2px;
		background-color: #0254A4;
	}
	.search{
		width: 136px;
		height: 30px;
		border-radius: 30px;
		overflow: hidden;
		border: 1px solid #bcbcbc;
		transform: translateY(7px);
		display: flex;
		align-items: center;
	}
	.mobile-nav{
		margin-left: -15px;
		margin-right: -15px;
		background-color: #3E77CF;
		height: 50px;
		position: relative;
		display: none;
		z-index: 99;
	}
	.nav-icon{
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 54px;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.nav-icon img{
		width: 24px;
		height: 13px;
		/* background-color: #fff; */
	}
	.page-name{
		text-align: center;
		line-height: 50px;
		color: #fff;
		font-size: 18px;
		display: none;
	}
	.mobile-nav-show{
		display: block;
	}
	/* 导航 */
	/* footer */
	#footer .footer-cont{
		width: 100%;
		background-color: #38393D;
	}
	#footer .footer{
		margin: 0 auto;
	}
	#footer .footer-nav{
		padding: 77px 0 47px;
		display: flex;
		justify-content: space-around;
		border-bottom: 1px solid #fff;
	}
	#footer .phone{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	#footer .phone-icon{
		width: 71px;
		height: 71px;
		margin-bottom: 26px;
		background: url(../images/index_phone_icon.png)no-repeat;
		background-size: 100% 100%;
	}
	#footer .phone-number{
		color: #fff;
		font-size:45px;
		font-family:AlTarikh;
	}
	#footer .nav-list{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	#footer .nav-title{
		color: #fff;
		font-size: 16px;
		margin-bottom: 32px;
	}
	#footer .nav-item a{
		color: #fff;
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 28px;
	}
	#footer .nav-item:hover a{
		text-decoration: underline;
	}
	#footer .wechat{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	#footer .wechat-name{
		color: #fff;
		font-size: 16px;
		color: #fff;
		margin-bottom: 21px;
	}
	#footer .qrcode{
		width: 74px;
		height: 74px;
		background: url(../images/qrcode.jpg) no-repeat;
		background-size: 100% 100%;
	}
	#footer #service-qr{
		background: url(../images/200606181607.jpg) no-repeat;
		background-size: 100% 100%;
	}
	#footer .copyright{
		text-align: center;
		line-height: 84px;
		font-size: 16px;
		color: #fff;
	}
	.mobile-footer{
		display: none;
	}
	.mobile-footer p{
		text-align: center;
		font-size: 14px;
	}
	.mobile-tab{
		position: fixed;
		top: 0;
		left: -100%;
		padding-top: 50px;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0);
		transition: all 0.5s;
		overflow: hidden;
		/* display: none; */
	}
	.mobile-tab-list{
		position: relative;
		width: 50%;
		height: 100%;
		background-color: rgba(0,0,0,1);
		transition: all 0.5s;
	}
	.mobile-tab-item{
		line-height: 50px;
		padding: 0 10px;
	}
	.mobile-tab-item a{
		color: #fff;
		display: block;
		width: 100%;
		height: 100%;
	}
	.back-top-public{
		width: 63px;
		height: 130px;
		position: fixed;
		bottom: 150px;
		right: 100px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		z-index: 99;
		display: none;
	}
	.service-public:hover .service-phone-public{
		display: flex;
	}
	.service-public{
		margin-bottom: 4px;
	}
	.service-phone-public{
		position: absolute;
		top: 0;
		right: 66px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		/* align-items: center; */
		padding-left: 24px;
		display: none;
		transition: all 0.3s;
		width: 332px;
		height: 211px;
		background: url(../images/back_top_bg.png)no-repeat 100% 100%;
	}
	.service-phone-public p{
		font-size:18px;
		font-family:PingFangSC-Regular,PingFang SC;
		font-weight:400;
		color:rgba(51,51,51,1);
	}
	@media(max-width: 1200px) {
		body{
			padding-top: 100px;
		}
		.nav-cont{
			height: 72px;
		}
		.logo{
			width: 230px;
			height: 60px;
			margin-right: 16px;
		}
		.search{
			width: 110px;
			height: 24px;
		}
	}
	@media(max-width: 992px ) {
		body{
			padding-top: 90px;
		}
		.nav-cont{
			height: 62px;
		}
		.logo{
			width: 190px;
			height: 50px;
			margin-right: 12px;
		}
		.search{
			display: none;
		}
	}
	@media(max-width: 768px ) {
		.tel-cont{
			display: none;
		}
		.nav-cont{
			display: none;
		}
		.mobile-nav{
			display: block;
		}
		body{
			padding-top: 50px;
		}
		.footer-cont{
			display: none;
		}
		.mobile-footer{
			display: block;
		}
		.back-top-public{
			display: none!important;
		}
	}