@charset "utf-8";
/* 头部*/
#heard{ width:100%; height:0.90rem; background:#028f3f; overflow: hidden;}
#heard .heard{ width:94.7%; margin:0 auto;}
.heard .logo{ width:4.72rem; height:0.48rem; margin:0.21rem 0 0 0; }
.heard .nav_btn{ width:0.43rem; height:0.31rem; margin:0.29rem  0 0 0;}

/* banner*/
.banner{
	position:relative;
}
.banner img{width:100%;}
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;}
.swiper-pagination-bullet on{
	width: 16px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;}
.notice{
    position: relative;}
.notice img{
	width: 0.24rem; padding-left:0.2rem; padding-top:0.2rem;float: left;}
.notice p{
    float: left; padding-left:0.08rem; padding-top:0.01rem; font-size:0.21rem;
    display: inline-block;height: 30px;line-height: 30px;
}
.notice ul{
   float: left;
}

.heard .nav{
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0,0,0,.8);
    transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
transform: translate3d(100%,0,0);
  -webkit-transform: translate3d(100%,0,0);
  -moz-transform: translate3d(100%,0,0);
  -ms-transform: translate3d(100%,0,0);
  -o-transform: translate3d(100%,0,0);
  z-index: 999;
}
.heard .nav.active{
transform: translate3d(0,0,0);
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
.heard .nav ul{
	width:40%;
	height: 100%;
	background: #028f3f;
	float: right;
	font-size:0.24rem;
	color:#fff;
	padding-top:0.20rem;
}
.heard .nav ul li{
	height:0.7rem;
	font-size:0.24rem;
	line-height:0.70rem;
    color:#FFF;
}
.heard .nav ul li a{
	height:0.7rem;
	font-size:0.28rem;
	line-height:0.70rem;
    color:#FFF;
}

.heard .nav .bg{
	width: 100%;
	height:100%;
	background: rgba(0,0,0,.2);
	}
	

/* 新闻*/
.news{ width:100%;  height:0.90rem; overflow: hidden;}
.news .news_show{ margin:0px;height: 100%;line-height: 0.8rem; }
/*.news .news_show .notice{height: 100%;background: red;width: 100%}*/
.news_show1 span{height:0.19rem; width:0.20rem; margin:0.20rem 0 0 0.20rem;}
.news_show1  p{color:#028f3f; font-size:0.26rem; line-height:0.60rem; margin-left:0.20rem;}
.news_show a{ font-size:0.24rem; color:#999; line-height:0.60rem;margin-left:0.20rem; font-family: PingFangSC-Medium, sans-serif;
}
.noli{
    height: 0.9rem;
    width: 100%;
    overflow: hidden;
}
.noli a{
    line-height: 0.42rem;
    height: 1.4rem;
    width: 5.5rem;
    display: inline-block;
    color: black;
    padding-bottom: 0.4rem;
}
/* 菜单*/
.menu{ width: 100%; height: auto; overflow: hidden;} 
.menu ul{ margin: 0.3rem 0.20rem 0.6rem 0.2rem; overflow: hidden;}
.menu ul li {width: 1.25rem; float: left; margin:0.3rem 0.70rem 0 0;  text-align:center; }
.menu ul li a span{ width: 1.25rem; height: 1.25rem;}
.menu ul li a p{ color:#1d1d1d; font-size: 0.26rem; margin: 0.18rem 0 0 0;}
.menu ul  .left_bk{ margin-right: 0;}
/* 产品图片*/
.product1{ width: 100%; height: auto; overflow: hidden; margin:0.40rem 0 0 0;}
.product1 a .jianj{width:2.9rem;height:1.9rem; margin-left:0.20rem; background-image:url(../images/frontend/1_03.jpg); background-size:cover;}
.product1 a .jianj p{ margin:1.5rem 0 0 0.15rem; font-size:0.28rem; color:#fff;}
.product1 a .fuwq{width:3.96rem;height:1.9rem; margin-right:0.20rem;background-image:url(../images/frontend/2_03.jpg);background-size:cover;}
.product1 a .fuwq p{ margin:1.5rem 0 0 0.15rem; font-size:0.28rem; color:#fff;}
.product2{ width: 100%; height: auto; overflow: hidden;margin:0 0 2.0rem 0;}
.product2 ul{margin:0.2rem; overflow:hidden;}
.product2 ul li{width:2.18rem; float:left; margin:0 0.2rem 0 0; border:#dbdbdb solid 0.01rem;}
.product2 ul li a span{ width: 2.2rem; height: 2.5rem;}
.product2 ul li a p{color:#028f3f; font-size:0.28rem; margin:0.15rem 0 0.15rem 0.15rem;}
.product2 ul .left_bk{ margin-right:0;}
/*路况*/
#traffic{width: 100%;height: 10.6rem}
.timenow{
    position: absolute;left: 0.36rem;top:0.5rem;
    width: 90%;
    text-align: right;
    height:21px;
    line-height: 0.6rem;
    font-size: 0.15rem;
    color: #5f5d5d;
}
#doubi{
    border-radius: 1rem;
    width: 0.5rem;
    height: 0.5rem;
    background: red;
    position: absolute;
    top:-6px;
    left: -7px;
    line-height: 0.5rem;
    color: white;
    font-size: 0.32rem;
}