* 			{PADDING:0px; MARGIN: 0px; FONT-SIZE:12px}
BODY 		{BACKGROUND: #fff; COLOR: #000; FONT-FAMILY: "ËÎÌå", "ÐÂËÎÌå", Arial, Helvetica, sans-serif}
A 			{TEXT-DECORATION: none}
A:link,A:active	{COLOR: #000}
A:visited 	{COLOR: #333}
A:hover 	{COLOR: #f5811d}
UL,LI,DL,DT,DD	{LIST-STYLE-TYPE: none}
IMG 		{BORDER-WIDTH: 0px;}
.noview{ display:none;}

.ad950 img {width:960px}

#container 		{FLOAT: left; WIDTH: 100%}

#header 					{BACKGROUND: #fff; WIDTH: 100%}
#header .header_top 		{MARGIN: 0px auto; WIDTH: 960px; HEIGHT: 65px}
#logo 						{PADDING-LEFT: 10px; BACKGROUND: url(../images/public/sub_head.gif) no-repeat right bottom; FLOAT: left; WIDTH: 419px; HEIGHT: 60px}
#header .login 				{PADDING-RIGHT: 10px; FLOAT: right; WIDTH: 506px; COLOR: #636363; PADDING-TOP: 25px; TEXT-ALIGN: right}
#header .login A 			{COLOR: #9d3819}
#header .login A:hover 		{COLOR: #f5811d}
#header .mainav 			{BACKGROUND: url(../images/public/navbg.gif) repeat-x; WIDTH: 100%}
#header .mainav UL 			{DISPLAY: block; MARGIN: 0px auto; WIDTH: 960px; HEIGHT: 36px; BACKGROUND: url(../images/public/menubg.gif) repeat-x; }
#header .mainav LI 			{DISPLAY: block; FLOAT: left; HEIGHT: 36px; TEXT-ALIGN: center}
#header .mainav LI A 		{DISPLAY: block; FLOAT: left; COLOR: #fff; LINE-HEIGHT: 23px; font-size:14px; HEIGHT: 23px; PADDING-LEFT:10px;PADDING-RIGHT:10px}
#header .mainav LI A:hover 	{COLOR: #f5811d}
#header .mainav LI SPAN 	{DISPLAY: block; PADDING-TOP: 3px; HEIGHT: 30px}
#header .mainav .left 		{BACKGROUND: url(../images/public/navright.jpg) no-repeat right top; WIDTH: 340px;}
#header .mainav .curr2 {font-weight:bold;BACKGROUND: url(../images/public/curr.png) no-repeat center center; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/public/curr.png", sizingMethod="scale"); _background-image: none}
#header .mainav .curr:hover {COLOR: #fff}
#header .mainav .left SPAN 	{BACKGROUND: url(../images/public/navleft.jpg) no-repeat; WIDTH: 340px}
#header .mainav .left SPAN P {display:block;width:30px;float:left}
#header .mainav .center 	{WIDTH: 255px; TEXT-ALIGN: left}
#header .mainav .curr3 {font-weight:bold;BACKGROUND: url(../images/public/curr1.png) no-repeat center center; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/public/curr1.png", sizingMethod="scale"); _background-image: none}
#header .mainav .center SPAN {BACKGROUND: url(../images/public/navright.jpg) no-repeat left top; WIDTH: 255px}
#header .mainav .right 		{FLOAT: right; WIDTH: 365px}
#header .mainav .curr4{font-weight:bold;BACKGROUND: url(../images/public/curr2.png) no-repeat center center; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/public/curr2.png", sizingMethod="scale"); _background-image: none}
#header .mainav .right SPAN {BACKGROUND: url(../images/public/navright2.jpg) no-repeat right top; WIDTH: 365px}


#header .search 			{BACKGROUND: url(../images/public/searchbg.gif) no-repeat right top; MARGIN: 0px auto; WIDTH: 960px; HEIGHT: 36px}
#header .search FORM 		{PADDING-LEFT: 32px; BACKGROUND: url(../images/public/searchleft.jpg) no-repeat; FLOAT: left; WIDTH: 270px; PADDING-TOP: 4px; HEIGHT: 32px}
#header SELECT 				{FLOAT: left}
#header .styledSelect 		{MARGIN-TOP: 1px; BACKGROUND: url(../images/public/arrow.gif) no-repeat right 7px; FLOAT: left; WIDTH: 42px; CURSOR: pointer; LINE-HEIGHT: 18px; MARGIN-RIGHT: 10px; POSITION: relative; HEIGHT: 18px}
#header .styledSelect UL 	{BACKGROUND: url(../images/public/arrow.gif) no-repeat right 7px; WIDTH: 42px; POSITION: absolute}
#header .styledSelect UL LI {PADDING-LEFT: 5px; MARGIN: 0px; WIDTH: 37px; HEIGHT: 18px; TEXT-ALIGN: left}
#header .open.styledSelect UL 		{BACKGROUND: url(../images/public/arrow.gif) #fff no-repeat right 7px; WIDTH: 42px; HEIGHT: 36px}
#header .open.styledSelect UL LI 	{PADDING-LEFT: 5px; WIDTH: 37px; HEIGHT: 18px; TEXT-ALIGN: left}
#header .open.styledSelect UL LI.selected {	}
#header .open.styledSelect UL LI:hover {BACKGROUND-COLOR: #e1e1e1}
#header .text 		{BORDER-WIDTH: 0px; MARGIN-TOP: 1px; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; WIDTH: 223px; COLOR: #636363; LINE-HEIGHT: 18px; HEIGHT: 18px}
#header .submit 			{BACKGROUND: url(../images/public/searchbutton.jpg); FLOAT: left; WIDTH: 38px; CURSOR: pointer; BORDER-STYLE: none;HEIGHT: 22px; }
#header .highsearch 		{MARGIN-TOP: 10px; FLOAT: left; COLOR: #000; TEXT-DECORATION: underline}
#header .highsearch:hover 	{TEXT-DECORATION: none}
#header .keywords 			{MARGIN-TOP: 10px; FLOAT: left; MARGIN-LEFT: 20px; COLOR: #636363}
#header .tel 				{MARGIN-TOP: 8px; FLOAT: right; COLOR: #636363; MARGIN-RIGHT: 10px}
#header .tel STRONG 		{FONT-SIZE: 14px; FONT-FAMILY: Arial}
#header .online 			{MARGIN-TOP: 6px; DISPLAY: block; BACKGROUND: url(../images/public/online.gif); FLOAT: right; WIDTH: 64px; MARGIN-RIGHT: 30px; HEIGHT: 18px}
#header .online:hover 		{BACKGROUND: url(../images/public/onlineo.gif)}
#header .online SMALL 		{VISIBILITY: hidden}


#place 			{CLEAR: both; PADDING-LEFT: 10px; BACKGROUND: url(../images/arrow_y.gif) no-repeat 0px 3px; WIDTH: 950px; COLOR: #636363; BORDER-BOTTOM: #e5e5e5 1px solid; HEIGHT: 22px}
#place A 		{COLOR: #000000; TEXT-DECORATION: none}
#place A:hover 	{COLOR: #f5811d}
#place SPAN 	{COLOR: #7b7b7b}

#footer						{width:960px; height:112px; position:relative; background-color:#f4f4f4; margin:0 auto 0; padding-top:12px; text-align:center}
#footer	.footerMenu			{border-top:1px solid #e1e1e1; width:926px; padding-top:12px; margin-left:12px }
#footer p					{color:#777;line-height:22px;}
#footer p a					{color:#36c;}
#footer .icon_netAlarm		{width:40px; height:53px; background:url(../images/icon_netalarm.gif) no-repeat left top; position:absolute; left:690px;top:43px;}

#friendlist     			{width:956px; background-color:#ecebd7; border-top:1px solid #ccc; display:table; padding:0 4px 4px 4px; margin:0 auto; color:#333}
#friendlist a			{border:1px dashed #666; display:block; padding:0 4px 0 4px; margin:4px 3px 0 0; height:25px; float:left; line-height:25px; text-align:center}
#friendlist A:link,#friendlist A:active	{COLOR: #666}
#friendlist A:visited 	{COLOR: #666}
#friendlist A:hover 	{COLOR:#F00}

.ad960  					{width:960px; margin:10px auto 10px}
.ad650  					{width:650px; margin:10px auto 10px}
.ad300_250					{width: 300px; float: left; margin-bottom: 6px}
.ad200_200                  {width: 200px; height: 200px; float: left; margin-top: 8px}
.ad250_250                  {width: 250px; height: 250px; float: left}
.ad580						{margin-top:15px}

#toollist					{POSITION: relative;MARGIN: 0px auto; WIDTH: 960px; HEIGHT: 335px; z-index:0; background-color: #ecebd7;}
#toollist H2				{WIDTH: 938px; padding:8px 0 8px 12px; background-color: #dadada;}

#commenbox					{POSITION: relative;MARGIN: 0px auto; WIDTH: 960px; z-index:0; background-color: #ecebd7;}
.commentlist li .commentnumber{font-size:2.50em;color:#dcdcdc}
.commentlist li .children li .commentnumber{color:#ccdade}
.commentlist li p			{margin-right:50px}
.comment-author				{font-size:18px; font-weight:bold; color:#3151a2;text-decoration:none;margin:3px 3px 0 0;display:inline}
.comment-author a			{font-size:18px; font-weight:bold; color:#3151a2}
.comment-author a:hover		{font-size:18px; font-weight:bold; color:#f1820a}
.comment-text 				{color:#555}
.comment-text span 			{color:#ccc}

.reply a					{float:right;color:#8999c3;background:transparent url(../images/sprite-arrows.gif) no-repeat scroll 100% -198px;padding:0 16px 0 0;text-decoration:none}
.input						{margin:5px 0 0;padding:7px 8px;border:2px solid #e7e7e7;background:#FFF;width:85%;font:0.92em Arial,Helvetica,sans-serif;color:#7d7d7d}
.input.textarea				{width:98%}
.commentlist li				{position:relative;padding:0;border-top:1px solid #eee;overflow:visible;width:100%}
.commentlist li .comment	{padding:20px;overflow:visible;position:relative}
.commentlist li .commentnumber{position:absolute;top:20px;right:18px}
.commentlist li .gravatar img{width:38px;height:auto;float:left;padding:3px;background:#FFF;border-bottom:1px solid #d7d7d7;border-left:1px solid #f2f2f2;border-right:1px solid #f2f2f2}
.commentlist li .comment-text{margin:0 0 0 61px}
.commentlist li .comment-text ul, .commentlist li .comment-text ol{margin:auto}
.commentlist li .comment-text ul li, .commentlist li .comment-text ol li{border:0}
.commentlist li .comment-text .commentmeta{margin:20px 0 0}
.comment-text p{font-size:1.05em}
.commentlist li .children{margin:0;padding:0;overflow:visible}
.commentlist li .children li.depth-2{padding:0 0 0 40px;border-right:1px solid #e5e8ea}
.commentlist li .children li.depth-3{padding:0 0 0 40px;margin:0 0 0 0}
.commentlist li .children li.depth-4{padding:0 0 0 40px;margin:0 0 0 0}
.commentlist li .children li.depth-5{padding:0 0 0 40px;margin:0 0 0 0}
#respond{padding:30px 35px 0; border-top:1px solid #ccc}
#guanlianhead {width:960px; margin:0 auto; }
#guanlianhead li{width:960px; background:url("../images/guanlianheadbg.gif") repeat-x 0 0;float:left;height:33px; line-height:33px}
#guanlianhead li span {float:right; color:#666; margin-right:8px}
#guanlianhead li img { margin-top:10px; margin-left:15px}
#commenthead {width:960px; margin:0 auto; }
#commenthead li{width:960px; background:url("../images/sprite-comment-tabs.gif") repeat-x 0 0;float:left;height:43px; line-height:43px}
#commenthead li span {float:right; color:#666; margin-right:8px}
#commenthead li img { margin-top:15px; margin-left:15px}
.clearfix{display:inline-block}
html[xmlns] .clearfix{display:block}
* html .clearfix{height:1%}
#commentform input, #commentform textarea{font-size:1.35em;color:#333; border:2px solid #dfdfdf}
#commentform textarea{line-height:1.4em; width:822px}
.input-half{margin:20px 0 0;width:50%;float:left}
#message-box{margin:20px 0 0;clear:both}
#submit-form{margin:10px 0 0;width:159px;height:32px;overflow:hidden}
#commentpage {text-align:right; padding-right:20px; line-height:25px}
#commentpage span {cursor:pointer}
#commentpage .webdings {font-family:webdings}
#commentpage .currpage {color:#F00;font-weight:bold}
#commentloading { margin:0 auto; width:400px; padding:30px 0; text-align:center}

.tags		{OVERFLOW: hidden; WIDTH: 960px; HEIGHT: 40px}
.tags H2 	{FLOAT: left; WIDTH: 134px; HEIGHT: 40px}
.tags A 	{FLOAT: left; display:block; height:30px; width:60px; background-color:#8aaacd; COLOR: #fff; LINE-HEIGHT: 30px; MARGIN-RIGHT: 6px; text-align:center}
.tags A:hover{COLOR: #ebebeb}

.tags2		{OVERFLOW: hidden; WIDTH: 960px; HEIGHT: 32px}
.tags2 H2 	{FLOAT: left; WIDTH: 134px; HEIGHT: 32px}
.tags2 A 	{FLOAT: left; display:block; height:30px; width:84px; background-color:#8aaacd; COLOR: #fff; LINE-HEIGHT: 30px; MARGIN-RIGHT: 6px; text-align:center}
.tags2 A:hover{COLOR: #ebebeb}



#service 					{BACKGROUND: url(../images/index/top2.gif) no-repeat left bottom; MARGIN: 0px auto 10px; OVERFLOW: hidden; WIDTH: 960px; HEIGHT: 204px}
#service .ser 				{BORDER-RIGHT: #ccc 1px solid; MARGIN-TOP: 4px; PADDING-LEFT: 30px; FLOAT: left; OVERFLOW: hidden; WIDTH: 195px; HEIGHT: 165px}
#service .ser SPAN 			{DISPLAY: block; WIDTH: 195px; LINE-HEIGHT: 30px; HEIGHT: 36px}
#service .ser SPAN STRONG 	{FONT-WEIGHT: normal; FONT-FAMILY: Arial}
#service .out 				{PADDING:5px 6px 0 0; FLOAT: right; OVERFLOW: hidden; WIDTH: 718px; HEIGHT: 170px}
#service .out UL 			{FLOAT: left; WIDTH: 800px}
#service .out LI 			{PADDING-LEFT: 35px; BACKGROUND: url(../images/index/line4.gif) no-repeat right center; FLOAT: left; WIDTH: 110px}
#service .out LI IMG 		{MARGIN-BOTTOM: 3px}
#service .out LI SPAN 		{CLEAR: both; DISPLAY: block; PADDING: 6px 0 6px 8px; BACKGROUND: url(../images/index/arrow_gary.gif) no-repeat left center; WIDTH: 100px;}

.imageSlider1 				{ height:20px; width:50px; background-image:url("../images/scrollbg.gif"); }
.imageBar1    				{ height:17px; width:10px; background-image:url("../images/scrfloat.gif"); }
.clears 					{ clear: both;}

#LogingWin{
	padding:18px 18px;
	border:5px solid #666;
	position:absolute; 
	background:#fff; 
	z-index:9999;
	top:200px;
	left:200px;
	display: none;
	text-align:center;
	width:480px;
	height:120px;
}
#LogingWin img{
	margin:8px 0;
}
#LogingWin span{
	display:block;
}
#LogingWin{
	padding:18px 18px;
	border:5px solid #666;
	position:absolute; 
	background:#fff; 
	z-index:9999;
	top:200px;
	left:200px;
	display: none;
	text-align:center;
	width:480px;
	height:120px;
}
#LogingWin img{
	margin:8px 0;
}
#LogingWin span{
	display:block;
}
#flaoWin{
	position:absolute; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%; 
	z-index:498;
	background: #666;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	display:none;
}

#TB_overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index:100;
	width: 100%;
	height: 100%;
	background-color:#CCC;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#TB_window {
	top: 0px;
	left: 0px;
	position: fixed;
	_position: absolute;
	background: #fff;
	z-index: 102;
	color:#000000;
	display:none;
	border:5px solid #666;
}
#TB_caption{
	height:25px;
	padding:10px 30px 10px 25px;
}
#TB_closeWindow{
	height:25px;
	padding:10px 25px 10px 0;
	float:right;
}
#TB_closeAjaxWindow{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	background-color:#e8e8e8;
}
#TB_ajaxContent{
	padding:2px 2px;
	overflow:auto;
}

#TB_load{
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	overflow: visible;
	visibility: visible;
	display: block;
	z-index:101;
}
#TB_loadContent{
	margin-left: -125px;
	position: absolute;
	top: -50px;
	left: 50%;
	width: 250px;
	height: 100px;
	visibility: visible;
}




.ibox{width:936px; height:195px; background:#ddd; margin-top:6px; border:1em solid #ddd; position:relative; overflow:hidden}
.ibox .showbox{position:absolute;left:0;width:2880px; height:170px; background:#fff}
.ibox .showbox ul li{float:left;margin:6px; width:168px; height:151px;border:3px solid #ccc; text-align:center }
.ibox .showbox ul li p { height:126px; display:block;}
.ibox .showbox ul li div {background-color:#ebebeb; line-height:25px; height:25px; overflow:hidden}
.ibox .showbox ul li div a {color:#039}
.ibox .showbox ul li img{}
.ibox span{position:absolute;padding:0 5px; cursor:pointer;}
.ibox span.pre{left:10px; bottom:0}
.ibox span.next{right:10px; bottom:0}
.ibox span.num{right:45%; bottom:0; background:#ddd;line-height:18px;}
.ibox span.num li{display:inline;margin:0 5px; padding:1px 5px; line-height:18px}
.ibox span.num .numcur{background:#a40000; color:#fff}

  .pagination {
            display: inline-block;
            padding-left: 0;
            margin: 10px 0;
            border-radius: 4px;
        }

            .pagination > li {
                display: inline;
            }

                .pagination > li > a, .pagination > li > span {
                    position: relative;
                    float: left;
                    padding: 6px 12px;
                    margin-left: -1px;
                    line-height: 1.428571429;
                    text-decoration: none;
                    background-color: #fff;
                    border: 1px solid #ddd;
                }

                .pagination > li:first-child > a, .pagination > li:first-child > span {
                    margin-left: 0;
                    border-bottom-left-radius: 4px;
                    border-top-left-radius: 4px;
                }

                .pagination > li:last-child > a, .pagination > li:last-child > span {
                    border-top-right-radius: 4px;
                    border-bottom-right-radius: 4px;
                }

                .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
                    background-color: #eee;
                }

            .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
                z-index: 2;
                color: #fff;
                cursor: default;
                background-color: #428bca;
                border-color: #428bca;
            }

            .pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
                color: #999;
                cursor: not-allowed;
                background-color: #fff;
                border-color: #ddd;
            }

        .pagination-lg > li > a, .pagination-lg > li > span {
            padding: 10px 16px;
            font-size: 18px;
        }

        .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
            border-bottom-left-radius: 6px;
            border-top-left-radius: 6px;
        }

        .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
            border-top-right-radius: 6px;
            border-bottom-right-radius: 6px;
        }

        .pagination-sm > li > a, .pagination-sm > li > span {
            padding: 5px 10px;
            font-size: 12px;
        }

        .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
            border-bottom-left-radius: 3px;
            border-top-left-radius: 3px;
        }

        .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
        }

        .pager {
            padding-left: 0;
            margin: 20px 0;
            text-align: center;
            list-style: none;
        }

            .pager:before, .pager:after {
                display: table;
                content: " ";
            }

            .pager:after {
                clear: both;
            }

            .pager:before, .pager:after {
                display: table;
                content: " ";
            }

            .pager:after {
                clear: both;
            }

            .pager li {
                display: inline;
            }

                .pager li > a, .pager li > span {
                    display: inline-block;
                    padding: 5px 14px;
                    background-color: #fff;
                    border: 1px solid #ddd;
                    border-radius: 15px;
                }

                    .pager li > a:hover, .pager li > a:focus {
                        text-decoration: none;
                        background-color: #eee;
                    }

            .pager .next > a, .pager .next > span {
                float: right;
            }

            .pager .previous > a, .pager .previous > span {
                float: left;
            }

            .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
                color: #999;
                cursor: not-allowed;
                background-color: #fff;
            }