/*style*/
 * { margin: 0; padding: 0; list-style: none;  font-family: 'Microsoft YaHei','SimHei','STHeiti','Arial'; }
body { font-size:12px; 
    overflow-x: hidden;
	overflow-y:auto;
    width: 100%;
	margin:0 auto;
    max-width: 640px;
    min-width: 320px; 
    padding-bottom: 80px; }
a { color:#5a5a5a; text-decoration: none; }
a:hover {text-decoration: none; color:inherit; }

/*首横公司导航*/
.header { background:#fff; width: 100%; max-width:640px; margin:0 auto; height: 50px; position:fixed; top: 0; z-index:9999; opacity: 0.9;  }
.header h3 { width:10%; color: #0082DF; height:50px; line-height:50px; font-size: 25px; cursor: pointer; }
.header span { width:88%; line-height:50px; display:block; }
.fr { float:right;   }
.fl { float:left; font-size:20px; padding-left:2%; color:#0082DF; font-weight:bold;  }
#nav { width:100%; background:#f0f0f0; position:absolute; top:50px; z-index:9999;  }
#nav li { border-bottom:1px solid #fff; }
#nav li a { height:38px; line-height:38px; color:#000; font-size:17px; display:block; padding-left:4%; }
#nav a:hover { background:#336699; color:#fff;  }
#nav a.active{ background:#0082DF; color:#fff;  }

/*首页广告图*/
.banner{ margin-top:50px; }
.box_swipe{  overflow:hidden; position:relative; }
.box_swipe ul{ -webkit-padding-start: 0px; }
.box_swipe>ol{
    height:20px;
    position: relative;
    z-index:10;
    margin-top:-25px;
    text-align:right;
    padding-right:15px;
    background:rgba(0,0,0,0.3);
}
.box_swipe>ol>li{
    display:inline-block;
    margin:5px 0;
    width:8px;
    height:8px;
    background:#757575;
    border-radius: 8px;
}
.box_swipe>ol>li.on{ background:#ffffff; }


/*首页每横2个图*/
.product { margin: 1% 5% 0; padd ing: 0 1%; }
.product ul li {width: 46%; margin-bottom: 4%;  float: left;  }
.product ul li:nth-child(2n) { margin-left: 8%; }
.product ul li a { height: 120px; text-align: center; display: block; border-image: none; border:1px solid #f0f0f0;  }
.product ul li a img{ max-height: 100%; max-width: 100%; display: inline; he ight: 120px;  }
.product ul li span{ color: #555; width: 100%; height: 20px; line-height: 20px; text-align: center; overflow: hidden; font-size: 12px; display: inline-block; white-space: nowrap; -ms-text-overflow: ellipsis; }

/*每横2个图*/
.container-fluid {  padding-right: 0px;  padding-left: 0px; margin-right: auto; margin-left: auto; }
.ipro ul {  width:95%; margin: 0 auto; }
.ipro ul li { float:left;  width:45%; height: 120px;  margin:2%; text-align: center;  border:1px solid #f0f0f0; }
.ipro ul li a{  display: inline-block;  }
.ipro ul li a img { display: inline-block; vertical-align: middle; max-height: 100px; max-width: 200px; }
.ipro ul li span{ display: block; width: 100%; height: 20px; line-height: 20px; text-align: center;  }

/* 每横4个*/
.aslist {float:left; align:center; LIST-STYLE-TYPE: none; overflow: hidden; max-height:200px; width:23%; margin-bottom:10px; margin-left:1.6%; }

.aslist li{ float:left; width:100%; height:128px; text-align:left; vertical-align:middle;  }

.aslist div{ width:360px; height:100px; overflow: hidden; display:table-cell; text-align:center; vertical-align:middle;  } 

.aslist img{ width:auto; max-width:100%; height:auto; max-height:100%; }

.aslist p {overflow: hidden; text-align:center; font-size:12px; width:96%; }


/*首面标题*/
.tit { background: url("../images/tit.png") top center no-repeat; text-align: center;   }
.tit h3 { padding-top: 16px; font-size: 20px; }
.tit span{ font-size: 8px; text-transform: uppercase; line-height: 20px;  color:#464646; }

.fenl {padding-bottom: 2%;  margin-left: 1%;  height: 20px; line-height: 20px; }
.fenl a {padding: 1% 0; width: 27%;  text-align: center; color: #fff;  margin-right: 1%; margin-bottom: 3%; float: left; background:#222C50; border-radius: 3px; }
.fenl a:first-child h2 { background: #1F9620;}
.fenl a:last-child { width: 15%; background: #DA0C0C; }

/*首面关于我们*/
.clearfix { clear:both; }
.iabout { width:96%; height:auto; background: #0082df; padding:2%; ma rgin: 1% 0; }
.iabo_txt { padding: 2%; border: 1px solid #f0f0f0;  color: #fff; }
.iabo_txt p { line-height: 20px; font-size: 12px; }

/*首页联系我们*/
.icont { background: #0082DF; padding:2%; margin-top: 2%; text-align:center; box-shadow:0px 0px 5px #ccc; }
.icont p { line-height: 25px; color:#fff; font-size: 14px; }
.icont p a{ color:#fff; }

/*上面产品分类文字*/
.navs { margin-top:50px;  border: 1px solid #F1F1F1; background: #F1F1F1;  height: 25px; height: auto; overflow: auto; }
.navs a { text-align: center; font-size: 12px; line-height: 25px; box-sizing: border-box; width: 25%; color: #000; border-right: 1px solid #fff; border-bottom: 1px solid #fff; float: left; }
.navs a:nth-of-type(4n){ border-right: 0; }
.navs a.Select { background: #fff; color:#000; }


/*上面小导航文字*/
.abo_t { margin:1% 2%;  }
.abo_t span { display:block; font-size:18px; }
.abo_t em { display:inline-block; width:75px; height:3px; background:#f86d12; }


/*产品大图*/
.abocon { width:97%; margin:0px auto; }
.abocon img { display:block; max-width:100%; height:auto; margin: 9px 0 5px; display:inline; }



/*关于我们*/
.aboconlx { width:95%; margin:0px auto; }
.aboconlx p {line-height:22px; }

/*联系我们*/
.lianxi { width:95%; margin:0px auto; }
.lianxi p {line-height:22px; }
.lianxi i { color:#808080; }
.lianxi em { font-size:18px; color:#f00; font-weight:bold; }

/*翻页*/
.sxkuan { text-align:center; height:50px; margin-bottom:2px; background:#f0f0f0;}
.sxkuan img { height:20px; }
.lflist {float:left; padding-left:1.5%; }
.lflist li{ }  
.lflist div{ width:50px; height:50px;display:table-cell;vertical-align:middle;} 
.lflist div img{ width:auto; max-width:50px; height:auto; max-height:50px;  box-shadow: 1px 2px 6px #000000;} 
.lflist p{top:-17px;position: relative; }

.rflist {float:right; padding-right:1.5%; }
.rflist li{ }  
.rflist div{width:50px; height:50px; display:table-cell;vertical-align:middle; } 
.rflist div img{ width:auto; max-width:50px; height:auto; max-height:50px; box-shadow: 1px 2px 6px #000000; } 
.rflist p{top:-17px;position: relative;}
.xiangguan{float:left; text-align: left; margin-left: 2px; margin-bottom:2px; }
/*产品说明*/
.tag { padding-left: 1%; padding-bottom: 2%; }

/*相关 */
.maink { width:100%; overflow: hidden; background:#545864; font-size:13px; }
.maink u { background:#0082DF; margin-left:3%;  padding :0 1%; text-decoration:none;  color:#fff; }
.maink u a{  color:#fff; }

/* 相关产品*/
.flist{float:left;align:left; list-style-type: none; OVERFLOW: hidden; width:18%; height:105px; margin-left:1.5%; margin-bottom:5px; }
.flist li{   }  
.flist div{ width:120px; height:80px; text-align:center;  display:table-cell; vertical-align:middle; } 
.flist div img{ width:auto; max-width:100%; height:auto; max-height:100%; } 
.flist p{ font-size:10px; text-align:center; }

/*回复留言*/
.MainDesc{ border:1px solid #ccc; }

/*页码1*/
#ayema { height:25px; line-height:25px; margin-top:10px; float:center; text-align:center; font-size:16px; back ground:#f00;  font-weight:bold; }
#ayema a { color:#444; padding:1px 3px; margin:0 2px; border:1px solid #ccc; border-radius: 3px;  }
#ayema a:hover{ back ground:#545864; col or:#202020;  }
.aNow {  color:#0082DF; pad ding:2px; font-size:18px;  }
#aNow0 i{ background:#fff; color:#ccc; }

/*下面top*/
.bottom { width:100%; height:35px; margin-top: 15px; background:#545864; }
.backtop{ float: right; padding:1% 3% 0 0; }
.backtop i{ font-size:25px; fo nt-weight:bold; }
.backtop a{ color:#fff; font-size:18px; font-weight:bold; }
.backtop a:hover{ color: #fff!important; }
/*时间©2020*/
.csu { float:right; text-align:left; font-size: 10px; color:#808080;  padding:3px 5px 0px 0px; }

/*最底底部*/
.mui-bar { max-width: 640px; min-width: 320px; position:fixed;  opacity: 0.9; }
.mui-bar-tab { bottom:0; display:table; width:100%; height:35px; background: #336699; padding:0; table-layout:fixed; border-top:0; border-bottom:0; -webkit-touch-callout:none; }
.mui-bar-tab .mui-tab-item { display:table-cell; overflow:hidden; width:20%; hei ght:35px; text-align:center; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; color:#fff; }
.mui-tab-label { font-size:9px; display:block; overflow:hidden; text-overflow:ellipsis; }
.mui-icon { font-size:18px; display:inline-block; line-height:10px; }
.yf-nav .yf-nav-dianH { width:45px; height:45px; background: #008000; border-radius:30px; border: 1px solid #fff; position: fixed; bottom: 0; left: 50%; margin-left:-26px; }
.yf-nav .yf-nav-dianH .yf-nav-icoD { margin-top:4px; font-size:25px; line-height:23px; }

/*最底底部1*/
.fixed { position:fixed; bottom: 0; z-index:9999; }
.footer { width: 100%;  max-width: 640px; margin: 0 auto;  hei ght: 45px; background: #336699;  opacity: 0.9; }
.footer ul { overflow: hidden; padding-top: 5px;}
.footer ul li {  width:25%;  float:left;}
.footer ul li i {font-size:20px; color: #fff; }
.footer ul li a { display: block; color: #fff; }
.footer ul li a:hover{ color:#fff!important; }
.footer ul li p{font-size:8px; }
.tac { text-align:center;  }





/*页码新2*/
.page {flo at:center; text-align:center; margin-top: 8px; font-size:16px; }


.page li { margin: 0px 5px; border:1px solid #0E6FDA;  width: 25px; height: 25px; line-height: 25px; float: left;   }

.page li a {  background: #FFF; color: #0E6FDA; display: block;  }

.page li a:hover { background: #0E6FDA; color: #FFF;}

.previous_s { background: #49e; }

.next { background: #49e; }

.pages_solid {background: #f00; color:#fff;  width: 30px; height: 30px; line-height: 30px; text-align: center;  border: 1px solid #f00; border-radius: 100%; display: inline-block; mar gin: 0px 20px;}

.page li i { fo nt-size:16px; li ne-height: 18px;  co lor: #f00; fo nt-weight:bold; }





/*页码3*/
#yema { float:center; text-align:center; font-size:18px; }

#yema a {background: #FFEEEE; color:#c00; border: 1px solid #FFC0CB;  width: 30px; height: 30px; line-height: 28px; text-align: center;  border-radius: 100%; display: inline-block; }

#yema a:hover{ color:#003371; font-weight: bold; }

.language {background: #f00; color:#fff;  width: 30px; height: 30px; line-height: 28px; text-align: center;  border: 1px solid #f00; border-radius: 100%; display: inline-block; margin-right: 5px;font-weight: bold;  }


#Now0 i{ color:#eee; }