@charset "utf-8";
body{
	font-size:12px;
	margin:0px;
	padding: 0px;
	color: #404040;
	background-color: #eeeeee;
	font-family: "微软雅黑";
}
ul{margin: 0px;padding: 0px;}
a{
	color:#404040;
	text-decoration:none;
}
a:hover{
	color:#FF6600;
	text-decoration:underline;
}
p{margin: 0px;}li {
	list-style-type: none;
}#nav {
	height: 41px;
	width: 684px;
	position: relative;
	z-index: 10000;
}
.top_nav {
	height: 41px;
	width: 684px;
	z-index: 50000;
	position: absolute;
	left: 0px;
	top: 0px;
}

.top_nav li {
	float: left;
	height: 41px;
	width: 97px;
	text-align: center;
	position: relative;
	background-image: url(../images/12.gif);
}

.top_nav li:hover {
	background-image: url(../Images/03.gif);
	background-repeat: no-repeat;
}


.top_nav li:hover a {
width: 114px;
	color: #000000;
	text-decoration: none;
}

.top_nav li a {
	display: block;
	height: 41px;
	width: 114px;
	line-height: 41px;
	font-size: 14px;
	font-weight: bold;
	background-image: url(../Images/12.gif);
	background-repeat: no-repeat;
}
.top_nav li .n {
	position: absolute;
	width: 114px;
	left: 0px;
	top: 0px;
}
.top_nav  li:hover .n  {
	position: absolute;
	background-image: url(../Images/03.gif);
	left: 0px;
	top: 0px;
	display: block;
	width: 114px;
	z-index: 10000;
}
.top_nav li a:hover {
	color: #000000;
	width: 114px;
	background-image: url(../Images/03.gif);
	text-decoration: none;
}
#nav .top_nav li .ejfl {
	position: absolute;
	left: 0px;
	width: 113px;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #b8bec0;
	border-bottom-color: #b8bec0;
	display: none;
	z-index: 10000;
	top: 41px;
}
#nav .top_nav li:hover .ejfl {
	display: block;
}
.top_nav li .ejfl ul li {
	height: auto;
	width: auto;
	line-height: normal;
}
.top_nav li .ejfl ul li a {
	line-height: 23px;
	height: 23px;
	width: 113px;
	font-size: 12px;
	font-weight: normal;
}
.top_nav li .ejfl ul li a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../Images/11.gif);
}

.input input {
	border: 1px solid #dadddf;
	/*background-attachment: fixed;*/
	background-image: url(../Images/01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #FFFFFF;
	line-height: 18px;
	color: #666666;
	height: 18px;
	padding-left: 24px;
}


.td1 {
	border: 1px solid #d5d5d5;
}
.td1 td {
	border: 1px solid #FFFFFF;
	background-image: url(../Images/05.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 35px;
	line-height: 35px;
}
.td1 td table tr .text1 {
	background-image: url(../Images/13.gif);
	background-repeat: no-repeat;
	background-position: right center;
	font-size: 14px;
	font-weight: bold;
}
.text2 a {
	color: #666666;
}
.td2 {
	padding-left: 12px;
}
.li1 {
	height: 35px;
	width: 772px;
}

.td1  td table tr .li1 li {
	float: left;
	width: 376px;
	background-image: url(../Images/06.gif);
	background-repeat: no-repeat;
	background-position: 1px center;
	height: auto;
	padding-left: 10px;
}
.cplebpicbox {
	width: 980px;
	overflow: hidden;
}
.cplebpicbox .li2 {
	width: 1000px;
}
.li2 li {
	float: left;
	height: 210px;
	width: 233px;
	text-align: center;
	border: 1px solid #d5d5d5;
	margin-right: 13px;
	display: none;
}
.li2 .i1 {
	display: block;
}
.li2 .i2{
	display: block;
}
.li2 .i3 {
	display: block;
}
.li2 .i4 {
	display: block;
}
.bottom_bg {
	background-image: url(../Images/bottom_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 15px;
}
.text3 {
	color: #aaaaaa;
}
.text3 a {
	color: #aaaaaa;
}
.text4 span {
	color: #AAAAAA;
	white-space: nowrap;
	display: block;
	padding-right: 10px;
	padding-top: 10px;
}
.text4 span a {
	color: #AAAAAA;
}
.td3 {
	border: 1px solid #d5d5d5;
	background-image: url(../Images/17.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFFFFF;
}
.td4 {
	background-image: url(../Images/25.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding-bottom: 20px;
}
.td5 {
	padding-top: 5px;
}
.left_nav {
	height: auto;
	width: 177px;
	margin-right: auto;
	margin-left: auto;
}
.left_nav li {
	height: auto;
	width: 177px;
}
.left_nav li span {
	background-image: url(../Images/26.gif);
	height: 35px;
	width: 177px;
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	line-height: 35px;
}
.left_nav li span a {
	height: 35px;
	width: 147px;
	background-image: url(../Images/26.gif);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	padding-left: 30px;
	font-size: 14px;
	font-weight: bold;
}
.left_nav li span a:hover {
	color: #FF0000;
	background-image: url(../Images/27.gif);
	background-repeat: no-repeat;
}
.left_nav li .leftejfl {
	height: auto;
	width: 150px;
	display: none;
}
.left .left_nav .dq span a {
	background-image: url(../Images/27.gif);
	background-repeat: no-repeat;
	color: #CC0000;
}

.left_nav li .leftejfl ul
{
	width: 150px;
}



.left_nav li .leftejfl ul li {
	background-image: url(../Images/28.gif);
	background-repeat: no-repeat;
	background-position: 13px center;
	padding-left: 29px;
	line-height: 22px;
	width: 150px;
	
}
.left_nav li .leftejfl ul li a {
	color: #7e7e7e;
}
.left .left_nav .dq .leftejfl {
	display: block;
}
.text5 span {
	display: block;
	font-size: 15px;
	font-weight: bold;
	white-space: nowrap;
	padding-right: 12px;
	padding-left: 8px;
}
.weizhi {
	background-image: url(../Images/21.gif);
	background-repeat: no-repeat;
	background-position: 1px center;
	padding-left: 15px;
	float: right;
	color: #a6a6a6;
}
.weizhi a {
	color: #A6A6A6;
}
.cplist li {
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e9eff1;
}
.text6 {
	background-image: url(../Images/06.gif);
	background-repeat: no-repeat;
	background-position: 2px center;
	padding-left: 12px;
}
.text6 a {
	color: #009ee7;
	font-weight: bold;
}
.text7 {
	color: #9c9c9c;
	line-height: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.text8 {
	background-image: url(../Images/24.gif);
	background-repeat: no-repeat;
	background-position: 1px center;
	padding-left: 12px;
}
.text8 a {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
.fenye {
	padding-top: 15px;
	padding-bottom: 15px;
}
.text9 {
	font-size: 18px;
	font-weight: bold;
	color: #4f4e4e;
	padding-bottom: 8px;
}
.text10 {
	line-height: 28px;
	padding-bottom: 5px;
	color: #a9a9a9;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ededed;
}
.text10 a {
	color: #39a0ef;
}
.text11 {
	color: #888888;
	line-height: 20px;
	padding-top: 10px;
}
.li3 li {
	height: 40px;
	width: 118px;
	background-image: url(../Images/30.gif);
	line-height: 40px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
}

.text12 {
	padding: 10px;
}

.textContent
{
	line-height:24px;
	
}

.gsleft {
	height: auto;
	width: 156px;
	margin-right: auto;
	margin-left: auto;
}
.gsleft li {
	height: 34px;
	width: 156px;
	line-height: 34px;
	background-repeat: no-repeat;
	padding-top: 2px;
	padding-bottom: 2px;
}
.gsleft li a {
	background-image: url(../Images/35.gif);
	background-repeat: no-repeat;
	height: 34px;
	width: 140px;
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #5d5d5d;
	padding-left: 16px;
}
.gsleft .dq a {
	color: #e80e18;
	text-decoration: none;
	background-image: url(../Images/36.gif);
	background-repeat: no-repeat;
}
.gsleft li a:hover {
	color: #e80e18;
	text-decoration: none;
	background-image: url(../Images/36.gif);
	background-repeat: no-repeat;
}
.text13 {
	line-height: 24px;
	color: #7a7a7a;
}
.text13 #pic {
	float: right;
	margin-left: 10px;
}
.xw_list li {
	line-height: 32px;
	padding-left: 20px;
	color: #929292;
	background-image: url(../Images/37.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.xw_list li:hover {
	background-color: #f3f6f7;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ececec;
}
.xw_list li span {
	float: right;
	font-size: 12px;
	color: #c3c3c3;
	padding-right: 10px;
}
.xw_list .fl {
	float: left;
	padding-right: 1px;
}
.xw_list .fl a {
	color: #24abea;
}
.text14 {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 8px;
}
.text15 {
	color: #ffa200;
	padding-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #bcbcbc;
}
.text16 {
	line-height: 24px;
	color: #616161;
	padding-top: 8px;
}
.xz_list li {
	line-height: 32px;
	background-image: url(../Images/37.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 20px;
}
.xz_list li:hover {
	background-color: #f3f6f7;
}

.xz_list li span {
	background-image: url(../Images/38.gif);
	background-repeat: no-repeat;
	background-position: 1px center;
	padding-left: 20px;
	display: block;
	float: right;
	padding-right: 10px;
}
.xz_list li span a {
	color: #0895d7;
}
.text17 {
	line-height: 22px;
}
.text17 #pic {
	float: right;
}

.rightLanguage
{
	padding-left:10px;
}

/*首页Banner样式*/

.bejflbox {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	line-height: 24px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.bejflbox ul li {
	list-style-position: inside;
	list-style-type: disc;
	padding: 0px;
	margin: 0px;
}

.indexBanner01
{
	width:100px;
	height:35px;
	text-align:center;
	vertical-align:middle;
	background-image: url(../images/btn_pro.png);
	background-repeat: no-repeat;
	background-position:center center;
	cursor:hand;
	_background:none;
}

.indexBanner01 span
{
	color: #fff;
	FONT-FAMILY: 微软雅黑,Arial,宋体,隶书, Helvetica, geneva,sans-serif;
	font-size: 12px;
	line-height:30px;
	font-weight: normal;
	text-decoration: none;
	background-image: url(../images/btn_pro.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 35px;
	width: 100px;
}

/*首页Banner样式结束*/
















/*分页代码的样式*/
.Pagebox{font-family:Geneva, Arial, Helvetica, sans-serif,宋体;}
.Pagebox .PageStyle a{float: left;background-image: url(../Images/Page1.gif);background-repeat: repeat-x;background-position: bottom;border: 1px solid #aeaeae;color: #474747;height: 15px;padding-right: 7px;padding-left: 7px;margin-right: 2px;margin-left: 2px;background-color: #FFFFFF;line-height: normal;padding-top: 3px;}
.Pagebox .PageStyle a:hover{background-color: #FFFFFF;background-image: none;text-decoration: none;}
.Pagebox .PageStyle b{display: block;float: left;background-image: none;background-repeat: repeat-x;background-position: bottom;border: 1px solid #aeaeae;height: 18px;line-height: normal;padding-right: 5px;padding-left: 5px;margin-right: 2px;margin-left: 2px;background-color: #FFFFFF;color: #2E475F;}
.Pagebox .PageStyle .text{font-weight: normal;background-image: none;border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;line-height: 18px;padding-top: 3px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;background-color: transparent;}
.Pagebox .PageStyle span{float: left;height: auto;width: auto;line-height: 18px;color: #2E475F;}
.Pagebox .PageStyle .inputbox{width: 20px;height: 14px;text-align: center;border: 1px solid #aeaeae;line-height: normal;color: #474747;}
.Pagebox .PageStyle{font-weight: normal;background-image: none;border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;line-height: 18px;}
.Pagebox .PageStyle .btnGo{font-size:12px;background-image: url(../Images/Page1.gif);background-repeat: repeat-x;background-position: bottom;color: #474747;height: 19px;line-height: 19px;padding-right: 5px;padding-left: 5px;margin-right: 2px;margin-left: 2px;cursor:pointer;border: 1px solid #aeaeae; vertical-align:middle; }
.Pagebox .PageStyle .cpb{display: block;float: left;background-color:#FFFFFF;border: 1px solid #aeaeae;color: #474747;height: 18px;line-height: 18px;padding-right: 5px;padding-left: 5px;margin-right: 2px;margin-left: 2px;font-weight:bold;}
/*分页代码的样式结束*/

.ClearBoth
{	
	clear: both;	
	float: left !important;
	float:none;
}

/*图片宽度控制*/
.setImgWidth img
{
	vertical-align: middle;
    max-width: 700px; 
    width: expression(this.width > 700 ? 700: true);
}
/*图片宽度控制结束*/

/*路径箭头的样式*/
em
{
	color: #7E7E7E;
	font: 12px/1.75 "宋体" , arial, sans-serif;
	padding: 0px 5px 0px 5px;
}
/*路径箭头的样式结束*/

/**留言样式**/
.message tr td
{
	line-height: 28px;
	height: 28px;
}
.message .hz
{
	font-size: 12px;
	color: #e6e6e6;
	font-family: "宋体";
}

.message_tb td
{
	padding-top: 5px;
	padding-bottom: 5px;
	
}
.dx_input
{
	height: 18px;
	border: 1px solid #e6e6e6;
	line-height: 18px;
}

.message_tb textarea
{
	height: 73px;
	width: 400px;
	border: 1px solid #e6e6e6;
}

/**留言样式**/

/*在线订购样式*/

.orderBeizhu 
{		
	border: 1px solid #e6e6e6;
	height: 110px;
	width: 440px;
}

.orderInput
{
	border: 1px solid #e6e6e6;
}

/*在线订购样式结束*/
/*分页代码开始*/
div.flickr{padding:0px;margin:0px;text-align:center;font-family:Verdana;font-size:12px;text-align:center;clear: both;float: none;}
div.flickr a{border-right: #dedfde 1px solid; padding-right: 6px; background-position: 50% bottom; border-top: #dedfde 1px solid; padding-left: 6px; padding-bottom: 2px; border-left: #dedfde 1px solid; color: #0061de; margin-right: 3px; padding-top: 2px; border-bottom: #dedfde 1px solid; text-decoration: none;}
div.flickr a:hover{
	border-right: #000 1px solid;
	border-top: #000 1px solid;
	background-image: none;
	border-left: #000 1px solid;
	color: #FF0000;
	border-bottom: #000 1px solid;
	background-color: #0061de;
}
div.flickr a:active{border-right: #000 1px solid; border-top: #000 1px solid; background-image: none; border-left: #000 1px solid; color: #fff; border-bottom: #000 1px solid; background-color: #0061de;}
div.flickr span{padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #999; margin-right: 3px; padding-top: 2px;}
div.flickr span.current{padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #ff0084; margin-right: 3px; padding-top: 2px;}
div.flickr span.disabled{padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #adaaad; margin-right: 3px; padding-top: 2px;}
/*分页代码结束*/


.newbanner {
	height: 405px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.newbanner #KinSlideshow {
	height: 405px;
	width: 980px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
}
.bannerfl {
	position: absolute;
	z-index: 10000;
	left: 0px;
	bottom: 0px;
	padding-left: 5px;
}
.bannerfl ul li {
	position: relative;
	float: left;
	display: none;
}
.bannerfl ul .i1,.bannerfl ul .i2,.bannerfl ul .i3,.bannerfl ul .i4 {
	display: block;
}
.bannerfl ul .i1 li, .bannerfl ul .i2 li, .bannerfl ul .i3 li, .bannerfl ul .i4 li {
	display: block;
}
.bannerfl  ul  li span {
	float: left;
	height: 35px;
	width: 100px;
	background-image: url(../images/btn_pro.gif);
	background-repeat: no-repeat;
	background-position: left top;
	list-style-type: none;
	line-height: 35px;
	text-align: center;
	position: relative;
	display: block;
}
.bannerfl ul li .b_ejflbox {
	position: absolute;
	left: 0px;
	background-color: #FFFFFF;
	border: 1px solid #b2b2b2;
	bottom: 35px;
	display: none;
	padding: 8px;
	height: auto;
	width: auto;
}
.bannerfl ul li:hover .b_ejflbox {
	display: block;
}
.bannerfl ul li .b_ejflbox ul li {
	background-image: none;
	clear: both;
	float: none;
	line-height: 24px;
	padding-right: 25px;
	padding-left: 5px;
	text-align: left;
	list-style-type: disc;
	white-space: nowrap;
	list-style-position: inside;
}
.bannerfl ul li .b_ejflbox ul li a {
	color: #505050;
	line-height: 22px;
}
.bannerfl ul li .b_ejflbox ul li a:hover {
	text-decoration: none;
	color: #FF6600;
}
.bannerfl  ul  li  span a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	height: 35px;
	width: 100px;
}
.bannerfl ul li span a:hover {
	text-decoration: none;
	color: #FEFBC5;
}
.attach_list{font-family:"Microsoft Yahei";}
	.attach_list ul{margin:0;padding:10px;list-style:none;}
		.attach_list ul li{margin:0;padding:0 0 0 30px;line-height:30px;background:url(../images/icon_down.gif) no-repeat left center;}
.attach_list ul li a {
	color: #0099FF;
}
		.attach_list ul li span{float:right;}
		.attach_list ul li i{margin-left:10px;font-style:normal;color:#666;}
.caselist {

	height: auto;

}
.caselist li{
	float: left;
	height: 250px;
	width: 220px;
	margin-right: 13px;
	text-align: center;
	margin-top: 25px;
}.caselist li p {
	padding-top: 10px;
}
.caselist li .pic {
	height: 214px;
	width: 218px;
	border: 1px solid #E3E3E3;
}
.case_show_box{
	height: auto;
	width: 740px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}.case_show_box .pic {
	padding: 5px;
	float: left;
	height: auto;
	width: 380px;
	margin-right: 15px;
	border: 1px solid #E6E6E6;
	text-align: center;
}
.case_show_box .qc {
	clear: both;
	float: none;
}
.case_show_box .cp_info h1{
	font-size: 15px;
	color: #16a1d6;
}.case_show_box .cp_info span {
	display: block;
	padding-top: 2px;
	padding-bottom: 15px;
	color: #16a1d6;
}
.case_show_box .cp_info .infotext{
	line-height: 24px;
	color: #666666;
}
.case_show_box .show_info{ 
	padding-top: 20px;
}
.case_show_box .show_info .tab{
	height: 36px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #16a1d6;
}
.case_show_box .show_info .tab li {
	display: block;
	float: left;
	height: 36px;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 14px;
	line-height: 36px;
	font-weight: bold;
	background-image: url(../images/16.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin-right: 1px;
	cursor: pointer;
}
.case_show_box .show_info .tab li.on {
	color: #FFFFFF;
	background-color: #16a1d6;
	background-image: none;
}
.case_show_box .show_info .con {
	padding-top: 15px;
	line-height: 24px;
}
.ditutitle {
	height: auto;
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	font-weight: bold;
	color: #42cbff;
	padding-top: 10px;
}

.gsmap {
	height: 580px;
	width: 750px;
	margin-right: auto;
	margin-left: auto;
}
#allmap {
	width: 100%;
	height: 580px;
	overflow: hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFFFFF;
	padding: 2px;
	border: 1px solid #33CCFF;
}
#l-map{height:100%;width:78%;float:left;border-right:2px solid #bcbcbc;}


















/*首页banner*/
.banner30banner{width: 980px;height: 405px;position: relative;background-color: #FFFFFF;clear: both;float: none;display: block;margin-right: auto;margin-left: auto;}
.banner30banner .bd{height: 405px;overflow: hidden;width: 100%;position: absolute;z-index: 1;}
.banner30banner .bd ul li{height: 405px;width: 100%;background-size: auto 405px;background-repeat: no-repeat;background-position: center center;}
.banner30banner .bd ul li a{display: block;height: 405px;width: 100%;background-size: auto 405px;background-repeat: no-repeat;background-position: center center;}
.banner30banner .hd{position: absolute;z-index: 2;right: 5px;bottom: 5px;}
.banner30banner .hd ul{list-style-type:none;counter-reset:sectioncounter;}
.banner30banner .hd ul li{line-height: 18px;background-color: #000000;text-align: center;display: inline-block;height: 18px;width: 18px;margin-left: 3px;color: #FFFFFF;font-family: Arial, Helvetica, sans-serif;}
.banner30banner .hd ul li:before{content:counter(sectioncounter) ""; counter-increment:sectioncounter;}
.banner30banner .hd ul li.on{color: #FFFFFF;background-color: #FF9900;}
/*内容banner*/
.mainbanner30banner{width: 980px;height: 214px;position: relative;background-color: #FFFFFF;clear: both;float: none;display: block;margin-right: auto;margin-left: auto;}
.mainbanner30banner .bd{height: 214px;overflow: hidden;width: 100%;position: absolute;z-index: 1;}
.mainbanner30banner .bd ul li{height: 214px;width: 100%;background-size: auto 214px;background-repeat: no-repeat;background-position: center center;}
.mainbanner30banner .bd ul li a{display: block;height: 214px;width: 100%;background-size: auto 214px;background-repeat: no-repeat;background-position: center center;}
.mainbanner30banner .hd{position: absolute;z-index: 2;right: 5px;bottom: 5px;}
.mainbanner30banner .hd ul{list-style-type:none;counter-reset:sectioncounter;}
.mainbanner30banner .hd ul li{line-height: 18px;background-color: #000000;text-align: center;display: inline-block;height: 18px;width: 18px;margin-left: 3px;color: #FFFFFF;font-family: Arial, Helvetica, sans-serif;}
.mainbanner30banner .hd ul li:before{content:counter(sectioncounter) ""; counter-increment:sectioncounter;}
.mainbanner30banner .hd ul li.on{color: #FFFFFF;background-color: #FF9900;}

.photolist{
	width: 738px;
	overflow: hidden;
}.photolist ul {
	width: 800px;
}
.photolist ul li {
	height: 220px;
	width: 172px;
	float: left;
	margin-right: 16px;
	margin-top: 20px;
}
.photolist ul li .pic {
	text-align: center;
	display: table;
	height: 170px;
	width: 170px;
	border: 1px solid #E8E8E8;
}
.photolist ul li .pic span {
	vertical-align: middle;
	display: table-cell;
}
.photolist ul li .pic span img {
max-width:170px;
max-height:170px;
}
.photolist ul li .text {
	text-align: center;
	padding-top: 8px;
}