input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }
html,body{
    background-color: #f0f0f0;
    -webkit-text-size-adjust:none
}
html,body{
	max-width: 640px;
	margin: 0 auto;
}
[v-cloak] {
    display: none !important;
}
h2{
    font-size: 1.9rem;
	line-height: 1.6;
}
a:hover, a:focus{
	text-decoration:none;
}
.clear{clear:both}
.top_logo {
    margin: 0 auto;
    width: 100%;
}
.city-list{
    font-size: 1.3rem;
    line-height: 3.8rem;
    padding-left: .9rem;
    padding-right: 0
}
.city-list ul{
    position: absolute;
    width: 5rem;
    box-shadow: 0 0 .5rem -.2rem rgba(0,0,0,.4);
    border-radius: .3rem;
    height: auto;
    overflow: auto;
    margin: 0;
    padding: 0;
    background-color: #fff;
    z-index:9;
}
.city-list ul li{
    line-height: 2.4rem;
}
.city-list ul li+li{
    border-top: 1px solid #e1e1e1;
}
.top_logo .col-xs-6{
    height: 3.8rem;
	justify-content: center;
    align-items: center;
	display: flex;
    display: -webkit-flex;
}
.swiper-container{
    width: 100%;
}
.swiper-slide{
    background: 100% center;
    background-size: cover;
}
.nav{
    overflow:hidden;
	margin: 0 auto 1.0rem;
	padding: .9rem 0;
	background-color: #fff;
}
.nav .nav-info a{
	color: #2e2e2e;
}
.nav .nav-info p{
	font-size: 1.4rem;
	text-align:center;
	margin: .9rem auto 0;
}
.nav .nav-info h3{
	text-align:center;
	margin: 0 auto;
}
.nav .nav-info img{
	width: 48%;
	height:auto;
}
.nav [class*=col-xs-]:last-child {
    float: left;
}
.service{
    overflow:hidden;
	margin: 0 auto 1.0rem;
	background-color: #fff;
}
.service .service-info a{
	color: #2e2e2e;
}
.service .service-info h3{
	font-size: 1.5rem;
	text-align:left;
	font-weight: 300;
	margin: .9rem auto 0;
}
.service .service-info p{
	font-size: 1.2rem;
	text-align:left;
	margin: .9rem auto 0;
	color: #999;
}
.service .service-info img{
	width: 72%;
	float: right;
	height:auto;
	padding: 1.0rem 0.8rem;
}
.service [class*=col-xs-]:last-child {
    float: left;
}
.service .col-xs-5{
	border-right: 1px solid #e1e1e1;
}
.service .r {
	float: left;
}
.service .service-info.r img{
	width: 40%;
	float: right;
	height:auto;
	padding: 1.0rem 0.8rem;
}
.service .service-info.r:last-child {
	border-top: 1px solid #e1e1e1;
}
.service .service-info.r .r {
	max-width: 60%;
}
.hotbrand{
	width: 100%;
	overflow:hidden;
	background-color: #fff;
}
.hotbrand .hotbrand-title{
	display: block;
}
.hotbrand .hotbrand-title h3{
	font-size: 1.5rem;
	border-left: .5rem solid #ff9900;
	padding: 0 .6rem;
	margin: 1.5rem 0;
	font-weight: bold;
}
.hotbrand .col-xs-4 h3{
	margin: 1.4rem 0;
	font-size: 1.5rem;
	padding: 0 .6rem;
}
.hotbrand i{
	font-size: 1.2rem;
}
.hotbrand-nav{
    overflow:hidden;
	margin: 0 auto 1.0rem;
	background-color: #fff;
}
.hotbrand-nav .col-xs-3{
    border: 1px solid #e1e1e1;
	padding: .9rem 0.9rem;
}
.hotbrand-nav .hotbrand-info a{
	color: #2e2e2e;
}
.hotbrand-nav .hotbrand-info p{
	font-size: 1.4rem;
	text-align:center;
	margin: .9rem auto 0;
}
.hotbrand-nav .hotbrand-info h3{
	text-align:center;
	margin: 0 auto;
}
.hotbrand-nav .hotbrand-info img{
	width: 96%;
	height:auto;
}
#newshow {
	margin: 0 auto 1.0rem;
	border-top: 1px solid #e1e1e1;
	background-color: #fff;
	padding: .9rem 1.2rem;
}
#newshow p{
	font-size: 1.4rem;
	color: #757575;
	text-align:center;
	margin: 0 auto;
	padding: .1rem;
}
.hotbrandm-nav{
    overflow:hidden;
	margin: 0 auto 1.0rem;
	background-color: #fff;
}
.hotbrandm-nav .col-xs-6{
    border: 1px solid #e1e1e1;
	padding: .9rem 0.9rem;
}
.hotbrandm-nav .hotbrandm-info a{
	color: #2e2e2e;
}
.hotbrandm-nav .hotbrandm-info p{
	font-size: 1.4rem;
	text-align:center;
	margin: .9rem auto 0;
}
.hotbrandm-nav .hotbrandm-info h3{
	text-align:center;
	margin: 0 auto;
}
.hotbrandm-nav .hotbrandm-info img{
	width: 96%;
	height:auto;
}
.copyright-info{
	margin: 0 auto 1.0rem;
}
.copyright-info p{
	font-size: 1.2rem;
	text-align:center;
	margin: .5rem auto 0;
	color: #b5b5b5;
}
.sites-info{
    margin: 3rem -3rem 0;
    font-size: 1.2rem;
    color: #e8e8e8;
    transform: scale(.8);
}
.sites-info p{
    margin: 0;
}
.article-list{
    overflow: hidden;
    margin: 0 auto 1.0rem;
    background-color: #fff;
}
.article-list .list-item{
	border-top: 1px solid #e1e1e1;
	padding: 0.9rem 0;
}
.article-list .list-item h3{
	font-weight: bold;
	font-size: 1.6rem;
	color: #212121;
	height: 4.2rem;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	margin: 0;
}
.article-list .list-item p{
	color: #757575;
	height: 1.5rem;
	margin: 0;
}
.article-list .list-item .l img{
	width: 100%;
	height: 5.8rem;
}
.bot{
	width:100%;
	position:fixed;
	max-width:640px;
	background:#fff;
	bottom:0px;
	height:3.8rem;
	z-index:999;
}
.bot .col-xs-4{
	padding: 0 0.6rem;
	height:3.8rem;
	margin: 0 auto;
	background-color: #f2f5f5;
	justify-content: center;
    align-items: center;
	display: flex;
    display: -webkit-flex;
}
.bot .col-xs-4.ph{
	background-color: #2cb65d;
}
.bot .col-xs-4.si{
	background-color: #fe9402;
}
.bot .col-xs-4.an{
	background-color: #5585ff;
}
.bot .col-xs-4 img{
	width:32%;
	max-width:32px;
}
.bot .col-xs-4 i{
	color: #fff;
    font-size: 1.4rem;
	padding-left: 0.2rem;
}

.bar-nav .glyphicon {
	color: #5f5f5f;
}
.copyright-info a{color: #b5b5b5;}