img{ width:100%; vertical-align:middle;}
.con,.page{ display:inline; float:left;}

/*通栏广告*/
.g-adv{height:auto; padding-bottom:0.7em;overflow:hidden;}
.g-adv .m-box,.g-adv .sclwrap_box{height:12.5em; overflow:hidden}

/*导航*/
nav{ width:100%;overflow:hidden;}
nav li{ float:left;width:33.3333333%;}
nav li a{display:block;height:4.4em;line-height:4.4em;color:#333333; text-align:center; border-bottom:1px solid #cecece; border-right:1px solid #cecece;background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e7e7e7)); 
background-image: -webkit-linear-gradient(top,   #ffffff, #e7e7e7); 
background-image: -moz-linear-gradient(top, #ffffff, #e7e7e7);
background-image: linear-gradient(top,  #ffffff, #e7e7e7);}
nav li:nth-of-type(3n) a{ border-right:none;}
nav li:nth-of-type(1) a,nav li:nth-of-type(4) a{ border-left:none;}
nav li:nth-of-type(1) a,nav li:nth-of-type(2) a,nav li:nth-of-type(3) a{ border-top:1px solid #cecece; }
/*nav li:nth-of-type(1) a,nav li:nth-of-type(2) a{ height:4.925em; padding:1.475em 0 0 0; line-height:1.875em;}*/

/*搜索*/
.m-sea{ position:relative; margin-bottom:0.7em; padding:1.75em 4.6875% 1.25em; background:url(/uploads/image/mi/sea_sd.gif) no-repeat center bottom; background-size:contain;overflow:hidden;}
.m-sea .search{ float:left; width:73.5%; height:2.875em; padding-left:4%; line-height:2.875em; color:#666666; border:none; font-size:1em; background:url(/uploads/image/mi/sea_bg.gif) no-repeat center top; background-size:100% 2.875em;}
.m-sea .scl_fri { float:left; width:22.5%;height:2.875em;line-height:2.875em;font-size:1em; overflow:hidden; background:#ff5105 url(/uploads/image/mi/sub_bg.gif) no-repeat center; background-size:1.416666em 1.375em;}
.m-sea .u-in {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);cursor: pointer;display: block; width:21%; line-height:2.875em;position: absolute;right: 4.6875%;top:1.75em;z-index: 50; font-size:1em;}

/*分类*/
.m-fl{ padding-bottom:0.85em; border-bottom:0.375em solid #f9f9f9; overflow:hidden;}
.m-fl h2{ padding-bottom:0.8em;}
.m-fl h2 a{ display:block; text-align:center; line-height:3.33em; color:#ff8005; background:#f9f9f9; border-top:0.2em solid #ff8005;}
.m-fl h2 a b{ font-size:116%;}

.m-fl p{ position:relative; padding: 0 0 0 4.71875%; line-height:2.08em; color:#666666;}
.m-fl p:before{ position:absolute; content:''; left:3.6875%; top:0.5em; width:0.2em; height:1em; background:#004f9e; border-radius:0.1em;}
.m-fl p a{ display:inline-block; padding: 0 0.6em; line-height:1.2em; color:#666666; }
.m-fl p:nth-of-type(4) a:nth-of-type(1){}

.m-fl .more{ display:block; width:35.3125%; margin:0.75em auto 0; text-align:center; color:#ffffff; line-height:2.375em; background:url(/uploads/image/mi/fl_bg.gif) no-repeat center top; background-size:contain;}

/*产品*/
.m-cp{ padding:1.5em 0 0 0; overflow:hidden;}
.m-cp h2{ padding: 0 0 1em; text-align:center;}
.m-cp h2 a{ display:block; color:#004f9e; background:url(/uploads/image/mi/cp_bor1.gif) no-repeat center; background-size:contain;}
.m-cp h2 a b{ font-size:108%;}
.m-cp h2 span{ display:block; font-family:"times new roman"; color:#999999; text-transform:uppercase; font-weight:bold;}

.m-cp .m-cnt{ padding: 0 4.6875%; overflow:hidden;}
.m-cp .m-cnt li{ float:left; width:46%; line-height:2.875em; text-align:center; color:#333333; border:1px solid #333333;}
.m-cp .m-cnt li:nth-of-type(2){ float:right;}
.m-cp .m-cnt li.z-on{ color:#ff5105; border-color:#ff5105;}

.m-cp .m-box,.m-cp .sclwrap_box{height:37.375em; overflow:hidden}
.m-cp .con ul{ padding:1.5em 4.6875% 0; overflow:hidden;}
.m-cp .con ul li{ float:left; width:46.5%; padding-bottom:1.5em;}
.m-cp .con ul li:nth-of-type(2n){ float:right;}
.m-cp .con ul li a{ display:block; text-align:center; color:#333333;}
.m-cp .con ul li a span{ display:block; border:1px solid #dedede;}
.m-cp .con ul li a i{ display:block; height:1.5em; background:url(/uploads/image/mi/cp_sd.gif) no-repeat center top; background-size:contain; }
.m-cp .con .more{ display:block;width:35.3125%; margin:0 auto;text-align:center; color:#ffffff; border:1px solid #f97a00; border-radius:0.2em; overflow:hidden; }
.m-cp .con .more span{ display:block; line-height:2.375em; border:1px solid #ffd12f;background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9732), to(#ff5206)); 
background-image: -webkit-linear-gradient(top,   #ff9732, #ff5206); 
background-image: -moz-linear-gradient(top, #ff9732, #ff5206);
background-image: linear-gradient(top,  #ff9732, #ff5206);}

/*品牌*/
.m-pp{ background:url(/uploads/image/mi/pp_bg1.jpg) no-repeat; background-size:cover; overflow:hidden;}
.m-pp h2{ padding:1.875em 0 2.1em 0; text-align:center;}
.m-pp h2 a{ font-size:1.25em; color:#ffffff;}
.m-pp h2 span{ display:block; font-size:116%; color:#ffffff; background:url(/uploads/image/mi/pp_bor1.png) no-repeat center; background-size:contain;}

.m-pp dl{ padding:0 0 1.25em 0; overflow:hidden;}
.m-pp dt{ float:left; width:18.59375%; padding:0 0 0 10.9375%;}
.m-pp dd{ float:right; width:65.625%; color:#ffffff;}
.m-pp dd b{ display:block; padding:0.4em 0; font-size:116%; color:#f00f00;}

.m-pp h3{ padding: 0.4em 0 1.5em 0; text-align:center; color:#ffffff; line-height:1.666em;}
.m-pp p{ padding: 0 0 1.6em 8.125%;}
.m-pp p a{ display:block; color:#ffffff;}
.m-pp p a b{ font-weight:normal; font-family:arial, helvetica, sans-serif; font-size:1.41666em;}
.m-pp p a span{ display:inline-block; width:5.45em; margin-left:1em; border:1px solid #0066cc; border-radius:0.2em; overflow:hidden;}
.m-pp p a span em{ display:block; font-style:normal; text-align:center; line-height:1.625em; color:#ffffff; border:1px solid #02d3fd;background-image: -webkit-gradient(linear, left top, left bottom, from(#027ef7), to(#0262bf)); 
background-image: -webkit-linear-gradient(top,   #027ef7, #0262bf); 
background-image: -moz-linear-gradient(top, #027ef7, #0262bf);
background-image: linear-gradient(top,  #027ef7, #0262bf);}

/*优势*/
.m-ys{ background:url(/uploads/image/mi/ys_bg1.jpg) no-repeat; background-size:cover; overflow:hidden;}
.m-ys h2{ padding:1.91em 0 2.08em 0;}
.m-ys h2 a{ display:block; width:90.625%; margin:0 auto;}

.m-ys .m-box,.m-ys .sclwrap_box{height:30em; overflow:hidden}
.m-ys h3{ padding:0 0 1.6em 4.6875%;}
.m-ys h3 b{ padding-right:2%; font-size:1.416em; color:#ff5105;}
.m-ys h3 span{ font-size:108%; color:#004f9e; font-weight:bold;}
.m-ys h4{ padding-bottom:1.3em;}

.m-ys p{ position:relative; padding: 0 4.6875% 0.7em 8.75%; line-height:1.5em; color:#333333;}
.m-ys p span{ color:#ff0000;}
.m-ys p:before{ position:absolute; content:''; left:4.6875%; top:0.6em; width:0.3em; height:0.3em; background:#333333;}

.m-ys ul{ padding-bottom:1.6em; text-align:center;}
.m-ys ul li{ display:inline-block; width:1.25em; height:1.25em; margin:0 1%; background:#999999; -moz-border-radius:1.25em;-ms-border-radius:1.25em;-webkit-border-radius:1.25em;-o-border-radius:1.25em;border-radius:1.25em;}
.m-ys ul li.z-on{ background:#ff5105;}

/*客户*/
.m-kh{ overflow:hidden;}
.m-kh .demo-box{ height:15.8em;}
.m-kh ul,.m-zx ul{ height:2.66em; background:#004f9e; overflow:hidden;}
.m-kh ul li,.m-zx ul li{ float:left; width:40%; color:#ffffff; text-align:center; line-height:2.66em;}
.m-kh ul li span,.m-zx ul li span{ font-size:116%;}
.m-kh ul li.z-on,.m-zx ul li.z-on{ background:#ff5105;}
.m-kh ul a{ float:right; width:20%; text-align:center; line-height:2.66em; color:#ffffff;}

.m-kh .box-style{ position:relative;}
.m-kh .m-box,.m-kh .sclwrap_box{height:13em; overflow:hidden}
.m-kh .demo-box div.no_ov div.page{margin-top:1.5rem;}
.m-kh .box-style:nth-of-type(1) .no_ov{ margin:0 4.6875%;}
.m-kh .box-style:nth-of-type(1) p{ padding:1.7em 0 0 0; overflow:hidden;}
.m-kh .box-style:nth-of-type(1) p a{ float:left; width:50%;}

.m-kh .box-style:nth-of-type(1) .prev,.m-kh .box-style:nth-of-type(1) .next{ position:absolute; z-index:10; top:80%; width:1.875em; height:1.875em; text-indent:9999em; background:url(/uploads/image/mi/kh_icon2.png) no-repeat; background-size:contain;}
.m-kh .box-style:nth-of-type(1) .prev{ left:40.3125%;}
.m-kh .box-style:nth-of-type(1) .next{ right:40.3125%; -moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);}

.m-kh .box-style:nth-of-type(2) .no_ov{ margin:0 15.625%;}
.m-kh .box-style:nth-of-type(2) p{ padding:0 0 0 0; overflow:hidden;}
.m-kh .box-style:nth-of-type(2) p a{ float:left; width:47%;}
.m-kh .box-style:nth-of-type(2) p a:nth-of-type(2){ float:right;}
.m-kh .box-style:nth-of-type(2) p a img{ display: block; width:98%; margin:0 auto;border:1px solid #d2d2d2;}

.m-kh .box-style:nth-of-type(2) .prev,.m-kh .box-style:nth-of-type(2) .next{ position:absolute; z-index:10; top:42%; width:2.08333em; height:2.08333em; text-indent:9999em; background:url(/uploads/image/mi/kh_icon1.png) no-repeat; background-size:contain;}
.m-kh .box-style:nth-of-type(2) .prev{ left:4.6875%;}
.m-kh .box-style:nth-of-type(2) .next{ right:4.6875%; -moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);}

/*资讯*/
.m-zx{ overflow:hidden;}
.m-zx ul li:nth-of-type(1){ width:35%;}
.m-zx ul li:nth-of-type(2){ width:25%;}
.m-zx ul li:nth-of-type(3){ width:40%;}
.m-zx ul.m-cnt{margin-bottom:1.5rem;}

.m-zx .m-box,.m-zx .sclwrap_box{height:27.6em; overflow:hidden}
.m-zx h3{ padding:1.7em 0 0.5em 0;}
.m-zx h3 a{ display:block; width:89.21875%; margin:0 auto; padding:0.125em; border:1px solid #e8e8e8;}
.m-zx h4{ padding: 0 4.6875%;}
.m-zx h4 a{ position:relative; display:block; padding: 0 0 0 6%; color:#333333; line-height:2.5em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block; width:95%;}
.m-zx h4 a:before{ position: absolute; content:''; left:0; top:1.222em; width:0.3em; height:0.3em; -moz-border-radius:0.3em; -ms-border-radius:0.3em; -o-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em; background:#999999;}

.m-zx .con:nth-of-type(2) dl{ padding:1em 0 0 0; overflow:hidden;    height: 11rem;}
.m-zx .con:nth-of-type(2) dt{ float:left; width:43.90625%; padding: 0 0 0 4.6875%;}
.m-zx .con:nth-of-type(2) dd{ float:right; width:42.1875%; padding: 0 4.6875% 0 0;}
.m-zx .con:nth-of-type(2) dd h5 a{ color:#333333;}
.m-zx .con:nth-of-type(2) dd p{ padding:0.4em 0; line-height:1.4em; color:#333333;}
.m-zx .con:nth-of-type(2) dd a{ color:#004f9e;}

.m-zx .con:nth-of-type(3) dl{ padding:1.3em 4.6875% 0; overflow:hidden;}
.m-zx .con:nth-of-type(3) dt{ padding: 0 0 0 6%;  background:url(/uploads/image/mi/zx_icon1.gif) no-repeat left center; background-size:0.791666em 0.66666em;}
.m-zx .con:nth-of-type(3) dt a{color:#004f9e;}
.m-zx .con:nth-of-type(3) dd{ margin-top:0.3em; padding: 0 0 1em 6%; color:#333333; line-height:1.666em;  background:url(/uploads/image/mi/zx_icon2.gif) no-repeat left 0.3em; background-size:0.791666em 0.875em; border-bottom:1px dashed #bfbfbf;}
.m-zx .con:nth-of-type(3) dd span{ color:#0061c2;}

.m-zx .con:nth-of-type(3) dl:last-of-type dd{ border:none;}




/*导航*/
/*导航*/
/*导航*/
/*导航*/




@media screen and (min-width:320px) {
	body { font-size:75%;}
}
@media screen and (min-width:360px) {
	body { font-size:87%;}
}

@media screen and (min-width:400px) {
	body { font-size:100%;}
}
@media screen and (min-width:480px) {
	body { font-size:112%;}

}
@media screen and (min-width:568px) {
	body { font-size:131%;}

}
@media screen and (min-width:639px) {
	body { font-size:150%;}
}