/*common*/
*{
	padding:0;
	margin:0;
	box-sizing:border-box;
}
    html, body {
        background: #fff
    }
    body {
    	width: 6.4rem;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 0.16rem;
        color:#000;
        margin: 0 auto;
        padding: 0 0 1.13rem 0;

    }
    a{
    	cursor:pointer;
    	text-decoration: none
    }
    img{
    	max-width: 100%;
    }
    .btns {
    padding: 0.2rem 0;
    display: flex;
    justify-content: center;
}
    .img img{
    	display: block !important;
    }
    .bg_0170c5{
    	background: #ed7b3a !important
    }
    
    .c_0170c5{
    	color: #ed7b3a !important;
    }
    .c_7a7a7a{
    	color:#7a7a7a !important;
    }
    .pb0{
    	padding-bottom: 0 !important
    }
    .p10{
    	padding: 0.1rem !important;
    }
	    .p10 p{
    	color: #333;
    	font-size: 0.22rem;
    	line-height: 0.3rem;
    	margin-bottom: 0.3rem;
    	padding:0 0.1rem;
    }

    .title{
    	padding:0.2rem 0.1rem;
    	text-align: center;
    }
    .title h2{
    	font-size: 0.28rem;
    	color: #333333;
    	border-bottom: 0.01rem solid #eee;
    	line-height: 0.5rem;
    	position:relative;
    	margin-bottom: 0.05rem
    }
      .title h2:after{
    	position: absolute;
    	content: '';
    	height: 0;
    	width: 1.1rem;
    	bottom: -0.02rem;
    	right: 50%;
    	margin-right: -0.55rem;
    	border-bottom: 0.05rem solid #eee;
    	
    }
    .title small{
    	color: #ccc;
    	line-height: 0.26rem;
    	height: 0.26rem;
    	font-size: 0.12rem;
    	
    }
  
    .bg_fff{
    	background: #fff;
    }
    .bg_f5f5f5{
    	background: #f5f5f5
    }
     .box_f5f5f5{
    	background: #f5f5f5;
    	height:0.2rem;
    }
     .box_fff{
    	background: #fff;
    	height:0.2rem;
    }
    .text_center{
    	text-align: center;
    }
    .btns{
    	padding:0.2rem 0;
    	display: flex;
    	justify-content: center;
    }
    .btns div{
    	display: flex;
    }
    .btns a{
    	display: flex;
    	align-items: center;
    	justify-content: center;
    	margin:0 0.2rem;
    	height: 0.44rem;
    	width: 1.55rem;
    	border-radius: 0.22rem;
    	font-size: 0.2rem;
    	color: #fff;
    }
    .btns a img{
    	height: 0.24rem;
    	margin-right: 0.06rem;
    }
    .btn_title{
    	display: flex;
    	align-items: center;
    	justify-content: center;
    	color: #fff;
    	line-height: 0.45rem;
    	font-size: 0.24rem;
    }
	    .btn_title a{
    	display: flex;
    	align-items: center;
    	justify-content: center;
    	color: #fff;
        font-size: 0.24rem;
        margin-left:10%;
    }
    .btn_title img{
    	margin-right: 0.08rem;
    	height: 0.24rem;
    }




    /*index*/
    /*top*/
    .top{
    	font-weight: bold;
    	font-size: 0.20rem;
    	color:#cf3c3c;
    	display: flex;
    	align-items: center;
    	justify-content: center;
    	background: #eeeeee;
    	padding:0.1rem;
    }
	        .top a{
    	color:#cf3c3c;
    	display: flex;
    	align-items: center;
    }
    .top img{
    	height: 0.33rem;
    	width: 0.33rem;
    	margin-right: 0.1rem;
    }

    /*nav*/
    nav div{
    	display: flex;
    	border-top: solid 0.03rem #fff;
    }
    nav div a{
    	flex:1;
    	text-align: center;
    	color: #fff;
    	height: 0.55rem;
    	line-height: 0.55rem;
    	font-size: 0.22rem;
    	border-right: solid 0.03rem #fff;
    }
    nav div a:last-child(){
    	border-right: none;
    }

    .search{
    	margin:0.3rem;
    	position: relative;
    }
    .search img{
    	position: absolute;
    	top: 0.06rem;
    	right: 0.2rem;
    	height: 0.28rem;
    	width: 0.28rem;
    }
    .search input{
    	border:none;
    	background: #eee;
    	border-radius: 0.2rem;
    	height: 0.4rem;
    	width: 100%;
    }

    /*banner*/
    .banner{
    	overflow: hidden;
    	width: 6.4rem;
    }
    .swiper-container {
        
        height: 3.3rem;
        position: relative;
    }
    .swiper-wrapper{
       
    }
    .swiper-container .swiper-pagination-bullet{
    	background: #fff;
    	opacity:0.7;
    }
    .swiper-container .swiper-pagination-bullet-active {
    	opacity:1;
    }
    /*cont1*/
    .cont{
    	padding:0.2rem 0.15rem;
    }
     .cont .list{
    	padding:0.2rem 0;
    }
/*    .cont{
    	padding:0.3rem 0;
    }*/
     .cont1 .list{
    	padding:0.2rem 0.rem;
    }
    .cont1 .list_item{
    	display: inline-block;
    	width: 49%;
    	margin-bottom: 0.1rem;

    }
    .cont1 .list_item img{
    	width: 2.75rem;
    	height: 2.25rem;
    }
    .cont1 .list_item p{
    	line-height: 0.36rem;
    	font-size: 0.2rem;
    	color:#333;
    }

    /*cont2`*/
  
    .cont2 .list_item{
    	display: flex;
    	padding:0.2rem 0 0.3rem 0.4rem;
    	align-items: center;
    }
    .cont2 .list_item img{
    	height: 0.72rem;
    	margin:0 0.3rem;

    }
    .cont2 .list_item div h4{
    	line-height: 0.45rem;
    	font-size: 0.25rem;
    }
    /*cont3*/
    .cont3 .list_item{
    	position: relative;
    	margin-bottom: 0.3rem
    }
    .cont3 .list_item p{
    	width: 100%;
    	position: absolute;
    	bottom: 0;
    	text-align: center;
    	line-height: 0.4rem;
    	background: rgba(255,255,255,.7);
    	font-size:0.2rem;
    }
    /*cont4*/
    .cont4 .list{
    	display: flex;
    	align-items: center;

    }
    .cont4 .list img{
    	width: 2.61rem;
    	height: 1.59rem;
    	margin:0 0.2rem;
    }
    .cont4 .list p{
    	font-size: 0.2rem;
    	line-height: 0.3rem;
    }
    /*.cont5*/
    .cont5 .list div{
    	display: flex;
    	justify-content: space-between;
    	align-items: center;
    	padding: 0.1rem 0.2rem;
    }
     .cont5 .list div p, .cont5 .list div span{
     	display: flex;
     	align-items: center;
     }
      .cont5 .list div p{
      	color: #333;
      	font-size: 0.22rem;
		flex:1;
		overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
      }
      .cont5 .list div span{
      	height: 0.3rem;
      	font-size: 0.2rem;
      	color:#aaaaaa;
      }
    .cont5 .list div img{
    	height: 0.21rem;
    	margin-right: 0.07rem
    }
    /*footer*/
    footer{
    	padding:0.35rem 0;
    	text-align: center;
    }
    footer p{
    	font-size: 0.22rem;
    	color: #333;
    	line-height: 0.32rem;
    }
    footer span{
    	font-size: 0.18rem;
    	color:#666;
    }
    /*footer_nav*/
    .footer_nav{
    	position: fixed;
    	width: 6.4rem;
    	bottom: 0;
    	display: flex;
    	background: #ed7b3a;
    	padding:0.2rem 0 0.25rem;
    }
    .footer_nav a{
    	flex:1;
    	display: flex;
    	flex-direction: column;
    	align-items: center;
    }
    .footer_nav a img{
    	height: 0.32rem;
    	margin-bottom: 0.05rem;
    }
    .footer_nav a {
    	color: #fff;
    	font-size: 0.22rem;
    }




    /*product_list*/
    .product_list_nav p{
    	border:0.01rem solid #ccc;
    	width: 2.75rem;
    	margin:0 auto 0.1rem;
    }
    .mb40{
    	margin-bottom: 0.4rem;
    }



    /*news_list*/
    .news_list .news_list_item{
    	border-bottom: 0.2rem solid #f5f5f5;
    }
    .news_list>div:last-child .news_list_item{
    	border-bottom: none
    }
    .news_list_item a{
    	display: block;
    }
	    .news_list img {width:100%;}
    .news_list_item h3{
    	line-height: 0.5rem;
    	font-size: 0.24rem;
    	padding:0.1rem;
    }
    .news_list_item p{
    	color: #333;
    	font-size: 0.22rem;
    	line-height: 0.3rem;
    	margin-bottom: 0.3rem;
    	padding:0 0.1rem;
    }
    /*.news_article*/
    .news_article{
    	padding:0.1rem;
    	font-size: 0.22rem;
    	line-height: 0.3rem;
    }
    .news_article img{
    	width: 100% !important;
    	vertical-align:bottom;
    }
.search .search_btn{
        width: 0.28rem;
        position: absolute;
        top: 0;
        right: 0.2rem;
        background: url('../images/search_icon.png') center no-repeat;
        background-size: 0.28rem 0.28rem;
        cursor: pointer;
    }
.pagebar{width: 100%;clear: both;margin:10px 0;padding:10px 0;text-align:center;}
.pagebar a,.pagebar .now-page{padding:4px 12px;color: #333333;display:inline-block;clear: both;border:1px solid #ddd;margin:0 3px 3px 0;border-radius: 2px;}
.pagebar a:hover,.pagebar .now-page{color: #FFFFFF;}
.pagebar li{padding:15px;border-bottom:1px solid #ddd;transition: all 0.25s ease 0s;position: relative;list-style-type: none;}
.pagebar li:hover{ background-color:#ffffff;}