html,body{
	margin: 0 auto;
    width: 100%;
    max-width: 640px;
}
a,a:hover,a:visited{
    color: #333
}
ul,li,ol,p,h1{
    list-style: none;
    padding: 0;
    margin: 0;
}
.index-line{
  height: .2rem;
  width: 100%;
  background: #f4f4f4;
}




.km-new-index-hot{
	padding: 0.2rem 0.1rem;
}
.km-new-index-hot .hot-title{
	font-size: .24rem;
	vertical-align: sub;
	padding-bottom: 0.1rem
}
.km-new-index-hot .hot-title i{
	font-size: .3rem;
	color: #d51818
}
.km-new-index-hot .hot__item .swiper-slide{
	width: 1.65rem;
	margin-right: .2rem
}
.km-new-index-hot .hot__item .swiper-slide a .hot-box .hot-img{
	border-radius: .15rem;
	overflow: hidden;
}
.km-new-index-hot .hot__item .swiper-slide a .hot-box .hot-title{
	color: #333;
	font-size: .18rem;
	line-height: 2
}
.km-new-index-hot .hot__item .swiper-slide a .hot-box .hot-price{
	position: relative;
	font-size: .2rem;
	color: #d51818;
	padding: 0 0.05rem;
}
.km-new-index-hot .hot__item .swiper-slide a .hot-box .hot-price span{
	font-size: .22rem
}
.km-new-index-hot .hot__item .swiper-slide a .hot-box .hot-price i{
	position: absolute;
	display: inline-block;
	width: .3rem;
	height: .3rem;
	background: #d51818;
	color: #fff;
	border-radius: 1rem;
	bottom: 0.05rem;
	text-align: center;
	right: 0;
	line-height: .3rem
}





.km-index__item{
	padding: .2rem .1rem;
}
.km-index__item>.swiper-container>.swiper-wrapper>.swiper-slide{
    padding-bottom: .2rem
}
.km-index__item>.swiper-container>.swiper-wrapper>.swiper-slide>ul>li{
	text-align: center;
	padding-bottom: .2rem
}
.km-index__item>.swiper-container>.swiper-wrapper>.swiper-slide>ul>li>a>img{
	width: .65rem
}
.km-index__item>.swiper-container>.swiper-wrapper>.swiper-slide>ul>li>a>p{
	color: #333;
	font-size: .2rem;
    margin-top: .1rem
}
.km-index__item>.swiper-container>.swiper-pagination>.swiper-pagination-bullet,
.anli>.swiper-container>.swiper-pagination>.swiper-pagination-bullet,
.km-new-hj>.hj-body>.swiper-container>.swiper-pagination>.swiper-pagination-bullet,
.km-banner .index__ban .swiper-container>.swiper-pagination>.swiper-pagination-bullet{
	background-color: #c9c9c9;
	opacity: 1!important;
	display: inline-block!important;
	width: .08rem!important;
	height: .08rem!important;
	border-radius: 1rem!important
}
.km-banner .index__ban .swiper-container>.swiper-pagination>.swiper-pagination-bullet{
    background-color:#fff!important;
}

.km-index__item>.swiper-container>.swiper-pagination>.swiper-pagination-bullet-active,
.anli>.swiper-container>.swiper-pagination>.swiper-pagination-bullet-active,
.km-new-hj>.hj-body>.swiper-container>.swiper-pagination>.swiper-pagination-bullet-active,
.km-banner .index__ban .swiper-container>.swiper-pagination>.swiper-pagination-bullet-active{
	width: .2rem!important;
	background-color: #e5a342;
	transition: 400ms ease all;
	-moz-transition: 400ms ease all;
	-webkit-transition: 400ms ease all;
	-o-transition: 400ms ease all;
}
.km-banner .index__ban .swiper-container>.swiper-pagination>.swiper-pagination-bullet-active{
    background-color: #fff!important;
}
.km-index__item>.swiper-container>.swiper-pagination{
	bottom: 0;
}




.km-new-hotItem{
    padding: .2rem .1rem;
    padding-top: unset;
}
.km-new-hotItem ul li{
    text-align: center;
    padding: .1rem;
}
.km-new-hotItem ul li a img{
    border-radius: .15rem;
    width: 2.94rem
}


.km-new-news{
    background-color: #f4f4f4;
    padding: 0.2rem ;
}
.km-new-news .icon a img{
   width: 1rem;
   margin-top: .1rem;
}
.km-new-news .km-fr{
    width: 4.8rem;
}
.km-new-news .km-fl{
    width: 1.2rem;
}
.km-new-news .km-fr ul{
    margin: 0;
    padding: 0;
}
.km-new-news .km-fr li{
    margin-top: 0.1rem;
}
.km-new-news .km-fr li:nth-child(1){
    margin-top: 0;
}
.km-new-news .km-fr li span{
    display: inline-block;
    padding: 0 0.2rem;
    border-radius: 0.25rem;
    border: 1px #db0101 solid;
    font-size: 0.22rem;
    color: #db0101;
}
.km-new-news .km-fr li p{
    display: inline-block;
    margin-left: 0.1rem;
    width: 3.72rem;
    font-size: 0.24rem;
    overflow:hidden;
    text-overflow:ellipsis; 
    white-space:nowrap;
    vertical-align: top;
}

.km-pro-title{
    padding: .2rem .1rem;
}
.km-pro-title h1,
.km-pro-title p{
    display: inline-block;
    float: left;
    font-size: .24rem;
    font-weight: normal;
}
.km-pro-title p{
    font-size: .2rem;
    color: #e5a342;
    line-height: 1.8
}
.km-pro-title p i{
    padding: 0;
    margin: 0 0.1rem;
}






.anli {
    background-color: #fff;
    padding:0 0.2rem 0.3rem;
    font-size: 0.24rem;
    width: 6.4rem
}
#index__case{
    padding-top: .2rem;
}
.anli .swiper-container{
    width: 100%
}
.anli .swiper-container .swiper-wrapper .swiper-slide{
    border: unset !important;
    width: 6.4rem;
    min-height: 3rem
}
.anli .km-u-sm-6 {
    padding: unset;
    margin-bottom: 0.2rem;
}

.anli .anli_title {
    width: 1.5rem;
    color: #fff;
    padding: 0.05rem 0.2rem;
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
    text-align: left;
    margin-top: 0.3rem;
    background: -webkit-linear-gradient(45deg, #eacf71, #e39c3c);
    background: -o-linear-gradient(45deg, #eacf71, #e39c3c);
    background: -moz-linear-gradient(45deg, #eacf71, #e39c3c);
    background: linear-gradient(45deg, #eacf71, #e39c3c);
}
.anli .km-fr span{
    font-size: 0.18rem;
    text-align: center;
    display: block;
    margin-bottom: 0.2rem;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.anli .km-fl img{
    width: 3rem
}
.anli .km-fr img{
    padding-left: 0.1rem;
    width: 2.82rem
}
.anli .km-fr p {
    font-size: 0.3rem;
    margin: 0.2rem 0 0;
    text-align: center;
}
.anli .anli_btn_zx {
    width: 100%;
    margin-bottom: 0.2rem;
    overflow: hidden;
}
.anli .anli_btn_zx button{
    width: 2.8rem;
    padding: 0.15rem 0;
    text-align: center;   
    color: #fff;
    font-size: 0.22rem;
}
.anli .anli_btn_zx button:nth-child(1){
    background-color: #e6b253;
    float: left;
}
.anli .anli_btn_zx button:nth-child(2){
    background-color: #fc4a1a;
    float: right;
}
.anli .anli_btn_zx button:nth-child(1) i{
    margin-left: 0.05rem;
}
.anli .anli_btn_zx i{
    margin: 0;
    font-size: .24rem
}
.anli .km-u-sm-6 button,
.anli .km-u-sm-6 button:hover {
    background-color: #fd5207;
    color: #FFF;
    font-size: 0.24rem;
    margin-bottom: 0.2rem;
}

.anli button+img {
    padding: 0 0.15rem;
}
.anli_icon {
    overflow: hidden;
    margin: 0 auto 0.2rem;
    border: 1px #b5b5b5 solid;
    background-color: #eeeeee;
}
.anli .swiper-container .swiper-wrapper{
    padding-bottom: 0.5rem;
    position: relative;
}
.anli_icon div {
    margin: 0.1rem 0 !important;
}

.anli_icon div:first-child {
    border-right: 1px #b5b5b5 solid;
}

.anli i {
    margin: 0 0.1rem;
    font-style: normal;
}
.anli .anli_icon .iconfont{
    font-size: 0.24rem;
}
.anli_comment{
    padding-bottom: 0.3rem;
}
.km-pl.onload {
    padding-bottom: 0.3rem;
}
.anli_comment img{
    width: 0.63rem !important;
    float: left;
}

.anli_comment .Input_text {
    width: 5.27rem;
    font-size: 0.24rem;
    padding-left: 0.1rem;
    border: 1px #b5b5b5 solid;
    background-color: #fff;
    margin-left: 0.7rem;
    height: 1rem;
    padding: 0.05rem;
}
.anli_comment .Input_text>img{
    width: 0.3rem!important;
    height: 0.3rem;
    float: none!important;
}

.anli_comment_cont p {
    font-size: 0.21rem;
    margin: 0.2rem 0 0.1rem;
    text-align: left;
    min-height: 0.63rem;
    margin-left: 0.7rem;
}

.anli_comment_cont img {
    float: left;
    margin-right: 0.1rem;
}

.anli_comment_cont em {
    font-style: normal;
    color: #b28850;
}

.anli_comment_cont span {
    margin-left: 0.7rem;
    font-size: 0.2rem;
}

.anli_comment_cont div {
    float: right;
    font-size: 0.2rem;
}
.anli .km-slider-default{
    box-shadow: unset;
    -webkit-box-shadow: unset;
}
.anli >.km-slider-default > .km-control-nav{
    bottom: 0rem;
}

.anli_btn{
    width: 100%;
    margin: 0.1rem;
    overflow: hidden;
}
.anli_btn i,.anli_btn input,.anli_btn p{
    float: left;
}
.anli_btn i{
    color: #b28850;
    margin-left: 0.7rem;
}
.anli_btn p{
    font-size: 0.2rem;
    margin: 0.03rem 0;
    color: #808080;
}
.anli_btn input{
    width: 0.2rem;
    height: 0.2rem;
    margin: 0.1rem;
}
.anli_btn button{
    background-color: #d7b053;
    color: #FFF;
    font-size: 0.2rem;
    float: right;
    padding: 0.08rem 0.25rem;
    margin-right: 0.1rem;

}





.km-new-hj .hj-body{
    width: 6rem;
    margin: 0 auto;
    border-radius: .2rem;
    box-shadow: 0 .05rem .15rem rgba(0, 0, 0, 0.3);
    position: relative;
}
.km-new-hj .hj-body:before,
.km-new-hj .hj-body:after {
  content: "";
  position: absolute;
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
  bottom: .1rem;
  box-shadow: 0 .1rem .1rem rgba(0, 0, 0, 0.3);
  height: 0.2rem;
  left: 0.03rem;
  max-width: 6.0rem;
  width: 40%;
  border-radius: .2rem;
}
.km-new-hj .hj-body:after {
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg);
  left: auto;
  right: 0.03rem;
}
.km-new-hj .swiper-container{
    width: 100%;
    border-radius: .2rem;
    border: 5px solid #fff;
    z-index: 1
}
.km-new-hj>.hj-body>.swiper-container>.swiper-wrapper>.swiper-slide>a>img{
    width: 6rem
}
.km-new-hj>.hj-body>.swiper-container>.swiper-pagination>.swiper-pagination-bullet{
    background-color: #fff;
    opacity: .6
}
.km-new-hj>.hj-body>.swiper-container>.swiper-pagination>.swiper-pagination-bullet-active{
    background-color: #fff;
     opacity: 1
}




.km-new-anquan{
    width: 6.4rem;
    height: 2.8rem;
    background: url('../images/anquan_bg.jpg') no-repeat center center/100% 100%;
    margin: .3rem 0;
    padding: .1rem;
}
.km-new-anquan>.km-pro-title>h1,
.km-new-anquan>.km-pro-title>p{
    color: #fff
}
.km-new-anquan>.km-aq>ul>li{
    text-align: center;
}
.km-new-anquan>.km-aq>ul>li>a>.aq__box{
    width: 1.35rem;
    height: 1.57rem;
    background: #fff;
    border-radius: .1rem;
    margin: 0 auto;
    padding: .25rem 0;
}
.km-new-anquan>.km-aq>ul>li>a>.aq__box>p{
    font-size: .22rem
}
.km-new-anquan>.km-aq>ul>li>a>.aq__box>i{
    font-size: .4rem;
    margin-top: .1rem;
    display: inline-block
}
.km-new-anquan>.km-aq>ul>li:nth-child(1)>a>.aq__box>i{
    font-size: .5rem;
    margin-top: .05rem;
    color: #e7ab48
}
.km-new-anquan>.km-aq>ul>li:nth-child(2)>a>.aq__box>i{
    color: #d176c3
}
.km-new-anquan>.km-aq>ul>li:nth-child(3)>a>.aq__box>i{
    color: #ff9a1a
}
.km-new-anquan>.km-aq>ul>li:nth-child(4)>a>.aq__box>i{
    color: #e7626f
}






.km-new-footer{
    /* padding: 0.1rem 0.15rem; */
    background-color: #fff;
    display: inline-block;
    padding-top: 0.3rem;
    width: 100%;
    padding-bottom: 1rem;
}
.km-new-footer .foot-img{
    width: 2.76rem;
}

.km-new-footer>.km-fl{
    width: 2.8rem;
}
.km-new-footer>.km-fr{
    width: 3.2rem
}
.km-new-footer>.km-fl a{
    margin-top: 0.3rem;
    background-color: #d7b053;
    color: #fff;
    border: 1px solid #d7b053;
    font-size: 0.24rem;
    padding: 0.1rem 0.15rem;
}
.km-new-footer>.km-fl .foot-first-a{
    background-color: #fff;
    color: #d7b053;
}

.km-new-footer .foot-info{
    display: inline-block;
    margin-bottom: 0.1rem;
}
.km-new-footer .foot-info>.km-fl{
    width: .5rem
}
.km-new-footer .foot-info>.km-fr{
    width: 2.7rem
}
.km-new-footer .foot-info>.km-fr>span{
    color: #333;
    font-size: 0.24rem;
}
.km-new-footer .foot-info>.km-fr>p{
    color: #000;
    font-size: 0.26rem;
}
.km-new-footer .foot-info>.km-fl>span{
    font-size: 0.4rem;
    color: #ccc;
}





#wx_ts,#footerFun,.lx{
    display: none
}