/* common css ============================================================================================================================= */
body{
	margin:0;
	font-size:11px;
	line-height:18px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif, '宋体';
	color:#000;
}
div{
	text-align:left;
}
form{
	margin:0;
	padding:0;
}
img{
	border:none;
}
input,textarea{
	font-size:12px;
	line-height:14px;
	padding:2px;
	height:14px;
	color:#666;
}
a:link,a:visited{
	text-decoration:none;
	color:#444;
}
a:hover{
	color:#ff9c00;
}
/* link css =========================================================================================================== link css ========== */
#menu a:link,#menu a:visited{
	line-height:48px;
	height:51px;
	display:inline-block;
	color:#fff;
}
#menu a:hover{
	color:#ffe400;
}
#menu .now a:link,#menu .now a:visited{
	padding-left:25px;
	color:#333;
	background:url(../images/menu.png) no-repeat left top;
}
#menu .now a strong{
	display:inline-block;
	padding-right:25px;
	line-height:48px;
	height:51px;
	background:url(../images/menu.png) no-repeat right -51px;
}
a.online:link,a.online:visited{
	display:inline-block;
	width:135px;
	height:76px;
	line-height:15px;
	padding:14px 5px 0 80px;
	background:url(../images/online.png);
}
a.online strong{
	color:#ef6222;
	line-height:20px;
	height:20px;
}
table.co_news a:link,table.co_news a:visited{
	color:#888;
}
table.co_news a:hover{
	color:#ff9c00;
}
/* for font & text & tag =================================================================================== for font & text & tag ======== */
.green{
	color:#748a43;
}
.gray{
	color:#889eb2;
}
.gray2{
	color:#6e8794;
}
#menu ul{
	margin:0 0 0 -10px;
	padding:0;
}
#menu ul li{
	float:left;
	list-style:none;
}
#menu ul li strong {font-size:13px!important; *font-size:12px; _font-size:12px; font-weight:bold;}
.align_r{
	text-align:right;
}
.align_l{
	text-align:left;
}
.online input,.online textarea{
	border:1px solid #f9c698;
	background-color:#f8f1e4;
}
.online input.btn{
	border:none;
}
/* for margin & padding | width & height ====================================================== margin & padding | width & height ========= */
.ml20{
	margin-left:25px;
}
.ml10{
	margin-left:10px;
}
.mr10{
	margin-right:10px;
}
.mr20{
	margin-right:20px;
}
.mt15{
	margin-top:15px;
}
.mb10{
	margin-bottom:10px;
}
/* for table ========================================================================================================== for table ========= */
table{
	width:100%;
}
table td,table th{
	padding:3px;
	text-align:center;
}
.contact table td{
	text-align:left;
	padding:5px 3px;
	line-height:16px;
}
.contactus table td{padding-bottom:15px;}
table.co_news{
	background:url(../images/table_news.gif) left top no-repeat;
}
table.co_news th{
	border-top:3px solid #8a8a8a;
	border-bottom:1px solid #bababa;
	color:#767676;
}
table.co_news td{
	color:#888;
	border-bottom:1px solid #e1e1e1;
}
table.co_news .align_l{
	text-align:left;
}
table.panel_list th{
	text-align:left;
	color:#fa5a04;
}
table.panel_list td.align_l{
	text-align:left;
}
table.panel_list td.align_r{
	text-align:right;
	padding-top:10px;
}
table.panel_list td.align_r img{
	position:relative;
	top:2px;
}
table.panel_list td.align_r a:link,table.panel_list td.align_r a:visited{
	margin-right:15px;
	color:#2ea8e8;
}
table.panel_list td.align_r a:hover{
	color:#f96f29;
}
table.panel_list td.pic{
	padding-right:15px;
	vertical-align:top;
	width:110px;
}
table.panel_list td.pic img{
	padding:13px 8px;
	width:97px;
	height:80px;
	background:url(../images/panel_bg.png) no-repeat;
}
table.online{
	margin-left:35px;
	margin-top:5px;
	width:auto;
}
table.online th{
	text-align:left;
	width:90px;
}
table.online td{
	text-align:left;
}
/* class css ===================================================================================================== class css ============== */
.fl{
	float:left;
	display:inline;
}
.fr{
	float:right;
	display:inline;
}
.newslist{
	position:relative;/*ie bug*/
	list-style:none;
	margin:0;
	padding:0;
}
.newslist li{
	background:url(../images/listb.gif) 0 bottom repeat-x;
	position:relative;
	height:20px;
	line-height:20px;
	overflow:hidden;
	margin-bottom:2px;
	white-space:nowrap;
}
.newslist li a:link,.newslist li a:visited{
	background:url(../images/newslist.gif) no-repeat 3px;
	padding-left:15px;
	display:inline-block;
}
.newslist li span{
	position:absolute;
	right:0;
	bottom:1px;
	line-height:18px;
	color:#999;
	padding-left:5px;
	background-color:#fff;
}
input.go_btn{
	width:26px;
	height:21px;
	border:none;
	background:url(../images/go.gif);
	cursor:pointer;
	position:relative;
	top:-1px;
}
.pagebar{
	text-align:center;
}
.pagebar a,.pagebar strong,.pagebar img{
	margin:0 2px;
}
.pagebar strong{
	color:red;
}
.pagebar a:link,.pagebar a:visited{
	text-decoration:underline;
}
.nav img{
	margin:0 5px;
	position:relative;
	top:1px;
}
.nav strong{
	color:#3eb7f6;
}
.nav a:link,.nav a:visited{
	color:#f46f29;
}
.nav a:hover{
	color:#3eb7f6;
}
.line{
	height:25px;
	background:url(../images/line.gif) repeat-x;
}
ul.con{
	margin:0;
	padding:10px 25px;
}
ul.con li{
	list-style:none;
	margin-bottom:20px;
}
ul.con li img{
	vertical-align:middle;
	margin-right:15px;
}
ul.con li strong{
	color:#f9872e;
	margin-right:5px;
}
.btn{
	border:none;
	width:65px;
	height:25px;
	line-height:23px;
	cursor:pointer;
	color:#777;
	padding-right:10px;
	background:url(../images/btn.gif) no-repeat;
}
/* layout css ========================================================================================================== layout css ======= */
.wraper{
	width:960px;
	margin:0 auto;
}
#header{
	width:940px;
	height:48px;
	padding:3px 0 5px;
	position:relative;
}
#header img {margin-left:0px;}
#lan{
	position:absolute;
	right:10px;
	bottom:5px;
}
#menu{
	text-align:center;
	height:51px;
	background:url(../images/menu.png) left -102px;
}
#menu ul li{
	padding:0 20px;
	background:url(../images/menu.png) no-repeat right -153px;
}
#content{
	_height:160px;
	min-height:160px;
	padding-top:10px;
	background:url(../images/content_bg.png) no-repeat left top;
}
.news{
	width:306px;
}
.news .newslist li{
	width:306px;
}
.intro{
	width:328px;
	height:150px;
	background:url(../images/intro_bg.png) no-repeat right bottom;
}
#intro div{
	width:220px;
	word-wrap:break-word; overflow:hidden;
}
.contact{
	width:250px;
}
.contact2{
	width:98%;
}
.news h1,.intro h1,.contact h1,#press .contact h1{
	font-size:12px;
	margin:0;
	text-align:left;
}
.news h1{
	color:#fd8634;
	height:30px;
	line-height:30px;
	position:relative;
	padding-left:40px;
	margin:0 0 5px;
	background:url(../images/h1_news_bg.gif) no-repeat;
}
.news h1 span{
	padding-right:5px;
	background-color:#fff;
}
.news h1 img{
	position:absolute;
	bottom:10px;
	right:2px;
}
.intro h1{
	color:#827e58;
	height:36px;
	margin:0 0 5px;
	line-height:34px;
	padding-left:40px;
	background:url(../images/about.png) no-repeat;
}
.intro a.more:link,.intro a.more:visited{
	background:url(../images/more_bg.gif) no-repeat;
	width:84px;
	height:19px;
	line-height:19px;
	text-align:center;
	color:#fff;
	display:inline-block;
	margin-right:10px;
}
.intro .more:hover{
	color:#fff;
}
#bottom{
	border-top:2px solid #f86925;
	padding:10px;
	width:940px;
	color:#999;
	line-height:20px;
	position:relative;
}
#b_menu{
	position:absolute;
	top:10px;
	right:0px;
	color:#6e6e6e;
}
#b_menu strong{
	font-weight:normal;
	margin:0 5px;
	color:#bbb;
}
#b_menu a:link,#b_menu a:visited{
	color:#777;
}
#b_menu a:hover{
	color:#ff9c00;
	text-decoration:underline;
}
/*--find height for float elements ------*/
#content:after,#main:after{
	content:"welcome to SOPS";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
#content,#main{
    display: inline-block;
   display:block;
}
/*---------------------------------------*/

/** other pages ****************************************************************/
#main{
	margin-bottom:10px;
}
#slider_l{
	width:220px;
}
#mcenter{
	width:520px;
}
.cnews h1{
	margin:0 0 5px;
}
#slider_r{
	width:157px;
}
.panel h1{
	background:url(../images/panel_bg.gif);
	margin:0 0 5px;
	font-size:14px;
	color:#fff;
	width:97px;
	height:45px;
	padding-left:60px;
	line-height:45px;
}
#panel_main{
	background-color:#65c3e6;
	height:392px;
	padding:0 17px;
	overflow:hidden;
}
#panel_main ul{
	margin:0;
	padding:0;
}
#panel_main ul li{
	margin:0;
	padding:0;
	list-style:none;
}
#panel_main ul li ul{
	margin:0;
	padding:5px 0;
	width:123px;
	height:122px;
	overflow:hidden;
	background:url(../images/panelbg.gif) no-repeat center center;
}
#panel_main ul li ul li{
	list-style:none;
	text-align:center;
	padding:2px 0 0;
	font-weight:bold;
	color:#3eb7f6;
	white-space:nowrap;
	overflow:hidden;
}
#panel_main ul li ul li img{
	width:97px;
	height:81px;
	margin-top:6px;
	border:1px solid #fff;
}
#panel_main ul li ul li a:hover img{
	border:1px solid #86b80a;
}
#contact{
	width:220px;
	height:411px;
	position:relative;
	background:url(../images/contact.gif);
}
#contact div.title{
	position:absolute;
	width:85px;
	left:53px;
	line-height:19px;
	height:19px;
	text-align:center;
	font-weight:bold;
	color:#d7e108;
}
#contact div.info{
	position:absolute;
	width:190px;
	top:35px;
	left:42px;
	line-height:16px;
}
#contact h5{
	margin:0;
	font-size:12px;
	margin-top:4px;
	color:#ef6222;
}
#info_press{
	width:703px;
	min-height:80px;
	background:url(../images/press_bottom.png) no-repeat left bottom;
}
#main_r #info_press{
	padding-bottom:10px;width:690px;overflow:hidden;background:url(../images/intro_bottom.png) no-repeat left bottom;
}
#main_r #info_content{
	padding:0 5px;
}
#main_r{
	width:690px;
	word-wrap:break-word; overflow:hidden;
}
#press{
	margin-left:9px;
	padding:5px 10px;
	margin-bottom:10px;
	border-left:1px solid #e8b9a0;
	border-right:1px solid #e8b9a0;
}
#info_content{
	padding:35px 25px 0;
}
#info_content h1{
	margin:0 0 20px;
	font-size:18px;
	line-height:22px;
	color:#000;
	text-align:center;
}
#info_content h1 .gray{
	font-size:12px;
	color:#aaa;
	font-weight:normal;
}
#news h2{
	height:26px;
	margin:0 0 5px;
	line-height:26px;
	padding-left:36px;
	font-size:12px;
	color:#fff;
	background:url(../images/latest_news.png) no-repeat;
}
#news ul.newslist li{
	margin-bottom:3px;
}
#news ul.newslist li a:link,#news ul.newslist li a:visited{
	background:url(../images/newslist2.gif) no-repeat 3px;
	padding-left:15px;
	display:inline-block;
	overflow:hidden;
	width:203px;
}
/*------------------------------首页 广告切换►------------------------------*/
.img_switch {
	margin:0 auto; WIDTH:940px; HEIGHT: 427px; margin-bottom:5px;
}
.img_switch_content {
	width: 100%; height: 427px; position:relative;
}
.img_switch_text {
	width: 180px; position: absolute; z-index:10; top: 405px; right:-40px; height: 35px;}
.number_nav {
	display: inline; float: left;
}
.number_nav UL {
	font:12px Arial, Helvetica, sans-serif; padding: 0px; margin:0px; list-style-type: none; color:#fff;
}
.number_nav UL LI {
	float: left;font-weight: bold; background: #000; float: left; margin-right: 5px; width: 23px; cursor: pointer; line-height: 17px; height: 17px; text-align: center;filter:alpha(opacity=75);-moz-opacity:0.75;opacity: 0.75;
}
#pic {
	overflow: hidden
}