/*头部*/
.top_bg{
	position: fixed; 
	z-index: 999;
	top: 0; 
	left: 0;
	width: 100%;
	background-color: #fff;
	z-index: 99999;
}


.top_logo{
	width: 100%;
	height: 2.4rem;
	position: relative;
	display: flex;
	justify-content: center;


}
.top_logo img{
	display: block;
	max-width: 100%;
	max-height: 2.4rem;
	
}





.top_search_box_bg{	 padding: 0 0.64rem 0.5rem;  }
.top_search_box{  overflow: hidden;   display: flex; justify-content: space-between; align-items: center;}
.top_search {

	background-color: #fff;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.top_search input {
	background: #eeeeee;
	
	width: 100%;
	line-height: 1.52rem;
	border: none;
	font-size: .56rem;
	color: #999999;
	float: left;
	border-radius: 1.52rem;
	text-indent: 1.54rem;
	text-overflow: ellipsis;
}

.top_search input:focus {
	border-color: #189aed;
}

.to_sea_icon {
	position: absolute;
	top: 0.48rem;
	left: 0.6rem;
	width: 0.54rem;
	height: 0.54rem;
}
.top_search button{
	font-size:.56rem;
	color: #1456a0;
	position: absolute;
	top: 0.36rem;
	right: 0.6rem;
	
}



.top_search span{
	display: block;
	width: .78rem;
	height: .76rem;
	margin-top: ;
	background: url(/wap/mb/images/icon_search.png) no-repeat center center;
	background-size: 100%;
}

.top_menu span{
	display: block;
	width: .94rem;
	height: .76rem;
	background: url(/wap/mb/images/icon_menu.png) no-repeat center center;
	background-size: 100%;
}
.top_menu span.close{
	display: block;
	width: .94rem;
	height: .76rem;
	background: url(/wap/mb/images/icon_close.png) no-repeat center center;
	background-size: .76rem .78rem;
}


.menu{
	position: absolute;
	right: 0;
	width: 96%;
	background-color: #fff;
	text-align: left;
	 height:100vh;
	padding: 0 2%;
	border-bottom: 0;
	display: none;
	
}

.menu dd{
	line-height: 1.84rem;
	
}
.menu dd:first-child{
	border:0;
}
.menu a{
	display: block;
	color: #999999;
	font-size: .72rem;
	background: url(/wap/mb/images/menu_rt.png) right center no-repeat;
	background-size: 0.24rem 0.4rem;
}

.menu a.active{
	color: #12549e;
	background: none;
}




/*清除浮动*/
.fix{*zoom:1;}
.fix:after{display:table; content:''; clear:both;}

.fl{float: left}
.fr{float: right}
.index_header{position: fixed; width: 100%;padding: 0 .3rem; overflow: hidden; z-index: 999;}
#iSlider-wrapper{ width: 100%; height: 6.6rem; position: relative;}
.index_content{padding-top: 2.4rem;}

.men_nv{padding:0.4rem .15rem .4rem;}
.men_nv dl{width:100%;overflow:hidden;}
.men_nv dl dd{float:left;width:25%;margin-top:.3rem; margin-bottom: 0.4rem;}
.men_nv dl dd a{display:block;}
.men_nv dl dd a span{display:block;width:1.12rem;height:1.12rem;background:url(/wap/mb/images/items_icon.png) no-repeat;background-size:12.38rem 3.84rem;margin:0px auto .32rem;}
.men_nv dl dd a em{display:block;color:#333333; font-style: normal; font-weight: bold; font-size:0.44rem;height:.8rem;line-height:.8rem;text-align:center;}
.men_nv dl dd:nth-child(1) a span{background-position: -0.01rem 0rem;}
.men_nv dl dd:nth-child(2) a span{background-position: -3.79rem 0rem;}
.men_nv dl dd:nth-child(3) a span{background-position: -7.50rem 0rem;}
.men_nv dl dd:nth-child(4) a span{background-position: -11.26rem 0rem;}
.men_nv dl dd:nth-child(5) a span{background-position: -0.01rem -2.7rem;}
.men_nv dl dd:nth-child(6) a span{background-position: -3.79rem -2.7rem;}
.men_nv dl dd:nth-child(7) a span{background-position: -7.50rem -2.7rem;}
.men_nv dl dd:nth-child(8) a span{background-position: -11.26rem -2.7rem;}


.pro_bt{overflow: hidden; padding: .3rem 0rem;    }
.pro_bt span{ float: left; font-size: .56rem;  font-weight: normal; }
.pro_bt a{ float: right;font-size: .44rem;color: #999999;}

.sy_pic_box{overflow:hidden; border-bottom: 1px solid #e5e5e5;padding-bottom: 0.3rem; margin-bottom: 0.4rem;}
.sy_pic_box li{width:50%;float:left; margin-top: 0.4rem;}

.sy_pic_box li a{display:block;}
.sy_pic_box li:nth-child(odd) a{padding-right:0.2rem;} 
.sy_pic_box li:nth-child(even) a{padding-left:0.2rem;} 
.sy_pic_box li span{font-size:0.56rem; font-weight: bold; color:#333333;display:block;height:1.48rem;line-height:1.48rem;overflow:hidden; text-align: center;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}

.picbox_w3_h2{height:6.7rem;width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;}
.picbox_w3_h2 img{max-width:100%;max-height:6.7rem;}
.picbox_w3_h2 table{height:6.7rem;width:100%;}




.pints{ text-align: center; padding: 0.62rem 0; justify-content: center; display: flex; background: #f7f7f7;}
.pints span{ display: inline-block; font-size: 0.72rem; color: #333333; font-weight: bold; position: relative;}
.pints span::before{ content: ''; position: absolute; left: -1.2rem; top: 50%; margin-top: -0.01rem; width: 0.8rem; height: 1px; background: #333333;  }
.pints span::after{ content: ''; position: absolute; right: -1.2rem; top: 50%; margin-top: -0.01rem; width: 0.8rem; height: 1px; background: #333333; }
  


.index_about{ padding: 0.8rem 0.6rem;}
.index_about_img{ padding: 0rem 0;}
.index_about_img img{ max-width: 100%; }
.index_about_txt{ padding: 0.4rem 0;}
.index_about_txt span{ font-size: 0.56rem; color: #666666; display: block; line-height: 1rem; }

.index_product{ padding: 0.5rem 0.5rem 0; }

.est-list{ display: flex;width: 100%; }
.est-list-left{ width: 4rem; position: relative; height: 4rem; background: #f7f7f7; display: flex; align-items: center; justify-content: center;}
.est-list-left img{max-width: 4rem;}
.est-list-right{ flex: 2; position: relative; margin-left: 0.6rem;}
.est-list-title{ line-height: 1rem;}
.est-list-title a{ font-size: 0.64rem; color: #333333; font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;
overflow: hidden; }
.est-list-txt{ color:#999999 ; font-size: 0.48rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; line-height: 1rem;
overflow: hidden;}


.index_news{ padding: 0rem 0.6rem 0; }
.index_news_items ul li{ padding: 0.6rem 0; line-height: 0.8rem; border-bottom: 1px solid #e5e5e5;}
.index_news_items ul li span{ display: block;margin-bottom: 0.4rem;}
.index_news_items ul li span img{ max-width: 100%;}
.index_news_items ul li em{ display: block; height: .96rem; line-height: 0.96rem;  margin-bottom: 0.1rem; background: url(/wap/mb/images/tiem_icon.png) left center no-repeat;  background-size: 0.48rem; padding-left: 0.72rem; font-size: 0.52rem; color: #999; font-style: normal;}
.index_news_items ul li a{font-weight: bold; font-size: 0.64rem; color: #333333; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;
overflow: hidden; }
.index_pro_items ul li:last-child,.index_news_items ul li:last-child{border-bottom: none;}

.btns{ padding: 0.64rem 0; text-align: center;border-top: 1px solid #edf2fa; font-size: 0.52rem; color: #333333; justify-content: center; display: flex; align-items:  center;}
.btns a{color: #333333; display: inline-block; margin-right: 0.30rem;}
.btns img{ width: 0.24rem ; height: 0.4rem;margin-top: 0.05rem;}
.footer_menu dl dd{padding: 0.6rem 0; line-height: 0.8rem; border-bottom: 1px solid #e5e5e5;}
.footer_menu dl dd a{font-size: 0.64rem; display: block; color: #333333;  font-weight: bold;background: url(/wap/mb/images/ft_menu_jt.png) right center no-repeat;
    background-size: 0.24rem 0.4rem;}
.tel-fax-mail{background: #f7f7f7; padding: 0.4rem 0.5rem;}
.ft_list{ text-align: center; font-size: 0.48rem; color: #666666;}
.ft_list h4 {
    color: #333333;
    font-size: 0.56rem;
    line-height: 1.2rem;
}
.ft_list .tel-fax-mail ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.ft_list .tel-fax-mail ul li {
	line-height: 1.2rem;
	color: #666666;
	font-size: 0.48rem;
	
}

.ft_list .tel-fax-mail ul li span {
	font-weight: bold;
	padding: 0;
	margin: 0;
}

.ft_list .ft-bottom {
	padding: 0.6rem 0.5rem;
	background: #1456a0;
	line-height: 0.9rem;
	font-size: .48rem;
	color: #cdd6e5;
	border-bottom: 1px solid #2c67aa;
}


.ft-bottom_list{width: 100%; height: 2rem; overflow: hidden; background-color: #1456a0; padding:  0;}
.ft-bottom_list ul{ width: 100%;height: 100%;     white-space: nowrap; overflow-x: auto; overflow-y: hidden;  }
.ft-bottom_list ul li { height: 2rem;
    line-height: 2rem;
    font-size: .48rem;
    color: #ffffff;
    display: inline-block;
    padding: 0 .36rem;}

.ft-bottom_list ul li a{
    height: 2rem;
    color: #ffffff;
    display: block;
    position: relative; }