@charset "utf-8";

 body,form,input,select,textarea,ul{margin:0;padding:0;}

.button {

    color:#fff;

	display: inline-block;

	position: relative;

	margin: 5px;

	padding: 0 10px;

	text-align: center;

	text-decoration: none;

	font: bold 12px/25px Arial, sans-serif;


	text-shadow: 1px 1px 1px rgba(255,255,255, .22);


	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;



	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);

	-moz-box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);

	box-shadow: 1px 1px 1px rgba(0,0,0, .29), inset 1px 1px 1px rgba(255,255,255, .44);



	-webkit-transition: all 0.15s ease;

	-moz-transition: all 0.15s ease;

	-o-transition: all 0.15s ease;

	-ms-transition: all 0.15s ease;

	transition: all 0.15s ease;

}

.green {

	color: #ffffff;

	background: #a5cd4e; /* Old browsers */

	background: -moz-linear-gradient(top,  #a5cd4e 0%, #6b8f1a 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* IE10+ */

	background: linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* W3C */

}

.big {

	padding: 0 20px;

	padding-top: 12px;

	height: 35px;

	text-transform: uppercase;

	font: bold 20px/22px Arial, sans-serif;

}



.big span {

	display: block;

	text-transform: none;

	font: italic normal 12px/18px Georgia, sans-serif;

	text-shadow: 1px 1px 1px rgba(255,255,255, .12);

}

.button:hover {


	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 0px 0px 2px rgba(0,0,0, .5);

	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 0px 0px 2px rgba(0,0,0, .5);

	box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 0px 0px 2px rgba(0,0,0, .5);

}

.button:active {

	-webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0, .8);

	-moz-box-shadow: inset 0px 0px 3px rgba(0,0,0, .8);

	box-shadow: inset 0px 0px 3px rgba(0,0,0, .8);

}

/*use in index Products Big Pic list*/

.piclist{margin-left:0px;margin-top:0px;width:100%; height:auto;overflow:hidden; float:left;clear:both;}

.piclist li{ float:left;width:285px;display:inline; margin:12px 0px 12px 0px ;padding-right:0px;border:0px solid #ddd;background:#fff;overflow: hidden;/*overflow: hidden;让放大时不出框*/}

.piclist li img{ border:0px #dddddd solid;width:285px;height:auto;}

.piclist li span{ float:left;width:286px;margin-top:5px;height:25px;}



.piclist li.effect-julia img {

	max-width: none;

	-webkit-transition: opacity 1s, -webkit-transform 1s;

	transition: opacity 1s, transform 1s;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

}

.piclist li.effect-julia:hover img {

	opacity: 0.8;

	-webkit-transform: scale3d(1.25,1.25,1);

	transform: scale3d(1.25,1.25,1);

}

.piclist5 li.effect-julia img {

	max-width: none;

	-webkit-transition: opacity 1s, -webkit-transform 1s;

	transition: opacity 1s, transform 1s;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

}

.piclist5 li.effect-julia:hover img {

	opacity: 0.8;

	-webkit-transform: scale3d(1.05,1.05,1);

	transform: scale3d(1.05,1.05,1);

}

/*Pic list 用做案例*/

.piclist2{margin-top:0px;width:100%; height:auto;overflow:hidden; float:left;margin:30px 0 30px 0px;}

.piclist2 li{float:left;width:197px;height:158px;display:inline;border:0px solid #ddd;background:#fff;}

.piclist2 li .img{position:absolute;z-index:1;left:0px;top:0px;border:0px #dddddd solid;}

.piclist2 li img{width:197px;height:124px;}

.piclist2 li .Con{position:absolute;z-index:2;left:288px;top:0px;width:268px;height:180px;line-height:25px;padding:10px;margin:0px;background:#fafafa;text-align:left;opacity:0.85;display:none;}

.piclist2 li h2{width:197px;margin:0 auto;height:35px;line-height:35px;background:#f6f6f6;}

.piclist2 li p{width:197px;margin:0 auto;line-height:35px;background:#f6f6f6;}

/*HC Products small Pic list 用在产品首页*/

.piclist3{float:left;width:100%;height:auto;margin-left:0px;margin-top:0px;}

.piclist3 li{ float:left;width:32%;height:auto;display:inline;padding-right:0px;border:0px solid #ddd;background:#eeeeee;overflow:hidden;}

.piclist3 li img{ width:100%;float:left;border:0px #dddddd solid;}

.piclist3 li a:hover{ color:#006699;}

.piclist3 li span{ float:left;text-align:center;background:#f4f4f4;}

.piclist3 li .tit{float:right;width:auto;height:auto;line-height:55px;margin:0 0 15px 0;}

.piclist3 li .tit img {width:57px;height:57px;margin:0 0 15px 0;}

.piclist3 li .content{float:right;width:96%;height:auto;line-height:25px;}

.piclist3 li.effect-julia img {

	max-width: none;

	-webkit-transition: opacity 1s, -webkit-transform 1s;

	transition: opacity 1s, transform 1s;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

}

.piclist3 li.effect-julia:hover img {

	opacity: 1;

	-webkit-transform: scale3d(1.05,1.05,1);

	transform: scale3d(1.05,1.05,1);

}

/*HC Products small Pic list 用在产品首页*/

.piclist4{margin-left:0px;margin-top:0px;width:100%; height:auto;overflow:hidden; float:left;}

.piclist4 li{float:left;width:24%;height:auto;display:inline; margin-bottom:12px;border:0px solid #ddd;background:#eeeeee;}

.piclist4 li img{float:left;border:0px #dddddd solid;width:100%;height:auto;}

.piclist4 li a{color:#000;}

.piclist4 li a:link{color:#000;}

.piclist4 li a:visited{color:#000;}

.piclist4 li a:hover{color:#fff;}

.piclist4 li a:active{color:#000;}

.piclist4 li h2{float:left;text-align:center;width:100%;height:auto;line-height:auto;background:#eeeeee;}

.piclist4 li h2:hover{background:#3c78ce;color:#fff;}

.piclist4 li.hover{background:#3c78ce;color:#fff;}

.piclist4 li .now{background:#3c78ce;color:#fff;}

.piclist4 li p{text-align:center;width:100%;height:auto;line-height:34px;}



/*案例首页 Pic list*/

.piclist5{ float:left;margin-left:0px;margin-top:0px;width:100%; height:auto;}

.piclist5 li{ float:left;width:360px;height:330px;overflow:hidden;}

.piclist5 li img{ float:left;width:360px;height:220px;}

.piclist5 li h2{ float:left;width:360px;line-height:50px;margin:0;font-size:16px;color:#000;font-weight:bold;}

.piclist5 li a:hover{ color:#006699;}

.piclist5 li P{float:left;width:360px;line-height:26px;margin:0;font-size:14px;color:#000;}



/*物料首页 Pic list*/

.piclist6{ float:left;margin-left:0px;margin-top:0px;width:100%; height:auto;}

.piclist6 li{ float:left;width:260px;height:300px;overflow:hidden;}

.piclist6 li img{ float:left;width:260px;height:167px;}

.piclist6 li h2{ float:left;width:260px;line-height:50px;margin:0;font-size:18px;color:#666;font-weight:bold;}

.piclist6 li a:hover{ color:#006699;}

.piclist6 li P{float:left;width:260px;line-height:26px;margin:0;color:#c3c1c1;}

.piclist6 li P a{ color:#d2d1d1;}



/*应用首页 Pic list*/

.piclist_u{ float:left;margin-left:0px;margin-top:0px;width:1140px; height:auto;}

.piclist_u li{ float:left;width:1140px;height:229px;}

.piclist_u li img{float:left;border:0px #dddddd solid;width:392px;height:193px;}

.piclist_u li h2{ float:right;width:705px;margin-top:1px;font-size:18px;color:#666;font-weight:bold;}

.piclist_u li a:hover{ color:#006699;}

.piclist_u li P{float:right;width:690px;line-height:26px;}

.piclist_u li P a{ color:#fe2121;}



/*联系我们 Pic list*/

.piclist_lx{position:relative;margin-left:0px;margin-top:0px;width:100%; height:auto;overflow:hidden; float:left;clear:both;}

.piclist_lx li{position:relative;float:left;width:345px;height:205px;display:inline; padding-right:0px;border:0px solid #ddd;}

.piclist_lx li img{position:relative;border:0px #dddddd solid;width:345px;height:205px}

.piclist_lx li p{position:absolute;left:0px;top:110px;width:345px;}

.piclist_lx h2{position:absolute;left:0px;top:80px;width:345px;}

.piclist_lx .tit{position:relative;width:345px;}



/*企业文化 Pic list*/

.piclist_wh{position:relative;margin-left:0px;margin-top:0px;width:100%; height:auto;overflow:hidden; float:left;clear:both;}

.piclist_wh li{position:relative;float:left;width:556px;height:372px;overflow:hidden; border:0px solid #ddd;}

.piclist_wh li .img{position:absolute;left:0px;top:0px;border:0px #dddddd solid;width:556px;height:372px;}

.piclist_wh li .con{position:absolute;left:0px;top:268px;width:556px;height:105px;background:#333;opacity:0.6;}

.piclist_wh li h2{position:absolute;left:0px;top:268px;width:526px;}

.piclist_wh li h3{position:absolute;left:0px;top:330px;width:526px;}

.piclist_wh li.effect-julia img {

	max-width: none;

	-webkit-transition: opacity 1s, -webkit-transform 1s;

	transition: opacity 1s, transform 1s;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

}

.piclist_wh li.effect-julia:hover img {

	opacity: 1;

	-webkit-transform: scale3d(1.05,1.05,1);

	transform: scale3d(1.05,1.05,1);

}





/*HC Products small Pic list 用在物料首页*/

.piclist7{float:left;width:1140px;height:auto;margin-left:0px;margin-top:0px;}

.piclist7 li{ width:270px;height:520px;display:inline;padding-right:0px;border:0px solid #ddd;overflow:hidden;}

.piclist7 li img{ float:left;border:0px #dddddd solid;}

.piclist7 li span{ float:left;text-align:center;background:#f4f4f4;}

.piclist7 li h2{float:left;width:100%;height:auto;line-height:35px;}

.piclist7 li p{float:left;width:96%;height:auto;line-height:25px;}

.piclist7 li.effect-julia img {

	max-width: none;

	-webkit-transition: opacity 1s, -webkit-transform 1s;

	transition: opacity 1s, transform 1s;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

}

.piclist7 li.effect-julia:hover img {

	opacity: 1;

	-webkit-transform: scale3d(1.05,1.05,1);

	transform: scale3d(1.05,1.05,1);

}



.list-paddingleft-2{margin-left:0px;margin-top:0px;width:950px;height:auto;overflow:hidden; float:left;}

.list-paddingleft-2 li{ float:left;width:300px;height:200px;margin:0px 12px 12px 0px;}

.list-paddingleft-2 li img{ float:left;width:300px;height:200px;}

.list-paddingleft-2 li a:hover{ color:#006699;}

.list-paddingleft-2 li span{float:left;width:630px;height:50px;padding-left:80px;margin:0 0 0 10px;line-height:25px;}



/*area list*/

.area {width:100%;height:auto;}

.area dl{width:100%;height:auto;}

.area dl dd{float:left;width:28%;height:30px;line-height:30px;background:url(../images/ring.png) 0px 10px no-repeat;padding-left:15px;}



/*新闻中心用 News list*/

.newslist{ float:left;list-style:none;padding-left:0px;margin-left:0px;margin-top:0px; width:230PX; height:auto; padding:0px 0px 0px 0px;background:#F6F6F6;}

.newslist li{float:left;overflow:hidden;list-style:none;width:100%; height:41px; line-height:41px; text-align:left; background:url(dian.gif) no-repeat 10px 50%;border-bottom:1px dotted #dedede;}

.newslist li:hover{background:#FF0000;}

.newslist li a:link{ float:left; display:inline;text-decoration:none; margin-left:20px;font-size:14px;color:#605f5f}

.newslist li a:visited{ color:#605f5f;margin-left:20px;}

.newslist li a:hover{ color:#FFFFFF; }

.newslist .thisclass{ padding-left:10px;background:url(../images/menu_List_bg.gif) 0px 16px no-repeat; color:#FFFFFF; font-weight:bold;}

.newslist li span{ float:right;padding-right:5px;color:#d8d9d9;font-size:10px;}

.newslist li .date{ float:right;padding-right:5px;}

.newslist .tit{float:left;width:100%; height:25px; line-height:25px; text-align:left; font-size:10px;color:#000;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}



/*新闻中心用 News small list*/

.newslistw{ float:left;list-style:none;padding-left:0px;margin-left:0px;margin-top:0px; width:100%; height:auto; padding:0px 0px 0px 0px;background:#F6F6F6;}

.newslistw li{float:left;overflow:hidden;list-style:none;width:100%; height:41px; line-height:41px; text-align:left; background:#FFF;border-bottom:1px dotted #dedede;}

.newslistw li:hover{background:#FFF;}

.newslistw li a:link{ float:left; display:inline;text-decoration:none; margin-left:10px;font-size:12px;color:#605f5f}

.newslistw li a:visited{ color:#605f5f;margin-left:20px;}

.newslistw li a:hover{ color:#000; }

.newslistw .thisclass{ padding-left:10px;background:url(../images/menu_List_bg.gif) 0px 16px no-repeat; color:#FFFFFF; font-weight:bold;}

.newslistw li span{ float:right;padding-right:5px;color:#d8d9d9;font-size:10px;}

.newslistw li .date{ float:right;padding-right:5px;}

.newslistw .tit{float:left;width:100%; height:25px; line-height:25px; text-align:left; font-size:12px;color:#000;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}



/*产品知识用 News small list*/

.newslistz{ float:left;list-style:none;padding-left:0px;margin-left:0px;width:590px; height:auto; padding:0px 0px 0px 0px;background:#F6F6F6;}

.newslistz li{float:left;overflow:hidden;list-style:none;width:100%; height:41px; line-height:41px; text-align:left; background:url(dian.gif) no-repeat 10px 50%;border-bottom:1px dotted #dedede;}

.newslistz li:hover{background:#FF0000;color:#FFFFFF;font-size:14px;}

.newslistz li a:link{ float:left; display:inline;text-decoration:none; margin-left:20px;font-size:14px;color:#605f5f}

.newslistz li a:visited{ color:#605f5f;margin-left:20px;}

.newslistz li a:hover{ color:#FFFFFF; }

.newslistz .thisclass{ padding-left:10px;background:url(../images/menu_List_bg.gif) 0px 16px no-repeat; color:#FFFFFF; font-weight:bold;}

.newslistz li span{ float:right;padding-right:5px;color:#d8d9d9;font-size:10px;}

.newslistz li .date{ float:right;padding-right:5px;}

.newslistz .tit{float:left;width:100%; height:25px; line-height:25px; text-align:left; font-size:12px;color:#000;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}



/*news big list*/

.nlist{float:left;list-style:none;padding-left:0px;margin-left:0px;margin-top:6px; height:auto; padding:0px 0px 0px 0px;background:#FFF;}

.nlist ul{margin:0;padding:0;overflow:hidden;}

.nlist li{float:left;overflow:hidden;list-style:none;width:600px; height:100px; text-align:left;padding:15px 0px 0px 0px;margin-top:0px;border-bottom:0px dotted #dedede;}

.nlist li p{margin:0;padding:0;}

.nlist li:hover{background-image:url(../images/arrowm.gif);background-position:840px 44px;background-repeat:no-repeat;}

.nlist li a:link{ float:left; display:inline;text-decoration:none;color:#585858;}

.nlist li a:visited{ color:#605f5f;}

.nlist li a:hover{ color:#fe4241;}

.nlist .thisclass{ padding-left:10px;background:url(../images/menu_List_bg.gif) 0px 16px no-repeat; color:#FFFFFF; font-weight:bold;}

.nlist li span{ float:right;padding-right:5px;color:#d8d9d9;font-size:10px;}

.nlist li .date{ float:left;padding:10px 0px 0px 0px;width:75px;height:65px;background:#eeeeee;}

.nlist li .year{margin-top:-5px;}

.nlist .title{float:left;width:480px;height:28px;height:25px; line-height:25px; text-align:left;margin-top:-5px;}

.nlist .title a{font-size:18px;font-weight:bold;}

.nlist .con{float:left;width:480px;height:80px;line-height:25px; text-align:left;margin-top:10px;}



/*news wide list 1140px*/

.wlist{float:left;list-style:none;padding-left:0px;margin-left:0px;margin-top:6px; height:auto; padding:0px 0px 0px 0px;background:#FFF;}

.wlist ul{margin:0;padding:0;overflow:hidden;}

.wlist li{float:left;overflow:hidden;list-style:none;width:100%;height:100px; text-align:left;padding:15px 0px 0px 0px;margin-top:20px;border-bottom:0px dotted #dedede;}

.wlist li p{margin:0;padding:0;}

.wlist li{background-image:url(../images/arrow.png);background-position:100% 44px;background-repeat:no-repeat;border-bottom:dotted 1px #CCCCCC;}

.wlist li:hover{background-color:#f4f4f4;background-image:url(../images/arrowm.gif);background-position:99% 44px;background-repeat:no-repeat;}

.wlist li a:link{ float:left; display:inline;text-decoration:none;color:#585858;}

.wlist li a:visited{ color:#605f5f;}

.wlist li a:hover{color:#fe4241;}

.wlist .thisclass{padding-left:10px;background:url(../images/menu_List_bg.gif) 0px 16px no-repeat; color:#FFFFFF; font-weight:bold;}

.wlist li span{ float:right;padding-right:5px;color:#d8d9d9;font-size:10px;}

.wlist li .date{ float:left;padding:10px 0px 0px 0px;width:75px;height:65px;background:#eeeeee;}

.wlist li .year{margin-top:-5px;}

.wlist .title{float:left;width:1010px;height:28px;height:25px; line-height:25px; text-align:left;margin-top:-5px;}

.wlist .title a{font-size:18px;font-weight:bold;}

.wlist .con{float:left;width:1010px;height:80px;line-height:25px; text-align:left;margin-top:10px;}



/*news big list 2*/

.clist{float:left;width:100%; height:auto; overflow:hidden; margin:0; margin-bottom:10px;list-style:none;text-align:center;}

.clist li { float:left;width:154px; height:65px; margin-right:15px;border-bottom:1px dashed #dddddd;list-style:none;}

.clist h2{float:left;width:100%; height:auto; line-height:65px;color:red;text-align:center;}

.clist h2 a:link{float:left;font-size:16px;text-align:center;color:#2e2e2e;}

.clist h2 a:visited{float:left;font-size:16px;text-align:center;color:#2e2e2e;}

.clist h2 a:hover{float:left;font-size:16px;text-align:center;color:red;}

.clist h2 a:active{float:left;font-size:16px;text-align:center;color:blue;}

.clist li span{ clear:both;float:left;color:#333;font-size:8px;}

.clist li span.zhaiyao{ float:left;margin:0 0 0 10px;width:99%; height:auto;font-size:14px; }



/*links css*/

.links{width:980px; height:auto; overflow:hidden; border:1px #dddddd solid;}

.links li{ float:left;text-align:left;width:80px; height:25px; margin:2px 8px;line-height:25px; font-size:14px; background:url(icon02.gif) no-repeat left 50%; border-bottom:1px dashed #dddddd;list-style:none}

.links li a{ float:left; margin-left:8px;}

.newstitle{float:left; width:100%; height:auto; line-height:28px; text-align:center; overflow:hidden; border-bottom:1px #999999 dotted; background:#FFFFFF;font-size:22px;font-weight:bold;color:#FF0000;}

.newsdate{float:left; width:100%; height:28px; line-height:28px; background:#FFFFFF;text-align:center; overflow:hidden; font-size:10px;color:#999;}

.newscontent{float:left; width:96%;height:auto;background:#FFF;overflow:hidden;font-size:15px;line-height:22px;margin:20px 0 0 0;}

.newscontent img{width:80%;height:auto;text-align:center;}

.newscontent p{line-height:25px;margin:7px 0;}

.newszhaiyao{float:left; width:auto; background:#f0f0f0;height:auto;overflow:hidden;font-size:14px;line-height:25px;color:#000;TEXT-JUSTIFY: inter-ideograph;TEXT-ALIGN: justify; padding:15px;margin-bottom:0px}

.newscontent a{color:#666;}

#footer{ margin-top:10px; margin-left:auto; margin-right:auto; width:980px; line-height:2em; padding-bottom:10px;}

/*more*/

.more{ float:right; display:inline; margin-right:10px;}

.more a:link,.more a:visited{ color:#888888;}

.more a:hover{ color: #F90; }

.circle{

width:100px;

height:100px;

border-radius:100px;

border:2px solid #0066b3;

}

.line{width:60px;height:50px;border-bottom:2px solid #0066b3;}



.page {

	margin:0 auto;width:100%;HEIGHT: auto;CLEAR: both;  FONT-SIZE: 14px; LINE-HEIGHT:24px;FONT-FAMILY: Arial, Helvetica, sans-serif; margin-top:10px;

}

.page A {

	PADDING-RIGHT: 8px; DISPLAY: block; PADDING-LEFT: 8px; margin-bottom:5px;BACKGROUND: #fff; FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; MARGIN-RIGHT: 5px; PADDING-TOP: 0px;color:#000;border:1px solid #dedede

}



.page A:hover {

	PADDING-RIGHT: 8px; DISPLAY: block; PADDING-LEFT: 8px; margin-bottom:5px;BACKGROUND: #dedede; FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; MARGIN-RIGHT: 5px; PADDING-TOP: 0px;color:#000;

}



.page A.now {

	PADDING-RIGHT: 8px; DISPLAY: block; PADDING-LEFT: 8px; margin-bottom:5px;BACKGROUND: #e9e9e9; FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; MARGIN-RIGHT: 5px; PADDING-TOP: 0px;color:#000;border:0px solid #dedede;

}



.pageNav {

	width:99%;HEIGHT: auto;CLEAR: both; PADDING-TOP:20PX;PADDING-LEFT: 20px; FONT-SIZE: 14px; MARGIN: 18px 0px; LINE-HEIGHT:30px;FONT-FAMILY: Arial, Helvetica, sans-serif; 

}

.pageNav A {

	color:#333333;PADDING-RIGHT: 8px; DISPLAY: block; PADDING-LEFT: 8px; margin-bottom:5px;BACKGROUND: #fff; FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; MARGIN-RIGHT: 5px; PADDING-TOP: 0px;

}

.pageNav STRONG {

	PADDING-RIGHT: 8px; DISPLAY: block; PADDING-LEFT: 8px; BACKGROUND: #fff; FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; MARGIN-RIGHT: 5px; PADDING-TOP: 0px

}

.pageNav SPAN {

	PADDING-RIGHT: 8px; DISPLAY: block; PADDING-LEFT: 8px; margin-bottom:5px;BACKGROUND: #fff; LINE-HEIGHT: 30px;  FLOAT: left; PADDING-BOTTOM: 0px; OVERFLOW: hidden; MARGIN-RIGHT: 5px; PADDING-TOP: 0px

}

.pageNav A {

	BORDER-RIGHT: #ccdbe4 1px solid; BORDER-TOP: #ccdbe4 1px solid; BORDER-LEFT: #ccdbe4 1px solid; LINE-HEIGHT: 22px; BORDER-BOTTOM: #ccdbe4 1px solid; HEIGHT: 25px

}

.pageNav SPAN {

	BORDER-RIGHT: #ccdbe4 1px solid; BORDER-TOP: #ccdbe4 1px solid; BORDER-LEFT: #ccdbe4 1px solid; BORDER-BOTTOM: #ccdbe4 1px solid; HEIGHT: 25px

}

.pageNav A.f12 {

	FONT-SIZE: 12px

}

.pageNav STRONG.f12 {

	FONT-SIZE: 12px

}

.pageNav SPAN {

	FONT-SIZE: 12px

}

.pageNav A:hover {

	TEXT-DECORATION: none

}

.pageNav STRONG {

	LINE-HEIGHT: 24px; HEIGHT: 22px

}

.pageNav .mor {

	FLOAT:right;BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; LINE-HEIGHT: 21px; PADDING-TOP: 0px; HEIGHT: 21px; BORDER-RIGHT-WIDTH: 0px

}

.pageNav .na {

	COLOR: #dbe1e6

}



@media (max-width:640px){



/*news big list*/

.nlist{float:left;list-style:none;padding-left:0px;margin-left:0px;margin-top:6px; height:auto; padding:0px 0px 0px 0px;background:#FFF;}

.nlist ul{margin:0;padding:0;overflow:hidden;}

.nlist li{float:left;overflow:hidden;list-style:none;width:98%; height:auto; text-align:left;padding:1.5em 0px 0px 0px;margin-top:0px;border-bottom:0px dotted #dedede;}

.nlist li p{margin:0;padding:0;}

.nlist li:hover{background-image:url(../images/arrowm.gif);background-position:840px 44px;background-repeat:no-repeat;}

.nlist li a:link{ float:left; display:inline;text-decoration:none;color:#585858;}

.nlist li a:visited{ color:#605f5f;}

.nlist li a:hover{ color:#fe4241;}

.nlist .thisclass{ padding-left:10px;background:url(../images/menu_List_bg.gif) 0px 16px no-repeat; color:#FFFFFF; font-weight:bold;}

.nlist li span{ float:right;padding-right:5px;color:#d8d9d9;font-size:10px;}

.nlist li .date{display:none;}

.nlist .title{float:left;width:98%;height:auto;line-height:25px; text-align:left;margin:1%;font-size:1.2em;}

.nlist .title a{font-size:1em;font-weight:bold;}

.nlist .con{float:left;width:98%;height:auto;margin:1%;line-height:25px; text-align:left;margin-top:10px;}



/*news wide list 1140px*/

.wlist{float:left;list-style:none;padding-left:0px;margin-left:0px;margin-top:0px; height:auto; padding:0px 0px 0px 0px;background:#FFF;}

.wlist ul{margin:0;padding:0;overflow:hidden;}

.wlist li{float:left;overflow:hidden;list-style:none;width:98%; height:auto; text-align:left;padding:1.5em 0px 0px 0px;margin-top:0px;border-bottom:0px dotted #dedede;}

.wlist li{background-image:none;background-position:100% 54px;background-repeat:no-repeat;border-bottom:dotted 1px #CCCCCC;}

.wlist li:hover{background-color:#f4f4f4;background-image:none;background-position:99% 54px;background-repeat:no-repeat;}

.wlist li .date{display:none;}

.wlist .title{float:left;width:98%;height:auto;line-height:25px; text-align:left;margin:1%;font-size:1.2em;}

.wlist .con{float:left;width:98%;height:auto;margin:1%;line-height:25px; text-align:left;margin-top:10px;}



.piclist2{width:100%; height:auto;}

.piclist2 li{float:left;width:48%;}

.piclist2 li img{width:100%;}

.piclist2 li h2,.piclist2 li p{width:100%;}

#wuliao li{margin-right:1px;}



.piclist3 li{ float:left;width:98%;height:auto;margin:0 auto;}

.piclist4 li{float:left;width:49%;}



.piclist6 li{ float:left;width:48%;height:auto;margin-left:1%;overflow:hidden;}

.piclist6 li img{ float:left;width:100%;height:auto;}

.piclist6 li h2{ float:left;width:100%;}

.piclist6 li p{display:none;}

/*piclist7*/

.piclist7{float:left;width:98%;height:auto;margin:0 1%;margin-top:0px;}

.piclist7 li{ width:100%;height:auto;}

.piclist7 li img{width:100%;}



.piclist_u{ float:left;margin-left:0px;margin-top:0px;width:100%; height:auto;}

.piclist_u li{ float:left;width:100%;height:auto;}

.piclist_u li img,.piclist_u li h2,.piclist_u li p{width:98%;margin:0 1%;}



.piclist li{ float:left;width:45%;}

.piclist li img{width:98%;} 

.piclist li span{width:98%;}

}