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;
}
.bar-nav i {
    color: #ff3938 !important;
}
h2{
    font-size: 1.9rem;
	line-height: 1.6;
}
a:hover, a:focus{
	text-decoration:none;
}
p{
	margin: 0 0 0.8rem;
}
.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;
}


.t-title h3{
	padding: 1.8rem 0 0;
	font-weight: bold;
	font-size: 1.9rem;
}
.t-title p{
	margin: 0.5rem 0 1.0rem;
	font-size: 1.4rem;
}
.tuijian, .hotbrand1, .newshowlist, .newarticlelist{
	margin: 0 3%;
    background: #fff;
    border-radius: 12px;
	padding:0 1.2rem;
}
.tuijian .cbox{
	padding: 1.2rem 0;
	border-bottom:1px solid #e1e1e1;
}
.tuijian .col-xs-5{
	padding-left: 0;
}
.tuijian  .col-xs-5 h4{
	font-size: 1.7rem;
}
.tuijian  .col-xs-5 p{
	color:#ff8125;
}
.tuijian  .col-xs-5 a{
	position: absolute;
	background: #ff3838;
	border-radius: 16px;
	color: #fff;
	padding: 0.8rem 1.8rem;
	margin-top: 0;
}
.tuijian  .col-xs-5 a:focus, .tuijian  .col-xs-5 a:hover {
    color: #fff;
    text-decoration: none;
}
.hotbrand1 .hotbrand-info1 img{
	width:100%;
}
.more {
    padding: 0.5rem 0 1.2rem;
}
.more a {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.5rem 1.2rem;
    font-size: 1.5rem;
    line-height: 1.6;
    border-radius: 8px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    opacity: 0.4;
	background-color: #000000;
	color: #fff;
}


.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: 0px 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;
}
#newshow img{
	border-radius: 4px;;
}
.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-bottom: 1px solid #e1e1e1;
	padding: 0.9rem 0;
}
.article-list .list-item .l{
	padding: 0 0px 0 5px;
}
.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: 6.1rem;
	border-radius: 4px;
}
.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;
}
.copyright-info a{color: #b5b5b5;}