* {
	margin: 0;
	padding: 0;
}

ul li {
	list-style: none;
}

a {
	text-decoration: none;
}

input {
	background: none;
	text-indent: 1em;
	outline: none;
}

.wrap {
	width: 1200px;
	margin: 0 auto;
}

/* 头部 */
header {
	border-bottom: 3px solid rgb(19, 59, 128);
}

.had {
	text-align: justify;
	text-align-last: justify;
	height: 100px;
}

.had::after {
	content: '';
	display: inline-block;
	width: 100%;
	height: 0;
}

.had>div,
.had>ul {
	display: inline-block;
	vertical-align: middle;
}

.had-ul li {
	display: inline-block;
	text-align-last: auto;
}

.had-ul li a {
	color: #000;
	display: block;
	line-height: 96px;
	width: 100px;
	text-align: center;
	font-weight: 700;
	transition: all .8s;
}

.had-ul li a:hover {
	background-color: #FF0101;
	color: #fff;
}

.had-ul .had-active a {
	background-color: #FF0101;
	color: #fff;
}

.had-input {
	border: 1px solid #ccc;
	height: 35px;
}

.had-input input {
	border: none;
	text-align-last: auto;
	vertical-align: middle;
	line-height: 35px;
	width: 170px;
}

.had-input button {
	border: none;
	background: none;
	vertical-align: middle;
	padding: 0 5px 0 0;
}

.had-input button .iconfont {
	font-size: 24px;
}

/* jiojio */
footer {
	background-color: #282828;
	padding-top: 40px;
	/* z-index: 999; */
}

.fot-ul {
	text-align: justify;
	text-align-last: justify;
}

.fot-ul::after {
	content: '';
	display: inline-block;
	width: 100%;
	height: 0;
}

.fot-ul li {
	display: inline-block;
	vertical-align: middle;
	text-align-last: auto;
}

.fot-mu a,
.fot-ul li>p {
	font-size: 14px;
	color: #ccc;
	margin-right: 30px;
	line-height: 35px;
}

.fot-ul li>p img {
	vertical-align: middle;
	margin-right: 5px;
}

.fot-ma div {
	display: inline-block;
	font-size: 14px;
	color: #ccc;
	text-align: center;
}

.fot-ma div:first-child {
	margin-right: 20px;
}

.fot-ma div p {
	line-height: 30px;
}

footer hr {
	width: 100%;
	height: 1px;
	border: none;
	background-color: #7D7D7D;
}

.fot-record {
	text-align: center;
	line-height: 60px;
	font-size: 14px;
	color: #888;
}

/* 右侧固定图标 */
.right {
	width: 50px;
	position: fixed;
	top: 20%;
	right: 0;
	text-align: center;
}

.right ul {
	padding: 7px 0;
	background-color: #C1BFC0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	position: relative;
	right: 0;
	transition: all .8s;
}

.right .rotul {
	right: -50px;
}

.right ul li a {
	display: block;
	text-align: center;
	line-height: 30px;
}

.tel,
.edit,
.mail {
	margin: 8px 0;
	position: relative;
}

.right-hide {
	margin-top: 10px;
}

.right-top {
	position: fixed;
	right: 5px;
	bottom: 0;
}

.right-fold {
	background-color: #C1BFC0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	position: absolute;
	top: 0;
	right: -175px;
	opacity: 0;
	transition: all .8s;
}

.right-fold p {
	font-size: 18px;
	color: #eee;
	line-height: 50px;
	padding: 0 20px;
	white-space: nowrap;
}

.right-fold hr {
	border: none;
	width: 100%;
	height: 1px;
	background-color: #CFCDCE;
	margin: 0;
}

.right-fold span {
	display: block;
	color: #fff;
	font-size: 14px;
	background: url(../imgs/tel_border.png) center no-repeat;
	background-size: 100%;
	padding: 0 25px;
	margin: 20px;
}

.right ul li a:hover .right-fold {
	right: 50px;
	opacity: 1;
}

.right-hide {
	transition: all .8s;
}

/* 旋转 */
.rotate {
	transform-origin: center center;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
}

.had .menu{
	display: none;
}


@media screen and (max-width:1300px) {

	.wrap {
		width: 90%;
	}

}

@media screen and (max-width:980px) {
	
	.had .menu{
		display: inline-block;
		transform: rotateX(180deg);
		transition: all .8s;
	}
	
	.menu-rota{
		transform: rotateX(0deg);
	}

	.had {
		position: relative;
		padding: 15px 0;
		height: 50px;
	}

	ul.had-ul {
		position: absolute;
		right: 0;
		top: 80px;
		z-index: 9;
		background: #fff;
		box-shadow: 1px 3px 15px #a1a1a1;
		display: none;
	}

	.had-ul li {
		display: block;
	}

	.had-ul li a {
		line-height: 45px;
	}
	
	.logo{
		width: 120px;
	}
	
	.logo img{
		display: block;
		width: 100%;
	}
	
	.had-input {
	    height: 30px;
	}
	
	.had-input input {
	    line-height: 30px;
	    width: 130px;
	}
	
	.iconfont {
	    font-size: 28px;
	}
	
	.fot-mu a, .fot-ul li>p {
	    margin-right: 24px;
		line-height: 30px;
	}
	
	.fot-ma{
		margin-top: 15px;
	}
	
	.right-top {
	    position: fixed;
	    right: 5px;
	    bottom: 0;
	    width: 40px;
	}
	
	.right-top img{
		width: 100%;
		display: block;
	}

}