body,div,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
body { font-size:14px; line-height:150%;text-align:left; color:#666; font-family:"微软雅黑","Arial Black", Gadget, sans-serif; background:#ffd200; }
img{ border:0; -ms-interpolation-mode:bicubic; }
a:link {color:#666; text-decoration:none; outline:none;}
a:visited {color:#666; text-decoration:none;}
a:hover { color:#510449; text-decoration:none;}
a:active { color:#510449; text-decoration:none;}
ul,li{list-style:none;}

.pw{min-width:320px; background:none repeat scroll 0% 0%; margin:0px auto;overflow:hidden; min-height:480px; width:100%; padding-bottom:51px;}

@media screen and (max-width:480px){}

/***************样式开始*********/
.body_header{ position:relative; z-index:2;}
.logo{ position:absolute; top:0; left:0; text-align:center; width:100%;}
.body_banner{ z-index:2; margin-top:-35px;}
.body_main{ height:100%; overflow:hidden;}
/*手机banner轮播*/
.swipe{width:100%;overflow:hidden;position:relative;}
.swipe ul{
	-webkit-transition:left 800ms ease-in 0;
	-moz-transition:left 800ms ease-in 0;
	-o-transition:left 800ms ease-in 0;
	-ms-transition:left 800ms ease-in 0;
	transition:left 800ms ease-in 0;
}
.swipe #pagenavi{position:absolute;left:0;bottom:10px;text-align:center;width:100%;}
.swipe #pagenavi a{width:14px;height:14px;line-height:99em;background:#b5b5b5;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 4px;overflow:hidden;cursor:pointer;display:inline-block;*display:inline;*zoom:1;}
.swipe #pagenavi a.active{background:#C80002;}

/**************/

.list{ width:100%; clear:both; height:100%; overflow:hidden; margin-left:1px;}
.list li{ width:33.3%; float:left; text-align:center; background:#164463;}
.list dt{ height:62px;}
.list li a{ color:#fff; display:block; margin:1px; border:#289cbc 1px solid;  padding:10px 0; background:#008da4;}
.list li a:hover{ color:#ff0;}
.mmss{ background:url(../images/xiaoxiao.png) left 3px no-repeat;}
.nnss{ background:url(../images/dada.png) left top repeat-x;}

/****************内页************/
.chare{ width:321px; height:38px; margin:0 auto;}
.chare li{ width:107px; float:left; text-align:center; color:#fff; height:38px;}
.chare li a{ display:block; color:#fff;}
.chare li a:hover{ color:#f00;}
.mg01{ background:url(../images/mg01.png) center top no-repeat; line-height:54px;}
.mg02{ background:url(../images/mg02.png) center top no-repeat; line-height:54px;}
.mg03{ background:url(../images/mg03.png) center top no-repeat; line-height:54px;}
.mg04{ background:url(../images/mg04.png) center top no-repeat; line-height:18px;}
.mg05{ background:url(../images/mg05.png) center top no-repeat; line-height:18px;}
.mg06{ background:url(../images/mg06.png) center top no-repeat; line-height:18px;}

/*.center{ width:100%; overflow:hidden; margin-top:-10px; z-index:9; padding-bottom:45px;}*/
.inall{ height:13px; clear:both; position:relative;}
.nleft{ position:absolute; top:4px; left:0; width:13px; height:13px;}
.nright{ position:absolute; top:4px; right:0; width:13px; height:13px;}
.mleft{ position:absolute; top:0; left:0; width:13px; height:13px;}
.mright{ position:absolute; top:0; right:0; width:13px; height:13px;}
.conet{ 
	background:#f7f7f7; 
	padding:10px 15px; 
	height:100%; 
	width:96%;
	margin:0 auto;
	overflow:hidden; 
	-moz-border-radius:5px; border-radius:5px; /**************圆角 border-radius必须写在后面************/
	border:1px #eee solid; 
	padding:1%;
	/*************阴影----前两个属性设置阴影的 X / Y 位移，这里分别是 0px，第3个属性定义阴影的虚化程度，最后一个设置阴影的颜色************/
	-webkit-box-shadow:0px 0px 5px #000;
　　	-moz-box-shadow:0px 0px 5px #000;
　　	box-shadow:0px 0px 5px #000;
		
}
.conet_pro{ background:#f7f7f7; padding:10px 0; height:100%; overflow:hidden;}

/********************产品*********************/
.box_163css{margin:10px auto; overflow:hidden;width:100%;height:300px;text-align:center;font-weight:300;font-size: 20px;position:relative;}
.mid01_box{position:absolute;width:400%; top:0;height:300px;}
.roll{ height:300px; cursor:pointer; float:left; width:25%; overflow:hidden;}
.dot_line{ width:100%;  height:30px; position:absolute; top:280px; left:0;text-align:center; cursor:pointer;}
.dot_line li{width:30px; height:3px; background:#000; display:inline-block; margin:0 2px;}
.dot_line .on{ background:#f00;}

.pro{ margin-left:5px;}
.pro li{ width:50%; height:280px; text-align:center; background:url(../images/probg.jpg) center top no-repeat; float:left; margin:10px 0;}
.pro img{ margin-top:52px;}


/*底部浮动样式*/
.body_footer{width:100%; height:51px; background:url(../images/nav.jpg) left bottom repeat-x; position:fixed; bottom:0;}
.body_footer ul{width:100%;}
.body_footer ul li{width:25% ; float:left; color:#fff; background:url(../images/line.jpg) right top no-repeat;}
.body_footer ul li:hover{width:25% ; float:left; color:#fff; background:url(../images/nav01.jpg) left bottom repeat-x;}
.body_footer ul li a{width:100%; height:46px; display:block; padding-top:5px;}
.body_footer ul li a:hover { color:#ff0;}
.body_footer ul li dl{width:auto; margin:0 auto; text-align:center;}
.body_footer ul li dt{width:auto; height:25px; overflow:hidden;}
.body_footer ul li dd{width:auto; height:20px; font-size:12px; color:#fff; line-height:20px; overflow:hidden;}
.nodiy{display:none;}