.container {
	width: 100%;
	font-family: "lucida grande", "lucida sans unicode", lucida, helvetica, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;

}
.wrap-header {
	position: fixed;
	width: 100%;
	top:0;left:0;
	z-index: 999;
	background: #fff;
	border:1px solid #ccc;
}
nav {
	width: 100%;
	height: 0.052632rem;
	line-height: 0.052632rem;
	font-size:0.031579rem;
	text-align: right;
	background: rgba(0,0,0,.5);
	color: #fff;
	padding-right:0.065789rem;
}
nav span {
	margin:0 0.013158rem;
	// line-height: 20px;
}

header {
	width: 100%;
	height: 0.157895rem;
	font-size: 0.036842rem;
	padding: 0.026316rem 0.131579rem;
}
header>p {
	width: 0.18rem;
	height: 0.157895rem;
	text-align: center;
	line-height: 0.052632rem;
	padding: 0.026316rem 0;
	margin-top: -0.026316rem;
	margin-left: 0.026316rem;
	// background: #4583d1;
	color: #bbb;
	font-size: 0.036842rem;
	display: inline-block;
	vertical-align: middle;
}
// header .dot {
// 	margin-left:0.052632rem;
// 	vertical-align: middle;
// 	margin-top: -0.052632rem;
// }
header .line {
	display: inline-block;
	vertical-align: middle;
	background: #eee;
	width: 0.002632rem;
	height: 0.078947rem;
	margin-top: -0.026316rem;
	margin-left:0.031579rem;
}
header .logo {
	width: 0.394737rem;
	margin-top: -0.02rem;
	display: inline-block;
	vertical-align: middle;
	margin-left:0.052632rem;
}
header .logo img {
	width: 100%;
	height: 100%;
	display: block;
}
header .right {
	display: inline-block;
	vertical-align: middle;
	margin-top: -0.026316rem;
	margin-right: 0.105263rem;
}
header .right li>a {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	z-index: 10;
}
header .right li{
	display: inline-block;
	height: 0.157895rem;
	line-height: 0.157895rem;
	// margin:0 0.08rem;
	padding:0 0.05rem;
	color:#000;
	font-size: 0.042105rem;
	font-weight: 500;
	cursor: pointer;
	position: relative;
}
header .right li .box {
	position: absolute;
	width: 100%;
	left:0px;top: 100%;
	background: #fff;
	display: none;
}
header .right li .box .item {
	display: block;
	text-align: center;
	transition: all 1s;
	line-height: 0.105263rem;
	font-size: 0.036842rem;
}
header .right li .box .item:hover {
	background: rgba(69, 131, 209, 1);
	color:#fff;
}
header .right li:after, header .right li:before{
	box-sizing: border-box;
	content:'';
	position: absolute;
	width: 50%;
	height: 100%;
	border-bottom:0.010526rem solid #4583D1;
	-moz-transition:all .5s; /* Firefox 4 */
	-webkit-transition:all .5s; /* Safari and Chrome */
	-o-transition:all .5s; /* Opera */
	transition: all .3s;
	width: 0%;
}
header .right li:after {
	left:0;top:0;
}
header .right li:before {
	right:0;top:0;
}
header .right li:hover::after, header .right li:hover::before{
	width: 50%;
	border-bottom:0.010526rem solid #4583D1;
}
header .right li:hover .box {
	display: block;
}

@media screen and (max-width:650px)  {
	header .right li:last-child {
		display: none;
	}
}
footer {
	width: 100%;
	font-size:0.031579rem;
	background: #1D4568;
	padding: 0.052632rem 0;
	color: #ddd;
	text-align: center;
	position: relative;
}
footer .left {
	display: inline-block;
	vertical-align: middle;
	background: #fff;
	padding: 0.052632rem 0.026316rem;
	color: #555;
	position: absolute;
	bottom:0; left: 0.973684rem;
	// -webkit-transform:translateY(-0.184211rem);
 //    -moz-transform:translateY(-0.184211rem);
 //    -ms-transform:translateY(-0.184211rem);
 //    -o-transform:translateY(-0.184211rem);
 //    transform:translateY(-0.184211rem);
    margin-right:0.052632rem;
}
footer .left img {
	width: 0.394737rem;
}
footer .left p{
	margin-top:0.039474rem;
	line-height: 0.052632rem;
}
footer .left .phone {
	margin-top: 0.039474rem;
}
footer .left .phone img{
	width: 0.078947rem;
}
footer .left .phone >* {
	vertical-align: middle;
}
footer .ftr-box {
	vertical-align: middle;
	display: inline-block;
	padding-top: 0.039474rem;
	border-top:1px solid #ddd;
	margin-left:0.789474rem;
}
footer li {
	display: inline-block;
	vertical-align: top;
	margin:0 0.078947rem;
	line-height: 0.052632rem;
}
footer .ftr-box>p{
	margin-top:0.078947rem;
}

.showPhoneNumber, .showNumber {
	color: #f00 !important;
	height: 0.052632rem;
	line-height: 0.052632rem!important;
	font-size: 0.042105rem;
	background: transparent;
}


/* rightbar */
.rightbar {
	font-size:0.042105rem;
	position: fixed;
	right:0;
	z-index: 999;
	top:50%;
	-webkit-transform:translate(0,-50%);
    -moz-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%);
    -o-transform:translate(0,-50%);
    transform:translate(0,-50%);
}
.rightbar li {
	background: #4583d1;
	text-align: center;
	padding:0.013158rem 0.026316rem 0 0.026316rem;
	color: #fff;
	border:1px solid #eee;
	cursor: pointer;
	position: relative;
}
.rightbar .btn img {
	width: 0.105263rem;
}
.rightbar li p {
	line-height: 0.078947rem;
	font-size:0.036842rem;
}
.rightbar li:hover .box{
	// display: block;
	right: 100%;
	opacity: 1;
	transition: all .5s;
}
.rightbar .btn {
	z-index: 2;
}
.rightbar .box {
	top:-50%;
	right:-1000px;
	opacity: 0;
	z-index: 1;

}
.phone-box {
	background: #384264;
	padding:0.052632rem;
	border-radius: 0.052632rem;
	position: absolute;
}
.phone-box  h3 {
	line-height: 0.078947rem;
}
.phone-box p{
	word-wrap:normal;
	white-space:nowrap;
	color: #fff;
}
.phone-box  input {
	width: 100%;
	height: 0.078947rem;
	background: #50587A;
	border:1px solid #5C90DA;
	font-size:0.031579rem;
}
.phone-box button {
	background: #5074B3;
	width: 0.315789rem;
	height: 0.078947rem;
	line-height: 0.078947rem;
	border:1px solid #5C90DA;
	color: #fff;
	font-size:0.031579rem;
	margin-top:0.039474rem;
	border-radius:0.026316rem;
	outline: none;
}
.phone-box .close {
	width: 0.065789rem;
	position: absolute;
	top:0.026316rem;
	right:0.026316rem;
}
.wx-box {
	background: #fff;
	padding:0 0.052632rem;
	position: absolute;
	text-align: center;
	border-radius: 0.052632rem;
}
.wx-box p {
	word-wrap:normal;
	white-space:nowrap;
	line-height: 0.052632rem;
	color: #000;
	font-size:0.031579rem;
}
.wx-box img {
	width: 0.210526rem;
}

/* 联系我们 */
.info {
	width: 100%;
	background: url(../image/bj_map.png) no-repeat center center;
	background-size: cover;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.info .left, .info .right {
	display: inline-block;
	vertical-align: middle;
	margin:0.052632rem 0.263158rem;
}
.info .left {
	width: 1.5rem;
}
.info .left img {
	width: 100%;
}
.info .right {
	width: 1.118421rem;
	text-align: left;
	margin-right:0.210526rem;
}
.info-title {
	color: #fff;
	font-size:0.052632rem;
	margin-top:0.131579rem;
	margin-bottom:0.078947rem;
	text-align: center;
	// margin-bottom:30px;
}
.info .intro {
	line-height: 0.078947rem;
	font-size: 0.042105rem;
	color: #fff;
	text-indent: 2em;
	margin-bottom:0.052632rem;
}
.info-title>* {
	display: inline-block;
	vertical-align: middle;
}
.info-title img {
	width: 0.131579rem;
}
.info .right>img {
	width: 100%;
}
.info-box {
	text-align: center;
}

.info .error {
	border: 1px solid #f00;
	color: #f00;
	-webkit-input-placeholder: #f00;
	-moz-placeholder: #f00;
	-ms-input-placeholder: #f00;
}

.info input {
	margin:0.026316rem 0;
	width: 100%;
	height: 0.105263rem;
	display: inline-block;
	text-indent: 1em;
	border:1px solid #ccc;
	background: transparent;
	color: #fff;

}
.info textarea {
	margin:0.026316rem 0;
	width: 100%;
	height: 0.263158rem;
	display: inline-block;
	text-indent: 1em;
	border:1px solid #ccc;
	background: transparent;
	color: #fff;
	padding: 0.03rem 0;
}
.info textarea:focus,.info input:focus {
	color: #fff;
	border: 1px solid #fff;
}

.info button {
	width: 0.789474rem;
	width: 100%;
	height: 0.105263rem;
	line-height: 0.105263rem;
	box-sizing: border-box;
	background: #1D4568;
	color: #fff;
	border:1px solid #fff;
	background: transparent;
	-moz-transition:all .5s; /* Firefox 4 */
	-webkit-transition:all .5s; /* Safari and Chrome */
	-o-transition:all .5s; /* Opera */
	transition: all .5s;
	// animation: start 3s infinite;
}
.info button:hover {
	background: rgba(0,0,0,.5);
}

// .info .start {
	
// }
@keyframes start {
	0% {
		background: #1D4568;
	}
	50% {
		background: rgba(0,0,0,0.7)
	}
	100% {
		background: #1D4568;
	}
}



/* 二维码 */
.code {
	width: 100%;
	padding:0.157895rem;
	padding-bottom:0.210526rem;
	font-size:0.036842rem;
}
.code-box {
	text-align: center;
	position: relative;
}
.code-bg {
	width: 0.789474rem;
}
.code-ewm {
	width: 0.184211rem;
	position: absolute;
	top:0;left:50%;
	-webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}
.code p {
	position: absolute;
	bottom: 0.026316rem;left:50%;
	-webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%);
}