@charset "utf-8";

html,
body {
	font-size: 62.5%
}

a:hover {
	text-decoration: none
}

.warp {
	max-width: 750px;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding-bottom: 1.2rem;
	background: #fff
}

.warp .wap_top {
	width: 100%;
	height: auto;
	background: #fff;
	padding: 4%
}

.warp .wap_top .top_left {
	width: 68%;
	float: left
}

.warp .wap_top .top_left img.logo {
	display: block;
	width: 45%;
	height: auto;
	float: left;
	margin-top: .05rem
}

.warp .wap_top .top_left h1.tel {
	width: 50%;
	height: auto;
	font-size: .2rem;
	color: #666;
	margin-bottom: .1rem;
	float: right
}

.warp .wap_top .top_left h2.tel {
	width: 50%;
	height: auto;
	font-size: .3rem;
	font-weight: 700;
	color: #666;
	float: right
}

.warp .wap_top .top_right {
	width: 30%;
	padding: 1% 0;
	float: right
}

.warp .wap_top .top_right .gps {
	width: 65%;
	background: url("../images/gps.png") no-repeat left center;
	background-size: auto 60%;
	margin-right: 5%;
	padding-left: 20%;
	float: left
}

.warp .wap_top .top_right .gps select {
	width: 90%;
	line-height: .47rem;
	font-size: .15rem;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: url("../images/sanjiaobottom.png") no-repeat center right;
	background-size: auto 20%;
	border: none;
	outline: none;
	margin: 0 auto;
	float: left
}

.warp .wap_top .top_right .menu {
	width: 30%;
	float: right
}

.warp .wap_top .top_right .menu img {
	display: block;
	width: 100%;
	height: auto
}

.warp .top_menu {
	display: none;
	max-width: 750px;
	width: 100%;
	height: calc(100% - 1.2rem);
	background: #fff;
	position: fixed;
	bottom: 0;
	left: 50%;
	z-index: 4;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	padding: 0 .3rem
}

.warp .top_menu.show {
	display: block
}

.warp .top_menu .menu_ul {
	width: 100%;
	height: auto
}

.warp .top_menu .menu_ul .hd {
	width: 100%;
	height: auto;
	margin-bottom: .4rem
}

.warp .top_menu .menu_ul .hd ul {
	width: 100%;
	height: auto
}

.warp .top_menu .menu_ul .hd ul li {
	width: 2.1rem;
	height: 1.4rem;
	background: #f08200;
	text-align: center;
	position: relative;
	float: left;
	margin-right: .3rem;
	display: flex;
	align-items: center;
	justify-content: center
}

.warp .top_menu .menu_ul .hd ul li:nth-child(3) {
	margin-right: 0
}

.warp .top_menu .menu_ul .hd ul li:hover,
.warp .top_menu .menu_ul .hd ul li.on {
	background: #1169b5
}

.warp .top_menu .menu_ul .hd ul li:after {
	content: "";
	display: none;
	width: 0;
	height: 0;
	border-width: .2rem .2rem 0;
	border-style: solid;
	border-color: #1169b5 transparent transparent transparent;
	position: absolute;
	bottom: -.2rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%)
}

.warp .top_menu .menu_ul .hd ul li:hover:after,
.warp .top_menu .menu_ul .hd ul li.on:after {
	display: block
}

.warp .top_menu .menu_ul .hd ul li a {
	display: block;
	width: 100%;
	height: auto;
	text-decoration: none
}

.warp .top_menu .menu_ul .hd ul li a img {
	width: .5rem;
	height: .5rem;
	margin-bottom: .22rem
}

.warp .top_menu .menu_ul .hd ul li a p {
	width: 100%;
	height: auto;
	line-height: .32rem;
	font-size: .32rem;
	font-weight: 700;
	color: #fff
}

.warp .top_menu .menu_ul .bd ul {
	width: 6.9rem;
	height: auto;
	margin-right: .1rem
}

.warp .top_menu .menu_ul .bd ul li {
	width: 2.1rem;
	height: .92rem;
	background: #4d5464;
	text-align: center;
	float: left;
	margin-right: .3rem;
	margin-bottom: .2rem;
	display: flex;
	align-items: center;
	justify-content: center
}

.warp .top_menu .menu_ul .bd ul li:nth-child(3n) {
	margin-right: 0
}

.warp .top_menu .menu_ul .bd ul li a {
	display: block;
	width: 100%;
	height: auto;
	text-decoration: none
}

.warp .top_menu .menu_ul .bd ul li a p {
	width: 100%;
	height: auto;
	line-height: .34rem;
	font-size: .28rem;
	color: #fff
}

.warp .top_menu .menu_uls {
	width: 100%;
	height: auto
}

.warp .top_menu .menu_uls ul {
	width: 100%;
	height: auto
}

.warp .top_menu .menu_uls ul li {
	width: 2.1rem;
	height: 1.4rem;
	background: #f08200;
	text-align: center;
	position: relative;
	float: left;
	margin-right: .3rem;
	display: flex;
	align-items: center;
	justify-content: center
}

.warp .top_menu .menu_uls ul li:nth-child(3) {
	margin-right: 0
}

.warp .top_menu .menu_uls ul li:hover,
.warp .top_menu .menu_uls ul li.on {
	background: #1169b5
}

.warp .top_menu .menu_uls ul li a {
	display: block;
	width: 100%;
	height: auto;
	text-decoration: none
}

.warp .top_menu .menu_uls ul li a img {
	width: .5rem;
	height: .5rem;
	margin-bottom: .22rem
}

.warp .top_menu .menu_uls ul li a p {
	width: 100%;
	height: auto;
	line-height: .32rem;
	font-size: .32rem;
	font-weight: 700;
	color: #fff
}

.warp .wap_banner {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 1
}

.warp .wap_banner.conversation:before {
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .55);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99
}

.warp .wap_banner ul {
	width: 100%;
	height: auto
}

.warp .wap_banner ul li {
	width: 100%;
	height: auto
}

.warp .wap_banner ul li img {
	display: block;
	width: 100%;
	height: auto
}

.warp .wap_banner .swiper-pagination {
	height: .3rem;
	line-height: .3rem;
	font-size: 0;
	top: 75%
}

.warp .wap_banner .swiper-pagination .swiper-pagination-bullet {
	width: .12rem;
	height: .12rem;
	background: #cecdcd;
	opacity: 1
}

.warp .wap_banner .swiper-pagination .swiper-pagination-bullet-active {
	background: #d78113
}

.warp .banner_bottom {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 2;
	margin-top: -10%;
	margin-bottom: .5rem
}

.warp .banner_bottom img {
	display: block;
	width: 92%;
	height: auto;
	margin: 0 auto
}

.warp .wap_footer {
	width: 100%;
	height: auto;
	font-size: .2rem;
	color: #fff;
	background: #424954;
	text-align: center;
	padding: .15rem 0
}

.warp .wap_footernav {
	max-width: 750px;
	width: 100%;
	height: auto;
	background: #f9f9f9;
	position: fixed;
	bottom: 0;
	left: 50%;
	z-index: 4;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%)
}

.warp .wap_footernav ul {
	width: 100%;
	height: auto
}

.warp .wap_footernav ul li {
	width: 18.75%;
	line-height: .4rem;
	border-right: 2px #e2e2e2 solid;
	text-align: center;
	margin: .14rem 0;
	padding: 0 1%;
	float: left
}

.warp .wap_footernav ul li:nth-child(3) {
	border-right: none
}

.warp .wap_footernav ul li.footernav_consul {
	background: #1c366c;
	border-right: none;
	margin: 0;
	padding: .15rem 1%
}

.warp .wap_footernav ul li.footernav_tel {
	width: 25%;
	height: auto;
	line-height: initial;
	background: #e00;
	border-right: none;
	margin: 0;
	padding: .3rem 1%
}

.warp .wap_footernav ul li img {
	display: block;
	width: 35%;
	height: auto;
	margin: 0 auto .05rem
}

.warp .wap_footernav ul li p {
	width: 100%;
	height: auto;
	font-size: .22rem;
	margin: 0
}

.warp .wap_footernav ul li.footernav_consul p {
	color: #fff
}

.warp .wap_footernav ul li.footernav_tel p {
	line-height: .35rem;
	font-size: .3rem;
	color: #fff
}

.warp .wap_footernav ul li.footernav_tel span {
	display: block;
	line-height: .25rem;
	font-size: .22rem;
	color: #fff
}