/* CSS Document */
html, body, div, span, applet, object, iframe, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption, article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
strong {font-weight: bold;}
em {font-style: italic;}
p, h3, h4, h5{line-height:1.4em; }
p {color:#666666;}
/*------------------body------------------*/
body, ul, li, ol {
	margin: 0;
	padding: 0;
	font-family: 宋体, sans-serif; 
	font-size: 12px; 
} 
#scroll { position:relative; width:100%; height:420px; } 
p.hotcall {font-size:12px; margin:50px 0 0 0;}

header,
footer,
#showArea {
	background-color: #FFF;
	color:#4B4B4B;
	width:100%;	
	display:block;
	margin:0 auto;
}
#contentHeadingArea h1, #contentHeadingArea h2, #contentHeadingArea h3, #contentHeadingArea h4, #contentHeadingArea p {
	margin: 18px 0 0 20px;
}

h2 {
	font-size: 21px;
	color:#00569D;
}
#contentHeadingArea h1+h2 {
	font-size:22px;
	color:#666;
	margin-top:5px;
}

h4 {font-size: 14px; margin-bottom:5px; line-height: 1.2em;}

/*------------------a--------------------*/
a {color:#0d2ea0;	text-decoration:none;}
a:hover {color:#000;}


/*------------------layout-----------------*/
#wrapper {
	display:block;
	margin: 0 auto 0;
	width:970px;	
	position:relative;
}


#contentArea {
	width:970px; 
	display:block;
	clear:both;
	overflow:hidden;
}
#contentArea table tr{
	word-break:break-all;
	line-height:1.3em;
}
#navArea {
	float:left; 
	width:195px; 
	display:block;
	margin-left:8px;
	/*background-image: url(../img/nav_bg.gif);*/
	background-repeat:no-repeat;
	margin-top:15px;
}

#sideEnclosingArea {
	float:right; 
	padding-right:8px; 
	width:780px; 
	display:block;
	overflow:hidden;
	position:relative;
}

div.footer{ 	
	display:block;
	height:38px;
	clear:both;
	width:960px;
	margin:0 auto;
}


/*-----------------new_nav_list------------*/
dl.new_leftNav {	margin-top:0px; border:#315e93 1px solid; width:183px; background:#cccccc; 	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	        border-radius:2px;
 -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); box-shadow: 0 0 10px rgba(0,0,0,0.5); 
}
dl.new_leftNav dl {margin:0}

dl.new_leftNav dd a{
	background: url(../img/new_navlist_bg.gif) no-repeat;
	width:147px;
	display:block;
	margin-left:0;
	line-height:30px;
	height:30px;
	font-size:14px;
	padding-left:35px;
	margin-top:0px;
	padding-bottom:0px;
	color:#595959;
	text-decoration:none;
	background-position:0 0;
	border-bottom:#cccccc 1px solid;
	margin-left:1px;
}

dl.new_leftNav dd a.last {border:none;}
dl.new_leftNav dd a span {font-size:10px;}

dl.new_leftNav dd a:hover{
	background: url(../img/new_navlist_bg_o.gif) no-repeat;
}

dl.new_leftNav dd a.current{
	background: url(../img/new_navlist_bg_current.gif) no-repeat;
	color:white;
	border:none;
}

dl.new_leftNav dd {
	margin-left:0px;
}

dl.new_leftNav dt {
 	background-color:white;
	border-bottom:#fff 1px solid;
	margin:1px 0 1px 0;
}


dl.new_leftNav dt a {
	width:129px;
	display:block;
	margin-left:0;
	line-height:30px;
	font-size:16px;
	padding-left:35px;
	margin-top:0px;
	padding-bottom:0px;
	color:#319be4;
	text-decoration:none;	
	background: url(../img/new_bt_bg.gif) no-repeat;
}

dl.new_leftNav dt a.current {
	background: url(../img/new_bt_bg_current.gif) no-repeat;
}


/*--------------------nav_list---------------*/
dl.leftNav {	margin-top:0px;
}

dl.leftNav dd a{
	background: url(../img/navlist_bg.gif) no-repeat 7px 9px;
	width:159px;
	display:block;
	margin-left:0;
	line-height:28px;
	font-size:14px;
	padding-left:30px;
	margin-top:0px;
	padding-bottom:0px;
	color:#595959;
	text-decoration:none;
}

dl.leftNav dd a span {font-size:10px;}

dl.leftNav dd a:hover{
	background-color:#FFF;
}

dl.leftNav dd a.current{
	background: url(../img/navlist_bg_o.gif) no-repeat 4px 3px;
	width:159px;
	display:block;
	margin-left:0;
	line-height:28px;
	font-size:14px;
	padding-left:30px;
	margin-top:0px;
	padding-bottom:0px;
	color:#319AE3;
	text-decoration:none;
}

dl.leftNav dd {
	margin-left:0px;
	border-bottom:#595959 1px solid;
}

dl.leftNav dt {
 	background-color:black;
	border-bottom:#fff 1px solid;
}

dl.leftNav dt a.red_current {
	background-position:0px 0px;
}

dl.leftNav dt a.yellow_current {
	background-position:0px -40px;
}

dl.leftNav dt a.green_current {
	background-position:0px -80px;
}

dl.leftNav dt a.blue_current {
	background-position:0px -120px;
}

dl.leftNav dt a.red {
	background-position:-190px 0px;
}

dl.leftNav dt a.yellow {
	background-position:-190px -40px;
}

dl.leftNav dt a.green {
	background-position:-190px -80px;
}

dl.leftNav dt a.blue {
	background-position:-190px -120px;
}

dl.leftNav dt a {
	width:129px;
	display:block;
	margin-left:0;
	line-height:38px;
	font-size:18px;
	padding-left:58px;
	margin-top:0px;
	padding-bottom:0px;
	color:#fff;
	text-decoration:none;	
	background: url(../img/bt_gb.jpg) no-repeat;
}

/*--------------------contentHeadingArea----------------*/
#contentHeadingArea {
	display:block;
	/*background: url(../img/contentHeadingArea.jpg) no-repeat;*/
	background-color:#f3f3f4;
	padding-top:1px;
	overflow:hidden;
	margin-top:10px;
	position:relative;
}

/*--------------------tab01----------------*/
div#tab01{
	padding:0 0 0px 0;
	margin:0 0 0 0;
		background:url(../img/toplist_bg.gif) no-repeat left bottom;
		overflow:hidden;
}
.searchinput {    border: none;    width: 105px; border-width:0px; background:url(../img/search_input.gif) no-repeat; background-position:-5px -5px;


}
.searchmodel {margin:11px 15px 0 0px; float:right;    background:url(../img/search_input.gif) no-repeat;
	padding:3px 5px 0px 5px;
    height: 27px;
    font-size:11px;
}

#searchmodelbtn{
    border-width:0px;margin-left:1px;width:30px;background-color:transparent;cursor:pointer
}

ol.toplist{ margin:0 0 0 0;list-style-type: disc;
		background:url(../img/toplist_bg.gif) no-repeat left bottom; display:block;
}

ol.toplist li {
	list-style:none;
	float:left;
	padding:5px 11px 0px 0px;
	margin:0 0 0 0;
	background:url(../img/toplist_right.gif) no-repeat right 11px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

ol.toplist:first-child {margin-left:10px;}

ol.toplist li.current{
	padding-top:14px;
	background:url(../img/toplist_right_02.gif) no-repeat right 18px;
	padding-bottom:0px;
	margin:0 0 0 0;
}

ol.toplist li a{
	width:120px;
	display:inline-block;
	background:url(../img/toplist_left.gif) no-repeat left 6px;
	padding:15px 1px 5px 15px;
	font-size:14px;
	color:#595959;
	text-decoration:none;
	margin:0 0 0 0;
	text-align:center;
}

ol.toplist li a:hover{
	color:#000;
}

ol.toplist li.current a{
	color:#0d2ea0;
	height:15px;
	background:url(../img/toplist_left_02.gif) no-repeat left 4px;
	padding-top:12px;
	padding-bottom:1px;
}


div.line {
	display:block;
	height:0px;
	clear:both;
	margin:0 0 0 0;
	padding:0 0 0 0;
}


/*------------------contentsbox----------------------------*/
.contentsbox {
	display:block;
	border-left:#CCC 1px solid;
	border-right:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
	padding-top:0px;
	background-color:white;
	clear:both;
	margin-bottom:20px;
	overflow:hidden;
	position:relative;
	padding-bottom: 30px;
}

.contentsbox * {margin-top:0px;}

div.size1of4 {
	margin: 0 0 10px 0;
	padding:10px 0 0px 0;
	float:left;
	width:193px;
	border-right:#CCC 1px solid;
}

div.size1of4lastUnit{
	margin: 0 0 10px 0;
	padding:10px 0 0px 0;
	float:left;
	width:193px;
	border-right:none;
}

div.size1of5 {
	margin: 10px 0 10px 0;
	padding:10px 0 0px 0;
	float:left;
	width:154px;
	border-right:#CCC 1px solid;
}

div.size1of5lastUnit{
	margin: 10px 0 10px 0;
	padding:10px 0 0px 0;
	float:left;
	width:154px;
	border-right:none;
}

/*------------------secondbox----------------------------*/
.secondbox {
	display:block;
	padding:0px 10px 40px 10px ;
	background-color:white;
	clear:both;
	margin-bottom:20px;
	overflow:hidden;
	position:relative;
 }
.download_result table {width:260px;border-collapse:collapse; margin:10px auto; font-size:18px;}
.download_result table th {border:2px #319be4 solid; background:#319be4; color:white; padding:5px;}
.download_result table td {border:2px #319be4 solid; border-collapse:collapse; color:#319be4; padding:5px;}
.download_result ul li{text-align:left; margin: 0px; }
.download_result ul li a {padding: 5px 0 5px 30px; background:url(../img/download_icon.jpg) no-repeat; line-height:20px; display: block; color:#999999; font-size:14px;}
.download_result .catalog {background-position: 0% 0%;}
.download_result .manual {background-position: 0% 25%;}
.download_result .qa {background-position: 0% 50%;}
.download_result .spec {background-position: 0% 75%;}
.download_result .consumer {background-position: 0% 100%;}
.secondbox * {margin-top:0px;}
.download_result {margin: 0; padding-top:20px; background:url(../img/download_result_bg.jpg) repeat-x; text-align:center; background-position:center;}
.secondbox a.productbox_bt {display:inline-block;}
.download_result table th p {margin:0; line-height:1.2em; color:#white;}
.download_result h3 {margin:0; line-height:1.2em; color:#333;}
.download_result .productbox_bt{padding: 2px 0 5px 0;}

/*------------------download_list----------------------------*/
.download_list {
	width:720px;
	height:160px;
	margin:5px; 
	padding:1px 20px 0px 20px;
}
.download_list .textbox_left {
	height:160px;
	width:175px;
	float:left;
	margin: 1px;
	padding:0 0 10px 0;
	text-align:center;
	background:url(../img/download_list_bg.jpg) repeat-x;
	overflow:hidden;
}

.download_list .textbox_left p {
	line-height:1em;
	margin:0;
	padding:0;
}

/*------------------checklist----------------------------*/
div.checklist {
	float:left;
	margin:15px 0 15px 0;
	padding: 0 10px 0 0;
	border-right:#CCC 1px solid;
	height:150px;
}

div.checklistLast {
	float:left;
	margin:15px 0 15px 0;
	padding: 0 10px 0 0;
	height:120px;
}

div.checklistLast dl.checklist {float:left;}
.rightlist {float:right; padding-top:17px;}
.submit{position:absolute; bottom:10px; right:10px; display:block;}


dl.checklist dd{
	color:#595959;
	font-size:12px;
	margin:0 0 5px 10px;
}

dl.checklist dd label{
	background:url(../img/check_label.gif) no-repeat 2px center;
	padding-left: 21px;
}

/*------------------tab02----------------------------*/
div.tab02 {overflow:hidden;}
div.tab02 ul li{
	float:left;
	list-style:none;
	margin:0 0px 0 10px;
}

div.tab02 ul li.left{margin:0 5px 5px 0;}
div.tab02 ul li.right{margin:0 0 5px 5px;}
div.tab02 ul li.right a{ padding-left:10px; border-left:#595959 solid 1px;}
div.tab02 {	
	border-bottom:#ccc solid 1px;
}
div.tab02 ul{
	margin:0px 0 2px 0;
	padding:0px 0 0 0;
	font-size:13px;
	overflow:hidden;
}

div.tab02 ul li a {
	text-decoration:none;
	color:#595959;
}

div.tab02 ul li a:hover {
	color:black;
}

div.tab02 ul li a.current {
	color:#0d2ea0;
	text-decoration: underline;
}

div.tab02 ul.compare li{
	float:right;
}

/*------------------newsbox----------------------------*/
div.newslist {overflow:hidden;}
div.size1of3 {
	width:260px;
	float:left;
}

div.size1of3 h4 {margin:0 0 0 0;}
div.size1of3lastUnit h4 {margin:0 0 0 0;}
div.size1of3lastUnit {
	width:260px;
	float:left;
}

div.newsbox h4 {
	background:url(../img/newsbox_h4.jpg) no-repeat;
	height:28px;
	padding: 7px 10px 0px 30px;
}

div.newsbox h4 a{
	text-decoration:none;
	color:#fff;	
}

div.newsbox h4 a:hover{
	text-decoration:underline;
}

div.newsbox {
	border-bottom:#ccc 1px solid;
	border-left:#ccc 1px solid;
	border-right:#ccc 1px solid;	
	width:254px;
	background-color:white;
	overflow:hidden;
}

.newsbox img {float:left;}

.newsbox .textbox_right {
  	width:126px;
	height:132px;
	padding-top:10px;
	padding-right:5px;
	float:right;
	display:block;
}


.fos_text {
	overflow: hidden; text-overflow: ellipsis; padding-bottom:0px; padding-top:0px;	color:#959595;
	font-size:80%;
	display:block;
	margin:0 0 2px 0;
}

.textbox_right .fos_text p {margin:5px 0 5px 0;}

/*.movie_box {width:254px; height:142px; display:block; text-align: center; position:relative; top:0px;}

.newsbox .movie_box a {width:254px; height:142px; display:block; margin:auto; }
.newsbox .movie_box a img {top:45px; position: relative; float:none;}*/

/* video thumbnails */
.videos { text-align:center; }
.videos li { display:-moz-inline-stack; display:inline-block; *display:inline; margin-left:10px; *zoom:1; }
.videos li.first { margin-left:0; }
.video-thumb i { display:block; position:relative; z-index:1; margin:0px; width:254px; height:142px; border:none; *display:inline; *zoom:1; }
.video-thumb i:after { content:' '; display:block; position:absolute; z-index:1; width:100%; height:100%; top:0;
}
.video-thumb i .play { display:block; position:absolute; top:50%; left:50%; margin:-16px 0 0 -16px; width:50px; height:50px; opacity:.8;  background-image:url(../img/movie_box_off.png);
}
@media only screen {
.video-thumb i .play { background-image:url(../img/movie_box_off.png); }
}
.video-thumb:hover .link { text-decoration:none; color:#08c; }
.video-thumb:hover i .play { background-image:url(../img/movie_box_on.png); opacity:1; }
.video-thumb i img { display:block; margin:0; }
@media only screen and (max-device-width:768px) {
.video-thumb:hover i .play { background-image:url(../img/movie_box_on.png); opacity:.5; }
}
.video-thumb i.round:nth-child(1n),
.video-thumb i.round:nth-child(1n) img {
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
}
.video-thumb .link { display:block; text-align:center; color:#8a8d99; font-size:12px; }

/*------------------table----------------------------*/
div.contentsbox table{
	padding: 5px 5px 25px 5px;
}

div.contentsbox table th{
	border-right:#595959 1px solid;
	border-bottom:#595959 1px solid;
	border-left:#fff 1px solid;
	color:#fff;
}
.contentsbox th.td_br{background:#d9e9f7; padding:0px; position:relative;}

div.contentsbox table th.black {background-color:#4bade6;}
.contentsbox th.td_br span {display:block; width:8px; height:8px; background-image:url(../img/comp_cancel.gif); float:right; margin:5px 5px 5px 0px; border:0px; position:absolute; top:5px; right:5px;}

div.contentsbox table td{
	border-right:#595959 1px solid;
	border-bottom:#595959 1px solid;
	padding: 5px;
}



/*------------------navlist----------------------------*/
#navlist
{
font-family:Arial, Helvetica, sans-serif;
list-style: none;
padding: 0;
margin: 18px 0 1px 20px;
}

#navlist li
{
display: inline;
padding: 0;
margin: 0;
font-size:11px;
color:#666;
}

#navlist li:before { content: "> "; color:#8a9fa6 }
#navlist li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #navlist li,
*+ html #navlist li
{
background-image: url("../img/gt.gif");
background-repeat: no-repeat;
background-position: 0 50%;
padding: 0 0.5em 0 1em;
margin: 0 1em 0 -1em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #navlist,
*+ html #navlist{ height: 1%; }

* html #navlist li,
*+ html #navlist li
{
display: block;
float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #navlist li:first-child,
*+ html #navlist li:first-child { background-image: none; }

/*  for IE6 breadcrumbs */
.ie6 #navlist,
.msie6 #navlist {
	overflow: hidden;
}

.ie6 #navlist li,
.msie6 #navlist li {
background: url("../img/gt.gif") no-repeat 0 0.4em;
padding: 0 3px 0 13px;
margin: 0 1em 0 -1em;
}

/*------------------productbox_big----------------------------*/
.productbox_big {
	width:388px;
	height:217px;
	background:url(../img/productlist_bg_big.jpg) repeat-x;
	float:left;
	border-right:#CCC 1px solid;
	position:relative;
}
img.productpic_big {
	position:absolute;
	bottom:0;
	left:0;
}
img.product_big {
	margin: 20px 10px 0 20px;
	position:absolute;
}

span.icon_top_01, span.icon_top_02, span.icon_top_03, span.icon_top_04 {
	float:left;
	display:block;
	margin:5px 2px 0 2px;
	background:url('../img/icon_hot.png');
	width:48px;
	height:48px;
}
span.icon_top_02 {
	background-position: 50px 0;
}

span.icon_top_03 {
	background-position: 100px 0;
}

span.icon_top_04 {
	background-position: 150px 0;
}

.productbox_big span:first-child {
	margin-left: 20px;
}

.textbox_right {
	float:right;
  	width:145px;
	padding-top:10px;
	padding-right:10px;
}
.outlineA .textbox_right {	padding-bottom:20px;}

.textbox_right a {
	font-size:16px;
}
.textbox_right a.more {font-size:14px; line-height:1.4em;}

.textbox_right ul {
	padding: 5px 0 0 0;
	color:#959595;
	font-size:8px;
	line-height:1.4em;
}
.textbox_right ul li {
	background:url(../img/list_bg.png) no-repeat 0 4px;
	background-position:left center;
	padding-left:10px;
	line-height:1.4em;
	font-size:12px;
}

.textbox_right h5 {margin:0; font-size:12px; color:#0d2ea0;}

.textbox_right p {
	color:#959595;
	margin:5px 0 5px 0;
	line-height:1.3em;
}

a.productbox_bt {
	width:121px;
	display:block;
	background:url(../img/productbox_bt.gif) no-repeat;
	color:#FFF;
	font-size:12px;
	text-align:center;
	margin-bottom:2px;
	padding:5px 0 5px 0;
}

a + a.productbox_bt {
	background:url(../img/productbox_bt_2.gif) no-repeat;
}

/*------------------productbox_small----------------------------*/
.productbox_small {
	width:780px;
	height:82px;
	background:url(../img/productbox_small.jpg) repeat-x;
	position:relative;
}

.productbox_small .textbox_right {
	width:600px;
}
.productbox_small .textbox_right h4 {font-size:13px; margin-top:0px;}
.productbox_small .textbox_right a {font-size:13px;}
.productbox_small .textbox_right p {margin:0 0 0 0;}
.productbox_small .textbox_right .button {float:right; position:static;}
.productbox_small .textbox_right ul{overflow:hidden; padding:0px;}
.productbox_small .textbox_right li{list-style:none; background-image: none;  float:left; padding:0px;
	margin:0 5px 0 0px;}
.productbox_small .textbox_right .textbox_left{float:left;}

/*-----------------------.paging--------------------------*/
.paging {width:780px; text-align:center; padding:10px 0 20px 0; clear:both;}
.paging a {color:black; margin: 0 5px 0 5px;}
.paging a.current {color:#0d2ea0;}
.paging a.pre, .paging a.next {color:#666666;}
.paging a.pre {background:url('../img/pre.gif')  no-repeat left center; padding-left: 15px;}
.paging a.next {background:url('../img/next.gif') no-repeat right center; padding-right: 15px;}



/*-----------------------compare_list--------------------------*/
#compare_list{overflow:hidden; width:750px; border:2px #0d2ea0 solid; padding: 13px 10px 13px 16px; background:#fff; z-index:9999; positon:absolute;}

.compare_box {
	width:123px;
	height:98px;
	display:block;
	margin: 0 9px 0 0;
	border:1px dashed #cccccc;
	float:left;
	position:relative;
	text-align:center;
}
.compare_box a {
padding:0px; 
margin:0px;}

.compare_box span {display:block; width:8px; height:8px; background-image:url(../img/comp_cancel.gif); float:right; margin:5px 5px 5px 0px; border:0px;}
.compare_box img {margin-left:10px;}

#comp_bt {position:absolute; bottom:19px; right:15px;}
#comp_bt a.btn-compare-b {width:75px; height:17px; background:url(../img/comp_bt.gif); display:block;}
#comp_bt a.del-items {width:68px; height:13px; background:url(../img/comp_cancel_all.gif) no-repeat; display:block; margin-top:5px;}


/*-----------------------jiathis_style_24x24--------------------------*/
.jiathis_style {margin-top:10px;}

/*-----------------------imagebox01--------------------------*/
.imagebox01 {display:block; overflow:hidden; padding:0 15px 0 15px;}
.imagebox01 img {padding: 10px 25px 10px 20px; float:left;}
.imagebox01 h2, .imagebox01 p {padding: 10px 15px 0 10px;}
.notationA {font-size:9px;}



/*-----------------------outlineA-----------------------*/
div.contentsbox div.outlineA {display:block; width:740px; overflow:hidden; margin: 20px; border-bottom:1px solid #666; position:relative;}
.contentsbox .outlineA .textbox_right {width:300px;}
.contentsbox .outlineA .textbox_right .icon{width:300px; overflow:hidden;}
.contentsbox .outlineA .textbox_left {width:300px; margin:5px 0 10px 5px;}
.contentsbox .outlineA .textbox_left h3{font-size:22px; margin:0; }
.contentsbox .outlineA .textbox_left h4{font-size:18px; margin:0; color:#595959;}
.contentsbox .outlineA .textbox_left li {display: list-item; list-style-type: disc; background:none; padding-left:0; color:black; margin-left:15px; line-height:1.4em;}
.contentsbox .outlineA .textbox_left p.price{font-size:22px; color:#595959;}
.contentsbox .outlineA .textbox_right .button {position:relative;}
#download_link {width: 80px; height:25px; position: absolute; top: 20px; left: 130px; padding: 5px; background-color:#FFF; border: dotted 1px #000; display: none; text-align:center;}
#download_link a{font-size:10px;}

.productmovie {position: absolute; left:0px; bottom:0px;}
.movieicon {float:left;}

/*-----------------------outlineB-----------------------*/
div.contentsbox div.outlineB {float:left; width:370px; border-right:1px #666 solid; padding-left:20px; margin-bottom:20px; padding-right:15px;}
h2 span {float:left; padding: 20px 15px 20px 0; color:#595959;}
.outlineB a, .outlineC a {margin:28px 25px 25px 25px; display:block;}
div.contentsbox div.outlineB h3, div.contentsbox div.outlineC h3, .specA h3, .specB h3 {margin-top:20px;}
div.contentsbox h4, div.contentsbox h4 {margin-bottom:5px; margin-top:7px; font-size:13px; line-height: 16px; color:#666666; }
img.right {float:right; padding-left: 15px;}
.contentsbox p {padding-top:0px;}
#sideEnclosingArea .contentsbox .outlineB ul li, .contentsbox .outlineC ul li, .specA ul li, .specB ul li {display: list-item; list-style-type: disc; background:none; padding-left:0; color:black; margin-left:15px; line-height:1.3em; color:#666666; margin:0 0 15px;}
/*-----------------------outlineC-----------------------*/
div.contentsbox div.outlineC {margin-bottom:20px; padding-right:25px; display:block; float:right; width:322px;}

/*-----------------------specA-----------------------*/
div.contentsbox div.specA {float:left; width:370px; padding-left:30px; margin-bottom:20px; padding-right:15px;}
h2 span {float:left; padding: 20px 15px 20px 0; color:#999;}
div.contentsbox div.specA h2, div.contentsbox div.specB h2 {margin-top:20px; margin-bottom:5px;}
img.right {float:right; padding-left: 15px;}
div.contentsbox .specA h4, div.contentsbox .specB h4 {margin-bottom:5px; margin-top:7px; font-size:16px; line-height: 1.3em; color:#319be4; }
/*-----------------------specB-----------------------*/
div.contentsbox div.specB {margin-bottom:20px; padding-right:25px; display:block; float:right; width:322px;}

/*-----------------------zoombox-----------------------*/
.zoombox{width:332px; float:left;}
.zoompic{border:none;width:394px;height:280px;}
.sliderbox{height:44px;overflow:hidden;margin:6px 0 30px 0;}
.sliderbox .arrow-btn{width:20px;height:44px;cursor:pointer; z-index:-9999;}
.sliderbox #btn-left{float:left;background:url(../img/pre.jpg) no-repeat;}
.sliderbox #btn-left.dasabled{background:url(../img/pre_dasabled.jpg) no-repeat;}
.sliderbox #btn-right{float:right;background:url(../img/next.jpg) no-repeat;}
.sliderbox #btn-right.dasabled{background:url(../img/next_dasabled.jpg) no-repeat;}
.sliderbox .slider{float:left;height:44px;width:286px;position:relative;overflow:hidden;margin:0 0 0 3px;display:inline;}
.sliderbox .slider ul{position:absolute;left:0;width:999em;}
.sliderbox .slider li{float:left;width:48px;height:42px;text-align:center;}
.sliderbox .slider li img{border:solid 1px #dfdfdf;}
.sliderbox .slider li.current img{border:solid 2px #3366cc;}



/*打印和页面分享*/
.print_bt a{position:absolute; bottom: 20px; right:30px; width:81px; height:16px; background:url(../img/print.jpg); display:block;}
.mail_bt a{position:absolute; bottom: 20px; right:120px; width:81px; height:16px; background:url(../img/mail.jpg); display:block;}

.consumerbox { float:left; width: 342px; height:100px; display:block; margin:10px 0px 10px 30px; padding: 10px 0 0 0 ; border:1px #999 dotted;}
.consumerbox img {float:left; margin: 0 10px 0 10px;}
.consumerbox h3 {color:#999;}
.consumerbox p {color:#319AE3;}
.consumerbox .4s {display:block; background:url(img/touming.gif) repeat; height:100px;}


/*-----------------------consumerbox_b-----------------------*/
.consumerbox_b {
	float:left;
	overflow:hidden;
	display:block;
	height:280px;
	width:500px;
}

.consumerbox_b h2 {margin:5px 0 0 5px; font-size:14px; padding:0; display:block; overflow:hidden; position:absolute; top:5px; line-height:1.2em;}
.consumerbox_b h2 span {margin: 0 0 5px 5px; font-size:12px; padding:0;}
.consumerbox_b img {border:1px #CCC solid;}
.consumerbox_b p {margin:0 auto; line-height:1.4em; width:300px;}
a.consumerbox_bt:link {background-image:url(../img/bottom03.jpg); width:164px; height:20px; color:#FFF; display:block; line-height:20px; left:160px; color:#FFF; margin-top:10px; position:absolute; }


/*------------------------download_index----------------------*/
h3 span {margin:30px 30px 0 30px; padding:30px 0 2px 0; display:block; border-bottom:1px #aaaaaa solid; color:#aaaaaa;}
.left {float:left; overflow:hidden; margin-bottom: 15px;}
.right {float:right; overflow:hidden; margin-bottom: 15px;}
.left p, .right p {margin:10px 40px 10px 30px; width:300px;}
.left label, .right label {margin-right: 20px;}
.left select, .right select {width:190px;}
#searchKey {width:150px;}
.left input[type="submit"], .right input[type="submit"]{background:url(../img/bottom04.jpg);color:white; width:92px; height:22px; float:right; background-position:center; margin-left:10px;}
div.contentsbox table.formtable tr td {border:none;}
.formtable {margin:0 30px 0 30px;}

.pic_option {
	text-align:center;
	padding:20px 65px 10px 65px;
	overflow:hidden;
}
.pic_checkbox {
	float:left;
	padding:15px;
	width:98px;
}
.pic_checkbox img {border:#CCC 1px solid; margin-bottom:5px;}
.option_box {width:165px; height:85px; border:#CCC 1px dotted; margin:5px; padding:5px; float:left;}
.option_box img {float:left;}
.option_box h2 {font-size:12px; padding:0; margin:0;}
.option_box p {font-size:10px; padding:0; margin:0;}
.option_box img {margin-bottom:40px;}


/*---------------------经销商表格---------------------*/
	table.saleslist {margin-top: 5px}
			.saleslist th {
				color: #FFF;
				text-transform: uppercase;
				text-align: left;
				padding: 6px 18px;
				background: #0d2ea0;
			}
			.saleslist td {
				font-size:12px;
				padding: 11px 15px;   
			}     
			tr.over td {   
				background: #cccccc;
			}

div#copyright {width:100%; padding:0 10px 0 10px;}
div#copyright p{text-align:center;}
div#copyright a {margin:5px;}

/*------------------our technologey-------------------*/
		#casebox .casehead h1, #casebox .milehead h1, #casebox .saleshead h1 {margin:5px; font-weight:bold; font-size:36px;}
		#casebox .milehead h1 {color:#f08300;}
		#casebox .saleshead h1 {color:#c9356f;}
		#casebox .casehead p, #casebox .milehead p, #casebox .saleshead p {margin:0px 10px 0 100px; width:470px;}
		#casebox .casehead ul, #casebox .milehead ul, #casebox .saleshead ul {position:absolute; right:10px; top:10px; width:135px;}
		#casebox .casehead a, #casebox .milehead a, #casebox .saleshead a {font-size:16px; color:black;line-height:1.3em; color:#666;}
		#casebox .casehead a.current, #casebox .milehead a.current, #casebox .saleshead a.current {color:black; font-weight:bold;}
		#casebox .milehead a.current {color:#f08300;}
		#casebox .saleshead a.current {color:#c9356f;}
		.content_5{width:744px; height:384px; padding:10px; overflow:auto; background:#888; clear:both;}
		.casehead {width:744px; height:125px; border:10px #888 solid; border-bottom:0px; background:url(../img/casehead_bg_a.jpg); position:relative;}
		.milehead {width:744px; height:125px; border:10px #888 solid; border-bottom:0px; background:url(../img/casehead_bg_b.jpg); position:relative;}
		.saleshead {width:744px; height:125px; border:10px #888 solid; border-bottom:0px; background:url(../img/casehead_bg_c.jpg); position:relative;}
		#casebox {width:98%; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.95); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.95); box-shadow: 0 0 10px rgba(0,0,0,0.95); margin:12px 12px 4px 12px; border:2px #fff solid;}
		#casebox .casebox01a {width:322px; height:358px; float:left; overflow:hidden; display:block;}
		.casebox01b {width:161px; height:162px; float:left; overflow:hidden; }
		#casebox .casebox01c {width:161px; height:358px; float:left; overflow:hidden; display:block;}
		#casebox .casebox01d {width:322px; height:358px; float:left; overflow:hidden; display:block;}
		#casebox .greenbox {background-color:#24cccd; border:2px solid #24cccd; float:left;}
		#casebox .bluebox {background-color:#5387bd; border:2px solid #5387bd; float:left;}
		#casebox .yellowbox {background-color:#bbcd35; border:2px solid #bbcd35; float:left;}
		.casebox01b p, .casebox01c p {color:#fff; padding:3px 10px 5px 10px; margin:0; font-size:11px;}
		.casebox01b h2, .casebox01c h2 {color:#fff; padding:10px 10px 5px 10px; margin:0; font-size:14px; clear:both;}
		.casebox01b .qcard p {color:white; padding:23px 10px 5px 10px; margin:0; font-size:11px;}
		.casebox01b .qcard a {color:white; font-size:20px;}		
		.content_5 .qcard {width:160px; height:160px;}
		.content_5 img {display:block; border:1px #CCC solid;}
		.morepic { width:45px; height:22px; display:block; margin:30px 0 5px 10px;}


/*--------------------onecolum--------------------*/
.onecolum {padding:0 20px;}
span.red {color:#e61717;}
h2.dblue{
	line-height:1.6em;
	color:#071956;
	border-bottom: 3px solid #6195FF;
	padding:5px 0 10px 0;
	margin-bottom:15px;
	font-size:1.6em;
}

/*----------------questionnaire----------------------*/
#questionnaire {
	height: 259px; width: 26px; position: absolute; top: 280px; right:0px; text-align: center; line-height: 1em; color:#CCC;  margin:0 auto;
}
#questionnaire a {
	background:url(../img/tab.gif); width:26px; height:259px; display:block; background-position:center;
}

.dlhover {display: none;}
.dlhover h2 {margin:0 0 10px 0;}
.download_list .textbox_left .dlhover p {margin:0 0 50px 0;}
.map img {  }
.mapDiv { width:68px; padding: 5px; color:#369; position:absolute; display: none; word-break:break-all; border:3px #3F90DC solid; background:#fff;}
.mapDiv ul {display:block;}
.mapDiv li a {width: 64px; padding:4px 2px; border-bottom:1px #3F90DC solid; display:block;}
.mapDiv li a.last {border:none;}
.mapDiv li a:hover {background:#D7E4EF;}


/*----------------新闻和视频index页面----------------------*/
#casebox2 {width:746px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.95); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.95); box-shadow: 0 0 10px rgba(0,0,0,0.95); margin:12px 12px 4px 12px; border:2px #fff solid; padding:10px; background:#888;}
#casebox2>div.block {background:#ffffff; height:100%; display:block; overflow:hidden;}
#casebox2>div.block p, #casebox2 div img {margin:0;}
.block a {display:block;}
.block h3 {margin:0 0 16px 60px; color:#000;font:normal 20px/24px Arial, Helvetica, SimHei; width:600px;}
.block em {margin:0 0 5px 60px; font-family: Arial, Helvetica, SimHei;
font-size: 16px;line-height: 20px;
color:#666;}
.block2 {overflow:hidden;}
.block2a {margin-left:60px; float:left; width:300px;}
.block2b {width:300px; float:left; margin-right:60px;}
.block2b p {color:#666;font:13px/16px Arial, Helvetica, SimSun;word-wrap:break-word;word-break:break-all;}
.block a.more {color:#319be4; line-height:1.6em; padding-top:5px; font-size:13px;}
.block3 {width:600px; margin:0 auto; padding-bottom:20px;}
.deco {margin:38px auto; width:652px; height:2px; background:url(../img/deco.gif);}
.block #navlist li a {display:inline;}

/*----------------环境页面----------------------*/
.brotherheadertext h2 {
	color:#00349a;
	font-size:1.4em;
	font-weight:Bold;
	background-color:#e8e8e8;
	padding:10px;
}

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }

h2.list {margin-left:10px;}
table#list {margin:10px auto;}
table#list td.Name {background: rgb(142,200,81); moz-background-clip: border; moz-background-origin: padding; moz-background-inline-policy: continuous; width:20%;}
table#list td.Xh {background: rgb(181,213,91); moz-background-clip: border; moz-background-origin: padding; moz-background-inline-policy: continuous; width:80%;}
table#list td.Fl {background: #dde490;}
table#list td.Cp {background: #e4eab0;}
table#list td.Cp li {float:left; width:115px; padding:5px;}

.glossaryLink img {padding:0;}
.glossaryLink {
    display:inline-block;
    position:relative;
    color:#039;
    /*font-size:11px;*/
}

.glossaryLink span.underline {
    text-decoration:underline;
}

.glossaryHolder {
    position:absolute;
    display:none;
    top:-50px;
    right:-358px;
    padding:0 0 0 22px;
    width:336px;
    z-index:10;
}

.glossaryHeader {
    display:block;
    height:25px;
    width:296px;
    padding:10px 20px 0 20px;
    color:#fff;
    font-size:1.3em;
    font-weight:bold;
    background-image:url(../img/glossaryHeader.png);
    background-position:left top;
    background-repeat:no-repeat;
}

.glossaryBody {
    display:block;
    background-image:url(../img/glossaryBody.png);
    background-position:left top;
    background-repeat:repeat-y;
    padding:10px 20px;
    width:296px;
}

.glossaryBodyHeader {
    font-size:1.3em;
    padding:0 0 10px 0;
    font-weight:bold;
    width:100%;
    display:block;
    color:#000;
}

.glossaryBodyContent {
    color:#000;
    margin:0;
    padding:0 0 10px 0;
    font-size:1.2em;
    width:100%;
    display:block;
}

.glossaryFooter {
    display:block;
    height:11px;
    width:336px;
    padding:0;
    background-image:url(../img/glossaryFooter.png);
    background-position:left top;
    background-repeat:no-repeat;
}

.glossaryArrow {
    position:absolute;
    display:block;
    top:50px;
    left:0;
    width:23px;
    height:25px;
    background-image:url(../img/glossaryArrow.png);
    background-position:left center;
    background-repeat:no-repeat;
}

.glossaryLink span {
    text-decoration:none;
}

.selectedToolTip {
    z-index:9;
}
.selectedToolTip .glossaryHolder {
    display:block;
}


div.clear
{
    clear: both;
}
a.toplink:link
{
    color: #da0303;
    text-decoration: none;
    line-height: 28px;
    vertical-align: middle;
}
a.toplink:hover
{
    color: #da0303;
    text-decoration: none;
}
a.toplink:active
{
    color: #da0303;
    text-decoration: none;
}
a.toplink:visited
{
    color: #da0303;
    text-decoration: none;
}
div#mainDiv{
	width: 732px;
	margin: 0 auto;
	color: #309;
	background-color:#fff;
}
div#mainhead{
	background: url(../img/page2top.jpg) no-repeat 0px top;
	width: 732px;
	height: 371px;
	margin: 0 auto;
	color: #000;
}
.ptitle1
{
	width:620px;
	margin:10px 50px;
	text-align:left;
	font-size:18px;
	color:#6cc372;
	}
	.ptitle2
{
	width:620px;
	margin:10px 50px;
	text-align:left;
	font-size:14px;
	color:#6cc372;
	}
		.ptitle2black
{
	width:620px;
	margin:10px 50px;
	text-align:left;
	font-size:14px;
	color:#1a1a1a;
	}
		.pcont
{
	width:620px;
	margin:10px 50px;
	text-align:left;
	font-size:12px;
	color:#000;
	}
.aligncenter{text-align:center;}
#tab_container1{width:732px;text-align:left;}
.cls_tab_nav{width:732px;height:88px;overflow:hidden;font-size:12px;text-align:center;background-color:#fff;}
.cls_tab_nav ul{width:732px;font-size:9pt;margin:0;padding:0;text-align:center;}
.cls_tab_nav_li{width:131px;height:87px;line-height:131px;float:left;display:inline;overflow:hidden;text-align:center;cursor:pointer;padding-left:14px;}
.cls_tab_nav_li_first{background-position:0px 0px;}
.cls_tab_nav_li a{text-decoration:none;color:#555;font-size:12px;}
.cls_tab_body{border:1px solid #fff;border-top:none;min-height:260px;padding:20px;}
.cls_div{display:none;font-size:14px;}


div.footnav {clear:both; font-size:16px;}
#showArea {width:960px; height:350px; overflow:hidden; padding: 5px; background:url(../slideshow/topBannerShadow.png)}
.plist {width:960px; margin:12px auto 12px; overflow:hidden;}
.plist li a{float:left; width:158px; text-align:center; background:#fff; overflow:hidden; border:1px solid #fff;}
.blist a img {border:1px solid #fff;}
.blist a img:hover {border:1px solid #0FF;}
.plist li a:hover span{ background:#EAEAEA;}
.plist li a:hover{border-color:#0FF;}
.plist li a span {padding:10px 0; display:inline-block; width:158px; border-left:1px solid #EAEAEA; border-right:1px solid #EAEAEA; background:#fff;}
.plist li:first-child a span {border-left:1px solid #fff; border-right:1px solid #EAEAEA;}
.blist li {float:left; padding-left:13px; position:relative; display:block;}
.blist li:first-child {padding-left:5px;}
.blist {overflow:hidden; margin-bottom:30px;}
.newslist {float:left; width:635px; border:1px solid #DBDBDB; margin-left:5px;}
.clist {float:right; width:320px; text-align:right; padding-right:5px;}
.clist img {margin-bottom:12px;}
.newslist table {margin:10px auto;}
.newslist td {padding:0 18px;}
.newslist table a {font-size:14px; line-height:25px;}
.newslist h2 {margin:0; font-size:24px; color:#000; padding:8px 24px; display:block; width:100%; border-bottom:2px solid #0C2D9F;}
.newslist a {color:#666666;}
.newslist a:hover {color:#0C2D9F; }
.newslist a.more {float:right; background:url(../imgs/more.png) right no-repeat; padding:0 10px 0 0; margin:10px 23px 22px 0; color:#0C2D9F;}
.right {float:right; margin:45px 12px 15px 0;}
.left {float:left; margin:45px 0 15px 12px;}
.footnav, .footnav a {color:#666666; font-size:16px; line-height:1.3em;}
.footnav a:hover {color:#0D2EA0;}
.mapnav {clear:both; width:960px; margin:3 auto; border-top:1px solid #DBDBDB; border-bottom:1px solid #DBDBDB; color:#666666; overflow:hidden; height:420px;}
.mapnav dl {float:left; border-left:1px solid #DBDBDB; padding:0 12px 15px; height:320px; min-width:87px;}
.mapnav dl:first-child {border-left:1px solid #fff;}
.mapnav dl dt {font-size:16px; margin-bottom:18px;}
.mapnav dl dd {margin:0 0 5px 0; line-height:1.4em;}
.mapnav dl dd a {padding-right:12px; background:url(../imgs/more_s.png) right -3px no-repeat; color:#666666;}
.mapnav dl dd a:hover {color:#0D2EA0; background-position:right -18px;}
.sm img {vertical-align:middle; padding-right:5px;}
.sm {border-bottom:1px solid #DBDBDB; padding-bottom:5px;}
.sm span {padding-right:12px; background:url(../imgs/more_s.png) right -3px no-repeat; color:#666666;}
.fstyle ul
{
	width: 960px;
	height: 31px;
	text-align: left;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-bottom:0px;
	margin: 0 auto;
	font-weight: bold;
}

.fstyle ul li
{
    display: inline;
    height: 31px;
    margin: 0px;
    float:left;
}

.fstyle ul li a
{
	color: White;
	text-decoration: none;
	font-size: 12px;
}

.fstyle ul li a:hover
{
	padding-top: 0px;

}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv
{
	position: absolute;
	font: normal 12px Verdana;
	line-height: 20px;
	margin-top: -2px;
	margin-left: -1px;
	width:151px;
	background-color:#F7F7F7;
	visibility: hidden;
	text-align: center;
	filter:alpha(opacity=95);
	border:1px solid #cccccc;
	z-index:200;
}

.dropmenudiv a
{
	display: block;
	padding: 0px 0px;
	margin: 0;
	text-decoration: none;
	color: black;
}

* html .dropmenudiv a
{
	width: 127px;
}

.dropmenudiv a:hover
{

	color: white;
	background-color:#666666;
}
.drop1 {
	background-attachment: fixed;
	background-image: url(../gnavi01_on.gif);
}
.news a:hover
{
	text-decoration: underline;
	font-weight:bold;
}

#menuie {
    width:960px;
}

.st-mobileMenu > ul > li > a.active:after {
  /* content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -8px;
  margin: auto 10px;
  width: 7px;
  height: 7px;
  border-top: 2px solid #0d2ea0;
  border-right: 2px solid #0d2ea0;
  background-color: transparent; */
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}