bhtml,body{text-align:center; font-family:'Microsoft YaHei','Simsun';  }
html,body{ color:#979DA1; background-color:#EEF0F1}

.container {width:96%;margin:0 auto; }

.header{ background:#FFF}
.header .htop{ padding-top:1em}
.header .htop img{ width:40%}
.header .hcen{}
.header .hcen img{ width:100%; display:block}

.slideBox{ position:relative; overflow:hidden; margin:0 auto}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{ background:url(images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;}
.slideBox .hd ul{ padding-top:0.5em}
.slideBox .hd li{ display:inline-block; width:1em; height:1em; -webkit-border-radius:1em; -moz-border-radius:1em; border-radius:1em; background:#333; text-indent:-9999px; overflow:hidden; margin:0.6em;   }
.slideBox .hd li.on{ background:#ED0000;}

.nav{ background:#fff}
.nav ul{ border-top:1px solid #D4D4D4; background:#fff; padding:0 3%}
.nav ul:last-child{border-bottom:1px solid #D4D4D4}
.nav li{ float:left; width:33%; line-height:2em; margin:3% 0;border-right:1px solid #2D3031;font-size:1em}
.nav li:nth-child(3n){ border-right:none}

.subnav .subtop{ padding-top:4.5%}
.subnav .subtop img{ width:38%}
.subnav .subcen{ height:6%; padding-top:4.5%; font-size:1.2em; font-weight:bold; color:#2D3031}
.subnav .subbot{ padding-top:0.9em; font-size:0.83em}
.subnav .subbot a{ float:left; display:block; width:48%; margin-bottom:0.5em; line-height:2.7em;color:#2D3031; border:1px solid #E2E4E6; background:#fff  }
.subnav .subbot a:nth-child(2n){ margin-left:2%}

.prod .prodtop{ height:2em; padding-top:4.5%; padding-bottom:1%; font-size:1.2em; font-weight:bold; color:#EC0000}
.prod .prodcen li{float:left; display:block; width:49%;margin-bottom:2%;background:#fff}
.prod .prodcen li:nth-child(2n){ margin-left:2%}
.prod .prodcen li p{line-height:2.4em; padding-left:0.8em; text-align:left;font-size:0.9em}
.prod .prodcen li img{ width:100%}
.prod .prodbot img{ padding-top:20px; width:60%}

.solu .solutop,.pk .pktop{ height:1.6em; padding-top:1em; padding-bottom:0.9em; font-size:1.5em; font-weight:bold;  color:#2D3031;}
.pk .pktop{ height:3em}

.yingyong li{ border:1px solid #E3E5E7; background:#fff; margin-bottom:0.25em; line-height:2.6em}

.exce{ margin-top:3%; text-align:center}
.exce img{display:block; margin:0 auto; width:100%}

.news{ margin-top:2.5em}
.tabBox{ border:1px solid #DBDCE0}
.tabBox .hd{ height:3em; line-height:3em; font-size:1em; background:#fff;}
.tabBox .hd ul li{ float:left; width:33%; color:#666;border-right:0.06em solid #DBDCE0;border-bottom:0.06em solid #DBDCE0;height:2.94em }
.tabBox .hd ul li:last-child{width:33%; border-right:none}
.tabBox .hd ul .on{ border-bottom:0.2em solid #ED0000; height:2.8em  }
.tabBox .bd{}
.tabBox .bd ul{background:#fff; border-top:none; padding:1em}
.tabBox .bd ul img{ width:100%}
.tabBox .bd li{ float:left; padding-left:5%; text-align:left;line-height:2.5em; border-bottom:1px solid #DBDCE0; font-size:0.85em; width:95%}
.tabBox .bd ul li img{ float:left; width:100%;}

.fangan{ margin-top:2em}
.fangBox{ border:1px solid #DBDCE0; background:#fff; padding:1.6em; position:relative}
.fangBox .hd{ position:absolute; width:100%; height:4.6em; bottom:6em; left:0; z-index:1;}

.fangBox .prev,.fangBox .next{ position:absolute; left:1em; top:0x; display:block; width:2.5em; height:4.6em; text-align:center; cursor:pointer}
.fangBox .prev img,.fangBox .next img{ width:100%}
.fangBox .next{ left:auto; right:1em;}
.fangBox .bd{ position:relative; z-index:0}
.fangBox .bd li{ position:relative; }
.fangBox .bd li img{ width:100%;}
.fangBox .bd li h1{ color:#2D2F31; font-size:1.5em; padding:1em 0}
.fangBox .bd li p{ padding:1.5em 4em; text-align:left; line-height:1.5em}
.fangBox .hd span{}

.botnav ul{ border-top:1px solid #D4D4D4; padding:0 3% 0 3%; background:#FFF}
.botnav ul:last-child{border-bottom:1px solid #D4D4D4}
.botnav li{ float:left; width:33%;margin:3% 0;border-right:1px solid #636466; font-size:1em; line-height:2em}
.botnav li:nth-child(3n){ border-right:none}

.about{ margin:2em 0}
.about p{ font-size:1em; font-weight:bold; color:#2D2F31; line-height:2em; text-align:left}
.about span{ line-height:1.5em; text-align:left; display:block; margin-top:0.5em}
.about a{ text-decoration:underline; color:#EC0000}
	
.footer{ padding-top:2em; margin-bottom:8em}
.footer img{ width:70%}
.footer p{ color:#2D2F31; font-size:0.9em; padding:1.25em}

.menu{ position:fixed; bottom:0; width:100%; z-index:100;}
.menucen{margin:0 auto;max-width:640px}
.menu img{ float:left; width:25%; height:25%}

@media screen and (min-width:320px) {
	body { font-size:75%;}
	.prod .prodcen li p{background:url(../imgs/dian0.png) right 0px no-repeat}
	.tabBox .bd li{ background:url(../imgs/dian0.png) -10px 2px no-repeat;}
	.solu .solutop,.pk .pktop,.prod .prodtop,.subnav .subcen{ background:url(../imgs/subbg0.png) center 1.1em no-repeat}
}
@media screen and (min-width:360px) {
	body { font-size:87%;}
	.prod .prodcen li p{background:url(../imgs/dian1.png) right -4px no-repeat}
	.tabBox .bd li{ background:url(../imgs/dian1.png) -8px -4px no-repeat;}
	.solu .solutop,.pk .pktop,.prod .prodtop,.subnav .subcen{ background:url(../imgs/subbg1.png) center 1.1em no-repeat}
}
@media screen and (min-width:480px) {
	body { font-size:112.5%;}
	.prod .prodcen li p{background:url(../imgs/dian2.png) right -5px no-repeat}
	.tabBox .bd li{ background:url(../imgs/dian2.png) -5px -8px no-repeat;}
	.solu .solutop,.pk .pktop,.prod .prodtop,.subnav .subcen{ background:url(../imgs/subbg2.png) center 1.1em no-repeat}
}
@media screen and (min-width:550px) {
	body { font-size:131.25%;}
	.prod .prodcen li p{background:url(../imgs/dian3.png) right -5px no-repeat}
	.tabBox .bd li{ background:url(../imgs/dian3.png) left -8px no-repeat;}
	.solu .solutop,.pk .pktop,.prod .prodtop,.subnav .subcen{ background:url(../imgs/subbg3.png) center 1.1em no-repeat}
}
@media screen and (min-width:639px) {
	body { font-size:150%;}
	.prod .prodcen li p{background:url(../imgs/dian4.png) right top no-repeat}
	.tabBox .bd li{ background:url(../imgs/dian4.png) left -4px no-repeat;}
	.solu .solutop,.pk .pktop,.prod .prodtop,.subnav .subcen{ background:url(../imgs/subbg4.png) center 1.1em no-repeat}
}