/*
//==============================================
// http://www.scanmon.com
//==============================================
*/
@import url(type.css); /* basic style */
/* input */

input.input_350{ width:350px; height:20px; border:1px solid #ccc; padding:4px 2px 0px 2px; }
.button1{width:120px; height:32px;}

.textarea450{width:350px; height:80px; border:1px solid #ccc; padding:2px; }


/* input end*/
.tel400{ font-size:16px; color:#c00; font-weight:bold; font-style:italic}


#autoFit{
	margin:0 auto;
	text-align:center;
	width:960px;
}
.linkBar{
	margin-right:20px;
	width:960px;
	height:20px;
	position:relative;
}
.linkBar ul{
	position:absolute;
	right:24px;
	top:8px;
	}
.linkBar li{ 
	float:left;
	margin:0 6px 0px 0;
	padding-top:1px;
	padding-right:6px;
	border-right:1px solid #999;
	line-height:12px;
}
.linkBar li.lastLi {border-right:none;}


#headerBox{
	margin:0 auto;
	width:960px;
	background:url("/m/v2/header_bg.gif") repeat-y #F5F5F5;
}
.header-top{
	margin:0 auto;
	width:960px;
	background:url("/m/v2/header_top_middle.gif") repeat-x;
	height:74px;
	position:relative;
}
.logoBar{
	width:170px;
	height:74px;
	float:left;
	background:url("/m/v2/header_top_left.gif") repeat-x;
	position:relative;
}
.logoBar span{ position:absolute; top:25px; left:28px;}
.menuBar{
	position:relative;
	width:790px;
	height:74px;
	float:left;
	background:url("/m/v2/header_top_right.gif") no-repeat top right ;
}
.menuBar ul.menu{
	margin-top:48px;
	margin-left:40px;
}
.menuBar li{
	float:left;
	font-size:14px;
	padding:0 13px 0px 11px;
	background:url("/m/v2/menu_line.gif") no-repeat right top;
}
.menuBar li.last{background:none;}
.menuBar li#active{
	font-weight:bold;
}
.menuBar li a:link,.menuBar li a:visited{
	color:#333;
	text-decoration:none;
}
.menuBar li a:hover,.menuBar li a:active{
	color:#cc0000;
	text-decoration:underline;
}

li.target-blank{background:url("/m/v2/target_blank.gif") no-repeat top right;}
li.target-blank2{background:url("/m/v2/target_blank2.gif") no-repeat top right;}

.header-main{
	margin:0 auto;
	text-align:left;
	width:940px;
	height:256px;
	background:#fff;
}
.header-foot{
	margin:0 auto;
	width:960px;
	background:url("/m/v2/header_foot.gif") no-repeat bottom center;
	height:32px;
}
.header-foot2{
	margin:0 auto;
	width:960px;
	background:url("/m/v2/header_foot.gif") no-repeat bottom center;
	height:18px;
}
/*=======  header end  =====*/

#mainBox{
	margin:0 auto;
	text-align:left;
	width:940px;
}
.content1{
	margin-top:3px;
	margin-bottom:12px;
	width:940px;
	height:182px;
	background:url("/m/v2/content1_bg.gif") repeat-x;
	
}
.content1 .content-product{
	width:703px;
	height:182px;
	float:left;
	overflow:hidden;
}
.content1 .content-product .left{
	float:left;	
	width:10px;
	height:182px;
	background:url("/m/v2/content1_left_bg.gif") no-repeat ;
}

.content1 .content-service{
	padding:20px 6px 20px 14px;
	width:217px;
	height:142px;
	line-height:18px;
	float:left;
	background:url("/m/v2/content1_right_bg.gif") no-repeat right top;
}

.content1 .product_index .img{ float:left;}
.content1 .product_index h3{margin:6px 0 8px 0;}
h3 a:link,h3 a:visited{color:#333;text-decoration:none;font-weight:bold;}
h3 a:hover,h3 a:active{color:#cc0000;text-decoration:none;}

.more{margin:6px 0; float:left; clear:right}
.more a:link,.more a:visited{
	color:#E34E50;
	text-decoration:none;
}
.more a:hover,.more a:active{
	color:#cc0000;
	text-decoration:underline;
}

/* index - product view	*/
#productView { position:absolute; margin:16px 18px 10px 18px;}
*html #productView{ margin:16px 18px 10px 10px;}
*+html #productView{ margin:16px 18px 10px 10px;}

#productView .activeP{position:absolute; bottom:3px; right:-15px;}

.feature {
	width: 660px;
	position: relative
}
.feature H2 {
	margin: 20px 0px 7px;
	text-align: left;
	text-indent: 10px;
}

#my-glider {
	position: relative;
}
.scroller {
	overflow: hidden; width: 660px; height: 162px;
}
.scroller .section {
	float: left; overflow: hidden; width: 660px;  height: 162px; text-align: left;
}
.scroller .content {
	width: 10000px
}
/* product view	end*/


/*=======  content1 end  =====*/

.content2{ }
.content2 ul{margin:0 10px;}
.content2-news{
	margin-right:10px;
	width:355px;
	height:230px;
	float:left;
}
.content2-news .new{ color:red; font-size:9px; padding:0 1px; line-height:9px;vertical-align:super;}
.content2-news ul li{
	line-height:20px;
	background:url("/m/v2/dot1.gif") no-repeat 3px 9px;
	text-indent:1em;
}
.content2-news ul li a:link,.content2-news ul li a:visited{color:#333;}
.content2-news ul li a:hover,.content2-news ul li a:active{color:#cc0000;}



.content_head{
	margin-bottom:6px;
	width:355px;
	height:32px;
	line-height:32px;
	text-indent:1em;
	background:url("/m/v2/title_bg_left.gif") no-repeat top left;
	position:relative;
}
h3.title1{font-size:14px;}

.content_head2{
	margin-bottom:6px;
	width:575px;
	height:32px;
	line-height:32px;
	text-indent:1em;
	background:url("/m/v2/title_bg_left.gif") no-repeat top left;
	position:relative;
}
.content_head3{
	margin-bottom:6px;
	width:168px;
	height:32px;
	line-height:32px;
	text-indent:1em;
	background:url("/m/v2/title_bg_left.gif") no-repeat top left;
	position:relative;
}
.content_head4{
	margin-bottom:6px;
	width:583px;
	height:32px;
	line-height:32px;
	text-indent:1em;
	background:url("/m/v2/title_bg_left.gif") no-repeat top left;
	position:relative;
}
.content_head5{
	margin-bottom:6px;
	width:762px;
	height:32px;
	line-height:32px;
	text-indent:1em;
	background:url("/m/v2/title_bg_left.gif") no-repeat top left;
	position:relative;
}

.content_head_left{
	position:absolute;
	right:-1px;
	top:0px;
	width:18px;
	height:32px;
	background:url("/m/v2/title_bg_right.gif") no-repeat top right;
	z-index:999;
}
.content2-case{
	width:575px;
	height:230px;
	float:left;
}
.content2 .content2-case ul{margin:0 0;}

.content2-case ul li{
	line-height:20px;
	background:url("/m/v2/dot1.gif") no-repeat 3px 9px;
	text-indent:1em;
}

.content2-case ul li a:link,.content2-news ul li a:visited{color:#333;}
.content2-case ul li a:hover,.content2-news ul li a:active{color:#cc0000;}
//.content2-case li{margin-left:2px; padding:5px 6px 8px 6px;}
//.content2-case li.active{ background:#ebebeb;padding-top:8px;margin-right:2px;}
//.content2-case h4{font-size:12px; color:#D72A19;font-weight:bold; padding-bottom:2px; }
h4 a:link,h4 a:visited{
	color:#DF2020;
	text-decoration:none;
	font-weight:bold;
}
h4 a:hover,h4 a:active{
	color:#cc0000;
	text-decoration:underline;
}
.content2-case p{ width:406px; position:relative; padding-right:146px; color:#333;}
.content2-case img{ float:right;margin:0; position:absolute; top:0; right:0; }

/*=======  content2 end  =====*/


/*=======  footer  =====*/
#footer{
	margin:0 auto 10px auto;
	width:960px;
	height:78px;
	background:url("/m/v2/footer_bg.gif") no-repeat bottom center;
	clear:both;
	text-align:left;
	color:#b1b1b1;
}
#footer ul{ padding:38px 0px 0px 30px; }
#footer li{ 
	float:left; 
	margin:0 6px 0px 0;
	padding-top:1px;
	padding-right:6px;
	border-right:1px solid #b1b1b1;
	line-height:12px;
}
#footer a:link,#footer a:visited{
	color:#b1b1b1;
}
#footer a:hover,#footer a:active{
	color:#666;
}
#footer li.lastLi {border-right:none;}
#footer .copyright{	padding:0px 0px 0px 30px;  clear:both; }

/*=======  footer end  =====*/



/*=======  page begin  =====*/
.content_page{ }
.content_page_left{ float:left; margin-right:10px;}
.pageMenu li{
	margin:0 10px;
	width:148px;
	height:24px;
	line-height:24px;
	text-indent:0.75em;
	border-bottom:1px dotted #e4e4e4;
}
.pageMenu li a:link,.pageMenu li a:visited{
	color:#676767;
}
.pageMenu li a:hover,.pageMenu li a:active{
	color:#fff;
	background:#c00;
	padding:1px 2px;
	text-decoration:none;
}
.pageMenu li.active a:link,.pageMenu li.active a:visited,.pageMenu li.active a:hover,.pageMenu li.active a:active{ 
	color:#fff;
	background:#c00;
	padding:1px 2px;
	text-decoration:none; 
}

.quickURL{ margin:30px 0 30px 0;}
.quickURL li{ margin-bottom:6px;}

.content_page_middle{ float:left;margin-right:10px;
	width:583px;
}
.content_page_middle ul{margin:0 0;}
.content_page_middle li{margin-left:2px; padding:5px 6px 8px 13px; margin:16px 0;}
.content_page_middle li.active{ background:#ebebeb;padding-top:8px;margin-right:2px;}
.content_page_middle p{ padding-right:5px; color:#333; position:relative; }
p.p-list{padding-right:150px;}
.pic-right img{ float:right; float:right; position:absolute; top:0;right:8px; }

.content_page_middle2{ float:left;margin-right:0px;	width:742px;}
.content_page_middle2 ul{margin:0 0;}
.content_page_middle2 li{margin-left:2px; padding:5px 6px 8px 13px; margin:16px 0;}
.content_page_middle2 li.active{ background:#ebebeb;padding-top:8px;margin-right:2px;}
.content_page_middle2 p{ padding-right:5px; color:#333; position:relative; text-indent:2em; }
.about1 img{ float:right;margin:10px;}

.opt{width:573px; position:relative;margin:0 5px;}
.opt2{width:730px; position:relative;margin:0 5px;}
.pageOpt1{  background:#d7d7d7; padding:1px 10px;color:black; }
.pageOpt2{  background:#E9E9E9; padding:1px 10px;color:#979797; }
.gototop{ position:absolute; right:15px;bottom:0 px;}
.gototop .img{ position:absolute; right:0px;bottom:0px; }
em{ color:#e12120; font-style:normal; font-weight:bold; }

.gototop2 a:link,.gototop2 a:visited,.gototop2 a:hover,.gototop2 a:active{ 
	color:#000;
	background:#fff;
	padding:1px 2px;
	text-decoration:none;
	font-weight:normal;
}

.icon-case{ position:absolute; right:0; top:0; height:16px; padding-left:20px; background:url("../images/icon_case.gif") no-repeat;}

*html .icon-case{ position:absolute; right:30px; top:0; height:16px; padding-left:20px; background:url("../images/icon_case.gif") no-repeat;}

.content_page_right{ float:left; }
.content_page_right ul{ margin:0 10px; width:146px;}
.content_page_right li{margin:16px 0;}


.content_page_right span{
	cursor:pointer;
	margin:5px 0 10px 0;
	display:block; 
	width:96px;
	height:22px;
	line-height:20px;
	text-indent:2em;
	font-weight:bold;
	color:#fff;
	background:url("/m/v2/more1.gif") no-repeat;
}

/*=======  page end  =====*/


/*=======  pageView begin  =====*/
.pageMain{margin:20px 10px; }
.pageMain p{ margin:10px 0;}
.line{ margin:10px 0;padding:10px 0; border-bottom:1px dotted #ccc; clear:both;}

.pageMain_head1{ margin:15px 0 10px 0; height:25px; line-height:25px; text-indent:0.75em; background:#eee; color:#333; font-weight:bold; }
.pageMain_head2{ margin:15px 0 10px 0; height:25px; line-height:25px; text-indent:0.75em; background:#e44141; color:#fff; font-weight:bold; }

.pageMain_left{  width:350px; margin-right:20px; float:left; }
.pageMain_left2{  width:512px; margin-right:20px; float:left; }
.pageMain_right{  width:190px; float:left; background:#ddd;}
.pageMain_right p{margin:6px 6px 20px 10px; line-height:20px;}


.pagelist ul li{padding:5px 0; margin:0; text-indent:1.5em; border-bottom:1px dotted #ccc; background:url(../images/dot1.gif) no-repeat 8px 11px ;}

ol.hr li { margin:0px; padding:0px; line-height:18px; }
.hrMail{ padding:0 2px; color:#333; background:white; }

p.p-bg-t{background:#ccc;padding:15px 15px 0px 15px;}

.about2{ padding:10px; background:#ddd;}
.page-list li{padding:5px 0; margin:0; text-indent:1.5em; background:url(../images/dot1.gif) no-repeat 8px 11px ;}
ul.ul-style1 h4{ margin-top:0px; }
strong{ color:#999; }

.news_up{ margin-left:16px ; line-height:22px; }
.news_up2{ margin-left:0px ; line-height:22px; }

.colorlink a:link,.colorlink a:visited{
	color:#3B5998;
	text-decoration:underline;
	padding-right:6px;
}
.colorlink a:hover,.colorlink a:active{
	color:#00c;
	text-decoration:none;
	text-decoration:underline;
}

/* site map*/
#map{ }
#map ul{ margin-right:20px; float:left; }
#map ul li.tit{ background:none; font-weight:bold; }
#map li{ line-height:14px; margin:0; padding:3px 5px; }
/* end */

table.table1 { margin:10px 0;}
table.table1 td{ height:28px; line-height:18px; padding:4px; border:1px solid #ddd;}
table.table1 td.title{ background: #eee; font-weight:bold; text-align:center; color:#666}
table.table1 td.title2{ background: #666; font-weight:bold; text-align:center; color:#fff}

table.table2{ margin-left:16px;}
table.table2 td{height:28px;}

em{ color:red; font-family:Tahoma, Geneva, sans-serif}

table.table3 { margin:10px 0;}
table.table3 td{ height:26px; line-height:18px; padding:4px; border:1px solid #ddd;}
table.table3 td.title{ background: #eee; font-weight:bold; text-align:left; color:#666}

/* ��ǩҳ */
.skin1{background:#c00; padding:5px;font-weight:bold;  color:white; cursor:pointer;margin:0 5px;}
.skin2{cursor:pointer; font-weight:bold; margin:0 10px;}
.box{margin-top:5px;padding:20px 0;background:#f5f5f5;border-top:2px solid #c00;}
/* ��ǩҳ end*/



/* info */
.info_ok{margin:10px 0;padding:10px; border:1px solid #469a13; background:#daffc4; font-weight:bold;  font-size:14px;}
.info_error{margin:10px 0;padding:10px; border:1px solid #eb4f30; background:#ffe1db; font-weight:bold;  font-size:14px;}
/*=======  pageView end  =====*/

/* update 2009-7-23 */
.downloadBar{line-height:22px; padding-left:17px; color:#ccc;}

/* update 2009-8-3 */
.main-p{ margin:10px 20px;}
.menu-adBar{ position:absolute; right:25px; top:30px; line-height:18px; }