﻿@charset "utf-8";
/*reset*/
html{color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
input,button,textarea,select,optgroup,option{font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
body{font:12px/1.231;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
.txtboxcs{ border:solid 1px #ccc; height:22px;}

/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

/*common*/

a:focus{outline:0;} /*for ff f6n.net*/
.vam { vertical-align:middle;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
.t01 , .t02 , .t03 ,   .t05 , .t06 , .t07 , .t08 , .t09 , .plc2 , .rtit , .rtit1 , .pro_lc , .lc1 , .lc2 , .lc3 , .lc4 , .lnav h3 , .userleftnav h4 , .leftsearch , .topsearch , .ljob , .jointel, .club_lin2, .procom h4, .caigou, .comments h4{ background:url(/images/SkinsVIBar.gif) no-repeat;}

.b01 , .b02 , .b03 , .b04 , .b05 , .b06 , .b07 , .b08 , .b09 , .b10 , .b11 , .b12 , .b13 , .b14 , .b15 , .b16 , .b17 , .b18 , .b19 , .b20 , .b21 , .b22 , .b23, .b24, .b25, .b26 , .b27 , .b28 , .b29 , .b30 , .b31 , .b32 , .b33 , .b34 , .b35 , .b36 , .b37 , .b38 , .b39, .b40, .b41, .b42, .b43, .b44, .b45, .b46, .b47, .b48, .b49, .b49b, .b59, .b60, .b61, .b62, ul.n_rt_ul {background: url(/images/SkinsVIBtn.gif) no-repeat; border:0; cursor: pointer; overflow:hidden; }

/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:960px; margin:10px auto; }



/* -- 页面整体布局 -- */
.header, .content, .footer{ width:960px; margin:0 auto;}
.left { width:201px; float:left; overflow:hidden;}
.left2 { width:670px; float:left; overflow:hidden;}
.left3 { width:754px; float:left; overflow:hidden; color:#666;}
.lefttop { background:url(/images/left_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.left2top { background:url(/images/left2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.leftbot { background:url(/images/left_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;  margin-bottom:10px;}
.left2bot { background:url(/images/right_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}

.right { width:754px; float:left; display:inline; margin-left:5px; overflow:hidden;}
.right2 { width:275px;  float:right; overflow:hidden;}
.right3 { width:201px; float:right; overflow:hidden; color:#666;}
.righttop { background:url(/images/right_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.right2top { background:url(/images/right2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.rightbot { background:url(/images/right_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}
.right2bot { background:url(/images/left_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}

.right_main { width:752px; min-height:458px; border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;}
.right2_main { width:273px; border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;}
.left2_main { width:668px;  border:solid 1px #d5d5d5; border-top:0; border-bottom:0; overflow:hidden;}

.h_nav li a:-webkit-any-link{ display:block;}




/*index*/
@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
/**/

.banan{background: url(/images/banna_02.jpg) no-repeat center;width: 100%;height:499px; }



/*flash切换*/
#flashs { position:relative; background:#eee;}
#flashs .bgitem {  }
#flashs .btn{ position:absolute; z-index:7; bottom:22px; right:50%; margin-right:-470px; padding:5px 6px;}
#flashs .btn span{ color:#40b793;  background:#efefef; border:1px solid #40b793; cursor: pointer;display: inline-block;margin-left: 5px;padding:2px 6px;}
#flashs .btn span.cur{ background:#60E0B9; color:#fff;}

.MainBlock{
	width:1000px;
	margin:auto;
	}

/*ProductBG*/
.ProductBG{
	width:100%;
	padding:0px 0px 20px 0px;
	background:#A5CDC1 url(/images/Pro_bg2.png) repeat-x 0px 0px;}
	
.ProductBG	.topic{
	height:48px;
	background: url(/images/topic_bg1.png) repeat-x 0px 0px;}
	
.ProductBG	.topic .TopicTitle{
	line-height:48px;
	width:176px;
	background: url(/images/topic_bg2.png) no-repeat 0px 0px;
	text-align:center;
	font-size:20px;
	color:#FFF;
	}	
.ProductBG	.topic .TopicTitle a{
	color:#FFF;}	

.ProductBG .MoreLink{
	float:Left;
	padding-top:10px;
	}
.ProductBG .MoreLink a{
	display:block;
	background:#60E0B9;
	color:#FFF;
	line-height:35px;
	padding:0px 20px;
	font-size:16px;}	
.ProductBG .MoreLink a:hover{
	background:#01573c;
	}	
	
.ProductBG .tel{
	float:right;
	background:url("/images/tel_icon.png") no-repeat left 10px;
	height:62px;
	width:240px;
	padding-top:0px;} 
	
.ProductBG .tel .telW{
	padding-left:55px;
	padding-top:8px;
	color:#FFF;}	
.ProductBG .tel .telN{
	padding-left:55px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:24px;
	color:#FFF;
	line-height:100%;}
		
.ProductBG .blk_29 {	 PADDING:10px 0px; OVERFLOW: hidden;  ZOOM: 1; POSITION: relative;border-bottom:1px dotted #01573c;width:1000px;margin:auto;}
	
.ProductBG .blk_29 .LeftBotton {	BACKGROUND: url(/images/left_arrow.png) no-repeat 0px 0px; LEFT: 10px; FLOAT: left; WIDTH: 26px; CURSOR: pointer; POSITION: absolute; TOP: 65px; HEIGHT: 62px}
.ProductBG .blk_29 .RightBotton {	RIGHT: 5px; BACKGROUND: url(/images/right_arrow.png) no-repeat -0px 0px; FLOAT: right;right:0px; WIDTH: 26px; CURSOR: pointer; POSITION: absolute; TOP: 65px; HEIGHT: 62px}
.ProductBG .blk_29 .Cont {	MARGIN: 0px auto; OVERFLOW: hidden;  PADDING:15px 0 0 0px;float:left;height:210px;width:900px;POSITION: relative;left:47px;}
.ProductBG .blk_29 .box {	FLOAT: left; WIDTH: 300px; TEXT-ALIGN: center;}
.ProductBG .blk_29 .box IMG {	BORDER: #ccc 1px solid; PADDING: 3px; DISPLAY: block; BACKGROUND: #fff; PADDING-BOTTOM: 3px; MARGIN: 0px auto; width:225px;height:185px;}
.ProductBG .blk_29 .box A:hover IMG {	BORDER: #0063a5 1px solid;}
.ProductBG .blk_29 .box P {	WIDTH: 300px; LINE-HEIGHT: 20px;text-align:center;font-size:12px;color:#0063a5}

/*ProductBG2*/
.ProductBG2{
	width:100%;
	padding:20px 0px 20px 0px;
	background:#ECECEC; }
	
	.topic2{
	height:52px;
	background: url(/images/topic_bg3.png) no-repeat 0px 0px;}
	
	.topic2 .TopicTitle{
	line-height:48px;
	font-size:20px;
	width:190px;
	text-align:center;
	color:#FFF;
	}	
	.topic2 .TopicTitle a{
	color:#FFF}
.ProductBG2 .blk_29 {	 PADDING:10px 0px; OVERFLOW: hidden;  ZOOM: 1; POSITION: relative;width:1000px;margin:auto;}
	
.ProductBG2 .blk_29 .LeftBotton {display:none;	BACKGROUND: url(/images/left_arrow.png) no-repeat 0px 0px; LEFT: 10px; FLOAT: left; WIDTH: 26px; CURSOR: pointer; POSITION: absolute; TOP: 65px; HEIGHT: 62px}
.ProductBG2 .blk_29 .RightBotton {display:none;	RIGHT: 5px; BACKGROUND: url(/images/right_arrow.png) no-repeat -0px 0px; FLOAT: right;right:0px; WIDTH: 26px; CURSOR: pointer; POSITION: absolute; TOP: 65px; HEIGHT: 62px}
.ProductBG2 .blk_29 .Cont {	MARGIN: 0px auto; OVERFLOW: hidden;  PADDING:15px 0 0 0px;float:left;height:193px;width:1000px;POSITION: relative;left:0px;}
.ProductBG2 .blk_29 .box {	FLOAT: left; WIDTH: 250px; TEXT-ALIGN: center;}
.ProductBG2 .blk_29 .box IMG {	BORDER: #ccc 1px solid; PADDING: 3px; DISPLAY: block; BACKGROUND: #fff; PADDING-BOTTOM: 3px; MARGIN: 0px auto; width:225px;height:168px;}
.ProductBG2 .blk_29 .box A:hover IMG {	BORDER: #0063a5 1px solid;}
.ProductBG2 .blk_29 .box P {	WIDTH: 250px; LINE-HEIGHT: 20px;text-align:center;font-size:12px;color:#0063a5}



/*ProductBG3*/
.ProductBG3{
	width:100%;
	padding:0px 0px 20px 0px;
	background: url(/images/adv_bg2.png) repeat 0px 0px; }

.ProductBG3 .adv_Title{
	width:100%;
	height:289px;
	background: url(/images/adv_bg1.png) no-repeat center 0px;}

.ProductBG3 .adv_List{
	width:1000px;
	margin:auto;
	height:1359px;
	background: url(/images/adv_bg3.png) no-repeat center 0px;
	color:#01845c;
	font-size:14px;
	}
.ProductBG3 .adv_List p{
	line-height:30px;
	font-size:14px;
	}
.ProductBG3 .adv_List strong{
	font-size:20px;
	}	
.ProductBG3 .adv_List .li1{
	width:500px;
	height:230px;
	padding-top:120px;
	padding-left:50px;
	float:left;}

.ProductBG3 .adv_List .li2{
	width:500px;
	height:230px;
	padding-top:120px;
	padding-left:50px;
	float:right;}
.ProductBG3 .adv_List .li3{
	width:500px;
	height:200px;
	padding-top:120px;
	padding-left:50px;
	float:left;}
.ProductBG3 .adv_List .li4{
	width:500px;
	height:200px;
	padding-top:120px;
	padding-left:50px;
	float:right;}








