@charset "utf-8";
/* CSS Document */
html { overflow-y: scroll; overflow-x:hidden;}
*html { background-image:url(about:blank); background-attachment:fixed; }

/* 清除内外边距 */
h1, h2, h3, h4, h5, h6, hr, p, blockquote, 		/* structural elements 结构元素 */
dl, dt, dd, ul, ol, li,							/* list elements 列表元素 */
pre, 											/* text formatting elements 文本格式元素 */
fieldset, form, button, input, textarea, 		/* form elements 表单元素 */
th, td , 										/* table elements 表格元素 */
body { margin: 0; padding: 0; }

/* 设置默认字体样式 */
body,textarea,input,button,select { font: 0.24rem/1.14 Arial, Verdana,"微软雅黑", "PingFang-SC", \5b8b\4f53; color:#3b3b3b; outline:0; }
body { background:#fff; }
h1,h2,h3,h4,h5,h6 { font-size: 100%;font-style: normal;font-weight: normal; }
i, em, b { font-style: normal;font-weight: normal; }

/** 重置图片元素 **/
img { border: none; vertical-align: top;}

/** 重置列表元素 **/
ul, ol, li, dl, dd, dt { list-style: none; }

/** 重置表格元素 **/
table { border-collapse:collapse; border-spacing: 0;}

/**重置表单元素**/
input[type=submit] { cursor:pointer; }
input[type=button] { cursor:pointer; }
textarea { resize: none; overflow:auto; }
label { display: inline-block; *display: inline; *zoom: 1; }

/** 默认链接元素 **/
a { color: #3b3b3b; text-decoration: none;
	-webkit-transition: color .2s;
	   -moz-transition: color .2s;
	    -ms-transition: color .2s;
	     -o-transition: color .2s;
	        transition: color .2s;
}
a:hover {}
a:focus { -moz-outline-style: none; }
a:focus { outline: none;} 
q:before,q:after{ content:none; }

/** 浮动元素 **/
.fl { float: left; *display: inline; }
.fr { float: right; *display: inline; }

/* 清除浮动 */
.clearfix:after{ display:block; clear:both; visibility:hidden; height:0; overflow:hidden; content:"."; }
.clearfix{ *zoom:1; }
.clear{clear:both; height:0; line-height: 0; font-size: 0; overflow:hidden;}

/* 溢出 / 隐藏 */
.over{overflow:hidden;}
.hide{display:none;}


@media (min-width: 320px){html{font-size: 42.6667px;} }
@media (min-width: 360px){html{font-size: 48px;} }
@media (min-width: 375px){html{font-size: 50px;} }
@media (min-width: 384px){html{font-size: 51.2px;} }
@media (min-width: 414px){html{font-size: 55.2px;} }
@media (min-width: 448px){html{font-size: 59.7333px;} }
@media (min-width: 480px){html{font-size: 48px;} }
@media (min-width: 512px){html{font-size: 68.2667px;} }
@media (min-width: 544px){html{font-size: 72.5333px;} }
@media (min-width: 576px){html{font-size: 76.8px;} }
@media (min-width: 608px){html{font-size: 81.0667px;} }
@media (min-width: 640px){html{font-size: 85.3333px;} }
@media (min-width: 750px){html{font-size: 100px;} }



/*一级栏目*/
.bg_1{position: fixed;width: 100%;max-height: 100%;overflow-y: auto; top: 0;left: 0;background: #f4f4f4;z-index: 9;}
.top_1{padding: 0.3rem;background: #363337;overflow: hidden;}
.top_1 a{float: left;color: #fff;font-size: 0.26rem;background: url(../images/xq_zy.png) top center no-repeat;background-size: 0.4rem;padding-top: 0.5rem;}
.top_1 p{line-height: 0.82rem;background: #fff;border-radius: 0.1rem;overflow: hidden;cursor: pointer;width: 6rem;float: right;}
.top_1 p i{float: left;width: 0.8rem;height: 0.8rem;background: url(../images/sousuo.jpg) center no-repeat;background-size: 0.4rem;margin-left: 0.1rem;}
.top_1 p font{color: #999999;font-size: 0.3rem;}
.lanmu{position: relative;margin-top: 0.3rem;padding: 0 0.3rem;}
.lanmu ul li{margin-bottom: 0.2rem;box-shadow: 2px 2px 2px rgba(8,1,3,0.17);}
.lanmu ul li img{width: 100%;}
.lanmu ul li p{line-height: 0.8rem;background: #fff;padding-left: 0.3rem;font-size: 0.3rem;}
.lanmu ul li p span{background: url(../images/lei_icon.jpg) left center no-repeat;background-size: 0.3rem;padding-left: 0.44rem;}





/*二级栏目*/
.biao_m{background: #363337;}
.biao_m h1{text-align: center;font-size: 0.36rem;font-weight: bold;color: #fff;line-height: 0.9rem;}
.biao_m h1 span{border-bottom: 3px solid #fff;display: inline-block;line-height: 0.9rem;padding: 0 0.3rem;}
.lan_m{}
.lan_m ul{overflow: hidden;padding: 0 0.2rem;}
.lan_m ul li{float: left;width: 33.3333%;}}
.lan_m ul li a{display: block;padding: 0 0.1rem;}
.lan_m ul li img{width: 100%;}
.lan_m ul li p{height: 0.8rem;line-height: 0.36rem;text-align: center;}









/*产品列表*/
.cp_m{margin-top: 0.3rem;}
.cp_m ul{overflow: hidden;padding: 0 0.2rem;}
.cp_m ul li{float: left;width: 33.3333%;padding-bottom: 0.3rem;}
.padd_1{padding: 0 0.1rem;}
.cp_m ul li a{display: block;padding-bottom: 0.2rem;box-shadow: 2px 2px 2px rgba(8,1,3,0.17);background: #fff;}
.cp_m ul li img{width: 100%;height: 2.18rem;}
.cp_m ul li p{height: 0.7rem;line-height: 0.36rem;padding:0 0.2rem;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}

.lanmu_2{padding-bottom: 0.3rem;}
.lanmu_2 .swiper-slide{display: inline-block;width: auto;padding-right: 0.2rem;}
.lanmu_2 .swiper-slide p{line-height: 0.6rem;background: #fff;border-radius: 0.6rem;padding: 0 0.3rem;}
.lanmu_2 .swiper-slide p span{background: url(../images/jian_1.jpg) right center no-repeat;background-size: 0.2rem;padding-right: 0.34rem;}
.lanmu_2 .xuan_lanm p span{background: url(../images/cha_icon.jpg) right center no-repeat;background-size: 0.16rem;padding-right: 0.3rem;color: #00a2d9;}
.lanmu_2 .xuan_lanm1 p span{background: url(../images/jian_2.jpg) right center no-repeat;background-size: 0.2rem;padding-right: 0.34rem;color: #00a2d9;}

.lei_tan{position: fixed;top: 2.3rem;left: 0;width: 100%;background: rgba(0,0,0,0.5);z-index: 9999;height: 100%;display: none;}
.lei_tan ul{background: #fff;padding: 0.3rem;padding-top: 0; height: 4rem;overflow-y: auto;}
.lei_tan ul li{line-height: 0.8rem; font-size: 0.3rem;float: left;width: 50%;margin-top: 0.2rem;}
.lei_tan ul li:nth-child(odd) p{padding-right: 0.2rem;}
.lei_tan ul li:nth-child(even) p{padding-left: 0.2rem;}
.lei_tan ul li span{display: block;position: relative;}
.lei_tan ul li span:before{ 
	height: 1px;
    content: '';
    width: 200%;
    border-bottom: 1px solid #fff;
    position: absolute;
    bottom: 0px;
    left: -50%;
    transform: scaleX(0.5);
    -webkit-transform: scaleX(0.5);
    z-index: 10;}
.lei_tan ul li.xuan_xu span{background: url(../images/gou_icon.jpg) right center no-repeat;background-size: 0.28rem;}
.lei_tan ul li.xuan_xu span:before{ 
	height: 1px;
    content: '';
    width: 200%;
    border-bottom: 1px solid #00a2d9;
    position: absolute;
    bottom: 0px;
    left: -50%;
    transform: scaleX(0.5);
    -webkit-transform: scaleX(0.5);
    z-index: 10;}
.que_an{line-height: 0.8rem;text-align: center;overflow: hidden;}
.que_an a{float: left;width: 50%;font-size: 0.3rem;}
.que_an a.chong_1{position: relative;background: #fff;}
.que_an a.chong_1:before{ 
	height: 1px;
    content: '';
    width: 200%;
    border-top: 1px solid #e4e4e4;
    position: absolute;
    top: 0px;
    left: -50%;
    transform: scaleX(0.5);
    -webkit-transform: scaleX(0.5);
    z-index: 10;}
.que_an a.que_1{background: #363337;color: #fff;}




/*搜索*/
.sousuo_tan{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);display: none;}
.ss_m{width: 6.9rem;background: #fff;border-radius: 0.1rem;margin: 0 auto;margin-top: 0.3rem;}
.ss_top{overflow: hidden;padding:0 0.3rem;position: relative;}
.ss_top:before{ 
	height: 1px;
    content: '';
    width: 200%;
    border-bottom: 1px solid #1b191b;
    position: absolute;
    bottom: 0px;
    left: -50%;
    transform: scaleX(0.5);
    -webkit-transform: scaleX(0.5);
    z-index: 10;}
.ss_top i{float: left;width: 0.4rem;height: 0.8rem;background: url(../images/fanhui.png) center no-repeat;background-size: 100%;}
.ss_top input{float: left;margin-left: 0.3rem;line-height: 0.8rem;height: 0.8rem;width: 5rem;border: none;}
.ss_n{padding: 0.3rem;font-size: 0.3rem;}
.ss_n h1{color: #000040;}
.ss_n .sou_m1{margin-bottom: 0.4rem; overflow: hidden;}
.ss_n .sou_m1 li{float: left;margin-top: 0.3rem;padding-left: 0.3rem;}
.ss_n .sou_m1 li h1{color: #c0c0c0;}
.ss_n .sou_m2{overflow: hidden;height: 1.5rem;}
.ss_n .sou_m2 li{float: left;margin-top: 0.3rem;margin-right: 0.3rem;padding-left: 0.3rem;}
.ss_n .sou_m2 li h1{color: #c0c0c0;}

.zi_d1{line-height: 0.8rem;font-size: 0.3rem;position: absolute;left: 0.3rem;background: url(../images/lei_icon.jpg) left center no-repeat;background-size: 0.3rem;padding-left: 0.5rem;}

	
