/* @font-face {
	font-family: 'font_title';
	src: url('../font/Huakang.TTF');
} */
body,
p,
h2,
li,
ul,
div,
a,
img,
h3 {
	border: none;
	padding: 0;
	margin: 0;
}

body {
	margin: 0 auto;
	font-family: "microsoft yahei", Arial;
	background-color: #fff;
	color:#000;
}

/* h2,
h3 {
	font-family: font_title;
	font-weight: 400;
} */

li {
	list-style: none;
}

a {
	text-decoration: none;
	color:#000;
}

img {
	display: block;
}

p {
	/* text-indent: 2em; */
}
body,html {
				scroll-behavior: smooth; /* 平滑过渡 */
				}
			.clear{
				clear:both;
			}
			
			/* -----------------------导航 */
			#nav{
				width:100%;
				height:100px;
				background-color:rgba(30,144,255,.4);
				position:absolute;
				top:0;
				left:0;
				z-index: 999;
			}
			#nav_content{
				width:1200px;
				margin:0 auto;
			}
			#nav #logo{
				display:block;
				width:123px;
				height:80px;
				background:url("../img/logo.png");
				float:left;
				margin:10px 488px 0 0;
			}
			#nav ul{
				float:left;
				margin-top:10px;
				width:572px;
				position:relative;
			}
			#nav ul li{
				float: left;
				margin-right:60px;
			}
			#nav ul li:nth-child(4){
				margin-right:0;
			}
			#nav ul li a{
				display: block;
				height:80px;
				color: #fff;
				font-size:27px;
				line-height: 80px;
				position:relative;
			}
			#nav ul #nav_line{
				/* width:100%; */
				height:3px;
				position:absolute;
				bottom:10px;
				background:#fff;
				left:0;
				transition:.25s;
				
			}
/* -----------------------底部 */
			#footer{
				width:100%;
				position: relative;
				background-color: #1e90ff;
				color:#fff;
				padding-top:20px;
			}
			#footer #bigbox{
				width:1008px;
				margin:0 auto;
			}
			#footer h3{
				font-size: 24px;
				margin:10px 0 15px;
				letter-spacing:2px;
			}
			#footer p{
				font-size: 20px;
				line-height: 1.7;
				letter-spacing:1.5px;
			}
			#footer #box2 li{
				position: relative;
				margin-bottom:10px;
			}
			#footer #box2 li a{
				display: inline-block;
				width:212px;
				height:30px;
				/* background:#a00; */
				color:#fff;
				font-size: 20px;
				transition: .5s;
			}
			#footer #box2 li div{
				width:100%;
				height:2px;
				/* background:#fff; */
				background:linear-gradient(to right,#1e90ff,#fff,#1e90ff) ;
				position:absolute;
				left:0;
				bottom:0;
				transform: scaleX(0);
				transition: .3s;
			}
			#footer #box2 li:hover div{
				transform: scaleX(1);
			}
			
			#box1,#box2,#box3{
				float:left;
				margin-right:126px;
			}
			#box1 img{
				margin:10px 0 0 100px;
			}
			#box3{
				margin-right:0;
			}
			#box3 #footer_icon{
				padding-top:10px;
			}
			#box3 #footer_icon a{
				display: inline-block;
				width:35px;
				height:35px;
				margin-right:30px;
				background:url("../img/footer_icon.png") no-repeat -43px 0;
				transition:.25s;
			}
			#box3 #footer_icon a:nth-child(2){
				background-position-x:-85px;
			}
			#box3 #footer_icon a:nth-child(3){
				background-position-x:-128px;
			}
			#box3 #footer_icon a:nth-child(4){
				background-position-x:-170px;
				margin-right:0;
			}
			#box3 #footer_icon a:hover{
				background-position:0 -55px;
			}
			#box3 #footer_icon a:nth-child(2):hover{
				background-position-x:-42px;
			}
			#box3 #footer_icon a:nth-child(3):hover{
				background-position-x:-86px;
			}
			#box3 #footer_icon a:nth-child(4):hover{
				background-position-x:-129px;
			}
			#box3 #QR_code{
				margin:20px 10px 0 55px;
				display: inline-block;
			}
			#box3 span{
				position:relative;
				bottom:10px;
				font-size: 16px;
			}
			#box3 #footer_icon a.here{
				background-position:0 -55px; 
			}
			#footer #footer_bottom{
				border-top:1px #fff solid;
				width:100%;
				margin-top:20px;
			}
			#footer #footer_bottom{
				padding:15px 0;
				text-align: center;
			}
			/* -----------------------侧固定 */
			#sidebar {
				display: block;
				position: fixed;
				right: 5%;
				bottom: 10%;
				z-index: 98;
			}
			#sidebar li a{
				display: block;
				width:75px;
				height:65px;
				background:url("../img/sidebar_top0.png") no-repeat 0 0;
				/* border-radius:5px; */
				/* border:2px rgba(255,255,255,.5) solid; */
				transition: .5s;

			}
			#sidebar li:nth-child(2) a {
				/* width:60px; */
				height:66px;
				background:url("../img/sidebar_tel0.png") no-repeat 0px 0;
				margin-top:15px;
				position:relative;
			}
			#sidebar li:nth-child(1) a:hover {
				/* background-color:#41ccf8; */
				background-position:0 -75px ;
			}
			#sidebar li:nth-child(2) a:hover {
				/* background-color:#41ccf8; */
				background-position:-68px -35px;
			}
			#sidebar li:nth-child(2) a p{
				display: none;
				background:#41ccf8;
				width:240px;
				height:46px;
				line-height: 46px;
				position:absolute;
				top:0px;
				left:-2px;
				padding:0 10px 0;
				border-radius:7px 0 0 7px;
				text-align: center;
				color:#fff;
				font-size: 20px;
				cursor: default;
				border:2px #283859 solid;
				border-right:none;
				text-shadow: 1px 3px 3px #999;
			}
			
			#sidebar li:nth-child(2) a:hover p{
				display: inline-block;
				filter:opacity(1);
				animation:toleft .5s ease forwards;
				/* background-color: #fff;
				color: #283859; */
			}
			@keyframes toleft{
				0%{
					left:-2;
					opacity: 0;
				}
				100%{
					left:-250px;
					opacity: 1;
				}
			}